dtable-ui-component 6.0.95 → 6.0.97

package/lib/DTableColumnIcon/index.js

@@ -5,6 +5,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+var _classnames = _interopRequireDefault(require("classnames"));
 var _dtableUtils = require("dtable-utils");
 var _DTableIcon = _interopRequireDefault(require("../DTableIcon"));
 var _jsxRuntime = require("react/jsx-runtime");
@@ -51,8 +52,8 @@ const DTableColumnIcon = _ref => {
     ariaHidden = false,
     getSvg
   } = _ref;
-  if (!column) return null;
-  const columnType = (column === null || column === void 0 ? void 0 : column.type) || _dtableUtils.CellType.TEXT;
+  const columnType = column === null || column === void 0 ? void 0 : column.type;
+  if (!columnType) return null;
   const columnDisplayType = (0, _dtableUtils.getColumnDisplayType)(column);
   let symbol = null;
   let displayTypeIconConfig = COLUMN_DISPLAY_TYPE_ICON_CONFIG[columnType];
@@ -63,7 +64,7 @@ const DTableColumnIcon = _ref => {
     symbol = COLUMNS_ICON_CONFIG[columnType];
   }
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_DTableIcon.default, {
-    className: className,
+    className: (0, _classnames.default)('dtable-column-icon', className),
     symbol: symbol,
     color: color,
     ariaHidden: ariaHidden,

package/lib/DTableCustomizeCollaboratorSelect/index.css

@@ -8,44 +8,6 @@
   transform: translateY(-1px);
 }
 
-.dtable-customize-collaborator-select .option-group {
-  position: absolute;
-  left: 0px;
-  min-height: 60px;
-  max-height: unset;
-  min-width: 100%;
-  max-width: 15rem;
-  padding: 0.5rem 0;
-  box-shadow: 0 1px 2px 0 rgb(0 0 0 / 5%);
-  background: #fff;
-  border: 1px solid rgba(0, 40, 100, 0.12);
-  border-radius: 3px;
-  z-index: 10001;
-}
-
-.dtable-customize-collaborator-select .option-group .option-group-search {
-  width: 100%;
-  padding: 0 10px;
-  min-width: 170px;
-}
-
-.dtable-customize-collaborator-select .option-group-search .form-control {
-  height: 31px;
-}
-
-.dtable-customize-collaborator-select .option-group .none-search-result {
-  height: 100px;
-  width: 100%;
-  padding: 10px;
-  opacity: .5;
-}
-
-.dtable-customize-collaborator-select .option-group .option-group-content {
-  max-height: 252px;
-  overflow-y: auto;
-  padding: 10px;
-}
-
 .dtable-customize-collaborator-select .selected-option-show {
   width: calc(100% - 20px);
   height: 20px;
@@ -79,7 +41,7 @@
   text-align: center;
 }
 
-.dtable-customize-collaborator-select .collaborator-check-icon .dtable-icon-check-mark, 
+.dtable-customize-collaborator-select .collaborator-check-icon .dtable-icon-check-mark,
 .dtable-customize-collaborator-select .multiple-check-icon .dtable-icon-check-mark {
   font-size: 12px;
   color: #798d99;

package/lib/DTableFiltersPopover/widgets/filter-list/index.css

@@ -216,6 +216,7 @@
 .dtable-ui-filters-list .selected-option .multiple-select-option,
 .dtable-ui-filters-list .selected-option .single-select-option {
   display: inline-block;
+  margin: 0;
 }
 
 .dtable-ui-filters-list .filter-term input {
@@ -386,11 +387,6 @@
   margin-right: 14px;
 }
 
-.dtable-ui-filters-list .option-group {
-  max-height: 360px;
-  overflow: auto;
-}
-
 .dtable-ui-filters-list .filter-item .dtable-icon-fork-number:hover {
   color: #555555;
 }

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

@@ -1,40 +1,3 @@
-.group-selector.option-group {
-  position: absolute;
-  left: 0;
-  min-height: 60px;
-  max-height: 300px;
-  min-width: 100%;
-  max-width: 15rem;
-  padding: 0.5rem 0;
-  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
-  background: #fff;
-  border: 1px solid rgba(0, 40, 100, 0.12);
-  border-radius: 3px;
-  z-index: 10001;
-}
-
-.group-selector.option-group .option-group-search {
-  width: 100%;
-  padding: 6px 10px;
-  min-width: 170px;
-}
-
-.group-selector .option-group-search .form-control {
-  height: 31px;
-}
-
-.group-selector.option-group .none-search-result {
-  height: 100px;
-  width: 100%;
-  padding: 10px;
-  color: #666666;
-}
-
-.group-selector.option-group .option-group-content {
-  max-height: 252px;
-  overflow-y: auto;
-}
-
 .group-selector .option {
   display: block;
   width: 100%;

package/lib/DTableSwitch/index.css

@@ -33,7 +33,6 @@
   display: inline-block;
   line-height: 24px;
   margin-right: 8px;
-  color: #666;
 }
 
 .dtable-switch.sm .custom-switch .dtable-font.dtable-icon-use-help {

package/lib/RowExpandFormatter/text/index.js

@@ -31,9 +31,11 @@ class TextFormatter extends _react.default.Component {
       value,
       column
     } = this.props;
-    const classname = (0, _classnames.default)('dtable-ui cell-formatter-container row-expand-jump-link-container text-formatter', containerClassName);
-    const formattedValue = this.getFormattedValue(value);
     const isDisplayAsAsPhoneNumber = column ? (0, _dtableUtils.checkIsDisplayAsPhoneNumberColumn)(column) : false;
+    const classname = (0, _classnames.default)('dtable-ui cell-formatter-container text-formatter', containerClassName, {
+      'row-expand-jump-link-container': isDisplayAsAsPhoneNumber
+    });
+    const formattedValue = this.getFormattedValue(value);
     return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
       className: classname,
       children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("span", {

package/lib/SelectOptionGroup/index.css

@@ -1,8 +1,9 @@
 .option-group {
+  display: flex;
+  flex-direction: column;
   position: absolute;
   left: 0;
   min-height: 60px;
-  max-height: 300px;
   min-width: 100%;
   max-width: 15rem;
   padding: 0.5rem 0;
@@ -15,8 +16,8 @@
 
 .option-group .option-group-search {
   width: 100%;
-  padding: 0 10px 6px 10px;
   min-width: 170px;
+  padding: 0 10px 6px;
 }
 
 .option-group-search .form-control {
@@ -31,6 +32,7 @@
 }
 
 .option-group .option-group-content {
+  flex: 1;
   max-height: 252px;
   overflow-y: auto;
 }

package/lib/toaster/toaster.js

@@ -63,12 +63,9 @@ class Toaster {
       });
     };
     if (!isBrowser) return;
-    let container = document.querySelector('[data-evergreen-toaster-container]');
-    if (!container) {
-      container = document.createElement('div');
-      container.setAttribute('data-evergreen-toaster-container', '');
-      document.body.appendChild(container);
-    }
+    const container = document.createElement('div');
+    container.setAttribute('data-evergreen-toaster-container', '');
+    document.body.appendChild(container);
     const root = (0, _client.createRoot)(container);
     root.render(/*#__PURE__*/(0, _jsxRuntime.jsx)(_toastManager.default, {
       bindNotify: this._bindNotify,

package/package.json

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