@pega/lists-react 10.0.0-build.1.9 → 10.0.0-build.10.1

package/lib/Core/Views/Kanban/KanbanLane.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"KanbanLane.d.ts","sourceRoot":"","sources":["../../../../Core/Views/Kanban/KanbanLane.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvC,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAWlE,UAAU,eAAe;IACvB,IAAI,EAAE,WAAW,CAAC,cAAc,CAAC;IACjC,UAAU,CAAC,EAAE,WAAW,CAAC,MAAM,CAAC;IAChC,IAAI,EAAE,WAAW,CAAC,IAAI,CAAC;IACvB,cAAc,EAAE,WAAW,CAAC,MAAM,EAAE,CAAC;IACrC,YAAY,CAAC,EAAE,WAAW,CAAC,MAAM,CAAC;IAClC,kBAAkB,CAAC,EAAE,WAAW,CAAC,MAAM,EAAE,CAAC;IAC1C,UAAU,EAAE,SAAS,CAAC;IACtB,mFAAmF;IACnF,MAAM,EAAE,MAAM,CAAC;CAChB;AAED,UAAU,oBAAoB;IAC5B,UAAU,EAAE,SAAS,CAAC;CACvB;AAED,iBAAS,UAAU,CAAC,EAClB,IAAI,EACJ,UAAU,EACV,IAAI,EACJ,cAAc,EACd,YAAY,EACZ,kBAAkB,EAClB,UAAU,EACV,MAAM,EACP,EAAE,eAAe,2CAmCjB;kBA5CQ,UAAU;;;AAgDnB,eAAO,MAAM,eAAe,GAAI,gBAAgB,oBAAoB,4CAoBnE,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/lib/Core/Views/Kanban/KanbanLane.js

@@ -0,0 +1,21 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Count, Flex, Grid } from '@pega/cosmos-react-core';
+import KanbanLaneHeader from './KanbanLaneHeader';
+import KanbanLaneVirtualizer from './KanbanLaneVirtualizer';
+import { StyledEmptyKanbanCards, StyledKanbanCards, StyledKanbanLane, StyledKanbanLaneHeader } from './Kanban.styles';
+function KanbanLane({ lane, laneColumn, meta, visibleColumns, headerColumn, subHeadingsColumns, emptyState, laneId }) {
+    const laneRows = lane.getRows?.() ?? [];
+    return (_jsxs(Flex, { as: StyledKanbanLane, "data-kanban-lane": true, role: 'listitem', container: { direction: 'column' }, children: [_jsxs(Grid, { as: StyledKanbanLaneHeader, container: { cols: 'minmax(0, 1fr) auto', alignItems: 'center', gap: 0.5, pad: 1 }, children: [_jsx(KanbanLaneHeader, { column: laneColumn, groupHeader: lane }), _jsx(Count, { children: lane.count })] }), lane.count === 0 ? (_jsx(Flex, { as: StyledEmptyKanbanCards, container: { direction: 'column', gap: 1, pad: 1 }, children: emptyState })) : (_jsx(StyledKanbanCards, { children: _jsx(KanbanLaneVirtualizer, { laneId: laneId, rows: laneRows, meta: meta, visibleColumns: visibleColumns, headerColumn: headerColumn, subHeadingsColumns: subHeadingsColumns }) }))] }));
+}
+KanbanLane.displayName = 'KanbanLane';
+export const EmptyKanbanLane = ({ emptyState }) => {
+    return (_jsxs(Flex, { as: StyledKanbanLane, role: 'listitem', container: { direction: 'column' }, children: [_jsx(Grid, { as: StyledKanbanLaneHeader, container: {
+                    cols: 'minmax(0, 1fr) auto',
+                    alignItems: 'center',
+                    gap: 0.5,
+                    pad: 1,
+                    justifyItems: 'end'
+                }, children: _jsx(Count, { children: 0 }) }), _jsx(Flex, { as: StyledEmptyKanbanCards, container: { direction: 'column', gap: 1, pad: 1 }, children: emptyState })] }));
+};
+export default KanbanLane;
+//# sourceMappingURL=KanbanLane.js.map

package/lib/Core/Views/Kanban/KanbanLane.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"KanbanLane.js","sourceRoot":"","sources":["../../../../Core/Views/Kanban/KanbanLane.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,KAAK,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,yBAAyB,CAAC;AAG5D,OAAO,gBAAgB,MAAM,oBAAoB,CAAC;AAClD,OAAO,qBAAqB,MAAM,yBAAyB,CAAC;AAC5D,OAAO,EACL,sBAAsB,EACtB,iBAAiB,EACjB,gBAAgB,EAChB,sBAAsB,EACvB,MAAM,iBAAiB,CAAC;AAkBzB,SAAS,UAAU,CAAC,EAClB,IAAI,EACJ,UAAU,EACV,IAAI,EACJ,cAAc,EACd,YAAY,EACZ,kBAAkB,EAClB,UAAU,EACV,MAAM,EACU;IAChB,MAAM,QAAQ,GAAG,IAAI,CAAC,OAAO,EAAE,EAAE,IAAI,EAAE,CAAC;IAExC,OAAO,CACL,MAAC,IAAI,IACH,EAAE,EAAE,gBAAgB,4BAEpB,IAAI,EAAC,UAAU,EACf,SAAS,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,aAElC,MAAC,IAAI,IACH,EAAE,EAAE,sBAAsB,EAC1B,SAAS,EAAE,EAAE,IAAI,EAAE,qBAAqB,EAAE,UAAU,EAAE,QAAQ,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,CAAC,EAAE,aAElF,KAAC,gBAAgB,IAAC,MAAM,EAAE,UAAU,EAAE,WAAW,EAAE,IAAI,GAAI,EAC3D,KAAC,KAAK,cAAE,IAAI,CAAC,KAAK,GAAS,IACtB,EACN,IAAI,CAAC,KAAK,KAAK,CAAC,CAAC,CAAC,CAAC,CAClB,KAAC,IAAI,IAAC,EAAE,EAAE,sBAAsB,EAAE,SAAS,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,YACjF,UAAU,GACN,CACR,CAAC,CAAC,CAAC,CACF,KAAC,iBAAiB,cAChB,KAAC,qBAAqB,IACpB,MAAM,EAAE,MAAM,EACd,IAAI,EAAE,QAAQ,EACd,IAAI,EAAE,IAAI,EACV,cAAc,EAAE,cAAc,EAC9B,YAAY,EAAE,YAAY,EAC1B,kBAAkB,EAAE,kBAAkB,GACtC,GACgB,CACrB,IACI,CACR,CAAC;AACJ,CAAC;AAED,UAAU,CAAC,WAAW,GAAG,YAAY,CAAC;AAEtC,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,EAAE,UAAU,EAAwB,EAAE,EAAE;IACtE,OAAO,CACL,MAAC,IAAI,IAAC,EAAE,EAAE,gBAAgB,EAAE,IAAI,EAAC,UAAU,EAAC,SAAS,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,aAC5E,KAAC,IAAI,IACH,EAAE,EAAE,sBAAsB,EAC1B,SAAS,EAAE;oBACT,IAAI,EAAE,qBAAqB;oBAC3B,UAAU,EAAE,QAAQ;oBACpB,GAAG,EAAE,GAAG;oBACR,GAAG,EAAE,CAAC;oBACN,YAAY,EAAE,KAAK;iBACpB,YAED,KAAC,KAAK,cAAE,CAAC,GAAS,GACb,EACP,KAAC,IAAI,IAAC,EAAE,EAAE,sBAAsB,EAAE,SAAS,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,YACjF,UAAU,GACN,IACF,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,UAAU,CAAC","sourcesContent":["import type { ReactNode } from 'react';\n\nimport { Count, Flex, Grid } from '@pega/cosmos-react-core';\nimport type { RsCoreTypes } from 'pega-repeating-structures-core';\n\nimport KanbanLaneHeader from './KanbanLaneHeader';\nimport KanbanLaneVirtualizer from './KanbanLaneVirtualizer';\nimport {\n  StyledEmptyKanbanCards,\n  StyledKanbanCards,\n  StyledKanbanLane,\n  StyledKanbanLaneHeader\n} from './Kanban.styles';\n\ninterface KanbanLaneProps {\n  lane: RsCoreTypes.GroupGenerator;\n  laneColumn?: RsCoreTypes.Column;\n  meta: RsCoreTypes.Meta;\n  visibleColumns: RsCoreTypes.Column[];\n  headerColumn?: RsCoreTypes.Column;\n  subHeadingsColumns?: RsCoreTypes.Column[];\n  emptyState: ReactNode;\n  /** Stable identifier for the lane, used to scope the card virtualizer instance. */\n  laneId: string;\n}\n\ninterface EmptyKanbanLaneProps {\n  emptyState: ReactNode;\n}\n\nfunction KanbanLane({\n  lane,\n  laneColumn,\n  meta,\n  visibleColumns,\n  headerColumn,\n  subHeadingsColumns,\n  emptyState,\n  laneId\n}: KanbanLaneProps) {\n  const laneRows = lane.getRows?.() ?? [];\n\n  return (\n    <Flex\n      as={StyledKanbanLane}\n      data-kanban-lane\n      role='listitem'\n      container={{ direction: 'column' }}\n    >\n      <Grid\n        as={StyledKanbanLaneHeader}\n        container={{ cols: 'minmax(0, 1fr) auto', alignItems: 'center', gap: 0.5, pad: 1 }}\n      >\n        <KanbanLaneHeader column={laneColumn} groupHeader={lane} />\n        <Count>{lane.count}</Count>\n      </Grid>\n      {lane.count === 0 ? (\n        <Flex as={StyledEmptyKanbanCards} container={{ direction: 'column', gap: 1, pad: 1 }}>\n          {emptyState}\n        </Flex>\n      ) : (\n        <StyledKanbanCards>\n          <KanbanLaneVirtualizer\n            laneId={laneId}\n            rows={laneRows}\n            meta={meta}\n            visibleColumns={visibleColumns}\n            headerColumn={headerColumn}\n            subHeadingsColumns={subHeadingsColumns}\n          />\n        </StyledKanbanCards>\n      )}\n    </Flex>\n  );\n}\n\nKanbanLane.displayName = 'KanbanLane';\n\nexport const EmptyKanbanLane = ({ emptyState }: EmptyKanbanLaneProps) => {\n  return (\n    <Flex as={StyledKanbanLane} role='listitem' container={{ direction: 'column' }}>\n      <Grid\n        as={StyledKanbanLaneHeader}\n        container={{\n          cols: 'minmax(0, 1fr) auto',\n          alignItems: 'center',\n          gap: 0.5,\n          pad: 1,\n          justifyItems: 'end'\n        }}\n      >\n        <Count>{0}</Count>\n      </Grid>\n      <Flex as={StyledEmptyKanbanCards} container={{ direction: 'column', gap: 1, pad: 1 }}>\n        {emptyState}\n      </Flex>\n    </Flex>\n  );\n};\n\nexport default KanbanLane;\n"]}

package/lib/Core/Views/Kanban/KanbanLaneHeader.d.ts

@@ -0,0 +1,12 @@
+import type { RsCoreTypes } from 'pega-repeating-structures-core';
+interface KanbanLaneHeaderProps {
+    column?: RsCoreTypes.Column;
+    groupHeader?: RsCoreTypes.GroupGenerator;
+}
+declare function KanbanLaneHeader({ column, groupHeader }: KanbanLaneHeaderProps): import("react/jsx-runtime").JSX.Element | null;
+declare namespace KanbanLaneHeader {
+    var displayName: string;
+}
+declare const _default: import("react").MemoExoticComponent<typeof KanbanLaneHeader>;
+export default _default;
+//# sourceMappingURL=KanbanLaneHeader.d.ts.map

package/lib/Core/Views/Kanban/KanbanLaneHeader.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"KanbanLaneHeader.d.ts","sourceRoot":"","sources":["../../../../Core/Views/Kanban/KanbanLaneHeader.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAIlE,UAAU,qBAAqB;IAC7B,MAAM,CAAC,EAAE,WAAW,CAAC,MAAM,CAAC;IAC5B,WAAW,CAAC,EAAE,WAAW,CAAC,cAAc,CAAC;CAC1C;AAED,iBAAS,gBAAgB,CAAC,EAAE,MAAM,EAAE,WAAW,EAAE,EAAE,qBAAqB,kDAevE;kBAfQ,gBAAgB;;;;AAmBzB,wBAAsC"}

package/lib/Core/Views/Kanban/KanbanLaneHeader.js

@@ -0,0 +1,16 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { memo } from 'react';
+import RenderingEngine from '../../Components/RenderingEngine/RenderCell';
+function KanbanLaneHeader({ column, groupHeader }) {
+    if (!column || !groupHeader) {
+        return null;
+    }
+    column.setExecutionContext(null);
+    return (_jsx(RenderingEngine, { ...column.getRenderingEngineProps(), context: {
+            getValue: () => groupHeader.name,
+            getExecutionContext: () => ({ getValue: () => groupHeader.data, name: 'groupHeader' })
+        } }));
+}
+KanbanLaneHeader.displayName = 'KanbanLaneHeader';
+export default memo(KanbanLaneHeader);
+//# sourceMappingURL=KanbanLaneHeader.js.map

package/lib/Core/Views/Kanban/KanbanLaneHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"KanbanLaneHeader.js","sourceRoot":"","sources":["../../../../Core/Views/Kanban/KanbanLaneHeader.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,OAAO,CAAC;AAI7B,OAAO,eAAe,MAAM,6CAA6C,CAAC;AAO1E,SAAS,gBAAgB,CAAC,EAAE,MAAM,EAAE,WAAW,EAAyB;IACtE,IAAI,CAAC,MAAM,IAAI,CAAC,WAAW,EAAE,CAAC;QAC5B,OAAO,IAAI,CAAC;IACd,CAAC;IACD,MAAM,CAAC,mBAAmB,CAAC,IAAI,CAAC,CAAC;IAEjC,OAAO,CACL,KAAC,eAAe,OACV,MAAM,CAAC,uBAAuB,EAAE,EACpC,OAAO,EAAE;YACP,QAAQ,EAAE,GAAG,EAAE,CAAC,WAAW,CAAC,IAAI;YAChC,mBAAmB,EAAE,GAAG,EAAE,CAAC,CAAC,EAAE,QAAQ,EAAE,GAAG,EAAE,CAAC,WAAW,CAAC,IAAI,EAAE,IAAI,EAAE,aAAa,EAAE,CAAC;SACvF,GACD,CACH,CAAC;AACJ,CAAC;AAED,gBAAgB,CAAC,WAAW,GAAG,kBAAkB,CAAC;AAElD,eAAe,IAAI,CAAC,gBAAgB,CAAC,CAAC","sourcesContent":["import { memo } from 'react';\n\nimport type { RsCoreTypes } from 'pega-repeating-structures-core';\n\nimport RenderingEngine from '../../Components/RenderingEngine/RenderCell';\n\ninterface KanbanLaneHeaderProps {\n  column?: RsCoreTypes.Column;\n  groupHeader?: RsCoreTypes.GroupGenerator;\n}\n\nfunction KanbanLaneHeader({ column, groupHeader }: KanbanLaneHeaderProps) {\n  if (!column || !groupHeader) {\n    return null;\n  }\n  column.setExecutionContext(null);\n\n  return (\n    <RenderingEngine\n      {...column.getRenderingEngineProps()}\n      context={{\n        getValue: () => groupHeader.name,\n        getExecutionContext: () => ({ getValue: () => groupHeader.data, name: 'groupHeader' })\n      }}\n    />\n  );\n}\n\nKanbanLaneHeader.displayName = 'KanbanLaneHeader';\n\nexport default memo(KanbanLaneHeader);\n"]}

package/lib/Core/Views/Kanban/KanbanLaneVirtualizer.d.ts

@@ -0,0 +1,20 @@
+import type { RsCoreTypes } from 'pega-repeating-structures-core';
+interface KanbanLaneVirtualizerProps {
+    /** Stable identifier for the lane, used to scope the virtualizer instance. */
+    laneId: string;
+    /** All rows belonging to this lane (available client-side). */
+    rows: RsCoreTypes.Row[];
+    meta: RsCoreTypes.Meta;
+    visibleColumns: RsCoreTypes.Column[];
+    headerColumn?: RsCoreTypes.Column;
+    subHeadingsColumns?: RsCoreTypes.Column[];
+}
+/**
+ * Client-side vertical virtualization for the cards within a single Kanban lane.
+ */
+declare function KanbanLaneVirtualizer({ laneId, rows, meta, visibleColumns, headerColumn, subHeadingsColumns }: KanbanLaneVirtualizerProps): import("react/jsx-runtime").JSX.Element;
+declare namespace KanbanLaneVirtualizer {
+    var displayName: string;
+}
+export default KanbanLaneVirtualizer;
+//# sourceMappingURL=KanbanLaneVirtualizer.d.ts.map

package/lib/Core/Views/Kanban/KanbanLaneVirtualizer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"KanbanLaneVirtualizer.d.ts","sourceRoot":"","sources":["../../../../Core/Views/Kanban/KanbanLaneVirtualizer.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAalE,UAAU,0BAA0B;IAClC,8EAA8E;IAC9E,MAAM,EAAE,MAAM,CAAC;IACf,+DAA+D;IAC/D,IAAI,EAAE,WAAW,CAAC,GAAG,EAAE,CAAC;IACxB,IAAI,EAAE,WAAW,CAAC,IAAI,CAAC;IACvB,cAAc,EAAE,WAAW,CAAC,MAAM,EAAE,CAAC;IACrC,YAAY,CAAC,EAAE,WAAW,CAAC,MAAM,CAAC;IAClC,kBAAkB,CAAC,EAAE,WAAW,CAAC,MAAM,EAAE,CAAC;CAC3C;AAED;;GAEG;AACH,iBAAS,qBAAqB,CAAC,EAC7B,MAAM,EACN,IAAI,EACJ,IAAI,EACJ,cAAc,EACd,YAAY,EACZ,kBAAkB,EACnB,EAAE,0BAA0B,2CAoD5B;kBA3DQ,qBAAqB;;;AA+D9B,eAAe,qBAAqB,CAAC"}

package/lib/Core/Views/Kanban/KanbanLaneVirtualizer.js

@@ -0,0 +1,37 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useCallback, useEffect, useMemo, useState } from 'react';
+import VariableHeightVirtualizer, {} from '../../Components/Virtualise/VariableHeightVirtualizer/VariableHeightVirtualizer';
+import KanbanCard from './KanbanCard';
+/** Estimated card height (px) used before a card is measured by the virtualizer. */
+const KANBAN_DEFAULT_CARD_HEIGHT = 600;
+/** Extra cards rendered above and below the viewport for smooth scrolling. */
+const KANBAN_CARD_BUFFER = 5;
+/**
+ * Client-side vertical virtualization for the cards within a single Kanban lane.
+ */
+function KanbanLaneVirtualizer({ laneId, rows, meta, visibleColumns, headerColumn, subHeadingsColumns }) {
+    const totalItemCount = rows.length;
+    const [requestedRange, setRequestedRange] = useState({});
+    const [isFetching, setIsFetching] = useState(false);
+    const requestRange = useCallback(({ startIndex, endIndex }) => {
+        setRequestedRange({ startIndex, endIndex });
+        setIsFetching(true);
+    }, []);
+    // Hold the fetch gate for a single commit so the virtualizer settles the requested window
+    // before it can request the next one.
+    useEffect(() => {
+        if (isFetching)
+            setIsFetching(false);
+    }, [isFetching]);
+    const visibleRows = useMemo(() => {
+        const { startIndex, endIndex } = requestedRange;
+        if (startIndex === undefined || endIndex === undefined)
+            return [];
+        return rows.slice(startIndex, endIndex + 1);
+    }, [rows, requestedRange]);
+    const paginationStartIndex = requestedRange.startIndex ?? 0;
+    return (_jsx(VariableHeightVirtualizer, { id: `kanbanLane:${laneId}`, totalItemCount: totalItemCount, loadedDataRange: requestedRange, isDataFetching: isFetching, apiCallback: requestRange, defaultItemHeight: KANBAN_DEFAULT_CARD_HEIGHT, buffer: KANBAN_CARD_BUFFER, itemContainerClass: 'kanban-lane-cards', children: visibleRows.map((row, index) => (_jsx(KanbanCard, { dataIndex: paginationStartIndex + index, meta: meta, row: row, visibleColumns: visibleColumns, headerColumn: headerColumn, subHeadingsColumns: subHeadingsColumns }, row.reactKey))) }));
+}
+KanbanLaneVirtualizer.displayName = 'KanbanLaneVirtualizer';
+export default KanbanLaneVirtualizer;
+//# sourceMappingURL=KanbanLaneVirtualizer.js.map

package/lib/Core/Views/Kanban/KanbanLaneVirtualizer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"KanbanLaneVirtualizer.js","sourceRoot":"","sources":["../../../../Core/Views/Kanban/KanbanLaneVirtualizer.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAIlE,OAAO,yBAAyB,EAAE,EAEjC,MAAM,iFAAiF,CAAC;AAEzF,OAAO,UAAU,MAAM,cAAc,CAAC;AAEtC,oFAAoF;AACpF,MAAM,0BAA0B,GAAG,GAAG,CAAC;AACvC,8EAA8E;AAC9E,MAAM,kBAAkB,GAAG,CAAC,CAAC;AAa7B;;GAEG;AACH,SAAS,qBAAqB,CAAC,EAC7B,MAAM,EACN,IAAI,EACJ,IAAI,EACJ,cAAc,EACd,YAAY,EACZ,kBAAkB,EACS;IAC3B,MAAM,cAAc,GAAG,IAAI,CAAC,MAAM,CAAC;IAEnC,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,QAAQ,CAAkB,EAAE,CAAC,CAAC;IAC1E,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAEpD,MAAM,YAAY,GAAG,WAAW,CAC9B,CAAC,EAAE,UAAU,EAAE,QAAQ,EAAwD,EAAE,EAAE;QACjF,iBAAiB,CAAC,EAAE,UAAU,EAAE,QAAQ,EAAE,CAAC,CAAC;QAC5C,aAAa,CAAC,IAAI,CAAC,CAAC;IACtB,CAAC,EACD,EAAE,CACH,CAAC;IAEF,0FAA0F;IAC1F,sCAAsC;IACtC,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,UAAU;YAAE,aAAa,CAAC,KAAK,CAAC,CAAC;IACvC,CAAC,EAAE,CAAC,UAAU,CAAC,CAAC,CAAC;IAEjB,MAAM,WAAW,GAAG,OAAO,CAAC,GAAG,EAAE;QAC/B,MAAM,EAAE,UAAU,EAAE,QAAQ,EAAE,GAAG,cAAc,CAAC;QAChD,IAAI,UAAU,KAAK,SAAS,IAAI,QAAQ,KAAK,SAAS;YAAE,OAAO,EAAE,CAAC;QAClE,OAAO,IAAI,CAAC,KAAK,CAAC,UAAU,EAAE,QAAQ,GAAG,CAAC,CAAC,CAAC;IAC9C,CAAC,EAAE,CAAC,IAAI,EAAE,cAAc,CAAC,CAAC,CAAC;IAE3B,MAAM,oBAAoB,GAAG,cAAc,CAAC,UAAU,IAAI,CAAC,CAAC;IAE5D,OAAO,CACL,KAAC,yBAAyB,IACxB,EAAE,EAAE,cAAc,MAAM,EAAE,EAC1B,cAAc,EAAE,cAAc,EAC9B,eAAe,EAAE,cAAc,EAC/B,cAAc,EAAE,UAAU,EAC1B,WAAW,EAAE,YAAY,EACzB,iBAAiB,EAAE,0BAA0B,EAC7C,MAAM,EAAE,kBAAkB,EAC1B,kBAAkB,EAAC,mBAAmB,YAErC,WAAW,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,KAAK,EAAE,EAAE,CAAC,CAC/B,KAAC,UAAU,IAET,SAAS,EAAE,oBAAoB,GAAG,KAAK,EACvC,IAAI,EAAE,IAAI,EACV,GAAG,EAAE,GAAG,EACR,cAAc,EAAE,cAAc,EAC9B,YAAY,EAAE,YAAY,EAC1B,kBAAkB,EAAE,kBAAkB,IANjC,GAAG,CAAC,QAAQ,CAOjB,CACH,CAAC,GACwB,CAC7B,CAAC;AACJ,CAAC;AAED,qBAAqB,CAAC,WAAW,GAAG,uBAAuB,CAAC;AAE5D,eAAe,qBAAqB,CAAC","sourcesContent":["import { useCallback, useEffect, useMemo, useState } from 'react';\n\nimport type { RsCoreTypes } from 'pega-repeating-structures-core';\n\nimport VariableHeightVirtualizer, {\n  type LoadedDataRange\n} from '../../Components/Virtualise/VariableHeightVirtualizer/VariableHeightVirtualizer';\n\nimport KanbanCard from './KanbanCard';\n\n/** Estimated card height (px) used before a card is measured by the virtualizer. */\nconst KANBAN_DEFAULT_CARD_HEIGHT = 600;\n/** Extra cards rendered above and below the viewport for smooth scrolling. */\nconst KANBAN_CARD_BUFFER = 5;\n\ninterface KanbanLaneVirtualizerProps {\n  /** Stable identifier for the lane, used to scope the virtualizer instance. */\n  laneId: string;\n  /** All rows belonging to this lane (available client-side). */\n  rows: RsCoreTypes.Row[];\n  meta: RsCoreTypes.Meta;\n  visibleColumns: RsCoreTypes.Column[];\n  headerColumn?: RsCoreTypes.Column;\n  subHeadingsColumns?: RsCoreTypes.Column[];\n}\n\n/**\n * Client-side vertical virtualization for the cards within a single Kanban lane.\n */\nfunction KanbanLaneVirtualizer({\n  laneId,\n  rows,\n  meta,\n  visibleColumns,\n  headerColumn,\n  subHeadingsColumns\n}: KanbanLaneVirtualizerProps) {\n  const totalItemCount = rows.length;\n\n  const [requestedRange, setRequestedRange] = useState<LoadedDataRange>({});\n  const [isFetching, setIsFetching] = useState(false);\n\n  const requestRange = useCallback(\n    ({ startIndex, endIndex }: { startIndex: number; endIndex: number; id: string }) => {\n      setRequestedRange({ startIndex, endIndex });\n      setIsFetching(true);\n    },\n    []\n  );\n\n  // Hold the fetch gate for a single commit so the virtualizer settles the requested window\n  // before it can request the next one.\n  useEffect(() => {\n    if (isFetching) setIsFetching(false);\n  }, [isFetching]);\n\n  const visibleRows = useMemo(() => {\n    const { startIndex, endIndex } = requestedRange;\n    if (startIndex === undefined || endIndex === undefined) return [];\n    return rows.slice(startIndex, endIndex + 1);\n  }, [rows, requestedRange]);\n\n  const paginationStartIndex = requestedRange.startIndex ?? 0;\n\n  return (\n    <VariableHeightVirtualizer\n      id={`kanbanLane:${laneId}`}\n      totalItemCount={totalItemCount}\n      loadedDataRange={requestedRange}\n      isDataFetching={isFetching}\n      apiCallback={requestRange}\n      defaultItemHeight={KANBAN_DEFAULT_CARD_HEIGHT}\n      buffer={KANBAN_CARD_BUFFER}\n      itemContainerClass='kanban-lane-cards'\n    >\n      {visibleRows.map((row, index) => (\n        <KanbanCard\n          key={row.reactKey}\n          dataIndex={paginationStartIndex + index}\n          meta={meta}\n          row={row}\n          visibleColumns={visibleColumns}\n          headerColumn={headerColumn}\n          subHeadingsColumns={subHeadingsColumns}\n        />\n      ))}\n    </VariableHeightVirtualizer>\n  );\n}\n\nKanbanLaneVirtualizer.displayName = 'KanbanLaneVirtualizer';\n\nexport default KanbanLaneVirtualizer;\n"]}

package/lib/Core/Views/Kanban/hooks/useKanbanLanesVirtualization.d.ts

@@ -0,0 +1,19 @@
+import type { RsCoreTypes } from 'pega-repeating-structures-core';
+interface UseKanbanLanesVirtualizationOptions {
+    groupKey?: string;
+    lanes: RsCoreTypes.GroupGenerator[];
+}
+interface KanbanLanesVirtualization {
+    boardRef: React.RefObject<HTMLDivElement>;
+    visibleLanes: RsCoreTypes.GroupGenerator[];
+}
+/**
+ * Progressively mounts right-side Kanban lanes while retaining already mounted lanes and their
+ * vertical scroll positions. Resets the lane window for a new grouping or refreshed lane catalog.
+ *
+ * @param groupKey - Active lane grouping identifier.
+ * @param lanes - Lanes available for the active grouping.
+ */
+export default function useKanbanLanesVirtualization({ groupKey, lanes }: UseKanbanLanesVirtualizationOptions): KanbanLanesVirtualization;
+export {};
+//# sourceMappingURL=useKanbanLanesVirtualization.d.ts.map

package/lib/Core/Views/Kanban/hooks/useKanbanLanesVirtualization.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useKanbanLanesVirtualization.d.ts","sourceRoot":"","sources":["../../../../../Core/Views/Kanban/hooks/useKanbanLanesVirtualization.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAC;AASlE,UAAU,mCAAmC;IAC3C,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,KAAK,EAAE,WAAW,CAAC,cAAc,EAAE,CAAC;CACrC;AAED,UAAU,yBAAyB;IACjC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,CAAC;IAC1C,YAAY,EAAE,WAAW,CAAC,cAAc,EAAE,CAAC;CAC5C;AAED;;;;;;GAMG;AACH,MAAM,CAAC,OAAO,UAAU,4BAA4B,CAAC,EACnD,QAAQ,EACR,KAAK,EACN,EAAE,mCAAmC,GAAG,yBAAyB,CA4BjE"}

package/lib/Core/Views/Kanban/hooks/useKanbanLanesVirtualization.js

@@ -0,0 +1,32 @@
+import { useCallback, useEffect, useRef, useState } from 'react';
+import { useItemIntersection } from '@pega/cosmos-react-core';
+// Lanes mounted when a board or lane grouping is first displayed.
+const INITIAL_LANE_COUNT = 3;
+// Additional right-side lanes mounted when the current final lane enters the scrollport.
+const APPEND_LANE_COUNT = 2;
+// Minimum lanes to display so the intersection observer can always fire to trigger further loading.
+const MINIMUM_OBSERVED_LANE_COUNT = 2;
+/**
+ * Progressively mounts right-side Kanban lanes while retaining already mounted lanes and their
+ * vertical scroll positions. Resets the lane window for a new grouping or refreshed lane catalog.
+ *
+ * @param groupKey - Active lane grouping identifier.
+ * @param lanes - Lanes available for the active grouping.
+ */
+export default function useKanbanLanesVirtualization({ groupKey, lanes }) {
+    const boardRef = useRef(null);
+    const totalLaneCount = lanes.length;
+    const [mountedLaneCount, setMountedLaneCount] = useState(INITIAL_LANE_COUNT);
+    const clampLaneCount = useCallback((count) => Math.max(Math.min(count, totalLaneCount), Math.min(MINIMUM_OBSERVED_LANE_COUNT, totalLaneCount)), [totalLaneCount]);
+    // A new grouping or lane catalog starts with the initial lane window.
+    useEffect(() => {
+        setMountedLaneCount(INITIAL_LANE_COUNT);
+    }, [groupKey, totalLaneCount]);
+    const appendLanes = useCallback(() => {
+        // Keep prior lanes mounted so their independent vertical scroll positions are retained.
+        setMountedLaneCount(prev => clampLaneCount(prev + APPEND_LANE_COUNT));
+    }, [clampLaneCount]);
+    useItemIntersection(boardRef, mountedLaneCount - 1, appendLanes, ':scope > [data-kanban-lane]');
+    return { boardRef, visibleLanes: lanes.slice(0, mountedLaneCount) };
+}
+//# sourceMappingURL=useKanbanLanesVirtualization.js.map

package/lib/Core/Views/Kanban/hooks/useKanbanLanesVirtualization.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useKanbanLanesVirtualization.js","sourceRoot":"","sources":["../../../../../Core/Views/Kanban/hooks/useKanbanLanesVirtualization.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEjE,OAAO,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AAG9D,kEAAkE;AAClE,MAAM,kBAAkB,GAAG,CAAC,CAAC;AAC7B,yFAAyF;AACzF,MAAM,iBAAiB,GAAG,CAAC,CAAC;AAC5B,oGAAoG;AACpG,MAAM,2BAA2B,GAAG,CAAC,CAAC;AAYtC;;;;;;GAMG;AACH,MAAM,CAAC,OAAO,UAAU,4BAA4B,CAAC,EACnD,QAAQ,EACR,KAAK,EAC+B;IACpC,MAAM,QAAQ,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IAE9C,MAAM,cAAc,GAAG,KAAK,CAAC,MAAM,CAAC;IACpC,MAAM,CAAC,gBAAgB,EAAE,mBAAmB,CAAC,GAAG,QAAQ,CAAC,kBAAkB,CAAC,CAAC;IAE7E,MAAM,cAAc,GAAG,WAAW,CAChC,CAAC,KAAa,EAAU,EAAE,CACxB,IAAI,CAAC,GAAG,CACN,IAAI,CAAC,GAAG,CAAC,KAAK,EAAE,cAAc,CAAC,EAC/B,IAAI,CAAC,GAAG,CAAC,2BAA2B,EAAE,cAAc,CAAC,CACtD,EACH,CAAC,cAAc,CAAC,CACjB,CAAC;IAEF,sEAAsE;IACtE,SAAS,CAAC,GAAG,EAAE;QACb,mBAAmB,CAAC,kBAAkB,CAAC,CAAC;IAC1C,CAAC,EAAE,CAAC,QAAQ,EAAE,cAAc,CAAC,CAAC,CAAC;IAE/B,MAAM,WAAW,GAAG,WAAW,CAAC,GAAG,EAAE;QACnC,wFAAwF;QACxF,mBAAmB,CAAC,IAAI,CAAC,EAAE,CAAC,cAAc,CAAC,IAAI,GAAG,iBAAiB,CAAC,CAAC,CAAC;IACxE,CAAC,EAAE,CAAC,cAAc,CAAC,CAAC,CAAC;IAErB,mBAAmB,CAAC,QAAQ,EAAE,gBAAgB,GAAG,CAAC,EAAE,WAAW,EAAE,6BAA6B,CAAC,CAAC;IAEhG,OAAO,EAAE,QAAQ,EAAE,YAAY,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC,EAAE,gBAAgB,CAAC,EAAE,CAAC;AACtE,CAAC","sourcesContent":["import { useCallback, useEffect, useRef, useState } from 'react';\n\nimport { useItemIntersection } from '@pega/cosmos-react-core';\nimport type { RsCoreTypes } from 'pega-repeating-structures-core';\n\n// Lanes mounted when a board or lane grouping is first displayed.\nconst INITIAL_LANE_COUNT = 3;\n// Additional right-side lanes mounted when the current final lane enters the scrollport.\nconst APPEND_LANE_COUNT = 2;\n// Minimum lanes to display so the intersection observer can always fire to trigger further loading.\nconst MINIMUM_OBSERVED_LANE_COUNT = 2;\n\ninterface UseKanbanLanesVirtualizationOptions {\n  groupKey?: string;\n  lanes: RsCoreTypes.GroupGenerator[];\n}\n\ninterface KanbanLanesVirtualization {\n  boardRef: React.RefObject<HTMLDivElement>;\n  visibleLanes: RsCoreTypes.GroupGenerator[];\n}\n\n/**\n * Progressively mounts right-side Kanban lanes while retaining already mounted lanes and their\n * vertical scroll positions. Resets the lane window for a new grouping or refreshed lane catalog.\n *\n * @param groupKey - Active lane grouping identifier.\n * @param lanes - Lanes available for the active grouping.\n */\nexport default function useKanbanLanesVirtualization({\n  groupKey,\n  lanes\n}: UseKanbanLanesVirtualizationOptions): KanbanLanesVirtualization {\n  const boardRef = useRef<HTMLDivElement>(null);\n\n  const totalLaneCount = lanes.length;\n  const [mountedLaneCount, setMountedLaneCount] = useState(INITIAL_LANE_COUNT);\n\n  const clampLaneCount = useCallback(\n    (count: number): number =>\n      Math.max(\n        Math.min(count, totalLaneCount),\n        Math.min(MINIMUM_OBSERVED_LANE_COUNT, totalLaneCount)\n      ),\n    [totalLaneCount]\n  );\n\n  // A new grouping or lane catalog starts with the initial lane window.\n  useEffect(() => {\n    setMountedLaneCount(INITIAL_LANE_COUNT);\n  }, [groupKey, totalLaneCount]);\n\n  const appendLanes = useCallback(() => {\n    // Keep prior lanes mounted so their independent vertical scroll positions are retained.\n    setMountedLaneCount(prev => clampLaneCount(prev + APPEND_LANE_COUNT));\n  }, [clampLaneCount]);\n\n  useItemIntersection(boardRef, mountedLaneCount - 1, appendLanes, ':scope > [data-kanban-lane]');\n\n  return { boardRef, visibleLanes: lanes.slice(0, mountedLaneCount) };\n}\n"]}

package/lib/Core/Views/Kanban/index.d.ts

@@ -0,0 +1,9 @@
+import { type RsCoreTypes } from 'pega-repeating-structures-core';
+declare function Kanban({ view }: {
+    view: RsCoreTypes.View;
+}): import("react/jsx-runtime").JSX.Element;
+declare namespace Kanban {
+    var displayName: string;
+}
+export default Kanban;
+//# sourceMappingURL=index.d.ts.map

package/lib/Core/Views/Kanban/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../Core/Views/Kanban/index.tsx"],"names":[],"mappings":"AASA,OAAO,EAAe,KAAK,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAwB/E,iBAAS,MAAM,CAAC,EAAE,IAAI,EAAE,EAAE;IAAE,IAAI,EAAE,WAAW,CAAC,IAAI,CAAA;CAAE,2CA8FnD;kBA9FQ,MAAM;;;AAkGf,eAAe,MAAM,CAAC"}

package/lib/Core/Views/Kanban/index.js

@@ -0,0 +1,63 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useMemo } from 'react';
+import { usePrevious, useFullscreenContext, useTheme, Grid, isInstance } from '@pega/cosmos-react-core';
+import { getGroupKey } from 'pega-repeating-structures-core';
+import Toolbar from '../../Components/Toolbar';
+import RenderView from '../../Components/RenderingEngine/RenderView';
+import { EXTERNAL_FILTERS } from '../../constants';
+import EmptyContainer from '../../Components/DefaultComponents/EmptyContainer';
+import RsCardWrapper from '../RsCardWrapper';
+import LoadingIndicator from '../../Components/LoadingIndicator';
+import WarningBanner from '../../Components/WarningBanner';
+import useTranslate from '../../Hooks/useTranslate';
+import { isFilterApplied } from '../../Utils';
+import { getCardColumns } from '../../Components/Card';
+import KanbanLane, { EmptyKanbanLane } from './KanbanLane';
+import { StyledKanbanBoard, StyledKanbanContainer } from './Kanban.styles';
+import useKanbanLanesVirtualization from './hooks/useKanbanLanesVirtualization';
+function getLaneId(laneColumn, value) {
+    return `${laneColumn?.field.id ?? ''}:${isInstance(value, Date) ? value.toISOString() : String(value)}`;
+}
+function Kanban({ view }) {
+    const { columns = [], groupHeaders = [], meta, rows } = view;
+    const { filterExpression, searchText, externalState, groups } = view.state ?? {};
+    const isFullscreen = !!useFullscreenContext()?.[0];
+    const theme = useTheme();
+    const [translate] = useTranslate();
+    // Lane configuration
+    const firstGroupHeader = groupHeaders[0];
+    const laneGroup = groups?.[0];
+    const laneColumn = useMemo(() => columns.find(column => String(column.field.id) === String(laneGroup?.columnId)), [columns, laneGroup]);
+    const hasLaneConfiguration = !!(laneColumn && laneGroup);
+    // RsCore returns empty groupHeader with groupBy = '' and count = 0 when there are no records to display.
+    const isEmptyLane = groupHeaders.length === 1 && firstGroupHeader?.groupBy === '' && firstGroupHeader.count === 0;
+    const shouldRenderEmptyLane = !!laneGroup && isEmptyLane;
+    // With instantRender from RSCore, state can contain the new groupBy while groupHeaders still reflect the previous grouping.
+    const laneGroupKey = laneGroup ? getGroupKey(laneGroup) : undefined;
+    const hasStaleLanes = !!firstGroupHeader?.groupBy && firstGroupHeader.groupBy !== laneGroupKey;
+    const lanes = hasLaneConfiguration && !hasStaleLanes ? groupHeaders : [];
+    const laneSourceKey = laneGroup ? `${laneGroupKey}:${laneGroup.order}` : undefined;
+    // Lanes virtualization
+    const { boardRef, visibleLanes } = useKanbanLanesVirtualization({
+        groupKey: laneSourceKey,
+        lanes
+    });
+    // Empty state configuration
+    const previousTotalItemCount = usePrevious(view.totalItemCount);
+    const emptyMessage = isFilterApplied({ filterExpression, searchText, externalState }, meta.externalFilters)
+        ? translate('No records found')
+        : translate('No records');
+    const shouldAnnounceEmpty = (previousTotalItemCount ?? 0) > 0 && view.totalItemCount === 0;
+    const emptyState = (_jsx(EmptyContainer, { message: emptyMessage, shouldAnnounce: shouldAnnounceEmpty, domContainer: view.getDomContainer(), transparent: true }));
+    const { visibleColumns, headerColumn, subHeadingsColumns } = useMemo(() => getCardColumns(columns, meta.cardConfig ?? {}), [columns, meta.cardConfig]);
+    return (_jsx(RsCardWrapper, { children: _jsxs(StyledKanbanContainer, { "data-testid": 'kanban', view: view, isFullscreen: isFullscreen, children: [_jsx(WarningBanner, { warningMessages: view.warningMessages }), _jsx(Toolbar, { view: view }), _jsx(RenderView, { view: view, type: EXTERNAL_FILTERS }), _jsxs(Grid, { as: StyledKanbanBoard, ref: boardRef, role: 'list', "aria-label": meta.title ?? meta.name, container: {
+                        autoFlow: 'column',
+                        autoCols: `minmax(min(${theme.base['content-width'].sm}, 100%), 1fr)`,
+                        gap: 1.5,
+                        pad: 0.5
+                    }, children: [!shouldRenderEmptyLane &&
+                            visibleLanes.map(lane => (_jsx(KanbanLane, { laneId: getLaneId(laneColumn, lane.name), lane: lane, laneColumn: laneColumn, meta: meta, visibleColumns: visibleColumns, headerColumn: headerColumn, subHeadingsColumns: subHeadingsColumns, emptyState: emptyState }, getLaneId(laneColumn, lane.name)))), shouldRenderEmptyLane && _jsx(EmptyKanbanLane, { emptyState: emptyState }), _jsx(LoadingIndicator, { view: view, show: !rows || !!view.isLoading })] })] }) }));
+}
+Kanban.displayName = 'Kanban';
+export default Kanban;
+//# sourceMappingURL=index.js.map

package/lib/Core/Views/Kanban/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../Core/Views/Kanban/index.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAEhC,OAAO,EACL,WAAW,EACX,oBAAoB,EACpB,QAAQ,EACR,IAAI,EACJ,UAAU,EACX,MAAM,yBAAyB,CAAC;AACjC,OAAO,EAAE,WAAW,EAAoB,MAAM,gCAAgC,CAAC;AAE/E,OAAO,OAAO,MAAM,0BAA0B,CAAC;AAC/C,OAAO,UAAU,MAAM,6CAA6C,CAAC;AACrE,OAAO,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;AACnD,OAAO,cAAc,MAAM,mDAAmD,CAAC;AAC/E,OAAO,aAAa,MAAM,kBAAkB,CAAC;AAC7C,OAAO,gBAAgB,MAAM,mCAAmC,CAAC;AACjE,OAAO,aAAa,MAAM,gCAAgC,CAAC;AAC3D,OAAO,YAAY,MAAM,0BAA0B,CAAC;AACpD,OAAO,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC;AAC9C,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAEvD,OAAO,UAAU,EAAE,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAC3D,OAAO,EAAE,iBAAiB,EAAE,qBAAqB,EAAE,MAAM,iBAAiB,CAAC;AAC3E,OAAO,4BAA4B,MAAM,sCAAsC,CAAC;AAEhF,SAAS,SAAS,CAChB,UAA0C,EAC1C,KAAyC;IAEzC,OAAO,GAAG,UAAU,EAAE,KAAK,CAAC,EAAE,IAAI,EAAE,IAAI,UAAU,CAAC,KAAK,EAAE,IAAI,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,WAAW,EAAE,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,EAAE,CAAC;AAC1G,CAAC;AAED,SAAS,MAAM,CAAC,EAAE,IAAI,EAA8B;IAClD,MAAM,EAAE,OAAO,GAAG,EAAE,EAAE,YAAY,GAAG,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,GAAG,IAAI,CAAC;IAC7D,MAAM,EAAE,gBAAgB,EAAE,UAAU,EAAE,aAAa,EAAE,MAAM,EAAE,GAAG,IAAI,CAAC,KAAK,IAAI,EAAE,CAAC;IACjF,MAAM,YAAY,GAAG,CAAC,CAAC,oBAAoB,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC;IACnD,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAC;IACzB,MAAM,CAAC,SAAS,CAAC,GAAG,YAAY,EAAE,CAAC;IAEnC,qBAAqB;IACrB,MAAM,gBAAgB,GAAG,YAAY,CAAC,CAAC,CAAC,CAAC;IACzC,MAAM,SAAS,GAAG,MAAM,EAAE,CAAC,CAAC,CAAC,CAAC;IAC9B,MAAM,UAAU,GAAG,OAAO,CACxB,GAAG,EAAE,CAAC,OAAO,CAAC,IAAI,CAAC,MAAM,CAAC,EAAE,CAAC,MAAM,CAAC,MAAM,CAAC,KAAK,CAAC,EAAE,CAAC,KAAK,MAAM,CAAC,SAAS,EAAE,QAAQ,CAAC,CAAC,EACrF,CAAC,OAAO,EAAE,SAAS,CAAC,CACrB,CAAC;IACF,MAAM,oBAAoB,GAAG,CAAC,CAAC,CAAC,UAAU,IAAI,SAAS,CAAC,CAAC;IAEzD,yGAAyG;IACzG,MAAM,WAAW,GACf,YAAY,CAAC,MAAM,KAAK,CAAC,IAAI,gBAAgB,EAAE,OAAO,KAAK,EAAE,IAAI,gBAAgB,CAAC,KAAK,KAAK,CAAC,CAAC;IAChG,MAAM,qBAAqB,GAAG,CAAC,CAAC,SAAS,IAAI,WAAW,CAAC;IAEzD,4HAA4H;IAC5H,MAAM,YAAY,GAAG,SAAS,CAAC,CAAC,CAAC,WAAW,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC;IACpE,MAAM,aAAa,GAAG,CAAC,CAAC,gBAAgB,EAAE,OAAO,IAAI,gBAAgB,CAAC,OAAO,KAAK,YAAY,CAAC;IAC/F,MAAM,KAAK,GAAG,oBAAoB,IAAI,CAAC,aAAa,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,EAAE,CAAC;IACzE,MAAM,aAAa,GAAG,SAAS,CAAC,CAAC,CAAC,GAAG,YAAY,IAAI,SAAS,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC,SAAS,CAAC;IAEnF,uBAAuB;IACvB,MAAM,EAAE,QAAQ,EAAE,YAAY,EAAE,GAAG,4BAA4B,CAAC;QAC9D,QAAQ,EAAE,aAAa;QACvB,KAAK;KACN,CAAC,CAAC;IAEH,4BAA4B;IAC5B,MAAM,sBAAsB,GAAG,WAAW,CAAC,IAAI,CAAC,cAAc,CAAC,CAAC;IAChE,MAAM,YAAY,GAAG,eAAe,CAClC,EAAE,gBAAgB,EAAE,UAAU,EAAE,aAAa,EAAE,EAC/C,IAAI,CAAC,eAAe,CACrB;QACC,CAAC,CAAC,SAAS,CAAC,kBAAkB,CAAC;QAC/B,CAAC,CAAC,SAAS,CAAC,YAAY,CAAC,CAAC;IAC5B,MAAM,mBAAmB,GAAG,CAAC,sBAAsB,IAAI,CAAC,CAAC,GAAG,CAAC,IAAI,IAAI,CAAC,cAAc,KAAK,CAAC,CAAC;IAC3F,MAAM,UAAU,GAAG,CACjB,KAAC,cAAc,IACb,OAAO,EAAE,YAAY,EACrB,cAAc,EAAE,mBAAmB,EACnC,YAAY,EAAE,IAAI,CAAC,eAAe,EAAE,EACpC,WAAW,SACX,CACH,CAAC;IAEF,MAAM,EAAE,cAAc,EAAE,YAAY,EAAE,kBAAkB,EAAE,GAAG,OAAO,CAClE,GAAG,EAAE,CAAC,cAAc,CAAC,OAAO,EAAE,IAAI,CAAC,UAAU,IAAI,EAAE,CAAC,EACpD,CAAC,OAAO,EAAE,IAAI,CAAC,UAAU,CAAC,CAC3B,CAAC;IAEF,OAAO,CACL,KAAC,aAAa,cACZ,MAAC,qBAAqB,mBAAa,QAAQ,EAAC,IAAI,EAAE,IAAI,EAAE,YAAY,EAAE,YAAY,aAChF,KAAC,aAAa,IAAC,eAAe,EAAE,IAAI,CAAC,eAAe,GAAI,EACxD,KAAC,OAAO,IAAC,IAAI,EAAE,IAAI,GAAI,EACvB,KAAC,UAAU,IAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,gBAAgB,GAAI,EAClD,MAAC,IAAI,IACH,EAAE,EAAE,iBAAiB,EACrB,GAAG,EAAE,QAAQ,EACb,IAAI,EAAC,MAAM,gBACC,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,IAAI,EACnC,SAAS,EAAE;wBACT,QAAQ,EAAE,QAAQ;wBAClB,QAAQ,EAAE,cAAc,KAAK,CAAC,IAAI,CAAC,eAAe,CAAC,CAAC,EAAE,eAAe;wBACrE,GAAG,EAAE,GAAG;wBACR,GAAG,EAAE,GAAG;qBACT,aAEA,CAAC,qBAAqB;4BACrB,YAAY,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,CACvB,KAAC,UAAU,IAET,MAAM,EAAE,SAAS,CAAC,UAAU,EAAE,IAAI,CAAC,IAAI,CAAC,EACxC,IAAI,EAAE,IAAI,EACV,UAAU,EAAE,UAAU,EACtB,IAAI,EAAE,IAAI,EACV,cAAc,EAAE,cAAc,EAC9B,YAAY,EAAE,YAAY,EAC1B,kBAAkB,EAAE,kBAAkB,EACtC,UAAU,EAAE,UAAU,IARjB,SAAS,CAAC,UAAU,EAAE,IAAI,CAAC,IAAI,CAAC,CASrC,CACH,CAAC,EACH,qBAAqB,IAAI,KAAC,eAAe,IAAC,UAAU,EAAE,UAAU,GAAI,EACrE,KAAC,gBAAgB,IAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC,IAAI,IAAI,CAAC,CAAC,IAAI,CAAC,SAAS,GAAI,IAC5D,IACe,GACV,CACjB,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,WAAW,GAAG,QAAQ,CAAC;AAE9B,eAAe,MAAM,CAAC","sourcesContent":["import { useMemo } from 'react';\n\nimport {\n  usePrevious,\n  useFullscreenContext,\n  useTheme,\n  Grid,\n  isInstance\n} from '@pega/cosmos-react-core';\nimport { getGroupKey, type RsCoreTypes } from 'pega-repeating-structures-core';\n\nimport Toolbar from '../../Components/Toolbar';\nimport RenderView from '../../Components/RenderingEngine/RenderView';\nimport { EXTERNAL_FILTERS } from '../../constants';\nimport EmptyContainer from '../../Components/DefaultComponents/EmptyContainer';\nimport RsCardWrapper from '../RsCardWrapper';\nimport LoadingIndicator from '../../Components/LoadingIndicator';\nimport WarningBanner from '../../Components/WarningBanner';\nimport useTranslate from '../../Hooks/useTranslate';\nimport { isFilterApplied } from '../../Utils';\nimport { getCardColumns } from '../../Components/Card';\n\nimport KanbanLane, { EmptyKanbanLane } from './KanbanLane';\nimport { StyledKanbanBoard, StyledKanbanContainer } from './Kanban.styles';\nimport useKanbanLanesVirtualization from './hooks/useKanbanLanesVirtualization';\n\nfunction getLaneId(\n  laneColumn: RsCoreTypes.Column | undefined,\n  value: RsCoreTypes.GroupGenerator['name']\n): string {\n  return `${laneColumn?.field.id ?? ''}:${isInstance(value, Date) ? value.toISOString() : String(value)}`;\n}\n\nfunction Kanban({ view }: { view: RsCoreTypes.View }) {\n  const { columns = [], groupHeaders = [], meta, rows } = view;\n  const { filterExpression, searchText, externalState, groups } = view.state ?? {};\n  const isFullscreen = !!useFullscreenContext()?.[0];\n  const theme = useTheme();\n  const [translate] = useTranslate();\n\n  // Lane configuration\n  const firstGroupHeader = groupHeaders[0];\n  const laneGroup = groups?.[0];\n  const laneColumn = useMemo(\n    () => columns.find(column => String(column.field.id) === String(laneGroup?.columnId)),\n    [columns, laneGroup]\n  );\n  const hasLaneConfiguration = !!(laneColumn && laneGroup);\n\n  // RsCore returns empty groupHeader with groupBy = '' and count = 0 when there are no records to display.\n  const isEmptyLane =\n    groupHeaders.length === 1 && firstGroupHeader?.groupBy === '' && firstGroupHeader.count === 0;\n  const shouldRenderEmptyLane = !!laneGroup && isEmptyLane;\n\n  // With instantRender from RSCore, state can contain the new groupBy while groupHeaders still reflect the previous grouping.\n  const laneGroupKey = laneGroup ? getGroupKey(laneGroup) : undefined;\n  const hasStaleLanes = !!firstGroupHeader?.groupBy && firstGroupHeader.groupBy !== laneGroupKey;\n  const lanes = hasLaneConfiguration && !hasStaleLanes ? groupHeaders : [];\n  const laneSourceKey = laneGroup ? `${laneGroupKey}:${laneGroup.order}` : undefined;\n\n  // Lanes virtualization\n  const { boardRef, visibleLanes } = useKanbanLanesVirtualization({\n    groupKey: laneSourceKey,\n    lanes\n  });\n\n  // Empty state configuration\n  const previousTotalItemCount = usePrevious(view.totalItemCount);\n  const emptyMessage = isFilterApplied(\n    { filterExpression, searchText, externalState },\n    meta.externalFilters\n  )\n    ? translate('No records found')\n    : translate('No records');\n  const shouldAnnounceEmpty = (previousTotalItemCount ?? 0) > 0 && view.totalItemCount === 0;\n  const emptyState = (\n    <EmptyContainer\n      message={emptyMessage}\n      shouldAnnounce={shouldAnnounceEmpty}\n      domContainer={view.getDomContainer()}\n      transparent\n    />\n  );\n\n  const { visibleColumns, headerColumn, subHeadingsColumns } = useMemo(\n    () => getCardColumns(columns, meta.cardConfig ?? {}),\n    [columns, meta.cardConfig]\n  );\n\n  return (\n    <RsCardWrapper>\n      <StyledKanbanContainer data-testid='kanban' view={view} isFullscreen={isFullscreen}>\n        <WarningBanner warningMessages={view.warningMessages} />\n        <Toolbar view={view} />\n        <RenderView view={view} type={EXTERNAL_FILTERS} />\n        <Grid\n          as={StyledKanbanBoard}\n          ref={boardRef}\n          role='list'\n          aria-label={meta.title ?? meta.name}\n          container={{\n            autoFlow: 'column',\n            autoCols: `minmax(min(${theme.base['content-width'].sm}, 100%), 1fr)`,\n            gap: 1.5,\n            pad: 0.5\n          }}\n        >\n          {!shouldRenderEmptyLane &&\n            visibleLanes.map(lane => (\n              <KanbanLane\n                key={getLaneId(laneColumn, lane.name)}\n                laneId={getLaneId(laneColumn, lane.name)}\n                lane={lane}\n                laneColumn={laneColumn}\n                meta={meta}\n                visibleColumns={visibleColumns}\n                headerColumn={headerColumn}\n                subHeadingsColumns={subHeadingsColumns}\n                emptyState={emptyState}\n              />\n            ))}\n          {shouldRenderEmptyLane && <EmptyKanbanLane emptyState={emptyState} />}\n          <LoadingIndicator view={view} show={!rows || !!view.isLoading} />\n        </Grid>\n      </StyledKanbanContainer>\n    </RsCardWrapper>\n  );\n}\n\nKanban.displayName = 'Kanban';\n\nexport default Kanban;\n"]}

package/lib/Core/Views/Table/CellWrapper.d.ts

@@ -1,9 +1,10 @@
 export const CellIcon: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("@pega/cosmos-react-core").IconProps & import("styled-components/dist/types").BaseObject, import("styled-components/dist/types").BaseObject>> & string & Omit<import("react").ForwardRefExoticComponent<import("@pega/cosmos-react-core").IconProps>, keyof import("react").Component<any, {}, any>>;
 declare const _default: import("react").MemoExoticComponent<typeof CellWrapper>;
 export default _default;
-declare function CellWrapper({ column, level }: {
+declare function CellWrapper({ column, level, onMasterDetailKeyDown }: {
     column: any;
     level?: number | undefined;
+    onMasterDetailKeyDown: any;
 }): import("react/jsx-runtime").JSX.Element;
 declare namespace CellWrapper {
     namespace propTypes {
@@ -11,6 +12,7 @@ declare namespace CellWrapper {
             [x: string]: any;
         }>;
         let level: PropTypes.Requireable<number>;
+        let onMasterDetailKeyDown: PropTypes.Requireable<(...args: any[]) => any>;
     }
 }
 import PropTypes from 'prop-types';

package/lib/Core/Views/Table/CellWrapper.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CellWrapper.d.ts","sourceRoot":"","sources":["../../../../Core/Views/Table/CellWrapper.jsx"],"names":[],"mappings":"AAyCA,wbAkBG;;;AAEH;;;4CAyDC;;;;;;;;;sBAtHqB,YAAY"}
+{"version":3,"file":"CellWrapper.d.ts","sourceRoot":"","sources":["../../../../Core/Views/Table/CellWrapper.jsx"],"names":[],"mappings":"AAyCA,wbAkBG;;;AAEH;;;;4CA0DC;;;;;;;;;;sBAvHqB,YAAY"}

package/lib/Core/Views/Table/CellWrapper.js

@@ -48,7 +48,7 @@ export const CellIcon = styled(Icon)(({ cellAlign }) => {
     }
   `;
 });
-function CellWrapper({ column, level = 0 }) {
+function CellWrapper({ column, level = 0, onMasterDetailKeyDown }) {
     const ref = useRef();
     const { field: { cellAlign, type: fieldType }, isCustomColumn, isLastColumn, isFirstVisualColumn, getCellStyleFormat } = column;
     const { classList, style: cellStyle, ...restProps } = column.getUIProps();
@@ -66,11 +66,12 @@ function CellWrapper({ column, level = 0 }) {
             'cell-first': isFirstVisualColumn,
             'cell-last-frozen': column.lastFrozen,
             'column-type-action': fieldType === FieldType.ACTION_FIELD_TYPE
-        }, !isCustomColumn && cellAlign && CELL_ALIGN_CLASSES[cellAlign]), style: cellStyles, ref: ref, tabIndex: -1, "data-style-format": styleFormatId, children: [_jsx(RenderingEngine, { style: renderingEngineStyles, highlighter: true, ...column.getRenderingEngineProps(), context: context }), cellIconProps && _jsx(CellIcon, { ...cellIconProps, cellAlign: cellAlign, set: 'budicon' }), styleFormatId && (_jsx(VisuallyHiddenText, { id: styleFormatId, children: `,${translate('state')}: ${styleFormatLabel},` }))] }));
+        }, !isCustomColumn && cellAlign && CELL_ALIGN_CLASSES[cellAlign]), style: cellStyles, ref: ref, tabIndex: -1, onKeyDownCapture: onMasterDetailKeyDown, "data-style-format": styleFormatId, children: [_jsx(RenderingEngine, { style: renderingEngineStyles, highlighter: true, ...column.getRenderingEngineProps(), context: context }), cellIconProps && _jsx(CellIcon, { ...cellIconProps, cellAlign: cellAlign, set: 'budicon' }), styleFormatId && (_jsx(VisuallyHiddenText, { id: styleFormatId, children: `,${translate('state')}: ${styleFormatLabel},` }))] }));
 }
 CellWrapper.propTypes = {
     column: PropTypes.objectOf(PropTypes.any),
-    level: PropTypes.number
+    level: PropTypes.number,
+    onMasterDetailKeyDown: PropTypes.func
 };
 export default memo(CellWrapper);
 //# sourceMappingURL=CellWrapper.js.map

package/lib/Core/Views/Table/CellWrapper.js.map

@@ -1 +1 @@
-{"version":3,"file":"CellWrapper.js","sourceRoot":"","sources":["../../../../Core/Views/Table/CellWrapper.jsx"],"names":[],"mappings":"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","sourcesContent":["import PropTypes from 'prop-types';\nimport { memo, useCallback, useRef } from 'react';\nimport styled, { css } from 'styled-components';\n\nimport { FieldType } from 'pega-repeating-structures-core';\nimport { Icon, VisuallyHiddenText } from '@pega/cosmos-react-core';\n\nimport { createClassName as cx } from '../../Utils';\nimport RenderingEngine from '../../Components/RenderingEngine/RenderCell';\nimport { CELL_ALIGN_CLASSES } from '../../constants';\nimport { hierarchicalgroupheaderleftdisplacement } from '../../Components/HierarchicalGroupRenderer';\nimport useTranslate from '../../Hooks/useTranslate';\n\nconst getStyles = (column, level, styleFormatConfig) => {\n  const {\n    isFirstDataColumn,\n    parent,\n    field: { idHash, cellAlign }\n  } = column;\n  const { backgroundColor, icon: cellIconProps, foregroundColor } = styleFormatConfig;\n\n  const cellStyles = {\n    left: `var(--col-left-${idHash})`,\n    order: `var(--col-order-${idHash})`,\n    width: `var(--col-width-${idHash})`,\n    ...(backgroundColor && { backgroundColor }),\n    ...(isFirstDataColumn && parent?.hierarchicalGroupEnabled && { paddingLeft: 0 })\n  };\n\n  const renderingEngineStyles = {\n    ...(isFirstDataColumn &&\n      parent?.hierarchicalGroupEnabled && {\n        paddingLeft: hierarchicalgroupheaderleftdisplacement(level)\n      }),\n    ...(cellIconProps && { order: cellAlign === 'right' ? 2 : 1 }),\n    ...(foregroundColor && { color: foregroundColor })\n  };\n\n  return { cellStyles, renderingEngineStyles };\n};\n\nexport const CellIcon = styled(Icon)(({ cellAlign }) => {\n  // icon size 12px\n  return css`\n    /*\n     * Icon styles sometimes fail to override correctly. Increasing specificity ensures consistent override behavior.\n     * https://styled-components.com/docs/faqs#how-can-i-override-styles-with-higher-specificity\n     */\n    &&& {\n      height: 0.75rem;\n      width: 0.75rem;\n      min-width: 0.75rem;\n      min-height: 0.75rem;\n      margin-inline-end: ${cellAlign !== 'right' && '0.5rem'};\n      margin-inline-start: ${cellAlign === 'right' && '0.5rem'};\n      order: ${cellAlign === 'right' ? 1 : 2};\n      flex-shrink: 0;\n    }\n  `;\n});\n\nfunction CellWrapper({ column, level = 0 }) {\n  const ref = useRef();\n  const {\n    field: { cellAlign, type: fieldType },\n    isCustomColumn,\n    isLastColumn,\n    isFirstVisualColumn,\n    getCellStyleFormat\n  } = column;\n  const { classList, style: cellStyle, ...restProps } = column.getUIProps();\n  const {\n    config: styleFormatConfig = {},\n    label: styleFormatLabel,\n    id: styleFormatId\n  } = getCellStyleFormat() ?? {};\n  const { foregroundColor, icon: cellIconProps } = styleFormatConfig;\n  const context = {\n    getElement: () => ref.current,\n    getStyles: useCallback(() => ({ foregroundColor }), [foregroundColor])\n  };\n  const { cellStyles, renderingEngineStyles } = getStyles(column, level, styleFormatConfig);\n  const [translate] = useTranslate();\n\n  return (\n    <div\n      {...restProps}\n      className={cx(\n        'cell',\n        ...classList,\n        {\n          'cell-fixed': column.frozen,\n          'cell-last': isLastColumn,\n          'cell-first': isFirstVisualColumn,\n          'cell-last-frozen': column.lastFrozen,\n          'column-type-action': fieldType === FieldType.ACTION_FIELD_TYPE\n        },\n        !isCustomColumn && cellAlign && CELL_ALIGN_CLASSES[cellAlign]\n      )}\n      style={cellStyles}\n      ref={ref}\n      tabIndex={-1}\n      data-style-format={styleFormatId}\n    >\n      <RenderingEngine\n        style={renderingEngineStyles}\n        highlighter\n        {...column.getRenderingEngineProps()}\n        context={context}\n      />\n      {cellIconProps && <CellIcon {...cellIconProps} cellAlign={cellAlign} set='budicon' />}\n      {styleFormatId && (\n        <VisuallyHiddenText\n          id={styleFormatId}\n        >{`,${translate('state')}: ${styleFormatLabel},`}</VisuallyHiddenText>\n      )}\n    </div>\n  );\n}\n\nCellWrapper.propTypes = {\n  column: PropTypes.objectOf(PropTypes.any),\n  level: PropTypes.number\n};\n\nexport default memo(CellWrapper);\n"]}
+{"version":3,"file":"CellWrapper.js","sourceRoot":"","sources":["../../../../Core/Views/Table/CellWrapper.jsx"],"names":[],"mappings":"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","sourcesContent":["import PropTypes from 'prop-types';\nimport { memo, useCallback, useRef } from 'react';\nimport styled, { css } from 'styled-components';\n\nimport { FieldType } from 'pega-repeating-structures-core';\nimport { Icon, VisuallyHiddenText } from '@pega/cosmos-react-core';\n\nimport { createClassName as cx } from '../../Utils';\nimport RenderingEngine from '../../Components/RenderingEngine/RenderCell';\nimport { CELL_ALIGN_CLASSES } from '../../constants';\nimport { hierarchicalgroupheaderleftdisplacement } from '../../Components/HierarchicalGroupRenderer';\nimport useTranslate from '../../Hooks/useTranslate';\n\nconst getStyles = (column, level, styleFormatConfig) => {\n  const {\n    isFirstDataColumn,\n    parent,\n    field: { idHash, cellAlign }\n  } = column;\n  const { backgroundColor, icon: cellIconProps, foregroundColor } = styleFormatConfig;\n\n  const cellStyles = {\n    left: `var(--col-left-${idHash})`,\n    order: `var(--col-order-${idHash})`,\n    width: `var(--col-width-${idHash})`,\n    ...(backgroundColor && { backgroundColor }),\n    ...(isFirstDataColumn && parent?.hierarchicalGroupEnabled && { paddingLeft: 0 })\n  };\n\n  const renderingEngineStyles = {\n    ...(isFirstDataColumn &&\n      parent?.hierarchicalGroupEnabled && {\n        paddingLeft: hierarchicalgroupheaderleftdisplacement(level)\n      }),\n    ...(cellIconProps && { order: cellAlign === 'right' ? 2 : 1 }),\n    ...(foregroundColor && { color: foregroundColor })\n  };\n\n  return { cellStyles, renderingEngineStyles };\n};\n\nexport const CellIcon = styled(Icon)(({ cellAlign }) => {\n  // icon size 12px\n  return css`\n    /*\n     * Icon styles sometimes fail to override correctly. Increasing specificity ensures consistent override behavior.\n     * https://styled-components.com/docs/faqs#how-can-i-override-styles-with-higher-specificity\n     */\n    &&& {\n      height: 0.75rem;\n      width: 0.75rem;\n      min-width: 0.75rem;\n      min-height: 0.75rem;\n      margin-inline-end: ${cellAlign !== 'right' && '0.5rem'};\n      margin-inline-start: ${cellAlign === 'right' && '0.5rem'};\n      order: ${cellAlign === 'right' ? 1 : 2};\n      flex-shrink: 0;\n    }\n  `;\n});\n\nfunction CellWrapper({ column, level = 0, onMasterDetailKeyDown }) {\n  const ref = useRef();\n  const {\n    field: { cellAlign, type: fieldType },\n    isCustomColumn,\n    isLastColumn,\n    isFirstVisualColumn,\n    getCellStyleFormat\n  } = column;\n  const { classList, style: cellStyle, ...restProps } = column.getUIProps();\n  const {\n    config: styleFormatConfig = {},\n    label: styleFormatLabel,\n    id: styleFormatId\n  } = getCellStyleFormat() ?? {};\n  const { foregroundColor, icon: cellIconProps } = styleFormatConfig;\n  const context = {\n    getElement: () => ref.current,\n    getStyles: useCallback(() => ({ foregroundColor }), [foregroundColor])\n  };\n  const { cellStyles, renderingEngineStyles } = getStyles(column, level, styleFormatConfig);\n  const [translate] = useTranslate();\n\n  return (\n    <div\n      {...restProps}\n      className={cx(\n        'cell',\n        ...classList,\n        {\n          'cell-fixed': column.frozen,\n          'cell-last': isLastColumn,\n          'cell-first': isFirstVisualColumn,\n          'cell-last-frozen': column.lastFrozen,\n          'column-type-action': fieldType === FieldType.ACTION_FIELD_TYPE\n        },\n        !isCustomColumn && cellAlign && CELL_ALIGN_CLASSES[cellAlign]\n      )}\n      style={cellStyles}\n      ref={ref}\n      tabIndex={-1}\n      onKeyDownCapture={onMasterDetailKeyDown}\n      data-style-format={styleFormatId}\n    >\n      <RenderingEngine\n        style={renderingEngineStyles}\n        highlighter\n        {...column.getRenderingEngineProps()}\n        context={context}\n      />\n      {cellIconProps && <CellIcon {...cellIconProps} cellAlign={cellAlign} set='budicon' />}\n      {styleFormatId && (\n        <VisuallyHiddenText\n          id={styleFormatId}\n        >{`,${translate('state')}: ${styleFormatLabel},`}</VisuallyHiddenText>\n      )}\n    </div>\n  );\n}\n\nCellWrapper.propTypes = {\n  column: PropTypes.objectOf(PropTypes.any),\n  level: PropTypes.number,\n  onMasterDetailKeyDown: PropTypes.func\n};\n\nexport default memo(CellWrapper);\n"]}

package/lib/Core/Views/Table/Row.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Row.d.ts","sourceRoot":"","sources":["../../../../Core/Views/Table/Row.jsx"],"names":[],"mappings":";;AAKA;;;;;4CAcC;;;;;;;;;;;sBAnBqB,YAAY"}
+{"version":3,"file":"Row.d.ts","sourceRoot":"","sources":["../../../../Core/Views/Table/Row.jsx"],"names":[],"mappings":";;AAYA;;;;;4CAoCC;;;;;;;;;;;sBAhDqB,YAAY"}

package/lib/Core/Views/Table/Row.js

@@ -1,17 +1,29 @@
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import PropTypes from 'prop-types';
 import { memo } from 'react';
+import { createClassName as cx } from '../../Utils';
+import { MASTER_DETAIL_INDICATOR_CLASS, MASTER_DETAIL_PREVIEW_HIGHLIGHT_CLASS } from '../../constants';
 import CellWrapper from './CellWrapper';
+import useMasterDetailRow from './useMasterDetailRow';
 function Row({ row, columns, level = 0, dataIndex }) {
-    const uiProps = { ...row.getUIProps(), ...(dataIndex >= 0 ? { 'data-index': dataIndex } : {}) };
-    return (_jsx("div", { ...uiProps, children: [...columns]
-            .sort((colA, colB) => colA.order - colB.order)
-            .map(column => {
-            column.setExecutionContext(row);
-            if (column.hidden)
-                return null;
-            return _jsx(CellWrapper, { row: row, column: column, level: level }, column.field.id);
-        }) }));
+    const rowUiProps = row.getUIProps();
+    const { isMasterDetailEnabled, onRowClick, onCellKeyDownCapture, rowElementRef } = useMasterDetailRow(row);
+    const isPreviewHighlighted = !!row.masterDetailActive;
+    const uiProps = {
+        ...rowUiProps,
+        ...(dataIndex >= 0 ? { 'data-index': dataIndex } : {}),
+        className: cx(rowUiProps.className, {
+            [MASTER_DETAIL_PREVIEW_HIGHLIGHT_CLASS]: isPreviewHighlighted
+        })
+    };
+    return (_jsxs("div", { ...uiProps, ref: rowElementRef, onClick: isMasterDetailEnabled ? onRowClick : undefined, children: [[...columns]
+                .sort((colA, colB) => colA.order - colB.order)
+                .map(column => {
+                column.setExecutionContext(row);
+                if (column.hidden)
+                    return null;
+                return (_jsx(CellWrapper, { row: row, column: column, level: level, onMasterDetailKeyDown: isMasterDetailEnabled ? onCellKeyDownCapture : undefined }, column.field.id));
+            }), isPreviewHighlighted && (_jsx("span", { className: MASTER_DETAIL_INDICATOR_CLASS, "aria-hidden": 'true' }))] }));
 }
 Row.propTypes = {
     columns: PropTypes.arrayOf(PropTypes.any),

package/lib/Core/Views/Table/Row.js.map

@@ -1 +1 @@
-{"version":3,"file":"Row.js","sourceRoot":"","sources":["../../../../Core/Views/Table/Row.jsx"],"names":[],"mappings":";AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AACnC,OAAO,EAAE,IAAI,EAAE,MAAM,OAAO,CAAC;AAE7B,OAAO,WAAW,MAAM,eAAe,CAAC;AAExC,SAAS,GAAG,CAAC,EAAE,GAAG,EAAE,OAAO,EAAE,KAAK,GAAG,CAAC,EAAE,SAAS,EAAE;IACjD,MAAM,OAAO,GAAG,EAAE,GAAG,GAAG,CAAC,UAAU,EAAE,EAAE,GAAG,CAAC,SAAS,IAAI,CAAC,CAAC,CAAC,CAAC,EAAE,YAAY,EAAE,SAAS,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC;IAEhG,OAAO,CACL,iBAAS,OAAO,YACb,CAAC,GAAG,OAAO,CAAC;aACV,IAAI,CAAC,CAAC,IAAI,EAAE,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC;aAC7C,GAAG,CAAC,MAAM,CAAC,EAAE;YACZ,MAAM,CAAC,mBAAmB,CAAC,GAAG,CAAC,CAAC;YAChC,IAAI,MAAM,CAAC,MAAM;gBAAE,OAAO,IAAI,CAAC;YAC/B,OAAO,KAAC,WAAW,IAAuB,GAAG,EAAE,GAAG,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,IAAvD,MAAM,CAAC,KAAK,CAAC,EAAE,CAA4C,CAAC;QACvF,CAAC,CAAC,GACA,CACP,CAAC;AACJ,CAAC;AAED,GAAG,CAAC,SAAS,GAAG;IACd,OAAO,EAAE,SAAS,CAAC,OAAO,CAAC,SAAS,CAAC,GAAG,CAAC;IACzC,GAAG,EAAE,SAAS,CAAC,QAAQ,CAAC,SAAS,CAAC,GAAG,CAAC;IACtC,KAAK,EAAE,SAAS,CAAC,MAAM;IACvB,SAAS,EAAE,SAAS,CAAC,MAAM;CAC5B,CAAC;AAEF,eAAe,IAAI,CAAC,GAAG,CAAC,CAAC","sourcesContent":["import PropTypes from 'prop-types';\nimport { memo } from 'react';\n\nimport CellWrapper from './CellWrapper';\n\nfunction Row({ row, columns, level = 0, dataIndex }) {\n  const uiProps = { ...row.getUIProps(), ...(dataIndex >= 0 ? { 'data-index': dataIndex } : {}) };\n\n  return (\n    <div {...uiProps}>\n      {[...columns]\n        .sort((colA, colB) => colA.order - colB.order)\n        .map(column => {\n          column.setExecutionContext(row);\n          if (column.hidden) return null;\n          return <CellWrapper key={column.field.id} row={row} column={column} level={level} />;\n        })}\n    </div>\n  );\n}\n\nRow.propTypes = {\n  columns: PropTypes.arrayOf(PropTypes.any),\n  row: PropTypes.objectOf(PropTypes.any),\n  level: PropTypes.number,\n  dataIndex: PropTypes.number\n};\n\nexport default memo(Row);\n"]}
+{"version":3,"file":"Row.js","sourceRoot":"","sources":["../../../../Core/Views/Table/Row.jsx"],"names":[],"mappings":";AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AACnC,OAAO,EAAE,IAAI,EAAE,MAAM,OAAO,CAAC;AAE7B,OAAO,EAAE,eAAe,IAAI,EAAE,EAAE,MAAM,aAAa,CAAC;AACpD,OAAO,EACL,6BAA6B,EAC7B,qCAAqC,EACtC,MAAM,iBAAiB,CAAC;AAEzB,OAAO,WAAW,MAAM,eAAe,CAAC;AACxC,OAAO,kBAAkB,MAAM,sBAAsB,CAAC;AAEtD,SAAS,GAAG,CAAC,EAAE,GAAG,EAAE,OAAO,EAAE,KAAK,GAAG,CAAC,EAAE,SAAS,EAAE;IACjD,MAAM,UAAU,GAAG,GAAG,CAAC,UAAU,EAAE,CAAC;IACpC,MAAM,EAAE,qBAAqB,EAAE,UAAU,EAAE,oBAAoB,EAAE,aAAa,EAAE,GAC9E,kBAAkB,CAAC,GAAG,CAAC,CAAC;IAC1B,MAAM,oBAAoB,GAAG,CAAC,CAAC,GAAG,CAAC,kBAAkB,CAAC;IACtD,MAAM,OAAO,GAAG;QACd,GAAG,UAAU;QACb,GAAG,CAAC,SAAS,IAAI,CAAC,CAAC,CAAC,CAAC,EAAE,YAAY,EAAE,SAAS,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;QACtD,SAAS,EAAE,EAAE,CAAC,UAAU,CAAC,SAAS,EAAE;YAClC,CAAC,qCAAqC,CAAC,EAAE,oBAAoB;SAC9D,CAAC;KACH,CAAC;IAEF,OAAO,CAEL,kBAAS,OAAO,EAAE,GAAG,EAAE,aAAa,EAAE,OAAO,EAAE,qBAAqB,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,SAAS,aAC1F,CAAC,GAAG,OAAO,CAAC;iBACV,IAAI,CAAC,CAAC,IAAI,EAAE,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC;iBAC7C,GAAG,CAAC,MAAM,CAAC,EAAE;gBACZ,MAAM,CAAC,mBAAmB,CAAC,GAAG,CAAC,CAAC;gBAChC,IAAI,MAAM,CAAC,MAAM;oBAAE,OAAO,IAAI,CAAC;gBAC/B,OAAO,CACL,KAAC,WAAW,IAEV,GAAG,EAAE,GAAG,EACR,MAAM,EAAE,MAAM,EACd,KAAK,EAAE,KAAK,EACZ,qBAAqB,EAAE,qBAAqB,CAAC,CAAC,CAAC,oBAAoB,CAAC,CAAC,CAAC,SAAS,IAJ1E,MAAM,CAAC,KAAK,CAAC,EAAE,CAKpB,CACH,CAAC;YACJ,CAAC,CAAC,EACH,oBAAoB,IAAI,CACvB,eAAM,SAAS,EAAE,6BAA6B,iBAAc,MAAM,GAAG,CACtE,IACG,CACP,CAAC;AACJ,CAAC;AAED,GAAG,CAAC,SAAS,GAAG;IACd,OAAO,EAAE,SAAS,CAAC,OAAO,CAAC,SAAS,CAAC,GAAG,CAAC;IACzC,GAAG,EAAE,SAAS,CAAC,QAAQ,CAAC,SAAS,CAAC,GAAG,CAAC;IACtC,KAAK,EAAE,SAAS,CAAC,MAAM;IACvB,SAAS,EAAE,SAAS,CAAC,MAAM;CAC5B,CAAC;AAEF,eAAe,IAAI,CAAC,GAAG,CAAC,CAAC","sourcesContent":["import PropTypes from 'prop-types';\nimport { memo } from 'react';\n\nimport { createClassName as cx } from '../../Utils';\nimport {\n  MASTER_DETAIL_INDICATOR_CLASS,\n  MASTER_DETAIL_PREVIEW_HIGHLIGHT_CLASS\n} from '../../constants';\n\nimport CellWrapper from './CellWrapper';\nimport useMasterDetailRow from './useMasterDetailRow';\n\nfunction Row({ row, columns, level = 0, dataIndex }) {\n  const rowUiProps = row.getUIProps();\n  const { isMasterDetailEnabled, onRowClick, onCellKeyDownCapture, rowElementRef } =\n    useMasterDetailRow(row);\n  const isPreviewHighlighted = !!row.masterDetailActive;\n  const uiProps = {\n    ...rowUiProps,\n    ...(dataIndex >= 0 ? { 'data-index': dataIndex } : {}),\n    className: cx(rowUiProps.className, {\n      [MASTER_DETAIL_PREVIEW_HIGHLIGHT_CLASS]: isPreviewHighlighted\n    })\n  };\n\n  return (\n    // eslint-disable-next-line jsx-a11y/click-events-have-key-events, jsx-a11y/no-static-element-interactions -- TableA11y owns grid navigation while Row owns Master Detail activation.\n    <div {...uiProps} ref={rowElementRef} onClick={isMasterDetailEnabled ? onRowClick : undefined}>\n      {[...columns]\n        .sort((colA, colB) => colA.order - colB.order)\n        .map(column => {\n          column.setExecutionContext(row);\n          if (column.hidden) return null;\n          return (\n            <CellWrapper\n              key={column.field.id}\n              row={row}\n              column={column}\n              level={level}\n              onMasterDetailKeyDown={isMasterDetailEnabled ? onCellKeyDownCapture : undefined}\n            />\n          );\n        })}\n      {isPreviewHighlighted && (\n        <span className={MASTER_DETAIL_INDICATOR_CLASS} aria-hidden='true' />\n      )}\n    </div>\n  );\n}\n\nRow.propTypes = {\n  columns: PropTypes.arrayOf(PropTypes.any),\n  row: PropTypes.objectOf(PropTypes.any),\n  level: PropTypes.number,\n  dataIndex: PropTypes.number\n};\n\nexport default memo(Row);\n"]}

package/lib/Core/Views/Table/StyledTableContainer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"StyledTableContainer.d.ts","sourceRoot":"","sources":["../../../../Core/Views/Table/StyledTableContainer.jsx"],"names":[],"mappings":";AAyBA;;yJAkhCG"}
+{"version":3,"file":"StyledTableContainer.d.ts","sourceRoot":"","sources":["../../../../Core/Views/Table/StyledTableContainer.jsx"],"names":[],"mappings":";AAyCA;;yJAklCG"}