dtable-ui-component 6.0.110-oot.21 → 6.0.110-oot.22

package/lib/DTableGroupSelect/select-option-group.css

@@ -14,6 +14,7 @@
   align-items: center;
   justify-content: space-between;
   padding: 0.25rem 8px;
+  border-radius: 4px;
 }
 
 .group-selector .option .dtable-icon-check{
@@ -31,10 +32,6 @@
   cursor: pointer;
 }
 
-.group-selector .option.option-active .dtable-icon-check-mark {
-  color: #666666 !important;
-}
-
 .group-selector .option .select-option-name .multiple-select-option {
   margin: 0;
 }

package/lib/DTableGroupSelect/select-option-group.js

@@ -8,11 +8,9 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _classnames = _interopRequireDefault(require("classnames"));
-var _DTableSearchInput = _interopRequireDefault(require("../DTableSearchInput"));
+var _DTableCustomizeSearchInput = _interopRequireDefault(require("../DTableCustomizeSearchInput"));
 var _option = _interopRequireDefault(require("./option"));
 var _KeyCodes = _interopRequireDefault(require("../SelectOptionGroup/KeyCodes"));
-var _IconButton = _interopRequireDefault(require("../IconButton"));
-var _lang = require("../lang");
 require("./select-option-group.css");
 var _jsxRuntime = require("react/jsx-runtime");
 const OPTION_HEIGHT = 32;
@@ -220,26 +218,15 @@ class SelectOptionGroup extends _react.Component {
       style: style,
       onMouseDown: this.onMouseDown,
       children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-        className: "position-relative",
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_DTableSearchInput.default, {
-          className: "option-search-control",
+        className: "seatable-search-input",
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_DTableCustomizeSearchInput.default, {
           placeholder: searchPlaceholder,
           onChange: this.onChangeSearch,
-          ref: this.searchInputRef,
-          isClearable: true,
+          autoFocus: true,
+          value: searchVal,
           clearValue: this.clearValue,
-          components: {
-            ClearIndicator: props => {
-              return /*#__PURE__*/(0, _jsxRuntime.jsx)("i", {
-                className: (0, _classnames.default)('select-search-text-clear input-icon-addon seatable-icon dtable-font dtable-icon-x'),
-                onClick: e => {
-                  e.stopPropagation();
-                  e.nativeEvent.stopImmediatePropagation();
-                  props.clearValue();
-                }
-              });
-            }
-          }
+          isClearable: true,
+          isLeftIcon: true
         })
       }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
         className: "option-group-content",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "dtable-ui-component",
-  "version": "6.0.110oot.21",
+  "version": "6.0.110oot.22",
   "main": "./lib/index.js",
   "dependencies": {
     "@seafile/react-image-lightbox": "^5.0.4",