@pega/custom-dx-components 0.23.40 → 0.23.42

package/README.md

@@ -12,9 +12,9 @@ Ensure you have access to the following in your system:
 
 - Git version 2.30 or later
 
-- System node version 18
+- System node version 18, 20
 
-- System npm version 8
+- System npm version 8, 10 (9 is not supported)
 
 ## Latest Documentation
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pega/custom-dx-components",
-  "version": "0.23.40",
+  "version": "0.23.42",
   "description": "Utility for building custom UI components",
   "bin": "./bin/index.js",
   "scripts": {

package/src/tasks/create/templates/Constellation/Field/Date/index.tsx.mustache

@@ -4,7 +4,7 @@ import FormattedText from "./FormattedText";
 
 import type { PConnFieldProps } from './PConnProps';
 
-import StyledPegaDxilMyDateWrapper from './styles';
+import Styled{{COMPONENT_CLASS_NAME}}Wrapper from './styles';
 
 // includes in bundle
 import {
@@ -20,7 +20,7 @@ import { suggestionsHandler } from './suggestions-handler';
 import type { DateTimeFormat, DateTimeVariant } from '@pega/cosmos-react-core/lib/components/DateTime/DateTime.types.js';
 
 // interface for props
-interface PegaDxilMyDateProps extends PConnFieldProps {
+interface {{COMPONENT_CLASS_NAME}}Props extends PConnFieldProps {
   // If any, enter additional props that only exist on TextInput here
   displayAsStatus?: boolean;
   isTableFormatter?: boolean;
@@ -52,7 +52,7 @@ interface ActionsProps {
 
 // props passed in combination of props from property panel (config.json) and run time props from Constellation
 // any default values in config.pros should be set in defaultProps at bottom of this file
-function PegaDxilMyDate (props: PegaDxilMyDateProps)  {
+function {{COMPONENT_CLASS_NAME}} (props: {{COMPONENT_CLASS_NAME}}Props)  {
   const {
     getPConnect,
     value,
@@ -175,29 +175,29 @@ function PegaDxilMyDate (props: PegaDxilMyDateProps)  {
     );
     switch(displayMode){
       case 'DISPLAY_ONLY': {
-        return ( <StyledPegaDxilMyDateWrapper> displayComp </StyledPegaDxilMyDateWrapper>);
+        return ( <Styled{{COMPONENT_CLASS_NAME}}Wrapper> displayComp </Styled{{COMPONENT_CLASS_NAME}}Wrapper>);
       }
       case "LABELS_LEFT" : {
         return (
-          <StyledPegaDxilMyDateWrapper>
+          <Styled{{COMPONENT_CLASS_NAME}}Wrapper>
           <FieldValueList
             variant={hideLabel ? "stacked" : variant}
             data-testid={testId}
             fields={[{ id: '1', name: hideLabel ? "" :label, value: displayComp }]}
           />
-          </StyledPegaDxilMyDateWrapper>
+          </Styled{{COMPONENT_CLASS_NAME}}Wrapper>
 
         );
       }
       case "STACKED_LARGE_VAL" : {
         return (
-          <StyledPegaDxilMyDateWrapper>
+          <Styled{{COMPONENT_CLASS_NAME}}Wrapper>
           <FieldValueList
             variant='stacked'
             data-testid={testId}
             fields={[{ id: '2', name: hideLabel ? "" :label, value: <Text variant='h1' as='span'>{displayComp}</Text> }]}
           />
-          </StyledPegaDxilMyDateWrapper>
+          </Styled{{COMPONENT_CLASS_NAME}}Wrapper>
 
         );
       }
@@ -216,7 +216,7 @@ function PegaDxilMyDate (props: PegaDxilMyDateProps)  {
       fieldType: 'Date'
     };
     dateComponent = (
-      <StyledPegaDxilMyDateWrapper>
+      <Styled{{COMPONENT_CLASS_NAME}}Wrapper>
         <FormattedText
           formatType='date'
           value={value}
@@ -227,12 +227,12 @@ function PegaDxilMyDate (props: PegaDxilMyDateProps)  {
           // @ts-ignore
           customFormat={getDateFormat(locale)}
         />
-      </StyledPegaDxilMyDateWrapper>
+      </Styled{{COMPONENT_CLASS_NAME}}Wrapper>
     );
   } else {
 
     dateComponent = (
-      <StyledPegaDxilMyDateWrapper>
+      <Styled{{COMPONENT_CLASS_NAME}}Wrapper>
       <DateInput
         {...additionalProps}
         label={label}
@@ -252,11 +252,11 @@ function PegaDxilMyDate (props: PegaDxilMyDateProps)  {
         onBlur={handleBlur}
         onResolveSuggestion={onResolveSuggestionHandler}
       />
-      </StyledPegaDxilMyDateWrapper>
+      </Styled{{COMPONENT_CLASS_NAME}}Wrapper>
     );
   }
   return dateComponent;
 }
 
 
-export default withConfiguration(PegaDxilMyDate);
+export default withConfiguration({{COMPONENT_CLASS_NAME}});

package/src/tasks/create/templates/Constellation/Template/DETAILS/demo.stories.tsx.mustache

@@ -3,7 +3,7 @@
 // @ts-nocheck
 import type { Meta, StoryObj } from '@storybook/react';
 import { Text, FieldValueList, Button, DateTimeDisplay, useTheme } from '@pega/cosmos-react-core';
-import PegaDxilMyDetails from './index';
+import {{COMPONENT_CLASS_NAME}} from './index';
 import { pyReviewRaw, pyReviewResolved, regionChildrenResolved } from './mock';
 import StatusWorkRenderer from './StatusWork';
 

package/src/tasks/init/template/README.md

@@ -8,14 +8,14 @@ This project provides you with an environment to extend Constellation by giving
 
 Ensure you have access to the following in your system:
 
-- Pega Infinity Server version 8.7 or later
+- Pega Infinity Server version 23 or later
 
 - Git version 2.30 or later
 
-- System node version 18
+- System node version 18, 20
 
-- System npm version 8
+- System npm version 8, 10 (9 is not supported)
 
 ## Latest Documentation
 
-Find the latest documentation on using **DX Component Builder** [here](https://docs.pega.com/bundle/constellation-dx-components-88/page/constellation-dx-components/custom-components/lifecycle-dx-cosmos-components.html)
+Find the latest documentation on using **DX Component Builder** [here](https://docs.pega.com/bundle/constellation-dx-components/page/constellation-dx-components/custom-components/lifecycle-dx-cosmos-components.html)

package/src/tasks/init/template/SECURITY.md

@@ -0,0 +1,10 @@
+# Reporting Security Issues
+
+Pegasystems takes security seriously. We appreciate your efforts to responsibly disclose your findings, and will make every effort to acknowledge your contributions.
+
+To report a security issue, [email us](mailto:opensource@pega.com;security@pega.com) and include the word "SECURITY" in the subject line.
+
+The Pega team will send a response indicating the next steps in handling your report. We may ask for additional information or guidance.
+
+## Learning More About Security
+To learn more about securing a Pega application or our security capabilities, please see the [security article](https://community.pega.com/knowledgebase/capabilities/security) on Pega Community and the [Pega Trust Center](https://www.pega.com/products/cloud/pega-trust-center).

package/src/tasks/init/template/package.json.mustache

@@ -25,14 +25,14 @@
     "revertWebPack": "custom-dx-components revertWebPack",
     "lint:types": "tsc --noEmit",
     "lint:es": "eslint .",
-    "lint:styles": "stylelint \"./**/*.@(js|jsx|ts|tsx)\"",
-    "lint:format": "prettier -c .",
-    "lint:spelling": "cspell --no-progress **/*",
     "test-coverage": "node --input-type=module  --experimental-vm-modules node_modules/jest/bin/jest.js --runInBand node_modules/@pega/custom-dx-component --ci --testResultsProcessor='jest-junit' --coverage",
-    "_internal-test": "echo 'Running functional and unit tests will DELETE existing local components, proceed (y/n)?' && read proceed && if test \"$proceed\" = \"y\"; then npm run internal-test-full; fi ",
+    "_internal-test": "echo 'Running functional and unit tests will DELETE existing local components, proceed (y/n)?' && read proceed && if test \"$proceed\" = \"y\"; then npm run _internal-test-full; fi ",
     "_internal-test-full": "npm run _internal-test-functional && npm run _internal-test-unit",
     "_internal-test-functional": "npm run test:functional:local --prefix node_modules/@pega/custom-dx-components",
-    "_internal-test-unit": "npm run test:unit:local --prefix node_modules/@pega/custom-dx-components"
+    "_internal-test-unit": "npm run test:unit:local --prefix node_modules/@pega/custom-dx-components",
+    "_lint:styles": "stylelint \"./**/*.@(js|jsx|ts|tsx)\"",
+    "_lint:format": "prettier -c .",
+    "_lint:spelling": "cspell --no-progress **/*"
   },
     "scriptsComments": {
     "build": "tsc -b tsconfig.build.json",
@@ -69,7 +69,7 @@
   },
   "devDependencies": {
     "@pega/configs": "^0.6.0",
-    "@pega/custom-dx-components": "0.23.40",
+    "@pega/custom-dx-components": "0.23.42",
     "@pega/pcore-pconnect-typedefs": "~2.1.1",
     "@storybook/addon-actions": "^7.6.7",
     "@storybook/addon-essentials": "^7.6.7",