@pega/custom-dx-components 0.25.10 → 0.25.12

package/src/util.js

@@ -29,6 +29,7 @@ import {
   USE_PROMOTED_WEB_PACK,
   BOOTSTRAP_CONFIG,
   LIBRARY_BASED,
+  LIBRARY_BASED_CL,
   SHARED_DIRECTORY,
   SHOW_DEBUG,
   COMPONENTS_PATH,
@@ -53,6 +54,7 @@ let addAboutData = true;
 let defaultConfigs = {
   serverType: "",
   isLibraryBased: false,
+  isLibraryBasedCL: false,
   devBuild: true,
   library: "",
   organization: "",
@@ -108,6 +110,7 @@ export const setUpDefaults = async () => {
   let retrievedConfigData = {
     serverType: "",
     isLibraryBased: false,
+    isLibraryBasedCL: false,
     devBuild: true,
     library: "",
     organization: "",
@@ -146,6 +149,10 @@ export const setUpDefaults = async () => {
     retrievedConfigData.library = data.component.library;
     retrievedConfigData.version = data.component.version;
 
+    if (data[LIBRARY_BASED_CL]) {
+      retrievedConfigData.isLibraryBasedCL = data[LIBRARY_BASED_CL];
+    }
+
 
     const { organization } = JSON.parse(fs.readFileSync(path.resolve('package.json'), 'utf8'));
     retrievedConfigData.organization = organization;
@@ -262,7 +269,7 @@ if (showDebug) addDebugLog("updateUseWebPackPromotion", "", "");
 }
 
 export const getAboutData = async (currentOrgLib, buildVersion, dateStamp) => {
-if (showDebug) addDebugLog("getAboutData", `currentOrgLib: ${currentOrgLib}, buildVersion: ${buildVersion}, dateStamp: ${dateStamp}`)
+if (showDebug) addDebugLog("getAboutData", `currentOrgLib: ${currentOrgLib}, buildVersion: ${buildVersion}, dateStamp: ${dateStamp}`,"");
   const tokenAndStaticServer = await getC11NB2STokenAndStaticServer();
 
   if (tokenAndStaticServer.C11NB2S === undefined) {
@@ -277,6 +284,40 @@ if (showDebug) addDebugLog("getAboutData", `currentOrgLib: ${currentOrgLib}, bui
   return `${currentOrgLib} ${buildVersion}, ${dateStamp}, ${infinityVersion}`;
 }
 
+export const applyPegaData = async (configJson) => {
+if (showDebug) addDebugLog("applyPegaData", "", "");
+  const tokenAndStaticServer = await getC11NB2STokenAndStaticServer();
+  const currentDirectory = process.cwd()
+  const currentPackagePath = join(currentDirectory, PACKAGE_JSON_FILENAME);
+  let currentPackageData;
+
+  try {
+    currentPackageData = fs.readFileSync(currentPackagePath);
+  }
+  catch (ex) {
+    console.log($chalk.red(`\nUnable to retrieve current package.json.`))
+    process.exit(1);
+  }
+
+  const cData = JSON.parse(currentPackageData);
+  const cosmosVersion = cData.dependencies["@pega/cosmos-react-core"];
+  let infinityVersion = "";
+
+  if (tokenAndStaticServer.C11NB2S === undefined) {
+  }
+  else {
+    const jwt = jwtDecode(tokenAndStaticServer.C11NB2S);
+    infinityVersion= jwt.infinity_version;
+    // don't remove "8." from infinity version so can do a comparison
+  }
+
+  // apply info to config.json
+  configJson.infinityVersion = infinityVersion;
+  configJson.packageCosmosVersion = cosmosVersion;
+
+
+}
+
 export const checkJWTExpiration = async () => {
   const tokenAndStaticServer = await getC11NB2STokenAndStaticServer();
 
@@ -301,6 +342,25 @@ export const checkJWTExpiration = async () => {
 
 }
 
+export const checkAccessTokenExpiration = async() => {
+
+  const tokenAndStaticServer = await getC11NB2STokenAndStaticServer();
+
+  if (tokenAndStaticServer.access_token === undefined) {
+    console.log(chalk.redBright("Need to authenticate, missing token.\n"));
+    process.exit(1);
+  }
+
+  const jwt = jwtDecode(tokenAndStaticServer.access_token);
+  const  { exp, customer_org } = jwt;
+  if (exp < (new Date().getTime() + 1) / 1000) {
+    console.log(chalk.redBright("Authentication token has expired, please reauthenticate."));
+    process.exit(1);
+  }
+
+
+}
+
 export const getLibraryBased = () => {
 if (showDebug) addDebugLog("getLibraryBased", "", "");
 //   const currentDirectory = process.cwd();
@@ -332,6 +392,11 @@ if (showDebug) addDebugLog("getLibraryBased", "", "");
   return defaultConfigs.isLibraryBased;
 }
 
+export const getLibraryBasedCL = () => {
+if (showDebug) addDebugLog("getLibraryBasedCL", "", "");
+  return defaultConfigs.isLibraryBasedCL;
+}
+
 export const setLibraryBased = async (isLibraryBased) => {
 if (showDebug) addDebugLog("setLibraryBased", "", "");
   const currentDirectory = process.cwd();
@@ -952,7 +1017,8 @@ if (showDebug) addDebugLog("updateConfigVersion", `componentKey: ${componentKey}
   data.version = buildVersion;
 
   if (addAboutData) {
-    data.buildDate = dateStamp;
+    data.buildDate = currentDate;
+    await applyPegaData(data);
   }
 
 
@@ -1384,10 +1450,10 @@ if (showDebug) addDebugLog("getC11NB2STokenAndStaticServer", "", "");
   }
 
   if (OAuthData) {
-    const { C11NB2S, appStaticContentServer } = JSON.parse(OAuthData)
+    const { C11NB2S, appStaticContentServer, access_token } = JSON.parse(OAuthData)
 
     if (C11NB2S) {
-      return ({ C11NB2S, appStaticContentServer});
+      return ({ C11NB2S, appStaticContentServer, access_token});
     }
 
   }
@@ -1509,7 +1575,7 @@ if (showDebug) addDebugLog("deletePublishExtras", `libraryName: ${libraryName},
   // check if .DS_store file exists in Library, if so delete it because causes issue with services
 
   const currentDirectory = process.cwd();
-  const zipFile = libraryName.concat(".zip");
+  const zipFile = libraryName.concat(".arch.zip");
 
   // delete zip file
   const zipPath = join(currentDirectory, zipFile);
@@ -1593,7 +1659,7 @@ if (showDebug) addDebugLog("zipVersionAndArchive", `orgLibName: ${orgLibName}, v
   const srcDirectoryPath = join(currentDirectory, "src");
   const tasksConfig = join(currentDirectory, TASKS_CONFIG_JSON_FILENAME);
   const packageJson = join(currentDirectory, PACKAGE_JSON_FILENAME);
-  const archiveFileName = `${orgLibName}_${version}.zip`;
+  const archiveFileName = `${orgLibName}_${version}.arch.zip`;
 
 
   // const configContent = Buffer.from(fs.readFileSync(configJson)).toString();

package/tests/assets/library/components/{create/shared → createAll/Constellation/Pega_DXIL_MyDetails}/Avatar.tsx

@@ -2,7 +2,7 @@
 import  React from 'react';
 import { useEffect, useState } from 'react';
 import { Avatar as CosmosAvatar, withConfiguration } from '@pega/cosmos-react-core';
-import type { PConnFieldProps } from './PConnProps';
+import type { PConnFieldProps } from '../shared/PConnProps';
 
 
 // interface for props

package/tests/assets/{original/components/create/shared → library/components/createAll/Constellation/Pega_DXIL_MyDetails}/Operator.tsx

@@ -14,7 +14,7 @@ import {
 import { Glimpse } from '@pega/cosmos-react-work';
 import { EmailDisplay } from '@pega/cosmos-react-core';
 
-import type { PConnFieldProps } from './PConnProps';
+import type { PConnFieldProps } from '../shared/PConnProps';
 
 import Avatar from './Avatar';
 

package/tests/assets/library/components/createAll/Constellation/Pega_DXIL_MyDetails/demo.stories.tsx

@@ -5,7 +5,7 @@ import { Text, FieldValueList, Button, DateTimeDisplay, useTheme } from '@pega/c
 import PegaDxilMyDetails from './index';
 import { pyReviewRaw, pyReviewResolved, regionChildrenResolved, operatorDetails, configProps } from './mock';
 import StatusWorkRenderer from './StatusWork';
-import Operator from '../shared/Operator';
+import Operator from './Operator';
 import type C11nEnv from '@pega/pcore-pconnect-typedefs/interpreter/c11n-env';
 
 const meta: Meta<typeof PegaDxilMyDetails> = {

package/tests/assets/{original/components/create/shared → library/components/createAll/Constellation/Pega_DXIL_MyPageCaseWidget}/Avatar.tsx

@@ -2,18 +2,18 @@
 import  React from 'react';
 import { useEffect, useState } from 'react';
 import { Avatar as CosmosAvatar, withConfiguration } from '@pega/cosmos-react-core';
-import type { PConnFieldProps } from './PConnProps';
+import type { PConnFieldProps } from '../shared/PConnProps';
 
 
 // interface for props
-interface PegaDxilMyDetailsAvatarProps extends PConnFieldProps {
+interface PegaDxilMyPageCaseWidgetAvatarProps extends PConnFieldProps {
   // If any, enter additional props that only exist on TextInput here
   metaObj: any;
   showStatus: boolean;
 
 }
 
-function Avatar(props: PegaDxilMyDetailsAvatarProps) {
+function Avatar(props: PegaDxilMyPageCaseWidgetAvatarProps) {
   const { metaObj, showStatus = false } = props;
   const [imageBlobUrl, setImageBlobUrl] = useState(null);
   let userName: string;
@@ -59,7 +59,6 @@ function Avatar(props: PegaDxilMyDetailsAvatarProps) {
         PCore.getMessagingServiceManager().getUserPresence().unsubscribe(userIdentifier, subId);
       };
     }, [userIdentifier, handleUserStateChange]);
-
     return <CosmosAvatar name={userName} imageSrc={imageBlobUrl as React.SetStateAction<any>} status={userState} />;
   }
 

package/tests/assets/library/components/{create/shared → createAll/Constellation/Pega_DXIL_MyPageCaseWidget}/Operator.tsx

@@ -14,13 +14,13 @@ import {
 import { Glimpse } from '@pega/cosmos-react-work';
 import { EmailDisplay } from '@pega/cosmos-react-core';
 
-import type { PConnFieldProps } from './PConnProps';
+import type { PConnFieldProps } from '../shared/PConnProps';
 
 import Avatar from './Avatar';
 
 
 // interface for props
-interface PegaDxilMyDetailsOperatorProps extends PConnFieldProps {
+interface PegaDxilMyPageCaseWidgetOperatorProps extends PConnFieldProps {
   // If any, enter additional props that only exist on TextInput here
   name: string;
   id: string;
@@ -31,7 +31,7 @@ interface PegaDxilMyDetailsOperatorProps extends PConnFieldProps {
 
 let pTarget = null;
 
-function Operator(props: PegaDxilMyDetailsOperatorProps) {
+function Operator(props: PegaDxilMyPageCaseWidgetOperatorProps) {
   const { id, name, label, testId, helperText, externalUser, metaObj } = props;
   const [isOpen, setIsOpen] = useState(false);
   const [isLoading, setIsLoading] = useState(true);

package/tests/assets/library/components/createAll/Constellation/Pega_DXIL_MyPageCaseWidget/index.tsx

@@ -6,7 +6,7 @@ import { DateTimeDisplay, Card, CardHeader, CardContent, Flex, withConfiguration
 import type { PConnFieldProps } from '../shared/PConnProps';
 
 // includes in bundle
-import Operator from '../shared/Operator';
+import Operator from './Operator';
 
 import StyledPegaDxilMyPageCaseWidgetWrapper from './styles';
 

package/tests/assets/library/components/createAll/Constellation/{shared → Pega_DXIL_MyTwoColumnDetails}/Avatar.tsx

@@ -2,18 +2,18 @@
 import  React from 'react';
 import { useEffect, useState } from 'react';
 import { Avatar as CosmosAvatar, withConfiguration } from '@pega/cosmos-react-core';
-import type { PConnFieldProps } from './PConnProps';
+import type { PConnFieldProps } from '../shared/PConnProps';
 
 
 // interface for props
-interface PegaDxilMyDetailsAvatarProps extends PConnFieldProps {
+interface PegaDxilMyTwoColumnDetailsAvatarProps extends PConnFieldProps {
   // If any, enter additional props that only exist on TextInput here
   metaObj: any;
   showStatus: boolean;
 
 }
 
-function Avatar(props: PegaDxilMyDetailsAvatarProps) {
+function Avatar(props: PegaDxilMyTwoColumnDetailsAvatarProps) {
   const { metaObj, showStatus = false } = props;
   const [imageBlobUrl, setImageBlobUrl] = useState(null);
   let userName: string;
@@ -46,20 +46,20 @@ function Avatar(props: PegaDxilMyDetailsAvatarProps) {
     const currentState = PCore.getMessagingServiceManager().getUserPresence().getUserState(userIdentifier);
     const [userState, setUserState]: any  = useState(currentState === 'online' ? 'active' : 'inactive');
 
-    const handleUserStateChange = ({ state }: any) => {
+    const handleUserStateChange = ({ state } : any) => {
       setUserState(state === 'online' ? 'active' : 'inactive');
     };
 
     useEffect(() => {
       const subId = PCore.getMessagingServiceManager()
         .getUserPresence()
-        .subscribe(userIdentifier, handleUserStateChange, '');
+        // @ts-ignore
+        .subscribe(userIdentifier, handleUserStateChange);
 
       return function cleanup() {
         PCore.getMessagingServiceManager().getUserPresence().unsubscribe(userIdentifier, subId);
       };
     }, [userIdentifier, handleUserStateChange]);
-
     return <CosmosAvatar name={userName} imageSrc={imageBlobUrl as React.SetStateAction<any>} status={userState} />;
   }
 

package/tests/assets/{original/components/createAll/Constellation/shared → library/components/createAll/Constellation/Pega_DXIL_MyTwoColumnDetails}/Operator.tsx

@@ -14,13 +14,13 @@ import {
 import { Glimpse } from '@pega/cosmos-react-work';
 import { EmailDisplay } from '@pega/cosmos-react-core';
 
-import type { PConnFieldProps } from './PConnProps';
+import type { PConnFieldProps } from '../shared/PConnProps';
 
 import Avatar from './Avatar';
 
 
 // interface for props
-interface PegaDxilMyDetailsOperatorProps extends PConnFieldProps {
+interface PegaDxilMyTwoColumnDetailsOperatorProps extends PConnFieldProps {
   // If any, enter additional props that only exist on TextInput here
   name: string;
   id: string;
@@ -31,7 +31,7 @@ interface PegaDxilMyDetailsOperatorProps extends PConnFieldProps {
 
 let pTarget = null;
 
-function Operator(props: PegaDxilMyDetailsOperatorProps) {
+function Operator(props: PegaDxilMyTwoColumnDetailsOperatorProps) {
   const { id, name, label, testId, helperText, externalUser, metaObj } = props;
   const [isOpen, setIsOpen] = useState(false);
   const [isLoading, setIsLoading] = useState(true);

package/tests/assets/library/components/createAll/Constellation/Pega_DXIL_MyTwoColumnDetails/demo.stories.tsx

@@ -4,7 +4,7 @@ import { Text, FieldValueList, Button, DateTimeDisplay, useTheme } from '@pega/c
 import PegaDxilMyTwoColumnDetails from './index';
 import { pyReviewRaw, pyReviewResolved, regionChildrenResolved, operatorDetails, configProps } from './mock';
 import StatusWorkRenderer from './StatusWork';
-import Operator from '../shared/Operator';
+import Operator from './Operator';
 import type C11nEnv from '@pega/pcore-pconnect-typedefs/interpreter/c11n-env';
 
 const meta: Meta<typeof PegaDxilMyTwoColumnDetails> = {

package/tests/functional/localCreatePublishAllDeleteAll.test.js

@@ -211,6 +211,6 @@ describe(`create publish deleteAll local: ${serverDir} - ${compType}`, () => {
     // const createFile = path.resolve(path.join(`src/components/${newFileName}`, 'index.tsx'));
     // const doesExist = fs.existsSync(createFile);
     // expect(doesExist).not.toBeTruthy();
-  }, 10000);
+  }, 100000);
 
 });

package/tests/functional/localLibCreateLibExportImportLib.test.js

@@ -176,12 +176,12 @@ describe(`createLib createAll exportStore importStore deleteLib: ${serverDir} -
     const script = `npm run exportLibVersion Full Pega_DXIL 0.0.1-dev ${defaultPath} Current --prefix ../../..`;
     const { stdout, stderr } = await exec(script);
 
-    expect(stdout).toContain('Pega_DXIL_0.0.1-dev.zip has been exported');
-    const zipFile = path.join(defaultPath, "Pega_DXIL_0.0.1-dev.zip");
+    expect(stdout).toContain('Pega_DXIL_0.0.1-dev.arch.zip has been exported');
+    const zipFile = path.join(defaultPath, "Pega_DXIL_0.0.1-dev.arch.zip");
     expect(fs.existsSync(zipFile)).toBeTruthy();
 
 
-  }, 30000);
+  }, 90000);
 
   it(`npm run import lib (delete zip) - ${isLibraryBased}`, async() => {
 
@@ -192,13 +192,13 @@ describe(`createLib createAll exportStore importStore deleteLib: ${serverDir} -
       defaultPath = "/".concat(defaultPath);
     }
 
-    const script = `npm run importLibVersion ${defaultPath} Pega_DXIL_0.0.1-dev.zip --prefix ../../..`;
+    const script = `npm run importLibVersion ${defaultPath} Pega_DXIL_0.0.1-dev.arch.zip --prefix ../../..`;
     const { stdout, stderr } = await exec(script);
 
-    expect(stdout).toContain('Pega_DXIL_0.0.1-dev.zip has been imported!');
+    expect(stdout).toContain('Pega_DXIL_0.0.1-dev.arch.zip has been imported!');
     expect(stdout).toContain('You can switch to Pega_DXIL/0.0.1-dev via npm run switchLib.');
 
-    const zipFile = path.join(defaultPath, "Pega_DXIL_0.0.1-dev.zip");
+    const zipFile = path.join(defaultPath, "Pega_DXIL_0.0.1-dev.arch.zip");
     expect(fs.existsSync(zipFile)).toBeTruthy();
 
     // delete zip file
@@ -217,7 +217,7 @@ describe(`createLib createAll exportStore importStore deleteLib: ${serverDir} -
       defaultPath = "/".concat(defaultPath);
     }
 
-    const zipFile = path.join(defaultPath, "Pega_DXIL_0.0.1-dev.zip");
+    const zipFile = path.join(defaultPath, "Pega_DXIL_0.0.1-dev.arch.zip");
     expect(fs.existsSync(zipFile)).toBeTruthy();
 
     // delete zip file

package/tests/functional/localLibCreateLibExportLib.test.js

@@ -176,8 +176,8 @@ describe(`createLib createAll exportStore deleteLib: ${serverDir} - ${compType}`
     const script = `npm run exportLibVersion Full Pega_DXIL 0.0.1-dev ${defaultPath} Current --prefix ../../..`;
     const { stdout, stderr } = await exec(script);
 
-    expect(stdout).toContain('Pega_DXIL_0.0.1-dev.zip has been exported');
-    const zipFile = path.join(defaultPath, "Pega_DXIL_0.0.1-dev.zip");
+    expect(stdout).toContain('Pega_DXIL_0.0.1-dev.arch.zip has been exported');
+    const zipFile = path.join(defaultPath, "Pega_DXIL_0.0.1-dev.arch.zip");
     expect(fs.existsSync(zipFile)).toBeTruthy();
 
     // delete zip file
@@ -195,7 +195,7 @@ describe(`createLib createAll exportStore deleteLib: ${serverDir} - ${compType}`
       defaultPath = "/".concat(defaultPath);
     }
 
-    const zipFile = path.join(defaultPath, "Pega_DXIL_0.0.1-dev.zip");
+    const zipFile = path.join(defaultPath, "Pega_DXIL_0.0.1-dev.arch.zip");
     expect(fs.existsSync(zipFile)).toBeTruthy();
 
     // delete zip file

package/tests/assets/library/components/createAll/Constellation/shared/Operator.tsx

@@ -1,215 +0,0 @@
-// @ts-nocheck
-import { useState, useEffect, Fragment } from 'react';
-import {
-  Link,
-  Button,
-  Popover,
-  useOuterEvent,
-  useElement,
-  Progress,
-  FormField,
-  useTheme,
-  withConfiguration
-} from '@pega/cosmos-react-core';
-import { Glimpse } from '@pega/cosmos-react-work';
-import { EmailDisplay } from '@pega/cosmos-react-core';
-
-import type { PConnFieldProps } from './PConnProps';
-
-import Avatar from './Avatar';
-
-
-// interface for props
-interface PegaDxilMyDetailsOperatorProps extends PConnFieldProps {
-  // If any, enter additional props that only exist on TextInput here
-  name: string;
-  id: string;
-  label: string;
-  metaObj: any;
-  externalUser: any;
-}
-
-let pTarget = null;
-
-function Operator(props: PegaDxilMyDetailsOperatorProps) {
-  const { id, name, label, testId, helperText, externalUser, metaObj } = props;
-  const [isOpen, setIsOpen] = useState(false);
-  const [isLoading, setIsLoading] = useState(true);
-  const [popoverEl, setPopoverEl] = useElement(null);
-  const [popoverContent, setpopoverContent] = useState(null);
-  const theme: any = useTheme();
-
-  /* If the id has changed, we need to reset the popover */
-  useEffect(() => {
-    pTarget = null;
-  }, [id]);
-
-
-
-  const OperatorPreview = () => {
-    const localizedVal = PCore.getLocaleUtils().getLocaleValue;
-    const localeCategory = 'Operator';
-    setpopoverContent(
-      <Progress variant='ring' message={localizedVal('Loading operator...', localeCategory)} placement='local' />
-    );
-    if (externalUser && externalUser.classID !== 'Data-Party-Operator') {
-      const fields = [
-        {
-          id: 'pyFirstName',
-          name: localizedVal('Name', localeCategory),
-          value: externalUser.name
-        },
-        {
-          id: 'pyEmail1',
-          name: localizedVal('Email', localeCategory),
-          value:
-            externalUser.email !== '' ? <Link href={`mailto:${externalUser.email}`}>{externalUser.email}</Link> : ''
-        },
-        {
-          id: 'pyPhoneNumber',
-          name: localizedVal('Phone', localeCategory),
-          value: externalUser.phone !== '' ? <Link href={`tel:${externalUser.phone}`}>{externalUser.phone}</Link> : ''
-        }
-      ];
-      setIsLoading(false);
-      setpopoverContent(
-        <Glimpse
-          visual={
-            <Avatar
-              metaObj={{
-                name: externalUser.name
-              }}
-            />
-          }
-          primary={externalUser.name}
-          secondary={[externalUser.position]}
-          fields={fields}
-          target={pTarget}
-        />
-      );
-    } else {
-      return PCore.getUserApi()
-        .getOperatorDetails(id, true)
-        .then(res => {
-          if (res.data?.pyOperatorInfo) {
-            const fields = [];
-            const data = res.data;
-            if (data.pyOperatorInfo && data.pyOperatorInfo.pyUserName) {
-              fields.push({
-                id: 'Name',
-                name: localizedVal('Name', localeCategory),
-                value: data.pyOperatorInfo.pyUserName
-              });
-            }
-            if (data.pyOperatorInfo && data.pyOperatorInfo.pyEmailAddress) {
-              fields.push({
-                id: 'Email',
-                name: localizedVal('Email address', localeCategory),
-                value: <EmailDisplay value={data.pyOperatorInfo.pyEmailAddress} />
-              });
-            }
-            const opAvatar = (
-              <Avatar
-                metaObj={{
-                  image: '',
-                  name: data.pyOperatorInfo.pyUserName
-                }}
-              />
-            );
-
-            setIsLoading(false);
-            setpopoverContent(
-              <Glimpse
-                heading={{
-                  primary: data.pyOperatorInfo.pyUserName,
-                  secondary: data.pyOperatorInfo.pyEmailAddress,
-                  visual: opAvatar
-                }}
-                fields={fields}
-                target={pTarget}
-                onDismiss={() => {pTarget = null;}}
-              />
-            );
-          }
-        });
-    }
-  };
-
-
-  const clickAction = (e: any) => {
-
-    setIsOpen(!isOpen);
-    if (pTarget === null) {
-      pTarget = e.currentTarget;
-      OperatorPreview();
-    }
-  };
-
-  const hidePopover = () => {
-    if (isOpen) {
-      setIsOpen(false);
-    }
-  };
-
-  useOuterEvent('mousedown', [popoverEl], hidePopover); // Call the method on clicking outside these elements
-
-  const hideOnEscape = (e: any) => {
-    if (e.key === 'Escape') hidePopover(); // Call the method when Escape key is pressed
-  };
-
-  const comp = (
-    <Fragment>
-      {metaObj ? (
-        <Button
-          variant='text'
-          aria-haspopup
-          aria-expanded={isOpen}
-          onClick={clickAction}
-          onKeyDown={hideOnEscape}
-          data-test-id={testId}
-          style={label !== null ? { width: 'max-content', height: theme.components.input.height } : undefined}
-        >
-          <Avatar {...props} />
-        </Button>
-      ) : (
-        <Button
-          variant='link'
-          aria-haspopup
-          aria-expanded={isOpen}
-          onClick={clickAction}
-          onKeyDown={hideOnEscape}
-          data-test-id={testId}
-          style={label !== null ? { width: 'max-content', height: theme.components.input.height } : undefined}
-        >
-          {name}
-        </Button>
-      )}
-
-      {isOpen && (
-        <Popover
-          ref={setPopoverEl}
-          groupId='operator'
-          target={pTarget}
-          placement='bottom-start'
-          style={isLoading ? { position: 'relative', width: '10rem', minHeight: '4rem' } : undefined}
-          strategy='fixed'
-        >
-          {popoverContent}
-        </Popover>
-      )}
-    </Fragment>
-  );
-
-  if (label !== null) {
-    return (
-      <FormField label={label} info={helperText}>
-        {comp}
-      </FormField>
-    );
-  }
-
-  return comp;
-};
-
-
-export default withConfiguration(Operator);

package/tests/assets/original/components/create/shared/PConnProps.d.ts

@@ -1,46 +0,0 @@
-import  {PConnect } from '@pega/pcore-pconnect-typedefs';
-
-// PConnProps.d.ts
-// This gives us a place to have each component (which is most DX Components) that is
-//  expected to have a getPConnect extend its props (from BaseProps)
-//  such that every component will be expected to have a getPConnect() function
-//  that returns a PConnect object. (new/better way of doing .propTypes).
-//  This PConnProps can be extended to include other props that we know are in every component
-export interface PConnProps {
-  // getPConnect should exist for every C11n component. (add @ts-ignore in special cases where it isn't)
-  getPConnect: () => typeof PConnect;
-
-  // Allow any/all other key/value pairs in the BaseProps for now
-  //  TODO: refine which other props are always expected for various component
-  //    types and consider further interface "subclassing". For example, we may
-  //    want to create a "BasePropsForm" that gives guidance on required, readonly, etc.
-  //    and any other props that every Form component expects.
-  //    For example, see the PConnFieldProps below.
-  // NOTE: if you uncomment the line below, the PConnProps type will allow
-  //  otherwise undefined types to appear. This can be helpful for debugging
-  //  or when adding new components whose types aren't yet known.
-  // [key: string]: any;
-}
-
-
-// PConnFieldProps extends PConnProps to bring in the common properties that are
-// associated with most field components (ex: Dropdown, TextInput, etc.) in the
-//  components/field directory
-export interface PConnFieldProps extends PConnProps {
-  label: string,
-  required: boolean,
-  disabled: boolean,
-  value: any,
-  validatemessage: string,
-  status?: string,
-  onChange?: any,
-  onBlur?: any,
-  readOnly: boolean,
-  testId: string,
-  helperText: string,
-  displayMode?: string,
-  hideLabel: boolean,
-  placeholder?: string,
-  fieldMetadata?: any,
-  additionalProps?: any
-}