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/tests/assets/components/createAll/Launchpad/Pega_DXIL_MyDecimal/demo.stories.tsx CHANGED Viewed

@@ -57,6 +57,8 @@ export const BasePegaDxilMyDecimal: Story = args => {
 BasePegaDxilMyDecimal.args = {
   label: configProps.label,
   helperText: configProps.helperText,
+  placeholder: configProps.placeholder,
+  showGroupSeparators: configProps.showGroupSeparators,
   testId: configProps.testId,
   readOnly: configProps.readOnly,
   disabled: configProps.disabled,

package/tests/assets/components/createAll/Launchpad/Pega_DXIL_MyDecimal/index.tsx 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 StyledPegaDxilMyDecimalWrapper from './styles';
@@ -158,7 +159,7 @@ function PegaDxilMyDecimal(props: PegaDxilMyDecimalProps) {
     switch (displayMode) {
       case 'DISPLAY_ONLY': {
-        return (<StyledPegaDxilMyDecimalWrapper> displayComp </StyledPegaDxilMyDecimalWrapper>);
+        return (<StyledPegaDxilMyDecimalWrapper> {displayComp} </StyledPegaDxilMyDecimalWrapper>);
       }
       case 'LABELS_LEFT': {
         return (

package/tests/assets/components/createAll/Launchpad/Pega_DXIL_MyDetails/create-nonce.ts ADDED Viewed

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

package/tests/assets/components/createAll/Launchpad/Pega_DXIL_MyDetails/demo.stories.tsx CHANGED Viewed

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

package/tests/assets/components/createAll/Launchpad/Pega_DXIL_MyDetails/index.tsx 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 StyledPegaDxilMyDetailsWrapper from './styles';

package/tests/assets/components/createAll/Launchpad/Pega_DXIL_MyEmail/create-nonce.ts ADDED Viewed

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

package/tests/assets/components/createAll/Launchpad/Pega_DXIL_MyEmail/demo.stories.tsx CHANGED Viewed

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

package/tests/assets/components/createAll/Launchpad/Pega_DXIL_MyEmail/index.tsx 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 PegaDxilMyEmail(props: PegaDxilMyEmailProps) {
     }
     return displayMode === 'DISPLAY_ONLY' ? (
       <StyledPegaDxilMyEmailWrapper>
-      displayComp
+      {displayComp}
       </StyledPegaDxilMyEmailWrapper>
     ) : (
       <StyledPegaDxilMyEmailWrapper>

package/tests/assets/components/createAll/Launchpad/Pega_DXIL_MyForm/create-nonce.ts ADDED Viewed

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

package/tests/assets/components/createAll/Launchpad/Pega_DXIL_MyForm/index.tsx CHANGED Viewed

@@ -1,7 +1,7 @@
 import { Grid, FieldGroup, withConfiguration } from '@pega/cosmos-react-core';
 import type { PConnFieldProps } from './PConnProps';
+import './create-nonce';
 import StyledPegaDxilMyFormWrapper from './styles';

package/tests/assets/components/createAll/Launchpad/Pega_DXIL_MyInteger/create-nonce.ts ADDED Viewed

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

package/tests/assets/components/createAll/Launchpad/Pega_DXIL_MyInteger/demo.stories.tsx CHANGED Viewed

@@ -56,6 +56,7 @@ export const BasePegaDxilMyInteger: Story = args => {
 BasePegaDxilMyInteger.args = {
   label: configProps.label,
   helperText: configProps.helperText,
+  showGroupSeparators: configProps.showGroupSeparators,
   testId: configProps.testId,
   readOnly: configProps.readOnly,
   disabled: configProps.disabled,

package/tests/assets/components/createAll/Launchpad/Pega_DXIL_MyInteger/index.tsx 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";
@@ -184,7 +185,7 @@ function PegaDxilMyInteger(props: PegaDxilMyIntegerProps) {
     switch (displayMode) {
       case 'DISPLAY_ONLY': {
-        return (<StyledPegaDxilMyIntegerWrapper> displayComp </StyledPegaDxilMyIntegerWrapper>);
+        return (<StyledPegaDxilMyIntegerWrapper> {displayComp} </StyledPegaDxilMyIntegerWrapper>);
       }
       case 'LABELS_LEFT': {
         return (

package/tests/assets/components/createAll/Launchpad/Pega_DXIL_MyInteger/mock.ts CHANGED Viewed

@@ -3,7 +3,6 @@ export const configProps = {
   value: '',
   label: 'Integer Sample',
   showGroupSeparators: true,
-  placeholder: 'Integer Placeholder',
   helperText: 'Integer Helper Text',
   testId: 'integer-12345678',
   hasSuggestions: false,

package/tests/assets/components/createAll/Launchpad/Pega_DXIL_MyPage/create-nonce.ts ADDED Viewed

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

package/tests/assets/components/createAll/Launchpad/Pega_DXIL_MyPage/index.tsx 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/tests/assets/components/createAll/Launchpad/Pega_DXIL_MyPageCaseWidget/create-nonce.ts ADDED Viewed

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

package/tests/assets/components/createAll/Launchpad/Pega_DXIL_MyPageCaseWidget/demo.stories.tsx CHANGED Viewed

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

package/tests/assets/components/createAll/Launchpad/Pega_DXIL_MyPageCaseWidget/index.tsx 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';

package/tests/assets/components/createAll/Launchpad/Pega_DXIL_MyPageWidget/create-nonce.ts ADDED Viewed

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

package/tests/assets/components/createAll/Launchpad/Pega_DXIL_MyPageWidget/index.tsx 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 StyledPegaDxilMyPageWidgetWrapper from './styles';

package/tests/assets/components/createAll/Launchpad/Pega_DXIL_MyParagraph/create-nonce.ts ADDED Viewed

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

package/tests/assets/components/createAll/Launchpad/Pega_DXIL_MyParagraph/demo.stories.tsx CHANGED Viewed

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

package/tests/assets/components/createAll/Launchpad/Pega_DXIL_MyParagraph/index.tsx 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 PegaDxilMyParagraph(props: PegaDxilMyParagraphProps) {
     }
     return displayMode === 'DISPLAY_ONLY' ? (
       <StyledPegaDxilMyParagraphWrapper>
-      displayComp
+      {displayComp}
       </StyledPegaDxilMyParagraphWrapper>
     ) : (
       <StyledPegaDxilMyParagraphWrapper>

package/tests/assets/components/createAll/Launchpad/Pega_DXIL_MyPercentage/create-nonce.ts ADDED Viewed

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

package/tests/assets/components/createAll/Launchpad/Pega_DXIL_MyPercentage/demo.stories.tsx CHANGED Viewed

@@ -57,6 +57,7 @@ export const BasePegaDxilMyPercentage: Story = args => {
 BasePegaDxilMyPercentage.args = {
   label: configProps.label,
   helperText: configProps.helperText,
+  showGroupSeparators: configProps.showGroupSeparators,
   testId: configProps.testId,
   readOnly: configProps.readOnly,
   disabled: configProps.disabled,

package/tests/assets/components/createAll/Launchpad/Pega_DXIL_MyPercentage/index.tsx CHANGED Viewed

@@ -10,6 +10,7 @@ import {
 import type { PConnFieldProps } from './PConnProps';
+import './create-nonce';
 // includes in bundle
 import handleEvent from './event-utils';
@@ -165,7 +166,7 @@ function PegaDxilMyPercentage(props: PegaDxilMyPercentageProps) {
     return displayMode === 'DISPLAY_ONLY' ? (
       <StyledPegaDxilMyPercentageWrapper>
-      displayComp
+      {displayComp}
       </StyledPegaDxilMyPercentageWrapper>
     ) : (
       <StyledPegaDxilMyPercentageWrapper>

package/tests/assets/components/createAll/Launchpad/Pega_DXIL_MyPercentage/mock.ts CHANGED Viewed

@@ -4,7 +4,6 @@ export const configProps = {
   value: '',
   label: 'Percentage Sample',
   showGroupSeparators: true,
-  placeholder: 'Percentage Placeholder',
   helperText: 'Percentage Helper Text',
   testId: 'percentage-12345678',
   hasSuggestions: false,

package/tests/assets/components/createAll/Launchpad/Pega_DXIL_MyPhone/create-nonce.ts ADDED Viewed

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

package/tests/assets/components/createAll/Launchpad/Pega_DXIL_MyPhone/demo.stories.tsx CHANGED Viewed

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

package/tests/assets/components/createAll/Launchpad/Pega_DXIL_MyPhone/index.tsx 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 PegaDxilMyPhone(props: PegaDxilMyPhoneProps) {
     }
     return displayMode === 'DISPLAY_ONLY' ? (
       <StyledPegaDxilMyPhoneWrapper>
-      displayComp
+      {displayComp}
       </StyledPegaDxilMyPhoneWrapper>
     ) : (
       <StyledPegaDxilMyPhoneWrapper>

package/tests/assets/components/createAll/Launchpad/Pega_DXIL_MyPicklist/create-nonce.ts ADDED Viewed

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

package/tests/assets/components/createAll/Launchpad/Pega_DXIL_MyPicklist/demo.stories.tsx CHANGED Viewed

@@ -86,6 +86,7 @@ export const BasePegaDxilMyPicklist: Story = args => {
 BasePegaDxilMyPicklist.args = {
   label: configProps.label,
   helperText: configProps.helperText,
+  placeholder: configProps.placeholder,
   testId: configProps.testId,
   readOnly: configProps.readOnly,
   disabled: configProps.disabled,

package/tests/assets/components/createAll/Launchpad/Pega_DXIL_MyPicklist/index.tsx 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";
@@ -256,7 +257,7 @@ function PegaDxilMyPicklist(props: PegaDxilMyPicklistProps) {
     return displayMode === 'DISPLAY_ONLY' ? (
       <StyledPegaDxilMyPicklistWrapper>
-      displayComp
+      {displayComp}
       </StyledPegaDxilMyPicklistWrapper>
     ) : (
       <StyledPegaDxilMyPicklistWrapper>

package/tests/assets/components/createAll/Launchpad/Pega_DXIL_MyRadioButtons/create-nonce.ts ADDED Viewed

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

package/tests/assets/components/createAll/Launchpad/Pega_DXIL_MyRadioButtons/demo.stories.tsx CHANGED Viewed

@@ -23,11 +23,11 @@ export const BasePegaDxilMyRadiobuttons: 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 BasePegaDxilMyRadiobuttons: Story = args => {
 BasePegaDxilMyRadiobuttons.args = {
   label: configProps.label,
   helperText: configProps.helperText,
+  placeholder: configProps.placeholder,
+  inline: configProps.inline,
   testId: configProps.testId,
   readOnly: configProps.readOnly,
   disabled: configProps.disabled,

package/tests/assets/components/createAll/Launchpad/Pega_DXIL_MyRadioButtons/index.tsx 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 PegaDxilMyRadiobuttonsProps extends PConnFieldProps {
   listType: string;
   datasource: Array<any>;
   inline: boolean;
-  align: string;
 }
@@ -62,7 +62,6 @@ function PegaDxilMyRadiobuttons(props: PegaDxilMyRadiobuttonsProps) {
     datasource = [],
     listType,
     validatemessage,
-    align = 'vertical',
     testId,
     additionalProps = {},
     displayMode,
@@ -185,7 +184,6 @@ function PegaDxilMyRadiobuttons(props: PegaDxilMyRadiobuttonsProps) {
         // @ts-ignore
         pConn.getValidationApi().validate(event.target.value);
       }}
-      align={align}
       disabled={disabled}
       className='standard'
       name={fullReference}

package/tests/assets/components/createAll/Launchpad/Pega_DXIL_MyRadioButtons/mock.ts CHANGED Viewed

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

package/tests/assets/components/createAll/Launchpad/Pega_DXIL_MySearchbox/create-nonce.ts ADDED Viewed

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

package/tests/assets/components/createAll/Launchpad/Pega_DXIL_MySearchbox/demo.stories.tsx CHANGED Viewed

@@ -95,6 +95,8 @@ export const BasePegaDxilMySearchbox: Story = args => {
 BasePegaDxilMySearchbox.args = {
   label: configProps.label,
   helperText: configProps.helperText,
+  placeholder: configProps.placeholder,
+  isTableFormatter: false,
   testId: configProps.testId,
   readOnly: configProps.readOnly,
   disabled: configProps.disabled,

package/tests/assets/components/createAll/Launchpad/Pega_DXIL_MySearchbox/index.tsx 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/tests/assets/components/createAll/Launchpad/Pega_DXIL_MyText/create-nonce.ts ADDED Viewed

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

package/tests/assets/components/createAll/Launchpad/Pega_DXIL_MyText/demo.stories.tsx CHANGED Viewed

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

package/tests/assets/components/createAll/Launchpad/Pega_DXIL_MyText/index.tsx CHANGED Viewed

@@ -1,6 +1,7 @@
 import { Input, withConfiguration } from '@pega/cosmos-react-core';
 import type { PConnFieldProps } from './PConnProps';
+import './create-nonce';
 import StyledPegaDxilMyTextWrapper from './styles';

package/tests/assets/components/createAll/Launchpad/Pega_DXIL_MyTextInput/create-nonce.ts ADDED Viewed

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

package/tests/assets/components/createAll/Launchpad/Pega_DXIL_MyTextInput/demo.stories.tsx CHANGED Viewed

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

package/tests/assets/components/createAll/Launchpad/Pega_DXIL_MyTextInput/index.tsx 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 PegaDxilMyTextInput(props: PegaDxilMyTextInputProps) {
       displayComp = textFormatter(formatter, value);
     }
     return displayMode === 'DISPLAY_ONLY' ? (
-      <StyledPegaDxilMyTextInputWrapper> displayComp </StyledPegaDxilMyTextInputWrapper>
+      <StyledPegaDxilMyTextInputWrapper> {displayComp} </StyledPegaDxilMyTextInputWrapper>
     ) : (
       <StyledPegaDxilMyTextInputWrapper>
       <FieldValueList

package/tests/assets/components/createAll/Launchpad/Pega_DXIL_MyTimeOfDay/create-nonce.ts ADDED Viewed

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

package/tests/assets/components/createAll/Launchpad/Pega_DXIL_MyTimeOfDay/demo.stories.tsx CHANGED Viewed

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

package/tests/assets/components/createAll/Launchpad/Pega_DXIL_MyTimeOfDay/index.tsx 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 PegaDxilMyTimeOfDay (props: PegaDxilMyTimeOfDayProps)  {
     );
     switch (displayMode) {
       case 'DISPLAY_ONLY': {
-        return ( <StyledPegaDxilMyTimeOfDayWrapper> displayComp </StyledPegaDxilMyTimeOfDayWrapper>);
+        return ( <StyledPegaDxilMyTimeOfDayWrapper> {displayComp} </StyledPegaDxilMyTimeOfDayWrapper>);
       }
       case 'LABELS_LEFT': {
         return (

package/tests/assets/components/createAll/Launchpad/Pega_DXIL_MyTwoColumnDetails/create-nonce.ts ADDED Viewed

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

package/tests/assets/components/createAll/Launchpad/Pega_DXIL_MyTwoColumnDetails/demo.stories.tsx CHANGED Viewed

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

package/tests/assets/components/createAll/Launchpad/Pega_DXIL_MyTwoColumnDetails/index.tsx 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 StyledPegaDxilMyTwoColumnDetailsWrapper from './styles';

package/tests/assets/components/createAll/Launchpad/Pega_DXIL_MyTwoColumnForm/create-nonce.ts ADDED Viewed

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

package/tests/assets/components/createAll/Launchpad/Pega_DXIL_MyTwoColumnForm/index.tsx 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 StyledPegaDxilMyTwoColumnFormWrapper from './styles';

package/tests/assets/components/createAll/Launchpad/Pega_DXIL_MyURL/create-nonce.ts ADDED Viewed

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

package/tests/assets/components/createAll/Launchpad/Pega_DXIL_MyURL/demo.stories.tsx CHANGED Viewed

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

package/tests/assets/components/createAll/Launchpad/Pega_DXIL_MyURL/index.tsx 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/tests/assets/components/createAll/Launchpad/_components.md ADDED Viewed

	@@ -0,0 +1 @@
1	+ # directory for components #