@douyinfe/semi-ui 2.1.0-beta.2 → 2.1.0-next.2

package/lib/cjs/table/TableHeader.js

@@ -0,0 +1,192 @@
+"use strict";
+
+var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
+
+var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
+
+_Object$defineProperty(exports, "__esModule", {
+  value: true
+});
+
+exports.default = void 0;
+
+var _map = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/map"));
+
+var _reduce = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/reduce"));
+
+var _forEach = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/for-each"));
+
+var _assign = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/assign"));
+
+var _set = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/set"));
+
+var _isFunction2 = _interopRequireDefault(require("lodash/isFunction"));
+
+var _noop2 = _interopRequireDefault(require("lodash/noop"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _baseComponent = _interopRequireDefault(require("../_base/baseComponent"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _constants = require("@douyinfe/semi-foundation/lib/cjs/table/constants");
+
+var _TableHeaderRow = _interopRequireDefault(require("./TableHeaderRow"));
+
+/* eslint-disable max-len */
+function parseHeaderRows(columns) {
+  const rows = []; // eslint-disable-next-line @typescript-eslint/no-shadow
+
+  function fillRowCells(columns, colIndex) {
+    let parents = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : [];
+    let rowIndex = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : 0;
+    let level = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : 0;
+    // Init rows
+    rows[rowIndex] = rows[rowIndex] || [];
+    let currentColIndex = colIndex;
+    const colSpans = (0, _map.default)(columns).call(columns, column => {
+      const cell = {
+        key: column.key,
+        className: column.className || '',
+        children: (0, _isFunction2.default)(column.title) ? column.title() : column.title,
+        column,
+        colStart: currentColIndex,
+        level,
+        parents
+      };
+      let colSpan = 1;
+      /**
+        * Calculate header column merge colSpan
+        *  - If the current cell has children, colSpan = the sum of children rowSpan
+        *  - If the current cell has no children, colSpan = 1
+        */
+
+      const subColumns = column.children;
+
+      if (subColumns && subColumns.length > 0) {
+        var _context;
+
+        colSpan = (0, _reduce.default)(_context = fillRowCells(subColumns, currentColIndex, [...parents, cell], rowIndex + 1, level + 1)).call(_context, (total, count) => total + count, 0);
+        cell.hasSubColumns = true;
+      }
+
+      if ('colSpan' in column) {
+        ({
+          colSpan
+        } = column);
+      }
+
+      if ('rowSpan' in column) {
+        cell.rowSpan = column.rowSpan;
+      }
+
+      if (column.key === _constants.strings.DEFAULT_KEY_COLUMN_SCROLLBAR) {
+        cell['x-type'] = _constants.strings.DEFAULT_KEY_COLUMN_SCROLLBAR;
+      }
+
+      cell.colSpan = colSpan;
+      cell.colEnd = cell.colStart + colSpan - 1;
+      rows[rowIndex].push(cell);
+      currentColIndex += colSpan;
+      return colSpan;
+    });
+    return colSpans;
+  } // Generate `rows` cell data
+
+
+  fillRowCells(columns, 0);
+  /**
+   * Calculate header row merge rowSpan
+   *  - If the current cell has no children, you need to calculate rowSpan, rowSpan = the total number of rows in the header-which row currently belongs to
+   *  - If the current cell has children, there is no need to calculate rowSpan
+   *
+   * 计算表头行合并 rowSpan
+   *  - 如果当前cell没有children，则需要计算rowSpan，rowSpan = 表头总行数 - 当前属于第几行
+   *  - 如果当前cell有children，则无需计算rowSpan
+   */
+
+  const rowCount = rows.length;
+
+  for (let rowIndex = 0; rowIndex < rowCount; rowIndex += 1) {
+    var _context2;
+
+    (0, _forEach.default)(_context2 = rows[rowIndex]).call(_context2, cell => {
+      if (!('rowSpan' in cell) && !cell.hasSubColumns) {
+        // eslint-disable-next-line no-param-reassign
+        cell.rowSpan = rowCount - rowIndex;
+      }
+    });
+  }
+
+  return rows;
+}
+/**
+ * Render the header of the table header, and control the merging of the columns of the header
+ */
+
+
+class TableHeader extends _baseComponent.default {
+  get adapter() {
+    return (0, _assign.default)({}, super.adapter);
+  }
+
+  render() {
+    const {
+      components,
+      columns,
+      prefixCls,
+      fixed,
+      onHeaderRow,
+      forwardedRef,
+      selectedRowKeysSet
+    } = this.props;
+    const rows = parseHeaderRows(columns);
+    const HeaderWrapper = components.header.wrapper;
+    return /*#__PURE__*/_react.default.createElement(HeaderWrapper, {
+      className: "".concat(prefixCls, "-thead"),
+      ref: forwardedRef
+    }, (0, _map.default)(rows).call(rows, (row, idx) => /*#__PURE__*/_react.default.createElement(_TableHeaderRow.default, {
+      prefixCls: prefixCls,
+      key: idx,
+      index: idx,
+      fixed: fixed,
+      columns: columns,
+      row: row,
+      components: components,
+      onHeaderRow: onHeaderRow,
+      selectedRowKeysSet: selectedRowKeysSet
+    })));
+  }
+
+}
+
+TableHeader.propTypes = {
+  components: _propTypes.default.any,
+  columns: _propTypes.default.array,
+  columnManager: _propTypes.default.object,
+  prefixCls: _propTypes.default.string,
+  onHeaderRow: _propTypes.default.func,
+  onDidUpdate: _propTypes.default.func,
+  fixed: _propTypes.default.oneOfType([_propTypes.default.bool, _propTypes.default.string]),
+  selectedRowKeysSet: _propTypes.default.instanceOf(_set.default).isRequired
+};
+TableHeader.defaultProps = {
+  columns: [],
+  prefixCls: _constants.cssClasses.PREFIX,
+  onHeaderRow: _noop2.default,
+  onDidUpdate: _noop2.default,
+  components: {
+    header: {
+      wrapper: 'thead',
+      row: 'tr',
+      cell: 'th'
+    }
+  }
+};
+
+var _default = /*#__PURE__*/_react.default.forwardRef((props, ref) => /*#__PURE__*/_react.default.createElement(TableHeader, (0, _assign.default)({}, props, {
+  forwardedRef: ref
+})));
+
+exports.default = _default;

package/lib/cjs/table/TableHeaderRow.d.ts

@@ -0,0 +1,59 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+import BaseComponent from '../_base/baseComponent';
+import { TableComponents, OnHeaderRow, Fixed } from './interface';
+export interface TableHeaderRowProps {
+    components?: TableComponents;
+    row?: any[];
+    prefixCls?: string;
+    onHeaderRow?: OnHeaderRow<any>;
+    index?: number;
+    style?: React.CSSProperties;
+    columns?: any[];
+    fixed?: Fixed;
+    selectedRowKeysSet: Set<any>;
+}
+export default class TableHeaderRow extends BaseComponent<TableHeaderRowProps, Record<string, any>> {
+    static contextType: React.Context<import("./table-context").TableContextProps>;
+    static propTypes: {
+        components: PropTypes.Requireable<object>;
+        row: PropTypes.Requireable<any[]>;
+        prefixCls: PropTypes.Requireable<string>;
+        onHeaderRow: PropTypes.Requireable<(...args: any[]) => any>;
+        index: PropTypes.Requireable<string | number>;
+        style: PropTypes.Requireable<object>;
+        columns: PropTypes.Requireable<any[]>;
+        fixed: PropTypes.Requireable<string | boolean>;
+        selectedRowKeysSet: PropTypes.Validator<Set<unknown>>;
+    };
+    static defaultProps: {
+        onHeaderRow: (...args: any[]) => void;
+        prefixCls: "semi-table";
+        columns: [];
+        components: {
+            header: {
+                wrapper: string;
+                row: string;
+                cell: string;
+            };
+        };
+    };
+    get adapter(): {
+        getContext(key: string): any;
+        getContexts(): any;
+        getProp(key: string): any;
+        getProps(): TableHeaderRowProps;
+        getState(key: string): any;
+        getStates(): Record<string, any>;
+        setState(s: Pick<Record<string, any>, string>, callback?: any): void;
+        getCache(c: string): any;
+        getCaches(): any;
+        setCache(key: any, value: any): void;
+        stopPropagation(e: any): void;
+    };
+    headerNode: HTMLElement;
+    constructor(props: TableHeaderRowProps);
+    cacheRef: (node: HTMLElement) => void;
+    componentDidUpdate(prevProps: TableHeaderRowProps): void;
+    render(): JSX.Element;
+}

package/lib/cjs/table/TableHeaderRow.js

@@ -0,0 +1,218 @@
+"use strict";
+
+var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
+
+var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
+
+_Object$defineProperty(exports, "__esModule", {
+  value: true
+});
+
+exports.default = void 0;
+
+var _indexOf = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/index-of"));
+
+var _getOwnPropertySymbols = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols"));
+
+var _assign = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/assign"));
+
+var _concat = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/concat"));
+
+var _set2 = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/set"));
+
+var _findIndex2 = _interopRequireDefault(require("lodash/findIndex"));
+
+var _omit2 = _interopRequireDefault(require("lodash/omit"));
+
+var _set3 = _interopRequireDefault(require("lodash/set"));
+
+var _map2 = _interopRequireDefault(require("lodash/map"));
+
+var _noop2 = _interopRequireDefault(require("lodash/noop"));
+
+var _get2 = _interopRequireDefault(require("lodash/get"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _constants = require("@douyinfe/semi-foundation/lib/cjs/table/constants");
+
+var _utils = require("@douyinfe/semi-foundation/lib/cjs/table/utils");
+
+var _baseComponent = _interopRequireDefault(require("../_base/baseComponent"));
+
+var _tableContext = _interopRequireDefault(require("./table-context"));
+
+var __rest = void 0 && (void 0).__rest || function (s, e) {
+  var t = {};
+
+  for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && (0, _indexOf.default)(e).call(e, p) < 0) t[p] = s[p];
+
+  if (s != null && typeof _getOwnPropertySymbols.default === "function") for (var i = 0, p = (0, _getOwnPropertySymbols.default)(s); i < p.length; i++) {
+    if ((0, _indexOf.default)(e).call(e, p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
+  }
+  return t;
+};
+/* eslint-disable eqeqeq */
+
+
+class TableHeaderRow extends _baseComponent.default {
+  constructor(props) {
+    super(props);
+
+    this.cacheRef = node => {
+      this.headerNode = node;
+
+      if (node && this.context.setHeadWidths) {
+        const {
+          prefixCls,
+          row,
+          index
+        } = this.props;
+        const cellSelector = ".".concat(prefixCls, "-row-head");
+        const heads = node && node.querySelectorAll && node.querySelectorAll(cellSelector);
+        this.context.setHeadWidths((0, _map2.default)(heads, (head, headIndex) => {
+          let configWidth = (0, _get2.default)(row, [headIndex, 'column', 'width']);
+          const key = (0, _get2.default)(row, [headIndex, 'column', 'key']);
+
+          if (typeof configWidth !== 'number') {
+            configWidth = head && head.getBoundingClientRect().width || 0;
+          }
+
+          return {
+            width: configWidth,
+            key
+          };
+        }), index);
+      }
+    };
+
+    this.headerNode = null;
+  }
+
+  get adapter() {
+    return (0, _assign.default)({}, super.adapter);
+  }
+
+  componentDidUpdate(prevProps) {
+    if (prevProps.columns !== this.props.columns && this.headerNode) {
+      this.cacheRef(this.headerNode);
+    }
+  }
+
+  render() {
+    const {
+      components,
+      row,
+      prefixCls,
+      onHeaderRow,
+      index,
+      style,
+      columns
+    } = this.props;
+    const {
+      getCellWidths
+    } = this.context;
+    const slicedColumns = (0, _utils.sliceColumnsByLevel)(columns, index);
+    const headWidths = getCellWidths(slicedColumns);
+    const HeaderRow = (0, _get2.default)(components, 'header.row', 'tr');
+    const HeaderCell = (0, _get2.default)(components, 'header.cell', 'th');
+    const rowProps = onHeaderRow(columns, index) || {};
+    (0, _set3.default)(rowProps, 'className', (0, _classnames.default)((0, _get2.default)(rowProps, 'className'), "".concat(prefixCls, "-row")));
+    const cells = (0, _map2.default)(row, (cell, cellIndex) => {
+      const {
+        column
+      } = cell,
+            cellProps = __rest(cell, ["column"]);
+
+      const customProps = typeof column.onHeaderCell === 'function' ? column.onHeaderCell(column, cellIndex, index) : {};
+      let cellStyle = (0, _assign.default)({}, customProps.style);
+
+      if (column.align) {
+        var _context;
+
+        cellStyle = (0, _assign.default)((0, _assign.default)({}, cellStyle), {
+          textAlign: column.align
+        });
+        customProps.className = (0, _classnames.default)(customProps.className, column.className, {
+          [(0, _concat.default)(_context = "".concat(prefixCls, "-align-")).call(_context, column.align)]: Boolean(column.align)
+        });
+      }
+
+      customProps.className = (0, _classnames.default)("".concat(prefixCls, "-row-head"), column.className, customProps.className, // `${prefixCls}-fixed-columns`,
+      {
+        ["".concat(prefixCls, "-cell-fixed-left")]: (0, _utils.isFixedLeft)(column),
+        ["".concat(prefixCls, "-cell-fixed-left-last")]: (0, _utils.isLastLeftFixed)(slicedColumns, column),
+        ["".concat(prefixCls, "-cell-fixed-right")]: (0, _utils.isFixedRight)(column),
+        ["".concat(prefixCls, "-cell-fixed-right-first")]: (0, _utils.isFirstFixedRight)(slicedColumns, column)
+      });
+
+      if (headWidths.length && slicedColumns.length) {
+        const indexOfSlicedColumns = (0, _findIndex2.default)(slicedColumns, item => item && item.key != null && item.key === column.key);
+
+        if (indexOfSlicedColumns > -1) {
+          if ((0, _utils.isFixedLeft)(column)) {
+            cellStyle = (0, _assign.default)((0, _assign.default)({}, cellStyle), {
+              position: 'sticky',
+              left: (0, _utils.arrayAdd)(headWidths, 0, indexOfSlicedColumns)
+            });
+          } else if ((0, _utils.isFixedRight)(column)) {
+            cellStyle = (0, _assign.default)((0, _assign.default)({}, cellStyle), {
+              position: 'sticky',
+              right: (0, _utils.arrayAdd)(headWidths, indexOfSlicedColumns + 1)
+            });
+          }
+        }
+      }
+
+      const props = (0, _omit2.default)((0, _assign.default)((0, _assign.default)({}, cellProps), customProps), ['colStart', 'colEnd', 'hasSubColumns', 'parents', 'level']);
+      const {
+        rowSpan,
+        colSpan
+      } = props;
+
+      if (rowSpan === 0 || colSpan === 0) {
+        return null;
+      }
+
+      return /*#__PURE__*/_react.default.createElement(HeaderCell, (0, _assign.default)({}, props, {
+        style: cellStyle,
+        key: column.key || column.dataIndex || cellIndex
+      }));
+    });
+    return /*#__PURE__*/_react.default.createElement(HeaderRow, (0, _assign.default)({}, rowProps, {
+      style: style,
+      ref: this.cacheRef
+    }), cells);
+  }
+
+}
+
+exports.default = TableHeaderRow;
+TableHeaderRow.contextType = _tableContext.default;
+TableHeaderRow.propTypes = {
+  components: _propTypes.default.object,
+  row: _propTypes.default.array,
+  prefixCls: _propTypes.default.string,
+  onHeaderRow: _propTypes.default.func,
+  index: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.number]),
+  style: _propTypes.default.object,
+  columns: _propTypes.default.array,
+  fixed: _propTypes.default.oneOfType([_propTypes.default.bool, _propTypes.default.string]),
+  selectedRowKeysSet: _propTypes.default.instanceOf(_set2.default).isRequired
+};
+TableHeaderRow.defaultProps = {
+  onHeaderRow: _noop2.default,
+  prefixCls: _constants.cssClasses.PREFIX,
+  columns: [],
+  components: {
+    header: {
+      wrapper: 'thead',
+      row: 'tr',
+      cell: 'th'
+    }
+  }
+};

package/lib/cjs/table/TablePagination.d.ts

@@ -0,0 +1,23 @@
+import React, { PureComponent } from 'react';
+import PropTypes from 'prop-types';
+import { RenderPagination, TablePaginationProps as PaginationProps } from './interface';
+export interface TablePaginationProps {
+    style?: React.CSSProperties;
+    prefixCls?: string;
+    pagination?: PaginationProps;
+    info?: React.ReactNode;
+    renderPagination?: RenderPagination;
+}
+export default class TablePagination extends PureComponent<TablePaginationProps> {
+    static propTypes: {
+        style: PropTypes.Requireable<object>;
+        prefixCls: PropTypes.Requireable<string>;
+        pagination: PropTypes.Requireable<object>;
+        info: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        renderPagination: PropTypes.Requireable<(...args: any[]) => any>;
+    };
+    static defaultProps: {
+        prefixCls: "semi-table";
+    };
+    render(): JSX.Element;
+}

package/lib/cjs/table/TablePagination.js

@@ -0,0 +1,69 @@
+"use strict";
+
+var _WeakMap = require("@babel/runtime-corejs3/core-js-stable/weak-map");
+
+var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
+
+var _Object$getOwnPropertyDescriptor = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor");
+
+var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
+
+_Object$defineProperty(exports, "__esModule", {
+  value: true
+});
+
+exports.default = void 0;
+
+var _assign = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/assign"));
+
+var _isFunction2 = _interopRequireDefault(require("lodash/isFunction"));
+
+var _get2 = _interopRequireDefault(require("lodash/get"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _constants = require("@douyinfe/semi-foundation/lib/cjs/table/constants");
+
+var _pagination = _interopRequireDefault(require("../pagination"));
+
+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; }
+
+/* eslint-disable max-len */
+class TablePagination extends _react.PureComponent {
+  render() {
+    const {
+      pagination,
+      prefixCls,
+      info,
+      renderPagination
+    } = this.props;
+    const total = (0, _get2.default)(pagination, 'total');
+    const customPagination = renderPagination && (0, _isFunction2.default)(renderPagination) ? renderPagination(pagination) : null;
+    return /*#__PURE__*/_react.default.createElement("div", {
+      className: "".concat(prefixCls, "-pagination-outer")
+    }, /*#__PURE__*/(0, _react.isValidElement)(customPagination) ? customPagination : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("span", {
+      className: "".concat(prefixCls, "-pagination-info")
+    }, info), /*#__PURE__*/_react.default.createElement("span", {
+      className: "".concat(prefixCls, "-pagination-wrapper")
+    }, total > 0 ? /*#__PURE__*/_react.default.createElement(_pagination.default, (0, _assign.default)({}, pagination, {
+      key: (0, _get2.default)(pagination, 'pageSize', 'pagination')
+    })) : null)));
+  }
+
+}
+
+exports.default = TablePagination;
+TablePagination.propTypes = {
+  style: _propTypes.default.object,
+  prefixCls: _propTypes.default.string,
+  pagination: _propTypes.default.object,
+  info: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.node]),
+  renderPagination: _propTypes.default.func
+};
+TablePagination.defaultProps = {
+  prefixCls: _constants.cssClasses.PREFIX
+};

package/lib/cjs/table/getColumns.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { ColumnProps } from './interface';
+/**
+ * Convert jsx children into object columns
+ * @param {Node} children
+ * @returns
+ */
+export default function getColumns(children: React.ReactNode): ColumnProps<any>[];

package/lib/cjs/table/getColumns.js

@@ -0,0 +1,54 @@
+"use strict";
+
+var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
+
+var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
+
+_Object$defineProperty(exports, "__esModule", {
+  value: true
+});
+
+exports.default = getColumns;
+
+var _forEach = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/for-each"));
+
+var _isArray = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/array/is-array"));
+
+var _assign = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/assign"));
+
+var _omit2 = _interopRequireDefault(require("lodash/omit"));
+
+var _get2 = _interopRequireDefault(require("lodash/get"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _Column = _interopRequireDefault(require("./Column"));
+
+/**
+ * Convert jsx children into object columns
+ * @param {Node} children
+ * @returns
+ */
+function getColumns(children) {
+  if (children) {
+    var _context;
+
+    const columns = [];
+    (0, _forEach.default)(_context = _react.default.Children).call(_context, children, child => {
+      if ( /*#__PURE__*/_react.default.isValidElement(child) && (child.type === _Column.default || (0, _get2.default)(child, 'type.name') === _Column.default.name)) {
+        const col = (0, _omit2.default)(child.props, ['children']);
+
+        if ((0, _isArray.default)(child.props.children) && child.props.children.length) {
+          col.children = getColumns(child.props.children);
+        }
+
+        columns.push((0, _assign.default)({
+          key: child.key
+        }, col));
+      }
+    });
+    return columns;
+  }
+
+  return [];
+}