@pega/react-sdk-overrides 0.23.11 → 0.23.13

package/lib/{templates → template}/utils.ts

@@ -1,4 +1,4 @@
-//  This file is adapted from React DX components/Templates/utils.js
+//  This file is adapted from React DX components/template/utils.js
 
 export function getAllFields(pConnect: any) {
   const metadata = pConnect.getRawMetadata();

package/lib/widget/AppAnnouncement/config-ext.json

@@ -0,0 +1,9 @@
+{
+  "name": "AppAnnouncement",
+  "label": "App announcement",
+  "description": "App announcement widget",
+  "type": "Widget",
+  "subtype": "PAGE",
+  "properties": [
+  ]
+}

package/lib/{widgets → widget}/Attachment/Attachment.tsx

@@ -4,7 +4,7 @@ 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/widgets/SummaryList'
+import SummaryList from '@pega/react-sdk-components/lib/components/widget/SummaryList'
 import { CircularProgress } from "@material-ui/core";
 import download from "downloadjs";
 

package/lib/widget/CaseHistory/config-ext.json

@@ -0,0 +1,9 @@
+{
+  "name": "CaseHistory",
+  "label": "Case history",
+  "description": "Case history widget",
+  "type": "Widget",
+  "subtype": "CASE",
+  "properties": [
+  ]
+}

package/lib/{widgets → widget}/FileUtility/FileUtility/FileUtility.tsx

@@ -2,8 +2,8 @@ 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 '@pega/react-sdk-components/lib/components/widgets/SummaryList';
-import ActionButtonsForFileUtil from '@pega/react-sdk-components/lib/components/widgets/FileUtility/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';

package/lib/widget/FileUtility/FileUtility/config-ext.json

@@ -0,0 +1,9 @@
+{
+  "name": "FileUtility",
+  "label": "Attachments",
+  "description": "Attachments",
+  "type": "Widget",
+  "subtype": "CASE",
+  "properties": [
+  ]
+}

package/lib/widget/Followers/config-ext.json

@@ -0,0 +1,9 @@
+{
+  "name": "Followers",
+  "label": "Followers",
+  "description": "Followers",
+  "type": "Widget",
+  "subtype": "CASE",
+  "properties": [
+  ]
+}

package/lib/{widgets → widget}/SummaryList/SummaryList.tsx

@@ -1,5 +1,5 @@
 import React from "react";
-import SummaryItem from '@pega/react-sdk-components/lib/components/widgets/SummaryItem/index'
+import SummaryItem from '@pega/react-sdk-components/lib/components/widget/SummaryItem/index'
 
 export default function SummaryList(props) {
   return (

package/lib/widget/ToDo/config-ext.json

@@ -0,0 +1,9 @@
+{
+  "name": "Todo",
+  "label": "Todo",
+  "description": "My worklist widget",
+  "type": "Widget",
+  "subtype": "PAGE",
+  "properties": [
+  ]
+}

package/package.json

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

package/lib/designSystemExtensions/CaseSummaryFields/CaseSummaryFields.tsx

@@ -1,156 +0,0 @@
-import React, { useState, useEffect } from "react";
-import PropTypes from "prop-types";
-import isDeepEqual from 'fast-deep-equal/react';
-
-import Grid from '@material-ui/core/Grid';
-import TextField from '@material-ui/core/TextField';
-import Operator from '@pega/react-sdk-components/lib/components/designSystemExtensions/Operator';
-
-import './CaseSummaryFields.css';
-
-import { format } from '@pega/react-sdk-components/lib/components/helpers/formatters';
-
-export default function CaseSummaryFields(props) {
-  const { status, showStatus, theFields } = props;
-
-  const [theFieldsToRender, setFieldsToRender] = useState([]);
-  const [theFieldsAsGridItems, setFieldsAsGridItems] = useState<Array<any>>([]);
-
-
-  function getFieldValue(field: any): any {
-    const fieldTypeLower = field.type.toLowerCase();
-
-    if (field.config.value === null || field.config.value === "") {
-      // Special handling for missing value
-      // eslint-disable-next-line sonarjs/no-small-switch
-      switch(fieldTypeLower) {
-        case "caseoperator" :
-          return <Operator caseOpConfig={field.config} />;
-          break;
-
-        default:
-          return <TextField
-            value="---"
-            label={field.config.label}
-            InputProps={{
-              readOnly: true
-            }} />;
-      }
-    }
-
-    switch(fieldTypeLower) {
-      case "textinput" :
-        return <TextField
-          value={field.config.value}
-          label={field.config.label}
-          InputProps={{
-            readOnly: true
-          }} />;
-
-      case "status" :
-        return <TextField
-        className="psdk-csf-status-style"
-        value={field.config.value}
-        label={field.config.label}
-        InputProps={{
-          readOnly: true
-          }} />;
-
-      case "phone":
-        {
-          const displayPhone = (field.config.value !== "") ? field.config.value : "---";
-          return <a href={`tel:${displayPhone}`}>
-            <TextField
-                  value={field.config.value}
-                  label={field.config.label}
-                  InputProps={{
-                    readOnly: true,
-                    inputProps: {style: {cursor: 'pointer'}}
-                  }}
-              />
-          </a>;
-        }
-
-      case "email":
-        {
-          const displayEmail = format(field.config.value, field.type);
-          return <a href={`mailto:${displayEmail}`}>
-            <TextField
-                  value={field.config.value}
-                  label={field.config.label}
-                  InputProps={{
-                    readOnly: true,
-                    inputProps: {style: {cursor: 'pointer'}}
-                  }}
-              />
-          </a>;
-
-        }
-
-      case "date":
-        return <TextField
-              value={format(field.config.value, field.type)}
-              label={field.config.label}
-              InputProps={{
-                readOnly: true
-              }} />;
-
-      case "caseoperator":
-        return <Operator caseOpConfig={field.config} />;
-        break;
-
-        default:
-        return (
-        <span>{field.type.toLowerCase()} {field.config.value}</span>
-        );
-
-    }
-
-  }
-
-
-  // Whenever theFieldsToRender changes, update theFieldsAsGridItems that's used during render
-  useEffect(() => {
-      const arGridItems = theFieldsToRender.map((field: any) => {
-        return ( <Grid item xs={6} key={field.config.label}>{getFieldValue(field)}</Grid> );
-      });
-      setFieldsAsGridItems(arGridItems);
-    },
-    [theFieldsToRender]);
-
-
-  const theFieldsModifiable = theFields;
-
-  // Special Case: if showStatus is true, splice the status value to be 2nd in theFields
-  //  if it's not already there
-  if (showStatus && theFields?.[1].type !== "status") {
-    const oStatus = { type: "status", config: { value: status, label: "Status" }};
-
-    const count = theFieldsModifiable.length;
-    if (count < 2) {
-      theFieldsModifiable.push(oStatus);
-    }
-    else {
-      theFieldsModifiable.splice(1, 0, oStatus);
-    }
-  }
-
-  // At this point, we know what fields we want to render...
-  //  So, update our state if it's changed
-  if (!isDeepEqual(theFieldsToRender, theFieldsModifiable)) {
-    setFieldsToRender(theFieldsModifiable);
-  }
-
-
-  return <React.Fragment>
-    <Grid container className="psdk-case-summary-fields">
-      {theFieldsAsGridItems}
-    </Grid>
-  </React.Fragment>;
-}
-
-CaseSummaryFields.propTypes = {
-  status: PropTypes.string,
-  showStatus: PropTypes.bool,
-  theFields: PropTypes.arrayOf(PropTypes.object)
-};