npm - @pega/dx-component-builder-sdk - Versions diffs - 0.24.2 → 0.24.4 - Mend

@pega/dx-component-builder-sdk 0.24.2 → 0.24.4

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 (704) hide show

package/README.md CHANGED Viewed

@@ -8,13 +8,13 @@ This project provides you with an environment to extend SDK-R/SDK-A by giving yo
 Ensure you have access to the following in your system:
-- Pega Infinity Server version 23
+- Pega Infinity Server version 24.1
 - Git version 2.30 or later
-- System node version 18
+- System node version 18, 20
-- System npm version 8
+- System npm version 8, 10 (npm 9 not supported)
 - Installed SDK-R or SDK-A, as the below commands live in the package.json of the SDK-R/SDK-A an NOT in this npm module

package/package.json CHANGED Viewed

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

package/src/constants.js CHANGED Viewed

@@ -442,6 +442,14 @@ export const COMPONENT_SCHEMA = {
         name: 'Error Boundary',
         value: 'ErrorBoundary'
       },
+      {
+        name: 'Flow Container',
+        value: 'Containers/FlowContainer'
+      },
+      {
+        name: 'Modal View Container',
+        value: 'Containers/ModalViewContainer'
+      },
       {
         name: 'Multi Step',
         value: 'MultiStep'
@@ -450,6 +458,10 @@ export const COMPONENT_SCHEMA = {
         name: 'Nav Bar',
         value: 'NavBar'
       },
+      {
+        name: 'Simple View',
+        value: 'Containers/SimpleView'
+      },
       {
         name: 'Stages',
         value: 'Stages'
@@ -465,6 +477,10 @@ export const COMPONENT_SCHEMA = {
       {
         name: 'View',
         value: 'View'
+      },
+      {
+        name: 'View',
+        value: 'Containers/ViewContainer'
       }
     ],
     template: [
@@ -759,7 +775,7 @@ export const COMPONENT_SCHEMA = {
         value: 'Time'
       },
       {
-        name: 'URL',
+        name: 'Url',
         value: 'url'
       },
       {
@@ -776,6 +792,10 @@ export const COMPONENT_SCHEMA = {
         name: 'Alert Banner',
         value: 'AlertBanner'
       },
+      {
+        name: 'Banner',
+        value: 'Banner'
+      },
       {
         name: 'Case Create Stage',
         value: 'CaseCreateStage'
@@ -823,6 +843,10 @@ export const COMPONENT_SCHEMA = {
       {
         name: 'Rich Text Editor',
         value: 'RichTextEditor'
+      },
+      {
+        name: 'Wss Quick Create',
+        value: 'WssQuickCreate'
       }
     ],
     infra: [
@@ -838,6 +862,10 @@ export const COMPONENT_SCHEMA = {
         name: 'Assignment Card',
         value: 'AssignmentCard'
       },
+      {
+        name: 'Dashboard Filter',
+        value: 'DashboardFilter'
+      },
       {
         name: 'Defer Load',
         value: 'DeferLoad'
@@ -846,6 +874,18 @@ export const COMPONENT_SCHEMA = {
         name: 'Error Boundary',
         value: 'ErrorBoundary'
       },
+      {
+        name: 'Flow Container',
+        value: 'Containers/FlowContainer'
+      },
+      {
+        name: 'Hybrid View Container',
+        value: 'Containers/HybridViewContainer'
+      },
+      {
+        name: 'Modal View Container',
+        value: 'Containers/ModalViewContainer'
+      },
       {
         name: 'Multi Step',
         value: 'MultiStep'
@@ -854,10 +894,22 @@ export const COMPONENT_SCHEMA = {
         name: 'Nav Bar',
         value: 'Navbar'
       },
+      {
+        name: 'Preview View Container',
+        value: 'Containers/PreviewViewContainer'
+      },
+      {
+        name: 'Reference',
+        value: 'Reference'
+      },
       {
         name: 'Region',
         value: 'Region'
       },
+      {
+        name: 'Root Container',
+        value: 'RootContainer'
+      },
       {
         name: 'Stages',
         value: 'Stages'
@@ -865,13 +917,21 @@ export const COMPONENT_SCHEMA = {
       {
         name: 'View',
         value: 'View'
-      }
+      },
+      {
+        name: 'View Container',
+        value: 'Containers/ViewContainer'
+      },
     ],
     template: [
       {
         name: 'App Shell',
         value: 'AppShell'
       },
+      {
+        name: 'Banner Page',
+        value: 'BannerPage'
+      },
       {
         name: 'Case Summary',
         value: 'CaseSummary'
@@ -920,6 +980,10 @@ export const COMPONENT_SCHEMA = {
         name: 'Details Wide Narrow',
         value: 'DetailsWideNarrow'
       },
+      {
+        name: 'Dynamic Tabs',
+        value: 'DynamicTabs'
+      },
       {
         name: 'Field Group List',
         value: 'FieldGroupList'
@@ -1027,6 +1091,10 @@ export const COMPONENT_SCHEMA = {
       {
         name: 'Wide Narrow Page',
         value: 'WideNarrowPage'
+      },
+      {
+        name: 'Wss Nav Bar',
+        value: 'WssNavBar'
       }
     ],
     widget: [
@@ -1054,6 +1122,10 @@ export const COMPONENT_SCHEMA = {
         name: 'List Utility',
         value: 'ListUtility'
       },
+      {
+        name: 'Quick Create',
+        value: 'QuickCreate'
+      },
       {
         name: 'To Do',
         value: 'Todo'

package/src/tasks/create/templates/Constellation/field/Boolean/create-nonce.ts.mustache ADDED Viewed

@@ -0,0 +1,5 @@
+// @ts-ignore
+if (window?.__webpack_nonce__) {
+  // @ts-ignore
+  __webpack_nonce__ = window.__webpack_nonce__;
+}

package/src/tasks/create/templates/Constellation/field/Boolean/index.tsx.mustache CHANGED Viewed

@@ -8,6 +8,7 @@ import {
 } from "@pega/cosmos-react-core";
 import type { PConnFieldProps } from './PConnProps';
+import './create-nonce';
 // includes in bundle
 import handleEvent from "./event-utils";

package/src/tasks/create/templates/Constellation/field/Date/create-nonce.ts.mustache ADDED Viewed

@@ -0,0 +1,5 @@
+// @ts-ignore
+if (window?.__webpack_nonce__) {
+  // @ts-ignore
+  __webpack_nonce__ = window.__webpack_nonce__;
+}

package/src/tasks/create/templates/Constellation/field/Date/index.tsx.mustache CHANGED Viewed

@@ -3,6 +3,7 @@ import { DateInput, FieldValueList, DateTimeDisplay, Text, withConfiguration } f
 import FormattedText from "./FormattedText";
 import type { PConnFieldProps } from './PConnProps';
+import './create-nonce';
 import Styled{{COMPONENT_CLASS_NAME}}Wrapper from './styles';

package/src/tasks/create/templates/Constellation/field/DateTime/create-nonce.ts.mustache ADDED Viewed

@@ -0,0 +1,5 @@
+// @ts-ignore
+if (window?.__webpack_nonce__) {
+  // @ts-ignore
+  __webpack_nonce__ = window.__webpack_nonce__;
+}

package/src/tasks/create/templates/Constellation/field/DateTime/index.tsx.mustache CHANGED Viewed

@@ -1,6 +1,7 @@
 import { useEffect, useState } from 'react';
 import { DateTimeInput, FieldValueList, DateTimeDisplay, Text, withConfiguration } from "@pega/cosmos-react-core";
 import type { PConnFieldProps } from './PConnProps';
+import './create-nonce';
 // includes in bundle
 import DateTimeFormatter from "./date-time";

package/src/tasks/create/templates/Constellation/field/Decimal/create-nonce.ts.mustache ADDED Viewed

@@ -0,0 +1,5 @@
+// @ts-ignore
+if (window?.__webpack_nonce__) {
+  // @ts-ignore
+  __webpack_nonce__ = window.__webpack_nonce__;
+}

package/src/tasks/create/templates/Constellation/field/Decimal/index.tsx.mustache CHANGED Viewed

@@ -2,6 +2,7 @@ import { useState, useEffect, useRef } from 'react';
 import { NumberInput, NumberDisplay, CurrencyDisplay, FieldValueList, Text, withConfiguration } from '@pega/cosmos-react-core';
 import type { PConnFieldProps } from './PConnProps';
+import './create-nonce';
 // includes in bundle
 import Styled{{COMPONENT_CLASS_NAME}}Wrapper from './styles';

package/src/tasks/create/templates/Constellation/field/Decimal-Currency/create-nonce.ts.mustache ADDED Viewed

@@ -0,0 +1,5 @@
+// @ts-ignore
+if (window?.__webpack_nonce__) {
+  // @ts-ignore
+  __webpack_nonce__ = window.__webpack_nonce__;
+}

package/src/tasks/create/templates/Constellation/field/Decimal-Currency/index.tsx.mustache CHANGED Viewed

@@ -12,6 +12,7 @@ import {
 import type { PConnFieldProps } from './PConnProps';
+import './create-nonce';
 // includes in bundle
 import handleEvent from './event-utils';

package/src/tasks/create/templates/Constellation/field/Decimal-Percentage/create-nonce.ts.mustache ADDED Viewed

@@ -0,0 +1,5 @@
+// @ts-ignore
+if (window?.__webpack_nonce__) {
+  // @ts-ignore
+  __webpack_nonce__ = window.__webpack_nonce__;
+}

package/src/tasks/create/templates/Constellation/field/Decimal-Percentage/index.tsx.mustache CHANGED Viewed

@@ -10,6 +10,7 @@ import {
 import type { PConnFieldProps } from './PConnProps';
+import './create-nonce';
 // includes in bundle
 import handleEvent from './event-utils';

package/src/tasks/create/templates/Constellation/field/Icon-Button-URL/create-nonce.ts.mustache ADDED Viewed

@@ -0,0 +1,5 @@
+// @ts-ignore
+if (window?.__webpack_nonce__) {
+  // @ts-ignore
+  __webpack_nonce__ = window.__webpack_nonce__;
+}

package/src/tasks/create/templates/Constellation/field/Icon-Button-URL/demo.stories.tsx.mustache CHANGED Viewed

@@ -36,18 +36,23 @@ const statelistData = {
   ]
 };
-window.PCore.getDataPageUtils = () => {
-  return {
-    getDataAsync: () => {
-      return new Promise(resolve => {
-        resolve(statelistData);
-      });
-    }
-  };
-};
 export const Base{{COMPONENT_CLASS_NAME}}: Story = args => {
+  window.PCore.getDataPageUtils = () => {
+    return {
+      getData: () => {
+        return new Promise(resolve => {
+          resolve(statelistData);
+        });
+      },
+      getDataAsync: () => {
+        return new Promise(resolve => {
+          resolve(statelistData);
+        });
+      }
+    };
+  };
   const props = {
     countryCode: configProps.countryCode,
     getPConnect: () => {

package/src/tasks/create/templates/Constellation/field/Icon-Button-URL/index.tsx.mustache CHANGED Viewed

@@ -10,6 +10,7 @@ import {
   URLDisplay
 } from '@pega/cosmos-react-core';
 import type { PConnFieldProps } from './PConnProps';
+import './create-nonce';
 // IMPORTANT
 // To use Icons, need to individually import the icon file form @pega/cosmos-react-core (see path below)

package/src/tasks/create/templates/Constellation/field/Integer/create-nonce.ts.mustache ADDED Viewed

@@ -0,0 +1,5 @@
+// @ts-ignore
+if (window?.__webpack_nonce__) {
+  // @ts-ignore
+  __webpack_nonce__ = window.__webpack_nonce__;
+}

package/src/tasks/create/templates/Constellation/field/Integer/index.tsx.mustache CHANGED Viewed

@@ -3,6 +3,7 @@ import { NumberInput, NumberDisplay, Slider, FieldValueList, CurrencyDisplay, Te
 import type { PConnFieldProps } from './PConnProps';
+import './create-nonce';
 // includes in bundle
 import handleEvent from "./event-utils";

package/src/tasks/create/templates/Constellation/field/Picklist/create-nonce.ts.mustache ADDED Viewed

@@ -0,0 +1,5 @@
+// @ts-ignore
+if (window?.__webpack_nonce__) {
+  // @ts-ignore
+  __webpack_nonce__ = window.__webpack_nonce__;
+}

package/src/tasks/create/templates/Constellation/field/Picklist/index.tsx.mustache CHANGED Viewed

@@ -4,6 +4,7 @@ import { useState, useEffect, useRef } from 'react';
 import { Select, Option, FieldValueList, Text, withConfiguration } from '@pega/cosmos-react-core';
 import type { PConnFieldProps } from './PConnProps';
+import './create-nonce';
 // includes in bundle
 import handleEvent from "./event-utils";

package/src/tasks/create/templates/Constellation/field/Picklist-Autocomplete/create-nonce.ts.mustache ADDED Viewed

@@ -0,0 +1,5 @@
+// @ts-ignore
+if (window?.__webpack_nonce__) {
+  // @ts-ignore
+  __webpack_nonce__ = window.__webpack_nonce__;
+}

package/src/tasks/create/templates/Constellation/field/Picklist-Autocomplete/index.tsx.mustache CHANGED Viewed

@@ -4,6 +4,7 @@ import { useEffect, useRef, useState, useMemo, type MutableRefObject, type SetSt
 import { ComboBox, menuHelpers, debounce, throttle, Button, Icon, withConfiguration, type MenuGroupProps, type MenuItemProps } from '@pega/cosmos-react-core';
 import get from 'lodash.get';
 import type { PConnFieldProps } from './PConnProps';
+import './create-nonce';
 // includes in bundle
 import handleEvent from "./event-utils";

package/src/tasks/create/templates/Constellation/field/Picklist-RadioButtons/create-nonce.ts.mustache ADDED Viewed

@@ -0,0 +1,5 @@
+// @ts-ignore
+if (window?.__webpack_nonce__) {
+  // @ts-ignore
+  __webpack_nonce__ = window.__webpack_nonce__;
+}

package/src/tasks/create/templates/Constellation/field/Picklist-RadioButtons/index.tsx.mustache CHANGED Viewed

@@ -2,6 +2,7 @@
 import { useMemo } from 'react';
 import { RadioButton, RadioButtonGroup, withConfiguration } from '@pega/cosmos-react-core';
 import type { PConnFieldProps } from './PConnProps';
+import './create-nonce';
 // includes in bundle
 import { formatExists, textFormatter } from './textformat-utils';

package/src/tasks/create/templates/Constellation/field/Text/create-nonce.ts.mustache ADDED Viewed

@@ -0,0 +1,5 @@
+// @ts-ignore
+if (window?.__webpack_nonce__) {
+  // @ts-ignore
+  __webpack_nonce__ = window.__webpack_nonce__;
+}

package/src/tasks/create/templates/Constellation/field/Text/index.tsx.mustache CHANGED Viewed

@@ -9,6 +9,7 @@ import {
 } from '@pega/cosmos-react-core';
 import type { PConnFieldProps } from './PConnProps';
+import './create-nonce';
 import Styled{{COMPONENT_CLASS_NAME}}Wrapper from './styles';

package/src/tasks/create/templates/Constellation/field/Text-Email/create-nonce.ts.mustache ADDED Viewed

@@ -0,0 +1,5 @@
+// @ts-ignore
+if (window?.__webpack_nonce__) {
+  // @ts-ignore
+  __webpack_nonce__ = window.__webpack_nonce__;
+}

package/src/tasks/create/templates/Constellation/field/Text-Email/index.tsx.mustache CHANGED Viewed

@@ -1,6 +1,7 @@
 import { useState, useEffect, useRef } from 'react';
 import { Input, EmailDisplay, FieldValueList, Text, URLDisplay, PhoneDisplay, withConfiguration } from '@pega/cosmos-react-core';
 import type { PConnFieldProps } from './PConnProps';
+import './create-nonce';
 // includes in bundle
 import { suggestionsHandler } from './suggestions-handler';

package/src/tasks/create/templates/Constellation/field/Text-Input/create-nonce.ts.mustache ADDED Viewed

@@ -0,0 +1,5 @@
+// @ts-ignore
+if (window?.__webpack_nonce__) {
+  // @ts-ignore
+  __webpack_nonce__ = window.__webpack_nonce__;
+}

package/src/tasks/create/templates/Constellation/field/Text-Input/index.tsx.mustache CHANGED Viewed

@@ -1,6 +1,7 @@
 import { useEffect, useState, useRef } from 'react';
 import { Input, FieldValueList, Text, EmailDisplay, PhoneDisplay, URLDisplay, withConfiguration } from '@pega/cosmos-react-core';
 import type { PConnFieldProps } from './PConnProps';
+import './create-nonce';
 // include in bundle
 import handleEvent from "./event-utils";

package/src/tasks/create/templates/Constellation/field/Text-Paragraph/create-nonce.ts.mustache ADDED Viewed

@@ -0,0 +1,5 @@
+// @ts-ignore
+if (window?.__webpack_nonce__) {
+  // @ts-ignore
+  __webpack_nonce__ = window.__webpack_nonce__;
+}

package/src/tasks/create/templates/Constellation/field/Text-Paragraph/index.tsx.mustache CHANGED Viewed

@@ -2,6 +2,7 @@ import { useState, useEffect, useRef } from 'react';
 import { TextArea as CosmosTextArea, FieldValueList, ParagraphDisplay, Text, EmailDisplay, PhoneDisplay, URLDisplay, withConfiguration } from '@pega/cosmos-react-core';
 import type { PConnFieldProps } from './PConnProps';
+import './create-nonce';
 // includes in bundle
 import { suggestionsHandler } from './suggestions-handler';

package/src/tasks/create/templates/Constellation/field/Text-Phone/create-nonce.ts.mustache ADDED Viewed

@@ -0,0 +1,5 @@
+// @ts-ignore
+if (window?.__webpack_nonce__) {
+  // @ts-ignore
+  __webpack_nonce__ = window.__webpack_nonce__;
+}

package/src/tasks/create/templates/Constellation/field/Text-Phone/index.tsx.mustache CHANGED Viewed

@@ -10,6 +10,7 @@ import {
   withConfiguration
 } from '@pega/cosmos-react-core';
 import type { PConnFieldProps } from './PConnProps';
+import './create-nonce';
 // includes in bundle
 import handleEvent from "./event-utils";

package/src/tasks/create/templates/Constellation/field/Text-URL/create-nonce.ts.mustache ADDED Viewed

@@ -0,0 +1,5 @@
+// @ts-ignore
+if (window?.__webpack_nonce__) {
+  // @ts-ignore
+  __webpack_nonce__ = window.__webpack_nonce__;
+}

package/src/tasks/create/templates/Constellation/field/Text-URL/index.tsx.mustache CHANGED Viewed

@@ -1,6 +1,7 @@
 import { useState, useEffect, useRef} from "react";
 import { Input, FieldValueList, Text, withConfiguration } from "@pega/cosmos-react-core";
 import type { PConnFieldProps } from './PConnProps';
+import './create-nonce';
 // includes in bundle
 import {formatExists,textFormatter, urlFormatter} from "./text-url";

package/src/tasks/create/templates/Constellation/field/TimeOfDay/create-nonce.ts.mustache ADDED Viewed

@@ -0,0 +1,5 @@
+// @ts-ignore
+if (window?.__webpack_nonce__) {
+  // @ts-ignore
+  __webpack_nonce__ = window.__webpack_nonce__;
+}

package/src/tasks/create/templates/Constellation/field/TimeOfDay/index.tsx.mustache CHANGED Viewed

@@ -2,6 +2,7 @@ import { useEffect, useState } from 'react';
 import { TimeInput, FieldValueList, DateTimeDisplay, Text, withConfiguration } from '@pega/cosmos-react-core';
 import type { PConnFieldProps } from './PConnProps';
+import './create-nonce';
 // includes in bundle

package/src/tasks/create/templates/Constellation/template/DETAILS/create-nonce.ts.mustache ADDED Viewed

@@ -0,0 +1,5 @@
+// @ts-ignore
+if (window?.__webpack_nonce__) {
+  // @ts-ignore
+  __webpack_nonce__ = window.__webpack_nonce__;
+}

package/src/tasks/create/templates/Constellation/template/DETAILS/index.tsx.mustache CHANGED Viewed

@@ -1,6 +1,7 @@
 import { Fragment, Children, ReactElement } from 'react';
 import { Grid, Flex, FieldGroup, withConfiguration, GridContainerProps } from '@pega/cosmos-react-core';
 import type { PConnFieldProps } from './PConnProps';
+import './create-nonce';
 import DetailsRender from './DetailsRender';
 import HighlightRender from './HighlightRender';

package/src/tasks/create/templates/Constellation/template/DETAILS-region/create-nonce.ts.mustache ADDED Viewed

@@ -0,0 +1,5 @@
+// @ts-ignore
+if (window?.__webpack_nonce__) {
+  // @ts-ignore
+  __webpack_nonce__ = window.__webpack_nonce__;
+}

package/src/tasks/create/templates/Constellation/template/DETAILS-region/index.tsx.mustache CHANGED Viewed

@@ -1,6 +1,7 @@
 import { Fragment, Children, ReactElement } from 'react';
 import { Grid, Flex, FieldGroup, withConfiguration, GridContainerProps } from '@pega/cosmos-react-core';
 import type { PConnFieldProps } from './PConnProps';
+import './create-nonce';
 import DetailsRender from './DetailsRender';
 import HighlightRender from './HighlightRender';

package/src/tasks/create/templates/Constellation/template/FORM/create-nonce.ts.mustache ADDED Viewed

@@ -0,0 +1,5 @@
+// @ts-ignore
+if (window?.__webpack_nonce__) {
+  // @ts-ignore
+  __webpack_nonce__ = window.__webpack_nonce__;
+}