@pega/react-sdk-overrides 0.23.18 → 0.23.19

package/lib/helpers/authManager.js

@@ -543,6 +543,7 @@ export const authTokenUpdated = (tokenInfo ) => {
 };
 
 export const logout = () => {
+  sessionStorage.removeItem('rsdk_portalName');
   return new Promise((resolve) => {
     const fnClearAndResolve = () => {
       clearAuthMgr();

package/lib/helpers/event-utils.js

@@ -1,4 +1,4 @@
-// From npm-nebula/src/utils/event-utils.js
+// From DX Components src/utils/event-utils.js
 
 const handleEvent = (actions, eventType, propName, value) => {
   switch (eventType) {

package/lib/infra/Containers/FlowContainer/FlowContainer.tsx

@@ -286,8 +286,7 @@ export default function FlowContainer(props) {
   }
 
 
-  // From WC SDK updateSelf - so do this in useEffect that's run only when the props change...
-
+  // From SDK-WC updateSelf - so do this in useEffect that's run only when the props change...
   useEffect(() => {
     const localPConn = arNewChildren[0].getPConnect();
 
@@ -388,7 +387,7 @@ export default function FlowContainer(props) {
             theNewChildren.push(configObject);
             setArNewChildren(theNewChildren);
 
-            // JEA - adapted from Nebula FlowContainer since we want to render children that are React components
+            // JEA - adapted from Constellation DX Components FlowContainer since we want to render children that are React components
             const root = createElement(createPConnectComponent(), configObject);
             setArNewChildrenAsReact([root]);
 

package/lib/infra/ErrorBoundary/ErrorBoundary.tsx

@@ -1,5 +1,3 @@
-// Adapted from nebula ErrorBoundary (remove Cosmos dependencies)
-
 import React from "react";
 import PropTypes from "prop-types";
 
@@ -16,18 +14,6 @@ function ErrorBoundary(props) {
   if (!getPConnect) {
     return (
       theErrorDiv
-      // <Flex
-      //   container={{
-      //     alignItems: "center",
-      //     justify: "center",
-      //     itemGap: 1
-      //   }}
-      // >
-      //   <Text status="error">
-      //     <Icon name="warn-solid" />
-      //   </Text>
-      //   <Text data-testid="errorText">{ERROR_TEXT}</Text>
-      // </Flex>
     );
   }
 
@@ -43,12 +29,6 @@ function ErrorBoundary(props) {
   if (pConn.getConfigProps().type === "page") {
     return (
       theErrorDiv
-      // <Banner
-      //   data-testid="errorBanner"
-      //   variant="urgent"
-      //   heading="Error"
-      //   messages={[ERROR_TEXT]}
-      // />
     );
   }
 
@@ -64,30 +44,6 @@ function ErrorBoundary(props) {
 
   return (
     theErrorDiv
-    // <Card>
-    //   <CardHeader>
-    //     <Text variant="h3">
-    //       {pConn.getConfigProps().label || pConn.getComponentName()}
-    //     </Text>
-    //   </CardHeader>
-    //   <CardContent
-    //     direction="row"
-    //     style={{ minHeight: "5rem", justifyContent: "center" }}
-    //   >
-    //     <Flex
-    //       container={{
-    //         alignItems: "center",
-    //         justify: "center",
-    //         itemGap: 1
-    //       }}
-    //     >
-    //       <Text status="error">
-    //         <Icon name="warn-solid" />
-    //       </Text>
-    //       <Text>{ERROR_TEXT}</Text>
-    //     </Flex>
-    //   </CardContent>
-    // </Card>
   );
 }
 ErrorBoundary.propTypes = {

package/lib/infra/RootContainer/RootContainer.tsx

@@ -66,8 +66,6 @@ const RootContainer = (props) => {
     options["context"] = "root";
   }
 
-  // Used for embedded mode
-  // let newPConn: any;
   const [componentName, setComponentName] = useState("");
 
   useEffect( () => {
@@ -78,7 +76,6 @@ const RootContainer = (props) => {
   // debugging/investigation help
   // console.log(`RootContainer props.routingInfo: ${JSON.stringify(routingInfo)}`);
 
-  // const bannerRef = useRef(null);
   let hasBanner = false;
   let banners: any = null;
   const messages = httpMessages
@@ -87,21 +84,6 @@ const RootContainer = (props) => {
 
   hasBanner = messages && messages.length > 0;
   banners = hasBanner && (<div>RootContainer: trying to emit Banner with {messages}</div>);
-    // && (
-    // <Banner
-    //   ref={bannerRef}
-    //   id="appShellBanner"
-    //   variant="urgent"
-    //   heading="Error"
-    //   onDismiss={() =>
-    //     pConn.clearErrorMessages({
-    //       category: "HTTP",
-    //       context: "root"
-    //     })
-    //   }
-    //   messages={messages}
-    // />
-    // );
 
   const MemoizedModalViewContainer = useMemo(() => {
     return createElement(
@@ -175,7 +157,6 @@ const RootContainer = (props) => {
   }
 
 
-  // const rootViewRef: any = useRef(null);
   let rootView : any;
   let rootViewConfig: any = null;
 
@@ -187,7 +168,6 @@ const RootContainer = (props) => {
     PCore.getContainerUtils().getContainerAPI().addContainerItems(items);
   }, [routingInfo]);
 
-  // const { store } = useConstellationContext();
   const items: any = getItemView(routingInfo, renderingMode);
 
   if (items.length > 0) {
@@ -225,14 +205,6 @@ const RootContainer = (props) => {
         );
     }
 
-    // interior was
-    // <ModalManager>
-    //   {rootViewRef.current}
-    //   {MemoisedModalViewContainer}
-    //   {MemoizedPreviewViewContainer}
-    //   <ReAuthMessageModal openModal={false} key="reauthMessageModel" />
-    // </ModalManager> */}
-
     // debugging/investigation help
     // console.log(`rootView.props.getPConnect().getComponentName(): ${rootView.props.getPConnect().getComponentName()}`);
 
@@ -252,10 +224,7 @@ const RootContainer = (props) => {
 
     const theChildren = pConn.getChildren();
     if (theChildren && (theChildren.length === 1)) {
-      // this.createdPConnect =  theChildren[0];
-      // this.createdPConnect = null;
       const localPConn = theChildren[0].getPConnect();
-      // newPConn = pConn;
       const localCompName = localPConn.getComponentName()
       if (componentName !== localCompName) {
         setComponentName(localCompName);
@@ -267,15 +236,6 @@ const RootContainer = (props) => {
     return noPortalContent;
   }
   else if (children && children.length > 0) {
-    // interior was
-    // <ModalManager>
-    //       {httpMessages ? <div id="root-container">{banners}</div> : ""}
-    //       {children}
-    //       {MemoizedModalViewContainer}
-    //       <ReAuthMessageModal openModal={false} key="reauthMessageModel" />
-    //       {MemoizedPreviewViewContainer}
-    //     </ModalManager>
-
     return (
       <React.Fragment>
         <div>RootContainer: Has children. Trying to show ModalManager with children, etc.</div>
@@ -285,14 +245,8 @@ const RootContainer = (props) => {
 
     );
   } else if (skeleton) {
-    // TODO: need to update once skeletons are available
-  // eslint-disable-next-line @typescript-eslint/no-unused-vars, no-unused-vars
-  const LoadingComponent = LazyComponentMap[skeleton];
-    // interior was
-    // <ModalManager>
-    //   <ReAuthMessageModal openModal={false} key="reauthMessageModel" />
-    //   <LoadingComponent />
-    // </ModalManager>
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars, no-unused-vars
+    const LoadingComponent = LazyComponentMap[skeleton];
 
     return (
       <div id="root-container">
@@ -301,12 +255,6 @@ const RootContainer = (props) => {
       </div>
     );
   } else {
-    // interior was
-    // <ModalManager>
-    //   {MemoisedModalViewContainer}
-    //   {MemoizedPreviewViewContainer}
-    //   <ReAuthMessageModal openModal={false} key="reauthMessageModel" />
-    // </ModalManager>
     return (
       <div id="root-container">
         <div>RootContainer: Should be ModalManager, etc.</div>

package/lib/infra/Stages/Stages.tsx

@@ -1,5 +1,4 @@
 import React from "react";
-// import { Stages as CosmosStages } from "@pega/cosmos-react-work";
 import PropTypes from "prop-types";
 import { Breadcrumbs, Card, Typography } from "@material-ui/core";
 import DoubleArrowIcon from '@material-ui/icons/DoubleArrow';
@@ -54,7 +53,7 @@ function getFilteredStages(stages) {
   );
 }
 
-/* TODO - this component should be refactored and not exposed as top level Nebula component -
+/* TODO - this component should be refactored and not exposed as top level DX Component -
   the stages should be created as part of the CaseView */
 export default function Stages(props) {
   const classes = useStyles();

package/lib/infra/View/View.tsx

@@ -150,7 +150,7 @@ View.propTypes = {
   title: PropTypes.string
 };
 
-// Adapted from Nebula/Constellation to add in additional props for some templates
+// Adapted from Constellation DX Component to add in additional props for some templates
 View.additionalProps = (state, getPConnect) => {
   const thePConn = getPConnect();
   const { template } = thePConn.getConfigProps();

package/lib/template/AppShell/AppShell.tsx

@@ -3,20 +3,9 @@ import PropTypes from "prop-types";
 import { makeStyles } from '@material-ui/core/styles';
 
 import { NavContext } from '@pega/react-sdk-components/lib/components/helpers/reactContextHelpers';
-
-// import {
-//   Avatar,
-//   Toaster,
-//   Banner,
-//   AppShell as CosmosAppShell
-// } from "@pega/cosmos-react-core";
-
-// import createPConnectComponent from "../../../bridge/react_pconnect";
-// import { buildRecentList, onRecentClickHandler } from "./Recents/utils";
-
 import './AppShell.css';
 
-// AppShell can emit NavBar and ViewContainer
+// AppShell can emit NavBar
 import NavBar from '@pega/react-sdk-components/lib/components/infra/NavBar';
 
 const useStyles = makeStyles((theme) => ({
@@ -35,10 +24,6 @@ const useStyles = makeStyles((theme) => ({
 declare const PCore;
 
 
-/*
- * The wrapper handles knowing how to take in just children and mapping
- * to the Cosmos template. This could be a combination of things but it knows...
- */
 export default function AppShell(props) {
   const {
     pages,
@@ -50,298 +35,11 @@ export default function AppShell(props) {
   const [open, setOpen] = useState(true);
 
   const pConn = getPConnect();
-  // const actionsAPI = pConn.getActionsApi();
   const envInfo = PCore.getEnvironmentInfo();
 
-  // const bannerRef = useRef(null);
-  // const hasBanner = httpMessages && httpMessages.length ? httpMessages.length > 0 : false;
-
   const appNameToDisplay = showAppName ? envInfo.getApplicationLabel() : "";
 
   const classes = useStyles();
-  // let banners = null;
-  // banners = hasBanner && (
-  //   <Banner
-  //     ref={bannerRef}
-  //     id="appShellBanner"
-  //     variant="urgent"
-  //     heading="Error"
-  //     onDismiss={() =>
-  //       pConn.clearErrorMessages({
-  //         category: "HTTP",
-  //         context: null
-  //       })
-  //     }
-  //     messages={httpMessages}
-  //   />
-  // );
-
-  // useEffect(() => {
-  //   if (hasBanner && bannerRef.current) {
-  //     bannerRef.current.focus();
-  //     window.scrollTo(0, bannerRef.current.offsetTop);
-  //   }
-  // }, [hasBanner]);
-
-  /**
-   *
-   * Function to dispatch a show page action for the page links in
-   * the left nav of the app shell
-   *
-   * @param {string} searchString Name of view to show
-   */
-  // function showSearchResults(searchString) {
-  //   if (searchString === "") {
-  //     actionsAPI.showPage("pySearchPage", "Data-Portal");
-  //     return;
-  //   }
-  //   const searchTerm = searchString.replace(/['"]+/g, "");
-  //   PCore.getDataApiUtils()
-  //     .getData(
-  //       "D_pySearch",
-  //       `{"dataViewParameters": {"SearchString": "${encodeURIComponent(
-  //         searchTerm
-  //       )}"}}`
-  //     )
-  //     .then((response) => {
-  //       if (
-  //         response.data.data !== null &&
-  //         response.data.resultCount === 1 &&
-  //         response.data.data[0].pyID === searchTerm
-  //       ) {
-  //         /* This is a match for a work item - then we will open it */
-  //         pConn
-  //           .getActionsApi()
-  //           .openWorkByHandle(
-  //             response.data.data[0].pzInsKey,
-  //             response.data.data[0].pzCategoryActionKeys
-  //           );
-  //         return;
-  //       }
-  //       // window.searchResults = {
-  //       //   searchString: searchTerm,
-  //       //   results: response.data
-  //       // };
-  //       actionsAPI.showPage("pySearchPage", "Data-Portal");
-  //     });
-  // }
-
-  /**
-   *
-   * Function to dispatch a show page action for the page links in
-   * the left nav of the app shell
-   *
-   * @param {string} viewName Name of view to show
-   * @param {string} className Pega Applies to class of the page
-   */
-  // function showPage(viewName, className) {
-  //   actionsAPI.showPage(viewName, className);
-  // }
-
-  /**
-   *
-   * Function to dispatch a create work action
-   * @param {string} className - placeholder string of case type being created
-   */
-  // function createWork(className) {
-  //   actionsAPI
-  //     .createWork(className)
-  //     .catch((error) =>
-  //       // eslint-disable-next-line no-console
-  //       console.log("Error in case creation: ", error?.message)
-  //     );
-  // }
-
-  /**
-   * Returns the Custome Component for each active case
-   */
-  // const VisualComponent = useCallback(
-  //   (context) => {
-  //     if (activeCases && activeCases.length > 0) {
-  //       const meta = PCore.getViewResources().fetchViewResources(
-  //         "pyCaseVisual",
-  //         getPConnect(),
-  //         PCore.getStoreValue(".caseTypeID", "caseInfo", context)
-  //       );
-  //       if (meta?.config && !meta.config.defaultVisual) {
-  //         const config = {
-  //           meta,
-  //           options: {
-  //             context,
-  //             pageReference: "caseInfo.content"
-  //           }
-  //         };
-  //         const visualConfig = PCore.createPConnect(config);
-  //         return React.createElement(createPConnectComponent(), visualConfig);
-  //       }
-  //     }
-  //     return undefined;
-  //   },
-  //   [getPConnect, activeCases]
-  // );
-
-  /**
-   * Transforms the active cases information into the model that cosmos expect.
-   */
-  // function getActiveCases() {
-  //   if (activeCases) {
-  //     const activeCaseLinks = [];
-  //     activeCases.forEach((activeCase) => {
-  //       const { caseID, className, workID, active, context } = activeCase;
-  //       // activeCaseLinks.push({
-  //       //   onDismiss: () => {
-  //       //     PCore.getContainerUtils().closeContainerItem(
-  //       //       activeCase.containerItemID
-  //       //     );
-  //       //   },
-  //       //   key: caseID,
-  //       //   name: caseID,
-  //       //   onClick: () => {
-  //       //     actionsAPI.openWorkByHandle(workID, className);
-  //       //   },
-  //       //   active,
-  //       //   visual: VisualComponent(context)
-  //       // });
-  //     });
-  //     return activeCaseLinks;
-  //   }
-  //   return activeCases;
-  // }
-
-  /**
-   * Translate Pega Data Page into the model that Cosmos expects
-   *
-   * Example:
-   *   pxPageViewIcon: "pi pi-home-solid"
-   *   pxURLPath: "Home"
-   *   pyClassName: "Data-Portal"
-   *   pyLabel: "Home"
-   *   pyRuleName: "pyHome"
-   */
-  // const links = !pages
-  //   ? []
-  //   : pages.map((page) => {
-  //       return {
-  //         name: page.pyLabel,
-  //         icon: page.pxPageViewIcon.replace("pi pi-", ""),
-  //         onClick: () => showPage(page.pyRuleName, page.pyClassName)
-  //       };
-  //     });
-
-  // const userName = envInfo.getOperatorName();
-  // const imageKey = envInfo.getOperatorImageInsKey();
-
-  // const logOffAction = () => {
-  //   actionsAPI.logout().then(() => window?.top?.location?.reload());
-  // };
-
-  // const getOperator = () => {
-  //   const operatorActions = [
-  //     [{ text: "Logoff", id: "1", onClick: logOffAction }]
-  //   ];
-  //   if (imageKey) {
-  //     return {
-  //       avatar: (
-  //         <div id="AvatarWithImageKey">Avatar with image key</div>
-  //         // <Avatar
-  //         //   name={userName}
-  //         //   imageSrc={getPConnect().getImagePath(imageKey)}
-  //         // />
-  //       ),
-  //       actions: operatorActions,
-  //       name: userName
-  //     };
-  //   }
-  //   return {
-  //     avatar: (
-  //       <div id="Avatar">Avatar</div>
-  //       // <Avatar name={userName}>
-  //       //   {userName
-  //       //     .split(" ")
-  //       //     .map((i) => i.charAt(0))
-  //       //     .join("")
-  //       //     .toUpperCase()}
-  //       // </Avatar>
-  //     ),
-  //     actions: operatorActions,
-  //     name: userName
-  //   };
-  // };
-
-  /**
-   * Translate Case Types page into what is expected by Cosmos
-   *
-   * Example:
-   *   pyClassName: ""
-   *   pyFlowType: ""
-   *   pyLabel: "No case types defined"
-   */
-  // const cases = !caseTypes
-  //   ? []
-  //   : caseTypes.map((caseType) => {
-  //       let action = {};
-  //       // Only add actions to entries with a class name to create so in case of empty message no action is added
-  //       if (caseType.pyClassName) {
-  //         action = { onClick: () => createWork(caseType.pyClassName) };
-  //       }
-  //       return {
-  //         name: caseType.pyLabel,
-  //         ...action
-  //       };
-  //     });
-
-  // const [recents, setRecents] = useState([]);
-
-  // const [searchVal, setSearchVal] = useState("");
-
-  // // default the icon to be empty. This will cause the image to be initially broken.
-  // const [iconURL, setIconURL] = useState("");
-  // useEffect(() => {
-  //   // using the default icon then fetch it from the static folder (not auth involved)
-  //   if (
-  //     !portalLogo ||
-  //     portalLogo.toLowerCase().includes("pzpega-logo-mark") ||
-  //     portalLogo.toLowerCase().includes("py-logo")
-  //   ) {
-  //     setIconURL(
-  //       `${PCore.getAssetLoader().getStaticServerUrl()}static/py-logo.svg`
-  //     );
-  //   }
-  //   // not using default icon to fetch it using the way which uses authentication
-  //   else {
-  //     PCore.getAssetLoader()
-  //       .getSvcImage(portalLogo)
-  //       .then((data) => {
-  //         setIconURL(window.URL.createObjectURL(data));
-  //       })
-  //       .catch(() => {
-  //         console.error(
-  //           `Unable to load the image for the portal logo/icon with the insName:${portalLogo}`
-  //         );
-  //       });
-  //   }
-  // }, [portalLogo]);
-
-  /**
-   * To fetch recents and translate items into what Cosmos expects
-   */
-  // const fetchRecents = () => {
-  //   actionsAPI.getRecents(15).then((response) => {
-  //     const recentsitems = response.data.recents;
-  //     // setRecents(buildRecentList(recentsitems));
-  //   });
-  // };
-
-  /**
-   * To handle on click of any recent item after the drawer is open
-   *
-   * @param {*} id : Recent item unique id
-   */
-
-  // const onItemClick = (id, e) => {
-  //   e.preventDefault();
-  //   // onRecentClickHandler(id, actionsAPI);
-  // };
 
   // useState for appName and mapChildren - note these are ONLY updated once (on component mount!)
   // eslint-disable-next-line @typescript-eslint/no-unused-vars, no-unused-vars
@@ -382,57 +80,18 @@ export default function AppShell(props) {
         </div>
       </div>
     </NavContext.Provider>
-
-    // <Toaster dismissAfter={3000}>
-    //   <CosmosAppShell
-    //     {...{
-    //       appInfo: {
-    //         imageSrc: `${iconURL}`,
-    //         appName: `${appNameToDisplay}`,
-    //         portalName
-    //       },
-    //       recents: {
-    //         items: recents,
-    //         onDrawerOpen: fetchRecents,
-    //         onItemClick
-    //       },
-    //       searchInput: {
-    //         onSearchChange: (value) => {
-    //           setSearchVal(value);
-    //         },
-    //         onSearchSubmit: (value) => {
-    //           showSearchResults(value.trim());
-    //           setSearchVal("");
-    //         },
-    //         value: searchVal
-    //       },
-    //       caseTypes: cases,
-    //       links,
-    //       cases: getActiveCases(),
-    //       operator: getOperator()
-    //     }}
-    //     main={[children]}
-    //     banners={banners}
-    //     className="app-shell"
-    //   />
-    // </Toaster>
   );
 }
+
 AppShell.defaultProps = {
   pages: [],
   caseTypes: [],
   children: [],
-  // httpMessages: [],
-  // activeCases: null
 };
 AppShell.propTypes = {
-  // portalName: PropTypes.string/* .isRequired */,
-  // portalLogo: PropTypes.string/* .isRequired */,
   showAppName: PropTypes.bool/* .isRequired */,
   pages: PropTypes.arrayOf(PropTypes.object),
   caseTypes: PropTypes.arrayOf(PropTypes.object),
   children: PropTypes.arrayOf(PropTypes.node),
   getPConnect: PropTypes.func.isRequired,
-  // httpMessages: PropTypes.arrayOf(PropTypes.string),
-  // activeCases: PropTypes.arrayOf(PropTypes.object)
 };

package/lib/template/CaseSummary/CaseSummary.tsx

@@ -9,7 +9,7 @@ export default function CaseSummary(props) {
   const theConfigProps = thePConn.getConfigProps();
   const { status, showStatus } = theConfigProps;
 
-  // from Nebula
+  // from Constellation DX Components
   // get the primary and secondary fields with the raw data (which has the non-resolved property values)
   // const regionsRaw = getPConnect().getRawMetadata().children;
   // const primaryFieldsRaw = regionsRaw[0].children;

package/lib/template/ListView/ListView.tsx

@@ -53,11 +53,6 @@ let menuColumnLabel = '';
 
 let sortColumnId: any;
 
-// let dialogContainsFilter: string = "contains";
-// let dialogContainsValue: string = "";
-// let dialogDateFilter: string = "notequal";
-// let dialogDateValue: string = "";
-
 const filterByColumns: Array<any> = [];
 
 export default function ListView(props) {
@@ -217,19 +212,6 @@ export default function ListView(props) {
     setPage(0);
   };
 
-  // function getDisplayColumns(fields = []) {
-  //   let arReturn = fields.map(( field: any, colIndex) => {
-  //     let theField = field.config.value.substring(field.config.value.indexOf(" ")+1);
-  //     if (theField.indexOf(".") == 0) {
-  //       theField = theField.substring(1);
-  //     }
-
-  //     return theField;
-  //   });
-  //   return arReturn;
-
-  // }
-
   const AssignDashObjects = ['Assign-Worklist', 'Assign-WorkBasket'];
   function getHeaderCells(colFields, fields, presetFields) {
     const arReturn = colFields.map((field: any, index) => {
@@ -345,10 +327,6 @@ export default function ListView(props) {
       myColList.push(col.id);
     });
 
-    // for (const col of arCols) {
-    //   myColList.push(col.id);
-    // }
-
     return myColList;
   }
 
@@ -381,7 +359,7 @@ export default function ListView(props) {
 
     let field = getFieldFromFilter(filterExpression, isDateRange);
     selectParam = [];
-    // Constructing the select parameters list( will be sent in dashboardFilterPayload)
+    // Constructing the select parameters list (will be sent in dashboardFilterPayload)
     columnList.forEach(col => {
       selectParam.push({
         field: col
@@ -417,7 +395,7 @@ export default function ListView(props) {
       // If we reach here that implies we've at least one valid filter, hence setting the flag
       validFilter = true;
       /** Below are the 2 cases for- Text & Date-Range filter types where we'll construct filter data which will be sent in the dashboardFilterPayload
-       * In Nebula, through Repeating Structures they might be using several APIs to do it, we're doing it here
+       * In Constellation DX Components, through Repeating Structures they might be using several APIs to do it. We're doing it here
       */
       if (isDateRange) {
         const dateRelationalOp = filter?.AND ? 'AND' : 'OR';
@@ -518,7 +496,8 @@ export default function ListView(props) {
         field: field.name
       });
     } else {
-      // NOTE: If we ever decide to not set up all the `fieldDefs` on select, ensure that the fields corresponding to `state.groups` are set up. Needed in Client-mode grouping/pagination.
+      // NOTE: If we ever decide to not set up all the `fieldDefs` on select, ensure that the fields
+      //  corresponding to `state.groups` are set up. Needed in Client-mode grouping/pagination.
       fieldDefs.forEach(field => {
         if (!listFields.find(f => f.field === field.name)) {
           listFields.push({
@@ -868,26 +847,6 @@ export default function ListView(props) {
     // move data to array and then sort
     setRows(theData);
     createSortHandler(sortColumnId);
-
-    // grouping here
-
-    // let reGroupData = this.addGroups(theData, this.groupByColumns$);
-
-    // this.repeatList$.data = [];
-    // this.repeatList$.data.push( ...reGroupData);
-
-    // if (this.searchFilter && this.searchFilter != "") {
-    //   this.repeatList$.filter = this.searchFilter;
-    // }
-    // else {
-    //   this.perfFilter = performance.now().toString();
-    //   this.repeatList$.filter = this.perfFilter;
-    // }
-    // this.repeatList$.filter = "";
-
-    // if (this.repeatList$.paginator) {
-    //   this.repeatList$.paginator.firstPage();
-    // }
   }
 
   function _dialogContainsFilter(event) {
@@ -1349,10 +1308,8 @@ export default function ListView(props) {
 }
 
 ListView.defaultProps = {
-  // parameters: undefined
 };
 
 ListView.propTypes = {
   getPConnect: PropTypes.func.isRequired
-  // parameters: PropTypes.objectOf(PropTypes.any)
 };

package/lib/template/SimpleTable/SimpleTableManual/SimpleTableManual.tsx

@@ -147,14 +147,12 @@ export default function SimpleTableManual(props) {
     }
   }, [referenceList.length]);
 
-  // Nebula has other handling for isReadOnlyMode but has Cosmos-specific code
-  //  so ignoring that for now...
   // fieldDefs will be an array where each entry will have a "name" which will be the
   //  "resolved" property name (that we can use as the colId) though it's not really
   //  resolved. The buildFieldsForTable helper just removes the "@P " (which is what
-  //  Nebula does). It will also have the "label", and "meta" contains the original,
+  //  Constellation DX Components do). It will also have the "label", and "meta" contains the original,
   //  unchanged config info. For now, much of the info here is carried over from
-  //  Nebula and we may not end up using it all.
+  //  Constellation DX Components.
   const fieldDefs = buildFieldsForTable(rawFields, resolvedFields, showDeleteButton);
 
   const displayedColumns = fieldDefs.map(field => {
@@ -164,18 +162,6 @@ export default function SimpleTableManual(props) {
   // console.log(`SimpleTable displayedColumns:`);
   // console.log(displayedColumns);
 
-  // And now we can process the resolvedFields to add in the "name"
-  //  from from the fieldDefs. This "name" is the value that
-  //  we'll share to connect things together in the table.
-
-  // const processedFields = resolvedFields.map((field, i) => {
-  //   field.config['name'] = displayedColumns[i]; // .config["value"].replace(/ ./g,"_");   // replace space dot with underscore
-  //   return field;
-  // });
-
-  // console.log("SimpleTable processedFields:");
-  // console.log(processedFields);
-
   // return the value that should be shown as the contents for the given row data
   //  of the given row field
   function getRowValue(inRowData: Object, inColKey: string): any {
@@ -226,25 +212,18 @@ export default function SimpleTableManual(props) {
     }
   }
 
+  // May be useful for debugging or understanding how it works.
   // These are the data structures referred to in the html file.
   //  These are the relationships that make the table work
   //  displayedColumns: key/value pairs where key is order of column and
   //    value is the property shown in that column. Ex: 1: "FirstName"
-  //  processedFields: key/value pairs where each key is order of column
-  //    and each value is an object of more detailed information about that
-  //    column.
   //  rowData: array of each row's key/value pairs. Inside each row,
   //    each key is an entry in displayedColumns: ex: "FirstName": "Charles"
   //    Ex: { 1: {config: {label: "First Name", readOnly: true: name: "FirstName"}}, type: "TextInput" }
   //    The "type" indicates the type of component that should be used for editing (when editing is enabled)
   //
-  //  Note that the "property" shown in the column ("FirstName" in the above examples) is what
-  //  ties the 3 data structures together.
-
   // console.log("SimpleTable displayedColumns:");
   // console.log(displayedColumns);
-  // console.log("SimpleTable processedFields:");
-  // console.log(processedFields);
   // console.log(`SimpleTable rowData (${rowData.length} row(s)):`);
   // console.log(JSON.stringify(rowData));
 

package/package.json

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