Mod/spr/bump version to8.23.11 (#165)

* Prepare for 8.23.11 publication

* DXCB Publish build requires in-file PCore declaration

* Update some versions to reduce vulnerability count

* Updates to KeyReleaseUpdates.md

* Locking @pega/pcore-pconnect-typedefs to 0.0.6 for now

* Update release date and note 1st/last PR in release 8.23.11

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pega/react-sdk-components",
-  "version": "8.23.10",
+  "version": "8.23.11",
   "description": "React SDK packaging: bridge and components, overrides",
   "main": "index.ts",
   "scripts": {
@@ -70,7 +70,7 @@
     "@pega/configs": "^0.4.0",
     "@pega/cspell-config": "^0.4.0",
     "@pega/eslint-config": "^0.4.0",
-    "@pega/pcore-pconnect-typedefs": "latest",
+    "@pega/pcore-pconnect-typedefs": "0.0.6",
     "@pega/prettier-config": "^0.4.0",
     "@pega/stylelint-config": "^0.4.0",
     "@pega/tsconfig": "^0.4.0",
@@ -79,7 +79,7 @@
     "@testing-library/react": "^12.1.2",
     "@types/jest": "^29.4.0",
     "@typescript-eslint/eslint-plugin": "^5.47.0",
-    "babel-loader": "^9.1.2",
+    "babel-loader": "^9.1.3",
     "clean-webpack-plugin": "^3.0.0",
     "commitlint": "^17.3.0",
     "compression-webpack-plugin": "^8.0.0",
@@ -108,8 +108,8 @@
     "replace-in-file": "^6.3.5",
     "sass-loader": "^10.1.1",
     "shx": "^0.3.4",
-    "stylelint": "^14.16.0",
     "style-loader": "^2.0.0",
+    "stylelint": "^15.10.1",
     "ts-jest": "^29.0.5",
     "ts-loader": "^8.4.0",
     "typescript": "^4.7.4",

packages/react-sdk-components/doc/KeyReleaseUpdates.md

@@ -1,8 +1,12 @@
-#### **Release SDK-R-C 8.23.11 (xx xxxx 2023)**
+#### **Release SDK-R-C 8.23.11 (10 August 2023)**
 
+* Many significant improvements to localization
 * Added new AlertBanner component (in designSystemExtension) and its use in Assignment and ModalViewContainer
 * Bug fixes in Decimal and Attachment components
-* Fixed some cases where dropdown items weren't properly loaded from datasource
+* Fixed some cases where Dropdown items weren't properly loaded from datasource
+* Infrastructure components (FlowContainer and ModalViewContainer) now use overridden component implementations when overrides are available.
+* Bug fixes
+* Full set of merged PRs can be found in the [react-sdk-components GitHub repo list of merged PRs](https://github.com/pegasystems/react-sdk-components/pulls?page=1&q=is%3Apr+is%3Amerged). This release includes all PRs since (and including) #117 and #165.
 
 <br />
 

packages/react-sdk-components/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pega/react-sdk-components",
-  "version": "8.23.10",
+  "version": "8.23.11",
   "description": "React SDK Infrastructure: bridge and components",
   "_filesComment": "During packing, npm ignores everything NOT in the files list",
   "files": [

packages/react-sdk-components/src/components/designSystemExtension/Operator/Operator.tsx

@@ -9,6 +9,10 @@ import { makeStyles } from '@material-ui/core/styles';
 
 import Utils from '../../helpers/utils';
 
+import PCoreType from '@pega/pcore-pconnect-typedefs/types/pcore';
+
+declare const PCore: typeof PCoreType;
+
 
 const useStyles = makeStyles((theme) => ({
   root: {

packages/react-sdk-components/src/components/field/Currency/currency-utils.ts

@@ -3,6 +3,10 @@ import { default as CurrencyAlias} from '../../helpers/formatters/Currency';
 // eslint-disable-next-line import/no-named-default
 import { default as CurrencyMapAlias } from '../../helpers/formatters/CurrencyMap';
 
+import PCoreType from '@pega/pcore-pconnect-typedefs/types/pcore';
+
+declare const PCore: typeof PCoreType;
+
 
 export const getCurrencyOptions = (inISOCode: string) => {
 

packages/react-sdk-components/src/components/helpers/formatters/common.ts

@@ -1,3 +1,8 @@
+import PCoreType from '@pega/pcore-pconnect-typedefs/types/pcore';
+
+declare const PCore: typeof PCoreType;
+
+
 export function getLocale(locale='') {
   // use locale if specified
   if (locale) return locale;

packages/react-sdk-components/src/components/helpers/simpleTableHelpers.ts

@@ -1,4 +1,8 @@
 import { Utils } from './utils';
+import PCoreType from '@pega/pcore-pconnect-typedefs/types/pcore';
+
+declare const PCore: typeof PCoreType;
+
 
 export const TABLE_CELL = "SdkRenderer";
 export const DELETE_ICON = "DeleteIcon";

packages/react-sdk-components/src/components/helpers/state-utils.tsx

@@ -1,6 +1,9 @@
 import React, { useContext } from 'react';
 import { connect, Provider, shallowEqual } from 'react-redux';
 import ReactReduxContext from '../../bridge/Context/StoreContext';
+import PCoreType from '@pega/pcore-pconnect-typedefs/types/pcore';
+
+declare const PCore: typeof PCoreType;
 
 
 const connectToState = (mapStateToProps = () => {}) => {

packages/react-sdk-components/src/components/helpers/template-utils.ts

@@ -1,4 +1,7 @@
 //  This file is adapted from React DX components/template/utils.js
+import PCoreType from '@pega/pcore-pconnect-typedefs/types/pcore';
+
+declare const PCore: typeof PCoreType;
 
 
 export function getAllFields(pConnect: any) {

packages/react-sdk-components/src/components/helpers/versionHelpers.ts

@@ -4,6 +4,9 @@
  * Container helper functions that can identify which version of
  * PCore/PConnect is being run
  */
+import PCoreType from '@pega/pcore-pconnect-typedefs/types/pcore';
+
+declare const PCore: typeof PCoreType;
 
 
 export const sdkVersion = "8.7";

packages/react-sdk-components/src/components/infra/ActionButtons/ActionButtons.tsx

@@ -5,6 +5,10 @@ import { makeStyles } from '@material-ui/core/styles';
 import Button from '@material-ui/core/Button';
 import { Grid, Divider } from "@material-ui/core";
 
+import PCoreType from '@pega/pcore-pconnect-typedefs/types/pcore';
+
+declare const PCore: typeof PCoreType;
+
 
 const useStyles = makeStyles((/* theme */) => ({
   button: {

packages/react-sdk-components/src/components/infra/Assignment/Assignment.tsx

@@ -7,6 +7,10 @@ import Snackbar from '@material-ui/core/Snackbar';
 import IconButton from '@material-ui/core/IconButton';
 import CloseIcon from '@material-ui/icons/Close';
 
+import PCoreType from '@pega/pcore-pconnect-typedefs/types/pcore';
+
+declare const PCore: typeof PCoreType;
+
 
 export default function Assignment(props) {
   const { getPConnect, children, itemKey, isInModal, banners } = props;

packages/react-sdk-components/src/components/infra/Containers/FlowContainer/helpers.ts

@@ -1,3 +1,8 @@
+import PCoreType from '@pega/pcore-pconnect-typedefs/types/pcore';
+
+declare const PCore: typeof PCoreType;
+
+
 //  Moved PCore.getConstants() into each function in which it's used until we can
 //  make sure that this code isn't run until PCore is defined (after onPCoreReady)
 // const { CASE_INFO } = window.PCore.getConstants();

packages/react-sdk-components/src/components/infra/Containers/ViewContainer/ViewContainer.tsx

@@ -4,6 +4,10 @@ import { Box, CircularProgress } from "@material-ui/core";
 import createPConnectComponent from "../../../../bridge/react_pconnect";
 import StoreContext from "../../../../bridge/Context/StoreContext";
 import { isEmptyObject } from '../../../helpers/common-utils';
+import PCoreType from '@pega/pcore-pconnect-typedefs/types/pcore';
+
+declare const PCore: typeof PCoreType;
+
 
 // ViewContainer can emit View
 // import View from '../View';

packages/react-sdk-components/src/components/infra/DashboardFilter/DashboardFilter.tsx

@@ -10,8 +10,13 @@ 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 PCoreType from '@pega/pcore-pconnect-typedefs/types/pcore';
+
+declare const PCore: typeof PCoreType;
+
 
 export default function DashboardFilter(props) {
   const { children, name, filterProp, type, metadata, getPConnect } = props;

packages/react-sdk-components/src/components/infra/DeferLoad/DeferLoad.tsx

@@ -5,6 +5,10 @@ import { makeStyles } from '@material-ui/core/styles';
 
 import createPConnectComponent from '../../../bridge/react_pconnect';
 
+import PCoreType from '@pega/pcore-pconnect-typedefs/types/pcore';
+
+declare const PCore: typeof PCoreType;
+
 
 //
 // WARNING:  It is not expected that this file should be modified.  It is part of infrastructure code that works with

packages/react-sdk-components/src/components/infra/NavBar/NavBar.tsx

@@ -35,6 +35,10 @@ import useMediaQuery from '@material-ui/core/useMediaQuery';
 import { useNavBar } from '../../helpers/reactContextHelpers';
 import { logout } from '../../helpers/authManager';
 
+import PCoreType from '@pega/pcore-pconnect-typedefs/types/pcore';
+
+declare const PCore: typeof PCoreType;
+
 
 const iconMap = {
   'pi pi-headline': <HomeOutlinedIcon fontSize='large' />,

packages/react-sdk-components/src/components/template/CaseViewActionsMenu/CaseViewActionsMenu.tsx

@@ -4,6 +4,10 @@ import Button from '@material-ui/core/Button';
 import Menu from '@material-ui/core/Menu';
 import MenuItem from '@material-ui/core/MenuItem';
 
+import PCoreType from '@pega/pcore-pconnect-typedefs/types/pcore';
+
+declare const PCore: typeof PCoreType;
+
 
 export default function CaseViewActionsMenu(props) {
   const { getPConnect, availableActions, availableProcesses, caseTypeID, caseTypeName } = props;

packages/react-sdk-components/src/components/template/Confirmation/Confirmation.tsx

@@ -9,6 +9,10 @@ import ToDo from '../../widget/ToDo';
 import Details from '../Details/Details';
 import { Button, Card, makeStyles } from '@material-ui/core';
 
+import PCoreType from '@pega/pcore-pconnect-typedefs/types/pcore';
+
+declare const PCore: typeof PCoreType;
+
 
 const useStyles = makeStyles(theme => ({
   root: {

packages/react-sdk-components/src/components/template/FieldGroupTemplate/FieldGroupTemplate.tsx

@@ -6,6 +6,10 @@ import FieldGroup from '../../designSystemExtension/FieldGroup';
 import FieldGroupList from '../../designSystemExtension/FieldGroupList';
 import { getReferenceList, buildView } from '../../helpers/field-group-utils';
 
+import PCoreType from '@pega/pcore-pconnect-typedefs/types/pcore';
+
+declare const PCore: typeof PCoreType;
+
 
 export default function FieldGroupTemplate(props) {
   const {

packages/react-sdk-components/src/components/template/MultiReferenceReadOnly/MultiReferenceReadOnly.tsx

@@ -1,6 +1,11 @@
 import PropTypes from "prop-types";
 import React from "react";
 
+import PCoreType from '@pega/pcore-pconnect-typedefs/types/pcore';
+
+declare const PCore: typeof PCoreType;
+
+
 export default function MultiReferenceReadOnly(props) {
   const { getPConnect, label, hideLabel, config } = props;
   const { referenceList, readonlyContextList } = config;

packages/react-sdk-components/src/components/template/PromotedFilters/PromotedFilters.tsx

@@ -7,6 +7,10 @@ import ListView from '../ListView';
 import { isEmptyObject } from '../../helpers/common-utils';
 import './PromotedFilters.css';
 
+import PCoreType from '@pega/pcore-pconnect-typedefs/types/pcore';
+
+declare const PCore: typeof PCoreType;
+
 
 const localeCategory = 'SimpleTable';
 const SUPPORTED_TYPES_IN_PROMOTED_FILTERS = [

packages/react-sdk-components/src/components/template/SimpleTable/SimpleTable/SimpleTable.tsx

@@ -2,6 +2,10 @@ import React from 'react';
 import FieldGroupTemplate from '../../FieldGroupTemplate';
 import SimpleTableManual from '../SimpleTableManual';
 
+import PCoreType from '@pega/pcore-pconnect-typedefs/types/pcore';
+
+declare const PCore: typeof PCoreType;
+
 
 export default function SimpleTable(props) {
   const { getPConnect, multiRecordDisplayAs, allowTableEdit } = props;

packages/react-sdk-components/src/components/template/SimpleTable/SimpleTableManual/SimpleTableManual.tsx

@@ -31,6 +31,11 @@ import Select from '@material-ui/core/Select';
 import Button from '@material-ui/core/Button';
 import TextField from '@material-ui/core/TextField';
 
+import PCoreType from '@pega/pcore-pconnect-typedefs/types/pcore';
+
+declare const PCore: typeof PCoreType;
+
+
 const useStyles = makeStyles((/* theme */) => ({
   label: {
     margin: '8px'

packages/react-sdk-components/src/components/template/SimpleTable/SimpleTableSelect/SimpleTableSelect.tsx

@@ -5,6 +5,11 @@ import SimpleTable from '../SimpleTable';
 
 import PromotedFilters from '../../PromotedFilters';
 
+import PCoreType from '@pega/pcore-pconnect-typedefs/types/pcore';
+
+declare const PCore: typeof PCoreType;
+
+
 const isSelfReferencedProperty = (param, referenceProp) => {
   const [, parentPropName] = param.split('.');
   return parentPropName === referenceProp;

packages/react-sdk-components/src/components/template/SubTabs/tabUtils.ts

@@ -1,3 +1,8 @@
+import PCoreType from '@pega/pcore-pconnect-typedefs/types/pcore';
+
+declare const PCore: typeof PCoreType;
+
+
 export const getDeferFriendlyTabs = allTabs => {
   return allTabs.map(tab => {
     const theTabCompConfig = tab.getPConnect().getConfigProps();

packages/react-sdk-components/src/components/widget/QuickCreate/QuickCreate.tsx

@@ -2,6 +2,11 @@ import React from "react";
 import WssQuickCreate from '../../designSystemExtension/WssQuickCreate';
 import { Utils } from '../../helpers/utils';
 
+import PCoreType from '@pega/pcore-pconnect-typedefs/types/pcore';
+
+declare const PCore: typeof PCoreType;
+
+
 export default function QuickCreate(props) {
   const { getPConnect, heading, showCaseIcons, classFilter } = props;
   const pConn = getPConnect();

packages/react-sdk-components/src/components/widget/ToDo/ToDo.tsx

@@ -26,8 +26,12 @@ import { makeStyles } from '@material-ui/core/styles';
 import { useTheme } from '@material-ui/core/styles';
 import useMediaQuery from '@material-ui/core/useMediaQuery';
 
+import PCoreType from '@pega/pcore-pconnect-typedefs/types/pcore';
+
 import './ToDo.css';
 
+declare const PCore: typeof PCoreType;
+
 const isChildCase = assignment => {
   return assignment.isChild;
 };

packages/react-sdk-overrides/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pega/react-sdk-overrides",
-  "version": "8.23.10",
+  "version": "8.23.11",
   "description": "React SDK - Code for overriding components",
   "_filesComment": "During packing, npm ignores everything NOT in the files list",
   "files": [