@pega/custom-dx-components 0.23.16 → 0.23.18

package/tests/assets/components/createAll/Launchpad/Pega_DXIL_MyBoolean/index.jsx

@@ -29,21 +29,12 @@ const PegaDxilMyBoolean = props => {
     displayMode,
     variant,
     trueLabel,
-    falseLabel,
-    fieldMetadata
+    falseLabel
   } = props;
   const pConn = getPConnect();
   const actions = pConn.getActionsApi();
   const propName = pConn.getStateProps().value;
 
-  const fieldAdditionalInfo = fieldMetadata?.additionalInformation;
-  const additionalInfo = fieldAdditionalInfo
-    ? {
-        heading: caption,
-        content: fieldAdditionalInfo
-      }
-    : undefined;
-
   let { readOnly, required, disabled } = props;
   [readOnly, required, disabled] = [readOnly, required, disabled].map(
     (prop) => prop === true || (typeof prop === 'string' && prop === 'true')
@@ -71,7 +62,6 @@ const PegaDxilMyBoolean = props => {
         pConn.getValidationApi().validate(event.target.checked);
       }}
       data-testid={testId}
-      additionalInfo={additionalInfo}
     />
   );
 
@@ -155,7 +145,6 @@ PegaDxilMyBoolean.defaultProps = {
   displayValue: 'Yes/No',
   trueLabel: '',
   falseLabel: '',
-  fieldMetadata: {}
 };
 
 PegaDxilMyBoolean.propTypes = {
@@ -175,8 +164,7 @@ PegaDxilMyBoolean.propTypes = {
   variant: PropTypes.string,
   displayValue: PropTypes.string,
   trueLabel: PropTypes.string,
-  falseLabel: PropTypes.string,
-  fieldMetadata: PropTypes.objectOf(PropTypes.any)
+  falseLabel: PropTypes.string
 };
 
 export default PegaDxilMyBoolean;

package/tests/assets/components/createAll/Launchpad/Pega_DXIL_MyCurrency/index.jsx

@@ -46,23 +46,13 @@ const PegaDxilMyCurrency = props => {
     negative,
     notation,
     isTableFormatter,
-    hasSuggestions,
-    fieldMetadata,
-    enableAdditionalInformation
+    hasSuggestions
   } = props;
   let { currencyDisplay } = props;
   const pConn = getPConnect();
   const actions = pConn.getActionsApi();
   const propName = pConn.getStateProps().value;
   const [currencyValue, setCurrencyValue] = useState(() => formatValue(value));
-  const fieldDescription = fieldMetadata?.description;
-  const additionalInfo =
-    enableAdditionalInformation && fieldDescription
-      ? {
-          heading: label,
-          content: fieldDescription
-        }
-      : undefined;
 
   let { readOnly, required, disabled } = props;
 
@@ -221,7 +211,6 @@ const PegaDxilMyCurrency = props => {
       readOnly={readOnly}
       required={required}
       data-testid={testId}
-      additionalInfo={additionalInfo}
       onChange={(enteredValue) => {
         if (hasSuggestions) {
           setStatus(undefined);
@@ -272,8 +261,7 @@ PegaDxilMyCurrency.defaultProps = {
   isTableFormatter: false,
   alwaysShowISOCode: false,
   hasSuggestions: false,
-  fieldMetadata: {},
-  enableAdditionalInformation: false
+  fieldMetadata: {}
 };
 
 PegaDxilMyCurrency.propTypes = {
@@ -303,9 +291,7 @@ PegaDxilMyCurrency.propTypes = {
   currencyDecimalPrecision: PropTypes.string,
   isTableFormatter: PropTypes.bool,
   alwaysShowISOCode: PropTypes.bool,
-  hasSuggestions: PropTypes.bool,
-  fieldMetadata: PropTypes.objectOf(PropTypes.any),
-  enableAdditionalInformation: PropTypes.bool
+  hasSuggestions: PropTypes.bool
 };
 
 export default PegaDxilMyCurrency;

package/tests/assets/components/createAll/Launchpad/Pega_DXIL_MyDate/config.json

@@ -117,11 +117,6 @@
           "name": "helperText",
           "label": "Helper text",
           "format": "TEXT"
-        },
-        {
-          "name": "enableAdditionalInformation",
-          "label": "Enable additional information on field",
-          "format": "BOOLEAN"
         }
       ]
     },

package/tests/assets/components/createAll/Launchpad/Pega_DXIL_MyDate/index.jsx

@@ -38,9 +38,7 @@ const PegaDxilMyDate = props => {
     additionalProps,
     displayMode,
     variant,
-    hasSuggestions,
-    fieldMetadata,
-    enableAdditionalInformation
+    hasSuggestions
    } = props;
 
   let {formatter} = props;
@@ -184,14 +182,6 @@ const PegaDxilMyDate = props => {
       </StyledPegaDxilMyDateWrapper>
     );
   } else {
-    const fieldDescription = fieldMetadata?.description;
-    const additionalInfo =
-      enableAdditionalInformation && fieldDescription
-        ? {
-            heading: label,
-            content: fieldDescription
-          }
-        : undefined;
 
     dateComponent = (
       <StyledPegaDxilMyDateWrapper>
@@ -200,7 +190,6 @@ const PegaDxilMyDate = props => {
         label={label}
         labelHidden={hideLabel}
         info={validatemessage || helperText}
-        additionalInfo={additionalInfo}
         status={status}
         value={value || undefined}
         disabled={disabled}
@@ -240,9 +229,7 @@ PegaDxilMyDate.defaultProps = {
   displayMode: null,
   variant: "inline",
   formatter: "defaultDate",
-  hasSuggestions: false,
-  fieldMetadata: {},
-  enableAdditionalInformation: false
+  hasSuggestions: false
 };
 
 PegaDxilMyDate.propTypes = {
@@ -264,9 +251,7 @@ PegaDxilMyDate.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 PegaDxilMyDate;

package/tests/assets/components/createAll/Launchpad/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/Launchpad/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/Launchpad/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/Launchpad/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/Launchpad/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/Launchpad/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/Launchpad/Pega_DXIL_MyPageCaseWidget/index.jsx

@@ -1,4 +1,4 @@
-
+/* eslint-disable no-nested-ternary */
 import { Fragment } from 'react';
 import { DateTimeDisplay, Card, CardHeader, CardContent, Flex } from '@pega/cosmos-react-core';
 import PropTypes from 'prop-types';

package/tests/assets/components/createAll/Launchpad/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/Launchpad/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/Launchpad/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/Launchpad/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;