@pega/custom-dx-components 0.25.33 → 0.25.35

package/eslint.config.mjs

@@ -1,4 +1,4 @@
-import { defineConfig, globalIgnores } from 'eslint/config';
+import { globalIgnores } from 'eslint/config';
 import path from 'node:path';
 import { fileURLToPath } from 'node:url';
 import js from '@eslint/js';
@@ -45,6 +45,7 @@ export default tseslint.config(
     '**/*.d.ts',
     '*.storybook/*',
     '**/*.cjs',
+    '**/*.mjs',
     '**/paths.js',
     'dist/*',
     'lib/*'
@@ -63,14 +64,19 @@ export default tseslint.config(
       sourceType: 'script',
 
       parserOptions: {
-        project: 'tsconfig.json'
+        project: 'tsconfig.json',
+        ecmaFeatures: {
+          jsx: true
+        }
       }
     },
 
     settings: {
       'import/resolver': {
         typescript: {},
-
+        react: {
+          version: 'detect'
+        },
         node: {
           extensions: ['.js', '.jsx', '.ts', '.tsx']
         }

package/package.json

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

package/src/tasks/create/templates/Launchpad/Widget/PAGE-CASE/Avatar.tsx.mustache

@@ -1,4 +1,3 @@
-/* eslint-disable react-hooks/rules-of-hooks */
 import React from 'react';
 import { useEffect, useState } from 'react';
 import { Avatar as CosmosAvatar } from '@pega/cosmos-react-core';

package/src/tasks/init/index.js

@@ -183,16 +183,25 @@ export default async options => {
     '\n',
     `Inside that directory, you can run several commands:`,
     '\n\n',
-    `${chalk.blueBright('npm run startStorybook')}`,
-    `\n  Start Storybook in development mode`,
+    `Get a list of commands\n`,
+    ` ${chalk.blueBright('npm run help')}`,
     '\n\n',
-    `${chalk.blueBright('npm run create')}`,
-    '\n',
-    `${chalk.blueBright('npm run list')}`,
-    `\n  Try out custom-component actions like create, list, publish, etc`,
+    `Create or import a library first\n`,
+    ` ${chalk.blueBright('npm run createLib')}\n`,
+    ` ${chalk.blueBright('npm run importLibVersion')}`,
+    '\n\n',
+    `Try out custom-component actions like create, list, etc. \n`,
+    ` ${chalk.blueBright('npm run create')}\n`,
+    ` ${chalk.blueBright('npm run list')}`,
+    '\n\n',
+    `Start Storybook in development mode\n`,
+    ` ${chalk.blueBright('npm run startStorybook')}`,
+    '\n\n',
+    `Validate components (schema, lint, test build of a library)\n`,
+    ` ${chalk.blueBright('npm run validateAll')}`,
     '\n\n',
-    `${chalk.blueBright('npm run lint')}`,
-    `\n  Run eslint for component source files`,
+    `Publish component library\n`,
+    ` ${chalk.blueBright('npm run publish')}`,
     '\n'
   );
 
@@ -201,7 +210,7 @@ export default async options => {
     '\n\n',
     `${chalk.blueBright('cd')} ${chalk.bold(projectName)}`,
     '\n',
-    `${chalk.blueBright('npm run startStorybook')}`,
+    `${chalk.blueBright('npm run createLib')} or ${chalk.blueBright('npm run importLibVersion')}`,
     '\n'
   );
   return true;

package/src/tasks/init/template/eslint.config.mjs

@@ -1,4 +1,4 @@
-import { defineConfig, globalIgnores } from 'eslint/config';
+import { globalIgnores } from 'eslint/config';
 import path from 'node:path';
 import { fileURLToPath } from 'node:url';
 import js from '@eslint/js';
@@ -45,6 +45,7 @@ export default tseslint.config(
     '**/*.d.ts',
     '*.storybook/*',
     '**/*.cjs',
+    '**/*.mjs',
     '**/paths.js',
     'dist/*',
     'lib/*'
@@ -63,14 +64,19 @@ export default tseslint.config(
       sourceType: 'script',
 
       parserOptions: {
-        project: 'tsconfig.json'
+        project: 'tsconfig.json',
+        ecmaFeatures: {
+          jsx: true
+        }
       }
     },
 
     settings: {
       'import/resolver': {
         typescript: {},
-
+        react: {
+          version: 'detect'
+        },
         node: {
           extensions: ['.js', '.jsx', '.ts', '.tsx']
         }

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

@@ -107,7 +107,7 @@
     "@babel/preset-react": "^7.27.1",
     "@babel/preset-typescript": "^7.27.1",
     "@pega/configs": "^0.16.3",
-    "@pega/custom-dx-components": "~0.25.33",
+    "@pega/custom-dx-components": "~0.25.35",
     "@pega/pcore-pconnect-typedefs": "^4.1.0-alpha.1",
     "@storybook/addon-actions": "^8.6.12",
     "@storybook/addon-essentials": "^8.6.12",

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

@@ -32,12 +32,12 @@
   "component": {
     "library": "YourLibrary",
     "type": "",
-    "version": "0.0.1",
+    "version": "1.0.0",
     "subtype": "",
     "description": "",
     "icon": ""
   },
   "usePromotedWebPack": false,
-  "libraryModeCL": false,
+  "libraryModeCL": true,
   "showDebug": false
 }

package/src/tasks/list/helper.js

@@ -254,7 +254,11 @@ addDebugLog("getComponentsFromServer", `library: ${library}, organization: ${org
             headers.Authorization = `${tokenType} ${accessToken}`;
 
             fetchComponentsFromInfinity(url, headers)
-              .then((response) => resolve(response))
+              .then((response) => {
+                // filter and only return non managed rules
+                response.pxResults = response.pxResults.filter(component => (component.pyManagedRule === false || component.pyManagedRule === undefined));
+                resolve(response);
+              })
               .catch((e) => reject(e));
           }
         }

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

@@ -247,8 +247,9 @@ addDebugLog("publishComponentToServer", `data: ${data}`, "");
 
 export const publishUILibraryComponentToInfinity = async (content) => {
 addDebugLog("publishUILibraryComponentToInfinity", `content: ${content}`, "");
+  const defaultPegaServerConfig = await getPegaServerConfig();
 
-  console.log(chalk.green(`Publishing ${content.libraryName}/${content.version} to server...`));
+  console.log(chalk.green(`Publishing ${content.libraryName}/${content.version} to server ${chalk.green.bold(`${defaultPegaServerConfig.server}`)}.`));
 
   const fromZip = await zipLibraryComponent(content.libraryName, content.version);
 

package/src/tasks/show-help/index.js

@@ -63,7 +63,7 @@ export const showHelpV2 = (isCL) => {
   if (!isCL) {
     console.log(chalk.yellow("**** Beta capability and subject to change.  Developer experimental.  Do not use in a Production Deployment. ***\n"));
   }
-  console.log(`--> All commands will not work until a library is created via ${chalk.cyan(`npm run createLib`)}.`);
+  console.log(`--> All commands will NOT work until a library is created via ${chalk.cyan(`npm run createLib`)} or ${chalk.cyan(`npm run importLibVersion`)}.`);
   console.log(`\nnpm run <command>`);
   console.log(`\nUsage:`);
 
@@ -129,6 +129,7 @@ export const showHelpV2 = (isCL) => {
   else {
     console.log(`for backup storage.`);
   }
+  console.log(`\nIn tasks.config.json, set ${chalk.yellow("libraryModeCL")} to ${chalk.yellow("false")} for original single components or for ${chalk.yellow("Launchpad")} components.`);
   console.log("");
 }
 

package/src/util.js

@@ -1273,10 +1273,11 @@ export const showVersion = async () => {
   // get package version, so can display at start
   // const require = createRequire(import.meta.url);
   const require = createRequire(currentPath.default);
+  const sLibMode = getLibraryBased() ? "(library mode)" : "";
 
   const pData = require('@pega/custom-dx-components/package.json');
 
-  console.log(chalk.green(`DX Component Builder v${pData.version}`));
+  console.log(chalk.green(`DX Component Builder${sLibMode} v${pData.version}`));
   showDebug = getShowDebug();
 
   if (getLibraryBased() && getServerType() === "launchpad") {
@@ -1676,9 +1677,7 @@ if (showDebug) addDebugLog("getC11NB2STokenAndStaticServer", "", "");
   if (OAuthData) {
     const { C11NB2S, appStaticContentServer, access_token } = JSON.parse(OAuthData)
 
-    if (C11NB2S) {
-      return ({ C11NB2S, appStaticContentServer, access_token});
-    }
+    return ({ C11NB2S, appStaticContentServer, access_token});
 
   }
   return ({});
@@ -2558,7 +2557,8 @@ if (showDebug) addDebugLog("checkLibraryAndArchives", ``, "");
   const hasArch = await hasArchives();
 
   if (isLibraryBased && !hasArch) {
-    console.log(chalk.yellow('\nPlease create a library before proceeding.\n'));
+    console.log(chalk.yellow('\nPlease create/import a library before proceeding.'));
+    console.log(`\tMore info... ${chalk.cyan('npm run help')}\n`);
     process.exit();
   }
 };

package/tests/assets/original/components/createAll/Launchpad/Pega_DXIL_MyPageCaseWidget/Avatar.tsx

@@ -1,4 +1,3 @@
-/* eslint-disable react-hooks/rules-of-hooks */
 import React from 'react';
 import { useEffect, useState } from 'react';
 import { Avatar as CosmosAvatar } from '@pega/cosmos-react-core';

package/tests/functional/localLibCreateLibDeleteLib.test.js

@@ -87,7 +87,7 @@ describe(`createLib deleteLib: ${serverDir} - ${compType}` , () => {
 
     // console.log(stdout);
     expect(stdout).not.toBeNull();
-    expect(stdout).toContain('Please create a library before proceeding.');
+    expect(stdout).toContain('Please create/import a library before proceeding.');
 
     // done();
   }, 10000);