dtable-ui-component 0.2.5 → 0.2.7-beta

package/es/components/cell-editor-popover/pc-select-editor-popover.js

@@ -1,143 +0,0 @@
-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 { getLocale } from '../../lang';
-
-var PCSelectEditorPopover = /*#__PURE__*/function (_React$Component) {
-  _inherits(PCSelectEditorPopover, _React$Component);
-
-  var _super = _createSuper(PCSelectEditorPopover);
-
-  function PCSelectEditorPopover(props) {
-    var _this;
-
-    _classCallCheck(this, PCSelectEditorPopover);
-
-    _this = _super.call(this, props);
-
-    _this.onValueChanged = function (event) {
-      var value = event.target.value;
-
-      _this.setState({
-        searchValue: value
-      });
-    };
-
-    _this.onInputClick = function (event) {
-      event.nativeEvent.stopImmediatePropagation();
-      event.stopPropagation();
-    };
-
-    _this.onAddNewOption = function () {
-      var name = _this.state.searchValue.trim();
-
-      _this.props.onAddNewOption(name);
-    };
-
-    _this.onOptionItemToggle = function (item) {
-      _this.props.onOptionItemToggle(item);
-    };
-
-    _this.getFilterOptions = function () {
-      var options = _this.props.options;
-
-      var filter = _this.state.searchValue.toLowerCase();
-
-      if (!filter) {
-        return options;
-      }
-
-      return options.filter(function (option) {
-        return option.name.toString().toLowerCase().indexOf(filter) > -1;
-      });
-    };
-
-    _this.getOptionStyle = function (option) {
-      var textColor = option.textColor || null;
-      return {
-        display: 'inline-block',
-        padding: '0px 10px',
-        height: '20px',
-        lineHeight: '20px',
-        borderRadius: '10px',
-        fontSize: '13px',
-        backgroundColor: option.color,
-        color: textColor
-      };
-    };
-
-    _this.state = {
-      searchValue: ''
-    };
-    return _this;
-  }
-
-  _createClass(PCSelectEditorPopover, [{
-    key: "render",
-    value: function render() {
-      var _this2 = this;
-
-      var options = this.getFilterOptions();
-      var _this$props = this.props,
-          popoverPosition = _this$props.popoverPosition,
-          selectedOptions = _this$props.selectedOptions,
-          isSupportNewOption = _this$props.isSupportNewOption;
-      var searchValue = this.state.searchValue;
-      var popoverStyle = Object.assign({}, _objectSpread({}, popoverPosition), {
-        position: 'absolute'
-      });
-      return /*#__PURE__*/React.createElement("div", {
-        className: "dtable-ui-editor-popover dtable-ui-select-editor-popover",
-        style: popoverStyle
-      }, /*#__PURE__*/React.createElement("div", {
-        className: "select-options-search"
-      }, /*#__PURE__*/React.createElement("input", {
-        className: "form-control",
-        onChange: this.onValueChanged,
-        onClick: this.onInputClick,
-        placeholder: getLocale('Find_an_option')
-      })), /*#__PURE__*/React.createElement("div", {
-        className: "select-options-container"
-      }, options.length > 0 && options.map(function (option, index) {
-        var optionStyle = _this2.getOptionStyle(option);
-
-        var isSelect = selectedOptions.some(function (selectedOption) {
-          return selectedOption.id === option.id;
-        });
-        return /*#__PURE__*/React.createElement("div", {
-          key: index,
-          className: "select-option-item",
-          onClick: _this2.onOptionItemToggle.bind(_this2, option)
-        }, /*#__PURE__*/React.createElement("div", {
-          className: "option-info"
-        }, /*#__PURE__*/React.createElement("div", {
-          className: "option-name",
-          style: optionStyle
-        }, option.name)), /*#__PURE__*/React.createElement("div", {
-          className: "option-checked"
-        }, isSelect && /*#__PURE__*/React.createElement("i", {
-          className: "dtable-font dtable-icon-check-mark"
-        })));
-      }), options.length === 0 && /*#__PURE__*/React.createElement("div", {
-        className: "search-option-null"
-      }, getLocale('No_options_available'))), isSupportNewOption && !!searchValue && /*#__PURE__*/React.createElement("div", {
-        className: "select-options-add",
-        onClick: this.onAddNewOption
-      }, /*#__PURE__*/React.createElement("i", {
-        className: "dtable-font dtable-icon-add-table"
-      }), /*#__PURE__*/React.createElement("span", null, getLocale('Add_an_option'), ' ', searchValue)));
-    }
-  }]);
-
-  return PCSelectEditorPopover;
-}(React.Component);
-
-PCSelectEditorPopover.defaultProps = {
-  popoverPosition: {},
-  options: [],
-  isShowAddBtn: false
-};
-export default PCSelectEditorPopover;

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

@@ -1,25 +0,0 @@
-import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
-import _createClass from "@babel/runtime/helpers/esm/createClass";
-import FormatterConfig from '../cell-formatter/formatter-config';
-
-var CellFormatterFactory = /*#__PURE__*/function () {
-  function CellFormatterFactory() {
-    _classCallCheck(this, CellFormatterFactory);
-  }
-
-  _createClass(CellFormatterFactory, [{
-    key: "createFormatter",
-    value: function createFormatter(formatterType) {
-      if (FormatterConfig[formatterType]) {
-        return FormatterConfig[formatterType];
-      }
-
-      return null;
-    }
-  }]);
-
-  return CellFormatterFactory;
-}();
-
-var cellFormatterFactory = new CellFormatterFactory();
-export default cellFormatterFactory;

package/es/components/cell-formatter/auto-number-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 AutoNumberFormatter = /*#__PURE__*/function (_React$Component) {
-  _inherits(AutoNumberFormatter, _React$Component);
-
-  var _super = _createSuper(AutoNumberFormatter);
-
-  function AutoNumberFormatter() {
-    _classCallCheck(this, AutoNumberFormatter);
-
-    return _super.apply(this, arguments);
-  }
-
-  _createClass(AutoNumberFormatter, [{
-    key: "render",
-    value: function render() {
-      var _this$props = this.props,
-          containerClassName = _this$props.containerClassName,
-          value = _this$props.value;
-      var classname = cn('dtable-ui cell-formatter-container auto-number-formatter', containerClassName);
-      return /*#__PURE__*/React.createElement("div", {
-        className: classname
-      }, value);
-    }
-  }]);
-
-  return AutoNumberFormatter;
-}(React.Component);
-
-export default AutoNumberFormatter;

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

@@ -1,55 +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 ButtonFormatter = /*#__PURE__*/function (_React$Component) {
-  _inherits(ButtonFormatter, _React$Component);
-
-  var _super = _createSuper(ButtonFormatter);
-
-  function ButtonFormatter() {
-    _classCallCheck(this, ButtonFormatter);
-
-    return _super.apply(this, arguments);
-  }
-
-  _createClass(ButtonFormatter, [{
-    key: "render",
-    value: function render() {
-      var _this$props = this.props,
-          data = _this$props.data,
-          containerClassName = _this$props.containerClassName,
-          optionColors = _this$props.optionColors;
-
-      var _ref = data || {},
-          button_color = _ref.button_color,
-          button_type = _ref.button_type,
-          button_name = _ref.button_name;
-
-      if (!button_type) return null;
-      var colorOption = Array.isArray(optionColors) ? optionColors.find(function (item) {
-        return item.COLOR === button_color;
-      }) || optionColors[0] : {
-        COLOR: '#FFFCB5',
-        BORDER_COLOR: '#E8E79D',
-        TEXT_COLOR: '#202428'
-      };
-      var btnStyle = {
-        backgroundColor: colorOption.COLOR,
-        borderColor: colorOption.BORDER_COLOR,
-        color: colorOption.TEXT_COLOR
-      };
-      return /*#__PURE__*/React.createElement("div", {
-        className: cn('dtable-ui cell-formatter-container button-formatter', containerClassName),
-        style: btnStyle
-      }, button_name);
-    }
-  }]);
-
-  return ButtonFormatter;
-}(React.Component);
-
-export default ButtonFormatter;

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

@@ -1,44 +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 CheckboxFormatter = /*#__PURE__*/function (_React$PureComponent) {
-  _inherits(CheckboxFormatter, _React$PureComponent);
-
-  var _super = _createSuper(CheckboxFormatter);
-
-  function CheckboxFormatter() {
-    _classCallCheck(this, CheckboxFormatter);
-
-    return _super.apply(this, arguments);
-  }
-
-  _createClass(CheckboxFormatter, [{
-    key: "render",
-    value: function render() {
-      var _this$props = this.props,
-          value = _this$props.value,
-          containerClassName = _this$props.containerClassName;
-      value = value === true ? true : false;
-      var classname = cn('dtable-ui cell-formatter-container checkbox-formatter', containerClassName);
-      return /*#__PURE__*/React.createElement("div", {
-        className: classname
-      }, /*#__PURE__*/React.createElement("input", {
-        className: "checkbox",
-        type: "checkbox",
-        readOnly: true,
-        checked: value
-      }));
-    }
-  }]);
-
-  return CheckboxFormatter;
-}(React.PureComponent);
-
-CheckboxFormatter.defaultProps = {
-  value: false
-};
-export default CheckboxFormatter;

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

@@ -1,91 +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 CollaboratorItem from '../common/collaborator-item';
-import DefaultAvatar from '../../assets/images/avatar/default_avatar.png';
-
-// there will be there conditions
-// 1 value is not exist, typeof value is array, but it's length is 0
-// 2 value is exist, but can't find in collaborators
-// 3 value is exist, typeof value is a string
-// 4 value is exist, typeof value is array
-var CollaboratorFormatter = /*#__PURE__*/function (_React$PureComponent) {
-  _inherits(CollaboratorFormatter, _React$PureComponent);
-
-  var _super = _createSuper(CollaboratorFormatter);
-
-  function CollaboratorFormatter() {
-    var _this;
-
-    _classCallCheck(this, CollaboratorFormatter);
-
-    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.getCollaborators = function () {
-      var _this$props = _this.props,
-          value = _this$props.value,
-          collaborators = _this$props.collaborators,
-          enableDeleteCollaborator = _this$props.enableDeleteCollaborator,
-          onDeleteCollaborator = _this$props.onDeleteCollaborator;
-
-      if (!Array.isArray(value)) {
-        value = [value];
-      }
-
-      return value.map(function (item, index) {
-        var collaborator = collaborators.find(function (collaborator) {
-          return collaborator.email === item;
-        });
-
-        if (!collaborator) {
-          collaborator = {
-            name: item,
-            avatar_url: DefaultAvatar
-          };
-        }
-
-        ;
-        return /*#__PURE__*/React.createElement(CollaboratorItem, {
-          key: index,
-          collaborator: collaborator,
-          enableDeleteCollaborator: enableDeleteCollaborator,
-          onDeleteCollaborator: onDeleteCollaborator
-        });
-      });
-    };
-
-    return _this;
-  }
-
-  _createClass(CollaboratorFormatter, [{
-    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 collaborator-formatter', containerClassName);
-
-      if (!value || Array.isArray(value) && value.length === 0) {
-        return /*#__PURE__*/React.createElement("div", {
-          className: classname
-        });
-      }
-
-      var collaborators = this.getCollaborators();
-      return /*#__PURE__*/React.createElement("div", {
-        className: classname
-      }, collaborators);
-    }
-  }]);
-
-  return CollaboratorFormatter;
-}(React.PureComponent);
-
-export default CollaboratorFormatter;

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

@@ -1,87 +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 ColloboratorItem from '../common/collaborator-item';
-import DefaultAvatar from '../../assets/images/avatar/default_avatar.png';
-
-// there will be there conditions
-// 1 value is not exist, typeof value is array, but it's length is 0
-// 2 value is exist, but can't find in collaborators
-// 3 value is exist, typeof value is a string
-// 4 vlaue is exist, typeof value is array
-var CreatorFormatter = /*#__PURE__*/function (_React$PureComponent) {
-  _inherits(CreatorFormatter, _React$PureComponent);
-
-  var _super = _createSuper(CreatorFormatter);
-
-  function CreatorFormatter() {
-    var _this;
-
-    _classCallCheck(this, CreatorFormatter);
-
-    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.getCollaborators = function () {
-      var _this$props = _this.props,
-          value = _this$props.value,
-          collaborators = _this$props.collaborators;
-
-      if (!Array.isArray(value)) {
-        value = [value];
-      }
-
-      return value.map(function (item, index) {
-        var collaborator = collaborators.find(function (collaborator) {
-          return collaborator.email === item;
-        }); // the collaborator can be not exist, beacuse the row created by third app
-
-        if (!collaborator) {
-          collaborator = {
-            name: item,
-            avatar_url: DefaultAvatar
-          };
-        }
-
-        ;
-        return /*#__PURE__*/React.createElement(ColloboratorItem, {
-          key: index,
-          collaborator: collaborator
-        });
-      });
-    };
-
-    return _this;
-  }
-
-  _createClass(CreatorFormatter, [{
-    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 creator-formatter', containerClassName);
-
-      if (!value || Array.isArray(value) && value.length === 0) {
-        return /*#__PURE__*/React.createElement("div", {
-          className: classname
-        });
-      }
-
-      var collaborators = this.getCollaborators();
-      return /*#__PURE__*/React.createElement("div", {
-        className: classname
-      }, collaborators);
-    }
-  }]);
-
-  return CreatorFormatter;
-}(React.PureComponent);
-
-export default CreatorFormatter;

package/es/components/cell-formatter/ctime-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 CTimeFormatter = /*#__PURE__*/function (_React$Component) {
-  _inherits(CTimeFormatter, _React$Component);
-
-  var _super = _createSuper(CTimeFormatter);
-
-  function CTimeFormatter() {
-    var _this;
-
-    _classCallCheck(this, CTimeFormatter);
-
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
-
-    _this = _super.call.apply(_super, [this].concat(args));
-
-    _this.formatDate = function (date) {
-      return moment(date).format('YYYY-MM-DD HH:mm:ss');
-    };
-
-    return _this;
-  }
-
-  _createClass(CTimeFormatter, [{
-    key: "render",
-    value: function render() {
-      var _this$props = this.props,
-          date = _this$props.value,
-          containerClassName = _this$props.containerClassName;
-      var classname = cn('dtable-ui cell-formatter-container ctime-formatter', containerClassName);
-
-      if (date !== '') {
-        date = this.formatDate(date);
-      }
-
-      return /*#__PURE__*/React.createElement("div", {
-        className: classname
-      }, date);
-    }
-  }]);
-
-  return CTimeFormatter;
-}(React.Component);
-
-CTimeFormatter.defaultProps = {
-  value: '',
-  containerClassName: ''
-};
-export default CTimeFormatter;

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

@@ -1,59 +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 { formatDateToString } from '../../utils/value-format-utils';
-
-var DateFormatter = /*#__PURE__*/function (_React$Component) {
-  _inherits(DateFormatter, _React$Component);
-
-  var _super = _createSuper(DateFormatter);
-
-  function DateFormatter() {
-    var _this;
-
-    _classCallCheck(this, DateFormatter);
-
-    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, format) {
-      return formatDateToString(date, format);
-    };
-
-    return _this;
-  }
-
-  _createClass(DateFormatter, [{
-    key: "render",
-    value: function render() {
-      var _this$props = this.props,
-          date = _this$props.value,
-          format = _this$props.format,
-          containerClassName = _this$props.containerClassName;
-      var classname = cn('dtable-ui cell-formatter-container date-formatter', containerClassName);
-
-      if (date !== '') {
-        date = this.formatDate(date, format);
-      }
-
-      return /*#__PURE__*/React.createElement("div", {
-        className: classname
-      }, date);
-    }
-  }]);
-
-  return DateFormatter;
-}(React.Component);
-
-DateFormatter.defaultProps = {
-  value: '',
-  format: 'YYYY-MM-DD',
-  containerClassName: ''
-};
-export default DateFormatter;

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

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

package/es/components/cell-formatter/email-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 EmailFormatter = /*#__PURE__*/function (_React$Component) {
-  _inherits(EmailFormatter, _React$Component);
-
-  var _super = _createSuper(EmailFormatter);
-
-  function EmailFormatter() {
-    _classCallCheck(this, EmailFormatter);
-
-    return _super.apply(this, arguments);
-  }
-
-  _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);
-    }
-  }]);
-
-  return EmailFormatter;
-}(React.Component);
-
-export default EmailFormatter;