@pega/lists-react 9.0.0-build.6.8 → 9.0.0-build.7.0

package/lib/Core/Components/Virtualise/VariableHeightVirtualizer/utils.js

@@ -0,0 +1,213 @@
+import { getScrollbarWidth } from 'pega-repeating-structures-core';
+/**
+ * Calculates the start and end indices for virtualized pagination in a variable-height list.
+ *
+ * @returns {{ startIndex: number, endIndex: number }} Object containing the calculated start and end indices for rendering (inclusive both indices).
+ */
+export const getVirtualizedPaginationIndices = (param) => {
+    const { totalItemCount, buffer, itemContainerRef, scrollTop, containerRef, itemsHeight, defaultItemHeight, endIndexLimit, isInfiniteMode } = param;
+    const minimumItemsToFetchOnTop = buffer * 4;
+    if (totalItemCount === 0 || itemContainerRef.current?.childElementCount === 0) {
+        return { startIndex: 0, endIndex: minimumItemsToFetchOnTop };
+    }
+    const viewportHeight = containerRef.current?.clientHeight || 0;
+    // Find the first visible item index for the current scroll position
+    let aboveTheFoldItemsHeight = 0;
+    let visibleStartIndex = 0;
+    while (visibleStartIndex < totalItemCount &&
+        aboveTheFoldItemsHeight + (itemsHeight[visibleStartIndex] ?? defaultItemHeight) < scrollTop) {
+        aboveTheFoldItemsHeight += itemsHeight[visibleStartIndex] ?? defaultItemHeight;
+        visibleStartIndex += 1;
+    }
+    // Find the last visible item index for the current scroll position
+    let inViewItemsHeight = 0;
+    let visibleEndIndex = visibleStartIndex;
+    while (visibleEndIndex < totalItemCount && inViewItemsHeight < viewportHeight) {
+        inViewItemsHeight += itemsHeight[visibleEndIndex] ?? defaultItemHeight;
+        visibleEndIndex += 1;
+    }
+    const startIndex = Math.max(0, visibleStartIndex - buffer);
+    let endIndex = Math.min(visibleEndIndex + buffer, endIndexLimit - 1);
+    if (isInfiniteMode) {
+        endIndex = Math.max(endIndex, minimumItemsToFetchOnTop);
+    }
+    else {
+        // In cases where the count is very less due to filters, we would fetch more items to avoid unnecessary API calls if the count after the filter removed is more
+        endIndex = Math.max(Math.min(totalItemCount - 1, endIndex), minimumItemsToFetchOnTop);
+    }
+    return { startIndex, endIndex };
+};
+/**
+ * Calculates the total buffer height for a list of items, using their individual heights if available,
+ * or a default height otherwise.
+ *
+ * @param totalItemCount - The total number of items in the list.
+ * @param itemsHeight - An object or array containing the heights of individual items, indexed by item position.
+ * @param defaultItemHeight - The default height to use for items whose height is not specified in `itemsHeight`.
+ * @returns The sum of all item heights, using the default height for any missing values.
+ */
+export const calculateTotalBufferHeight = (totalItemCount, itemsHeight, defaultItemHeight) => {
+    let totalBufferHeight = 0;
+    for (let i = 0; i < totalItemCount; i += 1) {
+        totalBufferHeight += itemsHeight[i] || defaultItemHeight;
+    }
+    return totalBufferHeight;
+};
+/**
+ * Returns a CSS-compatible max-height value based on the input.
+ *
+ * @param viewMaxHeight - The maximum height value, which can be a number (pixels), a string (CSS value), or `null`.
+ * @returns A string representing the CSS max-height value.
+ */
+export const getMaxHeight = (viewMaxHeight) => {
+    if (!viewMaxHeight)
+        return 'none';
+    return typeof viewMaxHeight === 'number' ? `${viewMaxHeight}px` : viewMaxHeight;
+};
+/**
+ * Calculates the vertical offset for a given item index in a list with variable item heights.
+ *
+ * @param index - The index of the item for which to calculate the offset.
+ * @param itemsHeight - Mapping of item indices and their actual height.
+ * @param defaultItemHeight - The default height to use for items not present in the cache.
+ * @returns The total offset (in pixels) from the top of the list to the specified index.
+ */
+export const getOffsetForIndex = (index, itemsHeight, defaultItemHeight) => {
+    let offset = 0;
+    for (let i = 0; i < index; i += 1) {
+        offset += itemsHeight[i] ?? defaultItemHeight;
+    }
+    return offset;
+};
+/**
+ * Determines whether the viewable area of a virtualized list is not fully filled with rendered items.
+ *
+ * @param totalItemCount - The total number of items that should be rendered.
+ * @param itemContainer - The HTML element containing the rendered items.
+ * @param parentContainer - The parent HTML element that contains the items and possibly the header.
+ * @param renderHeader - Indicates whether a header is rendered at the top of the parent container.
+ * @returns `true` if the view is not filled with all items, `false` otherwise.
+ */
+export const isViewNotFilled = (totalItemCount, itemContainer, parentContainer, renderHeader) => {
+    const parentContainerPosition = parentContainer.getBoundingClientRect();
+    let headerHeight = 0;
+    if (renderHeader && parentContainer.childElementCount > 1) {
+        const firstChild = parentContainer.children[0];
+        if (firstChild instanceof HTMLElement) {
+            headerHeight = firstChild.offsetHeight;
+        }
+    }
+    const scrollbarWidth = getScrollbarWidth();
+    const items = Array.from(itemContainer.children).filter((el) => el instanceof HTMLElement);
+    if (!items.length && !totalItemCount)
+        return false;
+    if (!items.length && totalItemCount)
+        return true;
+    return (!!totalItemCount &&
+        items.length !== totalItemCount &&
+        (Math.floor(items[items.length - 1].getBoundingClientRect().bottom) <
+            Math.floor(parentContainerPosition.bottom - scrollbarWidth) ||
+            Math.floor(items[0].getBoundingClientRect().top) >
+                Math.floor(parentContainerPosition.top + headerHeight) ||
+            items.length === 0));
+};
+/**
+ * Retrieves the numeric data index from the `data-index` attribute of a given Element.
+ *
+ * @param element - The Element from which to extract the data index.
+ * @returns The parsed integer value of the `data-index` attribute, or `null` if the attribute is not present.
+ */
+export const getDataIndex = (element) => {
+    const dataIndexStr = element?.getAttribute('data-index');
+    if (!dataIndexStr)
+        return null;
+    const parsedDataIndex = parseInt(dataIndexStr, 10);
+    return Number.isNaN(parsedDataIndex) ? null : parsedDataIndex;
+};
+/**
+ * Calculates and returns an object containing the heights of items whose heights have changed
+ * compared to their previous values.
+ *
+ * @param itemContainer - The container HTMLElement whose child nodes represent items to measure.
+ * @param itemsHeight - An object mapping item indices to their measured heights.
+ * @param defaultItemHeight - The default height to use for items not present in `itemsHeight`.
+ * @returns An object mapping item indices to their new heights for items whose heights have changed.
+ */
+export function getChangedItemsHeight(itemContainer, itemsHeight, defaultItemHeight) {
+    if (!itemContainer)
+        return {};
+    const newHeights = {};
+    const nodes = Array.from(itemContainer.children);
+    nodes.forEach(node => {
+        const itemDataIndex = getDataIndex(node);
+        if (itemDataIndex === null)
+            return;
+        const measuredHeight = node.getBoundingClientRect().height;
+        const prevHeight = itemsHeight[itemDataIndex] ?? defaultItemHeight;
+        if (measuredHeight !== prevHeight) {
+            newHeights[itemDataIndex] = measuredHeight;
+        }
+    });
+    return newHeights;
+}
+/**
+ * Calculates the cumulative change in item heights between two sets of item height data,
+ * for a range of items starting from `startIndex` up to (but not including) `previousFirstItemDataIndex`.
+ *
+ * This function compares the current heights (`itemsHeight`) with the previous heights (`previousItemsHeight`)
+ * for each item in the specified range, using `defaultItemHeight` as a fallback if a previous height is missing.
+ * The result is the sum of the differences in height for all items in the range.
+ *
+ * @param startIndex - The index at which to start calculating the cumulative height change.
+ * @param previousFirstItemDataIndex - The index up to which to calculate (exclusive). If `null` or less than or equal to 0, returns 0.
+ * @param itemsHeight - An object mapping item indices to their measured heights.
+ * @param previousItemsHeight - An object mapping item indices of previously rendered items to their heights.
+ * @param defaultItemHeight - The default height to use if a previous height is not available.
+ * @returns The cumulative change in item heights for the specified range, or 0 if the result is not finite.
+ */
+export const calculateCumulativeItemSizeChange = (startIndex, previousFirstItemDataIndex, itemsHeight, previousItemsHeight, defaultItemHeight) => {
+    if (previousFirstItemDataIndex === null || previousFirstItemDataIndex <= 0) {
+        return 0;
+    }
+    let delta = 0;
+    for (let i = startIndex; i < previousFirstItemDataIndex; i += 1) {
+        const actualHeight = itemsHeight[i];
+        const previousHeight = previousItemsHeight[i] ?? defaultItemHeight;
+        if (actualHeight !== null && actualHeight !== undefined) {
+            delta += actualHeight - previousHeight;
+        }
+    }
+    return Number.isFinite(delta) ? delta : 0;
+};
+/**
+ * Updates the position styles of child items within a container element to enable virtualized rendering.
+ * Sets the container's top offset and positions each child absolutely based on their calculated heights.
+ *
+ * @param itemContainer - The HTML element containing the list items to be positioned.
+ * @param itemsHeight - An object mapping item indices to their measured heights.
+ * @param defaultItemHeight - The default height to use for items without a specified height.
+ * @returns The total height of all items within the container, rounded down to the nearest integer.
+ */
+export const updateItemPositionStyles = (itemContainer, itemsHeight, defaultItemHeight) => {
+    const items = itemContainer.children;
+    if (!items?.length) {
+        return 0;
+    }
+    const firstItemDataIndex = getDataIndex(items[0]);
+    if (firstItemDataIndex === null)
+        return 0;
+    const offset = getOffsetForIndex(firstItemDataIndex, itemsHeight, defaultItemHeight);
+    itemContainer.style.top = `${offset}px`;
+    let itemContainerCurrentHeight = 0;
+    let currentItemIndex = firstItemDataIndex;
+    Array.from(items).forEach((item) => {
+        if (!(item instanceof HTMLElement))
+            return;
+        item.style.position = 'absolute';
+        item.style.top = `${itemContainerCurrentHeight}px`;
+        itemContainerCurrentHeight += itemsHeight[currentItemIndex] ?? defaultItemHeight;
+        currentItemIndex += 1;
+    });
+    return Math.floor(itemContainerCurrentHeight);
+};
+//# sourceMappingURL=utils.js.map

package/lib/Core/Components/Virtualise/VariableHeightVirtualizer/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../../../Core/Components/Virtualise/VariableHeightVirtualizer/utils.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAC;AA2BnE;;;;GAIG;AACH,MAAM,CAAC,MAAM,+BAA+B,GAAG,CAC7C,KAA4C,EACF,EAAE;IAC5C,MAAM,EACJ,cAAc,EACd,MAAM,EACN,gBAAgB,EAChB,SAAS,EACT,YAAY,EACZ,WAAW,EACX,iBAAiB,EACjB,aAAa,EACb,cAAc,EACf,GAAG,KAAK,CAAC;IAEV,MAAM,wBAAwB,GAAG,MAAM,GAAG,CAAC,CAAC;IAC5C,IAAI,cAAc,KAAK,CAAC,IAAI,gBAAgB,CAAC,OAAO,EAAE,iBAAiB,KAAK,CAAC,EAAE,CAAC;QAC9E,OAAO,EAAE,UAAU,EAAE,CAAC,EAAE,QAAQ,EAAE,wBAAwB,EAAE,CAAC;IAC/D,CAAC;IAED,MAAM,cAAc,GAAG,YAAY,CAAC,OAAO,EAAE,YAAY,IAAI,CAAC,CAAC;IAE/D,oEAAoE;IACpE,IAAI,uBAAuB,GAAG,CAAC,CAAC;IAChC,IAAI,iBAAiB,GAAG,CAAC,CAAC;IAC1B,OACE,iBAAiB,GAAG,cAAc;QAClC,uBAAuB,GAAG,CAAC,WAAW,CAAC,iBAAiB,CAAC,IAAI,iBAAiB,CAAC,GAAG,SAAS,EAC3F,CAAC;QACD,uBAAuB,IAAI,WAAW,CAAC,iBAAiB,CAAC,IAAI,iBAAiB,CAAC;QAC/E,iBAAiB,IAAI,CAAC,CAAC;IACzB,CAAC;IAED,mEAAmE;IACnE,IAAI,iBAAiB,GAAG,CAAC,CAAC;IAC1B,IAAI,eAAe,GAAG,iBAAiB,CAAC;IACxC,OAAO,eAAe,GAAG,cAAc,IAAI,iBAAiB,GAAG,cAAc,EAAE,CAAC;QAC9E,iBAAiB,IAAI,WAAW,CAAC,eAAe,CAAC,IAAI,iBAAiB,CAAC;QACvE,eAAe,IAAI,CAAC,CAAC;IACvB,CAAC;IAED,MAAM,UAAU,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,iBAAiB,GAAG,MAAM,CAAC,CAAC;IAC3D,IAAI,QAAQ,GAAG,IAAI,CAAC,GAAG,CAAC,eAAe,GAAG,MAAM,EAAE,aAAa,GAAG,CAAC,CAAC,CAAC;IACrE,IAAI,cAAc,EAAE,CAAC;QACnB,QAAQ,GAAG,IAAI,CAAC,GAAG,CAAC,QAAQ,EAAE,wBAAwB,CAAC,CAAC;IAC1D,CAAC;SAAM,CAAC;QACN,+JAA+J;QAC/J,QAAQ,GAAG,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,GAAG,CAAC,cAAc,GAAG,CAAC,EAAE,QAAQ,CAAC,EAAE,wBAAwB,CAAC,CAAC;IACxF,CAAC;IACD,OAAO,EAAE,UAAU,EAAE,QAAQ,EAAE,CAAC;AAClC,CAAC,CAAC;AAEF;;;;;;;;GAQG;AACH,MAAM,CAAC,MAAM,0BAA0B,GAAG,CACxC,cAAsB,EACtB,WAAwB,EACxB,iBAAyB,EACjB,EAAE;IACV,IAAI,iBAAiB,GAAG,CAAC,CAAC;IAC1B,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,cAAc,EAAE,CAAC,IAAI,CAAC,EAAE,CAAC;QAC3C,iBAAiB,IAAI,WAAW,CAAC,CAAC,CAAC,IAAI,iBAAiB,CAAC;IAC3D,CAAC;IAED,OAAO,iBAAiB,CAAC;AAC3B,CAAC,CAAC;AAEF;;;;;GAKG;AACH,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,aAAqC,EAAU,EAAE;IAC5E,IAAI,CAAC,aAAa;QAAE,OAAO,MAAM,CAAC;IAClC,OAAO,OAAO,aAAa,KAAK,QAAQ,CAAC,CAAC,CAAC,GAAG,aAAa,IAAI,CAAC,CAAC,CAAC,aAAa,CAAC;AAClF,CAAC,CAAC;AAEF;;;;;;;GAOG;AACH,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAC/B,KAAa,EACb,WAAwB,EACxB,iBAAyB,EACjB,EAAE;IACV,IAAI,MAAM,GAAG,CAAC,CAAC;IAEf,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,KAAK,EAAE,CAAC,IAAI,CAAC,EAAE,CAAC;QAClC,MAAM,IAAI,WAAW,CAAC,CAAC,CAAC,IAAI,iBAAiB,CAAC;IAChD,CAAC;IACD,OAAO,MAAM,CAAC;AAChB,CAAC,CAAC;AAEF;;;;;;;;GAQG;AACH,MAAM,CAAC,MAAM,eAAe,GAAG,CAC7B,cAAsB,EACtB,aAA0B,EAC1B,eAA4B,EAC5B,YAAqB,EACZ,EAAE;IACX,MAAM,uBAAuB,GAAG,eAAe,CAAC,qBAAqB,EAAE,CAAC;IACxE,IAAI,YAAY,GAAG,CAAC,CAAC;IACrB,IAAI,YAAY,IAAI,eAAe,CAAC,iBAAiB,GAAG,CAAC,EAAE,CAAC;QAC1D,MAAM,UAAU,GAAG,eAAe,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC;QAC/C,IAAI,UAAU,YAAY,WAAW,EAAE,CAAC;YACtC,YAAY,GAAG,UAAU,CAAC,YAAY,CAAC;QACzC,CAAC;IACH,CAAC;IAED,MAAM,cAAc,GAAG,iBAAiB,EAAE,CAAC;IAC3C,MAAM,KAAK,GAAG,KAAK,CAAC,IAAI,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC,MAAM,CACrD,CAAC,EAAE,EAAqB,EAAE,CAAC,EAAE,YAAY,WAAW,CACrD,CAAC;IAEF,IAAI,CAAC,KAAK,CAAC,MAAM,IAAI,CAAC,cAAc;QAAE,OAAO,KAAK,CAAC;IACnD,IAAI,CAAC,KAAK,CAAC,MAAM,IAAI,cAAc;QAAE,OAAO,IAAI,CAAC;IAEjD,OAAO,CACL,CAAC,CAAC,cAAc;QAChB,KAAK,CAAC,MAAM,KAAK,cAAc;QAC/B,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,qBAAqB,EAAE,CAAC,MAAM,CAAC;YACjE,IAAI,CAAC,KAAK,CAAC,uBAAuB,CAAC,MAAM,GAAG,cAAc,CAAC;YAC3D,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,qBAAqB,EAAE,CAAC,GAAG,CAAC;gBAC9C,IAAI,CAAC,KAAK,CAAC,uBAAuB,CAAC,GAAG,GAAG,YAAY,CAAC;YACxD,KAAK,CAAC,MAAM,KAAK,CAAC,CAAC,CACtB,CAAC;AACJ,CAAC,CAAC;AAEF;;;;;GAKG;AACH,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,OAAgB,EAAiB,EAAE;IAC9D,MAAM,YAAY,GAAG,OAAO,EAAE,YAAY,CAAC,YAAY,CAAC,CAAC;IACzD,IAAI,CAAC,YAAY;QAAE,OAAO,IAAI,CAAC;IAC/B,MAAM,eAAe,GAAG,QAAQ,CAAC,YAAY,EAAE,EAAE,CAAC,CAAC;IACnD,OAAO,MAAM,CAAC,KAAK,CAAC,eAAe,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,eAAe,CAAC;AAChE,CAAC,CAAC;AAEF;;;;;;;;GAQG;AACH,MAAM,UAAU,qBAAqB,CACnC,aAA0B,EAC1B,WAAwB,EACxB,iBAAyB;IAEzB,IAAI,CAAC,aAAa;QAAE,OAAO,EAAE,CAAC;IAE9B,MAAM,UAAU,GAAgB,EAAE,CAAC;IACnC,MAAM,KAAK,GAAG,KAAK,CAAC,IAAI,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC;IAEjD,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE;QACnB,MAAM,aAAa,GAAG,YAAY,CAAC,IAAI,CAAC,CAAC;QACzC,IAAI,aAAa,KAAK,IAAI;YAAE,OAAO;QAEnC,MAAM,cAAc,GAAG,IAAI,CAAC,qBAAqB,EAAE,CAAC,MAAM,CAAC;QAC3D,MAAM,UAAU,GAAG,WAAW,CAAC,aAAa,CAAC,IAAI,iBAAiB,CAAC;QACnE,IAAI,cAAc,KAAK,UAAU,EAAE,CAAC;YAClC,UAAU,CAAC,aAAa,CAAC,GAAG,cAAc,CAAC;QAC7C,CAAC;IACH,CAAC,CAAC,CAAC;IAEH,OAAO,UAAU,CAAC;AACpB,CAAC;AAED;;;;;;;;;;;;;;GAcG;AACH,MAAM,CAAC,MAAM,iCAAiC,GAAG,CAC/C,UAAkB,EAClB,0BAAyC,EACzC,WAAwB,EACxB,mBAAgC,EAChC,iBAAyB,EACjB,EAAE;IACV,IAAI,0BAA0B,KAAK,IAAI,IAAI,0BAA0B,IAAI,CAAC,EAAE,CAAC;QAC3E,OAAO,CAAC,CAAC;IACX,CAAC;IAED,IAAI,KAAK,GAAG,CAAC,CAAC;IAEd,KAAK,IAAI,CAAC,GAAG,UAAU,EAAE,CAAC,GAAG,0BAA0B,EAAE,CAAC,IAAI,CAAC,EAAE,CAAC;QAChE,MAAM,YAAY,GAAG,WAAW,CAAC,CAAC,CAAC,CAAC;QACpC,MAAM,cAAc,GAAG,mBAAmB,CAAC,CAAC,CAAC,IAAI,iBAAiB,CAAC;QAEnE,IAAI,YAAY,KAAK,IAAI,IAAI,YAAY,KAAK,SAAS,EAAE,CAAC;YACxD,KAAK,IAAI,YAAY,GAAG,cAAc,CAAC;QACzC,CAAC;IACH,CAAC;IAED,OAAO,MAAM,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC;AAC5C,CAAC,CAAC;AAEF;;;;;;;;GAQG;AACH,MAAM,CAAC,MAAM,wBAAwB,GAAG,CACtC,aAA0B,EAC1B,WAAwB,EACxB,iBAAyB,EACjB,EAAE;IACV,MAAM,KAAK,GAAG,aAAa,CAAC,QAAQ,CAAC;IACrC,IAAI,CAAC,KAAK,EAAE,MAAM,EAAE,CAAC;QACnB,OAAO,CAAC,CAAC;IACX,CAAC;IAED,MAAM,kBAAkB,GAAG,YAAY,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC;IAClD,IAAI,kBAAkB,KAAK,IAAI;QAAE,OAAO,CAAC,CAAC;IAE1C,MAAM,MAAM,GAAG,iBAAiB,CAAC,kBAAkB,EAAE,WAAW,EAAE,iBAAiB,CAAC,CAAC;IACrF,aAAa,CAAC,KAAK,CAAC,GAAG,GAAG,GAAG,MAAM,IAAI,CAAC;IAExC,IAAI,0BAA0B,GAAG,CAAC,CAAC;IACnC,IAAI,gBAAgB,GAAG,kBAAkB,CAAC;IAC1C,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,OAAO,CAAC,CAAC,IAAa,EAAE,EAAE;QAC1C,IAAI,CAAC,CAAC,IAAI,YAAY,WAAW,CAAC;YAAE,OAAO;QAE3C,IAAI,CAAC,KAAK,CAAC,QAAQ,GAAG,UAAU,CAAC;QACjC,IAAI,CAAC,KAAK,CAAC,GAAG,GAAG,GAAG,0BAA0B,IAAI,CAAC;QACnD,0BAA0B,IAAI,WAAW,CAAC,gBAAgB,CAAC,IAAI,iBAAiB,CAAC;QACjF,gBAAgB,IAAI,CAAC,CAAC;IACxB,CAAC,CAAC,CAAC;IAEH,OAAO,IAAI,CAAC,KAAK,CAAC,0BAA0B,CAAC,CAAC;AAChD,CAAC,CAAC","sourcesContent":["import type { RefObject } from 'react';\n\nimport { getScrollbarWidth } from 'pega-repeating-structures-core';\n\nimport type { ItemsHeight } from './VariableHeightVirtualizer';\n\ninterface GetVirtualizedPaginationIndicesParams {\n  /** Current vertical scroll offset of the container. */\n  scrollTop: number;\n  /** Ref to the scrolling container element */\n  containerRef: RefObject<HTMLElement>;\n  /** Ref to the container holding the list items */\n  itemContainerRef: RefObject<HTMLElement>;\n\n  /** Total number of items. */\n  totalItemCount: number;\n  /** Mapping of item indices and their actual height. */\n  itemsHeight: ItemsHeight;\n  /** Default height for items if not measured. */\n  defaultItemHeight: number;\n\n  /** Number of extra items to render above and below the visible viewport for smooth scrolling. */\n  buffer: number;\n  /** Maximum allowed end index (exclusive). */\n  endIndexLimit: number;\n  /** If true, allows indices to exceed totalCount for infinite scrolling by including buffer. */\n  isInfiniteMode?: boolean;\n}\n\n/**\n * Calculates the start and end indices for virtualized pagination in a variable-height list.\n *\n * @returns {{ startIndex: number, endIndex: number }} Object containing the calculated start and end indices for rendering (inclusive both indices).\n */\nexport const getVirtualizedPaginationIndices = (\n  param: GetVirtualizedPaginationIndicesParams\n): { startIndex: number; endIndex: number } => {\n  const {\n    totalItemCount,\n    buffer,\n    itemContainerRef,\n    scrollTop,\n    containerRef,\n    itemsHeight,\n    defaultItemHeight,\n    endIndexLimit,\n    isInfiniteMode\n  } = param;\n\n  const minimumItemsToFetchOnTop = buffer * 4;\n  if (totalItemCount === 0 || itemContainerRef.current?.childElementCount === 0) {\n    return { startIndex: 0, endIndex: minimumItemsToFetchOnTop };\n  }\n\n  const viewportHeight = containerRef.current?.clientHeight || 0;\n\n  // Find the first visible item index for the current scroll position\n  let aboveTheFoldItemsHeight = 0;\n  let visibleStartIndex = 0;\n  while (\n    visibleStartIndex < totalItemCount &&\n    aboveTheFoldItemsHeight + (itemsHeight[visibleStartIndex] ?? defaultItemHeight) < scrollTop\n  ) {\n    aboveTheFoldItemsHeight += itemsHeight[visibleStartIndex] ?? defaultItemHeight;\n    visibleStartIndex += 1;\n  }\n\n  // Find the last visible item index for the current scroll position\n  let inViewItemsHeight = 0;\n  let visibleEndIndex = visibleStartIndex;\n  while (visibleEndIndex < totalItemCount && inViewItemsHeight < viewportHeight) {\n    inViewItemsHeight += itemsHeight[visibleEndIndex] ?? defaultItemHeight;\n    visibleEndIndex += 1;\n  }\n\n  const startIndex = Math.max(0, visibleStartIndex - buffer);\n  let endIndex = Math.min(visibleEndIndex + buffer, endIndexLimit - 1);\n  if (isInfiniteMode) {\n    endIndex = Math.max(endIndex, minimumItemsToFetchOnTop);\n  } else {\n    // In cases where the count is very less due to filters, we would fetch more items to avoid unnecessary API calls if the count after the filter removed is more\n    endIndex = Math.max(Math.min(totalItemCount - 1, endIndex), minimumItemsToFetchOnTop);\n  }\n  return { startIndex, endIndex };\n};\n\n/**\n * Calculates the total buffer height for a list of items, using their individual heights if available,\n * or a default height otherwise.\n *\n * @param totalItemCount - The total number of items in the list.\n * @param itemsHeight - An object or array containing the heights of individual items, indexed by item position.\n * @param defaultItemHeight - The default height to use for items whose height is not specified in `itemsHeight`.\n * @returns The sum of all item heights, using the default height for any missing values.\n */\nexport const calculateTotalBufferHeight = (\n  totalItemCount: number,\n  itemsHeight: ItemsHeight,\n  defaultItemHeight: number\n): number => {\n  let totalBufferHeight = 0;\n  for (let i = 0; i < totalItemCount; i += 1) {\n    totalBufferHeight += itemsHeight[i] || defaultItemHeight;\n  }\n\n  return totalBufferHeight;\n};\n\n/**\n * Returns a CSS-compatible max-height value based on the input.\n *\n * @param viewMaxHeight - The maximum height value, which can be a number (pixels), a string (CSS value), or `null`.\n * @returns A string representing the CSS max-height value.\n */\nexport const getMaxHeight = (viewMaxHeight: number | string | null): string => {\n  if (!viewMaxHeight) return 'none';\n  return typeof viewMaxHeight === 'number' ? `${viewMaxHeight}px` : viewMaxHeight;\n};\n\n/**\n * Calculates the vertical offset for a given item index in a list with variable item heights.\n *\n * @param index - The index of the item for which to calculate the offset.\n * @param itemsHeight - Mapping of item indices and their actual height.\n * @param defaultItemHeight - The default height to use for items not present in the cache.\n * @returns The total offset (in pixels) from the top of the list to the specified index.\n */\nexport const getOffsetForIndex = (\n  index: number,\n  itemsHeight: ItemsHeight,\n  defaultItemHeight: number\n): number => {\n  let offset = 0;\n\n  for (let i = 0; i < index; i += 1) {\n    offset += itemsHeight[i] ?? defaultItemHeight;\n  }\n  return offset;\n};\n\n/**\n * Determines whether the viewable area of a virtualized list is not fully filled with rendered items.\n *\n * @param totalItemCount - The total number of items that should be rendered.\n * @param itemContainer - The HTML element containing the rendered items.\n * @param parentContainer - The parent HTML element that contains the items and possibly the header.\n * @param renderHeader - Indicates whether a header is rendered at the top of the parent container.\n * @returns `true` if the view is not filled with all items, `false` otherwise.\n */\nexport const isViewNotFilled = (\n  totalItemCount: number,\n  itemContainer: HTMLElement,\n  parentContainer: HTMLElement,\n  renderHeader: boolean\n): boolean => {\n  const parentContainerPosition = parentContainer.getBoundingClientRect();\n  let headerHeight = 0;\n  if (renderHeader && parentContainer.childElementCount > 1) {\n    const firstChild = parentContainer.children[0];\n    if (firstChild instanceof HTMLElement) {\n      headerHeight = firstChild.offsetHeight;\n    }\n  }\n\n  const scrollbarWidth = getScrollbarWidth();\n  const items = Array.from(itemContainer.children).filter(\n    (el): el is HTMLElement => el instanceof HTMLElement\n  );\n\n  if (!items.length && !totalItemCount) return false;\n  if (!items.length && totalItemCount) return true;\n\n  return (\n    !!totalItemCount &&\n    items.length !== totalItemCount &&\n    (Math.floor(items[items.length - 1].getBoundingClientRect().bottom) <\n      Math.floor(parentContainerPosition.bottom - scrollbarWidth) ||\n      Math.floor(items[0].getBoundingClientRect().top) >\n        Math.floor(parentContainerPosition.top + headerHeight) ||\n      items.length === 0)\n  );\n};\n\n/**\n * Retrieves the numeric data index from the `data-index` attribute of a given Element.\n *\n * @param element - The Element from which to extract the data index.\n * @returns The parsed integer value of the `data-index` attribute, or `null` if the attribute is not present.\n */\nexport const getDataIndex = (element: Element): number | null => {\n  const dataIndexStr = element?.getAttribute('data-index');\n  if (!dataIndexStr) return null;\n  const parsedDataIndex = parseInt(dataIndexStr, 10);\n  return Number.isNaN(parsedDataIndex) ? null : parsedDataIndex;\n};\n\n/**\n * Calculates and returns an object containing the heights of items whose heights have changed\n * compared to their previous values.\n *\n * @param itemContainer - The container HTMLElement whose child nodes represent items to measure.\n * @param itemsHeight - An object mapping item indices to their measured heights.\n * @param defaultItemHeight - The default height to use for items not present in `itemsHeight`.\n * @returns An object mapping item indices to their new heights for items whose heights have changed.\n */\nexport function getChangedItemsHeight(\n  itemContainer: HTMLElement,\n  itemsHeight: ItemsHeight,\n  defaultItemHeight: number\n): ItemsHeight {\n  if (!itemContainer) return {};\n\n  const newHeights: ItemsHeight = {};\n  const nodes = Array.from(itemContainer.children);\n\n  nodes.forEach(node => {\n    const itemDataIndex = getDataIndex(node);\n    if (itemDataIndex === null) return;\n\n    const measuredHeight = node.getBoundingClientRect().height;\n    const prevHeight = itemsHeight[itemDataIndex] ?? defaultItemHeight;\n    if (measuredHeight !== prevHeight) {\n      newHeights[itemDataIndex] = measuredHeight;\n    }\n  });\n\n  return newHeights;\n}\n\n/**\n * Calculates the cumulative change in item heights between two sets of item height data,\n * for a range of items starting from `startIndex` up to (but not including) `previousFirstItemDataIndex`.\n *\n * This function compares the current heights (`itemsHeight`) with the previous heights (`previousItemsHeight`)\n * for each item in the specified range, using `defaultItemHeight` as a fallback if a previous height is missing.\n * The result is the sum of the differences in height for all items in the range.\n *\n * @param startIndex - The index at which to start calculating the cumulative height change.\n * @param previousFirstItemDataIndex - The index up to which to calculate (exclusive). If `null` or less than or equal to 0, returns 0.\n * @param itemsHeight - An object mapping item indices to their measured heights.\n * @param previousItemsHeight - An object mapping item indices of previously rendered items to their heights.\n * @param defaultItemHeight - The default height to use if a previous height is not available.\n * @returns The cumulative change in item heights for the specified range, or 0 if the result is not finite.\n */\nexport const calculateCumulativeItemSizeChange = (\n  startIndex: number,\n  previousFirstItemDataIndex: number | null,\n  itemsHeight: ItemsHeight,\n  previousItemsHeight: ItemsHeight,\n  defaultItemHeight: number\n): number => {\n  if (previousFirstItemDataIndex === null || previousFirstItemDataIndex <= 0) {\n    return 0;\n  }\n\n  let delta = 0;\n\n  for (let i = startIndex; i < previousFirstItemDataIndex; i += 1) {\n    const actualHeight = itemsHeight[i];\n    const previousHeight = previousItemsHeight[i] ?? defaultItemHeight;\n\n    if (actualHeight !== null && actualHeight !== undefined) {\n      delta += actualHeight - previousHeight;\n    }\n  }\n\n  return Number.isFinite(delta) ? delta : 0;\n};\n\n/**\n * Updates the position styles of child items within a container element to enable virtualized rendering.\n * Sets the container's top offset and positions each child absolutely based on their calculated heights.\n *\n * @param itemContainer - The HTML element containing the list items to be positioned.\n * @param itemsHeight - An object mapping item indices to their measured heights.\n * @param defaultItemHeight - The default height to use for items without a specified height.\n * @returns The total height of all items within the container, rounded down to the nearest integer.\n */\nexport const updateItemPositionStyles = (\n  itemContainer: HTMLElement,\n  itemsHeight: ItemsHeight,\n  defaultItemHeight: number\n): number => {\n  const items = itemContainer.children;\n  if (!items?.length) {\n    return 0;\n  }\n\n  const firstItemDataIndex = getDataIndex(items[0]);\n  if (firstItemDataIndex === null) return 0;\n\n  const offset = getOffsetForIndex(firstItemDataIndex, itemsHeight, defaultItemHeight);\n  itemContainer.style.top = `${offset}px`;\n\n  let itemContainerCurrentHeight = 0;\n  let currentItemIndex = firstItemDataIndex;\n  Array.from(items).forEach((item: Element) => {\n    if (!(item instanceof HTMLElement)) return;\n\n    item.style.position = 'absolute';\n    item.style.top = `${itemContainerCurrentHeight}px`;\n    itemContainerCurrentHeight += itemsHeight[currentItemIndex] ?? defaultItemHeight;\n    currentItemIndex += 1;\n  });\n\n  return Math.floor(itemContainerCurrentHeight);\n};\n"]}

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

@@ -5,7 +5,7 @@ export declare function isPaginationRequestCompleted(requestedIndexes?: {
 }, receivedIndexes?: {
     startIndex: number;
     endIndex: number;
-}): boolean | undefined;
+}): number | boolean | undefined;
 export declare function isViewNotFilled(totalRecordCount: number, vi: {
     rContainer: HTMLDivElement;
 }, pContainer: HTMLDivElement, renderHeader: boolean): boolean | 0;

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

@@ -1 +1 @@
-{"version":3,"file":"utility.d.ts","sourceRoot":"","sources":["../../../../Core/Components/Virtualise/utility.ts"],"names":[],"mappings":"AAOA,wBAAgB,4BAA4B,CAAC,gBAAgB,EAAE,MAAM,UAEpE;AAID,wBAAgB,4BAA4B,CAC1C,gBAAgB,CAAC,EAAE;IAAE,UAAU,EAAE,MAAM,CAAC;IAAC,QAAQ,EAAE,MAAM,CAAA;CAAE,EAC3D,eAAe,CAAC,EAAE;IAAE,UAAU,EAAE,MAAM,CAAC;IAAC,QAAQ,EAAE,MAAM,CAAA;CAAE,uBAU3D;AAED,wBAAgB,eAAe,CAC7B,gBAAgB,EAAE,MAAM,EACxB,EAAE,EAAE;IAAE,UAAU,EAAE,cAAc,CAAA;CAAE,EAClC,UAAU,EAAE,cAAc,EAC1B,YAAY,EAAE,OAAO,eAmBtB;AA4BD,wBAAgB,oBAAoB,CAAC,UAAU,EAAE,cAAc,EAAE,eAAe,UAAQ;;;;;EAkCvF;AAgGD,wBAAgB,qBAAqB,CACnC,EAAE,EAAE;IACF,UAAU,EAAE,cAAc,CAAC;IAC3B,KAAK,EAAE;QACL,IAAI,EAAE;YAAE,UAAU,EAAE,MAAM,CAAC;YAAC,QAAQ,EAAE,MAAM,CAAA;SAAE,CAAC;QAC/C,iBAAiB,EAAE;YACjB,SAAS,EAAE,MAAM,CAAC;YAClB,kBAAkB,EAAE,MAAM,CAAC;YAC3B,0BAA0B,EAAE,MAAM,CAAC;YACnC,gBAAgB,EAAE,MAAM,CAAC;SAC1B,CAAC;QACF,uBAAuB,EAAE;YAAE,CAAC,EAAE,MAAM,CAAA;SAAE,CAAC;QACvC,eAAe,EAAE,MAAM,CAAC;QACxB,cAAc,EAAE;YAAE,GAAG,EAAE,MAAM,CAAA;SAAE,CAAC;QAChC,cAAc,EAAE;YAAE,GAAG,EAAE,MAAM,CAAA;SAAE,CAAC;KACjC,CAAC;IACF,iBAAiB,EAAE;QACjB,SAAS,EAAE,MAAM,CAAC;QAClB,kBAAkB,EAAE,MAAM,CAAC;QAC3B,0BAA0B,EAAE,MAAM,CAAC;QACnC,gBAAgB,EAAE,MAAM,CAAC;KAC1B,CAAC;CACH,EACD,gBAAgB,EAAE,MAAM,EACxB,KAAK,EAAE;IAAE,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAA;CAAE,EAC7B,UAAU,EAAE,cAAc,EAC1B,SAAS,EAAE,MAAM,QAuClB;AAGD,wBAAgB,oBAAoB,CAClC,KAAK,EAAE;IAAE,UAAU,EAAE,MAAM,CAAC;IAAC,QAAQ,EAAE,MAAM,CAAA;CAAE,EAC/C,UAAU,EAAE,WAAW,QAKxB;AAED,wBAAgB,wBAAwB,CAAC,UAAU,EAAE,WAAW,sBAU/D;AAED,wBAAgB,gBAAgB,CAC9B,KAAK,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,EAClC,YAAY,EAAE,MAAM,GAAG,MAAM,GAC5B,MAAM,GAAG,MAAM,CAMjB;AAED,wBAAgB,YAAY,CAAC,aAAa,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,GAAG,MAAM,CAG/E"}
+{"version":3,"file":"utility.d.ts","sourceRoot":"","sources":["../../../../Core/Components/Virtualise/utility.ts"],"names":[],"mappings":"AAOA,wBAAgB,4BAA4B,CAAC,gBAAgB,EAAE,MAAM,UAEpE;AAID,wBAAgB,4BAA4B,CAC1C,gBAAgB,CAAC,EAAE;IAAE,UAAU,EAAE,MAAM,CAAC;IAAC,QAAQ,EAAE,MAAM,CAAA;CAAE,EAC3D,eAAe,CAAC,EAAE;IAAE,UAAU,EAAE,MAAM,CAAC;IAAC,QAAQ,EAAE,MAAM,CAAA;CAAE,gCAW3D;AAED,wBAAgB,eAAe,CAC7B,gBAAgB,EAAE,MAAM,EACxB,EAAE,EAAE;IAAE,UAAU,EAAE,cAAc,CAAA;CAAE,EAClC,UAAU,EAAE,cAAc,EAC1B,YAAY,EAAE,OAAO,eAmBtB;AA4BD,wBAAgB,oBAAoB,CAAC,UAAU,EAAE,cAAc,EAAE,eAAe,UAAQ;;;;;EAkCvF;AAgGD,wBAAgB,qBAAqB,CACnC,EAAE,EAAE;IACF,UAAU,EAAE,cAAc,CAAC;IAC3B,KAAK,EAAE;QACL,IAAI,EAAE;YAAE,UAAU,EAAE,MAAM,CAAC;YAAC,QAAQ,EAAE,MAAM,CAAA;SAAE,CAAC;QAC/C,iBAAiB,EAAE;YACjB,SAAS,EAAE,MAAM,CAAC;YAClB,kBAAkB,EAAE,MAAM,CAAC;YAC3B,0BAA0B,EAAE,MAAM,CAAC;YACnC,gBAAgB,EAAE,MAAM,CAAC;SAC1B,CAAC;QACF,uBAAuB,EAAE;YAAE,CAAC,EAAE,MAAM,CAAA;SAAE,CAAC;QACvC,eAAe,EAAE,MAAM,CAAC;QACxB,cAAc,EAAE;YAAE,GAAG,EAAE,MAAM,CAAA;SAAE,CAAC;QAChC,cAAc,EAAE;YAAE,GAAG,EAAE,MAAM,CAAA;SAAE,CAAC;KACjC,CAAC;IACF,iBAAiB,EAAE;QACjB,SAAS,EAAE,MAAM,CAAC;QAClB,kBAAkB,EAAE,MAAM,CAAC;QAC3B,0BAA0B,EAAE,MAAM,CAAC;QACnC,gBAAgB,EAAE,MAAM,CAAC;KAC1B,CAAC;CACH,EACD,gBAAgB,EAAE,MAAM,EACxB,KAAK,EAAE;IAAE,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAA;CAAE,EAC7B,UAAU,EAAE,cAAc,EAC1B,SAAS,EAAE,MAAM,QAuClB;AAGD,wBAAgB,oBAAoB,CAClC,KAAK,EAAE;IAAE,UAAU,EAAE,MAAM,CAAC;IAAC,QAAQ,EAAE,MAAM,CAAA;CAAE,EAC/C,UAAU,EAAE,WAAW,QAKxB;AAED,wBAAgB,wBAAwB,CAAC,UAAU,EAAE,WAAW,sBAU/D;AAED,wBAAgB,gBAAgB,CAC9B,KAAK,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,EAClC,YAAY,EAAE,MAAM,GAAG,MAAM,GAC5B,MAAM,GAAG,MAAM,CAMjB;AAED,wBAAgB,YAAY,CAAC,aAAa,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,GAAG,MAAM,CAG/E"}

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

@@ -12,8 +12,9 @@ export function isPaginationRequestCompleted(requestedIndexes, receivedIndexes)
     // about updated index though pagination is really not required.
     return (receivedIndexes &&
         requestedIndexes &&
-        receivedIndexes.startIndex === requestedIndexes.startIndex &&
-        receivedIndexes.endIndex === requestedIndexes.endIndex);
+        ((receivedIndexes.startIndex === requestedIndexes.startIndex &&
+            receivedIndexes.endIndex === requestedIndexes.endIndex) ||
+            (Object.keys(requestedIndexes).length === 0 && receivedIndexes.endIndex)));
 }
 export function isViewNotFilled(totalRecordCount, vi, pContainer, renderHeader) {
     const parentContainerPosition = pContainer.getBoundingClientRect();

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

@@ -1 +1 @@
-{"version":3,"file":"utility.js","sourceRoot":"","sources":["../../../../Core/Components/Virtualise/utility.ts"],"names":[],"mappings":"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","sourcesContent":["import { getScrollbarWidth } from 'pega-repeating-structures-core';\n\nimport { StickyGroupHeader } from './Pagination';\n\n// TODO: in future, take this count in meta\nconst MAX_SCROLLABLE_ROW_COUNT = 5000;\n\nexport function getRecordCountForLayoutPaint(totalRecordCount: number) {\n  return totalRecordCount > MAX_SCROLLABLE_ROW_COUNT ? MAX_SCROLLABLE_ROW_COUNT : totalRecordCount;\n}\n\n// State should be communicated back from consumer to know\n// if pagination last request completed or not.\nexport function isPaginationRequestCompleted(\n  requestedIndexes?: { startIndex: number; endIndex: number },\n  receivedIndexes?: { startIndex: number; endIndex: number }\n) {\n  // this is required when there is a pagination request which is raised just to update consumer\n  // about updated index though pagination is really not required.\n  return (\n    receivedIndexes &&\n    requestedIndexes &&\n    receivedIndexes.startIndex === requestedIndexes.startIndex &&\n    receivedIndexes.endIndex === requestedIndexes.endIndex\n  );\n}\n\nexport function isViewNotFilled(\n  totalRecordCount: number,\n  vi: { rContainer: HTMLDivElement },\n  pContainer: HTMLDivElement,\n  renderHeader: boolean\n) {\n  const parentContainerPosition = pContainer.getBoundingClientRect();\n  // This is required to accommodate header height.\n  // TODO: Need to find a better solution to pull out header out of this.\n  const headerRowHeight =\n    renderHeader && pContainer.childElementCount > 1\n      ? (pContainer.childNodes[0] as HTMLElement).offsetHeight\n      : 0;\n  const scrollbarWidth = getScrollbarWidth();\n  return (\n    totalRecordCount &&\n    vi.rContainer.childElementCount !== totalRecordCount &&\n    (Math.floor(vi.rContainer.getBoundingClientRect().bottom) <\n      Math.floor(parentContainerPosition.bottom - scrollbarWidth) ||\n      Math.floor(vi.rContainer.getBoundingClientRect().top) >\n        Math.floor(parentContainerPosition.top + headerRowHeight) ||\n      vi.rContainer.childElementCount === 0)\n  );\n}\n\nfunction getItemCountPerRow(rows: Element[]) {\n  const itemsCountPerRow: {\n    [key: string]: { count: number; height: number; isStickyGroupHeader: boolean };\n  } = {};\n  rows.forEach(item => {\n    const itemBoundary = item.getBoundingClientRect();\n    // isStickyGroupHeader flag helps in including the overlapped sticky-group-header for getting correct averages\n    const isStickyGroupHeader = item.classList.contains(StickyGroupHeader);\n    if (itemsCountPerRow[itemBoundary.top]) {\n      itemsCountPerRow[itemBoundary.top].count += 1;\n      if (itemsCountPerRow[itemBoundary.top].height < itemBoundary.height) {\n        itemsCountPerRow[itemBoundary.top].height = itemBoundary.height;\n      }\n    } else {\n      itemsCountPerRow[itemBoundary.top] = {\n        count: 1,\n        height: itemBoundary.height,\n        isStickyGroupHeader\n      };\n    }\n  });\n  return itemsCountPerRow;\n}\n\n// Based on row container size, get estimated count,\n// average height and no of items in a row.\nexport function getCurrentEstimation(rContainer: HTMLDivElement, includeRowsOnly = false) {\n  const rContainerChildren = Array.from(rContainer.children || []);\n  const filteredRowsContainer = includeRowsOnly\n    ? rContainerChildren.filter(r => r.hasAttribute('data-key'))\n    : rContainerChildren;\n\n  const itemsCountPerRow = getItemCountPerRow(filteredRowsContainer);\n  const itemCount = filteredRowsContainer.length || 0;\n  // TODO FIXME: #virtualizer Remove dependency on sticky-group-header class and try to make the key of ItemsCountPerRow unique which will work for overlapping scenarios\n  // BUG-740809 handling the rowCount in case of overlapped sticky-group-header\n  // If we have sticky-group-headers, add overlapped sticky-group-headers to rowCount.\n  // So, that averageNumberOfItemsInARow will be 1 for grid. That's why adding the complete count.\n  const rowCount = Object.values(itemsCountPerRow).reduce(\n    (acc: number, o: { isStickyGroupHeader: boolean; count: number }) => {\n      if (o.isStickyGroupHeader) {\n        return acc + o.count;\n      }\n      return acc + 1;\n    },\n    0\n  );\n  const averageNumberOfItemsInARow = rowCount > 0 ? itemCount / rowCount : 0;\n  const height = Object.values(itemsCountPerRow).reduce(\n    (acc: number, o: { isStickyGroupHeader: boolean; height: number; count: number }) => {\n      if (o.isStickyGroupHeader) {\n        return acc + o.height * o.count;\n      }\n      return acc + o.height;\n    },\n    0\n  );\n  const averageRowHeight = rowCount > 0 ? height / rowCount : 0;\n  const rowContainerHeight = rContainer.offsetHeight || 0;\n  return { itemCount, rowContainerHeight, averageNumberOfItemsInARow, averageRowHeight };\n}\n\n// Calculate top which needs to set on row container when component rerender.\n// component can rerender many times though pagination is in progress.\nfunction calculateTop(\n  vi: {\n    rContainer: HTMLDivElement;\n    pInfo?: {\n      view?: { startIndex: number; endIndex: number };\n    };\n    currentEstimation: {\n      itemCount: number;\n      rowContainerHeight: number;\n      averageNumberOfItemsInARow: number;\n      averageRowHeight: number;\n    };\n  },\n  scrollTop: number\n) {\n  let top = 0;\n  if (vi.pInfo && vi.pInfo?.view?.startIndex !== 0) {\n    // slide row container for current view based on previous estimated value.\n    const estimatedNoOfItemsPushedUp =\n      scrollTop * (vi.currentEstimation.itemCount / vi.currentEstimation.rowContainerHeight);\n    // estimated start view index of current view based on scroll top.\n\n    const estimatedStartIndexInView = estimatedNoOfItemsPushedUp + 1;\n    // estimated number of buffer records.\n\n    const noOfBufferRecords = estimatedStartIndexInView - (vi.pInfo?.view?.startIndex ?? 0);\n    const noOfBufferRecordsHeight =\n      (noOfBufferRecords / vi.currentEstimation.averageNumberOfItemsInARow) *\n      vi.currentEstimation.averageRowHeight;\n    // calculated top of row container.\n    top = scrollTop - noOfBufferRecordsHeight;\n    if (top < 0) top = 0;\n  }\n  return top;\n}\n\nfunction adjustTopRowContainerToAvoidDrift(\n  vi: {\n    rContainer: HTMLDivElement;\n    pInfo: {\n      view: { startIndex: number; endIndex: number };\n      currentEstimation: {\n        itemCount: number;\n        rowContainerHeight: number;\n        averageNumberOfItemsInARow: number;\n        averageRowHeight: number;\n      };\n      existingItemBoundingBox: { y: number };\n      currentRowIndex: number;\n      bufferNewCords: { top: number };\n      bufferOldCords: { top: number };\n    };\n    currentEstimation: {\n      itemCount: number;\n      rowContainerHeight: number;\n      averageNumberOfItemsInARow: number;\n      averageRowHeight: number;\n    };\n  },\n  existingTop: number\n) {\n  // Adjust top if element was viewable when user stop scrolling and pagination trigger.\n  // existing item should be viewable are at time of calculation\n  // as we allow user to scroll even pagination request triggered.\n  let effectiveTop = existingTop;\n  const { existingItemBoundingBox, currentRowIndex } = vi.pInfo;\n  // As safari does elastic scroll, we need this check to avoid any space on top.\n  const safariIsFirstItem = currentRowIndex === 0;\n  if (existingItemBoundingBox && !safariIsFirstItem) {\n    const currentRowIndexItem = vi.rContainer.querySelector(\n      `[data-index='${vi.pInfo.currentRowIndex}']`\n    );\n    if (currentRowIndexItem) {\n      // scrollNodeTopChange - change in scroll while pagination is in progress.\n      const scrollNodeTopChange = vi.pInfo.bufferNewCords.top - vi.pInfo.bufferOldCords.top;\n      const newItemBoundingBox = currentRowIndexItem.getBoundingClientRect();\n      const top = newItemBoundingBox.y - existingItemBoundingBox.y - scrollNodeTopChange;\n      effectiveTop = existingTop - top;\n    }\n  }\n  // As of now, we are making top to zero if it goes in negative, which is not right way.\n  // -ve is possible value for it as scroll top is just approximation. Check when\n  // gallery view gives you 0 to index result after some scroll.\n  // scroll top is 0 as it is top row index based.\n  // TODO: can go negative as bottom to top paint strategy is pending.\n  // This check and expression is not required after that. This will be handled in next release.\n  // Gallery issue wil also be handled in that. As of for first attempt we have to either scroll more.\n  // or make buffer size more in that to avoid 0 to index number in next repaint.\n  if (effectiveTop < 0 && vi.pInfo.view.startIndex === 0) effectiveTop = 0;\n  if (effectiveTop !== existingTop) vi.rContainer.style.top = `${effectiveTop}px`;\n}\n\nexport function updateRowContainerTop(\n  vi: {\n    rContainer: HTMLDivElement;\n    pInfo: {\n      view: { startIndex: number; endIndex: number };\n      currentEstimation: {\n        itemCount: number;\n        rowContainerHeight: number;\n        averageNumberOfItemsInARow: number;\n        averageRowHeight: number;\n      };\n      existingItemBoundingBox: { y: number };\n      currentRowIndex: number;\n      bufferNewCords: { top: number };\n      bufferOldCords: { top: number };\n    };\n    currentEstimation: {\n      itemCount: number;\n      rowContainerHeight: number;\n      averageNumberOfItemsInARow: number;\n      averageRowHeight: number;\n    };\n  },\n  totalRecordCount: number,\n  state: { [key: string]: any },\n  pContainer: HTMLDivElement,\n  scrollTop: number\n) {\n  // if you get last record , put row container to bottom always to Avoid\n  // any space left because of estimation otherwise calculate top.\n  // if next rerender you get less records,\n  if (\n    (vi.pInfo?.view?.startIndex === 0 && vi.pInfo?.view?.endIndex < totalRecordCount) ||\n    // eslint-disable-next-line no-unsafe-optional-chaining\n    vi.pInfo?.view?.startIndex + 1 > totalRecordCount ||\n    // eslint-disable-next-line no-unsafe-optional-chaining\n    vi.pInfo?.view?.endIndex - vi.pInfo?.view?.startIndex >= totalRecordCount\n  ) {\n    // This is a case when you scroll to top or say after filter your items count reduce to such level\n    // it doesn't fit in current start and end index and put container top and fill view\n    // will consider if empty.\n    vi.rContainer.style.removeProperty('bottom');\n    vi.rContainer.style.top = '0px';\n    // Any action which makes indexes out of range to total record count,\n    // scroll to top as a default behavior.\n    if (vi.pInfo.view.startIndex + 1 > totalRecordCount) pContainer.scrollTop = 0;\n\n    // commenting below line as it can cause white space on top sometime.\n    // Commenting this line might cause a small flicker only when you reach at top.\n    // We will solve this in 8.6 release.\n    // else if (vi.pInfo?.topRowIndex > 0) adjustTopRowContainerToAvoidDrift(vi, 0);\n  } else if (\n    // eslint-disable-next-line no-unsafe-optional-chaining\n    vi.pInfo?.view?.endIndex + 1 >= totalRecordCount &&\n    // eslint-disable-next-line no-unsafe-optional-chaining\n    vi.pInfo?.view?.startIndex + 1 <= totalRecordCount\n  ) {\n    vi.rContainer.style.removeProperty('top');\n    vi.rContainer.style.bottom = '0px';\n  } else {\n    vi.rContainer.style.removeProperty('bottom');\n    const top = calculateTop(vi, scrollTop);\n    vi.rContainer.style.top = `${top}px`;\n    adjustTopRowContainerToAvoidDrift(vi, top);\n  }\n}\n\n// index attrs required to estimate next set.\nexport function setAttributesOnItems(\n  state: { startIndex: number; endIndex: number },\n  rContainer: HTMLElement\n) {\n  rContainer.childNodes.forEach((r, index) => {\n    (r as HTMLElement).setAttribute('data-index', `${state.startIndex + index}`);\n  });\n}\n\nexport function getPContainerClientWidth(pContainer: HTMLElement) {\n  if (!pContainer) return;\n\n  const { width: pContainerWidth } = pContainer.getBoundingClientRect();\n\n  let pContainerClientWidth = Math.floor(pContainerWidth);\n  if (pContainer.offsetWidth > pContainer.clientWidth) {\n    pContainerClientWidth -= getScrollbarWidth();\n  }\n  return pContainerClientWidth;\n}\n\nexport function getValueWithUnit(\n  value: string | number | undefined,\n  defaultValue: string | number\n): string | number {\n  if (!value) return defaultValue;\n  if (!value.toString().includes('px') && !value.toString().includes('%')) {\n    return `${value}px`;\n  }\n  return `${value}`;\n}\n\nexport function getMaxHeight(viewMaxHeight: number | string | undefined): string {\n  if (!viewMaxHeight) return 'none';\n  return typeof viewMaxHeight === 'number' ? `${viewMaxHeight}px` : viewMaxHeight;\n}\n"]}
+{"version":3,"file":"utility.js","sourceRoot":"","sources":["../../../../Core/Components/Virtualise/utility.ts"],"names":[],"mappings":"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","sourcesContent":["import { getScrollbarWidth } from 'pega-repeating-structures-core';\n\nimport { StickyGroupHeader } from './Pagination';\n\n// TODO: in future, take this count in meta\nconst MAX_SCROLLABLE_ROW_COUNT = 5000;\n\nexport function getRecordCountForLayoutPaint(totalRecordCount: number) {\n  return totalRecordCount > MAX_SCROLLABLE_ROW_COUNT ? MAX_SCROLLABLE_ROW_COUNT : totalRecordCount;\n}\n\n// State should be communicated back from consumer to know\n// if pagination last request completed or not.\nexport function isPaginationRequestCompleted(\n  requestedIndexes?: { startIndex: number; endIndex: number },\n  receivedIndexes?: { startIndex: number; endIndex: number }\n) {\n  // this is required when there is a pagination request which is raised just to update consumer\n  // about updated index though pagination is really not required.\n  return (\n    receivedIndexes &&\n    requestedIndexes &&\n    ((receivedIndexes.startIndex === requestedIndexes.startIndex &&\n      receivedIndexes.endIndex === requestedIndexes.endIndex) ||\n      (Object.keys(requestedIndexes).length === 0 && receivedIndexes.endIndex))\n  );\n}\n\nexport function isViewNotFilled(\n  totalRecordCount: number,\n  vi: { rContainer: HTMLDivElement },\n  pContainer: HTMLDivElement,\n  renderHeader: boolean\n) {\n  const parentContainerPosition = pContainer.getBoundingClientRect();\n  // This is required to accommodate header height.\n  // TODO: Need to find a better solution to pull out header out of this.\n  const headerRowHeight =\n    renderHeader && pContainer.childElementCount > 1\n      ? (pContainer.childNodes[0] as HTMLElement).offsetHeight\n      : 0;\n  const scrollbarWidth = getScrollbarWidth();\n  return (\n    totalRecordCount &&\n    vi.rContainer.childElementCount !== totalRecordCount &&\n    (Math.floor(vi.rContainer.getBoundingClientRect().bottom) <\n      Math.floor(parentContainerPosition.bottom - scrollbarWidth) ||\n      Math.floor(vi.rContainer.getBoundingClientRect().top) >\n        Math.floor(parentContainerPosition.top + headerRowHeight) ||\n      vi.rContainer.childElementCount === 0)\n  );\n}\n\nfunction getItemCountPerRow(rows: Element[]) {\n  const itemsCountPerRow: {\n    [key: string]: { count: number; height: number; isStickyGroupHeader: boolean };\n  } = {};\n  rows.forEach(item => {\n    const itemBoundary = item.getBoundingClientRect();\n    // isStickyGroupHeader flag helps in including the overlapped sticky-group-header for getting correct averages\n    const isStickyGroupHeader = item.classList.contains(StickyGroupHeader);\n    if (itemsCountPerRow[itemBoundary.top]) {\n      itemsCountPerRow[itemBoundary.top].count += 1;\n      if (itemsCountPerRow[itemBoundary.top].height < itemBoundary.height) {\n        itemsCountPerRow[itemBoundary.top].height = itemBoundary.height;\n      }\n    } else {\n      itemsCountPerRow[itemBoundary.top] = {\n        count: 1,\n        height: itemBoundary.height,\n        isStickyGroupHeader\n      };\n    }\n  });\n  return itemsCountPerRow;\n}\n\n// Based on row container size, get estimated count,\n// average height and no of items in a row.\nexport function getCurrentEstimation(rContainer: HTMLDivElement, includeRowsOnly = false) {\n  const rContainerChildren = Array.from(rContainer.children || []);\n  const filteredRowsContainer = includeRowsOnly\n    ? rContainerChildren.filter(r => r.hasAttribute('data-key'))\n    : rContainerChildren;\n\n  const itemsCountPerRow = getItemCountPerRow(filteredRowsContainer);\n  const itemCount = filteredRowsContainer.length || 0;\n  // TODO FIXME: #virtualizer Remove dependency on sticky-group-header class and try to make the key of ItemsCountPerRow unique which will work for overlapping scenarios\n  // BUG-740809 handling the rowCount in case of overlapped sticky-group-header\n  // If we have sticky-group-headers, add overlapped sticky-group-headers to rowCount.\n  // So, that averageNumberOfItemsInARow will be 1 for grid. That's why adding the complete count.\n  const rowCount = Object.values(itemsCountPerRow).reduce(\n    (acc: number, o: { isStickyGroupHeader: boolean; count: number }) => {\n      if (o.isStickyGroupHeader) {\n        return acc + o.count;\n      }\n      return acc + 1;\n    },\n    0\n  );\n  const averageNumberOfItemsInARow = rowCount > 0 ? itemCount / rowCount : 0;\n  const height = Object.values(itemsCountPerRow).reduce(\n    (acc: number, o: { isStickyGroupHeader: boolean; height: number; count: number }) => {\n      if (o.isStickyGroupHeader) {\n        return acc + o.height * o.count;\n      }\n      return acc + o.height;\n    },\n    0\n  );\n  const averageRowHeight = rowCount > 0 ? height / rowCount : 0;\n  const rowContainerHeight = rContainer.offsetHeight || 0;\n  return { itemCount, rowContainerHeight, averageNumberOfItemsInARow, averageRowHeight };\n}\n\n// Calculate top which needs to set on row container when component rerender.\n// component can rerender many times though pagination is in progress.\nfunction calculateTop(\n  vi: {\n    rContainer: HTMLDivElement;\n    pInfo?: {\n      view?: { startIndex: number; endIndex: number };\n    };\n    currentEstimation: {\n      itemCount: number;\n      rowContainerHeight: number;\n      averageNumberOfItemsInARow: number;\n      averageRowHeight: number;\n    };\n  },\n  scrollTop: number\n) {\n  let top = 0;\n  if (vi.pInfo && vi.pInfo?.view?.startIndex !== 0) {\n    // slide row container for current view based on previous estimated value.\n    const estimatedNoOfItemsPushedUp =\n      scrollTop * (vi.currentEstimation.itemCount / vi.currentEstimation.rowContainerHeight);\n    // estimated start view index of current view based on scroll top.\n\n    const estimatedStartIndexInView = estimatedNoOfItemsPushedUp + 1;\n    // estimated number of buffer records.\n\n    const noOfBufferRecords = estimatedStartIndexInView - (vi.pInfo?.view?.startIndex ?? 0);\n    const noOfBufferRecordsHeight =\n      (noOfBufferRecords / vi.currentEstimation.averageNumberOfItemsInARow) *\n      vi.currentEstimation.averageRowHeight;\n    // calculated top of row container.\n    top = scrollTop - noOfBufferRecordsHeight;\n    if (top < 0) top = 0;\n  }\n  return top;\n}\n\nfunction adjustTopRowContainerToAvoidDrift(\n  vi: {\n    rContainer: HTMLDivElement;\n    pInfo: {\n      view: { startIndex: number; endIndex: number };\n      currentEstimation: {\n        itemCount: number;\n        rowContainerHeight: number;\n        averageNumberOfItemsInARow: number;\n        averageRowHeight: number;\n      };\n      existingItemBoundingBox: { y: number };\n      currentRowIndex: number;\n      bufferNewCords: { top: number };\n      bufferOldCords: { top: number };\n    };\n    currentEstimation: {\n      itemCount: number;\n      rowContainerHeight: number;\n      averageNumberOfItemsInARow: number;\n      averageRowHeight: number;\n    };\n  },\n  existingTop: number\n) {\n  // Adjust top if element was viewable when user stop scrolling and pagination trigger.\n  // existing item should be viewable are at time of calculation\n  // as we allow user to scroll even pagination request triggered.\n  let effectiveTop = existingTop;\n  const { existingItemBoundingBox, currentRowIndex } = vi.pInfo;\n  // As safari does elastic scroll, we need this check to avoid any space on top.\n  const safariIsFirstItem = currentRowIndex === 0;\n  if (existingItemBoundingBox && !safariIsFirstItem) {\n    const currentRowIndexItem = vi.rContainer.querySelector(\n      `[data-index='${vi.pInfo.currentRowIndex}']`\n    );\n    if (currentRowIndexItem) {\n      // scrollNodeTopChange - change in scroll while pagination is in progress.\n      const scrollNodeTopChange = vi.pInfo.bufferNewCords.top - vi.pInfo.bufferOldCords.top;\n      const newItemBoundingBox = currentRowIndexItem.getBoundingClientRect();\n      const top = newItemBoundingBox.y - existingItemBoundingBox.y - scrollNodeTopChange;\n      effectiveTop = existingTop - top;\n    }\n  }\n  // As of now, we are making top to zero if it goes in negative, which is not right way.\n  // -ve is possible value for it as scroll top is just approximation. Check when\n  // gallery view gives you 0 to index result after some scroll.\n  // scroll top is 0 as it is top row index based.\n  // TODO: can go negative as bottom to top paint strategy is pending.\n  // This check and expression is not required after that. This will be handled in next release.\n  // Gallery issue wil also be handled in that. As of for first attempt we have to either scroll more.\n  // or make buffer size more in that to avoid 0 to index number in next repaint.\n  if (effectiveTop < 0 && vi.pInfo.view.startIndex === 0) effectiveTop = 0;\n  if (effectiveTop !== existingTop) vi.rContainer.style.top = `${effectiveTop}px`;\n}\n\nexport function updateRowContainerTop(\n  vi: {\n    rContainer: HTMLDivElement;\n    pInfo: {\n      view: { startIndex: number; endIndex: number };\n      currentEstimation: {\n        itemCount: number;\n        rowContainerHeight: number;\n        averageNumberOfItemsInARow: number;\n        averageRowHeight: number;\n      };\n      existingItemBoundingBox: { y: number };\n      currentRowIndex: number;\n      bufferNewCords: { top: number };\n      bufferOldCords: { top: number };\n    };\n    currentEstimation: {\n      itemCount: number;\n      rowContainerHeight: number;\n      averageNumberOfItemsInARow: number;\n      averageRowHeight: number;\n    };\n  },\n  totalRecordCount: number,\n  state: { [key: string]: any },\n  pContainer: HTMLDivElement,\n  scrollTop: number\n) {\n  // if you get last record , put row container to bottom always to Avoid\n  // any space left because of estimation otherwise calculate top.\n  // if next rerender you get less records,\n  if (\n    (vi.pInfo?.view?.startIndex === 0 && vi.pInfo?.view?.endIndex < totalRecordCount) ||\n    // eslint-disable-next-line no-unsafe-optional-chaining\n    vi.pInfo?.view?.startIndex + 1 > totalRecordCount ||\n    // eslint-disable-next-line no-unsafe-optional-chaining\n    vi.pInfo?.view?.endIndex - vi.pInfo?.view?.startIndex >= totalRecordCount\n  ) {\n    // This is a case when you scroll to top or say after filter your items count reduce to such level\n    // it doesn't fit in current start and end index and put container top and fill view\n    // will consider if empty.\n    vi.rContainer.style.removeProperty('bottom');\n    vi.rContainer.style.top = '0px';\n    // Any action which makes indexes out of range to total record count,\n    // scroll to top as a default behavior.\n    if (vi.pInfo.view.startIndex + 1 > totalRecordCount) pContainer.scrollTop = 0;\n\n    // commenting below line as it can cause white space on top sometime.\n    // Commenting this line might cause a small flicker only when you reach at top.\n    // We will solve this in 8.6 release.\n    // else if (vi.pInfo?.topRowIndex > 0) adjustTopRowContainerToAvoidDrift(vi, 0);\n  } else if (\n    // eslint-disable-next-line no-unsafe-optional-chaining\n    vi.pInfo?.view?.endIndex + 1 >= totalRecordCount &&\n    // eslint-disable-next-line no-unsafe-optional-chaining\n    vi.pInfo?.view?.startIndex + 1 <= totalRecordCount\n  ) {\n    vi.rContainer.style.removeProperty('top');\n    vi.rContainer.style.bottom = '0px';\n  } else {\n    vi.rContainer.style.removeProperty('bottom');\n    const top = calculateTop(vi, scrollTop);\n    vi.rContainer.style.top = `${top}px`;\n    adjustTopRowContainerToAvoidDrift(vi, top);\n  }\n}\n\n// index attrs required to estimate next set.\nexport function setAttributesOnItems(\n  state: { startIndex: number; endIndex: number },\n  rContainer: HTMLElement\n) {\n  rContainer.childNodes.forEach((r, index) => {\n    (r as HTMLElement).setAttribute('data-index', `${state.startIndex + index}`);\n  });\n}\n\nexport function getPContainerClientWidth(pContainer: HTMLElement) {\n  if (!pContainer) return;\n\n  const { width: pContainerWidth } = pContainer.getBoundingClientRect();\n\n  let pContainerClientWidth = Math.floor(pContainerWidth);\n  if (pContainer.offsetWidth > pContainer.clientWidth) {\n    pContainerClientWidth -= getScrollbarWidth();\n  }\n  return pContainerClientWidth;\n}\n\nexport function getValueWithUnit(\n  value: string | number | undefined,\n  defaultValue: string | number\n): string | number {\n  if (!value) return defaultValue;\n  if (!value.toString().includes('px') && !value.toString().includes('%')) {\n    return `${value}px`;\n  }\n  return `${value}`;\n}\n\nexport function getMaxHeight(viewMaxHeight: number | string | undefined): string {\n  if (!viewMaxHeight) return 'none';\n  return typeof viewMaxHeight === 'number' ? `${viewMaxHeight}px` : viewMaxHeight;\n}\n"]}

package/lib/Core/Hooks/useDragDrop.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useDragDrop.d.ts","sourceRoot":"","sources":["../../../Core/Hooks/useDragDrop.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAe,gBAAgB,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAE5F;;;;;;;;GAQG;AACH,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,EAClC,OAAO,EACP,WAAuB,EACvB,SAAqB,EACrB,WAAuB,EACvB,WAAuB,EACvB,MAAM,EACN,gBAAuB,EACvB,oBAAoB,EACpB,iBAAwB,EACxB,qBAAqB,EACrB,gBAAgB,EACjB,EAAE,gBAAgB,GAAG,iBAAiB,CA8RtC"}
+{"version":3,"file":"useDragDrop.d.ts","sourceRoot":"","sources":["../../../Core/Hooks/useDragDrop.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAe,gBAAgB,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAE5F;;;;;;;;GAQG;AACH,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,EAClC,OAAO,EACP,WAAuB,EACvB,SAAqB,EACrB,WAAuB,EACvB,WAAuB,EACvB,MAAM,EACN,gBAAuB,EACvB,oBAAoB,EACpB,iBAAwB,EACxB,qBAAqB,EACrB,gBAAgB,EACjB,EAAE,gBAAgB,GAAG,iBAAiB,CAgStC"}

package/lib/Core/Hooks/useDragDrop.js

@@ -126,6 +126,8 @@ export default function useDragDrop({ context, onDragStart = undefined, onDragEn
         ref.contextDragOverCb = contextDragOverCb;
         setGhostImage(ev);
         ev.dataTransfer.effectAllowed = 'move';
+        // Setting up some dummy data to make drag drop work in firefox. Refer https://medium.com/%40reiberdatschi/common-pitfalls-with-html5-drag-n-drop-api-9f011a09ee6c
+        ev.dataTransfer.setData('text/plain', 'RS_Dragged_Item');
         // fail safe reset drag target.
         if (ref.dragTarget)
             ref.dragTarget = undefined;

package/lib/Core/Hooks/useDragDrop.js.map

@@ -1 +1 @@
-{"version":3,"file":"useDragDrop.js","sourceRoot":"","sources":["../../../Core/Hooks/useDragDrop.ts"],"names":[],"mappings":"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","sourcesContent":["import { useCallback, useMemo, useRef } from 'react';\n\nimport type { DragDropRef, UseDragDropProps, UseDragDropReturn } from './useDragDrop.types';\n\n/**\n * A custom React hook to handle drag-and-drop functionality with support for animations,\n * ghost images, and collision detection.\n *\n * @param {UseDragDropProps} params - The parameters for configuring the drag-and-drop behavior.\n * See {@link UseDragDropProps} for details.\n * @returns {UseDragDropReturn} An object containing `dragProps` and `dropProps` to be spread onto draggable and droppable elements.\n * See {@link UseDragDropReturn} for details.\n */\nexport default function useDragDrop({\n  context,\n  onDragStart = undefined,\n  onDragEnd = undefined,\n  onDragEnter = undefined,\n  onDragLeave = undefined,\n  onDrop,\n  defaultAnimation = true,\n  getAnimationSelector,\n  defaultGhostImage = true,\n  getGhostImageSelector,\n  getDraggedObject\n}: UseDragDropProps): UseDragDropReturn {\n  // A way to fire dragleave when we actually come out of drop target not only a child of that.\n  const ref = useRef<DragDropRef>({\n    dropTarget: [],\n    dropTargetCoord: null,\n    dragTarget: undefined\n  }).current;\n\n  const addDragEffect = useCallback(\n    (target: Element) => {\n      if (defaultAnimation) {\n        const t = getAnimationSelector ? getAnimationSelector(target) : target;\n        const elms = Array.isArray(t) ? t : [t];\n        elms.forEach(elm => {\n          elm.style.opacity = '0.5';\n        });\n      }\n    },\n    [defaultAnimation, getAnimationSelector]\n  );\n\n  const removeDragEffect = useCallback(\n    (target: Element) => {\n      if (defaultAnimation) {\n        const t = getAnimationSelector ? getAnimationSelector(target) : target;\n        const elms = Array.isArray(t) ? t : [t];\n        elms.forEach(elm => {\n          elm.style.opacity = '1';\n        });\n      }\n    },\n    [defaultAnimation, getAnimationSelector]\n  );\n\n  const setGhostImage = useCallback(\n    (e: React.DragEvent<Element>) => {\n      if (defaultGhostImage) {\n        const elem = (\n          getGhostImageSelector ? getGhostImageSelector(e.currentTarget) : e.currentTarget\n        ) as HTMLElement;\n        const ghostElement = elem.cloneNode(true) as HTMLElement;\n        if (ghostElement) {\n          ghostElement.style.height = `${elem.style.height}px`;\n          ghostElement.style.width = `${elem.style.width}px`;\n          ghostElement.style.position = 'absolute';\n          ghostElement.style.top = '-1000000px';\n          ghostElement.style.left = '-10000000px';\n          ghostElement.style.zIndex = '-1';\n        }\n        context.current?.appendChild(ghostElement);\n        e.dataTransfer?.setDragImage(ghostElement, 0, 0);\n\n        setTimeout(() => {\n          ghostElement.parentNode?.removeChild(ghostElement);\n        }, 1000);\n      }\n    },\n    [getGhostImageSelector, context, defaultGhostImage]\n  );\n\n  const isColliding = useCallback((x: number, y: number, coord: DOMRect): boolean => {\n    const smallBuffer = 2;\n    return !(\n      x < coord.left - smallBuffer ||\n      x > coord.right + smallBuffer ||\n      y > coord.bottom + smallBuffer ||\n      y < coord.top - smallBuffer\n    );\n  }, []);\n\n  const addDropEffect = useCallback(\n    (target: Element) => {\n      if (defaultAnimation) {\n        const t = getAnimationSelector ? getAnimationSelector(target) : target;\n        const elms = Array.isArray(t) ? t : [t];\n        elms.forEach(elm => {\n          // Need to handle this in better way.TODO: need clean up as well.\n          elm.style.transition = 'transform 0.25s';\n          elm.style.transform = 'translate(20px)';\n        });\n      }\n    },\n    [defaultAnimation, getAnimationSelector]\n  );\n\n  const removeDropEffect = useCallback(\n    (target: Element) => {\n      if (defaultAnimation) {\n        const t = getAnimationSelector ? getAnimationSelector(target) : target;\n        const elms = Array.isArray(t) ? t : [t];\n        elms.forEach(elm => {\n          elm.style.transform = 'translate(0px)';\n        });\n      }\n    },\n    [defaultAnimation, getAnimationSelector]\n  );\n\n  const contextDragOverCb = useCallback(\n    (e: DragEvent) => {\n      e.stopPropagation();\n      e.preventDefault();\n      if (\n        ref.dragLeaveSkipped &&\n        ref.dropTarget &&\n        ref.dropTarget[ref.dropTarget.length - 1] &&\n        ref.dropTargetCoord &&\n        !isColliding(e.clientX, e.clientY, ref.dropTargetCoord)\n      ) {\n        ref.forcedDragLeave = true;\n        ref.dragLeaveSkipped = false;\n        const elm = ref.dropTarget.shift();\n        ref.dropTarget = [...ref.dropTarget];\n        elm?.dispatchEvent(\n          new MouseEvent('dragleave', {\n            bubbles: true,\n            cancelable: true,\n            view: window\n          })\n        );\n      }\n    },\n    [isColliding, ref]\n  );\n\n  const contextDropCb = useCallback(\n    (ev: DragEvent) => {\n      ev.stopPropagation();\n      ev.preventDefault();\n      const elm = ref.dropTarget[ref.dropTarget.length - 1] as HTMLElement;\n      if (\n        ref.dropTargetCoord &&\n        elm !== ref.dragTarget &&\n        isColliding(ev.clientX, ev.clientY, ref.dropTargetCoord)\n      ) {\n        removeDropEffect(elm);\n        elm.classList.remove('dragEnter');\n        if (onDrop && ref.dragTarget) onDrop(elm, ref.dragTarget);\n        ref.dragTarget = undefined;\n        ref.dropTargetCoord = null;\n        ref.dropTarget = [];\n      }\n    },\n    [ref, isColliding, removeDropEffect, onDrop]\n  );\n\n  const dragStartCb = useCallback(\n    (ev: React.DragEvent<HTMLElement>) => {\n      document.addEventListener('dragover', contextDragOverCb);\n      context.current?.addEventListener('drop', contextDropCb);\n\n      // clear the drag operation's data store when drag starts as its the only time when drag data is writable\n      if (ev.dataTransfer) ev.dataTransfer.clearData();\n\n      // We have to keep event handler in reference so that we can remove right handler when drag ends.\n      // Handler might change in between because of deps.\n      ref.contextDropCb = contextDropCb;\n      ref.contextDragOverCb = contextDragOverCb;\n\n      setGhostImage(ev);\n      ev.dataTransfer.effectAllowed = 'move';\n      // fail safe reset drag target.\n      if (ref.dragTarget) ref.dragTarget = undefined;\n      ref.dragTarget = getDraggedObject ? getDraggedObject(ev.currentTarget) : ev.currentTarget;\n      ev.currentTarget.classList.add('dragStart');\n      addDragEffect(ev.currentTarget);\n      if (onDragStart) onDragStart(ev);\n    },\n    [\n      contextDragOverCb,\n      context,\n      contextDropCb,\n      setGhostImage,\n      ref,\n      getDraggedObject,\n      addDragEffect,\n      onDragStart\n    ]\n  );\n\n  const dragEndCb = useCallback(\n    (ev: React.DragEvent<HTMLElement>) => {\n      if (ref.contextDragOverCb) document.removeEventListener('dragover', ref.contextDragOverCb);\n      if (ref.contextDropCb) context.current?.removeEventListener('drop', ref.contextDropCb);\n      ref.dropTarget = [];\n      ref.dropTargetCoord = null;\n      ref.forcedDragLeave = false;\n      ref.dragLeaveSkipped = false;\n      ev.currentTarget.classList.remove('dragStart');\n      removeDragEffect(ev.currentTarget);\n      if (onDragEnd) onDragEnd(ev);\n    },\n    [onDragEnd, removeDragEffect, context, ref]\n  );\n\n  const isValidDragEnter = useCallback(\n    (e: React.DragEvent<Element>) => {\n      let isValid = true;\n      if (ref.dragTarget === e.currentTarget) isValid = false;\n      else if (ref.dropTarget[ref.dropTarget.length - 1] === e.currentTarget) isValid = false;\n      else if (\n        ref.dropTarget[ref.dropTarget.length - 1] &&\n        ref.dropTarget[ref.dropTarget.length - 1] !== e.currentTarget\n      ) {\n        const currentTargetCoord = e.currentTarget.getBoundingClientRect();\n        const dropTargetCoord = ref.dropTarget[ref.dropTarget.length - 1].getBoundingClientRect();\n        if (\n          !isColliding(e.clientX, e.clientY, currentTargetCoord) &&\n          isColliding(e.clientX, e.clientY, dropTargetCoord)\n        )\n          isValid = false;\n      }\n      return isValid;\n    },\n    [ref, isColliding]\n  );\n\n  const dragEnterCb = useCallback(\n    (ev: React.DragEvent<HTMLElement>) => {\n      ev.stopPropagation();\n      if (isValidDragEnter(ev)) {\n        ref.dropTarget = ref.dropTarget.length ? [...ref.dropTarget] : [];\n        ref.dropTarget.push(ev.currentTarget);\n        ev.currentTarget.classList.add('dragEnter');\n        ev.dataTransfer.dropEffect = 'move';\n        ref.dropTargetCoord = ev.currentTarget.getBoundingClientRect();\n        addDropEffect(ev.currentTarget);\n        if (onDragEnter) onDragEnter(ev);\n\n        if (ref.dropTarget.length > 1) {\n          const elm = ref.dropTarget.shift();\n          ref.dropTarget = [...ref.dropTarget];\n          ref.forcedDragLeave = true;\n          elm?.dispatchEvent(\n            new MouseEvent('dragleave', {\n              bubbles: true,\n              cancelable: true,\n              view: window\n            })\n          );\n        }\n      }\n    },\n    [onDragEnter, addDropEffect, ref, isValidDragEnter]\n  );\n\n  const dragLeaveCb = useCallback(\n    (ev: React.DragEvent<HTMLElement>) => {\n      ev.stopPropagation();\n      if (ref.forcedDragLeave) {\n        ref.forcedDragLeave = false;\n        ev.currentTarget.classList.remove('dragEnter');\n        removeDropEffect(ev.currentTarget);\n        if (onDragLeave) onDragLeave(ev);\n      } else if (\n        !ev.currentTarget.contains(ev.relatedTarget as Element) &&\n        ref.dragTarget !== ev.currentTarget\n      ) {\n        ref.dragLeaveSkipped = true;\n      }\n    },\n    [ref, removeDropEffect, onDragLeave]\n  );\n\n  const dragProps = useMemo(\n    () => ({\n      draggable: true,\n      onDragStart: dragStartCb,\n      onDragEnd: dragEndCb\n    }),\n    [dragStartCb, dragEndCb]\n  );\n\n  const dropProps = useMemo(\n    () => ({\n      onDragEnter: dragEnterCb,\n      onDragLeave: dragLeaveCb,\n      'data-drop': 'dropzone'\n    }),\n    [dragEnterCb, dragLeaveCb]\n  );\n\n  return {\n    dragProps,\n    dropProps\n  };\n}\n"]}
+{"version":3,"file":"useDragDrop.js","sourceRoot":"","sources":["../../../Core/Hooks/useDragDrop.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAIrD;;;;;;;;GAQG;AACH,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,EAClC,OAAO,EACP,WAAW,GAAG,SAAS,EACvB,SAAS,GAAG,SAAS,EACrB,WAAW,GAAG,SAAS,EACvB,WAAW,GAAG,SAAS,EACvB,MAAM,EACN,gBAAgB,GAAG,IAAI,EACvB,oBAAoB,EACpB,iBAAiB,GAAG,IAAI,EACxB,qBAAqB,EACrB,gBAAgB,EACC;IACjB,6FAA6F;IAC7F,MAAM,GAAG,GAAG,MAAM,CAAc;QAC9B,UAAU,EAAE,EAAE;QACd,eAAe,EAAE,IAAI;QACrB,UAAU,EAAE,SAAS;KACtB,CAAC,CAAC,OAAO,CAAC;IAEX,MAAM,aAAa,GAAG,WAAW,CAC/B,CAAC,MAAe,EAAE,EAAE;QAClB,IAAI,gBAAgB,EAAE,CAAC;YACrB,MAAM,CAAC,GAAG,oBAAoB,CAAC,CAAC,CAAC,oBAAoB,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC;YACvE,MAAM,IAAI,GAAG,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;YACxC,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,EAAE;gBACjB,GAAG,CAAC,KAAK,CAAC,OAAO,GAAG,KAAK,CAAC;YAC5B,CAAC,CAAC,CAAC;QACL,CAAC;IACH,CAAC,EACD,CAAC,gBAAgB,EAAE,oBAAoB,CAAC,CACzC,CAAC;IAEF,MAAM,gBAAgB,GAAG,WAAW,CAClC,CAAC,MAAe,EAAE,EAAE;QAClB,IAAI,gBAAgB,EAAE,CAAC;YACrB,MAAM,CAAC,GAAG,oBAAoB,CAAC,CAAC,CAAC,oBAAoB,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC;YACvE,MAAM,IAAI,GAAG,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;YACxC,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,EAAE;gBACjB,GAAG,CAAC,KAAK,CAAC,OAAO,GAAG,GAAG,CAAC;YAC1B,CAAC,CAAC,CAAC;QACL,CAAC;IACH,CAAC,EACD,CAAC,gBAAgB,EAAE,oBAAoB,CAAC,CACzC,CAAC;IAEF,MAAM,aAAa,GAAG,WAAW,CAC/B,CAAC,CAA2B,EAAE,EAAE;QAC9B,IAAI,iBAAiB,EAAE,CAAC;YACtB,MAAM,IAAI,GAAG,CACX,qBAAqB,CAAC,CAAC,CAAC,qBAAqB,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,aAAa,CAClE,CAAC;YACjB,MAAM,YAAY,GAAG,IAAI,CAAC,SAAS,CAAC,IAAI,CAAgB,CAAC;YACzD,IAAI,YAAY,EAAE,CAAC;gBACjB,YAAY,CAAC,KAAK,CAAC,MAAM,GAAG,GAAG,IAAI,CAAC,KAAK,CAAC,MAAM,IAAI,CAAC;gBACrD,YAAY,CAAC,KAAK,CAAC,KAAK,GAAG,GAAG,IAAI,CAAC,KAAK,CAAC,KAAK,IAAI,CAAC;gBACnD,YAAY,CAAC,KAAK,CAAC,QAAQ,GAAG,UAAU,CAAC;gBACzC,YAAY,CAAC,KAAK,CAAC,GAAG,GAAG,YAAY,CAAC;gBACtC,YAAY,CAAC,KAAK,CAAC,IAAI,GAAG,aAAa,CAAC;gBACxC,YAAY,CAAC,KAAK,CAAC,MAAM,GAAG,IAAI,CAAC;YACnC,CAAC;YACD,OAAO,CAAC,OAAO,EAAE,WAAW,CAAC,YAAY,CAAC,CAAC;YAC3C,CAAC,CAAC,YAAY,EAAE,YAAY,CAAC,YAAY,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC;YAEjD,UAAU,CAAC,GAAG,EAAE;gBACd,YAAY,CAAC,UAAU,EAAE,WAAW,CAAC,YAAY,CAAC,CAAC;YACrD,CAAC,EAAE,IAAI,CAAC,CAAC;QACX,CAAC;IACH,CAAC,EACD,CAAC,qBAAqB,EAAE,OAAO,EAAE,iBAAiB,CAAC,CACpD,CAAC;IAEF,MAAM,WAAW,GAAG,WAAW,CAAC,CAAC,CAAS,EAAE,CAAS,EAAE,KAAc,EAAW,EAAE;QAChF,MAAM,WAAW,GAAG,CAAC,CAAC;QACtB,OAAO,CAAC,CACN,CAAC,GAAG,KAAK,CAAC,IAAI,GAAG,WAAW;YAC5B,CAAC,GAAG,KAAK,CAAC,KAAK,GAAG,WAAW;YAC7B,CAAC,GAAG,KAAK,CAAC,MAAM,GAAG,WAAW;YAC9B,CAAC,GAAG,KAAK,CAAC,GAAG,GAAG,WAAW,CAC5B,CAAC;IACJ,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,aAAa,GAAG,WAAW,CAC/B,CAAC,MAAe,EAAE,EAAE;QAClB,IAAI,gBAAgB,EAAE,CAAC;YACrB,MAAM,CAAC,GAAG,oBAAoB,CAAC,CAAC,CAAC,oBAAoB,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC;YACvE,MAAM,IAAI,GAAG,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;YACxC,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,EAAE;gBACjB,iEAAiE;gBACjE,GAAG,CAAC,KAAK,CAAC,UAAU,GAAG,iBAAiB,CAAC;gBACzC,GAAG,CAAC,KAAK,CAAC,SAAS,GAAG,iBAAiB,CAAC;YAC1C,CAAC,CAAC,CAAC;QACL,CAAC;IACH,CAAC,EACD,CAAC,gBAAgB,EAAE,oBAAoB,CAAC,CACzC,CAAC;IAEF,MAAM,gBAAgB,GAAG,WAAW,CAClC,CAAC,MAAe,EAAE,EAAE;QAClB,IAAI,gBAAgB,EAAE,CAAC;YACrB,MAAM,CAAC,GAAG,oBAAoB,CAAC,CAAC,CAAC,oBAAoB,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC;YACvE,MAAM,IAAI,GAAG,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;YACxC,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,EAAE;gBACjB,GAAG,CAAC,KAAK,CAAC,SAAS,GAAG,gBAAgB,CAAC;YACzC,CAAC,CAAC,CAAC;QACL,CAAC;IACH,CAAC,EACD,CAAC,gBAAgB,EAAE,oBAAoB,CAAC,CACzC,CAAC;IAEF,MAAM,iBAAiB,GAAG,WAAW,CACnC,CAAC,CAAY,EAAE,EAAE;QACf,CAAC,CAAC,eAAe,EAAE,CAAC;QACpB,CAAC,CAAC,cAAc,EAAE,CAAC;QACnB,IACE,GAAG,CAAC,gBAAgB;YACpB,GAAG,CAAC,UAAU;YACd,GAAG,CAAC,UAAU,CAAC,GAAG,CAAC,UAAU,CAAC,MAAM,GAAG,CAAC,CAAC;YACzC,GAAG,CAAC,eAAe;YACnB,CAAC,WAAW,CAAC,CAAC,CAAC,OAAO,EAAE,CAAC,CAAC,OAAO,EAAE,GAAG,CAAC,eAAe,CAAC,EACvD,CAAC;YACD,GAAG,CAAC,eAAe,GAAG,IAAI,CAAC;YAC3B,GAAG,CAAC,gBAAgB,GAAG,KAAK,CAAC;YAC7B,MAAM,GAAG,GAAG,GAAG,CAAC,UAAU,CAAC,KAAK,EAAE,CAAC;YACnC,GAAG,CAAC,UAAU,GAAG,CAAC,GAAG,GAAG,CAAC,UAAU,CAAC,CAAC;YACrC,GAAG,EAAE,aAAa,CAChB,IAAI,UAAU,CAAC,WAAW,EAAE;gBAC1B,OAAO,EAAE,IAAI;gBACb,UAAU,EAAE,IAAI;gBAChB,IAAI,EAAE,MAAM;aACb,CAAC,CACH,CAAC;QACJ,CAAC;IACH,CAAC,EACD,CAAC,WAAW,EAAE,GAAG,CAAC,CACnB,CAAC;IAEF,MAAM,aAAa,GAAG,WAAW,CAC/B,CAAC,EAAa,EAAE,EAAE;QAChB,EAAE,CAAC,eAAe,EAAE,CAAC;QACrB,EAAE,CAAC,cAAc,EAAE,CAAC;QACpB,MAAM,GAAG,GAAG,GAAG,CAAC,UAAU,CAAC,GAAG,CAAC,UAAU,CAAC,MAAM,GAAG,CAAC,CAAgB,CAAC;QACrE,IACE,GAAG,CAAC,eAAe;YACnB,GAAG,KAAK,GAAG,CAAC,UAAU;YACtB,WAAW,CAAC,EAAE,CAAC,OAAO,EAAE,EAAE,CAAC,OAAO,EAAE,GAAG,CAAC,eAAe,CAAC,EACxD,CAAC;YACD,gBAAgB,CAAC,GAAG,CAAC,CAAC;YACtB,GAAG,CAAC,SAAS,CAAC,MAAM,CAAC,WAAW,CAAC,CAAC;YAClC,IAAI,MAAM,IAAI,GAAG,CAAC,UAAU;gBAAE,MAAM,CAAC,GAAG,EAAE,GAAG,CAAC,UAAU,CAAC,CAAC;YAC1D,GAAG,CAAC,UAAU,GAAG,SAAS,CAAC;YAC3B,GAAG,CAAC,eAAe,GAAG,IAAI,CAAC;YAC3B,GAAG,CAAC,UAAU,GAAG,EAAE,CAAC;QACtB,CAAC;IACH,CAAC,EACD,CAAC,GAAG,EAAE,WAAW,EAAE,gBAAgB,EAAE,MAAM,CAAC,CAC7C,CAAC;IAEF,MAAM,WAAW,GAAG,WAAW,CAC7B,CAAC,EAAgC,EAAE,EAAE;QACnC,QAAQ,CAAC,gBAAgB,CAAC,UAAU,EAAE,iBAAiB,CAAC,CAAC;QACzD,OAAO,CAAC,OAAO,EAAE,gBAAgB,CAAC,MAAM,EAAE,aAAa,CAAC,CAAC;QAEzD,yGAAyG;QACzG,IAAI,EAAE,CAAC,YAAY;YAAE,EAAE,CAAC,YAAY,CAAC,SAAS,EAAE,CAAC;QAEjD,iGAAiG;QACjG,mDAAmD;QACnD,GAAG,CAAC,aAAa,GAAG,aAAa,CAAC;QAClC,GAAG,CAAC,iBAAiB,GAAG,iBAAiB,CAAC;QAE1C,aAAa,CAAC,EAAE,CAAC,CAAC;QAClB,EAAE,CAAC,YAAY,CAAC,aAAa,GAAG,MAAM,CAAC;QACvC,kKAAkK;QAClK,EAAE,CAAC,YAAY,CAAC,OAAO,CAAC,YAAY,EAAE,iBAAiB,CAAC,CAAC;QACzD,+BAA+B;QAC/B,IAAI,GAAG,CAAC,UAAU;YAAE,GAAG,CAAC,UAAU,GAAG,SAAS,CAAC;QAC/C,GAAG,CAAC,UAAU,GAAG,gBAAgB,CAAC,CAAC,CAAC,gBAAgB,CAAC,EAAE,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,aAAa,CAAC;QAC1F,EAAE,CAAC,aAAa,CAAC,SAAS,CAAC,GAAG,CAAC,WAAW,CAAC,CAAC;QAC5C,aAAa,CAAC,EAAE,CAAC,aAAa,CAAC,CAAC;QAChC,IAAI,WAAW;YAAE,WAAW,CAAC,EAAE,CAAC,CAAC;IACnC,CAAC,EACD;QACE,iBAAiB;QACjB,OAAO;QACP,aAAa;QACb,aAAa;QACb,GAAG;QACH,gBAAgB;QAChB,aAAa;QACb,WAAW;KACZ,CACF,CAAC;IAEF,MAAM,SAAS,GAAG,WAAW,CAC3B,CAAC,EAAgC,EAAE,EAAE;QACnC,IAAI,GAAG,CAAC,iBAAiB;YAAE,QAAQ,CAAC,mBAAmB,CAAC,UAAU,EAAE,GAAG,CAAC,iBAAiB,CAAC,CAAC;QAC3F,IAAI,GAAG,CAAC,aAAa;YAAE,OAAO,CAAC,OAAO,EAAE,mBAAmB,CAAC,MAAM,EAAE,GAAG,CAAC,aAAa,CAAC,CAAC;QACvF,GAAG,CAAC,UAAU,GAAG,EAAE,CAAC;QACpB,GAAG,CAAC,eAAe,GAAG,IAAI,CAAC;QAC3B,GAAG,CAAC,eAAe,GAAG,KAAK,CAAC;QAC5B,GAAG,CAAC,gBAAgB,GAAG,KAAK,CAAC;QAC7B,EAAE,CAAC,aAAa,CAAC,SAAS,CAAC,MAAM,CAAC,WAAW,CAAC,CAAC;QAC/C,gBAAgB,CAAC,EAAE,CAAC,aAAa,CAAC,CAAC;QACnC,IAAI,SAAS;YAAE,SAAS,CAAC,EAAE,CAAC,CAAC;IAC/B,CAAC,EACD,CAAC,SAAS,EAAE,gBAAgB,EAAE,OAAO,EAAE,GAAG,CAAC,CAC5C,CAAC;IAEF,MAAM,gBAAgB,GAAG,WAAW,CAClC,CAAC,CAA2B,EAAE,EAAE;QAC9B,IAAI,OAAO,GAAG,IAAI,CAAC;QACnB,IAAI,GAAG,CAAC,UAAU,KAAK,CAAC,CAAC,aAAa;YAAE,OAAO,GAAG,KAAK,CAAC;aACnD,IAAI,GAAG,CAAC,UAAU,CAAC,GAAG,CAAC,UAAU,CAAC,MAAM,GAAG,CAAC,CAAC,KAAK,CAAC,CAAC,aAAa;YAAE,OAAO,GAAG,KAAK,CAAC;aACnF,IACH,GAAG,CAAC,UAAU,CAAC,GAAG,CAAC,UAAU,CAAC,MAAM,GAAG,CAAC,CAAC;YACzC,GAAG,CAAC,UAAU,CAAC,GAAG,CAAC,UAAU,CAAC,MAAM,GAAG,CAAC,CAAC,KAAK,CAAC,CAAC,aAAa,EAC7D,CAAC;YACD,MAAM,kBAAkB,GAAG,CAAC,CAAC,aAAa,CAAC,qBAAqB,EAAE,CAAC;YACnE,MAAM,eAAe,GAAG,GAAG,CAAC,UAAU,CAAC,GAAG,CAAC,UAAU,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,qBAAqB,EAAE,CAAC;YAC1F,IACE,CAAC,WAAW,CAAC,CAAC,CAAC,OAAO,EAAE,CAAC,CAAC,OAAO,EAAE,kBAAkB,CAAC;gBACtD,WAAW,CAAC,CAAC,CAAC,OAAO,EAAE,CAAC,CAAC,OAAO,EAAE,eAAe,CAAC;gBAElD,OAAO,GAAG,KAAK,CAAC;QACpB,CAAC;QACD,OAAO,OAAO,CAAC;IACjB,CAAC,EACD,CAAC,GAAG,EAAE,WAAW,CAAC,CACnB,CAAC;IAEF,MAAM,WAAW,GAAG,WAAW,CAC7B,CAAC,EAAgC,EAAE,EAAE;QACnC,EAAE,CAAC,eAAe,EAAE,CAAC;QACrB,IAAI,gBAAgB,CAAC,EAAE,CAAC,EAAE,CAAC;YACzB,GAAG,CAAC,UAAU,GAAG,GAAG,CAAC,UAAU,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,GAAG,GAAG,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;YAClE,GAAG,CAAC,UAAU,CAAC,IAAI,CAAC,EAAE,CAAC,aAAa,CAAC,CAAC;YACtC,EAAE,CAAC,aAAa,CAAC,SAAS,CAAC,GAAG,CAAC,WAAW,CAAC,CAAC;YAC5C,EAAE,CAAC,YAAY,CAAC,UAAU,GAAG,MAAM,CAAC;YACpC,GAAG,CAAC,eAAe,GAAG,EAAE,CAAC,aAAa,CAAC,qBAAqB,EAAE,CAAC;YAC/D,aAAa,CAAC,EAAE,CAAC,aAAa,CAAC,CAAC;YAChC,IAAI,WAAW;gBAAE,WAAW,CAAC,EAAE,CAAC,CAAC;YAEjC,IAAI,GAAG,CAAC,UAAU,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;gBAC9B,MAAM,GAAG,GAAG,GAAG,CAAC,UAAU,CAAC,KAAK,EAAE,CAAC;gBACnC,GAAG,CAAC,UAAU,GAAG,CAAC,GAAG,GAAG,CAAC,UAAU,CAAC,CAAC;gBACrC,GAAG,CAAC,eAAe,GAAG,IAAI,CAAC;gBAC3B,GAAG,EAAE,aAAa,CAChB,IAAI,UAAU,CAAC,WAAW,EAAE;oBAC1B,OAAO,EAAE,IAAI;oBACb,UAAU,EAAE,IAAI;oBAChB,IAAI,EAAE,MAAM;iBACb,CAAC,CACH,CAAC;YACJ,CAAC;QACH,CAAC;IACH,CAAC,EACD,CAAC,WAAW,EAAE,aAAa,EAAE,GAAG,EAAE,gBAAgB,CAAC,CACpD,CAAC;IAEF,MAAM,WAAW,GAAG,WAAW,CAC7B,CAAC,EAAgC,EAAE,EAAE;QACnC,EAAE,CAAC,eAAe,EAAE,CAAC;QACrB,IAAI,GAAG,CAAC,eAAe,EAAE,CAAC;YACxB,GAAG,CAAC,eAAe,GAAG,KAAK,CAAC;YAC5B,EAAE,CAAC,aAAa,CAAC,SAAS,CAAC,MAAM,CAAC,WAAW,CAAC,CAAC;YAC/C,gBAAgB,CAAC,EAAE,CAAC,aAAa,CAAC,CAAC;YACnC,IAAI,WAAW;gBAAE,WAAW,CAAC,EAAE,CAAC,CAAC;QACnC,CAAC;aAAM,IACL,CAAC,EAAE,CAAC,aAAa,CAAC,QAAQ,CAAC,EAAE,CAAC,aAAwB,CAAC;YACvD,GAAG,CAAC,UAAU,KAAK,EAAE,CAAC,aAAa,EACnC,CAAC;YACD,GAAG,CAAC,gBAAgB,GAAG,IAAI,CAAC;QAC9B,CAAC;IACH,CAAC,EACD,CAAC,GAAG,EAAE,gBAAgB,EAAE,WAAW,CAAC,CACrC,CAAC;IAEF,MAAM,SAAS,GAAG,OAAO,CACvB,GAAG,EAAE,CAAC,CAAC;QACL,SAAS,EAAE,IAAI;QACf,WAAW,EAAE,WAAW;QACxB,SAAS,EAAE,SAAS;KACrB,CAAC,EACF,CAAC,WAAW,EAAE,SAAS,CAAC,CACzB,CAAC;IAEF,MAAM,SAAS,GAAG,OAAO,CACvB,GAAG,EAAE,CAAC,CAAC;QACL,WAAW,EAAE,WAAW;QACxB,WAAW,EAAE,WAAW;QACxB,WAAW,EAAE,UAAU;KACxB,CAAC,EACF,CAAC,WAAW,EAAE,WAAW,CAAC,CAC3B,CAAC;IAEF,OAAO;QACL,SAAS;QACT,SAAS;KACV,CAAC;AACJ,CAAC","sourcesContent":["import { useCallback, useMemo, useRef } from 'react';\n\nimport type { DragDropRef, UseDragDropProps, UseDragDropReturn } from './useDragDrop.types';\n\n/**\n * A custom React hook to handle drag-and-drop functionality with support for animations,\n * ghost images, and collision detection.\n *\n * @param {UseDragDropProps} params - The parameters for configuring the drag-and-drop behavior.\n * See {@link UseDragDropProps} for details.\n * @returns {UseDragDropReturn} An object containing `dragProps` and `dropProps` to be spread onto draggable and droppable elements.\n * See {@link UseDragDropReturn} for details.\n */\nexport default function useDragDrop({\n  context,\n  onDragStart = undefined,\n  onDragEnd = undefined,\n  onDragEnter = undefined,\n  onDragLeave = undefined,\n  onDrop,\n  defaultAnimation = true,\n  getAnimationSelector,\n  defaultGhostImage = true,\n  getGhostImageSelector,\n  getDraggedObject\n}: UseDragDropProps): UseDragDropReturn {\n  // A way to fire dragleave when we actually come out of drop target not only a child of that.\n  const ref = useRef<DragDropRef>({\n    dropTarget: [],\n    dropTargetCoord: null,\n    dragTarget: undefined\n  }).current;\n\n  const addDragEffect = useCallback(\n    (target: Element) => {\n      if (defaultAnimation) {\n        const t = getAnimationSelector ? getAnimationSelector(target) : target;\n        const elms = Array.isArray(t) ? t : [t];\n        elms.forEach(elm => {\n          elm.style.opacity = '0.5';\n        });\n      }\n    },\n    [defaultAnimation, getAnimationSelector]\n  );\n\n  const removeDragEffect = useCallback(\n    (target: Element) => {\n      if (defaultAnimation) {\n        const t = getAnimationSelector ? getAnimationSelector(target) : target;\n        const elms = Array.isArray(t) ? t : [t];\n        elms.forEach(elm => {\n          elm.style.opacity = '1';\n        });\n      }\n    },\n    [defaultAnimation, getAnimationSelector]\n  );\n\n  const setGhostImage = useCallback(\n    (e: React.DragEvent<Element>) => {\n      if (defaultGhostImage) {\n        const elem = (\n          getGhostImageSelector ? getGhostImageSelector(e.currentTarget) : e.currentTarget\n        ) as HTMLElement;\n        const ghostElement = elem.cloneNode(true) as HTMLElement;\n        if (ghostElement) {\n          ghostElement.style.height = `${elem.style.height}px`;\n          ghostElement.style.width = `${elem.style.width}px`;\n          ghostElement.style.position = 'absolute';\n          ghostElement.style.top = '-1000000px';\n          ghostElement.style.left = '-10000000px';\n          ghostElement.style.zIndex = '-1';\n        }\n        context.current?.appendChild(ghostElement);\n        e.dataTransfer?.setDragImage(ghostElement, 0, 0);\n\n        setTimeout(() => {\n          ghostElement.parentNode?.removeChild(ghostElement);\n        }, 1000);\n      }\n    },\n    [getGhostImageSelector, context, defaultGhostImage]\n  );\n\n  const isColliding = useCallback((x: number, y: number, coord: DOMRect): boolean => {\n    const smallBuffer = 2;\n    return !(\n      x < coord.left - smallBuffer ||\n      x > coord.right + smallBuffer ||\n      y > coord.bottom + smallBuffer ||\n      y < coord.top - smallBuffer\n    );\n  }, []);\n\n  const addDropEffect = useCallback(\n    (target: Element) => {\n      if (defaultAnimation) {\n        const t = getAnimationSelector ? getAnimationSelector(target) : target;\n        const elms = Array.isArray(t) ? t : [t];\n        elms.forEach(elm => {\n          // Need to handle this in better way.TODO: need clean up as well.\n          elm.style.transition = 'transform 0.25s';\n          elm.style.transform = 'translate(20px)';\n        });\n      }\n    },\n    [defaultAnimation, getAnimationSelector]\n  );\n\n  const removeDropEffect = useCallback(\n    (target: Element) => {\n      if (defaultAnimation) {\n        const t = getAnimationSelector ? getAnimationSelector(target) : target;\n        const elms = Array.isArray(t) ? t : [t];\n        elms.forEach(elm => {\n          elm.style.transform = 'translate(0px)';\n        });\n      }\n    },\n    [defaultAnimation, getAnimationSelector]\n  );\n\n  const contextDragOverCb = useCallback(\n    (e: DragEvent) => {\n      e.stopPropagation();\n      e.preventDefault();\n      if (\n        ref.dragLeaveSkipped &&\n        ref.dropTarget &&\n        ref.dropTarget[ref.dropTarget.length - 1] &&\n        ref.dropTargetCoord &&\n        !isColliding(e.clientX, e.clientY, ref.dropTargetCoord)\n      ) {\n        ref.forcedDragLeave = true;\n        ref.dragLeaveSkipped = false;\n        const elm = ref.dropTarget.shift();\n        ref.dropTarget = [...ref.dropTarget];\n        elm?.dispatchEvent(\n          new MouseEvent('dragleave', {\n            bubbles: true,\n            cancelable: true,\n            view: window\n          })\n        );\n      }\n    },\n    [isColliding, ref]\n  );\n\n  const contextDropCb = useCallback(\n    (ev: DragEvent) => {\n      ev.stopPropagation();\n      ev.preventDefault();\n      const elm = ref.dropTarget[ref.dropTarget.length - 1] as HTMLElement;\n      if (\n        ref.dropTargetCoord &&\n        elm !== ref.dragTarget &&\n        isColliding(ev.clientX, ev.clientY, ref.dropTargetCoord)\n      ) {\n        removeDropEffect(elm);\n        elm.classList.remove('dragEnter');\n        if (onDrop && ref.dragTarget) onDrop(elm, ref.dragTarget);\n        ref.dragTarget = undefined;\n        ref.dropTargetCoord = null;\n        ref.dropTarget = [];\n      }\n    },\n    [ref, isColliding, removeDropEffect, onDrop]\n  );\n\n  const dragStartCb = useCallback(\n    (ev: React.DragEvent<HTMLElement>) => {\n      document.addEventListener('dragover', contextDragOverCb);\n      context.current?.addEventListener('drop', contextDropCb);\n\n      // clear the drag operation's data store when drag starts as its the only time when drag data is writable\n      if (ev.dataTransfer) ev.dataTransfer.clearData();\n\n      // We have to keep event handler in reference so that we can remove right handler when drag ends.\n      // Handler might change in between because of deps.\n      ref.contextDropCb = contextDropCb;\n      ref.contextDragOverCb = contextDragOverCb;\n\n      setGhostImage(ev);\n      ev.dataTransfer.effectAllowed = 'move';\n      // Setting up some dummy data to make drag drop work in firefox. Refer https://medium.com/%40reiberdatschi/common-pitfalls-with-html5-drag-n-drop-api-9f011a09ee6c\n      ev.dataTransfer.setData('text/plain', 'RS_Dragged_Item');\n      // fail safe reset drag target.\n      if (ref.dragTarget) ref.dragTarget = undefined;\n      ref.dragTarget = getDraggedObject ? getDraggedObject(ev.currentTarget) : ev.currentTarget;\n      ev.currentTarget.classList.add('dragStart');\n      addDragEffect(ev.currentTarget);\n      if (onDragStart) onDragStart(ev);\n    },\n    [\n      contextDragOverCb,\n      context,\n      contextDropCb,\n      setGhostImage,\n      ref,\n      getDraggedObject,\n      addDragEffect,\n      onDragStart\n    ]\n  );\n\n  const dragEndCb = useCallback(\n    (ev: React.DragEvent<HTMLElement>) => {\n      if (ref.contextDragOverCb) document.removeEventListener('dragover', ref.contextDragOverCb);\n      if (ref.contextDropCb) context.current?.removeEventListener('drop', ref.contextDropCb);\n      ref.dropTarget = [];\n      ref.dropTargetCoord = null;\n      ref.forcedDragLeave = false;\n      ref.dragLeaveSkipped = false;\n      ev.currentTarget.classList.remove('dragStart');\n      removeDragEffect(ev.currentTarget);\n      if (onDragEnd) onDragEnd(ev);\n    },\n    [onDragEnd, removeDragEffect, context, ref]\n  );\n\n  const isValidDragEnter = useCallback(\n    (e: React.DragEvent<Element>) => {\n      let isValid = true;\n      if (ref.dragTarget === e.currentTarget) isValid = false;\n      else if (ref.dropTarget[ref.dropTarget.length - 1] === e.currentTarget) isValid = false;\n      else if (\n        ref.dropTarget[ref.dropTarget.length - 1] &&\n        ref.dropTarget[ref.dropTarget.length - 1] !== e.currentTarget\n      ) {\n        const currentTargetCoord = e.currentTarget.getBoundingClientRect();\n        const dropTargetCoord = ref.dropTarget[ref.dropTarget.length - 1].getBoundingClientRect();\n        if (\n          !isColliding(e.clientX, e.clientY, currentTargetCoord) &&\n          isColliding(e.clientX, e.clientY, dropTargetCoord)\n        )\n          isValid = false;\n      }\n      return isValid;\n    },\n    [ref, isColliding]\n  );\n\n  const dragEnterCb = useCallback(\n    (ev: React.DragEvent<HTMLElement>) => {\n      ev.stopPropagation();\n      if (isValidDragEnter(ev)) {\n        ref.dropTarget = ref.dropTarget.length ? [...ref.dropTarget] : [];\n        ref.dropTarget.push(ev.currentTarget);\n        ev.currentTarget.classList.add('dragEnter');\n        ev.dataTransfer.dropEffect = 'move';\n        ref.dropTargetCoord = ev.currentTarget.getBoundingClientRect();\n        addDropEffect(ev.currentTarget);\n        if (onDragEnter) onDragEnter(ev);\n\n        if (ref.dropTarget.length > 1) {\n          const elm = ref.dropTarget.shift();\n          ref.dropTarget = [...ref.dropTarget];\n          ref.forcedDragLeave = true;\n          elm?.dispatchEvent(\n            new MouseEvent('dragleave', {\n              bubbles: true,\n              cancelable: true,\n              view: window\n            })\n          );\n        }\n      }\n    },\n    [onDragEnter, addDropEffect, ref, isValidDragEnter]\n  );\n\n  const dragLeaveCb = useCallback(\n    (ev: React.DragEvent<HTMLElement>) => {\n      ev.stopPropagation();\n      if (ref.forcedDragLeave) {\n        ref.forcedDragLeave = false;\n        ev.currentTarget.classList.remove('dragEnter');\n        removeDropEffect(ev.currentTarget);\n        if (onDragLeave) onDragLeave(ev);\n      } else if (\n        !ev.currentTarget.contains(ev.relatedTarget as Element) &&\n        ref.dragTarget !== ev.currentTarget\n      ) {\n        ref.dragLeaveSkipped = true;\n      }\n    },\n    [ref, removeDropEffect, onDragLeave]\n  );\n\n  const dragProps = useMemo(\n    () => ({\n      draggable: true,\n      onDragStart: dragStartCb,\n      onDragEnd: dragEndCb\n    }),\n    [dragStartCb, dragEndCb]\n  );\n\n  const dropProps = useMemo(\n    () => ({\n      onDragEnter: dragEnterCb,\n      onDragLeave: dragLeaveCb,\n      'data-drop': 'dropzone'\n    }),\n    [dragEnterCb, dragLeaveCb]\n  );\n\n  return {\n    dragProps,\n    dropProps\n  };\n}\n"]}

package/lib/Core/Localization/defaultTranslations.d.ts

@@ -161,6 +161,7 @@ declare const defaultTranslations: {
     'Freeze applied': string;
     'Freeze modified': string;
     'Freeze removed': string;
+    Count: string;
 };
 export default defaultTranslations;
 //# sourceMappingURL=defaultTranslations.d.ts.map

package/lib/Core/Localization/defaultTranslations.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"defaultTranslations.d.ts","sourceRoot":"","sources":["../../../Core/Localization/defaultTranslations.ts"],"names":[],"mappings":"AACA,QAAA,MAAM,mBAAmB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAyKxB,CAAC;AAEF,eAAe,mBAAmB,CAAC"}
+{"version":3,"file":"defaultTranslations.d.ts","sourceRoot":"","sources":["../../../Core/Localization/defaultTranslations.ts"],"names":[],"mappings":"AACA,QAAA,MAAM,mBAAmB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA0KxB,CAAC;AAEF,eAAe,mBAAmB,CAAC"}

package/lib/Core/Localization/defaultTranslations.js

@@ -161,7 +161,8 @@ const defaultTranslations = {
     'Show/Hide modified': 'Show/Hide modified',
     'Freeze applied': 'Freeze applied',
     'Freeze modified': 'Freeze modified',
-    'Freeze removed': 'Freeze removed'
+    'Freeze removed': 'Freeze removed',
+    Count: 'Count'
 };
 export default defaultTranslations;
 //# sourceMappingURL=defaultTranslations.js.map

package/lib/Core/Localization/defaultTranslations.js.map

@@ -1 +1 @@
-{"version":3,"file":"defaultTranslations.js","sourceRoot":"","sources":["../../../Core/Localization/defaultTranslations.ts"],"names":[],"mappings":"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","sourcesContent":["// FIXME: Move this file to Demo folder once the typings are available from cosmos translations pack\nconst defaultTranslations = {\n  Submit: 'Submit',\n  'Hide header icons': 'Hide header icons',\n  'Column name:': 'Column name:',\n  'Template:': 'Template:',\n  'Hide columns': 'Hide columns',\n  'Remove filter': 'Remove filter',\n  Year: 'Year',\n  Quarter: 'Quarter',\n  Month: 'Month',\n  Week: 'Week',\n  Day: 'Day',\n  Hour: 'Hour',\n  Minute: 'Minute',\n  'Month of year': 'Month of year',\n  'Day of month': 'Day of month',\n  'Day of week': 'Day of week',\n  'Hour of day': 'Hour of day',\n  Add: 'Add',\n  Aggregate: 'Aggregate',\n  Cancel: 'Cancel',\n  Ok: 'Ok',\n  'has unsaved changes, do you want to discard and proceed?':\n    'has unsaved changes, do you want to discard and proceed?',\n  Actions: 'Actions',\n  actions: 'actions',\n  'Edit details': 'Edit details',\n  'Change stage': 'Change stage',\n  Preview: 'Preview',\n  'Open in a new tab': 'Open in a new tab',\n  Edit: 'Edit',\n  'Copy text': 'Copy text',\n  'Paste text': 'Paste text',\n  'Filter by this': 'Filter by this',\n  'Open link in new tab': 'Open link in new tab',\n  default: 'default',\n  Grouping: 'Grouping',\n  to: 'to',\n  Filter: 'Filter',\n  Freeze: 'Freeze',\n  Hide: 'Hide',\n  Summarize: 'Summarize',\n  'Combine with left': 'Combine with left',\n  'Combine with right': 'Combine with right',\n  Delete: 'Delete',\n  Format: 'Format',\n  Alias: 'Alias',\n  'Enter alias': 'Enter alias',\n  'Filter by': 'Filter by',\n  Group: 'Group',\n  'Group by': 'Group by',\n  Sort: 'Sort',\n  'Sort by': 'Sort by',\n  'Row density': 'Row density',\n  'Show/hide columns': 'Show/hide columns',\n  'Freeze columns': 'Freeze columns',\n  'Save view as..': 'Save view as..',\n  'Save changes': 'Save changes',\n  'View as...': 'View as...',\n  'Edit view': 'Edit view',\n  'Set as default': 'Set as default',\n  'Mark as default?': 'Mark as default?',\n  'Mark as app default': 'Mark as app default',\n  'Delete view': 'Delete view',\n  'Reset column widths': 'Reset column widths',\n  'Auto size columns': 'Auto size columns',\n  ShowHeaderIcons: 'ShowHeaderIcons',\n  'Query info': 'Query info',\n  'Export to Excel': 'Export to Excel',\n  'Export to CSV': 'Export to CSV',\n  Class: 'Class',\n  'Data page': 'Data page',\n  'Data source': 'Data source',\n  'Time taken': 'Time taken',\n  'Insight ID': 'Insight ID',\n  'Undo hierarchy': 'Undo hierarchy',\n  Normal: 'Normal',\n  Hierarchical: 'Hierarchical',\n  Display: 'Display',\n  table: 'table',\n  'Use arrow keys or Shift plus Alt plus arrow keys to navigate':\n    'Use arrow keys or Shift plus Alt plus arrow keys to navigate',\n  'No actions available': 'No actions available',\n  'Use Enter to open header menu': 'Use Enter to open header menu',\n  'Loading more results': 'Loading more results',\n  Sorted: 'Sorted',\n  'Sort priority': 'Sort priority',\n  'Filtered column': 'Filtered column',\n  Ascending: 'Ascending',\n  Descending: 'Descending',\n  Select: 'Select',\n  'Select all': 'Select all',\n  'Collapse all groups': 'Collapse all groups',\n  'Expand all groups': 'Expand all groups',\n  Sum: 'Sum',\n  Min: 'Min',\n  Max: 'Max',\n  Avg: 'Avg',\n  'Aggregate options': 'Aggregate options',\n  'Select two or more items to enable bulk actions':\n    'Select two or more items to enable bulk actions',\n  'Bulk actions': 'Bulk actions',\n  'Group applied': 'Group applied',\n  'Group modified': 'Group modified',\n  'Group removed': 'Group removed',\n  Loading: 'Loading',\n  'Loading completed': 'Loading completed',\n  'name is reserved for non Personalized view and cannot be used.':\n    'name is reserved for non Personalized view and cannot be used.',\n  'This view is already present.': 'This view is already present.',\n  'This view name cannot be empty.': 'This view name cannot be empty.',\n  'View name must contain less than 65 characters.':\n    'View name must contain less than 65 characters.',\n  'Sort order': 'Sort order',\n  Field: 'Field',\n  'Column name cannot be empty.': 'Column name cannot be empty.',\n  'Sort ascending': 'Sort ascending',\n  'Sort descending': 'Sort descending',\n  'Remove sort': 'Remove sort',\n  'No records found.': 'No records found.',\n  'Clear filter': 'Clear filter',\n  Equals: 'Equals',\n  'Not equals': 'Not equals',\n  After: 'After',\n  Before: 'Before',\n  'On or after': 'On or after',\n  'On or before': 'On or before',\n  'Greater than': 'Greater than',\n  'Less than': 'Less than',\n  'Greater than or equals': 'Greater than or equals',\n  'Less than or equals': 'Less than or equals',\n  'Starts with': 'Starts with',\n  'Not starts with': 'Not starts with',\n  'Ends with': 'Ends with',\n  'Not ends with': 'Not ends with',\n  Contains: 'Contains',\n  'Not contains': 'Not contains',\n  'Is any of': 'Is any of',\n  'Is not any of': 'Is not any of',\n  'Is null': 'Is null',\n  'Is not null': 'Is not null',\n  true: 'true',\n  false: 'false',\n  'Interactive content': 'Interactive content',\n  'Filter value': 'Filter value',\n  'Filter comparison': 'Filter comparison',\n  state: 'state',\n  'Filter column': 'Filter column',\n  Refresh: 'Refresh',\n  table_a11y_intro: 'Tab or click into the grid to use key commands.',\n  table_a11y_instructions_arrow_keys_label: 'Arrow keys or Shift+Alt+Arrow keys',\n  table_a11y_instructions_arrow_keys_description: 'navigate cells',\n  table_a11y_instructions_enter_label: 'Enter key',\n  table_a11y_instructions_enter_description:\n    'when on a cell with editable controls, switches to Tab navigation mode. Tab key now navigates between all interactive controls in the grid',\n  table_a11y_instructions_escape_label: 'Escape key',\n  table_a11y_instructions_escape_description: 'restores arrow-based grid navigation',\n  saved_changes: '\"{0}\" saved with changes',\n  saved_changes_with_default: '\"{0}\" saved with changes and marked as default view',\n  view_marked_default: '\"{0}\" view is marked as Default',\n  view_marked_app_default: '\"{0}\" view is marked as App Default',\n  created_view: 'Created view \"{0}\"',\n  created_view_with_default: 'Created view \"{0}\" and marked as default view',\n  deleted_view: 'Deleted view \"{0}\"',\n  view_navigation_instructions: '{0}, Refer to keyboard instructions for navigation.',\n  'Show/Hide modified': 'Show/Hide modified',\n  'Freeze applied': 'Freeze applied',\n  'Freeze modified': 'Freeze modified',\n  'Freeze removed': 'Freeze removed'\n};\n\nexport default defaultTranslations;\n"]}
+{"version":3,"file":"defaultTranslations.js","sourceRoot":"","sources":["../../../Core/Localization/defaultTranslations.ts"],"names":[],"mappings":"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","sourcesContent":["// FIXME: Move this file to Demo folder once the typings are available from cosmos translations pack\nconst defaultTranslations = {\n  Submit: 'Submit',\n  'Hide header icons': 'Hide header icons',\n  'Column name:': 'Column name:',\n  'Template:': 'Template:',\n  'Hide columns': 'Hide columns',\n  'Remove filter': 'Remove filter',\n  Year: 'Year',\n  Quarter: 'Quarter',\n  Month: 'Month',\n  Week: 'Week',\n  Day: 'Day',\n  Hour: 'Hour',\n  Minute: 'Minute',\n  'Month of year': 'Month of year',\n  'Day of month': 'Day of month',\n  'Day of week': 'Day of week',\n  'Hour of day': 'Hour of day',\n  Add: 'Add',\n  Aggregate: 'Aggregate',\n  Cancel: 'Cancel',\n  Ok: 'Ok',\n  'has unsaved changes, do you want to discard and proceed?':\n    'has unsaved changes, do you want to discard and proceed?',\n  Actions: 'Actions',\n  actions: 'actions',\n  'Edit details': 'Edit details',\n  'Change stage': 'Change stage',\n  Preview: 'Preview',\n  'Open in a new tab': 'Open in a new tab',\n  Edit: 'Edit',\n  'Copy text': 'Copy text',\n  'Paste text': 'Paste text',\n  'Filter by this': 'Filter by this',\n  'Open link in new tab': 'Open link in new tab',\n  default: 'default',\n  Grouping: 'Grouping',\n  to: 'to',\n  Filter: 'Filter',\n  Freeze: 'Freeze',\n  Hide: 'Hide',\n  Summarize: 'Summarize',\n  'Combine with left': 'Combine with left',\n  'Combine with right': 'Combine with right',\n  Delete: 'Delete',\n  Format: 'Format',\n  Alias: 'Alias',\n  'Enter alias': 'Enter alias',\n  'Filter by': 'Filter by',\n  Group: 'Group',\n  'Group by': 'Group by',\n  Sort: 'Sort',\n  'Sort by': 'Sort by',\n  'Row density': 'Row density',\n  'Show/hide columns': 'Show/hide columns',\n  'Freeze columns': 'Freeze columns',\n  'Save view as..': 'Save view as..',\n  'Save changes': 'Save changes',\n  'View as...': 'View as...',\n  'Edit view': 'Edit view',\n  'Set as default': 'Set as default',\n  'Mark as default?': 'Mark as default?',\n  'Mark as app default': 'Mark as app default',\n  'Delete view': 'Delete view',\n  'Reset column widths': 'Reset column widths',\n  'Auto size columns': 'Auto size columns',\n  ShowHeaderIcons: 'ShowHeaderIcons',\n  'Query info': 'Query info',\n  'Export to Excel': 'Export to Excel',\n  'Export to CSV': 'Export to CSV',\n  Class: 'Class',\n  'Data page': 'Data page',\n  'Data source': 'Data source',\n  'Time taken': 'Time taken',\n  'Insight ID': 'Insight ID',\n  'Undo hierarchy': 'Undo hierarchy',\n  Normal: 'Normal',\n  Hierarchical: 'Hierarchical',\n  Display: 'Display',\n  table: 'table',\n  'Use arrow keys or Shift plus Alt plus arrow keys to navigate':\n    'Use arrow keys or Shift plus Alt plus arrow keys to navigate',\n  'No actions available': 'No actions available',\n  'Use Enter to open header menu': 'Use Enter to open header menu',\n  'Loading more results': 'Loading more results',\n  Sorted: 'Sorted',\n  'Sort priority': 'Sort priority',\n  'Filtered column': 'Filtered column',\n  Ascending: 'Ascending',\n  Descending: 'Descending',\n  Select: 'Select',\n  'Select all': 'Select all',\n  'Collapse all groups': 'Collapse all groups',\n  'Expand all groups': 'Expand all groups',\n  Sum: 'Sum',\n  Min: 'Min',\n  Max: 'Max',\n  Avg: 'Avg',\n  'Aggregate options': 'Aggregate options',\n  'Select two or more items to enable bulk actions':\n    'Select two or more items to enable bulk actions',\n  'Bulk actions': 'Bulk actions',\n  'Group applied': 'Group applied',\n  'Group modified': 'Group modified',\n  'Group removed': 'Group removed',\n  Loading: 'Loading',\n  'Loading completed': 'Loading completed',\n  'name is reserved for non Personalized view and cannot be used.':\n    'name is reserved for non Personalized view and cannot be used.',\n  'This view is already present.': 'This view is already present.',\n  'This view name cannot be empty.': 'This view name cannot be empty.',\n  'View name must contain less than 65 characters.':\n    'View name must contain less than 65 characters.',\n  'Sort order': 'Sort order',\n  Field: 'Field',\n  'Column name cannot be empty.': 'Column name cannot be empty.',\n  'Sort ascending': 'Sort ascending',\n  'Sort descending': 'Sort descending',\n  'Remove sort': 'Remove sort',\n  'No records found.': 'No records found.',\n  'Clear filter': 'Clear filter',\n  Equals: 'Equals',\n  'Not equals': 'Not equals',\n  After: 'After',\n  Before: 'Before',\n  'On or after': 'On or after',\n  'On or before': 'On or before',\n  'Greater than': 'Greater than',\n  'Less than': 'Less than',\n  'Greater than or equals': 'Greater than or equals',\n  'Less than or equals': 'Less than or equals',\n  'Starts with': 'Starts with',\n  'Not starts with': 'Not starts with',\n  'Ends with': 'Ends with',\n  'Not ends with': 'Not ends with',\n  Contains: 'Contains',\n  'Not contains': 'Not contains',\n  'Is any of': 'Is any of',\n  'Is not any of': 'Is not any of',\n  'Is null': 'Is null',\n  'Is not null': 'Is not null',\n  true: 'true',\n  false: 'false',\n  'Interactive content': 'Interactive content',\n  'Filter value': 'Filter value',\n  'Filter comparison': 'Filter comparison',\n  state: 'state',\n  'Filter column': 'Filter column',\n  Refresh: 'Refresh',\n  table_a11y_intro: 'Tab or click into the grid to use key commands.',\n  table_a11y_instructions_arrow_keys_label: 'Arrow keys or Shift+Alt+Arrow keys',\n  table_a11y_instructions_arrow_keys_description: 'navigate cells',\n  table_a11y_instructions_enter_label: 'Enter key',\n  table_a11y_instructions_enter_description:\n    'when on a cell with editable controls, switches to Tab navigation mode. Tab key now navigates between all interactive controls in the grid',\n  table_a11y_instructions_escape_label: 'Escape key',\n  table_a11y_instructions_escape_description: 'restores arrow-based grid navigation',\n  saved_changes: '\"{0}\" saved with changes',\n  saved_changes_with_default: '\"{0}\" saved with changes and marked as default view',\n  view_marked_default: '\"{0}\" view is marked as Default',\n  view_marked_app_default: '\"{0}\" view is marked as App Default',\n  created_view: 'Created view \"{0}\"',\n  created_view_with_default: 'Created view \"{0}\" and marked as default view',\n  deleted_view: 'Deleted view \"{0}\"',\n  view_navigation_instructions: '{0}, Refer to keyboard instructions for navigation.',\n  'Show/Hide modified': 'Show/Hide modified',\n  'Freeze applied': 'Freeze applied',\n  'Freeze modified': 'Freeze modified',\n  'Freeze removed': 'Freeze removed',\n  Count: 'Count'\n};\n\nexport default defaultTranslations;\n"]}

package/lib/Core/Views/Table/Row.d.ts

@@ -1,9 +1,10 @@
 declare const _default: import("react").MemoExoticComponent<typeof Row>;
 export default _default;
-declare function Row({ row, columns, level }: {
+declare function Row({ row, columns, level, dataIndex }: {
     row: any;
     columns: any;
     level?: number | undefined;
+    dataIndex: any;
 }): import("react/jsx-runtime").JSX.Element;
 declare namespace Row {
     namespace propTypes {
@@ -12,6 +13,7 @@ declare namespace Row {
             [x: string]: any;
         }>;
         let level: PropTypes.Requireable<number>;
+        let dataIndex: PropTypes.Requireable<number>;
     }
 }
 import PropTypes from 'prop-types';