@elliemae/ds-datagrids 2.2.0-alpha.3 → 3.0.0-next.0

package/esm/components/tableContext.js

@@ -1,7 +1,5 @@
-import * as React from "react";
-import React2 from "react";
-const TableContext = React2.createContext();
-export {
-  TableContext
-};
-//# sourceMappingURL=tableContext.js.map
+import React from 'react';
+
+const TableContext = /*#__PURE__*/React.createContext();
+
+export { TableContext };

package/esm/defaultPlugins.js

@@ -1,15 +1,8 @@
-import * as React from "react";
-import { BodyHeaderScrollSyncPlugin } from "./plugins/body-header-scroll-sync";
-import { ResizablePlugin } from "./plugins/resizable";
-import { CustomRendererPlugin } from "./plugins/custom-cell-renderer";
-import { ColumnSizingPlugin } from "./plugins/column-sizing";
-const defaultPlugins = [
-  BodyHeaderScrollSyncPlugin,
-  ResizablePlugin,
-  CustomRendererPlugin,
-  ColumnSizingPlugin
-];
-export {
-  defaultPlugins
-};
-//# sourceMappingURL=defaultPlugins.js.map
+import { BodyHeaderScrollSyncPlugin } from './plugins/body-header-scroll-sync/BodyHeaderScrollSyncPlugin.js';
+import { ResizablePlugin } from './plugins/resizable/ResizablePlugin.js';
+import { CustomRendererPlugin } from './plugins/custom-cell-renderer/CustomRendererPlugin.js';
+import { ColumnSizingPlugin } from './plugins/column-sizing/ColumnSizingPlugin.js';
+
+const defaultPlugins = [BodyHeaderScrollSyncPlugin, ResizablePlugin, CustomRendererPlugin, ColumnSizingPlugin];
+
+export { defaultPlugins };

package/esm/index.js

@@ -1,63 +1,27 @@
-import * as React from "react";
-import { DSDataGrid } from "./DSDataGrid";
-import { DSDataGridsWithSchema } from "./DSDataGrid";
-import { ColumnsOptionsMenuSection } from "./components/ColumnsOptionsMenuSection";
-import { getColumnVisibilityMenuOption } from "./components/ColumnVisibilityMenuOption";
-import { EmptyState } from "./components/EmptyState";
-import { IconColumn } from "./columns/IconColumn";
-import {
-  BodyHeaderScrollSyncPlugin,
-  DndColumnsPlugin,
-  ColumnSizingPlugin,
-  CustomRendererPlugin,
-  EditablePlugin,
-  ComboBox,
-  TextBox,
-  ExpandablePlugin,
-  ExpandableColumn,
-  FilterablePlugin,
-  InfiniteScrollPlugin,
-  PaginationPlugin,
-  ResizablePlugin,
-  DndRowsPlugin,
-  SelectablePlugin,
-  SortablePlugin,
-  ToolbarPlugin,
-  ExportDataPlugin,
-  VirtualizationPlugin
-} from "./plugins";
-import { RowSizes, RowSizesOptions, RowSizesOptionsArr } from "./rowSizes";
-import { CellWithAddons, CellContainer } from "./renders";
-export {
-  BodyHeaderScrollSyncPlugin,
-  CellContainer,
-  CellWithAddons,
-  ColumnSizingPlugin,
-  ColumnsOptionsMenuSection,
-  ComboBox,
-  CustomRendererPlugin,
-  DSDataGrid,
-  DSDataGridsWithSchema,
-  DndColumnsPlugin,
-  DndRowsPlugin,
-  EditablePlugin,
-  EmptyState,
-  ExpandableColumn,
-  ExpandablePlugin,
-  ExportDataPlugin,
-  FilterablePlugin,
-  IconColumn,
-  InfiniteScrollPlugin,
-  PaginationPlugin,
-  ResizablePlugin,
-  RowSizes,
-  RowSizesOptions,
-  RowSizesOptionsArr,
-  SelectablePlugin,
-  SortablePlugin,
-  TextBox,
-  ToolbarPlugin,
-  VirtualizationPlugin,
-  getColumnVisibilityMenuOption
-};
-//# sourceMappingURL=index.js.map
+export { default as DSDataGrid, DSDataGridsWithSchema } from './DSDataGrid.js';
+export { default as ColumnsOptionsMenuSection } from './components/ColumnsOptionsMenuSection.js';
+export { getColumnVisibilityMenuOption } from './components/ColumnVisibilityMenuOption.js';
+export { EmptyState } from './components/EmptyState.js';
+export { default as IconColumn } from './columns/IconColumn.js';
+export { BodyHeaderScrollSyncPlugin } from './plugins/body-header-scroll-sync/BodyHeaderScrollSyncPlugin.js';
+export { DndColumnsPlugin } from './plugins/column-dnd/DndColumnsPlugin.js';
+export { ColumnSizingPlugin } from './plugins/column-sizing/ColumnSizingPlugin.js';
+export { CustomRendererPlugin } from './plugins/custom-cell-renderer/CustomRendererPlugin.js';
+export { EditablePlugin } from './plugins/editable/EditablePlugin.js';
+export { default as ComboBox } from './plugins/editable/EditableComponents/ComboBox.js';
+export { default as TextBox } from './plugins/editable/EditableComponents/TextBox.js';
+export { ExpandablePlugin } from './plugins/expandable-grid/ExpandablePlugin.js';
+export { default as ExpandableColumn } from './plugins/expandable-grid/ExpandableColumn.js';
+export { FilterablePlugin } from './plugins/filterable/FilterablePlugin.js';
+export { InfiniteScrollPlugin } from './plugins/infinite-scrolling/InfiniteScrollPlugin.js';
+export { PaginationPlugin } from './plugins/pagination/PaginationPlugin.js';
+export { ResizablePlugin } from './plugins/resizable/ResizablePlugin.js';
+export { DndRowsPlugin } from './plugins/row-dnd/DndRowsPlugin.js';
+export { SelectablePlugin } from './plugins/selectable/SelectablePlugin.js';
+export { SortablePlugin } from './plugins/sortable/SortablePlugin.js';
+export { ToolbarPlugin } from './plugins/toolbar/ToolbarPlugin.js';
+export { ExportDataPlugin, getColumnValue, getExportedData, getVisibleRowData } from './plugins/export-data/ExportDataPlugin.js';
+export { VirtualizationPlugin } from './plugins/virtualization/VirtualizationPlugin.js';
+export { RowSizes, RowSizesOptions, RowSizesOptionsArr } from './rowSizes.js';
+export { CellWithAddons } from './renders/CellWithAddons.js';
+export { CellContainer } from './renders/styled.js';

package/esm/plugins/body-header-scroll-sync/BodyHeaderScrollSyncPlugin.js

@@ -1,63 +1,43 @@
-import * as React from "react";
-import React2, { useMemo, useRef, useEffect } from "react";
-import { mergeRefs } from "@elliemae/ds-utilities";
-import { ScrollSync, ScrollSyncPane } from "@elliemae/ds-shared/ScrollSync";
-import { createInstancePlugin } from "@elliemae/ds-shared/createDataInstance/createInstancePlugin";
-import { getScrollbarWidth } from "../../utilities/getScrollbarSize";
-const SCROLLBAR_WIDTH = getScrollbarWidth(2);
-const HeaderSyncHoc = (Component) => (props) => /* @__PURE__ */ React2.createElement(ScrollSyncPane, null, ({ registerPane }) => /* @__PURE__ */ React2.createElement(Component, {
-  ...props,
-  innerRef: mergeRefs(props.innerRef, registerPane)
-}));
-const BodySyncHoc = (Component, notPaginated, grid) => ({
-  children,
-  classProps,
-  columns,
-  getContainer,
-  helperClass,
-  innerBodyRef,
-  innerRef,
-  isPlaceholderActive,
-  listProps,
-  lockAxis,
-  noResultsPlaceholder,
-  numRowsVisible,
-  onSortEnd,
-  onSortOver,
-  onSortStart,
-  rowKey,
-  rowRenderer,
-  rows,
-  useDragHandle,
-  className,
-  listComponent,
-  ...rest
-}) => {
-  const t = useRef();
-  const repositionToolbarBasedOnBodyScrollPosition = (SCROLLBAR_WIDTH2) => () => {
-    grid.refs.body.current.style.setProperty("--toolbar-scroll", `${grid.refs.body.current.offsetWidth + grid.refs.body.current.scrollLeft - 15}px`);
-    grid.refs.body.current.style.setProperty("--toolbar-scroll-paginated", `${grid.refs.body.current.offsetWidth + grid.refs.body.current.scrollLeft - 19}px`);
-  };
-  useEffect(() => {
-    setTimeout(repositionToolbarBasedOnBodyScrollPosition(-SCROLLBAR_WIDTH), 300);
-  }, []);
-  useEffect(() => {
-    window.addEventListener("resize", repositionToolbarBasedOnBodyScrollPosition(-SCROLLBAR_WIDTH));
-    return () => {
-      window.removeEventListener("resize", repositionToolbarBasedOnBodyScrollPosition(-SCROLLBAR_WIDTH));
-    };
-  });
-  return /* @__PURE__ */ React2.createElement(ScrollSyncPane, {
-    notPaginated
-  }, ({ registerPane }) => /* @__PURE__ */ React2.createElement(Component, {
-    ref: t,
+import 'core-js/modules/esnext.async-iterator.filter.js';
+import 'core-js/modules/esnext.iterator.constructor.js';
+import 'core-js/modules/esnext.iterator.filter.js';
+import 'core-js/modules/esnext.async-iterator.for-each.js';
+import 'core-js/modules/esnext.iterator.for-each.js';
+import _objectWithoutProperties from '@babel/runtime/helpers/esm/objectWithoutProperties';
+import _jsx from '@babel/runtime/helpers/esm/jsx';
+import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
+import { useMemo, useRef, useEffect } from 'react';
+import { mergeRefs } from '@elliemae/ds-utilities';
+import { ScrollSync, ScrollSyncPane } from '@elliemae/ds-shared/ScrollSync';
+import createInstancePlugin from '@elliemae/ds-shared/createDataInstance/createInstancePlugin';
+import { getScrollbarWidth } from '../../utilities/getScrollbarSize.js';
+import { jsx } from 'react/jsx-runtime';
+
+const _excluded = ["children", "classProps", "columns", "getContainer", "helperClass", "innerBodyRef", "innerRef", "isPlaceholderActive", "listProps", "lockAxis", "noResultsPlaceholder", "numRowsVisible", "onSortEnd", "onSortOver", "onSortStart", "rowKey", "rowRenderer", "rows", "useDragHandle", "className", "listComponent"];
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+getScrollbarWidth(2);
+
+const HeaderSyncHoc = Component => props => /*#__PURE__*/_jsx(ScrollSyncPane, {}, void 0, _ref => {
+  let {
+    registerPane
+  } = _ref;
+  return /*#__PURE__*/jsx(Component, _objectSpread(_objectSpread({}, props), {}, {
+    innerRef: mergeRefs(props.innerRef, registerPane)
+  }));
+});
+
+const BodySyncHoc = (Component, notPaginated, grid) => _ref2 => {
+  let {
+    children,
     classProps,
-    className,
-    listComponent,
     columns,
     getContainer,
     helperClass,
     innerBodyRef,
+    innerRef,
     isPlaceholderActive,
     listProps,
     lockAxis,
@@ -70,33 +50,83 @@ const BodySyncHoc = (Component, notPaginated, grid) => ({
     rowRenderer,
     rows,
     useDragHandle,
-    innerRef: mergeRefs(innerRef, registerPane, t),
-    ...rest
-  }));
+    className,
+    listComponent
+  } = _ref2,
+      rest = _objectWithoutProperties(_ref2, _excluded);
+
+  const t = useRef();
+
+  const repositionToolbarBasedOnBodyScrollPosition = SCROLLBAR_WIDTH => () => {
+    grid.refs.body.current.style.setProperty('--toolbar-scroll', "".concat(grid.refs.body.current.offsetWidth + grid.refs.body.current.scrollLeft - 15, "px"));
+    grid.refs.body.current.style.setProperty('--toolbar-scroll-paginated', "".concat(grid.refs.body.current.offsetWidth + grid.refs.body.current.scrollLeft - 19, "px"));
+  };
+
+  useEffect(() => {
+    setTimeout(repositionToolbarBasedOnBodyScrollPosition(), 300);
+  }, []);
+  useEffect(() => {
+    window.addEventListener('resize', repositionToolbarBasedOnBodyScrollPosition());
+    return () => {
+      window.removeEventListener('resize', repositionToolbarBasedOnBodyScrollPosition());
+    };
+  });
+  return /*#__PURE__*/_jsx(ScrollSyncPane, {
+    notPaginated: notPaginated
+  }, void 0, _ref3 => {
+    let {
+      registerPane
+    } = _ref3;
+    return /*#__PURE__*/jsx(Component, _objectSpread({
+      ref: t,
+      classProps: classProps,
+      className: className,
+      listComponent: listComponent,
+      columns: columns,
+      getContainer: getContainer,
+      helperClass: helperClass,
+      innerBodyRef: innerBodyRef // innerRef={innerRef}
+      ,
+      isPlaceholderActive: isPlaceholderActive,
+      listProps: listProps,
+      lockAxis: lockAxis,
+      noResultsPlaceholder: noResultsPlaceholder,
+      numRowsVisible: numRowsVisible,
+      onSortEnd: onSortEnd,
+      onSortOver: onSortOver,
+      onSortStart: onSortStart,
+      rowKey: rowKey,
+      rowRenderer: rowRenderer,
+      rows: rows,
+      useDragHandle: useDragHandle,
+      innerRef: mergeRefs(innerRef, registerPane, t)
+    }, rest));
+  });
 };
-const TableSyncHoc = (Component) => (props) => /* @__PURE__ */ React2.createElement(ScrollSync, {
+
+const TableSyncHoc = Component => props => /*#__PURE__*/_jsx(ScrollSync, {
   proportional: false,
-  onScroll: (e) => {
-    e.target.style.setProperty("--toolbar-scroll", `${e.target.offsetWidth + e.target.scrollLeft - 15}px`);
-    e.target.style.setProperty("--toolbar-scroll-paginated", `${e.target.offsetWidth + e.target.scrollLeft - 19}px`);
+  onScroll: e => {
+    e.target.style.setProperty('--toolbar-scroll', "".concat(e.target.offsetWidth + e.target.scrollLeft - 15, "px"));
+    e.target.style.setProperty('--toolbar-scroll-paginated', "".concat(e.target.offsetWidth + e.target.scrollLeft - 19, "px"));
   }
-}, /* @__PURE__ */ React2.createElement(Component, {
-  ...props
-}));
+}, void 0, /*#__PURE__*/jsx(Component, _objectSpread({}, props)));
+
 const decorateRenderers = (renderers, grid) => {
   const HeaderWrapper = renderers.header.wrapper;
   const BodyWrapper = renderers.body.wrapper;
   const Table = renderers.table;
-  const { paginated } = grid.props;
+  const {
+    paginated
+  } = grid.props;
   renderers.table = useMemo(() => TableSyncHoc(Table), []);
   renderers.header.wrapper = useMemo(() => HeaderSyncHoc(HeaderWrapper), []);
   renderers.body.wrapper = useMemo(() => BodySyncHoc(BodyWrapper, !paginated, grid), []);
   return renderers;
 };
-const BodyHeaderScrollSyncPlugin = createInstancePlugin("body-header-scroll-sync", {
+
+const BodyHeaderScrollSyncPlugin = createInstancePlugin('body-header-scroll-sync', {
   decorateRenderers
 });
-export {
-  BodyHeaderScrollSyncPlugin
-};
-//# sourceMappingURL=BodyHeaderScrollSyncPlugin.js.map
+
+export { BodyHeaderScrollSyncPlugin };

package/esm/plugins/body-header-scroll-sync/index.js

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

package/esm/plugins/column-dnd/DndColumnsPlugin.js

@@ -1,38 +1,29 @@
-import * as React from "react";
-import React2, { useEffect, useMemo, useRef } from "react";
-import { SortableContainer, SortableElement } from "react-sortable-hoc";
-import { arrayMove, omit, mergeRefs } from "@elliemae/ds-utilities";
-import { createInstancePlugin } from "@elliemae/ds-shared/createDataInstance/createInstancePlugin";
-import { addDragAndDropToColumn } from "./decorateGridWithDndColumns";
-const keysToOmit = [
-  "axis",
-  "contentWindow",
-  "disableAutoscroll",
-  "distance",
-  "getContainer",
-  "getHelperDimensions",
-  "helperClass",
-  "helperContainer",
-  "hideSortableGhost",
-  "keyboardSortingTransitionDuration",
-  "lockAxis",
-  "lockOffset",
-  "lockToContainerEdges",
-  "onSortEnd",
-  "onSortMove",
-  "onSortOver",
-  "onSortStart",
-  "pressDelay",
-  "pressThreshold",
-  "shouldCancelStart",
-  "transitionDuration",
-  "updateBeforeSortStart",
-  "useDragHandle",
-  "useWindowAsScrollContainer"
-];
+import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
+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.filter.js';
+import 'core-js/modules/esnext.iterator.filter.js';
+import { useRef, useEffect, useMemo } from 'react';
+import { SortableContainer, SortableElement } from 'react-sortable-hoc';
+import { mergeRefs, omit, arrayMove } from '@elliemae/ds-utilities';
+import createInstancePlugin from '@elliemae/ds-shared/createDataInstance/createInstancePlugin';
+import { addDragAndDropToColumn } from './decorateGridWithDndColumns.js';
+import { jsx } from 'react/jsx-runtime';
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+const keysToOmit = ['axis', 'contentWindow', 'disableAutoscroll', 'distance', 'getContainer', 'getHelperDimensions', 'helperClass', 'helperContainer', 'hideSortableGhost', 'keyboardSortingTransitionDuration', 'lockAxis', 'lockOffset', 'lockToContainerEdges', 'onSortEnd', 'onSortMove', 'onSortOver', 'onSortStart', 'pressDelay', 'pressThreshold', 'shouldCancelStart', 'transitionDuration', 'updateBeforeSortStart', 'useDragHandle', 'useWindowAsScrollContainer'];
+
 const decorateColumn = (column, grid) => column.isUserColumn ? addDragAndDropToColumn(grid, column) : column;
+
 const getHeaderRowProps = (props, grid) => {
-  const { onMoveColumnStart, onMoveColumnEnd, onMoveColumnOver } = grid.props;
+  const {
+    onMoveColumnStart,
+    onMoveColumnEnd,
+    onMoveColumnOver
+  } = grid.props;
   const headerRowRef = useRef();
   const columnDraggingOffset = useRef(0);
   const sortedColumns = useRef(grid.getInstance().decoratedColumns);
@@ -40,87 +31,95 @@ const getHeaderRowProps = (props, grid) => {
   useEffect(() => {
     sortedColumns.current = grid.getInstance().decoratedColumns;
   });
-  const onSortOver = (params) => {
-    const { index, newIndex, oldIndex } = params;
+
+  const onSortOver = params => {
+    const {
+      index,
+      newIndex,
+      oldIndex
+    } = params;
     const oldColumn = sortedColumns.current[oldIndex];
     const newColumn = sortedColumns.current[newIndex];
-    if (!newColumn.isUserColumn || !oldColumn.isUserColumn)
-      return;
+    if (!newColumn.isUserColumn || !oldColumn.isUserColumn) return;
     const columnWidth = nodeRef.current.offsetWidth;
     const newColumnWidth = headerRowRef.current.childNodes.item(newColumn.index).offsetWidth;
-    const forward = newIndex > oldIndex;
+    const forward = newIndex > oldIndex; // eslint-disable-next-line no-nested-ternary
+
     const columnTranslate = forward ? newIndex > index ? columnWidth * -1 : 0 : newIndex < index ? columnWidth : 0;
     columnDraggingOffset.current += forward ? newColumnWidth : newColumnWidth * -1;
     newColumn.updateStyle({
-      transitionDuration: "300ms",
-      transform: `translate3d(${columnTranslate}px, 0, 0)`
+      transitionDuration: '300ms',
+      transform: "translate3d(".concat(columnTranslate, "px, 0, 0)")
     });
     oldColumn.updateStyle({
-      transitionDuration: "300ms",
-      transform: `translate3d(${columnDraggingOffset.current}px, 0, 0)`
+      transitionDuration: '300ms',
+      transform: "translate3d(".concat(columnDraggingOffset.current, "px, 0, 0)")
     });
     sortedColumns.current = arrayMove(sortedColumns.current, oldIndex, newIndex);
     onMoveColumnOver(params);
   };
-  const onSortStart = (params) => {
-    const { node } = params;
+
+  const onSortStart = params => {
+    const {
+      node
+    } = params;
     grid.disableEvents();
     nodeRef.current = node;
     onMoveColumnStart(params);
   };
-  const onSortEnd = (params) => {
-    const { oldIndex, newIndex } = params;
+
+  const onSortEnd = params => {
+    const {
+      oldIndex,
+      newIndex
+    } = params;
     grid.enableEvents();
     columnDraggingOffset.current = 0;
     sortedColumns.current = grid.decoratedColumns;
-    grid.decoratedColumns.forEach((column) => {
-      if (!column.updateStyle)
-        return;
+    grid.decoratedColumns.forEach(column => {
+      if (!column.updateStyle) return;
       column.updateStyle({
         transitionDuration: null,
         transform: null
       });
     });
-    const originalOldColumnIndex = grid.columns.findIndex((column) => column.property === grid.decoratedColumns[oldIndex].property);
-    const originalNewColumnIndex = grid.columns.findIndex((column) => column.property === grid.decoratedColumns[newIndex].property);
+    const originalOldColumnIndex = grid.columns.findIndex(column => column.property === grid.decoratedColumns[oldIndex].property);
+    const originalNewColumnIndex = grid.columns.findIndex(column => column.property === grid.decoratedColumns[newIndex].property);
     onMoveColumnEnd({
       newIndex: originalNewColumnIndex,
       oldIndex: originalOldColumnIndex
     });
   };
+
   return {
-    axis: "x",
-    helperClass: "header-dnd-column",
+    axis: 'x',
+    helperClass: 'header-dnd-column',
     innerRef: mergeRefs(props.innerRef, headerRowRef),
-    lockAxis: "x",
+    lockAxis: 'x',
     onSortEnd,
     onSortOver,
     onSortStart,
     useDragHandle: true
   };
 };
-const decorateRenderers = (renderers) => {
+
+const decorateRenderers = renderers => {
   const RowComponent = renderers.header.row;
   const CellComponent = renderers.header.cell;
-  const Row = useMemo(() => SortableContainer((props) => /* @__PURE__ */ React2.createElement(RowComponent, {
-    ...omit(props, keysToOmit)
-  })), []);
+  const Row = useMemo(() => SortableContainer(props => /*#__PURE__*/jsx(RowComponent, _objectSpread({}, omit(props, keysToOmit)))), []);
   const Cell = useMemo(() => SortableElement(CellComponent), []);
-  return {
-    ...renderers,
-    header: {
-      ...renderers.header,
+  return _objectSpread(_objectSpread({}, renderers), {}, {
+    header: _objectSpread(_objectSpread({}, renderers.header), {}, {
       row: Row,
       cell: Cell
-    }
-  };
+    })
+  });
 };
-const DndColumnsPlugin = createInstancePlugin("dnd-columns", {
+
+const DndColumnsPlugin = createInstancePlugin('dnd-columns', {
   getHeaderRowProps,
   decorateColumn,
   decorateRenderers
 });
-export {
-  DndColumnsPlugin
-};
-//# sourceMappingURL=DndColumnsPlugin.js.map
+
+export { DndColumnsPlugin };

package/esm/plugins/column-dnd/decorateGridWithDndColumns.js

@@ -1,20 +1,22 @@
-import * as React from "react";
-import React2 from "react";
-import { SortableHandle } from "react-sortable-hoc";
-import { GripperVertical } from "@elliemae/ds-icons";
-import {
-  appendHeaderFormatter,
-  mergeClassNameToColumnHeader
-} from "@elliemae/ds-shared/useDataGrid/initColumnDefinition";
-const DragHandle = SortableHandle(() => /* @__PURE__ */ React2.createElement(GripperVertical, {
+import _jsx from '@babel/runtime/helpers/esm/jsx';
+import 'react';
+import { SortableHandle } from 'react-sortable-hoc';
+import { GripperVertical } from '@elliemae/ds-icons';
+import { appendHeaderFormatter, mergeClassNameToColumnHeader } from '@elliemae/ds-shared/useDataGrid/initColumnDefinition';
+import { jsxs, Fragment } from 'react/jsx-runtime';
+
+var _GripperVertical, _DragHandle;
+const DragHandle = SortableHandle(() => _GripperVertical || (_GripperVertical = /*#__PURE__*/_jsx(GripperVertical, {
   className: "drag-handle"
-}));
-const DndHeaderFormatter = (value) => /* @__PURE__ */ React2.createElement(React2.Fragment, null, /* @__PURE__ */ React2.createElement(DragHandle, null), value);
+})));
+
+const DndHeaderFormatter = value => /*#__PURE__*/jsxs(Fragment, {
+  children: [_DragHandle || (_DragHandle = /*#__PURE__*/_jsx(DragHandle, {})), value]
+});
+
 const addDragAndDropToColumn = (grid, column) => {
   column = appendHeaderFormatter(DndHeaderFormatter, column);
-  return mergeClassNameToColumnHeader("with-dnd-column", column);
+  return mergeClassNameToColumnHeader('with-dnd-column', column);
 };
-export {
-  addDragAndDropToColumn
-};
-//# sourceMappingURL=decorateGridWithDndColumns.js.map
+
+export { addDragAndDropToColumn };

package/esm/plugins/column-dnd/index.js

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