@pega/react-sdk-components 8.23.11 → 23.1.11

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 React, { 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 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 ErrorBoundary from '../components/infra/ErrorBoundary';\n\nimport { SdkComponentMap } from './helpers/sdk_component_map';\n\nconst isClassIDCompare = (key, prev) => {\n  return !(key === 'classID' && !prev[key]);\n};\n\nconst routingInfoCompare = (next, prev) => {\n  return (\n    'routingInfo' in next &&\n    (!shallowEqual(next.routingInfo, prev.routingInfo) ||\n      !PCore.isDeepEqual(next.routingInfo, prev.routingInfo))\n  );\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 (\n    (selectionMode === PCore.getConstants().LIST_SELECTION_MODE.MULTI && selectionList) ||\n    (renderMode === 'Editable' && referenceList)\n  ) {\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(\n          component.additionalProps(state, ownProps.getPConnect)\n        );\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 in allStateProps) {\n          if (\n            (isClassIDCompare(key, prev) && !shallowEqual(next[key], prev[key])) ||\n            (next.routingInfo && !PCore.isDeepEqual(next.routingInfo, prev.routingInfo))\n          ) {\n            return false;\n          }\n        }\n\n        // For CaseSummary (when status === \".pyStatusWork\"), we need to compare changes in\n        //  primaryFields and secondary Fields\n        if (allStateProps.status === '.pyStatusWork') {\n          for (const key in prev) {\n            if (!PCore.isDeepEqual(next[key], prev[key])) {\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 =\n          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 *\n * @param {*} declarative\n * @returns {React.Components<Props, State>}\n\n */\nconst createPConnectComponent = () => {\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   */\n  class 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      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(\n        `Error while Rendering the component ${this.componentName} : `,\n        error,\n        info.componentStack\n      );\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 getPConnect()\n          .getChildren()\n          .map(childProps => <PConnect {...childProps} />);\n      }\n      return null;\n    }\n\n    getKey() {\n      const { getPConnect } = this.props;\n      const viewName = getPConnect().getConfigProps().name || getPConnect().getCurrentView();\n      let key = !viewName\n        ? createUID()\n        : `${viewName}!${getPConnect().getCurrentClassID() || createUID()}`;\n\n      // In the case of pyDetails the key must be unigue 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\n  // eslint-disable-next-line react/static-property-placement\n  PConnect.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\n  PConnect.defaultProps = {\n    additionalProps: {},\n    validatemessage: ''\n  };\n\n  return PConnect;\n};\n\n// Move these into SdkConstellationReady so PCore is available\ndocument.addEventListener('SdkConstellationReady', () => {\n  PCore.registerComponentCreator((c11nEnv, additionalProps = {}) => {\n    const PConnectComp = createPConnectComponent();\n    return createElement(PConnectComp, {\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(\n                PCore.getAssetLoader().getLoader()(script, 'script')\n              );\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\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":["/* 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) => {\n  return !(key === 'classID' && !prev[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 (\n            (isClassIDCompare(key, prev) && !shallowEqual(next[key], prev[key])) ||\n            (next.routingInfo && !PCore.isDeepEqual(next.routingInfo, prev.routingInfo))\n          ) {\n            return false;\n          }\n        }\n\n        // For CaseSummary (when status === \".pyStatusWork\"), we need to compare changes in\n        //  primaryFields and secondary Fields\n        if (allStateProps.status === '.pyStatusWork') {\n          for (const key of Object.keys(prev)) {\n            if (!PCore.isDeepEqual(next[key], prev[key])) {\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 *\n * @param {*} declarative\n * @returns {React.Components<Props, State>}\n\n */\nconst createPConnectComponent = () => {\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   */\n  class 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 unigue 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\n  // eslint-disable-next-line react/static-property-placement\n  PConnect.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\n  PConnect.defaultProps = {\n    additionalProps: {},\n    validatemessage: ''\n  };\n\n  return PConnect;\n};\n\n// Move these into SdkConstellationReady so PCore is available\ndocument.addEventListener('SdkConstellationReady', () => {\n  PCore.registerComponentCreator((c11nEnv, additionalProps = {}) => {\n    const PConnectComp = createPConnectComponent();\n    return createElement(PConnectComp, {\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\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.d.ts

@@ -1,13 +1,10 @@
 /// <reference types="react" />
-import PropTypes from 'prop-types';
-declare function AlertBanner(props: any): JSX.Element;
-declare namespace AlertBanner {
-    var propTypes: {
-        id: PropTypes.Requireable<string>;
-        variant: PropTypes.Requireable<string>;
-        messages: PropTypes.Requireable<(string | null | undefined)[]>;
-        onDismiss: PropTypes.Requireable<any>;
-    };
+interface AlertBannerProps {
+    id: string;
+    variant: string;
+    messages: string[];
+    onDismiss?: any;
 }
-export default AlertBanner;
+export default function AlertBanner(props: AlertBannerProps): JSX.Element;
+export {};
 //# sourceMappingURL=AlertBanner.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"AlertBanner.d.ts","sourceRoot":"","sources":["../../../../src/components/designSystemExtension/AlertBanner/AlertBanner.tsx"],"names":[],"mappings":";AACA,OAAO,SAAS,MAAM,YAAY,CAAC;AAUnC,iBAAwB,WAAW,CAAC,KAAK,KAAA,eAwBxC;kBAxBuB,WAAW;;;;;;;;eAAX,WAAW"}
+{"version":3,"file":"AlertBanner.d.ts","sourceRoot":"","sources":["../../../../src/components/designSystemExtension/AlertBanner/AlertBanner.tsx"],"names":[],"mappings":";AAIA,UAAU,gBAAgB;IAExB,EAAE,EAAE,MAAM,CAAC;IACX,OAAO,EAAE,MAAM,CAAC;IAChB,QAAQ,EAAE,MAAM,EAAE,CAAC;IACnB,SAAS,CAAC,EAAE,GAAG,CAAC;CACjB;AASD,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,KAAK,EAAE,gBAAgB,eAmB1D"}

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

@@ -1,5 +1,4 @@
-import React from 'react';
-import PropTypes from 'prop-types';
+import { jsx as _jsx } from "react/jsx-runtime";
 import { Alert } from '@material-ui/lab';
 const SEVERITY_MAP = {
     urgent: 'error',
@@ -15,12 +14,6 @@ export default function AlertBanner(props) {
             onClose: onDismiss
         };
     }
-    return (React.createElement("div", { id: id }, messages.map(message => (React.createElement(Alert, { key: message, variant: 'outlined', severity: SEVERITY_MAP[variant], ...additionalProps }, message)))));
+    return (_jsx("div", { id: id, children: messages.map(message => (_jsx(Alert, { variant: 'outlined', severity: SEVERITY_MAP[variant], ...additionalProps, children: message }, message))) }));
 }
-AlertBanner.propTypes = {
-    id: PropTypes.string,
-    variant: PropTypes.string,
-    messages: PropTypes.arrayOf(PropTypes.string),
-    onDismiss: PropTypes.any
-};
 //# sourceMappingURL=AlertBanner.js.map

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,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,SAAS,MAAM,YAAY,CAAC;AACnC,OAAO,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;AAEzC,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,KAAK;IACvC,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,6BAAK,EAAE,EAAE,EAAE,IACR,QAAQ,CAAC,GAAG,CAAC,OAAO,CAAC,EAAE,CAAC,CACvB,oBAAC,KAAK,IACJ,GAAG,EAAE,OAAO,EACZ,OAAO,EAAC,UAAU,EAClB,QAAQ,EAAE,YAAY,CAAC,OAAO,CAAC,KAC3B,eAAe,IAElB,OAAO,CACF,CACT,CAAC,CACE,CACP,CAAC;AACJ,CAAC;AAED,WAAW,CAAC,SAAS,GAAG;IACtB,EAAE,EAAE,SAAS,CAAC,MAAM;IACpB,OAAO,EAAE,SAAS,CAAC,MAAM;IACzB,QAAQ,EAAE,SAAS,CAAC,OAAO,CAAC,SAAS,CAAC,MAAM,CAAC;IAC7C,SAAS,EAAE,SAAS,CAAC,GAAG;CACzB,CAAC","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { Alert } from '@material-ui/lab';\n\nconst SEVERITY_MAP = {\n  urgent: 'error',\n  warning: 'warning',\n  success: 'success',\n  info: 'info'\n};\n\nexport default function AlertBanner(props) {\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\n          key={message}\n          variant='outlined'\n          severity={SEVERITY_MAP[variant]}\n          {...additionalProps}\n        >\n          {message}\n        </Alert>\n      ))}\n    </div>\n  );\n}\n\nAlertBanner.propTypes = {\n  id: PropTypes.string,\n  variant: PropTypes.string,\n  messages: PropTypes.arrayOf(PropTypes.string),\n  onDismiss: PropTypes.any\n};\n"]}
+{"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"]}

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

@@ -1,4 +1,18 @@
 /// <reference types="react" />
 import './Banner.css';
-export default function Banner(props: any): JSX.Element;
+interface BannerProps {
+    a: any;
+    b: any;
+    banner: {
+        variant: any;
+        backgroundColor: any;
+        title: any;
+        message: any;
+        backgroundImage: any;
+        tintImage: any;
+    };
+    variant: any;
+}
+export default function Banner(props: BannerProps): JSX.Element;
+export {};
 //# sourceMappingURL=Banner.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Banner.d.ts","sourceRoot":"","sources":["../../../../src/components/designSystemExtension/Banner/Banner.tsx"],"names":[],"mappings":";AAEA,OAAO,cAAc,CAAC;AAEtB,MAAM,CAAC,OAAO,UAAU,MAAM,CAAC,KAAK,KAAA,eA+BnC"}
+{"version":3,"file":"Banner.d.ts","sourceRoot":"","sources":["../../../../src/components/designSystemExtension/Banner/Banner.tsx"],"names":[],"mappings":";AACA,OAAO,cAAc,CAAC;AAKtB,UAAU,WAAW;IAEnB,CAAC,EAAE,GAAG,CAAC;IACP,CAAC,EAAE,GAAG,CAAC;IACP,MAAM,EAAE;QACN,OAAO,EAAE,GAAG,CAAC;QACb,eAAe,EAAE,GAAG,CAAC;QACrB,KAAK,EAAE,GAAG,CAAC;QACX,OAAO,EAAE,GAAG,CAAC;QACb,eAAe,EAAE,GAAG,CAAC;QACrB,SAAS,EAAE,GAAG,CAAC;KAChB,CAAC;IACF,OAAO,EAAE,GAAG,CAAC;CACd;AAED,MAAM,CAAC,OAAO,UAAU,MAAM,CAAC,KAAK,EAAE,WAAW,eA4BhD"}

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

@@ -1,4 +1,4 @@
-import React from 'react';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import Grid from '@material-ui/core/Grid';
 import './Banner.css';
 export default function Banner(props) {
@@ -9,14 +9,6 @@ export default function Banner(props) {
         'narrow-wide': [4, 8],
         'wide-narrow': [8, 4]
     };
-    return (React.createElement("div", { style: { marginBottom: '2rem' } },
-        React.createElement("div", { className: 'background-image-style', style: { backgroundImage: `url(${backgroundImage})` } },
-            React.createElement("div", { className: 'background-style content' },
-                React.createElement("div", null,
-                    React.createElement("h1", { className: 'title' }, title),
-                    React.createElement("p", { className: 'message' }, message)))),
-        React.createElement(Grid, { container: true, item: true, xs: 12, className: 'banner-layout', spacing: 1 },
-            React.createElement(Grid, { item: true, xs: variantMap[variant][0], style: { padding: '1em' } }, a),
-            React.createElement(Grid, { item: true, xs: variantMap[variant][1], style: { padding: '1em' } }, b))));
+    return (_jsxs("div", { style: { marginBottom: '2rem' }, children: [_jsx("div", { className: 'background-image-style', style: { backgroundImage: `url(${backgroundImage})` }, children: _jsx("div", { className: 'background-style content', children: _jsxs("div", { children: [_jsx("h1", { className: 'title', children: title }), _jsx("p", { className: 'message', children: message })] }) }) }), _jsxs(Grid, { container: true, item: true, xs: 12, className: 'banner-layout', spacing: 1, children: [_jsx(Grid, { item: true, xs: variantMap[variant][0], style: { padding: '1em' }, children: a }), _jsx(Grid, { item: true, xs: variantMap[variant][1], style: { padding: '1em' }, children: b })] })] }));
 }
 //# sourceMappingURL=Banner.js.map

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,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,IAAI,MAAM,wBAAwB,CAAC;AAC1C,OAAO,cAAc,CAAC;AAEtB,MAAM,CAAC,OAAO,UAAU,MAAM,CAAC,KAAK;IAClC,MAAM,EAAE,CAAC,EAAE,CAAC,EAAE,MAAM,EAAE,OAAO,EAAC,GAAG,KAAK,CAAC;IACvC,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,6BAAK,KAAK,EAAE,EAAE,YAAY,EAAE,MAAM,EAAE;QAClC,6BACE,SAAS,EAAC,wBAAwB,EAClC,KAAK,EAAE,EAAE,eAAe,EAAE,OAAO,eAAe,GAAG,EAAE;YAErD,6BAAK,SAAS,EAAC,0BAA0B;gBACvC;oBACE,4BAAI,SAAS,EAAC,OAAO,IAAE,KAAK,CAAM;oBAClC,2BAAG,SAAS,EAAC,SAAS,IAAE,OAAO,CAAK,CAChC,CACF,CACF;QACN,oBAAC,IAAI,IAAC,SAAS,QAAC,IAAI,QAAC,EAAE,EAAE,EAAE,EAAE,SAAS,EAAC,eAAe,EAAC,OAAO,EAAE,CAAC;YAC/D,oBAAC,IAAI,IAAC,IAAI,QAAC,EAAE,EAAE,UAAU,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,OAAO,EAAE,KAAK,EAAE,IAC7D,CAAC,CACG;YACP,oBAAC,IAAI,IAAC,IAAI,QAAC,EAAE,EAAE,UAAU,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,OAAO,EAAE,KAAK,EAAE,IAC7D,CAAC,CACG,CACF,CACH,CACP,CAAC;AACJ,CAAC","sourcesContent":["import React from 'react';\nimport Grid from '@material-ui/core/Grid';\nimport './Banner.css';\n\nexport default function Banner(props) {\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\n        className='background-image-style'\n        style={{ backgroundImage: `url(${backgroundImage})` }}\n      >\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,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"]}

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

@@ -1,4 +1,3 @@
-
 .psdk-csf-status-style {
   /* background-color: #e9eef3;
   border-radius: calc(0.25 * 0.5rem);

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

@@ -1,13 +1,10 @@
 /// <reference types="react" />
-import PropTypes from 'prop-types';
 import './CaseSummaryFields.css';
-declare function CaseSummaryFields(props: any): JSX.Element;
-declare namespace CaseSummaryFields {
-    var propTypes: {
-        status: PropTypes.Requireable<string>;
-        showStatus: PropTypes.Requireable<boolean>;
-        theFields: PropTypes.Requireable<(object | null | undefined)[]>;
-    };
+interface CaseSummaryFieldsProps {
+    status?: string;
+    showStatus?: boolean;
+    theFields: any[] | any | never;
 }
-export default CaseSummaryFields;
+export default function CaseSummaryFields(props: CaseSummaryFieldsProps): JSX.Element;
+export {};
 //# sourceMappingURL=CaseSummaryFields.d.ts.map

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":";AACA,OAAO,SAAS,MAAM,YAAY,CAAC;AASnC,OAAO,yBAAyB,CAAC;AAIjC,iBAAwB,iBAAiB,CAAC,KAAK,KAAA,eAsN9C;kBAtNuB,iBAAiB;;;;;;;eAAjB,iBAAiB"}
+{"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,eA8NtE"}

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

@@ -1,14 +1,16 @@
-import React, { useState, useEffect } from 'react';
-import PropTypes from 'prop-types';
+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 Operator from '../Operator';
 import { getDateFormatInfo } from '../../helpers/date-format-utils';
 import { getCurrencyOptions } from '../../field/Currency/currency-utils';
+import { getComponentFromMap } from '../../../bridge/helpers/sdk_component_map';
 import './CaseSummaryFields.css';
 import { format } from '../../helpers/formatters';
 export default function CaseSummaryFields(props) {
+    // Get emitted components from map (so we can get any override that may exist)
+    const Operator = getComponentFromMap('Operator');
     const { status, showStatus, theFields } = props;
     const [theFieldsToRender, setFieldsToRender] = useState([]);
     const [theFieldsAsGridItems, setFieldsAsGridItems] = useState([]);
@@ -19,10 +21,10 @@ export default function CaseSummaryFields(props) {
             // eslint-disable-next-line sonarjs/no-small-switch
             switch (fieldTypeLower) {
                 case 'caseoperator':
-                    return React.createElement(Operator, { caseOpConfig: field.config });
+                    return _jsx(Operator, { ...field.config });
                     break;
                 default:
-                    return (React.createElement(TextField, { value: '---', label: field.config.label, InputProps: {
+                    return (_jsx(TextField, { value: '---', label: field.config.label, InputProps: {
                             readOnly: true,
                             disableUnderline: true
                         } }));
@@ -33,7 +35,7 @@ export default function CaseSummaryFields(props) {
             case 'decimal':
             case 'integer':
             case 'dropdown':
-                return (React.createElement(TextField, { value: field.config.value, label: field.config.label, InputProps: {
+                return (_jsx(TextField, { value: field.config.value, label: field.config.label, InputProps: {
                         readOnly: true,
                         disableUnderline: true
                     } }));
@@ -41,63 +43,63 @@ export default function CaseSummaryFields(props) {
                 const { caption, label, value, trueLabel, falseLabel } = field.config;
                 const fieldLabel = label || caption;
                 const fieldValue = value ? trueLabel : falseLabel;
-                return (React.createElement(TextField, { value: fieldValue, label: fieldLabel, InputProps: {
+                return (_jsx(TextField, { value: fieldValue, label: fieldLabel, InputProps: {
                         readOnly: true,
                         disableUnderline: true
                     } }));
             }
             case 'status':
-                return (React.createElement(TextField, { className: 'psdk-csf-status-style', value: field.config.value, label: field.config.label, InputProps: {
+                return (_jsx(TextField, { className: 'psdk-csf-status-style', value: field.config.value, label: field.config.label, InputProps: {
                         readOnly: true,
                         disableUnderline: true
                     } }));
             case 'phone': {
                 const displayPhone = field.config.value !== '' ? field.config.value : '---';
-                return (React.createElement("a", { href: `tel:${displayPhone}` },
-                    React.createElement(TextField, { value: field.config.value, label: field.config.label, InputProps: {
+                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 }
-                        } })));
+                            inputProps: {
+                                style: { cursor: 'pointer' },
+                                disableUnderline: true
+                            }
+                        } }) }));
             }
             case 'email': {
                 const displayEmail = format(field.config.value, field.type);
-                return (React.createElement("a", { href: `mailto:${displayEmail}` },
-                    React.createElement(TextField, { value: field.config.value, label: field.config.label, InputProps: {
+                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' } }
-                        } })));
+                        } }) }));
             }
             case 'date':
             case 'datetime': {
                 const theDateFormatInfo = getDateFormatInfo();
                 // console.log(`theDateFormatInfo: ${theDateFormatInfo}`);
-                const theFormat = (fieldTypeLower === 'datetime') ? `${theDateFormatInfo.dateFormatStringLong} hh:mm a` : theDateFormatInfo.dateFormatStringLong;
-                return (React.createElement(TextField, { value: format(field.config.value, field.type, { format: theFormat }), label: field.config.label, InputProps: {
+                const theFormat = fieldTypeLower === 'datetime' ? `${theDateFormatInfo.dateFormatStringLong} hh:mm a` : theDateFormatInfo.dateFormatStringLong;
+                return (_jsx(TextField, { value: format(field.config.value, field.type, {
+                        format: theFormat
+                    }), label: field.config.label, InputProps: {
                         readOnly: true,
                         disableUnderline: true
                     } }));
             }
             case 'currency': {
                 const theCurrencyOptions = getCurrencyOptions(field.config?.currencyISOCode);
-                return (React.createElement(TextField, { value: format(field.config.value, field.type, theCurrencyOptions), label: field.config.label, InputProps: {
+                return (_jsx(TextField, { value: format(field.config.value, field.type, theCurrencyOptions), label: field.config.label, InputProps: {
                         readOnly: true,
                         disableUnderline: true
                     } }));
             }
             case 'boolean':
             case 'userreference':
-                return (React.createElement(TextField, { value: format(field.config.value, field.type), label: field.config.label, InputProps: {
+                return (_jsx(TextField, { value: format(field.config.value, field.type), label: field.config.label, InputProps: {
                         readOnly: true,
                         disableUnderline: true
                     } }));
             case 'caseoperator':
-                return React.createElement(Operator, { caseOpConfig: field.config });
+                return _jsx(Operator, { ...field.config });
             default:
-                return (React.createElement("span", null,
-                    field.type.toLowerCase(),
-                    " ",
-                    field.config.value));
+                return (_jsxs("span", { children: [field.type.toLowerCase(), " ", field.config.value] }));
         }
     }
     // Whenever theFieldsToRender changes, update theFieldsAsGridItems that's used during render
@@ -105,7 +107,7 @@ export default function CaseSummaryFields(props) {
         const arGridItems = theFieldsToRender.map((field) => {
             // display the field when either visibility property doesn't exist or is true(if exists)
             if (field.config.visibility === undefined || field.config.visibility === true) {
-                return (React.createElement(Grid, { item: true, xs: 6, key: field.config.label }, getFieldValue(field)));
+                return (_jsx(Grid, { item: true, xs: 6, children: getFieldValue(field) }, field.config.label));
             }
             return null;
         });
@@ -115,7 +117,10 @@ export default function CaseSummaryFields(props) {
     // Special Case: if showStatus is true, splice the status value to be 2nd in theFields
     //  if it's not already there
     if (showStatus && theFields?.[1].type !== 'status') {
-        const oStatus = { type: 'status', config: { value: status, label: 'Status' } };
+        const oStatus = {
+            type: 'status',
+            config: { value: status, label: 'Status' }
+        };
         const count = theFieldsModifiable.length;
         if (count < 2) {
             theFieldsModifiable.push(oStatus);
@@ -129,12 +134,6 @@ export default function CaseSummaryFields(props) {
     if (!isDeepEqual(theFieldsToRender, theFieldsModifiable)) {
         setFieldsToRender(theFieldsModifiable);
     }
-    return (React.createElement(React.Fragment, null,
-        React.createElement(Grid, { container: true, className: 'psdk-case-summary-fields' }, theFieldsAsGridItems)));
+    return (_jsx(Grid, { container: true, className: 'psdk-case-summary-fields', children: theFieldsAsGridItems }));
 }
-CaseSummaryFields.propTypes = {
-    status: PropTypes.string,
-    showStatus: PropTypes.bool,
-    theFields: PropTypes.arrayOf(PropTypes.object)
-};
 //# sourceMappingURL=CaseSummaryFields.js.map

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 React, { useState, useEffect } from 'react';\nimport PropTypes from 'prop-types';\nimport isDeepEqual from 'fast-deep-equal/react';\n\nimport Grid from '@material-ui/core/Grid';\nimport TextField from '@material-ui/core/TextField';\nimport Operator from '../Operator';\nimport { getDateFormatInfo } from '../../helpers/date-format-utils';\nimport { getCurrencyOptions } from '../../field/Currency/currency-utils';\n\nimport './CaseSummaryFields.css';\n\nimport { format } from '../../helpers/formatters';\n\nexport default function CaseSummaryFields(props) {\n  const { status, showStatus, theFields } = props;\n\n  const [theFieldsToRender, setFieldsToRender] = useState([]);\n  const [theFieldsAsGridItems, setFieldsAsGridItems] = useState<Array<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 caseOpConfig={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: { style: { cursor: 'pointer' }, disableUnderline: true }\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 = (fieldTypeLower === 'datetime') ? `${theDateFormatInfo.dateFormatStringLong} hh:mm a` : theDateFormatInfo.dateFormatStringLong\n\n        return (\n          <TextField\n            value={format(field.config.value, field.type, { format: theFormat })}\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\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 caseOpConfig={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 = { type: 'status', config: { value: status, label: 'Status' } };\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    <React.Fragment>\n      <Grid container className='psdk-case-summary-fields'>\n        {theFieldsAsGridItems}\n      </Grid>\n    </React.Fragment>\n  );\n}\n\nCaseSummaryFields.propTypes = {\n  status: PropTypes.string,\n  showStatus: PropTypes.bool,\n  theFields: PropTypes.arrayOf(PropTypes.object)\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 '@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"]}

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

@@ -1,13 +1,7 @@
 /// <reference types="react" />
-import PropTypes from 'prop-types';
-declare function DetailsFields(props: any): JSX.Element;
-declare namespace DetailsFields {
-    var defaultProps: {
-        fields: never[];
-    };
-    var propTypes: {
-        fields: PropTypes.Requireable<any[]>;
-    };
+interface DetailsFieldsProps {
+    fields: any[];
 }
-export default DetailsFields;
+export default function DetailsFields(props: DetailsFieldsProps): JSX.Element;
+export {};
 //# sourceMappingURL=DetailsFields.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"DetailsFields.d.ts","sourceRoot":"","sources":["../../../../src/components/designSystemExtension/DetailsFields/DetailsFields.tsx"],"names":[],"mappings":";AAEA,OAAO,SAAS,MAAM,YAAY,CAAC;AA+BnC,iBAAwB,aAAa,CAAC,KAAK,KAAA,eA0G1C;kBA1GuB,aAAa;;;;;;;;eAAb,aAAa"}
+{"version":3,"file":"DetailsFields.d.ts","sourceRoot":"","sources":["../../../../src/components/designSystemExtension/DetailsFields/DetailsFields.tsx"],"names":[],"mappings":";AAWA,UAAU,kBAAkB;IAE1B,MAAM,EAAE,GAAG,EAAE,CAAC;CACf;AAwBD,MAAM,CAAC,OAAO,UAAU,aAAa,CAAC,KAAK,EAAE,kBAAkB,eAsG9D"}

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

@@ -1,6 +1,6 @@
+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 PropTypes from 'prop-types';
 import Grid from '@material-ui/core/Grid';
 import Typography from '@material-ui/core/Typography';
 import { makeStyles } from '@material-ui/core/styles';
@@ -29,7 +29,7 @@ const useStyles = makeStyles(theme => ({
 }));
 export default function DetailsFields(props) {
     // const componentName = "DetailsFields";
-    const { fields } = props;
+    const { fields = [] } = props;
     const classes = useStyles();
     const fieldComponents = [];
     fields?.forEach((field, index) => {
@@ -44,13 +44,12 @@ export default function DetailsFields(props) {
         fieldComponents.push({
             type: theCompType,
             label,
-            value: (React.createElement(React.Fragment, { key: index }, createElement(createPConnectComponent(), thePConn.getReferencedViewPConnect())))
+            value: _jsx(React.Fragment, { children: createElement(createPConnectComponent(), thePConn.getReferencedViewPConnect()) }, index)
         });
     });
     function getGridItemLabel(field, keyVal) {
         const dispValue = field.label;
-        return (React.createElement(Grid, { item: true, xs: 6, key: keyVal },
-            React.createElement(Typography, { variant: 'body2', component: 'span', className: `${classes.fieldLabel}` }, dispValue)));
+        return (_jsx(Grid, { item: true, xs: 6, children: _jsx(Typography, { variant: 'body2', component: 'span', className: `${classes.fieldLabel}`, children: dispValue }) }, keyVal));
     }
     function formatItemValue(inField) {
         const { type, value } = inField;
@@ -72,35 +71,23 @@ export default function DetailsFields(props) {
     }
     function getGridItemValue(field, keyVal) {
         const formattedValue = formatItemValue(field);
-        return (React.createElement(Grid, { item: true, xs: 6, key: keyVal },
-            React.createElement(Typography, { variant: 'body2', component: 'span', className: classes.fieldValue }, formattedValue)));
+        return (_jsx(Grid, { item: true, xs: 6, children: _jsx(Typography, { variant: 'body2', component: 'span', className: classes.fieldValue, children: formattedValue }) }, keyVal));
     }
     function getGridItem(field, keyVal) {
-        return (React.createElement(Grid, { item: true, xs: 12, key: keyVal },
-            React.createElement(Typography, { variant: 'body2', component: 'span', className: classes.fieldValue }, field?.value)));
+        return (_jsx(Grid, { item: true, xs: 12, children: _jsx(Typography, { variant: 'body2', component: 'span', className: classes.fieldValue, children: field?.value }) }, keyVal));
     }
     function getGridItems() {
         const gridItems = fieldComponents.map((field, index) => {
             if (field?.type === 'reference') {
                 return field?.value;
             }
-            else if (isValidElement(field?.value)) {
-                return (React.createElement(Grid, { container: true, spacing: 1, style: { padding: '4px 0px' }, key: index }, getGridItem(field, `${index}-item`)));
-            }
-            else {
-                return (React.createElement(Grid, { container: true, spacing: 1, style: { padding: '4px 0px' }, key: index },
-                    getGridItemLabel(field, `${index}-label`),
-                    getGridItemValue(field, `${index}-value`)));
+            if (isValidElement(field?.value)) {
+                return (_jsx(Grid, { container: true, spacing: 1, style: { padding: '4px 0px' }, children: getGridItem(field, `${index}-item`) }, index));
             }
+            return (_jsxs(Grid, { container: true, spacing: 1, style: { padding: '4px 0px' }, children: [getGridItemLabel(field, `${index}-label`), getGridItemValue(field, `${index}-value`)] }, index));
         });
         return gridItems;
     }
-    return React.createElement(React.Fragment, null, getGridItems());
+    return _jsx(_Fragment, { children: getGridItems() });
 }
-DetailsFields.defaultProps = {
-    fields: []
-};
-DetailsFields.propTypes = {
-    fields: PropTypes.arrayOf(PropTypes.any)
-};
 //# sourceMappingURL=DetailsFields.js.map