dtable-ui-component 0.1.96-test1 → 0.1.96-test4

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

@@ -190,16 +190,16 @@ var CollaboratorEditor = /*#__PURE__*/function (_React$Component) {
       var enableDeleteCollaborator = !isReadOnly;
       return /*#__PURE__*/React.createElement("div", {
         ref: this.setEditorContainerRef,
-        className: "cell-editor dtable-ui-collaborator-editor"
+        className: "dtable-ui-collaborator-editor"
       }, /*#__PURE__*/React.createElement("div", {
         ref: this.setEditorRef,
         className: "dtable-ui-collaborator-editor-container"
       }, /*#__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.js

@@ -11,40 +11,15 @@ 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(); //<span style={style} onClick={this.props.onClick}>{text}</span>
-
       return /*#__PURE__*/React.createElement("span", {
         className: "dtable-ui-editor-button",
         onClick: this.props.onClick

package/lib/LinkEditor/index.css

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

package/lib/LinkEditor/index.js

@@ -261,7 +261,7 @@ var LinkEditor = /*#__PURE__*/function (_React$Component) {
       var isShowRemoveIcon = !isReadOnly;
       return /*#__PURE__*/React.createElement("div", {
         ref: this.setEditorContainerRef,
-        className: "cell-editor dtable-ui-link-editor"
+        className: "dtable-ui-link-editor"
       }, /*#__PURE__*/React.createElement("div", {
         ref: this.setEditorRef,
         className: "dtable-ui-link-editor-container",

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/lib/TextEditor/index.js

@@ -75,11 +75,7 @@ var TextEditor = /*#__PURE__*/function (_React$Component) {
     key: "render",
     value: function render() {
       var isReadOnly = this.props.isReadOnly;
-      return /*#__PURE__*/React.createElement("div", {
-        className: "cell-editor text-editor"
-      }, /*#__PURE__*/React.createElement("div", {
-        className: "text-editor-container"
-      }, /*#__PURE__*/React.createElement(Input, {
+      return /*#__PURE__*/React.createElement(Input, {
         ref: this.setInputRef,
         type: "text",
         value: this.state.newValue,
@@ -89,7 +85,7 @@ var TextEditor = /*#__PURE__*/function (_React$Component) {
         onBlur: this.onBlur,
         onCut: this.onCut,
         onPaste: this.onPaste
-      })));
+      });
     }
   }]);
 

package/package.json

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