@carbon/charts 0.28.0 → 0.29.2

package/styles/vendor/carbon-components/src/components/data-table/data-table.js

@@ -0,0 +1,436 @@
+/**
+ * Copyright IBM Corp. 2016, 2018
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+import settings from '../../globals/js/settings';
+import mixin from '../../globals/js/misc/mixin';
+import createComponent from '../../globals/js/mixins/create-component';
+import initComponentBySearch from '../../globals/js/mixins/init-component-by-search';
+import eventedState from '../../globals/js/mixins/evented-state';
+import eventMatches from '../../globals/js/misc/event-matches';
+
+const toArray = arrayLike => Array.prototype.slice.call(arrayLike);
+
+class DataTable extends mixin(
+  createComponent,
+  initComponentBySearch,
+  eventedState
+) {
+  /**
+   * Data Table
+   * @extends CreateComponent
+   * @extends InitComponentBySearch
+   * @extends   EventedState
+   * @param {HTMLElement} element The root element of tables
+   * @param {object} [options] the... options
+   * @param {string} [options.selectorInit] selector initialization
+   * @param {string} [options.selectorExpandCells] css selector for expand
+   * @param {string} [options.expandableRow] css selector for expand
+   * @param {string} [options.selectorParentRows] css selector for rows housing expansion
+   * @param {string} [options.selectorTableBody] root css for table body
+   * @param {string} [options.eventTrigger] selector for event bubble capture points
+   * @param {string} [options.eventParentContainer] used find the bubble container
+   */
+  constructor(element, options) {
+    super(element, options);
+
+    this.container = element.parentNode;
+    this.toolbarEl = this.element.querySelector(this.options.selectorToolbar);
+    this.batchActionEl = this.element.querySelector(
+      this.options.selectorActions
+    );
+    this.countEl = this.element.querySelector(this.options.selectorCount);
+    this.cancelEl = this.element.querySelector(
+      this.options.selectorActionCancel
+    );
+    this.tableHeaders = this.element.querySelectorAll('th');
+    this.tableBody = this.element.querySelector(this.options.selectorTableBody);
+    this.expandCells = [];
+    this.expandableRows = [];
+    this.parentRows = [];
+
+    this.refreshRows();
+
+    this.element.addEventListener('mouseover', evt => {
+      const eventElement = eventMatches(evt, this.options.selectorChildRow);
+
+      if (eventElement) {
+        this._expandableHoverToggle(eventElement, true);
+      }
+    });
+
+    this.element.addEventListener('click', evt => {
+      const eventElement = eventMatches(evt, this.options.eventTrigger);
+      const searchContainer = this.element.querySelector(
+        this.options.selectorToolbarSearchContainer
+      );
+
+      if (eventElement) {
+        this._toggleState(eventElement, evt);
+      }
+
+      if (searchContainer) {
+        this._handleDocumentClick(evt);
+      }
+    });
+
+    this.element.addEventListener('keydown', this._keydownHandler);
+
+    this.state = {
+      checkboxCount: 0,
+    };
+  }
+
+  _handleDocumentClick(evt) {
+    const searchContainer = this.element.querySelector(
+      this.options.selectorToolbarSearchContainer
+    );
+    const searchEvent = eventMatches(evt, this.options.selectorSearchMagnifier);
+    const activeSearch = searchContainer.classList.contains(
+      this.options.classToolbarSearchActive
+    );
+
+    if (searchContainer && searchEvent) {
+      this.activateSearch(searchContainer);
+    }
+
+    if (activeSearch) {
+      this.deactivateSearch(searchContainer, evt);
+    }
+  }
+
+  activateSearch(container) {
+    const input = container.querySelector(this.options.selectorSearchInput);
+    container.classList.add(this.options.classToolbarSearchActive);
+    input.focus();
+  }
+
+  deactivateSearch(container, evt) {
+    const trigger = container.querySelector(
+      this.options.selectorSearchMagnifier
+    );
+    const input = container.querySelector(this.options.selectorSearchInput);
+    const svg = trigger.querySelector('svg');
+    if (
+      input.value.length === 0 &&
+      evt.target !== input &&
+      evt.target !== trigger &&
+      evt.target !== svg
+    ) {
+      container.classList.remove(this.options.classToolbarSearchActive);
+      trigger.focus();
+    }
+
+    if (evt.which === 27 && evt.target === input) {
+      container.classList.remove(this.options.classToolbarSearchActive);
+      trigger.focus();
+    }
+  }
+
+  _sortToggle = detail => {
+    const { element, previousValue } = detail;
+
+    toArray(this.tableHeaders).forEach(header => {
+      const sortEl = header.querySelector(this.options.selectorTableSort);
+
+      if (sortEl !== null && sortEl !== element) {
+        sortEl.classList.remove(this.options.classTableSortActive);
+        sortEl.classList.remove(this.options.classTableSortAscending);
+      }
+    });
+
+    if (!previousValue) {
+      element.dataset.previousValue = 'ascending';
+      element.classList.add(this.options.classTableSortActive);
+      element.classList.add(this.options.classTableSortAscending);
+    } else if (previousValue === 'ascending') {
+      element.dataset.previousValue = 'descending';
+      element.classList.add(this.options.classTableSortActive);
+      element.classList.remove(this.options.classTableSortAscending);
+    } else if (previousValue === 'descending') {
+      element.removeAttribute('data-previous-value');
+      element.classList.remove(this.options.classTableSortActive);
+      element.classList.remove(this.options.classTableSortAscending);
+    }
+  };
+
+  _selectToggle = detail => {
+    const { element } = detail;
+    const { checked } = element;
+
+    // increment the  count
+    this.state.checkboxCount += checked ? 1 : -1;
+    this.countEl.textContent = this.state.checkboxCount;
+
+    const row = element.parentNode.parentNode;
+
+    row.classList.toggle(this.options.classTableSelected);
+
+    // toggle on/off batch action bar
+    this._actionBarToggle(this.state.checkboxCount > 0);
+  };
+
+  _selectAllToggle = ({ element }) => {
+    const { checked } = element;
+
+    const inputs = toArray(
+      this.element.querySelectorAll(this.options.selectorCheckbox)
+    );
+
+    this.state.checkboxCount = checked ? inputs.length - 1 : 0;
+
+    inputs.forEach(item => {
+      item.checked = checked;
+
+      const row = item.parentNode.parentNode;
+      if (checked && row) {
+        row.classList.add(this.options.classTableSelected);
+      } else {
+        row.classList.remove(this.options.classTableSelected);
+      }
+    });
+
+    this._actionBarToggle(this.state.checkboxCount > 0);
+
+    if (this.batchActionEl) {
+      this.countEl.textContent = this.state.checkboxCount;
+    }
+  };
+
+  _actionBarCancel = () => {
+    const inputs = toArray(
+      this.element.querySelectorAll(this.options.selectorCheckbox)
+    );
+    const row = toArray(
+      this.element.querySelectorAll(this.options.selectorTableSelected)
+    );
+
+    row.forEach(item => {
+      item.classList.remove(this.options.classTableSelected);
+    });
+
+    inputs.forEach(item => {
+      item.checked = false;
+    });
+
+    this.state.checkboxCount = 0;
+    this._actionBarToggle(false);
+
+    if (this.batchActionEl) {
+      this.countEl.textContent = this.state.checkboxCount;
+    }
+  };
+
+  _actionBarToggle = toggleOn => {
+    const transition = evt => {
+      this.batchActionEl.removeEventListener('transitionend', transition);
+
+      if (evt.target.matches(this.options.selectorActions)) {
+        if (this.batchActionEl.dataset.active === 'false') {
+          this.batchActionEl.setAttribute('tabIndex', -1);
+        } else {
+          this.batchActionEl.setAttribute('tabIndex', 0);
+        }
+      }
+    };
+
+    if (toggleOn) {
+      this.batchActionEl.dataset.active = true;
+      this.batchActionEl.classList.add(this.options.classActionBarActive);
+    } else if (this.batchActionEl) {
+      this.batchActionEl.dataset.active = false;
+      this.batchActionEl.classList.remove(this.options.classActionBarActive);
+    }
+    if (this.batchActionEl) {
+      this.batchActionEl.addEventListener('transitionend', transition);
+    }
+  };
+
+  _rowExpandToggle = ({ element, forceExpand }) => {
+    const parent = element.closest(this.options.eventParentContainer);
+    // NOTE: `data-previous-value` keeps UI state before this method makes change in style
+    // eslint-disable-next-line eqeqeq
+    const shouldExpand =
+      forceExpand != null
+        ? forceExpand
+        : element.dataset.previousValue === undefined ||
+          element.dataset.previousValue === 'expanded';
+
+    if (shouldExpand) {
+      element.dataset.previousValue = 'collapsed';
+      parent.classList.add(this.options.classExpandableRow);
+    } else {
+      parent.classList.remove(this.options.classExpandableRow);
+      element.dataset.previousValue = 'expanded';
+      const expandHeader = this.element.querySelector(
+        this.options.selectorExpandHeader
+      );
+      if (expandHeader) {
+        expandHeader.dataset.previousValue = 'expanded';
+      }
+    }
+  };
+
+  _rowExpandToggleAll = ({ element }) => {
+    // NOTE: `data-previous-value` keeps UI state before this method makes change in style
+    const shouldExpand =
+      element.dataset.previousValue === undefined ||
+      element.dataset.previousValue === 'expanded';
+    element.dataset.previousValue = shouldExpand ? 'collapsed' : 'expanded';
+    const expandCells = this.element.querySelectorAll(
+      this.options.selectorExpandCells
+    );
+    Array.prototype.forEach.call(expandCells, cell => {
+      this._rowExpandToggle({ element: cell, forceExpand: shouldExpand });
+    });
+  };
+
+  _expandableHoverToggle = element => {
+    element.previousElementSibling.classList.add(
+      this.options.classExpandableRowHover
+    );
+
+    const mouseout = () => {
+      element.previousElementSibling.classList.remove(
+        this.options.classExpandableRowHover
+      );
+      element.removeEventListener('mouseout', mouseout);
+    };
+
+    element.addEventListener('mouseout', mouseout);
+  };
+
+  _toggleState = (element, evt) => {
+    const data = element.dataset;
+    const label = data.label ? data.label : '';
+    const previousValue = data.previousValue ? data.previousValue : '';
+    const initialEvt = evt;
+
+    this.changeState({
+      group: data.event,
+      element,
+      label,
+      previousValue,
+      initialEvt,
+    });
+  };
+
+  _keydownHandler = evt => {
+    const searchContainer = this.element.querySelector(
+      this.options.selectorToolbarSearchContainer
+    );
+    const searchEvent = eventMatches(evt, this.options.selectorSearchMagnifier);
+    const activeSearch = searchContainer.classList.contains(
+      this.options.classToolbarSearchActive
+    );
+
+    if (evt.which === 27) {
+      this._actionBarCancel();
+    }
+
+    if (searchContainer && searchEvent && evt.which === 13) {
+      this.activateSearch(searchContainer);
+    }
+
+    if (activeSearch && evt.which === 27) {
+      this.deactivateSearch(searchContainer, evt);
+    }
+  };
+
+  _changeState(detail, callback) {
+    this[this.constructor.eventHandlers[detail.group]](detail);
+    callback();
+  }
+
+  refreshRows = () => {
+    const newExpandCells = toArray(
+      this.element.querySelectorAll(this.options.selectorExpandCells)
+    );
+    const newExpandableRows = toArray(
+      this.element.querySelectorAll(this.options.selectorExpandableRows)
+    );
+    const newParentRows = toArray(
+      this.element.querySelectorAll(this.options.selectorParentRows)
+    );
+
+    // check if this is a refresh or the first time
+    if (this.parentRows.length > 0) {
+      const diffParentRows = newParentRows.filter(
+        newRow => !this.parentRows.some(oldRow => oldRow === newRow)
+      );
+
+      // check if there are expandable rows
+      if (newExpandableRows.length > 0) {
+        const diffExpandableRows = diffParentRows.map(
+          newRow => newRow.nextElementSibling
+        );
+        const mergedExpandableRows = [
+          ...toArray(this.expandableRows),
+          ...toArray(diffExpandableRows),
+        ];
+        this.expandableRows = mergedExpandableRows;
+      }
+    } else if (newExpandableRows.length > 0) {
+      this.expandableRows = newExpandableRows;
+    }
+
+    this.expandCells = newExpandCells;
+    this.parentRows = newParentRows;
+  };
+
+  static components /* #__PURE_CLASS_PROPERTY__ */ = new WeakMap();
+
+  // UI Events
+  static eventHandlers /* #__PURE_CLASS_PROPERTY__ */ = {
+    expand: '_rowExpandToggle',
+    expandAll: '_rowExpandToggleAll',
+    sort: '_sortToggle',
+    select: '_selectToggle',
+    'select-all': '_selectAllToggle',
+    'action-bar-cancel': '_actionBarCancel',
+  };
+
+  static get options() {
+    const { prefix } = settings;
+    return {
+      selectorInit: `[data-table]`,
+      selectorToolbar: `.${prefix}--table--toolbar`,
+      selectorActions: `.${prefix}--batch-actions`,
+      selectorCount: '[data-items-selected]',
+      selectorActionCancel: `.${prefix}--batch-summary__cancel`,
+      selectorCheckbox: `.${prefix}--checkbox`,
+      selectorExpandHeader: `th.${prefix}--table-expand`,
+      selectorExpandCells: `td.${prefix}--table-expand`,
+      selectorExpandableRows: `.${prefix}--expandable-row`,
+      selectorParentRows: `.${prefix}--parent-row`,
+      selectorChildRow: '[data-child-row]',
+      selectorTableBody: 'tbody',
+      selectorTableSort: `.${prefix}--table-sort`,
+      selectorTableSelected: `.${prefix}--data-table--selected`,
+      selectorToolbarSearchContainer: `.${prefix}--toolbar-search-container-expandable`,
+      selectorSearchMagnifier: `.${prefix}--search-magnifier`,
+      selectorSearchInput: `.${prefix}--search-input`,
+      classExpandableRow: `${prefix}--expandable-row`,
+      classExpandableRowHidden: `${prefix}--expandable-row--hidden`,
+      classExpandableRowHover: `${prefix}--expandable-row--hover`,
+      classTableSortAscending: `${prefix}--table-sort--ascending`,
+      classTableSortActive: `${prefix}--table-sort--active`,
+      classToolbarSearchActive: `${prefix}--toolbar-search-container-active`,
+      classActionBarActive: `${prefix}--batch-actions--active`,
+      classTableSelected: `${prefix}--data-table--selected`,
+      eventBeforeExpand: `data-table-beforetoggleexpand`,
+      eventAfterExpand: `data-table-aftertoggleexpand`,
+      eventBeforeExpandAll: `data-table-beforetoggleexpandall`,
+      eventAfterExpandAll: `data-table-aftertoggleexpandall`,
+      eventBeforeSort: `data-table-beforetogglesort`,
+      eventAfterSort: `data-table-aftertogglesort`,
+      eventTrigger: '[data-event]',
+      eventParentContainer: '[data-parent-row]',
+    };
+  }
+}
+
+export default DataTable;

package/styles/vendor/carbon-components/src/components/data-table/migrate-to-10.x.md

@@ -0,0 +1,93 @@
+## Data Table
+
+### HTML
+
+Aside from using new icons from the
+[`carbon-elements`](https://github.com/IBM/carbon-elements) package, there are
+several structural changes and new selectors in the Data Table component. Please
+see the new structure below and reference the
+[data table page](https://next.carbondesignsystem.com/components/data-table/code)
+in our site to copy the specified new markup.
+
+React and other framework variants should reflect the changes automatically.
+
+**Things to note**:
+
+- All `-v2`'s in selectors have been removed
+- All SVG icons have changed to new icons.
+- Structural changes and new selectors in the table title. See structure below
+  and SCSS section for more details.
+- Structural changes and new selectors in the table toolbar. See structure below
+  and SCSS section for more details.
+- Toolbar overflow menu now uses the overflow menu component `<ul>` markup
+  instead of just `button.bx--batch-actions`
+- `bx—search` container in toolbar no longer has the `bx--search—light` class
+- Batch action buttons no longer have `bx--btn—ghost` class
+- New markup/selector involving expandable features includes a
+  `div.bx--child-row-inner-container` as a wrapper for content within the child
+  row `td`.
+- New markup/selectors involving sortable features include an additional icon
+  `bx--table-sort__icon-unsorted` for non-sorted state, and a new class for
+  sortable data table `bx--data-table—-sort`.
+- New selectors `bx—table-column-checkbox` and `bx—table-column-menu` for
+  checkbox and overflow menu `td`'s and `th`'s.
+- New selector for `li` within a row overflow menu `bx--table-row--menu-option`.
+  See SCSS section for more details.
+
+**New Structure**:
+
+```bash
+bx--data-table-container
+├── bx--data-table-header
+│   ├── bx--data-table-header__title
+│   └── bx--data-table-header__description
+├── bx--table-toolbar
+│   ├── bx--batch-actions
+│   │   ├── bx--batch-action-list
+│   │   └── bx--batch-summary
+│   │       └── bx--batch-summary__para
+│   └── bx--toolbar-content
+│       ├── bx--toolbar-search-container-expandable (bx--toolbar-search-container-persistent)
+│       ├── bx--overflow-menu bx--toolbar-action
+│       └── bx--btn--primary
+└── bx--data-table
+    ├── thead
+    └── tbody
+pagination
+```
+
+### Selectors
+
+| Category                    | v9                               | v10                                       | Notes                                                                                                      |
+| --------------------------- | -------------------------------- | ----------------------------------------- | ---------------------------------------------------------------------------------------------------------- |
+| **Table container**         | `.bx--data-table-v2-container`   | `.bx--data-table-container`               | :eyes: Changed                                                                                             |
+| **Table header**            | `.bx--data-table-v2-header`      | `.bx--data-table-header`                  | :eyes: Changed; Also, now a container class on a `div` instead of an `h4`                                  |
+|                             | -                                | `.bx--data-table-header__title`           | :sparkles: New                                                                                             |
+|                             | -                                | `.bx--data-table-header__description`     | :sparkles: New                                                                                             |
+| **Toolbar**                 | `bx--toolbar-search-container`   | `bx--toolbar-search-container-expandable` | :sparkles: New; Default is expandable search                                                               |
+|                             | -                                | `bx--toolbar-search-container-persistent` | :sparkles: New; Optional persistent search                                                                 |
+| **Data Table**              | `.bx--data-table-v2--no-border`  | -                                         | :skull: Removed                                                                                            |
+|                             | `.bx--data-table-v2--static`     | `.bx--data-table--static`                 | :eyes: Changed                                                                                             |
+|                             | `.bx--data-table-v2--selected`   | `.bx--data-table--selected`               | :eyes: Changed                                                                                             |
+|                             | `.bx--data-table-v2--zebra`      | `.bx--data-table--zebra`                  | :eyes: Changed                                                                                             |
+|                             | -                                | `.bx--data-table—-sort`                   | :sparkles: New                                                                                             |
+|                             | `.bx--data-table-v2—-small`      | `.bx--data-table—-small`                  | :eyes: Changed                                                                                             |
+|                             | `.bx--data-table-v2—-compact`    | `.bx--data-table—-compact`                | :eyes: Changed                                                                                             |
+|                             | `.bx--data-table-v2—-tall`       | `.bx--data-table—-tall`                   | :eyes: Changed                                                                                             |
+|                             | `.bx--data-table-v2--compact`    | `.bx--data-table--compact`                | :eyes: Changed                                                                                             |
+|                             | `.bx--data-table-v2--short`      | `.bx--data-table--short`                  | :eyes: Changed                                                                                             |
+|                             | `.bx--data-table-v2--tall`       | `.bx--data-table--tall`                   | :eyes: Changed                                                                                             |
+| **Table Rows**              | `.bx--parent-row-v2`             | `.bx--parent-row`                         | :eyes: Changed                                                                                             |
+|                             | `.bx--expandable-row-v2`         | `.bx--expandable-row`                     | :eyes: Changed                                                                                             |
+|                             | `.bx--expandable-row--hidden-v2` | `.bx--expandable-row--hidden`             | :eyes: Changed                                                                                             |
+|                             | `.bx--expandable-row--hover-v2`  | `.bx--expandable-row--hover`              | :eyes: Changed                                                                                             |
+| **Table Columns**           | -                                | `.bx—table-column-checkbox`               | :sparkles: New; Used in `th`'s and `td`'s with checkbox.                                                   |
+|                             | -                                | `.bx—table-column-menu`                   | :sparkles: New; Used in `td`'s with overflow menu                                                          |
+|                             | `.bx—table-expand-v2`            | `.bx—table-expand`                        | :eyes: Changed                                                                                             |
+|                             | -                                | `.bx--child-row-inner-container`          | :sparkles: New; Container inside expand child row `td`, allows for motion animation                        |
+| **Buttons, Icons and more** | `bx--table-sort-v2`              | `bx--table-sort`                          | :eyes: Changed                                                                                             |
+|                             | `bx--table-sort-v2__icon`        | `bx--table-sort__icon`                    | :eyes: Changed                                                                                             |
+|                             | -                                | `.bx--table-sort__icon-unsorted`          | :sparkles: New                                                                                             |
+|                             | `bx--table-expand-v2__button`    | `bx--table-expand__button`                | :eyes: Changed                                                                                             |
+|                             | `bx--table-expand-v2__svg`       | `bx--table-expand__svg`                   | :eyes: Changed                                                                                             |
+|                             | -                                | `bx--table-row--menu-option`              | :sparkles: New; Addional class added to `li.bx--overflow-menu-options__option` in table row overflow menus |

package/styles/vendor/carbon-components/src/components/data-table-v2/_data-table-v2-action.scss

@@ -0,0 +1,8 @@
+//
+// Copyright IBM Corp. 2016, 2018
+//
+// This source code is licensed under the Apache-2.0 license found in the
+// LICENSE file in the root directory of this source tree.
+//
+
+@import '../data-table/data-table-action';

package/styles/vendor/carbon-components/src/components/data-table-v2/_data-table-v2-core.scss

@@ -0,0 +1,8 @@
+//
+// Copyright IBM Corp. 2016, 2018
+//
+// This source code is licensed under the Apache-2.0 license found in the
+// LICENSE file in the root directory of this source tree.
+//
+
+@import '../data-table/data-table-core';

package/styles/vendor/carbon-components/src/components/data-table-v2/_data-table-v2-expandable.scss

@@ -0,0 +1,8 @@
+//
+// Copyright IBM Corp. 2016, 2018
+//
+// This source code is licensed under the Apache-2.0 license found in the
+// LICENSE file in the root directory of this source tree.
+//
+
+@import '../data-table/data-table-expandable';

package/styles/vendor/carbon-components/src/components/data-table-v2/_data-table-v2-inline-edit-cell.scss

@@ -0,0 +1,8 @@
+//
+// Copyright IBM Corp. 2016, 2018
+//
+// This source code is licensed under the Apache-2.0 license found in the
+// LICENSE file in the root directory of this source tree.
+//
+
+@import '../data-table/data-table-inline-edit-cell';

package/styles/vendor/carbon-components/src/components/data-table-v2/_data-table-v2-inline-edit.scss

@@ -0,0 +1,8 @@
+//
+// Copyright IBM Corp. 2016, 2018
+//
+// This source code is licensed under the Apache-2.0 license found in the
+// LICENSE file in the root directory of this source tree.
+//
+
+@import '../data-table/data-table-inline-edit';

package/styles/vendor/carbon-components/src/components/data-table-v2/_data-table-v2-skeleton.scss

@@ -0,0 +1,8 @@
+//
+// Copyright IBM Corp. 2016, 2018
+//
+// This source code is licensed under the Apache-2.0 license found in the
+// LICENSE file in the root directory of this source tree.
+//
+
+@import '../data-table/data-table-skeleton';

package/styles/vendor/carbon-components/src/components/data-table-v2/_data-table-v2-sort.scss

@@ -0,0 +1,8 @@
+//
+// Copyright IBM Corp. 2016, 2018
+//
+// This source code is licensed under the Apache-2.0 license found in the
+// LICENSE file in the root directory of this source tree.
+//
+
+@import '../data-table/data-table-sort';

package/styles/vendor/carbon-components/src/components/data-table-v2/_data-table-v2.scss

@@ -0,0 +1,13 @@
+//
+// Copyright IBM Corp. 2016, 2018
+//
+// This source code is licensed under the Apache-2.0 license found in the
+// LICENSE file in the root directory of this source tree.
+//
+
+@import '../data-table/data-table-action';
+@import '../data-table/data-table-core';
+@import '../data-table/data-table-expandable';
+@import '../data-table/data-table-sort';
+@import '../data-table/data-table-inline-edit';
+@import '../data-table/data-table-skeleton';

package/styles/vendor/carbon-components/src/components/data-table-v2/data-table-v2.js

@@ -0,0 +1,10 @@
+/**
+ * Copyright IBM Corp. 2016, 2018
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+import DataTableV2 from '../data-table/data-table';
+
+export default DataTableV2;