@pega/custom-dx-components 0.242.40 → 0.242.42

package/README.md

@@ -8,7 +8,7 @@ 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 24 or later
+- Pega Infinity Server version 24.2 or later
 
 - Git version 2.30 or later
 
@@ -16,6 +16,8 @@ Ensure you have access to the following in your system:
 
 - System npm version 8, 10 (9 is not supported)
 
+- Recommended (node 20, npm 10)
+
 ## Latest Documentation
 
 Find the latest documentation on using **DX Component Builder** [here](https://docs.pega.com/bundle/constellation-dx-components/page/constellation-dx-components/custom-components/whats-new-constellation-dx-component-builder.html)

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pega/custom-dx-components",
-  "version": "0.242.40",
+  "version": "0.242.42",
   "description": "Utility for building custom UI components",
   "bin": "./bin/index.js",
   "scripts": {

package/src/tasks/create/templates/Constellation/Template/DETAILS/demo.stories.tsx.mustache

@@ -6,6 +6,7 @@ import {{COMPONENT_CLASS_NAME}} from './index';
 import { pyReviewRaw, pyReviewResolved, regionChildrenResolved, operatorDetails, configProps } from './mock';
 import StatusWorkRenderer from './StatusWork';
 import Operator from './Operator';
+import type C11nEnv from '@pega/pcore-pconnect-typedefs/interpreter/c11n-env';
 
 const meta: Meta<typeof {{COMPONENT_CLASS_NAME}}> = {
   title: '{{COMPONENT_CLASS_NAME}}',
@@ -74,7 +75,7 @@ const renderField = (resolvedProps: any) => {
         value={value}
         variant='datetime'
         format='long'
-        clockFormat={null}
+        clockFormat={undefined}
         key={key}
       />
     );
@@ -141,7 +142,7 @@ export const Base{{COMPONENT_CLASS_NAME}}: Story = (args: any) => {
         getInheritedProps: () => {
           return pyReviewRaw.config.inheritedProps;
         },
-        createComponent: config => {
+        createComponent: (config: { config: { value: any; }; }) => {
           // eslint-disable-next-line default-case
           switch (config.config.value) {
             case '@P .pyStatusWork':
@@ -184,7 +185,7 @@ export const Base{{COMPONENT_CLASS_NAME}}: Story = (args: any) => {
                       getRawMetadata: () => pyReviewRaw.children[0].children[index],
                       getConfigProps: () => {},
                       resolveConfigProps: () => regionChildrenResolved[index],
-                      getComponent: config =>
+                      getComponent: (config: any) =>
                         props.getPConnect().createComponent(pyReviewRaw.children[0].children[index])
                     })
                   };

package/src/tasks/create-lib/helper.js

@@ -6,9 +6,27 @@ import {
   validateSemver,
   getLibraryArchiveDirectories,
   addDebugLog,
-  getConfigDefaults
+  getConfigDefaults,
+  getComponents,
+  updateConfigVersion
 } from '../../util.js';
 
+
+export const updateAllComponentsConfig = async( newVersion ) => {
+addDebugLog("updateAllComponentsConfig", `newVersion: ${newVersion}`, "");
+  const componentList = await getComponents();
+  const orgLib =  getConfigDefaults();
+  // const currentOrgLib = `${orgLib.organization}_${orgLib.library}`;
+  const currentOrgLib = orgLib.currentOrgLib;
+
+  for (const index in componentList) {
+    const componentKey = componentList[index];
+    await updateConfigVersion(componentKey, newVersion, currentOrgLib);
+
+  }
+};
+
+
 export const getOkToProceedQuestion = async () => {
 addDebugLog("getCreateLibComponentQuestions", "", "");
 

package/src/tasks/create-lib/index.js

@@ -18,7 +18,7 @@ import {
   cleanUpTemp
 } from '../../util.js';
 
-import { getCreateLibComponentQuestions, getOkToProceedQuestion } from './helper.js';
+import { getCreateLibComponentQuestions, getOkToProceedQuestion, updateAllComponentsConfig } from './helper.js';
 import { showCurrentStatus } from '../show-status/index.js';
 
 export default async options => {
@@ -97,6 +97,12 @@ addDebugLog("createLibrary", "", "+");
   await updateComponentDefaultLibrary(libraryName);
   await zipVersionAndArchive(newOrgLib, version);
 
+  // if didn't have an archive, in case you currently have components there
+  // update the config jsons
+  if (!hasArch) {
+    await updateAllComponentsConfig(version);
+  }
+
   console.log(`${chalk.bold.green(`\nLibrary ${newOrgLib}/${version} has been created!\n`)}`);
 
   await forceDefaultsUpdate();

package/src/tasks/init/template/README.md

@@ -8,7 +8,7 @@ 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 23 or later
+- Pega Infinity Server version 24.2 or later
 
 - Git version 2.30 or later
 
@@ -16,6 +16,8 @@ Ensure you have access to the following in your system:
 
 - System npm version 8, 10 (9 is not supported)
 
+- Recommended (node 20, npm 10)
+
 ## Latest Documentation
 
-Find the latest documentation on using **DX Component Builder** [here](https://docs.pega.com/bundle/constellation-dx-components/page/constellation-dx-components/custom-components/whats-new-constellation-dx-components-pega-infinity-23.html)
+Find the latest documentation on using **DX Component Builder** [here](https://docs.pega.com/bundle/constellation-dx-components/page/constellation-dx-components/custom-components/whats-new-constellation-dx-component-builder.html)

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

@@ -75,9 +75,9 @@
   "author": "",
   "license": "Enter License",
   "dependencies": {
-    "@pega/cosmos-react-condition-builder": "7.0.3",
-    "@pega/cosmos-react-core": "7.0.3",
-    "@pega/cosmos-react-work": "7.0.3",
+    "@pega/cosmos-react-condition-builder": "~7.0.6",
+    "@pega/cosmos-react-core": "~7.0.6",
+    "@pega/cosmos-react-work": "~7.0.6",
     "@pega/eslint-config": "^0.10.2",
     "@pega/tsconfig": "^0.10.2",
     "babel-loader": "^9.1.3",
@@ -100,7 +100,7 @@
   },
   "devDependencies": {
     "@pega/configs": "^0.6.0",
-    "@pega/custom-dx-components": "0.242.40",
+    "@pega/custom-dx-components": "0.242.42",
     "@pega/pcore-pconnect-typedefs": "~3.0.0",
     "@storybook/addon-actions": "^7.6.7",
     "@storybook/addon-essentials": "^7.6.19",

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

@@ -4,6 +4,11 @@
   "compilerOptions": {
     "noEmit": true,
     "allowJs": true,
-    "importsNotUsedAsValues": "remove"
+    "importsNotUsedAsValues": "remove",
+    "skipLibCheck": true,
+    "baseUrl": "./",
+    "paths": {
+      "@pega/pcore-pconnect-typedefs/*": ["node_modules/@pega/pcore-pconnect-typedefs/*"]
+    }
   }
 }

package/tests/assets/library/components/createAll/Constellation/Pega_DXIL_MyDetails/demo.stories.tsx

@@ -6,6 +6,7 @@ import PegaDxilMyDetails from './index';
 import { pyReviewRaw, pyReviewResolved, regionChildrenResolved, operatorDetails, configProps } from './mock';
 import StatusWorkRenderer from './StatusWork';
 import Operator from './Operator';
+import type C11nEnv from '@pega/pcore-pconnect-typedefs/interpreter/c11n-env';
 
 const meta: Meta<typeof PegaDxilMyDetails> = {
   title: 'PegaDxilMyDetails',
@@ -74,7 +75,7 @@ const renderField = (resolvedProps: any) => {
         value={value}
         variant='datetime'
         format='long'
-        clockFormat={null}
+        clockFormat={undefined}
         key={key}
       />
     );
@@ -141,7 +142,7 @@ export const BasePegaDxilMyDetails: Story = (args: any) => {
         getInheritedProps: () => {
           return pyReviewRaw.config.inheritedProps;
         },
-        createComponent: config => {
+        createComponent: (config: { config: { value: any; }; }) => {
           // eslint-disable-next-line default-case
           switch (config.config.value) {
             case '@P .pyStatusWork':
@@ -184,7 +185,7 @@ export const BasePegaDxilMyDetails: Story = (args: any) => {
                       getRawMetadata: () => pyReviewRaw.children[0].children[index],
                       getConfigProps: () => {},
                       resolveConfigProps: () => regionChildrenResolved[index],
-                      getComponent: config =>
+                      getComponent: (config: any) =>
                         props.getPConnect().createComponent(pyReviewRaw.children[0].children[index])
                     })
                   };

package/tests/assets/original/components/createAll/Constellation/Pega_DXIL_MyDetails/demo.stories.tsx

@@ -6,6 +6,7 @@ import PegaDxilMyDetails from './index';
 import { pyReviewRaw, pyReviewResolved, regionChildrenResolved, operatorDetails, configProps } from './mock';
 import StatusWorkRenderer from './StatusWork';
 import Operator from './Operator';
+import type C11nEnv from '@pega/pcore-pconnect-typedefs/interpreter/c11n-env';
 
 const meta: Meta<typeof PegaDxilMyDetails> = {
   title: 'PegaDxilMyDetails',
@@ -74,7 +75,7 @@ const renderField = (resolvedProps: any) => {
         value={value}
         variant='datetime'
         format='long'
-        clockFormat={null}
+        clockFormat={undefined}
         key={key}
       />
     );
@@ -141,7 +142,7 @@ export const BasePegaDxilMyDetails: Story = (args: any) => {
         getInheritedProps: () => {
           return pyReviewRaw.config.inheritedProps;
         },
-        createComponent: config => {
+        createComponent: (config: { config: { value: any; }; }) => {
           // eslint-disable-next-line default-case
           switch (config.config.value) {
             case '@P .pyStatusWork':
@@ -184,7 +185,7 @@ export const BasePegaDxilMyDetails: Story = (args: any) => {
                       getRawMetadata: () => pyReviewRaw.children[0].children[index],
                       getConfigProps: () => {},
                       resolveConfigProps: () => regionChildrenResolved[index],
-                      getComponent: config =>
+                      getComponent: (config: any) =>
                         props.getPConnect().createComponent(pyReviewRaw.children[0].children[index])
                     })
                   };

package/tests/assets/original/components/createAll/Launchpad/Pega_DXIL_MyDetails/demo.stories.tsx

@@ -6,6 +6,7 @@ import PegaDxilMyDetails from './index';
 import { pyReviewRaw, pyReviewResolved, regionChildrenResolved, operatorDetails, configProps } from './mock';
 import StatusWorkRenderer from './StatusWork';
 import Operator from './Operator';
+import type C11nEnv from '@pega/pcore-pconnect-typedefs/interpreter/c11n-env';
 
 const meta: Meta<typeof PegaDxilMyDetails> = {
   title: 'PegaDxilMyDetails',
@@ -74,7 +75,7 @@ const renderField = (resolvedProps: any) => {
         value={value}
         variant='datetime'
         format='long'
-        clockFormat={null}
+        clockFormat={undefined}
         key={key}
       />
     );
@@ -141,7 +142,7 @@ export const BasePegaDxilMyDetails: Story = (args: any) => {
         getInheritedProps: () => {
           return pyReviewRaw.config.inheritedProps;
         },
-        createComponent: config => {
+        createComponent: (config: { config: { value: any; }; }) => {
           // eslint-disable-next-line default-case
           switch (config.config.value) {
             case '@P .pyStatusWork':
@@ -184,7 +185,7 @@ export const BasePegaDxilMyDetails: Story = (args: any) => {
                       getRawMetadata: () => pyReviewRaw.children[0].children[index],
                       getConfigProps: () => {},
                       resolveConfigProps: () => regionChildrenResolved[index],
-                      getComponent: config =>
+                      getComponent: (config: any) =>
                         props.getPConnect().createComponent(pyReviewRaw.children[0].children[index])
                     })
                   };