@pega/custom-dx-components 2.0.18 → 2.0.20

package/src/tasks/create/templates/Constellation/Template/FORM/demo.stories.jsx.mustache

@@ -11,51 +11,13 @@ export default {
   component: {{COMPONENT_CLASS_NAME}}
 };
 
-const Template = args => {
-  const regionAChildren = pyReviewRaw.children[0].children.map(child => {
-    return Primary.args.getPConnect().createComponent(child);
-  });
-
-  return <{{COMPONENT_CLASS_NAME}} {...args}>{regionAChildren}</{{COMPONENT_CLASS_NAME}}>;
-};
-
-export const Primary = Template.bind({});
-
-Primary.args = {
-  NumCols: 1,
-  template: 'DefaultForm',
-  getPConnect: () => {
-    return {
-      getChildren: () => {
-        return pyReviewRaw.children;
-      },
-      createComponent: config => {
-        switch (config.config.value) {
-          case '@P .FirstName':
-            return renderField(regionChildrenResolved[0]);
-          case '@P .MiddleName':
-            return renderField(regionChildrenResolved[1]);
-          case '@P .LastName':
-            return renderField(regionChildrenResolved[2]);
-          case '@P .Email':
-            return renderField(regionChildrenResolved[3]);
-          case '@P .PhoneNumber':
-            return renderField(regionChildrenResolved[4]);
-          case '@P .ServiceDate':
-            return renderField(regionChildrenResolved[5]);
-        }
-      }
-    };
-  }
-};
-
 const renderField = resolvedProps => {
   const { displayMode, value = '', label = '' } = resolvedProps;
 
   const variant = displayMode === 'LABELS_LEFT' ? 'inline' : 'stacked';
 
   let val =
-    value != '' ? (
+    value !== '' ? (
       <Text variant='h1' as='span'>
         {value}
       </Text>
@@ -87,3 +49,45 @@ const renderField = resolvedProps => {
   }
   return <FieldValueList variant={variant} fields={[{ name: label, value: val }]} />;
 };
+
+
+export const base{{COMPONENT_CLASS_NAME}} = () => {
+  const props = {
+    NumCols: 1,
+    template: 'DefaultForm',
+    getPConnect: () => {
+      return {
+        getChildren: () => {
+          return pyReviewRaw.children;
+        },
+        createComponent: config => {
+          // eslint-disable-next-line default-case
+          switch (config.config.value) {
+            case '@P .FirstName':
+              return renderField(regionChildrenResolved[0]);
+            case '@P .MiddleName':
+              return renderField(regionChildrenResolved[1]);
+            case '@P .LastName':
+              return renderField(regionChildrenResolved[2]);
+            case '@P .Email':
+              return renderField(regionChildrenResolved[3]);
+            case '@P .PhoneNumber':
+              return renderField(regionChildrenResolved[4]);
+            case '@P .ServiceDate':
+              return renderField(regionChildrenResolved[5]);
+          }
+        }
+      };
+    }
+  };
+
+  const regionAChildren = pyReviewRaw.children[0].children.map(child => {
+    return props.getPConnect().createComponent(child);
+  });
+
+  return (
+      <>
+        <{{COMPONENT_CLASS_NAME}} {...props}>{regionAChildren}</{{COMPONENT_CLASS_NAME}}>
+      </>
+  );
+};

package/src/tasks/create/templates/Constellation/Template/FORM-region/demo.stories.jsx.mustache

@@ -11,58 +11,13 @@ export default {
   component: {{COMPONENT_CLASS_NAME}}
 };
 
-const Template = args => {
-  const regionAChildren = pyReviewRaw.children[0].children.map(child => {
-    return Primary.args.getPConnect().createComponent(child);
-  });
-  const regionBChildren = pyReviewRaw.children[1].children.map(child => {
-    return Primary.args.getPConnect().createComponent(child);
-  });
-
-  return (
-    <{{COMPONENT_CLASS_NAME}} {...args}>
-      {regionAChildren}
-      {regionBChildren}
-    </{{COMPONENT_CLASS_NAME}}>
-  );
-};
-
-export const Primary = Template.bind({});
-
-Primary.args = {
-  template: 'DefaultForm',
-  getPConnect: () => {
-    return {
-      getChildren: () => {
-        return pyReviewRaw.children;
-      },
-      createComponent: config => {
-        switch (config.config.value) {
-          case '@P .FirstName':
-            return renderField(regionChildrenResolved[0]);
-          case '@P .MiddleName':
-            return renderField(regionChildrenResolved[1]);
-          case '@P .LastName':
-            return renderField(regionChildrenResolved[2]);
-          case '@P .Email':
-            return renderField(regionChildrenResolved[3]);
-          case '@P .PhoneNumber':
-            return renderField(regionChildrenResolved[4]);
-          case '@P .ServiceDate':
-            return renderField(regionChildrenResolved[5]);
-        }
-      }
-    };
-  }
-};
-
 const renderField = resolvedProps => {
   const { displayMode, value = '', label = '' } = resolvedProps;
 
   const variant = displayMode === 'LABELS_LEFT' ? 'inline' : 'stacked';
 
   let val =
-    value != '' ? (
+    value !== '' ? (
       <Text variant='h1' as='span'>
         {value}
       </Text>
@@ -98,3 +53,48 @@ const renderField = resolvedProps => {
   }
   return <FieldValueList variant={variant} fields={[{ name: label, value: val }]} />;
 };
+
+
+export const base{{COMPONENT_CLASS_NAME}} = () => {
+  const props = {
+    template: 'DefaultForm',
+    getPConnect: () => {
+      return {
+        getChildren: () => {
+          return pyReviewRaw.children;
+        },
+        createComponent: config => {
+          // eslint-disable-next-line default-case
+          switch (config.config.value) {
+            case '@P .FirstName':
+              return renderField(regionChildrenResolved[0]);
+            case '@P .MiddleName':
+              return renderField(regionChildrenResolved[1]);
+            case '@P .LastName':
+              return renderField(regionChildrenResolved[2]);
+            case '@P .Email':
+              return renderField(regionChildrenResolved[3]);
+            case '@P .PhoneNumber':
+              return renderField(regionChildrenResolved[4]);
+            case '@P .ServiceDate':
+              return renderField(regionChildrenResolved[5]);
+          }
+        }
+      };
+    }
+  };
+
+  const regionAChildren = pyReviewRaw.children[0].children.map(child => {
+    return props.getPConnect().createComponent(child);
+  });
+  const regionBChildren = pyReviewRaw.children[1].children.map(child => {
+    return props.getPConnect().createComponent(child);
+  });
+
+  return (
+    <{{COMPONENT_CLASS_NAME}} {...props}>
+      {regionAChildren}
+      {regionBChildren}
+    </{{COMPONENT_CLASS_NAME}}>
+  );
+};

package/src/tasks/create/templates/Constellation/Template/PAGE/demo.stories.jsx.mustache

@@ -44,8 +44,8 @@ export const base{{COMPONENT_CLASS_NAME}} = () => {
                 resolve({});
               });
             },
-            updateFieldValue: () => {},
-            triggerFieldChange: () => {}
+            updateFieldValue: () => {/* nothing */},
+            triggerFieldChange: () => {/* nothing */}
           };
         },
         getChildren: () => {
@@ -61,31 +61,30 @@ export const base{{COMPONENT_CLASS_NAME}} = () => {
           return pyHome1Raw;
         },
         createComponent: config => {
-          switch (config.type) {
-            case 'AppAnnouncement':
-              return (
-                <PegaAppAnnouncement
-                  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;
-                      }
-                    };
-                  }}
-                />
-              );
+          if (config.type === 'AppAnnouncement') {
+            return (
+              <PegaAppAnnouncement
+                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;
+                    }
+                  };
+                }}
+              />
+            );
           }
         },
-        ignoreSuggestion: () => {},
-        acceptSuggestion: () => {},
-        setInheritedProps: () => {},
-        resolveConfigProps: () => {}
+        ignoreSuggestion: () => {/* nothing */},
+        acceptSuggestion: () => {/* nothing */},
+        setInheritedProps: () => {/* nothing */},
+        resolveConfigProps: () => {/* nothing */}
       };
     }
   };

package/src/tasks/create/templates/Constellation/Widget/CASE/demo.stories.jsx.mustache

@@ -2,7 +2,7 @@ import { withKnobs } from '@storybook/addon-knobs';
 
 import {{COMPONENT_CLASS_NAME}} from './index.jsx';
 
-import { historyData } from './mock.stories';
+import historyData from './mock.stories';
 
 export default {
   title: '{{COMPONENT_CLASS_NAME}}',
@@ -58,14 +58,14 @@ export const base{{COMPONENT_CLASS_NAME}} = () => {
         },
         getActionsApi: () => {
           return {
-            updateFieldValue: () => {},
-            triggerFieldChange: () => {}
+            updateFieldValue: () => {/* nothing */},
+            triggerFieldChange: () => {/* nothing */}
           };
         },
-        ignoreSuggestion: () => {},
-        acceptSuggestion: () => {},
-        setInheritedProps: () => {},
-        resolveConfigProps: () => {}
+        ignoreSuggestion: () => {/* nothing */},
+        acceptSuggestion: () => {/* nothing */},
+        setInheritedProps: () => {/* nothing */},
+        resolveConfigProps: () => {/* nothing */}
       };
     }
 };

package/src/tasks/create/templates/Constellation/Widget/CASE/mock.stories.js.mustache

@@ -1,4 +1,4 @@
-export const historyData = {
+const historyData = {
   data: {
     fetchDateTime: '2023-01-18T12:04:56.517Z',
     pxObjClass: 'Pega-API-DataExploration-Data',
@@ -387,3 +387,4 @@ export const historyData = {
   },
   request: {}
 };
+export default historyData;

package/src/tasks/create/templates/Constellation/Widget/PAGE/demo.stories.jsx.mustache

@@ -3,7 +3,7 @@ import { withKnobs } from '@storybook/addon-knobs';
 import {{COMPONENT_CLASS_NAME}} from './index.jsx';
 
 
-import { configProps } from './mock.stories';
+import configProps from './mock.stories';
 
 export default {
   title: '{{COMPONENT_CLASS_NAME}}',

package/src/tasks/create/templates/Constellation/Widget/PAGE/mock.stories.js.mustache

@@ -1,4 +1,4 @@
-export const configProps = {
+const configProps = {
   label: 'App announcement',
   header: 'Announcements',
   description: 'Welcome to MediaCo Application for testing SDK frameworks.',
@@ -20,3 +20,4 @@ export const configProps = {
     fields: {}
   }
 };
+export default configProps;

package/src/tasks/create/templates/Constellation/Widget/PAGE-CASE/demo.stories.jsx.mustache

@@ -48,14 +48,14 @@ export const base{{COMPONENT_CLASS_NAME}} = () => {
       return {
         getActionsApi: () => {
           return {
-            updateFieldValue: () => {},
-            triggerFieldChange: () => {}
+            updateFieldValue: () => {/* nothing */},
+            triggerFieldChange: () => {/* nothing */}
           };
         },
-        ignoreSuggestion: () => {},
-        acceptSuggestion: () => {},
-        setInheritedProps: () => {},
-        resolveConfigProps: () => {}
+        ignoreSuggestion: () => {/* nothing */},
+        acceptSuggestion: () => {/* nothing */},
+        setInheritedProps: () => {/* nothing */},
+        resolveConfigProps: () => {/* nothing */}
       };
     }
 };

package/src/tasks/init/template/package.json.mustache

@@ -54,7 +54,7 @@
   },
   "devDependencies": {
     "@pega/configs": "^0.3.4",
-    "@pega/custom-dx-components": "^2.0.18",
+    "@pega/custom-dx-components": "^2.0.20",
     "@pega/eslint-config": "^0.3.2",
     "@storybook/addon-actions": "^6.5.12",
     "@storybook/addon-essentials": "^6.5.12",