@pega/react-sdk-overrides 8.8.21 → 8.23.11-debug

package/lib/template/WideNarrow/WideNarrowDetails/WideNarrowDetails.tsx

@@ -1,26 +1,14 @@
 import React, { createElement } from 'react';
+import PropTypes from 'prop-types';
 import Grid from '@material-ui/core/Grid';
 import { GridSize } from '@material-ui/core/Grid';
 import createPConnectComponent from '@pega/react-sdk-components/lib/bridge/react_pconnect';
-import { getComponentFromMap } from '@pega/react-sdk-components/lib/bridge/helpers/sdk_component_map';
-
-// import type { PConnProps } from '../../../../types/PConnProps';
-
-// Can't use PConnProps until PConnect.getChildren() type is ok
-// interface WideNarrowDetailsProps extends PConnProps {
-//   // If any, enter additional props that only exist on this component
-//   showLabel?: boolean,
-//   label?: string,
-//   showHighlightedData?: boolean
-// }
+import FieldGroup from '@pega/react-sdk-components/lib/components/designSystemExtension/FieldGroup';
 
 const COLUMN_WIDTHS = [8, 4];
 
-export default function WideNarrowDetails(props /* : WideNarrowDetailsProps */) {
-  // Get emitted components from map (so we can get any override that may exist)
-  const FieldGroup = getComponentFromMap('FieldGroup');
-
-  const { label, showLabel = true, getPConnect, showHighlightedData = false } = props;
+export default function WideNarrowDetails(props) {
+  const { label, showLabel, getPConnect, showHighlightedData } = props;
 
   // Get the inherited props from the parent to determine label settings
   const propsToUse = { label, showLabel, ...getPConnect().getInheritedProps() };
@@ -31,18 +19,13 @@ export default function WideNarrowDetails(props /* : WideNarrowDetailsProps */)
   getPConnect().setInheritedProp('readOnly', true);
   const children = getPConnect()
     .getChildren()
-    ?.map((configObject, index) => {
-      let theConfigObject: object = configObject;
-      if (!theConfigObject) {
-        theConfigObject = {}
-      }
-
-      return createElement(createPConnectComponent(), {
-        ...theConfigObject,
+    .map((configObject, index) =>
+      createElement(createPConnectComponent(), {
+        ...configObject,
         // eslint-disable-next-line react/no-array-index-key
         key: index.toString()
-      });
-    });
+      })
+    );
 
   // Set up highlighted data to pass in return if is set to show, need raw metadata to pass to createComponent
   let highlightedDataArr = [];
@@ -57,18 +40,12 @@ export default function WideNarrowDetails(props /* : WideNarrowDetailsProps */)
         field.config.displayAsStatus = true;
       }
 
-      return getPConnect().createComponent(field,
-        '', '', {}); // 2nd, 3rd, and 4th args empty string/object/null until typedef marked correctly as optional
+      return getPConnect().createComponent(field);
     });
   }
 
-  let theName = '';
-  if (propsToUse?.showLabel && propsToUse.label ) {
-    theName = propsToUse.label;
-  }
-
   return (
-    <FieldGroup name={theName}>
+    <FieldGroup name={propsToUse.showLabel ? propsToUse.label : ''}>
       {showHighlightedData && highlightedDataArr.length > 0 && (
         <Grid container spacing={1} style={{ padding: '0 0 1em' }}>
           {highlightedDataArr.map((child, i) => (
@@ -79,7 +56,7 @@ export default function WideNarrowDetails(props /* : WideNarrowDetailsProps */)
         </Grid>
       )}
       <Grid container spacing={1}>
-        {children?.map((child, i) => (
+        {children.map((child, i) => (
           <Grid item xs={COLUMN_WIDTHS[i] as GridSize} key={`r-${i + 1}`}>
             {child}
           </Grid>
@@ -88,3 +65,16 @@ export default function WideNarrowDetails(props /* : WideNarrowDetailsProps */)
     </FieldGroup>
   );
 }
+
+WideNarrowDetails.defaultProps = {
+  label: undefined,
+  showLabel: true,
+  showHighlightedData: false
+};
+
+WideNarrowDetails.propTypes = {
+  showLabel: PropTypes.bool,
+  label: PropTypes.string,
+  getPConnect: PropTypes.func.isRequired,
+  showHighlightedData: PropTypes.bool
+};

package/lib/template/WideNarrow/WideNarrowForm/WideNarrowForm.tsx

@@ -2,13 +2,7 @@ import React from "react";
 
 import './WideNarrowForm.css';
 
-// WideNarrowForm does NOT have getPConnect. So, no need to extend from PConnProps
-interface WideNarrowFormProps {
-  // If any, enter additional props that only exist on this component
-  children: Array<any>
-}
-
-export default function WideNarrowForm(props: WideNarrowFormProps) {
+export default function WideNarrowForm(props) {
   const {children} = props;
 
   return (

package/lib/template/WideNarrow/WideNarrowPage/WideNarrowPage.tsx

@@ -1,25 +1,15 @@
 import React, { Children } from "react";
-import { getComponentFromMap } from '@pega/react-sdk-components/lib/bridge/helpers/sdk_component_map';
-
-// WideNarrowPage does NOT have getPConnect. So, no need to extend from PConnProps
-interface WideNarrowPageProps {
-  // If any, enter additional props that only exist on this component
-  children: Array<any>,
-  title: string,
-  templateCol?: string,
-  icon?: string
-}
+import PropTypes from "prop-types";
 
+// import { TwoColumnPage as TwoColumn } from "@pega/cosmos-react-core";
+import WideNarrow from '@pega/react-sdk-components/lib/components/template/WideNarrow/WideNarrow';
 
 /*
  * The wrapper handles knowing how to take in just children and mapping
  * to the Cosmos template.
  */
-export default function WideNarrowPage(props: WideNarrowPageProps) {
-  // Get emitted components from map (so we can get any override that may exist)
-  const WideNarrow = getComponentFromMap('WideNarrow');
-
-  const { children, title, templateCol = '1fr 1fr', icon = '' } = props;
+export default function WideNarrowPage(props) {
+  const { children, title, templateCol, icon } = props;
   const childArray = Children.toArray(children);
 
   return (
@@ -34,3 +24,15 @@ export default function WideNarrowPage(props: WideNarrowPageProps) {
     </div>
   );
 }
+
+WideNarrowPage.propTypes = {
+  children: PropTypes.arrayOf(PropTypes.node).isRequired,
+  title: PropTypes.string.isRequired,
+  templateCol: PropTypes.string,
+  icon: PropTypes.string
+};
+
+WideNarrowPage.defaultProps = {
+  templateCol: "1fr 1fr",
+  icon: ""
+};

package/lib/template/WssNavBar/WssNavBar.tsx

@@ -11,23 +11,6 @@ import MenuIcon from '@material-ui/icons/Menu';
 import { logout } from '@pega/react-sdk-components/lib/components/helpers/authManager';
 import './WssNavBar.css';
 
-// WssNavBar does NOT have getPConnect. So, no need to extend from PConnProps
-
-interface WssNavBarProps {
-  // If any, enter additional props that only exist on this component
-  appInfo: any,
-  navLinks: Array<any>
-  operator: { currentUserInitials: string },
-  navDisplayOptions: { alignment: string, position: string},
-  // eslint-disable-next-line react/no-unused-prop-types
-  portalName: string,
-  imageSrc: string,
-  // eslint-disable-next-line react/no-unused-prop-types
-  fullImageSrc: string,
-   appName: any
-}
-
-
 const useStyles = makeStyles(theme => ({
   root: {
     display: 'flex'
@@ -49,7 +32,7 @@ const useStyles = makeStyles(theme => ({
   }
 }));
 
-export default function WssNavBar(props: WssNavBarProps) {
+export default function WssNavBar(props) {
   const { appInfo, navLinks, operator, navDisplayOptions } = props;
   const { alignment, position } = navDisplayOptions;
   const classes = useStyles();

package/lib/widget/AppAnnouncement/AppAnnouncement.tsx

@@ -1,18 +1,8 @@
 import React from "react";
+import PropTypes from "prop-types";
 import { Card, CardContent, CardHeader, Typography, CardActions, Button } from "@material-ui/core";
 import { makeStyles } from '@material-ui/core/styles';
 
-// AppAnnouncement is one of the few components that does NOT have getPConnect.
-//  So, no need to extend PConnProps
-interface AppAnnouncementProps {
-  // If any, enter additional props that only exist on this component
-  header?: string,
-  description?: string,
-  datasource?: any,
-  whatsnewlink?: string
-}
-
-
 const useStyles = makeStyles((theme) => ({
   root: {
     marginTop: theme.spacing(1),
@@ -22,8 +12,8 @@ const useStyles = makeStyles((theme) => ({
   },
 }));
 
-export default function AppAnnouncement(props: AppAnnouncementProps) {
-  const { header = '', description = '', datasource = [], whatsnewlink = '' } = props;
+const AppAnnouncement = (props) => {
+  const { header, description, datasource, whatsnewlink } = props;
   let details = [];
   if (datasource && datasource.source) {
     details = datasource.source.map((item) => {
@@ -57,3 +47,21 @@ export default function AppAnnouncement(props: AppAnnouncementProps) {
     </Card>
   );
 };
+
+AppAnnouncement.propTypes = {
+  header: PropTypes.string,
+  description: PropTypes.string,
+  datasource: PropTypes.instanceOf(Object),
+  whatsnewlink: PropTypes.string,
+  // image: PropTypes.string
+};
+
+AppAnnouncement.defaultProps = {
+  header: "",
+  description: "",
+  // image: "",
+  datasource: [],
+  whatsnewlink: ""
+};
+
+export default AppAnnouncement;

package/lib/widget/Attachment/Attachment.tsx

@@ -4,22 +4,13 @@ import { Button } from '@material-ui/core';
 import React, { useState, useEffect } from 'react';
 import { buildFilePropsFromResponse, getIconFromFileType, validateMaxSize, getIconForAttachment } from '@pega/react-sdk-components/lib/components/helpers/attachmentHelpers';
 import './Attachment.css';
+import SummaryList from '@pega/react-sdk-components/lib/components/widget/SummaryList'
 import { CircularProgress } from "@material-ui/core";
 import download from "downloadjs";
-import { getComponentFromMap } from '@pega/react-sdk-components/lib/bridge/helpers/sdk_component_map';
-
-// import type { PConnProps } from '../../../types/PConnProps';
 
 // Remove this and use "real" PCore type once .d.ts is fixed (currently shows 2 errors)
 declare const PCore: any;
 
-// NOTE: we can't use PConnProps in this file because the
-//  PConnect type is missing a number of expected properties
-//  such as attachmentsInfo and incorrect type for our use of clearMessages,
-// interface AttachmentProps extends PConnProps {
-//   // If any, enter additional props that only exist on this component
-// }
-
 
 const getAttachmentKey = (name='') => name ? `attachmentsList.${name}` : 'attachmentsList';
 
@@ -27,10 +18,7 @@ function getCurrentAttachmentsList(key, context) {
   return PCore.getStoreValue(`.${key}`, 'context_data', context) || [];
 }
 
-export default function Attachment(props /* :AttachmentProps */) {
-  // Get emitted components from map (so we can get any override that may exist)
-  const SummaryList = getComponentFromMap('SummaryList');
-
+export default function Attachment(props) {
   const PCoreVersion = PCore.getPCoreVersion();
   const {value, getPConnect, label, validatemessage} = props;
   /* this is a temporary fix because required is supposed to be passed as a boolean and NOT as a string */
@@ -48,7 +36,7 @@ export default function Attachment(props /* :AttachmentProps */) {
     categoryName = value.pyCategoryName;
   }
 
-  let valueRef = pConn.getStateProps()["value"];
+  let valueRef = pConn.getStateProps().value;
   valueRef = valueRef.indexOf('.') === 0 ? valueRef.substring(1) : valueRef;
   const [file, setFile] = useState(fileTemp);
 
@@ -78,9 +66,9 @@ export default function Attachment(props /* :AttachmentProps */) {
     let index = 0;
     const maxAttachmentSize = 5;
     for (const item of arFiles) {
-      if (!validateMaxSize(item, maxAttachmentSize.toString())) {
+      if (!validateMaxSize(item, maxAttachmentSize)) {
         item.error = true;
-        item.meta = pConn.getLocalizedValue(`File is too big. Max allowed size is ${maxAttachmentSize}MB.`, '', '');     // 2nd and 3rd args empty string until typedef marked correctly
+        item.meta = pConn.getLocalizedValue(`File is too big. Max allowed size is ${maxAttachmentSize}MB.`);
       }
       item.mimeType = item.type;
       item.icon = getIconFromFileType(item.type);
@@ -106,7 +94,7 @@ export default function Attachment(props /* :AttachmentProps */) {
       actions = [
         {
           id: `Cancel-${att.ID}`,
-          text: pConn.getLocalizedValue('Cancel', '', ''),     // 2nd and 3rd args empty string until typedef marked correctly
+          text: pConn.getLocalizedValue('Cancel'),
           icon: "times",
           onClick: cancelFile
         }
@@ -119,7 +107,7 @@ export default function Attachment(props /* :AttachmentProps */) {
           "download",
           {
             id: `download-${ID}`,
-            text: isFile ? pConn.getLocalizedValue('Download', '', '') : pConn.getLocalizedValue('Open', '', ''),
+            text: isFile ? pConn.getLocalizedValue('Download') : pConn.getLocalizedValue('Open'),
             icon: isFile ? "download" : "open",
             onClick: downloadFile
           }
@@ -128,7 +116,7 @@ export default function Attachment(props /* :AttachmentProps */) {
           "delete",
           {
             id: `Delete-${ID}`,
-            text: pConn.getLocalizedValue('Delete', '', ''),
+            text: pConn.getLocalizedValue('Delete'),
             icon: "trash",
             onClick: deleteFile
           }
@@ -144,7 +132,7 @@ export default function Attachment(props /* :AttachmentProps */) {
       actions = [
         {
           id: `Remove-${att.ID}`,
-          text: pConn.getLocalizedValue('Remove', '', ''),
+          text: pConn.getLocalizedValue('Remove'),
           icon: "trash",
           onClick: removeFile
         }
@@ -187,13 +175,13 @@ export default function Attachment(props /* :AttachmentProps */) {
     const errorHandler = (isFetchCanceled) => {
       return (error) => {
         if (!isFetchCanceled(error)) {
-          let uploadFailMsg = pConn.getLocalizedValue('Something went wrong', '', '');     // 2nd and 3rd args empty string until typedef marked correctly
+          let uploadFailMsg = pConn.getLocalizedValue('Something went wrong');
           if (error.response && error.response.data && error.response.data.errorDetails) {
-            uploadFailMsg = pConn.getLocalizedValue(error.response.data.errorDetails[0].localizedValue, '', '');     // 2nd and 3rd args empty string until typedef marked correctly
+            uploadFailMsg = pConn.getLocalizedValue(error.response.data.errorDetails[0].localizedValue);
           }
           myFiles[0].meta = uploadFailMsg;
           myFiles[0].error = true;
-          myFiles[0].fileName = pConn.getLocalizedValue('Unable to upload file', '', '');     // 2nd and 3rd args empty string until typedef marked correctly
+          myFiles[0].fileName = pConn.getLocalizedValue('Unable to upload file');
           arFileList$ = myFiles.map((att) => {
             return getNewListUtilityItemProps({
               att,
@@ -258,7 +246,7 @@ export default function Attachment(props /* :AttachmentProps */) {
             }
           );
         }
-        const fieldName = pConn.getStateProps()["value"];
+        const fieldName = pConn.getStateProps().value;
         const context = pConn.getContextName();
 
         PCore.getMessageManager().clearMessages({
@@ -267,7 +255,7 @@ export default function Attachment(props /* :AttachmentProps */) {
           pageReference: pConn.getPageReference(),
           context
         });
-        myFiles[0].meta = pConn.getLocalizedValue('Uploaded successfully', '', '');     // 2nd and 3rd args empty string until typedef marked correctly
+        myFiles[0].meta = pConn.getLocalizedValue('Uploaded successfully');
 
         arFileList$ = myFiles.map((att) => {
           return getNewListUtilityItemProps({
@@ -390,12 +378,12 @@ export default function Attachment(props /* :AttachmentProps */) {
         let oMenu: any = {};
 
         oMenu.icon = "download";
-        oMenu.text = pConn.getLocalizedValue('Download', '', '');     // 2nd and 3rd args empty string until typedef marked correctly
+        oMenu.text = pConn.getLocalizedValue('Download');
         oMenu.onClick = () => { _downloadFileFromList(value.pxResults[0])}
         arMenuList.push(oMenu);
         oMenu = {};
         oMenu.icon = "trash";
-        oMenu.text = pConn.getLocalizedValue('Delete', '', '');     // 2nd and 3rd args empty string until typedef marked correctly
+        oMenu.text = pConn.getLocalizedValue('Delete');
         oMenu.onClick = () => { _removeFileFromList(arFileList$[0], arFileList$)}
         arMenuList.push(oMenu);
 

package/lib/widget/CaseHistory/CaseHistory.tsx

@@ -1,4 +1,5 @@
 import React, { useState, useRef, useEffect } from "react";
+import PropTypes from "prop-types";
 import { withStyles, Theme, createStyles } from '@material-ui/core/styles';
 import Table from '@material-ui/core/Table';
 import TableBody from '@material-ui/core/TableBody';
@@ -8,13 +9,6 @@ import TableHead from '@material-ui/core/TableHead';
 import TableRow from '@material-ui/core/TableRow';
 import isDeepEqual from 'fast-deep-equal/react';
 import { Utils } from '@pega/react-sdk-components/lib/components/helpers/utils';
-import type { PConnProps } from '@pega/react-sdk-components/lib/types/PConnProps';
-
-
-interface CaseHistoryProps extends PConnProps {
-  // If any, enter additional props that only exist on this component
-}
-
 
 // Remove this and use "real" PCore type once .d.ts is fixed (currently shows 2 errors)
 declare const PCore: any;
@@ -38,15 +32,15 @@ const StyledTableCell = withStyles((theme: Theme) =>
 )(TableCell);
 
 
-export default function CaseHistory(props:CaseHistoryProps) {
+export default function CaseHistory(props) {
   const { getPConnect } = props;
   const thePConn = getPConnect();
   // let waitingForData = true;
 
   const displayedColumns = [
-    { label: thePConn.getLocalizedValue('Date', '', ''), type: "DateTime", fieldName: "pxTimeCreated" },  // 2nd and 3rd args empty string until typedef marked correctly
-    { label: thePConn.getLocalizedValue('Description', '', ''), type: "TextInput", 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
+    { label: thePConn.getLocalizedValue('Date'), type: "DateTime", fieldName: "pxTimeCreated" },
+    { label: thePConn.getLocalizedValue('Description'), type: "TextInput", fieldName: "pyMessageKey" },
+    { label: thePConn.getLocalizedValue('Performed by'), type: "TextInput", fieldName: "pyPerformer" }
    ];
 
   const rowData: any = useRef([]);
@@ -54,7 +48,7 @@ export default function CaseHistory(props:CaseHistoryProps) {
   const [waitingForData, setWaitingForData] = useState<boolean>(true);
 
 
-  const caseID = thePConn.getValue(PCore.getConstants().CASE_INFO.CASE_INFO_ID, '');  // 2nd arg empty string until typedef marked correctly
+  const caseID = thePConn.getValue(PCore.getConstants().CASE_INFO.CASE_INFO_ID);
   const dataViewName = "D_pyWorkHistory";
   const context = thePConn.getContextName();
 
@@ -169,3 +163,7 @@ export default function CaseHistory(props:CaseHistoryProps) {
     </div>
   )
 }
+
+CaseHistory.propTypes = {
+  getPConnect: PropTypes.func.isRequired
+};

package/lib/widget/FileUtility/ActionButtonsForFileUtil/ActionButtonsForFileUtil.tsx

@@ -2,19 +2,7 @@ import React from "react";
 import { Button } from '@material-ui/core';
 import './ActionButtonsForFileUtil.css';
 
-// ActionButtonsForFileUtil does NOT have getPConnect.
-//  So, no need to extend PConnProps
-
-interface ActionButtonsForFileUtilProps {
-  // If any, enter additional props that only exist on this component
-  arMainButtons: Array<any>,
-  arSecondaryButtons: Array<any>,
-  primaryAction: any,
-  secondaryAction: any
-}
-
-
-export default function ActionButtonsForFileUtil(props: ActionButtonsForFileUtilProps) {
+export default function ActionButtonsForFileUtil(props) {
 
   return (
     <div className="psdk-actions">

package/lib/widget/FileUtility/FileUtility/FileUtility.tsx

@@ -2,33 +2,20 @@ import React, { useEffect, useState } from "react";
 import TextField from '@material-ui/core/TextField';
 import { Utils } from '@pega/react-sdk-components/lib/components/helpers/utils';
 import download from "downloadjs";
-// import SummaryList from '../../SummaryList';
-// import ActionButtonsForFileUtil from '../ActionButtonsForFileUtil';
+import SummaryList from '@pega/react-sdk-components/lib/components/widget/SummaryList';
+import ActionButtonsForFileUtil from '@pega/react-sdk-components/lib/components/widget/FileUtility/ActionButtonsForFileUtil';
 import './FileUtility.css';
 import  { IconButton, Menu, MenuItem } from '@material-ui/core';
 import MoreVertIcon from '@material-ui/icons/MoreVert';
 import { Button } from '@material-ui/core';
 import { validateMaxSize } from '@pega/react-sdk-components/lib/components/helpers/attachmentHelpers';
 import { CircularProgress } from "@material-ui/core";
-import { getComponentFromMap } from '@pega/react-sdk-components/lib/bridge/helpers/sdk_component_map';
-
-import type { PConnProps } from '@pega/react-sdk-components/lib/types/PConnProps';
-
-
-interface FileUtilityProps extends PConnProps {
-  // If any, enter additional props that only exist on this component
-}
-
 
 // Remove this and use "real" PCore type once .d.ts is fixed (currently shows 5 errors)
 declare const PCore: any;
 
 
-export default function FileUtility(props:FileUtilityProps) {
-  // Get emitted components from map (so we can get any override that may exist)
-  const SummaryList = getComponentFromMap('SummaryList');
-  const ActionButtonsForFileUtil = getComponentFromMap('ActionButtonsForFileUtil');
-
+export default function FileUtility(props) {
   const { getPConnect } = props;
   const thePConn = getPConnect();
   const required = true;
@@ -46,16 +33,16 @@ export default function FileUtility(props:FileUtilityProps) {
     showfileModal: false,
     fileList: [],
     attachedFiles: [],
-    fileMainButtons: [{ actionID: "attach", jsAction: "attachFiles", 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
+    fileMainButtons: [{ actionID: "attach", jsAction: "attachFiles", name: thePConn.getLocalizedValue('Attach files')}],
+    fileSecondaryButtons: [{ actionID: "cancel", jsAction: "cancel", name: thePConn.getLocalizedValue('Cancel')}]
   };
   const [fileData, setFileData] = useState(fileTemp);
   const linkTemp = {
     showLinkModal: false,
     linksList: [],
     attachedLinks: [],
-    linkMainButtons: [{ actionID: "attach", jsAction: "attachLinks", 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
+    linkMainButtons: [{ actionID: "attach", jsAction: "attachLinks", name: thePConn.getLocalizedValue('Attach links')}],
+    linkSecondaryButtons: [{ actionID: "cancel", jsAction: "cancel", name: thePConn.getLocalizedValue('Cancel')}]
   };
   const [linkData, setLinkData] = useState(linkTemp);
   const [anchorEl, setAnchorEl] = useState(null);
@@ -94,7 +81,7 @@ export default function FileUtility(props:FileUtilityProps) {
       actions = [
         {
           id: `Cancel-${att.ID}`,
-          text: thePConn.getLocalizedValue('Cancel', '', ''),   // 2nd and 3rd args empty string until typedef marked correctly
+          text: thePConn.getLocalizedValue('Cancel'),
           icon: "times",
           onClick: cancelFile
         }
@@ -107,7 +94,7 @@ export default function FileUtility(props:FileUtilityProps) {
           "download",
           {
             id: `download-${ID}`,
-            text: isFile ? thePConn.getLocalizedValue('Download', '', '') : thePConn.getLocalizedValue('Open', '', ''),   // 2nd and 3rd args empty string until typedef marked correctly
+            text: isFile ? thePConn.getLocalizedValue('Download') : thePConn.getLocalizedValue('Open'),
             icon: isFile ? "download" : "open",
             onClick: downloadFile
           }
@@ -116,7 +103,7 @@ export default function FileUtility(props:FileUtilityProps) {
           "delete",
           {
             id: `Delete-${ID}`,
-            text: thePConn.getLocalizedValue('Delete', '', ''),   // 2nd and 3rd args empty string until typedef marked correctly
+            text: thePConn.getLocalizedValue('Delete'),
             icon: "trash",
             onClick: deleteFile
           }
@@ -132,7 +119,7 @@ export default function FileUtility(props:FileUtilityProps) {
       actions = [
         {
           id: `Remove-${att.ID}`,
-          text: thePConn.getLocalizedValue('Remove', '', ''),   // 2nd and 3rd args empty string until typedef marked correctly
+          text: thePConn.getLocalizedValue('Remove'),
           icon: "trash",
           onClick: removeFile
         }
@@ -200,7 +187,7 @@ export default function FileUtility(props:FileUtilityProps) {
   const getAttachments = () => {
 
     const attachmentUtils = PCore.getAttachmentUtils();
-    const caseID = thePConn.getValue(PCore.getConstants().CASE_INFO.CASE_INFO_ID, '');  // 2nd arg empty string until typedef marked correctly
+    const caseID = thePConn.getValue(PCore.getConstants().CASE_INFO.CASE_INFO_ID);
 
     if (caseID && caseID !== "") {
       const attPromise = attachmentUtils.getCaseAttachments(caseID, thePConn.getContextName());
@@ -259,7 +246,7 @@ export default function FileUtility(props:FileUtilityProps) {
   function setNewFiles(arFiles) {
     let index = 0;
     for (const file of arFiles) {
-      if (!validateMaxSize(file, '5')) {
+      if (!validateMaxSize(file, 5)) {
         file.error = true;
         file.meta = "File is too big. Max allowed size is 5MB.";
       }
@@ -332,7 +319,7 @@ export default function FileUtility(props:FileUtilityProps) {
 
   function onAttachFiles() {
     const attachmentUtils = PCore.getAttachmentUtils();
-    const caseID = thePConn.getValue(PCore.getConstants().CASE_INFO.CASE_INFO_ID, '');  // 2nd arg empty string until typedef marked correctly
+    const caseID = thePConn.getValue(PCore.getConstants().CASE_INFO.CASE_INFO_ID);
     const onUploadProgress = () => {};
     const errorHandler = () => {};
     closeFilePopup()
@@ -457,7 +444,7 @@ export default function FileUtility(props:FileUtilityProps) {
 
   function onAttachLinks() {
     const attachmentUtils = PCore.getAttachmentUtils();
-    const caseID = thePConn.getValue(PCore.getConstants().CASE_INFO.CASE_INFO_ID, '');  // 2nd arg empty string until typedef marked correctly
+    const caseID = thePConn.getValue(PCore.getConstants().CASE_INFO.CASE_INFO_ID);
     const links = linkData.attachedLinks;
     closeAddLinksPopup();
     const linksToAttach = links.map((item: any) => ({
@@ -506,8 +493,8 @@ export default function FileUtility(props:FileUtilityProps) {
             open={Boolean(anchorEl)}
             onClose={handleClose}
           >
-            <MenuItem style={{fontSize: '14px'}} onClick={onAddFilesClick}>{thePConn.getLocalizedValue('Add files', '', '')}</MenuItem> {/* 2nd and 3rd args empty string until typedef marked correctly */}
-            <MenuItem style={{fontSize: '14px'}} onClick={onAddLinksClick}>{thePConn.getLocalizedValue('Add links', '', '')}</MenuItem> {/* 2nd and 3rd args empty string until typedef marked correctly */}
+            <MenuItem style={{fontSize: '14px'}} onClick={onAddFilesClick}>{thePConn.getLocalizedValue('Add files')}</MenuItem>
+            <MenuItem style={{fontSize: '14px'}} onClick={onAddLinksClick}>{thePConn.getLocalizedValue('Add links')}</MenuItem>
           </Menu>
         </div>
       </div>
@@ -520,12 +507,12 @@ export default function FileUtility(props:FileUtilityProps) {
       {fileData.showfileModal && (
         <div className="psdk-dialog-background">
         <div className="psdk-modal-file-top">
-          <h3>{thePConn.getLocalizedValue('Add local files', '', '')}</h3>
+          <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">{thePConn.getLocalizedValue('Attach files', '', '')}</Button>  {/* 2nd and 3rd args empty string until typedef marked correctly */}
+                <Button variant='outlined' color='primary' component="span">{thePConn.getLocalizedValue('Attach files')}</Button>
               </label>
             </div>
             {fileData.fileList.length > 0 && (<div style={{marginTop: '1rem'}}>
@@ -541,7 +528,7 @@ export default function FileUtility(props:FileUtilityProps) {
       {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 */}
+            <h3>{thePConn.getLocalizedValue('Add links')}</h3>
             <div className="psdk-modal-body">
               <div className="psdk-modal-links-row">
                   <div className="psdk-links-two-column">
@@ -553,7 +540,7 @@ export default function FileUtility(props:FileUtilityProps) {
                     </div>
                   </div>
                   <div className="psdk-modal-link-add">
-                    <Button className="psdk-add-link-action" color="primary" variant="contained" component="span" onClick={addLink} disabled={link.disable}>{thePConn.getLocalizedValue('Add link', '', '')}</Button> {/* 2nd and 3rd args empty string until typedef marked correctly */}
+                    <Button className="psdk-add-link-action" color="primary" variant="contained" component="span" onClick={addLink} disabled={link.disable}>{thePConn.getLocalizedValue('Add link')}</Button>
                   </div>
                 </div>
                 {linkData.linksList.length > 0 && (<div style={{marginTop: '1rem'}}>
@@ -568,7 +555,7 @@ export default function FileUtility(props:FileUtilityProps) {
       {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 */}
+              <h3>{thePConn.getLocalizedValue('Attachments')}</h3>
               {/* eslint-disable-next-line jsx-a11y/control-has-associated-label */}
               <button type="button" className="psdk-close-button" onClick = {() => setViewAll(false)}><img className="psdk-utility-card-actions-svg-icon" src={closeSvgIcon}></img></button>
           </div>