@pega/custom-dx-components 0.23.16 → 0.23.18

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pega/custom-dx-components",
-  "version": "0.23.16",
+  "version": "0.23.18",
   "description": "Utility for building custom UI components",
   "bin": "./bin/index.js",
   "scripts": {
@@ -15,9 +15,9 @@
   "type": "module",
   "sideEffects": false,
   "dependencies": {
-    "@babel/core": "^7.22.5",
-    "@babel/plugin-proposal-class-properties": "^7.18.6",
-    "@babel/preset-react": "^7.22.5",
+    "@babel/core": "^7.23.3",
+    "@babel/plugin-transform-class-properties": "^7.23.3",
+    "@babel/preset-react": "^7.23.3",
     "adm-zip": "^0.5.9",
     "ajv": "^8.12.0",
     "ajv-keywords": "^5.1.0",
@@ -64,7 +64,7 @@
     "custom-components"
   ],
   "devDependencies": {
-    "@babel/preset-env": "^7.22.9",
+    "@babel/preset-env": "^7.23.3",
     "@pega/configs": "^0.4.0",
     "@pega/prettier-config": "^0.5.3",
     "@types/jest": "^29.5.3",

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

@@ -29,21 +29,12 @@ const {{COMPONENT_CLASS_NAME}} = 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 {{COMPONENT_CLASS_NAME}} = props => {
         pConn.getValidationApi().validate(event.target.checked);
       }}
       data-testid={testId}
-      additionalInfo={additionalInfo}
     />
   );
 
@@ -155,7 +145,6 @@ const {{COMPONENT_CLASS_NAME}} = props => {
   displayValue: 'Yes/No',
   trueLabel: '',
   falseLabel: '',
-  fieldMetadata: {}
 };
 
 {{COMPONENT_CLASS_NAME}}.propTypes = {
@@ -175,8 +164,7 @@ const {{COMPONENT_CLASS_NAME}} = props => {
   variant: PropTypes.string,
   displayValue: PropTypes.string,
   trueLabel: PropTypes.string,
-  falseLabel: PropTypes.string,
-  fieldMetadata: PropTypes.objectOf(PropTypes.any)
+  falseLabel: PropTypes.string
 };
 
 export default {{COMPONENT_CLASS_NAME}};

package/src/tasks/create/templates/Constellation/Field/Date/config.json.mustache

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

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

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

@@ -40,22 +40,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;
-  const additionalInfo =
-    enableAdditionalInformation && fieldDescription
-      ? {
-          heading: label,
-          content: fieldDescription
-        }
-      : undefined;
 
   const environmentInfo = PCore.getEnvironmentInfo();
   const timezone = environmentInfo && environmentInfo.getTimeZone();
@@ -191,7 +181,6 @@ const {{COMPONENT_CLASS_NAME}} = props => {
       label={label}
       labelHidden={hideLabel}
       info={validatemessage || helperText}
-      additionalInfo={additionalInfo}
       status={status}
       value={DateTimeFormatter.convertToTimezone(value, { timezone }) || undefined}
       withSeconds={withSeconds}
@@ -234,9 +223,7 @@ const {{COMPONENT_CLASS_NAME}} = props => {
   displayMode: null,
   variant: "inline",
   Format: "defaultDateTime",
-  hasSuggestions: false,
-  fieldMetadata: {},
-  enableAdditionalInformation: false
+  hasSuggestions: false
 };
 
 {{COMPONENT_CLASS_NAME}}.propTypes = {
@@ -261,9 +248,7 @@ const {{COMPONENT_CLASS_NAME}} = props => {
   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 {{COMPONENT_CLASS_NAME}};

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

@@ -30,9 +30,7 @@ const {{COMPONENT_CLASS_NAME}} = props => {
     notation,
     currencyISOCode,
     isTableFormatter,
-    hasSuggestions,
-    fieldMetadata,
-    enableAdditionalInformation
+    hasSuggestions
   } = props;
   let { showGroupSeparators } = props;
   let { currencyDisplay } = props;
@@ -40,14 +38,6 @@ const {{COMPONENT_CLASS_NAME}} = 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;
@@ -110,7 +100,7 @@ const {{COMPONENT_CLASS_NAME}} = props => {
     }
 
 
-    {{! pick new delimiteres for mustache }}
+    {{! pick new delimiters for mustache }}
     {{=<% %>=}}
 
     const displayComp =
@@ -138,7 +128,7 @@ const {{COMPONENT_CLASS_NAME}} = props => {
         />
       );
 
-    <%={{ }}=%>     {{! revert delimiteres for mustache }}
+    <%={{ }}=%>     {{! revert delimiters for mustache }}
 
     switch (displayMode) {
       case 'DISPLAY_ONLY': {
@@ -200,7 +190,6 @@ const {{COMPONENT_CLASS_NAME}} = props => {
       numberOfDecimals={numberOfDecimals}
       showGroupSeparators={showGroupSeparators}
       data-testid={testId}
-      additionalInfo={additionalInfo}
       onChange={(enteredValue) => {
         if (hasSuggestions) {
           setStatus(undefined);
@@ -250,9 +239,7 @@ const {{COMPONENT_CLASS_NAME}} = props => {
   currencyDisplay: 'symbol',
   currencyDecimalPrecision: 'auto',
   isTableFormatter: false,
-  hasSuggestions: false,
-  fieldMetadata: {},
-  enableAdditionalInformation: false
+  hasSuggestions: false
 };
 
 {{COMPONENT_CLASS_NAME}}.propTypes = {
@@ -280,9 +267,7 @@ const {{COMPONENT_CLASS_NAME}} = props => {
   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 {{COMPONENT_CLASS_NAME}};

package/src/tasks/create/templates/Constellation/Field/Decimal-Currency/index.jsx.mustache

@@ -46,23 +46,13 @@ const {{COMPONENT_CLASS_NAME}} = 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;
 
@@ -105,7 +95,7 @@ const {{COMPONENT_CLASS_NAME}} = props => {
 
     const displayValue = !value && value !== 0 ? undefined : Number(currencyValue);
 
-    {{! pick new delimiteres for mustache }}
+    {{! pick new delimiters for mustache }}
     {{=<% %>=}}
 
     displayComp = (
@@ -161,7 +151,7 @@ const {{COMPONENT_CLASS_NAME}} = props => {
       );
     }
 
-    <%={{ }}=%>     {{! revert delimiteres for mustache }}
+    <%={{ }}=%>     {{! revert delimiters for mustache }}
 
     switch (displayMode) {
       case 'DISPLAY_ONLY': {
@@ -224,7 +214,6 @@ const {{COMPONENT_CLASS_NAME}} = props => {
       readOnly={readOnly}
       required={required}
       data-testid={testId}
-      additionalInfo={additionalInfo}
       onChange={(enteredValue) => {
         if (hasSuggestions) {
           setStatus(undefined);
@@ -275,8 +264,7 @@ const {{COMPONENT_CLASS_NAME}} = props => {
   isTableFormatter: false,
   alwaysShowISOCode: false,
   hasSuggestions: false,
-  fieldMetadata: {},
-  enableAdditionalInformation: false
+  fieldMetadata: {}
 };
 
 {{COMPONENT_CLASS_NAME}}.propTypes = {
@@ -306,9 +294,7 @@ const {{COMPONENT_CLASS_NAME}} = props => {
   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 {{COMPONENT_CLASS_NAME}};

package/src/tasks/create/templates/Constellation/Field/Decimal-Percentage/index.jsx.mustache

@@ -35,23 +35,13 @@ const {{COMPONENT_CLASS_NAME}} = 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);
 
@@ -112,7 +102,7 @@ const {{COMPONENT_CLASS_NAME}} = props => {
       }
     }
 
-    {{! pick new delimiteres for mustache }}
+    {{! pick new delimiters for mustache }}
     {{=<% %>=}}
 
     displayComp = (
@@ -143,7 +133,7 @@ const {{COMPONENT_CLASS_NAME}} = props => {
       );
     }
 
-    <%={{ }}=%>     {{! revert delimiteres for mustache }}
+    <%={{ }}=%>     {{! revert delimiters for mustache }}
 
     return displayMode === 'DISPLAY_ONLY' ? (
       <Styled{{COMPONENT_CLASS_NAME}}Wrapper>
@@ -160,7 +150,7 @@ const {{COMPONENT_CLASS_NAME}} = props => {
     );
   }
 
-  {{! pick new delimiteres for mustache }}
+  {{! pick new delimiters for mustache }}
   {{=<% %>=}}
 
   if (displayMode === 'STACKED_LARGE_VAL') {
@@ -175,7 +165,7 @@ const {{COMPONENT_CLASS_NAME}} = props => {
       />
     );
 
-  <%={{ }}=%>     {{! revert delimiteres for mustache }}
+  <%={{ }}=%>     {{! revert delimiters for mustache }}
 
     return (
       <Styled{{COMPONENT_CLASS_NAME}}Wrapper>
@@ -209,7 +199,6 @@ const {{COMPONENT_CLASS_NAME}} = props => {
       label={label}
       labelHidden={hideLabel}
       info={validatemessage || helperText}
-      additionalInfo={additionalInfo}
       value={percentageValue}
       status={status}
       placeholder={placeholder}
@@ -264,9 +253,7 @@ const {{COMPONENT_CLASS_NAME}} = props => {
   currencyISOCode: 'USD',
   formatter: '',
   isTableFormatter: false,
-  hasSuggestions: false,
-  fieldMetadata: {},
-  enableAdditionalInformation: false
+  hasSuggestions: false
 };
 
 {{COMPONENT_CLASS_NAME}}.propTypes = {
@@ -289,9 +276,7 @@ const {{COMPONENT_CLASS_NAME}} = props => {
   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 {{COMPONENT_CLASS_NAME}};

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

@@ -37,9 +37,7 @@ const {{COMPONENT_CLASS_NAME}} = props => {
     negative,
     notation,
     isTableFormatter,
-    hasSuggestions,
-    fieldMetadata,
-    enableAdditionalInformation
+    hasSuggestions
   } = props;
   let { showGroupSeparators } = props;
   let { currencyDisplay } = props;
@@ -48,14 +46,6 @@ const {{COMPONENT_CLASS_NAME}} = 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);
 
@@ -123,7 +113,7 @@ const {{COMPONENT_CLASS_NAME}} = props => {
       }
     }
 
-    {{! pick new delimiteres for mustache }}
+    {{! pick new delimiters for mustache }}
     {{=<% %>=}}
 
     const displayComp =
@@ -152,7 +142,7 @@ const {{COMPONENT_CLASS_NAME}} = props => {
         />
       );
 
-    <%={{ }}=%>     {{! revert delimiteres for mustache }}
+    <%={{ }}=%>     {{! revert delimiters for mustache }}
 
     switch (displayMode) {
       case 'DISPLAY_ONLY': {
@@ -221,7 +211,6 @@ const {{COMPONENT_CLASS_NAME}} = props => {
       label={label}
       labelHidden={hideLabel}
       info={validatemessage || helperText}
-      additionalInfo={additionalInfo}
       value={!integerValue ? sliderDefaultValue : Number(integerValue)}
       status={status}
       placeholder={placeholder}
@@ -249,7 +238,6 @@ const {{COMPONENT_CLASS_NAME}} = props => {
       label={label}
       labelHidden={hideLabel}
       info={validatemessage || helperText}
-      additionalInfo={additionalInfo}
       value={integerValue}
       status={status}
       placeholder={displayAs === 'input' ? placeholder : ''}
@@ -308,9 +296,7 @@ const {{COMPONENT_CLASS_NAME}} = props => {
   currencyDisplay: 'symbol',
   currencyDecimalPrecision: 'auto',
   isTableFormatter: false,
-  hasSuggestions: false,
-  fieldMetadata: {},
-  enableAdditionalInformation: false
+  hasSuggestions: false
 };
 
 {{COMPONENT_CLASS_NAME}}.propTypes = {
@@ -345,9 +331,7 @@ const {{COMPONENT_CLASS_NAME}} = props => {
   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 {{COMPONENT_CLASS_NAME}};

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

@@ -96,9 +96,7 @@ const {{COMPONENT_CLASS_NAME}} = props => {
     variant,
     fieldMetadata,
     isTableFormatter,
-    hasSuggestions,
-    enableAdditionalInformation,
-    additionalInfo
+    hasSuggestions
   } = props;
   const { formatter } = props;
   const pConnect = getPConnect();
@@ -107,8 +105,6 @@ const {{COMPONENT_CLASS_NAME}} = 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 {{COMPONENT_CLASS_NAME}} = props => {
     suggestionsHandler(accepted, pConnect, setStatus);
   };
 
-  // In case of User Reference additionalInfo prop is directly passed down
-  const additionalInfoProp = additionalInfo || {
-    heading: label,
-    content: fieldDescription
-  };
 
   return (
     <Styled{{COMPONENT_CLASS_NAME}}Wrapper>
@@ -300,11 +291,6 @@ const {{COMPONENT_CLASS_NAME}} = props => {
         pConnect.getValidationApi().validate(event.target.value);
       }}
       onResolveSuggestion={onResolveSuggestionHandler}
-      {...(additionalInfo || (enableAdditionalInformation && fieldDescription)
-        ? {
-            additionalInfo: additionalInfoProp
-          }
-        : {})}
     >
       {items}
     </Select>
@@ -331,9 +317,7 @@ const {{COMPONENT_CLASS_NAME}} = props => {
   variant: 'inline',
   formatter: '',
   isTableFormatter: false,
-  hasSuggestions: false,
-  enableAdditionalInformation: false,
-  additionalInfo: null
+  hasSuggestions: false
 };
 
 {{COMPONENT_CLASS_NAME}}.propTypes = {
@@ -362,12 +346,7 @@ const {{COMPONENT_CLASS_NAME}} = props => {
   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 {{COMPONENT_CLASS_NAME}};

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

@@ -70,22 +70,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 additionalInfo =
-    enableAdditionalInformation && fieldDescription
-      ? {
-          heading: label,
-          content: fieldDescription
-        }
-      : undefined;
 
   const hasValueChange = useRef(false);
 
@@ -168,7 +158,6 @@ const {{COMPONENT_CLASS_NAME}} = props => {
       label={label}
       labelHidden={hideLabel}
       info={validatemessage || helperText}
-      additionalInfo={additionalInfo}
       value={inputValue}
       status={status}
       placeholder={placeholder}
@@ -217,9 +206,7 @@ const {{COMPONENT_CLASS_NAME}} = props => {
   variant: 'inline',
   formatter: '',
   isTableFormatter: false,
-  hasSuggestions: false,
-  fieldMetadata: {},
-  enableAdditionalInformation: false
+  hasSuggestions: false
 };
 
 {{COMPONENT_CLASS_NAME}}.propTypes = {
@@ -239,9 +226,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-Input/index.jsx.mustache

@@ -73,15 +73,13 @@ const {{COMPONENT_CLASS_NAME}} = 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 {{COMPONENT_CLASS_NAME}} = props => {
         }
       }}
       onResolveSuggestion={onResolveSuggestionHandler}
-      {...(enableAdditionalInformation && fieldDescription
-        ? {
-            additionalInfo: {
-              heading: label,
-              content: fieldDescription
-            }
-          }
-        : {})}
     />
     </Styled{{COMPONENT_CLASS_NAME}}Wrapper>
   );
@@ -221,8 +211,7 @@ const {{COMPONENT_CLASS_NAME}} = props => {
   variant: 'inline',
   formatter: '',
   isTableFormatter: false,
-  hasSuggestions: false,
-  enableAdditionalInformation: false
+  hasSuggestions: false
 };
 
 {{COMPONENT_CLASS_NAME}}.propTypes = {
@@ -244,8 +233,7 @@ const {{COMPONENT_CLASS_NAME}} = props => {
   variant: PropTypes.string,
   formatter: PropTypes.string,
   isTableFormatter: PropTypes.bool,
-  hasSuggestions: PropTypes.bool,
-  enableAdditionalInformation: PropTypes.bool
+  hasSuggestions: PropTypes.bool
 };
 
 export default {{COMPONENT_CLASS_NAME}};