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

package/lib/EmailFormatter/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 EmailFormatter = /*#__PURE__*/function (_React$Component) {
-  _inherits(EmailFormatter, _React$Component);
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 
-  var _super = _createSuper(EmailFormatter);
+exports.__esModule = true;
+exports.default = void 0;
 
-  function EmailFormatter() {
-    _classCallCheck(this, EmailFormatter);
+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,
+  containerClassName: _propTypes.default.string
+};
+
+var EmailFormatter = /*#__PURE__*/function (_React$Component) {
+  (0, _inheritsLoose2.default)(EmailFormatter, _React$Component);
+
+  function EmailFormatter() {
+    return _React$Component.apply(this, arguments) || this;
   }
 
-  _createClass(EmailFormatter, [{
-    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 email-formatter', containerClassName);
-      return /*#__PURE__*/React.createElement("div", {
-        className: classname
-      }, value);
-    }
-  }]);
+  var _proto = EmailFormatter.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 email-formatter', containerClassName);
+    return /*#__PURE__*/_react.default.createElement("div", {
+      className: classname
+    }, value);
+  };
 
   return EmailFormatter;
-}(React.Component);
+}(_react.default.Component);
 
-export default EmailFormatter;
+EmailFormatter.propTypes = propTypes;
+var _default = EmailFormatter;
+exports.default = _default;

package/lib/FileFormatter/index.js

@@ -1,64 +1,79 @@
-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 FileItemFormatter from '../FileItemFormatter';
-import './index.css';
+"use strict";
 
-var FileFormatter = /*#__PURE__*/function (_React$PureComponent) {
-  _inherits(FileFormatter, _React$PureComponent);
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 
-  var _super = _createSuper(FileFormatter);
+exports.__esModule = true;
+exports.default = void 0;
 
-  function FileFormatter() {
-    _classCallCheck(this, FileFormatter);
+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 _FileItemFormatter = _interopRequireDefault(require("../FileItemFormatter"));
+
+require("./index.css");
+
+var propTypes = {
+  isSample: _propTypes.default.bool,
+  value: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.array]),
+  containerClassName: _propTypes.default.string
+};
 
-    return _super.apply(this, arguments);
+var FileFormatter = /*#__PURE__*/function (_React$PureComponent) {
+  (0, _inheritsLoose2.default)(FileFormatter, _React$PureComponent);
+
+  function FileFormatter() {
+    return _React$PureComponent.apply(this, arguments) || this;
   }
 
-  _createClass(FileFormatter, [{
-    key: "render",
-    value: function render() {
-      var _this$props = this.props,
-          isSample = _this$props.isSample,
-          value = _this$props.value,
-          containerClassName = _this$props.containerClassName;
-      var className = cn('dtable-ui cell-formatter-container file-formatter', containerClassName);
-
-      if (!Array.isArray(value) || value.length === 0) {
-        return null;
-      }
-
-      if (isSample) {
-        var item = value[0];
-        return /*#__PURE__*/React.createElement("div", {
-          className: className
-        }, /*#__PURE__*/React.createElement(FileItemFormatter, {
-          file: item
-        }), value.length !== 1 && /*#__PURE__*/React.createElement("span", {
-          className: "file-item-count"
-        }, "+".concat(value.length)));
-      }
-
-      return /*#__PURE__*/React.createElement("div", {
+  var _proto = FileFormatter.prototype;
+
+  _proto.render = function render() {
+    var _this$props = this.props,
+        isSample = _this$props.isSample,
+        value = _this$props.value,
+        containerClassName = _this$props.containerClassName;
+    var className = (0, _astroClassname.default)('dtable-ui cell-formatter-container file-formatter', containerClassName);
+
+    if (!Array.isArray(value) || value.length === 0) {
+      return null;
+    }
+
+    if (isSample) {
+      var item = value[0];
+      return /*#__PURE__*/_react.default.createElement("div", {
         className: className
-      }, value.map(function (item, index) {
-        return /*#__PURE__*/React.createElement(FileItemFormatter, {
-          file: item,
-          key: index
-        });
-      }));
+      }, /*#__PURE__*/_react.default.createElement(_FileItemFormatter.default, {
+        file: item
+      }), value.length !== 1 && /*#__PURE__*/_react.default.createElement("span", {
+        className: "file-item-count"
+      }, "+" + value.length));
     }
-  }]);
+
+    return /*#__PURE__*/_react.default.createElement("div", {
+      className: className
+    }, value.map(function (item, index) {
+      return /*#__PURE__*/_react.default.createElement(_FileItemFormatter.default, {
+        file: item,
+        key: index
+      });
+    }));
+  };
 
   return FileFormatter;
-}(React.PureComponent);
+}(_react.default.PureComponent);
 
-FileFormatter.defaultProps = {
+(0, _defineProperty2.default)(FileFormatter, "defaultProps", {
   isSample: false,
   value: [],
   containerClassName: ''
-};
-export default FileFormatter;
+});
+FileFormatter.propTypes = propTypes;
+var _default = FileFormatter;
+exports.default = _default;

package/lib/FileItemFormatter/index.js

@@ -1,50 +1,63 @@
-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';
+"use strict";
 
-var FileItemFormatter = /*#__PURE__*/function (_Component) {
-  _inherits(FileItemFormatter, _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 = _interopRequireWildcard(require("react"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _utils = require("../utils/utils");
 
-  var _super = _createSuper(FileItemFormatter);
+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 FileItemFormatter = /*#__PURE__*/function (_Component) {
+  (0, _inheritsLoose2.default)(FileItemFormatter, _Component);
 
   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 = _Component.call.apply(_Component, [this].concat(args)) || this;
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "getFileIconData", function (item) {
+      var fileIconUrl = (0, _utils.getFileIconUrl)(item.name, item.type);
 
-    _this.getFileIconData = function (item) {
-      var fileIconUrl = getFileIconUrl(item.name, item.type);
-
-      var fileIconData = require(fileIconUrl);
+      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
-      });
-    }
-  }]);
+  var _proto = FileItemFormatter.prototype;
+
+  _proto.render = function render() {
+    var file = this.props.file;
+    return /*#__PURE__*/_react.default.createElement("img", {
+      className: "file-item-icon",
+      src: this.getFileIconData(file),
+      alt: file.name
+    });
+  };
 
   return FileItemFormatter;
-}(Component);
+}(_react.Component);
 
-export default FileItemFormatter;
+FileItemFormatter.propTypes = {
+  file: _propTypes.default.string.isRequired
+};
+var _default = FileItemFormatter;
+exports.default = _default;

package/lib/FileUploader/index.js

@@ -1,53 +1,63 @@
-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';
+"use strict";
 
-var FileUploader = /*#__PURE__*/function (_React$Component) {
-  _inherits(FileUploader, _React$Component);
-
-  var _super = _createSuper(FileUploader);
-
-  function FileUploader(props) {
-    var _this;
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 
-    _classCallCheck(this, FileUploader);
+exports.__esModule = true;
+exports.default = void 0;
 
-    _this = _super.call(this, props);
+var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
 
-    _this.onFilesChanged = function () {};
+var _inheritsLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/inheritsLoose"));
 
-    _this.uploadFiles = function (fileList) {
-      var isMultiple = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
-    };
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 
-    _this.checkRepeat = function () {};
+var _react = _interopRequireDefault(require("react"));
 
-    _this.cancelUploadFile = function () {};
+var _propTypes = _interopRequireDefault(require("prop-types"));
 
-    _this.onFileUploadProgress = function () {};
+var propTypes = {
+  isCheckRepeat: _propTypes.default.bool,
+  onFileUploadProgress: _propTypes.default.func,
+  onFileUploadSuccss: _propTypes.default.func,
+  onFileUploadFailed: _propTypes.default.func,
+  dtableWebAPI: _propTypes.default.object.isRequired
+};
 
-    _this.onFileUploadSuccss = function () {};
+var FileUploader = /*#__PURE__*/function (_React$Component) {
+  (0, _inheritsLoose2.default)(FileUploader, _React$Component);
 
-    _this.onFileUploadFailed = function () {};
+  function FileUploader(props) {
+    var _this;
 
+    _this = _React$Component.call(this, props) || this;
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "onFilesChanged", function () {});
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "uploadFiles", function (fileList, isMultiple) {
+      if (isMultiple === void 0) {
+        isMultiple = false;
+      }
+    });
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "checkRepeat", function () {});
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "cancelUploadFile", function () {});
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "onFileUploadProgress", function () {});
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "onFileUploadSuccss", function () {});
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "onFileUploadFailed", function () {});
     _this.state = {};
     _this.uploadFiles = [];
     return _this;
   }
 
-  _createClass(FileUploader, [{
-    key: "render",
-    value: function render() {
-      return /*#__PURE__*/React.createElement("input", {
-        type: "file",
-        onChange: this.onFilesChanged
-      });
-    }
-  }]);
+  var _proto = FileUploader.prototype;
+
+  _proto.render = function render() {
+    return /*#__PURE__*/_react.default.createElement("input", {
+      type: "file",
+      onChange: this.onFilesChanged
+    });
+  };
 
   return FileUploader;
-}(React.Component);
+}(_react.default.Component);
 
-export default FileUploader;
+FileUploader.propTypes = propTypes;
+var _default = FileUploader;
+exports.default = _default;

package/lib/FormulaFormatter/index.js

@@ -1,37 +1,61 @@
-import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
-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 { FORMULA_RESULT_TYPE, CellType } from '../constants';
-import cellFormatterFactory from '../cellFormatterFactory';
-import { isFunction } from '../utils/utils';
-import TextFormatter from '../TextFormatter';
-import { isArrayFormalColumn, isSimpleCellFormatter } from '../utils/column-utils';
-import cellValueValidator from '../utils/cell-value-validator';
-import { getFormulaDisplayString } from '../utils/value-format-utils';
-import './index.css';
+"use strict";
 
-var FormulaFormatter = /*#__PURE__*/function (_React$Component) {
-  _inherits(FormulaFormatter, _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 _constants = require("../constants");
+
+var _cellFormatterFactory = _interopRequireDefault(require("../cellFormatterFactory"));
+
+var _utils = require("../utils/utils");
+
+var _TextFormatter = _interopRequireDefault(require("../TextFormatter"));
+
+var _columnUtils = require("../utils/column-utils");
+
+var _cellValueValidator = _interopRequireDefault(require("../utils/cell-value-validator"));
+
+var _valueFormatUtils = require("../utils/value-format-utils");
+
+require("./index.css");
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
 
-  var _super = _createSuper(FormulaFormatter);
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
+var propTypes = {
+  value: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.number, _propTypes.default.object, _propTypes.default.bool]),
+  column: _propTypes.default.Object,
+  containerClassName: _propTypes.default.string,
+  collaborators: _propTypes.default.array
+};
+
+var FormulaFormatter = /*#__PURE__*/function (_React$Component) {
+  (0, _inheritsLoose2.default)(FormulaFormatter, _React$Component);
 
   function FormulaFormatter() {
     var _this;
 
-    _classCallCheck(this, FormulaFormatter);
-
     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.getGridCellClassName = function (resultType) {
+    _this = _React$Component.call.apply(_React$Component, [this].concat(args)) || this;
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "getGridCellClassName", function (resultType) {
       switch (resultType) {
-        case FORMULA_RESULT_TYPE.NUMBER:
+        case _constants.FORMULA_RESULT_TYPE.NUMBER:
           {
             return 'text-right';
           }
@@ -41,9 +65,8 @@ var FormulaFormatter = /*#__PURE__*/function (_React$Component) {
             return '';
           }
       }
-    };
-
-    _this.renderOtherColumnFormatter = function () {
+    });
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "renderOtherColumnFormatter", function () {
       var _this$props = _this.props,
           value = _this$props.value,
           column = _this$props.column,
@@ -52,42 +75,41 @@ var FormulaFormatter = /*#__PURE__*/function (_React$Component) {
       var array_type = columnData.array_type,
           array_data = columnData.array_data;
 
-      if (!array_type || array_type === CellType.LINK) {
+      if (!array_type || array_type === _constants.CellType.LINK) {
         return null;
       }
 
-      var Formatter = cellFormatterFactory.createFormatter(array_type);
+      var Formatter = _cellFormatterFactory.default.createFormatter(array_type);
 
       var formatterProps = _this.getFormatterProps(array_type, array_data, collaborators);
 
-      if (isArrayFormalColumn(array_type)) {
+      if ((0, _columnUtils.isArrayFormalColumn)(array_type)) {
         formatterProps.value = value;
         return _this.createColumnFormatter(Formatter, formatterProps);
       }
 
-      var _isSimpleCellFormatterColumn = isSimpleCellFormatter(array_type);
+      var _isSimpleCellFormatterColumn = (0, _columnUtils.isSimpleCellFormatter)(array_type);
 
       var cellValue = value;
 
       if (!Array.isArray(value)) {
-        cellValue = cellValueValidator(value, array_type) ? [value] : [];
+        cellValue = (0, _cellValueValidator.default)(value, array_type) ? [value] : [];
       }
 
-      var contentItemClassName = "formula-formatter-content-item ".concat(_isSimpleCellFormatterColumn ? 'simple-cell-formatter' : '');
-      return /*#__PURE__*/React.createElement("div", {
+      var contentItemClassName = "formula-formatter-content-item " + (_isSimpleCellFormatterColumn ? 'simple-cell-formatter' : '');
+      return /*#__PURE__*/_react.default.createElement("div", {
         className: "dtable-ui formula-formatter multiple"
       }, cellValue.map(function (v, index) {
         formatterProps.value = v;
-        return /*#__PURE__*/React.createElement("div", {
+        return /*#__PURE__*/_react.default.createElement("div", {
           className: contentItemClassName,
-          key: "formula-formatter-content-item-".concat(index)
+          key: "formula-formatter-content-item-" + index
         }, _this.createColumnFormatter(Formatter, formatterProps));
       }));
-    };
-
-    _this.getFormatterProps = function (array_type, array_data, collaborators) {
+    });
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "getFormatterProps", function (array_type, array_data, collaborators) {
       switch (array_type) {
-        case CellType.DURATION:
+        case _constants.CellType.DURATION:
           {
             var duration_format = array_data.duration_format;
             return {
@@ -95,9 +117,9 @@ var FormulaFormatter = /*#__PURE__*/function (_React$Component) {
             };
           }
 
-        case CellType.NUMBER:
-        case CellType.RATE:
-        case CellType.GEOLOCATION:
+        case _constants.CellType.NUMBER:
+        case _constants.CellType.RATE:
+        case _constants.CellType.GEOLOCATION:
           {
             return {
               data: array_data
@@ -111,54 +133,53 @@ var FormulaFormatter = /*#__PURE__*/function (_React$Component) {
             });
           }
       }
-    };
-
+    });
     return _this;
   }
 
-  _createClass(FormulaFormatter, [{
-    key: "createColumnFormatter",
-    value: function createColumnFormatter(Formatter, formatterProps) {
-      if (React.isValidElement(Formatter)) {
-        return React.cloneElement(Formatter, _objectSpread({}, formatterProps));
-      } else if (isFunction(Formatter)) {
-        return /*#__PURE__*/React.createElement(Formatter, formatterProps);
-      }
+  var _proto = FormulaFormatter.prototype;
 
-      return /*#__PURE__*/React.createElement(TextFormatter, formatterProps);
+  _proto.createColumnFormatter = function createColumnFormatter(Formatter, formatterProps) {
+    if ( /*#__PURE__*/_react.default.isValidElement(Formatter)) {
+      return /*#__PURE__*/_react.default.cloneElement(Formatter, _objectSpread({}, formatterProps));
+    } else if ((0, _utils.isFunction)(Formatter)) {
+      return /*#__PURE__*/_react.default.createElement(Formatter, formatterProps);
     }
-  }, {
-    key: "render",
-    value: function render() {
-      var _this$props2 = this.props,
-          value = _this$props2.value,
-          containerClassName = _this$props2.containerClassName,
-          column = _this$props2.column,
-          collaborators = _this$props2.collaborators;
-      var columnData = column.data;
-      var resultType = columnData.result_type;
 
-      if (resultType === FORMULA_RESULT_TYPE.ARRAY) {
-        return this.renderOtherColumnFormatter();
-      }
+    return /*#__PURE__*/_react.default.createElement(_TextFormatter.default, formatterProps);
+  };
 
-      if (typeof value === 'object') {
-        return null;
-      }
+  _proto.render = function render() {
+    var _this$props2 = this.props,
+        value = _this$props2.value,
+        containerClassName = _this$props2.containerClassName,
+        column = _this$props2.column,
+        collaborators = _this$props2.collaborators;
+    var columnData = column.data;
+    var resultType = columnData.result_type;
+
+    if (resultType === _constants.FORMULA_RESULT_TYPE.ARRAY) {
+      return this.renderOtherColumnFormatter();
+    }
 
-      var gridCellClassName = this.getGridCellClassName(resultType);
-      var formattedValue = getFormulaDisplayString(value, columnData, {
-        collaborators: collaborators
-      });
-      return /*#__PURE__*/React.createElement("div", {
-        className: "dtable-ui cell-formatter-container formula-formatter ".concat(containerClassName, " ").concat(gridCellClassName),
-        title: formattedValue,
-        "aria-label": formattedValue
-      }, formattedValue);
+    if (typeof value === 'object') {
+      return null;
     }
-  }]);
+
+    var gridCellClassName = this.getGridCellClassName(resultType);
+    var formattedValue = (0, _valueFormatUtils.getFormulaDisplayString)(value, columnData, {
+      collaborators: collaborators
+    });
+    return /*#__PURE__*/_react.default.createElement("div", {
+      className: "dtable-ui cell-formatter-container formula-formatter " + containerClassName + " " + gridCellClassName,
+      title: formattedValue,
+      "aria-label": formattedValue
+    }, formattedValue);
+  };
 
   return FormulaFormatter;
-}(React.Component);
+}(_react.default.Component);
 
-export default FormulaFormatter;
+FormulaFormatter.propTypes = propTypes;
+var _default = FormulaFormatter;
+exports.default = _default;