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

package/tests/assets/components/SDK-React/createAll/custom-sdk/field/Pega_DXIL_MyBoolean/index.tsx

@@ -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 StyledPegaDxilMyBooleanWrapper from './styles';
-import type { PConnProps } from '@pega/react-sdk-components/lib/types/PConnProps';
-
-interface PegaDxilMyBooleanProps 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 PegaDxilMyBooleanProps until getValidationApi() knows about validate method
+// interface PegaDxilMyBooleanProps 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 PegaDxilMyBoolean(props: PegaDxilMyBooleanProps) {
+export default function PegaDxilMyBoolean(props /* : PegaDxilMyBooleanProps */) {
   const {
     getPConnect,
     label,

package/tests/assets/components/SDK-React/createAll/custom-sdk/field/Pega_DXIL_MyCurrency/demo.stories.jsx

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

package/tests/assets/components/SDK-React/createAll/custom-sdk/field/Pega_DXIL_MyDate/demo.stories.jsx

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

package/tests/assets/components/SDK-React/createAll/custom-sdk/field/Pega_DXIL_MyDateTime/demo.stories.jsx

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

package/tests/assets/components/SDK-React/createAll/custom-sdk/field/Pega_DXIL_MyDecimal/demo.stories.jsx

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

package/tests/assets/components/SDK-React/createAll/custom-sdk/template/Pega_DXIL_MyDetails/demo.stories.jsx

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

package/tests/assets/components/SDK-React/createAll/custom-sdk/template/Pega_DXIL_MyDetails/mock.stories.js

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

package/tests/assets/components/SDK-React/createAll/custom-sdk/template/Pega_DXIL_MyForm/demo.stories.jsx

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

package/tests/assets/components/SDK-React/createAll/custom-sdk/template/Pega_DXIL_MyForm/index.tsx

@@ -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 StyledPegaDxilMyFormWrapper from "./styles";
 
-//  Can't use PegaDxilMyFormProps until getPConnect().getChildren()[0] is fixed
-// interface PegaDxilMyFormProps 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 PegaDxilMyFormProps 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 PegaDxilMyForm(props /* : PegaDxilMyFormProps */) {
+export default function PegaDxilMyForm(props: PegaDxilMyFormProps) {
   const { getPConnect, NumCols = '1' } = props;
   const instructions = getInstructions(getPConnect(), props.instructions);
 

package/tests/assets/components/SDK-React/createAll/custom-sdk/template/Pega_DXIL_MyTwoColumnDetails/demo.stories.jsx

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

package/tests/assets/components/SDK-React/createAll/custom-sdk/template/Pega_DXIL_MyTwoColumnDetails/mock.stories.js

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

package/tests/assets/components/SDK-React/createAll/custom-sdk/template/Pega_DXIL_MyTwoColumnForm/demo.stories.jsx

@@ -177,4 +177,4 @@ export const BasePegaDxilMyTwoColumnForm = () => {
       </PegaDxilMyTwoColumnForm>
     </>
   );
-};
+};

package/tests/assets/components/SDK-React/createAll/custom-sdk/widget/Pega_DXIL_MyPageCaseWidget/demo.stories.jsx

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

package/tests/assets/components/SDK-React/createAll/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/createAll/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/createAll/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/createAll/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/createAll/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/createAll/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/createAll/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/createAll/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/createAll/override-sdk/field/ScalarList/ScalarList.tsx

@@ -1,7 +1,7 @@
 /* eslint-disable react/no-array-index-key */
 import React from 'react';
 import FieldValueList from '@pega/react-sdk-components/lib/components/designSystemExtension/FieldValueList';
-import { PConnProps } from 'packages/react-sdk-components/src/types/PConnProps';
+import { PConnProps } from '@pega/react-sdk-components/lib/types/PConnProps';
 
 // ScalarListProps can't extend PConnFieldProps because its 'value' has a different type
 interface ScalarListProps extends PConnProps {
@@ -48,7 +48,7 @@ export default function ScalarList(props: ScalarListProps) {
         readOnly: 'true'
       }
     },
-    null, null, {}); // 2nd, 3rd, and 4th args empty string/object/null until typedef marked correctly as optional;
+    '', '', {}); // 2nd, 3rd, and 4th args empty string/object/null until typedef marked correctly as optional
   });
 
   if (['LABELS_LEFT', 'STACKED_LARGE_VAL', 'DISPLAY_ONLY'].includes(displayMode)) {

package/tests/assets/components/SDK-React/createAll/override-sdk/field/ScalarList/config-ext.json

@@ -1,23 +1,8 @@
 {
-    "label": "ScalarList",
-    "componentKey": "ScalarList",
-    "name": "ScalarList",
-    "type": "Field",
-    "properties": [
-        {
-            "component": "$this.componentType",
-            "format": "COMPONENTDEFINITION"
-        },
-        {
-            "label": "List settings",
-            "format": "GROUP",
-            "properties": [
-                {
-                    "name": "filter",
-                    "label": "Filter by",
-                    "format": "SCALARLISTFILTER"
-                }
-            ]
-        }
-    ]
-}
+  "label": "ScalarList",
+  "componentKey": "ScalarList",
+  "name": "ScalarList",
+  "type": "Field",
+  "properties": [
+  ]
+}

package/tests/assets/components/SDK-React/createAll/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/createAll/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/createAll/override-sdk/infra/DashboardFilter/DashboardFilter.tsx

@@ -109,7 +109,7 @@ export default function DashboardFilter(props: DashboardFilterProps) {
       fireFilterChange(e.id);
     };
     return getPConnect().createComponent(metadata,
-      null, null, {}); // 2nd, 3rd, and 4th args empty string/object/null until typedef marked correctly as optional;
+      '', '', {}); // 2nd, 3rd, and 4th args empty string/object/null until typedef marked correctly as optional);
   };
 
   const onChange = dates => {

package/tests/assets/components/SDK-React/createAll/override-sdk/infra/DashboardFilter/filterUtils.tsx

@@ -91,7 +91,8 @@ export const createFilterComponent = (getPConnect, filterMeta, index) => {
       metadata={filterMeta}
       type={filterMeta.type}
     >
-      {getPConnect().createComponent(filterMeta, '','', {})}
+      {getPConnect().createComponent(filterMeta,
+        '', '', {})}
     </DashboardFilter>
   );
 };

package/tests/assets/components/SDK-React/createAll/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/createAll/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/createAll/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)