dtable-ui-component 0.2.7 → 0.2.8-beta

package/es/components/cell-formatter/link-formatter.js

@@ -1,144 +0,0 @@
-import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
-import _createClass from "@babel/runtime/helpers/esm/createClass";
-import _assertThisInitialized from "@babel/runtime/helpers/esm/assertThisInitialized";
-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 * as CellTypes from '../../utils/cell-types';
-import { formatNumberToString, formatDateToString } from '../../utils/value-format-utils';
-
-// link value is  get form parant's interface
-var LinkFormatter = /*#__PURE__*/function (_React$Component) {
-  _inherits(LinkFormatter, _React$Component);
-
-  var _super = _createSuper(LinkFormatter);
-
-  function LinkFormatter(props) {
-    var _this;
-
-    _classCallCheck(this, LinkFormatter);
-
-    _this = _super.call(this, props);
-
-    _this.getLinkedCellValue = function (row) {
-      if (!row) return [];
-      var _this$props = _this.props,
-          column = _this$props.column,
-          currentTableId = _this$props.currentTableId,
-          linkMetaData = _this$props.linkMetaData;
-
-      var _ref = column.data || {},
-          link_id = _ref.link_id,
-          table_id = _ref.table_id,
-          other_table_id = _ref.other_table_id;
-
-      _this.linkID = link_id;
-      _this.tableID = currentTableId === table_id ? table_id : other_table_id;
-      _this.otherTableID = _this.tableID === table_id ? other_table_id : table_id;
-      return linkMetaData.getLinkedCellValue(_this.linkID, _this.tableID, _this.otherTableID, row._id);
-    };
-
-    _this.expandLinkedTableRow = function (row) {
-      var _this$props2 = _this.props,
-          enableOpenLinkedRow = _this$props2.enableOpenLinkedRow,
-          linkMetaData = _this$props2.linkMetaData;
-
-      if (enableOpenLinkedRow) {
-        linkMetaData.expandLinkedTableRow(row, _this.otherTableID);
-      }
-    };
-
-    _this.getDisplayValues = function () {
-      var _this$props3 = _this.props,
-          column = _this$props3.column,
-          linkMetaData = _this$props3.linkMetaData;
-      var rowIds = _this.state.value;
-
-      if (rowIds && Array.isArray(rowIds) && rowIds.length > 0) {
-        var linkedTable = linkMetaData.getLinkedTable(_this.otherTableID);
-        var linkedRows = linkMetaData.getLinkedRows(_this.otherTableID, rowIds);
-        var result = linkedRows.map(function (row, index) {
-          var displayColumnKey = column.data.display_column_key;
-
-          var displayValue = _this.getDisplayValue(linkedTable, row, displayColumnKey);
-
-          return /*#__PURE__*/React.createElement("div", {
-            key: index,
-            className: "link-item",
-            onClick: _this.expandLinkedTableRow.bind(_assertThisInitialized(_this), row)
-          }, /*#__PURE__*/React.createElement("div", {
-            className: "link-name"
-          }, displayValue));
-        });
-        return result;
-      }
-
-      return null;
-    };
-
-    _this.getDisplayValue = function (linkedTable, row, displayColumnKey) {
-      var value = row[displayColumnKey];
-      var linkedColumn = linkedTable.columns.find(function (column) {
-        return column.key === displayColumnKey;
-      });
-      var type = linkedColumn.type,
-          data = linkedColumn.data; // todo: improve
-
-      switch (type) {
-        case CellTypes.NUMBER:
-          {
-            return formatNumberToString(value, data);
-          }
-
-        case CellTypes.DATE:
-          {
-            var format = data.format;
-            return formatDateToString(value, format);
-          }
-
-        default:
-          return value;
-      }
-    };
-
-    _this.linkID = '';
-    _this.tableID = '';
-    _this.otherTableID = '';
-    _this.state = {
-      value: _this.getLinkedCellValue(props.row)
-    };
-    return _this;
-  }
-
-  _createClass(LinkFormatter, [{
-    key: "componentWillReceiveProps",
-    value: function componentWillReceiveProps(nextProps) {
-      var nextRow = nextProps.row;
-
-      if (nextRow._id !== this.props.row._id) {
-        this.setState({
-          value: this.getLinkedCellValue(nextRow)
-        });
-      }
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      var containerClassName = this.props.containerClassName;
-      var classname = cn('dtable-ui cell-formatter-container link-formatter', containerClassName);
-      var displayValues = this.getDisplayValues();
-      return /*#__PURE__*/React.createElement("div", {
-        className: classname
-      }, displayValues);
-    }
-  }]);
-
-  return LinkFormatter;
-}(React.Component);
-
-LinkFormatter.defaultProps = {
-  enableOpenLinkedRow: false,
-  value: []
-};
-export default LinkFormatter;

package/es/components/cell-formatter/long-text-formatter.js

@@ -1,106 +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 cn from 'astro-classname';
-import getPreviewContent from '../../utils/normalize-long-text-value';
-
-var LongTextFormatter = /*#__PURE__*/function (_React$Component) {
-  _inherits(LongTextFormatter, _React$Component);
-
-  var _super = _createSuper(LongTextFormatter);
-
-  function LongTextFormatter() {
-    var _this;
-
-    _classCallCheck(this, LongTextFormatter);
-
-    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.renderLinks = function (value) {
-      var links = value.links;
-      if (!Array.isArray(links) || links.length === 0) return null;
-      return /*#__PURE__*/React.createElement("span", {
-        className: "long-text-links"
-      }, /*#__PURE__*/React.createElement("i", {
-        className: "dtable-font dtable-icon-url"
-      }), links.length);
-    };
-
-    _this.renderCheckList = function (value) {
-      var checkList = value.checklist;
-      if (!checkList || checkList.total === 0) return null;
-      return /*#__PURE__*/React.createElement("span", {
-        className: "long-text-check-list"
-      }, /*#__PURE__*/React.createElement("i", {
-        className: "dtable-font dtable-icon-check-square-solid ".concat(checkList.completed === checkList.total ? 'long-text-check-list-completed' : '')
-      }), "".concat(checkList.completed, "/").concat(checkList.total));
-    };
-
-    _this.renderImages = function (value) {
-      var images = value.images;
-      if (!Array.isArray(images) || images.length === 0) return null;
-      return /*#__PURE__*/React.createElement("span", {
-        className: "long-text-images"
-      }, /*#__PURE__*/React.createElement("img", {
-        src: images[0],
-        alt: ""
-      }), /*#__PURE__*/React.createElement("i", {
-        className: "image-number"
-      }, images.length > 1 ? '+' + images.length : null));
-    };
-
-    _this.renderContent = function (value) {
-      return /*#__PURE__*/React.createElement("span", {
-        className: "long-text-content"
-      }, value.preview);
-    };
-
-    _this.translateValue = function () {
-      var value = _this.props.value;
-      if (!value) return {};
-      var valueType = Object.prototype.toString.call(value);
-
-      if (valueType === '[object String]') {
-        return getPreviewContent(value);
-      }
-
-      if (valueType === '[object Object]') {
-        return value;
-      }
-
-      return {};
-    };
-
-    return _this;
-  }
-
-  _createClass(LongTextFormatter, [{
-    key: "render",
-    value: function render() {
-      var containerClassName = this.props.containerClassName;
-      var className = cn('dtable-ui cell-formatter-container long-text-formatter', containerClassName);
-      var value = this.translateValue();
-      return /*#__PURE__*/React.createElement("div", {
-        className: className
-      }, this.renderLinks(value), this.renderCheckList(value), this.renderImages(value), this.renderContent(value));
-    }
-  }]);
-
-  return LongTextFormatter;
-}(React.Component);
-
-LongTextFormatter.defaultProps = {
-  value: {
-    text: '',
-    images: [],
-    links: [],
-    preview: ''
-  }
-};
-export default LongTextFormatter;

package/es/components/cell-formatter/mtime-formatter.js

@@ -1,57 +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 cn from 'astro-classname';
-import moment from 'moment';
-
-var MTimeFormatter = /*#__PURE__*/function (_React$Component) {
-  _inherits(MTimeFormatter, _React$Component);
-
-  var _super = _createSuper(MTimeFormatter);
-
-  function MTimeFormatter() {
-    var _this;
-
-    _classCallCheck(this, MTimeFormatter);
-
-    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');
-    };
-
-    return _this;
-  }
-
-  _createClass(MTimeFormatter, [{
-    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);
-    }
-  }]);
-
-  return MTimeFormatter;
-}(React.Component);
-
-MTimeFormatter.defaultProps = {
-  value: '',
-  containerClassName: ''
-};
-export default MTimeFormatter;

package/es/components/cell-formatter/multiple-select-formatter.js

@@ -1,70 +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 cn from 'astro-classname';
-import SelectItem from '../common/select-item';
-
-var MultipleSelectFormatter = /*#__PURE__*/function (_React$PureComponent) {
-  _inherits(MultipleSelectFormatter, _React$PureComponent);
-
-  var _super = _createSuper(MultipleSelectFormatter);
-
-  function MultipleSelectFormatter() {
-    var _this;
-
-    _classCallCheck(this, MultipleSelectFormatter);
-
-    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.getOptions = function () {
-      var _this$props = _this.props,
-          value = _this$props.value,
-          options = _this$props.options;
-      return value.map(function (item) {
-        var option = options.find(function (option) {
-          return option.id === item || option.name === item;
-        });
-
-        if (option) {
-          return /*#__PURE__*/React.createElement(SelectItem, {
-            key: item,
-            option: option
-          });
-        }
-      });
-    };
-
-    return _this;
-  }
-
-  _createClass(MultipleSelectFormatter, [{
-    key: "render",
-    value: function render() {
-      var _this$props2 = this.props,
-          value = _this$props2.value,
-          containerClassName = _this$props2.containerClassName;
-      var classname = cn('dtable-ui cell-formatter-container multiple-select-formatter', containerClassName);
-
-      if (!value || Array.isArray(value) && value.length === 0) {
-        return /*#__PURE__*/React.createElement("div", {
-          className: classname
-        });
-      }
-
-      var options = this.getOptions();
-      return /*#__PURE__*/React.createElement("div", {
-        className: classname
-      }, options);
-    }
-  }]);
-
-  return MultipleSelectFormatter;
-}(React.PureComponent);
-
-export default MultipleSelectFormatter;

package/es/components/cell-formatter/number-formatter.js

@@ -1,46 +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 cn from 'astro-classname';
-import { formatNumberToString } from '../../utils/value-format-utils';
-
-var NumberFormatter = /*#__PURE__*/function (_React$Component) {
-  _inherits(NumberFormatter, _React$Component);
-
-  var _super = _createSuper(NumberFormatter);
-
-  function NumberFormatter() {
-    _classCallCheck(this, NumberFormatter);
-
-    return _super.apply(this, arguments);
-  }
-
-  _createClass(NumberFormatter, [{
-    key: "render",
-    value: function render() {
-      var _this$props = this.props,
-          number = _this$props.value,
-          data = _this$props.data,
-          containerClassName = _this$props.containerClassName;
-      var classname = cn('dtable-ui cell-formatter-container number-formatter', containerClassName);
-
-      if (number || number === 0) {
-        number = formatNumberToString(number, data);
-      }
-
-      return /*#__PURE__*/React.createElement("div", {
-        className: classname
-      }, number);
-    }
-  }]);
-
-  return NumberFormatter;
-}(React.Component);
-
-NumberFormatter.defaultProps = {
-  value: '',
-  containerClassName: ''
-};
-export default NumberFormatter;

package/es/components/cell-formatter/rate-formatter.js

@@ -1,74 +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 cn from 'astro-classname';
-
-var RateFormatter = /*#__PURE__*/function (_React$Component) {
-  _inherits(RateFormatter, _React$Component);
-
-  var _super = _createSuper(RateFormatter);
-
-  function RateFormatter() {
-    var _this;
-
-    _classCallCheck(this, RateFormatter);
-
-    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.getRateList = function () {
-      var _this$props = _this.props,
-          data = _this$props.data,
-          value = _this$props.value;
-      var rate_max_number = data.rate_max_number,
-          rate_style_color = data.rate_style_color;
-      var validValue = Math.min(rate_max_number, value);
-      var rateList = [];
-
-      for (var i = 0; i < validValue; i++) {
-        rateList.push( /*#__PURE__*/React.createElement("i", {
-          key: "dtable-ui-component-rate-".concat(i),
-          className: "dtable-font dtable-icon-star",
-          style: {
-            color: rate_style_color || '#e5e5e5'
-          }
-        }));
-      }
-
-      return rateList;
-    };
-
-    return _this;
-  }
-
-  _createClass(RateFormatter, [{
-    key: "render",
-    value: function render() {
-      var _this$props2 = this.props,
-          number = _this$props2.value,
-          containerClassName = _this$props2.containerClassName;
-      var className = cn('dtable-ui cell-formatter-container rate-formatter', containerClassName);
-      if (!number) return null;
-      var rateList = this.getRateList();
-      return /*#__PURE__*/React.createElement("div", {
-        className: className
-      }, rateList);
-    }
-  }]);
-
-  return RateFormatter;
-}(React.Component);
-
-RateFormatter.defaultProps = {
-  value: '',
-  containerClassName: ''
-};
-RateFormatter.defaultProps = {
-  editable: true
-};
-export default RateFormatter;

package/es/components/cell-formatter/single-select-formatter.js

@@ -1,69 +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 cn from 'astro-classname';
-import SelectItem from '../common/select-item';
-
-var SingleSelectFormatter = /*#__PURE__*/function (_React$PureComponent) {
-  _inherits(SingleSelectFormatter, _React$PureComponent);
-
-  var _super = _createSuper(SingleSelectFormatter);
-
-  function SingleSelectFormatter() {
-    var _this;
-
-    _classCallCheck(this, SingleSelectFormatter);
-
-    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.getOption = function () {
-      var _this$props = _this.props,
-          value = _this$props.value,
-          options = _this$props.options,
-          fontSize = _this$props.fontSize;
-      var option = options.find(function (item) {
-        return item.id === value || item.name === value;
-      });
-
-      if (option) {
-        return /*#__PURE__*/React.createElement(SelectItem, {
-          option: option,
-          fontSize: fontSize
-        });
-      }
-    };
-
-    return _this;
-  }
-
-  _createClass(SingleSelectFormatter, [{
-    key: "render",
-    value: function render() {
-      var _this$props2 = this.props,
-          containerClassName = _this$props2.containerClassName,
-          value = _this$props2.value;
-      var classname = cn('dtable-ui cell-formatter-container single-select-formatter', containerClassName);
-
-      if (!value) {
-        return /*#__PURE__*/React.createElement("div", {
-          className: classname
-        });
-      }
-
-      var option = this.getOption();
-      return /*#__PURE__*/React.createElement("div", {
-        className: classname
-      }, option);
-    }
-  }]);
-
-  return SingleSelectFormatter;
-}(React.PureComponent);
-
-export default SingleSelectFormatter;

package/es/components/cell-formatter/text-formatter.js

@@ -1,35 +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 cn from 'astro-classname';
-
-var TextFormatter = /*#__PURE__*/function (_React$Component) {
-  _inherits(TextFormatter, _React$Component);
-
-  var _super = _createSuper(TextFormatter);
-
-  function TextFormatter() {
-    _classCallCheck(this, TextFormatter);
-
-    return _super.apply(this, arguments);
-  }
-
-  _createClass(TextFormatter, [{
-    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 text-formatter', containerClassName);
-      return /*#__PURE__*/React.createElement("div", {
-        className: classname
-      }, value);
-    }
-  }]);
-
-  return TextFormatter;
-}(React.Component);
-
-export default TextFormatter;

package/es/components/cell-formatter/url-formatter.js

@@ -1,35 +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 cn from 'astro-classname';
-
-var UrlFormatter = /*#__PURE__*/function (_React$Component) {
-  _inherits(UrlFormatter, _React$Component);
-
-  var _super = _createSuper(UrlFormatter);
-
-  function UrlFormatter() {
-    _classCallCheck(this, UrlFormatter);
-
-    return _super.apply(this, arguments);
-  }
-
-  _createClass(UrlFormatter, [{
-    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 url-formatter', containerClassName);
-      return /*#__PURE__*/React.createElement("div", {
-        className: classname
-      }, value);
-    }
-  }]);
-
-  return UrlFormatter;
-}(React.Component);
-
-export default UrlFormatter;

package/es/components/cell-formatter/widgets/file-item-formatter.js

@@ -1,50 +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, { Component } from 'react';
-import { getFileIconUrl } from '../../../utils/utils';
-
-var FileItemFormatter = /*#__PURE__*/function (_Component) {
-  _inherits(FileItemFormatter, _Component);
-
-  var _super = _createSuper(FileItemFormatter);
-
-  function FileItemFormatter() {
-    var _this;
-
-    _classCallCheck(this, FileItemFormatter);
-
-    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.getFileIconData = function (item) {
-      var fileIconUrl = getFileIconUrl(item.name, item.type);
-
-      var fileIconData = require('../../../' + fileIconUrl);
-
-      return fileIconData;
-    };
-
-    return _this;
-  }
-
-  _createClass(FileItemFormatter, [{
-    key: "render",
-    value: function render() {
-      var file = this.props.file;
-      return /*#__PURE__*/React.createElement("img", {
-        className: "file-item-icon",
-        src: this.getFileIconData(file),
-        alt: file.name
-      });
-    }
-  }]);
-
-  return FileItemFormatter;
-}(Component);
-
-export default FileItemFormatter;