@pega/custom-dx-components 0.23.17 → 0.23.18

package/src/tasks/create/templates/Constellation/Field/Text-Phone/index.jsx.mustache

@@ -79,15 +79,12 @@ const {{COMPONENT_CLASS_NAME}} = 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 {{COMPONENT_CLASS_NAME}} = props => {
         }
       }}
       onResolveSuggestion={onResolveSuggestionHandler}
-      {...(enableAdditionalInformation && fieldDescription
-        ? {
-            additionalInfo: {
-              heading: label,
-              content: fieldDescription
-            }
-          }
-        : {})}
     />
     </Styled{{COMPONENT_CLASS_NAME}}Wrapper>
   );
@@ -249,9 +238,7 @@ const {{COMPONENT_CLASS_NAME}} = props => {
   variant: 'inline',
   formatter: '',
   isTableFormatter: false,
-  hasSuggestions: false,
-  fieldMetadata: {},
-  enableAdditionalInformation: false
+  hasSuggestions: false
 };
 
 {{COMPONENT_CLASS_NAME}}.propTypes = {
@@ -273,9 +260,7 @@ const {{COMPONENT_CLASS_NAME}} = props => {
   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 {{COMPONENT_CLASS_NAME}};

package/src/tasks/create/templates/Constellation/Field/Text-URL/index.jsx.mustache

@@ -38,15 +38,12 @@ const {{COMPONENT_CLASS_NAME}} = 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 {{COMPONENT_CLASS_NAME}} = props => {
       }}
       onFocus={actions.onFocus}
       onResolveSuggestion={onResolveSuggestionHandler}
-      {...(enableAdditionalInformation && fieldDescription
-        ? {
-            additionalInfo: {
-              heading: label,
-              content: fieldDescription
-            }
-          }
-        : {})}
     />
     </Styled{{COMPONENT_CLASS_NAME}}Wrapper>
   );
@@ -207,9 +196,7 @@ const {{COMPONENT_CLASS_NAME}} = props => {
   propUrlLabel: '',
   urlLabelSelection: 'constant',
   tableDisplayAs: 'link',
-  hasSuggestions: false,
-  fieldMetadata: {},
-  enableAdditionalInformation: false
+  hasSuggestions: false
 };
 
 {{COMPONENT_CLASS_NAME}}.propTypes = {
@@ -239,9 +226,7 @@ const {{COMPONENT_CLASS_NAME}} = props => {
   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 {{COMPONENT_CLASS_NAME}};

package/src/tasks/create/templates/Constellation/Field/TimeofDay/index.jsx.mustache

@@ -31,15 +31,12 @@ const {{COMPONENT_CLASS_NAME}} = 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 {{COMPONENT_CLASS_NAME}} = props => {
       onChange={handleChange}
       onBlur={handleBlur}
       onResolveSuggestion={onResolveSuggestionHandler}
-      {...(enableAdditionalInformation && fieldDescription
-        ? {
-            additionalInfo: {
-              heading: label,
-              content: fieldDescription
-            }
-          }
-        : {})}
     />
     </Styled{{COMPONENT_CLASS_NAME}}Wrapper>
   );
@@ -198,9 +187,7 @@ const {{COMPONENT_CLASS_NAME}} = props => {
   displayMode: null,
   variant: "inline",
   formatter:"defaultTime",
-  hasSuggestions: false,
-  fieldMetadata: {},
-  enableAdditionalInformation: false
+  hasSuggestions: false
 };
 
 {{COMPONENT_CLASS_NAME}}.propTypes = {
@@ -221,9 +208,7 @@ const {{COMPONENT_CLASS_NAME}} = props => {
   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 {{COMPONENT_CLASS_NAME}};

package/src/tasks/create/templates/Constellation/Template/DETAILS/demo.stories.jsx.mustache

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

package/src/tasks/create/templates/Constellation/Template/DETAILS-region/demo.stories.jsx.mustache

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

package/src/tasks/init/template/package.json.mustache

@@ -66,7 +66,7 @@
   },
   "devDependencies": {
     "@pega/configs": "^0.5.3",
-    "@pega/custom-dx-components": "^0.23.17",
+    "@pega/custom-dx-components": "^0.23.18",
     "@pega/eslint-config": "^0.3.2",
     "@storybook/addon-actions": "^6.5.12",
     "@storybook/addon-essentials": "^6.5.12",

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