@pega/custom-dx-components 25.1.25 → 25.1.26

package/.github/workflows/ci-validation.yml

@@ -0,0 +1,77 @@
+name: CI Validation
+
+on:
+  push:
+    branches:
+      - release/25.1
+  pull_request:
+    branches:
+      - release/25.1
+  workflow_dispatch:
+
+permissions:
+  contents: read
+
+concurrency:
+  group: ci-${{ github.workflow }}-${{ github.event.pull_request.number || github.ref }}
+  cancel-in-progress: true
+
+jobs:
+  validate:
+    name: Validate 25.1
+    runs-on: ubuntu-latest
+    timeout-minutes: 45
+
+    steps:
+      - name: Check out repository
+        uses: actions/checkout@v7
+
+      - name: Set up Node.js
+        uses: actions/setup-node@v7
+        with:
+          node-version: 24.x
+          cache: npm
+
+      - name: Install dependencies
+        run: npm ci --no-audit --no-fund
+
+      - name: Audit dependencies
+        run: npm audit --audit-level=critical
+
+      - name: Audit consumer dependencies
+        if: always()
+        env:
+          CONSUMER_DIR: ${{ runner.temp }}/custom-dx-components-consumer
+        run: |
+          set -euo pipefail
+          rm -rf "$CONSUMER_DIR"
+          mkdir -p "$CONSUMER_DIR"
+          node --input-type=module <<'NODE'
+          import fs from 'node:fs/promises';
+          import path from 'node:path';
+          import mustache from 'mustache';
+
+          const templatePath = path.resolve('src/tasks/init/template/package.json.mustache');
+          const template = await fs.readFile(templatePath, 'utf8');
+          const packageJson = mustache.render(template, {
+            projectName: 'ci-consumer',
+            organization: 'Pega',
+            description: 'CI consumer dependency audit',
+            author: 'CI'
+          });
+
+          const manifest = JSON.parse(packageJson);
+          // The template pins the in-development version of this package, which is not on the
+          // registry yet. Its dependencies are already audited by the previous step.
+          delete manifest.devDependencies?.['@pega/custom-dx-components'];
+          delete manifest.dependencies?.['@pega/custom-dx-components'];
+          await fs.writeFile(
+            path.join(process.env.CONSUMER_DIR, 'package.json'),
+            `${JSON.stringify(manifest, null, 2)}\n`
+          );
+          NODE
+          npm install --prefix "$CONSUMER_DIR" --legacy-peer-deps --ignore-scripts --no-audit --no-fund
+          npm audit --prefix "$CONSUMER_DIR" --audit-level=critical
+
+      - name: Run unit tests
+        run: npm run test:unit:local

package/jest.config.cjs

@@ -3,9 +3,13 @@ module.exports = {
   roots: ['./tests'],
   moduleFileExtensions: ['js', 'jsx', 'ts', 'tsx'],
   testEnvironment: 'jsdom',
+  setupFiles: ['./tests/setup.cjs'],
   transform: {
     '^.+\\.[t|j]sx?$': 'babel-jest'
   },
+  moduleNameMapper: {
+    '^file-type$': '<rootDir>/node_modules/file-type/index.js'
+  },
   collectCoverage: true,
   haste: {
     retainAllFiles: true

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pega/custom-dx-components",
-  "version": "25.1.25",
+  "version": "25.1.26",
   "description": "Utility for building custom UI components",
   "bin": "./bin/index.js",
   "keywords": [
@@ -17,7 +17,7 @@
     "lint:spelling": "cspell **/*",
     "fix:es": "eslint --fix .",
     "fix:format": "prettier -w .",
-    "test:unit:local": "node --input-type=module  --experimental-vm-modules node_modules/jest/bin/jest.js --runInBand /tests/unit",
+    "test:unit:local": "node --input-type=module  --experimental-vm-modules node_modules/jest/bin/jest.js --runInBand --coverage=false /tests/unit",
     "test:functional:local": "jest --runInBand /tests/functional --detectOpenHandles --coverage"
   },
   "dependencies": {
@@ -25,7 +25,7 @@
     "@babel/plugin-transform-class-properties": "^7.27.1",
     "@babel/preset-react": "^7.27.1",
     "@pega/auth": "^0.2.31",
-    "@pega/constellation-dx-components-build-utils": "^2.0.14",
+    "@pega/constellation-dx-components-build-utils": "^2.0.16",
     "@pega/inquirer-fuzzy-path": "^3.0.0",
     "ajv": "^8.17.1",
     "ajv-keywords": "^5.1.0",

package/src/constants.js

@@ -22,8 +22,7 @@ export const ARCHIVES_PATH = 'store';
 export const BIN_ARCHIVES_PATH = 'bin-arch';
 export const TEMP_PATH = 'store/temp';
 export const COMPONENTS_CONFIG_FILE_NAME = 'componentsconfig.json';
-export const MAX_RFT_CHARS = 64;
-
+export const MAX_RFT_CHARS = 256;
 
 /* REST end points */
 export const PUBLISH_COMPONENT_SERVICE_REST_ENDPOINT = 'PRRestService/dev/v1/publish_component';
@@ -42,13 +41,14 @@ export const LP_DELETE_COMPONENT_SERVICE_REST_ENDPOINT =
   'pegalaunchpad/c11n/isolations/{isolationId}/v102/assetsUpdate';
 
 export const PUBLISH_COMPONENT_LIBRARY_SERVICE_REST_ENDPOINT = 'PRRestService/dev/v1/publish_component_library';
-export const PUBLISH_COMPONENT_LIBRARY_ARCHIVE_SERVICE_REST_ENDPOINT = 'PRRestService/dev/v1/publish_component_library_archive';
+export const PUBLISH_COMPONENT_LIBRARY_ARCHIVE_SERVICE_REST_ENDPOINT =
+  'PRRestService/dev/v1/publish_component_library_archive';
 export const LIST_COMPONENT_LIBRARIES_SERVICE_REST_ENDPOINT = 'PRRestService/dev/v1/list_component_libraries';
-export const LIST_COMPONENT_LIBRARY_ARCHIVES_SERVICE_REST_ENDPOINT = 'PRRestService/dev/v1/list_component_library_archives';
+export const LIST_COMPONENT_LIBRARY_ARCHIVES_SERVICE_REST_ENDPOINT =
+  'PRRestService/dev/v1/list_component_library_archives';
 export const DELETE_COMPONENT_LIBRARY_SERVICE_REST_ENDPOINT = 'PRRestService/dev/v1/delete_component_library';
 export const COMPONENT_LIBRARY_ARCHIVE_SERVICE_REST_ENDPOINT = 'PRRestService/dev/v1/component_library_archive';
 
-
 export const FIELD_PATH = '/field';
 export const TEMPLATE_PATH = '/template';
 export const WIDGET_PATH = '/widget';
@@ -77,185 +77,181 @@ export const AUTHENTICATE_DEFAULTS = {
   clientId: '10095186356008396159',
   grantType: 'authCode',
   authService: 'pega',
-  redirectUri: 'https://localhost:4010/'
+  redirectUri: 'https://localhost:4010/',
 };
 
-export const SHARED_FILE_NAMES = [
-  "suggestions-handler.ts",
-  "PConnProps.d.ts",
-  "create-nonce.ts"
-];
+export const SHARED_FILE_NAMES = ['suggestions-handler.ts', 'PConnProps.d.ts', 'create-nonce.ts'];
 
 export const AUTHENTICATE_SCHEMA = {
   serverType: [
     {
       name: 'Infinity',
-      value: 'infinity'
+      value: 'infinity',
     },
     {
       name: 'Launchpad',
-      value: 'launchpad'
-    }
+      value: 'launchpad',
+    },
   ],
   grantType: [
     {
       name: 'Authorization code',
-      value: 'authCode'
+      value: 'authCode',
     },
     {
       name: 'Password credentials',
-      value: 'passwordCreds'
+      value: 'passwordCreds',
     },
     {
       name: 'Client credentials',
-      value: 'clientCreds'
-    }
-  ]
+      value: 'clientCreds',
+    },
+  ],
 };
 
 export const COMPONENT_SCHEMA = {
   framework: [
     {
       name: 'Constellation',
-      value: 'Constellation'
+      value: 'Constellation',
     },
     {
       name: 'SDK Angular',
-      value: 'SDK-Angular'
+      value: 'SDK-Angular',
     },
     {
       name: 'SDK React',
-      value: 'SDK-React'
+      value: 'SDK-React',
     },
     {
       name: 'SDK Web Components',
-      value: 'SDK-WebComponents'
-    }
+      value: 'SDK-WebComponents',
+    },
   ],
   type: [
     {
       name: 'Field',
-      value: 'Field'
+      value: 'Field',
     },
     {
       name: 'Layout template',
-      value: 'Template'
+      value: 'Template',
     },
     {
       name: 'Widget',
-      value: 'Widget'
-    }
+      value: 'Widget',
+    },
   ],
   subtype: {
     field: [
       {
         name: 'Text',
-        value: 'Text'
+        value: 'Text',
       },
       {
         name: 'Text Input',
-        value: 'Text-Input'
+        value: 'Text-Input',
       },
       {
         name: 'Paragraph',
-        value: 'Text-Paragraph'
+        value: 'Text-Paragraph',
       },
       {
         name: 'Email',
-        value: 'Text-Email'
+        value: 'Text-Email',
       },
       {
         name: 'Phone',
-        value: 'Text-Phone'
+        value: 'Text-Phone',
       },
       {
         name: 'URL',
-        value: 'Text-URL'
+        value: 'Text-URL',
       },
       {
         name: 'Icon Button URL',
-        value: 'Icon-Button-URL'
+        value: 'Icon-Button-URL',
       },
       {
         name: 'Integer',
-        value: 'Integer'
+        value: 'Integer',
       },
       {
         name: 'Decimal',
-        value: 'Decimal'
+        value: 'Decimal',
       },
       {
         name: 'Currency',
-        value: 'Decimal-Currency'
+        value: 'Decimal-Currency',
       },
       {
         name: 'Percentage',
-        value: 'Decimal-Percentage'
+        value: 'Decimal-Percentage',
       },
       {
         name: 'Boolean',
-        value: 'Boolean'
+        value: 'Boolean',
       },
       {
         name: 'Date',
-        value: 'Date'
+        value: 'Date',
       },
       {
         name: 'DateTime',
-        value: 'DateTime'
+        value: 'DateTime',
       },
       {
         name: 'TimeOfDay',
-        value: 'TimeOfDay'
+        value: 'TimeOfDay',
       },
       {
         name: 'Picklist',
-        value: 'Picklist'
+        value: 'Picklist',
       },
       {
         name: 'Search box',
-        value: 'Picklist-Autocomplete'
+        value: 'Picklist-Autocomplete',
       },
       {
         name: 'Radio buttons',
-        value: 'Picklist-RadioButtons'
-      }
+        value: 'Picklist-RadioButtons',
+      },
     ],
     template: [
       {
         name: 'DETAILS',
-        value: 'DETAILS'
+        value: 'DETAILS',
       },
       {
         name: 'DETAILS region',
-        value: 'DETAILS-region'
+        value: 'DETAILS-region',
       },
       {
         name: 'FORM',
-        value: 'FORM'
+        value: 'FORM',
       },
       {
         name: 'FORM region',
-        value: 'FORM-region'
+        value: 'FORM-region',
       },
       {
         name: 'PAGE',
-        value: 'PAGE'
-      }
+        value: 'PAGE',
+      },
     ],
     widget: [
       {
         name: 'CASE',
-        value: 'CASE'
+        value: 'CASE',
       },
       {
         name: 'PAGE',
-        value: 'PAGE'
+        value: 'PAGE',
       },
       {
         name: 'PAGE & CASE',
-        value: ['PAGE', 'CASE']
-      }
-    ]
-  }
+        value: ['PAGE', 'CASE'],
+      },
+    ],
+  },
 };

package/src/tasks/create/templates/Constellation/Template/PAGE/GetNextWork.tsx.mustache

@@ -26,7 +26,7 @@ export default function GetNextWork(props: {{COMPONENT_CLASS_NAME}}WorkProps) {
     getPConnect()
       .getActionsApi()
       .getNextWork()
-      .catch((err) => {
+      .catch((err: any) => {
         console.log(err);
         if (err[0].status === 404) {
           toasterCtx.push({

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

@@ -83,9 +83,9 @@
     "pega"
   ],
   "dependencies": {
-    "@pega/cosmos-react-condition-builder": "^8.4.1",
-    "@pega/cosmos-react-core": "^8.4.1",
-    "@pega/cosmos-react-work": "^8.4.1",
+    "@pega/cosmos-react-condition-builder": "~8.21.8",
+    "@pega/cosmos-react-core": "~8.21.8",
+    "@pega/cosmos-react-work": "~8.21.8",
     "@pega/eslint-config": "^0.16.3",
     "@pega/tsconfig": "^0.16.3",
     "babel-loader": "^10.0.0",
@@ -108,7 +108,7 @@
     "@babel/preset-react": "^7.27.1",
     "@babel/preset-typescript": "^7.27.1",
     "@pega/configs": "^0.16.3",
-    "@pega/custom-dx-components": "~25.1.25",
+    "@pega/custom-dx-components": "~25.1.26",
     "@pega/pcore-pconnect-typedefs": "^4.1.0",
     "@storybook/addon-actions": "^8.6.14",
     "@storybook/addon-essentials": "^8.6.14",

package/src/tasks/init/template/src/pcore-globals.d.ts

@@ -0,0 +1,11 @@
+import type { PCore as PCoreType } from '@pega/pcore-pconnect-typedefs';
+
+declare global {
+  const PCore: PCoreType;
+
+  interface Window {
+    PCore: PCoreType;
+  }
+}
+
+export {};

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

@@ -12,7 +12,7 @@
       "@pega/pcore-pconnect-typedefs/*": ["node_modules/@pega/pcore-pconnect-typedefs/*"]
     },
     "esModuleInterop": true,
-    "types": ["jest", "node", "@types/jest"],
+    "types": ["jest", "node", "@types/jest", "@pega/pcore-pconnect-typedefs"],
     "verbatimModuleSyntax": false
   }
 }

package/tests/setup.cjs

@@ -0,0 +1,12 @@
+globalThis.require ??= require;
+
+const { TextDecoder, TextEncoder } = require('node:util');
+const { MessagePort } = require('node:worker_threads');
+const { ReadableStream, TransformStream, WritableStream } = require('node:stream/web');
+
+globalThis.TextDecoder ??= TextDecoder;
+globalThis.TextEncoder ??= TextEncoder;
+globalThis.MessagePort ??= MessagePort;
+globalThis.ReadableStream ??= ReadableStream;
+globalThis.TransformStream ??= TransformStream;
+globalThis.WritableStream ??= WritableStream;

package/tests/unit/util.test.js

@@ -1,7 +1,8 @@
-import fs, {Dirent, constants} from 'fs';
+import fs, { Dirent, constants, copyFileSync, mkdtempSync, rmSync } from 'fs';
 import path from 'path';
 import { join } from 'path';
-import {expect, jest, test} from '@jest/globals';
+import os from 'os';
+import { expect, jest, test } from '@jest/globals';
 import chalk from 'chalk';
 import { createRequire } from 'module';
 
@@ -19,7 +20,8 @@ import {
   getComponentsObj,
   getPegaConfig,
   getPegaServerConfig,
-  getComponentDefaults,
+  getConfigDefaults,
+  forceDefaultsUpdate,
   getComponentDirectoryPath,
   convertIntoPascalCase,
   isPascalCase,
@@ -38,22 +40,32 @@ const mockAcces = {
 }
 
 // should be overridden
-let libraryName = "not valid";
-let organizationName = "not valid";
-let version = "not valid";
-
-beforeAll( async () => {
-  const thePath = process.cwd().replace("node_modules/@pega/custom-dx-components","");
-  const cwdMock = jest.spyOn(process, 'cwd');
-  cwdMock.mockReturnValue(thePath);
-
+let libraryName = 'not valid';
+let organizationName = 'not valid';
+let version = 'not valid';
+let cwdMock;
+let testProjectDirectory;
+let originalCwd;
+
+beforeAll(async () => {
+  const repositoryRoot = process.cwd();
+  testProjectDirectory = mkdtempSync(join(os.tmpdir(), 'custom-dx-unit-'));
+  copyFileSync(path.join(repositoryRoot, 'src/tasks/init/template/tasks.config.json'), path.join(testProjectDirectory, 'tasks.config.json'));
+  originalCwd = process.cwd;
+  process.cwd = () => testProjectDirectory;
+  cwdMock = jest.spyOn(process, 'cwd');
+  cwdMock.mockReturnValue(testProjectDirectory);
 
   const oConf = await getPegaConfig();
   libraryName = oConf.component.library;
   version = oConf.component.version;
+  await forceDefaultsUpdate();
+});
 
-
-
+afterAll(() => {
+  cwdMock.mockRestore();
+  process.cwd = originalCwd;
+  rmSync(testProjectDirectory, { recursive: true, force: true });
 });
 
 // describe('utils fetch', () => {
@@ -333,7 +345,7 @@ describe('utils test', () => {
     const cwdMock = jest.spyOn(process, 'cwd');
     cwdMock.mockReturnValue(thePath);
 
-    const oConf = await getComponentDefaults();
+    const oConf = await getConfigDefaults();
 
     expect(oConf).not.toBeNull;
     expect(oConf.library).toMatch(libraryName);