@pega/react-sdk-components 0.24.4 → 0.242.1

package/lib/components/field/DateTime/DateTime.js

@@ -1,5 +1,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { KeyboardDateTimePicker } from '@material-ui/pickers';
+import { useState } from 'react';
+import { DateTimePicker } from '@mui/x-date-pickers/DateTimePicker';
+import dayjs from 'dayjs';
 import handleEvent from '../../helpers/event-utils';
 import { format } from '../../helpers/formatters';
 import { dateFormatInfoDefault, getDateFormatInfo } from '../../helpers/date-format-utils';
@@ -8,7 +10,8 @@ export default function DateTime(props) {
     // Get emitted components from map (so we can get any override that may exist)
     const TextInput = getComponentFromMap('TextInput');
     const FieldValueList = getComponentFromMap('FieldValueList');
-    const { getPConnect, label, required, disabled, value = '', validatemessage, status, onChange, readOnly, testId, helperText, displayMode, hideLabel } = props;
+    const { getPConnect, label, required, disabled, value = '', validatemessage, status, readOnly, testId, helperText, displayMode, hideLabel } = props;
+    const [dateValue, setDateValue] = useState(value ? dayjs(value) : null);
     const pConn = getPConnect();
     const actions = pConn.getActionsApi();
     const propName = pConn.getStateProps().value;
@@ -37,10 +40,7 @@ export default function DateTime(props) {
         return _jsx(TextInput, { ...props, value: formattedDateTime });
     }
     const handleChange = date => {
-        const changeValue = date && date.isValid() ? date.toISOString() : null;
-        onChange({ value: changeValue });
-    };
-    const handleAccept = date => {
+        setDateValue(date);
         const changeValue = date && date.isValid() ? date.toISOString() : null;
         handleEvent(actions, 'changeNblur', propName, changeValue);
     };
@@ -48,6 +48,23 @@ export default function DateTime(props) {
     // TODO: Keyboard doesn't work in the minute field, it updates one digit then jump to am/pm field
     //       try an older version of the lib or use DateTimePicker
     //
-    return (_jsx(KeyboardDateTimePicker, { variant: 'inline', inputVariant: 'outlined', fullWidth: true, autoOk: true, required: required, disabled: disabled, placeholder: `${dateFormatInfo.dateFormatStringLC} hh:mm a`, format: `${dateFormatInfo.dateFormatString} hh:mm a`, mask: `${dateFormatInfo.dateFormatMask} __:__ _m`, minutesStep: 5, error: status === 'error', helperText: helperTextToDisplay, size: 'small', label: label, value: value || null, onChange: handleChange, onAccept: handleAccept, "data-test-id": testId }));
+    return (_jsx(DateTimePicker
+    // fullWidth
+    // autoOk
+    , { 
+        // fullWidth
+        // autoOk
+        disabled: disabled, format: `${dateFormatInfo.dateFormatString} hh:mm a`, 
+        // mask={`${dateFormatInfo.dateFormatMask} __:__ _m`}
+        minutesStep: 5, label: label, value: dateValue, onChange: handleChange, "data-test-id": testId, slotProps: {
+            textField: {
+                variant: 'outlined',
+                required,
+                placeholder: `${dateFormatInfo.dateFormatStringLC} hh:mm a`,
+                error: status === 'error',
+                helperText: helperTextToDisplay,
+                size: 'small'
+            }
+        } }));
 }
 //# sourceMappingURL=DateTime.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"DateTime.js","sourceRoot":"","sources":["../../../../src/components/field/DateTime/DateTime.tsx"],"names":[],"mappings":"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","sourcesContent":["import { KeyboardDateTimePicker } from '@material-ui/pickers';\n\nimport handleEvent from '../../helpers/event-utils';\nimport { format } from '../../helpers/formatters';\nimport { dateFormatInfoDefault, getDateFormatInfo } from '../../helpers/date-format-utils';\nimport { getComponentFromMap } from '../../../bridge/helpers/sdk_component_map';\nimport { PConnFieldProps } from '../../../types/PConnProps';\n\ninterface DateTimeProps extends PConnFieldProps {\n  // If any, enter additional props that only exist on DateTime here\n}\n\nexport default function DateTime(props: DateTimeProps) {\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    disabled,\n    value = '',\n    validatemessage,\n    status,\n    onChange,\n    readOnly,\n    testId,\n    helperText,\n    displayMode,\n    hideLabel\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\n  // Start with default dateFormatInfo\n  const dateFormatInfo = dateFormatInfoDefault;\n  // and then update, as needed, based on locale, etc.\n  const theDateFormat = getDateFormatInfo();\n  dateFormatInfo.dateFormatString = theDateFormat.dateFormatString;\n  dateFormatInfo.dateFormatStringLC = theDateFormat.dateFormatStringLC;\n  dateFormatInfo.dateFormatMask = theDateFormat.dateFormatMask;\n\n  if (displayMode === 'LABELS_LEFT') {\n    const formattedDateTime = format(props.value, 'datetime', {\n      format: `${dateFormatInfo.dateFormatString} hh:mm a`\n    });\n    return <FieldValueList name={hideLabel ? '' : label} value={formattedDateTime} />;\n  }\n\n  if (displayMode === 'STACKED_LARGE_VAL') {\n    const formattedDateTime = format(props.value, 'datetime', {\n      format: `${dateFormatInfo.dateFormatString} hh:mm a`\n    });\n    return <FieldValueList name={hideLabel ? '' : label} value={formattedDateTime} variant='stacked' />;\n  }\n\n  if (readOnly) {\n    const formattedDateTime = format(props.value, 'datetime');\n    return <TextInput {...props} value={formattedDateTime} />;\n  }\n\n  const handleChange = date => {\n    const changeValue = date && date.isValid() ? date.toISOString() : null;\n    onChange({ value: changeValue });\n  };\n\n  const handleAccept = date => {\n    const changeValue = date && date.isValid() ? date.toISOString() : null;\n    handleEvent(actions, 'changeNblur', propName, changeValue);\n  };\n\n  //\n  // TODO: Keyboard doesn't work in the minute field, it updates one digit then jump to am/pm field\n  //       try an older version of the lib or use DateTimePicker\n  //\n\n  return (\n    <KeyboardDateTimePicker\n      variant='inline'\n      inputVariant='outlined'\n      fullWidth\n      autoOk\n      required={required}\n      disabled={disabled}\n      placeholder={`${dateFormatInfo.dateFormatStringLC} hh:mm a`}\n      format={`${dateFormatInfo.dateFormatString} hh:mm a`}\n      mask={`${dateFormatInfo.dateFormatMask} __:__ _m`}\n      minutesStep={5}\n      error={status === 'error'}\n      helperText={helperTextToDisplay}\n      size='small'\n      label={label}\n      value={value || null}\n      onChange={handleChange}\n      onAccept={handleAccept}\n      data-test-id={testId}\n    />\n  );\n}\n"]}
+{"version":3,"file":"DateTime.js","sourceRoot":"","sources":["../../../../src/components/field/DateTime/DateTime.tsx"],"names":[],"mappings":"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","sourcesContent":["import { useState } from 'react';\nimport { DateTimePicker } from '@mui/x-date-pickers/DateTimePicker';\nimport dayjs, { Dayjs } from 'dayjs';\n\nimport handleEvent from '../../helpers/event-utils';\nimport { format } from '../../helpers/formatters';\nimport { dateFormatInfoDefault, getDateFormatInfo } from '../../helpers/date-format-utils';\nimport { getComponentFromMap } from '../../../bridge/helpers/sdk_component_map';\nimport { PConnFieldProps } from '../../../types/PConnProps';\n\ninterface DateTimeProps extends PConnFieldProps {\n  // If any, enter additional props that only exist on DateTime here\n}\n\nexport default function DateTime(props: DateTimeProps) {\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 { getPConnect, label, required, disabled, value = '', validatemessage, status, readOnly, testId, helperText, displayMode, hideLabel } = props;\n\n  const [dateValue, setDateValue] = useState<Dayjs | null>(value ? dayjs(value) : null);\n\n  const pConn = getPConnect();\n  const actions = pConn.getActionsApi();\n  const propName = (pConn.getStateProps() as any).value;\n  const helperTextToDisplay = validatemessage || helperText;\n\n  // Start with default dateFormatInfo\n  const dateFormatInfo = dateFormatInfoDefault;\n  // and then update, as needed, based on locale, etc.\n  const theDateFormat = getDateFormatInfo();\n  dateFormatInfo.dateFormatString = theDateFormat.dateFormatString;\n  dateFormatInfo.dateFormatStringLC = theDateFormat.dateFormatStringLC;\n  dateFormatInfo.dateFormatMask = theDateFormat.dateFormatMask;\n\n  if (displayMode === 'LABELS_LEFT') {\n    const formattedDateTime = format(props.value, 'datetime', {\n      format: `${dateFormatInfo.dateFormatString} hh:mm a`\n    });\n    return <FieldValueList name={hideLabel ? '' : label} value={formattedDateTime} />;\n  }\n\n  if (displayMode === 'STACKED_LARGE_VAL') {\n    const formattedDateTime = format(props.value, 'datetime', {\n      format: `${dateFormatInfo.dateFormatString} hh:mm a`\n    });\n    return <FieldValueList name={hideLabel ? '' : label} value={formattedDateTime} variant='stacked' />;\n  }\n\n  if (readOnly) {\n    const formattedDateTime = format(props.value, 'datetime');\n    return <TextInput {...props} value={formattedDateTime} />;\n  }\n\n  const handleChange = date => {\n    setDateValue(date);\n    const changeValue = date && date.isValid() ? date.toISOString() : null;\n    handleEvent(actions, 'changeNblur', propName, changeValue);\n  };\n\n  //\n  // TODO: Keyboard doesn't work in the minute field, it updates one digit then jump to am/pm field\n  //       try an older version of the lib or use DateTimePicker\n  //\n\n  return (\n    <DateTimePicker\n      // fullWidth\n      // autoOk\n      disabled={disabled}\n      format={`${dateFormatInfo.dateFormatString} hh:mm a`}\n      // mask={`${dateFormatInfo.dateFormatMask} __:__ _m`}\n      minutesStep={5}\n      label={label}\n      value={dateValue}\n      onChange={handleChange}\n      data-test-id={testId}\n      slotProps={{\n        textField: {\n          variant: 'outlined',\n          required,\n          placeholder: `${dateFormatInfo.dateFormatStringLC} hh:mm a`,\n          error: status === 'error',\n          helperText: helperTextToDisplay,\n          size: 'small'\n        }\n      }}\n    />\n  );\n}\n"]}

package/lib/components/field/Decimal/Decimal.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { TextField } from '@material-ui/core';
 import { NumericFormat } from 'react-number-format';
+import { TextField } from '@mui/material';
 import { useState } from 'react';
 import { getCurrencyCharacters, getCurrencyOptions } from '../Currency/currency-utils';
 import handleEvent from '../../helpers/event-utils';

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

@@ -1 +1 @@
-{"version":3,"file":"Decimal.js","sourceRoot":"","sources":["../../../../src/components/field/Decimal/Decimal.tsx"],"names":[],"mappings":"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","sourcesContent":["import { TextField } from '@material-ui/core';\nimport { NumericFormat } from 'react-number-format';\nimport { useState } from 'react';\nimport { getCurrencyCharacters, getCurrencyOptions } from '../Currency/currency-utils';\nimport handleEvent from '../../helpers/event-utils';\nimport { format } from '../../helpers/formatters';\nimport { getComponentFromMap } from '../../../bridge/helpers/sdk_component_map';\nimport { PConnFieldProps } from '../../../types/PConnProps';\n\n/* Using react-number-format component here, since it allows formatting decimal values,\nas per the locale.\n*/\n\ninterface DecimalProps extends PConnFieldProps {\n  // If any, enter additional props that only exist on Decimal here\n  currencyISOCode?: string;\n  decimalPrecision?: number;\n  showGroupSeparators?: boolean;\n  formatter?: string;\n}\n\nexport default function Decimal(props: DecimalProps) {\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    helperText,\n    displayMode,\n    hideLabel,\n    currencyISOCode = 'USD',\n    decimalPrecision,\n    showGroupSeparators,\n    testId,\n    placeholder,\n    formatter\n  } = props;\n\n  const [values, setValues] = useState(value.toString());\n\n  const pConn = getPConnect();\n  const actions = pConn.getActionsApi();\n  const propName = (pConn.getStateProps() as any).value;\n  const helperTextToDisplay = validatemessage || helperText;\n\n  const theSymbols = getCurrencyCharacters(currencyISOCode);\n  const theCurrDec = theSymbols.theDecimalIndicator;\n  const theCurrSep = theSymbols.theDigitGroupSeparator;\n  const theCurrSym = theSymbols.theCurrencySymbol;\n\n  const theCurrencyOptions = getCurrencyOptions(currencyISOCode);\n\n  let readOnlyProp = {}; // Note: empty if NOT ReadOnly\n\n  if (readOnly) {\n    readOnlyProp = { readOnly: true };\n  }\n\n  let formattedValue = '';\n  if (formatter === 'Currency') {\n    formattedValue = format(value, formatter.toLowerCase(), theCurrencyOptions);\n  } else {\n    formattedValue = format(value, pConn.getComponentName().toLowerCase(), theCurrencyOptions);\n  }\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  const testProp = {\n    'data-test-id': testId\n  };\n\n  function decimalOnBlur() {\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      fullWidth\n      variant={readOnly ? 'standard' : 'outlined'}\n      helperText={helperTextToDisplay}\n      placeholder={placeholder ?? ''}\n      size='small'\n      required={required}\n      disabled={disabled}\n      error={status === 'error'}\n      label={label}\n      value={values}\n      onValueChange={val => {\n        handleChange(val);\n      }}\n      onBlur={!readOnly ? decimalOnBlur : undefined}\n      prefix={readOnly && formatter === 'Currency' ? theCurrSym : ''}\n      decimalSeparator={theCurrDec}\n      thousandSeparator={showGroupSeparators ? theCurrSep : ''}\n      decimalScale={readOnly && formatter === 'Currency' ? undefined : decimalPrecision}\n      InputProps={{ ...readOnlyProp, inputProps: { ...testProp } }}\n      customInput={TextField}\n    />\n  );\n}\n"]}
+{"version":3,"file":"Decimal.js","sourceRoot":"","sources":["../../../../src/components/field/Decimal/Decimal.tsx"],"names":[],"mappings":"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","sourcesContent":["import { NumericFormat } from 'react-number-format';\nimport { TextField } from '@mui/material';\nimport { useState } from 'react';\nimport { getCurrencyCharacters, getCurrencyOptions } from '../Currency/currency-utils';\nimport handleEvent from '../../helpers/event-utils';\nimport { format } from '../../helpers/formatters';\nimport { getComponentFromMap } from '../../../bridge/helpers/sdk_component_map';\nimport { PConnFieldProps } from '../../../types/PConnProps';\n\n/* Using react-number-format component here, since it allows formatting decimal values,\nas per the locale.\n*/\n\ninterface DecimalProps extends PConnFieldProps {\n  // If any, enter additional props that only exist on Decimal here\n  currencyISOCode?: string;\n  decimalPrecision?: number;\n  showGroupSeparators?: boolean;\n  formatter?: string;\n}\n\nexport default function Decimal(props: DecimalProps) {\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    helperText,\n    displayMode,\n    hideLabel,\n    currencyISOCode = 'USD',\n    decimalPrecision,\n    showGroupSeparators,\n    testId,\n    placeholder,\n    formatter\n  } = props;\n\n  const [values, setValues] = useState(value.toString());\n\n  const pConn = getPConnect();\n  const actions = pConn.getActionsApi();\n  const propName = (pConn.getStateProps() as any).value;\n  const helperTextToDisplay = validatemessage || helperText;\n\n  const theSymbols = getCurrencyCharacters(currencyISOCode);\n  const theCurrDec = theSymbols.theDecimalIndicator;\n  const theCurrSep = theSymbols.theDigitGroupSeparator;\n  const theCurrSym = theSymbols.theCurrencySymbol;\n\n  const theCurrencyOptions = getCurrencyOptions(currencyISOCode);\n\n  let readOnlyProp = {}; // Note: empty if NOT ReadOnly\n\n  if (readOnly) {\n    readOnlyProp = { readOnly: true };\n  }\n\n  let formattedValue = '';\n  if (formatter === 'Currency') {\n    formattedValue = format(value, formatter.toLowerCase(), theCurrencyOptions);\n  } else {\n    formattedValue = format(value, pConn.getComponentName().toLowerCase(), theCurrencyOptions);\n  }\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  const testProp = {\n    'data-test-id': testId\n  };\n\n  function decimalOnBlur() {\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      fullWidth\n      variant={readOnly ? 'standard' : 'outlined'}\n      helperText={helperTextToDisplay}\n      placeholder={placeholder ?? ''}\n      size='small'\n      required={required}\n      disabled={disabled}\n      error={status === 'error'}\n      label={label}\n      value={values}\n      onValueChange={val => {\n        handleChange(val);\n      }}\n      onBlur={!readOnly ? decimalOnBlur : undefined}\n      prefix={readOnly && formatter === 'Currency' ? theCurrSym : ''}\n      decimalSeparator={theCurrDec}\n      thousandSeparator={showGroupSeparators ? theCurrSep : ''}\n      decimalScale={readOnly && formatter === 'Currency' ? undefined : decimalPrecision}\n      InputProps={{ ...readOnlyProp, inputProps: { ...testProp } }}\n      customInput={TextField}\n    />\n  );\n}\n"]}

package/lib/components/field/Dropdown/Dropdown.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 MenuItem from '@material-ui/core/MenuItem';
+import { TextField } from '@mui/material';
+import MenuItem from '@mui/material/MenuItem';
 import isDeepEqual from 'fast-deep-equal/react';
 import Utils from '../../helpers/utils';
 import { getDataPage } from '../../helpers/data_page';

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

@@ -1 +1 @@
-{"version":3,"file":"Dropdown.js","sourceRoot":"","sources":["../../../../src/components/field/Dropdown/Dropdown.tsx"],"names":[],"mappings":"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","sourcesContent":["import { useEffect, useState } from 'react';\nimport { TextField } from '@material-ui/core';\nimport MenuItem from '@material-ui/core/MenuItem';\nimport isDeepEqual from 'fast-deep-equal/react';\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 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\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 DropdownProps extends PConnFieldProps {\n  // If any, enter additional props that only exist on Dropdown here\n  datasource?: any[];\n  onRecordChange?: any;\n  fieldMetadata?: any;\n  listType: string;\n  deferDatasource?: boolean;\n  datasourceMetadata?: any;\n  parameters?: any;\n  columns: any[];\n}\n\nexport default function Dropdown(props: DropdownProps) {\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    readOnly,\n    testId,\n    helperText,\n    displayMode,\n    deferDatasource,\n    datasourceMetadata,\n    hideLabel,\n    onRecordChange,\n    fieldMetadata\n  } = props;\n  let { placeholder = '' } = props;\n  const context = getPConnect().getContextName();\n  let { listType, parameters, datasource = [], columns = [] } = props;\n  placeholder = placeholder || 'Select...';\n  const [options, setOptions] = useState<IOption[]>([]);\n  const [theDatasource, setDatasource] = useState<any[] | null>(null);\n  const helperTextToDisplay = validatemessage || helperText;\n\n  const thePConn = getPConnect();\n  const actionsApi = thePConn.getActionsApi();\n  const propName = (thePConn.getStateProps() as any).value;\n  const className = thePConn.getCaseInfo().getClassName();\n  const refName = propName?.slice(propName.lastIndexOf('.') + 1);\n\n  if (!isDeepEqual(datasource, theDatasource)) {\n    // inbound datasource is different, so update theDatasource (to trigger useEffect)\n    setDatasource(datasource);\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 (theDatasource) {\n      const list = Utils.getOptionList(props, getPConnect().getDataObject('')); // 1st arg empty string until typedef marked correctly\n      const optionsList = [...list];\n      optionsList.unshift({\n        key: placeholder,\n        value: thePConn.getLocalizedValue(placeholder, '', '')\n      }); // 2nd and 3rd args empty string until typedef marked correctly\n      setOptions(optionsList);\n    }\n  }, [theDatasource]);\n\n  useEffect(() => {\n    if (!displayMode && listType !== 'associated' && typeof datasource === 'string') {\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  const metaData = Array.isArray(fieldMetadata) ? fieldMetadata.filter(field => field?.classID === className)[0] : fieldMetadata;\n\n  let displayName = metaData?.datasource?.propertyForDisplayText;\n  displayName = displayName?.slice(displayName.lastIndexOf('.') + 1);\n  const localeContext = metaData?.datasource?.tableType === 'DataPage' ? 'datapage' : 'associated';\n  const localeClass = localeContext === 'datapage' ? '@baseclass' : className;\n  const localeName = localeContext === 'datapage' ? metaData?.datasource?.name : refName;\n  const localePath = localeContext === 'datapage' ? displayName : localeName;\n\n  let readOnlyProp = {};\n\n  if (displayMode === 'LABELS_LEFT') {\n    return (\n      <FieldValueList\n        name={hideLabel ? '' : label}\n        // @ts-ignore - Property 'getLocaleRuleNameFromKeys' is private and only accessible within class 'C11nEnv'\n        value={thePConn.getLocalizedValue(value, localePath, thePConn.getLocaleRuleNameFromKeys(localeClass, localeContext, localeName))}\n      />\n    );\n  }\n\n  if (displayMode === 'STACKED_LARGE_VAL') {\n    return (\n      <FieldValueList\n        name={hideLabel ? '' : label}\n        // @ts-ignore - Property 'getLocaleRuleNameFromKeys' is private and only accessible within class 'C11nEnv'\n        value={thePConn.getLocalizedValue(value, localePath, thePConn.getLocaleRuleNameFromKeys(localeClass, localeContext, localeName))}\n        variant='stacked'\n      />\n    );\n  }\n\n  if (readOnly) {\n    readOnlyProp = { readOnly: true };\n  }\n\n  let testProp = {};\n\n  testProp = {\n    'data-test-id': testId\n  };\n\n  const handleChange = evt => {\n    const selectedValue = evt.target.value === placeholder ? '' : evt.target.value;\n    handleEvent(actionsApi, 'changeNblur', propName, selectedValue);\n    if (onRecordChange) {\n      onRecordChange(evt);\n    }\n  };\n\n  // Material UI shows a warning if the component is rendered before options are set.\n  //  So, hold off on rendering anything until options are available...\n  return options.length === 0 ? null : (\n    <TextField\n      fullWidth\n      variant={readOnly ? 'standard' : 'outlined'}\n      helperText={helperTextToDisplay}\n      placeholder={thePConn.getLocalizedValue(placeholder, '', '')} // 2nd and 3rd args empty string until typedef marked correctly\n      size='small'\n      required={required}\n      disabled={disabled}\n      onChange={!readOnly ? handleChange : undefined}\n      error={status === 'error'}\n      label={label}\n      value={value === '' && !readOnly ? placeholder : value}\n      select\n      InputProps={{ ...readOnlyProp, ...testProp }}\n    >\n      {options.map((option: any) => (\n        <MenuItem key={option.key} value={option.key}>\n          {/* @ts-ignore - Property 'getLocaleRuleNameFromKeys' is private and only accessible within class 'C11nEnv'  */}\n          {thePConn.getLocalizedValue(option.value, localePath, thePConn.getLocaleRuleNameFromKeys(localeClass, localeContext, localeName))}\n        </MenuItem>\n      ))}\n    </TextField>\n  );\n}\n"]}
+{"version":3,"file":"Dropdown.js","sourceRoot":"","sources":["../../../../src/components/field/Dropdown/Dropdown.tsx"],"names":[],"mappings":"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","sourcesContent":["import { useEffect, useState } from 'react';\nimport { TextField } from '@mui/material';\nimport MenuItem from '@mui/material/MenuItem';\nimport isDeepEqual from 'fast-deep-equal/react';\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 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\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 DropdownProps extends PConnFieldProps {\n  // If any, enter additional props that only exist on Dropdown here\n  datasource?: any[];\n  onRecordChange?: any;\n  fieldMetadata?: any;\n  listType: string;\n  deferDatasource?: boolean;\n  datasourceMetadata?: any;\n  parameters?: any;\n  columns: any[];\n}\n\nexport default function Dropdown(props: DropdownProps) {\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    readOnly,\n    testId,\n    helperText,\n    displayMode,\n    deferDatasource,\n    datasourceMetadata,\n    hideLabel,\n    onRecordChange,\n    fieldMetadata\n  } = props;\n  let { placeholder = '' } = props;\n  const context = getPConnect().getContextName();\n  let { listType, parameters, datasource = [], columns = [] } = props;\n  placeholder = placeholder || 'Select...';\n  const [options, setOptions] = useState<IOption[]>([]);\n  const [theDatasource, setDatasource] = useState<any[] | null>(null);\n  const helperTextToDisplay = validatemessage || helperText;\n\n  const thePConn = getPConnect();\n  const actionsApi = thePConn.getActionsApi();\n  const propName = (thePConn.getStateProps() as any).value;\n  const className = thePConn.getCaseInfo().getClassName();\n  const refName = propName?.slice(propName.lastIndexOf('.') + 1);\n\n  if (!isDeepEqual(datasource, theDatasource)) {\n    // inbound datasource is different, so update theDatasource (to trigger useEffect)\n    setDatasource(datasource);\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 (theDatasource) {\n      const list = Utils.getOptionList(props, getPConnect().getDataObject('')); // 1st arg empty string until typedef marked correctly\n      const optionsList = [...list];\n      optionsList.unshift({\n        key: placeholder,\n        value: thePConn.getLocalizedValue(placeholder, '', '')\n      }); // 2nd and 3rd args empty string until typedef marked correctly\n      setOptions(optionsList);\n    }\n  }, [theDatasource]);\n\n  useEffect(() => {\n    if (!displayMode && listType !== 'associated' && typeof datasource === 'string') {\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  const metaData = Array.isArray(fieldMetadata) ? fieldMetadata.filter(field => field?.classID === className)[0] : fieldMetadata;\n\n  let displayName = metaData?.datasource?.propertyForDisplayText;\n  displayName = displayName?.slice(displayName.lastIndexOf('.') + 1);\n  const localeContext = metaData?.datasource?.tableType === 'DataPage' ? 'datapage' : 'associated';\n  const localeClass = localeContext === 'datapage' ? '@baseclass' : className;\n  const localeName = localeContext === 'datapage' ? metaData?.datasource?.name : refName;\n  const localePath = localeContext === 'datapage' ? displayName : localeName;\n\n  let readOnlyProp = {};\n\n  if (displayMode === 'LABELS_LEFT') {\n    return (\n      <FieldValueList\n        name={hideLabel ? '' : label}\n        // @ts-ignore - Property 'getLocaleRuleNameFromKeys' is private and only accessible within class 'C11nEnv'\n        value={thePConn.getLocalizedValue(value, localePath, thePConn.getLocaleRuleNameFromKeys(localeClass, localeContext, localeName))}\n      />\n    );\n  }\n\n  if (displayMode === 'STACKED_LARGE_VAL') {\n    return (\n      <FieldValueList\n        name={hideLabel ? '' : label}\n        // @ts-ignore - Property 'getLocaleRuleNameFromKeys' is private and only accessible within class 'C11nEnv'\n        value={thePConn.getLocalizedValue(value, localePath, thePConn.getLocaleRuleNameFromKeys(localeClass, localeContext, localeName))}\n        variant='stacked'\n      />\n    );\n  }\n\n  if (readOnly) {\n    readOnlyProp = { readOnly: true };\n  }\n\n  let testProp = {};\n\n  testProp = {\n    'data-test-id': testId\n  };\n\n  const handleChange = evt => {\n    const selectedValue = evt.target.value === placeholder ? '' : evt.target.value;\n    handleEvent(actionsApi, 'changeNblur', propName, selectedValue);\n    if (onRecordChange) {\n      onRecordChange(evt);\n    }\n  };\n\n  // Material UI shows a warning if the component is rendered before options are set.\n  //  So, hold off on rendering anything until options are available...\n  return options.length === 0 ? null : (\n    <TextField\n      fullWidth\n      variant={readOnly ? 'standard' : 'outlined'}\n      helperText={helperTextToDisplay}\n      placeholder={thePConn.getLocalizedValue(placeholder, '', '')} // 2nd and 3rd args empty string until typedef marked correctly\n      size='small'\n      required={required}\n      disabled={disabled}\n      onChange={!readOnly ? handleChange : undefined}\n      error={status === 'error'}\n      label={label}\n      value={value === '' && !readOnly ? placeholder : value}\n      select\n      InputProps={{ ...readOnlyProp, ...testProp }}\n    >\n      {options.map((option: any) => (\n        <MenuItem key={option.key} value={option.key}>\n          {/* @ts-ignore - Property 'getLocaleRuleNameFromKeys' is private and only accessible within class 'C11nEnv'  */}\n          {thePConn.getLocalizedValue(option.value, localePath, thePConn.getLocaleRuleNameFromKeys(localeClass, localeContext, localeName))}\n        </MenuItem>\n      ))}\n    </TextField>\n  );\n}\n"]}

package/lib/components/field/Email/Email.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { InputAdornment, TextField } from '@material-ui/core';
-import MailOutlineIcon from '@material-ui/icons/MailOutline';
+import { InputAdornment, TextField } from '@mui/material';
+import MailOutlineIcon from '@mui/icons-material/MailOutline';
 import { getComponentFromMap } from '../../../bridge/helpers/sdk_component_map';
 export default function Email(props) {
     // Get emitted components from map (so we can get any override that may exist)

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

@@ -1 +1 @@
-{"version":3,"file":"Email.js","sourceRoot":"","sources":["../../../../src/components/field/Email/Email.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAC9D,OAAO,eAAe,MAAM,gCAAgC,CAAC;AAE7D,OAAO,EAAE,mBAAmB,EAAE,MAAM,2CAA2C,CAAC;AAOhF,MAAM,CAAC,OAAO,UAAU,KAAK,CAAC,KAAiB;IAC7C,8EAA8E;IAC9E,MAAM,SAAS,GAAG,mBAAmB,CAAC,WAAW,CAAC,CAAC;IACnD,MAAM,cAAc,GAAG,mBAAmB,CAAC,gBAAgB,CAAC,CAAC;IAE7D,MAAM,EACJ,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,KAAK,GAAG,EAAE,EACV,eAAe,EACf,MAAM,EACN,QAAQ,EACR,MAAM,EACN,QAAQ,EACR,MAAM,EACN,UAAU,EACV,WAAW,EACX,SAAS,EACT,WAAW,EACZ,GAAG,KAAK,CAAC;IACV,MAAM,mBAAmB,GAAG,eAAe,IAAI,UAAU,CAAC;IAE1D,IAAI,WAAW,KAAK,aAAa,EAAE;QACjC,OAAO,KAAC,cAAc,IAAC,IAAI,EAAE,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,KAAK,GAAI,CAAC;KACvE;IAED,IAAI,WAAW,KAAK,mBAAmB,EAAE;QACvC,OAAO,KAAC,cAAc,IAAC,IAAI,EAAE,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,OAAO,EAAC,SAAS,GAAG,CAAC;KACzF;IAED,IAAI,QAAQ,EAAE;QACZ,OAAO,KAAC,SAAS,OAAK,KAAK,GAAI,CAAC;KACjC;IAED,IAAI,QAAQ,GAAG,EAAE,CAAC;IAElB,QAAQ,GAAG;QACT,cAAc,EAAE,MAAM;KACvB,CAAC;IAEF,OAAO,CACL,KAAC,SAAS,IACR,SAAS,QACT,OAAO,EAAC,UAAU,EAClB,UAAU,EAAE,mBAAmB,EAC/B,WAAW,EAAE,WAAW,IAAI,EAAE,EAC9B,IAAI,EAAC,OAAO,EACZ,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,MAAM,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,EACtC,KAAK,EAAE,MAAM,KAAK,OAAO,EACzB,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,KAAK,EACZ,IAAI,EAAC,OAAO,EACZ,UAAU,EAAE;YACV,cAAc,EAAE,CACd,KAAC,cAAc,IAAC,QAAQ,EAAC,OAAO,YAC9B,KAAC,eAAe,KAAG,GACJ,CAClB;YACD,UAAU,EAAE,EAAE,GAAG,QAAQ,EAAE;SAC5B,GACD,CACH,CAAC;AACJ,CAAC","sourcesContent":["import { InputAdornment, TextField } from '@material-ui/core';\nimport MailOutlineIcon from '@material-ui/icons/MailOutline';\n\nimport { getComponentFromMap } from '../../../bridge/helpers/sdk_component_map';\nimport { PConnFieldProps } from '../../../types/PConnProps';\n\ninterface EmailProps extends PConnFieldProps {\n  // If any, enter additional props that only exist on Date here\n}\n\nexport default function Email(props: EmailProps) {\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    label,\n    required,\n    disabled,\n    value = '',\n    validatemessage,\n    status,\n    onChange,\n    onBlur,\n    readOnly,\n    testId,\n    helperText,\n    displayMode,\n    hideLabel,\n    placeholder\n  } = props;\n  const helperTextToDisplay = validatemessage || helperText;\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 (readOnly) {\n    return <TextInput {...props} />;\n  }\n\n  let testProp = {};\n\n  testProp = {\n    'data-test-id': testId\n  };\n\n  return (\n    <TextField\n      fullWidth\n      variant='outlined'\n      helperText={helperTextToDisplay}\n      placeholder={placeholder ?? ''}\n      size='small'\n      required={required}\n      disabled={disabled}\n      onChange={onChange}\n      onBlur={!readOnly ? onBlur : undefined}\n      error={status === 'error'}\n      label={label}\n      value={value}\n      type='email'\n      InputProps={{\n        startAdornment: (\n          <InputAdornment position='start'>\n            <MailOutlineIcon />\n          </InputAdornment>\n        ),\n        inputProps: { ...testProp }\n      }}\n    />\n  );\n}\n"]}
+{"version":3,"file":"Email.js","sourceRoot":"","sources":["../../../../src/components/field/Email/Email.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAC1D,OAAO,eAAe,MAAM,iCAAiC,CAAC;AAE9D,OAAO,EAAE,mBAAmB,EAAE,MAAM,2CAA2C,CAAC;AAOhF,MAAM,CAAC,OAAO,UAAU,KAAK,CAAC,KAAiB;IAC7C,8EAA8E;IAC9E,MAAM,SAAS,GAAG,mBAAmB,CAAC,WAAW,CAAC,CAAC;IACnD,MAAM,cAAc,GAAG,mBAAmB,CAAC,gBAAgB,CAAC,CAAC;IAE7D,MAAM,EACJ,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,KAAK,GAAG,EAAE,EACV,eAAe,EACf,MAAM,EACN,QAAQ,EACR,MAAM,EACN,QAAQ,EACR,MAAM,EACN,UAAU,EACV,WAAW,EACX,SAAS,EACT,WAAW,EACZ,GAAG,KAAK,CAAC;IACV,MAAM,mBAAmB,GAAG,eAAe,IAAI,UAAU,CAAC;IAE1D,IAAI,WAAW,KAAK,aAAa,EAAE;QACjC,OAAO,KAAC,cAAc,IAAC,IAAI,EAAE,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,KAAK,GAAI,CAAC;KACvE;IAED,IAAI,WAAW,KAAK,mBAAmB,EAAE;QACvC,OAAO,KAAC,cAAc,IAAC,IAAI,EAAE,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,OAAO,EAAC,SAAS,GAAG,CAAC;KACzF;IAED,IAAI,QAAQ,EAAE;QACZ,OAAO,KAAC,SAAS,OAAK,KAAK,GAAI,CAAC;KACjC;IAED,IAAI,QAAQ,GAAG,EAAE,CAAC;IAElB,QAAQ,GAAG;QACT,cAAc,EAAE,MAAM;KACvB,CAAC;IAEF,OAAO,CACL,KAAC,SAAS,IACR,SAAS,QACT,OAAO,EAAC,UAAU,EAClB,UAAU,EAAE,mBAAmB,EAC/B,WAAW,EAAE,WAAW,IAAI,EAAE,EAC9B,IAAI,EAAC,OAAO,EACZ,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,MAAM,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,EACtC,KAAK,EAAE,MAAM,KAAK,OAAO,EACzB,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,KAAK,EACZ,IAAI,EAAC,OAAO,EACZ,UAAU,EAAE;YACV,cAAc,EAAE,CACd,KAAC,cAAc,IAAC,QAAQ,EAAC,OAAO,YAC9B,KAAC,eAAe,KAAG,GACJ,CAClB;YACD,UAAU,EAAE,EAAE,GAAG,QAAQ,EAAE;SAC5B,GACD,CACH,CAAC;AACJ,CAAC","sourcesContent":["import { InputAdornment, TextField } from '@mui/material';\nimport MailOutlineIcon from '@mui/icons-material/MailOutline';\n\nimport { getComponentFromMap } from '../../../bridge/helpers/sdk_component_map';\nimport { PConnFieldProps } from '../../../types/PConnProps';\n\ninterface EmailProps extends PConnFieldProps {\n  // If any, enter additional props that only exist on Date here\n}\n\nexport default function Email(props: EmailProps) {\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    label,\n    required,\n    disabled,\n    value = '',\n    validatemessage,\n    status,\n    onChange,\n    onBlur,\n    readOnly,\n    testId,\n    helperText,\n    displayMode,\n    hideLabel,\n    placeholder\n  } = props;\n  const helperTextToDisplay = validatemessage || helperText;\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 (readOnly) {\n    return <TextInput {...props} />;\n  }\n\n  let testProp = {};\n\n  testProp = {\n    'data-test-id': testId\n  };\n\n  return (\n    <TextField\n      fullWidth\n      variant='outlined'\n      helperText={helperTextToDisplay}\n      placeholder={placeholder ?? ''}\n      size='small'\n      required={required}\n      disabled={disabled}\n      onChange={onChange}\n      onBlur={!readOnly ? onBlur : undefined}\n      error={status === 'error'}\n      label={label}\n      value={value}\n      type='email'\n      InputProps={{\n        startAdornment: (\n          <InputAdornment position='start'>\n            <MailOutlineIcon />\n          </InputAdornment>\n        ),\n        inputProps: { ...testProp }\n      }}\n    />\n  );\n}\n"]}

package/lib/components/field/Group/Group.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { useMemo } from 'react';
-import { Grid } from '@material-ui/core';
+import { Grid } from '@mui/material';
 import FieldGroup from '../../designSystemExtension/FieldGroup';
 export default function Group(props) {
     const { children, heading, showHeading, instructions, collapsible, displayMode, type } = props;

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

@@ -1 +1 @@
-{"version":3,"file":"Group.js","sourceRoot":"","sources":["../../../../src/components/field/Group/Group.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAgB,OAAO,EAAE,MAAM,OAAO,CAAC;AAC9C,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AACzC,OAAO,UAAU,MAAM,wCAAwC,CAAC;AAYhE,MAAM,CAAC,OAAO,UAAU,KAAK,CAAC,KAAiB;IAC7C,MAAM,EAAE,QAAQ,EAAE,OAAO,EAAE,WAAW,EAAE,YAAY,EAAE,WAAW,EAAE,WAAW,EAAE,IAAI,EAAE,GAAG,KAAK,CAAC;IAE/F,MAAM,UAAU,GAAG,WAAW,KAAK,aAAa,CAAC;IAEjD,MAAM,OAAO,GAAG,OAAO,CAAC,GAAG,EAAE;QAC3B,OAAO,CACL,KAAC,IAAI,IAAC,SAAS,QAAC,OAAO,EAAE,CAAC,YACvB,QAAQ,EAAE,GAAG,CAAC,KAAK,CAAC,EAAE,CAAC,CACtB,KAAC,IAAI,IAAC,IAAI,QAAC,EAAE,EAAE,EAAE,YACd,KAAK,IADgB,KAAK,CAAC,GAAG,CAE1B,CACR,CAAC,GACG,CACR,CAAC;IACJ,CAAC,EAAE,CAAC,QAAQ,EAAE,IAAI,EAAE,UAAU,CAAC,CAAC,CAAC;IAEjC,IAAI,CAAC,QAAQ;QAAE,OAAO,IAAI,CAAC;IAE3B,OAAO,CACL,KAAC,UAAU,IAAC,IAAI,EAAE,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,EAAE,WAAW,EAAE,WAAW,EAAE,YAAY,EAAE,YAAY,YACtG,OAAO,GACG,CACd,CAAC;AACJ,CAAC","sourcesContent":["import { ReactElement, useMemo } from 'react';\nimport { Grid } from '@material-ui/core';\nimport FieldGroup from '../../designSystemExtension/FieldGroup';\nimport { PConnFieldProps } from '../../../types/PConnProps';\n\ninterface GroupProps extends PConnFieldProps {\n  children: ReactElement[];\n  heading: string;\n  showHeading: boolean;\n  instructions?: string;\n  collapsible: boolean;\n  type: string;\n}\n\nexport default function Group(props: GroupProps) {\n  const { children, heading, showHeading, instructions, collapsible, displayMode, type } = props;\n\n  const isReadOnly = displayMode === 'LABELS_LEFT';\n\n  const content = useMemo(() => {\n    return (\n      <Grid container spacing={2}>\n        {children?.map(child => (\n          <Grid item xs={12} key={child.key}>\n            {child}\n          </Grid>\n        ))}\n      </Grid>\n    );\n  }, [children, type, isReadOnly]);\n\n  if (!children) return null;\n\n  return (\n    <FieldGroup name={showHeading ? heading : undefined} collapsible={collapsible} instructions={instructions}>\n      {content}\n    </FieldGroup>\n  );\n}\n"]}
+{"version":3,"file":"Group.js","sourceRoot":"","sources":["../../../../src/components/field/Group/Group.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAgB,OAAO,EAAE,MAAM,OAAO,CAAC;AAC9C,OAAO,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AACrC,OAAO,UAAU,MAAM,wCAAwC,CAAC;AAYhE,MAAM,CAAC,OAAO,UAAU,KAAK,CAAC,KAAiB;IAC7C,MAAM,EAAE,QAAQ,EAAE,OAAO,EAAE,WAAW,EAAE,YAAY,EAAE,WAAW,EAAE,WAAW,EAAE,IAAI,EAAE,GAAG,KAAK,CAAC;IAE/F,MAAM,UAAU,GAAG,WAAW,KAAK,aAAa,CAAC;IAEjD,MAAM,OAAO,GAAG,OAAO,CAAC,GAAG,EAAE;QAC3B,OAAO,CACL,KAAC,IAAI,IAAC,SAAS,QAAC,OAAO,EAAE,CAAC,YACvB,QAAQ,EAAE,GAAG,CAAC,KAAK,CAAC,EAAE,CAAC,CACtB,KAAC,IAAI,IAAC,IAAI,QAAC,EAAE,EAAE,EAAE,YACd,KAAK,IADgB,KAAK,CAAC,GAAG,CAE1B,CACR,CAAC,GACG,CACR,CAAC;IACJ,CAAC,EAAE,CAAC,QAAQ,EAAE,IAAI,EAAE,UAAU,CAAC,CAAC,CAAC;IAEjC,IAAI,CAAC,QAAQ;QAAE,OAAO,IAAI,CAAC;IAE3B,OAAO,CACL,KAAC,UAAU,IAAC,IAAI,EAAE,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,EAAE,WAAW,EAAE,WAAW,EAAE,YAAY,EAAE,YAAY,YACtG,OAAO,GACG,CACd,CAAC;AACJ,CAAC","sourcesContent":["import { ReactElement, useMemo } from 'react';\nimport { Grid } from '@mui/material';\nimport FieldGroup from '../../designSystemExtension/FieldGroup';\nimport { PConnFieldProps } from '../../../types/PConnProps';\n\ninterface GroupProps extends PConnFieldProps {\n  children: ReactElement[];\n  heading: string;\n  showHeading: boolean;\n  instructions?: string;\n  collapsible: boolean;\n  type: string;\n}\n\nexport default function Group(props: GroupProps) {\n  const { children, heading, showHeading, instructions, collapsible, displayMode, type } = props;\n\n  const isReadOnly = displayMode === 'LABELS_LEFT';\n\n  const content = useMemo(() => {\n    return (\n      <Grid container spacing={2}>\n        {children?.map(child => (\n          <Grid item xs={12} key={child.key}>\n            {child}\n          </Grid>\n        ))}\n      </Grid>\n    );\n  }, [children, type, isReadOnly]);\n\n  if (!children) return null;\n\n  return (\n    <FieldGroup name={showHeading ? heading : undefined} collapsible={collapsible} instructions={instructions}>\n      {content}\n    </FieldGroup>\n  );\n}\n"]}

package/lib/components/field/Integer/Integer.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { TextField } from '@material-ui/core';
+import { TextField } from '@mui/material';
 import { getComponentFromMap } from '../../../bridge/helpers/sdk_component_map';
 export default function Integer(props) {
     // Get emitted components from map (so we can get any override that may exist)

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

@@ -1 +1 @@
-{"version":3,"file":"Integer.js","sourceRoot":"","sources":["../../../../src/components/field/Integer/Integer.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAE9C,OAAO,EAAE,mBAAmB,EAAE,MAAM,2CAA2C,CAAC;AAOhF,MAAM,CAAC,OAAO,UAAU,OAAO,CAAC,KAAmB;IACjD,8EAA8E;IAC9E,MAAM,SAAS,GAAG,mBAAmB,CAAC,WAAW,CAAC,CAAC;IACnD,MAAM,cAAc,GAAG,mBAAmB,CAAC,gBAAgB,CAAC,CAAC;IAE7D,MAAM,EACJ,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,KAAK,GAAG,EAAE,EACV,eAAe,EACf,MAAM,EACN,QAAQ,EACR,MAAM,EACN,QAAQ,EACR,MAAM,EACN,UAAU,EACV,WAAW,EACX,SAAS,EACT,WAAW,EACZ,GAAG,KAAK,CAAC;IACV,MAAM,mBAAmB,GAAG,eAAe,IAAI,UAAU,CAAC;IAE1D,2DAA2D;IAE3D,IAAI,WAAW,KAAK,aAAa,EAAE;QACjC,OAAO,KAAC,cAAc,IAAC,IAAI,EAAE,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,KAAK,GAAI,CAAC;KACvE;IAED,IAAI,WAAW,KAAK,mBAAmB,EAAE;QACvC,OAAO,KAAC,cAAc,IAAC,IAAI,EAAE,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,OAAO,EAAC,SAAS,GAAG,CAAC;KACzF;IAED,IAAI,QAAQ,EAAE;QACZ,OAAO,KAAC,SAAS,OAAK,KAAK,GAAI,CAAC;KACjC;IAED,IAAI,QAAQ,GAAG,EAAE,CAAC;IAElB,QAAQ,GAAG;QACT,cAAc,EAAE,MAAM;KACvB,CAAC;IAEF,SAAS,WAAW,CAAC,KAAK;QACxB,qEAAqE;QAErE,mEAAmE;QACnE,0FAA0F;QAC1F,MAAM,eAAe,GAAG,CAAC,GAAG,EAAE,GAAG,CAAC,CAAC;QACnC,MAAM,iBAAiB,GAAG,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC;QAC7C,MAAM,QAAQ,GAAG,iBAAiB,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC;QAE7C,IAAI,eAAe,CAAC,QAAQ,CAAC,QAAQ,CAAC,EAAE;YACtC,KAAK,CAAC,MAAM,CAAC,KAAK,GAAG,iBAAiB,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC;SACrD;QAED,mDAAmD;QACnD,QAAQ,CAAC,KAAK,CAAC,CAAC;IAClB,CAAC;IAED,OAAO,CACL,KAAC,SAAS,IACR,SAAS,QACT,OAAO,EAAE,QAAQ,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,UAAU,EAC3C,UAAU,EAAE,mBAAmB,EAC/B,WAAW,EAAE,WAAW,IAAI,EAAE,EAC9B,IAAI,EAAC,OAAO,EACZ,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,WAAW,EACrB,MAAM,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,EACtC,KAAK,EAAE,MAAM,KAAK,OAAO,EACzB,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,KAAK,EACZ,IAAI,EAAC,MAAM,EACX,UAAU,EAAE,EAAE,SAAS,EAAE,SAAS,EAAE,OAAO,EAAE,QAAQ,EAAE,GAAG,QAAQ,EAAE,GACpE,CACH,CAAC;AACJ,CAAC","sourcesContent":["import { TextField } from '@material-ui/core';\n\nimport { getComponentFromMap } from '../../../bridge/helpers/sdk_component_map';\nimport { PConnFieldProps } from '../../../types/PConnProps';\n\ninterface IntegerProps extends PConnFieldProps {\n  // If any, enter additional props that only exist on Integer here\n}\n\nexport default function Integer(props: IntegerProps) {\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    label,\n    required,\n    disabled,\n    value = '',\n    validatemessage,\n    status,\n    onChange,\n    onBlur,\n    readOnly,\n    testId,\n    helperText,\n    displayMode,\n    hideLabel,\n    placeholder\n  } = props;\n  const helperTextToDisplay = validatemessage || helperText;\n\n  // console.log(`Integer: label: ${label} value: ${value}`);\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 (readOnly) {\n    return <TextInput {...props} />;\n  }\n\n  let testProp = {};\n\n  testProp = {\n    'data-test-id': testId\n  };\n\n  function intOnChange(event) {\n    // console.log(`Integer intOnChange inValue: ${event.target.value}`);\n\n    // Disallow \".\" and \",\" (separators) since this is an integer field\n    //  Mimics Pega Integer behavior (where separator characters are \"eaten\" if they're typed)\n    const disallowedChars = ['.', ','];\n    const theAttemptedValue = event.target.value;\n    const lastChar = theAttemptedValue.slice(-1);\n\n    if (disallowedChars.includes(lastChar)) {\n      event.target.value = theAttemptedValue.slice(0, -1);\n    }\n\n    // Pass through to the Constellation change handler\n    onChange(event);\n  }\n\n  return (\n    <TextField\n      fullWidth\n      variant={readOnly ? 'standard' : 'outlined'}\n      helperText={helperTextToDisplay}\n      placeholder={placeholder ?? ''}\n      size='small'\n      required={required}\n      disabled={disabled}\n      onChange={intOnChange}\n      onBlur={!readOnly ? onBlur : undefined}\n      error={status === 'error'}\n      label={label}\n      value={value}\n      type='text'\n      inputProps={{ inputMode: 'numeric', pattern: '[0-9]*', ...testProp }}\n    />\n  );\n}\n"]}
+{"version":3,"file":"Integer.js","sourceRoot":"","sources":["../../../../src/components/field/Integer/Integer.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAE1C,OAAO,EAAE,mBAAmB,EAAE,MAAM,2CAA2C,CAAC;AAOhF,MAAM,CAAC,OAAO,UAAU,OAAO,CAAC,KAAmB;IACjD,8EAA8E;IAC9E,MAAM,SAAS,GAAG,mBAAmB,CAAC,WAAW,CAAC,CAAC;IACnD,MAAM,cAAc,GAAG,mBAAmB,CAAC,gBAAgB,CAAC,CAAC;IAE7D,MAAM,EACJ,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,KAAK,GAAG,EAAE,EACV,eAAe,EACf,MAAM,EACN,QAAQ,EACR,MAAM,EACN,QAAQ,EACR,MAAM,EACN,UAAU,EACV,WAAW,EACX,SAAS,EACT,WAAW,EACZ,GAAG,KAAK,CAAC;IACV,MAAM,mBAAmB,GAAG,eAAe,IAAI,UAAU,CAAC;IAE1D,2DAA2D;IAE3D,IAAI,WAAW,KAAK,aAAa,EAAE;QACjC,OAAO,KAAC,cAAc,IAAC,IAAI,EAAE,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,KAAK,GAAI,CAAC;KACvE;IAED,IAAI,WAAW,KAAK,mBAAmB,EAAE;QACvC,OAAO,KAAC,cAAc,IAAC,IAAI,EAAE,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,OAAO,EAAC,SAAS,GAAG,CAAC;KACzF;IAED,IAAI,QAAQ,EAAE;QACZ,OAAO,KAAC,SAAS,OAAK,KAAK,GAAI,CAAC;KACjC;IAED,IAAI,QAAQ,GAAG,EAAE,CAAC;IAElB,QAAQ,GAAG;QACT,cAAc,EAAE,MAAM;KACvB,CAAC;IAEF,SAAS,WAAW,CAAC,KAAK;QACxB,qEAAqE;QAErE,mEAAmE;QACnE,0FAA0F;QAC1F,MAAM,eAAe,GAAG,CAAC,GAAG,EAAE,GAAG,CAAC,CAAC;QACnC,MAAM,iBAAiB,GAAG,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC;QAC7C,MAAM,QAAQ,GAAG,iBAAiB,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC;QAE7C,IAAI,eAAe,CAAC,QAAQ,CAAC,QAAQ,CAAC,EAAE;YACtC,KAAK,CAAC,MAAM,CAAC,KAAK,GAAG,iBAAiB,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC;SACrD;QAED,mDAAmD;QACnD,QAAQ,CAAC,KAAK,CAAC,CAAC;IAClB,CAAC;IAED,OAAO,CACL,KAAC,SAAS,IACR,SAAS,QACT,OAAO,EAAE,QAAQ,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,UAAU,EAC3C,UAAU,EAAE,mBAAmB,EAC/B,WAAW,EAAE,WAAW,IAAI,EAAE,EAC9B,IAAI,EAAC,OAAO,EACZ,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,WAAW,EACrB,MAAM,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,EACtC,KAAK,EAAE,MAAM,KAAK,OAAO,EACzB,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,KAAK,EACZ,IAAI,EAAC,MAAM,EACX,UAAU,EAAE,EAAE,SAAS,EAAE,SAAS,EAAE,OAAO,EAAE,QAAQ,EAAE,GAAG,QAAQ,EAAE,GACpE,CACH,CAAC;AACJ,CAAC","sourcesContent":["import { TextField } from '@mui/material';\n\nimport { getComponentFromMap } from '../../../bridge/helpers/sdk_component_map';\nimport { PConnFieldProps } from '../../../types/PConnProps';\n\ninterface IntegerProps extends PConnFieldProps {\n  // If any, enter additional props that only exist on Integer here\n}\n\nexport default function Integer(props: IntegerProps) {\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    label,\n    required,\n    disabled,\n    value = '',\n    validatemessage,\n    status,\n    onChange,\n    onBlur,\n    readOnly,\n    testId,\n    helperText,\n    displayMode,\n    hideLabel,\n    placeholder\n  } = props;\n  const helperTextToDisplay = validatemessage || helperText;\n\n  // console.log(`Integer: label: ${label} value: ${value}`);\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 (readOnly) {\n    return <TextInput {...props} />;\n  }\n\n  let testProp = {};\n\n  testProp = {\n    'data-test-id': testId\n  };\n\n  function intOnChange(event) {\n    // console.log(`Integer intOnChange inValue: ${event.target.value}`);\n\n    // Disallow \".\" and \",\" (separators) since this is an integer field\n    //  Mimics Pega Integer behavior (where separator characters are \"eaten\" if they're typed)\n    const disallowedChars = ['.', ','];\n    const theAttemptedValue = event.target.value;\n    const lastChar = theAttemptedValue.slice(-1);\n\n    if (disallowedChars.includes(lastChar)) {\n      event.target.value = theAttemptedValue.slice(0, -1);\n    }\n\n    // Pass through to the Constellation change handler\n    onChange(event);\n  }\n\n  return (\n    <TextField\n      fullWidth\n      variant={readOnly ? 'standard' : 'outlined'}\n      helperText={helperTextToDisplay}\n      placeholder={placeholder ?? ''}\n      size='small'\n      required={required}\n      disabled={disabled}\n      onChange={intOnChange}\n      onBlur={!readOnly ? onBlur : undefined}\n      error={status === 'error'}\n      label={label}\n      value={value}\n      type='text'\n      inputProps={{ inputMode: 'numeric', pattern: '[0-9]*', ...testProp }}\n    />\n  );\n}\n"]}

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

@@ -1 +1 @@
-{"version":3,"file":"Multiselect.d.ts","sourceRoot":"","sources":["../../../../src/components/field/Multiselect/Multiselect.tsx"],"names":[],"mappings":"AAYA,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,KAAK,KAAA,2CAuOxC"}
+{"version":3,"file":"Multiselect.d.ts","sourceRoot":"","sources":["../../../../src/components/field/Multiselect/Multiselect.tsx"],"names":[],"mappings":"AAMA,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,KAAK,KAAA,2CAuOxC"}

package/lib/components/field/Multiselect/Multiselect.js

@@ -1,14 +1,9 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import { Checkbox, TextField } from '@material-ui/core';
-import Autocomplete from '@material-ui/lab/Autocomplete';
-import CheckBoxOutlineBlankIcon from '@material-ui/icons/CheckBoxOutlineBlank';
-import CheckBoxIcon from '@material-ui/icons/CheckBox';
+import { jsx as _jsx } from "react/jsx-runtime";
 import { useEffect, useMemo, useRef, useState } from 'react';
+import { Autocomplete, TextField } from '@mui/material';
 import { doSearch, getDisplayFieldsMetaData, useDeepMemo, preProcessColumns, getGroupDataForItemsTree } from './utils';
 import { insertInstruction, deleteInstruction } from '../../helpers/instructions-utils';
 import { debounce } from 'throttle-debounce';
-const icon = _jsx(CheckBoxOutlineBlankIcon, { fontSize: 'small' });
-const checkedIcon = _jsx(CheckBoxIcon, { fontSize: 'small' });
 export default function Multiselect(props) {
     const { getPConnect, label, placeholder, referenceList, selectionKey, primaryField, initialCaseClass, showSecondaryInSearchOnly = false, listType = '', isGroupData = false, referenceType, secondaryFields, groupDataSource = [], parameters = {}, matchPosition = 'contains', maxResultsDisplay, groupColumnsConfig = [{}], selectionList, value } = props;
     let { datasource = [], columns = [{}] } = props;
@@ -170,6 +165,15 @@ export default function Multiselect(props) {
         if (referenceList)
             setSelectedItemsForReferenceList(clickedItem[0]);
     };
-    return (_jsx(Autocomplete, { multiple: true, fullWidth: true, options: itemsTree, disableCloseOnSelect: true, getOptionSelected: (option, val) => option?.primary === val?.primary, getOptionLabel: (option) => option?.primary, onChange: handleChange, value: selectedItems, renderOption: (option, { selected }) => (_jsxs(_Fragment, { children: [_jsx(Checkbox, { icon: icon, checkedIcon: checkedIcon, style: { marginRight: 8 }, checked: selected }), option.primary] })), renderInput: params => (_jsx(TextField, { ...params, variant: 'outlined', fullWidth: true, label: label, placeholder: placeholder, size: 'small', onChange: onSearchHandler })) }));
+    return (_jsx(Autocomplete, { multiple: true, fullWidth: true, options: itemsTree, disableCloseOnSelect: true, 
+        // getOptionSelected={(option: any, val: any) => option?.primary === val?.primary}
+        getOptionLabel: (option) => option?.primary, onChange: handleChange, value: selectedItems, 
+        // renderOption={(_props, option: any, { selected }) => (
+        //   <>
+        //     <Checkbox icon={icon} checkedIcon={checkedIcon} style={{ marginRight: 8 }} checked={selected} />
+        //     {option.primary}
+        //   </>
+        // )}
+        renderInput: params => (_jsx(TextField, { ...params, variant: 'outlined', fullWidth: true, label: label, placeholder: placeholder, size: 'small', onChange: onSearchHandler })) }));
 }
 //# sourceMappingURL=Multiselect.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Multiselect.js","sourceRoot":"","sources":["../../../../src/components/field/Multiselect/Multiselect.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Checkbox, TextField } from '@material-ui/core';\nimport Autocomplete from '@material-ui/lab/Autocomplete';\nimport CheckBoxOutlineBlankIcon from '@material-ui/icons/CheckBoxOutlineBlank';\nimport CheckBoxIcon from '@material-ui/icons/CheckBox';\nimport { useEffect, useMemo, useRef, useState } from 'react';\nimport { doSearch, getDisplayFieldsMetaData, useDeepMemo, preProcessColumns, getGroupDataForItemsTree } from './utils';\nimport { insertInstruction, deleteInstruction } from '../../helpers/instructions-utils';\nimport { debounce } from 'throttle-debounce';\n\nconst icon = <CheckBoxOutlineBlankIcon fontSize='small' />;\nconst checkedIcon = <CheckBoxIcon fontSize='small' />;\n\nexport default function Multiselect(props) {\n  const {\n    getPConnect,\n    label,\n    placeholder,\n    referenceList,\n    selectionKey,\n    primaryField,\n    initialCaseClass,\n    showSecondaryInSearchOnly = false,\n    listType = '',\n    isGroupData = false,\n    referenceType,\n    secondaryFields,\n    groupDataSource = [],\n    parameters = {},\n    matchPosition = 'contains',\n    maxResultsDisplay,\n    groupColumnsConfig = [{}],\n    selectionList,\n    value\n  } = props;\n  let { datasource = [], columns = [{}] } = props;\n\n  if (referenceList.length > 0) {\n    datasource = referenceList;\n    columns = [\n      {\n        value: primaryField,\n        display: 'true',\n        useForSearch: true,\n        primary: 'true'\n      },\n      {\n        value: selectionKey,\n        setProperty: selectionKey,\n        key: 'true'\n      }\n    ];\n    let secondaryColumns: any = [];\n    if (secondaryFields) {\n      secondaryColumns = secondaryFields.map(secondaryField => ({\n        value: secondaryField,\n        display: 'true',\n        secondary: 'true',\n        useForSearch: 'true'\n      }));\n    } else {\n      secondaryColumns = [\n        {\n          value: selectionKey,\n          display: 'true',\n          secondary: 'true',\n          useForSearch: 'true'\n        }\n      ];\n    }\n    if (referenceType === 'Case') {\n      columns = [...columns, ...secondaryColumns];\n    }\n  }\n  const [inputValue, setInputValue] = useState(value);\n  const [selectedItems, setSelectedItems] = useState([]);\n\n  const dataConfig = useDeepMemo(() => {\n    return {\n      dataSource: datasource,\n      groupDataSource,\n      isGroupData,\n      showSecondaryInSearchOnly,\n      parameters,\n      matchPosition,\n      listType,\n      maxResultsDisplay: maxResultsDisplay || '100',\n      columns: preProcessColumns(columns),\n      groupColumnsConfig: preProcessColumns(groupColumnsConfig)\n    };\n  }, [\n    datasource,\n    groupDataSource,\n    isGroupData,\n    showSecondaryInSearchOnly,\n    parameters,\n    matchPosition,\n    listType,\n    maxResultsDisplay,\n    columns,\n    groupColumnsConfig\n  ]);\n  const groupsDisplayFieldMeta = useMemo(\n    () => (listType !== 'associated' ? getDisplayFieldsMetaData(dataConfig.groupColumnsConfig) : null),\n    [dataConfig.groupColumnsConfig]\n  );\n\n  const itemsTreeBaseData = getGroupDataForItemsTree(groupDataSource, groupsDisplayFieldMeta, showSecondaryInSearchOnly) || [];\n\n  const [itemsTree, setItemsTree] = useState(\n    isGroupData ? getGroupDataForItemsTree(groupDataSource, groupsDisplayFieldMeta, showSecondaryInSearchOnly) : []\n  );\n\n  const displayFieldMeta = listType !== 'associated' ? getDisplayFieldsMetaData(dataConfig.columns) : null;\n  const getCaseListBasedOnParamsDebounced: any = useRef();\n  const pConn = getPConnect();\n  const contextName = pConn.getContextName();\n  const listActions = pConn.getListActions();\n  const dataApiObj: any = useRef();\n\n  // main search function trigger\n  const getCaseListBasedOnParams = async (searchText, group, selectedRows, currentItemsTree, isTriggeredFromSearch = false) => {\n    if (referenceList && referenceList.length > 0) {\n      selectedRows = await listActions.getSelectedRows(true);\n\n      selectedRows =\n        selectedRows &&\n        selectedRows.map(item => {\n          return {\n            id: item[selectionKey.startsWith('.') ? selectionKey.substring(1) : selectionKey],\n            primary: item[primaryField.startsWith('.') ? primaryField.substring(1) : primaryField]\n          };\n        });\n      setSelectedItems(selectedRows);\n    }\n\n    // if items tree is null or text search is triggered then always should use fresh data object, we use the original object\n    const initalItemsTree = isTriggeredFromSearch || !currentItemsTree ? [...itemsTreeBaseData] : [...currentItemsTree];\n    const res = await doSearch(\n      searchText,\n      group,\n      initialCaseClass,\n      displayFieldMeta,\n      dataApiObj.current,\n      initalItemsTree,\n      isGroupData,\n      showSecondaryInSearchOnly,\n      selectedRows || []\n    );\n    setItemsTree(res);\n  };\n\n  useEffect(() => {\n    if (referenceList && referenceList.length > 0) {\n      pConn.setReferenceList(selectionList);\n    }\n  }, [pConn]);\n\n  useEffect(() => {\n    getCaseListBasedOnParamsDebounced.current = debounce(500, getCaseListBasedOnParams);\n  }, []);\n\n  useEffect(() => {\n    if (listType !== 'associated') {\n      PCore.getDataApi()\n        ?.init(dataConfig, contextName)\n        .then(dataObj => {\n          dataApiObj.current = dataObj;\n          if (!isGroupData) {\n            getCaseListBasedOnParamsDebounced.current(inputValue ?? '', '', [...selectedItems], [...itemsTree]);\n          }\n        });\n    }\n  }, [dataConfig, listType, dataConfig.columns, inputValue, dataConfig.groupColumnsConfig, showSecondaryInSearchOnly]);\n\n  const onSearchHandler = ev => {\n    const searchText = ev.target.value;\n    setInputValue(searchText);\n    getCaseListBasedOnParamsDebounced.current(searchText, '', [...selectedItems], [...itemsTree], true);\n  };\n\n  const setSelectedItemsForReferenceList = item => {\n    // Clear error messages if any\n    const propName = pConn.getStateProps().selectionList;\n    pConn.clearErrorMessages({\n      property: propName\n    });\n    const { selected } = item;\n    if (selected) {\n      insertInstruction(pConn, selectionList, selectionKey, primaryField, item);\n    } else {\n      deleteInstruction(pConn, selectionList, selectionKey, item);\n    }\n  };\n\n  const handleChange = (event, newSelectedValues) => {\n    let clickedItem;\n    let updatedItems: any = [];\n    if (newSelectedValues && newSelectedValues.length > 0) {\n      updatedItems = newSelectedValues.map(ele => {\n        ele.selected = true;\n        return ele;\n      });\n    }\n    if (newSelectedValues.length > selectedItems.length) {\n      clickedItem = newSelectedValues.filter(item => !selectedItems.some((ele: any) => ele.id === item.id));\n    } else {\n      clickedItem = selectedItems.filter((item: any) => !newSelectedValues.some((ele: any) => ele.id === item.id));\n      clickedItem[0].selected = false;\n    }\n    itemsTree.forEach(ele => {\n      ele.selected = !!updatedItems.find(item => item.id === ele.id);\n    });\n\n    setSelectedItems(updatedItems);\n    setItemsTree(itemsTree);\n\n    setInputValue('');\n\n    // if this is a referenceList case\n    if (referenceList) setSelectedItemsForReferenceList(clickedItem[0]);\n  };\n\n  return (\n    <Autocomplete\n      multiple\n      fullWidth\n      options={itemsTree}\n      disableCloseOnSelect\n      getOptionSelected={(option: any, val: any) => option?.primary === val?.primary}\n      getOptionLabel={(option: any) => option?.primary}\n      onChange={handleChange}\n      value={selectedItems}\n      renderOption={(option: any, { selected }) => (\n        <>\n          <Checkbox icon={icon} checkedIcon={checkedIcon} style={{ marginRight: 8 }} checked={selected} />\n          {option.primary}\n        </>\n      )}\n      renderInput={params => (\n        <TextField {...params} variant='outlined' fullWidth label={label} placeholder={placeholder} size='small' onChange={onSearchHandler} />\n      )}\n    />\n  );\n}\n"]}
+{"version":3,"file":"Multiselect.js","sourceRoot":"","sources":["../../../../src/components/field/Multiselect/Multiselect.tsx"],"names":[],"mappings":"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","sourcesContent":["import { useEffect, useMemo, useRef, useState } from 'react';\nimport { Autocomplete, TextField } from '@mui/material';\nimport { doSearch, getDisplayFieldsMetaData, useDeepMemo, preProcessColumns, getGroupDataForItemsTree } from './utils';\nimport { insertInstruction, deleteInstruction } from '../../helpers/instructions-utils';\nimport { debounce } from 'throttle-debounce';\n\nexport default function Multiselect(props) {\n  const {\n    getPConnect,\n    label,\n    placeholder,\n    referenceList,\n    selectionKey,\n    primaryField,\n    initialCaseClass,\n    showSecondaryInSearchOnly = false,\n    listType = '',\n    isGroupData = false,\n    referenceType,\n    secondaryFields,\n    groupDataSource = [],\n    parameters = {},\n    matchPosition = 'contains',\n    maxResultsDisplay,\n    groupColumnsConfig = [{}],\n    selectionList,\n    value\n  } = props;\n  let { datasource = [], columns = [{}] } = props;\n\n  if (referenceList.length > 0) {\n    datasource = referenceList;\n    columns = [\n      {\n        value: primaryField,\n        display: 'true',\n        useForSearch: true,\n        primary: 'true'\n      },\n      {\n        value: selectionKey,\n        setProperty: selectionKey,\n        key: 'true'\n      }\n    ];\n    let secondaryColumns: any = [];\n    if (secondaryFields) {\n      secondaryColumns = secondaryFields.map(secondaryField => ({\n        value: secondaryField,\n        display: 'true',\n        secondary: 'true',\n        useForSearch: 'true'\n      }));\n    } else {\n      secondaryColumns = [\n        {\n          value: selectionKey,\n          display: 'true',\n          secondary: 'true',\n          useForSearch: 'true'\n        }\n      ];\n    }\n    if (referenceType === 'Case') {\n      columns = [...columns, ...secondaryColumns];\n    }\n  }\n  const [inputValue, setInputValue] = useState(value);\n  const [selectedItems, setSelectedItems] = useState([]);\n\n  const dataConfig = useDeepMemo(() => {\n    return {\n      dataSource: datasource,\n      groupDataSource,\n      isGroupData,\n      showSecondaryInSearchOnly,\n      parameters,\n      matchPosition,\n      listType,\n      maxResultsDisplay: maxResultsDisplay || '100',\n      columns: preProcessColumns(columns),\n      groupColumnsConfig: preProcessColumns(groupColumnsConfig)\n    };\n  }, [\n    datasource,\n    groupDataSource,\n    isGroupData,\n    showSecondaryInSearchOnly,\n    parameters,\n    matchPosition,\n    listType,\n    maxResultsDisplay,\n    columns,\n    groupColumnsConfig\n  ]);\n  const groupsDisplayFieldMeta = useMemo(\n    () => (listType !== 'associated' ? getDisplayFieldsMetaData(dataConfig.groupColumnsConfig) : null),\n    [dataConfig.groupColumnsConfig]\n  );\n\n  const itemsTreeBaseData = getGroupDataForItemsTree(groupDataSource, groupsDisplayFieldMeta, showSecondaryInSearchOnly) || [];\n\n  const [itemsTree, setItemsTree] = useState(\n    isGroupData ? getGroupDataForItemsTree(groupDataSource, groupsDisplayFieldMeta, showSecondaryInSearchOnly) : []\n  );\n\n  const displayFieldMeta = listType !== 'associated' ? getDisplayFieldsMetaData(dataConfig.columns) : null;\n  const getCaseListBasedOnParamsDebounced: any = useRef();\n  const pConn = getPConnect();\n  const contextName = pConn.getContextName();\n  const listActions = pConn.getListActions();\n  const dataApiObj: any = useRef();\n\n  // main search function trigger\n  const getCaseListBasedOnParams = async (searchText, group, selectedRows, currentItemsTree, isTriggeredFromSearch = false) => {\n    if (referenceList && referenceList.length > 0) {\n      selectedRows = await listActions.getSelectedRows(true);\n\n      selectedRows =\n        selectedRows &&\n        selectedRows.map(item => {\n          return {\n            id: item[selectionKey.startsWith('.') ? selectionKey.substring(1) : selectionKey],\n            primary: item[primaryField.startsWith('.') ? primaryField.substring(1) : primaryField]\n          };\n        });\n      setSelectedItems(selectedRows);\n    }\n\n    // if items tree is null or text search is triggered then always should use fresh data object, we use the original object\n    const initalItemsTree = isTriggeredFromSearch || !currentItemsTree ? [...itemsTreeBaseData] : [...currentItemsTree];\n    const res = await doSearch(\n      searchText,\n      group,\n      initialCaseClass,\n      displayFieldMeta,\n      dataApiObj.current,\n      initalItemsTree,\n      isGroupData,\n      showSecondaryInSearchOnly,\n      selectedRows || []\n    );\n    setItemsTree(res);\n  };\n\n  useEffect(() => {\n    if (referenceList && referenceList.length > 0) {\n      pConn.setReferenceList(selectionList);\n    }\n  }, [pConn]);\n\n  useEffect(() => {\n    getCaseListBasedOnParamsDebounced.current = debounce(500, getCaseListBasedOnParams);\n  }, []);\n\n  useEffect(() => {\n    if (listType !== 'associated') {\n      PCore.getDataApi()\n        ?.init(dataConfig, contextName)\n        .then(dataObj => {\n          dataApiObj.current = dataObj;\n          if (!isGroupData) {\n            getCaseListBasedOnParamsDebounced.current(inputValue ?? '', '', [...selectedItems], [...itemsTree]);\n          }\n        });\n    }\n  }, [dataConfig, listType, dataConfig.columns, inputValue, dataConfig.groupColumnsConfig, showSecondaryInSearchOnly]);\n\n  const onSearchHandler = ev => {\n    const searchText = ev.target.value;\n    setInputValue(searchText);\n    getCaseListBasedOnParamsDebounced.current(searchText, '', [...selectedItems], [...itemsTree], true);\n  };\n\n  const setSelectedItemsForReferenceList = item => {\n    // Clear error messages if any\n    const propName = pConn.getStateProps().selectionList;\n    pConn.clearErrorMessages({\n      property: propName\n    });\n    const { selected } = item;\n    if (selected) {\n      insertInstruction(pConn, selectionList, selectionKey, primaryField, item);\n    } else {\n      deleteInstruction(pConn, selectionList, selectionKey, item);\n    }\n  };\n\n  const handleChange = (event, newSelectedValues) => {\n    let clickedItem;\n    let updatedItems: any = [];\n    if (newSelectedValues && newSelectedValues.length > 0) {\n      updatedItems = newSelectedValues.map(ele => {\n        ele.selected = true;\n        return ele;\n      });\n    }\n    if (newSelectedValues.length > selectedItems.length) {\n      clickedItem = newSelectedValues.filter(item => !selectedItems.some((ele: any) => ele.id === item.id));\n    } else {\n      clickedItem = selectedItems.filter((item: any) => !newSelectedValues.some((ele: any) => ele.id === item.id));\n      clickedItem[0].selected = false;\n    }\n    itemsTree.forEach(ele => {\n      ele.selected = !!updatedItems.find(item => item.id === ele.id);\n    });\n\n    setSelectedItems(updatedItems);\n    setItemsTree(itemsTree);\n\n    setInputValue('');\n\n    // if this is a referenceList case\n    if (referenceList) setSelectedItemsForReferenceList(clickedItem[0]);\n  };\n\n  return (\n    <Autocomplete\n      multiple\n      fullWidth\n      options={itemsTree}\n      disableCloseOnSelect\n      // getOptionSelected={(option: any, val: any) => option?.primary === val?.primary}\n      getOptionLabel={(option: any) => option?.primary}\n      onChange={handleChange}\n      value={selectedItems}\n      // renderOption={(_props, option: any, { selected }) => (\n      //   <>\n      //     <Checkbox icon={icon} checkedIcon={checkedIcon} style={{ marginRight: 8 }} checked={selected} />\n      //     {option.primary}\n      //   </>\n      // )}\n      renderInput={params => (\n        <TextField {...params} variant='outlined' fullWidth label={label} placeholder={placeholder} size='small' onChange={onSearchHandler} />\n      )}\n    />\n  );\n}\n"]}

package/lib/components/field/Percentage/Percentage.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { TextField } from '@material-ui/core';
-import { NumericFormat } from 'react-number-format';
 import { useState } from 'react';
+import { NumericFormat } from 'react-number-format';
+import { TextField } from '@mui/material';
 import { getComponentFromMap } from '../../../bridge/helpers/sdk_component_map';
 import { getCurrencyCharacters, getCurrencyOptions } from '../Currency/currency-utils';
 import handleEvent from '../../helpers/event-utils';

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

@@ -1 +1 @@
-{"version":3,"file":"Percentage.js","sourceRoot":"","sources":["../../../../src/components/field/Percentage/Percentage.tsx"],"names":[],"mappings":"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","sourcesContent":["import { TextField } from '@material-ui/core';\nimport { NumericFormat } from 'react-number-format';\nimport { useState } from 'react';\nimport { getComponentFromMap } from '../../../bridge/helpers/sdk_component_map';\nimport { PConnFieldProps } from '../../../types/PConnProps';\nimport { getCurrencyCharacters, getCurrencyOptions } from '../Currency/currency-utils';\nimport handleEvent from '../../helpers/event-utils';\nimport { format } from '../../helpers/formatters';\n\n/* Using react-number-format component here, since it allows formatting decimal values,\nas per the locale.\n*/\ninterface PercentageProps extends PConnFieldProps {\n  // If any, enter additional props that only exist on Percentage here\n  currencyISOCode?: string;\n  showGroupSeparators?: string;\n  decimalPrecision?: number;\n}\n\nexport default function Percentage(props: PercentageProps) {\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,\n    // onBlur,\n    readOnly,\n    currencyISOCode = 'USD',\n    testId,\n    helperText,\n    displayMode,\n    hideLabel,\n    placeholder,\n    showGroupSeparators,\n    decimalPrecision\n  } = props;\n\n  const [values, setValues] = useState(value.toString());\n\n  const pConn = getPConnect();\n  const actions = pConn.getActionsApi();\n  const propName = (pConn.getStateProps() as any).value;\n  const helperTextToDisplay = validatemessage || helperText;\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  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  let testProp = {};\n\n  testProp = {\n    'data-test-id': testId\n  };\n\n  const theSymbols = getCurrencyCharacters(currencyISOCode);\n  const theCurrDec = theSymbols.theDecimalIndicator;\n  const theCurrSep = theSymbols.theDigitGroupSeparator;\n\n  function PercentageOnBlur() {\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      fullWidth\n      variant={readOnly ? 'standard' : 'outlined'}\n      helperText={helperTextToDisplay}\n      placeholder={placeholder ?? ''}\n      size='small'\n      required={required}\n      disabled={disabled}\n      error={status === 'error'}\n      label={label}\n      value={values}\n      onValueChange={val => {\n        handleChange(val);\n      }}\n      onBlur={!readOnly ? PercentageOnBlur : undefined}\n      decimalSeparator={theCurrDec}\n      thousandSeparator={showGroupSeparators ? theCurrSep : ''}\n      decimalScale={decimalPrecision}\n      suffix='%'\n      InputProps={{ ...readOnlyProp, inputProps: { ...testProp } }}\n      customInput={TextField}\n    />\n  );\n}\n"]}
+{"version":3,"file":"Percentage.js","sourceRoot":"","sources":["../../../../src/components/field/Percentage/Percentage.tsx"],"names":[],"mappings":"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","sourcesContent":["import { 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 { getCurrencyCharacters, getCurrencyOptions } from '../Currency/currency-utils';\nimport handleEvent from '../../helpers/event-utils';\nimport { format } from '../../helpers/formatters';\n\n/* Using react-number-format component here, since it allows formatting decimal values,\nas per the locale.\n*/\ninterface PercentageProps extends PConnFieldProps {\n  // If any, enter additional props that only exist on Percentage here\n  currencyISOCode?: string;\n  showGroupSeparators?: string;\n  decimalPrecision?: number;\n}\n\nexport default function Percentage(props: PercentageProps) {\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,\n    // onBlur,\n    readOnly,\n    currencyISOCode = 'USD',\n    testId,\n    helperText,\n    displayMode,\n    hideLabel,\n    placeholder,\n    showGroupSeparators,\n    decimalPrecision\n  } = props;\n\n  const [values, setValues] = useState(value.toString());\n\n  const pConn = getPConnect();\n  const actions = pConn.getActionsApi();\n  const propName = (pConn.getStateProps() as any).value;\n  const helperTextToDisplay = validatemessage || helperText;\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  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  let testProp = {};\n\n  testProp = {\n    'data-test-id': testId\n  };\n\n  const theSymbols = getCurrencyCharacters(currencyISOCode);\n  const theCurrDec = theSymbols.theDecimalIndicator;\n  const theCurrSep = theSymbols.theDigitGroupSeparator;\n\n  function PercentageOnBlur() {\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      fullWidth\n      variant={readOnly ? 'standard' : 'outlined'}\n      helperText={helperTextToDisplay}\n      placeholder={placeholder ?? ''}\n      size='small'\n      required={required}\n      disabled={disabled}\n      error={status === 'error'}\n      label={label}\n      value={values}\n      onValueChange={val => {\n        handleChange(val);\n      }}\n      onBlur={!readOnly ? PercentageOnBlur : undefined}\n      decimalSeparator={theCurrDec}\n      thousandSeparator={showGroupSeparators ? theCurrSep : ''}\n      decimalScale={decimalPrecision}\n      suffix='%'\n      InputProps={{ ...readOnlyProp, inputProps: { ...testProp } }}\n      customInput={TextField}\n    />\n  );\n}\n"]}

package/lib/components/field/Phone/Phone.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import MuiPhoneNumber from 'material-ui-phone-number';
 import { useEffect, useState } from 'react';
+import MuiPhoneNumber from 'material-ui-phone-number-2';
 import { getComponentFromMap } from '../../../bridge/helpers/sdk_component_map';
 import handleEvent from '../../helpers/event-utils';
 export default function Phone(props) {

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

@@ -1 +1 @@
-{"version":3,"file":"Phone.js","sourceRoot":"","sources":["../../../../src/components/field/Phone/Phone.tsx"],"names":[],"mappings":"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","sourcesContent":["import MuiPhoneNumber from 'material-ui-phone-number';\nimport { useEffect, useState } from 'react';\n\nimport { getComponentFromMap } from '../../../bridge/helpers/sdk_component_map';\nimport { PConnFieldProps } from '../../../types/PConnProps';\nimport handleEvent from '../../helpers/event-utils';\n\ninterface PhoneProps extends PConnFieldProps {\n  // If any, enter additional props that only exist on Phone here\n}\n\nexport default function Phone(props: PhoneProps) {\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,\n    readOnly,\n    testId,\n    helperText,\n    displayMode,\n    hideLabel,\n    placeholder\n  } = props;\n\n  const pConn = getPConnect();\n  const actions = pConn.getActionsApi();\n  const propName = (pConn.getStateProps() as any).value;\n\n  const [inputValue, setInputValue] = useState(value);\n  useEffect(() => setInputValue(value), [value]);\n\n  const helperTextToDisplay = validatemessage || helperText;\n\n  let testProp = {};\n\n  testProp = {\n    'data-test-id': testId\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 (readOnly) {\n    const disableDropdown = true;\n    return (\n      <div>\n        <MuiPhoneNumber\n          fullWidth\n          helperText={helperTextToDisplay}\n          placeholder={placeholder ?? ''}\n          size='small'\n          required={required}\n          disabled={disabled}\n          onChange={onChange}\n          error={status === 'error'}\n          label={label}\n          value={value}\n          InputProps={{\n            readOnly: true,\n            inputProps: { ...testProp }\n          }}\n          disableDropdown={disableDropdown}\n        />\n      </div>\n    );\n  }\n\n  const handleChange = inputVal => {\n    setInputValue(inputVal);\n  };\n\n  const handleBlur = event => {\n    const phoneValue = event?.target?.value;\n    let phoneNumber = phoneValue.split(' ').slice(1).join();\n    phoneNumber = phoneNumber ? `+${phoneValue && phoneValue.replace(/\\D+/g, '')}` : '';\n    handleEvent(actions, 'changeNblur', propName, phoneNumber);\n  };\n\n  return (\n    <MuiPhoneNumber\n      fullWidth\n      variant='outlined'\n      helperText={helperTextToDisplay}\n      placeholder={placeholder ?? ''}\n      size='small'\n      defaultCountry='us'\n      required={required}\n      disabled={disabled}\n      onChange={handleChange}\n      onBlur={!readOnly ? handleBlur : undefined}\n      error={status === 'error'}\n      label={label}\n      value={inputValue}\n      InputProps={{ ...testProp }}\n    />\n  );\n}\n"]}
+{"version":3,"file":"Phone.js","sourceRoot":"","sources":["../../../../src/components/field/Phone/Phone.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,cAAc,MAAM,4BAA4B,CAAC;AAExD,OAAO,EAAE,mBAAmB,EAAE,MAAM,2CAA2C,CAAC;AAEhF,OAAO,WAAW,MAAM,2BAA2B,CAAC;AAMpD,MAAM,CAAC,OAAO,UAAU,KAAK,CAAC,KAAiB;IAC7C,8EAA8E;IAC9E,MAAM,cAAc,GAAG,mBAAmB,CAAC,gBAAgB,CAAC,CAAC;IAE7D,MAAM,EACJ,WAAW,EACX,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,KAAK,GAAG,EAAE,EACV,eAAe,EACf,MAAM,EACN,QAAQ,EACR,QAAQ,EACR,MAAM,EACN,UAAU,EACV,WAAW,EACX,SAAS,EACT,WAAW,EACZ,GAAG,KAAK,CAAC;IAEV,MAAM,KAAK,GAAG,WAAW,EAAE,CAAC;IAC5B,MAAM,OAAO,GAAG,KAAK,CAAC,aAAa,EAAE,CAAC;IACtC,MAAM,QAAQ,GAAI,KAAK,CAAC,aAAa,EAAU,CAAC,KAAK,CAAC;IAEtD,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IACpD,SAAS,CAAC,GAAG,EAAE,CAAC,aAAa,CAAC,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAE/C,MAAM,mBAAmB,GAAG,eAAe,IAAI,UAAU,CAAC;IAE1D,IAAI,QAAQ,GAAG,EAAE,CAAC;IAElB,QAAQ,GAAG;QACT,cAAc,EAAE,MAAM;KACvB,CAAC;IAEF,IAAI,WAAW,KAAK,aAAa,EAAE;QACjC,OAAO,KAAC,cAAc,IAAC,IAAI,EAAE,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,KAAK,GAAI,CAAC;KACvE;IAED,IAAI,WAAW,KAAK,mBAAmB,EAAE;QACvC,OAAO,KAAC,cAAc,IAAC,IAAI,EAAE,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,OAAO,EAAC,SAAS,GAAG,CAAC;KACzF;IAED,IAAI,QAAQ,EAAE;QACZ,MAAM,eAAe,GAAG,IAAI,CAAC;QAC7B,OAAO,CACL,wBACE,KAAC,cAAc,IACb,SAAS,QACT,UAAU,EAAE,mBAAmB,EAC/B,WAAW,EAAE,WAAW,IAAI,EAAE,EAC9B,IAAI,EAAC,OAAO,EACZ,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,MAAM,KAAK,OAAO,EACzB,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,KAAK,EACZ,UAAU,EAAE;oBACV,QAAQ,EAAE,IAAI;oBACd,UAAU,EAAE,EAAE,GAAG,QAAQ,EAAE;iBAC5B,EACD,eAAe,EAAE,eAAe,GAChC,GACE,CACP,CAAC;KACH;IAED,MAAM,YAAY,GAAG,QAAQ,CAAC,EAAE;QAC9B,aAAa,CAAC,QAAQ,CAAC,CAAC;IAC1B,CAAC,CAAC;IAEF,MAAM,UAAU,GAAG,KAAK,CAAC,EAAE;QACzB,MAAM,UAAU,GAAG,KAAK,EAAE,MAAM,EAAE,KAAK,CAAC;QACxC,IAAI,WAAW,GAAG,UAAU,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI,EAAE,CAAC;QACxD,WAAW,GAAG,WAAW,CAAC,CAAC,CAAC,IAAI,UAAU,IAAI,UAAU,CAAC,OAAO,CAAC,MAAM,EAAE,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;QACpF,WAAW,CAAC,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,WAAW,CAAC,CAAC;IAC7D,CAAC,CAAC;IAEF,OAAO,CACL,KAAC,cAAc,IACb,SAAS,QACT,OAAO,EAAC,UAAU,EAClB,UAAU,EAAE,mBAAmB,EAC/B,WAAW,EAAE,WAAW,IAAI,EAAE,EAC9B,IAAI,EAAC,OAAO,EACZ,cAAc,EAAC,IAAI,EACnB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,YAAY,EACtB,MAAM,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,SAAS,EAC1C,KAAK,EAAE,MAAM,KAAK,OAAO,EACzB,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,UAAU,EACjB,UAAU,EAAE,EAAE,GAAG,QAAQ,EAAE,GAC3B,CACH,CAAC;AACJ,CAAC","sourcesContent":["import { useEffect, useState } from 'react';\nimport MuiPhoneNumber from 'material-ui-phone-number-2';\n\nimport { getComponentFromMap } from '../../../bridge/helpers/sdk_component_map';\nimport { PConnFieldProps } from '../../../types/PConnProps';\nimport handleEvent from '../../helpers/event-utils';\n\ninterface PhoneProps extends PConnFieldProps {\n  // If any, enter additional props that only exist on Phone here\n}\n\nexport default function Phone(props: PhoneProps) {\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,\n    readOnly,\n    testId,\n    helperText,\n    displayMode,\n    hideLabel,\n    placeholder\n  } = props;\n\n  const pConn = getPConnect();\n  const actions = pConn.getActionsApi();\n  const propName = (pConn.getStateProps() as any).value;\n\n  const [inputValue, setInputValue] = useState(value);\n  useEffect(() => setInputValue(value), [value]);\n\n  const helperTextToDisplay = validatemessage || helperText;\n\n  let testProp = {};\n\n  testProp = {\n    'data-test-id': testId\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 (readOnly) {\n    const disableDropdown = true;\n    return (\n      <div>\n        <MuiPhoneNumber\n          fullWidth\n          helperText={helperTextToDisplay}\n          placeholder={placeholder ?? ''}\n          size='small'\n          required={required}\n          disabled={disabled}\n          onChange={onChange}\n          error={status === 'error'}\n          label={label}\n          value={value}\n          InputProps={{\n            readOnly: true,\n            inputProps: { ...testProp }\n          }}\n          disableDropdown={disableDropdown}\n        />\n      </div>\n    );\n  }\n\n  const handleChange = inputVal => {\n    setInputValue(inputVal);\n  };\n\n  const handleBlur = event => {\n    const phoneValue = event?.target?.value;\n    let phoneNumber = phoneValue.split(' ').slice(1).join();\n    phoneNumber = phoneNumber ? `+${phoneValue && phoneValue.replace(/\\D+/g, '')}` : '';\n    handleEvent(actions, 'changeNblur', propName, phoneNumber);\n  };\n\n  return (\n    <MuiPhoneNumber\n      fullWidth\n      variant='outlined'\n      helperText={helperTextToDisplay}\n      placeholder={placeholder ?? ''}\n      size='small'\n      defaultCountry='us'\n      required={required}\n      disabled={disabled}\n      onChange={handleChange}\n      onBlur={!readOnly ? handleBlur : undefined}\n      error={status === 'error'}\n      label={label}\n      value={inputValue}\n      InputProps={{ ...testProp }}\n    />\n  );\n}\n"]}

package/lib/components/field/RadioButtons/RadioButtons.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useState, useEffect } from 'react';
-import { Radio, RadioGroup, FormControl, FormControlLabel, FormLabel, FormHelperText } from '@material-ui/core';
+import { Radio, RadioGroup, FormControl, FormControlLabel, FormLabel, FormHelperText } from '@mui/material';
 import Utils from '../../helpers/utils';
 import handleEvent from '../../helpers/event-utils';
 import { getComponentFromMap } from '../../../bridge/helpers/sdk_component_map';
@@ -48,7 +48,7 @@ export default function RadioButtons(props) {
     const handleBlur = event => {
         thePConn.getValidationApi().validate(event.target.value, ''); // 2nd arg empty string until typedef marked correctly as optional
     };
-    return (_jsxs(FormControl, { error: status === 'error', required: required, children: [_jsx(FormLabel, { component: 'legend', children: label }), _jsx(RadioGroup, { value: theSelectedButton, onChange: handleChange, onBlur: !readOnly ? handleBlur : undefined, row: inline, children: theOptions.map(theOption => {
+    return (_jsxs(FormControl, { variant: 'standard', error: status === 'error', required: required, children: [_jsx(FormLabel, { component: 'legend', children: label }), _jsx(RadioGroup, { value: theSelectedButton, onChange: handleChange, onBlur: !readOnly ? handleBlur : undefined, row: inline, children: theOptions.map(theOption => {
                     return (_jsx(FormControlLabel, { value: theOption.key, label: thePConn.getLocalizedValue(theOption.value, localePath, 
                         // @ts-ignore - Property 'getLocaleRuleNameFromKeys' is private and only accessible within class 'C11nEnv'
                         thePConn.getLocaleRuleNameFromKeys(localeClass, localeContext, localeName)), control: _jsx(Radio, { color: 'primary', disabled: readOnly }, theOption.key) }, theOption.key));