@pega/dx-component-builder-sdk 0.1.34 → 0.1.36

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pega/dx-component-builder-sdk",
-  "version": "0.1.34",
+  "version": "0.1.36",
   "description": "Utility for building custom UI components",
   "bin": "./bin/index.js",
   "scripts": {

package/src/cli.js

@@ -16,6 +16,7 @@ import {
   overrideAllComponents,
   publishComponent,
   publishAllComponents,
+  renameComponent,
   updateComponent,
   validate,
   upgrade
@@ -31,6 +32,7 @@ const TASKS = {
   MAP_ALL: "mapAll",
   PUBLISH: 'publish',
   PUBLISH_ALL: 'publishAll',
+  RENAME: 'rename',
   LIST: 'list',
   VALIDATE_SCHEMA: 'validateSchema',
   UPDATE: 'update',
@@ -92,6 +94,10 @@ export default async (args = []) => {
       publishAllComponents(options);
       break;
     }
+    case TASKS.RENAME: {
+      renameComponent(options);
+      break;
+    }
     case TASKS.BUILD: {
       buildComponent(options);
       break;

package/src/tasks/authenticate/index.js

@@ -123,9 +123,12 @@ export default async options => {
   let bWriteUpdate = false;
   for (let i = 0; i < aProps.length; i += 1) {
     const prop = aProps[i];
-    if (serverConfig[prop] !== answers[prop]) {
-      // console.log(`property ${prop} changed from ${serverConfig[prop]} to ${answers[prop]}`);
-      serverConfig[prop] = answers[prop];
+    const configValue = serverConfig[prop];
+    const answerValue = answers[prop];
+    // Treat an empty serverConfig property value as same as an undefined answer response
+    if (configValue !== answerValue && !(configValue === '' && answerValue === undefined)) {
+      // console.log(`property ${prop} changed from ${configValue} to ${answerValue}`);
+      serverConfig[prop] = answerValue;
       if (prop !== 'password' || isPwdNonEmpty) {
         bWriteUpdate = true;
       }

package/src/tasks/create/templates/Constellation/field/Boolean/styles.js.mustache

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

package/src/tasks/create/templates/Constellation/field/Date/styles.js.mustache

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

package/src/tasks/create/templates/Constellation/field/DateTime/styles.js.mustache

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

package/src/tasks/create/templates/Constellation/field/Decimal/styles.js.mustache

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

package/src/tasks/create/templates/Constellation/field/Decimal-Currency/styles.js.mustache

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

package/src/tasks/create/templates/Constellation/field/Decimal-Percentage/styles.js.mustache

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

package/src/tasks/create/templates/Constellation/field/Integer/styles.js.mustache

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

package/src/tasks/create/templates/Constellation/field/Picklist/styles.js.mustache

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

package/src/tasks/create/templates/Constellation/field/Text/styles.js.mustache

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

package/src/tasks/create/templates/Constellation/field/Text-Email/styles.js.mustache

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

package/src/tasks/create/templates/Constellation/field/Text-Input/styles.js.mustache

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

package/src/tasks/create/templates/Constellation/field/Text-Paragraph/styles.js.mustache

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

package/src/tasks/create/templates/Constellation/field/Text-Phone/styles.js.mustache

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

package/src/tasks/create/templates/Constellation/field/Text-URL/styles.js.mustache

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

package/src/tasks/create/templates/Constellation/field/TimeofDay/styles.js.mustache

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

package/src/tasks/create/templates/Constellation/template/DETAILS/styles.js.mustache

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

package/src/tasks/create/templates/Constellation/template/DETAILS-region/styles.js.mustache

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

package/src/tasks/create/templates/Constellation/template/FORM/styles.js.mustache

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

package/src/tasks/create/templates/Constellation/template/FORM-region/index.jsx.mustache

@@ -19,13 +19,16 @@ export default function {{COMPONENT_CLASS_NAME}}(props) {
   gridContainer.cols = gridRepeat;
   gridContainer.alignItems = 'start';
 
+  const flexContainer = {direction: 'column'};
+  flexContainer.gap = 2;
+
   return (
     <Styled{{COMPONENT_CLASS_NAME}}Wrapper>
     {{! pick new delimiteres for mustache }}
     {{=<% %>=}}
       <Grid container={gridContainer}>
        {children.map((child, i) => (
-        <Flex container={{ direction: 'column'}} key={`r-${i + 1}`}>
+        <Flex container={flexContainer} key={`r-${i + 1}`}>
         {child}
         </Flex>
        ))}

package/src/tasks/create/templates/Constellation/template/FORM-region/styles.js.mustache

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

package/src/tasks/create/templates/Constellation/template/PAGE/styles.js.mustache

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

package/src/tasks/index.js

@@ -7,6 +7,7 @@ export { default as deleteAllComponents } from './delete-all/index.js';
 export { default as mapAllComponents } from './map-all/index.js';
 export { default as publishComponent } from './publish/index.js';
 export { default as publishAllComponents } from './publish-all/index.js';
+export { default as renameComponent } from './rename/index.js';
 export { default as listComponents } from './list/index.js';
 export { default as updateComponent } from './update/index.js';
 export { default as validate } from './validator/index.js';

package/src/tasks/map/map.js

@@ -33,9 +33,6 @@ export const updateComponentMap = async (componentKey, category = CATEGORY_CUSTO
 
   let mapData = fs.readFileSync(pegaLocalComponentMapPath, { encoding: 'utf8' });
 
-  let data = fs.readFileSync(pegaConfigJsonPath, { encoding: 'utf8' });
-  data = JSON.parse(data);
-
   let importComponent = join(COMPONENTS_DIRECTORY_PATH, categoryDirectory, componentKey);
   importComponent = "./".concat(importComponent);
 
@@ -77,9 +74,6 @@ export const deleteFromComponentMap = async (componentKey, category = CATEGORY_C
 
   let mapData = fs.readFileSync(pegaLocalComponentMapPath, { encoding: 'utf8' });
 
-  let data = fs.readFileSync(pegaConfigJsonPath, { encoding: 'utf8' });
-  data = JSON.parse(data);
-
   let importComponent = join(COMPONENTS_DIRECTORY_PATH, categoryDirectory, componentKey);
   importComponent = "./".concat(importComponent);
 
@@ -101,3 +95,23 @@ export const deleteFromComponentMap = async (componentKey, category = CATEGORY_C
 
 
 };
+
+export const renameComponentInMap = async (oldComponentKey, newComponentKey) =>  {
+  const pegaLocalComponentMapPath = path.join(path.resolve(), SDK_LOCAL_COMPONENT_MAP_FILENAME);
+
+  const oldComponentNameNoPrefix = removeComponentPrefix(oldComponentKey);
+  const oldComponentName = convertIntoPascalCase(oldComponentNameNoPrefix);
+
+  const newComponentNameNoPrefix = removeComponentPrefix(newComponentKey);
+  const newComponentName = convertIntoPascalCase(newComponentNameNoPrefix);
+
+  let mapData = fs.readFileSync(pegaLocalComponentMapPath, { encoding: 'utf8' });
+
+  if (mapData.indexOf(oldComponentName) >= 0) {
+    mapData = mapData.replaceAll(oldComponentName, newComponentName);
+    mapData = mapData.replaceAll(oldComponentNameNoPrefix, newComponentNameNoPrefix);
+    fs.writeFileSync(pegaLocalComponentMapPath, mapData, { encoding: 'utf8' });
+
+  }
+}
+

package/src/tasks/rename/index.js

@@ -0,0 +1,333 @@
+import path from 'path';
+import { URL, fileURLToPath } from 'url';
+import fs from 'fs';
+import { promisify } from 'util';
+import { join } from 'path';
+
+import inquirer from 'inquirer';
+import ncp from 'ncp';
+import chalk from 'chalk';
+
+import { checkPathAccess, showVersion, getComponentsObj, getDirectoryFiles } from '../../util.js';
+import { CATEGORY_CONSTELLATION, 
+  CATEGORY_CUSTOM,
+  SDK_CONFIG_JSON_FILENAME,
+  DXCB_CONFIG, 
+  DXCB_COMPONENT_DEFAULTS } from '../../constants.js';
+
+  import { renameComponentInMap  } from '../map/map.js';
+
+
+export const DXCB_CONFIG_INTERNAL_JSON_FILENAME = 'src/dxcb.config.json';
+
+const pegaConfigJsonPath = path.join(path.resolve(), SDK_CONFIG_JSON_FILENAME);
+
+
+import {
+  convertIntoPascalCase,
+  getComponentDirectoryPath,
+  getPegaConfig,
+  getComponentDefaults,
+  sanitize,
+  validateSemver
+} from '../../util.js';
+import { COMPONENT_SCHEMA } from '../../constants.js';
+
+const copy = promisify(ncp);
+
+
+export const updateConfig = async (
+  {
+    oldComponentKey,
+    newComponentKey,
+    library,
+    organization,
+    componentName,
+    componentLabel,
+    version,
+    description,
+    allowedApplications,
+    targetDirectory,
+  },
+  options,
+  onlyCompanion = false
+) => {
+  
+  let configData = fs.readFileSync(join(targetDirectory, "/config.json"), { encoding: 'utf8' });
+  configData = configData && JSON.parse(configData);
+
+  configData.name = newComponentKey;
+  configData.label = componentLabel;
+  configData.organization = organization;
+  if (configData.componentKey) configData.componentKey = newComponentKey;
+  configData.library = library;
+  configData.version = version;
+  configData.description = (description != '') ? description : componentLabel;
+  configData.allowedApplications = allowedApplications;
+
+  // stringify "4", makes the json string look like JSON in the file, formated instead of a single line
+  fs.writeFileSync(join(targetDirectory, "/config.json"), JSON.stringify(configData, null, 4), { encoding: 'utf8' });
+
+};
+
+export const updateFile = async (
+    fileName,
+    oldComponentKeyPC,
+    newComponentKeyPC,
+    targetDirectory,
+) => {
+
+  let fileData = fs.readFileSync(join(targetDirectory, "/", fileName), { encoding: 'utf8' });
+
+  if (fileData.indexOf(oldComponentKeyPC) >= 0) {
+    fileData = fileData.replaceAll(oldComponentKeyPC, newComponentKeyPC);
+
+    fs.writeFileSync(join(targetDirectory, "/", fileName), fileData, { encoding: 'utf8' });
+  }
+  
+};
+
+
+export const renameComponent = async (
+  {
+    library,
+    organization,
+    componentKey,
+    componentName,
+    componentLabel,
+    version,
+    description,
+    allowedApplications
+  },
+  options,
+  onlyCompanion = false
+) => {
+
+
+  let pegaConfig = await getPegaConfig();
+
+  const newComponentKey = `${organization}_${library}_${componentName}`;
+  const typeLC = componentKey.split("/")[0];
+  const oldComponentKey = componentKey.split("/")[1];
+  const newComponentKeyPC = convertIntoPascalCase(newComponentKey);
+  const oldComponentKeyPC = convertIntoPascalCase(oldComponentKey);
+
+  const currentDirectory = await getComponentDirectoryPath(componentKey);
+  const currentDirectoryConstellation = await getComponentDirectoryPath(componentKey, CATEGORY_CONSTELLATION);
+
+  const targetDirectory = await getComponentDirectoryPath(join(typeLC, "/",newComponentKey));
+  const targetDirectoryConstellation = await getComponentDirectoryPath(join(typeLC, "/",newComponentKey), CATEGORY_CONSTELLATION);
+
+  
+
+  // custom component
+  try {
+    fs.renameSync(currentDirectory, targetDirectory);
+  } catch(err) {
+    console.log(err)
+  }
+
+  const targetFileList = await getDirectoryFiles(targetDirectory);
+
+  for (var fileIndex in targetFileList) {
+    const fileName = targetFileList[fileIndex];
+
+    if (fileName === "config.json") {
+      await updateConfig(
+        { 
+          oldComponentKey,
+          newComponentKey,
+          componentName,
+          componentLabel,
+          library,
+          version,
+          description,
+          allowedApplications,
+          organization,
+          targetDirectory,
+        },
+        options
+      );
+    }
+    else {
+      await updateFile(
+          fileName, 
+          oldComponentKeyPC, 
+          newComponentKeyPC, 
+          targetDirectory );
+
+    }
+
+  } // for
+
+  // associated component
+  try {
+    fs.renameSync(currentDirectoryConstellation, targetDirectoryConstellation);
+  } catch(err) {
+    console.log(err)
+  }
+
+  const targetConstellationFileList = await getDirectoryFiles(targetDirectoryConstellation);
+
+  for (var fileIndex in targetConstellationFileList) {
+    const fileName = targetConstellationFileList[fileIndex];
+
+    await updateFile(
+        fileName, 
+        oldComponentKeyPC, 
+        newComponentKeyPC, 
+        targetDirectoryConstellation 
+    );
+
+  } // for
+
+  // update map
+  renameComponentInMap(oldComponentKey, newComponentKey);
+
+  console.log(chalk.green(`Component ${oldComponentKey} renamed to ${newComponentKey}`));
+
+};
+
+
+
+
+
+export default async options => {
+  showVersion();
+
+  await checkPathAccess(pegaConfigJsonPath);
+
+  let data = fs.readFileSync(pegaConfigJsonPath, { encoding: 'utf8' });
+  data = data && JSON.parse(data);
+
+  if (!data[DXCB_CONFIG] || !data[DXCB_CONFIG][DXCB_COMPONENT_DEFAULTS]) {
+    console.error(
+      `${chalk.red.bold('ERROR')} Could not able find component defaults in config.json`
+    );
+    process.exit(1);
+  }
+
+  const componentData = data[DXCB_CONFIG][DXCB_COMPONENT_DEFAULTS];
+
+  const { organization, library} = componentData;
+
+  let componentDefaults = await getComponentDefaults();
+  componentDefaults.library = library;
+
+  const localComponents = await getComponentsObj(true, CATEGORY_CUSTOM);
+
+
+  const questions = [
+    {
+      name: 'componentKey',
+      type: 'rawlist',
+      pageSize: 15,
+      message: 'Select component to rename',
+      choices: localComponents
+    },
+    {
+      name: 'componentName',
+      message: 'Enter new component name (required, no spaces)',
+      validate: value => {
+        /* value should not be empty
+        It should not have spaces
+        It should not start with a number
+        Only case-insensitive alphanumeric values are allowed
+      */
+        if (value && !/^\d/.test(value) && value === sanitize(value)) {
+          return true;
+        }
+        return 'Only alphanumeric values are allowed, starting with alphabets';
+      }
+    },
+    {
+      name: 'componentLabel',
+      message: 'Enter new component label for display (required)',
+      validate: value => {
+        if (value) {
+          return true;
+        }
+        return 'Please provide value for label';
+      }
+    },
+    {
+      name: 'organization',
+      message: 'Enter new component organization',
+      default: componentDefaults.organization,
+      validate: value => {
+        if (value) {
+          return true;
+        }
+        return 'Please provide value for organization';
+      }
+    },
+    {
+      name: 'version',
+      message: 'Enter new component version',
+      default: componentDefaults.version,
+      validate: value => {
+        if (validateSemver(value)) {
+          return true;
+        }
+        return 'Please provide semver compatible version e.g 0.0.1';
+      }
+    },
+    {
+      name: 'library',
+      message: 'Enter new library name (required)',
+      default: componentDefaults.library,
+      validate: value => {
+        /* value should not be empty
+          It should not have spaces
+          It should not start with a number
+          Only case-insensitive alphanumeric values are allowed
+        */
+        if (value && !/^\d/.test(value) && value === sanitize(value)) {
+          return true;
+        }
+        return 'Only alphanumeric values are allowed, starting with alphabets';
+      }
+    },
+    {
+      name: 'allowedApplications',
+      message: 'Please enter the application names to be supported (comma-separated). ',
+      suffix: 'Keep empty for all applications'
+    },
+    {
+      name: 'description',
+      message: 'Enter new description for the component (defaults to new label)',
+      default: componentDefaults.description,
+      /* if left blank and no defaults, mustache will use componentLabel, because description is used in app studio and
+      shouldn't be blank */
+    }
+  ];
+
+  await inquirer.prompt(questions).then(async answers => {
+    const {
+      componentKey,
+      componentName,
+      componentLabel,
+      organization,
+      library,
+      version,
+      description,
+      allowedApplications
+    } = answers;
+
+    await renameComponent(
+      { 
+        componentKey,
+        componentName,
+        componentLabel,
+        library,
+        version,
+        description,
+        allowedApplications,
+        organization
+      },
+      options
+    );
+    
+  });
+  
+};

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;
-  `;
-});