@elliemae/ds-data-table 2.2.0 → 2.3.0-alpha.3

package/esm/exported-related/Filters/currencyRangeFilterFn.js

@@ -1,20 +1,20 @@
-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';
-
-const getNumber = str => {
-  if (str === null) return null;
-  if (typeof str === 'number') return str;
-  if (typeof str !== 'string') return null;
-  return Number.parseFloat(str.split('').filter(x => ![',', '$'].includes(x)).join(''));
+import * as React from "react";
+const getNumber = (str) => {
+  if (str === null)
+    return null;
+  if (typeof str === "number")
+    return str;
+  if (typeof str !== "string")
+    return null;
+  return Number.parseFloat(str.split("").filter((x) => ![",", "$"].includes(x)).join(""));
 };
-
-const isEmpty = number => Number.isNaN(number) || number === null || number === undefined;
-
+const isEmpty = (number) => Number.isNaN(number) || number === null || number === void 0;
 const currencyRangeFilterFn = (unfilteredData, filterKey, filterValue) => {
   const fromNumber = getNumber(filterValue.from);
   const toNumber = getNumber(filterValue.to);
-  return unfilteredData.filter(datum => isEmpty(fromNumber) || isEmpty(toNumber) || getNumber(datum[filterKey]) >= fromNumber && getNumber(datum[filterKey]) <= toNumber);
+  return unfilteredData.filter((datum) => isEmpty(fromNumber) || isEmpty(toNumber) || getNumber(datum[filterKey]) >= fromNumber && getNumber(datum[filterKey]) <= toNumber);
 };
-
-export { currencyRangeFilterFn };
+export {
+  currencyRangeFilterFn
+};
+//# sourceMappingURL=currencyRangeFilterFn.js.map

package/esm/exported-related/Filters/currencyRangeFilterFn.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/exported-related/Filters/currencyRangeFilterFn.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { FilterFn } from './types';\n\nconst getNumber = (str) => {\n  if (str === null) return null;\n  if (typeof str === 'number') return str;\n  if (typeof str !== 'string') return null;\n  return Number.parseFloat(\n    str\n      .split('')\n      .filter((x) => ![',', '$'].includes(x))\n      .join(''),\n  );\n};\n\nconst isEmpty = (number) => Number.isNaN(number) || number === null || number === undefined;\n\nexport const currencyRangeFilterFn: FilterFn<{ from: string; to: string }> = (\n  unfilteredData,\n  filterKey,\n  filterValue,\n) => {\n  const fromNumber = getNumber(filterValue.from);\n  const toNumber = getNumber(filterValue.to);\n\n  return unfilteredData.filter(\n    (datum) =>\n      isEmpty(fromNumber) ||\n      isEmpty(toNumber) ||\n      (getNumber(datum[filterKey]) >= fromNumber && getNumber(datum[filterKey]) <= toNumber),\n  );\n};\n"],
+  "mappings": "AAAA;ACEA,MAAM,YAAY,CAAC,QAAQ;AACzB,MAAI,QAAQ;AAAM,WAAO;AACzB,MAAI,OAAO,QAAQ;AAAU,WAAO;AACpC,MAAI,OAAO,QAAQ;AAAU,WAAO;AACpC,SAAO,OAAO,WACZ,IACG,MAAM,IACN,OAAO,CAAC,MAAM,CAAC,CAAC,KAAK,KAAK,SAAS,IACnC,KAAK;AAAA;AAIZ,MAAM,UAAU,CAAC,WAAW,OAAO,MAAM,WAAW,WAAW,QAAQ,WAAW;AAE3E,MAAM,wBAAgE,CAC3E,gBACA,WACA,gBACG;AACH,QAAM,aAAa,UAAU,YAAY;AACzC,QAAM,WAAW,UAAU,YAAY;AAEvC,SAAO,eAAe,OACpB,CAAC,UACC,QAAQ,eACR,QAAQ,aACP,UAAU,MAAM,eAAe,cAAc,UAAU,MAAM,eAAe;AAAA;",
+  "names": []
+}

package/esm/exported-related/Filters/dateRangeFilterFn.js

@@ -1,37 +1,8 @@
-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 moment from 'moment';
-import { momentFormat } from '../../configs/constants.js';
-import 'core-js/modules/web.dom-collections.iterator.js';
-import 'core-js/modules/esnext.async-iterator.reduce.js';
-import 'core-js/modules/esnext.iterator.reduce.js';
-import 'react';
-import 'react-virtual';
-import 'core-js/modules/esnext.async-iterator.for-each.js';
-import 'core-js/modules/esnext.iterator.for-each.js';
-import '../../configs/useRowFlattenization.js';
-import '@babel/runtime/helpers/esm/defineProperty';
-import 'core-js/modules/esnext.async-iterator.map.js';
-import 'core-js/modules/esnext.iterator.map.js';
-import '@babel/runtime/helpers/esm/jsx';
-import '@elliemae/ds-icons';
-import 'styled-components';
-import '../../styled.js';
-import 'react/jsx-runtime';
-import '@elliemae/ds-form';
-import '../../parts/TableContent.js';
-import '@elliemae/ds-grid';
-import '@elliemae/ds-circular-progress-indicator';
-import '@elliemae/ds-system';
-import '@elliemae/ds-button';
-import '../../DataTableContext.js';
-import '../../parts/Row.js';
-import '../../parts/Footer.js';
-import '../../parts/HoC/SortableItemContext.js';
-
-// use file instead of index to avoid circular imports!
-
-const dateRangeFilterFn = (unfilteredData, filterKey, filterValue) => unfilteredData.filter(datum => !(filterValue !== null && filterValue !== void 0 && filterValue.startDate && filterValue !== null && filterValue !== void 0 && filterValue.endDate) || moment(filterValue === null || filterValue === void 0 ? void 0 : filterValue.startDate, momentFormat).isSameOrBefore(datum[filterKey], 'day') && moment(filterValue === null || filterValue === void 0 ? void 0 : filterValue.endDate, momentFormat).isSameOrAfter(datum[filterKey], 'day'));
-
-export { dateRangeFilterFn };
+import * as React from "react";
+import moment from "moment";
+import { momentFormat } from "../../configs/constants";
+const dateRangeFilterFn = (unfilteredData, filterKey, filterValue) => unfilteredData.filter((datum) => !(filterValue?.startDate && filterValue?.endDate) || moment(filterValue?.startDate, momentFormat).isSameOrBefore(datum[filterKey], "day") && moment(filterValue?.endDate, momentFormat).isSameOrAfter(datum[filterKey], "day"));
+export {
+  dateRangeFilterFn
+};
+//# sourceMappingURL=dateRangeFilterFn.js.map

package/esm/exported-related/Filters/dateRangeFilterFn.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/exported-related/Filters/dateRangeFilterFn.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import moment from 'moment';\nimport { momentFormat } from '../../configs/constants';\n// configs imports this file, we can't import from /configs/index.js directly\n// use file instead of index to avoid circular imports!\nimport { FilterFn } from './types';\n\nexport const dateRangeFilterFn: FilterFn<{\n  startDate: string;\n  endDate: string;\n}> = (unfilteredData, filterKey, filterValue) =>\n  unfilteredData.filter(\n    (datum) =>\n      !(filterValue?.startDate && filterValue?.endDate) ||\n      (moment(filterValue?.startDate, momentFormat).isSameOrBefore(datum[filterKey], 'day') &&\n        moment(filterValue?.endDate, momentFormat).isSameOrAfter(datum[filterKey], 'day')),\n  );\n"],
+  "mappings": "AAAA;ACAA;AACA;AAKO,MAAM,oBAGR,CAAC,gBAAgB,WAAW,gBAC/B,eAAe,OACb,CAAC,UACC,CAAE,cAAa,aAAa,aAAa,YACxC,OAAO,aAAa,WAAW,cAAc,eAAe,MAAM,YAAY,UAC7E,OAAO,aAAa,SAAS,cAAc,cAAc,MAAM,YAAY;",
+  "names": []
+}

package/esm/exported-related/Filters/dateSwitcherFilterFn.js

@@ -1,8 +1,8 @@
-import { dateRangeFilterFn } from './dateRangeFilterFn.js';
-import { singleDateFilterFn } from './singleDateFilterFn.js';
-
-// use file instead of index to avoid circular imports!
-
+import * as React from "react";
+import { dateRangeFilterFn } from "./dateRangeFilterFn";
+import { singleDateFilterFn } from "./singleDateFilterFn";
 const dateSwitcherFilterFn = (unfilteredData, filterKey, filterValue) => filterValue.isDateRange ? dateRangeFilterFn(unfilteredData, filterKey, filterValue) : singleDateFilterFn(unfilteredData, filterKey, filterValue.startDate);
-
-export { dateSwitcherFilterFn };
+export {
+  dateSwitcherFilterFn
+};
+//# sourceMappingURL=dateSwitcherFilterFn.js.map

package/esm/exported-related/Filters/dateSwitcherFilterFn.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/exported-related/Filters/dateSwitcherFilterFn.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { dateRangeFilterFn } from './dateRangeFilterFn';\nimport { singleDateFilterFn } from './singleDateFilterFn';\n// configs imports this file, we can't import from /configs/index.js directly\n// use file instead of index to avoid circular imports!\nimport { FilterFn } from './types';\n\nexport const dateSwitcherFilterFn: FilterFn<{\n  startDate: string;\n  endDate: string;\n  isDateRange: boolean;\n}> = (unfilteredData, filterKey, filterValue) =>\n  filterValue.isDateRange\n    ? dateRangeFilterFn(unfilteredData, filterKey, filterValue)\n    : singleDateFilterFn(unfilteredData, filterKey, filterValue.startDate);\n"],
+  "mappings": "AAAA;ACAA;AACA;AAKO,MAAM,uBAIR,CAAC,gBAAgB,WAAW,gBAC/B,YAAY,cACR,kBAAkB,gBAAgB,WAAW,eAC7C,mBAAmB,gBAAgB,WAAW,YAAY;",
+  "names": []
+}

package/esm/exported-related/Filters/index.js

@@ -1,7 +1,9 @@
-export { applyOutOfTheBoxFilters } from './applyOutOfTheBoxFilters.js';
-export { singleDateFilterFn } from './singleDateFilterFn.js';
-export { singleSelectFilterFn } from './singleSelectFilterFn.js';
-export { multiSelectFilterFn } from './multiSelectFilterFn.js';
-export { numberRangeFilterFn } from './numberRangeFilterFn.js';
-export { currencyRangeFilterFn } from './currencyRangeFilterFn.js';
-export { dateRangeFilterFn } from './dateRangeFilterFn.js';
+import * as React from "react";
+export * from "./applyOutOfTheBoxFilters";
+export * from "./singleDateFilterFn";
+export * from "./singleSelectFilterFn";
+export * from "./multiSelectFilterFn";
+export * from "./numberRangeFilterFn";
+export * from "./currencyRangeFilterFn";
+export * from "./dateRangeFilterFn";
+//# sourceMappingURL=index.js.map

package/esm/exported-related/Filters/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/exported-related/Filters/index.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export * from './applyOutOfTheBoxFilters';\nexport * from './singleDateFilterFn';\nexport * from './singleSelectFilterFn';\nexport * from './multiSelectFilterFn';\nexport * from './numberRangeFilterFn';\nexport * from './currencyRangeFilterFn';\nexport * from './dateRangeFilterFn';\n"],
+  "mappings": "AAAA;ACAA;AACA;AACA;AACA;AACA;AACA;AACA;",
+  "names": []
+}

package/esm/exported-related/Filters/multiSelectFilterFn.js

@@ -1,15 +1,11 @@
-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.some.js';
-import 'core-js/modules/esnext.iterator.some.js';
-
+import * as React from "react";
 const multiSelectFilterFn = (unfilteredData, filterKey, filterValue) => {
   if (filterValue.length > 0) {
-    return unfilteredData.filter(datum => filterValue.some(item => item.label === datum[filterKey].toString()));
+    return unfilteredData.filter((datum) => filterValue.some((item) => item.label === datum[filterKey].toString()));
   }
-
   return unfilteredData;
 };
-
-export { multiSelectFilterFn };
+export {
+  multiSelectFilterFn
+};
+//# sourceMappingURL=multiSelectFilterFn.js.map

package/esm/exported-related/Filters/multiSelectFilterFn.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/exported-related/Filters/multiSelectFilterFn.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { FilterFn } from './types';\n\nexport const multiSelectFilterFn: FilterFn<{ label: string }[]> = (unfilteredData, filterKey, filterValue) => {\n  if (filterValue.length > 0) {\n    return unfilteredData.filter((datum) => filterValue.some((item) => item.label === datum[filterKey].toString()));\n  }\n  return unfilteredData;\n};\n"],
+  "mappings": "AAAA;ACEO,MAAM,sBAAqD,CAAC,gBAAgB,WAAW,gBAAgB;AAC5G,MAAI,YAAY,SAAS,GAAG;AAC1B,WAAO,eAAe,OAAO,CAAC,UAAU,YAAY,KAAK,CAAC,SAAS,KAAK,UAAU,MAAM,WAAW;AAAA;AAErG,SAAO;AAAA;",
+  "names": []
+}

package/esm/exported-related/Filters/numberRangeFilterFn.js

@@ -1,9 +1,7 @@
-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';
-
-const isEmpty = number => number === null || number === undefined;
-
-const numberRangeFilterFn = (unfilteredData, filterKey, filterValue) => unfilteredData.filter(datum => isEmpty(filterValue === null || filterValue === void 0 ? void 0 : filterValue.from) || isEmpty(filterValue === null || filterValue === void 0 ? void 0 : filterValue.to) || datum[filterKey] >= filterValue.from && datum[filterKey] <= filterValue.to);
-
-export { numberRangeFilterFn };
+import * as React from "react";
+const isEmpty = (number) => number === null || number === void 0;
+const numberRangeFilterFn = (unfilteredData, filterKey, filterValue) => unfilteredData.filter((datum) => isEmpty(filterValue?.from) || isEmpty(filterValue?.to) || datum[filterKey] >= filterValue.from && datum[filterKey] <= filterValue.to);
+export {
+  numberRangeFilterFn
+};
+//# sourceMappingURL=numberRangeFilterFn.js.map

package/esm/exported-related/Filters/numberRangeFilterFn.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/exported-related/Filters/numberRangeFilterFn.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { FilterFn } from './types';\n\nconst isEmpty = (number) => number === null || number === undefined;\n\nexport const numberRangeFilterFn: FilterFn<{ from: number; to: number }> = (unfilteredData, filterKey, filterValue) =>\n  unfilteredData.filter(\n    (datum) =>\n      isEmpty(filterValue?.from) ||\n      isEmpty(filterValue?.to) ||\n      (datum[filterKey] >= filterValue.from && datum[filterKey] <= filterValue.to),\n  );\n"],
+  "mappings": "AAAA;ACEA,MAAM,UAAU,CAAC,WAAW,WAAW,QAAQ,WAAW;AAEnD,MAAM,sBAA8D,CAAC,gBAAgB,WAAW,gBACrG,eAAe,OACb,CAAC,UACC,QAAQ,aAAa,SACrB,QAAQ,aAAa,OACpB,MAAM,cAAc,YAAY,QAAQ,MAAM,cAAc,YAAY;",
+  "names": []
+}

package/esm/exported-related/Filters/singleDateFilterFn.js

@@ -1,37 +1,8 @@
-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 moment from 'moment';
-import { momentFormat } from '../../configs/constants.js';
-import 'core-js/modules/web.dom-collections.iterator.js';
-import 'core-js/modules/esnext.async-iterator.reduce.js';
-import 'core-js/modules/esnext.iterator.reduce.js';
-import 'react';
-import 'react-virtual';
-import 'core-js/modules/esnext.async-iterator.for-each.js';
-import 'core-js/modules/esnext.iterator.for-each.js';
-import '../../configs/useRowFlattenization.js';
-import '@babel/runtime/helpers/esm/defineProperty';
-import 'core-js/modules/esnext.async-iterator.map.js';
-import 'core-js/modules/esnext.iterator.map.js';
-import '@babel/runtime/helpers/esm/jsx';
-import '@elliemae/ds-icons';
-import 'styled-components';
-import '../../styled.js';
-import 'react/jsx-runtime';
-import '@elliemae/ds-form';
-import '../../parts/TableContent.js';
-import '@elliemae/ds-grid';
-import '@elliemae/ds-circular-progress-indicator';
-import '@elliemae/ds-system';
-import '@elliemae/ds-button';
-import '../../DataTableContext.js';
-import '../../parts/Row.js';
-import '../../parts/Footer.js';
-import '../../parts/HoC/SortableItemContext.js';
-
-// use file instead of index to avoid circular imports!
-
-const singleDateFilterFn = (unfilteredData, filterKey, filterValue) => unfilteredData.filter(datum => moment(filterValue, momentFormat).isSame(datum[filterKey], 'day'));
-
-export { singleDateFilterFn };
+import * as React from "react";
+import moment from "moment";
+import { momentFormat } from "../../configs/constants";
+const singleDateFilterFn = (unfilteredData, filterKey, filterValue) => unfilteredData.filter((datum) => moment(filterValue, momentFormat).isSame(datum[filterKey], "day"));
+export {
+  singleDateFilterFn
+};
+//# sourceMappingURL=singleDateFilterFn.js.map

package/esm/exported-related/Filters/singleDateFilterFn.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/exported-related/Filters/singleDateFilterFn.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import moment from 'moment';\nimport { momentFormat } from '../../configs/constants';\n// configs imports this file, we can't import from /configs/index.js directly\n// use file instead of index to avoid circular imports!\nimport { FilterFn } from './types';\n\nexport const singleDateFilterFn: FilterFn<string> = (unfilteredData, filterKey, filterValue) =>\n  unfilteredData.filter((datum) => moment(filterValue, momentFormat).isSame(datum[filterKey], 'day'));\n"],
+  "mappings": "AAAA;ACAA;AACA;AAKO,MAAM,qBAAuC,CAAC,gBAAgB,WAAW,gBAC9E,eAAe,OAAO,CAAC,UAAU,OAAO,aAAa,cAAc,OAAO,MAAM,YAAY;",
+  "names": []
+}

package/esm/exported-related/Filters/singleSelectFilterFn.js

@@ -1,13 +1,11 @@
-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 * as React from "react";
 const singleSelectFilterFn = (unfilteredData, filterKey, filterValue) => {
   if (filterValue) {
-    return unfilteredData.filter(datum => datum[filterKey].toString() === filterValue.label);
+    return unfilteredData.filter((datum) => datum[filterKey].toString() === filterValue.label);
   }
-
   return unfilteredData;
 };
-
-export { singleSelectFilterFn };
+export {
+  singleSelectFilterFn
+};
+//# sourceMappingURL=singleSelectFilterFn.js.map

package/esm/exported-related/Filters/singleSelectFilterFn.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/exported-related/Filters/singleSelectFilterFn.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { FilterFn } from './types';\n\nexport const singleSelectFilterFn: FilterFn<{ label: string }> = (unfilteredData, filterKey, filterValue) => {\n  if (filterValue) {\n    return unfilteredData.filter((datum) => datum[filterKey].toString() === filterValue.label);\n  }\n  return unfilteredData;\n};\n"],
+  "mappings": "AAAA;ACEO,MAAM,uBAAoD,CAAC,gBAAgB,WAAW,gBAAgB;AAC3G,MAAI,aAAa;AACf,WAAO,eAAe,OAAO,CAAC,UAAU,MAAM,WAAW,eAAe,YAAY;AAAA;AAEtF,SAAO;AAAA;",
+  "names": []
+}

package/esm/exported-related/Filters/types.js

@@ -1 +1,2 @@
-
+import * as React from "react";
+//# sourceMappingURL=types.js.map

package/esm/exported-related/Filters/types.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n"],
+  "mappings": "AAAA;",
+  "names": []
+}

package/esm/exported-related/RowRenderer/DefaultRowContentRenderer.js

@@ -1,66 +1,31 @@
-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 { useRef, useLayoutEffect, useMemo } from 'react';
-import { INTERNAL_COLUMNS } from '../../addons/Columns/index.js';
-import { DATA_TESTID } from '../../configs/constants.js';
-import 'core-js/modules/web.dom-collections.iterator.js';
-import 'core-js/modules/esnext.async-iterator.reduce.js';
-import 'core-js/modules/esnext.iterator.reduce.js';
-import 'react-virtual';
-import '../../configs/useRowFlattenization.js';
-import 'core-js/modules/esnext.async-iterator.map.js';
-import 'core-js/modules/esnext.iterator.map.js';
-import Cells from '../../parts/Cells/index.js';
-import { DropIndicatorPosition } from '../../parts/HoC/SortableItemContext.js';
-import { StyledCellContainer } from '../../styled.js';
-import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
-
-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 DetailsWrapper = props =>
-/*#__PURE__*/
-// This can be further customized
-// eslint-disable-next-line react/prop-types
-// eslint-disable-next-line jsx-a11y/no-static-element-interactions
-_jsx("div", {
+import * as React from "react";
+import React2, { useMemo, useLayoutEffect, useRef } from "react";
+import { INTERNAL_COLUMNS } from "../../addons/Columns";
+import { DATA_TESTID } from "../../configs/constants";
+import { Cells } from "../../parts/Cells";
+import { DropIndicatorPosition } from "../../parts/HoC/SortableItemContext";
+import { StyledCellContainer } from "../../styled";
+const DetailsWrapper = (props) => /* @__PURE__ */ React2.createElement("div", {
   "data-role": "detail-view",
   style: {
-    borderTop: '1px solid #EBEDF0',
-    borderBottom: '1px solid #EBEDF0'
+    borderTop: "1px solid #EBEDF0",
+    borderBottom: "1px solid #EBEDF0"
   },
-  onClick: e => e.stopPropagation(),
-  onKeyDown: e => e.stopPropagation()
-}, void 0, props.children);
-
-const ariaLabelMessage = (row, selected) => "Row number ".concat(row.realIndex + 1).concat(row.parentIndex !== null ? ", child of row number ".concat(row.parentIndex + 1) : '', ". ").concat(selected ? 'Selected. ' : '', "To interact with the cells press enter");
-
-const DefaultRowContentRenderer = props => {
+  onClick: (e) => e.stopPropagation(),
+  onKeyDown: (e) => e.stopPropagation()
+}, props.children);
+const ariaLabelMessage = (row, selected) => `Row number ${row.realIndex + 1}${row.parentIndex !== null ? `, child of row number ${row.parentIndex + 1}` : ""}. ${selected ? "Selected. " : ""}To interact with the cells press enter`;
+const DefaultRowContentRenderer = (props) => {
   const {
     row,
     ctx: {
-      tableProps: {
-        isExpandable,
-        colsLayoutStyle,
-        selection,
-        noSelectionColumn,
-        expandedRows,
-        disabledRows
-      },
-      layoutHelpers: {
-        gridLayout
-      },
+      tableProps: { isExpandable, colsLayoutStyle, selection, noSelectionColumn, expandedRows, disabledRows },
+      layoutHelpers: { gridLayout },
       visibleColumns
     },
     draggableProps,
     isDragOverlay,
-    backgroundColor = 'white',
+    backgroundColor = "white",
     dropIndicatorPosition,
     focusedRowId,
     selectedRowId,
@@ -71,19 +36,16 @@ const DefaultRowContentRenderer = props => {
   const isDragging = draggableProps && draggableProps.isDragging;
   useLayoutEffect(() => {
     if (row.uid === focusedRowId) {
-      rowRef.current.focus({
-        preventScroll: true
-      });
+      rowRef.current.focus({ preventScroll: true });
     }
   }, [focusedRowId, row.uid]);
   const gridTemplateColProps = useMemo(() => ({
-    cols: isDragOverlay ? ['24px', 'auto'] : gridLayout,
+    cols: isDragOverlay ? ["24px", "auto"] : gridLayout,
     isExpandable,
     colLayoutStyle: colsLayoutStyle
   }), [isDragOverlay, gridLayout, colsLayoutStyle, isExpandable]);
   const detailsIndent = useMemo(() => {
     let padding = 0;
-
     for (let i = 0; i < visibleColumns.length; i += 1) {
       if (INTERNAL_COLUMNS.includes(visibleColumns[i].id)) {
         padding += visibleColumns[i].width;
@@ -92,45 +54,61 @@ const DefaultRowContentRenderer = props => {
         break;
       }
     }
-
     return padding;
   }, [row.depth, visibleColumns]);
   const PureRowContent = useMemo(() => {
     const DetailsView = row.original.tableRowDetails;
-    return /*#__PURE__*/jsxs(Fragment, {
-      children: [/*#__PURE__*/jsx(StyledCellContainer, _objectSpread(_objectSpread({
-        ref: rowRef,
-        tabIndex: 0,
-        role: "row",
-        "aria-rowindex": row.realIndex + 1,
-        "aria-label": ariaLabelMessage(row, (selection === null || selection === void 0 ? void 0 : selection[row.uid]) === true),
-        "aria-level": row.depth + 1,
-        "aria-selected": (selection === null || selection === void 0 ? void 0 : selection[row.uid]) === true,
-        "aria-expanded": isExpandable ? expandedRows[row.uid] === true : undefined,
-        "aria-disabled": disabledRows[row.uid]
-      }, gridTemplateColProps), {}, {
-        backgroundColor: backgroundColor,
-        height: compact ? '24px' : 'auto',
-        minHeight: compact ? '24px' : '36px',
-        isDropIndicatorPositionInside: dropIndicatorPosition === DropIndicatorPosition.Inside,
-        shouldDisplayHover: !isDndActive && !isDragging && !isDragOverlay,
-        isDragOverlay: isDragOverlay,
-        isDragging: isDragging,
-        selected: noSelectionColumn && (selection === null || selection === void 0 ? void 0 : selection[row.uid]) === true,
-        disabled: disabledRows[row.uid],
-        "data-testid": DATA_TESTID.DATA_TABLE_ROW_CONTENT,
-        children: /*#__PURE__*/_jsx(Cells, {
-          row: row,
-          isRowSelected: selectedRowId === row.uid,
-          isDragOverlay: isDragOverlay
-        }, row.uid)
-      }), row.uid), isExpandable && row.isExpanded && DetailsView && /*#__PURE__*/_jsx(DetailsWrapper, {}, void 0, /*#__PURE__*/_jsx(DetailsView, {
-        row: row,
-        detailsIndent: detailsIndent
-      }))]
-    });
-  }, [row, selection, isExpandable, expandedRows, disabledRows, gridTemplateColProps, backgroundColor, compact, dropIndicatorPosition, isDndActive, isDragging, isDragOverlay, noSelectionColumn, selectedRowId, detailsIndent]);
+    return /* @__PURE__ */ React2.createElement(React2.Fragment, null, /* @__PURE__ */ React2.createElement(StyledCellContainer, {
+      ref: rowRef,
+      key: row.uid,
+      tabIndex: 0,
+      role: "row",
+      "aria-rowindex": row.realIndex + 1,
+      "aria-label": ariaLabelMessage(row, selection?.[row.uid] === true),
+      "aria-level": row.depth + 1,
+      "aria-selected": selection?.[row.uid] === true,
+      "aria-expanded": isExpandable ? expandedRows[row.uid] === true : void 0,
+      "aria-disabled": disabledRows[row.uid],
+      ...gridTemplateColProps,
+      backgroundColor,
+      height: compact ? "24px" : "auto",
+      minHeight: compact ? "24px" : "36px",
+      isDropIndicatorPositionInside: dropIndicatorPosition === DropIndicatorPosition.Inside,
+      shouldDisplayHover: !isDndActive && !isDragging && !isDragOverlay,
+      isDragOverlay,
+      isDragging,
+      selected: noSelectionColumn && selection?.[row.uid] === true,
+      disabled: disabledRows[row.uid],
+      "data-testid": DATA_TESTID.DATA_TABLE_ROW_CONTENT
+    }, /* @__PURE__ */ React2.createElement(Cells, {
+      row,
+      isRowSelected: selectedRowId === row.uid,
+      isDragOverlay,
+      key: row.uid
+    })), isExpandable && row.isExpanded && DetailsView && /* @__PURE__ */ React2.createElement(DetailsWrapper, null, /* @__PURE__ */ React2.createElement(DetailsView, {
+      row,
+      detailsIndent
+    })));
+  }, [
+    row,
+    selection,
+    isExpandable,
+    expandedRows,
+    disabledRows,
+    gridTemplateColProps,
+    backgroundColor,
+    compact,
+    dropIndicatorPosition,
+    isDndActive,
+    isDragging,
+    isDragOverlay,
+    noSelectionColumn,
+    selectedRowId,
+    detailsIndent
+  ]);
   return PureRowContent;
 };
-
-export { DefaultRowContentRenderer };
+export {
+  DefaultRowContentRenderer
+};
+//# sourceMappingURL=DefaultRowContentRenderer.js.map

package/esm/exported-related/RowRenderer/DefaultRowContentRenderer.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/exported-related/RowRenderer/DefaultRowContentRenderer.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable max-lines */\n/* eslint-disable react/prop-types */\nimport React, { useMemo, useLayoutEffect, useRef } from 'react';\nimport { INTERNAL_COLUMNS } from '../../addons/Columns';\nimport { DATA_TESTID } from '../../configs/constants';\nimport { Cells } from '../../parts/Cells';\nimport { DropIndicatorPosition } from '../../parts/HoC/SortableItemContext';\nimport { RowVariantProps } from '../../parts/RowVariants/types';\nimport { StyledCellContainer } from '../../styled';\nimport { TypescriptRow } from '../../types/props';\n\nconst DetailsWrapper = (props) => (\n  // This can be further customized\n  // eslint-disable-next-line react/prop-types\n  // eslint-disable-next-line jsx-a11y/no-static-element-interactions\n  <div\n    data-role=\"detail-view\"\n    style={{\n      borderTop: '1px solid #EBEDF0',\n      borderBottom: '1px solid #EBEDF0',\n    }}\n    onClick={(e) => e.stopPropagation()}\n    onKeyDown={(e) => e.stopPropagation()}\n  >\n    {props.children}\n  </div>\n);\n\nconst ariaLabelMessage = (row: TypescriptRow, selected: boolean) =>\n  `Row number ${row.realIndex + 1}${row.parentIndex !== null ? `, child of row number ${row.parentIndex + 1}` : ''}. ${\n    selected ? 'Selected. ' : ''\n  }To interact with the cells press enter`;\n\nexport const DefaultRowContentRenderer: React.ComponentType<RowVariantProps> = (props) => {\n  const {\n    row,\n    ctx: {\n      tableProps: { isExpandable, colsLayoutStyle, selection, noSelectionColumn, expandedRows, disabledRows },\n      layoutHelpers: { gridLayout },\n      visibleColumns,\n    },\n    draggableProps,\n    isDragOverlay,\n    backgroundColor = 'white',\n    dropIndicatorPosition,\n    focusedRowId,\n    selectedRowId,\n    compact,\n  } = props;\n\n  const rowRef = useRef<HTMLDivElement>(null);\n  const isDndActive = draggableProps && draggableProps.active;\n  const isDragging = draggableProps && draggableProps.isDragging;\n\n  useLayoutEffect(() => {\n    if (row.uid === focusedRowId) {\n      rowRef.current.focus({ preventScroll: true });\n    }\n  }, [focusedRowId, row.uid]);\n\n  const gridTemplateColProps = useMemo(\n    () => ({\n      cols: isDragOverlay ? ['24px', 'auto'] : gridLayout,\n      isExpandable,\n      colLayoutStyle: colsLayoutStyle,\n    }),\n    [isDragOverlay, gridLayout, colsLayoutStyle, isExpandable],\n  );\n\n  const detailsIndent = useMemo(() => {\n    let padding = 0;\n    for (let i = 0; i < visibleColumns.length; i += 1) {\n      if (INTERNAL_COLUMNS.includes(visibleColumns[i].id)) {\n        padding += visibleColumns[i].width;\n      } else {\n        padding += row.depth * 32 + 15;\n        break;\n      }\n    }\n    return padding;\n  }, [row.depth, visibleColumns]);\n\n  const PureRowContent = useMemo(() => {\n    const DetailsView = row.original.tableRowDetails;\n    return (\n      <>\n        <StyledCellContainer\n          ref={rowRef}\n          key={row.uid}\n          tabIndex={0}\n          role=\"row\"\n          aria-rowindex={row.realIndex + 1}\n          aria-label={ariaLabelMessage(row, selection?.[row.uid] === true)}\n          aria-level={row.depth + 1}\n          aria-selected={selection?.[row.uid] === true}\n          aria-expanded={isExpandable ? expandedRows[row.uid] === true : undefined}\n          aria-disabled={disabledRows[row.uid]}\n          {...gridTemplateColProps}\n          backgroundColor={backgroundColor}\n          height={compact ? '24px' : 'auto'}\n          minHeight={compact ? '24px' : '36px'}\n          isDropIndicatorPositionInside={dropIndicatorPosition === DropIndicatorPosition.Inside}\n          shouldDisplayHover={!isDndActive && !isDragging && !isDragOverlay}\n          isDragOverlay={isDragOverlay}\n          isDragging={isDragging}\n          selected={noSelectionColumn && selection?.[row.uid] === true}\n          disabled={disabledRows[row.uid]}\n          data-testid={DATA_TESTID.DATA_TABLE_ROW_CONTENT}\n        >\n          <Cells row={row} isRowSelected={selectedRowId === row.uid} isDragOverlay={isDragOverlay} key={row.uid} />\n        </StyledCellContainer>\n        {isExpandable && row.isExpanded && DetailsView && (\n          <DetailsWrapper>\n            <DetailsView row={row} detailsIndent={detailsIndent} />\n          </DetailsWrapper>\n        )}\n      </>\n    );\n  }, [\n    row,\n    selection,\n    isExpandable,\n    expandedRows,\n    disabledRows,\n    gridTemplateColProps,\n    backgroundColor,\n    compact,\n    dropIndicatorPosition,\n    isDndActive,\n    isDragging,\n    isDragOverlay,\n    noSelectionColumn,\n    selectedRowId,\n    detailsIndent,\n  ]);\n\n  return PureRowContent;\n};\n"],
+  "mappings": "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",
+  "names": []
+}