@pega/custom-dx-components 0.23.32 → 0.23.34

package/tests/assets/components/createAll/Constellation/Pega_DXIL_MyText/index.tsx

@@ -1,5 +1,3 @@
-// eslint-disable-next-line @typescript-eslint/no-unused-vars
-import React from 'react';
 import PropTypes from 'prop-types';
 import { Input } from '@pega/cosmos-react-core';
 

package/tests/assets/components/createAll/Constellation/Pega_DXIL_MyTextInput/index.tsx

@@ -1,5 +1,3 @@
-// eslint-disable-next-line @typescript-eslint/no-unused-vars
-import React from 'react';
 import { useEffect, useState, useRef } from 'react';
 import { Input, FieldValueList, Text, EmailDisplay, PhoneDisplay, URLDisplay } from '@pega/cosmos-react-core';
 import PropTypes from 'prop-types';

package/tests/assets/components/createAll/Constellation/Pega_DXIL_MyTimeOfDay/index.tsx

@@ -1,5 +1,3 @@
-// eslint-disable-next-line @typescript-eslint/no-unused-vars
-import React from 'react';
 import { useEffect, useState } from 'react';
 import { TimeInput, FieldValueList, DateTimeDisplay, Text } from '@pega/cosmos-react-core';
 import PropTypes from 'prop-types';

package/tests/assets/components/createAll/Constellation/Pega_DXIL_MyTwoColumnDetails/index.tsx

@@ -1,5 +1,3 @@
-// eslint-disable-next-line @typescript-eslint/no-unused-vars
-import React from 'react';
 import { Fragment } from 'react';
 import { Grid, Flex, FieldGroup } from '@pega/cosmos-react-core';
 import PropTypes from 'prop-types';

package/tests/assets/components/createAll/Constellation/Pega_DXIL_MyTwoColumnForm/index.tsx

@@ -1,5 +1,3 @@
-// eslint-disable-next-line @typescript-eslint/no-unused-vars
-import React from 'react';
 import { Grid, Flex, FieldGroup } from '@pega/cosmos-react-core';
 import PropTypes from 'prop-types';
 

package/tests/assets/components/createAll/Constellation/Pega_DXIL_MyURL/index.tsx

@@ -1,5 +1,3 @@
-// eslint-disable-next-line @typescript-eslint/no-unused-vars
-import React from 'react';
 import { useState, useEffect, useRef} from "react";
 import { Input, FieldValueList, Text } from "@pega/cosmos-react-core";
 import PropTypes from "prop-types";

package/tests/assets/components/createAll/Launchpad/Pega_DXIL_MyBoolean/index.tsx

@@ -1,5 +1,3 @@
-// eslint-disable-next-line @typescript-eslint/no-unused-vars
-import React from 'react';
 import {
   Checkbox as CosmosCheckbox,
   CheckboxGroup,

package/tests/assets/components/createAll/Launchpad/Pega_DXIL_MyCurrency/index.tsx

@@ -1,6 +1,4 @@
 
-// eslint-disable-next-line @typescript-eslint/no-unused-vars
-import React from 'react';
 import { useState, useEffect } from 'react';
 import {
   CurrencyInput as CosmosCurrency,

package/tests/assets/components/createAll/Launchpad/Pega_DXIL_MyDate/index.tsx

@@ -1,5 +1,3 @@
-// eslint-disable-next-line @typescript-eslint/no-unused-vars
-import React from 'react';
 import { useEffect, useState } from 'react';
 import { DateInput, FieldValueList, DateTimeDisplay, Text,  } from '@pega/cosmos-react-core';
 import PropTypes from 'prop-types';

package/tests/assets/components/createAll/Launchpad/Pega_DXIL_MyDateTime/index.tsx

@@ -1,5 +1,3 @@
-// eslint-disable-next-line @typescript-eslint/no-unused-vars
-import React from 'react';
 import { useEffect, useState } from 'react';
 import { DateTimeInput, FieldValueList, DateTimeDisplay, Text } from "@pega/cosmos-react-core";
 import PropTypes from "prop-types";

package/tests/assets/components/createAll/Launchpad/Pega_DXIL_MyDecimal/index.tsx

@@ -1,5 +1,3 @@
-// eslint-disable-next-line @typescript-eslint/no-unused-vars
-import React from 'react';
 import { useState, useEffect, useRef } from 'react';
 import { NumberInput, NumberDisplay, CurrencyDisplay, FieldValueList, Text } from '@pega/cosmos-react-core';
 import PropTypes from 'prop-types';

package/tests/assets/components/createAll/Launchpad/Pega_DXIL_MyDetails/index.tsx

@@ -1,5 +1,3 @@
-// eslint-disable-next-line @typescript-eslint/no-unused-vars
-import React from 'react';
 import { Fragment } from 'react';
 import { Grid, Flex, FieldGroup } from '@pega/cosmos-react-core';
 import PropTypes from 'prop-types';

package/tests/assets/components/createAll/Launchpad/Pega_DXIL_MyEmail/index.tsx

@@ -1,5 +1,3 @@
-// eslint-disable-next-line @typescript-eslint/no-unused-vars
-import React from 'react';
 import { useState, useEffect, useRef } from 'react';
 import { Input, EmailDisplay, FieldValueList, Text, URLDisplay, PhoneDisplay } from '@pega/cosmos-react-core';
 import PropTypes from 'prop-types';

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

@@ -1,5 +1,3 @@
-// eslint-disable-next-line @typescript-eslint/no-unused-vars
-import React from 'react';
 import { Grid, FieldGroup } from '@pega/cosmos-react-core';
 import PropTypes from 'prop-types';
 

package/tests/assets/components/createAll/Launchpad/Pega_DXIL_MyInteger/index.tsx

@@ -1,5 +1,3 @@
-// eslint-disable-next-line @typescript-eslint/no-unused-vars
-import React from 'react';
 import { useState, useEffect, useRef } from 'react';
 import { NumberInput, NumberDisplay, Slider, FieldValueList, CurrencyDisplay, Text } from '@pega/cosmos-react-core';
 import PropTypes from 'prop-types';

package/tests/assets/components/createAll/Launchpad/Pega_DXIL_MyPage/index.tsx

@@ -1,5 +1,3 @@
-// eslint-disable-next-line @typescript-eslint/no-unused-vars
-import React from 'react';
 import { useMemo, Children } from 'react';
 import PropTypes from 'prop-types';
 import { OneColumnPage as OneColumn } from '@pega/cosmos-react-core';

package/tests/assets/components/createAll/Launchpad/Pega_DXIL_MyPageCaseWidget/index.tsx

@@ -1,5 +1,3 @@
-// eslint-disable-next-line @typescript-eslint/no-unused-vars
-import React from 'react';
 import { Fragment } from 'react';
 import { DateTimeDisplay, Card, CardHeader, CardContent, Flex } from '@pega/cosmos-react-core';
 import PropTypes from 'prop-types';

package/tests/assets/components/createAll/Launchpad/Pega_DXIL_MyPageWidget/index.tsx

@@ -1,5 +1,3 @@
-// eslint-disable-next-line @typescript-eslint/no-unused-vars
-import React from 'react';
 import PropTypes from 'prop-types';
 import { AppAnnouncement as PegaAppAnnouncement } from '@pega/cosmos-react-work';
 import type { PConnFieldProps } from './PConnProps';

package/tests/assets/components/createAll/Launchpad/Pega_DXIL_MyParagraph/index.tsx

@@ -1,5 +1,3 @@
-// eslint-disable-next-line @typescript-eslint/no-unused-vars
-import React from 'react';
 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/tests/assets/components/createAll/Launchpad/Pega_DXIL_MyPercentage/index.tsx

@@ -1,5 +1,3 @@
-// eslint-disable-next-line @typescript-eslint/no-unused-vars
-import React from 'react';
 import { useState, useEffect, useRef } from 'react';
 import {
   NumberInput,

package/tests/assets/components/createAll/Launchpad/Pega_DXIL_MyPhone/index.tsx

@@ -1,5 +1,3 @@
-// eslint-disable-next-line @typescript-eslint/no-unused-vars
-import React from 'react';
 import { useState, useEffect, useRef } from 'react';
 import {
   PhoneInput as CosmosPhone,

package/tests/assets/components/createAll/Launchpad/Pega_DXIL_MyPicklist/index.tsx

@@ -1,6 +1,4 @@
 /* eslint-disable react-hooks/exhaustive-deps */
-// eslint-disable-next-line @typescript-eslint/no-unused-vars
-import React from 'react';
 // @ts-nocheck
 import { useState, useEffect, useRef } from 'react';
 import { Select, Option, FieldValueList, Text } from '@pega/cosmos-react-core';

package/tests/assets/components/createAll/Launchpad/Pega_DXIL_MyRadioButtons/config.json

@@ -1,12 +1,12 @@
 {
-  "name": "Pega_DXIL_MyRadioButtons",
-  "label": "My Radio Buttons",
-  "description": "My Radio Buttons",
+  "name": "Pega_DXIL_MyRadiobuttons",
+  "label": "My Radio buttons",
+  "description": "My Radio buttons",
   "organization": "Pega",
   "version": "0.0.1",
   "library": "DXIL",
   "allowedApplications": [],
-  "componentKey": "Pega_DXIL_MyRadioButtons",
+  "componentKey": "Pega_DXIL_MyRadiobuttons",
   "type": "Field",
   "subtype": "Picklist",
   "icon": "images/pz-dropdown-active.svg",

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

@@ -6,15 +6,15 @@ import { withKnobs } from '@storybook/addon-knobs';
 
 import { configProps, rawMetadata, fieldMetadata, stateProps } from './mock';
 
-import PegaDxilMyRadioButtons from './index';
+import PegaDxilMyRadiobuttons from './index';
 
 export default {
-  title: 'PegaDxilMyRadioButtons',
+  title: 'PegaDxilMyRadiobuttons',
   decorators: [withKnobs],
-  component: PegaDxilMyRadioButtons
+  component: PegaDxilMyRadiobuttons
 };
 
-export const BasePegaDxilMyRadioButtons = () => {
+export const BasePegaDxilMyRadiobuttons = () => {
 
   const [value, setValue] = useState(configProps.value);
 
@@ -79,7 +79,7 @@ export const BasePegaDxilMyRadioButtons = () => {
 
   return (
     <>
-      <PegaDxilMyRadioButtons {...props} />
+      <PegaDxilMyRadiobuttons {...props} />
     </>
   );
 };

package/tests/assets/components/createAll/Launchpad/Pega_DXIL_MyRadioButtons/index.tsx

@@ -1,6 +1,4 @@
 /* eslint-disable no-nested-ternary */
-// eslint-disable-next-line @typescript-eslint/no-unused-vars
-import React from 'react';
 import { useMemo } from 'react';
 import PropTypes from 'prop-types';
 import { RadioButton, RadioButtonGroup } from '@pega/cosmos-react-core';
@@ -10,11 +8,11 @@ import type { PConnFieldProps } from './PConnProps';
 import { formatExists, textFormatter } from './textformat-utils.jsx';
 import handleEvent from './event-utils';
 
-import StyledPegaDxilMyRadioButtonsWrapper from './styles';
+import StyledPegaDxilMyRadiobuttonsWrapper from './styles';
 
 
 // interface for props
-interface PegaDxilMyRadioButtonsProps extends PConnFieldProps {
+interface PegaDxilMyRadiobuttonsProps extends PConnFieldProps {
   // If any, enter additional props that only exist on TextInput here
   isTableFormatter?: boolean;
   hasSuggestions?: boolean;
@@ -55,7 +53,7 @@ const getDisplayValue = (dataSource: any, value: any, isDatapage: boolean) => {
 
 // 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
-export default function PegaDxilMyRadioButtons(props: PegaDxilMyRadioButtonsProps) {
+export default function PegaDxilMyRadiobuttons(props: PegaDxilMyRadiobuttonsProps) {
   const {
     getPConnect,
     value,
@@ -167,7 +165,7 @@ export default function PegaDxilMyRadioButtons(props: PegaDxilMyRadioButtonsProp
   }
 
   return (
-    <StyledPegaDxilMyRadioButtonsWrapper>
+    <StyledPegaDxilMyRadiobuttonsWrapper>
     <RadioButtonGroup
       {...additionalProps}
       label={label}
@@ -195,12 +193,12 @@ export default function PegaDxilMyRadioButtons(props: PegaDxilMyRadioButtonsProp
     >
       {items}
     </RadioButtonGroup>
-    </StyledPegaDxilMyRadioButtonsWrapper>
+    </StyledPegaDxilMyRadiobuttonsWrapper>
   );
 }
 
 
-PegaDxilMyRadioButtons.defaultProps = {
+PegaDxilMyRadiobuttons.defaultProps = {
   value: '',
   validatemessage: '',
   helperText: '',
@@ -221,7 +219,7 @@ PegaDxilMyRadioButtons.defaultProps = {
   isTableFormatter: false
 };
 
-PegaDxilMyRadioButtons.propTypes = {
+PegaDxilMyRadiobuttons.propTypes = {
   getPConnect: PropTypes.func.isRequired,
   value: PropTypes.string,
   label: PropTypes.string.isRequired,

package/tests/assets/components/createAll/{Constellation/Pega_DXIL_MyAutocomplete → Launchpad/Pega_DXIL_MySearchbox}/config.json

@@ -1,12 +1,12 @@
 {
-  "name": "Pega_DXIL_MyAutocomplete",
-  "label": "My Autocomplete",
-  "description": "My Autocomplete",
+  "name": "Pega_DXIL_MySearchbox",
+  "label": "My Search box",
+  "description": "My Search box",
   "organization": "Pega",
   "version": "0.0.1",
   "library": "DXIL",
   "allowedApplications": [],
-  "componentKey": "Pega_DXIL_MyAutocomplete",
+  "componentKey": "Pega_DXIL_MySearchbox",
   "type": "Field",
   "subtype": "Picklist",
   "icon": "images/pz-dropdown-active.svg",

package/tests/assets/components/createAll/{Constellation/Pega_DXIL_MyAutocomplete → Launchpad/Pega_DXIL_MySearchbox}/demo.stories.tsx

@@ -6,15 +6,15 @@ import { withKnobs } from '@storybook/addon-knobs';
 
 import { configProps, rawMetadata, fieldMetadata, stateProps } from './mock';
 
-import PegaDxilMyAutocomplete from './index';
+import PegaDxilMySearchbox from './index';
 
 export default {
-  title: 'PegaDxilMyAutocomplete',
+  title: 'PegaDxilMySearchbox',
   decorators: [withKnobs],
-  component: PegaDxilMyAutocomplete
+  component: PegaDxilMySearchbox
 };
 
-export const BasePegaDxilMyAutocomplete = () => {
+export const BasePegaDxilMySearchbox = () => {
 
   const [value, setValue] = useState(configProps.value);
   const datasourceMetadata = fieldMetadata;
@@ -84,7 +84,7 @@ export const BasePegaDxilMyAutocomplete = () => {
 
   return (
     <>
-      <PegaDxilMyAutocomplete {...props} />
+      <PegaDxilMySearchbox {...props} />
     </>
   );
 };

package/tests/assets/components/createAll/Launchpad/{Pega_DXIL_MyAutocomplete → Pega_DXIL_MySearchbox}/index.tsx

@@ -1,7 +1,5 @@
 /* eslint-disable react-hooks/exhaustive-deps */
 /* eslint-disable sonarjs/cognitive-complexity */
-// eslint-disable-next-line @typescript-eslint/no-unused-vars
-import React from 'react';
 import { useEffect, useRef, useState, memo, useMemo, type MutableRefObject, type SetStateAction } from 'react';
 import { ComboBox, menuHelpers, debounce, throttle, Button, Icon, type MenuGroupProps, type MenuItemProps } from '@pega/cosmos-react-core';
 import PropTypes from 'prop-types';
@@ -19,10 +17,10 @@ import { getFieldNameFromEmbeddedFieldName } from './embed-utils.js';
 
 import { usePaginate, useDeepMemo, useIsMount, updatePropertiesForNewRecord } from './utils';
 
-import StyledPegaDxilMyAutocompleteWrapper from './styles';
+import StyledPegaDxilMySearchboxWrapper from './styles';
 
 // interface for props
-interface PegaDxilMyAutocompleteProps extends PConnFieldProps {
+interface PegaDxilMySearchboxProps extends PConnFieldProps {
   // If any, enter additional props that only exist on TextInput here
   isTableFormatter?: boolean;
   hasSuggestions?: boolean;
@@ -49,7 +47,7 @@ interface PegaDxilMyAutocompleteProps extends PConnFieldProps {
   isSearchableOnKey: boolean;
 }
 
-interface PegaDxilMyAutocompletePropsSubSet {
+interface PegaDxilMySearchboxPropsSubSet {
   selected: any;
   actualValue: any;
   isTableFormatter?: boolean;
@@ -363,7 +361,7 @@ export const setValueToAssocProp = (
   return retValue;
 };
 
-const DisplayComponent = (props: PegaDxilMyAutocompletePropsSubSet) => {
+const DisplayComponent = (props: PegaDxilMySearchboxPropsSubSet) => {
   const { selected, actualValue, isTableFormatter, formatter } = props;
 
   const displayCompValue = selected ? selected.primary : actualValue;
@@ -380,7 +378,7 @@ const DisplayComponent = (props: PegaDxilMyAutocompletePropsSubSet) => {
 
 // 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
-export function PegaDxilMyAutocomplete(props: PegaDxilMyAutocompleteProps) {
+export function PegaDxilMySearchbox(props: PegaDxilMySearchboxProps) {
   const {
     getPConnect,
     value,
@@ -1074,9 +1072,9 @@ export function PegaDxilMyAutocomplete(props: PegaDxilMyAutocompleteProps) {
   };
 
   const displayComponent = useMemo(() => {
-    return <StyledPegaDxilMyAutocompleteWrapper>
+    return <StyledPegaDxilMySearchboxWrapper>
     <DisplayComponent {...{ selected, actualValue, isTableFormatter, formatter }} />
-    </StyledPegaDxilMyAutocompleteWrapper>;
+    </StyledPegaDxilMySearchboxWrapper>;
   }, [selected, actualValue, isTableFormatter, formatter]);
 
   if (displayMode) {
@@ -1124,7 +1122,7 @@ export function PegaDxilMyAutocomplete(props: PegaDxilMyAutocompleteProps) {
 
 
   return (
-    <StyledPegaDxilMyAutocompleteWrapper>
+    <StyledPegaDxilMySearchboxWrapper>
     <ComboBox
       {...additionalProps}
       testId={testId ?? label}
@@ -1170,13 +1168,13 @@ export function PegaDxilMyAutocomplete(props: PegaDxilMyAutocompleteProps) {
       mode={AC_TYPE}
       onResolveSuggestion={onResolveSuggestionHandler}
     />
-    </StyledPegaDxilMyAutocompleteWrapper>
+    </StyledPegaDxilMySearchboxWrapper>
   );
 }
 
-export default memo(PegaDxilMyAutocomplete);
+export default memo(PegaDxilMySearchbox);
 
-PegaDxilMyAutocomplete.defaultProps = {
+PegaDxilMySearchbox.defaultProps = {
   value: '',
   matchPosition: 'contains',
   maxResultsDisplay: '',
@@ -1205,7 +1203,7 @@ PegaDxilMyAutocomplete.defaultProps = {
   hasSuggestions: false
 };
 
-PegaDxilMyAutocomplete.propTypes = {
+PegaDxilMySearchbox.propTypes = {
   value: PropTypes.string,
   maxResultsDisplay: PropTypes.string,
   matchPosition: PropTypes.string,

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

@@ -1,5 +1,3 @@
-// eslint-disable-next-line @typescript-eslint/no-unused-vars
-import React from 'react';
 import PropTypes from 'prop-types';
 import { Input } from '@pega/cosmos-react-core';
 

package/tests/assets/components/createAll/Launchpad/Pega_DXIL_MyTextInput/index.tsx

@@ -1,5 +1,3 @@
-// eslint-disable-next-line @typescript-eslint/no-unused-vars
-import React from 'react';
 import { useEffect, useState, useRef } from 'react';
 import { Input, FieldValueList, Text, EmailDisplay, PhoneDisplay, URLDisplay } from '@pega/cosmos-react-core';
 import PropTypes from 'prop-types';

package/tests/assets/components/createAll/Launchpad/Pega_DXIL_MyTimeOfDay/index.tsx

@@ -1,5 +1,3 @@
-// eslint-disable-next-line @typescript-eslint/no-unused-vars
-import React from 'react';
 import { useEffect, useState } from 'react';
 import { TimeInput, FieldValueList, DateTimeDisplay, Text } from '@pega/cosmos-react-core';
 import PropTypes from 'prop-types';

package/tests/assets/components/createAll/Launchpad/Pega_DXIL_MyTwoColumnDetails/index.tsx

@@ -1,5 +1,3 @@
-// eslint-disable-next-line @typescript-eslint/no-unused-vars
-import React from 'react';
 import { Fragment } from 'react';
 import { Grid, Flex, FieldGroup } from '@pega/cosmos-react-core';
 import PropTypes from 'prop-types';

package/tests/assets/components/createAll/Launchpad/Pega_DXIL_MyTwoColumnForm/index.tsx

@@ -1,5 +1,3 @@
-// eslint-disable-next-line @typescript-eslint/no-unused-vars
-import React from 'react';
 import { Grid, Flex, FieldGroup } from '@pega/cosmos-react-core';
 import PropTypes from 'prop-types';
 

package/tests/assets/components/createAll/Launchpad/Pega_DXIL_MyURL/index.tsx

@@ -1,5 +1,3 @@
-// eslint-disable-next-line @typescript-eslint/no-unused-vars
-import React from 'react';
 import { useState, useEffect, useRef} from "react";
 import { Input, FieldValueList, Text } from "@pega/cosmos-react-core";
 import PropTypes from "prop-types";