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

package/lib/template/Details/DetailsTwoColumn/DetailsTwoColumn.tsx

@@ -1,25 +1,11 @@
 import React, { createElement } from 'react';
+import PropTypes from 'prop-types';
 import Grid from '@material-ui/core/Grid';
 import createPConnectComponent from '@pega/react-sdk-components/lib/bridge/react_pconnect';
-import { getComponentFromMap } from '@pega/react-sdk-components/lib/bridge/helpers/sdk_component_map';
+import FieldGroup from '@pega/react-sdk-components/lib/components/designSystemExtension/FieldGroup';
 
-// import type { PConnProps } from '../../../../types/PConnProps';
-
-
-// Can't use PConnProps until getPConnect().getChildren() type is ok
-// interface DetailsTwoColumnProps extends PConnProps {
-//   // If any, enter additional props that only exist on this component
-//   showLabel: boolean,
-//   label: string,
-//   showHighlightedData: boolean
-// }
-
-
-export default function DetailsTwoColumn(props /* : DetailsTwoColumnProps */) {
-  // Get emitted components from map (so we can get any override that may exist)
-  const FieldGroup = getComponentFromMap('FieldGroup');
-
-  const { label, showLabel = true, getPConnect, showHighlightedData = false } = props;
+export default function DetailsTwoColumn(props) {
+  const { label, showLabel, getPConnect, showHighlightedData } = props;
 
   // Get the inherited props from the parent to determine label settings
   const propsToUse = { label, showLabel, ...getPConnect().getInheritedProps() };
@@ -51,8 +37,7 @@ export default function DetailsTwoColumn(props /* : DetailsTwoColumnProps */) {
         field.config.displayAsStatus = true;
       }
 
-      return getPConnect().createComponent(field,
-        '', '', {}); // 2nd, 3rd, and 4th args empty string/object/null until typedef marked correctly as optional
+      return getPConnect().createComponent(field);
     });
   }
 
@@ -77,3 +62,16 @@ export default function DetailsTwoColumn(props /* : DetailsTwoColumnProps */) {
     </FieldGroup>
   );
 }
+
+DetailsTwoColumn.defaultProps = {
+  label: undefined,
+  showLabel: true,
+  showHighlightedData: false
+};
+
+DetailsTwoColumn.propTypes = {
+  showLabel: PropTypes.bool,
+  label: PropTypes.string,
+  getPConnect: PropTypes.func.isRequired,
+  showHighlightedData: PropTypes.bool
+};

package/lib/template/FieldGroupTemplate/FieldGroupTemplate.tsx

@@ -1,35 +1,24 @@
 /* eslint-disable react-hooks/rules-of-hooks */
 import React, { useMemo } from 'react';
-import { getReferenceList, buildView } from '@pega/react-sdk-components/lib/components/helpers/field-group-utils';
-import { getComponentFromMap } from '@pega/react-sdk-components/lib/bridge/helpers/sdk_component_map';
+import PropTypes from 'prop-types';
 
-import type { PConnProps } from '@pega/react-sdk-components/lib/types/PConnProps';
+import FieldGroup from '@pega/react-sdk-components/lib/components/designSystemExtension/FieldGroup';
+import FieldGroupList from '@pega/react-sdk-components/lib/components/designSystemExtension/FieldGroupList';
+import { getReferenceList, buildView } from '@pega/react-sdk-components/lib/components/helpers/field-group-utils';
 
-interface FieldGroupTemplateProps extends PConnProps {
-  // If any, enter additional props that only exist on this component
-  referenceList?: Array<any>,
-  contextClass: string,
-  renderMode?: string,
-  heading?: string,
-  lookForChildInConfig?: boolean,
-  displayMode?: string,
-  fieldHeader?: string,
-  allowTableEdit: boolean
-}
+import PCoreType from '@pega/pcore-pconnect-typedefs/types/pcore';
 
+declare const PCore: typeof PCoreType;
 
-export default function FieldGroupTemplate(props: FieldGroupTemplateProps) {
-  // Get emitted components from map (so we can get any override that may exist)
-  const FieldGroup = getComponentFromMap('FieldGroup');
-  const FieldGroupList = getComponentFromMap('FieldGroupList');
 
+export default function FieldGroupTemplate(props) {
   const {
-    referenceList = [],
+    referenceList,
     renderMode,
     contextClass,
     getPConnect,
     lookForChildInConfig,
-    heading = '',
+    heading,
     displayMode,
     fieldHeader,
     allowTableEdit: allowAddEdit
@@ -52,7 +41,7 @@ export default function FieldGroupTemplate(props: FieldGroupTemplateProps) {
     if (PCore.getPCoreVersion()?.includes('8.7')) {
       pConn.getListActions().insert({ classID: contextClass }, referenceList.length, pageReference);
     } else {
-      pConn.getListActions().insert({}, referenceList.length, null);  // 3rd arg null until typedef marked correctly as optional
+      pConn.getListActions().insert({}, referenceList.length);
     }
   };
 
@@ -64,7 +53,7 @@ export default function FieldGroupTemplate(props: FieldGroupTemplateProps) {
       if (PCore.getPCoreVersion()?.includes('8.7')) {
         pConn.getListActions().deleteEntry(index, pageReference);
       } else {
-        pConn.getListActions().deleteEntry(index, null);  // 2nd arg null until typedef marked correctly as optional
+        pConn.getListActions().deleteEntry(index);
       }
     };
     if (referenceList.length === 0 && allowAddEdit !== false) {
@@ -108,3 +97,20 @@ export default function FieldGroupTemplate(props: FieldGroupTemplateProps) {
 
   return <div>{memoisedReadOnlyList}</div>;
 }
+
+FieldGroupTemplate.defaultProps = {
+  referenceList: [],
+  heading: undefined,
+  contextClass: null,
+  displayMode: undefined
+};
+
+FieldGroupTemplate.propTypes = {
+  referenceList: PropTypes.arrayOf(Object),
+  contextClass: PropTypes.string,
+  getPConnect: PropTypes.func.isRequired,
+  renderMode: PropTypes.string.isRequired,
+  heading: PropTypes.string,
+  lookForChildInConfig: PropTypes.bool,
+  displayMode: PropTypes.string
+};

package/lib/template/InlineDashboard/InlineDashboard.tsx

@@ -1,16 +1,7 @@
 import React from 'react';
+import PropTypes from 'prop-types';
 import { Grid, Typography } from '@material-ui/core';
 import { makeStyles } from '@material-ui/core/styles';
-import type { PConnProps } from '@pega/react-sdk-components/lib/types/PConnProps';
-
-// InlineDashboard does NOT have getPConnect. So, no need to extend from PConnProps
-interface InlineDashboardProps extends PConnProps {
-  // If any, enter additional props that only exist on this component
-  children: Array<any>,
-  title: string,
-  filterPosition?: string
-}
-
 
 const useStyles = makeStyles((/* theme */) => ({
   headerStyles: {
@@ -39,7 +30,7 @@ const useStyles = makeStyles((/* theme */) => ({
   }
 }));
 
-export default function InlineDashboard(props: InlineDashboardProps) {
+export default function InlineDashboard(props) {
   const classes = useStyles();
 
   const { children, title, filterPosition } = props;
@@ -74,3 +65,8 @@ export default function InlineDashboard(props: InlineDashboardProps) {
     </>
   );
 }
+
+InlineDashboard.propTypes = {
+  children: PropTypes.arrayOf(PropTypes.node).isRequired
+  // template: PropTypes.string.isRequired
+};

package/lib/template/InlineDashboardPage/InlineDashboardPage.tsx

@@ -1,27 +1,12 @@
 import React from 'react';
 import { useMemo, Children, useEffect, useState } from 'react';
+import PropTypes from 'prop-types';
 
 import { buildFilterComponents } from '@pega/react-sdk-components/lib/components/infra/DashboardFilter/filterUtils';
-import { getComponentFromMap } from '@pega/react-sdk-components/lib/bridge/helpers/sdk_component_map';
+import InlineDashboard from '@pega/react-sdk-components/lib/components/template/InlineDashboard';
 
-import type { PConnProps } from '@pega/react-sdk-components/lib/types/PConnProps';
-
-
-interface InlineDashboardPageProps extends PConnProps {
-  // If any, enter additional props that only exist on this component
-  children: Array<any>,
-  title: string,
-  icon?: string,
-  filterPosition?: string
-}
-
-
-export default function InlineDashboardPage(props: InlineDashboardPageProps) {
-  // Get emitted components from map (so we can get any override that may exist)
-  const InlineDashboard = getComponentFromMap("InlineDashboard");
-
-  // eslint-disable-next-line no-unused-vars, @typescript-eslint/no-unused-vars
-  const { children, getPConnect, icon = '', filterPosition = 'block-start'  } = props;
+export default function InlineDashboardPage(props) {
+  const { children, getPConnect } = props;
   const [filterComponents, setFilterComponents] = useState([]);
   const childArray = useMemo(() => {
     return Children.toArray(children);
@@ -41,3 +26,16 @@ export default function InlineDashboardPage(props: InlineDashboardPageProps) {
 
   return <InlineDashboard {...inlineProps} />;
 }
+
+InlineDashboardPage.propTypes = {
+  children: PropTypes.arrayOf(PropTypes.node).isRequired,
+  getPConnect: PropTypes.func.isRequired,
+  title: PropTypes.string.isRequired,
+  icon: PropTypes.string,
+  filterPosition: PropTypes.string
+};
+
+InlineDashboardPage.defaultProps = {
+  icon: '',
+  filterPosition: 'block-start'
+};

package/lib/template/ListPage/ListPage.tsx

@@ -1,21 +1,20 @@
 import React from "react";
-import { getComponentFromMap } from '@pega/react-sdk-components/lib/bridge/helpers/sdk_component_map';
+import PropTypes from "prop-types";
 
-import type { PConnProps } from '@pega/react-sdk-components/lib/types/PConnProps';
+import ListView from '@pega/react-sdk-components/lib/components/template/ListView';
 
-interface ListPageProps extends PConnProps {
-  // If any, enter additional props that only exist on this component
-  parameters: object
-}
-
-
-export default function ListPage(props: ListPageProps) {
-  // Get emitted components from map (so we can get any override that may exist)
-  const ListView = getComponentFromMap('ListView');
+export default function ListPage(props) {
 
- // special case for ListView - add in a prop
- const listViewProps = {...props, bInForm: false};
   return (
-    <ListView  {...listViewProps}></ListView>
+    <ListView  {...props}></ListView>
   )
 }
+
+ListPage.defaultProps = {
+  parameters: undefined
+};
+
+ListPage.propTypes = {
+  getPConnect: PropTypes.func.isRequired,
+  parameters: PropTypes.objectOf(PropTypes.any)
+};