@douyinfe/semi-ui 2.36.0-beta.0 → 2.36.1-alpha.0

package/lib/cjs/switch/index.js

@@ -4,40 +4,27 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _noop2 = _interopRequireDefault(require("lodash/noop"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _foundation = _interopRequireDefault(require("@douyinfe/semi-foundation/lib/cjs/switch/foundation"));
-
 var _constants = require("@douyinfe/semi-foundation/lib/cjs/switch/constants");
-
 var _baseComponent = _interopRequireDefault(require("../_base/baseComponent"));
-
 require("@douyinfe/semi-foundation/lib/cjs/switch/switch.css");
-
 var _spin = _interopRequireDefault(require("../spin"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 /* eslint-disable max-len */
+
 class Switch extends _baseComponent.default {
   constructor(props) {
     super(props);
-
     this.handleFocusVisible = event => {
       this.foundation.handleFocusVisible(event);
     };
-
     this.handleBlur = event => {
       this.foundation.handleBlur();
     };
-
     this.state = {
       nativeControlChecked: props.defaultChecked || props.checked,
       nativeControlDisabled: false,
@@ -46,25 +33,20 @@ class Switch extends _baseComponent.default {
     this.switchRef = /*#__PURE__*/_react.default.createRef();
     this.foundation = new _foundation.default(this.adapter);
   }
-
   componentDidMount() {
     this.foundation.init();
   }
-
   componentDidUpdate(prevProps) {
     if (this.props.checked !== prevProps.checked) {
       this.foundation.setChecked(this.props.checked);
     }
-
     if (this.props.disabled !== prevProps.disabled) {
       this.foundation.setDisabled(this.props.disabled);
     }
   }
-
   componentWillUnmount() {
     this.foundation.destroy();
   }
-
   get adapter() {
     return Object.assign(Object.assign({}, super.adapter), {
       setNativeControlChecked: nativeControlChecked => {
@@ -87,7 +69,6 @@ class Switch extends _baseComponent.default {
       }
     });
   }
-
   render() {
     const {
       nativeControlChecked,
@@ -155,9 +136,7 @@ class Switch extends _baseComponent.default {
       onBlur: e => this.handleBlur(e)
     })));
   }
-
 }
-
 Switch.propTypes = {
   'aria-label': _propTypes.default.string,
   'aria-labelledby': _propTypes.default.string,

package/lib/cjs/table/Body/BaseRow.d.ts

@@ -123,4 +123,4 @@ export default class TableRow extends BaseComponent<BaseRowProps, Record<string,
     handleClick: (e: React.MouseEvent) => void;
     render(): JSX.Element;
 }
-export declare type RenderExpandIcon = (record: Record<string, any>, isNested: boolean) => ReactNode | null;
+export type RenderExpandIcon = (record: Record<string, any>, isNested: boolean) => ReactNode | null;

package/lib/cjs/table/Body/BaseRow.js

@@ -4,130 +4,91 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _pick2 = _interopRequireDefault(require("lodash/pick"));
-
 var _isEqual2 = _interopRequireDefault(require("lodash/isEqual"));
-
 var _omit2 = _interopRequireDefault(require("lodash/omit"));
-
 var _stubTrue2 = _interopRequireDefault(require("lodash/stubTrue"));
-
 var _get2 = _interopRequireDefault(require("lodash/get"));
-
 var _noop2 = _interopRequireDefault(require("lodash/noop"));
-
 var _each2 = _interopRequireDefault(require("lodash/each"));
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _constants = require("@douyinfe/semi-foundation/lib/cjs/table/constants");
-
 var _shallowEqualObjects = _interopRequireDefault(require("@douyinfe/semi-foundation/lib/cjs/utils/shallowEqualObjects"));
-
 var _tableRowFoundation = _interopRequireDefault(require("@douyinfe/semi-foundation/lib/cjs/table/tableRowFoundation"));
-
 var _utils = require("@douyinfe/semi-foundation/lib/cjs/table/utils");
-
 var _baseComponent = _interopRequireDefault(require("../../_base/baseComponent"));
-
 var _TableCell = _interopRequireDefault(require("../TableCell"));
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 var __rest = void 0 && (void 0).__rest || function (s, e) {
   var t = {};
-
   for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
-
   if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
     if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
   }
   return t;
 };
 /* eslint-disable max-len */
-
 /* eslint-disable eqeqeq */
-
-
 class TableRow extends _baseComponent.default {
+  get adapter() {
+    var _this = this;
+    return Object.assign(Object.assign({}, super.adapter), {
+      notifyClick: function () {
+        return _this.props.onRowClick(...arguments);
+      },
+      notifyDoubleClick: function () {
+        return _this.props.onRowDoubleClick(...arguments);
+      },
+      notifyMouseLeave: function () {
+        _this.props.onHover(false, _this.props.rowKey);
+        _this.props.onRowMouseEnter(...arguments);
+      },
+      notifyMouseEnter: function () {
+        _this.props.onHover(true, _this.props.rowKey);
+        _this.props.onRowMouseEnter(...arguments);
+      }
+    });
+  }
   constructor(props) {
     super(props);
-
     this._cacheNode = node => {
       this.ref.current = node;
-    }; // Pass true to render the tree-shaped expand button
-
-
+    };
+    // Pass true to render the tree-shaped expand button
     this.renderExpandIcon = record => {
       const {
         renderExpandIcon
       } = this.props;
       return renderExpandIcon(record, true);
     };
-
     this.handleMouseEnter = e => {
       this.foundation.handleMouseEnter(e);
       const customRowProps = this.adapter.getCache('customRowProps');
-
       if (typeof customRowProps.onMouseEnter === 'function') {
         customRowProps.onMouseEnter(e);
       }
     };
-
     this.handleMouseLeave = e => {
       this.foundation.handleMouseLeave(e);
       const customRowProps = this.adapter.getCache('customRowProps');
-
       if (typeof customRowProps.onMouseLeave === 'function') {
         customRowProps.onMouseLeave(e);
       }
     };
-
     this.handleClick = e => {
       this.foundation.handleClick(e);
       const customRowProps = this.adapter.getCache('customRowProps');
-
       if (customRowProps && typeof customRowProps.onClick === 'function') {
         customRowProps.onClick(e);
       }
     };
-
     this.ref = /*#__PURE__*/(0, _react.createRef)();
     this.foundation = new _tableRowFoundation.default(this.adapter);
   }
-
-  get adapter() {
-    var _this = this;
-
-    return Object.assign(Object.assign({}, super.adapter), {
-      notifyClick: function () {
-        return _this.props.onRowClick(...arguments);
-      },
-      notifyDoubleClick: function () {
-        return _this.props.onRowDoubleClick(...arguments);
-      },
-      notifyMouseLeave: function () {
-        _this.props.onHover(false, _this.props.rowKey);
-
-        _this.props.onRowMouseEnter(...arguments);
-      },
-      notifyMouseEnter: function () {
-        _this.props.onHover(true, _this.props.rowKey);
-
-        _this.props.onRowMouseEnter(...arguments);
-      }
-    });
-  }
-
   componentDidMount() {
     // fix #745
     // didmount/willUnmount may be called twice when React.StrictMode is true in React 18, we need to ensure that this.cache.customRowProps is correct
@@ -137,19 +98,16 @@ class TableRow extends _baseComponent.default {
       record
     } = this.props;
     const customRowProps = this.adapter.getCache('customRowProps');
-
     if (typeof customRowProps === 'undefined') {
       const _a = onRow(record, index) || {},
-            {
-        className: customClassName,
-        style: customStyle
-      } = _a,
-            rowProps = __rest(_a, ["className", "style"]);
-
+        {
+          className: customClassName,
+          style: customStyle
+        } = _a,
+        rowProps = __rest(_a, ["className", "style"]);
       this.adapter.setCache('customRowProps', Object.assign({}, rowProps));
     }
   }
-
   shouldComponentUpdate(nextProps) {
     /**
       * Shallow comparison of incoming props to simulate PureComponent
@@ -160,14 +118,11 @@ class TableRow extends _baseComponent.default {
       */
     const omitProps = ['cellWidths'];
     const isPropsShallowEqual = (0, _shallowEqualObjects.default)((0, _omit2.default)(nextProps, omitProps), (0, _omit2.default)(this.props, omitProps));
-
     if (!isPropsShallowEqual || !(0, _isEqual2.default)((0, _pick2.default)(nextProps, omitProps), (0, _pick2.default)(this.props, omitProps))) {
       return true;
     }
-
     return false;
   }
-
   renderCells() {
     const {
       columns,
@@ -194,35 +149,29 @@ class TableRow extends _baseComponent.default {
     const BodyCell = (0, _get2.default)(components, 'body.cell', _constants.strings.DEFAULT_COMPONENTS.body.cell);
     const cells = [];
     const displayExpandedColumn = rowExpandable(record);
-    let firstIndex = 0; // const dataColumns = getDataColumns(columns);
-
+    let firstIndex = 0;
+    // const dataColumns = getDataColumns(columns);
     (0, _each2.default)(columns, (column, columnIndex) => {
       const columnKey = (0, _get2.default)(column, 'key');
       const expandableProps = {};
-
       if (fixed !== 'right') {
         if ((0, _utils.isInnerColumnKey)(columnKey)) {
           firstIndex++;
         }
-
         if (expandableRow && columnIndex === firstIndex) {
           expandableProps.renderExpandIcon = this.renderExpandIcon;
-
           if (hideExpandedColumn || isSection) {
             expandableProps.expandIcon = expandIcon != null ? expandIcon : true;
           }
-        } // Only the first data row will be indented
-
-
+        }
+        // Only the first data row will be indented
         if (level != null && columnIndex === firstIndex) {
           expandableProps.indent = level;
-
           if (!expandableRow && hideExpandedColumn) {
             expandableProps.indent = level + 1;
           }
         }
       }
-
       if ((0, _utils.isExpandedColumn)(column) && !displayExpandedColumn) {
         cells.push( /*#__PURE__*/_react.default.createElement(_TableCell.default, {
           key: columnIndex,
@@ -231,11 +180,9 @@ class TableRow extends _baseComponent.default {
         }));
       } else if (!(0, _utils.isScrollbarColumn)(column)) {
         const diyProps = {};
-
         if (BodyCell !== _constants.strings.DEFAULT_COMPONENTS.body.cell && virtualized && !expandedRow) {
           diyProps.width = (0, _get2.default)(cellWidths, columnIndex);
         }
-
         cells.push( /*#__PURE__*/_react.default.createElement(_TableCell.default, Object.assign({
           colIndex: columnIndex
         }, expandableProps, diyProps, {
@@ -261,7 +208,6 @@ class TableRow extends _baseComponent.default {
     });
     return cells;
   }
-
   render() {
     const {
       style
@@ -283,14 +229,12 @@ class TableRow extends _baseComponent.default {
       isSection
     } = this.props;
     const BodyRow = components.body.row;
-
     const _a = onRow(record, index) || {},
-          {
-      className: customClassName,
-      style: customStyle
-    } = _a,
-          rowProps = __rest(_a, ["className", "style"]);
-
+      {
+        className: customClassName,
+        style: customStyle
+      } = _a,
+      rowProps = __rest(_a, ["className", "style"]);
     this.adapter.setCache('customRowProps', Object.assign({}, rowProps));
     const baseRowStyle = Object.assign(Object.assign({}, style), customStyle);
     const rowCls = typeof replaceClassName === 'string' && replaceClassName.length ? replaceClassName : (0, _classnames.default)(className, `${prefixCls}-row`, {
@@ -299,28 +243,22 @@ class TableRow extends _baseComponent.default {
       [`${prefixCls}-row-hovered`]: hovered
     }, customClassName);
     const ariaProps = {};
-
     if (typeof index === 'number') {
       ariaProps['aria-rowindex'] = index + 1;
     }
-
     if (expandableRow) {
       ariaProps['aria-expanded'] = expanded;
-    } // if row is expandedRow, set it's level to 2 
-
-
+    }
+    // if row is expandedRow, set it's level to 2 
     if (expanded || expandedRow) {
       ariaProps['aria-level'] = 2;
     }
-
     if (typeof level === 'number') {
       ariaProps['aria-level'] = level + 1;
     }
-
     if (isSection) {
       ariaProps['aria-level'] = 1;
     }
-
     return /*#__PURE__*/_react.default.createElement(BodyRow, Object.assign({
       role: "row"
     }, ariaProps, rowProps, {
@@ -332,9 +270,7 @@ class TableRow extends _baseComponent.default {
       onClick: this.handleClick
     }), this.renderCells());
   }
-
 }
-
 exports.default = TableRow;
 TableRow.propTypes = {
   anyColumnFixed: _propTypes.default.bool,

package/lib/cjs/table/Body/ExpandedRow.d.ts

@@ -59,7 +59,7 @@ export default class TableExpandedRow extends PureComponent<TableExpandedRowProp
     context: TableContextProps;
     render(): JSX.Element;
 }
-export declare type ExpandedRowRenderReturnType = React.ReactNode | {
+export type ExpandedRowRenderReturnType = React.ReactNode | {
     children: ReactNode;
     fixed: Fixed;
 } & ColumnProps;

package/lib/cjs/table/Body/ExpandedRow.js

@@ -4,40 +4,23 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _isNull2 = _interopRequireDefault(require("lodash/isNull"));
-
 var _set2 = _interopRequireDefault(require("lodash/set"));
-
 var _get2 = _interopRequireDefault(require("lodash/get"));
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _constants = require("@douyinfe/semi-foundation/lib/cjs/table/constants");
-
 var _utils = require("@douyinfe/semi-foundation/lib/cjs/table/utils");
-
 var _tableContext = _interopRequireDefault(require("../table-context"));
-
 var _BaseRow = _interopRequireDefault(require("./BaseRow"));
-
 var _utils2 = require("../utils");
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 var __rest = void 0 && (void 0).__rest || function (s, e) {
   var t = {};
-
   for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
-
   if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
     if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
   }
@@ -45,7 +28,6 @@ var __rest = void 0 && (void 0).__rest || function (s, e) {
 };
 /* eslint-disable max-len */
 
-
 /**
  * Render expanded row
  */
@@ -76,7 +58,6 @@ class TableExpandedRow extends _react.PureComponent {
     let children = null;
     const props = {};
     let column = {};
-
     if ((0, _isNull2.default)(cell)) {
       return null;
     } else if ( /*#__PURE__*/(0, _react.isValidElement)(cell)) {
@@ -84,28 +65,24 @@ class TableExpandedRow extends _react.PureComponent {
     } else if (cell && Object.prototype.toString.call(cell) === '[object Object]') {
       // eslint-disable-next-line @typescript-eslint/no-unused-vars
       const _a = cell,
-            {
-        children: cellChildren,
-        fixed
-      } = _a,
-            restProps = __rest(_a, ["children", "fixed"]);
-
+        {
+          children: cellChildren,
+          fixed
+        } = _a,
+        restProps = __rest(_a, ["children", "fixed"]);
       children = cellChildren;
       column = Object.assign({}, restProps);
     }
-
     if ((0, _get2.default)(components, 'body.cell') !== _constants.strings.DEFAULT_COMPONENTS.body.cell) {
       if (virtualized) {
         (0, _set2.default)(props, 'style.height', '100%');
       }
-
       (0, _set2.default)(props, 'style.display', 'block');
       (0, _set2.default)(props, 'style.width', (0, _utils.arrayAdd)(cellWidths, 0, propColumns.length));
     } else {
       // Remove the row where the scroll bar is located
       props.colSpan = (0, _utils.filterColumns)(propColumns).length;
     }
-
     const columns = [Object.assign({
       render: () => ({
         props,
@@ -133,9 +110,7 @@ class TableExpandedRow extends _react.PureComponent {
       cellWidths: baseRowCellWidths
     });
   }
-
 }
-
 exports.default = TableExpandedRow;
 TableExpandedRow.contextType = _tableContext.default;
 TableExpandedRow.propTypes = {

package/lib/cjs/table/Body/SectionRow.js

@@ -4,58 +4,37 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _isSet2 = _interopRequireDefault(require("lodash/isSet"));
-
 var _get2 = _interopRequireDefault(require("lodash/get"));
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _constants = require("@douyinfe/semi-foundation/lib/cjs/table/constants");
-
 var _utils = require("@douyinfe/semi-foundation/lib/cjs/table/utils");
-
 var _BaseRow = _interopRequireDefault(require("./BaseRow"));
-
 var _tableContext = _interopRequireDefault(require("../table-context"));
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 var __rest = void 0 && (void 0).__rest || function (s, e) {
   var t = {};
-
   for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
-
   if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
     if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
   }
   return t;
 };
 /* eslint-disable max-len */
-
 /* eslint-disable @typescript-eslint/ban-types */
-
 /* eslint-disable eqeqeq */
-
-
 /**
  * Grouping component title row
  */
 class SectionRow extends _react.PureComponent {
   constructor() {
     var _this;
-
     super(...arguments);
     _this = this;
-
     this.onRow = function () {
       const {
         onGroupedRow,
@@ -65,63 +44,51 @@ class SectionRow extends _react.PureComponent {
         expanded
       } = _this.props;
       const rowProps = {};
-
       if (typeof onGroupedRow === 'function') {
         Object.assign(rowProps, onGroupedRow(...arguments));
       }
-
       return Object.assign(Object.assign({}, rowProps), {
         onClick: e => {
           if (typeof onExpand === 'function' && clickGroupedRowToExpand) {
             onExpand(!expanded, groupKey, e);
           }
-
           if (typeof rowProps.onClick === 'function') {
             rowProps.onClick(e);
           }
         }
       });
     };
-
     this.collectGroupedData = () => {
       const {
         data,
         group,
         rowKey
       } = this.props;
-
       if (Array.isArray(data) && data.length && (0, _isSet2.default)(group)) {
         return data.filter(record => {
           const realRowKey = typeof rowKey === 'function' ? rowKey(record) : (0, _get2.default)(record, rowKey);
           return realRowKey != null && realRowKey !== '' && group.has(realRowKey);
         });
       }
-
       return [];
     };
-
     this.renderExpandIcon = record => {
       const {
         renderExpandIcon,
         groupKey
       } = this.props;
-
       if (typeof renderExpandIcon === 'function') {
         return renderExpandIcon(record, false, groupKey);
       }
-
       return null;
     };
   }
-
   isInnerColumnKey(key) {
     if (key != null) {
       return [_constants.strings.DEFAULT_KEY_COLUMN_EXPAND, _constants.strings.DEFAULT_KEY_COLUMN_SELECTION].includes(key);
     }
-
     return false;
   }
-
   render() {
     const {
       record,
@@ -140,24 +107,21 @@ class SectionRow extends _react.PureComponent {
     } = this.props;
     const props = {};
     let column = {};
-    let children = null; // render title
-
+    let children = null;
+    // render title
     const cell = typeof renderGroupSection === 'function' ? renderGroupSection(groupKey, [...group]) : null;
-
     if ( /*#__PURE__*/(0, _react.isValidElement)(cell)) {
       children = cell;
     } else if (cell && Object.prototype.toString.call(cell) === '[object Object]') {
       const _a = cell,
-            {
-        children: cellChildren
-      } = _a,
-            restProps = __rest(_a, ["children"]);
-
+        {
+          children: cellChildren
+        } = _a,
+        restProps = __rest(_a, ["children"]);
       children = cellChildren;
       column = Object.assign({}, restProps);
-    } // Filter out scroll-bar column
-
-
+    }
+    // Filter out scroll-bar column
     props.colSpan = (0, _utils.filterColumns)(propColumns).length;
     const columns = [Object.assign({
       render: () => ({
@@ -191,9 +155,7 @@ class SectionRow extends _react.PureComponent {
       cellWidths: baseRowCellWidths
     });
   }
-
 }
-
 SectionRow.contextType = _tableContext.default;
 SectionRow.propTypes = {
   record: _propTypes.default.object,