@elliemae/ds-datagrids 3.0.0-next.2 → 3.0.0-next.3

package/dist/cjs/plugins/resizable/ResizablePlugin.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/plugins/resizable/ResizablePlugin.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["/* eslint-disable no-param-reassign */\n/* eslint-disable max-statements */\nimport { runAll } from '@elliemae/ds-utilities';\nimport { createInstancePlugin } from '@elliemae/ds-shared/createDataInstance/createInstancePlugin';\nimport { addResizableToColumn, resizableFormatter } from './decorateResizable';\n\nconst noop = () => null;\n\nconst DELTA_LAST_COLUMN = 25;\n\n// eslint-disable-next-line no-unused-vars\nconst decorateColumn = (column, grid, index) => {\n  const {\n    onResizeEnd = noop,\n    onResizeStart = noop,\n    minColumnWidth = 90,\n    isColumnResizeActive = (col) => col.resizable && !col.expandableColumn,\n    onColumnResize,\n  } = grid.props;\n\n  const { decoratedColumns } = grid.getInstance();\n  // need to do this because the decorated columns which the index in the function call\n  // could be different from the final decorated columns because a plugin could add a\n  // column afterwards\n  const colIndex = decoratedColumns.findIndex((col) => col.property === column.property);\n  const isLast = colIndex === decoratedColumns.length - 1;\n\n  if (!isColumnResizeActive(column)) return column;\n  return addResizableToColumn(\n    column,\n    resizableFormatter({\n      onDragStart: () => {\n        grid.isDragging.current = true;\n        grid.disableEvents();\n        onResizeStart();\n        onColumnResize('onResizeStart', { column });\n      },\n      onDrag: (width, increasing) => {\n        const { resizedColumns, refs } = grid.getInstance();\n        if (isLast && increasing) {\n          const thisCol = resizedColumns.current[column.uuid] || 0;\n          width = Math.max(thisCol + DELTA_LAST_COLUMN, width);\n        }\n        column.updateBodyHeaderWidth(width, width);\n        grid.updateRowWidth();\n        if (isLast && increasing) {\n          // TODO: Move this to packages/ds-shared/src/ScrollSync/ScrollSync.js\n          // It isn't watching the scrollLeft so you have to move both at the same time\n          refs.header.current.scrollLeft += DELTA_LAST_COLUMN;\n          refs.body.current.scrollLeft += DELTA_LAST_COLUMN;\n        }\n      },\n      onDragEnd: (width, increasing, extraData) => {\n        const { resizedColumns } = grid.getInstance();\n        if (isLast && increasing) {\n          const thisCol = resizedColumns.current[column.uuid] || 0;\n          width = Math.max(thisCol + DELTA_LAST_COLUMN, width);\n        }\n        resizedColumns.current[column.uuid] = width;\n\n        grid.isDragging.current = false;\n        grid.enableEvents();\n        try {\n          const total = grid.getInstance().refs.body.current.scrollWidth;\n          const sum = Object.keys(grid.resizedColumns.current).reduce((p, n) => grid.resizedColumns.current[n] + p, 0);\n          const lastKey = grid.decoratedColumns[grid.columns.length - 1].uuid;\n          if (sum < total) {\n            const lastCol = grid.getInstance().columnSizeService.columns[lastKey];\n            lastCol.updateWidth(grid.resizedColumns.current[lastKey] + total - sum);\n            lastCol.updateBodyHeaderWidth(grid.resizedColumns.current[lastKey] + total - sum);\n            grid.getInstance().columnSizeService.updateMissingWidths(total);\n          }\n        } catch (error) {\n          console.error(\n            'Unexpected error in the addResizableToColumn trying to use the remaining grid space to the last column',\n            error,\n          );\n        }\n\n        onColumnResize('onResizeEnd', {\n          column,\n          width,\n          extraData,\n        });\n        runAll(onResizeEnd)(width, extraData);\n        grid.updateRowWidth();\n      },\n      minWidth: (column.minWidth || minColumnWidth) - (isLast ? DELTA_LAST_COLUMN : 0),\n      isLast,\n    }),\n  );\n};\n\nexport const ResizablePlugin = createInstancePlugin('resizable', {\n  decorateColumn,\n});\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADEvB,0BAAuB;AACvB,kCAAqC;AACrC,+BAAyD;AAEzD,MAAM,OAAO,MAAM;AAEnB,MAAM,oBAAoB;AAG1B,MAAM,iBAAiB,CAAC,QAAQ,MAAM,UAAU;AAC9C,QAAM;AAAA,IACJ,cAAc;AAAA,IACd,gBAAgB;AAAA,IAChB,iBAAiB;AAAA,IACjB,uBAAuB,CAAC,QAAQ,IAAI,aAAa,CAAC,IAAI;AAAA,IACtD;AAAA,MACE,KAAK;AAET,QAAM,EAAE,qBAAqB,KAAK;AAIlC,QAAM,WAAW,iBAAiB,UAAU,CAAC,QAAQ,IAAI,aAAa,OAAO;AAC7E,QAAM,SAAS,aAAa,iBAAiB,SAAS;AAEtD,MAAI,CAAC,qBAAqB;AAAS,WAAO;AAC1C,SAAO,mDACL,QACA,iDAAmB;AAAA,IACjB,aAAa,MAAM;AACjB,WAAK,WAAW,UAAU;AAC1B,WAAK;AACL;AACA,qBAAe,iBAAiB,EAAE;AAAA;AAAA,IAEpC,QAAQ,CAAC,OAAO,eAAe;AAC7B,YAAM,EAAE,gBAAgB,SAAS,KAAK;AACtC,UAAI,UAAU,YAAY;AACxB,cAAM,UAAU,eAAe,QAAQ,OAAO,SAAS;AACvD,gBAAQ,KAAK,IAAI,UAAU,mBAAmB;AAAA;AAEhD,aAAO,sBAAsB,OAAO;AACpC,WAAK;AACL,UAAI,UAAU,YAAY;AAGxB,aAAK,OAAO,QAAQ,cAAc;AAClC,aAAK,KAAK,QAAQ,cAAc;AAAA;AAAA;AAAA,IAGpC,WAAW,CAAC,OAAO,YAAY,cAAc;AAC3C,YAAM,EAAE,mBAAmB,KAAK;AAChC,UAAI,UAAU,YAAY;AACxB,cAAM,UAAU,eAAe,QAAQ,OAAO,SAAS;AACvD,gBAAQ,KAAK,IAAI,UAAU,mBAAmB;AAAA;AAEhD,qBAAe,QAAQ,OAAO,QAAQ;AAEtC,WAAK,WAAW,UAAU;AAC1B,WAAK;AACL,UAAI;AACF,cAAM,QAAQ,KAAK,cAAc,KAAK,KAAK,QAAQ;AACnD,cAAM,MAAM,OAAO,KAAK,KAAK,eAAe,SAAS,OAAO,CAAC,GAAG,MAAM,KAAK,eAAe,QAAQ,KAAK,GAAG;AAC1G,cAAM,UAAU,KAAK,iBAAiB,KAAK,QAAQ,SAAS,GAAG;AAC/D,YAAI,MAAM,OAAO;AACf,gBAAM,UAAU,KAAK,cAAc,kBAAkB,QAAQ;AAC7D,kBAAQ,YAAY,KAAK,eAAe,QAAQ,WAAW,QAAQ;AACnE,kBAAQ,sBAAsB,KAAK,eAAe,QAAQ,WAAW,QAAQ;AAC7E,eAAK,cAAc,kBAAkB,oBAAoB;AAAA;AAAA,eAEpD,OAAP;AACA,gBAAQ,MACN,0GACA;AAAA;AAIJ,qBAAe,eAAe;AAAA,QAC5B;AAAA,QACA;AAAA,QACA;AAAA;AAEF,sCAAO,aAAa,OAAO;AAC3B,WAAK;AAAA;AAAA,IAEP,UAAW,QAAO,YAAY,kBAAmB,UAAS,oBAAoB;AAAA,IAC9E;AAAA;AAAA;AAKC,MAAM,kBAAkB,sDAAqB,aAAa;AAAA,EAC/D;AAAA;",
+  "names": []
+}

package/dist/cjs/plugins/resizable/decorateResizable.js

@@ -0,0 +1,72 @@
+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 decorateResizable_exports = {};
+__export(decorateResizable_exports, {
+  addResizableToColumn: () => addResizableToColumn,
+  resizableFormatter: () => resizableFormatter
+});
+var React = __toESM(require("react"));
+var import_react = __toESM(require("react"));
+var import_initColumnDefinition = require("@elliemae/ds-shared/useDataGrid/initColumnDefinition");
+var import_useResizeHandle = require("./useResizeHandle");
+const addResizableToColumn = (column, formatter) => (0, import_initColumnDefinition.appendHeaderFormatter)(formatter, column);
+const ResizableWrapper = import_react.default.memo(({ value, onDrag, onDragEnd, onDragStart, minWidth, handleClassName }) => {
+  const { containerRef, Handle } = (0, import_useResizeHandle.useResizeHandle)({
+    onDrag,
+    onDragEnd,
+    onDragStart,
+    minWidth,
+    handleClassName
+  });
+  return /* @__PURE__ */ import_react.default.createElement("div", {
+    ref: containerRef,
+    className: "resize-container"
+  }, value, /* @__PURE__ */ import_react.default.createElement(Handle, null));
+});
+const resizableFormatter = (options) => (value) => /* @__PURE__ */ import_react.default.createElement(ResizableWrapper, __spreadProps(__spreadValues({}, options), {
+  value
+}));
+module.exports = __toCommonJS(decorateResizable_exports);
+//# sourceMappingURL=decorateResizable.js.map

package/dist/cjs/plugins/resizable/decorateResizable.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/plugins/resizable/decorateResizable.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import React from 'react';\nimport { appendHeaderFormatter } from '@elliemae/ds-shared/useDataGrid/initColumnDefinition';\nimport { useResizeHandle } from './useResizeHandle';\n\nconst addResizableToColumn = (column, formatter) =>\n  appendHeaderFormatter(formatter, column);\n\nconst ResizableWrapper = React.memo(\n  ({ value, onDrag, onDragEnd, onDragStart, minWidth, handleClassName }) => {\n    const { containerRef, Handle } = useResizeHandle({\n      onDrag,\n      onDragEnd,\n      onDragStart,\n      minWidth,\n      handleClassName,\n    });\n    return (\n      <div ref={containerRef} className=\"resize-container\">\n        {value}\n        <Handle />\n      </div>\n    );\n  },\n);\n\n// eslint-disable-next-line react/display-name\nconst resizableFormatter = options => value => (\n  <ResizableWrapper {...options} value={value} />\n);\n\nexport { addResizableToColumn, resizableFormatter };\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAClB,kCAAsC;AACtC,6BAAgC;AAEhC,MAAM,uBAAuB,CAAC,QAAQ,cACpC,uDAAsB,WAAW;AAEnC,MAAM,mBAAmB,qBAAM,KAC7B,CAAC,EAAE,OAAO,QAAQ,WAAW,aAAa,UAAU,sBAAsB;AACxE,QAAM,EAAE,cAAc,WAAW,4CAAgB;AAAA,IAC/C;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAEF,SACE,mDAAC,OAAD;AAAA,IAAK,KAAK;AAAA,IAAc,WAAU;AAAA,KAC/B,OACD,mDAAC,QAAD;AAAA;AAOR,MAAM,qBAAqB,aAAW,WACpC,mDAAC,kBAAD,iCAAsB,UAAtB;AAAA,EAA+B;AAAA;",
+  "names": []
+}

package/dist/cjs/plugins/resizable/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 resizable_exports = {};
+__export(resizable_exports, {
+  ResizablePlugin: () => import_ResizablePlugin.ResizablePlugin
+});
+var React = __toESM(require("react"));
+var import_ResizablePlugin = require("./ResizablePlugin");
+module.exports = __toCommonJS(resizable_exports);
+//# sourceMappingURL=index.js.map

package/dist/cjs/plugins/resizable/index.js.map

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

package/dist/cjs/plugins/resizable/useResizeHandle.js

@@ -0,0 +1,79 @@
+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 useResizeHandle_exports = {};
+__export(useResizeHandle_exports, {
+  useResizeHandle: () => useResizeHandle
+});
+var React = __toESM(require("react"));
+var import_react = __toESM(require("react"));
+const useResizeHandle = ({
+  onDragStart,
+  onDrag,
+  onDragEnd,
+  minWidth = 10,
+  isLast = false
+}) => {
+  const startX = (0, import_react.useRef)();
+  const startWidth = (0, import_react.useRef)();
+  const containerRef = (0, import_react.useRef)();
+  const triggerMove = (handler, event) => {
+    const increasing = startX.current - event.clientX < 0;
+    handler(Math.max(startWidth.current - startX.current + event.clientX, minWidth), increasing, {});
+  };
+  const onMouseMove = (event) => {
+    event.stopPropagation();
+    event.preventDefault();
+    triggerMove(onDrag, event);
+  };
+  const onMouseUp = (event) => {
+    event.stopPropagation();
+    event.preventDefault();
+    triggerMove(onDragEnd, event);
+    document.removeEventListener("mousemove", onMouseMove);
+    document.removeEventListener("mouseup", onMouseUp);
+  };
+  const onMouseDown = (event) => {
+    event.stopPropagation();
+    event.preventDefault();
+    document.addEventListener("mousemove", onMouseMove);
+    document.addEventListener("mouseup", onMouseUp);
+    startX.current = event.clientX;
+    startWidth.current = containerRef.current.offsetWidth;
+    triggerMove(onDragStart, event);
+  };
+  const HandleComponent = ({ className = "resize-handle" }) => /* @__PURE__ */ import_react.default.createElement("div", {
+    className,
+    onMouseDown
+  });
+  return {
+    containerRef,
+    Handle: HandleComponent
+  };
+};
+module.exports = __toCommonJS(useResizeHandle_exports);
+//# sourceMappingURL=useResizeHandle.js.map

package/dist/cjs/plugins/resizable/useResizeHandle.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/plugins/resizable/useResizeHandle.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import React, { useCallback, useRef } from 'react';\n\nexport const useResizeHandle = ({\n  onDragStart,\n  onDrag,\n  onDragEnd,\n  minWidth = 10,\n  isLast = false,\n}) => {\n  const startX = useRef();\n  const startWidth = useRef();\n  const containerRef = useRef();\n\n  const triggerMove = (handler, event) => {\n    const increasing = startX.current - event.clientX < 0;\n    handler(\n      Math.max(startWidth.current - startX.current + event.clientX, minWidth),\n      increasing,\n      {},\n    );\n  };\n\n  const onMouseMove = event => {\n    event.stopPropagation();\n    event.preventDefault();\n\n    triggerMove(onDrag, event);\n  };\n\n  const onMouseUp = event => {\n    event.stopPropagation();\n    event.preventDefault();\n\n    triggerMove(onDragEnd, event);\n\n    document.removeEventListener('mousemove', onMouseMove);\n    document.removeEventListener('mouseup', onMouseUp);\n  };\n\n  const onMouseDown = event => {\n    event.stopPropagation();\n    event.preventDefault();\n\n    document.addEventListener('mousemove', onMouseMove);\n    document.addEventListener('mouseup', onMouseUp);\n\n    startX.current = event.clientX;\n    startWidth.current = containerRef.current.offsetWidth;\n\n    triggerMove(onDragStart, event);\n  };\n\n  const HandleComponent = ({ className = 'resize-handle' }) => (\n    // eslint-disable-next-line jsx-a11y/no-static-element-interactions\n    <div className={className} onMouseDown={onMouseDown} />\n  );\n\n  return {\n    containerRef,\n    Handle: HandleComponent,\n  };\n};\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAA2C;AAEpC,MAAM,kBAAkB,CAAC;AAAA,EAC9B;AAAA,EACA;AAAA,EACA;AAAA,EACA,WAAW;AAAA,EACX,SAAS;AAAA,MACL;AACJ,QAAM,SAAS;AACf,QAAM,aAAa;AACnB,QAAM,eAAe;AAErB,QAAM,cAAc,CAAC,SAAS,UAAU;AACtC,UAAM,aAAa,OAAO,UAAU,MAAM,UAAU;AACpD,YACE,KAAK,IAAI,WAAW,UAAU,OAAO,UAAU,MAAM,SAAS,WAC9D,YACA;AAAA;AAIJ,QAAM,cAAc,WAAS;AAC3B,UAAM;AACN,UAAM;AAEN,gBAAY,QAAQ;AAAA;AAGtB,QAAM,YAAY,WAAS;AACzB,UAAM;AACN,UAAM;AAEN,gBAAY,WAAW;AAEvB,aAAS,oBAAoB,aAAa;AAC1C,aAAS,oBAAoB,WAAW;AAAA;AAG1C,QAAM,cAAc,WAAS;AAC3B,UAAM;AACN,UAAM;AAEN,aAAS,iBAAiB,aAAa;AACvC,aAAS,iBAAiB,WAAW;AAErC,WAAO,UAAU,MAAM;AACvB,eAAW,UAAU,aAAa,QAAQ;AAE1C,gBAAY,aAAa;AAAA;AAG3B,QAAM,kBAAkB,CAAC,EAAE,YAAY,sBAErC,mDAAC,OAAD;AAAA,IAAK;AAAA,IAAsB;AAAA;AAG7B,SAAO;AAAA,IACL;AAAA,IACA,QAAQ;AAAA;AAAA;",
+  "names": []
+}

package/dist/cjs/plugins/resizable/utils.js

@@ -0,0 +1,54 @@
+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 utils_exports = {};
+__export(utils_exports, {
+  isPercentNumber: () => isPercentNumber,
+  isPxNumber: () => isPxNumber,
+  translatePercentageToPx: () => translatePercentageToPx
+});
+var React = __toESM(require("react"));
+var import_ds_utilities = require("@elliemae/ds-utilities");
+var import_memoize_one = __toESM(require("memoize-one"));
+const isPercentNumber = (stringNumber) => typeof stringNumber === "string" && stringNumber.indexOf("%") !== -1;
+const isPxNumber = (stringNumber) => typeof stringNumber === "string" && stringNumber.indexOf("px") !== -1;
+const translatePercentageToPx = (0, import_memoize_one.default)((totalWidth, percentage, minWidth = 0) => {
+  const parsedPercentatge = (0, import_ds_utilities.parseInt)(percentage.replace("%", ""));
+  const width = totalWidth * parsedPercentatge / 100;
+  return width > minWidth ? width : minWidth;
+});
+const translateStringPxToNumberPx = (0, import_memoize_one.default)((pxNumber) => (0, import_ds_utilities.parseInt)(pxNumber.replace("%", "")));
+const translatePxToPercentage = (0, import_memoize_one.default)((totalWidth, pxWidth) => `${pxWidth / totalWidth * 100}%`);
+const getWidth = (0, import_memoize_one.default)((gridWidth, width = 0, minWidth) => {
+  if (isPercentNumber(width))
+    return translatePercentageToPx(gridWidth, width, minWidth);
+  if (isPxNumber(width))
+    return translateStringPxToNumberPx(width);
+  return width;
+});
+module.exports = __toCommonJS(utils_exports);
+//# sourceMappingURL=utils.js.map

package/dist/cjs/plugins/resizable/utils.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/plugins/resizable/utils.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import { parseInt } from '@elliemae/ds-utilities';\nimport memoizeOne from 'memoize-one';\n\nexport const isPercentNumber = (stringNumber) => typeof stringNumber === 'string' && stringNumber.indexOf('%') !== -1;\nexport const isPxNumber = (stringNumber) => typeof stringNumber === 'string' && stringNumber.indexOf('px') !== -1;\n\nexport const translatePercentageToPx = memoizeOne((totalWidth, percentage, minWidth = 0) => {\n  const parsedPercentatge = parseInt(percentage.replace('%', ''));\n  const width = (totalWidth * parsedPercentatge) / 100;\n  return width > minWidth ? width : minWidth;\n});\n\nconst translateStringPxToNumberPx = memoizeOne((pxNumber) => parseInt(pxNumber.replace('%', '')));\nconst translatePxToPercentage = memoizeOne((totalWidth, pxWidth) => `${(pxWidth / totalWidth) * 100}%`);\n\nconst getWidth = memoizeOne((gridWidth, width = 0, minWidth) => {\n  if (isPercentNumber(width)) return translatePercentageToPx(gridWidth, width, minWidth);\n  if (isPxNumber(width)) return translateStringPxToNumberPx(width);\n  return width;\n});\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,0BAAyB;AACzB,yBAAuB;AAEhB,MAAM,kBAAkB,CAAC,iBAAiB,OAAO,iBAAiB,YAAY,aAAa,QAAQ,SAAS;AAC5G,MAAM,aAAa,CAAC,iBAAiB,OAAO,iBAAiB,YAAY,aAAa,QAAQ,UAAU;AAExG,MAAM,0BAA0B,gCAAW,CAAC,YAAY,YAAY,WAAW,MAAM;AAC1F,QAAM,oBAAoB,kCAAS,WAAW,QAAQ,KAAK;AAC3D,QAAM,QAAS,aAAa,oBAAqB;AACjD,SAAO,QAAQ,WAAW,QAAQ;AAAA;AAGpC,MAAM,8BAA8B,gCAAW,CAAC,aAAa,kCAAS,SAAS,QAAQ,KAAK;AAC5F,MAAM,0BAA0B,gCAAW,CAAC,YAAY,YAAY,GAAI,UAAU,aAAc;AAEhG,MAAM,WAAW,gCAAW,CAAC,WAAW,QAAQ,GAAG,aAAa;AAC9D,MAAI,gBAAgB;AAAQ,WAAO,wBAAwB,WAAW,OAAO;AAC7E,MAAI,WAAW;AAAQ,WAAO,4BAA4B;AAC1D,SAAO;AAAA;",
+  "names": []
+}

package/dist/cjs/plugins/row-dnd/DndRowsPlugin.js

@@ -0,0 +1,148 @@
+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 DndRowsPlugin_exports = {};
+__export(DndRowsPlugin_exports, {
+  DndRowsPlugin: () => DndRowsPlugin
+});
+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_ds_utilities = require("@elliemae/ds-utilities");
+var import_initColumnDefinition = require("@elliemae/ds-shared/useDataGrid/initColumnDefinition");
+var import_createInstancePlugin = require("@elliemae/ds-shared/createDataInstance/createInstancePlugin");
+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 DragHandle = (0, import_react_sortable_hoc.SortableHandle)(() => /* @__PURE__ */ import_react.default.createElement(import_ds_icons.GripperVertical, {
+  className: "drag-handle"
+}));
+const translateDnDData = ({ oldIndex, newIndex, index }) => ({
+  sourceIndex: oldIndex,
+  targetIndex: newIndex,
+  fromIndex: index === void 0 ? oldIndex : index
+});
+const decorateColumns = (columns) => {
+  const dragColumn = {
+    property: "drag",
+    label: "",
+    visible: true,
+    width: 24,
+    minWidth: 24,
+    special: true
+  };
+  return [
+    (0, import_initColumnDefinition.appendCellFormatter)(() => /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(DragHandle, null)), dragColumn),
+    ...columns
+  ];
+};
+const getBodyProps = (props, grid) => {
+  const { onMoveRowEnd, onReorder, onMoveRowStart } = grid.props;
+  return __spreadProps(__spreadValues({}, props), {
+    onSortEnd: (data) => {
+      grid.enableEvents();
+      grid.setIsRowDragging(false);
+      onMoveRowEnd(translateDnDData(data));
+    },
+    onSortStart: (...args) => {
+      grid.disableEvents();
+      grid.setIsRowDragging(true);
+      onMoveRowStart(...args);
+    },
+    onSortOver: (data) => {
+      onReorder(translateDnDData(data));
+    },
+    lockAxis: "y",
+    useDragHandle: true,
+    helperClass: "row-drag-helper",
+    getContainer: () => new Promise((resolve) => {
+      setTimeout(() => {
+        resolve(grid.refs.innerBody.current || grid.refs.body.current);
+      }, 100);
+    })
+  });
+};
+const decorateRenderers = (renderers) => {
+  const RowComponent = renderers.body.row;
+  const BodyWrapperComponent = renderers.body.wrapper;
+  const Row = (0, import_react.useMemo)(() => (0, import_react_sortable_hoc.SortableElement)(RowComponent), []);
+  const BodyWrapper = (0, import_react.useMemo)(() => (0, import_react_sortable_hoc.SortableContainer)((props) => /* @__PURE__ */ import_react.default.createElement(BodyWrapperComponent, __spreadValues({}, (0, import_ds_utilities.omit)(props, keysToOmit)))), []);
+  return __spreadProps(__spreadValues({}, renderers), {
+    body: __spreadProps(__spreadValues({}, renderers.body), {
+      wrapper: BodyWrapper,
+      row: Row
+    })
+  });
+};
+const DndRowsPlugin = (0, import_createInstancePlugin.createInstancePlugin)("dnd-rows", {
+  decorateColumns,
+  getBodyProps,
+  decorateRenderers
+});
+module.exports = __toCommonJS(DndRowsPlugin_exports);
+//# sourceMappingURL=DndRowsPlugin.js.map

package/dist/cjs/plugins/row-dnd/DndRowsPlugin.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/plugins/row-dnd/DndRowsPlugin.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["/* eslint-disable max-lines */\n/* eslint-disable react-hooks/rules-of-hooks */\nimport React, { useMemo } from 'react';\nimport { SortableElement, SortableContainer, SortableHandle } from 'react-sortable-hoc';\nimport { GripperVertical } from '@elliemae/ds-icons';\nimport { omit } from '@elliemae/ds-utilities';\nimport { appendCellFormatter } from '@elliemae/ds-shared/useDataGrid/initColumnDefinition';\nimport { createInstancePlugin } from '@elliemae/ds-shared/createDataInstance/createInstancePlugin';\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 DragHandle = SortableHandle(() => <GripperVertical className=\"drag-handle\" />);\n\nconst translateDnDData = ({ oldIndex, newIndex, index }) => ({\n  sourceIndex: oldIndex,\n  targetIndex: newIndex,\n  fromIndex: index === undefined ? oldIndex : index,\n});\n\nconst decorateColumns = (columns) => {\n  const dragColumn = {\n    property: 'drag',\n    label: '',\n    visible: true,\n    width: 24,\n    minWidth: 24,\n    special: true,\n  };\n  return [\n    appendCellFormatter(\n      () => (\n        <>\n          <DragHandle />\n        </>\n      ),\n      dragColumn,\n    ),\n    ...columns,\n  ];\n};\n\nconst getBodyProps = (props, grid) => {\n  const { onMoveRowEnd, onReorder, onMoveRowStart } = grid.props;\n  return {\n    ...props,\n    onSortEnd: (data) => {\n      grid.enableEvents();\n      grid.setIsRowDragging(false);\n      onMoveRowEnd(translateDnDData(data));\n    },\n    onSortStart: (...args) => {\n      grid.disableEvents();\n      grid.setIsRowDragging(true);\n      onMoveRowStart(...args);\n    },\n    onSortOver: (data) => {\n      onReorder(translateDnDData(data));\n    },\n    lockAxis: 'y',\n    useDragHandle: true,\n    helperClass: 'row-drag-helper',\n    // a promise is needed, since sortable it's mounted before it's container\n    getContainer: () =>\n      new Promise((resolve) => {\n        setTimeout(() => {\n          resolve(grid.refs.innerBody.current || grid.refs.body.current);\n        }, 100);\n      }),\n  };\n};\n\nconst decorateRenderers = (renderers) => {\n  const RowComponent = renderers.body.row;\n  const BodyWrapperComponent = renderers.body.wrapper;\n\n  const Row = useMemo(() => SortableElement(RowComponent), []);\n\n  const BodyWrapper = useMemo(\n    () => SortableContainer((props) => <BodyWrapperComponent {...omit(props, keysToOmit)} />),\n    [],\n  );\n\n  return {\n    ...renderers,\n    body: {\n      ...renderers.body,\n      wrapper: BodyWrapper,\n      row: Row,\n    },\n  };\n};\n\nexport const DndRowsPlugin = createInstancePlugin('dnd-rows', {\n  decorateColumns,\n  getBodyProps,\n  decorateRenderers,\n});\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADEvB,mBAA+B;AAC/B,gCAAmE;AACnE,sBAAgC;AAChC,0BAAqB;AACrB,kCAAoC;AACpC,kCAAqC;AAGrC,MAAM,aAAa;AAAA,EACjB;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,EACA;AAAA,EACA;AAAA,EACA;AAAA;AAGF,MAAM,aAAa,8CAAe,MAAM,mDAAC,iCAAD;AAAA,EAAiB,WAAU;AAAA;AAEnE,MAAM,mBAAmB,CAAC,EAAE,UAAU,UAAU,YAAa;AAAA,EAC3D,aAAa;AAAA,EACb,aAAa;AAAA,EACb,WAAW,UAAU,SAAY,WAAW;AAAA;AAG9C,MAAM,kBAAkB,CAAC,YAAY;AACnC,QAAM,aAAa;AAAA,IACjB,UAAU;AAAA,IACV,OAAO;AAAA,IACP,SAAS;AAAA,IACT,OAAO;AAAA,IACP,UAAU;AAAA,IACV,SAAS;AAAA;AAEX,SAAO;AAAA,IACL,qDACE,MACE,wFACE,mDAAC,YAAD,QAGJ;AAAA,IAEF,GAAG;AAAA;AAAA;AAIP,MAAM,eAAe,CAAC,OAAO,SAAS;AACpC,QAAM,EAAE,cAAc,WAAW,mBAAmB,KAAK;AACzD,SAAO,iCACF,QADE;AAAA,IAEL,WAAW,CAAC,SAAS;AACnB,WAAK;AACL,WAAK,iBAAiB;AACtB,mBAAa,iBAAiB;AAAA;AAAA,IAEhC,aAAa,IAAI,SAAS;AACxB,WAAK;AACL,WAAK,iBAAiB;AACtB,qBAAe,GAAG;AAAA;AAAA,IAEpB,YAAY,CAAC,SAAS;AACpB,gBAAU,iBAAiB;AAAA;AAAA,IAE7B,UAAU;AAAA,IACV,eAAe;AAAA,IACf,aAAa;AAAA,IAEb,cAAc,MACZ,IAAI,QAAQ,CAAC,YAAY;AACvB,iBAAW,MAAM;AACf,gBAAQ,KAAK,KAAK,UAAU,WAAW,KAAK,KAAK,KAAK;AAAA,SACrD;AAAA;AAAA;AAAA;AAKX,MAAM,oBAAoB,CAAC,cAAc;AACvC,QAAM,eAAe,UAAU,KAAK;AACpC,QAAM,uBAAuB,UAAU,KAAK;AAE5C,QAAM,MAAM,0BAAQ,MAAM,+CAAgB,eAAe;AAEzD,QAAM,cAAc,0BAClB,MAAM,iDAAkB,CAAC,UAAU,mDAAC,sBAAD,mBAA0B,8BAAK,OAAO,gBACzE;AAGF,SAAO,iCACF,YADE;AAAA,IAEL,MAAM,iCACD,UAAU,OADT;AAAA,MAEJ,SAAS;AAAA,MACT,KAAK;AAAA;AAAA;AAAA;AAKJ,MAAM,gBAAgB,sDAAqB,YAAY;AAAA,EAC5D;AAAA,EACA;AAAA,EACA;AAAA;",
+  "names": []
+}

package/dist/cjs/plugins/row-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 row_dnd_exports = {};
+__export(row_dnd_exports, {
+  DndRowsPlugin: () => import_DndRowsPlugin.DndRowsPlugin
+});
+var React = __toESM(require("react"));
+var import_DndRowsPlugin = require("./DndRowsPlugin");
+module.exports = __toCommonJS(row_dnd_exports);
+//# sourceMappingURL=index.js.map

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

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