@pega/custom-dx-components 0.23.16 → 0.23.18

package/tests/assets/components/createAll/Constellation/Pega_DXIL_MyDateTime/index.jsx

@@ -40,22 +40,12 @@ const PegaDxilMyDateTime = props => {
     additionalProps,
     displayMode,
     variant,
-    hasSuggestions,
-    fieldMetadata,
-    enableAdditionalInformation
+    hasSuggestions
   } = props;
   let { formatter } = props;
   const pConn = getPConnect();
   const actions = pConn.getActionsApi();
   const propName = pConn.getStateProps().value;
-  const fieldDescription = fieldMetadata?.description;
-  const additionalInfo =
-    enableAdditionalInformation && fieldDescription
-      ? {
-          heading: label,
-          content: fieldDescription
-        }
-      : undefined;
 
   const environmentInfo = PCore.getEnvironmentInfo();
   const timezone = environmentInfo && environmentInfo.getTimeZone();
@@ -191,7 +181,6 @@ const PegaDxilMyDateTime = props => {
       label={label}
       labelHidden={hideLabel}
       info={validatemessage || helperText}
-      additionalInfo={additionalInfo}
       status={status}
       value={DateTimeFormatter.convertToTimezone(value, { timezone }) || undefined}
       withSeconds={withSeconds}
@@ -234,9 +223,7 @@ PegaDxilMyDateTime.defaultProps = {
   displayMode: null,
   variant: "inline",
   Format: "defaultDateTime",
-  hasSuggestions: false,
-  fieldMetadata: {},
-  enableAdditionalInformation: false
+  hasSuggestions: false
 };
 
 PegaDxilMyDateTime.propTypes = {
@@ -261,9 +248,7 @@ PegaDxilMyDateTime.propTypes = {
   variant: PropTypes.string,
   formatter: PropTypes.string,
   Format: PropTypes.string,
-  hasSuggestions: PropTypes.bool,
-  fieldMetadata: PropTypes.objectOf(PropTypes.any),
-  enableAdditionalInformation: PropTypes.bool
+  hasSuggestions: PropTypes.bool
 };
 
 export default PegaDxilMyDateTime;

package/tests/assets/components/createAll/Constellation/Pega_DXIL_MyDecimal/index.jsx

@@ -30,9 +30,7 @@ const PegaDxilMyDecimal = props => {
     notation,
     currencyISOCode,
     isTableFormatter,
-    hasSuggestions,
-    fieldMetadata,
-    enableAdditionalInformation
+    hasSuggestions
   } = props;
   let { showGroupSeparators } = props;
   let { currencyDisplay } = props;
@@ -40,14 +38,6 @@ const PegaDxilMyDecimal = props => {
   const actions = pConn.getActionsApi();
   const propName = pConn.getStateProps().value;
   const [decimalValue, setDecimalValue] = useState(value?.toString());
-  const fieldDescription = fieldMetadata?.description;
-  const additionalInfo =
-    enableAdditionalInformation && fieldDescription
-      ? {
-          heading: label,
-          content: fieldDescription
-        }
-      : undefined;
   const hasValueChange = useRef(false);
 
   let { readOnly, required, disabled } = props;
@@ -197,7 +187,6 @@ const PegaDxilMyDecimal = props => {
       numberOfDecimals={numberOfDecimals}
       showGroupSeparators={showGroupSeparators}
       data-testid={testId}
-      additionalInfo={additionalInfo}
       onChange={(enteredValue) => {
         if (hasSuggestions) {
           setStatus(undefined);
@@ -247,9 +236,7 @@ PegaDxilMyDecimal.defaultProps = {
   currencyDisplay: 'symbol',
   currencyDecimalPrecision: 'auto',
   isTableFormatter: false,
-  hasSuggestions: false,
-  fieldMetadata: {},
-  enableAdditionalInformation: false
+  hasSuggestions: false
 };
 
 PegaDxilMyDecimal.propTypes = {
@@ -277,9 +264,7 @@ PegaDxilMyDecimal.propTypes = {
   currencyDisplay: PropTypes.string,
   currencyDecimalPrecision: PropTypes.string,
   isTableFormatter: PropTypes.bool,
-  hasSuggestions: PropTypes.bool,
-  fieldMetadata: PropTypes.objectOf(PropTypes.any),
-  enableAdditionalInformation: PropTypes.bool
+  hasSuggestions: PropTypes.bool
 };
 
 export default PegaDxilMyDecimal;

package/tests/assets/components/createAll/Constellation/Pega_DXIL_MyDetails/demo.stories.jsx

@@ -88,6 +88,9 @@ export const basePegaDxilMyDetails = () => {
         getRawMetadata: () => {
           return pyReviewRaw;
         },
+        getContextName: () => {
+          return 'app/primary_1';
+        },
         getInheritedProps: () => {
           return pyReviewRaw.config.inheritedProps;
         },

package/tests/assets/components/createAll/Constellation/Pega_DXIL_MyEmail/index.jsx

@@ -70,22 +70,12 @@ const PegaDxilMyEmail = props => {
     additionalProps,
     variant,
     isTableFormatter,
-    hasSuggestions,
-    fieldMetadata,
-    enableAdditionalInformation
+    hasSuggestions
   } = props;
   const { formatter } = props;
   const pConn = getPConnect();
   const actions = pConn.getActionsApi();
   const propName = pConn.getStateProps().value;
-  const fieldDescription = fieldMetadata?.description;
-  const additionalInfo =
-    enableAdditionalInformation && fieldDescription
-      ? {
-          heading: label,
-          content: fieldDescription
-        }
-      : undefined;
 
   const hasValueChange = useRef(false);
 
@@ -168,7 +158,6 @@ const PegaDxilMyEmail = props => {
       label={label}
       labelHidden={hideLabel}
       info={validatemessage || helperText}
-      additionalInfo={additionalInfo}
       value={inputValue}
       status={status}
       placeholder={placeholder}
@@ -217,9 +206,7 @@ PegaDxilMyEmail.defaultProps = {
   variant: 'inline',
   formatter: '',
   isTableFormatter: false,
-  hasSuggestions: false,
-  fieldMetadata: {},
-  enableAdditionalInformation: false
+  hasSuggestions: false
 };
 
 PegaDxilMyEmail.propTypes = {
@@ -239,9 +226,7 @@ PegaDxilMyEmail.propTypes = {
   variant: PropTypes.string,
   formatter: PropTypes.string,
   isTableFormatter: PropTypes.bool,
-  hasSuggestions: PropTypes.bool,
-  fieldMetadata: PropTypes.objectOf(PropTypes.any),
-  enableAdditionalInformation: PropTypes.bool
+  hasSuggestions: PropTypes.bool
 };
 
 export default PegaDxilMyEmail;

package/tests/assets/components/createAll/Constellation/Pega_DXIL_MyForm/demo.stories.jsx

@@ -133,6 +133,9 @@ export const basePegaDxilMyForm = () => {
         getChildren: () => {
           return pyReviewRaw.children;
         },
+        getInheritedProps: () => {
+          return pyReviewRaw.config.inheritedProps;
+        },
         createComponent: config => {
           // eslint-disable-next-line default-case
           switch (config.config.value) {

package/tests/assets/components/createAll/Constellation/Pega_DXIL_MyInteger/index.jsx

@@ -37,9 +37,7 @@ const PegaDxilMyInteger = props => {
     negative,
     notation,
     isTableFormatter,
-    hasSuggestions,
-    fieldMetadata,
-    enableAdditionalInformation
+    hasSuggestions
   } = props;
   let { showGroupSeparators } = props;
   let { currencyDisplay } = props;
@@ -48,14 +46,6 @@ const PegaDxilMyInteger = props => {
   const propName = pConn.getStateProps().value;
   const [integerValue, setIntegerValue] = useState(value?.toString());
   const sliderDefaultValue = !defaultValue && defaultValue !== 0 ? max : defaultValue;
-  const fieldDescription = fieldMetadata?.description;
-  const additionalInfo =
-    enableAdditionalInformation && fieldDescription
-      ? {
-          heading: label,
-          content: fieldDescription
-        }
-      : undefined;
 
   const hasValueChange = useRef(false);
 
@@ -218,7 +208,6 @@ const PegaDxilMyInteger = props => {
       label={label}
       labelHidden={hideLabel}
       info={validatemessage || helperText}
-      additionalInfo={additionalInfo}
       value={!integerValue ? sliderDefaultValue : Number(integerValue)}
       status={status}
       placeholder={placeholder}
@@ -246,7 +235,6 @@ const PegaDxilMyInteger = props => {
       label={label}
       labelHidden={hideLabel}
       info={validatemessage || helperText}
-      additionalInfo={additionalInfo}
       value={integerValue}
       status={status}
       placeholder={displayAs === 'input' ? placeholder : ''}
@@ -305,9 +293,7 @@ PegaDxilMyInteger.defaultProps = {
   currencyDisplay: 'symbol',
   currencyDecimalPrecision: 'auto',
   isTableFormatter: false,
-  hasSuggestions: false,
-  fieldMetadata: {},
-  enableAdditionalInformation: false
+  hasSuggestions: false
 };
 
 PegaDxilMyInteger.propTypes = {
@@ -342,9 +328,7 @@ PegaDxilMyInteger.propTypes = {
   currencyDisplay: PropTypes.string,
   currencyDecimalPrecision: PropTypes.string,
   isTableFormatter: PropTypes.bool,
-  hasSuggestions: PropTypes.bool,
-  fieldMetadata: PropTypes.objectOf(PropTypes.any),
-  enableAdditionalInformation: PropTypes.bool
+  hasSuggestions: PropTypes.bool
 };
 
 export default PegaDxilMyInteger;

package/tests/assets/components/createAll/Constellation/Pega_DXIL_MyParagraph/index.jsx

@@ -71,8 +71,7 @@ const PegaDxilMyParagraph = props => {
     additionalProps,
     variant,
     isTableFormatter,
-    hasSuggestions,
-    enableAdditionalInformation
+    hasSuggestions
   } = props;
   const { formatter } = props;
   const pConn = getPConnect();
@@ -80,8 +79,6 @@ const PegaDxilMyParagraph = props => {
   const propName = pConn.getStateProps().value;
   const maxLength = fieldMetadata?.maxLength;
   const hasValueChange = useRef(false);
-  const fieldDescription = fieldMetadata?.description;
-
 
  // BUG-547602: Temporary type coercion for 8.5 until DXAPIs are enhanced to pass original pxViewMetadata JSON, respecting boolean primitives
   let { readOnly, required, disabled } = props;
@@ -185,14 +182,6 @@ const PegaDxilMyParagraph = props => {
         }
       }}
       onResolveSuggestion={onResolveSuggestionHandler}
-      {...(enableAdditionalInformation && fieldDescription
-        ? {
-            additionalInfo: {
-              heading: label,
-              content: fieldDescription
-            }
-          }
-        : {})}
     />
     </StyledPegaDxilMyParagraphWrapper>
   );
@@ -214,8 +203,7 @@ PegaDxilMyParagraph.defaultProps = {
   variant: 'inline',
   formatter: '',
   isTableFormatter: false,
-  hasSuggestions: false,
-  enableAdditionalInformation: false
+  hasSuggestions: false
 };
 
 PegaDxilMyParagraph.propTypes = {
@@ -236,8 +224,7 @@ PegaDxilMyParagraph.propTypes = {
   variant: PropTypes.string,
   formatter: PropTypes.string,
   isTableFormatter: PropTypes.bool,
-  hasSuggestions: PropTypes.bool,
-  enableAdditionalInformation: PropTypes.bool
+  hasSuggestions: PropTypes.bool
 };
 
 export default PegaDxilMyParagraph;

package/tests/assets/components/createAll/Constellation/Pega_DXIL_MyPercentage/index.jsx

@@ -35,23 +35,13 @@ const PegaDxilMyPercentage = props => {
     variant,
     formatter,
     isTableFormatter,
-    hasSuggestions,
-    fieldMetadata,
-    enableAdditionalInformation
+    hasSuggestions
   } = props;
   let { showGroupSeparators } = props;
   const pConn = getPConnect();
   const actions = pConn.getActionsApi();
   const propName = pConn.getStateProps().value;
   const [percentageValue, setPercentageValue] = useState(value?.toString());
-  const fieldDescription = fieldMetadata?.description;
-  const additionalInfo =
-    enableAdditionalInformation && fieldDescription
-      ? {
-          heading: label,
-          content: fieldDescription
-        }
-      : undefined;
 
   const hasValueChange = useRef(false);
 
@@ -203,7 +193,6 @@ const PegaDxilMyPercentage = props => {
       label={label}
       labelHidden={hideLabel}
       info={validatemessage || helperText}
-      additionalInfo={additionalInfo}
       value={percentageValue}
       status={status}
       placeholder={placeholder}
@@ -258,9 +247,7 @@ PegaDxilMyPercentage.defaultProps = {
   currencyISOCode: 'USD',
   formatter: '',
   isTableFormatter: false,
-  hasSuggestions: false,
-  fieldMetadata: {},
-  enableAdditionalInformation: false
+  hasSuggestions: false
 };
 
 PegaDxilMyPercentage.propTypes = {
@@ -283,9 +270,7 @@ PegaDxilMyPercentage.propTypes = {
   formatter: PropTypes.string,
   currencyISOCode: PropTypes.string,
   isTableFormatter: PropTypes.bool,
-  hasSuggestions: PropTypes.bool,
-  fieldMetadata: PropTypes.objectOf(PropTypes.any),
-  enableAdditionalInformation: PropTypes.bool
+  hasSuggestions: PropTypes.bool
 };
 
 export default PegaDxilMyPercentage;

package/tests/assets/components/createAll/Constellation/Pega_DXIL_MyPhone/index.jsx

@@ -79,15 +79,12 @@ const PegaDxilMyPhone = props => {
     additionalProps,
     variant,
     isTableFormatter,
-    hasSuggestions,
-    fieldMetadata,
-    enableAdditionalInformation
+    hasSuggestions
   } = props;
   const { formatter } = props;
   const pConn = getPConnect();
   const actions = pConn.getActionsApi();
   const propName = pConn.getStateProps().value;
-  const fieldDescription = fieldMetadata?.description;
   const hasValueChange = useRef(false);
 
  let callingCodesList = [];
@@ -219,14 +216,6 @@ const PegaDxilMyPhone = props => {
         }
       }}
       onResolveSuggestion={onResolveSuggestionHandler}
-      {...(enableAdditionalInformation && fieldDescription
-        ? {
-            additionalInfo: {
-              heading: label,
-              content: fieldDescription
-            }
-          }
-        : {})}
     />
     </StyledPegaDxilMyPhoneWrapper>
   );
@@ -249,9 +238,7 @@ PegaDxilMyPhone.defaultProps = {
   variant: 'inline',
   formatter: '',
   isTableFormatter: false,
-  hasSuggestions: false,
-  fieldMetadata: {},
-  enableAdditionalInformation: false
+  hasSuggestions: false
 };
 
 PegaDxilMyPhone.propTypes = {
@@ -273,9 +260,7 @@ PegaDxilMyPhone.propTypes = {
   variant: PropTypes.string,
   formatter: PropTypes.string,
   isTableFormatter: PropTypes.bool,
-  hasSuggestions: PropTypes.bool,
-  fieldMetadata: PropTypes.objectOf(PropTypes.any),
-  enableAdditionalInformation: PropTypes.bool
+  hasSuggestions: PropTypes.bool
 };
 
 export default PegaDxilMyPhone;

package/tests/assets/components/createAll/Constellation/Pega_DXIL_MyPicklist/index.jsx

@@ -96,9 +96,7 @@ const PegaDxilMyPicklist = props => {
     variant,
     fieldMetadata,
     isTableFormatter,
-    hasSuggestions,
-    enableAdditionalInformation,
-    additionalInfo
+    hasSuggestions
   } = props;
   const { formatter } = props;
   const pConnect = getPConnect();
@@ -107,8 +105,6 @@ const PegaDxilMyPicklist = props => {
   const className = pConnect.getCaseInfo().getClassName();
   const refName = propName?.slice(propName.lastIndexOf('.') + 1);
 
-  const fieldDescription = fieldMetadata?.description;
-
   let { readOnly, required, disabled } = props;
   [readOnly, required, disabled] = [readOnly, required, disabled].map(
     (prop) => prop === true || (typeof prop === 'string' && prop === 'true')
@@ -266,11 +262,6 @@ const PegaDxilMyPicklist = props => {
     suggestionsHandler(accepted, pConnect, setStatus);
   };
 
-  // In case of User Reference additionalInfo prop is directly passed down
-  const additionalInfoProp = additionalInfo || {
-    heading: label,
-    content: fieldDescription
-  };
 
   return (
     <StyledPegaDxilMyPicklistWrapper>
@@ -300,11 +291,6 @@ const PegaDxilMyPicklist = props => {
         pConnect.getValidationApi().validate(event.target.value);
       }}
       onResolveSuggestion={onResolveSuggestionHandler}
-      {...(additionalInfo || (enableAdditionalInformation && fieldDescription)
-        ? {
-            additionalInfo: additionalInfoProp
-          }
-        : {})}
     >
       {items}
     </Select>
@@ -331,9 +317,7 @@ PegaDxilMyPicklist.defaultProps = {
   variant: 'inline',
   formatter: '',
   isTableFormatter: false,
-  hasSuggestions: false,
-  enableAdditionalInformation: false,
-  additionalInfo: null
+  hasSuggestions: false
 };
 
 PegaDxilMyPicklist.propTypes = {
@@ -362,12 +346,7 @@ PegaDxilMyPicklist.propTypes = {
   variant: PropTypes.string,
   formatter: PropTypes.string,
   isTableFormatter: PropTypes.bool,
-  hasSuggestions: PropTypes.bool,
-  enableAdditionalInformation: PropTypes.bool,
-  additionalInfo: PropTypes.shape({
-    heading: PropTypes.string,
-    content: PropTypes.string
-  })
+  hasSuggestions: PropTypes.bool
 };
 
 export default PegaDxilMyPicklist;

package/tests/assets/components/createAll/Constellation/Pega_DXIL_MyTextInput/index.jsx

@@ -73,15 +73,13 @@ const PegaDxilMyTextInput = props => {
     displayAsStatus,
     variant,
     hasSuggestions,
-    isTableFormatter,
-    enableAdditionalInformation
+    isTableFormatter
   } = props;
   const { formatter } = props;
   const pConn = getPConnect();
   const actions = pConn.getActionsApi();
   const propName = pConn.getStateProps().value;
   const maxLength = fieldMetadata?.maxLength;
-  const fieldDescription = fieldMetadata?.description;
   const hasValueChange = useRef(false);
 
   let { value, readOnly, required, disabled } = props;
@@ -191,14 +189,6 @@ const PegaDxilMyTextInput = props => {
         }
       }}
       onResolveSuggestion={onResolveSuggestionHandler}
-      {...(enableAdditionalInformation && fieldDescription
-        ? {
-            additionalInfo: {
-              heading: label,
-              content: fieldDescription
-            }
-          }
-        : {})}
     />
     </StyledPegaDxilMyTextInputWrapper>
   );
@@ -221,8 +211,7 @@ PegaDxilMyTextInput.defaultProps = {
   variant: 'inline',
   formatter: '',
   isTableFormatter: false,
-  hasSuggestions: false,
-  enableAdditionalInformation: false
+  hasSuggestions: false
 };
 
 PegaDxilMyTextInput.propTypes = {
@@ -244,8 +233,7 @@ PegaDxilMyTextInput.propTypes = {
   variant: PropTypes.string,
   formatter: PropTypes.string,
   isTableFormatter: PropTypes.bool,
-  hasSuggestions: PropTypes.bool,
-  enableAdditionalInformation: PropTypes.bool
+  hasSuggestions: PropTypes.bool
 };
 
 export default PegaDxilMyTextInput;

package/tests/assets/components/createAll/Constellation/Pega_DXIL_MyTimeOfDay/index.jsx

@@ -31,15 +31,12 @@ const PegaDxilMyTimeOfDay = props => {
     additionalProps,
     displayMode,
     variant,
-    hasSuggestions,
-    fieldMetadata,
-    enableAdditionalInformation
+    hasSuggestions
   } = props;
   let { formatter } = props;
   const pConn = getPConnect();
   const actions = pConn.getActionsApi();
   const propName = pConn.getStateProps().value;
-  const fieldDescription = fieldMetadata?.description;
 
   // BUG-547602: Temporary type coercion for 8.5 until DXAPIs are enhanced to pass original pxViewMetadata JSON, respecting boolean primitives
   let { readOnly, required, disabled } = props;
@@ -169,14 +166,6 @@ const PegaDxilMyTimeOfDay = props => {
       onChange={handleChange}
       onBlur={handleBlur}
       onResolveSuggestion={onResolveSuggestionHandler}
-      {...(enableAdditionalInformation && fieldDescription
-        ? {
-            additionalInfo: {
-              heading: label,
-              content: fieldDescription
-            }
-          }
-        : {})}
     />
     </StyledPegaDxilMyTimeOfDayWrapper>
   );
@@ -198,9 +187,7 @@ PegaDxilMyTimeOfDay.defaultProps = {
   displayMode: null,
   variant: "inline",
   formatter:"defaultTime",
-  hasSuggestions: false,
-  fieldMetadata: {},
-  enableAdditionalInformation: false
+  hasSuggestions: false
 };
 
 PegaDxilMyTimeOfDay.propTypes = {
@@ -221,9 +208,7 @@ PegaDxilMyTimeOfDay.propTypes = {
   displayMode: PropTypes.string,
   variant: PropTypes.string,
   formatter : PropTypes.string,
-  hasSuggestions: PropTypes.bool,
-  fieldMetadata: PropTypes.objectOf(PropTypes.any),
-  enableAdditionalInformation: PropTypes.bool
+  hasSuggestions: PropTypes.bool
 };
 
 export default PegaDxilMyTimeOfDay;

package/tests/assets/components/createAll/Constellation/Pega_DXIL_MyTwoColumnDetails/demo.stories.jsx

@@ -88,6 +88,9 @@ export const basePegaDxilMyTwoColumnDetails = () => {
         getRawMetadata: () => {
           return pyReviewRaw;
         },
+        getContextName: () => {
+          return 'app/primary_1';
+        },
         getInheritedProps: () => {
           return pyReviewRaw.config.inheritedProps;
         },

package/tests/assets/components/createAll/Constellation/Pega_DXIL_MyTwoColumnForm/demo.stories.jsx

@@ -138,6 +138,9 @@ export const basePegaDxilMyTwoColumnForm = () => {
         getChildren: () => {
           return pyReviewRaw.children;
         },
+        getInheritedProps: () => {
+          return pyReviewRaw.config.inheritedProps;
+        },
         createComponent: config => {
           // eslint-disable-next-line default-case
           switch (config.config.value) {

package/tests/assets/components/createAll/Constellation/Pega_DXIL_MyURL/index.jsx

@@ -38,15 +38,12 @@ const PegaDxilMyUrl = props => {
     propUrlLabel,
     urlLabelSelection,
     tableDisplayAs,
-    hasSuggestions,
-    fieldMetadata,
-    enableAdditionalInformation
+    hasSuggestions
   } = props;
   const { formatter } = props;
   const pConn = getPConnect();
   const actions = pConn.getActionsApi();
   const propName = pConn.getStateProps().value;
-  const fieldDescription = fieldMetadata?.description;
   const hasValueChange = useRef(false);
 
 
@@ -169,14 +166,6 @@ const PegaDxilMyUrl = props => {
       }}
       onFocus={actions.onFocus}
       onResolveSuggestion={onResolveSuggestionHandler}
-      {...(enableAdditionalInformation && fieldDescription
-        ? {
-            additionalInfo: {
-              heading: label,
-              content: fieldDescription
-            }
-          }
-        : {})}
     />
     </StyledPegaDxilMyUrlWrapper>
   );
@@ -207,9 +196,7 @@ PegaDxilMyUrl.defaultProps = {
   propUrlLabel: '',
   urlLabelSelection: 'constant',
   tableDisplayAs: 'link',
-  hasSuggestions: false,
-  fieldMetadata: {},
-  enableAdditionalInformation: false
+  hasSuggestions: false
 };
 
 PegaDxilMyUrl.propTypes = {
@@ -239,9 +226,7 @@ PegaDxilMyUrl.propTypes = {
   propUrlLabel: PropTypes.string,
   urlLabelSelection: PropTypes.string,
   tableDisplayAs: PropTypes.string,
-  hasSuggestions: PropTypes.bool,
-  fieldMetadata: PropTypes.objectOf(PropTypes.any),
-  enableAdditionalInformation: PropTypes.bool
+  hasSuggestions: PropTypes.bool
 };
 
 export default PegaDxilMyUrl;