@pega/dx-component-builder-sdk 0.1.7 → 0.1.9

package/src/tasks/override/index.js

@@ -10,7 +10,7 @@ import ncp from 'ncp';
 import chalk from 'chalk';
 import { updateComponentMap  } from '../map/map.js';
 
-import { checkPathAccess, getTokenUrl, showVersion, getDirectoryFiles } from '../../util.js';
+import { checkPathAccess, getTokenUrl, showVersion, getDirectoryFiles, getPegaConfig } from '../../util.js';
 import {
   convertIntoPascalCase,
   compileMustacheTemplate,
@@ -39,9 +39,21 @@ const copyComponentTemplate = async options => {
 };
 
 
+const getListAvailableComponents = async (type) => {
+  const components = await getComponents(false, CATEGORY_OVERRIDE);
+  const fullList = COMPONENT_SCHEMA.overrideComponent[type];
+  let availList = [];
+  for (var el in fullList) {
+    if (components.includes(fullList[el].value)) {
+      availList.push(new inquirer.Separator("** " + fullList[el].name));
+    }
+    else {
+      availList.push(fullList[el]);
+    }
+  }
 
-
-
+  return availList;
+}
 
 
 const validateCompile = async (
@@ -52,8 +64,15 @@ const validateCompile = async (
   options
 ) => {
 
+  let pegaConfig =
+  await getPegaConfig();
+  let templateParentDir = "node_modules/@pega/react-sdk-overrides/lib";
+  if (pegaConfig['override-templates-path'] && pegaConfig['override-templates-path'] != "") {
+    templateParentDir = pegaConfig['override-templates-path'];
+  }
+
   // componentName has sub directory if components are in a sub directory of main "type"
-  const overrideDirectory = `node_modules/@pega/react-sdk-overrides/lib/${type}/${componentName}`;
+  const overrideDirectory = `${templateParentDir}/${type}/${componentName}`;
 
   await checkPathAccess(overrideDirectory);
 
@@ -130,6 +149,11 @@ export default async options => {
   let componentDefaults = await getComponentDefaults();
   componentDefaults.library = library;
 
+  const formsList = await getListAvailableComponents("forms");
+  const desList = await getListAvailableComponents("designSystemExtensions");
+  const templateList = await getListAvailableComponents("templates");
+  const widgetList = await getListAvailableComponents("widgets");
+  const infraList = await getListAvailableComponents("infra");
 
   const questions = [
     {
@@ -145,7 +169,8 @@ export default async options => {
       name: 'componentName',
       type: 'rawlist',
       message: 'Enter component to be overridden',
-      choices: COMPONENT_SCHEMA.overrideComponent.forms,
+      choices: formsList,
+      pageSize: 15,
       when(answers) {
         return answers.type === 'forms' || promptType === 'forms';
       }
@@ -154,7 +179,8 @@ export default async options => {
       name: 'componentName',
       type: 'rawlist',
       message: 'Enter component to be overridden',
-      choices: COMPONENT_SCHEMA.overrideComponent.designSystemExtensions,
+      choices: desList,
+      pageSize: 15,
       when(answers) {
         return answers.type === 'designSystemExtensions' || promptType === 'designSystemExtensions';
       }
@@ -163,7 +189,8 @@ export default async options => {
       name: 'componentName',
       type: 'rawlist',
       message: 'Enter component to be overridden',
-      choices: COMPONENT_SCHEMA.overrideComponent.infra,
+      choices: infraList,
+      pageSize: 15,
       when(answers) {
         return answers.type === 'infra'  || promptType === 'infra';
       }
@@ -172,7 +199,8 @@ export default async options => {
       name: 'componentName',
       type: 'rawlist',
       message: 'Enter component to be overridden',
-      choices: COMPONENT_SCHEMA.overrideComponent.templates,
+      choices: templateList,
+      pageSize: 15,
       when(answers) {
         return answers.type === 'templates' || promptType === 'templates';
       }
@@ -181,7 +209,8 @@ export default async options => {
       name: 'componentName',
       type: 'rawlist',
       message: 'Enter component to be overridden',
-      choices: COMPONENT_SCHEMA.overrideComponent.widgets,
+      choices: widgetList,
+      pageSize: 15,
       when(answers) {
         return answers.type === 'widgets'  || promptType === 'widgets';
       }

package/src/tasks/publish/helper.js

@@ -93,7 +93,15 @@ export const getPublishComponentQuestions = async (category) => {
 
 export const zipComponent = async (componentKey, category = CATEGORY_CUSTOM) => {
   const srcDirectory = await getComponentDirectoryPath(componentKey, category);
+
+  // build temp directory doesn't have sub folder
+  if (componentKey.indexOf("/") >=0) {
+    const arKey = componentKey.split("/");
+    componentKey = arKey[arKey.length - 1];
+  }
+
   const buildDirectory = await path.join(path.resolve(), 'dist/components', componentKey);
+
   const configJson = `${srcDirectory}/config.json`;
   const configExtJson = `${srcDirectory}/config-ext.json`;
 
@@ -148,7 +156,14 @@ export const zipComponent = async (componentKey, category = CATEGORY_CUSTOM) =>
 };
 
 export const publishComponentToServer = async data => {
-  const { configContent, zipContent, componentKey, rulesetName, rulesetVersion } = data;
+  const { configContent, zipContent, rulesetName, rulesetVersion } = data;
+  let { componentKey } = data;
+
+
+  if (componentKey.indexOf("/") >=0) {
+    const arKey = componentKey.split("/");
+    componentKey = arKey[arKey.length - 1];
+  }
 
   const apiBody = {
     configContent,

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

@@ -87,6 +87,13 @@ export const getPublishComponentQuestions = async () => {
 
 export const zipComponent = async (componentKey, category = CATEGORY_CUSTOM) => {
   const srcDirectory = await getComponentDirectoryPath(componentKey, category);
+
+  // build temp directory doesn't have sub folder
+  if (componentKey.indexOf("/") >=0) {
+    const arKey = componentKey.split("/");
+    componentKey = arKey[arKey.length - 1];
+  }
+
   const buildDirectory = await path.join(path.resolve(), 'dist/components', componentKey);
   const configJson = `${srcDirectory}/config.json`;
   const configExtJson = `${srcDirectory}/config-ext.json`;

package/src/tasks/create/templates/Constellation/Field/Picklist/picklist.js.mustache

@@ -1,43 +0,0 @@
-import {EmailDisplay, PhoneDisplay, URLDisplay } from "@pega/cosmos-react-core";
-
-export const formatExists = (formatterVal) => {
-    const formatterValues = [
-      "TextInput",
-      "WorkStatus",
-      "RichText",
-      "Email",
-      "Phone",
-      "URL",
-      "Operator"
-    ];
-    let isformatter = false;
-    if (formatterValues.includes(formatterVal)) {
-      isformatter = true;
-    }
-    return isformatter;
-  };
-
-
-export const textFormatter = (formatter,value) => {
-  let displayComponent = null;
-  switch(formatter){
-    case "TextInput" : {
-      displayComponent = value;
-      break;
-    }
-    case "Email" : {
-      displayComponent = (<EmailDisplay value={value} displayText={value} variant="link" />);
-      break;
-    }
-    case "Phone" : {
-      displayComponent = (<PhoneDisplay value={value} variant="link" />);
-      break;
-    }
-    case "URL" : {
-      displayComponent = (<URLDisplay target="_blank" value={value} displayText={value} variant="link" />);
-      break;
-    }
-    // no default
-  }
-  return displayComponent;
-};

package/src/tasks/create/templates/Constellation/Field/Text-Email/text-email.js.mustache

@@ -1,43 +0,0 @@
-import {EmailDisplay, PhoneDisplay, URLDisplay } from "@pega/cosmos-react-core";
-
-export const formatExists = (formatterVal) => {
-    const formatterValues = [
-      "TextInput",
-      "WorkStatus",
-      "RichText",
-      "Email",
-      "Phone",
-      "URL",
-      "Operator"
-    ];
-    let isformatter = false;
-    if (formatterValues.includes(formatterVal)) {
-      isformatter = true;
-    }
-    return isformatter;
-  };
-
-
-export const textFormatter = (formatter,value) => {
-  let displayComponent = null;
-  switch(formatter){
-    case "TextInput" : {
-      displayComponent = value;
-      break;
-    }
-    case "Email" : {
-      displayComponent = (<EmailDisplay value={value} displayText={value} variant="link" />);
-      break;
-    }
-    case "Phone" : {
-      displayComponent = (<PhoneDisplay value={value} variant="link" />);
-      break;
-    }
-    case "URL" : {
-      displayComponent = (<URLDisplay target="_blank" value={value} displayText={value} variant="link" />);
-      break;
-    }
-    // no default
-  }
-  return displayComponent;
-};

package/src/tasks/create/templates/Constellation/Field/Text-Input/text-input.js.mustache

@@ -1,43 +0,0 @@
-import {EmailDisplay, PhoneDisplay, URLDisplay } from "@pega/cosmos-react-core";
-
-export const formatExists = (formatterVal) => {
-    const formatterValues = [
-      "TextInput",
-      "WorkStatus",
-      "RichText",
-      "Email",
-      "Phone",
-      "URL",
-      "Operator"
-    ];
-    let isformatter = false;
-    if (formatterValues.includes(formatterVal)) {
-      isformatter = true;
-    }
-    return isformatter;
-  };
-
-
-export const textFormatter = (formatter,value) => {
-  let displayComponent = null;
-  switch(formatter){
-    case "TextInput" : {
-      displayComponent = value;
-      break;
-    }
-    case "Email" : {
-      displayComponent = (<EmailDisplay value={value} displayText={value} variant="link" />);
-      break;
-    }
-    case "Phone" : {
-      displayComponent = (<PhoneDisplay value={value} variant="link" />);
-      break;
-    }
-    case "URL" : {
-      displayComponent = (<URLDisplay target="_blank" value={value} displayText={value} variant="link" />);
-      break;
-    }
-    // no default
-  }
-  return displayComponent;
-};

package/src/tasks/create/templates/Constellation/Field/Text-Paragraph/text-paragraph.js.mustache

@@ -1,43 +0,0 @@
-import {EmailDisplay, PhoneDisplay, URLDisplay } from "@pega/cosmos-react-core";
-
-export const formatExists = (formatterVal) => {
-    const formatterValues = [
-      "TextInput",
-      "WorkStatus",
-      "RichText",
-      "Email",
-      "Phone",
-      "URL",
-      "Operator"
-    ];
-    let isformatter = false;
-    if (formatterValues.includes(formatterVal)) {
-      isformatter = true;
-    }
-    return isformatter;
-  };
-
-
-export const textFormatter = (formatter,value) => {
-  let displayComponent = null;
-  switch(formatter){
-    case "TextInput" : {
-      displayComponent = value;
-      break;
-    }
-    case "Email" : {
-      displayComponent = (<EmailDisplay value={value} displayText={value} variant="link" />);
-      break;
-    }
-    case "Phone" : {
-      displayComponent = (<PhoneDisplay value={value} variant="link" />);
-      break;
-    }
-    case "URL" : {
-      displayComponent = (<URLDisplay target="_blank" value={value} displayText={value} variant="link" />);
-      break;
-    }
-    // no default
-  }
-  return displayComponent;
-};

package/src/tasks/create/templates/Constellation/Field/Text-Phone/text-phone.js.mustache

@@ -1,43 +0,0 @@
-import {EmailDisplay, PhoneDisplay, URLDisplay } from "@pega/cosmos-react-core";
-
-export const formatExists = (formatterVal) => {
-    const formatterValues = [
-      "TextInput",
-      "WorkStatus",
-      "RichText",
-      "Email",
-      "Phone",
-      "URL",
-      "Operator"
-    ];
-    let isformatter = false;
-    if (formatterValues.includes(formatterVal)) {
-      isformatter = true;
-    }
-    return isformatter;
-  };
-
-
-export const textFormatter = (formatter,value) => {
-  let displayComponent = null;
-  switch(formatter){
-    case "TextInput" : {
-      displayComponent = value;
-      break;
-    }
-    case "Email" : {
-      displayComponent = (<EmailDisplay value={value} displayText={value} variant="link" />);
-      break;
-    }
-    case "Phone" : {
-      displayComponent = (<PhoneDisplay value={value} variant="link" />);
-      break;
-    }
-    case "URL" : {
-      displayComponent = (<URLDisplay target="_blank" value={value} displayText={value} variant="link" />);
-      break;
-    }
-    // no default
-  }
-  return displayComponent;
-};