@pega/lists-core 10.0.0-build.5.2 → 10.0.0-build.5.4

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../src/core/features/uIFeatures/afterRender/columnSizing/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAU1D,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AAyE5D;;;GAGG;AACH,wBAAgB,eAAe,CAAC,CAAC,EAAE,OAAO,EAAE,UAAU,EAAE,QAAQ,EAAE,CAAC,EAAE;IACnE,YAAY,EAAE,UAAU,CAAC,YAAY,EAAE,kBAAkB,GAAG,YAAY,GAAG,gBAAgB,CAAC;CAC7F,QAgCA;AAWD;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;+BAQuB,cAAc,YAAY;AAPpD,wBAsGE"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../src/core/features/uIFeatures/afterRender/columnSizing/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAS1D,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AA8F5D;;;GAGG;AACH,wBAAgB,eAAe,CAAC,CAAC,EAAE,OAAO,EAAE,UAAU,EAAE,QAAQ,EAAE,CAAC,EAAE;IACnE,YAAY,EAAE,UAAU,CAAC,YAAY,EAAE,kBAAkB,GAAG,YAAY,GAAG,gBAAgB,CAAC;CAC7F,QAgCA;AAWD;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;+BAUuB,cAAc,YAAY;AATpD,wBAwGE"}

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

@@ -1,7 +1,7 @@
-import { actionColumnResize, actionColumnsAutoSize, actionColumnAutoSize, actionForceUpdate } from '../../../../actions/actions';
+import { actionColumnResize, actionColumnsAutoSize, actionForceUpdate } from '../../../../actions/actions';
 import { TEMPLATES } from '../../../../constants';
 import { OOTB_COLUMNS, withMemoization } from '../../../../utils/util';
-import { autoSizeOfColumns } from './autoSize';
+import { autoSizeOfColumn, autoSizeOfColumns } from './autoSize';
 /*
  * If columnWidths are undefined, there is no active personalization invloved in the current view
  * So triggering auto column sizing, which depends on column content.
@@ -37,13 +37,28 @@ const checkDomContainerHasDataRows = (domContainer) => {
  * Autosizes the first visual column to account for the expand/collapse button
  * introduced by grouping.
  */
-function autoSizeFirstVisualColumn([featureProps]) {
-    const { getView, dispatch } = featureProps;
+function autoSizeFirstVisualColumnOnGroupChange([featureProps]) {
+    const { getView, getState, dispatch } = featureProps;
     const { columns = [], getDomContainer } = getView();
+    const groupingIsActive = Boolean(getState().groups?.length);
+    if (!groupingIsActive) {
+        return;
+    }
     const firstVisualCol = columns.find(c => c.isFirstVisualColumn);
     const domContainer = getDomContainer();
-    if (firstVisualCol && domContainer) {
-        dispatch(actionColumnAutoSize(firstVisualCol, domContainer, true));
+    if (!firstVisualCol || !domContainer) {
+        return;
+    }
+    const calculatedWidth = autoSizeOfColumn(firstVisualCol, domContainer, true);
+    // If the calculated width is greater than the current width that means the column was not wide enough to accommodate the expand/collapse button(32px)
+    // So we need to dispatch an action to update the column width.
+    const shouldDispatch = calculatedWidth > (firstVisualCol.currentWidth ?? 0);
+    // TODO: On removal of grouping, we should remove the extra width added to the first visual column. This cannot be handled reliably currently.
+    // The correct architecture is to have a dedicated grouped-icon column, that will be shown/hidden based on grouping state, and will not affect the data column width.
+    if (shouldDispatch) {
+        dispatch(actionColumnResize({
+            [firstVisualCol.field.id]: calculatedWidth
+        }));
     }
 }
 /**
@@ -125,7 +140,7 @@ function resetAutosizeStatus([{ getRsStore }]) {
 export default () => {
     const memoizedRunColumnSizing = withMemoization(runColumnSizing);
     const memoizedResetAutosizeStatus = withMemoization(resetAutosizeStatus);
-    const memoizedAutosizeFirstVisualColumn = withMemoization(autoSizeFirstVisualColumn);
+    const memoizedAutosizeFirstVisualColumnOnGroupChange = withMemoization(autoSizeFirstVisualColumnOnGroupChange);
     const memoizedAutosizeOotbActionColumns = withMemoization(autosizeOotbActionColumns);
     let domContainerResizeObserver = null;
     let observedDomContainer = null;
@@ -178,7 +193,7 @@ export default () => {
                                 currentState.visibleColumns,
                                 currentState.forceUpdateFeatures?.forceCalculateAutoWidth
                             ]);
-                            memoizedAutosizeFirstVisualColumn([featureProps], [currentState.groups, currentState.responsive?.sm, currentState.colOrder?.[0]]);
+                            memoizedAutosizeFirstVisualColumnOnGroupChange([featureProps], [currentState.groups, currentState.responsive?.sm, currentState.colOrder?.[0]]);
                             memoizedAutosizeOotbActionColumns([featureProps], [currentState.selectedHeightOption]);
                             domContainerResizeObserver?.unobserve(entry.target);
                             domContainerResizeObserver = null;
@@ -200,7 +215,7 @@ export default () => {
             state.visibleColumns,
             state.forceUpdateFeatures?.forceCalculateAutoWidth
         ]);
-        memoizedAutosizeFirstVisualColumn([featureProps], [state.groups, state.responsive?.sm, state.colOrder?.[0]]);
+        memoizedAutosizeFirstVisualColumnOnGroupChange([featureProps], [state.groups, state.responsive?.sm, state.colOrder?.[0]]);
         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 } 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.visibleColumns}\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.visibleColumns}\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.visibleColumns, 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, currentState.colOrder?.[0]]\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(\n      [featureProps],\n      [state.groups, state.responsive?.sm, state.colOrder?.[0]]\n    );\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  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 { autoSizeOfColumn, 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 autoSizeFirstVisualColumnOnGroupChange([featureProps]: [featureProps: FeatureProps]) {\n  const { getView, getState, dispatch } = featureProps;\n  const { columns = [], getDomContainer } = getView();\n  const groupingIsActive = Boolean(getState().groups?.length);\n\n  if (!groupingIsActive) {\n    return;\n  }\n\n  const firstVisualCol = columns.find(c => c.isFirstVisualColumn);\n  const domContainer = getDomContainer();\n  if (!firstVisualCol || !domContainer) {\n    return;\n  }\n\n  const calculatedWidth = autoSizeOfColumn(firstVisualCol, domContainer, true);\n  // If the calculated width is greater than the current width that means the column was not wide enough to accommodate the expand/collapse button(32px)\n  // So we need to dispatch an action to update the column width.\n  const shouldDispatch = calculatedWidth > (firstVisualCol.currentWidth ?? 0);\n\n  // TODO: On removal of grouping, we should remove the extra width added to the first visual column. This cannot be handled reliably currently.\n  // The correct architecture is to have a dedicated grouped-icon column, that will be shown/hidden based on grouping state, and will not affect the data column width.\n  if (shouldDispatch) {\n    dispatch(\n      actionColumnResize({\n        [firstVisualCol.field.id]: calculatedWidth\n      })\n    );\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.visibleColumns}\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.visibleColumns}\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 memoizedAutosizeFirstVisualColumnOnGroupChange = withMemoization(\n    autoSizeFirstVisualColumnOnGroupChange\n  );\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.visibleColumns, 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              memoizedAutosizeFirstVisualColumnOnGroupChange(\n                [featureProps],\n                [currentState.groups, currentState.responsive?.sm, currentState.colOrder?.[0]]\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    memoizedAutosizeFirstVisualColumnOnGroupChange(\n      [featureProps],\n      [state.groups, state.responsive?.sm, state.colOrder?.[0]]\n    );\n    memoizedAutosizeOotbActionColumns([featureProps], [state.selectedHeightOption]);\n  };\n};\n"]}

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/core/features/uIFeatures/index.ts"],"names":[],"mappings":"AAsCA,OAAO,WAAW,MAAM,4BAA4B,CAAC;;;4EAFnD,kEAAsC;6BApBnC,kEAAsC;6BAuE41G,kEAAsC;uBARv6G,kEAEM;;0BA3DwC,kEAChB;;uBAYF,kEACR;6BAmDwrC,kEAAsC;;4BAzDpsC,kEACpC;8BAwD4wM,kEAAsC;kCAzB9zM,kEAEH;6BAvCgC,kEAChB;2BAGgB,kEAC5B;2EAyD0wE,kEAAsC;yCA9CtyE,kEAEG;+BA4Cq3L,kEAAsC;4BAnD34L,kEACd;kCAkD00U,kEAAsC;;6EAA1xM,kEAAsC;gCA7D9mI,kEACpB;kCAR2C,kEAC1C;4BAmEmF,kEAAsC;kCAlEjH,kEAAsC;sCAQ/B,kEAC7B;+BADwD,kEAC5B;0EAyDg1P,kEAAsC;wEAA78I,kEAAsC;4BAA13F,kEAAsC;6BA5E1lB,kEAC5B;sEAwBU,kEACd;2BAkDsF,kEAAsC;4BA7DnI,kEACpB;;uCA4D86B,kEAAsC;;;0BAAqtD,sDAA0B;iCAAmjB,sDAA0B;yCA3D1uG,sDAC5B;;;AAYb,wBA6CE"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/core/features/uIFeatures/index.ts"],"names":[],"mappings":"AAsCA,OAAO,WAAW,MAAM,4BAA4B,CAAC;;;4EAFnD,kEAAsC;6BApBnC,kEAAsC;6BAuE41G,kEAAsC;uBARv6G,kEAEM;;0BA3DwC,kEAChB;;uBAYF,kEACR;6BAmDwrC,kEAAsC;;4BAzDpsC,kEACpC;8BAwD4wM,kEAAsC;kCAzB9zM,kEAEH;6BAvCgC,kEAChB;2BAGgB,kEAC5B;2EAyD0wE,kEAAsC;yCA9CtyE,kEAEG;+BA4Cq3L,kEAAsC;4BAnD34L,kEACd;kCAkD00U,kEAAsC;;6EAA1xM,kEAAsC;gCA7D9mI,kEACpB;kCAR2C,kEAC1C;4BAmEmF,kEAAsC;kCAlEjH,kEAAsC;sCAQ/B,kEAC7B;+BADwD,kEAC5B;0EAyDg1P,kEAAsC;wEAA78I,kEAAsC;4BAA13F,kEAAsC;6BA5E1lB,kEAC5B;sEAwBU,kEACd;2BAkDsF,kEAAsC;4BA7DnI,kEACpB;;uCA4D86B,kEAAsC;;;0BAAqtD,sDAA0B;iCAAq9C,sDAA0B;yCA3D5oI,sDAC5B;;;AAYb,wBA6CE"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pega/lists-core",
-  "version": "10.0.0-build.5.2",
+  "version": "10.0.0-build.5.4",
   "description": "Core headless UI library that the users can use to write their own UI and create repeating structures like table, gallery, timeline etc.",
   "license": "SEE LICENSE IN LICENSE",
   "author": "Pegasystems",
@@ -14,8 +14,8 @@
     "build": "tsc -b tsconfig.build.json"
   },
   "dependencies": {
-    "@pega/cosmos-react-condition-builder": "10.0.0-build.5.2",
-    "@pega/cosmos-react-core": "10.0.0-build.5.2",
+    "@pega/cosmos-react-condition-builder": "10.0.0-build.5.4",
+    "@pega/cosmos-react-core": "10.0.0-build.5.4",
     "@types/lodash-es": "^4.17.12",
     "dayjs": "^1.11.13",
     "fast-deep-equal": "^3.1.3",