@pega/custom-dx-components 0.23.17 → 0.23.19

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pega/custom-dx-components",
-  "version": "0.23.17",
+  "version": "0.23.19",
   "description": "Utility for building custom UI components",
   "bin": "./bin/index.js",
   "scripts": {
@@ -15,9 +15,10 @@
   "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",
+    "@pega/auth": "^0.1.1",
     "adm-zip": "^0.5.9",
     "ajv": "^8.12.0",
     "ajv-keywords": "^5.1.0",
@@ -39,7 +40,6 @@
     "mustache": "^4.2.0",
     "ncp": "^2.0.0",
     "node-fetch": "^3.2.10",
-    "open": "^8.4.2",
     "ora": "^6.1.2",
     "pascalcase": "^2.0.0",
     "postcss": "^8.4.16",
@@ -64,8 +64,8 @@
     "custom-components"
   ],
   "devDependencies": {
-    "@babel/preset-env": "^7.22.9",
-    "@pega/configs": "^0.4.0",
+    "@babel/preset-env": "^7.23.3",
+    "@pega/configs": "^0.5.3",
     "@pega/prettier-config": "^0.5.3",
     "@types/jest": "^29.5.3",
     "babel-jest": "^29.6.1",

package/src/tasks/authenticate/index.js

@@ -5,8 +5,14 @@ import chalk from 'chalk';
 import inquirer from 'inquirer';
 
 import { checkPathAccess, showVersion } from '../../util.js';
-import { TOKEN_PATH, INF_TOKEN_URL_V1, INF_AUTHORIZE_URL_V1, LP_TOKEN_URL, LP_AUTHORIZE_URL } from '../../constants.js';
-import PegaAuth from '../../auth.js';
+import {
+  TOKEN_PATH,
+  INF_TOKEN_URL_V1,
+  INF_AUTHORIZE_URL_V1,
+  LP_TOKEN_URL,
+  LP_AUTHORIZE_URL
+} from '../../constants.js';
+import { PegaAuth } from '@pega/auth';
 
 import { getAuthQuestions } from './helper.js';
 
@@ -15,15 +21,27 @@ export const TASKS_CONFIG_JSON_FILENAME = 'tasks.config.json';
 const pegaConfigJsonPath = path.join(path.resolve(), TASKS_CONFIG_JSON_FILENAME);
 const server = null;
 
-const generateAccessToken = async (config) => {
+const generateAccessToken = async config => {
   let authSuccess = false;
-  const { serverType, authService, isolationId, grantType, clientId, clientSecret, user, password, legacyTLS } = config;
+  const {
+    serverType,
+    authService,
+    isolationId,
+    grantType,
+    clientId,
+    clientSecret,
+    user,
+    password,
+    legacyTLS
+  } = config;
   // Try to gracefully deal with missing trailing slashes for server (and later conditionally for redirectUri)
   const server = config.server.endsWith('/') ? config.server : `${config.server}/`;
 
   return new Promise((resolve, reject) => {
     const sTokenUri = `${server}${serverType === 'infinity' ? INF_TOKEN_URL_V1 : LP_TOKEN_URL}`;
-    const sAuthorizeUri = `${server}${serverType === 'infinity' ? INF_AUTHORIZE_URL_V1 : LP_AUTHORIZE_URL}`;
+    const sAuthorizeUri = `${server}${
+      serverType === 'infinity' ? INF_AUTHORIZE_URL_V1 : LP_AUTHORIZE_URL
+    }`;
     // console.log(`grantType: ${config.grantType}`);
     const browserAuthSuccessMarkup = `<div style="width: 300px; padding: 10px;">
     <svg xmlns="http://www. w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 311 68" version="1.1">
@@ -53,7 +71,9 @@ const generateAccessToken = async (config) => {
       grantType === 'authCode'
         ? {
             authorizeUri: sAuthorizeUri,
-            redirectUri: config.redirectUri.endsWith('/') ? config.redirectUri : `${config.redirectUri}/`,
+            redirectUri: config.redirectUri.endsWith('/')
+              ? config.redirectUri
+              : `${config.redirectUri}/`,
             cert: config.cert,
             key: config.key,
             winTitle: 'DX Component Dev',
@@ -90,16 +110,18 @@ const generateAccessToken = async (config) => {
       const auth = new PegaAuth(authConfig);
       if (grantType === 'authCode') {
         console.log(
-          `${chalk.green('Awaiting authorization to complete (Ctrl-C to exit).  You may need to enter credentials within your default browser.')}`
+          `${chalk.green(
+            'Awaiting authorization to complete (Ctrl-C to exit).  You may need to enter credentials within your default browser.'
+          )}`
         );
       }
       // console.log(`authConfig: ${JSON.stringify(authConfig)}`);
 
       auth
         .login()
-        .then((token) => {
+        .then(token => {
           if (token?.token_type) {
-            fs.writeFile(TOKEN_PATH, JSON.stringify(token), (err) => {
+            fs.writeFile(TOKEN_PATH, JSON.stringify(token), err => {
               if (err) {
                 console.error(err);
                 return reject(authSuccess);
@@ -109,11 +131,15 @@ const generateAccessToken = async (config) => {
               return resolve(authSuccess);
             });
           } else {
-            console.log(`${chalk.bold.red(`Authentication failed:${JSON.stringify(token.errors ? token.errors : token)}`)}`);
+            console.log(
+              `${chalk.bold.red(
+                `Authentication failed:${JSON.stringify(token.errors ? token.errors : token)}`
+              )}`
+            );
             return reject(authSuccess);
           }
         })
-        .catch((e) => {
+        .catch(e => {
           console.log(`${chalk.bold.red(`Authentication failed:${e}`)}`);
           return reject(authSuccess);
         });
@@ -124,7 +150,7 @@ const generateAccessToken = async (config) => {
   });
 };
 
-export default async (options) => {
+export default async options => {
   let authOK = false;
 
   showVersion();
@@ -151,7 +177,18 @@ export default async (options) => {
   const answers = await inquirer.prompt(questions);
   const aAsked = answers.aAsked;
   delete answers.aAsked;
-  const aProps = ['serverType', 'server', 'isolationId', 'clientId', 'grantType', 'authService', 'redirectUri', 'clientSecret', 'user', 'password'];
+  const aProps = [
+    'serverType',
+    'server',
+    'isolationId',
+    'clientId',
+    'grantType',
+    'authService',
+    'redirectUri',
+    'clientSecret',
+    'user',
+    'password'
+  ];
   const isLaunchPad = answers.serverType === 'launchpad';
   let bWriteUpdate = false;
   for (let i = 0; i < aProps.length; i += 1) {
@@ -169,7 +206,9 @@ export default async (options) => {
   }
   // Update the askedOnce array based on askOnce criteria
   const aAskOnce = serverConfig.questions_askOnce ? serverConfig.questions_askOnce.split(',') : [];
-  const aAskedOnce = serverConfig.questions_askedOnce ? serverConfig.questions_askedOnce.split(',') : [];
+  const aAskedOnce = serverConfig.questions_askedOnce
+    ? serverConfig.questions_askedOnce.split(',')
+    : [];
   let bAskedOnceUpdated = false;
   for (let j = 0; j < aAsked.length; j += 1) {
     const prop = aAsked[j];
@@ -202,7 +241,7 @@ export default async (options) => {
     try {
       updCfg = JSON.stringify(data, null, 2);
       // console.log(`updated config: ${updCfg}`);
-      fs.writeFileSync(pegaConfigJsonPath, updCfg, (err) => {
+      fs.writeFileSync(pegaConfigJsonPath, updCfg, err => {
         if (err) throw err;
       });
     } catch (e) {}

package/src/tasks/bundle/builder/webpack.config.js

@@ -316,6 +316,18 @@ export default (
         contextRegExp: /@pega\\cosmos-react-core\\lib\\components\\Icon$/
       }),
 
+      /* Ignore cosmos streamline-icons */
+      new webpack.IgnorePlugin({
+        resourceRegExp: /^\.\/streamline-icons$/,
+        contextRegExp: /@pega\/cosmos-react-core\/lib\/components\/Icon$/
+      }),
+
+      /* Ignore cosmos streamline-icons - windows */
+      new webpack.IgnorePlugin({
+        resourceRegExp: /^\.\/streamline-icons$/,
+        contextRegExp: /@pega\\cosmos-react-core\\lib\\components\\Icon$/
+      }),
+      
       new webpack.optimize.LimitChunkCountPlugin({
         maxChunks: 1
       }),

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}
     />
   );
 
@@ -154,8 +144,7 @@ const {{COMPONENT_CLASS_NAME}} = props => {
   variant: 'inline',
   displayValue: 'Yes/No',
   trueLabel: '',
-  falseLabel: '',
-  fieldMetadata: {}
+  falseLabel: ''
 };
 
 {{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;
@@ -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;
 
@@ -224,7 +214,6 @@ const {{COMPONENT_CLASS_NAME}} = props => {
       readOnly={readOnly}
       required={required}
       data-testid={testId}
-      additionalInfo={additionalInfo}
       onChange={(enteredValue) => {
         if (hasSuggestions) {
           setStatus(undefined);
@@ -274,9 +263,7 @@ const {{COMPONENT_CLASS_NAME}} = props => {
   currencyDecimalPrecision: 'auto',
   isTableFormatter: false,
   alwaysShowISOCode: false,
-  hasSuggestions: false,
-  fieldMetadata: {},
-  enableAdditionalInformation: false
+  hasSuggestions: false
 };
 
 {{COMPONENT_CLASS_NAME}}.propTypes = {
@@ -306,9 +293,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);
 
@@ -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);
 
@@ -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}};