@pega/react-sdk-components 0.24.4 → 0.25.1

package/lib/components/infra/Containers/ViewContainer/ViewContainer.js.map

@@ -1 +1 @@
-{"version":3,"file":"ViewContainer.js","sourceRoot":"","sources":["../../../../../src/components/infra/Containers/ViewContainer/ViewContainer.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,EAAE,aAAa,EAAE,UAAU,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC9E,OAAO,EAAE,GAAG,EAAE,gBAAgB,EAAE,MAAM,mBAAmB,CAAC;AAE1D,OAAO,uBAAuB,MAAM,mCAAmC,CAAC;AACxE,OAAO,YAAY,MAAM,yCAAyC,CAAC;AACnE,OAAO,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAY9D,8BAA8B;AAC9B,8BAA8B;AAE9B,EAAE;AACF,qHAAqH;AACrH,uHAAuH;AACvH,+BAA+B;AAC/B,EAAE;AAEF,MAAM,CAAC,OAAO,UAAU,aAAa,CAAC,KAAyB;IAC7D,8DAA8D;IAC9D,MAAM,EAAE,WAAW,EAAE,IAAI,GAAG,EAAE,EAAE,IAAI,GAAG,QAAQ,EAAE,KAAK,GAAG,EAAE,EAAE,WAAW,GAAG,KAAK,EAAE,WAAW,GAAG,IAAI,EAAE,GAAG,KAAK,CAAC;IAE/G,MAAM,EAAE,aAAa,EAAE,GAAG,UAAU,CAAM,YAAY,CAAC,CAAC;IAExD,MAAM,EAAE,cAAc,EAAE,GAAG,EAAE,GAAG,KAAK,CAAC,YAAY,EAAE,CAAC;IACrD,MAAM,KAAK,GAAG,WAAW,EAAE,CAAC;IAC5B,MAAM,YAAY,GAAQ,KAAK,CAAC,mBAAmB,EAAE,CAAC;IAEtD,MAAM,CAAC,gBAAgB,EAAE,mBAAmB,CAAC,GAAG,QAAQ,CAAC;QACvD,cAAc,EAAE,EAAE,WAAW,EAAE,EAAE,EAAE,OAAO,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE;QAC5D,OAAO,EAAE,KAAK;QACd,WAAW,EAAE,IAAI;QACjB,mBAAmB,EAAE,KAAK;KAC3B,CAAC,CAAC,CAAC,uFAAuF;IAE3F,IAAI,IAAI,CAAC;IAET,MAAM,QAAQ,GAAG,OAAO,WAAW,KAAK,UAAU,CAAC,CAAC,CAAC,WAAW,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC;IAE1E,kDAAkD;IAElD,SAAS,SAAS;QAChB,MAAM,OAAO,GAAG,QAAQ,EAAE,cAAc,EAAE,CAAC;QAC3C,IAAI,iBAAiB,GAAG,IAAI,CAAC;QAC7B,IAAI,CAAC,iBAAiB;YAAE,iBAAiB,GAAG,EAAE,CAAC;QAC/C,OAAO,GAAG,OAAO,EAAE,WAAW,EAAE,IAAI,iBAAiB,CAAC,WAAW,EAAE,EAAE,CAAC;IACxE,CAAC;IAED,SAAS,qBAAqB;QAC5B,MAAM,WAAW,GAAG,KAAK,CAAC,cAAc,EAAE,CAAC;QAC3C,6FAA6F;QAC7F,IAAI,MAAM,GAAG,KAAK,CAAC,gBAAgB,EAAE,CAAC;QACtC,IAAI,CAAC,MAAM,EAAE;YACX,MAAM,GAAG,SAAS,CAAC;SACpB;QAED,OAAO;YACL,WAAW,EAAE,EAAE;YACf,OAAO,EAAE,WAAW;YACpB,MAAM;SACP,CAAC;IACJ,CAAC;IAED,iEAAiE;IACjE,4DAA4D;IAC5D,wDAAwD;IACxD,yDAAyD;IACzD,aAAa;IACb,qCAAqC;IACrC,gEAAgE;IAChE,OAAO;IACP,IAAI;IAEJ,0DAA0D;IAC1D,SAAS,gBAAgB,CAAC,YAAY;QACpC,MAAM,EAAE,mBAAmB,EAAE,GAAG,gBAAgB,CAAC;QACjD,IAAI,CAAC,mBAAmB,EAAE;YACxB,IAAI,GAAG,aAAa,CAAC,uBAAuB,EAAE,EAAE,YAAY,CAAC,CAAC;SAC/D;IACH,CAAC;IAED,4CAA4C;IAE5C,mGAAmG;IACnG,SAAS,CAAC,GAAG,EAAE;QACb,iEAAiE;QACjE,YAAY,CAAC,oBAAoB,CAAC;YAChC,IAAI,EAAE,IAAI,KAAK,cAAc,CAAC,QAAQ,CAAC,CAAC,CAAC,cAAc,CAAC,QAAQ,CAAC,CAAC,CAAC,cAAc,CAAC,MAAM;SACzF,CAAC,CAAC;QAEH,IAAI,IAAI,KAAK,cAAc,CAAC,QAAQ,IAAI,KAAK,EAAE;YAC7C,oFAAoF;YACpF,KAAK,CAAC,iBAAiB,EAAE,CAAC,iBAAiB,CAAC,GAAG,GAAG,CAAC,GAAG,IAAI,IAAI,EAAE,EAAE,KAAK,CAAC,CAAC;SAC1E;QAED,MAAM,cAAc,GAAG,qBAAqB,EAAE,CAAC;QAC/C,mBAAmB,CAAC;YAClB,cAAc;YACd,mGAAmG;YACnG,OAAO,EAAE,CAAC,KAAK,CAAC,kBAAkB,EAAE;YACpC,WAAW;YACX,mBAAmB,EAAE,KAAK;SAC3B,CAAC,CAAC;QAEH,MAAM,EAAE,OAAO,EAAE,GAAG,gBAAgB,CAAC;QACrC,IAAI,OAAO;YAAE,YAAY,CAAC,gBAAgB,CAAC,cAAc,CAAC,CAAC;QAE3D,uEAAuE;QACvE,IAAI,qBAAqB,CAAC;QAC1B,IAAI,KAAK,CAAC,kBAAkB,EAAE,EAAE;YAC9B,qBAAqB,GAAG,qBAAqB,EAAE,CAAC;SACjD;aAAM;YACL,MAAM,EAAE,cAAc,EAAE,iBAAiB,EAAE,GAAG,gBAAgB,CAAC;YAC/D,qBAAqB,GAAG,iBAAiB,CAAC;SAC3C;QAED,6BAA6B;QAC7B,MAAM,QAAQ,GAAG,KAAK,CAAC,QAAQ,CAAC,4BAA4B,EAAE,EAAE,CAAC,CAAC,CAAC,qDAAqD;QACxH,MAAM,gBAAgB,GAAG,KAAK,CAAC,OAAO,CAAC,QAAQ,CAAC,IAAI,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC;QAC3F,+EAA+E;QAC/E,yCAAyC;QACzC,mGAAmG;QAEnG,IAAI,CAAC,aAAa,EAAE;YAClB,8DAA8D;YAC9D,KAAK,CAAC,2BAA2B,CAAC;gBAChC,GAAG,qBAAqB;gBACxB,gBAAgB;aACjB,CAAC,CAAC;SACJ;IACH,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,uHAAuH;IAEvH,0BAA0B;IAE1B,+BAA+B;IAC/B,gEAAgE;IAEhE,MAAM,YAAY,GAAG,SAAS,EAAE,CAAC;IACjC,MAAM,EAAE,wBAAwB,EAAE,GAAG,KAAK,CAAC,YAAY,EAAE,CAAC;IAC1D,IAAI,WAAW,EAAE;QACf,MAAM,EAAE,aAAa,EAAE,KAAK,EAAE,GAAG,WAAW,CAAC;QAC7C,IAAI,aAAa,IAAI,KAAK,EAAE;YAC1B,MAAM,GAAG,GAAG,aAAa,CAAC,aAAa,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC;YACpD,IAAI,gBAAgB,GAAG,aAAa,CAAC,MAAM,GAAG,CAAC,CAAC;YAChD,MAAM,EAAE,OAAO,EAAE,GAAG,gBAAgB,CAAC;YACrC,gBAAgB,GAAG,OAAO,IAAI,gBAAgB,CAAC;YAC/C,IAAI,KAAK,CAAC,GAAG,CAAC,IAAI,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,IAAI,CAAC,aAAa,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,CAAC,EAAE;gBACpE,MAAM,UAAU,GAAG,KAAK,CAAC,GAAG,CAAC,CAAC;gBAC9B,MAAM,QAAQ,GAAG,UAAU,CAAC,IAAI,CAAC;gBACjC,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,GAAG,QAAQ,CAAC,MAAM,CAAC;gBACpD,MAAM,MAAM,GAAQ,EAAE,IAAI,EAAE,QAAQ,EAAE,CAAC;gBACvC,MAAM,CAAC,OAAO,GAAG;oBACf,OAAO,EAAE,UAAU,CAAC,OAAO;oBAC3B,aAAa,EAAE,OAAO,IAAI,WAAW,EAAE,CAAC,gBAAgB,EAAE;oBAC1D,aAAa,EAAE,WAAW,EAAE,CAAC,gBAAgB,EAAE;oBAC/C,iBAAiB,EAAE,GAAG;oBACtB,OAAO,EAAE,QAAQ,KAAK,wBAAwB;iBAC/C,CAAC;gBACF,MAAM,YAAY,GAAQ,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC;gBAEvD,mDAAmD;gBACnD,IAAI,aAAa,EAAE;oBACjB,YAAY,CAAC,aAAa,GAAG,IAAI,CAAC;iBACnC;gBAED,gBAAgB,CAAC,YAAY,CAAC,CAAC;gBAC/B,OAAO,CACL,MAAC,KAAK,CAAC,QAAQ,eACZ,gBAAgB,IAAI,IAAI,EACxB,WAAW,IAAI,CACd,KAAC,GAAG,IAAC,SAAS,EAAC,QAAQ,YACrB,KAAC,gBAAgB,KAAG,GAChB,CACP,KANkB,YAAY,CAOhB,CAClB,CAAC;aACH;SACF;KACF;IAED,kDAAkD;IAClD,OAAO,CACL,KAAC,KAAK,CAAC,QAAQ,cACZ,WAAW,IAAI,CACd,KAAC,GAAG,IAAC,SAAS,EAAC,QAAQ,YACrB,KAAC,gBAAgB,KAAG,GAChB,CACP,IALkB,YAAY,CAMhB,CAClB,CAAC;AACJ,CAAC","sourcesContent":["import React, { createElement, useContext, useEffect, useState } from 'react';\nimport { Box, CircularProgress } from '@material-ui/core';\n\nimport createPConnectComponent from '../../../../bridge/react_pconnect';\nimport StoreContext from '../../../../bridge/Context/StoreContext';\nimport { isEmptyObject } from '../../../helpers/common-utils';\nimport { PConnProps } from '../../../../types/PConnProps';\n\ninterface ViewContainerProps extends PConnProps {\n  // If any, enter additional props that only exist on this component\n  name?: string;\n  loadingInfo?: any; // can't be boolean until setDispatchObjState expects loadingInfo to be type null\n  routingInfo?: any;\n  mode?: string;\n  limit?: number;\n}\n\n// ViewContainer can emit View\n// import View from '../View';\n\n//\n// WARNING:  It is not expected that this file should be modified.  It is part of infrastructure code that works with\n// Redux and creation/update of Redux containers and PConnect.  Modifying this code could have undesireable results and\n// is totally at your own risk.\n//\n\nexport default function ViewContainer(props: ViewContainerProps) {\n  // const { getPConnect, children, routingInfo, name } = props;\n  const { getPConnect, name = '', mode = 'single', limit = 16, loadingInfo = false, routingInfo = null } = props;\n\n  const { displayOnlyFA } = useContext<any>(StoreContext);\n\n  const { CONTAINER_TYPE, APP } = PCore.getConstants();\n  const pConn = getPConnect();\n  const containerMgr: any = pConn.getContainerManager();\n\n  const [dispatchObjState, setDispatchObjState] = useState({\n    dispatchObject: { semanticURL: '', context: '', acName: '' },\n    visible: false,\n    loadingInfo: null,\n    isLoadingInfoChange: false\n  }); // was this.state in class-based ViewContainer avoiding use of just \"state\" as the name\n\n  let root;\n\n  const thePConn = typeof getPConnect === 'function' ? getPConnect() : null;\n\n  // beginning of functions for use by ViewContainer\n\n  function buildName() {\n    const context = thePConn?.getContextName();\n    let viewContainerName = name;\n    if (!viewContainerName) viewContainerName = '';\n    return `${context?.toUpperCase()}/${viewContainerName.toUpperCase()}`;\n  }\n\n  function prepareDispatchObject() {\n    const baseContext = pConn.getContextName();\n    // const { acName = \"primary\" } = pConn.getContainerName(); // doesn't work with 8.23 typings\n    let acName = pConn.getContainerName();\n    if (!acName) {\n      acName = 'primary';\n    }\n\n    return {\n      semanticURL: '',\n      context: baseContext,\n      acName\n    };\n  }\n\n  // determine if or not loadingInfo prop changed on next re-render\n  // function getDerivedStateFromProps(nextProps, prevState) {\n  //   const { loadingInfo: prevLoadingInfo } = prevState;\n  //   const { loadingInfo: nextLoadingIndfo } = nextProps;\n  //   return {\n  //     loadingInfo: nextLoadingIndfo,\n  //     isLoadingInfoChange: prevLoadingInfo !== nextLoadingIndfo\n  //   };\n  // }\n\n  // set the root component that is retrieved by PConnectHOC\n  function setRootComponent(configObject) {\n    const { isLoadingInfoChange } = dispatchObjState;\n    if (!isLoadingInfoChange) {\n      root = createElement(createPConnectComponent(), configObject);\n    }\n  }\n\n  // end of functions for use by ViewContainer\n\n  // useEffect on [] -> code that should be run once (as in old constructor and in componentDidMount)\n  useEffect(() => {\n    // This is adapted from the class-based ViewContainer constructor\n    containerMgr.initializeContainers({\n      type: mode === CONTAINER_TYPE.MULTIPLE ? CONTAINER_TYPE.MULTIPLE : CONTAINER_TYPE.SINGLE\n    });\n\n    if (mode === CONTAINER_TYPE.MULTIPLE && limit) {\n      /* NOTE: setContainerLimit use is temporary. It is a non-public, unsupported API. */\n      PCore.getContainerUtils().setContainerLimit(`${APP.APP}/${name}`, limit);\n    }\n\n    const dispatchObject = prepareDispatchObject();\n    setDispatchObjState({\n      dispatchObject,\n      // PCore is defined in pxBootstrapShell - eventually will be exported in place of constellationCore\n      visible: !PCore.checkIfSemanticURL(),\n      loadingInfo,\n      isLoadingInfoChange: false\n    });\n\n    const { visible } = dispatchObjState;\n    if (visible) containerMgr.addContainerItem(dispatchObject);\n\n    // This is adapted from the class-based ViewContainer componentDidMount\n    let objectForAddContainer;\n    if (PCore.checkIfSemanticURL()) {\n      objectForAddContainer = prepareDispatchObject();\n    } else {\n      const { dispatchObject: theDispatchObject } = dispatchObjState;\n      objectForAddContainer = theDispatchObject;\n    }\n\n    // Getting default view label\n    const navPages = pConn.getValue('pyPortal.pyPrimaryNavPages', ''); // 2nd arg empty string until typedefs allow optional\n    const defaultViewLabel = Array.isArray(navPages) && navPages[0] ? navPages[0].pyLabel : '';\n    // TODO: Plan is to rename window.constellationCore to window.pega (or similar)\n    //    And expose less via ui-bootstrap.js\n    // PCore is defined in pxBootstrapShell - eventually will be exported in place of constellationCore\n\n    if (!displayOnlyFA) {\n      // configureForBrowserBookmark not applicable in Embedded mode\n      PCore.configureForBrowserBookmark({\n        ...objectForAddContainer,\n        defaultViewLabel\n      });\n    }\n  }, []);\n\n  // This code (that's run every time the ViewContainer is called) is adapted from the class-based ViewContainer's render\n\n  // Looking for routingInfo\n\n  // debugging/investigation help\n  // console.log(`ViewContainer props: ${JSON.stringify(props)}`);\n\n  const theBuildName = buildName();\n  const { CREATE_DETAILS_VIEW_NAME } = PCore.getConstants();\n  if (routingInfo) {\n    const { accessedOrder, items } = routingInfo;\n    if (accessedOrder && items) {\n      const key = accessedOrder[accessedOrder.length - 1];\n      let componentVisible = accessedOrder.length > 0;\n      const { visible } = dispatchObjState;\n      componentVisible = visible || componentVisible;\n      if (items[key] && items[key].view && !isEmptyObject(items[key].view)) {\n        const latestItem = items[key];\n        const rootView = latestItem.view;\n        const { context, name: viewName } = rootView.config;\n        const config: any = { meta: rootView };\n        config.options = {\n          context: latestItem.context,\n          pageReference: context || getPConnect().getPageReference(),\n          containerName: getPConnect().getContainerName(),\n          containerItemName: key,\n          hasForm: viewName === CREATE_DETAILS_VIEW_NAME\n        };\n        const configObject: any = PCore.createPConnect(config);\n\n        // Add in displayOnlyFA if prop is on ViewContainer\n        if (displayOnlyFA) {\n          configObject.displayOnlyFA = true;\n        }\n\n        setRootComponent(configObject);\n        return (\n          <React.Fragment key={theBuildName}>\n            {componentVisible && root}\n            {loadingInfo && (\n              <Box textAlign='center'>\n                <CircularProgress />\n              </Box>\n            )}\n          </React.Fragment>\n        );\n      }\n    }\n  }\n\n  // fall through return if insufficient routingInfo\n  return (\n    <React.Fragment key={theBuildName}>\n      {loadingInfo && (\n        <Box textAlign='center'>\n          <CircularProgress />\n        </Box>\n      )}\n    </React.Fragment>\n  );\n}\n"]}
+{"version":3,"file":"ViewContainer.js","sourceRoot":"","sources":["../../../../../src/components/infra/Containers/ViewContainer/ViewContainer.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { createElement, useContext, useEffect, useState } from 'react';\nimport { Box, CircularProgress } from '@mui/material';\n\nimport createPConnectComponent from '../../../../bridge/react_pconnect';\nimport StoreContext from '../../../../bridge/Context/StoreContext';\nimport { isEmptyObject } from '../../../helpers/common-utils';\nimport { PConnProps } from '../../../../types/PConnProps';\n\ninterface ViewContainerProps extends PConnProps {\n  // If any, enter additional props that only exist on this component\n  name?: string;\n  loadingInfo?: any; // can't be boolean until setDispatchObjState expects loadingInfo to be type null\n  routingInfo?: any;\n  mode?: string;\n  limit?: number;\n}\n\n// ViewContainer can emit View\n// import View from '../View';\n\n//\n// WARNING:  It is not expected that this file should be modified.  It is part of infrastructure code that works with\n// Redux and creation/update of Redux containers and PConnect.  Modifying this code could have undesireable results and\n// is totally at your own risk.\n//\n\nexport default function ViewContainer(props: ViewContainerProps) {\n  // const { getPConnect, children, routingInfo, name } = props;\n  const { getPConnect, name = '', mode = 'single', limit = 16, loadingInfo = false, routingInfo = null } = props;\n\n  const { displayOnlyFA } = useContext<any>(StoreContext);\n\n  const { CONTAINER_TYPE, APP } = PCore.getConstants();\n  const pConn = getPConnect();\n  const containerMgr: any = pConn.getContainerManager();\n\n  const [dispatchObjState, setDispatchObjState] = useState({\n    dispatchObject: { semanticURL: '', context: '', acName: '' },\n    visible: false,\n    loadingInfo: null,\n    isLoadingInfoChange: false\n  }); // was this.state in class-based ViewContainer avoiding use of just \"state\" as the name\n\n  let root;\n\n  const thePConn = typeof getPConnect === 'function' ? getPConnect() : null;\n\n  // beginning of functions for use by ViewContainer\n\n  function buildName() {\n    const context = thePConn?.getContextName();\n    let viewContainerName = name;\n    if (!viewContainerName) viewContainerName = '';\n    return `${context?.toUpperCase()}/${viewContainerName.toUpperCase()}`;\n  }\n\n  function prepareDispatchObject() {\n    const baseContext = pConn.getContextName();\n    // const { acName = \"primary\" } = pConn.getContainerName(); // doesn't work with 8.23 typings\n    let acName = pConn.getContainerName();\n    if (!acName) {\n      acName = 'primary';\n    }\n\n    return {\n      semanticURL: '',\n      context: baseContext,\n      acName\n    };\n  }\n\n  // determine if or not loadingInfo prop changed on next re-render\n  // function getDerivedStateFromProps(nextProps, prevState) {\n  //   const { loadingInfo: prevLoadingInfo } = prevState;\n  //   const { loadingInfo: nextLoadingIndfo } = nextProps;\n  //   return {\n  //     loadingInfo: nextLoadingIndfo,\n  //     isLoadingInfoChange: prevLoadingInfo !== nextLoadingIndfo\n  //   };\n  // }\n\n  // set the root component that is retrieved by PConnectHOC\n  function setRootComponent(configObject) {\n    const { isLoadingInfoChange } = dispatchObjState;\n    if (!isLoadingInfoChange) {\n      root = createElement(createPConnectComponent(), configObject);\n    }\n  }\n\n  // end of functions for use by ViewContainer\n\n  // useEffect on [] -> code that should be run once (as in old constructor and in componentDidMount)\n  useEffect(() => {\n    // This is adapted from the class-based ViewContainer constructor\n    containerMgr.initializeContainers({\n      type: mode === CONTAINER_TYPE.MULTIPLE ? CONTAINER_TYPE.MULTIPLE : CONTAINER_TYPE.SINGLE\n    });\n\n    if (mode === CONTAINER_TYPE.MULTIPLE && limit) {\n      /* NOTE: setContainerLimit use is temporary. It is a non-public, unsupported API. */\n      PCore.getContainerUtils().setContainerLimit(`${APP.APP}/${name}`, limit);\n    }\n\n    const dispatchObject = prepareDispatchObject();\n    setDispatchObjState({\n      dispatchObject,\n      // PCore is defined in pxBootstrapShell - eventually will be exported in place of constellationCore\n      visible: !PCore.checkIfSemanticURL(),\n      loadingInfo,\n      isLoadingInfoChange: false\n    });\n\n    const { visible } = dispatchObjState;\n    if (visible) containerMgr.addContainerItem(dispatchObject);\n\n    // This is adapted from the class-based ViewContainer componentDidMount\n    let objectForAddContainer;\n    if (PCore.checkIfSemanticURL()) {\n      objectForAddContainer = prepareDispatchObject();\n    } else {\n      const { dispatchObject: theDispatchObject } = dispatchObjState;\n      objectForAddContainer = theDispatchObject;\n    }\n\n    // Getting default view label\n    const navPages = pConn.getValue('pyPortal.pyPrimaryNavPages', ''); // 2nd arg empty string until typedefs allow optional\n    const defaultViewLabel = Array.isArray(navPages) && navPages[0] ? navPages[0].pyLabel : '';\n    // TODO: Plan is to rename window.constellationCore to window.pega (or similar)\n    //    And expose less via ui-bootstrap.js\n    // PCore is defined in pxBootstrapShell - eventually will be exported in place of constellationCore\n\n    if (!displayOnlyFA) {\n      // configureForBrowserBookmark not applicable in Embedded mode\n      PCore.configureForBrowserBookmark({\n        ...objectForAddContainer,\n        defaultViewLabel\n      });\n    }\n  }, []);\n\n  // This code (that's run every time the ViewContainer is called) is adapted from the class-based ViewContainer's render\n\n  // Looking for routingInfo\n\n  // debugging/investigation help\n  // console.log(`ViewContainer props: ${JSON.stringify(props)}`);\n\n  const theBuildName = buildName();\n  const { CREATE_DETAILS_VIEW_NAME } = PCore.getConstants();\n  if (routingInfo) {\n    const { accessedOrder, items } = routingInfo;\n    if (accessedOrder && items) {\n      const key = accessedOrder[accessedOrder.length - 1];\n      let componentVisible = accessedOrder.length > 0;\n      const { visible } = dispatchObjState;\n      componentVisible = visible || componentVisible;\n      if (items[key] && items[key].view && !isEmptyObject(items[key].view)) {\n        const latestItem = items[key];\n        const rootView = latestItem.view;\n        const { context, name: viewName } = rootView.config;\n        const config: any = { meta: rootView };\n        config.options = {\n          context: latestItem.context,\n          pageReference: context || getPConnect().getPageReference(),\n          containerName: getPConnect().getContainerName(),\n          containerItemName: key,\n          hasForm: viewName === CREATE_DETAILS_VIEW_NAME\n        };\n        const configObject: any = PCore.createPConnect(config);\n\n        // Add in displayOnlyFA if prop is on ViewContainer\n        if (displayOnlyFA) {\n          configObject.displayOnlyFA = true;\n        }\n\n        setRootComponent(configObject);\n        return (\n          <React.Fragment key={theBuildName}>\n            {componentVisible && root}\n            {loadingInfo && (\n              <Box textAlign='center'>\n                <CircularProgress />\n              </Box>\n            )}\n          </React.Fragment>\n        );\n      }\n    }\n  }\n\n  // fall through return if insufficient routingInfo\n  return (\n    <React.Fragment key={theBuildName}>\n      {loadingInfo && (\n        <Box textAlign='center'>\n          <CircularProgress />\n        </Box>\n      )}\n    </React.Fragment>\n  );\n}\n"]}

package/lib/components/infra/Containers/container-helpers.d.ts

@@ -0,0 +1,2 @@
+export declare const isContainerInitialized: (pConnect: any) => boolean | undefined;
+//# sourceMappingURL=container-helpers.d.ts.map

package/lib/components/infra/Containers/container-helpers.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"container-helpers.d.ts","sourceRoot":"","sources":["../../../../src/components/infra/Containers/container-helpers.ts"],"names":[],"mappings":"AACA,eAAO,MAAM,sBAAsB,wCAIlC,CAAC"}

package/lib/components/infra/Containers/{helpers.js → container-helpers.js}

@@ -4,4 +4,4 @@ export const isContainerInitialized = pConnect => {
     const containerName = pConnect.getContainerName();
     return PCore.getContainerUtils().isContainerInitialized(context, containerName);
 };
-//# sourceMappingURL=helpers.js.map
+//# sourceMappingURL=container-helpers.js.map

package/lib/components/infra/Containers/container-helpers.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"container-helpers.js","sourceRoot":"","sources":["../../../../src/components/infra/Containers/container-helpers.ts"],"names":[],"mappings":"AAAA,wDAAwD;AACxD,MAAM,CAAC,MAAM,sBAAsB,GAAG,QAAQ,CAAC,EAAE;IAC/C,MAAM,OAAO,GAAG,QAAQ,CAAC,cAAc,EAAE,CAAC;IAC1C,MAAM,aAAa,GAAG,QAAQ,CAAC,gBAAgB,EAAE,CAAC;IAClD,OAAO,KAAK,CAAC,iBAAiB,EAAE,CAAC,sBAAsB,CAAC,OAAO,EAAE,aAAa,CAAC,CAAC;AAClF,CAAC,CAAC","sourcesContent":["// eslint-disable-next-line import/prefer-default-export\nexport const isContainerInitialized = pConnect => {\n  const context = pConnect.getContextName();\n  const containerName = pConnect.getContainerName();\n  return PCore.getContainerUtils().isContainerInitialized(context, containerName);\n};\n"]}

package/lib/components/infra/DashboardFilter/DashboardFilter.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DashboardFilter.d.ts","sourceRoot":"","sources":["../../../../src/components/infra/DashboardFilter/DashboardFilter.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAc,iBAAiB,EAA+B,MAAM,OAAO,CAAC;AAOnF,OAAO,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAC;AAEvD,OAAO,4CAA4C,CAAC;AAEpD,UAAU,oBAAqB,SAAQ,UAAU;IAE/C,IAAI,EAAE,MAAM,CAAC;IACb,UAAU,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,GAAG,CAAC;CAChB;AAED,MAAM,CAAC,OAAO,UAAU,eAAe,CAAC,KAAK,EAAE,iBAAiB,CAAC,oBAAoB,CAAC,2CAqIrF"}
+{"version":3,"file":"DashboardFilter.d.ts","sourceRoot":"","sources":["../../../../src/components/infra/DashboardFilter/DashboardFilter.tsx"],"names":[],"mappings":"AACA,OAAO,EAAc,iBAAiB,EAA+B,MAAM,OAAO,CAAC;AAMnF,OAAO,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAC;AAEvD,OAAO,4CAA4C,CAAC;AAEpD,UAAU,oBAAqB,SAAQ,UAAU;IAE/C,IAAI,EAAE,MAAM,CAAC;IACb,UAAU,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,GAAG,CAAC;CAChB;AAED,MAAM,CAAC,OAAO,UAAU,eAAe,CAAC,KAAK,EAAE,iBAAiB,CAAC,oBAAoB,CAAC,2CAqIrF"}

package/lib/components/infra/DashboardFilter/DashboardFilter.js

@@ -1,16 +1,14 @@
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 /* eslint-disable @typescript-eslint/no-shadow */
-/* eslint-disable operator-assignment */
 import { forwardRef, useEffect, useRef, useState } from 'react';
-import { TextField } from '@material-ui/core';
-import { v4 as uuidv4 } from 'uuid';
+import { TextField } from '@mui/material';
 import { debounce } from 'throttle-debounce';
 import DatePicker from 'react-datepicker';
 import { createFilter, combineFilters, getFormattedDate, getFilterExpression } from './filterUtils';
 import 'react-datepicker/dist/react-datepicker.css';
 export default function DashboardFilter(props) {
-    const { children = [], name, filterProp, type = '', metadata = null, getPConnect } = props;
-    const { current: filterId } = useRef(uuidv4());
+    const { children, name, filterProp, type = '', metadata = null, getPConnect } = props;
+    const { current: filterId } = useRef(crypto.randomUUID());
     const [startDate, setStartDate] = useState(null);
     const [endDate, setEndDate] = useState(null);
     useEffect(() => {
@@ -21,7 +19,7 @@ export default function DashboardFilter(props) {
             else if (type === 'RadioButtons') {
                 const reference = getPConnect().getFullReference() + filterProp;
                 const radList = document.getElementsByName(reference);
-                for (let i = 0; i < radList.length; i = i + 1) {
+                for (let i = 0; i < radList.length; i += 1) {
                     if (radList[i].value === '') {
                         radList[i].checked = true;
                     }

package/lib/components/infra/DashboardFilter/DashboardFilter.js.map

@@ -1 +1 @@
-{"version":3,"file":"DashboardFilter.js","sourceRoot":"","sources":["../../../../src/components/infra/DashboardFilter/DashboardFilter.tsx"],"names":[],"mappings":"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","sourcesContent":["/* eslint-disable @typescript-eslint/no-shadow */\n/* eslint-disable operator-assignment */\nimport { forwardRef, PropsWithChildren, useEffect, useRef, useState } from 'react';\nimport { TextField } from '@material-ui/core';\nimport { v4 as uuidv4 } from 'uuid';\nimport { debounce } from 'throttle-debounce';\nimport DatePicker from 'react-datepicker';\n\nimport { createFilter, combineFilters, getFormattedDate, getFilterExpression } from './filterUtils';\nimport { PConnProps } from '../../../types/PConnProps';\n\nimport 'react-datepicker/dist/react-datepicker.css';\n\ninterface DashboardFilterProps extends PConnProps {\n  // If any, enter additional props that only exist on this component\n  name: string;\n  filterProp: string;\n  type?: string;\n  metadata?: any;\n}\n\nexport default function DashboardFilter(props: PropsWithChildren<DashboardFilterProps>) {\n  const { children = [], name, filterProp, type = '', metadata = null, getPConnect } = props;\n  const { current: filterId } = useRef(uuidv4());\n\n  const [startDate, setStartDate] = useState(null);\n  const [endDate, setEndDate] = useState(null);\n\n  useEffect(() => {\n    PCore.getPubSubUtils().subscribe(\n      PCore.getConstants().PUB_SUB_EVENTS.EVENT_DASHBOARD_FILTER_CLEAR_ALL,\n      () => {\n        if (type === 'Dropdown') {\n          getPConnect().getActionsApi().updateFieldValue(filterProp, '');\n        } else if (type === 'RadioButtons') {\n          const reference = getPConnect().getFullReference() + filterProp;\n          const radList = document.getElementsByName(reference);\n          for (let i = 0; i < radList.length; i = i + 1) {\n            if ((radList[i] as HTMLInputElement).value === '') {\n              (radList[i] as HTMLInputElement).checked = true;\n            } else {\n              (radList[i] as HTMLInputElement).checked = false;\n            }\n          }\n        } else {\n          getPConnect().getActionsApi().updateFieldValue(filterProp, undefined);\n          if (type === 'DateTime') {\n            setStartDate(null);\n            setEndDate(null);\n          }\n        }\n      },\n      filterId,\n      false,\n      getPConnect().getContextName()\n    );\n    return function cleanup() {\n      PCore.getPubSubUtils().unsubscribe(\n        PCore.getConstants().PUB_SUB_EVENTS.EVENT_DASHBOARD_FILTER_CLEAR_ALL,\n        filterId,\n        getPConnect().getContextName()\n      );\n    };\n  });\n\n  const fireFilterChange = filterValue => {\n    const filterData = {\n      filterId,\n      filterExpression: getFilterExpression(filterValue, name, metadata)\n    };\n\n    PCore.getPubSubUtils().publish(PCore.getConstants().PUB_SUB_EVENTS.EVENT_DASHBOARD_FILTER_CHANGE, filterData);\n  };\n\n  const fireFilterChangeDebounced = debounce(500, fireFilterChange);\n  const dateRangeChangeHandler = value => {\n    const { start, end } = value;\n\n    let startDate = getFormattedDate(start);\n    let endDate = getFormattedDate(end);\n\n    if (startDate && endDate) {\n      startDate = `${startDate}T00:00:00`;\n      endDate = `${endDate}T00:00:00`;\n      const startFilter = createFilter(startDate, name, 'GT');\n      const endFilter = createFilter(endDate, name, 'LT');\n\n      const filterData = {\n        filterId,\n        filterExpression: combineFilters([startFilter, endFilter], null)\n      };\n      PCore.getPubSubUtils().publish(PCore.getConstants().PUB_SUB_EVENTS.EVENT_DASHBOARD_FILTER_CHANGE, filterData);\n    }\n  };\n\n  const renderAutoComplete = () => {\n    metadata.config.onRecordChange = e => {\n      fireFilterChange(e.id);\n    };\n    return getPConnect().createComponent(metadata, '', 0, {}); // 2nd, 3rd, and 4th args empty string/object/null until typedef marked correctly as optional);\n  };\n\n  const onChange = dates => {\n    const [start, end] = dates;\n    setStartDate(start);\n    setEndDate(end);\n    dateRangeChangeHandler({ start, end });\n  };\n\n  type TextProps = React.HTMLProps<HTMLInputElement>;\n\n  const label = metadata.config.label.substring(3);\n\n  // eslint-disable-next-line react/no-unstable-nested-components\n  const CustomDateInput = forwardRef<HTMLInputElement, TextProps>(({ value, onClick }, ref: any) => (\n    <TextField label={label} variant='outlined' fullWidth value={value} size='small' onClick={onClick} ref={ref}>\n      {value}\n    </TextField>\n  ));\n\n  return (\n    <>\n      {type === 'DateTime' && (\n        <DatePicker\n          onChange={onChange}\n          startDate={startDate}\n          endDate={endDate}\n          selectsRange\n          enableTabLoop={false}\n          customInput={<CustomDateInput />}\n        />\n      )}\n      {type === 'AutoComplete' && (\n        <span\n          onChange={event => {\n            if (event && event.target && !(event.target as HTMLInputElement).value) {\n              fireFilterChange('ALL');\n            }\n          }}\n        >\n          {renderAutoComplete()}\n        </span>\n      )}\n      {children && (\n        <span\n          onChange={event => {\n            fireFilterChangeDebounced((event.target as HTMLInputElement).value);\n          }}\n        >\n          {children}\n        </span>\n      )}\n    </>\n  );\n}\n"]}
+{"version":3,"file":"DashboardFilter.js","sourceRoot":"","sources":["../../../../src/components/infra/DashboardFilter/DashboardFilter.tsx"],"names":[],"mappings":"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","sourcesContent":["/* eslint-disable @typescript-eslint/no-shadow */\nimport { forwardRef, PropsWithChildren, useEffect, useRef, useState } from 'react';\nimport { TextField } from '@mui/material';\nimport { debounce } from 'throttle-debounce';\nimport DatePicker from 'react-datepicker';\n\nimport { createFilter, combineFilters, getFormattedDate, getFilterExpression } from './filterUtils';\nimport { PConnProps } from '../../../types/PConnProps';\n\nimport 'react-datepicker/dist/react-datepicker.css';\n\ninterface DashboardFilterProps extends PConnProps {\n  // If any, enter additional props that only exist on this component\n  name: string;\n  filterProp: string;\n  type?: string;\n  metadata?: any;\n}\n\nexport default function DashboardFilter(props: PropsWithChildren<DashboardFilterProps>) {\n  const { children, name, filterProp, type = '', metadata = null, getPConnect } = props;\n  const { current: filterId } = useRef(crypto.randomUUID());\n\n  const [startDate, setStartDate] = useState(null);\n  const [endDate, setEndDate] = useState(null);\n\n  useEffect(() => {\n    PCore.getPubSubUtils().subscribe(\n      PCore.getConstants().PUB_SUB_EVENTS.EVENT_DASHBOARD_FILTER_CLEAR_ALL,\n      () => {\n        if (type === 'Dropdown') {\n          getPConnect().getActionsApi().updateFieldValue(filterProp, '');\n        } else if (type === 'RadioButtons') {\n          const reference = getPConnect().getFullReference() + filterProp;\n          const radList = document.getElementsByName(reference);\n          for (let i = 0; i < radList.length; i += 1) {\n            if ((radList[i] as HTMLInputElement).value === '') {\n              (radList[i] as HTMLInputElement).checked = true;\n            } else {\n              (radList[i] as HTMLInputElement).checked = false;\n            }\n          }\n        } else {\n          getPConnect().getActionsApi().updateFieldValue(filterProp, undefined);\n          if (type === 'DateTime') {\n            setStartDate(null);\n            setEndDate(null);\n          }\n        }\n      },\n      filterId,\n      false,\n      getPConnect().getContextName()\n    );\n    return function cleanup() {\n      PCore.getPubSubUtils().unsubscribe(\n        PCore.getConstants().PUB_SUB_EVENTS.EVENT_DASHBOARD_FILTER_CLEAR_ALL,\n        filterId,\n        getPConnect().getContextName()\n      );\n    };\n  });\n\n  const fireFilterChange = filterValue => {\n    const filterData = {\n      filterId,\n      filterExpression: getFilterExpression(filterValue, name, metadata)\n    };\n\n    PCore.getPubSubUtils().publish(PCore.getConstants().PUB_SUB_EVENTS.EVENT_DASHBOARD_FILTER_CHANGE, filterData);\n  };\n\n  const fireFilterChangeDebounced = debounce(500, fireFilterChange);\n  const dateRangeChangeHandler = value => {\n    const { start, end } = value;\n\n    let startDate = getFormattedDate(start);\n    let endDate = getFormattedDate(end);\n\n    if (startDate && endDate) {\n      startDate = `${startDate}T00:00:00`;\n      endDate = `${endDate}T00:00:00`;\n      const startFilter = createFilter(startDate, name, 'GT');\n      const endFilter = createFilter(endDate, name, 'LT');\n\n      const filterData = {\n        filterId,\n        filterExpression: combineFilters([startFilter, endFilter], null)\n      };\n      PCore.getPubSubUtils().publish(PCore.getConstants().PUB_SUB_EVENTS.EVENT_DASHBOARD_FILTER_CHANGE, filterData);\n    }\n  };\n\n  const renderAutoComplete = () => {\n    metadata.config.onRecordChange = e => {\n      fireFilterChange(e.id);\n    };\n    return getPConnect().createComponent(metadata, '', 0, {}); // 2nd, 3rd, and 4th args empty string/object/null until typedef marked correctly as optional);\n  };\n\n  const onChange = dates => {\n    const [start, end] = dates;\n    setStartDate(start);\n    setEndDate(end);\n    dateRangeChangeHandler({ start, end });\n  };\n\n  type TextProps = React.HTMLProps<HTMLInputElement>;\n\n  const label = metadata.config.label.substring(3);\n\n  // eslint-disable-next-line react/no-unstable-nested-components\n  const CustomDateInput = forwardRef<HTMLInputElement, TextProps>(({ value, onClick }, ref: any) => (\n    <TextField label={label} variant='outlined' fullWidth value={value} size='small' onClick={onClick} ref={ref}>\n      {value}\n    </TextField>\n  ));\n\n  return (\n    <>\n      {type === 'DateTime' && (\n        <DatePicker\n          onChange={onChange}\n          startDate={startDate}\n          endDate={endDate}\n          selectsRange\n          enableTabLoop={false}\n          customInput={<CustomDateInput />}\n        />\n      )}\n      {type === 'AutoComplete' && (\n        <span\n          onChange={event => {\n            if (event && event.target && !(event.target as HTMLInputElement).value) {\n              fireFilterChange('ALL');\n            }\n          }}\n        >\n          {renderAutoComplete()}\n        </span>\n      )}\n      {children && (\n        <span\n          onChange={event => {\n            fireFilterChangeDebounced((event.target as HTMLInputElement).value);\n          }}\n        >\n          {children}\n        </span>\n      )}\n    </>\n  );\n}\n"]}

package/lib/components/infra/DashboardFilter/filterUtils.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"filterUtils.d.ts","sourceRoot":"","sources":["../../../../src/components/infra/DashboardFilter/filterUtils.tsx"],"names":[],"mappings":"AACA,6HAA6H;AAM7H,eAAO,MAAM,YAAY;;;;;;;;;;CAYxB,CAAC;AAEF,eAAO,MAAM,cAAc,gDAiB1B,CAAC;AAEF,eAAO,MAAM,qBAAqB,4FAkCjC,CAAC;AAEF,eAAO,MAAM,qBAAqB,4CAkBjC,CAAC;AAEF,eAAO,MAAM,gBAAgB,qBAG5B,CAAC;AAEF,eAAO,MAAM,mBAAmB;;;;;;;;;;QAuB/B,CAAC;AAEF;;;GAGG;AACH,wBAAgB,uBAAuB,CAAC,UAAU,KAAA,OAsBjD;AAED,eAAO,MAAM,gBAAgB,oBAK5B,CAAC"}
+{"version":3,"file":"filterUtils.d.ts","sourceRoot":"","sources":["../../../../src/components/infra/DashboardFilter/filterUtils.tsx"],"names":[],"mappings":"AACA,6HAA6H;AAM7H,eAAO,MAAM,YAAY;;;;;;;;;;CAYxB,CAAC;AAEF,eAAO,MAAM,cAAc,gDAiB1B,CAAC;AAEF,eAAO,MAAM,qBAAqB,4FAiCjC,CAAC;AAEF,eAAO,MAAM,qBAAqB,4CAkBjC,CAAC;AAEF,eAAO,MAAM,gBAAgB,qBAG5B,CAAC;AAEF,eAAO,MAAM,mBAAmB;;;;;;;;;;QAuB/B,CAAC;AAEF;;;GAGG;AACH,wBAAgB,uBAAuB,CAAC,UAAU,KAAA,OAsBjD;AAED,eAAO,MAAM,gBAAgB,oBAK5B,CAAC"}

package/lib/components/infra/DashboardFilter/filterUtils.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 /* eslint-disable prefer-template */
 /** This file contains various utility methods to generate filter components, regionLayout data, filter expressions, etc.  */
-import { Grid, Link } from '@material-ui/core';
+import { Grid, Link } from '@mui/material';
 import DashboardFilter from './DashboardFilter';
 export const createFilter = (value, fieldId, comparator = 'EQ') => {
     return {
@@ -39,7 +39,6 @@ export const createFilterComponent = (getPConnect, filterMeta, index) => {
     }
     let propInfo = PCore.getMetadataUtils().getPropertyMetadata(cleanedName, filterMeta.config.ruleClass);
     if (!propInfo) {
-        // @ts-ignore - PCore.getMetadataUtils().getPropertyMetadata - An argument for 'currentClassID' was not provided.
         propInfo = PCore.getMetadataUtils().getPropertyMetadata(cleanedName);
     }
     const { type: propertyType } = propInfo || { type: 'Text' };
@@ -65,10 +64,9 @@ export const createFilterComponent = (getPConnect, filterMeta, index) => {
 export const buildFilterComponents = (getPConnect, allFilters) => {
     const filterComponents = allFilters.children.map((filter, index) => createFilterComponent(getPConnect, filter, index));
     if (filterComponents && filterComponents.length > 0) {
-        filterComponents.push(_jsx(Grid, { children: _jsx(Link, { style: { cursor: 'pointer' }, onClick: () => {
-                    // @ts-ignore - second parameter “payload” for publish method should be optional
+        filterComponents.push(_jsx(Grid, { style: { display: 'flex', alignItems: 'center' }, children: _jsx(Link, { style: { cursor: 'pointer' }, onClick: () => {
                     PCore.getPubSubUtils().publish(PCore.getConstants().PUB_SUB_EVENTS.EVENT_DASHBOARD_FILTER_CLEAR_ALL);
-                }, children: "Clear All" }) }));
+                }, underline: 'hover', children: "Clear All" }) }));
     }
     return filterComponents;
 };

package/lib/components/infra/DashboardFilter/filterUtils.js.map

@@ -1 +1 @@
-{"version":3,"file":"filterUtils.js","sourceRoot":"","sources":["../../../../src/components/infra/DashboardFilter/filterUtils.tsx"],"names":[],"mappings":"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","sourcesContent":["/* eslint-disable prefer-template */\n/** This file contains various utility methods to generate filter components, regionLayout data, filter expressions, etc.  */\n\nimport { Grid, Link } from '@material-ui/core';\n\nimport DashboardFilter from './DashboardFilter';\n\nexport const createFilter = (value, fieldId, comparator = 'EQ') => {\n  return {\n    condition: {\n      lhs: {\n        field: fieldId\n      },\n      comparator,\n      rhs: {\n        value\n      }\n    }\n  };\n};\n\nexport const combineFilters = (filterList, existingFilters) => {\n  if (filterList && filterList.length) {\n    // Need to combine them\n    if (existingFilters) {\n      return { AND: [existingFilters, ...filterList] };\n    }\n\n    // No existing, just return the one(s) from the list\n    if (filterList.length > 1) {\n      return { AND: [...filterList] };\n    }\n\n    return filterList[0];\n  }\n\n  // No filter list,\n  return existingFilters;\n};\n\nexport const createFilterComponent = (getPConnect, filterMeta, index) => {\n  const name = filterMeta.config.value.substring(4);\n  let cleanedName = name;\n  if (name.indexOf('.') !== -1) {\n    cleanedName = name.substring(name.indexOf('.') + 1);\n  }\n  let propInfo: any = PCore.getMetadataUtils().getPropertyMetadata(cleanedName, filterMeta.config.ruleClass);\n  if (!propInfo) {\n    // @ts-ignore - PCore.getMetadataUtils().getPropertyMetadata - An argument for 'currentClassID' was not provided.\n    propInfo = PCore.getMetadataUtils().getPropertyMetadata(cleanedName);\n  }\n  const { type: propertyType } = propInfo || { type: 'Text' };\n  const isNumber = propertyType && (propertyType === 'Decimal' || propertyType === 'Integer');\n  filterMeta.isNumber = isNumber;\n  const { filterType, datasource } = filterMeta.config;\n  const type = filterType || filterMeta.type;\n  const filterProp = `.pyDashboardFilter${index}`;\n  if (type === 'DateTime') {\n    return <DashboardFilter key={name} getPConnect={getPConnect} name={name} filterProp={filterProp} metadata={filterMeta} type={filterMeta.type} />;\n  }\n  if (datasource && datasource.fields) {\n    datasource.fields.key = datasource.fields.value;\n  }\n  if (filterMeta.config.listType === 'associated' && propInfo && propInfo.datasource) {\n    filterMeta.config.datasource = propInfo.datasource.records;\n  }\n  filterMeta.config.value = `@P ${filterProp}`;\n  filterMeta.type = filterMeta.config.displayAs || type;\n  filterMeta.config.placeholder = 'ALL';\n  return (\n    <DashboardFilter key={name} getPConnect={getPConnect} name={name} filterProp={filterProp} metadata={filterMeta} type={filterMeta.type}>\n      {getPConnect().createComponent(filterMeta, '', '', {})}\n    </DashboardFilter>\n  );\n};\n\nexport const buildFilterComponents = (getPConnect, allFilters) => {\n  const filterComponents = allFilters.children.map((filter, index) => createFilterComponent(getPConnect, filter, index));\n  if (filterComponents && filterComponents.length > 0) {\n    filterComponents.push(\n      <Grid>\n        <Link\n          style={{ cursor: 'pointer' }}\n          onClick={() => {\n            // @ts-ignore - second parameter “payload” for publish method should be optional\n            PCore.getPubSubUtils().publish(PCore.getConstants().PUB_SUB_EVENTS.EVENT_DASHBOARD_FILTER_CLEAR_ALL);\n          }}\n        >\n          Clear All\n        </Link>\n      </Grid>\n    );\n  }\n  return filterComponents;\n};\n\nexport const convertDateToGMT = value => {\n  const { valueAsISOString: date } = value;\n  return date ? date.substring(0, date.indexOf('T')) : date;\n};\n\nexport const getFilterExpression = (filterValue, name, metadata) => {\n  if (filterValue === '') {\n    return null;\n  }\n  let comparator = 'EQ';\n  if (metadata.type === 'TextInput' && !metadata.isNumber) {\n    comparator = 'CONTAINS';\n  }\n\n  if (metadata.config.filterType && metadata.config.filterType === 'RelativeDates') {\n    const fieldSource = metadata.config.datasource.filter(source => source.key === filterValue)[0];\n    const relativeDateExpression = JSON.parse(fieldSource.json);\n    // eslint-disable-next-line @typescript-eslint/no-unused-vars\n    const fields = [\n      {\n        name: relativeDateExpression.condition.lhs.field,\n        type: 'DATE_TIME'\n      }\n    ];\n    return '';\n  }\n\n  return createFilter(filterValue, name, comparator);\n};\n\n/**\n * Returns ConfigurableLayout mapped content. With pre-populated default layout configs.\n * @returns {object[]} ConfigurableLayout content.\n */\nexport function getLayoutDataFromRegion(regionData) {\n  const defaultLayoutConfig = {\n    width: 'full',\n    fillAvailable: true,\n    minWidth: [300, 'px']\n  };\n\n  return regionData.props\n    ?.getPConnect()\n    ?.getChildren()\n    ?.map((item, index) => {\n      const itemPConnect = item?.getPConnect();\n\n      return {\n        id: itemPConnect?.getComponentName() ? `${itemPConnect.getComponentName()}--${index}` : `item--${index}`,\n        content: itemPConnect?.getComponent(),\n        layoutConfig: {\n          ...defaultLayoutConfig,\n          ...itemPConnect?.getConfigProps().layoutConfig\n        }\n      };\n    });\n}\n\nexport const getFormattedDate = date => {\n  if (!date) {\n    return date;\n  }\n  return `${date.getFullYear()}-${('0' + (date.getMonth() + 1)).slice(-2)}-${('0' + date.getDate()).slice(-2)}`;\n};\n"]}
+{"version":3,"file":"filterUtils.js","sourceRoot":"","sources":["../../../../src/components/infra/DashboardFilter/filterUtils.tsx"],"names":[],"mappings":"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","sourcesContent":["/* eslint-disable prefer-template */\n/** This file contains various utility methods to generate filter components, regionLayout data, filter expressions, etc.  */\n\nimport { Grid, Link } from '@mui/material';\n\nimport DashboardFilter from './DashboardFilter';\n\nexport const createFilter = (value, fieldId, comparator = 'EQ') => {\n  return {\n    condition: {\n      lhs: {\n        field: fieldId\n      },\n      comparator,\n      rhs: {\n        value\n      }\n    }\n  };\n};\n\nexport const combineFilters = (filterList, existingFilters) => {\n  if (filterList && filterList.length) {\n    // Need to combine them\n    if (existingFilters) {\n      return { AND: [existingFilters, ...filterList] };\n    }\n\n    // No existing, just return the one(s) from the list\n    if (filterList.length > 1) {\n      return { AND: [...filterList] };\n    }\n\n    return filterList[0];\n  }\n\n  // No filter list,\n  return existingFilters;\n};\n\nexport const createFilterComponent = (getPConnect, filterMeta, index) => {\n  const name = filterMeta.config.value.substring(4);\n  let cleanedName = name;\n  if (name.indexOf('.') !== -1) {\n    cleanedName = name.substring(name.indexOf('.') + 1);\n  }\n  let propInfo: any = PCore.getMetadataUtils().getPropertyMetadata(cleanedName, filterMeta.config.ruleClass);\n  if (!propInfo) {\n    propInfo = PCore.getMetadataUtils().getPropertyMetadata(cleanedName);\n  }\n  const { type: propertyType } = propInfo || { type: 'Text' };\n  const isNumber = propertyType && (propertyType === 'Decimal' || propertyType === 'Integer');\n  filterMeta.isNumber = isNumber;\n  const { filterType, datasource } = filterMeta.config;\n  const type = filterType || filterMeta.type;\n  const filterProp = `.pyDashboardFilter${index}`;\n  if (type === 'DateTime') {\n    return <DashboardFilter key={name} getPConnect={getPConnect} name={name} filterProp={filterProp} metadata={filterMeta} type={filterMeta.type} />;\n  }\n  if (datasource && datasource.fields) {\n    datasource.fields.key = datasource.fields.value;\n  }\n  if (filterMeta.config.listType === 'associated' && propInfo && propInfo.datasource) {\n    filterMeta.config.datasource = propInfo.datasource.records;\n  }\n  filterMeta.config.value = `@P ${filterProp}`;\n  filterMeta.type = filterMeta.config.displayAs || type;\n  filterMeta.config.placeholder = 'ALL';\n  return (\n    <DashboardFilter key={name} getPConnect={getPConnect} name={name} filterProp={filterProp} metadata={filterMeta} type={filterMeta.type}>\n      {getPConnect().createComponent(filterMeta, '', '', {})}\n    </DashboardFilter>\n  );\n};\n\nexport const buildFilterComponents = (getPConnect, allFilters) => {\n  const filterComponents = allFilters.children.map((filter, index) => createFilterComponent(getPConnect, filter, index));\n  if (filterComponents && filterComponents.length > 0) {\n    filterComponents.push(\n      <Grid style={{ display: 'flex', alignItems: 'center' }}>\n        <Link\n          style={{ cursor: 'pointer' }}\n          onClick={() => {\n            PCore.getPubSubUtils().publish(PCore.getConstants().PUB_SUB_EVENTS.EVENT_DASHBOARD_FILTER_CLEAR_ALL);\n          }}\n          underline='hover'\n        >\n          Clear All\n        </Link>\n      </Grid>\n    );\n  }\n  return filterComponents;\n};\n\nexport const convertDateToGMT = value => {\n  const { valueAsISOString: date } = value;\n  return date ? date.substring(0, date.indexOf('T')) : date;\n};\n\nexport const getFilterExpression = (filterValue, name, metadata) => {\n  if (filterValue === '') {\n    return null;\n  }\n  let comparator = 'EQ';\n  if (metadata.type === 'TextInput' && !metadata.isNumber) {\n    comparator = 'CONTAINS';\n  }\n\n  if (metadata.config.filterType && metadata.config.filterType === 'RelativeDates') {\n    const fieldSource = metadata.config.datasource.filter(source => source.key === filterValue)[0];\n    const relativeDateExpression = JSON.parse(fieldSource.json);\n    // eslint-disable-next-line @typescript-eslint/no-unused-vars\n    const fields = [\n      {\n        name: relativeDateExpression.condition.lhs.field,\n        type: 'DATE_TIME'\n      }\n    ];\n    return '';\n  }\n\n  return createFilter(filterValue, name, comparator);\n};\n\n/**\n * Returns ConfigurableLayout mapped content. With pre-populated default layout configs.\n * @returns {object[]} ConfigurableLayout content.\n */\nexport function getLayoutDataFromRegion(regionData) {\n  const defaultLayoutConfig = {\n    width: 'full',\n    fillAvailable: true,\n    minWidth: [300, 'px']\n  };\n\n  return regionData.props\n    ?.getPConnect()\n    ?.getChildren()\n    ?.map((item, index) => {\n      const itemPConnect = item?.getPConnect();\n\n      return {\n        id: itemPConnect?.getComponentName() ? `${itemPConnect.getComponentName()}--${index}` : `item--${index}`,\n        content: itemPConnect?.getComponent(),\n        layoutConfig: {\n          ...defaultLayoutConfig,\n          ...itemPConnect?.getConfigProps().layoutConfig\n        }\n      };\n    });\n}\n\nexport const getFormattedDate = date => {\n  if (!date) {\n    return date;\n  }\n  return `${date.getFullYear()}-${('0' + (date.getMonth() + 1)).slice(-2)}-${('0' + date.getDate()).slice(-2)}`;\n};\n"]}

package/lib/components/infra/DeferLoad/DeferLoad.d.ts

@@ -4,6 +4,7 @@ interface DeferLoadProps extends PConnProps {
     isChildDeferLoad?: boolean;
     isTab: boolean;
     deferLoadId: string;
+    lastUpdateCaseTime: any;
 }
 export default function DeferLoad(props: DeferLoadProps): any;
 export {};

package/lib/components/infra/DeferLoad/DeferLoad.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DeferLoad.d.ts","sourceRoot":"","sources":["../../../../src/components/infra/DeferLoad/DeferLoad.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAC;AAEvD,UAAU,cAAe,SAAQ,UAAU;IAEzC,IAAI,EAAE,MAAM,CAAC;IACb,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,KAAK,EAAE,OAAO,CAAC;IACf,WAAW,EAAE,MAAM,CAAC;CACrB;AAqBD,MAAM,CAAC,OAAO,UAAU,SAAS,CAAC,KAAK,EAAE,cAAc,OAsItD"}
+{"version":3,"file":"DeferLoad.d.ts","sourceRoot":"","sources":["../../../../src/components/infra/DeferLoad/DeferLoad.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAC;AAEvD,UAAU,cAAe,SAAQ,UAAU;IAEzC,IAAI,EAAE,MAAM,CAAC;IACb,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,KAAK,EAAE,OAAO,CAAC;IACf,WAAW,EAAE,MAAM,CAAC;IACpB,kBAAkB,EAAE,GAAG,CAAC;CACzB;AAqBD,MAAM,CAAC,OAAO,UAAU,SAAS,CAAC,KAAK,EAAE,cAAc,OAqItD"}

package/lib/components/infra/DeferLoad/DeferLoad.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
 import { useState, useEffect, createElement } from 'react';
-import { Box, Card, CircularProgress } from '@material-ui/core';
-import { makeStyles } from '@material-ui/core/styles';
+import { Box, Card, CircularProgress } from '@mui/material';
+import makeStyles from '@mui/styles/makeStyles';
 import createPConnectComponent from '../../../bridge/react_pconnect';
 //
 // WARNING:  It is not expected that this file should be modified.  It is part of infrastructure code that works with
@@ -21,7 +21,7 @@ const useStyles = makeStyles(theme => ({
     }
 }));
 export default function DeferLoad(props) {
-    const { getPConnect, name, deferLoadId, isTab } = props;
+    const { getPConnect, name, deferLoadId, isTab, lastUpdateCaseTime } = props;
     const [content, setContent] = useState(null);
     const [isLoading, setLoading] = useState(true);
     const [currentLoadedAssignment, setCurrentLoadedAssignment] = useState('');
@@ -49,8 +49,8 @@ export default function DeferLoad(props) {
     const getViewOptions = () => ({
         viewContext: resourceType,
         pageClass: loadViewCaseID ? '' : pConnect.getDataObject('').pyPortal.classID,
-        container: isContainerPreview ? 'preview' : null,
-        containerName: isContainerPreview ? 'preview' : null,
+        container: isContainerPreview ? 'preview' : undefined,
+        containerName: isContainerPreview ? 'preview' : undefined,
         updateData: isContainerPreview
     });
     const onResponse = data => {
@@ -67,7 +67,7 @@ export default function DeferLoad(props) {
                 }
             };
             const configObject = PCore.createPConnect(config);
-            configObject.getPConnect().setInheritedProp('displayMode', 'LABELS_LEFT');
+            configObject.getPConnect().setInheritedProp('displayMode', 'DISPLAY_ONLY');
             setContent(createElement(createPConnectComponent(), configObject));
             if (deferLoadId) {
                 PCore.getDeferLoadManager().stop(deferLoadId, getPConnect().getContextName());
@@ -83,7 +83,6 @@ export default function DeferLoad(props) {
                 getPConnect()
                     .getActionsApi()
                     .showData(name, dataContext, dataContextParameters, {
-                    // @ts-ignore - Type 'boolean' is not assignable to type 'string'
                     skipSemanticUrl: true,
                     // @ts-ignore
                     isDeferLoaded: true
@@ -118,7 +117,7 @@ export default function DeferLoad(props) {
                 console.log(`deferload: ${error}`);
             });
         }
-    }, [name, getPConnect, currentLoadedAssignment]);
+    }, [name, getPConnect, currentLoadedAssignment, lastUpdateCaseTime]);
     /* TODO Cosmos need to handle for now added a wrapper div with pos relative */
     let deferLoadContent;
     if (isLoading) {

package/lib/components/infra/DeferLoad/DeferLoad.js.map

@@ -1 +1 @@
-{"version":3,"file":"DeferLoad.js","sourceRoot":"","sources":["../../../../src/components/infra/DeferLoad/DeferLoad.tsx"],"names":[],"mappings":"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","sourcesContent":["import { useState, useEffect, createElement } from 'react';\nimport { Box, Card, CircularProgress } from '@material-ui/core';\nimport { makeStyles } from '@material-ui/core/styles';\n\nimport createPConnectComponent from '../../../bridge/react_pconnect';\n\nimport { PConnProps } from '../../../types/PConnProps';\n\ninterface DeferLoadProps extends PConnProps {\n  // If any, enter additional props that only exist on this component\n  name: string;\n  isChildDeferLoad?: boolean;\n  isTab: boolean;\n  deferLoadId: string;\n}\n\n//\n// WARNING:  It is not expected that this file should be modified.  It is part of infrastructure code that works with\n// Redux and creation/update of Redux containers and PConnect.  Modifying this code could have undesireable results and\n// is totally at your own risk.\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}));\n\nexport default function DeferLoad(props: DeferLoadProps) {\n  const { getPConnect, name, deferLoadId, isTab } = props;\n  const [content, setContent] = useState<any>(null);\n  const [isLoading, setLoading] = useState(true);\n  const [currentLoadedAssignment, setCurrentLoadedAssignment] = useState('');\n\n  const classes = useStyles();\n\n  const pConnect = getPConnect();\n  const constants = PCore.getConstants();\n\n  const theRequestedAssignment = pConnect.getValue(PCore.getConstants().CASE_INFO.ASSIGNMENT_LABEL, ''); // 2nd arg empty string until typedef allows optional\n  if (theRequestedAssignment !== currentLoadedAssignment) {\n    // console.log(`DeferLoad: currentLoadedAssignment about to change from ${currentLoadedAssignment} to ${theRequestedAssignment}`);\n    setCurrentLoadedAssignment(theRequestedAssignment);\n  }\n\n  const { CASE, PAGE, DATA } = constants.RESOURCE_TYPES;\n  const loadViewCaseID = pConnect.getValue(constants.PZINSKEY, '') || pConnect.getValue(constants.CASE_INFO.CASE_INFO_ID, ''); // 2nd arg empty string until typedef allows optional\n  let containerName;\n  let containerItemData;\n  const targetName = pConnect.getTarget();\n  if (targetName) {\n    containerName = PCore.getContainerUtils().getActiveContainerItemName(targetName);\n\n    containerItemData = PCore.getContainerUtils().getContainerItemData(targetName, containerName);\n  }\n\n  const { resourceType = CASE } = containerItemData || {\n    resourceType: loadViewCaseID ? CASE : PAGE\n  };\n  const isContainerPreview = /preview_[0-9]*/g.test(pConnect.getContextName());\n\n  const getViewOptions = () => ({\n    viewContext: resourceType,\n    pageClass: loadViewCaseID ? '' : (pConnect.getDataObject('') as any).pyPortal.classID, // 2nd arg empty string until typedef allows optional\n    container: isContainerPreview ? 'preview' : null,\n    containerName: isContainerPreview ? 'preview' : null,\n    updateData: isContainerPreview\n  });\n\n  const onResponse = data => {\n    setLoading(false);\n    if (deferLoadId) {\n      PCore.getDeferLoadManager().start(\n        name,\n        getPConnect().getCaseInfo().getKey(),\n        getPConnect().getPageReference().replace('caseInfo.content', ''),\n        getPConnect().getContextName(),\n        deferLoadId\n      );\n    }\n\n    if (data && !(data.type && data.type === 'error')) {\n      const config = {\n        meta: data,\n        options: {\n          context: pConnect.getContextName(),\n          pageReference: pConnect.getPageReference()\n        }\n      };\n      const configObject = PCore.createPConnect(config);\n      configObject.getPConnect().setInheritedProp('displayMode', 'LABELS_LEFT');\n      setContent(createElement(createPConnectComponent(), configObject));\n      if (deferLoadId) {\n        PCore.getDeferLoadManager().stop(deferLoadId, getPConnect().getContextName());\n      }\n    }\n  };\n\n  useEffect(() => {\n    if (resourceType === DATA) {\n      // Rendering defer loaded tabs in data context\n      if (containerName) {\n        const dataContext = PCore.getStoreValue('.dataContext', 'dataInfo', containerName);\n        const dataContextParameters = PCore.getStoreValue('.dataContextParameters', 'dataInfo', containerName);\n\n        getPConnect()\n          .getActionsApi()\n          .showData(name, dataContext, dataContextParameters, {\n            // @ts-ignore - Type 'boolean' is not assignable to type 'string'\n            skipSemanticUrl: true,\n            // @ts-ignore\n            isDeferLoaded: true\n          })\n          .then(data => {\n            onResponse(data);\n          });\n      } else {\n        // eslint-disable-next-line no-console\n        console.error('Cannot load the defer loaded view without container information');\n      }\n    } else if (resourceType === PAGE) {\n      // Rendering defer loaded tabs in case/ page context\n      getPConnect()\n        .getActionsApi()\n        .loadView(encodeURI(loadViewCaseID), name, getViewOptions())\n        .then(data => {\n          onResponse(data);\n        });\n    } else {\n      getPConnect()\n        .getActionsApi()\n        .refreshCaseView(encodeURI(loadViewCaseID), name, '') // 3rd arg empty string until typedef allows optional\n        .then((data: any) => {\n          onResponse(data.root);\n        })\n        .catch(error => {\n          // eslint-disable-next-line no-console\n          console.log(`deferload: ${error}`);\n        });\n    }\n  }, [name, getPConnect, currentLoadedAssignment]);\n  /* TODO Cosmos need to handle for now added a wrapper div with pos relative */\n  let deferLoadContent;\n  if (isLoading) {\n    deferLoadContent = (\n      <div style={{ position: 'relative', height: '100px' }}>\n        <Box textAlign='center'>\n          <CircularProgress />\n        </Box>\n      </div>\n    );\n  } else {\n    deferLoadContent = !isTab ? (\n      <div className={classes.root}>{content}</div>\n    ) : (\n      <Card id='DeferLoad' className={classes.root}>\n        <>{content}</>\n      </Card>\n    );\n  }\n\n  return deferLoadContent;\n}\n"]}
+{"version":3,"file":"DeferLoad.js","sourceRoot":"","sources":["../../../../src/components/infra/DeferLoad/DeferLoad.tsx"],"names":[],"mappings":"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","sourcesContent":["import { useState, useEffect, createElement } from 'react';\nimport { Box, Card, CircularProgress } from '@mui/material';\nimport makeStyles from '@mui/styles/makeStyles';\n\nimport createPConnectComponent from '../../../bridge/react_pconnect';\n\nimport { PConnProps } from '../../../types/PConnProps';\n\ninterface DeferLoadProps extends PConnProps {\n  // If any, enter additional props that only exist on this component\n  name: string;\n  isChildDeferLoad?: boolean;\n  isTab: boolean;\n  deferLoadId: string;\n  lastUpdateCaseTime: any;\n}\n\n//\n// WARNING:  It is not expected that this file should be modified.  It is part of infrastructure code that works with\n// Redux and creation/update of Redux containers and PConnect.  Modifying this code could have undesireable results and\n// is totally at your own risk.\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}));\n\nexport default function DeferLoad(props: DeferLoadProps) {\n  const { getPConnect, name, deferLoadId, isTab, lastUpdateCaseTime } = props;\n  const [content, setContent] = useState<any>(null);\n  const [isLoading, setLoading] = useState(true);\n  const [currentLoadedAssignment, setCurrentLoadedAssignment] = useState('');\n\n  const classes = useStyles();\n\n  const pConnect = getPConnect();\n  const constants = PCore.getConstants();\n\n  const theRequestedAssignment = pConnect.getValue(PCore.getConstants().CASE_INFO.ASSIGNMENT_LABEL, ''); // 2nd arg empty string until typedef allows optional\n  if (theRequestedAssignment !== currentLoadedAssignment) {\n    // console.log(`DeferLoad: currentLoadedAssignment about to change from ${currentLoadedAssignment} to ${theRequestedAssignment}`);\n    setCurrentLoadedAssignment(theRequestedAssignment);\n  }\n\n  const { CASE, PAGE, DATA } = constants.RESOURCE_TYPES;\n  const loadViewCaseID = pConnect.getValue(constants.PZINSKEY, '') || pConnect.getValue(constants.CASE_INFO.CASE_INFO_ID, ''); // 2nd arg empty string until typedef allows optional\n  let containerName;\n  let containerItemData;\n  const targetName = pConnect.getTarget();\n  if (targetName) {\n    containerName = PCore.getContainerUtils().getActiveContainerItemName(targetName);\n\n    containerItemData = PCore.getContainerUtils().getContainerItemData(targetName, containerName);\n  }\n\n  const { resourceType = CASE } = containerItemData || {\n    resourceType: loadViewCaseID ? CASE : PAGE\n  };\n  const isContainerPreview = /preview_[0-9]*/g.test(pConnect.getContextName());\n\n  const getViewOptions = () => ({\n    viewContext: resourceType,\n    pageClass: loadViewCaseID ? '' : (pConnect.getDataObject('') as any).pyPortal.classID, // 2nd arg empty string until typedef allows optional\n    container: isContainerPreview ? 'preview' : undefined,\n    containerName: isContainerPreview ? 'preview' : undefined,\n    updateData: isContainerPreview\n  });\n\n  const onResponse = data => {\n    setLoading(false);\n    if (deferLoadId) {\n      PCore.getDeferLoadManager().start(\n        name,\n        getPConnect().getCaseInfo().getKey(),\n        getPConnect().getPageReference().replace('caseInfo.content', ''),\n        getPConnect().getContextName(),\n        deferLoadId\n      );\n    }\n\n    if (data && !(data.type && data.type === 'error')) {\n      const config = {\n        meta: data,\n        options: {\n          context: pConnect.getContextName(),\n          pageReference: pConnect.getPageReference()\n        }\n      };\n      const configObject = PCore.createPConnect(config);\n      configObject.getPConnect().setInheritedProp('displayMode', 'DISPLAY_ONLY');\n      setContent(createElement(createPConnectComponent(), configObject));\n      if (deferLoadId) {\n        PCore.getDeferLoadManager().stop(deferLoadId, getPConnect().getContextName());\n      }\n    }\n  };\n\n  useEffect(() => {\n    if (resourceType === DATA) {\n      // Rendering defer loaded tabs in data context\n      if (containerName) {\n        const dataContext = PCore.getStoreValue('.dataContext', 'dataInfo', containerName);\n        const dataContextParameters = PCore.getStoreValue('.dataContextParameters', 'dataInfo', containerName);\n\n        getPConnect()\n          .getActionsApi()\n          .showData(name, dataContext, dataContextParameters, {\n            skipSemanticUrl: true,\n            // @ts-ignore\n            isDeferLoaded: true\n          })\n          .then(data => {\n            onResponse(data);\n          });\n      } else {\n        // eslint-disable-next-line no-console\n        console.error('Cannot load the defer loaded view without container information');\n      }\n    } else if (resourceType === PAGE) {\n      // Rendering defer loaded tabs in case/ page context\n      getPConnect()\n        .getActionsApi()\n        .loadView(encodeURI(loadViewCaseID), name, getViewOptions())\n        .then(data => {\n          onResponse(data);\n        });\n    } else {\n      getPConnect()\n        .getActionsApi()\n        .refreshCaseView(encodeURI(loadViewCaseID), name, '') // 3rd arg empty string until typedef allows optional\n        .then((data: any) => {\n          onResponse(data.root);\n        })\n        .catch(error => {\n          // eslint-disable-next-line no-console\n          console.log(`deferload: ${error}`);\n        });\n    }\n  }, [name, getPConnect, currentLoadedAssignment, lastUpdateCaseTime]);\n  /* TODO Cosmos need to handle for now added a wrapper div with pos relative */\n  let deferLoadContent;\n  if (isLoading) {\n    deferLoadContent = (\n      <div style={{ position: 'relative', height: '100px' }}>\n        <Box textAlign='center'>\n          <CircularProgress />\n        </Box>\n      </div>\n    );\n  } else {\n    deferLoadContent = !isTab ? (\n      <div className={classes.root}>{content}</div>\n    ) : (\n      <Card id='DeferLoad' className={classes.root}>\n        <>{content}</>\n      </Card>\n    );\n  }\n\n  return deferLoadContent;\n}\n"]}

package/lib/components/infra/MultiStep/MultiStep.d.ts

@@ -6,7 +6,7 @@ interface MultiStepProps extends PConnProps {
     actionButtons: any[];
     onButtonPress: any;
     bIsVertical: boolean;
-    arNavigationSteps: any[];
+    arNavigationSteps: any;
 }
 export default function MultiStep(props: PropsWithChildren<MultiStepProps>): import("react/jsx-runtime").JSX.Element;
 export {};

package/lib/components/infra/MultiStep/MultiStep.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MultiStep.d.ts","sourceRoot":"","sources":["../../../../src/components/infra/MultiStep/MultiStep.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAGjD,OAAO,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAC;AAEvD,OAAO,iBAAiB,CAAC;AAEzB,UAAU,cAAe,SAAQ,UAAU;IAEzC,OAAO,EAAE,MAAM,CAAC;IAChB,aAAa,EAAE,GAAG,EAAE,CAAC;IACrB,aAAa,EAAE,GAAG,CAAC;IACnB,WAAW,EAAE,OAAO,CAAC;IACrB,iBAAiB,EAAE,GAAG,EAAE,CAAC;CAC1B;AAED,MAAM,CAAC,OAAO,UAAU,SAAS,CAAC,KAAK,EAAE,iBAAiB,CAAC,cAAc,CAAC,2CA8KzE"}
+{"version":3,"file":"MultiStep.d.ts","sourceRoot":"","sources":["../../../../src/components/infra/MultiStep/MultiStep.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAGjD,OAAO,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAC;AAEvD,OAAO,iBAAiB,CAAC;AAEzB,UAAU,cAAe,SAAQ,UAAU;IAEzC,OAAO,EAAE,MAAM,CAAC;IAChB,aAAa,EAAE,GAAG,EAAE,CAAC;IACrB,aAAa,EAAE,GAAG,CAAC;IACnB,WAAW,EAAE,OAAO,CAAC;IACrB,iBAAiB,EAAE,GAAG,CAAC;CACxB;AAED,MAAM,CAAC,OAAO,UAAU,SAAS,CAAC,KAAK,EAAE,iBAAiB,CAAC,cAAc,CAAC,2CA+KzE"}

package/lib/components/infra/MultiStep/MultiStep.js

@@ -7,6 +7,11 @@ export default function MultiStep(props) {
     const AssignmentCard = getComponentFromMap('AssignmentCard');
     const { getPConnect, children, itemKey = '', actionButtons, onButtonPress } = props;
     const { bIsVertical, arNavigationSteps } = props;
+    let currentStep = arNavigationSteps.find(({ visited_status: vs }) => vs === 'current');
+    if (!currentStep) {
+        const lastActiveStepIndex = arNavigationSteps.findLastIndex(({ visited_status: vs }) => vs === 'success');
+        currentStep = arNavigationSteps[lastActiveStepIndex >= 0 ? lastActiveStepIndex : 0];
+    }
     // const svgCurrent = Utils.getImageSrc("circle-solid", Utils.getSDKStaticConentUrl());
     // const svgNotCurrent = Utils.getImageSrc("circle-solid", Utils.getSDKStaticConentUrl());
     function _getVIconClass(status) {
@@ -27,24 +32,20 @@ export default function MultiStep(props) {
         }
         return 'psdk-vertical-step-body';
     }
-    function _getHIconClass(status) {
-        if (status === 'current') {
+    function _getHIconClass(step) {
+        if (step.ID === currentStep?.ID) {
             return 'psdk-horizontal-step-icon-selected';
         }
         return 'psdk-horizontal-step-icon';
     }
-    function _getHLabelClass(status) {
-        if (status === 'current') {
+    function _getHLabelClass(step) {
+        if (step.ID === currentStep?.ID) {
             return 'psdk-horizontal-step-label-selected';
         }
         return 'psdk-horizontal-step-label';
     }
     function _showHLine(index) {
-        // eslint-disable-next-line sonarjs/prefer-single-boolean-return
-        if (index < arNavigationSteps.length - 1) {
-            return true;
-        }
-        return false;
+        return index < arNavigationSteps.length - 1;
     }
     function buttonPress(sAction, sButtonType) {
         onButtonPress(sAction, sButtonType);
@@ -57,9 +58,9 @@ export default function MultiStep(props) {
                                             _jsxs("li", { className: 'psdk-sub-step-list', children: [_jsxs("div", { style: { display: 'inline-flex' }, children: [subStep.visited_status === 'current' && _jsx("img", { className: 'psdk-current-svg-icon', src: '{svgCurrent}' }), subStep.visited_status !== 'current' && _jsx("img", { className: 'psdk-not-current-svg-icon', src: '{svgNotCurrent}' }), subStep.visited_status === 'current' && _jsx("label", { className: 'psdk-sub-step-current', children: subStep.name }), subStep.visited_status !== 'current' && _jsx("label", { className: 'psdk-sub-step-not-current', children: subStep.name })] }), subStep.visited_status === 'current' && (_jsx("div", { children: _jsx(AssignmentCard, { getPConnect: getPConnect, itemKey: itemKey, actionButtons: actionButtons, onButtonPress: buttonPress, children: children }) }))] });
                                         }) })), !mainStep?.steps && mainStep.visited_status === 'current' && (_jsx(AssignmentCard, { getPConnect: getPConnect, itemKey: itemKey, actionButtons: actionButtons, onButtonPress: buttonPress, children: children }))] })] }) }, mainStep.actionID));
             }) })) : (_jsxs("div", { className: 'psdk-horizontal-stepper', children: [_jsx("div", { className: 'psdk-horizontal-stepper-header-container', children: arNavigationSteps.map((mainStep, index) => {
-                        return (_jsxs(React.Fragment, { children: [_jsxs("div", { className: 'psdk-horizontal-step-header', children: [_jsx("div", { className: _getHIconClass(mainStep.visited_status), children: _jsx("div", { className: 'psdk-horizontal-step-icon-content', children: _jsx("span", { children: index + 1 }) }) }), _jsx("div", { className: _getHLabelClass(mainStep.visited_status), children: _jsx("div", { className: 'psdk-horizontal-step-text-label', id: 'selected-label', children: mainStep.name }) })] }), _showHLine(index) && _jsx("div", { className: 'psdk-horizontal-step-line' })] }, mainStep.actionID));
+                        return (_jsxs(React.Fragment, { children: [_jsxs("div", { className: 'psdk-horizontal-step-header', children: [_jsx("div", { className: _getHIconClass(mainStep), children: _jsx("div", { className: 'psdk-horizontal-step-icon-content', children: _jsx("span", { children: index + 1 }) }) }), _jsx("div", { className: _getHLabelClass(mainStep), children: _jsx("div", { className: 'psdk-horizontal-step-text-label', id: 'selected-label', children: mainStep.name }) })] }), _showHLine(index) && _jsx("div", { className: 'psdk-horizontal-step-line' })] }, mainStep.actionID));
                     }) }), arNavigationSteps.map(mainStep => {
-                    return (_jsxs(React.Fragment, { children: [mainStep.steps && (_jsx("ul", { style: { paddingInlineStart: '0rem', marginLeft: '35px' }, children: mainStep.steps.map(subStep => (_jsxs("li", { className: 'psdk-sub-step-list', children: [_jsxs("div", { style: { display: 'inline-flex' }, children: [subStep.visited_status === 'current' && _jsx("img", { className: 'psdk-current-svg-icon', src: '{svgCurrent}' }), subStep.visited_status !== 'current' && _jsx("img", { className: 'psdk-not-current-svg-icon', src: '{svgNotCurrent}' }), subStep.visited_status === 'current' && _jsx("label", { className: 'psdk-sub-step-current', children: subStep.name }), subStep.visited_status !== 'current' && _jsx("label", { className: 'psdk-sub-step-not-current', children: subStep.name })] }), subStep.visited_status === 'current' && (_jsx(AssignmentCard, { getPConnect: getPConnect, itemKey: itemKey, actionButtons: actionButtons, onButtonPress: buttonPress, children: children }))] }))) })), !mainStep?.steps && mainStep.visited_status === 'current' && (_jsx(AssignmentCard, { getPConnect: getPConnect, itemKey: itemKey, actionButtons: actionButtons, onButtonPress: buttonPress, children: children }))] }, mainStep.actionID));
+                    return (_jsxs(React.Fragment, { children: [mainStep.steps && (_jsx("ul", { style: { paddingInlineStart: '0rem', marginLeft: '35px' }, children: mainStep.steps.map(subStep => (_jsxs("li", { className: 'psdk-sub-step-list', children: [_jsxs("div", { style: { display: 'inline-flex' }, children: [subStep.visited_status === 'current' && _jsx("img", { className: 'psdk-current-svg-icon', src: '{svgCurrent}' }), subStep.visited_status !== 'current' && _jsx("img", { className: 'psdk-not-current-svg-icon', src: '{svgNotCurrent}' }), subStep.visited_status === 'current' && _jsx("label", { className: 'psdk-sub-step-current', children: subStep.name }), subStep.visited_status !== 'current' && _jsx("label", { className: 'psdk-sub-step-not-current', children: subStep.name })] }), subStep.visited_status === 'current' && (_jsx(AssignmentCard, { getPConnect: getPConnect, itemKey: itemKey, actionButtons: actionButtons, onButtonPress: buttonPress, children: children }))] }))) })), !mainStep?.steps && mainStep.ID === currentStep?.ID && (_jsx(AssignmentCard, { getPConnect: getPConnect, itemKey: itemKey, actionButtons: actionButtons, onButtonPress: buttonPress, children: children }))] }, mainStep.actionID));
                 })] })) }));
 }
 //# sourceMappingURL=MultiStep.js.map

package/lib/components/infra/MultiStep/MultiStep.js.map

@@ -1 +1 @@
-{"version":3,"file":"MultiStep.js","sourceRoot":"","sources":["../../../../src/components/infra/MultiStep/MultiStep.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { PropsWithChildren } from 'react';\n\nimport { getComponentFromMap } from '../../../bridge/helpers/sdk_component_map';\nimport { PConnProps } from '../../../types/PConnProps';\n\nimport './MultiStep.css';\n\ninterface MultiStepProps extends PConnProps {\n  // If any, enter additional props that only exist on this component\n  itemKey: string;\n  actionButtons: any[];\n  onButtonPress: any;\n  bIsVertical: boolean;\n  arNavigationSteps: any[];\n}\n\nexport default function MultiStep(props: PropsWithChildren<MultiStepProps>) {\n  // Get emitted components from map (so we can get any override that may exist)\n  const AssignmentCard = getComponentFromMap('AssignmentCard');\n\n  const { getPConnect, children, itemKey = '', actionButtons, onButtonPress } = props;\n  const { bIsVertical, arNavigationSteps } = props;\n\n  // const svgCurrent = Utils.getImageSrc(\"circle-solid\", Utils.getSDKStaticConentUrl());\n  // const svgNotCurrent = Utils.getImageSrc(\"circle-solid\", Utils.getSDKStaticConentUrl());\n\n  function _getVIconClass(status): string {\n    if (status === 'current') {\n      return 'psdk-vertical-step-icon-selected';\n    }\n\n    return 'psdk-vertical-step-icon';\n  }\n\n  function _getVLabelClass(status): string {\n    if (status === 'current') {\n      return 'psdk-vertical-step-label-selected';\n    }\n\n    return 'psdk-vertical-step-label';\n  }\n\n  function _getVBodyClass(index: number): string {\n    if (index < arNavigationSteps.length - 1) {\n      return 'psdk-vertical-step-body psdk-vertical-step-line';\n    }\n\n    return 'psdk-vertical-step-body';\n  }\n\n  function _getHIconClass(status): string {\n    if (status === 'current') {\n      return 'psdk-horizontal-step-icon-selected';\n    }\n\n    return 'psdk-horizontal-step-icon';\n  }\n\n  function _getHLabelClass(status): string {\n    if (status === 'current') {\n      return 'psdk-horizontal-step-label-selected';\n    }\n\n    return 'psdk-horizontal-step-label';\n  }\n\n  function _showHLine(index: number): boolean {\n    // eslint-disable-next-line sonarjs/prefer-single-boolean-return\n    if (index < arNavigationSteps.length - 1) {\n      return true;\n    }\n\n    return false;\n  }\n\n  function buttonPress(sAction: string, sButtonType: string) {\n    onButtonPress(sAction, sButtonType);\n  }\n\n  return (\n    <div>\n      {bIsVertical ? (\n        <div className='psdk-vertical-stepper'>\n          {arNavigationSteps.map((mainStep, index) => {\n            return (\n              <React.Fragment key={mainStep.actionID}>\n                <div className='psdk-vertical-step'>\n                  <div className='psdk-vertical-step-header'>\n                    <div className={_getVIconClass(mainStep.visited_status)}>\n                      <div className='psdk-vertical-step-icon-content'>\n                        <span>{index + 1}</span>\n                      </div>\n                    </div>\n                    <div className={_getVLabelClass(mainStep.visited_status)}>{mainStep.name}</div>\n                  </div>\n                  <div className={_getVBodyClass(index)}>\n                    {mainStep?.steps && (\n                      <ul\n                        style={{\n                          paddingInlineStart: '0rem',\n                          marginLeft: '-7px'\n                        }}\n                      >\n                        {mainStep.steps.forEach(subStep => {\n                          <li className='psdk-sub-step-list'>\n                            <div style={{ display: 'inline-flex' }}>\n                              {subStep.visited_status === 'current' && <img className='psdk-current-svg-icon' src='{svgCurrent}' />}\n                              {subStep.visited_status !== 'current' && <img className='psdk-not-current-svg-icon' src='{svgNotCurrent}' />}\n                              {subStep.visited_status === 'current' && <label className='psdk-sub-step-current'>{subStep.name}</label>}\n                              {subStep.visited_status !== 'current' && <label className='psdk-sub-step-not-current'>{subStep.name}</label>}\n                            </div>\n                            {subStep.visited_status === 'current' && (\n                              <div>\n                                <AssignmentCard getPConnect={getPConnect} itemKey={itemKey} actionButtons={actionButtons} onButtonPress={buttonPress}>\n                                  {children}\n                                </AssignmentCard>\n                              </div>\n                            )}\n                          </li>;\n                        })}\n                      </ul>\n                    )}\n                    {!mainStep?.steps && mainStep.visited_status === 'current' && (\n                      <AssignmentCard getPConnect={getPConnect} itemKey={itemKey} actionButtons={actionButtons} onButtonPress={buttonPress}>\n                        {children}\n                      </AssignmentCard>\n                    )}\n                  </div>\n                </div>\n              </React.Fragment>\n            );\n          })}\n        </div>\n      ) : (\n        <div className='psdk-horizontal-stepper'>\n          <div className='psdk-horizontal-stepper-header-container'>\n            {arNavigationSteps.map((mainStep, index) => {\n              return (\n                <React.Fragment key={mainStep.actionID}>\n                  <div className='psdk-horizontal-step-header'>\n                    <div className={_getHIconClass(mainStep.visited_status)}>\n                      <div className='psdk-horizontal-step-icon-content'>\n                        <span>{index + 1}</span>\n                      </div>\n                    </div>\n                    <div className={_getHLabelClass(mainStep.visited_status)}>\n                      <div className='psdk-horizontal-step-text-label' id='selected-label'>\n                        {mainStep.name}\n                      </div>\n                    </div>\n                  </div>\n                  {_showHLine(index) && <div className='psdk-horizontal-step-line' />}\n                </React.Fragment>\n              );\n            })}\n          </div>\n          {arNavigationSteps.map(mainStep => {\n            return (\n              <React.Fragment key={mainStep.actionID}>\n                {mainStep.steps && (\n                  <ul style={{ paddingInlineStart: '0rem', marginLeft: '35px' }}>\n                    {mainStep.steps.map(subStep => (\n                      <li className='psdk-sub-step-list'>\n                        <div style={{ display: 'inline-flex' }}>\n                          {subStep.visited_status === 'current' && <img className='psdk-current-svg-icon' src='{svgCurrent}' />}\n                          {subStep.visited_status !== 'current' && <img className='psdk-not-current-svg-icon' src='{svgNotCurrent}' />}\n                          {subStep.visited_status === 'current' && <label className='psdk-sub-step-current'>{subStep.name}</label>}\n                          {subStep.visited_status !== 'current' && <label className='psdk-sub-step-not-current'>{subStep.name}</label>}\n                        </div>\n                        {subStep.visited_status === 'current' && (\n                          <AssignmentCard getPConnect={getPConnect} itemKey={itemKey} actionButtons={actionButtons} onButtonPress={buttonPress}>\n                            {children}\n                          </AssignmentCard>\n                        )}\n                      </li>\n                    ))}\n                  </ul>\n                )}\n                {!mainStep?.steps && mainStep.visited_status === 'current' && (\n                  <AssignmentCard getPConnect={getPConnect} itemKey={itemKey} actionButtons={actionButtons} onButtonPress={buttonPress}>\n                    {children}\n                  </AssignmentCard>\n                )}\n              </React.Fragment>\n            );\n          })}\n        </div>\n      )}\n    </div>\n  );\n}\n"]}
+{"version":3,"file":"MultiStep.js","sourceRoot":"","sources":["../../../../src/components/infra/MultiStep/MultiStep.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { PropsWithChildren } from 'react';\n\nimport { getComponentFromMap } from '../../../bridge/helpers/sdk_component_map';\nimport { PConnProps } from '../../../types/PConnProps';\n\nimport './MultiStep.css';\n\ninterface MultiStepProps extends PConnProps {\n  // If any, enter additional props that only exist on this component\n  itemKey: string;\n  actionButtons: any[];\n  onButtonPress: any;\n  bIsVertical: boolean;\n  arNavigationSteps: any;\n}\n\nexport default function MultiStep(props: PropsWithChildren<MultiStepProps>) {\n  // Get emitted components from map (so we can get any override that may exist)\n  const AssignmentCard = getComponentFromMap('AssignmentCard');\n\n  const { getPConnect, children, itemKey = '', actionButtons, onButtonPress } = props;\n  const { bIsVertical, arNavigationSteps } = props;\n\n  let currentStep = arNavigationSteps.find(({ visited_status: vs }) => vs === 'current');\n  if (!currentStep) {\n    const lastActiveStepIndex = arNavigationSteps.findLastIndex(({ visited_status: vs }) => vs === 'success');\n    currentStep = arNavigationSteps[lastActiveStepIndex >= 0 ? lastActiveStepIndex : 0];\n  }\n\n  // const svgCurrent = Utils.getImageSrc(\"circle-solid\", Utils.getSDKStaticConentUrl());\n  // const svgNotCurrent = Utils.getImageSrc(\"circle-solid\", Utils.getSDKStaticConentUrl());\n\n  function _getVIconClass(status): string {\n    if (status === 'current') {\n      return 'psdk-vertical-step-icon-selected';\n    }\n\n    return 'psdk-vertical-step-icon';\n  }\n\n  function _getVLabelClass(status): string {\n    if (status === 'current') {\n      return 'psdk-vertical-step-label-selected';\n    }\n\n    return 'psdk-vertical-step-label';\n  }\n\n  function _getVBodyClass(index: number): string {\n    if (index < arNavigationSteps.length - 1) {\n      return 'psdk-vertical-step-body psdk-vertical-step-line';\n    }\n\n    return 'psdk-vertical-step-body';\n  }\n\n  function _getHIconClass(step): string {\n    if (step.ID === currentStep?.ID) {\n      return 'psdk-horizontal-step-icon-selected';\n    }\n\n    return 'psdk-horizontal-step-icon';\n  }\n\n  function _getHLabelClass(step): string {\n    if (step.ID === currentStep?.ID) {\n      return 'psdk-horizontal-step-label-selected';\n    }\n\n    return 'psdk-horizontal-step-label';\n  }\n\n  function _showHLine(index: number): boolean {\n    return index < arNavigationSteps.length - 1;\n  }\n\n  function buttonPress(sAction: string, sButtonType: string) {\n    onButtonPress(sAction, sButtonType);\n  }\n\n  return (\n    <div>\n      {bIsVertical ? (\n        <div className='psdk-vertical-stepper'>\n          {arNavigationSteps.map((mainStep, index) => {\n            return (\n              <React.Fragment key={mainStep.actionID}>\n                <div className='psdk-vertical-step'>\n                  <div className='psdk-vertical-step-header'>\n                    <div className={_getVIconClass(mainStep.visited_status)}>\n                      <div className='psdk-vertical-step-icon-content'>\n                        <span>{index + 1}</span>\n                      </div>\n                    </div>\n                    <div className={_getVLabelClass(mainStep.visited_status)}>{mainStep.name}</div>\n                  </div>\n                  <div className={_getVBodyClass(index)}>\n                    {mainStep?.steps && (\n                      <ul\n                        style={{\n                          paddingInlineStart: '0rem',\n                          marginLeft: '-7px'\n                        }}\n                      >\n                        {mainStep.steps.forEach(subStep => {\n                          <li className='psdk-sub-step-list'>\n                            <div style={{ display: 'inline-flex' }}>\n                              {subStep.visited_status === 'current' && <img className='psdk-current-svg-icon' src='{svgCurrent}' />}\n                              {subStep.visited_status !== 'current' && <img className='psdk-not-current-svg-icon' src='{svgNotCurrent}' />}\n                              {subStep.visited_status === 'current' && <label className='psdk-sub-step-current'>{subStep.name}</label>}\n                              {subStep.visited_status !== 'current' && <label className='psdk-sub-step-not-current'>{subStep.name}</label>}\n                            </div>\n                            {subStep.visited_status === 'current' && (\n                              <div>\n                                <AssignmentCard getPConnect={getPConnect} itemKey={itemKey} actionButtons={actionButtons} onButtonPress={buttonPress}>\n                                  {children}\n                                </AssignmentCard>\n                              </div>\n                            )}\n                          </li>;\n                        })}\n                      </ul>\n                    )}\n                    {!mainStep?.steps && mainStep.visited_status === 'current' && (\n                      <AssignmentCard getPConnect={getPConnect} itemKey={itemKey} actionButtons={actionButtons} onButtonPress={buttonPress}>\n                        {children}\n                      </AssignmentCard>\n                    )}\n                  </div>\n                </div>\n              </React.Fragment>\n            );\n          })}\n        </div>\n      ) : (\n        <div className='psdk-horizontal-stepper'>\n          <div className='psdk-horizontal-stepper-header-container'>\n            {arNavigationSteps.map((mainStep, index) => {\n              return (\n                <React.Fragment key={mainStep.actionID}>\n                  <div className='psdk-horizontal-step-header'>\n                    <div className={_getHIconClass(mainStep)}>\n                      <div className='psdk-horizontal-step-icon-content'>\n                        <span>{index + 1}</span>\n                      </div>\n                    </div>\n                    <div className={_getHLabelClass(mainStep)}>\n                      <div className='psdk-horizontal-step-text-label' id='selected-label'>\n                        {mainStep.name}\n                      </div>\n                    </div>\n                  </div>\n                  {_showHLine(index) && <div className='psdk-horizontal-step-line' />}\n                </React.Fragment>\n              );\n            })}\n          </div>\n          {arNavigationSteps.map(mainStep => {\n            return (\n              <React.Fragment key={mainStep.actionID}>\n                {mainStep.steps && (\n                  <ul style={{ paddingInlineStart: '0rem', marginLeft: '35px' }}>\n                    {mainStep.steps.map(subStep => (\n                      <li className='psdk-sub-step-list'>\n                        <div style={{ display: 'inline-flex' }}>\n                          {subStep.visited_status === 'current' && <img className='psdk-current-svg-icon' src='{svgCurrent}' />}\n                          {subStep.visited_status !== 'current' && <img className='psdk-not-current-svg-icon' src='{svgNotCurrent}' />}\n                          {subStep.visited_status === 'current' && <label className='psdk-sub-step-current'>{subStep.name}</label>}\n                          {subStep.visited_status !== 'current' && <label className='psdk-sub-step-not-current'>{subStep.name}</label>}\n                        </div>\n                        {subStep.visited_status === 'current' && (\n                          <AssignmentCard getPConnect={getPConnect} itemKey={itemKey} actionButtons={actionButtons} onButtonPress={buttonPress}>\n                            {children}\n                          </AssignmentCard>\n                        )}\n                      </li>\n                    ))}\n                  </ul>\n                )}\n                {!mainStep?.steps && mainStep.ID === currentStep?.ID && (\n                  <AssignmentCard getPConnect={getPConnect} itemKey={itemKey} actionButtons={actionButtons} onButtonPress={buttonPress}>\n                    {children}\n                  </AssignmentCard>\n                )}\n              </React.Fragment>\n            );\n          })}\n        </div>\n      )}\n    </div>\n  );\n}\n"]}

package/lib/components/infra/NavBar/NavBar.css

@@ -165,4 +165,5 @@
 
 .scrollable {
   overflow-y: scroll !important;
+  min-height: 200px !important;
 }

package/lib/components/infra/NavBar/NavBar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"NavBar.d.ts","sourceRoot":"","sources":["../../../../src/components/infra/NavBar/NavBar.tsx"],"names":[],"mappings":"AAkCA,OAAO,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAC;AAEvD,OAAO,cAAc,CAAC;AAEtB,UAAU,WAAY,SAAQ,UAAU;IAGtC,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,KAAK,CAAC,EAAE,GAAG,EAAE,CAAC;IACd,SAAS,EAAE,GAAG,EAAE,CAAC;IACjB,KAAK,CAAC,EAAE,GAAG,CAAC;CACb;AA6DD,MAAM,CAAC,OAAO,UAAU,MAAM,CAAC,KAAK,EAAE,WAAW,2CAuLhD"}
+{"version":3,"file":"NavBar.d.ts","sourceRoot":"","sources":["../../../../src/components/infra/NavBar/NavBar.tsx"],"names":[],"mappings":"AAsCA,OAAO,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAC;AAEvD,OAAO,cAAc,CAAC;AAEtB,UAAU,WAAY,SAAQ,UAAU;IAGtC,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,KAAK,CAAC,EAAE,GAAG,EAAE,CAAC;IACd,SAAS,EAAE,GAAG,EAAE,CAAC;IACjB,KAAK,CAAC,EAAE,GAAG,CAAC;CACb;AAiED,MAAM,CAAC,OAAO,UAAU,MAAM,CAAC,KAAK,EAAE,WAAW,2CAuLhD"}