@pega/dx-component-builder-sdk 23.1.15 → 24.1.10

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

@@ -19,10 +19,8 @@ export default function PegaDxilMyPage(props: PegaDxilMyPageProps) {
   const OneColumn = getComponentFromMap('OneColumn');
 
   return (
-      <StyledPegaDxilMyPageWrapper>
-        <OneColumn
-        {...props}
-        />
-      </StyledPegaDxilMyPageWrapper>
+    <StyledPegaDxilMyPageWrapper>
+      <OneColumn {...props} />
+    </StyledPegaDxilMyPageWrapper>
   );
 }

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

@@ -28,15 +28,15 @@ export const pyHome1Raw = {
             datasource: {
               source: [
                 {
-                    "name": "New React based UI rendering"
+                  name: 'New React based UI rendering'
                 },
                 {
-                    "name": "Support for followers and recents"
+                  name: 'Support for followers and recents'
                 },
                 {
-                    "name": "New authoring experience"
+                  name: 'New authoring experience'
                 }
-            ],
+              ],
               fields: {
                 name: '@P .pyLabel'
               }
@@ -92,16 +92,15 @@ export const pyHome1Resolved = {
             datasource: {
               source: [
                 {
-                    "name": "New React based UI rendering"
+                  name: 'New React based UI rendering'
                 },
                 {
-                    "name": "Support for followers and recents"
+                  name: 'Support for followers and recents'
                 },
                 {
-                    "name": "New authoring experience"
+                  name: 'New authoring experience'
                 }
-            ]
-            ,
+              ],
               fields: {
                 name: '@P .pyLabel'
               }

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

@@ -68,9 +68,6 @@ export const BasePegaDxilMyTwoColumnDetails: Story = args => {
         },
         resolveConfigProps: () => {
           /* nothing */
-        },
-        createComponent: () => {
-          /* nothing */
         }
       };
     }
@@ -80,7 +77,5 @@ export const BasePegaDxilMyTwoColumnDetails: Story = args => {
 };
 
 BasePegaDxilMyTwoColumnDetails.args = {
-  showHighlightedData: false,
-  label: 'Details Region',
-  showLabel: true
+  showHighlightedData: false
 };

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

@@ -5,12 +5,10 @@ import createPConnectComponent from '@pega/react-sdk-components/lib/bridge/react
 import { getComponentFromMap } from '@pega/react-sdk-components/lib/bridge/helpers/sdk_component_map';
 import { PConnProps } from '@pega/react-sdk-components/lib/types/PConnProps';
 
-import StyledPegaDxilMyTwoColumnDetailsWrapper from "./styles";
+import StyledPegaDxilMyTwoColumnDetailsWrapper from './styles';
 
 interface PegaDxilMyTwoColumnDetailsProps extends PConnProps {
   // If any, enter additional props that only exist on this component
-  showLabel: boolean;
-  label: string;
   showHighlightedData: boolean;
 }
 // Duplicated runtime code from React SDK
@@ -19,10 +17,7 @@ export default function PegaDxilMyTwoColumnDetails(props: PegaDxilMyTwoColumnDet
   // Get emitted components from map (so we can get any override that may exist)
   const FieldGroup = getComponentFromMap('FieldGroup');
 
-  const { label, showLabel = true, getPConnect, showHighlightedData = false } = props;
-
-  // Get the inherited props from the parent to determine label settings
-  const propsToUse = { label, showLabel, ...getPConnect().getInheritedProps() };
+  const { getPConnect, showHighlightedData = false } = props;
 
   // Set display mode prop and re-create the children so this part of the dom tree renders
   // in a readonly (display) mode instead of a editable
@@ -49,13 +44,13 @@ export default function PegaDxilMyTwoColumnDetails(props: PegaDxilMyTwoColumnDet
         field.config.displayAsStatus = true;
       }
 
-      return getPConnect().createComponent(field, '', '', {}); // 2nd, 3rd, and 4th args empty string/object/null until typedef marked correctly as optional
+      return getPConnect().createComponent(field, '', 0, {}); // 2nd, 3rd, and 4th args empty string/object/null until typedef marked correctly as optional
     });
   }
 
   return (
     <StyledPegaDxilMyTwoColumnDetailsWrapper>
-      <FieldGroup name={propsToUse.showLabel ? propsToUse.label : ''}>
+      <FieldGroup>
         {showHighlightedData && highlightedDataArr.length > 0 && (
           <Grid container spacing={1} style={{ padding: '0 0 1em' }}>
             {highlightedDataArr.map((child, i) => (