@pega/react-sdk-components 0.23.26 → 8.8.21

package/lib/components/widget/AppAnnouncement/AppAnnouncement.d.ts

@@ -1,19 +1,10 @@
 /// <reference types="react" />
-import PropTypes from "prop-types";
-declare const AppAnnouncement: {
-    (props: any): JSX.Element;
-    propTypes: {
-        header: PropTypes.Requireable<string>;
-        description: PropTypes.Requireable<string>;
-        datasource: PropTypes.Requireable<Object>;
-        whatsnewlink: PropTypes.Requireable<string>;
-    };
-    defaultProps: {
-        header: string;
-        description: string;
-        datasource: never[];
-        whatsnewlink: string;
-    };
-};
-export default AppAnnouncement;
+interface AppAnnouncementProps {
+    header?: string;
+    description?: string;
+    datasource?: any;
+    whatsnewlink?: string;
+}
+export default function AppAnnouncement(props: AppAnnouncementProps): JSX.Element;
+export {};
 //# sourceMappingURL=AppAnnouncement.d.ts.map

package/lib/components/widget/AppAnnouncement/AppAnnouncement.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AppAnnouncement.d.ts","sourceRoot":"","sources":["../../../../src/components/widget/AppAnnouncement/AppAnnouncement.tsx"],"names":[],"mappings":";AACA,OAAO,SAAS,MAAM,YAAY,CAAC;AAanC,QAAA,MAAM,eAAe;;;;;;;;;;;;;;CAkCpB,CAAC;AAkBF,eAAe,eAAe,CAAC"}
+{"version":3,"file":"AppAnnouncement.d.ts","sourceRoot":"","sources":["../../../../src/components/widget/AppAnnouncement/AppAnnouncement.tsx"],"names":[],"mappings":";AAMA,UAAU,oBAAoB;IAE5B,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,GAAG,CAAC;IACjB,YAAY,CAAC,EAAE,MAAM,CAAA;CACtB;AAYD,MAAM,CAAC,OAAO,UAAU,eAAe,CAAC,KAAK,EAAE,oBAAoB,eAkClE"}

package/lib/components/widget/AppAnnouncement/AppAnnouncement.js

@@ -1,5 +1,4 @@
 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';
 const useStyles = makeStyles((theme) => ({
@@ -10,8 +9,8 @@ const useStyles = makeStyles((theme) => ({
         borderLeftColor: theme.palette.primary.light
     },
 }));
-const AppAnnouncement = (props) => {
-    const { header, description, datasource, whatsnewlink } = props;
+export default function AppAnnouncement(props) {
+    const { header = '', description = '', datasource = [], whatsnewlink = '' } = props;
     let details = [];
     if (datasource && datasource.source) {
         details = datasource.source.map((item) => {
@@ -34,20 +33,6 @@ const AppAnnouncement = (props) => {
             })),
         React.createElement(CardActions, null,
             React.createElement(Button, { color: "primary", onClick: handleClick, size: "small" }, "See what's new"))));
-};
-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;
+}
+;
 //# sourceMappingURL=AppAnnouncement.js.map

package/lib/components/widget/AppAnnouncement/AppAnnouncement.js.map

@@ -1 +1 @@
-{"version":3,"file":"AppAnnouncement.js","sourceRoot":"","sources":["../../../../src/components/widget/AppAnnouncement/AppAnnouncement.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,SAAS,MAAM,YAAY,CAAC;AACnC,OAAO,EAAE,IAAI,EAAE,WAAW,EAAE,UAAU,EAAE,UAAU,EAAE,WAAW,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AACnG,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AAEtD,MAAM,SAAS,GAAG,UAAU,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC;IACvC,IAAI,EAAE;QACJ,SAAS,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;QAC3B,YAAY,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;QAC9B,UAAU,EAAE,WAAW;QACvB,eAAe,EAAE,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,KAAK;KAC7C;CACF,CAAC,CAAC,CAAC;AAEJ,MAAM,eAAe,GAAG,CAAC,KAAK,EAAE,EAAE;IAChC,MAAM,EAAE,MAAM,EAAE,WAAW,EAAE,UAAU,EAAE,YAAY,EAAE,GAAG,KAAK,CAAC;IAChE,IAAI,OAAO,GAAG,EAAE,CAAC;IACjB,IAAI,UAAU,IAAI,UAAU,CAAC,MAAM,EAAE;QACnC,OAAO,GAAG,UAAU,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE;YACvC,OAAO,IAAI,CAAC,IAAI,CAAC;QACnB,CAAC,CAAC,CAAC;KACJ;IAED,MAAM,OAAO,GAAG,SAAS,EAAE,CAAC;IAE5B,MAAM,WAAW,GAAG,GAAG,EAAE;QACvB,MAAM,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC;IAC5B,CAAC,CAAA;IAED,OAAO,CACL,oBAAC,IAAI,IAAC,KAAK,EAAC,iBAAiB,EAAC,SAAS,EAAE,OAAO,CAAC,IAAI;QACnD,oBAAC,UAAU,IAAC,KAAK,EAAE,oBAAC,UAAU,IAAC,OAAO,EAAC,IAAI,IAAE,MAAM,CAAc,GAAI;QACrE,oBAAC,WAAW;YACV,oBAAC,UAAU,IAAC,OAAO,EAAC,OAAO,EAAC,YAAY,UAAE,WAAW,CAAc;YAEjE,OAAO,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,GAAG,EAAE,EAAE;gBACvB,MAAM,MAAM,GAAG,eAAe,GAAG,EAAE,CAAC;gBACpC,OAAO,CACL,oBAAC,UAAU,IAAC,GAAG,EAAE,MAAM,EAAE,OAAO,EAAC,OAAO;;oBAAI,GAAG,CAAc,CAC9D,CAAA;YACH,CAAC,CAAC,CAEQ;QACd,oBAAC,WAAW;YACV,oBAAC,MAAM,IAAC,KAAK,EAAC,SAAS,EAAC,OAAO,EAAE,WAAW,EAAE,IAAI,EAAC,OAAO,qBAA6B,CAC3E,CACT,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,CAAC,SAAS,GAAG;IAC1B,MAAM,EAAE,SAAS,CAAC,MAAM;IACxB,WAAW,EAAE,SAAS,CAAC,MAAM;IAC7B,UAAU,EAAE,SAAS,CAAC,UAAU,CAAC,MAAM,CAAC;IACxC,YAAY,EAAE,SAAS,CAAC,MAAM;IAC9B,0BAA0B;CAC3B,CAAC;AAEF,eAAe,CAAC,YAAY,GAAG;IAC7B,MAAM,EAAE,EAAE;IACV,WAAW,EAAE,EAAE;IACf,aAAa;IACb,UAAU,EAAE,EAAE;IACd,YAAY,EAAE,EAAE;CACjB,CAAC;AAEF,eAAe,eAAe,CAAC","sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport { Card, CardContent, CardHeader, Typography, CardActions, Button } from \"@material-ui/core\";\nimport { makeStyles } from '@material-ui/core/styles';\n\nconst useStyles = makeStyles((theme) => ({\n  root: {\n    marginTop: theme.spacing(1),\n    marginBottom: theme.spacing(1),\n    borderLeft: \"6px solid\",\n    borderLeftColor: theme.palette.primary.light\n  },\n}));\n\nconst AppAnnouncement = (props) => {\n  const { header, description, datasource, whatsnewlink } = props;\n  let details = [];\n  if (datasource && datasource.source) {\n    details = datasource.source.map((item) => {\n      return item.name;\n    });\n  }\n\n  const classes = useStyles();\n\n  const handleClick = () => {\n    window.open(whatsnewlink);\n  }\n\n  return (\n    <Card title=\"AppAnnouncement\" className={classes.root}>\n      <CardHeader title={<Typography variant=\"h6\">{header}</Typography>} />\n      <CardContent>\n        <Typography variant=\"body1\" gutterBottom>{description}</Typography>\n        {\n          details.map((itm, idx) => {\n            const theKey = `AppAnn-item-${idx}`;\n            return (\n              <Typography key={theKey} variant=\"body2\">- {itm}</Typography>\n            )\n          })\n        }\n      </CardContent>\n      <CardActions>\n        <Button color=\"primary\" onClick={handleClick} size=\"small\">See what&apos;s new</Button>\n      </CardActions>\n    </Card>\n  );\n};\n\nAppAnnouncement.propTypes = {\n  header: PropTypes.string,\n  description: PropTypes.string,\n  datasource: PropTypes.instanceOf(Object),\n  whatsnewlink: PropTypes.string,\n  // image: PropTypes.string\n};\n\nAppAnnouncement.defaultProps = {\n  header: \"\",\n  description: \"\",\n  // image: \"\",\n  datasource: [],\n  whatsnewlink: \"\"\n};\n\nexport default AppAnnouncement;\n"]}
+{"version":3,"file":"AppAnnouncement.js","sourceRoot":"","sources":["../../../../src/components/widget/AppAnnouncement/AppAnnouncement.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,IAAI,EAAE,WAAW,EAAE,UAAU,EAAE,UAAU,EAAE,WAAW,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AACnG,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AAatD,MAAM,SAAS,GAAG,UAAU,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC;IACvC,IAAI,EAAE;QACJ,SAAS,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;QAC3B,YAAY,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;QAC9B,UAAU,EAAE,WAAW;QACvB,eAAe,EAAE,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,KAAK;KAC7C;CACF,CAAC,CAAC,CAAC;AAEJ,MAAM,CAAC,OAAO,UAAU,eAAe,CAAC,KAA2B;IACjE,MAAM,EAAE,MAAM,GAAG,EAAE,EAAE,WAAW,GAAG,EAAE,EAAE,UAAU,GAAG,EAAE,EAAE,YAAY,GAAG,EAAE,EAAE,GAAG,KAAK,CAAC;IACpF,IAAI,OAAO,GAAG,EAAE,CAAC;IACjB,IAAI,UAAU,IAAI,UAAU,CAAC,MAAM,EAAE;QACnC,OAAO,GAAG,UAAU,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE;YACvC,OAAO,IAAI,CAAC,IAAI,CAAC;QACnB,CAAC,CAAC,CAAC;KACJ;IAED,MAAM,OAAO,GAAG,SAAS,EAAE,CAAC;IAE5B,MAAM,WAAW,GAAG,GAAG,EAAE;QACvB,MAAM,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC;IAC5B,CAAC,CAAA;IAED,OAAO,CACL,oBAAC,IAAI,IAAC,KAAK,EAAC,iBAAiB,EAAC,SAAS,EAAE,OAAO,CAAC,IAAI;QACnD,oBAAC,UAAU,IAAC,KAAK,EAAE,oBAAC,UAAU,IAAC,OAAO,EAAC,IAAI,IAAE,MAAM,CAAc,GAAI;QACrE,oBAAC,WAAW;YACV,oBAAC,UAAU,IAAC,OAAO,EAAC,OAAO,EAAC,YAAY,UAAE,WAAW,CAAc;YAEjE,OAAO,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,GAAG,EAAE,EAAE;gBACvB,MAAM,MAAM,GAAG,eAAe,GAAG,EAAE,CAAC;gBACpC,OAAO,CACL,oBAAC,UAAU,IAAC,GAAG,EAAE,MAAM,EAAE,OAAO,EAAC,OAAO;;oBAAI,GAAG,CAAc,CAC9D,CAAA;YACH,CAAC,CAAC,CAEQ;QACd,oBAAC,WAAW;YACV,oBAAC,MAAM,IAAC,KAAK,EAAC,SAAS,EAAC,OAAO,EAAE,WAAW,EAAE,IAAI,EAAC,OAAO,qBAA6B,CAC3E,CACT,CACR,CAAC;AACJ,CAAC;AAAA,CAAC","sourcesContent":["import React from \"react\";\nimport { Card, CardContent, CardHeader, Typography, CardActions, Button } from \"@material-ui/core\";\nimport { makeStyles } from '@material-ui/core/styles';\n\n// AppAnnouncement is one of the few components that does NOT have getPConnect.\n//  So, no need to extend PConnProps\ninterface AppAnnouncementProps {\n  // If any, enter additional props that only exist on this component\n  header?: string,\n  description?: string,\n  datasource?: any,\n  whatsnewlink?: string\n}\n\n\nconst useStyles = makeStyles((theme) => ({\n  root: {\n    marginTop: theme.spacing(1),\n    marginBottom: theme.spacing(1),\n    borderLeft: \"6px solid\",\n    borderLeftColor: theme.palette.primary.light\n  },\n}));\n\nexport default function AppAnnouncement(props: AppAnnouncementProps) {\n  const { header = '', description = '', datasource = [], whatsnewlink = '' } = props;\n  let details = [];\n  if (datasource && datasource.source) {\n    details = datasource.source.map((item) => {\n      return item.name;\n    });\n  }\n\n  const classes = useStyles();\n\n  const handleClick = () => {\n    window.open(whatsnewlink);\n  }\n\n  return (\n    <Card title=\"AppAnnouncement\" className={classes.root}>\n      <CardHeader title={<Typography variant=\"h6\">{header}</Typography>} />\n      <CardContent>\n        <Typography variant=\"body1\" gutterBottom>{description}</Typography>\n        {\n          details.map((itm, idx) => {\n            const theKey = `AppAnn-item-${idx}`;\n            return (\n              <Typography key={theKey} variant=\"body2\">- {itm}</Typography>\n            )\n          })\n        }\n      </CardContent>\n      <CardActions>\n        <Button color=\"primary\" onClick={handleClick} size=\"small\">See what&apos;s new</Button>\n      </CardActions>\n    </Card>\n  );\n};\n"]}

package/lib/components/widget/Attachment/Attachment.css

@@ -4,7 +4,15 @@
 }
 
 .file-div {
-  border: 1px dashed #262626;
+  border: 1px dashed var(--app-neutral-dark-color);
+  width: 100%;
+  padding: 0.5rem;
+  text-align: center;
+  position: relative;
+}
+
+.file-div-error {
+  border: 1px dashed var(--app-error-color);
   width: 100%;
   padding: 0.5rem;
   text-align: center;
@@ -17,9 +25,13 @@
   left: 47%;
 }
 
-file-label::after {
+.file-label::after {
   display: inline;
   content: " *";
   vertical-align: top;
-  color: rgb(217, 28, 41);
+  color: var(--app-neutral-dark-color);
+}
+
+.file-error {
+  color: var(--app-error-color);
 }

package/lib/components/widget/Attachment/Attachment.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Attachment.d.ts","sourceRoot":"","sources":["../../../../src/components/widget/Attachment/Attachment.tsx"],"names":[],"mappings":";AAKA,OAAO,kBAAkB,CAAC;AAW1B,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,KAAK,KAAA,eAucvC"}
+{"version":3,"file":"Attachment.d.ts","sourceRoot":"","sources":["../../../../src/components/widget/Attachment/Attachment.tsx"],"names":[],"mappings":";AAKA,OAAO,kBAAkB,CAAC;AAwB1B,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,KAAK,KAAA,eA6cvC"}

package/lib/components/widget/Attachment/Attachment.js

@@ -3,14 +3,24 @@ import { Button } from '@material-ui/core';
 import React, { useState, useEffect } from 'react';
 import { buildFilePropsFromResponse, getIconFromFileType, validateMaxSize, getIconForAttachment } from '../../helpers/attachmentHelpers';
 import './Attachment.css';
-import SummaryList from '../SummaryList';
 import { CircularProgress } from "@material-ui/core";
 import download from "downloadjs";
-function getCurrentAttachmentsList(context) {
-    return PCore.getStoreValue('.attachmentsList', 'context_data', context) || [];
+import { getComponentFromMap } from '../../../bridge/helpers/sdk_component_map';
+// 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';
+function getCurrentAttachmentsList(key, context) {
+    return PCore.getStoreValue(`.${key}`, 'context_data', context) || [];
 }
-export default function Attachment(props) {
-    const { value, getPConnect, label } = props;
+export default function Attachment(props /* :AttachmentProps */) {
+    // Get emitted components from map (so we can get any override that may exist)
+    const SummaryList = getComponentFromMap('SummaryList');
+    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 */
     let { required, disabled } = props;
     [required, disabled] = [required, disabled].map(prop => prop === true || (typeof prop === 'string' && prop === 'true'));
@@ -22,11 +32,11 @@ export default function Attachment(props) {
     if (value && value.pyCategoryName) {
         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);
     const resetAttachmentStoredState = () => {
-        PCore.getStateUtils().updateState(pConn.getContextName(), 'attachmentsList', undefined, {
+        PCore.getStateUtils().updateState(pConn.getContextName(), getAttachmentKey(PCoreVersion?.includes('8.23') ? valueRef : ''), undefined, {
             pageReference: 'context_data',
             isArrayDeepMerge: false
         });
@@ -46,10 +56,11 @@ export default function Attachment(props) {
     }
     function setNewFiles(arFiles) {
         let index = 0;
+        const maxAttachmentSize = 5;
         for (const item of arFiles) {
-            if (!validateMaxSize(item, 5)) {
+            if (!validateMaxSize(item, maxAttachmentSize.toString())) {
                 item.error = true;
-                item.meta = "File is too big. Max allowed size is 5MB.";
+                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.mimeType = item.type;
             item.icon = getIconFromFileType(item.type);
@@ -67,7 +78,7 @@ export default function Attachment(props) {
             actions = [
                 {
                     id: `Cancel-${att.ID}`,
-                    text: "Cancel",
+                    text: pConn.getLocalizedValue('Cancel', '', ''),
                     icon: "times",
                     onClick: cancelFile
                 }
@@ -81,7 +92,7 @@ export default function Attachment(props) {
                     "download",
                     {
                         id: `download-${ID}`,
-                        text: isFile ? "Download" : "Open",
+                        text: isFile ? pConn.getLocalizedValue('Download', '', '') : pConn.getLocalizedValue('Open', '', ''),
                         icon: isFile ? "download" : "open",
                         onClick: downloadFile
                     }
@@ -90,7 +101,7 @@ export default function Attachment(props) {
                     "delete",
                     {
                         id: `Delete-${ID}`,
-                        text: "Delete",
+                        text: pConn.getLocalizedValue('Delete', '', ''),
                         icon: "trash",
                         onClick: deleteFile
                     }
@@ -107,7 +118,7 @@ export default function Attachment(props) {
             actions = [
                 {
                     id: `Remove-${att.ID}`,
-                    text: "Remove",
+                    text: pConn.getLocalizedValue('Remove', '', ''),
                     icon: "trash",
                     onClick: removeFile
                 }
@@ -116,7 +127,7 @@ export default function Attachment(props) {
         return {
             id: att.ID,
             visual: {
-                icon: getIconForAttachment(att),
+                icon: getIconForAttachment(this, att),
                 progress: att.progress === 100 ? undefined : att.progress,
             },
             primary: {
@@ -148,13 +159,13 @@ export default function Attachment(props) {
         const errorHandler = (isFetchCanceled) => {
             return (error) => {
                 if (!isFetchCanceled(error)) {
-                    let uploadFailMsg = pConn.getLocalizedValue('Something went wrong');
+                    let uploadFailMsg = pConn.getLocalizedValue('Something went wrong', '', ''); // 2nd and 3rd args empty string until typedef marked correctly
                     if (error.response && error.response.data && error.response.data.errorDetails) {
-                        uploadFailMsg = pConn.getLocalizedValue(error.response.data.errorDetails[0].localizedValue);
+                        uploadFailMsg = pConn.getLocalizedValue(error.response.data.errorDetails[0].localizedValue, '', ''); // 2nd and 3rd args empty string until typedef marked correctly
                     }
                     myFiles[0].meta = uploadFailMsg;
                     myFiles[0].error = true;
-                    myFiles[0].fileName = pConn.getLocalizedValue('Unable to upload file');
+                    myFiles[0].fileName = pConn.getLocalizedValue('Unable to upload file', '', ''); // 2nd and 3rd args empty string until typedef marked correctly
                     arFileList$ = myFiles.map((att) => {
                         return getNewListUtilityItemProps({
                             att,
@@ -184,7 +195,7 @@ export default function Attachment(props) {
             .uploadAttachment(myFiles[0], onUploadProgress, errorHandler, pConn.getContextName())
             .then((fileRes) => {
             let reqObj;
-            if (PCore.getPCoreVersion()?.includes('8.7')) {
+            if (PCoreVersion?.includes('8.7')) {
                 reqObj = {
                     type: "File",
                     attachmentFieldName: valueRef,
@@ -201,13 +212,13 @@ export default function Attachment(props) {
                     handle: fileRes.ID,
                     ID: fileRes.clientFileID
                 };
-                const currentAttachmentList = getCurrentAttachmentsList(pConn.getContextName()).filter((f) => f.label !== valueRef);
-                PCore.getStateUtils().updateState(pConn.getContextName(), 'attachmentsList', [...currentAttachmentList, reqObj], {
+                const currentAttachmentList = getCurrentAttachmentsList(getAttachmentKey(PCoreVersion?.includes('8.23') ? valueRef : ''), pConn.getContextName()).filter((f) => f.label !== valueRef);
+                PCore.getStateUtils().updateState(pConn.getContextName(), getAttachmentKey(PCoreVersion?.includes('8.23') ? valueRef : ''), [...currentAttachmentList, reqObj], {
                     pageReference: 'context_data',
                     isArrayDeepMerge: false
                 });
             }
-            const fieldName = pConn.getStateProps().value;
+            const fieldName = pConn.getStateProps()["value"];
             const context = pConn.getContextName();
             PCore.getMessageManager().clearMessages({
                 type: PCore.getConstants().MESSAGES.MESSAGES_TYPE_ERROR,
@@ -215,7 +226,7 @@ export default function Attachment(props) {
                 pageReference: pConn.getPageReference(),
                 context
             });
-            myFiles[0].meta = "Uploaded Successfully";
+            myFiles[0].meta = pConn.getLocalizedValue('Uploaded successfully', '', ''); // 2nd and 3rd args empty string until typedef marked correctly
             arFileList$ = myFiles.map((att) => {
                 return getNewListUtilityItemProps({
                     att,
@@ -246,7 +257,7 @@ export default function Attachment(props) {
     function _removeFileFromList(item, list) {
         const arFileList = file.props ? file.props.arFileList$ : list;
         const fileIndex = arFileList.findIndex(element => element?.id === item?.id);
-        if (PCore.getPCoreVersion()?.includes('8.7')) {
+        if (PCoreVersion?.includes('8.7')) {
             if (value) {
                 pConn.attachmentsInfo = {
                     type: "File",
@@ -270,7 +281,7 @@ export default function Attachment(props) {
         }
         else {
             const attachmentsList = [];
-            const currentAttachmentList = getCurrentAttachmentsList(pConn.getContextName()).filter((f) => f.label !== valueRef);
+            const currentAttachmentList = getCurrentAttachmentsList(getAttachmentKey(PCoreVersion?.includes('8.23') ? valueRef : ''), pConn.getContextName()).filter((f) => f.label !== valueRef);
             if (value && value.pxResults && +value.pyCount > 0) {
                 const deletedFile = {
                     type: "File",
@@ -281,13 +292,13 @@ export default function Attachment(props) {
                     },
                 };
                 // updating the redux store to help form-handler in passing the data to delete the file from server
-                PCore.getStateUtils().updateState(pConn.getContextName(), 'attachmentsList', [...currentAttachmentList, deletedFile], {
+                PCore.getStateUtils().updateState(pConn.getContextName(), getAttachmentKey(PCoreVersion?.includes('8.23') ? valueRef : ''), [...currentAttachmentList, deletedFile], {
                     pageReference: 'context_data',
                     isArrayDeepMerge: false
                 });
             }
             else {
-                PCore.getStateUtils().updateState(pConn.getContextName(), 'attachmentsList', [...currentAttachmentList, ...attachmentsList], {
+                PCore.getStateUtils().updateState(pConn.getContextName(), getAttachmentKey(PCoreVersion?.includes('8.23') ? valueRef : ''), [...currentAttachmentList, ...attachmentsList], {
                     pageReference: 'context_data',
                     isArrayDeepMerge: false
                 });
@@ -326,12 +337,12 @@ export default function Attachment(props) {
                     const arMenuList = [];
                     let oMenu = {};
                     oMenu.icon = "download";
-                    oMenu.text = "Download";
+                    oMenu.text = pConn.getLocalizedValue('Download', '', ''); // 2nd and 3rd args empty string until typedef marked correctly
                     oMenu.onClick = () => { _downloadFileFromList(value.pxResults[0]); };
                     arMenuList.push(oMenu);
                     oMenu = {};
                     oMenu.icon = "trash";
-                    oMenu.text = "Delete";
+                    oMenu.text = pConn.getLocalizedValue('Delete', '', ''); // 2nd and 3rd args empty string until typedef marked correctly
                     oMenu.onClick = () => { _removeFileFromList(arFileList$[0], arFileList$); };
                     arMenuList.push(oMenu);
                     arFileList$.push(getNewListUtilityItemProps({
@@ -356,13 +367,13 @@ export default function Attachment(props) {
                     });
                 }
                 if (fileTemp) {
-                    const currentAttachmentList = getCurrentAttachmentsList(pConn.getContextName());
+                    const currentAttachmentList = getCurrentAttachmentsList(getAttachmentKey(PCoreVersion?.includes('8.23') ? valueRef : ''), pConn.getContextName());
                     const index = currentAttachmentList.findIndex(element => element.props.ID === fileTemp.props.ID);
                     let tempFiles = [];
                     if (index < 0) {
                         tempFiles = [fileTemp];
                     }
-                    PCore.getStateUtils().updateState(pConn.getContextName(), 'attachmentsList', [...currentAttachmentList, ...tempFiles], {
+                    PCore.getStateUtils().updateState(pConn.getContextName(), getAttachmentKey(PCoreVersion?.includes('8.23') ? valueRef : ''), [...currentAttachmentList, ...tempFiles], {
                         pageReference: 'context_data',
                         isArrayDeepMerge: false
                     });
@@ -374,7 +385,7 @@ export default function Attachment(props) {
             PCore.getPubSubUtils().unsubscribe(PCore.getConstants().PUB_SUB_EVENTS.CASE_EVENTS.ASSIGNMENT_SUBMISSION, caseID);
         };
     }, []);
-    let content = (React.createElement("div", { className: 'file-div' },
+    let content = (React.createElement("div", { className: `${validatemessage === '' ? 'file-div' : 'file-div-error'}` },
         file.inProgress && (React.createElement("div", { className: "progress-div" },
             React.createElement(CircularProgress, null))),
         React.createElement("div", { hidden: true, id: "attachment-ID" }, valueRef),
@@ -388,6 +399,7 @@ export default function Attachment(props) {
     }
     return (React.createElement("div", { className: 'file-upload-container' },
         React.createElement("span", { className: `label ${required ? 'file-label' : ''}` }, label),
-        React.createElement("section", null, content)));
+        React.createElement("section", null, content),
+        validatemessage !== "" ? React.createElement("span", { className: 'file-error' }, validatemessage) : ''));
 }
 //# sourceMappingURL=Attachment.js.map

package/lib/components/widget/Attachment/Attachment.js.map

@@ -1 +1 @@
-{"version":3,"file":"Attachment.js","sourceRoot":"","sources":["../../../../src/components/widget/Attachment/Attachment.tsx"],"names":[],"mappings":"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","sourcesContent":["/* eslint-disable react/jsx-boolean-value */\n\nimport { Button } from '@material-ui/core';\nimport React, { useState, useEffect } from 'react';\nimport { buildFilePropsFromResponse, getIconFromFileType, validateMaxSize, getIconForAttachment } from '../../helpers/attachmentHelpers';\nimport './Attachment.css';\nimport SummaryList from '../SummaryList'\nimport { CircularProgress } from \"@material-ui/core\";\nimport download from \"downloadjs\";\n\ndeclare const PCore: any;\n\nfunction getCurrentAttachmentsList(context) {\n  return PCore.getStoreValue('.attachmentsList', 'context_data', context) || [];\n}\n\nexport default function Attachment(props) {\n  const {value, getPConnect, label} = props;\n  /* this is a temporary fix because required is supposed to be passed as a boolean and NOT as a string */\n  let { required, disabled } = props;\n  [required, disabled] = [required, disabled].map(\n    prop => prop === true || (typeof prop === 'string' && prop === 'true')\n  );\n  let arFileList$: Array<any> = [];\n  const pConn = getPConnect();\n  const caseID = PCore.getStoreValue('.pyID', 'caseInfo.content', pConn.getContextName());\n  let fileTemp: any = {};\n\n  let categoryName = '';\n  if (value && value.pyCategoryName) {\n    categoryName = value.pyCategoryName;\n  }\n\n  let valueRef = pConn.getStateProps().value;\n  valueRef = valueRef.indexOf('.') === 0 ? valueRef.substring(1) : valueRef;\n  const [file, setFile] = useState(fileTemp);\n\n  const resetAttachmentStoredState = () => {\n    PCore.getStateUtils().updateState(pConn.getContextName(), 'attachmentsList', undefined, {\n      pageReference: 'context_data',\n      isArrayDeepMerge: false\n    });\n  };\n\n  const fileDownload = (data, fileName, ext) => {\n    const fileData = ext ? `${fileName}.${ext}` : fileName;\n    download(atob(data), fileData);\n  };\n\n  function _downloadFileFromList(fileObj: any) {\n    PCore.getAttachmentUtils()\n      .downloadAttachment(fileObj.pzInsKey, pConn.getContextName())\n      .then((content) => {\n        const extension = fileObj.pyAttachName.split(\".\").pop();\n        fileDownload(content.data, fileObj.pyFileName, extension);\n      })\n      .catch(() => {});\n  }\n\n  function setNewFiles(arFiles) {\n    let index = 0;\n    for (const item of arFiles) {\n      if (!validateMaxSize(item, 5)) {\n        item.error = true;\n        item.meta = \"File is too big. Max allowed size is 5MB.\";\n      }\n      item.mimeType = item.type;\n      item.icon = getIconFromFileType(item.type);\n      item.ID = `${new Date().getTime()}I${index}`;\n      index+=1;\n    }\n    return arFiles;\n  }\n\n  function getFiles(arFiles: Array<any>) {\n    return setNewFiles(arFiles);\n  }\n\n  function getNewListUtilityItemProps({\n    att,\n    cancelFile,\n    downloadFile,\n    deleteFile,\n    removeFile\n  }) {\n    let actions;\n    if (att.progress && att.progress !== 100) {\n      actions = [\n        {\n          id: `Cancel-${att.ID}`,\n          text: \"Cancel\",\n          icon: \"times\",\n          onClick: cancelFile\n        }\n      ];\n    } else if (att.links) {\n      const isFile = att.type === \"FILE\";\n      const ID = att.ID.replace(/\\s/gi, \"\");\n      const actionsMap = new Map([\n        [\n          \"download\",\n          {\n            id: `download-${ID}`,\n            text: isFile ? \"Download\" : \"Open\",\n            icon: isFile ? \"download\" : \"open\",\n            onClick: downloadFile\n          }\n        ],\n        [\n          \"delete\",\n          {\n            id: `Delete-${ID}`,\n            text: \"Delete\",\n            icon: \"trash\",\n            onClick: deleteFile\n          }\n        ]\n      ]);\n      actions = [];\n      actionsMap.forEach((action, actionKey) => {\n        if (att.links[actionKey]) {\n          actions.push(action);\n        }\n      });\n    } else if (att.error) {\n      actions = [\n        {\n          id: `Remove-${att.ID}`,\n          text: \"Remove\",\n          icon: \"trash\",\n          onClick: removeFile\n        }\n      ];\n    }\n    return  {\n      id: att.ID,\n      visual: {\n        icon: getIconForAttachment(att),\n        progress: att.progress === 100 ? undefined: att.progress,\n      },\n      primary: {\n        type: att.type,\n        name: att.error ? att.fileName : att.name,\n        icon: \"trash\",\n        click: removeFile,\n      },\n      secondary: {\n        text: att.meta,\n        error: att.error\n      },\n      actions\n    };\n  };\n\n  const onFileAdded = (event) => {\n   const addedFile = event.target.files[0];\n    setFile({\n      props: {\n        name: addedFile.name,\n        icon: getIconFromFileType(addedFile.type),\n      },\n      inProgress: true\n    });\n    const arFiles$ = getFiles(event.target.files);\n    const myFiles: any = Array.from(arFiles$);\n\n    const onUploadProgress = () => {};\n\n    const errorHandler = (isFetchCanceled) => {\n      return (error) => {\n        if (!isFetchCanceled(error)) {\n          let uploadFailMsg = pConn.getLocalizedValue('Something went wrong');\n          if (error.response && error.response.data && error.response.data.errorDetails) {\n            uploadFailMsg = pConn.getLocalizedValue(error.response.data.errorDetails[0].localizedValue);\n          }\n          myFiles[0].meta = uploadFailMsg;\n          myFiles[0].error = true;\n          myFiles[0].fileName = pConn.getLocalizedValue('Unable to upload file');\n          arFileList$ = myFiles.map((att) => {\n            return getNewListUtilityItemProps({\n              att,\n              downloadFile: null,\n              cancelFile: null,\n              deleteFile: null,\n              removeFile: null\n            });\n          });\n          setFile((current) => {\n            return {\n              ...current,\n              props: {\n                ...current.props,\n                arFileList$\n              },\n              inProgress: false,\n              attachmentUploaded: true,\n              showMenuIcon: false\n            };\n          });\n        }\n        throw error;\n      };\n    };\n\n    PCore.getAttachmentUtils()\n      .uploadAttachment(\n        myFiles[0],\n        onUploadProgress,\n        errorHandler,\n        pConn.getContextName()\n      )\n      .then((fileRes) => {\n        let reqObj;\n        if (PCore.getPCoreVersion()?.includes('8.7')) {\n          reqObj = {\n            type: \"File\",\n            attachmentFieldName: valueRef,\n            category: categoryName,\n            ID: fileRes.ID\n          };\n          pConn.attachmentsInfo = reqObj;\n        } else {\n          reqObj = {\n            type: \"File\",\n            label: valueRef,\n            category: categoryName,\n            handle: fileRes.ID,\n            ID: fileRes.clientFileID\n          };\n          const currentAttachmentList = getCurrentAttachmentsList(pConn.getContextName()).filter(\n            (f) => f.label !== valueRef\n          );\n          PCore.getStateUtils().updateState(\n            pConn.getContextName(),\n            'attachmentsList',\n            [...currentAttachmentList, reqObj],\n            {\n              pageReference: 'context_data',\n              isArrayDeepMerge: false\n            }\n          );\n        }\n        const fieldName = pConn.getStateProps().value;\n        const context = pConn.getContextName();\n\n        PCore.getMessageManager().clearMessages({\n          type: PCore.getConstants().MESSAGES.MESSAGES_TYPE_ERROR,\n          property: fieldName,\n          pageReference: pConn.getPageReference(),\n          context\n        });\n        myFiles[0].meta = \"Uploaded Successfully\";\n\n        arFileList$ = myFiles.map((att) => {\n          return getNewListUtilityItemProps({\n            att,\n            downloadFile: null,\n            cancelFile: null,\n            deleteFile: null,\n            removeFile: null\n          });\n        });\n        setFile((current) => {\n          return {\n            ...current,\n            props: {\n              ...current.props,\n              arFileList$\n            },\n            inProgress: false,\n            attachmentUploaded: true,\n            showMenuIcon: false\n          };\n        });\n      })\n\n      .catch(() => {\n        // just catching the rethrown error at uploadAttachment\n        // to handle Unhandled rejections\n      });\n  };\n\n  function _removeFileFromList(item: any, list) {\n    const arFileList = file.props ? file.props.arFileList$ : list;\n    const fileIndex = arFileList.findIndex(element => element?.id === item?.id);\n    if (PCore.getPCoreVersion()?.includes('8.7')) {\n      if (value) {\n        pConn.attachmentsInfo = {\n          type: \"File\",\n          attachmentFieldName: valueRef,\n          delete: true\n        };\n      }\n      if (fileIndex > -1) { arFileList.splice(parseInt(fileIndex, 10), 1) };\n      setFile((current) => {\n        return {\n          ...current,\n          props: {\n            ...current.props,\n            arFileList\n          },\n        };\n      });\n    } else {\n      const attachmentsList = [];\n      const currentAttachmentList = getCurrentAttachmentsList(pConn.getContextName()).filter(\n        (f) => f.label !== valueRef\n      );\n      if (value && value.pxResults && +value.pyCount > 0) {\n        const deletedFile = {\n          type: \"File\",\n          label: valueRef,\n          delete: true,\n          responseProps: {\n            pzInsKey: arFileList[fileIndex].id\n          },\n        };\n        // updating the redux store to help form-handler in passing the data to delete the file from server\n        PCore.getStateUtils().updateState(\n          pConn.getContextName(),\n          'attachmentsList',\n          [...currentAttachmentList, deletedFile],\n          {\n            pageReference: 'context_data',\n            isArrayDeepMerge: false\n          }\n        );\n      } else {\n        PCore.getStateUtils().updateState(\n          pConn.getContextName(),\n          'attachmentsList',\n          [...currentAttachmentList, ...attachmentsList],\n          {\n            pageReference: 'context_data',\n            isArrayDeepMerge: false\n          }\n        );\n      }\n      if (fileIndex > -1) { arFileList.splice(parseInt(fileIndex, 10), 1) };\n      setFile((current) => {\n        return {\n          ...current,\n          props: {\n            ...current.props,\n            arFileList\n          },\n        };\n      });\n    }\n  }\n\n  useEffect(() => {\n    if (value && value.pxResults && +value.pyCount > 0) {\n    fileTemp = buildFilePropsFromResponse(value.pxResults[0]);\n\n    if (fileTemp.responseProps) {\n      if (!pConn.attachmentsInfo) {\n        pConn.attachmentsInfo = {\n          type: \"File\",\n          attachmentFieldName: valueRef,\n          category: categoryName\n        };\n      }\n\n      if (fileTemp.responseProps.pzInsKey && !fileTemp.responseProps.pzInsKey.includes(\"temp\")) {\n\n        fileTemp.props.type = fileTemp.responseProps.pyMimeFileExtension;\n        fileTemp.props.mimeType = fileTemp.responseProps.pyMimeFileExtension;\n        fileTemp.props.ID = fileTemp.responseProps.pzInsKey;\n        // create the actions for the \"more\" menu on the attachment\n        const arMenuList: Array<any> = [];\n        let oMenu: any = {};\n\n        oMenu.icon = \"download\";\n        oMenu.text = \"Download\";\n        oMenu.onClick = () => { _downloadFileFromList(value.pxResults[0])}\n        arMenuList.push(oMenu);\n        oMenu = {};\n        oMenu.icon = \"trash\";\n        oMenu.text = \"Delete\";\n        oMenu.onClick = () => { _removeFileFromList(arFileList$[0], arFileList$)}\n        arMenuList.push(oMenu);\n\n        arFileList$.push(getNewListUtilityItemProps({\n          att: fileTemp.props,\n          downloadFile: null,\n          cancelFile: null,\n          deleteFile: null,\n          removeFile: null\n        }));\n        arFileList$[0].actions = arMenuList;\n\n        setFile((current) => {\n          return {\n            ...current,\n            props: {\n              ...current.props,\n              arFileList$\n            },\n            inProgress: false,\n            attachmentUploaded: true,\n            showMenuIcon: true\n          };\n        });\n      }\n\n      if (fileTemp) {\n        const currentAttachmentList = getCurrentAttachmentsList(pConn.getContextName());\n        const index = currentAttachmentList.findIndex(element => element.props.ID === fileTemp.props.ID);\n        let tempFiles: any = [];\n        if (index < 0) {\n          tempFiles = [fileTemp];\n        }\n        PCore.getStateUtils().updateState(\n          pConn.getContextName(),\n          'attachmentsList',\n          [...currentAttachmentList, ...tempFiles],\n          {\n            pageReference: 'context_data',\n            isArrayDeepMerge: false\n          }\n        );\n      }\n    }\n    }\n    PCore.getPubSubUtils().subscribe(\n      PCore.getConstants().PUB_SUB_EVENTS.CASE_EVENTS.ASSIGNMENT_SUBMISSION,\n      resetAttachmentStoredState,\n      caseID\n    );\n    return () => {\n      PCore.getPubSubUtils().unsubscribe(PCore.getConstants().PUB_SUB_EVENTS.CASE_EVENTS.ASSIGNMENT_SUBMISSION, caseID);\n    };\n  }, []);\n\n  let content = (\n    <div className='file-div'>\n        {file.inProgress && (<div className=\"progress-div\"><CircularProgress /></div>)}\n        <div hidden={true} id=\"attachment-ID\">{valueRef}</div>\n        <label htmlFor={valueRef}>\n          <input\n            style={{ display: 'none' }}\n            id={valueRef}\n            name='upload-photo'\n            type='file'\n            required={required}\n            onChange={onFileAdded}\n          />\n          <Button variant='outlined' color='primary' component=\"span\">\n            Upload file\n          </Button>\n        </label>\n    </div>\n  );\n\n  if (file && file.attachmentUploaded && file.props.arFileList$ && file.props.arFileList$.length > 0) {\n    content = (\n      <div>\n         {file.showMenuIcon && (<SummaryList arItems$={file.props.arFileList$} menuIconOverrideAction$={_removeFileFromList}></SummaryList>)}\n         {!file.showMenuIcon && (<SummaryList menuIconOverride$='trash' arItems$={file.props.arFileList$} menuIconOverrideAction$={_removeFileFromList}></SummaryList>)}\n      </div>\n\n    );\n  }\n\n  return (\n    <div className='file-upload-container'>\n      <span className={`label ${required ? 'file-label' : ''}`}>{label}</span>\n      <section>{content}</section>\n    </div>\n  );\n}\n"]}
+{"version":3,"file":"Attachment.js","sourceRoot":"","sources":["../../../../src/components/widget/Attachment/Attachment.tsx"],"names":[],"mappings":"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","sourcesContent":["/* eslint-disable react/jsx-boolean-value */\n\nimport { Button } from '@material-ui/core';\nimport React, { useState, useEffect } from 'react';\nimport { buildFilePropsFromResponse, getIconFromFileType, validateMaxSize, getIconForAttachment } from '../../helpers/attachmentHelpers';\nimport './Attachment.css';\nimport { CircularProgress } from \"@material-ui/core\";\nimport download from \"downloadjs\";\nimport { getComponentFromMap } from '../../../bridge/helpers/sdk_component_map';\n\n// import type { PConnProps } from '../../../types/PConnProps';\n\n// Remove this and use \"real\" PCore type once .d.ts is fixed (currently shows 2 errors)\ndeclare const PCore: any;\n\n// NOTE: we can't use PConnProps in this file because the\n//  PConnect type is missing a number of expected properties\n//  such as attachmentsInfo and incorrect type for our use of clearMessages,\n// interface AttachmentProps extends PConnProps {\n//   // If any, enter additional props that only exist on this component\n// }\n\n\nconst getAttachmentKey = (name='') => name ? `attachmentsList.${name}` : 'attachmentsList';\n\nfunction getCurrentAttachmentsList(key, context) {\n  return PCore.getStoreValue(`.${key}`, 'context_data', context) || [];\n}\n\nexport default function Attachment(props /* :AttachmentProps */) {\n  // Get emitted components from map (so we can get any override that may exist)\n  const SummaryList = getComponentFromMap('SummaryList');\n\n  const PCoreVersion = PCore.getPCoreVersion();\n  const {value, getPConnect, label, validatemessage} = props;\n  /* this is a temporary fix because required is supposed to be passed as a boolean and NOT as a string */\n  let { required, disabled } = props;\n  [required, disabled] = [required, disabled].map(\n    prop => prop === true || (typeof prop === 'string' && prop === 'true')\n  );\n  let arFileList$: Array<any> = [];\n  const pConn = getPConnect();\n  const caseID = PCore.getStoreValue('.pyID', 'caseInfo.content', pConn.getContextName());\n  let fileTemp: any = {};\n\n  let categoryName = '';\n  if (value && value.pyCategoryName) {\n    categoryName = value.pyCategoryName;\n  }\n\n  let valueRef = pConn.getStateProps()[\"value\"];\n  valueRef = valueRef.indexOf('.') === 0 ? valueRef.substring(1) : valueRef;\n  const [file, setFile] = useState(fileTemp);\n\n  const resetAttachmentStoredState = () => {\n    PCore.getStateUtils().updateState(pConn.getContextName(), getAttachmentKey(PCoreVersion?.includes('8.23') ? valueRef : ''), undefined, {\n      pageReference: 'context_data',\n      isArrayDeepMerge: false\n    });\n  };\n\n  const fileDownload = (data, fileName, ext) => {\n    const fileData = ext ? `${fileName}.${ext}` : fileName;\n    download(atob(data), fileData);\n  };\n\n  function _downloadFileFromList(fileObj: any) {\n    PCore.getAttachmentUtils()\n      .downloadAttachment(fileObj.pzInsKey, pConn.getContextName())\n      .then((content) => {\n        const extension = fileObj.pyAttachName.split(\".\").pop();\n        fileDownload(content.data, fileObj.pyFileName, extension);\n      })\n      .catch(() => {});\n  }\n\n  function setNewFiles(arFiles) {\n    let index = 0;\n    const maxAttachmentSize = 5;\n    for (const item of arFiles) {\n      if (!validateMaxSize(item, maxAttachmentSize.toString())) {\n        item.error = true;\n        item.meta = pConn.getLocalizedValue(`File is too big. Max allowed size is ${maxAttachmentSize}MB.`, '', '');     // 2nd and 3rd args empty string until typedef marked correctly\n      }\n      item.mimeType = item.type;\n      item.icon = getIconFromFileType(item.type);\n      item.ID = `${new Date().getTime()}I${index}`;\n      index+=1;\n    }\n    return arFiles;\n  }\n\n  function getFiles(arFiles: Array<any>) {\n    return setNewFiles(arFiles);\n  }\n\n  function getNewListUtilityItemProps(this: any, {\n    att,\n    cancelFile,\n    downloadFile,\n    deleteFile,\n    removeFile\n  }) {\n    let actions;\n    if (att.progress && att.progress !== 100) {\n      actions = [\n        {\n          id: `Cancel-${att.ID}`,\n          text: pConn.getLocalizedValue('Cancel', '', ''),     // 2nd and 3rd args empty string until typedef marked correctly\n          icon: \"times\",\n          onClick: cancelFile\n        }\n      ];\n    } else if (att.links) {\n      const isFile = att.type === \"FILE\";\n      const ID = att.ID.replace(/\\s/gi, \"\");\n      const actionsMap = new Map([\n        [\n          \"download\",\n          {\n            id: `download-${ID}`,\n            text: isFile ? pConn.getLocalizedValue('Download', '', '') : pConn.getLocalizedValue('Open', '', ''),\n            icon: isFile ? \"download\" : \"open\",\n            onClick: downloadFile\n          }\n        ],\n        [\n          \"delete\",\n          {\n            id: `Delete-${ID}`,\n            text: pConn.getLocalizedValue('Delete', '', ''),\n            icon: \"trash\",\n            onClick: deleteFile\n          }\n        ]\n      ]);\n      actions = [];\n      actionsMap.forEach((action, actionKey) => {\n        if (att.links[actionKey]) {\n          actions.push(action);\n        }\n      });\n    } else if (att.error) {\n      actions = [\n        {\n          id: `Remove-${att.ID}`,\n          text: pConn.getLocalizedValue('Remove', '', ''),\n          icon: \"trash\",\n          onClick: removeFile\n        }\n      ];\n    }\n    return  {\n      id: att.ID,\n      visual: {\n        icon: getIconForAttachment(this, att),\n        progress: att.progress === 100 ? undefined: att.progress,\n      },\n      primary: {\n        type: att.type,\n        name: att.error ? att.fileName : att.name,\n        icon: \"trash\",\n        click: removeFile,\n      },\n      secondary: {\n        text: att.meta,\n        error: att.error\n      },\n      actions\n    };\n  };\n\n  const onFileAdded = (event) => {\n   const addedFile = event.target.files[0];\n    setFile({\n      props: {\n        name: addedFile.name,\n        icon: getIconFromFileType(addedFile.type),\n      },\n      inProgress: true\n    });\n    const arFiles$ = getFiles(event.target.files);\n    const myFiles: any = Array.from(arFiles$);\n\n    const onUploadProgress = () => {};\n\n    const errorHandler = (isFetchCanceled) => {\n      return (error) => {\n        if (!isFetchCanceled(error)) {\n          let uploadFailMsg = pConn.getLocalizedValue('Something went wrong', '', '');     // 2nd and 3rd args empty string until typedef marked correctly\n          if (error.response && error.response.data && error.response.data.errorDetails) {\n            uploadFailMsg = pConn.getLocalizedValue(error.response.data.errorDetails[0].localizedValue, '', '');     // 2nd and 3rd args empty string until typedef marked correctly\n          }\n          myFiles[0].meta = uploadFailMsg;\n          myFiles[0].error = true;\n          myFiles[0].fileName = pConn.getLocalizedValue('Unable to upload file', '', '');     // 2nd and 3rd args empty string until typedef marked correctly\n          arFileList$ = myFiles.map((att) => {\n            return getNewListUtilityItemProps({\n              att,\n              downloadFile: null,\n              cancelFile: null,\n              deleteFile: null,\n              removeFile: null\n            });\n          });\n          setFile((current) => {\n            return {\n              ...current,\n              props: {\n                ...current.props,\n                arFileList$\n              },\n              inProgress: false,\n              attachmentUploaded: true,\n              showMenuIcon: false\n            };\n          });\n        }\n        throw error;\n      };\n    };\n\n    PCore.getAttachmentUtils()\n      .uploadAttachment(\n        myFiles[0],\n        onUploadProgress,\n        errorHandler,\n        pConn.getContextName()\n      )\n      .then((fileRes) => {\n        let reqObj;\n        if (PCoreVersion?.includes('8.7')) {\n          reqObj = {\n            type: \"File\",\n            attachmentFieldName: valueRef,\n            category: categoryName,\n            ID: fileRes.ID\n          };\n          pConn.attachmentsInfo = reqObj;\n        } else {\n          reqObj = {\n            type: \"File\",\n            label: valueRef,\n            category: categoryName,\n            handle: fileRes.ID,\n            ID: fileRes.clientFileID\n          };\n          const currentAttachmentList = getCurrentAttachmentsList( getAttachmentKey(PCoreVersion?.includes('8.23') ? valueRef : ''), pConn.getContextName()).filter(\n            (f) => f.label !== valueRef\n          );\n          PCore.getStateUtils().updateState(\n            pConn.getContextName(),\n            getAttachmentKey(PCoreVersion?.includes('8.23') ? valueRef : ''),\n            [...currentAttachmentList, reqObj],\n            {\n              pageReference: 'context_data',\n              isArrayDeepMerge: false\n            }\n          );\n        }\n        const fieldName = pConn.getStateProps()[\"value\"];\n        const context = pConn.getContextName();\n\n        PCore.getMessageManager().clearMessages({\n          type: PCore.getConstants().MESSAGES.MESSAGES_TYPE_ERROR,\n          property: fieldName,\n          pageReference: pConn.getPageReference(),\n          context\n        });\n        myFiles[0].meta = pConn.getLocalizedValue('Uploaded successfully', '', '');     // 2nd and 3rd args empty string until typedef marked correctly\n\n        arFileList$ = myFiles.map((att) => {\n          return getNewListUtilityItemProps({\n            att,\n            downloadFile: null,\n            cancelFile: null,\n            deleteFile: null,\n            removeFile: null\n          });\n        });\n        setFile((current) => {\n          return {\n            ...current,\n            props: {\n              ...current.props,\n              arFileList$\n            },\n            inProgress: false,\n            attachmentUploaded: true,\n            showMenuIcon: false\n          };\n        });\n      })\n\n      .catch(() => {\n        // just catching the rethrown error at uploadAttachment\n        // to handle Unhandled rejections\n      });\n  };\n\n  function _removeFileFromList(item: any, list) {\n    const arFileList = file.props ? file.props.arFileList$ : list;\n    const fileIndex = arFileList.findIndex(element => element?.id === item?.id);\n    if (PCoreVersion?.includes('8.7')) {\n      if (value) {\n        pConn.attachmentsInfo = {\n          type: \"File\",\n          attachmentFieldName: valueRef,\n          delete: true\n        };\n      }\n      if (fileIndex > -1) { arFileList.splice(parseInt(fileIndex, 10), 1) };\n      setFile((current) => {\n        return {\n          ...current,\n          props: {\n            ...current.props,\n            arFileList\n          },\n        };\n      });\n    } else {\n      const attachmentsList = [];\n      const currentAttachmentList = getCurrentAttachmentsList( getAttachmentKey(PCoreVersion?.includes('8.23') ? valueRef : ''), pConn.getContextName()).filter(\n        (f) => f.label !== valueRef\n      );\n      if (value && value.pxResults && +value.pyCount > 0) {\n        const deletedFile = {\n          type: \"File\",\n          label: valueRef,\n          delete: true,\n          responseProps: {\n            pzInsKey: arFileList[fileIndex].id\n          },\n        };\n        // updating the redux store to help form-handler in passing the data to delete the file from server\n        PCore.getStateUtils().updateState(\n          pConn.getContextName(),\n          getAttachmentKey(PCoreVersion?.includes('8.23') ? valueRef : ''),\n          [...currentAttachmentList, deletedFile],\n          {\n            pageReference: 'context_data',\n            isArrayDeepMerge: false\n          }\n        );\n      } else {\n        PCore.getStateUtils().updateState(\n          pConn.getContextName(),\n          getAttachmentKey(PCoreVersion?.includes('8.23') ? valueRef : ''),\n          [...currentAttachmentList, ...attachmentsList],\n          {\n            pageReference: 'context_data',\n            isArrayDeepMerge: false\n          }\n        );\n      }\n      if (fileIndex > -1) { arFileList.splice(parseInt(fileIndex, 10), 1) };\n      setFile((current) => {\n        return {\n          ...current,\n          props: {\n            ...current.props,\n            arFileList\n          },\n        };\n      });\n    }\n  }\n\n  useEffect(() => {\n    if (value && value.pxResults && +value.pyCount > 0) {\n    fileTemp = buildFilePropsFromResponse(value.pxResults[0]);\n\n    if (fileTemp.responseProps) {\n      if (!pConn.attachmentsInfo) {\n        pConn.attachmentsInfo = {\n          type: \"File\",\n          attachmentFieldName: valueRef,\n          category: categoryName\n        };\n      }\n\n      if (fileTemp.responseProps.pzInsKey && !fileTemp.responseProps.pzInsKey.includes(\"temp\")) {\n\n        fileTemp.props.type = fileTemp.responseProps.pyMimeFileExtension;\n        fileTemp.props.mimeType = fileTemp.responseProps.pyMimeFileExtension;\n        fileTemp.props.ID = fileTemp.responseProps.pzInsKey;\n        // create the actions for the \"more\" menu on the attachment\n        const arMenuList: Array<any> = [];\n        let oMenu: any = {};\n\n        oMenu.icon = \"download\";\n        oMenu.text = pConn.getLocalizedValue('Download', '', '');     // 2nd and 3rd args empty string until typedef marked correctly\n        oMenu.onClick = () => { _downloadFileFromList(value.pxResults[0])}\n        arMenuList.push(oMenu);\n        oMenu = {};\n        oMenu.icon = \"trash\";\n        oMenu.text = pConn.getLocalizedValue('Delete', '', '');     // 2nd and 3rd args empty string until typedef marked correctly\n        oMenu.onClick = () => { _removeFileFromList(arFileList$[0], arFileList$)}\n        arMenuList.push(oMenu);\n\n        arFileList$.push(getNewListUtilityItemProps({\n          att: fileTemp.props,\n          downloadFile: null,\n          cancelFile: null,\n          deleteFile: null,\n          removeFile: null\n        }));\n        arFileList$[0].actions = arMenuList;\n\n        setFile((current) => {\n          return {\n            ...current,\n            props: {\n              ...current.props,\n              arFileList$\n            },\n            inProgress: false,\n            attachmentUploaded: true,\n            showMenuIcon: true\n          };\n        });\n      }\n\n      if (fileTemp) {\n        const currentAttachmentList = getCurrentAttachmentsList( getAttachmentKey(PCoreVersion?.includes('8.23') ? valueRef : ''), pConn.getContextName());\n        const index = currentAttachmentList.findIndex(element => element.props.ID === fileTemp.props.ID);\n        let tempFiles: any = [];\n        if (index < 0) {\n          tempFiles = [fileTemp];\n        }\n        PCore.getStateUtils().updateState(\n          pConn.getContextName(),\n          getAttachmentKey(PCoreVersion?.includes('8.23') ? valueRef : ''),\n          [...currentAttachmentList, ...tempFiles],\n          {\n            pageReference: 'context_data',\n            isArrayDeepMerge: false\n          }\n        );\n      }\n    }\n    }\n    PCore.getPubSubUtils().subscribe(\n      PCore.getConstants().PUB_SUB_EVENTS.CASE_EVENTS.ASSIGNMENT_SUBMISSION,\n      resetAttachmentStoredState,\n      caseID\n    );\n    return () => {\n      PCore.getPubSubUtils().unsubscribe(PCore.getConstants().PUB_SUB_EVENTS.CASE_EVENTS.ASSIGNMENT_SUBMISSION, caseID);\n    };\n  }, []);\n\n  let content = (\n    <div className={`${validatemessage === '' ? 'file-div' : 'file-div-error'}`}>\n        {file.inProgress && (<div className=\"progress-div\"><CircularProgress /></div>)}\n        <div hidden={true} id=\"attachment-ID\">{valueRef}</div>\n        <label htmlFor={valueRef}>\n          <input\n            style={{ display: 'none' }}\n            id={valueRef}\n            name='upload-photo'\n            type='file'\n            required={required}\n            onChange={onFileAdded}\n          />\n          <Button variant='outlined' color='primary' component=\"span\">\n            Upload file\n          </Button>\n        </label>\n    </div>\n  );\n\n  if (file && file.attachmentUploaded && file.props.arFileList$ && file.props.arFileList$.length > 0) {\n    content = (\n      <div>\n         {file.showMenuIcon && (<SummaryList arItems$={file.props.arFileList$} menuIconOverrideAction$={_removeFileFromList}></SummaryList>)}\n         {!file.showMenuIcon && (<SummaryList menuIconOverride$='trash' arItems$={file.props.arFileList$} menuIconOverrideAction$={_removeFileFromList}></SummaryList>)}\n      </div>\n\n    );\n  }\n\n  return (\n    <div className='file-upload-container'>\n      <span className={`label ${required ? 'file-label' : ''}`}>{label}</span>\n      <section>{content}</section>\n      {validatemessage !== \"\" ? <span className='file-error'>{validatemessage}</span> : ''}\n    </div>\n  );\n}\n"]}

package/lib/components/widget/CaseHistory/CaseHistory.d.ts

@@ -1,10 +1,7 @@
 /// <reference types="react" />
-import PropTypes from "prop-types";
-declare function CaseHistory(props: any): JSX.Element;
-declare namespace CaseHistory {
-    var propTypes: {
-        getPConnect: PropTypes.Validator<(...args: any[]) => any>;
-    };
+import type { PConnProps } from '../../../types/PConnProps';
+interface CaseHistoryProps extends PConnProps {
 }
-export default CaseHistory;
+export default function CaseHistory(props: CaseHistoryProps): JSX.Element;
+export {};
 //# sourceMappingURL=CaseHistory.d.ts.map

package/lib/components/widget/CaseHistory/CaseHistory.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CaseHistory.d.ts","sourceRoot":"","sources":["../../../../src/components/widget/CaseHistory/CaseHistory.tsx"],"names":[],"mappings":";AACA,OAAO,SAAS,MAAM,YAAY,CAAC;AAiCnC,iBAAwB,WAAW,CAAC,KAAK,KAAA,eAkIxC;kBAlIuB,WAAW;;;;;eAAX,WAAW"}
+{"version":3,"file":"CaseHistory.d.ts","sourceRoot":"","sources":["../../../../src/components/widget/CaseHistory/CaseHistory.tsx"],"names":[],"mappings":";AAUA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAC;AAG5D,UAAU,gBAAiB,SAAQ,UAAU;CAE5C;AAyBD,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,KAAK,EAAC,gBAAgB,eAkIzD"}

package/lib/components/widget/CaseHistory/CaseHistory.js

@@ -1,5 +1,4 @@
 import React, { useState, useRef, useEffect } from "react";
-import PropTypes from "prop-types";
 import { withStyles, createStyles } from '@material-ui/core/styles';
 import Table from '@material-ui/core/Table';
 import TableBody from '@material-ui/core/TableBody';
@@ -29,14 +28,14 @@ export default function CaseHistory(props) {
     const thePConn = getPConnect();
     // let waitingForData = true;
     const displayedColumns = [
-        { label: "Date", type: "DateTime", fieldName: "pxTimeCreated" },
-        { label: "Description", type: "TextInput", fieldName: "pyMessageKey" },
-        { label: "User", type: "TextInput", fieldName: "pyPerformer" }
+        { 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" } // 2nd and 3rd args empty string until typedef marked correctly
     ];
     const rowData = useRef([]);
     // eslint-disable-next-line no-unused-vars, @typescript-eslint/no-unused-vars
     const [waitingForData, setWaitingForData] = useState(true);
-    const caseID = thePConn.getValue(PCore.getConstants().CASE_INFO.CASE_INFO_ID);
+    const caseID = thePConn.getValue(PCore.getConstants().CASE_INFO.CASE_INFO_ID, ''); // 2nd arg empty string until typedef marked correctly
     const dataViewName = "D_pyWorkHistory";
     const context = thePConn.getContextName();
     function computeRowData(rows) {
@@ -112,7 +111,4 @@ export default function CaseHistory(props) {
                 React.createElement(TableHead, null, getTableHeader()),
                 React.createElement(TableBody, null, getTableData())))));
 }
-CaseHistory.propTypes = {
-    getPConnect: PropTypes.func.isRequired
-};
 //# sourceMappingURL=CaseHistory.js.map