@pega/sdk 0.0.3 → 0.0.4

package/templates/react-sdk-reference/src/components/template/PromotedFilters/PromotedFilters.tsx

@@ -56,11 +56,7 @@ function Filters({ filters, transientItemID, localeReference }) {
       },
     });
 
-    return (
-      <React.Fragment key={index}>
-        {createElement(PConnectComponent, c11nEnv)}
-      </React.Fragment>
-    );
+    return <React.Fragment key={index}>{createElement(PConnectComponent, c11nEnv)}</React.Fragment>;
   });
 }
 
@@ -73,22 +69,13 @@ export default function PromotedFilters(props: PromotedFilterProps) {
   const ListView = getComponentFromRegistry('ListView');
 
   const localizedVal = PCore.getLocaleUtils().getLocaleValue;
-  const {
-    getPConnect,
-    viewName,
-    filters,
-    listViewProps,
-    pageClass,
-    parameters,
-  } = props;
+  const { getPConnect, viewName, filters, listViewProps, pageClass, parameters } = props;
   const [initTable, setInitTable] = useState(false);
   const [payload, setPayload] = useState({});
   const filtersProperties = {};
 
   filters.forEach((filter) => {
-    filtersProperties[
-      PCore.getAnnotationUtils().getPropertyName(filter.config.value)
-    ] = '';
+    filtersProperties[PCore.getAnnotationUtils().getPropertyName(filter.config.value)] = '';
   });
 
   const transientItemID = useMemo(() => {
@@ -131,10 +118,7 @@ export default function PromotedFilters(props: PromotedFilterProps) {
         }
       });
       const promotedFilters = formatPromotedFilters(formValues);
-      if (
-        PCore.getFormUtils().isFormValid(transientItemID) &&
-        isValidInput(formValues)
-      ) {
+      if (PCore.getFormUtils().isFormValid(transientItemID) && isValidInput(formValues)) {
         setInitTable(true);
         const Query: any = {
           dataViewParameters: parameters,
@@ -158,32 +142,21 @@ export default function PromotedFilters(props: PromotedFilterProps) {
   return (
     <>
       <div>{listViewProps.title}</div>
-      <div className='psdk-grid-filter'>
-        <Filters
-          filters={filters}
-          transientItemID={transientItemID}
-          localeReference={listViewProps.localeReference}
-        />
+      <div className="psdk-grid-filter">
+        <Filters filters={filters} transientItemID={transientItemID} localeReference={listViewProps.localeReference} />
       </div>
       <div>
-        <Button
-          key='1'
-          type='button'
-          onClick={clearFilterData}
-          data-testid='clear'
-          variant='contained'
-          color='primary'
-        >
+        <Button key="1" type="button" onClick={clearFilterData} data-testid="clear" variant="contained" color="primary">
           {localizedVal('Clear', localeCategory)}
         </Button>
         <Button
           style={{ float: 'right' }}
-          key='2'
-          type='submit'
+          key="2"
+          type="submit"
           onClick={getFilterData}
-          data-testid='search'
-          variant='contained'
-          color='primary'
+          data-testid="search"
+          variant="contained"
+          color="primary"
         >
           {localizedVal('Search', localeCategory)}
         </Button>
@@ -191,7 +164,7 @@ export default function PromotedFilters(props: PromotedFilterProps) {
       {initTable && (
         <ListView
           {...listViewProps}
-          title=''
+          title=""
           payload={payload}
           isSearchable
           tableDisplay={{

package/templates/react-sdk-reference/src/components/template/SelfServiceCaseView/SelfServiceCaseView.tsx

@@ -4,7 +4,7 @@ import { getComponentFromRegistry } from '@pega/sdk-react';
 import { prepareCaseSummaryData, filterUtilities } from '../utils';
 import { Utils } from '../../helpers/utils';
 
-const useStyles = makeStyles(theme => ({
+const useStyles = makeStyles((theme) => ({
   root: {
     paddingRight: theme.spacing(1),
     paddingLeft: theme.spacing(1),
@@ -13,21 +13,21 @@ const useStyles = makeStyles(theme => ({
     marginRight: theme.spacing(1),
     marginLeft: theme.spacing(1),
     marginTop: theme.spacing(1),
-    marginBottom: theme.spacing(1)
+    marginBottom: theme.spacing(1),
   },
   caseViewHeader: {
     backgroundColor: theme.palette.info.light,
     color: theme.palette.getContrastText(theme.palette.info.light),
-    borderRadius: 'inherit'
+    borderRadius: 'inherit',
   },
   caseViewIconBox: {
     backgroundColor: theme.palette.info.dark,
     width: theme.spacing(8),
     height: theme.spacing(8),
-    padding: theme.spacing(1)
+    padding: theme.spacing(1),
   },
   caseViewIconImage: {
-    filter: 'var(--svg-color)'
+    filter: 'var(--svg-color)',
   },
   selfServiceCaseViewHeader: {
     margin: '10px 8px 0px 8px',
@@ -37,8 +37,8 @@ const useStyles = makeStyles(theme => ({
     alignItems: 'center',
     backgroundColor: theme.palette.primary.light,
     color: theme.palette.getContrastText(theme.palette.primary.light),
-    padding: '0 8px'
-  }
+    padding: '0 8px',
+  },
 }));
 
 export default function SelfServiceCaseView(props) {
@@ -56,14 +56,14 @@ export default function SelfServiceCaseView(props) {
     showCaseActions = true,
     children,
     caseClass,
-    caseInfo: { availableActions = [], availableProcesses = [], caseTypeID = '', caseTypeName = '' }
+    caseInfo: { availableActions = [], availableProcesses = [], caseTypeID = '', caseTypeName = '' },
   } = props;
   const pConnect = getPConnect();
   const [bShowCaseLifecycle, bShowSummaryRegion, bShowUtilitiesRegion, bShowCaseActions] = [
     showCaseLifecycle,
     showSummaryRegion,
     showUtilitiesRegion,
-    showCaseActions
+    showCaseActions,
   ].map((prop: boolean | string) => prop === true || prop === 'true');
   const isObjectType: boolean = (PCore.getCaseUtils() as any).isObjectCaseType(caseClass);
   const localeKey = pConnect?.getCaseLocaleReference();
@@ -71,17 +71,17 @@ export default function SelfServiceCaseView(props) {
   const renderedRegions: any = isObjectType
     ? {
         caseSummary: children[0],
-        utilities: filterUtilities(children[2])
+        utilities: filterUtilities(children[2]),
       }
     : {
         caseSummary: children[0],
         stages: children[1],
         todo: children[2],
-        utilities: filterUtilities(children[4])
+        utilities: filterUtilities(children[4]),
       };
   const { primarySummaryFields, secondarySummaryFields } = prepareCaseSummaryData(
     renderedRegions.caseSummary,
-    (config: any) => config?.availableInChannel?.selfService === true
+    (config: any) => config?.availableInChannel?.selfService === true,
   );
 
   const isUtilitiesRegionNotEmpty: () => boolean = () => {
@@ -119,23 +119,26 @@ export default function SelfServiceCaseView(props) {
               <CardHeader
                 className={classes.caseViewHeader}
                 title={
-                  <Typography variant='h6' component='div' id='case-name'>
+                  <Typography variant="h6" component="div" id="case-name">
                     {PCore.getLocaleUtils().getLocaleValue(header, '', localeKey)}
                   </Typography>
                 }
                 subheader={
-                  <Typography variant='body1' component='div' id='caseId'>
+                  <Typography variant="body1" component="div" id="caseId">
                     {subheader}
                   </Typography>
                 }
                 avatar={
-                  <Avatar className={classes.caseViewIconBox} variant='square'>
+                  <Avatar className={classes.caseViewIconBox} variant="square">
                     <img src={svgCase} className={classes.caseViewIconImage} />
                   </Avatar>
                 }
               />
               <Divider />
-              <CaseSummary arPrimaryFields={primarySummaryFields} arSecondaryFields={secondarySummaryFields}></CaseSummary>
+              <CaseSummary
+                arPrimaryFields={primarySummaryFields}
+                arSecondaryFields={secondarySummaryFields}
+              ></CaseSummary>
               <Divider />
             </Card>
           </div>

package/templates/react-sdk-reference/src/components/template/SimpleTable/SimpleTable/SimpleTable.tsx

@@ -44,7 +44,7 @@ export default function SimpleTable(props: SimpleTableProps) {
     type,
     ruleClass,
     authorContext,
-    name
+    name,
   } = props;
 
   let { contextClass } = props;
@@ -71,7 +71,7 @@ export default function SimpleTable(props: SimpleTableProps) {
   if (fieldMetadata && fieldMetadata.type === 'Page List' && fieldMetadata.dataRetrievalType === 'refer') {
     const {
       children: [{ children: rawFields }],
-      parameters: rawParams
+      parameters: rawParams,
     } = (getPConnect().getRawMetadata() as any).config;
     if (isDisplayModeEnabled && hideLabel) {
       propsToUse.label = '';
@@ -85,24 +85,25 @@ export default function SimpleTable(props: SimpleTableProps) {
       name,
       propsToUse.label,
       isDataObject,
-      parameters // resolved params
+      parameters, // resolved params
     );
 
     const metaForPConnect = JSON.parse(JSON.stringify(metaForListView));
     // @ts-expect-error - PCore.getMetadataUtils().getPropertyMetadata - An argument for 'currentClassID' was not provided.
-    metaForPConnect.config.parameters = rawParams ?? PCore.getMetadataUtils().getPropertyMetadata(name)?.datasource?.parameters;
+    metaForPConnect.config.parameters =
+      rawParams ?? PCore.getMetadataUtils().getPropertyMetadata(name)?.datasource?.parameters;
 
     const { referenceListStr: referenceList } = getContext(getPConnect());
     let requiredContextForQueryInDisplayMode = {};
     if (isDisplayModeEnabled) {
       requiredContextForQueryInDisplayMode = {
-        referenceList
+        referenceList,
       };
     }
     const options = {
       context: getPConnect().getContextName(),
       pageReference: getPConnect().getPageReference(),
-      ...requiredContextForQueryInDisplayMode
+      ...requiredContextForQueryInDisplayMode,
     };
 
     const refToPConnect = useRef(PCore.createPConnect({ meta: metaForPConnect, options }).getPConnect).current; // getPConnect should be created only once.
@@ -112,7 +113,7 @@ export default function SimpleTable(props: SimpleTableProps) {
       getPConnect: refToPConnect,
       displayMode,
       fieldName: authorContext,
-      bInForm: true
+      bInForm: true,
     };
     return <ListView {...listViewProps} />;
   }