@pega/custom-dx-components 2.0.23 → 2.0.25

package/src/tasks/build/helper.js

@@ -1,123 +0,0 @@
-import fs from 'fs';
-import path from 'path';
-import https from 'https';
-
-import fetch from 'node-fetch';
-import AdmZip from 'adm-zip';
-import chalk from 'chalk';
-
-import {
-  constructCompleteUrl,
-  getComponentDirectoryPath,
-  getComponents,
-  getPegaServerConfig,
-  validateRulesetVersion
-} from '../../util.js';
-import { PUBLISH_COMPONENT_SERVICE_REST_ENDPOINT, TOKEN_PATH } from '../../constants.js';
-
-export const getPublishComponentQuestions = async () => {
-  const components = await getComponents();
-  const defaultPegaConfig = await getPegaServerConfig();
-
-  return [
-    {
-      name: 'componentKey',
-      type: 'rawlist',
-      message: 'Select component to build',
-      choices: components
-    },
-    {
-      name: 'sourceMap',
-      message: 'Generate source map ?',
-      default: defaultPegaConfig.sourceMap,
-      when: () => false && !process.env.SOURCE_MAP
-    },
-    {
-      name: 'devBuild',
-      message: 'Generate development build ?',
-      default: defaultPegaConfig.devBuild
-    }
-  ];
-};
-
-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`;
-
-  const zip = new AdmZip();
-
-  zip.addLocalFolder(srcDirectory, 'src/');
-  zip.addLocalFile(configJson);
-  zip.addLocalFolder(buildDirectory);
-  const zipContent = zip.toBuffer().toString('base64');
-
-  const configContent = Buffer.from(fs.readFileSync(`${srcDirectory}/config.json`)).toString();
-  fs.rmdir('dist', { recursive: true }, err => {
-    if (err) {
-      throw err;
-    }
-  });
-  return { zipContent, configContent };
-};
-
-export const publishComponentToServer = async data => {
-  const { configContent, zipContent, componentKey, rulesetName, rulesetVersion } = data;
-
-  const apiBody = {
-    configContent,
-    zipContent,
-    componentKey: JSON.parse(configContent).componentKey,
-    publishFor: 'constellation',
-    rulesetName,
-    rulesetVersion,
-    category: ''
-  };
-  const defaultPegaConfig = await getPegaServerConfig();
-  const url = constructCompleteUrl(
-    defaultPegaConfig.server,
-    PUBLISH_COMPONENT_SERVICE_REST_ENDPOINT
-  );
-  try {
-    const OauthData = fs.readFileSync(TOKEN_PATH, 'utf8');
-    if (OauthData) {
-      const {
-        access_token: accessToken,
-        token_type: tokenType,
-        refresh_token: refreshToken
-      } = JSON.parse(OauthData);
-      let status = 500;
-      fetch(url, {
-        method: 'POST',
-        agent: new https.Agent({ rejectUnauthorized: false }),
-        headers: {
-          Authorization: `${tokenType} ${accessToken}`
-        },
-        body: JSON.stringify(apiBody)
-      })
-        .then(response => {
-          status = response.status;
-          return response.text();
-        })
-        .then(resp => {
-          const respData = JSON.parse(resp);
-          if (status === 401) {
-            throw new Error(
-              'Error occured in authentication. Please regenerate using authenticate'
-            );
-            // console.log(accessTokenUri, refreshToken);
-            /* TODO - Handle refresh_token */
-          } else if (status == 200) {
-            console.log(chalk.bold.green(`Success : ${respData.message}`));
-          } else {
-            throw new Error(`${respData.message}`);
-          }
-        })
-        .catch(e => Promise.reject(`${chalk.bold.red(e)}`));
-    } else {
-      throw new Error(`Error occured in authentication. Please regenerate using authenticate`);
-    }
-  } catch (err) {
-    throw new Error(`Error occured in authentication. Please regenerate using authenticate`);
-  }
-};

package/src/tasks/build/index.js

@@ -1,54 +0,0 @@
-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 { getPublishComponentQuestions, publishComponentToServer, zipComponent } from './helper.js';
-import { getComponentDirectoryPath, showVersion } from '../../util.js';
-
-export default async options => {
-  showVersion();
-
-  const questions = await getPublishComponentQuestions();
-  const answers = await inquirer.prompt(questions);
-  const { componentKey, sourceMap, devBuild } = answers;
-
-  let content = {
-    ...answers
-  };
-
-  const tasks = 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),
-        skip: () => (options.skipBundle ? 'Skipped bundling component' : undefined)
-      }
-    ],
-    {
-      exitOnError: true
-    }
-  );
-
-  await tasks.run().catch(err => {
-    console.log(chalk.bold.red(err.toString()));
-  });
-  return true;
-};

package/src/tasks/create/templates/Constellation/Field/Boolean/mock.stories.js.mustache

@@ -1,21 +0,0 @@
-export const configProps = {
-  value: true,
-  label: 'Boolean label',
-  helperText: 'Test helper text',
-  caption: 'Boolean caption',
-  validatemessage: '',
-  hideLabel: false,
-  testId: '12345678',
-  additionalProps: {},
-  displayMode: '',
-  variant: '',
-  trueLabel: 'True',
-  falseLabel: 'False',
-  disabled: false,
-  readOnly: false,
-  required: true
-};
-
-export const stateProps = {
-  value: '.Test'
-};

package/src/tasks/create/templates/Constellation/Field/Date/DateFormatter.js.mustache

@@ -1,61 +0,0 @@
-import dayjs from 'dayjs';
-import relativeTime from 'dayjs/plugin/relativeTime';
-import localizedFormat from 'dayjs/plugin/localizedFormat';
-import utc from 'dayjs/plugin/utc';
-import tzone from 'dayjs/plugin/timezone';
-
-dayjs.extend(relativeTime);
-dayjs.extend(localizedFormat);
-dayjs.extend(utc);
-dayjs.extend(tzone);
-
-const types = ['fromNow', 'customFormat'];
-
-
-
-// value should be in ISO 8601 format.
-function DateFormatter(
-  value,
-  { type = types[1], format = "DD/MM/YYYY", timezone } = {}
-) {
-  if (!value) return value;
-  switch (type) {
-    case types[1]:
-      if (timezone) return dayjs(value).tz(timezone).format(format);
-      return dayjs(value).format(format);
-    case types[0]:
-      return dayjs(value).from(dayjs());
-    default:
-      return value;
-  }
-}
-
-// value should be in hh:mm:ss format (00:00:00 - 23:59:59).
-function TimeFormatter(value, options) {
-  if (!value) return value;
-  const { locale = "en-US" } = options;
-  const timeOnlyRegex = /^(?:[01]\d|2[0123]):(?:[012345]\d):(?:[012345]\d)$/;
-  if (value.length === 8 && timeOnlyRegex.test(value)) {
-    const tempDate = new Date();
-    const hours = parseInt(value.substr(0, 2), 10);
-    const minutes = parseInt(value.substr(3, 2), 10);
-    const seconds = parseInt(value.substr(6, 2), 10);
-    tempDate.setHours(hours);
-    tempDate.setMinutes(minutes);
-    tempDate.setSeconds(seconds);
-    return tempDate.toLocaleTimeString(locale);
-  }
-  return DateFormatter(value, options);
-}
-
-export default {
-  Date: (value, options) => DateFormatter(value, { type: 'customFormat', ...options }),
-  'Date-Time-Default': (value, options) =>
-    DateFormatter(value, { ...options, type: 'customFormat', format: 'lll' }),
-  'Time-Default': (value, options) =>
-    TimeFormatter(value, {
-      ...options,
-      type: 'customFormat',
-      format: 'hh:mm A'
-    })
-};

package/src/tasks/create/templates/Constellation/Field/Date/FormattedText.jsx.mustache

@@ -1,41 +0,0 @@
-import { FieldValueList } from '@pega/cosmos-react-core';
-import PropTypes from 'prop-types';
-
-import { format } from './date.js';
-
-export default function FormattedText(props) {
-  const { formatType, label, value, testId, hideLabel, variant, additionalProps } = props;
-
-  let text = value;
-
-  text = format(text, formatType, additionalProps);
-
-  const fields = [
-    {
-      id: label.toLowerCase(),
-      name: hideLabel ? '' : label,
-      value: text
-    }
-  ];
-  return <FieldValueList variant={variant} fields={fields} data-testid={testId} />;
-}
-
-FormattedText.defaultProps = {
-  formatType: 'none',
-  variant: 'stacked',
-  value: undefined,
-  label: '',
-  testId: null,
-  hideLabel: false,
-  additionalProps: {}
-};
-
-FormattedText.propTypes = {
-  formatType: PropTypes.string,
-  variant: PropTypes.oneOf(['inline', 'stacked']),
-  value: PropTypes.oneOfType([PropTypes.string, PropTypes.number, PropTypes.bool]),
-  label: PropTypes.string,
-  testId: PropTypes.string,
-  additionalProps: PropTypes.objectOf(PropTypes.any),
-  hideLabel: PropTypes.bool
-};

package/src/tasks/create/templates/Constellation/Field/Date/mock.stories.js.mustache

@@ -1,23 +0,0 @@
-export const configProps = {
-  value: '2023-01-31T12:23:00.000Z',
-  validatemessage: '',
-  label: 'Date Label',
-  hideLabel: false,
-  helperText: 'Date helper text',
-  nextYearRange: '10',
-  previousYearRange: '10',
-  showWeekNumber: true,
-  testId: '12345678',
-  showAsFormattedText: true,
-  additionalProps: {},
-  displayMode: '',
-  variant: '',
-  hasSuggestions: false,
-  readOnly: false,
-  required: false,
-  disabled: false
-};
-
-export const stateProps = {
-  value: '.DateLabel'
-};

package/src/tasks/create/templates/Constellation/Field/DateTime/mock.stories.js.mustache

@@ -1,23 +0,0 @@
-export const configProps = {
-  value: '2023-01-24T16:45:00.000Z',
-  validatemessage: '',
-  label: 'DateTime Label',
-  hideLabel: false,
-  helperText: 'DateTime helper text',
-  withSeconds: false,
-  nextYearRange: '10',
-  previousYearRange: '5',
-  showWeekNumber: false,
-  testId: '12345678',
-  additionalProps: {},
-  displayMode: '',
-  variant: '',
-  hasSuggestions: false,
-  readOnly: false,
-  required: false,
-  disabled: false
-};
-
-export const stateProps = {
-  value: '.DateTimeLabel'
-};

package/src/tasks/create/templates/Constellation/Field/Decimal/mock.stories.js.mustache

@@ -1,21 +0,0 @@
-export const configProps = {
-  value: '',
-  label: 'Decimal Sample',
-  showGroupSeparators: true,
-  placeholder: 'Decimal Placeholder',
-  helperText: 'Decimal Helper Text',
-  testId: 'decimal-12345678',
-  hasSuggestions: false
-};
-
-export const stateProps = {
-  value: '.DecimalSample',
-  hasSuggestions: false
-};
-
-export const fieldMetadata = {
-  classID: 'DIXL-MediaCo-Work-NewService',
-  type: 'Decimal',
-  displayAs: 'pxNumber',
-  label: 'Decimal sample'
-};

package/src/tasks/create/templates/Constellation/Field/Decimal-Currency/mock.stories.js.mustache

@@ -1,23 +0,0 @@
-export const configProps = {
-  value: '',
-  label: 'Currency Sample',
-  currencyISOCode: 'USD',
-  allowDecimals: true,
-  alwaysShowISOCode: true,
-  placeholder: 'Currency Placeholder',
-  helperText: 'Currency Helper Text',
-  testId: 'currency-12345678',
-  hasSuggestions: false
-};
-
-export const stateProps = {
-  value: '.CurrencySample',
-  hasSuggestions: false
-};
-
-export const fieldMetadata = {
-  classID: 'DIXL-MediaCo-Work-NewService',
-  type: 'Decimal',
-  displayAs: 'pxCurrency',
-  label: 'Currency sample'
-};

package/src/tasks/create/templates/Constellation/Field/Decimal-Percentage/mock.stories.js.mustache

@@ -1,21 +0,0 @@
-export const configProps = {
-  value: '',
-  label: 'Percentage Sample',
-  showGroupSeparators: true,
-  placeholder: 'Percentage Placeholder',
-  helperText: 'Percentage Helper Text',
-  testId: 'percentage-12345678',
-  hasSuggestions: false
-};
-
-export const stateProps = {
-  value: '.PercentageSample',
-  hasSuggestions: false
-};
-
-export const fieldMetadata = {
-  classID: 'DIXL-MediaCo-Work-NewService',
-  type: 'Decimal',
-  displayAs: 'pxPercentage',
-  label: 'Percentage sample'
-};

package/src/tasks/create/templates/Constellation/Field/Integer/mock.stories.js.mustache

@@ -1,21 +0,0 @@
-export const configProps = {
-  value: '',
-  label: 'Integer Sample',
-  showGroupSeparators: true,
-  placeholder: 'Integer Placeholder',
-  helperText: 'Integer Helper Text',
-  testId: 'integer-12345678',
-  hasSuggestions: false
-};
-
-export const stateProps = {
-  value: '.IntegerSample',
-  hasSuggestions: false
-};
-
-export const fieldMetadata = {
-  classID: 'DIXL-MediaCo-Work-NewService',
-  type: 'Integer',
-  displayAs: 'pxInteger',
-  label: 'Integer sample'
-};

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

@@ -1,67 +0,0 @@
-export const configProps = {
-  value: '',
-  label: 'Picklist Sample',
-  placeholder: 'Select...',
-  listType: 'associated',
-  datasource: [
-    {
-      key: 'Option 1',
-      value: 'Option 1'
-    },
-    {
-      key: 'Option 2',
-      value: 'Option 2'
-    },
-    {
-      key: 'Option 3',
-      value: 'Option 3'
-    }
-  ],
-  helperText: 'Picklist Helper Text',
-  testId: 'picklist-12345678',
-  hasSuggestions: false
-};
-
-export const stateProps = {
-  value: '.PicklistSample',
-  placeholder: 'Select...',
-  datasource: '.PicklistSample',
-  hasSuggestions: false
-};
-
-export const rawMetadata = {
-  type: 'Dropdown',
-  config: {
-    value: '@P .PicklistSample',
-    label: '@L Picklist Sample',
-    placeholder: '@L Select...',
-    listType: 'associated',
-    datasource: '@ASSOCIATED .PicklistSample',
-    helperText: '@L Picklist Helper Text',
-    testId: 'picklist-12345678'
-  }
-};
-
-export const fieldMetadata = {
-  classID: 'DIXL-MediaCo-Work-NewService',
-  type: 'Text',
-  displayAs: 'pxDropdown',
-  label: 'Picklist sample',
-  datasource: {
-    tableType: 'PromptList',
-    records: [
-      {
-        key: 'Option 1',
-        value: 'Option 1'
-      },
-      {
-        key: 'Option 2',
-        value: 'Option 2'
-      },
-      {
-        key: 'Option 3',
-        value: 'Option 3'
-      }
-    ]
-  }
-};

package/src/tasks/create/templates/Constellation/Field/Text/mock.stories.js.mustache

@@ -1,13 +0,0 @@
-export const configProps = {
-  value: '',
-  label: 'Text Sample',
-  placeholder: 'Text Placeholder',
-  helperText: 'Text Helper Text',
-  testId: 'Text-12345678',
-  hasSuggestions: false
-};
-
-export const stateProps = {
-  value: '.TextSample',
-  hasSuggestions: false
-};

package/src/tasks/create/templates/Constellation/Field/Text-Email/mock.stories.js.mustache

@@ -1,22 +0,0 @@
-export const configProps = {
-  value: '',
-  label: 'Email Sample',
-  placeholder: 'Email Placeholder',
-  helperText: 'Email Helper Text',
-  testId: 'email-12345678',
-  hasSuggestions: false
-};
-
-export const stateProps = {
-  value: '.EmailSample',
-  hasSuggestions: false
-};
-
-export const fieldMetadata = {
-  classID: 'DIXL-MediaCo-Work-NewService',
-  type: 'Text',
-  maxLength: 256,
-  displayAs: 'pxEmail',
-  label: 'Email sample',
-  validateAs: 'ValidEmailAddress'
-};

package/src/tasks/create/templates/Constellation/Field/Text-Input/mock.stories.js.mustache

@@ -1,21 +0,0 @@
-export const configProps = {
-  value: '',
-  label: 'TextInput Sample',
-  placeholder: 'TextInput Placeholder',
-  helperText: 'TextInput Helper Text',
-  testId: 'TextInput-12345678',
-  hasSuggestions: false
-};
-
-export const stateProps = {
-  value: '.TextInputSample',
-  hasSuggestions: false
-};
-
-export const fieldMetadata = {
-  classID: 'DIXL-MediaCo-Work-NewService',
-  type: 'Text',
-  maxLength: 256,
-  displayAs: 'pxTextInput',
-  label: 'TextInput Sample'
-};

package/src/tasks/create/templates/Constellation/Field/Text-Paragraph/mock.stories.js.mustache

@@ -1,20 +0,0 @@
-export const configProps = {
-  value: '',
-  label: 'Paragraph Sample',
-  placeholder: 'Paragraph Placeholder',
-  helperText: 'Paragraph Helper Text',
-  testId: 'paragraph-12345678',
-  hasSuggestions: false
-};
-
-export const fieldMetadata = {
-  classID: 'DIXL-MediaCo-Work-NewService',
-  type: 'Text',
-  displayAs: 'pxTextArea',
-  label: 'Paragraph sample'
-};
-
-export const stateProps = {
-  value: '.ParagraphSample',
-  hasSuggestions: false
-};

package/src/tasks/create/templates/Constellation/Field/Text-Phone/mock.stories.js.mustache

@@ -1,37 +0,0 @@
-export const configProps = {
-  value: '',
-  label: 'Phone Sample',
-  datasource: {
-    source: [
-      {
-        value: '+1'
-      },
-      {
-        value: '+91'
-      },
-      {
-        value: '+48'
-      },
-      {
-        value: '+44'
-      }
-    ],
-    fields: {}
-  },
-  showCountryCode: true,
-  placeholder: 'Phone Placeholder',
-  helperText: 'Phone Helper Text',
-  testId: 'phone-12345678',
-  hasSuggestions: false
-};
-
-export const stateProps = {
-  value: '.PhoneSample',
-  datasource: {
-    source: 'D_pyCountryCallingCodeList.pxResults',
-    fields: {
-      value: '.pyCallingCode'
-    }
-  },
-  hasSuggestions: false
-};

package/src/tasks/create/templates/Constellation/Field/Text-URL/mock.stories.js.mustache

@@ -1,22 +0,0 @@
-export const configProps = {
-  value: '',
-  label: 'URL Sample',
-  placeholder: 'URL Placeholder',
-  helperText: 'URL Helper Text',
-  testId: 'url-12345678',
-  hasSuggestions: false
-};
-
-export const fieldMetadata = {
-  classID: 'DIXL-MediaCo-Work-NewService',
-  type: 'Text',
-  maxLength: 256,
-  displayAs: 'pxURL',
-  label: 'URL sample',
-  validateAs: 'pxIsValidURL'
-};
-
-export const stateProps = {
-  value: '.URLSample',
-  hasSuggestions: false
-};

package/src/tasks/create/templates/Constellation/Field/TimeofDay/mock.stories.js.mustache

@@ -1,20 +0,0 @@
-export const configProps = {
-  value: '13:30',
-  validatemessage: '',
-  label: 'TimeOfDay Label',
-  hideLabel: false,
-  helperText: 'TimeOfDay helper text',
-  withSeconds: false,
-  testId: '12345678',
-  additionalProps: {},
-  displayMode: '',
-  variant: '',
-  hasSuggestions: false,
-  readOnly: false,
-  required: false,
-  disabled: false
-};
-
-export const stateProps = {
-  value: '.TimeOfDayLabel'
-};