dtable-ui-component 0.1.75-beta1 → 0.1.75-beta2

package/lib/utils/value-format-utils.js

@@ -1,26 +1,8 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-exports.__esModule = true;
-exports.formatStringToNumber = exports.formatNumberString = void 0;
-exports.getCellValueDisplayString = getCellValueDisplayString;
-exports.getOptionName = exports.getNumberDisplayString = exports.getMultipleOptionName = exports.getLongtextDisplayString = exports.getGeolocationDisplayString = exports.getFormulaDisplayString = exports.getDurationDisplayString = exports.getDateDisplayString = exports.getCollaboratorsName = void 0;
-
-var _moment = _interopRequireDefault(require("moment"));
-
-var _numberPrecision = _interopRequireDefault(require("./number-precision"));
-
-var _constants = require("../constants");
-
-var CellType = _interopRequireWildcard(require("../constants/cell-types"));
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
-_numberPrecision.default.enableBoundaryChecking(false);
-
+import moment from 'moment';
+import NP from './number-precision';
+import { NUMBER_TYPES, DEFAULT_NUMBER_FORMAT, DURATION_FORMATS_MAP, DURATION_FORMATS, DURATION_ZERO_DISPLAY, DURATION_DECIMAL_DIGITS, FORMULA_RESULT_TYPE, COLLABORATOR_COLUMN_TYPES, ARRAY_FORMAL_COLUMNS_TYPES, DEFAULT_DATE_FORMAT } from '../constants';
+import * as CellType from '../constants/cell-types';
+NP.enableBoundaryChecking(false);
 var _separatorMap = {
   'comma': ',',
   'dot': '.',
@@ -44,7 +26,7 @@ var _toThousands = function _toThousands(num, isCurrency, formatData) {
   var decimalDigits = enable_precision ? precision : _getDecimalDigits(num);
   var value = parseFloat(num.toFixed(decimalDigits));
   var integer = Math.trunc(value);
-  var decimalValue = String(Math.abs(_numberPrecision.default.minus(value, integer)).toFixed(decimalDigits)).slice(1);
+  var decimalValue = String(Math.abs(NP.minus(value, integer)).toFixed(decimalDigits)).slice(1);
 
   if (isCurrency) {
     if (decimalValue.length === 2) {
@@ -85,7 +67,7 @@ var _getDecimalDigits = function _getDecimalDigits(num) {
   return digitsLength > 8 ? 8 : digitsLength;
 };
 
-var getNumberDisplayString = function getNumberDisplayString(value, formatData) {
+export var getNumberDisplayString = function getNumberDisplayString(value, formatData) {
   // formatData: old version maybe 'null'
   var type = Object.prototype.toString.call(value);
 
@@ -101,7 +83,7 @@ var getNumberDisplayString = function getNumberDisplayString(value, formatData)
 
   var _ref2 = formatData || {},
       _ref2$format = _ref2.format,
-      format = _ref2$format === void 0 ? _constants.DEFAULT_NUMBER_FORMAT : _ref2$format;
+      format = _ref2$format === void 0 ? DEFAULT_NUMBER_FORMAT : _ref2$format;
 
   switch (format) {
     case 'number':
@@ -109,17 +91,17 @@ var getNumberDisplayString = function getNumberDisplayString(value, formatData)
 
     case 'percent':
       {
-        return _toThousands(Number.parseFloat((value * 100).toFixed(8)), false, formatData) + "%";
+        return "".concat(_toThousands(Number.parseFloat((value * 100).toFixed(8)), false, formatData), "%");
       }
 
     case 'yuan':
-      return "\uFFE5" + _toThousands(value, true, formatData);
+      return "\uFFE5".concat(_toThousands(value, true, formatData));
 
     case 'dollar':
-      return "$" + _toThousands(value, true, formatData);
+      return "$".concat(_toThousands(value, true, formatData));
 
     case 'euro':
-      return "\u20AC" + _toThousands(value, true, formatData);
+      return "\u20AC".concat(_toThousands(value, true, formatData));
 
     case 'duration':
       {
@@ -130,10 +112,7 @@ var getNumberDisplayString = function getNumberDisplayString(value, formatData)
       return '' + value;
   }
 };
-
-exports.getNumberDisplayString = getNumberDisplayString;
-
-var formatStringToNumber = function formatStringToNumber(value) {
+export var formatStringToNumber = function formatStringToNumber(value) {
   var isIncludePercent = value.indexOf('%') > -1;
   var newData = parseFloat(value.replace(/[^.-\d]/g, ''));
 
@@ -143,31 +122,28 @@ var formatStringToNumber = function formatStringToNumber(value) {
 
   return isNaN(newData) ? '' : newData;
 };
-
-exports.formatStringToNumber = formatStringToNumber;
-
-var formatNumberString = function formatNumberString(value, format) {
+export var formatNumberString = function formatNumberString(value, format) {
   var formattedValue = '';
 
   switch (format) {
-    case _constants.NUMBER_TYPES.NUMBER:
-    case _constants.NUMBER_TYPES.NUMBER_WITH_COMMAS:
+    case NUMBER_TYPES.NUMBER:
+    case NUMBER_TYPES.NUMBER_WITH_COMMAS:
       formattedValue = value.replace(/[^.-\d,]/g, '');
       break;
 
-    case _constants.NUMBER_TYPES.PERCENT:
+    case NUMBER_TYPES.PERCENT:
       formattedValue = value.replace(/[^.-\d,%]/g, '');
       break;
 
-    case _constants.NUMBER_TYPES.YUAN:
+    case NUMBER_TYPES.YUAN:
       formattedValue = value.replace(/[^.-\d￥,]/g, '');
       break;
 
-    case _constants.NUMBER_TYPES.DOLLAR:
+    case NUMBER_TYPES.DOLLAR:
       formattedValue = value.replace(/[^.-\d$,]/g, '');
       break;
 
-    case _constants.NUMBER_TYPES.EURO:
+    case NUMBER_TYPES.EURO:
       formattedValue = value.replace(/[^.-\d€,]/g, '');
       break;
 
@@ -177,10 +153,7 @@ var formatNumberString = function formatNumberString(value, format) {
 
   return formattedValue;
 };
-
-exports.formatNumberString = formatNumberString;
-
-var getDateDisplayString = function getDateDisplayString(value, format) {
+export var getDateDisplayString = function getDateDisplayString(value, format) {
   var formattedValue = '';
 
   if (!value) {
@@ -188,7 +161,7 @@ var getDateDisplayString = function getDateDisplayString(value, format) {
     return formattedValue;
   }
 
-  var date = (0, _moment.default)(value);
+  var date = moment(value);
   if (!date.isValid()) return value;
 
   switch (format) {
@@ -196,14 +169,14 @@ var getDateDisplayString = function getDateDisplayString(value, format) {
     case 'DD/MM/YYYY':
       var formatValue = date.format('YYYY-MM-DD');
       var formatValueList = formatValue.split('-');
-      return formatValueList[2] + "/" + formatValueList[1] + "/" + formatValueList[0];
+      return "".concat(formatValueList[2], "/").concat(formatValueList[1], "/").concat(formatValueList[0]);
 
     case 'D/M/YYYY HH:mm':
     case 'DD/MM/YYYY HH:mm':
       var formatValues = date.format('YYYY-MM-DD HH:mm');
       var formatValuesList = formatValues.split(' ');
       var formatDateList = formatValuesList[0].split('-');
-      return formatDateList[2] + "/" + formatDateList[1] + "/" + formatDateList[0] + " " + formatValuesList[1];
+      return "".concat(formatDateList[2], "/").concat(formatDateList[1], "/").concat(formatDateList[0], " ").concat(formatValuesList[1]);
 
     case 'M/D/YYYY':
       return date.format('M/D/YYYY');
@@ -221,21 +194,18 @@ var getDateDisplayString = function getDateDisplayString(value, format) {
       return value;
   }
 };
-
-exports.getDateDisplayString = getDateDisplayString;
-
-var getDurationDisplayString = function getDurationDisplayString(value, duration_format) {
+export var getDurationDisplayString = function getDurationDisplayString(value, duration_format) {
   if (!value && value !== 0) return '';
-  duration_format = duration_format || _constants.DURATION_FORMATS_MAP.H_MM;
+  duration_format = duration_format || DURATION_FORMATS_MAP.H_MM;
 
-  if (_constants.DURATION_FORMATS.findIndex(function (format) {
+  if (DURATION_FORMATS.findIndex(function (format) {
     return format.type === duration_format;
   }) < 0) {
     return '';
   }
 
   if (value === 0) {
-    return _constants.DURATION_ZERO_DISPLAY[duration_format];
+    return DURATION_ZERO_DISPLAY[duration_format];
   }
 
   var includeDecimal = duration_format.indexOf('.') > -1;
@@ -255,33 +225,31 @@ var getDurationDisplayString = function getDurationDisplayString(value, duration
     decimal = decimal ? decimal - 0 : 0;
   }
 
-  var decimalDigits = _constants.DURATION_DECIMAL_DIGITS[duration_format];
+  var decimalDigits = DURATION_DECIMAL_DIGITS[duration_format];
   var decimalSuffix = getDurationDecimalSuffix(duration_format, decimal);
   var displayString = value < 0 ? '-' : '';
   var hours = parseInt(positiveValue / 3600);
   var minutes = parseInt((positiveValue - hours * 3600) / 60);
 
-  if (duration_format === _constants.DURATION_FORMATS_MAP.H_MM) {
-    displayString += hours + ":" + (minutes > 9 ? minutes : '0' + minutes);
+  if (duration_format === DURATION_FORMATS_MAP.H_MM) {
+    displayString += "".concat(hours, ":").concat(minutes > 9 ? minutes : '0' + minutes);
     return displayString;
   }
 
   var seconds = Number.parseFloat((positiveValue - hours * 3600 - minutes * 60).toFixed(decimalDigits));
 
   if (hours > 0) {
-    displayString += hours + ":";
-    minutes = minutes > 9 ? minutes : "0" + minutes;
+    displayString += "".concat(hours, ":");
+    minutes = minutes > 9 ? minutes : "0".concat(minutes);
   }
 
-  seconds = seconds > 9 ? seconds : "0" + seconds;
-  displayString += minutes + ":" + seconds + decimalSuffix;
+  seconds = seconds > 9 ? seconds : "0".concat(seconds);
+  displayString += "".concat(minutes, ":").concat(seconds).concat(decimalSuffix);
   return displayString;
 };
 
-exports.getDurationDisplayString = getDurationDisplayString;
-
 var getMathRoundedDuration = function getMathRoundedDuration(num, duration_format) {
-  var decimalDigits = _constants.DURATION_DECIMAL_DIGITS[duration_format];
+  var decimalDigits = DURATION_DECIMAL_DIGITS[duration_format];
 
   if (decimalDigits < 1) {
     return num;
@@ -292,15 +260,15 @@ var getMathRoundedDuration = function getMathRoundedDuration(num, duration_forma
 };
 
 var getDurationDecimalSuffix = function getDurationDecimalSuffix(duration_format, decimal) {
-  if (duration_format === _constants.DURATION_FORMATS_MAP.H_MM_SS_S) {
+  if (duration_format === DURATION_FORMATS_MAP.H_MM_SS_S) {
     return decimal === 0 ? '.0' : '';
-  } else if (duration_format === _constants.DURATION_FORMATS_MAP.H_MM_SS_SS) {
+  } else if (duration_format === DURATION_FORMATS_MAP.H_MM_SS_SS) {
     if (decimal === 0) {
       return '.00';
     } else if (decimal < 10) {
       return '0';
     }
-  } else if (duration_format === _constants.DURATION_FORMATS_MAP.H_MM_SS_SSS) {
+  } else if (duration_format === DURATION_FORMATS_MAP.H_MM_SS_SSS) {
     if (decimal === 0) {
       return '.000';
     } else if (decimal < 10) {
@@ -313,17 +281,14 @@ var getDurationDecimalSuffix = function getDurationDecimalSuffix(duration_format
   return '';
 };
 
-var getOptionName = function getOptionName(options, targetOptionID) {
+export var getOptionName = function getOptionName(options, targetOptionID) {
   if (!targetOptionID || !options || !Array.isArray(options)) return null;
   var option = options.find(function (option) {
     return option.id === targetOptionID;
   });
   return option ? option.name : null;
 };
-
-exports.getOptionName = getOptionName;
-
-var getMultipleOptionName = function getMultipleOptionName(options, cellVal) {
+export var getMultipleOptionName = function getMultipleOptionName(options, cellVal) {
   if (!cellVal || !options || !Array.isArray(options)) return null;
   var selectedOptions = options.filter(function (option) {
     return cellVal.includes(option.id);
@@ -333,10 +298,7 @@ var getMultipleOptionName = function getMultipleOptionName(options, cellVal) {
     return option.name;
   }).join(', ');
 };
-
-exports.getMultipleOptionName = getMultipleOptionName;
-
-var getLongtextDisplayString = function getLongtextDisplayString(value) {
+export var getLongtextDisplayString = function getLongtextDisplayString(value) {
   var _ref3 = value || {},
       text = _ref3.text;
 
@@ -346,10 +308,7 @@ var getLongtextDisplayString = function getLongtextDisplayString(value) {
 
   return text;
 };
-
-exports.getLongtextDisplayString = getLongtextDisplayString;
-
-var getCollaboratorsName = function getCollaboratorsName(collaborators, cellVal) {
+export var getCollaboratorsName = function getCollaboratorsName(collaborators, cellVal) {
   if (cellVal) {
     var collaboratorsName = [];
     cellVal.forEach(function (v) {
@@ -371,10 +330,7 @@ var getCollaboratorsName = function getCollaboratorsName(collaborators, cellVal)
 
   return null;
 };
-
-exports.getCollaboratorsName = getCollaboratorsName;
-
-var getGeolocationDisplayString = function getGeolocationDisplayString(value, columnData) {
+export var getGeolocationDisplayString = function getGeolocationDisplayString(value, columnData) {
   var _ref4 = columnData || {},
       geo_format = _ref4.geo_format;
 
@@ -385,7 +341,7 @@ var getGeolocationDisplayString = function getGeolocationDisplayString(value, co
   }
 
   if (geo_format === 'lng_lat' && value.lng && value.lat) {
-    return cellValue.lng + ", " + cellValue.lat;
+    return "".concat(cellValue.lng, ", ").concat(cellValue.lat);
   }
 
   if (geo_format === 'country_region' && cellValue.country_region) {
@@ -398,20 +354,17 @@ var getGeolocationDisplayString = function getGeolocationDisplayString(value, co
       detail = cellValue.detail;
 
   if (geo_format === 'province') {
-    return "" + (province || '');
+    return "".concat(province || '');
   }
 
   if (geo_format === 'province_city') {
-    return "" + (province || '') + (city || '');
+    return "".concat(province || '').concat(city || '');
   }
 
-  return "" + (province || '') + (city || '') + (district || '') + (detail || '');
+  return "".concat(province || '').concat(city || '').concat(district || '').concat(detail || '');
 };
-
-exports.getGeolocationDisplayString = getGeolocationDisplayString;
-
-var getFormulaDisplayString = function getFormulaDisplayString(cellValue, columnData, _temp) {
-  var _ref5 = _temp === void 0 ? {} : _temp,
+export var getFormulaDisplayString = function getFormulaDisplayString(cellValue, columnData) {
+  var _ref5 = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {},
       _ref5$collaborators = _ref5.collaborators,
       collaborators = _ref5$collaborators === void 0 ? [] : _ref5$collaborators;
 
@@ -421,16 +374,16 @@ var getFormulaDisplayString = function getFormulaDisplayString(cellValue, column
 
   var result_type = columnData.result_type;
 
-  if (result_type === _constants.FORMULA_RESULT_TYPE.NUMBER) {
+  if (result_type === FORMULA_RESULT_TYPE.NUMBER) {
     return getNumberDisplayString(cellValue, columnData);
   }
 
-  if (result_type === _constants.FORMULA_RESULT_TYPE.DATE) {
+  if (result_type === FORMULA_RESULT_TYPE.DATE) {
     var format = columnData.format;
     return getDateDisplayString(cellValue, format);
   }
 
-  if (result_type === _constants.FORMULA_RESULT_TYPE.ARRAY) {
+  if (result_type === FORMULA_RESULT_TYPE.ARRAY) {
     var array_type = columnData.array_type,
         array_data = columnData.array_data;
 
@@ -438,11 +391,11 @@ var getFormulaDisplayString = function getFormulaDisplayString(cellValue, column
       return null;
     }
 
-    if (_constants.COLLABORATOR_COLUMN_TYPES.includes(array_type)) {
+    if (COLLABORATOR_COLUMN_TYPES.includes(array_type)) {
       return cellValue;
     }
 
-    if (_constants.ARRAY_FORMAL_COLUMNS_TYPES.indexOf(array_type) < 0 && Array.isArray(cellValue)) {
+    if (ARRAY_FORMAL_COLUMNS_TYPES.indexOf(array_type) < 0 && Array.isArray(cellValue)) {
       return cellValue.map(function (val) {
         return getCellValueDisplayString(val, array_type, {
           data: array_data,
@@ -463,11 +416,8 @@ var getFormulaDisplayString = function getFormulaDisplayString(cellValue, column
 
   return cellValue;
 };
-
-exports.getFormulaDisplayString = getFormulaDisplayString;
-
-function getCellValueDisplayString(cellValue, type, _temp2) {
-  var _ref6 = _temp2 === void 0 ? {} : _temp2,
+export function getCellValueDisplayString(cellValue, type) {
+  var _ref6 = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {},
       data = _ref6.data,
       _ref6$collaborators = _ref6.collaborators,
       collaborators = _ref6$collaborators === void 0 ? [] : _ref6$collaborators;
@@ -516,7 +466,7 @@ function getCellValueDisplayString(cellValue, type, _temp2) {
       {
         var _ref7 = newData || {},
             _ref7$format = _ref7.format,
-            format = _ref7$format === void 0 ? _constants.DEFAULT_DATE_FORMAT : _ref7$format;
+            format = _ref7$format === void 0 ? DEFAULT_DATE_FORMAT : _ref7$format;
 
         return getDateDisplayString(cellValue, format);
       }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "dtable-ui-component",
-  "version": "0.1.75beta1",
+  "version": "0.1.75beta2",
   "main": "./es/index.js",
   "dependencies": {
     "@seafile/react-image-lightbox": "0.0.9",
@@ -45,11 +45,11 @@
     "eslint": "eslint --ext .jsx,.js src --max-warnings=0",
     "storybook": "start-storybook -p 6006",
     "build-storybook": "build-storybook -c .storybook -o docs",
-    "pub:esm": "npm run clean:esm && export BABEL_ENV=production && ./node_modules/.bin/babel src --out-dir es --copy-files",
-    "pub:lib": "npm run clean:lib && export BABEL_ENV=node && ./node_modules/.bin/babel src --out-dir lib --copy-files",
+    "pub:esm": "npm run clean:lib && export BABEL_ENV=production && ./node_modules/.bin/babel src --out-dir lib --copy-files",
+    "pub:lib": "npm run clean:esm && export BABEL_ENV=node && ./node_modules/.bin/babel src --out-dir lib --copy-files",
     "pub:umd": "npm run build",
-    "pub:optimized": "rm es/index.local.js && rm lib/index.local.js",
-    "prepublishOnly": "npm run pub:esm && npm run pub:lib && npm run pub:umd && npm run pub:optimized"
+    "pub:optimized": "rm lib/index.local.js",
+    "prepublishOnly": "npm run pub:esm && npm run pub:umd && npm run pub:optimized"
   },
   "files": [
     "assets",

package/es/app.css

@@ -1,20 +0,0 @@
-html, body, #root {
-  width: 100%;
-  height: 100%;
-}
-
-.app {
-  width: 100%;
-  height: 100%;
-  display: flex;
-  flex-direction: column;
-}
-
-.app .app-body {
-  flex: 1;
-}
-
-.app .app-body .collaborator-container {
-  padding: 5px;
-  border: 1px solid;
-}

package/es/app.js

@@ -1,91 +0,0 @@
-import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
-import _createClass from "@babel/runtime/helpers/esm/createClass";
-import _inherits from "@babel/runtime/helpers/esm/inherits";
-import _createSuper from "@babel/runtime/helpers/esm/createSuper";
-import React from 'react';
-import { CollaboratorFormatter, SingleSelectFormatter } from './components/cell-formatter';
-import './app.css';
-
-var App = /*#__PURE__*/function (_React$Component) {
-  _inherits(App, _React$Component);
-
-  var _super = _createSuper(App);
-
-  function App() {
-    var _this;
-
-    _classCallCheck(this, App);
-
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
-
-    _this = _super.call.apply(_super, [this].concat(args));
-
-    _this.onDeleteCollaborator = function () {//
-    };
-
-    return _this;
-  }
-
-  _createClass(App, [{
-    key: "render",
-    value: function render() {
-      var collaborators = [{
-        name: '小强',
-        email: '214402@qq.com',
-        avatar_url: '你好饿',
-        contact_email: 'adbd'
-      }];
-      var options = [{
-        id: '1111',
-        name: '未开始',
-        color: '#e3f9f6'
-      }, {
-        id: '2222',
-        name: '进行中',
-        color: '#ff7500'
-      }, {
-        id: '3333',
-        name: '待评审',
-        color: '#eaff56'
-      }, {
-        id: '4444',
-        name: '已评审',
-        color: '#faff72'
-      }, {
-        id: '5555',
-        name: '完成',
-        color: '#00e500'
-      }];
-      return /*#__PURE__*/React.createElement("div", {
-        className: "app"
-      }, /*#__PURE__*/React.createElement("header", {
-        className: "app-header"
-      }, /*#__PURE__*/React.createElement("h1", {
-        className: "text-center"
-      }, 'seatable ui component test')), /*#__PURE__*/React.createElement("div", {
-        className: "app-body"
-      }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("h2", null, "collaborators\u6D4B\u8BD5"), /*#__PURE__*/React.createElement("div", null, "\u5355\u4E2Acollaborators\u6D4B\u8BD5"), /*#__PURE__*/React.createElement(CollaboratorFormatter, {
-        value: '123',
-        collaborators: collaborators
-      }), /*#__PURE__*/React.createElement("div", null, "\u591A\u4E2Acollaborators\u6D4B\u8BD5"), /*#__PURE__*/React.createElement(CollaboratorFormatter, {
-        value: ['123', '4567'],
-        collaborators: collaborators
-      }), /*#__PURE__*/React.createElement("div", null, "\u5E26\u5220\u9664\u6309\u94AE\u6D4B\u8BD5"), /*#__PURE__*/React.createElement(CollaboratorFormatter, {
-        containerClassName: "collaborator-container",
-        value: ['123', '4567'],
-        collaborators: collaborators,
-        enableDeleteCollaborator: true,
-        onDeleteCollaborator: this.onDeleteCollaborator
-      })), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("h2", null, "single-select\u6D4B\u8BD5"), /*#__PURE__*/React.createElement(SingleSelectFormatter, {
-        value: '3333',
-        options: options
-      }))));
-    }
-  }]);
-
-  return App;
-}(React.Component);
-
-export default App;