@pega/custom-dx-components 0.24.3 → 0.24.5

package/tests/assets/components/createAll/Launchpad/Pega_DXIL_MyDetails/index.tsx

@@ -1,13 +1,14 @@
 import { Fragment } from 'react';
 import { Grid, Flex, FieldGroup, withConfiguration } from '@pega/cosmos-react-core';
 import type { PConnFieldProps } from './PConnProps';
+import DetailsRender from './DetailsRender';
+import HighlightRender from './HighlightRender';
 
 import StyledPegaDxilMyDetailsWrapper from './styles';
 
 // includes in bundle
 import { getAllFields } from './utils';
 
-
 // interface for props
 interface PegaDxilMyDetailsProps extends PConnFieldProps {
   // If any, enter additional props that only exist on TextInput here
@@ -16,8 +17,6 @@ interface PegaDxilMyDetailsProps extends PConnFieldProps {
   children: any;
 }
 
-// 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 PegaDxilMyDetails(props: PegaDxilMyDetailsProps) {
@@ -25,9 +24,17 @@ function PegaDxilMyDetails(props: PegaDxilMyDetailsProps) {
   const { getPConnect, children, label, showLabel = true, showHighlightedData = false  } = props;
   const propsToUse = { label, showLabel, ...getPConnect().getInheritedProps() };
 
+  // update children with readonly
+  // eslint-disable-next-line guard-for-in
+  for (const index in children) {
+    const kid = children[index];
+    kid.props.getPConnect().setInheritedProp('readOnly', true);
+    kid.props.getPConnect().setInheritedProp('displayMode', 'DISPLAY_ONLY');
+  }
+
   const numRegions = getAllFields(getPConnect)?.length;
   const gridRepeat = "repeat(".concat(numRegions).concat(", 1fr)");
-  const gridContainer = { "colGap": 1};
+  const gridContainer = { "colGap": 0};
   // @ts-ignore
   gridContainer.cols = gridRepeat;
   // @ts-ignore
@@ -37,7 +44,7 @@ function PegaDxilMyDetails(props: PegaDxilMyDetailsProps) {
   // @ts-ignore
   gridHighlightContainer.cols = gridRepeat;
   // @ts-ignore
-  gridHighlightContainer.alignItems = 'start';
+  gridHighlightContainer.alignItems = 'flex-start';
   // @ts-ignore
   gridHighlightContainer.pad = [0, 0, 2, 0];
 
@@ -48,33 +55,40 @@ function PegaDxilMyDetails(props: PegaDxilMyDetailsProps) {
     const { highlightedData = [] } = getPConnect().getRawMetadata().config;
     // @ts-ignore
     highlightedDataArr = highlightedData.map((field) => {
-      field.config.displayMode = 'STACKED_LARGE_VAL';
 
-      // Mark as status display when using pyStatusWork
-      if (field.config.value === '@P .pyStatusWork') {
-        field.type = 'TextInput';
-        field.config.displayAsStatus = true;
-      }
-      // @ts-ignore
-      return getPConnect().createComponent(field);
+    return <HighlightRender field={field} props={props} />;
     });
   }
 
+  const hrStyle = {
+    line: {
+      margin: '0.75rem 0',
+      opacity: '50%'
+    }
+  };
+
   return (
     <StyledPegaDxilMyDetailsWrapper>
     <FieldGroup name={propsToUse.showLabel ? propsToUse.label : ''}>
       {showHighlightedData && highlightedDataArr.length > 0 && (
-        <Grid container={gridHighlightContainer}
-          data-testid={`highlighted-column-count-${numRegions}`}>
-          {highlightedDataArr.map((child: any, i: number) => (
-            <Fragment key={`hf-${i + 1}`}>{child}</Fragment>
-          ))}
-        </Grid>
+          <>
+            <Flex
+              // @ts-ignore
+              container={{ direction: 'row', alignItems: 'normal', colGap: 10 }}
+              data-testid={`highlighted-column-count-${numRegions}`}
+            >
+              {highlightedDataArr.map((child: any, i: number) => (
+                <Fragment key={`hf-${i + 1}`}>{child}</Fragment>
+              ))}
+            </Flex>
+            <hr style={hrStyle.line} />
+          </>
       )}
       <Grid container={gridContainer} data-testid={`column-count-${numRegions}`} >
        {children.map((child: any, i: number) => (
-        <Flex container={{ direction: 'column'}} key={`r-${i + 1}`}>
-        {child}
+        // @ts-ignore
+        <Flex container={{ direction: 'column', alignItems: 'normal', colGap: 0, rowGap: 1.5 }} key={`r-${i + 1}`}>
+          <DetailsRender child={child} />
         </Flex>
        ))}
       </Grid>

package/tests/assets/components/createAll/Launchpad/Pega_DXIL_MyEmail/demo.stories.tsx

@@ -20,13 +20,8 @@ export const BasePegaDxilMyEmail: Story = args => {
 
   const props = {
     value: configProps.value,
-    label: configProps.label,
-    placeholder: configProps.placeholder,
-    helperText: configProps.helperText,
-    testId: configProps.testId,
     hasSuggestions: configProps.hasSuggestions,
     fieldMetadata,
-    validatemessage: '',
     getPConnect: () => {
       return {
         getStateProps: () => {
@@ -64,5 +59,6 @@ BasePegaDxilMyEmail.args = {
   status: configProps.status,
   hideLabel: configProps.hideLabel,
   displayMode: configProps.displayMode,
+  variant: configProps.variant,
   validatemessage: configProps.validatemessage
 };

package/tests/assets/components/createAll/Launchpad/Pega_DXIL_MyForm/DetailsRender.tsx

@@ -0,0 +1,58 @@
+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) => {
+    const { type } = value.getPConnect().getRawMetadata();
+    const { hideLabel, variant, testId, label } = value
+      .getPConnect()
+      .resolveConfigProps(value.getPConnect().getConfigProps());
+
+    let displayComp;
+    const key = JSON.stringify(value.getPConnect());
+
+    if (type === 'reference') {
+      const refElement = value.getPConnect().getComponent();
+
+      displayCompArr.push(refElement);
+    } else {
+      const element = value.getPConnect().getComponent();
+      const displayEl = <Fragment key={key}>{element}</Fragment>;
+
+      const fvlStyle = {
+        myColGap: {
+          columnGap: '0'
+        }
+      };
+
+      // const myEl = <div>boo</div>;
+      displayComp = (
+        <Fragment key={key}>
+          <FieldValueList
+            style={fvlStyle.myColGap}
+            variant={hideLabel ? 'stacked' : variant}
+            data-testid={testId}
+            fields={[{ id: '1', name: hideLabel ? '' : label, value: displayEl }]}
+          />
+        </Fragment>
+      );
+
+      displayCompArr.push(displayComp);
+    }
+  });
+
+  return <>{displayCompArr}</>;
+};
+
+export default DetailsRender;

package/tests/assets/components/createAll/Launchpad/Pega_DXIL_MyForm/demo.stories.tsx

@@ -139,8 +139,6 @@ const renderField = resolvedProps => {
 
 export const BasePegaDxilMyForm: Story = args => {
   const props = {
-    NumCols: 1,
-    template: 'DefaultForm',
     getPConnect: () => {
       return {
         getChildren: () => {
@@ -181,4 +179,8 @@ export const BasePegaDxilMyForm: Story = args => {
   );
 };
 
-BasePegaDxilMyForm.args = {};
+BasePegaDxilMyForm.args = {
+  showLabel: true,
+  label: 'Form template',
+  NumCols: 1,
+};

package/tests/assets/components/createAll/Launchpad/Pega_DXIL_MyForm/index.tsx

@@ -1,7 +1,8 @@
-import { Grid, FieldGroup, withConfiguration } from '@pega/cosmos-react-core';
+import { Grid, Flex, FieldGroup, withConfiguration } from '@pega/cosmos-react-core';
 
 
 import type { PConnFieldProps } from './PConnProps';
+import DetailsRender from './DetailsRender';
 
 import StyledPegaDxilMyFormWrapper from './styles';
 
@@ -13,19 +14,41 @@ interface PegaDxilMyFormProps extends PConnFieldProps {
   children: any;
 }
 
-// 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 PegaDxilMyForm(props: PegaDxilMyFormProps) {
 
-  const { children = [], NumCols = '1', label, showLabel, getPConnect } = props;
+  const { children = [], NumCols = '1', label, showLabel, getPConnect, readOnly, displayMode } = props;
   const propsToUse = { label, showLabel, ...getPConnect().getInheritedProps() };
 
   const nCols = parseInt(NumCols, 10);
 
-  // console.log(`Rendering ${getPConnect()?.getComponentName()} with ${template} with ${children?.length} Region(s)`);
 
+  if (readOnly && readOnly === true && displayMode && displayMode === 'DISPLAY_ONLY') {
+    const numRegions = '1';
+    const gridRepeat = 'repeat('.concat(numRegions).concat(', 1fr)');
+    const gridContainer = { colGap: 0 };
+    // @ts-ignore
+    gridContainer.cols = gridRepeat;
+
+    return (
+      <StyledPegaDxilMyFormWrapper>
+        <FieldGroup name={propsToUse.showLabel ? propsToUse.label : ''}>
+          <Grid container={gridContainer} data-testid={`column-count-${numRegions}`}>
+            {children.map((child: any, i: number) => (
+              <Flex
+                // @ts-ignore
+                container={{ direction: 'column', alignItems: 'normal', colGap: 0, rowGap: 1.5 }}
+                key={`r-${i + 1}`}
+              >
+                <DetailsRender child={child} />
+              </Flex>
+            ))}
+          </Grid>
+        </FieldGroup>
+      </StyledPegaDxilMyFormWrapper>
+    );
+  }
   return (
     <StyledPegaDxilMyFormWrapper>
     <FieldGroup name={propsToUse.showLabel ? propsToUse.label : ''}>

package/tests/assets/components/createAll/Launchpad/Pega_DXIL_MyInteger/demo.stories.tsx

@@ -19,14 +19,8 @@ export const BasePegaDxilMyInteger: Story = args => {
 
   const props = {
     value: configProps.value,
-    placeholder: configProps.placeholder,
-    label: configProps.label,
-    helperText: configProps.helperText,
-    showGroupSeparators: configProps.showGroupSeparators,
     hasSuggestions: configProps.hasSuggestions,
-    testId: configProps.testId,
     fieldMetadata,
-    validatemessage: '',
     getPConnect: () => {
       return {
         getStateProps: () => {
@@ -56,6 +50,7 @@ export const BasePegaDxilMyInteger: Story = args => {
 BasePegaDxilMyInteger.args = {
   label: configProps.label,
   helperText: configProps.helperText,
+  placeholder: configProps.placeholder,
   showGroupSeparators: configProps.showGroupSeparators,
   testId: configProps.testId,
   readOnly: configProps.readOnly,
@@ -64,5 +59,6 @@ BasePegaDxilMyInteger.args = {
   status: configProps.status,
   hideLabel: configProps.hideLabel,
   displayMode: configProps.displayMode,
+  variant: configProps.variant,
   validatemessage: configProps.validatemessage
 };

package/tests/assets/components/createAll/Launchpad/Pega_DXIL_MyPage/GetNextWork.tsx

@@ -18,6 +18,7 @@ export default function GetNextWork(props: PegaDxilMyPageWorkProps) {
   const toasterCtx = useToaster();
 
   const localizedVal = PCore.getLocaleUtils().getLocaleValue;
+  const localeCategory = 'Case';
 
   const getNextWork = () => {
 
@@ -30,7 +31,7 @@ export default function GetNextWork(props: PegaDxilMyPageWorkProps) {
         console.log(err);
         if (err[0].status === 404) {
           toasterCtx.push({
-            content: localizedVal('No task currently available')
+            content: localizedVal('No task currently available', localeCategory)
           });
         }
       });

package/tests/assets/components/createAll/Launchpad/Pega_DXIL_MyPage/demo.stories.tsx

@@ -35,9 +35,7 @@ export const BasePegaDxilMyPage: Story = args => {
 
   const props = {
     useConfigurableLayout: false,
-    enableGetNextWork: pyHome1Raw.config.enableGetNextWork,
     icon: pyHome1Raw.config.icon,
-    title: 'Page Template',
 
     getPConnect: () => {
       return {
@@ -108,4 +106,7 @@ export const BasePegaDxilMyPage: Story = args => {
   );
 };
 
-BasePegaDxilMyPage.args = {};
+BasePegaDxilMyPage.args = {
+  title: 'Page Template',
+  enableGetNextWork: pyHome1Raw.config.enableGetNextWork,
+};

package/tests/assets/components/createAll/Launchpad/Pega_DXIL_MyPageWidget/demo.stories.tsx

@@ -20,13 +20,8 @@ type Story = StoryObj<typeof PegaDxilMyPageWidget>;
 export const BasePegaDxilMyPageWidget: Story = args => {
 
   const props = {
-    label: configProps.label,
-    header: configProps.header,
-    description: configProps.description,
-    image: configProps.image,
-    datasource: configProps.datasource,
-    whatsnewlink: configProps.whatsnewlink
-};
+    image: configProps.image
+  };
 
 return (
     <>
@@ -37,5 +32,7 @@ return (
 
 BasePegaDxilMyPageWidget.args = {
   header: configProps.header,
-  description: configProps.description
+  description: configProps.description,
+  whatsnewlink: configProps.whatsnewlink,
+  datasource: configProps.datasource,
 };

package/tests/assets/components/createAll/Launchpad/Pega_DXIL_MyParagraph/demo.stories.tsx

@@ -20,13 +20,8 @@ export const BasePegaDxilMyParagraph: Story = args => {
 
   const props = {
     value: configProps.value,
-    placeholder: configProps.placeholder,
-    label: configProps.label,
-    helperText: configProps.helperText,
-    testId: configProps.testId,
     hasSuggestions: configProps.hasSuggestions,
     fieldMetadata,
-    validatemessage: '',
     getPConnect: () => {
       return {
         getStateProps: () => {
@@ -64,5 +59,6 @@ BasePegaDxilMyParagraph.args = {
   status: configProps.status,
   hideLabel: configProps.hideLabel,
   displayMode: configProps.displayMode,
+  variant: configProps.variant,
   validatemessage: configProps.validatemessage
 };

package/tests/assets/components/createAll/Launchpad/Pega_DXIL_MyParagraph/mock.ts

@@ -8,6 +8,7 @@ export const configProps = {
   testId: 'paragraph-12345678',
   hasSuggestions: false,
   displayMode: '',
+  variant: '',
   hideLabel: false,
   readOnly: false,
   required: false,

package/tests/assets/components/createAll/Launchpad/Pega_DXIL_MyPercentage/demo.stories.tsx

@@ -20,14 +20,8 @@ export const BasePegaDxilMyPercentage: Story = args => {
 
   const props = {
     value: configProps.value,
-    placeholder: configProps.placeholder,
-    label: configProps.label,
-    helperText: configProps.helperText,
-    showGroupSeparators: configProps.showGroupSeparators,
     hasSuggestions: configProps.hasSuggestions,
-    testId: configProps.testId,
     fieldMetadata,
-    validatemessage: '',
     getPConnect: () => {
       return {
         getStateProps: () => {
@@ -57,6 +51,7 @@ export const BasePegaDxilMyPercentage: Story = args => {
 BasePegaDxilMyPercentage.args = {
   label: configProps.label,
   helperText: configProps.helperText,
+  placeholder: configProps.placeholder,
   showGroupSeparators: configProps.showGroupSeparators,
   testId: configProps.testId,
   readOnly: configProps.readOnly,
@@ -65,5 +60,6 @@ BasePegaDxilMyPercentage.args = {
   status: configProps.status,
   hideLabel: configProps.hideLabel,
   displayMode: configProps.displayMode,
+  variant: configProps.variant,
   validatemessage: configProps.validatemessage
 };

package/tests/assets/components/createAll/Launchpad/Pega_DXIL_MyPercentage/mock.ts

@@ -8,6 +8,7 @@ export const configProps = {
   testId: 'percentage-12345678',
   hasSuggestions: false,
   displayMode: '',
+  variant: '',
   hideLabel: false,
   readOnly: false,
   required: false,

package/tests/assets/components/createAll/Launchpad/Pega_DXIL_MyPhone/demo.stories.tsx

@@ -19,12 +19,7 @@ export const BasePegaDxilMyPhone: Story = args => {
 
   const props = {
     value: configProps.value,
-    placeholder: configProps.placeholder,
-    label: configProps.label,
-    testId: configProps.testId,
     hasSuggestions: configProps.hasSuggestions,
-    datasource: configProps.datasource,
-    validatemessage: '',
     getPConnect: () => {
       return {
         getStateProps: () => {
@@ -52,6 +47,7 @@ export const BasePegaDxilMyPhone: Story = args => {
 };
 
 BasePegaDxilMyPhone.args = {
+  datasource: configProps.datasource,
   label: configProps.label,
   helperText: configProps.helperText,
   placeholder: configProps.placeholder,
@@ -62,5 +58,6 @@ BasePegaDxilMyPhone.args = {
   status: configProps.status,
   hideLabel: configProps.hideLabel,
   displayMode: configProps.displayMode,
+  variant: configProps.variant,
   validatemessage: configProps.validatemessage
 };

package/tests/assets/components/createAll/Launchpad/Pega_DXIL_MyPhone/mock.ts

@@ -26,6 +26,7 @@ export const configProps = {
   testId: 'phone-12345678',
   hasSuggestions: false,
   displayMode: '',
+  variant: '',
   hideLabel: false,
   readOnly: false,
   required: false,

package/tests/assets/components/createAll/Launchpad/Pega_DXIL_MyPicklist/demo.stories.tsx

@@ -23,14 +23,8 @@ export const BasePegaDxilMyPicklist: Story = args => {
 
   const props = {
     value,
-    placeholder: configProps.placeholder,
-    label: configProps.label,
-    helperText: configProps.helperText,
-    datasource: configProps.datasource,
-    testId: configProps.testId,
     hasSuggestions: configProps.hasSuggestions,
     fieldMetadata,
-    validatemessage: '',
     getPConnect: () => {
       return {
         getConfigProps: () => {
@@ -84,6 +78,7 @@ export const BasePegaDxilMyPicklist: Story = args => {
 };
 
 BasePegaDxilMyPicklist.args = {
+  datasource: configProps.datasource,
   label: configProps.label,
   helperText: configProps.helperText,
   placeholder: configProps.placeholder,
@@ -94,5 +89,6 @@ BasePegaDxilMyPicklist.args = {
   status: configProps.status,
   hideLabel: configProps.hideLabel,
   displayMode: configProps.displayMode,
+  variant: configProps.variant,
   validatemessage: configProps.validatemessage
 };

package/tests/assets/components/createAll/Launchpad/Pega_DXIL_MyPicklist/mock.ts

@@ -22,6 +22,7 @@ export const configProps = {
   testId: 'picklist-12345678',
   hasSuggestions: false,
   displayMode: '',
+  variant: '',
   hideLabel: false,
   readOnly: false,
   required: false,

package/tests/assets/components/createAll/Launchpad/Pega_DXIL_MyRadioButtons/demo.stories.tsx

@@ -23,15 +23,8 @@ export const BasePegaDxilMyRadiobuttons: Story = args => {
 
   const props = {
     value,
-    placeholder: configProps.placeholder,
-    label: configProps.label,
-    helperText: configProps.helperText,
-    datasource: configProps.datasource,
-    inline: configProps.inline,
-    testId: configProps.testId,
     hasSuggestions: configProps.hasSuggestions,
     fieldMetadata,
-    validatemessage: '',
     getPConnect: () => {
       return {
         getConfigProps: () => {
@@ -88,6 +81,7 @@ export const BasePegaDxilMyRadiobuttons: Story = args => {
 };
 
 BasePegaDxilMyRadiobuttons.args = {
+  datasource: configProps.datasource,
   label: configProps.label,
   helperText: configProps.helperText,
   placeholder: configProps.placeholder,

package/tests/assets/components/createAll/Launchpad/Pega_DXIL_MySearchbox/demo.stories.tsx

@@ -24,19 +24,11 @@ export const BasePegaDxilMySearchbox: Story = args => {
 
   const props = {
     value,
-    placeholder: configProps.placeholder,
-    label: configProps.label,
-    helperText: configProps.helperText,
-    datasource: configProps.datasource,
-    testId: configProps.testId,
     hasSuggestions: configProps.hasSuggestions,
     columns: [],
-    isTableFormatter: false,
     listType: 'associated',
-    parameters: {},
     datasourceMetadata,
     fieldMetadata,
-    validatemessage: '',
     getPConnect: () => {
       return {
         getConfigProps: () => {
@@ -93,9 +85,11 @@ export const BasePegaDxilMySearchbox: Story = args => {
 };
 
 BasePegaDxilMySearchbox.args = {
+  datasource: configProps.datasource,
   label: configProps.label,
   helperText: configProps.helperText,
   placeholder: configProps.placeholder,
+  parameters: {},
   isTableFormatter: false,
   testId: configProps.testId,
   readOnly: configProps.readOnly,

package/tests/assets/components/createAll/Launchpad/Pega_DXIL_MySearchbox/index.tsx

@@ -645,12 +645,14 @@ function PegaDxilMySearchbox(props: PegaDxilMySearchboxProps) {
       PCore.getDataApi()
         .init(dataConfig, contextName)
         .then(dataObj => {
+          // @ts-ignore
           setDataApiObj(dataObj);
           // To avoid calling doSearch if someone types/pastes value before the API call is made
           if (!filterValue)
             doSearch(
               '',
               getDisplayFieldsMetaData(dataConfig.columns),
+              // @ts-ignore
               dataObj,
               setItems as any,
               setLoading,
@@ -677,6 +679,7 @@ function PegaDxilMySearchbox(props: PegaDxilMySearchboxProps) {
       PCore.getDataApi()
         .init(dataConfig, contextName)
         .then(dataObj => {
+          // @ts-ignore
           setDataApiObj(dataObj);
           // To avoid calling doSearch if someone types/pastes value before the API call is made
           if (!filterValue) {
@@ -692,6 +695,7 @@ function PegaDxilMySearchbox(props: PegaDxilMySearchboxProps) {
               doSearch(
                 '',
                 getDisplayFieldsMetaData(dataConfig.columns),
+                // @ts-ignore
                 dataObj,
                 setItems as any,
                 setLoading,
@@ -711,6 +715,7 @@ function PegaDxilMySearchbox(props: PegaDxilMySearchboxProps) {
               doSearch(
                 '',
                 getDisplayFieldsMetaData(dataConfig.columns),
+                // @ts-ignore
                 dataObj,
                 setItems as any,
                 setLoading,
@@ -770,10 +775,14 @@ function PegaDxilMySearchbox(props: PegaDxilMySearchboxProps) {
       PCore.getDataApi()
         .init(dataConfig, contextName)
         .then(dataObj => {
+          // @ts-ignore
           setDataApiObj(dataObj);
+          // @ts-ignore
           buildColumnForDisplayValue(dataObj);
           // SET matchPosition to EQUALS to return exact matching record
+          // @ts-ignore
           dataObj.matchPosition = 'equals';
+          // @ts-ignore
           dataObj
             .fetchData(value)
             .then((displayResponse: { data: Array<never> }) => {
@@ -822,11 +831,13 @@ function PegaDxilMySearchbox(props: PegaDxilMySearchboxProps) {
               setSelected(searchedItem[0]);
               setActualValue(value);
               // RESET matchPosition
+              // @ts-ignore
               dataObj.matchPosition = dataConfig.matchPosition;
             })
             .catch(() => {
               setActualValue(value);
               // RESET matchPosition
+              // @ts-ignore
               dataObj.matchPosition = dataConfig.matchPosition;
             });
         });

package/tests/assets/components/createAll/Launchpad/Pega_DXIL_MySearchbox/utils.ts

@@ -181,7 +181,9 @@ export const updatePropertiesForNewRecord = (
       setDataApiObj(dataObj);
       buildColumnForDisplayValue(dataObj);
       // SET matchPosition to EQUALS to return exact matching record
+      // @ts-ignore
       dataObj.matchPosition = 'equals';
+      // @ts-ignore
       dataObj
         .fetchData(newCaseId)
         // @ts-ignore
@@ -212,6 +214,7 @@ export const updatePropertiesForNewRecord = (
         })
         .finally(() => {
           // RESET matchPosition
+          // @ts-ignore
           dataObj.matchPosition = dataConfig.matchPosition;
         });
     });

package/tests/assets/components/createAll/Launchpad/Pega_DXIL_MyText/demo.stories.tsx

@@ -23,9 +23,6 @@ export const BasePegaDxilMyText: Story = args => {
 
   const props = {
     value,
-    placeholder: configProps.placeholder,
-    label: configProps.label,
-    testId: configProps.testId,
     hasSuggestions: configProps.hasSuggestions,
 
     getPConnect: () => {