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

package/lib/src/core/features/uIFeatures/beforeRender/columnSizing/resize.d.ts

@@ -1,13 +1,11 @@
 import type { State } from '../../../../../../types/State.types';
-import type Column from '../../../../generators/ColumnGenerator';
 import type View from '../../../../generators/ViewGenerator';
 import type { BeforeRenderFeatureProps } from '../../../featureFactory';
 export declare const COLUMN_RESIZING_CLASS = "column-resizing";
 export declare function setColumnStyle(domContainer: View['domContainer'], style: string, columnId: number, value: number): void;
-export declare const resizedColumnWidth: (column: Column, distanceDragged: number) => number;
 export declare const getNextFrozenColumns: (columnId: string, freezeColumns?: State["freezeColumns"]) => string[];
-export declare const columnResizerProps: ([{ getState, getView, dispatch }]: [featureProps: BeforeRenderFeatureProps]) => {
-    onMouseDown: (e: MouseEvent) => boolean;
+export declare const columnResizerProps: ([{ getState, getView, dispatch, browserContext }]: [BeforeRenderFeatureProps]) => {
+    onMouseDown: (e: MouseEvent) => void;
 };
 declare const _default: () => (featureProps: BeforeRenderFeatureProps) => void;
 export default _default;

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

@@ -1 +1 @@
-{"version":3,"file":"resize.d.ts","sourceRoot":"","sources":["../../../../../../../src/core/features/uIFeatures/beforeRender/columnSizing/resize.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,qCAAqC,CAAC;AAEjE,OAAO,KAAK,MAAM,MAAM,wCAAwC,CAAC;AACjE,OAAO,KAAK,IAAI,MAAM,sCAAsC,CAAC;AAE7D,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,yBAAyB,CAAC;AAGxE,eAAO,MAAM,qBAAqB,oBAAoB,CAAC;AAEvD,wBAAgB,cAAc,CAC5B,YAAY,EAAE,IAAI,CAAC,cAAc,CAAC,EAClC,KAAK,EAAE,MAAM,EACb,QAAQ,EAAE,MAAM,EAChB,KAAK,EAAE,MAAM,QAKd;AAED,eAAO,MAAM,kBAAkB,GAAI,QAAQ,MAAM,EAAE,iBAAiB,MAAM,WAOzE,CAAC;AAEF,eAAO,MAAM,oBAAoB,GAC/B,UAAU,MAAM,EAChB,gBAAe,KAAK,CAAC,eAAe,CAAM,aAU3C,CAAC;AAEF,eAAO,MAAM,kBAAkB,GAAI,mCAAmC,CACpE,YAAY,EAAE,wBAAwB,CACvC;qBAiEyB,UAAU;CA+BnC,CAAC;+BAKwB,cAAc,wBAAwB;AAHhE,wBAWE"}
+{"version":3,"file":"resize.d.ts","sourceRoot":"","sources":["../../../../../../../src/core/features/uIFeatures/beforeRender/columnSizing/resize.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,qCAAqC,CAAC;AAGjE,OAAO,KAAK,IAAI,MAAM,sCAAsC,CAAC;AAE7D,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,yBAAyB,CAAC;AAGxE,eAAO,MAAM,qBAAqB,oBAAoB,CAAC;AAEvD,wBAAgB,cAAc,CAC5B,YAAY,EAAE,IAAI,CAAC,cAAc,CAAC,EAClC,KAAK,EAAE,MAAM,EACb,QAAQ,EAAE,MAAM,EAChB,KAAK,EAAE,MAAM,QAGd;AAqBD,eAAO,MAAM,oBAAoB,GAC/B,UAAU,MAAM,EAChB,gBAAe,KAAK,CAAC,eAAe,CAAM,aAU3C,CAAC;AAEF,eAAO,MAAM,kBAAkB,GAAI,mDAAmD,CACpF,wBAAwB,CACzB;qBAoFyB,UAAU;CAqCnC,CAAC;+BAKwB,cAAc,wBAAwB;AAHhE,wBAWE"}

package/lib/src/core/features/uIFeatures/beforeRender/columnSizing/resize.js

@@ -1,17 +1,20 @@
+import { isInstance } from '@pega/cosmos-react-core';
 import { actionColumnResize, actionColumnAutoSize } from '../../../../actions/actions';
 import { withMemoization } from '../../../../utils/util';
 import { calculateFieldLeft } from '../freeze';
 export const COLUMN_RESIZING_CLASS = 'column-resizing';
 export function setColumnStyle(domContainer, style, columnId, value) {
-    if (domContainer && domContainer.style) {
-        domContainer.style.setProperty(`--col-${style}-${columnId}`, `${value}px`);
-    }
+    domContainer?.style?.setProperty(`--col-${style}-${columnId}`, `${value}px`);
 }
-export const resizedColumnWidth = (column, distanceDragged) => {
-    const existingWidth = column.currentWidth || column.field.width || column.field.minWidth;
-    let width = existingWidth + distanceDragged;
-    if (width < column.field.minWidth) {
-        width = column.field.minWidth;
+const getResizedColumnWidth = (column, distanceDragged, currentCell) => {
+    const renderedWidth = currentCell?.offsetWidth;
+    // Use measured width when available; otherwise use configured/stored width.
+    const measuredWidth = renderedWidth && renderedWidth > 0 ? renderedWidth : undefined;
+    const currentWidth = measuredWidth ?? column.currentWidth ?? column.field.width ?? column.field.minWidth ?? 0;
+    let width = currentWidth + distanceDragged;
+    // TODO: confirm with designers if we want to limit the column sizing within the maxWidth(if defined on fieldDef). Currently only minWidth is getting honored.
+    if (width < (column.field.minWidth ?? 0)) {
+        width = column.field.minWidth ?? 0;
     }
     return width;
 };
@@ -25,17 +28,21 @@ export const getNextFrozenColumns = (columnId, freezeColumns = []) => {
     }
     return nextFrozenColumns;
 };
-export const columnResizerProps = ([{ getState, getView, dispatch }]) => {
+export const columnResizerProps = ([{ getState, getView, dispatch, browserContext }]) => {
     const { freezeColumns, hiddenColumns, columnWidths = {} } = getState();
-    let column = {};
+    let column;
     let startPosition = 0;
     let resized = false;
     let updatedWidth = 0;
     let currentCell = null;
-    let nextFrozenColumns = []; // Contains next frozen columns with left positions to apply left on resize
+    let currentCellOccupiedWidthBeforeResize = 0;
+    let nextFrozenColumns = [];
+    const resizeDocument = browserContext.document;
     const updateWidth = (distance) => {
-        updatedWidth = resizedColumnWidth({ ...column, currentWidth: column.currentWidth }, distance);
-        column = column.setProp('currentWidth', updatedWidth); // Updating current width
+        if (!column)
+            return;
+        updatedWidth = getResizedColumnWidth({ ...column, currentWidth: column.currentWidth }, distance, currentCell);
+        column = column.setProp('currentWidth', updatedWidth);
         setColumnStyle(getView().getDomContainer(), 'width', column.field.idHash, updatedWidth);
     };
     /**
@@ -43,76 +50,90 @@ export const columnResizerProps = ([{ getState, getView, dispatch }]) => {
      */
     const updateLefts = () => {
         nextFrozenColumns.forEach(colId => {
-            const left = calculateFieldLeft(colId, getView().columns, freezeColumns, hiddenColumns, { ...columnWidths, [column.field.id]: updatedWidth } // injecting the resized width to current column
+            const left = calculateFieldLeft(colId, getView().columns, freezeColumns, hiddenColumns, column ? { ...columnWidths, [column.field.id]: updatedWidth } : columnWidths // injecting the resized width to current column
             );
             const nextFrozenColumn = getView().columns?.find(c => `${c.field.id}` === colId);
             setColumnStyle(getView().getDomContainer(), 'left', nextFrozenColumn.field.idHash, left);
         });
     };
     const resizeHandler = (e) => {
+        if (!currentCell || !column)
+            return;
         e.preventDefault();
         const distance = e.clientX - startPosition;
+        const parentContainer = getView().getVirtualizeElement('rootVirtualiser')?.getParentContainer();
+        const clientWidth = parentContainer?.clientWidth ?? 0;
+        const scrollWidth = parentContainer?.scrollWidth ?? 0;
+        // Prevent reducing size for fillAvailableSpace column if the size reduction will introduce empty space in the table.
+        const preventSizeReductionForFillAvailableSpaceColumn = column.field.fillAvailableSpace &&
+            distance <= 0 &&
+            currentCellOccupiedWidthBeforeResize <= (currentCell.offsetWidth ?? 0) &&
+            clientWidth === scrollWidth;
+        if (preventSizeReductionForFillAvailableSpaceColumn) {
+            return;
+        }
         if (distance !== 0) {
-            column =
-                getView().columns?.find(c => `${c.field.id}` === currentCell?.dataset.colId) ??
-                    {};
             updateWidth(distance);
             updateLefts();
             resized = true;
         }
         startPosition = e.clientX;
-        return false;
     };
     const resizeEndHandler = (e) => {
         e.preventDefault();
-        const domContainer = getView().getDomContainer();
-        domContainer.removeEventListener('mousemove', resizeHandler);
-        domContainer.removeEventListener('mouseup', resizeEndHandler);
-        domContainer.removeEventListener('mouseleave', resizeEndHandler);
+        if (!currentCell || !column)
+            return;
+        resizeDocument.removeEventListener('mousemove', resizeHandler);
+        resizeDocument.removeEventListener('mouseup', resizeEndHandler);
         if (resized) {
             dispatch(actionColumnResize({ [column.field.id]: updatedWidth }));
             resized = false;
         }
         currentCell.style.pointerEvents = 'auto';
         currentCell.classList.toggle(COLUMN_RESIZING_CLASS);
-        domContainer.classList.toggle(COLUMN_RESIZING_CLASS);
-        return false;
+        getView().getDomContainer()?.classList.toggle(COLUMN_RESIZING_CLASS);
+        // Reset the temporary body cursor override when resize interaction ends.
+        resizeDocument.body?.style.setProperty('cursor', '');
     };
     const onMouseDown = (e) => {
+        if (!isInstance(e.target, HTMLElement))
+            return;
         e.preventDefault();
         e.stopPropagation();
-        startPosition = e.clientX;
         const domContainer = getView().getDomContainer();
-        domContainer.addEventListener('mousemove', resizeHandler);
-        domContainer.addEventListener('mouseup', resizeEndHandler);
-        domContainer.addEventListener('mouseleave', resizeEndHandler);
+        if (!domContainer)
+            return;
+        resizeDocument.addEventListener('mousemove', resizeHandler);
+        resizeDocument.addEventListener('mouseup', resizeEndHandler);
         currentCell = e.target.closest('.cell');
+        if (!currentCell)
+            return;
         currentCell.style.pointerEvents = 'none';
-        if (e.detail >= 2) {
-            // It is a double click so ask for a resize on column
-            const col = getView().columns?.find(c => `${c.field.id}` === currentCell.dataset.colId);
-            if (col?.field?.resize) {
-                dispatch(actionColumnAutoSize(col, getView().getDomContainer(), true));
-            }
+        column = getView().columns?.find(c => `${c.field.id}` === currentCell?.dataset.colId);
+        if (!column)
+            return;
+        startPosition = e.clientX;
+        currentCellOccupiedWidthBeforeResize = currentCell.offsetWidth ?? 0;
+        if (e.detail >= 2 && column.field.resize) {
+            dispatch(actionColumnAutoSize(column, domContainer, true));
         }
         currentCell.classList.toggle(COLUMN_RESIZING_CLASS);
         domContainer.classList.toggle(COLUMN_RESIZING_CLASS);
+        // Keep resize cursor visible even when pointer moves outside the handle.
+        resizeDocument.body?.style.setProperty('cursor', 'col-resize');
         // TODO: getState().freezeColumns should
         // give latest state after the action triggered from current feature only on above lines. Check this.
         nextFrozenColumns = getNextFrozenColumns(currentCell.dataset.colId, getState().freezeColumns);
-        return false;
-    };
-    return {
-        onMouseDown
     };
+    return { onMouseDown };
 };
 export default () => {
     const memoizedColumnResize = withMemoization(columnResizerProps);
     return function execute(featureProps) {
-        const { freezeColumns, hiddenColumns, columnWidths } = featureProps.getState();
+        const { freezeColumns, visibleColumns, columnWidths } = featureProps.getState();
         featureProps
             .getRsStore()
-            .setColumnResizerProps(memoizedColumnResize([featureProps], [freezeColumns, hiddenColumns, columnWidths]));
+            .setColumnResizerProps(memoizedColumnResize([featureProps], [freezeColumns, visibleColumns, columnWidths]));
     };
 };
 //# sourceMappingURL=resize.js.map

package/lib/src/core/features/uIFeatures/beforeRender/columnSizing/resize.js.map

@@ -1 +1 @@
-{"version":3,"file":"resize.js","sourceRoot":"","sources":["../../../../../../../src/core/features/uIFeatures/beforeRender/columnSizing/resize.ts"],"names":[],"mappings":"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","sourcesContent":["import type { State } from '../../../../../../types/State.types';\nimport { actionColumnResize, actionColumnAutoSize } from '../../../../actions/actions';\nimport type Column from '../../../../generators/ColumnGenerator';\nimport type View from '../../../../generators/ViewGenerator';\nimport { withMemoization } from '../../../../utils/util';\nimport type { BeforeRenderFeatureProps } from '../../../featureFactory';\nimport { calculateFieldLeft } from '../freeze';\n\nexport const COLUMN_RESIZING_CLASS = 'column-resizing';\n\nexport function setColumnStyle(\n  domContainer: View['domContainer'],\n  style: string,\n  columnId: number,\n  value: number\n) {\n  if (domContainer && domContainer.style) {\n    domContainer.style.setProperty(`--col-${style}-${columnId}`, `${value}px`);\n  }\n}\n\nexport const resizedColumnWidth = (column: Column, distanceDragged: number) => {\n  const existingWidth = column.currentWidth || column.field.width || column.field.minWidth;\n  let width = existingWidth! + distanceDragged;\n  if (width < column.field.minWidth!) {\n    width = column.field.minWidth!;\n  }\n  return width;\n};\n\nexport const getNextFrozenColumns = (\n  columnId: string,\n  freezeColumns: State['freezeColumns'] = []\n) => {\n  const nextFrozenColumns = [];\n  const freezeColIndex = freezeColumns.indexOf(columnId); // If current column freezed\n  if (freezeColIndex > -1) {\n    for (let i = freezeColIndex + 1; i < freezeColumns.length; i += 1) {\n      nextFrozenColumns.push(freezeColumns[i]);\n    }\n  }\n  return nextFrozenColumns;\n};\n\nexport const columnResizerProps = ([{ getState, getView, dispatch }]: [\n  featureProps: BeforeRenderFeatureProps\n]) => {\n  const { freezeColumns, hiddenColumns, columnWidths = {} } = getState();\n  let column: Column = {} as Column;\n  let startPosition = 0;\n  let resized = false;\n  let updatedWidth = 0;\n  let currentCell: HTMLElement | null = null;\n  let nextFrozenColumns: string[] = []; // Contains next frozen columns with left positions to apply left on resize\n  const updateWidth = (distance: number) => {\n    updatedWidth = resizedColumnWidth(\n      { ...column, currentWidth: column.currentWidth } as Column,\n      distance\n    );\n    column = column.setProp('currentWidth', updatedWidth); // Updating current width\n    setColumnStyle(getView().getDomContainer(), 'width', column.field.idHash!, updatedWidth);\n  };\n\n  /**\n   * Update left positions to frozen columns or right of this column.\n   */\n  const updateLefts = () => {\n    nextFrozenColumns.forEach(colId => {\n      const left = calculateFieldLeft(\n        colId,\n        getView().columns,\n        freezeColumns,\n        hiddenColumns,\n        { ...columnWidths, [column.field.id]: updatedWidth } // injecting the resized width to current column\n      );\n      const nextFrozenColumn = getView().columns?.find(c => `${c.field.id}` === colId);\n      setColumnStyle(getView().getDomContainer(), 'left', nextFrozenColumn!.field.idHash!, left);\n    });\n  };\n\n  const resizeHandler = (e: MouseEvent) => {\n    e.preventDefault();\n    const distance = e.clientX - startPosition;\n    if (distance !== 0) {\n      column =\n        getView().columns?.find(c => `${c.field.id}` === currentCell?.dataset.colId) ??\n        ({} as Column);\n      updateWidth(distance);\n      updateLefts();\n      resized = true;\n    }\n    startPosition = e.clientX;\n    return false;\n  };\n\n  const resizeEndHandler = (e: MouseEvent) => {\n    e.preventDefault();\n    const domContainer = getView().getDomContainer()!;\n    domContainer.removeEventListener('mousemove', resizeHandler);\n    domContainer.removeEventListener('mouseup', resizeEndHandler);\n    domContainer.removeEventListener('mouseleave', resizeEndHandler);\n    if (resized) {\n      dispatch(actionColumnResize({ [column.field.id]: updatedWidth }));\n      resized = false;\n    }\n    currentCell!.style.pointerEvents = 'auto';\n    currentCell!.classList.toggle(COLUMN_RESIZING_CLASS);\n    domContainer.classList.toggle(COLUMN_RESIZING_CLASS);\n    return false;\n  };\n\n  const onMouseDown = (e: MouseEvent) => {\n    e.preventDefault();\n    e.stopPropagation();\n    startPosition = e.clientX;\n    const domContainer = getView().getDomContainer()!;\n    domContainer.addEventListener('mousemove', resizeHandler);\n    domContainer.addEventListener('mouseup', resizeEndHandler);\n    domContainer.addEventListener('mouseleave', resizeEndHandler);\n    currentCell = (e.target as HTMLElement).closest('.cell')!;\n    currentCell.style.pointerEvents = 'none';\n\n    if (e.detail >= 2) {\n      // It is a double click so ask for a resize on column\n      const col = getView().columns?.find(c => `${c.field.id}` === currentCell!.dataset.colId);\n      if (col?.field?.resize) {\n        dispatch(actionColumnAutoSize(col, getView().getDomContainer()!, true));\n      }\n    }\n\n    currentCell.classList.toggle(COLUMN_RESIZING_CLASS);\n    domContainer.classList.toggle(COLUMN_RESIZING_CLASS);\n    // TODO: getState().freezeColumns should\n    // give latest state after the action triggered from current feature only on above lines. Check this.\n    nextFrozenColumns = getNextFrozenColumns(currentCell.dataset.colId!, getState().freezeColumns);\n\n    return false;\n  };\n\n  return {\n    onMouseDown\n  };\n};\n\nexport default () => {\n  const memoizedColumnResize = withMemoization(columnResizerProps);\n\n  return function execute(featureProps: BeforeRenderFeatureProps) {\n    const { freezeColumns, hiddenColumns, columnWidths } = featureProps.getState();\n    featureProps\n      .getRsStore()\n      .setColumnResizerProps(\n        memoizedColumnResize([featureProps], [freezeColumns, hiddenColumns, columnWidths])\n      );\n  };\n};\n"]}
+{"version":3,"file":"resize.js","sourceRoot":"","sources":["../../../../../../../src/core/features/uIFeatures/beforeRender/columnSizing/resize.ts"],"names":[],"mappings":"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","sourcesContent":["import { isInstance } from '@pega/cosmos-react-core';\n\nimport type { State } from '../../../../../../types/State.types';\nimport { actionColumnResize, actionColumnAutoSize } from '../../../../actions/actions';\nimport type Column from '../../../../generators/ColumnGenerator';\nimport type View from '../../../../generators/ViewGenerator';\nimport { withMemoization } from '../../../../utils/util';\nimport type { BeforeRenderFeatureProps } from '../../../featureFactory';\nimport { calculateFieldLeft } from '../freeze';\n\nexport const COLUMN_RESIZING_CLASS = 'column-resizing';\n\nexport function setColumnStyle(\n  domContainer: View['domContainer'],\n  style: string,\n  columnId: number,\n  value: number\n) {\n  domContainer?.style?.setProperty(`--col-${style}-${columnId}`, `${value}px`);\n}\n\nconst getResizedColumnWidth = (\n  column: Column,\n  distanceDragged: number,\n  currentCell: HTMLElement | null\n): number => {\n  const renderedWidth = currentCell?.offsetWidth;\n  // Use measured width when available; otherwise use configured/stored width.\n  const measuredWidth = renderedWidth && renderedWidth > 0 ? renderedWidth : undefined;\n  const currentWidth =\n    measuredWidth ?? column.currentWidth ?? column.field.width ?? column.field.minWidth ?? 0;\n\n  let width = currentWidth + distanceDragged;\n  // TODO: confirm with designers if we want to limit the column sizing within the maxWidth(if defined on fieldDef). Currently only minWidth is getting honored.\n  if (width < (column.field.minWidth ?? 0)) {\n    width = column.field.minWidth ?? 0;\n  }\n  return width;\n};\n\nexport const getNextFrozenColumns = (\n  columnId: string,\n  freezeColumns: State['freezeColumns'] = []\n) => {\n  const nextFrozenColumns = [];\n  const freezeColIndex = freezeColumns.indexOf(columnId); // If current column freezed\n  if (freezeColIndex > -1) {\n    for (let i = freezeColIndex + 1; i < freezeColumns.length; i += 1) {\n      nextFrozenColumns.push(freezeColumns[i]);\n    }\n  }\n  return nextFrozenColumns;\n};\n\nexport const columnResizerProps = ([{ getState, getView, dispatch, browserContext }]: [\n  BeforeRenderFeatureProps\n]) => {\n  const { freezeColumns, hiddenColumns, columnWidths = {} } = getState();\n  let column: Column | undefined;\n  let startPosition = 0;\n  let resized = false;\n  let updatedWidth = 0;\n  let currentCell: HTMLElement | null = null;\n  let currentCellOccupiedWidthBeforeResize = 0;\n  let nextFrozenColumns: string[] = [];\n  const resizeDocument: Document = browserContext.document;\n\n  const updateWidth = (distance: number) => {\n    if (!column) return;\n    updatedWidth = getResizedColumnWidth(\n      { ...column, currentWidth: column.currentWidth } as Column,\n      distance,\n      currentCell\n    );\n    column = column.setProp('currentWidth', updatedWidth);\n    setColumnStyle(getView().getDomContainer(), 'width', column.field.idHash!, updatedWidth);\n  };\n\n  /**\n   * Update left positions to frozen columns or right of this column.\n   */\n  const updateLefts = () => {\n    nextFrozenColumns.forEach(colId => {\n      const left = calculateFieldLeft(\n        colId,\n        getView().columns,\n        freezeColumns,\n        hiddenColumns,\n        column ? { ...columnWidths, [column.field.id]: updatedWidth } : columnWidths // injecting the resized width to current column\n      );\n      const nextFrozenColumn = getView().columns?.find(c => `${c.field.id}` === colId);\n      setColumnStyle(getView().getDomContainer(), 'left', nextFrozenColumn!.field.idHash!, left);\n    });\n  };\n\n  const resizeHandler = (e: MouseEvent) => {\n    if (!currentCell || !column) return;\n    e.preventDefault();\n\n    const distance = e.clientX - startPosition;\n    const parentContainer = getView().getVirtualizeElement('rootVirtualiser')?.getParentContainer();\n    const clientWidth = parentContainer?.clientWidth ?? 0;\n    const scrollWidth = parentContainer?.scrollWidth ?? 0;\n\n    // Prevent reducing size for fillAvailableSpace column if the size reduction will introduce empty space in the table.\n    const preventSizeReductionForFillAvailableSpaceColumn =\n      column.field.fillAvailableSpace &&\n      distance <= 0 &&\n      currentCellOccupiedWidthBeforeResize <= (currentCell.offsetWidth ?? 0) &&\n      clientWidth === scrollWidth;\n\n    if (preventSizeReductionForFillAvailableSpaceColumn) {\n      return;\n    }\n\n    if (distance !== 0) {\n      updateWidth(distance);\n      updateLefts();\n      resized = true;\n    }\n    startPosition = e.clientX;\n  };\n\n  const resizeEndHandler = (e: MouseEvent) => {\n    e.preventDefault();\n    if (!currentCell || !column) return;\n\n    resizeDocument.removeEventListener('mousemove', resizeHandler);\n    resizeDocument.removeEventListener('mouseup', resizeEndHandler);\n    if (resized) {\n      dispatch(actionColumnResize({ [column.field.id]: updatedWidth }));\n      resized = false;\n    }\n    currentCell.style.pointerEvents = 'auto';\n    currentCell.classList.toggle(COLUMN_RESIZING_CLASS);\n    getView().getDomContainer()?.classList.toggle(COLUMN_RESIZING_CLASS);\n    // Reset the temporary body cursor override when resize interaction ends.\n    resizeDocument.body?.style.setProperty('cursor', '');\n  };\n\n  const onMouseDown = (e: MouseEvent) => {\n    if (!isInstance(e.target, HTMLElement)) return;\n\n    e.preventDefault();\n    e.stopPropagation();\n\n    const domContainer = getView().getDomContainer();\n    if (!domContainer) return;\n\n    resizeDocument.addEventListener('mousemove', resizeHandler);\n    resizeDocument.addEventListener('mouseup', resizeEndHandler);\n\n    currentCell = e.target.closest('.cell');\n    if (!currentCell) return;\n    currentCell.style.pointerEvents = 'none';\n\n    column = getView().columns?.find(c => `${c.field.id}` === currentCell?.dataset.colId);\n\n    if (!column) return;\n\n    startPosition = e.clientX;\n    currentCellOccupiedWidthBeforeResize = currentCell.offsetWidth ?? 0;\n\n    if (e.detail >= 2 && column.field.resize) {\n      dispatch(actionColumnAutoSize(column, domContainer, true));\n    }\n\n    currentCell.classList.toggle(COLUMN_RESIZING_CLASS);\n    domContainer.classList.toggle(COLUMN_RESIZING_CLASS);\n    // Keep resize cursor visible even when pointer moves outside the handle.\n    resizeDocument.body?.style.setProperty('cursor', 'col-resize');\n    // TODO: getState().freezeColumns should\n    // give latest state after the action triggered from current feature only on above lines. Check this.\n    nextFrozenColumns = getNextFrozenColumns(currentCell.dataset.colId!, getState().freezeColumns);\n  };\n\n  return { onMouseDown };\n};\n\nexport default () => {\n  const memoizedColumnResize = withMemoization(columnResizerProps);\n\n  return function execute(featureProps: BeforeRenderFeatureProps) {\n    const { freezeColumns, visibleColumns, columnWidths } = featureProps.getState();\n    featureProps\n      .getRsStore()\n      .setColumnResizerProps(\n        memoizedColumnResize([featureProps], [freezeColumns, visibleColumns, columnWidths])\n      );\n  };\n};\n"]}

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

@@ -1 +1 @@
-{"version":3,"file":"columnSort.d.ts","sourceRoot":"","sources":["../../../../../../src/core/features/uIFeatures/beforeRender/columnSort.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,sBAAsB,CAAC;AA2BrE;;;;;GAKG;+BAIuB,cAAc,wBAAwB;AAHhE,wBAQE"}
+{"version":3,"file":"columnSort.d.ts","sourceRoot":"","sources":["../../../../../../src/core/features/uIFeatures/beforeRender/columnSort.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,sBAAsB,CAAC;AA2BrE;;;;;GAKG;+BAIuB,cAAc,wBAAwB;AAHhE,wBAWE"}

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

@@ -30,7 +30,7 @@ export default () => {
     const memoizedUpdateGroupSort = withMemoization(updateGroupSort);
     return function execute(featureProps) {
         const state = featureProps.getState();
-        memoizedUpdateSort([featureProps], [state.sortingOrder, state?.personalization?.active]);
+        memoizedUpdateSort([featureProps], [state.sortingOrder, state?.personalization?.active, state.visibleColumns]);
         memoizedUpdateGroupSort([featureProps], [state.sortingOrder]);
     };
 };

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

@@ -1 +1 @@
-{"version":3,"file":"columnSort.js","sourceRoot":"","sources":["../../../../../../src/core/features/uIFeatures/beforeRender/columnSort.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AAKtD,OAAO,EAAE,wBAAwB,EAAE,MAAM,0BAA0B,CAAC;AACpE,qDAAqD;AAErD,MAAM,UAAU,GAAG,CAAC,CAAC,EAAE,OAAO,EAAE,QAAQ,EAAE,CAA2C,EAAE,EAAE;IACvF,MAAM,EAAE,YAAY,GAAG,EAAE,EAAE,GAAG,QAAQ,EAAE,CAAC;IACzC,OAAO,EAAE,CAAC,OAAO,EAAE,OAAO,CAAC,MAAM,CAAC,EAAE;QAClC,MAAM,IAAI,GAAG,YAAY,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,QAAQ,CAAC,QAAQ,EAAE,KAAK,GAAG,MAAM,CAAC,KAAK,CAAC,EAAE,EAAE,CAAC,CAAC;QACpF,MAAM,GAAG,MAAM,CAAC,OAAO,CAAC;YACtB,MAAM,EAAE,CAAC,CAAC,IAAI;YACd,YAAY,EAAE,IAAI,EAAE,QAAQ;YAC5B,SAAS,EAAE,IAAI,EAAE,KAAK;SACvB,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;AACL,CAAC,CAAC;AAEF,MAAM,eAAe,GAAG,CAAC,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,CAA2C,EAAE,EAAE;IAC7F,MAAM,EAAE,MAAM,GAAG,EAAE,EAAE,GAAG,QAAQ,EAAE,CAAC;IACnC,qHAAqH;IACrH,IAAI,MAAM,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;QACtB,QAAQ,CAAC,wBAAwB,EAAE,CAAC,CAAC;IACvC,CAAC;AACH,CAAC,CAAC;AAEF;;;;;GAKG;AACH,eAAe,GAAG,EAAE;IAClB,MAAM,kBAAkB,GAAG,eAAe,CAAC,UAAU,CAAC,CAAC;IACvD,MAAM,uBAAuB,GAAG,eAAe,CAAC,eAAe,CAAC,CAAC;IACjE,OAAO,SAAS,OAAO,CAAC,YAAsC;QAC5D,MAAM,KAAK,GAAG,YAAY,CAAC,QAAQ,EAAE,CAAC;QACtC,kBAAkB,CAAC,CAAC,YAAY,CAAC,EAAE,CAAC,KAAK,CAAC,YAAY,EAAE,KAAK,EAAE,eAAe,EAAE,MAAM,CAAC,CAAC,CAAC;QACzF,uBAAuB,CAAC,CAAC,YAAY,CAAC,EAAE,CAAC,KAAK,CAAC,YAAY,CAAC,CAAC,CAAC;IAChE,CAAC,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import { withMemoization } from '../../../utils/util';\nimport type { BeforeRenderFeatureProps } from '../../featureFactory';\n/* eslint-disable @typescript-eslint/no-unused-vars */\nimport type Column from '../../../generators/ColumnGenerator';\nimport type { State } from '../../../../../types/State.types';\nimport { actionUpdateGroupingSort } from '../../../actions/actions';\n/* eslint-enable @typescript-eslint/no-unused-vars */\n\nconst updateSort = ([{ getView, getState }]: [featureProps: BeforeRenderFeatureProps]) => {\n  const { sortingOrder = [] } = getState();\n  getView().columns?.forEach(column => {\n    const sort = sortingOrder.find(s => s.columnId.toString() === `${column.field.id}`);\n    column = column.setProp({\n      sorted: !!sort,\n      sortSequence: sort?.sequence,\n      sortOrder: sort?.order\n    });\n  });\n};\n\nconst updateGroupSort = ([{ dispatch, getState }]: [featureProps: BeforeRenderFeatureProps]) => {\n  const { groups = [] } = getState();\n  // If the sorting order is changed for any of the columns, check and update the sort order of the groups accordingly.\n  if (groups.length > 0) {\n    dispatch(actionUpdateGroupingSort());\n  }\n};\n\n/**\n * 1. Sets the sort properties({@link Column.sorted sorted}, {@link Column.sortSequence sortSequence}, {@link Column.sortOrder sortOrder}) for each column when any of the following properties are changed:\n * - {@link State.sortingOrder}\n * - `active` in {@link State.personalization}\n * 2. Updates the group sort order when {@link State.sortingOrder} is changed.\n */\nexport default () => {\n  const memoizedUpdateSort = withMemoization(updateSort);\n  const memoizedUpdateGroupSort = withMemoization(updateGroupSort);\n  return function execute(featureProps: BeforeRenderFeatureProps) {\n    const state = featureProps.getState();\n    memoizedUpdateSort([featureProps], [state.sortingOrder, state?.personalization?.active]);\n    memoizedUpdateGroupSort([featureProps], [state.sortingOrder]);\n  };\n};\n"]}
+{"version":3,"file":"columnSort.js","sourceRoot":"","sources":["../../../../../../src/core/features/uIFeatures/beforeRender/columnSort.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AAKtD,OAAO,EAAE,wBAAwB,EAAE,MAAM,0BAA0B,CAAC;AACpE,qDAAqD;AAErD,MAAM,UAAU,GAAG,CAAC,CAAC,EAAE,OAAO,EAAE,QAAQ,EAAE,CAA2C,EAAE,EAAE;IACvF,MAAM,EAAE,YAAY,GAAG,EAAE,EAAE,GAAG,QAAQ,EAAE,CAAC;IACzC,OAAO,EAAE,CAAC,OAAO,EAAE,OAAO,CAAC,MAAM,CAAC,EAAE;QAClC,MAAM,IAAI,GAAG,YAAY,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,QAAQ,CAAC,QAAQ,EAAE,KAAK,GAAG,MAAM,CAAC,KAAK,CAAC,EAAE,EAAE,CAAC,CAAC;QACpF,MAAM,GAAG,MAAM,CAAC,OAAO,CAAC;YACtB,MAAM,EAAE,CAAC,CAAC,IAAI;YACd,YAAY,EAAE,IAAI,EAAE,QAAQ;YAC5B,SAAS,EAAE,IAAI,EAAE,KAAK;SACvB,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;AACL,CAAC,CAAC;AAEF,MAAM,eAAe,GAAG,CAAC,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,CAA2C,EAAE,EAAE;IAC7F,MAAM,EAAE,MAAM,GAAG,EAAE,EAAE,GAAG,QAAQ,EAAE,CAAC;IACnC,qHAAqH;IACrH,IAAI,MAAM,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;QACtB,QAAQ,CAAC,wBAAwB,EAAE,CAAC,CAAC;IACvC,CAAC;AACH,CAAC,CAAC;AAEF;;;;;GAKG;AACH,eAAe,GAAG,EAAE;IAClB,MAAM,kBAAkB,GAAG,eAAe,CAAC,UAAU,CAAC,CAAC;IACvD,MAAM,uBAAuB,GAAG,eAAe,CAAC,eAAe,CAAC,CAAC;IACjE,OAAO,SAAS,OAAO,CAAC,YAAsC;QAC5D,MAAM,KAAK,GAAG,YAAY,CAAC,QAAQ,EAAE,CAAC;QACtC,kBAAkB,CAChB,CAAC,YAAY,CAAC,EACd,CAAC,KAAK,CAAC,YAAY,EAAE,KAAK,EAAE,eAAe,EAAE,MAAM,EAAE,KAAK,CAAC,cAAc,CAAC,CAC3E,CAAC;QACF,uBAAuB,CAAC,CAAC,YAAY,CAAC,EAAE,CAAC,KAAK,CAAC,YAAY,CAAC,CAAC,CAAC;IAChE,CAAC,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import { withMemoization } from '../../../utils/util';\nimport type { BeforeRenderFeatureProps } from '../../featureFactory';\n/* eslint-disable @typescript-eslint/no-unused-vars */\nimport type Column from '../../../generators/ColumnGenerator';\nimport type { State } from '../../../../../types/State.types';\nimport { actionUpdateGroupingSort } from '../../../actions/actions';\n/* eslint-enable @typescript-eslint/no-unused-vars */\n\nconst updateSort = ([{ getView, getState }]: [featureProps: BeforeRenderFeatureProps]) => {\n  const { sortingOrder = [] } = getState();\n  getView().columns?.forEach(column => {\n    const sort = sortingOrder.find(s => s.columnId.toString() === `${column.field.id}`);\n    column = column.setProp({\n      sorted: !!sort,\n      sortSequence: sort?.sequence,\n      sortOrder: sort?.order\n    });\n  });\n};\n\nconst updateGroupSort = ([{ dispatch, getState }]: [featureProps: BeforeRenderFeatureProps]) => {\n  const { groups = [] } = getState();\n  // If the sorting order is changed for any of the columns, check and update the sort order of the groups accordingly.\n  if (groups.length > 0) {\n    dispatch(actionUpdateGroupingSort());\n  }\n};\n\n/**\n * 1. Sets the sort properties({@link Column.sorted sorted}, {@link Column.sortSequence sortSequence}, {@link Column.sortOrder sortOrder}) for each column when any of the following properties are changed:\n * - {@link State.sortingOrder}\n * - `active` in {@link State.personalization}\n * 2. Updates the group sort order when {@link State.sortingOrder} is changed.\n */\nexport default () => {\n  const memoizedUpdateSort = withMemoization(updateSort);\n  const memoizedUpdateGroupSort = withMemoization(updateGroupSort);\n  return function execute(featureProps: BeforeRenderFeatureProps) {\n    const state = featureProps.getState();\n    memoizedUpdateSort(\n      [featureProps],\n      [state.sortingOrder, state?.personalization?.active, state.visibleColumns]\n    );\n    memoizedUpdateGroupSort([featureProps], [state.sortingOrder]);\n  };\n};\n"]}

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

@@ -1,7 +1,7 @@
 import type { BeforeRenderFeatureProps } from '../../featureFactory';
 export declare const updateFieldDefs: ([{ getView, getState }]: [featureProps: BeforeRenderFeatureProps]) => void;
-/** Sets the {@link Column.style display} and {@link Column.hidden hidden} property of each column when any of the following properties are changed:
- * - {@link State.hiddenColumns}
+/** Sets the {@link Column.style display} and {@link Column.hidden hidden} property of each column and updates the {@link View.enableGlobalSearch} flag, when any of the following properties are changed:
+ * - {@link State.visibleColumns}
  * - `active` {@link State.personalization}
  */
 declare const _default: () => (featureProps: BeforeRenderFeatureProps) => void;

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

@@ -1 +1 @@
-{"version":3,"file":"columnToggle.d.ts","sourceRoot":"","sources":["../../../../../../src/core/features/uIFeatures/beforeRender/columnToggle.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,sBAAsB,CAAC;AAMrE,eAAO,MAAM,eAAe,GAAI,yBAAyB,CACvD,YAAY,EAAE,wBAAwB,CACvC,SAWA,CAAC;AAEF;;;GAGG;+BAIuB,cAAc,wBAAwB;AAHhE,wBAOE"}
+{"version":3,"file":"columnToggle.d.ts","sourceRoot":"","sources":["../../../../../../src/core/features/uIFeatures/beforeRender/columnToggle.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,sBAAsB,CAAC;AAOrE,eAAO,MAAM,eAAe,GAAI,yBAAyB,CACvD,YAAY,EAAE,wBAAwB,CACvC,SAiBA,CAAC;AAEF;;;GAGG;+BAIuB,cAAc,wBAAwB;AAHhE,wBAUE"}

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

@@ -1,26 +1,31 @@
 import { withMemoization } from '../../../utils/util';
 /* eslint-enable @typescript-eslint/no-unused-vars */
 export const updateFieldDefs = ([{ getView, getState }]) => {
-    const { hiddenColumns = [] } = getState();
+    const { visibleColumns } = getState();
+    let isAnyVisibleSearchableColumn = false;
     getView().columns?.forEach(column => {
         const style = { ...column.style };
-        const hidden = hiddenColumns.includes(`${column.field.id}`);
+        const hidden = !visibleColumns?.includes(`${column.field.id}`);
+        if (!hidden && column.field.searchable && !isAnyVisibleSearchableColumn) {
+            isAnyVisibleSearchableColumn = true;
+        }
         style.display = hidden ? 'none' : 'unset';
         column = column.setProp({
             style,
             hidden
         });
     });
+    getView().setProp('enableGlobalSearch', isAnyVisibleSearchableColumn);
 };
-/** Sets the {@link Column.style display} and {@link Column.hidden hidden} property of each column when any of the following properties are changed:
- * - {@link State.hiddenColumns}
+/** Sets the {@link Column.style display} and {@link Column.hidden hidden} property of each column and updates the {@link View.enableGlobalSearch} flag, when any of the following properties are changed:
+ * - {@link State.visibleColumns}
  * - `active` {@link State.personalization}
  */
 export default () => {
     const memoizedToggleColumns = withMemoization(updateFieldDefs);
     return function execute(featureProps) {
         const state = featureProps.getState();
-        memoizedToggleColumns([featureProps], [state?.hiddenColumns, state?.personalization?.active]);
+        memoizedToggleColumns([featureProps], [state?.personalization?.active, state.groups, state.visibleColumns]);
     };
 };
 //# sourceMappingURL=columnToggle.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"columnToggle.js","sourceRoot":"","sources":["../../../../../../src/core/features/uIFeatures/beforeRender/columnToggle.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AAKtD,qDAAqD;AAErD,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,CAAC,EAAE,OAAO,EAAE,QAAQ,EAAE,CAErD,EAAE,EAAE;IACH,MAAM,EAAE,aAAa,GAAG,EAAE,EAAE,GAAG,QAAQ,EAAE,CAAC;IAC1C,OAAO,EAAE,CAAC,OAAO,EAAE,OAAO,CAAC,MAAM,CAAC,EAAE;QAClC,MAAM,KAAK,GAAG,EAAE,GAAG,MAAM,CAAC,KAAK,EAAE,CAAC;QAClC,MAAM,MAAM,GAAG,aAAa,CAAC,QAAQ,CAAC,GAAG,MAAM,CAAC,KAAK,CAAC,EAAE,EAAE,CAAC,CAAC;QAC5D,KAAK,CAAC,OAAO,GAAG,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC;QAC1C,MAAM,GAAG,MAAM,CAAC,OAAO,CAAC;YACtB,KAAK;YACL,MAAM;SACP,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;AACL,CAAC,CAAC;AAEF;;;GAGG;AACH,eAAe,GAAG,EAAE;IAClB,MAAM,qBAAqB,GAAG,eAAe,CAAC,eAAe,CAAC,CAAC;IAE/D,OAAO,SAAS,OAAO,CAAC,YAAsC;QAC5D,MAAM,KAAK,GAAG,YAAY,CAAC,QAAQ,EAAE,CAAC;QACtC,qBAAqB,CAAC,CAAC,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,aAAa,EAAE,KAAK,EAAE,eAAe,EAAE,MAAM,CAAC,CAAC,CAAC;IAChG,CAAC,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import { withMemoization } from '../../../utils/util';\nimport type { BeforeRenderFeatureProps } from '../../featureFactory';\n/* eslint-disable @typescript-eslint/no-unused-vars */\nimport type Column from '../../../generators/ColumnGenerator';\nimport type { State } from '../../../../../types/State.types';\n/* eslint-enable @typescript-eslint/no-unused-vars */\n\nexport const updateFieldDefs = ([{ getView, getState }]: [\n  featureProps: BeforeRenderFeatureProps\n]) => {\n  const { hiddenColumns = [] } = getState();\n  getView().columns?.forEach(column => {\n    const style = { ...column.style };\n    const hidden = hiddenColumns.includes(`${column.field.id}`);\n    style.display = hidden ? 'none' : 'unset';\n    column = column.setProp({\n      style,\n      hidden\n    });\n  });\n};\n\n/** Sets the {@link Column.style display} and {@link Column.hidden hidden} property of each column when any of the following properties are changed:\n * - {@link State.hiddenColumns}\n * - `active` {@link State.personalization}\n */\nexport default () => {\n  const memoizedToggleColumns = withMemoization(updateFieldDefs);\n\n  return function execute(featureProps: BeforeRenderFeatureProps) {\n    const state = featureProps.getState();\n    memoizedToggleColumns([featureProps], [state?.hiddenColumns, state?.personalization?.active]);\n  };\n};\n"]}
+{"version":3,"file":"columnToggle.js","sourceRoot":"","sources":["../../../../../../src/core/features/uIFeatures/beforeRender/columnToggle.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AAMtD,qDAAqD;AAErD,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,CAAC,EAAE,OAAO,EAAE,QAAQ,EAAE,CAErD,EAAE,EAAE;IACH,MAAM,EAAE,cAAc,EAAE,GAAG,QAAQ,EAAE,CAAC;IACtC,IAAI,4BAA4B,GAAG,KAAK,CAAC;IACzC,OAAO,EAAE,CAAC,OAAO,EAAE,OAAO,CAAC,MAAM,CAAC,EAAE;QAClC,MAAM,KAAK,GAAG,EAAE,GAAG,MAAM,CAAC,KAAK,EAAE,CAAC;QAClC,MAAM,MAAM,GAAG,CAAC,cAAc,EAAE,QAAQ,CAAC,GAAG,MAAM,CAAC,KAAK,CAAC,EAAE,EAAE,CAAC,CAAC;QAC/D,IAAI,CAAC,MAAM,IAAI,MAAM,CAAC,KAAK,CAAC,UAAU,IAAI,CAAC,4BAA4B,EAAE,CAAC;YACxE,4BAA4B,GAAG,IAAI,CAAC;QACtC,CAAC;QACD,KAAK,CAAC,OAAO,GAAG,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC;QAC1C,MAAM,GAAG,MAAM,CAAC,OAAO,CAAC;YACtB,KAAK;YACL,MAAM;SACP,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;IAEH,OAAO,EAAE,CAAC,OAAO,CAAC,oBAAoB,EAAE,4BAA4B,CAAC,CAAC;AACxE,CAAC,CAAC;AAEF;;;GAGG;AACH,eAAe,GAAG,EAAE;IAClB,MAAM,qBAAqB,GAAG,eAAe,CAAC,eAAe,CAAC,CAAC;IAE/D,OAAO,SAAS,OAAO,CAAC,YAAsC;QAC5D,MAAM,KAAK,GAAG,YAAY,CAAC,QAAQ,EAAE,CAAC;QACtC,qBAAqB,CACnB,CAAC,YAAY,CAAC,EACd,CAAC,KAAK,EAAE,eAAe,EAAE,MAAM,EAAE,KAAK,CAAC,MAAM,EAAE,KAAK,CAAC,cAAc,CAAC,CACrE,CAAC;IACJ,CAAC,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import { withMemoization } from '../../../utils/util';\nimport type { BeforeRenderFeatureProps } from '../../featureFactory';\n/* eslint-disable @typescript-eslint/no-unused-vars */\nimport type Column from '../../../generators/ColumnGenerator';\nimport type View from '../../../generators/ViewGenerator';\nimport type { State } from '../../../../../types/State.types';\n/* eslint-enable @typescript-eslint/no-unused-vars */\n\nexport const updateFieldDefs = ([{ getView, getState }]: [\n  featureProps: BeforeRenderFeatureProps\n]) => {\n  const { visibleColumns } = getState();\n  let isAnyVisibleSearchableColumn = false;\n  getView().columns?.forEach(column => {\n    const style = { ...column.style };\n    const hidden = !visibleColumns?.includes(`${column.field.id}`);\n    if (!hidden && column.field.searchable && !isAnyVisibleSearchableColumn) {\n      isAnyVisibleSearchableColumn = true;\n    }\n    style.display = hidden ? 'none' : 'unset';\n    column = column.setProp({\n      style,\n      hidden\n    });\n  });\n\n  getView().setProp('enableGlobalSearch', isAnyVisibleSearchableColumn);\n};\n\n/** Sets the {@link Column.style display} and {@link Column.hidden hidden} property of each column and updates the {@link View.enableGlobalSearch} flag, when any of the following properties are changed:\n * - {@link State.visibleColumns}\n * - `active` {@link State.personalization}\n */\nexport default () => {\n  const memoizedToggleColumns = withMemoization(updateFieldDefs);\n\n  return function execute(featureProps: BeforeRenderFeatureProps) {\n    const state = featureProps.getState();\n    memoizedToggleColumns(\n      [featureProps],\n      [state?.personalization?.active, state.groups, state.visibleColumns]\n    );\n  };\n};\n"]}

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

@@ -1,7 +1,7 @@
 import type { BeforeRenderFeatureProps } from '../../featureFactory';
 /**
  * Sets the {@link Column.isFirstVisualColumn isFirstVisualColumn}, {@link Column.isFirstDataColumn isFirstDataColumn}, {@link Column.isLastColumn isLastColumn}, {@link Column.order order} properties of each column when any of the following properties are changed:
- * - {@link State.hiddenColumns}
+ * - {@link State.visibleColumns}
  * - {@link State.freezeColumns}
  * - {@link State.colOrder}
  * - `active` in {@link State.personalization}

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

@@ -6,12 +6,12 @@ import { withMemoization } from '../../../utils/util';
 import { rowActionColumnMeta, rowSelectColumnMeta, rowDragDropColumnMeta, rowErrorColumnMeta } from '../../../constants';
 /* eslint-enable @typescript-eslint/no-unused-vars */
 const getVisualColumnOrder = ([{ getView, getState }]) => {
-    const { hiddenColumns } = getState();
+    const { visibleColumns } = getState();
     const visualColumnOrder = getView()
         .columns?.map(column => ({ id: column.field.id, order: column.style?.order })) // This map also ensures that we are not sorting fieldDefs in place mutative
         .sort((a, b) => a.order - b.order) // sort on order... Order should be calculated in columnOrder before this feature
         .filter(column => {
-        return !hiddenColumns?.includes(column.id);
+        return visibleColumns?.includes(column.id);
     })
         .map(column => column.id);
     const firstVisualColumnId = visualColumnOrder?.[0];
@@ -35,7 +35,7 @@ const getVisualColumnOrder = ([{ getView, getState }]) => {
 };
 /**
  * Sets the {@link Column.isFirstVisualColumn isFirstVisualColumn}, {@link Column.isFirstDataColumn isFirstDataColumn}, {@link Column.isLastColumn isLastColumn}, {@link Column.order order} properties of each column when any of the following properties are changed:
- * - {@link State.hiddenColumns}
+ * - {@link State.visibleColumns}
  * - {@link State.freezeColumns}
  * - {@link State.colOrder}
  * - `active` in {@link State.personalization}
@@ -46,7 +46,7 @@ export default () => {
     return function execute(featureProps) {
         const state = featureProps.getState();
         memoizedGetVisualColumnOrder([featureProps], [
-            state.hiddenColumns,
+            state.visibleColumns,
             state.freezeColumns,
             state.colOrder,
             state?.personalization?.active,

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

@@ -1 +1 @@
-{"version":3,"file":"columnVisualOrder.js","sourceRoot":"","sources":["../../../../../../src/core/features/uIFeatures/beforeRender/columnVisualOrder.ts"],"names":[],"mappings":"AAAA;;;EAGE;AACF,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AACtD,OAAO,EACL,mBAAmB,EACnB,mBAAmB,EACnB,qBAAqB,EACrB,kBAAkB,EACnB,MAAM,oBAAoB,CAAC;AAM5B,qDAAqD;AAErD,MAAM,oBAAoB,GAAG,CAAC,CAAC,EAAE,OAAO,EAAE,QAAQ,EAAE,CAEnD,EAAE,EAAE;IACH,MAAM,EAAE,aAAa,EAAE,GAAG,QAAQ,EAAE,CAAC;IACrC,MAAM,iBAAiB,GAAG,OAAO,EAAE;SAChC,OAAO,EAAE,GAAG,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC,EAAE,EAAE,EAAE,MAAM,CAAC,KAAK,CAAC,EAAE,EAAE,KAAK,EAAE,MAAM,CAAC,KAAK,EAAE,KAAK,EAAE,CAAC,CAAC,CAAC,4EAA4E;SAC1J,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,KAAK,GAAG,CAAC,CAAC,KAAK,CAAC,CAAC,iFAAiF;SACnH,MAAM,CAAC,MAAM,CAAC,EAAE;QACf,OAAO,CAAC,aAAa,EAAE,QAAQ,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC;IAC7C,CAAC,CAAC;SACD,GAAG,CAAC,MAAM,CAAC,EAAE,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC;IAE5B,MAAM,mBAAmB,GAAG,iBAAiB,EAAE,CAAC,CAAC,CAAC,CAAC;IAEnD,MAAM,iBAAiB,GAAG,iBAAiB,EAAE,IAAI,CAC/C,CAAC,CAAC,EAAE,CACF,CAAC;QACC,mBAAmB,CAAC,KAAK,CAAC,EAAE;QAC5B,qBAAqB,CAAC,KAAK,CAAC,EAAE;QAC9B,kBAAkB,CAAC,KAAK,CAAC,EAAE;KAC5B,CAAC,QAAQ,CAAC,CAAC,CAAC,CAChB,CAAC;IACF,IAAI,YAAY,GAAG,iBAAiB,EAAE,CAAC,iBAAiB,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC;IACrE,IAAI,YAAY,KAAK,mBAAmB,CAAC,KAAK,CAAC,EAAE,EAAE,CAAC;QAClD,YAAY,GAAG,iBAAiB,EAAE,CAAC,iBAAiB,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC;IACnE,CAAC;IAED,OAAO,EAAE,CAAC,OAAO,EAAE,OAAO,CAAC,MAAM,CAAC,EAAE;QAClC,MAAM,GAAG,MAAM,CAAC,OAAO,CAAC;YACtB,mBAAmB,EAAE,mBAAmB,KAAK,MAAM,CAAC,KAAK,CAAC,EAAE;YAC5D,iBAAiB,EAAE,iBAAiB,KAAK,MAAM,CAAC,KAAK,CAAC,EAAE;YACxD,YAAY,EAAE,YAAY,KAAK,MAAM,CAAC,KAAK,CAAC,EAAE;YAC9C,KAAK,EAAE,iBAAiB,EAAE,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,KAAK,MAAM,CAAC,KAAK,CAAC,EAAE,CAAC;SAChE,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;AACL,CAAC,CAAC;AACF;;;;;;;GAOG;AACH,eAAe,GAAG,EAAE;IAClB,MAAM,4BAA4B,GAAG,eAAe,CAAC,oBAAoB,CAAC,CAAC;IAE3E,OAAO,SAAS,OAAO,CAAC,YAAsC;QAC5D,MAAM,KAAK,GAAG,YAAY,CAAC,QAAQ,EAAE,CAAC;QACtC,4BAA4B,CAC1B,CAAC,YAAY,CAAC,EACd;YACE,KAAK,CAAC,aAAa;YACnB,KAAK,CAAC,aAAa;YACnB,KAAK,CAAC,QAAQ;YACd,KAAK,EAAE,eAAe,EAAE,MAAM;YAC9B,YAAY,CAAC,OAAO,EAAE,CAAC,OAAO,EAAE,MAAM;SACvC,CACF,CAAC;IACJ,CAAC,CAAC;AACJ,CAAC,CAAC","sourcesContent":["/*\nDo not use VisualColumnOrder to loop for creating cells in component so that dom manipulations won't happen\nBut just use actual fieldDefs order and then flex order for creating cells\n*/\nimport { withMemoization } from '../../../utils/util';\nimport {\n  rowActionColumnMeta,\n  rowSelectColumnMeta,\n  rowDragDropColumnMeta,\n  rowErrorColumnMeta\n} from '../../../constants';\nimport type { BeforeRenderFeatureProps } from '../../featureFactory';\n/* eslint-disable @typescript-eslint/no-unused-vars */\nimport type View from '../../../generators/ViewGenerator';\nimport type Column from '../../../generators/ColumnGenerator';\nimport type { State } from '../../../../../types/State.types';\n/* eslint-enable @typescript-eslint/no-unused-vars */\n\nconst getVisualColumnOrder = ([{ getView, getState }]: [\n  featureProps: BeforeRenderFeatureProps\n]) => {\n  const { hiddenColumns } = getState();\n  const visualColumnOrder = getView()\n    .columns?.map(column => ({ id: column.field.id, order: column.style?.order })) // This map also ensures that we are not sorting fieldDefs in place mutative\n    .sort((a, b) => a.order - b.order) // sort on order... Order should be calculated in columnOrder before this feature\n    .filter(column => {\n      return !hiddenColumns?.includes(column.id);\n    })\n    .map(column => column.id);\n\n  const firstVisualColumnId = visualColumnOrder?.[0];\n\n  const firstDataColumnId = visualColumnOrder?.find(\n    c =>\n      ![\n        rowSelectColumnMeta.field.id,\n        rowDragDropColumnMeta.field.id,\n        rowErrorColumnMeta.field.id\n      ].includes(c)\n  );\n  let lastColumnId = visualColumnOrder?.[visualColumnOrder.length - 1];\n  if (lastColumnId === rowActionColumnMeta.field.id) {\n    lastColumnId = visualColumnOrder?.[visualColumnOrder.length - 2];\n  }\n\n  getView().columns?.forEach(column => {\n    column = column.setProp({\n      isFirstVisualColumn: firstVisualColumnId === column.field.id,\n      isFirstDataColumn: firstDataColumnId === column.field.id,\n      isLastColumn: lastColumnId === column.field.id,\n      order: visualColumnOrder?.findIndex(o => o === column.field.id)\n    });\n  });\n};\n/**\n * Sets the {@link Column.isFirstVisualColumn isFirstVisualColumn}, {@link Column.isFirstDataColumn isFirstDataColumn}, {@link Column.isLastColumn isLastColumn}, {@link Column.order order} properties of each column when any of the following properties are changed:\n * - {@link State.hiddenColumns}\n * - {@link State.freezeColumns}\n * - {@link State.colOrder}\n * - `active` in {@link State.personalization}\n * - `size` of {@link View.columns columns}\n */\nexport default () => {\n  const memoizedGetVisualColumnOrder = withMemoization(getVisualColumnOrder);\n\n  return function execute(featureProps: BeforeRenderFeatureProps) {\n    const state = featureProps.getState();\n    memoizedGetVisualColumnOrder(\n      [featureProps],\n      [\n        state.hiddenColumns,\n        state.freezeColumns,\n        state.colOrder,\n        state?.personalization?.active,\n        featureProps.getView().columns?.length\n      ]\n    );\n  };\n};\n"]}
+{"version":3,"file":"columnVisualOrder.js","sourceRoot":"","sources":["../../../../../../src/core/features/uIFeatures/beforeRender/columnVisualOrder.ts"],"names":[],"mappings":"AAAA;;;EAGE;AACF,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AACtD,OAAO,EACL,mBAAmB,EACnB,mBAAmB,EACnB,qBAAqB,EACrB,kBAAkB,EACnB,MAAM,oBAAoB,CAAC;AAM5B,qDAAqD;AAErD,MAAM,oBAAoB,GAAG,CAAC,CAAC,EAAE,OAAO,EAAE,QAAQ,EAAE,CAEnD,EAAE,EAAE;IACH,MAAM,EAAE,cAAc,EAAE,GAAG,QAAQ,EAAE,CAAC;IACtC,MAAM,iBAAiB,GAAG,OAAO,EAAE;SAChC,OAAO,EAAE,GAAG,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC,EAAE,EAAE,EAAE,MAAM,CAAC,KAAK,CAAC,EAAE,EAAE,KAAK,EAAE,MAAM,CAAC,KAAK,EAAE,KAAK,EAAE,CAAC,CAAC,CAAC,4EAA4E;SAC1J,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,KAAK,GAAG,CAAC,CAAC,KAAK,CAAC,CAAC,iFAAiF;SACnH,MAAM,CAAC,MAAM,CAAC,EAAE;QACf,OAAO,cAAc,EAAE,QAAQ,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC;IAC7C,CAAC,CAAC;SACD,GAAG,CAAC,MAAM,CAAC,EAAE,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC;IAE5B,MAAM,mBAAmB,GAAG,iBAAiB,EAAE,CAAC,CAAC,CAAC,CAAC;IAEnD,MAAM,iBAAiB,GAAG,iBAAiB,EAAE,IAAI,CAC/C,CAAC,CAAC,EAAE,CACF,CAAC;QACC,mBAAmB,CAAC,KAAK,CAAC,EAAE;QAC5B,qBAAqB,CAAC,KAAK,CAAC,EAAE;QAC9B,kBAAkB,CAAC,KAAK,CAAC,EAAE;KAC5B,CAAC,QAAQ,CAAC,CAAC,CAAC,CAChB,CAAC;IACF,IAAI,YAAY,GAAG,iBAAiB,EAAE,CAAC,iBAAiB,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC;IACrE,IAAI,YAAY,KAAK,mBAAmB,CAAC,KAAK,CAAC,EAAE,EAAE,CAAC;QAClD,YAAY,GAAG,iBAAiB,EAAE,CAAC,iBAAiB,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC;IACnE,CAAC;IAED,OAAO,EAAE,CAAC,OAAO,EAAE,OAAO,CAAC,MAAM,CAAC,EAAE;QAClC,MAAM,GAAG,MAAM,CAAC,OAAO,CAAC;YACtB,mBAAmB,EAAE,mBAAmB,KAAK,MAAM,CAAC,KAAK,CAAC,EAAE;YAC5D,iBAAiB,EAAE,iBAAiB,KAAK,MAAM,CAAC,KAAK,CAAC,EAAE;YACxD,YAAY,EAAE,YAAY,KAAK,MAAM,CAAC,KAAK,CAAC,EAAE;YAC9C,KAAK,EAAE,iBAAiB,EAAE,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,KAAK,MAAM,CAAC,KAAK,CAAC,EAAE,CAAC;SAChE,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;AACL,CAAC,CAAC;AACF;;;;;;;GAOG;AACH,eAAe,GAAG,EAAE;IAClB,MAAM,4BAA4B,GAAG,eAAe,CAAC,oBAAoB,CAAC,CAAC;IAE3E,OAAO,SAAS,OAAO,CAAC,YAAsC;QAC5D,MAAM,KAAK,GAAG,YAAY,CAAC,QAAQ,EAAE,CAAC;QACtC,4BAA4B,CAC1B,CAAC,YAAY,CAAC,EACd;YACE,KAAK,CAAC,cAAc;YACpB,KAAK,CAAC,aAAa;YACnB,KAAK,CAAC,QAAQ;YACd,KAAK,EAAE,eAAe,EAAE,MAAM;YAC9B,YAAY,CAAC,OAAO,EAAE,CAAC,OAAO,EAAE,MAAM;SACvC,CACF,CAAC;IACJ,CAAC,CAAC;AACJ,CAAC,CAAC","sourcesContent":["/*\nDo not use VisualColumnOrder to loop for creating cells in component so that dom manipulations won't happen\nBut just use actual fieldDefs order and then flex order for creating cells\n*/\nimport { withMemoization } from '../../../utils/util';\nimport {\n  rowActionColumnMeta,\n  rowSelectColumnMeta,\n  rowDragDropColumnMeta,\n  rowErrorColumnMeta\n} from '../../../constants';\nimport type { BeforeRenderFeatureProps } from '../../featureFactory';\n/* eslint-disable @typescript-eslint/no-unused-vars */\nimport type View from '../../../generators/ViewGenerator';\nimport type Column from '../../../generators/ColumnGenerator';\nimport type { State } from '../../../../../types/State.types';\n/* eslint-enable @typescript-eslint/no-unused-vars */\n\nconst getVisualColumnOrder = ([{ getView, getState }]: [\n  featureProps: BeforeRenderFeatureProps\n]) => {\n  const { visibleColumns } = getState();\n  const visualColumnOrder = getView()\n    .columns?.map(column => ({ id: column.field.id, order: column.style?.order })) // This map also ensures that we are not sorting fieldDefs in place mutative\n    .sort((a, b) => a.order - b.order) // sort on order... Order should be calculated in columnOrder before this feature\n    .filter(column => {\n      return visibleColumns?.includes(column.id);\n    })\n    .map(column => column.id);\n\n  const firstVisualColumnId = visualColumnOrder?.[0];\n\n  const firstDataColumnId = visualColumnOrder?.find(\n    c =>\n      ![\n        rowSelectColumnMeta.field.id,\n        rowDragDropColumnMeta.field.id,\n        rowErrorColumnMeta.field.id\n      ].includes(c)\n  );\n  let lastColumnId = visualColumnOrder?.[visualColumnOrder.length - 1];\n  if (lastColumnId === rowActionColumnMeta.field.id) {\n    lastColumnId = visualColumnOrder?.[visualColumnOrder.length - 2];\n  }\n\n  getView().columns?.forEach(column => {\n    column = column.setProp({\n      isFirstVisualColumn: firstVisualColumnId === column.field.id,\n      isFirstDataColumn: firstDataColumnId === column.field.id,\n      isLastColumn: lastColumnId === column.field.id,\n      order: visualColumnOrder?.findIndex(o => o === column.field.id)\n    });\n  });\n};\n/**\n * Sets the {@link Column.isFirstVisualColumn isFirstVisualColumn}, {@link Column.isFirstDataColumn isFirstDataColumn}, {@link Column.isLastColumn isLastColumn}, {@link Column.order order} properties of each column when any of the following properties are changed:\n * - {@link State.visibleColumns}\n * - {@link State.freezeColumns}\n * - {@link State.colOrder}\n * - `active` in {@link State.personalization}\n * - `size` of {@link View.columns columns}\n */\nexport default () => {\n  const memoizedGetVisualColumnOrder = withMemoization(getVisualColumnOrder);\n\n  return function execute(featureProps: BeforeRenderFeatureProps) {\n    const state = featureProps.getState();\n    memoizedGetVisualColumnOrder(\n      [featureProps],\n      [\n        state.visibleColumns,\n        state.freezeColumns,\n        state.colOrder,\n        state?.personalization?.active,\n        featureProps.getView().columns?.length\n      ]\n    );\n  };\n};\n"]}

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

@@ -1 +1 @@
-{"version":3,"file":"conditionalStyleFormat.d.ts","sourceRoot":"","sources":["../../../../../../src/core/features/uIFeatures/beforeRender/conditionalStyleFormat.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,sBAAsB,CAAC;AA+FrE;;;;GAIG;+BAMuB,cAAc,wBAAwB;AALhE,wBAUE"}
+{"version":3,"file":"conditionalStyleFormat.d.ts","sourceRoot":"","sources":["../../../../../../src/core/features/uIFeatures/beforeRender/conditionalStyleFormat.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,sBAAsB,CAAC;AA+FrE;;;;GAIG;+BAMuB,cAAc,wBAAwB;AALhE,wBAcE"}

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

@@ -7,16 +7,16 @@ const getConditionalStyleFormatsForField = (stateFormats, field) => {
         .map(format => pickProperties(format, ['condition', 'styleFormatId']));
     return fieldConditionalStyleFormats.length ? fieldConditionalStyleFormats : undefined;
 };
-const areAdditionalHiddenColumnsReferenced = (column, newConditionalStyleFormats, hiddenColumns) => {
+const areAdditionalHiddenColumnsReferenced = (column, newConditionalStyleFormats, visibleColumns) => {
     const { field, conditionalStyleFormats: oldConditionalStyleFormats } = column;
-    if (hiddenColumns?.includes(field.name)) {
+    if (!visibleColumns?.includes(field.name)) {
         return false;
     }
     const currentFormatHiddenColumns = newConditionalStyleFormats
-        ?.flatMap(format => getHiddenColumnsReferredInCondition(format.condition, hiddenColumns))
+        ?.flatMap(format => getHiddenColumnsReferredInCondition(format.condition, visibleColumns))
         .sort() ?? [];
     const oldFormatHiddenColumns = oldConditionalStyleFormats
-        ?.flatMap(format => getHiddenColumnsReferredInCondition(format.condition, hiddenColumns))
+        ?.flatMap(format => getHiddenColumnsReferredInCondition(format.condition, visibleColumns))
         .sort() ?? [];
     // New conditional formats refers hidden columns and it is not same as previous conditional formats.
     return (currentFormatHiddenColumns.length > 0 &&
@@ -24,7 +24,7 @@ const areAdditionalHiddenColumnsReferenced = (column, newConditionalStyleFormats
 };
 const conditionalStyleFormat = ([featureProps]) => {
     const { getView, getState } = featureProps;
-    const { conditionalStyleFormats: conditionalStyleFormatsFromState, hiddenColumns } = getState();
+    const { conditionalStyleFormats: conditionalStyleFormatsFromState, visibleColumns } = getState();
     if (!conditionalStyleFormatsFromState)
         return;
     let triggerRefresh = false;
@@ -38,7 +38,7 @@ const conditionalStyleFormat = ([featureProps]) => {
         column.setProp('conditionalStyleFormats', conditionalStyleFormats);
         if (!triggerRefresh) {
             // Conditional formats may reference hidden columns, whose data may not have been fetched.
-            triggerRefresh = areAdditionalHiddenColumnsReferenced(column, conditionalStyleFormats, hiddenColumns);
+            triggerRefresh = areAdditionalHiddenColumnsReferenced(column, conditionalStyleFormats, visibleColumns);
         }
     });
     // Trigger a refresh of data if a conditional format refers any hidden column.
@@ -63,8 +63,9 @@ export default () => {
     const memoizedConditionalFormat = withMemoization(conditionalStyleFormat);
     const memoizedRefreshConditionalStyleFormatColumns = withMemoization(refreshConditionalStyleFormatColumns);
     return function execute(featureProps) {
-        const { getState, getRsProps } = featureProps;
-        memoizedConditionalFormat([featureProps], [getState().conditionalStyleFormats]);
+        const { getRsProps } = featureProps;
+        const state = featureProps.getState();
+        memoizedConditionalFormat([featureProps], [state.conditionalStyleFormats, state.visibleColumns]);
         memoizedRefreshConditionalStyleFormatColumns([featureProps], [getRsProps().styleFormats]);
     };
 };

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

@@ -1 +1 @@
-{"version":3,"file":"conditionalStyleFormat.js","sourceRoot":"","sources":["../../../../../../src/core/features/uIFeatures/beforeRender/conditionalStyleFormat.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,SAAS,EAAE,cAAc,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AAOjF,qDAAqD;AACrD,OAAO,EAAE,mCAAmC,EAAE,MAAM,gCAAgC,CAAC;AAErF,MAAM,kCAAkC,GAAG,CACzC,YAAsC,EACtC,KAAe,EACgD,EAAE;IACjE,MAAM,4BAA4B,GAAG,YAAY;SAC9C,MAAM,CAAC,MAAM,CAAC,EAAE,CAAC,MAAM,CAAC,SAAS,KAAK,KAAK,CAAC,IAAI,CAAC;SACjD,GAAG,CAAC,MAAM,CAAC,EAAE,CAAC,cAAc,CAAC,MAAM,EAAE,CAAC,WAAW,EAAE,eAAe,CAAC,CAAE,CAAC,CAAC;IAE1E,OAAO,4BAA4B,CAAC,MAAM,CAAC,CAAC,CAAC,4BAA4B,CAAC,CAAC,CAAC,SAAS,CAAC;AACxF,CAAC,CAAC;AAEF,MAAM,oCAAoC,GAAG,CAC3C,MAAc,EACd,0BAAyF,EACzF,aAAqC,EAC5B,EAAE;IACX,MAAM,EAAE,KAAK,EAAE,uBAAuB,EAAE,0BAA0B,EAAE,GAAG,MAAM,CAAC;IAC9E,IAAI,aAAa,EAAE,QAAQ,CAAC,KAAK,CAAC,IAAI,CAAC,EAAE,CAAC;QACxC,OAAO,KAAK,CAAC;IACf,CAAC;IAED,MAAM,0BAA0B,GAC9B,0BAA0B;QACxB,EAAE,OAAO,CAAC,MAAM,CAAC,EAAE,CAAC,mCAAmC,CAAC,MAAM,CAAC,SAAS,EAAE,aAAa,CAAC,CAAC;SACxF,IAAI,EAAE,IAAI,EAAE,CAAC;IAClB,MAAM,sBAAsB,GAC1B,0BAA0B;QACxB,EAAE,OAAO,CAAC,MAAM,CAAC,EAAE,CAAC,mCAAmC,CAAC,MAAM,CAAC,SAAS,EAAE,aAAa,CAAC,CAAC;SACxF,IAAI,EAAE,IAAI,EAAE,CAAC;IAElB,oGAAoG;IACpG,OAAO,CACL,0BAA0B,CAAC,MAAM,GAAG,CAAC;QACrC,CAAC,SAAS,CAAC,0BAA0B,EAAE,sBAAsB,CAAC,CAC/D,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,sBAAsB,GAAG,CAAC,CAAC,YAAY,CAA2C,EAAE,EAAE;IAC1F,MAAM,EAAE,OAAO,EAAE,QAAQ,EAAE,GAAG,YAAY,CAAC;IAC3C,MAAM,EAAE,uBAAuB,EAAE,gCAAgC,EAAE,aAAa,EAAE,GAAG,QAAQ,EAAE,CAAC;IAEhG,IAAI,CAAC,gCAAgC;QAAE,OAAO;IAE9C,IAAI,cAAc,GAAG,KAAK,CAAC;IAE3B,sDAAsD;IACtD,OAAO,EAAE,CAAC,OAAO,EAAE,OAAO,CAAC,MAAM,CAAC,EAAE;QAClC,MAAM,EAAE,uBAAuB,EAAE,0BAA0B,EAAE,KAAK,EAAE,GAAG,MAAM,CAAC;QAC9E,MAAM,uBAAuB,GAAG,kCAAkC,CAChE,gCAAgC,EAChC,KAAK,CACN,CAAC;QAEF,IAAI,SAAS,CAAC,0BAA0B,EAAE,uBAAuB,CAAC,EAAE,CAAC;YACnE,OAAO;QACT,CAAC;QAED,MAAM,CAAC,OAAO,CAAC,yBAAyB,EAAE,uBAAuB,CAAC,CAAC;QAEnE,IAAI,CAAC,cAAc,EAAE,CAAC;YACpB,0FAA0F;YAC1F,cAAc,GAAG,oCAAoC,CACnD,MAAM,EACN,uBAAuB,EACvB,aAAa,CACd,CAAC;QACJ,CAAC;IACH,CAAC,CAAC,CAAC;IAEH,8EAA8E;IAC9E,IAAI,cAAc,EAAE,CAAC;QACnB,OAAO,EAAE,CAAC,IAAI,CAAC,YAAY,EAAE,CAAC;IAChC,CAAC;AACH,CAAC,CAAC;AAEF,MAAM,oCAAoC,GAAG,CAAC,CAAC,YAAY,CAE1D,EAAE,EAAE;IACH,MAAM,EAAE,OAAO,EAAE,GAAG,YAAY,CAAC;IACjC,OAAO,EAAE,CAAC,OAAO,EAAE,OAAO,CAAC,MAAM,CAAC,EAAE;QAClC,IAAI,MAAM,CAAC,uBAAuB,EAAE,MAAM,EAAE,CAAC;YAC3C,MAAM,CAAC,OAAO,CAAC,SAAS,EAAE,IAAI,CAAC,MAAM,EAAE,CAAC,CAAC;QAC3C,CAAC;IACH,CAAC,CAAC,CAAC;AACL,CAAC,CAAC;AAEF;;;;GAIG;AACH,eAAe,GAAG,EAAE;IAClB,MAAM,yBAAyB,GAAG,eAAe,CAAC,sBAAsB,CAAC,CAAC;IAC1E,MAAM,4CAA4C,GAAG,eAAe,CAClE,oCAAoC,CACrC,CAAC;IACF,OAAO,SAAS,OAAO,CAAC,YAAsC;QAC5D,MAAM,EAAE,QAAQ,EAAE,UAAU,EAAE,GAAG,YAAY,CAAC;QAC9C,yBAAyB,CAAC,CAAC,YAAY,CAAC,EAAE,CAAC,QAAQ,EAAE,CAAC,uBAAuB,CAAC,CAAC,CAAC;QAChF,4CAA4C,CAAC,CAAC,YAAY,CAAC,EAAE,CAAC,UAAU,EAAE,CAAC,YAAY,CAAC,CAAC,CAAC;IAC5F,CAAC,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import type { OmitStrict } from '@pega/cosmos-react-core';\n\nimport { deepEqual, pickProperties, withMemoization } from '../../../utils/util';\nimport type { BeforeRenderFeatureProps } from '../../featureFactory';\nimport type { State } from '../../../../../types/State.types';\nimport type Column from '../../../generators/ColumnGenerator';\nimport type { ConditionalStyleFormat, FieldDef } from '../../../../../types/Meta.types';\n/* eslint-disable @typescript-eslint/no-unused-vars */\nimport type View from '../../../generators/ViewGenerator';\n/* eslint-enable @typescript-eslint/no-unused-vars */\nimport { getHiddenColumnsReferredInCondition } from '../../../utils/condition-utils';\n\nconst getConditionalStyleFormatsForField = (\n  stateFormats: ConditionalStyleFormat[],\n  field: FieldDef\n): OmitStrict<ConditionalStyleFormat, 'fieldName'>[] | undefined => {\n  const fieldConditionalStyleFormats = stateFormats\n    .filter(format => format.fieldName === field.name)\n    .map(format => pickProperties(format, ['condition', 'styleFormatId'])!);\n\n  return fieldConditionalStyleFormats.length ? fieldConditionalStyleFormats : undefined;\n};\n\nconst areAdditionalHiddenColumnsReferenced = (\n  column: Column,\n  newConditionalStyleFormats: OmitStrict<ConditionalStyleFormat, 'fieldName'>[] | undefined,\n  hiddenColumns: State['hiddenColumns']\n): boolean => {\n  const { field, conditionalStyleFormats: oldConditionalStyleFormats } = column;\n  if (hiddenColumns?.includes(field.name)) {\n    return false;\n  }\n\n  const currentFormatHiddenColumns =\n    newConditionalStyleFormats\n      ?.flatMap(format => getHiddenColumnsReferredInCondition(format.condition, hiddenColumns))\n      .sort() ?? [];\n  const oldFormatHiddenColumns =\n    oldConditionalStyleFormats\n      ?.flatMap(format => getHiddenColumnsReferredInCondition(format.condition, hiddenColumns))\n      .sort() ?? [];\n\n  // New conditional formats refers hidden columns and it is not same as previous conditional formats.\n  return (\n    currentFormatHiddenColumns.length > 0 &&\n    !deepEqual(currentFormatHiddenColumns, oldFormatHiddenColumns)\n  );\n};\n\nconst conditionalStyleFormat = ([featureProps]: [featureProps: BeforeRenderFeatureProps]) => {\n  const { getView, getState } = featureProps;\n  const { conditionalStyleFormats: conditionalStyleFormatsFromState, hiddenColumns } = getState();\n\n  if (!conditionalStyleFormatsFromState) return;\n\n  let triggerRefresh = false;\n\n  // Set conditional style formats to column(aka Field).\n  getView().columns?.forEach(column => {\n    const { conditionalStyleFormats: oldConditionalStyleFormats, field } = column;\n    const conditionalStyleFormats = getConditionalStyleFormatsForField(\n      conditionalStyleFormatsFromState,\n      field\n    );\n\n    if (deepEqual(oldConditionalStyleFormats, conditionalStyleFormats)) {\n      return;\n    }\n\n    column.setProp('conditionalStyleFormats', conditionalStyleFormats);\n\n    if (!triggerRefresh) {\n      // Conditional formats may reference hidden columns, whose data may not have been fetched.\n      triggerRefresh = areAdditionalHiddenColumnsReferenced(\n        column,\n        conditionalStyleFormats,\n        hiddenColumns\n      );\n    }\n  });\n\n  // Trigger a refresh of data if a conditional format refers any hidden column.\n  if (triggerRefresh) {\n    getView().type.forceRefresh();\n  }\n};\n\nconst refreshConditionalStyleFormatColumns = ([featureProps]: [\n  featureProps: BeforeRenderFeatureProps\n]) => {\n  const { getView } = featureProps;\n  getView().columns?.forEach(column => {\n    if (column.conditionalStyleFormats?.length) {\n      column.setProp('refresh', Math.random());\n    }\n  });\n};\n\n/**\n * Sets the {@link Column.conditionalStyleFormats conditionalStyleFormats} to respective generator objects when any of the following properties are changed:\n * - {@link State.conditionalStyleFormats}\n * - {@link View.meta}\n */\nexport default () => {\n  const memoizedConditionalFormat = withMemoization(conditionalStyleFormat);\n  const memoizedRefreshConditionalStyleFormatColumns = withMemoization(\n    refreshConditionalStyleFormatColumns\n  );\n  return function execute(featureProps: BeforeRenderFeatureProps) {\n    const { getState, getRsProps } = featureProps;\n    memoizedConditionalFormat([featureProps], [getState().conditionalStyleFormats]);\n    memoizedRefreshConditionalStyleFormatColumns([featureProps], [getRsProps().styleFormats]);\n  };\n};\n"]}
+{"version":3,"file":"conditionalStyleFormat.js","sourceRoot":"","sources":["../../../../../../src/core/features/uIFeatures/beforeRender/conditionalStyleFormat.ts"],"names":[],"mappings":"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","sourcesContent":["import type { OmitStrict } from '@pega/cosmos-react-core';\n\nimport { deepEqual, pickProperties, withMemoization } from '../../../utils/util';\nimport type { BeforeRenderFeatureProps } from '../../featureFactory';\nimport type { State } from '../../../../../types/State.types';\nimport type Column from '../../../generators/ColumnGenerator';\nimport type { ConditionalStyleFormat, FieldDef } from '../../../../../types/Meta.types';\n/* eslint-disable @typescript-eslint/no-unused-vars */\nimport type View from '../../../generators/ViewGenerator';\n/* eslint-enable @typescript-eslint/no-unused-vars */\nimport { getHiddenColumnsReferredInCondition } from '../../../utils/condition-utils';\n\nconst getConditionalStyleFormatsForField = (\n  stateFormats: ConditionalStyleFormat[],\n  field: FieldDef\n): OmitStrict<ConditionalStyleFormat, 'fieldName'>[] | undefined => {\n  const fieldConditionalStyleFormats = stateFormats\n    .filter(format => format.fieldName === field.name)\n    .map(format => pickProperties(format, ['condition', 'styleFormatId'])!);\n\n  return fieldConditionalStyleFormats.length ? fieldConditionalStyleFormats : undefined;\n};\n\nconst areAdditionalHiddenColumnsReferenced = (\n  column: Column,\n  newConditionalStyleFormats: OmitStrict<ConditionalStyleFormat, 'fieldName'>[] | undefined,\n  visibleColumns: State['visibleColumns']\n): boolean => {\n  const { field, conditionalStyleFormats: oldConditionalStyleFormats } = column;\n  if (!visibleColumns?.includes(field.name)) {\n    return false;\n  }\n\n  const currentFormatHiddenColumns =\n    newConditionalStyleFormats\n      ?.flatMap(format => getHiddenColumnsReferredInCondition(format.condition, visibleColumns))\n      .sort() ?? [];\n  const oldFormatHiddenColumns =\n    oldConditionalStyleFormats\n      ?.flatMap(format => getHiddenColumnsReferredInCondition(format.condition, visibleColumns))\n      .sort() ?? [];\n\n  // New conditional formats refers hidden columns and it is not same as previous conditional formats.\n  return (\n    currentFormatHiddenColumns.length > 0 &&\n    !deepEqual(currentFormatHiddenColumns, oldFormatHiddenColumns)\n  );\n};\n\nconst conditionalStyleFormat = ([featureProps]: [featureProps: BeforeRenderFeatureProps]) => {\n  const { getView, getState } = featureProps;\n  const { conditionalStyleFormats: conditionalStyleFormatsFromState, visibleColumns } = getState();\n\n  if (!conditionalStyleFormatsFromState) return;\n\n  let triggerRefresh = false;\n\n  // Set conditional style formats to column(aka Field).\n  getView().columns?.forEach(column => {\n    const { conditionalStyleFormats: oldConditionalStyleFormats, field } = column;\n    const conditionalStyleFormats = getConditionalStyleFormatsForField(\n      conditionalStyleFormatsFromState,\n      field\n    );\n\n    if (deepEqual(oldConditionalStyleFormats, conditionalStyleFormats)) {\n      return;\n    }\n\n    column.setProp('conditionalStyleFormats', conditionalStyleFormats);\n\n    if (!triggerRefresh) {\n      // Conditional formats may reference hidden columns, whose data may not have been fetched.\n      triggerRefresh = areAdditionalHiddenColumnsReferenced(\n        column,\n        conditionalStyleFormats,\n        visibleColumns\n      );\n    }\n  });\n\n  // Trigger a refresh of data if a conditional format refers any hidden column.\n  if (triggerRefresh) {\n    getView().type.forceRefresh();\n  }\n};\n\nconst refreshConditionalStyleFormatColumns = ([featureProps]: [\n  featureProps: BeforeRenderFeatureProps\n]) => {\n  const { getView } = featureProps;\n  getView().columns?.forEach(column => {\n    if (column.conditionalStyleFormats?.length) {\n      column.setProp('refresh', Math.random());\n    }\n  });\n};\n\n/**\n * Sets the {@link Column.conditionalStyleFormats conditionalStyleFormats} to respective generator objects when any of the following properties are changed:\n * - {@link State.conditionalStyleFormats}\n * - {@link View.meta}\n */\nexport default () => {\n  const memoizedConditionalFormat = withMemoization(conditionalStyleFormat);\n  const memoizedRefreshConditionalStyleFormatColumns = withMemoization(\n    refreshConditionalStyleFormatColumns\n  );\n  return function execute(featureProps: BeforeRenderFeatureProps) {\n    const { getRsProps } = featureProps;\n    const state = featureProps.getState();\n    memoizedConditionalFormat(\n      [featureProps],\n      [state.conditionalStyleFormats, state.visibleColumns]\n    );\n    memoizedRefreshConditionalStyleFormatColumns([featureProps], [getRsProps().styleFormats]);\n  };\n};\n"]}

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

@@ -1,6 +1,6 @@
 import type { BeforeRenderFeatureProps } from '../../featureFactory';
 /**
- * Adds the custom column in current set of{@link View.columns columns} and updates the {@link State.colOrder}, {@link State.hiddenColumns} with {@link State.customFields customFields} information when following properties are changed:
+ * Adds the custom column in current set of{@link View.columns columns} and updates the {@link State.colOrder}, {@link State.visibleColumns} with {@link State.customFields customFields} information when following properties are changed:
  * - {@link State.customFields}
  * - `active` in {@link State.personalization}
  */

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

@@ -1 +1 @@
-{"version":3,"file":"customColumn.d.ts","sourceRoot":"","sources":["../../../../../../src/core/features/uIFeatures/beforeRender/customColumn.ts"],"names":[],"mappings":"AASA,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,sBAAsB,CAAC;AA2ErE;;;;GAIG;+BAIuB,cAAc,wBAAwB;AAHhE,wBAUE"}
+{"version":3,"file":"customColumn.d.ts","sourceRoot":"","sources":["../../../../../../src/core/features/uIFeatures/beforeRender/customColumn.ts"],"names":[],"mappings":"AAUA,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,sBAAsB,CAAC;AA4FrE;;;;GAIG;+BAIuB,cAAc,wBAAwB;AAHhE,wBAUE"}