@pega/react-sdk-components 0.24.3 → 0.242.1

package/lib/components/template/CaseViewActionsMenu/CaseViewActionsMenu.js.map

@@ -1 +1 @@
-{"version":3,"file":"CaseViewActionsMenu.js","sourceRoot":"","sources":["../../../../src/components/template/CaseViewActionsMenu/CaseViewActionsMenu.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { useState } from 'react';\nimport Button from '@material-ui/core/Button';\nimport Menu from '@material-ui/core/Menu';\nimport MenuItem from '@material-ui/core/MenuItem';\n\nimport { PConnProps } from '../../../types/PConnProps';\nimport Snackbar from '@material-ui/core/Snackbar';\nimport IconButton from '@material-ui/core/IconButton';\nimport CloseIcon from '@material-ui/icons/Close';\n\ninterface CaseViewActionsMenuProps extends PConnProps {\n  // If any, enter additional props that only exist on this component\n  availableActions: any[];\n  availableProcesses: any[];\n  caseTypeID: string;\n  caseTypeName: string;\n}\n\nexport default function CaseViewActionsMenu(props: CaseViewActionsMenuProps) {\n  const { getPConnect, availableActions, availableProcesses, caseTypeID, caseTypeName } = props;\n  const thePConn = getPConnect();\n\n  const localizedVal = PCore.getLocaleUtils().getLocaleValue;\n  const localeCategory = 'CaseView';\n  const localeKey = `${caseTypeID}!CASE!${caseTypeName}`.toUpperCase();\n\n  const [anchorEl, setAnchorEl] = useState<null | HTMLElement>(null);\n\n  const [showSnackbar, setShowSnackbar] = useState(false);\n  const [snackbarMessage, setSnackbarMessage]: any = useState('');\n\n  const handleClick = (event: React.MouseEvent<HTMLButtonElement>) => {\n    setAnchorEl(event.currentTarget);\n  };\n\n  const handleClose = () => {\n    setAnchorEl(null);\n  };\n\n  const arMenuItems: any[] = [];\n\n  function showToast(message: string) {\n    setSnackbarMessage(message);\n    setShowSnackbar(true);\n  }\n\n  function handleSnackbarClose(event: React.SyntheticEvent | React.MouseEvent, reason?: string) {\n    if (reason === 'clickaway') {\n      return;\n    }\n    setShowSnackbar(false);\n  }\n\n  function _actionMenuActionsClick(data) {\n    const actionsAPI = thePConn.getActionsApi();\n    const openLocalAction = actionsAPI.openLocalAction.bind(actionsAPI);\n\n    openLocalAction(data.ID, {\n      ...data,\n      containerName: 'modal',\n      type: 'express'\n    });\n    // after doing the action, close the menu...\n    handleClose();\n  }\n\n  function _actionMenuProcessClick(process) {\n    const actionsAPI = thePConn.getActionsApi();\n    const openProcessAction = actionsAPI.openProcessAction.bind(actionsAPI);\n    openProcessAction(process.ID, {\n      ...process\n    })\n      .then(() => {})\n      .catch(() => {\n        showToast(`${process.name} Submit failed!`);\n      });\n    handleClose();\n  }\n\n  availableActions.forEach(action => {\n    arMenuItems.push(\n      <MenuItem key={action.ID} onClick={() => _actionMenuActionsClick(action)}>\n        {localizedVal(action.name, '', localeKey)}\n      </MenuItem>\n    );\n  });\n\n  availableProcesses.forEach(process => {\n    arMenuItems.push(\n      <MenuItem key={process.ID} onClick={() => _actionMenuProcessClick(process)}>\n        {localizedVal(process.name, '', localeKey)}\n      </MenuItem>\n    );\n  });\n\n  return (\n    <>\n      <Button id='actions-menu' aria-controls='simple-menu' aria-haspopup='true' onClick={handleClick}>\n        {localizedVal('Actions...', localeCategory)}\n      </Button>\n      <Menu id='simple-menu' anchorEl={anchorEl} keepMounted open={Boolean(anchorEl)} onClose={handleClose}>\n        {arMenuItems}\n      </Menu>\n      <Snackbar\n        open={showSnackbar}\n        autoHideDuration={3000}\n        onClose={handleSnackbarClose}\n        message={snackbarMessage}\n        action={\n          <IconButton size='small' aria-label='close' color='inherit' onClick={handleSnackbarClose}>\n            <CloseIcon fontSize='small' />\n          </IconButton>\n        }\n      />\n    </>\n  );\n}\n"]}
+{"version":3,"file":"CaseViewActionsMenu.js","sourceRoot":"","sources":["../../../../src/components/template/CaseViewActionsMenu/CaseViewActionsMenu.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACxC,OAAO,MAAM,MAAM,sBAAsB,CAAC;AAC1C,OAAO,IAAI,MAAM,oBAAoB,CAAC;AACtC,OAAO,QAAQ,MAAM,wBAAwB,CAAC;AAG9C,OAAO,QAAQ,MAAM,wBAAwB,CAAC;AAC9C,OAAO,UAAU,MAAM,0BAA0B,CAAC;AAClD,OAAO,SAAS,MAAM,2BAA2B,CAAC;AAUlD,MAAM,CAAC,OAAO,UAAU,mBAAmB,CAAC,KAA+B;IACzE,MAAM,EAAE,WAAW,EAAE,gBAAgB,EAAE,kBAAkB,EAAE,UAAU,EAAE,YAAY,EAAE,GAAG,KAAK,CAAC;IAC9F,MAAM,QAAQ,GAAG,WAAW,EAAE,CAAC;IAE/B,MAAM,YAAY,GAAG,KAAK,CAAC,cAAc,EAAE,CAAC,cAAc,CAAC;IAC3D,MAAM,cAAc,GAAG,UAAU,CAAC;IAClC,MAAM,SAAS,GAAG,GAAG,UAAU,SAAS,YAAY,EAAE,CAAC,WAAW,EAAE,CAAC;IAErE,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAqB,IAAI,CAAC,CAAC;IAEnE,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IACxD,MAAM,CAAC,eAAe,EAAE,kBAAkB,CAAC,GAAQ,QAAQ,CAAC,EAAE,CAAC,CAAC;IAEhE,MAAM,WAAW,GAAG,CAAC,KAA0C,EAAE,EAAE;QACjE,WAAW,CAAC,KAAK,CAAC,aAAa,CAAC,CAAC;IACnC,CAAC,CAAC;IAEF,MAAM,WAAW,GAAG,GAAG,EAAE;QACvB,WAAW,CAAC,IAAI,CAAC,CAAC;IACpB,CAAC,CAAC;IAEF,MAAM,WAAW,GAAU,EAAE,CAAC;IAE9B,SAAS,SAAS,CAAC,OAAe;QAChC,kBAAkB,CAAC,OAAO,CAAC,CAAC;QAC5B,eAAe,CAAC,IAAI,CAAC,CAAC;IACxB,CAAC;IAED,SAAS,mBAAmB,CAAC,KAAwC,EAAE,MAAe;QACpF,IAAI,MAAM,KAAK,WAAW,EAAE;YAC1B,OAAO;SACR;QACD,eAAe,CAAC,KAAK,CAAC,CAAC;IACzB,CAAC;IAED,SAAS,uBAAuB,CAAC,IAAI;QACnC,MAAM,UAAU,GAAG,QAAQ,CAAC,aAAa,EAAE,CAAC;QAC5C,MAAM,eAAe,GAAG,UAAU,CAAC,eAAe,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;QAEpE,eAAe,CAAC,IAAI,CAAC,EAAE,EAAE;YACvB,GAAG,IAAI;YACP,aAAa,EAAE,OAAO;YACtB,IAAI,EAAE,SAAS;SAChB,CAAC,CAAC;QACH,4CAA4C;QAC5C,WAAW,EAAE,CAAC;IAChB,CAAC;IAED,SAAS,uBAAuB,CAAC,OAAO;QACtC,MAAM,UAAU,GAAG,QAAQ,CAAC,aAAa,EAAE,CAAC;QAC5C,MAAM,iBAAiB,GAAG,UAAU,CAAC,iBAAiB,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;QACxE,iBAAiB,CAAC,OAAO,CAAC,EAAE,EAAE;YAC5B,GAAG,OAAO;SACX,CAAC;aACC,IAAI,CAAC,GAAG,EAAE,GAAE,CAAC,CAAC;aACd,KAAK,CAAC,GAAG,EAAE;YACV,SAAS,CAAC,GAAG,OAAO,CAAC,IAAI,iBAAiB,CAAC,CAAC;QAC9C,CAAC,CAAC,CAAC;QACL,WAAW,EAAE,CAAC;IAChB,CAAC;IAED,gBAAgB,CAAC,OAAO,CAAC,MAAM,CAAC,EAAE;QAChC,WAAW,CAAC,IAAI,CACd,KAAC,QAAQ,IAAiB,OAAO,EAAE,GAAG,EAAE,CAAC,uBAAuB,CAAC,MAAM,CAAC,YACrE,YAAY,CAAC,MAAM,CAAC,IAAI,EAAE,EAAE,EAAE,SAAS,CAAC,IAD5B,MAAM,CAAC,EAAE,CAEb,CACZ,CAAC;IACJ,CAAC,CAAC,CAAC;IAEH,kBAAkB,CAAC,OAAO,CAAC,OAAO,CAAC,EAAE;QACnC,WAAW,CAAC,IAAI,CACd,KAAC,QAAQ,IAAkB,OAAO,EAAE,GAAG,EAAE,CAAC,uBAAuB,CAAC,OAAO,CAAC,YACvE,YAAY,CAAC,OAAO,CAAC,IAAI,EAAE,EAAE,EAAE,SAAS,CAAC,IAD7B,OAAO,CAAC,EAAE,CAEd,CACZ,CAAC;IACJ,CAAC,CAAC,CAAC;IAEH,OAAO,CACL,8BACE,KAAC,MAAM,IAAC,EAAE,EAAC,cAAc,mBAAe,aAAa,mBAAe,MAAM,EAAC,OAAO,EAAE,WAAW,YAC5F,YAAY,CAAC,YAAY,EAAE,cAAc,CAAC,GACpC,EACT,KAAC,IAAI,IAAC,EAAE,EAAC,aAAa,EAAC,QAAQ,EAAE,QAAQ,EAAE,WAAW,QAAC,IAAI,EAAE,OAAO,CAAC,QAAQ,CAAC,EAAE,OAAO,EAAE,WAAW,YACjG,WAAW,GACP,EACP,KAAC,QAAQ,IACP,IAAI,EAAE,YAAY,EAClB,gBAAgB,EAAE,IAAI,EACtB,OAAO,EAAE,mBAAmB,EAC5B,OAAO,EAAE,eAAe,EACxB,MAAM,EACJ,KAAC,UAAU,IAAC,IAAI,EAAC,OAAO,gBAAY,OAAO,EAAC,KAAK,EAAC,SAAS,EAAC,OAAO,EAAE,mBAAmB,YACtF,KAAC,SAAS,IAAC,QAAQ,EAAC,OAAO,GAAG,GACnB,GAEf,IACD,CACJ,CAAC;AACJ,CAAC","sourcesContent":["import React, { useState } from 'react';\nimport Button from '@mui/material/Button';\nimport Menu from '@mui/material/Menu';\nimport MenuItem from '@mui/material/MenuItem';\n\nimport { PConnProps } from '../../../types/PConnProps';\nimport Snackbar from '@mui/material/Snackbar';\nimport IconButton from '@mui/material/IconButton';\nimport CloseIcon from '@mui/icons-material/Close';\n\ninterface CaseViewActionsMenuProps extends PConnProps {\n  // If any, enter additional props that only exist on this component\n  availableActions: any[];\n  availableProcesses: any[];\n  caseTypeID: string;\n  caseTypeName: string;\n}\n\nexport default function CaseViewActionsMenu(props: CaseViewActionsMenuProps) {\n  const { getPConnect, availableActions, availableProcesses, caseTypeID, caseTypeName } = props;\n  const thePConn = getPConnect();\n\n  const localizedVal = PCore.getLocaleUtils().getLocaleValue;\n  const localeCategory = 'CaseView';\n  const localeKey = `${caseTypeID}!CASE!${caseTypeName}`.toUpperCase();\n\n  const [anchorEl, setAnchorEl] = useState<null | HTMLElement>(null);\n\n  const [showSnackbar, setShowSnackbar] = useState(false);\n  const [snackbarMessage, setSnackbarMessage]: any = useState('');\n\n  const handleClick = (event: React.MouseEvent<HTMLButtonElement>) => {\n    setAnchorEl(event.currentTarget);\n  };\n\n  const handleClose = () => {\n    setAnchorEl(null);\n  };\n\n  const arMenuItems: any[] = [];\n\n  function showToast(message: string) {\n    setSnackbarMessage(message);\n    setShowSnackbar(true);\n  }\n\n  function handleSnackbarClose(event: React.SyntheticEvent<any> | Event, reason?: string) {\n    if (reason === 'clickaway') {\n      return;\n    }\n    setShowSnackbar(false);\n  }\n\n  function _actionMenuActionsClick(data) {\n    const actionsAPI = thePConn.getActionsApi();\n    const openLocalAction = actionsAPI.openLocalAction.bind(actionsAPI);\n\n    openLocalAction(data.ID, {\n      ...data,\n      containerName: 'modal',\n      type: 'express'\n    });\n    // after doing the action, close the menu...\n    handleClose();\n  }\n\n  function _actionMenuProcessClick(process) {\n    const actionsAPI = thePConn.getActionsApi();\n    const openProcessAction = actionsAPI.openProcessAction.bind(actionsAPI);\n    openProcessAction(process.ID, {\n      ...process\n    })\n      .then(() => {})\n      .catch(() => {\n        showToast(`${process.name} Submit failed!`);\n      });\n    handleClose();\n  }\n\n  availableActions.forEach(action => {\n    arMenuItems.push(\n      <MenuItem key={action.ID} onClick={() => _actionMenuActionsClick(action)}>\n        {localizedVal(action.name, '', localeKey)}\n      </MenuItem>\n    );\n  });\n\n  availableProcesses.forEach(process => {\n    arMenuItems.push(\n      <MenuItem key={process.ID} onClick={() => _actionMenuProcessClick(process)}>\n        {localizedVal(process.name, '', localeKey)}\n      </MenuItem>\n    );\n  });\n\n  return (\n    <>\n      <Button id='actions-menu' aria-controls='simple-menu' aria-haspopup='true' onClick={handleClick}>\n        {localizedVal('Actions...', localeCategory)}\n      </Button>\n      <Menu id='simple-menu' anchorEl={anchorEl} keepMounted open={Boolean(anchorEl)} onClose={handleClose}>\n        {arMenuItems}\n      </Menu>\n      <Snackbar\n        open={showSnackbar}\n        autoHideDuration={3000}\n        onClose={handleSnackbarClose}\n        message={snackbarMessage}\n        action={\n          <IconButton size='small' aria-label='close' color='inherit' onClick={handleSnackbarClose}>\n            <CloseIcon fontSize='small' />\n          </IconButton>\n        }\n      />\n    </>\n  );\n}\n"]}

package/lib/components/template/Confirmation/Confirmation.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Confirmation.d.ts","sourceRoot":"","sources":["../../../../src/components/template/Confirmation/Confirmation.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,iBAAiB,EAAY,MAAM,OAAO,CAAC;AAKpD,OAAO,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAC;AAEvD,UAAU,iBAAkB,SAAQ,UAAU;IAE5C,UAAU,EAAE;QAAE,MAAM,EAAE,GAAG,CAAA;KAAE,CAAC;IAC5B,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,EAAE,OAAO,CAAC;IACnB,SAAS,EAAE,OAAO,CAAC;CACpB;AAeD,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,KAAK,EAAE,iBAAiB,CAAC,iBAAiB,CAAC,kDA2C/E"}
+{"version":3,"file":"Confirmation.d.ts","sourceRoot":"","sources":["../../../../src/components/template/Confirmation/Confirmation.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,iBAAiB,EAAY,MAAM,OAAO,CAAC;AAMpD,OAAO,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAC;AAEvD,UAAU,iBAAkB,SAAQ,UAAU;IAE5C,UAAU,EAAE;QAAE,MAAM,EAAE,GAAG,CAAA;KAAE,CAAC;IAC5B,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,EAAE,OAAO,CAAC;IACnB,SAAS,EAAE,OAAO,CAAC;CACpB;AAeD,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,KAAK,EAAE,iBAAiB,CAAC,iBAAiB,CAAC,kDA2C/E"}

package/lib/components/template/Confirmation/Confirmation.js

@@ -1,7 +1,8 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 /* eslint-disable no-nested-ternary */
 import { useState } from 'react';
-import { Button, Card, makeStyles } from '@material-ui/core';
+import { Button, Card } from '@mui/material';
+import makeStyles from '@mui/styles/makeStyles';
 import { getToDoAssignments } from '../../infra/Containers/FlowContainer/helpers';
 import { getComponentFromMap } from '../../../bridge/helpers/sdk_component_map';
 const useStyles = makeStyles(theme => ({

package/lib/components/template/Confirmation/Confirmation.js.map

@@ -1 +1 @@
-{"version":3,"file":"Confirmation.js","sourceRoot":"","sources":["../../../../src/components/template/Confirmation/Confirmation.tsx"],"names":[],"mappings":"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","sourcesContent":["/* eslint-disable no-nested-ternary */\nimport { PropsWithChildren, useState } from 'react';\nimport { Button, Card, makeStyles } from '@material-ui/core';\n\nimport { getToDoAssignments } from '../../infra/Containers/FlowContainer/helpers';\nimport { getComponentFromMap } from '../../../bridge/helpers/sdk_component_map';\nimport { PConnProps } from '../../../types/PConnProps';\n\ninterface ConfirmationProps extends PConnProps {\n  // If any, enter additional props that only exist on this component\n  datasource: { source: any };\n  label: string;\n  showLabel: boolean;\n  showTasks: boolean;\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 Confirmation(props: PropsWithChildren<ConfirmationProps>) {\n  // Get emitted components from map (so we can get any override that may exist)\n  const ToDo = getComponentFromMap('Todo'); // NOTE: ConstellationJS Engine uses \"Todo\" and not \"ToDo\"!!!\n  const Details = getComponentFromMap('Details');\n\n  const classes = useStyles();\n  const CONSTS = PCore.getConstants();\n  const [showConfirmView, setShowConfirmView] = useState(true);\n  const { showTasks, getPConnect } = props;\n  // Get the inherited props from the parent to determine label settings\n  // Not using whatsNext at the moment, need to figure out the use of it\n  // const whatsNext = datasource?.source;\n  // const items = whatsNext.length > 0 ? whatsNext.map(item => item.label) : '';\n  const activeContainerItemID = PCore.getContainerUtils().getActiveContainerItemName(getPConnect().getTarget());\n  const rootInfo = PCore.getContainerUtils().getContainerItemData(getPConnect().getTarget(), activeContainerItemID);\n  const onConfirmViewClose = () => {\n    setShowConfirmView(false);\n    PCore.getPubSubUtils().publish(PCore.getConstants().PUB_SUB_EVENTS.CASE_EVENTS.CLOSE_CONFIRM_VIEW, rootInfo);\n  };\n  const todoProps = { ...props, renderTodoInConfirm: true };\n  const toDoList = getToDoAssignments(getPConnect());\n  const detailProps = { ...props, showLabel: false };\n  const showDetails = detailProps?.children?.[0]?.props?.getPConnect()?.getChildren()?.length > 0;\n  return showConfirmView ? (\n    <Card className={classes.root}>\n      <h2 id='confirm-label'>{props.showLabel ? props.label : ''}</h2>\n      {showDetails ? <Details {...detailProps} /> : undefined}\n      {showTasks ? (\n        toDoList && toDoList.length > 0 ? (\n          <ToDo {...todoProps} datasource={{ source: toDoList }} getPConnect={getPConnect} type={CONSTS.TODO} headerText='Open Tasks' isConfirm />\n        ) : undefined\n      ) : undefined}\n      <div style={{ display: 'flex', justifyContent: 'flex-end' }}>\n        <Button variant='contained' color='primary' onClick={onConfirmViewClose}>\n          Done\n        </Button>\n      </div>\n    </Card>\n  ) : toDoList && toDoList.length > 0 ? (\n    <Card className={classes.root}>\n      <ToDo {...props} datasource={{ source: toDoList }} getPConnect={getPConnect} type={CONSTS.TODO} headerText='Tasks' isConfirm />\n    </Card>\n  ) : null;\n}\n"]}
+{"version":3,"file":"Confirmation.js","sourceRoot":"","sources":["../../../../src/components/template/Confirmation/Confirmation.tsx"],"names":[],"mappings":"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","sourcesContent":["/* eslint-disable no-nested-ternary */\nimport { PropsWithChildren, useState } from 'react';\nimport { Button, Card } from '@mui/material';\nimport makeStyles from '@mui/styles/makeStyles';\n\nimport { getToDoAssignments } from '../../infra/Containers/FlowContainer/helpers';\nimport { getComponentFromMap } from '../../../bridge/helpers/sdk_component_map';\nimport { PConnProps } from '../../../types/PConnProps';\n\ninterface ConfirmationProps extends PConnProps {\n  // If any, enter additional props that only exist on this component\n  datasource: { source: any };\n  label: string;\n  showLabel: boolean;\n  showTasks: boolean;\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 Confirmation(props: PropsWithChildren<ConfirmationProps>) {\n  // Get emitted components from map (so we can get any override that may exist)\n  const ToDo = getComponentFromMap('Todo'); // NOTE: ConstellationJS Engine uses \"Todo\" and not \"ToDo\"!!!\n  const Details = getComponentFromMap('Details');\n\n  const classes = useStyles();\n  const CONSTS = PCore.getConstants();\n  const [showConfirmView, setShowConfirmView] = useState(true);\n  const { showTasks, getPConnect } = props;\n  // Get the inherited props from the parent to determine label settings\n  // Not using whatsNext at the moment, need to figure out the use of it\n  // const whatsNext = datasource?.source;\n  // const items = whatsNext.length > 0 ? whatsNext.map(item => item.label) : '';\n  const activeContainerItemID = PCore.getContainerUtils().getActiveContainerItemName(getPConnect().getTarget());\n  const rootInfo = PCore.getContainerUtils().getContainerItemData(getPConnect().getTarget(), activeContainerItemID);\n  const onConfirmViewClose = () => {\n    setShowConfirmView(false);\n    PCore.getPubSubUtils().publish(PCore.getConstants().PUB_SUB_EVENTS.CASE_EVENTS.CLOSE_CONFIRM_VIEW, rootInfo);\n  };\n  const todoProps = { ...props, renderTodoInConfirm: true };\n  const toDoList = getToDoAssignments(getPConnect());\n  const detailProps = { ...props, showLabel: false };\n  const showDetails = detailProps?.children?.[0]?.props?.getPConnect()?.getChildren()?.length > 0;\n  return showConfirmView ? (\n    <Card className={classes.root}>\n      <h2 id='confirm-label'>{props.showLabel ? props.label : ''}</h2>\n      {showDetails ? <Details {...detailProps} /> : undefined}\n      {showTasks ? (\n        toDoList && toDoList.length > 0 ? (\n          <ToDo {...todoProps} datasource={{ source: toDoList }} getPConnect={getPConnect} type={CONSTS.TODO} headerText='Open Tasks' isConfirm />\n        ) : undefined\n      ) : undefined}\n      <div style={{ display: 'flex', justifyContent: 'flex-end' }}>\n        <Button variant='contained' color='primary' onClick={onConfirmViewClose}>\n          Done\n        </Button>\n      </div>\n    </Card>\n  ) : toDoList && toDoList.length > 0 ? (\n    <Card className={classes.root}>\n      <ToDo {...props} datasource={{ source: toDoList }} getPConnect={getPConnect} type={CONSTS.TODO} headerText='Tasks' isConfirm />\n    </Card>\n  ) : null;\n}\n"]}

package/lib/components/template/DataReference/DataReference.js

@@ -179,6 +179,6 @@ export default function DataReference(props) {
             childrenToRender = [recreatedFirstChild];
         }
     }
-    return childrenToRender.length === 1 ? (childrenToRender[0] ?? null) : (_jsx("div", { children: childrenToRender.map(child => (_jsx(_Fragment, { children: child }))) }));
+    return childrenToRender.length === 1 ? ((childrenToRender[0] ?? null)) : (_jsx("div", { children: childrenToRender.map(child => (_jsx(_Fragment, { children: child }))) }));
 }
 //# sourceMappingURL=DataReference.js.map

package/lib/components/template/DataReference/DataReference.js.map

@@ -1 +1 @@
-{"version":3,"file":"DataReference.js","sourceRoot":"","sources":["../../../../src/components/template/DataReference/DataReference.tsx"],"names":[],"mappings":"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","sourcesContent":["import { PropsWithChildren, ReactElement, useEffect, useMemo, useState } from 'react';\n\nimport { getComponentFromMap } from '../../../bridge/helpers/sdk_component_map';\nimport { PConnProps } from '../../../types/PConnProps';\n\n// ReferenceProps can't be used until getComponentConfig() is NOT private\ninterface DataReferenceProps extends PConnProps {\n  // If any, enter additional props that only exist on this component\n  label: string;\n  showLabel: any;\n  displayMode: string;\n  allowAndPersistChangesInReviewMode: boolean;\n  referenceType: string;\n  selectionMode: string;\n  displayAs: string;\n  ruleClass: string;\n  parameters: string[]; // need to fix\n  hideLabel: boolean;\n}\n\nconst SELECTION_MODE = { SINGLE: 'single', MULTI: 'multi' };\n\nexport default function DataReference(props: PropsWithChildren<DataReferenceProps>) {\n  // Get emitted components from map (so we can get any override that may exist)\n  const SingleReferenceReadonly = getComponentFromMap('SingleReferenceReadOnly');\n  const MultiReferenceReadonly = getComponentFromMap('MultiReferenceReadOnly');\n\n  const {\n    children,\n    getPConnect,\n    label,\n    showLabel,\n    displayMode,\n    allowAndPersistChangesInReviewMode,\n    referenceType,\n    selectionMode,\n    displayAs,\n    ruleClass,\n    parameters,\n    hideLabel\n  } = props;\n  let childrenToRender = children as ReactElement[];\n  const pConn = getPConnect();\n  const [dropDownDataSource, setDropDownDataSource] = useState(null);\n  const propsToUse: any = { label, showLabel, ...pConn.getInheritedProps() };\n  if (propsToUse.showLabel === false) {\n    propsToUse.label = '';\n  }\n  const rawViewMetadata: any = pConn.getRawMetadata();\n  const viewName = rawViewMetadata.name;\n  const [firstChildMeta] = rawViewMetadata.children;\n  const refList = rawViewMetadata.config.referenceList;\n  const canBeChangedInReviewMode = allowAndPersistChangesInReviewMode && (displayAs === 'autocomplete' || displayAs === 'dropdown');\n  let propName;\n  const isDisplayModeEnabled = ['LABELS_LEFT', 'STACKED_LARGE_VAL'].includes(displayMode);\n  let firstChildPConnect;\n\n  /* Only for dropdown when it has param use data api to get the data back and add it to datasource */\n  useEffect(() => {\n    if (firstChildMeta?.type === 'Dropdown' && rawViewMetadata.config?.parameters) {\n      const { value, key, text } = firstChildMeta.config.datasource.fields;\n      (\n        PCore.getDataApiUtils().getData(\n          refList,\n          {\n            dataViewParameters: parameters\n          } as any,\n          ''\n        ) as Promise<any>\n      )\n        .then(res => {\n          if (res.data.data !== null) {\n            const ddDataSource = res.data.data\n              .map(listItem => ({\n                key: listItem[key.split(' .', 2)[1]],\n                text: listItem[text.split(' .', 2)[1]],\n                value: listItem[value.split(' .', 2)[1]]\n              }))\n              .filter(item => item.key);\n            // Filtering out undefined entries that will break preview\n            setDropDownDataSource(ddDataSource);\n          } else {\n            const ddDataSource: any = [];\n            setDropDownDataSource(ddDataSource);\n          }\n        })\n        .catch(err => {\n          // eslint-disable-next-line no-console\n          console.error(err?.stack);\n          return Promise.resolve({\n            data: { data: [] }\n          });\n        });\n    }\n  }, [firstChildMeta, rawViewMetadata, parameters]);\n\n  if (firstChildMeta?.type !== 'Region') {\n    firstChildPConnect = getPConnect().getChildren()?.[0].getPConnect;\n    /* remove refresh When condition from those old view so that it will not be used for runtime */\n    if (firstChildMeta.config?.readOnly) {\n      delete firstChildMeta.config.readOnly;\n    }\n    if (firstChildMeta?.type === 'Dropdown') {\n      firstChildMeta.config.datasource.source = rawViewMetadata.config?.parameters\n        ? dropDownDataSource\n        : '@DATASOURCE '.concat(refList).concat('.pxResults');\n    } else if (firstChildMeta?.type === 'AutoComplete') {\n      firstChildMeta.config.datasource = refList;\n\n      /* Insert the parameters to the component only if present */\n      if (rawViewMetadata.config?.parameters) {\n        firstChildMeta.config.parameters = parameters;\n      }\n    }\n    // set displayMode conditionally\n    if (!canBeChangedInReviewMode) {\n      firstChildMeta.config.displayMode = displayMode;\n    }\n    if (firstChildMeta.type === 'SimpleTableSelect' && selectionMode === SELECTION_MODE.MULTI) {\n      propName = PCore.getAnnotationUtils().getPropertyName(firstChildMeta.config.selectionList);\n    } else {\n      propName = PCore.getAnnotationUtils().getPropertyName(firstChildMeta.config.value);\n    }\n  }\n\n  const handleSelection = event => {\n    const caseKey = pConn.getCaseInfo().getKey();\n    const refreshOptions = { autoDetectRefresh: true };\n    if (canBeChangedInReviewMode && pConn.getValue('__currentPageTabViewName', '')) {\n      // 2nd arg empty string until typedef marked correctly\n      getPConnect().getActionsApi().refreshCaseView(caseKey, pConn.getValue('__currentPageTabViewName', ''), '', refreshOptions); // 2nd arg empty string until typedef marked correctly\n      PCore.getDeferLoadManager().refreshActiveComponents(pConn.getContextName());\n    } else {\n      const pgRef = pConn.getPageReference().replace('caseInfo.content', '');\n      getPConnect().getActionsApi().refreshCaseView(caseKey, viewName, pgRef, refreshOptions);\n    }\n\n    // AutoComplete sets value on event.id whereas Dropdown sets it on event.target.value\n    const propValue = event?.id || event?.target.value;\n    if (propValue && canBeChangedInReviewMode && isDisplayModeEnabled) {\n      (PCore.getDataApiUtils().getCaseEditLock(caseKey, '') as Promise<any>).then(caseResponse => {\n        const pageTokens = pConn.getPageReference().replace('caseInfo.content', '').split('.');\n        let curr = {};\n        const commitData = curr;\n\n        pageTokens.forEach(el => {\n          if (el !== '') {\n            curr[el] = {};\n            curr = curr[el];\n          }\n        });\n\n        // expecting format like {Customer: {pyID:\"C-100\"}}\n        const propArr = propName.split('.');\n        propArr.forEach((element, idx) => {\n          if (idx + 1 === propArr.length) {\n            curr[element] = propValue;\n          } else {\n            curr[element] = {};\n            curr = curr[element];\n          }\n        });\n\n        (\n          PCore.getDataApiUtils().updateCaseEditFieldsData(\n            caseKey,\n            { [caseKey]: commitData },\n            caseResponse.headers.etag,\n            pConn.getContextName()\n          ) as Promise<any>\n        ).then(response => {\n          PCore.getContainerUtils().updateParentLastUpdateTime(pConn.getContextName(), response.data.data.caseInfo.lastUpdateTime);\n          PCore.getContainerUtils().updateRelatedContextEtag(pConn.getContextName(), response.headers.etag);\n        });\n      });\n    }\n  };\n\n  // Re-create first child with overridden props\n  // Memoized child in order to stop unmount and remount of the child component when data reference\n  // rerenders without any actual change\n  const recreatedFirstChild = useMemo(() => {\n    const { type, config } = firstChildMeta;\n    if (firstChildMeta?.type !== 'Region') {\n      pConn.clearErrorMessages({\n        // Need to add empty string for category and context to match typdef\n        property: propName,\n        category: '',\n        context: ''\n      });\n      if (!canBeChangedInReviewMode && isDisplayModeEnabled && selectionMode === SELECTION_MODE.SINGLE) {\n        return (\n          <SingleReferenceReadonly\n            config={config}\n            getPConnect={firstChildPConnect}\n            label={propsToUse.label}\n            type={type}\n            displayAs={displayAs}\n            displayMode={displayMode}\n            ruleClass={ruleClass}\n            referenceType={referenceType}\n            hideLabel={hideLabel}\n            dataRelationshipContext={rawViewMetadata.config.contextClass && rawViewMetadata.config.name ? rawViewMetadata.config.name : null}\n          />\n        );\n      }\n\n      if (isDisplayModeEnabled && selectionMode === SELECTION_MODE.MULTI) {\n        return <MultiReferenceReadonly config={config} getPConnect={firstChildPConnect} label={propsToUse.label} hideLabel={hideLabel} />;\n      }\n\n      // In the case of a datasource with parameters you cannot load the dropdown before the parameters\n      if (type === 'Dropdown' && rawViewMetadata.config?.parameters && dropDownDataSource === null) {\n        return null;\n      }\n\n      return firstChildPConnect().createComponent(\n        {\n          type,\n          config: {\n            ...config,\n            required: propsToUse.required,\n            visibility: propsToUse.visibility,\n            disabled: propsToUse.disabled,\n            label: propsToUse.label,\n            viewName: getPConnect().getCurrentView(),\n            parameters: rawViewMetadata.config.parameters,\n            readOnly: false,\n            localeReference: rawViewMetadata.config.localeReference,\n            ...(selectionMode === SELECTION_MODE.SINGLE ? { referenceType } : ''),\n            dataRelationshipContext: rawViewMetadata.config.contextClass && rawViewMetadata.config.name ? rawViewMetadata.config.name : null,\n            hideLabel,\n            onRecordChange: handleSelection\n          }\n        },\n        '',\n        '',\n        {}\n      ); // 2nd, 3rd, and 4th args empty string/object/null until typedef marked correctly as optional);\n    }\n  }, [firstChildMeta.config?.datasource?.source, parameters, dropDownDataSource, propsToUse.required, propsToUse.disabled]);\n\n  // Only include the views region for rendering when it has content\n  if (firstChildMeta?.type !== 'Region') {\n    const viewsRegion = rawViewMetadata.children[1];\n    if (viewsRegion?.name === 'Views' && viewsRegion.children.length) {\n      childrenToRender = [recreatedFirstChild, ...(children as ReactElement[]).slice(1)];\n    } else {\n      childrenToRender = [recreatedFirstChild];\n    }\n  }\n\n  return childrenToRender.length === 1 ? (\n    childrenToRender[0] ?? null\n  ) : (\n    <div>\n      {childrenToRender.map(child => (\n        <>{child}</>\n      ))}\n    </div>\n  );\n}\n"]}
+{"version":3,"file":"DataReference.js","sourceRoot":"","sources":["../../../../src/components/template/DataReference/DataReference.tsx"],"names":[],"mappings":"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","sourcesContent":["import { PropsWithChildren, ReactElement, useEffect, useMemo, useState } from 'react';\n\nimport { getComponentFromMap } from '../../../bridge/helpers/sdk_component_map';\nimport { PConnProps } from '../../../types/PConnProps';\n\n// ReferenceProps can't be used until getComponentConfig() is NOT private\ninterface DataReferenceProps extends PConnProps {\n  // If any, enter additional props that only exist on this component\n  label: string;\n  showLabel: any;\n  displayMode: string;\n  allowAndPersistChangesInReviewMode: boolean;\n  referenceType: string;\n  selectionMode: string;\n  displayAs: string;\n  ruleClass: string;\n  parameters: string[]; // need to fix\n  hideLabel: boolean;\n}\n\nconst SELECTION_MODE = { SINGLE: 'single', MULTI: 'multi' };\n\nexport default function DataReference(props: PropsWithChildren<DataReferenceProps>) {\n  // Get emitted components from map (so we can get any override that may exist)\n  const SingleReferenceReadonly = getComponentFromMap('SingleReferenceReadOnly');\n  const MultiReferenceReadonly = getComponentFromMap('MultiReferenceReadOnly');\n\n  const {\n    children,\n    getPConnect,\n    label,\n    showLabel,\n    displayMode,\n    allowAndPersistChangesInReviewMode,\n    referenceType,\n    selectionMode,\n    displayAs,\n    ruleClass,\n    parameters,\n    hideLabel\n  } = props;\n  let childrenToRender = children as ReactElement[];\n  const pConn = getPConnect();\n  const [dropDownDataSource, setDropDownDataSource] = useState(null);\n  const propsToUse: any = { label, showLabel, ...pConn.getInheritedProps() };\n  if (propsToUse.showLabel === false) {\n    propsToUse.label = '';\n  }\n  const rawViewMetadata: any = pConn.getRawMetadata();\n  const viewName = rawViewMetadata.name;\n  const [firstChildMeta] = rawViewMetadata.children;\n  const refList = rawViewMetadata.config.referenceList;\n  const canBeChangedInReviewMode = allowAndPersistChangesInReviewMode && (displayAs === 'autocomplete' || displayAs === 'dropdown');\n  let propName;\n  const isDisplayModeEnabled = ['LABELS_LEFT', 'STACKED_LARGE_VAL'].includes(displayMode);\n  let firstChildPConnect;\n\n  /* Only for dropdown when it has param use data api to get the data back and add it to datasource */\n  useEffect(() => {\n    if (firstChildMeta?.type === 'Dropdown' && rawViewMetadata.config?.parameters) {\n      const { value, key, text } = firstChildMeta.config.datasource.fields;\n      (\n        PCore.getDataApiUtils().getData(\n          refList,\n          {\n            dataViewParameters: parameters\n          } as any,\n          ''\n        ) as Promise<any>\n      )\n        .then(res => {\n          if (res.data.data !== null) {\n            const ddDataSource = res.data.data\n              .map(listItem => ({\n                key: listItem[key.split(' .', 2)[1]],\n                text: listItem[text.split(' .', 2)[1]],\n                value: listItem[value.split(' .', 2)[1]]\n              }))\n              .filter(item => item.key);\n            // Filtering out undefined entries that will break preview\n            setDropDownDataSource(ddDataSource);\n          } else {\n            const ddDataSource: any = [];\n            setDropDownDataSource(ddDataSource);\n          }\n        })\n        .catch(err => {\n          // eslint-disable-next-line no-console\n          console.error(err?.stack);\n          return Promise.resolve({\n            data: { data: [] }\n          });\n        });\n    }\n  }, [firstChildMeta, rawViewMetadata, parameters]);\n\n  if (firstChildMeta?.type !== 'Region') {\n    firstChildPConnect = getPConnect().getChildren()?.[0].getPConnect;\n    /* remove refresh When condition from those old view so that it will not be used for runtime */\n    if (firstChildMeta.config?.readOnly) {\n      delete firstChildMeta.config.readOnly;\n    }\n    if (firstChildMeta?.type === 'Dropdown') {\n      firstChildMeta.config.datasource.source = rawViewMetadata.config?.parameters\n        ? dropDownDataSource\n        : '@DATASOURCE '.concat(refList).concat('.pxResults');\n    } else if (firstChildMeta?.type === 'AutoComplete') {\n      firstChildMeta.config.datasource = refList;\n\n      /* Insert the parameters to the component only if present */\n      if (rawViewMetadata.config?.parameters) {\n        firstChildMeta.config.parameters = parameters;\n      }\n    }\n    // set displayMode conditionally\n    if (!canBeChangedInReviewMode) {\n      firstChildMeta.config.displayMode = displayMode;\n    }\n    if (firstChildMeta.type === 'SimpleTableSelect' && selectionMode === SELECTION_MODE.MULTI) {\n      propName = PCore.getAnnotationUtils().getPropertyName(firstChildMeta.config.selectionList);\n    } else {\n      propName = PCore.getAnnotationUtils().getPropertyName(firstChildMeta.config.value);\n    }\n  }\n\n  const handleSelection = event => {\n    const caseKey = pConn.getCaseInfo().getKey();\n    const refreshOptions = { autoDetectRefresh: true };\n    if (canBeChangedInReviewMode && pConn.getValue('__currentPageTabViewName', '')) {\n      // 2nd arg empty string until typedef marked correctly\n      getPConnect().getActionsApi().refreshCaseView(caseKey, pConn.getValue('__currentPageTabViewName', ''), '', refreshOptions); // 2nd arg empty string until typedef marked correctly\n      PCore.getDeferLoadManager().refreshActiveComponents(pConn.getContextName());\n    } else {\n      const pgRef = pConn.getPageReference().replace('caseInfo.content', '');\n      getPConnect().getActionsApi().refreshCaseView(caseKey, viewName, pgRef, refreshOptions);\n    }\n\n    // AutoComplete sets value on event.id whereas Dropdown sets it on event.target.value\n    const propValue = event?.id || event?.target.value;\n    if (propValue && canBeChangedInReviewMode && isDisplayModeEnabled) {\n      (PCore.getDataApiUtils().getCaseEditLock(caseKey, '') as Promise<any>).then(caseResponse => {\n        const pageTokens = pConn.getPageReference().replace('caseInfo.content', '').split('.');\n        let curr = {};\n        const commitData = curr;\n\n        pageTokens.forEach(el => {\n          if (el !== '') {\n            curr[el] = {};\n            curr = curr[el];\n          }\n        });\n\n        // expecting format like {Customer: {pyID:\"C-100\"}}\n        const propArr = propName.split('.');\n        propArr.forEach((element, idx) => {\n          if (idx + 1 === propArr.length) {\n            curr[element] = propValue;\n          } else {\n            curr[element] = {};\n            curr = curr[element];\n          }\n        });\n\n        (\n          PCore.getDataApiUtils().updateCaseEditFieldsData(\n            caseKey,\n            { [caseKey]: commitData },\n            caseResponse.headers.etag,\n            pConn.getContextName()\n          ) as Promise<any>\n        ).then(response => {\n          PCore.getContainerUtils().updateParentLastUpdateTime(pConn.getContextName(), response.data.data.caseInfo.lastUpdateTime);\n          PCore.getContainerUtils().updateRelatedContextEtag(pConn.getContextName(), response.headers.etag);\n        });\n      });\n    }\n  };\n\n  // Re-create first child with overridden props\n  // Memoized child in order to stop unmount and remount of the child component when data reference\n  // rerenders without any actual change\n  const recreatedFirstChild = useMemo(() => {\n    const { type, config } = firstChildMeta;\n    if (firstChildMeta?.type !== 'Region') {\n      pConn.clearErrorMessages({\n        // Need to add empty string for category and context to match typdef\n        property: propName,\n        category: '',\n        context: ''\n      });\n      if (!canBeChangedInReviewMode && isDisplayModeEnabled && selectionMode === SELECTION_MODE.SINGLE) {\n        return (\n          <SingleReferenceReadonly\n            config={config}\n            getPConnect={firstChildPConnect}\n            label={propsToUse.label}\n            type={type}\n            displayAs={displayAs}\n            displayMode={displayMode}\n            ruleClass={ruleClass}\n            referenceType={referenceType}\n            hideLabel={hideLabel}\n            dataRelationshipContext={rawViewMetadata.config.contextClass && rawViewMetadata.config.name ? rawViewMetadata.config.name : null}\n          />\n        );\n      }\n\n      if (isDisplayModeEnabled && selectionMode === SELECTION_MODE.MULTI) {\n        return <MultiReferenceReadonly config={config} getPConnect={firstChildPConnect} label={propsToUse.label} hideLabel={hideLabel} />;\n      }\n\n      // In the case of a datasource with parameters you cannot load the dropdown before the parameters\n      if (type === 'Dropdown' && rawViewMetadata.config?.parameters && dropDownDataSource === null) {\n        return null;\n      }\n\n      return firstChildPConnect().createComponent(\n        {\n          type,\n          config: {\n            ...config,\n            required: propsToUse.required,\n            visibility: propsToUse.visibility,\n            disabled: propsToUse.disabled,\n            label: propsToUse.label,\n            viewName: getPConnect().getCurrentView(),\n            parameters: rawViewMetadata.config.parameters,\n            readOnly: false,\n            localeReference: rawViewMetadata.config.localeReference,\n            ...(selectionMode === SELECTION_MODE.SINGLE ? { referenceType } : ''),\n            dataRelationshipContext: rawViewMetadata.config.contextClass && rawViewMetadata.config.name ? rawViewMetadata.config.name : null,\n            hideLabel,\n            onRecordChange: handleSelection\n          }\n        },\n        '',\n        '',\n        {}\n      ); // 2nd, 3rd, and 4th args empty string/object/null until typedef marked correctly as optional);\n    }\n  }, [firstChildMeta.config?.datasource?.source, parameters, dropDownDataSource, propsToUse.required, propsToUse.disabled]);\n\n  // Only include the views region for rendering when it has content\n  if (firstChildMeta?.type !== 'Region') {\n    const viewsRegion = rawViewMetadata.children[1];\n    if (viewsRegion?.name === 'Views' && viewsRegion.children.length) {\n      childrenToRender = [recreatedFirstChild, ...(children as ReactElement[]).slice(1)];\n    } else {\n      childrenToRender = [recreatedFirstChild];\n    }\n  }\n\n  return childrenToRender.length === 1 ? (\n    (childrenToRender[0] ?? null)\n  ) : (\n    <div>\n      {childrenToRender.map(child => (\n        <>{child}</>\n      ))}\n    </div>\n  );\n}\n"]}

package/lib/components/template/Details/Details/Details.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { createElement } from 'react';
-import Grid from '@material-ui/core/Grid';
+import Grid from '@mui/material/Grid';
 import createPConnectComponent from '../../../../bridge/react_pconnect';
 import { getComponentFromMap } from '../../../../bridge/helpers/sdk_component_map';
 export default function Details(props) {

package/lib/components/template/Details/Details/Details.js.map

@@ -1 +1 @@
-{"version":3,"file":"Details.js","sourceRoot":"","sources":["../../../../../src/components/template/Details/Details/Details.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AACtC,OAAO,IAAI,MAAM,wBAAwB,CAAC;AAE1C,OAAO,uBAAuB,MAAM,mCAAmC,CAAC;AACxE,OAAO,EAAE,mBAAmB,EAAE,MAAM,8CAA8C,CAAC;AAUnF,MAAM,CAAC,OAAO,UAAU,OAAO,CAAC,KAAmB;IACjD,8EAA8E;IAC9E,MAAM,UAAU,GAAG,mBAAmB,CAAC,YAAY,CAAC,CAAC;IAErD,MAAM,EAAE,KAAK,EAAE,SAAS,EAAE,WAAW,EAAE,mBAAmB,EAAE,GAAG,KAAK,CAAC;IAErE,sEAAsE;IACtE,MAAM,UAAU,GAAG,EAAE,KAAK,EAAE,SAAS,EAAE,GAAG,WAAW,EAAE,CAAC,iBAAiB,EAAE,EAAE,CAAC;IAE9E,wFAAwF;IACxF,qDAAqD;IACrD,WAAW,EAAE,CAAC,gBAAgB,CAAC,aAAa,EAAE,aAAa,CAAC,CAAC;IAC7D,WAAW,EAAE,CAAC,gBAAgB,CAAC,UAAU,EAAE,IAAI,CAAC,CAAC;IACjD,MAAM,QAAQ,GAAI,WAAW,EAAE,CAAC,WAAW,EAAY,CAAC,GAAG,CAAC,CAAC,YAAY,EAAE,KAAK,EAAE,EAAE,CAClF,aAAa,CAAC,uBAAuB,EAAE,EAAE;QACvC,GAAG,YAAY;QACf,oDAAoD;QACpD,GAAG,EAAE,KAAK,CAAC,QAAQ,EAAE;KACtB,CAAC,CACH,CAAC;IAEF,4GAA4G;IAC5G,IAAI,kBAAkB,GAAG,EAAE,CAAC;IAC5B,IAAI,mBAAmB,EAAE;QACvB,MAAM,EAAE,eAAe,GAAG,EAAE,EAAE,GAAI,WAAW,EAAE,CAAC,cAAc,EAAU,CAAC,MAAM,CAAC;QAChF,kBAAkB,GAAG,eAAe,CAAC,GAAG,CAAC,KAAK,CAAC,EAAE;YAC/C,KAAK,CAAC,MAAM,CAAC,WAAW,GAAG,mBAAmB,CAAC;YAE/C,iDAAiD;YACjD,IAAI,KAAK,CAAC,MAAM,CAAC,KAAK,KAAK,kBAAkB,EAAE;gBAC7C,KAAK,CAAC,IAAI,GAAG,WAAW,CAAC;gBACzB,KAAK,CAAC,MAAM,CAAC,eAAe,GAAG,IAAI,CAAC;aACrC;YAED,OAAO,WAAW,EAAE,CAAC,eAAe,CAAC,KAAK,EAAE,EAAE,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,6FAA6F;QACvJ,CAAC,CAAC,CAAC;KACJ;IAED,OAAO,CACL,MAAC,UAAU,IAAC,IAAI,EAAE,UAAU,CAAC,SAAS,CAAC,CAAC,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,aAC3D,mBAAmB,IAAI,kBAAkB,CAAC,MAAM,GAAG,CAAC,IAAI,CACvD,KAAC,IAAI,IAAC,SAAS,QAAC,OAAO,EAAE,CAAC,EAAE,KAAK,EAAE,EAAE,OAAO,EAAE,SAAS,EAAE,YACtD,kBAAkB,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,CAAC,EAAE,EAAE,CAAC,CACpC,KAAC,IAAI,IAAC,IAAI,QAAC,EAAE,EAAE,EAAE,YACd,KAAK,IADgB,MAAM,CAAC,GAAG,CAAC,EAAE,CAE9B,CACR,CAAC,GACG,CACR,EACD,KAAC,IAAI,IAAC,SAAS,QAAC,OAAO,EAAE,CAAC,YACvB,QAAQ,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,CAAC,EAAE,EAAE,CAAC,CAC1B,KAAC,IAAI,IAAC,IAAI,QAAC,EAAE,EAAE,EAAE,YACd,KAAK,IADgB,KAAK,CAAC,GAAG,CAAC,EAAE,CAE7B,CACR,CAAC,GACG,IACI,CACd,CAAC;AACJ,CAAC","sourcesContent":["import { createElement } from 'react';\nimport Grid from '@material-ui/core/Grid';\n\nimport createPConnectComponent from '../../../../bridge/react_pconnect';\nimport { getComponentFromMap } from '../../../../bridge/helpers/sdk_component_map';\nimport { PConnProps } from '../../../../types/PConnProps';\n\ninterface DetailsProps extends PConnProps {\n  // If any, enter additional props that only exist on this component\n  label: string;\n  showLabel: boolean;\n  showHighlightedData: boolean;\n}\n\nexport default function Details(props: DetailsProps) {\n  // Get emitted components from map (so we can get any override that may exist)\n  const FieldGroup = getComponentFromMap('FieldGroup');\n\n  const { label, showLabel, getPConnect, showHighlightedData } = props;\n\n  // Get the inherited props from the parent to determine label settings\n  const propsToUse = { label, showLabel, ...getPConnect().getInheritedProps() };\n\n  // Set display mode prop and re-create the children so this part of the dom tree renders\n  // in a readonly (display) mode instead of a editable\n  getPConnect().setInheritedProp('displayMode', 'LABELS_LEFT');\n  getPConnect().setInheritedProp('readOnly', true);\n  const children = (getPConnect().getChildren() as any[]).map((configObject, index) =>\n    createElement(createPConnectComponent(), {\n      ...configObject,\n      // eslint-disable-next-line react/no-array-index-key\n      key: index.toString()\n    })\n  );\n\n  // Set up highlighted data to pass in return if is set to show, need raw metadata to pass to createComponent\n  let highlightedDataArr = [];\n  if (showHighlightedData) {\n    const { highlightedData = [] } = (getPConnect().getRawMetadata() as any).config;\n    highlightedDataArr = highlightedData.map(field => {\n      field.config.displayMode = 'STACKED_LARGE_VAL';\n\n      // Mark as status display when using pyStatusWork\n      if (field.config.value === '@P .pyStatusWork') {\n        field.type = 'TextInput';\n        field.config.displayAsStatus = true;\n      }\n\n      return getPConnect().createComponent(field, '', 0, {}); // 2nd, 3rd, and 4th args empty string/object/null until typedef marked correctly as optional\n    });\n  }\n\n  return (\n    <FieldGroup name={propsToUse.showLabel ? propsToUse.label : ''}>\n      {showHighlightedData && highlightedDataArr.length > 0 && (\n        <Grid container spacing={1} style={{ padding: '0 0 1em' }}>\n          {highlightedDataArr.map((child, i) => (\n            <Grid item xs={12} key={`hf-${i + 1}`}>\n              {child}\n            </Grid>\n          ))}\n        </Grid>\n      )}\n      <Grid container spacing={1}>\n        {children.map((child, i) => (\n          <Grid item xs={12} key={`r-${i + 1}`}>\n            {child}\n          </Grid>\n        ))}\n      </Grid>\n    </FieldGroup>\n  );\n}\n"]}
+{"version":3,"file":"Details.js","sourceRoot":"","sources":["../../../../../src/components/template/Details/Details/Details.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AACtC,OAAO,IAAI,MAAM,oBAAoB,CAAC;AAEtC,OAAO,uBAAuB,MAAM,mCAAmC,CAAC;AACxE,OAAO,EAAE,mBAAmB,EAAE,MAAM,8CAA8C,CAAC;AAUnF,MAAM,CAAC,OAAO,UAAU,OAAO,CAAC,KAAmB;IACjD,8EAA8E;IAC9E,MAAM,UAAU,GAAG,mBAAmB,CAAC,YAAY,CAAC,CAAC;IAErD,MAAM,EAAE,KAAK,EAAE,SAAS,EAAE,WAAW,EAAE,mBAAmB,EAAE,GAAG,KAAK,CAAC;IAErE,sEAAsE;IACtE,MAAM,UAAU,GAAG,EAAE,KAAK,EAAE,SAAS,EAAE,GAAG,WAAW,EAAE,CAAC,iBAAiB,EAAE,EAAE,CAAC;IAE9E,wFAAwF;IACxF,qDAAqD;IACrD,WAAW,EAAE,CAAC,gBAAgB,CAAC,aAAa,EAAE,aAAa,CAAC,CAAC;IAC7D,WAAW,EAAE,CAAC,gBAAgB,CAAC,UAAU,EAAE,IAAI,CAAC,CAAC;IACjD,MAAM,QAAQ,GAAI,WAAW,EAAE,CAAC,WAAW,EAAY,CAAC,GAAG,CAAC,CAAC,YAAY,EAAE,KAAK,EAAE,EAAE,CAClF,aAAa,CAAC,uBAAuB,EAAE,EAAE;QACvC,GAAG,YAAY;QACf,oDAAoD;QACpD,GAAG,EAAE,KAAK,CAAC,QAAQ,EAAE;KACtB,CAAC,CACH,CAAC;IAEF,4GAA4G;IAC5G,IAAI,kBAAkB,GAAG,EAAE,CAAC;IAC5B,IAAI,mBAAmB,EAAE;QACvB,MAAM,EAAE,eAAe,GAAG,EAAE,EAAE,GAAI,WAAW,EAAE,CAAC,cAAc,EAAU,CAAC,MAAM,CAAC;QAChF,kBAAkB,GAAG,eAAe,CAAC,GAAG,CAAC,KAAK,CAAC,EAAE;YAC/C,KAAK,CAAC,MAAM,CAAC,WAAW,GAAG,mBAAmB,CAAC;YAE/C,iDAAiD;YACjD,IAAI,KAAK,CAAC,MAAM,CAAC,KAAK,KAAK,kBAAkB,EAAE;gBAC7C,KAAK,CAAC,IAAI,GAAG,WAAW,CAAC;gBACzB,KAAK,CAAC,MAAM,CAAC,eAAe,GAAG,IAAI,CAAC;aACrC;YAED,OAAO,WAAW,EAAE,CAAC,eAAe,CAAC,KAAK,EAAE,EAAE,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,6FAA6F;QACvJ,CAAC,CAAC,CAAC;KACJ;IAED,OAAO,CACL,MAAC,UAAU,IAAC,IAAI,EAAE,UAAU,CAAC,SAAS,CAAC,CAAC,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,aAC3D,mBAAmB,IAAI,kBAAkB,CAAC,MAAM,GAAG,CAAC,IAAI,CACvD,KAAC,IAAI,IAAC,SAAS,QAAC,OAAO,EAAE,CAAC,EAAE,KAAK,EAAE,EAAE,OAAO,EAAE,SAAS,EAAE,YACtD,kBAAkB,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,CAAC,EAAE,EAAE,CAAC,CACpC,KAAC,IAAI,IAAC,IAAI,QAAC,EAAE,EAAE,EAAE,YACd,KAAK,IADgB,MAAM,CAAC,GAAG,CAAC,EAAE,CAE9B,CACR,CAAC,GACG,CACR,EACD,KAAC,IAAI,IAAC,SAAS,QAAC,OAAO,EAAE,CAAC,YACvB,QAAQ,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,CAAC,EAAE,EAAE,CAAC,CAC1B,KAAC,IAAI,IAAC,IAAI,QAAC,EAAE,EAAE,EAAE,YACd,KAAK,IADgB,KAAK,CAAC,GAAG,CAAC,EAAE,CAE7B,CACR,CAAC,GACG,IACI,CACd,CAAC;AACJ,CAAC","sourcesContent":["import { createElement } from 'react';\nimport Grid from '@mui/material/Grid';\n\nimport createPConnectComponent from '../../../../bridge/react_pconnect';\nimport { getComponentFromMap } from '../../../../bridge/helpers/sdk_component_map';\nimport { PConnProps } from '../../../../types/PConnProps';\n\ninterface DetailsProps extends PConnProps {\n  // If any, enter additional props that only exist on this component\n  label: string;\n  showLabel: boolean;\n  showHighlightedData: boolean;\n}\n\nexport default function Details(props: DetailsProps) {\n  // Get emitted components from map (so we can get any override that may exist)\n  const FieldGroup = getComponentFromMap('FieldGroup');\n\n  const { label, showLabel, getPConnect, showHighlightedData } = props;\n\n  // Get the inherited props from the parent to determine label settings\n  const propsToUse = { label, showLabel, ...getPConnect().getInheritedProps() };\n\n  // Set display mode prop and re-create the children so this part of the dom tree renders\n  // in a readonly (display) mode instead of a editable\n  getPConnect().setInheritedProp('displayMode', 'LABELS_LEFT');\n  getPConnect().setInheritedProp('readOnly', true);\n  const children = (getPConnect().getChildren() as any[]).map((configObject, index) =>\n    createElement(createPConnectComponent(), {\n      ...configObject,\n      // eslint-disable-next-line react/no-array-index-key\n      key: index.toString()\n    })\n  );\n\n  // Set up highlighted data to pass in return if is set to show, need raw metadata to pass to createComponent\n  let highlightedDataArr = [];\n  if (showHighlightedData) {\n    const { highlightedData = [] } = (getPConnect().getRawMetadata() as any).config;\n    highlightedDataArr = highlightedData.map(field => {\n      field.config.displayMode = 'STACKED_LARGE_VAL';\n\n      // Mark as status display when using pyStatusWork\n      if (field.config.value === '@P .pyStatusWork') {\n        field.type = 'TextInput';\n        field.config.displayAsStatus = true;\n      }\n\n      return getPConnect().createComponent(field, '', 0, {}); // 2nd, 3rd, and 4th args empty string/object/null until typedef marked correctly as optional\n    });\n  }\n\n  return (\n    <FieldGroup name={propsToUse.showLabel ? propsToUse.label : ''}>\n      {showHighlightedData && highlightedDataArr.length > 0 && (\n        <Grid container spacing={1} style={{ padding: '0 0 1em' }}>\n          {highlightedDataArr.map((child, i) => (\n            <Grid item xs={12} key={`hf-${i + 1}`}>\n              {child}\n            </Grid>\n          ))}\n        </Grid>\n      )}\n      <Grid container spacing={1}>\n        {children.map((child, i) => (\n          <Grid item xs={12} key={`r-${i + 1}`}>\n            {child}\n          </Grid>\n        ))}\n      </Grid>\n    </FieldGroup>\n  );\n}\n"]}

package/lib/components/template/Details/DetailsSubTabs/DetailsSubTabs.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { Children, useEffect, useState } from 'react';
-import { Tab, Tabs, TextField } from '@material-ui/core';
-import { TabContext, TabPanel } from '@material-ui/lab';
+import { Tab, Tabs, TextField } from '@mui/material';
+import { TabContext, TabPanel } from '@mui/lab';
 import { getTransientTabs, getVisibleTabs, tabClick } from '../../SubTabs/tabUtils';
 export default function DetailsSubTabs(props) {
     const { children = [], label, showLabel = true, getPConnect } = props;
@@ -23,6 +23,6 @@ export default function DetailsSubTabs(props) {
         setCurrentTabId(index);
         tabClick(index, availableTabs, currentTabId, setCurrentTabId, tabItems);
     };
-    return (_jsxs(_Fragment, { children: [propsToUse.showLabel && _jsx(TextField, { children: propsToUse.label }), _jsxs(TabContext, { value: currentTabId.toString(), children: [_jsx(Tabs, { onChange: handleTabClick, value: currentTabId, children: tabItems.map((tab) => (_jsx(Tab, { label: tab.name, value: tab.id }, tab.id))) }), tabItems.map((tab) => (_jsx(TabPanel, { value: tab.id, tabIndex: +tab.id, children: _jsx("div", { children: tab.content ? tab.content : 'No content exists' }) }, tab.id)))] })] }));
+    return (_jsxs(_Fragment, { children: [propsToUse.showLabel && _jsx(TextField, { variant: 'standard', children: propsToUse.label }), _jsxs(TabContext, { value: currentTabId.toString(), children: [_jsx(Tabs, { onChange: handleTabClick, value: currentTabId, children: tabItems.map((tab) => (_jsx(Tab, { label: tab.name, value: tab.id }, tab.id))) }), tabItems.map((tab) => (_jsx(TabPanel, { value: tab.id, tabIndex: +tab.id, children: _jsx("div", { children: tab.content ? tab.content : 'No content exists' }) }, tab.id)))] })] }));
 }
 //# sourceMappingURL=DetailsSubTabs.js.map

package/lib/components/template/Details/DetailsSubTabs/DetailsSubTabs.js.map

@@ -1 +1 @@
-{"version":3,"file":"DetailsSubTabs.js","sourceRoot":"","sources":["../../../../../src/components/template/Details/DetailsSubTabs/DetailsSubTabs.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAqB,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACzE,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AACzD,OAAO,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAExD,OAAO,EAAE,gBAAgB,EAAE,cAAc,EAAE,QAAQ,EAAE,MAAM,wBAAwB,CAAC;AASpF,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,KAA6C;IAClF,MAAM,EAAE,QAAQ,GAAG,EAAE,EAAE,KAAK,EAAE,SAAS,GAAG,IAAI,EAAE,WAAW,EAAE,GAAG,KAAK,CAAC;IACtE,sEAAsE;IACtE,MAAM,UAAU,GAAG,EAAE,KAAK,EAAE,SAAS,EAAE,GAAG,WAAW,EAAE,CAAC,iBAAiB,EAAE,EAAE,CAAC;IAE9E,MAAM,eAAe,GAAG,CAAC,CAAC;IAC1B,MAAM,eAAe,GAAG,QAAQ,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC;IACtD,IAAI,aAAa,GAAG,EAAE,CAAC;IAEvB,SAAS,CAAC,GAAG,EAAE;QACb,aAAa,GAAG,cAAc,CAAC,eAAe,EAAE,gBAAgB,CAAC,CAAC;IACpE,CAAC,EAAE,CAAC,aAAa,CAAC,CAAC,CAAC;IAEpB,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,CAAC,eAAe,CAAC,QAAQ,EAAE,CAAC,CAAC;IAE7E,MAAM,CAAC,QAAQ,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC;IAC5C,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,YAAY,GAAG,gBAAgB,CAAC,aAAa,EAAE,YAAY,EAAE,QAAQ,CAAC,CAAC;QAC7E,UAAU,CAAC,YAAY,CAAC,CAAC;IAC3B,CAAC,EAAE,CAAC,YAAY,CAAC,CAAC,CAAC;IAEnB,MAAM,cAAc,GAAG,CAAC,EAAE,EAAE,KAAa,EAAE,EAAE;QAC3C,eAAe,CAAC,KAAK,CAAC,CAAC;QACvB,QAAQ,CAAC,KAAK,EAAE,aAAa,EAAE,YAAY,EAAE,eAAe,EAAE,QAAQ,CAAC,CAAC;IAC1E,CAAC,CAAC;IAEF,OAAO,CACL,8BACG,UAAU,CAAC,SAAS,IAAI,KAAC,SAAS,cAAE,UAAU,CAAC,KAAK,GAAa,EAClE,MAAC,UAAU,IAAC,KAAK,EAAE,YAAY,CAAC,QAAQ,EAAE,aACxC,KAAC,IAAI,IAAC,QAAQ,EAAE,cAAc,EAAE,KAAK,EAAE,YAAY,YAChD,QAAQ,CAAC,GAAG,CAAC,CAAC,GAAQ,EAAE,EAAE,CAAC,CAC1B,KAAC,GAAG,IAAc,KAAK,EAAE,GAAG,CAAC,IAAI,EAAE,KAAK,EAAE,GAAG,CAAC,EAAE,IAAtC,GAAG,CAAC,EAAE,CAAoC,CACrD,CAAC,GACG,EAEN,QAAQ,CAAC,GAAG,CAAC,CAAC,GAAQ,EAAE,EAAE,CAAC,CAC1B,KAAC,QAAQ,IAAc,KAAK,EAAE,GAAG,CAAC,EAAE,EAAE,QAAQ,EAAE,CAAC,GAAG,CAAC,EAAE,YACrD,wBAAM,GAAG,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC,CAAC,mBAAmB,GAAO,IAD/C,GAAG,CAAC,EAAE,CAEV,CACZ,CAAC,IACS,IACZ,CACJ,CAAC;AACJ,CAAC","sourcesContent":["import { Children, PropsWithChildren, useEffect, useState } from 'react';\nimport { Tab, Tabs, TextField } from '@material-ui/core';\nimport { TabContext, TabPanel } from '@material-ui/lab';\n\nimport { getTransientTabs, getVisibleTabs, tabClick } from '../../SubTabs/tabUtils';\nimport { PConnProps } from '../../../../types/PConnProps';\n\ninterface DetailsSubTabsProps extends PConnProps {\n  // If any, enter additional props that only exist on this component\n  showLabel: boolean;\n  label: string;\n}\n\nexport default function DetailsSubTabs(props: PropsWithChildren<DetailsSubTabsProps>) {\n  const { children = [], label, showLabel = true, getPConnect } = props;\n  // Get the inherited props from the parent to determine label settings\n  const propsToUse = { label, showLabel, ...getPConnect().getInheritedProps() };\n\n  const defaultTabIndex = 0;\n  const deferLoadedTabs = Children.toArray(children)[0];\n  let availableTabs = [];\n\n  useEffect(() => {\n    availableTabs = getVisibleTabs(deferLoadedTabs, 'detailsSubTabs');\n  }, [availableTabs]);\n\n  const [currentTabId, setCurrentTabId] = useState(defaultTabIndex.toString());\n\n  const [tabItems, setTabitem] = useState([]);\n  useEffect(() => {\n    const tempTabItems = getTransientTabs(availableTabs, currentTabId, tabItems);\n    setTabitem(tempTabItems);\n  }, [currentTabId]);\n\n  const handleTabClick = (id, index: string) => {\n    setCurrentTabId(index);\n    tabClick(index, availableTabs, currentTabId, setCurrentTabId, tabItems);\n  };\n\n  return (\n    <>\n      {propsToUse.showLabel && <TextField>{propsToUse.label}</TextField>}\n      <TabContext value={currentTabId.toString()}>\n        <Tabs onChange={handleTabClick} value={currentTabId}>\n          {tabItems.map((tab: any) => (\n            <Tab key={tab.id} label={tab.name} value={tab.id} />\n          ))}\n        </Tabs>\n\n        {tabItems.map((tab: any) => (\n          <TabPanel key={tab.id} value={tab.id} tabIndex={+tab.id}>\n            <div>{tab.content ? tab.content : 'No content exists'}</div>\n          </TabPanel>\n        ))}\n      </TabContext>\n    </>\n  );\n}\n"]}
+{"version":3,"file":"DetailsSubTabs.js","sourceRoot":"","sources":["../../../../../src/components/template/Details/DetailsSubTabs/DetailsSubTabs.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAqB,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACzE,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AACrD,OAAO,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAC;AAEhD,OAAO,EAAE,gBAAgB,EAAE,cAAc,EAAE,QAAQ,EAAE,MAAM,wBAAwB,CAAC;AASpF,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,KAA6C;IAClF,MAAM,EAAE,QAAQ,GAAG,EAAE,EAAE,KAAK,EAAE,SAAS,GAAG,IAAI,EAAE,WAAW,EAAE,GAAG,KAAK,CAAC;IACtE,sEAAsE;IACtE,MAAM,UAAU,GAAG,EAAE,KAAK,EAAE,SAAS,EAAE,GAAG,WAAW,EAAE,CAAC,iBAAiB,EAAE,EAAE,CAAC;IAE9E,MAAM,eAAe,GAAG,CAAC,CAAC;IAC1B,MAAM,eAAe,GAAG,QAAQ,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC;IACtD,IAAI,aAAa,GAAG,EAAE,CAAC;IAEvB,SAAS,CAAC,GAAG,EAAE;QACb,aAAa,GAAG,cAAc,CAAC,eAAe,EAAE,gBAAgB,CAAC,CAAC;IACpE,CAAC,EAAE,CAAC,aAAa,CAAC,CAAC,CAAC;IAEpB,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,CAAC,eAAe,CAAC,QAAQ,EAAE,CAAC,CAAC;IAE7E,MAAM,CAAC,QAAQ,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC;IAC5C,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,YAAY,GAAG,gBAAgB,CAAC,aAAa,EAAE,YAAY,EAAE,QAAQ,CAAC,CAAC;QAC7E,UAAU,CAAC,YAAY,CAAC,CAAC;IAC3B,CAAC,EAAE,CAAC,YAAY,CAAC,CAAC,CAAC;IAEnB,MAAM,cAAc,GAAG,CAAC,EAAE,EAAE,KAAa,EAAE,EAAE;QAC3C,eAAe,CAAC,KAAK,CAAC,CAAC;QACvB,QAAQ,CAAC,KAAK,EAAE,aAAa,EAAE,YAAY,EAAE,eAAe,EAAE,QAAQ,CAAC,CAAC;IAC1E,CAAC,CAAC;IAEF,OAAO,CACL,8BACG,UAAU,CAAC,SAAS,IAAI,KAAC,SAAS,IAAC,OAAO,EAAC,UAAU,YAAE,UAAU,CAAC,KAAK,GAAa,EACrF,MAAC,UAAU,IAAC,KAAK,EAAE,YAAY,CAAC,QAAQ,EAAE,aACxC,KAAC,IAAI,IAAC,QAAQ,EAAE,cAAc,EAAE,KAAK,EAAE,YAAY,YAChD,QAAQ,CAAC,GAAG,CAAC,CAAC,GAAQ,EAAE,EAAE,CAAC,CAC1B,KAAC,GAAG,IAAc,KAAK,EAAE,GAAG,CAAC,IAAI,EAAE,KAAK,EAAE,GAAG,CAAC,EAAE,IAAtC,GAAG,CAAC,EAAE,CAAoC,CACrD,CAAC,GACG,EAEN,QAAQ,CAAC,GAAG,CAAC,CAAC,GAAQ,EAAE,EAAE,CAAC,CAC1B,KAAC,QAAQ,IAAc,KAAK,EAAE,GAAG,CAAC,EAAE,EAAE,QAAQ,EAAE,CAAC,GAAG,CAAC,EAAE,YACrD,wBAAM,GAAG,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC,CAAC,mBAAmB,GAAO,IAD/C,GAAG,CAAC,EAAE,CAEV,CACZ,CAAC,IACS,IACZ,CACJ,CAAC;AACJ,CAAC","sourcesContent":["import { Children, PropsWithChildren, useEffect, useState } from 'react';\nimport { Tab, Tabs, TextField } from '@mui/material';\nimport { TabContext, TabPanel } from '@mui/lab';\n\nimport { getTransientTabs, getVisibleTabs, tabClick } from '../../SubTabs/tabUtils';\nimport { PConnProps } from '../../../../types/PConnProps';\n\ninterface DetailsSubTabsProps extends PConnProps {\n  // If any, enter additional props that only exist on this component\n  showLabel: boolean;\n  label: string;\n}\n\nexport default function DetailsSubTabs(props: PropsWithChildren<DetailsSubTabsProps>) {\n  const { children = [], label, showLabel = true, getPConnect } = props;\n  // Get the inherited props from the parent to determine label settings\n  const propsToUse = { label, showLabel, ...getPConnect().getInheritedProps() };\n\n  const defaultTabIndex = 0;\n  const deferLoadedTabs = Children.toArray(children)[0];\n  let availableTabs = [];\n\n  useEffect(() => {\n    availableTabs = getVisibleTabs(deferLoadedTabs, 'detailsSubTabs');\n  }, [availableTabs]);\n\n  const [currentTabId, setCurrentTabId] = useState(defaultTabIndex.toString());\n\n  const [tabItems, setTabitem] = useState([]);\n  useEffect(() => {\n    const tempTabItems = getTransientTabs(availableTabs, currentTabId, tabItems);\n    setTabitem(tempTabItems);\n  }, [currentTabId]);\n\n  const handleTabClick = (id, index: string) => {\n    setCurrentTabId(index);\n    tabClick(index, availableTabs, currentTabId, setCurrentTabId, tabItems);\n  };\n\n  return (\n    <>\n      {propsToUse.showLabel && <TextField variant='standard'>{propsToUse.label}</TextField>}\n      <TabContext value={currentTabId.toString()}>\n        <Tabs onChange={handleTabClick} value={currentTabId}>\n          {tabItems.map((tab: any) => (\n            <Tab key={tab.id} label={tab.name} value={tab.id} />\n          ))}\n        </Tabs>\n\n        {tabItems.map((tab: any) => (\n          <TabPanel key={tab.id} value={tab.id} tabIndex={+tab.id}>\n            <div>{tab.content ? tab.content : 'No content exists'}</div>\n          </TabPanel>\n        ))}\n      </TabContext>\n    </>\n  );\n}\n"]}

package/lib/components/template/Details/DetailsThreeColumn/DetailsThreeColumn.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { createElement } from 'react';
-import Grid from '@material-ui/core/Grid';
+import Grid from '@mui/material/Grid';
 import createPConnectComponent from '../../../../bridge/react_pconnect';
 import { getComponentFromMap } from '../../../../bridge/helpers/sdk_component_map';
 export default function DetailsThreeColumn(props) {

package/lib/components/template/Details/DetailsThreeColumn/DetailsThreeColumn.js.map

@@ -1 +1 @@
-{"version":3,"file":"DetailsThreeColumn.js","sourceRoot":"","sources":["../../../../../src/components/template/Details/DetailsThreeColumn/DetailsThreeColumn.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AACtC,OAAO,IAAI,MAAM,wBAAwB,CAAC;AAE1C,OAAO,uBAAuB,MAAM,mCAAmC,CAAC;AACxE,OAAO,EAAE,mBAAmB,EAAE,MAAM,8CAA8C,CAAC;AAUnF,MAAM,CAAC,OAAO,UAAU,kBAAkB,CAAC,KAA8B;IACvE,8EAA8E;IAC9E,MAAM,UAAU,GAAG,mBAAmB,CAAC,YAAY,CAAC,CAAC;IAErD,MAAM,EAAE,KAAK,EAAE,SAAS,GAAG,IAAI,EAAE,WAAW,EAAE,mBAAmB,GAAG,KAAK,EAAE,GAAG,KAAK,CAAC;IAEpF,sEAAsE;IACtE,MAAM,UAAU,GAAG,EAAE,KAAK,EAAE,SAAS,EAAE,GAAG,WAAW,EAAE,CAAC,iBAAiB,EAAE,EAAE,CAAC;IAE9E,wFAAwF;IACxF,qDAAqD;IACrD,WAAW,EAAE,CAAC,gBAAgB,CAAC,aAAa,EAAE,aAAa,CAAC,CAAC;IAC7D,WAAW,EAAE,CAAC,gBAAgB,CAAC,UAAU,EAAE,IAAI,CAAC,CAAC;IACjD,MAAM,QAAQ,GAAI,WAAW,EAAE,CAAC,WAAW,EAAY,CAAC,GAAG,CAAC,CAAC,YAAY,EAAE,KAAK,EAAE,EAAE,CAClF,aAAa,CAAC,uBAAuB,EAAE,EAAE;QACvC,GAAG,YAAY;QACf,oDAAoD;QACpD,GAAG,EAAE,KAAK,CAAC,QAAQ,EAAE;KACtB,CAAC,CACH,CAAC;IAEF,4GAA4G;IAC5G,IAAI,kBAAkB,GAAG,EAAE,CAAC;IAC5B,IAAI,mBAAmB,EAAE;QACvB,MAAM,EAAE,eAAe,GAAG,EAAE,EAAE,GAAI,WAAW,EAAE,CAAC,cAAc,EAAU,CAAC,MAAM,CAAC;QAChF,kBAAkB,GAAG,eAAe,CAAC,GAAG,CAAC,KAAK,CAAC,EAAE;YAC/C,KAAK,CAAC,MAAM,CAAC,WAAW,GAAG,mBAAmB,CAAC;YAE/C,iDAAiD;YACjD,IAAI,KAAK,CAAC,MAAM,CAAC,KAAK,KAAK,kBAAkB,EAAE;gBAC7C,KAAK,CAAC,IAAI,GAAG,WAAW,CAAC;gBACzB,KAAK,CAAC,MAAM,CAAC,eAAe,GAAG,IAAI,CAAC;aACrC;YAED,OAAO,WAAW,EAAE,CAAC,eAAe,CAAC,KAAK,EAAE,EAAE,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,+FAA+F;QACzJ,CAAC,CAAC,CAAC;KACJ;IAED,OAAO,CACL,MAAC,UAAU,IAAC,IAAI,EAAE,UAAU,CAAC,SAAS,CAAC,CAAC,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,aAC3D,mBAAmB,IAAI,kBAAkB,CAAC,MAAM,GAAG,CAAC,IAAI,CACvD,KAAC,IAAI,IAAC,SAAS,QAAC,OAAO,EAAE,CAAC,EAAE,KAAK,EAAE,EAAE,OAAO,EAAE,SAAS,EAAE,YACtD,kBAAkB,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,CAAC,EAAE,EAAE,CAAC,CACpC,KAAC,IAAI,IAAC,IAAI,QAAC,EAAE,EAAE,CAAC,YACb,KAAK,IADe,MAAM,CAAC,GAAG,CAAC,EAAE,CAE7B,CACR,CAAC,GACG,CACR,EACD,KAAC,IAAI,IAAC,SAAS,QAAC,OAAO,EAAE,CAAC,YACvB,QAAQ,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,CAAC,EAAE,EAAE,CAAC,CAC1B,KAAC,IAAI,IAAC,IAAI,QAAC,EAAE,EAAE,CAAC,YACb,KAAK,IADe,KAAK,CAAC,GAAG,CAAC,EAAE,CAE5B,CACR,CAAC,GACG,IACI,CACd,CAAC;AACJ,CAAC","sourcesContent":["import { createElement } from 'react';\nimport Grid from '@material-ui/core/Grid';\n\nimport createPConnectComponent from '../../../../bridge/react_pconnect';\nimport { getComponentFromMap } from '../../../../bridge/helpers/sdk_component_map';\nimport { PConnProps } from '../../../../types/PConnProps';\n\ninterface DetailsThreeColumnProps extends PConnProps {\n  // If any, enter additional props that only exist on this component\n  showLabel: boolean;\n  label: string;\n  showHighlightedData: boolean;\n}\n\nexport default function DetailsThreeColumn(props: DetailsThreeColumnProps) {\n  // Get emitted components from map (so we can get any override that may exist)\n  const FieldGroup = getComponentFromMap('FieldGroup');\n\n  const { label, showLabel = true, getPConnect, showHighlightedData = false } = props;\n\n  // Get the inherited props from the parent to determine label settings\n  const propsToUse = { label, showLabel, ...getPConnect().getInheritedProps() };\n\n  // Set display mode prop and re-create the children so this part of the dom tree renders\n  // in a readonly (display) mode instead of a editable\n  getPConnect().setInheritedProp('displayMode', 'LABELS_LEFT');\n  getPConnect().setInheritedProp('readOnly', true);\n  const children = (getPConnect().getChildren() as any[]).map((configObject, index) =>\n    createElement(createPConnectComponent(), {\n      ...configObject,\n      // eslint-disable-next-line react/no-array-index-key\n      key: index.toString()\n    })\n  );\n\n  // Set up highlighted data to pass in return if is set to show, need raw metadata to pass to createComponent\n  let highlightedDataArr = [];\n  if (showHighlightedData) {\n    const { highlightedData = [] } = (getPConnect().getRawMetadata() as any).config;\n    highlightedDataArr = highlightedData.map(field => {\n      field.config.displayMode = 'STACKED_LARGE_VAL';\n\n      // Mark as status display when using pyStatusWork\n      if (field.config.value === '@P .pyStatusWork') {\n        field.type = 'TextInput';\n        field.config.displayAsStatus = true;\n      }\n\n      return getPConnect().createComponent(field, '', 0, {}); // 2nd, 3rd, and 4th args empty string/object/null until typedef marked correctly as optional);\n    });\n  }\n\n  return (\n    <FieldGroup name={propsToUse.showLabel ? propsToUse.label : ''}>\n      {showHighlightedData && highlightedDataArr.length > 0 && (\n        <Grid container spacing={1} style={{ padding: '0 0 1em' }}>\n          {highlightedDataArr.map((child, i) => (\n            <Grid item xs={4} key={`hf-${i + 1}`}>\n              {child}\n            </Grid>\n          ))}\n        </Grid>\n      )}\n      <Grid container spacing={1}>\n        {children.map((child, i) => (\n          <Grid item xs={4} key={`r-${i + 1}`}>\n            {child}\n          </Grid>\n        ))}\n      </Grid>\n    </FieldGroup>\n  );\n}\n"]}
+{"version":3,"file":"DetailsThreeColumn.js","sourceRoot":"","sources":["../../../../../src/components/template/Details/DetailsThreeColumn/DetailsThreeColumn.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AACtC,OAAO,IAAI,MAAM,oBAAoB,CAAC;AAEtC,OAAO,uBAAuB,MAAM,mCAAmC,CAAC;AACxE,OAAO,EAAE,mBAAmB,EAAE,MAAM,8CAA8C,CAAC;AAUnF,MAAM,CAAC,OAAO,UAAU,kBAAkB,CAAC,KAA8B;IACvE,8EAA8E;IAC9E,MAAM,UAAU,GAAG,mBAAmB,CAAC,YAAY,CAAC,CAAC;IAErD,MAAM,EAAE,KAAK,EAAE,SAAS,GAAG,IAAI,EAAE,WAAW,EAAE,mBAAmB,GAAG,KAAK,EAAE,GAAG,KAAK,CAAC;IAEpF,sEAAsE;IACtE,MAAM,UAAU,GAAG,EAAE,KAAK,EAAE,SAAS,EAAE,GAAG,WAAW,EAAE,CAAC,iBAAiB,EAAE,EAAE,CAAC;IAE9E,wFAAwF;IACxF,qDAAqD;IACrD,WAAW,EAAE,CAAC,gBAAgB,CAAC,aAAa,EAAE,aAAa,CAAC,CAAC;IAC7D,WAAW,EAAE,CAAC,gBAAgB,CAAC,UAAU,EAAE,IAAI,CAAC,CAAC;IACjD,MAAM,QAAQ,GAAI,WAAW,EAAE,CAAC,WAAW,EAAY,CAAC,GAAG,CAAC,CAAC,YAAY,EAAE,KAAK,EAAE,EAAE,CAClF,aAAa,CAAC,uBAAuB,EAAE,EAAE;QACvC,GAAG,YAAY;QACf,oDAAoD;QACpD,GAAG,EAAE,KAAK,CAAC,QAAQ,EAAE;KACtB,CAAC,CACH,CAAC;IAEF,4GAA4G;IAC5G,IAAI,kBAAkB,GAAG,EAAE,CAAC;IAC5B,IAAI,mBAAmB,EAAE;QACvB,MAAM,EAAE,eAAe,GAAG,EAAE,EAAE,GAAI,WAAW,EAAE,CAAC,cAAc,EAAU,CAAC,MAAM,CAAC;QAChF,kBAAkB,GAAG,eAAe,CAAC,GAAG,CAAC,KAAK,CAAC,EAAE;YAC/C,KAAK,CAAC,MAAM,CAAC,WAAW,GAAG,mBAAmB,CAAC;YAE/C,iDAAiD;YACjD,IAAI,KAAK,CAAC,MAAM,CAAC,KAAK,KAAK,kBAAkB,EAAE;gBAC7C,KAAK,CAAC,IAAI,GAAG,WAAW,CAAC;gBACzB,KAAK,CAAC,MAAM,CAAC,eAAe,GAAG,IAAI,CAAC;aACrC;YAED,OAAO,WAAW,EAAE,CAAC,eAAe,CAAC,KAAK,EAAE,EAAE,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,+FAA+F;QACzJ,CAAC,CAAC,CAAC;KACJ;IAED,OAAO,CACL,MAAC,UAAU,IAAC,IAAI,EAAE,UAAU,CAAC,SAAS,CAAC,CAAC,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,aAC3D,mBAAmB,IAAI,kBAAkB,CAAC,MAAM,GAAG,CAAC,IAAI,CACvD,KAAC,IAAI,IAAC,SAAS,QAAC,OAAO,EAAE,CAAC,EAAE,KAAK,EAAE,EAAE,OAAO,EAAE,SAAS,EAAE,YACtD,kBAAkB,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,CAAC,EAAE,EAAE,CAAC,CACpC,KAAC,IAAI,IAAC,IAAI,QAAC,EAAE,EAAE,CAAC,YACb,KAAK,IADe,MAAM,CAAC,GAAG,CAAC,EAAE,CAE7B,CACR,CAAC,GACG,CACR,EACD,KAAC,IAAI,IAAC,SAAS,QAAC,OAAO,EAAE,CAAC,YACvB,QAAQ,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,CAAC,EAAE,EAAE,CAAC,CAC1B,KAAC,IAAI,IAAC,IAAI,QAAC,EAAE,EAAE,CAAC,YACb,KAAK,IADe,KAAK,CAAC,GAAG,CAAC,EAAE,CAE5B,CACR,CAAC,GACG,IACI,CACd,CAAC;AACJ,CAAC","sourcesContent":["import { createElement } from 'react';\nimport Grid from '@mui/material/Grid';\n\nimport createPConnectComponent from '../../../../bridge/react_pconnect';\nimport { getComponentFromMap } from '../../../../bridge/helpers/sdk_component_map';\nimport { PConnProps } from '../../../../types/PConnProps';\n\ninterface DetailsThreeColumnProps extends PConnProps {\n  // If any, enter additional props that only exist on this component\n  showLabel: boolean;\n  label: string;\n  showHighlightedData: boolean;\n}\n\nexport default function DetailsThreeColumn(props: DetailsThreeColumnProps) {\n  // Get emitted components from map (so we can get any override that may exist)\n  const FieldGroup = getComponentFromMap('FieldGroup');\n\n  const { label, showLabel = true, getPConnect, showHighlightedData = false } = props;\n\n  // Get the inherited props from the parent to determine label settings\n  const propsToUse = { label, showLabel, ...getPConnect().getInheritedProps() };\n\n  // Set display mode prop and re-create the children so this part of the dom tree renders\n  // in a readonly (display) mode instead of a editable\n  getPConnect().setInheritedProp('displayMode', 'LABELS_LEFT');\n  getPConnect().setInheritedProp('readOnly', true);\n  const children = (getPConnect().getChildren() as any[]).map((configObject, index) =>\n    createElement(createPConnectComponent(), {\n      ...configObject,\n      // eslint-disable-next-line react/no-array-index-key\n      key: index.toString()\n    })\n  );\n\n  // Set up highlighted data to pass in return if is set to show, need raw metadata to pass to createComponent\n  let highlightedDataArr = [];\n  if (showHighlightedData) {\n    const { highlightedData = [] } = (getPConnect().getRawMetadata() as any).config;\n    highlightedDataArr = highlightedData.map(field => {\n      field.config.displayMode = 'STACKED_LARGE_VAL';\n\n      // Mark as status display when using pyStatusWork\n      if (field.config.value === '@P .pyStatusWork') {\n        field.type = 'TextInput';\n        field.config.displayAsStatus = true;\n      }\n\n      return getPConnect().createComponent(field, '', 0, {}); // 2nd, 3rd, and 4th args empty string/object/null until typedef marked correctly as optional);\n    });\n  }\n\n  return (\n    <FieldGroup name={propsToUse.showLabel ? propsToUse.label : ''}>\n      {showHighlightedData && highlightedDataArr.length > 0 && (\n        <Grid container spacing={1} style={{ padding: '0 0 1em' }}>\n          {highlightedDataArr.map((child, i) => (\n            <Grid item xs={4} key={`hf-${i + 1}`}>\n              {child}\n            </Grid>\n          ))}\n        </Grid>\n      )}\n      <Grid container spacing={1}>\n        {children.map((child, i) => (\n          <Grid item xs={4} key={`r-${i + 1}`}>\n            {child}\n          </Grid>\n        ))}\n      </Grid>\n    </FieldGroup>\n  );\n}\n"]}

package/lib/components/template/Details/DetailsTwoColumn/DetailsTwoColumn.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { createElement } from 'react';
-import Grid from '@material-ui/core/Grid';
+import Grid from '@mui/material/Grid';
 import createPConnectComponent from '../../../../bridge/react_pconnect';
 import { getComponentFromMap } from '../../../../bridge/helpers/sdk_component_map';
 export default function DetailsTwoColumn(props) {

package/lib/components/template/Details/DetailsTwoColumn/DetailsTwoColumn.js.map

@@ -1 +1 @@
-{"version":3,"file":"DetailsTwoColumn.js","sourceRoot":"","sources":["../../../../../src/components/template/Details/DetailsTwoColumn/DetailsTwoColumn.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AACtC,OAAO,IAAI,MAAM,wBAAwB,CAAC;AAE1C,OAAO,uBAAuB,MAAM,mCAAmC,CAAC;AACxE,OAAO,EAAE,mBAAmB,EAAE,MAAM,8CAA8C,CAAC;AAUnF,MAAM,CAAC,OAAO,UAAU,gBAAgB,CAAC,KAA4B;IACnE,8EAA8E;IAC9E,MAAM,UAAU,GAAG,mBAAmB,CAAC,YAAY,CAAC,CAAC;IAErD,MAAM,EAAE,KAAK,EAAE,SAAS,GAAG,IAAI,EAAE,WAAW,EAAE,mBAAmB,GAAG,KAAK,EAAE,GAAG,KAAK,CAAC;IAEpF,sEAAsE;IACtE,MAAM,UAAU,GAAG,EAAE,KAAK,EAAE,SAAS,EAAE,GAAG,WAAW,EAAE,CAAC,iBAAiB,EAAE,EAAE,CAAC;IAE9E,wFAAwF;IACxF,qDAAqD;IACrD,WAAW,EAAE,CAAC,gBAAgB,CAAC,aAAa,EAAE,aAAa,CAAC,CAAC;IAC7D,WAAW,EAAE,CAAC,gBAAgB,CAAC,UAAU,EAAE,IAAI,CAAC,CAAC;IACjD,MAAM,QAAQ,GAAI,WAAW,EAAE,CAAC,WAAW,EAAY,CAAC,GAAG,CAAC,CAAC,YAAY,EAAE,KAAK,EAAE,EAAE,CAClF,aAAa,CAAC,uBAAuB,EAAE,EAAE;QACvC,GAAG,YAAY;QACf,oDAAoD;QACpD,GAAG,EAAE,KAAK,CAAC,QAAQ,EAAE;KACtB,CAAC,CACH,CAAC;IAEF,4GAA4G;IAC5G,IAAI,kBAAkB,GAAG,EAAE,CAAC;IAC5B,IAAI,mBAAmB,EAAE;QACvB,MAAM,EAAE,eAAe,GAAG,EAAE,EAAE,GAAI,WAAW,EAAE,CAAC,cAAc,EAAU,CAAC,MAAM,CAAC;QAChF,kBAAkB,GAAG,eAAe,CAAC,GAAG,CAAC,KAAK,CAAC,EAAE;YAC/C,KAAK,CAAC,MAAM,CAAC,WAAW,GAAG,mBAAmB,CAAC;YAE/C,iDAAiD;YACjD,IAAI,KAAK,CAAC,MAAM,CAAC,KAAK,KAAK,kBAAkB,EAAE;gBAC7C,KAAK,CAAC,IAAI,GAAG,WAAW,CAAC;gBACzB,KAAK,CAAC,MAAM,CAAC,eAAe,GAAG,IAAI,CAAC;aACrC;YAED,OAAO,WAAW,EAAE,CAAC,eAAe,CAAC,KAAK,EAAE,EAAE,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,6FAA6F;QACvJ,CAAC,CAAC,CAAC;KACJ;IAED,OAAO,CACL,MAAC,UAAU,IAAC,IAAI,EAAE,UAAU,CAAC,SAAS,CAAC,CAAC,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,aAC3D,mBAAmB,IAAI,kBAAkB,CAAC,MAAM,GAAG,CAAC,IAAI,CACvD,KAAC,IAAI,IAAC,SAAS,QAAC,OAAO,EAAE,CAAC,EAAE,KAAK,EAAE,EAAE,OAAO,EAAE,SAAS,EAAE,YACtD,kBAAkB,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,CAAC,EAAE,EAAE,CAAC,CACpC,KAAC,IAAI,IAAC,IAAI,QAAC,EAAE,EAAE,CAAC,YACb,KAAK,IADe,MAAM,CAAC,GAAG,CAAC,EAAE,CAE7B,CACR,CAAC,GACG,CACR,EACD,KAAC,IAAI,IAAC,SAAS,QAAC,OAAO,EAAE,CAAC,YACvB,QAAQ,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,CAAC,EAAE,EAAE,CAAC,CAC1B,KAAC,IAAI,IAAC,IAAI,QAAC,EAAE,EAAE,CAAC,YACb,KAAK,IADe,KAAK,CAAC,GAAG,CAAC,EAAE,CAE5B,CACR,CAAC,GACG,IACI,CACd,CAAC;AACJ,CAAC","sourcesContent":["import { createElement } from 'react';\nimport Grid from '@material-ui/core/Grid';\n\nimport createPConnectComponent from '../../../../bridge/react_pconnect';\nimport { getComponentFromMap } from '../../../../bridge/helpers/sdk_component_map';\nimport { PConnProps } from '../../../../types/PConnProps';\n\ninterface DetailsTwoColumnProps extends PConnProps {\n  // If any, enter additional props that only exist on this component\n  showLabel: boolean;\n  label: string;\n  showHighlightedData: boolean;\n}\n\nexport default function DetailsTwoColumn(props: DetailsTwoColumnProps) {\n  // Get emitted components from map (so we can get any override that may exist)\n  const FieldGroup = getComponentFromMap('FieldGroup');\n\n  const { label, showLabel = true, getPConnect, showHighlightedData = false } = props;\n\n  // Get the inherited props from the parent to determine label settings\n  const propsToUse = { label, showLabel, ...getPConnect().getInheritedProps() };\n\n  // Set display mode prop and re-create the children so this part of the dom tree renders\n  // in a readonly (display) mode instead of a editable\n  getPConnect().setInheritedProp('displayMode', 'LABELS_LEFT');\n  getPConnect().setInheritedProp('readOnly', true);\n  const children = (getPConnect().getChildren() as any[]).map((configObject, index) =>\n    createElement(createPConnectComponent(), {\n      ...configObject,\n      // eslint-disable-next-line react/no-array-index-key\n      key: index.toString()\n    })\n  );\n\n  // Set up highlighted data to pass in return if is set to show, need raw metadata to pass to createComponent\n  let highlightedDataArr = [];\n  if (showHighlightedData) {\n    const { highlightedData = [] } = (getPConnect().getRawMetadata() as any).config;\n    highlightedDataArr = highlightedData.map(field => {\n      field.config.displayMode = 'STACKED_LARGE_VAL';\n\n      // Mark as status display when using pyStatusWork\n      if (field.config.value === '@P .pyStatusWork') {\n        field.type = 'TextInput';\n        field.config.displayAsStatus = true;\n      }\n\n      return getPConnect().createComponent(field, '', 0, {}); // 2nd, 3rd, and 4th args empty string/object/null until typedef marked correctly as optional\n    });\n  }\n\n  return (\n    <FieldGroup name={propsToUse.showLabel ? propsToUse.label : ''}>\n      {showHighlightedData && highlightedDataArr.length > 0 && (\n        <Grid container spacing={1} style={{ padding: '0 0 1em' }}>\n          {highlightedDataArr.map((child, i) => (\n            <Grid item xs={6} key={`hf-${i + 1}`}>\n              {child}\n            </Grid>\n          ))}\n        </Grid>\n      )}\n      <Grid container spacing={1}>\n        {children.map((child, i) => (\n          <Grid item xs={6} key={`r-${i + 1}`}>\n            {child}\n          </Grid>\n        ))}\n      </Grid>\n    </FieldGroup>\n  );\n}\n"]}
+{"version":3,"file":"DetailsTwoColumn.js","sourceRoot":"","sources":["../../../../../src/components/template/Details/DetailsTwoColumn/DetailsTwoColumn.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AACtC,OAAO,IAAI,MAAM,oBAAoB,CAAC;AAEtC,OAAO,uBAAuB,MAAM,mCAAmC,CAAC;AACxE,OAAO,EAAE,mBAAmB,EAAE,MAAM,8CAA8C,CAAC;AAUnF,MAAM,CAAC,OAAO,UAAU,gBAAgB,CAAC,KAA4B;IACnE,8EAA8E;IAC9E,MAAM,UAAU,GAAG,mBAAmB,CAAC,YAAY,CAAC,CAAC;IAErD,MAAM,EAAE,KAAK,EAAE,SAAS,GAAG,IAAI,EAAE,WAAW,EAAE,mBAAmB,GAAG,KAAK,EAAE,GAAG,KAAK,CAAC;IAEpF,sEAAsE;IACtE,MAAM,UAAU,GAAG,EAAE,KAAK,EAAE,SAAS,EAAE,GAAG,WAAW,EAAE,CAAC,iBAAiB,EAAE,EAAE,CAAC;IAE9E,wFAAwF;IACxF,qDAAqD;IACrD,WAAW,EAAE,CAAC,gBAAgB,CAAC,aAAa,EAAE,aAAa,CAAC,CAAC;IAC7D,WAAW,EAAE,CAAC,gBAAgB,CAAC,UAAU,EAAE,IAAI,CAAC,CAAC;IACjD,MAAM,QAAQ,GAAI,WAAW,EAAE,CAAC,WAAW,EAAY,CAAC,GAAG,CAAC,CAAC,YAAY,EAAE,KAAK,EAAE,EAAE,CAClF,aAAa,CAAC,uBAAuB,EAAE,EAAE;QACvC,GAAG,YAAY;QACf,oDAAoD;QACpD,GAAG,EAAE,KAAK,CAAC,QAAQ,EAAE;KACtB,CAAC,CACH,CAAC;IAEF,4GAA4G;IAC5G,IAAI,kBAAkB,GAAG,EAAE,CAAC;IAC5B,IAAI,mBAAmB,EAAE;QACvB,MAAM,EAAE,eAAe,GAAG,EAAE,EAAE,GAAI,WAAW,EAAE,CAAC,cAAc,EAAU,CAAC,MAAM,CAAC;QAChF,kBAAkB,GAAG,eAAe,CAAC,GAAG,CAAC,KAAK,CAAC,EAAE;YAC/C,KAAK,CAAC,MAAM,CAAC,WAAW,GAAG,mBAAmB,CAAC;YAE/C,iDAAiD;YACjD,IAAI,KAAK,CAAC,MAAM,CAAC,KAAK,KAAK,kBAAkB,EAAE;gBAC7C,KAAK,CAAC,IAAI,GAAG,WAAW,CAAC;gBACzB,KAAK,CAAC,MAAM,CAAC,eAAe,GAAG,IAAI,CAAC;aACrC;YAED,OAAO,WAAW,EAAE,CAAC,eAAe,CAAC,KAAK,EAAE,EAAE,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,6FAA6F;QACvJ,CAAC,CAAC,CAAC;KACJ;IAED,OAAO,CACL,MAAC,UAAU,IAAC,IAAI,EAAE,UAAU,CAAC,SAAS,CAAC,CAAC,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,aAC3D,mBAAmB,IAAI,kBAAkB,CAAC,MAAM,GAAG,CAAC,IAAI,CACvD,KAAC,IAAI,IAAC,SAAS,QAAC,OAAO,EAAE,CAAC,EAAE,KAAK,EAAE,EAAE,OAAO,EAAE,SAAS,EAAE,YACtD,kBAAkB,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,CAAC,EAAE,EAAE,CAAC,CACpC,KAAC,IAAI,IAAC,IAAI,QAAC,EAAE,EAAE,CAAC,YACb,KAAK,IADe,MAAM,CAAC,GAAG,CAAC,EAAE,CAE7B,CACR,CAAC,GACG,CACR,EACD,KAAC,IAAI,IAAC,SAAS,QAAC,OAAO,EAAE,CAAC,YACvB,QAAQ,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,CAAC,EAAE,EAAE,CAAC,CAC1B,KAAC,IAAI,IAAC,IAAI,QAAC,EAAE,EAAE,CAAC,YACb,KAAK,IADe,KAAK,CAAC,GAAG,CAAC,EAAE,CAE5B,CACR,CAAC,GACG,IACI,CACd,CAAC;AACJ,CAAC","sourcesContent":["import { createElement } from 'react';\nimport Grid from '@mui/material/Grid';\n\nimport createPConnectComponent from '../../../../bridge/react_pconnect';\nimport { getComponentFromMap } from '../../../../bridge/helpers/sdk_component_map';\nimport { PConnProps } from '../../../../types/PConnProps';\n\ninterface DetailsTwoColumnProps extends PConnProps {\n  // If any, enter additional props that only exist on this component\n  showLabel: boolean;\n  label: string;\n  showHighlightedData: boolean;\n}\n\nexport default function DetailsTwoColumn(props: DetailsTwoColumnProps) {\n  // Get emitted components from map (so we can get any override that may exist)\n  const FieldGroup = getComponentFromMap('FieldGroup');\n\n  const { label, showLabel = true, getPConnect, showHighlightedData = false } = props;\n\n  // Get the inherited props from the parent to determine label settings\n  const propsToUse = { label, showLabel, ...getPConnect().getInheritedProps() };\n\n  // Set display mode prop and re-create the children so this part of the dom tree renders\n  // in a readonly (display) mode instead of a editable\n  getPConnect().setInheritedProp('displayMode', 'LABELS_LEFT');\n  getPConnect().setInheritedProp('readOnly', true);\n  const children = (getPConnect().getChildren() as any[]).map((configObject, index) =>\n    createElement(createPConnectComponent(), {\n      ...configObject,\n      // eslint-disable-next-line react/no-array-index-key\n      key: index.toString()\n    })\n  );\n\n  // Set up highlighted data to pass in return if is set to show, need raw metadata to pass to createComponent\n  let highlightedDataArr = [];\n  if (showHighlightedData) {\n    const { highlightedData = [] } = (getPConnect().getRawMetadata() as any).config;\n    highlightedDataArr = highlightedData.map(field => {\n      field.config.displayMode = 'STACKED_LARGE_VAL';\n\n      // Mark as status display when using pyStatusWork\n      if (field.config.value === '@P .pyStatusWork') {\n        field.type = 'TextInput';\n        field.config.displayAsStatus = true;\n      }\n\n      return getPConnect().createComponent(field, '', 0, {}); // 2nd, 3rd, and 4th args empty string/object/null until typedef marked correctly as optional\n    });\n  }\n\n  return (\n    <FieldGroup name={propsToUse.showLabel ? propsToUse.label : ''}>\n      {showHighlightedData && highlightedDataArr.length > 0 && (\n        <Grid container spacing={1} style={{ padding: '0 0 1em' }}>\n          {highlightedDataArr.map((child, i) => (\n            <Grid item xs={6} key={`hf-${i + 1}`}>\n              {child}\n            </Grid>\n          ))}\n        </Grid>\n      )}\n      <Grid container spacing={1}>\n        {children.map((child, i) => (\n          <Grid item xs={6} key={`r-${i + 1}`}>\n            {child}\n          </Grid>\n        ))}\n      </Grid>\n    </FieldGroup>\n  );\n}\n"]}

package/lib/components/template/Details/DynamicTabs/DynamicTabs.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DynamicTabs.d.ts","sourceRoot":"","sources":["../../../../../src/components/template/Details/DynamicTabs/DynamicTabs.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,UAAU,EAAE,MAAM,8BAA8B,CAAC;AAQ1D,UAAU,gBAAiB,SAAQ,UAAU;IAE3C,SAAS,EAAE,OAAO,CAAC;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,aAAa,CAAC,EAAE,GAAG,EAAE,CAAC;CACvB;AAED,iBAAS,WAAW,CAAC,KAAK,EAAE,gBAAgB,2CAwD3C;AAED,eAAe,WAAW,CAAC"}
+{"version":3,"file":"DynamicTabs.d.ts","sourceRoot":"","sources":["../../../../../src/components/template/Details/DynamicTabs/DynamicTabs.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,UAAU,EAAE,MAAM,8BAA8B,CAAC;AAQ1D,UAAU,gBAAiB,SAAQ,UAAU;IAE3C,SAAS,EAAE,OAAO,CAAC;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,aAAa,CAAC,EAAE,GAAG,EAAE,CAAC;CACvB;AAED,iBAAS,WAAW,CAAC,KAAK,EAAE,gBAAgB,2CAwD3C;AAED,eAAe,WAAW,CAAC"}

package/lib/components/template/Details/DynamicTabs/DynamicTabs.js

@@ -1,7 +1,8 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import React, { Children, useMemo, useState } from 'react';
-import { makeStyles, Tab, Tabs } from '@material-ui/core';
-import { TabContext, TabPanel } from '@material-ui/lab';
+import { Tab, Tabs } from '@mui/material';
+import { TabContext, TabPanel } from '@mui/lab';
+import makeStyles from '@mui/styles/makeStyles';
 import { buildView } from '../../../helpers/field-group-utils';
 const useStyles = makeStyles(() => ({
     tab: {

package/lib/components/template/Details/DynamicTabs/DynamicTabs.js.map

@@ -1 +1 @@
-{"version":3,"file":"DynamicTabs.js","sourceRoot":"","sources":["../../../../../src/components/template/Details/DynamicTabs/DynamicTabs.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { Children, useMemo, useState } from 'react';\nimport { makeStyles, Tab, Tabs } from '@material-ui/core';\nimport { TabContext, TabPanel } from '@material-ui/lab';\n\nimport { buildView } from '../../../helpers/field-group-utils';\nimport { PConnProps } from '../../../../types/PConnProps';\n\nconst useStyles = makeStyles(() => ({\n  tab: {\n    minWidth: '72px'\n  }\n}));\n\ninterface DynamicTabsProps extends PConnProps {\n  // If any, enter additional props that only exist on this component\n  showLabel: boolean;\n  label: string;\n  referenceList?: any[];\n}\n\nfunction DynamicTabs(props: DynamicTabsProps) {\n  const classes = useStyles();\n  const { referenceList, showLabel, label, getPConnect } = props;\n  const pConnect = getPConnect();\n  // Get the inherited props from the parent to determine label settings\n  const propsToUse = { label, showLabel, ...pConnect.getInheritedProps() };\n  const defaultTabIndex = 0;\n  // @ts-ignore - Property 'getComponentConfig' is private and only accessible within class 'C11nEnv'.\n  const { tablabel } = pConnect.getComponentConfig();\n  const tablabelProp = PCore.getAnnotationUtils().getPropertyName(tablabel);\n  const referenceListData: any = pConnect.getValue(`${referenceList}.pxResults`, ''); // 2nd arg empty string until typedefs properly allow optional\n  const memoisedTabViews = useMemo(() => {\n    pConnect.setInheritedProp('displayMode', 'LABELS_LEFT');\n    pConnect.setInheritedProp('readOnly', true);\n\n    return (\n      referenceListData &&\n      Children.toArray(\n        referenceListData.map((item, index) => {\n          return <React.Fragment key={item[tablabelProp]}>{buildView(pConnect, index, '')}</React.Fragment>;\n        })\n      )\n    );\n  }, [referenceListData]);\n  const [panelShown, changePanel] = useState(defaultTabIndex);\n  const handleTabClick = (e, id) => {\n    changePanel(parseInt(id, 10));\n  };\n  // Loop over the tab contents and and pull out the labels for the navigation\n  const tabItems =\n    referenceListData?.map((item, i) => {\n      const currentTabLabel = item[tablabelProp] || PCore.getLocaleUtils().getLocaleValue('No label specified in config', 'Generic');\n      return {\n        name: currentTabLabel,\n        id: i\n      };\n    }) || [];\n\n  return (\n    <>\n      {propsToUse.label && <h3 id='dynamic-tabs-title'>{propsToUse.label}</h3>}\n      <TabContext value={panelShown.toString()}>\n        <Tabs onChange={handleTabClick} value={panelShown} variant='scrollable' scrollButtons='auto' indicatorColor='primary' id='dynamic-tabs'>\n          {tabItems.map((tab: any) => (\n            <Tab key={tab.id} label={tab.name} value={tab.id} className={classes.tab} />\n          ))}\n        </Tabs>\n\n        {tabItems.map((tab: any) => (\n          <TabPanel key={tab.id} value={tab.id.toString()} tabIndex={+tab.id} id='dynamic-tabpanel'>\n            <div>{memoisedTabViews[parseInt(tab.id, 10)] || 'No content exists'}</div>\n          </TabPanel>\n        ))}\n      </TabContext>\n    </>\n  );\n}\n\nexport default DynamicTabs;\n"]}
+{"version":3,"file":"DynamicTabs.js","sourceRoot":"","sources":["../../../../../src/components/template/Details/DynamicTabs/DynamicTabs.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { Children, useMemo, useState } from 'react';\nimport { Tab, Tabs } from '@mui/material';\nimport { TabContext, TabPanel } from '@mui/lab';\nimport makeStyles from '@mui/styles/makeStyles';\n\nimport { buildView } from '../../../helpers/field-group-utils';\nimport { PConnProps } from '../../../../types/PConnProps';\n\nconst useStyles = makeStyles(() => ({\n  tab: {\n    minWidth: '72px'\n  }\n}));\n\ninterface DynamicTabsProps extends PConnProps {\n  // If any, enter additional props that only exist on this component\n  showLabel: boolean;\n  label: string;\n  referenceList?: any[];\n}\n\nfunction DynamicTabs(props: DynamicTabsProps) {\n  const classes = useStyles();\n  const { referenceList, showLabel, label, getPConnect } = props;\n  const pConnect = getPConnect();\n  // Get the inherited props from the parent to determine label settings\n  const propsToUse = { label, showLabel, ...pConnect.getInheritedProps() };\n  const defaultTabIndex = 0;\n  // @ts-ignore - Property 'getComponentConfig' is private and only accessible within class 'C11nEnv'.\n  const { tablabel } = pConnect.getComponentConfig();\n  const tablabelProp = PCore.getAnnotationUtils().getPropertyName(tablabel);\n  const referenceListData: any = pConnect.getValue(`${referenceList}.pxResults`, ''); // 2nd arg empty string until typedefs properly allow optional\n  const memoisedTabViews = useMemo(() => {\n    pConnect.setInheritedProp('displayMode', 'LABELS_LEFT');\n    pConnect.setInheritedProp('readOnly', true);\n\n    return (\n      referenceListData &&\n      Children.toArray(\n        referenceListData.map((item, index) => {\n          return <React.Fragment key={item[tablabelProp]}>{buildView(pConnect, index, '')}</React.Fragment>;\n        })\n      )\n    );\n  }, [referenceListData]);\n  const [panelShown, changePanel] = useState(defaultTabIndex);\n  const handleTabClick = (e, id) => {\n    changePanel(parseInt(id, 10));\n  };\n  // Loop over the tab contents and and pull out the labels for the navigation\n  const tabItems =\n    referenceListData?.map((item, i) => {\n      const currentTabLabel = item[tablabelProp] || PCore.getLocaleUtils().getLocaleValue('No label specified in config', 'Generic');\n      return {\n        name: currentTabLabel,\n        id: i\n      };\n    }) || [];\n\n  return (\n    <>\n      {propsToUse.label && <h3 id='dynamic-tabs-title'>{propsToUse.label}</h3>}\n      <TabContext value={panelShown.toString()}>\n        <Tabs onChange={handleTabClick} value={panelShown} variant='scrollable' scrollButtons='auto' indicatorColor='primary' id='dynamic-tabs'>\n          {tabItems.map((tab: any) => (\n            <Tab key={tab.id} label={tab.name} value={tab.id} className={classes.tab} />\n          ))}\n        </Tabs>\n\n        {tabItems.map((tab: any) => (\n          <TabPanel key={tab.id} value={tab.id.toString()} tabIndex={+tab.id} id='dynamic-tabpanel'>\n            <div>{memoisedTabViews[parseInt(tab.id, 10)] || 'No content exists'}</div>\n          </TabPanel>\n        ))}\n      </TabContext>\n    </>\n  );\n}\n\nexport default DynamicTabs;\n"]}

package/lib/components/template/InlineDashboard/InlineDashboard.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { Grid, Typography } from '@material-ui/core';
-import { makeStyles } from '@material-ui/core/styles';
+import { Grid, Typography } from '@mui/material';
+import makeStyles from '@mui/styles/makeStyles';
 const useStyles = makeStyles(( /* theme */) => ({
     headerStyles: {
         fontWeight: 500,

package/lib/components/template/InlineDashboard/InlineDashboard.js.map

@@ -1 +1 @@
-{"version":3,"file":"InlineDashboard.js","sourceRoot":"","sources":["../../../../src/components/template/InlineDashboard/InlineDashboard.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AACrD,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AAStD,MAAM,SAAS,GAAG,UAAU,CAAC,EAAC,WAAW,EAAE,EAAE,CAAC,CAAC;IAC7C,YAAY,EAAE;QACZ,UAAU,EAAE,GAAG;QACf,QAAQ,EAAE,SAAS;KACpB;IACD,eAAe,EAAE;QACf,SAAS,EAAE,MAAM;QACjB,YAAY,EAAE,MAAM;KACrB;IACD,SAAS,EAAE;QACT,OAAO,EAAE,MAAM;QACf,GAAG,EAAE,MAAM;QACX,YAAY,EAAE,UAAU;KACzB;IACD,qBAAqB,EAAE;QACrB,OAAO,EAAE,MAAM;QACf,GAAG,EAAE,MAAM;QACX,mBAAmB,EAAE,iBAAiB;KACvC;IACD,YAAY,EAAE;QACZ,OAAO,EAAE,MAAM;QACf,GAAG,EAAE,MAAM;QACX,YAAY,EAAE,UAAU;QACxB,SAAS,EAAE,MAAM;KAClB;CACF,CAAC,CAAC,CAAC;AAEJ,MAAM,CAAC,OAAO,UAAU,eAAe,CAAC,KAA8C;IACpF,MAAM,OAAO,GAAG,SAAS,EAAE,CAAC;IAE5B,MAAM,EAAE,QAAQ,EAAE,KAAK,EAAE,cAAc,EAAE,GAAG,KAAK,CAAC;IAClD,MAAM,gBAAgB,GAAG,QAA0B,CAAC;IAEpD,MAAM,SAAS,GAAG,cAAc,KAAK,cAAc,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,KAAK,CAAC;IAC5E,OAAO,CACL,8BACE,KAAC,UAAU,IAAC,OAAO,EAAC,IAAI,EAAC,SAAS,EAAE,OAAO,CAAC,YAAY,YACrD,KAAK,GACK,EAEZ,cAAc,KAAK,aAAa,IAAI,CACnC,MAAC,IAAI,IAAC,SAAS,QAAC,OAAO,EAAE,CAAC,EAAE,SAAS,EAAC,gBAAgB,EAAC,SAAS,EAAE,OAAO,CAAC,eAAe,aACvF,KAAC,IAAI,IAAC,IAAI,QAAC,EAAE,EAAE,EAAE,EAAE,SAAS,EAAE,OAAO,CAAC,SAAS,YAC5C,gBAAgB,CAAC,CAAC,CAAC,GACf,EACP,KAAC,IAAI,IAAC,EAAE,EAAC,SAAS,EAAC,IAAI,QAAC,EAAE,EAAE,EAAE,EAAE,SAAS,EAAE,OAAO,CAAC,qBAAqB,YACrE,gBAAgB,CAAC,CAAC,CAAC,GACf,IACF,CACR,EACA,cAAc,KAAK,aAAa,IAAI,CACnC,MAAC,IAAI,IAAC,SAAS,QAAC,OAAO,EAAE,CAAC,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,OAAO,CAAC,eAAe,aAClF,KAAC,IAAI,IAAC,IAAI,QAAC,EAAE,EAAE,CAAC,YACb,gBAAgB,CAAC,CAAC,CAAC,GACf,EACP,KAAC,IAAI,IAAC,EAAE,EAAC,SAAS,EAAC,IAAI,QAAC,EAAE,EAAE,CAAC,EAAE,SAAS,EAAE,OAAO,CAAC,YAAY,YAC3D,gBAAgB,CAAC,CAAC,CAAC,GACf,IACF,CACR,IACA,CACJ,CAAC;AACJ,CAAC","sourcesContent":["import { PropsWithChildren, ReactElement } from 'react';\nimport { Grid, Typography } from '@material-ui/core';\nimport { makeStyles } from '@material-ui/core/styles';\nimport { PConnProps } from '../../../types/PConnProps';\n\ninterface InlineDashboardProps extends PConnProps {\n  // If any, enter additional props that only exist on this component\n  title: string;\n  filterPosition?: string;\n}\n\nconst useStyles = makeStyles((/* theme */) => ({\n  headerStyles: {\n    fontWeight: 500,\n    fontSize: '1.25rem'\n  },\n  containerStyles: {\n    marginTop: '1rem',\n    marginBottom: '1rem'\n  },\n  colStyles: {\n    display: 'grid',\n    gap: '1rem',\n    alignContent: 'baseline'\n  },\n  filterContainerStyles: {\n    display: 'grid',\n    gap: '1rem',\n    gridTemplateColumns: 'repeat(7, 1fr);'\n  },\n  inlineStyles: {\n    display: 'grid',\n    gap: '1rem',\n    alignContent: 'baseline',\n    marginTop: '1rem'\n  }\n}));\n\nexport default function InlineDashboard(props: PropsWithChildren<InlineDashboardProps>) {\n  const classes = useStyles();\n\n  const { children, title, filterPosition } = props;\n  const childrenToRender = children as ReactElement[];\n\n  const direction = filterPosition === 'inline-start' ? 'row-reverse' : 'row';\n  return (\n    <>\n      <Typography variant='h4' className={classes.headerStyles}>\n        {title}\n      </Typography>\n\n      {filterPosition === 'block-start' && (\n        <Grid container spacing={2} direction='column-reverse' className={classes.containerStyles}>\n          <Grid item xs={12} className={classes.colStyles}>\n            {childrenToRender[0]}\n          </Grid>\n          <Grid id='filters' item xs={12} className={classes.filterContainerStyles}>\n            {childrenToRender[1]}\n          </Grid>\n        </Grid>\n      )}\n      {filterPosition !== 'block-start' && (\n        <Grid container spacing={2} direction={direction} className={classes.containerStyles}>\n          <Grid item xs={9}>\n            {childrenToRender[0]}\n          </Grid>\n          <Grid id='filters' item xs={3} className={classes.inlineStyles}>\n            {childrenToRender[1]}\n          </Grid>\n        </Grid>\n      )}\n    </>\n  );\n}\n"]}
+{"version":3,"file":"InlineDashboard.js","sourceRoot":"","sources":["../../../../src/components/template/InlineDashboard/InlineDashboard.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AACjD,OAAO,UAAU,MAAM,wBAAwB,CAAC;AAShD,MAAM,SAAS,GAAG,UAAU,CAAC,EAAC,WAAW,EAAE,EAAE,CAAC,CAAC;IAC7C,YAAY,EAAE;QACZ,UAAU,EAAE,GAAG;QACf,QAAQ,EAAE,SAAS;KACpB;IACD,eAAe,EAAE;QACf,SAAS,EAAE,MAAM;QACjB,YAAY,EAAE,MAAM;KACrB;IACD,SAAS,EAAE;QACT,OAAO,EAAE,MAAM;QACf,GAAG,EAAE,MAAM;QACX,YAAY,EAAE,UAAU;KACzB;IACD,qBAAqB,EAAE;QACrB,OAAO,EAAE,MAAM;QACf,GAAG,EAAE,MAAM;QACX,mBAAmB,EAAE,iBAAiB;KACvC;IACD,YAAY,EAAE;QACZ,OAAO,EAAE,MAAM;QACf,GAAG,EAAE,MAAM;QACX,YAAY,EAAE,UAAU;QACxB,SAAS,EAAE,MAAM;KAClB;CACF,CAAC,CAAC,CAAC;AAEJ,MAAM,CAAC,OAAO,UAAU,eAAe,CAAC,KAA8C;IACpF,MAAM,OAAO,GAAG,SAAS,EAAE,CAAC;IAE5B,MAAM,EAAE,QAAQ,EAAE,KAAK,EAAE,cAAc,EAAE,GAAG,KAAK,CAAC;IAClD,MAAM,gBAAgB,GAAG,QAA0B,CAAC;IAEpD,MAAM,SAAS,GAAG,cAAc,KAAK,cAAc,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,KAAK,CAAC;IAC5E,OAAO,CACL,8BACE,KAAC,UAAU,IAAC,OAAO,EAAC,IAAI,EAAC,SAAS,EAAE,OAAO,CAAC,YAAY,YACrD,KAAK,GACK,EAEZ,cAAc,KAAK,aAAa,IAAI,CACnC,MAAC,IAAI,IAAC,SAAS,QAAC,OAAO,EAAE,CAAC,EAAE,SAAS,EAAC,gBAAgB,EAAC,SAAS,EAAE,OAAO,CAAC,eAAe,aACvF,KAAC,IAAI,IAAC,IAAI,QAAC,EAAE,EAAE,EAAE,EAAE,SAAS,EAAE,OAAO,CAAC,SAAS,YAC5C,gBAAgB,CAAC,CAAC,CAAC,GACf,EACP,KAAC,IAAI,IAAC,EAAE,EAAC,SAAS,EAAC,IAAI,QAAC,EAAE,EAAE,EAAE,EAAE,SAAS,EAAE,OAAO,CAAC,qBAAqB,YACrE,gBAAgB,CAAC,CAAC,CAAC,GACf,IACF,CACR,EACA,cAAc,KAAK,aAAa,IAAI,CACnC,MAAC,IAAI,IAAC,SAAS,QAAC,OAAO,EAAE,CAAC,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,OAAO,CAAC,eAAe,aAClF,KAAC,IAAI,IAAC,IAAI,QAAC,EAAE,EAAE,CAAC,YACb,gBAAgB,CAAC,CAAC,CAAC,GACf,EACP,KAAC,IAAI,IAAC,EAAE,EAAC,SAAS,EAAC,IAAI,QAAC,EAAE,EAAE,CAAC,EAAE,SAAS,EAAE,OAAO,CAAC,YAAY,YAC3D,gBAAgB,CAAC,CAAC,CAAC,GACf,IACF,CACR,IACA,CACJ,CAAC;AACJ,CAAC","sourcesContent":["import { PropsWithChildren, ReactElement } from 'react';\nimport { Grid, Typography } from '@mui/material';\nimport makeStyles from '@mui/styles/makeStyles';\nimport { PConnProps } from '../../../types/PConnProps';\n\ninterface InlineDashboardProps extends PConnProps {\n  // If any, enter additional props that only exist on this component\n  title: string;\n  filterPosition?: string;\n}\n\nconst useStyles = makeStyles((/* theme */) => ({\n  headerStyles: {\n    fontWeight: 500,\n    fontSize: '1.25rem'\n  },\n  containerStyles: {\n    marginTop: '1rem',\n    marginBottom: '1rem'\n  },\n  colStyles: {\n    display: 'grid',\n    gap: '1rem',\n    alignContent: 'baseline'\n  },\n  filterContainerStyles: {\n    display: 'grid',\n    gap: '1rem',\n    gridTemplateColumns: 'repeat(7, 1fr);'\n  },\n  inlineStyles: {\n    display: 'grid',\n    gap: '1rem',\n    alignContent: 'baseline',\n    marginTop: '1rem'\n  }\n}));\n\nexport default function InlineDashboard(props: PropsWithChildren<InlineDashboardProps>) {\n  const classes = useStyles();\n\n  const { children, title, filterPosition } = props;\n  const childrenToRender = children as ReactElement[];\n\n  const direction = filterPosition === 'inline-start' ? 'row-reverse' : 'row';\n  return (\n    <>\n      <Typography variant='h4' className={classes.headerStyles}>\n        {title}\n      </Typography>\n\n      {filterPosition === 'block-start' && (\n        <Grid container spacing={2} direction='column-reverse' className={classes.containerStyles}>\n          <Grid item xs={12} className={classes.colStyles}>\n            {childrenToRender[0]}\n          </Grid>\n          <Grid id='filters' item xs={12} className={classes.filterContainerStyles}>\n            {childrenToRender[1]}\n          </Grid>\n        </Grid>\n      )}\n      {filterPosition !== 'block-start' && (\n        <Grid container spacing={2} direction={direction} className={classes.containerStyles}>\n          <Grid item xs={9}>\n            {childrenToRender[0]}\n          </Grid>\n          <Grid id='filters' item xs={3} className={classes.inlineStyles}>\n            {childrenToRender[1]}\n          </Grid>\n        </Grid>\n      )}\n    </>\n  );\n}\n"]}

package/lib/components/template/ListView/ListView.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ListView.d.ts","sourceRoot":"","sources":["../../../../src/components/template/ListView/ListView.tsx"],"names":[],"mappings":"AAwCA,OAAO,gBAAgB,CAAC;AAMxB,OAAO,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAC;AAEvD,UAAU,aAAc,SAAQ,UAAU;IAExC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,aAAa,CAAC,EAAE,GAAG,EAAE,CAAC;IAEtB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,OAAO,CAAC,EAAE,GAAG,CAAC;IACd,UAAU,CAAC,EAAE,GAAG,CAAC;IACjB,aAAa,CAAC,EAAE,GAAG,CAAC;IACpB,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,mBAAmB,CAAC,EAAE,GAAG,CAAC;IAC1B,KAAK,EAAE,GAAG,CAAC;CACZ;AAeD,MAAM,CAAC,OAAO,UAAU,QAAQ,CAAC,KAAK,EAAE,aAAa,2CA2pCpD"}
+{"version":3,"file":"ListView.d.ts","sourceRoot":"","sources":["../../../../src/components/template/ListView/ListView.tsx"],"names":[],"mappings":"AA0CA,OAAO,gBAAgB,CAAC;AAMxB,OAAO,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAC;AAEvD,UAAU,aAAc,SAAQ,UAAU;IAExC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,aAAa,CAAC,EAAE,GAAG,EAAE,CAAC;IAEtB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,OAAO,CAAC,EAAE,GAAG,CAAC;IACd,UAAU,CAAC,EAAE,GAAG,CAAC;IACjB,aAAa,CAAC,EAAE,GAAG,CAAC;IACpB,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,mBAAmB,CAAC,EAAE,GAAG,CAAC;IAC1B,KAAK,EAAE,GAAG,CAAC;CACZ;AAcD,MAAM,CAAC,OAAO,UAAU,QAAQ,CAAC,KAAK,EAAE,aAAa,2CAopCpD"}