dtable-ui-component 0.1.75-beta → 0.1.75-beta1

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

@@ -0,0 +1,165 @@
+"use strict";
+
+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 CellTypes = _interopRequireWildcard(require("../../constants/cell-types"));
+
+var _valueFormatUtils = require("../../utils/value-format-utils");
+
+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; }
+
+var propTypes = {
+  containerClassName: _propTypes.default.string,
+  row: _propTypes.default.object.isRequired,
+  column: _propTypes.default.object.isRequired,
+  enableOpenLinkedRow: _propTypes.default.bool,
+  currentTableId: _propTypes.default.string.isRequired,
+  linkMetaData: _propTypes.default.shape({
+    getLinkedTable: _propTypes.default.func.isRequired,
+    getLinkedRows: _propTypes.default.func.isRequired,
+    getLinkedCellValue: _propTypes.default.func.isRequired,
+    expandLinkedTableRow: _propTypes.default.func.isRequired
+  })
+}; // link value is  get form parant's interface
+
+var LinkFormatter = /*#__PURE__*/function (_React$Component) {
+  (0, _inheritsLoose2.default)(LinkFormatter, _React$Component);
+
+  function LinkFormatter(props) {
+    var _this;
+
+    _this = _React$Component.call(this, props) || this;
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_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);
+    });
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "expandLinkedTableRow", function (row) {
+      var _this$props2 = _this.props,
+          enableOpenLinkedRow = _this$props2.enableOpenLinkedRow,
+          linkMetaData = _this$props2.linkMetaData;
+
+      if (enableOpenLinkedRow) {
+        linkMetaData.expandLinkedTableRow(row, _this.otherTableID);
+      }
+    });
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_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.default.createElement("div", {
+            key: index,
+            className: "link-item",
+            onClick: _this.expandLinkedTableRow.bind((0, _assertThisInitialized2.default)(_this), row)
+          }, /*#__PURE__*/_react.default.createElement("div", {
+            className: "link-name"
+          }, displayValue));
+        });
+        return result;
+      }
+
+      return null;
+    });
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_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 (0, _valueFormatUtils.getNumberDisplayString)(value, data);
+          }
+
+        case CellTypes.DATE:
+          {
+            var format = data.format;
+            return (0, _valueFormatUtils.getDateDisplayString)(value, format);
+          }
+
+        default:
+          return value;
+      }
+    });
+    _this.linkID = '';
+    _this.tableID = '';
+    _this.otherTableID = '';
+    _this.state = {
+      value: _this.getLinkedCellValue(props.row)
+    };
+    return _this;
+  }
+
+  var _proto = LinkFormatter.prototype;
+
+  _proto.componentWillReceiveProps = function componentWillReceiveProps(nextProps) {
+    var nextRow = nextProps.row;
+
+    if (nextRow._id !== this.props.row._id) {
+      this.setState({
+        value: this.getLinkedCellValue(nextRow)
+      });
+    }
+  };
+
+  _proto.render = function render() {
+    var containerClassName = this.props.containerClassName;
+    var classname = (0, _astroClassname.default)('dtable-ui cell-formatter-container link-formatter', containerClassName);
+    var displayValues = this.getDisplayValues();
+    return /*#__PURE__*/_react.default.createElement("div", {
+      className: classname
+    }, displayValues);
+  };
+
+  return LinkFormatter;
+}(_react.default.Component);
+
+(0, _defineProperty2.default)(LinkFormatter, "defaultProps", {
+  enableOpenLinkedRow: false,
+  value: []
+});
+LinkFormatter.propTypes = propTypes;
+var _default = LinkFormatter;
+exports.default = _default;

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

@@ -0,0 +1,46 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+exports.__esModule = true;
+exports.default = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _astroClassname = _interopRequireDefault(require("astro-classname"));
+
+var _htmlLongTextFormatter = _interopRequireDefault(require("./widgets/long-text-formatter/html-long-text-formatter"));
+
+var _simpleLongTextFormatter = _interopRequireDefault(require("./widgets/long-text-formatter/simple-long-text-formatter"));
+
+function LongTextFormatter(props) {
+  var isSample = props.isSample,
+      value = props.value,
+      containerClassName = props.containerClassName;
+  var className = (0, _astroClassname.default)('dtable-ui cell-formatter-container long-text-formatter', containerClassName);
+
+  if (isSample) {
+    return /*#__PURE__*/_react.default.createElement(_simpleLongTextFormatter.default, {
+      value: value,
+      className: className
+    });
+  }
+
+  return /*#__PURE__*/_react.default.createElement(_htmlLongTextFormatter.default, {
+    value: value,
+    className: className
+  });
+}
+
+LongTextFormatter.propTypes = {
+  isSample: _propTypes.default.bool,
+  value: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.object]),
+  containerClassName: _propTypes.default.string
+};
+LongTextFormatter.defaultProps = {
+  isSample: true
+};
+var _default = LongTextFormatter;
+exports.default = _default;

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

@@ -0,0 +1,70 @@
+"use strict";
+
+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"));
+
+var propTypes = {
+  value: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.number]),
+  containerClassName: _propTypes.default.string
+};
+
+var MTimeFormatter = /*#__PURE__*/function (_React$Component) {
+  (0, _inheritsLoose2.default)(MTimeFormatter, _React$Component);
+
+  function MTimeFormatter() {
+    var _this;
+
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+
+    _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;
+  }
+
+  var _proto = MTimeFormatter.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 MTimeFormatter;
+}(_react.default.Component);
+
+(0, _defineProperty2.default)(MTimeFormatter, "defaultProps", {
+  value: '',
+  containerClassName: ''
+});
+MTimeFormatter.propTypes = propTypes;
+var _default = MTimeFormatter;
+exports.default = _default;

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

@@ -0,0 +1,84 @@
+"use strict";
+
+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 _selectItem = _interopRequireDefault(require("../common/select-item"));
+
+var propTypes = {
+  value: _propTypes.default.array,
+  fontSize: _propTypes.default.number,
+  containerClassName: _propTypes.default.string,
+  options: _propTypes.default.array.isRequired
+};
+
+var MultipleSelectFormatter = /*#__PURE__*/function (_React$PureComponent) {
+  (0, _inheritsLoose2.default)(MultipleSelectFormatter, _React$PureComponent);
+
+  function MultipleSelectFormatter() {
+    var _this;
+
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+
+    _this = _React$PureComponent.call.apply(_React$PureComponent, [this].concat(args)) || this;
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "getOptions", function () {
+      var _this$props = _this.props,
+          value = _this$props.value,
+          options = _this$props.options;
+      if (!Array.isArray(value) || !Array.isArray(options)) return [];
+      var selectedOptions = options.filter(function (option) {
+        return value.includes(option.id) || value.includes(option.name);
+      });
+      if (selectedOptions.length === 0) return [];
+      return selectedOptions.map(function (option) {
+        return /*#__PURE__*/_react.default.createElement(_selectItem.default, {
+          key: "multiple-" + option.id,
+          option: option
+        });
+      });
+    });
+    return _this;
+  }
+
+  var _proto = MultipleSelectFormatter.prototype;
+
+  _proto.render = function render() {
+    var _this$props2 = this.props,
+        value = _this$props2.value,
+        containerClassName = _this$props2.containerClassName;
+    var classname = (0, _astroClassname.default)('dtable-ui cell-formatter-container multiple-select-formatter', containerClassName);
+
+    if (!value || Array.isArray(value) && value.length === 0) {
+      return /*#__PURE__*/_react.default.createElement("div", {
+        className: classname
+      });
+    }
+
+    var options = this.getOptions();
+    return /*#__PURE__*/_react.default.createElement("div", {
+      className: classname
+    }, options);
+  };
+
+  return MultipleSelectFormatter;
+}(_react.default.PureComponent);
+
+MultipleSelectFormatter.propTypes = propTypes;
+var _default = MultipleSelectFormatter;
+exports.default = _default;

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

@@ -0,0 +1,60 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+exports.__esModule = true;
+exports.default = void 0;
+
+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 _valueFormatUtils = require("../../utils/value-format-utils");
+
+var propTypes = {
+  value: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.number]),
+  data: _propTypes.default.object,
+  containerClassName: _propTypes.default.string
+};
+
+var NumberFormatter = /*#__PURE__*/function (_React$Component) {
+  (0, _inheritsLoose2.default)(NumberFormatter, _React$Component);
+
+  function NumberFormatter() {
+    return _React$Component.apply(this, arguments) || this;
+  }
+
+  var _proto = NumberFormatter.prototype;
+
+  _proto.render = function render() {
+    var _this$props = this.props,
+        number = _this$props.value,
+        data = _this$props.data,
+        containerClassName = _this$props.containerClassName;
+    var classname = (0, _astroClassname.default)('dtable-ui cell-formatter-container number-formatter', containerClassName);
+
+    if (number || number === 0) {
+      number = (0, _valueFormatUtils.getNumberDisplayString)(number, data);
+    }
+
+    return /*#__PURE__*/_react.default.createElement("div", {
+      className: classname
+    }, number);
+  };
+
+  return NumberFormatter;
+}(_react.default.Component);
+
+(0, _defineProperty2.default)(NumberFormatter, "defaultProps", {
+  value: '',
+  containerClassName: ''
+});
+NumberFormatter.propTypes = propTypes;
+var _default = NumberFormatter;
+exports.default = _default;

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

@@ -0,0 +1,93 @@
+"use strict";
+
+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 propTypes = {
+  value: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.number]),
+  // default cell is string
+  data: _propTypes.default.object,
+  containerClassName: _propTypes.default.string
+};
+
+var RateFormatter = /*#__PURE__*/function (_React$Component) {
+  (0, _inheritsLoose2.default)(RateFormatter, _React$Component);
+
+  function RateFormatter() {
+    var _this;
+
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+
+    _this = _React$Component.call.apply(_React$Component, [this].concat(args)) || this;
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "getRateList", function () {
+      var _this$props = _this.props,
+          data = _this$props.data,
+          value = _this$props.value;
+
+      var _ref = data || {},
+          _ref$rate_max_number = _ref.rate_max_number,
+          rate_max_number = _ref$rate_max_number === void 0 ? 5 : _ref$rate_max_number,
+          _ref$rate_style_color = _ref.rate_style_color,
+          rate_style_color = _ref$rate_style_color === void 0 ? '#e5e5e5' : _ref$rate_style_color;
+
+      var validValue = Math.min(rate_max_number, value);
+      var rateList = [];
+
+      for (var i = 0; i < validValue; i++) {
+        rateList.push( /*#__PURE__*/_react.default.createElement("i", {
+          key: "dtable-ui-component-rate-" + i,
+          className: "dtable-font dtable-icon-star",
+          style: {
+            color: rate_style_color || '#e5e5e5'
+          }
+        }));
+      }
+
+      return rateList;
+    });
+    return _this;
+  }
+
+  var _proto = RateFormatter.prototype;
+
+  _proto.render = function render() {
+    var _this$props2 = this.props,
+        number = _this$props2.value,
+        containerClassName = _this$props2.containerClassName;
+    var className = (0, _astroClassname.default)('dtable-ui cell-formatter-container rate-formatter', containerClassName);
+    if (!number) return null;
+    var rateList = this.getRateList();
+    return /*#__PURE__*/_react.default.createElement("div", {
+      className: className
+    }, rateList);
+  };
+
+  return RateFormatter;
+}(_react.default.Component);
+
+(0, _defineProperty2.default)(RateFormatter, "defaultProps", {
+  value: '',
+  containerClassName: ''
+});
+RateFormatter.defaultProps = {
+  editable: true
+};
+RateFormatter.propTypes = propTypes;
+var _default = RateFormatter;
+exports.default = _default;

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

@@ -0,0 +1,84 @@
+"use strict";
+
+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 _selectItem = _interopRequireDefault(require("../common/select-item"));
+
+var propTypes = {
+  value: _propTypes.default.string,
+  containerClassName: _propTypes.default.string,
+  fontSize: _propTypes.default.number,
+  options: _propTypes.default.array.isRequired
+};
+
+var SingleSelectFormatter = /*#__PURE__*/function (_React$PureComponent) {
+  (0, _inheritsLoose2.default)(SingleSelectFormatter, _React$PureComponent);
+
+  function SingleSelectFormatter() {
+    var _this;
+
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+
+    _this = _React$PureComponent.call.apply(_React$PureComponent, [this].concat(args)) || this;
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_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.default.createElement(_selectItem.default, {
+          option: option,
+          fontSize: fontSize
+        });
+      }
+    });
+    return _this;
+  }
+
+  var _proto = SingleSelectFormatter.prototype;
+
+  _proto.render = function render() {
+    var _this$props2 = this.props,
+        containerClassName = _this$props2.containerClassName,
+        value = _this$props2.value;
+    var classname = (0, _astroClassname.default)('dtable-ui cell-formatter-container single-select-formatter', containerClassName);
+
+    if (!value) {
+      return /*#__PURE__*/_react.default.createElement("div", {
+        className: classname
+      });
+    }
+
+    var option = this.getOption();
+    return /*#__PURE__*/_react.default.createElement("div", {
+      className: classname
+    }, option);
+  };
+
+  return SingleSelectFormatter;
+}(_react.default.PureComponent);
+
+SingleSelectFormatter.propTypes = propTypes;
+var _default = SingleSelectFormatter;
+exports.default = _default;

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

@@ -0,0 +1,67 @@
+"use strict";
+
+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 propTypes = {
+  value: _propTypes.default.string,
+  containerClassName: _propTypes.default.string
+};
+
+var TextFormatter = /*#__PURE__*/function (_React$Component) {
+  (0, _inheritsLoose2.default)(TextFormatter, _React$Component);
+
+  function TextFormatter() {
+    var _this;
+
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+
+    _this = _React$Component.call.apply(_React$Component, [this].concat(args)) || this;
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "getFormattedValue", function (val) {
+      if (typeof val === 'object') {
+        return null;
+      }
+
+      if (Object.prototype.toString.call(val) === '[object Boolean]') {
+        return val + '';
+      }
+
+      return val;
+    });
+    return _this;
+  }
+
+  var _proto = TextFormatter.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 text-formatter', containerClassName);
+    return /*#__PURE__*/_react.default.createElement("div", {
+      className: classname
+    }, this.getFormattedValue(value));
+  };
+
+  return TextFormatter;
+}(_react.default.Component);
+
+TextFormatter.propTypes = propTypes;
+var _default = TextFormatter;
+exports.default = _default;