@pega/react-sdk-overrides 0.25.11 → 0.25.12

package/lib/field/SelectableCard/SelectableCard.tsx

@@ -33,6 +33,15 @@ export default function SelectableCard(props) {
   const cardDataSource = readOnly || displayMode === 'DISPLAY_ONLY' ? readOnlyList || [] : dataSource?.source;
   const imageDescriptionKey = showImageDescription ? imageDescription : undefined;
 
+  const handleCardClick = event => {
+    if (disabled || readOnly) return;
+    // If the click landed on or inside a label/input, native behavior already handles it.
+    if (event.target.closest?.('label, input')) return;
+    // Find the radio/checkbox input inside this card and click it programmatically.
+    const input = event.currentTarget.querySelector('input[type="radio"], input[type="checkbox"]');
+    if (input) input.click();
+  };
+
   let radioItemSelected = false;
 
   return (
@@ -75,7 +84,12 @@ export default function SelectableCard(props) {
 
         const component = (
           <div key={item[recordKey]} style={{ paddingTop: '15px' }}>
-            <Card className={className} style={{ display: 'flex', flexDirection: 'column', height: '100%' }} data-testid={testId}>
+            <Card
+              className={className}
+              style={{ display: 'flex', flexDirection: 'column', height: '100%', cursor: disabled || readOnly ? 'default' : 'pointer' }}
+              data-testid={testId}
+              onClick={handleCardClick}
+            >
               <CardContent
                 style={{
                   ...((imagePosition === 'inline-start' || imagePosition === 'inline-end') && { display: 'flex', height: '100%' }),
@@ -118,7 +132,7 @@ export default function SelectableCard(props) {
                           onBlur={onBlur}
                           onClick={onClick}
                           onKeyDown={onKeyDown}
-                          disabled={disabled}
+                          disabled={disabled || readOnly}
                           {...additionalProps}
                         />
                       }
@@ -135,7 +149,7 @@ export default function SelectableCard(props) {
                           onBlur={onBlur}
                           onClick={onClick}
                           onKeyDown={onKeyDown}
-                          disabled={disabled}
+                          disabled={disabled || readOnly}
                           {...additionalProps}
                         />
                       }

package/lib/infra/Containers/FlowContainer/FlowContainer.tsx

@@ -198,7 +198,7 @@ export const FlowContainer = (props: FlowContainerProps) => {
   }, [props]);
 
   const caseId = thePConn.getCaseSummary().content.pyID;
-  const urgency = getPConnect().getCaseSummary().assignments ? getPConnect().getCaseSummary().assignments?.[0].urgency : '';
+  const urgency = getPConnect().getCaseSummary().assignments ? getPConnect().getCaseSummary().assignments?.[0]?.urgency : '';
   const operatorInitials = Utils.getInitials(PCore.getEnvironmentInfo().getOperatorName() || '');
 
   const displayPageMessages = () => {

package/lib/template/CaseSummary/CaseSummary.tsx

@@ -12,14 +12,9 @@ export default function CaseSummary(props: PropsWithChildren<CaseSummaryProps>)
   // Get emitted components from map (so we can get any override that may exist)
   const CaseSummaryFields = getComponentFromMap('CaseSummaryFields');
 
-  const { getPConnect, children } = props;
+  const { children } = props;
   let { arPrimaryFields = [], arSecondaryFields = [] } = props;
 
-  const thePConn = getPConnect && getPConnect();
-  const theConfigProps: any = thePConn?.getConfigProps();
-
-  const status = theConfigProps?.status;
-  const showStatus = theConfigProps?.showStatus;
   const localizedVal = PCore.getLocaleUtils().getLocaleValue;
   const localeCategory = 'ModalContainer';
 
@@ -77,7 +72,7 @@ export default function CaseSummary(props: PropsWithChildren<CaseSummaryProps>)
 
   return (
     <div id='CaseSummary'>
-      <CaseSummaryFields status={status} showStatus={showStatus} theFields={arPrimaryFields} />
+      <CaseSummaryFields theFields={arPrimaryFields} />
       <CaseSummaryFields theFields={arSecondaryFields} />
     </div>
   );

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pega/react-sdk-overrides",
-  "version": "0.25.11",
+  "version": "0.25.12",
   "description": "React SDK - Code for overriding components",
   "_filesComment": "During packing, npm ignores everything NOT in the files list",
   "files": [