@pega/lists-core 9.28.0 → 9.29.0

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":"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","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;iCAAi8C,sDAA0B;yCA3DxnI,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

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

@@ -1 +1 @@
-{"version":3,"file":"RowGenerator.js","sourceRoot":"","sources":["../../../../src/core/generators/RowGenerator.ts"],"names":[],"mappings":"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","sourcesContent":["import type { DataError } from 'pega-repeating-structures-core/lib/types/State.types';\n\nimport { STATE, SELECTION_MODES } from '../constants';\nimport { compareObjects, deepCopy, isRowReorderFieldEnabled } from '../utils/util';\nimport { actionForceUpdate, actionRowSelectionUpdate } from '../actions/actions';\nimport type RsInternal from '../RsInternal';\n// eslint-disable-next-line @typescript-eslint/no-unused-vars\nimport type { Meta } from '../../../types/Meta.types';\n\n// eslint-disable-next-line @typescript-eslint/no-unused-vars\nimport type View from './ViewGenerator';\nimport {\n  dataKey,\n  type DragProps,\n  type DropProps,\n  type RowContext,\n  type RowData,\n  type RowHeader,\n  type RowOptions,\n  type UIProps\n} from './RowGenerator.types';\nimport type Column from './ColumnGenerator';\n/** A row model that represents row of a repeating structure component. */\nexport default class Row {\n  /** A unique key to identify a row object. The value of this must be derived from one of the key of {@link rowData} */\n  public key: string;\n  /** Value for Html attribute 'role'.\n   * @default 'row'\n   */\n  role: string;\n  /** Value of Html attribute 'tabindex'.\n   * @default 0\n   */\n  tabIndex: number;\n  /** Properties related to dragging behavior. */\n  public dragProps?: DragProps;\n  /** Properties related to dropping behavior. */\n  public dropProps?: DropProps;\n  /** Represents the data of a row. */\n  rowData: RowData;\n  /** 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. */\n  uniqueId?: string | null;\n  /** A reference to {@link RsInternal} object. */\n  #rsInternal: RsInternal;\n  /**\n   * Creates an instance of Row object for a repeating structure.\n   * @param args Constructor arguments\n   * @param args.key A unique key to identify a row object.\n   * @param args.role Value for Html attribute 'role'. Default is 'row'\n   * @param args.tabIndex Value of Html attribute 'tabindex'. Default is 0.\n   * @param args.dragProps Properties related to dragging behavior.\n   * @param args.dropProps Properties related to dropping behavior.\n   * @param args.rowData Represents the data of a row.\n   * @param args.uniqueId A unique key to identify a row object in case {@link key} is duplicate.\n   * @param rsInternal A reference to {@link RsInternal} object.\n   */\n  constructor(\n    { key, role = 'row', tabIndex = 0, dragProps, dropProps, rowData, uniqueId }: RowOptions,\n    rsInternal: RsInternal\n  ) {\n    this.key = key;\n    this.role = role;\n    this.tabIndex = tabIndex;\n    this.dragProps = dragProps;\n    this.dropProps = dropProps;\n    this.rowData = rowData;\n    this.uniqueId = uniqueId;\n    this.#rsInternal = rsInternal;\n\n    /** IMP: For generator methods use traditional function syntax\n     *  rather than arrow function for memory efficiency\n     * and bind 'this' to the methods which requires 'this' context. */\n    this.getUIProps = this.getUIProps.bind(this);\n    this.getContext = this.getContext.bind(this);\n    this.updateRow = this.updateRow.bind(this);\n    this.selectRow = this.selectRow.bind(this);\n\n    this.setProp = this.setProp.bind(this);\n    this.getRowError = this.getRowError.bind(this);\n    this.getRowHeader = this.getRowHeader.bind(this);\n  }\n\n  /** A reference to {@link View} object. */\n  get parent() {\n    return this.#rsInternal.getView();\n  }\n\n  /**\n   * This is majorly used by {@link setprop} function to create a new row object from existing row object.\n   * @returns the row instance properties.\n   */\n  #get(): RowOptions & { className: string } {\n    return {\n      key: this.key,\n      role: this.role,\n      tabIndex: this.tabIndex,\n      className: this.className,\n      dragProps: this.dragProps,\n      dropProps: this.dropProps,\n      rowData: this.rowData,\n      uniqueId: this.uniqueId\n    };\n  }\n\n  /**\n   * This property serves to uniquely identify a row's DOM element within a DOM hierarchy.\n   * It plays a vital role in modern JavaScript frameworks such as React, where optimizing DOM manipulation requires unique keys.\n   * The value is derived from either {@link key} or {@link uniqueId} if {@link key} is duplicate.\n   */\n  get reactKey() {\n    return this.uniqueId || this.key;\n  }\n\n  /** The data for the row. */\n  get data() {\n    return this.rowData;\n  }\n\n  /** Value of HTMl attribute data-key. The value is derived from\n   * either the value of {@link Meta.itemKey itemkey} in {@link data} or {@link key} */\n  get [dataKey](): string {\n    const keyData = this.data?.[this.parent.meta.itemKey];\n    if (keyData) return keyData as string;\n    return this.key;\n  }\n\n  /** A set of CSS class names for Row element. */\n  get className() {\n    const baseRowClass = this.getRowError()?.message ? 'row row-error' : 'row';\n    if (this.parent.meta.selectionMode === SELECTION_MODES.multi_on_hover)\n      return this.$selected ? `${baseRowClass} selected-row` : `${baseRowClass} row-on-hover`;\n\n    return baseRowClass;\n  }\n\n  /** A transient value to signifies if a row is selected or not if selection mode is on. */\n  get $selected(): RowContext['$selected'] {\n    const temporaryChangeSetValue = this.parent.state.rowSelectionChangeSet?.[this.key]?.selected;\n    const committedValue = this.parent.state.selectedRows?.includes(this.key);\n    if (\n      (temporaryChangeSetValue ?? committedValue) &&\n      this.parent.meta.selectionMode === SELECTION_MODES.single &&\n      this.uniqueId\n    ) {\n      /**\n       * temporaryChangeSetValue ?? committedValue - Is current row selected\n       * this.parent.meta.selectionMode === SELECTION_MODES.single - Is single select mode\n       * this.uniqueId - unique id is present only in case of duplicate rows\n       */\n      if (this.parent.getSingleSelectionRowKey()) {\n        // This block is to avoid duplicate radio button selection on user selection\n        return this.parent.getSingleSelectionRowKey() === this.uniqueId;\n      }\n      for (let i = 0; i < this.parent.rows!.length; i += 1) {\n        // This block is to avoid duplicate radio button selection onload / remount\n        const row = this.parent.rows![i];\n        const rowTemporaryChangeSetValue =\n          this.parent.state.rowSelectionChangeSet?.[row.key]?.selected;\n        const rowCommittedValue =\n          this.parent.state.selectedRows && this.parent.state.selectedRows?.includes(row.key);\n        if (rowTemporaryChangeSetValue ?? rowCommittedValue) {\n          // 'row' - first selected row in this.parent.rows\n          return this.uniqueId === row.uniqueId; // If 'row' is same as current object return true otherwise return false\n        }\n      }\n    }\n    return temporaryChangeSetValue ?? committedValue;\n  }\n\n  /**\n   * This is used to create immutable objects of {@link Row} instance. Always call setProp if updating any properties of Row to make it immutable.\n   * @param prop Either partial of row object or individual properties of row object.\n   * @param value An optional parameter to provide value for {@link prop} in case prop is not of type {@link Row}\n   */\n  setProp(\n    prop: Partial<RowOptions> | keyof RowOptions,\n    value?: string | number | Date | boolean | DragProps | DropProps\n  ) {\n    const { getView } = this.#rsInternal;\n    const index = getView().rows!.findIndex(r => r === this);\n    let pObject = prop;\n    if (typeof prop !== 'object') {\n      pObject = { [prop]: value };\n    }\n\n    // Change object if any value changes actually.\n    // @ts-expect-error utils should be converted to TS in order to resolve this.\n    if (!compareObjects(this, pObject, Object.keys(pObject))) {\n      const newRow = new Row(\n        {\n          ...this.#get(),\n          ...(pObject as RowOptions)\n        },\n        this.#rsInternal\n      );\n      const cloned = [...getView().rows!];\n      cloned.splice(index, 1, newRow);\n      getView().rows = cloned;\n    }\n  }\n\n  /** This fetches the latest data of the row using\n   * {@link rsProps.apiContext.fetchRowData fetchRowData} and updates the same in the {@link View} and {@link Row}\n   * @returns void\n   */\n  async updateRow(): Promise<void> {\n    const { getView, getRsProps, getRsStateResolver, getRsStore } = this.#rsInternal;\n    const rsProps = getRsProps();\n    const { dispatch } = getRsStateResolver();\n    const state = getRsStateResolver().getState();\n    // TODO: Check if fetchRowData api is really needed? In case of grouped tables updating single row may cause issues. It is better to refresh whole view.\n    const [rowData] =\n      (await rsProps.apiContext.fetchRowData?.(\n        deepCopy(state),\n        getView().meta,\n        getView().meta.itemKey,\n        this[dataKey],\n        this.data,\n        {\n          ...(getRsStore().refreshInProgress && {\n            invalidateCache: true,\n            invalidateCacheToken: getRsStore().refreshToken\n          })\n        }\n      )) || [];\n    const dataIndex = getView().data!.findIndex(\n      row => row[getView().meta.itemKey] === rowData[getView().meta.itemKey]\n    );\n    const rowIndex = getView().rows!.findIndex(row => row.key === rowData[getView().meta.itemKey]);\n    if (dataIndex > -1) {\n      getView().setProp({\n        data: [\n          ...getView().data!.slice(0, dataIndex),\n          rowData,\n          ...getView().data!.slice(dataIndex + 1)\n        ],\n        rows: [\n          ...getView().rows!.slice(0, rowIndex),\n          new Row(\n            {\n              key: rowData[getView().meta.itemKey] as string,\n              rowData\n            },\n            this.#rsInternal\n          ),\n          ...getView().rows!.slice(rowIndex + 1)\n        ]\n      });\n      dispatch(actionForceUpdate());\n    }\n  }\n\n  /**\n   * Used to select/deselect a {@link Row}.\n   * @param selected Flag to indicate the row is selected or not.\n   */\n  selectRow(selected = true): void {\n    const { getRsStateResolver } = this.#rsInternal;\n    const { dispatch } = getRsStateResolver();\n    this.parent.setSingleSelectionRowKey(this.uniqueId ?? (this.key as string));\n\n    dispatch(\n      actionRowSelectionUpdate({\n        key: this.key as string,\n        selected,\n        data: this.data,\n        status: STATE.NOT_STARTED,\n        mode: this.parent.meta.selectionMode\n      })\n    );\n  }\n\n  /**\n   * Returns the ui props for the {@link Row} that can be used to build a row in DOM.\n   *\n   */\n  getUIProps(): UIProps {\n    const { getView } = this.#rsInternal;\n    return {\n      className: this.className,\n      'data-error-message': this.getRowError()?.message,\n      [dataKey]: this[dataKey],\n      role: this.role,\n      'aria-rowindex':\n        // eslint-disable-next-line no-unsafe-optional-chaining\n        this.parent.state.paginationOptions?.rootVirtualiser?.startIndex! +\n        this.parent.rows!.findIndex(r => r === this)! +\n        1,\n      ...(!isRowReorderFieldEnabled(getView().meta) ? this.dragProps : {}),\n      ...this.dropProps\n    };\n  }\n\n  /**\n   *\n   * @returns the errors on the row.\n   */\n  getRowError(): DataError[string | number] | undefined {\n    return this.parent.state.errors?.dataErrors?.[this.key as string | number];\n  }\n\n  /**\n   * Returns the current row Header field and value.\n   * This api is exposed to the consumers of Repeating structures to access the row header information of the current row.\n   *\n   * @public\n   */\n  getRowHeader(): RowHeader | undefined {\n    let rowHeaderColumn: Column | undefined;\n    const columns = this.parent.getContext().getColumns();\n    for (const column of columns!) {\n      if (column.field.isRowHeader) {\n        rowHeaderColumn = column;\n        break;\n      }\n      if (column.isFirstDataColumn) {\n        rowHeaderColumn = column;\n      }\n    }\n    if (!rowHeaderColumn) {\n      return undefined;\n    }\n    return {\n      field: rowHeaderColumn as Column,\n      getValue: () => rowHeaderColumn!.getContext().getValue()\n    };\n  }\n\n  /**\n   * Returns the current row context.\n   * This api can be exposed to the consumers of Repeating structures to access the basic info regarding Row.\n   *\n   * @public\n   */\n  getContext(): RowContext {\n    const { getRsProps, getView } = this.#rsInternal;\n    const rsProps = getRsProps();\n    return {\n      name: 'row',\n      getValue: () => this.data,\n      getParentContext: this.parent.getContext,\n      getRowActionDetails: (rowContext: RowData) => {\n        return (\n          rsProps.apiContext.fetchRowActionDetails?.(\n            rowContext[getView().meta.itemKey] as string,\n            rowContext\n          ) ?? Promise.resolve([])\n        );\n      },\n      getDragProps: () => this.dragProps,\n      selectRow: this.selectRow,\n      refreshRow: this.updateRow,\n      $selected: this.$selected,\n      getRowError: this.getRowError,\n      getRowHeader: this.getRowHeader\n    };\n  }\n}\n"]}
+{"version":3,"file":"RowGenerator.js","sourceRoot":"","sources":["../../../../src/core/generators/RowGenerator.ts"],"names":[],"mappings":"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","sourcesContent":["import type { DataError } from 'pega-repeating-structures-core/lib/types/State.types';\n\nimport { STATE, SELECTION_MODES } from '../constants';\nimport { compareObjects, deepCopy, isRowReorderFieldEnabled } from '../utils/util';\nimport { actionForceUpdate, actionRowSelectionUpdate } from '../actions/actions';\nimport type RsInternal from '../RsInternal';\nimport { isMasterDetailSupported } from '../utils/masterDetail';\n// eslint-disable-next-line @typescript-eslint/no-unused-vars\nimport type { Meta } from '../../../types/Meta.types';\n\n// eslint-disable-next-line @typescript-eslint/no-unused-vars\nimport type View from './ViewGenerator';\nimport {\n  dataKey,\n  type DragProps,\n  type DropProps,\n  type RowContext,\n  type RowData,\n  type RowHeader,\n  type RowOptions,\n  type UIProps\n} from './RowGenerator.types';\nimport type Column from './ColumnGenerator';\n/** A row model that represents row of a repeating structure component. */\nexport default class Row {\n  /** A unique key to identify a row object. The value of this must be derived from one of the key of {@link rowData} */\n  public key: string;\n  /** Value for Html attribute 'role'.\n   * @default 'row'\n   */\n  role: string;\n  /** Value of Html attribute 'tabindex'.\n   * @default 0\n   */\n  tabIndex: number;\n  /** Properties related to dragging behavior. */\n  public dragProps?: DragProps;\n  /** Properties related to dropping behavior. */\n  public dropProps?: DropProps;\n  /** Represents the data of a row. */\n  rowData: RowData;\n  /** 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. */\n  uniqueId?: string | null;\n  /** Generic interaction marker used by template renderers. */\n  masterDetailActive?: boolean;\n  /** A reference to {@link RsInternal} object. */\n  #rsInternal: RsInternal;\n  /**\n   * Creates an instance of Row object for a repeating structure.\n   * @param args Constructor arguments\n   * @param args.key A unique key to identify a row object.\n   * @param args.role Value for Html attribute 'role'. Default is 'row'\n   * @param args.tabIndex Value of Html attribute 'tabindex'. Default is 0.\n   * @param args.dragProps Properties related to dragging behavior.\n   * @param args.dropProps Properties related to dropping behavior.\n   * @param args.rowData Represents the data of a row.\n   * @param args.uniqueId A unique key to identify a row object in case {@link key} is duplicate.\n   * @param rsInternal A reference to {@link RsInternal} object.\n   */\n  constructor(\n    {\n      key,\n      role = 'row',\n      tabIndex = 0,\n      dragProps,\n      dropProps,\n      rowData,\n      uniqueId,\n      masterDetailActive\n    }: RowOptions,\n    rsInternal: RsInternal\n  ) {\n    this.key = key;\n    this.role = role;\n    this.tabIndex = tabIndex;\n    this.dragProps = dragProps;\n    this.dropProps = dropProps;\n    this.rowData = rowData;\n    this.uniqueId = uniqueId;\n    this.masterDetailActive = masterDetailActive;\n    this.#rsInternal = rsInternal;\n\n    /** IMP: For generator methods use traditional function syntax\n     *  rather than arrow function for memory efficiency\n     * and bind 'this' to the methods which requires 'this' context. */\n    this.getUIProps = this.getUIProps.bind(this);\n    this.getContext = this.getContext.bind(this);\n    this.updateRow = this.updateRow.bind(this);\n    this.selectRow = this.selectRow.bind(this);\n    this.openMasterDetail = this.openMasterDetail.bind(this);\n    this.closeMasterDetail = this.closeMasterDetail.bind(this);\n    this.clearMasterDetailNestedTarget = this.clearMasterDetailNestedTarget.bind(this);\n    this.navigateMasterDetail = this.navigateMasterDetail.bind(this);\n\n    this.setProp = this.setProp.bind(this);\n    this.getRowError = this.getRowError.bind(this);\n    this.getRowHeader = this.getRowHeader.bind(this);\n  }\n\n  /** A reference to {@link View} object. */\n  get parent() {\n    return this.#rsInternal.getView();\n  }\n\n  /**\n   * This is majorly used by {@link setprop} function to create a new row object from existing row object.\n   * @returns the row instance properties.\n   */\n  #get(): RowOptions & { className: string } {\n    return {\n      key: this.key,\n      role: this.role,\n      tabIndex: this.tabIndex,\n      className: this.className,\n      dragProps: this.dragProps,\n      dropProps: this.dropProps,\n      rowData: this.rowData,\n      uniqueId: this.uniqueId,\n      masterDetailActive: this.masterDetailActive\n    };\n  }\n\n  /**\n   * This property serves to uniquely identify a row's DOM element within a DOM hierarchy.\n   * It plays a vital role in modern JavaScript frameworks such as React, where optimizing DOM manipulation requires unique keys.\n   * The value is derived from either {@link key} or {@link uniqueId} if {@link key} is duplicate.\n   */\n  get reactKey() {\n    return this.uniqueId || this.key;\n  }\n\n  /** The data for the row. */\n  get data() {\n    return this.rowData;\n  }\n\n  /** Value of HTMl attribute data-key. The value is derived from\n   * either the value of {@link Meta.itemKey itemkey} in {@link data} or {@link key} */\n  get [dataKey](): string {\n    const keyData = this.data?.[this.parent.meta.itemKey];\n    if (keyData) return keyData as string;\n    return this.key;\n  }\n\n  /** A set of CSS class names for Row element. */\n  get className() {\n    const baseRowClass = this.getRowError()?.message ? 'row row-error' : 'row';\n    if (this.parent.meta.selectionMode === SELECTION_MODES.multi_on_hover)\n      return this.$selected ? `${baseRowClass} selected-row` : `${baseRowClass} row-on-hover`;\n\n    return baseRowClass;\n  }\n\n  /** A transient value to signifies if a row is selected or not if selection mode is on. */\n  get $selected(): RowContext['$selected'] {\n    const temporaryChangeSetValue = this.parent.state.rowSelectionChangeSet?.[this.key]?.selected;\n    const committedValue = this.parent.state.selectedRows?.includes(this.key);\n    if (\n      (temporaryChangeSetValue ?? committedValue) &&\n      this.parent.meta.selectionMode === SELECTION_MODES.single &&\n      this.uniqueId\n    ) {\n      /**\n       * temporaryChangeSetValue ?? committedValue - Is current row selected\n       * this.parent.meta.selectionMode === SELECTION_MODES.single - Is single select mode\n       * this.uniqueId - unique id is present only in case of duplicate rows\n       */\n      if (this.parent.getSingleSelectionRowKey()) {\n        // This block is to avoid duplicate radio button selection on user selection\n        return this.parent.getSingleSelectionRowKey() === this.uniqueId;\n      }\n      for (let i = 0; i < this.parent.rows!.length; i += 1) {\n        // This block is to avoid duplicate radio button selection onload / remount\n        const row = this.parent.rows![i];\n        const rowTemporaryChangeSetValue =\n          this.parent.state.rowSelectionChangeSet?.[row.key]?.selected;\n        const rowCommittedValue =\n          this.parent.state.selectedRows && this.parent.state.selectedRows?.includes(row.key);\n        if (rowTemporaryChangeSetValue ?? rowCommittedValue) {\n          // 'row' - first selected row in this.parent.rows\n          return this.uniqueId === row.uniqueId; // If 'row' is same as current object return true otherwise return false\n        }\n      }\n    }\n    return temporaryChangeSetValue ?? committedValue;\n  }\n\n  /**\n   * This is used to create immutable objects of {@link Row} instance. Always call setProp if updating any properties of Row to make it immutable.\n   * @param prop Either partial of row object or individual properties of row object.\n   * @param value An optional parameter to provide value for {@link prop} in case prop is not of type {@link Row}\n   */\n  setProp(\n    prop: Partial<RowOptions> | keyof RowOptions,\n    value?: string | number | Date | boolean | DragProps | DropProps\n  ) {\n    const { getView } = this.#rsInternal;\n    const index = getView().rows!.findIndex(r => r === this);\n    let pObject = prop;\n    if (typeof prop !== 'object') {\n      pObject = { [prop]: value };\n    }\n\n    // Change object if any value changes actually.\n    // @ts-expect-error utils should be converted to TS in order to resolve this.\n    if (!compareObjects(this, pObject, Object.keys(pObject))) {\n      const newRow = new Row(\n        {\n          ...this.#get(),\n          ...(pObject as RowOptions)\n        },\n        this.#rsInternal\n      );\n      const cloned = [...getView().rows!];\n      cloned.splice(index, 1, newRow);\n      getView().rows = cloned;\n    }\n  }\n\n  /** This fetches the latest data of the row using\n   * {@link rsProps.apiContext.fetchRowData fetchRowData} and updates the same in the {@link View} and {@link Row}\n   * @returns void\n   */\n  async updateRow(): Promise<void> {\n    const { getView, getRsProps, getRsStateResolver, getRsStore } = this.#rsInternal;\n    const rsProps = getRsProps();\n    const { dispatch } = getRsStateResolver();\n    const state = getRsStateResolver().getState();\n    // TODO: Check if fetchRowData api is really needed? In case of grouped tables updating single row may cause issues. It is better to refresh whole view.\n    const [rowData] =\n      (await rsProps.apiContext.fetchRowData?.(\n        deepCopy(state),\n        getView().meta,\n        getView().meta.itemKey,\n        this[dataKey],\n        this.data,\n        {\n          ...(getRsStore().refreshInProgress && {\n            invalidateCache: true,\n            invalidateCacheToken: getRsStore().refreshToken\n          })\n        }\n      )) || [];\n    const dataIndex = getView().data!.findIndex(\n      row => row[getView().meta.itemKey] === rowData[getView().meta.itemKey]\n    );\n    const rowIndex = getView().rows!.findIndex(row => row.key === rowData[getView().meta.itemKey]);\n    if (dataIndex > -1) {\n      getView().setProp({\n        data: [\n          ...getView().data!.slice(0, dataIndex),\n          rowData,\n          ...getView().data!.slice(dataIndex + 1)\n        ],\n        rows: [\n          ...getView().rows!.slice(0, rowIndex),\n          new Row(\n            {\n              key: rowData[getView().meta.itemKey] as string,\n              rowData\n            },\n            this.#rsInternal\n          ),\n          ...getView().rows!.slice(rowIndex + 1)\n        ]\n      });\n      // Refresh the active detail as it may be stale even when the refreshed table row data is unchanged.\n      getView().type.refreshMasterDetail([this.key]);\n      dispatch(actionForceUpdate());\n    }\n  }\n\n  /**\n   * Used to select/deselect a {@link Row}.\n   * @param selected Flag to indicate the row is selected or not.\n   */\n  selectRow(selected = true): void {\n    const { getRsStateResolver } = this.#rsInternal;\n    const { dispatch } = getRsStateResolver();\n    this.parent.setSingleSelectionRowKey(this.uniqueId ?? (this.key as string));\n\n    dispatch(\n      actionRowSelectionUpdate({\n        key: this.key as string,\n        selected,\n        data: this.data,\n        status: STATE.NOT_STARTED,\n        mode: this.parent.meta.selectionMode\n      })\n    );\n  }\n\n  /** Opens Master Detail for this row. */\n  openMasterDetail(nestedTarget?: Record<string, unknown>, viewName?: string): void {\n    this.parent.type.openMasterDetail(this.key, nestedTarget, viewName);\n  }\n\n  /** Closes the active Master Detail item. */\n  closeMasterDetail(): void {\n    this.parent.type.closeMasterDetail();\n  }\n\n  /** Clears the nested target set on this row's active Master Detail selection, without closing it. */\n  clearMasterDetailNestedTarget(): void {\n    this.parent.type.clearMasterDetailNestedTarget(this.key);\n  }\n\n  /** Navigates from the active Master Detail item. */\n  navigateMasterDetail(direction: 'previous' | 'next'): void {\n    this.parent.type.navigateMasterDetail(direction);\n  }\n\n  /**\n   * Returns the ui props for the {@link Row} that can be used to build a row in DOM.\n   *\n   */\n  getUIProps(): UIProps {\n    const { getView } = this.#rsInternal;\n    return {\n      className: this.className,\n      'data-error-message': this.getRowError()?.message,\n      [dataKey]: this[dataKey],\n      role: this.role,\n      'aria-rowindex':\n        // eslint-disable-next-line no-unsafe-optional-chaining\n        this.parent.state.paginationOptions?.rootVirtualiser?.startIndex! +\n        this.parent.rows!.findIndex(r => r === this)! +\n        1,\n      ...(!isRowReorderFieldEnabled(getView().meta) ? this.dragProps : {}),\n      ...this.dropProps\n    };\n  }\n\n  /**\n   *\n   * @returns the errors on the row.\n   */\n  getRowError(): DataError[string | number] | undefined {\n    return this.parent.state.errors?.dataErrors?.[this.key as string | number];\n  }\n\n  /**\n   * Returns the current row Header field and value.\n   * This api is exposed to the consumers of Repeating structures to access the row header information of the current row.\n   *\n   * @public\n   */\n  getRowHeader(): RowHeader | undefined {\n    let rowHeaderColumn: Column | undefined;\n    const columns = this.parent.getContext().getColumns();\n    for (const column of columns!) {\n      if (column.field.isRowHeader) {\n        rowHeaderColumn = column;\n        break;\n      }\n      if (column.isFirstDataColumn) {\n        rowHeaderColumn = column;\n      }\n    }\n    if (!rowHeaderColumn) {\n      return undefined;\n    }\n    return {\n      field: rowHeaderColumn as Column,\n      getValue: () => rowHeaderColumn!.getContext().getValue()\n    };\n  }\n\n  /**\n   * Returns the current row context.\n   * This api can be exposed to the consumers of Repeating structures to access the basic info regarding Row.\n   *\n   * @public\n   */\n  getContext(): RowContext {\n    const { getRsProps, getView } = this.#rsInternal;\n    const rsProps = getRsProps();\n    return {\n      name: 'row',\n      getRowKey: () => this.key,\n      getValue: () => this.data,\n      getParentContext: this.parent.getContext,\n      getRowActionDetails: (rowContext: RowData) => {\n        return (\n          rsProps.apiContext.fetchRowActionDetails?.(\n            rowContext[getView().meta.itemKey] as string,\n            rowContext\n          ) ?? Promise.resolve([])\n        );\n      },\n      getDragProps: () => this.dragProps,\n      selectRow: this.selectRow,\n      refreshRow: this.updateRow,\n      ...(isMasterDetailSupported(getView()) && {\n        openMasterDetail: this.openMasterDetail,\n        closeMasterDetail: this.closeMasterDetail,\n        clearMasterDetailNestedTarget: this.clearMasterDetailNestedTarget,\n        navigateMasterDetail: this.navigateMasterDetail\n      }),\n      $selected: this.$selected,\n      getRowError: this.getRowError,\n      getRowHeader: this.getRowHeader\n    };\n  }\n}\n"]}

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

@@ -1,5 +1,5 @@
 import type { ApiContext } from '../../../types/ApiContext.types';
-import type { DataError } from '../../../types/State.types';
+import type { DataError, MasterDetailNavigationDirection } from '../../../types/State.types';
 import type Column from './ColumnGenerator';
 import type Row from './RowGenerator';
 import type { ViewContext } from './ViewGenerator.types';
@@ -48,6 +48,8 @@ export interface DropProps {
 export interface RowContext {
     /** Name of the the context object - row */
     name: string;
+    /** Returns the row key. */
+    getRowKey: () => string;
     /** Returns the data of the entire row */
     getValue: () => RowData;
     /** Returns the context of the parent(view) */
@@ -66,6 +68,14 @@ export interface RowContext {
      * @returns void
      */
     refreshRow: () => Promise<void>;
+    /** Opens Master Detail for this row. Omitted from the execution context when Master Detail is disabled for the view. */
+    openMasterDetail?: (nestedTarget?: Record<string, unknown>, viewName?: string) => void;
+    /** Closes the active Master Detail item when Master Detail is enabled for the view. */
+    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 when Master Detail is enabled for the view. */
+    navigateMasterDetail?: (direction: MasterDetailNavigationDirection) => void;
     /** Boolean denoting if a row is selected */
     $selected?: boolean;
     /**
@@ -87,6 +97,8 @@ export type RowOptions = {
     dropProps?: DropProps;
     rowData: RowData;
     uniqueId?: string | null;
+    /** Generic interaction marker used by template renderers. */
+    masterDetailActive?: boolean;
 };
 export interface RowHeader {
     field: Column;

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

@@ -1 +1 @@
-{"version":3,"file":"RowGenerator.types.d.ts","sourceRoot":"","sources":["../../../../src/core/generators/RowGenerator.types.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"RowGenerator.types.d.ts","sourceRoot":"","sources":["../../../../src/core/generators/RowGenerator.types.ts"],"names":[],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"RowGenerator.types.js","sourceRoot":"","sources":["../../../../src/core/generators/RowGenerator.types.ts"],"names":[],"mappings":"AAuHA,MAAM,CAAC,MAAM,OAAO,GAAG,UAAU,CAAC","sourcesContent":["import type { ApiContext } from '../../../types/ApiContext.types';\nimport type { DataError } from '../../../types/State.types';\n\nimport type Column from './ColumnGenerator';\nimport type Row from './RowGenerator';\nimport type { ViewContext } from './ViewGenerator.types';\n\nexport type ScalarRowData = string | number | boolean | Date;\n/** Interface for expressing data present in a row */\nexport interface RowData {\n  [key: string]: null | ScalarRowData | RowData | RowData[];\n}\n\n/** UI Props set on a row */\nexport interface UIProps {\n  /** Class name of the row */\n  className: string;\n  /** Role to be set on row for A11y purpose */\n  role: string;\n\n  /** aria-rowindex attribute is set on row and is used by screen readers */\n  'aria-rowindex': number;\n\n  /** On click handler exposed */\n  onClick?: (data: Row) => void;\n\n  /** Drag props exposed on row for drag and drop operation */\n  dragProps?: DragProps;\n\n  /** Drop props exposed on row for drag and drop operation */\n  dropProps?: DropProps;\n  /** The error message for a row. */\n  'data-error-message'?: string;\n  /** A key to uniquely identify a row. */\n  'data-key': string;\n}\n\nexport interface DragProps {\n  /** Boolean denoting if a row is draggable */\n  draggable: boolean;\n\n  /** Event handler attached on the row for drag start event */\n  onDragStart: (e: DragEvent) => void;\n\n  /** Event handler attached on the row for drag end event */\n  onDragEnd: (e: DragEvent) => void;\n}\n\n/** Drop props exposed on row for drag and drop operation */\nexport interface DropProps {\n  /** Event handler attached on the row for drag enter event */\n  onDragEnter: (e: DragEvent) => void;\n\n  /** Event handler attached on the row for drag leave event */\n  onDragLeave: (e: DragEvent) => void;\n\n  /** Selector exposed for dropping a row */\n  'data-drop': string;\n}\n/** Context object exposed on the row */\nexport interface RowContext {\n  /** Name of the the context object - row */\n  name: string;\n\n  /** Returns the data of the entire row */\n  getValue: () => RowData;\n\n  /** Returns the context of the parent(view) */\n  getParentContext: () => ViewContext;\n\n  /** Calls fetchRowActionDetails function of the API context and returns the row actions */\n  getRowActionDetails: (\n    rowContext: RowData\n  ) => ReturnType<Required<ApiContext>['fetchRowActionDetails']>;\n\n  /** Returns the drag props set on a row */\n  getDragProps: () => DragProps | undefined;\n\n  /**\n   * Used to select/deselect a {@link Row}.\n   * @param selected Flag to indicate the row is selected or not.\n   */\n  selectRow: (selected: boolean) => void;\n\n  /** This fetches the latest data of the row using\n   * {@link ApiContext.fetchRowData fetchRowData} and updates the same in the {@link View} and {@link Row}\n   * @returns void\n   */\n  refreshRow: () => Promise<void>;\n\n  /** Boolean denoting if a row is selected */\n  $selected?: boolean;\n  /**\n   *\n   * @returns the errors on the row.\n   */\n  getRowError: () => DataError[string | number] | undefined;\n  /**\n   *\n   * @returns the current row Header field and value.\n   */\n  getRowHeader: () => RowHeader | undefined;\n}\n\nexport type RowOptions = {\n  key: string;\n  role?: string;\n  tabIndex?: number;\n  dragProps?: DragProps;\n  dropProps?: DropProps;\n  rowData: RowData;\n  uniqueId?: string | null;\n};\n\nexport interface RowHeader {\n  field: Column;\n  getValue: () => RowData[keyof RowData] | undefined;\n}\n\nexport const dataKey = 'data-key';\n"]}
+{"version":3,"file":"RowGenerator.types.js","sourceRoot":"","sources":["../../../../src/core/generators/RowGenerator.types.ts"],"names":[],"mappings":"AAqIA,MAAM,CAAC,MAAM,OAAO,GAAG,UAAU,CAAC","sourcesContent":["import type { ApiContext } from '../../../types/ApiContext.types';\nimport type { DataError, MasterDetailNavigationDirection } from '../../../types/State.types';\n\nimport type Column from './ColumnGenerator';\nimport type Row from './RowGenerator';\nimport type { ViewContext } from './ViewGenerator.types';\n\nexport type ScalarRowData = string | number | boolean | Date;\n/** Interface for expressing data present in a row */\nexport interface RowData {\n  [key: string]: null | ScalarRowData | RowData | RowData[];\n}\n\n/** UI Props set on a row */\nexport interface UIProps {\n  /** Class name of the row */\n  className: string;\n  /** Role to be set on row for A11y purpose */\n  role: string;\n\n  /** aria-rowindex attribute is set on row and is used by screen readers */\n  'aria-rowindex': number;\n\n  /** On click handler exposed */\n  onClick?: (data: Row) => void;\n\n  /** Drag props exposed on row for drag and drop operation */\n  dragProps?: DragProps;\n\n  /** Drop props exposed on row for drag and drop operation */\n  dropProps?: DropProps;\n  /** The error message for a row. */\n  'data-error-message'?: string;\n  /** A key to uniquely identify a row. */\n  'data-key': string;\n}\n\nexport interface DragProps {\n  /** Boolean denoting if a row is draggable */\n  draggable: boolean;\n\n  /** Event handler attached on the row for drag start event */\n  onDragStart: (e: DragEvent) => void;\n\n  /** Event handler attached on the row for drag end event */\n  onDragEnd: (e: DragEvent) => void;\n}\n\n/** Drop props exposed on row for drag and drop operation */\nexport interface DropProps {\n  /** Event handler attached on the row for drag enter event */\n  onDragEnter: (e: DragEvent) => void;\n\n  /** Event handler attached on the row for drag leave event */\n  onDragLeave: (e: DragEvent) => void;\n\n  /** Selector exposed for dropping a row */\n  'data-drop': string;\n}\n/** Context object exposed on the row */\nexport interface RowContext {\n  /** Name of the the context object - row */\n  name: string;\n\n  /** Returns the row key. */\n  getRowKey: () => string;\n\n  /** Returns the data of the entire row */\n  getValue: () => RowData;\n\n  /** Returns the context of the parent(view) */\n  getParentContext: () => ViewContext;\n\n  /** Calls fetchRowActionDetails function of the API context and returns the row actions */\n  getRowActionDetails: (\n    rowContext: RowData\n  ) => ReturnType<Required<ApiContext>['fetchRowActionDetails']>;\n\n  /** Returns the drag props set on a row */\n  getDragProps: () => DragProps | undefined;\n\n  /**\n   * Used to select/deselect a {@link Row}.\n   * @param selected Flag to indicate the row is selected or not.\n   */\n  selectRow: (selected: boolean) => void;\n\n  /** This fetches the latest data of the row using\n   * {@link ApiContext.fetchRowData fetchRowData} and updates the same in the {@link View} and {@link Row}\n   * @returns void\n   */\n  refreshRow: () => Promise<void>;\n\n  /** Opens Master Detail for this row. Omitted from the execution context when Master Detail is disabled for the view. */\n  openMasterDetail?: (nestedTarget?: Record<string, unknown>, viewName?: string) => void;\n  /** Closes the active Master Detail item when Master Detail is enabled for the view. */\n  closeMasterDetail?: () => void;\n  /** Clears the nested target set on this row's active Master Detail selection without closing it. */\n  clearMasterDetailNestedTarget?: () => void;\n  /** Navigates from the active Master Detail item when Master Detail is enabled for the view. */\n  navigateMasterDetail?: (direction: MasterDetailNavigationDirection) => void;\n\n  /** Boolean denoting if a row is selected */\n  $selected?: boolean;\n  /**\n   *\n   * @returns the errors on the row.\n   */\n  getRowError: () => DataError[string | number] | undefined;\n  /**\n   *\n   * @returns the current row Header field and value.\n   */\n  getRowHeader: () => RowHeader | undefined;\n}\n\nexport type RowOptions = {\n  key: string;\n  role?: string;\n  tabIndex?: number;\n  dragProps?: DragProps;\n  dropProps?: DropProps;\n  rowData: RowData;\n  uniqueId?: string | null;\n  /** Generic interaction marker used by template renderers. */\n  masterDetailActive?: boolean;\n};\n\nexport interface RowHeader {\n  field: Column;\n  getValue: () => RowData[keyof RowData] | undefined;\n}\n\nexport const dataKey = 'data-key';\n"]}