@pega/lists-react 8.0.0-build.27.14

package/lib/Core/Components/Virtualise/Pagination.js

@@ -0,0 +1,228 @@
+const RowIndexAttribute = 'data-index';
+export const StickyGroupHeader = 'sticky-group-header';
+function getKeyWithMaxValueFromMap(map) {
+    if (!map)
+        return;
+    return [...map.entries()].reduce((a, b) => (b[1] > a[1] ? b : a))[0];
+}
+// Find nearest element to view.
+// It always find nearest element from top left of container.
+function getNearestElementTo(rContainer, targetBoundingBox) {
+    const elements = Array.from(rContainer.childNodes);
+    const itemCoords = [];
+    const items = [];
+    const overlappingGroupHeadersCountMap = new Map();
+    elements.forEach(item => {
+        const rect = item.getBoundingClientRect();
+        const inHorizontalBoundaries = rect.right >= targetBoundingBox.left && rect.left <= targetBoundingBox.right;
+        // considering only those items which are in view area.
+        if ((rect.top >= targetBoundingBox.top &&
+            rect.top <= targetBoundingBox.bottom &&
+            inHorizontalBoundaries) ||
+            (rect.bottom >= targetBoundingBox.top &&
+                rect.bottom <= targetBoundingBox.bottom &&
+                inHorizontalBoundaries)) {
+            itemCoords.push([rect.left, rect.bottom]);
+            items.push(item);
+        }
+    });
+    const distances = [];
+    itemCoords.forEach((itemCoord, index) => {
+        const distance = Math.hypot(itemCoord[0] - targetBoundingBox.left, itemCoord[1] - targetBoundingBox.top);
+        const parsedDistance = parseInt(distance, 10);
+        distances.push(parsedDistance);
+        // Keeping track of group header distances to identify the overlap due to sticky position.
+        // The distance with max count will represent the sub-group user is actually seeing.
+        if (items[index]?.classList?.contains(StickyGroupHeader)) {
+            overlappingGroupHeadersCountMap.set(parsedDistance, (overlappingGroupHeadersCountMap.get(parsedDistance) || 0) + 1);
+        }
+    });
+    if (distances.length) {
+        // BUG-740809 The closest item to view in case of sticky-group-header is first visible sticky-group-header
+        const closestItemIndexFromTop = distances.lastIndexOf(Math.min(...distances));
+        let closestItemFromTop = items[closestItemIndexFromTop];
+        /**
+         * BUG-81875: Considering sticky sub-group headers
+         * When nested grouping is applied and groups have sticky position, the parent group will always be on the top and nested group headers will come after that.
+         * Due to this, the nearest element will always be the parent group header even though user might have scrolled down some sub-group header.
+         * Actual nearest element should be the sub-group visible to the user.
+         */
+        if (closestItemFromTop.classList?.contains(StickyGroupHeader)) {
+            const topVisibleGroupKey = getKeyWithMaxValueFromMap(overlappingGroupHeadersCountMap);
+            closestItemFromTop = items[distances.lastIndexOf(topVisibleGroupKey)];
+        }
+        const closestItemIndexFromBottom = distances.lastIndexOf(Math.max(...distances));
+        if (targetBoundingBox.height === 0) {
+            closestItemFromTop = elements[0];
+        }
+        return [closestItemFromTop, items[closestItemIndexFromBottom]];
+    }
+    return [];
+}
+// When element is present in view , find which direction has
+// enough count as we need to get record in another direction.
+// direction 1 - up, -1 - down
+// Nearest element is one which lies in view boundary.
+function getDirectionWhereCountIsEnough(nearestViewElement, currentRowIndex, targetBoundingBox) {
+    let previousSiblingsCountAboveView = 0;
+    let nextSiblingsCountBelowView = 0;
+    let startElement = nearestViewElement;
+    let dir = 1;
+    if (currentRowIndex !== 0 && !startElement.previousElementSibling)
+        dir = -1;
+    else {
+        while (startElement.previousElementSibling) {
+            // BUG-740809 in case of overlapped sticky-group-header the previousElementSibling are at same 'top' location
+            if (startElement.previousElementSibling.classList.contains(StickyGroupHeader)) {
+                previousSiblingsCountAboveView += 1;
+            }
+            else {
+                const itemCoords = startElement.previousElementSibling.getBoundingClientRect();
+                if (itemCoords.bottom < targetBoundingBox.top)
+                    previousSiblingsCountAboveView += 1;
+            }
+            startElement = startElement.previousElementSibling;
+        }
+        if (nearestViewElement.classList.contains(StickyGroupHeader))
+            previousSiblingsCountAboveView -= 1;
+        if (parseInt(startElement.getAttribute(RowIndexAttribute), 10) === 0)
+            dir = 1;
+        else {
+            startElement = nearestViewElement;
+            while (startElement.nextElementSibling) {
+                const itemCoords = startElement.nextElementSibling.getBoundingClientRect();
+                if (itemCoords.top > targetBoundingBox.bottom)
+                    nextSiblingsCountBelowView += 1;
+                startElement = startElement.nextElementSibling;
+            }
+            // iterate in either direction where count is more
+            // until you find top element whose left match with nearest view element match.
+            // and matched index will be either top or bottom buffer index.
+            if (currentRowIndex !== 0 && nextSiblingsCountBelowView >= previousSiblingsCountAboveView)
+                dir = -1;
+        }
+    }
+    return dir;
+}
+// Get start and end index which view represent at any monument.
+// Add extra information as well to adjust virtualiser position.
+function getOptimalInfo(target, rowHeight, rContainer, bufferContainer, oldElementCount, heightComposingOldElementCount, totalRecords, bufferMultiplier, isRefresh, isInfiniteScroll) {
+    let currentRowIndex;
+    let topRowIndex = 0;
+    let topBufferIndex = -1;
+    let bottomBufferIndex = -1;
+    let existingItemBoundingBox;
+    // Estimated buffer count based on view height and row container count.
+    // Increase in buffer count can improve performance.
+    // A safeguard value which will apply on initial load.
+    const INITIAL_BUFFER = 10;
+    const buffer = INITIAL_BUFFER * bufferMultiplier;
+    const scrollDirectionBuffer = buffer * 2;
+    const scrollOppositeDirectionBuffer = buffer;
+    let rowsInView = heightComposingOldElementCount
+        ? Math.floor((oldElementCount / heightComposingOldElementCount) * target.offsetHeight)
+        : 0;
+    rowsInView = Number.isNaN(rowsInView) ? 0 : rowsInView;
+    if (totalRecords > 0) {
+        const targetBoundingBox = target.getBoundingClientRect();
+        const rowConBoundingBox = rContainer.getBoundingClientRect();
+        // Check if any element exist in current view. Calculation will change the required index
+        // As we have to fix the container to not show any flicker.
+        const [nearestViewElementFromTop, nearestViewElementFromBottom] = getNearestElementTo(rContainer, targetBoundingBox);
+        if (nearestViewElementFromTop) {
+            currentRowIndex = parseInt(nearestViewElementFromTop.getAttribute(RowIndexAttribute), 10);
+            existingItemBoundingBox = nearestViewElementFromTop.getBoundingClientRect();
+            // check how long this nearest item is from top of view.
+            // to estimate top row index ( What could be possible index on view top.)
+            const spaceInMid = existingItemBoundingBox.top - targetBoundingBox.top;
+            const elementsInMid = Math.floor((oldElementCount / heightComposingOldElementCount) * spaceInMid);
+            topRowIndex = elementsInMid < 0 ? currentRowIndex : currentRowIndex - elementsInMid;
+        }
+        else {
+            currentRowIndex =
+                Math.floor((target.scrollTop / heightComposingOldElementCount) * oldElementCount) || 0;
+            topRowIndex = currentRowIndex;
+        }
+        // If element exist in current view, traverse dom elements
+        // to find top buffer index or bottom buffer index
+        // where left match to not change layout.
+        if (existingItemBoundingBox) {
+            let dir = 1;
+            // We will consider direction 1 always in case of refresh as item count might have been changed.
+            // change in item count is always from downside.
+            if (!isRefresh)
+                dir = getDirectionWhereCountIsEnough(nearestViewElementFromTop, currentRowIndex, targetBoundingBox);
+            // We will iterate either upside or downside and pick that element
+            // which we can select as either top buffer or botton buffer and don't
+            // change layout as well and go for max iteration of buffer.
+            let maxIteration = buffer;
+            let startElement = dir === 1 ? nearestViewElementFromTop : nearestViewElementFromBottom;
+            while (startElement && maxIteration > 0) {
+                const e = dir === 1 ? startElement.previousElementSibling : startElement.nextElementSibling;
+                if (e &&
+                    rowConBoundingBox.left ===
+                        e.getBoundingClientRect().left - parseInt(window.getComputedStyle(e).marginLeft, 10)) {
+                    if (dir === 1)
+                        topBufferIndex = parseInt(e.getAttribute(RowIndexAttribute), 10);
+                    else
+                        bottomBufferIndex = parseInt(e.getAttribute(RowIndexAttribute), 10);
+                }
+                startElement = e;
+                maxIteration -= 1;
+            }
+            if (dir === 1)
+                bottomBufferIndex = currentRowIndex + rowsInView + scrollDirectionBuffer;
+            else
+                topBufferIndex = topRowIndex - scrollDirectionBuffer;
+        }
+        else {
+            // if user jumps the scroll and there is no overlapping with the previous records
+            topBufferIndex = currentRowIndex - scrollOppositeDirectionBuffer;
+            bottomBufferIndex = currentRowIndex + rowsInView + scrollDirectionBuffer;
+        }
+    }
+    else if (!totalRecords && totalRecords !== 0) {
+        // A safe check when count is not known in advance.
+        topBufferIndex = 0;
+        currentRowIndex = 0;
+        bottomBufferIndex = buffer * 4;
+    }
+    // Safe edge check when indexes goes out of range.
+    if (topBufferIndex < 0)
+        topBufferIndex = 0;
+    // As safari does elastic scroll, so currentRowIndex and topRowIndex can go negative , fallback these to zero.
+    if (currentRowIndex < 0)
+        currentRowIndex = 0;
+    if (topRowIndex < 0)
+        topRowIndex = 0;
+    if (!isInfiniteScroll &&
+        bottomBufferIndex > totalRecords &&
+        totalRecords !== null &&
+        totalRecords !== undefined)
+        bottomBufferIndex = totalRecords - 1;
+    // When we get start index 0 from scrolling then , on edge case we might get whitespace
+    // As we always adjust row container top to show previous item in place.
+    // To solve this, make sure top index is also 0 when start index is zero to avoid white space
+    // otherwise we will make start index to 1 if it is zero.
+    // if (topBufferIndex === 0 && topRowIndex !== 0) topBufferIndex = 1;
+    // before pagination is in progress, put scroll node coords here
+    // to track how much user scrolled while pagination is in progress.
+    const bufferOldCords = bufferContainer.getBoundingClientRect();
+    return {
+        existingItemBoundingBox, // coordinates of current row index.
+        currentRowIndex, // common visible item in view before and after paint (previous and next paint)
+        topRowIndex, // What could be possible index on view top.
+        bufferOldCords, // buffer coordinates while pagination.
+        bufferNewCords: bufferOldCords, // buffer coordinates while pagination is in progress and user scroll.
+        view: {
+            startIndex: Math.floor(topBufferIndex),
+            endIndex: Math.floor(bottomBufferIndex)
+        }
+    };
+}
+export default function getPaginationInfo(target, totalRecords, vi, isRefresh = false, isInfiniteScroll = false) {
+    const oldElementCount = vi.itemCount === undefined ? 0 : vi.itemCount;
+    const heightComposingOldElementCount = vi.rowContainerHeight === undefined ? 0 : vi.rowContainerHeight;
+    return getOptimalInfo(target, vi.itemHeight, vi.rContainer, vi.bContainer, oldElementCount, heightComposingOldElementCount, totalRecords, vi.bufferMultiplier, isRefresh, isInfiniteScroll);
+}
+//# sourceMappingURL=Pagination.js.map

package/lib/Core/Components/Virtualise/Pagination.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Pagination.js","sourceRoot":"","sources":["../../../../Core/Components/Virtualise/Pagination.js"],"names":[],"mappings":"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","sourcesContent":["const RowIndexAttribute = 'data-index';\nexport const StickyGroupHeader = 'sticky-group-header';\n\nfunction getKeyWithMaxValueFromMap(map) {\n  if (!map) return;\n  return [...map.entries()].reduce((a, b) => (b[1] > a[1] ? b : a))[0];\n}\n\n// Find nearest element to view.\n// It always find nearest element from top left of container.\nfunction getNearestElementTo(rContainer, targetBoundingBox) {\n  const elements = Array.from(rContainer.childNodes);\n  const itemCoords = [];\n  const items = [];\n  const overlappingGroupHeadersCountMap = new Map();\n\n  elements.forEach(item => {\n    const rect = item.getBoundingClientRect();\n    const inHorizontalBoundaries =\n      rect.right >= targetBoundingBox.left && rect.left <= targetBoundingBox.right;\n    // considering only those items which are in view area.\n    if (\n      (rect.top >= targetBoundingBox.top &&\n        rect.top <= targetBoundingBox.bottom &&\n        inHorizontalBoundaries) ||\n      (rect.bottom >= targetBoundingBox.top &&\n        rect.bottom <= targetBoundingBox.bottom &&\n        inHorizontalBoundaries)\n    ) {\n      itemCoords.push([rect.left, rect.bottom]);\n      items.push(item);\n    }\n  });\n  const distances = [];\n  itemCoords.forEach((itemCoord, index) => {\n    const distance = Math.hypot(\n      itemCoord[0] - targetBoundingBox.left,\n      itemCoord[1] - targetBoundingBox.top\n    );\n    const parsedDistance = parseInt(distance, 10);\n    distances.push(parsedDistance);\n\n    // Keeping track of group header distances to identify the overlap due to sticky position.\n    // The distance with max count will represent the sub-group user is actually seeing.\n    if (items[index]?.classList?.contains(StickyGroupHeader)) {\n      overlappingGroupHeadersCountMap.set(\n        parsedDistance,\n        (overlappingGroupHeadersCountMap.get(parsedDistance) || 0) + 1\n      );\n    }\n  });\n\n  if (distances.length) {\n    // BUG-740809 The closest item to view in case of sticky-group-header is first visible sticky-group-header\n    const closestItemIndexFromTop = distances.lastIndexOf(Math.min(...distances));\n\n    let closestItemFromTop = items[closestItemIndexFromTop];\n    /**\n     * BUG-81875: Considering sticky sub-group headers\n     * When nested grouping is applied and groups have sticky position, the parent group will always be on the top and nested group headers will come after that.\n     * Due to this, the nearest element will always be the parent group header even though user might have scrolled down some sub-group header.\n     * Actual nearest element should be the sub-group visible to the user.\n     */\n    if (closestItemFromTop.classList?.contains(StickyGroupHeader)) {\n      const topVisibleGroupKey = getKeyWithMaxValueFromMap(overlappingGroupHeadersCountMap);\n      closestItemFromTop = items[distances.lastIndexOf(topVisibleGroupKey)];\n    }\n    const closestItemIndexFromBottom = distances.lastIndexOf(Math.max(...distances));\n\n    if (targetBoundingBox.height === 0) {\n      closestItemFromTop = elements[0];\n    }\n    return [closestItemFromTop, items[closestItemIndexFromBottom]];\n  }\n  return [];\n}\n\n// When element is present in view , find which direction has\n// enough count as we need to get record in another direction.\n// direction 1 - up, -1 - down\n// Nearest element is one which lies in view boundary.\n\nfunction getDirectionWhereCountIsEnough(nearestViewElement, currentRowIndex, targetBoundingBox) {\n  let previousSiblingsCountAboveView = 0;\n  let nextSiblingsCountBelowView = 0;\n  let startElement = nearestViewElement;\n  let dir = 1;\n  if (currentRowIndex !== 0 && !startElement.previousElementSibling) dir = -1;\n  else {\n    while (startElement.previousElementSibling) {\n      // BUG-740809 in case of overlapped sticky-group-header the previousElementSibling are at same 'top' location\n      if (startElement.previousElementSibling.classList.contains(StickyGroupHeader)) {\n        previousSiblingsCountAboveView += 1;\n      } else {\n        const itemCoords = startElement.previousElementSibling.getBoundingClientRect();\n        if (itemCoords.bottom < targetBoundingBox.top) previousSiblingsCountAboveView += 1;\n      }\n      startElement = startElement.previousElementSibling;\n    }\n    if (nearestViewElement.classList.contains(StickyGroupHeader))\n      previousSiblingsCountAboveView -= 1;\n    if (parseInt(startElement.getAttribute(RowIndexAttribute), 10) === 0) dir = 1;\n    else {\n      startElement = nearestViewElement;\n      while (startElement.nextElementSibling) {\n        const itemCoords = startElement.nextElementSibling.getBoundingClientRect();\n        if (itemCoords.top > targetBoundingBox.bottom) nextSiblingsCountBelowView += 1;\n        startElement = startElement.nextElementSibling;\n      }\n      // iterate in either direction where count is more\n      // until you find top element whose left match with nearest view element match.\n      // and matched index will be either top or bottom buffer index.\n      if (currentRowIndex !== 0 && nextSiblingsCountBelowView >= previousSiblingsCountAboveView)\n        dir = -1;\n    }\n  }\n  return dir;\n}\n\n// Get start and end index which view represent at any monument.\n// Add extra information as well to adjust virtualiser position.\n\nfunction getOptimalInfo(\n  target,\n  rowHeight,\n  rContainer,\n  bufferContainer,\n  oldElementCount,\n  heightComposingOldElementCount,\n  totalRecords,\n  bufferMultiplier,\n  isRefresh,\n  isInfiniteScroll\n) {\n  let currentRowIndex;\n  let topRowIndex = 0;\n  let topBufferIndex = -1;\n  let bottomBufferIndex = -1;\n  let existingItemBoundingBox;\n\n  // Estimated buffer count based on view height and row container count.\n  // Increase in buffer count can improve performance.\n  // A safeguard value which will apply on initial load.\n  const INITIAL_BUFFER = 10;\n  const buffer = INITIAL_BUFFER * bufferMultiplier;\n  const scrollDirectionBuffer = buffer * 2;\n  const scrollOppositeDirectionBuffer = buffer;\n\n  let rowsInView = heightComposingOldElementCount\n    ? Math.floor((oldElementCount / heightComposingOldElementCount) * target.offsetHeight)\n    : 0;\n  rowsInView = Number.isNaN(rowsInView) ? 0 : rowsInView;\n\n  if (totalRecords > 0) {\n    const targetBoundingBox = target.getBoundingClientRect();\n    const rowConBoundingBox = rContainer.getBoundingClientRect();\n\n    // Check if any element exist in current view. Calculation will change the required index\n    // As we have to fix the container to not show any flicker.\n    const [nearestViewElementFromTop, nearestViewElementFromBottom] = getNearestElementTo(\n      rContainer,\n      targetBoundingBox\n    );\n    if (nearestViewElementFromTop) {\n      currentRowIndex = parseInt(nearestViewElementFromTop.getAttribute(RowIndexAttribute), 10);\n      existingItemBoundingBox = nearestViewElementFromTop.getBoundingClientRect();\n\n      // check how long this nearest item is from top of view.\n      // to estimate top row index ( What could be possible index on view top.)\n      const spaceInMid = existingItemBoundingBox.top - targetBoundingBox.top;\n      const elementsInMid = Math.floor(\n        (oldElementCount / heightComposingOldElementCount) * spaceInMid\n      );\n      topRowIndex = elementsInMid < 0 ? currentRowIndex : currentRowIndex - elementsInMid;\n    } else {\n      currentRowIndex =\n        Math.floor((target.scrollTop / heightComposingOldElementCount) * oldElementCount) || 0;\n      topRowIndex = currentRowIndex;\n    }\n\n    // If element exist in current view, traverse dom elements\n    // to find top buffer index or bottom buffer index\n    // where left match to not change layout.\n    if (existingItemBoundingBox) {\n      let dir = 1;\n\n      // We will consider direction 1 always in case of refresh as item count might have been changed.\n      // change in item count is always from downside.\n      if (!isRefresh)\n        dir = getDirectionWhereCountIsEnough(\n          nearestViewElementFromTop,\n          currentRowIndex,\n          targetBoundingBox\n        );\n\n      // We will iterate either upside or downside and pick that element\n      // which we can select as either top buffer or botton buffer and don't\n      // change layout as well and go for max iteration of buffer.\n      let maxIteration = buffer;\n      let startElement = dir === 1 ? nearestViewElementFromTop : nearestViewElementFromBottom;\n      while (startElement && maxIteration > 0) {\n        const e = dir === 1 ? startElement.previousElementSibling : startElement.nextElementSibling;\n        if (\n          e &&\n          rowConBoundingBox.left ===\n            e.getBoundingClientRect().left - parseInt(window.getComputedStyle(e).marginLeft, 10)\n        ) {\n          if (dir === 1) topBufferIndex = parseInt(e.getAttribute(RowIndexAttribute), 10);\n          else bottomBufferIndex = parseInt(e.getAttribute(RowIndexAttribute), 10);\n        }\n        startElement = e;\n        maxIteration -= 1;\n      }\n\n      if (dir === 1) bottomBufferIndex = currentRowIndex + rowsInView + scrollDirectionBuffer;\n      else topBufferIndex = topRowIndex - scrollDirectionBuffer;\n    } else {\n      // if user jumps the scroll and there is no overlapping with the previous records\n      topBufferIndex = currentRowIndex - scrollOppositeDirectionBuffer;\n      bottomBufferIndex = currentRowIndex + rowsInView + scrollDirectionBuffer;\n    }\n  } else if (!totalRecords && totalRecords !== 0) {\n    // A safe check when count is not known in advance.\n    topBufferIndex = 0;\n    currentRowIndex = 0;\n    bottomBufferIndex = buffer * 4;\n  }\n\n  // Safe edge check when indexes goes out of range.\n  if (topBufferIndex < 0) topBufferIndex = 0;\n  // As safari does elastic scroll, so currentRowIndex and topRowIndex can go negative , fallback these to zero.\n  if (currentRowIndex < 0) currentRowIndex = 0;\n  if (topRowIndex < 0) topRowIndex = 0;\n  if (\n    !isInfiniteScroll &&\n    bottomBufferIndex > totalRecords &&\n    totalRecords !== null &&\n    totalRecords !== undefined\n  )\n    bottomBufferIndex = totalRecords - 1;\n\n  // When we get start index 0 from scrolling then , on edge case we might get whitespace\n  // As we always adjust row container top to show previous item in place.\n  // To solve this, make sure top index is also 0 when start index is zero to avoid white space\n  // otherwise we will make start index to 1 if it is zero.\n  // if (topBufferIndex === 0 && topRowIndex !== 0) topBufferIndex = 1;\n\n  // before pagination is in progress, put scroll node coords here\n  // to track how much user scrolled while pagination is in progress.\n  const bufferOldCords = bufferContainer.getBoundingClientRect();\n  return {\n    existingItemBoundingBox, // coordinates of current row index.\n    currentRowIndex, // common visible item in view before and after paint (previous and next paint)\n    topRowIndex, // What could be possible index on view top.\n    bufferOldCords, // buffer coordinates while pagination.\n    bufferNewCords: bufferOldCords, // buffer coordinates while pagination is in progress and user scroll.\n    view: {\n      startIndex: Math.floor(topBufferIndex),\n      endIndex: Math.floor(bottomBufferIndex)\n    }\n  };\n}\n\nexport default function getPaginationInfo(\n  target,\n  totalRecords,\n  vi,\n  isRefresh = false,\n  isInfiniteScroll = false\n) {\n  const oldElementCount = vi.itemCount === undefined ? 0 : vi.itemCount;\n  const heightComposingOldElementCount =\n    vi.rowContainerHeight === undefined ? 0 : vi.rowContainerHeight;\n  return getOptimalInfo(\n    target,\n    vi.itemHeight,\n    vi.rContainer,\n    vi.bContainer,\n    oldElementCount,\n    heightComposingOldElementCount,\n    totalRecords,\n    vi.bufferMultiplier,\n    isRefresh,\n    isInfiniteScroll\n  );\n}\n"]}

package/lib/Core/Components/Virtualise/UseResizeObserver.d.ts

@@ -0,0 +1,2 @@
+export default function useResizeObserver(getTarget: any, callback: any, delay?: number): void;
+//# sourceMappingURL=UseResizeObserver.d.ts.map

package/lib/Core/Components/Virtualise/UseResizeObserver.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"UseResizeObserver.d.ts","sourceRoot":"","sources":["../../../../Core/Components/Virtualise/UseResizeObserver.js"],"names":[],"mappings":"AAIA,+FAmBC"}

package/lib/Core/Components/Virtualise/UseResizeObserver.js

@@ -0,0 +1,18 @@
+import { useEffect, useMemo } from 'react';
+import { debounced } from '../../Utils';
+export default function useResizeObserver(getTarget, callback, delay = 100) {
+    const observer = useMemo(() => typeof ResizeObserver !== 'undefined'
+        ? new ResizeObserver(debounced(delay, callback))
+        : undefined, [callback, delay]);
+    useEffect(() => {
+        const target = getTarget();
+        if (target && observer) {
+            observer.observe(target);
+            return () => {
+                observer.disconnect();
+            };
+        }
+        return undefined;
+    }, [getTarget, observer]);
+}
+//# sourceMappingURL=UseResizeObserver.js.map

package/lib/Core/Components/Virtualise/UseResizeObserver.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UseResizeObserver.js","sourceRoot":"","sources":["../../../../Core/Components/Virtualise/UseResizeObserver.js"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAE3C,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAExC,MAAM,CAAC,OAAO,UAAU,iBAAiB,CAAC,SAAS,EAAE,QAAQ,EAAE,KAAK,GAAG,GAAG;IACxE,MAAM,QAAQ,GAAG,OAAO,CACtB,GAAG,EAAE,CACH,OAAO,cAAc,KAAK,WAAW;QACnC,CAAC,CAAC,IAAI,cAAc,CAAC,SAAS,CAAC,KAAK,EAAE,QAAQ,CAAC,CAAC;QAChD,CAAC,CAAC,SAAS,EACf,CAAC,QAAQ,EAAE,KAAK,CAAC,CAClB,CAAC;IAEF,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,MAAM,GAAG,SAAS,EAAE,CAAC;QAC3B,IAAI,MAAM,IAAI,QAAQ,EAAE,CAAC;YACvB,QAAQ,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC;YACzB,OAAO,GAAG,EAAE;gBACV,QAAQ,CAAC,UAAU,EAAE,CAAC;YACxB,CAAC,CAAC;QACJ,CAAC;QACD,OAAO,SAAS,CAAC;IACnB,CAAC,EAAE,CAAC,SAAS,EAAE,QAAQ,CAAC,CAAC,CAAC;AAC5B,CAAC","sourcesContent":["import { useEffect, useMemo } from 'react';\n\nimport { debounced } from '../../Utils';\n\nexport default function useResizeObserver(getTarget, callback, delay = 100) {\n  const observer = useMemo(\n    () =>\n      typeof ResizeObserver !== 'undefined'\n        ? new ResizeObserver(debounced(delay, callback))\n        : undefined,\n    [callback, delay]\n  );\n\n  useEffect(() => {\n    const target = getTarget();\n    if (target && observer) {\n      observer.observe(target);\n      return () => {\n        observer.disconnect();\n      };\n    }\n    return undefined;\n  }, [getTarget, observer]);\n}\n"]}

package/lib/Core/Components/Virtualise/UseScroll.d.ts

@@ -0,0 +1,3 @@
+export default function useScroll(callback: any, getContext: any, vi: any, totalRecordCount: any, header: any, isFetching: any, viewHeight: any): ((top: any) => void)[];
+export function useApplyStyleOnScroll(vi: any): () => void;
+//# sourceMappingURL=UseScroll.d.ts.map

package/lib/Core/Components/Virtualise/UseScroll.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"UseScroll.d.ts","sourceRoot":"","sources":["../../../../Core/Components/Virtualise/UseScroll.js"],"names":[],"mappings":"AA0BA,yKA2FC;AA9GM,2DAiBN"}

package/lib/Core/Components/Virtualise/UseScroll.js

@@ -0,0 +1,92 @@
+import { useState, useEffect, useRef, useCallback } from 'react';
+import useThrottle from '../../Hooks/UseThrottle';
+import { getRecordCountForLayoutPaint, isViewNotFilled } from './utility';
+// import useDebounce from '../../Hooks/UseDebounce';
+export const useApplyStyleOnScroll = vi => {
+    const footerElement = vi.pContainer?.querySelector('.footer > .row');
+    return useCallback(() => {
+        // Calculate the difference between bottom co-ordinates of p and r Containers
+        // along with the row height of footer element to check if the bottom of the table is reached.
+        if (Math.abs(vi.pContainer.getBoundingClientRect().bottom -
+            vi.rContainer.getBoundingClientRect().bottom -
+            (footerElement?.hasChildNodes() ? footerElement.offsetHeight : 0)) < 1) {
+            vi.rContainer.classList.add('scroll-end');
+        }
+        else {
+            vi.rContainer.classList.remove('scroll-end');
+        }
+    }, [vi.pContainer, vi.rContainer, vi.pContainer?.offsetHeight, footerElement]);
+};
+export default function useScroll(callback, getContext, vi, totalRecordCount, header, isFetching, viewHeight) {
+    const applyScrollEndStyle = useApplyStyleOnScroll(vi);
+    const [vScroll, setVScroll] = useState();
+    const ref = useRef({
+        oldScrollTop: 0
+    }).current;
+    const updateScrollTop = useCallback(top => {
+        ref.oldScrollTop = top;
+    }, [ref]);
+    // const deBouncedVScroll = useDebounce(vScroll, 100);
+    const getDirection = useCallback(() => {
+        const context = getContext();
+        let dir;
+        if (ref.oldScrollTop > context.scrollTop)
+            dir = -1;
+        else if (ref.oldScrollTop < context.scrollTop)
+            dir = 1;
+        ref.oldScrollTop = context.scrollTop;
+        return dir;
+    }, [getContext, ref.oldScrollTop]);
+    const onScroll = useCallback(e => {
+        setVScroll(e.target.scrollTop);
+        vi.pInfo.bufferNewCords = vi.bContainer.getBoundingClientRect();
+        // Style is to be applied upon scroll after successful
+        // check of bottom position of containers
+        applyScrollEndStyle(vi.rContainer, vi.pContainer);
+    }, [
+        isFetching,
+        vi.pInfo.bufferNewCords,
+        vi.bContainer,
+        vi.pContainer,
+        vi.rContainer,
+        applyScrollEndStyle
+    ]);
+    const handleScroll = useCallback(() => {
+        const context = getContext();
+        const direction = getDirection();
+        const distance = direction === 1 ? 0.8 : 0.2;
+        const eleIndex = Math.floor(vi.rContainer.childElementCount * distance);
+        const boundaryEle = vi.rContainer.childNodes[eleIndex];
+        const boundaryElePos = boundaryEle?.getBoundingClientRect();
+        const { bottom, top } = context?.getBoundingClientRect() || {};
+        if ((direction === 1 &&
+            boundaryElePos?.bottom < bottom &&
+            // eslint-disable-next-line no-unsafe-optional-chaining
+            vi.pInfo?.view?.endIndex + 1 < totalRecordCount) ||
+            (direction === -1 && boundaryElePos?.top > top && vi.pInfo?.view?.startIndex > 0) ||
+            isViewNotFilled(getRecordCountForLayoutPaint(totalRecordCount), vi, context, header)) {
+            vi.direction = direction;
+            callback();
+        }
+    }, [getDirection, vi, getContext, isFetching, totalRecordCount, header, callback]);
+    useThrottle(vScroll, handleScroll);
+    useEffect(() => {
+        const context = getContext();
+        if (context)
+            context.addEventListener('scroll', onScroll);
+        return () => {
+            if (context)
+                context.removeEventListener('scroll', onScroll);
+        };
+    }, [getContext, onScroll, vi.rContainer, vi.pContainer, applyScrollEndStyle]);
+    // useEffect for scrollEndStyle hook
+    useEffect(() => {
+        applyScrollEndStyle(vi.rContainer, vi.pContainer);
+    }, [vi.rContainer, vi.pContainer, applyScrollEndStyle, totalRecordCount, viewHeight]);
+    // useEffect(() => {
+    //   if (deBouncedVScroll !== undefined)
+    //     handleScroll();
+    // }, [deBouncedVScroll]);
+    return [updateScrollTop];
+}
+//# sourceMappingURL=UseScroll.js.map

package/lib/Core/Components/Virtualise/UseScroll.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UseScroll.js","sourceRoot":"","sources":["../../../../Core/Components/Virtualise/UseScroll.js"],"names":[],"mappings":"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","sourcesContent":["import { useState, useEffect, useRef, useCallback } from 'react';\n\nimport useThrottle from '../../Hooks/UseThrottle';\n\nimport { getRecordCountForLayoutPaint, isViewNotFilled } from './utility';\n// import useDebounce from '../../Hooks/UseDebounce';\n\nexport const useApplyStyleOnScroll = vi => {\n  const footerElement = vi.pContainer?.querySelector('.footer > .row');\n  return useCallback(() => {\n    // Calculate the difference between bottom co-ordinates of p and r Containers\n    // along with the row height of footer element to check if the bottom of the table is reached.\n    if (\n      Math.abs(\n        vi.pContainer.getBoundingClientRect().bottom -\n          vi.rContainer.getBoundingClientRect().bottom -\n          (footerElement?.hasChildNodes() ? footerElement.offsetHeight : 0)\n      ) < 1\n    ) {\n      vi.rContainer.classList.add('scroll-end');\n    } else {\n      vi.rContainer.classList.remove('scroll-end');\n    }\n  }, [vi.pContainer, vi.rContainer, vi.pContainer?.offsetHeight, footerElement]);\n};\n\nexport default function useScroll(\n  callback,\n  getContext,\n  vi,\n  totalRecordCount,\n  header,\n  isFetching,\n  viewHeight\n) {\n  const applyScrollEndStyle = useApplyStyleOnScroll(vi);\n  const [vScroll, setVScroll] = useState();\n  const ref = useRef({\n    oldScrollTop: 0\n  }).current;\n  const updateScrollTop = useCallback(\n    top => {\n      ref.oldScrollTop = top;\n    },\n    [ref]\n  );\n  // const deBouncedVScroll = useDebounce(vScroll, 100);\n\n  const getDirection = useCallback(() => {\n    const context = getContext();\n    let dir;\n    if (ref.oldScrollTop > context.scrollTop) dir = -1;\n    else if (ref.oldScrollTop < context.scrollTop) dir = 1;\n    ref.oldScrollTop = context.scrollTop;\n    return dir;\n  }, [getContext, ref.oldScrollTop]);\n\n  const onScroll = useCallback(\n    e => {\n      setVScroll(e.target.scrollTop);\n      vi.pInfo.bufferNewCords = vi.bContainer.getBoundingClientRect();\n\n      // Style is to be applied upon scroll after successful\n      // check of bottom position of containers\n      applyScrollEndStyle(vi.rContainer, vi.pContainer);\n    },\n    [\n      isFetching,\n      vi.pInfo.bufferNewCords,\n      vi.bContainer,\n      vi.pContainer,\n      vi.rContainer,\n      applyScrollEndStyle\n    ]\n  );\n\n  const handleScroll = useCallback(() => {\n    const context = getContext();\n    const direction = getDirection();\n    const distance = direction === 1 ? 0.8 : 0.2;\n    const eleIndex = Math.floor(vi.rContainer.childElementCount * distance);\n    const boundaryEle = vi.rContainer.childNodes[eleIndex];\n    const boundaryElePos = boundaryEle?.getBoundingClientRect();\n    const { bottom, top } = context?.getBoundingClientRect() || {};\n    if (\n      (direction === 1 &&\n        boundaryElePos?.bottom < bottom &&\n        // eslint-disable-next-line no-unsafe-optional-chaining\n        vi.pInfo?.view?.endIndex + 1 < totalRecordCount) ||\n      (direction === -1 && boundaryElePos?.top > top && vi.pInfo?.view?.startIndex > 0) ||\n      isViewNotFilled(getRecordCountForLayoutPaint(totalRecordCount), vi, context, header)\n    ) {\n      vi.direction = direction;\n      callback();\n    }\n  }, [getDirection, vi, getContext, isFetching, totalRecordCount, header, callback]);\n\n  useThrottle(vScroll, handleScroll);\n\n  useEffect(() => {\n    const context = getContext();\n    if (context) context.addEventListener('scroll', onScroll);\n    return () => {\n      if (context) context.removeEventListener('scroll', onScroll);\n    };\n  }, [getContext, onScroll, vi.rContainer, vi.pContainer, applyScrollEndStyle]);\n\n  // useEffect for scrollEndStyle hook\n  useEffect(() => {\n    applyScrollEndStyle(vi.rContainer, vi.pContainer);\n  }, [vi.rContainer, vi.pContainer, applyScrollEndStyle, totalRecordCount, viewHeight]);\n  // useEffect(() => {\n  //   if (deBouncedVScroll !== undefined)\n  //     handleScroll();\n  // }, [deBouncedVScroll]);\n\n  return [updateScrollTop];\n}\n"]}

package/lib/Core/Components/Virtualise/VirtualizeInfinite.d.ts

@@ -0,0 +1,3 @@
+declare const _default: import("react").MemoExoticComponent<import("react").ForwardRefExoticComponent<import("react").RefAttributes<any>>>;
+export default _default;
+//# sourceMappingURL=VirtualizeInfinite.d.ts.map

package/lib/Core/Components/Virtualise/VirtualizeInfinite.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"VirtualizeInfinite.d.ts","sourceRoot":"","sources":["../../../../Core/Components/Virtualise/VirtualizeInfinite.jsx"],"names":[],"mappings":""}