npm - @pega/custom-dx-components - Versions diffs - 0.23.18 → 0.23.20 - Mend

@pega/custom-dx-components 0.23.18 → 0.23.20

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (343) hide show

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@pega/custom-dx-components",
-  "version": "0.23.18",
+  "version": "0.23.20",
   "description": "Utility for building custom UI components",
   "bin": "./bin/index.js",
   "scripts": {
@@ -18,6 +18,7 @@
     "@babel/core": "^7.23.3",
     "@babel/plugin-transform-class-properties": "^7.23.3",
     "@babel/preset-react": "^7.23.3",
+    "@pega/auth": "^0.1.1",
     "adm-zip": "^0.5.9",
     "ajv": "^8.12.0",
     "ajv-keywords": "^5.1.0",
@@ -39,7 +40,6 @@
     "mustache": "^4.2.0",
     "ncp": "^2.0.0",
     "node-fetch": "^3.2.10",
-    "open": "^8.4.2",
     "ora": "^6.1.2",
     "pascalcase": "^2.0.0",
     "postcss": "^8.4.16",
@@ -65,7 +65,7 @@
   ],
   "devDependencies": {
     "@babel/preset-env": "^7.23.3",
-    "@pega/configs": "^0.4.0",
+    "@pega/configs": "^0.5.3",
     "@pega/prettier-config": "^0.5.3",
     "@types/jest": "^29.5.3",
     "babel-jest": "^29.6.1",

package/src/tasks/authenticate/index.js CHANGED Viewed

@@ -5,8 +5,14 @@ import chalk from 'chalk';
 import inquirer from 'inquirer';
 import { checkPathAccess, showVersion } from '../../util.js';
-import { TOKEN_PATH, INF_TOKEN_URL_V1, INF_AUTHORIZE_URL_V1, LP_TOKEN_URL, LP_AUTHORIZE_URL } from '../../constants.js';
-import PegaAuth from '../../auth.js';
+import {
+  TOKEN_PATH,
+  INF_TOKEN_URL_V1,
+  INF_AUTHORIZE_URL_V1,
+  LP_TOKEN_URL,
+  LP_AUTHORIZE_URL
+} from '../../constants.js';
+import { PegaAuth } from '@pega/auth';
 import { getAuthQuestions } from './helper.js';
@@ -15,15 +21,27 @@ export const TASKS_CONFIG_JSON_FILENAME = 'tasks.config.json';
 const pegaConfigJsonPath = path.join(path.resolve(), TASKS_CONFIG_JSON_FILENAME);
 const server = null;
-const generateAccessToken = async (config) => {
+const generateAccessToken = async config => {
   let authSuccess = false;
-  const { serverType, authService, isolationId, grantType, clientId, clientSecret, user, password, legacyTLS } = config;
+  const {
+    serverType,
+    authService,
+    isolationId,
+    grantType,
+    clientId,
+    clientSecret,
+    user,
+    password,
+    legacyTLS
+  } = config;
   // Try to gracefully deal with missing trailing slashes for server (and later conditionally for redirectUri)
   const server = config.server.endsWith('/') ? config.server : `${config.server}/`;
   return new Promise((resolve, reject) => {
     const sTokenUri = `${server}${serverType === 'infinity' ? INF_TOKEN_URL_V1 : LP_TOKEN_URL}`;
-    const sAuthorizeUri = `${server}${serverType === 'infinity' ? INF_AUTHORIZE_URL_V1 : LP_AUTHORIZE_URL}`;
+    const sAuthorizeUri = `${server}${
+      serverType === 'infinity' ? INF_AUTHORIZE_URL_V1 : LP_AUTHORIZE_URL
+    }`;
     // console.log(`grantType: ${config.grantType}`);
     const browserAuthSuccessMarkup = `<div style="width: 300px; padding: 10px;">
     <svg xmlns="http://www. w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 311 68" version="1.1">
@@ -53,7 +71,9 @@ const generateAccessToken = async (config) => {
       grantType === 'authCode'
         ? {
             authorizeUri: sAuthorizeUri,
-            redirectUri: config.redirectUri.endsWith('/') ? config.redirectUri : `${config.redirectUri}/`,
+            redirectUri: config.redirectUri.endsWith('/')
+              ? config.redirectUri
+              : `${config.redirectUri}/`,
             cert: config.cert,
             key: config.key,
             winTitle: 'DX Component Dev',
@@ -70,6 +90,7 @@ const generateAccessToken = async (config) => {
       clientId,
       clientSecret,
       ignoreInvalidCerts: true,
+      useNodeFetch: true,
       ...authCodeConfig
     };
     if (legacyTLS) {
@@ -90,16 +111,18 @@ const generateAccessToken = async (config) => {
       const auth = new PegaAuth(authConfig);
       if (grantType === 'authCode') {
         console.log(
-          `${chalk.green('Awaiting authorization to complete (Ctrl-C to exit).  You may need to enter credentials within your default browser.')}`
+          `${chalk.green(
+            'Awaiting authorization to complete (Ctrl-C to exit).  You may need to enter credentials within your default browser.'
+          )}`
         );
       }
       // console.log(`authConfig: ${JSON.stringify(authConfig)}`);
       auth
         .login()
-        .then((token) => {
+        .then(token => {
           if (token?.token_type) {
-            fs.writeFile(TOKEN_PATH, JSON.stringify(token), (err) => {
+            fs.writeFile(TOKEN_PATH, JSON.stringify(token), err => {
               if (err) {
                 console.error(err);
                 return reject(authSuccess);
@@ -109,11 +132,15 @@ const generateAccessToken = async (config) => {
               return resolve(authSuccess);
             });
           } else {
-            console.log(`${chalk.bold.red(`Authentication failed:${JSON.stringify(token.errors ? token.errors : token)}`)}`);
+            console.log(
+              `${chalk.bold.red(
+                `Authentication failed:${JSON.stringify(token.errors ? token.errors : token)}`
+              )}`
+            );
             return reject(authSuccess);
           }
         })
-        .catch((e) => {
+        .catch(e => {
           console.log(`${chalk.bold.red(`Authentication failed:${e}`)}`);
           return reject(authSuccess);
         });
@@ -124,7 +151,7 @@ const generateAccessToken = async (config) => {
   });
 };
-export default async (options) => {
+export default async options => {
   let authOK = false;
   showVersion();
@@ -151,7 +178,18 @@ export default async (options) => {
   const answers = await inquirer.prompt(questions);
   const aAsked = answers.aAsked;
   delete answers.aAsked;
-  const aProps = ['serverType', 'server', 'isolationId', 'clientId', 'grantType', 'authService', 'redirectUri', 'clientSecret', 'user', 'password'];
+  const aProps = [
+    'serverType',
+    'server',
+    'isolationId',
+    'clientId',
+    'grantType',
+    'authService',
+    'redirectUri',
+    'clientSecret',
+    'user',
+    'password'
+  ];
   const isLaunchPad = answers.serverType === 'launchpad';
   let bWriteUpdate = false;
   for (let i = 0; i < aProps.length; i += 1) {
@@ -169,7 +207,9 @@ export default async (options) => {
   }
   // Update the askedOnce array based on askOnce criteria
   const aAskOnce = serverConfig.questions_askOnce ? serverConfig.questions_askOnce.split(',') : [];
-  const aAskedOnce = serverConfig.questions_askedOnce ? serverConfig.questions_askedOnce.split(',') : [];
+  const aAskedOnce = serverConfig.questions_askedOnce
+    ? serverConfig.questions_askedOnce.split(',')
+    : [];
   let bAskedOnceUpdated = false;
   for (let j = 0; j < aAsked.length; j += 1) {
     const prop = aAsked[j];
@@ -202,7 +242,7 @@ export default async (options) => {
     try {
       updCfg = JSON.stringify(data, null, 2);
       // console.log(`updated config: ${updCfg}`);
-      fs.writeFileSync(pegaConfigJsonPath, updCfg, (err) => {
+      fs.writeFileSync(pegaConfigJsonPath, updCfg, err => {
         if (err) throw err;
       });
     } catch (e) {}

package/src/tasks/bundle/builder/webpack.config.js CHANGED Viewed

@@ -316,6 +316,18 @@ export default (
         contextRegExp: /@pega\\cosmos-react-core\\lib\\components\\Icon$/
       }),
+      /* Ignore cosmos streamline-icons */
+      new webpack.IgnorePlugin({
+        resourceRegExp: /^\.\/streamline-icons$/,
+        contextRegExp: /@pega\/cosmos-react-core\/lib\/components\/Icon$/
+      }),
+      /* Ignore cosmos streamline-icons - windows */
+      new webpack.IgnorePlugin({
+        resourceRegExp: /^\.\/streamline-icons$/,
+        contextRegExp: /@pega\\cosmos-react-core\\lib\\components\\Icon$/
+      }),
       new webpack.optimize.LimitChunkCountPlugin({
         maxChunks: 1
       }),

package/src/tasks/create/templates/Constellation/Field/Boolean/boolean-format.js.mustache CHANGED Viewed

@@ -1,3 +1,4 @@
+/* eslint-disable import/no-relative-packages */
 import Boolean from "./Boolean";

package/src/tasks/create/templates/Constellation/Field/Boolean/demo.stories.jsx.mustache CHANGED Viewed

@@ -1,3 +1,6 @@
+/* eslint-disable import/no-relative-packages */
+/* eslint-disable storybook/prefer-pascal-case */
+/* eslint-disable react/jsx-no-useless-fragment */
 import { useState } from 'react';
 import { withKnobs } from '@storybook/addon-knobs';

package/src/tasks/create/templates/Constellation/Field/Boolean/index.jsx.mustache CHANGED Viewed

@@ -1,3 +1,4 @@
+/* eslint-disable import/no-relative-packages */
 import {
   Checkbox as CosmosCheckbox,
   CheckboxGroup,
@@ -144,7 +145,7 @@ const {{COMPONENT_CLASS_NAME}} = props => {
   variant: 'inline',
   displayValue: 'Yes/No',
   trueLabel: '',
-  falseLabel: '',
+  falseLabel: ''
 };
 {{COMPONENT_CLASS_NAME}}.propTypes = {

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

@@ -1,3 +1,5 @@
+/* eslint-disable storybook/default-exports */
+/* eslint-disable storybook/prefer-pascal-case */
 export const configProps = {
   value: true,
   label: 'Boolean label',

package/src/tasks/create/templates/Constellation/Field/Boolean/styles.js.mustache CHANGED Viewed

@@ -1,3 +1,4 @@
+/* eslint-disable import/no-relative-packages */
 // utilizing theming, comment out, if want individual style
 import styled from 'styled-components';
 import { Configuration } from '@pega/cosmos-react-core';

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

@@ -1,3 +1,4 @@
+/* eslint-disable import/no-relative-packages */
 import dayjs from 'dayjs';
 import relativeTime from 'dayjs/plugin/relativeTime.js';
 import localizedFormat from 'dayjs/plugin/localizedFormat.js';

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

@@ -1,3 +1,4 @@
+/* eslint-disable import/no-relative-packages */
 import { FieldValueList } from '@pega/cosmos-react-core';
 import PropTypes from 'prop-types';

package/src/tasks/create/templates/Constellation/Field/Date/date.js.mustache CHANGED Viewed

@@ -1,4 +1,6 @@
+/* eslint-disable import/no-relative-packages */
 /* eslint-disable no-undef */
+/* eslint-disable prefer-regex-literals */
 import dayjs from 'dayjs';
 import DateFormatter from './DateFormatter.js';

package/src/tasks/create/templates/Constellation/Field/Date/demo.stories.jsx.mustache CHANGED Viewed

@@ -1,3 +1,6 @@
+/* eslint-disable import/no-relative-packages */
+/* eslint-disable storybook/prefer-pascal-case */
+/* eslint-disable react/jsx-no-useless-fragment */
 import { withKnobs } from '@storybook/addon-knobs';
 import { configProps, stateProps } from './mock.stories';
 import {{COMPONENT_CLASS_NAME}} from './index.jsx';

package/src/tasks/create/templates/Constellation/Field/Date/index.jsx.mustache CHANGED Viewed

@@ -1,3 +1,4 @@
+/* eslint-disable import/no-relative-packages */
 /* eslint-disable no-undef */
 import { useEffect, useState } from 'react';
 import { DateInput, FieldValueList, DateTimeDisplay, Text,  } from '@pega/cosmos-react-core';

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

@@ -1,3 +1,5 @@
+/* eslint-disable storybook/default-exports */
+/* eslint-disable storybook/prefer-pascal-case */
 export const configProps = {
   value: '2023-01-31T12:23:00.000Z',
   validatemessage: '',

package/src/tasks/create/templates/Constellation/Field/Date/styles.js.mustache CHANGED Viewed

@@ -1,3 +1,4 @@
+/* eslint-disable import/no-relative-packages */
 // utilizing theming, comment out, if want individual style
 import styled from 'styled-components';
 import { Configuration } from '@pega/cosmos-react-core';

package/src/tasks/create/templates/Constellation/Field/DateTime/date-time.js.mustache CHANGED Viewed

@@ -1,3 +1,4 @@
+/* eslint-disable import/no-relative-packages */
 import dayjs from "dayjs";
 import relativeTime from 'dayjs/plugin/relativeTime.js';
 import localizedFormat from 'dayjs/plugin/localizedFormat.js';

package/src/tasks/create/templates/Constellation/Field/DateTime/date-utils.js.mustache CHANGED Viewed

@@ -1,3 +1,4 @@
+/* eslint-disable import/no-relative-packages */
 /* eslint-disable no-undef */
 import dayjs from "dayjs";
 import relativeTime from 'dayjs/plugin/relativeTime.js';

package/src/tasks/create/templates/Constellation/Field/DateTime/date.js.mustache CHANGED Viewed

@@ -1,3 +1,4 @@
+/* eslint-disable import/no-relative-packages */
 /* eslint-disable no-undef */
 import dayjs from 'dayjs';
 import relativeTime from 'dayjs/plugin/relativeTime.js';

package/src/tasks/create/templates/Constellation/Field/DateTime/demo.stories.jsx.mustache CHANGED Viewed

@@ -1,3 +1,6 @@
+/* eslint-disable import/no-relative-packages */
+/* eslint-disable storybook/prefer-pascal-case */
+/* eslint-disable react/jsx-no-useless-fragment */
 import { withKnobs } from '@storybook/addon-knobs';
 import { configProps, stateProps } from './mock.stories';
 import {{COMPONENT_CLASS_NAME}} from './index.jsx';

package/src/tasks/create/templates/Constellation/Field/DateTime/index.jsx.mustache CHANGED Viewed

@@ -1,3 +1,4 @@
+/* eslint-disable import/no-relative-packages */
 /* eslint-disable no-undef */
 import { useEffect, useState } from 'react';
 import { DateTimeInput, FieldValueList, DateTimeDisplay, Text } from "@pega/cosmos-react-core";

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

@@ -1,3 +1,5 @@
+/* eslint-disable storybook/default-exports */
+/* eslint-disable storybook/prefer-pascal-case */
 export const configProps = {
   value: '2023-01-24T16:45:00.000Z',
   validatemessage: '',

package/src/tasks/create/templates/Constellation/Field/DateTime/styles.js.mustache CHANGED Viewed

@@ -1,3 +1,4 @@
+/* eslint-disable import/no-relative-packages */
 // utilizing theming, comment out, if want individual style
 import styled from 'styled-components';
 import { Configuration } from '@pega/cosmos-react-core';

package/src/tasks/create/templates/Constellation/Field/Decimal/demo.stories.jsx.mustache CHANGED Viewed

@@ -1,3 +1,6 @@
+/* eslint-disable import/no-relative-packages */
+/* eslint-disable storybook/prefer-pascal-case */
+/* eslint-disable react/jsx-no-useless-fragment */
 import { withKnobs } from '@storybook/addon-knobs';
 import { configProps, fieldMetadata, stateProps } from './mock.stories.js';

package/src/tasks/create/templates/Constellation/Field/Decimal/index.jsx.mustache CHANGED Viewed

@@ -1,3 +1,4 @@
+/* eslint-disable import/no-relative-packages */
 import { useState, useEffect, useRef } from 'react';
 import { NumberInput, NumberDisplay, CurrencyDisplay, FieldValueList, Text } from '@pega/cosmos-react-core';
 import PropTypes from 'prop-types';

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

@@ -1,3 +1,5 @@
+/* eslint-disable storybook/default-exports */
+/* eslint-disable storybook/prefer-pascal-case */
 export const configProps = {
   value: '',
   label: 'Decimal Sample',

package/src/tasks/create/templates/Constellation/Field/Decimal/styles.js.mustache CHANGED Viewed

@@ -1,3 +1,4 @@
+/* eslint-disable import/no-relative-packages */
 // utilizing theming, comment out, if want individual style
 import styled from 'styled-components';
 import { Configuration } from '@pega/cosmos-react-core';

package/src/tasks/create/templates/Constellation/Field/Decimal-Currency/demo.stories.jsx.mustache CHANGED Viewed

@@ -1,3 +1,6 @@
+/* eslint-disable import/no-relative-packages */
+/* eslint-disable storybook/prefer-pascal-case */
+/* eslint-disable react/jsx-no-useless-fragment */
 import { withKnobs } from '@storybook/addon-knobs';
 import { configProps, fieldMetadata, stateProps } from './mock.stories.js';

package/src/tasks/create/templates/Constellation/Field/Decimal-Currency/index.jsx.mustache CHANGED Viewed

@@ -1,3 +1,4 @@
+/* eslint-disable import/no-relative-packages */
 import { useState, useEffect } from 'react';
 import {
   CurrencyInput as CosmosCurrency,
@@ -263,8 +264,7 @@ const {{COMPONENT_CLASS_NAME}} = props => {
   currencyDecimalPrecision: 'auto',
   isTableFormatter: false,
   alwaysShowISOCode: false,
-  hasSuggestions: false,
-  fieldMetadata: {}
+  hasSuggestions: false
 };
 {{COMPONENT_CLASS_NAME}}.propTypes = {

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

@@ -1,3 +1,5 @@
+/* eslint-disable storybook/default-exports */
+/* eslint-disable storybook/prefer-pascal-case */
 export const configProps = {
   value: '',
   label: 'Currency Sample',

package/src/tasks/create/templates/Constellation/Field/Decimal-Currency/styles.js.mustache CHANGED Viewed

@@ -1,3 +1,4 @@
+/* eslint-disable import/no-relative-packages */
 // utilizing theming, comment out, if want individual style
 import styled from 'styled-components';
 import { Configuration } from '@pega/cosmos-react-core';

package/src/tasks/create/templates/Constellation/Field/Decimal-Percentage/demo.stories.jsx.mustache CHANGED Viewed

@@ -1,3 +1,6 @@
+/* eslint-disable import/no-relative-packages */
+/* eslint-disable storybook/prefer-pascal-case */
+/* eslint-disable react/jsx-no-useless-fragment */
 import { withKnobs } from '@storybook/addon-knobs';
 import { configProps, stateProps, fieldMetadata } from './mock.stories.js';

package/src/tasks/create/templates/Constellation/Field/Decimal-Percentage/index.jsx.mustache CHANGED Viewed

@@ -1,3 +1,4 @@
+/* eslint-disable import/no-relative-packages */
 import { useState, useEffect, useRef } from 'react';
 import {
   NumberInput,

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

@@ -1,3 +1,5 @@
+/* eslint-disable storybook/default-exports */
+/* eslint-disable storybook/prefer-pascal-case */
 export const configProps = {
   value: '',
   label: 'Percentage Sample',

package/src/tasks/create/templates/Constellation/Field/Decimal-Percentage/styles.js.mustache CHANGED Viewed

@@ -1,3 +1,4 @@
+/* eslint-disable import/no-relative-packages */
 // utilizing theming, comment out, if want individual style
 import styled from 'styled-components';
 import { Configuration } from '@pega/cosmos-react-core';

package/src/tasks/create/templates/Constellation/Field/Integer/demo.stories.jsx.mustache CHANGED Viewed

@@ -1,3 +1,6 @@
+/* eslint-disable import/no-relative-packages */
+/* eslint-disable storybook/prefer-pascal-case */
+/* eslint-disable react/jsx-no-useless-fragment */
 import { withKnobs } from '@storybook/addon-knobs';
 import { stateProps, configProps, fieldMetadata } from './mock.stories';

package/src/tasks/create/templates/Constellation/Field/Integer/index.jsx.mustache CHANGED Viewed

@@ -1,3 +1,4 @@
+/* eslint-disable import/no-relative-packages */
 import { useState, useEffect, useRef } from 'react';
 import { NumberInput, NumberDisplay, Slider, FieldValueList, CurrencyDisplay, Text } from '@pega/cosmos-react-core';
 import PropTypes from 'prop-types';

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

@@ -1,3 +1,5 @@
+/* eslint-disable storybook/default-exports */
+/* eslint-disable storybook/prefer-pascal-case */
 export const configProps = {
   value: '',
   label: 'Integer Sample',

package/src/tasks/create/templates/Constellation/Field/Integer/styles.js.mustache CHANGED Viewed

@@ -1,3 +1,4 @@
+/* eslint-disable import/no-relative-packages */
 // utilizing theming, comment out, if want individual style
 import styled from 'styled-components';
 import { Configuration } from '@pega/cosmos-react-core';

package/src/tasks/create/templates/Constellation/Field/Picklist/demo.stories.jsx.mustache CHANGED Viewed

@@ -1,3 +1,6 @@
+/* eslint-disable import/no-relative-packages */
+/* eslint-disable storybook/prefer-pascal-case */
+/* eslint-disable react/jsx-no-useless-fragment */
 import { useState } from 'react';
 import { withKnobs } from '@storybook/addon-knobs';

package/src/tasks/create/templates/Constellation/Field/Picklist/index.jsx.mustache CHANGED Viewed

@@ -1,3 +1,4 @@
+/* eslint-disable import/no-relative-packages */
 import { useState, useEffect, useRef } from 'react';
 import { Select, Option, FieldValueList, Text } from '@pega/cosmos-react-core';
 import PropTypes from 'prop-types';

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

@@ -1,3 +1,5 @@
+/* eslint-disable storybook/default-exports */
+/* eslint-disable storybook/prefer-pascal-case */
 export const configProps = {
   value: '',
   label: 'Picklist Sample',

package/src/tasks/create/templates/Constellation/Field/Picklist/styles.js.mustache CHANGED Viewed

@@ -1,3 +1,4 @@
+/* eslint-disable import/no-relative-packages */
 // utilizing theming, comment out, if want individual style
 import styled from 'styled-components';
 import { Configuration } from '@pega/cosmos-react-core';

package/src/tasks/create/templates/Constellation/Field/Text/demo.stories.jsx.mustache CHANGED Viewed

@@ -1,3 +1,6 @@
+/* eslint-disable import/no-relative-packages */
+/* eslint-disable storybook/prefer-pascal-case */
+/* eslint-disable react/jsx-no-useless-fragment */
 import { useState } from 'react';
 import { withKnobs } from '@storybook/addon-knobs';

package/src/tasks/create/templates/Constellation/Field/Text/index.jsx.mustache CHANGED Viewed

@@ -1,3 +1,4 @@
+/* eslint-disable import/no-relative-packages */
 import PropTypes from 'prop-types';
 import { Input } from '@pega/cosmos-react-core';

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

@@ -1,3 +1,5 @@
+/* eslint-disable storybook/default-exports */
+/* eslint-disable storybook/prefer-pascal-case */
 export const configProps = {
   value: '',
   label: 'Text Sample',

package/src/tasks/create/templates/Constellation/Field/Text/styles.js.mustache CHANGED Viewed

@@ -1,3 +1,4 @@
+/* eslint-disable import/no-relative-packages */
 // utilizing theming, comment out, if want individual style
 import styled from 'styled-components';
 import { Configuration } from '@pega/cosmos-react-core';

package/src/tasks/create/templates/Constellation/Field/Text-Email/demo.stories.jsx.mustache CHANGED Viewed

@@ -1,3 +1,6 @@
+/* eslint-disable import/no-relative-packages */
+/* eslint-disable storybook/prefer-pascal-case */
+/* eslint-disable react/jsx-no-useless-fragment */
 import { withKnobs } from '@storybook/addon-knobs';
 import {{COMPONENT_CLASS_NAME}} from './index.jsx';

package/src/tasks/create/templates/Constellation/Field/Text-Email/index.jsx.mustache CHANGED Viewed

@@ -1,3 +1,4 @@
+/* eslint-disable import/no-relative-packages */
 import { useState, useEffect, useRef } from 'react';
 import { Input, EmailDisplay, FieldValueList, Text, URLDisplay, PhoneDisplay } from '@pega/cosmos-react-core';
 import PropTypes from 'prop-types';

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

@@ -1,3 +1,5 @@
+/* eslint-disable storybook/default-exports */
+/* eslint-disable storybook/prefer-pascal-case */
 export const configProps = {
   value: '',
   label: 'Email Sample',

package/src/tasks/create/templates/Constellation/Field/Text-Email/styles.js.mustache CHANGED Viewed

@@ -1,3 +1,4 @@
+/* eslint-disable import/no-relative-packages */
 // utilizing theming, comment out, if want individual style
 import styled from 'styled-components';
 import { Configuration } from '@pega/cosmos-react-core';

package/src/tasks/create/templates/Constellation/Field/Text-Input/StatusWork.jsx CHANGED Viewed

@@ -1,3 +1,4 @@
+/* eslint-disable import/no-relative-packages */
 import { Status } from "@pega/cosmos-react-core";
 export default function StatusWorkRenderer({ value }) {

package/src/tasks/create/templates/Constellation/Field/Text-Input/demo.stories.jsx.mustache CHANGED Viewed

@@ -1,3 +1,6 @@
+/* eslint-disable import/no-relative-packages */
+/* eslint-disable storybook/prefer-pascal-case */
+/* eslint-disable react/jsx-no-useless-fragment */
 import { withKnobs } from '@storybook/addon-knobs';
 import {{COMPONENT_CLASS_NAME}} from './index.jsx';

package/src/tasks/create/templates/Constellation/Field/Text-Input/index.jsx.mustache CHANGED Viewed

@@ -1,3 +1,4 @@
+/* eslint-disable import/no-relative-packages */
 import { useEffect, useState, useRef } from 'react';
 import { Input, FieldValueList, Text, EmailDisplay, PhoneDisplay, URLDisplay } from '@pega/cosmos-react-core';
 import PropTypes from 'prop-types';

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

@@ -1,3 +1,5 @@
+/* eslint-disable storybook/default-exports */
+/* eslint-disable storybook/prefer-pascal-case */
 export const configProps = {
   value: '',
   label: 'TextInput Sample',

package/src/tasks/create/templates/Constellation/Field/Text-Input/styles.js.mustache CHANGED Viewed

@@ -1,3 +1,4 @@
+/* eslint-disable import/no-relative-packages */
 // utilizing theming, comment out, if want individual style
 import styled from 'styled-components';
 import { Configuration } from '@pega/cosmos-react-core';

package/src/tasks/create/templates/Constellation/Field/Text-Paragraph/demo.stories.jsx.mustache CHANGED Viewed

@@ -1,3 +1,6 @@
+/* eslint-disable import/no-relative-packages */
+/* eslint-disable storybook/prefer-pascal-case */
+/* eslint-disable react/jsx-no-useless-fragment */
 import { withKnobs } from '@storybook/addon-knobs';
 import {{COMPONENT_CLASS_NAME}} from './index.jsx';

package/src/tasks/create/templates/Constellation/Field/Text-Paragraph/index.jsx.mustache CHANGED Viewed

@@ -1,3 +1,4 @@
+/* eslint-disable import/no-relative-packages */
 import { useState, useEffect, useRef } from 'react';
 import { TextArea as CosmosTextArea, FieldValueList, ParagraphDisplay, Text, EmailDisplay, PhoneDisplay, URLDisplay } from '@pega/cosmos-react-core';
 import PropTypes from 'prop-types';

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

@@ -1,3 +1,5 @@
+/* eslint-disable storybook/default-exports */
+/* eslint-disable storybook/prefer-pascal-case */
 export const configProps = {
   value: '',
   label: 'Paragraph Sample',

package/src/tasks/create/templates/Constellation/Field/Text-Paragraph/styles.js.mustache CHANGED Viewed

@@ -1,3 +1,4 @@
+/* eslint-disable import/no-relative-packages */
 // utilizing theming, comment out, if want individual style
 import styled from 'styled-components';
 import { Configuration } from '@pega/cosmos-react-core';

package/src/tasks/create/templates/Constellation/Field/Text-Phone/demo.stories.jsx.mustache CHANGED Viewed

@@ -1,3 +1,6 @@
+/* eslint-disable import/no-relative-packages */
+/* eslint-disable storybook/prefer-pascal-case */
+/* eslint-disable react/jsx-no-useless-fragment */
 import { withKnobs } from '@storybook/addon-knobs';
 import {{COMPONENT_CLASS_NAME}} from './index.jsx';

package/src/tasks/create/templates/Constellation/Field/Text-Phone/index.jsx.mustache CHANGED Viewed

@@ -1,3 +1,4 @@
+/* eslint-disable import/no-relative-packages */
 import { useState, useEffect, useRef } from 'react';
 import {
   PhoneInput as CosmosPhone,