dtable-ui-component 0.1.75-beta3 → 0.1.75-beta4

package/lib/FileFormatter/index.js

@@ -1,79 +1,64 @@
-"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 _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
-};
+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';
 
 var FileFormatter = /*#__PURE__*/function (_React$PureComponent) {
-  (0, _inheritsLoose2.default)(FileFormatter, _React$PureComponent);
+  _inherits(FileFormatter, _React$PureComponent);
 
-  function FileFormatter() {
-    return _React$PureComponent.apply(this, arguments) || this;
-  }
+  var _super = _createSuper(FileFormatter);
 
-  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);
+  function FileFormatter() {
+    _classCallCheck(this, FileFormatter);
 
-    if (!Array.isArray(value) || value.length === 0) {
-      return null;
-    }
+    return _super.apply(this, arguments);
+  }
 
-    if (isSample) {
-      var item = value[0];
-      return /*#__PURE__*/_react.default.createElement("div", {
+  _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", {
         className: className
-      }, /*#__PURE__*/_react.default.createElement(_FileItemFormatter.default, {
-        file: item
-      }), value.length !== 1 && /*#__PURE__*/_react.default.createElement("span", {
-        className: "file-item-count"
-      }, "+" + value.length));
+      }, value.map(function (item, index) {
+        return /*#__PURE__*/React.createElement(FileItemFormatter, {
+          file: item,
+          key: index
+        });
+      }));
     }
-
-    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.default.PureComponent);
+}(React.PureComponent);
 
-(0, _defineProperty2.default)(FileFormatter, "defaultProps", {
+FileFormatter.defaultProps = {
   isSample: false,
   value: [],
   containerClassName: ''
-});
-FileFormatter.propTypes = propTypes;
-var _default = FileFormatter;
-exports.default = _default;
+};
+export default FileFormatter;

package/lib/FileItemFormatter/index.js

@@ -1,63 +1,51 @@
-"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 = _interopRequireWildcard(require("react"));
-
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
-var _utils = require("../utils/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; }
+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) {
-  (0, _inheritsLoose2.default)(FileItemFormatter, _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 = _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 = _super.call.apply(_super, [this].concat(args));
 
-      var fileIconData = require('' + fileIconUrl);
+    _this.getFileIconData = function (item) {
+      var fileIconUrl = getFileIconUrl(item.name, item.type);
+      console.log(fileIconUrl);
+
+      var fileIconData = require('./' + fileIconUrl);
 
       return fileIconData;
-    });
+    };
+
     return _this;
   }
 
-  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
-    });
-  };
+  _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;
-}(_react.Component);
+}(Component);
 
-FileItemFormatter.propTypes = {
-  file: _propTypes.default.string.isRequired
-};
-var _default = FileItemFormatter;
-exports.default = _default;
+export default FileItemFormatter;

package/lib/FileUploader/index.js

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

package/lib/FormulaFormatter/index.js

@@ -1,61 +1,37 @@
-"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 _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; }
-
-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
-};
+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';
 
 var FormulaFormatter = /*#__PURE__*/function (_React$Component) {
-  (0, _inheritsLoose2.default)(FormulaFormatter, _React$Component);
+  _inherits(FormulaFormatter, _React$Component);
+
+  var _super = _createSuper(FormulaFormatter);
 
   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 = _React$Component.call.apply(_React$Component, [this].concat(args)) || this;
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "getGridCellClassName", function (resultType) {
+    _this = _super.call.apply(_super, [this].concat(args));
+
+    _this.getGridCellClassName = function (resultType) {
       switch (resultType) {
-        case _constants.FORMULA_RESULT_TYPE.NUMBER:
+        case FORMULA_RESULT_TYPE.NUMBER:
           {
             return 'text-right';
           }
@@ -65,8 +41,9 @@ var FormulaFormatter = /*#__PURE__*/function (_React$Component) {
             return '';
           }
       }
-    });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "renderOtherColumnFormatter", function () {
+    };
+
+    _this.renderOtherColumnFormatter = function () {
       var _this$props = _this.props,
           value = _this$props.value,
           column = _this$props.column,
@@ -75,41 +52,42 @@ var FormulaFormatter = /*#__PURE__*/function (_React$Component) {
       var array_type = columnData.array_type,
           array_data = columnData.array_data;
 
-      if (!array_type || array_type === _constants.CellType.LINK) {
+      if (!array_type || array_type === CellType.LINK) {
         return null;
       }
 
-      var Formatter = _cellFormatterFactory.default.createFormatter(array_type);
+      var Formatter = cellFormatterFactory.createFormatter(array_type);
 
       var formatterProps = _this.getFormatterProps(array_type, array_data, collaborators);
 
-      if ((0, _columnUtils.isArrayFormalColumn)(array_type)) {
+      if (isArrayFormalColumn(array_type)) {
         formatterProps.value = value;
         return _this.createColumnFormatter(Formatter, formatterProps);
       }
 
-      var _isSimpleCellFormatterColumn = (0, _columnUtils.isSimpleCellFormatter)(array_type);
+      var _isSimpleCellFormatterColumn = isSimpleCellFormatter(array_type);
 
       var cellValue = value;
 
       if (!Array.isArray(value)) {
-        cellValue = (0, _cellValueValidator.default)(value, array_type) ? [value] : [];
+        cellValue = cellValueValidator(value, array_type) ? [value] : [];
       }
 
-      var contentItemClassName = "formula-formatter-content-item " + (_isSimpleCellFormatterColumn ? 'simple-cell-formatter' : '');
-      return /*#__PURE__*/_react.default.createElement("div", {
+      var contentItemClassName = "formula-formatter-content-item ".concat(_isSimpleCellFormatterColumn ? 'simple-cell-formatter' : '');
+      return /*#__PURE__*/React.createElement("div", {
         className: "dtable-ui formula-formatter multiple"
       }, cellValue.map(function (v, index) {
         formatterProps.value = v;
-        return /*#__PURE__*/_react.default.createElement("div", {
+        return /*#__PURE__*/React.createElement("div", {
           className: contentItemClassName,
-          key: "formula-formatter-content-item-" + index
+          key: "formula-formatter-content-item-".concat(index)
         }, _this.createColumnFormatter(Formatter, formatterProps));
       }));
-    });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "getFormatterProps", function (array_type, array_data, collaborators) {
+    };
+
+    _this.getFormatterProps = function (array_type, array_data, collaborators) {
       switch (array_type) {
-        case _constants.CellType.DURATION:
+        case CellType.DURATION:
           {
             var duration_format = array_data.duration_format;
             return {
@@ -117,9 +95,9 @@ var FormulaFormatter = /*#__PURE__*/function (_React$Component) {
             };
           }
 
-        case _constants.CellType.NUMBER:
-        case _constants.CellType.RATE:
-        case _constants.CellType.GEOLOCATION:
+        case CellType.NUMBER:
+        case CellType.RATE:
+        case CellType.GEOLOCATION:
           {
             return {
               data: array_data
@@ -133,53 +111,54 @@ var FormulaFormatter = /*#__PURE__*/function (_React$Component) {
             });
           }
       }
-    });
+    };
+
     return _this;
   }
 
-  var _proto = FormulaFormatter.prototype;
+  _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);
+      }
 
-  _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);
+      return /*#__PURE__*/React.createElement(TextFormatter, 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;
 
-    return /*#__PURE__*/_react.default.createElement(_TextFormatter.default, formatterProps);
-  };
-
-  _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 === FORMULA_RESULT_TYPE.ARRAY) {
+        return this.renderOtherColumnFormatter();
+      }
 
-    if (resultType === _constants.FORMULA_RESULT_TYPE.ARRAY) {
-      return this.renderOtherColumnFormatter();
-    }
+      if (typeof value === 'object') {
+        return null;
+      }
 
-    if (typeof value === 'object') {
-      return null;
+      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);
     }
-
-    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.default.Component);
+}(React.Component);
 
-FormulaFormatter.propTypes = propTypes;
-var _default = FormulaFormatter;
-exports.default = _default;
+export default FormulaFormatter;