@pega/custom-dx-components 2.0.23 → 8.5.1

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

@@ -0,0 +1,79 @@
+import inquirer from 'inquirer';
+import Listr from 'listr';
+import chalk from 'chalk';
+
+import validate from '../validator/index.js';
+
+import bundleComponent from '../bundle/index.js';
+import lintComponent from '../linter/index.js';
+import { getBuildComponentQuestions, cleanUp } from './helper.js';
+import { getComponentDirectoryPath, showVersion, getComponentsObj } from '../../util.js';
+
+import { CATEGORY_CONSTELLATION } from '../../constants.js';
+
+
+export function getCustomTasks(componentKey, sourceMap, devBuild) {
+
+  const customTasks = new Listr(
+    [
+      {
+        title: 'Validate config schema',
+        task: async () => {
+          await validate(componentKey);
+        }
+      },
+      {
+        title: 'Lint component',
+        task: async () => {
+          const targetDirectory = await getComponentDirectoryPath(componentKey);
+          // console.log(`in buildComponent Lint component task: componentKey: ${componentKey} targetDirectory: ${targetDirectory}`);
+          await lintComponent(targetDirectory);
+        }
+      },
+      {
+        title: 'Bundle component',
+        task: async () => await bundleComponent(componentKey, sourceMap, devBuild),
+      }
+    ],
+    {
+      exitOnError: true
+    }
+  );
+
+  return customTasks;
+}
+
+
+
+
+export default async options => {
+  showVersion();
+
+  let category = CATEGORY_CONSTELLATION;
+
+  const components = await getComponentsObj();
+  const questions = await getBuildComponentQuestions();
+  const answers = await inquirer.prompt(questions);
+  const { sourceMap, devBuild } = answers;
+
+
+
+  var componentKey;
+
+
+  for (var index in components) {
+    componentKey = components[index].value;
+    console.log(chalk.bold.green("Building: " + components[index].name));
+
+    let myCustomTasks = getCustomTasks(componentKey, sourceMap, devBuild );
+
+    await myCustomTasks.run().catch(err => {
+        console.log(chalk.bold.red(err.toString()));
+    });
+  }
+
+
+  cleanUp();
+
+  return 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/config.json.mustache

@@ -37,6 +37,20 @@
       "name": "required",
       "label": "Required",
       "format": "REQUIRED"
+    },
+    {
+      "label": "Advanced",
+      "format": "GROUP",
+      "collapsible": true,
+      "properties": [
+        {
+          "name": "testId",
+          "label": "Test ID",
+          "format": "TEXT",
+          "ignorePattern": "[^-_\\p{N}\\p{L}]",
+          "includeAnnotations": false
+        }
+      ]
     }
   ],
   "defaultConfig": {

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