@elliemae/ds-datagrids 2.3.1 → 3.0.0-alpha.3

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

@@ -0,0 +1,85 @@
+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 columnMeasurerTransformer_exports = {};
+__export(columnMeasurerTransformer_exports, {
+  columnMeasurerTransformer: () => columnMeasurerTransformer
+});
+var React = __toESM(require("react"));
+var import_react = require("react");
+var import_ds_utilities = require("@elliemae/ds-utilities");
+const columnMeasurerTransformer = (columnSizeService) => (value, { column, grid }, props = {}) => {
+  const { registerColumn } = columnSizeService;
+  const cellRef = (0, import_react.useRef)();
+  (0, import_react.useLayoutEffect)(() => {
+    const { columns, expandedToContentColumns } = columnSizeService;
+    const {
+      props: { minColumnWidth },
+      resizedColumns
+    } = grid.getInstance();
+    if (cellRef.current) {
+      if (column.expandWidthToContent && !expandedToContentColumns[column.uuid]) {
+        const originalWidth = cellRef.current.offsetWidth;
+        cellRef.current.style.flex = "initial";
+        cellRef.current.style.minWidth = "initial";
+        const calcWidth = cellRef.current.offsetWidth + 20;
+        if (originalWidth + 20 <= calcWidth) {
+          resizedColumns.current[column.uuid] = calcWidth;
+          columns[column.uuid].minWidth = calcWidth;
+        } else {
+          columns[column.uuid].minWidth = originalWidth;
+        }
+        expandedToContentColumns[column.uuid] = true;
+        cellRef.current.style.minWidth = null;
+        cellRef.current.style.flex = 1;
+        column.node = cellRef.current;
+      }
+    }
+  });
+  return __spreadProps(__spreadValues({}, props), {
+    innerRef: (0, import_ds_utilities.mergeRefs)(cellRef, props.innerRef, registerColumn(column))
+  });
+};
+module.exports = __toCommonJS(columnMeasurerTransformer_exports);
+//# sourceMappingURL=columnMeasurerTransformer.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/plugins/column-sizing/columnMeasurerTransformer.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import { useLayoutEffect, useRef } from 'react';\nimport { mergeRefs } from '@elliemae/ds-utilities';\n\nexport const columnMeasurerTransformer =\n  (columnSizeService) =>\n  (value, { column, grid }, props = {}) => {\n    const { registerColumn } = columnSizeService;\n    const cellRef = useRef();\n\n    useLayoutEffect(() => {\n      const { columns, expandedToContentColumns } = columnSizeService;\n      const {\n        props: { minColumnWidth },\n        resizedColumns,\n      } = grid.getInstance();\n      if (cellRef.current) {\n        // FIX: merge\n        // if (column.width && column.width !== 'string' && !initialUsedSpace[column.property]) {\n        //   increaseUsedSpace(getColumnWidthSize(column.width, minColumnWidth, column), column.property)\n        // }\n        if (column.expandWidthToContent && !expandedToContentColumns[column.uuid]) {\n          // measure the content and reset to flex\n          const originalWidth = cellRef.current.offsetWidth;\n          cellRef.current.style.flex = 'initial';\n          cellRef.current.style.minWidth = 'initial';\n          const calcWidth = cellRef.current.offsetWidth + 20;\n          if (originalWidth + 20 <= calcWidth) {\n            resizedColumns.current[column.uuid] = calcWidth;\n            columns[column.uuid].minWidth = calcWidth;\n          } else {\n            columns[column.uuid].minWidth = originalWidth;\n          }\n          expandedToContentColumns[column.uuid] = true;\n          cellRef.current.style.minWidth = null;\n          cellRef.current.style.flex = 1;\n          column.node = cellRef.current;\n        }\n      }\n    });\n\n    return {\n      ...props,\n      innerRef: mergeRefs(cellRef, props.innerRef, registerColumn(column)),\n    };\n  };\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAwC;AACxC,0BAA0B;AAEnB,MAAM,4BACX,CAAC,sBACD,CAAC,OAAO,EAAE,QAAQ,QAAQ,QAAQ,OAAO;AACvC,QAAM,EAAE,mBAAmB;AAC3B,QAAM,UAAU;AAEhB,oCAAgB,MAAM;AACpB,UAAM,EAAE,SAAS,6BAA6B;AAC9C,UAAM;AAAA,MACJ,OAAO,EAAE;AAAA,MACT;AAAA,QACE,KAAK;AACT,QAAI,QAAQ,SAAS;AAKnB,UAAI,OAAO,wBAAwB,CAAC,yBAAyB,OAAO,OAAO;AAEzE,cAAM,gBAAgB,QAAQ,QAAQ;AACtC,gBAAQ,QAAQ,MAAM,OAAO;AAC7B,gBAAQ,QAAQ,MAAM,WAAW;AACjC,cAAM,YAAY,QAAQ,QAAQ,cAAc;AAChD,YAAI,gBAAgB,MAAM,WAAW;AACnC,yBAAe,QAAQ,OAAO,QAAQ;AACtC,kBAAQ,OAAO,MAAM,WAAW;AAAA,eAC3B;AACL,kBAAQ,OAAO,MAAM,WAAW;AAAA;AAElC,iCAAyB,OAAO,QAAQ;AACxC,gBAAQ,QAAQ,MAAM,WAAW;AACjC,gBAAQ,QAAQ,MAAM,OAAO;AAC7B,eAAO,OAAO,QAAQ;AAAA;AAAA;AAAA;AAK5B,SAAO,iCACF,QADE;AAAA,IAEL,UAAU,mCAAU,SAAS,MAAM,UAAU,eAAe;AAAA;AAAA;",
+  "names": []
+}

package/dist/cjs/plugins/column-sizing/ext-points/decorateColumn.js

@@ -0,0 +1,44 @@
+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 decorateColumn_exports = {};
+__export(decorateColumn_exports, {
+  decorateColumn: () => decorateColumn
+});
+var React = __toESM(require("react"));
+var import_ds_utilities = require("@elliemae/ds-utilities");
+var import_columnMeasurerTransformer = require("../columnMeasurerTransformer");
+function decorateColumn(column, grid, index) {
+  const transformsPath = ["header", "transforms"];
+  const transforms = (0, import_ds_utilities.get)(column, transformsPath, []);
+  transforms.push((0, import_columnMeasurerTransformer.columnMeasurerTransformer)(grid.columnSizeService, grid));
+  column.index = index;
+  (0, import_ds_utilities.set)(column, transformsPath, transforms);
+  return column;
+}
+module.exports = __toCommonJS(decorateColumn_exports);
+//# sourceMappingURL=decorateColumn.js.map

package/dist/cjs/plugins/column-sizing/ext-points/decorateColumn.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/plugins/column-sizing/ext-points/decorateColumn.tsx", "../../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import { get, set } from '@elliemae/ds-utilities';\nimport { columnMeasurerTransformer } from '../columnMeasurerTransformer';\n\nexport function decorateColumn(column, grid, index) {\n  const transformsPath = ['header', 'transforms'];\n  const transforms = get(column, transformsPath, []);\n  transforms.push(columnMeasurerTransformer(grid.columnSizeService, grid));\n  column.index = index;\n  set(column, transformsPath, transforms);\n\n  return column;\n}\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,0BAAyB;AACzB,uCAA0C;AAEnC,wBAAwB,QAAQ,MAAM,OAAO;AAClD,QAAM,iBAAiB,CAAC,UAAU;AAClC,QAAM,aAAa,6BAAI,QAAQ,gBAAgB;AAC/C,aAAW,KAAK,gEAA0B,KAAK,mBAAmB;AAClE,SAAO,QAAQ;AACf,+BAAI,QAAQ,gBAAgB;AAE5B,SAAO;AAAA;",
+  "names": []
+}

package/dist/cjs/plugins/column-sizing/ext-points/getTableProps.js

@@ -0,0 +1,80 @@
+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 getTableProps_exports = {};
+__export(getTableProps_exports, {
+  getTableProps: () => getTableProps
+});
+var React = __toESM(require("react"));
+var import_react = require("react");
+var import_ds_utilities = require("@elliemae/ds-utilities");
+var import_utils = require("../utils");
+function getTableProps(tableProps, { refs, tableRef, bodyWidth, scrollbarWidth, isDragging, columnSizeService, updateRowWidth, columns }) {
+  const [tableNode, tableRefCallback] = (0, import_react.useState)();
+  (0, import_ds_utilities.useResizeObserver)(({ width }) => {
+    if (!refs.header.current)
+      return;
+    if (typeof scrollbarWidth.current !== "number")
+      scrollbarWidth.current = (0, import_utils.getScrollbarSizeFromHeaderAndBody)(refs, width);
+    if (typeof bodyWidth.current !== "number")
+      bodyWidth.current = refs.body.offsetWidth;
+    if (isDragging.current)
+      return;
+    columnSizeService.updateMissingWidths(width);
+    updateRowWidth(width);
+  }, tableNode);
+  (0, import_react.useEffect)(() => {
+    if (tableNode) {
+      columnSizeService.updateMissingWidths(tableNode.clientWidth);
+      updateRowWidth(tableNode.clientWidth);
+    }
+    if (typeof bodyWidth.current !== "number")
+      bodyWidth.current = refs.body.clientWidth;
+  }, [columns, tableNode]);
+  return __spreadProps(__spreadValues({}, tableProps), {
+    innerRef: (0, import_ds_utilities.mergeRefs)(tableRefCallback, tableProps.innerRef, tableRef)
+  });
+}
+module.exports = __toCommonJS(getTableProps_exports);
+//# sourceMappingURL=getTableProps.js.map

package/dist/cjs/plugins/column-sizing/ext-points/getTableProps.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/plugins/column-sizing/ext-points/getTableProps.tsx", "../../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import { useEffect, useState } from 'react';\nimport { useResizeObserver, mergeRefs } from '@elliemae/ds-utilities';\nimport { getScrollbarSizeFromHeaderAndBody } from '../utils';\n\nexport function getTableProps(\n  tableProps,\n  { refs, tableRef, bodyWidth, scrollbarWidth, isDragging, columnSizeService, updateRowWidth, columns },\n) {\n  const [tableNode, tableRefCallback] = useState();\n\n  useResizeObserver(({ width }) => {\n    if (!refs.header.current) return;\n    if (typeof scrollbarWidth.current !== 'number')\n      scrollbarWidth.current = getScrollbarSizeFromHeaderAndBody(refs, width);\n    if (typeof bodyWidth.current !== 'number') bodyWidth.current = refs.body.offsetWidth;\n    // DataGrid: header with width 0 after redirect from details page (https://jira.elliemae.io/browse/PUI-2162)\n    // if (scrollbarWidth.current !== 0 && width - scrollbarWidth.current > 0) {\n    //   refs.header.current.style.width = `${width - scrollbarWidth.current}px`\n    // }\n\n    if (isDragging.current) return;\n    columnSizeService.updateMissingWidths(width);\n    updateRowWidth(width);\n  }, tableNode);\n\n  useEffect(() => {\n    if (tableNode) {\n      columnSizeService.updateMissingWidths(tableNode.clientWidth);\n      updateRowWidth(tableNode.clientWidth);\n    }\n    if (typeof bodyWidth.current !== 'number') bodyWidth.current = refs.body.clientWidth;\n  }, [columns, tableNode]);\n\n  return {\n    ...tableProps,\n    innerRef: mergeRefs(tableRefCallback, tableProps.innerRef, tableRef),\n  };\n}\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAoC;AACpC,0BAA6C;AAC7C,mBAAkD;AAE3C,uBACL,YACA,EAAE,MAAM,UAAU,WAAW,gBAAgB,YAAY,mBAAmB,gBAAgB,WAC5F;AACA,QAAM,CAAC,WAAW,oBAAoB;AAEtC,6CAAkB,CAAC,EAAE,YAAY;AAC/B,QAAI,CAAC,KAAK,OAAO;AAAS;AAC1B,QAAI,OAAO,eAAe,YAAY;AACpC,qBAAe,UAAU,oDAAkC,MAAM;AACnE,QAAI,OAAO,UAAU,YAAY;AAAU,gBAAU,UAAU,KAAK,KAAK;AAMzE,QAAI,WAAW;AAAS;AACxB,sBAAkB,oBAAoB;AACtC,mBAAe;AAAA,KACd;AAEH,8BAAU,MAAM;AACd,QAAI,WAAW;AACb,wBAAkB,oBAAoB,UAAU;AAChD,qBAAe,UAAU;AAAA;AAE3B,QAAI,OAAO,UAAU,YAAY;AAAU,gBAAU,UAAU,KAAK,KAAK;AAAA,KACxE,CAAC,SAAS;AAEb,SAAO,iCACF,aADE;AAAA,IAEL,UAAU,mCAAU,kBAAkB,WAAW,UAAU;AAAA;AAAA;",
+  "names": []
+}

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

@@ -0,0 +1,37 @@
+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 getColumnNameFromProperty_exports = {};
+__export(getColumnNameFromProperty_exports, {
+  default: () => getColumnNameFromProperty_default,
+  getColumnNameFromProperty: () => getColumnNameFromProperty
+});
+var React = __toESM(require("react"));
+const getColumnNameFromProperty = (property) => property && property.replace(/\./g, "-");
+var getColumnNameFromProperty_default = getColumnNameFromProperty;
+module.exports = __toCommonJS(getColumnNameFromProperty_exports);
+//# sourceMappingURL=getColumnNameFromProperty.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/plugins/column-sizing/getColumnNameFromProperty.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["export const getColumnNameFromProperty = (property) => property && property.replace(/\\./g, '-');\n\nexport default getColumnNameFromProperty;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAhB,MAAM,4BAA4B,CAAC,aAAa,YAAY,SAAS,QAAQ,OAAO;AAE3F,IAAO,oCAAQ;",
+  "names": []
+}

package/dist/cjs/plugins/column-sizing/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_sizing_exports = {};
+__export(column_sizing_exports, {
+  ColumnSizingPlugin: () => import_ColumnSizingPlugin.ColumnSizingPlugin
+});
+var React = __toESM(require("react"));
+var import_ColumnSizingPlugin = require("./ColumnSizingPlugin");
+module.exports = __toCommonJS(column_sizing_exports);
+//# sourceMappingURL=index.js.map

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

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

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

@@ -0,0 +1,165 @@
+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 useColumnSizeService_exports = {};
+__export(useColumnSizeService_exports, {
+  default: () => useColumnSizeService_default,
+  useColumnSizeService: () => useColumnSizeService
+});
+var React = __toESM(require("react"));
+var import_react = require("react");
+var import_utils = require("./utils");
+const useColumnSizeService = (instance) => {
+  const columns = (0, import_react.useRef)({});
+  const [expandableGridDetailWidth, setExpandableGridDetailWidth] = (0, import_react.useState)(0);
+  const [expandableColumnWidth, setExpandableColumnWidth] = (0, import_react.useState)(0);
+  const expandedToContentColumns = (0, import_react.useRef)({});
+  const previousTotalWidth = (0, import_react.useRef)(0);
+  const initialUsedSpace = (0, import_react.useRef)({
+    space: 0,
+    amount: 0,
+    percentage: 0
+  });
+  const increaseUsedSpace = (space, columnUuid) => {
+    if (typeof space === "number") {
+      initialUsedSpace.current.space += space;
+    } else if (space && space.endsWith("%")) {
+      initialUsedSpace.current.percentage += Number(space.slice(0, -1));
+    }
+    initialUsedSpace.current.amount += 1;
+    initialUsedSpace.current[columnUuid] = true;
+  };
+  const registerColumn = (column) => (node) => columns.current[column.uuid] = __spreadProps(__spreadValues({}, column), { node });
+  const unregisterColumn = (column) => {
+    delete columns.current[column.property];
+  };
+  const setActualColumnsSizesFixed = () => {
+    const columnsArray = Object.values(columns.current);
+    columnsArray.forEach((column) => {
+      const columnOffsetWidth = column.node.offsetWidth;
+      column.updateBodyHeaderWidth(`${columnOffsetWidth}px`, `${columnOffsetWidth}px`);
+    });
+  };
+  const updateMissingWidths = (totalWidth) => {
+    if (totalWidth) {
+      previousTotalWidth.current = totalWidth;
+    }
+    const gridWidth = previousTotalWidth.current - 4;
+    const {
+      props: { minColumnWidth, expandable },
+      resizedColumns,
+      decoratedColumns: columnDefinitions
+    } = instance.getInstance();
+    if (!initialUsedSpace.current)
+      return;
+    const columnUuids = columnDefinitions.map((c) => c.uuid);
+    const columnsArray = Object.values(columns.current).filter((c) => columnUuids.includes(c.uuid));
+    initialUsedSpace.current = { space: 0, amount: 0, percentage: 0 };
+    columnsArray.forEach((column) => {
+      if (column.width && column.width !== "string" && !initialUsedSpace[column.uuid]) {
+        increaseUsedSpace((0, import_utils.getColumnWidthSize)(column.width, minColumnWidth, column), column.uuid);
+      }
+    });
+    const nextColumnDict = {};
+    columnsArray.forEach((column) => {
+      if (typeof column.width === "number") {
+        nextColumnDict[column.uuid] = column;
+        return;
+      }
+      if (resizedColumns.current[column.uuid]) {
+        nextColumnDict[column.uuid] = column;
+        return;
+      }
+      const {
+        space: usedSpace,
+        amount: usedAmount,
+        percentage: usedPercentage
+      } = initialUsedSpace.current;
+      const percentValue = (0, import_utils.getPercentageValue)(column.width);
+      if (percentValue) {
+        const pxs = gridWidth * percentValue / 100;
+        const pxWidths = `${(0, import_utils.getColumnWidthSize)(pxs, minColumnWidth, column)}px`;
+        column.updateBodyHeaderWidth(pxWidths, pxWidths);
+        columns.current[column.uuid].computedWidth = pxs;
+        if (expandable && column.expandableColumn) {
+          setExpandableColumnWidth(pxs);
+        }
+      } else {
+        const columnFixWidth = (gridWidth * (1 - usedPercentage / 100) - usedSpace) / (columnsArray.length - usedAmount);
+        const percentWidth = columnFixWidth / gridWidth * 100;
+        const pxs = gridWidth * percentWidth / 100;
+        const actualWidthAfterChecks = (0, import_utils.getColumnWidthSize)(pxs, minColumnWidth, column);
+        column.updateBodyHeaderWidth(`${actualWidthAfterChecks}px`, column.minWidth || minColumnWidth ? `${column.minWidth || minColumnWidth}px` : `${pxs}px`);
+        resizedColumns.current[column.uuid] = actualWidthAfterChecks;
+        columns.current[column.uuid].computedWidth = actualWidthAfterChecks;
+      }
+      nextColumnDict[column.uuid] = column;
+    });
+    columns.current = nextColumnDict;
+  };
+  (0, import_react.useLayoutEffect)(() => {
+    const totalWidth = computeColumnsTotalSize();
+    setExpandableGridDetailWidth(totalWidth - expandableColumnWidth);
+  }, [expandableColumnWidth]);
+  const computeColumnsTotalSize = () => {
+    const columnsArray = Object.values(columns.current);
+    return columnsArray.reduce((totalSize, column) => totalSize + column.node.offsetWidth, 0);
+  };
+  return {
+    columns: columns.current,
+    expandedToContentColumns: expandedToContentColumns.current,
+    initialUsedSpace: initialUsedSpace.current,
+    increaseUsedSpace,
+    registerColumn,
+    unregisterColumn,
+    updateMissingWidths,
+    computeColumnsTotalSize,
+    setActualColumnsSizesFixed,
+    expandableGridDetailWidth,
+    expandableColumnWidth
+  };
+};
+var useColumnSizeService_default = useColumnSizeService;
+module.exports = __toCommonJS(useColumnSizeService_exports);
+//# sourceMappingURL=useColumnSizeService.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/plugins/column-sizing/useColumnSizeService.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["/* eslint-disable max-lines */\nimport { useRef, useState, useLayoutEffect } from 'react';\nimport { getColumnWidthSize, getPercentageValue } from './utils';\n\nexport const useColumnSizeService = (instance) => {\n  const columns = useRef({});\n  const [expandableGridDetailWidth, setExpandableGridDetailWidth] = useState(0);\n  const [expandableColumnWidth, setExpandableColumnWidth] = useState(0);\n  const expandedToContentColumns = useRef({});\n  const previousTotalWidth = useRef(0);\n  const initialUsedSpace = useRef({\n    space: 0,\n    amount: 0,\n    percentage: 0,\n  });\n\n  const increaseUsedSpace = (space, columnUuid) => {\n    if (typeof space === 'number') {\n      initialUsedSpace.current.space += space;\n    } else if (space && space.endsWith('%')) {\n      initialUsedSpace.current.percentage += Number(space.slice(0, -1));\n    }\n    initialUsedSpace.current.amount += 1;\n    initialUsedSpace.current[columnUuid] = true;\n  };\n\n  // eslint-disable-next-line no-return-assign\n  const registerColumn = (column) => (node) =>\n    (columns.current[column.uuid] = { ...column, node });\n\n  const unregisterColumn = (column) => {\n    delete columns.current[column.property];\n  };\n\n  const setActualColumnsSizesFixed = () => {\n    const columnsArray = Object.values(columns.current);\n\n    columnsArray.forEach((column) => {\n      const columnOffsetWidth = column.node.offsetWidth;\n      column.updateBodyHeaderWidth(\n        `${columnOffsetWidth}px`,\n        `${columnOffsetWidth}px`,\n      );\n    });\n  };\n\n  const updateMissingWidths = (totalWidth) => {\n    if (totalWidth) {\n      previousTotalWidth.current = totalWidth;\n    }\n    const gridWidth = previousTotalWidth.current - 4;\n    const {\n      props: { minColumnWidth, expandable },\n      resizedColumns,\n      decoratedColumns: columnDefinitions,\n    } = instance.getInstance();\n    if (!initialUsedSpace.current) return;\n    const columnUuids = columnDefinitions.map((c) => c.uuid);\n    const columnsArray = Object.values(columns.current).filter((c) =>\n      columnUuids.includes(c.uuid),\n    );\n    // reset the initial space to the last columns\n    initialUsedSpace.current = { space: 0, amount: 0, percentage: 0 };\n    columnsArray.forEach((column) => {\n      if (\n        column.width &&\n        column.width !== 'string' &&\n        !initialUsedSpace[column.uuid]\n      ) {\n        increaseUsedSpace(\n          getColumnWidthSize(column.width, minColumnWidth, column),\n          column.uuid,\n        );\n      }\n    });\n\n    const nextColumnDict = {};\n    // eslint-disable-next-line max-statements\n    columnsArray.forEach((column) => {\n      if (typeof column.width === 'number') {\n        nextColumnDict[column.uuid] = column;\n        return;\n      }\n      if (resizedColumns.current[column.uuid]) {\n        nextColumnDict[column.uuid] = column;\n        return;\n      }\n      const {\n        space: usedSpace,\n        amount: usedAmount,\n        percentage: usedPercentage,\n      } = initialUsedSpace.current;\n\n      const percentValue = getPercentageValue(column.width);\n      // check if is percentage value\n      if (percentValue) {\n        const pxs = (gridWidth * percentValue) / 100;\n        const pxWidths = `${getColumnWidthSize(pxs, minColumnWidth, column)}px`;\n        column.updateBodyHeaderWidth(pxWidths, pxWidths);\n        columns.current[column.uuid].computedWidth = pxs;\n        if (expandable && column.expandableColumn) {\n          setExpandableColumnWidth(pxs);\n        }\n      } else {\n        // otherwise the values are auto calculated from the total size\n        const columnFixWidth =\n          (gridWidth * (1 - usedPercentage / 100) - usedSpace) /\n          (columnsArray.length - usedAmount);\n        const percentWidth = (columnFixWidth / gridWidth) * 100;\n        const pxs = (gridWidth * percentWidth) / 100;\n        const actualWidthAfterChecks = getColumnWidthSize(\n          pxs,\n          minColumnWidth,\n          column,\n        );\n        column.updateBodyHeaderWidth(\n          `${actualWidthAfterChecks}px`,\n          column.minWidth || minColumnWidth\n            ? `${column.minWidth || minColumnWidth}px`\n            : `${pxs}px`,\n        );\n        resizedColumns.current[column.uuid] = actualWidthAfterChecks;\n        columns.current[column.uuid].computedWidth = actualWidthAfterChecks;\n      }\n      nextColumnDict[column.uuid] = column;\n    });\n    columns.current = nextColumnDict;\n  };\n\n  useLayoutEffect(() => {\n    const totalWidth = computeColumnsTotalSize();\n    setExpandableGridDetailWidth(totalWidth - expandableColumnWidth);\n  }, [expandableColumnWidth]);\n\n  // todo: make this incremental\n  const computeColumnsTotalSize = () => {\n    const columnsArray = Object.values(columns.current);\n    return columnsArray.reduce(\n      (totalSize, column) => totalSize + column.node.offsetWidth,\n      0,\n    );\n  };\n\n  return {\n    columns: columns.current,\n    expandedToContentColumns: expandedToContentColumns.current,\n    initialUsedSpace: initialUsedSpace.current,\n    increaseUsedSpace,\n    registerColumn,\n    unregisterColumn,\n    updateMissingWidths,\n    computeColumnsTotalSize,\n    setActualColumnsSizesFixed,\n    expandableGridDetailWidth,\n    expandableColumnWidth,\n  };\n};\n\nexport default useColumnSizeService;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": "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",
+  "names": []
+}