dtable-ui-component 0.1.95 → 0.1.96-test3

package/lib/CollaboratorEditor/index.css

@@ -2,10 +2,6 @@
   position: relative;
 }
 
-.dtable-ui-collaborator-editor-container .collaborators-container {
-  margin-top: 8px;
-}
-
 .dtable-ui-collaborator-editor-popover .collaborator-search-container {
   padding: 10px 10px 0 10px;
 }

package/lib/CollaboratorEditor/index.js

@@ -197,9 +197,9 @@ var CollaboratorEditor = /*#__PURE__*/function (_React$Component) {
       }, /*#__PURE__*/React.createElement(EditEditorButton, {
         text: getLocale('Add_a_collaborator'),
         onClick: this.onAddOptionToggle
-      }), /*#__PURE__*/React.createElement("div", {
-        className: "collaborators-container"
-      }, selectedCollaborators.length > 0 && selectedCollaborators.map(function (collaborator) {
+      }), selectedCollaborators.length > 0 && /*#__PURE__*/React.createElement("div", {
+        className: "collaborators-container mt-2"
+      }, selectedCollaborators.map(function (collaborator) {
         return /*#__PURE__*/React.createElement(CollaboratorItem, {
           key: collaborator.email,
           collaborator: collaborator,

package/lib/EditEditorButton/index.css

@@ -0,0 +1,17 @@
+.dtable-ui-editor-button {
+  display: inline-block;
+  padding: 0 12px;
+  height: 28px;
+  line-height: 28px;
+  font-size: 14px;
+  background-color: #f0f0f0;
+  color: #8f8f8f;
+  border-radius: 4px;
+  cursor: pointer;
+  user-select: none;
+}
+
+.dtable-ui-editor-button:hover {
+  background-color: #dbdbdb;
+  color: #666;
+}

package/lib/EditEditorButton/index.js

@@ -3,6 +3,7 @@ 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 './index.css';
 
 var EditEditorButton = /*#__PURE__*/function (_React$Component) {
   _inherits(EditEditorButton, _React$Component);
@@ -10,41 +11,17 @@ var EditEditorButton = /*#__PURE__*/function (_React$Component) {
   var _super = _createSuper(EditEditorButton);
 
   function EditEditorButton() {
-    var _this;
-
     _classCallCheck(this, EditEditorButton);
 
-    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.getStyle = function () {
-      return {
-        display: 'inline-block',
-        padding: '0 12px',
-        height: '28px',
-        lineHeight: '28px',
-        fontSize: '14px',
-        backgroundColor: '#f0f0f0',
-        color: '#8f8f8f',
-        borderRadius: '4px',
-        cursor: 'pointer',
-        userSelect: 'none'
-      };
-    };
-
-    return _this;
+    return _super.apply(this, arguments);
   }
 
   _createClass(EditEditorButton, [{
     key: "render",
     value: function render() {
       var text = this.props.text;
-      var style = this.getStyle();
       return /*#__PURE__*/React.createElement("span", {
-        style: style,
+        className: "dtable-ui-editor-button",
         onClick: this.props.onClick
       }, text);
     }

package/lib/LinkEditor/index.css

@@ -1,9 +1,3 @@
 .dtable-ui-link-editor {
   position: relative;
 }
-
-.dtable-ui-link-editor-container {
-  display: inline-block;
-  height: 30px;
-  padding: 0 10px;
-}

package/lib/MTimeFormatter/index.css

@@ -1,3 +1 @@
-.dtable-ui-mtime-formatter {
-  max-width: 320px;
-}
+@import url('../css/cell-formatter.css');

package/lib/MTimeFormatter/index.js

@@ -36,7 +36,7 @@ var MTimeFormatter = /*#__PURE__*/function (_React$Component) {
       var _this$props = this.props,
           date = _this$props.value,
           containerClassName = _this$props.containerClassName;
-      var classname = cn('form-control dtable-ui-mtime-formatter', containerClassName);
+      var classname = cn('dtable-ui cell-formatter-container ctime-formatter', containerClassName);
 
       if (date !== '') {
         date = this.formatDate(date);

package/lib/SingleSelectEditor/index.css

@@ -2,13 +2,13 @@
   position: relative;
 }
 
-.dtable-ui-select-editor-container {
+.dtable-ui-single-select-option-container {
   height: 40px;
   padding: 10px 5px;
   border-radius: 3px;
   cursor: pointer;
 }
 
-.dtable-ui-select-editor-container:hover {
+.dtable-ui-single-select-option-container:hover {
   background-color: #f5f5f5;
 }

package/lib/SingleSelectEditor/index.js

@@ -157,14 +157,16 @@ var SingleSelectEditor = /*#__PURE__*/function (_React$Component) {
       var selectedOptions = option ? [option] : [];
       return /*#__PURE__*/React.createElement("div", {
         ref: this.setEditorContainerRef,
-        className: "cell-editor dtable-ui-single-select-editor"
+        className: "dtable-ui-single-select-editor"
       }, /*#__PURE__*/React.createElement("div", {
         ref: this.setEditorRef,
-        className: "dtable-ui-select-editor-container",
+        className: "dtable-ui-single-select-editor-container d-inline-block",
         onClick: this.onAddOptionToggle
-      }, option ? /*#__PURE__*/React.createElement(SelectEditorOption, {
+      }, option ? /*#__PURE__*/React.createElement("div", {
+        className: "dtable-ui-single-select-option-container"
+      }, /*#__PURE__*/React.createElement(SelectEditorOption, {
         option: option
-      }) : /*#__PURE__*/React.createElement(EditEditorButton, {
+      })) : /*#__PURE__*/React.createElement(EditEditorButton, {
         text: getLocale('Add_an_option')
       })), isPopoverShow && /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement(MediaQuery, {
         query: "(min-width: 768px)"

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "dtable-ui-component",
-  "version": "0.1.95",
+  "version": "0.1.96-test3",
   "main": "./lib/index.js",
   "dependencies": {
     "@seafile/react-image-lightbox": "0.0.9",