@pega/dx-component-builder-sdk 0.25.6 → 0.25.7

package/tests/assets/sdk-r/components/createAll/custom-constellation/template/YourOrg_test25_test25Page/demo.stories.tsx

@@ -1,113 +0,0 @@
-/* eslint-disable react/jsx-no-useless-fragment */
-/* eslint-disable react/no-unstable-nested-components */
-import type { Meta, StoryObj } from '@storybook/react';
-
-import { AppAnnouncement as PegaAppAnnouncement } from '@pega/cosmos-react-work';
-
-import YourOrgTest25Test25Page from './index';
-import { pyHome1Resolved, pyHome1Raw } from './mock';
-
-const meta: Meta<typeof YourOrgTest25Test25Page> = {
-  title: 'YourOrgTest25Test25Page',
-  component: YourOrgTest25Test25Page,
-  excludeStories: /.*Data$/
-};
-
-export default meta;
-type Story = StoryObj<typeof YourOrgTest25Test25Page>;
-
-export const BaseYourOrgTest25Test25Page: Story = args => {
-  const configProps = pyHome1Resolved.children[0].children[0].config;
-
-  const props = {
-    useConfigurableLayout: false,
-    icon: pyHome1Raw.config.icon,
-
-    getPConnect: () => {
-      return {
-        getStateProps: () => {
-          return {};
-        },
-        getActionsApi: () => {
-          return {
-            getNextWork: () => {
-              return new Promise(resolve => {
-                resolve({});
-              });
-            },
-            updateFieldValue: () => {
-              /* nothing */
-            },
-            triggerFieldChange: () => {
-              /* nothing */
-            }
-          };
-        },
-        getChildren: () => {
-          return pyHome1Raw.children;
-        },
-        getComponentName: () => {
-          return '';
-        },
-        getLocalizedValue: value => {
-          return value;
-        },
-        getRawMetadata: () => {
-          return pyHome1Raw;
-        },
-        createComponent: config => {
-          if (config.type === 'AppAnnouncement') {
-            return (
-              <PegaAppAnnouncement
-                key='app-announcements'
-                heading='Announcements'
-                description={configProps.description}
-                whatsNewLink={configProps.whatsnewlink}
-                image={configProps.image.replace(/ /g, '+')}
-                datasource={configProps.datasource}
-                label={configProps.label}
-                getPConnect={() => {
-                  return {
-                    getChildren: () => {
-                      return pyHome1Resolved.children;
-                    }
-                  };
-                }}
-              />
-            );
-          }
-          return <></>;
-        },
-        ignoreSuggestion: () => {
-          /* nothing */
-        },
-        acceptSuggestion: () => {
-          /* nothing */
-        },
-        setInheritedProps: () => {
-          /* nothing */
-        },
-        resolveConfigProps: () => {
-          /* nothing */
-        }
-      };
-    }
-  };
-
-  const regionAChildren = pyHome1Raw.children[0].children.map(child => {
-    return props.getPConnect().createComponent(child);
-  });
-
-  return (
-    <>
-      <YourOrgTest25Test25Page {...props} {...args}>
-        {regionAChildren}
-      </YourOrgTest25Test25Page>
-    </>
-  );
-};
-
-BaseYourOrgTest25Test25Page.args = {
-  title: 'Page Template',
-  enableGetNextWork: pyHome1Raw.config.enableGetNextWork
-};

package/tests/assets/sdk-r/components/createAll/custom-constellation/template/YourOrg_test25_test25Page/index.tsx

@@ -1,65 +0,0 @@
-import { useMemo, Children } from 'react';
-import { OneColumnPage as OneColumn, withConfiguration } from '@pega/cosmos-react-core';
-import { ConfigurableLayout } from '@pega/cosmos-react-work';
-// import { registerIcon } from '@pega/cosmos-react-core';
-import type { PConnFieldProps } from './PConnProps';
-import './create-nonce';
-
-// temp
-// import * as headlineIcon from '@pega/cosmos-react-core/lib/components/Icon/icons/headline.icon';
-
-import StyledYourOrgTest25Test25PageWrapper from './styles';
-
-import GetNextWork from './GetNextWork';
-import { getLayoutDataFromRegion } from './utils';
-
-// temp
-// registerIcon(headlineIcon);
-
-// currently getting 'icon' from props is not supported with iconRegistry
-// have to manually get icon, so can't determine a runtime for now
-// so "headline" icon is hardcoded.
-
-// interface for props
-interface YourOrgTest25Test25PageProps extends PConnFieldProps {
-  // If any, enter additional props that only exist on TextInput here
-  children: any;
-  title: string;
-  useConfigurableLayout: boolean;
-  enableGetNextWork: boolean;
-}
-
-// Duplicated runtime code from Constellation Design System Component
-
-// props passed in combination of props from property panel (config.json) and run time props from Constellation
-// any default values in config.pros should be set in defaultProps at bottom of this file
-function YourOrgTest25Test25Page(props: YourOrgTest25Test25PageProps) {
-  // add back in icon when working
-  // const { children, title, icon, useConfigurableLayout = false, getPConnect, enableGetNextWork } = props;
-  const { children = [], title, useConfigurableLayout, getPConnect, enableGetNextWork } = props;
-  const childArray = useMemo(() => {
-    return Children.toArray(children);
-  }, [children]);
-  const child0: any = childArray[0];
-  const layoutItemsA = useMemo(() => {
-    return getLayoutDataFromRegion(child0);
-  }, [child0]);
-
-  // temp
-  const tempIcon = 'pi pi-headline';
-
-  return (
-    <StyledYourOrgTest25Test25PageWrapper>
-      <OneColumn
-        // @ts-ignore
-        a={useConfigurableLayout ? <ConfigurableLayout items={layoutItemsA} /> : childArray[0]}
-        title={title}
-        icon={tempIcon?.replace('pi pi-', '')}
-        // @ts-ignore
-        actions={enableGetNextWork ? <GetNextWork getPConnect={getPConnect} /> : null}
-      />
-    </StyledYourOrgTest25Test25PageWrapper>
-  );
-}
-
-export default withConfiguration(YourOrgTest25Test25Page);

package/tests/assets/sdk-r/components/createAll/custom-constellation/template/YourOrg_test25_test25Page/localizations.json

@@ -1,6 +0,0 @@
-{
-  "fields": {
-    "Get next work": "Get next work",
-    "No task currently available": "No task currently available"
-  }
-}

package/tests/assets/sdk-r/components/createAll/custom-constellation/template/YourOrg_test25_test25Page/mock.ts

@@ -1,95 +0,0 @@
-// @ts-nocheck
-export const pyHome1Raw = {
-  name: 'pyHome1',
-  type: 'View',
-  config: {
-    type: 'landingpage',
-    template: 'OneColumnPage',
-    icon: 'home-solid',
-    title: '@ENV APPLICATION_DESC',
-    ruleClass: 'DIXL-MediaCo-UIPages',
-    localeReference: '@LR DIXL-MEDIACO-UIPAGES!PAGE!PYHOME1',
-    enableGetNextWork: true,
-    context: 'pyPortal'
-  },
-  children: [
-    {
-      name: 'A',
-      type: 'Region',
-      children: [
-        {
-          type: 'AppAnnouncement',
-          config: {
-            label: '@L App announcement',
-            description:
-              "We've launched a brand new experience to accelerate your workflow. Check out the guides to help you get the most of Cosmos.",
-            whatsnewlink: 'https://design.pega.com',
-            image:
-              'data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzOSAxMSI+PHRpdGxlPlBlZ2EgdGV4dC1vbmx5IGxvZ288L3RpdGxlPjxwYXRoIHN0eWxlPSJmaWxsLW9wYWNpdHk6IC4yNTsiIGZpbGw9IiNmZmYiIGQ9Ik03LjcyIDMuODJjMCAyLjI1LTEuNzggMy40MS00IDMuNDFoLTEuNnYzSDBWLjQyaDMuOTRjMi4zNiAwIDMuNzggMS4zOSAzLjc4IDMuNHptLTQtMS40N2gtMS42djNoMS43QTEuNDcgMS40NyAwIDAgMCA1LjUgMy44MmMwLS45MS0uNjUtMS40Ny0xLjc1LTEuNDd6bTcuNjggNS45MWg1LjN2Mkg5LjI5Vi40Mmg3LjM4djEuOTNoLTUuMjR2Mmg0LjI0djEuOWgtNC4yNHpNMjMuMTggMGE1IDUgMCAwIDEgMy41NyAxLjI4TDI1LjYzIDIuOGEzLjc4IDMuNzggMCAwIDAtMS4wNS0uNjNBNC4zMiA0LjMyIDAgMCAwIDIzLjMxIDIgMy4xNyAzLjE3IDAgMCAwIDIwIDUuMjdhMy4xNiAzLjE2IDAgMCAwIDEgMi4zOSAzLjA3IDMuMDcgMCAwIDAgMi4xNy44NCA0LjYgNC42IDAgMCAwIDIuMDktLjVWNi4xOWgtMi4yVjQuMzhoNC4yNXY0LjU2YTUuNDEgNS40MSAwIDAgMS00LjA4IDEuNTdBNS4zNSA1LjM1IDAgMCAxIDE5LjQzIDlhNS4wNSA1LjA1IDAgMCAxLTEuNTYtMy43NCA1LjIxIDUuMjEgMCAwIDEgMS41Ni0zLjc2QTUuMzEgNS4zMSAwIDAgMSAyMy4xOCAwem0xMS4yOS40Mmw0LjEzIDkuNzloLTIuMjVMMzUuNDggOGgtNC4wNmwtLjkgMi4xOGgtMi4yTDMyLjUxLjQyem0uMjUgNS43MkwzMy40NCAzbC0xLjI5IDMuMTR6bTMtNWEuNzEuNzEgMCAwIDEtLjc0Ljc1LjcxLjcxIDAgMCAxLS43My0uNzUuNzMuNzMgMCAwIDEgLjc1LS43Mi43Mi43MiAwIDAgMSAuNzUuNzF6TTM3IC41M2EuNTkuNTkgMCAwIDAtLjYuNi42MS42MSAwIDEgMCAxLjIxIDAgLjYuNiAwIDAgMC0uNjEtLjZ6bS0uMjQgMVYuNzFIMzdjLjEyIDAgLjE4LjA2LjI1LjA2YS4yMS4yMSAwIDAgMSAuMDcuMTguMTkuMTkgMCAwIDEtLjA3LjE4cy0uMDcuMDgtLjEzLjA4bC4yNi4zNmgtLjJMMzcgMS4yOGgtLjF2LjI5em0uMTMtLjQ0aC4yM2EuMjYuMjYgMCAwIDAgLjA3LS4wOWgtLjA2Yy0uMDUtLjE3LS4wNS0uMTctLjEzLS4xN2gtLjF6Ii8+PC9zdmc+',
-            datasource: {
-              source: '@DATASOURCE D_pyAnnouncements.pxResults',
-              fields: {
-                name: '@P .pyLabel'
-              }
-            }
-          }
-        }
-      ]
-    }
-  ],
-  classID: 'DIXL-MediaCo-UIPages'
-};
-
-export const pyHome1Resolved = {
-  name: 'pyHome1',
-  type: 'View',
-  config: {
-    type: 'landingpage',
-    template: 'OneColumnPage',
-    icon: 'home-solid',
-    title: '@ENV APPLICATION_DESC',
-    ruleClass: 'DIXL-MediaCo-UIPages',
-    localeReference: '@LR DIXL-MEDIACO-UIPAGES!PAGE!PYHOME1',
-    enableGetNextWork: true,
-    context: 'pyPortal'
-  },
-  children: [
-    {
-      name: 'A',
-      type: 'Region',
-      getPConnect: () => {
-        return {
-          getComponentName: () => {
-            return '';
-          },
-          getComponent: () => {
-            return pyHome1Resolved.children[0];
-          },
-          getConfigProps: () => {
-            return {};
-          }
-        };
-      },
-      children: [
-        {
-          type: 'AppAnnouncement',
-          config: {
-            label: '@L App announcement',
-            description:
-              "We've launched a brand new experience to accelerate your workflow. Check out the guides to help you get the most of Cosmos.",
-            whatsnewlink: 'https://design.pega.com',
-            image:
-              'data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzOSAxMSI+PHRpdGxlPlBlZ2EgdGV4dC1vbmx5IGxvZ288L3RpdGxlPjxwYXRoIHN0eWxlPSJmaWxsLW9wYWNpdHk6IC4yNTsiIGZpbGw9IiNmZmYiIGQ9Ik03LjcyIDMuODJjMCAyLjI1LTEuNzggMy40MS00IDMuNDFoLTEuNnYzSDBWLjQyaDMuOTRjMi4zNiAwIDMuNzggMS4zOSAzLjc4IDMuNHptLTQtMS40N2gtMS42djNoMS43QTEuNDcgMS40NyAwIDAgMCA1LjUgMy44MmMwLS45MS0uNjUtMS40Ny0xLjc1LTEuNDd6bTcuNjggNS45MWg1LjN2Mkg5LjI5Vi40Mmg3LjM4djEuOTNoLTUuMjR2Mmg0LjI0djEuOWgtNC4yNHpNMjMuMTggMGE1IDUgMCAwIDEgMy41NyAxLjI4TDI1LjYzIDIuOGEzLjc4IDMuNzggMCAwIDAtMS4wNS0uNjNBNC4zMiA0LjMyIDAgMCAwIDIzLjMxIDIgMy4xNyAzLjE3IDAgMCAwIDIwIDUuMjdhMy4xNiAzLjE2IDAgMCAwIDEgMi4zOSAzLjA3IDMuMDcgMCAwIDAgMi4xNy44NCA0LjYgNC42IDAgMCAwIDIuMDktLjVWNi4xOWgtMi4yVjQuMzhoNC4yNXY0LjU2YTUuNDEgNS40MSAwIDAgMS00LjA4IDEuNTdBNS4zNSA1LjM1IDAgMCAxIDE5LjQzIDlhNS4wNSA1LjA1IDAgMCAxLTEuNTYtMy43NCA1LjIxIDUuMjEgMCAwIDEgMS41Ni0zLjc2QTUuMzEgNS4zMSAwIDAgMSAyMy4xOCAwem0xMS4yOS40Mmw0LjEzIDkuNzloLTIuMjVMMzUuNDggOGgtNC4wNmwtLjkgMi4xOGgtMi4yTDMyLjUxLjQyem0uMjUgNS43MkwzMy40NCAzbC0xLjI5IDMuMTR6bTMtNWEuNzEuNzEgMCAwIDEtLjc0Ljc1LjcxLjcxIDAgMCAxLS43My0uNzUuNzMuNzMgMCAwIDEgLjc1LS43Mi43Mi43MiAwIDAgMSAuNzUuNzF6TTM3IC41M2EuNTkuNTkgMCAwIDAtLjYuNi42MS42MSAwIDEgMCAxLjIxIDAgLjYuNiAwIDAgMC0uNjEtLjZ6bS0uMjQgMVYuNzFIMzdjLjEyIDAgLjE4LjA2LjI1LjA2YS4yMS4yMSAwIDAgMSAuMDcuMTguMTkuMTkgMCAwIDEtLjA3LjE4cy0uMDcuMDgtLjEzLjA4bC4yNi4zNmgtLjJMMzcgMS4yOGgtLjF2LjI5em0uMTMtLjQ0aC4yM2EuMjYuMjYgMCAwIDAgLjA3LS4wOWgtLjA2Yy0uMDUtLjE3LS4wNS0uMTctLjEzLS4xN2gtLjF6Ii8+PC9zdmc+',
-            datasource: {
-              source: '@DATASOURCE D_pyAnnouncements.pxResults',
-              fields: {
-                name: '@P .pyLabel'
-              }
-            }
-          }
-        }
-      ]
-    }
-  ],
-  classID: 'DIXL-MediaCo-UIPages'
-};

package/tests/assets/sdk-r/components/createAll/custom-constellation/template/YourOrg_test25_test25Page/styles.ts

@@ -1,8 +0,0 @@
-// individual style, comment out above, and uncomment here and add styles
-import styled, { css } from 'styled-components';
-
-export default styled.div(() => {
-  return css`
-    margin: 0px 0;
-  `;
-});

package/tests/assets/sdk-r/components/createAll/custom-constellation/template/YourOrg_test25_test25Page/utils.ts

@@ -1,241 +0,0 @@
-import { createUID } from '@pega/cosmos-react-core';
-
-// import { LazyMap as LazyComponentMap } from '../../components_map';
-
-const LazyComponentMap = {};
-
-/**
- * Given the PConnect object of a Template component, retrieve the children
- * metadata of all regions.
- * @param {Function} pConnect PConnect of a Template component.
- */
-export function getAllFields(pConnect: Function) {
-  const metadata = pConnect().getRawMetadata();
-  if (!metadata.children) {
-    return [];
-  }
-
-  let allFields = [];
-
-  const makeField = (f: any) => ({
-    ...pConnect().resolveConfigProps(f.config),
-    type: f.type
-  });
-
-  const hasRegions = !!metadata.children[0]?.children;
-  if (hasRegions) {
-    allFields = metadata.children.map((region: any) =>
-      region.children.map((field: any) => {
-        // Do not resolve the config props if is status work, instead create component here as status badge and mark as status display
-        if (field.config?.value === '@P .pyStatusWork') {
-          field.type = 'TextInput';
-          field.config.displayAsStatus = true;
-          return pConnect().createComponent(field);
-        }
-
-        return makeField(field);
-      })
-    );
-  } else {
-    allFields = metadata.children.map(makeField);
-  }
-
-  return allFields;
-}
-
-/**
- * A helper function to create an object consisting react component as per the type.
- * This is used by CaseSummary template.
- * @param {object} configObject Object containing meta information for the particular field authored
- * @param {Function} getPConnect PConnect function passed along to other components.
- * @param {string} displayMode displayMode string contains information about the layout of component in review mode.
- */
-export function prepareComponentInCaseSummary(configObject: any, getPConnect: Function, displayMode: string) {
-  const { config, children } = configObject;
-  let { type } = configObject;
-  const caseSummaryComponentObject = {};
-  let showAddressLabel = true;
-  if (config && config.value === '@P .pyStatusWork') {
-    config.displayAsStatus = true;
-    type = 'TextInput'; // force the type to be TextInput for status field.
-    // As TextInput is loaded forcefully sometimes, TextInput component might not be available in lazy map.
-    // Load TextInput if it is not available.
-    // @ts-ignore
-    if (!LazyComponentMap[type]) {
-      PCore.getAssetLoader().getLoader('component-loader')([type]);
-    }
-  }
-
-  // @ts-ignore
-  caseSummaryComponentObject.name = getPConnect().resolveConfigProps({
-    label: config.label
-  }).label;
-  if (type === 'CaseOperator') {
-    // @ts-ignore
-    switch (caseSummaryComponentObject.name) {
-      case 'Create operator':
-        // @ts-ignore
-        caseSummaryComponentObject.name = getPConnect().resolveConfigProps({
-          createLabel: config.createLabel
-        }).createLabel;
-        break;
-      case 'Update operator':
-        // @ts-ignore
-        caseSummaryComponentObject.name = getPConnect().resolveConfigProps({
-          updateLabel: config.updateLabel
-        }).updateLabel;
-        break;
-      default:
-        // @ts-ignore
-        caseSummaryComponentObject.name = getPConnect().resolveConfigProps({
-          resolveLabel: config.resolveLabel
-        }).resolveLabel;
-        break;
-    }
-  } else if (type === 'Checkbox') {
-    // @ts-ignore
-    caseSummaryComponentObject.name = getPConnect().resolveConfigProps({
-      label: config.caption
-    }).label;
-  } else if (type === 'Address') {
-    showAddressLabel = false;
-  }
-  const createdComponent = getPConnect().createComponent({
-    type,
-    children: children ? [...children] : [],
-    showAddressLabel,
-    config: {
-      ...config,
-      hideLabel: true,
-      key: createUID() // Need a unique key on render of the summary so that the component is recreated each time
-    }
-  });
-  createdComponent.props.getPConnect().setInheritedProp('displayMode', displayMode);
-  if (type === 'Address') {
-    createdComponent.props.getPConnect().setInheritedProp('showAddressLabel', showAddressLabel);
-  }
-  // createdComponent.props.getPConnect().setInheritedProp("hideLabel", true);
-  // @ts-ignore
-  caseSummaryComponentObject.value = createdComponent;
-  if (type === 'reference') {
-    // @ts-ignore
-    caseSummaryComponentObject.name = createdComponent.props.getPConnect().getInheritedProps().label;
-  }
-
-  return caseSummaryComponentObject;
-}
-
-export function getFilteredFields(getPConnect: Function) {
-  let primaryFieldsRaw;
-  let secondaryFieldsRaw;
-  const metadata = getPConnect().getRawMetadata();
-  const hasRegions = !!metadata.children[0]?.children;
-  if (hasRegions) {
-    primaryFieldsRaw = metadata.children[0].children;
-    secondaryFieldsRaw = metadata.children[1].children;
-  } else {
-    [primaryFieldsRaw, secondaryFieldsRaw] = metadata.children;
-  }
-
-  // Filter out fields that are not visible and unsupported types for primary fields (for CaseSummary)
-  primaryFieldsRaw = primaryFieldsRaw.filter((item: any) => {
-    const resolvedItem = getPConnect().resolveConfigProps(item.config);
-    return resolvedItem.visibility !== false && item.type !== 'TextContent';
-  });
-
-  secondaryFieldsRaw = secondaryFieldsRaw.filter((item: any) => {
-    const resolvedItem = getPConnect().resolveConfigProps(item.config);
-    return resolvedItem.visibility !== false && item.type !== 'TextContent';
-  });
-
-  return [primaryFieldsRaw, secondaryFieldsRaw];
-}
-
-/**
- * Returns ConfigurableLayout mapped content. With pre-populated default layout configs.
- * @param {object[]} regionData template children item.
- * @returns {object[]} ConfigurableLayout content.
- */
-export function getLayoutDataFromRegion(regionData: object[]) {
-  const defaultLayoutConfig = {
-    width: 'full',
-    fillAvailable: true,
-    minWidth: [300, 'px']
-  };
-
-  // @ts-ignore
-  return regionData.props
-    ?.getPConnect()
-    ?.getChildren()
-    ?.map((item: any, index: number) => {
-      const itemPConnect = item?.getPConnect();
-
-      return {
-        id: itemPConnect?.getComponentName() ? `${itemPConnect.getComponentName()}--${index}` : `item--${index}`,
-        content: itemPConnect?.getComponent(),
-        layoutConfig: {
-          ...defaultLayoutConfig,
-          ...itemPConnect?.getConfigProps().layoutConfig
-        }
-      };
-    });
-}
-
-/**
- * Determine if the current view is the view of the case step/assignment.
- * @param {Function} pConnect PConnect object for the component
- */
-export function getIsAssignmentView(pConnect: Function) {
-  // Get caseInfo content from the store which contains the view info about the current assignment/step
-  // TODO To be replaced with pConnect.getCaseInfo().getCurrentAssignmentView when it's available
-  // @ts-ignore
-  const assignmentViewClass = pConnect.getValue(PCore.getConstants().CASE_INFO.CASE_INFO_CLASSID);
-  // @ts-ignore
-  const assignmentViewName = pConnect.getValue(PCore.getConstants().CASE_INFO.ASSIGNMENTACTION_ID);
-
-  const assignmentViewId = `${assignmentViewName}!${assignmentViewClass}`;
-
-  // Get the info about the current view from pConnect
-  // @ts-ignore
-  const currentViewId = `${pConnect.getCurrentView()}!${pConnect.getCurrentClassID()}`;
-
-  return assignmentViewId === currentViewId;
-}
-
-/**
- * A hook that gets the instructions content for a view.
- * @param {Function} pConnect PConnect object for the component
- * @param {string} [instructions="casestep"] 'casestep', 'none', or the html content of a Rule-UI-Paragraph rule (processed via core's paragraph annotation handler)
- */
-export function getInstructions(pConnect: Function, instructions: string = 'casestep') {
-  // @ts-ignore
-  const caseStepInstructions = pConnect.getValue(PCore.getConstants().CASE_INFO.INSTRUCTIONS);
-
-  // Determine if this view is the current assignment/step view
-  const isCurrentAssignmentView = getIsAssignmentView(pConnect);
-
-  // Case step instructions
-  if (instructions === 'casestep' && isCurrentAssignmentView && caseStepInstructions?.length) {
-    return caseStepInstructions;
-  }
-
-  // No instructions
-  if (instructions === 'none') {
-    return undefined;
-  }
-
-  // If the annotation wasn't processed correctly, don't return any instruction text
-  if (instructions?.startsWith('@PARAGRAPH')) {
-    console.error('@PARAGRAPH annotation was not processed. Hiding custom instructions.');
-
-    return undefined;
-  }
-
-  // Custom instructions from the view
-  // The raw metadata for `instructions` will be something like '@PARAGRAPH .SomeParagraphRule' but
-  // it is evaluated by core logic to the content
-  if (instructions !== 'casestep' && instructions !== 'none') {
-    return instructions;
-  }
-  return undefined;
-}

package/tests/assets/sdk-r/components/createAll/custom-constellation/template/YourOrg_test25_test25TwoColumnDetails/Avatar.tsx

@@ -1,70 +0,0 @@
-import React from 'react';
-import { useEffect, useState } from 'react';
-import { Avatar as CosmosAvatar, withConfiguration } from '@pega/cosmos-react-core';
-import type { PConnFieldProps } from './PConnProps';
-
-// interface for props
-interface YourOrgTest25Test25TwoColumnDetailsAvatarProps extends PConnFieldProps {
-  // If any, enter additional props that only exist on TextInput here
-  metaObj: any;
-  showStatus: boolean;
-}
-
-function Avatar(props: YourOrgTest25Test25TwoColumnDetailsAvatarProps) {
-  const { metaObj, showStatus = false } = props;
-  const [imageBlobUrl, setImageBlobUrl] = useState(null);
-  let userName: string;
-  let userIdentifier: string;
-
-  // TODO Below if conditions can be removed once we have apis to get worklist/mywork info
-  // This is non CaseView case (Dashboard, MyWork etc)
-  if (!metaObj) {
-    userName = PCore.getEnvironmentInfo().getOperatorName() ?? '';
-    userIdentifier = PCore.getEnvironmentInfo().getOperatorIdentifier() ?? '';
-  } else {
-    userName = metaObj.name;
-    userIdentifier = metaObj.ID;
-  }
-  if (!userName && userIdentifier) {
-    userName = userIdentifier;
-  }
-
-  useEffect(() => {
-    const imageKey = !metaObj ? PCore.getEnvironmentInfo().getOperatorImageInsKey() : metaObj.image;
-    if (imageKey) {
-      PCore.getAssetLoader()
-        .getSvcImage(imageKey)
-        .then(blob => window.URL.createObjectURL(blob))
-        .then(imagePath => setImageBlobUrl(imagePath as React.SetStateAction<any>));
-    }
-  }, [metaObj]);
-
-  if (showStatus) {
-    const currentState = PCore.getMessagingServiceManager().getUserPresence().getUserState(userIdentifier);
-    const [userState, setUserState]: any = useState(currentState === 'online' ? 'active' : 'inactive');
-
-    const handleUserStateChange = ({ state }: any) => {
-      setUserState(state === 'online' ? 'active' : 'inactive');
-    };
-
-    useEffect(() => {
-      const subId = PCore.getMessagingServiceManager().getUserPresence().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} />;
-  }
-
-  // Do not render when userName does not exists
-  // TODO : In CNR case, pxRequestor is not available, please remove this condition once it populates
-  if (!userName) {
-    return null;
-  }
-
-  return <CosmosAvatar name={userName} imageSrc={imageBlobUrl as React.SetStateAction<any>} />;
-}
-
-export default withConfiguration(Avatar);

package/tests/assets/sdk-r/components/createAll/custom-constellation/template/YourOrg_test25_test25TwoColumnDetails/DetailsRender.tsx

@@ -1,50 +0,0 @@
-import { Fragment, ReactElement } from 'react';
-import { FieldValueList } from '@pega/cosmos-react-core';
-
-interface DetailsRenderProps {
-  children?: never;
-  child: NonNullable<ReactElement>;
-}
-
-const DetailsRender = (props: DetailsRenderProps) => {
-  const { child } = props;
-
-  const kids = child.props.getPConnect().getChildren();
-
-  const displayCompArr: ReactElement[] = [];
-
-  Object.values(kids).forEach((value: any, i: number) => {
-    const { type } = value.getPConnect().getRawMetadata();
-    const { hideLabel, variant, testId, label } = value.getPConnect().resolveConfigProps(value.getPConnect().getConfigProps());
-
-    let displayComp;
-    const key = JSON.stringify(value.getPConnect());
-    const key1 = key.concat(`-${i}`);
-
-    if (type === 'reference') {
-      const refElement = value.getPConnect().getComponent();
-
-      displayCompArr.push(refElement);
-    } else {
-      const element = value.getPConnect().getComponent();
-      const displayEl = <Fragment key={key}>{element}</Fragment>;
-
-      displayComp = (
-        <Fragment key={key1}>
-          <FieldValueList
-            style={{ columnGap: '0' }}
-            variant={hideLabel ? 'stacked' : variant}
-            data-testid={testId}
-            fields={[{ id: '1', name: hideLabel ? '' : label, value: displayEl }]}
-          />
-        </Fragment>
-      );
-
-      displayCompArr.push(displayComp);
-    }
-  });
-
-  return <>{displayCompArr}</>;
-};
-
-export default DetailsRender;