@pega/dx-component-builder-sdk 0.24.2 → 0.24.3

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

@@ -1,32 +1,31 @@
-import { Grid } from "@material-ui/core";
+import { Grid } from '@material-ui/core';
 import { makeStyles } from '@material-ui/core/styles';
 
-interface OneColumnProps{
+interface OneColumnProps {
   // If any, enter additional props that only exist on this component
-  children: any[]
+  children: any[];
 }
 
 const useStyles = makeStyles((/* theme */) => ({
   colStyles: {
-    display: "grid",
-    gap: "1rem",
-    alignContent: "baseline",
-  },
+    display: 'grid',
+    gap: '1rem',
+    alignContent: 'baseline'
+  }
 }));
 
-
 export default function OneColumn(props: OneColumnProps) {
   const classes = useStyles();
 
-  const { children} = props;
+  const { children } = props;
 
   return (
     <Grid container spacing={2}>
       <Grid item xs={12} className={classes.colStyles}>
-        {children.map(child => { return child; } )}
+        {children.map(child => {
+          return child;
+        })}
       </Grid>
     </Grid>
-  )
+  );
 }
-
-

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

@@ -9,7 +9,7 @@ import { pyHome1Resolved, pyHome1Raw } from './mock';
 const meta: Meta<typeof PegaDxilMyPage> = {
   title: 'PegaDxilMyPage',
   component: PegaDxilMyPage,
-  excludeStories: /.*Data$/,
+  excludeStories: /.*Data$/
 };
 
 export default meta;

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) => (