@pega/custom-dx-components 0.23.19 → 0.23.21

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

@@ -53,7 +53,7 @@ export const compileMustacheTemplates = async (
   const componentClassName = convertIntoPascalCase(componentKey);
 
   const isTemplate = type === 'Template';
-  const isPicklist = subtype === 'Picklist';
+
   const isBool = subtype === 'Boolean';
   const isPhone = subtype === 'Phone';
 
@@ -76,9 +76,17 @@ export const compileMustacheTemplates = async (
       case 'Text-Input':
         mustacheSubType = 'Text';
         break;
+      case 'Picklist-Autocomplete':
+        mustacheSubType = 'Picklist';
+        break;
+      case 'Picklist-RadioButtons':
+        mustacheSubType = 'Picklist';
+        break;
     }
   }
 
+  const isPicklist = subtype === 'Picklist';
+
   if (allowedApplications.trim() === '') {
     allowedApplications = [];
   } else {

package/src/tasks/index.js

@@ -13,5 +13,5 @@ export { default as updateComponent } from './update/index.js';
 export { default as validate } from './validator/index.js';
 export { default as authenticate } from './authenticate/index.js';
 export { default as upgrade } from './upgrade/index.js';
-export { default as buildComponent } from './build/index.js';
+export { default as buildComponent } from './build-comp/index.js';
 export { default as buildAllComponents } from './build-all/index.js';

package/src/tasks/init/helper.js

@@ -1,4 +1,3 @@
-/* eslint-disable import/prefer-default-export */
 import { sanitize, validateSemver } from '../../util.js';
 
 export const getInitProjectQuestions = () => {

package/src/tasks/init/index.js

@@ -7,11 +7,16 @@ import { exec } from 'child_process';
 import chalk from 'chalk';
 import { execa } from 'execa';
 import ncp from 'ncp';
-import Listr from 'listr';
+import { Listr } from 'listr2';
 import gitignore from 'gitignore';
 import inquirer from 'inquirer';
 
-import { compileMustacheTemplate, isPascalCase, convertIntoPascalCase, sanitize } from '../../util.js';
+import {
+  compileMustacheTemplate,
+  isPascalCase,
+  convertIntoPascalCase,
+  sanitize
+} from '../../util.js';
 
 import { getInitProjectQuestions } from './helper.js';
 
@@ -21,7 +26,7 @@ const copy = promisify(ncp);
 const writeGitignore = promisify(gitignore.writeFile);
 const writeFile = promisify(fs.writeFile);
 
-const createGitignore = async (options) => {
+const createGitignore = async options => {
   const file = fs.createWriteStream(path.join(options.targetDirectory, '.gitignore'), {
     flags: 'a'
   });
@@ -31,13 +36,13 @@ const createGitignore = async (options) => {
   });
 };
 
-const createLicense = async (options) => {
+const createLicense = async options => {
   const targetPath = path.join(options.targetDirectory, 'LICENSE');
   const licenseContent = 'Enter license text here';
   return writeFile(targetPath, licenseContent, 'utf8');
 };
 
-const copyProjectTemplate = async (options) => {
+const copyProjectTemplate = async options => {
   await copy(options.templateDirectory, options.targetDirectory, {
     clobber: false
   });
@@ -68,7 +73,7 @@ const copyProjectTemplate = async (options) => {
   await createLicense(options);
 };
 
-const initGit = async (options) => {
+const initGit = async options => {
   const result = await execa('git', ['init'], {
     cwd: options.targetDirectory
   });
@@ -77,13 +82,16 @@ const initGit = async (options) => {
   }
 };
 
-export default async (options) => {
-  options.templateDirectory = path.resolve(path.dirname(fileURLToPath(import.meta.url)), 'template');
+export default async options => {
+  options.templateDirectory = path.resolve(
+    path.dirname(fileURLToPath(import.meta.url)),
+    'template'
+  );
   let projectName = 'test';
 
   const questions = getInitProjectQuestions();
 
-  await inquirer.prompt(questions).then(async (answers) => {
+  await inquirer.prompt(questions).then(async answers => {
     projectName = answers.projectName;
     projectName = sanitize(projectName).toLowerCase();
     options = { ...options, ...answers };
@@ -99,7 +107,10 @@ export default async (options) => {
 
     const targetDirectory = options.targetDirectory || process.cwd();
     options.targetDirectory = path.join(targetDirectory, projectName);
-    options.componentDirectory = path.join(options.targetDirectory, 'node_modules/@pega/custom-dx-components');
+    options.componentDirectory = path.join(
+      options.targetDirectory,
+      'node_modules/@pega/custom-dx-components'
+    );
   });
 
   const installDependenciesText = `Installing dependencies. This will take a couple of minutes.`;
@@ -121,16 +132,18 @@ export default async (options) => {
       },
       {
         title: installDependenciesText,
-        task: () => execPromise('npm i --force --production=false', { cwd: options.targetDirectory })
+        task: () =>
+          execPromise('npm i --force --production=false', { cwd: options.targetDirectory })
       },
       {
         title: 'Installing tasks dependencies',
-        task: () => execPromise('npm i --force --production=false', { cwd: options.componentDirectory })
-      },
-      {
+        task: () =>
+          execPromise('npm i --force --production=false', { cwd: options.componentDirectory })
+      }
+      /* {
         title: 'Installing quick run',
         task: () => execPromise('npm i -g npm-quick-run', { cwd: options.targetDirectory })
-      }
+      } */
     ],
     {
       exitOnError: false
@@ -139,7 +152,9 @@ export default async (options) => {
 
   await tasks.run();
   console.log('\n');
-  console.log(`${chalk.green('Success!!')} Project created at ${chalk.blueBright(options.targetDirectory)}`);
+  console.log(
+    `${chalk.green('Success!!')} Project created at ${chalk.blueBright(options.targetDirectory)}`
+  );
   console.log(
     '\n',
     `Inside that directory, you can run several commands:`,

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

@@ -47,6 +47,8 @@
     "import/no-unresolved": "off",
     "import/no-useless-path-segments": "off",
     "import/order": "off",
+    "import/prefer-default-export": "off",
+    "import/no-relative-packages": "off",
 
     "no-else-return": "off",
     "no-restricted-syntax": "off",
@@ -58,7 +60,7 @@
     "jsx-a11y/label-has-associated-control": "off",
     "jsx-a11y/no-static-element-interactions": "off",
 
-    "react/jsx-fragments": "off",
+    "react/jsx-fragments": "error",
     "react/jsx-no-bind": "off",
     "react/self-closing-comp": "off",
 
@@ -71,15 +73,18 @@
     //
     // Initial release: set to error
     "@typescript-eslint/no-inferrable-types": "error",
-    "eqeqeq": "error",
-    "no-alert": "error",
-    "no-console": "error",
+    "eqeqeq": "off",
+    "no-alert": "off",
+    "no-console": "off",
     "no-fallthrough": "error",
-    "no-undef": "error",
-    "no-unused-vars": "error",
-    "no-var": "error",
-    "prefer-const": "error",
+    "no-undef": "off",
+    "no-unused-vars": "off",
+    "no-var": "off",
+    "prefer-const": "off",
     "yoda": "error",
+    "no-irregular-whitespace": "off",
+    "no-empty": "off",
+    "no-new-object": "off",
 
     "import/no-mutable-exports": "error",
     "sonarjs/max-switch-cases": "error",
@@ -98,7 +103,7 @@
     "react/static-property-placement": "error",
     "array-callback-return": "error",
     "camelcase": "error",
-    "default-case": "error",
+    "default-case": "off",
     "func-names": "error",
     "no-case-declarations": "error",
     "no-lonely-if": "error",
@@ -166,7 +171,7 @@
         "react/react-in-jsx-scope": "off",
         // Set up configuration for future sweep
         "react-hooks/exhaustive-deps": [
-          "off",
+          "error",
           {
             "additionalHooks": "useAfterInitialEffect"
           }

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

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

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

@@ -0,0 +1,14 @@
+/** @type { import('@storybook/react').Preview } */
+const preview = {
+  parameters: {
+    actions: { argTypesRegex: '^on[A-Z].*' },
+    controls: {
+      matchers: {
+        color: /(background|color)$/i,
+        date: /Date$/i
+      }
+    }
+  }
+};
+
+export default preview;

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

@@ -6,7 +6,7 @@
   "main": "src/index.js",
   "type": "module",
   "scripts": {
-    "startStorybook": "start-storybook --port 6040 --quiet",
+    "startStorybook": "storybook dev --port 6040 --quiet",
     "lint": "run-p -cl lint:*",
     "authenticate": "custom-dx-components authenticate",
     "buildComponent": "custom-dx-components buildComponent",
@@ -51,51 +51,52 @@
   "license": "Enter License",
   "sideEffects": false,
   "dependencies": {
-    "@pega/cosmos-react-core": "^4.0.1",
-    "@pega/cosmos-react-work": "4.0.1",
-    "dayjs": "^1.11.5",
+    "@pega/cosmos-react-condition-builder": "^4.1.2",
+    "@pega/cosmos-react-core": "^4.1.2",
+    "@pega/cosmos-react-work": "4.1.2",
+    "dayjs": "^1.11.10",
+    "lodash.get": "^4.4.2",
     "polished": "^4.2.2",
     "prop-types": "^15.8.1",
     "react": "^17.0.2",
-    "react-autosuggest": "^10.1.0",
     "react-dom": "^17.0.2",
     "react-is": "^18.2.0",
-    "react-player": "^2.10.1",
-    "react-redux": "^7.2.6",
     "styled-components": "^5.3.5"
   },
   "devDependencies": {
-    "@pega/configs": "^0.5.3",
-    "@pega/custom-dx-components": "^0.23.19",
-    "@pega/eslint-config": "^0.5.3",
-    "@storybook/addon-actions": "^6.5.12",
-    "@storybook/addon-essentials": "^6.5.12",
-    "@storybook/addon-links": "^6.5.12",
-    "@storybook/addon-knobs": "^6.3.1",
-    "@storybook/addon-storysource": "^6.5.12",
-    "@storybook/builder-webpack5": "^6.5.12",
-    "@storybook/manager-webpack5": "^6.5.12",
-    "@storybook/react": "^6.5.12",
-    "@types/emoji-mart": "^3.0.9",
+    "@pega/configs": "^0.7.1",
+    "@pega/custom-dx-components": "0.23.21",
+    "@pega/pcore-pconnect-typedefs": "2.0.0",
+    "@storybook/addon-actions": "^7.6.7",
+    "@storybook/addon-essentials": "^7.6.7",
+    "@storybook/addon-knobs": "^7.0.2",
+    "@storybook/addon-links": "^7.6.7",
+    "@storybook/addon-storysource": "^7.6.7",
+    "@storybook/react": "^7.6.7",
+    "@storybook/react-webpack5": "^7.6.7",
+    "@types/emoji-mart": "^3.0.14",
+    "@types/lodash.get": "^4.4.9",
     "@types/react": "^17.0.39",
-    "@types/react-color": "^3.0.6",
+    "@types/react-color": "^3.0.11",
     "@types/react-dom": "^17.0.11",
-    "@types/styled-components": "^5.1.26",
-    "@typescript-eslint/eslint-plugin": "^5.6.0",
-    "eslint": "^8.4.1",
-    "eslint-plugin-import": "^2.25.3",
-    "eslint-plugin-jest": "^25.3.0",
-    "eslint-plugin-jsx-a11y": "^6.5.1",
-    "eslint-plugin-mdx": "^2.0.5",
-    "eslint-plugin-prettier": "^4.0.0",
-    "eslint-plugin-react": "^7.27.1",
-    "eslint-plugin-react-hooks": "^4.3.0",
-    "eslint-plugin-sonarjs": "^0.11.0",
-    "jest": "^29.3.1",
-    "jest-environment-jsdom": "^29.3.1",
+    "@types/styled-components": "^5.1.34",
+    "@typescript-eslint/eslint-plugin": "^6.17.0",
+    "eslint": "^8.56.0",
+    "eslint-plugin-import": "^2.29.1",
+    "eslint-plugin-jest": "^27.6.1",
+    "eslint-plugin-jsx-a11y": "^6.8.0",
+    "eslint-plugin-mdx": "^2.3.2",
+    "eslint-plugin-prettier": "^5.1.2",
+    "eslint-plugin-react": "^7.33.2",
+    "eslint-plugin-react-hooks": "^4.6.0",
+    "eslint-plugin-sonarjs": "^0.23.0",
+    "eslint-plugin-storybook": "^0.6.15",
+    "jest": "^29.7.0",
+    "jest-environment-jsdom": "^29.7.0",
     "npm-run-all": "^4.1.5",
-    "prettier": "2.7.1",
+    "prettier": "3.1.1",
+    "storybook": "^7.6.7",
     "stylelint": "^14.11.0",
-    "typescript": "~4.8.3"
+    "typescript": "~5.3.3"
   }
 }

package/src/tasks/publish/helper.js

@@ -13,7 +13,11 @@ import {
   validateRulesetVersion,
   getHttpsAgent
 } from '../../util.js';
-import { PUBLISH_COMPONENT_SERVICE_REST_ENDPOINT, LP_PUBLISH_COMPONENT_SERVICE_REST_ENDPOINT, TOKEN_PATH } from '../../constants.js';
+import {
+  PUBLISH_COMPONENT_SERVICE_REST_ENDPOINT,
+  LP_PUBLISH_COMPONENT_SERVICE_REST_ENDPOINT,
+  TOKEN_PATH
+} from '../../constants.js';
 
 export const getPublishComponentQuestions = async () => {
   const components = await getComponents();
@@ -36,7 +40,7 @@ export const getPublishComponentQuestions = async () => {
       name: 'rulesetName',
       message: 'Enter ruleset name',
       default: defaultPegaConfig.rulesetName,
-      validate: (value) => {
+      validate: value => {
         if (value.trim()) {
           return true;
         }
@@ -50,7 +54,7 @@ export const getPublishComponentQuestions = async () => {
       name: 'rulesetVersion',
       message: 'Enter ruleset version',
       default: defaultPegaConfig.rulesetVersion,
-      validate: (value) => {
+      validate: value => {
         if (validateRulesetVersion(value)) {
           return true;
         }
@@ -76,7 +80,7 @@ export const getPublishComponentQuestions = async () => {
   ];
 };
 
-export const zipComponent = async (componentKey) => {
+export const zipComponent = async componentKey => {
   const srcDirectory = await getComponentDirectoryPath(componentKey);
   const buildDirectory = await path.join(path.resolve(), 'dist/components', componentKey);
   const configJson = `${srcDirectory}/config.json`;
@@ -90,7 +94,7 @@ export const zipComponent = async (componentKey) => {
 
   const configContent = Buffer.from(fs.readFileSync(`${srcDirectory}/config.json`)).toString();
 
-  fs.rmdir('dist', { recursive: true }, (err) => {
+  fs.rmdir('dist', { recursive: true }, err => {
     if (err) {
       throw err;
     }
@@ -105,7 +109,10 @@ export const publishComponentToServer = async (data, doFetch) => {
   const defaultPegaServerConfig = await getPegaServerConfig();
   const { serverType, isolationId } = defaultPegaServerConfig;
   const isLaunchpad = serverType === 'launchpad';
-  const launchpadRestEndpoint = LP_PUBLISH_COMPONENT_SERVICE_REST_ENDPOINT.replace('{isolationId}', isolationId);
+  const launchpadRestEndpoint = LP_PUBLISH_COMPONENT_SERVICE_REST_ENDPOINT.replace(
+    '{isolationId}',
+    isolationId || 'undefined'
+  );
   let apiBody;
 
   if (isLaunchpad) {
@@ -129,7 +136,10 @@ export const publishComponentToServer = async (data, doFetch) => {
   }
 
   const defaultPegaConfig = await getPegaServerConfig();
-  const url = constructCompleteUrl(defaultPegaConfig.server, isLaunchpad ? launchpadRestEndpoint : PUBLISH_COMPONENT_SERVICE_REST_ENDPOINT);
+  const url = constructCompleteUrl(
+    defaultPegaConfig.server,
+    isLaunchpad ? launchpadRestEndpoint : PUBLISH_COMPONENT_SERVICE_REST_ENDPOINT
+  );
 
   if (doFetch) {
     try {
@@ -156,29 +166,39 @@ export const publishComponentToServer = async (data, doFetch) => {
           headers,
           body: JSON.stringify(apiBody)
         })
-          .then((response) => {
+          .then(response => {
             status = response.status;
             return response.text();
           })
-          .then((resp) => {
+          .then(resp => {
             const respData = isLaunchpad ? resp : JSON.parse(resp);
             if (status === 401) {
-              throw new Error('Error occurred in authentication. Please regenerate using authenticate');
+              throw new Error(
+                'Error occurred in authentication. Please regenerate using authenticate'
+              );
               // console.log(accessTokenUri, refreshToken);
               /* TODO - Handle refresh_token */
             } else if (status === 200 || status === 201) {
-              console.log(chalk.bold.green(`Success : ${isLaunchpad ? respData : respData.message}`));
+              console.log(
+                chalk.bold.green(`Success : ${isLaunchpad ? respData : respData.message}`)
+              );
             } else {
               throw new Error(`${respData.message}`);
             }
           })
-          .catch((e) => {
+          .catch(e => {
             if (e.code === 'ECONNREFUSED') {
               // eslint-disable-next-line prefer-promise-reject-errors
-              Promise.reject(`${chalk.bold.red('Error occurred in authentication. Please regenerate using authenticate')}`);
+              Promise.reject(
+                `${chalk.bold.red(
+                  'Error occurred in authentication. Please regenerate using authenticate'
+                )}`
+              );
             } else if (status === 403) {
               // eslint-disable-next-line prefer-promise-reject-errors
-              Promise.reject(`${chalk.bold.red('Error forbidden: User does not have privileges to Publish.')}`);
+              Promise.reject(
+                `${chalk.bold.red('Error forbidden: User does not have privileges to Publish.')}`
+              );
             } else {
               // eslint-disable-next-line prefer-promise-reject-errors
               Promise.reject(`${chalk.bold.red(e)}`);

package/src/tasks/publish/index.js

@@ -1,5 +1,5 @@
 import inquirer from 'inquirer';
-import Listr from 'listr';
+import { Listr } from 'listr2';
 import chalk from 'chalk';
 
 import validate from '../validator/index.js';

package/src/tasks/publish-all/helper.js

@@ -5,8 +5,18 @@ import fetch from 'node-fetch';
 import AdmZip from 'adm-zip';
 import chalk from 'chalk';
 
-import { constructCompleteUrl, getComponentDirectoryPath, getPegaServerConfig, validateRulesetVersion, getHttpsAgent } from '../../util.js';
-import { PUBLISH_COMPONENT_SERVICE_REST_ENDPOINT, LP_PUBLISH_COMPONENT_SERVICE_REST_ENDPOINT, TOKEN_PATH } from '../../constants.js';
+import {
+  constructCompleteUrl,
+  getComponentDirectoryPath,
+  getPegaServerConfig,
+  validateRulesetVersion,
+  getHttpsAgent
+} from '../../util.js';
+import {
+  PUBLISH_COMPONENT_SERVICE_REST_ENDPOINT,
+  LP_PUBLISH_COMPONENT_SERVICE_REST_ENDPOINT,
+  TOKEN_PATH
+} from '../../constants.js';
 
 export const getPublishComponentQuestions = async () => {
   const defaultPegaConfig = await getPegaServerConfig();
@@ -16,7 +26,7 @@ export const getPublishComponentQuestions = async () => {
       name: 'rulesetName',
       message: 'Enter ruleset name',
       default: defaultPegaConfig.rulesetName,
-      validate: (value) => {
+      validate: value => {
         if (value.trim()) {
           return true;
         }
@@ -30,7 +40,7 @@ export const getPublishComponentQuestions = async () => {
       name: 'rulesetVersion',
       message: 'Enter ruleset version',
       default: defaultPegaConfig.rulesetVersion,
-      validate: (value) => {
+      validate: value => {
         if (validateRulesetVersion(value)) {
           return true;
         }
@@ -56,7 +66,7 @@ export const getPublishComponentQuestions = async () => {
   ];
 };
 
-export const zipComponent = async (componentKey) => {
+export const zipComponent = async componentKey => {
   const srcDirectory = await getComponentDirectoryPath(componentKey);
   const buildDirectory = await path.join(path.resolve(), 'dist/components', componentKey);
   const configJson = `${srcDirectory}/config.json`;
@@ -79,13 +89,13 @@ export const zipComponent = async (componentKey) => {
 };
 
 export const cleanUp = async () => {
-  fs.rm('dist/components', { recursive: true }, (err) => {
+  fs.rm('dist/components', { recursive: true }, err => {
     if (err) {
       throw err;
     }
   });
 
-  fs.rm('lib', { recursive: true }, (err) => {
+  fs.rm('lib', { recursive: true }, err => {
     if (err) {
       throw err;
     }
@@ -98,7 +108,10 @@ export const publishComponentToServer = async (data, doFetch) => {
   const defaultPegaServerConfig = await getPegaServerConfig();
   const { serverType, isolationId } = defaultPegaServerConfig;
   const isLaunchpad = serverType === 'launchpad';
-  const launchpadRestEndpoint = LP_PUBLISH_COMPONENT_SERVICE_REST_ENDPOINT.replace('{isolationId}', isolationId);
+  const launchpadRestEndpoint = LP_PUBLISH_COMPONENT_SERVICE_REST_ENDPOINT.replace(
+    '{isolationId}',
+    isolationId || 'undefined'
+  );
   let apiBody;
 
   if (isLaunchpad) {
@@ -122,7 +135,10 @@ export const publishComponentToServer = async (data, doFetch) => {
   }
 
   const defaultPegaConfig = await getPegaServerConfig();
-  const url = constructCompleteUrl(defaultPegaConfig.server, isLaunchpad ? launchpadRestEndpoint : PUBLISH_COMPONENT_SERVICE_REST_ENDPOINT);
+  const url = constructCompleteUrl(
+    defaultPegaConfig.server,
+    isLaunchpad ? launchpadRestEndpoint : PUBLISH_COMPONENT_SERVICE_REST_ENDPOINT
+  );
 
   if (doFetch) {
     try {
@@ -149,29 +165,39 @@ export const publishComponentToServer = async (data, doFetch) => {
           headers,
           body: JSON.stringify(apiBody)
         })
-          .then((response) => {
+          .then(response => {
             status = response.status;
             return response.text();
           })
-          .then((resp) => {
+          .then(resp => {
             const respData = isLaunchpad ? resp : JSON.parse(resp);
             if (status === 401) {
-              throw new Error('Error occurred in authentication. Please regenerate using authenticate');
+              throw new Error(
+                'Error occurred in authentication. Please regenerate using authenticate'
+              );
               // console.log(accessTokenUri, refreshToken);
               /* TODO - Handle refresh_token */
             } else if (status === 200 || status === 201) {
-              console.log(chalk.bold.green(`Success : ${isLaunchpad ? respData : respData.message}`));
+              console.log(
+                chalk.bold.green(`Success : ${isLaunchpad ? respData : respData.message}`)
+              );
             } else {
               throw new Error(`${respData.message}`);
             }
           })
-          .catch((e) => {
+          .catch(e => {
             if (e.code === 'ECONNREFUSED') {
               // eslint-disable-next-line prefer-promise-reject-errors
-              Promise.reject(`${chalk.bold.red('Error occurred in authentication. Please regenerate using authenticate')}`);
+              Promise.reject(
+                `${chalk.bold.red(
+                  'Error occurred in authentication. Please regenerate using authenticate'
+                )}`
+              );
             } else if (status === 403) {
               // eslint-disable-next-line prefer-promise-reject-errors
-              Promise.reject(`${chalk.bold.red('Error forbidden: User does not have privileges to Publish.')}`);
+              Promise.reject(
+                `${chalk.bold.red('Error forbidden: User does not have privileges to Publish.')}`
+              );
             } else {
               // eslint-disable-next-line prefer-promise-reject-errors
               Promise.reject(`${chalk.bold.red(e)}`);

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

@@ -1,5 +1,5 @@
 import inquirer from 'inquirer';
-import Listr from 'listr';
+import { Listr } from 'listr2';
 import chalk from 'chalk';
 
 import validate from '../validator/index.js';

package/src/tasks/revert-webpack/index.js

@@ -1,31 +1,29 @@
 
 import fs from 'fs';
-import path from 'path';
-import { join } from 'path';
+import path, { join } from 'path';
 import { URL, fileURLToPath } from 'url';
+
 import chalk from 'chalk';
+import { up } from 'inquirer/lib/utils/readline.js';
 
 import {
   convertIntoPascalCase,
   showVersion
 } from '../../util.js';
-
 import {
   WEBPACK_CONFIG_JS_FILENAME,
   BUILDER_INDEX_FILE_PATH
 } from '../../constants.js';
-import build from '@pega/custom-dx-components/src/tasks/build/index.js';
-import { up } from 'inquirer/lib/utils/readline.js';
 
 
 
 export const renamePromotedWebPack = async () => {
 
   // call this function from top level
-  //fs.copyFileSync("./webpack.config.js", "webpack.config.js")
+  // fs.copyFileSync("./webpack.config.js", "webpack.config.js")
 
   const promoteWebPackDir = path.resolve(WEBPACK_CONFIG_JS_FILENAME);
-  const renamedPromoteWebPackDir = path.resolve(WEBPACK_CONFIG_JS_FILENAME + ".notused");
+  const renamedPromoteWebPackDir = path.resolve(`${WEBPACK_CONFIG_JS_FILENAME  }.notused`);
 
   try {
     fs.renameSync(promoteWebPackDir, renamedPromoteWebPackDir);

package/src/tasks/upgrade/index.js

@@ -1,7 +1,7 @@
 import { promisify } from 'util';
 import { exec } from 'child_process';
 
-import Listr from 'listr';
+import { Listr } from 'listr2';
 
 const execPromise = promisify(exec);