@pega/sdk 0.0.2 → 0.0.4

package/templates/react-sdk-reference/src/components/widget/Attachment/AttachmentUtils.ts

@@ -19,12 +19,17 @@ export const validateFileExtension = (fileObj: Record<string, string>, allowedEx
   const allowedExtensionList = allowedExtensions
     .toLowerCase()
     .split(',')
-    .map(item => item.replaceAll('.', '').trim());
+    .map((item) => item.replaceAll('.', '').trim());
   const extension = fileObj.name.split('.').pop()?.toLowerCase() || '';
   return allowedExtensionList.includes(extension);
 };
 
-export const fileDownload = (data: string | Blob, fileName: string, ext: string | null, headers: Record<string, string>) => {
+export const fileDownload = (
+  data: string | Blob,
+  fileName: string,
+  ext: string | null,
+  headers: Record<string, string>,
+) => {
   const name = ext ? `${fileName}.${ext}` : fileName;
   // Temp fix: downloading EMAIl type attachment as html file
   if (ext === 'html') {
@@ -50,7 +55,7 @@ export const getIconFromFileType = (fileType: string) => {
   } else {
     const [, subtype] = fileType.split('/');
     const foundMatch = (sources: string[]) => {
-      return sources.some(key => subtype.includes(key));
+      return sources.some((key) => subtype.includes(key));
     };
 
     if (foundMatch(['excel', 'spreadsheet'])) {
@@ -63,7 +68,12 @@ export const getIconFromFileType = (fileType: string) => {
   return icon;
 };
 
-export const fileDownloadVar = (content: { data: string; headers: Record<string, string> }, type: string, name: string, extension: string) => {
+export const fileDownloadVar = (
+  content: { data: string; headers: Record<string, string> },
+  type: string,
+  name: string,
+  extension: string,
+) => {
   if (type === 'FILE' || type === undefined) {
     fileDownload(content.data, name, extension, content.headers);
   } else if (type === 'URL') {
@@ -93,9 +103,16 @@ const generateInstructions = (
     insertPageInstruction: boolean;
     deletePageInstruction: boolean;
     deleteIndex: number;
-  }
+  },
 ) => {
-  const { allowMultiple, isMultiAttachmentInInlineEditTable, attachmentCount, insertPageInstruction, deletePageInstruction, deleteIndex } = options;
+  const {
+    allowMultiple,
+    isMultiAttachmentInInlineEditTable,
+    attachmentCount,
+    insertPageInstruction,
+    deletePageInstruction,
+    deleteIndex,
+  } = options;
   const transformedAttachments: ReduxAttachments[] = [];
   let valueRef = pConn.getStateProps().value;
   valueRef = valueRef?.indexOf('.') === 0 ? valueRef.substring(1) : valueRef;
@@ -110,7 +127,7 @@ const generateInstructions = (
       FileExtension: filename.split('.').pop() ?? filename,
       error: file.props?.error || null,
       localAttachment: true,
-      thumbnail: file.value?.thumbnail
+      thumbnail: file.value?.thumbnail,
     };
     transformedAttachments.push(payload);
     if (payload.error) {
@@ -123,12 +140,12 @@ const generateInstructions = (
         } else if (deletePageInstruction) {
           (attachmentsInModal as Pick<ReduxAttachments, 'instruction' | 'fileIndex'>[]).push({
             instruction: 'delete',
-            fileIndex: deleteIndex
+            fileIndex: deleteIndex,
           });
         }
       } else if (insertPageInstruction) {
         pConn.getListActions().insert({ ID: payload[uniqueKey] }, attachmentCount + index, undefined, {
-          skipStateUpdate: true
+          skipStateUpdate: true,
         });
       } else if (deletePageInstruction) {
         pConn.getListActions().deleteEntry(deleteIndex, undefined, { skipStateUpdate: true });
@@ -146,15 +163,16 @@ export const updateReduxState = (
   transformedAttachments: ReduxAttachments[],
   pConn: typeof PConnect,
   valueRef: string,
-  options: PageInstructionOptions
+  options: PageInstructionOptions,
 ) => {
   const { allowMultiple, isOldAttachment, insertRedux, deleteRedux } = options;
   let deleteIndex = -1;
 
   if (allowMultiple || isOldAttachment) {
-    transformedAttachments.forEach(attachment => {
+    transformedAttachments.forEach((attachment) => {
       const key = isOldAttachment ? `${valueRef}.pxResults` : valueRef;
-      const existingAttachments: ReduxAttachments[] = PCore.getStoreValue(`.${key}`, pConn.getPageReference(), pConn.getContextName()) || [];
+      const existingAttachments: ReduxAttachments[] =
+        PCore.getStoreValue(`.${key}`, pConn.getPageReference(), pConn.getContextName()) || [];
 
       if (insertRedux) {
         const actionPayLoad = {
@@ -164,15 +182,16 @@ export const updateReduxState = (
             context: pConn.getContextName(),
             referenceList: `${pConn.getPageReference()}.${key}`,
             listIndex: existingAttachments.length,
-            content: attachment
-          }
+            content: attachment,
+          },
         };
         PCore.getStore()?.dispatch(actionPayLoad);
       } else if (deleteRedux) {
         const uniqueKey = getMappedValue('pzInsKey');
         deleteIndex = existingAttachments.findIndex(
-          existingAttachment =>
-            existingAttachment[uniqueKey as keyof ReduxAttachments] === transformedAttachments[0][uniqueKey as keyof ReduxAttachments]
+          (existingAttachment) =>
+            existingAttachment[uniqueKey as keyof ReduxAttachments] ===
+            transformedAttachments[0][uniqueKey as keyof ReduxAttachments],
         );
         const actionPayLoad = {
           type: 'LIST_ACTION',
@@ -180,8 +199,8 @@ export const updateReduxState = (
             instruction: 'DELETE',
             context: pConn.getContextName(),
             referenceList: `${pConn.getPageReference()}.${key}`,
-            listIndex: deleteIndex
-          }
+            listIndex: deleteIndex,
+          },
         };
         PCore.getStore()?.dispatch(actionPayLoad);
       }
@@ -193,8 +212,8 @@ export const updateReduxState = (
         instruction: 'REPLACE',
         context: pConn.getContextName(),
         referenceList: `${pConn.getPageReference()}.${valueRef}`,
-        content: transformedAttachments[0]
-      }
+        content: transformedAttachments[0],
+      },
     };
     PCore.getStore()?.dispatch(actionPayLoad);
   } else if (deleteRedux) {
@@ -203,8 +222,8 @@ export const updateReduxState = (
       payload: {
         instruction: 'DELETEPAGE',
         context: pConn.getContextName(),
-        referenceList: `${pConn.getPageReference()}.${valueRef}`
-      }
+        referenceList: `${pConn.getPageReference()}.${valueRef}`,
+      },
     };
     PCore.getStore()?.dispatch(actionPayLoad);
   }
@@ -214,40 +233,46 @@ export const insertAttachments = (
   files: FileObject[],
   pConn: typeof PConnect,
   attachmentsInModal: ReduxAttachments[],
-  options: PageInstructionOptions
+  options: PageInstructionOptions,
 ) => {
   const { isMultiAttachmentInInlineEditTable } = options;
   let valueRef = pConn.getStateProps().value;
   valueRef = valueRef?.indexOf('.') === 0 ? valueRef.substring(1) : valueRef;
   const transformedAttachments = generateInstructions(files, pConn, attachmentsInModal, {
     ...options,
-    insertPageInstruction: true
+    insertPageInstruction: true,
   });
 
   if (isMultiAttachmentInInlineEditTable) {
     return; // For attachments within modal, redux update is not necessary yet, as modal isn't submitted at this stage
   }
-  updateReduxState(transformedAttachments, pConn, valueRef, { ...options, insertRedux: true });
+  updateReduxState(transformedAttachments, pConn, valueRef, {
+    ...options,
+    insertRedux: true,
+  });
 };
 
 export const deleteAttachments = (
   files: FileObject[],
   pConn: typeof PConnect,
   attachmentsInModal: Pick<ReduxAttachments, 'instruction' | 'fileIndex'>[],
-  options: PageInstructionOptions
+  options: PageInstructionOptions,
 ) => {
   const { isMultiAttachmentInInlineEditTable } = options;
   let valueRef = pConn.getStateProps().value;
   valueRef = valueRef?.indexOf('.') === 0 ? valueRef.substring(1) : valueRef;
   const transformedAttachments = generateInstructions(files, pConn, attachmentsInModal, {
     ...options,
-    deletePageInstruction: true
+    deletePageInstruction: true,
   });
 
   if (isMultiAttachmentInInlineEditTable) {
     return; // For attachments within modal, redux update is not necessary yet, as modal isn't submitted at this stage
   }
-  updateReduxState(transformedAttachments, pConn, valueRef, { ...options, deleteRedux: true });
+  updateReduxState(transformedAttachments, pConn, valueRef, {
+    ...options,
+    deleteRedux: true,
+  });
 };
 
 export const clearFieldErrorMessages = (pConn: typeof PConnect) => {
@@ -256,7 +281,7 @@ export const clearFieldErrorMessages = (pConn: typeof PConnect) => {
     type: PCore.getConstants().MESSAGES.MESSAGES_TYPE_ERROR,
     property: fieldName,
     pageReference: pConn.getPageReference(),
-    context: pConn.getContextName()
+    context: pConn.getContextName(),
   });
 };
 
@@ -268,7 +293,7 @@ export const useFileDownload = (context: string) => {
       extension,
       type,
       category,
-      responseType
+      responseType,
     }: {
       ID: string;
       name: string;
@@ -284,7 +309,7 @@ export const useFileDownload = (context: string) => {
             headers: Record<string, string>;
           }>
         )
-          .then(content => {
+          .then((content) => {
             fileDownloadVar(content, type, name, extension);
           })
 
@@ -296,14 +321,14 @@ export const useFileDownload = (context: string) => {
             headers: Record<string, string>;
           }>
         )
-          .then(content => {
+          .then((content) => {
             fileDownloadVar(content, type, name, extension);
           })
 
           .catch(console.error);
       }
     },
-    [context]
+    [context],
   );
 };
 

package/templates/react-sdk-reference/src/components/widget/CaseHistory/CaseHistory.tsx

@@ -24,15 +24,15 @@ const StyledTableCell = withStyles((theme: Theme) =>
       borderStyle: 'solid',
       borderColor: 'silver',
       backgroundColor: theme.palette.text.disabled,
-      color: theme.palette.getContrastText(theme.palette.text.disabled)
+      color: theme.palette.getContrastText(theme.palette.text.disabled),
     },
     body: {
       borderWidth: '1px',
       borderStyle: 'solid',
-      borderColor: 'silver'
+      borderColor: 'silver',
       // fontSize: 14,
-    }
-  })
+    },
+  }),
 )(TableCell);
 
 export default function CaseHistory(props: CaseHistoryProps) {
@@ -44,18 +44,18 @@ export default function CaseHistory(props: CaseHistoryProps) {
     {
       label: thePConn.getLocalizedValue('Date', '', ''),
       type: 'DateTime',
-      fieldName: 'pxTimeCreated'
+      fieldName: 'pxTimeCreated',
     }, // 2nd and 3rd args empty string until typedef marked correctly
     {
       label: thePConn.getLocalizedValue('Description', '', ''),
       type: 'TextInput',
-      fieldName: 'pyMessageKey'
+      fieldName: 'pyMessageKey',
     }, // 2nd and 3rd args empty string until typedef marked correctly
     {
       label: thePConn.getLocalizedValue('Performed by', '', ''),
       type: 'TextInput',
-      fieldName: 'pyPerformer'
-    } // 2nd and 3rd args empty string until typedef marked correctly
+      fieldName: 'pyPerformer',
+    }, // 2nd and 3rd args empty string until typedef marked correctly
   ];
 
   const rowData: any = useRef([]);
@@ -78,7 +78,9 @@ export default function CaseHistory(props: CaseHistoryProps) {
         const theType = column.type;
         const theFieldName = column.fieldName;
         const theValue =
-          theType === 'Date' || theType === 'DateTime' ? Utils.generateDateTime(row[theFieldName], 'DateTime-Short') : row[theFieldName];
+          theType === 'Date' || theType === 'DateTime'
+            ? Utils.generateDateTime(row[theFieldName], 'DateTime-Short')
+            : row[theFieldName];
         rowDisplayValues[rowValIndex] = theValue;
       });
 
@@ -98,7 +100,7 @@ export default function CaseHistory(props: CaseHistoryProps) {
     const historyData = PCore.getDataApiUtils().getData(
       dataViewName,
       { dataViewParameters: [{ CaseInstanceKey: caseID }] } as any,
-      context
+      context,
     ) as Promise<any>;
 
     historyData.then((historyJSON: any) => {
@@ -150,7 +152,7 @@ export default function CaseHistory(props: CaseHistoryProps) {
             <StyledTableCell>{dataRow[0] ? dataRow[0] : ('---' as any)}</StyledTableCell>
             <StyledTableCell>{dataRow[1] ? dataRow[1] : ('---' as any)}</StyledTableCell>
             <StyledTableCell>{dataRow[2] ? dataRow[2] : ('---' as any)}</StyledTableCell>
-          </TableRow>
+          </TableRow>,
         );
       });
     }
@@ -159,7 +161,7 @@ export default function CaseHistory(props: CaseHistoryProps) {
   }
 
   return (
-    <div id='CaseHistory'>
+    <div id="CaseHistory">
       <TableContainer>
         <Table>
           <TableHead>{getTableHeader()}</TableHead>

package/templates/react-sdk-reference/src/components/widget/FileUtility/ActionButtonsForFileUtil/ActionButtonsForFileUtil.tsx

@@ -12,17 +12,29 @@ interface ActionButtonsForFileUtilProps extends PConnProps {
 
 export default function ActionButtonsForFileUtil(props: ActionButtonsForFileUtilProps) {
   return (
-    <div className='psdk-actions'>
-      <div className='psdk-action-buttons'>
-        {props.arSecondaryButtons.map(file => (
-          <Button className='secondary-button' color='secondary' variant='contained' key={file.actionID} onClick={props.secondaryAction}>
+    <div className="psdk-actions">
+      <div className="psdk-action-buttons">
+        {props.arSecondaryButtons.map((file) => (
+          <Button
+            className="secondary-button"
+            color="secondary"
+            variant="contained"
+            key={file.actionID}
+            onClick={props.secondaryAction}
+          >
             {file.name}
           </Button>
         ))}
       </div>
-      <div className='psdk-action-buttons'>
-        {props.arMainButtons.map(file => (
-          <Button className='primary-button' color='primary' variant='contained' key={file.actionID} onClick={props.primaryAction}>
+      <div className="psdk-action-buttons">
+        {props.arMainButtons.map((file) => (
+          <Button
+            className="primary-button"
+            color="primary"
+            variant="contained"
+            key={file.actionID}
+            onClick={props.primaryAction}
+          >
             {file.name}
           </Button>
         ))}