@pega/react-sdk-components 23.1.10 → 23.1.12

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

@@ -1,44 +1,41 @@
-import React from 'react';
-import { TextField } from '@material-ui/core';
-import { makeStyles } from '@material-ui/core/styles';
+import { jsx as _jsx } from "react/jsx-runtime";
+import CurrencyTextField from '@unicef/material-ui-currency-textfield';
 import { getComponentFromMap } from '../../../bridge/helpers/sdk_component_map';
-// Inspired by https://stackoverflow.com/questions/50823182/material-ui-remove-up-down-arrow-dials-from-textview
-const useStyles = makeStyles(( /* theme */) => ({
-    input: {
-        '& input[type=number]': {
-            '-moz-appearance': 'textfield'
-        },
-        '& input[type=number]::-webkit-outer-spin-button': {
-            '-webkit-appearance': 'none',
-            margin: 0
-        },
-        '& input[type=number]::-webkit-inner-spin-button': {
-            '-webkit-appearance': 'none',
-            margin: 0
-        }
-    }
-}));
+import { getCurrencyCharacters, getCurrencyOptions } from '../Currency/currency-utils';
+import handleEvent from '../../helpers/event-utils';
+import { format } from '../../helpers/formatters';
 export default function Percentage(props) {
     // Get emitted components from map (so we can get any override that may exist)
-    const TextInput = getComponentFromMap('TextInput');
     const FieldValueList = getComponentFromMap('FieldValueList');
-    const classes = useStyles();
-    const { label, required, disabled, value = '', validatemessage, status, onChange, onBlur, readOnly, testId, helperText, displayMode, hideLabel } = props;
+    const { getPConnect, label, required, disabled, value = '', validatemessage, status, 
+    // onChange,
+    // onBlur,
+    readOnly, currencyISOCode = 'USD', testId, helperText, displayMode, hideLabel, placeholder } = props;
+    const pConn = getPConnect();
+    const actions = pConn.getActionsApi();
+    const propName = pConn.getStateProps().value;
     const helperTextToDisplay = validatemessage || helperText;
+    const theCurrencyOptions = getCurrencyOptions(currencyISOCode);
+    const formattedValue = format(value, pConn.getComponentName().toLowerCase(), theCurrencyOptions);
     // console.log(`Percentage: label: ${label} value: ${value}`);
     if (displayMode === 'LABELS_LEFT') {
-        return React.createElement(FieldValueList, { name: hideLabel ? '' : label, value: value });
+        return _jsx(FieldValueList, { name: hideLabel ? '' : label, value: formattedValue });
     }
     if (displayMode === 'STACKED_LARGE_VAL') {
-        return React.createElement(FieldValueList, { name: hideLabel ? '' : label, value: value, variant: "stacked" });
-    }
-    if (readOnly) {
-        return React.createElement(TextInput, { ...props });
+        return _jsx(FieldValueList, { name: hideLabel ? '' : label, value: formattedValue, variant: 'stacked' });
     }
     let testProp = {};
     testProp = {
         'data-test-id': testId
     };
-    return (React.createElement(TextField, { className: classes.input, fullWidth: true, variant: readOnly ? 'standard' : 'outlined', helperText: helperTextToDisplay, placeholder: "", size: "small", required: required, disabled: disabled, onChange: onChange, onBlur: !readOnly ? onBlur : undefined, error: status === 'error', label: label, value: value, type: "number", inputProps: { ...testProp } }));
+    const theSymbols = getCurrencyCharacters(currencyISOCode);
+    const theCurrDec = theSymbols.theDecimalIndicator;
+    const theCurrSep = theSymbols.theDigitGroupSeparator;
+    function PercentageOnBlur(event, inValue) {
+        handleEvent(actions, 'changeNblur', propName, inValue !== '' ? Number(inValue) : inValue);
+    }
+    return (_jsx(CurrencyTextField, { fullWidth: true, variant: readOnly ? 'standard' : 'outlined', helperText: helperTextToDisplay, placeholder: placeholder ?? '', size: 'small', required: required, disabled: disabled, readOnly: !!readOnly, error: status === 'error', label: label, value: value, type: 'text', outputFormat: 'number', textAlign: 'left', InputProps: {
+            inputProps: { ...testProp }
+        }, currencySymbol: '', decimalCharacter: theCurrDec, digitGroupSeparator: theCurrSep, onBlur: !readOnly ? PercentageOnBlur : undefined }));
 }
 //# sourceMappingURL=Percentage.js.map

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":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAC9C,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AAEtD,OAAO,EAAE,mBAAmB,EAAE,MAAM,2CAA2C,CAAC;AAGhF,gHAAgH;AAChH,MAAM,SAAS,GAAG,UAAU,CAAC,EAAC,WAAW,EAAE,EAAE,CAAC,CAAC;IAC7C,KAAK,EAAE;QACL,sBAAsB,EAAE;YACtB,iBAAiB,EAAE,WAAW;SAC/B;QACD,iDAAiD,EAAE;YACjD,oBAAoB,EAAE,MAAM;YAC5B,MAAM,EAAE,CAAC;SACV;QACD,iDAAiD,EAAE;YACjD,oBAAoB,EAAE,MAAM;YAC5B,MAAM,EAAE,CAAC;SACV;KACF;CACF,CAAC,CAAC,CAAC;AAMJ,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,KAAsB;IACvD,8EAA8E;IAC9E,MAAM,SAAS,GAAG,mBAAmB,CAAC,WAAW,CAAC,CAAC;IACnD,MAAM,cAAc,GAAG,mBAAmB,CAAC,gBAAgB,CAAC,CAAC;IAE7D,MAAM,OAAO,GAAG,SAAS,EAAE,CAAC;IAE5B,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,EACV,GAAG,KAAK,CAAC;IACV,MAAM,mBAAmB,GAAG,eAAe,IAAI,UAAU,CAAC;IAE1D,8DAA8D;IAE9D,IAAI,WAAW,KAAK,aAAa,EAAE;QACjC,OAAO,oBAAC,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,oBAAC,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,oBAAC,SAAS,OAAK,KAAK,GAAI,CAAC;KACjC;IAED,IAAI,QAAQ,GAAG,EAAE,CAAC;IAElB,QAAQ,GAAG;QACT,cAAc,EAAE,MAAM;KACvB,CAAC;IAEF,OAAO,CACL,oBAAC,SAAS,IACR,SAAS,EAAE,OAAO,CAAC,KAAK,EACxB,SAAS,QACT,OAAO,EAAE,QAAQ,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,UAAU,EAC3C,UAAU,EAAE,mBAAmB,EAC/B,WAAW,EAAC,EAAE,EACd,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,QAAQ,EACb,UAAU,EAAE,EAAE,GAAG,QAAQ,EAAE,GAC3B,CACH,CAAC;AACJ,CAAC","sourcesContent":["import React from 'react';\nimport { TextField } from '@material-ui/core';\nimport { makeStyles } from '@material-ui/core/styles';\n\nimport { getComponentFromMap } from '../../../bridge/helpers/sdk_component_map';\nimport type { PConnFieldProps } from '../../../types/PConnProps';\n\n// Inspired by https://stackoverflow.com/questions/50823182/material-ui-remove-up-down-arrow-dials-from-textview\nconst useStyles = makeStyles((/* theme */) => ({\n  input: {\n    '& input[type=number]': {\n      '-moz-appearance': 'textfield'\n    },\n    '& input[type=number]::-webkit-outer-spin-button': {\n      '-webkit-appearance': 'none',\n      margin: 0\n    },\n    '& input[type=number]::-webkit-inner-spin-button': {\n      '-webkit-appearance': 'none',\n      margin: 0\n    }\n  }\n}));\n\ninterface PercentageProps extends PConnFieldProps {\n  // If any, enter additional props that only exist on Percentage here\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 TextInput = getComponentFromMap('TextInput');\n  const FieldValueList = getComponentFromMap('FieldValueList');\n\n  const classes = useStyles();\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  } = props;\n  const helperTextToDisplay = validatemessage || helperText;\n\n  // console.log(`Percentage: 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  return (\n    <TextField\n      className={classes.input}\n      fullWidth\n      variant={readOnly ? 'standard' : 'outlined'}\n      helperText={helperTextToDisplay}\n      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=\"number\"\n      inputProps={{ ...testProp }}\n    />\n  );\n}\n"]}
+{"version":3,"file":"Percentage.js","sourceRoot":"","sources":["../../../../src/components/field/Percentage/Percentage.tsx"],"names":[],"mappings":";AAAA,OAAO,iBAAiB,MAAM,wCAAwC,CAAC;AAEvE,OAAO,EAAE,mBAAmB,EAAE,MAAM,2CAA2C,CAAC;AAEhF,OAAO,EAAE,qBAAqB,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AACvF,OAAO,WAAW,MAAM,2BAA2B,CAAC;AACpD,OAAO,EAAE,MAAM,EAAE,MAAM,0BAA0B,CAAC;AAUlD,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,KAAsB;IACvD,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;IACN,YAAY;IACZ,UAAU;IACV,QAAQ,EACR,eAAe,GAAG,KAAK,EACvB,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;IACtD,MAAM,mBAAmB,GAAG,eAAe,IAAI,UAAU,CAAC;IAE1D,MAAM,kBAAkB,GAAG,kBAAkB,CAAC,eAAe,CAAC,CAAC;IAC/D,MAAM,cAAc,GAAG,MAAM,CAAC,KAAK,EAAE,KAAK,CAAC,gBAAgB,EAAE,CAAC,WAAW,EAAE,EAAE,kBAAkB,CAAC,CAAC;IAEjG,8DAA8D;IAE9D,IAAI,WAAW,KAAK,aAAa,EAAE;QACjC,OAAO,KAAC,cAAc,IAAC,IAAI,EAAE,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,cAAc,GAAI,CAAC;KAChF;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,cAAc,EAAE,OAAO,EAAC,SAAS,GAAG,CAAC;KAClG;IAED,IAAI,QAAQ,GAAG,EAAE,CAAC;IAElB,QAAQ,GAAG;QACT,cAAc,EAAE,MAAM;KACvB,CAAC;IAEF,MAAM,UAAU,GAAG,qBAAqB,CAAC,eAAe,CAAC,CAAC;IAC1D,MAAM,UAAU,GAAG,UAAU,CAAC,mBAAmB,CAAC;IAClD,MAAM,UAAU,GAAG,UAAU,CAAC,sBAAsB,CAAC;IAErD,SAAS,gBAAgB,CAAC,KAAK,EAAE,OAAO;QACtC,WAAW,CAAC,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,OAAO,KAAK,EAAE,CAAC,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC;IAC5F,CAAC;IAED,OAAO,CACL,KAAC,iBAAiB,IAChB,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,CAAC,CAAC,QAAQ,EACpB,KAAK,EAAE,MAAM,KAAK,OAAO,EACzB,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,KAAK,EACZ,IAAI,EAAC,MAAM,EACX,YAAY,EAAC,QAAQ,EACrB,SAAS,EAAC,MAAM,EAChB,UAAU,EAAE;YACV,UAAU,EAAE,EAAE,GAAG,QAAQ,EAAE;SAC5B,EACD,cAAc,EAAC,EAAE,EACjB,gBAAgB,EAAE,UAAU,EAC5B,mBAAmB,EAAE,UAAU,EAC/B,MAAM,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,SAAS,GAChD,CACH,CAAC;AACJ,CAAC","sourcesContent":["import CurrencyTextField from '@unicef/material-ui-currency-textfield';\n\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 @unicef/material-ui-currency-textfield 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}\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  } = 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  const theCurrencyOptions = getCurrencyOptions(currencyISOCode);\n  const formattedValue = format(value, pConn.getComponentName().toLowerCase(), theCurrencyOptions);\n\n  // console.log(`Percentage: label: ${label} value: ${value}`);\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(event, inValue) {\n    handleEvent(actions, 'changeNblur', propName, inValue !== '' ? Number(inValue) : inValue);\n  }\n\n  return (\n    <CurrencyTextField\n      fullWidth\n      variant={readOnly ? 'standard' : 'outlined'}\n      helperText={helperTextToDisplay}\n      placeholder={placeholder ?? ''}\n      size='small'\n      required={required}\n      disabled={disabled}\n      readOnly={!!readOnly}\n      error={status === 'error'}\n      label={label}\n      value={value}\n      type='text'\n      outputFormat='number'\n      textAlign='left'\n      InputProps={{\n        inputProps: { ...testProp }\n      }}\n      currencySymbol=''\n      decimalCharacter={theCurrDec}\n      digitGroupSeparator={theCurrSep}\n      onBlur={!readOnly ? PercentageOnBlur : undefined}\n    />\n  );\n}\n"]}

package/lib/components/field/Phone/Phone.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import type { PConnFieldProps } from '../../../types/PConnProps';
+import { PConnFieldProps } from '../../../types/PConnProps';
 interface PhoneProps extends PConnFieldProps {
 }
 export default function Phone(props: PhoneProps): JSX.Element;

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

@@ -1 +1 @@
-{"version":3,"file":"Phone.d.ts","sourceRoot":"","sources":["../../../../src/components/field/Phone/Phone.tsx"],"names":[],"mappings":";AAGA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,2BAA2B,CAAC;AAEjE,UAAU,UAAW,SAAQ,eAAe;CAE3C;AAED,MAAM,CAAC,OAAO,UAAU,KAAK,CAAC,KAAK,EAAE,UAAU,eA0F9C"}
+{"version":3,"file":"Phone.d.ts","sourceRoot":"","sources":["../../../../src/components/field/Phone/Phone.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAE,eAAe,EAAE,MAAM,2BAA2B,CAAC;AAE5D,UAAU,UAAW,SAAQ,eAAe;CAE3C;AAED,MAAM,CAAC,OAAO,UAAU,KAAK,CAAC,KAAK,EAAE,UAAU,eA2F9C"}

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

@@ -1,39 +1,38 @@
-import React from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
 import MuiPhoneNumber from 'material-ui-phone-number';
 import { getComponentFromMap } from '../../../bridge/helpers/sdk_component_map';
 export default function Phone(props) {
     // Get emitted components from map (so we can get any override that may exist)
     const FieldValueList = getComponentFromMap('FieldValueList');
-    const { label, required, disabled, value = '', validatemessage, status, onChange, onBlur, readOnly, testId, helperText, displayMode, hideLabel } = props;
+    const { label, required, disabled, value = '', validatemessage, status, onChange, onBlur, readOnly, testId, helperText, displayMode, hideLabel, placeholder } = props;
     const helperTextToDisplay = validatemessage || helperText;
     let testProp = {};
     testProp = {
         'data-test-id': testId
     };
     if (displayMode === 'LABELS_LEFT') {
-        return React.createElement(FieldValueList, { name: hideLabel ? '' : label, value: value });
+        return _jsx(FieldValueList, { name: hideLabel ? '' : label, value: value });
     }
     if (displayMode === 'STACKED_LARGE_VAL') {
-        return React.createElement(FieldValueList, { name: hideLabel ? '' : label, value: value, variant: "stacked" });
+        return _jsx(FieldValueList, { name: hideLabel ? '' : label, value: value, variant: 'stacked' });
     }
     if (readOnly) {
         const disableDropdown = true;
-        return (React.createElement("div", null,
-            React.createElement(MuiPhoneNumber, { fullWidth: true, helperText: helperTextToDisplay, placeholder: "", size: "small", required: required, disabled: disabled, onChange: onChange, error: status === 'error', label: label, value: value, InputProps: {
+        return (_jsx("div", { children: _jsx(MuiPhoneNumber, { fullWidth: true, helperText: helperTextToDisplay, placeholder: placeholder ?? '', size: 'small', required: required, disabled: disabled, onChange: onChange, error: status === 'error', label: label, value: value, InputProps: {
                     readOnly: true,
                     inputProps: { ...testProp }
-                }, disableDropdown: disableDropdown })));
+                }, disableDropdown: disableDropdown }) }));
     }
-    const handleChange = (inputVal) => {
+    const handleChange = inputVal => {
         let phoneValue = inputVal && inputVal.replace(/\D+/g, '');
         phoneValue = `+${phoneValue}`;
         onChange({ value: phoneValue });
     };
-    const handleBlur = (event) => {
+    const handleBlur = event => {
         const phoneValue = event?.target?.value;
         event.target.value = `+${phoneValue && phoneValue.replace(/\D+/g, '')}`;
         onBlur(event);
     };
-    return (React.createElement(MuiPhoneNumber, { fullWidth: true, variant: "outlined", helperText: helperTextToDisplay, placeholder: "", size: "small", defaultCountry: "us", required: required, disabled: disabled, onChange: handleChange, onBlur: !readOnly ? handleBlur : undefined, error: status === 'error', label: label, value: value, InputProps: { ...testProp } }));
+    return (_jsx(MuiPhoneNumber, { fullWidth: true, variant: 'outlined', helperText: helperTextToDisplay, placeholder: placeholder ?? '', size: 'small', defaultCountry: 'us', required: required, disabled: disabled, onChange: handleChange, onBlur: !readOnly ? handleBlur : undefined, error: status === 'error', label: label, value: value, InputProps: { ...testProp } }));
 }
 //# sourceMappingURL=Phone.js.map

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 React from 'react';\nimport MuiPhoneNumber from 'material-ui-phone-number';\nimport { getComponentFromMap } from '../../../bridge/helpers/sdk_component_map';\nimport type { PConnFieldProps } from '../../../types/PConnProps';\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    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  } = props;\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=\"\"\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    let phoneValue = inputVal && inputVal.replace(/\\D+/g, '');\n    phoneValue = `+${phoneValue}`;\n    onChange({ value: phoneValue });\n  };\n\n  const handleBlur = (event) => {\n    const phoneValue = event?.target?.value;\n    event.target.value = `+${phoneValue && phoneValue.replace(/\\D+/g, '')}`;\n    onBlur(event);\n  };\n\n  return (\n    <MuiPhoneNumber\n      fullWidth\n      variant=\"outlined\"\n      helperText={helperTextToDisplay}\n      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={value}\n      InputProps={{ ...testProp }}\n    />\n  );\n}\n"]}
+{"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';\n\nimport { getComponentFromMap } from '../../../bridge/helpers/sdk_component_map';\nimport { PConnFieldProps } from '../../../types/PConnProps';\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    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  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    let phoneValue = inputVal && inputVal.replace(/\\D+/g, '');\n    phoneValue = `+${phoneValue}`;\n    onChange({ value: phoneValue });\n  };\n\n  const handleBlur = event => {\n    const phoneValue = event?.target?.value;\n    event.target.value = `+${phoneValue && phoneValue.replace(/\\D+/g, '')}`;\n    onBlur(event);\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={value}\n      InputProps={{ ...testProp }}\n    />\n  );\n}\n"]}

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/field/Phone/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,SAAS,CAAC","sourcesContent":["export { default } from './Phone';"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/field/Phone/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,SAAS,CAAC","sourcesContent":["export { default } from './Phone';\n"]}

package/lib/components/field/RadioButtons/RadioButtons.d.ts

@@ -1,3 +1,9 @@
 /// <reference types="react" />
-export default function RadioButtons(props: any): JSX.Element;
+import { PConnFieldProps } from '../../../types/PConnProps';
+interface RadioButtonsProps extends PConnFieldProps {
+    inline: boolean;
+    fieldMetadata?: any;
+}
+export default function RadioButtons(props: RadioButtonsProps): JSX.Element;
+export {};
 //# sourceMappingURL=RadioButtons.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"RadioButtons.d.ts","sourceRoot":"","sources":["../../../../src/components/field/RadioButtons/RadioButtons.tsx"],"names":[],"mappings":";AAgBA,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,KAAK,KAAA,eAiGzC"}
+{"version":3,"file":"RadioButtons.d.ts","sourceRoot":"","sources":["../../../../src/components/field/RadioButtons/RadioButtons.tsx"],"names":[],"mappings":";AAMA,OAAO,EAAE,eAAe,EAAE,MAAM,2BAA2B,CAAC;AAG5D,UAAU,iBAAkB,SAAQ,eAAe;IAEjD,MAAM,EAAE,OAAO,CAAC;IAChB,aAAa,CAAC,EAAE,GAAG,CAAC;CACrB;AAED,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,KAAK,EAAE,iBAAiB,eAoG5D"}

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

@@ -1,16 +1,10 @@
-import React, { useState, useEffect } from 'react';
+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 Utils from '../../helpers/utils';
 import handleEvent from '../../helpers/event-utils';
 import { getComponentFromMap } from '../../../bridge/helpers/sdk_component_map';
-// import type { PConnFieldProps } from '../../../types/PConnProps';
-// Can't use RadioButtonProps until getLocaleRuleNameFromKeys is NOT private
-// interface RadioButtonsProps extends PConnFieldProps {
-//   // If any, enter additional props that only exist on RadioButtons here
-//   inline: boolean,
-//   fieldMetadata?: any
-// }
-export default function RadioButtons(props /* : RadioButtonsProps */) {
+export default function RadioButtons(props) {
     // Get emitted components from map (so we can get any override that may exist)
     const FieldValueList = getComponentFromMap('FieldValueList');
     const { getPConnect, label, value = '', readOnly, validatemessage, helperText, status, required, inline, displayMode, hideLabel, fieldMetadata } = props;
@@ -18,13 +12,13 @@ export default function RadioButtons(props /* : RadioButtonsProps */) {
     const thePConn = getPConnect();
     const theConfigProps = thePConn.getConfigProps();
     const actionsApi = thePConn.getActionsApi();
-    const propName = thePConn.getStateProps()["value"];
+    const propName = thePConn.getStateProps().value;
     const helperTextToDisplay = validatemessage || helperText;
     const className = thePConn.getCaseInfo().getClassName();
     let configProperty = thePConn.getRawMetadata()?.config?.value || '';
     configProperty = configProperty.startsWith('@P') ? configProperty.substring(3) : configProperty;
     configProperty = configProperty.startsWith('.') ? configProperty.substring(1) : configProperty;
-    const metaData = Array.isArray(fieldMetadata) ? fieldMetadata.filter((field) => field?.classID === className)[0] : fieldMetadata;
+    const metaData = Array.isArray(fieldMetadata) ? fieldMetadata.filter(field => field?.classID === className)[0] : fieldMetadata;
     let displayName = metaData?.datasource?.propertyForDisplayText;
     displayName = displayName?.slice(displayName.lastIndexOf('.') + 1);
     const localeContext = metaData?.datasource?.tableType === 'DataPage' ? 'datapage' : 'associated';
@@ -39,22 +33,25 @@ export default function RadioButtons(props /* : RadioButtonsProps */) {
         setSelectedButton(value);
     }, [value]);
     if (displayMode === 'LABELS_LEFT') {
-        return (React.createElement(FieldValueList, { name: hideLabel ? '' : label, value: thePConn.getLocalizedValue(value, localePath, thePConn.getLocaleRuleNameFromKeys(localeClass, localeContext, localeName)) }));
+        return (_jsx(FieldValueList, { name: hideLabel ? '' : label, 
+            // @ts-ignore - Property 'getLocaleRuleNameFromKeys' is private and only accessible within class 'C11nEnv'
+            value: thePConn.getLocalizedValue(value, localePath, thePConn.getLocaleRuleNameFromKeys(localeClass, localeContext, localeName)) }));
     }
     if (displayMode === 'STACKED_LARGE_VAL') {
-        return (React.createElement(FieldValueList, { name: hideLabel ? '' : label, value: thePConn.getLocalizedValue(value, localePath, thePConn.getLocaleRuleNameFromKeys(localeClass, localeContext, localeName)), variant: "stacked" }));
+        return (_jsx(FieldValueList, { name: hideLabel ? '' : label, 
+            // @ts-ignore - Property 'getLocaleRuleNameFromKeys' is private and only accessible within class 'C11nEnv'
+            value: thePConn.getLocalizedValue(value, localePath, thePConn.getLocaleRuleNameFromKeys(localeClass, localeContext, localeName)), variant: 'stacked' }));
     }
-    const handleChange = (event) => {
+    const handleChange = event => {
         handleEvent(actionsApi, 'changeNblur', propName, event.target.value);
     };
-    const handleBlur = (event) => {
+    const handleBlur = event => {
         thePConn.getValidationApi().validate(event.target.value, ''); // 2nd arg empty string until typedef marked correctly as optional
     };
-    return (React.createElement(FormControl, { error: status === 'error', required: required },
-        React.createElement(FormLabel, { component: "legend" }, label),
-        React.createElement(RadioGroup, { value: theSelectedButton, onChange: handleChange, onBlur: !readOnly ? handleBlur : undefined, row: inline }, theOptions.map((theOption) => {
-            return (React.createElement(FormControlLabel, { value: theOption.key, key: theOption.key, label: thePConn.getLocalizedValue(theOption.value, localePath, thePConn.getLocaleRuleNameFromKeys(localeClass, localeContext, localeName)), control: React.createElement(Radio, { key: theOption.key, color: "primary", disabled: readOnly }) }));
-        })),
-        React.createElement(FormHelperText, null, helperTextToDisplay)));
+    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 (_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));
+                }) }), _jsx(FormHelperText, { children: helperTextToDisplay })] }));
 }
 //# sourceMappingURL=RadioButtons.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"RadioButtons.js","sourceRoot":"","sources":["../../../../src/components/field/RadioButtons/RadioButtons.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { useState, useEffect } from 'react';\nimport { Radio, RadioGroup, FormControl, FormControlLabel, FormLabel, FormHelperText } from '@material-ui/core';\n\nimport Utils from '../../helpers/utils';\nimport handleEvent from '../../helpers/event-utils';\nimport { getComponentFromMap } from '../../../bridge/helpers/sdk_component_map';\n// import type { PConnFieldProps } from '../../../types/PConnProps';\n\n// Can't use RadioButtonProps until getLocaleRuleNameFromKeys is NOT private\n// interface RadioButtonsProps extends PConnFieldProps {\n//   // If any, enter additional props that only exist on RadioButtons here\n//   inline: boolean,\n//   fieldMetadata?: any\n// }\n\n\nexport default function RadioButtons(props /* : RadioButtonsProps */ ) {\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    value = '',\n    readOnly,\n    validatemessage,\n    helperText,\n    status,\n    required,\n    inline,\n    displayMode,\n    hideLabel,\n    fieldMetadata\n  } = props;\n  const [theSelectedButton, setSelectedButton] = useState(value);\n\n  const thePConn = getPConnect();\n  const theConfigProps = thePConn.getConfigProps();\n  const actionsApi = thePConn.getActionsApi();\n  const propName = thePConn.getStateProps()[\"value\"];\n  const helperTextToDisplay = validatemessage || helperText;\n  const className = thePConn.getCaseInfo().getClassName();\n\n  let configProperty = thePConn.getRawMetadata()?.config?.value || '';\n  configProperty = configProperty.startsWith('@P') ? configProperty.substring(3) : configProperty;\n  configProperty = configProperty.startsWith('.') ? configProperty.substring(1) : configProperty;\n\n  const metaData = Array.isArray(fieldMetadata) ? fieldMetadata.filter((field) => field?.classID === className)[0] : fieldMetadata;\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 : configProperty;\n  const localePath = localeContext === 'datapage' ? displayName : localeName;\n\n  // theOptions will be an array of JSON objects that are literally key/value pairs.\n  //  Ex: [ {key: \"Basic\", value: \"Basic\"} ]\n  const theOptions = Utils.getOptionList(theConfigProps, thePConn.getDataObject(''));\n\n  useEffect(() => {\n    // This update theSelectedButton which will update the UI to show the selected button correctly\n    setSelectedButton(value);\n  }, [value]);\n\n  if (displayMode === 'LABELS_LEFT') {\n    return (\n      <FieldValueList\n        name={hideLabel ? '' : label}\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        value={thePConn.getLocalizedValue(value, localePath, thePConn.getLocaleRuleNameFromKeys(localeClass, localeContext, localeName))}\n        variant=\"stacked\"\n      />\n    );\n  }\n\n  const handleChange = (event) => {\n    handleEvent(actionsApi, 'changeNblur', propName, event.target.value);\n  };\n\n  const handleBlur = (event) => {\n    thePConn.getValidationApi().validate(event.target.value, ''); // 2nd arg empty string until typedef marked correctly as optional\n  };\n\n  return (\n    <FormControl error={status === 'error'} required={required}>\n      <FormLabel component=\"legend\">{label}</FormLabel>\n      <RadioGroup value={theSelectedButton} onChange={handleChange} onBlur={!readOnly ? handleBlur : undefined} row={inline}>\n        {theOptions.map((theOption) => {\n          return (\n            <FormControlLabel\n              value={theOption.key}\n              key={theOption.key}\n              label={thePConn.getLocalizedValue(\n                theOption.value,\n                localePath,\n                thePConn.getLocaleRuleNameFromKeys(localeClass, localeContext, localeName)\n              )}\n              control={<Radio key={theOption.key} color=\"primary\" disabled={readOnly} />}\n            />\n          );\n        })}\n      </RadioGroup>\n      <FormHelperText>{helperTextToDisplay}</FormHelperText>\n    </FormControl>\n  );\n}\n"]}
+{"version":3,"file":"RadioButtons.js","sourceRoot":"","sources":["../../../../src/components/field/RadioButtons/RadioButtons.tsx"],"names":[],"mappings":"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","sourcesContent":["import { useState, useEffect } from 'react';\nimport { Radio, RadioGroup, FormControl, FormControlLabel, FormLabel, FormHelperText } from '@material-ui/core';\n\nimport Utils from '../../helpers/utils';\nimport handleEvent from '../../helpers/event-utils';\nimport { getComponentFromMap } from '../../../bridge/helpers/sdk_component_map';\nimport { PConnFieldProps } from '../../../types/PConnProps';\n\n// Can't use RadioButtonProps until getLocaleRuleNameFromKeys is NOT private\ninterface RadioButtonsProps extends PConnFieldProps {\n  // If any, enter additional props that only exist on RadioButtons here\n  inline: boolean;\n  fieldMetadata?: any;\n}\n\nexport default function RadioButtons(props: RadioButtonsProps) {\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    value = '',\n    readOnly,\n    validatemessage,\n    helperText,\n    status,\n    required,\n    inline,\n    displayMode,\n    hideLabel,\n    fieldMetadata\n  } = props;\n  const [theSelectedButton, setSelectedButton] = useState(value);\n\n  const thePConn = getPConnect();\n  const theConfigProps = thePConn.getConfigProps();\n  const actionsApi = thePConn.getActionsApi();\n  const propName = (thePConn.getStateProps() as any).value;\n  const helperTextToDisplay = validatemessage || helperText;\n  const className = thePConn.getCaseInfo().getClassName();\n\n  let configProperty = (thePConn.getRawMetadata() as any)?.config?.value || '';\n  configProperty = configProperty.startsWith('@P') ? configProperty.substring(3) : configProperty;\n  configProperty = configProperty.startsWith('.') ? configProperty.substring(1) : configProperty;\n\n  const metaData = Array.isArray(fieldMetadata) ? fieldMetadata.filter(field => field?.classID === className)[0] : fieldMetadata;\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 : configProperty;\n  const localePath = localeContext === 'datapage' ? displayName : localeName;\n\n  // theOptions will be an array of JSON objects that are literally key/value pairs.\n  //  Ex: [ {key: \"Basic\", value: \"Basic\"} ]\n  const theOptions = Utils.getOptionList(theConfigProps, thePConn.getDataObject(''));\n\n  useEffect(() => {\n    // This update theSelectedButton which will update the UI to show the selected button correctly\n    setSelectedButton(value);\n  }, [value]);\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  const handleChange = event => {\n    handleEvent(actionsApi, 'changeNblur', propName, event.target.value);\n  };\n\n  const handleBlur = event => {\n    thePConn.getValidationApi().validate(event.target.value, ''); // 2nd arg empty string until typedef marked correctly as optional\n  };\n\n  return (\n    <FormControl error={status === 'error'} required={required}>\n      <FormLabel component='legend'>{label}</FormLabel>\n      <RadioGroup value={theSelectedButton} onChange={handleChange} onBlur={!readOnly ? handleBlur : undefined} row={inline}>\n        {theOptions.map(theOption => {\n          return (\n            <FormControlLabel\n              value={theOption.key}\n              key={theOption.key}\n              label={thePConn.getLocalizedValue(\n                theOption.value,\n                localePath,\n                // @ts-ignore - Property 'getLocaleRuleNameFromKeys' is private and only accessible within class 'C11nEnv'\n                thePConn.getLocaleRuleNameFromKeys(localeClass, localeContext, localeName)\n              )}\n              control={<Radio key={theOption.key} color='primary' disabled={readOnly} />}\n            />\n          );\n        })}\n      </RadioGroup>\n      <FormHelperText>{helperTextToDisplay}</FormHelperText>\n    </FormControl>\n  );\n}\n"]}

package/lib/components/field/RichText/RichText.d.ts

@@ -1,4 +1,4 @@
-import type { PConnFieldProps } from '../../../types/PConnProps';
+import { PConnFieldProps } from '../../../types/PConnProps';
 interface RichTextProps extends PConnFieldProps {
     additionalProps?: object;
 }

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

@@ -1 +1 @@
-{"version":3,"file":"RichText.d.ts","sourceRoot":"","sources":["../../../../src/components/field/RichText/RichText.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,2BAA2B,CAAC;AAEjE,UAAU,aAAc,SAAQ,eAAe;IAE7C,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B;AAED,MAAM,CAAC,OAAO,UAAU,QAAQ,CAAC,KAAK,EAAE,aAAa,OAoFpD"}
+{"version":3,"file":"RichText.d.ts","sourceRoot":"","sources":["../../../../src/components/field/RichText/RichText.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,eAAe,EAAE,MAAM,2BAA2B,CAAC;AAE5D,UAAU,aAAc,SAAQ,eAAe;IAE7C,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B;AAED,MAAM,CAAC,OAAO,UAAU,QAAQ,CAAC,KAAK,EAAE,aAAa,OAoFpD"}

package/lib/components/field/RichText/RichText.js

@@ -1,4 +1,5 @@
-import React, { useRef } from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useRef } from 'react';
 import handleEvent from '../../helpers/event-utils';
 import { getComponentFromMap } from '../../../bridge/helpers/sdk_component_map';
 export default function RichText(props) {
@@ -9,18 +10,18 @@ export default function RichText(props) {
     const pConn = getPConnect();
     const editorRef = useRef(null);
     let { readOnly, required, disabled } = props;
-    [readOnly, required, disabled] = [readOnly, required, disabled].map((prop) => prop === true || (typeof prop === 'string' && prop === 'true'));
+    [readOnly, required, disabled] = [readOnly, required, disabled].map(prop => prop === true || (typeof prop === 'string' && prop === 'true'));
     const helperTextToDisplay = validatemessage || helperText;
     if (displayMode === 'LABELS_LEFT') {
-        return React.createElement(FieldValueList, { name: hideLabel ? '' : label, value: value });
+        return _jsx(FieldValueList, { name: hideLabel ? '' : label, value: value, isHtml: true });
     }
     if (displayMode === 'STACKED_LARGE_VAL') {
-        return React.createElement(FieldValueList, { name: hideLabel ? '' : label, value: value, variant: "stacked" });
+        return _jsx(FieldValueList, { name: hideLabel ? '' : label, value: value, isHtml: true, variant: 'stacked' });
     }
     let richTextComponent;
     if (readOnly) {
         // Rich Text read-only component
-        richTextComponent = (React.createElement(RichTextEditor, { ...additionalProps, label: label, labelHidden: hideLabel, defaultValue: value, testId: testId, info: helperTextToDisplay, ref: editorRef, readOnly: true }));
+        richTextComponent = (_jsx(RichTextEditor, { ...additionalProps, label: label, labelHidden: hideLabel, defaultValue: value, testId: testId, info: helperTextToDisplay, ref: editorRef, readOnly: true }));
     }
     else {
         // Rich Text editable component
@@ -31,7 +32,7 @@ export default function RichText(props) {
         }
         const handleChange = () => {
             if (status === 'error') {
-                const property = pConn.getStateProps()["value"];
+                const property = pConn.getStateProps().value;
                 pConn.clearErrorMessages({
                     property,
                     category: '',
@@ -42,11 +43,11 @@ export default function RichText(props) {
         const handleBlur = () => {
             if (editorRef.current) {
                 const editorValue = editorRef.current.getContent({ format: 'html' });
-                const property = pConn.getStateProps()["value"];
+                const property = pConn.getStateProps().value;
                 handleEvent(actionsApi, 'changeNblur', property, editorValue);
             }
         };
-        richTextComponent = (React.createElement(RichTextEditor, { ...additionalProps, label: label, labelHidden: hideLabel, info: helperTextToDisplay, defaultValue: value, placeholder: placeholder, disabled: disabled, required: required, testId: testId, ref: editorRef, error: status === 'error', onBlur: handleBlur, onChange: handleChange }));
+        richTextComponent = (_jsx(RichTextEditor, { ...additionalProps, label: label, labelHidden: hideLabel, info: helperTextToDisplay, defaultValue: value, placeholder: placeholder, disabled: disabled, required: required, testId: testId, ref: editorRef, error: status === 'error', onBlur: handleBlur, onChange: handleChange }));
     }
     return richTextComponent;
 }

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

@@ -1 +1 @@
-{"version":3,"file":"RichText.js","sourceRoot":"","sources":["../../../../src/components/field/RichText/RichText.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { useRef } from 'react';\nimport handleEvent from '../../helpers/event-utils';\nimport { getComponentFromMap } from '../../../bridge/helpers/sdk_component_map';\nimport type { PConnFieldProps } from '../../../types/PConnProps';\n\ninterface RichTextProps extends PConnFieldProps {\n  // If any, enter additional props that only exist on TextArea here\n  additionalProps?: object;\n}\n\nexport default function RichText(props: RichTextProps) {\n  // Get emitted components from map (so we can get any override that may exist)\n  const FieldValueList = getComponentFromMap('FieldValueList');\n  const RichTextEditor = getComponentFromMap('RichTextEditor');\n\n  const { getPConnect, value, placeholder, validatemessage, label, hideLabel, helperText, testId, displayMode, additionalProps } = props;\n  const pConn = getPConnect();\n  const editorRef: any = useRef(null);\n\n  let { readOnly, required, disabled } = props;\n  [readOnly, required, disabled] = [readOnly, required, disabled].map((prop) => prop === true || (typeof prop === 'string' && prop === 'true'));\n\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  let richTextComponent;\n\n  if (readOnly) {\n    // Rich Text read-only component\n    richTextComponent = (\n      <RichTextEditor\n        {...additionalProps}\n        label={label}\n        labelHidden={hideLabel}\n        defaultValue={value}\n        testId={testId}\n        info={helperTextToDisplay}\n        ref={editorRef}\n        readOnly\n      />\n    );\n  } else {\n    // Rich Text editable component\n    const actionsApi = pConn.getActionsApi();\n    let status = '';\n    if (validatemessage !== '') {\n      status = 'error';\n    }\n    const handleChange = () => {\n      if (status === 'error') {\n        const property = pConn.getStateProps()[\"value\"];\n        pConn.clearErrorMessages({\n          property,\n          category: '',\n          context: ''\n        });\n      }\n    };\n\n    const handleBlur = () => {\n      if (editorRef.current) {\n        const editorValue = editorRef.current.getContent({ format: 'html' });\n        const property = pConn.getStateProps()[\"value\"];\n        handleEvent(actionsApi, 'changeNblur', property, editorValue);\n      }\n    };\n\n    richTextComponent = (\n      <RichTextEditor\n        {...additionalProps}\n        label={label}\n        labelHidden={hideLabel}\n        info={helperTextToDisplay}\n        defaultValue={value}\n        placeholder={placeholder}\n        disabled={disabled}\n        required={required}\n        testId={testId}\n        ref={editorRef}\n        error={status === 'error'}\n        onBlur={handleBlur}\n        onChange={handleChange}\n      />\n    );\n  }\n\n  return richTextComponent;\n}\n"]}
+{"version":3,"file":"RichText.js","sourceRoot":"","sources":["../../../../src/components/field/RichText/RichText.tsx"],"names":[],"mappings":"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","sourcesContent":["import { useRef } from 'react';\n\nimport handleEvent from '../../helpers/event-utils';\nimport { getComponentFromMap } from '../../../bridge/helpers/sdk_component_map';\nimport { PConnFieldProps } from '../../../types/PConnProps';\n\ninterface RichTextProps extends PConnFieldProps {\n  // If any, enter additional props that only exist on TextArea here\n  additionalProps?: object;\n}\n\nexport default function RichText(props: RichTextProps) {\n  // Get emitted components from map (so we can get any override that may exist)\n  const FieldValueList = getComponentFromMap('FieldValueList');\n  const RichTextEditor = getComponentFromMap('RichTextEditor');\n\n  const { getPConnect, value, placeholder, validatemessage, label, hideLabel, helperText, testId, displayMode, additionalProps } = props;\n  const pConn = getPConnect();\n  const editorRef: any = useRef(null);\n\n  let { readOnly, required, disabled } = props;\n  [readOnly, required, disabled] = [readOnly, required, disabled].map(prop => prop === true || (typeof prop === 'string' && prop === 'true'));\n\n  const helperTextToDisplay = validatemessage || helperText;\n\n  if (displayMode === 'LABELS_LEFT') {\n    return <FieldValueList name={hideLabel ? '' : label} value={value} isHtml />;\n  }\n\n  if (displayMode === 'STACKED_LARGE_VAL') {\n    return <FieldValueList name={hideLabel ? '' : label} value={value} isHtml variant='stacked' />;\n  }\n\n  let richTextComponent;\n\n  if (readOnly) {\n    // Rich Text read-only component\n    richTextComponent = (\n      <RichTextEditor\n        {...additionalProps}\n        label={label}\n        labelHidden={hideLabel}\n        defaultValue={value}\n        testId={testId}\n        info={helperTextToDisplay}\n        ref={editorRef}\n        readOnly\n      />\n    );\n  } else {\n    // Rich Text editable component\n    const actionsApi = pConn.getActionsApi();\n    let status = '';\n    if (validatemessage !== '') {\n      status = 'error';\n    }\n    const handleChange = () => {\n      if (status === 'error') {\n        const property = (pConn.getStateProps() as any).value;\n        pConn.clearErrorMessages({\n          property,\n          category: '',\n          context: ''\n        });\n      }\n    };\n\n    const handleBlur = () => {\n      if (editorRef.current) {\n        const editorValue = editorRef.current.getContent({ format: 'html' });\n        const property = (pConn.getStateProps() as any).value;\n        handleEvent(actionsApi, 'changeNblur', property, editorValue);\n      }\n    };\n\n    richTextComponent = (\n      <RichTextEditor\n        {...additionalProps}\n        label={label}\n        labelHidden={hideLabel}\n        info={helperTextToDisplay}\n        defaultValue={value}\n        placeholder={placeholder}\n        disabled={disabled}\n        required={required}\n        testId={testId}\n        ref={editorRef}\n        error={status === 'error'}\n        onBlur={handleBlur}\n        onChange={handleChange}\n      />\n    );\n  }\n\n  return richTextComponent;\n}\n"]}

package/lib/components/field/ScalarList/ScalarList.d.ts

@@ -3,7 +3,7 @@ import { PConnProps } from '../../../types/PConnProps';
 interface ScalarListProps extends PConnProps {
     displayInModal: boolean;
     hideLabel: boolean;
-    value: Array<any>;
+    value: any[];
     componentType: string;
     label: string;
     displayMode: string;

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

@@ -1 +1 @@
-{"version":3,"file":"ScalarList.d.ts","sourceRoot":"","sources":["../../../../src/components/field/ScalarList/ScalarList.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAC;AAGvD,UAAU,eAAgB,SAAQ,UAAU;IAE1C,cAAc,EAAE,OAAO,CAAC;IACxB,SAAS,EAAE,OAAO,CAAC;IACnB,KAAK,EAAE,KAAK,CAAC,GAAG,CAAC,CAAC;IAClB,aAAa,EAAE,MAAM,CAAC;IACtB,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;CACrB;AAcD,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,KAAK,EAAE,eAAe,eA4CxD"}
+{"version":3,"file":"ScalarList.d.ts","sourceRoot":"","sources":["../../../../src/components/field/ScalarList/ScalarList.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAC;AAGvD,UAAU,eAAgB,SAAQ,UAAU;IAE1C,cAAc,EAAE,OAAO,CAAC;IACxB,SAAS,EAAE,OAAO,CAAC;IACnB,KAAK,EAAE,GAAG,EAAE,CAAC;IACb,aAAa,EAAE,MAAM,CAAC;IACtB,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;CACrB;AAcD,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,KAAK,EAAE,eAAe,eAmCxD"}

package/lib/components/field/ScalarList/ScalarList.js

@@ -1,11 +1,11 @@
+import { jsx as _jsx } from "react/jsx-runtime";
 /* eslint-disable react/no-array-index-key */
-import React from 'react';
 import { getComponentFromMap } from '../../../bridge/helpers/sdk_component_map';
 function CommaSeparatedList(props) {
     const { items } = props;
-    return (React.createElement("ul", { style: { padding: '0', margin: '0' } }, items.map((value, index) => {
-        return React.createElement("span", { key: index }, value);
-    })));
+    return (_jsx("ul", { style: { padding: '0', margin: '0' }, children: items.map((value, index) => {
+            return _jsx("span", { children: value }, index);
+        }) }));
 }
 export default function ScalarList(props) {
     // Get emitted components from map (so we can get any override that may exist)
@@ -24,11 +24,9 @@ export default function ScalarList(props) {
         }, '', '', {}); // 2nd, 3rd, and 4th args empty string/object/null until typedef marked correctly as optional;
     });
     if (['LABELS_LEFT', 'STACKED_LARGE_VAL', 'DISPLAY_ONLY'].includes(displayMode)) {
-        const displayComp = (React.createElement("div", null,
-            React.createElement(CommaSeparatedList, { items: items })));
-        return displayComp;
+        return (_jsx("div", { children: _jsx(CommaSeparatedList, { items: items }) }));
     }
-    const displayComp = React.createElement(CommaSeparatedList, { items: items });
-    return React.createElement(FieldValueList, { name: hideLabel ? '' : label, value: displayComp, variant: 'stacked' });
+    const displayComp = _jsx(CommaSeparatedList, { items: items });
+    return _jsx(FieldValueList, { name: hideLabel ? '' : label, value: displayComp, variant: 'stacked' });
 }
 //# sourceMappingURL=ScalarList.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ScalarList.js","sourceRoot":"","sources":["../../../../src/components/field/ScalarList/ScalarList.tsx"],"names":[],"mappings":"AAAA,6CAA6C;AAC7C,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,mBAAmB,EAAE,MAAM,2CAA2C,CAAC;AAchF,SAAS,kBAAkB,CAAC,KAAK;IAC/B,MAAM,EAAE,KAAK,EAAE,GAAG,KAAK,CAAC;IAExB,OAAO,CACL,4BAAI,KAAK,EAAE,EAAE,OAAO,EAAE,GAAG,EAAE,MAAM,EAAE,GAAG,EAAE,IACrC,KAAK,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE;QAC1B,OAAO,8BAAM,GAAG,EAAE,KAAK,IAAG,KAAK,CAAQ,CAAC;IAC1C,CAAC,CAAC,CACC,CACN,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,KAAsB;IACvD,8EAA8E;IAC9E,MAAM,cAAc,GAAG,mBAAmB,CAAC,gBAAgB,CAAC,CAAC;IAE7D,MAAM,EACJ,KAAK,EACL,WAAW,EACX,aAAa,EACb,KAAK,EAAE,YAAY,EACnB,WAAW,EACX,SAAS,EACT,GAAG,SAAS,EACb,GAAG,KAAK,CAAC;IAEV,MAAM,KAAK,GAAG,YAAY,EAAE,GAAG,CAAC,WAAW,CAAC,EAAE;QAC5C,OAAO,WAAW,EAAE,CAAC,eAAe,CAClC;YACE,IAAI,EAAE,aAAa;YACnB,MAAM,EAAE;gBACN,KAAK,EAAE,WAAW;gBAClB,WAAW,EAAE,aAAa;gBAC1B,KAAK;gBACL,GAAG,SAAS;gBACZ,QAAQ,EAAE,MAAM;aACjB;SACF,EACD,EAAE,EACF,EAAE,EACF,EAAE,CACH,CAAC,CAAC,8FAA8F;IACnG,CAAC,CAAC,CAAC;IAEH,IAAI,CAAC,aAAa,EAAE,mBAAmB,EAAE,cAAc,CAAC,CAAC,QAAQ,CAAC,WAAW,CAAC,EAAE;QAC9E,MAAM,WAAW,GAAG,CAClB;YACE,oBAAC,kBAAkB,IAAC,KAAK,EAAE,KAAK,GAAI,CAChC,CACP,CAAC;QACF,OAAO,WAAW,CAAC;KACpB;IAED,MAAM,WAAW,GAAG,oBAAC,kBAAkB,IAAC,KAAK,EAAE,KAAK,GAAI,CAAC;IAEzD,OAAO,oBAAC,cAAc,IAAC,IAAI,EAAE,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,WAAW,EAAE,OAAO,EAAC,SAAS,GAAG,CAAC;AAChG,CAAC","sourcesContent":["/* eslint-disable react/no-array-index-key */\nimport React from 'react';\nimport { getComponentFromMap } from '../../../bridge/helpers/sdk_component_map';\nimport { PConnProps } from '../../../types/PConnProps';\n\n// ScalarListProps can't extend PConnFieldProps because its 'value' has a different type\ninterface ScalarListProps extends PConnProps {\n  // If any, enter additional props that only exist on this component\n  displayInModal: boolean;\n  hideLabel: boolean;\n  value: Array<any>;\n  componentType: string;\n  label: string;\n  displayMode: string;\n}\n\nfunction CommaSeparatedList(props) {\n  const { items } = props;\n\n  return (\n    <ul style={{ padding: '0', margin: '0' }}>\n      {items.map((value, index) => {\n        return <span key={index}>{value}</span>;\n      })}\n    </ul>\n  );\n}\n\nexport default function ScalarList(props: ScalarListProps) {\n  // Get emitted components from map (so we can get any override that may exist)\n  const FieldValueList = getComponentFromMap('FieldValueList');\n\n  const {\n    label,\n    getPConnect,\n    componentType,\n    value: scalarValues,\n    displayMode,\n    hideLabel,\n    ...restProps\n  } = props;\n\n  const items = scalarValues?.map(scalarValue => {\n    return getPConnect().createComponent(\n      {\n        type: componentType,\n        config: {\n          value: scalarValue,\n          displayMode: 'LABELS_LEFT',\n          label,\n          ...restProps,\n          readOnly: 'true'\n        }\n      },\n      '',\n      '',\n      {}\n    ); // 2nd, 3rd, and 4th args empty string/object/null until typedef marked correctly as optional;\n  });\n\n  if (['LABELS_LEFT', 'STACKED_LARGE_VAL', 'DISPLAY_ONLY'].includes(displayMode)) {\n    const displayComp = (\n      <div>\n        <CommaSeparatedList items={items} />\n      </div>\n    );\n    return displayComp;\n  }\n\n  const displayComp = <CommaSeparatedList items={items} />;\n\n  return <FieldValueList name={hideLabel ? '' : label} value={displayComp} variant='stacked' />;\n}\n"]}
+{"version":3,"file":"ScalarList.js","sourceRoot":"","sources":["../../../../src/components/field/ScalarList/ScalarList.tsx"],"names":[],"mappings":";AAAA,6CAA6C;AAC7C,OAAO,EAAE,mBAAmB,EAAE,MAAM,2CAA2C,CAAC;AAchF,SAAS,kBAAkB,CAAC,KAAK;IAC/B,MAAM,EAAE,KAAK,EAAE,GAAG,KAAK,CAAC;IAExB,OAAO,CACL,aAAI,KAAK,EAAE,EAAE,OAAO,EAAE,GAAG,EAAE,MAAM,EAAE,GAAG,EAAE,YACrC,KAAK,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE;YAC1B,OAAO,yBAAmB,KAAK,IAAb,KAAK,CAAgB,CAAC;QAC1C,CAAC,CAAC,GACC,CACN,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,KAAsB;IACvD,8EAA8E;IAC9E,MAAM,cAAc,GAAG,mBAAmB,CAAC,gBAAgB,CAAC,CAAC;IAE7D,MAAM,EAAE,KAAK,EAAE,WAAW,EAAE,aAAa,EAAE,KAAK,EAAE,YAAY,EAAE,WAAW,EAAE,SAAS,EAAE,GAAG,SAAS,EAAE,GAAG,KAAK,CAAC;IAE/G,MAAM,KAAK,GAAG,YAAY,EAAE,GAAG,CAAC,WAAW,CAAC,EAAE;QAC5C,OAAO,WAAW,EAAE,CAAC,eAAe,CAClC;YACE,IAAI,EAAE,aAAa;YACnB,MAAM,EAAE;gBACN,KAAK,EAAE,WAAW;gBAClB,WAAW,EAAE,aAAa;gBAC1B,KAAK;gBACL,GAAG,SAAS;gBACZ,QAAQ,EAAE,MAAM;aACjB;SACF,EACD,EAAE,EACF,EAAE,EACF,EAAE,CACH,CAAC,CAAC,8FAA8F;IACnG,CAAC,CAAC,CAAC;IAEH,IAAI,CAAC,aAAa,EAAE,mBAAmB,EAAE,cAAc,CAAC,CAAC,QAAQ,CAAC,WAAW,CAAC,EAAE;QAC9E,OAAO,CACL,wBACE,KAAC,kBAAkB,IAAC,KAAK,EAAE,KAAK,GAAI,GAChC,CACP,CAAC;KACH;IAED,MAAM,WAAW,GAAG,KAAC,kBAAkB,IAAC,KAAK,EAAE,KAAK,GAAI,CAAC;IAEzD,OAAO,KAAC,cAAc,IAAC,IAAI,EAAE,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,WAAW,EAAE,OAAO,EAAC,SAAS,GAAG,CAAC;AAChG,CAAC","sourcesContent":["/* eslint-disable react/no-array-index-key */\nimport { getComponentFromMap } from '../../../bridge/helpers/sdk_component_map';\nimport { PConnProps } from '../../../types/PConnProps';\n\n// ScalarListProps can't extend PConnFieldProps because its 'value' has a different type\ninterface ScalarListProps extends PConnProps {\n  // If any, enter additional props that only exist on this component\n  displayInModal: boolean;\n  hideLabel: boolean;\n  value: any[];\n  componentType: string;\n  label: string;\n  displayMode: string;\n}\n\nfunction CommaSeparatedList(props) {\n  const { items } = props;\n\n  return (\n    <ul style={{ padding: '0', margin: '0' }}>\n      {items.map((value, index) => {\n        return <span key={index}>{value}</span>;\n      })}\n    </ul>\n  );\n}\n\nexport default function ScalarList(props: ScalarListProps) {\n  // Get emitted components from map (so we can get any override that may exist)\n  const FieldValueList = getComponentFromMap('FieldValueList');\n\n  const { label, getPConnect, componentType, value: scalarValues, displayMode, hideLabel, ...restProps } = props;\n\n  const items = scalarValues?.map(scalarValue => {\n    return getPConnect().createComponent(\n      {\n        type: componentType,\n        config: {\n          value: scalarValue,\n          displayMode: 'LABELS_LEFT',\n          label,\n          ...restProps,\n          readOnly: 'true'\n        }\n      },\n      '',\n      '',\n      {}\n    ); // 2nd, 3rd, and 4th args empty string/object/null until typedef marked correctly as optional;\n  });\n\n  if (['LABELS_LEFT', 'STACKED_LARGE_VAL', 'DISPLAY_ONLY'].includes(displayMode)) {\n    return (\n      <div>\n        <CommaSeparatedList items={items} />\n      </div>\n    );\n  }\n\n  const displayComp = <CommaSeparatedList items={items} />;\n\n  return <FieldValueList name={hideLabel ? '' : label} value={displayComp} variant='stacked' />;\n}\n"]}

package/lib/components/field/SemanticLink/SemanticLink.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import type { PConnFieldProps } from '../../../types/PConnProps';
+import { PConnFieldProps } from '../../../types/PConnProps';
 interface SemanticLinkProps extends PConnFieldProps {
     text: string;
 }

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

@@ -1 +1 @@
-{"version":3,"file":"SemanticLink.d.ts","sourceRoot":"","sources":["../../../../src/components/field/SemanticLink/SemanticLink.tsx"],"names":[],"mappings":";AAKA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,2BAA2B,CAAC;AAoCjE,UAAU,iBAAkB,SAAQ,eAAe;IAGjD,IAAI,EAAE,MAAM,CAAC;CACd;AAED,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,KAAK,EAAE,iBAAiB,2BA4B5D"}
+{"version":3,"file":"SemanticLink.d.ts","sourceRoot":"","sources":["../../../../src/components/field/SemanticLink/SemanticLink.tsx"],"names":[],"mappings":";AAKA,OAAO,EAAE,eAAe,EAAE,MAAM,2BAA2B,CAAC;AAoC5D,UAAU,iBAAkB,SAAQ,eAAe;IAGjD,IAAI,EAAE,MAAM,CAAC;CACd;AAED,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,KAAK,EAAE,iBAAiB,2BA4B5D"}

package/lib/components/field/SemanticLink/SemanticLink.js

@@ -1,11 +1,11 @@
-import React from 'react';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import Typography from '@material-ui/core/Typography';
 import Grid from '@material-ui/core/Grid';
 import { makeStyles } from '@material-ui/core/styles';
 import { getComponentFromMap } from '../../../bridge/helpers/sdk_component_map';
 /* although this is called the SemanticLink component, we are not yet displaying as a
 SemanticLink in SDK and only showing the value as a read only text field. */
-const useStyles = makeStyles((theme) => ({
+const useStyles = makeStyles(theme => ({
     root: {
         paddingRight: theme.spacing(1),
         paddingLeft: theme.spacing(1),
@@ -42,14 +42,10 @@ export default function SemanticLink(props) {
     const classes = useStyles();
     if (displayMode === 'LABELS_LEFT' || (!displayMode && label !== undefined)) {
         const value = text || '---';
-        return (React.createElement(Grid, { container: true, spacing: 1, style: { padding: '4px 0px' }, id: "semantic-link-grid" },
-            React.createElement(Grid, { item: true, xs: 6 },
-                React.createElement(Typography, { variant: "body2", component: "span", className: `${classes.fieldLabel} ${classes.fieldMargin}` }, label)),
-            React.createElement(Grid, { item: true, xs: 6 },
-                React.createElement(Typography, { variant: "body2", component: "span", className: classes.fieldValue }, value))));
+        return (_jsxs(Grid, { container: true, spacing: 1, style: { padding: '4px 0px' }, id: 'semantic-link-grid', children: [_jsx(Grid, { item: true, xs: 6, children: _jsx(Typography, { variant: 'body2', component: 'span', className: `${classes.fieldLabel} ${classes.fieldMargin}`, children: label }) }), _jsx(Grid, { item: true, xs: 6, children: _jsx(Typography, { variant: 'body2', component: 'span', className: classes.fieldValue, children: value }) })] }));
     }
     if (displayMode === 'STACKED_LARGE_VAL') {
-        return React.createElement(FieldValueList, { name: hideLabel ? '' : label, value: text, variant: "stacked" });
+        return _jsx(FieldValueList, { name: hideLabel ? '' : label, value: text, variant: 'stacked' });
     }
 }
 //# sourceMappingURL=SemanticLink.js.map