@pega/lists-react 9.0.0-build.6.9 → 9.0.0-build.7.1

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":"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","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/index.js

@@ -9,7 +9,7 @@ import useTranslate from '../../Hooks/useTranslate';
 import { StyledSkeletonRow } from '../../Views/Table/SkeletonRows';
 import getPaginationInfo from './Pagination';
 import useScroll from './UseScroll';
-import { getCurrentEstimation, updateRowContainerTop, setAttributesOnItems, isViewNotFilled, getRecordCountForLayoutPaint, getPContainerClientWidth, getValueWithUnit, getMaxHeight } from './utility';
+import { getCurrentEstimation, updateRowContainerTop, setAttributesOnItems, isViewNotFilled, getRecordCountForLayoutPaint, getValueWithUnit, getMaxHeight } from './utility';
 import useResizeObserver from './UseResizeObserver';
 function getBContainerMinHeight(props) {
     return props.$style.renderFooter ? `calc(100% - ${2 * props.$style.itemHeight + 1}px) ` : '0';
@@ -35,7 +35,6 @@ const StyledPContainer = Styled.div `
     props.$style.height?.startsWith?.('auto')
     ? 'relative'
     : 'sticky'};
-            width: 0;
             min-height: ${props => getBContainerMinHeight(props)};
             border-radius: inherit;
           }
@@ -46,7 +45,7 @@ const StyledLoader = Styled.div `
         justify-content: center;
         padding: 0.5rem;
         position: absolute;
-        width: var(--container-width);
+        width: 100%;
         left: ${props => `var(${props.$style.left})`};
         top: ${props => `var(${props.$style.top})`};
 `;
@@ -216,13 +215,6 @@ const Virtualize = forwardRef(({ id, viewHeight, viewWidth, totalRecordCount, it
         getRowContainer,
         getBContainer
     ]);
-    // setting pContainer's width whenever pContainer dimension updates,
-    // because bContainer has 0 width and row-container's width doesn't changes in sync with pContainer
-    const onPContainerDimensionUpdate = useCallback(() => {
-        getPContainer()?.style.setProperty('--container-width', `${getPContainerClientWidth(getPContainer())}px`);
-    }, [getPContainer]);
-    // observe on pContainer to adjust the width of row container.
-    useResizeObserver(getPContainer, onPContainerDimensionUpdate);
     // On mount that means state is not initialized yet, trigger pagination.
     // or whenever count changes or width /height of view port changes, if view is not filled with data, get indexes again.
     useEffect(() => {
@@ -267,7 +259,7 @@ const Virtualize = forwardRef(({ id, viewHeight, viewWidth, totalRecordCount, it
                             left: '--loader-left'
                         }, children: _jsx(Progress, { className: 'above-loader', placement: 'block', tabIndex: 0, "aria-label": translate('Loading more results') }) })), _jsx("div", { className: `${rowContainerClass} row-container`, ref: c => {
                             vi.rContainer = c;
-                        }, style: { width: 'var(--container-width)' }, role: 'rowgroup', children: children }), showLoadingIndicator && isFetching && loadingIndicatorInfo.isScrollingDown && (_jsx(StyledLoader, { "$style": {
+                        }, role: 'rowgroup', children: children }), showLoadingIndicator && isFetching && loadingIndicatorInfo.isScrollingDown && (_jsx(StyledLoader, { "$style": {
                             top: '--below-loader-top',
                             left: '--loader-left'
                         }, children: _jsx(Progress, { className: 'below-loader', placement: 'block', tabIndex: 0, "aria-label": translate('Loading more results') }) }))] }), totalRecordCount === 0 ? _jsx(EmptyContainer, {}) : null, renderFooter && renderFooter()] }));

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../Core/Components/Virtualise/index.jsx"],"names":[],"mappings":"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","sourcesContent":["import {\n  forwardRef,\n  memo,\n  useEffect,\n  useRef,\n  useCallback,\n  useImperativeHandle,\n  useMemo,\n  useLayoutEffect,\n  useState\n} from 'react';\nimport Styled from 'styled-components';\nimport PropTypes from 'prop-types';\n\nimport { defaultThemeProp, Progress } from '@pega/cosmos-react-core';\nimport { isEmpty } from 'pega-repeating-structures-core';\n\nimport EmptyContainer from '../DefaultComponents/EmptyContainer';\nimport useTranslate from '../../Hooks/useTranslate';\nimport { StyledSkeletonRow } from '../../Views/Table/SkeletonRows';\n\nimport getPaginationInfo from './Pagination';\nimport useScroll from './UseScroll';\nimport {\n  getCurrentEstimation,\n  updateRowContainerTop,\n  setAttributesOnItems,\n  isViewNotFilled,\n  getRecordCountForLayoutPaint,\n  getPContainerClientWidth,\n  getValueWithUnit,\n  getMaxHeight\n} from './utility';\nimport useResizeObserver from './UseResizeObserver';\n\nfunction getBContainerMinHeight(props) {\n  return props.$style.renderFooter ? `calc(100% - ${2 * props.$style.itemHeight + 1}px) ` : '0';\n}\n\nconst StyledPContainer = Styled.div`\n          position: relative;\n          overflow: auto;\n          max-height: ${props => props.$style.maxHeight};\n          width: ${props => props.$style.width};\n          height: ${props => props.$style.height};\n          min-height: ${props => props.$style.minHeight};\n\n          &:has(${StyledSkeletonRow}) {\n            overflow: hidden;\n          }\n\n          /**\n           * When height and maxHeight is auto, virtualization is not going to happen and the scroll jump on row deletion scenario is not going to happen.\n           * In such cases, using relative position as sticky was used to fix scroll jump in firefox during virtualization.\n           */\n          .bContainer {\n            position: ${props =>\n              props.$style.maxHeight?.startsWith?.('auto') &&\n              props.$style.height?.startsWith?.('auto')\n                ? 'relative'\n                : 'sticky'};\n            width: 0;\n            min-height: ${props => getBContainerMinHeight(props)};\n            border-radius: inherit;\n          }\n`;\n\nStyledPContainer.defaultProps = defaultThemeProp;\n\nconst StyledLoader = Styled.div`\n        display: flex;\n        justify-content: center;\n        padding: 0.5rem;\n        position: absolute;\n        width: var(--container-width);\n        left: ${props => `var(${props.$style.left})`};\n        top: ${props => `var(${props.$style.top})`};\n`;\n\nconst Virtualize = forwardRef(\n  (\n    {\n      id,\n      viewHeight,\n      viewWidth,\n      totalRecordCount,\n      itemHeight,\n      callback,\n      isFetching,\n      rowContainerClass,\n      children,\n      renderHeader,\n      renderFooter,\n      state,\n      bufferMultiplier,\n      viewMaxHeight,\n      showLoadingIndicator\n    },\n    inputRef\n  ) => {\n    const [rContainerDimensionUpdate, setRContainerDimensionUpdate] = useState();\n    const [loadingIndicatorInfo, setLoadingIndicatorInfo] = useState({});\n    const [translate] = useTranslate();\n    // Create ref to store virtualize related data.\n    const vi = useRef({\n      itemHeight,\n      bufferMultiplier,\n      pInfo: {}\n    }).current;\n\n    const getRowContainer = useCallback(() => vi.rContainer, [vi.rContainer]);\n    const getPContainer = useCallback(() => vi.pContainer, [vi.pContainer]);\n    const getBContainer = useCallback(() => vi.bContainer, [vi.bContainer]);\n\n    // API used when user want to scroll to top programmatically.\n    // Though component auto scroll to top if no element is in view.\n    // But calling this API upfront might save one extra call to Fetch API.\n    const scrollToTop = useCallback(() => {\n      if (!state) return;\n      getPContainer().scrollTop = 0;\n      vi.pInfo = getPaginationInfo(\n        getPContainer(),\n        getRecordCountForLayoutPaint(totalRecordCount),\n        vi,\n        false,\n        true\n      );\n      callback({ ...vi.pInfo.view, id }, { takeLatestAction: true });\n    }, [id, vi, state, getPContainer]);\n\n    // expose APIs and properties here to help client to communicate.\n    useImperativeHandle(inputRef, () => ({\n      getParentContainer: getPContainer,\n      scrollToTop,\n      vi,\n      id\n    }));\n\n    const { width, height } = useMemo(\n      () => ({\n        width: getValueWithUnit(viewWidth, '100%'),\n        height: getValueWithUnit(viewHeight, 'auto')\n      }),\n      [viewWidth, viewHeight]\n    );\n\n    const maxHeight = useMemo(() => getMaxHeight(viewMaxHeight), [viewMaxHeight]);\n\n    const minHeight = useMemo(\n      () => (totalRecordCount === 0 ? '100px' : 'auto'),\n      [totalRecordCount]\n    );\n\n    // Calculate the pagination indexes and notify callback.\n    // resetIsFetchingWhenNoNewIndexes - flag specific for isViewNotFilled\n    // If view is not filled, we want to call this but restting isFetch to false\n    // goes to this methid when callback is note fired.\n    const getPagination = useCallback(\n      (isRefresh = false, resetIsFetchingWhenNoNewIndexes = false) => {\n        if (resetIsFetchingWhenNoNewIndexes) {\n          setLoadingIndicatorInfo({});\n        }\n        const pInfo = getPaginationInfo(\n          getPContainer(),\n          getRecordCountForLayoutPaint(totalRecordCount),\n          vi,\n          isRefresh\n        );\n        const { startIndex, endIndex } = pInfo.view;\n        // if new indexes are subset of existing state indexes, no need to update the consumer.\n        if (!state || !(startIndex >= state.startIndex && endIndex <= state.endIndex)) {\n          vi.pInfo = pInfo;\n          if (state) {\n            const { startIndex: oldStartIndex, endIndex: oldEndIndex } = state;\n            if (startIndex < oldStartIndex) {\n              setLoadingIndicatorInfo(info => {\n                return { ...info, isScrollingUp: true };\n              });\n            }\n            if (endIndex > oldEndIndex) {\n              setLoadingIndicatorInfo(info => {\n                return { ...info, isScrollingDown: true };\n              });\n            }\n          }\n          callback({ ...vi.pInfo.view, id }, { takeLatestAction: true });\n        }\n      },\n      [vi, totalRecordCount, state, callback, id, getPContainer]\n    );\n\n    // update average stats for next calculation.\n    const updateAverageInVirtualizeInstance = useCallback(\n      currentEstimation => {\n        const { itemCount, rowContainerHeight, averageNumberOfItemsInARow, averageRowHeight } =\n          currentEstimation;\n        Object.assign(vi, {\n          itemCount: (itemCount + vi.itemCount || itemCount) / 2,\n          rowContainerHeight:\n            (rowContainerHeight + vi.rowContainerHeight || rowContainerHeight) / 2,\n          averageNumberOfItemsInARow:\n            (averageNumberOfItemsInARow + vi.averageNumberOfItemsInARow ||\n              averageNumberOfItemsInARow) / 2,\n          averageRowHeight: (averageRowHeight + vi.averageRowHeight || averageRowHeight) / 2\n        });\n      },\n      [vi]\n    );\n\n    const getBufferHeight = useCallback(\n      currentEstimation => {\n        const { itemCount, rowContainerHeight } = currentEstimation;\n        let h = 0;\n        if (itemCount > 0)\n          h = (getRecordCountForLayoutPaint(totalRecordCount) / itemCount) * rowContainerHeight;\n        return h;\n      },\n      [totalRecordCount]\n    );\n\n    const getScrollTop = useCallback(\n      currentEstimation => {\n        const { itemCount, rowContainerHeight } = currentEstimation;\n        let scrollTop = 0;\n        if (itemCount > 0) {\n          const scrollNodeTopChange =\n            // eslint-disable-next-line no-unsafe-optional-chaining\n            vi.pInfo?.bufferNewCords?.top - vi.pInfo?.bufferOldCords?.top || 0;\n          scrollTop = (vi.pInfo.topRowIndex / itemCount) * rowContainerHeight - scrollNodeTopChange;\n        }\n        return scrollTop;\n      },\n      [vi]\n    );\n\n    const onRowContainerDimensionChange = useCallback(() => {\n      const { height: rowContainerHeight, width: rowContainerWidth } =\n        getRowContainer()?.getBoundingClientRect() ?? {};\n      // trigger virtualizer operations only when row container has some height and width\n      if (rowContainerHeight && rowContainerWidth) setRContainerDimensionUpdate({});\n    }, [getRowContainer]);\n\n    // observe on row container to adjust the buffer container height.\n    useResizeObserver(getRowContainer, onRowContainerDimensionChange);\n\n    const [updateScrollTop] = useScroll(\n      getPagination,\n      getPContainer,\n      vi,\n      totalRecordCount,\n      renderHeader,\n      isFetching,\n      viewHeight\n    );\n\n    useLayoutEffect(() => {\n      const rContainer = getRowContainer();\n      if (state && state.startIndex >= 0 && vi && rContainer) {\n        setAttributesOnItems(state, rContainer);\n      }\n    });\n\n    // Get estimate and update buffer height\n    useLayoutEffect(() => {\n      if (state && !isEmpty(totalRecordCount)) {\n        vi.currentEstimation = getCurrentEstimation(getRowContainer());\n        updateAverageInVirtualizeInstance(vi.currentEstimation);\n        const h = Math.floor(getBufferHeight(vi.currentEstimation));\n        const previousHeight = getBContainer().offsetHeight;\n\n        getBContainer().style.height = `${h}px`;\n        vi.bContainerHeight = h;\n\n        // if there was no previous height, then keep the scrolltop to 0 by default\n        if (h !== previousHeight && previousHeight) {\n          const pContainer = getPContainer();\n          const scrollTop = getScrollTop(vi.currentEstimation);\n          if (scrollTop >= 0) {\n            pContainer.scrollTop = scrollTop;\n          }\n        }\n      }\n    }, [\n      rContainerDimensionUpdate,\n      getBContainer,\n      getBufferHeight,\n      getRowContainer,\n      state,\n      totalRecordCount,\n      updateAverageInVirtualizeInstance,\n      vi,\n      getPContainer,\n      getScrollTop\n    ]);\n\n    // update parent scroll top and row container top.\n    useLayoutEffect(() => {\n      if (state && !isEmpty(totalRecordCount)) {\n        const pContainer = getPContainer();\n\n        // Setting scrollTop from pContainer.scrollTop as getScrollTop can return value with higher decimal accuracy.\n        // but scrollTop attribute from HTML element will round it automatically.\n        updateScrollTop(pContainer.scrollTop);\n        updateRowContainerTop(\n          vi,\n          getRecordCountForLayoutPaint(totalRecordCount),\n          state,\n          pContainer,\n          pContainer.scrollTop\n        );\n\n        const topLoaderHeight = 80;\n        let top = getRowContainer().style.top;\n        if (!top) {\n          top = 0;\n        }\n        getBContainer().style.setProperty(\n          '--above-loader-top',\n          `${parseInt(top, 10) - topLoaderHeight}px`\n        );\n\n        getBContainer().style.setProperty(\n          '--below-loader-top',\n          `${parseInt(top, 10) + getRowContainer().offsetHeight}px`\n        );\n      }\n    }, [\n      getPContainer,\n      getScrollTop,\n      state,\n      updateScrollTop,\n      vi,\n      rContainerDimensionUpdate,\n      totalRecordCount,\n      getRowContainer,\n      getBContainer\n    ]);\n\n    // setting pContainer's width whenever pContainer dimension updates,\n    // because bContainer has 0 width and row-container's width doesn't changes in sync with pContainer\n    const onPContainerDimensionUpdate = useCallback(() => {\n      getPContainer()?.style.setProperty(\n        '--container-width',\n        `${getPContainerClientWidth(getPContainer())}px`\n      );\n    }, [getPContainer]);\n\n    // observe on pContainer to adjust the width of row container.\n    useResizeObserver(getPContainer, onPContainerDimensionUpdate);\n\n    // On mount that means state is not initialized yet, trigger pagination.\n    // or whenever count changes or width /height of view port changes, if view is not filled with data, get indexes again.\n    useEffect(() => {\n      if (state && !isFetching && !isEmpty(totalRecordCount)) {\n        if (\n          isViewNotFilled(\n            getRecordCountForLayoutPaint(totalRecordCount),\n            vi,\n            getPContainer(),\n            renderHeader\n          )\n        )\n          getPagination(false, true);\n        else {\n          setLoadingIndicatorInfo({});\n        }\n      } else if (!state || !Object.keys(vi.pInfo).length) getPagination(true);\n    }, [\n      rContainerDimensionUpdate,\n      state,\n      vi,\n      totalRecordCount,\n      viewHeight,\n      viewWidth,\n      renderHeader,\n      getPagination,\n      getPContainer\n    ]);\n\n    useEffect(() => {\n      if (!isFetching) return;\n      getBContainer().style.setProperty('--loader-left', `${getPContainer().scrollLeft}px`);\n    }, [isFetching, getPContainer()?.scrollLeft]);\n\n    return (\n      <StyledPContainer\n        $style={{\n          maxHeight,\n          minHeight,\n          renderFooter,\n          itemHeight,\n          height,\n          width\n        }}\n        data-total-records={totalRecordCount}\n        className='pContainer'\n        ref={c => {\n          vi.pContainer = c;\n        }}\n      >\n        {renderHeader && renderHeader()}\n        <div\n          className='bContainer'\n          ref={c => {\n            vi.bContainer = c;\n          }}\n        >\n          {showLoadingIndicator && isFetching && loadingIndicatorInfo.isScrollingUp && (\n            <StyledLoader\n              $style={{\n                top: '--above-loader-top',\n                left: '--loader-left'\n              }}\n            >\n              <Progress\n                className='above-loader'\n                placement='block'\n                tabIndex={0}\n                aria-label={translate('Loading more results')}\n              />\n            </StyledLoader>\n          )}\n          <div\n            className={`${rowContainerClass} row-container`}\n            ref={c => {\n              vi.rContainer = c;\n            }}\n            style={{ width: 'var(--container-width)' }}\n            role='rowgroup'\n          >\n            {/** Do not add any other element in row-container apart from the rows as it will generate incorrect estimations */}\n            {children}\n          </div>\n          {showLoadingIndicator && isFetching && loadingIndicatorInfo.isScrollingDown && (\n            <StyledLoader\n              $style={{\n                top: '--below-loader-top',\n                left: '--loader-left'\n              }}\n            >\n              <Progress\n                className='below-loader'\n                placement='block'\n                tabIndex={0}\n                aria-label={translate('Loading more results')}\n              />\n            </StyledLoader>\n          )}\n        </div>\n        {totalRecordCount === 0 ? <EmptyContainer /> : null}\n        {renderFooter && renderFooter()}\n      </StyledPContainer>\n    );\n  }\n);\n\nVirtualize.propTypes = {\n  id: PropTypes.string.isRequired,\n  viewHeight: PropTypes.number,\n  viewWidth: PropTypes.number,\n  totalRecordCount: PropTypes.number,\n  itemHeight: PropTypes.number,\n  callback: PropTypes.func,\n  isFetching: PropTypes.bool,\n  rowContainerClass: PropTypes.string,\n  children: PropTypes.oneOfType([PropTypes.object, PropTypes.array]).isRequired,\n  renderHeader: PropTypes.func,\n  renderFooter: PropTypes.func,\n  state: PropTypes.shape({\n    startIndex: PropTypes.number,\n    endIndex: PropTypes.number\n  }),\n  bufferMultiplier: PropTypes.number,\n  viewMaxHeight: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n  showLoadingIndicator: PropTypes.bool\n};\n\nVirtualize.defaultProps = {\n  bufferMultiplier: 2,\n  callback: () => {},\n  isFetching: false,\n  rowContainerClass: '',\n  viewWidth: 0,\n  itemHeight: 40,\n  renderHeader: null,\n  renderFooter: null,\n  state: undefined,\n  totalRecordCount: undefined,\n  viewMaxHeight: undefined,\n  showLoadingIndicator: false\n};\n\nVirtualize.displayName = 'Virtualize';\n\nexport default memo(Virtualize);\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../Core/Components/Virtualise/index.jsx"],"names":[],"mappings":"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","sourcesContent":["import {\n  forwardRef,\n  memo,\n  useEffect,\n  useRef,\n  useCallback,\n  useImperativeHandle,\n  useMemo,\n  useLayoutEffect,\n  useState\n} from 'react';\nimport Styled from 'styled-components';\nimport PropTypes from 'prop-types';\n\nimport { defaultThemeProp, Progress } from '@pega/cosmos-react-core';\nimport { isEmpty } from 'pega-repeating-structures-core';\n\nimport EmptyContainer from '../DefaultComponents/EmptyContainer';\nimport useTranslate from '../../Hooks/useTranslate';\nimport { StyledSkeletonRow } from '../../Views/Table/SkeletonRows';\n\nimport getPaginationInfo from './Pagination';\nimport useScroll from './UseScroll';\nimport {\n  getCurrentEstimation,\n  updateRowContainerTop,\n  setAttributesOnItems,\n  isViewNotFilled,\n  getRecordCountForLayoutPaint,\n  getValueWithUnit,\n  getMaxHeight\n} from './utility';\nimport useResizeObserver from './UseResizeObserver';\n\nfunction getBContainerMinHeight(props) {\n  return props.$style.renderFooter ? `calc(100% - ${2 * props.$style.itemHeight + 1}px) ` : '0';\n}\n\nconst StyledPContainer = Styled.div`\n          position: relative;\n          overflow: auto;\n          max-height: ${props => props.$style.maxHeight};\n          width: ${props => props.$style.width};\n          height: ${props => props.$style.height};\n          min-height: ${props => props.$style.minHeight};\n\n          &:has(${StyledSkeletonRow}) {\n            overflow: hidden;\n          }\n\n          /**\n           * When height and maxHeight is auto, virtualization is not going to happen and the scroll jump on row deletion scenario is not going to happen.\n           * In such cases, using relative position as sticky was used to fix scroll jump in firefox during virtualization.\n           */\n          .bContainer {\n            position: ${props =>\n              props.$style.maxHeight?.startsWith?.('auto') &&\n              props.$style.height?.startsWith?.('auto')\n                ? 'relative'\n                : 'sticky'};\n            min-height: ${props => getBContainerMinHeight(props)};\n            border-radius: inherit;\n          }\n`;\n\nStyledPContainer.defaultProps = defaultThemeProp;\n\nconst StyledLoader = Styled.div`\n        display: flex;\n        justify-content: center;\n        padding: 0.5rem;\n        position: absolute;\n        width: 100%;\n        left: ${props => `var(${props.$style.left})`};\n        top: ${props => `var(${props.$style.top})`};\n`;\n\nconst Virtualize = forwardRef(\n  (\n    {\n      id,\n      viewHeight,\n      viewWidth,\n      totalRecordCount,\n      itemHeight,\n      callback,\n      isFetching,\n      rowContainerClass,\n      children,\n      renderHeader,\n      renderFooter,\n      state,\n      bufferMultiplier,\n      viewMaxHeight,\n      showLoadingIndicator\n    },\n    inputRef\n  ) => {\n    const [rContainerDimensionUpdate, setRContainerDimensionUpdate] = useState();\n    const [loadingIndicatorInfo, setLoadingIndicatorInfo] = useState({});\n    const [translate] = useTranslate();\n    // Create ref to store virtualize related data.\n    const vi = useRef({\n      itemHeight,\n      bufferMultiplier,\n      pInfo: {}\n    }).current;\n\n    const getRowContainer = useCallback(() => vi.rContainer, [vi.rContainer]);\n    const getPContainer = useCallback(() => vi.pContainer, [vi.pContainer]);\n    const getBContainer = useCallback(() => vi.bContainer, [vi.bContainer]);\n\n    // API used when user want to scroll to top programmatically.\n    // Though component auto scroll to top if no element is in view.\n    // But calling this API upfront might save one extra call to Fetch API.\n    const scrollToTop = useCallback(() => {\n      if (!state) return;\n      getPContainer().scrollTop = 0;\n      vi.pInfo = getPaginationInfo(\n        getPContainer(),\n        getRecordCountForLayoutPaint(totalRecordCount),\n        vi,\n        false,\n        true\n      );\n      callback({ ...vi.pInfo.view, id }, { takeLatestAction: true });\n    }, [id, vi, state, getPContainer]);\n\n    // expose APIs and properties here to help client to communicate.\n    useImperativeHandle(inputRef, () => ({\n      getParentContainer: getPContainer,\n      scrollToTop,\n      vi,\n      id\n    }));\n\n    const { width, height } = useMemo(\n      () => ({\n        width: getValueWithUnit(viewWidth, '100%'),\n        height: getValueWithUnit(viewHeight, 'auto')\n      }),\n      [viewWidth, viewHeight]\n    );\n\n    const maxHeight = useMemo(() => getMaxHeight(viewMaxHeight), [viewMaxHeight]);\n\n    const minHeight = useMemo(\n      () => (totalRecordCount === 0 ? '100px' : 'auto'),\n      [totalRecordCount]\n    );\n\n    // Calculate the pagination indexes and notify callback.\n    // resetIsFetchingWhenNoNewIndexes - flag specific for isViewNotFilled\n    // If view is not filled, we want to call this but restting isFetch to false\n    // goes to this methid when callback is note fired.\n    const getPagination = useCallback(\n      (isRefresh = false, resetIsFetchingWhenNoNewIndexes = false) => {\n        if (resetIsFetchingWhenNoNewIndexes) {\n          setLoadingIndicatorInfo({});\n        }\n        const pInfo = getPaginationInfo(\n          getPContainer(),\n          getRecordCountForLayoutPaint(totalRecordCount),\n          vi,\n          isRefresh\n        );\n        const { startIndex, endIndex } = pInfo.view;\n        // if new indexes are subset of existing state indexes, no need to update the consumer.\n        if (!state || !(startIndex >= state.startIndex && endIndex <= state.endIndex)) {\n          vi.pInfo = pInfo;\n          if (state) {\n            const { startIndex: oldStartIndex, endIndex: oldEndIndex } = state;\n            if (startIndex < oldStartIndex) {\n              setLoadingIndicatorInfo(info => {\n                return { ...info, isScrollingUp: true };\n              });\n            }\n            if (endIndex > oldEndIndex) {\n              setLoadingIndicatorInfo(info => {\n                return { ...info, isScrollingDown: true };\n              });\n            }\n          }\n          callback({ ...vi.pInfo.view, id }, { takeLatestAction: true });\n        }\n      },\n      [vi, totalRecordCount, state, callback, id, getPContainer]\n    );\n\n    // update average stats for next calculation.\n    const updateAverageInVirtualizeInstance = useCallback(\n      currentEstimation => {\n        const { itemCount, rowContainerHeight, averageNumberOfItemsInARow, averageRowHeight } =\n          currentEstimation;\n        Object.assign(vi, {\n          itemCount: (itemCount + vi.itemCount || itemCount) / 2,\n          rowContainerHeight:\n            (rowContainerHeight + vi.rowContainerHeight || rowContainerHeight) / 2,\n          averageNumberOfItemsInARow:\n            (averageNumberOfItemsInARow + vi.averageNumberOfItemsInARow ||\n              averageNumberOfItemsInARow) / 2,\n          averageRowHeight: (averageRowHeight + vi.averageRowHeight || averageRowHeight) / 2\n        });\n      },\n      [vi]\n    );\n\n    const getBufferHeight = useCallback(\n      currentEstimation => {\n        const { itemCount, rowContainerHeight } = currentEstimation;\n        let h = 0;\n        if (itemCount > 0)\n          h = (getRecordCountForLayoutPaint(totalRecordCount) / itemCount) * rowContainerHeight;\n        return h;\n      },\n      [totalRecordCount]\n    );\n\n    const getScrollTop = useCallback(\n      currentEstimation => {\n        const { itemCount, rowContainerHeight } = currentEstimation;\n        let scrollTop = 0;\n        if (itemCount > 0) {\n          const scrollNodeTopChange =\n            // eslint-disable-next-line no-unsafe-optional-chaining\n            vi.pInfo?.bufferNewCords?.top - vi.pInfo?.bufferOldCords?.top || 0;\n          scrollTop = (vi.pInfo.topRowIndex / itemCount) * rowContainerHeight - scrollNodeTopChange;\n        }\n        return scrollTop;\n      },\n      [vi]\n    );\n\n    const onRowContainerDimensionChange = useCallback(() => {\n      const { height: rowContainerHeight, width: rowContainerWidth } =\n        getRowContainer()?.getBoundingClientRect() ?? {};\n      // trigger virtualizer operations only when row container has some height and width\n      if (rowContainerHeight && rowContainerWidth) setRContainerDimensionUpdate({});\n    }, [getRowContainer]);\n\n    // observe on row container to adjust the buffer container height.\n    useResizeObserver(getRowContainer, onRowContainerDimensionChange);\n\n    const [updateScrollTop] = useScroll(\n      getPagination,\n      getPContainer,\n      vi,\n      totalRecordCount,\n      renderHeader,\n      isFetching,\n      viewHeight\n    );\n\n    useLayoutEffect(() => {\n      const rContainer = getRowContainer();\n      if (state && state.startIndex >= 0 && vi && rContainer) {\n        setAttributesOnItems(state, rContainer);\n      }\n    });\n\n    // Get estimate and update buffer height\n    useLayoutEffect(() => {\n      if (state && !isEmpty(totalRecordCount)) {\n        vi.currentEstimation = getCurrentEstimation(getRowContainer());\n        updateAverageInVirtualizeInstance(vi.currentEstimation);\n        const h = Math.floor(getBufferHeight(vi.currentEstimation));\n        const previousHeight = getBContainer().offsetHeight;\n\n        getBContainer().style.height = `${h}px`;\n        vi.bContainerHeight = h;\n\n        // if there was no previous height, then keep the scrolltop to 0 by default\n        if (h !== previousHeight && previousHeight) {\n          const pContainer = getPContainer();\n          const scrollTop = getScrollTop(vi.currentEstimation);\n          if (scrollTop >= 0) {\n            pContainer.scrollTop = scrollTop;\n          }\n        }\n      }\n    }, [\n      rContainerDimensionUpdate,\n      getBContainer,\n      getBufferHeight,\n      getRowContainer,\n      state,\n      totalRecordCount,\n      updateAverageInVirtualizeInstance,\n      vi,\n      getPContainer,\n      getScrollTop\n    ]);\n\n    // update parent scroll top and row container top.\n    useLayoutEffect(() => {\n      if (state && !isEmpty(totalRecordCount)) {\n        const pContainer = getPContainer();\n\n        // Setting scrollTop from pContainer.scrollTop as getScrollTop can return value with higher decimal accuracy.\n        // but scrollTop attribute from HTML element will round it automatically.\n        updateScrollTop(pContainer.scrollTop);\n        updateRowContainerTop(\n          vi,\n          getRecordCountForLayoutPaint(totalRecordCount),\n          state,\n          pContainer,\n          pContainer.scrollTop\n        );\n\n        const topLoaderHeight = 80;\n        let top = getRowContainer().style.top;\n        if (!top) {\n          top = 0;\n        }\n        getBContainer().style.setProperty(\n          '--above-loader-top',\n          `${parseInt(top, 10) - topLoaderHeight}px`\n        );\n\n        getBContainer().style.setProperty(\n          '--below-loader-top',\n          `${parseInt(top, 10) + getRowContainer().offsetHeight}px`\n        );\n      }\n    }, [\n      getPContainer,\n      getScrollTop,\n      state,\n      updateScrollTop,\n      vi,\n      rContainerDimensionUpdate,\n      totalRecordCount,\n      getRowContainer,\n      getBContainer\n    ]);\n\n    // On mount that means state is not initialized yet, trigger pagination.\n    // or whenever count changes or width /height of view port changes, if view is not filled with data, get indexes again.\n    useEffect(() => {\n      if (state && !isFetching && !isEmpty(totalRecordCount)) {\n        if (\n          isViewNotFilled(\n            getRecordCountForLayoutPaint(totalRecordCount),\n            vi,\n            getPContainer(),\n            renderHeader\n          )\n        )\n          getPagination(false, true);\n        else {\n          setLoadingIndicatorInfo({});\n        }\n      } else if (!state || !Object.keys(vi.pInfo).length) getPagination(true);\n    }, [\n      rContainerDimensionUpdate,\n      state,\n      vi,\n      totalRecordCount,\n      viewHeight,\n      viewWidth,\n      renderHeader,\n      getPagination,\n      getPContainer\n    ]);\n\n    useEffect(() => {\n      if (!isFetching) return;\n      getBContainer().style.setProperty('--loader-left', `${getPContainer().scrollLeft}px`);\n    }, [isFetching, getPContainer()?.scrollLeft]);\n\n    return (\n      <StyledPContainer\n        $style={{\n          maxHeight,\n          minHeight,\n          renderFooter,\n          itemHeight,\n          height,\n          width\n        }}\n        data-total-records={totalRecordCount}\n        className='pContainer'\n        ref={c => {\n          vi.pContainer = c;\n        }}\n      >\n        {renderHeader && renderHeader()}\n        <div\n          className='bContainer'\n          ref={c => {\n            vi.bContainer = c;\n          }}\n        >\n          {showLoadingIndicator && isFetching && loadingIndicatorInfo.isScrollingUp && (\n            <StyledLoader\n              $style={{\n                top: '--above-loader-top',\n                left: '--loader-left'\n              }}\n            >\n              <Progress\n                className='above-loader'\n                placement='block'\n                tabIndex={0}\n                aria-label={translate('Loading more results')}\n              />\n            </StyledLoader>\n          )}\n          <div\n            className={`${rowContainerClass} row-container`}\n            ref={c => {\n              vi.rContainer = c;\n            }}\n            role='rowgroup'\n          >\n            {/** Do not add any other element in row-container apart from the rows as it will generate incorrect estimations */}\n            {children}\n          </div>\n          {showLoadingIndicator && isFetching && loadingIndicatorInfo.isScrollingDown && (\n            <StyledLoader\n              $style={{\n                top: '--below-loader-top',\n                left: '--loader-left'\n              }}\n            >\n              <Progress\n                className='below-loader'\n                placement='block'\n                tabIndex={0}\n                aria-label={translate('Loading more results')}\n              />\n            </StyledLoader>\n          )}\n        </div>\n        {totalRecordCount === 0 ? <EmptyContainer /> : null}\n        {renderFooter && renderFooter()}\n      </StyledPContainer>\n    );\n  }\n);\n\nVirtualize.propTypes = {\n  id: PropTypes.string.isRequired,\n  viewHeight: PropTypes.number,\n  viewWidth: PropTypes.number,\n  totalRecordCount: PropTypes.number,\n  itemHeight: PropTypes.number,\n  callback: PropTypes.func,\n  isFetching: PropTypes.bool,\n  rowContainerClass: PropTypes.string,\n  children: PropTypes.oneOfType([PropTypes.object, PropTypes.array]).isRequired,\n  renderHeader: PropTypes.func,\n  renderFooter: PropTypes.func,\n  state: PropTypes.shape({\n    startIndex: PropTypes.number,\n    endIndex: PropTypes.number\n  }),\n  bufferMultiplier: PropTypes.number,\n  viewMaxHeight: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n  showLoadingIndicator: PropTypes.bool\n};\n\nVirtualize.defaultProps = {\n  bufferMultiplier: 2,\n  callback: () => {},\n  isFetching: false,\n  rowContainerClass: '',\n  viewWidth: 0,\n  itemHeight: 40,\n  renderHeader: null,\n  renderFooter: null,\n  state: undefined,\n  totalRecordCount: undefined,\n  viewMaxHeight: undefined,\n  showLoadingIndicator: false\n};\n\nVirtualize.displayName = 'Virtualize';\n\nexport default memo(Virtualize);\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":"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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      // 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/Views/Gallery/StyledGalleryContainer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"StyledGalleryContainer.d.ts","sourceRoot":"","sources":["../../../../Core/Views/Gallery/StyledGalleryContainer.jsx"],"names":[],"mappings":";AAKA,sNA6CE"}
+{"version":3,"file":"StyledGalleryContainer.d.ts","sourceRoot":"","sources":["../../../../Core/Views/Gallery/StyledGalleryContainer.jsx"],"names":[],"mappings":";AAKA,sNA8CE"}

package/lib/Core/Views/Gallery/StyledGalleryContainer.js

@@ -11,6 +11,7 @@ const StyledGalleryContainer = styled(forwardRef((props, ref) => _jsx("div", { r
         /* stylelint-disable-next-line unit-allowed-list */
         grid-gap: 10px;
         grid-template-columns: repeat(auto-fit, minmax(18.75rem, 1fr));
+        width: 100%;
       }
 
       .flex-container {

package/lib/Core/Views/Gallery/StyledGalleryContainer.js.map

@@ -1 +1 @@
-{"version":3,"file":"StyledGalleryContainer.js","sourceRoot":"","sources":["../../../../Core/Views/Gallery/StyledGalleryContainer.jsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AACnC,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAEhD,OAAO,EAAE,sBAAsB,EAAE,MAAM,oBAAoB,CAAC;AAE5D,MAAM,sBAAsB,GAAG,MAAM,CAAC,UAAU,CAAC,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE,CAAC,cAAK,GAAG,EAAE,GAAG,KAAM,KAAK,GAAI,CAAC,CAAC,CAC7F,GAAG,EAAE;IACH,OAAO,GAAG,CAAA;QACN,CAAC,EAAE,IAAI,EAAE,YAAY,EAAE,EAAE,EAAE,CAAC,sBAAsB,CAAC,EAAE,IAAI,EAAE,YAAY,EAAE,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAwC7E,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,eAAe,sBAAsB,CAAC","sourcesContent":["import { forwardRef } from 'react';\nimport styled, { css } from 'styled-components';\n\nimport { generateRSHeightStyles } from '../../Utils/styles';\n\nconst StyledGalleryContainer = styled(forwardRef((props, ref) => <div ref={ref} {...props} />))(\n  () => {\n    return css`\n      ${({ view, isFullscreen }) => generateRSHeightStyles({ view, isFullscreen })}\n\n      .card-item-grid-container {\n        display: grid;\n        /* stylelint-disable-next-line unit-allowed-list */\n        grid-gap: 10px;\n        grid-template-columns: repeat(auto-fit, minmax(18.75rem, 1fr));\n      }\n\n      .flex-container {\n        display: flex;\n        flex-wrap: wrap;\n        /* stylelint-disable-next-line unit-allowed-list */\n        gap: 10px;\n      }\n\n      /* Gallery view CSS START */\n      .icon-ph > button {\n        cursor: pointer;\n        margin-right: 0.437rem;\n      }\n      .icon-ph {\n        margin: 0.625rem 0;\n      }\n      .field-value > li {\n        padding-bottom: 0.25rem;\n      }\n\n      .row-container {\n        position: absolute;\n        justify-content: space-evenly;\n      }\n\n      &.animate {\n        .row-container > span {\n          transition: transform 0.5s cubic-bezier(0.4, 0.6, 0.1, 1);\n        }\n      }\n\n      /* Gallery view CSS END */\n    `;\n  }\n);\n\nexport default StyledGalleryContainer;\n"]}
+{"version":3,"file":"StyledGalleryContainer.js","sourceRoot":"","sources":["../../../../Core/Views/Gallery/StyledGalleryContainer.jsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AACnC,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAEhD,OAAO,EAAE,sBAAsB,EAAE,MAAM,oBAAoB,CAAC;AAE5D,MAAM,sBAAsB,GAAG,MAAM,CAAC,UAAU,CAAC,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE,CAAC,cAAK,GAAG,EAAE,GAAG,KAAM,KAAK,GAAI,CAAC,CAAC,CAC7F,GAAG,EAAE;IACH,OAAO,GAAG,CAAA;QACN,CAAC,EAAE,IAAI,EAAE,YAAY,EAAE,EAAE,EAAE,CAAC,sBAAsB,CAAC,EAAE,IAAI,EAAE,YAAY,EAAE,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAyC7E,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,eAAe,sBAAsB,CAAC","sourcesContent":["import { forwardRef } from 'react';\nimport styled, { css } from 'styled-components';\n\nimport { generateRSHeightStyles } from '../../Utils/styles';\n\nconst StyledGalleryContainer = styled(forwardRef((props, ref) => <div ref={ref} {...props} />))(\n  () => {\n    return css`\n      ${({ view, isFullscreen }) => generateRSHeightStyles({ view, isFullscreen })}\n\n      .card-item-grid-container {\n        display: grid;\n        /* stylelint-disable-next-line unit-allowed-list */\n        grid-gap: 10px;\n        grid-template-columns: repeat(auto-fit, minmax(18.75rem, 1fr));\n        width: 100%;\n      }\n\n      .flex-container {\n        display: flex;\n        flex-wrap: wrap;\n        /* stylelint-disable-next-line unit-allowed-list */\n        gap: 10px;\n      }\n\n      /* Gallery view CSS START */\n      .icon-ph > button {\n        cursor: pointer;\n        margin-right: 0.437rem;\n      }\n      .icon-ph {\n        margin: 0.625rem 0;\n      }\n      .field-value > li {\n        padding-bottom: 0.25rem;\n      }\n\n      .row-container {\n        position: absolute;\n        justify-content: space-evenly;\n      }\n\n      &.animate {\n        .row-container > span {\n          transition: transform 0.5s cubic-bezier(0.4, 0.6, 0.1, 1);\n        }\n      }\n\n      /* Gallery view CSS END */\n    `;\n  }\n);\n\nexport default StyledGalleryContainer;\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';

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

@@ -1 +1 @@
-{"version":3,"file":"Row.d.ts","sourceRoot":"","sources":["../../../../Core/Views/Table/Row.jsx"],"names":[],"mappings":";;AAKA;;;;4CAYC;;;;;;;;;;sBAjBqB,YAAY"}
+{"version":3,"file":"Row.d.ts","sourceRoot":"","sources":["../../../../Core/Views/Table/Row.jsx"],"names":[],"mappings":";;AAKA;;;;;4CAcC;;;;;;;;;;;sBAnBqB,YAAY"}

package/lib/Core/Views/Table/Row.js

@@ -2,8 +2,9 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import PropTypes from 'prop-types';
 import { memo } from 'react';
 import CellWrapper from './CellWrapper';
-function Row({ row, columns, level = 0 }) {
-    return (_jsx("div", { ...row.getUIProps(), children: [...columns]
+function Row({ row, columns, level = 0, dataIndex }) {
+    const uiProps = { ...row.getUIProps(), ...(dataIndex >= 0 ? { 'data-index': dataIndex } : {}) };
+    return (_jsx("div", { ...uiProps, children: [...columns]
             .sort((colA, colB) => colA.order - colB.order)
             .map(column => {
             column.setExecutionContext(row);
@@ -15,7 +16,8 @@ function Row({ row, columns, level = 0 }) {
 Row.propTypes = {
     columns: PropTypes.arrayOf(PropTypes.any),
     row: PropTypes.objectOf(PropTypes.any),
-    level: PropTypes.number
+    level: PropTypes.number,
+    dataIndex: PropTypes.number
 };
 export default memo(Row);
 //# sourceMappingURL=Row.js.map

package/lib/Core/Views/Table/Row.js.map

@@ -1 +1 @@
-{"version":3,"file":"Row.js","sourceRoot":"","sources":["../../../../Core/Views/Table/Row.jsx"],"names":[],"mappings":";AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AACnC,OAAO,EAAE,IAAI,EAAE,MAAM,OAAO,CAAC;AAE7B,OAAO,WAAW,MAAM,eAAe,CAAC;AAExC,SAAS,GAAG,CAAC,EAAE,GAAG,EAAE,OAAO,EAAE,KAAK,GAAG,CAAC,EAAE;IACtC,OAAO,CACL,iBAAS,GAAG,CAAC,UAAU,EAAE,YACtB,CAAC,GAAG,OAAO,CAAC;aACV,IAAI,CAAC,CAAC,IAAI,EAAE,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC;aAC7C,GAAG,CAAC,MAAM,CAAC,EAAE;YACZ,MAAM,CAAC,mBAAmB,CAAC,GAAG,CAAC,CAAC;YAChC,IAAI,MAAM,CAAC,MAAM;gBAAE,OAAO,IAAI,CAAC;YAC/B,OAAO,KAAC,WAAW,IAAuB,GAAG,EAAE,GAAG,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,IAAvD,MAAM,CAAC,KAAK,CAAC,EAAE,CAA4C,CAAC;QACvF,CAAC,CAAC,GACA,CACP,CAAC;AACJ,CAAC;AAED,GAAG,CAAC,SAAS,GAAG;IACd,OAAO,EAAE,SAAS,CAAC,OAAO,CAAC,SAAS,CAAC,GAAG,CAAC;IACzC,GAAG,EAAE,SAAS,CAAC,QAAQ,CAAC,SAAS,CAAC,GAAG,CAAC;IACtC,KAAK,EAAE,SAAS,CAAC,MAAM;CACxB,CAAC;AAEF,eAAe,IAAI,CAAC,GAAG,CAAC,CAAC","sourcesContent":["import PropTypes from 'prop-types';\nimport { memo } from 'react';\n\nimport CellWrapper from './CellWrapper';\n\nfunction Row({ row, columns, level = 0 }) {\n  return (\n    <div {...row.getUIProps()}>\n      {[...columns]\n        .sort((colA, colB) => colA.order - colB.order)\n        .map(column => {\n          column.setExecutionContext(row);\n          if (column.hidden) return null;\n          return <CellWrapper key={column.field.id} row={row} column={column} level={level} />;\n        })}\n    </div>\n  );\n}\n\nRow.propTypes = {\n  columns: PropTypes.arrayOf(PropTypes.any),\n  row: PropTypes.objectOf(PropTypes.any),\n  level: PropTypes.number\n};\n\nexport default memo(Row);\n"]}
+{"version":3,"file":"Row.js","sourceRoot":"","sources":["../../../../Core/Views/Table/Row.jsx"],"names":[],"mappings":";AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AACnC,OAAO,EAAE,IAAI,EAAE,MAAM,OAAO,CAAC;AAE7B,OAAO,WAAW,MAAM,eAAe,CAAC;AAExC,SAAS,GAAG,CAAC,EAAE,GAAG,EAAE,OAAO,EAAE,KAAK,GAAG,CAAC,EAAE,SAAS,EAAE;IACjD,MAAM,OAAO,GAAG,EAAE,GAAG,GAAG,CAAC,UAAU,EAAE,EAAE,GAAG,CAAC,SAAS,IAAI,CAAC,CAAC,CAAC,CAAC,EAAE,YAAY,EAAE,SAAS,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC;IAEhG,OAAO,CACL,iBAAS,OAAO,YACb,CAAC,GAAG,OAAO,CAAC;aACV,IAAI,CAAC,CAAC,IAAI,EAAE,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC;aAC7C,GAAG,CAAC,MAAM,CAAC,EAAE;YACZ,MAAM,CAAC,mBAAmB,CAAC,GAAG,CAAC,CAAC;YAChC,IAAI,MAAM,CAAC,MAAM;gBAAE,OAAO,IAAI,CAAC;YAC/B,OAAO,KAAC,WAAW,IAAuB,GAAG,EAAE,GAAG,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,IAAvD,MAAM,CAAC,KAAK,CAAC,EAAE,CAA4C,CAAC;QACvF,CAAC,CAAC,GACA,CACP,CAAC;AACJ,CAAC;AAED,GAAG,CAAC,SAAS,GAAG;IACd,OAAO,EAAE,SAAS,CAAC,OAAO,CAAC,SAAS,CAAC,GAAG,CAAC;IACzC,GAAG,EAAE,SAAS,CAAC,QAAQ,CAAC,SAAS,CAAC,GAAG,CAAC;IACtC,KAAK,EAAE,SAAS,CAAC,MAAM;IACvB,SAAS,EAAE,SAAS,CAAC,MAAM;CAC5B,CAAC;AAEF,eAAe,IAAI,CAAC,GAAG,CAAC,CAAC","sourcesContent":["import PropTypes from 'prop-types';\nimport { memo } from 'react';\n\nimport CellWrapper from './CellWrapper';\n\nfunction Row({ row, columns, level = 0, dataIndex }) {\n  const uiProps = { ...row.getUIProps(), ...(dataIndex >= 0 ? { 'data-index': dataIndex } : {}) };\n\n  return (\n    <div {...uiProps}>\n      {[...columns]\n        .sort((colA, colB) => colA.order - colB.order)\n        .map(column => {\n          column.setExecutionContext(row);\n          if (column.hidden) return null;\n          return <CellWrapper key={column.field.id} row={row} column={column} level={level} />;\n        })}\n    </div>\n  );\n}\n\nRow.propTypes = {\n  columns: PropTypes.arrayOf(PropTypes.any),\n  row: PropTypes.objectOf(PropTypes.any),\n  level: PropTypes.number,\n  dataIndex: PropTypes.number\n};\n\nexport default memo(Row);\n"]}

package/lib/Core/Views/Table/StyledTableContainer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"StyledTableContainer.d.ts","sourceRoot":"","sources":["../../../../Core/Views/Table/StyledTableContainer.jsx"],"names":[],"mappings":";AAkBA,oNAk5BG"}
+{"version":3,"file":"StyledTableContainer.d.ts","sourceRoot":"","sources":["../../../../Core/Views/Table/StyledTableContainer.jsx"],"names":[],"mappings":";AAkBA,oNAs5BG"}

package/lib/Core/Views/Table/StyledTableContainer.js

@@ -622,6 +622,10 @@ const StyledTableContainer = styled(forwardRef((props, ref) => _jsx("div", { ref
       &:not(.wrap-content-height) > .row:not(.group-header-row) {
         height: var(--data-row-height);
       }
+
+      & > .row:not(.group-header-row) {
+        min-width: 100%;
+      }
       border-end-start-radius: inherit;
       border-end-end-radius: inherit;