diff --git a/README.md b/README.md index e64ec14..2b77c6a 100644 --- a/README.md +++ b/README.md @@ -35,7 +35,7 @@ - Fully controllable via optional props and callbacks - "Why I wrote React Table and the problems it has solved for Nozzle.io by Tanner Linsley -## Demo +## Demo ## Table of Contents - [Installation](#installation) diff --git a/docs/iframe.html b/docs/iframe.html index 6b2cb13..79ae79d 100644 --- a/docs/iframe.html +++ b/docs/iframe.html @@ -16,7 +16,7 @@
- + \ No newline at end of file diff --git a/docs/static/preview.7d47767739e6157542d5.bundle.js b/docs/static/preview.6255f53218a1ea5fdea0.bundle.js similarity index 98% rename from docs/static/preview.7d47767739e6157542d5.bundle.js rename to docs/static/preview.6255f53218a1ea5fdea0.bundle.js index fc669af..c50bcae 100644 --- a/docs/static/preview.7d47767739e6157542d5.bundle.js +++ b/docs/static/preview.6255f53218a1ea5fdea0.bundle.js @@ -28,7 +28,7 @@ blacklist:["about","abuse","access","account","accounts","ad","add","address","a module.exports=isPlainObject},,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,function(module,exports,__webpack_require__){"use strict";function _interopRequireWildcard(obj){if(obj&&obj.__esModule)return obj;var newObj={};if(null!=obj)for(var key in obj)Object.prototype.hasOwnProperty.call(obj,key)&&(newObj[key]=obj[key]);return newObj.default=obj,newObj}Object.defineProperty(exports,"__esModule",{value:!0}),exports.linkTo=exports.action=exports.getStorybook=exports.configure=exports.addDecorator=exports.setAddon=exports.storiesOf=void 0;var _storybookAddonActions=__webpack_require__(71);Object.defineProperty(exports,"action",{enumerable:!0,get:function(){return _storybookAddonActions.action}});var _storybookAddonLinks=__webpack_require__(96);Object.defineProperty(exports,"linkTo",{enumerable:!0,get:function(){return _storybookAddonLinks.linkTo}});var _preview=__webpack_require__(659),previewApi=_interopRequireWildcard(_preview);exports.storiesOf=previewApi.storiesOf,exports.setAddon=previewApi.setAddon,exports.addDecorator=previewApi.addDecorator,exports.configure=previewApi.configure,exports.getStorybook=previewApi.getStorybook},,,,function(module,exports,__webpack_require__){"use strict";function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}Object.defineProperty(exports,"__esModule",{value:!0});var _toConsumableArray2=__webpack_require__(858),_toConsumableArray3=_interopRequireDefault(_toConsumableArray2),_keys=__webpack_require__(662),_keys2=_interopRequireDefault(_keys),_extends2=__webpack_require__(663),_extends3=_interopRequireDefault(_extends2),_classCallCheck2=__webpack_require__(180),_classCallCheck3=_interopRequireDefault(_classCallCheck2),_createClass2=__webpack_require__(181),_createClass3=_interopRequireDefault(_createClass2),ClientApi=function(){function ClientApi(_ref){var channel=_ref.channel,storyStore=_ref.storyStore;(0,_classCallCheck3.default)(this,ClientApi),this._channel=channel,this._storyStore=storyStore,this._addons={},this._globalDecorators=[]}return(0,_createClass3.default)(ClientApi,[{key:"setAddon",value:function(addon){this._addons=(0,_extends3.default)({},this._addons,addon)}},{key:"addDecorator",value:function(decorator){this._globalDecorators.push(decorator)}},{key:"clearDecorators",value:function(){this._globalDecorators=[]}},{key:"storiesOf",value:function(kind,m){var _this=this;m&&m.hot&&m.hot.dispose(function(){_this._storyStore.removeStoryKind(kind)});var localDecorators=[],api={kind:kind};return(0,_keys2.default)(this._addons).forEach(function(name){var addon=_this._addons[name];api[name]=function(){for(var _len=arguments.length,args=Array(_len),_key=0;_key<_len;_key++)args[_key]=arguments[_key];return addon.apply(api,args),api}}),api.add=function(storyName,getStory){var decorators=[].concat(localDecorators,(0,_toConsumableArray3.default)(_this._globalDecorators)),fn=decorators.reduce(function(decorated,decorator){return function(context){return decorator(function(){return decorated(context)},context)}},getStory);return _this._storyStore.addStory(kind,storyName,fn),api},api.addDecorator=function(decorator){return localDecorators.push(decorator),api},api}},{key:"getStorybook",value:function(){var _this2=this;return this._storyStore.getStoryKinds().map(function(kind){var stories=_this2._storyStore.getStories(kind).map(function(name){var render=_this2._storyStore.getStory(kind,name);return{name:name,render:render}});return{kind:kind,stories:stories}})}}]),ClientApi}();exports.default=ClientApi},function(module,exports,__webpack_require__){"use strict";function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}Object.defineProperty(exports,"__esModule",{value:!0});var _classCallCheck2=__webpack_require__(180),_classCallCheck3=_interopRequireDefault(_classCallCheck2),_createClass2=__webpack_require__(181),_createClass3=_interopRequireDefault(_createClass2),_actions=__webpack_require__(295),_=__webpack_require__(659),ConfigApi=function(){function ConfigApi(_ref){var channel=_ref.channel,storyStore=_ref.storyStore,reduxStore=_ref.reduxStore;(0,_classCallCheck3.default)(this,ConfigApi),this._channel=channel,this._storyStore=storyStore,this._reduxStore=reduxStore}return(0,_createClass3.default)(ConfigApi,[{key:"_renderMain",value:function(loaders){loaders&&loaders();var stories=this._storyStore.dumpStoryBook();this._channel.emit("setStories",{stories:stories}),this._reduxStore.dispatch((0,_actions.clearError)()),this._reduxStore.dispatch((0,_actions.setInitialStory)(stories))}},{key:"_renderError",value:function(e){var stack=e.stack,message=e.message,error={stack:stack,message:message};this._reduxStore.dispatch((0,_actions.setError)(error))}},{key:"configure",value:function(loaders,module){var _this=this,render=function(){try{_this._renderMain(loaders)}catch(error){module.hot&&"apply"===module.hot.status()?location.reload():_this._renderError(error)}};module.hot&&(module.hot.accept(function(){setTimeout(render)}),module.hot.dispose(function(){(0,_.clearDecorators)()})),this._channel?render():loaders()}}]),ConfigApi}();exports.default=ConfigApi},function(module,exports,__webpack_require__){"use strict";function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}Object.defineProperty(exports,"__esModule",{value:!0});var _react=__webpack_require__(3),_react2=_interopRequireDefault(_react),mainStyle={position:"fixed",top:0,bottom:0,left:0,right:0,padding:20,backgroundColor:"rgb(187, 49, 49)",color:"#FFF",WebkitFontSmoothing:"antialiased"},headingStyle={fontSize:20,fontWeight:600,letterSpacing:.2,margin:"10px 0",fontFamily:'\n -apple-system, ".SFNSText-Regular", "San Francisco", Roboto, "Segoe UI",\n "Helvetica Neue", "Lucida Grande", sans-serif\n '},codeStyle={fontSize:14,width:"100vw",overflow:"auto"},ErrorDisplay=function(_ref){var error=_ref.error;return _react2.default.createElement("div",{style:mainStyle},_react2.default.createElement("div",{style:headingStyle},error.message),_react2.default.createElement("pre",{style:codeStyle},_react2.default.createElement("code",null,error.stack)))};ErrorDisplay.propTypes={error:_react2.default.PropTypes.object.isRequired},exports.default=ErrorDisplay},function(module,exports,__webpack_require__){"use strict";function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=function(context){var queryParams=context.queryParams,reduxStore=context.reduxStore,window=context.window,channel=context.channel;queryParams.selectedKind&&reduxStore.dispatch((0,_actions.selectStory)(queryParams.selectedKind,queryParams.selectedStory)),window.onkeydown=function(e){var parsedEvent=(0,_key_events2.default)(e);parsedEvent&&channel.emit("applyShortcut",{event:parsedEvent})}};var _key_events=__webpack_require__(204),_key_events2=_interopRequireDefault(_key_events),_actions=__webpack_require__(295)},function(module,exports,__webpack_require__){"use strict";function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}function reducer(){var state=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},action=arguments[1];switch(action.type){case _actions.types.CLEAR_ERROR:return(0,_extends3.default)({},state,{error:null});case _actions.types.SET_ERROR:return(0,_extends3.default)({},state,{error:action.error});case _actions.types.SELECT_STORY:return(0,_extends3.default)({},state,{selectedKind:action.kind,selectedStory:action.story});case _actions.types.SET_INITIAL_STORY:var newState=(0,_extends3.default)({},state),storyKindList=action.storyKindList;return!newState.selectedKind&&storyKindList.length>0&&(newState.selectedKind=storyKindList[0].kind,newState.selectedStory=storyKindList[0].stories[0]),newState;default:return state}}Object.defineProperty(exports,"__esModule",{value:!0});var _extends2=__webpack_require__(663),_extends3=_interopRequireDefault(_extends2);exports.default=reducer;var _actions=__webpack_require__(295)},function(module,exports,__webpack_require__){"use strict";function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}function renderError(error){var properError=new Error(error.title);properError.stack=error.description;var redBox=_react2.default.createElement(_error_display2.default,{error:properError});_reactDom2.default.render(redBox,rootEl)}function renderException(error){var realError=new Error(error.message);realError.stack=error.stack;var redBox=_react2.default.createElement(_error_display2.default,{error:realError});_reactDom2.default.render(redBox,rootEl),logger.error(error.stack)}function renderMain(data,storyStore){if(0===storyStore.size())return null;var NoPreview=function(){return _react2.default.createElement("p",null,"No Preview Available!")},noPreview=_react2.default.createElement(NoPreview,null),selectedKind=data.selectedKind,selectedStory=data.selectedStory,story=storyStore.getStory(selectedKind,selectedStory);if(!story)return _reactDom2.default.render(noPreview,rootEl),null;selectedKind===previousKind&&previousStory===selectedStory||(previousKind=selectedKind,previousStory=selectedStory,_reactDom2.default.unmountComponentAtNode(rootEl));var context={kind:selectedKind,story:selectedStory},element=story(context);if(!element){var error={title:'Expecting a React element from the story: "'+selectedStory+'" of "'+selectedKind+'".',description:(0,_commonTags.stripIndents)(_templateObject)};return renderError(error)}if(void 0===element.type){var _error={title:'Expecting a valid React element from the story: "'+selectedStory+'" of "'+selectedKind+'".',description:(0,_commonTags.stripIndents)(_templateObject2)};return renderError(_error)}return _reactDom2.default.render(element,rootEl),null}function renderPreview(_ref){var reduxStore=_ref.reduxStore,storyStore=_ref.storyStore,state=reduxStore.getState();if(state.error)return renderException(state.error);try{return renderMain(state,storyStore)}catch(ex){return renderException(ex)}}Object.defineProperty(exports,"__esModule",{value:!0});var _taggedTemplateLiteral2=__webpack_require__(857),_taggedTemplateLiteral3=_interopRequireDefault(_taggedTemplateLiteral2),_templateObject=(0,_taggedTemplateLiteral3.default)(['\n Did you forget to return the React element from the story?\n Use "() => ()" or "() => { return ; }" when defining the story.\n '],['\n Did you forget to return the React element from the story?\n Use "() => ()" or "() => { return ; }" when defining the story.\n ']),_templateObject2=(0,_taggedTemplateLiteral3.default)(["\n Seems like you are not returning a correct React element form the story.\n Could you double check that?\n "],["\n Seems like you are not returning a correct React element form the story.\n Could you double check that?\n "]);exports.renderError=renderError,exports.renderException=renderException,exports.renderMain=renderMain,exports.default=renderPreview;var _react=__webpack_require__(3),_react2=_interopRequireDefault(_react),_reactDom=__webpack_require__(196),_reactDom2=_interopRequireDefault(_reactDom),_commonTags=__webpack_require__(965),_error_display=__webpack_require__(843),_error_display2=_interopRequireDefault(_error_display),isBrowser="undefined"!=typeof window,logger=console,rootEl=null,previousKind="",previousStory="";isBrowser&&(rootEl=document.getElementById("root"))},function(module,exports,__webpack_require__){"use strict";function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}function getId(){return cnt+=1}Object.defineProperty(exports,"__esModule",{value:!0});var _keys=__webpack_require__(662),_keys2=_interopRequireDefault(_keys),_classCallCheck2=__webpack_require__(180),_classCallCheck3=_interopRequireDefault(_classCallCheck2),_createClass2=__webpack_require__(181),_createClass3=_interopRequireDefault(_createClass2),cnt=0,StoryStore=function(){function StoryStore(){(0,_classCallCheck3.default)(this,StoryStore),this._data={}}return(0,_createClass3.default)(StoryStore,[{key:"addStory",value:function(kind,name,fn){this._data[kind]||(this._data[kind]={kind:kind,index:getId(),stories:{}}),this._data[kind].stories[name]={name:name,index:getId(),fn:fn}}},{key:"getStoryKinds",value:function(){var _this=this;return(0,_keys2.default)(this._data).map(function(key){return _this._data[key]}).filter(function(kind){return(0,_keys2.default)(kind.stories).length>0}).sort(function(info1,info2){return info1.index-info2.index}).map(function(info){return info.kind})}},{key:"getStories",value:function(kind){var _this2=this;return this._data[kind]?(0,_keys2.default)(this._data[kind].stories).map(function(name){return _this2._data[kind].stories[name]}).sort(function(info1,info2){return info1.index-info2.index}).map(function(info){return info.name}):[]}},{key:"getStory",value:function(kind,name){var storiesKind=this._data[kind];if(!storiesKind)return null;var storyInfo=storiesKind.stories[name];return storyInfo?storyInfo.fn:null}},{key:"removeStoryKind",value:function(kind){this._data[kind].stories={}}},{key:"hasStoryKind",value:function(kind){return Boolean(this._data[kind])}},{key:"hasStory",value:function(kind,name){return Boolean(this.getStory(kind,name))}},{key:"dumpStoryBook",value:function(){var _this3=this,data=this.getStoryKinds().map(function(kind){return{kind:kind,stories:_this3.getStories(kind)}});return data}},{key:"size",value:function(){return(0,_keys2.default)(this._data).length}},{key:"clean",value:function(){var _this4=this;this.getStoryKinds().forEach(function(kind){return delete _this4._data[kind]})}}]),StoryStore}();exports.default=StoryStore},,function(module,exports){"use strict";window.STORYBOOK_REACT_CLASSES={}},[1341,859],,[1343,862],[1345,863],,,,[1348,852,853],[1349,850],[1350,360,883,18],[1351,885,18],,[1352,887,18],[1354,888,18],,function(module,exports,__webpack_require__){__webpack_require__(890),module.exports=__webpack_require__(18).Object.keys},,,,,[1357,213,40],[1358,39,86],,[1367,103,40],,[1368,68],[1371,40],,,[1373,85,300,218,106,297,52],,,[1392,870,40,103,18],[1393,214,41,106,875,873,305,871,882,876],,[1394,41,879],,[1395,41,37,299],[1397,54,354,303],,function(module,exports,__webpack_require__){var toObject=__webpack_require__(106),$keys=__webpack_require__(85);__webpack_require__(303)("keys",function(){return function(it){return $keys(toObject(it))}})},,,,,,,function(module,exports,__webpack_require__){(function(global,module){"use strict";function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}var _react=__webpack_require__(3),_react2=_interopRequireDefault(_react),_storybook=__webpack_require__(837);__webpack_require__(1259),__webpack_require__(1257),__webpack_require__(1258),__webpack_require__(1262),__webpack_require__(1260),__webpack_require__(1261);var _README=__webpack_require__(1049),_README2=_interopRequireDefault(_README),_Simple=__webpack_require__(905),_Simple2=_interopRequireDefault(_Simple),_CellRenderers=__webpack_require__(900),_CellRenderers2=_interopRequireDefault(_CellRenderers),_ServerSide=__webpack_require__(904),_ServerSide2=_interopRequireDefault(_ServerSide),_SubComponents=__webpack_require__(906),_SubComponents2=_interopRequireDefault(_SubComponents),_Pivoting=__webpack_require__(902),_Pivoting2=_interopRequireDefault(_Pivoting),_PivotingSubComponents=__webpack_require__(903),_PivotingSubComponents2=_interopRequireDefault(_PivotingSubComponents),_OneHundredKRows=__webpack_require__(901),_OneHundredKRows2=_interopRequireDefault(_OneHundredKRows);(0,_storybook.configure)(function(){(0,_storybook.storiesOf)("1. Docs").add("Readme",function(){var ReadmeCmp=_react2.default.createClass({displayName:"ReadmeCmp",render:function(){return _react2.default.createElement("span",{className:"markdown-body",dangerouslySetInnerHTML:{__html:_README2.default}})},componentDidMount:function(){global.Prism.highlightAll()}});return _react2.default.createElement(ReadmeCmp,null)}),(0,_storybook.storiesOf)("2. Demos").add("Simple Table",_Simple2.default).add("Cell Renderers & Custom Components",_CellRenderers2.default).add("Server-side Data",_ServerSide2.default).add("Sub Components",_SubComponents2.default).add("Pivoting & Aggregation",_Pivoting2.default).add("Pivoting & Aggregation w/ Sub Components",_PivotingSubComponents2.default).add("100k Rows w/ Pivoting & Sub Components",_OneHundredKRows2.default)},module)}).call(exports,function(){return this}(),__webpack_require__(642)(module))},function(module,exports,__webpack_require__){"use strict";function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}Object.defineProperty(exports,"__esModule",{value:!0});var _extends=Object.assign||function(target){for(var i=1;i=0||Object.prototype.hasOwnProperty.call(obj,i)&&(target[i]=obj[i]);return target}function get(obj,path,def){if(!path)return obj;var pathObj=makePathArray(path),val=void 0;try{val=pathObj.reduce(function(current,pathPart){return current[pathPart]},obj)}catch(e){}return"undefined"!=typeof val?val:def}function set(){for(var obj=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},path=arguments[1],value=arguments[2],keys=makePathArray(path),keyPart=void 0,cursor=obj;(keyPart=keys.shift())&&keys.length;)cursor[keyPart]||(cursor[keyPart]={}),cursor=cursor[keyPart];return cursor[keyPart]=value,obj}function takeRight(arr,n){var start=n>arr.length?0:arr.length-n;return arr.slice(start)}function last(arr){return arr[arr.length-1]}function range(n){for(var arr=[],i=0;icb)return desc?-1:1;if(ca1&&void 0!==arguments[1]?arguments[1]:[];if(isArray(arr))for(var i=0;i d.lastName\n }]\n}, {\n header: 'Info',\n columns: [{\n header: 'Profile Progress',\n accessor: 'progress',\n render: row => (\n \n 66 ? '#85cc00'\n : row.value > 33 ? '#ffbf00'\n : '#ff2e00',\n borderRadius: '2px',\n transition: 'all .2s ease-out'\n }}\n />\n \n )\n }, {\n header: 'Status',\n accessor: 'status',\n render: row => (\n \n \n ●\n {\n row.value === 'relationship' ? 'In a relationship'\n : row.value === 'complicated' ? `It's complicated`\n : 'Single'\n }\n \n )\n }]\n}]\n\nreturn (\n \n)\n "}Object.defineProperty(exports,"__esModule",{value:!0});var _react=__webpack_require__(3),_react2=_interopRequireDefault(_react),_lodash=__webpack_require__(118),_lodash2=_interopRequireDefault(_lodash),_namor=__webpack_require__(124),_namor2=_interopRequireDefault(_namor),_codeHighlight=__webpack_require__(108),_codeHighlight2=_interopRequireDefault(_codeHighlight),_index=__webpack_require__(107),_index2=_interopRequireDefault(_index);exports.default=function(){var data=_lodash2.default.map(_lodash2.default.range(5553),function(d){var statusChance=Math.random();return{firstName:_namor2.default.generate({words:1,numLen:0}),lastName:_namor2.default.generate({words:1,numLen:0}),progress:Math.floor(100*Math.random()),status:statusChance>.66?"relationship":statusChance>.33?"complicated":"single"}}),columns=[{header:"Name",columns:[{header:"First Name",accessor:"firstName"},{header:"Last Name",id:"lastName",accessor:function(d){return d.lastName}}]},{header:"Info",columns:[{header:"Profile Progress",accessor:"progress",render:function(row){return _react2.default.createElement("div",{style:{width:"100%",height:"100%",backgroundColor:"#dadada",borderRadius:"2px"}},_react2.default.createElement("div",{style:{width:row.value+"%",height:"100%",backgroundColor:row.value>66?"#85cc00":row.value>33?"#ffbf00":"#ff2e00",borderRadius:"2px",transition:"all .2s ease-out"}}))}},{header:"Status",accessor:"status",render:function(row){return _react2.default.createElement("span",null,_react2.default.createElement("span",{style:{color:"relationship"===row.value?"#ff2e00":"complicated"===row.value?"#ffbf00":"#57d500",transition:"all .3s ease"}},"●")," ","relationship"===row.value?"In a relationship":"complicated"===row.value?"It's complicated":"Single")}}]}];return _react2.default.createElement("div",null,_react2.default.createElement("div",{className:"table-wrap"},_react2.default.createElement(_index2.default,{data:data,columns:columns,defaultPageSize:10})),_react2.default.createElement("div",{style:{textAlign:"center"}},_react2.default.createElement("br",null),_react2.default.createElement("em",null,"Tip: Hold shift when sorting to multi-sort!")),_react2.default.createElement(_codeHighlight2.default,null,function(){return getCode()}))}},function(module,exports,__webpack_require__){"use strict";function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}function getCode(){return"\nconst columns = [{\n header: 'Name',\n columns: [{\n header: 'First Name',\n accessor: 'firstName'\n }, {\n header: 'Last Name',\n id: 'lastName',\n accessor: d => d.lastName\n }]\n}, {\n header: 'Info',\n columns: [{\n header: 'Age',\n accessor: 'age'\n }]\n}]\n\nexport default (\n {\n return (\n
\n You can put any component you want here, even another React Table!\n
\n
\n {\n return (\n
\n It even has access to the row data: \n {() => JSON.stringify(row, null, 2)}\n
\n )\n }}\n />\n
\n )\n }}\n />\n)\n "}Object.defineProperty(exports,"__esModule",{value:!0});var _react=__webpack_require__(3),_react2=_interopRequireDefault(_react),_lodash=__webpack_require__(118),_lodash2=_interopRequireDefault(_lodash),_namor=__webpack_require__(124),_namor2=_interopRequireDefault(_namor),_codeHighlight=__webpack_require__(108),_codeHighlight2=_interopRequireDefault(_codeHighlight),_index=__webpack_require__(107),_index2=_interopRequireDefault(_index);exports.default=function(){var data=_lodash2.default.map(_lodash2.default.range(1e5),function(d){return{firstName:_namor2.default.generate({words:1,numLen:0}),lastName:_namor2.default.generate({words:1,numLen:0}),age:Math.floor(30*Math.random()),visits:Math.floor(100*Math.random())}}),columns=[{header:"Name",columns:[{header:"First Name",accessor:"firstName"},{header:"Last Name",id:"lastName",accessor:function(d){return d.lastName}}]},{header:"Info",columns:[{header:"Age",accessor:"age",aggregate:function(vals){return _lodash2.default.round(_lodash2.default.mean(vals))},render:function(row){return _react2.default.createElement("span",null,row.aggregated?row.value+" (avg)":row.value)}},{header:"Visits",accessor:"visits",aggregate:function(vals){return _lodash2.default.sum(vals)}}]}];return _react2.default.createElement("div",null,_react2.default.createElement("div",{className:"table-wrap"},_react2.default.createElement(_index2.default,{data:data,columns:columns,defaultPageSize:10,pivotBy:["firstName","lastName"],SubComponent:function(row){return _react2.default.createElement("div",{style:{padding:"20px"}},_react2.default.createElement("em",null,"You can put any component you want here, even another React Table!"),_react2.default.createElement("br",null),_react2.default.createElement("br",null),_react2.default.createElement(_index2.default,{data:data,columns:columns,defaultPageSize:3,showPagination:!1,SubComponent:function(row){return _react2.default.createElement("div",{style:{padding:"20px"}},_react2.default.createElement("em",null,"It even has access to the row data: "),_react2.default.createElement(_codeHighlight2.default,null,function(){return JSON.stringify(row,null,2)}))}}))}})),_react2.default.createElement("div",{style:{textAlign:"center"}},_react2.default.createElement("br",null),_react2.default.createElement("em",null,"Tip: Hold shift when sorting to multi-sort!")),_react2.default.createElement(_codeHighlight2.default,null,function(){return getCode()}))}},function(module,exports,__webpack_require__){"use strict";function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}function getCode(){return"\nconst columns = [{\n header: 'Name',\n columns: [{\n header: 'First Name',\n accessor: 'firstName'\n }, {\n header: 'Last Name',\n id: 'lastName',\n accessor: d => d.lastName\n }]\n}, {\n header: 'Info',\n columns: [{\n header: 'Age',\n accessor: 'age'\n }]\n}]\n\nexport default (\n {\n return (\n
\n You can put any component you want here, even another React Table!\n
\n
\n {\n return (\n
\n It even has access to the row data: \n {() => JSON.stringify(row, null, 2)}\n
\n )\n }}\n />\n
\n )\n }}\n />\n)\n "; }Object.defineProperty(exports,"__esModule",{value:!0});var _react=__webpack_require__(3),_react2=_interopRequireDefault(_react),_lodash=__webpack_require__(118),_lodash2=_interopRequireDefault(_lodash),_namor=__webpack_require__(124),_namor2=_interopRequireDefault(_namor),_codeHighlight=__webpack_require__(108),_codeHighlight2=_interopRequireDefault(_codeHighlight),_index=__webpack_require__(107),_index2=_interopRequireDefault(_index);exports.default=function(){var data=_lodash2.default.map(_lodash2.default.range(1e4),function(d){return{firstName:_namor2.default.generate({words:1,numLen:0}),lastName:_namor2.default.generate({words:1,numLen:0}),age:Math.floor(30*Math.random()),visits:Math.floor(100*Math.random())}}),columns=[{header:"Name",columns:[{header:"First Name",accessor:"firstName"},{header:"Last Name",id:"lastName",accessor:function(d){return d.lastName}}]},{header:"Info",columns:[{header:"Age",accessor:"age",aggregate:function(vals){return _lodash2.default.round(_lodash2.default.mean(vals))},render:function(row){return _react2.default.createElement("span",null,row.aggregated?row.value+" (avg)":row.value)}},{header:"Visits",accessor:"visits",aggregate:function(vals){return _lodash2.default.sum(vals)}}]}];return _react2.default.createElement("div",null,_react2.default.createElement("div",{className:"table-wrap"},_react2.default.createElement(_index2.default,{data:data,columns:columns,defaultPageSize:10,pivotBy:["firstName","lastName"]})),_react2.default.createElement("div",{style:{textAlign:"center"}},_react2.default.createElement("br",null),_react2.default.createElement("em",null,"Tip: Hold shift when sorting to multi-sort!")),_react2.default.createElement(_codeHighlight2.default,null,function(){return getCode()}))}},function(module,exports,__webpack_require__){"use strict";function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}function getCode(){return"\nconst columns = [{\n header: 'Name',\n columns: [{\n header: 'First Name',\n accessor: 'firstName'\n }, {\n header: 'Last Name',\n id: 'lastName',\n accessor: d => d.lastName\n }]\n}, {\n header: 'Info',\n columns: [{\n header: 'Age',\n accessor: 'age'\n }]\n}]\n\nexport default (\n {\n return (\n
\n You can put any component you want here, even another React Table!\n
\n
\n {\n return (\n
\n It even has access to the row data: \n {() => JSON.stringify(row, null, 2)}\n
\n )\n }}\n />\n
\n )\n }}\n />\n)\n "}Object.defineProperty(exports,"__esModule",{value:!0});var _react=__webpack_require__(3),_react2=_interopRequireDefault(_react),_lodash=__webpack_require__(118),_lodash2=_interopRequireDefault(_lodash),_namor=__webpack_require__(124),_namor2=_interopRequireDefault(_namor),_codeHighlight=__webpack_require__(108),_codeHighlight2=_interopRequireDefault(_codeHighlight),_index=__webpack_require__(107),_index2=_interopRequireDefault(_index);exports.default=function(){var data=_lodash2.default.map(_lodash2.default.range(1e3),function(d){return{firstName:_namor2.default.generate({words:1,numLen:0}),lastName:_namor2.default.generate({words:1,numLen:0}),age:Math.floor(30*Math.random()),visits:Math.floor(100*Math.random())}}),columns=[{header:"Name",columns:[{header:"First Name",accessor:"firstName"},{header:"Last Name",id:"lastName",accessor:function(d){return d.lastName}}]},{header:"Info",columns:[{header:"Age",accessor:"age",aggregate:function(vals){return _lodash2.default.round(_lodash2.default.mean(vals))},render:function(row){return _react2.default.createElement("span",null,row.aggregated?row.value+" (avg)":row.value)}},{header:"Visits",accessor:"visits",aggregate:function(vals){return _lodash2.default.sum(vals)}}]}];return _react2.default.createElement("div",null,_react2.default.createElement("div",{className:"table-wrap"},_react2.default.createElement(_index2.default,{data:data,columns:columns,defaultPageSize:10,pivotBy:["firstName","lastName"],SubComponent:function(row){return _react2.default.createElement("div",{style:{padding:"20px"}},_react2.default.createElement("em",null,"You can put any component you want here, even another React Table!"),_react2.default.createElement("br",null),_react2.default.createElement("br",null),_react2.default.createElement(_index2.default,{data:data,columns:columns,defaultPageSize:3,showPagination:!1,SubComponent:function(row){return _react2.default.createElement("div",{style:{padding:"20px"}},_react2.default.createElement("em",null,"It even has access to the row data: "),_react2.default.createElement(_codeHighlight2.default,null,function(){return JSON.stringify(row,null,2)}))}}))}})),_react2.default.createElement("div",{style:{textAlign:"center"}},_react2.default.createElement("br",null),_react2.default.createElement("em",null,"Tip: Hold shift when sorting to multi-sort!")),_react2.default.createElement(_codeHighlight2.default,null,function(){return getCode()}))}},function(module,exports,__webpack_require__){"use strict";function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}function getCode(){return"\nimport ReactTable from 'react-table'\nimport Axios from 'axios'\n\nexport default React.createClass({\n getInitialState () {\n // To handle our data server-side, we need to keep track of our table state\n return {\n data: [],\n pages: null,\n loading: true\n }\n },\n fetchData (state, instance) {\n // Whenever the table model changes (sorting, pagination, etc), this method gets called and passed the current table model.\n // You can set the 'loading' prop of the table to true to use the built-in loading notice, or show you're own loading bar if you want.\n this.setState({loading: true})\n // Request the data from a server however you want! Be sure to send the bits of the table model that it may neeed.\n Axios.post('mysite.com/data', {\n pageSize: state.pageSize,\n page: state.page,\n sorting: state.sorting\n })\n .then((res) => {\n // Now update your state!\n this.setState({\n data: res.rows,\n pages: res.pages,\n loading: false\n })\n })\n },\n render () {\n return (\n d.lastName\n }, {\n header: 'Age',\n accessor: 'age'\n }]}\n manual // Forces table not to paginate or sort automatically, so we can handle it server-side\n defaultPageSize={10}\n data={this.state.data} // Set the rows to be displayed\n pages={this.state.pages} // Display the total number of pages\n loading={this.state.loading} // Display the loading overlay when we need it\n onChange={this.fetchData} // Request new data when things change\n />\n }\n})\n "}Object.defineProperty(exports,"__esModule",{value:!0});var _react=__webpack_require__(3),_react2=_interopRequireDefault(_react),_lodash=__webpack_require__(118),_lodash2=_interopRequireDefault(_lodash),_namor=__webpack_require__(124),_namor2=_interopRequireDefault(_namor),_codeHighlight=__webpack_require__(108),_codeHighlight2=_interopRequireDefault(_codeHighlight),_index=__webpack_require__(107),_index2=_interopRequireDefault(_index),rawData=_lodash2.default.map(_lodash2.default.range(3424),function(d){return{firstName:_namor2.default.generate({words:1,numLen:0}),lastName:_namor2.default.generate({words:1,numLen:0}),age:Math.floor(30*Math.random())}}),requestData=function(pageSize,page,sorting){return new Promise(function(resolve,reject){var sortedData=_lodash2.default.orderBy(rawData,sorting.map(function(sort){return function(row){return null===row[sort.id]||void 0===row[sort.id]?-(1/0):"string"==typeof row[sort.id]?row[sort.id].toLowerCase():row[sort.id]}}),sorting.map(function(d){return d.asc?"asc":"desc"})),res={rows:sortedData.slice(pageSize*page,pageSize*page+pageSize),pages:Math.ceil(rawData.length/pageSize)};setTimeout(function(){return resolve(res)},500)})},ServerSide=_react2.default.createClass({displayName:"ServerSide",getInitialState:function(){return{data:[],pages:null,loading:!0}},fetchData:function(state,instance){var _this=this;console.log(state,instance),this.setState({loading:!0}),requestData(state.pageSize,state.page,state.sorting).then(function(res){_this.setState({data:res.rows,pages:res.pages,loading:!1})})},render:function(){return _react2.default.createElement("div",null,_react2.default.createElement("div",{className:"table-wrap"},_react2.default.createElement(_index2.default,{columns:[{header:"First Name",accessor:"firstName"},{header:"Last Name",id:"lastName",accessor:function(d){return d.lastName}},{header:"Age",accessor:"age"}],manual:!0,defaultPageSize:10,data:this.state.data,pages:this.state.pages,loading:this.state.loading,onChange:this.fetchData})),_react2.default.createElement("div",{style:{textAlign:"center"}},_react2.default.createElement("br",null),_react2.default.createElement("em",null,"Tip: Hold shift when sorting to multi-sort!")),_react2.default.createElement(_codeHighlight2.default,null,function(){return getCode()}))}});exports.default=function(){return _react2.default.createElement(ServerSide,null)}},function(module,exports,__webpack_require__){"use strict";function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}function getCode(){return"\nimport ReactTable from 'react-table'\n\n// Create some column definitions\nconst columns = [{\n header: 'Name',\n columns: [{\n header: 'First Name',\n accessor: 'firstName'\n }, {\n header: 'Last Name',\n id: 'lastName',\n accessor: d => d.lastName\n }]\n}, {\n header: 'Info',\n columns: [{\n header: 'Age',\n accessor: 'age'\n }]\n}]\n\n// Display your table!\nreturn (\n \n)\n "}Object.defineProperty(exports,"__esModule",{value:!0});var _react=__webpack_require__(3),_react2=_interopRequireDefault(_react),_lodash=__webpack_require__(118),_lodash2=_interopRequireDefault(_lodash),_namor=__webpack_require__(124),_namor2=_interopRequireDefault(_namor),_codeHighlight=__webpack_require__(108),_codeHighlight2=_interopRequireDefault(_codeHighlight),_index=__webpack_require__(107),_index2=_interopRequireDefault(_index);exports.default=function(){var data=_lodash2.default.map(_lodash2.default.range(5553),function(d){return{firstName:_namor2.default.generate({words:1,numLen:0}),lastName:_namor2.default.generate({words:1,numLen:0}),age:Math.floor(30*Math.random())}}),columns=[{header:"Name",columns:[{header:"First Name",accessor:"firstName"},{header:"Last Name",id:"lastName",accessor:function(d){return d.lastName}}]},{header:"Info",columns:[{header:"Age",accessor:"age"}]}];return _react2.default.createElement("div",null,_react2.default.createElement("div",{className:"table-wrap"},_react2.default.createElement(_index2.default,{data:data,columns:columns,defaultPageSize:10})),_react2.default.createElement("div",{style:{textAlign:"center"}},_react2.default.createElement("br",null),_react2.default.createElement("em",null,"Tip: Hold shift when sorting to multi-sort!")),_react2.default.createElement(_codeHighlight2.default,null,function(){return getCode()}))}},function(module,exports,__webpack_require__){"use strict";function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}function getCode(){return"\nconst columns = [{\n header: 'Name',\n columns: [{\n header: 'First Name',\n accessor: 'firstName'\n }, {\n header: 'Last Name',\n id: 'lastName',\n accessor: d => d.lastName\n }]\n}, {\n header: 'Info',\n columns: [{\n header: 'Age',\n accessor: 'age'\n }]\n}]\n\nexport default (\n {\n return (\n
\n You can put any component you want here, even another React Table!\n
\n
\n {\n return (\n
\n It even has access to the row data: \n {() => JSON.stringify(row, null, 2)}\n
\n )\n }}\n />\n
\n )\n }}\n />\n)\n "}Object.defineProperty(exports,"__esModule",{value:!0});var _react=__webpack_require__(3),_react2=_interopRequireDefault(_react),_lodash=__webpack_require__(118),_lodash2=_interopRequireDefault(_lodash),_namor=__webpack_require__(124),_namor2=_interopRequireDefault(_namor),_codeHighlight=__webpack_require__(108),_codeHighlight2=_interopRequireDefault(_codeHighlight),_index=__webpack_require__(107),_index2=_interopRequireDefault(_index);exports.default=function(){var data=_lodash2.default.map(_lodash2.default.range(5553),function(d){return{firstName:_namor2.default.generate({words:1,numLen:0}),lastName:_namor2.default.generate({words:1,numLen:0}),age:Math.floor(30*Math.random())}}),columns=[{header:"Name",columns:[{header:"First Name",accessor:"firstName"},{header:"Last Name",id:"lastName",accessor:function(d){return d.lastName}}]},{header:"Info",columns:[{header:"Age",accessor:"age"}]}];return _react2.default.createElement("div",null,_react2.default.createElement("div",{className:"table-wrap"},_react2.default.createElement(_index2.default,{data:data,columns:columns,defaultPageSize:10,SubComponent:function(row){return _react2.default.createElement("div",{style:{padding:"20px"}},_react2.default.createElement("em",null,"You can put any component you want here, even another React Table!"),_react2.default.createElement("br",null),_react2.default.createElement("br",null),_react2.default.createElement(_index2.default,{data:data,columns:columns,defaultPageSize:3,showPagination:!1,SubComponent:function(row){return _react2.default.createElement("div",{style:{padding:"20px"}},_react2.default.createElement("em",null,"It even has access to the row data: "),_react2.default.createElement(_codeHighlight2.default,null,function(){return JSON.stringify(row,null,2)}))}}))}})),_react2.default.createElement("div",{style:{textAlign:"center"}},_react2.default.createElement("br",null),_react2.default.createElement("em",null,"Tip: Hold shift when sorting to multi-sort!")),_react2.default.createElement(_codeHighlight2.default,null,function(){return getCode()}))}},function(module,exports){(function(global){"use strict";var _self="undefined"!=typeof window?window:"undefined"!=typeof WorkerGlobalScope&&self instanceof WorkerGlobalScope?self:{},Prism=function(){var e=/\blang(?:uage)?-(\w+)\b/i,t=0,n=_self.Prism={util:{encode:function(e){return e instanceof a?new a(e.type,n.util.encode(e.content),e.alias):"Array"===n.util.type(e)?e.map(n.util.encode):e.replace(/&/g,"&").replace(/e.length)break e;if(!(v instanceof a)){u.lastIndex=0;var b=u.exec(v),k=1;if(!b&&h&&m!=r.length-1){if(u.lastIndex=y,b=u.exec(e),!b)break;for(var w=b.index+(c?b[1].length:0),_=b.index+b[0].length,A=m,P=y,j=r.length;j>A&&_>P;++A)P+=r[A].length,w>=P&&(++m,y=P);if(r[m]instanceof a||r[A-1].greedy)continue;k=A-m,v=e.slice(y,P),b.index-=y}if(b){c&&(f=b[1].length);var w=b.index+f,b=b[0].slice(f),_=w+b.length,x=v.slice(0,w),O=v.slice(_),S=[m,k];x&&S.push(x);var N=new a(l,g?n.tokenize(b,g):b,d,b,h);S.push(N),O&&S.push(O),Array.prototype.splice.apply(r,S)}}}}}return r},hooks:{all:{},add:function(e,t){var a=n.hooks.all;a[e]=a[e]||[],a[e].push(t)},run:function(e,t){var a=n.hooks.all[e];if(a&&a.length)for(var r,i=0;r=a[i++];)r(t)}}},a=n.Token=function(e,t,n,a,r){this.type=e,this.content=t,this.alias=n,this.length=0|(a||"").length,this.greedy=!!r};if(a.stringify=function(e,t,r){if("string"==typeof e)return e;if("Array"===n.util.type(e))return e.map(function(n){return a.stringify(n,t,e)}).join("");var i={type:e.type,content:a.stringify(e.content,t,r),tag:"span",classes:["token",e.type],attributes:{},language:t,parent:r};if("comment"==i.type&&(i.attributes.spellcheck="true"),e.alias){var l="Array"===n.util.type(e.alias)?e.alias:[e.alias];Array.prototype.push.apply(i.classes,l)}n.hooks.run("wrap",i);var o=Object.keys(i.attributes).map(function(e){return e+'="'+(i.attributes[e]||"").replace(/"/g,""")+'"'}).join(" ");return"<"+i.tag+' class="'+i.classes.join(" ")+'"'+(o?" "+o:"")+">"+i.content+""},!_self.document)return _self.addEventListener?(_self.addEventListener("message",function(e){var t=JSON.parse(e.data),a=t.language,r=t.code,i=t.immediateClose;_self.postMessage(n.highlight(r,n.languages[a],a)),i&&_self.close()},!1),_self.Prism):_self.Prism;var r=document.currentScript||[].slice.call(document.getElementsByTagName("script")).pop();return r&&(n.filename=r.src,document.addEventListener&&!r.hasAttribute("data-manual")&&("loading"!==document.readyState?window.requestAnimationFrame?window.requestAnimationFrame(n.highlightAll):window.setTimeout(n.highlightAll,16):document.addEventListener("DOMContentLoaded",n.highlightAll))),_self.Prism}();"undefined"!=typeof module&&module.exports&&(module.exports=Prism),"undefined"!=typeof global&&(global.Prism=Prism),Prism.languages.markup={comment://,prolog:/<\?[\w\W]+?\?>/,doctype://i,cdata://i,tag:{pattern:/<\/?(?!\d)[^\s>\/=$<]+(?:\s+[^\s>\/=]+(?:=(?:("|')(?:\\\1|\\?(?!\1)[\w\W])*\1|[^\s'">=]+))?)*\s*\/?>/i,inside:{tag:{pattern:/^<\/?[^\s>\/]+/i,inside:{punctuation:/^<\/?/,namespace:/^[^\s>\/:]+:/}},"attr-value":{pattern:/=(?:('|")[\w\W]*?(\1)|[^\s>]+)/i,inside:{punctuation:/[=>"']/}},punctuation:/\/?>/,"attr-name":{pattern:/[^\s>\/]+/,inside:{namespace:/^[^\s>\/:]+:/}}}},entity:/&#?[\da-z]{1,8};/i},Prism.hooks.add("wrap",function(a){"entity"===a.type&&(a.attributes.title=a.content.replace(/&/,"&"))}),Prism.languages.xml=Prism.languages.markup,Prism.languages.html=Prism.languages.markup,Prism.languages.mathml=Prism.languages.markup,Prism.languages.svg=Prism.languages.markup,Prism.languages.css={comment:/\/\*[\w\W]*?\*\//,atrule:{pattern:/@[\w-]+?.*?(;|(?=\s*\{))/i,inside:{rule:/@[\w-]+/}},url:/url\((?:(["'])(\\(?:\r\n|[\w\W])|(?!\1)[^\\\r\n])*\1|.*?)\)/i,selector:/[^\{\}\s][^\{\};]*?(?=\s*\{)/,string:{pattern:/("|')(\\(?:\r\n|[\w\W])|(?!\1)[^\\\r\n])*\1/,greedy:!0},property:/(\b|\B)[\w-]+(?=\s*:)/i,important:/\B!important\b/i,function:/[-a-z0-9]+(?=\()/i,punctuation:/[(){};:]/},Prism.languages.css.atrule.inside.rest=Prism.util.clone(Prism.languages.css),Prism.languages.markup&&(Prism.languages.insertBefore("markup","tag",{style:{pattern:/()[\w\W]*?(?=<\/style>)/i,lookbehind:!0,inside:Prism.languages.css,alias:"language-css"}}),Prism.languages.insertBefore("inside","attr-value",{"style-attr":{pattern:/\s*style=("|').*?\1/i,inside:{"attr-name":{pattern:/^\s*style/i,inside:Prism.languages.markup.tag.inside},punctuation:/^\s*=\s*['"]|['"]\s*$/,"attr-value":{pattern:/.+/i,inside:Prism.languages.css}},alias:"language-css"}},Prism.languages.markup.tag)),Prism.languages.clike={comment:[{pattern:/(^|[^\\])\/\*[\w\W]*?\*\//,lookbehind:!0},{pattern:/(^|[^\\:])\/\/.*/,lookbehind:!0}],string:{pattern:/(["'])(\\(?:\r\n|[\s\S])|(?!\1)[^\\\r\n])*\1/,greedy:!0},"class-name":{pattern:/((?:\b(?:class|interface|extends|implements|trait|instanceof|new)\s+)|(?:catch\s+\())[a-z0-9_\.\\]+/i,lookbehind:!0,inside:{punctuation:/(\.|\\)/}},keyword:/\b(if|else|while|do|for|return|in|instanceof|function|new|try|throw|catch|finally|null|break|continue)\b/,boolean:/\b(true|false)\b/,function:/[a-z0-9_]+(?=\()/i,number:/\b-?(?:0x[\da-f]+|\d*\.?\d+(?:e[+-]?\d+)?)\b/i,operator:/--?|\+\+?|!=?=?|<=?|>=?|==?=?|&&?|\|\|?|\?|\*|\/|~|\^|%/,punctuation:/[{}[\];(),.:]/},Prism.languages.javascript=Prism.languages.extend("clike",{keyword:/\b(as|async|await|break|case|catch|class|const|continue|debugger|default|delete|do|else|enum|export|extends|finally|for|from|function|get|if|implements|import|in|instanceof|interface|let|new|null|of|package|private|protected|public|return|set|static|super|switch|this|throw|try|typeof|var|void|while|with|yield)\b/,number:/\b-?(0x[\dA-Fa-f]+|0b[01]+|0o[0-7]+|\d*\.?\d+([Ee][+-]?\d+)?|NaN|Infinity)\b/,function:/[_$a-zA-Z\xA0-\uFFFF][_$a-zA-Z0-9\xA0-\uFFFF]*(?=\()/i,operator:/--?|\+\+?|!=?=?|<=?|>=?|==?=?|&&?|\|\|?|\?|\*\*?|\/|~|\^|%|\.{3}/}),Prism.languages.insertBefore("javascript","keyword",{regex:{pattern:/(^|[^\/])\/(?!\/)(\[.+?]|\\.|[^\/\\\r\n])+\/[gimyu]{0,5}(?=\s*($|[\r\n,.;})]))/,lookbehind:!0,greedy:!0}}),Prism.languages.insertBefore("javascript","string",{"template-string":{pattern:/`(?:\\\\|\\?[^\\])*?`/,greedy:!0,inside:{interpolation:{pattern:/\$\{[^}]+\}/,inside:{"interpolation-punctuation":{pattern:/^\$\{|\}$/,alias:"punctuation"},rest:Prism.languages.javascript}},string:/[\s\S]+/}}}),Prism.languages.markup&&Prism.languages.insertBefore("markup","tag",{script:{pattern:/()[\w\W]*?(?=<\/script>)/i,lookbehind:!0,inside:Prism.languages.javascript,alias:"language-javascript"}}),Prism.languages.js=Prism.languages.javascript,!function(a){var e=a.util.clone(a.languages.javascript);a.languages.jsx=a.languages.extend("markup",e),a.languages.jsx.tag.pattern=/<\/?[\w\.:-]+\s*(?:\s+[\w\.:-]+(?:=(?:("|')(\\?[\w\W])*?\1|[^\s'">=]+|(\{[\w\W]*?\})))?\s*)*\/?>/i,a.languages.jsx.tag.inside["attr-value"].pattern=/=[^\{](?:('|")[\w\W]*?(\1)|[^\s>]+)/i;var s=a.util.clone(a.languages.jsx);delete s.punctuation,s=a.languages.insertBefore("jsx","operator",{punctuation:/=(?={)|[{}[\];(),.:]/},{jsx:s}),a.languages.insertBefore("inside","attr-value",{script:{pattern:/=(\{(?:\{[^}]*\}|[^}])+\})/i,inside:s,alias:"language-javascript"}},a.languages.jsx.tag)}(Prism),!function(){function e(e,t){return Array.prototype.slice.call((t||document).querySelectorAll(e))}function t(e,t){return t=" "+t+" ",(" "+e.className+" ").replace(/[\n\t]/g," ").indexOf(t)>-1}function n(e,n,i){for(var o,a=n.replace(/\s+/g,"").split(","),l=+e.getAttribute("data-line-offset")||0,d=r()?parseInt:parseFloat,c=d(getComputedStyle(e).lineHeight),s=0;o=a[s++];){o=o.split("-");var u=+o[0],m=+o[1]||u,h=document.createElement("div");h.textContent=Array(m-u+2).join(" \n"),h.setAttribute("aria-hidden","true"),h.className=(i||"")+" line-highlight",t(e,"line-numbers")||(h.setAttribute("data-start",u),m>u&&h.setAttribute("data-end",m)),h.style.top=(u-l-1)*c+"px",t(e,"line-numbers")?e.appendChild(h):(e.querySelector("code")||e).appendChild(h)}}function i(){var t=location.hash.slice(1);e(".temporary.line-highlight").forEach(function(e){e.parentNode.removeChild(e)});var i=(t.match(/\.([\d,-]+)$/)||[,""])[1];if(i&&!document.getElementById(t)){var r=t.slice(0,t.lastIndexOf(".")),o=document.getElementById(r);o&&(o.hasAttribute("data-line")||o.setAttribute("data-line",""),n(o,i,"temporary "),document.querySelector(".temporary.line-highlight").scrollIntoView())}}if("undefined"!=typeof self&&self.Prism&&self.document&&document.querySelector){var r=function(){var e;return function(){if("undefined"==typeof e){var t=document.createElement("div");t.style.fontSize="13px",t.style.lineHeight="1.5",t.style.padding=0,t.style.border=0,t.innerHTML=" 
 ",document.body.appendChild(t),e=38===t.offsetHeight,document.body.removeChild(t)}return e}}(),o=0;Prism.hooks.add("complete",function(t){var r=t.element.parentNode,a=r&&r.getAttribute("data-line");r&&a&&/pre/i.test(r.nodeName)&&(clearTimeout(o),e(".line-highlight",r).forEach(function(e){e.parentNode.removeChild(e)}),n(r,a),o=setTimeout(i,1))}),window.addEventListener&&window.addEventListener("hashchange",i)}}(),!function(){"undefined"!=typeof self&&self.Prism&&self.document&&Prism.hooks.add("complete",function(e){if(e.code){var t=e.element.parentNode,s=/\s*\bline-numbers\b\s*/;if(t&&/pre/i.test(t.nodeName)&&(s.test(t.className)||s.test(e.element.className))&&!e.element.querySelector(".line-numbers-rows")){s.test(e.element.className)&&(e.element.className=e.element.className.replace(s,"")),s.test(t.className)||(t.className+=" line-numbers");var n,a=e.code.match(/\n(?!$)/g),l=a?a.length+1:1,r=new Array(l+1);r=r.join(""),n=document.createElement("span"),n.setAttribute("aria-hidden","true"),n.className="line-numbers-rows",n.innerHTML=r,t.hasAttribute("data-start")&&(t.style.counterReset="linenumber "+(parseInt(t.getAttribute("data-start"),10)-1)),e.element.appendChild(n)}}})}()}).call(exports,function(){return this}())},,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,function(module,exports,__webpack_require__){"use strict";function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}Object.defineProperty(exports,"__esModule",{value:!0});var _taggedTemplateLiteral2=__webpack_require__(1001),_taggedTemplateLiteral3=_interopRequireDefault(_taggedTemplateLiteral2),_classCallCheck2=__webpack_require__(999),_classCallCheck3=_interopRequireDefault(_classCallCheck2),_createClass2=__webpack_require__(1e3),_createClass3=_interopRequireDefault(_createClass2),_templateObject=(0,_taggedTemplateLiteral3.default)(["",""],["",""]),TemplateTag=function(){function TemplateTag(){for(var _len=arguments.length,transformers=Array(_len),_key=0;_key<_len;_key++)transformers[_key]=arguments[_key];return(0,_classCallCheck3.default)(this,TemplateTag),transformers.length&&Array.isArray(transformers[0])&&(transformers=transformers[0]),this.transformers=transformers.map(function(transformer){return"function"==typeof transformer?transformer():transformer}),this.tag.bind(this)}return(0,_createClass3.default)(TemplateTag,[{key:"tag",value:function(){for(var _len2=arguments.length,args=Array(_len2),_key2=0;_key2<_len2;_key2++)args[_key2]=arguments[_key2];return"function"==typeof args[0]?this.interimTag.bind(this,args.shift()):this.transformEndResult(args.shift().reduce(this.processSubstitutions.bind(this,args)))}},{key:"interimTag",value:function(previousTag,template){for(var _len3=arguments.length,substitutions=Array(_len3>2?_len3-2:0),_key3=2;_key3<_len3;_key3++)substitutions[_key3-2]=arguments[_key3];return this.tag(_templateObject,previousTag.apply(void 0,[template].concat(substitutions)))}},{key:"processSubstitutions",value:function(substitutions,resultSoFar,remainingPart){var substitution=this.transformSubstitution(substitutions.shift(),resultSoFar);return resultSoFar+substitution+remainingPart}},{key:"transformSubstitution",value:function(substitution,resultSoFar){var cb=function(res,transform){return transform.onSubstitution?transform.onSubstitution(res,resultSoFar):res};return this.transformers.reduce(cb,substitution)}},{key:"transformEndResult",value:function(endResult){var cb=function(res,transform){return transform.onEndResult?transform.onEndResult(res):res};return this.transformers.reduce(cb,endResult)}}]),TemplateTag}();exports.default=TemplateTag,module.exports=exports.default},function(module,exports,__webpack_require__){"use strict";function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _html=__webpack_require__(378),_html2=_interopRequireDefault(_html);exports.default=_html2.default,module.exports=exports.default},function(module,exports,__webpack_require__){"use strict";function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}Object.defineProperty(exports,"__esModule",{value:!0});var _TemplateTag=__webpack_require__(23),_TemplateTag2=_interopRequireDefault(_TemplateTag),_stripIndentTransformer=__webpack_require__(73),_stripIndentTransformer2=_interopRequireDefault(_stripIndentTransformer),_inlineArrayTransformer=__webpack_require__(55),_inlineArrayTransformer2=_interopRequireDefault(_inlineArrayTransformer),_trimResultTransformer=__webpack_require__(24),_trimResultTransformer2=_interopRequireDefault(_trimResultTransformer),commaLists=new _TemplateTag2.default((0,_inlineArrayTransformer2.default)({separator:","}),_stripIndentTransformer2.default,_trimResultTransformer2.default); exports.default=commaLists,module.exports=exports.default},function(module,exports,__webpack_require__){"use strict";function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _commaLists=__webpack_require__(958),_commaLists2=_interopRequireDefault(_commaLists);exports.default=_commaLists2.default,module.exports=exports.default},function(module,exports,__webpack_require__){"use strict";function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}Object.defineProperty(exports,"__esModule",{value:!0});var _TemplateTag=__webpack_require__(23),_TemplateTag2=_interopRequireDefault(_TemplateTag),_stripIndentTransformer=__webpack_require__(73),_stripIndentTransformer2=_interopRequireDefault(_stripIndentTransformer),_inlineArrayTransformer=__webpack_require__(55),_inlineArrayTransformer2=_interopRequireDefault(_inlineArrayTransformer),_trimResultTransformer=__webpack_require__(24),_trimResultTransformer2=_interopRequireDefault(_trimResultTransformer),commaListsAnd=new _TemplateTag2.default((0,_inlineArrayTransformer2.default)({separator:",",conjunction:"and"}),_stripIndentTransformer2.default,_trimResultTransformer2.default);exports.default=commaListsAnd,module.exports=exports.default},function(module,exports,__webpack_require__){"use strict";function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _commaListsAnd=__webpack_require__(960),_commaListsAnd2=_interopRequireDefault(_commaListsAnd);exports.default=_commaListsAnd2.default,module.exports=exports.default},function(module,exports,__webpack_require__){"use strict";function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}Object.defineProperty(exports,"__esModule",{value:!0});var _TemplateTag=__webpack_require__(23),_TemplateTag2=_interopRequireDefault(_TemplateTag),_stripIndentTransformer=__webpack_require__(73),_stripIndentTransformer2=_interopRequireDefault(_stripIndentTransformer),_inlineArrayTransformer=__webpack_require__(55),_inlineArrayTransformer2=_interopRequireDefault(_inlineArrayTransformer),_trimResultTransformer=__webpack_require__(24),_trimResultTransformer2=_interopRequireDefault(_trimResultTransformer),commaListsOr=new _TemplateTag2.default((0,_inlineArrayTransformer2.default)({separator:",",conjunction:"or"}),_stripIndentTransformer2.default,_trimResultTransformer2.default);exports.default=commaListsOr,module.exports=exports.default},function(module,exports,__webpack_require__){"use strict";function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _commaListsOr=__webpack_require__(962),_commaListsOr2=_interopRequireDefault(_commaListsOr);exports.default=_commaListsOr2.default,module.exports=exports.default},function(module,exports,__webpack_require__){"use strict";function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}Object.defineProperty(exports,"__esModule",{value:!0});var _TemplateTag=__webpack_require__(23),_TemplateTag2=_interopRequireDefault(_TemplateTag),_stripIndentTransformer=__webpack_require__(73),_stripIndentTransformer2=_interopRequireDefault(_stripIndentTransformer),_inlineArrayTransformer=__webpack_require__(55),_inlineArrayTransformer2=_interopRequireDefault(_inlineArrayTransformer),_trimResultTransformer=__webpack_require__(24),_trimResultTransformer2=_interopRequireDefault(_trimResultTransformer),_splitStringTransformer=__webpack_require__(379),_splitStringTransformer2=_interopRequireDefault(_splitStringTransformer),_removeNonPrintingValuesTransformer=__webpack_require__(685),_removeNonPrintingValuesTransformer2=_interopRequireDefault(_removeNonPrintingValuesTransformer),html=new _TemplateTag2.default((0,_splitStringTransformer2.default)("\n"),_removeNonPrintingValuesTransformer2.default,_inlineArrayTransformer2.default,_stripIndentTransformer2.default,_trimResultTransformer2.default);exports.default=html,module.exports=exports.default},function(module,exports,__webpack_require__){"use strict";function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}Object.defineProperty(exports,"__esModule",{value:!0}),exports.stripIndents=exports.stripIndent=exports.oneLineInlineLists=exports.inlineLists=exports.oneLineCommaListsAnd=exports.oneLineCommaListsOr=exports.oneLineCommaLists=exports.oneLineTrim=exports.oneLine=exports.safeHtml=exports.source=exports.codeBlock=exports.html=exports.commaListsOr=exports.commaListsAnd=exports.commaLists=exports.removeNonPrintingValuesTransformer=exports.splitStringTransformer=exports.inlineArrayTransformer=exports.replaceSubstitutionTransformer=exports.replaceResultTransformer=exports.stripIndentTransformer=exports.trimResultTransformer=exports.TemplateTag=void 0;var _TemplateTag2=__webpack_require__(23),_TemplateTag3=_interopRequireDefault(_TemplateTag2),_trimResultTransformer2=__webpack_require__(24),_trimResultTransformer3=_interopRequireDefault(_trimResultTransformer2),_stripIndentTransformer2=__webpack_require__(73),_stripIndentTransformer3=_interopRequireDefault(_stripIndentTransformer2),_replaceResultTransformer2=__webpack_require__(114),_replaceResultTransformer3=_interopRequireDefault(_replaceResultTransformer2),_replaceSubstitutionTransformer2=__webpack_require__(686),_replaceSubstitutionTransformer3=_interopRequireDefault(_replaceSubstitutionTransformer2),_inlineArrayTransformer2=__webpack_require__(55),_inlineArrayTransformer3=_interopRequireDefault(_inlineArrayTransformer2),_splitStringTransformer2=__webpack_require__(379),_splitStringTransformer3=_interopRequireDefault(_splitStringTransformer2),_removeNonPrintingValuesTransformer2=__webpack_require__(685),_removeNonPrintingValuesTransformer3=_interopRequireDefault(_removeNonPrintingValuesTransformer2),_commaLists2=__webpack_require__(959),_commaLists3=_interopRequireDefault(_commaLists2),_commaListsAnd2=__webpack_require__(961),_commaListsAnd3=_interopRequireDefault(_commaListsAnd2),_commaListsOr2=__webpack_require__(963),_commaListsOr3=_interopRequireDefault(_commaListsOr2),_html2=__webpack_require__(378),_html3=_interopRequireDefault(_html2),_codeBlock2=__webpack_require__(957),_codeBlock3=_interopRequireDefault(_codeBlock2),_source2=__webpack_require__(986),_source3=_interopRequireDefault(_source2),_safeHtml2=__webpack_require__(984),_safeHtml3=_interopRequireDefault(_safeHtml2),_oneLine2=__webpack_require__(969),_oneLine3=_interopRequireDefault(_oneLine2),_oneLineTrim2=__webpack_require__(979),_oneLineTrim3=_interopRequireDefault(_oneLineTrim2),_oneLineCommaLists2=__webpack_require__(971),_oneLineCommaLists3=_interopRequireDefault(_oneLineCommaLists2),_oneLineCommaListsOr2=__webpack_require__(975),_oneLineCommaListsOr3=_interopRequireDefault(_oneLineCommaListsOr2),_oneLineCommaListsAnd2=__webpack_require__(973),_oneLineCommaListsAnd3=_interopRequireDefault(_oneLineCommaListsAnd2),_inlineLists2=__webpack_require__(967),_inlineLists3=_interopRequireDefault(_inlineLists2),_oneLineInlineLists2=__webpack_require__(977),_oneLineInlineLists3=_interopRequireDefault(_oneLineInlineLists2),_stripIndent2=__webpack_require__(988),_stripIndent3=_interopRequireDefault(_stripIndent2),_stripIndents2=__webpack_require__(991),_stripIndents3=_interopRequireDefault(_stripIndents2);exports.TemplateTag=_TemplateTag3.default,exports.trimResultTransformer=_trimResultTransformer3.default,exports.stripIndentTransformer=_stripIndentTransformer3.default,exports.replaceResultTransformer=_replaceResultTransformer3.default,exports.replaceSubstitutionTransformer=_replaceSubstitutionTransformer3.default,exports.inlineArrayTransformer=_inlineArrayTransformer3.default,exports.splitStringTransformer=_splitStringTransformer3.default,exports.removeNonPrintingValuesTransformer=_removeNonPrintingValuesTransformer3.default,exports.commaLists=_commaLists3.default,exports.commaListsAnd=_commaListsAnd3.default,exports.commaListsOr=_commaListsOr3.default,exports.html=_html3.default,exports.codeBlock=_codeBlock3.default,exports.source=_source3.default,exports.safeHtml=_safeHtml3.default,exports.oneLine=_oneLine3.default,exports.oneLineTrim=_oneLineTrim3.default,exports.oneLineCommaLists=_oneLineCommaLists3.default,exports.oneLineCommaListsOr=_oneLineCommaListsOr3.default,exports.oneLineCommaListsAnd=_oneLineCommaListsAnd3.default,exports.inlineLists=_inlineLists3.default,exports.oneLineInlineLists=_oneLineInlineLists3.default,exports.stripIndent=_stripIndent3.default,exports.stripIndents=_stripIndents3.default},function(module,exports){"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var defaults={separator:"",conjunction:"",serial:!1},inlineArrayTransformer=function(){var opts=arguments.length>0&&void 0!==arguments[0]?arguments[0]:defaults;return{onSubstitution:function(substitution,resultSoFar){if(Array.isArray(substitution)){var separator=opts.separator,conjunction=opts.conjunction,serial=opts.serial,indent=resultSoFar.match(/(\s+)$/);if(substitution=indent?substitution.join(separator+indent[1]):substitution.join(separator+" "),conjunction){var separatorIndex=substitution.lastIndexOf(separator);substitution=substitution.substr(0,separatorIndex)+(serial?separator:"")+" "+conjunction+substitution.substr(separatorIndex+1)}}return substitution}}};exports.default=inlineArrayTransformer,module.exports=exports.default},function(module,exports,__webpack_require__){"use strict";function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _inlineLists=__webpack_require__(968),_inlineLists2=_interopRequireDefault(_inlineLists);exports.default=_inlineLists2.default,module.exports=exports.default},function(module,exports,__webpack_require__){"use strict";function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}Object.defineProperty(exports,"__esModule",{value:!0});var _TemplateTag=__webpack_require__(23),_TemplateTag2=_interopRequireDefault(_TemplateTag),_stripIndentTransformer=__webpack_require__(73),_stripIndentTransformer2=_interopRequireDefault(_stripIndentTransformer),_inlineArrayTransformer=__webpack_require__(55),_inlineArrayTransformer2=_interopRequireDefault(_inlineArrayTransformer),_trimResultTransformer=__webpack_require__(24),_trimResultTransformer2=_interopRequireDefault(_trimResultTransformer),inlineLists=new _TemplateTag2.default(_inlineArrayTransformer2.default,_stripIndentTransformer2.default,_trimResultTransformer2.default);exports.default=inlineLists,module.exports=exports.default},function(module,exports,__webpack_require__){"use strict";function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _oneLine=__webpack_require__(970),_oneLine2=_interopRequireDefault(_oneLine);exports.default=_oneLine2.default,module.exports=exports.default},function(module,exports,__webpack_require__){"use strict";function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}Object.defineProperty(exports,"__esModule",{value:!0});var _TemplateTag=__webpack_require__(23),_TemplateTag2=_interopRequireDefault(_TemplateTag),_trimResultTransformer=__webpack_require__(24),_trimResultTransformer2=_interopRequireDefault(_trimResultTransformer),_replaceResultTransformer=__webpack_require__(114),_replaceResultTransformer2=_interopRequireDefault(_replaceResultTransformer),oneLine=new _TemplateTag2.default((0,_replaceResultTransformer2.default)(/(?:\s+)/g," "),_trimResultTransformer2.default);exports.default=oneLine,module.exports=exports.default},function(module,exports,__webpack_require__){"use strict";function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _oneLineCommaLists=__webpack_require__(972),_oneLineCommaLists2=_interopRequireDefault(_oneLineCommaLists);exports.default=_oneLineCommaLists2.default,module.exports=exports.default},function(module,exports,__webpack_require__){"use strict";function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}Object.defineProperty(exports,"__esModule",{value:!0});var _TemplateTag=__webpack_require__(23),_TemplateTag2=_interopRequireDefault(_TemplateTag),_inlineArrayTransformer=__webpack_require__(55),_inlineArrayTransformer2=_interopRequireDefault(_inlineArrayTransformer),_trimResultTransformer=__webpack_require__(24),_trimResultTransformer2=_interopRequireDefault(_trimResultTransformer),_replaceResultTransformer=__webpack_require__(114),_replaceResultTransformer2=_interopRequireDefault(_replaceResultTransformer),oneLineCommaLists=new _TemplateTag2.default((0,_inlineArrayTransformer2.default)({separator:","}),(0,_replaceResultTransformer2.default)(/(?:\s+)/g," "),_trimResultTransformer2.default);exports.default=oneLineCommaLists,module.exports=exports.default},function(module,exports,__webpack_require__){"use strict";function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _oneLineCommaListsAnd=__webpack_require__(974),_oneLineCommaListsAnd2=_interopRequireDefault(_oneLineCommaListsAnd);exports.default=_oneLineCommaListsAnd2.default,module.exports=exports.default},function(module,exports,__webpack_require__){"use strict";function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}Object.defineProperty(exports,"__esModule",{value:!0});var _TemplateTag=__webpack_require__(23),_TemplateTag2=_interopRequireDefault(_TemplateTag),_inlineArrayTransformer=__webpack_require__(55),_inlineArrayTransformer2=_interopRequireDefault(_inlineArrayTransformer),_trimResultTransformer=__webpack_require__(24),_trimResultTransformer2=_interopRequireDefault(_trimResultTransformer),_replaceResultTransformer=__webpack_require__(114),_replaceResultTransformer2=_interopRequireDefault(_replaceResultTransformer),oneLineCommaListsAnd=new _TemplateTag2.default((0,_inlineArrayTransformer2.default)({separator:",",conjunction:"and"}),(0,_replaceResultTransformer2.default)(/(?:\s+)/g," "),_trimResultTransformer2.default);exports.default=oneLineCommaListsAnd,module.exports=exports.default},function(module,exports,__webpack_require__){"use strict";function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _oneLineCommaListsOr=__webpack_require__(976),_oneLineCommaListsOr2=_interopRequireDefault(_oneLineCommaListsOr);exports.default=_oneLineCommaListsOr2.default,module.exports=exports.default},function(module,exports,__webpack_require__){"use strict";function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}Object.defineProperty(exports,"__esModule",{value:!0});var _TemplateTag=__webpack_require__(23),_TemplateTag2=_interopRequireDefault(_TemplateTag),_inlineArrayTransformer=__webpack_require__(55),_inlineArrayTransformer2=_interopRequireDefault(_inlineArrayTransformer),_trimResultTransformer=__webpack_require__(24),_trimResultTransformer2=_interopRequireDefault(_trimResultTransformer),_replaceResultTransformer=__webpack_require__(114),_replaceResultTransformer2=_interopRequireDefault(_replaceResultTransformer),oneLineCommaListsOr=new _TemplateTag2.default((0,_inlineArrayTransformer2.default)({separator:",",conjunction:"or"}),(0,_replaceResultTransformer2.default)(/(?:\s+)/g," "),_trimResultTransformer2.default);exports.default=oneLineCommaListsOr,module.exports=exports.default},function(module,exports,__webpack_require__){"use strict";function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _oneLineInlineLists=__webpack_require__(978),_oneLineInlineLists2=_interopRequireDefault(_oneLineInlineLists);exports.default=_oneLineInlineLists2.default,module.exports=exports.default},function(module,exports,__webpack_require__){"use strict";function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}Object.defineProperty(exports,"__esModule",{value:!0});var _TemplateTag=__webpack_require__(23),_TemplateTag2=_interopRequireDefault(_TemplateTag),_inlineArrayTransformer=__webpack_require__(55),_inlineArrayTransformer2=_interopRequireDefault(_inlineArrayTransformer),_trimResultTransformer=__webpack_require__(24),_trimResultTransformer2=_interopRequireDefault(_trimResultTransformer),_replaceResultTransformer=__webpack_require__(114),_replaceResultTransformer2=_interopRequireDefault(_replaceResultTransformer),oneLineInlineLists=new _TemplateTag2.default(_inlineArrayTransformer2.default,(0,_replaceResultTransformer2.default)(/(?:\s+)/g," "),_trimResultTransformer2.default);exports.default=oneLineInlineLists,module.exports=exports.default},function(module,exports,__webpack_require__){"use strict";function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _oneLineTrim=__webpack_require__(980),_oneLineTrim2=_interopRequireDefault(_oneLineTrim);exports.default=_oneLineTrim2.default,module.exports=exports.default},function(module,exports,__webpack_require__){"use strict";function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}Object.defineProperty(exports,"__esModule",{value:!0});var _TemplateTag=__webpack_require__(23),_TemplateTag2=_interopRequireDefault(_TemplateTag),_trimResultTransformer=__webpack_require__(24),_trimResultTransformer2=_interopRequireDefault(_trimResultTransformer),_replaceResultTransformer=__webpack_require__(114),_replaceResultTransformer2=_interopRequireDefault(_replaceResultTransformer),oneLineTrim=new _TemplateTag2.default((0,_replaceResultTransformer2.default)(/(?:\n\s+)/g,""),_trimResultTransformer2.default);exports.default=oneLineTrim,module.exports=exports.default},function(module,exports,__webpack_require__){"use strict";function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}Object.defineProperty(exports,"__esModule",{value:!0});var _isNan=__webpack_require__(995),_isNan2=_interopRequireDefault(_isNan),isValidValue=function(x){return null!=x&&!(0,_isNan2.default)(x)&&"boolean"!=typeof x},removeNonPrintingValuesTransformer=function(){return{onSubstitution:function(substitution){return Array.isArray(substitution)?substitution.filter(isValidValue):isValidValue(substitution)?substitution:""}}};exports.default=removeNonPrintingValuesTransformer,module.exports=exports.default},function(module,exports){"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var replaceResultTransformer=function(replaceWhat,replaceWith){return{onEndResult:function(endResult){if(null==replaceWhat||null==replaceWith)throw new Error("replaceResultTransformer requires at least 2 arguments.");return endResult.replace(replaceWhat,replaceWith)}}};exports.default=replaceResultTransformer,module.exports=exports.default},function(module,exports){"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var replaceSubstitutionTransformer=function(replaceWhat,replaceWith){return{onSubstitution:function(substitution,resultSoFar){if(null==replaceWhat||null==replaceWith)throw new Error("replaceSubstitutionTransformer requires at least 2 arguments.");return null==substitution?substitution:substitution.toString().replace(replaceWhat,replaceWith)}}};exports.default=replaceSubstitutionTransformer,module.exports=exports.default},function(module,exports,__webpack_require__){"use strict";function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _safeHtml=__webpack_require__(985),_safeHtml2=_interopRequireDefault(_safeHtml);exports.default=_safeHtml2.default,module.exports=exports.default},function(module,exports,__webpack_require__){"use strict";function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}Object.defineProperty(exports,"__esModule",{value:!0});var _TemplateTag=__webpack_require__(23),_TemplateTag2=_interopRequireDefault(_TemplateTag),_stripIndentTransformer=__webpack_require__(73),_stripIndentTransformer2=_interopRequireDefault(_stripIndentTransformer),_inlineArrayTransformer=__webpack_require__(55),_inlineArrayTransformer2=_interopRequireDefault(_inlineArrayTransformer),_trimResultTransformer=__webpack_require__(24),_trimResultTransformer2=_interopRequireDefault(_trimResultTransformer),_splitStringTransformer=__webpack_require__(379),_splitStringTransformer2=_interopRequireDefault(_splitStringTransformer),_replaceSubstitutionTransformer=__webpack_require__(686),_replaceSubstitutionTransformer2=_interopRequireDefault(_replaceSubstitutionTransformer),safeHtml=new _TemplateTag2.default((0,_splitStringTransformer2.default)("\n"),_inlineArrayTransformer2.default,_stripIndentTransformer2.default,_trimResultTransformer2.default,(0,_replaceSubstitutionTransformer2.default)(/&/g,"&"),(0,_replaceSubstitutionTransformer2.default)(//g,">"),(0,_replaceSubstitutionTransformer2.default)(/"/g,"""),(0,_replaceSubstitutionTransformer2.default)(/'/g,"'"),(0,_replaceSubstitutionTransformer2.default)(/`/g,"`"));exports.default=safeHtml,module.exports=exports.default},function(module,exports,__webpack_require__){"use strict";function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _html=__webpack_require__(378),_html2=_interopRequireDefault(_html);exports.default=_html2.default,module.exports=exports.default},function(module,exports){"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var splitStringTransformer=function(splitBy){return{onSubstitution:function(substitution,resultSoFar){if(null==splitBy||"string"!=typeof splitBy)throw new Error("You need to specify a string character to split by.");return"string"==typeof substitution&&substitution.includes(splitBy)&&(substitution=substitution.split(splitBy)),substitution}}};exports.default=splitStringTransformer,module.exports=exports.default},function(module,exports,__webpack_require__){"use strict";function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _stripIndent=__webpack_require__(989),_stripIndent2=_interopRequireDefault(_stripIndent);exports.default=_stripIndent2.default,module.exports=exports.default},function(module,exports,__webpack_require__){"use strict";function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}Object.defineProperty(exports,"__esModule",{value:!0});var _TemplateTag=__webpack_require__(23),_TemplateTag2=_interopRequireDefault(_TemplateTag),_stripIndentTransformer=__webpack_require__(73),_stripIndentTransformer2=_interopRequireDefault(_stripIndentTransformer),_trimResultTransformer=__webpack_require__(24),_trimResultTransformer2=_interopRequireDefault(_trimResultTransformer),stripIndent=new _TemplateTag2.default(_stripIndentTransformer2.default,_trimResultTransformer2.default);exports.default=stripIndent,module.exports=exports.default},function(module,exports,__webpack_require__){"use strict";function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}Object.defineProperty(exports,"__esModule",{value:!0});var _toConsumableArray2=__webpack_require__(1002),_toConsumableArray3=_interopRequireDefault(_toConsumableArray2),stripIndentTransformer=function(){var type=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"initial";return{onEndResult:function(endResult){if("initial"===type){var match=endResult.match(/^[ \t]*(?=\S)/gm);if(null===match)return endResult;var indent=Math.min.apply(Math,(0,_toConsumableArray3.default)(match.map(function(el){return el.length}))),regexp=new RegExp("^[ \\t]{"+indent+"}","gm");endResult=indent>0?endResult.replace(regexp,""):endResult}else{if("all"!==type)throw new Error("Unknown type: "+type);endResult=endResult.split("\n").map(function(line){return line.trimLeft()}).join("\n")}return endResult}}};exports.default=stripIndentTransformer,module.exports=exports.default},function(module,exports,__webpack_require__){"use strict";function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _stripIndents=__webpack_require__(992),_stripIndents2=_interopRequireDefault(_stripIndents);exports.default=_stripIndents2.default,module.exports=exports.default},function(module,exports,__webpack_require__){"use strict";function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}Object.defineProperty(exports,"__esModule",{value:!0});var _TemplateTag=__webpack_require__(23),_TemplateTag2=_interopRequireDefault(_TemplateTag),_stripIndentTransformer=__webpack_require__(73),_stripIndentTransformer2=_interopRequireDefault(_stripIndentTransformer),_trimResultTransformer=__webpack_require__(24),_trimResultTransformer2=_interopRequireDefault(_trimResultTransformer),stripIndents=new _TemplateTag2.default((0,_stripIndentTransformer2.default)("all"),_trimResultTransformer2.default);exports.default=stripIndents,module.exports=exports.default},function(module,exports){"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var trimResultTransformer=function(){var side=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"";return{onEndResult:function(endResult){if(side=side.toLowerCase(),"left"===side||"right"===side)side=side.charAt(0).toUpperCase()+side.slice(1);else if(""!==side)throw new Error("Side not supported: "+side);return endResult["trim"+side]()}}};exports.default=trimResultTransformer,module.exports=exports.default},[1341,1003],function(module,exports,__webpack_require__){module.exports={default:__webpack_require__(1004),__esModule:!0}},[1343,1005],[1344,1006],[1345,1007],26,[1346,997],[1348,996,998],[1349,994],[1350,1037,1032,89],function(module,exports,__webpack_require__){__webpack_require__(1033),module.exports=__webpack_require__(89).Number.isNaN},[1352,1034,89],[1353,1035,89],[1354,1036,89],350,[1356,694,695,1029],[1357,687,115],[1358,191,382],[1364,223],[1365,189,311,689],[1366,687],[1367,381,115],[1368,310],[1369,1022,382,692,312,115],[1370,1020,190,1027,312,224,381,1017,692,1023,115],[1371,115],152,[1372,385,225,224,191,311],[1374,310,691,690,383,689,1012],[1377,224,696,383],[1378,224,694,1009,383],[1379,1024,690],[1380,190,89,311],[1381,312],[1385,384,380],[1386,384],[1390,225],[1392,1010,115,381,89],[1393,688,190,696,1016,1015,695,1011,1031,1019],function(module,exports,__webpack_require__){var $export=__webpack_require__(190);$export($export.S,"Number",{isNaN:function(number){return number!=number}})},[1395,190,189,691],[1396,190,189,191],[1397,225,1021,1026],[1398,1028,1018],function(module,exports,__webpack_require__){exports=module.exports=__webpack_require__(192)(),exports.push([module.id,"@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,600);",""]),exports.push([module.id,"body{background:#fff;font-family:Open Sans,sans-serif;font-weight:300}",""])},function(module,exports,__webpack_require__){exports=module.exports=__webpack_require__(192)(),exports.push([module.id,"body{padding:20px}",""])},function(module,exports,__webpack_require__){exports=module.exports=__webpack_require__(192)(),exports.push([module.id,'a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}table{border-collapse:collapse;border-spacing:0}',""])},function(module,exports,__webpack_require__){exports=module.exports=__webpack_require__(192)(),exports.push([module.id,'@font-face{font-family:octicons-link;src:url(data:font/woff;charset=utf-8;base64,d09GRgABAAAAAAZwABAAAAAACFQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABEU0lHAAAGaAAAAAgAAAAIAAAAAUdTVUIAAAZcAAAACgAAAAoAAQAAT1MvMgAAAyQAAABJAAAAYFYEU3RjbWFwAAADcAAAAEUAAACAAJThvmN2dCAAAATkAAAABAAAAAQAAAAAZnBnbQAAA7gAAACyAAABCUM+8IhnYXNwAAAGTAAAABAAAAAQABoAI2dseWYAAAFsAAABPAAAAZwcEq9taGVhZAAAAsgAAAA0AAAANgh4a91oaGVhAAADCAAAABoAAAAkCA8DRGhtdHgAAAL8AAAADAAAAAwGAACfbG9jYQAAAsAAAAAIAAAACABiATBtYXhwAAACqAAAABgAAAAgAA8ASm5hbWUAAAToAAABQgAAAlXu73sOcG9zdAAABiwAAAAeAAAAME3QpOBwcmVwAAAEbAAAAHYAAAB/aFGpk3jaTY6xa8JAGMW/O62BDi0tJLYQincXEypYIiGJjSgHniQ6umTsUEyLm5BV6NDBP8Tpts6F0v+k/0an2i+itHDw3v2+9+DBKTzsJNnWJNTgHEy4BgG3EMI9DCEDOGEXzDADU5hBKMIgNPZqoD3SilVaXZCER3/I7AtxEJLtzzuZfI+VVkprxTlXShWKb3TBecG11rwoNlmmn1P2WYcJczl32etSpKnziC7lQyWe1smVPy/Lt7Kc+0vWY/gAgIIEqAN9we0pwKXreiMasxvabDQMM4riO+qxM2ogwDGOZTXxwxDiycQIcoYFBLj5K3EIaSctAq2kTYiw+ymhce7vwM9jSqO8JyVd5RH9gyTt2+J/yUmYlIR0s04n6+7Vm1ozezUeLEaUjhaDSuXHwVRgvLJn1tQ7xiuVv/ocTRF42mNgZGBgYGbwZOBiAAFGJBIMAAizAFoAAABiAGIAznjaY2BkYGAA4in8zwXi+W2+MjCzMIDApSwvXzC97Z4Ig8N/BxYGZgcgl52BCSQKAA3jCV8CAABfAAAAAAQAAEB42mNgZGBg4f3vACQZQABIMjKgAmYAKEgBXgAAeNpjYGY6wTiBgZWBg2kmUxoDA4MPhGZMYzBi1AHygVLYQUCaawqDA4PChxhmh/8ODDEsvAwHgMKMIDnGL0x7gJQCAwMAJd4MFwAAAHjaY2BgYGaA4DAGRgYQkAHyGMF8NgYrIM3JIAGVYYDT+AEjAwuDFpBmA9KMDEwMCh9i/v8H8sH0/4dQc1iAmAkALaUKLgAAAHjaTY9LDsIgEIbtgqHUPpDi3gPoBVyRTmTddOmqTXThEXqrob2gQ1FjwpDvfwCBdmdXC5AVKFu3e5MfNFJ29KTQT48Ob9/lqYwOGZxeUelN2U2R6+cArgtCJpauW7UQBqnFkUsjAY/kOU1cP+DAgvxwn1chZDwUbd6CFimGXwzwF6tPbFIcjEl+vvmM/byA48e6tWrKArm4ZJlCbdsrxksL1AwWn/yBSJKpYbq8AXaaTb8AAHja28jAwOC00ZrBeQNDQOWO//sdBBgYGRiYWYAEELEwMTE4uzo5Zzo5b2BxdnFOcALxNjA6b2ByTswC8jYwg0VlNuoCTWAMqNzMzsoK1rEhNqByEyerg5PMJlYuVueETKcd/89uBpnpvIEVomeHLoMsAAe1Id4AAAAAAAB42oWQT07CQBTGv0JBhagk7HQzKxca2sJCE1hDt4QF+9JOS0nbaaYDCQfwCJ7Au3AHj+LO13FMmm6cl7785vven0kBjHCBhfpYuNa5Ph1c0e2Xu3jEvWG7UdPDLZ4N92nOm+EBXuAbHmIMSRMs+4aUEd4Nd3CHD8NdvOLTsA2GL8M9PODbcL+hD7C1xoaHeLJSEao0FEW14ckxC+TU8TxvsY6X0eLPmRhry2WVioLpkrbp84LLQPGI7c6sOiUzpWIWS5GzlSgUzzLBSikOPFTOXqly7rqx0Z1Q5BAIoZBSFihQYQOOBEdkCOgXTOHA07HAGjGWiIjaPZNW13/+lm6S9FT7rLHFJ6fQbkATOG1j2OFMucKJJsxIVfQORl+9Jyda6Sl1dUYhSCm1dyClfoeDve4qMYdLEbfqHf3O/AdDumsjAAB42mNgYoAAZQYjBmyAGYQZmdhL8zLdDEydARfoAqIAAAABAAMABwAKABMAB///AA8AAQAAAAAAAAAAAAAAAAABAAAAAA==) format("woff")}.markdown-body{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;color:#333;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:16px;line-height:1.5;word-wrap:break-word}.markdown-body .pl-c{color:#969896}.markdown-body .pl-c1,.markdown-body .pl-s .pl-v{color:#0086b3}.markdown-body .pl-e,.markdown-body .pl-en{color:#795da3}.markdown-body .pl-s .pl-s1,.markdown-body .pl-smi{color:#333}.markdown-body .pl-ent{color:#63a35c}.markdown-body .pl-k{color:#a71d5d}.markdown-body .pl-pds,.markdown-body .pl-s,.markdown-body .pl-s .pl-pse .pl-s1,.markdown-body .pl-sr,.markdown-body .pl-sr .pl-cce,.markdown-body .pl-sr .pl-sra,.markdown-body .pl-sr .pl-sre{color:#183691}.markdown-body .pl-v{color:#ed6a43}.markdown-body .pl-id{color:#b52a1d}.markdown-body .pl-ii{color:#f8f8f8;background-color:#b52a1d}.markdown-body .pl-sr .pl-cce{font-weight:700;color:#63a35c}.markdown-body .pl-ml{color:#693a17}.markdown-body .pl-mh,.markdown-body .pl-mh .pl-en,.markdown-body .pl-ms{font-weight:700;color:#1d3e81}.markdown-body .pl-mq{color:teal}.markdown-body .pl-mi{font-style:italic;color:#333}.markdown-body .pl-mb{font-weight:700;color:#333}.markdown-body .pl-md{color:#bd2c00;background-color:#ffecec}.markdown-body .pl-mi1{color:#55a532;background-color:#eaffea}.markdown-body .pl-mdr{font-weight:700;color:#795da3}.markdown-body .pl-mo{color:#1d3e81}.markdown-body .octicon{display:inline-block;vertical-align:text-top;fill:currentColor}.markdown-body a{background-color:transparent;-webkit-text-decoration-skip:objects}.markdown-body a:active,.markdown-body a:hover{outline-width:0}.markdown-body strong{font-weight:inherit;font-weight:bolder}.markdown-body h1{font-size:2em;margin:.67em 0}.markdown-body img{border-style:none}.markdown-body svg:not(:root){overflow:hidden}.markdown-body code,.markdown-body kbd,.markdown-body pre{font-family:monospace,monospace;font-size:1em}.markdown-body hr{box-sizing:content-box;height:0;overflow:visible}.markdown-body input{font:inherit;margin:0;overflow:visible}.markdown-body [type=checkbox]{box-sizing:border-box;padding:0}.markdown-body *{box-sizing:border-box}.markdown-body input{font-family:inherit;font-size:inherit;line-height:inherit}.markdown-body a{color:#4078c0;text-decoration:none}.markdown-body a:active,.markdown-body a:hover{text-decoration:underline}.markdown-body strong{font-weight:600}.markdown-body hr{height:0;margin:15px 0;overflow:hidden;background:transparent;border:0;border-bottom:1px solid #ddd}.markdown-body hr:after,.markdown-body hr:before{display:table;content:""}.markdown-body hr:after{clear:both}.markdown-body table{border-spacing:0;border-collapse:collapse}.markdown-body td,.markdown-body th{padding:0}.markdown-body h1,.markdown-body h2,.markdown-body h3,.markdown-body h4,.markdown-body h5,.markdown-body h6{margin-top:0;margin-bottom:0}.markdown-body h1{font-size:32px;font-weight:600}.markdown-body h2{font-size:24px;font-weight:600}.markdown-body h3{font-size:20px;font-weight:600}.markdown-body h4{font-size:16px;font-weight:600}.markdown-body h5{font-size:14px;font-weight:600}.markdown-body h6{font-size:12px;font-weight:600}.markdown-body p{margin-top:0;margin-bottom:10px}.markdown-body blockquote{margin:0}.markdown-body ol,.markdown-body ul{padding-left:0;margin-top:0;margin-bottom:0}.markdown-body ol ol,.markdown-body ul ol{list-style-type:lower-roman}.markdown-body ol ol ol,.markdown-body ol ul ol,.markdown-body ul ol ol,.markdown-body ul ul ol{list-style-type:lower-alpha}.markdown-body dd{margin-left:0}.markdown-body code{font-family:Consolas,Liberation Mono,Menlo,Courier,monospace;font-size:12px}.markdown-body pre{margin-top:0;margin-bottom:0;font:12px Consolas,Liberation Mono,Menlo,Courier,monospace}.markdown-body .octicon{vertical-align:text-bottom}.markdown-body input{-webkit-font-feature-settings:"liga" 0;font-feature-settings:"liga" 0}.markdown-body:after,.markdown-body:before{display:table;content:""}.markdown-body:after{clear:both}.markdown-body>:first-child{margin-top:0!important}.markdown-body>:last-child{margin-bottom:0!important}.markdown-body a:not([href]){color:inherit;text-decoration:none}.markdown-body .anchor{float:left;padding-right:4px;margin-left:-20px;line-height:1}.markdown-body .anchor:focus{outline:none}.markdown-body blockquote,.markdown-body dl,.markdown-body ol,.markdown-body p,.markdown-body pre,.markdown-body table,.markdown-body ul{margin-top:0;margin-bottom:16px}.markdown-body hr{height:.25em;padding:0;margin:24px 0;background-color:#e7e7e7;border:0}.markdown-body blockquote{padding:0 1em;color:#777;border-left:.25em solid #ddd}.markdown-body blockquote>:first-child{margin-top:0}.markdown-body blockquote>:last-child{margin-bottom:0}.markdown-body kbd{display:inline-block;padding:3px 5px;font-size:11px;line-height:10px;color:#555;vertical-align:middle;background-color:#fcfcfc;border:1px solid #ccc;border-bottom-color:#bbb;border-radius:3px;box-shadow:inset 0 -1px 0 #bbb}.markdown-body h1,.markdown-body h2,.markdown-body h3,.markdown-body h4,.markdown-body h5,.markdown-body h6{margin-top:24px;margin-bottom:16px;font-weight:600;line-height:1.25}.markdown-body h1 .octicon-link,.markdown-body h2 .octicon-link,.markdown-body h3 .octicon-link,.markdown-body h4 .octicon-link,.markdown-body h5 .octicon-link,.markdown-body h6 .octicon-link{color:#000;vertical-align:middle;visibility:hidden}.markdown-body h1:hover .anchor,.markdown-body h2:hover .anchor,.markdown-body h3:hover .anchor,.markdown-body h4:hover .anchor,.markdown-body h5:hover .anchor,.markdown-body h6:hover .anchor{text-decoration:none}.markdown-body h1:hover .anchor .octicon-link,.markdown-body h2:hover .anchor .octicon-link,.markdown-body h3:hover .anchor .octicon-link,.markdown-body h4:hover .anchor .octicon-link,.markdown-body h5:hover .anchor .octicon-link,.markdown-body h6:hover .anchor .octicon-link{visibility:visible}.markdown-body h1{font-size:2em}.markdown-body h1,.markdown-body h2{padding-bottom:.3em;border-bottom:1px solid #eee}.markdown-body h2{font-size:1.5em}.markdown-body h3{font-size:1.25em}.markdown-body h4{font-size:1em}.markdown-body h5{font-size:.875em}.markdown-body h6{font-size:.85em;color:#777}.markdown-body ol,.markdown-body ul{padding-left:2em}.markdown-body ol ol,.markdown-body ol ul,.markdown-body ul ol,.markdown-body ul ul{margin-top:0;margin-bottom:0}.markdown-body li>p{margin-top:16px}.markdown-body li+li{margin-top:.25em}.markdown-body dl{padding:0}.markdown-body dl dt{padding:0;margin-top:16px;font-size:1em;font-style:italic;font-weight:700}.markdown-body dl dd{padding:0 16px;margin-bottom:16px}.markdown-body table{display:block;width:100%;overflow:auto}.markdown-body table th{font-weight:700}.markdown-body table td,.markdown-body table th{padding:6px 13px;border:1px solid #ddd}.markdown-body table tr{background-color:#fff;border-top:1px solid #ccc}.markdown-body table tr:nth-child(2n){background-color:#f8f8f8}.markdown-body img{max-width:100%;box-sizing:content-box;background-color:#fff}.markdown-body code{padding:0;padding-top:.2em;padding-bottom:.2em;margin:0;font-size:85%;background-color:rgba(0,0,0,.04);border-radius:3px}.markdown-body code:after,.markdown-body code:before{letter-spacing:-.2em;content:"\\A0"}.markdown-body pre{word-wrap:normal}.markdown-body pre>code{padding:0;margin:0;font-size:100%;word-break:normal;white-space:pre;background:transparent;border:0}.markdown-body .highlight{margin-bottom:16px}.markdown-body .highlight pre{margin-bottom:0;word-break:normal}.markdown-body .highlight pre,.markdown-body pre{padding:16px;overflow:auto;font-size:85%;line-height:1.45;background-color:#f7f7f7;border-radius:3px}.markdown-body pre code{display:inline;max-width:auto;padding:0;margin:0;overflow:visible;line-height:inherit;word-wrap:normal;background-color:transparent;border:0}.markdown-body pre code:after,.markdown-body pre code:before{content:normal}.markdown-body .pl-0{padding-left:0!important}.markdown-body .pl-1{padding-left:3px!important}.markdown-body .pl-2{padding-left:6px!important}.markdown-body .pl-3{padding-left:12px!important}.markdown-body .pl-4{padding-left:24px!important}.markdown-body .pl-5{padding-left:36px!important}.markdown-body .pl-6{padding-left:48px!important}.markdown-body .full-commit .btn-outline:not(:disabled):hover{color:#4078c0;border:1px solid #4078c0}.markdown-body kbd{display:inline-block;padding:3px 5px;font:11px Consolas,Liberation Mono,Menlo,Courier,monospace;line-height:10px;color:#555;vertical-align:middle;background-color:#fcfcfc;border:1px solid #ccc;border-bottom-color:#bbb;border-radius:3px;box-shadow:inset 0 -1px 0 #bbb}.markdown-body :checked+.radio-label{position:relative;z-index:1;border-color:#4078c0}.markdown-body .task-list-item{list-style-type:none}.markdown-body .task-list-item+.task-list-item{margin-top:3px}.markdown-body .task-list-item input{margin:0 .2em .25em -1.6em;vertical-align:middle}.markdown-body hr{border-bottom-color:#eee}',""]); -},function(module,exports,__webpack_require__){exports=module.exports=__webpack_require__(192)(),exports.push([module.id,'.ReactTable{position:relative;border:1px solid rgba(0,0,0,.1)}.ReactTable *{box-sizing:border-box}.ReactTable .rt-table{-webkit-box-align:stretch;-o-box-align:stretch;-ms-flex-align:stretch;-webkit-align-items:stretch;align-items:stretch;width:100%;border-collapse:collapse;overflow:auto}.ReactTable .rt-table,.ReactTable .rt-thead{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-orient:vertical;-o-box-orient:vertical;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.ReactTable .rt-thead.-headerGroups{background:rgba(0,0,0,.03);border-bottom:1px solid rgba(0,0,0,.05)}.ReactTable .rt-thead.-header{box-shadow:0 2px 15px 0 rgba(0,0,0,.15)}.ReactTable .rt-thead .rt-tr{text-align:center}.ReactTable .rt-thead .rt-td,.ReactTable .rt-thead .rt-th{color:#000;border-right:1px solid rgba(0,0,0,.05);-webkit-transition:box-shadow .3s cubic-bezier(.175,.885,.32,1.275);transition:box-shadow .3s cubic-bezier(.175,.885,.32,1.275);box-shadow:inset 0 0 0 0 transparent}.ReactTable .rt-thead .rt-td.-sort-asc,.ReactTable .rt-thead .rt-th.-sort-asc{box-shadow:inset 0 3px 0 0 rgba(0,0,0,.6)}.ReactTable .rt-thead .rt-td.-sort-desc,.ReactTable .rt-thead .rt-th.-sort-desc{box-shadow:inset 0 -3px 0 0 rgba(0,0,0,.6)}.ReactTable .rt-thead .rt-td.-cursor-pointer,.ReactTable .rt-thead .rt-th.-cursor-pointer{cursor:pointer}.ReactTable .rt-thead .rt-td:last-child,.ReactTable .rt-thead .rt-th:last-child{border-right:0}.ReactTable .rt-tbody{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-orient:vertical;-o-box-orient:vertical;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.ReactTable .rt-tbody .rt-tr-group{border-bottom:1px solid rgba(0,0,0,.05)}.ReactTable .rt-tbody .rt-tr-group:last-child{border-bottom:0}.ReactTable .rt-tbody .rt-td{border-right:1px solid rgba(0,0,0,.02)}.ReactTable .rt-tbody .rt-td:last-child{border-right:0}.ReactTable .rt-tbody .rt-pivot{cursor:pointer}.ReactTable .rt-tr-group{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-orient:vertical;-o-box-orient:vertical;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:stretch;-o-box-align:stretch;-ms-flex-align:stretch;-webkit-align-items:stretch;align-items:stretch}.ReactTable .rt-tr{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-box;display:inline-flex}.ReactTable .rt-td,.ReactTable .rt-th{-webkit-box-flex:1;-o-box-flex:1;box-flex:1;-webkit-flex:1 0 0;-ms-flex:1 0 0;flex:1 0 0;white-space:nowrap;text-overflow:ellipsis;padding:7px 5px;overflow:hidden;-webkit-transition:.3s ease;transition:.3s ease;-webkit-transition-property:width,min-width,padding,opacity;transition-property:width,min-width,padding,opacity}.ReactTable .rt-td.-hidden,.ReactTable .rt-th.-hidden{width:0!important;min-width:0!important;padding:0!important;border:0!important;opacity:0!important;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"!important;filter:alpha(opacity=0)!important}.ReactTable .rt-expander{display:inline-block;position:relative;margin:0;color:transparent;margin:0 10px}.ReactTable .rt-expander:after{content:"";position:absolute;width:0;height:0;top:50%;left:50%;-webkit-transform:translate(-50%,-50%) rotate(-90deg);-ms-transform:translate(-50%,-50%) rotate(-90deg);transform:translate(-50%,-50%) rotate(-90deg);border-left:5.04px solid transparent;border-right:5.04px solid transparent;border-top:7px solid rgba(0,0,0,.8);-webkit-transition:all .3s cubic-bezier(.175,.885,.32,1.275);transition:all .3s cubic-bezier(.175,.885,.32,1.275);cursor:pointer}.ReactTable .rt-expander.-open:after{-webkit-transform:translate(-50%,-50%) rotate(0);-ms-transform:translate(-50%,-50%) rotate(0);transform:translate(-50%,-50%) rotate(0)}.ReactTable.-striped .rt-tr.-odd{background:rgba(0,0,0,.03)}.ReactTable.-highlight .rt-tbody .rt-tr:not(.-padRow):hover{background:rgba(0,0,0,.05)}.ReactTable .-pagination{z-index:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-pack:justify;-o-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;-webkit-box-align:stretch;-o-box-align:stretch;-ms-flex-align:stretch;-webkit-align-items:stretch;align-items:stretch;-webkit-box-lines:multiple;-moz-box-lines:multiple;-o-box-lines:multiple;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;padding:3px;box-shadow:0 0 15px 0 rgba(0,0,0,.1)}.ReactTable .-pagination .-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:block;width:100%;height:100%;border:0;border-radius:3px;padding:6px;font-size:1em;color:rgba(0,0,0,.6);background:rgba(0,0,0,.1);-webkit-transition:all .1s ease;transition:all .1s ease;cursor:pointer;outline:none}.ReactTable .-pagination .-btn[disabled]{opacity:.5;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";filter:alpha(opacity=50);cursor:default}.ReactTable .-pagination .-btn:not([disabled]):hover{background:rgba(0,0,0,.3);color:#fff}.ReactTable .-pagination .-next,.ReactTable .-pagination .-previous{-webkit-box-flex:1;-o-box-flex:1;box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;text-align:center}.ReactTable .-pagination .-center{-webkit-box-flex:1.5;-o-box-flex:1.5;box-flex:1.5;-webkit-flex:1.5;-ms-flex:1.5;flex:1.5;text-align:center;margin-bottom:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-orient:horizontal;-o-box-orient:horizontal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-box-lines:multiple;-moz-box-lines:multiple;-o-box-lines:multiple;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-o-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:distribute;-o-box-pack:distribute;-ms-flex-pack:distribute;-webkit-justify-content:space-around;justify-content:space-around}.ReactTable .-pagination .-pageInfo{display:inline-block;margin:3px 10px;white-space:nowrap}.ReactTable .-pagination .-pageJump{display:inline-block}.ReactTable .-pagination .-pageJump input{width:70px;text-align:center}.ReactTable .-pagination .-pageSizeOptions{margin:3px 10px}.ReactTable .-loading{display:block;position:absolute;left:0;right:0;top:0;bottom:0;background:hsla(0,0%,100%,.8);-webkit-transition:all .3s ease;transition:all .3s ease;z-index:2;opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0);pointer-events:none}.ReactTable .-loading>div{position:absolute;display:block;text-align:center;width:100%;top:50%;left:0;font-size:15px;color:rgba(0,0,0,.6);-webkit-transform:translateY(-52%);-ms-transform:translateY(-52%);transform:translateY(-52%);-webkit-transition:all .3s cubic-bezier(.25,.46,.45,.94);transition:all .3s cubic-bezier(.25,.46,.45,.94)}.ReactTable .-loading.-active{opacity:1;-ms-filter:none;-webkit-filter:none;filter:none;pointer-events:all}.ReactTable .-loading.-active>div{-webkit-transform:translateY(50%);-ms-transform:translateY(50%);transform:translateY(50%)}.ReactTable input,.ReactTable select{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid rgba(0,0,0,.1);background:#fff;padding:5px 7px;font-size:inherit;border-radius:3px;font-weight:400;outline:none}.ReactTable .select-wrap{position:relative;display:inline-block}.ReactTable .select-wrap select{padding:5px 15px 5px 7px;min-width:100px}.ReactTable .select-wrap:after{content:"";position:absolute;right:8px;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);border-color:#999 transparent transparent;border-style:solid;border-width:5px 5px 2.5px}',""])},function(module,exports,__webpack_require__){exports=module.exports=__webpack_require__(192)(),exports.push([module.id,"code[class*=language-],pre[class*=language-]{color:#000;background:none;text-shadow:0 1px #fff;font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;-ms-hyphens:none;hyphens:none}code[class*=language-]::-moz-selection,code[class*=language-] ::-moz-selection,pre[class*=language-]::-moz-selection,pre[class*=language-] ::-moz-selection{text-shadow:none;background:#b3d4fc}code[class*=language-]::selection,code[class*=language-] ::selection,pre[class*=language-]::selection,pre[class*=language-] ::selection{text-shadow:none;background:#b3d4fc}@media print{code[class*=language-],pre[class*=language-]{text-shadow:none}}pre[class*=language-]{padding:1em;margin:.5em 0;overflow:auto}:not(pre)>code[class*=language-],pre[class*=language-]{background:#f5f2f0}:not(pre)>code[class*=language-]{padding:.1em;border-radius:.3em;white-space:normal}.token.cdata,.token.comment,.token.doctype,.token.prolog{color:#708090}.token.punctuation{color:#999}.namespace{opacity:.7}.token.boolean,.token.constant,.token.deleted,.token.number,.token.property,.token.symbol,.token.tag{color:#905}.token.attr-name,.token.builtin,.token.char,.token.inserted,.token.selector,.token.string{color:#690}.language-css .token.string,.style .token.string,.token.entity,.token.operator,.token.url{color:#a67f59;background:hsla(0,0%,100%,.5)}.token.atrule,.token.attr-value,.token.keyword{color:#07a}.token.function{color:#dd4a68}.token.important,.token.regex,.token.variable{color:#e90}.token.bold,.token.important{font-weight:700}.token.italic{font-style:italic}.token.entity{cursor:help}",""])},,,,,,function(module,exports){module.exports='
React Table Logo

React Table

react-table is a lightweight, fast and extendable datagrid built for React

Features

  • Lightweight at 7kb (and just 2kb more for styles)
  • Fully customizable JSX templating
  • Supports both Client-side & Server-side pagination and multi-sorting
  • Column Pivoting & Aggregation
  • Minimal design & easily themeable
  • Fully controllable via optional props and callbacks
  • "Why I wrote React Table and the problems it has solved for Nozzle.io by Tanner Linsley

Demo

Table of Contents

Installation

$ npm install react-table\n

Example

import ReactTable from 'react-table'\n\nconst data = [{\n  name: 'Tanner Linsley',\n  age: 26,\n  friend: {\n    name: 'Jason Maurer',\n    age: 23,\n  }\n},{\n  ...\n}]\n\nconst columns = [{\n  header: 'Name',\n  accessor: 'name' // String-based value accessors !\n}, {\n  header: 'Age',\n  accessor: 'age',\n  render: props => <span className='number'>props.value</span> // Custom cell components!\n}, {\n  header: 'Friend Name',\n  accessor: d => d.friend.name // Custom value accessors!\n}, {\n  header: props => <span>Friend Age</span>, // Custom header components!\n  accessor: 'friend.age'\n}]\n\n<ReactTable\n  data={data}\n  columns={columns}\n/>\n

Data

Simply pass the data prop anything that resembles an array or object. Client-side sorting and pagination are built in, and your table will update gracefully as you change any props. Server-side data is also supported!

Props

These are all of the available props (and their default values) for the main <ReactTable /> component.

{\n  // General\n  loading: false, // Whether to show the loading overlay or not\n  defaultPageSize: 20, // The default page size (this can be changed by the user if `showPageSizeOptions` is enabled)\n  minRows: 0, // Ensure this many rows are always rendered, regardless of rows on page\n  showPagination: true, // Shows or hides the pagination component\n  showPageJump: true, // Shows or hides the pagination number input\n  showPageSizeOptions: true, // Enables the user to change the page size\n  pageSizeOptions: [5, 10, 20, 25, 50, 100], // The available page size options\n  expanderColumnWidth: 30, // default columnWidth for the expander column\n\n  // Callbacks\n  onChange: (state, instance) => null, // Anytime the internal state of the table changes, this will fire\n  onTrClick: (row, event) => null,  // Handler for row click events\n\n  // Text\n  previousText: 'Previous',\n  nextText: 'Next',\n  pageText: 'Page',\n  ofText: 'of',\n  rowsText: 'rows',\n\n  // Classes\n  className: '-striped -highlight', // The most top level className for the component\n  tableClassName: '', // ClassName for the `table` element\n  theadClassName: '', // ClassName for the `thead` element\n  tbodyClassName: '', // ClassName for the `tbody` element\n  trClassName: '', // ClassName for all `tr` elements\n  trClassCallback: row => null, // A call back to dynamically add classes (via the classnames module) to a row element\n  paginationClassName: '' // ClassName for `pagination` element\n\n  // Styles\n  style: {}, // Main style object for the component\n  tableStyle: {}, // style object for the `table` component\n  theadStyle: {}, // style object for the `thead` component\n  tbodyStyle: {}, // style object for the `tbody` component\n  trStyle: {}, // style object for the `tr` component\n  trStyleCallback: row => {}, // A call back to dynamically add styles to a row element\n  thStyle: {}, // style object for the `th` component\n  tdStyle: {}, // style object for the `td` component\n  paginationStyle: {}, // style object for the `paginination` component\n\n  // Controlled Props (see Using as a Fully Controlled Component below)\n  page: undefined,\n  pageSize: undefined,\n  sorting: undefined,\n  expandedRows: undefined,\n  // Controlled Callbacks\n  onExpandRow: undefined,\n  onPageChange: undefined,\n  onPageSizeChange: undefined,\n}\n

You can easily override the core defaults like so:

import { ReactTableDefaults } from 'react-table'\n\nObject.assign(ReactTableDefaults, {\n  defaultPageSize: 10,\n  minRows: 3,\n  // etc...\n})\n

Or just define them on the component per-instance

<ReactTable\n  defaultPageSize={10}\n  minRows={3}\n  // etc...\n/>\n

Columns

<ReactTable/> requires a columns prop, which is an array of objects containing the following properties

[{\n  // General\n  accessor: 'propertyName' or Accessor eg. (row) => row.propertyName,\n  id: 'myProperty', // Conditional - A unique ID is required if the accessor is not a string or if you would like to override the column name used in server-side calls\n  sortable: true,\n  sort: 'asc' or 'desc', // used to determine the column sorting on init\n  show: true, // can be used to hide a column\n  minWidth: 100 // A minimum width for this column. If there is room, columns will flex to fill available space\n\n  // Cell Options\n  className: '', // Set the classname of the `td` element of the column\n  style: {}, // Set the style of the `td` element of the column\n  render: JSX eg. ({value, rowValues, row, index, viewIndex}) => <span>{value}</span>, // Provide a JSX element or stateless function to render whatever you want as the column's cell with access to the entire row\n    // value == the accessed value of the column\n    // rowValues == an object of all of the accessed values for the row\n    // row == the original row of data supplied to the table\n    // index == the original index of the data supplied to the table\n    // viewIndex == the index of the row in the current page\n\n  // Header & HeaderGroup Options\n  header: 'Header Name' or JSX eg. ({data, column}) => <div>Header Name</div>,\n  headerClassName: '', // Set the classname of the `th` element of the column\n  headerStyle: {}, // Set the style of the `th` element of the column\n\n  // Header Groups only\n  columns: [...] // See Header Groups section below\n\n}]\n

Styles

React-table is built to be dropped into existing applications or styled from the ground up, but if you'd like a decent starting point, you can optionally include our default theme react-table.css. We think it looks great, honestly :)

Header Groups

To group columns with another header column, just nest your columns in a header column like so:

const columns = [{\n  header: 'Favorites',\n  columns: [{\n    header: 'Color',\n    accessor: 'favorites.color'\n  }, {\n    header: 'Food',\n    accessor: 'favorites.food'\n  } {\n    header: 'Actor',\n    accessor: 'favorites.actor'\n  }]\n}]\n

Pivoting & Aggregation

Pivoting the table will group records together based on their accessed values and allow the rows in that group to be expanded underneath it. To pivot, pass an array of columnID's to pivotBy. Remember, a column's id is either the one that you assign it (when using a custom accessors) or its accessor string.

<ReactTable\n  ...\n  pivotBy={['lastName', 'age']}\n/>\n

Naturally when grouping rows together, you may want to aggregate the rows inside it into the grouped column. No aggregation is done by default, however, it is very simple to aggregate any pivoted columns:

// In this example, we use lodash to sum and average the values, but you can use whatever you want to aggregate.\nconst columns = [{\n  header: 'Age',\n  accessor: 'age',\n  aggregate: (values, rows) => _.round(_.mean(values)),\n  render: row => {\n    // You can even render the cell differently if it's an aggregated cell\n    return <span>{row.aggregated ? `${row.value} (avg)` : row.value}</span>\n  }\n}, {\n  header: 'Visits',\n  accessor: 'visits',\n  aggregate: (values, rows) => _.sum(values)\n}]\n

Pivoted columns can be sorted just like regular columns, but not independently of each other. For instance, if you click to sort the pivot column in ascending order, it will sort by each pivot recursively in ascending order together.

Sub Tables & Sub Components

By adding a SubComponent props, you can easily add an expansion level to all root-level rows:

<ReactTable\n  data={data}\n  columns={columns}\n  defaultPageSize={10}\n  SubComponent={(row) => {\n    return (\n      <div>\n        You can put any component you want here, even another React Table! You even have access to the row-level data if you need!  Spark-charts, drill-throughs, infographics... the possibilities are endless!\n      </div>\n    )\n  }}\n/>\n

Server-side Data

If you want to handle pagination, and sorting on the server, react-table makes it easy on you.

  1. Feed React Table data from somewhere dynamic. eg. state, a redux store, etc...
  2. Add manual as a prop. This informs React Table that you'll be handling sorting and pagination server-side
  3. Subscribe to the onChange prop. This function is called at compomentDidMount and any time sorting or pagination is changed by the user
  4. In the onChange callback, request your data using the provided information in the params of the function (state and instance)
  5. Update your data with the rows to be displayed
  6. Optionally set how many pages there are total
<ReactTable\n  ...\n  data={this.state.data} // should default to []\n  pages={this.state.pages} // should default to -1 (which means we don't know how many pages we have)\n  loading={this.state.loading}\n  manual // informs React Table that you'll be handling sorting and pagination server-side\n  onChange={(state, instance) => {\n    // show the loading overlay\n    this.setState({loading: true})\n    // fetch your data\n    Axios.post('mysite.com/data', {\n      page: state.page,\n      pageSize: state.pageSize,\n      sorting: state.sorting\n    })\n      .then((res) => {\n        // Update react-table\n        this.setState({\n          data: res.data.rows,\n          pages: res.data.pages,\n          loading: false\n        })\n      })\n  }}\n/>\n

For a detailed example, take a peek at our async table mockup

Fully Controlled Component

React Table by default works fantastically out of the box, but you can achieve even more control and customization if you choose to maintain the state yourself. It is very easy to do, even if you only want to manage parts of the state.

Here are the props and their corresponding callbacks that control the state of the a table:

<ReactTable\n  // Props\n  page={0} // the index of the page you wish to display\n  pageSize={20} // the number of rows per page to be displayed\n  sorting={[{\n      id: 'lastName',\n      asc: true\n    }, {\n      id: 'firstName',\n      asc: true\n  }]} // the sorting model for the table\n  expandedRows={{\n    1: true,\n    4: true,\n    5: {\n      2: true,\n      3: true\n    }\n  }} // The nested row indexes on the current page that should appear expanded\n\n  // Callbacks\n  onPageChange={(pageIndex) => {...}} // Called when the page index is changed by the user\n  onPageSizeChange={(pageSize, pageIndex) => {...}} // Called when the pageSize is changed by the user. The resolve page is also sent to maintain approximate position in the data\n  onSortingChange={(column, shiftKey) => {...}} // Called when a sortable column header is clicked with the column itself and if the shiftkey was held. If the column is a pivoted column, `column` will be an array of columns\n  onExpandRow={(index, event) => {...}} // Called when an expander is clicked. Use this to manage `expandedRows`\n/>\n

Multi-Sort

When clicking on a column header, hold shift to multi-sort! You can toggle ascending descending and none for multi-sort columns. Clicking on a header without holding shift will clear the multi-sort and replace it with the single sort of that column. It's quite handy!

Component Overrides

Though we confidently stand by the markup and architecture behind it, react-table does offer the ability to change the core componentry it uses to render everything. You can extend or override these internal components by passing a react component to it's corresponding prop on either the global props or on a one-off basis like so:

// Change the global default\nimport { ReactTableDefaults } from 'react-table'\nObject.assign(ReactTableDefaults, {\n  TableComponent: Component,\n  TheadComponent: Component,\n  TbodyComponent: Component,\n  TrGroupComponent: Component,\n  TrComponent: Component,\n  ThComponent: Component,\n  TdComponent: Component,\n  PaginationComponent: Component,\n  PreviousComponent: Component,\n  NextComponent: Component,\n  LoadingComponent: Component,\n  ExpanderComponent: Component\n})\n\n// Or change per instance\n<ReactTable\n  TableComponent={Component},\n  TheadComponent={Component},\n  // etc...\n  />\n

If you choose to change the core components React-Table uses to render, you must make sure your replacement components consume and utilize all of the supplied and inherited props that are needed for that component to function properly. We would suggest investigating the source for the component you wish to replace.

Contributing

To suggest a feature, create an issue if it does not already exist. If you would like to help develop a suggested feature follow these steps:

  • Fork this repo
  • npm install
  • npm run watch
  • Implement your changes to files in the src/ directory
  • Submit PR for review

If you would like to preview your changes as you develop, you can link and utilize our React Storybook like so:

  • npm install
  • run storybook (or run them in separate tabs)
  • Make changes to stories in /stories, or create a new one if needed
  • View changes at localhost:8000

Used By

Nozzle Logo

'},,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,function(module,exports,__webpack_require__){"use strict";function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=function(){var options=arguments.length<=0||void 0===arguments[0]?{}:arguments[0];options.numLen||0===options.numLen||(options.numLen=4);var numberLength=parseInt(options.numLen,10);options.words||0===options.words||(options.words=2);var wordCount=parseInt(options.words,10);if(wordCount<1)throw new Error("word count must be above 0");if(wordCount>4)throw new Error("word count cannot be above 4");if(numberLength<0)throw new Error("trailing number length must be above 0");var pattern=void 0;switch(wordCount){case 1:pattern="noun";break;case 2:default:pattern=(0,_random.randomFromArray)(["adjective|noun","noun|verb"]);break;case 3:pattern="adjective|noun|verb";break;case 4:pattern="adjective|noun|noun|verb"}for(var name="",splitPattern=pattern.split("|"),i=0;idiv{position:absolute;display:block;text-align:center;width:100%;top:50%;left:0;font-size:15px;color:rgba(0,0,0,.6);-webkit-transform:translateY(-52%);-ms-transform:translateY(-52%);transform:translateY(-52%);-webkit-transition:all .3s cubic-bezier(.25,.46,.45,.94);transition:all .3s cubic-bezier(.25,.46,.45,.94)}.ReactTable .-loading.-active{opacity:1;-ms-filter:none;-webkit-filter:none;filter:none;pointer-events:all}.ReactTable .-loading.-active>div{-webkit-transform:translateY(50%);-ms-transform:translateY(50%);transform:translateY(50%)}.ReactTable input,.ReactTable select{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid rgba(0,0,0,.1);background:#fff;padding:5px 7px;font-size:inherit;border-radius:3px;font-weight:400;outline:none}.ReactTable .select-wrap{position:relative;display:inline-block}.ReactTable .select-wrap select{padding:5px 15px 5px 7px;min-width:100px}.ReactTable .select-wrap:after{content:"";position:absolute;right:8px;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);border-color:#999 transparent transparent;border-style:solid;border-width:5px 5px 2.5px}',""])},function(module,exports,__webpack_require__){exports=module.exports=__webpack_require__(192)(),exports.push([module.id,"code[class*=language-],pre[class*=language-]{color:#000;background:none;text-shadow:0 1px #fff;font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;-ms-hyphens:none;hyphens:none}code[class*=language-]::-moz-selection,code[class*=language-] ::-moz-selection,pre[class*=language-]::-moz-selection,pre[class*=language-] ::-moz-selection{text-shadow:none;background:#b3d4fc}code[class*=language-]::selection,code[class*=language-] ::selection,pre[class*=language-]::selection,pre[class*=language-] ::selection{text-shadow:none;background:#b3d4fc}@media print{code[class*=language-],pre[class*=language-]{text-shadow:none}}pre[class*=language-]{padding:1em;margin:.5em 0;overflow:auto}:not(pre)>code[class*=language-],pre[class*=language-]{background:#f5f2f0}:not(pre)>code[class*=language-]{padding:.1em;border-radius:.3em;white-space:normal}.token.cdata,.token.comment,.token.doctype,.token.prolog{color:#708090}.token.punctuation{color:#999}.namespace{opacity:.7}.token.boolean,.token.constant,.token.deleted,.token.number,.token.property,.token.symbol,.token.tag{color:#905}.token.attr-name,.token.builtin,.token.char,.token.inserted,.token.selector,.token.string{color:#690}.language-css .token.string,.style .token.string,.token.entity,.token.operator,.token.url{color:#a67f59;background:hsla(0,0%,100%,.5)}.token.atrule,.token.attr-value,.token.keyword{color:#07a}.token.function{color:#dd4a68}.token.important,.token.regex,.token.variable{color:#e90}.token.bold,.token.important{font-weight:700}.token.italic{font-style:italic}.token.entity{cursor:help}",""])},,,,,,function(module,exports){module.exports='
React Table Logo

React Table

react-table is a lightweight, fast and extendable datagrid built for React

Features

  • Lightweight at 7kb (and just 2kb more for styles)
  • Fully customizable JSX templating
  • Supports both Client-side & Server-side pagination and multi-sorting
  • Column Pivoting & Aggregation
  • Minimal design & easily themeable
  • Fully controllable via optional props and callbacks
  • "Why I wrote React Table and the problems it has solved for Nozzle.io by Tanner Linsley

Demo

Table of Contents

Installation

$ npm install react-table\n

Example

import ReactTable from 'react-table'\n\nconst data = [{\n  name: 'Tanner Linsley',\n  age: 26,\n  friend: {\n    name: 'Jason Maurer',\n    age: 23,\n  }\n},{\n  ...\n}]\n\nconst columns = [{\n  header: 'Name',\n  accessor: 'name' // String-based value accessors !\n}, {\n  header: 'Age',\n  accessor: 'age',\n  render: props => <span className='number'>props.value</span> // Custom cell components!\n}, {\n  header: 'Friend Name',\n  accessor: d => d.friend.name // Custom value accessors!\n}, {\n  header: props => <span>Friend Age</span>, // Custom header components!\n  accessor: 'friend.age'\n}]\n\n<ReactTable\n  data={data}\n  columns={columns}\n/>\n

Data

Simply pass the data prop anything that resembles an array or object. Client-side sorting and pagination are built in, and your table will update gracefully as you change any props. Server-side data is also supported!

Props

These are all of the available props (and their default values) for the main <ReactTable /> component.

{\n  // General\n  loading: false, // Whether to show the loading overlay or not\n  defaultPageSize: 20, // The default page size (this can be changed by the user if `showPageSizeOptions` is enabled)\n  minRows: 0, // Ensure this many rows are always rendered, regardless of rows on page\n  showPagination: true, // Shows or hides the pagination component\n  showPageJump: true, // Shows or hides the pagination number input\n  showPageSizeOptions: true, // Enables the user to change the page size\n  pageSizeOptions: [5, 10, 20, 25, 50, 100], // The available page size options\n  expanderColumnWidth: 30, // default columnWidth for the expander column\n\n  // Callbacks\n  onChange: (state, instance) => null, // Anytime the internal state of the table changes, this will fire\n  onTrClick: (row, event) => null,  // Handler for row click events\n\n  // Text\n  previousText: 'Previous',\n  nextText: 'Next',\n  pageText: 'Page',\n  ofText: 'of',\n  rowsText: 'rows',\n\n  // Classes\n  className: '-striped -highlight', // The most top level className for the component\n  tableClassName: '', // ClassName for the `table` element\n  theadClassName: '', // ClassName for the `thead` element\n  tbodyClassName: '', // ClassName for the `tbody` element\n  trClassName: '', // ClassName for all `tr` elements\n  trClassCallback: row => null, // A call back to dynamically add classes (via the classnames module) to a row element\n  paginationClassName: '' // ClassName for `pagination` element\n\n  // Styles\n  style: {}, // Main style object for the component\n  tableStyle: {}, // style object for the `table` component\n  theadStyle: {}, // style object for the `thead` component\n  tbodyStyle: {}, // style object for the `tbody` component\n  trStyle: {}, // style object for the `tr` component\n  trStyleCallback: row => {}, // A call back to dynamically add styles to a row element\n  thStyle: {}, // style object for the `th` component\n  tdStyle: {}, // style object for the `td` component\n  paginationStyle: {}, // style object for the `paginination` component\n\n  // Controlled Props (see Using as a Fully Controlled Component below)\n  page: undefined,\n  pageSize: undefined,\n  sorting: undefined,\n  expandedRows: undefined,\n  // Controlled Callbacks\n  onExpandRow: undefined,\n  onPageChange: undefined,\n  onPageSizeChange: undefined,\n}\n

You can easily override the core defaults like so:

import { ReactTableDefaults } from 'react-table'\n\nObject.assign(ReactTableDefaults, {\n  defaultPageSize: 10,\n  minRows: 3,\n  // etc...\n})\n

Or just define them on the component per-instance

<ReactTable\n  defaultPageSize={10}\n  minRows={3}\n  // etc...\n/>\n

Columns

<ReactTable/> requires a columns prop, which is an array of objects containing the following properties

[{\n  // General\n  accessor: 'propertyName' or Accessor eg. (row) => row.propertyName,\n  id: 'myProperty', // Conditional - A unique ID is required if the accessor is not a string or if you would like to override the column name used in server-side calls\n  sortable: true,\n  sort: 'asc' or 'desc', // used to determine the column sorting on init\n  show: true, // can be used to hide a column\n  minWidth: 100 // A minimum width for this column. If there is room, columns will flex to fill available space\n\n  // Cell Options\n  className: '', // Set the classname of the `td` element of the column\n  style: {}, // Set the style of the `td` element of the column\n  render: JSX eg. ({value, rowValues, row, index, viewIndex}) => <span>{value}</span>, // Provide a JSX element or stateless function to render whatever you want as the column's cell with access to the entire row\n    // value == the accessed value of the column\n    // rowValues == an object of all of the accessed values for the row\n    // row == the original row of data supplied to the table\n    // index == the original index of the data supplied to the table\n    // viewIndex == the index of the row in the current page\n\n  // Header & HeaderGroup Options\n  header: 'Header Name' or JSX eg. ({data, column}) => <div>Header Name</div>,\n  headerClassName: '', // Set the classname of the `th` element of the column\n  headerStyle: {}, // Set the style of the `th` element of the column\n\n  // Header Groups only\n  columns: [...] // See Header Groups section below\n\n}]\n

Styles

React-table is built to be dropped into existing applications or styled from the ground up, but if you'd like a decent starting point, you can optionally include our default theme react-table.css. We think it looks great, honestly :)

Header Groups

To group columns with another header column, just nest your columns in a header column like so:

const columns = [{\n  header: 'Favorites',\n  columns: [{\n    header: 'Color',\n    accessor: 'favorites.color'\n  }, {\n    header: 'Food',\n    accessor: 'favorites.food'\n  } {\n    header: 'Actor',\n    accessor: 'favorites.actor'\n  }]\n}]\n

Pivoting & Aggregation

Pivoting the table will group records together based on their accessed values and allow the rows in that group to be expanded underneath it. To pivot, pass an array of columnID's to pivotBy. Remember, a column's id is either the one that you assign it (when using a custom accessors) or its accessor string.

<ReactTable\n  ...\n  pivotBy={['lastName', 'age']}\n/>\n

Naturally when grouping rows together, you may want to aggregate the rows inside it into the grouped column. No aggregation is done by default, however, it is very simple to aggregate any pivoted columns:

// In this example, we use lodash to sum and average the values, but you can use whatever you want to aggregate.\nconst columns = [{\n  header: 'Age',\n  accessor: 'age',\n  aggregate: (values, rows) => _.round(_.mean(values)),\n  render: row => {\n    // You can even render the cell differently if it's an aggregated cell\n    return <span>{row.aggregated ? `${row.value} (avg)` : row.value}</span>\n  }\n}, {\n  header: 'Visits',\n  accessor: 'visits',\n  aggregate: (values, rows) => _.sum(values)\n}]\n

Pivoted columns can be sorted just like regular columns, but not independently of each other. For instance, if you click to sort the pivot column in ascending order, it will sort by each pivot recursively in ascending order together.

Sub Tables & Sub Components

By adding a SubComponent props, you can easily add an expansion level to all root-level rows:

<ReactTable\n  data={data}\n  columns={columns}\n  defaultPageSize={10}\n  SubComponent={(row) => {\n    return (\n      <div>\n        You can put any component you want here, even another React Table! You even have access to the row-level data if you need!  Spark-charts, drill-throughs, infographics... the possibilities are endless!\n      </div>\n    )\n  }}\n/>\n

Server-side Data

If you want to handle pagination, and sorting on the server, react-table makes it easy on you.

  1. Feed React Table data from somewhere dynamic. eg. state, a redux store, etc...
  2. Add manual as a prop. This informs React Table that you'll be handling sorting and pagination server-side
  3. Subscribe to the onChange prop. This function is called at compomentDidMount and any time sorting or pagination is changed by the user
  4. In the onChange callback, request your data using the provided information in the params of the function (state and instance)
  5. Update your data with the rows to be displayed
  6. Optionally set how many pages there are total
<ReactTable\n  ...\n  data={this.state.data} // should default to []\n  pages={this.state.pages} // should default to -1 (which means we don't know how many pages we have)\n  loading={this.state.loading}\n  manual // informs React Table that you'll be handling sorting and pagination server-side\n  onChange={(state, instance) => {\n    // show the loading overlay\n    this.setState({loading: true})\n    // fetch your data\n    Axios.post('mysite.com/data', {\n      page: state.page,\n      pageSize: state.pageSize,\n      sorting: state.sorting\n    })\n      .then((res) => {\n        // Update react-table\n        this.setState({\n          data: res.data.rows,\n          pages: res.data.pages,\n          loading: false\n        })\n      })\n  }}\n/>\n

For a detailed example, take a peek at our async table mockup

Fully Controlled Component

React Table by default works fantastically out of the box, but you can achieve even more control and customization if you choose to maintain the state yourself. It is very easy to do, even if you only want to manage parts of the state.

Here are the props and their corresponding callbacks that control the state of the a table:

<ReactTable\n  // Props\n  page={0} // the index of the page you wish to display\n  pageSize={20} // the number of rows per page to be displayed\n  sorting={[{\n      id: 'lastName',\n      asc: true\n    }, {\n      id: 'firstName',\n      asc: true\n  }]} // the sorting model for the table\n  expandedRows={{\n    1: true,\n    4: true,\n    5: {\n      2: true,\n      3: true\n    }\n  }} // The nested row indexes on the current page that should appear expanded\n\n  // Callbacks\n  onPageChange={(pageIndex) => {...}} // Called when the page index is changed by the user\n  onPageSizeChange={(pageSize, pageIndex) => {...}} // Called when the pageSize is changed by the user. The resolve page is also sent to maintain approximate position in the data\n  onSortingChange={(column, shiftKey) => {...}} // Called when a sortable column header is clicked with the column itself and if the shiftkey was held. If the column is a pivoted column, `column` will be an array of columns\n  onExpandRow={(index, event) => {...}} // Called when an expander is clicked. Use this to manage `expandedRows`\n/>\n

Multi-Sort

When clicking on a column header, hold shift to multi-sort! You can toggle ascending descending and none for multi-sort columns. Clicking on a header without holding shift will clear the multi-sort and replace it with the single sort of that column. It's quite handy!

Component Overrides

Though we confidently stand by the markup and architecture behind it, react-table does offer the ability to change the core componentry it uses to render everything. You can extend or override these internal components by passing a react component to it's corresponding prop on either the global props or on a one-off basis like so:

// Change the global default\nimport { ReactTableDefaults } from 'react-table'\nObject.assign(ReactTableDefaults, {\n  TableComponent: Component,\n  TheadComponent: Component,\n  TbodyComponent: Component,\n  TrGroupComponent: Component,\n  TrComponent: Component,\n  ThComponent: Component,\n  TdComponent: Component,\n  PaginationComponent: Component,\n  PreviousComponent: Component,\n  NextComponent: Component,\n  LoadingComponent: Component,\n  ExpanderComponent: Component\n})\n\n// Or change per instance\n<ReactTable\n  TableComponent={Component},\n  TheadComponent={Component},\n  // etc...\n  />\n

If you choose to change the core components React-Table uses to render, you must make sure your replacement components consume and utilize all of the supplied and inherited props that are needed for that component to function properly. We would suggest investigating the source for the component you wish to replace.

Contributing

To suggest a feature, create an issue if it does not already exist. If you would like to help develop a suggested feature follow these steps:

  • Fork this repo
  • npm install
  • npm run watch
  • Implement your changes to files in the src/ directory
  • Submit PR for review

If you would like to preview your changes as you develop, you can link and utilize our React Storybook like so:

  • npm install
  • run storybook (or run them in separate tabs)
  • Make changes to stories in /stories, or create a new one if needed
  • View changes at localhost:8000

Used By

Nozzle Logo

'},,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,function(module,exports,__webpack_require__){"use strict";function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=function(){var options=arguments.length<=0||void 0===arguments[0]?{}:arguments[0];options.numLen||0===options.numLen||(options.numLen=4);var numberLength=parseInt(options.numLen,10);options.words||0===options.words||(options.words=2);var wordCount=parseInt(options.words,10);if(wordCount<1)throw new Error("word count must be above 0");if(wordCount>4)throw new Error("word count cannot be above 4");if(numberLength<0)throw new Error("trailing number length must be above 0");var pattern=void 0;switch(wordCount){case 1:pattern="noun";break;case 2:default:pattern=(0,_random.randomFromArray)(["adjective|noun","noun|verb"]);break;case 3:pattern="adjective|noun|verb";break;case 4:pattern="adjective|noun|noun|verb"}for(var name="",splitPattern=pattern.split("|"),i=0;i0?"Unexpected "+(unexpectedKeys.length>1?"keys":"key")+" "+('"'+unexpectedKeys.join('", "')+'" found in '+argumentName+". ")+"Expected to find one of the known reducer keys instead: "+('"'+reducerKeys.join('", "')+'". Unexpected keys will be ignored.'):void 0}function assertReducerSanity(reducers){Object.keys(reducers).forEach(function(key){var reducer=reducers[key],initialState=reducer(void 0,{type:_createStore.ActionTypes.INIT});if("undefined"==typeof initialState)throw new Error('Reducer "'+key+'" returned undefined during initialization. If the state passed to the reducer is undefined, you must explicitly return the initial state. The initial state may not be undefined.');var type="@@redux/PROBE_UNKNOWN_ACTION_"+Math.random().toString(36).substring(7).split("").join(".");if("undefined"==typeof reducer(void 0,{type:type}))throw new Error('Reducer "'+key+'" returned undefined when probed with a random type. '+("Don't try to handle "+_createStore.ActionTypes.INIT+' or other actions in "redux/*" ')+"namespace. They are considered private. Instead, you must return the current state for any unknown actions, unless it is undefined, in which case you must return the initial state, regardless of the action type. The initial state may not be undefined.")})}function combineReducers(reducers){for(var reducerKeys=Object.keys(reducers),finalReducers={},i=0;iindex;)if(value=O[index++],value!=value)return!0}else for(;length>index;index++)if((IS_INCLUDES||index in O)&&O[index]===el)return IS_INCLUDES||index||0;return!IS_INCLUDES&&-1}}},function(module,exports,__webpack_require__,__webpack_module_template_argument_0__,__webpack_module_template_argument_1__){var cof=__webpack_require__(__webpack_module_template_argument_0__),TAG=__webpack_require__(__webpack_module_template_argument_1__)("toStringTag"),ARG="Arguments"==cof(function(){return arguments}()),tryGet=function(it,key){try{return it[key]}catch(e){}};module.exports=function(it){var O,T,B;return void 0===it?"Undefined":null===it?"Null":"string"==typeof(T=tryGet(O=Object(it),TAG))?T:ARG?cof(O):"Object"==(B=cof(O))&&"function"==typeof O.callee?"Arguments":B}},function(module,exports,__webpack_require__,__webpack_module_template_argument_0__,__webpack_module_template_argument_1__){"use strict";var $defineProperty=__webpack_require__(__webpack_module_template_argument_0__),createDesc=__webpack_require__(__webpack_module_template_argument_1__);module.exports=function(object,index,value){index in object?$defineProperty.f(object,index,createDesc(0,value)):object[index]=value}},function(module,exports,__webpack_require__,__webpack_module_template_argument_0__){var aFunction=__webpack_require__(__webpack_module_template_argument_0__);module.exports=function(fn,that,length){if(aFunction(fn),void 0===that)return fn;switch(length){case 1:return function(a){return fn.call(that,a)};case 2:return function(a,b){return fn.call(that,a,b)};case 3:return function(a,b,c){return fn.call(that,a,b,c)}}return function(){return fn.apply(that,arguments)}}},function(module,exports,__webpack_require__,__webpack_module_template_argument_0__){module.exports=!__webpack_require__(__webpack_module_template_argument_0__)(function(){return 7!=Object.defineProperty({},"a",{get:function(){return 7}}).a})},function(module,exports,__webpack_require__,__webpack_module_template_argument_0__,__webpack_module_template_argument_1__){var isObject=__webpack_require__(__webpack_module_template_argument_0__),document=__webpack_require__(__webpack_module_template_argument_1__).document,is=isObject(document)&&isObject(document.createElement);module.exports=function(it){return is?document.createElement(it):{}}},function(module,exports,__webpack_require__,__webpack_module_template_argument_0__,__webpack_module_template_argument_1__,__webpack_module_template_argument_2__,__webpack_module_template_argument_3__){var global=__webpack_require__(__webpack_module_template_argument_0__),core=__webpack_require__(__webpack_module_template_argument_1__),ctx=__webpack_require__(__webpack_module_template_argument_2__),hide=__webpack_require__(__webpack_module_template_argument_3__),PROTOTYPE="prototype",$export=function(type,name,source){var key,own,out,IS_FORCED=type&$export.F,IS_GLOBAL=type&$export.G,IS_STATIC=type&$export.S,IS_PROTO=type&$export.P,IS_BIND=type&$export.B,IS_WRAP=type&$export.W,exports=IS_GLOBAL?core:core[name]||(core[name]={}),expProto=exports[PROTOTYPE],target=IS_GLOBAL?global:IS_STATIC?global[name]:(global[name]||{})[PROTOTYPE];IS_GLOBAL&&(source=name);for(key in source)own=!IS_FORCED&&target&&void 0!==target[key],own&&key in exports||(out=own?target[key]:source[key],exports[key]=IS_GLOBAL&&"function"!=typeof target[key]?source[key]:IS_BIND&&own?ctx(out,global):IS_WRAP&&target[key]==out?function(C){var F=function(a,b,c){if(this instanceof C){switch(arguments.length){case 0:return new C;case 1:return new C(a);case 2:return new C(a,b)}return new C(a,b,c)}return C.apply(this,arguments)};return F[PROTOTYPE]=C[PROTOTYPE],F}(out):IS_PROTO&&"function"==typeof out?ctx(Function.call,out):out,IS_PROTO&&((exports.virtual||(exports.virtual={}))[key]=out,type&$export.R&&expProto&&!expProto[key]&&hide(expProto,key,out)))};$export.F=1,$export.G=2,$export.S=4,$export.P=8,$export.B=16,$export.W=32,$export.U=64,$export.R=128,module.exports=$export},function(module,exports,__webpack_require__,__webpack_module_template_argument_0__,__webpack_module_template_argument_1__,__webpack_module_template_argument_2__){var dP=__webpack_require__(__webpack_module_template_argument_0__),createDesc=__webpack_require__(__webpack_module_template_argument_1__);module.exports=__webpack_require__(__webpack_module_template_argument_2__)?function(object,key,value){return dP.f(object,key,createDesc(1,value))}:function(object,key,value){return object[key]=value,object}},function(module,exports,__webpack_require__,__webpack_module_template_argument_0__){module.exports=__webpack_require__(__webpack_module_template_argument_0__).document&&document.documentElement},function(module,exports,__webpack_require__,__webpack_module_template_argument_0__,__webpack_module_template_argument_1__,__webpack_module_template_argument_2__){module.exports=!__webpack_require__(__webpack_module_template_argument_0__)&&!__webpack_require__(__webpack_module_template_argument_1__)(function(){return 7!=Object.defineProperty(__webpack_require__(__webpack_module_template_argument_2__)("div"),"a",{get:function(){return 7}}).a})},function(module,exports,__webpack_require__,__webpack_module_template_argument_0__){var cof=__webpack_require__(__webpack_module_template_argument_0__);module.exports=Object("z").propertyIsEnumerable(0)?Object:function(it){return"String"==cof(it)?it.split(""):Object(it)}},function(module,exports,__webpack_require__,__webpack_module_template_argument_0__,__webpack_module_template_argument_1__){var Iterators=__webpack_require__(__webpack_module_template_argument_0__),ITERATOR=__webpack_require__(__webpack_module_template_argument_1__)("iterator"),ArrayProto=Array.prototype;module.exports=function(it){return void 0!==it&&(Iterators.Array===it||ArrayProto[ITERATOR]===it)}},function(module,exports,__webpack_require__,__webpack_module_template_argument_0__){var anObject=__webpack_require__(__webpack_module_template_argument_0__);module.exports=function(iterator,fn,value,entries){try{return entries?fn(anObject(value)[0],value[1]):fn(value)}catch(e){var ret=iterator.return;throw void 0!==ret&&anObject(ret.call(iterator)),e}}},function(module,exports,__webpack_require__,__webpack_module_template_argument_0__,__webpack_module_template_argument_1__,__webpack_module_template_argument_2__,__webpack_module_template_argument_3__,__webpack_module_template_argument_4__){"use strict";var create=__webpack_require__(__webpack_module_template_argument_0__),descriptor=__webpack_require__(__webpack_module_template_argument_1__),setToStringTag=__webpack_require__(__webpack_module_template_argument_2__),IteratorPrototype={};__webpack_require__(__webpack_module_template_argument_3__)(IteratorPrototype,__webpack_require__(__webpack_module_template_argument_4__)("iterator"),function(){return this}),module.exports=function(Constructor,NAME,next){Constructor.prototype=create(IteratorPrototype,{next:descriptor(1,next)}),setToStringTag(Constructor,NAME+" Iterator")}},function(module,exports,__webpack_require__,__webpack_module_template_argument_0__,__webpack_module_template_argument_1__,__webpack_module_template_argument_2__,__webpack_module_template_argument_3__,__webpack_module_template_argument_4__,__webpack_module_template_argument_5__,__webpack_module_template_argument_6__,__webpack_module_template_argument_7__,__webpack_module_template_argument_8__,__webpack_module_template_argument_9__){"use strict";var LIBRARY=__webpack_require__(__webpack_module_template_argument_0__),$export=__webpack_require__(__webpack_module_template_argument_1__),redefine=__webpack_require__(__webpack_module_template_argument_2__),hide=__webpack_require__(__webpack_module_template_argument_3__),has=__webpack_require__(__webpack_module_template_argument_4__),Iterators=__webpack_require__(__webpack_module_template_argument_5__),$iterCreate=__webpack_require__(__webpack_module_template_argument_6__),setToStringTag=__webpack_require__(__webpack_module_template_argument_7__),getPrototypeOf=__webpack_require__(__webpack_module_template_argument_8__),ITERATOR=__webpack_require__(__webpack_module_template_argument_9__)("iterator"),BUGGY=!([].keys&&"next"in[].keys()),FF_ITERATOR="@@iterator",KEYS="keys",VALUES="values",returnThis=function(){return this};module.exports=function(Base,NAME,Constructor,next,DEFAULT,IS_SET,FORCED){$iterCreate(Constructor,NAME,next);var methods,key,IteratorPrototype,getMethod=function(kind){if(!BUGGY&&kind in proto)return proto[kind];switch(kind){case KEYS:return function(){return new Constructor(this,kind)};case VALUES:return function(){return new Constructor(this,kind)}}return function(){return new Constructor(this,kind)}},TAG=NAME+" Iterator",DEF_VALUES=DEFAULT==VALUES,VALUES_BUG=!1,proto=Base.prototype,$native=proto[ITERATOR]||proto[FF_ITERATOR]||DEFAULT&&proto[DEFAULT],$default=$native||getMethod(DEFAULT),$entries=DEFAULT?DEF_VALUES?getMethod("entries"):$default:void 0,$anyNative="Array"==NAME?proto.entries||$native:$native;if($anyNative&&(IteratorPrototype=getPrototypeOf($anyNative.call(new Base)),IteratorPrototype!==Object.prototype&&(setToStringTag(IteratorPrototype,TAG,!0),LIBRARY||has(IteratorPrototype,ITERATOR)||hide(IteratorPrototype,ITERATOR,returnThis))),DEF_VALUES&&$native&&$native.name!==VALUES&&(VALUES_BUG=!0,$default=function(){return $native.call(this)}),LIBRARY&&!FORCED||!BUGGY&&!VALUES_BUG&&proto[ITERATOR]||hide(proto,ITERATOR,$default),Iterators[NAME]=$default,Iterators[TAG]=returnThis,DEFAULT)if(methods={values:DEF_VALUES?$default:getMethod(VALUES),keys:IS_SET?$default:getMethod(KEYS),entries:$entries},FORCED)for(key in methods)key in proto||redefine(proto,key,methods[key]);else $export($export.P+$export.F*(BUGGY||VALUES_BUG),NAME,methods);return methods}},function(module,exports,__webpack_require__,__webpack_module_template_argument_0__){var ITERATOR=__webpack_require__(__webpack_module_template_argument_0__)("iterator"),SAFE_CLOSING=!1;try{var riter=[7][ITERATOR]();riter.return=function(){SAFE_CLOSING=!0},Array.from(riter,function(){throw 2})}catch(e){}module.exports=function(exec,skipClosing){if(!skipClosing&&!SAFE_CLOSING)return!1;var safe=!1;try{var arr=[7],iter=arr[ITERATOR]();iter.next=function(){return{done:safe=!0}},arr[ITERATOR]=function(){return iter},exec(arr)}catch(e){}return safe}},function(module,exports,__webpack_require__,__webpack_module_template_argument_0__,__webpack_module_template_argument_1__,__webpack_module_template_argument_2__,__webpack_module_template_argument_3__,__webpack_module_template_argument_4__){var META=__webpack_require__(__webpack_module_template_argument_0__)("meta"),isObject=__webpack_require__(__webpack_module_template_argument_1__),has=__webpack_require__(__webpack_module_template_argument_2__),setDesc=__webpack_require__(__webpack_module_template_argument_3__).f,id=0,isExtensible=Object.isExtensible||function(){return!0},FREEZE=!__webpack_require__(__webpack_module_template_argument_4__)(function(){return isExtensible(Object.preventExtensions({}))}),setMeta=function(it){setDesc(it,META,{value:{i:"O"+ ++id,w:{}}})},fastKey=function(it,create){if(!isObject(it))return"symbol"==typeof it?it:("string"==typeof it?"S":"P")+it;if(!has(it,META)){if(!isExtensible(it))return"F";if(!create)return"E";setMeta(it)}return it[META].i},getWeak=function(it,create){if(!has(it,META)){if(!isExtensible(it))return!0;if(!create)return!1;setMeta(it)}return it[META].w},onFreeze=function(it){return FREEZE&&meta.NEED&&isExtensible(it)&&!has(it,META)&&setMeta(it),it},meta=module.exports={KEY:META,NEED:!1,fastKey:fastKey,getWeak:getWeak,onFreeze:onFreeze}},function(module,exports,__webpack_require__,__webpack_module_template_argument_0__,__webpack_module_template_argument_1__,__webpack_module_template_argument_2__,__webpack_module_template_argument_3__,__webpack_module_template_argument_4__,__webpack_module_template_argument_5__){"use strict";var getKeys=__webpack_require__(__webpack_module_template_argument_0__),gOPS=__webpack_require__(__webpack_module_template_argument_1__),pIE=__webpack_require__(__webpack_module_template_argument_2__),toObject=__webpack_require__(__webpack_module_template_argument_3__),IObject=__webpack_require__(__webpack_module_template_argument_4__),$assign=Object.assign;module.exports=!$assign||__webpack_require__(__webpack_module_template_argument_5__)(function(){var A={},B={},S=Symbol(),K="abcdefghijklmnopqrst";return A[S]=7,K.split("").forEach(function(k){B[k]=k}),7!=$assign({},A)[S]||Object.keys($assign({},B)).join("")!=K})?function(target,source){for(var T=toObject(target),aLen=arguments.length,index=1,getSymbols=gOPS.f,isEnum=pIE.f;aLen>index;)for(var key,S=IObject(arguments[index++]),keys=getSymbols?getKeys(S).concat(getSymbols(S)):getKeys(S),length=keys.length,j=0;length>j;)isEnum.call(S,key=keys[j++])&&(T[key]=S[key]);return T}:$assign},function(module,exports,__webpack_require__,__webpack_module_template_argument_0__,__webpack_module_template_argument_1__,__webpack_module_template_argument_2__,__webpack_module_template_argument_3__,__webpack_module_template_argument_4__,__webpack_module_template_argument_5__){var anObject=__webpack_require__(__webpack_module_template_argument_0__),dPs=__webpack_require__(__webpack_module_template_argument_1__),enumBugKeys=__webpack_require__(__webpack_module_template_argument_2__),IE_PROTO=__webpack_require__(__webpack_module_template_argument_3__)("IE_PROTO"),Empty=function(){},PROTOTYPE="prototype",createDict=function(){var iframeDocument,iframe=__webpack_require__(__webpack_module_template_argument_4__)("iframe"),i=enumBugKeys.length,lt="<",gt=">";for(iframe.style.display="none",__webpack_require__(__webpack_module_template_argument_5__).appendChild(iframe),iframe.src="javascript:",iframeDocument=iframe.contentWindow.document,iframeDocument.open(),iframeDocument.write(lt+"script"+gt+"document.F=Object"+lt+"/script"+gt),iframeDocument.close(),createDict=iframeDocument.F;i--;)delete createDict[PROTOTYPE][enumBugKeys[i]];return createDict()};module.exports=Object.create||function(O,Properties){var result;return null!==O?(Empty[PROTOTYPE]=anObject(O),result=new Empty,Empty[PROTOTYPE]=null,result[IE_PROTO]=O):result=createDict(),void 0===Properties?result:dPs(result,Properties)}},function(module,exports,__webpack_require__,__webpack_module_template_argument_0__,__webpack_module_template_argument_1__,__webpack_module_template_argument_2__,__webpack_module_template_argument_3__){var anObject=__webpack_require__(__webpack_module_template_argument_0__),IE8_DOM_DEFINE=__webpack_require__(__webpack_module_template_argument_1__),toPrimitive=__webpack_require__(__webpack_module_template_argument_2__),dP=Object.defineProperty;exports.f=__webpack_require__(__webpack_module_template_argument_3__)?Object.defineProperty:function(O,P,Attributes){ if(anObject(O),P=toPrimitive(P,!0),anObject(Attributes),IE8_DOM_DEFINE)try{return dP(O,P,Attributes)}catch(e){}if("get"in Attributes||"set"in Attributes)throw TypeError("Accessors not supported!");return"value"in Attributes&&(O[P]=Attributes.value),O}},function(module,exports,__webpack_require__,__webpack_module_template_argument_0__,__webpack_module_template_argument_1__,__webpack_module_template_argument_2__,__webpack_module_template_argument_3__){var dP=__webpack_require__(__webpack_module_template_argument_0__),anObject=__webpack_require__(__webpack_module_template_argument_1__),getKeys=__webpack_require__(__webpack_module_template_argument_2__);module.exports=__webpack_require__(__webpack_module_template_argument_3__)?Object.defineProperties:function(O,Properties){anObject(O);for(var P,keys=getKeys(Properties),length=keys.length,i=0;length>i;)dP.f(O,P=keys[i++],Properties[P]);return O}},function(module,exports,__webpack_require__,__webpack_module_template_argument_0__,__webpack_module_template_argument_1__,__webpack_module_template_argument_2__){var has=__webpack_require__(__webpack_module_template_argument_0__),toObject=__webpack_require__(__webpack_module_template_argument_1__),IE_PROTO=__webpack_require__(__webpack_module_template_argument_2__)("IE_PROTO"),ObjectProto=Object.prototype;module.exports=Object.getPrototypeOf||function(O){return O=toObject(O),has(O,IE_PROTO)?O[IE_PROTO]:"function"==typeof O.constructor&&O instanceof O.constructor?O.constructor.prototype:O instanceof Object?ObjectProto:null}},function(module,exports,__webpack_require__,__webpack_module_template_argument_0__,__webpack_module_template_argument_1__,__webpack_module_template_argument_2__,__webpack_module_template_argument_3__){var has=__webpack_require__(__webpack_module_template_argument_0__),toIObject=__webpack_require__(__webpack_module_template_argument_1__),arrayIndexOf=__webpack_require__(__webpack_module_template_argument_2__)(!1),IE_PROTO=__webpack_require__(__webpack_module_template_argument_3__)("IE_PROTO");module.exports=function(object,names){var key,O=toIObject(object),i=0,result=[];for(key in O)key!=IE_PROTO&&has(O,key)&&result.push(key);for(;names.length>i;)has(O,key=names[i++])&&(~arrayIndexOf(result,key)||result.push(key));return result}},function(module,exports,__webpack_require__,__webpack_module_template_argument_0__,__webpack_module_template_argument_1__){var $keys=__webpack_require__(__webpack_module_template_argument_0__),enumBugKeys=__webpack_require__(__webpack_module_template_argument_1__);module.exports=Object.keys||function(O){return $keys(O,enumBugKeys)}},function(module,exports,__webpack_require__,__webpack_module_template_argument_0__,__webpack_module_template_argument_1__,__webpack_module_template_argument_2__){var $export=__webpack_require__(__webpack_module_template_argument_0__),core=__webpack_require__(__webpack_module_template_argument_1__),fails=__webpack_require__(__webpack_module_template_argument_2__);module.exports=function(KEY,exec){var fn=(core.Object||{})[KEY]||Object[KEY],exp={};exp[KEY]=exec(fn),$export($export.S+$export.F*fails(function(){fn(1)}),"Object",exp)}},function(module,exports,__webpack_require__,__webpack_module_template_argument_0__){module.exports=__webpack_require__(__webpack_module_template_argument_0__)},function(module,exports,__webpack_require__,__webpack_module_template_argument_0__,__webpack_module_template_argument_1__,__webpack_module_template_argument_2__){var def=__webpack_require__(__webpack_module_template_argument_0__).f,has=__webpack_require__(__webpack_module_template_argument_1__),TAG=__webpack_require__(__webpack_module_template_argument_2__)("toStringTag");module.exports=function(it,tag,stat){it&&!has(it=stat?it:it.prototype,TAG)&&def(it,TAG,{configurable:!0,value:tag})}},function(module,exports,__webpack_require__,__webpack_module_template_argument_0__,__webpack_module_template_argument_1__){var shared=__webpack_require__(__webpack_module_template_argument_0__)("keys"),uid=__webpack_require__(__webpack_module_template_argument_1__);module.exports=function(key){return shared[key]||(shared[key]=uid(key))}},function(module,exports,__webpack_require__,__webpack_module_template_argument_0__){var global=__webpack_require__(__webpack_module_template_argument_0__),SHARED="__core-js_shared__",store=global[SHARED]||(global[SHARED]={});module.exports=function(key){return store[key]||(store[key]={})}},function(module,exports,__webpack_require__,__webpack_module_template_argument_0__,__webpack_module_template_argument_1__){var toInteger=__webpack_require__(__webpack_module_template_argument_0__),defined=__webpack_require__(__webpack_module_template_argument_1__);module.exports=function(TO_STRING){return function(that,pos){var a,b,s=String(defined(that)),i=toInteger(pos),l=s.length;return i<0||i>=l?TO_STRING?"":void 0:(a=s.charCodeAt(i),a<55296||a>56319||i+1===l||(b=s.charCodeAt(i+1))<56320||b>57343?TO_STRING?s.charAt(i):a:TO_STRING?s.slice(i,i+2):(a-55296<<10)+(b-56320)+65536)}}},function(module,exports,__webpack_require__,__webpack_module_template_argument_0__){var toInteger=__webpack_require__(__webpack_module_template_argument_0__),max=Math.max,min=Math.min;module.exports=function(index,length){return index=toInteger(index),index<0?max(index+length,0):min(index,length)}},function(module,exports,__webpack_require__,__webpack_module_template_argument_0__,__webpack_module_template_argument_1__){var IObject=__webpack_require__(__webpack_module_template_argument_0__),defined=__webpack_require__(__webpack_module_template_argument_1__);module.exports=function(it){return IObject(defined(it))}},function(module,exports,__webpack_require__,__webpack_module_template_argument_0__){var toInteger=__webpack_require__(__webpack_module_template_argument_0__),min=Math.min;module.exports=function(it){return it>0?min(toInteger(it),9007199254740991):0}},function(module,exports,__webpack_require__,__webpack_module_template_argument_0__){var defined=__webpack_require__(__webpack_module_template_argument_0__);module.exports=function(it){return Object(defined(it))}},function(module,exports,__webpack_require__,__webpack_module_template_argument_0__){var isObject=__webpack_require__(__webpack_module_template_argument_0__);module.exports=function(it,S){if(!isObject(it))return it;var fn,val;if(S&&"function"==typeof(fn=it.toString)&&!isObject(val=fn.call(it)))return val;if("function"==typeof(fn=it.valueOf)&&!isObject(val=fn.call(it)))return val;if(!S&&"function"==typeof(fn=it.toString)&&!isObject(val=fn.call(it)))return val;throw TypeError("Can't convert object to primitive value")}},function(module,exports,__webpack_require__,__webpack_module_template_argument_0__,__webpack_module_template_argument_1__,__webpack_module_template_argument_2__){var store=__webpack_require__(__webpack_module_template_argument_0__)("wks"),uid=__webpack_require__(__webpack_module_template_argument_1__),Symbol=__webpack_require__(__webpack_module_template_argument_2__).Symbol,USE_SYMBOL="function"==typeof Symbol,$exports=module.exports=function(name){return store[name]||(store[name]=USE_SYMBOL&&Symbol[name]||(USE_SYMBOL?Symbol:uid)("Symbol."+name))};$exports.store=store},function(module,exports,__webpack_require__,__webpack_module_template_argument_0__,__webpack_module_template_argument_1__,__webpack_module_template_argument_2__,__webpack_module_template_argument_3__){var classof=__webpack_require__(__webpack_module_template_argument_0__),ITERATOR=__webpack_require__(__webpack_module_template_argument_1__)("iterator"),Iterators=__webpack_require__(__webpack_module_template_argument_2__);module.exports=__webpack_require__(__webpack_module_template_argument_3__).getIteratorMethod=function(it){if(void 0!=it)return it[ITERATOR]||it["@@iterator"]||Iterators[classof(it)]}},function(module,exports,__webpack_require__,__webpack_module_template_argument_0__,__webpack_module_template_argument_1__,__webpack_module_template_argument_2__,__webpack_module_template_argument_3__,__webpack_module_template_argument_4__,__webpack_module_template_argument_5__,__webpack_module_template_argument_6__,__webpack_module_template_argument_7__,__webpack_module_template_argument_8__){"use strict";var ctx=__webpack_require__(__webpack_module_template_argument_0__),$export=__webpack_require__(__webpack_module_template_argument_1__),toObject=__webpack_require__(__webpack_module_template_argument_2__),call=__webpack_require__(__webpack_module_template_argument_3__),isArrayIter=__webpack_require__(__webpack_module_template_argument_4__),toLength=__webpack_require__(__webpack_module_template_argument_5__),createProperty=__webpack_require__(__webpack_module_template_argument_6__),getIterFn=__webpack_require__(__webpack_module_template_argument_7__);$export($export.S+$export.F*!__webpack_require__(__webpack_module_template_argument_8__)(function(iter){Array.from(iter)}),"Array",{from:function(arrayLike){var length,result,step,iterator,O=toObject(arrayLike),C="function"==typeof this?this:Array,aLen=arguments.length,mapfn=aLen>1?arguments[1]:void 0,mapping=void 0!==mapfn,index=0,iterFn=getIterFn(O);if(mapping&&(mapfn=ctx(mapfn,aLen>2?arguments[2]:void 0,2)),void 0==iterFn||C==Array&&isArrayIter(iterFn))for(length=toLength(O.length),result=new C(length);length>index;index++)createProperty(result,index,mapping?mapfn(O[index],index):O[index]);else for(iterator=iterFn.call(O),result=new C;!(step=iterator.next()).done;index++)createProperty(result,index,mapping?call(iterator,mapfn,[step.value,index],!0):step.value);return result.length=index,result}})},function(module,exports,__webpack_require__,__webpack_module_template_argument_0__,__webpack_module_template_argument_1__){var $export=__webpack_require__(__webpack_module_template_argument_0__);$export($export.S+$export.F,"Object",{assign:__webpack_require__(__webpack_module_template_argument_1__)})},function(module,exports,__webpack_require__,__webpack_module_template_argument_0__,__webpack_module_template_argument_1__,__webpack_module_template_argument_2__){var $export=__webpack_require__(__webpack_module_template_argument_0__);$export($export.S+$export.F*!__webpack_require__(__webpack_module_template_argument_1__),"Object",{defineProperties:__webpack_require__(__webpack_module_template_argument_2__)})},function(module,exports,__webpack_require__,__webpack_module_template_argument_0__,__webpack_module_template_argument_1__,__webpack_module_template_argument_2__){var $export=__webpack_require__(__webpack_module_template_argument_0__);$export($export.S+$export.F*!__webpack_require__(__webpack_module_template_argument_1__),"Object",{defineProperty:__webpack_require__(__webpack_module_template_argument_2__).f})},function(module,exports,__webpack_require__,__webpack_module_template_argument_0__,__webpack_module_template_argument_1__,__webpack_module_template_argument_2__){var isObject=__webpack_require__(__webpack_module_template_argument_0__),meta=__webpack_require__(__webpack_module_template_argument_1__).onFreeze;__webpack_require__(__webpack_module_template_argument_2__)("freeze",function($freeze){return function(it){return $freeze&&isObject(it)?$freeze(meta(it)):it}})},function(module,exports,__webpack_require__,__webpack_module_template_argument_0__,__webpack_module_template_argument_1__){"use strict";var $at=__webpack_require__(__webpack_module_template_argument_0__)(!0);__webpack_require__(__webpack_module_template_argument_1__)(String,"String",function(iterated){this._t=String(iterated),this._i=0},function(){var point,O=this._t,index=this._i;return index>=O.length?{value:void 0,done:!0}:(point=$at(O,index),this._i+=point.length,{value:point,done:!1})})},,,,,,,function(module,exports,__webpack_require__,__webpack_module_template_argument_0__){"use strict";var _prodInvariant=__webpack_require__(__webpack_module_template_argument_0__),invariant=__webpack_require__(1),oneArgumentPooler=function(copyFieldsFrom){var Klass=this;if(Klass.instancePool.length){var instance=Klass.instancePool.pop();return Klass.call(instance,copyFieldsFrom),instance}return new Klass(copyFieldsFrom)},twoArgumentPooler=function(a1,a2){var Klass=this;if(Klass.instancePool.length){var instance=Klass.instancePool.pop();return Klass.call(instance,a1,a2),instance}return new Klass(a1,a2)},threeArgumentPooler=function(a1,a2,a3){var Klass=this;if(Klass.instancePool.length){var instance=Klass.instancePool.pop();return Klass.call(instance,a1,a2,a3),instance}return new Klass(a1,a2,a3)},fourArgumentPooler=function(a1,a2,a3,a4){var Klass=this;if(Klass.instancePool.length){var instance=Klass.instancePool.pop();return Klass.call(instance,a1,a2,a3,a4),instance}return new Klass(a1,a2,a3,a4)},standardReleaser=function(instance){var Klass=this;instance instanceof Klass?void 0:"production"!=={NODE_ENV:"production",PUBLIC_URL:"."}.NODE_ENV?invariant(!1,"Trying to release an instance into a pool of a different type."):_prodInvariant("25"),instance.destructor(),Klass.instancePool.length