@vuu-ui/vuu-utils 0.6.25-debug → 0.6.26-debug

package/cjs/index.js

@@ -43,6 +43,7 @@ __export(src_exports, {
   UP1: () => UP1,
   UP2: () => UP2,
   WindowRange: () => WindowRange,
+  actualRowPositioning: () => actualRowPositioning,
   addGroupColumn: () => addGroupColumn,
   addSortColumn: () => addSortColumn,
   applyFilterToColumns: () => applyFilterToColumns,
@@ -65,7 +66,7 @@ __export(src_exports, {
   getCellConfigPanelRenderer: () => getCellConfigPanelRenderer,
   getCellRenderer: () => getCellRenderer,
   getColumnName: () => getColumnName,
-  getColumnPinStyle: () => getColumnPinStyle,
+  getColumnStyle: () => getColumnStyle,
   getColumnsInViewport: () => getColumnsInViewport,
   getCookieValue: () => getCookieValue,
   getFullRange: () => getFullRange,
@@ -80,6 +81,7 @@ __export(src_exports, {
   invariant: () => invariant,
   isAndFilter: () => isAndFilter,
   isCharacterKey: () => isCharacterKey,
+  isColumnTypeRenderer: () => isColumnTypeRenderer,
   isDataLoading: () => isDataLoading,
   isDateColumn: () => isDateColumn,
   isDatePattern: () => isDatePattern,
@@ -119,6 +121,7 @@ __export(src_exports, {
   numericFormatter: () => numericFormatter,
   partition: () => partition,
   projectUpdates: () => projectUpdates,
+  rangeNewItems: () => rangeNewItems,
   registerComponent: () => registerComponent,
   resetRange: () => resetRange,
   roundDecimal: () => roundDecimal,
@@ -131,6 +134,7 @@ __export(src_exports, {
   toColumnDescriptor: () => toColumnDescriptor,
   toDataSourceColumns: () => toDataSourceColumns,
   uuid: () => uuid,
+  virtualRowPositioning: () => virtualRowPositioning,
   visibleColumnAtIndex: () => visibleColumnAtIndex,
   withinRange: () => withinRange
 });
@@ -259,6 +263,7 @@ var toColumnDescriptor = (name) => ({
 });
 var isTypeDescriptor = (type) => typeof type !== "undefined" && typeof type !== "string";
 var EMPTY_COLUMN_MAP = {};
+var isColumnTypeRenderer = (renderer) => typeof (renderer == null ? void 0 : renderer.name) !== "undefined";
 var isMappedValueTypeRenderer = (renderer) => renderer !== void 0 && typeof (renderer == null ? void 0 : renderer.map) !== "undefined";
 function buildColumnMap(columns) {
   const start = metadataKeys.count;
@@ -448,13 +453,13 @@ var getTableHeadings = (columns) => {
     let tableHeadingsRow;
     for (let level = 0; level < maxHeadingDepth; level++) {
       tableHeadingsRow = [];
-      columns.forEach(({ heading: columnHeading = NO_HEADINGS }) => {
+      columns.forEach(({ heading: columnHeading = NO_HEADINGS, width }) => {
         var _a;
         const label = (_a = columnHeading[level]) != null ? _a : "";
         if (heading && heading.label === label) {
-          heading.span += 1;
+          heading.width += width;
         } else {
-          heading = { label, span: 1 };
+          heading = { label, width };
           tableHeadingsRow.push(heading);
         }
       });
@@ -465,7 +470,11 @@ var getTableHeadings = (columns) => {
   }
   return NO_HEADINGS;
 };
-var getColumnPinStyle = (column) => column.pin === "left" ? { left: column.pinnedOffset } : column.pin === "right" ? { right: column.pinnedOffset } : void 0;
+var getColumnStyle = ({
+  pin,
+  pinnedOffset,
+  width
+}) => pin === "left" ? { left: pinnedOffset, width } : pin === "right" ? { right: pinnedOffset, width } : { width };
 var setAggregations = (aggregations, column, aggType) => {
   return aggregations.filter((agg) => agg.column !== column.name).concat({ column: column.name, aggType });
 };
@@ -599,10 +608,12 @@ var getColumnsInViewport = (columns, vpStart, vpEnd) => {
     if (column.hidden) {
       continue;
     } else if (offset + column.width < vpStart) {
-      if (offset + column.width + ((_a = columns[i + 1]) == null ? void 0 : _a.width) > vpStart) {
+      if (column.pin === "left") {
+        visibleColumns.push(column);
+      } else if (offset + column.width + ((_a = columns[i + 1]) == null ? void 0 : _a.width) > vpStart) {
         visibleColumns.push(column);
       } else {
-        preSpan += 1;
+        preSpan += column.width;
       }
     } else if (offset > vpEnd) {
       visibleColumns.push(column);
@@ -709,6 +720,12 @@ function resetRange({ from, to, bufferSize = 0 }) {
   };
 }
 var withinRange = (value, { from, to }) => value >= from && value < to;
+var rangeNewItems = ({ from: from1, to: to1 }, newRange) => {
+  const { from: from2, to: to2 } = newRange;
+  const noOverlap = from2 >= to1 || to2 <= from1;
+  const newFullySubsumesOld = from2 < from1 && to2 > to1;
+  return noOverlap || newFullySubsumesOld ? newRange : to2 > to1 ? { from: to1, to: to2 } : { from: from2, to: from1 };
+};
 var WindowRange = class {
   constructor(from, to) {
     this.from = from;
@@ -1350,7 +1367,7 @@ var KeySet = class {
     });
     const size = to - from;
     if (this.keys.size + this.free.length > size) {
-      this.free.length = size - this.keys.size;
+      this.free.length = Math.max(0, size - this.keys.size);
     }
     for (let rowIndex = from; rowIndex < to; rowIndex++) {
       if (!this.keys.has(rowIndex)) {
@@ -1358,6 +1375,9 @@ var KeySet = class {
         this.keys.set(rowIndex, nextKeyValue);
       }
     }
+    if (this.nextKeyValue > this.keys.size) {
+      this.nextKeyValue = this.keys.size;
+    }
   }
   keyFor(rowIndex) {
     const key = this.keys.get(rowIndex);
@@ -1425,6 +1445,24 @@ function throttle(callback, limit) {
   };
 }
 
+// src/row-utils.ts
+var { IDX } = metadataKeys;
+var actualRowPositioning = (rowHeight) => [
+  (row) => row[IDX] * rowHeight,
+  (position) => Math.floor(position / rowHeight)
+];
+var virtualRowPositioning = (rowHeight, additionalPixelsNeeded, pctScrollTop) => [
+  (row) => {
+    const rowOffset = pctScrollTop.current * additionalPixelsNeeded;
+    return row[IDX] * rowHeight - rowOffset;
+  },
+  (position) => {
+    const rowOffset = pctScrollTop.current * additionalPixelsNeeded;
+    const result = Math.floor((position + rowOffset) / rowHeight);
+    return result;
+  }
+];
+
 // src/selection-utils.ts
 var NO_SELECTION = [];
 var inAscendingOrder = (item1, item2) => {