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

package/dist/esm/exported-related/FilterTypes.js

@@ -1,14 +0,0 @@
-import * as React from "react";
-const FILTER_TYPES = {
-  SELECT: "ds-filter-select",
-  MULTI_SELECT: "ds-filter-multi-select",
-  SINGLE_DATE: "ds-filter-single-date",
-  DATE_RANGE: "ds-filter-date-range",
-  DATE_SWITCHER: "ds-filter-date-switcher",
-  NUMBER_RANGE: "ds-filter-number-range",
-  CURRENCY_RANGE: "ds-filter-currency-range"
-};
-export {
-  FILTER_TYPES
-};
-//# sourceMappingURL=FilterTypes.js.map

package/dist/esm/exported-related/FilterTypes.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/exported-related/FilterTypes.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export const FILTER_TYPES = {\n  SELECT: 'ds-filter-select',\n  MULTI_SELECT: 'ds-filter-multi-select',\n  SINGLE_DATE: 'ds-filter-single-date',\n  DATE_RANGE: 'ds-filter-date-range',\n  DATE_SWITCHER: 'ds-filter-date-switcher',\n  NUMBER_RANGE: 'ds-filter-number-range',\n  CURRENCY_RANGE: 'ds-filter-currency-range',\n};\n"],
-  "mappings": "AAAA;ACAO,MAAM,eAAe;AAAA,EAC1B,QAAQ;AAAA,EACR,cAAc;AAAA,EACd,aAAa;AAAA,EACb,YAAY;AAAA,EACZ,eAAe;AAAA,EACf,cAAc;AAAA,EACd,gBAAgB;AAAA;",
-  "names": []
-}

package/dist/esm/exported-related/Filters/applyOutOfTheBoxFilters.js

@@ -1,31 +0,0 @@
-import * as React from "react";
-import { singleSelectFilterFn } from "./singleSelectFilterFn";
-import { multiSelectFilterFn } from "./multiSelectFilterFn";
-import { singleDateFilterFn } from "./singleDateFilterFn";
-import { dateRangeFilterFn } from "./dateRangeFilterFn";
-import { dateSwitcherFilterFn } from "./dateSwitcherFilterFn";
-import { numberRangeFilterFn } from "./numberRangeFilterFn";
-import { currencyRangeFilterFn } from "./currencyRangeFilterFn";
-import { FILTER_TYPES } from "../FilterTypes";
-const filterMapper = {
-  [FILTER_TYPES.SELECT]: singleSelectFilterFn,
-  [FILTER_TYPES.MULTI_SELECT]: multiSelectFilterFn,
-  [FILTER_TYPES.SINGLE_DATE]: singleDateFilterFn,
-  [FILTER_TYPES.DATE_RANGE]: dateRangeFilterFn,
-  [FILTER_TYPES.DATE_SWITCHER]: dateSwitcherFilterFn,
-  [FILTER_TYPES.NUMBER_RANGE]: numberRangeFilterFn,
-  [FILTER_TYPES.CURRENCY_RANGE]: currencyRangeFilterFn
-};
-const applyOutOfTheBoxFilters = (data, filters) => {
-  let filteredData = data;
-  filters.forEach((filter) => {
-    if (filter.type in filterMapper) {
-      filteredData = filterMapper[filter.type](filteredData, filter.id, filter.value);
-    }
-  });
-  return filteredData;
-};
-export {
-  applyOutOfTheBoxFilters
-};
-//# sourceMappingURL=applyOutOfTheBoxFilters.js.map

package/dist/esm/exported-related/Filters/applyOutOfTheBoxFilters.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/exported-related/Filters/applyOutOfTheBoxFilters.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { singleSelectFilterFn } from './singleSelectFilterFn';\nimport { multiSelectFilterFn } from './multiSelectFilterFn';\nimport { singleDateFilterFn } from './singleDateFilterFn';\nimport { dateRangeFilterFn } from './dateRangeFilterFn';\nimport { dateSwitcherFilterFn } from './dateSwitcherFilterFn';\nimport { numberRangeFilterFn } from './numberRangeFilterFn';\nimport { currencyRangeFilterFn } from './currencyRangeFilterFn';\nimport { FilterFn } from './types';\nimport { FILTER_TYPES } from '../FilterTypes';\nimport { TypescriptAppliedFilter, TypescriptRow } from '../../types/props';\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nconst filterMapper: Record<string, FilterFn<any>> = {\n  [FILTER_TYPES.SELECT]: singleSelectFilterFn,\n  [FILTER_TYPES.MULTI_SELECT]: multiSelectFilterFn,\n  [FILTER_TYPES.SINGLE_DATE]: singleDateFilterFn,\n  [FILTER_TYPES.DATE_RANGE]: dateRangeFilterFn,\n  [FILTER_TYPES.DATE_SWITCHER]: dateSwitcherFilterFn,\n  [FILTER_TYPES.NUMBER_RANGE]: numberRangeFilterFn,\n  [FILTER_TYPES.CURRENCY_RANGE]: currencyRangeFilterFn,\n};\n\nexport const applyOutOfTheBoxFilters = (data: TypescriptRow[], filters: TypescriptAppliedFilter[]): TypescriptRow[] => {\n  let filteredData = data;\n\n  filters.forEach((filter) => {\n    if (filter.type in filterMapper) {\n      filteredData = filterMapper[filter.type](filteredData, filter.id, filter.value);\n    }\n  });\n\n  return filteredData;\n};\n"],
-  "mappings": "AAAA;ACAA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AAIA,MAAM,eAA8C;AAAA,GACjD,aAAa,SAAS;AAAA,GACtB,aAAa,eAAe;AAAA,GAC5B,aAAa,cAAc;AAAA,GAC3B,aAAa,aAAa;AAAA,GAC1B,aAAa,gBAAgB;AAAA,GAC7B,aAAa,eAAe;AAAA,GAC5B,aAAa,iBAAiB;AAAA;AAG1B,MAAM,0BAA0B,CAAC,MAAuB,YAAwD;AACrH,MAAI,eAAe;AAEnB,UAAQ,QAAQ,CAAC,WAAW;AAC1B,QAAI,OAAO,QAAQ,cAAc;AAC/B,qBAAe,aAAa,OAAO,MAAM,cAAc,OAAO,IAAI,OAAO;AAAA;AAAA;AAI7E,SAAO;AAAA;",
-  "names": []
-}

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

@@ -1,20 +0,0 @@
-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 === 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);
-};
-export {
-  currencyRangeFilterFn
-};
-//# sourceMappingURL=currencyRangeFilterFn.js.map

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

@@ -1,7 +0,0 @@
-{
-  "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/dist/esm/exported-related/Filters/dateRangeFilterFn.js

@@ -1,8 +0,0 @@
-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/dist/esm/exported-related/Filters/dateRangeFilterFn.js.map

@@ -1,7 +0,0 @@
-{
-  "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/dist/esm/exported-related/Filters/dateSwitcherFilterFn.js

@@ -1,8 +0,0 @@
-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
-};
-//# sourceMappingURL=dateSwitcherFilterFn.js.map

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

@@ -1,7 +0,0 @@
-{
-  "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/dist/esm/exported-related/Filters/index.js

@@ -1,9 +0,0 @@
-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/dist/esm/exported-related/Filters/index.js.map

@@ -1,7 +0,0 @@
-{
-  "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/dist/esm/exported-related/Filters/multiSelectFilterFn.js

@@ -1,11 +0,0 @@
-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;
-};
-export {
-  multiSelectFilterFn
-};
-//# sourceMappingURL=multiSelectFilterFn.js.map

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

@@ -1,7 +0,0 @@
-{
-  "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/dist/esm/exported-related/Filters/numberRangeFilterFn.js

@@ -1,7 +0,0 @@
-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/dist/esm/exported-related/Filters/numberRangeFilterFn.js.map

@@ -1,7 +0,0 @@
-{
-  "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/dist/esm/exported-related/Filters/singleDateFilterFn.js

@@ -1,8 +0,0 @@
-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/dist/esm/exported-related/Filters/singleDateFilterFn.js.map

@@ -1,7 +0,0 @@
-{
-  "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/dist/esm/exported-related/Filters/singleSelectFilterFn.js

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

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

@@ -1,7 +0,0 @@
-{
-  "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/dist/esm/exported-related/Filters/types.js

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

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

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

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

@@ -1,114 +0,0 @@
-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"
-  },
-  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 },
-      visibleColumns
-    },
-    draggableProps,
-    isDragOverlay,
-    backgroundColor = "white",
-    dropIndicatorPosition,
-    focusedRowId,
-    selectedRowId,
-    compact
-  } = props;
-  const rowRef = useRef(null);
-  const isDndActive = draggableProps && draggableProps.active;
-  const isDragging = draggableProps && draggableProps.isDragging;
-  useLayoutEffect(() => {
-    if (row.uid === focusedRowId) {
-      rowRef.current.focus({ preventScroll: true });
-    }
-  }, [focusedRowId, row.uid]);
-  const gridTemplateColProps = useMemo(() => ({
-    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;
-      } else {
-        padding += row.depth * 32 + 15;
-        break;
-      }
-    }
-    return padding;
-  }, [row.depth, visibleColumns]);
-  const PureRowContent = useMemo(() => {
-    const DetailsView = row.original.tableRowDetails;
-    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
-};
-//# sourceMappingURL=DefaultRowContentRenderer.js.map

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

@@ -1,7 +0,0 @@
-{
-  "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": []
-}

package/dist/esm/exported-related/RowRenderer/index.js

@@ -1,98 +0,0 @@
-import * as React from "react";
-import React2, { useContext } from "react";
-import { DataTableContext } from "../../DataTableContext";
-import { StyledFullsizeGrid } from "../../styled";
-import { DefaultRowContentRenderer } from "./DefaultRowContentRenderer";
-import { useRowRendererHandlers } from "./useRowRendererHandlers";
-import { useRowRendererProperties } from "./useRowRendererProperties";
-import { DropIndicator } from "../../parts/DropIndicator";
-import { SortableItemContext } from "../../parts/HoC/SortableItemContext";
-import { DATA_TESTID } from "../../configs/constants";
-const magicDottedBorder = /* @__PURE__ */ React2.createElement("svg", {
-  width: "100%",
-  height: "1px"
-}, /* @__PURE__ */ React2.createElement("line", {
-  x1: "0",
-  y1: "0",
-  x2: "100%",
-  y2: "0",
-  stroke: "#B0B9C8FF",
-  strokeWidth: "1.5",
-  strokeDasharray: "0, 5",
-  strokeDashoffset: "0",
-  strokeLinecap: "round"
-}));
-const RowRenderer = (props) => {
-  const {
-    row,
-    itemIndex,
-    minHeight = "36px",
-    height = "auto",
-    rowsLayout = [1],
-    CustomRowContentRenderer,
-    focusedRowId,
-    selectedRowId,
-    isDragOverlay
-  } = props;
-  const ctx = useContext(DataTableContext);
-  const { draggableProps } = useContext(SortableItemContext);
-  const { flattenedData } = ctx;
-  const {
-    userDataProperties,
-    colsLayoutStyle,
-    totalColumnsWidth,
-    rowStyle,
-    shouldAppendDottedBorder,
-    dropIndicatorPosition
-  } = useRowRendererProperties({
-    row
-  });
-  const { handleItemClick, handleKeyDown, handleOnBlur, handleOnFocus } = useRowRendererHandlers({
-    row,
-    itemIndex,
-    items: flattenedData,
-    draggableProps,
-    isDragOverlay,
-    selectedRowId
-  });
-  const rowContentProps = {
-    ...props,
-    ctx,
-    focusedRowId,
-    selectedRowId,
-    draggableProps,
-    dropIndicatorPosition
-  };
-  return /* @__PURE__ */ React2.createElement(StyledFullsizeGrid, {
-    "data-testid": DATA_TESTID.DATA_TABLE_ROW,
-    key: row.uid,
-    colsLayoutStyle,
-    ...userDataProperties,
-    totalColumnsWidth,
-    style: rowStyle,
-    onClick: handleItemClick,
-    onKeyDown: handleKeyDown,
-    onBlur: handleOnBlur,
-    onFocus: handleOnFocus,
-    "data-expandable": Boolean(row.original.tableRowDetails),
-    "data-is-row-expanded": row.isExpanded,
-    rows: rowsLayout,
-    minHeight,
-    height
-  }, CustomRowContentRenderer ? /* @__PURE__ */ React2.createElement(CustomRowContentRenderer, {
-    ...rowContentProps
-  }) : /* @__PURE__ */ React2.createElement(DefaultRowContentRenderer, {
-    ...rowContentProps,
-    key: row.uid
-  }), shouldAppendDottedBorder && magicDottedBorder, /* @__PURE__ */ React2.createElement(DropIndicator, {
-    vertical: false,
-    dropIndicatorPosition,
-    isLast: row.index === flattenedData.length - 1 && draggableProps && draggableProps.isDragging
-  }));
-};
-var RowRenderer_default = RowRenderer;
-export {
-  RowRenderer,
-  RowRenderer_default as default
-};
-//# sourceMappingURL=index.js.map

package/dist/esm/exported-related/RowRenderer/index.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/exported-related/RowRenderer/index.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable max-lines */\n/* eslint-disable react/prop-types */\nimport React, { useContext } from 'react';\nimport { DataTableContext } from '../../DataTableContext';\nimport { RowVariantProps } from '../../parts/RowVariants/types';\nimport { StyledFullsizeGrid } from '../../styled';\nimport { TypescriptRow } from '../../types/props';\nimport { DefaultRowContentRenderer } from './DefaultRowContentRenderer';\nimport { useRowRendererHandlers } from './useRowRendererHandlers';\nimport { useRowRendererProperties } from './useRowRendererProperties';\nimport { DropIndicator } from '../../parts/DropIndicator';\nimport { SortableItemContext } from '../../parts/HoC/SortableItemContext';\nimport { DATA_TESTID } from '../../configs/constants';\n\ninterface RowRendererProps {\n  row: TypescriptRow;\n  compact: boolean;\n  itemIndex: number;\n  isDragOverlay: boolean;\n  minHeight: string;\n  height: string;\n  rowsLayout?: (string | number)[];\n  colsLayout?: (string | number)[];\n  CustomRowContentRenderer?: React.ComponentType<RowVariantProps>;\n  focusedRowId: string;\n  selectedRowId: string;\n  backgroundColor?: string;\n}\n\n// CSS don't let us modify the spacing between the dots, so one solution is to use SVG\nconst magicDottedBorder = (\n  <svg width=\"100%\" height=\"1px\">\n    <line\n      x1=\"0\"\n      y1=\"0\"\n      x2=\"100%\"\n      y2=\"0\"\n      stroke=\"#B0B9C8FF\"\n      strokeWidth=\"1.5\"\n      strokeDasharray=\"0, 5\"\n      strokeDashoffset=\"0\"\n      strokeLinecap=\"round\"\n    />\n  </svg>\n);\n\nconst RowRenderer: React.ComponentType<RowRendererProps> = (props) => {\n  const {\n    row,\n    itemIndex,\n    minHeight = '36px',\n    height = 'auto',\n    rowsLayout = [1],\n    CustomRowContentRenderer,\n    focusedRowId,\n    selectedRowId,\n    isDragOverlay,\n  } = props;\n\n  const ctx = useContext(DataTableContext);\n  const { draggableProps } = useContext(SortableItemContext);\n  const { flattenedData } = ctx;\n\n  // ===========================================================================\n  // Properties for the row\n  // ===========================================================================\n\n  const {\n    userDataProperties,\n    colsLayoutStyle,\n    totalColumnsWidth,\n    rowStyle,\n    shouldAppendDottedBorder,\n    dropIndicatorPosition,\n  } = useRowRendererProperties({\n    row,\n  });\n\n  // ===========================================================================\n  // Handlers\n  // ===========================================================================\n\n  const { handleItemClick, handleKeyDown, handleOnBlur, handleOnFocus } = useRowRendererHandlers({\n    row,\n    itemIndex,\n    items: flattenedData,\n    draggableProps,\n    isDragOverlay,\n    selectedRowId,\n  });\n\n  const rowContentProps: RowVariantProps = {\n    ...props,\n    ctx,\n    focusedRowId,\n    selectedRowId,\n    draggableProps,\n    dropIndicatorPosition,\n  };\n\n  return (\n    <StyledFullsizeGrid\n      data-testid={DATA_TESTID.DATA_TABLE_ROW}\n      key={row.uid}\n      colsLayoutStyle={colsLayoutStyle}\n      {...userDataProperties}\n      totalColumnsWidth={totalColumnsWidth}\n      style={rowStyle}\n      onClick={handleItemClick}\n      onKeyDown={handleKeyDown}\n      onBlur={handleOnBlur}\n      onFocus={handleOnFocus}\n      data-expandable={Boolean(row.original.tableRowDetails)}\n      data-is-row-expanded={row.isExpanded}\n      rows={rowsLayout}\n      minHeight={minHeight}\n      height={height}\n    >\n      {CustomRowContentRenderer ? (\n        <CustomRowContentRenderer {...rowContentProps} />\n      ) : (\n        <DefaultRowContentRenderer {...rowContentProps} key={row.uid} />\n      )}\n      {shouldAppendDottedBorder && magicDottedBorder}\n      <DropIndicator\n        vertical={false}\n        dropIndicatorPosition={dropIndicatorPosition}\n        isLast={row.index === flattenedData.length - 1 && draggableProps && draggableProps.isDragging}\n      />\n    </StyledFullsizeGrid>\n  );\n};\n\nexport { RowRenderer };\nexport default RowRenderer;\n"],
-  "mappings": "AAAA;ACEA;AACA;AAEA;AAEA;AACA;AACA;AACA;AACA;AACA;AAkBA,MAAM,oBACJ,qCAAC,OAAD;AAAA,EAAK,OAAM;AAAA,EAAO,QAAO;AAAA,GACvB,qCAAC,QAAD;AAAA,EACE,IAAG;AAAA,EACH,IAAG;AAAA,EACH,IAAG;AAAA,EACH,IAAG;AAAA,EACH,QAAO;AAAA,EACP,aAAY;AAAA,EACZ,iBAAgB;AAAA,EAChB,kBAAiB;AAAA,EACjB,eAAc;AAAA;AAKpB,MAAM,cAAqD,CAAC,UAAU;AACpE,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA,YAAY;AAAA,IACZ,SAAS;AAAA,IACT,aAAa,CAAC;AAAA,IACd;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,MACE;AAEJ,QAAM,MAAM,WAAW;AACvB,QAAM,EAAE,mBAAmB,WAAW;AACtC,QAAM,EAAE,kBAAkB;AAM1B,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,MACE,yBAAyB;AAAA,IAC3B;AAAA;AAOF,QAAM,EAAE,iBAAiB,eAAe,cAAc,kBAAkB,uBAAuB;AAAA,IAC7F;AAAA,IACA;AAAA,IACA,OAAO;AAAA,IACP;AAAA,IACA;AAAA,IACA;AAAA;AAGF,QAAM,kBAAmC;AAAA,OACpC;AAAA,IACH;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAGF,SACE,qCAAC,oBAAD;AAAA,IACE,eAAa,YAAY;AAAA,IACzB,KAAK,IAAI;AAAA,IACT;AAAA,OACI;AAAA,IACJ;AAAA,IACA,OAAO;AAAA,IACP,SAAS;AAAA,IACT,WAAW;AAAA,IACX,QAAQ;AAAA,IACR,SAAS;AAAA,IACT,mBAAiB,QAAQ,IAAI,SAAS;AAAA,IACtC,wBAAsB,IAAI;AAAA,IAC1B,MAAM;AAAA,IACN;AAAA,IACA;AAAA,KAEC,2BACC,qCAAC,0BAAD;AAAA,OAA8B;AAAA,OAE9B,qCAAC,2BAAD;AAAA,OAA+B;AAAA,IAAiB,KAAK,IAAI;AAAA,MAE1D,4BAA4B,mBAC7B,qCAAC,eAAD;AAAA,IACE,UAAU;AAAA,IACV;AAAA,IACA,QAAQ,IAAI,UAAU,cAAc,SAAS,KAAK,kBAAkB,eAAe;AAAA;AAAA;AAO3F,IAAO,sBAAQ;",
-  "names": []
-}

package/dist/esm/exported-related/RowRenderer/useRowRendererHandlers.js

@@ -1,76 +0,0 @@
-import * as React from "react";
-import { useCallback, useContext } from "react";
-import { DATA_TESTID } from "../../configs/constants";
-import { DataTableContext } from "../../DataTableContext";
-import { useDispatchRowsActions } from "../../redux/reducers";
-const useRowRendererHandlers = ({
-  row,
-  itemIndex,
-  items,
-  draggableProps,
-  isDragOverlay,
-  selectedRowId
-}) => {
-  const {
-    tableProps: { onRowClick, onRowFocus },
-    virtualListHelpers: { scrollToIndex }
-  } = useContext(DataTableContext);
-  const { setSelectedRowId, setFocusedRowId } = useDispatchRowsActions();
-  const handleItemClick = useCallback((e, { original, uid } = row) => {
-    onRowClick(original, e, uid);
-    onRowFocus({
-      itemIndex,
-      scrollToItem: (opts = {
-        align: "start"
-      }) => scrollToIndex(itemIndex, opts),
-      original
-    }, e);
-  }, [row, onRowClick, onRowFocus, itemIndex, scrollToIndex]);
-  const isActive = draggableProps && draggableProps.active;
-  const handleKeyDown = useCallback((e) => {
-    if (isDragOverlay || isActive) {
-      e.preventDefault();
-      return;
-    }
-    if (e.code === "Enter") {
-      e.preventDefault();
-      if (selectedRowId !== row.uid) {
-        setSelectedRowId(row.uid);
-        setTimeout(() => {
-          const focuseableCell = row.cells.find((cell) => cell.ref.current !== null);
-          if (focuseableCell)
-            focuseableCell.ref.current.focus();
-        });
-      }
-    }
-    if (e.code === "Space") {
-      e.preventDefault();
-      handleItemClick(e, row);
-    }
-    if (e.code === "ArrowDown") {
-      e.preventDefault();
-      if (itemIndex + 1 < items.length)
-        setFocusedRowId(items[itemIndex + 1].uid);
-    }
-    if (e.code === "ArrowUp") {
-      e.preventDefault();
-      if (itemIndex - 1 >= 0)
-        setFocusedRowId(items[itemIndex - 1].uid);
-    }
-  }, [isDragOverlay, isActive, selectedRowId, row, setSelectedRowId, handleItemClick, itemIndex, items, setFocusedRowId]);
-  const handleOnBlur = useCallback((e) => {
-    if (e.relatedTarget?.getAttribute("data-testid") === "data-table-row-content") {
-      setSelectedRowId(null);
-    }
-  }, [setSelectedRowId]);
-  const handleOnFocus = useCallback((e) => {
-    if (e.target && e.target.getAttribute("data-testid") === DATA_TESTID.DATA_TABLE_ROW_CONTENT) {
-      setFocusedRowId(row.uid);
-    }
-  }, [row.uid, setFocusedRowId]);
-  return { handleItemClick, handleKeyDown, handleOnBlur, handleOnFocus };
-};
-export {
-  useRowRendererHandlers
-};
-//# sourceMappingURL=useRowRendererHandlers.js.map

package/dist/esm/exported-related/RowRenderer/useRowRendererHandlers.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/exported-related/RowRenderer/useRowRendererHandlers.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React, { useCallback, useContext } from 'react';\nimport { DATA_TESTID } from '../../configs/constants';\nimport { DataTableContext } from '../../DataTableContext';\nimport { SortableItemContextType } from '../../parts/HoC/SortableItemContext';\nimport { useDispatchRowsActions } from '../../redux/reducers';\nimport { TypescriptRow } from '../../types/props';\n\nexport const useRowRendererHandlers = ({\n  row,\n  itemIndex,\n  items,\n  draggableProps,\n  isDragOverlay,\n  selectedRowId,\n}: {\n  row: TypescriptRow;\n  itemIndex: number;\n  items: TypescriptRow[];\n  draggableProps: SortableItemContextType['draggableProps'];\n  isDragOverlay: boolean;\n  selectedRowId: string;\n}): {\n  handleItemClick: React.MouseEventHandler;\n  handleKeyDown: React.KeyboardEventHandler;\n  handleOnBlur: React.FocusEventHandler;\n  handleOnFocus: React.FocusEventHandler;\n} => {\n  const {\n    tableProps: { onRowClick, onRowFocus },\n    virtualListHelpers: { scrollToIndex },\n  } = useContext(DataTableContext);\n\n  const { setSelectedRowId, setFocusedRowId } = useDispatchRowsActions();\n\n  const handleItemClick = useCallback(\n    (e, { original, uid } = row) => {\n      // setSelectedRowId(null);\n      onRowClick(original, e, uid);\n      onRowFocus(\n        {\n          itemIndex,\n          scrollToItem: (\n            opts: { align: 'auto' | 'start' | 'center' | 'end' } = {\n              align: 'start',\n            },\n          ) => scrollToIndex(itemIndex, opts),\n          original,\n        },\n        e,\n      );\n    },\n    [row, onRowClick, onRowFocus, itemIndex, scrollToIndex],\n  );\n\n  const isActive = draggableProps && draggableProps.active;\n\n  const handleKeyDown = useCallback(\n    (e: React.KeyboardEvent) => {\n      if (isDragOverlay || isActive) {\n        e.preventDefault();\n        return;\n      }\n      if (e.code === 'Enter') {\n        e.preventDefault();\n        if (selectedRowId !== row.uid) {\n          setSelectedRowId(row.uid);\n          setTimeout(() => {\n            const focuseableCell = row.cells.find((cell) => cell.ref.current !== null);\n            if (focuseableCell) focuseableCell.ref.current.focus();\n          });\n        }\n      }\n      if (e.code === 'Space') {\n        e.preventDefault();\n        handleItemClick(e, row);\n      }\n      if (e.code === 'ArrowDown') {\n        e.preventDefault();\n        if (itemIndex + 1 < items.length) setFocusedRowId(items[itemIndex + 1].uid);\n      }\n      if (e.code === 'ArrowUp') {\n        e.preventDefault();\n        if (itemIndex - 1 >= 0) setFocusedRowId(items[itemIndex - 1].uid);\n      }\n    },\n    [isDragOverlay, isActive, selectedRowId, row, setSelectedRowId, handleItemClick, itemIndex, items, setFocusedRowId],\n  );\n\n  const handleOnBlur = useCallback(\n    (e) => {\n      if (e.relatedTarget?.getAttribute('data-testid') === 'data-table-row-content') {\n        setSelectedRowId(null);\n      }\n    },\n    [setSelectedRowId],\n  );\n\n  const handleOnFocus: React.FocusEventHandler = useCallback(\n    (e) => {\n      if (e.target && e.target.getAttribute('data-testid') === DATA_TESTID.DATA_TABLE_ROW_CONTENT) {\n        setFocusedRowId(row.uid);\n      }\n    },\n    [row.uid, setFocusedRowId],\n  );\n\n  return { handleItemClick, handleKeyDown, handleOnBlur, handleOnFocus };\n};\n"],
-  "mappings": "AAAA;ACAA;AACA;AACA;AAEA;AAGO,MAAM,yBAAyB,CAAC;AAAA,EACrC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,MAaG;AACH,QAAM;AAAA,IACJ,YAAY,EAAE,YAAY;AAAA,IAC1B,oBAAoB,EAAE;AAAA,MACpB,WAAW;AAEf,QAAM,EAAE,kBAAkB,oBAAoB;AAE9C,QAAM,kBAAkB,YACtB,CAAC,GAAG,EAAE,UAAU,QAAQ,QAAQ;AAE9B,eAAW,UAAU,GAAG;AACxB,eACE;AAAA,MACE;AAAA,MACA,cAAc,CACZ,OAAuD;AAAA,QACrD,OAAO;AAAA,YAEN,cAAc,WAAW;AAAA,MAC9B;AAAA,OAEF;AAAA,KAGJ,CAAC,KAAK,YAAY,YAAY,WAAW;AAG3C,QAAM,WAAW,kBAAkB,eAAe;AAElD,QAAM,gBAAgB,YACpB,CAAC,MAA2B;AAC1B,QAAI,iBAAiB,UAAU;AAC7B,QAAE;AACF;AAAA;AAEF,QAAI,EAAE,SAAS,SAAS;AACtB,QAAE;AACF,UAAI,kBAAkB,IAAI,KAAK;AAC7B,yBAAiB,IAAI;AACrB,mBAAW,MAAM;AACf,gBAAM,iBAAiB,IAAI,MAAM,KAAK,CAAC,SAAS,KAAK,IAAI,YAAY;AACrE,cAAI;AAAgB,2BAAe,IAAI,QAAQ;AAAA;AAAA;AAAA;AAIrD,QAAI,EAAE,SAAS,SAAS;AACtB,QAAE;AACF,sBAAgB,GAAG;AAAA;AAErB,QAAI,EAAE,SAAS,aAAa;AAC1B,QAAE;AACF,UAAI,YAAY,IAAI,MAAM;AAAQ,wBAAgB,MAAM,YAAY,GAAG;AAAA;AAEzE,QAAI,EAAE,SAAS,WAAW;AACxB,QAAE;AACF,UAAI,YAAY,KAAK;AAAG,wBAAgB,MAAM,YAAY,GAAG;AAAA;AAAA,KAGjE,CAAC,eAAe,UAAU,eAAe,KAAK,kBAAkB,iBAAiB,WAAW,OAAO;AAGrG,QAAM,eAAe,YACnB,CAAC,MAAM;AACL,QAAI,EAAE,eAAe,aAAa,mBAAmB,0BAA0B;AAC7E,uBAAiB;AAAA;AAAA,KAGrB,CAAC;AAGH,QAAM,gBAAyC,YAC7C,CAAC,MAAM;AACL,QAAI,EAAE,UAAU,EAAE,OAAO,aAAa,mBAAmB,YAAY,wBAAwB;AAC3F,sBAAgB,IAAI;AAAA;AAAA,KAGxB,CAAC,IAAI,KAAK;AAGZ,SAAO,EAAE,iBAAiB,eAAe,cAAc;AAAA;",
-  "names": []
-}