@pega/react-sdk-components 0.24.4 → 0.25.2

package/lib/bridge/Context/StoreContext.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 declare const ReactReduxContext: import("react").Context<{}>;
 export declare const useConstellationContext: () => {};
 export default ReactReduxContext;

package/lib/bridge/Context/StoreContext.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"StoreContext.d.ts","sourceRoot":"","sources":["../../../src/bridge/Context/StoreContext.ts"],"names":[],"mappings":";AAMA,QAAA,MAAM,iBAAiB,6BAAoB,CAAC;AAM5C,eAAO,MAAM,uBAAuB,UAAsC,CAAC;AAC3E,eAAe,iBAAiB,CAAC"}
+{"version":3,"file":"StoreContext.d.ts","sourceRoot":"","sources":["../../../src/bridge/Context/StoreContext.ts"],"names":[],"mappings":"AAMA,QAAA,MAAM,iBAAiB,6BAAoB,CAAC;AAM5C,eAAO,MAAM,uBAAuB,UAAsC,CAAC;AAC3E,eAAe,iBAAiB,CAAC"}

package/lib/bridge/Context/StoreContext.js.map

@@ -1 +1 @@
-{"version":3,"file":"StoreContext.js","sourceRoot":"","sources":["../../../src/bridge/Context/StoreContext.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAIlD,mFAAmF;AAEnF,MAAM,iBAAiB,GAAG,aAAa,CAAC,EAAE,CAAC,CAAC;AAE5C,IAAI,OAAO,CAAC,GAAG,CAAC,QAAQ,KAAK,YAAY,EAAE;IACzC,iBAAiB,CAAC,WAAW,GAAG,YAAY,CAAC;CAC9C;AAED,MAAM,CAAC,MAAM,uBAAuB,GAAG,GAAG,EAAE,CAAC,UAAU,CAAC,iBAAiB,CAAC,CAAC;AAC3E,eAAe,iBAAiB,CAAC","sourcesContent":["import { createContext, useContext } from 'react';\n\ndeclare const process: any;\n\n// Argument was null but that failed TypeScript compilation. Change to empty object\n\nconst ReactReduxContext = createContext({});\n\nif (process.env.NODE_ENV !== 'production') {\n  ReactReduxContext.displayName = 'ReactRedux';\n}\n\nexport const useConstellationContext = () => useContext(ReactReduxContext);\nexport default ReactReduxContext;\n"]}
+{"version":3,"file":"StoreContext.js","sourceRoot":"","sources":["../../../src/bridge/Context/StoreContext.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAIlD,mFAAmF;AAEnF,MAAM,iBAAiB,GAAG,aAAa,CAAC,EAAE,CAAC,CAAC;AAE5C,IAAI,OAAO,CAAC,GAAG,CAAC,QAAQ,KAAK,YAAY,EAAE,CAAC;IAC1C,iBAAiB,CAAC,WAAW,GAAG,YAAY,CAAC;AAC/C,CAAC;AAED,MAAM,CAAC,MAAM,uBAAuB,GAAG,GAAG,EAAE,CAAC,UAAU,CAAC,iBAAiB,CAAC,CAAC;AAC3E,eAAe,iBAAiB,CAAC","sourcesContent":["import { createContext, useContext } from 'react';\n\ndeclare const process: any;\n\n// Argument was null but that failed TypeScript compilation. Change to empty object\n\nconst ReactReduxContext = createContext({});\n\nif (process.env.NODE_ENV !== 'production') {\n  ReactReduxContext.displayName = 'ReactRedux';\n}\n\nexport const useConstellationContext = () => useContext(ReactReduxContext);\nexport default ReactReduxContext;\n"]}

package/lib/bridge/helpers/sdk_component_map.js.map

@@ -1 +1 @@
-{"version":3,"file":"sdk_component_map.js","sourceRoot":"","sources":["../../../src/bridge/helpers/sdk_component_map.ts"],"names":[],"mappings":"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","sourcesContent":["// Helper singleton class to assist with loading and\n//  accessing the SDK components\n// import localSdkComponentMap from '../../sdk-local-component-map';\nimport pegaSdkComponentMap from '../../sdk-pega-component-map';\n\n// Statically load all \"local\" components\n\n// Create a singleton for this class (with async loading of components map file) and export it\n// Note: Initializing SdkComponentMap to null seems to cause lots of compile issues with references\n//  within other components and the value potentially being null (so try to leave it undefined)\n// eslint-disable-next-line import/no-mutable-exports\nexport let SdkComponentMap;\nlet SdkComponentMapCreateInProgress = false;\n\ninterface ISdkComponentMap {\n  localComponentMap: Object;\n  pegaProvidedComponentMap: Object;\n}\n\nclass ComponentMap {\n  sdkComponentMap: ISdkComponentMap; // Top level object\n  isComponentMapLoaded: boolean;\n\n  constructor() {\n    // sdkComponentMap is top-level object\n    this.sdkComponentMap = {\n      localComponentMap: {},\n      pegaProvidedComponentMap: {}\n    };\n\n    // isCoComponentMapLoaded will be updated to true after the async load is complete\n    this.isComponentMapLoaded = false;\n\n    // pegaSdkComponents.local is the JSON object where we'll store the components that are\n    // found locally or can be found in the Pega-provided repo\n    this.sdkComponentMap.localComponentMap = {};\n\n    this.sdkComponentMap.pegaProvidedComponentMap = {};\n\n    // The \"work\" to load the config file is done (asynchronously) via the initialize\n    //  (Factory function) below)\n  }\n\n  /**\n   * Asynchronous initialization of the config file contents.\n   * @returns Promise of config file fetch\n   */\n  async readSdkComponentMap(inLocalSdkComponentMap = {}) {\n    // debugger;\n    if (Object.keys(this.sdkComponentMap.localComponentMap).length === 0 && Object.keys(this.sdkComponentMap.pegaProvidedComponentMap).length === 0) {\n      const theLocalCompPromise = this.readLocalSdkComponentMap(inLocalSdkComponentMap);\n      const thePegaCompPromise = this.readPegaSdkComponentMap(pegaSdkComponentMap);\n\n      Promise.all([theLocalCompPromise, thePegaCompPromise])\n        .then(() => this.sdkComponentMap)\n        .catch(error => {\n          // eslint-disable-next-line no-console\n          console.error(`Error in readSdkComponentMap: ${error}`);\n        });\n    } else {\n      return Promise.resolve(this.sdkComponentMap);\n    }\n  }\n\n  async readLocalSdkComponentMap(inLocalSdkComponentMap = {}) {\n    // debugger;\n    if (Object.entries(this.getLocalComponentMap()).length === 0) {\n      this.sdkComponentMap.localComponentMap = inLocalSdkComponentMap;\n    }\n    return Promise.resolve(this);\n  }\n\n  async readPegaSdkComponentMap(inPegaSdkComponentMap = {}) {\n    // debugger;\n    if (Object.entries(this.getPegaProvidedComponentMap()).length === 0) {\n      this.sdkComponentMap.pegaProvidedComponentMap = inPegaSdkComponentMap;\n    }\n    return Promise.resolve(this);\n  }\n\n  getLocalComponentMap = () => {\n    return this.sdkComponentMap.localComponentMap;\n  };\n\n  setLocalComponentMap(inLocalSdkComponentMap) {\n    this.sdkComponentMap.localComponentMap = inLocalSdkComponentMap;\n    return this.sdkComponentMap.localComponentMap;\n  }\n\n  getPegaProvidedComponentMap = () => {\n    return this.sdkComponentMap.pegaProvidedComponentMap;\n  };\n\n  setPegaProvidedComponentMap = inPegaProvidedComponentMap => {\n    this.sdkComponentMap.pegaProvidedComponentMap = inPegaProvidedComponentMap;\n    return this.sdkComponentMap.pegaProvidedComponentMap;\n  };\n}\n\nexport function getComponentFromMap(inComponentName: string): any {\n  let theComponentImplementation = null;\n  const theLocalComponent = SdkComponentMap.getLocalComponentMap()[inComponentName];\n  if (theLocalComponent !== undefined) {\n    // eslint-disable-next-line no-console\n    console.log(`Requested component found ${inComponentName}: Local`);\n    theComponentImplementation = theLocalComponent;\n  } else {\n    const thePegaProvidedComponent = SdkComponentMap.getPegaProvidedComponentMap()[inComponentName];\n    if (thePegaProvidedComponent !== undefined) {\n      // console.log(`Requested component found ${inComponentName}: Pega-provided`);\n      theComponentImplementation = thePegaProvidedComponent;\n    } else {\n      // eslint-disable-next-line no-console\n      console.error(`Requested component has neither Local nor Pega-provided implementation: ${inComponentName}`);\n      theComponentImplementation = getComponentFromMap('ErrorBoundary');\n    }\n  }\n  return theComponentImplementation;\n}\n\n// Implement Factory function to allow async load\n//  See https://stackoverflow.com/questions/49905178/asynchronous-operations-in-constructor/49906064#49906064 for inspiration\nasync function createSdkComponentMap(inLocalComponentMap = {}) {\n  // Note that our initialize function returns a promise...\n  const singleton = new ComponentMap();\n  await singleton.readSdkComponentMap(inLocalComponentMap);\n  return singleton;\n}\n\n// Initialize exported SdkComponentMap structure\nexport async function getSdkComponentMap(inLocalComponentMap = {}) {\n  return new Promise(resolve => {\n    let idNextCheck;\n    if (!SdkComponentMap && !SdkComponentMapCreateInProgress) {\n      SdkComponentMapCreateInProgress = true;\n      createSdkComponentMap(inLocalComponentMap).then(theComponentMap => {\n        // debugger;\n        // Key initialization of SdkComponentMap\n        SdkComponentMap = theComponentMap;\n        SdkComponentMapCreateInProgress = false;\n        // eslint-disable-next-line no-console\n        console.log(`getSdkComponentMap: created SdkComponentMap singleton`);\n        // Create and dispatch the SdkConfigAccessReady event\n        //  Not used anyplace yet but putting it in place in case we need it.\n        const event = new CustomEvent('SdkComponentMapReady', {});\n        document.dispatchEvent(event);\n        return resolve(SdkComponentMap /* .sdkComponentMap */);\n      });\n    } else {\n      const fnCheckForConfig = () => {\n        if (SdkComponentMap) {\n          if (idNextCheck) {\n            clearInterval(idNextCheck);\n          }\n          return resolve(SdkComponentMap.sdkComponentMap);\n        }\n        idNextCheck = setInterval(fnCheckForConfig, 500);\n      };\n      if (SdkComponentMap) {\n        // eslint-disable-next-line no-promise-executor-return\n        return resolve(SdkComponentMap.sdkComponentMap);\n      }\n      idNextCheck = setInterval(fnCheckForConfig, 500);\n    }\n  });\n}\n"]}
+{"version":3,"file":"sdk_component_map.js","sourceRoot":"","sources":["../../../src/bridge/helpers/sdk_component_map.ts"],"names":[],"mappings":"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","sourcesContent":["// Helper singleton class to assist with loading and\n//  accessing the SDK components\n// import localSdkComponentMap from '../../sdk-local-component-map';\nimport pegaSdkComponentMap from '../../sdk-pega-component-map';\n\n// Statically load all \"local\" components\n\n// Create a singleton for this class (with async loading of components map file) and export it\n// Note: Initializing SdkComponentMap to null seems to cause lots of compile issues with references\n//  within other components and the value potentially being null (so try to leave it undefined)\n// eslint-disable-next-line import/no-mutable-exports\nexport let SdkComponentMap;\nlet SdkComponentMapCreateInProgress = false;\n\ninterface ISdkComponentMap {\n  localComponentMap: Object;\n  pegaProvidedComponentMap: Object;\n}\n\nclass ComponentMap {\n  sdkComponentMap: ISdkComponentMap; // Top level object\n  isComponentMapLoaded: boolean;\n\n  constructor() {\n    // sdkComponentMap is top-level object\n    this.sdkComponentMap = {\n      localComponentMap: {},\n      pegaProvidedComponentMap: {}\n    };\n\n    // isCoComponentMapLoaded will be updated to true after the async load is complete\n    this.isComponentMapLoaded = false;\n\n    // pegaSdkComponents.local is the JSON object where we'll store the components that are\n    // found locally or can be found in the Pega-provided repo\n    this.sdkComponentMap.localComponentMap = {};\n\n    this.sdkComponentMap.pegaProvidedComponentMap = {};\n\n    // The \"work\" to load the config file is done (asynchronously) via the initialize\n    //  (Factory function) below)\n  }\n\n  /**\n   * Asynchronous initialization of the config file contents.\n   * @returns Promise of config file fetch\n   */\n  async readSdkComponentMap(inLocalSdkComponentMap = {}) {\n    // debugger;\n    if (Object.keys(this.sdkComponentMap.localComponentMap).length === 0 && Object.keys(this.sdkComponentMap.pegaProvidedComponentMap).length === 0) {\n      const theLocalCompPromise = this.readLocalSdkComponentMap(inLocalSdkComponentMap);\n      const thePegaCompPromise = this.readPegaSdkComponentMap(pegaSdkComponentMap);\n\n      Promise.all([theLocalCompPromise, thePegaCompPromise])\n        .then(() => this.sdkComponentMap)\n        .catch(error => {\n          // eslint-disable-next-line no-console\n          console.error(`Error in readSdkComponentMap: ${error}`);\n        });\n    } else {\n      return Promise.resolve(this.sdkComponentMap);\n    }\n  }\n\n  async readLocalSdkComponentMap(inLocalSdkComponentMap = {}) {\n    // debugger;\n    if (Object.entries(this.getLocalComponentMap()).length === 0) {\n      this.sdkComponentMap.localComponentMap = inLocalSdkComponentMap;\n    }\n    return Promise.resolve(this);\n  }\n\n  async readPegaSdkComponentMap(inPegaSdkComponentMap = {}) {\n    // debugger;\n    if (Object.entries(this.getPegaProvidedComponentMap()).length === 0) {\n      this.sdkComponentMap.pegaProvidedComponentMap = inPegaSdkComponentMap;\n    }\n    return Promise.resolve(this);\n  }\n\n  getLocalComponentMap = () => {\n    return this.sdkComponentMap.localComponentMap;\n  };\n\n  setLocalComponentMap(inLocalSdkComponentMap) {\n    this.sdkComponentMap.localComponentMap = inLocalSdkComponentMap;\n    return this.sdkComponentMap.localComponentMap;\n  }\n\n  getPegaProvidedComponentMap = () => {\n    return this.sdkComponentMap.pegaProvidedComponentMap;\n  };\n\n  setPegaProvidedComponentMap = inPegaProvidedComponentMap => {\n    this.sdkComponentMap.pegaProvidedComponentMap = inPegaProvidedComponentMap;\n    return this.sdkComponentMap.pegaProvidedComponentMap;\n  };\n}\n\nexport function getComponentFromMap(inComponentName: string): any {\n  let theComponentImplementation = null;\n  const theLocalComponent = SdkComponentMap.getLocalComponentMap()[inComponentName];\n  if (theLocalComponent !== undefined) {\n    // eslint-disable-next-line no-console\n    console.log(`Requested component found ${inComponentName}: Local`);\n    theComponentImplementation = theLocalComponent;\n  } else {\n    const thePegaProvidedComponent = SdkComponentMap.getPegaProvidedComponentMap()[inComponentName];\n    if (thePegaProvidedComponent !== undefined) {\n      // console.log(`Requested component found ${inComponentName}: Pega-provided`);\n      theComponentImplementation = thePegaProvidedComponent;\n    } else {\n      // eslint-disable-next-line no-console\n      console.error(`Requested component has neither Local nor Pega-provided implementation: ${inComponentName}`);\n      theComponentImplementation = getComponentFromMap('ErrorBoundary');\n    }\n  }\n  return theComponentImplementation;\n}\n\n// Implement Factory function to allow async load\n//  See https://stackoverflow.com/questions/49905178/asynchronous-operations-in-constructor/49906064#49906064 for inspiration\nasync function createSdkComponentMap(inLocalComponentMap = {}) {\n  // Note that our initialize function returns a promise...\n  const singleton = new ComponentMap();\n  await singleton.readSdkComponentMap(inLocalComponentMap);\n  return singleton;\n}\n\n// Initialize exported SdkComponentMap structure\nexport async function getSdkComponentMap(inLocalComponentMap = {}) {\n  return new Promise(resolve => {\n    let idNextCheck;\n    if (!SdkComponentMap && !SdkComponentMapCreateInProgress) {\n      SdkComponentMapCreateInProgress = true;\n      createSdkComponentMap(inLocalComponentMap).then(theComponentMap => {\n        // debugger;\n        // Key initialization of SdkComponentMap\n        SdkComponentMap = theComponentMap;\n        SdkComponentMapCreateInProgress = false;\n        // eslint-disable-next-line no-console\n        console.log(`getSdkComponentMap: created SdkComponentMap singleton`);\n        // Create and dispatch the SdkConfigAccessReady event\n        //  Not used anyplace yet but putting it in place in case we need it.\n        const event = new CustomEvent('SdkComponentMapReady', {});\n        document.dispatchEvent(event);\n        return resolve(SdkComponentMap /* .sdkComponentMap */);\n      });\n    } else {\n      const fnCheckForConfig = () => {\n        if (SdkComponentMap) {\n          if (idNextCheck) {\n            clearInterval(idNextCheck);\n          }\n          return resolve(SdkComponentMap.sdkComponentMap);\n        }\n        idNextCheck = setInterval(fnCheckForConfig, 500);\n      };\n      if (SdkComponentMap) {\n        // eslint-disable-next-line no-promise-executor-return\n        return resolve(SdkComponentMap.sdkComponentMap);\n      }\n      idNextCheck = setInterval(fnCheckForConfig, 500);\n    }\n  });\n}\n"]}

package/lib/bridge/react_pconnect.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"react_pconnect.d.ts","sourceRoot":"","sources":["../../src/bridge/react_pconnect.jsx"],"names":[],"mappings":"AA+BO,0EAMN;;AA4TD;;;;;GAKG;AACH,2EAEC"}
+{"version":3,"file":"react_pconnect.d.ts","sourceRoot":"","sources":["../../src/bridge/react_pconnect.jsx"],"names":[],"mappings":"AA8BO,0EAMN;;AAgUD;;;;;GAKG;AACH,4CAHa,KAAK,CAAC,UAAU,CAAC,KAAK,EAAE,KAAK,CAAC,CAK1C"}

package/lib/bridge/react_pconnect.js

@@ -1,5 +1,5 @@
+import { createElement as _createElement } from "react";
 import { jsx as _jsx } from "react/jsx-runtime";
-/* eslint-disable max-classes-per-file */
 import { Component, createElement } from 'react';
 import PropTypes from 'prop-types';
 import { connect, shallowEqual } from 'react-redux';
@@ -239,7 +239,7 @@ class PConnect extends Component {
         };
         // If the new component is a reference node then mark with a unique key
         if (['reference', 'View'].includes(getPConnect().getComponentName()) && !finalProps.key) {
-            finalProps.key = this.getKey();
+            return (_createElement(this.Control, { ...finalProps, key: this.getKey() }, this.createChildren()));
         }
         // console.log(`react_pconnect: used to return: <this.Control {...finalProps} />`);
         return _jsx(this.Control, { ...finalProps, children: this.createChildren() });

package/lib/bridge/react_pconnect.js.map

@@ -1 +1 @@
-{"version":3,"file":"react_pconnect.js","sourceRoot":"","sources":["../../src/bridge/react_pconnect.jsx"],"names":[],"mappings":"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","sourcesContent":["/* eslint-disable max-classes-per-file */\nimport { Component, createElement } from 'react';\nimport PropTypes from 'prop-types';\nimport { connect, shallowEqual } from 'react-redux';\n\nimport ComponentMap, { LazyMap as LazyComponentMap } from '../components_map'; // was '../../../../../src/components_map';\nimport ErrorBoundary from '../components/infra/ErrorBoundary';\n\nimport StoreContext from './Context/StoreContext';\n\n// const pathToComponents = \"../../../../../src/components\";  /* When bridge was local, it was \"../components\" */\n\n// For now, NOT doing lazy loading - needs some work on the loader to work with TypeScript\n// As we add components, we'll need to import them here and add to the switch statement\n//    below in getComponent!\n\nimport { SdkComponentMap } from './helpers/sdk_component_map';\n\nconst isClassIDCompare = (key, prev, next) => {\n  return !(key === 'classID' && (!prev[key] || !next[key]));\n};\n\nconst routingInfoCompare = (next, prev) => {\n  return 'routingInfo' in next && (!shallowEqual(next.routingInfo, prev.routingInfo) || !PCore.isDeepEqual(next.routingInfo, prev.routingInfo));\n};\n\n/** Generate unique id for elements */\nconst createUID = () => {\n  return `_${Math.random().toString(36).slice(2, 11)}`;\n};\n\nexport const setVisibilityForList = (c11nEnv, visibility) => {\n  const { selectionMode, selectionList, renderMode, referenceList } = c11nEnv.getComponentConfig();\n  // usecase:multiselect, fieldgroup, editable table\n  if ((selectionMode === PCore.getConstants().LIST_SELECTION_MODE.MULTI && selectionList) || (renderMode === 'Editable' && referenceList)) {\n    c11nEnv.getListActions().setVisibility(visibility);\n  }\n};\n\nfunction withVisibility(WrappedComponent) {\n  // eslint-disable-next-line react/prefer-stateless-function\n  return class extends Component {\n    render() {\n      const { visibility } = this.props;\n\n      if (visibility === false) {\n        return null;\n      }\n      return <WrappedComponent {...this.props} />;\n    }\n  };\n}\n\nconst connectRedux = (component, c11nEnv) => {\n  return connect(\n    (state, ownProps) => {\n      let addProps = {};\n      const obj = {};\n      // Need to use ownProps pconnect since c11nEnv is stale and prior to re-render\n      if (!ownProps.getPConnect) {\n        // eslint-disable-next-line no-console\n        console.error('connectRedux ownProps are not defined');\n      } else {\n        c11nEnv = ownProps.getPConnect();\n      }\n\n      if (typeof component.additionalProps === 'object') {\n        addProps = c11nEnv.resolveConfigProps(component.additionalProps);\n      } else if (typeof component.additionalProps === 'function') {\n        addProps = c11nEnv.resolveConfigProps(component.additionalProps(state, ownProps.getPConnect));\n      }\n\n      c11nEnv.getConfigProps(obj);\n\n      // populate additional props which are component specific and not present in configurations\n      // This block can be removed once all these props will be added as part of configs\n      c11nEnv.populateAdditionalProps(obj);\n\n      return {\n        ...obj,\n        ...addProps\n      };\n    },\n    null,\n    null,\n    {\n      context: StoreContext,\n      areStatePropsEqual: (next, prev) => {\n        const allStateProps = c11nEnv.getStateProps();\n        for (const key of Object.keys(allStateProps)) {\n          if (Object.prototype.hasOwnProperty.call(allStateProps, key)) {\n            if (key === 'inheritedProps' && next.inheritedProps && !PCore.isDeepEqual(next.inheritedProps, prev.inheritedProps)) {\n              return false;\n            }\n            if (\n              key !== 'inheritedProps' &&\n              ((isClassIDCompare(key, prev, next) && !shallowEqual(next[key], prev[key])) ||\n                (next.routingInfo && !PCore.isDeepEqual(next.routingInfo, prev.routingInfo)))\n            ) {\n              return false;\n            }\n          }\n        }\n        /* TODO For some rawConfig we are not getting routingInfo under allStateProps */\n        return !routingInfoCompare(next, prev);\n      }\n    }\n  )(component);\n};\n\nconst getComponent = c11nEnv => {\n  // PCore is defined in pxBootstrapShell - eventually will be exported in place of constellationCore\n  const ComponentsRegistry = PCore.getComponentsRegistry();\n  const type = c11nEnv.getComponentName();\n\n  const componentObj = ComponentsRegistry.getComponent(type);\n  const componentType = (componentObj && componentObj.component) || type;\n\n  // JEA - modifying logic before bailing to RootContainer logic to work around async loading problem\n  let component = LazyComponentMap[componentType]; /* || window[componentType] */\n\n  // NOTE: Until we get lazy loading working, maintain this for each component we add\n  if (component === undefined) {\n    if (SdkComponentMap) {\n      // This is the node_modules version of react_pconnect!\n      const theLocalComponent = SdkComponentMap.getLocalComponentMap()[componentType];\n      if (theLocalComponent !== undefined) {\n        // eslint-disable-next-line no-console\n        console.log(`react_pconnect getComponent found ${componentType}: Local`);\n        component = theLocalComponent;\n      } else {\n        const thePegaProvidedComponent = SdkComponentMap.getPegaProvidedComponentMap()[componentType];\n        if (thePegaProvidedComponent !== undefined) {\n          // console.log(`react_pconnect getComponent found ${componentType}: Pega-provided`);\n          component = thePegaProvidedComponent;\n        } else {\n          // eslint-disable-next-line no-console\n          console.error(`react_pconnect: getComponent doesn't have an entry for type ${type}`);\n          component = ErrorBoundary;\n        }\n      }\n    } else {\n      // We no longer handle the \"old\" switch statement that was here in the original packaging.\n      //  All components seen here need to be in the SdkComponentMap\n      // eslint-disable-next-line no-console\n      console.error(`SdkComponentMap not defined! Unable to process component: ${componentType}`);\n    }\n  } else {\n    // eslint-disable-next-line no-console\n    console.log(`getComponent doesn't have an entry for component ${component}`);\n    component = ErrorBoundary;\n  }\n\n  if (c11nEnv.isConditionExist()) {\n    return connectRedux(withVisibility(component), c11nEnv);\n  }\n\n  return connectRedux(component, c11nEnv);\n};\n\n/**\n * JEA - add Type info via JSdoc syntax...\n * @extends {React.Components<Props, State>}\n * createPConnectComponent - Class to create/initialize a PConnect (c11nEnv) object\n * to pre-process meta data of each componnet.\n * - Wraps each child in a component with PConnect\n * - Process all actions and make them avaiable in props\n * - Filters all properties in metadata and keeps them\n * __internal for re-render process through connect\n */\nclass PConnect extends Component {\n  constructor(props) {\n    super(props);\n    const { getPConnect } = this.props;\n    this.state = {\n      hasError: false\n    };\n\n    this.eventHandler = this.eventHandler.bind(this);\n    this.changeHandler = this.changeHandler.bind(this);\n\n    this.c11nEnv = getPConnect();\n    // eslint-disable-next-line react/no-unused-class-component-methods\n    this.Control = getComponent(this.c11nEnv);\n    this.actionsAPI = this.c11nEnv.getActionsApi();\n\n    this.processActions(this.c11nEnv);\n  }\n\n  static getDerivedStateFromError(error) {\n    // Update state so the next render will show the fallback UI.\n    return {\n      hasError: true,\n      error\n    };\n  }\n\n  componentDidMount() {\n    this.c11nEnv.addFormField();\n    setVisibilityForList(this.c11nEnv, true);\n  }\n\n  componentDidCatch(error, info) {\n    // eslint-disable-next-line no-console\n    console.error(`Error while Rendering the component ${this.componentName} : `, error, info.componentStack);\n  }\n\n  componentWillUnmount() {\n    if (this.c11nEnv.removeFormField) {\n      this.c11nEnv.removeFormField();\n      setVisibilityForList(this.c11nEnv, false);\n    }\n  }\n\n  /*\n   *  processActions to see all actions in meta and adds event in props.\n   *  Attaches common handler (eventHandler) for all actions.\n   */\n  processActions() {\n    if (this.c11nEnv.isEditable()) {\n      this.c11nEnv.setAction('onChange', this.changeHandler);\n      this.c11nEnv.setAction('onBlur', this.eventHandler);\n    }\n  }\n\n  // Using separate handle for change as in case of dropdown, native click is mapped to react change\n  changeHandler(event) {\n    this.actionsAPI.changeHandler(this.c11nEnv, event);\n    //      getActionProcessor().changeHandler(this.c11nEnv, event);\n  }\n\n  eventHandler(event) {\n    this.actionsAPI.eventHandler(this.c11nEnv, event);\n    //      getActionProcessor().eventHandler(this.c11nEnv, event);\n  }\n\n  createChildren() {\n    const { getPConnect } = this.props;\n    if (getPConnect().hasChildren() && getPConnect().getChildren()) {\n      return (\n        getPConnect()\n          .getChildren()\n          // eslint-disable-next-line react/no-array-index-key\n          .map((childProps, index) => <PConnect key={`${this.getKey(childProps)}_${index}`} {...childProps} />)\n      );\n    }\n    return null;\n  }\n\n  getKey(props = this.props) {\n    const { getPConnect } = props;\n    const viewName = getPConnect().getConfigProps().name || getPConnect().getCurrentView();\n    let key = !viewName ? createUID() : `${viewName}!${getPConnect().getCurrentClassID() || createUID()}`;\n\n    // In the case of pyDetails the key must be unique for each instance\n    if (viewName && viewName.toUpperCase() === 'PYDETAILS') {\n      key += `!${getPConnect().getCaseInfo().getID()}`;\n    }\n\n    return key.toUpperCase();\n  }\n\n  render() {\n    const { hasError } = this.state;\n    const { getPConnect, additionalProps, ...otherProps } = this.props;\n\n    if (hasError) {\n      // You can render any custom fallback UI\n      // console.log(`react_pconnect error: used to return: <ErrorBoundary getPConnect={() => this.c11nEnv} isInternalError />`);\n      return <ErrorBoundary getPConnect={() => this.c11nEnv} isInternalError />;\n    }\n\n    const props = this.c11nEnv.getConfigProps();\n    const actions = this.c11nEnv.getActions();\n    const finalProps = {\n      ...props,\n      getPConnect,\n      ...actions,\n      additionalProps,\n      ...otherProps\n    };\n\n    // If the new component is a reference node then mark with a unique key\n    if (['reference', 'View'].includes(getPConnect().getComponentName()) && !finalProps.key) {\n      finalProps.key = this.getKey();\n    }\n\n    // console.log(`react_pconnect: used to return: <this.Control {...finalProps} />`);\n\n    return <this.Control {...finalProps}>{this.createChildren()}</this.Control>;\n  }\n}\n// eslint-disable-next-line react/static-property-placement\nPConnect.propTypes = {\n  // __internal: PropTypes.object.isRequired,\n  // meta: PropTypes.object.isRequired,\n  // configObject: PropTypes.object.isRequired,\n  getPConnect: PropTypes.func.isRequired,\n  additionalProps: PropTypes.shape({\n    noLabel: PropTypes.bool,\n    readOnly: PropTypes.bool\n  }),\n  validatemessage: PropTypes.string\n};\n\n// eslint-disable-next-line react/static-property-placement\nPConnect.defaultProps = {\n  additionalProps: {},\n  validatemessage: ''\n};\n\n// Move these into SdkConstellationReady so PCore is available\ndocument.addEventListener('SdkConstellationReady', () => {\n  PCore.registerComponentCreator((c11nEnv, additionalProps = {}) => {\n    return createElement(PConnect, {\n      ...c11nEnv,\n      ...c11nEnv.getPConnect().getConfigProps(),\n      ...c11nEnv.getPConnect().getActions(),\n      ...{ additionalProps }\n    });\n  });\n\n  PCore.getAssetLoader().register('component-loader', async (componentNames = []) => {\n    const promises = [];\n    componentNames.forEach(comp => {\n      if (/^[A-Z]/.test(comp) && !LazyComponentMap[comp]) {\n        if (!ComponentMap[comp]) {\n          const srcUrl = `${PCore.getAssetLoader().getConstellationServiceUrl()}/v860/${PCore.getAssetLoader().getAppAlias()}/component/${comp}.js`;\n          promises.push(PCore.getAssetLoader().getLoader()(srcUrl, 'script'));\n        } else {\n          if (ComponentMap[comp].modules && ComponentMap[comp].modules.length) {\n            ComponentMap[comp].modules.forEach(module => {\n              LazyComponentMap[comp] = module;\n            });\n          }\n          if (ComponentMap[comp].scripts && ComponentMap[comp].scripts.length) {\n            ComponentMap[comp].scripts.forEach(script => {\n              promises.push(PCore.getAssetLoader().getLoader()(script, 'script'));\n            });\n          }\n        }\n      }\n    });\n    /* Promise.all rejects or accepts all or none. This causes entire component loader to fail\n      in case there is a single failure.\n      Using allSettled to allow Promise to be resolved even if there are failed components\n      Note : This is a liberty taken at component loader and unwise to be used at\n      asset loader which will still use Promise.all\n      */\n    await Promise.allSettled(promises);\n  });\n});\n\n/**\n *\n * @param {*} declarative\n * @returns {React.Components<Props, State>}\n\n */\nconst createPConnectComponent = () => {\n  return PConnect;\n};\n\nexport default createPConnectComponent;\n\n/* These APIs need to be exposed for authoring bridge\nWill be removed when pxbootstrap and constellation_bridge is cleaned up\nto use single bootstrap file from constellation  */\n// window.authoringUtils = {\n//   createElement,\n//   render,\n//   unmountComponentAtNode,\n//   LazyComponentMap\n// };\n"]}
+{"version":3,"file":"react_pconnect.js","sourceRoot":"","sources":["../../src/bridge/react_pconnect.jsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, createElement } from 'react';\nimport PropTypes from 'prop-types';\nimport { connect, shallowEqual } from 'react-redux';\n\nimport ComponentMap, { LazyMap as LazyComponentMap } from '../components_map'; // was '../../../../../src/components_map';\nimport ErrorBoundary from '../components/infra/ErrorBoundary';\n\nimport StoreContext from './Context/StoreContext';\n\n// const pathToComponents = \"../../../../../src/components\";  /* When bridge was local, it was \"../components\" */\n\n// For now, NOT doing lazy loading - needs some work on the loader to work with TypeScript\n// As we add components, we'll need to import them here and add to the switch statement\n//    below in getComponent!\n\nimport { SdkComponentMap } from './helpers/sdk_component_map';\n\nconst isClassIDCompare = (key, prev, next) => {\n  return !(key === 'classID' && (!prev[key] || !next[key]));\n};\n\nconst routingInfoCompare = (next, prev) => {\n  return 'routingInfo' in next && (!shallowEqual(next.routingInfo, prev.routingInfo) || !PCore.isDeepEqual(next.routingInfo, prev.routingInfo));\n};\n\n/** Generate unique id for elements */\nconst createUID = () => {\n  return `_${Math.random().toString(36).slice(2, 11)}`;\n};\n\nexport const setVisibilityForList = (c11nEnv, visibility) => {\n  const { selectionMode, selectionList, renderMode, referenceList } = c11nEnv.getComponentConfig();\n  // usecase:multiselect, fieldgroup, editable table\n  if ((selectionMode === PCore.getConstants().LIST_SELECTION_MODE.MULTI && selectionList) || (renderMode === 'Editable' && referenceList)) {\n    c11nEnv.getListActions().setVisibility(visibility);\n  }\n};\n\nfunction withVisibility(WrappedComponent) {\n  // eslint-disable-next-line react/prefer-stateless-function\n  return class extends Component {\n    render() {\n      const { visibility } = this.props;\n\n      if (visibility === false) {\n        return null;\n      }\n      return <WrappedComponent {...this.props} />;\n    }\n  };\n}\n\nconst connectRedux = (component, c11nEnv) => {\n  return connect(\n    (state, ownProps) => {\n      let addProps = {};\n      const obj = {};\n      // Need to use ownProps pconnect since c11nEnv is stale and prior to re-render\n      if (!ownProps.getPConnect) {\n        // eslint-disable-next-line no-console\n        console.error('connectRedux ownProps are not defined');\n      } else {\n        c11nEnv = ownProps.getPConnect();\n      }\n\n      if (typeof component.additionalProps === 'object') {\n        addProps = c11nEnv.resolveConfigProps(component.additionalProps);\n      } else if (typeof component.additionalProps === 'function') {\n        addProps = c11nEnv.resolveConfigProps(component.additionalProps(state, ownProps.getPConnect));\n      }\n\n      c11nEnv.getConfigProps(obj);\n\n      // populate additional props which are component specific and not present in configurations\n      // This block can be removed once all these props will be added as part of configs\n      c11nEnv.populateAdditionalProps(obj);\n\n      return {\n        ...obj,\n        ...addProps\n      };\n    },\n    null,\n    null,\n    {\n      context: StoreContext,\n      areStatePropsEqual: (next, prev) => {\n        const allStateProps = c11nEnv.getStateProps();\n        for (const key of Object.keys(allStateProps)) {\n          if (Object.prototype.hasOwnProperty.call(allStateProps, key)) {\n            if (key === 'inheritedProps' && next.inheritedProps && !PCore.isDeepEqual(next.inheritedProps, prev.inheritedProps)) {\n              return false;\n            }\n            if (\n              key !== 'inheritedProps' &&\n              ((isClassIDCompare(key, prev, next) && !shallowEqual(next[key], prev[key])) ||\n                (next.routingInfo && !PCore.isDeepEqual(next.routingInfo, prev.routingInfo)))\n            ) {\n              return false;\n            }\n          }\n        }\n        /* TODO For some rawConfig we are not getting routingInfo under allStateProps */\n        return !routingInfoCompare(next, prev);\n      }\n    }\n  )(component);\n};\n\nconst getComponent = c11nEnv => {\n  // PCore is defined in pxBootstrapShell - eventually will be exported in place of constellationCore\n  const ComponentsRegistry = PCore.getComponentsRegistry();\n  const type = c11nEnv.getComponentName();\n\n  const componentObj = ComponentsRegistry.getComponent(type);\n  const componentType = (componentObj && componentObj.component) || type;\n\n  // JEA - modifying logic before bailing to RootContainer logic to work around async loading problem\n  let component = LazyComponentMap[componentType]; /* || window[componentType] */\n\n  // NOTE: Until we get lazy loading working, maintain this for each component we add\n  if (component === undefined) {\n    if (SdkComponentMap) {\n      // This is the node_modules version of react_pconnect!\n      const theLocalComponent = SdkComponentMap.getLocalComponentMap()[componentType];\n      if (theLocalComponent !== undefined) {\n        // eslint-disable-next-line no-console\n        console.log(`react_pconnect getComponent found ${componentType}: Local`);\n        component = theLocalComponent;\n      } else {\n        const thePegaProvidedComponent = SdkComponentMap.getPegaProvidedComponentMap()[componentType];\n        if (thePegaProvidedComponent !== undefined) {\n          // console.log(`react_pconnect getComponent found ${componentType}: Pega-provided`);\n          component = thePegaProvidedComponent;\n        } else {\n          // eslint-disable-next-line no-console\n          console.error(`react_pconnect: getComponent doesn't have an entry for type ${type}`);\n          component = ErrorBoundary;\n        }\n      }\n    } else {\n      // We no longer handle the \"old\" switch statement that was here in the original packaging.\n      //  All components seen here need to be in the SdkComponentMap\n      // eslint-disable-next-line no-console\n      console.error(`SdkComponentMap not defined! Unable to process component: ${componentType}`);\n    }\n  } else {\n    // eslint-disable-next-line no-console\n    console.log(`getComponent doesn't have an entry for component ${component}`);\n    component = ErrorBoundary;\n  }\n\n  if (c11nEnv.isConditionExist()) {\n    return connectRedux(withVisibility(component), c11nEnv);\n  }\n\n  return connectRedux(component, c11nEnv);\n};\n\n/**\n * JEA - add Type info via JSdoc syntax...\n * @extends {React.Components<Props, State>}\n * createPConnectComponent - Class to create/initialize a PConnect (c11nEnv) object\n * to pre-process meta data of each componnet.\n * - Wraps each child in a component with PConnect\n * - Process all actions and make them avaiable in props\n * - Filters all properties in metadata and keeps them\n * __internal for re-render process through connect\n */\nclass PConnect extends Component {\n  constructor(props) {\n    super(props);\n    const { getPConnect } = this.props;\n    this.state = {\n      hasError: false\n    };\n\n    this.eventHandler = this.eventHandler.bind(this);\n    this.changeHandler = this.changeHandler.bind(this);\n\n    this.c11nEnv = getPConnect();\n    // eslint-disable-next-line react/no-unused-class-component-methods\n    this.Control = getComponent(this.c11nEnv);\n    this.actionsAPI = this.c11nEnv.getActionsApi();\n\n    this.processActions(this.c11nEnv);\n  }\n\n  static getDerivedStateFromError(error) {\n    // Update state so the next render will show the fallback UI.\n    return {\n      hasError: true,\n      error\n    };\n  }\n\n  componentDidMount() {\n    this.c11nEnv.addFormField();\n    setVisibilityForList(this.c11nEnv, true);\n  }\n\n  componentDidCatch(error, info) {\n    // eslint-disable-next-line no-console\n    console.error(`Error while Rendering the component ${this.componentName} : `, error, info.componentStack);\n  }\n\n  componentWillUnmount() {\n    if (this.c11nEnv.removeFormField) {\n      this.c11nEnv.removeFormField();\n      setVisibilityForList(this.c11nEnv, false);\n    }\n  }\n\n  /*\n   *  processActions to see all actions in meta and adds event in props.\n   *  Attaches common handler (eventHandler) for all actions.\n   */\n  processActions() {\n    if (this.c11nEnv.isEditable()) {\n      this.c11nEnv.setAction('onChange', this.changeHandler);\n      this.c11nEnv.setAction('onBlur', this.eventHandler);\n    }\n  }\n\n  // Using separate handle for change as in case of dropdown, native click is mapped to react change\n  changeHandler(event) {\n    this.actionsAPI.changeHandler(this.c11nEnv, event);\n    //      getActionProcessor().changeHandler(this.c11nEnv, event);\n  }\n\n  eventHandler(event) {\n    this.actionsAPI.eventHandler(this.c11nEnv, event);\n    //      getActionProcessor().eventHandler(this.c11nEnv, event);\n  }\n\n  createChildren() {\n    const { getPConnect } = this.props;\n    if (getPConnect().hasChildren() && getPConnect().getChildren()) {\n      return (\n        getPConnect()\n          .getChildren()\n          // eslint-disable-next-line react/no-array-index-key\n          .map((childProps, index) => <PConnect key={`${this.getKey(childProps)}_${index}`} {...childProps} />)\n      );\n    }\n    return null;\n  }\n\n  getKey(props = this.props) {\n    const { getPConnect } = props;\n    const viewName = getPConnect().getConfigProps().name || getPConnect().getCurrentView();\n    let key = !viewName ? createUID() : `${viewName}!${getPConnect().getCurrentClassID() || createUID()}`;\n\n    // In the case of pyDetails the key must be unique for each instance\n    if (viewName && viewName.toUpperCase() === 'PYDETAILS') {\n      key += `!${getPConnect().getCaseInfo().getID()}`;\n    }\n\n    return key.toUpperCase();\n  }\n\n  render() {\n    const { hasError } = this.state;\n    const { getPConnect, additionalProps, ...otherProps } = this.props;\n\n    if (hasError) {\n      // You can render any custom fallback UI\n      // console.log(`react_pconnect error: used to return: <ErrorBoundary getPConnect={() => this.c11nEnv} isInternalError />`);\n      return <ErrorBoundary getPConnect={() => this.c11nEnv} isInternalError />;\n    }\n\n    const props = this.c11nEnv.getConfigProps();\n    const actions = this.c11nEnv.getActions();\n    const finalProps = {\n      ...props,\n      getPConnect,\n      ...actions,\n      additionalProps,\n      ...otherProps\n    };\n\n    // If the new component is a reference node then mark with a unique key\n    if (['reference', 'View'].includes(getPConnect().getComponentName()) && !finalProps.key) {\n      return (\n        <this.Control {...finalProps} key={this.getKey()}>\n          {this.createChildren()}\n        </this.Control>\n      );\n    }\n\n    // console.log(`react_pconnect: used to return: <this.Control {...finalProps} />`);\n\n    return <this.Control {...finalProps}>{this.createChildren()}</this.Control>;\n  }\n}\n// eslint-disable-next-line react/static-property-placement\nPConnect.propTypes = {\n  // __internal: PropTypes.object.isRequired,\n  // meta: PropTypes.object.isRequired,\n  // configObject: PropTypes.object.isRequired,\n  getPConnect: PropTypes.func.isRequired,\n  additionalProps: PropTypes.shape({\n    noLabel: PropTypes.bool,\n    readOnly: PropTypes.bool\n  }),\n  validatemessage: PropTypes.string\n};\n\n// eslint-disable-next-line react/static-property-placement\nPConnect.defaultProps = {\n  additionalProps: {},\n  validatemessage: ''\n};\n\n// Move these into SdkConstellationReady so PCore is available\ndocument.addEventListener('SdkConstellationReady', () => {\n  PCore.registerComponentCreator((c11nEnv, additionalProps = {}) => {\n    return createElement(PConnect, {\n      ...c11nEnv,\n      ...c11nEnv.getPConnect().getConfigProps(),\n      ...c11nEnv.getPConnect().getActions(),\n      ...{ additionalProps }\n    });\n  });\n\n  PCore.getAssetLoader().register('component-loader', async (componentNames = []) => {\n    const promises = [];\n    componentNames.forEach(comp => {\n      if (/^[A-Z]/.test(comp) && !LazyComponentMap[comp]) {\n        if (!ComponentMap[comp]) {\n          const srcUrl = `${PCore.getAssetLoader().getConstellationServiceUrl()}/v860/${PCore.getAssetLoader().getAppAlias()}/component/${comp}.js`;\n          promises.push(PCore.getAssetLoader().getLoader()(srcUrl, 'script'));\n        } else {\n          if (ComponentMap[comp].modules && ComponentMap[comp].modules.length) {\n            ComponentMap[comp].modules.forEach(module => {\n              LazyComponentMap[comp] = module;\n            });\n          }\n          if (ComponentMap[comp].scripts && ComponentMap[comp].scripts.length) {\n            ComponentMap[comp].scripts.forEach(script => {\n              promises.push(PCore.getAssetLoader().getLoader()(script, 'script'));\n            });\n          }\n        }\n      }\n    });\n    /* Promise.all rejects or accepts all or none. This causes entire component loader to fail\n      in case there is a single failure.\n      Using allSettled to allow Promise to be resolved even if there are failed components\n      Note : This is a liberty taken at component loader and unwise to be used at\n      asset loader which will still use Promise.all\n      */\n    await Promise.allSettled(promises);\n  });\n});\n\n/**\n *\n * @param {*} declarative\n * @returns {React.Components<Props, State>}\n\n */\nconst createPConnectComponent = () => {\n  return PConnect;\n};\n\nexport default createPConnectComponent;\n\n/* These APIs need to be exposed for authoring bridge\nWill be removed when pxbootstrap and constellation_bridge is cleaned up\nto use single bootstrap file from constellation  */\n// window.authoringUtils = {\n//   createElement,\n//   render,\n//   unmountComponentAtNode,\n//   LazyComponentMap\n// };\n"]}

package/lib/components/designSystemExtension/AlertBanner/AlertBanner.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { Alert } from '@material-ui/lab';
+import { Alert } from '@mui/material';
 const SEVERITY_MAP = {
     urgent: 'error',
     warning: 'warning',

package/lib/components/designSystemExtension/AlertBanner/AlertBanner.js.map

@@ -1 +1 @@
-{"version":3,"file":"AlertBanner.js","sourceRoot":"","sources":["../../../../src/components/designSystemExtension/AlertBanner/AlertBanner.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;AAYzC,MAAM,YAAY,GAAG;IACnB,MAAM,EAAE,OAAO;IACf,OAAO,EAAE,SAAS;IAClB,OAAO,EAAE,SAAS;IAClB,IAAI,EAAE,MAAM;CACb,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,KAAuB;IACzD,MAAM,EAAE,EAAE,EAAE,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,KAAK,CAAC;IACnD,IAAI,eAAe,GAAG,EAAE,CAAC;IAEzB,IAAI,SAAS,EAAE;QACb,eAAe,GAAG;YAChB,OAAO,EAAE,SAAS;SACnB,CAAC;KACH;IAED,OAAO,CACL,cAAK,EAAE,EAAE,EAAE,YACR,QAAQ,CAAC,GAAG,CAAC,OAAO,CAAC,EAAE,CAAC,CACvB,KAAC,KAAK,IAAe,OAAO,EAAC,UAAU,EAAC,QAAQ,EAAE,YAAY,CAAC,OAAO,CAAC,KAAM,eAAe,YACzF,OAAO,IADE,OAAO,CAEX,CACT,CAAC,GACE,CACP,CAAC;AACJ,CAAC","sourcesContent":["import { Alert } from '@material-ui/lab';\n\n// AlertBanner is one of the few components that does NOT have getPConnect.\n//  So, no need to extend PConnProps\ninterface AlertBannerProps {\n  // If any, enter additional props that only exist on Date here\n  id: string;\n  variant: string;\n  messages: string[];\n  onDismiss?: any;\n}\n\nconst SEVERITY_MAP = {\n  urgent: 'error',\n  warning: 'warning',\n  success: 'success',\n  info: 'info'\n};\n\nexport default function AlertBanner(props: AlertBannerProps) {\n  const { id, variant, messages, onDismiss } = props;\n  let additionalProps = {};\n\n  if (onDismiss) {\n    additionalProps = {\n      onClose: onDismiss\n    };\n  }\n\n  return (\n    <div id={id}>\n      {messages.map(message => (\n        <Alert key={message} variant='outlined' severity={SEVERITY_MAP[variant]} {...additionalProps}>\n          {message}\n        </Alert>\n      ))}\n    </div>\n  );\n}\n"]}
+{"version":3,"file":"AlertBanner.js","sourceRoot":"","sources":["../../../../src/components/designSystemExtension/AlertBanner/AlertBanner.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAYtC,MAAM,YAAY,GAAG;IACnB,MAAM,EAAE,OAAO;IACf,OAAO,EAAE,SAAS;IAClB,OAAO,EAAE,SAAS;IAClB,IAAI,EAAE,MAAM;CACb,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,KAAuB;IACzD,MAAM,EAAE,EAAE,EAAE,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,KAAK,CAAC;IACnD,IAAI,eAAe,GAAG,EAAE,CAAC;IAEzB,IAAI,SAAS,EAAE,CAAC;QACd,eAAe,GAAG;YAChB,OAAO,EAAE,SAAS;SACnB,CAAC;IACJ,CAAC;IAED,OAAO,CACL,cAAK,EAAE,EAAE,EAAE,YACR,QAAQ,CAAC,GAAG,CAAC,OAAO,CAAC,EAAE,CAAC,CACvB,KAAC,KAAK,IAAe,OAAO,EAAC,UAAU,EAAC,QAAQ,EAAE,YAAY,CAAC,OAAO,CAAC,KAAM,eAAe,YACzF,OAAO,IADE,OAAO,CAEX,CACT,CAAC,GACE,CACP,CAAC;AACJ,CAAC","sourcesContent":["import { Alert } from '@mui/material';\n\n// AlertBanner is one of the few components that does NOT have getPConnect.\n//  So, no need to extend PConnProps\ninterface AlertBannerProps {\n  // If any, enter additional props that only exist on Date here\n  id: string;\n  variant: string;\n  messages: string[];\n  onDismiss?: any;\n}\n\nconst SEVERITY_MAP = {\n  urgent: 'error',\n  warning: 'warning',\n  success: 'success',\n  info: 'info'\n};\n\nexport default function AlertBanner(props: AlertBannerProps) {\n  const { id, variant, messages, onDismiss } = props;\n  let additionalProps = {};\n\n  if (onDismiss) {\n    additionalProps = {\n      onClose: onDismiss\n    };\n  }\n\n  return (\n    <div id={id}>\n      {messages.map(message => (\n        <Alert key={message} variant='outlined' severity={SEVERITY_MAP[variant]} {...additionalProps}>\n          {message}\n        </Alert>\n      ))}\n    </div>\n  );\n}\n"]}

package/lib/components/designSystemExtension/Banner/Banner.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import Grid from '@material-ui/core/Grid';
+import Grid from '@mui/material/Grid';
 import './Banner.css';
 export default function Banner(props) {
     const { a, b, banner, variant } = props;

package/lib/components/designSystemExtension/Banner/Banner.js.map

@@ -1 +1 @@
-{"version":3,"file":"Banner.js","sourceRoot":"","sources":["../../../../src/components/designSystemExtension/Banner/Banner.tsx"],"names":[],"mappings":";AAAA,OAAO,IAAI,MAAM,wBAAwB,CAAC;AAC1C,OAAO,cAAc,CAAC;AAoBtB,MAAM,CAAC,OAAO,UAAU,MAAM,CAAC,KAAkB;IAC/C,MAAM,EAAE,CAAC,EAAE,CAAC,EAAE,MAAM,EAAE,OAAO,EAAE,GAAG,KAAK,CAAC;IACxC,MAAM,EAAE,KAAK,EAAE,OAAO,EAAE,eAAe,EAAE,GAAG,MAAM,CAAC;IACnD,MAAM,UAAU,GAAG;QACjB,YAAY,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC;QACpB,aAAa,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC;QACrB,aAAa,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC;KACtB,CAAC;IACF,OAAO,CACL,eAAK,KAAK,EAAE,EAAE,YAAY,EAAE,MAAM,EAAE,aAClC,cAAK,SAAS,EAAC,wBAAwB,EAAC,KAAK,EAAE,EAAE,eAAe,EAAE,OAAO,eAAe,GAAG,EAAE,YAC3F,cAAK,SAAS,EAAC,0BAA0B,YACvC,0BACE,aAAI,SAAS,EAAC,OAAO,YAAE,KAAK,GAAM,EAClC,YAAG,SAAS,EAAC,SAAS,YAAE,OAAO,GAAK,IAChC,GACF,GACF,EACN,MAAC,IAAI,IAAC,SAAS,QAAC,IAAI,QAAC,EAAE,EAAE,EAAE,EAAE,SAAS,EAAC,eAAe,EAAC,OAAO,EAAE,CAAC,aAC/D,KAAC,IAAI,IAAC,IAAI,QAAC,EAAE,EAAE,UAAU,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,OAAO,EAAE,KAAK,EAAE,YAC7D,CAAC,GACG,EACP,KAAC,IAAI,IAAC,IAAI,QAAC,EAAE,EAAE,UAAU,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,OAAO,EAAE,KAAK,EAAE,YAC7D,CAAC,GACG,IACF,IACH,CACP,CAAC;AACJ,CAAC","sourcesContent":["import Grid from '@material-ui/core/Grid';\nimport './Banner.css';\n\n// AlertBanner is one of the few components that does NOT have getPConnect.\n//  So, no need to extend PConnProps\n\ninterface BannerProps {\n  // If any, enter additional props that only exist on this component\n  a: any;\n  b: any;\n  banner: {\n    variant: any;\n    backgroundColor: any;\n    title: any;\n    message: any;\n    backgroundImage: any;\n    tintImage: any;\n  };\n  variant: any;\n}\n\nexport default function Banner(props: BannerProps) {\n  const { a, b, banner, variant } = props;\n  const { title, message, backgroundImage } = banner;\n  const variantMap = {\n    'two-column': [6, 6],\n    'narrow-wide': [4, 8],\n    'wide-narrow': [8, 4]\n  };\n  return (\n    <div style={{ marginBottom: '2rem' }}>\n      <div className='background-image-style' style={{ backgroundImage: `url(${backgroundImage})` }}>\n        <div className='background-style content'>\n          <div>\n            <h1 className='title'>{title}</h1>\n            <p className='message'>{message}</p>\n          </div>\n        </div>\n      </div>\n      <Grid container item xs={12} className='banner-layout' spacing={1}>\n        <Grid item xs={variantMap[variant][0]} style={{ padding: '1em' }}>\n          {a}\n        </Grid>\n        <Grid item xs={variantMap[variant][1]} style={{ padding: '1em' }}>\n          {b}\n        </Grid>\n      </Grid>\n    </div>\n  );\n}\n"]}
+{"version":3,"file":"Banner.js","sourceRoot":"","sources":["../../../../src/components/designSystemExtension/Banner/Banner.tsx"],"names":[],"mappings":";AAAA,OAAO,IAAI,MAAM,oBAAoB,CAAC;AACtC,OAAO,cAAc,CAAC;AAoBtB,MAAM,CAAC,OAAO,UAAU,MAAM,CAAC,KAAkB;IAC/C,MAAM,EAAE,CAAC,EAAE,CAAC,EAAE,MAAM,EAAE,OAAO,EAAE,GAAG,KAAK,CAAC;IACxC,MAAM,EAAE,KAAK,EAAE,OAAO,EAAE,eAAe,EAAE,GAAG,MAAM,CAAC;IACnD,MAAM,UAAU,GAAG;QACjB,YAAY,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC;QACpB,aAAa,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC;QACrB,aAAa,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC;KACtB,CAAC;IACF,OAAO,CACL,eAAK,KAAK,EAAE,EAAE,YAAY,EAAE,MAAM,EAAE,aAClC,cAAK,SAAS,EAAC,wBAAwB,EAAC,KAAK,EAAE,EAAE,eAAe,EAAE,OAAO,eAAe,GAAG,EAAE,YAC3F,cAAK,SAAS,EAAC,0BAA0B,YACvC,0BACE,aAAI,SAAS,EAAC,OAAO,YAAE,KAAK,GAAM,EAClC,YAAG,SAAS,EAAC,SAAS,YAAE,OAAO,GAAK,IAChC,GACF,GACF,EACN,MAAC,IAAI,IAAC,SAAS,QAAC,IAAI,QAAC,EAAE,EAAE,EAAE,EAAE,SAAS,EAAC,eAAe,EAAC,OAAO,EAAE,CAAC,aAC/D,KAAC,IAAI,IAAC,IAAI,QAAC,EAAE,EAAE,UAAU,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,OAAO,EAAE,KAAK,EAAE,YAC7D,CAAC,GACG,EACP,KAAC,IAAI,IAAC,IAAI,QAAC,EAAE,EAAE,UAAU,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,OAAO,EAAE,KAAK,EAAE,YAC7D,CAAC,GACG,IACF,IACH,CACP,CAAC;AACJ,CAAC","sourcesContent":["import Grid from '@mui/material/Grid';\nimport './Banner.css';\n\n// AlertBanner is one of the few components that does NOT have getPConnect.\n//  So, no need to extend PConnProps\n\ninterface BannerProps {\n  // If any, enter additional props that only exist on this component\n  a: any;\n  b: any;\n  banner: {\n    variant: any;\n    backgroundColor: any;\n    title: any;\n    message: any;\n    backgroundImage: any;\n    tintImage: any;\n  };\n  variant: any;\n}\n\nexport default function Banner(props: BannerProps) {\n  const { a, b, banner, variant } = props;\n  const { title, message, backgroundImage } = banner;\n  const variantMap = {\n    'two-column': [6, 6],\n    'narrow-wide': [4, 8],\n    'wide-narrow': [8, 4]\n  };\n  return (\n    <div style={{ marginBottom: '2rem' }}>\n      <div className='background-image-style' style={{ backgroundImage: `url(${backgroundImage})` }}>\n        <div className='background-style content'>\n          <div>\n            <h1 className='title'>{title}</h1>\n            <p className='message'>{message}</p>\n          </div>\n        </div>\n      </div>\n      <Grid container item xs={12} className='banner-layout' spacing={1}>\n        <Grid item xs={variantMap[variant][0]} style={{ padding: '1em' }}>\n          {a}\n        </Grid>\n        <Grid item xs={variantMap[variant][1]} style={{ padding: '1em' }}>\n          {b}\n        </Grid>\n      </Grid>\n    </div>\n  );\n}\n"]}

package/lib/components/designSystemExtension/CaseSummaryFields/CaseSummaryFields.css

@@ -7,12 +7,10 @@
   font-weight: bold;
   line-height: calc(0.5rem * 2.5);
   height: calc(0.5rem * 2.5);
-  padding: 0 0.5rem;
   text-transform: uppercase;
 }
 
 .psdk-case-summary-fields {
   padding: calc(2 * 0.5rem);
-  display: grid;
   grid-row-gap: calc(2 * 0.5rem);
 }

package/lib/components/designSystemExtension/CaseSummaryFields/CaseSummaryFields.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CaseSummaryFields.d.ts","sourceRoot":"","sources":["../../../../src/components/designSystemExtension/CaseSummaryFields/CaseSummaryFields.tsx"],"names":[],"mappings":"AASA,OAAO,yBAAyB,CAAC;AAMjC,UAAU,sBAAsB;IAE9B,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,EAAE,GAAG,EAAE,GAAG,GAAG,GAAG,KAAK,CAAC;CAChC;AAED,MAAM,CAAC,OAAO,UAAU,iBAAiB,CAAC,KAAK,EAAE,sBAAsB,2CA8NtE"}
+{"version":3,"file":"CaseSummaryFields.d.ts","sourceRoot":"","sources":["../../../../src/components/designSystemExtension/CaseSummaryFields/CaseSummaryFields.tsx"],"names":[],"mappings":"AASA,OAAO,yBAAyB,CAAC;AAMjC,UAAU,sBAAsB;IAE9B,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,EAAE,GAAG,EAAE,GAAG,GAAG,GAAG,KAAK,CAAC;CAChC;AAED,MAAM,CAAC,OAAO,UAAU,iBAAiB,CAAC,KAAK,EAAE,sBAAsB,2CAyPtE"}

package/lib/components/designSystemExtension/CaseSummaryFields/CaseSummaryFields.js

@@ -1,8 +1,8 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useState, useEffect } from 'react';
 import isDeepEqual from 'fast-deep-equal/react';
-import Grid from '@material-ui/core/Grid';
-import TextField from '@material-ui/core/TextField';
+import Grid from '@mui/material/Grid';
+import TextField from '@mui/material/TextField';
 import { getDateFormatInfo } from '../../helpers/date-format-utils';
 import { getCurrencyOptions } from '../../field/Currency/currency-utils';
 import { getComponentFromMap } from '../../../bridge/helpers/sdk_component_map';
@@ -24,9 +24,11 @@ export default function CaseSummaryFields(props) {
                     return _jsx(Operator, { ...field.config });
                     break;
                 default:
-                    return (_jsx(TextField, { value: '---', label: field.config.label, InputProps: {
-                            readOnly: true,
-                            disableUnderline: true
+                    return (_jsx(TextField, { variant: 'standard', value: '---', label: field.config.label, slotProps: {
+                            input: {
+                                readOnly: true,
+                                disableUnderline: true
+                            }
                         } }));
             }
         }
@@ -35,40 +37,50 @@ export default function CaseSummaryFields(props) {
             case 'decimal':
             case 'integer':
             case 'dropdown':
-                return (_jsx(TextField, { value: field.config.value, label: field.config.label, InputProps: {
-                        readOnly: true,
-                        disableUnderline: true
+                return (_jsx(TextField, { variant: 'standard', value: field.config.value, label: field.config.label, slotProps: {
+                        input: {
+                            readOnly: true,
+                            disableUnderline: true
+                        }
                     } }));
             case 'checkbox': {
                 const { caption, label, value, trueLabel, falseLabel } = field.config;
                 const fieldLabel = label || caption;
                 const fieldValue = value ? trueLabel : falseLabel;
-                return (_jsx(TextField, { value: fieldValue, label: fieldLabel, InputProps: {
-                        readOnly: true,
-                        disableUnderline: true
+                return (_jsx(TextField, { variant: 'standard', value: fieldValue, label: fieldLabel, slotProps: {
+                        input: {
+                            readOnly: true,
+                            disableUnderline: true
+                        }
                     } }));
             }
             case 'status':
-                return (_jsx(TextField, { className: 'psdk-csf-status-style', value: field.config.value, label: field.config.label, InputProps: {
-                        readOnly: true,
-                        disableUnderline: true
+                return (_jsx(TextField, { variant: 'standard', className: 'psdk-csf-status-style', value: field.config.value, label: field.config.label, slotProps: {
+                        input: {
+                            readOnly: true,
+                            disableUnderline: true
+                        }
                     } }));
             case 'phone': {
                 const displayPhone = field.config.value !== '' ? field.config.value : '---';
-                return (_jsx("a", { href: `tel:${displayPhone}`, children: _jsx(TextField, { value: field.config.value, label: field.config.label, InputProps: {
-                            readOnly: true,
-                            inputProps: {
-                                style: { cursor: 'pointer' },
-                                disableUnderline: true
+                return (_jsx("a", { href: `tel:${displayPhone}`, children: _jsx(TextField, { variant: 'standard', value: field.config.value, label: field.config.label, slotProps: {
+                            input: {
+                                readOnly: true,
+                                inputProps: {
+                                    style: { cursor: 'pointer' },
+                                    disableUnderline: true
+                                }
                             }
                         } }) }));
             }
             case 'email': {
                 const displayEmail = format(field.config.value, field.type);
-                return (_jsx("a", { href: `mailto:${displayEmail}`, children: _jsx(TextField, { value: field.config.value, label: field.config.label, InputProps: {
-                            readOnly: true,
-                            disableUnderline: true,
-                            inputProps: { style: { cursor: 'pointer' } }
+                return (_jsx("a", { href: `mailto:${displayEmail}`, children: _jsx(TextField, { variant: 'standard', value: field.config.value, label: field.config.label, slotProps: {
+                            input: {
+                                readOnly: true,
+                                disableUnderline: true,
+                                inputProps: { style: { cursor: 'pointer' } }
+                            }
                         } }) }));
             }
             case 'date':
@@ -76,25 +88,31 @@ export default function CaseSummaryFields(props) {
                 const theDateFormatInfo = getDateFormatInfo();
                 // console.log(`theDateFormatInfo: ${theDateFormatInfo}`);
                 const theFormat = fieldTypeLower === 'datetime' ? `${theDateFormatInfo.dateFormatStringLong} hh:mm a` : theDateFormatInfo.dateFormatStringLong;
-                return (_jsx(TextField, { value: format(field.config.value, field.type, {
+                return (_jsx(TextField, { variant: 'standard', value: format(field.config.value, field.type, {
                         format: theFormat
-                    }), label: field.config.label, InputProps: {
-                        readOnly: true,
-                        disableUnderline: true
+                    }), label: field.config.label, slotProps: {
+                        input: {
+                            readOnly: true,
+                            disableUnderline: true
+                        }
                     } }));
             }
             case 'currency': {
                 const theCurrencyOptions = getCurrencyOptions(field.config?.currencyISOCode);
-                return (_jsx(TextField, { value: format(field.config.value, field.type, theCurrencyOptions), label: field.config.label, InputProps: {
-                        readOnly: true,
-                        disableUnderline: true
+                return (_jsx(TextField, { variant: 'standard', value: format(field.config.value, field.type, theCurrencyOptions), label: field.config.label, slotProps: {
+                        input: {
+                            readOnly: true,
+                            disableUnderline: true
+                        }
                     } }));
             }
             case 'boolean':
             case 'userreference':
-                return (_jsx(TextField, { value: format(field.config.value, field.type), label: field.config.label, InputProps: {
-                        readOnly: true,
-                        disableUnderline: true
+                return (_jsx(TextField, { variant: 'standard', value: format(field.config.value, field.type), label: field.config.label, slotProps: {
+                        input: {
+                            readOnly: true,
+                            disableUnderline: true
+                        }
                     } }));
             case 'caseoperator':
                 return _jsx(Operator, { ...field.config });

package/lib/components/designSystemExtension/CaseSummaryFields/CaseSummaryFields.js.map

@@ -1 +1 @@
-{"version":3,"file":"CaseSummaryFields.js","sourceRoot":"","sources":["../../../../src/components/designSystemExtension/CaseSummaryFields/CaseSummaryFields.tsx"],"names":[],"mappings":"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","sourcesContent":["import { useState, useEffect } from 'react';\nimport isDeepEqual from 'fast-deep-equal/react';\nimport Grid from '@material-ui/core/Grid';\nimport TextField from '@material-ui/core/TextField';\n\nimport { getDateFormatInfo } from '../../helpers/date-format-utils';\nimport { getCurrencyOptions } from '../../field/Currency/currency-utils';\nimport { getComponentFromMap } from '../../../bridge/helpers/sdk_component_map';\n\nimport './CaseSummaryFields.css';\n\nimport { format } from '../../helpers/formatters';\n\n// CaseSummaryFields is one of the few components that does NOT have getPConnect.\n//  So, no need to extend PConnProps\ninterface CaseSummaryFieldsProps {\n  // If any, enter additional props that only exist on this component\n  status?: string;\n  showStatus?: boolean;\n  theFields: any[] | any | never;\n}\n\nexport default function CaseSummaryFields(props: CaseSummaryFieldsProps) {\n  // Get emitted components from map (so we can get any override that may exist)\n  const Operator = getComponentFromMap('Operator');\n\n  const { status, showStatus, theFields } = props;\n\n  const [theFieldsToRender, setFieldsToRender] = useState([]);\n  const [theFieldsAsGridItems, setFieldsAsGridItems] = useState<any[]>([]);\n\n  function getFieldValue(field: any): any {\n    const fieldTypeLower = field.type.toLowerCase();\n\n    if (field.config.value === null || field.config.value === '') {\n      // Special handling for missing value\n      // eslint-disable-next-line sonarjs/no-small-switch\n      switch (fieldTypeLower) {\n        case 'caseoperator':\n          return <Operator {...field.config} />;\n          break;\n\n        default:\n          return (\n            <TextField\n              value='---'\n              label={field.config.label}\n              InputProps={{\n                readOnly: true,\n                disableUnderline: true\n              }}\n            />\n          );\n      }\n    }\n\n    switch (fieldTypeLower) {\n      case 'textinput':\n      case 'decimal':\n      case 'integer':\n      case 'dropdown':\n        return (\n          <TextField\n            value={field.config.value}\n            label={field.config.label}\n            InputProps={{\n              readOnly: true,\n              disableUnderline: true\n            }}\n          />\n        );\n\n      case 'checkbox': {\n        const { caption, label, value, trueLabel, falseLabel } = field.config;\n        const fieldLabel = label || caption;\n        const fieldValue = value ? trueLabel : falseLabel;\n\n        return (\n          <TextField\n            value={fieldValue}\n            label={fieldLabel}\n            InputProps={{\n              readOnly: true,\n              disableUnderline: true\n            }}\n          />\n        );\n      }\n\n      case 'status':\n        return (\n          <TextField\n            className='psdk-csf-status-style'\n            value={field.config.value}\n            label={field.config.label}\n            InputProps={{\n              readOnly: true,\n              disableUnderline: true\n            }}\n          />\n        );\n\n      case 'phone': {\n        const displayPhone = field.config.value !== '' ? field.config.value : '---';\n        return (\n          <a href={`tel:${displayPhone}`}>\n            <TextField\n              value={field.config.value}\n              label={field.config.label}\n              InputProps={{\n                readOnly: true,\n                inputProps: {\n                  style: { cursor: 'pointer' },\n                  disableUnderline: true\n                }\n              }}\n            />\n          </a>\n        );\n      }\n\n      case 'email': {\n        const displayEmail = format(field.config.value, field.type);\n        return (\n          <a href={`mailto:${displayEmail}`}>\n            <TextField\n              value={field.config.value}\n              label={field.config.label}\n              InputProps={{\n                readOnly: true,\n                disableUnderline: true,\n                inputProps: { style: { cursor: 'pointer' } }\n              }}\n            />\n          </a>\n        );\n      }\n\n      case 'date':\n      case 'datetime': {\n        const theDateFormatInfo = getDateFormatInfo();\n        // console.log(`theDateFormatInfo: ${theDateFormatInfo}`);\n        const theFormat =\n          fieldTypeLower === 'datetime' ? `${theDateFormatInfo.dateFormatStringLong} hh:mm a` : theDateFormatInfo.dateFormatStringLong;\n\n        return (\n          <TextField\n            value={format(field.config.value, field.type, {\n              format: theFormat\n            })}\n            label={field.config.label}\n            InputProps={{\n              readOnly: true,\n              disableUnderline: true\n            }}\n          />\n        );\n      }\n\n      case 'currency': {\n        const theCurrencyOptions = getCurrencyOptions(field.config?.currencyISOCode);\n        return (\n          <TextField\n            value={format(field.config.value, field.type, theCurrencyOptions)}\n            label={field.config.label}\n            InputProps={{\n              readOnly: true,\n              disableUnderline: true\n            }}\n          />\n        );\n      }\n\n      case 'boolean':\n      case 'userreference':\n        return (\n          <TextField\n            value={format(field.config.value, field.type)}\n            label={field.config.label}\n            InputProps={{\n              readOnly: true,\n              disableUnderline: true\n            }}\n          />\n        );\n\n      case 'caseoperator':\n        return <Operator {...field.config} />;\n\n      default:\n        return (\n          <span>\n            {field.type.toLowerCase()} {field.config.value}\n          </span>\n        );\n    }\n  }\n\n  // Whenever theFieldsToRender changes, update theFieldsAsGridItems that's used during render\n  useEffect(() => {\n    const arGridItems = theFieldsToRender.map((field: any) => {\n      // display the field when either visibility property doesn't exist or is true(if exists)\n      if (field.config.visibility === undefined || field.config.visibility === true) {\n        return (\n          <Grid item xs={6} key={field.config.label}>\n            {getFieldValue(field)}\n          </Grid>\n        );\n      }\n\n      return null;\n    });\n    setFieldsAsGridItems(arGridItems);\n  }, [theFieldsToRender]);\n\n  const theFieldsModifiable = theFields;\n\n  // Special Case: if showStatus is true, splice the status value to be 2nd in theFields\n  //  if it's not already there\n  if (showStatus && theFields?.[1].type !== 'status') {\n    const oStatus = {\n      type: 'status',\n      config: { value: status, label: 'Status' }\n    };\n\n    const count = theFieldsModifiable.length;\n    if (count < 2) {\n      theFieldsModifiable.push(oStatus);\n    } else {\n      theFieldsModifiable.splice(1, 0, oStatus);\n    }\n  }\n\n  // At this point, we know what fields we want to render...\n  //  So, update our state if it's changed\n  if (!isDeepEqual(theFieldsToRender, theFieldsModifiable)) {\n    setFieldsToRender(theFieldsModifiable);\n  }\n\n  return (\n    <Grid container className='psdk-case-summary-fields'>\n      {theFieldsAsGridItems}\n    </Grid>\n  );\n}\n"]}
+{"version":3,"file":"CaseSummaryFields.js","sourceRoot":"","sources":["../../../../src/components/designSystemExtension/CaseSummaryFields/CaseSummaryFields.tsx"],"names":[],"mappings":"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","sourcesContent":["import { useState, useEffect } from 'react';\nimport isDeepEqual from 'fast-deep-equal/react';\nimport Grid from '@mui/material/Grid';\nimport TextField from '@mui/material/TextField';\n\nimport { getDateFormatInfo } from '../../helpers/date-format-utils';\nimport { getCurrencyOptions } from '../../field/Currency/currency-utils';\nimport { getComponentFromMap } from '../../../bridge/helpers/sdk_component_map';\n\nimport './CaseSummaryFields.css';\n\nimport { format } from '../../helpers/formatters';\n\n// CaseSummaryFields is one of the few components that does NOT have getPConnect.\n//  So, no need to extend PConnProps\ninterface CaseSummaryFieldsProps {\n  // If any, enter additional props that only exist on this component\n  status?: string;\n  showStatus?: boolean;\n  theFields: any[] | any | never;\n}\n\nexport default function CaseSummaryFields(props: CaseSummaryFieldsProps) {\n  // Get emitted components from map (so we can get any override that may exist)\n  const Operator = getComponentFromMap('Operator');\n\n  const { status, showStatus, theFields } = props;\n\n  const [theFieldsToRender, setFieldsToRender] = useState([]);\n  const [theFieldsAsGridItems, setFieldsAsGridItems] = useState<any[]>([]);\n\n  function getFieldValue(field: any): any {\n    const fieldTypeLower = field.type.toLowerCase();\n\n    if (field.config.value === null || field.config.value === '') {\n      // Special handling for missing value\n      // eslint-disable-next-line sonarjs/no-small-switch\n      switch (fieldTypeLower) {\n        case 'caseoperator':\n          return <Operator {...field.config} />;\n          break;\n\n        default:\n          return (\n            <TextField\n              variant='standard'\n              value='---'\n              label={field.config.label}\n              slotProps={{\n                input: {\n                  readOnly: true,\n                  disableUnderline: true\n                }\n              }}\n            />\n          );\n      }\n    }\n\n    switch (fieldTypeLower) {\n      case 'textinput':\n      case 'decimal':\n      case 'integer':\n      case 'dropdown':\n        return (\n          <TextField\n            variant='standard'\n            value={field.config.value}\n            label={field.config.label}\n            slotProps={{\n              input: {\n                readOnly: true,\n                disableUnderline: true\n              }\n            }}\n          />\n        );\n\n      case 'checkbox': {\n        const { caption, label, value, trueLabel, falseLabel } = field.config;\n        const fieldLabel = label || caption;\n        const fieldValue = value ? trueLabel : falseLabel;\n\n        return (\n          <TextField\n            variant='standard'\n            value={fieldValue}\n            label={fieldLabel}\n            slotProps={{\n              input: {\n                readOnly: true,\n                disableUnderline: true\n              }\n            }}\n          />\n        );\n      }\n\n      case 'status':\n        return (\n          <TextField\n            variant='standard'\n            className='psdk-csf-status-style'\n            value={field.config.value}\n            label={field.config.label}\n            slotProps={{\n              input: {\n                readOnly: true,\n                disableUnderline: true\n              }\n            }}\n          />\n        );\n\n      case 'phone': {\n        const displayPhone = field.config.value !== '' ? field.config.value : '---';\n        return (\n          <a href={`tel:${displayPhone}`}>\n            <TextField\n              variant='standard'\n              value={field.config.value}\n              label={field.config.label}\n              slotProps={{\n                input: {\n                  readOnly: true,\n                  inputProps: {\n                    style: { cursor: 'pointer' },\n                    disableUnderline: true\n                  }\n                }\n              }}\n            />\n          </a>\n        );\n      }\n\n      case 'email': {\n        const displayEmail = format(field.config.value, field.type);\n        return (\n          <a href={`mailto:${displayEmail}`}>\n            <TextField\n              variant='standard'\n              value={field.config.value}\n              label={field.config.label}\n              slotProps={{\n                input: {\n                  readOnly: true,\n                  disableUnderline: true,\n                  inputProps: { style: { cursor: 'pointer' } }\n                }\n              }}\n            />\n          </a>\n        );\n      }\n\n      case 'date':\n      case 'datetime': {\n        const theDateFormatInfo = getDateFormatInfo();\n        // console.log(`theDateFormatInfo: ${theDateFormatInfo}`);\n        const theFormat =\n          fieldTypeLower === 'datetime' ? `${theDateFormatInfo.dateFormatStringLong} hh:mm a` : theDateFormatInfo.dateFormatStringLong;\n\n        return (\n          <TextField\n            variant='standard'\n            value={format(field.config.value, field.type, {\n              format: theFormat\n            })}\n            label={field.config.label}\n            slotProps={{\n              input: {\n                readOnly: true,\n                disableUnderline: true\n              }\n            }}\n          />\n        );\n      }\n\n      case 'currency': {\n        const theCurrencyOptions = getCurrencyOptions(field.config?.currencyISOCode);\n        return (\n          <TextField\n            variant='standard'\n            value={format(field.config.value, field.type, theCurrencyOptions)}\n            label={field.config.label}\n            slotProps={{\n              input: {\n                readOnly: true,\n                disableUnderline: true\n              }\n            }}\n          />\n        );\n      }\n\n      case 'boolean':\n      case 'userreference':\n        return (\n          <TextField\n            variant='standard'\n            value={format(field.config.value, field.type)}\n            label={field.config.label}\n            slotProps={{\n              input: {\n                readOnly: true,\n                disableUnderline: true\n              }\n            }}\n          />\n        );\n\n      case 'caseoperator':\n        return <Operator {...field.config} />;\n\n      default:\n        return (\n          <span>\n            {field.type.toLowerCase()} {field.config.value}\n          </span>\n        );\n    }\n  }\n\n  // Whenever theFieldsToRender changes, update theFieldsAsGridItems that's used during render\n  useEffect(() => {\n    const arGridItems = theFieldsToRender.map((field: any) => {\n      // display the field when either visibility property doesn't exist or is true(if exists)\n      if (field.config.visibility === undefined || field.config.visibility === true) {\n        return (\n          <Grid item xs={6} key={field.config.label}>\n            {getFieldValue(field)}\n          </Grid>\n        );\n      }\n\n      return null;\n    });\n    setFieldsAsGridItems(arGridItems);\n  }, [theFieldsToRender]);\n\n  const theFieldsModifiable = theFields;\n\n  // Special Case: if showStatus is true, splice the status value to be 2nd in theFields\n  //  if it's not already there\n  if (showStatus && theFields?.[1].type !== 'status') {\n    const oStatus = {\n      type: 'status',\n      config: { value: status, label: 'Status' }\n    };\n\n    const count = theFieldsModifiable.length;\n    if (count < 2) {\n      theFieldsModifiable.push(oStatus);\n    } else {\n      theFieldsModifiable.splice(1, 0, oStatus);\n    }\n  }\n\n  // At this point, we know what fields we want to render...\n  //  So, update our state if it's changed\n  if (!isDeepEqual(theFieldsToRender, theFieldsModifiable)) {\n    setFieldsToRender(theFieldsModifiable);\n  }\n\n  return (\n    <Grid container className='psdk-case-summary-fields'>\n      {theFieldsAsGridItems}\n    </Grid>\n  );\n}\n"]}

package/lib/components/designSystemExtension/DetailsFields/DetailsFields.js

@@ -1,9 +1,9 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 /* eslint-disable react/no-array-index-key */
 import React, { createElement, isValidElement } from 'react';
-import Grid from '@material-ui/core/Grid';
-import Typography from '@material-ui/core/Typography';
-import { makeStyles } from '@material-ui/core/styles';
+import Grid from '@mui/material/Grid';
+import Typography from '@mui/material/Typography';
+import makeStyles from '@mui/styles/makeStyles';
 import createPConnectComponent from '../../../bridge/react_pconnect';
 import { format } from '../../helpers/formatters';
 const useStyles = makeStyles(theme => ({
@@ -38,7 +38,7 @@ export default function DetailsFields(props) {
         const { label } = thePConn.getConfigProps();
         const configObj = thePConn?.getReferencedView();
         configObj.config.readOnly = true;
-        configObj.config.displayMode = 'LABELS_LEFT';
+        configObj.config.displayMode = 'DISPLAY_ONLY';
         const propToUse = { ...thePConn.getInheritedProps() };
         configObj.config.label = theCompType === 'reference' ? propToUse?.label : label;
         fieldComponents.push({

package/lib/components/designSystemExtension/DetailsFields/DetailsFields.js.map

@@ -1 +1 @@
-{"version":3,"file":"DetailsFields.js","sourceRoot":"","sources":["../../../../src/components/designSystemExtension/DetailsFields/DetailsFields.tsx"],"names":[],"mappings":"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","sourcesContent":["/* eslint-disable react/no-array-index-key */\nimport React, { createElement, isValidElement } from 'react';\nimport Grid from '@material-ui/core/Grid';\nimport Typography from '@material-ui/core/Typography';\nimport { makeStyles } from '@material-ui/core/styles';\n\nimport createPConnectComponent from '../../../bridge/react_pconnect';\nimport { format } from '../../helpers/formatters';\n\n// DetailsFields is one of the few components that does NOT have getPConnect.\n//  So, no need to extend PConnProps\ninterface DetailsFieldsProps {\n  // If any, enter additional props that only exist on this component\n  fields: any[];\n}\n\nconst useStyles = makeStyles(theme => ({\n  root: {\n    paddingRight: theme.spacing(1),\n    paddingLeft: theme.spacing(1),\n    paddingTop: theme.spacing(1),\n    paddingBottom: theme.spacing(1),\n    marginRight: theme.spacing(1),\n    marginLeft: theme.spacing(1),\n    marginTop: theme.spacing(1),\n    marginBottom: theme.spacing(1)\n  },\n  fieldLabel: {\n    display: 'block',\n    fontWeight: 400,\n    color: theme.palette.text.secondary\n  },\n  fieldValue: {\n    fontWeight: 400,\n    color: theme.palette.text.primary\n  }\n}));\n\nexport default function DetailsFields(props: DetailsFieldsProps) {\n  // const componentName = \"DetailsFields\";\n  const { fields = [] } = props;\n  const classes = useStyles();\n  const fieldComponents: any[] = [];\n\n  fields?.forEach((field, index) => {\n    const thePConn = field.getPConnect();\n    const theCompType = thePConn.getComponentName().toLowerCase();\n    const { label } = thePConn.getConfigProps();\n    const configObj = thePConn?.getReferencedView();\n    configObj.config.readOnly = true;\n    configObj.config.displayMode = 'LABELS_LEFT';\n    const propToUse = { ...thePConn.getInheritedProps() };\n    configObj.config.label = theCompType === 'reference' ? propToUse?.label : label;\n    fieldComponents.push({\n      type: theCompType,\n      label,\n      value: <React.Fragment key={index}>{createElement(createPConnectComponent(), thePConn.getReferencedViewPConnect())}</React.Fragment>\n    });\n  });\n\n  function getGridItemLabel(field: any, keyVal: string) {\n    const dispValue = field.label;\n\n    return (\n      <Grid item xs={6} key={keyVal}>\n        <Typography variant='body2' component='span' className={`${classes.fieldLabel}`}>\n          {dispValue}\n        </Typography>\n      </Grid>\n    );\n  }\n\n  function formatItemValue(inField: any) {\n    const { type, value } = inField;\n    let formattedVal = value;\n\n    // eslint-disable-next-line sonarjs/no-small-switch\n    switch (type) {\n      case 'date':\n        formattedVal = format(value, type);\n        break;\n\n      default:\n        // No match means we return the value as we received it\n        break;\n    }\n\n    // Finally, if the value is undefined or an empty string, we want to display it as \"---\"\n    if (formattedVal === undefined || formattedVal === '') {\n      formattedVal = '---';\n    }\n\n    return formattedVal;\n  }\n\n  function getGridItemValue(field: any, keyVal: string) {\n    const formattedValue = formatItemValue(field);\n\n    return (\n      <Grid item xs={6} key={keyVal}>\n        <Typography variant='body2' component='span' className={classes.fieldValue}>\n          {formattedValue}\n        </Typography>\n      </Grid>\n    );\n  }\n\n  function getGridItem(field: any, keyVal: string) {\n    return (\n      <Grid item xs={12} key={keyVal}>\n        <Typography variant='body2' component='span' className={classes.fieldValue}>\n          {field?.value}\n        </Typography>\n      </Grid>\n    );\n  }\n\n  function getGridItems() {\n    const gridItems: any[] = fieldComponents.map((field, index) => {\n      if (field?.type === 'reference') {\n        return field?.value;\n      }\n      if (isValidElement(field?.value)) {\n        return (\n          <Grid container spacing={1} style={{ padding: '4px 0px' }} key={index}>\n            {getGridItem(field, `${index}-item`)}\n          </Grid>\n        );\n      }\n      return (\n        <Grid container spacing={1} style={{ padding: '4px 0px' }} key={index}>\n          {getGridItemLabel(field, `${index}-label`)}\n          {getGridItemValue(field, `${index}-value`)}\n        </Grid>\n      );\n    });\n    return gridItems;\n  }\n\n  return <>{getGridItems()}</>;\n}\n"]}
+{"version":3,"file":"DetailsFields.js","sourceRoot":"","sources":["../../../../src/components/designSystemExtension/DetailsFields/DetailsFields.tsx"],"names":[],"mappings":"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","sourcesContent":["/* eslint-disable react/no-array-index-key */\nimport React, { createElement, isValidElement } from 'react';\nimport Grid from '@mui/material/Grid';\nimport Typography from '@mui/material/Typography';\nimport makeStyles from '@mui/styles/makeStyles';\n\nimport createPConnectComponent from '../../../bridge/react_pconnect';\nimport { format } from '../../helpers/formatters';\n\n// DetailsFields is one of the few components that does NOT have getPConnect.\n//  So, no need to extend PConnProps\ninterface DetailsFieldsProps {\n  // If any, enter additional props that only exist on this component\n  fields: any[];\n}\n\nconst useStyles = makeStyles(theme => ({\n  root: {\n    paddingRight: theme.spacing(1),\n    paddingLeft: theme.spacing(1),\n    paddingTop: theme.spacing(1),\n    paddingBottom: theme.spacing(1),\n    marginRight: theme.spacing(1),\n    marginLeft: theme.spacing(1),\n    marginTop: theme.spacing(1),\n    marginBottom: theme.spacing(1)\n  },\n  fieldLabel: {\n    display: 'block',\n    fontWeight: 400,\n    color: theme.palette.text.secondary\n  },\n  fieldValue: {\n    fontWeight: 400,\n    color: theme.palette.text.primary\n  }\n}));\n\nexport default function DetailsFields(props: DetailsFieldsProps) {\n  // const componentName = \"DetailsFields\";\n  const { fields = [] } = props;\n  const classes = useStyles();\n  const fieldComponents: any[] = [];\n\n  fields?.forEach((field, index) => {\n    const thePConn = field.getPConnect();\n    const theCompType = thePConn.getComponentName().toLowerCase();\n    const { label } = thePConn.getConfigProps();\n    const configObj = thePConn?.getReferencedView();\n    configObj.config.readOnly = true;\n    configObj.config.displayMode = 'DISPLAY_ONLY';\n    const propToUse = { ...thePConn.getInheritedProps() };\n    configObj.config.label = theCompType === 'reference' ? propToUse?.label : label;\n    fieldComponents.push({\n      type: theCompType,\n      label,\n      value: <React.Fragment key={index}>{createElement(createPConnectComponent(), thePConn.getReferencedViewPConnect())}</React.Fragment>\n    });\n  });\n\n  function getGridItemLabel(field: any, keyVal: string) {\n    const dispValue = field.label;\n\n    return (\n      <Grid item xs={6} key={keyVal}>\n        <Typography variant='body2' component='span' className={`${classes.fieldLabel}`}>\n          {dispValue}\n        </Typography>\n      </Grid>\n    );\n  }\n\n  function formatItemValue(inField: any) {\n    const { type, value } = inField;\n    let formattedVal = value;\n\n    // eslint-disable-next-line sonarjs/no-small-switch\n    switch (type) {\n      case 'date':\n        formattedVal = format(value, type);\n        break;\n\n      default:\n        // No match means we return the value as we received it\n        break;\n    }\n\n    // Finally, if the value is undefined or an empty string, we want to display it as \"---\"\n    if (formattedVal === undefined || formattedVal === '') {\n      formattedVal = '---';\n    }\n\n    return formattedVal;\n  }\n\n  function getGridItemValue(field: any, keyVal: string) {\n    const formattedValue = formatItemValue(field);\n\n    return (\n      <Grid item xs={6} key={keyVal}>\n        <Typography variant='body2' component='span' className={classes.fieldValue}>\n          {formattedValue}\n        </Typography>\n      </Grid>\n    );\n  }\n\n  function getGridItem(field: any, keyVal: string) {\n    return (\n      <Grid item xs={12} key={keyVal}>\n        <Typography variant='body2' component='span' className={classes.fieldValue}>\n          {field?.value}\n        </Typography>\n      </Grid>\n    );\n  }\n\n  function getGridItems() {\n    const gridItems: any[] = fieldComponents.map((field, index) => {\n      if (field?.type === 'reference') {\n        return field?.value;\n      }\n      if (isValidElement(field?.value)) {\n        return (\n          <Grid container spacing={1} style={{ padding: '4px 0px' }} key={index}>\n            {getGridItem(field, `${index}-item`)}\n          </Grid>\n        );\n      }\n      return (\n        <Grid container spacing={1} style={{ padding: '4px 0px' }} key={index}>\n          {getGridItemLabel(field, `${index}-label`)}\n          {getGridItemValue(field, `${index}-value`)}\n        </Grid>\n      );\n    });\n    return gridItems;\n  }\n\n  return <>{getGridItems()}</>;\n}\n"]}

package/lib/components/designSystemExtension/FieldGroup/FieldGroup.d.ts

@@ -1,4 +1,4 @@
-import { PropsWithChildren } from 'react';
+import { type PropsWithChildren } from 'react';
 interface FieldGroupProps {
     name?: string;
     collapsible?: boolean;

package/lib/components/designSystemExtension/FieldGroup/FieldGroup.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FieldGroup.d.ts","sourceRoot":"","sources":["../../../../src/components/designSystemExtension/FieldGroup/FieldGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAY,MAAM,OAAO,CAAC;AAQpD,UAAU,eAAe;IAEvB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AA4BD,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,KAAK,EAAE,iBAAiB,CAAC,eAAe,CAAC,2CAsC3E"}
+{"version":3,"file":"FieldGroup.d.ts","sourceRoot":"","sources":["../../../../src/components/designSystemExtension/FieldGroup/FieldGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,iBAAiB,EAAY,MAAM,OAAO,CAAC;AAQzD,UAAU,eAAe;IAEvB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AA4BD,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,KAAK,EAAE,iBAAiB,CAAC,eAAe,CAAC,2CAsC3E"}

package/lib/components/designSystemExtension/FieldGroup/FieldGroup.js

@@ -1,9 +1,9 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useState } from 'react';
-import Grid from '@material-ui/core/Grid';
-import { makeStyles } from '@material-ui/core/styles';
-import KeyboardArrowRightIcon from '@material-ui/icons/KeyboardArrowRight';
-import KeyboardArrowDownIcon from '@material-ui/icons/KeyboardArrowDown';
+import Grid from '@mui/material/Grid';
+import makeStyles from '@mui/styles/makeStyles';
+import KeyboardArrowRightIcon from '@mui/icons-material/KeyboardArrowRight';
+import KeyboardArrowDownIcon from '@mui/icons-material/KeyboardArrowDown';
 const useStyles = makeStyles(theme => ({
     root: {
         marginRight: theme.spacing(1),