@pega/lists-react 9.0.0-build.8.3 → 9.0.0-build.9.1

package/lib/Core/Components/Toolbar/Timeline/TimelineToolbar.d.ts

@@ -1,8 +1,7 @@
-import type { OmitStrict } from '@pega/cosmos-react-core';
-import type { TimelineToolbarProps } from '@pega/cosmos-react-work/lib/components/Timeline/Timeline.types';
+import type { OmitStrict, ListToolbarProps } from '@pega/cosmos-react-core';
 import type { RsCoreTypes } from 'pega-repeating-structures-core';
 declare const TimelineToolbar: ({ view, ...restProps }: {
     view: RsCoreTypes.View;
-} & OmitStrict<TimelineToolbarProps, "sort" | "group">) => import("react/jsx-runtime").JSX.Element;
+} & OmitStrict<ListToolbarProps, "sort" | "group">) => import("react/jsx-runtime").JSX.Element;
 export default TimelineToolbar;
 //# sourceMappingURL=TimelineToolbar.d.ts.map

package/lib/Core/Components/Toolbar/Timeline/TimelineToolbar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TimelineToolbar.d.ts","sourceRoot":"","sources":["../../../../../Core/Components/Toolbar/Timeline/TimelineToolbar.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAE1D,OAAO,KAAK,EAGV,oBAAoB,EACrB,MAAM,gEAAgE,CAAC;AACxE,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAKlE,QAAA,MAAM,eAAe,GAAI,wBAGtB;IACD,IAAI,EAAE,WAAW,CAAC,IAAI,CAAC;CACxB,GAAG,UAAU,CAAC,oBAAoB,EAAE,MAAM,GAAG,OAAO,CAAC,4CA4ErD,CAAC;AAEF,eAAe,eAAe,CAAC"}
+{"version":3,"file":"TimelineToolbar.d.ts","sourceRoot":"","sources":["../../../../../Core/Components/Toolbar/Timeline/TimelineToolbar.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,UAAU,EAAE,gBAAgB,EAAE,MAAM,yBAAyB,CAAC;AAE5E,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAMlE,QAAA,MAAM,eAAe,GAAI,wBAGtB;IACD,IAAI,EAAE,WAAW,CAAC,IAAI,CAAC;CACxB,GAAG,UAAU,CAAC,gBAAgB,EAAE,MAAM,GAAG,OAAO,CAAC,4CAiHjD,CAAC;AAEF,eAAe,eAAe,CAAC"}

package/lib/Core/Components/Toolbar/Timeline/TimelineToolbar.js

@@ -1,61 +1,109 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { useMemo } from 'react';
-import { TimelineToolbar as TimelineToolbarCosmos } from '@pega/cosmos-react-work';
+import { ListToolbar, useI18n } from '@pega/cosmos-react-core';
 import { TOOLBAR_FEATURES } from '../../../constants';
 import { mapDateFnToGroupOption } from '../../../Views/Timeline/utility';
 const TimelineToolbar = ({ view, ...restProps }) => {
+    const t = useI18n();
     const displaySort = view.shouldDisplayFeature(TOOLBAR_FEATURES.SORT);
     const displayGrouping = view.shouldDisplayFeature(TOOLBAR_FEATURES.GROUPING);
-    const sort = useMemo(() => ({
-        selected: view.state.sortingOrder?.[0]?.order === 'asc' ? 'ascending' : 'descending',
-        onItemClick: id => {
-            if (view.state?.sortingOrder?.[0]) {
-                view.type.applySorting([
-                    {
-                        ...view.state.sortingOrder[0],
-                        order: id === 'ascending' ? 'asc' : 'desc'
-                    }
-                ]);
+    const sort = useMemo(() => {
+        const selected = view.state.sortingOrder?.[0]?.order === 'asc' ? 'ascending' : 'descending';
+        return {
+            mode: 'single-select',
+            items: [
+                {
+                    id: 'descending',
+                    text: t('timeline_toolbar_sort_descending'),
+                    icon: 'arrow-down',
+                    selected: selected === 'descending'
+                },
+                {
+                    id: 'ascending',
+                    text: t('timeline_toolbar_sort_ascending'),
+                    icon: 'arrow-up',
+                    selected: selected === 'ascending'
+                }
+            ],
+            onItemClick: id => {
+                if (view.state?.sortingOrder?.[0]) {
+                    view.type.applySorting([
+                        {
+                            ...view.state.sortingOrder[0],
+                            order: id === 'ascending' ? 'asc' : 'desc'
+                        }
+                    ]);
+                }
             }
-        }
-    }), [view.state.sortingOrder, view.type.applySorting]);
-    const group = useMemo(() => ({
-        selected: mapDateFnToGroupOption(view.state.groups?.[0]?.dateFunction),
-        onItemClick: id => {
-            let dateFunction;
-            switch (id) {
-                case 'year':
-                    dateFunction = 'YEARS';
-                    break;
-                case 'quarteryear':
-                    dateFunction = 'QUARTERS';
-                    break;
-                case 'monthyear':
-                    dateFunction = 'MONTHS';
-                    break;
-                case 'date':
-                    dateFunction = 'DAYS';
-                    break;
-                default:
+        };
+    }, [view.state.sortingOrder, view.type.applySorting]);
+    const group = useMemo(() => {
+        const selected = mapDateFnToGroupOption(view.state.groups?.[0]?.dateFunction);
+        return {
+            mode: 'single-select',
+            items: [
+                {
+                    id: 'date',
+                    text: t('timeline_toolbar_group_date'),
+                    selected: selected === 'date'
+                },
+                {
+                    id: 'monthyear',
+                    text: t('timeline_toolbar_group_monthyear'),
+                    selected: selected === 'monthyear'
+                },
+                {
+                    id: 'quarteryear',
+                    text: t('timeline_toolbar_group_quarteryear'),
+                    selected: selected === 'quarteryear'
+                },
+                {
+                    id: 'year',
+                    text: t('timeline_toolbar_group_year'),
+                    selected: selected === 'year'
+                },
+                {
+                    id: 'none',
+                    text: t('timeline_toolbar_group_none'),
+                    selected: selected === 'none'
+                }
+            ],
+            onItemClick: id => {
+                let dateFunction;
+                switch (id) {
+                    case 'year':
+                        dateFunction = 'YEARS';
+                        break;
+                    case 'quarteryear':
+                        dateFunction = 'QUARTERS';
+                        break;
+                    case 'monthyear':
+                        dateFunction = 'MONTHS';
+                        break;
+                    case 'date':
+                        dateFunction = 'DAYS';
+                        break;
+                    default:
+                }
+                view.type.applyGrouping(dateFunction && view.meta.timelineFields?.date?.label
+                    ? [
+                        {
+                            columnId: view.meta.timelineFields.date.label,
+                            dateFunction,
+                            level: 0,
+                            order: view.state.sortingOrder?.[0]?.order ?? 'desc'
+                        }
+                    ]
+                    : []);
             }
-            view.type.applyGrouping(dateFunction && view.meta.timelineFields?.date?.label
-                ? [
-                    {
-                        columnId: view.meta.timelineFields.date.label,
-                        dateFunction,
-                        level: 0,
-                        order: view.state.sortingOrder?.[0]?.order ?? 'desc'
-                    }
-                ]
-                : []);
-        }
-    }), [
+        };
+    }, [
         view.state.groups,
         view.type.applyGrouping,
         view.meta.timelineFields?.date,
         view.state.sortingOrder
     ]);
-    return (_jsx(TimelineToolbarCosmos, { sort: displaySort ? sort : undefined, group: view.meta.grouping && displayGrouping ? group : undefined, ...restProps }));
+    return (_jsx(ListToolbar, { ...restProps, sort: displaySort ? sort : undefined, group: view.meta.grouping && displayGrouping ? group : undefined }));
 };
 export default TimelineToolbar;
 //# sourceMappingURL=TimelineToolbar.js.map

package/lib/Core/Components/Toolbar/Timeline/TimelineToolbar.js.map

@@ -1 +1 @@
-{"version":3,"file":"TimelineToolbar.js","sourceRoot":"","sources":["../../../../../Core/Components/Toolbar/Timeline/TimelineToolbar.tsx"],"names":[],"mappings":"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","sourcesContent":["import type { Group } from 'packages/lists-rs-core/types/State.types';\nimport { useMemo } from 'react';\n\nimport type { OmitStrict } from '@pega/cosmos-react-core';\nimport { TimelineToolbar as TimelineToolbarCosmos } from '@pega/cosmos-react-work';\nimport type {\n  TimelineGroupBy,\n  TimelineSortOrder,\n  TimelineToolbarProps\n} from '@pega/cosmos-react-work/lib/components/Timeline/Timeline.types';\nimport type { RsCoreTypes } from 'pega-repeating-structures-core';\n\nimport { TOOLBAR_FEATURES } from '../../../constants';\nimport { mapDateFnToGroupOption } from '../../../Views/Timeline/utility';\n\nconst TimelineToolbar = ({\n  view,\n  ...restProps\n}: {\n  view: RsCoreTypes.View;\n} & OmitStrict<TimelineToolbarProps, 'sort' | 'group'>) => {\n  const displaySort = view.shouldDisplayFeature(TOOLBAR_FEATURES.SORT);\n  const displayGrouping = view.shouldDisplayFeature(TOOLBAR_FEATURES.GROUPING);\n\n  const sort = useMemo<{\n    selected: TimelineSortOrder;\n    onItemClick: (id: TimelineSortOrder) => void;\n  }>(\n    () => ({\n      selected: view.state.sortingOrder?.[0]?.order === 'asc' ? 'ascending' : 'descending',\n      onItemClick: id => {\n        if (view.state?.sortingOrder?.[0]) {\n          view.type.applySorting([\n            {\n              ...view.state.sortingOrder[0],\n              order: id === 'ascending' ? 'asc' : 'desc'\n            }\n          ]);\n        }\n      }\n    }),\n    [view.state.sortingOrder, view.type.applySorting]\n  );\n\n  const group = useMemo<{\n    selected: TimelineGroupBy | undefined;\n    onItemClick: (id: TimelineGroupBy) => void;\n  }>(\n    () => ({\n      selected: mapDateFnToGroupOption(view.state.groups?.[0]?.dateFunction),\n      onItemClick: id => {\n        let dateFunction: Group['dateFunction'];\n        switch (id) {\n          case 'year':\n            dateFunction = 'YEARS';\n            break;\n          case 'quarteryear':\n            dateFunction = 'QUARTERS';\n            break;\n          case 'monthyear':\n            dateFunction = 'MONTHS';\n            break;\n          case 'date':\n            dateFunction = 'DAYS';\n            break;\n          default:\n        }\n        view.type.applyGrouping(\n          dateFunction && view.meta.timelineFields?.date?.label\n            ? [\n                {\n                  columnId: view.meta.timelineFields.date.label,\n                  dateFunction,\n                  level: 0,\n                  order: view.state.sortingOrder?.[0]?.order ?? 'desc'\n                }\n              ]\n            : []\n        );\n      }\n    }),\n    [\n      view.state.groups,\n      view.type.applyGrouping,\n      view.meta.timelineFields?.date,\n      view.state.sortingOrder\n    ]\n  );\n\n  return (\n    <TimelineToolbarCosmos\n      sort={displaySort ? sort : undefined}\n      group={view.meta.grouping && displayGrouping ? group : undefined}\n      {...restProps}\n    />\n  );\n};\n\nexport default TimelineToolbar;\n"]}
+{"version":3,"file":"TimelineToolbar.js","sourceRoot":"","sources":["../../../../../Core/Components/Toolbar/Timeline/TimelineToolbar.tsx"],"names":[],"mappings":"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","sourcesContent":["import type { Group } from 'packages/lists-rs-core/types/State.types';\nimport { useMemo } from 'react';\n\nimport type { OmitStrict, ListToolbarProps } from '@pega/cosmos-react-core';\nimport type { PresetMenuProps } from '@pega/cosmos-react-core/lib/components/ListToolbar/ListToolbar.types';\nimport type { RsCoreTypes } from 'pega-repeating-structures-core';\nimport { ListToolbar, useI18n } from '@pega/cosmos-react-core';\n\nimport { TOOLBAR_FEATURES } from '../../../constants';\nimport { mapDateFnToGroupOption } from '../../../Views/Timeline/utility';\n\nconst TimelineToolbar = ({\n  view,\n  ...restProps\n}: {\n  view: RsCoreTypes.View;\n} & OmitStrict<ListToolbarProps, 'sort' | 'group'>) => {\n  const t = useI18n();\n  const displaySort = view.shouldDisplayFeature(TOOLBAR_FEATURES.SORT);\n  const displayGrouping = view.shouldDisplayFeature(TOOLBAR_FEATURES.GROUPING);\n\n  const sort: PresetMenuProps = useMemo(() => {\n    const selected = view.state.sortingOrder?.[0]?.order === 'asc' ? 'ascending' : 'descending';\n    return {\n      mode: 'single-select',\n      items: [\n        {\n          id: 'descending',\n          text: t('timeline_toolbar_sort_descending'),\n          icon: 'arrow-down',\n          selected: selected === 'descending'\n        },\n        {\n          id: 'ascending',\n          text: t('timeline_toolbar_sort_ascending'),\n          icon: 'arrow-up',\n          selected: selected === 'ascending'\n        }\n      ],\n      onItemClick: id => {\n        if (view.state?.sortingOrder?.[0]) {\n          view.type.applySorting([\n            {\n              ...view.state.sortingOrder[0],\n              order: id === 'ascending' ? 'asc' : 'desc'\n            }\n          ]);\n        }\n      }\n    };\n  }, [view.state.sortingOrder, view.type.applySorting]);\n\n  const group: PresetMenuProps = useMemo(() => {\n    const selected = mapDateFnToGroupOption(view.state.groups?.[0]?.dateFunction);\n\n    return {\n      mode: 'single-select',\n      items: [\n        {\n          id: 'date',\n          text: t('timeline_toolbar_group_date'),\n          selected: selected === 'date'\n        },\n        {\n          id: 'monthyear',\n          text: t('timeline_toolbar_group_monthyear'),\n          selected: selected === 'monthyear'\n        },\n        {\n          id: 'quarteryear',\n          text: t('timeline_toolbar_group_quarteryear'),\n          selected: selected === 'quarteryear'\n        },\n        {\n          id: 'year',\n          text: t('timeline_toolbar_group_year'),\n          selected: selected === 'year'\n        },\n        {\n          id: 'none',\n          text: t('timeline_toolbar_group_none'),\n          selected: selected === 'none'\n        }\n      ],\n      onItemClick: id => {\n        let dateFunction: Group['dateFunction'];\n        switch (id) {\n          case 'year':\n            dateFunction = 'YEARS';\n            break;\n          case 'quarteryear':\n            dateFunction = 'QUARTERS';\n            break;\n          case 'monthyear':\n            dateFunction = 'MONTHS';\n            break;\n          case 'date':\n            dateFunction = 'DAYS';\n            break;\n          default:\n        }\n        view.type.applyGrouping(\n          dateFunction && view.meta.timelineFields?.date?.label\n            ? [\n                {\n                  columnId: view.meta.timelineFields.date.label,\n                  dateFunction,\n                  level: 0,\n                  order: view.state.sortingOrder?.[0]?.order ?? 'desc'\n                }\n              ]\n            : []\n        );\n      }\n    };\n  }, [\n    view.state.groups,\n    view.type.applyGrouping,\n    view.meta.timelineFields?.date,\n    view.state.sortingOrder\n  ]);\n\n  return (\n    <ListToolbar\n      {...restProps}\n      sort={displaySort ? sort : undefined}\n      group={view.meta.grouping && displayGrouping ? group : undefined}\n    />\n  );\n};\n\nexport default TimelineToolbar;\n"]}

package/lib/Core/Components/Toolbar/hooks/useGroup/utils.d.ts

@@ -5,7 +5,7 @@ import type { GroupingOptions } from '../../Grouping.types';
  * Finds the matching column for the given columnId and returns its field type.
  * Returns `undefined` if no match found
  */
-export declare function getFieldType(columnId: Group['columnId'], columns: RsCoreTypes.Column[]): "number" | "boolean" | "text" | "time" | "action" | "date" | "currency" | "datetime" | "custom" | "URL" | "Date" | "Date only" | undefined;
+export declare function getFieldType(columnId: Group['columnId'], columns: RsCoreTypes.Column[]): "number" | "boolean" | "text" | "time" | "action" | "date" | "custom" | "currency" | "datetime" | "URL" | "Date" | "Date only" | undefined;
 /** Returns metadata to identify which fields and which date functions are/aren't available for selection */
 export declare function getGroupingOptions(groups: Group[], columns: RsCoreTypes.Column[], dateFunctions: RsCoreTypes.Meta['dateFunctions']): GroupingOptions;
 //# sourceMappingURL=utils.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"VariableHeightVirtualizer.d.ts","sourceRoot":"","sources":["../../../../../Core/Components/Virtualise/VariableHeightVirtualizer/VariableHeightVirtualizer.tsx"],"names":[],"mappings":"AAUA,OAAO,KAAK,EAAE,SAAS,EAAgB,MAAM,OAAO,CAAC;AAsBrD,MAAM,WAAW,WAAW;IAC1B,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;CACzB;AAED,MAAM,WAAW,eAAe;IAC9B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AASD,MAAM,WAAW,8BAA8B;IAC7C,sDAAsD;IACtD,EAAE,EAAE,MAAM,CAAC;IACX,oEAAoE;IACpE,QAAQ,EAAE,SAAS,CAAC;IACpB,wCAAwC;IACxC,WAAW,EAAE,CACX,MAAM,EAAE;QAAE,UAAU,EAAE,MAAM,CAAC;QAAC,QAAQ,EAAE,MAAM,CAAC;QAAC,EAAE,EAAE,MAAM,CAAA;KAAE,EAC5D,OAAO,EAAE;QAAE,gBAAgB,EAAE,OAAO,CAAA;KAAE,KACnC,IAAI,CAAC;IACV,oDAAoD;IACpD,cAAc,EAAE,OAAO,CAAC;IACxB,4CAA4C;IAC5C,eAAe,EAAE,eAAe,CAAC;IACjC,gDAAgD;IAChD,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,yCAAyC;IACzC,cAAc,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC/B,gEAAgE;IAChE,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,iDAAiD;IACjD,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,qCAAqC;IACrC,cAAc,CAAC,EAAE,CAAC,MAAM,SAAS,CAAC,GAAG,IAAI,CAAC;IAC1C,qCAAqC;IACrC,cAAc,CAAC,EAAE,CAAC,MAAM,SAAS,CAAC,GAAG,IAAI,CAAC;IAC1C,8CAA8C;IAC9C,gBAAgB,CAAC,EAAE,CAAC,MAAM,SAAS,CAAC,GAAG,IAAI,CAAC;IAC5C,wCAAwC;IACxC,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,6CAA6C;IAC7C,aAAa,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,CAAC;IACvC,6CAA6C;IAC7C,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC5B,iDAAiD;IACjD,4BAA4B,CAAC,EAAE,MAAM,CAAC;CACvC;AAED,UAAU,cAAc;IACtB,+CAA+C;IAC/C,WAAW,EAAE,MAAM,IAAI,CAAC;IACxB,4CAA4C;IAC5C,kBAAkB,EAAE,MAAM,WAAW,GAAG,IAAI,CAAC;IAC7C,4CAA4C;IAC5C,kBAAkB,EAAE,MAAM,WAAW,GAAG,IAAI,CAAC;IAC7C,4CAA4C;IAC5C,iBAAiB,EAAE,MAAM,IAAI,CAAC;CAC/B;AAaD;;;;;;;;;;GAUG;AAEH;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AACH,QAAA,MAAM,yBAAyB,2HA0T9B,CAAC;AAIF,eAAe,yBAAyB,CAAC"}
+{"version":3,"file":"VariableHeightVirtualizer.d.ts","sourceRoot":"","sources":["../../../../../Core/Components/Virtualise/VariableHeightVirtualizer/VariableHeightVirtualizer.tsx"],"names":[],"mappings":"AAUA,OAAO,KAAK,EAAE,SAAS,EAAgB,MAAM,OAAO,CAAC;AAsBrD,MAAM,WAAW,WAAW;IAC1B,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;CACzB;AAED,MAAM,WAAW,eAAe;IAC9B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AASD,MAAM,WAAW,8BAA8B;IAC7C,sDAAsD;IACtD,EAAE,EAAE,MAAM,CAAC;IACX,oEAAoE;IACpE,QAAQ,EAAE,SAAS,CAAC;IACpB,wCAAwC;IACxC,WAAW,EAAE,CACX,MAAM,EAAE;QAAE,UAAU,EAAE,MAAM,CAAC;QAAC,QAAQ,EAAE,MAAM,CAAC;QAAC,EAAE,EAAE,MAAM,CAAA;KAAE,EAC5D,OAAO,EAAE;QAAE,gBAAgB,EAAE,OAAO,CAAA;KAAE,KACnC,IAAI,CAAC;IACV,oDAAoD;IACpD,cAAc,EAAE,OAAO,CAAC;IACxB,4CAA4C;IAC5C,eAAe,EAAE,eAAe,CAAC;IACjC,gDAAgD;IAChD,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,yCAAyC;IACzC,cAAc,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC/B,gEAAgE;IAChE,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,iDAAiD;IACjD,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,qCAAqC;IACrC,cAAc,CAAC,EAAE,CAAC,MAAM,SAAS,CAAC,GAAG,IAAI,CAAC;IAC1C,qCAAqC;IACrC,cAAc,CAAC,EAAE,CAAC,MAAM,SAAS,CAAC,GAAG,IAAI,CAAC;IAC1C,8CAA8C;IAC9C,gBAAgB,CAAC,EAAE,CAAC,MAAM,SAAS,CAAC,GAAG,IAAI,CAAC;IAC5C,wCAAwC;IACxC,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,6CAA6C;IAC7C,aAAa,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,CAAC;IACvC,6CAA6C;IAC7C,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC5B,iDAAiD;IACjD,4BAA4B,CAAC,EAAE,MAAM,CAAC;CACvC;AAED,UAAU,cAAc;IACtB,+CAA+C;IAC/C,WAAW,EAAE,MAAM,IAAI,CAAC;IACxB,4CAA4C;IAC5C,kBAAkB,EAAE,MAAM,WAAW,GAAG,IAAI,CAAC;IAC7C,4CAA4C;IAC5C,kBAAkB,EAAE,MAAM,WAAW,GAAG,IAAI,CAAC;IAC7C,4CAA4C;IAC5C,iBAAiB,EAAE,MAAM,IAAI,CAAC;CAC/B;AAaD;;;;;;;;;;GAUG;AAEH;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AACH,QAAA,MAAM,yBAAyB,2HA2T9B,CAAC;AAIF,eAAe,yBAAyB,CAAC"}

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

@@ -231,7 +231,7 @@ const VariableHeightVirtualizer = forwardRef(({ id, children, buffer = 15, apiCa
             overflowY: 'auto',
             position: 'relative',
             width: '100%'
-        }, className: 'pContainer variableHeightVirtualizer', children: [headerRenderer && headerRenderer(), _jsxs("div", { className: 'bContainer', ref: bufferContainerRef, style: { height: totalBufferHeight, position: 'relative' }, children: [isDataFetching && !isForceRefreshedPagination && (_jsx(StyledLoader, { "$style": {
+        }, className: 'pContainer variableHeightVirtualizer', "data-total-records": totalItemCount, children: [headerRenderer && headerRenderer(), _jsxs("div", { className: 'bContainer', ref: bufferContainerRef, style: { height: totalBufferHeight, position: 'relative' }, children: [isDataFetching && !isForceRefreshedPagination && (_jsx(StyledLoader, { "$style": {
                             top: '--above-loader-top',
                             left: '--loader-left'
                         }, children: _jsx(Progress, { className: 'above-loader', placement: 'block', tabIndex: 0, "aria-label": translate('Loading more results') }) })), _jsx("div", { ref: itemContainerRef, style: {

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

@@ -1 +1 @@
-{"version":3,"file":"VariableHeightVirtualizer.js","sourceRoot":"","sources":["../../../../../Core/Components/Virtualise/VariableHeightVirtualizer/VariableHeightVirtualizer.tsx"],"names":[],"mappings":";AAAA,OAAO,EACL,MAAM,EACN,SAAS,EACT,QAAQ,EACR,WAAW,EACX,eAAe,EACf,UAAU,EACV,mBAAmB,EACnB,OAAO,EACR,MAAM,OAAO,CAAC;AAEf,OAAO,MAAM,MAAM,mBAAmB,CAAC;AAEvC,OAAO,EAAE,QAAQ,EAAE,MAAM,yBAAyB,CAAC;AAEnD,OAAO,iBAAiB,MAAM,sBAAsB,CAAC;AACrD,OAAO,YAAY,MAAM,6BAA6B,CAAC;AAEvD,OAAO,+BAA+B,MAAM,mCAAmC,CAAC;AAChF,OAAO,oBAAoB,MAAM,wBAAwB,CAAC;AAC1D,OAAO,aAAa,MAAM,iBAAiB,CAAC;AAC5C,OAAO,SAAS,MAAM,aAAa,CAAC;AACpC,OAAO,uBAAuB,MAAM,2BAA2B,CAAC;AAChE,OAAO,EACL,iCAAiC,EACjC,YAAY,EACZ,eAAe,EACf,0BAA0B,EAC1B,qBAAqB,EACrB,wBAAwB,EACzB,MAAM,SAAS,CAAC;AAmEjB,MAAM,YAAY,GAAG,MAAM,CAAC,GAAG,CAAmB;;;;;;UAMxC,KAAK,CAAC,EAAE,CAAC,OAAO,KAAK,CAAC,MAAM,CAAC,IAAI,GAAG;SACrC,KAAK,CAAC,EAAE,CAAC,OAAO,KAAK,CAAC,MAAM,CAAC,GAAG,GAAG;;CAE3C,CAAC;AAEF;;;;;;;;;;GAUG;AAEH;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AACH,MAAM,yBAAyB,GAAG,UAAU,CAC1C,CACE,EACE,EAAE,EACF,QAAQ,EACR,MAAM,GAAG,EAAE,EACX,WAAW,EACX,eAAe,GAAG,EAAE,EACpB,iBAAiB,GAAG,EAAE,EACtB,cAAc,EACd,eAAe,GAAG,IAAI,EACtB,cAAc,GAAG,IAAI,EACrB,cAAc,GAAG,IAAI,EACrB,gBAAgB,GAAG,IAAI,EACvB,kBAAkB,GAAG,EAAE,EACvB,aAAa,GAAG,IAAI,EACpB,SAAS,GAAG,MAAM,EAClB,cAAc,GAAG,KAAK,EACtB,4BAA4B,GAAG,MAAM,EACtC,EACD,GAAiC,EACjC,EAAE;IACF,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAS,CAAC,CAAC,CAAC;IACxD,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAS,CAAC,CAAC,CAAC;IACpD,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAS,CAAC,CAAC,CAAC;IACtD,MAAM,CAAC,iBAAiB,EAAE,oBAAoB,CAAC,GAAG,QAAQ,CAAS,CAAC,CAAC,CAAC;IACtE,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAc,EAAE,CAAC,CAAC;IAChE,MAAM,CAAC,mBAAmB,EAAE,sBAAsB,CAAC,GAAG,QAAQ,CAAS,CAAC,CAAC,CAAC;IAE1E,MAAM,CAAC,kBAAkB,EAAE,qBAAqB,CAAC,GAAG,QAAQ,CAAS,CAAC,CAAC,CAAC;IACxE,MAAM,CAAC,uBAAuB,EAAE,0BAA0B,CAAC,GAAG,QAAQ,CAAS,CAAC,CAAC,CAAC;IAClF,MAAM,CAAC,qCAAqC,EAAE,wCAAwC,CAAC,GACrF,QAAQ,CAAS,CAAC,CAAC,CAAC;IAEtB,MAAM,kBAAkB,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IACxD,MAAM,kBAAkB,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IACxD,MAAM,gBAAgB,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IACtD,MAAM,sBAAsB,GAAG,MAAM,CAAc,EAAE,CAAC,CAAC;IACvD,MAAM,6BAA6B,GAAG,MAAM,CAAgB,IAAI,CAAC,CAAC;IAElE,MAAM,CAAC,SAAS,CAAC,GAAG,YAAY,EAAE,CAAC;IAEnC,MAAM,gCAAgC,GAAG,WAAW,CAAC,GAAG,EAAE;QACxD,MAAM,EAAE,MAAM,EAAE,qBAAqB,EAAE,KAAK,EAAE,oBAAoB,EAAE,GAClE,kBAAkB,CAAC,OAAO,EAAE,qBAAqB,EAAE,IAAI,EAAE,CAAC;QAC5D,mFAAmF;QACnF,IAAI,qBAAqB,IAAI,oBAAoB,EAAE,CAAC;YAClD,wCAAwC,CAAC,KAAK,CAAC,EAAE,CAAC,KAAK,GAAG,CAAC,CAAC,CAAC;QAC/D,CAAC;IACH,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,kBAAkB,GAAG,WAAW,CACpC,GAA0B,EAAE,CAAC,kBAAkB,CAAC,OAAO,EACvD,EAAE,CACH,CAAC;IACF,iBAAiB,CAAC,kBAAkB,EAAE,gCAAgC,CAAC,CAAC;IAExE,MAAM,EAAE,cAAc,EAAE,gBAAgB,EAAE,GAAG,uBAAuB,CAAC;QACnE,cAAc;QACd,UAAU;QACV,QAAQ;QACR,eAAe;QACf,cAAc;QACd,gBAAgB;QAChB,QAAQ;QACR,MAAM;QACN,gBAAgB,EAAE,kBAAkB;KACrC,CAAC,CAAC;IAEH,MAAM,EAAE,iBAAiB,EAAE,0BAA0B,EAAE,GAAG,aAAa,CAAC;QACtE,WAAW;QACX,EAAE;QACF,MAAM;QACN,eAAe;QACf,UAAU;QACV,QAAQ;QACR,gBAAgB;QAChB,cAAc;QACd,WAAW;QACX,iBAAiB;QACjB,kBAAkB;QAClB,gBAAgB;QAChB,aAAa;QACb,WAAW;QACX,6BAA6B;KAC9B,CAAC,CAAC;IAEH,8GAA8G;IAC9G,SAAS,CAAC;QACR,kBAAkB;QAClB,gBAAgB;QAChB,iBAAiB,EAAE,CAAC,IAAY,EAAE,EAAE;YAClC,YAAY,CAAC,IAAI,CAAC,CAAC;YACnB,iBAAiB,CAAC,IAAI,CAAC,CAAC;QAC1B,CAAC;QACD,KAAK,EAAE,GAAG;KACX,CAAC,CAAC;IAEH,8BAA8B;IAC9B,mBAAmB,CACjB,GAAG,EACH,GAAmB,EAAE,CAAC,CAAC;QACrB,WAAW,EAAE,GAAG,EAAE;YAChB,IAAI,kBAAkB,CAAC,OAAO,EAAE,CAAC;gBAC/B,kBAAkB,CAAC,OAAO,CAAC,SAAS,GAAG,CAAC,CAAC;gBACzC,YAAY,CAAC,CAAC,CAAC,CAAC;gBAEhB,iBAAiB,CAAC,CAAC,EAAE,IAAI,CAAC,CAAC;YAC7B,CAAC;QACH,CAAC;QACD,kBAAkB,EAAE,GAAG,EAAE,CAAC,kBAAkB,CAAC,OAAO;QACpD,kBAAkB,EAAE,GAAG,EAAE,CAAC,gBAAgB,CAAC,OAAO;QAClD,iBAAiB,EAAE,GAAG,EAAE,CAAC,qBAAqB,CAAC,KAAK,CAAC,EAAE,CAAC,KAAK,GAAG,CAAC,CAAC;KACnE,CAAC,CACH,CAAC;IAEF,yDAAyD;IACzD,eAAe,CAAC,GAAG,EAAE;QACnB,IAAI,CAAC,gBAAgB,CAAC,OAAO;YAAE,OAAO;QAEtC,MAAM,UAAU,GAAG,qBAAqB,CACtC,gBAAgB,CAAC,OAAO,EACxB,WAAW,EACX,iBAAiB,CAClB,CAAC;QACF,IAAI,MAAM,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;YACvC,cAAc,CAAC,CAAC,IAAiB,EAAE,EAAE,CAAC,CAAC,EAAE,GAAG,IAAI,EAAE,GAAG,UAAU,EAAE,CAAC,CAAC,CAAC;QACtE,CAAC;IACH,CAAC,EAAE;QACD,UAAU;QACV,WAAW;QACX,QAAQ;QACR,cAAc;QACd,iBAAiB;QACjB,uBAAuB;KACxB,CAAC,CAAC;IAEH,4BAA4B;IAC5B,eAAe,CAAC,GAAG,EAAE;QACnB,MAAM,eAAe,GAAG,0BAA0B,CAChD,gBAAgB,EAChB,WAAW,EACX,iBAAiB,CAClB,CAAC;QAEF,IAAI,eAAe,KAAK,iBAAiB,EAAE,CAAC;YAC1C,oBAAoB,CAAC,eAAe,CAAC,CAAC;QACxC,CAAC;IACH,CAAC,EAAE,CAAC,WAAW,EAAE,gBAAgB,EAAE,iBAAiB,EAAE,iBAAiB,CAAC,CAAC,CAAC;IAE1E,8CAA8C;IAC9C,eAAe,CAAC,GAAG,EAAE;QACnB,IAAI,CAAC,gBAAgB,CAAC,OAAO;YAAE,OAAO;QAEtC,sBAAsB,CACpB,wBAAwB,CAAC,gBAAgB,CAAC,OAAO,EAAE,WAAW,EAAE,iBAAiB,CAAC,CACnF,CAAC;IACJ,CAAC,EAAE,CAAC,QAAQ,EAAE,WAAW,EAAE,iBAAiB,CAAC,CAAC,CAAC;IAE/C,mFAAmF;IACnF,eAAe,CAAC,GAAG,EAAE;QACnB,IAAI,CAAC,kBAAkB,CAAC,OAAO;YAAE,OAAO;QAExC,MAAM,KAAK,GAAG,kBAAkB,CAAC,OAAO,CAAC,SAAS,KAAK,CAAC,CAAC;QACzD,IAAI,CAAC,KAAK,EAAE,CAAC;YACX,MAAM,KAAK,GAAG,iCAAiC,CAC7C,UAAU,EACV,6BAA6B,CAAC,OAAO,EACrC,WAAW,EACX,sBAAsB,CAAC,OAAO,EAC9B,iBAAiB,CAClB,CAAC;YAEF,IAAI,KAAK,KAAK,CAAC,EAAE,CAAC;gBAChB,kBAAkB,CAAC,OAAO,CAAC,SAAS,IAAI,KAAK,CAAC;YAChD,CAAC;QACH,CAAC;QAED,sBAAsB,CAAC,OAAO,GAAG,EAAE,GAAG,WAAW,EAAE,CAAC;IACtD,CAAC,EAAE,CAAC,UAAU,EAAE,WAAW,EAAE,iBAAiB,CAAC,CAAC,CAAC;IAEjD,0BAA0B;IAC1B,oBAAoB,CAAC;QACnB,cAAc;QACd,kBAAkB;QAClB,gBAAgB;QAChB,QAAQ;QACR,WAAW;QACX,iBAAiB;KAClB,CAAC,CAAC;IAEH,0FAA0F;IAC1F,SAAS,CAAC,GAAG,EAAE;QACb,kJAAkJ;QAClJ,IACE,CAAC,QAAQ;YACT,eAAe,CAAC,UAAU,KAAK,SAAS;YACxC,eAAe,CAAC,UAAU,IAAI,CAAC;YAC/B,eAAe,CAAC,QAAQ,KAAK,SAAS;YACtC,eAAe,CAAC,QAAQ,IAAI,CAAC,EAC7B,CAAC;YACD,aAAa,CAAC,eAAe,CAAC,UAAU,CAAC,CAAC;YAC1C,WAAW,CAAC,eAAe,CAAC,QAAQ,CAAC,CAAC;YACtC,OAAO;QACT,CAAC;QAED,+EAA+E;QAC/E,IACE,CAAC,cAAc;YACf,CAAC,CAAC,QAAQ;gBACR,CAAC,gBAAgB,CAAC,OAAO;oBACvB,kBAAkB,CAAC,OAAO;oBAC1B,eAAe,CACb,gBAAgB,EAChB,gBAAgB,CAAC,OAAO,EACxB,kBAAkB,CAAC,OAAO,EAC1B,CAAC,CAAC,cAAc,CACjB,CAAC,CAAC,EACP,CAAC;YACD,iBAAiB,CAAC,SAAS,CAAC,CAAC;QAC/B,CAAC;IACH,CAAC,EAAE;QACD,eAAe;QACf,SAAS;QACT,gBAAgB;QAChB,QAAQ;QACR,iBAAiB;QACjB,qCAAqC;QACrC,cAAc;QACd,cAAc;KACf,CAAC,CAAC;IAEH,mDAAmD;IACnD,MAAM,mBAAmB,GAAG,WAAW,CAAC,GAAG,EAAE;QAC3C,0BAA0B,CAAC,KAAK,CAAC,EAAE,CAAC,KAAK,GAAG,CAAC,CAAC,CAAC;IACjD,CAAC,EAAE,EAAE,CAAC,CAAC;IACP,+BAA+B,CAAC;QAC9B,oBAAoB,EAAE,gBAAgB;QACtC,QAAQ;QACR,WAAW;QACX,iBAAiB;QACjB,mBAAmB;KACpB,CAAC,CAAC;IAEH,MAAM,SAAS,GAAG,OAAO,CAAC,GAAW,EAAE,CAAC,YAAY,CAAC,aAAa,CAAC,EAAE,CAAC,aAAa,CAAC,CAAC,CAAC;IAEtF,OAAO,CACL,eACE,GAAG,EAAE,kBAAkB,EACvB,KAAK,EAAE;YACL,SAAS;YACT,SAAS,EAAE,gBAAgB,KAAK,CAAC,CAAC,CAAC,CAAC,4BAA4B,CAAC,CAAC,CAAC,SAAS;YAC5E,SAAS,EAAE,MAAM;YACjB,QAAQ,EAAE,UAAU;YACpB,KAAK,EAAE,MAAM;SACd,EACD,SAAS,EAAC,sCAAsC,aAE/C,cAAc,IAAI,cAAc,EAAE,EACnC,eACE,SAAS,EAAC,YAAY,EACtB,GAAG,EAAE,kBAAkB,EACvB,KAAK,EAAE,EAAE,MAAM,EAAE,iBAAiB,EAAE,QAAQ,EAAE,UAAU,EAAE,aAEzD,cAAc,IAAI,CAAC,0BAA0B,IAAI,CAChD,KAAC,YAAY,cACH;4BACN,GAAG,EAAE,oBAAoB;4BACzB,IAAI,EAAE,eAAe;yBACtB,YAED,KAAC,QAAQ,IACP,SAAS,EAAC,cAAc,EACxB,SAAS,EAAC,OAAO,EACjB,QAAQ,EAAE,CAAC,gBACC,SAAS,CAAC,sBAAsB,CAAC,GAC7C,GACW,CAChB,EAED,cACE,GAAG,EAAE,gBAAgB,EACrB,KAAK,EAAE;4BACL,QAAQ,EAAE,UAAU;4BACpB,IAAI,EAAE,CAAC;4BACP,KAAK,EAAE,MAAM;4BACb,MAAM,EAAE,GAAG,mBAAmB,IAAI;yBACnC,EACD,SAAS,EAAE,GAAG,kBAAkB,gBAAgB,YAE/C,QAAQ,GACL,EAEL,cAAc,IAAI,CAAC,0BAA0B,IAAI,CAChD,KAAC,YAAY,cACH;4BACN,GAAG,EAAE,oBAAoB;4BACzB,IAAI,EAAE,eAAe;yBACtB,YAED,KAAC,QAAQ,IACP,SAAS,EAAC,cAAc,EACxB,SAAS,EAAC,OAAO,EACjB,QAAQ,EAAE,CAAC,gBACC,SAAS,CAAC,sBAAsB,CAAC,GAC7C,GACW,CAChB,IACG,EACL,gBAAgB,KAAK,CAAC,IAAI,CAAC,cAAc,IAAI,gBAAgB,CAAC,CAAC,CAAC,gBAAgB,EAAE,CAAC,CAAC,CAAC,IAAI,EACzF,cAAc,IAAI,cAAc,EAAE,IAC/B,CACP,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,yBAAyB,CAAC,WAAW,GAAG,2BAA2B,CAAC;AAEpE,eAAe,yBAAyB,CAAC","sourcesContent":["import {\n  useRef,\n  useEffect,\n  useState,\n  useCallback,\n  useLayoutEffect,\n  forwardRef,\n  useImperativeHandle,\n  useMemo\n} from 'react';\nimport type { ReactNode, ForwardedRef } from 'react';\nimport Styled from 'styled-components';\n\nimport { Progress } from '@pega/cosmos-react-core';\n\nimport useResizeObserver from '../UseResizeObserver';\nimport useTranslate from '../../../Hooks/useTranslate';\n\nimport useChildrenHeightResizeObserver from './useChildrenHeightResizeObserver';\nimport useLoaderPositioning from './useLoaderPositioning';\nimport usePagination from './usePagination';\nimport useScroll from './useScroll';\nimport useVirtualizerItemCount from './useVirtualizerItemCount';\nimport {\n  calculateCumulativeItemSizeChange,\n  getMaxHeight,\n  isViewNotFilled,\n  calculateTotalBufferHeight,\n  getChangedItemsHeight,\n  updateItemPositionStyles\n} from './utils';\n\nexport interface ItemsHeight {\n  [index: number]: number;\n}\n\nexport interface LoadedDataRange {\n  startIndex?: number;\n  endIndex?: number;\n}\n\ninterface StyledLoaderProps {\n  $style: {\n    top: string;\n    left: string;\n  };\n}\n\nexport interface VariableHeightVirtualizerProps {\n  /** Unique identifier for the virtualizer instance. */\n  id: string;\n  /** The React children elements to render inside the virtualizer. */\n  children: ReactNode;\n  /** Callback to fetch paginated data. */\n  apiCallback: (\n    params: { startIndex: number; endIndex: number; id: string },\n    options: { takeLatestAction: boolean }\n  ) => void;\n  /** Indicates if data is currently being fetched. */\n  isDataFetching: boolean;\n  /** Range of data that is already loaded. */\n  loadedDataRange: LoadedDataRange;\n  /** Default height for items if not measured. */\n  defaultItemHeight?: number;\n  /** Total number of items in the list. */\n  totalItemCount?: number | null;\n  /** Number of items to buffer before/after the visible range. */\n  buffer?: number;\n  /** Maximum number of items to render at once. */\n  maxItemsToPaint?: number;\n  /** Function to render the header. */\n  headerRenderer?: (() => ReactNode) | null;\n  /** Function to render the footer. */\n  footerRenderer?: (() => ReactNode) | null;\n  /** Function to render the no-result state. */\n  noResultRenderer?: (() => ReactNode) | null;\n  /** CSS class for the item container. */\n  itemContainerClass?: string;\n  /** Maximum height for the view container. */\n  viewMaxHeight?: string | number | null;\n  /** Minimum height for the view container. */\n  minHeight?: string | number;\n  /** Minimum height when no items are rendered. */\n  minHeightWhenNoItemsRendered?: string;\n}\n\ninterface VirtualizerRef {\n  /** Scrolls the parent container to the top. */\n  scrollToTop: () => void;\n  /** Returns the parent container element. */\n  getParentContainer: () => HTMLElement | null;\n  /** Returns the buffer container element. */\n  getBufferContainer: () => HTMLElement | null;\n  /** Triggers a count change notification. */\n  notifyCountChange: () => void;\n}\n\nconst StyledLoader = Styled.div<StyledLoaderProps>`\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  width: 100%;\n`;\n\n/**\n * Flow:\n * 1. First load/user scrolls/screen size change/column resize\n * 2. Calculate new pagination range based on scroll position or if view not filled\n * 3. Consumer executes API call to fetch new data\n * 4. New items are prepared and rendered\n * 5. Update cache of item heights\n * 6. Update buffer height\n * 7. Adjust itemContainer top\n * 8. Adjust scrollTop (if needed) to keep the items at same position visually\n */\n\n/**\n * VariableHeightVirtualizer is a React component that efficiently renders large lists with items of variable heights,\n * using virtualization techniques to minimize DOM nodes and improve performance.\n *\n * @param props - {@link VariableHeightVirtualizerProps}\n * @param ref - Forwarded ref exposing imperative APIs: scrollToTop, getParentContainer, getBufferContainer, notifyCountChange.\n *\n * @example\n * ```tsx\n * <VariableHeightVirtualizer\n *   id=\"my-list\"\n *   totalItemCount={10000}\n *   loadedDataRange={{ startIndex: 0, endIndex: 49 }}\n *   isDataFetching={isLoading}\n *   apiCallback={fetchData}\n *   defaultItemHeight={40}\n *   buffer={10}\n *   headerRenderer={() => <Header />}\n *   footerRenderer={() => <Footer />}\n *   noResultRenderer={() => <NoResults />}\n * >\n *   {items.map(item => <ListItem key={item.id} {...item} />)}\n * </VariableHeightVirtualizer>\n * ```\n */\nconst VariableHeightVirtualizer = forwardRef<VirtualizerRef, VariableHeightVirtualizerProps>(\n  (\n    {\n      id,\n      children,\n      buffer = 15,\n      apiCallback,\n      loadedDataRange = {},\n      defaultItemHeight = 30,\n      totalItemCount,\n      maxItemsToPaint = 5000,\n      headerRenderer = null,\n      footerRenderer = null,\n      noResultRenderer = null,\n      itemContainerClass = '',\n      viewMaxHeight = null,\n      minHeight = 'auto',\n      isDataFetching = false,\n      minHeightWhenNoItemsRendered = 'auto'\n    },\n    ref: ForwardedRef<VirtualizerRef>\n  ) => {\n    const [startIndex, setStartIndex] = useState<number>(0);\n    const [endIndex, setEndIndex] = useState<number>(0);\n    const [scrollTop, setScrollTop] = useState<number>(0);\n    const [totalBufferHeight, setTotalBufferHeight] = useState<number>(0);\n    const [itemsHeight, setItemsHeight] = useState<ItemsHeight>({});\n    const [itemContainerHeight, setItemContainerHeight] = useState<number>(0);\n\n    const [countChangeTrigger, setCountChangeTrigger] = useState<number>(0);\n    const [itemHeightChangeTrigger, setItemHeightChangeTrigger] = useState<number>(0);\n    const [parentContainerDimensionChangeTrigger, setParentContainerDimensionChangeTrigger] =\n      useState<number>(0);\n\n    const parentContainerRef = useRef<HTMLDivElement>(null);\n    const bufferContainerRef = useRef<HTMLDivElement>(null);\n    const itemContainerRef = useRef<HTMLDivElement>(null);\n    const previousItemsHeightRef = useRef<ItemsHeight>({});\n    const previousFirstItemDataIndexRef = useRef<number | null>(null);\n\n    const [translate] = useTranslate();\n\n    const onParentContainerDimensionUpdate = useCallback(() => {\n      const { height: parentContainerHeight, width: parentContainerWidth } =\n        parentContainerRef.current?.getBoundingClientRect() ?? {};\n      // trigger virtualizer operations only when the container has some height and width\n      if (parentContainerHeight && parentContainerWidth) {\n        setParentContainerDimensionChangeTrigger(value => value + 1);\n      }\n    }, []);\n\n    const getParentContainer = useCallback(\n      (): HTMLDivElement | null => parentContainerRef.current,\n      []\n    );\n    useResizeObserver(getParentContainer, onParentContainerDimensionUpdate);\n\n    const { isInfiniteMode, virtualizedCount } = useVirtualizerItemCount({\n      totalItemCount,\n      startIndex,\n      endIndex,\n      loadedDataRange,\n      isDataFetching,\n      itemContainerRef,\n      children,\n      buffer,\n      countResetSignal: countChangeTrigger\n    });\n\n    const { triggerPagination, isForceRefreshedPagination } = usePagination({\n      apiCallback,\n      id,\n      buffer,\n      maxItemsToPaint,\n      startIndex,\n      endIndex,\n      virtualizedCount,\n      isInfiniteMode,\n      itemsHeight,\n      defaultItemHeight,\n      parentContainerRef,\n      itemContainerRef,\n      setStartIndex,\n      setEndIndex,\n      previousFirstItemDataIndexRef\n    });\n\n    // Listens to the scroll events and trigger pagination when more records are needed to enable smooth scrolling\n    useScroll({\n      parentContainerRef,\n      itemContainerRef,\n      onThresholdBreach: (sTop: number) => {\n        setScrollTop(sTop);\n        triggerPagination(sTop);\n      },\n      delay: 150\n    });\n\n    // Expose APIs to the consumer\n    useImperativeHandle(\n      ref,\n      (): VirtualizerRef => ({\n        scrollToTop: () => {\n          if (parentContainerRef.current) {\n            parentContainerRef.current.scrollTop = 0;\n            setScrollTop(0);\n\n            triggerPagination(0, true);\n          }\n        },\n        getParentContainer: () => parentContainerRef.current,\n        getBufferContainer: () => itemContainerRef.current,\n        notifyCountChange: () => setCountChangeTrigger(value => value + 1)\n      })\n    );\n\n    // Measure height of rendered items and cache the heights\n    useLayoutEffect(() => {\n      if (!itemContainerRef.current) return;\n\n      const newHeights = getChangedItemsHeight(\n        itemContainerRef.current,\n        itemsHeight,\n        defaultItemHeight\n      );\n      if (Object.keys(newHeights).length > 0) {\n        setItemsHeight((prev: ItemsHeight) => ({ ...prev, ...newHeights }));\n      }\n    }, [\n      startIndex,\n      itemsHeight,\n      children,\n      isDataFetching,\n      defaultItemHeight,\n      itemHeightChangeTrigger\n    ]);\n\n    // buffer height calculation\n    useLayoutEffect(() => {\n      const newBufferHeight = calculateTotalBufferHeight(\n        virtualizedCount,\n        itemsHeight,\n        defaultItemHeight\n      );\n\n      if (newBufferHeight !== totalBufferHeight) {\n        setTotalBufferHeight(newBufferHeight);\n      }\n    }, [itemsHeight, virtualizedCount, defaultItemHeight, totalBufferHeight]);\n\n    // itemContainer size and position adjustments\n    useLayoutEffect(() => {\n      if (!itemContainerRef.current) return;\n\n      setItemContainerHeight(\n        updateItemPositionStyles(itemContainerRef.current, itemsHeight, defaultItemHeight)\n      );\n    }, [children, itemsHeight, defaultItemHeight]);\n\n    // scroll position adjustment if rendered height is different than estimated height\n    useLayoutEffect(() => {\n      if (!parentContainerRef.current) return;\n\n      const atTop = parentContainerRef.current.scrollTop === 0;\n      if (!atTop) {\n        const delta = calculateCumulativeItemSizeChange(\n          startIndex,\n          previousFirstItemDataIndexRef.current,\n          itemsHeight,\n          previousItemsHeightRef.current,\n          defaultItemHeight\n        );\n\n        if (delta !== 0) {\n          parentContainerRef.current.scrollTop += delta;\n        }\n      }\n\n      previousItemsHeightRef.current = { ...itemsHeight };\n    }, [startIndex, itemsHeight, defaultItemHeight]);\n\n    // Adjust loader positions\n    useLoaderPositioning({\n      isDataFetching,\n      parentContainerRef,\n      itemContainerRef,\n      children,\n      itemsHeight,\n      defaultItemHeight\n    });\n\n    // Initial pagination trigger and subsequent triggers if the view is not completely filled\n    useEffect(() => {\n      // If consumer already has data for initial items, then no need to trigger pagination. Just hydrate the internal state in sync with existing data.\n      if (\n        !endIndex &&\n        loadedDataRange.startIndex !== undefined &&\n        loadedDataRange.startIndex >= 0 &&\n        loadedDataRange.endIndex !== undefined &&\n        loadedDataRange.endIndex >= 0\n      ) {\n        setStartIndex(loadedDataRange.startIndex);\n        setEndIndex(loadedDataRange.endIndex);\n        return;\n      }\n\n      // If the consumer doesn't have data or view not filled then trigger pagination\n      if (\n        !isDataFetching &&\n        (!endIndex ||\n          (itemContainerRef.current &&\n            parentContainerRef.current &&\n            isViewNotFilled(\n              virtualizedCount,\n              itemContainerRef.current,\n              parentContainerRef.current,\n              !!headerRenderer\n            )))\n      ) {\n        triggerPagination(scrollTop);\n      }\n    }, [\n      loadedDataRange,\n      scrollTop,\n      virtualizedCount,\n      endIndex,\n      triggerPagination,\n      parentContainerDimensionChangeTrigger,\n      isDataFetching,\n      headerRenderer\n    ]);\n\n    // Resize observer on items to track height changes\n    const onItemsHeightUpdate = useCallback(() => {\n      setItemHeightChangeTrigger(value => value + 1);\n    }, []);\n    useChildrenHeightResizeObserver({\n      childrenContainerRef: itemContainerRef,\n      children,\n      itemsHeight,\n      defaultItemHeight,\n      onItemsHeightUpdate\n    });\n\n    const maxHeight = useMemo((): string => getMaxHeight(viewMaxHeight), [viewMaxHeight]);\n\n    return (\n      <div\n        ref={parentContainerRef}\n        style={{\n          maxHeight,\n          minHeight: virtualizedCount === 0 ? minHeightWhenNoItemsRendered : minHeight,\n          overflowY: 'auto',\n          position: 'relative',\n          width: '100%'\n        }}\n        className='pContainer variableHeightVirtualizer'\n      >\n        {headerRenderer && headerRenderer()}\n        <div\n          className='bContainer'\n          ref={bufferContainerRef}\n          style={{ height: totalBufferHeight, position: 'relative' }}\n        >\n          {isDataFetching && !isForceRefreshedPagination && (\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\n          <div\n            ref={itemContainerRef}\n            style={{\n              position: 'absolute',\n              left: 0,\n              width: '100%',\n              height: `${itemContainerHeight}px`\n            }}\n            className={`${itemContainerClass} row-container`}\n          >\n            {children}\n          </div>\n\n          {isDataFetching && !isForceRefreshedPagination && (\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        {virtualizedCount === 0 && !isDataFetching && noResultRenderer ? noResultRenderer() : null}\n        {footerRenderer && footerRenderer()}\n      </div>\n    );\n  }\n);\n\nVariableHeightVirtualizer.displayName = 'VariableHeightVirtualizer';\n\nexport default VariableHeightVirtualizer;\n"]}
+{"version":3,"file":"VariableHeightVirtualizer.js","sourceRoot":"","sources":["../../../../../Core/Components/Virtualise/VariableHeightVirtualizer/VariableHeightVirtualizer.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\n  useRef,\n  useEffect,\n  useState,\n  useCallback,\n  useLayoutEffect,\n  forwardRef,\n  useImperativeHandle,\n  useMemo\n} from 'react';\nimport type { ReactNode, ForwardedRef } from 'react';\nimport Styled from 'styled-components';\n\nimport { Progress } from '@pega/cosmos-react-core';\n\nimport useResizeObserver from '../UseResizeObserver';\nimport useTranslate from '../../../Hooks/useTranslate';\n\nimport useChildrenHeightResizeObserver from './useChildrenHeightResizeObserver';\nimport useLoaderPositioning from './useLoaderPositioning';\nimport usePagination from './usePagination';\nimport useScroll from './useScroll';\nimport useVirtualizerItemCount from './useVirtualizerItemCount';\nimport {\n  calculateCumulativeItemSizeChange,\n  getMaxHeight,\n  isViewNotFilled,\n  calculateTotalBufferHeight,\n  getChangedItemsHeight,\n  updateItemPositionStyles\n} from './utils';\n\nexport interface ItemsHeight {\n  [index: number]: number;\n}\n\nexport interface LoadedDataRange {\n  startIndex?: number;\n  endIndex?: number;\n}\n\ninterface StyledLoaderProps {\n  $style: {\n    top: string;\n    left: string;\n  };\n}\n\nexport interface VariableHeightVirtualizerProps {\n  /** Unique identifier for the virtualizer instance. */\n  id: string;\n  /** The React children elements to render inside the virtualizer. */\n  children: ReactNode;\n  /** Callback to fetch paginated data. */\n  apiCallback: (\n    params: { startIndex: number; endIndex: number; id: string },\n    options: { takeLatestAction: boolean }\n  ) => void;\n  /** Indicates if data is currently being fetched. */\n  isDataFetching: boolean;\n  /** Range of data that is already loaded. */\n  loadedDataRange: LoadedDataRange;\n  /** Default height for items if not measured. */\n  defaultItemHeight?: number;\n  /** Total number of items in the list. */\n  totalItemCount?: number | null;\n  /** Number of items to buffer before/after the visible range. */\n  buffer?: number;\n  /** Maximum number of items to render at once. */\n  maxItemsToPaint?: number;\n  /** Function to render the header. */\n  headerRenderer?: (() => ReactNode) | null;\n  /** Function to render the footer. */\n  footerRenderer?: (() => ReactNode) | null;\n  /** Function to render the no-result state. */\n  noResultRenderer?: (() => ReactNode) | null;\n  /** CSS class for the item container. */\n  itemContainerClass?: string;\n  /** Maximum height for the view container. */\n  viewMaxHeight?: string | number | null;\n  /** Minimum height for the view container. */\n  minHeight?: string | number;\n  /** Minimum height when no items are rendered. */\n  minHeightWhenNoItemsRendered?: string;\n}\n\ninterface VirtualizerRef {\n  /** Scrolls the parent container to the top. */\n  scrollToTop: () => void;\n  /** Returns the parent container element. */\n  getParentContainer: () => HTMLElement | null;\n  /** Returns the buffer container element. */\n  getBufferContainer: () => HTMLElement | null;\n  /** Triggers a count change notification. */\n  notifyCountChange: () => void;\n}\n\nconst StyledLoader = Styled.div<StyledLoaderProps>`\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  width: 100%;\n`;\n\n/**\n * Flow:\n * 1. First load/user scrolls/screen size change/column resize\n * 2. Calculate new pagination range based on scroll position or if view not filled\n * 3. Consumer executes API call to fetch new data\n * 4. New items are prepared and rendered\n * 5. Update cache of item heights\n * 6. Update buffer height\n * 7. Adjust itemContainer top\n * 8. Adjust scrollTop (if needed) to keep the items at same position visually\n */\n\n/**\n * VariableHeightVirtualizer is a React component that efficiently renders large lists with items of variable heights,\n * using virtualization techniques to minimize DOM nodes and improve performance.\n *\n * @param props - {@link VariableHeightVirtualizerProps}\n * @param ref - Forwarded ref exposing imperative APIs: scrollToTop, getParentContainer, getBufferContainer, notifyCountChange.\n *\n * @example\n * ```tsx\n * <VariableHeightVirtualizer\n *   id=\"my-list\"\n *   totalItemCount={10000}\n *   loadedDataRange={{ startIndex: 0, endIndex: 49 }}\n *   isDataFetching={isLoading}\n *   apiCallback={fetchData}\n *   defaultItemHeight={40}\n *   buffer={10}\n *   headerRenderer={() => <Header />}\n *   footerRenderer={() => <Footer />}\n *   noResultRenderer={() => <NoResults />}\n * >\n *   {items.map(item => <ListItem key={item.id} {...item} />)}\n * </VariableHeightVirtualizer>\n * ```\n */\nconst VariableHeightVirtualizer = forwardRef<VirtualizerRef, VariableHeightVirtualizerProps>(\n  (\n    {\n      id,\n      children,\n      buffer = 15,\n      apiCallback,\n      loadedDataRange = {},\n      defaultItemHeight = 30,\n      totalItemCount,\n      maxItemsToPaint = 5000,\n      headerRenderer = null,\n      footerRenderer = null,\n      noResultRenderer = null,\n      itemContainerClass = '',\n      viewMaxHeight = null,\n      minHeight = 'auto',\n      isDataFetching = false,\n      minHeightWhenNoItemsRendered = 'auto'\n    },\n    ref: ForwardedRef<VirtualizerRef>\n  ) => {\n    const [startIndex, setStartIndex] = useState<number>(0);\n    const [endIndex, setEndIndex] = useState<number>(0);\n    const [scrollTop, setScrollTop] = useState<number>(0);\n    const [totalBufferHeight, setTotalBufferHeight] = useState<number>(0);\n    const [itemsHeight, setItemsHeight] = useState<ItemsHeight>({});\n    const [itemContainerHeight, setItemContainerHeight] = useState<number>(0);\n\n    const [countChangeTrigger, setCountChangeTrigger] = useState<number>(0);\n    const [itemHeightChangeTrigger, setItemHeightChangeTrigger] = useState<number>(0);\n    const [parentContainerDimensionChangeTrigger, setParentContainerDimensionChangeTrigger] =\n      useState<number>(0);\n\n    const parentContainerRef = useRef<HTMLDivElement>(null);\n    const bufferContainerRef = useRef<HTMLDivElement>(null);\n    const itemContainerRef = useRef<HTMLDivElement>(null);\n    const previousItemsHeightRef = useRef<ItemsHeight>({});\n    const previousFirstItemDataIndexRef = useRef<number | null>(null);\n\n    const [translate] = useTranslate();\n\n    const onParentContainerDimensionUpdate = useCallback(() => {\n      const { height: parentContainerHeight, width: parentContainerWidth } =\n        parentContainerRef.current?.getBoundingClientRect() ?? {};\n      // trigger virtualizer operations only when the container has some height and width\n      if (parentContainerHeight && parentContainerWidth) {\n        setParentContainerDimensionChangeTrigger(value => value + 1);\n      }\n    }, []);\n\n    const getParentContainer = useCallback(\n      (): HTMLDivElement | null => parentContainerRef.current,\n      []\n    );\n    useResizeObserver(getParentContainer, onParentContainerDimensionUpdate);\n\n    const { isInfiniteMode, virtualizedCount } = useVirtualizerItemCount({\n      totalItemCount,\n      startIndex,\n      endIndex,\n      loadedDataRange,\n      isDataFetching,\n      itemContainerRef,\n      children,\n      buffer,\n      countResetSignal: countChangeTrigger\n    });\n\n    const { triggerPagination, isForceRefreshedPagination } = usePagination({\n      apiCallback,\n      id,\n      buffer,\n      maxItemsToPaint,\n      startIndex,\n      endIndex,\n      virtualizedCount,\n      isInfiniteMode,\n      itemsHeight,\n      defaultItemHeight,\n      parentContainerRef,\n      itemContainerRef,\n      setStartIndex,\n      setEndIndex,\n      previousFirstItemDataIndexRef\n    });\n\n    // Listens to the scroll events and trigger pagination when more records are needed to enable smooth scrolling\n    useScroll({\n      parentContainerRef,\n      itemContainerRef,\n      onThresholdBreach: (sTop: number) => {\n        setScrollTop(sTop);\n        triggerPagination(sTop);\n      },\n      delay: 150\n    });\n\n    // Expose APIs to the consumer\n    useImperativeHandle(\n      ref,\n      (): VirtualizerRef => ({\n        scrollToTop: () => {\n          if (parentContainerRef.current) {\n            parentContainerRef.current.scrollTop = 0;\n            setScrollTop(0);\n\n            triggerPagination(0, true);\n          }\n        },\n        getParentContainer: () => parentContainerRef.current,\n        getBufferContainer: () => itemContainerRef.current,\n        notifyCountChange: () => setCountChangeTrigger(value => value + 1)\n      })\n    );\n\n    // Measure height of rendered items and cache the heights\n    useLayoutEffect(() => {\n      if (!itemContainerRef.current) return;\n\n      const newHeights = getChangedItemsHeight(\n        itemContainerRef.current,\n        itemsHeight,\n        defaultItemHeight\n      );\n      if (Object.keys(newHeights).length > 0) {\n        setItemsHeight((prev: ItemsHeight) => ({ ...prev, ...newHeights }));\n      }\n    }, [\n      startIndex,\n      itemsHeight,\n      children,\n      isDataFetching,\n      defaultItemHeight,\n      itemHeightChangeTrigger\n    ]);\n\n    // buffer height calculation\n    useLayoutEffect(() => {\n      const newBufferHeight = calculateTotalBufferHeight(\n        virtualizedCount,\n        itemsHeight,\n        defaultItemHeight\n      );\n\n      if (newBufferHeight !== totalBufferHeight) {\n        setTotalBufferHeight(newBufferHeight);\n      }\n    }, [itemsHeight, virtualizedCount, defaultItemHeight, totalBufferHeight]);\n\n    // itemContainer size and position adjustments\n    useLayoutEffect(() => {\n      if (!itemContainerRef.current) return;\n\n      setItemContainerHeight(\n        updateItemPositionStyles(itemContainerRef.current, itemsHeight, defaultItemHeight)\n      );\n    }, [children, itemsHeight, defaultItemHeight]);\n\n    // scroll position adjustment if rendered height is different than estimated height\n    useLayoutEffect(() => {\n      if (!parentContainerRef.current) return;\n\n      const atTop = parentContainerRef.current.scrollTop === 0;\n      if (!atTop) {\n        const delta = calculateCumulativeItemSizeChange(\n          startIndex,\n          previousFirstItemDataIndexRef.current,\n          itemsHeight,\n          previousItemsHeightRef.current,\n          defaultItemHeight\n        );\n\n        if (delta !== 0) {\n          parentContainerRef.current.scrollTop += delta;\n        }\n      }\n\n      previousItemsHeightRef.current = { ...itemsHeight };\n    }, [startIndex, itemsHeight, defaultItemHeight]);\n\n    // Adjust loader positions\n    useLoaderPositioning({\n      isDataFetching,\n      parentContainerRef,\n      itemContainerRef,\n      children,\n      itemsHeight,\n      defaultItemHeight\n    });\n\n    // Initial pagination trigger and subsequent triggers if the view is not completely filled\n    useEffect(() => {\n      // If consumer already has data for initial items, then no need to trigger pagination. Just hydrate the internal state in sync with existing data.\n      if (\n        !endIndex &&\n        loadedDataRange.startIndex !== undefined &&\n        loadedDataRange.startIndex >= 0 &&\n        loadedDataRange.endIndex !== undefined &&\n        loadedDataRange.endIndex >= 0\n      ) {\n        setStartIndex(loadedDataRange.startIndex);\n        setEndIndex(loadedDataRange.endIndex);\n        return;\n      }\n\n      // If the consumer doesn't have data or view not filled then trigger pagination\n      if (\n        !isDataFetching &&\n        (!endIndex ||\n          (itemContainerRef.current &&\n            parentContainerRef.current &&\n            isViewNotFilled(\n              virtualizedCount,\n              itemContainerRef.current,\n              parentContainerRef.current,\n              !!headerRenderer\n            )))\n      ) {\n        triggerPagination(scrollTop);\n      }\n    }, [\n      loadedDataRange,\n      scrollTop,\n      virtualizedCount,\n      endIndex,\n      triggerPagination,\n      parentContainerDimensionChangeTrigger,\n      isDataFetching,\n      headerRenderer\n    ]);\n\n    // Resize observer on items to track height changes\n    const onItemsHeightUpdate = useCallback(() => {\n      setItemHeightChangeTrigger(value => value + 1);\n    }, []);\n    useChildrenHeightResizeObserver({\n      childrenContainerRef: itemContainerRef,\n      children,\n      itemsHeight,\n      defaultItemHeight,\n      onItemsHeightUpdate\n    });\n\n    const maxHeight = useMemo((): string => getMaxHeight(viewMaxHeight), [viewMaxHeight]);\n\n    return (\n      <div\n        ref={parentContainerRef}\n        style={{\n          maxHeight,\n          minHeight: virtualizedCount === 0 ? minHeightWhenNoItemsRendered : minHeight,\n          overflowY: 'auto',\n          position: 'relative',\n          width: '100%'\n        }}\n        className='pContainer variableHeightVirtualizer'\n        data-total-records={totalItemCount}\n      >\n        {headerRenderer && headerRenderer()}\n        <div\n          className='bContainer'\n          ref={bufferContainerRef}\n          style={{ height: totalBufferHeight, position: 'relative' }}\n        >\n          {isDataFetching && !isForceRefreshedPagination && (\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\n          <div\n            ref={itemContainerRef}\n            style={{\n              position: 'absolute',\n              left: 0,\n              width: '100%',\n              height: `${itemContainerHeight}px`\n            }}\n            className={`${itemContainerClass} row-container`}\n          >\n            {children}\n          </div>\n\n          {isDataFetching && !isForceRefreshedPagination && (\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        {virtualizedCount === 0 && !isDataFetching && noResultRenderer ? noResultRenderer() : null}\n        {footerRenderer && footerRenderer()}\n      </div>\n    );\n  }\n);\n\nVariableHeightVirtualizer.displayName = 'VariableHeightVirtualizer';\n\nexport default VariableHeightVirtualizer;\n"]}