@pega/lists-core 9.25.0 → 9.25.1-10

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":"AAEA,OAAO,EACL,kBAAkB,EAClB,qBAAqB,EACrB,oBAAoB,EACpB,iBAAiB,EAClB,MAAM,6BAA6B,CAAC;AACrC,OAAO,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAClD,OAAO,EAAE,YAAY,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAC;AAQvE,OAAO,EAAE,iBAAiB,EAAE,MAAM,YAAY,CAAC;AAE/C;;;;GAIG;AACH;;;;;GAKG;AACH,MAAM,2BAA2B,GAAG,CAClC,OAAqC,EACrC,YAAkC,EAClC,EAAE;IACF,KAAK,MAAM,MAAM,IAAI,OAAO,EAAE,CAAC;QAC7B,IAAI,CAAC,MAAM,CAAC,MAAM,EAAE,CAAC;YACnB,MAAM,KAAK,GAAG,YAAY;gBACxB,CAAC,CAAC,YAAY,CAAC,gBAAgB,CAAC,iBAAiB,MAAM,CAAC,KAAK,CAAC,EAAE,IAAI,CAAC;gBACrE,CAAC,CAAC,EAAE,CAAC;YACP,IAAI,KAAK,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;gBACrB,OAAO,IAAI,CAAC;YACd,CAAC;QACH,CAAC;IACH,CAAC;IACD,OAAO,KAAK,CAAC;AACf,CAAC,CAAC;AAEF;;;GAGG;AACH,MAAM,4BAA4B,GAAG,CAAC,YAAkC,EAAE,EAAE;IAC1E,OAAO,CAAC,CAAC,CAAC,YAAY,IAAI,YAAY,CAAC,gBAAgB,CAAC,qBAAqB,CAAC,CAAC,MAAM,CAAC,CAAC;AACzF,CAAC,CAAC;AAEF;;GAEG;AACH,SAAS,yBAAyB,CAAC,CAAC,YAAY,CAA+B;IAC7E,MAAM,EAAE,OAAO,EAAE,QAAQ,EAAE,GAAG,YAAY,CAAC;IAC3C,MAAM,EAAE,OAAO,GAAG,EAAE,EAAE,eAAe,EAAE,GAAG,OAAO,EAAE,CAAC;IACpD,MAAM,cAAc,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,mBAAmB,CAAC,CAAC;IAChE,MAAM,YAAY,GAAG,eAAe,EAAE,CAAC;IACvC,IAAI,cAAc,IAAI,YAAY,EAAE,CAAC;QACnC,QAAQ,CAAC,oBAAoB,CAAC,cAAc,EAAE,YAAY,EAAE,IAAI,CAAC,CAAC,CAAC;IACrE,CAAC;AACH,CAAC;AAED;;GAEG;AACH,MAAM,yBAAyB,GAAG,CAAC,CAAC,YAAY,CAA+B,EAAE,EAAE;IACjF,MAAM,EAAE,OAAO,EAAE,QAAQ,EAAE,GAAG,YAAY,CAAC;IAC3C,MAAM,EAAE,OAAO,GAAG,EAAE,EAAE,eAAe,EAAE,GAAG,OAAO,EAAE,CAAC;IACpD,MAAM,WAAW,GAAG,OAAO,EAAE,MAAM,CAAC,GAAG,CAAC,EAAE,CAAC,YAAY,CAAC,QAAQ,CAAC,GAAG,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC,CAAC;IAChF,MAAM,YAAY,GAAG,eAAe,EAAE,CAAC;IACvC,IAAI,WAAW,CAAC,MAAM,IAAI,YAAY,EAAE,CAAC;QACvC,QAAQ,CAAC,qBAAqB,CAAC,WAAW,EAAE,YAAY,EAAE,IAAI,CAAC,CAAC,CAAC;IACnE,CAAC;AACH,CAAC,CAAC;AAEF;;;GAGG;AACH,MAAM,UAAU,eAAe,CAAC,CAAC,EAAE,OAAO,EAAE,UAAU,EAAE,QAAQ,EAAE,CAEjE;IACC,MAAM,EAAE,OAAO,GAAG,EAAE,EAAE,eAAe,EAAE,GAAG,OAAO,EAAE,CAAC;IAEpD,MAAM,OAAO,GAAG,UAAU,EAAE,CAAC;IAC7B,MAAM,YAAY,GAAG,eAAe,EAAE,CAAC;IACvC,MAAM,8BAA8B,GAClC,CAAC,OAAO,CAAC,mCAAmC,IAAI,4BAA4B,CAAC,YAAY,CAAC,CAAC;IAE7F,wEAAwE;IACxE,IACE,CAAC,2BAA2B,CAAC,OAAO,EAAE,YAAY,CAAC;QACnD,CAAC,OAAO,CAAC,iBAAiB,IAAI,CAAC,8BAA8B,CAAC,EAC9D,CAAC;QACD,2FAA2F;QAC3F,IAAI,CAAC,OAAO,CAAC,iBAAiB,EAAE,CAAC;YAC/B,QAAQ,CAAC,iBAAiB,CAAC,KAAK,EAAE,EAAE,uBAAuB,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC;QACxE,CAAC;QACD,OAAO;IACT,CAAC;IAED,OAAO,CAAC,iBAAiB,GAAG,IAAI,CAAC;IACjC,sGAAsG;IACtG,OAAO,CAAC,4BAA4B,GAAG,IAAI,CAAC;IAE5C,IAAI,8BAA8B,EAAE,CAAC;QACnC,uGAAuG;QACvG,OAAO,CAAC,mCAAmC,GAAG,IAAI,CAAC;QACnD,QAAQ,CAAC,qBAAqB,CAAC,OAAO,EAAE,YAAa,EAAE,IAAI,CAAC,CAAC,CAAC;IAChE,CAAC;SAAM,CAAC;QACN,6GAA6G;QAC7G,QAAQ,CAAC,kBAAkB,CAAC,iBAAiB,CAAC,OAAO,EAAE,YAAa,CAAC,CAAC,CAAC,CAAC;IAC1E,CAAC;AACH,CAAC;AAED;;;GAGG;AACH,SAAS,mBAAmB,CAAC,CAAC,EAAE,UAAU,EAAE,CAA+B;IACzE,8GAA8G;IAC9G,UAAU,EAAE,CAAC,iBAAiB,GAAG,KAAK,CAAC;AACzC,CAAC;AAED;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AACH,eAAe,GAAG,EAAE;IAClB,MAAM,uBAAuB,GAAG,eAAe,CAAC,eAAe,CAAC,CAAC;IACjE,MAAM,2BAA2B,GAAG,eAAe,CAAC,mBAAmB,CAAC,CAAC;IACzE,MAAM,iCAAiC,GAAG,eAAe,CAAC,yBAAyB,CAAC,CAAC;IACrF,MAAM,iCAAiC,GAAG,eAAe,CAAC,yBAAyB,CAAC,CAAC;IACrF,IAAI,0BAA0B,GAA0B,IAAI,CAAC;IAC7D,IAAI,oBAAoB,GAAmB,IAAI,CAAC;IAChD,OAAO,SAAS,OAAO,CAAC,YAA0B;QAChD;;;;WAIG;QACH,IAAI,YAAY,CAAC,OAAO,EAAE,CAAC,QAAQ,KAAK,SAAS,CAAC,KAAK,EAAE,CAAC;YACxD,0BAA0B,EAAE,UAAU,EAAE,CAAC;YACzC,0BAA0B,GAAG,IAAI,CAAC;YAClC,oBAAoB,GAAG,IAAI,CAAC;YAC5B,OAAO;QACT,CAAC;QACD,MAAM,KAAK,GAAG,YAAY,CAAC,QAAQ,EAAE,CAAC;QACtC,sBAAsB;QACtB,2BAA2B,CACzB,CAAC,YAAY,CAAC,EACd,CAAC,KAAK,CAAC,eAAe,EAAE,MAAM,EAAE,KAAK,CAAC,OAAO,EAAE,KAAK,CAAC,aAAa,EAAE,KAAK,CAAC,YAAY,CAAC,CACxF,CAAC;QAEF;;;;;;;;;;;;WAYG;QACH,MAAM,YAAY,GAAG,YAAY,CAAC,OAAO,EAAE,CAAC,eAAe,EAAE,CAAC;QAC9D,IAAI,YAAY,IAAI,YAAY,CAAC,WAAW,KAAK,CAAC,EAAE,CAAC;YACnD,IAAI,0BAA0B,IAAI,oBAAoB,KAAK,YAAY,EAAE,CAAC;gBACxE,gGAAgG;gBAChG,0BAA0B,CAAC,UAAU,EAAE,CAAC;gBACxC,0BAA0B,GAAG,IAAI,CAAC;gBAClC,oBAAoB,GAAG,IAAI,CAAC;YAC9B,CAAC;YAED,IAAI,CAAC,0BAA0B,EAAE,CAAC;gBAChC,0BAA0B,GAAG,IAAI,cAAc,CAAC,OAAO,CAAC,EAAE;oBACxD,KAAK,MAAM,KAAK,IAAI,OAAO,EAAE,CAAC;wBAC5B,IAAI,KAAK,CAAC,WAAW,CAAC,KAAK,GAAG,CAAC,EAAE,CAAC;4BAChC,MAAM,YAAY,GAAG,YAAY,CAAC,QAAQ,EAAE,CAAC;4BAC7C,uBAAuB,CACrB,CAAC,YAAY,CAAC,EACd;gCACE,YAAY,CAAC,eAAe,EAAE,MAAM;gCACpC,YAAY,CAAC,OAAO,EAAE,CAAC,IAAI;gCAC3B,YAAY,CAAC,UAAU,EAAE,CAAC,iBAAiB;gCAC3C,YAAY,CAAC,OAAO;gCACpB,YAAY,CAAC,cAAc;gCAC3B,YAAY,CAAC,mBAAmB,EAAE,uBAAuB;6BAC1D,CACF,CAAC;4BACF,iCAAiC,CAC/B,CAAC,YAAY,CAAC,EACd,CAAC,YAAY,CAAC,MAAM,EAAE,YAAY,CAAC,UAAU,EAAE,EAAE,EAAE,YAAY,CAAC,QAAQ,EAAE,CAAC,CAAC,CAAC,CAAC,CAC/E,CAAC;4BACF,iCAAiC,CAC/B,CAAC,YAAY,CAAC,EACd,CAAC,YAAY,CAAC,oBAAoB,CAAC,CACpC,CAAC;4BACF,0BAA0B,EAAE,SAAS,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC;4BACpD,0BAA0B,GAAG,IAAI,CAAC;4BAClC,oBAAoB,GAAG,IAAI,CAAC;wBAC9B,CAAC;oBACH,CAAC;gBACH,CAAC,CAAC,CAAC;gBACH,0BAA0B,CAAC,OAAO,CAAC,YAAY,CAAC,CAAC;gBACjD,oBAAoB,GAAG,YAAY,CAAC;YACtC,CAAC;YACD,OAAO;QACT,CAAC;QAED,yHAAyH;QACzH,uBAAuB,CACrB,CAAC,YAAY,CAAC,EACd;YACE,KAAK,CAAC,eAAe,EAAE,MAAM;YAC7B,YAAY,CAAC,OAAO,EAAE,CAAC,IAAI;YAC3B,YAAY,CAAC,UAAU,EAAE,CAAC,iBAAiB;YAC3C,KAAK,CAAC,OAAO;YACb,KAAK,CAAC,cAAc;YACpB,KAAK,CAAC,mBAAmB,EAAE,uBAAuB;SACnD,CACF,CAAC;QACF,iCAAiC,CAC/B,CAAC,YAAY,CAAC,EACd,CAAC,KAAK,CAAC,MAAM,EAAE,KAAK,CAAC,UAAU,EAAE,EAAE,EAAE,KAAK,CAAC,QAAQ,EAAE,CAAC,CAAC,CAAC,CAAC,CAC1D,CAAC;QACF,iCAAiC,CAAC,CAAC,YAAY,CAAC,EAAE,CAAC,KAAK,CAAC,oBAAoB,CAAC,CAAC,CAAC;IAClF,CAAC,CAAC;AACJ,CAAC,CAAC","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 meta fields like expand collapse button\n */\nfunction autoSizeFirstVisualColumn([featureProps]: [featureProps: FeatureProps]) {\n  const { getView, dispatch } = featureProps;\n  const { columns = [], getDomContainer } = getView();\n  const firstVisualCol = columns.find(c => c.isFirstVisualColumn);\n  const domContainer = getDomContainer();\n  if (firstVisualCol && domContainer) {\n    dispatch(actionColumnAutoSize(firstVisualCol, domContainer, true));\n  }\n}\n\n/**\n * Runs autosizing on out-of-the-box (OOTB) action columns in the view.\n */\nconst autosizeOotbActionColumns = ([featureProps]: [featureProps: FeatureProps]) => {\n  const { getView, dispatch } = featureProps;\n  const { columns = [], getDomContainer } = getView();\n  const ootbColumns = columns?.filter(col => OOTB_COLUMNS.includes(col.field.id));\n  const domContainer = getDomContainer();\n  if (ootbColumns.length && domContainer) {\n    dispatch(actionColumnsAutoSize(ootbColumns, domContainer, true));\n  }\n};\n\n/**\n * Executes the autosizing feature on all the columns. It dispatches an action that updates {@link State.columnWidths} slice with the calculated widths for all the columns.\n * @param param featureProps\n */\nexport function runColumnSizing([{ getView, getRsStore, dispatch }]: [\n  featureProps: OmitStrict<FeatureProps, 'getOriginalState' | 'getRsProps' | 'browserContext'>\n]) {\n  const { columns = [], getDomContainer } = getView();\n\n  const rsStore = getRsStore();\n  const domContainer = getDomContainer();\n  const runColumnSizingOnRowsAvailable =\n    !rsStore.columnSizingTriggerdOnRowsAvailable && checkDomContainerHasDataRows(domContainer);\n\n  // if there is no group/data row to size in DOM, don't run column sizing\n  if (\n    !checkDomContainerHasAnyRows(columns, domContainer) ||\n    (rsStore.autosizeTriggered && !runColumnSizingOnRowsAvailable)\n  ) {\n    // if in current render cycle the rows were not painted, check for autosizing in next cycle\n    if (!rsStore.autosizeTriggered) {\n      dispatch(actionForceUpdate(false, { forceCalculateAutoWidth: true }));\n    }\n    return;\n  }\n\n  rsStore.autosizeTriggered = true;\n  // skipping column animation on next run if column size changed after personalization change or delete\n  rsStore.skipColumnAnimationOnNextRun = true;\n\n  if (runColumnSizingOnRowsAvailable) {\n    // Fresh column sizing will run only once for a view when the rows are loaded for the first time in DOM\n    rsStore.columnSizingTriggerdOnRowsAvailable = true;\n    dispatch(actionColumnsAutoSize(columns, domContainer!, true));\n  } else {\n    // Incremental column sizing on show/hide of columns or table refresh or on view change with grouping applied\n    dispatch(actionColumnResize(autoSizeOfColumns(columns, domContainer!)));\n  }\n}\n\n/**\n * It resets the {@link RsStore.autosizeTriggered autosize status} on RsStore.\n * @param param featureProps\n */\nfunction resetAutosizeStatus([{ getRsStore }]: [featureProps: FeatureProps]) {\n  // This parent flag checks if any type of sizing is triggered on the table including table header/groups/rows.\n  getRsStore().autosizeTriggered = false;\n}\n\n/**\n * Manages the autosizing feature of columns in the view. This includes the following actions:\n * 1. **Executing Autosize for All Columns**:\n *\n *  This action is triggered when any of the following properties change:\n *  - {@link State.personalization.active}\n *  - {@link View.rows}\n *  - {@link RsStore.autosizeTriggered}\n *  - {@link State.refresh}\n *  - {@link State.hiddenColumns}\n *  - {@link State.forceUpdateFeatures.forceCalculateAutoWidth}\n * 2. **Resetting Autosize Status**:\n *\n *  This action is triggered when any of the following properties change:\n *  - {@link State.personalization.active}\n *  - {@link State.refresh}\n *  - {@link State.hiddenColumns}\n *  - {@link State.customFields}\n *\n *  3. **Executing Autosize on First Visual Column**:\n *\n *    This action is triggered when any of the following properties change:\n *    - {@link State.groups}\n *    - {@link State.responsive.sm}\n */\nexport default () => {\n  const memoizedRunColumnSizing = withMemoization(runColumnSizing);\n  const memoizedResetAutosizeStatus = withMemoization(resetAutosizeStatus);\n  const memoizedAutosizeFirstVisualColumn = withMemoization(autoSizeFirstVisualColumn);\n  const memoizedAutosizeOotbActionColumns = withMemoization(autosizeOotbActionColumns);\n  let domContainerResizeObserver: ResizeObserver | null = null;\n  let observedDomContainer: Element | null = null;\n  return function execute(featureProps: FeatureProps) {\n    /**\n     * Column sizing is Table-only. When template switches away from Table, clear any pending observer.\n     * This prevents an observer created in a previous hidden-Table render from firing late and\n     * triggering sizing work against the current non-Table template\n     */\n    if (featureProps.getView().template !== TEMPLATES.TABLE) {\n      domContainerResizeObserver?.disconnect();\n      domContainerResizeObserver = null;\n      observedDomContainer = null;\n      return;\n    }\n    const state = featureProps.getState();\n    // AutoSize by default\n    memoizedResetAutosizeStatus(\n      [featureProps],\n      [state.personalization?.active, state.refresh, state.hiddenColumns, state.customFields]\n    );\n\n    /**\n     * If one of the table's ancestors is in a hidden state, the autosize calculations will not\n     * function correctly since the domContainer's offsetWidth will be 0. A single ResizeObserver\n     * is attached here (once per hidden period) and fires all sizing functions as soon as the\n     * container gains width.\n     *\n     * The memoized versions are called intentionally so their dependency arrays are initialized\n     * with the current state values. If the raw functions were called instead, the memoized\n     * wrappers would still have no recorded deps and would re-run on the very next `execute`\n     * cycle, causing each sizing function to fire twice.\n     *\n     * Any function that performs sizing calculations should be called within this observer callback.\n     */\n    const domContainer = featureProps.getView().getDomContainer();\n    if (domContainer && domContainer.offsetWidth === 0) {\n      if (domContainerResizeObserver && observedDomContainer !== domContainer) {\n        // The DOM container was replaced while the observer was still pending (e.g. component remount).\n        domContainerResizeObserver.disconnect();\n        domContainerResizeObserver = null;\n        observedDomContainer = null;\n      }\n\n      if (!domContainerResizeObserver) {\n        domContainerResizeObserver = new ResizeObserver(entries => {\n          for (const entry of entries) {\n            if (entry.contentRect.width > 0) {\n              const currentState = featureProps.getState();\n              memoizedRunColumnSizing(\n                [featureProps],\n                [\n                  currentState.personalization?.active,\n                  featureProps.getView().rows,\n                  featureProps.getRsStore().autosizeTriggered,\n                  currentState.refresh,\n                  currentState.visibleColumns,\n                  currentState.forceUpdateFeatures?.forceCalculateAutoWidth\n                ]\n              );\n              memoizedAutosizeFirstVisualColumn(\n                [featureProps],\n                [currentState.groups, currentState.responsive?.sm, 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 meta fields like expand collapse button\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.hiddenColumns}\n *  - {@link State.forceUpdateFeatures.forceCalculateAutoWidth}\n * 2. **Resetting Autosize Status**:\n *\n *  This action is triggered when any of the following properties change:\n *  - {@link State.personalization.active}\n *  - {@link State.refresh}\n *  - {@link State.hiddenColumns}\n *  - {@link State.customFields}\n *\n *  3. **Executing Autosize on First Visual Column**:\n *\n *    This action is triggered when any of the following properties change:\n *    - {@link State.groups}\n *    - {@link State.responsive.sm}\n */\nexport default () => {\n  const memoizedRunColumnSizing = withMemoization(runColumnSizing);\n  const memoizedResetAutosizeStatus = withMemoization(resetAutosizeStatus);\n  const 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.hiddenColumns, state.customFields]\n    );\n\n    /**\n     * If one of the table's ancestors is in a hidden state, the autosize calculations will not\n     * function correctly since the domContainer's offsetWidth will be 0. A single ResizeObserver\n     * is attached here (once per hidden period) and fires all sizing functions as soon as the\n     * container gains width.\n     *\n     * The memoized versions are called intentionally so their dependency arrays are initialized\n     * with the current state values. If the raw functions were called instead, the memoized\n     * wrappers would still have no recorded deps and would re-run on the very next `execute`\n     * cycle, causing each sizing function to fire twice.\n     *\n     * Any function that performs sizing calculations should be called within this observer callback.\n     */\n    const domContainer = featureProps.getView().getDomContainer();\n    if (domContainer && domContainer.offsetWidth === 0) {\n      if (domContainerResizeObserver && observedDomContainer !== domContainer) {\n        // The DOM container was replaced while the observer was still pending (e.g. component remount).\n        domContainerResizeObserver.disconnect();\n        domContainerResizeObserver = null;\n        observedDomContainer = null;\n      }\n\n      if (!domContainerResizeObserver) {\n        domContainerResizeObserver = new ResizeObserver(entries => {\n          for (const entry of entries) {\n            if (entry.contentRect.width > 0) {\n              const currentState = featureProps.getState();\n              memoizedRunColumnSizing(\n                [featureProps],\n                [\n                  currentState.personalization?.active,\n                  featureProps.getView().rows,\n                  featureProps.getRsStore().autosizeTriggered,\n                  currentState.refresh,\n                  currentState.visibleColumns,\n                  currentState.forceUpdateFeatures?.forceCalculateAutoWidth\n                ]\n              );\n              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/beforeRender/changeTemplate.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"changeTemplate.d.ts","sourceRoot":"","sources":["../../../../../../src/core/features/uIFeatures/beforeRender/changeTemplate.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,sBAAsB,CAAC;AAErE;;;;;;;;GAQG;+BA4BuB,cAAc,wBAAwB;AA3BhE,wBA+BE"}
+{"version":3,"file":"changeTemplate.d.ts","sourceRoot":"","sources":["../../../../../../src/core/features/uIFeatures/beforeRender/changeTemplate.ts"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,sBAAsB,CAAC;AAErE;;;;;;;;GAQG;+BAgCuB,cAAc,wBAAwB;AA/BhE,wBAmCE"}

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

@@ -1,5 +1,5 @@
 import { REPEATING_STRUCTURE_TEMPLATES } from '../../../../../types/Meta.types';
-import { actionAddGroups, actionSetGroupSnapshot } from '../../../actions/actions';
+import { actionAddGroups, actionCloseMasterDetail, actionSetGroupSnapshot } from '../../../actions/actions';
 import { withMemoization } from '../../../utils/util';
 /**
  * Synchronizes the runtime-only {@link State.currentTemplate currentTemplate} state slice
@@ -13,10 +13,13 @@ import { withMemoization } from '../../../utils/util';
 export default () => {
     const changeTemplate = ([{ getView, getState, dispatch }]) => {
         // eslint-disable-next-line @typescript-eslint/naming-convention
-        const { currentTemplate, groups, _groupsSnapshot } = getState();
+        const { currentTemplate, groups, _groupsSnapshot, masterDetail } = getState();
         const resolved = !getView().meta.allowSwitchTemplate
             ? getView().meta.template
             : currentTemplate ?? getView().meta.template;
+        if (resolved !== REPEATING_STRUCTURE_TEMPLATES.TABLE && masterDetail) {
+            dispatch(actionCloseMasterDetail());
+        }
         if (resolved === REPEATING_STRUCTURE_TEMPLATES.GALLERY) {
             if (groups?.length) {
                 dispatch(actionSetGroupSnapshot(groups));

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

@@ -1 +1 @@
-{"version":3,"file":"changeTemplate.js","sourceRoot":"","sources":["../../../../../../src/core/features/uIFeatures/beforeRender/changeTemplate.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,6BAA6B,EAAE,MAAM,iCAAiC,CAAC;AAChF,OAAO,EAAE,eAAe,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;AACnF,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AAGtD;;;;;;;;GAQG;AACH,eAAe,GAAG,EAAE;IAClB,MAAM,cAAc,GAAG,CAAC,CAAC,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,CAEvD,EAAE,EAAE;QACH,gEAAgE;QAChE,MAAM,EAAE,eAAe,EAAE,MAAM,EAAE,eAAe,EAAE,GAAG,QAAQ,EAAE,CAAC;QAChE,MAAM,QAAQ,GAAG,CAAC,OAAO,EAAE,CAAC,IAAI,CAAC,mBAAmB;YAClD,CAAC,CAAC,OAAO,EAAE,CAAC,IAAI,CAAC,QAAQ;YACzB,CAAC,CAAC,eAAe,IAAI,OAAO,EAAE,CAAC,IAAI,CAAC,QAAQ,CAAC;QAE/C,IAAI,QAAQ,KAAK,6BAA6B,CAAC,OAAO,EAAE,CAAC;YACvD,IAAI,MAAM,EAAE,MAAM,EAAE,CAAC;gBACnB,QAAQ,CAAC,sBAAsB,CAAC,MAAM,CAAC,CAAC,CAAC;gBACzC,QAAQ,CAAC,eAAe,CAAC,EAAE,CAAC,CAAC,CAAC;YAChC,CAAC;QACH,CAAC;aAAM,IAAI,eAAe,EAAE,MAAM,IAAI,QAAQ,KAAK,6BAA6B,CAAC,KAAK,EAAE,CAAC;YACvF,QAAQ,CAAC,eAAe,CAAC,eAAe,CAAC,CAAC,CAAC;YAC3C,QAAQ,CAAC,sBAAsB,CAAC,SAAS,CAAC,CAAC,CAAC;QAC9C,CAAC;QAED,IAAI,QAAQ,KAAK,OAAO,EAAE,CAAC,QAAQ,EAAE,CAAC;YACpC,OAAO,EAAE,CAAC,OAAO,CAAC,UAAU,EAAE,QAAQ,CAAC,CAAC;QAC1C,CAAC;IACH,CAAC,CAAC;IAEF,MAAM,sBAAsB,GAAG,eAAe,CAAC,cAAc,CAAC,CAAC;IAE/D,OAAO,SAAS,OAAO,CAAC,YAAsC;QAC5D,MAAM,KAAK,GAAG,YAAY,CAAC,QAAQ,EAAE,CAAC;QACtC,sBAAsB,CAAC,CAAC,YAAY,CAAC,EAAE,CAAC,KAAK,CAAC,eAAe,EAAE,KAAK,EAAE,eAAe,EAAE,MAAM,CAAC,CAAC,CAAC;IAClG,CAAC,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import { REPEATING_STRUCTURE_TEMPLATES } from '../../../../../types/Meta.types';\nimport { actionAddGroups, actionSetGroupSnapshot } from '../../../actions/actions';\nimport { withMemoization } from '../../../utils/util';\nimport type { BeforeRenderFeatureProps } from '../../featureFactory';\n\n/**\n * Synchronizes the runtime-only {@link State.currentTemplate currentTemplate} state slice\n * onto the {@link View.template view.template} property.\n *\n * Gallery does not support grouping; on transition into Gallery any active\n * {@link State.groups groups} are snapshotted into {@link State._groupsSnapshot _groupsSnapshot}\n * and cleared, then restored when the user switches back to a grouping-capable template\n * (e.g. Table).\n */\nexport default () => {\n  const changeTemplate = ([{ getView, getState, dispatch }]: [\n    featureProps: BeforeRenderFeatureProps\n  ]) => {\n    // eslint-disable-next-line @typescript-eslint/naming-convention\n    const { currentTemplate, groups, _groupsSnapshot } = getState();\n    const resolved = !getView().meta.allowSwitchTemplate\n      ? getView().meta.template\n      : currentTemplate ?? getView().meta.template;\n\n    if (resolved === REPEATING_STRUCTURE_TEMPLATES.GALLERY) {\n      if (groups?.length) {\n        dispatch(actionSetGroupSnapshot(groups));\n        dispatch(actionAddGroups([]));\n      }\n    } else if (_groupsSnapshot?.length && resolved === REPEATING_STRUCTURE_TEMPLATES.TABLE) {\n      dispatch(actionAddGroups(_groupsSnapshot));\n      dispatch(actionSetGroupSnapshot(undefined));\n    }\n\n    if (resolved !== getView().template) {\n      getView().setProp('template', resolved);\n    }\n  };\n\n  const memoizedChangeTemplate = withMemoization(changeTemplate);\n\n  return function execute(featureProps: BeforeRenderFeatureProps) {\n    const state = featureProps.getState();\n    memoizedChangeTemplate([featureProps], [state.currentTemplate, state?.personalization?.active]);\n  };\n};\n"]}
+{"version":3,"file":"changeTemplate.js","sourceRoot":"","sources":["../../../../../../src/core/features/uIFeatures/beforeRender/changeTemplate.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,6BAA6B,EAAE,MAAM,iCAAiC,CAAC;AAChF,OAAO,EACL,eAAe,EACf,uBAAuB,EACvB,sBAAsB,EACvB,MAAM,0BAA0B,CAAC;AAClC,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AAGtD;;;;;;;;GAQG;AACH,eAAe,GAAG,EAAE;IAClB,MAAM,cAAc,GAAG,CAAC,CAAC,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,CAEvD,EAAE,EAAE;QACH,gEAAgE;QAChE,MAAM,EAAE,eAAe,EAAE,MAAM,EAAE,eAAe,EAAE,YAAY,EAAE,GAAG,QAAQ,EAAE,CAAC;QAC9E,MAAM,QAAQ,GAAG,CAAC,OAAO,EAAE,CAAC,IAAI,CAAC,mBAAmB;YAClD,CAAC,CAAC,OAAO,EAAE,CAAC,IAAI,CAAC,QAAQ;YACzB,CAAC,CAAC,eAAe,IAAI,OAAO,EAAE,CAAC,IAAI,CAAC,QAAQ,CAAC;QAE/C,IAAI,QAAQ,KAAK,6BAA6B,CAAC,KAAK,IAAI,YAAY,EAAE,CAAC;YACrE,QAAQ,CAAC,uBAAuB,EAAE,CAAC,CAAC;QACtC,CAAC;QAED,IAAI,QAAQ,KAAK,6BAA6B,CAAC,OAAO,EAAE,CAAC;YACvD,IAAI,MAAM,EAAE,MAAM,EAAE,CAAC;gBACnB,QAAQ,CAAC,sBAAsB,CAAC,MAAM,CAAC,CAAC,CAAC;gBACzC,QAAQ,CAAC,eAAe,CAAC,EAAE,CAAC,CAAC,CAAC;YAChC,CAAC;QACH,CAAC;aAAM,IAAI,eAAe,EAAE,MAAM,IAAI,QAAQ,KAAK,6BAA6B,CAAC,KAAK,EAAE,CAAC;YACvF,QAAQ,CAAC,eAAe,CAAC,eAAe,CAAC,CAAC,CAAC;YAC3C,QAAQ,CAAC,sBAAsB,CAAC,SAAS,CAAC,CAAC,CAAC;QAC9C,CAAC;QAED,IAAI,QAAQ,KAAK,OAAO,EAAE,CAAC,QAAQ,EAAE,CAAC;YACpC,OAAO,EAAE,CAAC,OAAO,CAAC,UAAU,EAAE,QAAQ,CAAC,CAAC;QAC1C,CAAC;IACH,CAAC,CAAC;IAEF,MAAM,sBAAsB,GAAG,eAAe,CAAC,cAAc,CAAC,CAAC;IAE/D,OAAO,SAAS,OAAO,CAAC,YAAsC;QAC5D,MAAM,KAAK,GAAG,YAAY,CAAC,QAAQ,EAAE,CAAC;QACtC,sBAAsB,CAAC,CAAC,YAAY,CAAC,EAAE,CAAC,KAAK,CAAC,eAAe,EAAE,KAAK,EAAE,eAAe,EAAE,MAAM,CAAC,CAAC,CAAC;IAClG,CAAC,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import { REPEATING_STRUCTURE_TEMPLATES } from '../../../../../types/Meta.types';\nimport {\n  actionAddGroups,\n  actionCloseMasterDetail,\n  actionSetGroupSnapshot\n} from '../../../actions/actions';\nimport { withMemoization } from '../../../utils/util';\nimport type { BeforeRenderFeatureProps } from '../../featureFactory';\n\n/**\n * Synchronizes the runtime-only {@link State.currentTemplate currentTemplate} state slice\n * onto the {@link View.template view.template} property.\n *\n * Gallery does not support grouping; on transition into Gallery any active\n * {@link State.groups groups} are snapshotted into {@link State._groupsSnapshot _groupsSnapshot}\n * and cleared, then restored when the user switches back to a grouping-capable template\n * (e.g. Table).\n */\nexport default () => {\n  const changeTemplate = ([{ getView, getState, dispatch }]: [\n    featureProps: BeforeRenderFeatureProps\n  ]) => {\n    // eslint-disable-next-line @typescript-eslint/naming-convention\n    const { currentTemplate, groups, _groupsSnapshot, masterDetail } = getState();\n    const resolved = !getView().meta.allowSwitchTemplate\n      ? getView().meta.template\n      : currentTemplate ?? getView().meta.template;\n\n    if (resolved !== REPEATING_STRUCTURE_TEMPLATES.TABLE && masterDetail) {\n      dispatch(actionCloseMasterDetail());\n    }\n\n    if (resolved === REPEATING_STRUCTURE_TEMPLATES.GALLERY) {\n      if (groups?.length) {\n        dispatch(actionSetGroupSnapshot(groups));\n        dispatch(actionAddGroups([]));\n      }\n    } else if (_groupsSnapshot?.length && resolved === REPEATING_STRUCTURE_TEMPLATES.TABLE) {\n      dispatch(actionAddGroups(_groupsSnapshot));\n      dispatch(actionSetGroupSnapshot(undefined));\n    }\n\n    if (resolved !== getView().template) {\n      getView().setProp('template', resolved);\n    }\n  };\n\n  const memoizedChangeTemplate = withMemoization(changeTemplate);\n\n  return function execute(featureProps: BeforeRenderFeatureProps) {\n    const state = featureProps.getState();\n    memoizedChangeTemplate([featureProps], [state.currentTemplate, state?.personalization?.active]);\n  };\n};\n"]}

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

@@ -0,0 +1,11 @@
+import type RsInternal from '../../../RsInternal';
+import type { BeforeRenderFeatureProps } from '../../featureFactory';
+/**
+ * 1. Synchronizes Master Detail selection from {@link State.masterDetail} into the generated
+ *    {@link View.masterDetail View} and active Row when the state.masterDetail or meta.masterDetail changes.
+ * 2. Clears the generated selection when Master Detail configuration or state is absent.
+ * 3. Clears {@link State.masterDetail} after {@link AFTER_FETCH} when the selected Row is no
+ *    longer generated.
+ */
+export default function masterDetail(rsInternal: RsInternal): (featureProps: BeforeRenderFeatureProps) => void;
+//# sourceMappingURL=masterDetail.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"masterDetail.d.ts","sourceRoot":"","sources":["../../../../../../src/core/features/uIFeatures/beforeRender/masterDetail.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,UAAU,MAAM,qBAAqB,CAAC;AAClD,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,sBAAsB,CAAC;AAsErE;;;;;;GAMG;AACH,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,UAAU,EAAE,UAAU,IAwCjC,cAAc,wBAAwB,UAI/D"}

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

@@ -0,0 +1,97 @@
+import { AFTER_FETCH } from '../../../pubSub/events';
+import { actionCloseMasterDetail } from '../../../actions/actions';
+import { deepEqual, withMemoization } from '../../../utils/util';
+import getMasterDetailSelection, { isMasterDetailSupported } from '../../../utils/masterDetail';
+/** Returns whether two selections have the same derived row and navigation state. */
+function hasSameSelection(previous, next) {
+    return (previous?.rowKey === next.rowKey &&
+        previous?.row === next.row &&
+        previous?.hasPrevious === next.hasPrevious &&
+        previous?.hasNext === next.hasNext &&
+        previous?.nestedTarget === next.nestedTarget &&
+        previous?.viewName === next.viewName);
+}
+/** Moves the Master Detail active marker from the previous row to the selected row. */
+function updateActiveRow(view, selectedRow) {
+    const activeRow = view.rows?.find(row => row.masterDetailActive);
+    if (activeRow && activeRow !== selectedRow) {
+        activeRow.setProp({ masterDetailActive: false });
+    }
+    if (selectedRow && !selectedRow.masterDetailActive) {
+        selectedRow.setProp({ masterDetailActive: true });
+    }
+}
+/** Clears the Master Detail selection from Row and View generators */
+function clearMasterDetail(view) {
+    updateActiveRow(view, undefined);
+    if (view.masterDetail) {
+        view.setProp({ masterDetail: undefined });
+    }
+}
+/** Apply master detail information to Row and View generators. */
+function applySelection(view, selection) {
+    updateActiveRow(view, selection.row);
+    // Navigation metadata is stored only on the View and must survive selection reconciliation.
+    const { nestedTarget, viewName } = view.masterDetail ?? {};
+    const nextSelection = { ...selection, nestedTarget, viewName };
+    // refreshKey is intentionally omitted from this comparison so a refresh signal is retained.
+    if (!hasSameSelection(view.masterDetail, nextSelection)) {
+        view.setProp({ masterDetail: nextSelection });
+    }
+}
+/** Synchronizes Master Detail state with the View and Row generators. */
+function syncMasterDetail([featureProps]) {
+    const state = featureProps.getState();
+    if (!isMasterDetailSupported(featureProps.getView()) || !state.masterDetail) {
+        clearMasterDetail(featureProps.getView());
+        return;
+    }
+    const selection = getMasterDetailSelection(featureProps.getView(), state);
+    if (selection) {
+        applySelection(featureProps.getView(), selection);
+    }
+}
+/**
+ * 1. Synchronizes Master Detail selection from {@link State.masterDetail} into the generated
+ *    {@link View.masterDetail View} and active Row when the state.masterDetail or meta.masterDetail changes.
+ * 2. Clears the generated selection when Master Detail configuration or state is absent.
+ * 3. Clears {@link State.masterDetail} after {@link AFTER_FETCH} when the selected Row is no
+ *    longer generated.
+ */
+export default function masterDetail(rsInternal) {
+    /** Creates the complete feature context required by the after-fetch reconciliation. */
+    const getFeatureProps = () => ({
+        getState: rsInternal.getRsStateResolver().getState,
+        getView: rsInternal.getView,
+        getRsStore: rsInternal.getRsStore,
+        getRsProps: rsInternal.getRsProps,
+        getOriginalState: rsInternal.getRsStateResolver().getOriginalState,
+        dispatch: rsInternal.getRsStateResolver().dispatch,
+        queuedActions: [],
+        browserContext: rsInternal.getBrowserContext()
+    });
+    const memoizedSync = withMemoization(syncMasterDetail);
+    rsInternal.getPubSubUtils().subscribe(AFTER_FETCH, () => {
+        const featureProps = getFeatureProps();
+        const state = featureProps.getState();
+        if (!isMasterDetailSupported(featureProps.getView()) || !state.masterDetail) {
+            return;
+        }
+        const masterDetailRow = featureProps.getView().rows?.find(row => row.key === state.masterDetail?.rowKey &&
+            featureProps.getView().masterDetail?.rowKey === state.masterDetail?.rowKey &&
+            // Compare row data because index-based item keys can be reused after a row is removed.
+            deepEqual(row.data, featureProps.getView().masterDetail?.row.data));
+        // Clear Master Detail when its selected record is no longer in the generated rows.
+        if (!masterDetailRow) {
+            featureProps.dispatch(actionCloseMasterDetail());
+            return;
+        }
+        // If row is still present then call sync again to update any stale context if present(like hasNext/hasPrevious)
+        syncMasterDetail([featureProps]);
+    });
+    return function execute(featureProps) {
+        const state = featureProps.getState();
+        memoizedSync([featureProps], [state.masterDetail, featureProps.getView().meta.masterDetail]);
+    };
+}
+//# sourceMappingURL=masterDetail.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"masterDetail.js","sourceRoot":"","sources":["../../../../../../src/core/features/uIFeatures/beforeRender/masterDetail.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAC;AACrD,OAAO,EAAE,uBAAuB,EAAE,MAAM,0BAA0B,CAAC;AACnE,OAAO,EAAE,SAAS,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AACjE,OAAO,wBAAwB,EAAE,EAAE,uBAAuB,EAAE,MAAM,6BAA6B,CAAC;AAMhG,qFAAqF;AACrF,SAAS,gBAAgB,CACvB,QAA2C,EAC3C,IAA2B;IAE3B,OAAO,CACL,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC,MAAM;QAChC,QAAQ,EAAE,GAAG,KAAK,IAAI,CAAC,GAAG;QAC1B,QAAQ,EAAE,WAAW,KAAK,IAAI,CAAC,WAAW;QAC1C,QAAQ,EAAE,OAAO,KAAK,IAAI,CAAC,OAAO;QAClC,QAAQ,EAAE,YAAY,KAAK,IAAI,CAAC,YAAY;QAC5C,QAAQ,EAAE,QAAQ,KAAK,IAAI,CAAC,QAAQ,CACrC,CAAC;AACJ,CAAC;AAED,uFAAuF;AACvF,SAAS,eAAe,CAAC,IAAU,EAAE,WAAqD;IACxF,MAAM,SAAS,GAAG,IAAI,CAAC,IAAI,EAAE,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,CAAC,kBAAkB,CAAC,CAAC;IAEjE,IAAI,SAAS,IAAI,SAAS,KAAK,WAAW,EAAE,CAAC;QAC3C,SAAS,CAAC,OAAO,CAAC,EAAE,kBAAkB,EAAE,KAAK,EAAE,CAAC,CAAC;IACnD,CAAC;IACD,IAAI,WAAW,IAAI,CAAC,WAAW,CAAC,kBAAkB,EAAE,CAAC;QACnD,WAAW,CAAC,OAAO,CAAC,EAAE,kBAAkB,EAAE,IAAI,EAAE,CAAC,CAAC;IACpD,CAAC;AACH,CAAC;AAED,sEAAsE;AACtE,SAAS,iBAAiB,CAAC,IAAU;IACnC,eAAe,CAAC,IAAI,EAAE,SAAS,CAAC,CAAC;IACjC,IAAI,IAAI,CAAC,YAAY,EAAE,CAAC;QACtB,IAAI,CAAC,OAAO,CAAC,EAAE,YAAY,EAAE,SAAS,EAAE,CAAC,CAAC;IAC5C,CAAC;AACH,CAAC;AAED,kEAAkE;AAClE,SAAS,cAAc,CAAC,IAAU,EAAE,SAAgC;IAClE,eAAe,CAAC,IAAI,EAAE,SAAS,CAAC,GAAG,CAAC,CAAC;IAErC,4FAA4F;IAC5F,MAAM,EAAE,YAAY,EAAE,QAAQ,EAAE,GAAG,IAAI,CAAC,YAAY,IAAI,EAAE,CAAC;IAC3D,MAAM,aAAa,GAAG,EAAE,GAAG,SAAS,EAAE,YAAY,EAAE,QAAQ,EAAE,CAAC;IAE/D,4FAA4F;IAC5F,IAAI,CAAC,gBAAgB,CAAC,IAAI,CAAC,YAAY,EAAE,aAAa,CAAC,EAAE,CAAC;QACxD,IAAI,CAAC,OAAO,CAAC,EAAE,YAAY,EAAE,aAAa,EAAE,CAAC,CAAC;IAChD,CAAC;AACH,CAAC;AAED,yEAAyE;AACzE,SAAS,gBAAgB,CAAC,CAAC,YAAY,CAEtC;IACC,MAAM,KAAK,GAAG,YAAY,CAAC,QAAQ,EAAE,CAAC;IAEtC,IAAI,CAAC,uBAAuB,CAAC,YAAY,CAAC,OAAO,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,YAAY,EAAE,CAAC;QAC5E,iBAAiB,CAAC,YAAY,CAAC,OAAO,EAAE,CAAC,CAAC;QAC1C,OAAO;IACT,CAAC;IAED,MAAM,SAAS,GAAG,wBAAwB,CAAC,YAAY,CAAC,OAAO,EAAE,EAAE,KAAK,CAAC,CAAC;IAC1E,IAAI,SAAS,EAAE,CAAC;QACd,cAAc,CAAC,YAAY,CAAC,OAAO,EAAE,EAAE,SAAS,CAAC,CAAC;IACpD,CAAC;AACH,CAAC;AAED;;;;;;GAMG;AACH,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,UAAsB;IACzD,uFAAuF;IACvF,MAAM,eAAe,GAAG,GAA6B,EAAE,CAAC,CAAC;QACvD,QAAQ,EAAE,UAAU,CAAC,kBAAkB,EAAE,CAAC,QAAQ;QAClD,OAAO,EAAE,UAAU,CAAC,OAAO;QAC3B,UAAU,EAAE,UAAU,CAAC,UAAU;QACjC,UAAU,EAAE,UAAU,CAAC,UAAU;QACjC,gBAAgB,EAAE,UAAU,CAAC,kBAAkB,EAAE,CAAC,gBAAgB;QAClE,QAAQ,EAAE,UAAU,CAAC,kBAAkB,EAAE,CAAC,QAAQ;QAClD,aAAa,EAAE,EAAE;QACjB,cAAc,EAAE,UAAU,CAAC,iBAAiB,EAAE;KAC/C,CAAC,CAAC;IAEH,MAAM,YAAY,GAAG,eAAe,CAAC,gBAAgB,CAAC,CAAC;IAEvD,UAAU,CAAC,cAAc,EAAE,CAAC,SAAS,CAAC,WAAW,EAAE,GAAG,EAAE;QACtD,MAAM,YAAY,GAAG,eAAe,EAAE,CAAC;QACvC,MAAM,KAAK,GAAG,YAAY,CAAC,QAAQ,EAAE,CAAC;QACtC,IAAI,CAAC,uBAAuB,CAAC,YAAY,CAAC,OAAO,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,YAAY,EAAE,CAAC;YAC5E,OAAO;QACT,CAAC;QAED,MAAM,eAAe,GAAG,YAAY,CAAC,OAAO,EAAE,CAAC,IAAI,EAAE,IAAI,CACvD,GAAG,CAAC,EAAE,CACJ,GAAG,CAAC,GAAG,KAAK,KAAK,CAAC,YAAY,EAAE,MAAM;YACtC,YAAY,CAAC,OAAO,EAAE,CAAC,YAAY,EAAE,MAAM,KAAK,KAAK,CAAC,YAAY,EAAE,MAAM;YAC1E,uFAAuF;YACvF,SAAS,CAAC,GAAG,CAAC,IAAI,EAAE,YAAY,CAAC,OAAO,EAAE,CAAC,YAAY,EAAE,GAAG,CAAC,IAAI,CAAC,CACrE,CAAC;QAEF,mFAAmF;QACnF,IAAI,CAAC,eAAe,EAAE,CAAC;YACrB,YAAY,CAAC,QAAQ,CAAC,uBAAuB,EAAE,CAAC,CAAC;YACjD,OAAO;QACT,CAAC;QAED,gHAAgH;QAChH,gBAAgB,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC;IACnC,CAAC,CAAC,CAAC;IAEH,OAAO,SAAS,OAAO,CAAC,YAAsC;QAC5D,MAAM,KAAK,GAAG,YAAY,CAAC,QAAQ,EAAE,CAAC;QACtC,YAAY,CAAC,CAAC,YAAY,CAAC,EAAE,CAAC,KAAK,CAAC,YAAY,EAAE,YAAY,CAAC,OAAO,EAAE,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC,CAAC;IAC/F,CAAC,CAAC;AACJ,CAAC","sourcesContent":["import { AFTER_FETCH } from '../../../pubSub/events';\nimport { actionCloseMasterDetail } from '../../../actions/actions';\nimport { deepEqual, withMemoization } from '../../../utils/util';\nimport getMasterDetailSelection, { isMasterDetailSupported } from '../../../utils/masterDetail';\nimport type RsInternal from '../../../RsInternal';\nimport type { BeforeRenderFeatureProps } from '../../featureFactory';\nimport type View from '../../../generators/ViewGenerator';\nimport type { MasterDetailSelection } from '../../../generators/ViewGenerator.types';\n\n/** Returns whether two selections have the same derived row and navigation state. */\nfunction hasSameSelection(\n  previous: MasterDetailSelection | undefined,\n  next: MasterDetailSelection\n): boolean {\n  return (\n    previous?.rowKey === next.rowKey &&\n    previous?.row === next.row &&\n    previous?.hasPrevious === next.hasPrevious &&\n    previous?.hasNext === next.hasNext &&\n    previous?.nestedTarget === next.nestedTarget &&\n    previous?.viewName === next.viewName\n  );\n}\n\n/** Moves the Master Detail active marker from the previous row to the selected row. */\nfunction updateActiveRow(view: View, selectedRow: MasterDetailSelection['row'] | undefined): void {\n  const activeRow = view.rows?.find(row => row.masterDetailActive);\n\n  if (activeRow && activeRow !== selectedRow) {\n    activeRow.setProp({ masterDetailActive: false });\n  }\n  if (selectedRow && !selectedRow.masterDetailActive) {\n    selectedRow.setProp({ masterDetailActive: true });\n  }\n}\n\n/** Clears the Master Detail selection from Row and View generators */\nfunction clearMasterDetail(view: View): void {\n  updateActiveRow(view, undefined);\n  if (view.masterDetail) {\n    view.setProp({ masterDetail: undefined });\n  }\n}\n\n/** Apply master detail information to Row and View generators. */\nfunction applySelection(view: View, selection: MasterDetailSelection): void {\n  updateActiveRow(view, selection.row);\n\n  // Navigation metadata is stored only on the View and must survive selection reconciliation.\n  const { nestedTarget, viewName } = view.masterDetail ?? {};\n  const nextSelection = { ...selection, nestedTarget, viewName };\n\n  // refreshKey is intentionally omitted from this comparison so a refresh signal is retained.\n  if (!hasSameSelection(view.masterDetail, nextSelection)) {\n    view.setProp({ masterDetail: nextSelection });\n  }\n}\n\n/** Synchronizes Master Detail state with the View and Row generators. */\nfunction syncMasterDetail([featureProps]: [\n  Pick<BeforeRenderFeatureProps, 'getState' | 'getView' | 'dispatch'>\n]): void {\n  const state = featureProps.getState();\n\n  if (!isMasterDetailSupported(featureProps.getView()) || !state.masterDetail) {\n    clearMasterDetail(featureProps.getView());\n    return;\n  }\n\n  const selection = getMasterDetailSelection(featureProps.getView(), state);\n  if (selection) {\n    applySelection(featureProps.getView(), selection);\n  }\n}\n\n/**\n * 1. Synchronizes Master Detail selection from {@link State.masterDetail} into the generated\n *    {@link View.masterDetail View} and active Row when the state.masterDetail or meta.masterDetail changes.\n * 2. Clears the generated selection when Master Detail configuration or state is absent.\n * 3. Clears {@link State.masterDetail} after {@link AFTER_FETCH} when the selected Row is no\n *    longer generated.\n */\nexport default function masterDetail(rsInternal: RsInternal) {\n  /** Creates the complete feature context required by the after-fetch reconciliation. */\n  const getFeatureProps = (): BeforeRenderFeatureProps => ({\n    getState: rsInternal.getRsStateResolver().getState,\n    getView: rsInternal.getView,\n    getRsStore: rsInternal.getRsStore,\n    getRsProps: rsInternal.getRsProps,\n    getOriginalState: rsInternal.getRsStateResolver().getOriginalState,\n    dispatch: rsInternal.getRsStateResolver().dispatch,\n    queuedActions: [],\n    browserContext: rsInternal.getBrowserContext()\n  });\n\n  const memoizedSync = withMemoization(syncMasterDetail);\n\n  rsInternal.getPubSubUtils().subscribe(AFTER_FETCH, () => {\n    const featureProps = getFeatureProps();\n    const state = featureProps.getState();\n    if (!isMasterDetailSupported(featureProps.getView()) || !state.masterDetail) {\n      return;\n    }\n\n    const masterDetailRow = featureProps.getView().rows?.find(\n      row =>\n        row.key === state.masterDetail?.rowKey &&\n        featureProps.getView().masterDetail?.rowKey === state.masterDetail?.rowKey &&\n        // Compare row data because index-based item keys can be reused after a row is removed.\n        deepEqual(row.data, featureProps.getView().masterDetail?.row.data)\n    );\n\n    // Clear Master Detail when its selected record is no longer in the generated rows.\n    if (!masterDetailRow) {\n      featureProps.dispatch(actionCloseMasterDetail());\n      return;\n    }\n\n    // If row is still present then call sync again to update any stale context if present(like hasNext/hasPrevious)\n    syncMasterDetail([featureProps]);\n  });\n\n  return function execute(featureProps: BeforeRenderFeatureProps) {\n    const state = featureProps.getState();\n    memoizedSync([featureProps], [state.masterDetail, featureProps.getView().meta.masterDetail]);\n  };\n}\n"]}

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

@@ -1 +1 @@
-{"version":3,"file":"prepareRows.d.ts","sourceRoot":"","sources":["../../../../../../src/core/features/uIFeatures/beforeRender/prepareRows.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,UAAU,MAAM,qBAAqB,CAAC;AAsBlD;;GAEG;yBACa,YAAY,UAAU;AAAtC,wBAKE"}
+{"version":3,"file":"prepareRows.d.ts","sourceRoot":"","sources":["../../../../../../src/core/features/uIFeatures/beforeRender/prepareRows.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,UAAU,MAAM,qBAAqB,CAAC;AAuBlD;;GAEG;yBACa,YAAY,UAAU;AAAtC,wBAKE"}

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

@@ -10,6 +10,7 @@ function prepareRows([rsInternal]) {
         const key = String(itemKey ?? index);
         // If the row already existed in the previous data and we have a row object for that, don't create new row.
         // This will help in memoization and thus improving performance.
+        // In case of duplicate keys or empty itemKey, this optimization will never work since reactKey will be uniqueID and it will never match with key.
         const existingRow = getView().rows?.find(r => r.reactKey === key && deepEqual(r.data, d));
         if (existingRow)
             return existingRow;

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

@@ -1 +1 @@
-{"version":3,"file":"prepareRows.js","sourceRoot":"","sources":["../../../../../../src/core/features/uIFeatures/beforeRender/prepareRows.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,aAAa,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAC;AACzF,OAAO,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAC;AACrD,OAAO,GAAG,MAAM,kCAAkC,CAAC;AAKnD,SAAS,WAAW,CAAC,CAAC,UAAU,CAA2B;IACzD,MAAM,EAAE,OAAO,EAAE,GAAG,UAAU,CAAC;IAC/B,MAAM,QAAQ,GAAG,OAAO,EAAE,CAAC,IAAI,EAAE,GAAG,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,CAAC,CAAC,CAAC,OAAO,EAAE,CAAC,IAAI,CAAC,OAAO,CAAC,IAAI,KAAK,CAAC,CAAC;IACvF,MAAM,gBAAgB,GAAG,aAAa,CAAC,QAAQ,CAAC,CAAC;IACjD,MAAM,IAAI,GAAG,OAAO,EAAE,CAAC,IAAI,EAAE,GAAG,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE;QAC5C,MAAM,OAAO,GAAG,CAAC,CAAC,OAAO,EAAE,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;QAC1C,MAAM,GAAG,GAAG,MAAM,CAAC,OAAO,IAAI,KAAK,CAAC,CAAC;QACrC,2GAA2G;QAC3G,gEAAgE;QAChE,MAAM,WAAW,GAAG,OAAO,EAAE,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,QAAQ,KAAK,GAAG,IAAI,SAAS,CAAC,CAAC,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC,CAAC;QAC1F,IAAI,WAAW;YAAE,OAAO,WAAW,CAAC;QAEpC,MAAM,QAAQ,GAAG,gBAAgB,IAAI,OAAO,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,UAAU,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC;QACnF,OAAO,IAAI,GAAG,CAAC,EAAE,GAAG,EAAE,OAAO,EAAE,CAAC,EAAE,QAAQ,EAAE,EAAE,UAAU,CAAC,CAAC;IAC5D,CAAC,CAAC,CAAC;IACH,OAAO,EAAE,CAAC,IAAI,GAAG,IAAI,CAAC;AACxB,CAAC;AAED;;GAEG;AACH,eAAe,CAAC,UAAsB,EAAE,EAAE;IACxC,MAAM,mBAAmB,GAAG,eAAe,CAAC,WAAW,CAAC,CAAC;IACzD,UAAU,CAAC,cAAc,EAAE,CAAC,SAAS,CAAC,WAAW,EAAE,GAAG,EAAE;QACtD,mBAAmB,CAAC,CAAC,UAAU,CAAC,EAAE,CAAC,UAAU,EAAE,UAAU,CAAC,OAAO,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC;IAC7E,CAAC,CAAC,CAAC;AACL,CAAC,CAAC","sourcesContent":["import { withMemoization, hasDuplicates, deepEqual, isEmpty } from '../../../utils/util';\nimport { AFTER_FETCH } from '../../../pubSub/events';\nimport Row from '../../../generators/RowGenerator';\nimport type RsInternal from '../../../RsInternal';\n// eslint-disable-next-line @typescript-eslint/no-unused-vars\nimport type View from '../../../generators/ViewGenerator';\n\nfunction prepareRows([rsInternal]: [rsInternal: RsInternal]) {\n  const { getView } = rsInternal;\n  const itemKeys = getView().data?.map((d, index) => d[getView().meta.itemKey] ?? index);\n  const hasDuplicateKeys = hasDuplicates(itemKeys);\n  const rows = getView().data?.map((d, index) => {\n    const itemKey = d[getView().meta.itemKey];\n    const key = String(itemKey ?? index);\n    // If the row already existed in the previous data and we have a row object for that, don't create new row.\n    // This will help in memoization and thus improving performance.\n    const existingRow = getView().rows?.find(r => r.reactKey === key && deepEqual(r.data, d));\n    if (existingRow) return existingRow;\n\n    const uniqueId = hasDuplicateKeys || isEmpty(itemKey) ? crypto.randomUUID() : null;\n    return new Row({ key, rowData: d, uniqueId }, rsInternal);\n  });\n  getView().rows = rows;\n}\n\n/**\n * Prepare {@link View.rows rows} for the view from view {@link View.data data}. This is triggered on publish of `AFTER_FETCH` event.\n */\nexport default (rsInternal: RsInternal) => {\n  const memoizedPrepareRows = withMemoization(prepareRows);\n  rsInternal.getPubSubUtils().subscribe(AFTER_FETCH, () => {\n    memoizedPrepareRows([rsInternal], [rsInternal, rsInternal.getView().data]);\n  });\n};\n"]}
+{"version":3,"file":"prepareRows.js","sourceRoot":"","sources":["../../../../../../src/core/features/uIFeatures/beforeRender/prepareRows.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,aAAa,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAC;AACzF,OAAO,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAC;AACrD,OAAO,GAAG,MAAM,kCAAkC,CAAC;AAKnD,SAAS,WAAW,CAAC,CAAC,UAAU,CAA2B;IACzD,MAAM,EAAE,OAAO,EAAE,GAAG,UAAU,CAAC;IAC/B,MAAM,QAAQ,GAAG,OAAO,EAAE,CAAC,IAAI,EAAE,GAAG,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,CAAC,CAAC,CAAC,OAAO,EAAE,CAAC,IAAI,CAAC,OAAO,CAAC,IAAI,KAAK,CAAC,CAAC;IACvF,MAAM,gBAAgB,GAAG,aAAa,CAAC,QAAQ,CAAC,CAAC;IACjD,MAAM,IAAI,GAAG,OAAO,EAAE,CAAC,IAAI,EAAE,GAAG,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE;QAC5C,MAAM,OAAO,GAAG,CAAC,CAAC,OAAO,EAAE,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;QAC1C,MAAM,GAAG,GAAG,MAAM,CAAC,OAAO,IAAI,KAAK,CAAC,CAAC;QACrC,2GAA2G;QAC3G,gEAAgE;QAChE,kJAAkJ;QAClJ,MAAM,WAAW,GAAG,OAAO,EAAE,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,QAAQ,KAAK,GAAG,IAAI,SAAS,CAAC,CAAC,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC,CAAC;QAC1F,IAAI,WAAW;YAAE,OAAO,WAAW,CAAC;QAEpC,MAAM,QAAQ,GAAG,gBAAgB,IAAI,OAAO,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,UAAU,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC;QACnF,OAAO,IAAI,GAAG,CAAC,EAAE,GAAG,EAAE,OAAO,EAAE,CAAC,EAAE,QAAQ,EAAE,EAAE,UAAU,CAAC,CAAC;IAC5D,CAAC,CAAC,CAAC;IACH,OAAO,EAAE,CAAC,IAAI,GAAG,IAAI,CAAC;AACxB,CAAC;AAED;;GAEG;AACH,eAAe,CAAC,UAAsB,EAAE,EAAE;IACxC,MAAM,mBAAmB,GAAG,eAAe,CAAC,WAAW,CAAC,CAAC;IACzD,UAAU,CAAC,cAAc,EAAE,CAAC,SAAS,CAAC,WAAW,EAAE,GAAG,EAAE;QACtD,mBAAmB,CAAC,CAAC,UAAU,CAAC,EAAE,CAAC,UAAU,EAAE,UAAU,CAAC,OAAO,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC;IAC7E,CAAC,CAAC,CAAC;AACL,CAAC,CAAC","sourcesContent":["import { withMemoization, hasDuplicates, deepEqual, isEmpty } from '../../../utils/util';\nimport { AFTER_FETCH } from '../../../pubSub/events';\nimport Row from '../../../generators/RowGenerator';\nimport type RsInternal from '../../../RsInternal';\n// eslint-disable-next-line @typescript-eslint/no-unused-vars\nimport type View from '../../../generators/ViewGenerator';\n\nfunction prepareRows([rsInternal]: [rsInternal: RsInternal]) {\n  const { getView } = rsInternal;\n  const itemKeys = getView().data?.map((d, index) => d[getView().meta.itemKey] ?? index);\n  const hasDuplicateKeys = hasDuplicates(itemKeys);\n  const rows = getView().data?.map((d, index) => {\n    const itemKey = d[getView().meta.itemKey];\n    const key = String(itemKey ?? index);\n    // If the row already existed in the previous data and we have a row object for that, don't create new row.\n    // This will help in memoization and thus improving performance.\n    // In case of duplicate keys or empty itemKey, this optimization will never work since reactKey will be uniqueID and it will never match with key.\n    const existingRow = getView().rows?.find(r => r.reactKey === key && deepEqual(r.data, d));\n    if (existingRow) return existingRow;\n\n    const uniqueId = hasDuplicateKeys || isEmpty(itemKey) ? crypto.randomUUID() : null;\n    return new Row({ key, rowData: d, uniqueId }, rsInternal);\n  });\n  getView().rows = rows;\n}\n\n/**\n * Prepare {@link View.rows rows} for the view from view {@link View.data data}. This is triggered on publish of `AFTER_FETCH` event.\n */\nexport default (rsInternal: RsInternal) => {\n  const memoizedPrepareRows = withMemoization(prepareRows);\n  rsInternal.getPubSubUtils().subscribe(AFTER_FETCH, () => {\n    memoizedPrepareRows([rsInternal], [rsInternal, rsInternal.getView().data]);\n  });\n};\n"]}

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

@@ -1 +1 @@
-{"version":3,"file":"refresh.d.ts","sourceRoot":"","sources":["../../../../../../src/core/features/uIFeatures/beforeRender/refresh.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,sBAAsB,CAAC;AAMrE,OAAO,KAAK,UAAU,MAAM,qBAAqB,CAAC;AA2BlD;;;;;;;;;;;GAWG;yBACa,YAAY,UAAU,MAIZ,cAAc,wBAAwB;AAJhE,wBAmBE"}
+{"version":3,"file":"refresh.d.ts","sourceRoot":"","sources":["../../../../../../src/core/features/uIFeatures/beforeRender/refresh.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,sBAAsB,CAAC;AAMrE,OAAO,KAAK,UAAU,MAAM,qBAAqB,CAAC;AA6BlD;;;;;;;;;;;GAWG;yBACa,YAAY,UAAU,MAIZ,cAAc,wBAAwB;AAJhE,wBAmBE"}

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

@@ -16,6 +16,8 @@ const resetRefresh = ({ getRsStore, getView }) => {
     if (getRsStore().refreshInProgress) {
         getRsStore().refreshInProgress = false;
         getRsStore().refreshToken = undefined;
+        // A full refresh may change data rendered in Master Detail even if RS data is not changed.
+        getView().type.refreshMasterDetail();
     }
 };
 /**

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

@@ -1 +1 @@
-{"version":3,"file":"refresh.js","sourceRoot":"","sources":["../../../../../../src/core/features/uIFeatures/beforeRender/refresh.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AAQtD,OAAO,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAC;AAErD,MAAM,SAAS,GAAG,CAAC,CAAC,EAAE,OAAO,EAAE,CAA2C,EAAE,EAAE;IAC5E,MAAM,EACJ,IAAI,EAAE,EAAE,YAAY,EAAE,EACtB,mBAAmB,EACpB,GAAG,OAAO,EAAE,CAAC;IACd,IAAI,mBAAmB,EAAE,EAAE,EAAE,CAAC;QAC5B,YAAY,EAAE,CAAC;IACjB,CAAC;AACH,CAAC,CAAC;AAEF,MAAM,YAAY,GAAG,CAAC,EAAE,UAAU,EAAE,OAAO,EAAc,EAAE,EAAE;IAC3D,gEAAgE;IAChE,IAAI,OAAO,EAAE,CAAC,mBAAmB,EAAE,EAAE,IAAI,UAAU,EAAE,CAAC,iBAAiB,EAAE,CAAC;QACxE,OAAO,EAAE,CAAC,OAAO,CAAC,qBAAqB,EAAE,SAAS,CAAC,CAAC;QACpD,OAAO,EAAE,CAAC,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;IACpC,CAAC;IAED,yDAAyD;IACzD,IAAI,UAAU,EAAE,CAAC,iBAAiB,EAAE,CAAC;QACnC,UAAU,EAAE,CAAC,iBAAiB,GAAG,KAAK,CAAC;QACvC,UAAU,EAAE,CAAC,YAAY,GAAG,SAAS,CAAC;IACxC,CAAC;AACH,CAAC,CAAC;AAEF;;;;;;;;;;;GAWG;AACH,eAAe,CAAC,UAAsB,EAAE,EAAE;IACxC,UAAU,CAAC,cAAc,EAAE,CAAC,SAAS,CAAC,WAAW,EAAE,GAAG,EAAE,CAAC,YAAY,CAAC,UAAU,CAAC,CAAC,CAAC;IACnF,MAAM,iBAAiB,GAAG,eAAe,CAAC,SAAS,CAAC,CAAC;IAErD,OAAO,SAAS,OAAO,CAAC,YAAsC;QAC5D,MAAM,KAAK,GAAG,YAAY,CAAC,QAAQ,EAAE,CAAC;QACtC,iBAAiB,CACf,CAAC,YAAY,CAAC,EACd;YACE,KAAK,CAAC,gBAAgB;YACtB,KAAK,CAAC,MAAM,EAAE,KAAK;YACnB,KAAK,EAAE,YAAY;YACnB,KAAK,CAAC,WAAW;YACjB,KAAK,CAAC,iBAAiB;YACvB,KAAK,CAAC,eAAe;YACrB,KAAK,CAAC,MAAM;SACb,CACF,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 View from '../../../generators/ViewGenerator';\nimport type { State } from '../../../../../types/State.types';\nimport type { UtilityFunctions } from '../../../generators/viewUtilityMethods';\n/* eslint-enable @typescript-eslint/no-unused-vars */\nimport type RsInternal from '../../../RsInternal';\nimport { AFTER_FETCH } from '../../../pubSub/events';\n\nconst onRefresh = ([{ getView }]: [featureProps: BeforeRenderFeatureProps]) => {\n  const {\n    type: { forceRefresh },\n    refreshNotification\n  } = getView();\n  if (refreshNotification?.id) {\n    forceRefresh();\n  }\n};\n\nconst resetRefresh = ({ getRsStore, getView }: RsInternal) => {\n  // Clear the refresh notification once the refresh is completed.\n  if (getView().refreshNotification?.id && getRsStore().refreshInProgress) {\n    getView().setProp('refreshNotification', undefined);\n    getView().type.forceUpdate(false);\n  }\n\n  // Reset the refresh flags once the refresh is completed.\n  if (getRsStore().refreshInProgress) {\n    getRsStore().refreshInProgress = false;\n    getRsStore().refreshToken = undefined;\n  }\n};\n\n/**\n * 1. Triggers {@link UtilityFunctions.forceRefresh forceRefresh} if {@link View.refreshNotification refresh notification} is on and any of the following state properties are changed:\n *  - {@link State.filterExpression}\n *  - `query` in {@link State.search}\n *  - {@link State.sortingOrder}\n *  - {@link State.groupToggle}\n *  - {@link State.allGroupsExpanded}\n *  - {@link State.aggregationInfo}\n *  - {@link State.groups}\n * 2. Reset the refresh notification once the refresh is completed by subscribing to {@link AFTER_FETCH} event.\n * 3. Reset the `refreshInProgress` and `refreshToken` in {@link RsStore} once the refresh is completed.\n */\nexport default (rsInternal: RsInternal) => {\n  rsInternal.getPubSubUtils().subscribe(AFTER_FETCH, () => resetRefresh(rsInternal));\n  const memoizedOnRefresh = withMemoization(onRefresh);\n\n  return function execute(featureProps: BeforeRenderFeatureProps) {\n    const state = featureProps.getState();\n    memoizedOnRefresh(\n      [featureProps],\n      [\n        state.filterExpression,\n        state.search?.query,\n        state?.sortingOrder,\n        state.groupToggle,\n        state.allGroupsExpanded,\n        state.aggregationInfo,\n        state.groups\n      ]\n    );\n  };\n};\n"]}
+{"version":3,"file":"refresh.js","sourceRoot":"","sources":["../../../../../../src/core/features/uIFeatures/beforeRender/refresh.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AAQtD,OAAO,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAC;AAErD,MAAM,SAAS,GAAG,CAAC,CAAC,EAAE,OAAO,EAAE,CAA2C,EAAE,EAAE;IAC5E,MAAM,EACJ,IAAI,EAAE,EAAE,YAAY,EAAE,EACtB,mBAAmB,EACpB,GAAG,OAAO,EAAE,CAAC;IACd,IAAI,mBAAmB,EAAE,EAAE,EAAE,CAAC;QAC5B,YAAY,EAAE,CAAC;IACjB,CAAC;AACH,CAAC,CAAC;AAEF,MAAM,YAAY,GAAG,CAAC,EAAE,UAAU,EAAE,OAAO,EAAc,EAAE,EAAE;IAC3D,gEAAgE;IAChE,IAAI,OAAO,EAAE,CAAC,mBAAmB,EAAE,EAAE,IAAI,UAAU,EAAE,CAAC,iBAAiB,EAAE,CAAC;QACxE,OAAO,EAAE,CAAC,OAAO,CAAC,qBAAqB,EAAE,SAAS,CAAC,CAAC;QACpD,OAAO,EAAE,CAAC,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;IACpC,CAAC;IAED,yDAAyD;IACzD,IAAI,UAAU,EAAE,CAAC,iBAAiB,EAAE,CAAC;QACnC,UAAU,EAAE,CAAC,iBAAiB,GAAG,KAAK,CAAC;QACvC,UAAU,EAAE,CAAC,YAAY,GAAG,SAAS,CAAC;QACtC,2FAA2F;QAC3F,OAAO,EAAE,CAAC,IAAI,CAAC,mBAAmB,EAAE,CAAC;IACvC,CAAC;AACH,CAAC,CAAC;AAEF;;;;;;;;;;;GAWG;AACH,eAAe,CAAC,UAAsB,EAAE,EAAE;IACxC,UAAU,CAAC,cAAc,EAAE,CAAC,SAAS,CAAC,WAAW,EAAE,GAAG,EAAE,CAAC,YAAY,CAAC,UAAU,CAAC,CAAC,CAAC;IACnF,MAAM,iBAAiB,GAAG,eAAe,CAAC,SAAS,CAAC,CAAC;IAErD,OAAO,SAAS,OAAO,CAAC,YAAsC;QAC5D,MAAM,KAAK,GAAG,YAAY,CAAC,QAAQ,EAAE,CAAC;QACtC,iBAAiB,CACf,CAAC,YAAY,CAAC,EACd;YACE,KAAK,CAAC,gBAAgB;YACtB,KAAK,CAAC,MAAM,EAAE,KAAK;YACnB,KAAK,EAAE,YAAY;YACnB,KAAK,CAAC,WAAW;YACjB,KAAK,CAAC,iBAAiB;YACvB,KAAK,CAAC,eAAe;YACrB,KAAK,CAAC,MAAM;SACb,CACF,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 View from '../../../generators/ViewGenerator';\nimport type { State } from '../../../../../types/State.types';\nimport type { UtilityFunctions } from '../../../generators/viewUtilityMethods';\n/* eslint-enable @typescript-eslint/no-unused-vars */\nimport type RsInternal from '../../../RsInternal';\nimport { AFTER_FETCH } from '../../../pubSub/events';\n\nconst onRefresh = ([{ getView }]: [featureProps: BeforeRenderFeatureProps]) => {\n  const {\n    type: { forceRefresh },\n    refreshNotification\n  } = getView();\n  if (refreshNotification?.id) {\n    forceRefresh();\n  }\n};\n\nconst resetRefresh = ({ getRsStore, getView }: RsInternal) => {\n  // Clear the refresh notification once the refresh is completed.\n  if (getView().refreshNotification?.id && getRsStore().refreshInProgress) {\n    getView().setProp('refreshNotification', undefined);\n    getView().type.forceUpdate(false);\n  }\n\n  // Reset the refresh flags once the refresh is completed.\n  if (getRsStore().refreshInProgress) {\n    getRsStore().refreshInProgress = false;\n    getRsStore().refreshToken = undefined;\n    // A full refresh may change data rendered in Master Detail even if RS data is not changed.\n    getView().type.refreshMasterDetail();\n  }\n};\n\n/**\n * 1. Triggers {@link UtilityFunctions.forceRefresh forceRefresh} if {@link View.refreshNotification refresh notification} is on and any of the following state properties are changed:\n *  - {@link State.filterExpression}\n *  - `query` in {@link State.search}\n *  - {@link State.sortingOrder}\n *  - {@link State.groupToggle}\n *  - {@link State.allGroupsExpanded}\n *  - {@link State.aggregationInfo}\n *  - {@link State.groups}\n * 2. Reset the refresh notification once the refresh is completed by subscribing to {@link AFTER_FETCH} event.\n * 3. Reset the `refreshInProgress` and `refreshToken` in {@link RsStore} once the refresh is completed.\n */\nexport default (rsInternal: RsInternal) => {\n  rsInternal.getPubSubUtils().subscribe(AFTER_FETCH, () => resetRefresh(rsInternal));\n  const memoizedOnRefresh = withMemoization(onRefresh);\n\n  return function execute(featureProps: BeforeRenderFeatureProps) {\n    const state = featureProps.getState();\n    memoizedOnRefresh(\n      [featureProps],\n      [\n        state.filterExpression,\n        state.search?.query,\n        state?.sortingOrder,\n        state.groupToggle,\n        state.allGroupsExpanded,\n        state.aggregationInfo,\n        state.groups\n      ]\n    );\n  };\n};\n"]}

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

@@ -1,4 +1,5 @@
 import scrollToTop from './beforeRender/scrollToTop';
+import masterDetail from './beforeRender/masterDetail';
 declare const _default: {
     beforeRender: {
         busyIndicator: (rsInternal: import("../../RsInternal").default) => (featureProps: import("../featureFactory").BeforeRenderFeatureProps) => void;
@@ -22,6 +23,7 @@ declare const _default: {
         aggregation: () => (featureProps: import("../featureFactory").BeforeRenderFeatureProps) => Promise<void>;
         stateSanitization: () => (featureProps: import("../featureFactory").BeforeRenderFeatureProps) => void;
         prepareRows: (rsInternal: import("../../RsInternal").default) => void;
+        masterDetail: typeof masterDetail;
         prepareColumns: (rsInternal: import("../../RsInternal").default) => (featureProps: import("../featureFactory").BeforeRenderFeatureProps) => void;
         columnFormatter: () => (featureProps: import("../featureFactory").BeforeRenderFeatureProps) => void;
         ColumnDisplayMode: () => (featureProps: import("../featureFactory").BeforeRenderFeatureProps) => void;

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;;;4EAJZ,kEAClB;6BAnBlB,kEAAsC;6BAuE01G,kEAAsC;uBARr6G,kEAEM;;0BA3DwC,kEAChB;;uBAYF,kEACR;6BAmD2mC,kEAAsC;;4BAzDvnC,kEACpC;8BAwD4wM,kEAAsC;kCAzB9zM,kEAEH;6BAvCgC,kEAChB;2BAGgB,kEAC5B;2EAyDu0D,kEAAsC;yCA9Cn2D,kEAEG;+BA4C+qL,kEAAsC;4BAnDrsL,kEACd;kCAkD+4T,kEAAsC;;6EAA/1L,kEAAsC;gCA7D9mI,kEACpB;kCAR2C,kEAC1C;4BAmEmF,kEAAsC;kCAlEjH,kEAAsC;sCAQ/B,kEAC7B;+BADwD,kEAC5B;0EAyDg1P,kEAAsC;wEAA78I,kEAAsC;4BALx+G,kEACO;6BAxEmD,kEAC5B;sEAwBU,kEACd;2BAkDsF,kEAAsC;4BA7DnI,kEACpB;;uCA4D86B,kEAAsC;;;0BAAotD,sDAA0B;iCAA+hB,sDAA0B;yCA3DttG,sDAC5B;;;AAYZ,wBA6CE"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/core/features/uIFeatures/index.ts"],"names":[],"mappings":"AAsCA,OAAO,WAAW,MAAM,4BAA4B,CAAC;AAErD,OAAO,YAAY,MAAM,6BAA6B,CAAC;;;4EANd,kEAClB;6BAnBlB,kEAAsC;6BAyEgxG,kEAAsC;uBAbp1G,kEAGT;;0BAzDgD,kEAChB;;uBAYF,kEACR;6BAqDiiC,kEAAsC;;4BA3D7iC,kEACpC;8BA0DksM,kEAAsC;kCA7B1uM,kEAEZ;6BArC+B,kEAChB;2BAGgB,kEAC5B;2EA2D6vD,kEAAsC;yCAjDxxD,kEAAsC;+BAiDikL,kEAAsC;4BArD3nL,kEACd;kCAoDq0T,kEAAsC;;;6EAA/1L,kEAAsC;gCA/DpiI,kEACpB;kCAR2C,kEAC1C;4BAqES,kEAAsC;kCApEvC,kEAAsC;sCAQ/B,kEAC7B;+BAE2B,kEACZ;0EAwDmxP,kEAAsC;wEAA78I,kEAAsC;4BAVt5G,kEAEI;6BAtE8C,kEAC5B;sEA2BZ,kEAAsC;2BAkDlB,kEAAsC;4BA/DzD,kEACpB;;uCA8Do2B,kEAAsC;;;0BAAotD,sDAA0B;iCAAi8C,sDAA0B;yCA7D9iI,sDAC5B;;;AAaZ,wBA8CE"}

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

@@ -38,6 +38,7 @@ import resetFetch from './beforeRender/resetFetch';
 import errorColumn from './beforeRender/errorColumn';
 import scrollToTop from './beforeRender/scrollToTop';
 import conditionalStyleFormat from './beforeRender/conditionalStyleFormat';
+import masterDetail from './beforeRender/masterDetail';
 export default {
     beforeRender: {
         busyIndicator,
@@ -61,6 +62,7 @@ export default {
         aggregation,
         stateSanitization,
         prepareRows,
+        masterDetail,
         prepareColumns,
         columnFormatter,
         ColumnDisplayMode,

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/core/features/uIFeatures/index.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,uBAAuB,CAAC;AAC3C,OAAO,YAAY,MAAM,0BAA0B,CAAC;AACpD,OAAO,SAAS,MAAM,0BAA0B,CAAC;AACjD,OAAO,WAAW,MAAM,4BAA4B,CAAC;AACrD,OAAO,iBAAiB,MAAM,kCAAkC,CAAC;AACjE,OAAO,aAAa,MAAM,8BAA8B,CAAC;AACzD,OAAO,eAAe,MAAM,gCAAgC,CAAC;AAC7D,OAAO,YAAY,MAAM,6BAA6B,CAAC;AACvD,OAAO,YAAY,MAAM,6BAA6B,CAAC;AACvD,OAAO,UAAU,MAAM,2BAA2B,CAAC;AACnD,OAAO,eAAe,MAAM,gCAAgC,CAAC;AAC7D,OAAO,iBAAiB,MAAM,kCAAkC,CAAC;AACjE,OAAO,aAAa,MAAM,yBAAyB,CAAC;AACpD,OAAO,wBAAwB,MAAM,wCAAwC,CAAC;AAC9E,OAAO,YAAY,MAAM,6BAA6B,CAAC;AACvD,OAAO,YAAY,MAAM,oCAAoC,CAAC;AAC9D,OAAO,QAAQ,MAAM,yBAAyB,CAAC;AAC/C,OAAO,MAAM,MAAM,uBAAuB,CAAC;AAC3C,OAAO,YAAY,MAAM,6BAA6B,CAAC;AACvD,OAAO,wBAAwB,MAAM,yCAAyC,CAAC;AAC/E,OAAO,cAAc,MAAM,+BAA+B,CAAC;AAC3D,OAAO,iBAAiB,MAAM,kCAAkC,CAAC;AACjE,OAAO,WAAW,MAAM,4BAA4B,CAAC;AACrD,OAAO,WAAW,MAAM,4BAA4B,CAAC;AACrD,OAAO,cAAc,MAAM,+BAA+B,CAAC;AAC3D,OAAO,WAAW,MAAM,4BAA4B,CAAC;AACrD,OAAO,aAAa,MAAM,8BAA8B,CAAC;AACzD,OAAO,gBAAgB,MAAM,4BAA4B,CAAC;AAC1D,OAAO,WAAW,MAAM,4BAA4B,CAAC;AACrD,OAAO,iBAAiB,MAAM,kCAAkC,CAAC;AACjE,OAAO,qBAAqB,MAAM,sCAAsC,CAAC;AACzE,OAAO,cAAc,MAAM,+BAA+B,CAAC;AAC3D,OAAO,SAAS,MAAM,0BAA0B,CAAC;AACjD,OAAO,WAAW,MAAM,gCAAgC,CAAC;AACzD,OAAO,YAAY,MAAM,6BAA6B,CAAC;AACvD,OAAO,OAAO,MAAM,wBAAwB,CAAC;AAC7C,OAAO,UAAU,MAAM,2BAA2B,CAAC;AACnD,OAAO,WAAW,MAAM,4BAA4B,CAAC;AACrD,OAAO,WAAW,MAAM,4BAA4B,CAAC;AACrD,OAAO,sBAAsB,MAAM,uCAAuC,CAAC;AAE3E,eAAe;IACb,YAAY,EAAE;QACZ,aAAa;QACb,YAAY;QACZ,YAAY;QACZ,MAAM;QACN,SAAS,EAAE,YAAY;QACvB,SAAS;QACT,QAAQ;QACR,MAAM;QACN,YAAY;QACZ,eAAe;QACf,WAAW;QACX,aAAa;QACb,iBAAiB;QACjB,YAAY;QACZ,UAAU;QACV,YAAY;QACZ,wBAAwB;QACxB,cAAc;QACd,WAAW;QACX,iBAAiB;QACjB,WAAW;QACX,cAAc;QACd,eAAe;QACf,iBAAiB;QACjB,WAAW;QACX,iBAAiB;QACjB,qBAAqB;QACrB,cAAc;QACd,WAAW;QACX,SAAS;QACT,WAAW;QACX,YAAY;QACZ,OAAO;QACP,UAAU;QACV,WAAW;QACX,WAAW;QACX,sBAAsB;KACvB;IACD,WAAW,EAAE;QACX,SAAS,EAAE,aAAa;QACxB,gBAAgB;QAChB,wBAAwB;KACzB;CACF,CAAC","sourcesContent":["import freeze from './beforeRender/freeze';\nimport preAnimation from './beforeRender/animation';\nimport rowHeight from './beforeRender/rowHeight';\nimport columnOrder from './beforeRender/columnOrder';\nimport columnVisualOrder from './beforeRender/columnVisualOrder';\nimport columnReOrder from './beforeRender/columnReOrder';\nimport personalization from './beforeRender/personalization';\nimport customColumn from './beforeRender/customColumn';\nimport columnToggle from './beforeRender/columnToggle';\nimport columnSort from './beforeRender/columnSort';\nimport columnFormatter from './beforeRender/columnFormatter';\nimport ColumnDisplayMode from './beforeRender/columnDisplayMode';\nimport postAnimation from './afterRender/animation';\nimport customizeParentContainer from './afterRender/customizeParentContainer';\nimport columnSizing from './beforeRender/columnSizing';\nimport columnResize from './beforeRender/columnSizing/resize';\nimport grouping from './beforeRender/grouping';\nimport filter from './beforeRender/filter';\nimport adjustHeight from './beforeRender/adjustHeight';\nimport adjustHeightToFitRecords from './beforeRender/adjustHeightToFitRecords';\nimport stateHydration from './beforeRender/stateHydration';\nimport stateSanitization from './beforeRender/stateSanitization';\nimport aggregation from './beforeRender/aggregation';\nimport prepareRows from './beforeRender/prepareRows';\nimport prepareColumns from './beforeRender/prepareColumns';\nimport columnAlias from './beforeRender/columnAlias';\nimport busyIndicator from './beforeRender/busyIndicator';\nimport columnAutoSizing from './afterRender/columnSizing';\nimport rowDragDrop from './beforeRender/rowDragDrop';\nimport toggleHeaderIcons from './beforeRender/toggleHeaderIcons';\nimport changePersonalisation from './beforeRender/changePersonalisation';\nimport changeTemplate from './beforeRender/changeTemplate';\nimport rowSelect from './beforeRender/rowSelect';\nimport moveRecords from './beforeRender/moveListRecords';\nimport renderHeader from './beforeRender/renderHeader';\nimport refresh from './beforeRender/refresh';\nimport resetFetch from './beforeRender/resetFetch';\nimport errorColumn from './beforeRender/errorColumn';\nimport scrollToTop from './beforeRender/scrollToTop';\nimport conditionalStyleFormat from './beforeRender/conditionalStyleFormat';\n\nexport default {\n  beforeRender: {\n    busyIndicator,\n    columnSizing,\n    columnResize,\n    freeze,\n    animation: preAnimation,\n    rowHeight,\n    grouping,\n    filter,\n    customColumn,\n    personalization,\n    columnOrder,\n    columnReOrder,\n    columnVisualOrder,\n    columnToggle,\n    columnSort,\n    adjustHeight,\n    adjustHeightToFitRecords,\n    stateHydration,\n    aggregation,\n    stateSanitization,\n    prepareRows,\n    prepareColumns,\n    columnFormatter,\n    ColumnDisplayMode,\n    columnAlias,\n    toggleHeaderIcons,\n    changePersonalisation,\n    changeTemplate,\n    rowDragDrop,\n    rowSelect,\n    moveRecords,\n    renderHeader,\n    refresh,\n    resetFetch,\n    errorColumn,\n    scrollToTop,\n    conditionalStyleFormat\n  },\n  afterRender: {\n    animation: postAnimation,\n    columnAutoSizing,\n    customizeParentContainer\n  }\n};\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/core/features/uIFeatures/index.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,uBAAuB,CAAC;AAC3C,OAAO,YAAY,MAAM,0BAA0B,CAAC;AACpD,OAAO,SAAS,MAAM,0BAA0B,CAAC;AACjD,OAAO,WAAW,MAAM,4BAA4B,CAAC;AACrD,OAAO,iBAAiB,MAAM,kCAAkC,CAAC;AACjE,OAAO,aAAa,MAAM,8BAA8B,CAAC;AACzD,OAAO,eAAe,MAAM,gCAAgC,CAAC;AAC7D,OAAO,YAAY,MAAM,6BAA6B,CAAC;AACvD,OAAO,YAAY,MAAM,6BAA6B,CAAC;AACvD,OAAO,UAAU,MAAM,2BAA2B,CAAC;AACnD,OAAO,eAAe,MAAM,gCAAgC,CAAC;AAC7D,OAAO,iBAAiB,MAAM,kCAAkC,CAAC;AACjE,OAAO,aAAa,MAAM,yBAAyB,CAAC;AACpD,OAAO,wBAAwB,MAAM,wCAAwC,CAAC;AAC9E,OAAO,YAAY,MAAM,6BAA6B,CAAC;AACvD,OAAO,YAAY,MAAM,oCAAoC,CAAC;AAC9D,OAAO,QAAQ,MAAM,yBAAyB,CAAC;AAC/C,OAAO,MAAM,MAAM,uBAAuB,CAAC;AAC3C,OAAO,YAAY,MAAM,6BAA6B,CAAC;AACvD,OAAO,wBAAwB,MAAM,yCAAyC,CAAC;AAC/E,OAAO,cAAc,MAAM,+BAA+B,CAAC;AAC3D,OAAO,iBAAiB,MAAM,kCAAkC,CAAC;AACjE,OAAO,WAAW,MAAM,4BAA4B,CAAC;AACrD,OAAO,WAAW,MAAM,4BAA4B,CAAC;AACrD,OAAO,cAAc,MAAM,+BAA+B,CAAC;AAC3D,OAAO,WAAW,MAAM,4BAA4B,CAAC;AACrD,OAAO,aAAa,MAAM,8BAA8B,CAAC;AACzD,OAAO,gBAAgB,MAAM,4BAA4B,CAAC;AAC1D,OAAO,WAAW,MAAM,4BAA4B,CAAC;AACrD,OAAO,iBAAiB,MAAM,kCAAkC,CAAC;AACjE,OAAO,qBAAqB,MAAM,sCAAsC,CAAC;AACzE,OAAO,cAAc,MAAM,+BAA+B,CAAC;AAC3D,OAAO,SAAS,MAAM,0BAA0B,CAAC;AACjD,OAAO,WAAW,MAAM,gCAAgC,CAAC;AACzD,OAAO,YAAY,MAAM,6BAA6B,CAAC;AACvD,OAAO,OAAO,MAAM,wBAAwB,CAAC;AAC7C,OAAO,UAAU,MAAM,2BAA2B,CAAC;AACnD,OAAO,WAAW,MAAM,4BAA4B,CAAC;AACrD,OAAO,WAAW,MAAM,4BAA4B,CAAC;AACrD,OAAO,sBAAsB,MAAM,uCAAuC,CAAC;AAC3E,OAAO,YAAY,MAAM,6BAA6B,CAAC;AAEvD,eAAe;IACb,YAAY,EAAE;QACZ,aAAa;QACb,YAAY;QACZ,YAAY;QACZ,MAAM;QACN,SAAS,EAAE,YAAY;QACvB,SAAS;QACT,QAAQ;QACR,MAAM;QACN,YAAY;QACZ,eAAe;QACf,WAAW;QACX,aAAa;QACb,iBAAiB;QACjB,YAAY;QACZ,UAAU;QACV,YAAY;QACZ,wBAAwB;QACxB,cAAc;QACd,WAAW;QACX,iBAAiB;QACjB,WAAW;QACX,YAAY;QACZ,cAAc;QACd,eAAe;QACf,iBAAiB;QACjB,WAAW;QACX,iBAAiB;QACjB,qBAAqB;QACrB,cAAc;QACd,WAAW;QACX,SAAS;QACT,WAAW;QACX,YAAY;QACZ,OAAO;QACP,UAAU;QACV,WAAW;QACX,WAAW;QACX,sBAAsB;KACvB;IACD,WAAW,EAAE;QACX,SAAS,EAAE,aAAa;QACxB,gBAAgB;QAChB,wBAAwB;KACzB;CACF,CAAC","sourcesContent":["import freeze from './beforeRender/freeze';\nimport preAnimation from './beforeRender/animation';\nimport rowHeight from './beforeRender/rowHeight';\nimport columnOrder from './beforeRender/columnOrder';\nimport columnVisualOrder from './beforeRender/columnVisualOrder';\nimport columnReOrder from './beforeRender/columnReOrder';\nimport personalization from './beforeRender/personalization';\nimport customColumn from './beforeRender/customColumn';\nimport columnToggle from './beforeRender/columnToggle';\nimport columnSort from './beforeRender/columnSort';\nimport columnFormatter from './beforeRender/columnFormatter';\nimport ColumnDisplayMode from './beforeRender/columnDisplayMode';\nimport postAnimation from './afterRender/animation';\nimport customizeParentContainer from './afterRender/customizeParentContainer';\nimport columnSizing from './beforeRender/columnSizing';\nimport columnResize from './beforeRender/columnSizing/resize';\nimport grouping from './beforeRender/grouping';\nimport filter from './beforeRender/filter';\nimport adjustHeight from './beforeRender/adjustHeight';\nimport adjustHeightToFitRecords from './beforeRender/adjustHeightToFitRecords';\nimport stateHydration from './beforeRender/stateHydration';\nimport stateSanitization from './beforeRender/stateSanitization';\nimport aggregation from './beforeRender/aggregation';\nimport prepareRows from './beforeRender/prepareRows';\nimport prepareColumns from './beforeRender/prepareColumns';\nimport columnAlias from './beforeRender/columnAlias';\nimport busyIndicator from './beforeRender/busyIndicator';\nimport columnAutoSizing from './afterRender/columnSizing';\nimport rowDragDrop from './beforeRender/rowDragDrop';\nimport toggleHeaderIcons from './beforeRender/toggleHeaderIcons';\nimport changePersonalisation from './beforeRender/changePersonalisation';\nimport changeTemplate from './beforeRender/changeTemplate';\nimport rowSelect from './beforeRender/rowSelect';\nimport moveRecords from './beforeRender/moveListRecords';\nimport renderHeader from './beforeRender/renderHeader';\nimport refresh from './beforeRender/refresh';\nimport resetFetch from './beforeRender/resetFetch';\nimport errorColumn from './beforeRender/errorColumn';\nimport scrollToTop from './beforeRender/scrollToTop';\nimport conditionalStyleFormat from './beforeRender/conditionalStyleFormat';\nimport masterDetail from './beforeRender/masterDetail';\n\nexport default {\n  beforeRender: {\n    busyIndicator,\n    columnSizing,\n    columnResize,\n    freeze,\n    animation: preAnimation,\n    rowHeight,\n    grouping,\n    filter,\n    customColumn,\n    personalization,\n    columnOrder,\n    columnReOrder,\n    columnVisualOrder,\n    columnToggle,\n    columnSort,\n    adjustHeight,\n    adjustHeightToFitRecords,\n    stateHydration,\n    aggregation,\n    stateSanitization,\n    prepareRows,\n    masterDetail,\n    prepareColumns,\n    columnFormatter,\n    ColumnDisplayMode,\n    columnAlias,\n    toggleHeaderIcons,\n    changePersonalisation,\n    changeTemplate,\n    rowDragDrop,\n    rowSelect,\n    moveRecords,\n    renderHeader,\n    refresh,\n    resetFetch,\n    errorColumn,\n    scrollToTop,\n    conditionalStyleFormat\n  },\n  afterRender: {\n    animation: postAnimation,\n    columnAutoSizing,\n    customizeParentContainer\n  }\n};\n"]}

package/lib/src/core/generators/RowGenerator.d.ts

@@ -23,6 +23,8 @@ export default class Row {
     rowData: RowData;
     /** A unique key to identify a row object in case {@link key} is duplicate. This can be used in the dom to uniquely identify a row. */
     uniqueId?: string | null;
+    /** Generic interaction marker used by template renderers. */
+    masterDetailActive?: boolean;
     /**
      * Creates an instance of Row object for a repeating structure.
      * @param args Constructor arguments
@@ -35,7 +37,7 @@ export default class Row {
      * @param args.uniqueId A unique key to identify a row object in case {@link key} is duplicate.
      * @param rsInternal A reference to {@link RsInternal} object.
      */
-    constructor({ key, role, tabIndex, dragProps, dropProps, rowData, uniqueId }: RowOptions, rsInternal: RsInternal);
+    constructor({ key, role, tabIndex, dragProps, dropProps, rowData, uniqueId, masterDetailActive }: RowOptions, rsInternal: RsInternal);
     /** A reference to {@link View} object. */
     get parent(): View;
     /**
@@ -69,6 +71,14 @@ export default class Row {
      * @param selected Flag to indicate the row is selected or not.
      */
     selectRow(selected?: boolean): void;
+    /** Opens Master Detail for this row. */
+    openMasterDetail(nestedTarget?: Record<string, unknown>, viewName?: string): void;
+    /** Closes the active Master Detail item. */
+    closeMasterDetail(): void;
+    /** Clears the nested target set on this row's active Master Detail selection, without closing it. */
+    clearMasterDetailNestedTarget(): void;
+    /** Navigates from the active Master Detail item. */
+    navigateMasterDetail(direction: 'previous' | 'next'): void;
     /**
      * Returns the ui props for the {@link Row} that can be used to build a row in DOM.
      *

package/lib/src/core/generators/RowGenerator.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"RowGenerator.d.ts","sourceRoot":"","sources":["../../../../src/core/generators/RowGenerator.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,sDAAsD,CAAC;AAKtF,OAAO,KAAK,UAAU,MAAM,eAAe,CAAC;AAK5C,OAAO,KAAK,IAAI,MAAM,iBAAiB,CAAC;AACxC,OAAO,EACL,OAAO,EACP,KAAK,SAAS,EACd,KAAK,SAAS,EACd,KAAK,UAAU,EACf,KAAK,OAAO,EACZ,KAAK,SAAS,EACd,KAAK,UAAU,EACf,KAAK,OAAO,EACb,MAAM,sBAAsB,CAAC;AAE9B,0EAA0E;AAC1E,MAAM,CAAC,OAAO,OAAO,GAAG;;IACtB,sHAAsH;IAC/G,GAAG,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,IAAI,EAAE,MAAM,CAAC;IACb;;OAEG;IACH,QAAQ,EAAE,MAAM,CAAC;IACjB,+CAA+C;IACxC,SAAS,CAAC,EAAE,SAAS,CAAC;IAC7B,+CAA+C;IACxC,SAAS,CAAC,EAAE,SAAS,CAAC;IAC7B,oCAAoC;IACpC,OAAO,EAAE,OAAO,CAAC;IACjB,sIAAsI;IACtI,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAGzB;;;;;;;;;;;OAWG;gBAED,EAAE,GAAG,EAAE,IAAY,EAAE,QAAY,EAAE,SAAS,EAAE,SAAS,EAAE,OAAO,EAAE,QAAQ,EAAE,EAAE,UAAU,EACxF,UAAU,EAAE,UAAU;IAwBxB,0CAA0C;IAC1C,IAAI,MAAM,SAET;IAmBD;;;;OAIG;IACH,IAAI,QAAQ,WAEX;IAED,4BAA4B;IAC5B,IAAI,IAAI,YAEP;IAED;yFACqF;IACrF,IAAI,CAAC,OAAO,CAAC,IAAI,MAAM,CAItB;IAED,gDAAgD;IAChD,IAAI,SAAS,WAMZ;IAED,0FAA0F;IAC1F,IAAI,SAAS,IAAI,UAAU,CAAC,WAAW,CAAC,CA+BvC;IAED;;;;OAIG;IACH,OAAO,CACL,IAAI,EAAE,OAAO,CAAC,UAAU,CAAC,GAAG,MAAM,UAAU,EAC5C,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,GAAG,OAAO,GAAG,SAAS,GAAG,SAAS;IAyBlE;;;OAGG;IACG,SAAS,IAAI,OAAO,CAAC,IAAI,CAAC;IA+ChC;;;OAGG;IACH,SAAS,CAAC,QAAQ,UAAO,GAAG,IAAI;IAgBhC;;;OAGG;IACH,UAAU,IAAI,OAAO;IAiBrB;;;OAGG;IACH,WAAW,IAAI,SAAS,CAAC,MAAM,GAAG,MAAM,CAAC,GAAG,SAAS;IAIrD;;;;;OAKG;IACH,YAAY,IAAI,SAAS,GAAG,SAAS;IAqBrC;;;;;OAKG;IACH,UAAU,IAAI,UAAU;CAuBzB"}
+{"version":3,"file":"RowGenerator.d.ts","sourceRoot":"","sources":["../../../../src/core/generators/RowGenerator.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,sDAAsD,CAAC;AAKtF,OAAO,KAAK,UAAU,MAAM,eAAe,CAAC;AAM5C,OAAO,KAAK,IAAI,MAAM,iBAAiB,CAAC;AACxC,OAAO,EACL,OAAO,EACP,KAAK,SAAS,EACd,KAAK,SAAS,EACd,KAAK,UAAU,EACf,KAAK,OAAO,EACZ,KAAK,SAAS,EACd,KAAK,UAAU,EACf,KAAK,OAAO,EACb,MAAM,sBAAsB,CAAC;AAE9B,0EAA0E;AAC1E,MAAM,CAAC,OAAO,OAAO,GAAG;;IACtB,sHAAsH;IAC/G,GAAG,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,IAAI,EAAE,MAAM,CAAC;IACb;;OAEG;IACH,QAAQ,EAAE,MAAM,CAAC;IACjB,+CAA+C;IACxC,SAAS,CAAC,EAAE,SAAS,CAAC;IAC7B,+CAA+C;IACxC,SAAS,CAAC,EAAE,SAAS,CAAC;IAC7B,oCAAoC;IACpC,OAAO,EAAE,OAAO,CAAC;IACjB,sIAAsI;IACtI,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACzB,6DAA6D;IAC7D,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAG7B;;;;;;;;;;;OAWG;gBAED,EACE,GAAG,EACH,IAAY,EACZ,QAAY,EACZ,SAAS,EACT,SAAS,EACT,OAAO,EACP,QAAQ,EACR,kBAAkB,EACnB,EAAE,UAAU,EACb,UAAU,EAAE,UAAU;IA6BxB,0CAA0C;IAC1C,IAAI,MAAM,SAET;IAoBD;;;;OAIG;IACH,IAAI,QAAQ,WAEX;IAED,4BAA4B;IAC5B,IAAI,IAAI,YAEP;IAED;yFACqF;IACrF,IAAI,CAAC,OAAO,CAAC,IAAI,MAAM,CAItB;IAED,gDAAgD;IAChD,IAAI,SAAS,WAMZ;IAED,0FAA0F;IAC1F,IAAI,SAAS,IAAI,UAAU,CAAC,WAAW,CAAC,CA+BvC;IAED;;;;OAIG;IACH,OAAO,CACL,IAAI,EAAE,OAAO,CAAC,UAAU,CAAC,GAAG,MAAM,UAAU,EAC5C,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,GAAG,OAAO,GAAG,SAAS,GAAG,SAAS;IAyBlE;;;OAGG;IACG,SAAS,IAAI,OAAO,CAAC,IAAI,CAAC;IAiDhC;;;OAGG;IACH,SAAS,CAAC,QAAQ,UAAO,GAAG,IAAI;IAgBhC,wCAAwC;IACxC,gBAAgB,CAAC,YAAY,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI;IAIjF,4CAA4C;IAC5C,iBAAiB,IAAI,IAAI;IAIzB,qGAAqG;IACrG,6BAA6B,IAAI,IAAI;IAIrC,oDAAoD;IACpD,oBAAoB,CAAC,SAAS,EAAE,UAAU,GAAG,MAAM,GAAG,IAAI;IAI1D;;;OAGG;IACH,UAAU,IAAI,OAAO;IAiBrB;;;OAGG;IACH,WAAW,IAAI,SAAS,CAAC,MAAM,GAAG,MAAM,CAAC,GAAG,SAAS;IAIrD;;;;;OAKG;IACH,YAAY,IAAI,SAAS,GAAG,SAAS;IAqBrC;;;;;OAKG;IACH,UAAU,IAAI,UAAU;CA8BzB"}

package/lib/src/core/generators/RowGenerator.js

@@ -1,6 +1,7 @@
 import { STATE, SELECTION_MODES } from '../constants';
 import { compareObjects, deepCopy, isRowReorderFieldEnabled } from '../utils/util';
 import { actionForceUpdate, actionRowSelectionUpdate } from '../actions/actions';
+import { isMasterDetailSupported } from '../utils/masterDetail';
 import { dataKey } from './RowGenerator.types';
 /** A row model that represents row of a repeating structure component. */
 export default class Row {
@@ -22,6 +23,8 @@ export default class Row {
     rowData;
     /** A unique key to identify a row object in case {@link key} is duplicate. This can be used in the dom to uniquely identify a row. */
     uniqueId;
+    /** Generic interaction marker used by template renderers. */
+    masterDetailActive;
     /** A reference to {@link RsInternal} object. */
     #rsInternal;
     /**
@@ -36,7 +39,7 @@ export default class Row {
      * @param args.uniqueId A unique key to identify a row object in case {@link key} is duplicate.
      * @param rsInternal A reference to {@link RsInternal} object.
      */
-    constructor({ key, role = 'row', tabIndex = 0, dragProps, dropProps, rowData, uniqueId }, rsInternal) {
+    constructor({ key, role = 'row', tabIndex = 0, dragProps, dropProps, rowData, uniqueId, masterDetailActive }, rsInternal) {
         this.key = key;
         this.role = role;
         this.tabIndex = tabIndex;
@@ -44,6 +47,7 @@ export default class Row {
         this.dropProps = dropProps;
         this.rowData = rowData;
         this.uniqueId = uniqueId;
+        this.masterDetailActive = masterDetailActive;
         this.#rsInternal = rsInternal;
         /** IMP: For generator methods use traditional function syntax
          *  rather than arrow function for memory efficiency
@@ -52,6 +56,10 @@ export default class Row {
         this.getContext = this.getContext.bind(this);
         this.updateRow = this.updateRow.bind(this);
         this.selectRow = this.selectRow.bind(this);
+        this.openMasterDetail = this.openMasterDetail.bind(this);
+        this.closeMasterDetail = this.closeMasterDetail.bind(this);
+        this.clearMasterDetailNestedTarget = this.clearMasterDetailNestedTarget.bind(this);
+        this.navigateMasterDetail = this.navigateMasterDetail.bind(this);
         this.setProp = this.setProp.bind(this);
         this.getRowError = this.getRowError.bind(this);
         this.getRowHeader = this.getRowHeader.bind(this);
@@ -73,7 +81,8 @@ export default class Row {
             dragProps: this.dragProps,
             dropProps: this.dropProps,
             rowData: this.rowData,
-            uniqueId: this.uniqueId
+            uniqueId: this.uniqueId,
+            masterDetailActive: this.masterDetailActive
         };
     }
     /**
@@ -190,6 +199,8 @@ export default class Row {
                     ...getView().rows.slice(rowIndex + 1)
                 ]
             });
+            // Refresh the active detail as it may be stale even when the refreshed table row data is unchanged.
+            getView().type.refreshMasterDetail([this.key]);
             dispatch(actionForceUpdate());
         }
     }
@@ -209,6 +220,22 @@ export default class Row {
             mode: this.parent.meta.selectionMode
         }));
     }
+    /** Opens Master Detail for this row. */
+    openMasterDetail(nestedTarget, viewName) {
+        this.parent.type.openMasterDetail(this.key, nestedTarget, viewName);
+    }
+    /** Closes the active Master Detail item. */
+    closeMasterDetail() {
+        this.parent.type.closeMasterDetail();
+    }
+    /** Clears the nested target set on this row's active Master Detail selection, without closing it. */
+    clearMasterDetailNestedTarget() {
+        this.parent.type.clearMasterDetailNestedTarget(this.key);
+    }
+    /** Navigates from the active Master Detail item. */
+    navigateMasterDetail(direction) {
+        this.parent.type.navigateMasterDetail(direction);
+    }
     /**
      * Returns the ui props for the {@link Row} that can be used to build a row in DOM.
      *
@@ -273,6 +300,7 @@ export default class Row {
         const rsProps = getRsProps();
         return {
             name: 'row',
+            getRowKey: () => this.key,
             getValue: () => this.data,
             getParentContext: this.parent.getContext,
             getRowActionDetails: (rowContext) => {
@@ -281,6 +309,12 @@ export default class Row {
             getDragProps: () => this.dragProps,
             selectRow: this.selectRow,
             refreshRow: this.updateRow,
+            ...(isMasterDetailSupported(getView()) && {
+                openMasterDetail: this.openMasterDetail,
+                closeMasterDetail: this.closeMasterDetail,
+                clearMasterDetailNestedTarget: this.clearMasterDetailNestedTarget,
+                navigateMasterDetail: this.navigateMasterDetail
+            }),
             $selected: this.$selected,
             getRowError: this.getRowError,
             getRowHeader: this.getRowHeader