@elliemae/ds-datagrids 3.0.0-next.1 → 3.0.0-next.13

package/dist/cjs/plugins/body-header-scroll-sync/BodyHeaderScrollSyncPlugin.js

@@ -0,0 +1,178 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+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 BodyHeaderScrollSyncPlugin_exports = {};
+__export(BodyHeaderScrollSyncPlugin_exports, {
+  BodyHeaderScrollSyncPlugin: () => BodyHeaderScrollSyncPlugin
+});
+var React = __toESM(require("react"));
+var import_react = __toESM(require("react"));
+var import_ds_utilities = require("@elliemae/ds-utilities");
+var import_ScrollSync = require("@elliemae/ds-shared/ScrollSync");
+var import_createInstancePlugin = require("@elliemae/ds-shared/createDataInstance/createInstancePlugin");
+var import_getScrollbarSize = require("../../utilities/getScrollbarSize");
+const SCROLLBAR_WIDTH = (0, import_getScrollbarSize.getScrollbarWidth)(2);
+const HeaderSyncHoc = (Component) => (props) => /* @__PURE__ */ import_react.default.createElement(import_ScrollSync.ScrollSyncPane, null, ({ registerPane }) => /* @__PURE__ */ import_react.default.createElement(Component, __spreadProps(__spreadValues({}, props), {
+  innerRef: (0, import_ds_utilities.mergeRefs)(props.innerRef, registerPane)
+})));
+const BodySyncHoc = (Component, notPaginated, grid) => (_a) => {
+  var _b = _a, {
+    children,
+    classProps,
+    columns,
+    getContainer,
+    helperClass,
+    innerBodyRef,
+    innerRef,
+    isPlaceholderActive,
+    listProps,
+    lockAxis,
+    noResultsPlaceholder,
+    numRowsVisible,
+    onSortEnd,
+    onSortOver,
+    onSortStart,
+    rowKey,
+    rowRenderer,
+    rows,
+    useDragHandle,
+    className,
+    listComponent
+  } = _b, rest = __objRest(_b, [
+    "children",
+    "classProps",
+    "columns",
+    "getContainer",
+    "helperClass",
+    "innerBodyRef",
+    "innerRef",
+    "isPlaceholderActive",
+    "listProps",
+    "lockAxis",
+    "noResultsPlaceholder",
+    "numRowsVisible",
+    "onSortEnd",
+    "onSortOver",
+    "onSortStart",
+    "rowKey",
+    "rowRenderer",
+    "rows",
+    "useDragHandle",
+    "className",
+    "listComponent"
+  ]);
+  const t = (0, import_react.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`);
+  };
+  (0, import_react.useEffect)(() => {
+    setTimeout(repositionToolbarBasedOnBodyScrollPosition(-SCROLLBAR_WIDTH), 300);
+  }, []);
+  (0, import_react.useEffect)(() => {
+    window.addEventListener("resize", repositionToolbarBasedOnBodyScrollPosition(-SCROLLBAR_WIDTH));
+    return () => {
+      window.removeEventListener("resize", repositionToolbarBasedOnBodyScrollPosition(-SCROLLBAR_WIDTH));
+    };
+  });
+  return /* @__PURE__ */ import_react.default.createElement(import_ScrollSync.ScrollSyncPane, {
+    notPaginated
+  }, ({ registerPane }) => /* @__PURE__ */ import_react.default.createElement(Component, __spreadValues({
+    ref: t,
+    classProps,
+    className,
+    listComponent,
+    columns,
+    getContainer,
+    helperClass,
+    innerBodyRef,
+    isPlaceholderActive,
+    listProps,
+    lockAxis,
+    noResultsPlaceholder,
+    numRowsVisible,
+    onSortEnd,
+    onSortOver,
+    onSortStart,
+    rowKey,
+    rowRenderer,
+    rows,
+    useDragHandle,
+    innerRef: (0, import_ds_utilities.mergeRefs)(innerRef, registerPane, t)
+  }, rest)));
+};
+const TableSyncHoc = (Component) => (props) => /* @__PURE__ */ import_react.default.createElement(import_ScrollSync.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`);
+  }
+}, /* @__PURE__ */ import_react.default.createElement(Component, __spreadValues({}, props)));
+const decorateRenderers = (renderers, grid) => {
+  const HeaderWrapper = renderers.header.wrapper;
+  const BodyWrapper = renderers.body.wrapper;
+  const Table = renderers.table;
+  const { paginated } = grid.props;
+  renderers.table = (0, import_react.useMemo)(() => TableSyncHoc(Table), []);
+  renderers.header.wrapper = (0, import_react.useMemo)(() => HeaderSyncHoc(HeaderWrapper), []);
+  renderers.body.wrapper = (0, import_react.useMemo)(() => BodySyncHoc(BodyWrapper, !paginated, grid), []);
+  return renderers;
+};
+const BodyHeaderScrollSyncPlugin = (0, import_createInstancePlugin.createInstancePlugin)("body-header-scroll-sync", {
+  decorateRenderers
+});
+module.exports = __toCommonJS(BodyHeaderScrollSyncPlugin_exports);
+//# sourceMappingURL=BodyHeaderScrollSyncPlugin.js.map

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

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

package/dist/cjs/plugins/body-header-scroll-sync/index.js

@@ -0,0 +1,35 @@
+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 body_header_scroll_sync_exports = {};
+__export(body_header_scroll_sync_exports, {
+  BodyHeaderScrollSyncPlugin: () => import_BodyHeaderScrollSyncPlugin.BodyHeaderScrollSyncPlugin
+});
+var React = __toESM(require("react"));
+var import_BodyHeaderScrollSyncPlugin = require("./BodyHeaderScrollSyncPlugin");
+module.exports = __toCommonJS(body_header_scroll_sync_exports);
+//# sourceMappingURL=index.js.map

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

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

package/dist/cjs/plugins/column-dnd/DndColumnsPlugin.js

@@ -0,0 +1,168 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+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 DndColumnsPlugin_exports = {};
+__export(DndColumnsPlugin_exports, {
+  DndColumnsPlugin: () => DndColumnsPlugin
+});
+var React = __toESM(require("react"));
+var import_react = __toESM(require("react"));
+var import_react_sortable_hoc = require("react-sortable-hoc");
+var import_ds_utilities = require("@elliemae/ds-utilities");
+var import_createInstancePlugin = require("@elliemae/ds-shared/createDataInstance/createInstancePlugin");
+var import_decorateGridWithDndColumns = require("./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 ? (0, import_decorateGridWithDndColumns.addDragAndDropToColumn)(grid, column) : column;
+const getHeaderRowProps = (props, grid) => {
+  const { onMoveColumnStart, onMoveColumnEnd, onMoveColumnOver } = grid.props;
+  const headerRowRef = (0, import_react.useRef)();
+  const columnDraggingOffset = (0, import_react.useRef)(0);
+  const sortedColumns = (0, import_react.useRef)(grid.getInstance().decoratedColumns);
+  const nodeRef = (0, import_react.useRef)();
+  (0, import_react.useEffect)(() => {
+    sortedColumns.current = grid.getInstance().decoratedColumns;
+  });
+  const onSortOver = (params) => {
+    const { index, newIndex, oldIndex } = params;
+    const oldColumn = sortedColumns.current[oldIndex];
+    const newColumn = sortedColumns.current[newIndex];
+    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 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)`
+    });
+    oldColumn.updateStyle({
+      transitionDuration: "300ms",
+      transform: `translate3d(${columnDraggingOffset.current}px, 0, 0)`
+    });
+    sortedColumns.current = (0, import_ds_utilities.arrayMove)(sortedColumns.current, oldIndex, newIndex);
+    onMoveColumnOver(params);
+  };
+  const onSortStart = (params) => {
+    const { node } = params;
+    grid.disableEvents();
+    nodeRef.current = node;
+    onMoveColumnStart(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;
+      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);
+    onMoveColumnEnd({
+      newIndex: originalNewColumnIndex,
+      oldIndex: originalOldColumnIndex
+    });
+  };
+  return {
+    axis: "x",
+    helperClass: "header-dnd-column",
+    innerRef: (0, import_ds_utilities.mergeRefs)(props.innerRef, headerRowRef),
+    lockAxis: "x",
+    onSortEnd,
+    onSortOver,
+    onSortStart,
+    useDragHandle: true
+  };
+};
+const decorateRenderers = (renderers) => {
+  const RowComponent = renderers.header.row;
+  const CellComponent = renderers.header.cell;
+  const Row = (0, import_react.useMemo)(() => (0, import_react_sortable_hoc.SortableContainer)((props) => /* @__PURE__ */ import_react.default.createElement(RowComponent, __spreadValues({}, (0, import_ds_utilities.omit)(props, keysToOmit)))), []);
+  const Cell = (0, import_react.useMemo)(() => (0, import_react_sortable_hoc.SortableElement)(CellComponent), []);
+  return __spreadProps(__spreadValues({}, renderers), {
+    header: __spreadProps(__spreadValues({}, renderers.header), {
+      row: Row,
+      cell: Cell
+    })
+  });
+};
+const DndColumnsPlugin = (0, import_createInstancePlugin.createInstancePlugin)("dnd-columns", {
+  getHeaderRowProps,
+  decorateColumn,
+  decorateRenderers
+});
+module.exports = __toCommonJS(DndColumnsPlugin_exports);
+//# sourceMappingURL=DndColumnsPlugin.js.map

package/dist/cjs/plugins/column-dnd/DndColumnsPlugin.js.map

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

package/dist/cjs/plugins/column-dnd/decorateGridWithDndColumns.js

@@ -0,0 +1,46 @@
+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 decorateGridWithDndColumns_exports = {};
+__export(decorateGridWithDndColumns_exports, {
+  addDragAndDropToColumn: () => addDragAndDropToColumn
+});
+var React = __toESM(require("react"));
+var import_react = __toESM(require("react"));
+var import_react_sortable_hoc = require("react-sortable-hoc");
+var import_ds_icons = require("@elliemae/ds-icons");
+var import_initColumnDefinition = require("@elliemae/ds-shared/useDataGrid/initColumnDefinition");
+const DragHandle = (0, import_react_sortable_hoc.SortableHandle)(() => /* @__PURE__ */ import_react.default.createElement(import_ds_icons.GripperVertical, {
+  className: "drag-handle"
+}));
+const DndHeaderFormatter = (value) => /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(DragHandle, null), value);
+const addDragAndDropToColumn = (grid, column) => {
+  column = (0, import_initColumnDefinition.appendHeaderFormatter)(DndHeaderFormatter, column);
+  return (0, import_initColumnDefinition.mergeClassNameToColumnHeader)("with-dnd-column", column);
+};
+module.exports = __toCommonJS(decorateGridWithDndColumns_exports);
+//# sourceMappingURL=decorateGridWithDndColumns.js.map

package/dist/cjs/plugins/column-dnd/decorateGridWithDndColumns.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/plugins/column-dnd/decorateGridWithDndColumns.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["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", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAClB,gCAA+B;AAC/B,sBAAgC;AAChC,kCAGO;AAEP,MAAM,aAAa,8CAAe,MAAM,mDAAC,iCAAD;AAAA,EAAiB,WAAU;AAAA;AAEnE,MAAM,qBAAqB,CAAC,UAC1B,wFACE,mDAAC,YAAD,OACC;AAIL,MAAM,yBAAyB,CAAC,MAAM,WAAW;AAC/C,WAAS,uDAAsB,oBAAoB;AACnD,SAAO,8DAA6B,mBAAmB;AAAA;",
+  "names": []
+}

package/dist/cjs/plugins/column-dnd/index.js

@@ -0,0 +1,35 @@
+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 column_dnd_exports = {};
+__export(column_dnd_exports, {
+  DndColumnsPlugin: () => import_DndColumnsPlugin.DndColumnsPlugin
+});
+var React = __toESM(require("react"));
+var import_DndColumnsPlugin = require("./DndColumnsPlugin");
+module.exports = __toCommonJS(column_dnd_exports);
+//# sourceMappingURL=index.js.map

package/dist/cjs/plugins/column-dnd/index.js.map

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

package/dist/cjs/plugins/column-sizing/ColumnSizingPlugin.js

@@ -0,0 +1,92 @@
+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 ColumnSizingPlugin_exports = {};
+__export(ColumnSizingPlugin_exports, {
+  ColumnSizingPlugin: () => ColumnSizingPlugin
+});
+var React = __toESM(require("react"));
+var import_react = require("react");
+var import_ds_utilities = require("@elliemae/ds-utilities");
+var import_createInstancePlugin = require("@elliemae/ds-shared/createDataInstance/createInstancePlugin");
+var import_useStylesheetHelpers = require("./useStylesheetHelpers");
+var import_useColumnSizeService = require("./useColumnSizeService");
+var import_getTableProps = require("./ext-points/getTableProps");
+var import_decorateColumn = require("./ext-points/decorateColumn");
+const getHeaderRowProps = (rowProps, { rowsStylesheet }) => {
+  rowProps.className = `${rowsStylesheet.getRowClassName()}-header`;
+  return rowProps;
+};
+const getRowProps = (rowProps, { rowsStylesheet }) => {
+  rowProps.className = (0, import_ds_utilities.cx)(rowProps.className, rowsStylesheet.getRowClassName());
+  return rowProps;
+};
+const decorateColumns = (columns, grid) => grid.columnsStylesheet.decorateColumns(columns, grid);
+const decorateGrid = (grid) => {
+  const isDragging = (0, import_react.useRef)(false);
+  const tableRef = (0, import_react.useRef)();
+  const resizedColumns = (0, import_react.useRef)({});
+  const scrollbarWidth = (0, import_react.useRef)();
+  const bodyWidth = (0, import_react.useRef)();
+  const allColumnsHaveBeenFixed = (0, import_react.useRef)(false);
+  const columnSizeService = (0, import_useColumnSizeService.useColumnSizeService)(grid);
+  const { columnsStylesheet, rowsStylesheet } = (0, import_useStylesheetHelpers.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(void 0);
+    }
+  };
+  return {
+    isDragging,
+    tableRef,
+    bodyWidth,
+    scrollbarWidth,
+    columnSizeService,
+    rowsStylesheet,
+    columnsStylesheet,
+    resizedColumns,
+    updateRowWidth
+  };
+};
+const ColumnSizingPlugin = (0, import_createInstancePlugin.createInstancePlugin)("column-sizing", {
+  decorateGrid,
+  decorateColumn: import_decorateColumn.decorateColumn,
+  getRowProps,
+  getHeaderRowProps,
+  getTableProps: import_getTableProps.getTableProps,
+  decorateColumns
+});
+module.exports = __toCommonJS(ColumnSizingPlugin_exports);
+//# sourceMappingURL=ColumnSizingPlugin.js.map

package/dist/cjs/plugins/column-sizing/ColumnSizingPlugin.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/plugins/column-sizing/ColumnSizingPlugin.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["/* eslint-disable no-param-reassign */\n/* eslint-disable react-hooks/rules-of-hooks */\nimport { useRef } from 'react';\nimport { cx } from '@elliemae/ds-utilities';\nimport { createInstancePlugin } from '@elliemae/ds-shared/createDataInstance/createInstancePlugin';\nimport { useStylesheetHelpers } from './useStylesheetHelpers';\nimport { useColumnSizeService } from './useColumnSizeService';\nimport { getTableProps } from './ext-points/getTableProps';\nimport { decorateColumn } from './ext-points/decorateColumn';\n\nconst getHeaderRowProps = (rowProps, { rowsStylesheet }) => {\n  rowProps.className = `${rowsStylesheet.getRowClassName()}-header`;\n  return rowProps;\n};\n\nconst getRowProps = (rowProps, { rowsStylesheet }) => {\n  rowProps.className = cx(rowProps.className, rowsStylesheet.getRowClassName());\n  return rowProps;\n};\n\nconst decorateColumns = (columns, grid) => grid.columnsStylesheet.decorateColumns(columns, grid);\n\nconst decorateGrid = (grid) => {\n  const isDragging = useRef(false);\n  const tableRef = useRef();\n  const resizedColumns = useRef({});\n  const scrollbarWidth = useRef();\n  const bodyWidth = useRef();\n  const allColumnsHaveBeenFixed = useRef(false);\n  const columnSizeService = useColumnSizeService(grid);\n  const { columnsStylesheet, rowsStylesheet } = useStylesheetHelpers(grid);\n\n  // row size side-effect\n  const updateRowWidth = (width) => {\n    const gridWidth = width || tableRef.current.offsetWidth;\n    const columnsTotalSize = columnSizeService.computeColumnsTotalSize();\n\n    if (columnsTotalSize > gridWidth + 5) {\n      if (!allColumnsHaveBeenFixed.current && isDragging.current) {\n        columnSizeService.setActualColumnsSizesFixed();\n        allColumnsHaveBeenFixed.current = true;\n      }\n      rowsStylesheet.update(columnsTotalSize);\n    } else {\n      rowsStylesheet.update(undefined);\n    }\n  };\n\n  return {\n    isDragging,\n    tableRef,\n    bodyWidth,\n    scrollbarWidth,\n    columnSizeService,\n    rowsStylesheet,\n    columnsStylesheet,\n    resizedColumns,\n    updateRowWidth,\n  };\n};\n\nexport const ColumnSizingPlugin = createInstancePlugin('column-sizing', {\n  decorateGrid,\n  decorateColumn,\n  getRowProps,\n  getHeaderRowProps,\n  getTableProps,\n  decorateColumns,\n});\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADEvB,mBAAuB;AACvB,0BAAmB;AACnB,kCAAqC;AACrC,kCAAqC;AACrC,kCAAqC;AACrC,2BAA8B;AAC9B,4BAA+B;AAE/B,MAAM,oBAAoB,CAAC,UAAU,EAAE,qBAAqB;AAC1D,WAAS,YAAY,GAAG,eAAe;AACvC,SAAO;AAAA;AAGT,MAAM,cAAc,CAAC,UAAU,EAAE,qBAAqB;AACpD,WAAS,YAAY,4BAAG,SAAS,WAAW,eAAe;AAC3D,SAAO;AAAA;AAGT,MAAM,kBAAkB,CAAC,SAAS,SAAS,KAAK,kBAAkB,gBAAgB,SAAS;AAE3F,MAAM,eAAe,CAAC,SAAS;AAC7B,QAAM,aAAa,yBAAO;AAC1B,QAAM,WAAW;AACjB,QAAM,iBAAiB,yBAAO;AAC9B,QAAM,iBAAiB;AACvB,QAAM,YAAY;AAClB,QAAM,0BAA0B,yBAAO;AACvC,QAAM,oBAAoB,sDAAqB;AAC/C,QAAM,EAAE,mBAAmB,mBAAmB,sDAAqB;AAGnE,QAAM,iBAAiB,CAAC,UAAU;AAChC,UAAM,YAAY,SAAS,SAAS,QAAQ;AAC5C,UAAM,mBAAmB,kBAAkB;AAE3C,QAAI,mBAAmB,YAAY,GAAG;AACpC,UAAI,CAAC,wBAAwB,WAAW,WAAW,SAAS;AAC1D,0BAAkB;AAClB,gCAAwB,UAAU;AAAA;AAEpC,qBAAe,OAAO;AAAA,WACjB;AACL,qBAAe,OAAO;AAAA;AAAA;AAI1B,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAAA;AAIG,MAAM,qBAAqB,sDAAqB,iBAAiB;AAAA,EACtE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA;",
+  "names": []
+}