npm - @pega/custom-dx-components - Versions diffs - 0.23.48 → 0.23.50 - Mend

@pega/custom-dx-components 0.23.48 → 0.23.50

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

package/src/tasks/create/templates/Constellation/Field/Picklist-RadioButtons/demo.stories.tsx.mustache CHANGED Viewed

@@ -23,11 +23,11 @@ export const Base{{COMPONENT_CLASS_NAME}}: Story = args => {
   const props = {
     value,
-    align: 'vertical',
     placeholder: configProps.placeholder,
     label: configProps.label,
     helperText: configProps.helperText,
     datasource: configProps.datasource,
+    inline: configProps.inline,
     testId: configProps.testId,
     hasSuggestions: configProps.hasSuggestions,
     fieldMetadata,
@@ -90,6 +90,8 @@ export const Base{{COMPONENT_CLASS_NAME}}: Story = args => {
 Base{{COMPONENT_CLASS_NAME}}.args = {
   label: configProps.label,
   helperText: configProps.helperText,
+  placeholder: configProps.placeholder,
+  inline: configProps.inline,
   testId: configProps.testId,
   readOnly: configProps.readOnly,
   disabled: configProps.disabled,

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';
@@ -19,7 +20,6 @@ interface {{COMPONENT_CLASS_NAME}}Props extends PConnFieldProps {
   listType: string;
   datasource: Array<any>;
   inline: boolean;
-  align: string;
 }
@@ -62,7 +62,6 @@ function {{COMPONENT_CLASS_NAME}}(props: {{COMPONENT_CLASS_NAME}}Props) {
     datasource = [],
     listType,
     validatemessage,
-    align = 'vertical',
     testId,
     additionalProps = {},
     displayMode,
@@ -185,7 +184,6 @@ function {{COMPONENT_CLASS_NAME}}(props: {{COMPONENT_CLASS_NAME}}Props) {
         // @ts-ignore
         pConn.getValidationApi().validate(event.target.value);
       }}
-      align={align}
       disabled={disabled}
       className='standard'
       name={fullReference}

package/src/tasks/create/templates/Constellation/Field/Picklist-RadioButtons/mock.ts.mustache CHANGED Viewed

@@ -23,6 +23,7 @@ export const configProps = {
   testId: 'picklist-12345678',
   hasSuggestions: false,
   displayMode: '',
+  inline: false,
   hideLabel: false,
   readOnly: false,
   required: false,

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

@@ -0,0 +1,6 @@
+/* eslint-disable camelcase */
+// @ts-ignore
+if (window?.__webpack_nonce__) {
+  // @ts-ignore
+  __webpack_nonce__ = window.__webpack_nonce__;
+}

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

@@ -59,6 +59,7 @@ export const Base{{COMPONENT_CLASS_NAME}}: Story = args => {
 Base{{COMPONENT_CLASS_NAME}}.args = {
   label: configProps.label,
   helperText: configProps.helperText,
+  placeholder: configProps.placeholder,
   testId: configProps.testId,
   readOnly: configProps.readOnly,
   disabled: configProps.disabled,

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

@@ -1,6 +1,7 @@
 import { Input, withConfiguration } 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,6 @@
+/* eslint-disable camelcase */
+// @ts-ignore
+if (window?.__webpack_nonce__) {
+  // @ts-ignore
+  __webpack_nonce__ = window.__webpack_nonce__;
+}

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

@@ -56,6 +56,7 @@ export const Base{{COMPONENT_CLASS_NAME}}: Story = args => {
 Base{{COMPONENT_CLASS_NAME}}.args = {
   label: configProps.label,
   helperText: configProps.helperText,
+  placeholder: configProps.placeholder,
   testId: configProps.testId,
   readOnly: configProps.readOnly,
   disabled: configProps.disabled,

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';
@@ -128,7 +129,7 @@ function {{COMPONENT_CLASS_NAME}}(props: {{COMPONENT_CLASS_NAME}}Props) {
     }
     return displayMode === 'DISPLAY_ONLY' ? (
       <Styled{{COMPONENT_CLASS_NAME}}Wrapper>
-      displayComp
+      {displayComp}
       </Styled{{COMPONENT_CLASS_NAME}}Wrapper>
     ) : (
       <Styled{{COMPONENT_CLASS_NAME}}Wrapper>

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

@@ -0,0 +1,6 @@
+/* eslint-disable camelcase */
+// @ts-ignore
+if (window?.__webpack_nonce__) {
+  // @ts-ignore
+  __webpack_nonce__ = window.__webpack_nonce__;
+}

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

@@ -56,6 +56,7 @@ export const Base{{COMPONENT_CLASS_NAME}}: Story = args => {
 Base{{COMPONENT_CLASS_NAME}}.args = {
   label: configProps.label,
   helperText: configProps.helperText,
+  placeholder: configProps.placeholder,
   testId: configProps.testId,
   readOnly: configProps.readOnly,
   disabled: configProps.disabled,

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";
@@ -143,7 +144,7 @@ function {{COMPONENT_CLASS_NAME}}(props: {{COMPONENT_CLASS_NAME}}Props) {
       displayComp = textFormatter(formatter, value);
     }
     return displayMode === 'DISPLAY_ONLY' ? (
-      <Styled{{COMPONENT_CLASS_NAME}}Wrapper> displayComp </Styled{{COMPONENT_CLASS_NAME}}Wrapper>
+      <Styled{{COMPONENT_CLASS_NAME}}Wrapper> {displayComp} </Styled{{COMPONENT_CLASS_NAME}}Wrapper>
     ) : (
       <Styled{{COMPONENT_CLASS_NAME}}Wrapper>
       <FieldValueList

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

@@ -0,0 +1,6 @@
+/* eslint-disable camelcase */
+// @ts-ignore
+if (window?.__webpack_nonce__) {
+  // @ts-ignore
+  __webpack_nonce__ = window.__webpack_nonce__;
+}

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

@@ -56,6 +56,7 @@ export const Base{{COMPONENT_CLASS_NAME}}: Story = args => {
 Base{{COMPONENT_CLASS_NAME}}.args = {
   label: configProps.label,
   helperText: configProps.helperText,
+  placeholder: configProps.placeholder,
   testId: configProps.testId,
   readOnly: configProps.readOnly,
   disabled: configProps.disabled,

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';
@@ -126,7 +127,7 @@ function {{COMPONENT_CLASS_NAME}}(props: {{COMPONENT_CLASS_NAME}}Props) {
     }
     return displayMode === 'DISPLAY_ONLY' ? (
       <Styled{{COMPONENT_CLASS_NAME}}Wrapper>
-      displayComp
+      {displayComp}
       </Styled{{COMPONENT_CLASS_NAME}}Wrapper>
     ) : (
       <Styled{{COMPONENT_CLASS_NAME}}Wrapper>

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

@@ -0,0 +1,6 @@
+/* eslint-disable camelcase */
+// @ts-ignore
+if (window?.__webpack_nonce__) {
+  // @ts-ignore
+  __webpack_nonce__ = window.__webpack_nonce__;
+}

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

@@ -54,6 +54,7 @@ export const Base{{COMPONENT_CLASS_NAME}}: Story = args => {
 Base{{COMPONENT_CLASS_NAME}}.args = {
   label: configProps.label,
   helperText: configProps.helperText,
+  placeholder: configProps.placeholder,
   testId: configProps.testId,
   readOnly: configProps.readOnly,
   disabled: configProps.disabled,

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";
@@ -164,7 +165,7 @@ function {{COMPONENT_CLASS_NAME}}(props: {{COMPONENT_CLASS_NAME}}Props) {
     }
     return displayMode === 'DISPLAY_ONLY' ? (
       <Styled{{COMPONENT_CLASS_NAME}}Wrapper>
-      displayComp
+      {displayComp}
       </Styled{{COMPONENT_CLASS_NAME}}Wrapper>
     ) : (
       <Styled{{COMPONENT_CLASS_NAME}}Wrapper>

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

@@ -0,0 +1,6 @@
+/* eslint-disable camelcase */
+// @ts-ignore
+if (window?.__webpack_nonce__) {
+  // @ts-ignore
+  __webpack_nonce__ = window.__webpack_nonce__;
+}

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

@@ -54,6 +54,7 @@ export const Base{{COMPONENT_CLASS_NAME}}: Story = args => {
 Base{{COMPONENT_CLASS_NAME}}.args = {
   label: configProps.label,
   helperText: configProps.helperText,
+  placeholder: configProps.placeholder,
   testId: configProps.testId,
   readOnly: configProps.readOnly,
   disabled: configProps.disabled,

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,6 @@
+/* eslint-disable camelcase */
+// @ts-ignore
+if (window?.__webpack_nonce__) {
+  // @ts-ignore
+  __webpack_nonce__ = window.__webpack_nonce__;
+}

package/src/tasks/create/templates/Constellation/Field/TimeofDay/demo.stories.tsx.mustache CHANGED Viewed

@@ -64,6 +64,7 @@ export const Base{{COMPONENT_CLASS_NAME}}: Story = args => {
 Base{{COMPONENT_CLASS_NAME}}.args = {
   label: configProps.label,
   helperText: configProps.helperText,
+  withSeconds: configProps.withSeconds,
   testId: configProps.testId,
   readOnly: configProps.readOnly,
   disabled: configProps.disabled,

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
@@ -140,7 +141,7 @@ function {{COMPONENT_CLASS_NAME}} (props: {{COMPONENT_CLASS_NAME}}Props)  {
     );
     switch (displayMode) {
       case 'DISPLAY_ONLY': {
-        return ( <Styled{{COMPONENT_CLASS_NAME}}Wrapper> displayComp </Styled{{COMPONENT_CLASS_NAME}}Wrapper>);
+        return ( <Styled{{COMPONENT_CLASS_NAME}}Wrapper> {displayComp} </Styled{{COMPONENT_CLASS_NAME}}Wrapper>);
       }
       case 'LABELS_LEFT': {
         return (

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

@@ -0,0 +1,6 @@
+/* eslint-disable camelcase */
+// @ts-ignore
+if (window?.__webpack_nonce__) {
+  // @ts-ignore
+  __webpack_nonce__ = window.__webpack_nonce__;
+}

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

@@ -146,7 +146,4 @@ export const Base{{COMPONENT_CLASS_NAME}}: Story = args => {
   );
 };
-Base{{COMPONENT_CLASS_NAME}}.args = {
-  label: 'Test Details',
-  showLabel: true
-};
+Base{{COMPONENT_CLASS_NAME}}.args = {};

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

@@ -1,6 +1,7 @@
 import { Fragment } from 'react';
 import { Grid, Flex, FieldGroup, withConfiguration } 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/Template/DETAILS-region/create-nonce.ts.mustache ADDED Viewed

@@ -0,0 +1,6 @@
+/* eslint-disable camelcase */
+// @ts-ignore
+if (window?.__webpack_nonce__) {
+  // @ts-ignore
+  __webpack_nonce__ = window.__webpack_nonce__;
+}

package/src/tasks/create/templates/Constellation/Template/DETAILS-region/demo.stories.tsx.mustache CHANGED Viewed

@@ -148,8 +148,4 @@ export const Base{{COMPONENT_CLASS_NAME}}: Story = args => {
   );
 };
-Base{{COMPONENT_CLASS_NAME}}.args = {
-  showHighlightedData: false,
-  label: 'Details Region',
-  showLabel: true
-};
+Base{{COMPONENT_CLASS_NAME}}.args = {};

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

@@ -1,6 +1,7 @@
 import { Fragment } from 'react';
 import { Grid, Flex, FieldGroup, withConfiguration } 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/Template/FORM/create-nonce.ts.mustache ADDED Viewed

@@ -0,0 +1,6 @@
+/* eslint-disable camelcase */
+// @ts-ignore
+if (window?.__webpack_nonce__) {
+  // @ts-ignore
+  __webpack_nonce__ = window.__webpack_nonce__;
+}

package/src/tasks/create/templates/Constellation/Template/FORM/index.tsx.mustache CHANGED Viewed

@@ -1,7 +1,7 @@
 import { Grid, FieldGroup, withConfiguration } 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/Template/FORM-region/create-nonce.ts.mustache ADDED Viewed

@@ -0,0 +1,6 @@
+/* eslint-disable camelcase */
+// @ts-ignore
+if (window?.__webpack_nonce__) {
+  // @ts-ignore
+  __webpack_nonce__ = window.__webpack_nonce__;
+}

package/src/tasks/create/templates/Constellation/Template/FORM-region/index.tsx.mustache CHANGED Viewed

@@ -1,6 +1,7 @@
 import { Grid, Flex, FieldGroup, withConfiguration } 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/Template/PAGE/create-nonce.ts.mustache ADDED Viewed

@@ -0,0 +1,6 @@
+/* eslint-disable camelcase */
+// @ts-ignore
+if (window?.__webpack_nonce__) {
+  // @ts-ignore
+  __webpack_nonce__ = window.__webpack_nonce__;
+}

package/src/tasks/create/templates/Constellation/Template/PAGE/index.tsx.mustache CHANGED Viewed

@@ -3,7 +3,7 @@ import { OneColumnPage as OneColumn, withConfiguration } from '@pega/cosmos-reac
 import { ConfigurableLayout } from '@pega/cosmos-react-work'
 // import { registerIcon } from '@pega/cosmos-react-core';
 import type { PConnFieldProps } from './PConnProps';
+import './create-nonce';
 // temp

package/src/tasks/create/templates/Constellation/Widget/CASE/create-nonce.ts.mustache ADDED Viewed

@@ -0,0 +1,6 @@
+/* eslint-disable camelcase */
+// @ts-ignore
+if (window?.__webpack_nonce__) {
+  // @ts-ignore
+  __webpack_nonce__ = window.__webpack_nonce__;
+}

package/src/tasks/create/templates/Constellation/Widget/CASE/index.tsx.mustache CHANGED Viewed

@@ -1,6 +1,7 @@
 import { useState, useEffect } from 'react';
 import { Table, Text, withConfiguration } 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/Widget/PAGE/create-nonce.ts.mustache ADDED Viewed

@@ -0,0 +1,6 @@
+/* eslint-disable camelcase */
+// @ts-ignore
+if (window?.__webpack_nonce__) {
+  // @ts-ignore
+  __webpack_nonce__ = window.__webpack_nonce__;
+}

package/src/tasks/create/templates/Constellation/Widget/PAGE/index.tsx.mustache CHANGED Viewed

@@ -1,6 +1,7 @@
 import { withConfiguration } from '@pega/cosmos-react-core';
 import { AppAnnouncement as PegaAppAnnouncement } from '@pega/cosmos-react-work';
 import type { PConnFieldProps } from './PConnProps';
+import './create-nonce';
 import Styled{{COMPONENT_CLASS_NAME}}Wrapper from './styles';

package/src/tasks/create/templates/Constellation/Widget/PAGE-CASE/create-nonce.ts.mustache ADDED Viewed

@@ -0,0 +1,6 @@
+/* eslint-disable camelcase */
+// @ts-ignore
+if (window?.__webpack_nonce__) {
+  // @ts-ignore
+  __webpack_nonce__ = window.__webpack_nonce__;
+}

package/src/tasks/create/templates/Constellation/Widget/PAGE-CASE/index.tsx.mustache CHANGED Viewed

@@ -4,6 +4,7 @@ import { Fragment } from 'react';
 import { DateTimeDisplay, Card, CardHeader, CardContent, Flex, withConfiguration } from '@pega/cosmos-react-core';
 import type { PConnFieldProps } from './PConnProps';
+import './create-nonce';
 // includes in bundle
 import Operator from './Operator';

package/src/tasks/create/templates/Launchpad/Widget/CASE/create-nonce.ts.mustache ADDED Viewed

@@ -0,0 +1,6 @@
+/* eslint-disable camelcase */
+// @ts-ignore
+if (window?.__webpack_nonce__) {
+  // @ts-ignore
+  __webpack_nonce__ = window.__webpack_nonce__;
+}

package/src/tasks/create/templates/Launchpad/Widget/CASE/index.tsx.mustache CHANGED Viewed

@@ -1,6 +1,7 @@
 import { useState, useEffect } from 'react';
 import { Table, Text, withConfiguration } 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/Launchpad/Widget/PAGE-CASE/create-nonce.ts.mustache ADDED Viewed

@@ -0,0 +1,6 @@
+/* eslint-disable camelcase */
+// @ts-ignore
+if (window?.__webpack_nonce__) {
+  // @ts-ignore
+  __webpack_nonce__ = window.__webpack_nonce__;
+}

package/src/tasks/create/templates/Launchpad/Widget/PAGE-CASE/demo.stories.tsx.mustache CHANGED Viewed

@@ -78,8 +78,4 @@ return (
   );
 };
-Base{{COMPONENT_CLASS_NAME}}.args = {
-  updateDateTime: '2023-01-16T14:53:33.280Z',
-  createDateTime: '2023-01-16T14:53:33.198Z',
-  ...configProps
-};
+Base{{COMPONENT_CLASS_NAME}}.args = {};

package/src/tasks/create/templates/Launchpad/Widget/PAGE-CASE/index.tsx.mustache CHANGED Viewed

@@ -1,6 +1,7 @@
 import { Fragment } from 'react';
 import { DateTimeDisplay, Card, CardHeader, CardContent, Flex, withConfiguration } from '@pega/cosmos-react-core';
 import type { PConnFieldProps } from './PConnProps';
+import './create-nonce';
 // includes in bundle
 import Operator from './Operator';