Changed Packages
+This release bump following packages:
+
+react-bootstrap-table-next@0.1.9react-bootstrap-table2-editor@0.2.0react-bootstrap-table2-paginator@0.1.2
+Changelog
+Bug fixes
+N/A
+Features
+
+- Rich cell editors(#322)
+- Allow to custom cell editors(#322)
+- Implement pagination total indication(#323)
+
+Enhancements
+
+rowEvents support onDoubleClick(#324)
+Changed Packages
This release bump following packages:
react-bootstrap-table-next@0.1.8- Column Level (Configure column.editable as bool value)
- Cell Level (Configure column.editable as a callback function)
-Editing Cell
+Validation
+column.validator will help you to work on it!
+Customize Style/Class
-Editor
-
-Validation
-column.validator will help you to work on it!
+Rich Editors
+react-bootstrap-table2 have following predefined editor:
+
+- Text(Default)
+- Dropdown
+- Date
+- Textarea
+- Checkbox
+
+In a nutshell, you just only give a column.editor and define the type:
+import { Type } from 'react-bootstrap-table2-editor';
+const columns = [
+ ..., {
+ dataField: 'done',
+ text: 'Done',
+ editor: {
+ type: Type.SELECT | Type.TEXTAREA | Type.CHECKBOX | Type.DATE,
+ ...
+ }
+ }
+]
+
+In the following, we go though all the predefined editors:
+Dropdown Editor
+Dropdown editor give a select menu to choose a data from a list, the editor.options is required property for dropdown editor.
+import { Type } from 'react-bootstrap-table2-editor';
+const columns = [
+ ..., {
+ dataField: 'type',
+ text: 'Job Type',
+ editor: {
+ type: Type.SELECT,
+ options: [{
+ value: 'A',
+ label: 'A'
+ }, {
+ value: 'B',
+ label: 'B'
+ }, {
+ value: 'C',
+ label: 'C'
+ }, {
+ value: 'D',
+ label: 'D'
+ }, {
+ value: 'E',
+ label: 'E'
+ }]
+ }
+}];
+
+Date Editor
+Date editor is use <input type="date">, the configuration is very simple:
+const columns = [
+ ..., {
+ dataField: 'inStockDate',
+ text: 'Stock Date',
+ formatter: (cell) => {
+ let dateObj = cell;
+ if (typeof cell !== 'object') {
+ dateObj = new Date(cell);
+ }
+ return `${('0' + dateObj.getDate()).slice(-2)}/${('0' + (dateObj.getMonth() + 1)).slice(-2)}/${dateObj.getFullYear()}`;
+ },
+ editor: {
+ type: Type.DATE
+ }
+}];
+
+Textarea Editor
+Textarea editor is use <input type="textarea">, user can press ENTER to change line and in the react-bootstrap-table2, user allow to save result via press SHIFT + ENTER.
+const columns = [
+ ..., {
+ dataField: 'comment',
+ text: 'Product Comments',
+ editor: {
+ type: Type.TEXTAREA
+ }
+}];
+
+Checkbox Editor
+Checkbox editor allow you to have a pair value choice, the editor.value is required value to represent the actual value for check and uncheck.
+const columns = [
+ ..., {
+ dataField: 'comment',
+ text: 'Product Comments',
+ editor: {
+ type: Type.CHECKBOX,
+ value: 'Y:N'
+ }
+}];
+
+Customize Editor
+If you feel above predefined editors are not satisfied to your requirement, you can certainly custom the editor via column.editorRenderer. It accept a function and pass following arguments when function called:
+
+editorProps: Some useful attributes you can use on DOM editor, like class, style etc.value: Current cell valuerow: Current row datacolumn: Current column definitionrowIndex: Current row indexcolumnIndex: Current column index
+
+Note when implement a custom React editor component, this component should have a getValue function which return current value on editor
+
+
+Note when you want to save value, you can call editorProps.onUpdate function
+
+Following is a short example:
+class QualityRanger extends React.Component {
+ static propTypes = {
+ value: PropTypes.number,
+ onUpdate: PropTypes.func.isRequired
+ }
+ static defaultProps = {
+ value: 0
+ }
+ getValue() {
+ return parseInt(this.range.value, 10);
+ }
+ render() {
+ const { value, onUpdate, ...rest } = this.props;
+ return [
+ <input
+ { ...rest }
+ key="range"
+ ref={ node => this.range = node }
+ type="range"
+ min="0"
+ max="100"
+ />,
+ <button
+ key="submit"
+ className="btn btn-default"
+ onClick={ () => onUpdate(this.getValue()) }
+ >
+ done
+ </button>
+ ];
+ }
+}
+
+const columns = [
+ ..., {
+ dataField: 'quality',
+ text: 'Product Quality',
+ editorRenderer: (editorProps, value, row, column, rowIndex, columnIndex) => (
+ <QualityRanger { ...editorProps } value={ value } />
+ )
+}];
+
\ No newline at end of file
diff --git a/docs/basic-row.html b/docs/basic-row.html
index 7357151..e1dd721 100644
--- a/docs/basic-row.html
+++ b/docs/basic-row.html
@@ -19,6 +19,7 @@
Currently, react-bootstrap-table2 only wrapped up the following events to allow its callback to receive row and rowIndex, for example:
onClickonDoubleClickonMouseEnteronMouseLeave
diff --git a/docs/column-props.html b/docs/column-props.html
index 80c95a6..7b64b95 100644
--- a/docs/column-props.html
+++ b/docs/column-props.html
@@ -39,6 +39,8 @@
editCellClasses
editorStyle
editorClasses
+
editor
+
editorRenderer
filter
filterValue
@@ -430,6 +432,81 @@ overwrited when other props related to HTML attributes were given.
This is almost same as column.editCellStyle, but column.editorStyle is for custom the style on editor instead of cell(td).
column.editorClasses - [String | Function]
This is almost same as column.editCellClasses, but column.editorClasses is for custom the class on editor instead of cell(td).
+
column.editor - [Object]
+
column.editor allow you to custom the type of cell editor by following predefined type:
+
+- Text(Default)
+- Dropdown
+- Date
+- Textarea
+- Checkbox
+
+
Following is a quite example:
+
import cellEditFactory, { Type } from 'react-bootstrap-table2-editor';
+
+const columns = [
+
+ , {
+ dataField: 'done',
+ text: 'Done',
+ editor: {
+ type: Type.CHECKBOX,
+ value: 'Y:N'
+ }
+ }
+];
+
+
Please check here for more detail about rich editors.
+
column.editorRenderer - [Function]
+
If you feel above predefined editors are not satisfied to your requirement, you can totally custom the editor via column.editorRenderer:
+
import cellEditFactory, { Type } from 'react-bootstrap-table2-editor';
+
+
+class QualityRanger extends React.Component {
+ static propTypes = {
+ value: PropTypes.number,
+ onUpdate: PropTypes.func.isRequired
+ }
+ static defaultProps = {
+ value: 0
+ }
+ getValue() {
+ return parseInt(this.range.value, 10);
+ }
+ render() {
+ const { value, onUpdate, ...rest } = this.props;
+ return [
+ <input
+ { ...rest }
+ key="range"
+ ref={ node => this.range = node }
+ type="range"
+ min="0"
+ max="100"
+ />,
+ <button
+ key="submit"
+ className="btn btn-default"
+ onClick={ () => onUpdate(this.getValue()) }
+ >
+ done
+ </button>
+ ];
+ }
+}
+
+
+const columns = [
+ //...
+ , {
+ dataField: 'done',
+ text: 'Done',
+ editorRenderer: (editorProps, value, row, column, rowIndex, columnIndex) =>
+ <QualityRanger { ...editorProps } value={ value } />;
+ }
+];
+
+
Please check here for more detail.
column.filter - [Object]
Configure column.filter will able to setup a column level filter on the header column. Currently, react-bootstrap-table2 support following filters:
pagination.page - [Number]
@@ -87,9 +88,11 @@
pagination.lastPageTitle - [Any]
A quick way to specify the title on the last page button.
pagination.hideSizePerPage - [Bool]
-
You can hide it :)
+
You can hide the size per page dropdown.
pagination.hidePageListOnlyOnePage - [Bool]
You can hide the pagination when there's only one page in table. Default is false.
+
pagination.showTotal - [Bool]
+
Default is false, if enable will display a text to indicate the row range of current page.
pagination.onPageChange - [Function]
Accept a callback function and will be called when page changed. This callback function get below arguments:
Arguments
diff --git a/sitemap.xml b/sitemap.xml
index 9f13632..790ce59 100644
--- a/sitemap.xml
+++ b/sitemap.xml
@@ -3,6 +3,7 @@
https://react-bootstrap-table.github.io/help.html weekly 0.5
https://react-bootstrap-table.github.io/index.html weekly 0.5
https://react-bootstrap-table.github.io/users.html weekly 0.5
+
https://react-bootstrap-table.github.io/blog/2018/05/07/version-bump.html weekly 0.3
https://react-bootstrap-table.github.io/blog/2018/04/15/version-bump.html weekly 0.3
https://react-bootstrap-table.github.io/blog/2018/04/01/version-bump.html weekly 0.3
https://react-bootstrap-table.github.io/blog/2018/03/19/version.bump.html weekly 0.3
diff --git a/storybook/static/manager.17d096c23b388979a410.bundle.js b/storybook/static/manager.17d096c23b388979a410.bundle.js
deleted file mode 100644
index f2bfa45..0000000
--- a/storybook/static/manager.17d096c23b388979a410.bundle.js
+++ /dev/null
@@ -1 +0,0 @@
-!function(modules){var installedModules={};function __webpack_require__(moduleId){if(installedModules[moduleId])return installedModules[moduleId].exports;var module=installedModules[moduleId]={i:moduleId,l:!1,exports:{}};return modules[moduleId].call(module.exports,module,module.exports,__webpack_require__),module.l=!0,module.exports}__webpack_require__.m=modules,__webpack_require__.c=installedModules,__webpack_require__.d=function(exports,name,getter){__webpack_require__.o(exports,name)||Object.defineProperty(exports,name,{configurable:!1,enumerable:!0,get:getter})},__webpack_require__.n=function(module){var getter=module&&module.__esModule?function getDefault(){return module.default}:function getModuleExports(){return module};return __webpack_require__.d(getter,"a",getter),getter},__webpack_require__.o=function(object,property){return Object.prototype.hasOwnProperty.call(object,property)},__webpack_require__.p="",__webpack_require__(__webpack_require__.s=783)}([function(module,exports,__webpack_require__){"use strict";module.exports=__webpack_require__(298)},,,,function(module,exports,__webpack_require__){module.exports=__webpack_require__(343)()},function(module,exports,__webpack_require__){"use strict";exports.__esModule=!0,exports.default=function(instance,Constructor){if(!(instance instanceof Constructor))throw new TypeError("Cannot call a class as a function")}},function(module,exports,__webpack_require__){"use strict";exports.__esModule=!0;var _defineProperty2=function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}(__webpack_require__(115));exports.default=function(){function defineProperties(target,props){for(var i=0;i
2?arguments[2]:{},props=keys(map);hasSymbols&&(props=props.concat(Object.getOwnPropertySymbols(map))),foreach(props,function(name){defineProperty(object,name,map[name],predicates[name])})};defineProperties.supportsDescriptors=!!supportsDescriptors,module.exports=defineProperties},function(module,exports,__webpack_require__){module.exports=!__webpack_require__(31)(function(){return 7!=Object.defineProperty({},"a",{get:function(){return 7}}).a})},function(module,exports,__webpack_require__){"use strict";exports.__esModule=!0;var _defineProperty2=function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}(__webpack_require__(115));exports.default=function(obj,key,value){return key in obj?(0,_defineProperty2.default)(obj,key,{value:value,enumerable:!0,configurable:!0,writable:!0}):obj[key]=value,obj}},function(module,exports){var g;g=function(){return this}();try{g=g||Function("return this")()||(0,eval)("this")}catch(e){"object"==typeof window&&(g=window)}module.exports=g},,function(module,exports,__webpack_require__){var aFunction=__webpack_require__(55);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){var global=module.exports="undefined"!=typeof window&&window.Math==Math?window:"undefined"!=typeof self&&self.Math==Math?self:Function("return this")();"number"==typeof __g&&(__g=global)},function(module,exports){var hasOwnProperty={}.hasOwnProperty;module.exports=function(it,key){return hasOwnProperty.call(it,key)}},function(module,exports,__webpack_require__){var store=__webpack_require__(96)("wks"),uid=__webpack_require__(53),Symbol=__webpack_require__(26).Symbol,USE_SYMBOL="function"==typeof Symbol;(module.exports=function(name){return store[name]||(store[name]=USE_SYMBOL&&Symbol[name]||(USE_SYMBOL?Symbol:uid)("Symbol."+name))}).store=store},function(module,exports,__webpack_require__){"use strict";var implementation=__webpack_require__(259);module.exports=Function.prototype.bind||implementation},function(module,exports,__webpack_require__){var dP=__webpack_require__(19),createDesc=__webpack_require__(56);module.exports=__webpack_require__(21)?function(object,key,value){return dP.f(object,key,createDesc(1,value))}:function(object,key,value){return object[key]=value,object}},function(module,exports){module.exports=function(exec){try{return!!exec()}catch(e){return!0}}},function(module,exports){var hasOwnProperty={}.hasOwnProperty;module.exports=function(it,key){return hasOwnProperty.call(it,key)}},function(module,exports,__webpack_require__){"use strict";exports.__esModule=!0;var _from2=function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}(__webpack_require__(204));exports.default=function(arr){if(Array.isArray(arr)){for(var i=0,arr2=Array(arr.length);i=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_require__(311);for(var global=__webpack_require__(12),hide=__webpack_require__(30),Iterators=__webpack_require__(47),TO_STRING_TAG=__webpack_require__(13)("toStringTag"),DOMIterables="CSSRuleList,CSSStyleDeclaration,CSSValueList,ClientRectList,DOMRectList,DOMStringList,DOMTokenList,DataTransferItemList,FileList,HTMLAllCollection,HTMLCollection,HTMLFormElement,HTMLSelectElement,MediaList,MimeTypeArray,NamedNodeMap,NodeList,PaintRequestList,Plugin,PluginArray,SVGLengthList,SVGNumberList,SVGPathSegList,SVGPointList,SVGStringList,SVGTransformList,SourceBufferList,StyleSheetList,TextTrackCueList,TextTrackList,TouchList".split(","),i=0;i=0||Object.prototype.hasOwnProperty.call(obj,i)&&(target[i]=obj[i]);return target}},function(module,exports){var core=module.exports={version:"2.5.3"};"number"==typeof __e&&(__e=core)},function(module,exports){module.exports=function(it){return"object"==typeof it?null!==it:"function"==typeof it}},function(module,exports){var id=0,px=Math.random();module.exports=function(key){return"Symbol(".concat(void 0===key?"":key,")_",(++id+px).toString(36))}},function(module,exports,__webpack_require__){var bind=__webpack_require__(29);module.exports=bind.call(Function.call,Object.prototype.hasOwnProperty)},function(module,exports){module.exports=function(it){if("function"!=typeof it)throw TypeError(it+" is not a function!");return it}},function(module,exports){module.exports=function(bitmap,value){return{enumerable:!(1&bitmap),configurable:!(2&bitmap),writable:!(4&bitmap),value:value}}},function(module,exports,__webpack_require__){var $keys=__webpack_require__(169),enumBugKeys=__webpack_require__(113);module.exports=Object.keys||function keys(O){return $keys(O,enumBugKeys)}},function(module,exports){var toString={}.toString;module.exports=function(it){return toString.call(it).slice(8,-1)}},function(module,exports,__webpack_require__){"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.AddonStore=void 0;var _keys2=_interopRequireDefault(__webpack_require__(46)),_classCallCheck3=_interopRequireDefault(__webpack_require__(5)),_createClass3=_interopRequireDefault(__webpack_require__(6));function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}var AddonStore=exports.AddonStore=function(){function AddonStore(){(0,_classCallCheck3.default)(this,AddonStore),this.loaders={},this.panels={},this.channel=null,this.preview=null,this.database=null}return(0,_createClass3.default)(AddonStore,[{key:"getChannel",value:function getChannel(){if(!this.channel)throw new Error("Accessing nonexistent addons channel, see https://storybook.js.org/basics/faq/#why-is-there-no-addons-channel");return this.channel}},{key:"setChannel",value:function setChannel(channel){this.channel=channel}},{key:"getPreview",value:function getPreview(){return this.preview}},{key:"setPreview",value:function setPreview(preview){this.preview=preview}},{key:"getDatabase",value:function getDatabase(){return this.database}},{key:"setDatabase",value:function setDatabase(database){this.database=database}},{key:"getPanels",value:function getPanels(){return this.panels}},{key:"addPanel",value:function addPanel(name,panel){this.panels[name]=panel}},{key:"register",value:function register(name,loader){this.loaders[name]=loader}},{key:"loadAddons",value:function loadAddons(api){var _this=this;(0,_keys2.default)(this.loaders).map(function(name){return _this.loaders[name]}).forEach(function(loader){return loader(api)})}}]),AddonStore}();exports.default=new AddonStore},function(module,exports,__webpack_require__){var def=__webpack_require__(19).f,has=__webpack_require__(32),TAG=__webpack_require__(13)("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__){var ctx=__webpack_require__(25),call=__webpack_require__(173),isArrayIter=__webpack_require__(174),anObject=__webpack_require__(18),toLength=__webpack_require__(75),getIterFn=__webpack_require__(117),BREAK={},RETURN={};(exports=module.exports=function(iterable,entries,fn,that,ITERATOR){var length,step,iterator,result,iterFn=ITERATOR?function(){return iterable}:getIterFn(iterable),f=ctx(fn,that,entries?2:1),index=0;if("function"!=typeof iterFn)throw TypeError(iterable+" is not iterable!");if(isArrayIter(iterFn)){for(length=toLength(iterable.length);length>index;index++)if((result=entries?f(anObject(step=iterable[index])[0],step[1]):f(iterable[index]))===BREAK||result===RETURN)return result}else for(iterator=iterFn.call(iterable);!(step=iterator.next()).done;)if((result=call(iterator,f,step.value,entries))===BREAK||result===RETURN)return result}).BREAK=BREAK,exports.RETURN=RETURN},function(module,exports,__webpack_require__){var META=__webpack_require__(76)("meta"),isObject=__webpack_require__(14),has=__webpack_require__(32),setDesc=__webpack_require__(19).f,id=0,isExtensible=Object.isExtensible||function(){return!0},FREEZE=!__webpack_require__(31)(function(){return isExtensible(Object.preventExtensions({}))}),setMeta=function(it){setDesc(it,META,{value:{i:"O"+ ++id,w:{}}})},meta=module.exports={KEY:META,NEED:!1,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}}},,function(module,exports,__webpack_require__){"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var _manager=__webpack_require__(346);Object.defineProperty(exports,"register",{enumerable:!0,get:function get(){return _manager.register}});var _preview=__webpack_require__(431);Object.defineProperty(exports,"action",{enumerable:!0,get:function get(){return _preview.action}}),Object.defineProperty(exports,"decorateAction",{enumerable:!0,get:function get(){return _preview.decorateAction}});var ADDON_ID=exports.ADDON_ID="storybook/actions";exports.PANEL_ID=ADDON_ID+"/actions-panel",exports.EVENT_ID=ADDON_ID+"/action-event"},function(module,exports,__webpack_require__){"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.typeReplacer=exports.typeReviver=exports.prepareArguments=exports.muteProperty=exports.isObject=exports.getPropertiesList=exports.canConfigureName=void 0;var _canConfigureName3=_interopRequireDefault(__webpack_require__(187)),_getPropertiesList3=_interopRequireDefault(__webpack_require__(383)),_isObject3=_interopRequireDefault(__webpack_require__(384)),_muteProperty3=_interopRequireDefault(__webpack_require__(385)),_prepareArguments3=_interopRequireDefault(__webpack_require__(386)),_typeReviver3=_interopRequireDefault(__webpack_require__(387)),_typeReplacer3=_interopRequireDefault(__webpack_require__(408));function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}exports.canConfigureName=_canConfigureName3.default,exports.getPropertiesList=_getPropertiesList3.default,exports.isObject=_isObject3.default,exports.muteProperty=_muteProperty3.default,exports.prepareArguments=_prepareArguments3.default,exports.typeReviver=_typeReviver3.default,exports.typeReplacer=_typeReplacer3.default},,,function(module,exports){module.exports=function isObject(value){var type=typeof value;return!!value&&("object"==type||"function"==type)}},function(module,exports){module.exports=function(exec){try{return!!exec()}catch(e){return!0}}},function(module,exports,__webpack_require__){var isObject=__webpack_require__(52);module.exports=function(it){if(!isObject(it))throw TypeError(it+" is not an object!");return it}},function(module,exports){module.exports=function(bitmap,value){return{enumerable:!(1&bitmap),configurable:!(2&bitmap),writable:!(4&bitmap),value:value}}},function(module,exports,__webpack_require__){var global=__webpack_require__(26),hide=__webpack_require__(41),has=__webpack_require__(27),SRC=__webpack_require__(53)("src"),$toString=Function.toString,TPL=(""+$toString).split("toString");__webpack_require__(51).inspectSource=function(it){return $toString.call(it)},(module.exports=function(O,key,val,safe){var isFunction="function"==typeof val;isFunction&&(has(val,"name")||hide(val,"name",key)),O[key]!==val&&(isFunction&&(has(val,SRC)||hide(val,SRC,O[key]?""+O[key]:TPL.join(String(key)))),O===global?O[key]=val:safe?O[key]?O[key]=val:hide(O,key,val):(delete O[key],hide(O,key,val)))})(Function.prototype,"toString",function toString(){return"function"==typeof this&&this[SRC]||$toString.call(this)})},function(module,exports,__webpack_require__){"use strict";var fnToStr=Function.prototype.toString,constructorRegex=/^\s*class /,isES6ClassFn=function isES6ClassFn(value){try{var spaceStripped=fnToStr.call(value).replace(/\/\/.*\n/g,"").replace(/\/\*[.\s\S]*\*\//g,"").replace(/\n/gm," ").replace(/ {2}/g," ");return constructorRegex.test(spaceStripped)}catch(e){return!1}},toStr=Object.prototype.toString,hasToStringTag="function"==typeof Symbol&&"symbol"==typeof Symbol.toStringTag;module.exports=function isCallable(value){if(!value)return!1;if("function"!=typeof value&&"object"!=typeof value)return!1;if(hasToStringTag)return function tryFunctionObject(value){try{return!isES6ClassFn(value)&&(fnToStr.call(value),!0)}catch(e){return!1}}(value);if(isES6ClassFn(value))return!1;var strClass=toStr.call(value);return"[object Function]"===strClass||"[object GeneratorFunction]"===strClass}},function(module,exports,__webpack_require__){module.exports={default:__webpack_require__(299),__esModule:!0}},function(module,exports,__webpack_require__){var toInteger=__webpack_require__(110),min=Math.min;module.exports=function(it){return it>0?min(toInteger(it),9007199254740991):0}},function(module,exports){var id=0,px=Math.random();module.exports=function(key){return"Symbol(".concat(void 0===key?"":key,")_",(++id+px).toString(36))}},function(module,exports){exports.f={}.propertyIsEnumerable},function(module,exports){module.exports=!0},,function(module,exports,__webpack_require__){"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.reviver=exports.retrocycle=exports.decycle=exports.CYCLIC_KEY=void 0;var _decycle3=_interopRequireDefault(__webpack_require__(367)),_retrocycle3=_interopRequireDefault(__webpack_require__(409)),_reviver3=_interopRequireDefault(__webpack_require__(188));function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}exports.CYCLIC_KEY="$___storybook.isCyclic";exports.decycle=_decycle3.default,exports.retrocycle=_retrocycle3.default,exports.reviver=_reviver3.default},function(module,exports,__webpack_require__){"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var _extends3=_interopRequireDefault(__webpack_require__(8)),_react2=_interopRequireDefault(__webpack_require__(0)),_propTypes2=_interopRequireDefault(__webpack_require__(4)),_createStyles2=_interopRequireDefault(__webpack_require__(34));function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}var ObjectName=function ObjectName(_ref,_ref2){var name=_ref.name,dimmed=_ref.dimmed,styles=_ref.styles,theme=_ref2.theme,themeStyles=(0,_createStyles2.default)("ObjectName",theme),appliedStyles=(0,_extends3.default)({},themeStyles.base,dimmed?themeStyles.dimmed:{},styles);return _react2.default.createElement("span",{style:appliedStyles},name)};ObjectName.propTypes={name:_propTypes2.default.string,dimmed:_propTypes2.default.bool},ObjectName.defaultProps={dimmed:!1},ObjectName.contextTypes={theme:_propTypes2.default.oneOfType([_propTypes2.default.string,_propTypes2.default.object])},exports.default=ObjectName},function(module,exports,__webpack_require__){"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var _typeof3=_interopRequireDefault(__webpack_require__(16)),_extends3=_interopRequireDefault(__webpack_require__(8)),_react2=_interopRequireDefault(__webpack_require__(0)),_propTypes2=_interopRequireDefault(__webpack_require__(4)),_createStyles2=_interopRequireDefault(__webpack_require__(34));function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}var ObjectValue=function ObjectValue(_ref,_ref2){var object=_ref.object,styles=_ref.styles,theme=_ref2.theme,themeStyles=(0,_createStyles2.default)("ObjectValue",theme),mkStyle=function mkStyle(key){return(0,_extends3.default)({},themeStyles[key],styles)};switch(void 0===object?"undefined":(0,_typeof3.default)(object)){case"number":return _react2.default.createElement("span",{style:mkStyle("objectValueNumber")},String(object));case"string":return _react2.default.createElement("span",{style:mkStyle("objectValueString")},'"',object,'"');case"boolean":return _react2.default.createElement("span",{style:mkStyle("objectValueBoolean")},String(object));case"undefined":return _react2.default.createElement("span",{style:mkStyle("objectValueUndefined")},"undefined");case"object":return null===object?_react2.default.createElement("span",{style:mkStyle("objectValueNull")},"null"):object instanceof Date?_react2.default.createElement("span",null,object.toString()):object instanceof RegExp?_react2.default.createElement("span",{style:mkStyle("objectValueRegExp")},object.toString()):Array.isArray(object)?_react2.default.createElement("span",null,"Array["+object.length+"]"):_react2.default.createElement("span",null,object.constructor.name);case"function":return _react2.default.createElement("span",null,_react2.default.createElement("span",{style:mkStyle("objectValueFunctionKeyword")},"function"),_react2.default.createElement("span",{style:mkStyle("objectValueFunctionName")}," ",object.name,"()"));case"symbol":return _react2.default.createElement("span",{style:mkStyle("objectValueSymbol")},object.toString());default:return _react2.default.createElement("span",null)}};ObjectValue.propTypes={object:_propTypes2.default.any},ObjectValue.contextTypes={theme:_propTypes2.default.oneOfType([_propTypes2.default.string,_propTypes2.default.object])},exports.default=ObjectValue},function(module,exports,__webpack_require__){"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=function getPrefixedValue(prefixedValue,value,keepUnprefixed){if(keepUnprefixed)return[prefixedValue,value];return prefixedValue},module.exports=exports.default},function(module,exports,__webpack_require__){var isObject=__webpack_require__(68);module.exports=function toObject(value){return isObject(value)?value:Object(value)}},function(module,exports,__webpack_require__){var getNative=__webpack_require__(217),isLength=__webpack_require__(143),isObjectLike=__webpack_require__(142),objToString=Object.prototype.toString,isArray=getNative(Array,"isArray")||function(value){return isObjectLike(value)&&isLength(value.length)&&"[object Array]"==objToString.call(value)};module.exports=isArray},function(module,exports,__webpack_require__){"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=function(prefixedValue,value,keepUnprefixed){return keepUnprefixed?[prefixedValue,value]:prefixedValue},module.exports=exports.default},function(module,exports,__webpack_require__){"use strict";function makeEmptyFunction(arg){return function(){return arg}}var emptyFunction=function emptyFunction(){};emptyFunction.thatReturns=makeEmptyFunction,emptyFunction.thatReturnsFalse=makeEmptyFunction(!1),emptyFunction.thatReturnsTrue=makeEmptyFunction(!0),emptyFunction.thatReturnsNull=makeEmptyFunction(null),emptyFunction.thatReturnsThis=function(){return this},emptyFunction.thatReturnsArgument=function(arg){return arg},module.exports=emptyFunction},function(module,exports,__webpack_require__){var $export=__webpack_require__(11),core=__webpack_require__(7),fails=__webpack_require__(31);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){},function(module,exports,__webpack_require__){var anObject=__webpack_require__(18),dPs=__webpack_require__(201),enumBugKeys=__webpack_require__(113),IE_PROTO=__webpack_require__(111)("IE_PROTO"),Empty=function(){},createDict=function(){var iframeDocument,iframe=__webpack_require__(106)("iframe"),i=enumBugKeys.length;for(iframe.style.display="none",__webpack_require__(171).appendChild(iframe),iframe.src="javascript:",(iframeDocument=iframe.contentWindow.document).open(),iframeDocument.write("