@carbon/ibm-products 2.0.0-rc.29 → 2.0.0-rc.30

package/lib/components/Datagrid/utils/DatagridActions.js

@@ -1,275 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-var _typeof = require("@babel/runtime/helpers/typeof");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.DatagridActions = void 0;
-
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _react2 = require("@carbon/react");
-
-var _icons = require("@carbon/react/icons");
-
-var _addonActions = require("@storybook/addon-actions");
-
-var _settings = require("../../../settings");
-
-var _ButtonMenu = require("../../ButtonMenu");
-
-var _Filtering = require("../Datagrid/addons/Filtering");
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(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; }
-
-/**
- * Copyright IBM Corp. 2020, 2022
- *
- * This source code is licensed under the Apache-2.0 license found in the
- * LICENSE file in the root directory of this source tree.
- */
-var blockClass = "".concat(_settings.pkg.prefix, "--datagrid");
-
-var DatagridActions = function DatagridActions(datagridState) {
-  var _useContext = (0, _react.useContext)(_Filtering.FilterContext),
-      setPanelOpen = _useContext.setPanelOpen;
-
-  var selectedFlatRows = datagridState.selectedFlatRows,
-      setGlobalFilter = datagridState.setGlobalFilter,
-      CustomizeColumnsButton = datagridState.CustomizeColumnsButton,
-      RowSizeDropdown = datagridState.RowSizeDropdown,
-      rowSizeDropdownProps = datagridState.rowSizeDropdownProps,
-      useDenseHeader = datagridState.useDenseHeader,
-      filterProps = datagridState.filterProps,
-      getFilterFlyoutProps = datagridState.getFilterFlyoutProps,
-      FilterFlyout = datagridState.FilterFlyout,
-      data = datagridState.data;
-
-  var downloadCsv = function downloadCsv() {
-    alert('Downloading...');
-  };
-
-  var refreshColumns = function refreshColumns() {
-    alert('refreshing...');
-  };
-
-  var searchForAColumn = 'Search';
-  var isNothingSelected = selectedFlatRows.length === 0;
-  var style = {
-    'button:nthChild(1) > span:nthChild(1)': {
-      bottom: '-37px'
-    }
-  };
-
-  var renderFilterFlyout = function renderFilterFlyout() {
-    return (filterProps === null || filterProps === void 0 ? void 0 : filterProps.variation) === 'flyout' && /*#__PURE__*/_react.default.createElement(FilterFlyout, getFilterFlyoutProps());
-  };
-
-  var renderFilterPanelButton = function renderFilterPanelButton() {
-    return (filterProps === null || filterProps === void 0 ? void 0 : filterProps.variation) === 'panel' && /*#__PURE__*/_react.default.createElement(_react2.Button, {
-      kind: "ghost",
-      hasIconOnly: true,
-      tooltipPosition: "bottom",
-      renderIcon: function renderIcon(props) {
-        return /*#__PURE__*/_react.default.createElement(_icons.Filter, (0, _extends2.default)({
-          size: 16
-        }, props));
-      },
-      iconDescription: filterProps.panelIconDescription,
-      className: "".concat(blockClass, "-filter-panel-open-button"),
-      onClick: function onClick() {
-        return setPanelOpen(function (open) {
-          return !open;
-        });
-      },
-      disabled: data.length === 0,
-      tooltipAlignment: "start"
-    });
-  };
-
-  var _useState = (0, _react.useState)(false),
-      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-      modalOpen = _useState2[0],
-      setModalOpen = _useState2[1];
-
-  var _useState3 = (0, _react.useState)(window.innerWidth),
-      _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
-      size = _useState4[0],
-      setSize = _useState4[1];
-
-  (0, _react.useLayoutEffect)(function () {
-    function updateSize() {
-      setSize(window.innerWidth);
-    }
-
-    window.addEventListener('resize', updateSize);
-    return function () {
-      return window.removeEventListener('resize', updateSize);
-    };
-  }, []);
-  var mobileToolbar = size < 672 ? true : false;
-  var items = ['Option 1', 'Option 2', 'Option 3'];
-  return isNothingSelected && (useDenseHeader && useDenseHeader ? /*#__PURE__*/_react.default.createElement(_react2.TableToolbarContent, {
-    size: "sm"
-  }, !mobileToolbar ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, renderFilterPanelButton(), /*#__PURE__*/_react.default.createElement("div", {
-    style: style
-  }, /*#__PURE__*/_react.default.createElement(_react2.Button, {
-    kind: "ghost",
-    hasIconOnly: true,
-    tooltipPosition: "bottom",
-    renderIcon: _icons.Download,
-    iconDescription: 'Download CSV',
-    onClick: downloadCsv
-  })), renderFilterFlyout(), CustomizeColumnsButton && /*#__PURE__*/_react.default.createElement("div", {
-    style: style
-  }, /*#__PURE__*/_react.default.createElement(CustomizeColumnsButton, null)), /*#__PURE__*/_react.default.createElement(RowSizeDropdown, rowSizeDropdownProps), /*#__PURE__*/_react.default.createElement("div", {
-    style: style,
-    className: "".concat(blockClass, "__toolbar-divider")
-  }, /*#__PURE__*/_react.default.createElement(_react2.Button, {
-    kind: "ghost",
-    renderIcon: _icons.Add,
-    iconDescription: 'Action'
-  }, "Ghost button"))) : /*#__PURE__*/_react.default.createElement(_react2.OverflowMenu, {
-    ariaLabel: "Tools",
-    size: "md",
-    flipped: true
-  }, /*#__PURE__*/_react.default.createElement(_react2.OverflowMenuItem, {
-    itemText: "Filter",
-    hasDivider: true,
-    requireTitle: true,
-    onClick: function onClick() {
-      return setModalOpen(true);
-    }
-  }), /*#__PURE__*/_react.default.createElement(_react2.OverflowMenuItem, {
-    itemText: "Export",
-    hasDivider: true,
-    requireTitle: true
-  }), /*#__PURE__*/_react.default.createElement(_react2.OverflowMenuItem, {
-    itemText: "Settings",
-    hasDivider: true,
-    requireTitle: true
-  }), /*#__PURE__*/_react.default.createElement(_react2.OverflowMenuItem, {
-    itemText: "Import items",
-    hasDivider: true,
-    requireTitle: true
-  }), /*#__PURE__*/_react.default.createElement(_react2.OverflowMenuItem, {
-    itemText: "Create",
-    hasDivider: true,
-    requireTitle: true
-  }))) : !mobileToolbar ? /*#__PURE__*/_react.default.createElement(_react2.TableToolbarContent, null, renderFilterPanelButton(), /*#__PURE__*/_react.default.createElement(_react2.TableToolbarSearch, {
-    size: "xl",
-    id: "columnSearch",
-    persistent: true,
-    placeHolderText: searchForAColumn,
-    onChange: function onChange(e) {
-      return setGlobalFilter(e.target.value);
-    }
-  }), renderFilterFlyout(), /*#__PURE__*/_react.default.createElement("div", {
-    style: style
-  }, /*#__PURE__*/_react.default.createElement(_react2.Button, {
-    kind: "ghost",
-    hasIconOnly: true,
-    tooltipPosition: "bottom",
-    renderIcon: _icons.Restart,
-    iconDescription: 'Refresh',
-    onClick: refreshColumns
-  })), /*#__PURE__*/_react.default.createElement("div", {
-    style: style
-  }, /*#__PURE__*/_react.default.createElement(_react2.Button, {
-    kind: "ghost",
-    hasIconOnly: true,
-    tooltipPosition: "bottom",
-    renderIcon: _icons.Download,
-    iconDescription: 'Download CSV',
-    onClick: downloadCsv
-  })), CustomizeColumnsButton && /*#__PURE__*/_react.default.createElement("div", {
-    style: style
-  }, /*#__PURE__*/_react.default.createElement(CustomizeColumnsButton, null)), /*#__PURE__*/_react.default.createElement(RowSizeDropdown, rowSizeDropdownProps), /*#__PURE__*/_react.default.createElement(_ButtonMenu.ButtonMenu, {
-    label: "Primary button",
-    renderIcon: _icons.ChevronDown,
-    menuOptionsClass: "".concat(blockClass, "__toolbar-options")
-  }, /*#__PURE__*/_react.default.createElement(_ButtonMenu.ButtonMenuItem, {
-    itemText: "Option 1",
-    onClick: (0, _addonActions.action)("Click on ButtonMenu Option 1")
-  }), /*#__PURE__*/_react.default.createElement(_ButtonMenu.ButtonMenuItem, {
-    itemText: "Option 2",
-    onClick: (0, _addonActions.action)("Click on ButtonMenu Option 2")
-  }), /*#__PURE__*/_react.default.createElement(_ButtonMenu.ButtonMenuItem, {
-    itemText: "Option 3",
-    onClick: (0, _addonActions.action)("Click on ButtonMenu Option 3")
-  }))) : /*#__PURE__*/_react.default.createElement(_react2.TableToolbarContent, null, renderFilterPanelButton(), /*#__PURE__*/_react.default.createElement(_react2.TableToolbarSearch, {
-    size: "xl",
-    id: "columnSearch",
-    persistent: true,
-    placeHolderText: searchForAColumn,
-    onChange: function onChange(e) {
-      return setGlobalFilter(e.target.value);
-    }
-  }), renderFilterFlyout(), /*#__PURE__*/_react.default.createElement(_react2.OverflowMenu, {
-    ariaLabel: "Tools",
-    size: "lg",
-    flipped: true,
-    renderIcon: _icons.ChevronDown,
-    className: "".concat(blockClass, "__toolbar-menu__trigger"),
-    menuOptionsClass: "".concat(blockClass, "__toolbar-options")
-  }, /*#__PURE__*/_react.default.createElement(_react2.OverflowMenuItem, {
-    itemText: "Filter",
-    hasDivider: true,
-    requireTitle: true,
-    onClick: function onClick() {
-      return setModalOpen(true);
-    }
-  }), /*#__PURE__*/_react.default.createElement(_react2.OverflowMenuItem, {
-    itemText: "Export",
-    hasDivider: true,
-    requireTitle: true
-  }), /*#__PURE__*/_react.default.createElement(_react2.OverflowMenuItem, {
-    itemText: "Settings",
-    hasDivider: true,
-    requireTitle: true
-  }), /*#__PURE__*/_react.default.createElement(_react2.OverflowMenuItem, {
-    itemText: "Import items",
-    hasDivider: true,
-    requireTitle: true
-  }), /*#__PURE__*/_react.default.createElement(_react2.OverflowMenuItem, {
-    itemText: "Create",
-    hasDivider: true,
-    requireTitle: true
-  })), modalOpen && /*#__PURE__*/_react.default.createElement(_react2.ComposedModal, {
-    size: "lg",
-    open: modalOpen && modalOpen,
-    onClose: function onClose() {
-      return setModalOpen(false);
-    },
-    className: "".concat(blockClass, "__mobile-toolbar-modal")
-  }, /*#__PURE__*/_react.default.createElement(_react2.ModalHeader, null, /*#__PURE__*/_react.default.createElement("h4", null, "Filters")), /*#__PURE__*/_react.default.createElement(_react2.ModalBody, null, /*#__PURE__*/_react.default.createElement(_react2.Dropdown, {
-    initialSelectedItem: items[2],
-    items: items,
-    titleText: "Label",
-    id: "filter1"
-  }), /*#__PURE__*/_react.default.createElement(_react2.Dropdown, {
-    initialSelectedItem: items[2],
-    items: items,
-    titleText: "Label",
-    id: "filter2"
-  }), /*#__PURE__*/_react.default.createElement(_react2.Dropdown, {
-    initialSelectedItem: items[2],
-    items: items,
-    titleText: "Label",
-    id: "filter3"
-  })), /*#__PURE__*/_react.default.createElement(_react2.ModalFooter, {
-    primaryButtonText: "Apply",
-    secondaryButtonText: "Cancel"
-  }))));
-};
-
-exports.DatagridActions = DatagridActions;

package/lib/components/Datagrid/utils/DatagridPagination.js

@@ -1,46 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.DatagridPagination = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _react2 = require("@carbon/react");
-
-/* eslint-disable react/prop-types */
-
-/**
- * Copyright IBM Corp. 2022, 2022
- *
- * This source code is licensed under the Apache-2.0 license found in the
- * LICENSE file in the root directory of this source tree.
- */
-var DatagridPagination = function DatagridPagination(_ref) {
-  var state = _ref.state,
-      setPageSize = _ref.setPageSize,
-      gotoPage = _ref.gotoPage,
-      rows = _ref.rows;
-
-  var updatePagination = function updatePagination(_ref2) {
-    var page = _ref2.page,
-        pageSize = _ref2.pageSize;
-    console.log(state);
-    setPageSize(pageSize);
-    gotoPage(page - 1); // Carbon is non-zero-based
-  };
-
-  return /*#__PURE__*/_react.default.createElement(_react2.Pagination, {
-    page: state.pageIndex + 1 // react-table is zero-based
-    ,
-    pageSize: state.pageSize,
-    pageSizes: state.pageSizes || [10, 20, 30, 40, 50],
-    totalItems: rows.length,
-    onChange: updatePagination
-  });
-};
-
-exports.DatagridPagination = DatagridPagination;

package/lib/components/Datagrid/utils/Wrapper.js

@@ -1,33 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Wrapper = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-/* eslint-disable react/prop-types */
-
-/**
- * Copyright IBM Corp. 2020, 2022
- *
- * This source code is licensed under the Apache-2.0 license found in the
- * LICENSE file in the root directory of this source tree.
- */
-var Wrapper = function Wrapper(_ref) {
-  var children = _ref.children;
-  return /*#__PURE__*/_react.default.createElement("div", {
-    style: {
-      height: '100vh',
-      width: '100%',
-      padding: '1rem',
-      margin: '0',
-      zIndex: '0'
-    }
-  }, children);
-};
-
-exports.Wrapper = Wrapper;

package/lib/components/Datagrid/utils/getArgTypes.js

@@ -1,102 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.ARG_TYPES = void 0;
-
-/**
- * Copyright IBM Corp. 2022, 2022
- *
- * This source code is licensed under the Apache-2.0 license found in the
- * LICENSE file in the root directory of this source tree.
- */
-var ARG_TYPES = {
-  gridTitle: {
-    name: 'gridTitle',
-    control: 'text',
-    description: 'This sets the title text for the Datagrid component. _This value is set/passed inside of the `datagridState` object._',
-    type: {
-      name: 'string',
-      required: false
-    }
-  },
-  gridDescription: {
-    name: 'gridDescription',
-    control: 'text',
-    description: 'This sets the description text for the Datagrid component. _This value is set/passed inside of the `datagridState` object._',
-    type: {
-      name: 'string',
-      required: false
-    }
-  },
-  emptyStateTitle: {
-    name: 'emptyStateTitle',
-    control: 'text',
-    description: 'This sets the empty state title text for the Datagrid component. _This value is set/passed inside of the `datagridState` object._',
-    type: {
-      name: 'string',
-      required: false
-    }
-  },
-  emptyStateDescription: {
-    name: 'emptyStateDescription',
-    control: 'text',
-    description: 'This sets the empty state description text for the Datagrid component. _This value is set/passed inside of the `datagridState` object._',
-    type: {
-      name: 'string',
-      required: false
-    }
-  },
-  emptyStateSize: {
-    control: 'select',
-    options: ['sm', 'lg']
-  },
-  useDenseHeader: {
-    control: {
-      type: 'radio'
-    },
-    options: [true, false],
-    description: 'This sets the dense header option for the Datagrid component. _This value is set/passed inside of the `datagridState` object._'
-  },
-  rowSize: {
-    control: 'select',
-    options: ['xs', 'sm', 'md', 'lg', 'xl'],
-    description: 'This sets the height for each row of the Datagrid component. _This value is set/passed inside of the `datagridState` object._'
-  },
-  rowSizes: {
-    control: 'object',
-    description: 'This array of objects specifies the different row size options that will render from the settings icon in the table actions. _This value is set/passed inside of the `datagridState` object._'
-  },
-  onRowSizeChange: {
-    description: 'Callback function that is called on row size changes. _This value is set/passed inside of the `datagridState` object._'
-  },
-  rowActions: {
-    control: 'object',
-    description: 'This array of objects renders the action buttons for each row in the Datagrid. _This value is set/passed inside of the `datagridState` object._',
-    action: 'Row action onClick'
-  },
-  batchActions: {
-    control: {
-      type: 'radio'
-    },
-    options: [true, false],
-    description: 'This will allow the Datagrid component to use batch actions. _This value is set/passed inside of the `datagridState` object._'
-  },
-  expandedContentHeight: {
-    control: {
-      type: 'number'
-    },
-    description: 'This value controls the height of the expanded content area. _This value is set/passed inside of the `datagridState` object._'
-  },
-  customizeColumnsProps: {
-    control: 'object',
-    description: 'This is an object containing all of the props used with the column customization extension. _This value is set/passed inside of the `datagridState` object._'
-  },
-  filterProps: {
-    name: 'Filter props',
-    control: 'object',
-    description: 'This is an object for all the props passed into the filter flyout and filter panel'
-  }
-};
-exports.ARG_TYPES = ARG_TYPES;

package/lib/components/Datagrid/utils/getAutoSizedColumnWidth.js

@@ -1,40 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.getAutoSizedColumnWidth = void 0;
-
-var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
-
-/**
- * Copyright IBM Corp. 2023, 2023
- *
- * This source code is licensed under the Apache-2.0 license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-/**
- * Calculates the auto sized width of a column
- * @param {Array<object>} rows - The datagrid rows
- * @param {string} accessor - The accessor for the column
- * @param {string} headerText - The header text for the column
- */
-var getAutoSizedColumnWidth = function getAutoSizedColumnWidth(rows, accessor, headerText) {
-  var maxWidth = 400;
-  var minWidth = 58;
-  var letterSpacing = 10;
-  var cellLength = Math.max.apply(Math, (0, _toConsumableArray2.default)(rows.map(function (row) {
-    return ("".concat(row[accessor]) || '').length;
-  })).concat([headerText.length]));
-
-  if (cellLength <= 3) {
-    return minWidth;
-  }
-
-  return Math.min(maxWidth, cellLength * letterSpacing + 16);
-};
-
-exports.getAutoSizedColumnWidth = getAutoSizedColumnWidth;

package/lib/components/Datagrid/utils/getInlineEditColumns.js

@@ -1,174 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.inlineEditSelectItems = exports.getInlineEditColumns = void 0;
-
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
-var _react = _interopRequireDefault(require("react"));
-
-var _icons = require("@carbon/react/icons");
-
-/**
- * Copyright IBM Corp. 2022, 2022
- *
- * This source code is licensed under the Apache-2.0 license found in the
- * LICENSE file in the root directory of this source tree.
- */
-var inlineEditSelectItems = [{
-  id: 'option-0',
-  icon: function icon(props) {
-    return /*#__PURE__*/_react.default.createElement(_icons.ChartColumnFloating, (0, _extends2.default)({
-      size: 16
-    }, props));
-  },
-  text: 'Column Chart'
-}, {
-  id: 'option-1',
-  icon: function icon(props) {
-    return /*#__PURE__*/_react.default.createElement(_icons.ChartBubble, (0, _extends2.default)({
-      size: 16
-    }, props));
-  },
-  text: 'Bubble Chart'
-}, {
-  id: 'option-2',
-  icon: function icon(props) {
-    return /*#__PURE__*/_react.default.createElement(_icons.ChartVennDiagram, (0, _extends2.default)({
-      size: 16
-    }, props));
-  },
-  text: 'Venn Diagram'
-}];
-exports.inlineEditSelectItems = inlineEditSelectItems;
-
-var getInlineEditColumns = function getInlineEditColumns() {
-  return [{
-    Header: 'Row Index',
-    accessor: function accessor(row, i) {
-      return i;
-    },
-    id: 'rowIndex' // id is required when accessor is a function.
-
-  }, {
-    Header: 'First Name',
-    accessor: 'firstName',
-    inlineEdit: {
-      type: 'text',
-      // required for including validation, this is used to set the invalid prop internally
-      validator: function validator(n) {
-        return n.length > 40;
-      },
-      // These props are passed to the Carbon component used for inline editing
-      inputProps: {
-        invalidText: 'Invalid text, character count must be less than 40'
-      }
-    }
-  }, {
-    Header: 'Last Name',
-    accessor: 'lastName',
-    inlineEdit: {
-      type: 'text',
-      // required for including validation, this is used to set the invalid prop internally
-      validator: function validator(n) {
-        return n.length > 40;
-      },
-      // These props are passed to the Carbon component used for inline editing
-      inputProps: {
-        invalidText: 'Invalid text, character count must be less than 40'
-      }
-    }
-  }, {
-    Header: 'Age',
-    accessor: 'age',
-    width: 120,
-    inlineEdit: {
-      // required for including validation, this is used to set the invalid prop internally
-      validator: function validator(n) {
-        return n && n < 18;
-      },
-      type: 'number',
-      // These props are passed to the Carbon component used for inline editing
-      inputProps: {
-        invalidText: 'Invalid number, must be 18 or greater'
-      }
-    }
-  }, {
-    Header: 'Visits',
-    accessor: 'visits',
-    width: 120,
-    inlineEdit: {
-      validator: function validator(n) {
-        return n && n < 10;
-      },
-      type: 'number',
-      inputProps: {
-        invalidText: 'Invalid number, must be 10 or greater'
-      } // These props are passed to the Carbon component used for inline editing
-
-    }
-  }, {
-    Header: 'Active since',
-    accessor: 'activeSince',
-    inlineEdit: {
-      type: 'date',
-      inputProps: {
-        // optionally pass props here to be passed through to Carbon's DatePicker component
-        onChange: function onChange(newDateObj, cell) {
-          console.log(newDateObj, cell);
-        },
-        dateFormat: 'd/m/Y',
-        // optionally pass props here to be passed through to Carbon's DatePickerInput component
-        datePickerInputProps: {
-          labelText: 'Change active since date'
-        }
-      }
-    }
-  }, {
-    Header: 'Chart type',
-    accessor: 'chartType',
-    inlineEdit: {
-      type: 'selection',
-      inputProps: {
-        // These props are passed to the Carbon component used for inline editing
-        items: inlineEditSelectItems,
-        onChange: function onChange(item) {
-          return console.log(item);
-        }
-      }
-    }
-  }, {
-    Header: 'Someone 2',
-    accessor: 'someone2'
-  }, {
-    Header: 'Someone 3',
-    accessor: 'someone3'
-  }, {
-    Header: 'Someone 4',
-    accessor: 'someone4'
-  }, {
-    Header: 'Someone 5',
-    accessor: 'someone5'
-  }, {
-    Header: 'Someone 6',
-    accessor: 'someone6'
-  }, {
-    Header: 'Someone 7',
-    accessor: 'someone7'
-  }, {
-    Header: 'Someone 8',
-    accessor: 'someone8'
-  }, {
-    Header: 'Someone 9',
-    accessor: 'someone9'
-  }, {
-    Header: 'Someone 10',
-    accessor: 'someone10'
-  }];
-};
-
-exports.getInlineEditColumns = getInlineEditColumns;