dtable-ui-component 7.0.4-sia.2 → 7.0.5-pal.2

package/lib/CollapsibleSettingLayout/index.js

@@ -27,11 +27,8 @@ const CollapsibleSettingLayout = props => {
       children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
         className: "collapsible-setting-layout-title",
         children: title
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-        className: "seatable-icon-btn",
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)("i", {
-          className: "dtable-font dtable-icon-right".concat(isShowSettings ? ' dtable-icon-spin' : '')
-        })
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("i", {
+        className: "dtable-font dtable-icon-right".concat(isShowSettings ? ' dtable-icon-spin' : '')
       })]
     }), isShowSettings && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
       className: "collapsible-setting-layout-body mt-3 pl-2",

package/lib/DTableCustomizeSelect/index.css

@@ -125,6 +125,10 @@
   margin-left: 0 !important;
 }
 
+.seatable-customize-select .selected-option .dtable-icon-down3 {
+  color: var(--bs-icon-color) !important;
+}
+
 .selector-group-select .selected-option-show .selected-option-item {
   align-items: center;
   border-radius: 4px;
@@ -174,5 +178,5 @@
 }
 
 .selector-group-select {
-  height: auto;
+  height: 38px;
 }

package/lib/DTableCustomizeSelect/index.js

@@ -25,6 +25,7 @@ class DTableCustomizeSelect extends _react.Component {
       */
       if (this.state.isShowSelectOptions) event.stopPropagation();
       const eventClassName = (0, _utils.getEventClassName)(event);
+      console.log('eventClassName', eventClassName);
       if (this.props.isLocked || eventClassName.indexOf('option-search-control') > -1 || eventClassName === 'seatable-select-search') return;
       // Prevent closing by pressing the spacebar in the search input
       if (event.target.value === '') return;

package/lib/DTableModalHeader/index.js

@@ -10,7 +10,6 @@ var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/h
 var _react = _interopRequireDefault(require("react"));
 var _reactstrap = require("reactstrap");
 var _IconButton = _interopRequireDefault(require("../IconButton"));
-require("./index.css");
 var _jsxRuntime = require("react/jsx-runtime");
 const _excluded = ["children"];
 const DTableModalHeader = _ref => {
@@ -19,8 +18,7 @@ const DTableModalHeader = _ref => {
   const customCloseBtn = /*#__PURE__*/(0, _jsxRuntime.jsx)(_IconButton.default, {
     icon: "x",
     "aria-label": "Close",
-    onClick: props.toggle,
-    className: "modal-close-btn"
+    onClick: props.toggle
   });
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactstrap.ModalHeader, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, props), {}, {
     close: customCloseBtn,

package/lib/IconButton/index.js

@@ -9,7 +9,6 @@ var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectWithoutProperties"));
 var _react = _interopRequireDefault(require("react"));
 var _classnames = _interopRequireDefault(require("classnames"));
-require("./index.css");
 var _jsxRuntime = require("react/jsx-runtime");
 const _excluded = ["disabled", "className", "icon", "children"];
 const IconButton = _ref => {
@@ -19,7 +18,7 @@ const IconButton = _ref => {
     children = _ref.children,
     otherProperties = (0, _objectWithoutProperties2.default)(_ref, _excluded);
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", (0, _objectSpread2.default)((0, _objectSpread2.default)({
-    className: (0, _classnames.default)('seatable-icon-btn icon-button', className, {
+    className: (0, _classnames.default)('seatable-icon-btn', className, {
       'disabled': disabled
     })
   }, otherProperties), {}, {

package/lib/ImagePreviewerLightbox/index.js

@@ -25,7 +25,11 @@ function ImagePreviewerLightbox(props) {
     dtableUuid = props.dtableUuid,
     deleteImage = props.deleteImage,
     downloadImage = props.downloadImage,
-    onRotateImage = props.onRotateImage;
+    onRotateImage = props.onRotateImage,
+    _props$isShowPreLine = props.isShowPreLine,
+    isShowPreLine = _props$isShowPreLine === void 0 ? true : _props$isShowPreLine,
+    _props$isShowNextLine = props.isShowNextLine,
+    isShowNextLine = _props$isShowNextLine === void 0 ? true : _props$isShowNextLine;
   const imageSrcList = imageItems.map(src => {
     let name = '';
     try {
@@ -111,8 +115,8 @@ function ImagePreviewerLightbox(props) {
     onCloseRequest: props.closeImagePopup,
     onMovePrevRequest: props.moveToPrevImage,
     onMoveNextRequest: props.moveToNextImage,
-    onClickMoveUp: moveToPrevRowImage,
-    onClickMoveDown: moveToNextRowImage,
+    onClickMoveUp: isShowPreLine && moveToPrevRowImage,
+    onClickMoveDown: isShowNextLine && moveToNextRowImage,
     onViewOriginal: props.onViewOriginal,
     onRotateImage: canRotateImage ? deg => {
       onRotateImage(currentImageIndex, deg);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "dtable-ui-component",
-  "version": "7.0.4sia.2",
+  "version": "7.0.5pal.2",
   "main": "./lib/index.js",
   "dependencies": {
     "@seafile/react-image-lightbox": "5.0.9",

package/lib/DTableModalHeader/index.css

@@ -1,4 +0,0 @@
-.modal-close-btn {
-  font-size: 16px;
-  font-weight: 700;
-}

package/lib/IconButton/index.css

@@ -1,3 +0,0 @@
-.icon-button .seatable-icon {
-  font-size: 16px;
-}