@pega/lists-core 9.0.0-build.9.9 → 9.0.0

package/lib/src/core/features/uIFeatures/afterRender/columnSizing/index.js

@@ -1,5 +1,5 @@
 import { actionColumnResize, actionColumnsAutoSize, actionColumnAutoSize, actionForceUpdate } from '../../../../actions/actions';
-import { TEMPLATES, SELECTION_MODES, rowSelectColumnMeta } from '../../../../constants';
+import { TEMPLATES } from '../../../../constants';
 import { OOTB_COLUMNS, withMemoization } from '../../../../utils/util';
 import { autoSizeOfColumns } from './autoSize';
 /*
@@ -34,35 +34,36 @@ const checkDomContainerHasDataRows = (domContainer) => {
     return !!(domContainer && domContainer.querySelectorAll('.row[aria-rowindex]').length);
 };
 /**
- * Executes the autosizing feature on row selection column.
+ * Autosizes the first visual column to account for the expand/collapse button
+ * introduced by grouping.
  */
-function autosizeRowSelectionColumn([{ getView, dispatch }]) {
-    const { columns = [], getDomContainer, meta } = getView();
-    if (meta.selectionMode && Object.values(SELECTION_MODES).includes(meta.selectionMode)) {
-        const col = columns.find(c => c.field.id === rowSelectColumnMeta.field.id);
-        if (col)
-            dispatch(actionColumnAutoSize(col, getDomContainer(), true));
+function autoSizeFirstVisualColumn([featureProps]) {
+    const { getView, dispatch } = featureProps;
+    const { columns = [], getDomContainer } = getView();
+    const firstVisualCol = columns.find(c => c.isFirstVisualColumn);
+    const domContainer = getDomContainer();
+    if (firstVisualCol && domContainer) {
+        dispatch(actionColumnAutoSize(firstVisualCol, domContainer, true));
     }
 }
 /**
  * Runs autosizing on out-of-the-box (OOTB) action columns in the view.
  */
-const autosizeOotbActionColumns = ([{ getView, dispatch }]) => {
-    const { columns = [] } = getView();
+const autosizeOotbActionColumns = ([featureProps]) => {
+    const { getView, dispatch } = featureProps;
+    const { columns = [], getDomContainer } = getView();
     const ootbColumns = columns?.filter(col => OOTB_COLUMNS.includes(col.field.id));
-    if (ootbColumns.length) {
-        dispatch(actionColumnsAutoSize(ootbColumns, getView().getDomContainer(), true));
+    const domContainer = getDomContainer();
+    if (ootbColumns.length && domContainer) {
+        dispatch(actionColumnsAutoSize(ootbColumns, domContainer, true));
     }
 };
 /**
  * Executes the autosizing feature on all the columns. It dispatches an action that updates {@link State.columnWidths} slice with the calculated widths for all the columns.
  * @param param featureProps
- * @returns
  */
-export function runColumnSizing([{ getState, getView, getRsStore, dispatch }]) {
-    const { columns = [], getDomContainer, meta } = getView();
-    if (meta.template !== TEMPLATES.TABLE)
-        return;
+export function runColumnSizing([{ getView, getRsStore, dispatch }]) {
+    const { columns = [], getDomContainer } = getView();
     const rsStore = getRsStore();
     const domContainer = getDomContainer();
     const runColumnSizingOnRowsAvailable = !rsStore.columnSizingTriggerdOnRowsAvailable && checkDomContainerHasDataRows(domContainer);
@@ -75,30 +76,6 @@ export function runColumnSizing([{ getState, getView, getRsStore, dispatch }]) {
         }
         return;
     }
-    /**
-     * If one of the table's ancestors is in a hidden state, the autosize calculations will not function correctly
-     * since the domContainer's offsetWidth will be 0. To address this scenario, a resize observer is attached for this use case.
-     * It triggers autosize whenever the offsetWidth of the domContainer increases from 0 once the ancestors are
-     * made visible. */
-    if (domContainer?.offsetWidth === 0) {
-        const observer = new ResizeObserver(entries => {
-            for (const entry of entries) {
-                if (entry.contentRect.width > 0) {
-                    runColumnSizing([
-                        {
-                            getState,
-                            getView,
-                            getRsStore,
-                            dispatch
-                        }
-                    ]);
-                    observer.unobserve(entry.target);
-                }
-            }
-        });
-        observer.observe(domContainer);
-        return;
-    }
     rsStore.autosizeTriggered = true;
     // skipping column animation on next run if column size changed after personalization change or delete
     rsStore.skipColumnAnimationOnNextRun = true;
@@ -139,7 +116,7 @@ function resetAutosizeStatus([{ getRsStore }]) {
  *  - {@link State.hiddenColumns}
  *  - {@link State.customFields}
  *
- * 3. **Executing Autosize on Row Selection Column**:
+ *  3. **Executing Autosize on First Visual Column**:
  *
  *    This action is triggered when any of the following properties change:
  *    - {@link State.groups}
@@ -148,21 +125,82 @@ function resetAutosizeStatus([{ getRsStore }]) {
 export default () => {
     const memoizedRunColumnSizing = withMemoization(runColumnSizing);
     const memoizedResetAutosizeStatus = withMemoization(resetAutosizeStatus);
-    const memoizedAutosizeRowSelectionColumn = withMemoization(autosizeRowSelectionColumn);
+    const memoizedAutosizeFirstVisualColumn = withMemoization(autoSizeFirstVisualColumn);
     const memoizedAutosizeOotbActionColumns = withMemoization(autosizeOotbActionColumns);
+    let domContainerResizeObserver = null;
+    let observedDomContainer = null;
     return function execute(featureProps) {
+        /**
+         * Column sizing is Table-only. When template switches away from Table, clear any pending observer.
+         * This prevents an observer created in a previous hidden-Table render from firing late and
+         * triggering sizing work against the current non-Table template
+         */
+        if (featureProps.getView().template !== TEMPLATES.TABLE) {
+            domContainerResizeObserver?.disconnect();
+            domContainerResizeObserver = null;
+            observedDomContainer = null;
+            return;
+        }
         const state = featureProps.getState();
         // AutoSize by default
         memoizedResetAutosizeStatus([featureProps], [state.personalization?.active, state.refresh, state.hiddenColumns, state.customFields]);
+        /**
+         * If one of the table's ancestors is in a hidden state, the autosize calculations will not
+         * function correctly since the domContainer's offsetWidth will be 0. A single ResizeObserver
+         * is attached here (once per hidden period) and fires all sizing functions as soon as the
+         * container gains width.
+         *
+         * The memoized versions are called intentionally so their dependency arrays are initialized
+         * with the current state values. If the raw functions were called instead, the memoized
+         * wrappers would still have no recorded deps and would re-run on the very next `execute`
+         * cycle, causing each sizing function to fire twice.
+         *
+         * Any function that performs sizing calculations should be called within this observer callback.
+         */
+        const domContainer = featureProps.getView().getDomContainer();
+        if (domContainer && domContainer.offsetWidth === 0) {
+            if (domContainerResizeObserver && observedDomContainer !== domContainer) {
+                // The DOM container was replaced while the observer was still pending (e.g. component remount).
+                domContainerResizeObserver.disconnect();
+                domContainerResizeObserver = null;
+                observedDomContainer = null;
+            }
+            if (!domContainerResizeObserver) {
+                domContainerResizeObserver = new ResizeObserver(entries => {
+                    for (const entry of entries) {
+                        if (entry.contentRect.width > 0) {
+                            const currentState = featureProps.getState();
+                            memoizedRunColumnSizing([featureProps], [
+                                currentState.personalization?.active,
+                                featureProps.getView().rows,
+                                featureProps.getRsStore().autosizeTriggered,
+                                currentState.refresh,
+                                currentState.visibleColumns,
+                                currentState.forceUpdateFeatures?.forceCalculateAutoWidth
+                            ]);
+                            memoizedAutosizeFirstVisualColumn([featureProps], [currentState.groups, currentState.responsive?.sm]);
+                            memoizedAutosizeOotbActionColumns([featureProps], [currentState.selectedHeightOption]);
+                            domContainerResizeObserver?.unobserve(entry.target);
+                            domContainerResizeObserver = null;
+                            observedDomContainer = null;
+                        }
+                    }
+                });
+                domContainerResizeObserver.observe(domContainer);
+                observedDomContainer = domContainer;
+            }
+            return;
+        }
+        // These are still needed as the Resize observer will work only once but we need to run sizing on user operations as well
         memoizedRunColumnSizing([featureProps], [
             state.personalization?.active,
             featureProps.getView().rows,
             featureProps.getRsStore().autosizeTriggered,
             state.refresh,
-            state.hiddenColumns,
+            state.visibleColumns,
             state.forceUpdateFeatures?.forceCalculateAutoWidth
         ]);
-        memoizedAutosizeRowSelectionColumn([featureProps], [state.groups, state.responsive?.sm]);
+        memoizedAutosizeFirstVisualColumn([featureProps], [state.groups, state.responsive?.sm]);
         memoizedAutosizeOotbActionColumns([featureProps], [state.selectedHeightOption]);
     };
 };

package/lib/src/core/features/uIFeatures/afterRender/columnSizing/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../src/core/features/uIFeatures/afterRender/columnSizing/index.ts"],"names":[],"mappings":"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","sourcesContent":["import type { OmitStrict } from '@pega/cosmos-react-core';\n\nimport {\n  actionColumnResize,\n  actionColumnsAutoSize,\n  actionColumnAutoSize,\n  actionForceUpdate\n} from '../../../../actions/actions';\nimport { TEMPLATES, SELECTION_MODES, rowSelectColumnMeta } from '../../../../constants';\nimport { OOTB_COLUMNS, withMemoization } from '../../../../utils/util';\nimport type { FeatureProps } from '../../../featureFactory';\nimport type View from '../../../../generators/ViewGenerator';\n// eslint-disable-next-line @typescript-eslint/no-unused-vars\nimport type { State } from '../../../../../../types/State.types';\n// eslint-disable-next-line @typescript-eslint/no-unused-vars\nimport type RsStore from '../../../../RsStore';\n\nimport { autoSizeOfColumns } from './autoSize';\n\n/*\n * If columnWidths are undefined, there is no active personalization invloved in the current view\n * So triggering auto column sizing, which depends on column content.\n * in case of nested groupings, skipping group headers from being counted as a row\n */\n/**\n * Checks if {@link View.domContainer dom container} has any rows with visible cells.\n * @param columns\n * @param domContainer\n * @returns true if dom container has any rows available, otherwise false.\n */\nconst checkDomContainerHasAnyRows = (\n  columns: NonNullable<View['columns']>,\n  domContainer: View['domContainer']\n) => {\n  for (const column of columns) {\n    if (!column.hidden) {\n      const cells = domContainer\n        ? domContainer.querySelectorAll(`[data-col-id=\"${column.field.id}\"]`)\n        : [];\n      if (cells.length > 1) {\n        return true;\n      }\n    }\n  }\n  return false;\n};\n\n/**\n * Checks if any data rows are available in dom container. It does not includes grouped rows.\n * @returns true if data rows are available, otherwise false.\n */\nconst checkDomContainerHasDataRows = (domContainer: View['domContainer']) => {\n  return !!(domContainer && domContainer.querySelectorAll('.row[aria-rowindex]').length);\n};\n\n/**\n * Executes the autosizing feature on row selection column.\n */\nfunction autosizeRowSelectionColumn([{ getView, dispatch }]: [featureProps: FeatureProps]) {\n  const { columns = [], getDomContainer, meta } = getView();\n  if (meta.selectionMode && Object.values(SELECTION_MODES).includes(meta.selectionMode)) {\n    const col = columns.find(c => c.field.id === rowSelectColumnMeta.field.id);\n    if (col) dispatch(actionColumnAutoSize(col, getDomContainer()!, true));\n  }\n}\n\n/**\n * Runs autosizing on out-of-the-box (OOTB) action columns in the view.\n */\nconst autosizeOotbActionColumns = ([{ getView, dispatch }]: [featureProps: FeatureProps]) => {\n  const { columns = [] } = getView();\n  const ootbColumns = columns?.filter(col => OOTB_COLUMNS.includes(col.field.id));\n  if (ootbColumns.length) {\n    dispatch(actionColumnsAutoSize(ootbColumns, getView().getDomContainer()!, true));\n  }\n};\n\n/**\n * Executes the autosizing feature on all the columns. It dispatches an action that updates {@link State.columnWidths} slice with the calculated widths for all the columns.\n * @param param featureProps\n * @returns\n */\nexport function runColumnSizing([{ getState, getView, getRsStore, dispatch }]: [\n  featureProps: OmitStrict<FeatureProps, 'getOriginalState' | 'getRsProps'>\n]) {\n  const { columns = [], getDomContainer, meta } = getView();\n\n  if (meta.template !== TEMPLATES.TABLE) return;\n\n  const rsStore = getRsStore();\n  const domContainer = getDomContainer();\n  const runColumnSizingOnRowsAvailable =\n    !rsStore.columnSizingTriggerdOnRowsAvailable && checkDomContainerHasDataRows(domContainer);\n\n  // if there is no group/data row to size in DOM, don't run column sizing\n  if (\n    !checkDomContainerHasAnyRows(columns, domContainer) ||\n    (rsStore.autosizeTriggered && !runColumnSizingOnRowsAvailable)\n  ) {\n    // if in current render cycle the rows were not painted, check for autosizing in next cycle\n    if (!rsStore.autosizeTriggered) {\n      dispatch(actionForceUpdate(false, { forceCalculateAutoWidth: true }));\n    }\n    return;\n  }\n\n  /**\n   * If one of the table's ancestors is in a hidden state, the autosize calculations will not function correctly\n   * since the domContainer's offsetWidth will be 0. To address this scenario, a resize observer is attached for this use case.\n   * It triggers autosize whenever the offsetWidth of the domContainer increases from 0 once the ancestors are\n   * made visible. */\n  if (domContainer?.offsetWidth === 0) {\n    const observer = new ResizeObserver(entries => {\n      for (const entry of entries) {\n        if (entry.contentRect.width > 0) {\n          runColumnSizing([\n            {\n              getState,\n              getView,\n              getRsStore,\n              dispatch\n            }\n          ]);\n          observer.unobserve(entry.target);\n        }\n      }\n    });\n    observer.observe(domContainer);\n    return;\n  }\n\n  rsStore.autosizeTriggered = true;\n  // skipping column animation on next run if column size changed after personalization change or delete\n  rsStore.skipColumnAnimationOnNextRun = true;\n\n  if (runColumnSizingOnRowsAvailable) {\n    // Fresh column sizing will run only once for a view when the rows are loaded for the first time in DOM\n    rsStore.columnSizingTriggerdOnRowsAvailable = true;\n    dispatch(actionColumnsAutoSize(columns, domContainer!, true));\n  } else {\n    // Incremental column sizing on show/hide of columns or table refresh or on view change with grouping applied\n    dispatch(actionColumnResize(autoSizeOfColumns(columns, domContainer!)));\n  }\n}\n\n/**\n * It resets the {@link RsStore.autosizeTriggered autosize status} on RsStore.\n * @param param featureProps\n */\nfunction resetAutosizeStatus([{ getRsStore }]: [featureProps: FeatureProps]) {\n  // This parent flag checks if any type of sizing is triggered on the table including table header/groups/rows.\n  getRsStore().autosizeTriggered = false;\n}\n\n/**\n * Manages the autosizing feature of columns in the view. This includes the following actions:\n * 1. **Executing Autosize for All Columns**:\n *\n *  This action is triggered when any of the following properties change:\n *  - {@link State.personalization.active}\n *  - {@link View.rows}\n *  - {@link RsStore.autosizeTriggered}\n *  - {@link State.refresh}\n *  - {@link State.hiddenColumns}\n *  - {@link State.forceUpdateFeatures.forceCalculateAutoWidth}\n * 2. **Resetting Autosize Status**:\n *\n *  This action is triggered when any of the following properties change:\n *  - {@link State.personalization.active}\n *  - {@link State.refresh}\n *  - {@link State.hiddenColumns}\n *  - {@link State.customFields}\n *\n * 3. **Executing Autosize on Row Selection Column**:\n *\n *    This action is triggered when any of the following properties change:\n *    - {@link State.groups}\n *    - {@link State.responsive.sm}\n */\nexport default () => {\n  const memoizedRunColumnSizing = withMemoization(runColumnSizing);\n  const memoizedResetAutosizeStatus = withMemoization(resetAutosizeStatus);\n  const memoizedAutosizeRowSelectionColumn = withMemoization(autosizeRowSelectionColumn);\n  const memoizedAutosizeOotbActionColumns = withMemoization(autosizeOotbActionColumns);\n  return function execute(featureProps: FeatureProps) {\n    const state = featureProps.getState();\n    // AutoSize by default\n    memoizedResetAutosizeStatus(\n      [featureProps],\n      [state.personalization?.active, state.refresh, state.hiddenColumns, state.customFields]\n    );\n    memoizedRunColumnSizing(\n      [featureProps],\n      [\n        state.personalization?.active,\n        featureProps.getView().rows,\n        featureProps.getRsStore().autosizeTriggered,\n        state.refresh,\n        state.hiddenColumns,\n        state.forceUpdateFeatures?.forceCalculateAutoWidth\n      ]\n    );\n    memoizedAutosizeRowSelectionColumn([featureProps], [state.groups, state.responsive?.sm]);\n    memoizedAutosizeOotbActionColumns([featureProps], [state.selectedHeightOption]);\n  };\n};\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../src/core/features/uIFeatures/afterRender/columnSizing/index.ts"],"names":[],"mappings":"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","sourcesContent":["import type { OmitStrict } from '@pega/cosmos-react-core';\n\nimport {\n  actionColumnResize,\n  actionColumnsAutoSize,\n  actionColumnAutoSize,\n  actionForceUpdate\n} from '../../../../actions/actions';\nimport { TEMPLATES } from '../../../../constants';\nimport { OOTB_COLUMNS, withMemoization } from '../../../../utils/util';\nimport type { FeatureProps } from '../../../featureFactory';\nimport type View from '../../../../generators/ViewGenerator';\n// eslint-disable-next-line @typescript-eslint/no-unused-vars\nimport type { State } from '../../../../../../types/State.types';\n// eslint-disable-next-line @typescript-eslint/no-unused-vars\nimport type RsStore from '../../../../RsStore';\n\nimport { autoSizeOfColumns } from './autoSize';\n\n/*\n * If columnWidths are undefined, there is no active personalization invloved in the current view\n * So triggering auto column sizing, which depends on column content.\n * in case of nested groupings, skipping group headers from being counted as a row\n */\n/**\n * Checks if {@link View.domContainer dom container} has any rows with visible cells.\n * @param columns\n * @param domContainer\n * @returns true if dom container has any rows available, otherwise false.\n */\nconst checkDomContainerHasAnyRows = (\n  columns: NonNullable<View['columns']>,\n  domContainer: View['domContainer']\n) => {\n  for (const column of columns) {\n    if (!column.hidden) {\n      const cells = domContainer\n        ? domContainer.querySelectorAll(`[data-col-id=\"${column.field.id}\"]`)\n        : [];\n      if (cells.length > 1) {\n        return true;\n      }\n    }\n  }\n  return false;\n};\n\n/**\n * Checks if any data rows are available in dom container. It does not includes grouped rows.\n * @returns true if data rows are available, otherwise false.\n */\nconst checkDomContainerHasDataRows = (domContainer: View['domContainer']) => {\n  return !!(domContainer && domContainer.querySelectorAll('.row[aria-rowindex]').length);\n};\n\n/**\n * Autosizes the first visual column to account for the expand/collapse button\n * introduced by grouping.\n */\n\nfunction autoSizeFirstVisualColumn([featureProps]: [featureProps: FeatureProps]) {\n  const { getView, dispatch } = featureProps;\n  const { columns = [], getDomContainer } = getView();\n  const firstVisualCol = columns.find(c => c.isFirstVisualColumn);\n  const domContainer = getDomContainer();\n  if (firstVisualCol && domContainer) {\n    dispatch(actionColumnAutoSize(firstVisualCol, domContainer, true));\n  }\n}\n\n/**\n * Runs autosizing on out-of-the-box (OOTB) action columns in the view.\n */\nconst autosizeOotbActionColumns = ([featureProps]: [featureProps: FeatureProps]) => {\n  const { getView, dispatch } = featureProps;\n  const { columns = [], getDomContainer } = getView();\n  const ootbColumns = columns?.filter(col => OOTB_COLUMNS.includes(col.field.id));\n  const domContainer = getDomContainer();\n  if (ootbColumns.length && domContainer) {\n    dispatch(actionColumnsAutoSize(ootbColumns, domContainer, true));\n  }\n};\n\n/**\n * Executes the autosizing feature on all the columns. It dispatches an action that updates {@link State.columnWidths} slice with the calculated widths for all the columns.\n * @param param featureProps\n */\nexport function runColumnSizing([{ getView, getRsStore, dispatch }]: [\n  featureProps: OmitStrict<FeatureProps, 'getOriginalState' | 'getRsProps' | 'browserContext'>\n]) {\n  const { columns = [], getDomContainer } = getView();\n\n  const rsStore = getRsStore();\n  const domContainer = getDomContainer();\n  const runColumnSizingOnRowsAvailable =\n    !rsStore.columnSizingTriggerdOnRowsAvailable && checkDomContainerHasDataRows(domContainer);\n\n  // if there is no group/data row to size in DOM, don't run column sizing\n  if (\n    !checkDomContainerHasAnyRows(columns, domContainer) ||\n    (rsStore.autosizeTriggered && !runColumnSizingOnRowsAvailable)\n  ) {\n    // if in current render cycle the rows were not painted, check for autosizing in next cycle\n    if (!rsStore.autosizeTriggered) {\n      dispatch(actionForceUpdate(false, { forceCalculateAutoWidth: true }));\n    }\n    return;\n  }\n\n  rsStore.autosizeTriggered = true;\n  // skipping column animation on next run if column size changed after personalization change or delete\n  rsStore.skipColumnAnimationOnNextRun = true;\n\n  if (runColumnSizingOnRowsAvailable) {\n    // Fresh column sizing will run only once for a view when the rows are loaded for the first time in DOM\n    rsStore.columnSizingTriggerdOnRowsAvailable = true;\n    dispatch(actionColumnsAutoSize(columns, domContainer!, true));\n  } else {\n    // Incremental column sizing on show/hide of columns or table refresh or on view change with grouping applied\n    dispatch(actionColumnResize(autoSizeOfColumns(columns, domContainer!)));\n  }\n}\n\n/**\n * It resets the {@link RsStore.autosizeTriggered autosize status} on RsStore.\n * @param param featureProps\n */\nfunction resetAutosizeStatus([{ getRsStore }]: [featureProps: FeatureProps]) {\n  // This parent flag checks if any type of sizing is triggered on the table including table header/groups/rows.\n  getRsStore().autosizeTriggered = false;\n}\n\n/**\n * Manages the autosizing feature of columns in the view. This includes the following actions:\n * 1. **Executing Autosize for All Columns**:\n *\n *  This action is triggered when any of the following properties change:\n *  - {@link State.personalization.active}\n *  - {@link View.rows}\n *  - {@link RsStore.autosizeTriggered}\n *  - {@link State.refresh}\n *  - {@link State.hiddenColumns}\n *  - {@link State.forceUpdateFeatures.forceCalculateAutoWidth}\n * 2. **Resetting Autosize Status**:\n *\n *  This action is triggered when any of the following properties change:\n *  - {@link State.personalization.active}\n *  - {@link State.refresh}\n *  - {@link State.hiddenColumns}\n *  - {@link State.customFields}\n *\n *  3. **Executing Autosize on First Visual Column**:\n *\n *    This action is triggered when any of the following properties change:\n *    - {@link State.groups}\n *    - {@link State.responsive.sm}\n */\nexport default () => {\n  const memoizedRunColumnSizing = withMemoization(runColumnSizing);\n  const memoizedResetAutosizeStatus = withMemoization(resetAutosizeStatus);\n  const memoizedAutosizeFirstVisualColumn = withMemoization(autoSizeFirstVisualColumn);\n  const memoizedAutosizeOotbActionColumns = withMemoization(autosizeOotbActionColumns);\n  let domContainerResizeObserver: ResizeObserver | null = null;\n  let observedDomContainer: Element | null = null;\n  return function execute(featureProps: FeatureProps) {\n    /**\n     * Column sizing is Table-only. When template switches away from Table, clear any pending observer.\n     * This prevents an observer created in a previous hidden-Table render from firing late and\n     * triggering sizing work against the current non-Table template\n     */\n    if (featureProps.getView().template !== TEMPLATES.TABLE) {\n      domContainerResizeObserver?.disconnect();\n      domContainerResizeObserver = null;\n      observedDomContainer = null;\n      return;\n    }\n    const state = featureProps.getState();\n    // AutoSize by default\n    memoizedResetAutosizeStatus(\n      [featureProps],\n      [state.personalization?.active, state.refresh, state.hiddenColumns, state.customFields]\n    );\n\n    /**\n     * If one of the table's ancestors is in a hidden state, the autosize calculations will not\n     * function correctly since the domContainer's offsetWidth will be 0. A single ResizeObserver\n     * is attached here (once per hidden period) and fires all sizing functions as soon as the\n     * container gains width.\n     *\n     * The memoized versions are called intentionally so their dependency arrays are initialized\n     * with the current state values. If the raw functions were called instead, the memoized\n     * wrappers would still have no recorded deps and would re-run on the very next `execute`\n     * cycle, causing each sizing function to fire twice.\n     *\n     * Any function that performs sizing calculations should be called within this observer callback.\n     */\n    const domContainer = featureProps.getView().getDomContainer();\n    if (domContainer && domContainer.offsetWidth === 0) {\n      if (domContainerResizeObserver && observedDomContainer !== domContainer) {\n        // The DOM container was replaced while the observer was still pending (e.g. component remount).\n        domContainerResizeObserver.disconnect();\n        domContainerResizeObserver = null;\n        observedDomContainer = null;\n      }\n\n      if (!domContainerResizeObserver) {\n        domContainerResizeObserver = new ResizeObserver(entries => {\n          for (const entry of entries) {\n            if (entry.contentRect.width > 0) {\n              const currentState = featureProps.getState();\n              memoizedRunColumnSizing(\n                [featureProps],\n                [\n                  currentState.personalization?.active,\n                  featureProps.getView().rows,\n                  featureProps.getRsStore().autosizeTriggered,\n                  currentState.refresh,\n                  currentState.visibleColumns,\n                  currentState.forceUpdateFeatures?.forceCalculateAutoWidth\n                ]\n              );\n              memoizedAutosizeFirstVisualColumn(\n                [featureProps],\n                [currentState.groups, currentState.responsive?.sm]\n              );\n              memoizedAutosizeOotbActionColumns(\n                [featureProps],\n                [currentState.selectedHeightOption]\n              );\n              domContainerResizeObserver?.unobserve(entry.target);\n              domContainerResizeObserver = null;\n              observedDomContainer = null;\n            }\n          }\n        });\n        domContainerResizeObserver.observe(domContainer);\n        observedDomContainer = domContainer;\n      }\n      return;\n    }\n\n    // These are still needed as the Resize observer will work only once but we need to run sizing on user operations as well\n    memoizedRunColumnSizing(\n      [featureProps],\n      [\n        state.personalization?.active,\n        featureProps.getView().rows,\n        featureProps.getRsStore().autosizeTriggered,\n        state.refresh,\n        state.visibleColumns,\n        state.forceUpdateFeatures?.forceCalculateAutoWidth\n      ]\n    );\n    memoizedAutosizeFirstVisualColumn([featureProps], [state.groups, state.responsive?.sm]);\n    memoizedAutosizeOotbActionColumns([featureProps], [state.selectedHeightOption]);\n  };\n};\n"]}

package/lib/src/core/features/uIFeatures/afterRender/customizeParentContainer/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../src/core/features/uIFeatures/afterRender/customizeParentContainer/index.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AAO5D;;;GAGG;AACH,eAAO,MAAM,mBAAmB,GAAI,eAAe,CAAC,YAAY,EAAE,YAAY,CAAC,SAW9E,CAAC;AAEF;;;;;;GAMG;+BAIuB,cAAc,YAAY;AAHpD,wBAQE"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../src/core/features/uIFeatures/afterRender/customizeParentContainer/index.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AAO5D;;;GAGG;AACH,eAAO,MAAM,mBAAmB,GAAI,eAAe,CAAC,YAAY,EAAE,YAAY,CAAC,SAW9E,CAAC;AAEF;;;;;;GAMG;+BAIuB,cAAc,YAAY;AAHpD,wBAOE"}

package/lib/src/core/features/uIFeatures/afterRender/customizeParentContainer/index.js

@@ -25,8 +25,8 @@ export const customizePContainer = ([{ getView }]) => {
 export default () => {
     const memoisedCustomizePContainer = withMemoization(customizePContainer);
     return function execute(featureProps) {
-        const { hiddenColumns, columnWidths } = featureProps.getState();
-        memoisedCustomizePContainer([featureProps], [hiddenColumns, columnWidths]);
+        const { visibleColumns, columnWidths } = featureProps.getState();
+        memoisedCustomizePContainer([featureProps], [visibleColumns, columnWidths]);
     };
 };
 //# sourceMappingURL=index.js.map

package/lib/src/core/features/uIFeatures/afterRender/customizeParentContainer/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../src/core/features/uIFeatures/afterRender/customizeParentContainer/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAC;AAQzD;;;GAGG;AACH,MAAM,CAAC,MAAM,mBAAmB,GAAG,CAAC,CAAC,EAAE,OAAO,EAAE,CAA+B,EAAE,EAAE;IACjF,MAAM,eAAe,GAAG,OAAO,EAAE,CAAC,kBAAkB,CAAC,eAAe,EAAE,kBAAkB,EAAE,CAAC;IAE3F,IAAI,eAAe,EAAE,CAAC;QACpB,MAAM,EAAE,WAAW,EAAE,WAAW,EAAE,SAAS,EAAE,GAAG,eAAe,CAAC;QAChE,IAAI,WAAW,GAAG,WAAW,EAAE,CAAC;YAC9B,SAAS,CAAC,GAAG,CAAC,kBAAkB,CAAC,CAAC;QACpC,CAAC;aAAM,CAAC;YACN,SAAS,CAAC,MAAM,CAAC,kBAAkB,CAAC,CAAC;QACvC,CAAC;IACH,CAAC;AACH,CAAC,CAAC;AAEF;;;;;;GAMG;AACH,eAAe,GAAG,EAAE;IAClB,MAAM,2BAA2B,GAAG,eAAe,CAAC,mBAAmB,CAAC,CAAC;IAEzE,OAAO,SAAS,OAAO,CAAC,YAA0B;QAChD,MAAM,EAAE,aAAa,EAAE,YAAY,EAAE,GAAG,YAAY,CAAC,QAAQ,EAAE,CAAC;QAEhE,2BAA2B,CAAC,CAAC,YAAY,CAAC,EAAE,CAAC,aAAa,EAAE,YAAY,CAAC,CAAC,CAAC;IAC7E,CAAC,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import { withMemoization } from '../../../../utils/util';\nimport type { FeatureProps } from '../../../featureFactory';\n// Used in JsDoc.\n// eslint-disable-next-line @typescript-eslint/no-unused-vars\nimport type { RootVirtualizer } from '../../../../generators/ViewGenerator.types';\n// eslint-disable-next-line @typescript-eslint/no-unused-vars\nimport type { State } from '../../../../../../types/State.types';\n\n/** Toggles CSS class `pContainerScroll` on {@link RootVirtualizer.getParentContainer parentContainer} (scrollable element of the virtualizer) by comparing scrollWidth and clientWidth of parentContainer.\n * @param featureProps - A tuple containing an object of feature props.\n * @returns void\n */\nexport const customizePContainer = ([{ getView }]: [featureProps: FeatureProps]) => {\n  const parentContainer = getView().virtualizeElements.rootVirtualiser?.getParentContainer();\n\n  if (parentContainer) {\n    const { scrollWidth, clientWidth, classList } = parentContainer;\n    if (scrollWidth > clientWidth) {\n      classList.add('pContainerScroll');\n    } else {\n      classList.remove('pContainerScroll');\n    }\n  }\n};\n\n/**\n * Customizes the behavior of the scrollable of virtualizer i.e. {@link RootVirtualizer.getParentContainer parentContainer}.\n *\n *  This customization includes toggling the CSS class `pContainerScroll` on the `parentContainer`. The `pContainerScroll` class is toggled based on changes to specific state properties, including:\n *    - {@link State.hiddenColumns}\n *    - {@link State.columnWidths}\n */\nexport default () => {\n  const memoisedCustomizePContainer = withMemoization(customizePContainer);\n\n  return function execute(featureProps: FeatureProps) {\n    const { hiddenColumns, columnWidths } = featureProps.getState();\n\n    memoisedCustomizePContainer([featureProps], [hiddenColumns, columnWidths]);\n  };\n};\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../src/core/features/uIFeatures/afterRender/customizeParentContainer/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAC;AAQzD;;;GAGG;AACH,MAAM,CAAC,MAAM,mBAAmB,GAAG,CAAC,CAAC,EAAE,OAAO,EAAE,CAA+B,EAAE,EAAE;IACjF,MAAM,eAAe,GAAG,OAAO,EAAE,CAAC,kBAAkB,CAAC,eAAe,EAAE,kBAAkB,EAAE,CAAC;IAE3F,IAAI,eAAe,EAAE,CAAC;QACpB,MAAM,EAAE,WAAW,EAAE,WAAW,EAAE,SAAS,EAAE,GAAG,eAAe,CAAC;QAChE,IAAI,WAAW,GAAG,WAAW,EAAE,CAAC;YAC9B,SAAS,CAAC,GAAG,CAAC,kBAAkB,CAAC,CAAC;QACpC,CAAC;aAAM,CAAC;YACN,SAAS,CAAC,MAAM,CAAC,kBAAkB,CAAC,CAAC;QACvC,CAAC;IACH,CAAC;AACH,CAAC,CAAC;AAEF;;;;;;GAMG;AACH,eAAe,GAAG,EAAE;IAClB,MAAM,2BAA2B,GAAG,eAAe,CAAC,mBAAmB,CAAC,CAAC;IAEzE,OAAO,SAAS,OAAO,CAAC,YAA0B;QAChD,MAAM,EAAE,cAAc,EAAE,YAAY,EAAE,GAAG,YAAY,CAAC,QAAQ,EAAE,CAAC;QACjE,2BAA2B,CAAC,CAAC,YAAY,CAAC,EAAE,CAAC,cAAc,EAAE,YAAY,CAAC,CAAC,CAAC;IAC9E,CAAC,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import { withMemoization } from '../../../../utils/util';\nimport type { FeatureProps } from '../../../featureFactory';\n// Used in JsDoc.\n// eslint-disable-next-line @typescript-eslint/no-unused-vars\nimport type { RootVirtualizer } from '../../../../generators/ViewGenerator.types';\n// eslint-disable-next-line @typescript-eslint/no-unused-vars\nimport type { State } from '../../../../../../types/State.types';\n\n/** Toggles CSS class `pContainerScroll` on {@link RootVirtualizer.getParentContainer parentContainer} (scrollable element of the virtualizer) by comparing scrollWidth and clientWidth of parentContainer.\n * @param featureProps - A tuple containing an object of feature props.\n * @returns void\n */\nexport const customizePContainer = ([{ getView }]: [featureProps: FeatureProps]) => {\n  const parentContainer = getView().virtualizeElements.rootVirtualiser?.getParentContainer();\n\n  if (parentContainer) {\n    const { scrollWidth, clientWidth, classList } = parentContainer;\n    if (scrollWidth > clientWidth) {\n      classList.add('pContainerScroll');\n    } else {\n      classList.remove('pContainerScroll');\n    }\n  }\n};\n\n/**\n * Customizes the behavior of the scrollable of virtualizer i.e. {@link RootVirtualizer.getParentContainer parentContainer}.\n *\n *  This customization includes toggling the CSS class `pContainerScroll` on the `parentContainer`. The `pContainerScroll` class is toggled based on changes to specific state properties, including:\n *    - {@link State.hiddenColumns}\n *    - {@link State.columnWidths}\n */\nexport default () => {\n  const memoisedCustomizePContainer = withMemoization(customizePContainer);\n\n  return function execute(featureProps: FeatureProps) {\n    const { visibleColumns, columnWidths } = featureProps.getState();\n    memoisedCustomizePContainer([featureProps], [visibleColumns, columnWidths]);\n  };\n};\n"]}

package/lib/src/core/features/uIFeatures/beforeRender/adjustHeight.d.ts

@@ -1,11 +1,14 @@
 import type RsInternal from '../../../RsInternal';
 import type { BeforeRenderFeatureProps } from '../../featureFactory';
+type AdjustHeightProps = Pick<BeforeRenderFeatureProps, 'getView' | 'dispatch' | 'browserContext'>;
 /**
  * Calculates the {@link View.bodyHeight body height} of the view.
  * @param param.0 {@link BeforeRenderFeatureProps}.
  * @returns void
  */
-export declare function execute([{ getView, dispatch }]: [featureProps: BeforeRenderFeatureProps]): void;
+export declare function execute([{ getView, dispatch, browserContext }]: [
+    featureProps: AdjustHeightProps
+]): void;
 /**
  * Calculates the {@link View.bodyHeight body height} of the view and toggles `resize listener` to the `window`.
  *

package/lib/src/core/features/uIFeatures/beforeRender/adjustHeight.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"adjustHeight.d.ts","sourceRoot":"","sources":["../../../../../../src/core/features/uIFeatures/beforeRender/adjustHeight.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,UAAU,MAAM,qBAAqB,CAAC;AAClD,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,sBAAsB,CAAC;AASrE;;;;GAIG;AACH,wBAAgB,OAAO,CAAC,CAAC,EAAE,OAAO,EAAE,QAAQ,EAAE,CAAC,EAAE,CAAC,YAAY,EAAE,wBAAwB,CAAC,QA6CxF;AAwBD;;;;;;;;;;;;;GAaG;yBAEa,YAAY,UAAU,MAkB5B,cAAc,wBAAwB;AAlBhD,wBA4BE"}
+{"version":3,"file":"adjustHeight.d.ts","sourceRoot":"","sources":["../../../../../../src/core/features/uIFeatures/beforeRender/adjustHeight.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,UAAU,MAAM,qBAAqB,CAAC;AAClD,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,sBAAsB,CAAC;AAKrE,KAAK,iBAAiB,GAAG,IAAI,CAAC,wBAAwB,EAAE,SAAS,GAAG,UAAU,GAAG,gBAAgB,CAAC,CAAC;AAMnG;;;;GAIG;AACH,wBAAgB,OAAO,CAAC,CAAC,EAAE,OAAO,EAAE,QAAQ,EAAE,cAAc,EAAE,CAAC,EAAE;IAC/D,YAAY,EAAE,iBAAiB;CAChC,QA6CA;AAwBD;;;;;;;;;;;;;GAaG;yBAEa,YAAY,UAAU,MAsB5B,cAAc,wBAAwB;AAtBhD,wBAgCE"}

package/lib/src/core/features/uIFeatures/beforeRender/adjustHeight.js

@@ -9,7 +9,7 @@ const getVirtualizer = (view) => {
  * @param param.0 {@link BeforeRenderFeatureProps}.
  * @returns void
  */
-export function execute([{ getView, dispatch }]) {
+export function execute([{ getView, dispatch, browserContext }]) {
     // Don't need to calculate height if numberOfRows is defined or view is in basicMode and virtualizer is used
     // because, virtualizer will set the height to auto which is a contradition
     const basicMode = getView().meta.basicMode;
@@ -25,17 +25,17 @@ export function execute([{ getView, dispatch }]) {
     if (typeof fitHeightToElement === 'string') {
         targetContainerElement =
             fitHeightToElement === 'document'
-                ? document.body
-                : document.querySelector(fitHeightToElement);
+                ? browserContext.document.body
+                : browserContext.document.querySelector(fitHeightToElement);
     }
     else if (fitHeightToElement.nodeType === 1) {
         targetContainerElement = fitHeightToElement;
     }
     else {
-        targetContainerElement = document.body;
+        targetContainerElement = browserContext.document.body;
     }
     if (targetContainerElement) {
-        const computedStyle = window.getComputedStyle(targetContainerElement);
+        const computedStyle = browserContext.window.getComputedStyle(targetContainerElement);
         const totalHeight = parseFloat(computedStyle.height);
         const paddingTop = parseFloat(computedStyle.paddingTop);
         const paddingBottom = parseFloat(computedStyle.paddingBottom);
@@ -54,15 +54,15 @@ export function execute([{ getView, dispatch }]) {
  * @param param.1 Resize listener.
  * @returns void
  */
-function attachResize([{ getView }, resizeListener]) {
+function attachResize([{ getView, browserContext }, resizeListener]) {
     const { meta: { height: { height, fitHeightToElement, autoSize = true } = {}, basicMode, numberOfRows } } = getView();
     const isNumberOfRowsDefined = !!numberOfRows;
     if (!basicMode && !isNumberOfRowsDefined && !height && fitHeightToElement && autoSize) {
-        window.removeEventListener('resize', resizeListener);
-        window.addEventListener('resize', resizeListener);
+        browserContext.window.removeEventListener('resize', resizeListener);
+        browserContext.window.addEventListener('resize', resizeListener);
     }
     else {
-        window.removeEventListener('resize', resizeListener);
+        browserContext.window.removeEventListener('resize', resizeListener);
     }
 }
 /**
@@ -83,16 +83,17 @@ function attachResize([{ getView }, resizeListener]) {
 export default (rsInternal) => {
     const { getView, getRsStateResolver, getPubSubUtils } = rsInternal;
     const { dispatch } = getRsStateResolver();
-    const instExecute = execute.bind(null, [{ getView, dispatch }]);
     let timeoutId = null;
     const resizeListener = () => {
         // prevent execution of previous setTimeout
-        clearTimeout(timeoutId);
-        // change width from the state object after 150 milliseconds
-        timeoutId = setTimeout(() => instExecute(), 500);
+        if (timeoutId) {
+            clearTimeout(timeoutId);
+        }
+        // change width from the state object after 500 milliseconds
+        timeoutId = setTimeout(() => execute([{ getView, dispatch, browserContext: rsInternal.getBrowserContext() }]), 500);
     };
     getPubSubUtils().subscribe(UNMOUNT, () => {
-        window.removeEventListener('resize', resizeListener);
+        rsInternal.getBrowserContext().window.removeEventListener('resize', resizeListener);
     });
     const memoisedExecute = withMemoization(execute);
     const memoisedAttachResize = withMemoization(attachResize);

package/lib/src/core/features/uIFeatures/beforeRender/adjustHeight.js.map

@@ -1 +1 @@
-{"version":3,"file":"adjustHeight.js","sourceRoot":"","sources":["../../../../../../src/core/features/uIFeatures/beforeRender/adjustHeight.ts"],"names":[],"mappings":"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","sourcesContent":["import { UNMOUNT } from '../../../pubSub/events';\nimport { actionForceUpdate } from '../../../actions/actions';\nimport { withMemoization } from '../../../utils/util';\nimport type RsInternal from '../../../RsInternal';\nimport type { BeforeRenderFeatureProps } from '../../featureFactory';\nimport type View from '../../../generators/ViewGenerator';\n// eslint-disable-next-line @typescript-eslint/no-unused-vars\nimport type { Meta } from '../../../../../types/Meta.types';\n\nconst getVirtualizer = (view: View) => {\n  return view.virtualizeElements?.rootVirtualiser;\n};\n\n/**\n * Calculates the {@link View.bodyHeight body height} of the view.\n * @param param.0 {@link BeforeRenderFeatureProps}.\n * @returns void\n */\nexport function execute([{ getView, dispatch }]: [featureProps: BeforeRenderFeatureProps]) {\n  // Don't need to calculate height if numberOfRows is defined or view is in basicMode and virtualizer is used\n  // because, virtualizer will set the height to auto which is a contradition\n  const basicMode = getView().meta.basicMode;\n  const isVirtualizerUsed = !!getVirtualizer(getView());\n  const isNumberOfRowsDefined = !!getView().meta.numberOfRows;\n  if (isNumberOfRowsDefined || (basicMode && isVirtualizerUsed)) {\n    return;\n  }\n\n  const {\n    meta: { height: { minHeight, fitHeightToElement } = {} }\n  } = getView();\n\n  if (!getView().getDomContainer() || !fitHeightToElement) return;\n\n  let targetContainerElement: HTMLElement | null;\n  if (typeof fitHeightToElement === 'string') {\n    targetContainerElement =\n      fitHeightToElement === 'document'\n        ? document.body\n        : document.querySelector(fitHeightToElement);\n  } else if (fitHeightToElement.nodeType === 1) {\n    targetContainerElement = fitHeightToElement;\n  } else {\n    targetContainerElement = document.body;\n  }\n\n  if (targetContainerElement) {\n    const computedStyle = window.getComputedStyle(targetContainerElement);\n    const totalHeight = parseFloat(computedStyle.height);\n    const paddingTop = parseFloat(computedStyle.paddingTop);\n    const paddingBottom = parseFloat(computedStyle.paddingBottom);\n\n    const targetHeight = totalHeight - paddingTop - paddingBottom;\n\n    // tableHeight should not be less than minHeight if it's configured\n    if (\n      (typeof minHeight === 'number' && targetHeight && targetHeight > minHeight) ||\n      (!minHeight && targetHeight)\n    ) {\n      getView().setProp('viewHeight', targetHeight);\n      dispatch(actionForceUpdate(false));\n    }\n  }\n}\n\n/**\n * Toggles the `resize listener` on `window`\n * @param param.0 {@link BeforeRenderFeatureProps}.\n * @param param.1 Resize listener.\n * @returns void\n */\nfunction attachResize([{ getView }, resizeListener]: [\n  featureProps: BeforeRenderFeatureProps,\n  resizeListener: () => void\n]) {\n  const {\n    meta: { height: { height, fitHeightToElement, autoSize = true } = {}, basicMode, numberOfRows }\n  } = getView();\n  const isNumberOfRowsDefined = !!numberOfRows;\n  if (!basicMode && !isNumberOfRowsDefined && !height && fitHeightToElement && autoSize) {\n    window.removeEventListener('resize', resizeListener);\n    window.addEventListener('resize', resizeListener);\n  } else {\n    window.removeEventListener('resize', resizeListener);\n  }\n}\n\n/**\n * Calculates the {@link View.bodyHeight body height} of the view and toggles `resize listener` to the `window`.\n *\n *  1. The `body height` is calculated only on initial mount of the Repeating structures, if following properties are provided in {@link Meta}:\n *  - {@link Meta.height}\n *  - {@link Meta.numberOfRows}\n *\n *  2. The `resize listener` is attached/removed on initial mount of Repeating structures, after considering the values for following properties in {@link Meta}:\n *  - {@link Meta.height}\n *  - {@link Meta.numberOfRows}\n *\n *  Additionally the `resize listener` will be removed on `UNMOUNT` event publish.\n *\n */\n// TODO: RsCore shouldn't be responsible for height calculations. We should move this feature to React layer.\nexport default (rsInternal: RsInternal) => {\n  const { getView, getRsStateResolver, getPubSubUtils } = rsInternal;\n  const { dispatch } = getRsStateResolver();\n  const instExecute = execute.bind(null, [{ getView, dispatch } as BeforeRenderFeatureProps]);\n  let timeoutId: ReturnType<typeof setTimeout> | null = null;\n  const resizeListener = () => {\n    // prevent execution of previous setTimeout\n    clearTimeout(timeoutId!);\n    // change width from the state object after 150 milliseconds\n    timeoutId = setTimeout(() => instExecute(), 500);\n  };\n\n  getPubSubUtils().subscribe(UNMOUNT, () => {\n    window.removeEventListener('resize', resizeListener);\n  });\n\n  const memoisedExecute = withMemoization(execute);\n  const memoisedAttachResize = withMemoization(attachResize);\n  return (featureProps: BeforeRenderFeatureProps) => {\n    memoisedExecute(\n      [featureProps],\n      [featureProps.getView().meta.numberOfRows, featureProps.getView().meta.height]\n    );\n    memoisedAttachResize(\n      [featureProps, resizeListener],\n      [featureProps.getView().meta.numberOfRows, featureProps.getView().meta.height]\n    );\n  };\n};\n"]}
+{"version":3,"file":"adjustHeight.js","sourceRoot":"","sources":["../../../../../../src/core/features/uIFeatures/beforeRender/adjustHeight.ts"],"names":[],"mappings":"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","sourcesContent":["import { UNMOUNT } from '../../../pubSub/events';\nimport { actionForceUpdate } from '../../../actions/actions';\nimport { withMemoization } from '../../../utils/util';\nimport type RsInternal from '../../../RsInternal';\nimport type { BeforeRenderFeatureProps } from '../../featureFactory';\nimport type View from '../../../generators/ViewGenerator';\n// eslint-disable-next-line @typescript-eslint/no-unused-vars\nimport type { Meta } from '../../../../../types/Meta.types';\n\ntype AdjustHeightProps = Pick<BeforeRenderFeatureProps, 'getView' | 'dispatch' | 'browserContext'>;\n\nconst getVirtualizer = (view: View) => {\n  return view.virtualizeElements?.rootVirtualiser;\n};\n\n/**\n * Calculates the {@link View.bodyHeight body height} of the view.\n * @param param.0 {@link BeforeRenderFeatureProps}.\n * @returns void\n */\nexport function execute([{ getView, dispatch, browserContext }]: [\n  featureProps: AdjustHeightProps\n]) {\n  // Don't need to calculate height if numberOfRows is defined or view is in basicMode and virtualizer is used\n  // because, virtualizer will set the height to auto which is a contradition\n  const basicMode = getView().meta.basicMode;\n  const isVirtualizerUsed = !!getVirtualizer(getView());\n  const isNumberOfRowsDefined = !!getView().meta.numberOfRows;\n  if (isNumberOfRowsDefined || (basicMode && isVirtualizerUsed)) {\n    return;\n  }\n\n  const {\n    meta: { height: { minHeight, fitHeightToElement } = {} }\n  } = getView();\n\n  if (!getView().getDomContainer() || !fitHeightToElement) return;\n\n  let targetContainerElement: HTMLElement | null;\n  if (typeof fitHeightToElement === 'string') {\n    targetContainerElement =\n      fitHeightToElement === 'document'\n        ? browserContext.document.body\n        : browserContext.document.querySelector(fitHeightToElement);\n  } else if (fitHeightToElement.nodeType === 1) {\n    targetContainerElement = fitHeightToElement;\n  } else {\n    targetContainerElement = browserContext.document.body;\n  }\n\n  if (targetContainerElement) {\n    const computedStyle = browserContext.window.getComputedStyle(targetContainerElement);\n    const totalHeight = parseFloat(computedStyle.height);\n    const paddingTop = parseFloat(computedStyle.paddingTop);\n    const paddingBottom = parseFloat(computedStyle.paddingBottom);\n\n    const targetHeight = totalHeight - paddingTop - paddingBottom;\n\n    // tableHeight should not be less than minHeight if it's configured\n    if (\n      (typeof minHeight === 'number' && targetHeight && targetHeight > minHeight) ||\n      (!minHeight && targetHeight)\n    ) {\n      getView().setProp('viewHeight', targetHeight);\n      dispatch(actionForceUpdate(false));\n    }\n  }\n}\n\n/**\n * Toggles the `resize listener` on `window`\n * @param param.0 {@link BeforeRenderFeatureProps}.\n * @param param.1 Resize listener.\n * @returns void\n */\nfunction attachResize([{ getView, browserContext }, resizeListener]: [\n  featureProps: AdjustHeightProps,\n  resizeListener: () => void\n]) {\n  const {\n    meta: { height: { height, fitHeightToElement, autoSize = true } = {}, basicMode, numberOfRows }\n  } = getView();\n  const isNumberOfRowsDefined = !!numberOfRows;\n  if (!basicMode && !isNumberOfRowsDefined && !height && fitHeightToElement && autoSize) {\n    browserContext.window.removeEventListener('resize', resizeListener);\n    browserContext.window.addEventListener('resize', resizeListener);\n  } else {\n    browserContext.window.removeEventListener('resize', resizeListener);\n  }\n}\n\n/**\n * Calculates the {@link View.bodyHeight body height} of the view and toggles `resize listener` to the `window`.\n *\n *  1. The `body height` is calculated only on initial mount of the Repeating structures, if following properties are provided in {@link Meta}:\n *  - {@link Meta.height}\n *  - {@link Meta.numberOfRows}\n *\n *  2. The `resize listener` is attached/removed on initial mount of Repeating structures, after considering the values for following properties in {@link Meta}:\n *  - {@link Meta.height}\n *  - {@link Meta.numberOfRows}\n *\n *  Additionally the `resize listener` will be removed on `UNMOUNT` event publish.\n *\n */\n// TODO: RsCore shouldn't be responsible for height calculations. We should move this feature to React layer.\nexport default (rsInternal: RsInternal) => {\n  const { getView, getRsStateResolver, getPubSubUtils } = rsInternal;\n  const { dispatch } = getRsStateResolver();\n  let timeoutId: ReturnType<typeof setTimeout> | null = null;\n  const resizeListener = () => {\n    // prevent execution of previous setTimeout\n    if (timeoutId) {\n      clearTimeout(timeoutId);\n    }\n    // change width from the state object after 500 milliseconds\n    timeoutId = setTimeout(\n      () => execute([{ getView, dispatch, browserContext: rsInternal.getBrowserContext() }]),\n      500\n    );\n  };\n\n  getPubSubUtils().subscribe(UNMOUNT, () => {\n    rsInternal.getBrowserContext().window.removeEventListener('resize', resizeListener);\n  });\n\n  const memoisedExecute = withMemoization(execute);\n  const memoisedAttachResize = withMemoization(attachResize);\n  return (featureProps: BeforeRenderFeatureProps) => {\n    memoisedExecute(\n      [featureProps],\n      [featureProps.getView().meta.numberOfRows, featureProps.getView().meta.height]\n    );\n    memoisedAttachResize(\n      [featureProps, resizeListener],\n      [featureProps.getView().meta.numberOfRows, featureProps.getView().meta.height]\n    );\n  };\n};\n"]}

package/lib/src/core/features/uIFeatures/beforeRender/adjustHeightToFitRecords.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"adjustHeightToFitRecords.d.ts","sourceRoot":"","sources":["../../../../../../src/core/features/uIFeatures/beforeRender/adjustHeightToFitRecords.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,sBAAsB,CAAC;AAQrE;;;GAGG;AACH,wBAAgB,gBAAgB,CAAC,CAAC,EAAE,OAAO,EAAE,QAAQ,EAAE,CAAC,EAAE;IACxD,YAAY,EAAE,wBAAwB;CACvC,QAwBA;AACD;;;;;;GAMG;+BAKuB,cAAc,wBAAwB;AAHhE,wBAcE"}
+{"version":3,"file":"adjustHeightToFitRecords.d.ts","sourceRoot":"","sources":["../../../../../../src/core/features/uIFeatures/beforeRender/adjustHeightToFitRecords.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,sBAAsB,CAAC;AAUrE;;;GAGG;AACH,wBAAgB,gBAAgB,CAAC,CAAC,EAAE,OAAO,EAAE,QAAQ,EAAE,CAAC,EAAE;IACxD,YAAY,EAAE,wBAAwB;CACvC,QA8BA;AACD;;;;;;GAMG;+BAKuB,cAAc,wBAAwB;AAHhE,wBAcE"}

package/lib/src/core/features/uIFeatures/beforeRender/adjustHeightToFitRecords.js

@@ -1,12 +1,20 @@
 import { withMemoization } from '../../../utils/util';
 import { rowDensityClasses, TEMPLATES } from '../../../constants';
 /* eslint-enable @typescript-eslint/no-unused-vars */
+const SUPPORTED_TEMPLATES = [TEMPLATES.TABLE, TEMPLATES.TIMELINE];
 /**
  * Adjusts the {@link View.bodyHeight bodyHeight} of the view.
  * @param param0 - {@link BeforeRenderFeatureProps}
  */
 export function updateBodyHeight([{ getView, getState }]) {
-    const { meta: { numberOfRows, template } } = getView();
+    const { numberOfRows } = getView().meta;
+    const template = getView().template;
+    if (!template || !SUPPORTED_TEMPLATES.includes(template)) {
+        // Setting bodyHeight to undefined to unset bodyHeight if set by previous view like table
+        // TODO: Once we start clearing ViewGenerator object on view change, we can remove this as bodyHeight will be reset to default value on new view render.
+        getView().setProp('bodyHeight', undefined);
+        return;
+    }
     // row height is calculated based on the height provided for each row in the styledtablecontainer.jsx styles
     let rowHeight;
     let headerHeight;
@@ -39,7 +47,7 @@ export default () => {
         memoisedFunc([featureProps], [
             featureProps.getState().selectedHeightOption,
             featureProps.getView().meta.numberOfRows,
-            featureProps.getView().meta.template,
+            featureProps.getView().template,
             featureProps.getState().groups
         ]);
     };

package/lib/src/core/features/uIFeatures/beforeRender/adjustHeightToFitRecords.js.map

@@ -1 +1 @@
-{"version":3,"file":"adjustHeightToFitRecords.js","sourceRoot":"","sources":["../../../../../../src/core/features/uIFeatures/beforeRender/adjustHeightToFitRecords.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AACtD,OAAO,EAAE,iBAAiB,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAOlE,qDAAqD;AAErD;;;GAGG;AACH,MAAM,UAAU,gBAAgB,CAAC,CAAC,EAAE,OAAO,EAAE,QAAQ,EAAE,CAEtD;IACC,MAAM,EACJ,IAAI,EAAE,EAAE,YAAY,EAAE,QAAQ,EAAE,EACjC,GAAG,OAAO,EAAE,CAAC;IAEd,4GAA4G;IAC5G,IAAI,SAAS,CAAC;IACd,IAAI,YAAY,CAAC;IACjB,IAAI,QAAQ,EAAE,CAAC,oBAAoB,EAAE,CAAC;QACpC,SAAS,GAAG,iBAAiB,CAAC,QAAQ,EAAE,CAAC,oBAAqB,CAAC,CAAC,SAAS,CAAC;QAC1E,YAAY,GAAG,EAAE,CAAC;IACpB,CAAC;IAED,IAAI,QAAQ,KAAK,SAAS,CAAC,QAAQ,EAAE,CAAC;QACpC,SAAS,GAAG,EAAE,CAAC;QACf,YAAY,GAAG,EAAE,CAAC;QAClB,IAAI,CAAC,QAAQ,EAAE,CAAC,MAAM,EAAE,CAAC,CAAC,CAAC,EAAE,YAAY,EAAE,CAAC;YAC1C,YAAY,GAAG,CAAC,CAAC;QACnB,CAAC;IACH,CAAC;IAED,IAAI,SAAS,IAAI,YAAY,EAAE,CAAC;QAC9B,OAAO,EAAE,CAAC,OAAO,CAAC,YAAY,EAAE,SAAS,GAAG,YAAY,GAAG,YAAa,CAAC,CAAC;IAC5E,CAAC;AACH,CAAC;AACD;;;;;;GAMG;AACH,6GAA6G;AAC7G,eAAe,GAAG,EAAE;IAClB,MAAM,YAAY,GAAG,eAAe,CAAC,gBAAgB,CAAC,CAAC;IAEvD,OAAO,SAAS,OAAO,CAAC,YAAsC;QAC5D,YAAY,CACV,CAAC,YAAY,CAAC,EACd;YACE,YAAY,CAAC,QAAQ,EAAE,CAAC,oBAAoB;YAC5C,YAAY,CAAC,OAAO,EAAE,CAAC,IAAI,CAAC,YAAY;YACxC,YAAY,CAAC,OAAO,EAAE,CAAC,IAAI,CAAC,QAAQ;YACpC,YAAY,CAAC,QAAQ,EAAE,CAAC,MAAM;SAC/B,CACF,CAAC;IACJ,CAAC,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import { withMemoization } from '../../../utils/util';\nimport { rowDensityClasses, TEMPLATES } from '../../../constants';\nimport type { BeforeRenderFeatureProps } from '../../featureFactory';\n// The below types are being used in JsDocs.\n/* eslint-disable @typescript-eslint/no-unused-vars */\nimport type { State } from '../../../../../types/State.types';\nimport type { Meta } from '../../../../../types/Meta.types';\nimport type View from '../../../generators/ViewGenerator';\n/* eslint-enable @typescript-eslint/no-unused-vars */\n\n/**\n * Adjusts the {@link View.bodyHeight bodyHeight} of the view.\n * @param param0 - {@link BeforeRenderFeatureProps}\n */\nexport function updateBodyHeight([{ getView, getState }]: [\n  featureProps: BeforeRenderFeatureProps\n]) {\n  const {\n    meta: { numberOfRows, template }\n  } = getView();\n\n  // row height is calculated based on the height provided for each row in the styledtablecontainer.jsx styles\n  let rowHeight;\n  let headerHeight;\n  if (getState().selectedHeightOption) {\n    rowHeight = rowDensityClasses[getState().selectedHeightOption!].rowHeight;\n    headerHeight = 45;\n  }\n\n  if (template === TEMPLATES.TIMELINE) {\n    rowHeight = 41;\n    headerHeight = 56;\n    if (!getState().groups?.[0]?.dateFunction) {\n      headerHeight = 0;\n    }\n  }\n\n  if (rowHeight && numberOfRows) {\n    getView().setProp('bodyHeight', rowHeight * numberOfRows + headerHeight!);\n  }\n}\n/**\n * Adjusts the {@link View.bodyHeight bodyHeight} of the view based on the following properties change:\n * - {@link State.selectedHeightOption}.\n * - {@link Meta.numberOfRows}.\n * - {@link Meta.template}.\n * - {@link State.groups}.\n */\n// TODO: RsCore shouldn't be responsible for height calculations. We should move this feature to React layer.\nexport default () => {\n  const memoisedFunc = withMemoization(updateBodyHeight);\n\n  return function execute(featureProps: BeforeRenderFeatureProps) {\n    memoisedFunc(\n      [featureProps],\n      [\n        featureProps.getState().selectedHeightOption,\n        featureProps.getView().meta.numberOfRows,\n        featureProps.getView().meta.template,\n        featureProps.getState().groups\n      ]\n    );\n  };\n};\n"]}
+{"version":3,"file":"adjustHeightToFitRecords.js","sourceRoot":"","sources":["../../../../../../src/core/features/uIFeatures/beforeRender/adjustHeightToFitRecords.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AACtD,OAAO,EAAE,iBAAiB,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAOlE,qDAAqD;AAErD,MAAM,mBAAmB,GAAG,CAAC,SAAS,CAAC,KAAK,EAAE,SAAS,CAAC,QAAQ,CAAU,CAAC;AAE3E;;;GAGG;AACH,MAAM,UAAU,gBAAgB,CAAC,CAAC,EAAE,OAAO,EAAE,QAAQ,EAAE,CAEtD;IACC,MAAM,EAAE,YAAY,EAAE,GAAG,OAAO,EAAE,CAAC,IAAI,CAAC;IACxC,MAAM,QAAQ,GAAG,OAAO,EAAE,CAAC,QAAQ,CAAC;IAEpC,IAAI,CAAC,QAAQ,IAAI,CAAC,mBAAmB,CAAC,QAAQ,CAAC,QAAQ,CAAC,EAAE,CAAC;QACzD,yFAAyF;QACzF,wJAAwJ;QACxJ,OAAO,EAAE,CAAC,OAAO,CAAC,YAAY,EAAE,SAAS,CAAC,CAAC;QAC3C,OAAO;IACT,CAAC;IAED,4GAA4G;IAC5G,IAAI,SAAS,CAAC;IACd,IAAI,YAAY,CAAC;IACjB,IAAI,QAAQ,EAAE,CAAC,oBAAoB,EAAE,CAAC;QACpC,SAAS,GAAG,iBAAiB,CAAC,QAAQ,EAAE,CAAC,oBAAqB,CAAC,CAAC,SAAS,CAAC;QAC1E,YAAY,GAAG,EAAE,CAAC;IACpB,CAAC;IAED,IAAI,QAAQ,KAAK,SAAS,CAAC,QAAQ,EAAE,CAAC;QACpC,SAAS,GAAG,EAAE,CAAC;QACf,YAAY,GAAG,EAAE,CAAC;QAClB,IAAI,CAAC,QAAQ,EAAE,CAAC,MAAM,EAAE,CAAC,CAAC,CAAC,EAAE,YAAY,EAAE,CAAC;YAC1C,YAAY,GAAG,CAAC,CAAC;QACnB,CAAC;IACH,CAAC;IAED,IAAI,SAAS,IAAI,YAAY,EAAE,CAAC;QAC9B,OAAO,EAAE,CAAC,OAAO,CAAC,YAAY,EAAE,SAAS,GAAG,YAAY,GAAG,YAAa,CAAC,CAAC;IAC5E,CAAC;AACH,CAAC;AACD;;;;;;GAMG;AACH,6GAA6G;AAC7G,eAAe,GAAG,EAAE;IAClB,MAAM,YAAY,GAAG,eAAe,CAAC,gBAAgB,CAAC,CAAC;IAEvD,OAAO,SAAS,OAAO,CAAC,YAAsC;QAC5D,YAAY,CACV,CAAC,YAAY,CAAC,EACd;YACE,YAAY,CAAC,QAAQ,EAAE,CAAC,oBAAoB;YAC5C,YAAY,CAAC,OAAO,EAAE,CAAC,IAAI,CAAC,YAAY;YACxC,YAAY,CAAC,OAAO,EAAE,CAAC,QAAQ;YAC/B,YAAY,CAAC,QAAQ,EAAE,CAAC,MAAM;SAC/B,CACF,CAAC;IACJ,CAAC,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import { withMemoization } from '../../../utils/util';\nimport { rowDensityClasses, TEMPLATES } from '../../../constants';\nimport type { BeforeRenderFeatureProps } from '../../featureFactory';\n// The below types are being used in JsDocs.\n/* eslint-disable @typescript-eslint/no-unused-vars */\nimport type { State } from '../../../../../types/State.types';\nimport type { Meta } from '../../../../../types/Meta.types';\nimport type View from '../../../generators/ViewGenerator';\n/* eslint-enable @typescript-eslint/no-unused-vars */\n\nconst SUPPORTED_TEMPLATES = [TEMPLATES.TABLE, TEMPLATES.TIMELINE] as const;\n\n/**\n * Adjusts the {@link View.bodyHeight bodyHeight} of the view.\n * @param param0 - {@link BeforeRenderFeatureProps}\n */\nexport function updateBodyHeight([{ getView, getState }]: [\n  featureProps: BeforeRenderFeatureProps\n]) {\n  const { numberOfRows } = getView().meta;\n  const template = getView().template;\n\n  if (!template || !SUPPORTED_TEMPLATES.includes(template)) {\n    // Setting bodyHeight to undefined to unset bodyHeight if set by previous view like table\n    // TODO: Once we start clearing ViewGenerator object on view change, we can remove this as bodyHeight will be reset to default value on new view render.\n    getView().setProp('bodyHeight', undefined);\n    return;\n  }\n\n  // row height is calculated based on the height provided for each row in the styledtablecontainer.jsx styles\n  let rowHeight;\n  let headerHeight;\n  if (getState().selectedHeightOption) {\n    rowHeight = rowDensityClasses[getState().selectedHeightOption!].rowHeight;\n    headerHeight = 45;\n  }\n\n  if (template === TEMPLATES.TIMELINE) {\n    rowHeight = 41;\n    headerHeight = 56;\n    if (!getState().groups?.[0]?.dateFunction) {\n      headerHeight = 0;\n    }\n  }\n\n  if (rowHeight && numberOfRows) {\n    getView().setProp('bodyHeight', rowHeight * numberOfRows + headerHeight!);\n  }\n}\n/**\n * Adjusts the {@link View.bodyHeight bodyHeight} of the view based on the following properties change:\n * - {@link State.selectedHeightOption}.\n * - {@link Meta.numberOfRows}.\n * - {@link Meta.template}.\n * - {@link State.groups}.\n */\n// TODO: RsCore shouldn't be responsible for height calculations. We should move this feature to React layer.\nexport default () => {\n  const memoisedFunc = withMemoization(updateBodyHeight);\n\n  return function execute(featureProps: BeforeRenderFeatureProps) {\n    memoisedFunc(\n      [featureProps],\n      [\n        featureProps.getState().selectedHeightOption,\n        featureProps.getView().meta.numberOfRows,\n        featureProps.getView().template,\n        featureProps.getState().groups\n      ]\n    );\n  };\n};\n"]}

package/lib/src/core/features/uIFeatures/beforeRender/aggregation.d.ts

@@ -5,7 +5,7 @@ import type { BeforeRenderFeatureProps } from '../../featureFactory';
  * - {@link State.filterExpression}
  * - `query` in {@link State.search}
  * - `active` in {@link State.personalization}
- * - {@link state.hiddenColumns}
+ * - {@link state.visibleColumns}
  */
 declare const _default: () => (featureProps: BeforeRenderFeatureProps) => Promise<void>;
 export default _default;

package/lib/src/core/features/uIFeatures/beforeRender/aggregation.js

@@ -36,7 +36,7 @@ const getAggregatedValues = async ([{ getView, getRsProps, getState, getRsStore
  * - {@link State.filterExpression}
  * - `query` in {@link State.search}
  * - `active` in {@link State.personalization}
- * - {@link state.hiddenColumns}
+ * - {@link state.visibleColumns}
  */
 export default () => {
     const memoizedGetAggregatedValues = withMemoization(getAggregatedValues);
@@ -48,7 +48,7 @@ export default () => {
             state.search?.query,
             state?.personalization?.active,
             state.refresh,
-            state.hiddenColumns
+            state.visibleColumns
         ]);
     };
 };

package/lib/src/core/features/uIFeatures/beforeRender/aggregation.js.map

@@ -1 +1 @@
-{"version":3,"file":"aggregation.js","sourceRoot":"","sources":["../../../../../../src/core/features/uIFeatures/beforeRender/aggregation.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AAKhE,qDAAqD;AAErD;;;GAGG;AACH,MAAM,mBAAmB,GAAG,KAAK,EAAE,CAAC,EAAE,OAAO,EAAE,UAAU,EAAE,QAAQ,EAAE,UAAU,EAAE,CAEhF,EAAE,EAAE;IACH,MAAM,EAAE,UAAU,EAAE,GAAG,UAAU,EAAE,CAAC;IACpC,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAC;IACzB,IAAI,CAAC;QACH,MAAM,gBAAgB,GACpB,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,eAAe,CAAC,IAAI,KAAK,CAAC,eAAe,CAAC,MAAM,GAAG,CAAC;YACtE,CAAC,CAAC,MAAM,UAAU,CAAC,qBAAsB,CAAC,QAAQ,CAAC,KAAK,CAAC,EAAE,OAAO,EAAE,CAAC,IAAI,EAAE;gBACvE,GAAG,CAAC,UAAU,EAAE,CAAC,iBAAiB,IAAI;oBACpC,eAAe,EAAE,IAAI;oBACrB,oBAAoB,EAAE,UAAU,EAAE,CAAC,YAAY;iBAChD,CAAC;aACH,CAAC;YACJ,CAAC,CAAC,EAAE,CAAC;QACT,OAAO,EAAE,CAAC,OAAO,EAAE,OAAO,CAAC,MAAM,CAAC,EAAE;YAClC,MAAM,WAAW,GACf,KAAK,CAAC,eAAe,IAAI,KAAK,CAAC,eAAe,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,QAAQ,KAAK,MAAM,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC;YAC3F,MAAM,GAAG,MAAM,CAAC,OAAO,CAAC;gBACtB,UAAU,EAAE,CAAC,CAAC,WAAW;gBACzB,cAAc,EAAE,gBAAgB,CAAC,MAAM,CAAC,KAAK,CAAC,EAAE,CAAC;gBACjD,eAAe,EAAE,WAAW,EAAE,IAAI;aACnC,CAAC,CAAC;QACL,CAAC,CAAC,CAAC;IACL,CAAC;IAAC,OAAO,GAAG,EAAE,CAAC;QACb,sCAAsC;QACtC,OAAO,CAAC,KAAK,CAAC,iBAAiB,EAAE,GAAG,CAAC,CAAC;IACxC,CAAC;AACH,CAAC,CAAC;AAEF;;;;;;;GAOG;AACH,eAAe,GAAG,EAAE;IAClB,MAAM,2BAA2B,GAAG,eAAe,CAAC,mBAAmB,CAAC,CAAC;IAEzE,OAAO,KAAK,UAAU,OAAO,CAAC,YAAsC;QAClE,MAAM,KAAK,GAAG,YAAY,CAAC,QAAQ,EAAE,CAAC;QACtC,MAAM,2BAA2B,CAC/B,CAAC,YAAY,CAAC,EACd;YACE,KAAK,CAAC,eAAe;YACrB,KAAK,CAAC,gBAAgB;YACtB,KAAK,CAAC,MAAM,EAAE,KAAK;YACnB,KAAK,EAAE,eAAe,EAAE,MAAM;YAC9B,KAAK,CAAC,OAAO;YACb,KAAK,CAAC,aAAa;SACpB,CACF,CAAC;IACJ,CAAC,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import { deepCopy, withMemoization } from '../../../utils/util';\nimport type { BeforeRenderFeatureProps } from '../../featureFactory';\n/* eslint-disable @typescript-eslint/no-unused-vars */\nimport type { State } from '../../../../../types/State.types';\nimport type { ApiContext } from '../../../../../types/ApiContext.types';\n/* eslint-enable @typescript-eslint/no-unused-vars */\n\n/**\n * Calculates the aggregate values for columns by calling {@link ApiContext.fetchAggregatedValues fetchAggregatedValues} api if {@link State.aggregationInfo aggregationInfo} is present.\n * @param param0 - {@link BeforeRenderFeatureProps}\n */\nconst getAggregatedValues = async ([{ getView, getRsProps, getState, getRsStore }]: [\n  featureProps: BeforeRenderFeatureProps\n]) => {\n  const { apiContext } = getRsProps();\n  const state = getState();\n  try {\n    const aggregatedValues =\n      Array.isArray(state.aggregationInfo) && state.aggregationInfo.length > 0\n        ? await apiContext.fetchAggregatedValues!(deepCopy(state), getView().meta, {\n            ...(getRsStore().refreshInProgress && {\n              invalidateCache: true,\n              invalidateCacheToken: getRsStore().refreshToken\n            })\n          })\n        : {};\n    getView().columns?.forEach(column => {\n      const aggregation =\n        state.aggregationInfo && state.aggregationInfo.find(t => t.columnId === column.field.id);\n      column = column.setProp({\n        aggregated: !!aggregation,\n        aggregateValue: aggregatedValues[column.field.id],\n        aggregationType: aggregation?.type\n      });\n    });\n  } catch (err) {\n    // eslint-disable-next-line no-console\n    console.error('API call failed', err);\n  }\n};\n\n/**\n * Calculates the aggregate values for columns when any of the following state properties are changed:\n * - {@link State.aggregationInfo}\n * - {@link State.filterExpression}\n * - `query` in {@link State.search}\n * - `active` in {@link State.personalization}\n * - {@link state.hiddenColumns}\n */\nexport default () => {\n  const memoizedGetAggregatedValues = withMemoization(getAggregatedValues);\n\n  return async function execute(featureProps: BeforeRenderFeatureProps) {\n    const state = featureProps.getState();\n    await memoizedGetAggregatedValues(\n      [featureProps],\n      [\n        state.aggregationInfo,\n        state.filterExpression,\n        state.search?.query,\n        state?.personalization?.active,\n        state.refresh,\n        state.hiddenColumns\n      ]\n    );\n  };\n};\n"]}
+{"version":3,"file":"aggregation.js","sourceRoot":"","sources":["../../../../../../src/core/features/uIFeatures/beforeRender/aggregation.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AAKhE,qDAAqD;AAErD;;;GAGG;AACH,MAAM,mBAAmB,GAAG,KAAK,EAAE,CAAC,EAAE,OAAO,EAAE,UAAU,EAAE,QAAQ,EAAE,UAAU,EAAE,CAEhF,EAAE,EAAE;IACH,MAAM,EAAE,UAAU,EAAE,GAAG,UAAU,EAAE,CAAC;IACpC,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAC;IACzB,IAAI,CAAC;QACH,MAAM,gBAAgB,GACpB,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,eAAe,CAAC,IAAI,KAAK,CAAC,eAAe,CAAC,MAAM,GAAG,CAAC;YACtE,CAAC,CAAC,MAAM,UAAU,CAAC,qBAAsB,CAAC,QAAQ,CAAC,KAAK,CAAC,EAAE,OAAO,EAAE,CAAC,IAAI,EAAE;gBACvE,GAAG,CAAC,UAAU,EAAE,CAAC,iBAAiB,IAAI;oBACpC,eAAe,EAAE,IAAI;oBACrB,oBAAoB,EAAE,UAAU,EAAE,CAAC,YAAY;iBAChD,CAAC;aACH,CAAC;YACJ,CAAC,CAAC,EAAE,CAAC;QACT,OAAO,EAAE,CAAC,OAAO,EAAE,OAAO,CAAC,MAAM,CAAC,EAAE;YAClC,MAAM,WAAW,GACf,KAAK,CAAC,eAAe,IAAI,KAAK,CAAC,eAAe,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,QAAQ,KAAK,MAAM,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC;YAC3F,MAAM,GAAG,MAAM,CAAC,OAAO,CAAC;gBACtB,UAAU,EAAE,CAAC,CAAC,WAAW;gBACzB,cAAc,EAAE,gBAAgB,CAAC,MAAM,CAAC,KAAK,CAAC,EAAE,CAAC;gBACjD,eAAe,EAAE,WAAW,EAAE,IAAI;aACnC,CAAC,CAAC;QACL,CAAC,CAAC,CAAC;IACL,CAAC;IAAC,OAAO,GAAG,EAAE,CAAC;QACb,sCAAsC;QACtC,OAAO,CAAC,KAAK,CAAC,iBAAiB,EAAE,GAAG,CAAC,CAAC;IACxC,CAAC;AACH,CAAC,CAAC;AAEF;;;;;;;GAOG;AACH,eAAe,GAAG,EAAE;IAClB,MAAM,2BAA2B,GAAG,eAAe,CAAC,mBAAmB,CAAC,CAAC;IAEzE,OAAO,KAAK,UAAU,OAAO,CAAC,YAAsC;QAClE,MAAM,KAAK,GAAG,YAAY,CAAC,QAAQ,EAAE,CAAC;QACtC,MAAM,2BAA2B,CAC/B,CAAC,YAAY,CAAC,EACd;YACE,KAAK,CAAC,eAAe;YACrB,KAAK,CAAC,gBAAgB;YACtB,KAAK,CAAC,MAAM,EAAE,KAAK;YACnB,KAAK,EAAE,eAAe,EAAE,MAAM;YAC9B,KAAK,CAAC,OAAO;YACb,KAAK,CAAC,cAAc;SACrB,CACF,CAAC;IACJ,CAAC,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import { deepCopy, withMemoization } from '../../../utils/util';\nimport type { BeforeRenderFeatureProps } from '../../featureFactory';\n/* eslint-disable @typescript-eslint/no-unused-vars */\nimport type { State } from '../../../../../types/State.types';\nimport type { ApiContext } from '../../../../../types/ApiContext.types';\n/* eslint-enable @typescript-eslint/no-unused-vars */\n\n/**\n * Calculates the aggregate values for columns by calling {@link ApiContext.fetchAggregatedValues fetchAggregatedValues} api if {@link State.aggregationInfo aggregationInfo} is present.\n * @param param0 - {@link BeforeRenderFeatureProps}\n */\nconst getAggregatedValues = async ([{ getView, getRsProps, getState, getRsStore }]: [\n  featureProps: BeforeRenderFeatureProps\n]) => {\n  const { apiContext } = getRsProps();\n  const state = getState();\n  try {\n    const aggregatedValues =\n      Array.isArray(state.aggregationInfo) && state.aggregationInfo.length > 0\n        ? await apiContext.fetchAggregatedValues!(deepCopy(state), getView().meta, {\n            ...(getRsStore().refreshInProgress && {\n              invalidateCache: true,\n              invalidateCacheToken: getRsStore().refreshToken\n            })\n          })\n        : {};\n    getView().columns?.forEach(column => {\n      const aggregation =\n        state.aggregationInfo && state.aggregationInfo.find(t => t.columnId === column.field.id);\n      column = column.setProp({\n        aggregated: !!aggregation,\n        aggregateValue: aggregatedValues[column.field.id],\n        aggregationType: aggregation?.type\n      });\n    });\n  } catch (err) {\n    // eslint-disable-next-line no-console\n    console.error('API call failed', err);\n  }\n};\n\n/**\n * Calculates the aggregate values for columns when any of the following state properties are changed:\n * - {@link State.aggregationInfo}\n * - {@link State.filterExpression}\n * - `query` in {@link State.search}\n * - `active` in {@link State.personalization}\n * - {@link state.visibleColumns}\n */\nexport default () => {\n  const memoizedGetAggregatedValues = withMemoization(getAggregatedValues);\n\n  return async function execute(featureProps: BeforeRenderFeatureProps) {\n    const state = featureProps.getState();\n    await memoizedGetAggregatedValues(\n      [featureProps],\n      [\n        state.aggregationInfo,\n        state.filterExpression,\n        state.search?.query,\n        state?.personalization?.active,\n        state.refresh,\n        state.visibleColumns\n      ]\n    );\n  };\n};\n"]}

package/lib/src/core/features/uIFeatures/beforeRender/animation.d.ts

@@ -16,7 +16,7 @@ import type RsInternal from '../../../RsInternal';
  * - {@link State.freezeColumns}
  * - {@link RsStore.skipColumnAnimationOnNextRun}
  * - {@link State.colOrder}
- * - {@link State.hiddenColumns}
+ * - {@link State.visibleColumns}
  * - {@link State.columnWidths}
  * - {@link State.refresh}
  */

package/lib/src/core/features/uIFeatures/beforeRender/animation.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"animation.d.ts","sourceRoot":"","sources":["../../../../../../src/core/features/uIFeatures/beforeRender/animation.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,UAAU,MAAM,qBAAqB,CAAC;AA4DlD;;;;;;;;;;;;;;;;;;;;GAoBG;yBACa,YAAY,UAAU;AAAtC,wBA8CE"}
+{"version":3,"file":"animation.d.ts","sourceRoot":"","sources":["../../../../../../src/core/features/uIFeatures/beforeRender/animation.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,UAAU,MAAM,qBAAqB,CAAC;AA4DlD;;;;;;;;;;;;;;;;;;;;GAoBG;yBACa,YAAY,UAAU;AAAtC,wBA8CE"}

package/lib/src/core/features/uIFeatures/beforeRender/animation.js

@@ -1,3 +1,4 @@
+import { isInstance } from '@pega/cosmos-react-core';
 import { BEFORE_FETCH } from '../../../pubSub/events';
 import { withMemoization } from '../../../utils/util';
 /* eslint-enable @typescript-eslint/no-unused-vars */
@@ -16,7 +17,7 @@ const rowAnimate = ([{ getState, getRsStore, getView }]) => {
         return false;
     const boundingBox = new Map();
     rowContainer.childNodes.forEach(n => {
-        if (n instanceof Element && n.hasAttribute('data-key'))
+        if (isInstance(n, Element) && n.hasAttribute('data-key'))
             boundingBox.set(n.getAttribute('data-key'), n.getBoundingClientRect());
     });
     rsStore.oldBoundingBox = boundingBox;
@@ -33,7 +34,7 @@ const columnAnimate = ([{ getState, getRsStore, getView }]) => {
         getView()
             .getItemElement()
             .childNodes.forEach(cell => {
-            if (cell instanceof Element && cell.hasAttribute('data-col-id')) {
+            if (isInstance(cell, Element) && cell.hasAttribute('data-col-id')) {
                 columnBoundingBox.set(cell.getAttribute('data-col-id'), cell.getBoundingClientRect());
             }
         });
@@ -63,7 +64,7 @@ function skipColumnAnimation([{ getRsStore }]) {
  * - {@link State.freezeColumns}
  * - {@link RsStore.skipColumnAnimationOnNextRun}
  * - {@link State.colOrder}
- * - {@link State.hiddenColumns}
+ * - {@link State.visibleColumns}
  * - {@link State.columnWidths}
  * - {@link State.refresh}
  */
@@ -93,7 +94,7 @@ export default (rsInternal) => {
         memoizedColumnAnimate([featureProps], [
             state.freezeColumns,
             state.colOrder,
-            state.hiddenColumns,
+            state.visibleColumns,
             state.columnWidths,
             state.refresh,
             featureProps.getRsStore().skipColumnAnimationOnNextRun