@pega/custom-dx-components 2.0.13 → 2.0.15

package/README.md

@@ -8,13 +8,13 @@ This project provides you with an environment to extend Constellation by giving
 
 Ensure you have access to the following in your system:
 
-- Pega Infinity Server version 8.7 or later
+- Pega Infinity Server version 8.8 or later
 
 - Git version 2.30 or later
 
-- System node version 16
+- System node version 18
 
-- System npm version 7
+- System npm version 8
 
 ## Initialize a project
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pega/custom-dx-components",
-  "version": "2.0.13",
+  "version": "2.0.15",
   "description": "Utility for building custom UI components",
   "bin": "./bin/index.js",
   "scripts": {
@@ -26,6 +26,7 @@
     "css-loader": "6.7.1",
     "css-minimizer-webpack-plugin": "^4.1.0",
     "execa": "^6.1.0",
+    "eslint": "^8.4.1",
     "file-loader": "6.2.0",
     "fs-extra": "^10.1.0",
     "gitignore": "^0.7.0",
@@ -61,15 +62,6 @@
   "devDependencies": {
     "@pega/configs": "^0.3.3",
     "cspell": "^6.9.0",
-    "eslint": "^8.4.1",
-    "eslint-plugin-import": "^2.25.3",
-    "eslint-plugin-jest": "^25.3.0",
-    "eslint-plugin-jsx-a11y": "^6.5.1",
-    "eslint-plugin-mdx": "^2.0.5",
-    "eslint-plugin-prettier": "^4.0.0",
-    "eslint-plugin-react": "^7.27.1",
-    "eslint-plugin-react-hooks": "^4.3.0",
-    "eslint-plugin-sonarjs": "^0.11.0",
     "prettier": "2.7.1"
   }
 }

package/src/tasks/create/templates/Constellation/Field/Date/demo.stories.jsx.mustache

@@ -37,6 +37,7 @@ export const base{{COMPONENT_CLASS_NAME}} = () => {
           return configProps;
         },
         ignoreSuggestion: () => {},
+        acceptSuggestion: () => {},
         clearErrorMessages: () => {}
       };
     },

package/src/tasks/create/templates/Constellation/Field/DateTime/demo.stories.jsx.mustache

@@ -38,6 +38,7 @@ export const base{{COMPONENT_CLASS_NAME}} = () => {
           return configProps;
         },
         ignoreSuggestion: () => {},
+        acceptSuggestion: () => {},
         clearErrorMessages: () => {}
       };
     },

package/src/tasks/create/templates/Constellation/Field/DateTime/index.jsx.mustache

@@ -247,7 +247,7 @@ const {{COMPONENT_CLASS_NAME}} = props => {
   displayMode: PropTypes.string,
   variant: PropTypes.string,
   formatter: PropTypes.string,
-  Format: PropType.string,
+  Format: PropTypes.string,
   hasSuggestions: PropTypes.bool
 };
 

package/src/tasks/create/templates/Constellation/Field/Text-Paragraph/demo.stories.jsx.mustache

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

package/src/tasks/create/templates/Constellation/Template/DETAILS/mock.stories.js.mustache

@@ -135,8 +135,8 @@ export const pyReviewResolved = {
       config: {
         label: 'Create Operator',
         value: {
-          userId: 'riddn',
-          userName: 'Niall Riddell'
+          userId: 'conns',
+          userName: 'Sara Connor'
         },
         placeholder: 'Select...',
         displayMode: 'STACKED_LARGE_VAL'

package/src/tasks/create/templates/Constellation/Template/DETAILS-region/mock.stories.js.mustache

@@ -171,8 +171,8 @@ export const pyReviewResolved = {
       config: {
         label: 'Create Operator',
         value: {
-          userId: 'riddn',
-          userName: 'Niall Riddell'
+          userId: 'conns',
+          userName: 'Sara Connor'
         },
         placeholder: 'Select...',
         displayMode: 'STACKED_LARGE_VAL'

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

@@ -15,8 +15,16 @@ 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}</{{COMPONENT_CLASS_NAME}}>;
+  return (
+    <{{COMPONENT_CLASS_NAME}} {...args}>
+      {regionAChildren}
+      {regionBChildren}
+    </{{COMPONENT_CLASS_NAME}}>
+  );
 };
 
 export const Primary = Template.bind({});

package/src/tasks/create/templates/Constellation/Template/FORM-region/mock.stories.js.mustache

@@ -9,7 +9,7 @@ export const pyReviewRaw = {
   },
   children: [
     {
-      name: 'Fields',
+      name: 'A',
       type: 'Region',
       children: [
         {
@@ -32,7 +32,13 @@ export const pyReviewRaw = {
             value: '@P .LastName',
             label: '@L Last Name'
           }
-        },
+        }
+      ]
+    },
+    {
+      name: 'B',
+      type: 'Region',
+      children: [
         {
           type: 'Email',
           config: {

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

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

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

@@ -14,6 +14,7 @@
   "component": {
     "library": "",
     "type": "",
+    "version": "",
     "subtype": "",
     "description": "",
     "icon": ""