@pega/lists-react 10.0.0-build.1.8 → 10.0.0-build.10.0

package/lib/Core/Components/AggregateMenu.js.map

@@ -1 +1 @@
-{"version":3,"file":"AggregateMenu.js","sourceRoot":"","sources":["../../../Core/Components/AggregateMenu.jsx"],"names":[],"mappings":"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","sourcesContent":["import styled from 'styled-components';\nimport PropTypes from 'prop-types';\n\nimport {\n  Flex,\n  MenuButton,\n  VisuallyHiddenText,\n  createUID,\n  formatNumber\n} from '@pega/cosmos-react-core';\n\nimport useTranslate from '../Hooks/useTranslate';\n\nimport TestIdConstants from './TestIdConstants';\n\nconst StyledMenuButton = styled(MenuButton)`\n  color: ${props => props.theme.base.palette['foreground-color']};\n  svg {\n    width: 1.5rem;\n    height: 1.5rem;\n  }\n`;\n\nconst StyledCell = styled.div`\n  &:not(:has(${StyledMenuButton})) {\n    gap: 0.25rem;\n  }\n  display: flex;\n  text-align: right;\n  justify-content: flex-end;\n  align-items: center;\n  margin-inline-end: var(--cell-padding);\n\n  &:hover {\n    background-clip: padding-box;\n  }\n`;\n\nconst StyledAggregationValue = styled.div`\n  font-weight: ${props => props.theme.base['font-weight']['semi-bold']};\n`;\n\n/**\n * Formats the aggregation value based on the aggregation type and column context.\n *\n * @param {number|string} rawAggregationValue - The raw aggregation value to format.\n * @param {string} aggregationType - The type of aggregation (e.g., 'Avg').\n * @param {import('pega-repeating-structures-core').RsCoreTypes.Column} column - The column object.\n * @returns {string|number} The formatted aggregation value or the raw value if no formatter is available.\n */\nexport const getFormattedAggregationValue = (rawAggregationValue, aggregationType, column) => {\n  const formatter = column.getContext().getFormatter();\n  const fieldDef = column.getContext().getField();\n  const { fieldType } = fieldDef;\n  const { locale, timezone } = column.parent.meta;\n\n  if (!formatter) return rawAggregationValue;\n\n  if (aggregationType === 'Avg' && fieldType === 'Integer') {\n    return formatNumber(Number(rawAggregationValue), {\n      locale,\n      useGrouping: true,\n      maximumFractionDigits: 2\n    });\n  }\n\n  return formatter(rawAggregationValue, { locale, timezone, fieldDef });\n};\n\nexport default function AggregateMenu({ column, context }) {\n  const { aggregateOptions } = column.parent.meta;\n  const { aggregationType } = column;\n  const uid = createUID();\n  const [translate] = useTranslate();\n  const isFooterAggregate = context.getExecutionContext?.()?.name === 'footer';\n\n  const actions = aggregateOptions[column.field.type]?.map(label => ({\n    primary: translate(label),\n    id: label,\n    onClick: () => column.applyAggregation(label),\n    selected: aggregationType === label\n  }));\n  if (!actions) return null;\n\n  const rawAggregationValue = context.getValue();\n\n  const aggregationValue = getFormattedAggregationValue(\n    rawAggregationValue,\n    aggregationType,\n    column\n  );\n\n  const buttonText = translate('Aggregate options');\n\n  return (\n    <StyledCell>\n      <span>{translate(aggregationType)}</span>\n      {isFooterAggregate && (\n        <StyledMenuButton\n          className='aggregate-button'\n          menu={{\n            items: actions,\n            mode: 'single-select'\n          }}\n          popover={{\n            portal: true\n          }}\n          icon='arrow-micro-down'\n          iconOnly\n          variant='simple'\n          compact\n          text={buttonText} // Text property to display tooltip on hover\n          aria-labelledby={`${uid}_label`}\n        />\n      )}\n      <Flex\n        container\n        as={StyledAggregationValue}\n        item={{ shrink: 0 }}\n        data-testid={TestIdConstants.aggregateDisplayValue}\n      >\n        {aggregationValue}\n      </Flex>\n      <VisuallyHiddenText id={`${uid}_label`} aria-hidden>\n        {`${translate(aggregationType)} ${context.getValue()} ${buttonText}`}\n      </VisuallyHiddenText>\n    </StyledCell>\n  );\n}\n\nAggregateMenu.propTypes = {\n  column: PropTypes.objectOf(PropTypes.any),\n  context: PropTypes.objectOf(PropTypes.any)\n};\n\nAggregateMenu.defaultProps = {\n  column: {},\n  context: {}\n};\n"]}
+{"version":3,"file":"AggregateMenu.js","sourceRoot":"","sources":["../../../Core/Components/AggregateMenu.jsx"],"names":[],"mappings":";AAAA,OAAO,MAAM,MAAM,mBAAmB,CAAC;AACvC,OAAO,SAAS,MAAM,YAAY,CAAC;AAEnC,OAAO,EACL,IAAI,EACJ,UAAU,EACV,kBAAkB,EAClB,SAAS,EACT,YAAY,EACb,MAAM,yBAAyB,CAAC;AAEjC,OAAO,YAAY,MAAM,uBAAuB,CAAC;AAEjD,OAAO,eAAe,MAAM,mBAAmB,CAAC;AAEhD,MAAM,gBAAgB,GAAG,MAAM,CAAC,UAAU,CAAC,CAAA;WAChC,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,OAAO,CAAC,kBAAkB,CAAC;;;;;CAK/D,CAAC;AAEF,MAAM,UAAU,GAAG,MAAM,CAAC,GAAG,CAAA;eACd,gBAAgB;;;;;;;;;;;;CAY9B,CAAC;AAEF,MAAM,sBAAsB,GAAG,MAAM,CAAC,GAAG,CAAA;iBACxB,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC,WAAW,CAAC;CACrE,CAAC;AAEF;;;;;;;GAOG;AACH,MAAM,CAAC,MAAM,4BAA4B,GAAG,CAAC,mBAAmB,EAAE,eAAe,EAAE,MAAM,EAAE,EAAE;IAC3F,MAAM,SAAS,GAAG,MAAM,CAAC,UAAU,EAAE,CAAC,YAAY,EAAE,CAAC;IACrD,MAAM,QAAQ,GAAG,MAAM,CAAC,UAAU,EAAE,CAAC,QAAQ,EAAE,CAAC;IAChD,MAAM,eAAe,GAAG,MAAM,CAAC,UAAU,EAAE,CAAC,iBAAiB,EAAE,CAAC;IAChE,MAAM,EAAE,SAAS,EAAE,GAAG,QAAQ,CAAC;IAC/B,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,GAAG,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC;IAEhD,IAAI,CAAC,SAAS;QAAE,OAAO,mBAAmB,CAAC;IAE3C,IAAI,eAAe,KAAK,KAAK,IAAI,SAAS,KAAK,SAAS,EAAE,CAAC;QACzD,OAAO,YAAY,CAAC,MAAM,CAAC,mBAAmB,CAAC,EAAE;YAC/C,MAAM;YACN,WAAW,EAAE,IAAI;YACjB,qBAAqB,EAAE,CAAC;SACzB,CAAC,CAAC;IACL,CAAC;IAED,OAAO,SAAS,CAAC,mBAAmB,EAAE,EAAE,MAAM,EAAE,QAAQ,EAAE,QAAQ,EAAE,eAAe,EAAE,CAAC,CAAC;AACzF,CAAC,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,aAAa,CAAC,EAAE,MAAM,EAAE,OAAO,EAAE;IACvD,MAAM,EAAE,gBAAgB,EAAE,GAAG,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC;IAChD,MAAM,EAAE,eAAe,EAAE,GAAG,MAAM,CAAC;IACnC,MAAM,GAAG,GAAG,SAAS,EAAE,CAAC;IACxB,MAAM,CAAC,SAAS,CAAC,GAAG,YAAY,EAAE,CAAC;IACnC,MAAM,iBAAiB,GAAG,OAAO,CAAC,mBAAmB,EAAE,EAAE,EAAE,IAAI,KAAK,QAAQ,CAAC;IAE7E,MAAM,OAAO,GAAG,gBAAgB,CAAC,MAAM,CAAC,KAAK,CAAC,IAAI,CAAC,EAAE,GAAG,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC;QACjE,OAAO,EAAE,SAAS,CAAC,KAAK,CAAC;QACzB,EAAE,EAAE,KAAK;QACT,OAAO,EAAE,GAAG,EAAE,CAAC,MAAM,CAAC,gBAAgB,CAAC,KAAK,CAAC;QAC7C,QAAQ,EAAE,eAAe,KAAK,KAAK;KACpC,CAAC,CAAC,CAAC;IACJ,IAAI,CAAC,OAAO;QAAE,OAAO,IAAI,CAAC;IAE1B,MAAM,mBAAmB,GAAG,OAAO,CAAC,QAAQ,EAAE,CAAC;IAE/C,MAAM,gBAAgB,GAAG,4BAA4B,CACnD,mBAAmB,EACnB,eAAe,EACf,MAAM,CACP,CAAC;IAEF,MAAM,UAAU,GAAG,SAAS,CAAC,mBAAmB,CAAC,CAAC;IAElD,OAAO,CACL,MAAC,UAAU,eACT,yBAAO,SAAS,CAAC,eAAe,CAAC,GAAQ,EACxC,iBAAiB,IAAI,CACpB,KAAC,gBAAgB,IACf,SAAS,EAAC,kBAAkB,EAC5B,IAAI,EAAE;oBACJ,KAAK,EAAE,OAAO;oBACd,IAAI,EAAE,eAAe;iBACtB,EACD,OAAO,EAAE;oBACP,MAAM,EAAE,IAAI;iBACb,EACD,IAAI,EAAC,kBAAkB,EACvB,QAAQ,QACR,OAAO,EAAC,QAAQ,EAChB,OAAO,QACP,IAAI,EAAE,UAAU,qBACC,GAAG,GAAG,QAAQ,GAC/B,CACH,EACD,KAAC,IAAI,IACH,SAAS,QACT,EAAE,EAAE,sBAAsB,EAC1B,IAAI,EAAE,EAAE,MAAM,EAAE,CAAC,EAAE,iBACN,eAAe,CAAC,qBAAqB,YAEjD,gBAAgB,GACZ,EACP,KAAC,kBAAkB,IAAC,EAAE,EAAE,GAAG,GAAG,QAAQ,iCACnC,GAAG,SAAS,CAAC,eAAe,CAAC,IAAI,OAAO,CAAC,QAAQ,EAAE,IAAI,UAAU,EAAE,GACjD,IACV,CACd,CAAC;AACJ,CAAC;AAED,aAAa,CAAC,SAAS,GAAG;IACxB,MAAM,EAAE,SAAS,CAAC,QAAQ,CAAC,SAAS,CAAC,GAAG,CAAC;IACzC,OAAO,EAAE,SAAS,CAAC,QAAQ,CAAC,SAAS,CAAC,GAAG,CAAC;CAC3C,CAAC;AAEF,aAAa,CAAC,YAAY,GAAG;IAC3B,MAAM,EAAE,EAAE;IACV,OAAO,EAAE,EAAE;CACZ,CAAC","sourcesContent":["import styled from 'styled-components';\nimport PropTypes from 'prop-types';\n\nimport {\n  Flex,\n  MenuButton,\n  VisuallyHiddenText,\n  createUID,\n  formatNumber\n} from '@pega/cosmos-react-core';\n\nimport useTranslate from '../Hooks/useTranslate';\n\nimport TestIdConstants from './TestIdConstants';\n\nconst StyledMenuButton = styled(MenuButton)`\n  color: ${props => props.theme.base.palette['foreground-color']};\n  svg {\n    width: 1.5rem;\n    height: 1.5rem;\n  }\n`;\n\nconst StyledCell = styled.div`\n  &:not(:has(${StyledMenuButton})) {\n    gap: 0.25rem;\n  }\n  display: flex;\n  text-align: right;\n  justify-content: flex-end;\n  align-items: center;\n  margin-inline-end: var(--cell-padding);\n\n  &:hover {\n    background-clip: padding-box;\n  }\n`;\n\nconst StyledAggregationValue = styled.div`\n  font-weight: ${props => props.theme.base['font-weight']['semi-bold']};\n`;\n\n/**\n * Formats the aggregation value based on the aggregation type and column context.\n *\n * @param {number|string} rawAggregationValue - The raw aggregation value to format.\n * @param {string} aggregationType - The type of aggregation (e.g., 'Avg').\n * @param {import('pega-repeating-structures-core').RsCoreTypes.Column} column - The column object.\n * @returns {string|number} The formatted aggregation value or the raw value if no formatter is available.\n */\nexport const getFormattedAggregationValue = (rawAggregationValue, aggregationType, column) => {\n  const formatter = column.getContext().getFormatter();\n  const fieldDef = column.getContext().getField();\n  const formatterConfig = column.getContext().getFormatterValue();\n  const { fieldType } = fieldDef;\n  const { locale, timezone } = column.parent.meta;\n\n  if (!formatter) return rawAggregationValue;\n\n  if (aggregationType === 'Avg' && fieldType === 'Integer') {\n    return formatNumber(Number(rawAggregationValue), {\n      locale,\n      useGrouping: true,\n      maximumFractionDigits: 2\n    });\n  }\n\n  return formatter(rawAggregationValue, { locale, timezone, fieldDef, formatterConfig });\n};\n\nexport default function AggregateMenu({ column, context }) {\n  const { aggregateOptions } = column.parent.meta;\n  const { aggregationType } = column;\n  const uid = createUID();\n  const [translate] = useTranslate();\n  const isFooterAggregate = context.getExecutionContext?.()?.name === 'footer';\n\n  const actions = aggregateOptions[column.field.type]?.map(label => ({\n    primary: translate(label),\n    id: label,\n    onClick: () => column.applyAggregation(label),\n    selected: aggregationType === label\n  }));\n  if (!actions) return null;\n\n  const rawAggregationValue = context.getValue();\n\n  const aggregationValue = getFormattedAggregationValue(\n    rawAggregationValue,\n    aggregationType,\n    column\n  );\n\n  const buttonText = translate('Aggregate options');\n\n  return (\n    <StyledCell>\n      <span>{translate(aggregationType)}</span>\n      {isFooterAggregate && (\n        <StyledMenuButton\n          className='aggregate-button'\n          menu={{\n            items: actions,\n            mode: 'single-select'\n          }}\n          popover={{\n            portal: true\n          }}\n          icon='arrow-micro-down'\n          iconOnly\n          variant='simple'\n          compact\n          text={buttonText} // Text property to display tooltip on hover\n          aria-labelledby={`${uid}_label`}\n        />\n      )}\n      <Flex\n        container\n        as={StyledAggregationValue}\n        item={{ shrink: 0 }}\n        data-testid={TestIdConstants.aggregateDisplayValue}\n      >\n        {aggregationValue}\n      </Flex>\n      <VisuallyHiddenText id={`${uid}_label`} aria-hidden>\n        {`${translate(aggregationType)} ${context.getValue()} ${buttonText}`}\n      </VisuallyHiddenText>\n    </StyledCell>\n  );\n}\n\nAggregateMenu.propTypes = {\n  column: PropTypes.objectOf(PropTypes.any),\n  context: PropTypes.objectOf(PropTypes.any)\n};\n\nAggregateMenu.defaultProps = {\n  column: {},\n  context: {}\n};\n"]}

package/lib/Core/Components/Card/CardFieldValue.d.ts

@@ -0,0 +1,8 @@
+import type { RsCoreTypes } from 'pega-repeating-structures-core';
+interface CardFieldValueProps {
+    column: RsCoreTypes.Column;
+    row: RsCoreTypes.Row;
+}
+declare function CardFieldValue({ column, row }: CardFieldValueProps): import("react/jsx-runtime").JSX.Element;
+export default CardFieldValue;
+//# sourceMappingURL=CardFieldValue.d.ts.map

package/lib/Core/Components/Card/CardFieldValue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CardFieldValue.d.ts","sourceRoot":"","sources":["../../../../Core/Components/Card/CardFieldValue.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAIlE,UAAU,mBAAmB;IAC3B,MAAM,EAAE,WAAW,CAAC,MAAM,CAAC;IAC3B,GAAG,EAAE,WAAW,CAAC,GAAG,CAAC;CACtB;AAED,iBAAS,cAAc,CAAC,EAAE,MAAM,EAAE,GAAG,EAAE,EAAE,mBAAmB,2CAI3D;AAED,eAAe,cAAc,CAAC"}

package/lib/Core/Components/Card/CardFieldValue.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import RenderingEngine from '../RenderingEngine/RenderCell';
+function CardFieldValue({ column, row }) {
+    column.setExecutionContext(row);
+    return _jsx(RenderingEngine, { ...column.getRenderingEngineProps(), highlighter: true });
+}
+export default CardFieldValue;
+//# sourceMappingURL=CardFieldValue.js.map

package/lib/Core/Components/Card/CardFieldValue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CardFieldValue.js","sourceRoot":"","sources":["../../../../Core/Components/Card/CardFieldValue.tsx"],"names":[],"mappings":";AAEA,OAAO,eAAe,MAAM,+BAA+B,CAAC;AAO5D,SAAS,cAAc,CAAC,EAAE,MAAM,EAAE,GAAG,EAAuB;IAC1D,MAAM,CAAC,mBAAmB,CAAC,GAAG,CAAC,CAAC;IAEhC,OAAO,KAAC,eAAe,OAAK,MAAM,CAAC,uBAAuB,EAAE,EAAE,WAAW,SAAG,CAAC;AAC/E,CAAC;AAED,eAAe,cAAc,CAAC","sourcesContent":["import type { RsCoreTypes } from 'pega-repeating-structures-core';\n\nimport RenderingEngine from '../RenderingEngine/RenderCell';\n\ninterface CardFieldValueProps {\n  column: RsCoreTypes.Column;\n  row: RsCoreTypes.Row;\n}\n\nfunction CardFieldValue({ column, row }: CardFieldValueProps) {\n  column.setExecutionContext(row);\n\n  return <RenderingEngine {...column.getRenderingEngineProps()} highlighter />;\n}\n\nexport default CardFieldValue;\n"]}

package/lib/Core/Components/Card/CardHeader.d.ts

@@ -0,0 +1,9 @@
+import type { RsCoreTypes } from 'pega-repeating-structures-core';
+type CardHeaderProps = {
+    headerColumn?: RsCoreTypes.Column;
+    row: RsCoreTypes.Row;
+};
+declare function CardHeader({ headerColumn, row }: CardHeaderProps): import("react/jsx-runtime").JSX.Element | null;
+declare const _default: import("react").MemoExoticComponent<typeof CardHeader>;
+export default _default;
+//# sourceMappingURL=CardHeader.d.ts.map

package/lib/Core/Components/Card/CardHeader.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CardHeader.d.ts","sourceRoot":"","sources":["../../../../Core/Components/Card/CardHeader.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAIlE,KAAK,eAAe,GAAG;IACrB,YAAY,CAAC,EAAE,WAAW,CAAC,MAAM,CAAC;IAClC,GAAG,EAAE,WAAW,CAAC,GAAG,CAAC;CACtB,CAAC;AAMF,iBAAS,UAAU,CAAC,EAAE,YAAY,EAAE,GAAG,EAAE,EAAE,eAAe,kDAYzD;;AAED,wBAAgC"}

package/lib/Core/{Views/Gallery/Components/GalleryHeader.js → Components/Card/CardHeader.js}

@@ -1,15 +1,16 @@
 import { jsx as _jsx } from "react/jsx-runtime";
+import { memo } from 'react';
 import styled from 'styled-components';
-import RenderingEngine from '../../../Components/RenderingEngine/RenderCell';
+import RenderingEngine from '../RenderingEngine/RenderCell';
 const StyledHeaderContainer = styled.div `
   word-break: break-word;
 `;
-function GalleryHeader({ headerColumn, row }) {
+function CardHeader({ headerColumn, row }) {
     if (!headerColumn) {
         return null;
     }
     headerColumn?.setExecutionContext(row);
-    return (_jsx(StyledHeaderContainer, { children: _jsx(RenderingEngine, { ...headerColumn.getRenderingEngineProps() }) }));
+    return (_jsx(StyledHeaderContainer, { children: _jsx(RenderingEngine, { ...headerColumn.getRenderingEngineProps(), highlighter: true }) }));
 }
-export default GalleryHeader;
-//# sourceMappingURL=GalleryHeader.js.map
+export default memo(CardHeader);
+//# sourceMappingURL=CardHeader.js.map

package/lib/Core/Components/Card/CardHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CardHeader.js","sourceRoot":"","sources":["../../../../Core/Components/Card/CardHeader.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,OAAO,CAAC;AAC7B,OAAO,MAAM,MAAM,mBAAmB,CAAC;AAIvC,OAAO,eAAe,MAAM,+BAA+B,CAAC;AAO5D,MAAM,qBAAqB,GAAG,MAAM,CAAC,GAAG,CAAA;;CAEvC,CAAC;AAEF,SAAS,UAAU,CAAC,EAAE,YAAY,EAAE,GAAG,EAAmB;IACxD,IAAI,CAAC,YAAY,EAAE,CAAC;QAClB,OAAO,IAAI,CAAC;IACd,CAAC;IAED,YAAY,EAAE,mBAAmB,CAAC,GAAG,CAAC,CAAC;IAEvC,OAAO,CACL,KAAC,qBAAqB,cACpB,KAAC,eAAe,OAAK,YAAY,CAAC,uBAAuB,EAAE,EAAE,WAAW,SAAG,GACrD,CACzB,CAAC;AACJ,CAAC;AAED,eAAe,IAAI,CAAC,UAAU,CAAC,CAAC","sourcesContent":["import { memo } from 'react';\nimport styled from 'styled-components';\n\nimport type { RsCoreTypes } from 'pega-repeating-structures-core';\n\nimport RenderingEngine from '../RenderingEngine/RenderCell';\n\ntype CardHeaderProps = {\n  headerColumn?: RsCoreTypes.Column;\n  row: RsCoreTypes.Row;\n};\n\nconst StyledHeaderContainer = styled.div`\n  word-break: break-word;\n`;\n\nfunction CardHeader({ headerColumn, row }: CardHeaderProps) {\n  if (!headerColumn) {\n    return null;\n  }\n\n  headerColumn?.setExecutionContext(row);\n\n  return (\n    <StyledHeaderContainer>\n      <RenderingEngine {...headerColumn.getRenderingEngineProps()} highlighter />\n    </StyledHeaderContainer>\n  );\n}\n\nexport default memo(CardHeader);\n"]}

package/lib/Core/Components/Card/CardSubHeading.d.ts

@@ -0,0 +1,10 @@
+import type { ReactElement } from 'react';
+import type { RsCoreTypes } from 'pega-repeating-structures-core';
+interface CardSubHeadingProps {
+    subHeadingColumn: RsCoreTypes.Column;
+    row: RsCoreTypes.Row;
+}
+declare function CardSubHeading({ subHeadingColumn, row }: CardSubHeadingProps): ReactElement;
+declare const _default: import("react").MemoExoticComponent<typeof CardSubHeading>;
+export default _default;
+//# sourceMappingURL=CardSubHeading.d.ts.map

package/lib/Core/Components/Card/CardSubHeading.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CardSubHeading.d.ts","sourceRoot":"","sources":["../../../../Core/Components/Card/CardSubHeading.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAE1C,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAIlE,UAAU,mBAAmB;IAC3B,gBAAgB,EAAE,WAAW,CAAC,MAAM,CAAC;IACrC,GAAG,EAAE,WAAW,CAAC,GAAG,CAAC;CACtB;AAED,iBAAS,cAAc,CAAC,EAAE,gBAAgB,EAAE,GAAG,EAAE,EAAE,mBAAmB,GAAG,YAAY,CAIpF;;AAED,wBAAoC"}

package/lib/Core/Components/Card/CardSubHeading.js

@@ -0,0 +1,9 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { memo } from 'react';
+import RenderingEngine from '../RenderingEngine/RenderCell';
+function CardSubHeading({ subHeadingColumn, row }) {
+    subHeadingColumn.setExecutionContext(row);
+    return _jsx(RenderingEngine, { ...subHeadingColumn.getRenderingEngineProps() });
+}
+export default memo(CardSubHeading);
+//# sourceMappingURL=CardSubHeading.js.map

package/lib/Core/Components/Card/CardSubHeading.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CardSubHeading.js","sourceRoot":"","sources":["../../../../Core/Components/Card/CardSubHeading.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,OAAO,CAAC;AAK7B,OAAO,eAAe,MAAM,+BAA+B,CAAC;AAO5D,SAAS,cAAc,CAAC,EAAE,gBAAgB,EAAE,GAAG,EAAuB;IACpE,gBAAgB,CAAC,mBAAmB,CAAC,GAAG,CAAC,CAAC;IAE1C,OAAO,KAAC,eAAe,OAAK,gBAAgB,CAAC,uBAAuB,EAAE,GAAI,CAAC;AAC7E,CAAC;AAED,eAAe,IAAI,CAAC,cAAc,CAAC,CAAC","sourcesContent":["import { memo } from 'react';\nimport type { ReactElement } from 'react';\n\nimport type { RsCoreTypes } from 'pega-repeating-structures-core';\n\nimport RenderingEngine from '../RenderingEngine/RenderCell';\n\ninterface CardSubHeadingProps {\n  subHeadingColumn: RsCoreTypes.Column;\n  row: RsCoreTypes.Row;\n}\n\nfunction CardSubHeading({ subHeadingColumn, row }: CardSubHeadingProps): ReactElement {\n  subHeadingColumn.setExecutionContext(row);\n\n  return <RenderingEngine {...subHeadingColumn.getRenderingEngineProps()} />;\n}\n\nexport default memo(CardSubHeading);\n"]}

package/lib/Core/Components/Card/cardData.d.ts

@@ -0,0 +1,48 @@
+import { type RsCoreTypes } from 'pega-repeating-structures-core';
+import type { CardConfig } from 'pega-repeating-structures-core/types/Meta.types';
+import type { ImageSize, SelectionCardDisplayProps } from '@pega/cosmos-react-core';
+export declare const GALLERY_IMAGE_PLACEMENT_MAP: {
+    readonly left: "inline-start";
+    readonly right: "inline-end";
+    readonly top: "block-start";
+};
+export declare const DEFAULT_IMAGE_PLACEMENT: RsCoreTypes.HeroImagePlacement;
+export declare const DEFAULT_IMAGE_SIZE: ImageSize;
+export declare const isInlinePlacement: (placement: RsCoreTypes.HeroImagePlacement) => placement is Extract<RsCoreTypes.HeroImagePlacement, "left" | "right">;
+/**
+ * Extracts UI-related props from a row for card components.
+ *
+ * @param props - The properties containing the row.
+ * @param props.row - The data row.
+ * @returns An object containing card-safe row metadata.
+ */
+export declare function getCardUIProps({ row }: {
+    row: RsCoreTypes.Row;
+}): {
+    'data-key': string;
+};
+interface CardDataProps {
+    row: RsCoreTypes.Row;
+    visibleColumns: RsCoreTypes.Column[];
+    cardConfig?: Pick<CardConfig, 'heroImage' | 'tile' | 'showFieldLabels' | 'renderCardFooter'>;
+    headerColumn?: RsCoreTypes.Column;
+    subHeadingsColumns?: RsCoreTypes.Column[];
+}
+interface CardColumns {
+    visibleColumns: RsCoreTypes.Column[];
+    headerColumn?: RsCoreTypes.Column;
+    subHeadingsColumns?: RsCoreTypes.Column[];
+}
+/**
+ * Resolves the columns used to render a configured card.
+ */
+export declare function getCardColumns(columns: RsCoreTypes.Column[], { header, subHeadings }: Pick<CardConfig, 'header' | 'subHeadings'>): CardColumns;
+/**
+ * Generates SelectionCardDisplay data from card content configuration.
+ *
+ * @param props - Card data dependencies.
+ * @returns Data used to render a selection card.
+ */
+export declare function getCardData({ row, visibleColumns, cardConfig, headerColumn, subHeadingsColumns }: CardDataProps): Pick<SelectionCardDisplayProps, 'label' | 'subheading' | 'image' | 'fields' | 'aria-label' | 'footer'>;
+export {};
+//# sourceMappingURL=cardData.d.ts.map

package/lib/Core/Components/Card/cardData.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"cardData.d.ts","sourceRoot":"","sources":["../../../../Core/Components/Card/cardData.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAsB,KAAK,WAAW,EAAE,MAAM,gCAAgC,CAAC;AACtF,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,iDAAiD,CAAC;AAClF,OAAO,KAAK,EAAkB,SAAS,EAAE,yBAAyB,EAAE,MAAM,yBAAyB,CAAC;AAMpG,eAAO,MAAM,2BAA2B;;;;CAImC,CAAC;AAG5E,eAAO,MAAM,uBAAuB,EAAE,WAAW,CAAC,kBAA2B,CAAC;AAC9E,eAAO,MAAM,kBAAkB,EAAE,SAAsB,CAAC;AAExD,eAAO,MAAM,iBAAiB,GAC5B,WAAW,WAAW,CAAC,kBAAkB,KACxC,SAAS,IAAI,OAAO,CAAC,WAAW,CAAC,kBAAkB,EAAE,MAAM,GAAG,OAAO,CAEvE,CAAC;AA+BF;;;;;;GAMG;AACH,wBAAgB,cAAc,CAAC,EAAE,GAAG,EAAE,EAAE;IAAE,GAAG,EAAE,WAAW,CAAC,GAAG,CAAA;CAAE;;EAK/D;AAED,UAAU,aAAa;IACrB,GAAG,EAAE,WAAW,CAAC,GAAG,CAAC;IACrB,cAAc,EAAE,WAAW,CAAC,MAAM,EAAE,CAAC;IACrC,UAAU,CAAC,EAAE,IAAI,CAAC,UAAU,EAAE,WAAW,GAAG,MAAM,GAAG,iBAAiB,GAAG,kBAAkB,CAAC,CAAC;IAC7F,YAAY,CAAC,EAAE,WAAW,CAAC,MAAM,CAAC;IAClC,kBAAkB,CAAC,EAAE,WAAW,CAAC,MAAM,EAAE,CAAC;CAC3C;AAED,UAAU,WAAW;IACnB,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,wBAAgB,cAAc,CAC5B,OAAO,EAAE,WAAW,CAAC,MAAM,EAAE,EAC7B,EAAE,MAAM,EAAE,WAAW,EAAE,EAAE,IAAI,CAAC,UAAU,EAAE,QAAQ,GAAG,aAAa,CAAC,GAClE,WAAW,CAab;AAED;;;;;GAKG;AACH,wBAAgB,WAAW,CAAC,EAC1B,GAAG,EACH,cAAc,EACd,UAAU,EACV,YAAY,EACZ,kBAAkB,EACnB,EAAE,aAAa,GAAG,IAAI,CACrB,yBAAyB,EACzB,OAAO,GAAG,YAAY,GAAG,OAAO,GAAG,QAAQ,GAAG,YAAY,GAAG,QAAQ,CACtE,CAmEA"}

package/lib/Core/{Views/Gallery/utils.js → Components/Card/cardData.js}

@@ -1,7 +1,8 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { isEmpty } from 'pega-repeating-structures-core';
-import GalleryFieldValue from './Components/GalleryFieldValue';
-import GalleryHeader from './Components/GalleryHeader';
+import { FieldType, isEmpty } from 'pega-repeating-structures-core';
+import CardFieldValue from './CardFieldValue';
+import CardHeader from './CardHeader';
+import CardSubHeading from './CardSubHeading';
 export const GALLERY_IMAGE_PLACEMENT_MAP = {
     left: 'inline-start',
     right: 'inline-end',
@@ -14,18 +15,10 @@ export const isInlinePlacement = (placement) => {
     return INLINE_PLACEMENTS.includes(placement);
 };
 /**
- * Extracts image data from the provided metadata and row context.
- *
- * @param meta - The metadata object containing gallery configuration.
- * @param row - The row object providing context and data values.
- * @returns An object containing:
- *   - `src`: The image source URL.
- *   - `alt`: The alternative text for the image.
- *   - `placement`: The placement of the image within the gallery.
- *   - `size`: The size of the image.
+ * Extracts image data from a HeroImage config and row context.
  */
-function getImageData(meta, row) {
-    const { galleryConfig: { heroImage: { source, altText, placement, size } = {} } = {} } = meta;
+function getHeroImageData(heroImage, row) {
+    const { source, altText, placement, size } = heroImage;
     const rowData = row.getContext().getValue();
     let altTextValue = '';
     if (altText && 'field' in altText) {
@@ -40,33 +33,55 @@ function getImageData(meta, row) {
     return { src: imageUrl, alt: altTextValue, placement: imagePlacement, size: imageSize };
 }
 /**
- * Generates the data required to display a card in the gallery view.
+ * Extracts UI-related props from a row for card components.
  *
- * @param props - The properties required to generate the card data.
- * @param props.row - The data for the current row.
- * @param props.visibleColumns - The columns that are visible in the gallery.
- * @param props.meta - Metadata including gallery configuration.
- * @param props.headerColumn - The column used for the card header.
- * @param props.actionColumn - The column used for card actions.
- * @returns An object containing the card's label, image, footer, and fields to be displayed.
+ * @param props - The properties containing the row.
+ * @param props.row - The data row.
+ * @returns An object containing card-safe row metadata.
+ */
+export function getCardUIProps({ row }) {
+    const uiProps = row.getUIProps();
+    return {
+        'data-key': uiProps['data-key']
+    };
+}
+/**
+ * Resolves the columns used to render a configured card.
  */
-export function getCardData({ row, visibleColumns, meta, headerColumn }) {
-    const { galleryConfig: { heroImage, tile: tileConfig, showFieldLabels = true } = {} } = meta;
-    // Must set execution context for each column to ensure correct value retrieval
+export function getCardColumns(columns, { header, subHeadings }) {
+    const visibleColumns = [...columns]
+        .filter(column => !column.hidden && column.field.type !== FieldType.ACTION_FIELD_TYPE)
+        .sort((first, second) => (first.order ?? 0) - (second.order ?? 0));
+    const headerColumn = header?.field
+        ? columns.find(column => column.field.id === header.field)
+        : undefined;
+    const subHeadingsColumns = subHeadings?.flatMap(({ field }) => {
+        const column = columns.find(candidate => candidate.field.id === field);
+        return column ? [column] : [];
+    });
+    return { visibleColumns, headerColumn, subHeadingsColumns };
+}
+/**
+ * Generates SelectionCardDisplay data from card content configuration.
+ *
+ * @param props - Card data dependencies.
+ * @returns Data used to render a selection card.
+ */
+export function getCardData({ row, visibleColumns, cardConfig, headerColumn, subHeadingsColumns }) {
+    const { heroImage, tile: tileConfig, showFieldLabels = true, renderCardFooter } = cardConfig ?? {};
     visibleColumns.forEach(col => col.setExecutionContext(row));
     const rowData = row.getContext().getValue();
     const fields = visibleColumns.map(col => ({
         id: col.field.id,
         ...(showFieldLabels && { name: col.getContext()?.getLabel() }),
         ...(col.field.layoutMode && { variant: col.field.layoutMode }),
-        // TODO: Add truncation for non-tile cards once `truncate` is typed at
-        // the field-level API.
         ...(!heroImage && tileConfig
             ? { value: String(rowData[col.field.id] ?? ''), truncate: true }
-            : { value: _jsx(GalleryFieldValue, { column: col, row: row }) })
+            : { value: _jsx(CardFieldValue, { column: col, row: row }) })
     }));
-    const heroImageData = heroImage ? getImageData(meta, row) : undefined;
-    let image = heroImageData;
+    let image = heroImage
+        ? getHeroImageData(heroImage, row)
+        : undefined;
     if (!heroImage && tileConfig) {
         const foregroundColor = tileConfig.foregroundColor.field in rowData
             ? String(rowData[tileConfig.foregroundColor.field])
@@ -81,10 +96,7 @@ export function getCardData({ row, visibleColumns, meta, headerColumn }) {
             const tileText = tileConfig.text && tileConfig.text.field in rowData
                 ? String(rowData[tileConfig.text.field]) || undefined
                 : undefined;
-            const tileBase = {
-                foregroundColor,
-                backgroundColor
-            };
+            const tileBase = { foregroundColor, backgroundColor };
             if (tileName) {
                 image = { ...tileBase, icon: tileName };
             }
@@ -93,23 +105,14 @@ export function getCardData({ row, visibleColumns, meta, headerColumn }) {
             }
         }
     }
-    const footer = meta.galleryConfig?.renderCardFooter?.(rowData) ?? null;
-    const label = _jsx(GalleryHeader, { headerColumn: headerColumn, row: row });
+    const footer = renderCardFooter?.(rowData) ?? null;
+    const label = _jsx(CardHeader, { headerColumn: headerColumn, row: row });
+    const subheading = subHeadingsColumns?.map(column => (_jsx(CardSubHeading, { subHeadingColumn: column, row: row }, column.field.id)));
     const headerValue = row.getContext()?.getRowHeader()?.getValue();
-    const ariaLabel = !isEmpty(headerValue) ? String(headerValue) : undefined;
-    return { fields, image, footer, label, 'aria-label': ariaLabel };
-}
-/**
- * Extracts UI-related props from a row for card components.
- *
- * @param props - The properties containing the row.
- * @param props.row - The data row.
- * @returns An object containing card-safe row metadata.
- */
-export function getCardUIProps({ row }) {
-    const uiProps = row.getUIProps();
-    return {
-        'data-key': uiProps['data-key']
-    };
+    let ariaLabel;
+    if (!headerColumn && !isEmpty(headerValue)) {
+        ariaLabel = String(headerValue);
+    }
+    return { fields, image, footer, label, subheading, 'aria-label': ariaLabel };
 }
-//# sourceMappingURL=utils.js.map
+//# sourceMappingURL=cardData.js.map

package/lib/Core/Components/Card/cardData.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"cardData.js","sourceRoot":"","sources":["../../../../Core/Components/Card/cardData.tsx"],"names":[],"mappings":"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","sourcesContent":["import { FieldType, isEmpty, type RsCoreTypes } from 'pega-repeating-structures-core';\nimport type { CardConfig } from 'pega-repeating-structures-core/types/Meta.types';\nimport type { ImagePlacement, ImageSize, SelectionCardDisplayProps } from '@pega/cosmos-react-core';\n\nimport CardFieldValue from './CardFieldValue';\nimport CardHeader from './CardHeader';\nimport CardSubHeading from './CardSubHeading';\n\nexport const GALLERY_IMAGE_PLACEMENT_MAP = {\n  left: 'inline-start',\n  right: 'inline-end',\n  top: 'block-start'\n} as const satisfies Record<RsCoreTypes.HeroImagePlacement, ImagePlacement>;\n\nconst INLINE_PLACEMENTS: RsCoreTypes.HeroImagePlacement[] = ['left', 'right'] as const;\nexport const DEFAULT_IMAGE_PLACEMENT: RsCoreTypes.HeroImagePlacement = 'left';\nexport const DEFAULT_IMAGE_SIZE: ImageSize = 'flexible';\n\nexport const isInlinePlacement = (\n  placement: RsCoreTypes.HeroImagePlacement\n): placement is Extract<RsCoreTypes.HeroImagePlacement, 'left' | 'right'> => {\n  return INLINE_PLACEMENTS.includes(placement);\n};\n\n/**\n * Extracts image data from a HeroImage config and row context.\n */\nfunction getHeroImageData(\n  heroImage: RsCoreTypes.HeroImage,\n  row: RsCoreTypes.Row\n): {\n  src: string;\n  alt: string;\n  placement: ImagePlacement;\n  size: ImageSize;\n} {\n  const { source, altText, placement, size } = heroImage;\n  const rowData = row.getContext().getValue();\n\n  let altTextValue = '';\n  if (altText && 'field' in altText) {\n    altTextValue = altText.field in rowData ? String(rowData[altText.field]) : '';\n  } else if (altText && 'value' in altText) {\n    altTextValue = altText.value;\n  }\n\n  const imageUrl = source?.field && source?.field in rowData ? String(rowData[source.field]) : '';\n  const imagePlacement = GALLERY_IMAGE_PLACEMENT_MAP[placement ?? DEFAULT_IMAGE_PLACEMENT];\n  const imageSize = size || DEFAULT_IMAGE_SIZE;\n\n  return { src: imageUrl, alt: altTextValue, placement: imagePlacement, size: imageSize };\n}\n\n/**\n * Extracts UI-related props from a row for card components.\n *\n * @param props - The properties containing the row.\n * @param props.row - The data row.\n * @returns An object containing card-safe row metadata.\n */\nexport function getCardUIProps({ row }: { row: RsCoreTypes.Row }) {\n  const uiProps = row.getUIProps();\n  return {\n    'data-key': uiProps['data-key']\n  };\n}\n\ninterface CardDataProps {\n  row: RsCoreTypes.Row;\n  visibleColumns: RsCoreTypes.Column[];\n  cardConfig?: Pick<CardConfig, 'heroImage' | 'tile' | 'showFieldLabels' | 'renderCardFooter'>;\n  headerColumn?: RsCoreTypes.Column;\n  subHeadingsColumns?: RsCoreTypes.Column[];\n}\n\ninterface CardColumns {\n  visibleColumns: RsCoreTypes.Column[];\n  headerColumn?: RsCoreTypes.Column;\n  subHeadingsColumns?: RsCoreTypes.Column[];\n}\n\n/**\n * Resolves the columns used to render a configured card.\n */\nexport function getCardColumns(\n  columns: RsCoreTypes.Column[],\n  { header, subHeadings }: Pick<CardConfig, 'header' | 'subHeadings'>\n): CardColumns {\n  const visibleColumns = [...columns]\n    .filter(column => !column.hidden && column.field.type !== FieldType.ACTION_FIELD_TYPE)\n    .sort((first, second) => (first.order ?? 0) - (second.order ?? 0));\n  const headerColumn = header?.field\n    ? columns.find(column => column.field.id === header.field)\n    : undefined;\n  const subHeadingsColumns = subHeadings?.flatMap(({ field }) => {\n    const column = columns.find(candidate => candidate.field.id === field);\n    return column ? [column] : [];\n  });\n\n  return { visibleColumns, headerColumn, subHeadingsColumns };\n}\n\n/**\n * Generates SelectionCardDisplay data from card content configuration.\n *\n * @param props - Card data dependencies.\n * @returns Data used to render a selection card.\n */\nexport function getCardData({\n  row,\n  visibleColumns,\n  cardConfig,\n  headerColumn,\n  subHeadingsColumns\n}: CardDataProps): Pick<\n  SelectionCardDisplayProps,\n  'label' | 'subheading' | 'image' | 'fields' | 'aria-label' | 'footer'\n> {\n  const {\n    heroImage,\n    tile: tileConfig,\n    showFieldLabels = true,\n    renderCardFooter\n  } = cardConfig ?? {};\n\n  visibleColumns.forEach(col => col.setExecutionContext(row));\n\n  const rowData = row.getContext().getValue();\n\n  const fields = visibleColumns.map(col => ({\n    id: col.field.id,\n    ...(showFieldLabels && { name: col.getContext()?.getLabel() }),\n    ...(col.field.layoutMode && { variant: col.field.layoutMode }),\n    ...(!heroImage && tileConfig\n      ? { value: String(rowData[col.field.id] ?? ''), truncate: true }\n      : { value: <CardFieldValue column={col} row={row} /> })\n  }));\n\n  let image: SelectionCardDisplayProps['image'] = heroImage\n    ? getHeroImageData(heroImage, row)\n    : undefined;\n\n  if (!heroImage && tileConfig) {\n    const foregroundColor =\n      tileConfig.foregroundColor.field in rowData\n        ? String(rowData[tileConfig.foregroundColor.field])\n        : undefined;\n    const backgroundColor =\n      tileConfig.backgroundColor.field in rowData\n        ? String(rowData[tileConfig.backgroundColor.field])\n        : undefined;\n\n    if (foregroundColor && backgroundColor) {\n      const tileName =\n        tileConfig.iconName && tileConfig.iconName.field in rowData\n          ? String(rowData[tileConfig.iconName.field]) || undefined\n          : undefined;\n      const tileText =\n        tileConfig.text && tileConfig.text.field in rowData\n          ? String(rowData[tileConfig.text.field]) || undefined\n          : undefined;\n\n      const tileBase = { foregroundColor, backgroundColor };\n\n      if (tileName) {\n        image = { ...tileBase, icon: tileName };\n      } else if (tileText) {\n        image = { ...tileBase, text: tileText };\n      }\n    }\n  }\n\n  const footer = renderCardFooter?.(rowData) ?? null;\n  const label = <CardHeader headerColumn={headerColumn} row={row} />;\n  const subheading = subHeadingsColumns?.map(column => (\n    <CardSubHeading key={column.field.id} subHeadingColumn={column} row={row} />\n  ));\n  const headerValue = row.getContext()?.getRowHeader()?.getValue();\n  let ariaLabel: string | undefined;\n  if (!headerColumn && !isEmpty(headerValue)) {\n    ariaLabel = String(headerValue);\n  }\n\n  return { fields, image, footer, label, subheading, 'aria-label': ariaLabel };\n}\n"]}

package/lib/Core/Components/Card/index.d.ts

@@ -0,0 +1,4 @@
+export { default as CardHeader } from './CardHeader';
+export { default as CardFieldValue } from './CardFieldValue';
+export { getCardUIProps, getCardData, getCardColumns, GALLERY_IMAGE_PLACEMENT_MAP, DEFAULT_IMAGE_PLACEMENT, DEFAULT_IMAGE_SIZE, isInlinePlacement } from './cardData';
+//# sourceMappingURL=index.d.ts.map

package/lib/Core/Components/Card/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../Core/Components/Card/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,cAAc,CAAC;AACrD,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAC7D,OAAO,EACL,cAAc,EACd,WAAW,EACX,cAAc,EACd,2BAA2B,EAC3B,uBAAuB,EACvB,kBAAkB,EAClB,iBAAiB,EAClB,MAAM,YAAY,CAAC"}

package/lib/Core/Components/Card/index.js

@@ -0,0 +1,4 @@
+export { default as CardHeader } from './CardHeader';
+export { default as CardFieldValue } from './CardFieldValue';
+export { getCardUIProps, getCardData, getCardColumns, GALLERY_IMAGE_PLACEMENT_MAP, DEFAULT_IMAGE_PLACEMENT, DEFAULT_IMAGE_SIZE, isInlinePlacement } from './cardData';
+//# sourceMappingURL=index.js.map

package/lib/Core/Components/Card/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../Core/Components/Card/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,cAAc,CAAC;AACrD,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAC7D,OAAO,EACL,cAAc,EACd,WAAW,EACX,cAAc,EACd,2BAA2B,EAC3B,uBAAuB,EACvB,kBAAkB,EAClB,iBAAiB,EAClB,MAAM,YAAY,CAAC","sourcesContent":["export { default as CardHeader } from './CardHeader';\nexport { default as CardFieldValue } from './CardFieldValue';\nexport {\n  getCardUIProps,\n  getCardData,\n  getCardColumns,\n  GALLERY_IMAGE_PLACEMENT_MAP,\n  DEFAULT_IMAGE_PLACEMENT,\n  DEFAULT_IMAGE_SIZE,\n  isInlinePlacement\n} from './cardData';\n"]}

package/lib/Core/Components/DefaultComponents/CellRenderers/RowActionMenu.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"RowActionMenu.d.ts","sourceRoot":"","sources":["../../../../../Core/Components/DefaultComponents/CellRenderers/RowActionMenu.jsx"],"names":[],"mappings":";AAoDA;;;;4CA4DC;;;;;;;sBA/GqB,YAAY"}
+{"version":3,"file":"RowActionMenu.d.ts","sourceRoot":"","sources":["../../../../../Core/Components/DefaultComponents/CellRenderers/RowActionMenu.jsx"],"names":[],"mappings":";AASA;;;;4CAwCC;;;;;;;sBAhDqB,YAAY"}

package/lib/Core/Components/DefaultComponents/CellRenderers/RowActionMenu.js

@@ -1,67 +1,20 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { useState, useMemo } from 'react';
+import { useState } from 'react';
 import PropTypes from 'prop-types';
 import { MenuButton } from '@pega/cosmos-react-core';
 import { ROW_DENSITY } from 'pega-repeating-structures-core';
 import useTranslate from '../../../Hooks/useTranslate';
-const hydrateActions = (actions, rowContext, refreshRow) => {
-    return actions.map(action => ({
-        ...action,
-        primary: action.text,
-        onClick: () => {
-            action.onClick(rowContext, refreshRow);
-        }
-    }));
-};
-const isActionConfig = actionConfig => {
-    return !!actionConfig && typeof actionConfig === 'object';
-};
-const isVisibleInMenu = (actionConfig, rowContext) => {
-    return (isActionConfig(actionConfig) &&
-        actionConfig.placement === 'menu' &&
-        actionConfig.isVisible?.(rowContext));
-};
-const getConfigActions = ({ editing, deleting }, rowContext, refreshRow, translate) => {
-    const actions = [];
-    if (isVisibleInMenu(editing, rowContext) && typeof editing.onClick === 'function') {
-        actions.push({
-            text: translate('Edit'),
-            id: 'edit',
-            onClick: editing.onClick
-        });
-    }
-    if (isVisibleInMenu(deleting, rowContext) && typeof deleting.onClick === 'function') {
-        actions.push({
-            text: translate('Delete'),
-            id: 'delete',
-            onClick: deleting.onClick
-        });
-    }
-    return hydrateActions(actions, rowContext, refreshRow.bind(null, rowContext));
-};
+import fetchRowActions from '../../../Utils/fetchRowActions';
 function RowActionMenu({ getRsMeta, getExecutionContext, getParentContext }) {
     const [translate] = useTranslate();
-    const { getValue, getRowActionDetails, refreshRow } = getExecutionContext();
     const [rowActions, setRowActions] = useState([]);
     const [actionsFetched, setActionsFetched] = useState(false);
-    const rowContext = getValue();
     const rsMeta = getRsMeta();
-    const { rowActions: tableMetaRowActions } = rsMeta;
-    const staticActions = useMemo(() => hydrateActions(tableMetaRowActions ?? [], rowContext, refreshRow.bind(null, rowContext)), [rowContext, tableMetaRowActions]);
-    const fetchCaseDeatils = () => {
+    const fetchCaseDetails = () => {
         setActionsFetched(false);
-        const currentRowContext = getExecutionContext()?.getValue();
-        let actions = [];
-        const configActions = getConfigActions(rsMeta, rowContext, refreshRow, translate);
-        getRowActionDetails(currentRowContext)
-            .then(response => {
-            if (Array.isArray(response)) {
-                const latestRowContext = getExecutionContext()?.getValue();
-                actions = hydrateActions(response, latestRowContext, refreshRow.bind(null, latestRowContext));
-            }
-        })
+        fetchRowActions({ getExecutionContext, meta: rsMeta, translate })
+            .then(setRowActions)
             .finally(() => {
-            setRowActions([...configActions, ...actions, ...staticActions]);
             setActionsFetched(true);
         });
     };
@@ -71,7 +24,7 @@ function RowActionMenu({ getRsMeta, getExecutionContext, getParentContext }) {
             items: actionsFetched ? rowActions : [],
             emptyText: translate('No actions available'),
             loading: !actionsFetched
-        }, "aria-label": rowHeaderValue ? `${translatedActionsText} - ${rowHeaderValue}` : `${translatedActionsText}`, onClick: fetchCaseDeatils, placement: 'bottom-end', popover: {
+        }, "aria-label": rowHeaderValue ? `${translatedActionsText} - ${rowHeaderValue}` : `${translatedActionsText}`, onClick: fetchCaseDetails, placement: 'bottom-end', popover: {
             portal: true
         }, icon: 'more' }));
 }

package/lib/Core/Components/DefaultComponents/CellRenderers/RowActionMenu.js.map

@@ -1 +1 @@
-{"version":3,"file":"RowActionMenu.js","sourceRoot":"","sources":["../../../../../Core/Components/DefaultComponents/CellRenderers/RowActionMenu.jsx"],"names":[],"mappings":"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","sourcesContent":["import { useState, useMemo } from 'react';\nimport PropTypes from 'prop-types';\n\nimport { MenuButton } from '@pega/cosmos-react-core';\nimport { ROW_DENSITY } from 'pega-repeating-structures-core';\n\nimport useTranslate from '../../../Hooks/useTranslate';\n\nconst hydrateActions = (actions, rowContext, refreshRow) => {\n  return actions.map(action => ({\n    ...action,\n    primary: action.text,\n    onClick: () => {\n      action.onClick(rowContext, refreshRow);\n    }\n  }));\n};\n\nconst isActionConfig = actionConfig => {\n  return !!actionConfig && typeof actionConfig === 'object';\n};\n\nconst isVisibleInMenu = (actionConfig, rowContext) => {\n  return (\n    isActionConfig(actionConfig) &&\n    actionConfig.placement === 'menu' &&\n    actionConfig.isVisible?.(rowContext)\n  );\n};\n\nconst getConfigActions = ({ editing, deleting }, rowContext, refreshRow, translate) => {\n  const actions = [];\n\n  if (isVisibleInMenu(editing, rowContext) && typeof editing.onClick === 'function') {\n    actions.push({\n      text: translate('Edit'),\n      id: 'edit',\n      onClick: editing.onClick\n    });\n  }\n\n  if (isVisibleInMenu(deleting, rowContext) && typeof deleting.onClick === 'function') {\n    actions.push({\n      text: translate('Delete'),\n      id: 'delete',\n      onClick: deleting.onClick\n    });\n  }\n\n  return hydrateActions(actions, rowContext, refreshRow.bind(null, rowContext));\n};\n\nfunction RowActionMenu({ getRsMeta, getExecutionContext, getParentContext }) {\n  const [translate] = useTranslate();\n  const { getValue, getRowActionDetails, refreshRow } = getExecutionContext();\n  const [rowActions, setRowActions] = useState([]);\n  const [actionsFetched, setActionsFetched] = useState(false);\n  const rowContext = getValue();\n  const rsMeta = getRsMeta();\n  const { rowActions: tableMetaRowActions } = rsMeta;\n  const staticActions = useMemo(\n    () => hydrateActions(tableMetaRowActions ?? [], rowContext, refreshRow.bind(null, rowContext)),\n    [rowContext, tableMetaRowActions]\n  );\n\n  const fetchCaseDeatils = () => {\n    setActionsFetched(false);\n    const currentRowContext = getExecutionContext()?.getValue();\n    let actions = [];\n    const configActions = getConfigActions(rsMeta, rowContext, refreshRow, translate);\n    getRowActionDetails(currentRowContext)\n      .then(response => {\n        if (Array.isArray(response)) {\n          const latestRowContext = getExecutionContext()?.getValue();\n          actions = hydrateActions(\n            response,\n            latestRowContext,\n            refreshRow.bind(null, latestRowContext)\n          );\n        }\n      })\n      .finally(() => {\n        setRowActions([...configActions, ...actions, ...staticActions]);\n        setActionsFetched(true);\n      });\n  };\n  const rowHeaderValue = getExecutionContext().getRowHeader()?.getValue();\n  const translatedActionsText = translate('Actions');\n\n  return (\n    <MenuButton\n      text={translatedActionsText}\n      iconOnly\n      variant='simple'\n      compact={getParentContext().getRowDensity() === ROW_DENSITY.SHORT}\n      tabIndex={-1}\n      menu={{\n        items: actionsFetched ? rowActions : [],\n        emptyText: translate('No actions available'),\n        loading: !actionsFetched\n      }}\n      aria-label={\n        rowHeaderValue ? `${translatedActionsText} - ${rowHeaderValue}` : `${translatedActionsText}`\n      }\n      onClick={fetchCaseDeatils}\n      placement='bottom-end'\n      popover={{\n        portal: true\n      }}\n      icon='more'\n    />\n  );\n}\n\nRowActionMenu.propTypes = {\n  getRsMeta: PropTypes.func.isRequired,\n  getExecutionContext: PropTypes.func.isRequired\n};\n\nexport default RowActionMenu;\n"]}
+{"version":3,"file":"RowActionMenu.js","sourceRoot":"","sources":["../../../../../Core/Components/DefaultComponents/CellRenderers/RowActionMenu.jsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,SAAS,MAAM,YAAY,CAAC;AAEnC,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AACrD,OAAO,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAE7D,OAAO,YAAY,MAAM,6BAA6B,CAAC;AACvD,OAAO,eAAe,MAAM,gCAAgC,CAAC;AAE7D,SAAS,aAAa,CAAC,EAAE,SAAS,EAAE,mBAAmB,EAAE,gBAAgB,EAAE;IACzE,MAAM,CAAC,SAAS,CAAC,GAAG,YAAY,EAAE,CAAC;IACnC,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC;IACjD,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC5D,MAAM,MAAM,GAAG,SAAS,EAAE,CAAC;IAE3B,MAAM,gBAAgB,GAAG,GAAG,EAAE;QAC5B,iBAAiB,CAAC,KAAK,CAAC,CAAC;QACzB,eAAe,CAAC,EAAE,mBAAmB,EAAE,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,CAAC;aAC9D,IAAI,CAAC,aAAa,CAAC;aACnB,OAAO,CAAC,GAAG,EAAE;YACZ,iBAAiB,CAAC,IAAI,CAAC,CAAC;QAC1B,CAAC,CAAC,CAAC;IACP,CAAC,CAAC;IACF,MAAM,cAAc,GAAG,mBAAmB,EAAE,CAAC,YAAY,EAAE,EAAE,QAAQ,EAAE,CAAC;IACxE,MAAM,qBAAqB,GAAG,SAAS,CAAC,SAAS,CAAC,CAAC;IAEnD,OAAO,CACL,KAAC,UAAU,IACT,IAAI,EAAE,qBAAqB,EAC3B,QAAQ,QACR,OAAO,EAAC,QAAQ,EAChB,OAAO,EAAE,gBAAgB,EAAE,CAAC,aAAa,EAAE,KAAK,WAAW,CAAC,KAAK,EACjE,QAAQ,EAAE,CAAC,CAAC,EACZ,IAAI,EAAE;YACJ,KAAK,EAAE,cAAc,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,EAAE;YACvC,SAAS,EAAE,SAAS,CAAC,sBAAsB,CAAC;YAC5C,OAAO,EAAE,CAAC,cAAc;SACzB,gBAEC,cAAc,CAAC,CAAC,CAAC,GAAG,qBAAqB,MAAM,cAAc,EAAE,CAAC,CAAC,CAAC,GAAG,qBAAqB,EAAE,EAE9F,OAAO,EAAE,gBAAgB,EACzB,SAAS,EAAC,YAAY,EACtB,OAAO,EAAE;YACP,MAAM,EAAE,IAAI;SACb,EACD,IAAI,EAAC,MAAM,GACX,CACH,CAAC;AACJ,CAAC;AAED,aAAa,CAAC,SAAS,GAAG;IACxB,SAAS,EAAE,SAAS,CAAC,IAAI,CAAC,UAAU;IACpC,mBAAmB,EAAE,SAAS,CAAC,IAAI,CAAC,UAAU;CAC/C,CAAC;AAEF,eAAe,aAAa,CAAC","sourcesContent":["import { useState } from 'react';\nimport PropTypes from 'prop-types';\n\nimport { MenuButton } from '@pega/cosmos-react-core';\nimport { ROW_DENSITY } from 'pega-repeating-structures-core';\n\nimport useTranslate from '../../../Hooks/useTranslate';\nimport fetchRowActions from '../../../Utils/fetchRowActions';\n\nfunction RowActionMenu({ getRsMeta, getExecutionContext, getParentContext }) {\n  const [translate] = useTranslate();\n  const [rowActions, setRowActions] = useState([]);\n  const [actionsFetched, setActionsFetched] = useState(false);\n  const rsMeta = getRsMeta();\n\n  const fetchCaseDetails = () => {\n    setActionsFetched(false);\n    fetchRowActions({ getExecutionContext, meta: rsMeta, translate })\n      .then(setRowActions)\n      .finally(() => {\n        setActionsFetched(true);\n      });\n  };\n  const rowHeaderValue = getExecutionContext().getRowHeader()?.getValue();\n  const translatedActionsText = translate('Actions');\n\n  return (\n    <MenuButton\n      text={translatedActionsText}\n      iconOnly\n      variant='simple'\n      compact={getParentContext().getRowDensity() === ROW_DENSITY.SHORT}\n      tabIndex={-1}\n      menu={{\n        items: actionsFetched ? rowActions : [],\n        emptyText: translate('No actions available'),\n        loading: !actionsFetched\n      }}\n      aria-label={\n        rowHeaderValue ? `${translatedActionsText} - ${rowHeaderValue}` : `${translatedActionsText}`\n      }\n      onClick={fetchCaseDetails}\n      placement='bottom-end'\n      popover={{\n        portal: true\n      }}\n      icon='more'\n    />\n  );\n}\n\nRowActionMenu.propTypes = {\n  getRsMeta: PropTypes.func.isRequired,\n  getExecutionContext: PropTypes.func.isRequired\n};\n\nexport default RowActionMenu;\n"]}

package/lib/Core/Components/DefaultComponents/CellRenderers/RowDeleteAction.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"RowDeleteAction.d.ts","sourceRoot":"","sources":["../../../../../Core/Components/DefaultComponents/CellRenderers/RowDeleteAction.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAIlE,UAAU,cAAc;IACtB,mBAAmB,EAAE,WAAW,CAAC,aAAa,CAAC,qBAAqB,CAAC,CAAC;IACtE,SAAS,EAAE,MAAM,UAAU,CAAC,WAAW,CAAC,aAAa,CAAC,WAAW,CAAC,CAAC,GAAG;QACpE,QAAQ,EAAE,WAAW,CAAC,YAAY,CAAC;KACpC,CAAC;CACH;AAYD,iBAAS,eAAe,CAAC,EAAE,mBAAmB,EAAE,SAAS,EAAE,EAAE,cAAc,2CAiC1E;AAED,eAAe,eAAe,CAAC"}
+{"version":3,"file":"RowDeleteAction.d.ts","sourceRoot":"","sources":["../../../../../Core/Components/DefaultComponents/CellRenderers/RowDeleteAction.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAIlE,UAAU,cAAc;IACtB,mBAAmB,EAAE,WAAW,CAAC,aAAa,CAAC,qBAAqB,CAAC,CAAC;IACtE,SAAS,EAAE,MAAM,UAAU,CAAC,WAAW,CAAC,aAAa,CAAC,WAAW,CAAC,CAAC,GAAG;QACpE,QAAQ,EAAE,WAAW,CAAC,YAAY,CAAC;KACpC,CAAC;CACH;AAuBD,iBAAS,eAAe,CAAC,EAAE,mBAAmB,EAAE,SAAS,EAAE,EAAE,cAAc,2CAuC1E;AAED,eAAe,eAAe,CAAC"}

package/lib/Core/Components/DefaultComponents/CellRenderers/RowDeleteAction.js

@@ -5,6 +5,14 @@ import useTranslate from '../../../Hooks/useTranslate';
 const StyledButton = styled(Button)(({ $isVisible }) => css `
     visibility: ${$isVisible ? 'visible' : 'hidden'};
   `);
+// Row header cells share one mutable Column instance whose execution context is rebound to
+// whichever row is currently rendering, so its value must be read now - not later inside onClick.
+const resolveRowMeta = (executionContext) => {
+    return {
+        rowHeader: executionContext?.getRowHeader?.()?.getValue(),
+        rowIndex: executionContext?.getRowIndex?.() ?? -1
+    };
+};
 function RowDeleteAction({ getExecutionContext, getRsMeta }) {
     const [translate] = useTranslate();
     const executionContext = getExecutionContext();
@@ -15,11 +23,13 @@ function RowDeleteAction({ getExecutionContext, getRsMeta }) {
     // RowDelete renderer only mounts for delete-column configuration.
     const isVisibleFromMeta = rowContext ? deletingConfig.isVisible(rowContext) : false;
     const handleDelete = () => {
-        if (!rowContext) {
+        const latestExecutionContext = getExecutionContext();
+        const latestRowContext = latestExecutionContext?.getValue();
+        if (!latestRowContext) {
             return;
         }
         // RowDelete uses action-config callback for delete behavior.
-        deletingConfig.onClick(rowContext, executionContext?.refreshRow);
+        deletingConfig.onClick(latestRowContext, latestExecutionContext?.refreshRow, resolveRowMeta(latestExecutionContext));
     };
     return (_jsx(StyledButton, { variant: 'simple', icon: true, "$isVisible": isVisibleFromMeta, ...(!isVisibleFromMeta && { tabIndex: -1 }), label: deleteText, "aria-label": rowHeaderValue ? `${deleteText} - ${rowHeaderValue}` : deleteText, onClick: isVisibleFromMeta ? handleDelete : undefined, children: _jsx(Icon, { name: 'trash' }) }));
 }

package/lib/Core/Components/DefaultComponents/CellRenderers/RowDeleteAction.js.map

@@ -1 +1 @@
-{"version":3,"file":"RowDeleteAction.js","sourceRoot":"","sources":["../../../../../Core/Components/DefaultComponents/CellRenderers/RowDeleteAction.tsx"],"names":[],"mappings":";AAAA,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAEhD,OAAO,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,yBAAyB,CAAC;AAGvD,OAAO,YAAY,MAAM,6BAA6B,CAAC;AAavD,MAAM,YAAY,GAAG,MAAM,CAAC,MAAM,CAAC,CACjC,CAAC,EAAE,UAAU,EAAE,EAAE,EAAE,CAAC,GAAG,CAAA;kBACP,UAAU,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,QAAQ;GAChD,CACF,CAAC;AAEF,SAAS,eAAe,CAAC,EAAE,mBAAmB,EAAE,SAAS,EAAkB;IACzE,MAAM,CAAC,SAAS,CAAC,GAAG,YAAY,EAAE,CAAC;IACnC,MAAM,gBAAgB,GAAG,mBAAmB,EAAE,CAAC;IAC/C,MAAM,UAAU,GAAG,gBAAgB,EAAE,QAAQ,EAAE,CAAC;IAChD,MAAM,cAAc,GAAG,gBAAgB,EAAE,YAAY,EAAE,EAAE,EAAE,QAAQ,EAAE,CAAC;IACtE,MAAM,UAAU,GAAG,SAAS,CAAC,iBAAiB,CAAC,CAAC;IAChD,MAAM,cAAc,GAAG,SAAS,EAAE,CAAC,QAAQ,CAAC;IAE5C,kEAAkE;IAClE,MAAM,iBAAiB,GAAG,UAAU,CAAC,CAAC,CAAC,cAAc,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC;IAEpF,MAAM,YAAY,GAAG,GAAG,EAAE;QACxB,IAAI,CAAC,UAAU,EAAE,CAAC;YAChB,OAAO;QACT,CAAC;QAED,6DAA6D;QAC7D,cAAc,CAAC,OAAO,CAAC,UAAU,EAAE,gBAAgB,EAAE,UAAU,CAAC,CAAC;IACnE,CAAC,CAAC;IAEF,OAAO,CACL,KAAC,YAAY,IACX,OAAO,EAAC,QAAQ,EAChB,IAAI,sBACQ,iBAAiB,KACzB,CAAC,CAAC,iBAAiB,IAAI,EAAE,QAAQ,EAAE,CAAC,CAAC,EAAE,CAAC,EAC5C,KAAK,EAAE,UAAU,gBACL,cAAc,CAAC,CAAC,CAAC,GAAG,UAAU,MAAM,cAAc,EAAE,CAAC,CAAC,CAAC,UAAU,EAC7E,OAAO,EAAE,iBAAiB,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,SAAS,YAErD,KAAC,IAAI,IAAC,IAAI,EAAC,OAAO,GAAG,GACR,CAChB,CAAC;AACJ,CAAC;AAED,eAAe,eAAe,CAAC","sourcesContent":["import styled, { css } from 'styled-components';\n\nimport { Button, Icon } from '@pega/cosmos-react-core';\nimport type { RsCoreTypes } from 'pega-repeating-structures-core';\n\nimport useTranslate from '../../../Hooks/useTranslate';\n\ninterface RowDeleteProps {\n  getExecutionContext: RsCoreTypes.ColumnContext['getExecutionContext'];\n  getRsMeta: () => ReturnType<RsCoreTypes.ColumnContext['getRsMeta']> & {\n    deleting: RsCoreTypes.ActionConfig;\n  };\n}\n\ninterface StyledButtonProps {\n  $isVisible: boolean;\n}\n\nconst StyledButton = styled(Button)<StyledButtonProps>(\n  ({ $isVisible }) => css`\n    visibility: ${$isVisible ? 'visible' : 'hidden'};\n  `\n);\n\nfunction RowDeleteAction({ getExecutionContext, getRsMeta }: RowDeleteProps) {\n  const [translate] = useTranslate();\n  const executionContext = getExecutionContext();\n  const rowContext = executionContext?.getValue();\n  const rowHeaderValue = executionContext?.getRowHeader?.()?.getValue();\n  const deleteText = translate('Delete this row');\n  const deletingConfig = getRsMeta().deleting;\n\n  // RowDelete renderer only mounts for delete-column configuration.\n  const isVisibleFromMeta = rowContext ? deletingConfig.isVisible(rowContext) : false;\n\n  const handleDelete = () => {\n    if (!rowContext) {\n      return;\n    }\n\n    // RowDelete uses action-config callback for delete behavior.\n    deletingConfig.onClick(rowContext, executionContext?.refreshRow);\n  };\n\n  return (\n    <StyledButton\n      variant='simple'\n      icon\n      $isVisible={isVisibleFromMeta}\n      {...(!isVisibleFromMeta && { tabIndex: -1 })}\n      label={deleteText}\n      aria-label={rowHeaderValue ? `${deleteText} - ${rowHeaderValue}` : deleteText}\n      onClick={isVisibleFromMeta ? handleDelete : undefined}\n    >\n      <Icon name='trash' />\n    </StyledButton>\n  );\n}\n\nexport default RowDeleteAction;\n"]}
+{"version":3,"file":"RowDeleteAction.js","sourceRoot":"","sources":["../../../../../Core/Components/DefaultComponents/CellRenderers/RowDeleteAction.tsx"],"names":[],"mappings":";AAAA,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAEhD,OAAO,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,yBAAyB,CAAC;AAGvD,OAAO,YAAY,MAAM,6BAA6B,CAAC;AAavD,MAAM,YAAY,GAAG,MAAM,CAAC,MAAM,CAAC,CACjC,CAAC,EAAE,UAAU,EAAE,EAAE,EAAE,CAAC,GAAG,CAAA;kBACP,UAAU,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,QAAQ;GAChD,CACF,CAAC;AAEF,2FAA2F;AAC3F,kGAAkG;AAClG,MAAM,cAAc,GAAG,CACrB,gBAA8E,EAC9E,EAAE;IACF,OAAO;QACL,SAAS,EAAE,gBAAgB,EAAE,YAAY,EAAE,EAAE,EAAE,QAAQ,EAAE;QACzD,QAAQ,EAAE,gBAAgB,EAAE,WAAW,EAAE,EAAE,IAAI,CAAC,CAAC;KAClD,CAAC;AACJ,CAAC,CAAC;AAEF,SAAS,eAAe,CAAC,EAAE,mBAAmB,EAAE,SAAS,EAAkB;IACzE,MAAM,CAAC,SAAS,CAAC,GAAG,YAAY,EAAE,CAAC;IACnC,MAAM,gBAAgB,GAAG,mBAAmB,EAAE,CAAC;IAC/C,MAAM,UAAU,GAAG,gBAAgB,EAAE,QAAQ,EAAE,CAAC;IAChD,MAAM,cAAc,GAAG,gBAAgB,EAAE,YAAY,EAAE,EAAE,EAAE,QAAQ,EAAE,CAAC;IACtE,MAAM,UAAU,GAAG,SAAS,CAAC,iBAAiB,CAAC,CAAC;IAChD,MAAM,cAAc,GAAG,SAAS,EAAE,CAAC,QAAQ,CAAC;IAE5C,kEAAkE;IAClE,MAAM,iBAAiB,GAAG,UAAU,CAAC,CAAC,CAAC,cAAc,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC;IAEpF,MAAM,YAAY,GAAG,GAAG,EAAE;QACxB,MAAM,sBAAsB,GAAG,mBAAmB,EAAE,CAAC;QACrD,MAAM,gBAAgB,GAAG,sBAAsB,EAAE,QAAQ,EAAE,CAAC;QAC5D,IAAI,CAAC,gBAAgB,EAAE,CAAC;YACtB,OAAO;QACT,CAAC;QAED,6DAA6D;QAC7D,cAAc,CAAC,OAAO,CACpB,gBAAgB,EAChB,sBAAsB,EAAE,UAAU,EAClC,cAAc,CAAC,sBAAsB,CAAC,CACvC,CAAC;IACJ,CAAC,CAAC;IAEF,OAAO,CACL,KAAC,YAAY,IACX,OAAO,EAAC,QAAQ,EAChB,IAAI,sBACQ,iBAAiB,KACzB,CAAC,CAAC,iBAAiB,IAAI,EAAE,QAAQ,EAAE,CAAC,CAAC,EAAE,CAAC,EAC5C,KAAK,EAAE,UAAU,gBACL,cAAc,CAAC,CAAC,CAAC,GAAG,UAAU,MAAM,cAAc,EAAE,CAAC,CAAC,CAAC,UAAU,EAC7E,OAAO,EAAE,iBAAiB,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,SAAS,YAErD,KAAC,IAAI,IAAC,IAAI,EAAC,OAAO,GAAG,GACR,CAChB,CAAC;AACJ,CAAC;AAED,eAAe,eAAe,CAAC","sourcesContent":["import styled, { css } from 'styled-components';\n\nimport { Button, Icon } from '@pega/cosmos-react-core';\nimport type { RsCoreTypes } from 'pega-repeating-structures-core';\n\nimport useTranslate from '../../../Hooks/useTranslate';\n\ninterface RowDeleteProps {\n  getExecutionContext: RsCoreTypes.ColumnContext['getExecutionContext'];\n  getRsMeta: () => ReturnType<RsCoreTypes.ColumnContext['getRsMeta']> & {\n    deleting: RsCoreTypes.ActionConfig;\n  };\n}\n\ninterface StyledButtonProps {\n  $isVisible: boolean;\n}\n\nconst StyledButton = styled(Button)<StyledButtonProps>(\n  ({ $isVisible }) => css`\n    visibility: ${$isVisible ? 'visible' : 'hidden'};\n  `\n);\n\n// Row header cells share one mutable Column instance whose execution context is rebound to\n// whichever row is currently rendering, so its value must be read now - not later inside onClick.\nconst resolveRowMeta = (\n  executionContext: ReturnType<RsCoreTypes.ColumnContext['getExecutionContext']>\n) => {\n  return {\n    rowHeader: executionContext?.getRowHeader?.()?.getValue(),\n    rowIndex: executionContext?.getRowIndex?.() ?? -1\n  };\n};\n\nfunction RowDeleteAction({ getExecutionContext, getRsMeta }: RowDeleteProps) {\n  const [translate] = useTranslate();\n  const executionContext = getExecutionContext();\n  const rowContext = executionContext?.getValue();\n  const rowHeaderValue = executionContext?.getRowHeader?.()?.getValue();\n  const deleteText = translate('Delete this row');\n  const deletingConfig = getRsMeta().deleting;\n\n  // RowDelete renderer only mounts for delete-column configuration.\n  const isVisibleFromMeta = rowContext ? deletingConfig.isVisible(rowContext) : false;\n\n  const handleDelete = () => {\n    const latestExecutionContext = getExecutionContext();\n    const latestRowContext = latestExecutionContext?.getValue();\n    if (!latestRowContext) {\n      return;\n    }\n\n    // RowDelete uses action-config callback for delete behavior.\n    deletingConfig.onClick(\n      latestRowContext,\n      latestExecutionContext?.refreshRow,\n      resolveRowMeta(latestExecutionContext)\n    );\n  };\n\n  return (\n    <StyledButton\n      variant='simple'\n      icon\n      $isVisible={isVisibleFromMeta}\n      {...(!isVisibleFromMeta && { tabIndex: -1 })}\n      label={deleteText}\n      aria-label={rowHeaderValue ? `${deleteText} - ${rowHeaderValue}` : deleteText}\n      onClick={isVisibleFromMeta ? handleDelete : undefined}\n    >\n      <Icon name='trash' />\n    </StyledButton>\n  );\n}\n\nexport default RowDeleteAction;\n"]}