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

package/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/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/cjs/types/FunctionalHoC.js

@@ -1,2 +1,27 @@
-'use strict';
-
+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/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/cjs/types/props.js

@@ -1,2 +1,27 @@
-'use strict';
-
+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/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/esm/DataTable.js

@@ -1,51 +1,38 @@
-import 'core-js/modules/esnext.async-iterator.filter.js';
-import 'core-js/modules/esnext.iterator.constructor.js';
-import 'core-js/modules/esnext.iterator.filter.js';
-import 'core-js/modules/esnext.async-iterator.for-each.js';
-import 'core-js/modules/esnext.iterator.for-each.js';
-import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
-import _jsx from '@babel/runtime/helpers/esm/jsx';
-import { useMemo, useRef } from 'react';
-import { Provider } from 'react-redux';
-import { configureStore } from '@reduxjs/toolkit';
-import { describe } from 'react-desc';
-import TableContent from './parts/TableContent.js';
-import { storeConfig } from './redux/storeConfig.js';
-import DataTableContext, { defaultProps } from './DataTableContext.js';
-import { DATA_TESTID } from './configs/constants.js';
-import { useDatatableConfig } from './configs/useDatatableConfig.js';
-import './configs/useRowFlattenization.js';
-import { FiltersBar } from './parts/FilterBar/FiltersBar.js';
-import { DataTableSchema } from './DataTableSchema.js';
-import { jsxs, jsx } from 'react/jsx-runtime';
-
-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(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;
+import * as React from "react";
+import React2, { useRef, useMemo } from "react";
+import { Provider } from "react-redux";
+import { configureStore } from "@reduxjs/toolkit";
+import { describe } from "react-desc";
+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__*/_jsx(Provider, {
+  return /* @__PURE__ */ React2.createElement(Provider, {
     store: reduxStore
-  }, void 0, /*#__PURE__*/_jsx(DataTableContext.Provider, {
+  }, /* @__PURE__ */ React2.createElement(DataTableContext.Provider, {
     value: ctx
-  }, void 0, /*#__PURE__*/jsxs("div", {
+  }, /* @__PURE__ */ React2.createElement("div", {
     ref: tableWrapperRef,
-    "data-testid": DATA_TESTID.DATA_TABLE_WRAPPER,
-    children: [withFilterBar ? _FiltersBar || (_FiltersBar = /*#__PURE__*/_jsx(FiltersBar, {})) : null, /*#__PURE__*/jsx(TableContent, {
-      ref: tableContentWrapperRef
-    })]
-  })));
+    "data-testid": DATA_TESTID.DATA_TABLE_WRAPPER
+  }, withFilterBar ? /* @__PURE__ */ React2.createElement(FiltersBar, null) : null, /* @__PURE__ */ React2.createElement(TableContent, {
+    ref: tableContentWrapperRef
+  }))));
 };
-DataTable.defaultProps = _objectSpread({}, defaultProps);
-const DataTableWithSchema = describe(DataTable).description('Data Table');
+DataTable.propTypes = DataTableSchema;
+DataTable.defaultProps = { ...defaultProps };
+const DataTableWithSchema = describe(DataTable).description("Data Table");
 DataTableWithSchema.propTypes = DataTableSchema;
-
-export { DataTable, DataTableWithSchema };
+export {
+  DataTable,
+  DataTableWithSchema
+};
+//# sourceMappingURL=DataTable.js.map

package/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 'react-desc';\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/esm/DataTableContext.js

@@ -1,13 +1,13 @@
-import { createContext, createRef } from 'react';
-import { ColsLayoutStyle } from './configs/constants.js';
-
+import * as React from "react";
+import { createContext, createRef } from "react";
+import { ColsLayoutStyle } from "./configs/constants";
 const defaultProps = {
-  height: '100%',
-  width: '100%',
+  height: "100%",
+  width: "100%",
   renderRowActions: false,
-  getRowVariant: () => 'ds-primary-row',
+  getRowVariant: () => "ds-primary-row",
   isExpandable: false,
-  uniqueRowAccessor: undefined,
+  uniqueRowAccessor: void 0,
   expandedRows: {},
   disabledRows: {},
   isResizeable: false,
@@ -17,7 +17,7 @@ const defaultProps = {
   filters: [],
   colsLayoutStyle: ColsLayoutStyle.Fixed,
   hiddenColumns: [],
-  noResultsMessage: 'No Results Found',
+  noResultsMessage: "No Results Found",
   dragAndDropRows: false,
   maxDragAndDropLevel: 1,
   onRowsReorder: () => null,
@@ -28,12 +28,11 @@ const defaultProps = {
   onRowFocus: () => null,
   noSelectionColumn: false,
   selectSingle: false,
-  selection: undefined,
+  selection: void 0,
   onSelectionChange: () => null,
-  // selectionHashMap -> { ...[id]: enum(true/'mixed'/false) }
-  textWrap: 'wrap',
+  textWrap: "wrap",
   isNoMoreDataAppended: false,
-  noMoreDataMessage: 'No more to show.',
+  noMoreDataMessage: "No more to show.",
   onCellValueChange: () => null,
   onFiltersChange: () => null,
   onFilteredDataChange: () => null,
@@ -52,17 +51,21 @@ const defaultRelativeRowMouseCoord = {
   relativeElementDOMRect: null,
   relativeElementIndex: null
 };
-/** Context for cross component communication */
-
-const DataTableContext = /*#__PURE__*/createContext({
+const DataTableContext = createContext({
   tableProps: defaultProps,
   layoutHelpers: {},
   flattenedData: [],
   allDataFlattened: [],
   visibleColumns: [],
   paginationHelpers: {},
-  virtualListRef: /*#__PURE__*/createRef(),
-  columnHeaderRef: /*#__PURE__*/createRef()
+  virtualListRef: createRef(),
+  columnHeaderRef: createRef()
 });
-
-export { DataTableContext as default, defaultProps, defaultRelativeRowMouseCoord };
+var DataTableContext_default = DataTableContext;
+export {
+  DataTableContext,
+  DataTableContext_default as default,
+  defaultProps,
+  defaultRelativeRowMouseCoord
+};
+//# sourceMappingURL=DataTableContext.js.map

package/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": []
+}