dtable-ui-component 0.1.75-beta2 → 0.1.75-beta3

package/es/utils/vfile/core.js

@@ -0,0 +1,172 @@
+'use strict';
+
+var path = require('path');
+
+var replace = require('replace-ext');
+
+var buffer = require('is-buffer');
+
+module.exports = VFile;
+var own = {}.hasOwnProperty;
+var proto = VFile.prototype;
+proto.toString = toString;
+/* Order of setting (least specific to most), we need this because
+ * otherwise `{stem: 'a', path: '~/b.js'}` would throw, as a path
+ * is needed before a stem can be set. */
+
+var order = ['history', 'path', 'basename', 'stem', 'extname', 'dirname'];
+/* Construct a new file. */
+
+function VFile(options) {
+  var prop;
+  var index;
+  var length;
+
+  if (typeof options === 'number') {
+    options = options.toString();
+  }
+
+  if (!options) {
+    options = {};
+  } else if (typeof options === 'string' || buffer(options)) {
+    options = {
+      contents: options
+    };
+  } else if ('message' in options && 'messages' in options) {
+    return options;
+  }
+
+  if (!(this instanceof VFile)) {
+    return new VFile(options);
+  }
+
+  this.data = {};
+  this.messages = [];
+  this.history = [];
+  this.cwd = process.cwd();
+  /* Set path related properties in the correct order. */
+
+  index = -1;
+  length = order.length;
+
+  while (++index < length) {
+    prop = order[index];
+
+    if (own.call(options, prop)) {
+      this[prop] = options[prop];
+    }
+  }
+  /* Set non-path related properties. */
+
+
+  for (prop in options) {
+    if (order.indexOf(prop) === -1) {
+      this[prop] = options[prop];
+    }
+  }
+}
+/* Access full path (`~/index.min.js`). */
+
+
+Object.defineProperty(proto, 'path', {
+  get: function get() {
+    return this.history[this.history.length - 1];
+  },
+  set: function set(path) {
+    assertNonEmpty(path, 'path');
+
+    if (path !== this.path) {
+      this.history.push(path);
+    }
+  }
+});
+/* Access parent path (`~`). */
+
+Object.defineProperty(proto, 'dirname', {
+  get: function get() {
+    return typeof this.path === 'string' ? path.dirname(this.path) : undefined;
+  },
+  set: function set(dirname) {
+    assertPath(this.path, 'dirname');
+    this.path = path.join(dirname || '', this.basename);
+  }
+});
+/* Access basename (`index.min.js`). */
+
+Object.defineProperty(proto, 'basename', {
+  get: function get() {
+    return typeof this.path === 'string' ? path.basename(this.path) : undefined;
+  },
+  set: function set(basename) {
+    assertNonEmpty(basename, 'basename');
+    assertPart(basename, 'basename');
+    this.path = path.join(this.dirname || '', basename);
+  }
+});
+/* Access extname (`.js`). */
+
+Object.defineProperty(proto, 'extname', {
+  get: function get() {
+    return typeof this.path === 'string' ? path.extname(this.path) : undefined;
+  },
+  set: function set(extname) {
+    var ext = extname || '';
+    assertPart(ext, 'extname');
+    assertPath(this.path, 'extname');
+
+    if (ext) {
+      if (ext.charAt(0) !== '.') {
+        throw new Error('`extname` must start with `.`');
+      }
+
+      if (ext.indexOf('.', 1) !== -1) {
+        throw new Error('`extname` cannot contain multiple dots');
+      }
+    }
+
+    this.path = replace(this.path, ext);
+  }
+});
+/* Access stem (`index.min`). */
+
+Object.defineProperty(proto, 'stem', {
+  get: function get() {
+    return typeof this.path === 'string' ? path.basename(this.path, this.extname) : undefined;
+  },
+  set: function set(stem) {
+    assertNonEmpty(stem, 'stem');
+    assertPart(stem, 'stem');
+    this.path = path.join(this.dirname || '', stem + (this.extname || ''));
+  }
+});
+/* Get the value of the file. */
+
+function toString(encoding) {
+  var value = this.contents || '';
+  return buffer(value) ? value.toString(encoding) : String(value);
+}
+/* Assert that `part` is not a path (i.e., does
+ * not contain `path.sep`). */
+
+
+function assertPart(part, name) {
+  if (part.indexOf(path.sep) !== -1) {
+    throw new Error('`' + name + '` cannot be a path: did not expect `' + path.sep + '`');
+  }
+}
+/* Assert that `part` is not empty. */
+
+
+function assertNonEmpty(part, name) {
+  if (!part) {
+    throw new Error('`' + name + '` cannot be empty');
+  }
+}
+/* Assert `path` exists. */
+
+
+function assertPath(path, name) {
+  if (!path) {
+    throw new Error('Setting `' + name + '` requires `path` to be set too');
+  }
+}

package/es/utils/vfile/index.js

@@ -0,0 +1,48 @@
+'use strict';
+
+var VMessage = require('vfile-message');
+
+var VFile = require('./core.js');
+
+module.exports = VFile;
+var proto = VFile.prototype;
+proto.message = message;
+proto.info = info;
+proto.fail = fail;
+/* Slight backwards compatibility.  Remove in the future. */
+
+proto.warn = message;
+/* Create a message with `reason` at `position`.
+ * When an error is passed in as `reason`, copies the stack. */
+
+function message(reason, position, origin) {
+  var filePath = this.path;
+  var message = new VMessage(reason, position, origin);
+
+  if (filePath) {
+    message.name = filePath + ':' + message.name;
+    message.file = filePath;
+  }
+
+  message.fatal = false;
+  this.messages.push(message);
+  return message;
+}
+/* Fail. Creates a vmessage, associates it with the file,
+ * and throws it. */
+
+
+function fail() {
+  var message = this.message.apply(this, arguments);
+  message.fatal = true;
+  throw message;
+}
+/* Info. Creates a vmessage, associates it with the file,
+ * and marks the fatality as null. */
+
+
+function info() {
+  var message = this.message.apply(this, arguments);
+  message.fatal = null;
+  return message;
+}

package/lib/AutoNumberFormatter/index.js

@@ -1,36 +1,47 @@
-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 cn from 'astro-classname';
-import './index.css';
+"use strict";
 
-var AutoNumberFormatter = /*#__PURE__*/function (_React$Component) {
-  _inherits(AutoNumberFormatter, _React$Component);
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 
-  var _super = _createSuper(AutoNumberFormatter);
+exports.__esModule = true;
+exports.default = void 0;
 
-  function AutoNumberFormatter() {
-    _classCallCheck(this, AutoNumberFormatter);
+var _inheritsLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/inheritsLoose"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _astroClassname = _interopRequireDefault(require("astro-classname"));
+
+require("./index.css");
 
-    return _super.apply(this, arguments);
+var propTypes = {
+  value: _propTypes.default.string.isRequired,
+  containerClassName: _propTypes.default.string
+};
+
+var AutoNumberFormatter = /*#__PURE__*/function (_React$Component) {
+  (0, _inheritsLoose2.default)(AutoNumberFormatter, _React$Component);
+
+  function AutoNumberFormatter() {
+    return _React$Component.apply(this, arguments) || this;
   }
 
-  _createClass(AutoNumberFormatter, [{
-    key: "render",
-    value: function render() {
-      var _this$props = this.props,
-          containerClassName = _this$props.containerClassName,
-          value = _this$props.value;
-      var classname = cn('dtable-ui cell-formatter-container auto-number-formatter', containerClassName);
-      return /*#__PURE__*/React.createElement("div", {
-        className: classname
-      }, value);
-    }
-  }]);
+  var _proto = AutoNumberFormatter.prototype;
+
+  _proto.render = function render() {
+    var _this$props = this.props,
+        containerClassName = _this$props.containerClassName,
+        value = _this$props.value;
+    var classname = (0, _astroClassname.default)('dtable-ui cell-formatter-container auto-number-formatter', containerClassName);
+    return /*#__PURE__*/_react.default.createElement("div", {
+      className: classname
+    }, value);
+  };
 
   return AutoNumberFormatter;
-}(React.Component);
+}(_react.default.Component);
 
-export default AutoNumberFormatter;
+AutoNumberFormatter.propTypes = propTypes;
+var _default = AutoNumberFormatter;
+exports.default = _default;

package/lib/ButtonFormatter/index.js

@@ -1,56 +1,68 @@
-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 cn from 'astro-classname';
-import './index.css';
+"use strict";
 
-var ButtonFormatter = /*#__PURE__*/function (_React$Component) {
-  _inherits(ButtonFormatter, _React$Component);
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 
-  var _super = _createSuper(ButtonFormatter);
+exports.__esModule = true;
+exports.default = void 0;
 
-  function ButtonFormatter() {
-    _classCallCheck(this, ButtonFormatter);
+var _inheritsLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/inheritsLoose"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _astroClassname = _interopRequireDefault(require("astro-classname"));
+
+require("./index.css");
+
+var propTypes = {
+  data: _propTypes.default.object,
+  containerClassName: _propTypes.default.string,
+  optionColors: _propTypes.default.array
+};
 
-    return _super.apply(this, arguments);
+var ButtonFormatter = /*#__PURE__*/function (_React$Component) {
+  (0, _inheritsLoose2.default)(ButtonFormatter, _React$Component);
+
+  function ButtonFormatter() {
+    return _React$Component.apply(this, arguments) || this;
   }
 
-  _createClass(ButtonFormatter, [{
-    key: "render",
-    value: function render() {
-      var _this$props = this.props,
-          data = _this$props.data,
-          containerClassName = _this$props.containerClassName,
-          optionColors = _this$props.optionColors;
-
-      var _ref = data || {},
-          button_color = _ref.button_color,
-          button_type = _ref.button_type,
-          button_name = _ref.button_name;
-
-      if (!button_type) return null;
-      var colorOption = Array.isArray(optionColors) ? optionColors.find(function (item) {
-        return item.COLOR === button_color;
-      }) || optionColors[0] : {
-        COLOR: '#FFFCB5',
-        BORDER_COLOR: '#E8E79D',
-        TEXT_COLOR: '#202428'
-      };
-      var btnStyle = {
-        backgroundColor: colorOption.COLOR,
-        borderColor: colorOption.BORDER_COLOR,
-        color: colorOption.TEXT_COLOR
-      };
-      return /*#__PURE__*/React.createElement("div", {
-        className: cn('dtable-ui cell-formatter-container button-formatter', containerClassName),
-        style: btnStyle
-      }, button_name);
-    }
-  }]);
+  var _proto = ButtonFormatter.prototype;
+
+  _proto.render = function render() {
+    var _this$props = this.props,
+        data = _this$props.data,
+        containerClassName = _this$props.containerClassName,
+        optionColors = _this$props.optionColors;
+
+    var _ref = data || {},
+        button_color = _ref.button_color,
+        button_type = _ref.button_type,
+        button_name = _ref.button_name;
+
+    if (!button_type) return null;
+    var colorOption = Array.isArray(optionColors) ? optionColors.find(function (item) {
+      return item.COLOR === button_color;
+    }) || optionColors[0] : {
+      COLOR: '#FFFCB5',
+      BORDER_COLOR: '#E8E79D',
+      TEXT_COLOR: '#202428'
+    };
+    var btnStyle = {
+      backgroundColor: colorOption.COLOR,
+      borderColor: colorOption.BORDER_COLOR,
+      color: colorOption.TEXT_COLOR
+    };
+    return /*#__PURE__*/_react.default.createElement("div", {
+      className: (0, _astroClassname.default)('dtable-ui cell-formatter-container button-formatter', containerClassName),
+      style: btnStyle
+    }, button_name);
+  };
 
   return ButtonFormatter;
-}(React.Component);
+}(_react.default.Component);
 
-export default ButtonFormatter;
+ButtonFormatter.propTypes = propTypes;
+var _default = ButtonFormatter;
+exports.default = _default;

package/lib/CTimeFormatter/index.js

@@ -1,58 +1,72 @@
-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 cn from 'astro-classname';
-import moment from 'moment';
-import './index.css';
+"use strict";
 
-var CTimeFormatter = /*#__PURE__*/function (_React$Component) {
-  _inherits(CTimeFormatter, _React$Component);
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+exports.__esModule = true;
+exports.default = void 0;
+
+var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
+
+var _inheritsLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/inheritsLoose"));
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _astroClassname = _interopRequireDefault(require("astro-classname"));
+
+var _moment = _interopRequireDefault(require("moment"));
+
+require("./index.css");
 
-  var _super = _createSuper(CTimeFormatter);
+var propTypes = {
+  value: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.number]),
+  containerClassName: _propTypes.default.string
+};
+
+var CTimeFormatter = /*#__PURE__*/function (_React$Component) {
+  (0, _inheritsLoose2.default)(CTimeFormatter, _React$Component);
 
   function CTimeFormatter() {
     var _this;
 
-    _classCallCheck(this, CTimeFormatter);
-
     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.formatDate = function (date) {
-      return moment(date).format('YYYY-MM-DD HH:mm:ss');
-    };
-
+    _this = _React$Component.call.apply(_React$Component, [this].concat(args)) || this;
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "formatDate", function (date) {
+      return (0, _moment.default)(date).format('YYYY-MM-DD HH:mm:ss');
+    });
     return _this;
   }
 
-  _createClass(CTimeFormatter, [{
-    key: "render",
-    value: function render() {
-      var _this$props = this.props,
-          date = _this$props.value,
-          containerClassName = _this$props.containerClassName;
-      var classname = cn('dtable-ui cell-formatter-container ctime-formatter', containerClassName);
-
-      if (date !== '') {
-        date = this.formatDate(date);
-      }
-
-      return /*#__PURE__*/React.createElement("div", {
-        className: classname
-      }, date);
+  var _proto = CTimeFormatter.prototype;
+
+  _proto.render = function render() {
+    var _this$props = this.props,
+        date = _this$props.value,
+        containerClassName = _this$props.containerClassName;
+    var classname = (0, _astroClassname.default)('dtable-ui cell-formatter-container ctime-formatter', containerClassName);
+
+    if (date !== '') {
+      date = this.formatDate(date);
     }
-  }]);
+
+    return /*#__PURE__*/_react.default.createElement("div", {
+      className: classname
+    }, date);
+  };
 
   return CTimeFormatter;
-}(React.Component);
+}(_react.default.Component);
 
-CTimeFormatter.defaultProps = {
+(0, _defineProperty2.default)(CTimeFormatter, "defaultProps", {
   value: '',
   containerClassName: ''
-};
-export default CTimeFormatter;
+});
+CTimeFormatter.propTypes = propTypes;
+var _default = CTimeFormatter;
+exports.default = _default;

package/lib/CheckboxFormatter/index.js

@@ -1,45 +1,58 @@
-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 cn from 'astro-classname';
-import './index.css';
+"use strict";
 
-var CheckboxFormatter = /*#__PURE__*/function (_React$PureComponent) {
-  _inherits(CheckboxFormatter, _React$PureComponent);
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 
-  var _super = _createSuper(CheckboxFormatter);
+exports.__esModule = true;
+exports.default = void 0;
 
-  function CheckboxFormatter() {
-    _classCallCheck(this, CheckboxFormatter);
+var _inheritsLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/inheritsLoose"));
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _astroClassname = _interopRequireDefault(require("astro-classname"));
+
+require("./index.css");
 
-    return _super.apply(this, arguments);
+var propTypes = {
+  value: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.bool]),
+  containerClassName: _propTypes.default.string
+};
+
+var CheckboxFormatter = /*#__PURE__*/function (_React$PureComponent) {
+  (0, _inheritsLoose2.default)(CheckboxFormatter, _React$PureComponent);
+
+  function CheckboxFormatter() {
+    return _React$PureComponent.apply(this, arguments) || this;
   }
 
-  _createClass(CheckboxFormatter, [{
-    key: "render",
-    value: function render() {
-      var _this$props = this.props,
-          value = _this$props.value,
-          containerClassName = _this$props.containerClassName;
-      value = value === true ? true : false;
-      var classname = cn('dtable-ui cell-formatter-container checkbox-formatter', containerClassName);
-      return /*#__PURE__*/React.createElement("div", {
-        className: classname
-      }, /*#__PURE__*/React.createElement("input", {
-        className: "checkbox",
-        type: "checkbox",
-        readOnly: true,
-        checked: value
-      }));
-    }
-  }]);
+  var _proto = CheckboxFormatter.prototype;
+
+  _proto.render = function render() {
+    var _this$props = this.props,
+        value = _this$props.value,
+        containerClassName = _this$props.containerClassName;
+    value = value === true ? true : false;
+    var classname = (0, _astroClassname.default)('dtable-ui cell-formatter-container checkbox-formatter', containerClassName);
+    return /*#__PURE__*/_react.default.createElement("div", {
+      className: classname
+    }, /*#__PURE__*/_react.default.createElement("input", {
+      className: "checkbox",
+      type: "checkbox",
+      readOnly: true,
+      checked: value
+    }));
+  };
 
   return CheckboxFormatter;
-}(React.PureComponent);
+}(_react.default.PureComponent);
 
-CheckboxFormatter.defaultProps = {
+(0, _defineProperty2.default)(CheckboxFormatter, "defaultProps", {
   value: false
-};
-export default CheckboxFormatter;
+});
+CheckboxFormatter.propTypes = propTypes;
+var _default = CheckboxFormatter;
+exports.default = _default;