@elliemae/ds-datagrids 2.2.0 → 2.3.0-alpha.3

package/esm/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/index.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export { DSDataGrid } from './DSDataGrid';\n\nexport { DSDataGridsWithSchema } from './DSDataGrid';\nexport { ColumnsOptionsMenuSection } from './components/ColumnsOptionsMenuSection';\n\nexport { getColumnVisibilityMenuOption } from './components/ColumnVisibilityMenuOption';\n\nexport { EmptyState } from './components/EmptyState';\n\nexport { IconColumn } from './columns/IconColumn';\n\nexport {\n  BodyHeaderScrollSyncPlugin,\n  DndColumnsPlugin,\n  ColumnSizingPlugin,\n  CustomRendererPlugin,\n  EditablePlugin,\n  ComboBox,\n  TextBox,\n  ExpandablePlugin,\n  ExpandableColumn,\n  FilterablePlugin,\n  InfiniteScrollPlugin,\n  PaginationPlugin,\n  ResizablePlugin,\n  DndRowsPlugin,\n  SelectablePlugin,\n  SortablePlugin,\n  ToolbarPlugin,\n  ExportDataPlugin,\n  VirtualizationPlugin,\n} from './plugins';\n\nexport { RowSizes, RowSizesOptions, RowSizesOptionsArr } from './rowSizes';\n\nexport { CellWithAddons, CellContainer } from './renders';\n"],
+  "mappings": "AAAA;ACAA;AAEA;AACA;AAEA;AAEA;AAEA;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAsBA;AAEA;",
+  "names": []
+}

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

@@ -1,43 +1,63 @@
-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,
+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,
     classProps,
+    className,
+    listComponent,
     columns,
     getContainer,
     helperClass,
     innerBodyRef,
-    innerRef,
     isPlaceholderActive,
     listProps,
     lockAxis,
@@ -50,83 +70,33 @@ const BodySyncHoc = (Component, notPaginated, grid) => _ref2 => {
     rowRenderer,
     rows,
     useDragHandle,
-    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));
-  });
+    innerRef: mergeRefs(innerRef, registerPane, t),
+    ...rest
+  }));
 };
-
-const TableSyncHoc = Component => props => /*#__PURE__*/_jsx(ScrollSync, {
+const TableSyncHoc = (Component) => (props) => /* @__PURE__ */ React2.createElement(ScrollSync, {
   proportional: false,
-  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"));
+  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`);
   }
-}, void 0, /*#__PURE__*/jsx(Component, _objectSpread({}, props)));
-
+}, /* @__PURE__ */ React2.createElement(Component, {
+  ...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 };
+export {
+  BodyHeaderScrollSyncPlugin
+};
+//# sourceMappingURL=BodyHeaderScrollSyncPlugin.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/plugins/body-header-scroll-sync/BodyHeaderScrollSyncPlugin.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable no-shadow */\n/* eslint-disable @typescript-eslint/no-unused-vars */\n/* eslint-disable no-unused-vars */\n/* eslint-disable react/prop-types */\n/* eslint-disable max-lines */\n/* eslint-disable react-hooks/rules-of-hooks */\n/* eslint-disable no-param-reassign */\n/* eslint-disable react/display-name */\nimport React, { useMemo, useRef, useEffect } from 'react';\nimport { mergeRefs } from '@elliemae/ds-utilities';\nimport { ScrollSync, ScrollSyncPane } from '@elliemae/ds-shared/ScrollSync';\nimport { createInstancePlugin } from '@elliemae/ds-shared/createDataInstance/createInstancePlugin';\nimport { getScrollbarWidth } from '../../utilities/getScrollbarSize';\n\nconst SCROLLBAR_WIDTH = getScrollbarWidth(2);\n\nconst HeaderSyncHoc = (Component) => (props) =>\n  (\n    <ScrollSyncPane>\n      {({ registerPane }) => <Component {...props} innerRef={mergeRefs(props.innerRef, registerPane)} />}\n    </ScrollSyncPane>\n  );\nconst BodySyncHoc =\n  (Component, notPaginated, grid) =>\n  ({\n    children,\n    classProps,\n    columns,\n    getContainer,\n    helperClass,\n    innerBodyRef,\n    innerRef,\n    isPlaceholderActive,\n    listProps,\n    lockAxis,\n    noResultsPlaceholder,\n    numRowsVisible,\n    onSortEnd,\n    onSortOver,\n    onSortStart,\n    rowKey,\n    rowRenderer,\n    rows,\n    useDragHandle,\n    className,\n    listComponent,\n    ...rest\n  }) => {\n    const t = useRef();\n    const repositionToolbarBasedOnBodyScrollPosition = (SCROLLBAR_WIDTH) => () => {\n      grid.refs.body.current.style.setProperty(\n        '--toolbar-scroll',\n        `${grid.refs.body.current.offsetWidth + grid.refs.body.current.scrollLeft - 15}px`,\n      );\n      grid.refs.body.current.style.setProperty(\n        '--toolbar-scroll-paginated',\n        `${grid.refs.body.current.offsetWidth + grid.refs.body.current.scrollLeft - 19}px`,\n      );\n    };\n    useEffect(() => {\n      setTimeout(repositionToolbarBasedOnBodyScrollPosition(-SCROLLBAR_WIDTH), 300);\n    }, []);\n    useEffect(() => {\n      window.addEventListener('resize', repositionToolbarBasedOnBodyScrollPosition(-SCROLLBAR_WIDTH));\n      return () => {\n        window.removeEventListener('resize', repositionToolbarBasedOnBodyScrollPosition(-SCROLLBAR_WIDTH));\n      };\n    });\n    return (\n      <ScrollSyncPane notPaginated={notPaginated}>\n        {({ registerPane }) => (\n          <Component\n            ref={t}\n            classProps={classProps}\n            className={className}\n            listComponent={listComponent}\n            columns={columns}\n            getContainer={getContainer}\n            helperClass={helperClass}\n            innerBodyRef={innerBodyRef}\n            // innerRef={innerRef}\n            isPlaceholderActive={isPlaceholderActive}\n            listProps={listProps}\n            lockAxis={lockAxis}\n            noResultsPlaceholder={noResultsPlaceholder}\n            numRowsVisible={numRowsVisible}\n            onSortEnd={onSortEnd}\n            onSortOver={onSortOver}\n            onSortStart={onSortStart}\n            rowKey={rowKey}\n            rowRenderer={rowRenderer}\n            rows={rows}\n            useDragHandle={useDragHandle}\n            innerRef={mergeRefs(innerRef, registerPane, t)}\n            {...rest}\n          />\n        )}\n      </ScrollSyncPane>\n    );\n  };\n\nconst TableSyncHoc = (Component) => (props) =>\n  (\n    <ScrollSync\n      proportional={false}\n      onScroll={(e) => {\n        e.target.style.setProperty('--toolbar-scroll', `${e.target.offsetWidth + e.target.scrollLeft - 15}px`);\n        e.target.style.setProperty(\n          '--toolbar-scroll-paginated',\n          `${e.target.offsetWidth + e.target.scrollLeft - 19}px`,\n        );\n      }}\n    >\n      <Component {...props} />\n    </ScrollSync>\n  );\n\nconst decorateRenderers = (renderers, grid) => {\n  const HeaderWrapper = renderers.header.wrapper;\n  const BodyWrapper = renderers.body.wrapper;\n  const Table = renderers.table;\n  const { paginated } = grid.props;\n\n  renderers.table = useMemo(() => TableSyncHoc(Table), []);\n  renderers.header.wrapper = useMemo(() => HeaderSyncHoc(HeaderWrapper), []);\n  renderers.body.wrapper = useMemo(() => BodySyncHoc(BodyWrapper, !paginated, grid), []);\n\n  return renderers;\n};\n\nexport const BodyHeaderScrollSyncPlugin = createInstancePlugin('body-header-scroll-sync', {\n  decorateRenderers,\n});\n"],
+  "mappings": "AAAA;ACQA;AACA;AACA;AACA;AACA;AAEA,MAAM,kBAAkB,kBAAkB;AAE1C,MAAM,gBAAgB,CAAC,cAAc,CAAC,UAElC,qCAAC,gBAAD,MACG,CAAC,EAAE,mBAAmB,qCAAC,WAAD;AAAA,KAAe;AAAA,EAAO,UAAU,UAAU,MAAM,UAAU;AAAA;AAGvF,MAAM,cACJ,CAAC,WAAW,cAAc,SAC1B,CAAC;AAAA,EACC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,KACG;AAAA,MACC;AACJ,QAAM,IAAI;AACV,QAAM,6CAA6C,CAAC,qBAAoB,MAAM;AAC5E,SAAK,KAAK,KAAK,QAAQ,MAAM,YAC3B,oBACA,GAAG,KAAK,KAAK,KAAK,QAAQ,cAAc,KAAK,KAAK,KAAK,QAAQ,aAAa;AAE9E,SAAK,KAAK,KAAK,QAAQ,MAAM,YAC3B,8BACA,GAAG,KAAK,KAAK,KAAK,QAAQ,cAAc,KAAK,KAAK,KAAK,QAAQ,aAAa;AAAA;AAGhF,YAAU,MAAM;AACd,eAAW,2CAA2C,CAAC,kBAAkB;AAAA,KACxE;AACH,YAAU,MAAM;AACd,WAAO,iBAAiB,UAAU,2CAA2C,CAAC;AAC9E,WAAO,MAAM;AACX,aAAO,oBAAoB,UAAU,2CAA2C,CAAC;AAAA;AAAA;AAGrF,SACE,qCAAC,gBAAD;AAAA,IAAgB;AAAA,KACb,CAAC,EAAE,mBACF,qCAAC,WAAD;AAAA,IACE,KAAK;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IAEA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,UAAU,UAAU,UAAU,cAAc;AAAA,OACxC;AAAA;AAAA;AAOhB,MAAM,eAAe,CAAC,cAAc,CAAC,UAEjC,qCAAC,YAAD;AAAA,EACE,cAAc;AAAA,EACd,UAAU,CAAC,MAAM;AACf,MAAE,OAAO,MAAM,YAAY,oBAAoB,GAAG,EAAE,OAAO,cAAc,EAAE,OAAO,aAAa;AAC/F,MAAE,OAAO,MAAM,YACb,8BACA,GAAG,EAAE,OAAO,cAAc,EAAE,OAAO,aAAa;AAAA;AAAA,GAIpD,qCAAC,WAAD;AAAA,KAAe;AAAA;AAIrB,MAAM,oBAAoB,CAAC,WAAW,SAAS;AAC7C,QAAM,gBAAgB,UAAU,OAAO;AACvC,QAAM,cAAc,UAAU,KAAK;AACnC,QAAM,QAAQ,UAAU;AACxB,QAAM,EAAE,cAAc,KAAK;AAE3B,YAAU,QAAQ,QAAQ,MAAM,aAAa,QAAQ;AACrD,YAAU,OAAO,UAAU,QAAQ,MAAM,cAAc,gBAAgB;AACvE,YAAU,KAAK,UAAU,QAAQ,MAAM,YAAY,aAAa,CAAC,WAAW,OAAO;AAEnF,SAAO;AAAA;AAGF,MAAM,6BAA6B,qBAAqB,2BAA2B;AAAA,EACxF;AAAA;",
+  "names": []
+}

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

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

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

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

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

@@ -1,29 +1,38 @@
-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'];
-
+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"
+];
 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);
@@ -31,95 +40,87 @@ 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; // eslint-disable-next-line no-nested-ternary
-
+    const forward = newIndex > oldIndex;
     const columnTranslate = forward ? newIndex > index ? columnWidth * -1 : 0 : newIndex < index ? columnWidth : 0;
     columnDraggingOffset.current += forward ? newColumnWidth : newColumnWidth * -1;
     newColumn.updateStyle({
-      transitionDuration: '300ms',
-      transform: "translate3d(".concat(columnTranslate, "px, 0, 0)")
+      transitionDuration: "300ms",
+      transform: `translate3d(${columnTranslate}px, 0, 0)`
     });
     oldColumn.updateStyle({
-      transitionDuration: '300ms',
-      transform: "translate3d(".concat(columnDraggingOffset.current, "px, 0, 0)")
+      transitionDuration: "300ms",
+      transform: `translate3d(${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__*/jsx(RowComponent, _objectSpread({}, omit(props, keysToOmit)))), []);
+  const Row = useMemo(() => SortableContainer((props) => /* @__PURE__ */ React2.createElement(RowComponent, {
+    ...omit(props, keysToOmit)
+  })), []);
   const Cell = useMemo(() => SortableElement(CellComponent), []);
-  return _objectSpread(_objectSpread({}, renderers), {}, {
-    header: _objectSpread(_objectSpread({}, renderers.header), {}, {
+  return {
+    ...renderers,
+    header: {
+      ...renderers.header,
       row: Row,
       cell: Cell
-    })
-  });
+    }
+  };
 };
-
-const DndColumnsPlugin = createInstancePlugin('dnd-columns', {
+const DndColumnsPlugin = createInstancePlugin("dnd-columns", {
   getHeaderRowProps,
   decorateColumn,
   decorateRenderers
 });
-
-export { DndColumnsPlugin };
+export {
+  DndColumnsPlugin
+};
+//# sourceMappingURL=DndColumnsPlugin.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/plugins/column-dnd/DndColumnsPlugin.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable react/display-name */\nimport React, { useEffect, useMemo, useRef } from 'react';\nimport { SortableContainer, SortableElement } from 'react-sortable-hoc';\nimport { arrayMove, omit, mergeRefs } from '@elliemae/ds-utilities';\nimport { createInstancePlugin } from '@elliemae/ds-shared/createDataInstance/createInstancePlugin';\nimport { addDragAndDropToColumn } from './decorateGridWithDndColumns';\n\n// todo: remove once it's fixed in react-sortable-hoc library\nconst keysToOmit = [\n  'axis',\n  'contentWindow',\n  'disableAutoscroll',\n  'distance',\n  'getContainer',\n  'getHelperDimensions',\n  'helperClass',\n  'helperContainer',\n  'hideSortableGhost',\n  'keyboardSortingTransitionDuration',\n  'lockAxis',\n  'lockOffset',\n  'lockToContainerEdges',\n  'onSortEnd',\n  'onSortMove',\n  'onSortOver',\n  'onSortStart',\n  'pressDelay',\n  'pressThreshold',\n  'shouldCancelStart',\n  'transitionDuration',\n  'updateBeforeSortStart',\n  'useDragHandle',\n  'useWindowAsScrollContainer',\n];\n\nconst decorateColumn = (column, grid) => (column.isUserColumn ? addDragAndDropToColumn(grid, column) : column);\n\nconst getHeaderRowProps = (props, grid) => {\n  const { onMoveColumnStart, onMoveColumnEnd, onMoveColumnOver } = grid.props;\n\n  const headerRowRef = useRef();\n  const columnDraggingOffset = useRef(0);\n  const sortedColumns = useRef(grid.getInstance().decoratedColumns);\n  const nodeRef = useRef();\n\n  useEffect(() => {\n    sortedColumns.current = grid.getInstance().decoratedColumns;\n  });\n\n  const onSortOver = (params) => {\n    const { index, newIndex, oldIndex } = params;\n    const oldColumn = sortedColumns.current[oldIndex];\n    const newColumn = sortedColumns.current[newIndex];\n\n    if (!newColumn.isUserColumn || !oldColumn.isUserColumn) return;\n\n    const columnWidth = nodeRef.current.offsetWidth;\n    const newColumnWidth = headerRowRef.current.childNodes.item(newColumn.index).offsetWidth;\n\n    const forward = newIndex > oldIndex;\n\n    // eslint-disable-next-line no-nested-ternary\n    const columnTranslate = forward ? (newIndex > index ? columnWidth * -1 : 0) : newIndex < index ? columnWidth : 0;\n\n    columnDraggingOffset.current += forward ? newColumnWidth : newColumnWidth * -1;\n\n    newColumn.updateStyle({\n      transitionDuration: '300ms',\n      transform: `translate3d(${columnTranslate}px, 0, 0)`,\n    });\n    oldColumn.updateStyle({\n      transitionDuration: '300ms',\n      transform: `translate3d(${columnDraggingOffset.current}px, 0, 0)`,\n    });\n\n    sortedColumns.current = arrayMove(sortedColumns.current, oldIndex, newIndex);\n    onMoveColumnOver(params);\n  };\n\n  const onSortStart = (params) => {\n    const { node } = params;\n    grid.disableEvents();\n    nodeRef.current = node;\n    onMoveColumnStart(params);\n  };\n\n  const onSortEnd = (params) => {\n    const { oldIndex, newIndex } = params;\n    grid.enableEvents();\n    columnDraggingOffset.current = 0;\n    sortedColumns.current = grid.decoratedColumns;\n    grid.decoratedColumns.forEach((column) => {\n      if (!column.updateStyle) return;\n      column.updateStyle({\n        transitionDuration: null,\n        transform: null,\n      });\n    });\n\n    const originalOldColumnIndex = grid.columns.findIndex(\n      (column) => column.property === grid.decoratedColumns[oldIndex].property,\n    );\n    const originalNewColumnIndex = grid.columns.findIndex(\n      (column) => column.property === grid.decoratedColumns[newIndex].property,\n    );\n\n    onMoveColumnEnd({\n      newIndex: originalNewColumnIndex,\n      oldIndex: originalOldColumnIndex,\n    });\n  };\n\n  return {\n    axis: 'x',\n    helperClass: 'header-dnd-column',\n    innerRef: mergeRefs(props.innerRef, headerRowRef),\n    lockAxis: 'x',\n    onSortEnd,\n    onSortOver,\n    onSortStart,\n    useDragHandle: true,\n  };\n};\n\nconst decorateRenderers = (renderers) => {\n  const RowComponent = renderers.header.row;\n  const CellComponent = renderers.header.cell;\n\n  const Row = useMemo(() => SortableContainer((props) => <RowComponent {...omit(props, keysToOmit)} />), []);\n\n  const Cell = useMemo(() => SortableElement(CellComponent), []);\n\n  return {\n    ...renderers,\n    header: {\n      ...renderers.header,\n      row: Row,\n      cell: Cell,\n    },\n  };\n};\n\nexport const DndColumnsPlugin = createInstancePlugin('dnd-columns', {\n  getHeaderRowProps,\n  decorateColumn,\n  decorateRenderers,\n});\n"],
+  "mappings": "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",
+  "names": []
+}

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

@@ -1,22 +1,20 @@
-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, {
+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, {
   className: "drag-handle"
-})));
-
-const DndHeaderFormatter = value => /*#__PURE__*/jsxs(Fragment, {
-  children: [_DragHandle || (_DragHandle = /*#__PURE__*/_jsx(DragHandle, {})), value]
-});
-
+}));
+const DndHeaderFormatter = (value) => /* @__PURE__ */ React2.createElement(React2.Fragment, null, /* @__PURE__ */ React2.createElement(DragHandle, null), value);
 const addDragAndDropToColumn = (grid, column) => {
   column = appendHeaderFormatter(DndHeaderFormatter, column);
-  return mergeClassNameToColumnHeader('with-dnd-column', column);
+  return mergeClassNameToColumnHeader("with-dnd-column", column);
 };
-
-export { addDragAndDropToColumn };
+export {
+  addDragAndDropToColumn
+};
+//# sourceMappingURL=decorateGridWithDndColumns.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/plugins/column-dnd/decorateGridWithDndColumns.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { SortableHandle } from 'react-sortable-hoc';\nimport { GripperVertical } from '@elliemae/ds-icons';\nimport {\n  appendHeaderFormatter,\n  mergeClassNameToColumnHeader,\n} from '@elliemae/ds-shared/useDataGrid/initColumnDefinition';\n\nconst DragHandle = SortableHandle(() => <GripperVertical className=\"drag-handle\" />);\n\nconst DndHeaderFormatter = (value) => (\n  <>\n    <DragHandle />\n    {value}\n  </>\n);\n\nconst addDragAndDropToColumn = (grid, column) => {\n  column = appendHeaderFormatter(DndHeaderFormatter, column);\n  return mergeClassNameToColumnHeader('with-dnd-column', column);\n};\n\nexport { addDragAndDropToColumn };\n"],
+  "mappings": "AAAA;ACAA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAKA,MAAM,aAAa,eAAe,MAAM,qCAAC,iBAAD;AAAA,EAAiB,WAAU;AAAA;AAEnE,MAAM,qBAAqB,CAAC,UAC1B,4DACE,qCAAC,YAAD,OACC;AAIL,MAAM,yBAAyB,CAAC,MAAM,WAAW;AAC/C,WAAS,sBAAsB,oBAAoB;AACnD,SAAO,6BAA6B,mBAAmB;AAAA;",
+  "names": []
+}

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

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

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

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

package/esm/plugins/column-sizing/ColumnSizingPlugin.js

@@ -1,32 +1,21 @@
-import { useRef } from 'react';
-import { cx } from '@elliemae/ds-utilities';
-import createInstancePlugin from '@elliemae/ds-shared/createDataInstance/createInstancePlugin';
-import { useStylesheetHelpers } from './useStylesheetHelpers.js';
-import useColumnSizeService from './useColumnSizeService.js';
-import { getTableProps } from './ext-points/getTableProps.js';
-import { decorateColumn } from './ext-points/decorateColumn.js';
-
-/* eslint-disable no-param-reassign */
-
-const getHeaderRowProps = (rowProps, _ref) => {
-  let {
-    rowsStylesheet
-  } = _ref;
-  rowProps.className = "".concat(rowsStylesheet.getRowClassName(), "-header");
+import * as React from "react";
+import { useRef } from "react";
+import { cx } from "@elliemae/ds-utilities";
+import { createInstancePlugin } from "@elliemae/ds-shared/createDataInstance/createInstancePlugin";
+import { useStylesheetHelpers } from "./useStylesheetHelpers";
+import { useColumnSizeService } from "./useColumnSizeService";
+import { getTableProps } from "./ext-points/getTableProps";
+import { decorateColumn } from "./ext-points/decorateColumn";
+const getHeaderRowProps = (rowProps, { rowsStylesheet }) => {
+  rowProps.className = `${rowsStylesheet.getRowClassName()}-header`;
   return rowProps;
 };
-
-const getRowProps = (rowProps, _ref2) => {
-  let {
-    rowsStylesheet
-  } = _ref2;
+const getRowProps = (rowProps, { rowsStylesheet }) => {
   rowProps.className = cx(rowProps.className, rowsStylesheet.getRowClassName());
   return rowProps;
 };
-
 const decorateColumns = (columns, grid) => grid.columnsStylesheet.decorateColumns(columns, grid);
-
-const decorateGrid = grid => {
+const decorateGrid = (grid) => {
   const isDragging = useRef(false);
   const tableRef = useRef();
   const resizedColumns = useRef({});
@@ -34,27 +23,20 @@ const decorateGrid = grid => {
   const bodyWidth = useRef();
   const allColumnsHaveBeenFixed = useRef(false);
   const columnSizeService = useColumnSizeService(grid);
-  const {
-    columnsStylesheet,
-    rowsStylesheet
-  } = useStylesheetHelpers(grid); // row size side-effect
-
-  const updateRowWidth = width => {
+  const { columnsStylesheet, rowsStylesheet } = useStylesheetHelpers(grid);
+  const updateRowWidth = (width) => {
     const gridWidth = width || tableRef.current.offsetWidth;
     const columnsTotalSize = columnSizeService.computeColumnsTotalSize();
-
     if (columnsTotalSize > gridWidth + 5) {
       if (!allColumnsHaveBeenFixed.current && isDragging.current) {
         columnSizeService.setActualColumnsSizesFixed();
         allColumnsHaveBeenFixed.current = true;
       }
-
       rowsStylesheet.update(columnsTotalSize);
     } else {
-      rowsStylesheet.update(undefined);
+      rowsStylesheet.update(void 0);
     }
   };
-
   return {
     isDragging,
     tableRef,
@@ -67,8 +49,7 @@ const decorateGrid = grid => {
     updateRowWidth
   };
 };
-
-const ColumnSizingPlugin = createInstancePlugin('column-sizing', {
+const ColumnSizingPlugin = createInstancePlugin("column-sizing", {
   decorateGrid,
   decorateColumn,
   getRowProps,
@@ -76,5 +57,7 @@ const ColumnSizingPlugin = createInstancePlugin('column-sizing', {
   getTableProps,
   decorateColumns
 });
-
-export { ColumnSizingPlugin };
+export {
+  ColumnSizingPlugin
+};
+//# sourceMappingURL=ColumnSizingPlugin.js.map