@pega/custom-dx-components 0.25.27 → 0.25.29

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pega/custom-dx-components",
-  "version": "0.25.27",
+  "version": "0.25.29",
   "description": "Utility for building custom UI components",
   "bin": "./bin/index.js",
   "scripts": {
@@ -15,53 +15,53 @@
   "type": "module",
   "sideEffects": false,
   "dependencies": {
-    "@babel/core": "^7.26.0",
-    "@babel/plugin-transform-class-properties": "^7.25.9",
-    "@babel/preset-react": "^7.26.3",
-    "@pega/auth": "^0.2.23",
+    "@babel/core": "^7.27.1",
+    "@babel/plugin-transform-class-properties": "^7.27.1",
+    "@babel/preset-react": "^7.27.1",
+    "@pega/auth": "^0.2.24",
     "@pega/constellation-dx-components-build-utils": "^2.0.3-dev",
     "@pega/inquirer-fuzzy-path": "^3.0.0",
     "ajv": "^8.17.1",
     "ajv-keywords": "^5.1.0",
     "archiver": "^7.0.1",
     "arg": "^5.0.2",
-    "babel-loader": "^9.2.1",
+    "babel-loader": "^10.0.0",
     "chalk": "^5.4.1",
     "check-git": "^2.0.2",
-    "compression-webpack-plugin": "^10.0.0",
-    "css-loader": "6.8.1",
-    "css-minimizer-webpack-plugin": "^5.0.1",
+    "compression-webpack-plugin": "^11.1.0",
+    "css-loader": "7.1.2",
+    "css-minimizer-webpack-plugin": "^7.0.2",
     "eslint": "^8.56.0",
-    "execa": "^8.0.1",
+    "execa": "^9.5.2",
     "file-loader": "6.2.0",
     "fs-extra": "^11.3.0",
     "gitignore": "^0.7.0",
     "inquirer": "^9.3.7",
     "jwt-decode": "^4.0.0",
-    "listr2": "^8.2.5",
-    "mini-css-extract-plugin": "2.7.6",
+    "listr2": "^8.3.3",
+    "mini-css-extract-plugin": "2.9.2",
     "mustache": "^4.2.0",
     "ncp": "^2.0.0",
     "node-fetch": "^3.3.2",
     "node-stream-zip": "^1.15.0",
-    "ora": "^8.1.1",
+    "ora": "^8.2.0",
     "pascalcase": "^2.0.0",
-    "postcss": "^8.5.1",
-    "postcss-loader": "7.3.4",
-    "postcss-preset-env": "9.3.0",
+    "postcss": "^8.5.3",
+    "postcss-loader": "8.1.1",
+    "postcss-preset-env": "10.1.6",
     "prop-types": "^15.8.1",
     "react": "^18.2.0",
     "react-dev-utils": "^12.0.1",
     "resolve": "1.22.10",
     "resolve-url-loader": "^5.0.0",
-    "sass-loader": "^13.3.3",
-    "terser-webpack-plugin": "5.3.11",
+    "sass-loader": "^16.0.5",
+    "terser-webpack-plugin": "5.3.14",
     "ts-loader": "^9.5.2",
-    "typescript": "~5.3.3",
+    "typescript": "~5.8.3",
     "unarchive": "^1.1.3",
     "url-loader": "4.1.1",
-    "webpack": "5.74.0",
-    "webpack-cli": "^5.1.4"
+    "webpack": "5.99.8",
+    "webpack-cli": "^6.0.1"
   },
   "author": "Custom component dev",
   "license": "SEE LICENSE IN LICENSE",
@@ -70,16 +70,16 @@
     "custom-components"
   ],
   "devDependencies": {
-    "@babel/preset-env": "^7.26.0",
-    "@pega/configs": "^0.16.2",
-    "@pega/prettier-config": "^0.16.2",
+    "@babel/preset-env": "^7.27.2",
+    "@pega/configs": "^0.16.3",
+    "@pega/prettier-config": "^0.16.3",
     "@types/jest": "^29.5.14",
     "babel-jest": "^29.7.0",
-    "cspell": "^8.17.2",
+    "cspell": "^8.19.4",
     "jest": "^29.7.0",
     "jest-environment-jsdom": "^29.7.0",
     "jest-junit": "^16.0.0",
-    "prettier": "3.3.3",
-    "ts-jest": "^29.2.5"
+    "prettier": "3.5.3",
+    "ts-jest": "^29.3.2"
   }
 }

package/src/tasks/build-all/index.js

@@ -12,12 +12,15 @@ import {
   addDebugLog,
   cleanUp,
   getLibraryBased,
+  getLibraryBasedCL,
   checkLibraryAndArchives,
   getConfigDefaults,
   zipVersionAndArchive } from '../../util.js';
 
 import { getBuildComponentQuestions } from './helper.js';
 
+import { buildLibV3 } from '@pega/constellation-dx-components-build-utils/index.js';
+
 
 export function getCustomTasks(componentKey, sourceMap, devBuild, options, showStats, skipBuild) {
 addDebugLog("getCustomTasks", `componentKey: ${componentKey}, sourceMap: ${sourceMap}, devBuild: ${devBuild}, skipBuild: ${skipBuild}`, "");
@@ -54,6 +57,7 @@ export default async options => {
   await checkLibraryAndArchives();
 
   const isLibraryBased = getLibraryBased();
+  const isLibraryBasedCL = getLibraryBasedCL();
 
 addDebugLog("buildAllComponents", "", "+");
   const components = await getComponents();
@@ -99,7 +103,7 @@ addDebugLog("buildAllComponents", "", "+");
   }
 
   // if skipBuild, then do a build here as opposed to every step (v1 is every step, v2, just once)
-  if (skipBuild && firstComponent) {
+  if (skipBuild && firstComponent && !isLibraryBasedCL) {
     console.log();
     console.log(chalk.bold.green("Validation compile..."));
     await bundleComponent(firstComponent, sourceMap, devBuild, showStats);
@@ -107,6 +111,21 @@ addDebugLog("buildAllComponents", "", "+");
     await zipVersionAndArchive(confDef.currentOrgLib, confDef.buildVersion);
   }
 
+  if (isLibraryBasedCL) {
+    console.log();
+    console.log(chalk.bold.green("Validation via build library..."));
+    const confDef =  getConfigDefaults();
+    const organization = confDef.organization;
+    const library = confDef.library;
+
+    const buildLibName = organization.concat('_').concat(library);
+
+    buildLibV3(
+      buildLibName,
+      confDef.buildVersion
+    );
+  }
+
 
 
   // once done, remove leftover directories

package/src/tasks/init/template/.storybook/{main.js → main.ts}

@@ -1,9 +1,10 @@
-/** @type { import('@storybook/react-webpack5').StorybookConfig } */
-const config = {
+import type { StorybookConfig } from '@storybook/react-vite';
+const config: StorybookConfig = {
   stories: ['../src/**/*.stories.@(js|jsx|ts|tsx)'],
   addons: ['@storybook/addon-links', '@storybook/addon-essentials'],
   framework: {
-    name: '@storybook/react-webpack5'
+    name: '@storybook/react-vite',
+    options: {}
   },
   docs: {
     autodocs: 'tag'

package/src/tasks/init/template/.storybook/manager.ts

@@ -0,0 +1,6 @@
+import { addons } from '@storybook/manager-api';
+import Theme from './theme';
+
+addons.setConfig({
+  theme: Theme,
+});

package/src/tasks/init/template/.storybook/preview.tsx

@@ -1,4 +1,6 @@
 import type { Preview } from '@storybook/react';
+import Theme from './theme';
+
 import {
   Configuration,
   LiveLog,
@@ -18,7 +20,8 @@ const preview: Preview = {
       }
     },
     docs: {
-      source: { type: 'code' }
+      source: { type: 'code' },
+      theme: Theme
     }
   },
 

package/src/tasks/init/template/.storybook/theme.js

@@ -1,4 +1,4 @@
-import { create } from '@storybook/theming/create';
+import { create } from '@storybook/theming';
 
 import logo from './pega-logo.svg';
 

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

@@ -81,63 +81,64 @@
   "author": "",
   "license": "Enter License",
   "dependencies": {
-    "@pega/cosmos-react-condition-builder": "^8.0.0-build.35.1",
-    "@pega/cosmos-react-core": "^8.0.0-build.35.1",
-    "@pega/cosmos-react-work": "^8.0.0-build.35.1",
-    "@pega/eslint-config": "^0.16.2",
-    "@pega/tsconfig": "^0.16.2",
-    "babel-loader": "^9.1.3",
-    "dayjs": "^1.11.11",
+    "@pega/cosmos-react-condition-builder": "^8.0.0-build.39.7",
+    "@pega/cosmos-react-core": "^8.0.0-build.39.7",
+    "@pega/cosmos-react-work": "^8.0.0-build.39.7",
+    "@pega/eslint-config": "^0.16.3",
+    "@pega/tsconfig": "^0.16.3",
+    "babel-loader": "^10.0.0",
+    "dayjs": "^1.11.13",
     "fast-deep-equal": "3.1.3",
     "lodash": "^4.17.21",
     "lodash.get": "^4.4.2",
     "npm": "^10.8.1",
-    "react": "^17.0.2",
+    "react": "^18.3.1",
     "react-autosuggest": "^10.1.0",
-    "react-dom": "^17.0.2",
+    "react-dom": "^18.3.1",
     "react-is": "^18.3.1",
     "react-redux": "^7.2.9",
-    "serve": "^14.2.3",
+    "serve": "^14.2.4",
     "shelljs": "^0.8.5",
     "styled-components": "^5.3.11",
     "ts-loader": "^9.5.2"
   },
   "devDependencies": {
-    "@babel/preset-env": "^7.26.0",
-    "@babel/preset-react": "^7.26.3",
-    "@babel/preset-typescript": "^7.26.0",
-    "@pega/configs": "^0.16.2",
-    "@pega/custom-dx-components": "~0.25.27",
+    "@babel/preset-env": "^7.27.2",
+    "@babel/preset-react": "^7.27.1",
+    "@babel/preset-typescript": "^7.27.1",
+    "@pega/configs": "^0.16.3",
+    "@pega/custom-dx-components": "~0.25.29",
     "@pega/pcore-pconnect-typedefs": "^4.1.0-alpha.1",
-    "@storybook/addon-actions": "^7.6.19",
-    "@storybook/addon-essentials": "^7.6.19",
-    "@storybook/addon-links": "^7.6.19",
-    "@storybook/addon-storysource": "^7.6.19",
-    "@storybook/manager-api": "^7.6.19",
-    "@storybook/react": "^7.6.19",
-    "@storybook/react-webpack5": "^7.6.19",
-    "@storybook/test-runner": "^0.16.0",
-    "@storybook/theming": "^7.6.19",
+    "@storybook/addon-actions": "^8.6.12",
+    "@storybook/addon-essentials": "^8.6.12",
+    "@storybook/addon-links": "^8.6.12",
+    "@storybook/addon-storysource": "^8.6.12",
+    "@storybook/manager-api": "^8.6.12",
+    "@storybook/react": "^8.6.12",
+    "@storybook/react-vite": "^8.6.12",
+    "@storybook/react-webpack5": "^8.6.12",
+    "@storybook/test": "^8.6.12",
+    "@storybook/test-runner": "^0.22.0",
+    "@storybook/theming": "^8.6.12",
     "@testing-library/dom": "^10.4.0",
     "@testing-library/jest-dom": "^6.6.3",
     "@testing-library/react": "^12.1.5",
     "@types/emoji-mart": "^3.0.14",
     "@types/jest": "^29.5.14",
     "@types/lodash.get": "^4.4.9",
-    "@types/react": "^17.0.80",
+    "@types/react": "^18.3.21",
     "@types/react-color": "^3.0.13",
-    "@types/react-dom": "^17.0.25",
+    "@types/react-dom": "^18.3.7",
     "@types/styled-components": "^5.1.34",
     "@typescript-eslint/eslint-plugin": "^5.62.0",
-    "babel-loader": "^9.2.1",
-    "core-js": "^3.40.0",
+    "core-js": "^3.42.0",
     "eslint": "^8.57.0",
     "eslint-plugin-import": "^2.31.0",
-    "eslint-plugin-jest": "^28.8.3",
-    "eslint-plugin-jsx-a11y": "^6.10.0",
-    "eslint-plugin-mdx": "^3.1.5",
-    "eslint-plugin-prettier": "^5.2.1",
-    "eslint-plugin-react": "^7.37.1",
+    "eslint-plugin-jest": "^28.11.0",
+    "eslint-plugin-jsx-a11y": "^6.10.2",
+    "eslint-plugin-mdx": "^3.4.1",
+    "eslint-plugin-prettier": "^5.4.0",
+    "eslint-plugin-react": "^7.37.5",
     "eslint-plugin-react-hooks": "^4.6.2",
     "eslint-plugin-sonarjs": "^0.23.0",
     "eslint-plugin-storybook": "^0.6.15",
@@ -149,10 +150,11 @@
     "jwt-decode": "^4.0.0",
     "node-stream-zip": "^1.15.0",
     "npm-run-all": "^4.1.5",
-    "prettier": "3.3.3",
-    "storybook": "^7.6.19",
-    "stylelint": "^16.10.0",
-    "ts-jest": "^29.2.5",
-    "typescript": "~5.5.4"
+    "prettier": "3.5.3",
+    "storybook": "^8.6.12",
+    "stylelint": "^16.19.1",
+    "ts-jest": "^29.3.2",
+    "typescript": "~5.5.4",
+    "vite": "^6.3.5"
   }
 }

package/src/tasks/publish/helper.js

@@ -218,27 +218,28 @@ addDebugLog("publishComponentToServer", `data: ${data}`, "");
 
         try {
           const respData = isLaunchpad ? await response.text() : await response.json();
-          console.log(chalk.bold.green(`Success : ${isLaunchpad ? respData : respData.message}`));
-
           if (status === 500) {
             status = 999;
-            throw new Error(respData.message);
+            throw Error( "\n" + respData.message);
           }
+
+          console.log(chalk.bold.green(`Success : ${isLaunchpad ? respData : respData.message}`));
+
         } catch (err) {
           if (status === 500) {
             throw new Error(
               `Error occurred in authentication. Please regenerate using authenticate`
             );
           } else if (status === 999) {
-            throw new Error(err);
+            throw  Error(err);
           }
         }
       } else {
-        throw new Error(`Error occurred in authentication. Please regenerate using authenticate`);
+        throw new  Error(`Error occurred in authentication. Please regenerate using authenticate`);
       }
     } catch (err) {
       // throw new Error(`Error occurred in authentication. Please regenerate using authenticate`);
-      throw new Error(err);
+      throw  Error(err);
     }
   }
 };

package/src/util.js

@@ -2444,8 +2444,12 @@ if (showDebug) addDebugLog("restoreFromArchive", `fileName: ${fileName}, orgLibN
   const archiveDirectory = join (currentDirectory, ARCHIVES_PATH, `${orgLibName}`, `${version}`);
   const archFileName = join(archiveDirectory, fileName);
 
-  await unZipFromArchive(archFileName);
 
+  if (!fs.existsSync(archiveDirectory)) {
+    throw new Error (`Archive ${orgLibName}/${version} does NOT exist.`);
+  }
+
+  await unZipFromArchive(archFileName);
 
   const tempPackagePath = join (tempDirectory, PACKAGE_JSON_FILENAME);
   const currentPackagePath = join(currentDirectory, PACKAGE_JSON_FILENAME);