@elliemae/ds-data-table 2.2.0-alpha.4 → 3.0.0-next.2

package/cjs/DataTable.js

@@ -1,67 +1,61 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __reExport = (target, module2, copyDefault, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
-  }
-  return target;
-};
-var __toESM = (module2, isNodeMode) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-var __toCommonJS = /* @__PURE__ */ ((cache) => {
-  return (module2, temp) => {
-    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
-  };
-})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
-var DataTable_exports = {};
-__export(DataTable_exports, {
-  DataTable: () => DataTable,
-  DataTableWithSchema: () => DataTableWithSchema
-});
-var React = __toESM(require("react"));
-var import_react = __toESM(require("react"));
-var import_react_redux = require("react-redux");
-var import_toolkit = require("@reduxjs/toolkit");
-var import_react_desc = require("react-desc");
-var import_TableContent = require("./parts/TableContent");
-var import_storeConfig = require("./redux/storeConfig");
-var import_DataTableContext = require("./DataTableContext");
-var import_constants = require("./configs/constants");
-var import_useDatatableConfig = require("./configs/useDatatableConfig");
-var import_FiltersBar = require("./parts/FilterBar/FiltersBar");
-var import_DataTableSchema = require("./DataTableSchema");
-const DataTable = (props) => {
-  const { withFilterBar } = props;
-  const reduxStore = (0, import_react.useMemo)(() => (0, import_toolkit.configureStore)(import_storeConfig.storeConfig), []);
-  const tableWrapperRef = (0, import_react.useRef)();
-  const tableContentWrapperRef = (0, import_react.useRef)();
-  const ctx = (0, import_useDatatableConfig.useDatatableConfig)(props);
-  return /* @__PURE__ */ import_react.default.createElement(import_react_redux.Provider, {
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+require('core-js/modules/esnext.async-iterator.filter.js');
+require('core-js/modules/esnext.iterator.constructor.js');
+require('core-js/modules/esnext.iterator.filter.js');
+require('core-js/modules/esnext.async-iterator.for-each.js');
+require('core-js/modules/esnext.iterator.for-each.js');
+var _defineProperty = require('@babel/runtime/helpers/defineProperty');
+var _jsx = require('@babel/runtime/helpers/jsx');
+var React = require('react');
+var reactRedux = require('react-redux');
+var toolkit = require('@reduxjs/toolkit');
+var reactDesc = require('react-desc');
+var TableContent = require('./parts/TableContent.js');
+var storeConfig = require('./redux/storeConfig.js');
+var DataTableContext = require('./DataTableContext.js');
+var constants = require('./configs/constants.js');
+var useDatatableConfig = require('./configs/useDatatableConfig.js');
+require('./configs/useRowFlattenization.js');
+var FiltersBar = require('./parts/FilterBar/FiltersBar.js');
+var DataTableSchema = require('./DataTableSchema.js');
+var jsxRuntime = require('react/jsx-runtime');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
+var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
+
+var _FiltersBar;
+
+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__default["default"](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; }
+const DataTable = props => {
+  const {
+    withFilterBar
+  } = props;
+  const reduxStore = React.useMemo(() => toolkit.configureStore(storeConfig.storeConfig), []);
+  const tableWrapperRef = React.useRef();
+  const tableContentWrapperRef = React.useRef();
+  const ctx = useDatatableConfig.useDatatableConfig(props);
+  return /*#__PURE__*/_jsx__default["default"](reactRedux.Provider, {
     store: reduxStore
-  }, /* @__PURE__ */ import_react.default.createElement(import_DataTableContext.DataTableContext.Provider, {
+  }, void 0, /*#__PURE__*/_jsx__default["default"](DataTableContext["default"].Provider, {
     value: ctx
-  }, /* @__PURE__ */ import_react.default.createElement("div", {
+  }, void 0, /*#__PURE__*/jsxRuntime.jsxs("div", {
     ref: tableWrapperRef,
-    "data-testid": import_constants.DATA_TESTID.DATA_TABLE_WRAPPER
-  }, withFilterBar ? /* @__PURE__ */ import_react.default.createElement(import_FiltersBar.FiltersBar, null) : null, /* @__PURE__ */ import_react.default.createElement(import_TableContent.TableContent, {
-    ref: tableContentWrapperRef
-  }))));
+    "data-testid": constants.DATA_TESTID.DATA_TABLE_WRAPPER,
+    children: [withFilterBar ? _FiltersBar || (_FiltersBar = /*#__PURE__*/_jsx__default["default"](FiltersBar.FiltersBar, {})) : null, /*#__PURE__*/jsxRuntime.jsx(TableContent, {
+      ref: tableContentWrapperRef
+    })]
+  })));
 };
-DataTable.propTypes = import_DataTableSchema.DataTableSchema;
-DataTable.defaultProps = { ...import_DataTableContext.defaultProps };
-const DataTableWithSchema = (0, import_react_desc.describe)(DataTable).description("Data Table");
-DataTableWithSchema.propTypes = import_DataTableSchema.DataTableSchema;
-module.exports = __toCommonJS(DataTable_exports);
-//# sourceMappingURL=DataTable.js.map
+DataTable.defaultProps = _objectSpread({}, DataTableContext.defaultProps);
+const DataTableWithSchema = reactDesc.describe(DataTable).description('Data Table');
+DataTableWithSchema.propTypes = DataTableSchema.DataTableSchema;
+
+exports.DataTable = DataTable;
+exports.DataTableWithSchema = DataTableWithSchema;

package/cjs/DataTableContext.js

@@ -1,47 +1,17 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __reExport = (target, module2, copyDefault, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
-  }
-  return target;
-};
-var __toESM = (module2, isNodeMode) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-var __toCommonJS = /* @__PURE__ */ ((cache) => {
-  return (module2, temp) => {
-    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
-  };
-})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
-var DataTableContext_exports = {};
-__export(DataTableContext_exports, {
-  DataTableContext: () => DataTableContext,
-  default: () => DataTableContext_default,
-  defaultProps: () => defaultProps,
-  defaultRelativeRowMouseCoord: () => defaultRelativeRowMouseCoord
-});
-var React = __toESM(require("react"));
-var import_react = require("react");
-var import_constants = require("./configs/constants");
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var constants = require('./configs/constants.js');
+
 const defaultProps = {
-  height: "100%",
-  width: "100%",
+  height: '100%',
+  width: '100%',
   renderRowActions: false,
-  getRowVariant: () => "ds-primary-row",
+  getRowVariant: () => 'ds-primary-row',
   isExpandable: false,
-  uniqueRowAccessor: void 0,
+  uniqueRowAccessor: undefined,
   expandedRows: {},
   disabledRows: {},
   isResizeable: false,
@@ -49,9 +19,9 @@ const defaultProps = {
   isLoadingAppended: false,
   pagination: false,
   filters: [],
-  colsLayoutStyle: import_constants.ColsLayoutStyle.Fixed,
+  colsLayoutStyle: constants.ColsLayoutStyle.Fixed,
   hiddenColumns: [],
-  noResultsMessage: "No Results Found",
+  noResultsMessage: 'No Results Found',
   dragAndDropRows: false,
   maxDragAndDropLevel: 1,
   onRowsReorder: () => null,
@@ -62,11 +32,12 @@ const defaultProps = {
   onRowFocus: () => null,
   noSelectionColumn: false,
   selectSingle: false,
-  selection: void 0,
+  selection: undefined,
   onSelectionChange: () => null,
-  textWrap: "wrap",
+  // selectionHashMap -> { ...[id]: enum(true/'mixed'/false) }
+  textWrap: 'wrap',
   isNoMoreDataAppended: false,
-  noMoreDataMessage: "No more to show.",
+  noMoreDataMessage: 'No more to show.',
   onCellValueChange: () => null,
   onFiltersChange: () => null,
   onFilteredDataChange: () => null,
@@ -85,16 +56,19 @@ const defaultRelativeRowMouseCoord = {
   relativeElementDOMRect: null,
   relativeElementIndex: null
 };
-const DataTableContext = (0, import_react.createContext)({
+/** Context for cross component communication */
+
+const DataTableContext = /*#__PURE__*/React.createContext({
   tableProps: defaultProps,
   layoutHelpers: {},
   flattenedData: [],
   allDataFlattened: [],
   visibleColumns: [],
   paginationHelpers: {},
-  virtualListRef: (0, import_react.createRef)(),
-  columnHeaderRef: (0, import_react.createRef)()
+  virtualListRef: /*#__PURE__*/React.createRef(),
+  columnHeaderRef: /*#__PURE__*/React.createRef()
 });
-var DataTableContext_default = DataTableContext;
-module.exports = __toCommonJS(DataTableContext_exports);
-//# sourceMappingURL=DataTableContext.js.map
+
+exports["default"] = DataTableContext;
+exports.defaultProps = defaultProps;
+exports.defaultRelativeRowMouseCoord = defaultRelativeRowMouseCoord;

package/cjs/DataTableSchema.js

@@ -1,157 +1,119 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __reExport = (target, module2, copyDefault, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
-  }
-  return target;
-};
-var __toESM = (module2, isNodeMode) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-var __toCommonJS = /* @__PURE__ */ ((cache) => {
-  return (module2, temp) => {
-    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
-  };
-})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
-var DataTableSchema_exports = {};
-__export(DataTableSchema_exports, {
-  DataTableSchema: () => DataTableSchema
-});
-var React = __toESM(require("react"));
-var import_react_desc = require("react-desc");
-const outOfTheBoxFilterType = import_react_desc.PropTypes.oneOf([
-  "ds-filter-select",
-  "ds-filter-multi-select",
-  "ds-filter-single-date",
-  "ds-filter-date-range",
-  "ds-filter-number-range"
-]);
-const textWrappingType = import_react_desc.PropTypes.oneOf(["wrap", "wrap-all", "truncate"]);
-const rowVariantType = import_react_desc.PropTypes.oneOf(["ds_header_group_row", "ds_primary_row", "ds_secondary_row"]);
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var reactDesc = require('react-desc');
+
+/* eslint-disable max-lines */
+const outOfTheBoxFilterType = reactDesc.PropTypes.oneOf(['ds-filter-select', 'ds-filter-multi-select', 'ds-filter-single-date', 'ds-filter-date-range', 'ds-filter-number-range']);
+const textWrappingType = reactDesc.PropTypes.oneOf(['wrap', 'wrap-all', 'truncate']);
+const rowVariantType = reactDesc.PropTypes.oneOf(['ds_header_group_row', 'ds_primary_row', 'ds_secondary_row']);
 const columnPropTypes = {
-  Header: import_react_desc.PropTypes.oneOfType([import_react_desc.PropTypes.string, import_react_desc.PropTypes.func, import_react_desc.PropTypes.element]).description("Header name or component").isRequired,
-  accessor: import_react_desc.PropTypes.string.description("The entry of the data that this column will display"),
-  id: import_react_desc.PropTypes.string.description("The id of the column, will default to the Header or accessor if not present"),
-  filter: outOfTheBoxFilterType.description("out-of-the-box filters"),
-  Filter: import_react_desc.PropTypes.oneOfType([import_react_desc.PropTypes.func, import_react_desc.PropTypes.element]).description("The custom component to render as a filter"),
-  Cell: import_react_desc.PropTypes.oneOfType([import_react_desc.PropTypes.func, import_react_desc.PropTypes.element]).description("The custom cell renderer component"),
-  editable: import_react_desc.PropTypes.oneOfType([import_react_desc.PropTypes.string, import_react_desc.PropTypes.func, import_react_desc.PropTypes.element]).description("The editable out-of-the-box or component to render"),
-  disableDnD: import_react_desc.PropTypes.bool.description("Whereas this column should be draggable"),
-  canResize: import_react_desc.PropTypes.bool.description("Whereas this column should be resizable"),
-  width: import_react_desc.PropTypes.oneOfType([import_react_desc.PropTypes.string, import_react_desc.PropTypes.number]).description("Width of this column"),
-  minWidth: import_react_desc.PropTypes.number.description("Minimum width of this column, useful when resizing"),
-  maxWidth: import_react_desc.PropTypes.number.description("Maximum width of this column, useful when resizing"),
-  canSort: import_react_desc.PropTypes.bool.description("Whereas this column is sortable"),
-  isSortedDesc: import_react_desc.PropTypes.bool.description("Whereas this column is sorted descendingly"),
-  required: import_react_desc.PropTypes.bool.description("Whereas this column is required"),
-  alwaysDisplayEditIcon: import_react_desc.PropTypes.bool.description("Whereas to always show the edit icon on this column if it is editable"),
+  Header: reactDesc.PropTypes.oneOfType([reactDesc.PropTypes.string, reactDesc.PropTypes.func, reactDesc.PropTypes.element]).description('Header name or component').isRequired,
+  accessor: reactDesc.PropTypes.string.description('The entry of the data that this column will display'),
+  id: reactDesc.PropTypes.string.description('The id of the column, will default to the Header or accessor if not present'),
+  filter: outOfTheBoxFilterType.description('out-of-the-box filters'),
+  Filter: reactDesc.PropTypes.oneOfType([reactDesc.PropTypes.func, reactDesc.PropTypes.element]).description('The custom component to render as a filter'),
+  Cell: reactDesc.PropTypes.oneOfType([reactDesc.PropTypes.func, reactDesc.PropTypes.element]).description('The custom cell renderer component'),
+  editable: reactDesc.PropTypes.oneOfType([reactDesc.PropTypes.string, reactDesc.PropTypes.func, reactDesc.PropTypes.element]).description('The editable out-of-the-box or component to render'),
+  disableDnD: reactDesc.PropTypes.bool.description('Whereas this column should be draggable'),
+  canResize: reactDesc.PropTypes.bool.description('Whereas this column should be resizable'),
+  width: reactDesc.PropTypes.oneOfType([reactDesc.PropTypes.string, reactDesc.PropTypes.number]).description('Width of this column'),
+  minWidth: reactDesc.PropTypes.number.description('Minimum width of this column, useful when resizing'),
+  maxWidth: reactDesc.PropTypes.number.description('Maximum width of this column, useful when resizing'),
+  canSort: reactDesc.PropTypes.bool.description('Whereas this column is sortable'),
+  isSortedDesc: reactDesc.PropTypes.bool.description('Whereas this column is sorted descendingly'),
+  required: reactDesc.PropTypes.bool.description('Whereas this column is required'),
+  alwaysDisplayEditIcon: reactDesc.PropTypes.bool.description('Whereas to always show the edit icon on this column if it is editable'),
   textWrap: textWrappingType
 };
-const columnsPropTypes = import_react_desc.PropTypes.shape(columnPropTypes).description("Columns props");
+const columnsPropTypes = reactDesc.PropTypes.shape(columnPropTypes).description('Columns props');
 const rowPropTypes = {
-  row_variant_type: rowVariantType.description("Which row variant to use, will default to primary"),
-  row_variant_compact: import_react_desc.PropTypes.bool.description("Whether to use the compact version of the row"),
-  tableRowDetails: import_react_desc.PropTypes.oneOfType([import_react_desc.PropTypes.func, import_react_desc.PropTypes.element]).description("Component for row details"),
-  dimsumHeaderValue: import_react_desc.PropTypes.string.description("Header displayed on the header variant of the row")
+  row_variant_type: rowVariantType.description('Which row variant to use, will default to primary'),
+  row_variant_compact: reactDesc.PropTypes.bool.description('Whether to use the compact version of the row'),
+  tableRowDetails: reactDesc.PropTypes.oneOfType([reactDesc.PropTypes.func, reactDesc.PropTypes.element]).description('Component for row details'),
+  dimsumHeaderValue: reactDesc.PropTypes.string.description('Header displayed on the header variant of the row')
 };
-const rowsPropTypes = import_react_desc.PropTypes.shape(rowPropTypes).description("Rows props");
+const rowsPropTypes = reactDesc.PropTypes.shape(rowPropTypes).description('Rows props');
 const DataTableSchema = {
-  columns: import_react_desc.PropTypes.arrayOf(columnsPropTypes).description("Array of columns").isRequired,
-  data: import_react_desc.PropTypes.arrayOf(rowsPropTypes).description("Array of rows"),
-  height: import_react_desc.PropTypes.number.description("Height of the datatable component"),
-  width: import_react_desc.PropTypes.oneOfType([import_react_desc.PropTypes.string, import_react_desc.PropTypes.number]).description("Width of the datatable component"),
-  renderRowActions: import_react_desc.PropTypes.oneOfType([import_react_desc.PropTypes.object, import_react_desc.PropTypes.bool]).description("The renderer to use for the action toolbar"),
-  isExpandable: import_react_desc.PropTypes.bool.description("Whether the datatable is expandable").defaultValue(false),
-  uniqueRowAccessor: import_react_desc.PropTypes.oneOfType([
-    import_react_desc.PropTypes.string,
-    import_react_desc.PropTypes.arrayOf(import_react_desc.PropTypes.string),
-    import_react_desc.PropTypes.func
-  ]).description("Column / Combination of columns / Function to call to produce a unique identifier for each row. This is necessary for the selectable and drag and drop features"),
-  disabledRows: import_react_desc.PropTypes.object.description("Object with the identifiers of the rows as keys, and booleans as values. Specifies if a row is disabled or not"),
-  expandedRows: import_react_desc.PropTypes.object.description("Object with the identifiers of the rows as keys, and booleans as values. Specifies if a row is expanded or not"),
-  onRowExpand: import_react_desc.PropTypes.func.description("Function invoked when a row is (un)expanded"),
-  cellRendererProps: import_react_desc.PropTypes.object.description("Object with all the props you want the cells to have available when rendering"),
-  selectSingle: import_react_desc.PropTypes.bool.description("Whether the selectable feature is single").defaultValue(false),
-  selection: import_react_desc.PropTypes.object.description("Object with the identifiers of the rows as keys, and booleans as values. Specifies if a row is selected or not"),
-  onSelectionChange: import_react_desc.PropTypes.func.description("Function invoked when a row is selected"),
-  groupedRowsRenderHeader: import_react_desc.PropTypes.oneOfType([import_react_desc.PropTypes.string, import_react_desc.PropTypes.func]).description("String | Function to call which will display in the row headers"),
-  isResizeable: import_react_desc.PropTypes.bool.description("Whether the datatable's columns are resizeable"),
-  filters: import_react_desc.PropTypes.arrayOf(import_react_desc.PropTypes.shape({
-    id: import_react_desc.PropTypes.string,
-    type: import_react_desc.PropTypes.string,
-    value: import_react_desc.PropTypes.any
-  })).description("Array of filter keys and values"),
-  withFilterBar: import_react_desc.PropTypes.bool.description("Whether to display the filter bar"),
-  filterBarProps: import_react_desc.PropTypes.shape({
-    customPillRenderer: import_react_desc.PropTypes.oneOfType([import_react_desc.PropTypes.func, import_react_desc.PropTypes.element]).description("If you specify custom filters, you will need to render their pills here"),
-    extraOptions: import_react_desc.PropTypes.arrayOf(import_react_desc.PropTypes.shape({
-      type: import_react_desc.PropTypes.string,
-      id: import_react_desc.PropTypes.string,
-      label: import_react_desc.PropTypes.string,
-      onClick: import_react_desc.PropTypes.func
-    })).description("Any extra option you want in the dropdownmenu of the filter bar")
-  }).description("Props for the filter bar"),
-  onFiltersChange: import_react_desc.PropTypes.func.description("Function invoked when filters change"),
-  pagination: import_react_desc.PropTypes.shape({
-    pageCount: import_react_desc.PropTypes.number.description("How many pages are there"),
-    pageIndex: import_react_desc.PropTypes.number.description("Index of the current page, starting from 1").defaultValue(1),
-    canPreviousPage: import_react_desc.PropTypes.bool.description("Whether the previous button is disabled or not").defaultValue(true),
-    canNextPage: import_react_desc.PropTypes.bool.description("Whether the next button is disabled or not").defaultValue(true),
-    pageSize: import_react_desc.PropTypes.number.description("The current page size").defaultValue(10),
-    showPerPageSelector: import_react_desc.PropTypes.bool.description("Whether to show the page selector").defaultValue(true),
-    perPageOptions: import_react_desc.PropTypes.arrayOf(import_react_desc.PropTypes.oneOfType([
-      import_react_desc.PropTypes.number,
-      import_react_desc.PropTypes.shape({
-        dsId: import_react_desc.PropTypes.string,
-        value: import_react_desc.PropTypes.number,
-        label: import_react_desc.PropTypes.string,
-        type: import_react_desc.PropTypes.oneOf(["single"])
-      })
-    ])).description("The available options for page size").defaultValue([10]),
-    perPageStep: import_react_desc.PropTypes.number.description("Step for the per page options").defaultValue(5),
-    minPerPage: import_react_desc.PropTypes.number.description("Step for the per page options").defaultValue(0),
-    maxPerPage: import_react_desc.PropTypes.number.description("Step for the per page options").defaultValue(100),
-    onPageSizeChange: import_react_desc.PropTypes.func.description("Function invoked when the page size changes").defaultValue(() => null),
-    onPreviousPage: import_react_desc.PropTypes.func.description("Function invoked when the previous button is pressed").defaultValue(() => null),
-    onPageChange: import_react_desc.PropTypes.func.description("Function invoked when the page changes").defaultValue(() => null),
-    onNextPage: import_react_desc.PropTypes.func.description("Function invoked when next button is pressed").defaultValue(() => null),
-    pageDetails: import_react_desc.PropTypes.arrayOf(import_react_desc.PropTypes.string).description("Details to provide for each page").defaultValue([]),
-    pageDetailsTitle: import_react_desc.PropTypes.string.description("The title of the details (usually a column of your dataset)").defaultValue("")
-  }).description("Object containing the data for the pagination"),
-  colsLayoutStyle: import_react_desc.PropTypes.oneOf(["auto", "fixed"]).description("Whether the datatable fills its container or not"),
-  hiddenColumns: import_react_desc.PropTypes.arrayOf(import_react_desc.PropTypes.string).description("IDs of columns not to render"),
-  dragAndDropRows: import_react_desc.PropTypes.bool.description("Whether to turn on the d&d feature for the rows").defaultValue(false),
-  onRowsReorder: import_react_desc.PropTypes.func.description("Function invoked when a row is reordered"),
-  maxDragAndDropLevel: import_react_desc.PropTypes.number.description("Which level is the maximum allowed to drop into"),
-  dragAndDropColumns: import_react_desc.PropTypes.bool.description("Whether to turn on the d&d feature for the columns"),
-  onColumnsReorder: import_react_desc.PropTypes.func.description("Function invoked when a column is reordered"),
-  textWrap: textWrappingType.description("Global wrapping rule"),
-  noResultsMessage: import_react_desc.PropTypes.string.description("Message to show when no more data is available"),
-  noResultsSecondaryMessage: import_react_desc.PropTypes.string.description("Secondary message to show when no more data is available"),
-  noResultsButtonLabel: import_react_desc.PropTypes.string.description("Label of the button when no more data is available"),
-  noResultsPlaceholder: import_react_desc.PropTypes.oneOfType([import_react_desc.PropTypes.func, import_react_desc.PropTypes.element]).description("Custom content to show when dataset is empty"),
-  isLoading: import_react_desc.PropTypes.bool.description("Whether to show a global loader in the datatable"),
-  isLoadingAppended: import_react_desc.PropTypes.bool.description("Whether to show an appended loader in the datatable"),
-  onColumnResize: import_react_desc.PropTypes.func.description("Function invoked when a column is resized"),
-  isNoMoreDataAppended: import_react_desc.PropTypes.bool.description("Whether to show an appended message in the datatable for no more data"),
-  noMoreDataMessage: import_react_desc.PropTypes.string.description("The message to show when no more data is available"),
-  onRowClick: import_react_desc.PropTypes.func.description("Function invoked when clicking a row"),
-  onRowFocus: import_react_desc.PropTypes.func.description("Function invoked when focusing a row"),
-  onCellValueChange: import_react_desc.PropTypes.func.description("Function invoked when an editable cell's content is changed"),
-  onColumnSortChange: import_react_desc.PropTypes.func.description("Function invoked when a column is sorted"),
-  actionRef: import_react_desc.PropTypes.object.description("Reference where all the exposed action callbacks will be exposed")
+  columns: reactDesc.PropTypes.arrayOf(columnsPropTypes).description('Array of columns').isRequired,
+  data: reactDesc.PropTypes.arrayOf(rowsPropTypes).description('Array of rows'),
+  height: reactDesc.PropTypes.number.description('Height of the datatable component'),
+  width: reactDesc.PropTypes.oneOfType([reactDesc.PropTypes.string, reactDesc.PropTypes.number]).description('Width of the datatable component'),
+  renderRowActions: reactDesc.PropTypes.oneOfType([reactDesc.PropTypes.object, reactDesc.PropTypes.bool]).description('The renderer to use for the action toolbar'),
+  isExpandable: reactDesc.PropTypes.bool.description('Whether the datatable is expandable').defaultValue(false),
+  uniqueRowAccessor: reactDesc.PropTypes.oneOfType([reactDesc.PropTypes.string, reactDesc.PropTypes.arrayOf(reactDesc.PropTypes.string), reactDesc.PropTypes.func]).description('Column / Combination of columns / Function to call to produce a unique identifier for each row.' + ' This is necessary for the selectable and drag and drop features'),
+  disabledRows: reactDesc.PropTypes.object.description('Object with the identifiers of the rows as keys, and booleans as values. Specifies if a row is disabled or not'),
+  expandedRows: reactDesc.PropTypes.object.description('Object with the identifiers of the rows as keys, and booleans as values. Specifies if a row is expanded or not'),
+  onRowExpand: reactDesc.PropTypes.func.description('Function invoked when a row is (un)expanded'),
+  cellRendererProps: reactDesc.PropTypes.object.description('Object with all the props you want the cells to have available when rendering'),
+  selectSingle: reactDesc.PropTypes.bool.description('Whether the selectable feature is single').defaultValue(false),
+  selection: reactDesc.PropTypes.object.description('Object with the identifiers of the rows as keys, and booleans as values. Specifies if a row is selected or not'),
+  onSelectionChange: reactDesc.PropTypes.func.description('Function invoked when a row is selected'),
+  groupedRowsRenderHeader: reactDesc.PropTypes.oneOfType([reactDesc.PropTypes.string, reactDesc.PropTypes.func]).description('String | Function to call which will display in the row headers'),
+  isResizeable: reactDesc.PropTypes.bool.description("Whether the datatable's columns are resizeable"),
+  filters: reactDesc.PropTypes.arrayOf(reactDesc.PropTypes.shape({
+    id: reactDesc.PropTypes.string,
+    type: reactDesc.PropTypes.string,
+    value: reactDesc.PropTypes.any
+  })).description('Array of filter keys and values'),
+  withFilterBar: reactDesc.PropTypes.bool.description('Whether to display the filter bar'),
+  filterBarProps: reactDesc.PropTypes.shape({
+    customPillRenderer: reactDesc.PropTypes.oneOfType([reactDesc.PropTypes.func, reactDesc.PropTypes.element]).description('If you specify custom filters, you will need to render their pills here'),
+    extraOptions: reactDesc.PropTypes.arrayOf(reactDesc.PropTypes.shape({
+      type: reactDesc.PropTypes.string,
+      id: reactDesc.PropTypes.string,
+      label: reactDesc.PropTypes.string,
+      onClick: reactDesc.PropTypes.func
+    })).description('Any extra option you want in the dropdownmenu of the filter bar')
+  }).description('Props for the filter bar'),
+  onFiltersChange: reactDesc.PropTypes.func.description('Function invoked when filters change'),
+  pagination: reactDesc.PropTypes.shape({
+    pageCount: reactDesc.PropTypes.number.description('How many pages are there'),
+    pageIndex: reactDesc.PropTypes.number.description('Index of the current page, starting from 1').defaultValue(1),
+    canPreviousPage: reactDesc.PropTypes.bool.description('Whether the previous button is disabled or not').defaultValue(true),
+    canNextPage: reactDesc.PropTypes.bool.description('Whether the next button is disabled or not').defaultValue(true),
+    pageSize: reactDesc.PropTypes.number.description('The current page size').defaultValue(10),
+    showPerPageSelector: reactDesc.PropTypes.bool.description('Whether to show the page selector').defaultValue(true),
+    perPageOptions: reactDesc.PropTypes.arrayOf(reactDesc.PropTypes.oneOfType([reactDesc.PropTypes.number, reactDesc.PropTypes.shape({
+      dsId: reactDesc.PropTypes.string,
+      value: reactDesc.PropTypes.number,
+      label: reactDesc.PropTypes.string,
+      type: reactDesc.PropTypes.oneOf(['single'])
+    })])).description('The available options for page size').defaultValue([10]),
+    perPageStep: reactDesc.PropTypes.number.description('Step for the per page options').defaultValue(5),
+    minPerPage: reactDesc.PropTypes.number.description('Step for the per page options').defaultValue(0),
+    maxPerPage: reactDesc.PropTypes.number.description('Step for the per page options').defaultValue(100),
+    onPageSizeChange: reactDesc.PropTypes.func.description('Function invoked when the page size changes').defaultValue(() => null),
+    onPreviousPage: reactDesc.PropTypes.func.description('Function invoked when the previous button is pressed').defaultValue(() => null),
+    onPageChange: reactDesc.PropTypes.func.description('Function invoked when the page changes').defaultValue(() => null),
+    onNextPage: reactDesc.PropTypes.func.description('Function invoked when next button is pressed').defaultValue(() => null),
+    pageDetails: reactDesc.PropTypes.arrayOf(reactDesc.PropTypes.string).description('Details to provide for each page').defaultValue([]),
+    pageDetailsTitle: reactDesc.PropTypes.string.description('The title of the details (usually a column of your dataset)').defaultValue('')
+  }).description('Object containing the data for the pagination'),
+  colsLayoutStyle: reactDesc.PropTypes.oneOf(['auto', 'fixed']).description('Whether the datatable fills its container or not'),
+  hiddenColumns: reactDesc.PropTypes.arrayOf(reactDesc.PropTypes.string).description('IDs of columns not to render'),
+  dragAndDropRows: reactDesc.PropTypes.bool.description('Whether to turn on the d&d feature for the rows').defaultValue(false),
+  onRowsReorder: reactDesc.PropTypes.func.description('Function invoked when a row is reordered'),
+  maxDragAndDropLevel: reactDesc.PropTypes.number.description('Which level is the maximum allowed to drop into'),
+  dragAndDropColumns: reactDesc.PropTypes.bool.description('Whether to turn on the d&d feature for the columns'),
+  onColumnsReorder: reactDesc.PropTypes.func.description('Function invoked when a column is reordered'),
+  textWrap: textWrappingType.description('Global wrapping rule'),
+  noResultsMessage: reactDesc.PropTypes.string.description('Message to show when no more data is available'),
+  noResultsSecondaryMessage: reactDesc.PropTypes.string.description('Secondary message to show when no more data is available'),
+  noResultsButtonLabel: reactDesc.PropTypes.string.description('Label of the button when no more data is available'),
+  noResultsPlaceholder: reactDesc.PropTypes.oneOfType([reactDesc.PropTypes.func, reactDesc.PropTypes.element]).description('Custom content to show when dataset is empty'),
+  isLoading: reactDesc.PropTypes.bool.description('Whether to show a global loader in the datatable'),
+  isLoadingAppended: reactDesc.PropTypes.bool.description('Whether to show an appended loader in the datatable'),
+  // eslint-disable-next-line max-lines
+  onColumnResize: reactDesc.PropTypes.func.description('Function invoked when a column is resized'),
+  isNoMoreDataAppended: reactDesc.PropTypes.bool.description('Whether to show an appended message in the datatable for no more data'),
+  noMoreDataMessage: reactDesc.PropTypes.string.description('The message to show when no more data is available'),
+  onRowClick: reactDesc.PropTypes.func.description('Function invoked when clicking a row'),
+  onRowFocus: reactDesc.PropTypes.func.description('Function invoked when focusing a row'),
+  onCellValueChange: reactDesc.PropTypes.func.description("Function invoked when an editable cell's content is changed"),
+  onColumnSortChange: reactDesc.PropTypes.func.description('Function invoked when a column is sorted'),
+  actionRef: reactDesc.PropTypes.object.description('Reference where all the exposed action callbacks will be exposed')
 };
-module.exports = __toCommonJS(DataTableSchema_exports);
-//# sourceMappingURL=DataTableSchema.js.map
+
+exports.DataTableSchema = DataTableSchema;

package/cjs/addons/Columns/ColumnAction/ColumnAction.js

@@ -1,47 +1,21 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __reExport = (target, module2, copyDefault, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
-  }
-  return target;
-};
-var __toESM = (module2, isNodeMode) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-var __toCommonJS = /* @__PURE__ */ ((cache) => {
-  return (module2, temp) => {
-    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
-  };
-})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
-var ColumnAction_exports = {};
-__export(ColumnAction_exports, {
-  actionColumn: () => actionColumn
-});
-var React = __toESM(require("react"));
-var import_react = require("react");
-const actionColumn = (renderRowActions) => ({
-  Header: " ",
-  id: "rowActions",
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+
+const actionColumn = renderRowActions => ({
+  Header: ' ',
+  id: 'rowActions',
   width: renderRowActions.columnWidth,
   style: {
-    overflow: "visible"
+    overflow: 'visible'
   },
-  Cell: (0, import_react.memo)((props) => renderRowActions.renderer(props)),
+  // memo typing is broken?
+  Cell: /*#__PURE__*/React.memo(props => renderRowActions.renderer(props)),
   canResize: false,
   disableDnD: true,
   isFocuseable: false
 });
-module.exports = __toCommonJS(ColumnAction_exports);
-//# sourceMappingURL=ColumnAction.js.map
+
+exports.actionColumn = actionColumn;