@pega/react-sdk-components 24.1.10 → 24.2.11

package/lib/components/designSystemExtension/Operator/Operator.js

@@ -1,10 +1,10 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import React, { useState } from 'react';
-import TextField from '@material-ui/core/TextField';
-import Popover from '@material-ui/core/Popover';
-import Grid from '@material-ui/core/Grid';
-import Typography from '@material-ui/core/Typography';
-import { makeStyles } from '@material-ui/core/styles';
+import TextField from '@mui/material/TextField';
+import Popover from '@mui/material/Popover';
+import Grid from '@mui/material/Grid';
+import Typography from '@mui/material/Typography';
+import makeStyles from '@mui/styles/makeStyles';
 import Utils from '../../helpers/utils';
 const useStyles = makeStyles(theme => ({
     root: {
@@ -130,7 +130,7 @@ export default function Operator(props) {
                 })] }));
     }
     // End of popover-related
-    return (_jsxs(_Fragment, { children: [_jsx(TextField, { defaultValue: caseOpName, label: caseOpLabel, onClick: showOperatorDetails, InputProps: {
+    return (_jsxs(_Fragment, { children: [_jsx(TextField, { variant: 'standard', defaultValue: caseOpName, label: caseOpLabel, onClick: showOperatorDetails, InputProps: {
                     readOnly: true,
                     disableUnderline: true,
                     inputProps: { style: { cursor: 'pointer' } }

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

@@ -1 +1 @@
-{"version":3,"file":"Operator.js","sourceRoot":"","sources":["../../../../src/components/designSystemExtension/Operator/Operator.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { useState } from 'react';\nimport TextField from '@material-ui/core/TextField';\nimport Popover from '@material-ui/core/Popover';\nimport Grid from '@material-ui/core/Grid';\nimport Typography from '@material-ui/core/Typography';\nimport { makeStyles } from '@material-ui/core/styles';\n\nimport Utils from '../../helpers/utils';\nimport { PConnProps } from '../../../types/PConnProps';\n\n// Operator is one of the few components that does NOT have getPConnect.\n//  So, no need to extend PConnProps\ninterface OperatorProps extends PConnProps {\n  // If any, enter additional props that only exist on this component\n  label: string;\n  createDateTime: string;\n  createLabel: string;\n  createOperator: { userName: string; userId: string };\n  updateDateTime: string;\n  updateLabel: string;\n  updateOperator: { userName: string; userId: string };\n  displayLabel?: any;\n}\n\nconst useStyles = makeStyles(theme => ({\n  root: {\n    padding: theme.spacing(1),\n    margin: theme.spacing(1)\n  },\n  popover: {\n    padding: theme.spacing(1),\n    margin: theme.spacing(1)\n  }\n}));\n\nexport default function Operator(props: OperatorProps) {\n  // const componentName = \"Operator\";\n  const classes = useStyles();\n\n  const fieldLabel = props?.label?.toLowerCase();\n  const displayLabel = props?.displayLabel?.toLowerCase();\n  let caseOpLabel = '---';\n  let caseOpName = '---';\n  let caseOpId = '';\n  let caseTime = '';\n\n  if (fieldLabel === 'create operator' || displayLabel === 'create operator') {\n    caseOpLabel = props.createLabel;\n    caseOpName = props.createOperator.userName;\n    caseTime = props.createDateTime;\n    caseOpId = props.createOperator.userId;\n  } else if (fieldLabel === 'update operator' || displayLabel === 'update operator') {\n    caseOpLabel = props.updateLabel;\n    caseOpName = props.updateOperator.userName;\n    caseTime = props.updateDateTime;\n    caseOpId = props.updateOperator.userId;\n  }\n\n  // Popover-related\n  const [popoverAnchorEl, setPopoverAnchorEl] = useState(null);\n  const [popoverFields, setPopoverFields] = useState<any[]>([]);\n\n  const popoverOpen = Boolean(popoverAnchorEl);\n  const popoverId = popoverOpen ? 'operator-details-popover' : undefined;\n\n  const handlePopoverClose = () => {\n    setPopoverAnchorEl(null);\n  };\n\n  function showOperatorDetails(event) {\n    const operatorPreviewPromise = PCore.getUserApi().getOperatorDetails(caseOpId);\n    const localizedVal = PCore.getLocaleUtils().getLocaleValue;\n    const localeCategory = 'Operator';\n\n    operatorPreviewPromise.then((res: any) => {\n      const fillerString = '---';\n      let fields: any = [];\n      if (res.data && res.data.pyOperatorInfo && res.data.pyOperatorInfo.pyUserName) {\n        fields = [\n          {\n            id: 'pyPosition',\n            name: localizedVal('Position', localeCategory),\n            value: res.data.pyOperatorInfo.pyPosition ? res.data.pyOperatorInfo.pyPosition : fillerString\n          },\n          {\n            id: 'pyOrganization',\n            name: localizedVal('Organization', localeCategory),\n            value: res.data.pyOperatorInfo.pyOrganization ? res.data.pyOperatorInfo.pyOrganization : fillerString\n          },\n          {\n            id: 'ReportToUserName',\n            name: localizedVal('Reports to', localeCategory),\n            value: res.data.pyOperatorInfo.pyReportToUserName ? res.data.pyOperatorInfo.pyReportToUserName : fillerString\n          },\n          {\n            id: 'pyTelephone',\n            name: localizedVal('Telephone', localeCategory),\n            value: res.data.pyOperatorInfo.pyTelephone ? (\n              <a href={`tel:${res.data.pyOperatorInfo.pyTelephone}`}>{res.data.pyOperatorInfo.pyTelephone}</a>\n            ) : (\n              fillerString\n            )\n          },\n          {\n            id: 'pyEmailAddress',\n            name: localizedVal('Email address', localeCategory),\n            value: res.data.pyOperatorInfo.pyEmailAddress ? (\n              <a href={`mailto:${res.data.pyOperatorInfo.pyEmailAddress}`}>{res.data.pyOperatorInfo.pyEmailAddress}</a>\n            ) : (\n              fillerString\n            )\n          }\n        ];\n      } else {\n        // eslint-disable-next-line no-console\n        console.log(\n          `Operator: PCore.getUserApi().getOperatorDetails(${caseOpId}); returned empty res.data.pyOperatorInfo.pyUserName - adding default`\n        );\n        fields = [\n          {\n            id: 'pyPosition',\n            name: localizedVal('Position', localeCategory),\n            value: fillerString\n          },\n          {\n            id: 'pyOrganization',\n            name: localizedVal('Organization', localeCategory),\n            value: fillerString\n          },\n          {\n            id: 'ReportToUserName',\n            name: localizedVal('Reports to', localeCategory),\n            value: fillerString\n          },\n          {\n            id: 'pyTelephone',\n            name: localizedVal('Telephone', localeCategory),\n            value: fillerString\n          },\n          {\n            id: 'pyEmailAddress',\n            name: localizedVal('Email address', localeCategory),\n            value: fillerString\n          }\n        ];\n      }\n      // Whatever the fields are, update the component's popoverFields\n      setPopoverFields(fields);\n    });\n\n    setPopoverAnchorEl(event.currentTarget);\n  }\n\n  function getPopoverGrid() {\n    // return popoverFields.map((field) => {\n    //   return <div className={classes.popover}>{field.name}: {field.value}</div>\n    // })\n\n    if (popoverFields.length === 0) {\n      return;\n    }\n\n    // There are fields, so build the grid.\n    return (\n      <Grid container className={classes.popover} spacing={1}>\n        <Grid item xs={12}>\n          <Typography variant='h6'>{caseOpName}</Typography>\n        </Grid>\n        {popoverFields.map(field => {\n          return (\n            <React.Fragment key={field.id}>\n              <Grid container item xs={12} spacing={1}>\n                <Grid item xs={6}>\n                  <Typography variant='caption'>{field.name}</Typography>\n                </Grid>\n                <Grid item xs={6}>\n                  <Typography variant='subtitle2'>{field.value}</Typography>\n                </Grid>\n              </Grid>\n            </React.Fragment>\n          );\n        })}\n      </Grid>\n    );\n  }\n\n  // End of popover-related\n\n  return (\n    <>\n      <TextField\n        defaultValue={caseOpName}\n        label={caseOpLabel}\n        onClick={showOperatorDetails}\n        InputProps={{\n          readOnly: true,\n          disableUnderline: true,\n          inputProps: { style: { cursor: 'pointer' } }\n        }}\n      />\n      <br />\n      {Utils.generateDateTime(caseTime, 'DateTime-Since')}\n\n      <Popover\n        id={popoverId}\n        open={popoverOpen}\n        anchorEl={popoverAnchorEl}\n        onClose={handlePopoverClose}\n        anchorOrigin={{ vertical: 'bottom', horizontal: 'center' }}\n        transformOrigin={{ vertical: 'top', horizontal: 'center' }}\n        PaperProps={{ style: { maxWidth: '45ch' } }}\n      >\n        {getPopoverGrid()}\n      </Popover>\n    </>\n  );\n}\n"]}
+{"version":3,"file":"Operator.js","sourceRoot":"","sources":["../../../../src/components/designSystemExtension/Operator/Operator.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { useState } from 'react';\nimport TextField from '@mui/material/TextField';\nimport Popover from '@mui/material/Popover';\nimport Grid from '@mui/material/Grid';\nimport Typography from '@mui/material/Typography';\nimport makeStyles from '@mui/styles/makeStyles';\n\nimport Utils from '../../helpers/utils';\nimport { PConnProps } from '../../../types/PConnProps';\n\n// Operator is one of the few components that does NOT have getPConnect.\n//  So, no need to extend PConnProps\ninterface OperatorProps extends PConnProps {\n  // If any, enter additional props that only exist on this component\n  label: string;\n  createDateTime: string;\n  createLabel: string;\n  createOperator: { userName: string; userId: string };\n  updateDateTime: string;\n  updateLabel: string;\n  updateOperator: { userName: string; userId: string };\n  displayLabel?: any;\n}\n\nconst useStyles = makeStyles(theme => ({\n  root: {\n    padding: theme.spacing(1),\n    margin: theme.spacing(1)\n  },\n  popover: {\n    padding: theme.spacing(1),\n    margin: theme.spacing(1)\n  }\n}));\n\nexport default function Operator(props: OperatorProps) {\n  // const componentName = \"Operator\";\n  const classes = useStyles();\n\n  const fieldLabel = props?.label?.toLowerCase();\n  const displayLabel = props?.displayLabel?.toLowerCase();\n  let caseOpLabel = '---';\n  let caseOpName = '---';\n  let caseOpId = '';\n  let caseTime = '';\n\n  if (fieldLabel === 'create operator' || displayLabel === 'create operator') {\n    caseOpLabel = props.createLabel;\n    caseOpName = props.createOperator.userName;\n    caseTime = props.createDateTime;\n    caseOpId = props.createOperator.userId;\n  } else if (fieldLabel === 'update operator' || displayLabel === 'update operator') {\n    caseOpLabel = props.updateLabel;\n    caseOpName = props.updateOperator.userName;\n    caseTime = props.updateDateTime;\n    caseOpId = props.updateOperator.userId;\n  }\n\n  // Popover-related\n  const [popoverAnchorEl, setPopoverAnchorEl] = useState(null);\n  const [popoverFields, setPopoverFields] = useState<any[]>([]);\n\n  const popoverOpen = Boolean(popoverAnchorEl);\n  const popoverId = popoverOpen ? 'operator-details-popover' : undefined;\n\n  const handlePopoverClose = () => {\n    setPopoverAnchorEl(null);\n  };\n\n  function showOperatorDetails(event) {\n    const operatorPreviewPromise = PCore.getUserApi().getOperatorDetails(caseOpId);\n    const localizedVal = PCore.getLocaleUtils().getLocaleValue;\n    const localeCategory = 'Operator';\n\n    operatorPreviewPromise.then((res: any) => {\n      const fillerString = '---';\n      let fields: any = [];\n      if (res.data && res.data.pyOperatorInfo && res.data.pyOperatorInfo.pyUserName) {\n        fields = [\n          {\n            id: 'pyPosition',\n            name: localizedVal('Position', localeCategory),\n            value: res.data.pyOperatorInfo.pyPosition ? res.data.pyOperatorInfo.pyPosition : fillerString\n          },\n          {\n            id: 'pyOrganization',\n            name: localizedVal('Organization', localeCategory),\n            value: res.data.pyOperatorInfo.pyOrganization ? res.data.pyOperatorInfo.pyOrganization : fillerString\n          },\n          {\n            id: 'ReportToUserName',\n            name: localizedVal('Reports to', localeCategory),\n            value: res.data.pyOperatorInfo.pyReportToUserName ? res.data.pyOperatorInfo.pyReportToUserName : fillerString\n          },\n          {\n            id: 'pyTelephone',\n            name: localizedVal('Telephone', localeCategory),\n            value: res.data.pyOperatorInfo.pyTelephone ? (\n              <a href={`tel:${res.data.pyOperatorInfo.pyTelephone}`}>{res.data.pyOperatorInfo.pyTelephone}</a>\n            ) : (\n              fillerString\n            )\n          },\n          {\n            id: 'pyEmailAddress',\n            name: localizedVal('Email address', localeCategory),\n            value: res.data.pyOperatorInfo.pyEmailAddress ? (\n              <a href={`mailto:${res.data.pyOperatorInfo.pyEmailAddress}`}>{res.data.pyOperatorInfo.pyEmailAddress}</a>\n            ) : (\n              fillerString\n            )\n          }\n        ];\n      } else {\n        // eslint-disable-next-line no-console\n        console.log(\n          `Operator: PCore.getUserApi().getOperatorDetails(${caseOpId}); returned empty res.data.pyOperatorInfo.pyUserName - adding default`\n        );\n        fields = [\n          {\n            id: 'pyPosition',\n            name: localizedVal('Position', localeCategory),\n            value: fillerString\n          },\n          {\n            id: 'pyOrganization',\n            name: localizedVal('Organization', localeCategory),\n            value: fillerString\n          },\n          {\n            id: 'ReportToUserName',\n            name: localizedVal('Reports to', localeCategory),\n            value: fillerString\n          },\n          {\n            id: 'pyTelephone',\n            name: localizedVal('Telephone', localeCategory),\n            value: fillerString\n          },\n          {\n            id: 'pyEmailAddress',\n            name: localizedVal('Email address', localeCategory),\n            value: fillerString\n          }\n        ];\n      }\n      // Whatever the fields are, update the component's popoverFields\n      setPopoverFields(fields);\n    });\n\n    setPopoverAnchorEl(event.currentTarget);\n  }\n\n  function getPopoverGrid() {\n    // return popoverFields.map((field) => {\n    //   return <div className={classes.popover}>{field.name}: {field.value}</div>\n    // })\n\n    if (popoverFields.length === 0) {\n      return;\n    }\n\n    // There are fields, so build the grid.\n    return (\n      <Grid container className={classes.popover} spacing={1}>\n        <Grid item xs={12}>\n          <Typography variant='h6'>{caseOpName}</Typography>\n        </Grid>\n        {popoverFields.map(field => {\n          return (\n            <React.Fragment key={field.id}>\n              <Grid container item xs={12} spacing={1}>\n                <Grid item xs={6}>\n                  <Typography variant='caption'>{field.name}</Typography>\n                </Grid>\n                <Grid item xs={6}>\n                  <Typography variant='subtitle2'>{field.value}</Typography>\n                </Grid>\n              </Grid>\n            </React.Fragment>\n          );\n        })}\n      </Grid>\n    );\n  }\n\n  // End of popover-related\n\n  return (\n    <>\n      <TextField\n        variant='standard'\n        defaultValue={caseOpName}\n        label={caseOpLabel}\n        onClick={showOperatorDetails}\n        InputProps={{\n          readOnly: true,\n          disableUnderline: true,\n          inputProps: { style: { cursor: 'pointer' } }\n        }}\n      />\n      <br />\n      {Utils.generateDateTime(caseTime, 'DateTime-Since')}\n\n      <Popover\n        id={popoverId}\n        open={popoverOpen}\n        anchorEl={popoverAnchorEl}\n        onClose={handlePopoverClose}\n        anchorOrigin={{ vertical: 'bottom', horizontal: 'center' }}\n        transformOrigin={{ vertical: 'top', horizontal: 'center' }}\n        PaperProps={{ style: { maxWidth: '45ch' } }}\n      >\n        {getPopoverGrid()}\n      </Popover>\n    </>\n  );\n}\n"]}

package/lib/components/designSystemExtension/Pulse/Pulse.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Card, CardContent, CardHeader, Typography } from '@material-ui/core';
-import { makeStyles } from '@material-ui/core/styles';
+import { Card, CardContent, CardHeader, Typography } from '@mui/material';
+import makeStyles from '@mui/styles/makeStyles';
 const useStyles = makeStyles(theme => ({
     root: {
         marginTop: theme.spacing(1),

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

@@ -1 +1 @@
-{"version":3,"file":"Pulse.js","sourceRoot":"","sources":["../../../../src/components/designSystemExtension/Pulse/Pulse.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,IAAI,EAAE,WAAW,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAC9E,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AAQtD,MAAM,SAAS,GAAG,UAAU,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC;IACrC,IAAI,EAAE;QACJ,SAAS,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;QAC3B,YAAY,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;QAC9B,UAAU,EAAE,WAAW;QACvB,eAAe,EAAE,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,KAAK;KAC7C;CACF,CAAC,CAAC,CAAC;AAEJ,MAAM,CAAC,OAAO,UAAU,KAAK,CAAC,KAAoC;IAChE,6DAA6D;IAC7D,MAAM,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;IAC3B,MAAM,OAAO,GAAG,SAAS,EAAE,CAAC;IAE5B,OAAO,CACL,MAAC,IAAI,IAAC,SAAS,EAAE,OAAO,CAAC,IAAI,aAC3B,KAAC,UAAU,IAAC,KAAK,EAAE,KAAC,UAAU,IAAC,OAAO,EAAC,IAAI,sBAAmB,GAAI,EAClE,KAAC,WAAW,cACV,KAAC,UAAU,wBAAmB,GAClB,IACT,CACR,CAAC;AACJ,CAAC","sourcesContent":["import { PropsWithChildren } from 'react';\nimport { Card, CardContent, CardHeader, Typography } from '@material-ui/core';\nimport { makeStyles } from '@material-ui/core/styles';\n\n// Pulse is one of the few components that does NOT have getPConnect.\n//  So, no need to extend PConnProps\ninterface PulseProps {\n  // If any, enter additional props that only exist on this component\n}\n\nconst useStyles = makeStyles(theme => ({\n  root: {\n    marginTop: theme.spacing(1),\n    marginBottom: theme.spacing(1),\n    borderLeft: '6px solid',\n    borderLeftColor: theme.palette.primary.light\n  }\n}));\n\nexport default function Pulse(props: PropsWithChildren<PulseProps>) {\n  // eslint-disable-next-line @typescript-eslint/no-unused-vars\n  const { children } = props;\n  const classes = useStyles();\n\n  return (\n    <Card className={classes.root}>\n      <CardHeader title={<Typography variant='h6'>Pulse</Typography>} />\n      <CardContent>\n        <Typography>Pulse</Typography>\n      </CardContent>\n    </Card>\n  );\n}\n"]}
+{"version":3,"file":"Pulse.js","sourceRoot":"","sources":["../../../../src/components/designSystemExtension/Pulse/Pulse.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,IAAI,EAAE,WAAW,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAC1E,OAAO,UAAU,MAAM,wBAAwB,CAAC;AAQhD,MAAM,SAAS,GAAG,UAAU,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC;IACrC,IAAI,EAAE;QACJ,SAAS,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;QAC3B,YAAY,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;QAC9B,UAAU,EAAE,WAAW;QACvB,eAAe,EAAE,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,KAAK;KAC7C;CACF,CAAC,CAAC,CAAC;AAEJ,MAAM,CAAC,OAAO,UAAU,KAAK,CAAC,KAAoC;IAChE,6DAA6D;IAC7D,MAAM,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;IAC3B,MAAM,OAAO,GAAG,SAAS,EAAE,CAAC;IAE5B,OAAO,CACL,MAAC,IAAI,IAAC,SAAS,EAAE,OAAO,CAAC,IAAI,aAC3B,KAAC,UAAU,IAAC,KAAK,EAAE,KAAC,UAAU,IAAC,OAAO,EAAC,IAAI,sBAAmB,GAAI,EAClE,KAAC,WAAW,cACV,KAAC,UAAU,wBAAmB,GAClB,IACT,CACR,CAAC;AACJ,CAAC","sourcesContent":["import { PropsWithChildren } from 'react';\nimport { Card, CardContent, CardHeader, Typography } from '@mui/material';\nimport makeStyles from '@mui/styles/makeStyles';\n\n// Pulse is one of the few components that does NOT have getPConnect.\n//  So, no need to extend PConnProps\ninterface PulseProps {\n  // If any, enter additional props that only exist on this component\n}\n\nconst useStyles = makeStyles(theme => ({\n  root: {\n    marginTop: theme.spacing(1),\n    marginBottom: theme.spacing(1),\n    borderLeft: '6px solid',\n    borderLeftColor: theme.palette.primary.light\n  }\n}));\n\nexport default function Pulse(props: PropsWithChildren<PulseProps>) {\n  // eslint-disable-next-line @typescript-eslint/no-unused-vars\n  const { children } = props;\n  const classes = useStyles();\n\n  return (\n    <Card className={classes.root}>\n      <CardHeader title={<Typography variant='h6'>Pulse</Typography>} />\n      <CardContent>\n        <Typography>Pulse</Typography>\n      </CardContent>\n    </Card>\n  );\n}\n"]}

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

@@ -1 +1 @@
-{"version":3,"file":"RichTextEditor.d.ts","sourceRoot":"","sources":["../../../../src/components/designSystemExtension/RichTextEditor/RichTextEditor.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAe1C,UAAU,mBAAmB;IAC3B,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,YAAY,EAAE,MAAM,CAAC;IACrB,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,OAAO,CAAC;IACrB,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,MAAM,CAAC;IACf,WAAW,EAAE,MAAM,CAAC;IACpB,QAAQ,EAAE,OAAO,CAAC;IAClB,QAAQ,EAAE,OAAO,CAAC;IAClB,QAAQ,EAAE,OAAO,CAAC;IAClB,KAAK,EAAE,OAAO,CAAC;IACf,MAAM,EAAE,KAAK,CAAC,YAAY,CAAC,GAAG,CAAC,CAAC;IAChC,QAAQ,EAAE,KAAK,CAAC,YAAY,CAAC,GAAG,CAAC,CAAC;CACnC;AAED,QAAA,MAAM,cAAc,qFAwFlB,CAAC;AAEH,eAAe,cAAc,CAAC"}
+{"version":3,"file":"RichTextEditor.d.ts","sourceRoot":"","sources":["../../../../src/components/designSystemExtension/RichTextEditor/RichTextEditor.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAgB1C,UAAU,mBAAmB;IAC3B,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,YAAY,EAAE,MAAM,CAAC;IACrB,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,OAAO,CAAC;IACrB,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,MAAM,CAAC;IACf,WAAW,EAAE,MAAM,CAAC;IACpB,QAAQ,EAAE,OAAO,CAAC;IAClB,QAAQ,EAAE,OAAO,CAAC;IAClB,QAAQ,EAAE,OAAO,CAAC;IAClB,KAAK,EAAE,OAAO,CAAC;IACf,MAAM,EAAE,KAAK,CAAC,YAAY,CAAC,GAAG,CAAC,CAAC;IAChC,QAAQ,EAAE,KAAK,CAAC,YAAY,CAAC,GAAG,CAAC,CAAC;CACnC;AAED,QAAA,MAAM,cAAc,qFAwFlB,CAAC;AAEH,eAAe,cAAc,CAAC"}

package/lib/components/designSystemExtension/RichTextEditor/RichTextEditor.js

@@ -1,7 +1,8 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { forwardRef } from 'react';
 import { Editor } from '@tinymce/tinymce-react';
-import { FormControl, FormHelperText, InputLabel, makeStyles } from '@material-ui/core';
+import { FormControl, FormHelperText, InputLabel } from '@mui/material';
+import makeStyles from '@mui/styles/makeStyles';
 import { useAfterInitialEffect, useConsolidatedRef, useUID } from '../../../hooks';
 const useStyles = makeStyles(theme => ({
     fieldLabel: {
@@ -69,7 +70,7 @@ const RichTextEditor = forwardRef(function RichTextEditor(props, ref) {
                 file_picker_callback: filePickerCallback
             }, onBlur: onBlur, onEditorChange: onChange }));
     }
-    return (_jsxs(FormControl, { "data-test-id": testId, error: error, required: required, children: [!labelHidden && (_jsx(InputLabel, { id: 'demo-simple-select-error-label', className: classes.fieldLabel, children: label })), richTextComponent, info && _jsx(FormHelperText, { children: info })] }));
+    return (_jsxs(FormControl, { variant: 'standard', "data-test-id": testId, error: error, required: required, children: [!labelHidden && (_jsx(InputLabel, { id: 'demo-simple-select-error-label', className: classes.fieldLabel, children: label })), richTextComponent, info && _jsx(FormHelperText, { children: info })] }));
 });
 export default RichTextEditor;
 //# sourceMappingURL=RichTextEditor.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"RichTextEditor.js","sourceRoot":"","sources":["../../../../src/components/designSystemExtension/RichTextEditor/RichTextEditor.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { forwardRef } from 'react';\nimport { Editor } from '@tinymce/tinymce-react';\nimport { FormControl, FormHelperText, InputLabel, makeStyles } from '@material-ui/core';\n\nimport { useAfterInitialEffect, useConsolidatedRef, useUID } from '../../../hooks';\n\nconst useStyles = makeStyles(theme => ({\n  fieldLabel: {\n    position: 'relative',\n    transform: 'translate(0, 0px) scale(1)',\n    marginBottom: '5px',\n    color: theme.palette.text.secondary\n  }\n}));\n\ninterface RichTextEditorProps {\n  id?: string;\n  defaultValue: string;\n  label: string;\n  labelHidden: boolean;\n  info: string;\n  testId: string;\n  placeholder: string;\n  disabled: boolean;\n  required: boolean;\n  readOnly: boolean;\n  error: boolean;\n  onBlur: React.EventHandler<any>;\n  onChange: React.EventHandler<any>;\n}\n\nconst RichTextEditor = forwardRef(function RichTextEditor(props: RichTextEditorProps, ref) {\n  const classes = useStyles();\n  const uid = useUID();\n  const { id = uid, defaultValue, label, labelHidden, info, testId, placeholder, disabled, required, readOnly, error, onBlur, onChange } = props;\n\n  const editorRef: any = useConsolidatedRef(ref);\n  let richTextComponent: any = null;\n\n  useAfterInitialEffect(() => {\n    editorRef?.current.mode.set(readOnly || disabled ? 'readonly' : 'design');\n  }, [readOnly, disabled]);\n\n  const filePickerCallback = cb => {\n    const input = document.createElement('input');\n    input.setAttribute('type', 'file');\n    input.setAttribute('accept', 'image/*');\n\n    input.addEventListener('change', (e: any) => {\n      const file = e.target.files[0];\n\n      const reader: any = new FileReader();\n      reader.addEventListener('load', () => {\n        /*\n          Note: Now we need to register the blob in TinyMCEs image blob\n          registry. In the next release this part hopefully won't be\n          necessary, as we are looking to handle it internally.\n        */\n        const blobId = `blobid${new Date().getTime()}`;\n        const blobCache = editorRef.current.editorUpload.blobCache;\n        const base64 = reader.result.split(',')[1];\n        const blobInfo = blobCache.create(blobId, file, base64);\n        blobCache.add(blobInfo);\n\n        /* call the callback and populate the Title field with the file name */\n        cb(blobInfo.blobUri(), { title: file.name });\n      });\n      reader.readAsDataURL(file);\n    });\n\n    input.click();\n  };\n\n  if (readOnly) {\n    const value = defaultValue || '--';\n    // eslint-disable-next-line react/no-danger\n    richTextComponent = <div key={id} id={id} className='readonly-richtext-editor' dangerouslySetInnerHTML={{ __html: value }} />;\n  } else {\n    richTextComponent = (\n      <Editor\n        tinymceScriptSrc='tinymce/tinymce.min.js'\n        onInit={(_evt, editor) => {\n          editorRef.current = editor;\n        }}\n        id={id}\n        initialValue={defaultValue}\n        disabled={disabled}\n        init={{\n          placeholder,\n          menubar: false,\n          statusbar: false,\n          min_height: 130,\n          plugins: ['lists', 'advlist', 'autolink', 'image', 'link', 'autoresize'],\n          autoresize_bottom_margin: 0,\n          toolbar: disabled ? false : 'blocks | bold italic strikethrough | bullist numlist outdent indent | link image',\n          toolbar_location: 'bottom',\n          content_style: 'body { font-family:Helvetica, Arial,sans-serif; font-size:14px }',\n          branding: false,\n          paste_data_images: true,\n          file_picker_types: 'image',\n          file_picker_callback: filePickerCallback\n        }}\n        onBlur={onBlur}\n        onEditorChange={onChange}\n      />\n    );\n  }\n\n  return (\n    <FormControl data-test-id={testId} error={error} required={required}>\n      {!labelHidden && (\n        <InputLabel id='demo-simple-select-error-label' className={classes.fieldLabel}>\n          {label}\n        </InputLabel>\n      )}\n      {richTextComponent}\n      {info && <FormHelperText>{info}</FormHelperText>}\n    </FormControl>\n  );\n});\n\nexport default RichTextEditor;\n"]}
+{"version":3,"file":"RichTextEditor.js","sourceRoot":"","sources":["../../../../src/components/designSystemExtension/RichTextEditor/RichTextEditor.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { forwardRef } from 'react';\nimport { Editor } from '@tinymce/tinymce-react';\nimport { FormControl, FormHelperText, InputLabel } from '@mui/material';\nimport makeStyles from '@mui/styles/makeStyles';\n\nimport { useAfterInitialEffect, useConsolidatedRef, useUID } from '../../../hooks';\n\nconst useStyles = makeStyles(theme => ({\n  fieldLabel: {\n    position: 'relative',\n    transform: 'translate(0, 0px) scale(1)',\n    marginBottom: '5px',\n    color: theme.palette.text.secondary\n  }\n}));\n\ninterface RichTextEditorProps {\n  id?: string;\n  defaultValue: string;\n  label: string;\n  labelHidden: boolean;\n  info: string;\n  testId: string;\n  placeholder: string;\n  disabled: boolean;\n  required: boolean;\n  readOnly: boolean;\n  error: boolean;\n  onBlur: React.EventHandler<any>;\n  onChange: React.EventHandler<any>;\n}\n\nconst RichTextEditor = forwardRef(function RichTextEditor(props: RichTextEditorProps, ref) {\n  const classes = useStyles();\n  const uid = useUID();\n  const { id = uid, defaultValue, label, labelHidden, info, testId, placeholder, disabled, required, readOnly, error, onBlur, onChange } = props;\n\n  const editorRef: any = useConsolidatedRef(ref);\n  let richTextComponent: any = null;\n\n  useAfterInitialEffect(() => {\n    editorRef?.current.mode.set(readOnly || disabled ? 'readonly' : 'design');\n  }, [readOnly, disabled]);\n\n  const filePickerCallback = cb => {\n    const input = document.createElement('input');\n    input.setAttribute('type', 'file');\n    input.setAttribute('accept', 'image/*');\n\n    input.addEventListener('change', (e: any) => {\n      const file = e.target.files[0];\n\n      const reader: any = new FileReader();\n      reader.addEventListener('load', () => {\n        /*\n          Note: Now we need to register the blob in TinyMCEs image blob\n          registry. In the next release this part hopefully won't be\n          necessary, as we are looking to handle it internally.\n        */\n        const blobId = `blobid${new Date().getTime()}`;\n        const blobCache = editorRef.current.editorUpload.blobCache;\n        const base64 = reader.result.split(',')[1];\n        const blobInfo = blobCache.create(blobId, file, base64);\n        blobCache.add(blobInfo);\n\n        /* call the callback and populate the Title field with the file name */\n        cb(blobInfo.blobUri(), { title: file.name });\n      });\n      reader.readAsDataURL(file);\n    });\n\n    input.click();\n  };\n\n  if (readOnly) {\n    const value = defaultValue || '--';\n    // eslint-disable-next-line react/no-danger\n    richTextComponent = <div key={id} id={id} className='readonly-richtext-editor' dangerouslySetInnerHTML={{ __html: value }} />;\n  } else {\n    richTextComponent = (\n      <Editor\n        tinymceScriptSrc='tinymce/tinymce.min.js'\n        onInit={(_evt, editor) => {\n          editorRef.current = editor;\n        }}\n        id={id}\n        initialValue={defaultValue}\n        disabled={disabled}\n        init={{\n          placeholder,\n          menubar: false,\n          statusbar: false,\n          min_height: 130,\n          plugins: ['lists', 'advlist', 'autolink', 'image', 'link', 'autoresize'],\n          autoresize_bottom_margin: 0,\n          toolbar: disabled ? false : 'blocks | bold italic strikethrough | bullist numlist outdent indent | link image',\n          toolbar_location: 'bottom',\n          content_style: 'body { font-family:Helvetica, Arial,sans-serif; font-size:14px }',\n          branding: false,\n          paste_data_images: true,\n          file_picker_types: 'image',\n          file_picker_callback: filePickerCallback\n        }}\n        onBlur={onBlur}\n        onEditorChange={onChange}\n      />\n    );\n  }\n\n  return (\n    <FormControl variant='standard' data-test-id={testId} error={error} required={required}>\n      {!labelHidden && (\n        <InputLabel id='demo-simple-select-error-label' className={classes.fieldLabel}>\n          {label}\n        </InputLabel>\n      )}\n      {richTextComponent}\n      {info && <FormHelperText>{info}</FormHelperText>}\n    </FormControl>\n  );\n});\n\nexport default RichTextEditor;\n"]}

package/lib/components/designSystemExtension/WssQuickCreate/WssQuickCreate.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Button } from '@material-ui/core';
+import { Button } from '@mui/material';
 import './WssQuickCreate.css';
 export default function WssQuickCreate(props) {
     const { heading, actions } = props;

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

@@ -1 +1 @@
-{"version":3,"file":"WssQuickCreate.js","sourceRoot":"","sources":["../../../../src/components/designSystemExtension/WssQuickCreate/WssQuickCreate.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAC3C,OAAO,sBAAsB,CAAC;AAU9B,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,KAA0B;IAC/D,MAAM,EAAE,OAAO,EAAE,OAAO,EAAE,GAAG,KAAK,CAAC;IAEnC,OAAO,CACL,0BACE,aAAI,EAAE,EAAC,qBAAqB,EAAC,SAAS,EAAC,oBAAoB,YACxD,OAAO,GACL,EACL,aAAI,EAAE,EAAC,aAAa,EAAC,SAAS,EAAC,oBAAoB,YAChD,OAAO;oBACN,OAAO,CAAC,GAAG,CAAC,OAAO,CAAC,EAAE;wBACpB,OAAO,CACL,aAAI,SAAS,EAAC,iBAAiB,YAC7B,KAAC,MAAM,IAAC,SAAS,EAAC,mBAAmB,EAAC,OAAO,EAAE,OAAO,CAAC,OAAO,YAC5D,gBAAM,SAAS,EAAC,wBAAwB,aACrC,OAAO,CAAC,IAAI,IAAI,cAAK,SAAS,EAAC,iBAAiB,EAAC,GAAG,EAAE,OAAO,CAAC,IAAI,GAAI,EACvE,yBAAO,OAAO,CAAC,KAAK,GAAQ,IACvB,GACA,IAN0B,OAAO,CAAC,KAAK,CAO7C,CACN,CAAC;oBACJ,CAAC,CAAC,GACD,IACD,CACP,CAAC;AACJ,CAAC","sourcesContent":["import { Button } from '@material-ui/core';\nimport './WssQuickCreate.css';\n\n// WssQuickCreate is one of the few components that does NOT have getPConnect.\n//  So, no need to extend PConnProps\ninterface WssQuickCreateProps {\n  // If any, enter additional props that only exist on this component\n  heading: string;\n  actions?: any[];\n}\n\nexport default function WssQuickCreate(props: WssQuickCreateProps) {\n  const { heading, actions } = props;\n\n  return (\n    <div>\n      <h1 id='quick-links-heading' className='quick-link-heading'>\n        {heading}\n      </h1>\n      <ul id='quick-links' className='quick-link-ul-list'>\n        {actions &&\n          actions.map(element => {\n            return (\n              <li className='quick-link-list' key={element.label}>\n                <Button className='quick-link-button' onClick={element.onClick}>\n                  <span className='quick-link-button-span'>\n                    {element.icon && <img className='quick-link-icon' src={element.icon} />}\n                    <span>{element.label}</span>\n                  </span>\n                </Button>\n              </li>\n            );\n          })}\n      </ul>\n    </div>\n  );\n}\n"]}
+{"version":3,"file":"WssQuickCreate.js","sourceRoot":"","sources":["../../../../src/components/designSystemExtension/WssQuickCreate/WssQuickCreate.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AACvC,OAAO,sBAAsB,CAAC;AAU9B,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,KAA0B;IAC/D,MAAM,EAAE,OAAO,EAAE,OAAO,EAAE,GAAG,KAAK,CAAC;IAEnC,OAAO,CACL,0BACE,aAAI,EAAE,EAAC,qBAAqB,EAAC,SAAS,EAAC,oBAAoB,YACxD,OAAO,GACL,EACL,aAAI,EAAE,EAAC,aAAa,EAAC,SAAS,EAAC,oBAAoB,YAChD,OAAO;oBACN,OAAO,CAAC,GAAG,CAAC,OAAO,CAAC,EAAE;wBACpB,OAAO,CACL,aAAI,SAAS,EAAC,iBAAiB,YAC7B,KAAC,MAAM,IAAC,SAAS,EAAC,mBAAmB,EAAC,OAAO,EAAE,OAAO,CAAC,OAAO,YAC5D,gBAAM,SAAS,EAAC,wBAAwB,aACrC,OAAO,CAAC,IAAI,IAAI,cAAK,SAAS,EAAC,iBAAiB,EAAC,GAAG,EAAE,OAAO,CAAC,IAAI,GAAI,EACvE,yBAAO,OAAO,CAAC,KAAK,GAAQ,IACvB,GACA,IAN0B,OAAO,CAAC,KAAK,CAO7C,CACN,CAAC;oBACJ,CAAC,CAAC,GACD,IACD,CACP,CAAC;AACJ,CAAC","sourcesContent":["import { Button } from '@mui/material';\nimport './WssQuickCreate.css';\n\n// WssQuickCreate is one of the few components that does NOT have getPConnect.\n//  So, no need to extend PConnProps\ninterface WssQuickCreateProps {\n  // If any, enter additional props that only exist on this component\n  heading: string;\n  actions?: any[];\n}\n\nexport default function WssQuickCreate(props: WssQuickCreateProps) {\n  const { heading, actions } = props;\n\n  return (\n    <div>\n      <h1 id='quick-links-heading' className='quick-link-heading'>\n        {heading}\n      </h1>\n      <ul id='quick-links' className='quick-link-ul-list'>\n        {actions &&\n          actions.map(element => {\n            return (\n              <li className='quick-link-list' key={element.label}>\n                <Button className='quick-link-button' onClick={element.onClick}>\n                  <span className='quick-link-button-span'>\n                    {element.icon && <img className='quick-link-icon' src={element.icon} />}\n                    <span>{element.label}</span>\n                  </span>\n                </Button>\n              </li>\n            );\n          })}\n      </ul>\n    </div>\n  );\n}\n"]}

package/lib/components/field/AutoComplete/AutoComplete.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { useEffect, useState } from 'react';
-import { TextField } from '@material-ui/core';
-import Autocomplete from '@material-ui/lab/Autocomplete';
+import { TextField } from '@mui/material';
+import Autocomplete from '@mui/material/Autocomplete';
 import isDeepEqual from 'fast-deep-equal/react';
 import Utils from '../../helpers/utils';
 import { getDataPage } from '../../helpers/data_page';
@@ -102,7 +102,7 @@ export default function AutoComplete(props) {
             });
         }
     }, []);
-    if (displayMode === 'LABELS_LEFT') {
+    if (displayMode === 'DISPLAY_ONLY') {
         return _jsx(FieldValueList, { name: hideLabel ? '' : label, value: value });
     }
     if (displayMode === 'STACKED_LARGE_VAL') {
@@ -135,7 +135,7 @@ export default function AutoComplete(props) {
     //  key/value structure to what Autocomplete expects
     return (_jsx(Autocomplete, { options: options, getOptionLabel: (option) => {
             return option.value ? option.value : '';
-        }, getOptionSelected: (option) => {
+        }, isOptionEqualToValue: (option) => {
             return option.value ? option.value : '';
         }, fullWidth: true, onChange: handleChange, value: selectedValue, inputValue: inputValue || selectedValue, onInputChange: handleInputValue, renderInput: params => (_jsx(TextField, { ...params, fullWidth: true, variant: 'outlined', helperText: helperTextToDisplay, placeholder: placeholder, size: 'small', required: required, error: status === 'error', label: label, "data-test-id": testId })) }));
 }

package/lib/components/field/AutoComplete/AutoComplete.js.map

@@ -1 +1 @@
-{"version":3,"file":"AutoComplete.js","sourceRoot":"","sources":["../../../../src/components/field/AutoComplete/AutoComplete.tsx"],"names":[],"mappings":"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","sourcesContent":["import { useEffect, useState } from 'react';\nimport { TextField } from '@material-ui/core';\nimport Autocomplete from '@material-ui/lab/Autocomplete';\nimport isDeepEqual from 'fast-deep-equal/react';\n\nimport Utils from '../../helpers/utils';\nimport { getDataPage } from '../../helpers/data_page';\nimport handleEvent from '../../helpers/event-utils';\nimport { getComponentFromMap } from '../../../bridge/helpers/sdk_component_map';\nimport { PConnFieldProps } from '../../../types/PConnProps';\n\ninterface IOption {\n  key: string;\n  value: string;\n}\n\nconst preProcessColumns = columnList => {\n  return columnList.map(col => {\n    const tempColObj = { ...col };\n    tempColObj.value = col.value && col.value.startsWith('.') ? col.value.substring(1) : col.value;\n    return tempColObj;\n  });\n};\n\nconst getDisplayFieldsMetaData = columnList => {\n  const displayColumns = columnList.filter(col => col.display === 'true');\n  const metaDataObj: any = { key: '', primary: '', secondary: [] };\n  const keyCol = columnList.filter(col => col.key === 'true');\n  metaDataObj.key = keyCol.length > 0 ? keyCol[0].value : 'auto';\n  for (let index = 0; index < displayColumns.length; index += 1) {\n    if (displayColumns[index].primary === 'true') {\n      metaDataObj.primary = displayColumns[index].value;\n    } else {\n      metaDataObj.secondary.push(displayColumns[index].value);\n    }\n  }\n  return metaDataObj;\n};\n\ninterface AutoCompleteProps extends PConnFieldProps {\n  // If any, enter additional props that only exist on AutoComplete here'\n  displayMode?: string;\n  deferDatasource?: boolean;\n  datasourceMetadata?: any;\n  status?: string;\n  onRecordChange?: any;\n  additionalProps?: object;\n  listType: string;\n  parameters?: any;\n  datasource: any;\n  columns: any[];\n}\n\nexport default function AutoComplete(props: AutoCompleteProps) {\n  // Get emitted components from map (so we can get any override that may exist)\n  const TextInput = getComponentFromMap('TextInput');\n  const FieldValueList = getComponentFromMap('FieldValueList');\n\n  const {\n    getPConnect,\n    label,\n    required,\n    placeholder,\n    value = '',\n    validatemessage,\n    readOnly,\n    testId,\n    displayMode,\n    deferDatasource,\n    datasourceMetadata,\n    status,\n    helperText,\n    hideLabel,\n    onRecordChange\n  } = props;\n\n  const context = getPConnect().getContextName();\n  let { listType, parameters, datasource = [], columns = [] } = props;\n  const [inputValue, setInputValue] = useState('');\n  const [options, setOptions] = useState<IOption[]>([]);\n  const [theDatasource, setDatasource] = useState(null);\n  let selectedValue: any = '';\n  const helperTextToDisplay = validatemessage || helperText;\n\n  const thePConn = getPConnect();\n  const actionsApi = thePConn.getActionsApi();\n  const propName = (thePConn.getStateProps() as any).value;\n\n  if (!isDeepEqual(datasource, theDatasource)) {\n    // inbound datasource is different, so update theDatasource (to trigger useEffect)\n    setDatasource(datasource);\n  }\n\n  const flattenParameters = (params = {}) => {\n    const flatParams = {};\n    Object.keys(params).forEach(key => {\n      const { name, value: theVal } = params[key];\n      flatParams[name] = theVal;\n    });\n\n    return flatParams;\n  };\n\n  // convert associated to datapage listtype and transform props\n  // Process deferDatasource when datapage name is present. WHhen tableType is promptList / localList\n  if (deferDatasource && datasourceMetadata?.datasource?.name) {\n    listType = 'datapage';\n    datasource = datasourceMetadata.datasource.name;\n    const { parameters: dataSourceParameters, propertyForDisplayText, propertyForValue } = datasourceMetadata.datasource;\n    parameters = flattenParameters(dataSourceParameters);\n    const displayProp = propertyForDisplayText.startsWith('@P') ? propertyForDisplayText.substring(3) : propertyForDisplayText;\n    const valueProp = propertyForValue.startsWith('@P') ? propertyForValue.substring(3) : propertyForValue;\n    columns = [\n      {\n        key: 'true',\n        setProperty: 'Associated property',\n        value: valueProp\n      },\n      {\n        display: 'true',\n        primary: 'true',\n        useForSearch: true,\n        value: displayProp\n      }\n    ];\n  }\n  columns = preProcessColumns(columns);\n\n  useEffect(() => {\n    if (listType === 'associated') {\n      setOptions(Utils.getOptionList(props, getPConnect().getDataObject('')));\n    }\n  }, [theDatasource]);\n\n  useEffect(() => {\n    if (!displayMode && listType !== 'associated') {\n      getDataPage(datasource, parameters, context).then((results: any) => {\n        const optionsData: any[] = [];\n        const displayColumn = getDisplayFieldsMetaData(columns);\n        results?.forEach(element => {\n          const val = element[displayColumn.primary]?.toString();\n          const obj = {\n            key: element[displayColumn.key] || element.pyGUID,\n            value: val\n          };\n          optionsData.push(obj);\n        });\n        setOptions(optionsData);\n      });\n    }\n  }, []);\n\n  if (displayMode === 'LABELS_LEFT') {\n    return <FieldValueList name={hideLabel ? '' : label} value={value} />;\n  }\n\n  if (displayMode === 'STACKED_LARGE_VAL') {\n    return <FieldValueList name={hideLabel ? '' : label} value={value} variant='stacked' />;\n  }\n\n  if (value) {\n    const index = options?.findIndex(element => element.key === value);\n    if (index > -1) {\n      selectedValue = options[index].value;\n    } else {\n      selectedValue = value;\n    }\n  }\n\n  const handleChange = (event: object, newValue) => {\n    const val = newValue ? newValue.key : '';\n    handleEvent(actionsApi, 'changeNblur', propName, val);\n    if (onRecordChange) {\n      onRecordChange(event);\n    }\n  };\n\n  const handleInputValue = (event, newInputValue) => {\n    setInputValue(newInputValue);\n  };\n\n  if (readOnly) {\n    const theValAsString = options?.find(opt => opt.key === value)?.value;\n    return <TextInput {...props} value={theValAsString} />;\n  }\n  // Need to use both getOptionLabel and getOptionSelected to map our\n  //  key/value structure to what Autocomplete expects\n  return (\n    <Autocomplete\n      options={options}\n      getOptionLabel={(option: IOption) => {\n        return option.value ? option.value : '';\n      }}\n      getOptionSelected={(option: any) => {\n        return option.value ? option.value : '';\n      }}\n      fullWidth\n      onChange={handleChange}\n      value={selectedValue}\n      inputValue={inputValue || selectedValue}\n      onInputChange={handleInputValue}\n      renderInput={params => (\n        <TextField\n          {...params}\n          fullWidth\n          variant='outlined'\n          helperText={helperTextToDisplay}\n          placeholder={placeholder}\n          size='small'\n          required={required}\n          error={status === 'error'}\n          label={label}\n          data-test-id={testId}\n        />\n      )}\n    />\n  );\n}\n"]}
+{"version":3,"file":"AutoComplete.js","sourceRoot":"","sources":["../../../../src/components/field/AutoComplete/AutoComplete.tsx"],"names":[],"mappings":"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","sourcesContent":["import { useEffect, useState } from 'react';\nimport { TextField } from '@mui/material';\nimport Autocomplete from '@mui/material/Autocomplete';\nimport isDeepEqual from 'fast-deep-equal/react';\n\nimport Utils from '../../helpers/utils';\nimport { getDataPage } from '../../helpers/data_page';\nimport handleEvent from '../../helpers/event-utils';\nimport { getComponentFromMap } from '../../../bridge/helpers/sdk_component_map';\nimport { PConnFieldProps } from '../../../types/PConnProps';\n\ninterface IOption {\n  key: string;\n  value: string;\n}\n\nconst preProcessColumns = columnList => {\n  return columnList.map(col => {\n    const tempColObj = { ...col };\n    tempColObj.value = col.value && col.value.startsWith('.') ? col.value.substring(1) : col.value;\n    return tempColObj;\n  });\n};\n\nconst getDisplayFieldsMetaData = columnList => {\n  const displayColumns = columnList.filter(col => col.display === 'true');\n  const metaDataObj: any = { key: '', primary: '', secondary: [] };\n  const keyCol = columnList.filter(col => col.key === 'true');\n  metaDataObj.key = keyCol.length > 0 ? keyCol[0].value : 'auto';\n  for (let index = 0; index < displayColumns.length; index += 1) {\n    if (displayColumns[index].primary === 'true') {\n      metaDataObj.primary = displayColumns[index].value;\n    } else {\n      metaDataObj.secondary.push(displayColumns[index].value);\n    }\n  }\n  return metaDataObj;\n};\n\ninterface AutoCompleteProps extends PConnFieldProps {\n  // If any, enter additional props that only exist on AutoComplete here'\n  displayMode?: string;\n  deferDatasource?: boolean;\n  datasourceMetadata?: any;\n  status?: string;\n  onRecordChange?: any;\n  additionalProps?: object;\n  listType: string;\n  parameters?: any;\n  datasource: any;\n  columns: any[];\n}\n\nexport default function AutoComplete(props: AutoCompleteProps) {\n  // Get emitted components from map (so we can get any override that may exist)\n  const TextInput = getComponentFromMap('TextInput');\n  const FieldValueList = getComponentFromMap('FieldValueList');\n\n  const {\n    getPConnect,\n    label,\n    required,\n    placeholder,\n    value = '',\n    validatemessage,\n    readOnly,\n    testId,\n    displayMode,\n    deferDatasource,\n    datasourceMetadata,\n    status,\n    helperText,\n    hideLabel,\n    onRecordChange\n  } = props;\n\n  const context = getPConnect().getContextName();\n  let { listType, parameters, datasource = [], columns = [] } = props;\n  const [inputValue, setInputValue] = useState('');\n  const [options, setOptions] = useState<IOption[]>([]);\n  const [theDatasource, setDatasource] = useState(null);\n  let selectedValue: any = '';\n  const helperTextToDisplay = validatemessage || helperText;\n\n  const thePConn = getPConnect();\n  const actionsApi = thePConn.getActionsApi();\n  const propName = (thePConn.getStateProps() as any).value;\n\n  if (!isDeepEqual(datasource, theDatasource)) {\n    // inbound datasource is different, so update theDatasource (to trigger useEffect)\n    setDatasource(datasource);\n  }\n\n  const flattenParameters = (params = {}) => {\n    const flatParams = {};\n    Object.keys(params).forEach(key => {\n      const { name, value: theVal } = params[key];\n      flatParams[name] = theVal;\n    });\n\n    return flatParams;\n  };\n\n  // convert associated to datapage listtype and transform props\n  // Process deferDatasource when datapage name is present. WHhen tableType is promptList / localList\n  if (deferDatasource && datasourceMetadata?.datasource?.name) {\n    listType = 'datapage';\n    datasource = datasourceMetadata.datasource.name;\n    const { parameters: dataSourceParameters, propertyForDisplayText, propertyForValue } = datasourceMetadata.datasource;\n    parameters = flattenParameters(dataSourceParameters);\n    const displayProp = propertyForDisplayText.startsWith('@P') ? propertyForDisplayText.substring(3) : propertyForDisplayText;\n    const valueProp = propertyForValue.startsWith('@P') ? propertyForValue.substring(3) : propertyForValue;\n    columns = [\n      {\n        key: 'true',\n        setProperty: 'Associated property',\n        value: valueProp\n      },\n      {\n        display: 'true',\n        primary: 'true',\n        useForSearch: true,\n        value: displayProp\n      }\n    ];\n  }\n  columns = preProcessColumns(columns);\n\n  useEffect(() => {\n    if (listType === 'associated') {\n      setOptions(Utils.getOptionList(props, getPConnect().getDataObject('')));\n    }\n  }, [theDatasource]);\n\n  useEffect(() => {\n    if (!displayMode && listType !== 'associated') {\n      getDataPage(datasource, parameters, context).then((results: any) => {\n        const optionsData: any[] = [];\n        const displayColumn = getDisplayFieldsMetaData(columns);\n        results?.forEach(element => {\n          const val = element[displayColumn.primary]?.toString();\n          const obj = {\n            key: element[displayColumn.key] || element.pyGUID,\n            value: val\n          };\n          optionsData.push(obj);\n        });\n        setOptions(optionsData);\n      });\n    }\n  }, []);\n\n  if (displayMode === 'DISPLAY_ONLY') {\n    return <FieldValueList name={hideLabel ? '' : label} value={value} />;\n  }\n\n  if (displayMode === 'STACKED_LARGE_VAL') {\n    return <FieldValueList name={hideLabel ? '' : label} value={value} variant='stacked' />;\n  }\n\n  if (value) {\n    const index = options?.findIndex(element => element.key === value);\n    if (index > -1) {\n      selectedValue = options[index].value;\n    } else {\n      selectedValue = value;\n    }\n  }\n\n  const handleChange = (event: object, newValue) => {\n    const val = newValue ? newValue.key : '';\n    handleEvent(actionsApi, 'changeNblur', propName, val);\n    if (onRecordChange) {\n      onRecordChange(event);\n    }\n  };\n\n  const handleInputValue = (event, newInputValue) => {\n    setInputValue(newInputValue);\n  };\n\n  if (readOnly) {\n    const theValAsString = options?.find(opt => opt.key === value)?.value;\n    return <TextInput {...props} value={theValAsString} />;\n  }\n  // Need to use both getOptionLabel and getOptionSelected to map our\n  //  key/value structure to what Autocomplete expects\n  return (\n    <Autocomplete\n      options={options}\n      getOptionLabel={(option: IOption) => {\n        return option.value ? option.value : '';\n      }}\n      isOptionEqualToValue={(option: any) => {\n        return option.value ? option.value : '';\n      }}\n      fullWidth\n      onChange={handleChange}\n      value={selectedValue}\n      inputValue={inputValue || selectedValue}\n      onInputChange={handleInputValue}\n      renderInput={params => (\n        <TextField\n          {...params}\n          fullWidth\n          variant='outlined'\n          helperText={helperTextToDisplay}\n          placeholder={placeholder}\n          size='small'\n          required={required}\n          error={status === 'error'}\n          label={label}\n          data-test-id={testId}\n        />\n      )}\n    />\n  );\n}\n"]}

package/lib/components/field/CancelAlert/CancelAlert.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CancelAlert.d.ts","sourceRoot":"","sources":["../../../../src/components/field/CancelAlert/CancelAlert.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,eAAe,EAAE,MAAM,2BAA2B,CAAC;AAC5D,OAAO,mBAAmB,CAAC;AAE3B,UAAU,gBAAiB,SAAQ,eAAe;IAEhD,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;IAChB,UAAU,EAAE,OAAO,CAAC;IACpB,YAAY,EAAE,OAAO,CAAC;IACtB,sBAAsB,EAAE,GAAG,CAAC;IAC5B,OAAO,EAAE,QAAQ,CAAC;CACnB;AAED,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,KAAK,EAAE,gBAAgB,2CAoI1D"}
+{"version":3,"file":"CancelAlert.d.ts","sourceRoot":"","sources":["../../../../src/components/field/CancelAlert/CancelAlert.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,eAAe,EAAE,MAAM,2BAA2B,CAAC;AAC5D,OAAO,mBAAmB,CAAC;AAE3B,UAAU,gBAAiB,SAAQ,eAAe;IAEhD,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;IAChB,UAAU,EAAE,OAAO,CAAC;IACpB,YAAY,EAAE,OAAO,CAAC;IACtB,sBAAsB,EAAE,GAAG,CAAC;IAC5B,OAAO,EAAE,QAAQ,CAAC;CACnB;AAED,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,KAAK,EAAE,gBAAgB,2CAiI1D"}

package/lib/components/field/CancelAlert/CancelAlert.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { useState } from 'react';
-import { Button, Grid, IconButton, Snackbar } from '@material-ui/core';
-import CloseIcon from '@material-ui/icons/Close';
+import { Button, Grid, IconButton, Snackbar } from '@mui/material';
+import CloseIcon from '@mui/icons-material/Close';
 import './CancelAlert.css';
 export default function CancelAlert(props) {
     const { heading, content, getPConnect, itemKey: containerItemID, hideDelete, isDataObject, skipReleaseLockRequest, dismiss } = props;
@@ -40,7 +40,6 @@ export default function CancelAlert(props) {
     function cancelHandler() {
         if (isReverseCoexistence) {
             dismiss(true);
-            // @ts-ignore - An argument for 'payload' was not provided.
             PCore.getPubSubUtils().publish(PCore.getConstants().PUB_SUB_EVENTS.REVERSE_COEXISTENCE_EVENTS.HANDLE_DISCARD);
         }
         else if (!isDataObject && !isLocalAction && !isBulkAction) {
@@ -48,7 +47,6 @@ export default function CancelAlert(props) {
             actionsAPI
                 .deleteCaseInCreateStage(containerItemID, hideDelete)
                 .then(() => {
-                // @ts-ignore - An argument for 'payload' was not provided.
                 PCore.getPubSubUtils().publish(PCore.getConstants().PUB_SUB_EVENTS.EVENT_CANCEL);
             })
                 .catch(() => {
@@ -62,7 +60,7 @@ export default function CancelAlert(props) {
         }
         else if (isLocalAction) {
             dismiss(true);
-            actionsAPI.cancelAssignment(containerItemID);
+            actionsAPI.cancelAssignment(containerItemID, false);
         }
         else if (isBulkAction) {
             dismiss(true);
@@ -70,7 +68,6 @@ export default function CancelAlert(props) {
         }
         else {
             dismiss(true);
-            // @ts-ignore - Argument of type '{ containerItemID: string; skipReleaseLockRequest: any; }' is not assignable to parameter of type 'ContainerInfo'.
             containerManagerAPI.removeContainerItem({ containerItemID, skipReleaseLockRequest });
         }
     }

package/lib/components/field/CancelAlert/CancelAlert.js.map

@@ -1 +1 @@
-{"version":3,"file":"CancelAlert.js","sourceRoot":"","sources":["../../../../src/components/field/CancelAlert/CancelAlert.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { useState } from 'react';\nimport { Button, Grid, IconButton, Snackbar } from '@material-ui/core';\nimport CloseIcon from '@material-ui/icons/Close';\n\nimport { PConnFieldProps } from '../../../types/PConnProps';\nimport './CancelAlert.css';\n\ninterface CancelAlertProps extends PConnFieldProps {\n  // If any, enter additional props that only exist on CancelAlert here\n  heading: string;\n  content: string;\n  itemKey: string;\n  hideDelete: boolean;\n  isDataObject: boolean;\n  skipReleaseLockRequest: any;\n  dismiss: Function;\n}\n\nexport default function CancelAlert(props: CancelAlertProps) {\n  const { heading, content, getPConnect, itemKey: containerItemID, hideDelete, isDataObject, skipReleaseLockRequest, dismiss } = props;\n  const actionsAPI = getPConnect().getActionsApi();\n  const containerManagerAPI = getPConnect().getContainerManager();\n  const isLocalAction = getPConnect().getValue(PCore.getConstants().CASE_INFO.IS_LOCAL_ACTION);\n  // @ts-ignore - Property 'options' is private and only accessible within class 'C11nEnv'.\n  const isBulkAction = getPConnect()?.options?.isBulkAction;\n  const localizedVal = PCore.getLocaleUtils().getLocaleValue;\n  const broadCastUtils: any = PCore.getCoexistenceManager().getBroadcastUtils();\n  const isReverseCoexistence = broadCastUtils.isReverseCoexistenceCaseLoaded();\n  const localeCategory = 'ModalContainer';\n  const btnIds = {\n    SAVE_AND_CLOSE: 'saveAndClose',\n    CONTINUE_WORKING: 'continueWorking',\n    DELETE: 'delete'\n  };\n\n  const [buttonsState, setButtonsState] = useState({\n    [btnIds.SAVE_AND_CLOSE]: false,\n    [btnIds.DELETE]: false\n  });\n\n  const [showSnackbar, setShowSnackbar] = useState(false);\n  const [snackbarMessage, setSnackbarMessage] = useState('');\n\n  function disableButton(id) {\n    setButtonsState(prevState => ({\n      ...prevState,\n      [id]: true\n    }));\n  }\n\n  function enableButton(id) {\n    setButtonsState(prevState => ({\n      ...prevState,\n      [id]: false\n    }));\n  }\n\n  function cancelHandler() {\n    if (isReverseCoexistence) {\n      dismiss(true);\n      // @ts-ignore - An argument for 'payload' was not provided.\n      PCore.getPubSubUtils().publish(PCore.getConstants().PUB_SUB_EVENTS.REVERSE_COEXISTENCE_EVENTS.HANDLE_DISCARD);\n    } else if (!isDataObject && !isLocalAction && !isBulkAction) {\n      disableButton(btnIds.DELETE);\n      actionsAPI\n        .deleteCaseInCreateStage(containerItemID, hideDelete)\n        .then(() => {\n          // @ts-ignore - An argument for 'payload' was not provided.\n          PCore.getPubSubUtils().publish(PCore.getConstants().PUB_SUB_EVENTS.EVENT_CANCEL);\n        })\n        .catch(() => {\n          setSnackbarMessage(localizedVal('Delete failed.', localeCategory));\n          setShowSnackbar(true);\n        })\n        .finally(() => {\n          enableButton(btnIds.DELETE);\n          dismiss(true);\n        });\n    } else if (isLocalAction) {\n      dismiss(true);\n      actionsAPI.cancelAssignment(containerItemID);\n    } else if (isBulkAction) {\n      dismiss(true);\n      actionsAPI.cancelBulkAction(containerItemID);\n    } else {\n      dismiss(true);\n      // @ts-ignore - Argument of type '{ containerItemID: string; skipReleaseLockRequest: any; }' is not assignable to parameter of type 'ContainerInfo'.\n      containerManagerAPI.removeContainerItem({ containerItemID, skipReleaseLockRequest });\n    }\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  const leftButton = (\n    <Button\n      name={btnIds.CONTINUE_WORKING}\n      variant='contained'\n      color='secondary'\n      onClick={() => {\n        dismiss();\n        if (isReverseCoexistence) {\n          broadCastUtils.setCallBackFunction(null);\n          broadCastUtils.setIsDirtyDialogActive(false);\n        }\n      }}\n    >\n      {localizedVal('Go back', localeCategory)}\n    </Button>\n  );\n\n  const rightButton = (\n    <Button name={btnIds.DELETE} variant='contained' color='primary' disabled={buttonsState[btnIds.DELETE]} onClick={cancelHandler}>\n      {localizedVal('Discard', localeCategory)}\n    </Button>\n  );\n\n  return (\n    <>\n      <div className='cancel-alert-background'>\n        <div className='cancel-alert-top'>\n          <h3>{localizedVal(heading, localeCategory)}</h3>\n          <div>\n            <p>{localizedVal(content, localeCategory)}</p>\n          </div>\n          <div className='action-controls'>\n            <Grid container spacing={4} justifyContent='space-between'>\n              <Grid item>{leftButton}</Grid>\n              <Grid item>{rightButton}</Grid>\n            </Grid>\n          </div>\n        </div>\n      </div>\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":"CancelAlert.js","sourceRoot":"","sources":["../../../../src/components/field/CancelAlert/CancelAlert.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { useState } from 'react';\nimport { Button, Grid, IconButton, Snackbar } from '@mui/material';\nimport CloseIcon from '@mui/icons-material/Close';\n\nimport { PConnFieldProps } from '../../../types/PConnProps';\nimport './CancelAlert.css';\n\ninterface CancelAlertProps extends PConnFieldProps {\n  // If any, enter additional props that only exist on CancelAlert here\n  heading: string;\n  content: string;\n  itemKey: string;\n  hideDelete: boolean;\n  isDataObject: boolean;\n  skipReleaseLockRequest: any;\n  dismiss: Function;\n}\n\nexport default function CancelAlert(props: CancelAlertProps) {\n  const { heading, content, getPConnect, itemKey: containerItemID, hideDelete, isDataObject, skipReleaseLockRequest, dismiss } = props;\n  const actionsAPI = getPConnect().getActionsApi();\n  const containerManagerAPI = getPConnect().getContainerManager();\n  const isLocalAction = getPConnect().getValue(PCore.getConstants().CASE_INFO.IS_LOCAL_ACTION);\n  // @ts-ignore - Property 'options' is private and only accessible within class 'C11nEnv'.\n  const isBulkAction = getPConnect()?.options?.isBulkAction;\n  const localizedVal = PCore.getLocaleUtils().getLocaleValue;\n  const broadCastUtils: any = PCore.getCoexistenceManager().getBroadcastUtils();\n  const isReverseCoexistence = broadCastUtils.isReverseCoexistenceCaseLoaded();\n  const localeCategory = 'ModalContainer';\n  const btnIds = {\n    SAVE_AND_CLOSE: 'saveAndClose',\n    CONTINUE_WORKING: 'continueWorking',\n    DELETE: 'delete'\n  };\n\n  const [buttonsState, setButtonsState] = useState({\n    [btnIds.SAVE_AND_CLOSE]: false,\n    [btnIds.DELETE]: false\n  });\n\n  const [showSnackbar, setShowSnackbar] = useState(false);\n  const [snackbarMessage, setSnackbarMessage] = useState('');\n\n  function disableButton(id) {\n    setButtonsState(prevState => ({\n      ...prevState,\n      [id]: true\n    }));\n  }\n\n  function enableButton(id) {\n    setButtonsState(prevState => ({\n      ...prevState,\n      [id]: false\n    }));\n  }\n\n  function cancelHandler() {\n    if (isReverseCoexistence) {\n      dismiss(true);\n      PCore.getPubSubUtils().publish(PCore.getConstants().PUB_SUB_EVENTS.REVERSE_COEXISTENCE_EVENTS.HANDLE_DISCARD);\n    } else if (!isDataObject && !isLocalAction && !isBulkAction) {\n      disableButton(btnIds.DELETE);\n      actionsAPI\n        .deleteCaseInCreateStage(containerItemID, hideDelete)\n        .then(() => {\n          PCore.getPubSubUtils().publish(PCore.getConstants().PUB_SUB_EVENTS.EVENT_CANCEL);\n        })\n        .catch(() => {\n          setSnackbarMessage(localizedVal('Delete failed.', localeCategory));\n          setShowSnackbar(true);\n        })\n        .finally(() => {\n          enableButton(btnIds.DELETE);\n          dismiss(true);\n        });\n    } else if (isLocalAction) {\n      dismiss(true);\n      actionsAPI.cancelAssignment(containerItemID, false);\n    } else if (isBulkAction) {\n      dismiss(true);\n      actionsAPI.cancelBulkAction(containerItemID);\n    } else {\n      dismiss(true);\n      containerManagerAPI.removeContainerItem({ containerItemID, skipReleaseLockRequest });\n    }\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  const leftButton = (\n    <Button\n      name={btnIds.CONTINUE_WORKING}\n      variant='contained'\n      color='secondary'\n      onClick={() => {\n        dismiss();\n        if (isReverseCoexistence) {\n          broadCastUtils.setCallBackFunction(null);\n          broadCastUtils.setIsDirtyDialogActive(false);\n        }\n      }}\n    >\n      {localizedVal('Go back', localeCategory)}\n    </Button>\n  );\n\n  const rightButton = (\n    <Button name={btnIds.DELETE} variant='contained' color='primary' disabled={buttonsState[btnIds.DELETE]} onClick={cancelHandler}>\n      {localizedVal('Discard', localeCategory)}\n    </Button>\n  );\n\n  return (\n    <>\n      <div className='cancel-alert-background'>\n        <div className='cancel-alert-top'>\n          <h3>{localizedVal(heading, localeCategory)}</h3>\n          <div>\n            <p>{localizedVal(content, localeCategory)}</p>\n          </div>\n          <div className='action-controls'>\n            <Grid container spacing={4} justifyContent='space-between'>\n              <Grid item>{leftButton}</Grid>\n              <Grid item>{rightButton}</Grid>\n            </Grid>\n          </div>\n        </div>\n      </div>\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/field/Checkbox/Checkbox.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Checkbox.d.ts","sourceRoot":"","sources":["../../../../src/components/field/Checkbox/Checkbox.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAE,eAAe,EAAE,MAAM,2BAA2B,CAAC;AAG5D,UAAU,aAAc,SAAQ,IAAI,CAAC,eAAe,EAAE,OAAO,CAAC;IAE5D,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,UAAU,CAAC,EAAE,GAAG,CAAC;IACjB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,aAAa,CAAC,EAAE,GAAG,CAAC;IACpB,YAAY,EAAE,MAAM,CAAC;IACrB,mBAAmB,EAAE,GAAG,CAAC;IACzB,aAAa,EAAE,MAAM,CAAC;CACvB;AASD,MAAM,CAAC,OAAO,UAAU,iBAAiB,CAAC,KAAK,EAAE,aAAa,2CAyI7D"}
+{"version":3,"file":"Checkbox.d.ts","sourceRoot":"","sources":["../../../../src/components/field/Checkbox/Checkbox.tsx"],"names":[],"mappings":"AAQA,OAAO,EAAE,eAAe,EAAE,MAAM,2BAA2B,CAAC;AAE5D,UAAU,aAAc,SAAQ,IAAI,CAAC,eAAe,EAAE,OAAO,CAAC;IAE5D,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,UAAU,CAAC,EAAE,GAAG,CAAC;IACjB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,aAAa,CAAC,EAAE,GAAG,CAAC;IACpB,YAAY,EAAE,MAAM,CAAC;IACrB,mBAAmB,EAAE,GAAG,CAAC;IACzB,aAAa,EAAE,MAAM,CAAC;CACvB;AASD,MAAM,CAAC,OAAO,UAAU,iBAAiB,CAAC,KAAK,EAAE,aAAa,2CAyI7D"}

package/lib/components/field/Checkbox/Checkbox.js

@@ -1,11 +1,11 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 /* eslint-disable react/no-array-index-key */
 import { useState, useEffect } from 'react';
-import { Checkbox, FormControl, FormControlLabel, FormGroup, FormHelperText, FormLabel } from '@material-ui/core';
+import { Checkbox, FormControl, FormControlLabel, FormGroup, FormHelperText, FormLabel } from '@mui/material';
+import makeStyles from '@mui/styles/makeStyles';
 import handleEvent from '../../helpers/event-utils';
 import { getComponentFromMap } from '../../../bridge/helpers/sdk_component_map';
 import { insertInstruction, deleteInstruction, updateNewInstuctions } from '../../helpers/instructions-utils';
-import { makeStyles } from '@material-ui/core/styles';
 const useStyles = makeStyles(() => ({
     checkbox: {
         display: 'flex',
@@ -32,7 +32,7 @@ export default function CheckboxComponent(props) {
             updateNewInstuctions(thePConn, selectionList);
         }
     }, [thePConn]);
-    if (displayMode === 'LABELS_LEFT') {
+    if (displayMode === 'DISPLAY_ONLY') {
         return _jsx(FieldValueList, { name: hideLabel ? '' : caption, value: value ? trueLabel : falseLabel });
     }
     if (displayMode === 'STACKED_LARGE_VAL') {
@@ -78,6 +78,6 @@ export default function CheckboxComponent(props) {
     else {
         theCheckbox = (_jsx(FormControlLabel, { control: _jsx(Checkbox, { color: 'primary', checked: checked, onChange: !readOnly ? handleChange : undefined, onBlur: !readOnly ? handleBlur : undefined, value: value, disabled: disabled, readOnly: readOnly }), label: caption, labelPlacement: 'end', "data-test-id": testId }));
     }
-    return (_jsxs(FormControl, { required: required, error: status === 'error', children: [!hideLabel && _jsx(FormLabel, { component: 'legend', children: label }), _jsx(FormGroup, { children: theCheckbox }), _jsx(FormHelperText, { children: helperTextToDisplay })] }));
+    return (_jsxs(FormControl, { variant: 'standard', required: required, error: status === 'error', children: [!hideLabel && _jsx(FormLabel, { component: 'legend', children: label }), _jsx(FormGroup, { children: theCheckbox }), _jsx(FormHelperText, { children: helperTextToDisplay })] }));
 }
 //# sourceMappingURL=Checkbox.js.map

package/lib/components/field/Checkbox/Checkbox.js.map

@@ -1 +1 @@
-{"version":3,"file":"Checkbox.js","sourceRoot":"","sources":["../../../../src/components/field/Checkbox/Checkbox.tsx"],"names":[],"mappings":"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","sourcesContent":["/* eslint-disable react/no-array-index-key */\nimport { useState, useEffect } from 'react';\nimport { Checkbox, FormControl, FormControlLabel, FormGroup, FormHelperText, FormLabel } from '@material-ui/core';\n\nimport handleEvent from '../../helpers/event-utils';\nimport { getComponentFromMap } from '../../../bridge/helpers/sdk_component_map';\nimport { insertInstruction, deleteInstruction, updateNewInstuctions } from '../../helpers/instructions-utils';\nimport { PConnFieldProps } from '../../../types/PConnProps';\nimport { makeStyles } from '@material-ui/core/styles';\n\ninterface CheckboxProps extends Omit<PConnFieldProps, 'value'> {\n  // If any, enter additional props that only exist on Checkbox here\n  value?: boolean;\n  caption?: string;\n  trueLabel?: string;\n  falseLabel?: string;\n  selectionMode?: string;\n  datasource?: any;\n  selectionKey?: string;\n  selectionList?: any;\n  primaryField: string;\n  readonlyContextList: any;\n  referenceList: string;\n}\n\nconst useStyles = makeStyles(() => ({\n  checkbox: {\n    display: 'flex',\n    flexDirection: 'column'\n  }\n}));\n\nexport default function CheckboxComponent(props: CheckboxProps) {\n  // Get emitted components from map (so we can get any override that may exist)\n  const FieldValueList = getComponentFromMap('FieldValueList');\n\n  const {\n    getPConnect,\n    label,\n    caption,\n    value,\n    readOnly,\n    testId,\n    required,\n    disabled,\n    status,\n    helperText,\n    validatemessage,\n    displayMode,\n    hideLabel,\n    trueLabel,\n    falseLabel,\n    selectionMode,\n    datasource,\n    selectionKey,\n    selectionList,\n    primaryField,\n    referenceList,\n    readonlyContextList: selectedvalues\n  } = props;\n  const classes = useStyles();\n  const helperTextToDisplay = validatemessage || helperText;\n  const thePConn = getPConnect();\n  const actionsApi = thePConn.getActionsApi();\n  const propName = (thePConn.getStateProps() as any).value;\n\n  const [checked, setChecked] = useState<any>(false);\n  useEffect(() => {\n    // This update theSelectedButton which will update the UI to show the selected button correctly\n    setChecked(value);\n  }, [value]);\n\n  useEffect(() => {\n    if (referenceList?.length > 0) {\n      thePConn.setReferenceList(selectionList);\n      updateNewInstuctions(thePConn, selectionList);\n    }\n  }, [thePConn]);\n\n  if (displayMode === 'LABELS_LEFT') {\n    return <FieldValueList name={hideLabel ? '' : caption} value={value ? trueLabel : falseLabel} />;\n  }\n\n  if (displayMode === 'STACKED_LARGE_VAL') {\n    return <FieldValueList name={hideLabel ? '' : caption} value={value ? trueLabel : falseLabel} variant='stacked' />;\n  }\n\n  const handleChange = event => {\n    handleEvent(actionsApi, 'changeNblur', propName, event.target.checked);\n  };\n\n  const handleBlur = event => {\n    thePConn.getValidationApi().validate(event.target.checked);\n  };\n\n  const handleChangeMultiMode = (event, element) => {\n    if (event.target.checked) {\n      insertInstruction(thePConn, selectionList, selectionKey, primaryField, {\n        id: element.key,\n        primary: element.text ?? element.value\n      });\n    } else {\n      deleteInstruction(thePConn, selectionList, selectionKey, {\n        id: element.key,\n        primary: element.text ?? element.value\n      });\n    }\n    thePConn.clearErrorMessages({\n      property: selectionList,\n      category: '',\n      context: ''\n    });\n  };\n\n  let theCheckbox;\n  const listOfCheckboxes: any = [];\n  if (selectionMode === 'multi') {\n    const listSourceItems = datasource?.source ?? [];\n    const dataField: any = selectionKey?.split?.('.')[1];\n    listSourceItems.forEach((element, index) => {\n      listOfCheckboxes.push(\n        <FormControlLabel\n          control={\n            <Checkbox\n              key={index}\n              checked={selectedvalues?.some?.(data => data[dataField] === element.key)}\n              onChange={event => handleChangeMultiMode(event, element)}\n              onBlur={() => {\n                thePConn.getValidationApi().validate(selectedvalues, selectionList);\n              }}\n              data-testid={`${testId}:${element.value}`}\n            />\n          }\n          key={index}\n          label={element.text ?? element.value}\n          labelPlacement='end'\n          data-test-id={testId}\n        />\n      );\n    });\n    theCheckbox = <div className={classes.checkbox}>{listOfCheckboxes}</div>;\n  } else {\n    theCheckbox = (\n      <FormControlLabel\n        control={\n          <Checkbox\n            color='primary'\n            checked={checked}\n            onChange={!readOnly ? handleChange : undefined}\n            onBlur={!readOnly ? handleBlur : undefined}\n            value={value}\n            disabled={disabled}\n            readOnly={readOnly}\n          />\n        }\n        label={caption}\n        labelPlacement='end'\n        data-test-id={testId}\n      />\n    );\n  }\n\n  return (\n    <FormControl required={required} error={status === 'error'}>\n      {!hideLabel && <FormLabel component='legend'>{label}</FormLabel>}\n      <FormGroup>{theCheckbox}</FormGroup>\n      <FormHelperText>{helperTextToDisplay}</FormHelperText>\n    </FormControl>\n  );\n}\n"]}
+{"version":3,"file":"Checkbox.js","sourceRoot":"","sources":["../../../../src/components/field/Checkbox/Checkbox.tsx"],"names":[],"mappings":"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","sourcesContent":["/* eslint-disable react/no-array-index-key */\nimport { useState, useEffect } from 'react';\nimport { Checkbox, FormControl, FormControlLabel, FormGroup, FormHelperText, FormLabel } from '@mui/material';\nimport makeStyles from '@mui/styles/makeStyles';\n\nimport handleEvent from '../../helpers/event-utils';\nimport { getComponentFromMap } from '../../../bridge/helpers/sdk_component_map';\nimport { insertInstruction, deleteInstruction, updateNewInstuctions } from '../../helpers/instructions-utils';\nimport { PConnFieldProps } from '../../../types/PConnProps';\n\ninterface CheckboxProps extends Omit<PConnFieldProps, 'value'> {\n  // If any, enter additional props that only exist on Checkbox here\n  value?: boolean;\n  caption?: string;\n  trueLabel?: string;\n  falseLabel?: string;\n  selectionMode?: string;\n  datasource?: any;\n  selectionKey?: string;\n  selectionList?: any;\n  primaryField: string;\n  readonlyContextList: any;\n  referenceList: string;\n}\n\nconst useStyles = makeStyles(() => ({\n  checkbox: {\n    display: 'flex',\n    flexDirection: 'column'\n  }\n}));\n\nexport default function CheckboxComponent(props: CheckboxProps) {\n  // Get emitted components from map (so we can get any override that may exist)\n  const FieldValueList = getComponentFromMap('FieldValueList');\n\n  const {\n    getPConnect,\n    label,\n    caption,\n    value,\n    readOnly,\n    testId,\n    required,\n    disabled,\n    status,\n    helperText,\n    validatemessage,\n    displayMode,\n    hideLabel,\n    trueLabel,\n    falseLabel,\n    selectionMode,\n    datasource,\n    selectionKey,\n    selectionList,\n    primaryField,\n    referenceList,\n    readonlyContextList: selectedvalues\n  } = props;\n  const classes = useStyles();\n  const helperTextToDisplay = validatemessage || helperText;\n  const thePConn = getPConnect();\n  const actionsApi = thePConn.getActionsApi();\n  const propName = (thePConn.getStateProps() as any).value;\n\n  const [checked, setChecked] = useState<any>(false);\n  useEffect(() => {\n    // This update theSelectedButton which will update the UI to show the selected button correctly\n    setChecked(value);\n  }, [value]);\n\n  useEffect(() => {\n    if (referenceList?.length > 0) {\n      thePConn.setReferenceList(selectionList);\n      updateNewInstuctions(thePConn, selectionList);\n    }\n  }, [thePConn]);\n\n  if (displayMode === 'DISPLAY_ONLY') {\n    return <FieldValueList name={hideLabel ? '' : caption} value={value ? trueLabel : falseLabel} />;\n  }\n\n  if (displayMode === 'STACKED_LARGE_VAL') {\n    return <FieldValueList name={hideLabel ? '' : caption} value={value ? trueLabel : falseLabel} variant='stacked' />;\n  }\n\n  const handleChange = event => {\n    handleEvent(actionsApi, 'changeNblur', propName, event.target.checked);\n  };\n\n  const handleBlur = event => {\n    thePConn.getValidationApi().validate(event.target.checked);\n  };\n\n  const handleChangeMultiMode = (event, element) => {\n    if (event.target.checked) {\n      insertInstruction(thePConn, selectionList, selectionKey, primaryField, {\n        id: element.key,\n        primary: element.text ?? element.value\n      });\n    } else {\n      deleteInstruction(thePConn, selectionList, selectionKey, {\n        id: element.key,\n        primary: element.text ?? element.value\n      });\n    }\n    thePConn.clearErrorMessages({\n      property: selectionList,\n      category: '',\n      context: ''\n    });\n  };\n\n  let theCheckbox;\n  const listOfCheckboxes: any = [];\n  if (selectionMode === 'multi') {\n    const listSourceItems = datasource?.source ?? [];\n    const dataField: any = selectionKey?.split?.('.')[1];\n    listSourceItems.forEach((element, index) => {\n      listOfCheckboxes.push(\n        <FormControlLabel\n          control={\n            <Checkbox\n              key={index}\n              checked={selectedvalues?.some?.(data => data[dataField] === element.key)}\n              onChange={event => handleChangeMultiMode(event, element)}\n              onBlur={() => {\n                thePConn.getValidationApi().validate(selectedvalues, selectionList);\n              }}\n              data-testid={`${testId}:${element.value}`}\n            />\n          }\n          key={index}\n          label={element.text ?? element.value}\n          labelPlacement='end'\n          data-test-id={testId}\n        />\n      );\n    });\n    theCheckbox = <div className={classes.checkbox}>{listOfCheckboxes}</div>;\n  } else {\n    theCheckbox = (\n      <FormControlLabel\n        control={\n          <Checkbox\n            color='primary'\n            checked={checked}\n            onChange={!readOnly ? handleChange : undefined}\n            onBlur={!readOnly ? handleBlur : undefined}\n            value={value}\n            disabled={disabled}\n            readOnly={readOnly}\n          />\n        }\n        label={caption}\n        labelPlacement='end'\n        data-test-id={testId}\n      />\n    );\n  }\n\n  return (\n    <FormControl variant='standard' required={required} error={status === 'error'}>\n      {!hideLabel && <FormLabel component='legend'>{label}</FormLabel>}\n      <FormGroup>{theCheckbox}</FormGroup>\n      <FormHelperText>{helperTextToDisplay}</FormHelperText>\n    </FormControl>\n  );\n}\n"]}

package/lib/components/field/Currency/Currency.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Currency.d.ts","sourceRoot":"","sources":["../../../../src/components/field/Currency/Currency.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,eAAe,EAAE,MAAM,2BAA2B,CAAC;AAQ5D,UAAU,cAAe,SAAQ,eAAe;IAE9C,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,aAAa,EAAE,OAAO,CAAC;CACxB;AAED,MAAM,CAAC,OAAO,UAAU,QAAQ,CAAC,KAAK,EAAE,cAAc,2CAyFrD"}
+{"version":3,"file":"Currency.d.ts","sourceRoot":"","sources":["../../../../src/components/field/Currency/Currency.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,eAAe,EAAE,MAAM,2BAA2B,CAAC;AAQ5D,UAAU,cAAe,SAAQ,eAAe;IAE9C,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,aAAa,EAAE,OAAO,CAAC;CACxB;AAED,MAAM,CAAC,OAAO,UAAU,QAAQ,CAAC,KAAK,EAAE,cAAc,2CA4FrD"}

package/lib/components/field/Currency/Currency.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { TextField } from '@material-ui/core';
-import { useState } from 'react';
+import { useEffect, useState } from 'react';
 import { NumericFormat } from 'react-number-format';
+import { TextField } from '@mui/material';
 import { getComponentFromMap } from '../../../bridge/helpers/sdk_component_map';
 import handleEvent from '../../helpers/event-utils';
 import { format } from '../../helpers/formatters';
@@ -17,23 +17,24 @@ export default function Currency(props) {
     const propName = pConn.getStateProps().value;
     const helperTextToDisplay = validatemessage || helperText;
     const [values, setValues] = useState(value.toString());
-    const testProp = {
-        'data-test-id': testId
-    };
+    const testProp = { 'data-test-id': testId };
+    useEffect(() => {
+        setValues(value.toString());
+    }, [value]);
     // currencySymbols looks like this: { theCurrencySymbol: '$', theDecimalIndicator: '.', theSeparator: ',' }
     const theSymbols = getCurrencyCharacters(currencyISOCode);
     const theCurrSym = theSymbols.theCurrencySymbol;
     const theCurrDec = theSymbols.theDecimalIndicator;
     const theCurrSep = theSymbols.theDigitGroupSeparator;
     const theCurrencyOptions = getCurrencyOptions(currencyISOCode);
-    const formattedValue = format(value, pConn.getComponentName().toLowerCase(), theCurrencyOptions);
+    const formattedValue = format(value, pConn.getComponentName()?.toLowerCase(), theCurrencyOptions);
     let readOnlyProp = {}; // Note: empty if NOT ReadOnly
     if (readOnly) {
         readOnlyProp = { readOnly: true };
     }
     let currencyProp = {};
     currencyProp = { prefix: theCurrSym, decimalSeparator: theCurrDec, thousandSeparator: theCurrSep };
-    if (displayMode === 'LABELS_LEFT') {
+    if (displayMode === 'DISPLAY_ONLY') {
         return _jsx(FieldValueList, { name: hideLabel ? '' : label, value: formattedValue });
     }
     if (displayMode === 'STACKED_LARGE_VAL') {
@@ -45,7 +46,7 @@ export default function Currency(props) {
     const handleChange = val => {
         setValues(val.value);
     };
-    return (_jsx(NumericFormat, { valueIsNumericString: true, label: label, helperText: helperTextToDisplay, placeholder: placeholder ?? '', required: required, disabled: disabled, onValueChange: val => {
+    return (_jsx(NumericFormat, { valueIsNumericString: true, variant: readOnly ? 'standard' : 'outlined', label: label, helperText: helperTextToDisplay, placeholder: placeholder ?? '', required: required, disabled: disabled, onValueChange: val => {
             handleChange(val);
         }, onBlur: !readOnly ? currOnBlur : undefined, error: status === 'error', name: 'numberformat', value: values, ...currencyProp, decimalScale: allowDecimals !== false ? 2 : 0, fixedDecimalScale: allowDecimals, InputProps: { ...readOnlyProp, inputProps: { ...testProp } }, customInput: TextField }));
 }

package/lib/components/field/Currency/Currency.js.map

@@ -1 +1 @@
-{"version":3,"file":"Currency.js","sourceRoot":"","sources":["../../../../src/components/field/Currency/Currency.tsx"],"names":[],"mappings":"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","sourcesContent":["import { TextField } from '@material-ui/core';\nimport { useState } from 'react';\nimport { NumericFormat } from 'react-number-format';\nimport { getComponentFromMap } from '../../../bridge/helpers/sdk_component_map';\nimport { PConnFieldProps } from '../../../types/PConnProps';\nimport handleEvent from '../../helpers/event-utils';\nimport { format } from '../../helpers/formatters';\nimport { getCurrencyCharacters, getCurrencyOptions } from './currency-utils';\n\n/* Using react-number-format component here, since it allows formatting decimal values,\nas per the locale.\n*/\ninterface CurrrencyProps extends PConnFieldProps {\n  // If any, enter additional props that only exist on Currency here\n  currencyISOCode?: string;\n  allowDecimals: boolean;\n}\n\nexport default function Currency(props: CurrrencyProps) {\n  // Get emitted components from map (so we can get any override that may exist)\n  const FieldValueList = getComponentFromMap('FieldValueList');\n\n  const {\n    getPConnect,\n    label,\n    required,\n    disabled,\n    value = '',\n    validatemessage,\n    status,\n    /* onChange, onBlur, */\n    readOnly,\n    testId,\n    helperText,\n    displayMode,\n    hideLabel,\n    currencyISOCode = 'USD',\n    placeholder,\n    allowDecimals\n  } = props;\n\n  const pConn = getPConnect();\n  const actions = pConn.getActionsApi();\n  const propName = (pConn.getStateProps() as any).value;\n  const helperTextToDisplay = validatemessage || helperText;\n  const [values, setValues] = useState(value.toString());\n\n  const testProp = {\n    'data-test-id': testId\n  };\n\n  // currencySymbols looks like this: { theCurrencySymbol: '$', theDecimalIndicator: '.', theSeparator: ',' }\n  const theSymbols = getCurrencyCharacters(currencyISOCode);\n  const theCurrSym = theSymbols.theCurrencySymbol;\n  const theCurrDec = theSymbols.theDecimalIndicator;\n  const theCurrSep = theSymbols.theDigitGroupSeparator;\n\n  const theCurrencyOptions = getCurrencyOptions(currencyISOCode);\n  const formattedValue = format(value, pConn.getComponentName().toLowerCase(), theCurrencyOptions);\n\n  let readOnlyProp = {}; // Note: empty if NOT ReadOnly\n\n  if (readOnly) {\n    readOnlyProp = { readOnly: true };\n  }\n\n  let currencyProp = {};\n  currencyProp = { prefix: theCurrSym, decimalSeparator: theCurrDec, thousandSeparator: theCurrSep };\n\n  if (displayMode === 'LABELS_LEFT') {\n    return <FieldValueList name={hideLabel ? '' : label} value={formattedValue} />;\n  }\n\n  if (displayMode === 'STACKED_LARGE_VAL') {\n    return <FieldValueList name={hideLabel ? '' : label} value={formattedValue} variant='stacked' />;\n  }\n\n  function currOnBlur() {\n    handleEvent(actions, 'changeNblur', propName, values);\n  }\n\n  const handleChange = val => {\n    setValues(val.value);\n  };\n\n  return (\n    <NumericFormat\n      valueIsNumericString\n      label={label}\n      helperText={helperTextToDisplay}\n      placeholder={placeholder ?? ''}\n      required={required}\n      disabled={disabled}\n      onValueChange={val => {\n        handleChange(val);\n      }}\n      onBlur={!readOnly ? currOnBlur : undefined}\n      error={status === 'error'}\n      name='numberformat'\n      value={values}\n      {...currencyProp}\n      decimalScale={allowDecimals !== false ? 2 : 0}\n      fixedDecimalScale={allowDecimals}\n      InputProps={{ ...readOnlyProp, inputProps: { ...testProp } }}\n      customInput={TextField}\n    />\n  );\n}\n"]}
+{"version":3,"file":"Currency.js","sourceRoot":"","sources":["../../../../src/components/field/Currency/Currency.tsx"],"names":[],"mappings":"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","sourcesContent":["import { useEffect, useState } from 'react';\nimport { NumericFormat } from 'react-number-format';\nimport { TextField } from '@mui/material';\nimport { getComponentFromMap } from '../../../bridge/helpers/sdk_component_map';\nimport { PConnFieldProps } from '../../../types/PConnProps';\nimport handleEvent from '../../helpers/event-utils';\nimport { format } from '../../helpers/formatters';\nimport { getCurrencyCharacters, getCurrencyOptions } from './currency-utils';\n\n/* Using react-number-format component here, since it allows formatting decimal values,\nas per the locale.\n*/\ninterface CurrrencyProps extends PConnFieldProps {\n  // If any, enter additional props that only exist on Currency here\n  currencyISOCode?: string;\n  allowDecimals: boolean;\n}\n\nexport default function Currency(props: CurrrencyProps) {\n  // Get emitted components from map (so we can get any override that may exist)\n  const FieldValueList = getComponentFromMap('FieldValueList');\n\n  const {\n    getPConnect,\n    label,\n    required,\n    disabled,\n    value = '',\n    validatemessage,\n    status,\n    /* onChange, onBlur, */\n    readOnly,\n    testId,\n    helperText,\n    displayMode,\n    hideLabel,\n    currencyISOCode = 'USD',\n    placeholder,\n    allowDecimals\n  } = props;\n\n  const pConn = getPConnect();\n  const actions = pConn.getActionsApi();\n  const propName = (pConn.getStateProps() as any).value;\n  const helperTextToDisplay = validatemessage || helperText;\n  const [values, setValues] = useState(value.toString());\n\n  const testProp = { 'data-test-id': testId };\n\n  useEffect(() => {\n    setValues(value.toString());\n  }, [value]);\n\n  // currencySymbols looks like this: { theCurrencySymbol: '$', theDecimalIndicator: '.', theSeparator: ',' }\n  const theSymbols = getCurrencyCharacters(currencyISOCode);\n  const theCurrSym = theSymbols.theCurrencySymbol;\n  const theCurrDec = theSymbols.theDecimalIndicator;\n  const theCurrSep = theSymbols.theDigitGroupSeparator;\n\n  const theCurrencyOptions = getCurrencyOptions(currencyISOCode);\n  const formattedValue = format(value, pConn.getComponentName()?.toLowerCase(), theCurrencyOptions);\n\n  let readOnlyProp = {}; // Note: empty if NOT ReadOnly\n\n  if (readOnly) {\n    readOnlyProp = { readOnly: true };\n  }\n\n  let currencyProp = {};\n  currencyProp = { prefix: theCurrSym, decimalSeparator: theCurrDec, thousandSeparator: theCurrSep };\n\n  if (displayMode === 'DISPLAY_ONLY') {\n    return <FieldValueList name={hideLabel ? '' : label} value={formattedValue} />;\n  }\n\n  if (displayMode === 'STACKED_LARGE_VAL') {\n    return <FieldValueList name={hideLabel ? '' : label} value={formattedValue} variant='stacked' />;\n  }\n\n  function currOnBlur() {\n    handleEvent(actions, 'changeNblur', propName, values);\n  }\n\n  const handleChange = val => {\n    setValues(val.value);\n  };\n\n  return (\n    <NumericFormat\n      valueIsNumericString\n      variant={readOnly ? 'standard' : 'outlined'}\n      label={label}\n      helperText={helperTextToDisplay}\n      placeholder={placeholder ?? ''}\n      required={required}\n      disabled={disabled}\n      onValueChange={val => {\n        handleChange(val);\n      }}\n      onBlur={!readOnly ? currOnBlur : undefined}\n      error={status === 'error'}\n      name='numberformat'\n      value={values}\n      {...currencyProp}\n      decimalScale={allowDecimals !== false ? 2 : 0}\n      fixedDecimalScale={allowDecimals}\n      InputProps={{ ...readOnlyProp, inputProps: { ...testProp } }}\n      customInput={TextField}\n    />\n  );\n}\n"]}

package/lib/components/field/Date/Date.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Date.d.ts","sourceRoot":"","sources":["../../../../src/components/field/Date/Date.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,eAAe,EAAE,MAAM,2BAA2B,CAAC;AAO5D,UAAU,SAAU,SAAQ,eAAe;CAE1C;AAED,MAAM,CAAC,OAAO,UAAU,IAAI,CAAC,KAAK,EAAE,SAAS,2CA+F5C"}
+{"version":3,"file":"Date.d.ts","sourceRoot":"","sources":["../../../../src/components/field/Date/Date.tsx"],"names":[],"mappings":"AAQA,OAAO,EAAE,eAAe,EAAE,MAAM,2BAA2B,CAAC;AAO5D,UAAU,SAAU,SAAQ,eAAe;CAE1C;AAED,MAAM,CAAC,OAAO,UAAU,IAAI,CAAC,KAAK,EAAE,SAAS,2CA8E5C"}