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

package/cjs/parts/Headers/HeaderCellTitle.js

@@ -1,79 +1,52 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var _jsx = require('@babel/runtime/helpers/jsx');
-require('react');
-var dsTruncatedTooltipText = require('@elliemae/ds-truncated-tooltip-text');
-var RequiredDot = require('./RequiredDot.js');
-var constants = require('../../configs/constants.js');
-require('core-js/modules/esnext.async-iterator.filter.js');
-require('core-js/modules/esnext.iterator.constructor.js');
-require('core-js/modules/esnext.iterator.filter.js');
-require('core-js/modules/web.dom-collections.iterator.js');
-require('core-js/modules/esnext.async-iterator.reduce.js');
-require('core-js/modules/esnext.iterator.reduce.js');
-require('react-virtual');
-require('core-js/modules/esnext.async-iterator.for-each.js');
-require('core-js/modules/esnext.iterator.for-each.js');
-require('../../configs/useRowFlattenization.js');
-require('@babel/runtime/helpers/defineProperty');
-require('core-js/modules/esnext.async-iterator.map.js');
-require('core-js/modules/esnext.iterator.map.js');
-require('@elliemae/ds-icons');
-require('styled-components');
-require('../../styled.js');
-var jsxRuntime = require('react/jsx-runtime');
-require('@elliemae/ds-form');
-require('../TableContent.js');
-require('@elliemae/ds-grid');
-require('@elliemae/ds-circular-progress-indicator');
-require('@elliemae/ds-system');
-require('@elliemae/ds-button');
-require('../../DataTableContext.js');
-require('../Row.js');
-require('../Footer.js');
-require('../HoC/SortableItemContext.js');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
-
-var _RequiredDot;
-
-const StringTitle = _ref => {
-  let {
-    column,
-    textWrap
-  } = _ref;
-  return (column.textWrap || textWrap) === 'truncate' ? /*#__PURE__*/_jsx__default["default"](dsTruncatedTooltipText.SimpleTruncatedTooltipText, {
-    value: column.Header
-  }) : /*#__PURE__*/jsxRuntime.jsx(jsxRuntime.Fragment, {
-    children: column.Header
-  });
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
 };
-
-const HeaderCellTitle = _ref2 => {
-  let {
-    column,
-    ctx,
-    draggableProps,
-    textWrap
-  } = _ref2;
-  return /*#__PURE__*/_jsx__default["default"]("div", {
-    style: {
-      display: 'flex',
-      alignItems: 'center'
-    },
-    "data-testid": constants.DATA_TESTID.DATA_TABLE_HEADER_CELL_TITLE
-  }, void 0, typeof column.Header === 'string' ? /*#__PURE__*/_jsx__default["default"](StringTitle, {
-    column: column,
-    textWrap: textWrap
-  }) : /*#__PURE__*/_jsx__default["default"](column.Header, {
-    column: column,
-    ctx: ctx,
-    draggableProps: draggableProps
-  }), column.required && (_RequiredDot || (_RequiredDot = /*#__PURE__*/_jsx__default["default"](RequiredDot.RequiredDot, {}))));
+var __reExport = (target, module2, copyDefault, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
 };
-
-exports.HeaderCellTitle = HeaderCellTitle;
+var __toESM = (module2, isNodeMode) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+var __toCommonJS = /* @__PURE__ */ ((cache) => {
+  return (module2, temp) => {
+    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
+  };
+})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var HeaderCellTitle_exports = {};
+__export(HeaderCellTitle_exports, {
+  HeaderCellTitle: () => HeaderCellTitle
+});
+var React = __toESM(require("react"));
+var import_react = __toESM(require("react"));
+var import_ds_truncated_tooltip_text = require("@elliemae/ds-truncated-tooltip-text");
+var import_RequiredDot = require("./RequiredDot");
+var import_constants = require("../../configs/constants");
+const StringTitle = ({ column, textWrap }) => (column.textWrap || textWrap) === "truncate" ? /* @__PURE__ */ import_react.default.createElement(import_ds_truncated_tooltip_text.SimpleTruncatedTooltipText, {
+  value: column.Header
+}) : /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, column.Header);
+const HeaderCellTitle = ({ column, ctx, draggableProps, textWrap }) => /* @__PURE__ */ import_react.default.createElement("div", {
+  style: { display: "flex", alignItems: "center" },
+  "data-testid": import_constants.DATA_TESTID.DATA_TABLE_HEADER_CELL_TITLE
+}, typeof column.Header === "string" ? /* @__PURE__ */ import_react.default.createElement(StringTitle, {
+  column,
+  textWrap
+}) : /* @__PURE__ */ import_react.default.createElement(column.Header, {
+  column,
+  ctx,
+  draggableProps
+}), column.required && /* @__PURE__ */ import_react.default.createElement(import_RequiredDot.RequiredDot, null));
+module.exports = __toCommonJS(HeaderCellTitle_exports);
+//# sourceMappingURL=HeaderCellTitle.js.map

package/cjs/parts/Headers/HeaderCellTitle.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/parts/Headers/HeaderCellTitle.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["/* eslint-disable react/prop-types */\nimport React, { Fragment } from 'react';\nimport { SimpleTruncatedTooltipText } from '@elliemae/ds-truncated-tooltip-text';\nimport { TypescriptColumn, TypescriptContext } from '../../types/props';\nimport { SortableItemContextType } from '../HoC/SortableItemContext';\nimport { RequiredDot } from './RequiredDot';\nimport { DATA_TESTID } from '../../configs/constants';\n\ninterface HeaderCellTitle {\n  column: TypescriptColumn;\n  ctx: TypescriptContext;\n  draggableProps: SortableItemContextType['draggableProps'];\n  textWrap: 'wrap' | 'wrap-all' | 'truncate';\n}\n\nconst StringTitle = ({ column, textWrap }) =>\n  (column.textWrap || textWrap) === 'truncate' ? (\n    <SimpleTruncatedTooltipText value={column.Header} />\n  ) : (\n    <>{column.Header}</>\n  );\n\nexport const HeaderCellTitle: React.ComponentType<HeaderCellTitle> = ({ column, ctx, draggableProps, textWrap }) => (\n  <div style={{ display: 'flex', alignItems: 'center' }} data-testid={DATA_TESTID.DATA_TABLE_HEADER_CELL_TITLE}>\n    {typeof column.Header === 'string' ? (\n      <StringTitle column={column} textWrap={textWrap} />\n    ) : (\n      <column.Header column={column} ctx={ctx} draggableProps={draggableProps} />\n    )}\n    {column.required && <RequiredDot />}\n  </div>\n);\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADCvB,mBAAgC;AAChC,uCAA2C;AAG3C,yBAA4B;AAC5B,uBAA4B;AAS5B,MAAM,cAAc,CAAC,EAAE,QAAQ,eAC5B,QAAO,YAAY,cAAc,aAChC,mDAAC,6DAAD;AAAA,EAA4B,OAAO,OAAO;AAAA,KAE1C,wFAAG,OAAO;AAGP,MAAM,kBAAwD,CAAC,EAAE,QAAQ,KAAK,gBAAgB,eACnG,mDAAC,OAAD;AAAA,EAAK,OAAO,EAAE,SAAS,QAAQ,YAAY;AAAA,EAAY,eAAa,6BAAY;AAAA,GAC7E,OAAO,OAAO,WAAW,WACxB,mDAAC,aAAD;AAAA,EAAa;AAAA,EAAgB;AAAA,KAE7B,mDAAC,OAAO,QAAR;AAAA,EAAe;AAAA,EAAgB;AAAA,EAAU;AAAA,IAE1C,OAAO,YAAY,mDAAC,gCAAD;",
+  "names": []
+}

package/cjs/parts/Headers/HeaderResizer.js

@@ -1,123 +1,103 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var _defineProperty = require('@babel/runtime/helpers/defineProperty');
-require('core-js/modules/web.dom-collections.iterator.js');
-require('core-js/modules/esnext.async-iterator.map.js');
-require('core-js/modules/esnext.iterator.map.js');
-require('core-js/modules/esnext.async-iterator.filter.js');
-require('core-js/modules/esnext.iterator.constructor.js');
-require('core-js/modules/esnext.iterator.filter.js');
-require('core-js/modules/esnext.async-iterator.for-each.js');
-require('core-js/modules/esnext.iterator.for-each.js');
-var React = require('react');
-var constants = require('../../configs/constants.js');
-require('core-js/modules/esnext.async-iterator.reduce.js');
-require('core-js/modules/esnext.iterator.reduce.js');
-require('react-virtual');
-var columnsToGrid = require('../../helpers/columnsToGrid.js');
-require('../../configs/useRowFlattenization.js');
-require('@babel/runtime/helpers/jsx');
-require('@elliemae/ds-icons');
-require('styled-components');
-var styled = require('../../styled.js');
-var jsxRuntime = require('react/jsx-runtime');
-require('@elliemae/ds-form');
-require('../TableContent.js');
-require('@elliemae/ds-grid');
-require('@elliemae/ds-circular-progress-indicator');
-require('@elliemae/ds-system');
-require('@elliemae/ds-button');
-var DataTableContext = require('../../DataTableContext.js');
-require('../Row.js');
-require('../Footer.js');
-require('../HoC/SortableItemContext.js');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
-
-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__default["default"](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 narrow = (value, min, max) => Math.min(Math.max(value, min !== null && min !== void 0 ? min : 30), max !== null && max !== void 0 ? max : Infinity);
-
-const HeaderResizer = _ref => {
-  var _column$width;
-
-  let {
-    column
-  } = _ref;
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __reExport = (target, module2, copyDefault, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toESM = (module2, isNodeMode) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+var __toCommonJS = /* @__PURE__ */ ((cache) => {
+  return (module2, temp) => {
+    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
+  };
+})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var HeaderResizer_exports = {};
+__export(HeaderResizer_exports, {
+  HeaderResizer: () => HeaderResizer
+});
+var React = __toESM(require("react"));
+var import_react = __toESM(require("react"));
+var import_constants = require("../../configs/constants");
+var import_DataTableContext = require("../../DataTableContext");
+var import_helpers = require("../../helpers");
+var import_styled = require("../../styled");
+const narrow = (value, min, max) => Math.min(Math.max(value, min ?? 30), max ?? Infinity);
+const HeaderResizer = ({ column }) => {
   const {
-    layoutHelpers: {
-      setGridLayout
-    },
+    layoutHelpers: { setGridLayout },
     visibleColumns,
-    tableProps: {
-      onColumnResize
-    }
-  } = React.useContext(DataTableContext["default"]);
-  const [isResizing, setIsResizing] = React.useState(false);
-  const [nextWidth, setNextWidth] = React.useState((_column$width = column.width) !== null && _column$width !== void 0 ? _column$width : 150);
-  const visibleColumnsCopy = React.useMemo(() => visibleColumns.map(col => _objectSpread({}, col)), [visibleColumns]);
-  React.useEffect(() => {
-    const realColumnIndex = visibleColumnsCopy.findIndex(visibleColumn => visibleColumn.id === column.id);
+    tableProps: { onColumnResize }
+  } = (0, import_react.useContext)(import_DataTableContext.DataTableContext);
+  const [isResizing, setIsResizing] = (0, import_react.useState)(false);
+  const [nextWidth, setNextWidth] = (0, import_react.useState)(column.width ?? 150);
+  const visibleColumnsCopy = (0, import_react.useMemo)(() => visibleColumns.map((col) => ({ ...col })), [visibleColumns]);
+  (0, import_react.useEffect)(() => {
+    const realColumnIndex = visibleColumnsCopy.findIndex((visibleColumn) => visibleColumn.id === column.id);
     visibleColumnsCopy[realColumnIndex].width = nextWidth;
-    setGridLayout(columnsToGrid.columnsToGrid(visibleColumnsCopy, constants.ColsLayoutStyle.Fixed));
+    setGridLayout((0, import_helpers.columnsToGrid)(visibleColumnsCopy, import_constants.ColsLayoutStyle.Fixed));
   }, [column.id, nextWidth, setGridLayout, visibleColumnsCopy]);
-  const ref = React.useRef(null);
-  const onResizeStart = React.useCallback(() => {
+  const ref = (0, import_react.useRef)(null);
+  const onResizeStart = (0, import_react.useCallback)(() => {
     setIsResizing(true);
   }, []);
-  const onResizeHandler = React.useCallback(e => {
-    const delta = e.clientX - ref.current.getBoundingClientRect().x; // delta in pixels
-
-    const realColumnIndex = visibleColumnsCopy.findIndex(visibleColumn => visibleColumn.id === column.id);
+  const onResizeHandler = (0, import_react.useCallback)((e) => {
+    const delta = e.clientX - ref.current.getBoundingClientRect().x;
+    const realColumnIndex = visibleColumnsCopy.findIndex((visibleColumn) => visibleColumn.id === column.id);
     const widthWithDelta = narrow(nextWidth + delta, visibleColumnsCopy[realColumnIndex].minWidth, visibleColumnsCopy[realColumnIndex].maxWidth);
-    setNextWidth(widthWithDelta); // To prevent text selection
-
+    setNextWidth(widthWithDelta);
     e.preventDefault();
     e.stopPropagation();
   }, [column.id, nextWidth, visibleColumnsCopy]);
-  const onResizeEnd = React.useCallback(() => {
+  const onResizeEnd = (0, import_react.useCallback)(() => {
     setIsResizing(false);
     onColumnResize(column.id, nextWidth);
-    setGridLayout(columnsToGrid.columnsToGrid(visibleColumns, constants.ColsLayoutStyle.Fixed));
+    setGridLayout((0, import_helpers.columnsToGrid)(visibleColumns, import_constants.ColsLayoutStyle.Fixed));
   }, [onColumnResize, column.id, nextWidth, setGridLayout, visibleColumns]);
-  React.useEffect(() => {
+  (0, import_react.useEffect)(() => {
     const debouncedResizeHandler = onResizeHandler;
     const debouncedResizeEnd = onResizeEnd;
-
     const addEvents = () => {
-      document.addEventListener('mousemove', debouncedResizeHandler);
-      document.addEventListener('touchmove', debouncedResizeHandler);
-      document.addEventListener('mouseup', debouncedResizeEnd);
-      document.addEventListener('touchend', debouncedResizeEnd);
+      document.addEventListener("mousemove", debouncedResizeHandler);
+      document.addEventListener("touchmove", debouncedResizeHandler);
+      document.addEventListener("mouseup", debouncedResizeEnd);
+      document.addEventListener("touchend", debouncedResizeEnd);
     };
-
     const removeEvents = () => {
-      document.removeEventListener('mousemove', debouncedResizeHandler);
-      document.removeEventListener('touchmove', debouncedResizeHandler);
-      document.removeEventListener('mouseup', debouncedResizeEnd);
-      document.removeEventListener('touchend', debouncedResizeEnd);
+      document.removeEventListener("mousemove", debouncedResizeHandler);
+      document.removeEventListener("touchmove", debouncedResizeHandler);
+      document.removeEventListener("mouseup", debouncedResizeEnd);
+      document.removeEventListener("touchend", debouncedResizeEnd);
     };
-
-    if (isResizing) addEvents();else removeEvents(); // just in case the component is unmounted
-
+    if (isResizing)
+      addEvents();
+    else
+      removeEvents();
     return removeEvents;
   }, [isResizing, onResizeHandler, onResizeEnd]);
-  return /*#__PURE__*/jsxRuntime.jsx(styled.StyledResizer, {
-    ref: ref,
+  return /* @__PURE__ */ import_react.default.createElement(import_styled.StyledResizer, {
+    ref,
     role: "separator",
     draggable: false,
-    isResizing: isResizing,
+    isResizing,
     onMouseDown: onResizeStart,
     onTouchStart: onResizeStart,
     onMouseUp: onResizeEnd,
     onTouchEnd: onResizeEnd
   });
 };
-
-exports.HeaderResizer = HeaderResizer;
+module.exports = __toCommonJS(HeaderResizer_exports);
+//# sourceMappingURL=HeaderResizer.js.map

package/cjs/parts/Headers/HeaderResizer.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/parts/Headers/HeaderResizer.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["/* eslint-disable react/prop-types */\nimport React, { useState, useCallback, useContext, useRef, useEffect, useMemo } from 'react';\nimport { ColsLayoutStyle } from '../../configs/constants';\nimport { DataTableContext } from '../../DataTableContext';\nimport { columnsToGrid } from '../../helpers';\nimport { StyledResizer } from '../../styled';\nimport { TypescriptColumn } from '../../types/props';\n\nconst narrow = (value: number, min: number, max: number): number =>\n  Math.min(Math.max(value, min ?? 30), max ?? Infinity);\n\nexport const HeaderResizer: React.ComponentType<{\n  column: TypescriptColumn;\n}> = ({ column }) => {\n  const {\n    layoutHelpers: { setGridLayout },\n    visibleColumns,\n    tableProps: { onColumnResize },\n  } = useContext(DataTableContext);\n\n  const [isResizing, setIsResizing] = useState(false);\n  const [nextWidth, setNextWidth] = useState(column.width ?? 150);\n\n  const visibleColumnsCopy = useMemo(() => visibleColumns.map((col) => ({ ...col })), [visibleColumns]);\n\n  useEffect(() => {\n    const realColumnIndex = visibleColumnsCopy.findIndex((visibleColumn) => visibleColumn.id === column.id);\n\n    visibleColumnsCopy[realColumnIndex].width = nextWidth;\n    setGridLayout(columnsToGrid(visibleColumnsCopy, ColsLayoutStyle.Fixed));\n  }, [column.id, nextWidth, setGridLayout, visibleColumnsCopy]);\n\n  const ref = useRef<HTMLDivElement>(null);\n\n  const onResizeStart = useCallback(() => {\n    setIsResizing(true);\n  }, []);\n\n  const onResizeHandler = useCallback(\n    (e) => {\n      const delta = e.clientX - ref.current.getBoundingClientRect().x; // delta in pixels\n\n      const realColumnIndex = visibleColumnsCopy.findIndex((visibleColumn) => visibleColumn.id === column.id);\n\n      const widthWithDelta = narrow(\n        nextWidth + delta,\n        visibleColumnsCopy[realColumnIndex].minWidth,\n        visibleColumnsCopy[realColumnIndex].maxWidth,\n      );\n\n      setNextWidth(widthWithDelta);\n\n      // To prevent text selection\n      e.preventDefault();\n      e.stopPropagation();\n    },\n    [column.id, nextWidth, visibleColumnsCopy],\n  );\n\n  const onResizeEnd = useCallback(() => {\n    setIsResizing(false);\n    onColumnResize(column.id, nextWidth);\n    setGridLayout(columnsToGrid(visibleColumns, ColsLayoutStyle.Fixed));\n  }, [onColumnResize, column.id, nextWidth, setGridLayout, visibleColumns]);\n\n  useEffect(() => {\n    const debouncedResizeHandler = onResizeHandler;\n    const debouncedResizeEnd = onResizeEnd;\n    const addEvents = () => {\n      document.addEventListener('mousemove', debouncedResizeHandler);\n      document.addEventListener('touchmove', debouncedResizeHandler);\n      document.addEventListener('mouseup', debouncedResizeEnd);\n      document.addEventListener('touchend', debouncedResizeEnd);\n    };\n    const removeEvents = () => {\n      document.removeEventListener('mousemove', debouncedResizeHandler);\n      document.removeEventListener('touchmove', debouncedResizeHandler);\n      document.removeEventListener('mouseup', debouncedResizeEnd);\n      document.removeEventListener('touchend', debouncedResizeEnd);\n    };\n\n    if (isResizing) addEvents();\n    else removeEvents();\n\n    // just in case the component is unmounted\n    return removeEvents;\n  }, [isResizing, onResizeHandler, onResizeEnd]);\n\n  return (\n    <StyledResizer\n      ref={ref}\n      role=\"separator\"\n      draggable={false}\n      isResizing={isResizing}\n      onMouseDown={onResizeStart}\n      onTouchStart={onResizeStart}\n      onMouseUp={onResizeEnd}\n      onTouchEnd={onResizeEnd}\n    />\n  );\n};\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADCvB,mBAAqF;AACrF,uBAAgC;AAChC,8BAAiC;AACjC,qBAA8B;AAC9B,oBAA8B;AAG9B,MAAM,SAAS,CAAC,OAAe,KAAa,QAC1C,KAAK,IAAI,KAAK,IAAI,OAAO,OAAO,KAAK,OAAO;AAEvC,MAAM,gBAER,CAAC,EAAE,aAAa;AACnB,QAAM;AAAA,IACJ,eAAe,EAAE;AAAA,IACjB;AAAA,IACA,YAAY,EAAE;AAAA,MACZ,6BAAW;AAEf,QAAM,CAAC,YAAY,iBAAiB,2BAAS;AAC7C,QAAM,CAAC,WAAW,gBAAgB,2BAAS,OAAO,SAAS;AAE3D,QAAM,qBAAqB,0BAAQ,MAAM,eAAe,IAAI,CAAC,QAAS,MAAK,SAAS,CAAC;AAErF,8BAAU,MAAM;AACd,UAAM,kBAAkB,mBAAmB,UAAU,CAAC,kBAAkB,cAAc,OAAO,OAAO;AAEpG,uBAAmB,iBAAiB,QAAQ;AAC5C,kBAAc,kCAAc,oBAAoB,iCAAgB;AAAA,KAC/D,CAAC,OAAO,IAAI,WAAW,eAAe;AAEzC,QAAM,MAAM,yBAAuB;AAEnC,QAAM,gBAAgB,8BAAY,MAAM;AACtC,kBAAc;AAAA,KACb;AAEH,QAAM,kBAAkB,8BACtB,CAAC,MAAM;AACL,UAAM,QAAQ,EAAE,UAAU,IAAI,QAAQ,wBAAwB;AAE9D,UAAM,kBAAkB,mBAAmB,UAAU,CAAC,kBAAkB,cAAc,OAAO,OAAO;AAEpG,UAAM,iBAAiB,OACrB,YAAY,OACZ,mBAAmB,iBAAiB,UACpC,mBAAmB,iBAAiB;AAGtC,iBAAa;AAGb,MAAE;AACF,MAAE;AAAA,KAEJ,CAAC,OAAO,IAAI,WAAW;AAGzB,QAAM,cAAc,8BAAY,MAAM;AACpC,kBAAc;AACd,mBAAe,OAAO,IAAI;AAC1B,kBAAc,kCAAc,gBAAgB,iCAAgB;AAAA,KAC3D,CAAC,gBAAgB,OAAO,IAAI,WAAW,eAAe;AAEzD,8BAAU,MAAM;AACd,UAAM,yBAAyB;AAC/B,UAAM,qBAAqB;AAC3B,UAAM,YAAY,MAAM;AACtB,eAAS,iBAAiB,aAAa;AACvC,eAAS,iBAAiB,aAAa;AACvC,eAAS,iBAAiB,WAAW;AACrC,eAAS,iBAAiB,YAAY;AAAA;AAExC,UAAM,eAAe,MAAM;AACzB,eAAS,oBAAoB,aAAa;AAC1C,eAAS,oBAAoB,aAAa;AAC1C,eAAS,oBAAoB,WAAW;AACxC,eAAS,oBAAoB,YAAY;AAAA;AAG3C,QAAI;AAAY;AAAA;AACX;AAGL,WAAO;AAAA,KACN,CAAC,YAAY,iBAAiB;AAEjC,SACE,mDAAC,6BAAD;AAAA,IACE;AAAA,IACA,MAAK;AAAA,IACL,WAAW;AAAA,IACX;AAAA,IACA,aAAa;AAAA,IACb,cAAc;AAAA,IACd,WAAW;AAAA,IACX,YAAY;AAAA;AAAA;",
+  "names": []
+}

package/cjs/parts/Headers/RequiredDot.js

@@ -1,27 +1,45 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var _jsx = require('@babel/runtime/helpers/jsx');
-require('react');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
-
-var _circle;
-const RequiredDot = () => /*#__PURE__*/_jsx__default["default"]("svg", {
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __reExport = (target, module2, copyDefault, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toESM = (module2, isNodeMode) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+var __toCommonJS = /* @__PURE__ */ ((cache) => {
+  return (module2, temp) => {
+    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
+  };
+})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var RequiredDot_exports = {};
+__export(RequiredDot_exports, {
+  RequiredDot: () => RequiredDot
+});
+var React = __toESM(require("react"));
+var import_react = __toESM(require("react"));
+const RequiredDot = () => /* @__PURE__ */ import_react.default.createElement("svg", {
   height: "4",
   width: "4",
-  style: {
-    marginBottom: '6px',
-    marginLeft: '4px'
-  }
-}, void 0, _circle || (_circle = /*#__PURE__*/_jsx__default["default"]("circle", {
+  style: { marginBottom: "6px", marginLeft: "4px" }
+}, /* @__PURE__ */ import_react.default.createElement("circle", {
   cx: "2",
   cy: "2",
   r: "2",
   fill: "red"
-})));
-
-exports.RequiredDot = RequiredDot;
+}));
+module.exports = __toCommonJS(RequiredDot_exports);
+//# sourceMappingURL=RequiredDot.js.map

package/cjs/parts/Headers/RequiredDot.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/parts/Headers/RequiredDot.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import React from 'react';\n\nexport const RequiredDot: React.ComponentType = () => (\n  <svg height=\"4\" width=\"4\" style={{ marginBottom: '6px', marginLeft: '4px' }}>\n    <circle cx=\"2\" cy=\"2\" r=\"2\" fill=\"red\" />\n  </svg>\n);\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAEX,MAAM,cAAmC,MAC9C,mDAAC,OAAD;AAAA,EAAK,QAAO;AAAA,EAAI,OAAM;AAAA,EAAI,OAAO,EAAE,cAAc,OAAO,YAAY;AAAA,GAClE,mDAAC,UAAD;AAAA,EAAQ,IAAG;AAAA,EAAI,IAAG;AAAA,EAAI,GAAE;AAAA,EAAI,MAAK;AAAA;",
+  "names": []
+}

package/cjs/parts/Headers/index.js

@@ -1,53 +1,69 @@
-'use strict';
-
-var _jsx = require('@babel/runtime/helpers/jsx');
-require('core-js/modules/esnext.async-iterator.map.js');
-require('core-js/modules/esnext.iterator.map.js');
-var React = require('react');
-var styled = require('../../styled.js');
-var DataTableContext = require('../../DataTableContext.js');
-var withConditionalDnDColumnContext = require('../HoC/withConditionalDnDColumnContext.js');
-var HeaderCellGroup = require('./HeaderCellGroup.js');
-var SortableHeaderCell = require('../SortableHeaderCell.js');
-var jsxRuntime = require('react/jsx-runtime');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
-
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __reExport = (target, module2, copyDefault, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toESM = (module2, isNodeMode) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+var __toCommonJS = /* @__PURE__ */ ((cache) => {
+  return (module2, temp) => {
+    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
+  };
+})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var Headers_exports = {};
+__export(Headers_exports, {
+  Headers: () => Headers,
+  default: () => Headers_default
+});
+var React = __toESM(require("react"));
+var import_react = __toESM(require("react"));
+var import_styled = require("../../styled");
+var import_DataTableContext = require("../../DataTableContext");
+var import_withConditionalDnDColumnContext = require("../HoC/withConditionalDnDColumnContext");
+var import_HeaderCellGroup = require("./HeaderCellGroup");
+var import_SortableHeaderCell = require("../SortableHeaderCell");
 const HeadersComp = () => {
   const {
-    tableProps: {
-      isExpandable,
-      colsLayoutStyle
-    },
-    layoutHelpers: {
-      gridLayout,
-      totalColumnsWidth
-    },
+    tableProps: { isExpandable, colsLayoutStyle },
+    layoutHelpers: { gridLayout, totalColumnsWidth },
     columnHeaderRef,
     visibleColumns
-  } = React.useContext(DataTableContext["default"]);
-  const HeadersCells = React.useMemo(() => /*#__PURE__*/_jsx__default["default"](SortableHeaderCell.SortableHeaderCell, {
+  } = (0, import_react.useContext)(import_DataTableContext.DataTableContext);
+  const HeadersCells = (0, import_react.useMemo)(() => /* @__PURE__ */ import_react.default.createElement(import_SortableHeaderCell.SortableHeaderCell, {
     items: visibleColumns
-  }, void 0, /*#__PURE__*/_jsx__default["default"](styled.StyledHeadTr, {
+  }, /* @__PURE__ */ import_react.default.createElement(import_styled.StyledHeadTr, {
     role: "row",
     cols: gridLayout,
-    colsLayoutStyle: colsLayoutStyle,
-    isExpandable: isExpandable
-  }, void 0, visibleColumns.map((h, index) => /*#__PURE__*/_jsx__default["default"](HeaderCellGroup["default"], {
+    colsLayoutStyle,
+    isExpandable
+  }, visibleColumns.map((h, index) => /* @__PURE__ */ import_react.default.createElement(import_HeaderCellGroup.HeaderCellGroup, {
     header: h,
+    key: h.id,
     isLast: index === visibleColumns.length - 1
-  }, h.id)))), [isExpandable, visibleColumns, gridLayout, colsLayoutStyle]);
-  const PureHeaders = React.useMemo(() => /*#__PURE__*/jsxRuntime.jsx(styled.StyledHeadWrapper, {
-    totalColumnsWidth: totalColumnsWidth,
-    colsLayoutStyle: colsLayoutStyle,
-    ref: columnHeaderRef,
-    children: HeadersCells
-  }), [totalColumnsWidth, colsLayoutStyle, columnHeaderRef, HeadersCells]);
+  })))), [isExpandable, visibleColumns, gridLayout, colsLayoutStyle]);
+  const PureHeaders = (0, import_react.useMemo)(() => /* @__PURE__ */ import_react.default.createElement(import_styled.StyledHeadWrapper, {
+    totalColumnsWidth,
+    colsLayoutStyle,
+    ref: columnHeaderRef
+  }, HeadersCells), [totalColumnsWidth, colsLayoutStyle, columnHeaderRef, HeadersCells]);
   return PureHeaders;
 };
-
-var Headers = withConditionalDnDColumnContext.withConditionalDnDColumnContext(HeadersComp);
-
-module.exports = Headers;
+const Headers = (0, import_withConditionalDnDColumnContext.withConditionalDnDColumnContext)(HeadersComp);
+var Headers_default = Headers;
+module.exports = __toCommonJS(Headers_exports);
+//# sourceMappingURL=index.js.map

package/cjs/parts/Headers/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/parts/Headers/index.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import React, { useContext, useMemo } from 'react';\nimport { StyledHeadWrapper, StyledHeadTr } from '../../styled';\nimport { DataTableContext } from '../../DataTableContext';\nimport { withConditionalDnDColumnContext } from '../HoC/withConditionalDnDColumnContext';\nimport { HeaderCellGroup } from './HeaderCellGroup';\nimport { SortableHeaderCell } from '../SortableHeaderCell';\nimport { TypescriptColumn } from '../../types/props';\n\nconst HeadersComp = (): JSX.Element => {\n  const {\n    tableProps: { isExpandable, colsLayoutStyle },\n    layoutHelpers: { gridLayout, totalColumnsWidth },\n    columnHeaderRef,\n    visibleColumns,\n  } = useContext(DataTableContext);\n  const HeadersCells = useMemo(\n    () => (\n      <SortableHeaderCell items={visibleColumns}>\n        <StyledHeadTr role=\"row\" cols={gridLayout} colsLayoutStyle={colsLayoutStyle} isExpandable={isExpandable}>\n          {visibleColumns.map((h: TypescriptColumn, index) => (\n            <HeaderCellGroup header={h} key={h.id} isLast={index === visibleColumns.length - 1} />\n          ))}\n        </StyledHeadTr>\n      </SortableHeaderCell>\n    ),\n    [isExpandable, visibleColumns, gridLayout, colsLayoutStyle],\n  );\n\n  const PureHeaders = useMemo(\n    () => (\n      <StyledHeadWrapper totalColumnsWidth={totalColumnsWidth} colsLayoutStyle={colsLayoutStyle} ref={columnHeaderRef}>\n        {HeadersCells}\n      </StyledHeadWrapper>\n    ),\n    [totalColumnsWidth, colsLayoutStyle, columnHeaderRef, HeadersCells],\n  );\n  return PureHeaders;\n};\n\nexport const Headers = withConditionalDnDColumnContext(HeadersComp);\nexport default Headers;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAA2C;AAC3C,oBAAgD;AAChD,8BAAiC;AACjC,6CAAgD;AAChD,6BAAgC;AAChC,gCAAmC;AAGnC,MAAM,cAAc,MAAmB;AACrC,QAAM;AAAA,IACJ,YAAY,EAAE,cAAc;AAAA,IAC5B,eAAe,EAAE,YAAY;AAAA,IAC7B;AAAA,IACA;AAAA,MACE,6BAAW;AACf,QAAM,eAAe,0BACnB,MACE,mDAAC,8CAAD;AAAA,IAAoB,OAAO;AAAA,KACzB,mDAAC,4BAAD;AAAA,IAAc,MAAK;AAAA,IAAM,MAAM;AAAA,IAAY;AAAA,IAAkC;AAAA,KAC1E,eAAe,IAAI,CAAC,GAAqB,UACxC,mDAAC,wCAAD;AAAA,IAAiB,QAAQ;AAAA,IAAG,KAAK,EAAE;AAAA,IAAI,QAAQ,UAAU,eAAe,SAAS;AAAA,SAKzF,CAAC,cAAc,gBAAgB,YAAY;AAG7C,QAAM,cAAc,0BAClB,MACE,mDAAC,iCAAD;AAAA,IAAmB;AAAA,IAAsC;AAAA,IAAkC,KAAK;AAAA,KAC7F,eAGL,CAAC,mBAAmB,iBAAiB,iBAAiB;AAExD,SAAO;AAAA;AAGF,MAAM,UAAU,4EAAgC;AACvD,IAAO,kBAAQ;",
+  "names": []
+}