dtable-ui-component 5.2.7 → 5.2.9

package/lib/DTableSelect/utils.js

@@ -7,6 +7,46 @@ Object.defineProperty(exports, "__esModule", {
 exports.UserSelectStyle = exports.Option = exports.MenuSelectStyle = exports.MenuList = exports.DropdownIndicator = exports.ClearIndicator = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _reactSelect = require("react-select");
+// DtableSelect is based on seatable-ui.css, so use the following content to override the default react-select style
+const DEFAULT_CONTROL_STYLE = {
+  border: '1px solid rgba(0, 40, 100, 0.12) !important'
+};
+const FOCUS_CONTROL_STYLE = {
+  fontSize: '14px',
+  backgroundColor: '#ffffff',
+  borderColor: '#1991eb',
+  outline: '0',
+  boxShadow: '0 0 0 2px rgba(70, 127, 207, 0.25)'
+};
+const noneCallback = () => ({
+  display: 'none'
+});
+const controlCallback = (provided, state) => {
+  const {
+    isDisabled,
+    isFocused
+  } = state;
+  if (isFocused && !isDisabled) {
+    return {
+      ...provided,
+      ...FOCUS_CONTROL_STYLE,
+      '&:hover': {
+        ...provided,
+        ...FOCUS_CONTROL_STYLE
+      }
+    };
+  }
+  return {
+    ...provided,
+    fontSize: '14px',
+    lineHeight: '1.5',
+    cursor: 'pointer',
+    ...DEFAULT_CONTROL_STYLE,
+    '&:hover': {
+      ...DEFAULT_CONTROL_STYLE
+    }
+  };
+};
 const UserSelectStyle = exports.UserSelectStyle = {
   option: (provided, state) => {
     const {
@@ -19,21 +59,10 @@ const UserSelectStyle = exports.UserSelectStyle = {
       backgroundColor: isFocused ? '#f5f5f5' : '#fff'
     };
   },
-  control: provided => ({
-    ...provided,
-    fontSize: '14px',
-    cursor: 'pointer',
-    lineHeight: '1.5'
-  }),
-  indicatorSeparator: () => ({
-    display: 'none'
-  }),
-  dropdownIndicator: () => ({
-    display: 'none'
-  }),
-  clearIndicator: () => ({
-    display: 'none'
-  }),
+  control: controlCallback,
+  indicatorSeparator: noneCallback,
+  dropdownIndicator: noneCallback,
+  clearIndicator: noneCallback,
   multiValue: provided => {
     return {
       ...provided,
@@ -91,17 +120,12 @@ const MenuSelectStyle = exports.MenuSelectStyle = {
       }
     };
   },
-  control: provided => ({
-    ...provided,
-    fontSize: '14px',
-    cursor: 'pointer',
-    lineHeight: '1.5'
-  }),
+  control: controlCallback,
   menuPortal: base => ({
     ...base,
     zIndex: 9999
   }),
-  indicatorSeparator: () => {}
+  indicatorSeparator: noneCallback
 };
 const DropdownIndicator = props => {
   return _reactSelect.components.DropdownIndicator && /*#__PURE__*/_react.default.createElement(_reactSelect.components.DropdownIndicator, props, /*#__PURE__*/_react.default.createElement("span", {

package/lib/RowExpandLinkFormatter/index.js

@@ -37,10 +37,13 @@ class RowExpandLinkFormatter extends _react.Component {
     if (!displayColumn) {
       return props.renderEmpty();
     }
-    const {
+    let {
       type: displayColumnType,
       data: displayColumnData
     } = displayColumn;
+    if (displayColumnType === 'string') {
+      displayColumnType = _constants.CellType.TEXT;
+    }
     const cellValue = (0, _utils.getFormulaArrayValue)(value, !(0, _utils.isArrayFormatColumn)(displayColumnType));
     if (!Array.isArray(cellValue) || cellValue.length === 0) {
       return props.renderEmpty();

package/package.json

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