@elliemae/ds-data-table 2.3.0-next.0 → 3.0.0-alpha.0

package/dist/cjs/tests/utils/index.js

@@ -0,0 +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 utils_exports = {};
+__export(utils_exports, {
+  genColumns: () => genColumns,
+  genExpandableRows: () => genExpandableRows,
+  genGroupedRows: () => genGroupedRows,
+  genMasterDetailRows: () => genMasterDetailRows,
+  genRows: () => genRows
+});
+var React = __toESM(require("react"));
+var import_uid = require("uid");
+const genColumns = (canSort = false) => [
+  {
+    Header: "id",
+    accessor: "id",
+    canSort
+  },
+  {
+    Header: "Name",
+    accessor: "name",
+    canSort
+  },
+  {
+    Header: "Position",
+    accessor: "position",
+    canSort
+  },
+  {
+    Header: "Country",
+    accessor: "country",
+    canSort
+  },
+  {
+    Header: "Salary",
+    accessor: "salary"
+  },
+  {
+    Header: "Single date",
+    accessor: "singleDate"
+  },
+  {
+    Header: "Date range",
+    accessor: "dateRange"
+  }
+];
+const generateRecord = (id) => ({
+  id: id + 1,
+  name: (id + 1) % 2 ? `John` : "Francisco",
+  position: (id + 1) % 2 ? `Developer` : `Designer`,
+  country: (id + 1) % 2 ? "US" : "ARG",
+  salary: (id + 1) % 2 ? `12321232 $` : `12321232 pesos`,
+  singleDate: `${id % 12 + 1}/${id % 27 + 1}/2020`,
+  dateRange: `${id % 12 + 1}/${id % 27 + 1}/2019`,
+  uid: (0, import_uid.uid)(16)
+});
+const generateRecordWithOneChild = (id, level = 0) => {
+  const record = {
+    id: id + 1,
+    name: (id + 1) % 2 ? `John` : "Francisco",
+    position: (id + 1) % 2 ? `Developer` : `Designer`,
+    country: (id + 1) % 2 ? "US" : "ARG",
+    salary: (id + 1) % 2 ? `12321232 $` : `12321232 pesos`,
+    singleDate: `${id % 12 + 1}/${id % 27 + 1}/2020`,
+    dateRange: `${id % 12 + 1}/${id % 27 + 1}/2019`,
+    myUniqueRowAccessor: (0, import_uid.uid)(16)
+  };
+  if (level === 0)
+    record.subRows = [generateRecordWithOneChild(0, level + 1)];
+  return record;
+};
+const generateMasterDetailRecord = (id) => ({
+  id: id + 1,
+  name: (id + 1) % 2 ? `John` : "Francisco",
+  position: (id + 1) % 2 ? `Developer` : `Designer`,
+  country: (id + 1) % 2 ? "US" : "ARG",
+  salary: (id + 1) % 2 ? `12321232 $` : `12321232 pesos`,
+  singleDate: `${id % 12 + 1}/${id % 27 + 1}/2020`,
+  dateRange: `${id % 12 + 1}/${id % 27 + 1}/2019`,
+  myUniqueRowAccessor: (0, import_uid.uid)(16),
+  tableRowDetails: () => "Custom JSX"
+});
+const generateGroupedRecord = (id) => ({
+  dimsumHeaderValue: id,
+  row_variant_type: "ds_header_group_row",
+  subRows: [generateRecord(0)],
+  uid: (0, import_uid.uid)(16)
+});
+const genRows = (n) => new Array(n).fill({}).map((_, id) => generateRecord(id));
+const genExpandableRows = (n) => new Array(n).fill({}).map((_, id) => generateRecordWithOneChild(id));
+const genMasterDetailRows = (n) => new Array(n).fill({}).map((_, id) => generateMasterDetailRecord(id));
+const genGroupedRows = (n) => new Array(n).fill({}).map((_, id) => generateGroupedRecord(id));
+module.exports = __toCommonJS(utils_exports);
+//# sourceMappingURL=index.js.map

package/dist/cjs/tests/utils/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/tests/utils/index.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import { uid } from 'uid';\n\nexport const genColumns = (canSort = false) => [\n  {\n    Header: 'id',\n    accessor: 'id',\n    canSort,\n  },\n  {\n    Header: 'Name',\n    accessor: 'name',\n    canSort,\n  },\n  {\n    Header: 'Position',\n    accessor: 'position',\n    canSort,\n  },\n  {\n    Header: 'Country',\n    accessor: 'country',\n    canSort,\n  },\n  {\n    Header: 'Salary',\n    accessor: 'salary',\n  },\n  {\n    Header: 'Single date',\n    accessor: 'singleDate',\n  },\n  {\n    Header: 'Date range',\n    accessor: 'dateRange',\n  },\n];\n\nconst generateRecord = (id: number) => ({\n  id: id + 1,\n  name: (id + 1) % 2 ? `John` : 'Francisco',\n  position: (id + 1) % 2 ? `Developer` : `Designer`,\n  country: (id + 1) % 2 ? 'US' : 'ARG',\n  salary: (id + 1) % 2 ? `12321232 $` : `12321232 pesos`,\n  singleDate: `${(id % 12) + 1}/${(id % 27) + 1}/2020`,\n  dateRange: `${(id % 12) + 1}/${(id % 27) + 1}/2019`,\n  uid: uid(16),\n});\n\nconst generateRecordWithOneChild = (id: number, level = 0) => {\n  const record: Record<string, any> = {\n    id: id + 1,\n    name: (id + 1) % 2 ? `John` : 'Francisco',\n    position: (id + 1) % 2 ? `Developer` : `Designer`,\n    country: (id + 1) % 2 ? 'US' : 'ARG',\n    salary: (id + 1) % 2 ? `12321232 $` : `12321232 pesos`,\n    singleDate: `${(id % 12) + 1}/${(id % 27) + 1}/2020`,\n    dateRange: `${(id % 12) + 1}/${(id % 27) + 1}/2019`,\n    myUniqueRowAccessor: uid(16),\n  };\n  if (level === 0) record.subRows = [generateRecordWithOneChild(0, level + 1)];\n  return record;\n};\n\nconst generateMasterDetailRecord = (id) => ({\n  id: id + 1,\n  name: (id + 1) % 2 ? `John` : 'Francisco',\n  position: (id + 1) % 2 ? `Developer` : `Designer`,\n  country: (id + 1) % 2 ? 'US' : 'ARG',\n  salary: (id + 1) % 2 ? `12321232 $` : `12321232 pesos`,\n  singleDate: `${(id % 12) + 1}/${(id % 27) + 1}/2020`,\n  dateRange: `${(id % 12) + 1}/${(id % 27) + 1}/2019`,\n  myUniqueRowAccessor: uid(16),\n  tableRowDetails: () => 'Custom JSX',\n});\n\nconst generateGroupedRecord = (id) => ({\n  dimsumHeaderValue: id,\n  row_variant_type: 'ds_header_group_row',\n  subRows: [generateRecord(0)],\n  uid: uid(16),\n});\n\nexport const genRows = (n: number) => new Array(n).fill({}).map((_, id) => generateRecord(id));\nexport const genExpandableRows = (n: number) => new Array(n).fill({}).map((_, id) => generateRecordWithOneChild(id));\nexport const genMasterDetailRows = (n: number) => new Array(n).fill({}).map((_, id) => generateMasterDetailRecord(id));\nexport const genGroupedRows = (n: number) => new Array(n).fill({}).map((_, id) => generateGroupedRecord(id));\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,iBAAoB;AAEb,MAAM,aAAa,CAAC,UAAU,UAAU;AAAA,EAC7C;AAAA,IACE,QAAQ;AAAA,IACR,UAAU;AAAA,IACV;AAAA;AAAA,EAEF;AAAA,IACE,QAAQ;AAAA,IACR,UAAU;AAAA,IACV;AAAA;AAAA,EAEF;AAAA,IACE,QAAQ;AAAA,IACR,UAAU;AAAA,IACV;AAAA;AAAA,EAEF;AAAA,IACE,QAAQ;AAAA,IACR,UAAU;AAAA,IACV;AAAA;AAAA,EAEF;AAAA,IACE,QAAQ;AAAA,IACR,UAAU;AAAA;AAAA,EAEZ;AAAA,IACE,QAAQ;AAAA,IACR,UAAU;AAAA;AAAA,EAEZ;AAAA,IACE,QAAQ;AAAA,IACR,UAAU;AAAA;AAAA;AAId,MAAM,iBAAiB,CAAC,OAAgB;AAAA,EACtC,IAAI,KAAK;AAAA,EACT,MAAO,MAAK,KAAK,IAAI,SAAS;AAAA,EAC9B,UAAW,MAAK,KAAK,IAAI,cAAc;AAAA,EACvC,SAAU,MAAK,KAAK,IAAI,OAAO;AAAA,EAC/B,QAAS,MAAK,KAAK,IAAI,eAAe;AAAA,EACtC,YAAY,GAAI,KAAK,KAAM,KAAM,KAAK,KAAM;AAAA,EAC5C,WAAW,GAAI,KAAK,KAAM,KAAM,KAAK,KAAM;AAAA,EAC3C,KAAK,oBAAI;AAAA;AAGX,MAAM,6BAA6B,CAAC,IAAY,QAAQ,MAAM;AAC5D,QAAM,SAA8B;AAAA,IAClC,IAAI,KAAK;AAAA,IACT,MAAO,MAAK,KAAK,IAAI,SAAS;AAAA,IAC9B,UAAW,MAAK,KAAK,IAAI,cAAc;AAAA,IACvC,SAAU,MAAK,KAAK,IAAI,OAAO;AAAA,IAC/B,QAAS,MAAK,KAAK,IAAI,eAAe;AAAA,IACtC,YAAY,GAAI,KAAK,KAAM,KAAM,KAAK,KAAM;AAAA,IAC5C,WAAW,GAAI,KAAK,KAAM,KAAM,KAAK,KAAM;AAAA,IAC3C,qBAAqB,oBAAI;AAAA;AAE3B,MAAI,UAAU;AAAG,WAAO,UAAU,CAAC,2BAA2B,GAAG,QAAQ;AACzE,SAAO;AAAA;AAGT,MAAM,6BAA6B,CAAC,OAAQ;AAAA,EAC1C,IAAI,KAAK;AAAA,EACT,MAAO,MAAK,KAAK,IAAI,SAAS;AAAA,EAC9B,UAAW,MAAK,KAAK,IAAI,cAAc;AAAA,EACvC,SAAU,MAAK,KAAK,IAAI,OAAO;AAAA,EAC/B,QAAS,MAAK,KAAK,IAAI,eAAe;AAAA,EACtC,YAAY,GAAI,KAAK,KAAM,KAAM,KAAK,KAAM;AAAA,EAC5C,WAAW,GAAI,KAAK,KAAM,KAAM,KAAK,KAAM;AAAA,EAC3C,qBAAqB,oBAAI;AAAA,EACzB,iBAAiB,MAAM;AAAA;AAGzB,MAAM,wBAAwB,CAAC,OAAQ;AAAA,EACrC,mBAAmB;AAAA,EACnB,kBAAkB;AAAA,EAClB,SAAS,CAAC,eAAe;AAAA,EACzB,KAAK,oBAAI;AAAA;AAGJ,MAAM,UAAU,CAAC,MAAc,IAAI,MAAM,GAAG,KAAK,IAAI,IAAI,CAAC,GAAG,OAAO,eAAe;AACnF,MAAM,oBAAoB,CAAC,MAAc,IAAI,MAAM,GAAG,KAAK,IAAI,IAAI,CAAC,GAAG,OAAO,2BAA2B;AACzG,MAAM,sBAAsB,CAAC,MAAc,IAAI,MAAM,GAAG,KAAK,IAAI,IAAI,CAAC,GAAG,OAAO,2BAA2B;AAC3G,MAAM,iBAAiB,CAAC,MAAc,IAAI,MAAM,GAAG,KAAK,IAAI,IAAI,CAAC,GAAG,OAAO,sBAAsB;",
+  "names": []
+}

package/dist/cjs/types/FunctionalHoC.js

@@ -0,0 +1,27 @@
+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 __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 FunctionalHoC_exports = {};
+var React = __toESM(require("react"));
+module.exports = __toCommonJS(FunctionalHoC_exports);
+//# sourceMappingURL=FunctionalHoC.js.map

package/dist/cjs/types/FunctionalHoC.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/types/FunctionalHoC.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import React from 'react';\n\nexport type FunctionalHOC = <T = any>(Component: React.ComponentType<T>, ...other: any[]) => (props: T) => JSX.Element;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;AAAA;ACAA,YAAuB;",
+  "names": []
+}

package/dist/cjs/types/props.js

@@ -0,0 +1,27 @@
+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 __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 props_exports = {};
+var React = __toESM(require("react"));
+module.exports = __toCommonJS(props_exports);
+//# sourceMappingURL=props.js.map

package/dist/cjs/types/props.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/types/props.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["/* eslint-disable max-lines */\nimport React, { MutableRefObject } from 'react';\nimport { useVirtual } from 'react-virtual/types';\nimport { ColsLayoutStyle } from '../configs/constants';\n\nexport type TypescriptGenericFunc = (...args: unknown[]) => unknown;\ninterface FilterOptionT {\n  dsId: string;\n  type: string;\n  value: string;\n  label: string;\n}\n\nexport type TypescriptColumn = {\n  id?: string;\n  Header: string | React.ComponentType<any>;\n  accessor?: string;\n  filter?: string;\n  filterOptions?: FilterOptionT[] | (() => FilterOptionT[]);\n  Filter?: React.ComponentType<FilterProps>;\n  Cell?: React.ComponentType<any>;\n  editable?: string | TypescriptGenericFunc;\n  disableDnD?: boolean;\n  width?: number;\n  minWidth?: number;\n  maxWidth?: number;\n  padding?: number;\n  columns?: TypescriptColumn[];\n  canSort?: boolean;\n  isSortedDesc?: boolean;\n  canResize?: boolean;\n  isFocuseable?: boolean;\n  textWrap?: 'wrap' | 'wrap-all' | 'truncate';\n  ref?: React.MutableRefObject<HTMLTableColElement>;\n  required?: boolean;\n  alwaysDisplayEditIcon?: boolean;\n};\n\nexport type TypescriptRow = {\n  [key: string]: any;\n  subRows: TypescriptRow[];\n  tableRowDetails: React.ComponentType<any>;\n  dimsumHeaderValue: string;\n};\n\nexport type RowVariant = 'ds-header-group-row' | 'ds-primary-row' | 'ds-secondary-row';\n\nexport type TypescriptRenderRowActionsConfig = {\n  columnWidth: number;\n  renderer: (...args: any[]) => JSX.Element;\n};\n\nexport type TypescriptRenderRowActions = false | TypescriptRenderRowActionsConfig;\n\nexport type TypescriptAppliedFilter = {\n  id: string;\n  type: string;\n  value: any;\n};\n\nexport type TypescriptPagination = {\n  page?: any[];\n  pageIndex?: number;\n  canPreviousPage?: boolean;\n  canNextPage?: boolean;\n  pageSize?: number;\n  showPerPageSelector?: boolean;\n  perPageOptions?: number[];\n  perPageStep?: number;\n  minPerPage?: number;\n  maxPerPage?: number;\n  onPageSizeChange?: (pageSize: number) => void;\n  onPreviousPage?: () => void;\n  onNextPage?: () => void;\n  onPageChange?: (page: number) => void;\n  pageCount?: number;\n  pageDetails?: string[];\n  pageDetailsTitle?: string;\n};\n\nexport type TypescriptSortBy = {\n  id: string;\n  desc: boolean;\n};\n\nexport type TypescriptSelectionItem = true | 'mixed' | false;\n\nexport type TypescriptSelection = Record<string | number, TypescriptSelectionItem>;\n\nexport type uniqueRowAccessorType = string | string[] | ((row: TypescriptRow) => string);\n\nexport type TypescriptProps = {\n  columns: TypescriptColumn[];\n  data: TypescriptRow[];\n  height?: string;\n  width?: string;\n  renderRowActions?: TypescriptRenderRowActions;\n  getRowVariant?: (\n    row: TypescriptRow,\n    defaultCellsRenderer: React.ComponentType<any>,\n  ) => RowVariant | React.ComponentType<any>;\n  isExpandable?: boolean;\n  uniqueRowAccessor?: uniqueRowAccessorType;\n  disabledRows?: Record<string, boolean>;\n  expandedRows?: Record<string, boolean>;\n  cellRendererProps?: Record<string, any>;\n  noSelectionColumn?: boolean;\n  selectSingle?: boolean;\n  selection?: TypescriptSelection;\n  groupedRowsRenderHeader?: TypescriptGenericFunc | string;\n  isResizeable?: boolean;\n  withFilterBar?: boolean;\n  filters?: { id: string; type: string; value: any }[];\n  filterBarProps?: {\n    customPillRenderer?: React.ComponentType<any>;\n    extraOptions?: { type: string; id: string; label: string; onClick?: TypescriptGenericFunc }[];\n  };\n  actionRef: React.RefObject<any>;\n  pagination?: false | TypescriptPagination;\n  colsLayoutStyle: ColsLayoutStyle;\n  hiddenColumns: string[];\n  dragAndDropRows?: boolean;\n  maxDragAndDropLevel?: number;\n  textWrap?: 'wrap' | 'wrap-all' | 'truncate';\n  customSortLogic?: boolean;\n  noResultsMessage?: string;\n  noResultsSecondaryMessage?: string;\n  noResultsButtonLabel?: string;\n  isLoading?: boolean;\n  isLoadingAppended?: boolean;\n  dragAndDropColumns?: boolean;\n  onColumnsReorder?: (newData: any[], indexes: { targetIndex: number; fromIndex: number }) => void;\n  onColumnResize?: (headerId: string, width: number) => void;\n  isNoMoreDataAppended?: boolean;\n  noMoreDataMessage?: string;\n  noResultsPlaceholder?: TypescriptGenericFunc;\n  onRowExpand?: (expandedRows: Record<string, boolean>, toggledRow: string) => void;\n  onRowsReorder?: (\n    newData: any[],\n    indexes: { targetIndex: number; fromIndex: number },\n    considerExpanding: string,\n  ) => void;\n  onRowClick?: TypescriptGenericFunc;\n  onRowFocus?: TypescriptGenericFunc;\n  onCellValueChange: (cellChange: { value: any; property: any; rowIndex: number }) => void;\n  onSelectionChange?: (newSelection: TypescriptSelection) => void;\n  onFiltersChange?: TypescriptGenericFunc;\n  onFilteredDataChange?: TypescriptGenericFunc;\n  onPageChanged?: TypescriptGenericFunc;\n  onNoResultsButtonClick?: TypescriptGenericFunc;\n  onColumnSortChange: (newSortRequest: { column: any; direction: any }) => void;\n};\n\nexport interface FilterProps {\n  column: TypescriptColumn;\n  ctx: TypescriptContext;\n  onFiltersChange?: (filters: { id: string; type: string; value: any }[]) => void;\n  onValueChange: (type: string, value: any) => void;\n  patchHeaderFilterButtonAndMenu: (headerId: string, newState: any) => void;\n  patchHeader: (headerId: string, newHeader: any) => void;\n  filterValue?: any;\n  reduxHeader?: any;\n  innerRef: MutableRefObject<HTMLDivElement>;\n}\n\nexport type TypescriptContext = {\n  tableProps: Partial<TypescriptProps>;\n  virtualListRef: React.RefObject<HTMLDivElement>;\n  columnHeaderRef: React.RefObject<HTMLDivElement>;\n  flattenedData: TypescriptRow[];\n  allDataFlattened: TypescriptRow[];\n  visibleColumns: TypescriptColumn[];\n  virtualListHelpers?: ReturnType<typeof useVirtual>;\n  layoutHelpers: {\n    totalColumnsWidth?: number | string;\n    gridLayout?: string[];\n    setGridLayout?: React.Dispatch<React.SetStateAction<string[]>>;\n  };\n  paginationHelpers: TypescriptPagination;\n};\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;AAAA;ACAA,YAAuB;",
+  "names": []
+}

package/dist/esm/DataTable.js

@@ -0,0 +1,38 @@
+import * as React from "react";
+import React2, { useRef, useMemo } from "react";
+import { Provider } from "react-redux";
+import { configureStore } from "@reduxjs/toolkit";
+import { describe } from "@elliemae/ds-props-helpers";
+import { TableContent } from "./parts/TableContent";
+import { storeConfig } from "./redux/storeConfig";
+import { DataTableContext, defaultProps } from "./DataTableContext";
+import { DATA_TESTID } from "./configs/constants";
+import { useDatatableConfig } from "./configs/useDatatableConfig";
+import { FiltersBar } from "./parts/FilterBar/FiltersBar";
+import { DataTableSchema } from "./DataTableSchema";
+const DataTable = (props) => {
+  const { withFilterBar } = props;
+  const reduxStore = useMemo(() => configureStore(storeConfig), []);
+  const tableWrapperRef = useRef();
+  const tableContentWrapperRef = useRef();
+  const ctx = useDatatableConfig(props);
+  return /* @__PURE__ */ React2.createElement(Provider, {
+    store: reduxStore
+  }, /* @__PURE__ */ React2.createElement(DataTableContext.Provider, {
+    value: ctx
+  }, /* @__PURE__ */ React2.createElement("div", {
+    ref: tableWrapperRef,
+    "data-testid": DATA_TESTID.DATA_TABLE_WRAPPER
+  }, withFilterBar ? /* @__PURE__ */ React2.createElement(FiltersBar, null) : null, /* @__PURE__ */ React2.createElement(TableContent, {
+    ref: tableContentWrapperRef
+  }))));
+};
+DataTable.propTypes = DataTableSchema;
+DataTable.defaultProps = { ...defaultProps };
+const DataTableWithSchema = describe(DataTable).description("Data Table");
+DataTableWithSchema.propTypes = DataTableSchema;
+export {
+  DataTable,
+  DataTableWithSchema
+};
+//# sourceMappingURL=DataTable.js.map

package/dist/esm/DataTable.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/DataTable.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React, { useRef, useMemo } from 'react';\nimport { Provider } from 'react-redux';\nimport { configureStore } from '@reduxjs/toolkit';\nimport { describe } from '@elliemae/ds-props-helpers';\n\nimport { TableContent } from './parts/TableContent';\n\nimport { TypescriptProps } from './types/props';\nimport { storeConfig } from './redux/storeConfig';\n\nimport { DataTableContext, defaultProps } from './DataTableContext';\nimport { DATA_TESTID } from './configs/constants';\nimport { useDatatableConfig } from './configs/useDatatableConfig';\nimport { FiltersBar } from './parts/FilterBar/FiltersBar';\nimport { DataTableSchema } from './DataTableSchema';\n\nexport const DataTable = (props: TypescriptProps): JSX.Element => {\n  const { withFilterBar } = props;\n  const reduxStore = useMemo(() => configureStore(storeConfig), []);\n\n  const tableWrapperRef = useRef();\n  const tableContentWrapperRef = useRef();\n\n  const ctx = useDatatableConfig(props);\n\n  return (\n    <Provider store={reduxStore}>\n      <DataTableContext.Provider value={ctx}>\n        <div ref={tableWrapperRef} data-testid={DATA_TESTID.DATA_TABLE_WRAPPER}>\n          {withFilterBar ? <FiltersBar /> : null}\n          <TableContent ref={tableContentWrapperRef} />\n        </div>\n      </DataTableContext.Provider>\n    </Provider>\n  );\n};\n\nDataTable.propTypes = DataTableSchema;\nDataTable.defaultProps = { ...defaultProps };\n\nexport const DataTableWithSchema = describe(DataTable).description('Data Table');\nDataTableWithSchema.propTypes = DataTableSchema;\n"],
+  "mappings": "AAAA;ACAA;AACA;AACA;AACA;AAEA;AAGA;AAEA;AACA;AACA;AACA;AACA;AAEO,MAAM,YAAY,CAAC,UAAwC;AAChE,QAAM,EAAE,kBAAkB;AAC1B,QAAM,aAAa,QAAQ,MAAM,eAAe,cAAc;AAE9D,QAAM,kBAAkB;AACxB,QAAM,yBAAyB;AAE/B,QAAM,MAAM,mBAAmB;AAE/B,SACE,qCAAC,UAAD;AAAA,IAAU,OAAO;AAAA,KACf,qCAAC,iBAAiB,UAAlB;AAAA,IAA2B,OAAO;AAAA,KAChC,qCAAC,OAAD;AAAA,IAAK,KAAK;AAAA,IAAiB,eAAa,YAAY;AAAA,KACjD,gBAAgB,qCAAC,YAAD,QAAiB,MAClC,qCAAC,cAAD;AAAA,IAAc,KAAK;AAAA;AAAA;AAO7B,UAAU,YAAY;AACtB,UAAU,eAAe,KAAK;AAEvB,MAAM,sBAAsB,SAAS,WAAW,YAAY;AACnE,oBAAoB,YAAY;",
+  "names": []
+}

package/dist/esm/DataTableContext.js

@@ -0,0 +1,71 @@
+import * as React from "react";
+import { createContext, createRef } from "react";
+import { ColsLayoutStyle } from "./configs/constants";
+const defaultProps = {
+  height: "100%",
+  width: "100%",
+  renderRowActions: false,
+  getRowVariant: () => "ds-primary-row",
+  isExpandable: false,
+  uniqueRowAccessor: void 0,
+  expandedRows: {},
+  disabledRows: {},
+  isResizeable: false,
+  isLoading: false,
+  isLoadingAppended: false,
+  pagination: false,
+  filters: [],
+  colsLayoutStyle: ColsLayoutStyle.Fixed,
+  hiddenColumns: [],
+  noResultsMessage: "No Results Found",
+  dragAndDropRows: false,
+  maxDragAndDropLevel: 1,
+  onRowsReorder: () => null,
+  dragAndDropColumns: false,
+  onColumnsReorder: () => null,
+  onColumnResize: () => null,
+  onRowClick: () => null,
+  onRowFocus: () => null,
+  noSelectionColumn: false,
+  selectSingle: false,
+  selection: void 0,
+  onSelectionChange: () => null,
+  textWrap: "wrap",
+  isNoMoreDataAppended: false,
+  noMoreDataMessage: "No more to show.",
+  onCellValueChange: () => null,
+  onFiltersChange: () => null,
+  onFilteredDataChange: () => null,
+  onPageChanged: () => null,
+  onRowExpand: () => null,
+  customSortLogic: false,
+  onColumnSortChange: () => null
+};
+const defaultRelativeRowMouseCoord = {
+  isBefore: false,
+  isAfter: false,
+  isValid: true,
+  hoveredRowIndex: null,
+  x: null,
+  y: null,
+  relativeElementDOMRect: null,
+  relativeElementIndex: null
+};
+const DataTableContext = createContext({
+  tableProps: defaultProps,
+  layoutHelpers: {},
+  flattenedData: [],
+  allDataFlattened: [],
+  visibleColumns: [],
+  paginationHelpers: {},
+  virtualListRef: createRef(),
+  columnHeaderRef: createRef()
+});
+var DataTableContext_default = DataTableContext;
+export {
+  DataTableContext,
+  DataTableContext_default as default,
+  defaultProps,
+  defaultRelativeRowMouseCoord
+};
+//# sourceMappingURL=DataTableContext.js.map

package/dist/esm/DataTableContext.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/DataTableContext.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { createContext, createRef } from 'react';\nimport { ColsLayoutStyle } from './configs/constants';\nimport { TypescriptContext, TypescriptProps } from './types/props';\n\nexport const defaultProps: Partial<TypescriptProps> = {\n  height: '100%',\n  width: '100%',\n  renderRowActions: false,\n  getRowVariant: () => 'ds-primary-row',\n  isExpandable: false,\n  uniqueRowAccessor: undefined,\n  expandedRows: {},\n  disabledRows: {},\n  isResizeable: false,\n  isLoading: false,\n  isLoadingAppended: false,\n  pagination: false,\n  filters: [],\n\n  colsLayoutStyle: ColsLayoutStyle.Fixed,\n  hiddenColumns: [],\n  noResultsMessage: 'No Results Found',\n\n  dragAndDropRows: false,\n  maxDragAndDropLevel: 1,\n  onRowsReorder: () => null,\n\n  dragAndDropColumns: false,\n  onColumnsReorder: () => null,\n  onColumnResize: () => null,\n\n  onRowClick: () => null,\n  onRowFocus: () => null,\n\n  noSelectionColumn: false,\n  selectSingle: false,\n  selection: undefined,\n  onSelectionChange: () => null, // selectionHashMap -> { ...[id]: enum(true/'mixed'/false) }\n\n  textWrap: 'wrap',\n\n  isNoMoreDataAppended: false,\n  noMoreDataMessage: 'No more to show.',\n\n  onCellValueChange: () => null,\n\n  onFiltersChange: () => null,\n  onFilteredDataChange: () => null,\n\n  onPageChanged: () => null,\n\n  onRowExpand: () => null,\n\n  customSortLogic: false,\n  onColumnSortChange: () => null,\n};\n\nexport const defaultRelativeRowMouseCoord = {\n  isBefore: false,\n  isAfter: false,\n  isValid: true,\n  hoveredRowIndex: null,\n  x: null,\n  y: null,\n  relativeElementDOMRect: null,\n  relativeElementIndex: null,\n};\n\n/** Context for cross component communication */\nconst DataTableContext = createContext<TypescriptContext>({\n  tableProps: defaultProps,\n  layoutHelpers: {},\n  flattenedData: [],\n  allDataFlattened: [],\n  visibleColumns: [],\n  paginationHelpers: {},\n  virtualListRef: createRef<HTMLDivElement>(),\n  columnHeaderRef: createRef<HTMLDivElement>(),\n});\n\nexport { DataTableContext };\nexport default DataTableContext;\n"],
+  "mappings": "AAAA;ACAA;AACA;AAGO,MAAM,eAAyC;AAAA,EACpD,QAAQ;AAAA,EACR,OAAO;AAAA,EACP,kBAAkB;AAAA,EAClB,eAAe,MAAM;AAAA,EACrB,cAAc;AAAA,EACd,mBAAmB;AAAA,EACnB,cAAc;AAAA,EACd,cAAc;AAAA,EACd,cAAc;AAAA,EACd,WAAW;AAAA,EACX,mBAAmB;AAAA,EACnB,YAAY;AAAA,EACZ,SAAS;AAAA,EAET,iBAAiB,gBAAgB;AAAA,EACjC,eAAe;AAAA,EACf,kBAAkB;AAAA,EAElB,iBAAiB;AAAA,EACjB,qBAAqB;AAAA,EACrB,eAAe,MAAM;AAAA,EAErB,oBAAoB;AAAA,EACpB,kBAAkB,MAAM;AAAA,EACxB,gBAAgB,MAAM;AAAA,EAEtB,YAAY,MAAM;AAAA,EAClB,YAAY,MAAM;AAAA,EAElB,mBAAmB;AAAA,EACnB,cAAc;AAAA,EACd,WAAW;AAAA,EACX,mBAAmB,MAAM;AAAA,EAEzB,UAAU;AAAA,EAEV,sBAAsB;AAAA,EACtB,mBAAmB;AAAA,EAEnB,mBAAmB,MAAM;AAAA,EAEzB,iBAAiB,MAAM;AAAA,EACvB,sBAAsB,MAAM;AAAA,EAE5B,eAAe,MAAM;AAAA,EAErB,aAAa,MAAM;AAAA,EAEnB,iBAAiB;AAAA,EACjB,oBAAoB,MAAM;AAAA;AAGrB,MAAM,+BAA+B;AAAA,EAC1C,UAAU;AAAA,EACV,SAAS;AAAA,EACT,SAAS;AAAA,EACT,iBAAiB;AAAA,EACjB,GAAG;AAAA,EACH,GAAG;AAAA,EACH,wBAAwB;AAAA,EACxB,sBAAsB;AAAA;AAIxB,MAAM,mBAAmB,cAAiC;AAAA,EACxD,YAAY;AAAA,EACZ,eAAe;AAAA,EACf,eAAe;AAAA,EACf,kBAAkB;AAAA,EAClB,gBAAgB;AAAA,EAChB,mBAAmB;AAAA,EACnB,gBAAgB;AAAA,EAChB,iBAAiB;AAAA;AAInB,IAAO,2BAAQ;",
+  "names": []
+}

package/dist/esm/DataTableSchema.js

@@ -0,0 +1,128 @@
+import * as React from "react";
+import { PropTypes } from "@elliemae/ds-props-helpers";
+const outOfTheBoxFilterType = PropTypes.oneOf([
+  "ds-filter-select",
+  "ds-filter-multi-select",
+  "ds-filter-single-date",
+  "ds-filter-date-range",
+  "ds-filter-number-range"
+]);
+const textWrappingType = PropTypes.oneOf(["wrap", "wrap-all", "truncate"]);
+const columnPropTypes = {
+  Header: PropTypes.oneOfType([PropTypes.string, PropTypes.func, PropTypes.element]).description("Header name or component").isRequired,
+  accessor: PropTypes.string.description("The entry of the data that this column will display"),
+  id: 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: PropTypes.oneOfType([PropTypes.func, PropTypes.element]).description("The custom component to render as a filter"),
+  Cell: PropTypes.oneOfType([PropTypes.func, PropTypes.element]).description("The custom cell renderer component"),
+  editable: PropTypes.oneOfType([PropTypes.string, PropTypes.func, PropTypes.element]).description("The editable out-of-the-box or component to render"),
+  disableDnD: PropTypes.bool.description("Whereas this column should be draggable"),
+  canResize: PropTypes.bool.description("Whereas this column should be resizable"),
+  width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).description("Width of this column"),
+  minWidth: PropTypes.number.description("Minimum width of this column, useful when resizing"),
+  maxWidth: PropTypes.number.description("Maximum width of this column, useful when resizing"),
+  canSort: PropTypes.bool.description("Whereas this column is sortable"),
+  isSortedDesc: PropTypes.bool.description("Whereas this column is sorted descendingly"),
+  required: PropTypes.bool.description("Whereas this column is required"),
+  alwaysDisplayEditIcon: PropTypes.bool.description("Whereas to always show the edit icon on this column if it is editable"),
+  textWrap: textWrappingType.description("How to wrap the text in the column")
+};
+const columnsPropTypes = PropTypes.shape(columnPropTypes).description("Columns props");
+const rowPropTypes = {
+  tableRowDetails: PropTypes.oneOfType([PropTypes.func, PropTypes.element]).description("Component for row details"),
+  dimsumHeaderValue: PropTypes.string.description("Header displayed on the header variant of the row")
+};
+const rowsPropTypes = PropTypes.shape(rowPropTypes).description("Rows props");
+const DataTableSchema = {
+  columns: PropTypes.arrayOf(columnsPropTypes).description("Array of columns").isRequired,
+  data: PropTypes.arrayOf(rowsPropTypes).description("Array of rows"),
+  height: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).description("Height of the datatable component"),
+  width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).description("Width of the datatable component"),
+  renderRowActions: PropTypes.oneOfType([PropTypes.object, PropTypes.bool]).description("The renderer to use for the action toolbar"),
+  isExpandable: PropTypes.bool.description("Whether the datatable is expandable").defaultValue(false),
+  uniqueRowAccessor: PropTypes.oneOfType([
+    PropTypes.string,
+    PropTypes.arrayOf(PropTypes.string),
+    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: 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: 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: PropTypes.func.description("Function invoked when a row is (un)expanded"),
+  cellRendererProps: PropTypes.object.description("Object with all the props you want the cells to have available when rendering"),
+  selectSingle: PropTypes.bool.description("Whether the selectable feature is single").defaultValue(false),
+  selection: 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: PropTypes.func.description("Function invoked when a row is selected"),
+  groupedRowsRenderHeader: PropTypes.oneOfType([PropTypes.string, PropTypes.func]).description("String | Function to call which will display in the row headers"),
+  isResizeable: PropTypes.bool.description("Whether the datatable's columns are resizeable"),
+  filters: PropTypes.arrayOf(PropTypes.shape({
+    id: PropTypes.string,
+    type: PropTypes.string,
+    value: PropTypes.any
+  })).description("Array of filter keys and values"),
+  withFilterBar: PropTypes.bool.description("Whether to display the filter bar"),
+  filterBarProps: PropTypes.shape({
+    customPillRenderer: PropTypes.oneOfType([PropTypes.func, PropTypes.element]).description("If you specify custom filters, you will need to render their pills here"),
+    extraOptions: PropTypes.arrayOf(PropTypes.shape({
+      type: PropTypes.string,
+      id: PropTypes.string,
+      label: PropTypes.string,
+      onClick: PropTypes.func
+    })).description("Any extra option you want in the dropdownmenu of the filter bar")
+  }).description("Props for the filter bar"),
+  onFiltersChange: PropTypes.func.description("Function invoked when filters change"),
+  pagination: PropTypes.oneOfType([
+    PropTypes.oneOf([false]),
+    PropTypes.shape({
+      pageCount: PropTypes.number.description("How many pages are there"),
+      pageIndex: PropTypes.number.description("Index of the current page, starting from 1").defaultValue(1),
+      canPreviousPage: PropTypes.bool.description("Whether the previous button is disabled or not").defaultValue(true),
+      canNextPage: PropTypes.bool.description("Whether the next button is disabled or not").defaultValue(true),
+      pageSize: PropTypes.number.description("The current page size").defaultValue(10),
+      showPerPageSelector: PropTypes.bool.description("Whether to show the page selector").defaultValue(true),
+      perPageOptions: PropTypes.arrayOf(PropTypes.oneOfType([
+        PropTypes.number,
+        PropTypes.shape({
+          dsId: PropTypes.string,
+          value: PropTypes.number,
+          label: PropTypes.string,
+          type: PropTypes.oneOf(["single"])
+        })
+      ])).description("The available options for page size").defaultValue([10]),
+      perPageStep: PropTypes.number.description("Step for the per page options").defaultValue(5),
+      minPerPage: PropTypes.number.description("Step for the per page options").defaultValue(0),
+      maxPerPage: PropTypes.number.description("Step for the per page options").defaultValue(100),
+      onPageSizeChange: PropTypes.func.description("Function invoked when the page size changes").defaultValue(() => null),
+      onPreviousPage: PropTypes.func.description("Function invoked when the previous button is pressed").defaultValue(() => null),
+      onPageChange: PropTypes.func.description("Function invoked when the page changes").defaultValue(() => null),
+      onNextPage: PropTypes.func.description("Function invoked when next button is pressed").defaultValue(() => null),
+      pageDetails: PropTypes.arrayOf(PropTypes.string).description("Details to provide for each page").defaultValue([]),
+      pageDetailsTitle: PropTypes.string.description("The title of the details (usually a column of your dataset)").defaultValue("")
+    })
+  ]).description("Object containing the data for the pagination"),
+  colsLayoutStyle: PropTypes.oneOf(["auto", "fixed"]).description("Whether the datatable fills its container or not"),
+  hiddenColumns: PropTypes.arrayOf(PropTypes.string).description("IDs of columns not to render"),
+  dragAndDropRows: PropTypes.bool.description("Whether to turn on the d&d feature for the rows").defaultValue(false),
+  onRowsReorder: PropTypes.func.description("Function invoked when a row is reordered"),
+  maxDragAndDropLevel: PropTypes.number.description("Which level is the maximum allowed to drop into"),
+  dragAndDropColumns: PropTypes.bool.description("Whether to turn on the d&d feature for the columns"),
+  onColumnsReorder: PropTypes.func.description("Function invoked when a column is reordered"),
+  textWrap: textWrappingType.description("Global wrapping rule"),
+  noResultsMessage: PropTypes.string.description("Message to show when no more data is available"),
+  noResultsSecondaryMessage: PropTypes.string.description("Secondary message to show when no more data is available"),
+  noResultsButtonLabel: PropTypes.string.description("Label of the button when no more data is available"),
+  noResultsPlaceholder: PropTypes.oneOfType([PropTypes.func, PropTypes.element]).description("Custom content to show when dataset is empty"),
+  isLoading: PropTypes.bool.description("Whether to show a global loader in the datatable"),
+  isLoadingAppended: PropTypes.bool.description("Whether to show an appended loader in the datatable"),
+  onColumnResize: PropTypes.func.description("Function invoked when a column is resized"),
+  isNoMoreDataAppended: PropTypes.bool.description("Whether to show an appended message in the datatable for no more data"),
+  noMoreDataMessage: PropTypes.string.description("The message to show when no more data is available"),
+  onRowClick: PropTypes.func.description("Function invoked when clicking a row"),
+  onRowFocus: PropTypes.func.description("Function invoked when focusing a row"),
+  onCellValueChange: PropTypes.func.description("Function invoked when an editable cell's content is changed"),
+  onColumnSortChange: PropTypes.func.description("Function invoked when a column is sorted"),
+  actionRef: PropTypes.object.description("Reference where all the exposed action callbacks will be exposed")
+};
+export {
+  DataTableSchema
+};
+//# sourceMappingURL=DataTableSchema.js.map

package/dist/esm/DataTableSchema.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/DataTableSchema.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable max-lines */\nimport { PropTypes } from '@elliemae/ds-props-helpers';\n\nconst outOfTheBoxFilterType = PropTypes.oneOf([\n  'ds-filter-select',\n  'ds-filter-multi-select',\n  'ds-filter-single-date',\n  'ds-filter-date-range',\n  'ds-filter-number-range',\n]);\n\nconst textWrappingType = PropTypes.oneOf(['wrap', 'wrap-all', 'truncate']);\n\nconst columnPropTypes = {\n  Header: PropTypes.oneOfType([PropTypes.string, PropTypes.func, PropTypes.element]).description(\n    'Header name or component',\n  ).isRequired,\n  accessor: PropTypes.string.description('The entry of the data that this column will display'),\n  id: PropTypes.string.description('The id of the column, will default to the Header or accessor if not present'),\n  filter: outOfTheBoxFilterType.description('out-of-the-box filters'),\n  Filter: PropTypes.oneOfType([PropTypes.func, PropTypes.element]).description(\n    'The custom component to render as a filter',\n  ),\n  Cell: PropTypes.oneOfType([PropTypes.func, PropTypes.element]).description('The custom cell renderer component'),\n  editable: PropTypes.oneOfType([PropTypes.string, PropTypes.func, PropTypes.element]).description(\n    'The editable out-of-the-box or component to render',\n  ),\n  disableDnD: PropTypes.bool.description('Whereas this column should be draggable'),\n  canResize: PropTypes.bool.description('Whereas this column should be resizable'),\n  width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).description('Width of this column'),\n  minWidth: PropTypes.number.description('Minimum width of this column, useful when resizing'),\n  maxWidth: PropTypes.number.description('Maximum width of this column, useful when resizing'),\n  canSort: PropTypes.bool.description('Whereas this column is sortable'),\n  isSortedDesc: PropTypes.bool.description('Whereas this column is sorted descendingly'),\n  required: PropTypes.bool.description('Whereas this column is required'),\n  alwaysDisplayEditIcon: PropTypes.bool.description(\n    'Whereas to always show the edit icon on this column if it is editable',\n  ),\n  textWrap: textWrappingType.description('How to wrap the text in the column'),\n};\n\nconst columnsPropTypes = PropTypes.shape(columnPropTypes).description('Columns props');\n\nconst rowPropTypes = {\n  tableRowDetails: PropTypes.oneOfType([PropTypes.func, PropTypes.element]).description('Component for row details'),\n  dimsumHeaderValue: PropTypes.string.description('Header displayed on the header variant of the row'),\n};\n\nconst rowsPropTypes = PropTypes.shape(rowPropTypes).description('Rows props');\n\nexport const DataTableSchema = {\n  columns: PropTypes.arrayOf(columnsPropTypes).description('Array of columns').isRequired,\n  data: PropTypes.arrayOf(rowsPropTypes).description('Array of rows'),\n  height: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).description('Height of the datatable component'),\n  width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).description('Width of the datatable component'),\n  renderRowActions: PropTypes.oneOfType([PropTypes.object, PropTypes.bool]).description(\n    'The renderer to use for the action toolbar',\n  ),\n  isExpandable: PropTypes.bool.description('Whether the datatable is expandable').defaultValue(false),\n  uniqueRowAccessor: PropTypes.oneOfType([\n    PropTypes.string,\n    PropTypes.arrayOf(PropTypes.string),\n    PropTypes.func,\n  ]).description(\n    'Column / Combination of columns / Function to call to produce a unique identifier for each row.' +\n      ' This is necessary for the selectable and drag and drop features',\n  ),\n  disabledRows: PropTypes.object.description(\n    'Object with the identifiers of the rows as keys, and booleans as values. Specifies if a row is disabled or not',\n  ),\n  expandedRows: PropTypes.object.description(\n    'Object with the identifiers of the rows as keys, and booleans as values. Specifies if a row is expanded or not',\n  ),\n  onRowExpand: PropTypes.func.description('Function invoked when a row is (un)expanded'),\n  cellRendererProps: PropTypes.object.description(\n    'Object with all the props you want the cells to have available when rendering',\n  ),\n  selectSingle: PropTypes.bool.description('Whether the selectable feature is single').defaultValue(false),\n  selection: PropTypes.object.description(\n    'Object with the identifiers of the rows as keys, and booleans as values. Specifies if a row is selected or not',\n  ),\n  onSelectionChange: PropTypes.func.description('Function invoked when a row is selected'),\n  groupedRowsRenderHeader: PropTypes.oneOfType([PropTypes.string, PropTypes.func]).description(\n    'String | Function to call which will display in the row headers',\n  ),\n  isResizeable: PropTypes.bool.description(\"Whether the datatable's columns are resizeable\"),\n  filters: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string,\n      type: PropTypes.string,\n      value: PropTypes.any,\n    }),\n  ).description('Array of filter keys and values'),\n  withFilterBar: PropTypes.bool.description('Whether to display the filter bar'),\n  filterBarProps: PropTypes.shape({\n    customPillRenderer: PropTypes.oneOfType([PropTypes.func, PropTypes.element]).description(\n      'If you specify custom filters, you will need to render their pills here',\n    ),\n    extraOptions: PropTypes.arrayOf(\n      PropTypes.shape({\n        type: PropTypes.string,\n        id: PropTypes.string,\n        label: PropTypes.string,\n        onClick: PropTypes.func,\n      }),\n    ).description('Any extra option you want in the dropdownmenu of the filter bar'),\n  }).description('Props for the filter bar'),\n  onFiltersChange: PropTypes.func.description('Function invoked when filters change'),\n  pagination: PropTypes.oneOfType([\n    PropTypes.oneOf([false]),\n    PropTypes.shape({\n      pageCount: PropTypes.number.description('How many pages are there'),\n      pageIndex: PropTypes.number.description('Index of the current page, starting from 1').defaultValue(1),\n      canPreviousPage: PropTypes.bool.description('Whether the previous button is disabled or not').defaultValue(true),\n      canNextPage: PropTypes.bool.description('Whether the next button is disabled or not').defaultValue(true),\n      pageSize: PropTypes.number.description('The current page size').defaultValue(10),\n      showPerPageSelector: PropTypes.bool.description('Whether to show the page selector').defaultValue(true),\n      perPageOptions: PropTypes.arrayOf(\n        PropTypes.oneOfType([\n          PropTypes.number,\n          PropTypes.shape({\n            dsId: PropTypes.string,\n            value: PropTypes.number,\n            label: PropTypes.string,\n            type: PropTypes.oneOf(['single']),\n          }),\n        ]),\n      )\n        .description('The available options for page size')\n        .defaultValue([10]),\n      perPageStep: PropTypes.number.description('Step for the per page options').defaultValue(5),\n      minPerPage: PropTypes.number.description('Step for the per page options').defaultValue(0),\n      maxPerPage: PropTypes.number.description('Step for the per page options').defaultValue(100),\n      onPageSizeChange: PropTypes.func\n        .description('Function invoked when the page size changes')\n        .defaultValue(() => null),\n      onPreviousPage: PropTypes.func\n        .description('Function invoked when the previous button is pressed')\n        .defaultValue(() => null),\n      onPageChange: PropTypes.func.description('Function invoked when the page changes').defaultValue(() => null),\n      onNextPage: PropTypes.func.description('Function invoked when next button is pressed').defaultValue(() => null),\n      pageDetails: PropTypes.arrayOf(PropTypes.string).description('Details to provide for each page').defaultValue([]),\n      pageDetailsTitle: PropTypes.string\n        .description('The title of the details (usually a column of your dataset)')\n        .defaultValue(''),\n    }),\n  ]).description('Object containing the data for the pagination'),\n  colsLayoutStyle: PropTypes.oneOf(['auto', 'fixed']).description('Whether the datatable fills its container or not'),\n  hiddenColumns: PropTypes.arrayOf(PropTypes.string).description('IDs of columns not to render'),\n  dragAndDropRows: PropTypes.bool.description('Whether to turn on the d&d feature for the rows').defaultValue(false),\n  onRowsReorder: PropTypes.func.description('Function invoked when a row is reordered'),\n  maxDragAndDropLevel: PropTypes.number.description('Which level is the maximum allowed to drop into'),\n  dragAndDropColumns: PropTypes.bool.description('Whether to turn on the d&d feature for the columns'),\n  onColumnsReorder: PropTypes.func.description('Function invoked when a column is reordered'),\n  textWrap: textWrappingType.description('Global wrapping rule'),\n  noResultsMessage: PropTypes.string.description('Message to show when no more data is available'),\n  noResultsSecondaryMessage: PropTypes.string.description('Secondary message to show when no more data is available'),\n  noResultsButtonLabel: PropTypes.string.description('Label of the button when no more data is available'),\n  noResultsPlaceholder: PropTypes.oneOfType([PropTypes.func, PropTypes.element]).description(\n    'Custom content to show when dataset is empty',\n  ),\n  isLoading: PropTypes.bool.description('Whether to show a global loader in the datatable'),\n  isLoadingAppended: PropTypes.bool.description('Whether to show an appended loader in the datatable'),\n  onColumnResize: PropTypes.func.description('Function invoked when a column is resized'),\n  isNoMoreDataAppended: PropTypes.bool.description(\n    'Whether to show an appended message in the datatable for no more data',\n  ),\n  noMoreDataMessage: PropTypes.string.description('The message to show when no more data is available'),\n  onRowClick: PropTypes.func.description('Function invoked when clicking a row'),\n  onRowFocus: PropTypes.func.description('Function invoked when focusing a row'),\n  onCellValueChange: PropTypes.func.description(\"Function invoked when an editable cell's content is changed\"),\n  onColumnSortChange: PropTypes.func.description('Function invoked when a column is sorted'),\n  actionRef: PropTypes.object.description('Reference where all the exposed action callbacks will be exposed'),\n};\n"],
+  "mappings": "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",
+  "names": []
+}

package/dist/esm/addons/Columns/ColumnAction/ColumnAction.js

@@ -0,0 +1,18 @@
+import * as React from "react";
+import { memo } from "react";
+const actionColumn = (renderRowActions) => ({
+  Header: " ",
+  id: "rowActions",
+  width: renderRowActions.columnWidth,
+  style: {
+    overflow: "visible"
+  },
+  Cell: memo((props) => renderRowActions.renderer(props)),
+  canResize: false,
+  disableDnD: true,
+  isFocuseable: false
+});
+export {
+  actionColumn
+};
+//# sourceMappingURL=ColumnAction.js.map

package/dist/esm/addons/Columns/ColumnAction/ColumnAction.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../../src/addons/Columns/ColumnAction/ColumnAction.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { memo } from 'react';\nimport { TypescriptColumn, TypescriptRenderRowActionsConfig } from '../../../types/props';\ntype configurableColumn = (renderRowActions: TypescriptRenderRowActionsConfig) => TypescriptColumn;\nexport const actionColumn: configurableColumn = (renderRowActions) => ({\n  Header: ' ',\n  id: 'rowActions',\n  width: renderRowActions.columnWidth,\n  style: {\n    overflow: 'visible',\n  },\n  // memo typing is broken?\n  Cell: memo((props) => renderRowActions.renderer(props)),\n  canResize: false,\n  disableDnD: true,\n  isFocuseable: false,\n});\n"],
+  "mappings": "AAAA;ACAA;AAGO,MAAM,eAAmC,CAAC,qBAAsB;AAAA,EACrE,QAAQ;AAAA,EACR,IAAI;AAAA,EACJ,OAAO,iBAAiB;AAAA,EACxB,OAAO;AAAA,IACL,UAAU;AAAA;AAAA,EAGZ,MAAM,KAAK,CAAC,UAAU,iBAAiB,SAAS;AAAA,EAChD,WAAW;AAAA,EACX,YAAY;AAAA,EACZ,cAAc;AAAA;",
+  "names": []
+}

package/dist/esm/addons/Columns/ColumnDragHandle/ColumnDragHandle.js

@@ -0,0 +1,35 @@
+import * as React from "react";
+import React2 from "react";
+import { useRecoverFocusRow } from "../../../hooks/useRecoverFocusRow";
+import { DnDHandle } from "../../../parts";
+import { StyledFocusWithin } from "../../../styled";
+const dragHandleColumn = {
+  id: "dragHandleColumn",
+  Header: () => /* @__PURE__ */ React2.createElement("div", null),
+  Cell: ({ row, isRowSelected, cell, isDragOverlay, draggableProps }) => {
+    useRecoverFocusRow(row, cell, isDragOverlay, draggableProps);
+    return /* @__PURE__ */ React2.createElement(StyledFocusWithin, {
+      style: { width: "100%", height: "100%" },
+      hideFocus: draggableProps && draggableProps.isDragging
+    }, /* @__PURE__ */ React2.createElement(DnDHandle, {
+      id: row.uid,
+      key: row.uid,
+      isReachable: isRowSelected,
+      innerRef: (_ref) => {
+        if (!isDragOverlay)
+          cell.ref.current = _ref;
+      },
+      isDragOverlay
+    }));
+  },
+  textWrap: "wrap-all",
+  width: 24,
+  padding: 4,
+  canResize: false,
+  disableDnD: true,
+  isFocuseable: false
+};
+export {
+  dragHandleColumn
+};
+//# sourceMappingURL=ColumnDragHandle.js.map

package/dist/esm/addons/Columns/ColumnDragHandle/ColumnDragHandle.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../../src/addons/Columns/ColumnDragHandle/ColumnDragHandle.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable react/prop-types */\n/* eslint-disable max-lines */\nimport React from 'react';\nimport { useRecoverFocusRow } from '../../../hooks/useRecoverFocusRow';\nimport { DnDHandle } from '../../../parts';\nimport { StyledFocusWithin } from '../../../styled';\n\nimport { TypescriptColumn } from '../../../types/props';\n\nexport const dragHandleColumn: TypescriptColumn = {\n  // Build our singleSelecter column\n  id: 'dragHandleColumn', // Make sure it has an ID\n  // The header doesn't need anything for single selection\n  Header: () => <div />,\n  Cell: ({ row, isRowSelected, cell, isDragOverlay, draggableProps }) => {\n    useRecoverFocusRow(row, cell, isDragOverlay, draggableProps);\n    return (\n      <StyledFocusWithin\n        style={{ width: '100%', height: '100%' }}\n        hideFocus={draggableProps && draggableProps.isDragging}\n      >\n        <DnDHandle\n          id={row.uid}\n          key={row.uid}\n          isReachable={isRowSelected}\n          innerRef={(_ref) => {\n            if (!isDragOverlay) cell.ref.current = _ref;\n          }}\n          isDragOverlay={isDragOverlay}\n        />\n      </StyledFocusWithin>\n    );\n  },\n  textWrap: 'wrap-all',\n  width: 24,\n  padding: 4,\n  canResize: false,\n  disableDnD: true,\n  isFocuseable: false,\n};\n"],
+  "mappings": "AAAA;ACEA;AACA;AACA;AACA;AAIO,MAAM,mBAAqC;AAAA,EAEhD,IAAI;AAAA,EAEJ,QAAQ,MAAM,qCAAC,OAAD;AAAA,EACd,MAAM,CAAC,EAAE,KAAK,eAAe,MAAM,eAAe,qBAAqB;AACrE,uBAAmB,KAAK,MAAM,eAAe;AAC7C,WACE,qCAAC,mBAAD;AAAA,MACE,OAAO,EAAE,OAAO,QAAQ,QAAQ;AAAA,MAChC,WAAW,kBAAkB,eAAe;AAAA,OAE5C,qCAAC,WAAD;AAAA,MACE,IAAI,IAAI;AAAA,MACR,KAAK,IAAI;AAAA,MACT,aAAa;AAAA,MACb,UAAU,CAAC,SAAS;AAClB,YAAI,CAAC;AAAe,eAAK,IAAI,UAAU;AAAA;AAAA,MAEzC;AAAA;AAAA;AAAA,EAKR,UAAU;AAAA,EACV,OAAO;AAAA,EACP,SAAS;AAAA,EACT,WAAW;AAAA,EACX,YAAY;AAAA,EACZ,cAAc;AAAA;",
+  "names": []
+}