@pega/custom-dx-components 0.242.67 → 0.242.69

package/package.json

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

package/src/constants.js

@@ -1,5 +1,6 @@
 // cSpell:ignore words timeofday caseview casepreview objectview
 export const TASKS_CONFIG_JSON_FILENAME = 'tasks.config.json';
+export const INPUT_CONFIG_JSON_FILENAME = 'input.config.json';
 export const PACKAGE_JSON_FILENAME = 'package.json';
 export const BUILD_CONFIG_JSON_FILENAME = 'build.config.json';
 export const WEBPACK_CONFIG_JS_FILENAME = 'webpack.config.js';
@@ -12,6 +13,7 @@ export const COMPONENTS_PATH = 'component';
 export const TOKEN_PATH = 'node_modules/@pega/custom-dx-components/.access_token';
 export const OOTB_COMPONENTS = 'node_modules/@pega/custom-dx-components/.ootb_components';
 export const LIBRARY_BASED = 'libraryMode';
+export const USE_INPUT_CONFIG = 'useInputConfig';
 export const SHARED_DIRECTORY = 'shared';
 export const SHOW_DEBUG = 'showDebug';
 export const ARCHIVES_PATH = 'store';

package/src/tasks/create/index.js

@@ -114,7 +114,7 @@ const compileMustacheTemplates = async (
       ALLOWEDAPPS: JSON.stringify(allowedApplications),
       TYPE: type,
       SUB_TYPE: JSON.stringify(mustacheSubType),
-      DESCRIPTION: description,
+      DESCRIPTION: description || componentLabel,
       IS_TEMPLATE: isTemplate,
       IS_PICKLIST: isPicklist,
       IS_BOOLEAN: isBool,
@@ -430,6 +430,8 @@ addDebugLog("create", "", "+");
         description,
         allowedApplications
       } = answers;
+
+
       await validateCompile(
         {
           componentName,

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

@@ -15,7 +15,7 @@ export default meta;
 type Story = StoryObj<typeof {{COMPONENT_CLASS_NAME}}>;
 
 if (!window.PCore) {
-  window.PCore = {};
+  window.PCore = {} as any;
 }
 
 window.PCore.getEnvironmentInfo = () => {
@@ -26,7 +26,7 @@ window.PCore.getEnvironmentInfo = () => {
     getLocale: () => {
       return 'en-GB';
     }
-  };
+  } as any;
 };
 
 export const Base{{COMPONENT_CLASS_NAME}}: Story = args => {

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

@@ -14,7 +14,7 @@ type Story = StoryObj<typeof {{COMPONENT_CLASS_NAME}}>;
 
 
 if (!window.PCore) {
-  window.PCore = {};
+  window.PCore = {} as any;
 }
 
 window.PCore.getEnvironmentInfo = () => {
@@ -25,7 +25,7 @@ window.PCore.getEnvironmentInfo = () => {
     getLocale: () => {
       return 'en-GB';
     }
-  };
+  } as any;
 };
 
 export const Base{{COMPONENT_CLASS_NAME}}: Story = (args: any) => {

package/src/tasks/create/templates/Constellation/Field/Icon-Button-URL/demo.stories.tsx.mustache

@@ -15,7 +15,7 @@ export default meta;
 type Story = StoryObj<typeof {{COMPONENT_CLASS_NAME}}>;
 
 if (!window.PCore) {
-  window.PCore = {};
+  window.PCore = {} as any;
 }
 
 const statelistData = {
@@ -49,7 +49,7 @@ export const Base{{COMPONENT_CLASS_NAME}}: Story = (args: any) => {
           resolve(statelistData);
         });
       }
-    };
+    } as any;
   };
 
   const props = {

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

@@ -21,7 +21,7 @@ export default meta;
 type Story = StoryObj<typeof {{COMPONENT_CLASS_NAME}}>;
 
 if (!window.PCore) {
-  window.PCore = {};
+  window.PCore = {} as any;
 }
 
 window.PCore.getLocaleUtils = () => {
@@ -29,7 +29,7 @@ window.PCore.getLocaleUtils = () => {
     getLocaleValue: (value: any) => {
       return value;
     }
-  };
+  } as any;
 };
 
 window.PCore.getUserApi = () => {
@@ -39,7 +39,7 @@ window.PCore.getUserApi = () => {
         resolve(operatorDetails);
       });
     }
-  };
+  } as any;
 };
 
 const Region = (props: any) => {

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

@@ -20,7 +20,7 @@ export default meta;
 type Story = StoryObj<typeof {{COMPONENT_CLASS_NAME}}>;
 
 if (!window.PCore) {
-  window.PCore = {};
+  window.PCore = {} as any;
 }
 
 window.PCore.getLocaleUtils = () => {
@@ -28,7 +28,7 @@ window.PCore.getLocaleUtils = () => {
     getLocaleValue: (value: any) => {
       return value;
     }
-  };
+  } as any;
 };
 
 window.PCore.getUserApi = () => {
@@ -38,7 +38,7 @@ window.PCore.getUserApi = () => {
         resolve(operatorDetails);
       });
     }
-  };
+  } as any;
 };
 
 const Region = (props: any) => {

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

@@ -19,7 +19,7 @@ type Story = StoryObj<typeof {{COMPONENT_CLASS_NAME}}>;
 
 export const Base{{COMPONENT_CLASS_NAME}}: Story = (args: any) => {
   if (!window.PCore) {
-    window.PCore = {};
+    window.PCore = {} as any;
   }
 
   window.PCore.getLocaleUtils = () => {
@@ -27,7 +27,7 @@ export const Base{{COMPONENT_CLASS_NAME}}: Story = (args: any) => {
       getLocaleValue: (val: any) => {
         return val;
       }
-    };
+    } as any;
   };
 
   const configProps = pyHome1Resolved.children[0].children[0].config;

package/src/tasks/create/templates/Constellation/Widget/CASE/demo.stories.tsx.mustache

@@ -15,7 +15,7 @@ export default meta;
 type Story = StoryObj<typeof {{COMPONENT_CLASS_NAME}}>;
 
 if (!window.PCore) {
-  window.PCore = {};
+  window.PCore = {} as any;
 }
 
 export const Base{{COMPONENT_CLASS_NAME}}: Story = (args: any) => {
@@ -25,7 +25,7 @@ export const Base{{COMPONENT_CLASS_NAME}}: Story = (args: any) => {
       CASE_INFO: {
         CASE_INFO_ID: 'caseInfo.ID'
       }
-    };
+    } as any;
   };
 
   window.PCore.getLocaleUtils = () => {
@@ -33,7 +33,7 @@ export const Base{{COMPONENT_CLASS_NAME}}: Story = (args: any) => {
       getLocaleValue: (value: any) => {
         return value;
       }
-    };
+    } as any;
   };
 
   window.PCore.getDataApiUtils = () => {
@@ -43,7 +43,7 @@ export const Base{{COMPONENT_CLASS_NAME}}: Story = (args: any) => {
           resolve(historyData);
         });
       }
-    };
+    } as any;
   };
 
   const props = {

package/src/tasks/create/templates/Constellation/Widget/PAGE/demo.stories.tsx.mustache

@@ -17,7 +17,7 @@ export default meta;
 type Story = StoryObj<typeof {{COMPONENT_CLASS_NAME}}>;
 
 if (!window.PCore) {
-  window.PCore = {};
+  window.PCore = {} as any;
 }
 
 const worklistData = {
@@ -59,7 +59,7 @@ export const Base{{COMPONENT_CLASS_NAME}}: Story = (args: any) => {
           resolve(worklistData);
         });
       }
-    };
+    } as any;
   };
 
   const props = {

package/src/tasks/create/templates/Constellation/Widget/PAGE-CASE/demo.stories.tsx.mustache

@@ -15,7 +15,7 @@ export default meta;
 type Story = StoryObj<typeof {{COMPONENT_CLASS_NAME}}>;
 
 if (!window.PCore) {
-  window.PCore = {};
+  window.PCore = {} as any;
 }
 
 window.PCore.getLocaleUtils = () => {
@@ -23,7 +23,7 @@ window.PCore.getLocaleUtils = () => {
     getLocaleValue: (value: any) => {
       return value;
     }
-  };
+  } as any;
 };
 
 window.PCore.getUserApi = () => {
@@ -33,7 +33,7 @@ window.PCore.getUserApi = () => {
         resolve(operatorDetails);
       });
     }
-  };
+  } as any;
 };
 
 export const Base{{COMPONENT_CLASS_NAME}}: Story = (args: any) => {

package/src/tasks/create/templates/Launchpad/Field/Icon-Button-URL/demo.stories.tsx.mustache

@@ -15,7 +15,7 @@ export default meta;
 type Story = StoryObj<typeof {{COMPONENT_CLASS_NAME}}>;
 
 if (!window.PCore) {
-  window.PCore = {};
+  window.PCore = {} as any;
 }
 
 const countrylistData = {
@@ -47,7 +47,7 @@ window.PCore.getDataPageUtils = () => {
         resolve(countrylistData);
       });
     }
-  };
+  } as any;
 };
 
 export const Base{{COMPONENT_CLASS_NAME}}: Story = (args: any) => {

package/src/tasks/create/templates/Launchpad/Widget/CASE/demo.stories.tsx.mustache

@@ -15,7 +15,7 @@ export default meta;
 type Story = StoryObj<typeof {{COMPONENT_CLASS_NAME}}>;
 
 if (!window.PCore) {
-  window.PCore = {};
+  window.PCore = {} as any;
 }
 
 window.PCore.getConstants = () => {
@@ -23,7 +23,7 @@ window.PCore.getConstants = () => {
     CASE_INFO: {
       CASE_INFO_ID: 'caseInfo.ID'
     }
-  };
+  } as any;
 };
 
 window.PCore.getLocaleUtils = () => {
@@ -31,7 +31,7 @@ window.PCore.getLocaleUtils = () => {
     getLocaleValue: (value: any) => {
       return value;
     }
-  };
+  } as any;
 };
 
 window.PCore.getDataApiUtils = () => {
@@ -41,7 +41,7 @@ window.PCore.getDataApiUtils = () => {
         resolve(historyData);
       });
     }
-  };
+  } as any;
 };
 
 export const Base{{COMPONENT_CLASS_NAME}}: Story = (args: any) => {

package/src/tasks/create/templates/Launchpad/Widget/PAGE/demo.stories.tsx.mustache

@@ -16,7 +16,7 @@ export default meta;
 type Story = StoryObj<typeof {{COMPONENT_CLASS_NAME}}>;
 
 if (!window.PCore) {
-  window.PCore = {};
+  window.PCore = {} as any;
 }
 
 const worklistData = {
@@ -57,7 +57,7 @@ window.PCore.getDataApiUtils = () => {
         resolve(worklistData);
       });
     }
-  };
+  } as any;
 };
 
 

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

@@ -15,7 +15,7 @@ export default meta;
 type Story = StoryObj<typeof {{COMPONENT_CLASS_NAME}}>;
 
 if (!window.PCore) {
-  window.PCore = {};
+  window.PCore = {} as any;
 }
 
 window.PCore.getLocaleUtils = () => {
@@ -23,7 +23,7 @@ window.PCore.getLocaleUtils = () => {
     getLocaleValue: (value: any) => {
       return value;
     }
-  };
+  } as any;
 };
 
 window.PCore.getUserApi = () => {
@@ -33,7 +33,7 @@ window.PCore.getUserApi = () => {
         resolve(operatorDetails);
       });
     }
-  };
+  } as any;
 };
 
 export const Base{{COMPONENT_CLASS_NAME}}: Story = (args: any) => {

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

@@ -17,7 +17,10 @@ import {
   forceDefaultsUpdate,
   cleanUpTemp,
   restoreTopLevelConfigFilesFromTemplate,
-  getHaveDependencyDifference
+  getHaveDependencyDifference,
+  getUseInputConfig,
+  getInputConfigForCommand,
+  convertYNToBoolean
 } from '../../util.js';
 
 import { getCreateLibComponentQuestions, getOkToProceedQuestion, updateAllComponentsConfig, getCurrentOrOriginalQuestion } from './helper.js';
@@ -25,6 +28,7 @@ import { showCurrentStatus } from '../show-status/index.js';
 
 export default async options => {
   const isLibraryBased =  getLibraryBased();
+  const useInputConfig = getUseInputConfig();
   if (!isLibraryBased) {
     console.log(`Command only supported for ${chalk.bold.green('library based')} components.`);
     process.exit();
@@ -33,9 +37,89 @@ export default async options => {
   await showVersion();
   await cleanUpTemp();
 
+
+  // if we have choosen to use INPUT CONFIG FILE
+  // process and exit
+  if (useInputConfig) {
+    const inputConfig = await getInputConfigForCommand("createLib");
+
+    if (convertYNToBoolean(inputConfig.okToContinue)) {
+      const libraryName = inputConfig.libraryName;
+      let version = inputConfig.libraryVersion;
+      const currentOrOriginal = inputConfig.currentOrOriginal;
+      const isPermanent = inputConfig.isPermanent;
+      const permBuild = convertYNToBoolean(isPermanent);
+
+
+      // if have store, then that means there is a current library, so
+      // store it before clearing out /src/components
+
+      const hasArch = await hasArchives();
+      const orgLib = getConfigDefaults();
+      const newOrgLib = `${orgLib.organization}_${libraryName}`;
+
+      if (hasArch) {
+        const hasLib = await hasLibraryAndVersion(libraryName, version, !permBuild);
+        if (hasLib) {
+          console.log(`${chalk.bold.red(`Library ${orgLib.organization}_${libraryName} already exists.`)}`);
+          console.log("You can switch to that library by entering 'npm run switchLib'.\n")
+          process.exit();
+        }
+
+        const currentOrgLib = orgLib.currentOrgLib;
+        const currentVersion = orgLib.buildVersion;
+        await zipVersionAndArchive(currentOrgLib, currentVersion);
+        await clearSrcComponentsDirectory();
+
+      }
+
+      if (!permBuild) {
+        version = version.concat("-dev");
+      }
+
+      if (currentOrOriginal === 'Original') {
+        await restoreTopLevelConfigFilesFromTemplate();
+      }
+
+      // update library name in config and create a blank archive
+      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();
+      await showCurrentStatus();
+
+      if (currentOrOriginal === 'Original') {
+        if (getHaveDependencyDifference()) {
+
+          console.log('\n***************************************************************');
+          console.log(chalk.bold.yellow('Dependencies have changed between libraries, recommend updating.'));
+          console.log(`>>> PLEASE run ${chalk.bold.yellow("'npm update'")}.`);
+          console.log('***************************************************************\n');
+
+        }
+      }
+
+
+
+    }
+
+    process.exit();
+
+
+  }
+
 addDebugLog("createLibrary", "", "+");
   let libraryName = "";
   let version;
+
   // permBuild is the opposite of devBuild
   let permBuild;
   const orgLib = getConfigDefaults();

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

@@ -17,7 +17,12 @@ import {
   getConfigDefaults,
   forceDefaultsUpdate,
   modAddAboutData,
-  cleanUpTemp
+  cleanUpTemp,
+  getUseInputConfig,
+  getInputConfigForCommand,
+  convertYNToBoolean,
+  hasArchives,
+  hasLibraryAndVersion
 } from '../../util.js';
 
 import { getCreateVersionComponentQuestions, updateAllComponentsConfig } from './helper.js';
@@ -25,6 +30,8 @@ import { showCurrentStatus } from '../show-status/index.js';
 
 export default async options => {
   const isLibraryBased =  getLibraryBased();
+  const useInputConfig = getUseInputConfig();
+
   if (!isLibraryBased) {
     console.log(`Command only supported for ${chalk.bold.green('library mode')} components.`);
     process.exit();
@@ -34,6 +41,8 @@ export default async options => {
   await checkLibraryAndArchives();
   await cleanUpTemp();
 
+
+
 addDebugLog("createVersion", "", "+");
   let libraryName;
   let version;
@@ -45,26 +54,61 @@ addDebugLog("createVersion", "", "+");
   const currentDirectory = process.cwd();
   const componentDirectory = join (currentDirectory, "src", "components");
 
+  // if we have choosen to use INPUT CONFIG FILE
+  // process and no inputs
+  if (useInputConfig) {
+    const inputConfig = await getInputConfigForCommand("createLibVersion");
+
+    if (convertYNToBoolean(inputConfig.okToContinue)) {
+      version = inputConfig.libraryVersion;
+      const isPermanent = inputConfig.isPermanent;
+      permBuild = convertYNToBoolean(isPermanent);
+      copyExisting = convertYNToBoolean(inputConfig.copyComponents);
+
+      const hasArch = await hasArchives();
+      const orgLib = getConfigDefaults();
+      const hasLib = await hasLibraryAndVersion(orgLib.library, version, !permBuild);
+      if (hasArch) {
+        if (hasLib) {
+          console.log(`${chalk.bold.red(`Library ${orgLib.displayLibVersion} already exists.`)}`);
+          console.log("You can switch to that library by entering 'npm run switchLib'.\n")
+          process.exit();
+        }
+      }
+      else {
+        console.log(`${chalk.bold.red(`No libraries exist.`)}`);
+        console.log("You need to create a library first via 'npm run createLib'.\n")
+        process.exit();
+      }
 
-  if (options.params.length >= 6) {
-    version = options.params[3];
-    const dPerm = options.params[4];
-    const copyExist = options.params[5]
 
-    // if have [6] will be "NoAbout" from Jest, to turn off build date
-    if (options.params.length >= 7 ) {
-      if (options.params[6] === "NoAbout") {
-        modAddAboutData(false);
-      }
     }
+    else {
+      process.exit();
+    }
+
+  }
+  else {
+    if (options.params.length >= 6) {
+      version = options.params[3];
+      const dPerm = options.params[4];
+      const copyExist = options.params[5]
+
+      // if have [6] will be "NoAbout" from Jest, to turn off build date
+      if (options.params.length >= 7 ) {
+        if (options.params[6] === "NoAbout") {
+          modAddAboutData(false);
+        }
+      }
 
-    permBuild = !!(dPerm === 'Y' || dPerm === 'y' || dPerm === true || dPerm === 'true');
-    copyExisting = !!(copyExist === 'Y' || copyExist === 'y' || copyExist === true || copyExist === 'true');
+      permBuild = !!(dPerm === 'Y' || dPerm === 'y' || dPerm === true || dPerm === 'true');
+      copyExisting = !!(copyExist === 'Y' || copyExist === 'y' || copyExist === true || copyExist === 'true');
 
-  } else {
-    const questions = await getCreateVersionComponentQuestions();
-    const answers = await inquirer.prompt(questions);
-    ({ version, permBuild, copyExisting } = answers);
+    } else {
+      const questions = await getCreateVersionComponentQuestions();
+      const answers = await inquirer.prompt(questions);
+      ({ version, permBuild, copyExisting } = answers);
+    }
   }
 
   const orgLib =  getConfigDefaults();

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

@@ -17,7 +17,10 @@ import {
   deleteArchives,
   forceDefaultsUpdate,
   restoreFromArchive,
-  cleanUpTemp
+  cleanUpTemp,
+  getUseInputConfig,
+  getInputConfigForCommand,
+  convertYNToBoolean
 } from '../../util.js';
 
 import { getDeleteLibraryQuestions, getLibraryVersionQuestion } from './helper.js';
@@ -29,6 +32,7 @@ export const deleteLibraryVersion = async (libraryName, version = "", okToDelete
 addDebugLog("deleteLibraryVersion", "", "+");
 
   const isLibraryBased = getLibraryBased();
+
   const compDef = getConfigDefaults();
   let libVersions = [];
   let confirmDeletion;
@@ -38,6 +42,10 @@ addDebugLog("deleteLibraryVersion", "", "+");
     process.exit();
   }
 
+
+
+
+
   try {
     libVersions = await getLibraryArchivesVersions(libraryName, "");
   }
@@ -209,6 +217,8 @@ addDebugLog("deleteLibraryVersion", "END", "-");
 
 export default async (options) => {
   const isLibraryBased = getLibraryBased();
+  const useInputConfig = getUseInputConfig();
+
   if (!isLibraryBased) {
     console.log(`Command only supported for ${chalk.bold.green('library based')} components.`)
     process.exit();
@@ -227,33 +237,52 @@ addDebugLog("deleteLibrary", "", "+");
   const compDef = getConfigDefaults();
   let libraryName;
 
-  if (options.params.length >= 5) {
-    libraryName = options.params[3];
-    version = options.params[4];
+  if (useInputConfig) {
+    const inputConfig = await getInputConfigForCommand("deleteLib");
+    libraryName = inputConfig.libraryName;
+    version = inputConfig.libraryVersion;
+    const isPermanent = inputConfig.isPermanent;
+    const permBuild = convertYNToBoolean(isPermanent);
 
-    if (options.params.length >=6 ) {
-      const okToDel = options.params[5];
-      okToDelete = !!(okToDel === 'Y' || okToDel === 'y' || okToDel === true || okToDel === 'true');
+    if (!permBuild && version != "ALL") {
+      version = version.concat("-dev");
     }
 
+    okToDelete = convertYNToBoolean(inputConfig.confirmDelete);
 
   }
   else {
-
-    if (options.params.length === 4) {
+    if (options.params.length >= 5) {
       libraryName = options.params[3];
-      version = "ALL"
+      version = options.params[4];
+
+      if (options.params.length >=6 ) {
+        const okToDel = options.params[5];
+        okToDelete = !!(okToDel === 'Y' || okToDel === 'y' || okToDel === true || okToDel === 'true');
+      }
+
+
     }
     else {
-      const questions = await getDeleteLibraryQuestions();
-      const answers = await inquirer.prompt(questions);
-      ({ libraryName } = answers);
-    }
+
+      if (options.params.length === 4) {
+        libraryName = options.params[3];
+        version = "ALL"
+      }
+      else {
+        const questions = await getDeleteLibraryQuestions();
+        const answers = await inquirer.prompt(questions);
+        ({ libraryName } = answers);
+      }
+
 
 
+    }
 
   }
 
+
+
   await deleteLibraryVersion(libraryName, version, okToDelete);