@revolist/revogrid 4.0.2-next → 4.0.2

package/dist/cjs/viewport.helpers-6670177c.js

@@ -0,0 +1,262 @@
+/*!
+ * Built by Revolist OU ❤️
+ */
+'use strict';
+
+const dimension_helpers = require('./dimension.helpers-ee39d6c4.js');
+
+/**
+ * Update items based on new scroll position
+ * If viewport wasn't changed fully simple recombination of positions
+ * Otherwise rebuild viewport items
+ */
+function getUpdatedItemsByPosition(pos, // coordinate
+items, realCount, virtualSize, dimension) {
+    const activeItem = dimension_helpers.getItemByPosition(dimension, pos);
+    const firstItem = getFirstItem(items);
+    let toUpdate;
+    // do simple position recombination if items already present in viewport
+    if (firstItem) {
+        let changedOffsetStart = activeItem.itemIndex - (firstItem.itemIndex || 0);
+        // if item changed
+        if (changedOffsetStart) {
+            // simple recombination
+            toUpdate = recombineByOffset(Math.abs(changedOffsetStart), Object.assign(Object.assign({ positiveDirection: changedOffsetStart > -1 }, dimension), items));
+        }
+    }
+    const maxSizeVirtualSize = getMaxVirtualSize(virtualSize, dimension.realSize, activeItem);
+    // if partial recombination add items if revo-viewport has some space left
+    if (toUpdate) {
+        const extra = addMissingItems(activeItem, realCount, maxSizeVirtualSize, toUpdate, dimension);
+        if (extra.length) {
+            updateMissingAndRange(toUpdate.items, extra, toUpdate);
+        }
+    }
+    // new collection if no items after replacement full replacement
+    if (!toUpdate) {
+        const items = getItems({
+            firstItemStart: activeItem.start,
+            firstItemIndex: activeItem.itemIndex,
+            origSize: dimension.originItemSize,
+            maxSize: maxSizeVirtualSize,
+            maxCount: realCount,
+            sizes: dimension.sizes,
+        });
+        // range now comes from 0 to length - 1
+        toUpdate = {
+            items,
+            start: 0,
+            end: items.length - 1,
+        };
+    }
+    return toUpdate;
+}
+// virtual size can differ based on scroll position if some big items are present
+// scroll can be in the middle of item and virtual size will be larger
+// so we need to exclude this part from virtual size hence it's already passed
+function getMaxVirtualSize(virtualSize, realSize, activeItem) {
+    return Math.min(virtualSize + (activeItem.end - activeItem.start), realSize);
+}
+function updateMissingAndRange(items, missing, range) {
+    items.splice(range.end + 1, 0, ...missing);
+    // update range if start larger after recombination
+    if (range.start >= range.end &&
+        !(range.start === range.end && range.start === 0)) {
+        range.start += missing.length;
+    }
+    range.end += missing.length;
+}
+/**
+ * If partial replacement
+ * this function adds items if viewport has some space left
+ */
+function addMissingItems(firstItem, realCount, virtualSize, existingCollection, dimension) {
+    const lastItem = getLastItem(existingCollection);
+    const items = getItems({
+        sizes: dimension.sizes,
+        firstItemStart: lastItem.end,
+        firstItemIndex: lastItem.itemIndex + 1,
+        origSize: dimension.originItemSize,
+        maxSize: virtualSize - (lastItem.end - firstItem.start),
+        maxCount: realCount,
+    });
+    return items;
+}
+/**
+ * Get wiewport items parameters
+ * caching position and calculating items count in viewport
+ */
+function getItems(opt, currentSize = 0) {
+    const items = [];
+    let index = opt.firstItemIndex;
+    let size = currentSize;
+    // max size or max count
+    while (size <= opt.maxSize && index < opt.maxCount) {
+        const newSize = getItemSize(index, opt.sizes, opt.origSize);
+        items.push({
+            start: opt.firstItemStart + size,
+            end: opt.firstItemStart + size + newSize,
+            itemIndex: index,
+            size: newSize,
+        });
+        size += newSize;
+        index++;
+    }
+    return items;
+}
+function recombineByOffset(offset, data) {
+    const newItems = [...data.items];
+    const itemsCount = newItems.length;
+    let newRange = {
+        start: data.start,
+        end: data.end,
+    };
+    // if offset out of revo-viewport, makes sense whole redraw
+    if (offset > itemsCount) {
+        return null;
+    }
+    // is direction of scroll positive
+    if (data.positiveDirection) {
+        // push item to the end
+        let lastItem = getLastItem(data);
+        let i = newRange.start;
+        const length = i + offset;
+        for (; i < length; i++) {
+            const newIndex = lastItem.itemIndex + 1;
+            const size = getItemSize(newIndex, data.sizes, data.originItemSize);
+            // if item overlapped limit break a loop
+            if (lastItem.end + size > data.realSize) {
+                break;
+            }
+            // new item index to recombine
+            let newEnd = i % itemsCount;
+            // item should always present, we do not create new item, we recombine them
+            if (!newItems[newEnd]) {
+                throw new Error('incorrect index');
+            }
+            // do recombination
+            newItems[newEnd] = lastItem = {
+                start: lastItem.end,
+                end: lastItem.end + size,
+                itemIndex: newIndex,
+                size: size,
+            };
+            // update range
+            newRange.start++;
+            newRange.end = newEnd;
+        }
+        // direction is negative
+    }
+    else {
+        // push item to the start
+        let firstItem = getFirstItem(data);
+        const end = newRange.end;
+        for (let i = 0; i < offset; i++) {
+            const newIndex = firstItem.itemIndex - 1;
+            const size = getItemSize(newIndex, data.sizes, data.originItemSize);
+            // new item index to recombine
+            let newStart = end - i;
+            newStart = (newStart < 0 ? itemsCount + newStart : newStart) % itemsCount;
+            // item should always present, we do not create new item, we recombine them
+            if (!newItems[newStart]) {
+                throw new Error('incorrect index');
+            }
+            // do recombination
+            newItems[newStart] = firstItem = {
+                start: firstItem.start - size,
+                end: firstItem.start,
+                itemIndex: newIndex,
+                size: size,
+            };
+            // update range
+            newRange.start = newStart;
+            newRange.end--;
+        }
+    }
+    const range = {
+        start: (newRange.start < 0 ? itemsCount + newRange.start : newRange.start) %
+            itemsCount,
+        end: (newRange.end < 0 ? itemsCount + newRange.end : newRange.end) %
+            itemsCount,
+    };
+    return Object.assign({ items: newItems }, range);
+}
+function getItemSize(index, sizes, origSize = 0) {
+    if (sizes && sizes[index]) {
+        return sizes[index];
+    }
+    return origSize;
+}
+/**
+ * Verify if position is in range of the PositionItem, start and end are included
+ */
+function isActiveRange(pos, realSize, first, last) {
+    if (!first || !last) {
+        return false;
+    }
+    // if position is in range of first item
+    // or position is after first item and last item is the last item in real size
+    return ((pos >= first.start && pos <= first.end) ||
+        (pos > first.end && last.end === realSize));
+}
+function isActiveRangeOutsideLastItem(pos, virtualSize, firstItem, lastItem) {
+    // if no first item, means no items in viewport
+    if (!firstItem) {
+        return false;
+    }
+    return virtualSize + pos > (lastItem === null || lastItem === void 0 ? void 0 : lastItem.end);
+}
+function getFirstItem(s) {
+    return s.items[s.start];
+}
+function getLastItem(s) {
+    return s.items[s.end];
+}
+/**
+ * Set items sizes from start index to end
+ * @param vpItems
+ * @param start
+ * @param size
+ * @param lastCoordinate
+ * @returns
+ */
+function setItemSizes(vpItems, initialIndex, size, lastCoordinate) {
+    const items = [...vpItems];
+    const count = items.length;
+    let pos = lastCoordinate;
+    let i = 0;
+    let start = initialIndex;
+    // viewport not inited
+    if (!count) {
+        return [];
+    }
+    // loop through array from initial item after recombination
+    while (i < count) {
+        const item = items[start];
+        item.start = pos;
+        item.size = size;
+        item.end = item.start + size;
+        pos = item.end;
+        // loop by start index
+        start++;
+        i++;
+        // if start index out of array, reset it
+        if (start === count) {
+            start = 0;
+        }
+    }
+    return items;
+}
+
+exports.addMissingItems = addMissingItems;
+exports.getFirstItem = getFirstItem;
+exports.getItems = getItems;
+exports.getLastItem = getLastItem;
+exports.getUpdatedItemsByPosition = getUpdatedItemsByPosition;
+exports.isActiveRange = isActiveRange;
+exports.isActiveRangeOutsideLastItem = isActiveRangeOutsideLastItem;
+exports.recombineByOffset = recombineByOffset;
+exports.setItemSizes = setItemSizes;
+exports.updateMissingAndRange = updateMissingAndRange;
+
+//# sourceMappingURL=viewport.helpers-6670177c.js.map

package/dist/cjs/viewport.helpers-6670177c.js.map

@@ -0,0 +1 @@
+{"file":"viewport.helpers-6670177c.js","mappings":"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","names":["getItemByPosition"],"sources":["src/store/viewport/viewport.helpers.ts"],"sourcesContent":["import {\n  DimensionSettingsState,\n  PositionItem,\n  ViewSettingSizeProp,\n  ViewportStateItems,\n  VirtualPositionItem,\n  Range,\n} from '../..';\nimport { getItemByPosition } from '../dimension/dimension.helpers';\n\nexport type DimensionDataViewport = Pick<\n  DimensionSettingsState,\n  | 'indexes'\n  | 'positionIndexes'\n  | 'positionIndexToItem'\n  | 'sizes'\n  | 'originItemSize'\n  | 'realSize'\n>;\n\ntype ItemsToUpdate = Pick<ViewportStateItems, 'items' | 'start' | 'end'>;\n/**\n * Update items based on new scroll position\n * If viewport wasn't changed fully simple recombination of positions\n * Otherwise rebuild viewport items\n */\nexport function getUpdatedItemsByPosition<T extends ItemsToUpdate>(\n  pos: number, // coordinate\n  items: T,\n  realCount: number,\n  virtualSize: number,\n  dimension: DimensionDataViewport,\n): ItemsToUpdate {\n  const activeItem: PositionItem = getItemByPosition(dimension, pos);\n  const firstItem: PositionItem = getFirstItem(items);\n  let toUpdate: ItemsToUpdate;\n  // do simple position recombination if items already present in viewport\n  if (firstItem) {\n    let changedOffsetStart = activeItem.itemIndex - (firstItem.itemIndex || 0);\n    // if item changed\n    if (changedOffsetStart) {\n      // simple recombination\n      toUpdate = recombineByOffset(Math.abs(changedOffsetStart), {\n        positiveDirection: changedOffsetStart > -1,\n        ...dimension,\n        ...items,\n      });\n    }\n  }\n\n  const maxSizeVirtualSize = getMaxVirtualSize(\n    virtualSize,\n    dimension.realSize,\n    activeItem,\n  );\n  // if partial recombination add items if revo-viewport has some space left\n  if (toUpdate) {\n    const extra = addMissingItems(\n      activeItem,\n      realCount,\n      maxSizeVirtualSize,\n      toUpdate,\n      dimension,\n    );\n    if (extra.length) {\n      updateMissingAndRange(toUpdate.items, extra, toUpdate);\n    }\n  }\n\n  // new collection if no items after replacement full replacement\n  if (!toUpdate) {\n    const items = getItems({\n      firstItemStart: activeItem.start,\n      firstItemIndex: activeItem.itemIndex,\n      origSize: dimension.originItemSize,\n      maxSize: maxSizeVirtualSize,\n      maxCount: realCount,\n      sizes: dimension.sizes,\n    });\n\n    // range now comes from 0 to length - 1\n    toUpdate = {\n      items,\n      start: 0,\n      end: items.length - 1,\n    };\n  }\n  return toUpdate;\n}\n\n// virtual size can differ based on scroll position if some big items are present\n// scroll can be in the middle of item and virtual size will be larger\n// so we need to exclude this part from virtual size hence it's already passed\nfunction getMaxVirtualSize(\n  virtualSize: number,\n  realSize: number,\n  activeItem: PositionItem,\n) {\n  return Math.min(virtualSize + (activeItem.end - activeItem.start), realSize);\n}\n\nexport function updateMissingAndRange(\n  items: VirtualPositionItem[],\n  missing: VirtualPositionItem[],\n  range: Range,\n) {\n  items.splice(range.end + 1, 0, ...missing);\n  // update range if start larger after recombination\n  if (\n    range.start >= range.end &&\n    !(range.start === range.end && range.start === 0)\n  ) {\n    range.start += missing.length;\n  }\n  range.end += missing.length;\n}\n\n/**\n * If partial replacement\n * this function adds items if viewport has some space left\n */\nexport function addMissingItems<T extends ItemsToUpdate>(\n  firstItem: PositionItem,\n  realCount: number,\n  virtualSize: number,\n  existingCollection: T,\n  dimension: Pick<DimensionSettingsState, 'sizes' | 'originItemSize'>,\n): VirtualPositionItem[] {\n  const lastItem: VirtualPositionItem = getLastItem(existingCollection);\n  const items = getItems({\n    sizes: dimension.sizes,\n    firstItemStart: lastItem.end,\n    firstItemIndex: lastItem.itemIndex + 1,\n    origSize: dimension.originItemSize,\n    maxSize: virtualSize - (lastItem.end - firstItem.start),\n    maxCount: realCount,\n  });\n  return items;\n}\n\n/**\n * Get wiewport items parameters\n * caching position and calculating items count in viewport\n */\nexport function getItems(\n  opt: {\n    firstItemIndex: number;\n    firstItemStart: number;\n    origSize: number;\n    maxSize: number; // virtual size\n    maxCount: number; // real item count, where the last item\n    sizes?: ViewSettingSizeProp;\n  },\n  currentSize = 0,\n) {\n  const items: VirtualPositionItem[] = [];\n\n  let index = opt.firstItemIndex;\n  let size = currentSize;\n\n  // max size or max count\n  while (size <= opt.maxSize && index < opt.maxCount) {\n    const newSize = getItemSize(index, opt.sizes, opt.origSize);\n    items.push({\n      start: opt.firstItemStart + size,\n      end: opt.firstItemStart + size + newSize,\n      itemIndex: index,\n      size: newSize,\n    });\n    size += newSize;\n    index++;\n  }\n  return items;\n}\n\n/**\n * Do batch items recombination\n * If items not overlapped with existing viewport returns null\n */\ntype RecombindDimensionData = Pick<\n  DimensionSettingsState,\n  'sizes' | 'realSize' | 'originItemSize'\n>;\ntype RecombineOffsetData = {\n  positiveDirection: boolean;\n} & ItemsToUpdate &\n  RecombindDimensionData;\nexport function recombineByOffset(\n  offset: number,\n  data: RecombineOffsetData,\n): ItemsToUpdate | null {\n  const newItems = [...data.items];\n  const itemsCount = newItems.length;\n  let newRange = {\n    start: data.start,\n    end: data.end,\n  };\n\n  // if offset out of revo-viewport, makes sense whole redraw\n  if (offset > itemsCount) {\n    return null;\n  }\n\n  // is direction of scroll positive\n  if (data.positiveDirection) {\n    // push item to the end\n    let lastItem: VirtualPositionItem = getLastItem(data);\n\n    let i = newRange.start;\n    const length = i + offset;\n    for (; i < length; i++) {\n      const newIndex = lastItem.itemIndex + 1;\n      const size = getItemSize(\n        newIndex,\n        data.sizes,\n        data.originItemSize,\n      );\n\n      // if item overlapped limit break a loop\n      if (lastItem.end + size > data.realSize) {\n        break;\n      }\n\n      // new item index to recombine\n      let newEnd = i % itemsCount;\n\n      // item should always present, we do not create new item, we recombine them\n      if (!newItems[newEnd]) {\n        throw new Error('incorrect index');\n      }\n\n      // do recombination\n      newItems[newEnd] = lastItem = {\n        start: lastItem.end,\n        end: lastItem.end + size,\n        itemIndex: newIndex,\n        size: size,\n      };\n      // update range\n      newRange.start++;\n      newRange.end = newEnd;\n    }\n\n    // direction is negative\n  } else {\n    // push item to the start\n    let firstItem: VirtualPositionItem = getFirstItem(data);\n\n    const end = newRange.end;\n    for (let i = 0; i < offset; i++) {\n      const newIndex = firstItem.itemIndex - 1;\n      const size = getItemSize(\n        newIndex,\n        data.sizes,\n        data.originItemSize,\n      );\n\n      // new item index to recombine\n      let newStart = end - i;\n      newStart = (newStart < 0 ? itemsCount + newStart : newStart) % itemsCount;\n\n      // item should always present, we do not create new item, we recombine them\n      if (!newItems[newStart]) {\n        throw new Error('incorrect index');\n      }\n\n      // do recombination\n      newItems[newStart] = firstItem = {\n        start: firstItem.start - size,\n        end: firstItem.start,\n        itemIndex: newIndex,\n        size: size,\n      };\n      // update range\n      newRange.start = newStart;\n      newRange.end--;\n    }\n  }\n  const range = {\n    start:\n      (newRange.start < 0 ? itemsCount + newRange.start : newRange.start) %\n      itemsCount,\n    end:\n      (newRange.end < 0 ? itemsCount + newRange.end : newRange.end) %\n      itemsCount,\n  };\n  return {\n    items: newItems,\n    ...range,\n  };\n}\n\nfunction getItemSize(\n  index: number,\n  sizes?: ViewSettingSizeProp,\n  origSize = 0,\n): number {\n  if (sizes && sizes[index]) {\n    return sizes[index];\n  }\n  return origSize;\n}\n\n/**\n * Verify if position is in range of the PositionItem, start and end are included\n */\nexport function isActiveRange(\n  pos: number,\n  realSize: number,\n  first?: PositionItem,\n  last?: PositionItem,\n): boolean {\n  if (!first || !last) {\n    return false;\n  }\n  // if position is in range of first item\n  // or position is after first item and last item is the last item in real size\n  return (\n    (pos >= first.start && pos <= first.end) ||\n    (pos > first.end && last.end === realSize)\n  );\n}\n\nexport function isActiveRangeOutsideLastItem(\n  pos: number,\n  virtualSize: number,\n  firstItem?: PositionItem,\n  lastItem?: PositionItem,\n) {\n  // if no first item, means no items in viewport\n  if (!firstItem) {\n    return false;\n  }\n  return virtualSize + pos > lastItem?.end;\n}\n\nexport function getFirstItem(\n  s: ItemsToUpdate,\n): VirtualPositionItem | undefined {\n  return s.items[s.start];\n}\n\nexport function getLastItem(s: ItemsToUpdate): VirtualPositionItem {\n  return s.items[s.end];\n}\n\n/**\n * Set items sizes from start index to end\n * @param vpItems\n * @param start\n * @param size\n * @param lastCoordinate\n * @returns\n */\nexport function setItemSizes(\n  vpItems: VirtualPositionItem[],\n  initialIndex: number,\n  size: number,\n  lastCoordinate: number,\n) {\n  const items = [...vpItems];\n  const count = items.length;\n\n  let pos = lastCoordinate;\n  let i = 0;\n  let start = initialIndex;\n\n  // viewport not inited\n  if (!count) {\n    return [];\n  }\n  // loop through array from initial item after recombination\n  while (i < count) {\n    const item = items[start];\n    item.start = pos;\n    item.size = size;\n    item.end = item.start + size;\n    pos = item.end;\n    // loop by start index\n    start++;\n    i++;\n\n    // if start index out of array, reset it\n    if (start === count) {\n      start = 0;\n    }\n  }\n  return items;\n}\n"],"version":3}

package/dist/collection/collection-manifest.json

@@ -1,25 +1,27 @@
 {
   "entries": [
-    "./plugins/filter/filter.pop.js",
-    "./components/clipboard/revogr-clipboard.js",
-    "./components/data/revogr-data.js",
-    "./components/header/revogr-header.js",
-    "./components/order/revogr-order-editor.js",
-    "./components/overlay/revogr-edit.js",
-    "./components/overlay/revogr-overlay-selection.js",
-    "./components/revoGrid/revo-grid.js",
-    "./components/rowHeaders/revogr-row-headers.js",
-    "./components/scroll/revogr-viewport-scroll.js",
-    "./components/scrollable/revogr-scroll-virtual.js",
-    "./components/selectionFocus/revogr-focus.js",
-    "./components/selectionTempRange/revogr-temp-range.js"
+    "plugins/filter/filter.pop.js",
+    "components/attribution/revogr-attribution.js",
+    "components/clipboard/revogr-clipboard.js",
+    "components/data/revogr-data.js",
+    "components/editors/revogr-edit.js",
+    "components/header/revogr-header.js",
+    "components/order/revogr-order-editor.js",
+    "components/overlay/revogr-overlay-selection.js",
+    "components/revoGrid/revo-grid.js",
+    "components/rowHeaders/revogr-row-headers.js",
+    "components/scroll/revogr-viewport-scroll.js",
+    "components/scrollable/revogr-scroll-virtual.js",
+    "components/selectionFocus/revogr-focus.js",
+    "components/selectionTempRange/revogr-temp-range.js",
+    "components/vnode/vnode-converter.js"
   ],
   "compiler": {
     "name": "@stencil/core",
-    "version": "2.6.0",
-    "typescriptVersion": "4.2.3"
+    "version": "4.18.3",
+    "typescriptVersion": "5.4.5"
   },
   "collections": [],
   "bundles": [],
-  "global": "./global/global.js"
+  "global": "global/global.js"
 }

package/dist/collection/components/attribution/revogr-attribution.js

@@ -0,0 +1,20 @@
+/*!
+ * Built by Revolist OU ❤️
+ */
+import { Host, h } from "@stencil/core";
+/**
+ * If you’re thinking about removing the attribution, we’d like to share a few thoughts first:
+ * If you’re using RevoGrid in your organization and it’s helping you make money, we depend on your support to keep improving and maintaining RevoGrid under an MIT License.
+ * Before you remove the attribution, please consider how you can support RevoGrid to help keep it running smoothly.
+ * Using RevoGrid for a personal project? Awesome! Feel free to remove the attribution. We appreciate your support.
+ */
+/**
+ * @internal
+ */
+export class Attribution {
+    render() {
+        return (h(Host, { key: '3d66475a019010c24b6c610ccc047e01c35178f9' }, h("a", { key: 'c00afefb71e99baca51575da3cdb9ac8ea68d128', href: "https://revolist.github.io/revogrid", title: "Made with \u2764\uFE0F by Revolist OU Team", class: "value" }, "RevoGrid")));
+    }
+    static get is() { return "revogr-attribution"; }
+}
+//# sourceMappingURL=revogr-attribution.js.map

package/dist/collection/components/attribution/revogr-attribution.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"revogr-attribution.js","sourceRoot":"","sources":["../../../src/components/attribution/revogr-attribution.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AACnD;;;;;GAKG;AACH;;GAEG;AAIH,MAAM,OAAO,WAAW;IACtB,MAAM;QACJ,OAAO,CACL,EAAC,IAAI;YACH,0DACE,IAAI,EAAC,qCAAqC,EAC1C,KAAK,EAAC,4CAAkC,EACxC,KAAK,EAAC,OAAO,eAGX,CACC,CACR,CAAC;IACJ,CAAC;;CACF","sourcesContent":["import { Component, Host, h } from '@stencil/core';\n/**\n * If you’re thinking about removing the attribution, we’d like to share a few thoughts first:\n * If you’re using RevoGrid in your organization and it’s helping you make money, we depend on your support to keep improving and maintaining RevoGrid under an MIT License.\n * Before you remove the attribution, please consider how you can support RevoGrid to help keep it running smoothly.\n * Using RevoGrid for a personal project? Awesome! Feel free to remove the attribution. We appreciate your support.\n */\n/**\n * @internal\n */\n@Component({\n  tag: 'revogr-attribution',\n})\nexport class Attribution {\n  render() {\n    return (\n      <Host>\n        <a\n          href=\"https://revolist.github.io/revogrid\"\n          title=\"Made with ❤️ by Revolist OU Team\"\n          class=\"value\"\n        >\n          RevoGrid\n        </a>\n      </Host>\n    );\n  }\n}\n"]}