@pega/sdk 0.0.3 → 0.0.4

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

@@ -31,7 +31,7 @@ export default function FileUtility(props: FileUtilityProps) {
   const required = true;
   const listTemp = {
     data: [],
-    count: 0
+    count: 0,
   };
   const [list, setList] = useState(listTemp);
   const headerSvgIcon$ = Utils.getImageSrc('paper-clip', Utils.getSDKStaticConentUrl());
@@ -47,16 +47,16 @@ export default function FileUtility(props: FileUtilityProps) {
       {
         actionID: 'attach',
         jsAction: 'attachFiles',
-        name: thePConn.getLocalizedValue('Attach files', '', '')
-      }
+        name: thePConn.getLocalizedValue('Attach files', '', ''),
+      },
     ], // 2nd and 3rd args empty string until typedef marked correctly
     fileSecondaryButtons: [
       {
         actionID: 'cancel',
         jsAction: 'cancel',
-        name: thePConn.getLocalizedValue('Cancel', '', '')
-      }
-    ] // 2nd and 3rd args empty string until typedef marked correctly
+        name: thePConn.getLocalizedValue('Cancel', '', ''),
+      },
+    ], // 2nd and 3rd args empty string until typedef marked correctly
   };
   const [fileData, setFileData] = useState(fileTemp);
   const linkTemp = {
@@ -67,16 +67,16 @@ export default function FileUtility(props: FileUtilityProps) {
       {
         actionID: 'attach',
         jsAction: 'attachLinks',
-        name: thePConn.getLocalizedValue('Attach links', '', '')
-      }
+        name: thePConn.getLocalizedValue('Attach links', '', ''),
+      },
     ], // 2nd and 3rd args empty string until typedef marked correctly
     linkSecondaryButtons: [
       {
         actionID: 'cancel',
         jsAction: 'cancel',
-        name: thePConn.getLocalizedValue('Cancel', '', '')
-      }
-    ] // 2nd and 3rd args empty string until typedef marked correctly
+        name: thePConn.getLocalizedValue('Cancel', '', ''),
+      },
+    ], // 2nd and 3rd args empty string until typedef marked correctly
   };
   const [linkData, setLinkData] = useState(linkTemp);
   const [anchorEl, setAnchorEl] = useState(null);
@@ -87,10 +87,10 @@ export default function FileUtility(props: FileUtilityProps) {
   const [vaItems, setFullAttachments] = useState([]);
 
   function addAttachments(attsFromResp: any[] = []) {
-    attsFromResp = attsFromResp.map(respAtt => {
+    attsFromResp = attsFromResp.map((respAtt) => {
       const updatedAtt = {
         ...respAtt,
-        meta: `${respAtt.category} . ${Utils.generateDateTime(respAtt.createTime, 'DateTime-Since')}, ${respAtt.createdBy}`
+        meta: `${respAtt.category} . ${Utils.generateDateTime(respAtt.createTime, 'DateTime-Since')}, ${respAtt.createdBy}`,
       };
       if (updatedAtt.type === 'FILE') {
         updatedAtt.nameWithExt = updatedAtt.fileName;
@@ -109,8 +109,8 @@ export default function FileUtility(props: FileUtilityProps) {
           id: `Cancel-${att.ID}`,
           text: thePConn.getLocalizedValue('Cancel', '', ''), // 2nd and 3rd args empty string until typedef marked correctly
           icon: 'times',
-          onClick: cancelFile
-        }
+          onClick: cancelFile,
+        },
       ];
     } else if (att.links) {
       const isFile = att.type === 'FILE';
@@ -122,8 +122,8 @@ export default function FileUtility(props: FileUtilityProps) {
             id: `download-${ID}`,
             text: isFile ? thePConn.getLocalizedValue('Download', '', '') : thePConn.getLocalizedValue('Open', '', ''), // 2nd and 3rd args empty string until typedef marked correctly
             icon: isFile ? 'download' : 'open',
-            onClick: downloadFile
-          }
+            onClick: downloadFile,
+          },
         ],
         [
           'delete',
@@ -131,9 +131,9 @@ export default function FileUtility(props: FileUtilityProps) {
             id: `Delete-${ID}`,
             text: thePConn.getLocalizedValue('Delete', '', ''), // 2nd and 3rd args empty string until typedef marked correctly
             icon: 'trash',
-            onClick: deleteFile
-          }
-        ]
+            onClick: deleteFile,
+          },
+        ],
       ]);
       actions = [];
       actionsMap.forEach((action, actionKey) => {
@@ -147,8 +147,8 @@ export default function FileUtility(props: FileUtilityProps) {
           id: `Remove-${att.ID}`,
           text: thePConn.getLocalizedValue('Remove', '', ''), // 2nd and 3rd args empty string until typedef marked correctly
           icon: 'trash',
-          onClick: removeFile
-        }
+          onClick: removeFile,
+        },
       ];
     }
 
@@ -156,18 +156,18 @@ export default function FileUtility(props: FileUtilityProps) {
       id: att.ID,
       visual: {
         icon: Utils.getIconForAttachment(att),
-        progress: att.progress === 100 ? undefined : att.progress
+        progress: att.progress === 100 ? undefined : att.progress,
       },
       primary: {
         type: att.type,
         name: att.name,
         icon: 'open',
-        click: downloadFile
+        click: downloadFile,
       },
       secondary: {
-        text: att.meta
+        text: att.meta,
       },
-      actions
+      actions,
     };
   }
 
@@ -220,26 +220,26 @@ export default function FileUtility(props: FileUtilityProps) {
       attPromise.then((resp: any) => {
         const arFullListAttachments = addAttachments(resp);
         const attachmentsCount = arFullListAttachments.length;
-        const arItems: any = arFullListAttachments.slice(0, 3).map(att => {
+        const arItems: any = arFullListAttachments.slice(0, 3).map((att) => {
           return getListUtilityItemProps({
             att,
             downloadFile: !att.progress ? () => downloadAttachedFile(att) : null,
             cancelFile: null,
             deleteFile: !att.progress ? () => deleteAttachedFile(att) : null,
-            removeFile: null
+            removeFile: null,
           });
         });
-        const viewAllarItems: any = arFullListAttachments.map(att => {
+        const viewAllarItems: any = arFullListAttachments.map((att) => {
           return getListUtilityItemProps({
             att,
             downloadFile: !att.progress ? () => downloadAttachedFile(att) : null,
             cancelFile: null,
             deleteFile: !att.progress ? () => deleteAttachedFile(att) : null,
-            removeFile: null
+            removeFile: null,
           });
         });
         setProgress(false);
-        setList(current => {
+        setList((current) => {
           return { ...current, count: attachmentsCount, data: arItems };
         });
         setFullAttachments(viewAllarItems);
@@ -257,10 +257,14 @@ export default function FileUtility(props: FileUtilityProps) {
     const attachSubObject = {
       matcher: 'ATTACHMENTS',
       criteria: {
-        ID: caseID
-      }
+        ID: caseID,
+      },
     };
-    const attachSubId = PCore.getMessagingServiceManager().subscribe(attachSubObject, debouncedGetAttachments, getPConnect().getContextName());
+    const attachSubId = PCore.getMessagingServiceManager().subscribe(
+      attachSubObject,
+      debouncedGetAttachments,
+      getPConnect().getContextName(),
+    );
 
     return function cleanup() {
       PCore.getMessagingServiceManager().unsubscribe(attachSubId);
@@ -269,7 +273,7 @@ export default function FileUtility(props: FileUtilityProps) {
 
   useEffect(() => {
     thePConn.registerAdditionalProps({
-      lastRefreshTime: `@P ${PCore.getConstants().SUMMARY_OF_ATTACHMENTS_LAST_REFRESH_TIME}`
+      lastRefreshTime: `@P ${PCore.getConstants().SUMMARY_OF_ATTACHMENTS_LAST_REFRESH_TIME}`,
     });
   }, [thePConn]);
 
@@ -304,15 +308,15 @@ export default function FileUtility(props: FileUtilityProps) {
         downloadFile: !att.progress ? () => downloadAttachedFile(att) : null,
         cancelFile: null,
         deleteFile: !att.progress ? () => deleteAttachedFile(att) : null,
-        removeFile: null
+        removeFile: null,
       });
     });
-    setFileData(current => {
+    setFileData((current) => {
       return { ...current, fileList: arFileList$, attachedFiles: myFiles };
     });
   }
 
-  const handleClick = event => {
+  const handleClick = (event) => {
     setAnchorEl(event.currentTarget);
   };
 
@@ -321,7 +325,7 @@ export default function FileUtility(props: FileUtilityProps) {
   };
 
   function onAddFilesClick() {
-    setFileData(current => {
+    setFileData((current) => {
       return { ...current, showfileModal: true };
     });
     setAnchorEl(null);
@@ -331,16 +335,16 @@ export default function FileUtility(props: FileUtilityProps) {
     let attachedFiles: any = fileData.attachedFiles;
     let fileList: any = fileData.fileList;
     if (item !== null) {
-      attachedFiles = attachedFiles.filter(ele => ele.ID !== item.id);
-      fileList = fileList.filter(ele => ele.id !== item.id);
-      setFileData(current => {
+      attachedFiles = attachedFiles.filter((ele) => ele.ID !== item.id);
+      fileList = fileList.filter((ele) => ele.id !== item.id);
+      setFileData((current) => {
         return { ...current, fileList, attachedFiles };
       });
     }
   }
 
   function closeFilePopup() {
-    setFileData(current => {
+    setFileData((current) => {
       return { ...current, showfileModal: false };
     });
   }
@@ -356,19 +360,28 @@ export default function FileUtility(props: FileUtilityProps) {
     }
 
     Promise.allSettled(
-      fileData.attachedFiles.map(file => attachmentUtils.uploadAttachment(file, onUploadProgress, errorHandler, thePConn.getContextName()))
+      fileData.attachedFiles.map((file) =>
+        attachmentUtils.uploadAttachment(file, onUploadProgress, errorHandler, thePConn.getContextName()),
+      ),
     )
       .then((fileResponses: any) => {
         const uploadedFiles: any = [];
-        fileResponses.forEach(fileResponse => {
+        fileResponses.forEach((fileResponse) => {
           if (fileResponse.status === 'fulfilled') {
             uploadedFiles.push(fileResponse.value);
           }
         });
         if (uploadedFiles.length > 0) {
-          (attachmentUtils.linkAttachmentsToCase(caseID, uploadedFiles, 'File', thePConn.getContextName()) as Promise<any>)
+          (
+            attachmentUtils.linkAttachmentsToCase(
+              caseID,
+              uploadedFiles,
+              'File',
+              thePConn.getContextName(),
+            ) as Promise<any>
+          )
             .then(() => {
-              setFileData(current => {
+              setFileData((current) => {
                 return { ...current, fileList: [], attachedFiles: [] };
               });
               getAttachments();
@@ -380,21 +393,21 @@ export default function FileUtility(props: FileUtilityProps) {
   }
 
   function onAddLinksClick() {
-    setLinkData(current => {
+    setLinkData((current) => {
       return { ...current, showLinkModal: true };
     });
     setAnchorEl(null);
   }
 
   function closeAddLinksPopup() {
-    setLinkData(current => {
+    setLinkData((current) => {
       return { ...current, showLinkModal: false };
     });
   }
 
-  const fieldlinkOnChange = event => {
+  const fieldlinkOnChange = (event) => {
     const title = event.target.value;
-    setLink(current => {
+    setLink((current) => {
       const updatedData = { ...current, title };
       updatedData.disable = !(updatedData.title && updatedData.url);
       return updatedData;
@@ -403,7 +416,7 @@ export default function FileUtility(props: FileUtilityProps) {
 
   function fieldurlOnChange(event) {
     const url = event.target.value;
-    setLink(current => {
+    setLink((current) => {
       const updatedData = { ...current, url };
       updatedData.disable = !(updatedData.title && updatedData.url);
       return updatedData;
@@ -427,7 +440,7 @@ export default function FileUtility(props: FileUtilityProps) {
       downloadFile: null,
       cancelFile: null,
       deleteFile: null,
-      removeFile: null
+      removeFile: null,
     });
     oLink.type = 'URL';
     oLink.primary.type = oLink.type;
@@ -447,11 +460,11 @@ export default function FileUtility(props: FileUtilityProps) {
     attachedLink.url = url;
 
     attachedListTemp.push(attachedLink);
-    setLinkData(current => {
+    setLinkData((current) => {
       return {
         ...current,
         linksList: localList,
-        attachedLinks: attachedListTemp
+        attachedLinks: attachedListTemp,
       };
     });
     // clear values
@@ -462,9 +475,9 @@ export default function FileUtility(props: FileUtilityProps) {
     let attachedLinks: any = linkData.attachedLinks;
     let linksList: any = linkData.linksList;
     if (item !== null) {
-      attachedLinks = attachedLinks.filter(ele => ele.id !== item.id);
-      linksList = linksList.filter(ele => ele.id !== item.id);
-      setLinkData(current => {
+      attachedLinks = attachedLinks.filter((ele) => ele.id !== item.id);
+      linksList = linksList.filter((ele) => ele.id !== item.id);
+      setLinkData((current) => {
         return { ...current, linksList, attachedLinks };
       });
     }
@@ -479,14 +492,14 @@ export default function FileUtility(props: FileUtilityProps) {
       type: 'URL',
       category: 'URL',
       url: item.url,
-      name: item.linkTitle
+      name: item.linkTitle,
     }));
 
     if (linksToAttach && linksToAttach.length > 0) {
       setProgress(true);
       (attachmentUtils.linkAttachmentsToCase(caseID, linksToAttach, 'URL', thePConn.getContextName()) as Promise<any>)
         .then(() => {
-          setLinkData(current => {
+          setLinkData((current) => {
             return { ...current, linksList: [], attachedLinks: [] };
           });
           getAttachments();
@@ -496,31 +509,31 @@ export default function FileUtility(props: FileUtilityProps) {
   }
 
   return (
-    <Card className='psdk-utility' id='file-utility'>
+    <Card className="psdk-utility" id="file-utility">
       {inProgress && (
-        <div className='progress-div'>
+        <div className="progress-div">
           <CircularProgress />
         </div>
       )}
-      <div className='psdk-header'>
-        <img className='psdk-file-utility-card-svg-icon' src={headerSvgIcon$} />
-        <div className='header-text'>{header}</div>
-        <div className='psdk-utility-count' id='attachments-count'>
+      <div className="psdk-header">
+        <img className="psdk-file-utility-card-svg-icon" src={headerSvgIcon$} />
+        <div className="header-text">{header}</div>
+        <div className="psdk-utility-count" id="attachments-count">
           {list.count}
         </div>
         <div style={{ flexGrow: 1 }} />
         <div>
           <IconButton
-            id='long-button'
+            id="long-button"
             aria-controls={open ? 'simple-menu' : undefined}
             aria-expanded={open ? 'true' : undefined}
-            aria-haspopup='true'
+            aria-haspopup="true"
             onClick={handleClick}
-            size='large'
+            size="large"
           >
             <MoreVertIcon />
           </IconButton>
-          <Menu id='simple-menu' anchorEl={anchorEl} keepMounted open={Boolean(anchorEl)} onClose={handleClose}>
+          <Menu id="simple-menu" anchorEl={anchorEl} keepMounted open={Boolean(anchorEl)} onClose={handleClose}>
             <MenuItem style={{ fontSize: '14px' }} onClick={onAddFilesClick}>
               {thePConn.getLocalizedValue('Add files', '', '')}
             </MenuItem>{' '}
@@ -538,21 +551,28 @@ export default function FileUtility(props: FileUtilityProps) {
         </div>
       )}
       {list.count > 3 && (
-        <div className='psdk-utility-view-all'>
-          <Button style={{ textTransform: 'none' }} color='primary' onClick={() => setViewAll(true)}>
+        <div className="psdk-utility-view-all">
+          <Button style={{ textTransform: 'none' }} color="primary" onClick={() => setViewAll(true)}>
             View all
           </Button>
         </div>
       )}
       {fileData.showfileModal && (
-        <div className='psdk-dialog-background'>
-          <div className='psdk-modal-file-top'>
+        <div className="psdk-dialog-background">
+          <div className="psdk-modal-file-top">
             <h3>{thePConn.getLocalizedValue('Add local files', '', '')}</h3>
-            <div className='psdk-modal-body'>
-              <div className='psdk-modal-file-selector'>
-                <label htmlFor='upload-files'>
-                  <input style={{ display: 'none' }} id='upload-files' name='upload-files' type='file' multiple onChange={uploadMyFiles} />
-                  <Button variant='outlined' color='primary' component='span'>
+            <div className="psdk-modal-body">
+              <div className="psdk-modal-file-selector">
+                <label htmlFor="upload-files">
+                  <input
+                    style={{ display: 'none' }}
+                    id="upload-files"
+                    name="upload-files"
+                    type="file"
+                    multiple
+                    onChange={uploadMyFiles}
+                  />
+                  <Button variant="outlined" color="primary" component="span">
                     {thePConn.getLocalizedValue('Attach files', '', '')}
                   </Button>{' '}
                   {/* 2nd and 3rd args empty string until typedef marked correctly */}
@@ -560,7 +580,11 @@ export default function FileUtility(props: FileUtilityProps) {
               </div>
               {fileData.fileList.length > 0 && (
                 <div style={{ marginTop: '1rem' }}>
-                  <SummaryList menuIconOverride$='trash' arItems$={fileData.fileList} menuIconOverrideAction$={removeFileFromList} />
+                  <SummaryList
+                    menuIconOverride$="trash"
+                    arItems$={fileData.fileList}
+                    menuIconOverrideAction$={removeFileFromList}
+                  />
                 </div>
               )}
               {fileData.fileList.length === 0 && <div />}
@@ -575,41 +599,42 @@ export default function FileUtility(props: FileUtilityProps) {
         </div>
       )}
       {linkData.showLinkModal && (
-        <div className='psdk-dialog-background'>
-          <div className='psdk-modal-file-top'>
-            <h3>{thePConn.getLocalizedValue('Add links', '', '')}</h3> {/* 2nd and 3rd args empty string until typedef marked correctly */}
-            <div className='psdk-modal-body'>
-              <div className='psdk-modal-links-row'>
-                <div className='psdk-links-two-column'>
-                  <div className='psdk-modal-link-data'>
+        <div className="psdk-dialog-background">
+          <div className="psdk-modal-file-top">
+            <h3>{thePConn.getLocalizedValue('Add links', '', '')}</h3>{' '}
+            {/* 2nd and 3rd args empty string until typedef marked correctly */}
+            <div className="psdk-modal-body">
+              <div className="psdk-modal-links-row">
+                <div className="psdk-links-two-column">
+                  <div className="psdk-modal-link-data">
                     <TextField
                       fullWidth
-                      variant='outlined'
-                      label='Link title'
-                      size='small'
+                      variant="outlined"
+                      label="Link title"
+                      size="small"
                       required={required}
                       value={link.title}
                       onChange={fieldlinkOnChange}
                     />
                   </div>
-                  <div className='psdk-modal-link-data'>
+                  <div className="psdk-modal-link-data">
                     <TextField
                       fullWidth
-                      variant='outlined'
-                      label='URL'
-                      size='small'
+                      variant="outlined"
+                      label="URL"
+                      size="small"
                       required={required}
                       value={link.url}
                       onChange={fieldurlOnChange}
                     />
                   </div>
                 </div>
-                <div className='psdk-modal-link-add'>
+                <div className="psdk-modal-link-add">
                   <Button
-                    className='psdk-add-link-action'
-                    color='primary'
-                    variant='contained'
-                    component='span'
+                    className="psdk-add-link-action"
+                    color="primary"
+                    variant="contained"
+                    component="span"
                     onClick={addLink}
                     disabled={link.disable}
                   >
@@ -620,7 +645,11 @@ export default function FileUtility(props: FileUtilityProps) {
               </div>
               {linkData.linksList.length > 0 && (
                 <div style={{ marginTop: '1rem' }}>
-                  <SummaryList menuIconOverride$='trash' arItems$={linkData.linksList} menuIconOverrideAction$={removeLinksFromList} />
+                  <SummaryList
+                    menuIconOverride$="trash"
+                    arItems$={linkData.linksList}
+                    menuIconOverrideAction$={removeLinksFromList}
+                  />
                 </div>
               )}
               <ActionButtonsForFileUtil
@@ -634,15 +663,16 @@ export default function FileUtility(props: FileUtilityProps) {
         </div>
       )}
       {showViewAllModal && (
-        <div className='psdk-dialog-background'>
-          <div className='psdk-modal-file-top'>
-            <div className='psdk-view-all-header'>
-              <h3>{thePConn.getLocalizedValue('Attachments', '', '')}</h3> {/* 2nd and 3rd args empty string until typedef marked correctly */}
-              <button type='button' className='psdk-close-button' onClick={() => setViewAll(false)}>
-                <img className='psdk-utility-card-actions-svg-icon' src={closeSvgIcon} />
+        <div className="psdk-dialog-background">
+          <div className="psdk-modal-file-top">
+            <div className="psdk-view-all-header">
+              <h3>{thePConn.getLocalizedValue('Attachments', '', '')}</h3>{' '}
+              {/* 2nd and 3rd args empty string until typedef marked correctly */}
+              <button type="button" className="psdk-close-button" onClick={() => setViewAll(false)}>
+                <img className="psdk-utility-card-actions-svg-icon" src={closeSvgIcon} />
               </button>
             </div>
-            <div className='psdk-view-all-body'>
+            <div className="psdk-view-all-body">
               <SummaryList arItems$={vaItems} />
             </div>
           </div>

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

@@ -7,7 +7,7 @@ interface FollowersProps extends PConnProps {
   // If any, enter additional props that only exist on this component
 }
 
-const useStyles = makeStyles(theme => ({
+const useStyles = makeStyles((theme) => ({
   root: {
     paddingRight: theme.spacing(1),
     paddingLeft: theme.spacing(1),
@@ -16,8 +16,8 @@ const useStyles = makeStyles(theme => ({
     marginRight: theme.spacing(1),
     marginLeft: theme.spacing(1),
     marginTop: theme.spacing(1),
-    marginBottom: theme.spacing(1)
-  }
+    marginBottom: theme.spacing(1),
+  },
 }));
 
 export default function Followers(props: PropsWithChildren<FollowersProps>) {
@@ -30,7 +30,7 @@ export default function Followers(props: PropsWithChildren<FollowersProps>) {
     <Card className={classes.root}>
       <CardHeader
         title={
-          <Typography variant='h6' component='div'>
+          <Typography variant="h6" component="div">
             {componentName} - <em>unsupported</em>
           </Typography>
         }

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

@@ -16,11 +16,11 @@ export default function QuickCreate(props: QuickCreateProps) {
 
   const { getPConnect, heading, showCaseIcons, classFilter } = props;
   const pConn = getPConnect();
-  const createCase = className => {
+  const createCase = (className) => {
     pConn
       .getActionsApi()
       .createWork(className, {} as any)
-      .catch(error => {
+      .catch((error) => {
         console.log('Error in case creation: ', error?.message);
       });
   };
@@ -34,32 +34,36 @@ export default function QuickCreate(props: QuickCreateProps) {
     const defaultCases: any = [];
     const envInfo = PCore.getEnvironmentInfo();
     if (envInfo?.environmentInfoObject?.pyCaseTypeList) {
-      envInfo.environmentInfoObject.pyCaseTypeList.forEach(casetype => {
+      envInfo.environmentInfoObject.pyCaseTypeList.forEach((casetype) => {
         if (casetype.pyWorkTypeName && casetype.pyWorkTypeImplementationClassName) {
           defaultCases.push({
             classname: casetype.pyWorkTypeImplementationClassName,
             onClick: () => {
               createCase(casetype.pyWorkTypeImplementationClassName);
             },
-            ...(showCaseIcons && { icon: Utils.getImageSrc(casetype?.pxIcon, Utils.getSDKStaticConentUrl()) }),
-            label: casetype.pyWorkTypeName
+            ...(showCaseIcons && {
+              icon: Utils.getImageSrc(casetype?.pxIcon, Utils.getSDKStaticConentUrl()),
+            }),
+            label: casetype.pyWorkTypeName,
           });
         }
       });
     } else {
       const pConnectInAppContext = PCore.createPConnect({
-        options: { context: PCore.getConstants().APP.APP }
+        options: { context: PCore.getConstants().APP.APP },
       }).getPConnect();
       const pyPortalInAppContext = pConnectInAppContext.getValue('pyPortal') as any;
-      pyPortalInAppContext?.pyCaseTypesAvailableToCreate?.forEach(casetype => {
+      pyPortalInAppContext?.pyCaseTypesAvailableToCreate?.forEach((casetype) => {
         if (casetype.pyClassName && casetype.pyLabel) {
           defaultCases.push({
             classname: casetype.pyClassName,
             onClick: () => {
               createCase(casetype.pyClassName);
             },
-            ...(showCaseIcons && { icon: Utils.getImageSrc(casetype?.pxIcon, Utils.getSDKStaticConentUrl()) }),
-            label: casetype.pyLabel
+            ...(showCaseIcons && {
+              icon: Utils.getImageSrc(casetype?.pxIcon, Utils.getSDKStaticConentUrl()),
+            }),
+            label: casetype.pyLabel,
           });
         }
       });
@@ -67,8 +71,8 @@ export default function QuickCreate(props: QuickCreateProps) {
 
     /* If classFilter is not empty - filter from the list of defaultCases */
     if (classFilter?.length > 0) {
-      classFilter.forEach(item => {
-        defaultCases.forEach(casetype => {
+      classFilter.forEach((item) => {
+        defaultCases.forEach((casetype) => {
           if (casetype.classname === item) {
             cases.push(casetype);
           }