dtable-ui-component 5.2.9 → 5.2.11

package/lib/DTableModalHeader/index.css

@@ -0,0 +1,24 @@
+.modal-header .dtable-modal-close.close {
+  padding: 14px 16px;
+  opacity: 1;
+}
+
+.modal-header .dtable-modal-close.close:not(:disabled):not(.disabled):hover {
+  opacity: 1;
+}
+
+.modal-header .dtable-modal-close .dtable-modal-close-inner {
+  display: inline-block;
+  width: 28px;
+  height: 28px;
+  border-radius: 3px;
+  font-size: 22.5px; /* same with Seafile close icon */
+}
+
+.modal-header .dtable-modal-close .dtable-modal-close-inner:hover {
+  background-color: #efefef;
+}
+
+.modal-header .dtable-modal-close .dtable-modal-close-inner .dtable-font {
+  color: #666;
+}

package/lib/DTableModalHeader/index.js

@@ -0,0 +1,32 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _reactstrap = require("reactstrap");
+require("./index.css");
+const DTableModalHeader = _ref => {
+  let {
+    children,
+    ...props
+  } = _ref;
+  const customCloseBtn = /*#__PURE__*/_react.default.createElement("button", {
+    type: "button",
+    className: "close dtable-modal-close",
+    "data-dismiss": "modal",
+    "aria-label": "Close",
+    onClick: props.toggle
+  }, /*#__PURE__*/_react.default.createElement("span", {
+    className: "dtable-modal-close-inner"
+  }, /*#__PURE__*/_react.default.createElement("i", {
+    className: "dtable-font dtable-icon-x",
+    "aria-hidden": "true"
+  })));
+  return /*#__PURE__*/_react.default.createElement(_reactstrap.ModalHeader, Object.assign({}, props, {
+    close: customCloseBtn
+  }), children);
+};
+var _default = exports.default = DTableModalHeader;

package/lib/FileEditor/index.js

@@ -8,11 +8,8 @@ exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _reactstrap = require("reactstrap");
 var _lang = require("../lang");
+var _index = _interopRequireDefault(require("../DTableModalHeader/index"));
 class FileEditor extends _react.default.Component {
-  constructor(props) {
-    super(props);
-    this.state = {};
-  }
   render() {
     let {
       closeEditor
@@ -20,15 +17,11 @@ class FileEditor extends _react.default.Component {
     return /*#__PURE__*/_react.default.createElement(_reactstrap.Modal, {
       isOpen: true,
       toggle: closeEditor
-    }, /*#__PURE__*/_react.default.createElement(_reactstrap.ModalHeader, {
+    }, /*#__PURE__*/_react.default.createElement(_index.default, {
       toggle: closeEditor
     }, (0, _lang.getLocale)('Add_Files')), /*#__PURE__*/_react.default.createElement(_reactstrap.ModalBody, {
       className: "file-editor-container"
     }));
   }
 }
-FileEditor.defaultProps = {
-  isCheckRepeat: false,
-  columnType: 'file'
-};
 var _default = exports.default = FileEditor;

package/lib/index.js

@@ -106,6 +106,12 @@ Object.defineProperty(exports, "DTableFiltersPopover", {
     return _DTableFiltersPopover.default;
   }
 });
+Object.defineProperty(exports, "DTableModalHeader", {
+  enumerable: true,
+  get: function () {
+    return _DTableModalHeader.default;
+  }
+});
 Object.defineProperty(exports, "DTablePopover", {
   enumerable: true,
   get: function () {
@@ -480,6 +486,7 @@ var _DTableSearchInput = _interopRequireDefault(require("./DTableSearchInput"));
 var _DTableColorPicker = _interopRequireDefault(require("./DTableColorPicker"));
 var _ModalPortal = _interopRequireDefault(require("./ModalPortal"));
 var _RoleStatusEditor = _interopRequireDefault(require("./RoleStatusEditor"));
+var _DTableModalHeader = _interopRequireDefault(require("./DTableModalHeader"));
 var _DepartmentSelectFilter = _interopRequireDefault(require("./DepartmentSelectFilter"));
 var _FieldDisplaySetting = _interopRequireDefault(require("./FieldDisplaySetting"));
 var _DTableFiltersPopover = _interopRequireDefault(require("./DTableFiltersPopover"));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "dtable-ui-component",
-  "version": "5.2.9",
+  "version": "5.2.11",
   "main": "./lib/index.js",
   "dependencies": {
     "@seafile/react-image-lightbox": "3.0.1",