@skyscanner/backpack-web 25.2.0 → 25.4.0-alpha

package/bpk-component-datatable/src/BpkDataTableHeader.js

@@ -1,48 +1,44 @@
-"use strict";
+/*
+ * Backpack - Skyscanner's Design System
+ *
+ * Copyright 2016 Skyscanner Ltd
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *   http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+/* @flow strict */
+
+import type { KeyboardEvent } from 'react';
+
+import { cssModules } from '../../bpk-react-utils';
+import BpkSmallArrowDownIcon from '../../bpk-component-icon/sm/arrow-down';
+import BpkSmallArrowUpIcon from '../../bpk-component-icon/sm/arrow-up';
+import { withRtlSupport } from '../../bpk-component-icon';
+
+import { SORT_DIRECTION_TYPES } from './sort-types';
+import STYLES from './BpkDataTableHeader.module.scss';
+import { type ColumnType } from './common-types';
+
+const DownIcon = withRtlSupport(BpkSmallArrowDownIcon);
+const UpIcon = withRtlSupport(BpkSmallArrowUpIcon);
+
+const getClassName = cssModules(STYLES);
 
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _bpkReactUtils = require("../../bpk-react-utils");
-var _arrowDown = _interopRequireDefault(require("../../bpk-component-icon/sm/arrow-down"));
-var _arrowUp = _interopRequireDefault(require("../../bpk-component-icon/sm/arrow-up"));
-var _bpkComponentIcon = require("../../bpk-component-icon");
-var _sortTypes = require("./sort-types");
-var _BpkDataTableHeaderModule = _interopRequireDefault(require("./BpkDataTableHeader.module.css"));
-var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); } /*
-                                                                                                                                                                                                                                                                                                                                                                                           * Backpack - Skyscanner's Design System
-                                                                                                                                                                                                                                                                                                                                                                                           *
-                                                                                                                                                                                                                                                                                                                                                                                           * Copyright 2016 Skyscanner Ltd
-                                                                                                                                                                                                                                                                                                                                                                                           *
-                                                                                                                                                                                                                                                                                                                                                                                           * Licensed under the Apache License, Version 2.0 (the "License");
-                                                                                                                                                                                                                                                                                                                                                                                           * you may not use this file except in compliance with the License.
-                                                                                                                                                                                                                                                                                                                                                                                           * You may obtain a copy of the License at
-                                                                                                                                                                                                                                                                                                                                                                                           *
-                                                                                                                                                                                                                                                                                                                                                                                           *   http://www.apache.org/licenses/LICENSE-2.0
-                                                                                                                                                                                                                                                                                                                                                                                           *
-                                                                                                                                                                                                                                                                                                                                                                                           * Unless required by applicable law or agreed to in writing, software
-                                                                                                                                                                                                                                                                                                                                                                                           * distributed under the License is distributed on an "AS IS" BASIS,
-                                                                                                                                                                                                                                                                                                                                                                                           * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-                                                                                                                                                                                                                                                                                                                                                                                           * See the License for the specific language governing permissions and
-                                                                                                                                                                                                                                                                                                                                                                                           * limitations under the License.
-                                                                                                                                                                                                                                                                                                                                                                                           */
-const DownIcon = (0, _bpkComponentIcon.withRtlSupport)(_arrowDown.default);
-const UpIcon = (0, _bpkComponentIcon.withRtlSupport)(_arrowUp.default);
-const getClassName = (0, _bpkReactUtils.cssModules)(_BpkDataTableHeaderModule.default);
 const KEYCODES = {
   ENTER: 13,
-  SPACEBAR: 32
+  SPACEBAR: 32,
 };
-const BpkDataTableHeader = ({
-  column
-}) => {
+
+const BpkDataTableHeader = ({ column }: { column: ColumnType }) => {
   const {
     defaultSortDirection,
     disableSortBy,
@@ -54,61 +50,94 @@ const BpkDataTableHeader = ({
     label,
     minWidth,
     sortDirection,
-    width
+    width,
   } = column;
+
   const onHeaderClick = () => {
     if (disableSortBy === true) {
       return;
     }
     let isDescending;
+
     if (isSorted) {
       isDescending = isSortedDesc === false;
     } else if (sortDirection) {
-      isDescending = sortDirection === _sortTypes.SORT_DIRECTION_TYPES.DESC;
+      isDescending = sortDirection === SORT_DIRECTION_TYPES.DESC;
     } else if (defaultSortDirection) {
-      isDescending = defaultSortDirection === _sortTypes.SORT_DIRECTION_TYPES.DESC;
+      isDescending = defaultSortDirection === SORT_DIRECTION_TYPES.DESC;
     } else {
       isDescending = false;
     }
+
     column.toggleSortBy(isDescending);
   };
-  const handleKeyboardEvent = event => {
-    if (event.keyCode === KEYCODES.ENTER || event.keyCode === KEYCODES.SPACEBAR) {
+
+  const handleKeyboardEvent = (event: KeyboardEvent<HTMLElement>) => {
+    if (
+      event.keyCode === KEYCODES.ENTER ||
+      event.keyCode === KEYCODES.SPACEBAR
+    ) {
       event.preventDefault();
       onHeaderClick();
     }
   };
-  const headerClassNames = getClassName('bpk-data-table-column__header', headerClassName);
-  const upIconClassNames = getClassName('bpk-data-table-column__sort-icon--up', 'bpk-data-table-column__sort-icon', isSorted && !isSortedDesc && 'bpk-data-table-column__sort-icon--selected');
-  const downIconClassNames = getClassName('bpk-data-table-column__sort-icon--down', 'bpk-data-table-column__sort-icon', isSorted && isSortedDesc && 'bpk-data-table-column__sort-icon--selected');
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", _objectSpread(_objectSpread({}, column.getHeaderProps({
-    style: _objectSpread({
-      width,
-      minWidth,
-      flexGrow
-    }, headerStyle),
-    className: headerClassNames
-  })), {}, {
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-      onClick: onHeaderClick,
-      onKeyDown: handleKeyboardEvent,
-      "aria-label": label,
-      "aria-pressed": isSorted,
-      role: "button",
-      tabIndex: 0,
-      children: column.render('Header')
-    }), !disableSortBy && /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-      className: getClassName('bpk-data-table-column__sort-icons'),
-      "aria-hidden": true,
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(UpIcon, {
-        onClick: () => column.toggleSortBy(false),
-        className: upIconClassNames
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(DownIcon, {
-        onClick: () => column.toggleSortBy(true),
-        className: downIconClassNames
-      })]
-    }, "sort")]
-  }));
+
+  const headerClassNames = getClassName(
+    'bpk-data-table-column__header',
+    headerClassName,
+  );
+  const upIconClassNames = getClassName(
+    'bpk-data-table-column__sort-icon--up',
+    'bpk-data-table-column__sort-icon',
+    isSorted && !isSortedDesc && 'bpk-data-table-column__sort-icon--selected',
+  );
+
+  const downIconClassNames = getClassName(
+    'bpk-data-table-column__sort-icon--down',
+    'bpk-data-table-column__sort-icon',
+    isSorted && isSortedDesc && 'bpk-data-table-column__sort-icon--selected',
+  );
+
+  return (
+    <div
+      {...column.getHeaderProps({
+        style: {
+          width,
+          minWidth,
+          flexGrow,
+          ...headerStyle,
+        },
+        className: headerClassNames,
+      })}
+    >
+      <span
+        onClick={onHeaderClick}
+        onKeyDown={handleKeyboardEvent}
+        aria-label={label}
+        aria-pressed={isSorted}
+        role="button"
+        tabIndex={0}
+      >
+        {column.render('Header')}
+      </span>
+      {!disableSortBy && (
+        <div
+          className={getClassName('bpk-data-table-column__sort-icons')}
+          key="sort"
+          aria-hidden
+        >
+          <UpIcon
+            onClick={() => column.toggleSortBy(false)}
+            className={upIconClassNames}
+          />
+          <DownIcon
+            onClick={() => column.toggleSortBy(true)}
+            className={downIconClassNames}
+          />
+        </div>
+      )}
+    </div>
+  );
 };
-var _default = BpkDataTableHeader;
-exports.default = _default;
+
+export default BpkDataTableHeader;

package/bpk-component-datatable/src/BpkDataTableHeader.module.scss

@@ -0,0 +1,65 @@
+/*
+ * Backpack - Skyscanner's Design System
+ *
+ * Copyright 2016 Skyscanner Ltd
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *   http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+@import '~bpk-mixins/index.scss';
+
+$bpk-spacing-v2: true;
+$bpk-margin-size-sort-icons: bpk-spacing-sm() + bpk-spacing-md();
+
+.bpk-data-table-column__header {
+  display: flex;
+  height: 100%;
+  margin: bpk-spacing-base();
+  flex-direction: row;
+  align-items: center;
+  outline-offset: -(bpk-spacing-sm());
+
+  @include bpk-label-2;
+
+  &:hover {
+    cursor: pointer;
+  }
+}
+
+.bpk-data-table-column__sort-icons {
+  margin: 0 0 0 $bpk-margin-size-sort-icons;
+
+  @include bpk-rtl {
+    margin: 0 $bpk-margin-size-sort-icons 0 0;
+  }
+}
+
+.bpk-data-table-column__sort-icon {
+  display: block;
+  fill: $bpk-line-day;
+
+  &:hover {
+    fill: $bpk-line-day;
+  }
+
+  &--selected {
+    &,
+    &:hover {
+      fill: $bpk-core-accent-day;
+    }
+  }
+}
+
+.bpk-data-table-column__sort-icon--up {
+  margin-bottom: -(bpk-spacing-sm());
+}

package/bpk-component-datatable/src/common-types.js

@@ -1 +1,72 @@
-"use strict";
+/*
+ * Backpack - Skyscanner's Design System
+ *
+ * Copyright 2016 Skyscanner Ltd
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *   http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+/* @flow strict */
+import type {
+  SortDirectionType as _SortDirectionType,
+  SortProps as _SortProps,
+} from './sort-types';
+
+type CommonColumnProps = {
+  defaultSortDirection: _SortDirectionType,
+  flexGrow: number,
+  headerClassName: ?string,
+  headerStyle: ?{},
+  label: ?string,
+  minWidth: ?number,
+  width: number,
+};
+
+export type Props<Row> = {
+  rows: Array<Row>,
+  children: Node,
+  height: number,
+  width: ?number,
+  headerHeight: number,
+  rowHeight: number,
+  className: ?string,
+  defaultColumnSortIndex: number,
+  headerClassName: ?string,
+  rowClassName: ?string,
+  onRowClick: (Row) => mixed,
+  ...$Exact<_SortProps>,
+};
+
+export type ColumnType = {
+  disableSortBy: boolean,
+  getHeaderProps: Function,
+  isSorted: boolean,
+  isSortedDesc: boolean,
+  render: Function,
+  sortDirection: _SortDirectionType,
+  toggleSortBy: Function,
+  ...$Exact<CommonColumnProps>,
+};
+
+export type BpkDataTableColumnProps = {
+  cellDataGetter: ?Function,
+  cellRenderer: ?Function,
+  className: ?string,
+  dataKey: string,
+  disableSort: boolean,
+  headerRenderer: ?Function,
+  ...$Exact<CommonColumnProps>,
+};
+
+export type SortDirectionType = _SortDirectionType;
+export type SortProps = _SortProps;

package/bpk-component-datatable/src/hasChildrenOfType.js

@@ -1,11 +1,3 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-exports.getDisplayName = getDisplayName;
-var _react = require("react");
 /*
  * Backpack - Skyscanner's Design System
  *
@@ -22,22 +14,46 @@ var _react = require("react");
  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
  * See the License for the specific language governing permissions and
  * limitations under the License.
- */function getDisplayName(Component) {
-  return Component.displayName || Component.name || (typeof Component === 'string' && Component.length > 0 ? Component : 'Unknown');
+ */
+/* @flow strict */
+
+import { Children, type AbstractComponent } from 'react';
+
+export function getDisplayName(Component: AbstractComponent<any>): string {
+  return (
+    Component.displayName ||
+    Component.name ||
+    (typeof Component === 'string' && Component.length > 0
+      ? Component
+      : 'Unknown')
+  );
 }
-const hasChildrenOfType = (type, atLeast = 1) => (props, propType, componentName) => {
-  if (_react.Children.count(props[propType]) < atLeast) {
-    const inflectedNoun = atLeast === 1 ? 'child' : 'children';
-    return Error(`${componentName} requires at least ${atLeast} '${getDisplayName(type)}' ${inflectedNoun}.`);
-  }
-  const children = _react.Children.toArray(props[propType]);
-  for (let i = 0; i < children.length; i += 1) {
-    const child = children[i];
-    if (child.type !== type && !(child.type.prototype instanceof type)) {
-      return Error(`${componentName} only allows '${getDisplayName(type)}' as children. Found '${getDisplayName(child.type)}'.`);
+
+const hasChildrenOfType =
+  (type: AbstractComponent<any>, atLeast: number = 1) =>
+  (props: { [string]: any }, propType: string, componentName: string) => {
+    if (Children.count(props[propType]) < atLeast) {
+      const inflectedNoun = atLeast === 1 ? 'child' : 'children';
+      return Error(
+        `${componentName} requires at least ${atLeast} '${getDisplayName(
+          type,
+        )}' ${inflectedNoun}.`,
+      );
     }
-  }
-  return undefined;
-};
-var _default = hasChildrenOfType;
-exports.default = _default;
+
+    const children = Children.toArray(props[propType]);
+    for (let i = 0; i < children.length; i += 1) {
+      const child = children[i];
+      if (child.type !== type && !(child.type.prototype instanceof type)) {
+        return Error(
+          `${componentName} only allows '${getDisplayName(
+            type,
+          )}' as children. Found '${getDisplayName(child.type)}'.`,
+        );
+      }
+    }
+
+    return undefined;
+  };
+
+export default hasChildrenOfType;

package/bpk-component-datatable/src/sort-types.js

@@ -1,9 +1,3 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.SORT_DIRECTION_TYPES = void 0;
 /*
  * Backpack - Skyscanner's Design System
  *
@@ -20,10 +14,22 @@ exports.SORT_DIRECTION_TYPES = void 0;
  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
  * See the License for the specific language governing permissions and
  * limitations under the License.
- */ // This file exists to break a cycle that would otherwise happen between
+ */
+
+/* @flow strict */
+
+// This file exists to break a cycle that would otherwise happen between
 // BpkDataTableColumn.js and common-types.js
-const SORT_DIRECTION_TYPES = {
+
+export const SORT_DIRECTION_TYPES = {
   ASC: 'ASC',
-  DESC: 'DESC'
+  DESC: 'DESC',
+};
+
+export type SortDirectionType = 'ASC' | ' DESC';
+
+export type SortProps = {
+  sortBy: ?string,
+  sortDirection: ?SortDirectionType,
+  sort: ?Function,
 };
-exports.SORT_DIRECTION_TYPES = SORT_DIRECTION_TYPES;

package/bpk-component-datatable/src/utils.js

@@ -1,14 +1,3 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.getColumns = void 0;
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
 /*
  * Backpack - Skyscanner's Design System
  *
@@ -25,91 +14,74 @@ function _toPrimitive(input, hint) { if (typeof input !== "object" || input ===
  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
  * See the License for the specific language governing permissions and
  * limitations under the License.
- */ // TODO: Remove these functions once we want to change the API to match the react-table library API
+ */
+/* @flow strict */
+
+// TODO: Remove these functions once we want to change the API to match the react-table library API
 // To maintain backwards compatibility with the old API of BpkDataTable which takes columns as children
 // The `react-table` library however expects columns as an array of objects
 // eslint-disable-next-line import/prefer-default-export
-const getColumns = columns => columns.map(column => {
-  const {
-    cellDataGetter,
-    cellRenderer,
-    headerRenderer
-  } = column.props;
-  // To maintain backwards compatibility with the old API of BpkDataTable we rename the parameters
-  // And create an interface so that the function signature doesn't depend on the underlying library
-  const columnCellRenderer = ({
-    column: {
-      id: dataKey
-    },
-    columns: columnsData,
-    row: {
-      id: rowID,
-      values: rowData
-    },
-    sortedRows,
-    value: cellData
-  }) => {
-    const columnIndex = columnsData.map(col => col.id).indexOf(dataKey);
-    const rowIndex = sortedRows.map(row => row.id).indexOf(rowID);
-    return cellRenderer({
-      cellData,
-      columnIndex,
+export const getColumns = (columns) =>
+  columns.map((column) => {
+    const { cellDataGetter, cellRenderer, headerRenderer } = column.props;
+    // To maintain backwards compatibility with the old API of BpkDataTable we rename the parameters
+    // And create an interface so that the function signature doesn't depend on the underlying library
+    const columnCellRenderer = ({
+      column: { id: dataKey },
+      columns: columnsData,
+      row: { id: rowID, values: rowData },
+      sortedRows,
+      value: cellData,
+    }) => {
+      const columnIndex = columnsData.map((col) => col.id).indexOf(dataKey);
+      const rowIndex = sortedRows.map((row) => row.id).indexOf(rowID);
+
+      return cellRenderer({
+        cellData,
+        columnIndex,
+        dataKey,
+        rowData,
+        rowIndex,
+      });
+    };
+
+    const columnCellDataGetter = ({
+      column: { id: dataKey },
+      row: { values: rowData },
+    }) => cellDataGetter({ dataKey, rowData });
+
+    const columnHeaderRenderer = ({
+      column: { disableSortBy: disableSort, id: dataKey, label },
+    }) => headerRenderer({ dataKey, label, disableSort });
+
+    const {
+      className,
       dataKey,
-      rowData,
-      rowIndex
-    });
-  };
-  const columnCellDataGetter = ({
-    column: {
-      id: dataKey
-    },
-    row: {
-      values: rowData
-    }
-  }) => cellDataGetter({
-    dataKey,
-    rowData
-  });
-  const columnHeaderRenderer = ({
-    column: {
+      defaultSortDirection,
+      disableSort,
+      flexGrow,
+      headerClassName,
+      headerStyle,
+      label,
+      minWidth,
+      style,
+      width,
+    } = column.props;
+    return {
+      Header: headerRenderer ? columnHeaderRenderer : label,
+      accessor: dataKey,
+      ...((cellRenderer || cellDataGetter) && {
+        Cell: columnCellRenderer || columnCellDataGetter,
+      }),
+      className,
       disableSortBy: disableSort,
-      id: dataKey,
-      label
-    }
-  }) => headerRenderer({
-    dataKey,
-    label,
-    disableSort
-  });
-  const {
-    className,
-    dataKey,
-    defaultSortDirection,
-    disableSort,
-    flexGrow,
-    headerClassName,
-    headerStyle,
-    label,
-    minWidth,
-    style,
-    width
-  } = column.props;
-  return _objectSpread(_objectSpread({
-    Header: headerRenderer ? columnHeaderRenderer : label,
-    accessor: dataKey
-  }, (cellRenderer || cellDataGetter) && {
-    Cell: columnCellRenderer || columnCellDataGetter
-  }), {}, {
-    className,
-    disableSortBy: disableSort,
-    defaultSortDirection,
-    flexGrow,
-    headerClassName,
-    headerStyle,
-    label,
-    minWidth,
-    style,
-    width
+      defaultSortDirection,
+      flexGrow,
+      headerClassName,
+      headerStyle,
+      label,
+      minWidth,
+      style,
+      width,
+    };
   });
-});
-exports.getColumns = getColumns;