@pega/react-sdk-overrides 23.1.10 → 23.1.11

package/lib/infra/Containers/SimpleView/SimpleView.tsx

@@ -0,0 +1,48 @@
+import { useMemo } from 'react';
+
+import { getActiveContainerItemID, getActiveContainerRootViewElement, getPConnectOfActiveContainerItem, useContainerInitializer } from './helper';
+
+const SimpleViewContainer = props => {
+  const { CONTAINER_TYPE } = PCore.getConstants();
+
+  const { getPConnect, mode = CONTAINER_TYPE.SINGLE, routingInfo: containerInfo, isAssignmentView, options = {} } = props;
+
+  const rootViewElement = useMemo(() => {
+    return getActiveContainerRootViewElement(containerInfo, {
+      isAssignmentView,
+      parentGetPConnect: getPConnect
+    });
+  }, [containerInfo, isAssignmentView, getPConnect]);
+
+  useContainerInitializer(getPConnect, options.mode || mode);
+
+  return rootViewElement;
+};
+
+export const withSimpleViewContainerRenderer =
+  (Component, options: any = {}) =>
+  props => {
+    const { CONTAINER_TYPE } = PCore.getConstants();
+
+    const { getPConnect, mode = CONTAINER_TYPE.SINGLE, routingInfo: containerInfo, isAssignmentView } = props;
+
+    const rootViewElement = <SimpleViewContainer {...props} options={options} />;
+    const activeContainerItemID = getActiveContainerItemID(containerInfo);
+    const getPConnectOfActiveItem = getPConnectOfActiveContainerItem(containerInfo, {
+      isAssignmentView,
+      parentGetPConnect: getPConnect
+    });
+
+    useContainerInitializer(getPConnect, options.mode || mode);
+
+    return (
+      <Component
+        {...props}
+        rootViewElement={rootViewElement}
+        activeContainerItemID={activeContainerItemID}
+        getPConnectOfActiveContainerItem={getPConnectOfActiveItem}
+      />
+    );
+  };
+
+export default SimpleViewContainer;

package/lib/infra/Containers/SimpleView/helper.ts

@@ -0,0 +1,125 @@
+import { useEffect, createElement } from 'react';
+
+import createPConnectComponent from '@pega/react-sdk-components/lib/bridge/react_pconnect';
+import { isContainerInitialized } from '@pega/react-sdk-components/lib/components/helpers';
+
+const processRootViewDetails = (rootView, containerItem, options) => {
+  const {
+    config: { context: viewContext, name: viewName }
+  } = rootView;
+  const { context: containerContext } = containerItem;
+  const { parentGetPConnect } = options;
+  let resolvedViewName = viewName;
+  let resolvedViewContext = viewContext;
+
+  const isAnnotedViewName = PCore.getAnnotationUtils().isProperty(viewName);
+  const isAnnotedViewContext = PCore.getAnnotationUtils().isProperty(viewContext);
+
+  // resolving annoted view context
+  if (isAnnotedViewContext) {
+    const viewContextProperty = PCore.getAnnotationUtils().getPropertyName(viewContext);
+    resolvedViewContext = PCore.getStoreValue(
+      `.${viewContextProperty}`,
+      viewContextProperty.startsWith('.') ? parentGetPConnect().getPageReference() : '',
+      containerContext
+    );
+  }
+
+  if (!resolvedViewContext) {
+    resolvedViewContext = parentGetPConnect().getPageReference();
+  }
+
+  // resolving annoted view name
+  if (isAnnotedViewName) {
+    const viewNameProperty = PCore.getAnnotationUtils().getPropertyName(viewName);
+    resolvedViewName = PCore.getStoreValue(`.${viewNameProperty}`, resolvedViewContext, containerContext);
+  }
+
+  /* Special case where context and viewname are dynamic values
+    Use case - split for each shape
+
+    Ex - (caseInfo.content.SCRequestWorkQueues[1]):context --> .pyViewName:viewName
+  */
+  if (isAnnotedViewName && isAnnotedViewContext && resolvedViewName !== '') {
+    /* Allow context processor to resolve view and context when both are dynamic */
+    resolvedViewName = viewName;
+    resolvedViewContext = viewContext;
+  }
+
+  return {
+    viewName: resolvedViewName,
+    viewContext: resolvedViewContext
+  };
+};
+
+export const getPConnectOfActiveContainerItem = (containerInfo, options) => {
+  const { accessedOrder, items } = containerInfo;
+  const { isAssignmentView = false, parentGetPConnect } = options;
+  const containerName = parentGetPConnect().getContainerName();
+  const { CONTAINER_NAMES } = PCore.getContainerUtils();
+  const { CREATE_DETAILS_VIEW_NAME } = PCore.getConstants();
+
+  if (accessedOrder && items) {
+    const activeContainerItemKey = accessedOrder[accessedOrder.length - 1];
+
+    if (items[activeContainerItemKey] && items[activeContainerItemKey].view && Object.keys(items[activeContainerItemKey].view).length > 0) {
+      const activeContainerItem = items[activeContainerItemKey];
+      const target = activeContainerItemKey.substring(0, activeContainerItemKey.lastIndexOf('_'));
+
+      const { view: rootView, context } = activeContainerItem;
+      const { viewName, viewContext } = processRootViewDetails(rootView, activeContainerItem, { parentGetPConnect });
+
+      if (!viewName) return null;
+
+      const config = {
+        meta: rootView,
+        options: {
+          context,
+          pageReference: viewContext || parentGetPConnect().getPageReference(),
+          containerName,
+          containerItemID: activeContainerItemKey,
+          parentPageReference: parentGetPConnect().getPageReference(),
+          hasForm:
+            isAssignmentView ||
+            containerName === CONTAINER_NAMES.WORKAREA ||
+            containerName === CONTAINER_NAMES.MODAL ||
+            viewName === CREATE_DETAILS_VIEW_NAME,
+          target
+        }
+      };
+
+      return PCore.createPConnect(config).getPConnect;
+    }
+  }
+  return null;
+};
+
+export const getActiveContainerRootViewElement = (containerInfo, options) => {
+  const getPConnect = getPConnectOfActiveContainerItem(containerInfo, options);
+  if (getPConnect) {
+    return createElement(createPConnectComponent(), { getPConnect });
+  }
+  return null;
+};
+
+export const getActiveContainerItemID = containerInfo => {
+  const { accessedOrder } = containerInfo;
+  if (accessedOrder && accessedOrder.length > 0) {
+    return accessedOrder[accessedOrder.length - 1];
+  }
+  return '';
+};
+
+export const useContainerInitializer = (getPConnect, mode) => {
+  const pConnect = getPConnect();
+  const containerName = pConnect.getContainerName();
+  const containerManager = pConnect.getContainerManager();
+  useEffect(() => {
+    if (!isContainerInitialized(pConnect)) {
+      containerManager.initializeContainers({
+        type: mode,
+        name: containerName
+      });
+    }
+  });
+};

package/lib/infra/Containers/SimpleView/index.tsx

@@ -0,0 +1 @@
+export { default } from './SimpleView';

package/lib/infra/Containers/ViewContainer/ViewContainer.tsx

@@ -1,21 +1,20 @@
-import React, { useEffect, useState, useContext, createElement } from "react";
-import { Box, CircularProgress } from "@material-ui/core";
-import createPConnectComponent from "@pega/react-sdk-components/lib/bridge/react_pconnect";
-import StoreContext from "@pega/react-sdk-components/lib/bridge/Context/StoreContext";
-import { isEmptyObject } from '@pega/react-sdk-components/lib/components/helpers/common-utils';
+import React, { createElement, useContext, useEffect, useState } from 'react';
+import { Box, CircularProgress } from '@material-ui/core';
 
-import type { PConnProps } from '@pega/react-sdk-components/lib/types/PConnProps';
+import createPConnectComponent from '@pega/react-sdk-components/lib/bridge/react_pconnect';
+import StoreContext from '@pega/react-sdk-components/lib/bridge/Context/StoreContext';
+import { isEmptyObject } from '@pega/react-sdk-components/lib/components/helpers/common-utils';
+import { PConnProps } from '@pega/react-sdk-components/lib/types/PConnProps';
 
 interface ViewContainerProps extends PConnProps {
   // If any, enter additional props that only exist on this component
-  name?: string,
-  loadingInfo?: any,    // can't be boolean until setDispatchObjState expects loadingInfo to be type null
-  routingInfo?: any,
-  mode?: string,
-  limit?: number
+  name?: string;
+  loadingInfo?: any; // can't be boolean until setDispatchObjState expects loadingInfo to be type null
+  routingInfo?: any;
+  mode?: string;
+  limit?: number;
 }
 
-
 // ViewContainer can emit View
 // import View from '../View';
 
@@ -25,36 +24,33 @@ interface ViewContainerProps extends PConnProps {
 // is totally at your own risk.
 //
 
-
 export default function ViewContainer(props: ViewContainerProps) {
   // const { getPConnect, children, routingInfo, name } = props;
-  const { getPConnect, name = '', mode = 'single', limit = 16, loadingInfo = false, routingInfo = null} = props;
+  const { getPConnect, name = '', mode = 'single', limit = 16, loadingInfo = false, routingInfo = null } = props;
 
   const { displayOnlyFA } = useContext<any>(StoreContext);
 
-
   const { CONTAINER_TYPE, APP } = PCore.getConstants();
   const pConn = getPConnect();
   const containerMgr: any = pConn.getContainerManager();
 
   const [dispatchObjState, setDispatchObjState] = useState({
-    dispatchObject: {semanticURL: "", context: "", acName: ""},
+    dispatchObject: { semanticURL: '', context: '', acName: '' },
     visible: false,
     loadingInfo: null,
     isLoadingInfoChange: false
-  });   // was this.state in class-based ViewContainer avoiding use of just "state" as the name
+  }); // was this.state in class-based ViewContainer avoiding use of just "state" as the name
 
   let root;
 
-
-  const thePConn = ((typeof getPConnect) === 'function') ? getPConnect() : null;
+  const thePConn = typeof getPConnect === 'function' ? getPConnect() : null;
 
   // beginning of functions for use by ViewContainer
 
   function buildName() {
     const context = thePConn?.getContextName();
     let viewContainerName = name;
-    if (!viewContainerName) viewContainerName = "";
+    if (!viewContainerName) viewContainerName = '';
     return `${context?.toUpperCase()}/${viewContainerName.toUpperCase()}`;
   }
 
@@ -63,11 +59,11 @@ export default function ViewContainer(props: ViewContainerProps) {
     // const { acName = "primary" } = pConn.getContainerName(); // doesn't work with 8.23 typings
     let acName = pConn.getContainerName();
     if (!acName) {
-      acName = "primary";
+      acName = 'primary';
     }
 
     return {
-      semanticURL: "",
+      semanticURL: '',
       context: baseContext,
       acName
     };
@@ -85,7 +81,6 @@ export default function ViewContainer(props: ViewContainerProps) {
 
   // set the root component that is retrieved by PConnectHOC
   function setRootComponent(configObject) {
-
     const { isLoadingInfoChange } = dispatchObjState;
     if (!isLoadingInfoChange) {
       root = createElement(createPConnectComponent(), configObject);
@@ -96,13 +91,9 @@ export default function ViewContainer(props: ViewContainerProps) {
 
   // useEffect on [] -> code that should be run once (as in old constructor and in componentDidMount)
   useEffect(() => {
-
     // This is adapted from the class-based ViewContainer constructor
     containerMgr.initializeContainers({
-      type:
-        mode === CONTAINER_TYPE.MULTIPLE
-          ? CONTAINER_TYPE.MULTIPLE
-          : CONTAINER_TYPE.SINGLE
+      type: mode === CONTAINER_TYPE.MULTIPLE ? CONTAINER_TYPE.MULTIPLE : CONTAINER_TYPE.SINGLE
     });
 
     if (mode === CONTAINER_TYPE.MULTIPLE && limit) {
@@ -111,7 +102,7 @@ export default function ViewContainer(props: ViewContainerProps) {
     }
 
     const dispatchObject = prepareDispatchObject();
-    setDispatchObjState( {
+    setDispatchObjState({
       dispatchObject,
       // PCore is defined in pxBootstrapShell - eventually will be exported in place of constellationCore
       visible: !PCore.checkIfSemanticURL(),
@@ -132,9 +123,8 @@ export default function ViewContainer(props: ViewContainerProps) {
     }
 
     // Getting default view label
-    const navPages = pConn.getValue("pyPortal.pyPrimaryNavPages", '');  // 2nd arg empty string until typedefs allow optional
-    const defaultViewLabel =
-      Array.isArray(navPages) && navPages[0] ? navPages[0].pyLabel : "";
+    const navPages = pConn.getValue('pyPortal.pyPrimaryNavPages', ''); // 2nd arg empty string until typedefs allow optional
+    const defaultViewLabel = Array.isArray(navPages) && navPages[0] ? navPages[0].pyLabel : '';
     // TODO: Plan is to rename window.constellationCore to window.pega (or similar)
     //    And expose less via ui-bootstrap.js
     // PCore is defined in pxBootstrapShell - eventually will be exported in place of constellationCore
@@ -145,11 +135,8 @@ export default function ViewContainer(props: ViewContainerProps) {
         ...objectForAddContainer,
         defaultViewLabel
       });
-
     }
-
-  },
-  []);
+  }, []);
 
   // This code (that's run every time the ViewContainer is called) is adapted from the class-based ViewContainer's render
 
@@ -167,11 +154,7 @@ export default function ViewContainer(props: ViewContainerProps) {
       let componentVisible = accessedOrder.length > 0;
       const { visible } = dispatchObjState;
       componentVisible = visible || componentVisible;
-      if (
-        items[key] &&
-        items[key].view &&
-        !isEmptyObject(items[key].view)
-      ) {
+      if (items[key] && items[key].view && !isEmptyObject(items[key].view)) {
         const latestItem = items[key];
         const rootView = latestItem.view;
         const { context, name: viewName } = rootView.config;
@@ -183,18 +166,22 @@ export default function ViewContainer(props: ViewContainerProps) {
           containerItemName: key,
           hasForm: viewName === CREATE_DETAILS_VIEW_NAME
         };
-        const configObject = PCore.createPConnect(config);
+        const configObject: any = PCore.createPConnect(config);
 
         // Add in displayOnlyFA if prop is on ViewContainer
         if (displayOnlyFA) {
-          configObject["displayOnlyFA"] = true;
+          configObject.displayOnlyFA = true;
         }
 
         setRootComponent(configObject);
         return (
           <React.Fragment key={theBuildName}>
             {componentVisible && root}
-            {loadingInfo && <Box textAlign="center"><CircularProgress /></Box>}
+            {loadingInfo && (
+              <Box textAlign='center'>
+                <CircularProgress />
+              </Box>
+            )}
           </React.Fragment>
         );
       }
@@ -204,8 +191,11 @@ export default function ViewContainer(props: ViewContainerProps) {
   // fall through return if insufficient routingInfo
   return (
     <React.Fragment key={theBuildName}>
-      {loadingInfo && <Box textAlign="center"><CircularProgress /></Box>}
+      {loadingInfo && (
+        <Box textAlign='center'>
+          <CircularProgress />
+        </Box>
+      )}
     </React.Fragment>
   );
-
 }

package/lib/infra/Containers/helpers.ts

@@ -0,0 +1,6 @@
+// eslint-disable-next-line import/prefer-default-export
+export const isContainerInitialized = pConnect => {
+  const context = pConnect.getContextName();
+  const containerName = pConnect.getContainerName();
+  return PCore.getContainerUtils().isContainerInitialized(context, containerName);
+};

package/lib/infra/DashboardFilter/DashboardFilter.tsx

@@ -1,30 +1,25 @@
-/* eslint-disable no-shadow */
 /* eslint-disable @typescript-eslint/no-shadow */
 /* eslint-disable operator-assignment */
-import { useRef, useEffect, useState, Fragment, forwardRef } from 'react';
+import { forwardRef, PropsWithChildren, useEffect, useRef, useState } from 'react';
+import { TextField } from '@material-ui/core';
 import { v4 as uuidv4 } from 'uuid';
 import { debounce } from 'throttle-debounce';
-import { createFilter, combineFilters, getFormattedDate } from './filterUtils';
-import { getFilterExpression } from './filterUtils';
-import { TextField } from '@material-ui/core';
-import React from 'react';
 import DatePicker from 'react-datepicker';
 
-import 'react-datepicker/dist/react-datepicker.css';
+import { createFilter, combineFilters, getFormattedDate, getFilterExpression } from './filterUtils';
+import { PConnProps } from '@pega/react-sdk-components/lib/types/PConnProps';
 
-import type { PConnProps } from '@pega/react-sdk-components/lib/types/PConnProps';
+import 'react-datepicker/dist/react-datepicker.css';
 
 interface DashboardFilterProps extends PConnProps {
   // If any, enter additional props that only exist on this component
-  children?: Array<any>,
-  name: string,
-  filterProp: string,
-  type?: string,
-  metadata?: any
+  name: string;
+  filterProp: string;
+  type?: string;
+  metadata?: any;
 }
 
-
-export default function DashboardFilter(props: DashboardFilterProps) {
+export default function DashboardFilter(props: PropsWithChildren<DashboardFilterProps>) {
   const { children = [], name, filterProp, type = '', metadata = null, getPConnect } = props;
   const { current: filterId } = useRef(uuidv4());
 
@@ -74,10 +69,7 @@ export default function DashboardFilter(props: DashboardFilterProps) {
       filterExpression: getFilterExpression(filterValue, name, metadata)
     };
 
-    PCore.getPubSubUtils().publish(
-      PCore.getConstants().PUB_SUB_EVENTS.EVENT_DASHBOARD_FILTER_CHANGE,
-      filterData
-    );
+    PCore.getPubSubUtils().publish(PCore.getConstants().PUB_SUB_EVENTS.EVENT_DASHBOARD_FILTER_CHANGE, filterData);
   };
 
   const fireFilterChangeDebounced = debounce(500, fireFilterChange);
@@ -97,10 +89,7 @@ export default function DashboardFilter(props: DashboardFilterProps) {
         filterId,
         filterExpression: combineFilters([startFilter, endFilter], null)
       };
-      PCore.getPubSubUtils().publish(
-        PCore.getConstants().PUB_SUB_EVENTS.EVENT_DASHBOARD_FILTER_CHANGE,
-        filterData
-      );
+      PCore.getPubSubUtils().publish(PCore.getConstants().PUB_SUB_EVENTS.EVENT_DASHBOARD_FILTER_CHANGE, filterData);
     }
   };
 
@@ -108,8 +97,7 @@ export default function DashboardFilter(props: DashboardFilterProps) {
     metadata.config.onRecordChange = e => {
       fireFilterChange(e.id);
     };
-    return getPConnect().createComponent(metadata,
-      '', '', {}); // 2nd, 3rd, and 4th args empty string/object/null until typedef marked correctly as optional);
+    return getPConnect().createComponent(metadata, '', '', {}); // 2nd, 3rd, and 4th args empty string/object/null until typedef marked correctly as optional);
   };
 
   const onChange = dates => {
@@ -123,24 +111,15 @@ export default function DashboardFilter(props: DashboardFilterProps) {
 
   const label = metadata.config.label.substring(3);
 
-  const CustomDateInput = forwardRef<HTMLInputElement, TextProps>(
-    ({ value, onClick }, ref: any) => (
-      <TextField
-        label={label}
-        variant='outlined'
-        fullWidth
-        value={value}
-        size='small'
-        onClick={onClick}
-        ref={ref}
-      >
-        {value}
-      </TextField>
-    )
-  );
+  // eslint-disable-next-line react/no-unstable-nested-components
+  const CustomDateInput = forwardRef<HTMLInputElement, TextProps>(({ value, onClick }, ref: any) => (
+    <TextField label={label} variant='outlined' fullWidth value={value} size='small' onClick={onClick} ref={ref}>
+      {value}
+    </TextField>
+  ));
 
   return (
-    <Fragment>
+    <>
       {type === 'DateTime' && (
         <DatePicker
           onChange={onChange}
@@ -171,6 +150,6 @@ export default function DashboardFilter(props: DashboardFilterProps) {
           {children}
         </span>
       )}
-    </Fragment>
+    </>
   );
 }

package/lib/infra/DashboardFilter/filterUtils.tsx

@@ -2,12 +2,8 @@
 /** This file contains various utility methods to generate filter components, regionLayout data, filter expressions, etc.  */
 
 import { Grid, Link } from '@material-ui/core';
-import React from 'react';
-import DashboardFilter from './DashboardFilter';
-
-// Remove this and use "real" PCore type once .d.ts is fixed (currently shows 5 errors)
-declare const PCore: any;
 
+import DashboardFilter from './DashboardFilter';
 
 export const createFilter = (value, fieldId, comparator = 'EQ') => {
   return {
@@ -48,11 +44,9 @@ export const createFilterComponent = (getPConnect, filterMeta, index) => {
   if (name.indexOf('.') !== -1) {
     cleanedName = name.substring(name.indexOf('.') + 1);
   }
-  let propInfo = PCore.getMetadataUtils().getPropertyMetadata(
-    cleanedName,
-    filterMeta.config.ruleClass
-  );
+  let propInfo: any = PCore.getMetadataUtils().getPropertyMetadata(cleanedName, filterMeta.config.ruleClass);
   if (!propInfo) {
+    // @ts-ignore - PCore.getMetadataUtils().getPropertyMetadata - An argument for 'currentClassID' was not provided.
     propInfo = PCore.getMetadataUtils().getPropertyMetadata(cleanedName);
   }
   const { type: propertyType } = propInfo || { type: 'Text' };
@@ -62,16 +56,7 @@ export const createFilterComponent = (getPConnect, filterMeta, index) => {
   const type = filterType || filterMeta.type;
   const filterProp = `.pyDashboardFilter${index}`;
   if (type === 'DateTime') {
-    return (
-      <DashboardFilter
-        key={name}
-        getPConnect={getPConnect}
-        name={name}
-        filterProp={filterProp}
-        metadata={filterMeta}
-        type={filterMeta.type}
-      ></DashboardFilter>
-    );
+    return <DashboardFilter key={name} getPConnect={getPConnect} name={name} filterProp={filterProp} metadata={filterMeta} type={filterMeta.type} />;
   }
   if (datasource && datasource.fields) {
     datasource.fields.key = datasource.fields.value;
@@ -83,33 +68,22 @@ export const createFilterComponent = (getPConnect, filterMeta, index) => {
   filterMeta.type = filterMeta.config.displayAs || type;
   filterMeta.config.placeholder = 'ALL';
   return (
-    <DashboardFilter
-      key={name}
-      getPConnect={getPConnect}
-      name={name}
-      filterProp={filterProp}
-      metadata={filterMeta}
-      type={filterMeta.type}
-    >
-      {getPConnect().createComponent(filterMeta,
-        '', '', {})}
+    <DashboardFilter key={name} getPConnect={getPConnect} name={name} filterProp={filterProp} metadata={filterMeta} type={filterMeta.type}>
+      {getPConnect().createComponent(filterMeta, '', '', {})}
     </DashboardFilter>
   );
 };
 
 export const buildFilterComponents = (getPConnect, allFilters) => {
-  const filterComponents = allFilters.children.map((filter, index) =>
-    createFilterComponent(getPConnect, filter, index)
-  );
+  const filterComponents = allFilters.children.map((filter, index) => createFilterComponent(getPConnect, filter, index));
   if (filterComponents && filterComponents.length > 0) {
     filterComponents.push(
       <Grid>
         <Link
           style={{ cursor: 'pointer' }}
           onClick={() => {
-            PCore.getPubSubUtils().publish(
-              PCore.getConstants().PUB_SUB_EVENTS.EVENT_DASHBOARD_FILTER_CLEAR_ALL
-            );
+            // @ts-ignore - second parameter “payload” for publish method should be optional
+            PCore.getPubSubUtils().publish(PCore.getConstants().PUB_SUB_EVENTS.EVENT_DASHBOARD_FILTER_CLEAR_ALL);
           }}
         >
           Clear All
@@ -137,7 +111,7 @@ export const getFilterExpression = (filterValue, name, metadata) => {
   if (metadata.config.filterType && metadata.config.filterType === 'RelativeDates') {
     const fieldSource = metadata.config.datasource.filter(source => source.key === filterValue)[0];
     const relativeDateExpression = JSON.parse(fieldSource.json);
-    // eslint-disable-next-line no-unused-vars, @typescript-eslint/no-unused-vars
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars
     const fields = [
       {
         name: relativeDateExpression.condition.lhs.field,
@@ -168,9 +142,7 @@ export function getLayoutDataFromRegion(regionData) {
       const itemPConnect = item?.getPConnect();
 
       return {
-        id: itemPConnect?.getComponentName()
-          ? `${itemPConnect.getComponentName()}--${index}`
-          : `item--${index}`,
+        id: itemPConnect?.getComponentName() ? `${itemPConnect.getComponentName()}--${index}` : `item--${index}`,
         content: itemPConnect?.getComponent(),
         layoutConfig: {
           ...defaultLayoutConfig,
@@ -184,8 +156,5 @@ export const getFormattedDate = date => {
   if (!date) {
     return date;
   }
-  const formattedDate = `${date.getFullYear()}-${('0' + (date.getMonth() + 1)).slice(-2)}-${(
-    '0' + date.getDate()
-  ).slice(-2)}`;
-  return formattedDate;
+  return `${date.getFullYear()}-${('0' + (date.getMonth() + 1)).slice(-2)}-${('0' + date.getDate()).slice(-2)}`;
 };