dtable-ui-component 7.0.5-pal.2 → 7.0.6

package/lib/CollapsibleSettingLayout/index.js

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

package/lib/DTableCustomizeSelect/index.css

@@ -125,10 +125,6 @@
   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;
@@ -178,5 +174,5 @@
 }
 
 .selector-group-select {
-  height: 38px;
+  height: auto;
 }

package/lib/DTableCustomizeSelect/index.js

@@ -25,7 +25,6 @@ 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.css

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

package/lib/DTableModalHeader/index.js

@@ -10,6 +10,7 @@ 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 => {
@@ -18,7 +19,8 @@ const DTableModalHeader = _ref => {
   const customCloseBtn = /*#__PURE__*/(0, _jsxRuntime.jsx)(_IconButton.default, {
     icon: "x",
     "aria-label": "Close",
-    onClick: props.toggle
+    onClick: props.toggle,
+    className: "modal-close-btn"
   });
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactstrap.ModalHeader, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, props), {}, {
     close: customCloseBtn,

package/lib/DTableRadioGroup/index.js

@@ -80,7 +80,7 @@ class DTableRadioGroup extends _react.default.Component {
             children: displayOption
           }, option);
         }), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-          className: "radio-group-slider btn btn-primary",
+          className: "radio-group-slider btn btn-primary btn-sm",
           ref: ref => this.slider = ref
         })]
       })

package/lib/IconButton/index.css

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

package/lib/IconButton/index.js

@@ -9,6 +9,7 @@ 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 => {
@@ -18,7 +19,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', className, {
+    className: (0, _classnames.default)('seatable-icon-btn icon-button', className, {
       'disabled': disabled
     })
   }, otherProperties), {}, {

package/package.json

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