@pega/dx-component-builder-sdk 0.8.2 → 0.23.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pega/dx-component-builder-sdk",
-  "version": "0.8.2",
+  "version": "0.23.2",
   "description": "Utility for building custom UI components",
   "bin": "./bin/index.js",
   "scripts": {

package/src/constants.js

@@ -423,7 +423,6 @@ export const COMPONENT_SCHEMA = {
         name: 'View',
         value: 'View'
       }
-
     ],
     template: [
       {

package/src/tasks/bundle/builderAngular/webpack.config.js

@@ -259,8 +259,7 @@ export default (
                 },
                 'sass-loader'
               )
-            },
-            {
+            },            {
               test: /\.(d.ts)$/,    /* latest react-sdk-components needs to ignore compiling .d.ts and .map files */
               loader: 'null-loader',
             },

package/src/tasks/create/templates/SDK-React/field/Boolean/index.tsx.mustache

@@ -10,36 +10,39 @@ import handleEvent from '@pega/react-sdk-components/lib/components/helpers/event
 // import PropTypes from 'prop-types';
 import FieldValueList from '@pega/react-sdk-components/lib/components/designSystemExtension/FieldValueList';
 import Styled{{COMPONENT_CLASS_NAME}}Wrapper from './styles';
-import type { PConnProps } from '@pega/react-sdk-components/lib/types/PConnProps';
-
-interface {{COMPONENT_CLASS_NAME}}Props extends PConnProps {
-  // If any, enter additional props that only exist on this componentName
-  // Everything from PConnFieldProps except value and change type of value to boolean
-
-  value?: boolean,
-  label: string,
-  required: boolean,
-  disabled: boolean,
-  validatemessage: string,
-  status?: string,
-  // eslint-disable-next-line react/no-unused-prop-types
-  onChange: any,
-  // eslint-disable-next-line react/no-unused-prop-types
-  onBlur?: any,
-  readOnly: boolean,
-  testId: string,
-  helperText: string,
-  displayMode?: string,
-  hideLabel: boolean,
-  // eslint-disable-next-line react/no-unused-prop-types
-  placeholder?: string
-}
+// import type { PConnProps } from '@pega/react-sdk-components/lib/types/PConnProps';
+
+// Checkbox passes in 'value' as a boolean. So can't use the default
+//  PConnFieldProps since it expects value to be a string.
+// But can't use {{COMPONENT_CLASS_NAME}}Props until getValidationApi() knows about validate method
+// interface {{COMPONENT_CLASS_NAME}}Props extends PConnProps {
+//   // If any, enter additional props that only exist on this componentName
+//   // Everything from PConnFieldProps except value and change type of value to boolean
+// 
+//   value?: boolean,
+//   label: string,
+//   required: boolean,
+//   disabled: boolean,
+//   validatemessage: string,
+//   status?: string,
+//   // eslint-disable-next-line react/no-unused-prop-types
+//   onChange: any,
+//   // eslint-disable-next-line react/no-unused-prop-types
+//   onBlur?: any,
+//   readOnly: boolean,
+//   testId: string,
+//   helperText: string,
+//   displayMode?: string,
+//   hideLabel: boolean,
+//   // eslint-disable-next-line react/no-unused-prop-types
+//   placeholder?: string
+// }
 
 // Duplicated runtime code from React SDK
 
 // props passed in combination of props from property panel (config.json) and run time props from Constellation
 // any default values in config.pros should be set in defaultProps at bottom of this file
-export default function {{COMPONENT_CLASS_NAME}}(props: {{COMPONENT_CLASS_NAME}}Props) {
+export default function {{COMPONENT_CLASS_NAME}}(props /* : {{COMPONENT_CLASS_NAME}}Props */) {
   const {
     getPConnect,
     label,

package/src/tasks/create/templates/SDK-React/field/Date/demo.stories.jsx.mustache

@@ -61,4 +61,4 @@ export const Base{{COMPONENT_CLASS_NAME}} = () => {
       <{{COMPONENT_CLASS_NAME}} {...props} />
     </>
   );
-};
+};

package/src/tasks/create/templates/SDK-React/field/DateTime/demo.stories.jsx.mustache

@@ -59,4 +59,4 @@ export const Base{{COMPONENT_CLASS_NAME}} = () => {
       <{{COMPONENT_CLASS_NAME}} {...props} />
     </>
   );
-};
+};

package/src/tasks/create/templates/SDK-React/field/Decimal/demo.stories.jsx.mustache

@@ -52,3 +52,4 @@ export const Base{{COMPONENT_CLASS_NAME}} = () => {
     </>
   );
 };
+

package/src/tasks/create/templates/SDK-React/field/Decimal-Currency/demo.stories.jsx.mustache

@@ -66,4 +66,4 @@ export const Base{{COMPONENT_CLASS_NAME}} = () => {
       <{{COMPONENT_CLASS_NAME}} {...props} />
     </>
   );
-};
+};

package/src/tasks/create/templates/SDK-React/template/DETAILS/demo.stories.jsx.mustache

@@ -71,4 +71,4 @@ export const Base{{COMPONENT_CLASS_NAME}} = () => {
       <{{COMPONENT_CLASS_NAME}} {...props}></{{COMPONENT_CLASS_NAME}}>
     </>
   );
-};
+};

package/src/tasks/create/templates/SDK-React/template/DETAILS/mock.stories.js.mustache

@@ -346,4 +346,4 @@ export const regionChildrenResolved = [
     ],
     displayMode: "LABELS_LEFT",
   },
-];
+];

package/src/tasks/create/templates/SDK-React/template/DETAILS-region/demo.stories.jsx.mustache

@@ -73,4 +73,4 @@ export const BaseYourOrgRequiredDxilDetailsRegion = () => {
       ></{{COMPONENT_CLASS_NAME}}>
     </>
   );
-};
+};

package/src/tasks/create/templates/SDK-React/template/DETAILS-region/mock.stories.js.mustache

@@ -247,4 +247,4 @@ export const pyReviewRaw = {
     },
   ],
   classID: "MyCo-MyCompon-Work-MyComponents",
-};
+};

package/src/tasks/create/templates/SDK-React/template/FORM/demo.stories.jsx.mustache

@@ -251,4 +251,4 @@ export const Base{{COMPONENT_CLASS_NAME}} = () => {
       <{{COMPONENT_CLASS_NAME}} {...props}></{{COMPONENT_CLASS_NAME}}>
     </>
   );
-};
+};

package/src/tasks/create/templates/SDK-React/template/FORM/index.tsx.mustache

@@ -2,27 +2,26 @@ import React, { createElement } from 'react';
 
 import { getInstructions } from './utils';
 import createPConnectComponent from '@pega/react-sdk-components/lib/bridge/react_pconnect';
-// import type { PConnProps } from '@pega/react-sdk-components/lib/types/PConnProps';
+import type { PConnProps } from '@pega/react-sdk-components/lib/types/PConnProps';
 
 import './DefaultForm.css';
 
 import Styled{{COMPONENT_CLASS_NAME}}Wrapper from "./styles";
 
-//  Can't use {{COMPONENT_CLASS_NAME}}Props until getPConnect().getChildren()[0] is fixed
-// interface {{COMPONENT_CLASS_NAME}}Props extends PConnProps {
-//   // If any, enter additional props that only exist on this componentName
-//   NumCols?: string,
-//   instructions?: string,
-//   // eslint-disable-next-line react/no-unused-prop-types
-//   children: Array<any>
-// }
+interface {{COMPONENT_CLASS_NAME}}Props extends PConnProps {
+  // If any, enter additional props that only exist on this componentName
+  NumCols?: string,
+  instructions?: string,
+  // eslint-disable-next-line react/no-unused-prop-types
+  children: Array<any>
+}
 
 
 // Duplicated runtime code from React SDK
 
 // props passed in combination of props from property panel (config.json) and run time props from Constellation
 // any default values in config.pros should be set in defaultProps at bottom of this file
-export default function {{COMPONENT_CLASS_NAME}}(props /* : {{COMPONENT_CLASS_NAME}}Props */) {
+export default function {{COMPONENT_CLASS_NAME}}(props: {{COMPONENT_CLASS_NAME}}Props) {
   const { getPConnect, NumCols = '1' } = props;
   const instructions = getInstructions(getPConnect(), props.instructions);
 

package/src/tasks/create/templates/SDK-React/template/FORM-region/demo.stories.jsx.mustache

@@ -180,4 +180,4 @@ export const Base{{COMPONENT_CLASS_NAME}} = () => {
       </{{COMPONENT_CLASS_NAME}}>
     </>
   );
-};
+};

package/src/tasks/create/templates/SDK-React/widget/PAGE-CASE/demo.stories.jsx.mustache

@@ -49,4 +49,4 @@ export const Base{{COMPONENT_CLASS_NAME}} = () => {
       <{{COMPONENT_CLASS_NAME}} {...props} />
     </>
   );
-};
+};

package/tests/assets/components/SDK-React/create/override-sdk/field/AutoComplete/AutoComplete.tsx

@@ -81,7 +81,7 @@ export default function AutoComplete(props:AutoCompleteProps) {
 
   const thePConn = getPConnect();
   const actionsApi = thePConn.getActionsApi();
-  const propName = thePConn.getStateProps().value;
+  const propName = thePConn.getStateProps()["value"];
 
   if (!isDeepEqual(datasource, theDatasource)) {
     // inbound datasource is different, so update theDatasource (to trigger useEffect)

package/tests/assets/components/SDK-React/create/override-sdk/field/Checkbox/Checkbox.tsx

@@ -8,34 +8,36 @@ import {
 } from '@material-ui/core';
 import handleEvent from '@pega/react-sdk-components/lib/components/helpers/event-utils';
 import FieldValueList from '@pega/react-sdk-components/lib/components/designSystemExtension/FieldValueList';
-import type { PConnProps } from '@pega/react-sdk-components/lib/types/PConnProps';
+// import type { PConnProps } from '../../../types/PConnProps';
 
 // Checkbox passes in 'value' as a boolean. So can't use the default
 //  PConnFieldProps since it expects value to be a string.
-interface CheckboxProps extends PConnProps {
-  // If any, enter additional props that only exist on Checkbox here
-  // Everything from PConnFieldProps except value and change type of value to boolean
+// But can't use CheckBoxProps until getValidationApi() knows about validate method
+//  Currently just thinks that returns an "object"
+// interface CheckboxProps extends PConnProps {
+//   // If any, enter additional props that only exist on Checkbox here
+//   // Everything from PConnFieldProps except value and change type of value to boolean
 
-  value?: boolean,
-  label: string,
-  required: boolean,
-  disabled: boolean,
-  validatemessage: string,
-  status?: string,
-  // eslint-disable-next-line react/no-unused-prop-types
-  onChange: any,
-  // eslint-disable-next-line react/no-unused-prop-types
-  onBlur?: any,
-  readOnly: boolean,
-  testId: string,
-  helperText: string,
-  displayMode?: string,
-  hideLabel: boolean,
-  // eslint-disable-next-line react/no-unused-prop-types
-  placeholder?: string
-}
+//   value?: boolean,
+//   label: string,
+//   required: boolean,
+//   disabled: boolean,
+//   validatemessage: string,
+//   status?: string,
+//   // eslint-disable-next-line react/no-unused-prop-types
+//   onChange: any,
+//   // eslint-disable-next-line react/no-unused-prop-types
+//   onBlur?: any,
+//   readOnly: boolean,
+//   testId: string,
+//   helperText: string,
+//   displayMode?: string,
+//   hideLabel: boolean,
+//   // eslint-disable-next-line react/no-unused-prop-types
+//   placeholder?: string
+// }
 
-export default function CheckboxComponent(props: CheckboxProps) {
+export default function CheckboxComponent(props /* : CheckboxProps */) {
   const {
     getPConnect,
     label,
@@ -54,9 +56,9 @@ export default function CheckboxComponent(props: CheckboxProps) {
 
   const thePConn = getPConnect();
   const theConfigProps = thePConn.getConfigProps();
-  const { caption } = theConfigProps;
+  const caption = theConfigProps["caption"];
   const actionsApi = thePConn.getActionsApi();
-  const propName = thePConn.getStateProps().value;
+  const propName = thePConn.getStateProps()["value"];
 
   const [checked, setChecked] = useState(false);
   useEffect(() => {

package/tests/assets/components/SDK-React/create/override-sdk/field/Currency/Currency.tsx

@@ -35,7 +35,7 @@ export default function Currency(props:CurrrencyProps) {
 
   const pConn = getPConnect();
   const actions = pConn.getActionsApi();
-  const propName = pConn.getStateProps().value;
+  const propName = pConn.getStateProps()["value"];
   const helperTextToDisplay = validatemessage || helperText;
 
   // console.log(`Currency: label: ${label} value: ${value}`);

package/tests/assets/components/SDK-React/create/override-sdk/field/Date/Date.tsx

@@ -37,7 +37,7 @@ export default function Date(props:DateProps) {
 
   const pConn = getPConnect();
   const actions = pConn.getActionsApi();
-  const propName = pConn.getStateProps().value;
+  const propName = pConn.getStateProps()["value"];
   const helperTextToDisplay = validatemessage || helperText;
 
   // Start with default dateFormatInfo

package/tests/assets/components/SDK-React/create/override-sdk/field/DateTime/DateTime.tsx

@@ -31,7 +31,7 @@ export default function DateTime(props: DateTimeProps) {
 
   const pConn = getPConnect();
   const actions = pConn.getActionsApi();
-  const propName = pConn.getStateProps().value;
+  const propName = pConn.getStateProps()["value"];
   const helperTextToDisplay = validatemessage || helperText;
 
   // Start with default dateFormatInfo

package/tests/assets/components/SDK-React/create/override-sdk/field/Decimal/Decimal.tsx

@@ -38,7 +38,7 @@ export default function Decimal(props: DecimalProps) {
 
   const pConn = getPConnect();
   const actions = pConn.getActionsApi();
-  const propName = pConn.getStateProps().value;
+  const propName = pConn.getStateProps()["value"];
   const helperTextToDisplay = validatemessage || helperText;
 
   const [decValue, setDecimalvalue] = useState('');

package/tests/assets/components/SDK-React/create/override-sdk/field/Dropdown/Dropdown.tsx

@@ -4,26 +4,27 @@ import MenuItem from '@material-ui/core/MenuItem';
 import Utils from '@pega/react-sdk-components/lib/components/helpers/utils';
 import handleEvent from '@pega/react-sdk-components/lib/components/helpers/event-utils';
 import FieldValueList from '@pega/react-sdk-components/lib/components/designSystemExtension/FieldValueList';
-import type { PConnFieldProps } from '@pega/react-sdk-components/lib/types/PConnProps';
+// import type { PConnFieldProps } from '../../../types/PConnProps';
 
 interface IOption {
   key: string;
   value: string;
 }
 
-interface DropdownProps extends PConnFieldProps {
-  // If any, enter additional props that only exist on Dropdown here
-  datasource?: Array<any>,
-  onRecordChange?: any,
-  fieldMetadata?: any,
-  // eslint-disable-next-line react/no-unused-prop-types
-  listType: string,
-  // eslint-disable-next-line react/no-unused-prop-types
-  additionalProps?: object
-}
+// Can't use DropdownProps with 8.23 until getLocaleRuleNameFromKeys is NOT private
+// interface DropdownProps extends PConnFieldProps {
+//   // If any, enter additional props that only exist on Dropdown here
+//   datasource?: Array<any>,
+//   onRecordChange?: any,
+//   fieldMetadata?: any,
+//   // eslint-disable-next-line react/no-unused-prop-types
+//   listType: string,
+//   // eslint-disable-next-line react/no-unused-prop-types
+//   additionalProps?: object
+// }
 
 
-export default function Dropdown(props: DropdownProps) {
+export default function Dropdown(props /* : DropdownProps */) {
   const {
     getPConnect,
     label,
@@ -41,14 +42,14 @@ export default function Dropdown(props: DropdownProps) {
     onRecordChange,
     fieldMetadata
   } = props;
-  let { placeholder } = props;
+  let { placeholder = "" } = props;
   placeholder = placeholder || 'Select...';
   const [options, setOptions] = useState<Array<IOption>>([]);
   const helperTextToDisplay = validatemessage || helperText;
 
   const thePConn = getPConnect();
   const actionsApi = thePConn.getActionsApi();
-  const propName = thePConn.getStateProps().value;
+  const propName = thePConn.getStateProps()["value"];
   const className = thePConn.getCaseInfo().getClassName();
   const refName = propName?.slice(propName.lastIndexOf('.') + 1);
 

package/tests/assets/components/SDK-React/create/override-sdk/field/RadioButtons/RadioButtons.tsx

@@ -11,16 +11,17 @@ import {
 import Utils from '@pega/react-sdk-components/lib/components/helpers/utils';
 import handleEvent from '@pega/react-sdk-components/lib/components/helpers/event-utils';
 import FieldValueList from '@pega/react-sdk-components/lib/components/designSystemExtension/FieldValueList';
-import type { PConnFieldProps } from '@pega/react-sdk-components/lib/types/PConnProps';
+// import type { PConnFieldProps } from '../../../types/PConnProps';
 
-interface RadioButtonsProps extends PConnFieldProps {
-  // If any, enter additional props that only exist on RadioButtons here
-  inline: boolean,
-  fieldMetadata?: any
-}
+// Can't use RadioButtonProps until getLocaleRuleNameFromKeys is NOT private
+// interface RadioButtonsProps extends PConnFieldProps {
+//   // If any, enter additional props that only exist on RadioButtons here
+//   inline: boolean,
+//   fieldMetadata?: any
+// }
 
 
-export default function RadioButtons(props: RadioButtonsProps) {
+export default function RadioButtons(props /* : RadioButtonsProps */ ) {
   const {
     getPConnect,
     label,
@@ -40,7 +41,7 @@ export default function RadioButtons(props: RadioButtonsProps) {
   const thePConn = getPConnect();
   const theConfigProps = thePConn.getConfigProps();
   const actionsApi = thePConn.getActionsApi();
-  const propName = thePConn.getStateProps().value;
+  const propName = thePConn.getStateProps()["value"];
   const helperTextToDisplay = validatemessage || helperText;
   const className = thePConn.getCaseInfo().getClassName();
 

package/tests/assets/components/SDK-React/create/override-sdk/field/TextInput/TextInput.tsx

@@ -31,7 +31,7 @@ export default function TextInput(props: TextInputProps) {
 
   const pConn = getPConnect();
   const actions = pConn.getActionsApi();
-  const propName = pConn.getStateProps().value;
+  const propName = pConn.getStateProps()["value"];
 
   const helperTextToDisplay = validatemessage || helperText;
 

package/tests/assets/components/SDK-React/create/override-sdk/infra/Assignment/Assignment.tsx

@@ -5,20 +5,23 @@ import Snackbar from '@material-ui/core/Snackbar';
 import IconButton from '@material-ui/core/IconButton';
 import CloseIcon from '@material-ui/icons/Close';
 
-import type { PConnProps } from '@pega/react-sdk-components/lib/types/PConnProps';
-
-interface AssignmentProps extends PConnProps {
-  // If any, enter additional props that only exist on this component
-  children: Array<any>,
-  itemKey: string,
-  isInModal: boolean,
-  banners: Array<any>
-  // eslint-disable-next-line react/no-unused-prop-types
-  actionButtons: Array<any>,
-}
-
-
-export default function Assignment(props: AssignmentProps) {
+// import type { PConnProps } from '../../../types/PConnProps';
+
+// Can't use AssignmentProps until the following are NOT private
+//  getCaseInfo().isAssignmentInCreateStage()
+//  getCaseInfo().isLocalAction()
+// interface AssignmentProps extends PConnProps {
+//   // If any, enter additional props that only exist on this component
+//   children: Array<any>,
+//   itemKey: string,
+//   isInModal: boolean,
+//   banners: Array<any>
+//   // eslint-disable-next-line react/no-unused-prop-types
+//   actionButtons: Array<any>,
+// }
+
+
+export default function Assignment(props /* : AssignmentProps */) {
   const { getPConnect, children, itemKey = '', isInModal = false, banners = [] } = props;
   const thePConn = getPConnect();
 
@@ -81,7 +84,7 @@ export default function Assignment(props: AssignmentProps) {
       const oData = thePConn.getDataObject('');  // 1st arg empty string until typedefs allow it to be optional
 
       if (oWorkData?.caseInfo && oWorkData.caseInfo.assignments !== null) {
-        const oCaseInfo = oData.caseInfo;
+        const oCaseInfo = oData["caseInfo"];
 
         if (oCaseInfo && oCaseInfo.actionButtons) {
           setActionButtons(oCaseInfo.actionButtons);

package/tests/assets/components/SDK-React/create/override-sdk/infra/ErrorBoundary/ErrorBoundary.tsx

@@ -38,7 +38,7 @@ export default function ErrorBoundary(props: ErrorBoundaryProps) {
     Raw meta data for the component:`, localeCategory)} ${JSON.stringify(pConn.getRawMetadata())}`);
   }
 
-  if (pConn.getConfigProps().type === "page") {
+  if (pConn.getConfigProps()["type"] === "page") {
     return (
       theErrorDiv
     );

package/tests/assets/components/SDK-React/create/override-sdk/template/AppShell/AppShell.tsx

@@ -93,7 +93,7 @@ export default function AppShell(props:AppShellProps) {
   useEffect(() => {
     setAppName(PCore.getEnvironmentInfo().getApplicationName());
 
-    const tempMap: any = pConn.getChildren()?.map((child: any, index) => {
+    const tempMap: any = pConn.getChildren()?.["map"]((child: any, index) => {
       const theChildComp = child.getPConnect().getComponentName();
       const theKey = `.${index}`;
       return (

package/tests/assets/components/SDK-React/create/override-sdk/template/CaseSummary/CaseSummary.tsx

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

package/tests/assets/components/SDK-React/create/override-sdk/template/InlineDashboardPage/InlineDashboardPage.tsx

@@ -23,7 +23,7 @@ export default function InlineDashboardPage(props: InlineDashboardPageProps) {
     return Children.toArray(children);
   }, [children]);
 
-  const allFilters = getPConnect().getRawMetadata().children[1];
+  const allFilters = getPConnect().getRawMetadata()["children"][1];
 
   useEffect(() => {
     setFilterComponents(buildFilterComponents(getPConnect, allFilters));

package/tests/assets/components/SDK-React/create/override-sdk/template/PromotedFilters/PromotedFilters.tsx

@@ -6,16 +6,18 @@ import ListView from '@pega/react-sdk-components/lib/components/template/ListVie
 import { isEmptyObject } from '@pega/react-sdk-components/lib/components/helpers/common-utils';
 import './PromotedFilters.css';
 
-import type { PConnProps } from '@pega/react-sdk-components/lib/types/PConnProps';
-
-interface PromotedFilterProps extends PConnProps {
-  // If any, enter additional props that only exist on this component
-  viewName: string,
-  filters: Array<any>,
-  listViewProps: any,
-  pageClass: string,
-  parameters?: object
-}
+// import type { PConnProps } from '../../../types/PConnProps';
+
+// Can't use PromotedFilterProps until getContainerManager() knows about addTransientItem
+//  Currently just expects "object"
+// interface PromotedFilterProps extends PConnProps {
+//   // If any, enter additional props that only exist on this component
+//   viewName: string,
+//   filters: Array<any>,
+//   listViewProps: any,
+//   pageClass: string,
+//   parameters?: object
+// }
 
 
 const localeCategory = 'SimpleTable';
@@ -65,7 +67,7 @@ function isValidInput(input) {
   return Object.values(input).findIndex((v) => v) >= 0;
 }
 
-export default function PromotedFilters(props: PromotedFilterProps) {
+export default function PromotedFilters(props /* : PromotedFilterProps */) {
   const localizedVal = PCore.getLocaleUtils().getLocaleValue;
   const { getPConnect, viewName, filters, listViewProps, pageClass, parameters } = props;
   const [initTable, setInitTable] = useState(false);

package/tests/assets/components/SDK-React/create/override-sdk/template/SimpleTable/SimpleTable.tsx

@@ -1,18 +1,18 @@
 import React from 'react';
 import FieldGroupTemplate from '@pega/react-sdk-components/lib/components/template/FieldGroupTemplate';
 import SimpleTableManual from '@pega/react-sdk-components/lib/components/template/SimpleTable/SimpleTableManual';
-import type { PConnProps } from '@pega/react-sdk-components/lib/types/PConnProps';
-
-interface SimpleTableProps extends PConnProps {
-  // If any, enter additional props that only exist on this component
-  multiRecordDisplayAs: string,
-  allowTableEdit: boolean,
-  contextClass: any
-}
+// import type { PConnProps } from '../../../../types/PConnProps';
 
+// Can't use SimpleTableProps until getComponentConfig() and getFieldMetadata() are NOT private
+// interface SimpleTableProps extends PConnProps {
+//   // If any, enter additional props that only exist on this component
+//   multiRecordDisplayAs: string,
+//   allowTableEdit: boolean,
+//   contextClass: any
+// }
 
 
-export default function SimpleTable(props: SimpleTableProps) {
+export default function SimpleTable(props /* : SimpleTableProps */) {
   const { getPConnect, multiRecordDisplayAs, allowTableEdit } = props;
 
   let { contextClass } = props;

package/tests/assets/components/SDK-React/create/override-sdk/template/SimpleTableManual/SimpleTableManual.tsx

@@ -150,7 +150,7 @@ export default function SimpleTableManual(props: SimpleTableManualProps) {
   //    config.datasource (ex: "@ASSOCIATED .DeclarantChoice")
   //  Neither of these appear in the resolved props
 
-  const rawConfig = rawMetadata?.config;
+  const rawConfig = rawMetadata?.["config"];
   const rawFields =
     rawConfig?.children?.[0]?.children || rawConfig?.presets?.[0].children?.[0]?.children;
 

package/tests/assets/components/SDK-React/create/override-sdk/widget/Attachment/Attachment.tsx

@@ -44,7 +44,7 @@ export default function Attachment(props /* :AttachmentProps */) {
     categoryName = value.pyCategoryName;
   }
 
-  let valueRef = pConn.getStateProps().value;
+  let valueRef = pConn.getStateProps()["value"];
   valueRef = valueRef.indexOf('.') === 0 ? valueRef.substring(1) : valueRef;
   const [file, setFile] = useState(fileTemp);
 
@@ -254,7 +254,7 @@ export default function Attachment(props /* :AttachmentProps */) {
             }
           );
         }
-        const fieldName = pConn.getStateProps().value;
+        const fieldName = pConn.getStateProps()["value"];
         const context = pConn.getContextName();
 
         PCore.getMessageManager().clearMessages({