@pega/custom-dx-components 2.0.24 → 8.8.1

package/src/util.js

@@ -16,7 +16,13 @@ import {
   TOKEN_PATH,
   OOTB_COMPONENT_SERVICE_REST_ENDPOINT,
   DELETE_COMPONENT_SERVICE_REST_ENDPOINT,
-  OOTB_COMPONENTS
+  OOTB_COMPONENTS,
+  FIELD_PATH,
+  WIDGET_PATH,
+  TEMPLATE_PATH,
+  COMPONENT_PREFIX_FIELD_PATH,
+  COMPONENT_PREFIX_TEMPLATE_PATH,
+  COMPONENT_PREFIX_WIDGET_PATH
 } from './constants.js';
 
 const access = promisify(fs.access);
@@ -52,7 +58,7 @@ export const deleteLocalComponent = async componentKey => {
 
   const directory = join(currentDirectory, data[COMPONENTS_DIRECTORY_PATH], componentKey);
 
-  fs.rmdir(directory, { recursive: true }, err => {
+  fs.rm(directory, { recursive: true }, err => {
     if (err) {
       throw err;
     }
@@ -84,12 +90,23 @@ export const deleteServerComponent = async componentKey => {
       })
         .then(response => response.text())
         .then(resp => {
-          const respData = JSON.parse(resp);
+          let respData;
+          try {
+            respData = JSON.parse(resp);
+
+          }
+          catch (e) {
+            console.log(chalk.bold.redBright(`Failure : ${resp}`));
+            process.exit(1);
+          }
+
           if (respData.status == 200) {
             console.log(chalk.bold.green(`Success : ${respData.message}`));
           } else {
             throw new Error(`${respData.message}`);
           }
+
+
         })
         .catch(e => Promise.reject(`${chalk.bold.red(e)}`));
     }
@@ -98,6 +115,7 @@ export const deleteServerComponent = async componentKey => {
   }
 };
 
+
 export const getComponents = async () => {
   const currentDirectory = process.cwd();
   const pegaConfigJsonPath = join(currentDirectory, TASKS_CONFIG_JSON_FILENAME);
@@ -121,6 +139,51 @@ export const getComponents = async () => {
     .map(dirent => dirent.name);
 };
 
+
+
+
+export const getSubComponents = async (directory, type) => {
+
+  const subDirectory = join(directory, type);
+  return fs
+  .readdirSync(subDirectory, { withFileTypes: true })
+  .filter(dirent => dirent.isDirectory())
+  .map(dirent => dirent.name);
+}
+
+
+export const getDirectoryFiles = async (directory) => {
+  return fs
+  .readdirSync(directory, { withFileTypes: true })
+  .filter(dirent => !dirent.isDirectory())
+  .map(dirent => dirent.name);
+}
+
+
+export const getComponentsObj = async () => {
+
+  let compList = new Array();
+
+  //const componentList = await getDirectoryFiles(directory);
+  const componentList = await getComponents();
+
+
+  if (componentList.length > 0) {
+
+    compList.push(...componentList.map(
+      name => {
+        const container = {};
+        container.name = name;
+        container.value = name;
+
+        return container;
+      }
+    ));
+  }
+
+  return compList;
+}
+
 export const getPegaConfig = async () => {
   const currentDirectory = process.cwd();
   const pegaConfigJsonPath = join(currentDirectory, TASKS_CONFIG_JSON_FILENAME);

package/src/tasks/create/template/config.json.mustache

@@ -1,62 +0,0 @@
-{
-  "name": "{{COMPONENT_KEY}}",
-  "label": "{{COMPONENT_LABEL}}",
-  "description": "{{DESCRIPTION}}",
-  "organization": "{{ORGANIZATION}}",
-  "version": "{{VERSION}}",
-  "library": "{{LIBRARY}}",
-  "allowedApplications": {{{ALLOWEDAPPS}}},
-  "componentKey": "{{COMPONENT_KEY}}",
-  "type": "{{TYPE}}",
-  "subtype": {{{SUB_TYPE}}},
-  {{#IS_TEMPLATE}}
-  "icon": "images/pz-text-input-active.svg",
-  {{/IS_TEMPLATE}}
-  "properties": [
-    {
-      "name": "label",
-      "label": "Label value",
-      "format": "TEXT"
-    },
-    {
-      "name": "placeholder",
-      "label": "Placeholder",
-      "format": "TEXT"
-    },
-    {
-      "name": "visibility",
-      "label": "Visible",
-      "format": "VISIBILITY"
-    },
-    {
-      "name": "disabled",
-      "label": "Disabled",
-      "format": "DISABLED"
-    },
-    {
-      "name": "required",
-      "label": "Required",
-      "format": "REQUIRED"
-    }
-  ],
-  "defaultConfig": {
-    {{#IS_PICKLIST}}
-    "label": "@L $this.label",
-    "placeholder": "@L Select...",
-    "listType": "associated",
-    "datasource": "@ASSOCIATED .$this.name"
-    {{/IS_PICKLIST}}
-    {{#IS_BOOLEAN}}
-    "trueText": "True",
-    "falseText": "False"
-    {{/IS_BOOLEAN}}
-    {{#IS_PHONE}}
-    "datasource": {
-      "source": "@DATASOURCE D_pyCountryCallingCodeList.pxResults",
-      "fields": {
-        "value": "@P .pyCallingCode"
-      }
-    }
-    {{/IS_PHONE}}
-  }
-}

package/src/tasks/create/template/demo.stories.jsx.mustache

@@ -1,44 +0,0 @@
-import { useState } from 'react';
-import { withKnobs, text, boolean } from '@storybook/addon-knobs';
-
-import {{COMPONENT_CLASS_NAME}} from './index.jsx';
-
-export default {
-  title: '{{COMPONENT_CLASS_NAME}}',
-  decorators: [withKnobs],
-  component: {{COMPONENT_CLASS_NAME}}
-};
-
-export const base{{COMPONENT_CLASS_NAME}} = () => {
-  const [value, setValue] = useState('test value');
-
-  const props = {
-    getPConnect: () => {
-      return {
-        getActionsApi: () => {
-          return {
-            updateFieldValue: (propName, value) => {
-              setValue(value);
-            }
-          };
-        },
-        getStateProps: () => {
-          return { value: '.name' };
-        }
-      };
-    },
-    value,
-    placeholder: text('Placeholder', 'Test placeholder'),
-    disabled: boolean('Disabled', false),
-    readOnly: boolean('Disabled', false),
-    required: boolean('Disabled', false),
-    label: text('Label', 'Sample Label'),
-    testId: text('Test id', 'text-12344566')
-  };
-
-  return (
-    <>
-      <{{COMPONENT_CLASS_NAME}} {...props} />
-    </>
-  );
-};

package/src/tasks/create/template/index.jsx.mustache

@@ -1,55 +0,0 @@
-import PropTypes from 'prop-types';
-import { Input, Label } from '@pega/cosmos-react-core';
-
-import Styled{{COMPONENT_CLASS_NAME}}Wrapper from './styles';
-
-const {{COMPONENT_CLASS_NAME}} = props => {
-  const { getPConnect, value, placeholder, disabled, readOnly, required, label, testId } = props;
-
-  const pConn = getPConnect();
-  const actions = pConn.getActionsApi();
-  const propName = pConn?.getStateProps()?.value;
-
-  const handleOnChange = event => {
-    const { value: updatedValue } = event.target;
-    actions.updateFieldValue(propName, updatedValue);
-  };
-
-  return (
-    <Styled{{COMPONENT_CLASS_NAME}}Wrapper>
-      <Label>{label}</Label>
-      <Input
-        type='text'
-        value={value}
-        placeholder={placeholder}
-        disabled={disabled}
-        readOnly={readOnly}
-        required={required}
-        onChange={handleOnChange}
-        testId={testId}
-      />
-    </Styled{{COMPONENT_CLASS_NAME}}Wrapper>
-  );
-};
-
-{{COMPONENT_CLASS_NAME}}.defaultProps = {
-  value: '',
-  placeholder: '',
-  disabled: false,
-  readOnly: false,
-  required: false,
-  testId: null
-};
-
-{{COMPONENT_CLASS_NAME}}.propTypes = {
-  label: PropTypes.string,
-  value: PropTypes.string,
-  placeholder: PropTypes.string,
-  getPConnect: PropTypes.func.isRequired,
-  disabled: PropTypes.oneOfType([PropTypes.bool, PropTypes.string]),
-  readOnly: PropTypes.oneOfType([PropTypes.bool, PropTypes.string]),
-  required: PropTypes.oneOfType([PropTypes.bool, PropTypes.string]),
-  testId: PropTypes.string
-};
-
-export default {{COMPONENT_CLASS_NAME}};

package/src/tasks/create/template/styles.js.mustache

@@ -1,7 +0,0 @@
-import styled, { css } from 'styled-components';
-
-export default styled.div(() => {
-  return css`
-    margin: 8px 0;
-  `;
-});