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

package/esm/exported-related/Toolbar/Toolbar.js

@@ -1,50 +1,53 @@
-import _jsx from '@babel/runtime/helpers/esm/jsx';
-import 'core-js/modules/web.dom-collections.iterator.js';
-import { useState, useRef, useCallback } from 'react';
-import styled from 'styled-components';
-import DSButton from '@elliemae/ds-button';
-import { MoreOptionsVert } from '@elliemae/ds-icons';
-import { useOnClickOutside } from '@elliemae/ds-utilities';
-import { DATA_TESTID } from '../../configs/constants.js';
-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.reduce.js';
-import 'core-js/modules/esnext.iterator.reduce.js';
-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 '../../styled.js';
-import { jsx } from '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 '../../DataTableContext.js';
-import '../../parts/Row.js';
-import '../../parts/Footer.js';
-import '../../parts/HoC/SortableItemContext.js';
-
-var _MoreOptionsVert;
-const ToolbarBtns = /*#__PURE__*/styled.div.withConfig({
-  componentId: "sc-1ru2no0-0"
-})(["& > .em-ds-toolbar{box-shadow:none;}"]);
-const ToolbarWrapper = /*#__PURE__*/styled.div.withConfig({
-  componentId: "sc-1ru2no0-1"
-})(["display:flex;align-items:center;height:36px;margin-right:1px;pointer-events:all;&:hover{box-shadow:0 1px 2px 0 rgba(0,0,0,0.13),0 1px 2px 0 rgba(0,0,0,0.2);& > .toolbar-trigger{border:none;}}"]);
-const ToolbarPosition = /*#__PURE__*/styled.div.withConfig({
-  componentId: "sc-1ru2no0-2"
-})(["display:flex;justify-content:flex-end;align-items:center;pointer-events:none;background:white;height:28px;margin-top:4px;width:100%;padding-left:4px;&:hover{z-index:1;}:after{content:'';position:absolute;left:0px;top:4px;bottom:4px;width:1px;background-color:", ";z-index:7;}"], props => props.theme.colors.neutral['080']); // eslint-disable-next-line react/prop-types
-
-const Toolbar = _ref => {
-  let {
-    children
-  } = _ref;
+import * as React from "react";
+import React2, { useCallback, useRef, useState } from "react";
+import styled from "styled-components";
+import { DSButton } from "@elliemae/ds-button";
+import { MoreOptionsVert } from "@elliemae/ds-icons";
+import { useOnClickOutside } from "@elliemae/ds-utilities";
+import { DATA_TESTID } from "../../configs/constants";
+const ToolbarBtns = styled.div`
+  & > .em-ds-toolbar {
+    box-shadow: none;
+  }
+`;
+const ToolbarWrapper = styled.div`
+  display: flex;
+  align-items: center;
+  height: 36px;
+  margin-right: 1px;
+  pointer-events: all;
+  &:hover {
+    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.13), 0 1px 2px 0 rgba(0, 0, 0, 0.2);
+    & > .toolbar-trigger {
+      border: none;
+    }
+  }
+`;
+const ToolbarPosition = styled.div`
+  display: flex;
+  justify-content: flex-end;
+  align-items: center;
+  pointer-events: none;
+  background: white;
+  height: 28px;
+  margin-top: 4px;
+  width: 100%;
+  padding-left: 4px;
+  &:hover {
+    z-index: 1;
+  }
+  :after {
+    content: '';
+    position: absolute;
+    left: 0px;
+    top: 4px;
+    bottom: 4px;
+    width: 1px;
+    background-color: ${(props) => props.theme.colors.neutral["080"]};
+    z-index: 7;
+  }
+`;
+const Toolbar = ({ children }) => {
   const [show, setShow] = useState(false);
   const [clicked, setClicked] = useState(false);
   const toolbarRef = useRef(null);
@@ -57,21 +60,22 @@ const Toolbar = _ref => {
     setClicked(true);
   }, []);
   useOnClickOutside(toolbarRef, handleOnClickOutside);
-  return /*#__PURE__*/jsx(ToolbarPosition, {
-    ref: toolbarRef,
-    children: /*#__PURE__*/_jsx(ToolbarWrapper, {
-      onMouseEnter: () => setShow(true),
-      onMouseLeave: () => setShow(clicked)
-    }, void 0, show && /*#__PURE__*/_jsx(ToolbarBtns, {}, void 0, children), /*#__PURE__*/_jsx(DSButton, {
-      buttonType: "text",
-      className: "toolbar-trigger",
-      "data-testid": DATA_TESTID.DATA_TABLE_TOOLBAR_TRIGGER,
-      icon: _MoreOptionsVert || (_MoreOptionsVert = /*#__PURE__*/_jsx(MoreOptionsVert, {})),
-      onClick: handleOnClick,
-      onKeyDown: e => ['Enter', 'Space'].includes(e.code) && handleOnClick(),
-      tabIndex: 0
-    }))
-  });
+  return /* @__PURE__ */ React2.createElement(ToolbarPosition, {
+    ref: toolbarRef
+  }, /* @__PURE__ */ React2.createElement(ToolbarWrapper, {
+    onMouseEnter: () => setShow(true),
+    onMouseLeave: () => setShow(clicked)
+  }, show && /* @__PURE__ */ React2.createElement(ToolbarBtns, null, children), /* @__PURE__ */ React2.createElement(DSButton, {
+    buttonType: "text",
+    className: "toolbar-trigger",
+    "data-testid": DATA_TESTID.DATA_TABLE_TOOLBAR_TRIGGER,
+    icon: /* @__PURE__ */ React2.createElement(MoreOptionsVert, null),
+    onClick: handleOnClick,
+    onKeyDown: (e) => ["Enter", "Space"].includes(e.code) && handleOnClick(),
+    tabIndex: 0
+  })));
 };
-
-export { Toolbar };
+export {
+  Toolbar
+};
+//# sourceMappingURL=Toolbar.js.map

package/esm/exported-related/Toolbar/Toolbar.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/exported-related/Toolbar/Toolbar.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React, { useCallback, useRef, useState } from 'react';\nimport styled from 'styled-components';\nimport { DSButton } from '@elliemae/ds-button';\nimport { MoreOptionsVert } from '@elliemae/ds-icons';\nimport { useOnClickOutside } from '@elliemae/ds-utilities';\nimport { DATA_TESTID } from '../../configs/constants';\n\nconst ToolbarBtns = styled.div`\n  & > .em-ds-toolbar {\n    box-shadow: none;\n  }\n`;\n\nconst ToolbarWrapper = styled.div`\n  display: flex;\n  align-items: center;\n  height: 36px;\n  margin-right: 1px;\n  pointer-events: all;\n  &:hover {\n    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.13), 0 1px 2px 0 rgba(0, 0, 0, 0.2);\n    & > .toolbar-trigger {\n      border: none;\n    }\n  }\n`;\n\nconst ToolbarPosition = styled.div`\n  display: flex;\n  justify-content: flex-end;\n  align-items: center;\n  pointer-events: none;\n  background: white;\n  height: 28px;\n  margin-top: 4px;\n  width: 100%;\n  padding-left: 4px;\n  &:hover {\n    z-index: 1;\n  }\n  :after {\n    content: '';\n    position: absolute;\n    left: 0px;\n    top: 4px;\n    bottom: 4px;\n    width: 1px;\n    background-color: ${(props) => props.theme.colors.neutral['080']};\n    z-index: 7;\n  }\n`;\n\n// eslint-disable-next-line react/prop-types\nexport const Toolbar: React.ComponentType = ({ children }) => {\n  const [show, setShow] = useState(false);\n  const [clicked, setClicked] = useState(false);\n\n  const toolbarRef = useRef(null);\n\n  const handleOnClickOutside = useCallback(() => {\n    setShow(false);\n    setClicked(false);\n  }, []);\n\n  const handleOnClick = useCallback(() => {\n    setShow(true);\n    setClicked(true);\n  }, []);\n\n  useOnClickOutside(toolbarRef, handleOnClickOutside);\n\n  return (\n    <ToolbarPosition ref={toolbarRef}>\n      <ToolbarWrapper onMouseEnter={() => setShow(true)} onMouseLeave={() => setShow(clicked)}>\n        {show && <ToolbarBtns>{children}</ToolbarBtns>}\n        <DSButton\n          buttonType=\"text\"\n          className=\"toolbar-trigger\"\n          data-testid={DATA_TESTID.DATA_TABLE_TOOLBAR_TRIGGER}\n          icon={<MoreOptionsVert />}\n          onClick={handleOnClick}\n          onKeyDown={(e) => ['Enter', 'Space'].includes(e.code) && handleOnClick()}\n          tabIndex={0}\n        />\n      </ToolbarWrapper>\n    </ToolbarPosition>\n  );\n};\n"],
+  "mappings": "AAAA;ACAA;AACA;AACA;AACA;AACA;AACA;AAEA,MAAM,cAAc,OAAO;AAAA;AAAA;AAAA;AAAA;AAM3B,MAAM,iBAAiB,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAc9B,MAAM,kBAAkB,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,wBAoBP,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA;AAAA;AAAA;AAMvD,MAAM,UAA+B,CAAC,EAAE,eAAe;AAC5D,QAAM,CAAC,MAAM,WAAW,SAAS;AACjC,QAAM,CAAC,SAAS,cAAc,SAAS;AAEvC,QAAM,aAAa,OAAO;AAE1B,QAAM,uBAAuB,YAAY,MAAM;AAC7C,YAAQ;AACR,eAAW;AAAA,KACV;AAEH,QAAM,gBAAgB,YAAY,MAAM;AACtC,YAAQ;AACR,eAAW;AAAA,KACV;AAEH,oBAAkB,YAAY;AAE9B,SACE,qCAAC,iBAAD;AAAA,IAAiB,KAAK;AAAA,KACpB,qCAAC,gBAAD;AAAA,IAAgB,cAAc,MAAM,QAAQ;AAAA,IAAO,cAAc,MAAM,QAAQ;AAAA,KAC5E,QAAQ,qCAAC,aAAD,MAAc,WACvB,qCAAC,UAAD;AAAA,IACE,YAAW;AAAA,IACX,WAAU;AAAA,IACV,eAAa,YAAY;AAAA,IACzB,MAAM,qCAAC,iBAAD;AAAA,IACN,SAAS;AAAA,IACT,WAAW,CAAC,MAAM,CAAC,SAAS,SAAS,SAAS,EAAE,SAAS;AAAA,IACzD,UAAU;AAAA;AAAA;",
+  "names": []
+}

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

@@ -1 +1,6 @@
-export { Toolbar } from './Toolbar.js';
+import * as React from "react";
+import { Toolbar } from "./Toolbar";
+export {
+  Toolbar
+};
+//# sourceMappingURL=index.js.map

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

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

package/esm/exported-related/groupBy.js

@@ -1,31 +1,24 @@
-import 'core-js/modules/esnext.async-iterator.for-each.js';
-import 'core-js/modules/esnext.iterator.constructor.js';
-import 'core-js/modules/esnext.iterator.for-each.js';
-import 'core-js/modules/esnext.async-iterator.map.js';
-import 'core-js/modules/esnext.iterator.map.js';
-import 'core-js/modules/web.dom-collections.iterator.js';
-import { uid } from 'uid';
-
+import * as React from "react";
+import { uid } from "uid";
 const groupBy = (data, headerKey) => {
-  if (data.length === 0) return [];
+  if (data.length === 0)
+    return [];
   const groupsMap = {};
-  data.forEach(datum => {
+  data.forEach((datum) => {
     const groupValue = datum[headerKey];
-
     if (Array.isArray(groupsMap[groupValue])) {
       groupsMap[groupValue].push(datum);
     } else {
       groupsMap[groupValue] = [datum];
     }
   });
-  return Object.entries(groupsMap).map(_ref => {
-    let [key, value] = _ref;
-    return {
-      dimsumHeaderValue: key,
-      subRows: value,
-      uid: uid(16)
-    };
-  });
+  return Object.entries(groupsMap).map(([key, value]) => ({
+    dimsumHeaderValue: key,
+    subRows: value,
+    uid: uid(16)
+  }));
+};
+export {
+  groupBy
 };
-
-export { groupBy };
+//# sourceMappingURL=groupBy.js.map

package/esm/exported-related/groupBy.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/exported-related/groupBy.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { uid } from 'uid';\n\nexport const groupBy = (data, headerKey) => {\n  if (data.length === 0) return [];\n  const groupsMap = {};\n  data.forEach((datum) => {\n    const groupValue = datum[headerKey];\n    if (Array.isArray(groupsMap[groupValue])) {\n      groupsMap[groupValue].push(datum);\n    } else {\n      groupsMap[groupValue] = [datum];\n    }\n  });\n  return Object.entries(groupsMap).map(([key, value]) => ({\n    dimsumHeaderValue: key,\n    subRows: value,\n    uid: uid(16),\n  }));\n};\n"],
+  "mappings": "AAAA;ACAA;AAEO,MAAM,UAAU,CAAC,MAAM,cAAc;AAC1C,MAAI,KAAK,WAAW;AAAG,WAAO;AAC9B,QAAM,YAAY;AAClB,OAAK,QAAQ,CAAC,UAAU;AACtB,UAAM,aAAa,MAAM;AACzB,QAAI,MAAM,QAAQ,UAAU,cAAc;AACxC,gBAAU,YAAY,KAAK;AAAA,WACtB;AACL,gBAAU,cAAc,CAAC;AAAA;AAAA;AAG7B,SAAO,OAAO,QAAQ,WAAW,IAAI,CAAC,CAAC,KAAK,WAAY;AAAA,IACtD,mBAAmB;AAAA,IACnB,SAAS;AAAA,IACT,KAAK,IAAI;AAAA;AAAA;",
+  "names": []
+}

package/esm/exported-related/index.js

@@ -1,13 +1,15 @@
-export { FilterPopover } from './FilterPopover.js';
-export { EditableCell } from './EditableCell.js';
-export { Toolbar } from './Toolbar/Toolbar.js';
-export { groupBy } from './groupBy.js';
-export { FILTER_TYPES } from './FilterTypes.js';
-export { ROW_VARIANTS, ROW_VARIANT_COMPACT_KEY, ROW_VARIANT_KEY } from './RowVariants.js';
-export { applyOutOfTheBoxFilters } from './Filters/applyOutOfTheBoxFilters.js';
-export { singleDateFilterFn } from './Filters/singleDateFilterFn.js';
-export { singleSelectFilterFn } from './Filters/singleSelectFilterFn.js';
-export { multiSelectFilterFn } from './Filters/multiSelectFilterFn.js';
-export { numberRangeFilterFn } from './Filters/numberRangeFilterFn.js';
-export { currencyRangeFilterFn } from './Filters/currencyRangeFilterFn.js';
-export { dateRangeFilterFn } from './Filters/dateRangeFilterFn.js';
+import * as React from "react";
+import { FilterPopover } from "./FilterPopover";
+import { EditableCell } from "./EditableCell";
+import { Toolbar } from "./Toolbar";
+import { groupBy } from "./groupBy";
+export * from "./FilterTypes";
+export * from "./RowVariants";
+export * from "./Filters";
+export {
+  EditableCell,
+  FilterPopover,
+  Toolbar,
+  groupBy
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/exported-related/index.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export { FilterPopover } from './FilterPopover';\nexport { EditableCell } from './EditableCell';\nexport { Toolbar } from './Toolbar';\nexport { groupBy } from './groupBy';\nexport * from './FilterTypes';\nexport * from './RowVariants';\nexport * from './Filters';\n"],
+  "mappings": "AAAA;ACAA;AACA;AACA;AACA;AACA;AACA;AACA;",
+  "names": []
+}

package/esm/helpers/addCellData.js

@@ -1,37 +1,27 @@
-import 'core-js/modules/esnext.async-iterator.for-each.js';
-import 'core-js/modules/esnext.iterator.constructor.js';
-import 'core-js/modules/esnext.iterator.for-each.js';
-import React from 'react';
-
-const BasicCell = /*#__PURE__*/React.memo(_ref => {
-  let {
-    cell
-  } = _ref;
-  return cell.value;
-});
-
-const getCellValue = (row, accessor) => {
-  var _row$original$accesso;
-
-  return (_row$original$accesso = row.original[accessor]) !== null && _row$original$accesso !== void 0 ? _row$original$accesso : null;
-};
-
+import * as React from "react";
+import React2 from "react";
+const BasicCell = React2.memo(({ cell }) => cell.value);
+const getCellValue = (row, accessor) => row.original[accessor] ?? null;
 const addColumnData = (datum, column) => {
   datum.cells.push({
     column,
     value: getCellValue(datum, column.accessor),
     render: column.Cell || BasicCell,
     row: datum,
-    ref: /*#__PURE__*/React.createRef(),
-    id: "".concat(datum.uid, "__").concat(column.id)
+    ref: React2.createRef(),
+    id: `${datum.uid}__${column.id}`
   });
 };
-
 const addCellData = (datum, columns) => {
   datum.cells = [];
-  columns.forEach(column => {
-    if (column.columns) column.columns.forEach(col => addColumnData(datum, col));else addColumnData(datum, column);
+  columns.forEach((column) => {
+    if (column.columns)
+      column.columns.forEach((col) => addColumnData(datum, col));
+    else
+      addColumnData(datum, column);
   });
 };
-
-export { addCellData };
+export {
+  addCellData
+};
+//# sourceMappingURL=addCellData.js.map

package/esm/helpers/addCellData.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/helpers/addCellData.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable react/prop-types */\nimport React from 'react';\nimport { TypescriptColumn, TypescriptRow } from '../types/props';\n\nconst BasicCell = React.memo<{ cell: any }>(({ cell }) => cell.value);\n\nconst getCellValue = (row: TypescriptRow, accessor: string) => row.original[accessor] ?? null;\n\nconst addColumnData = (datum: TypescriptRow, column: TypescriptColumn) => {\n  datum.cells.push({\n    column,\n    value: getCellValue(datum, column.accessor),\n    render: column.Cell || BasicCell,\n    row: datum,\n    ref: React.createRef(),\n    id: `${datum.uid}__${column.id}`,\n  });\n};\n\nexport const addCellData = (datum: TypescriptRow, columns: TypescriptColumn[]): void => {\n  datum.cells = [];\n  columns.forEach((column) => {\n    if (column.columns) column.columns.forEach((col) => addColumnData(datum, col));\n    else addColumnData(datum, column);\n  });\n};\n"],
+  "mappings": "AAAA;ACCA;AAGA,MAAM,YAAY,OAAM,KAAoB,CAAC,EAAE,WAAW,KAAK;AAE/D,MAAM,eAAe,CAAC,KAAoB,aAAqB,IAAI,SAAS,aAAa;AAEzF,MAAM,gBAAgB,CAAC,OAAsB,WAA6B;AACxE,QAAM,MAAM,KAAK;AAAA,IACf;AAAA,IACA,OAAO,aAAa,OAAO,OAAO;AAAA,IAClC,QAAQ,OAAO,QAAQ;AAAA,IACvB,KAAK;AAAA,IACL,KAAK,OAAM;AAAA,IACX,IAAI,GAAG,MAAM,QAAQ,OAAO;AAAA;AAAA;AAIzB,MAAM,cAAc,CAAC,OAAsB,YAAsC;AACtF,QAAM,QAAQ;AACd,UAAQ,QAAQ,CAAC,WAAW;AAC1B,QAAI,OAAO;AAAS,aAAO,QAAQ,QAAQ,CAAC,QAAQ,cAAc,OAAO;AAAA;AACpE,oBAAc,OAAO;AAAA;AAAA;",
+  "names": []
+}

package/esm/helpers/cellPadding.js

@@ -1,24 +1,17 @@
-import { sizeToCss } from './sizeToCss.js';
-
-const cellPadding = _ref => {
-  var _sizeToCss;
-
-  let {
-    theme,
-    column
-  } = _ref;
-  return "padding: 0 ".concat((_sizeToCss = sizeToCss(column.padding)) !== null && _sizeToCss !== void 0 ? _sizeToCss : theme.space.xxs, ";");
+import * as React from "react";
+import { sizeToCss } from "./sizeToCss";
+const cellPadding = ({ theme, column }) => `padding: 0 ${sizeToCss(column.padding) ?? theme.space.xxs};`;
+const columnPadding = ({
+  theme,
+  column,
+  shouldShowDnD
+}) => {
+  if (column.padding !== void 0)
+    return `padding: 0 ${sizeToCss(column.padding)};`;
+  return `padding: 0 ${theme.space.xxxs} 0 ${shouldShowDnD ? "2px" : theme.space.xxs};`;
 };
-const columnPadding = _ref2 => {
-  let {
-    theme,
-    column,
-    shouldShowDnD
-  } = _ref2;
-  // Internal columns
-  if (column.padding !== undefined) return "padding: 0 ".concat(sizeToCss(column.padding), ";"); // Default user columns
-
-  return "padding: 0 ".concat(theme.space.xxxs, " 0 ").concat(shouldShowDnD ? '2px' : theme.space.xxs, ";");
+export {
+  cellPadding,
+  columnPadding
 };
-
-export { cellPadding, columnPadding };
+//# sourceMappingURL=cellPadding.js.map

package/esm/helpers/cellPadding.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/helpers/cellPadding.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { sizeToCss } from './sizeToCss';\n\nexport const cellPadding = ({ theme, column }: { theme: any; column: any }): string =>\n  `padding: 0 ${sizeToCss(column.padding) ?? theme.space.xxs};`;\n\nexport const columnPadding = ({\n  theme,\n  column,\n  shouldShowDnD,\n}: {\n  theme: any;\n  column: any;\n  shouldShowDnD: boolean;\n}): string => {\n  // Internal columns\n  if (column.padding !== undefined) return `padding: 0 ${sizeToCss(column.padding)};`;\n\n  // Default user columns\n  return `padding: 0 ${theme.space.xxxs} 0 ${shouldShowDnD ? '2px' : theme.space.xxs};`;\n};\n"],
+  "mappings": "AAAA;ACAA;AAEO,MAAM,cAAc,CAAC,EAAE,OAAO,aACnC,cAAc,UAAU,OAAO,YAAY,MAAM,MAAM;AAElD,MAAM,gBAAgB,CAAC;AAAA,EAC5B;AAAA,EACA;AAAA,EACA;AAAA,MAKY;AAEZ,MAAI,OAAO,YAAY;AAAW,WAAO,cAAc,UAAU,OAAO;AAGxE,SAAO,cAAc,MAAM,MAAM,UAAU,gBAAgB,QAAQ,MAAM,MAAM;AAAA;",
+  "names": []
+}

package/esm/helpers/columnsToGrid.js

@@ -1,19 +1,18 @@
-import 'core-js/modules/esnext.async-iterator.for-each.js';
-import 'core-js/modules/esnext.iterator.constructor.js';
-import 'core-js/modules/esnext.iterator.for-each.js';
-import { ColsLayoutStyle } from '../configs/constants.js';
-import { sizeToCss } from './sizeToCss.js';
-
+import * as React from "react";
+import { ColsLayoutStyle } from "../configs/constants";
+import { sizeToCss } from "./sizeToCss";
 const columnsToGridImpl = (c, grid, colsLayoutStyle) => {
-  var _c$width;
-
-  if ('columns' in c) c.columns.forEach(col => columnsToGridImpl(col, grid, colsLayoutStyle));else grid.push(sizeToCss((_c$width = c.width) !== null && _c$width !== void 0 ? _c$width : colsLayoutStyle === ColsLayoutStyle.Auto ? '1fr' : 150));
+  if ("columns" in c)
+    c.columns.forEach((col) => columnsToGridImpl(col, grid, colsLayoutStyle));
+  else
+    grid.push(sizeToCss(c.width ?? (colsLayoutStyle === ColsLayoutStyle.Auto ? "1fr" : 150)));
 };
-
 const columnsToGrid = (columns, colsLayoutStyle) => {
   const grid = [];
-  columns.forEach(col => columnsToGridImpl(col, grid, colsLayoutStyle));
+  columns.forEach((col) => columnsToGridImpl(col, grid, colsLayoutStyle));
   return grid;
 };
-
-export { columnsToGrid };
+export {
+  columnsToGrid
+};
+//# sourceMappingURL=columnsToGrid.js.map

package/esm/helpers/columnsToGrid.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/helpers/columnsToGrid.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { ColsLayoutStyle } from '../configs/constants';\nimport { TypescriptColumn } from '../types/props';\nimport { sizeToCss } from './sizeToCss';\n\nconst columnsToGridImpl = (c: TypescriptColumn, grid: string[], colsLayoutStyle: ColsLayoutStyle) => {\n  if ('columns' in c) c.columns.forEach((col) => columnsToGridImpl(col, grid, colsLayoutStyle));\n  else grid.push(sizeToCss(c.width ?? (colsLayoutStyle === ColsLayoutStyle.Auto ? '1fr' : 150)));\n};\n\nexport const columnsToGrid = (columns: TypescriptColumn[], colsLayoutStyle: ColsLayoutStyle): string[] => {\n  const grid: string[] = [];\n  columns.forEach((col) => columnsToGridImpl(col, grid, colsLayoutStyle));\n  return grid;\n};\n"],
+  "mappings": "AAAA;ACAA;AAEA;AAEA,MAAM,oBAAoB,CAAC,GAAqB,MAAgB,oBAAqC;AACnG,MAAI,aAAa;AAAG,MAAE,QAAQ,QAAQ,CAAC,QAAQ,kBAAkB,KAAK,MAAM;AAAA;AACvE,SAAK,KAAK,UAAU,EAAE,SAAU,qBAAoB,gBAAgB,OAAO,QAAQ;AAAA;AAGnF,MAAM,gBAAgB,CAAC,SAA6B,oBAA+C;AACxG,QAAM,OAAiB;AACvB,UAAQ,QAAQ,CAAC,QAAQ,kBAAkB,KAAK,MAAM;AACtD,SAAO;AAAA;",
+  "names": []
+}

package/esm/helpers/getIdFromUniqueRowAccessor.js

@@ -1,24 +1,17 @@
-import 'core-js/modules/esnext.async-iterator.map.js';
-import 'core-js/modules/esnext.iterator.map.js';
-
+import * as React from "react";
 const getIdFromUniqueRowAccessor = (uniqueRowAccessor, row) => {
-  if (uniqueRowAccessor === undefined) {
-    // user did not defined an unique row accesor, use the one generated by react-table
+  if (uniqueRowAccessor === void 0) {
     return row.id.toString();
   }
-
-  if (typeof uniqueRowAccessor === 'string') {
-    // user specified a field as an unique row accessor
+  if (typeof uniqueRowAccessor === "string") {
     return row.original[uniqueRowAccessor].toString();
   }
-
   if (Array.isArray(uniqueRowAccessor)) {
-    // user specified combination of fields as unique row accessor
-    return uniqueRowAccessor.map(key => row.original[key].toString()).join('__');
-  } // let the user decide on their end what to do
-
-
+    return uniqueRowAccessor.map((key) => row.original[key].toString()).join("__");
+  }
   return uniqueRowAccessor(row.original);
 };
-
-export { getIdFromUniqueRowAccessor };
+export {
+  getIdFromUniqueRowAccessor
+};
+//# sourceMappingURL=getIdFromUniqueRowAccessor.js.map

package/esm/helpers/getIdFromUniqueRowAccessor.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/helpers/getIdFromUniqueRowAccessor.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { TypescriptRow, uniqueRowAccessorType } from '../types/props';\n\nexport const getIdFromUniqueRowAccessor = (\n  uniqueRowAccessor: uniqueRowAccessorType,\n  row: Partial<TypescriptRow>,\n): string => {\n  if (uniqueRowAccessor === undefined) {\n    // user did not defined an unique row accesor, use the one generated by react-table\n    return row.id.toString();\n  }\n\n  if (typeof uniqueRowAccessor === 'string') {\n    // user specified a field as an unique row accessor\n    return row.original[uniqueRowAccessor].toString();\n  }\n\n  if (Array.isArray(uniqueRowAccessor)) {\n    // user specified combination of fields as unique row accessor\n    return uniqueRowAccessor.map((key) => row.original[key].toString()).join('__');\n  }\n\n  // let the user decide on their end what to do\n  return uniqueRowAccessor(row.original);\n};\n"],
+  "mappings": "AAAA;ACEO,MAAM,6BAA6B,CACxC,mBACA,QACW;AACX,MAAI,sBAAsB,QAAW;AAEnC,WAAO,IAAI,GAAG;AAAA;AAGhB,MAAI,OAAO,sBAAsB,UAAU;AAEzC,WAAO,IAAI,SAAS,mBAAmB;AAAA;AAGzC,MAAI,MAAM,QAAQ,oBAAoB;AAEpC,WAAO,kBAAkB,IAAI,CAAC,QAAQ,IAAI,SAAS,KAAK,YAAY,KAAK;AAAA;AAI3E,SAAO,kBAAkB,IAAI;AAAA;",
+  "names": []
+}

package/esm/helpers/index.js

@@ -1,6 +1,8 @@
-export { sizeToCss } from './sizeToCss.js';
-export { columnsToGrid } from './columnsToGrid.js';
-export { cellPadding, columnPadding } from './cellPadding.js';
-export { setMultipleRefs } from './refs-helpers.js';
-export { getIdFromUniqueRowAccessor } from './getIdFromUniqueRowAccessor.js';
-export { addCellData } from './addCellData.js';
+import * as React from "react";
+export * from "./sizeToCss";
+export * from "./columnsToGrid";
+export * from "./cellPadding";
+export * from "./refs-helpers";
+export * from "./getIdFromUniqueRowAccessor";
+export * from "./addCellData";
+//# sourceMappingURL=index.js.map

package/esm/helpers/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/helpers/index.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "// style\nexport * from './sizeToCss';\nexport * from './columnsToGrid';\nexport * from './cellPadding';\n// crazy stuff\nexport * from './refs-helpers';\n\n// props-related\nexport * from './getIdFromUniqueRowAccessor';\nexport * from './addCellData';\n"],
+  "mappings": "AAAA;ACCA;AACA;AACA;AAEA;AAGA;AACA;",
+  "names": []
+}

package/esm/helpers/refs-helpers.js

@@ -1,21 +1,13 @@
-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';
-
-// allow multiple refs to be set to point to the same DOM element
-const setMultipleRefs = function () {
-  for (var _len = arguments.length, refs = new Array(_len), _key = 0; _key < _len; _key++) {
-    refs[_key] = arguments[_key];
-  }
-
+import * as React from "react";
+const setMultipleRefs = (...refs) => {
   const filteredRefs = refs.filter(Boolean);
-  if (!filteredRefs.length) return () => null;
-  if (filteredRefs.length === 0) return () => null;
-  return newRef => {
-    filteredRefs.forEach(refToBeUpdated => {
-      if (typeof refToBeUpdated === 'function') {
+  if (!filteredRefs.length)
+    return () => null;
+  if (filteredRefs.length === 0)
+    return () => null;
+  return (newRef) => {
+    filteredRefs.forEach((refToBeUpdated) => {
+      if (typeof refToBeUpdated === "function") {
         refToBeUpdated(newRef);
       } else if (refToBeUpdated) {
         refToBeUpdated.current = newRef;
@@ -23,5 +15,7 @@ const setMultipleRefs = function () {
     });
   };
 };
-
-export { setMultipleRefs };
+export {
+  setMultipleRefs
+};
+//# sourceMappingURL=refs-helpers.js.map

package/esm/helpers/refs-helpers.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/helpers/refs-helpers.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "// allow multiple refs to be set to point to the same DOM element\nexport const setMultipleRefs = (...refs) => {\n  const filteredRefs = refs.filter(Boolean);\n  if (!filteredRefs.length) return () => null;\n  if (filteredRefs.length === 0) return () => null;\n\n  return (newRef) => {\n    filteredRefs.forEach((refToBeUpdated) => {\n      if (typeof refToBeUpdated === 'function') {\n        refToBeUpdated(newRef);\n      } else if (refToBeUpdated) {\n        refToBeUpdated.current = newRef;\n      }\n    });\n  };\n};\n"],
+  "mappings": "AAAA;ACCO,MAAM,kBAAkB,IAAI,SAAS;AAC1C,QAAM,eAAe,KAAK,OAAO;AACjC,MAAI,CAAC,aAAa;AAAQ,WAAO,MAAM;AACvC,MAAI,aAAa,WAAW;AAAG,WAAO,MAAM;AAE5C,SAAO,CAAC,WAAW;AACjB,iBAAa,QAAQ,CAAC,mBAAmB;AACvC,UAAI,OAAO,mBAAmB,YAAY;AACxC,uBAAe;AAAA,iBACN,gBAAgB;AACzB,uBAAe,UAAU;AAAA;AAAA;AAAA;AAAA;",
+  "names": []
+}

package/esm/helpers/sizeToCss.js

@@ -1,3 +1,6 @@
-const sizeToCss = size => typeof size === 'number' && !Number.isNaN(size) ? "".concat(size, "px") : size;
-
-export { sizeToCss };
+import * as React from "react";
+const sizeToCss = (size) => typeof size === "number" && !Number.isNaN(size) ? `${size}px` : size;
+export {
+  sizeToCss
+};
+//# sourceMappingURL=sizeToCss.js.map

package/esm/helpers/sizeToCss.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/helpers/sizeToCss.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export const sizeToCss = (size) => (typeof size === 'number' && !Number.isNaN(size) ? `${size}px` : size);\n"],
+  "mappings": "AAAA;ACAO,MAAM,YAAY,CAAC,SAAU,OAAO,SAAS,YAAY,CAAC,OAAO,MAAM,QAAQ,GAAG,WAAW;",
+  "names": []
+}

package/esm/hooks/useRecoverFocusCol.js

@@ -1,23 +1,18 @@
-import 'core-js/modules/web.dom-collections.iterator.js';
-import { useState, useEffect } from 'react';
-
-// so we just keep track of it and focus it if necessary
-
+import * as React from "react";
+import { useEffect, useState } from "react";
 const useRecoverFocusCol = (condition, ref) => {
   const [prevCondition, setPrevCondition] = useState(condition);
   useEffect(() => {
     if (prevCondition && !condition) {
-      var _ref$current;
-
-      if (ref.current) (_ref$current = ref.current) === null || _ref$current === void 0 ? void 0 : _ref$current.focus();else setTimeout(() => {
-        var _ref$current2;
-
-        return (_ref$current2 = ref.current) === null || _ref$current2 === void 0 ? void 0 : _ref$current2.focus();
-      });
+      if (ref.current)
+        ref.current?.focus();
+      else
+        setTimeout(() => ref.current?.focus());
     }
-
     setPrevCondition(condition);
   }, [condition, prevCondition, ref]);
 };
-
-export { useRecoverFocusCol };
+export {
+  useRecoverFocusCol
+};
+//# sourceMappingURL=useRecoverFocusCol.js.map

package/esm/hooks/useRecoverFocusCol.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/hooks/useRecoverFocusCol.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React, { useEffect, useState } from 'react';\n\n// The drag-handle of the column is not replaced by another node,\n// so we just keep track of it and focus it if necessary\n\nexport const useRecoverFocusCol = (condition: boolean, ref: React.MutableRefObject<HTMLElement>): void => {\n  const [prevCondition, setPrevCondition] = useState(condition);\n\n  useEffect(() => {\n    if (prevCondition && !condition) {\n      if (ref.current) ref.current?.focus();\n      else setTimeout(() => ref.current?.focus());\n    }\n    setPrevCondition(condition);\n  }, [condition, prevCondition, ref]);\n};\n"],
+  "mappings": "AAAA;ACAA;AAKO,MAAM,qBAAqB,CAAC,WAAoB,QAAmD;AACxG,QAAM,CAAC,eAAe,oBAAoB,SAAS;AAEnD,YAAU,MAAM;AACd,QAAI,iBAAiB,CAAC,WAAW;AAC/B,UAAI,IAAI;AAAS,YAAI,SAAS;AAAA;AACzB,mBAAW,MAAM,IAAI,SAAS;AAAA;AAErC,qBAAiB;AAAA,KAChB,CAAC,WAAW,eAAe;AAAA;",
+  "names": []
+}