@pega/react-sdk-components 0.23.26 → 8.8.20

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

@@ -0,0 +1,2 @@
+export { default } from './RichTextEditor';
+//# sourceMappingURL=index.js.map

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

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

package/lib/components/designSystemExtension/WssQuickCreate/WssQuickCreate.d.ts

@@ -1,4 +1,9 @@
 /// <reference types="react" />
 import './WssQuickCreate.css';
-export default function WssQuickCreate(props: any): JSX.Element;
+interface WssQuickCreateProps {
+    heading: string;
+    actions?: Array<any>;
+}
+export default function WssQuickCreate(props: WssQuickCreateProps): JSX.Element;
+export {};
 //# sourceMappingURL=WssQuickCreate.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"WssQuickCreate.d.ts","sourceRoot":"","sources":["../../../../src/components/designSystemExtension/WssQuickCreate/WssQuickCreate.tsx"],"names":[],"mappings":";AAEA,OAAO,sBAAsB,CAAC;AAE9B,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,KAAK,KAAA,eAuB3C"}
+{"version":3,"file":"WssQuickCreate.d.ts","sourceRoot":"","sources":["../../../../src/components/designSystemExtension/WssQuickCreate/WssQuickCreate.tsx"],"names":[],"mappings":";AAEA,OAAO,sBAAsB,CAAC;AAI9B,UAAU,mBAAmB;IAE3B,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,CAAA;CACrB;AAGD,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,KAAK,EAAE,mBAAmB,eAuBhE"}

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

@@ -4,8 +4,8 @@ import './WssQuickCreate.css';
 export default function WssQuickCreate(props) {
     const { heading, actions } = props;
     return (React.createElement("div", null,
-        React.createElement("h1", { className: 'quick-link-heading' }, heading),
-        React.createElement("ul", { className: 'quick-link-ul-list' }, actions &&
+        React.createElement("h1", { id: "quick-links-heading", className: 'quick-link-heading' }, heading),
+        React.createElement("ul", { id: "quick-links", className: 'quick-link-ul-list' }, actions &&
             actions.map(element => {
                 return (React.createElement("li", { className: 'quick-link-list', key: element.label },
                     React.createElement(Button, { className: 'quick-link-button', onClick: element.onClick },

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

@@ -1 +1 @@
-{"version":3,"file":"WssQuickCreate.js","sourceRoot":"","sources":["../../../../src/components/designSystemExtension/WssQuickCreate/WssQuickCreate.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAC3C,OAAO,sBAAsB,CAAC;AAE9B,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,KAAK;IAC1C,MAAM,EAAE,OAAO,EAAE,OAAO,EAAE,GAAG,KAAK,CAAC;IAEnC,OAAO,CACL;QACE,4BAAI,SAAS,EAAC,oBAAoB,IAAE,OAAO,CAAM;QACjD,4BAAI,SAAS,EAAC,oBAAoB,IAC/B,OAAO;YACN,OAAO,CAAC,GAAG,CAAC,OAAO,CAAC,EAAE;gBACpB,OAAO,CACP,4BAAI,SAAS,EAAC,iBAAiB,EAAC,GAAG,EAAE,OAAO,CAAC,KAAK;oBAChD,oBAAC,MAAM,IAAC,SAAS,EAAC,mBAAmB,EAAC,OAAO,EAAE,OAAO,CAAC,OAAO;wBAC5D,8BAAM,SAAS,EAAC,wBAAwB;4BACrC,OAAO,CAAC,IAAI,IAAI,6BAAK,SAAS,EAAC,iBAAiB,EAAC,GAAG,EAAE,OAAO,CAAC,IAAI,GAAG;4BACtE,kCAAO,OAAO,CAAC,KAAK,CAAQ,CACvB,CACA,CACN,CACJ,CAAC;YACJ,CAAC,CAAC,CACD,CACD,CACP,CAAC;AACJ,CAAC","sourcesContent":["import React from 'react';\nimport { Button } from '@material-ui/core';\nimport './WssQuickCreate.css';\n\nexport default function WssQuickCreate(props) {\n  const { heading, actions } = props;\n\n  return (\n    <div>\n      <h1 className='quick-link-heading'>{heading}</h1>\n      <ul className='quick-link-ul-list'>\n        {actions &&\n          actions.map(element => {\n            return (\n            <li className='quick-link-list' key={element.label}>\n              <Button className='quick-link-button' onClick={element.onClick}>\n                <span className='quick-link-button-span'>\n                  {element.icon && <img className='quick-link-icon' src={element.icon}/>}\n                  <span>{element.label}</span>\n                </span>\n              </Button>\n            </li>\n            );\n          })}\n      </ul>\n    </div>\n  );\n}\n"]}
+{"version":3,"file":"WssQuickCreate.js","sourceRoot":"","sources":["../../../../src/components/designSystemExtension/WssQuickCreate/WssQuickCreate.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAC3C,OAAO,sBAAsB,CAAC;AAW9B,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,KAA0B;IAC/D,MAAM,EAAE,OAAO,EAAE,OAAO,EAAE,GAAG,KAAK,CAAC;IAEnC,OAAO,CACL;QACE,4BAAI,EAAE,EAAC,qBAAqB,EAAC,SAAS,EAAC,oBAAoB,IAAE,OAAO,CAAM;QAC1E,4BAAI,EAAE,EAAC,aAAa,EAAC,SAAS,EAAC,oBAAoB,IAChD,OAAO;YACN,OAAO,CAAC,GAAG,CAAC,OAAO,CAAC,EAAE;gBACpB,OAAO,CACP,4BAAI,SAAS,EAAC,iBAAiB,EAAC,GAAG,EAAE,OAAO,CAAC,KAAK;oBAChD,oBAAC,MAAM,IAAC,SAAS,EAAC,mBAAmB,EAAC,OAAO,EAAE,OAAO,CAAC,OAAO;wBAC5D,8BAAM,SAAS,EAAC,wBAAwB;4BACrC,OAAO,CAAC,IAAI,IAAI,6BAAK,SAAS,EAAC,iBAAiB,EAAC,GAAG,EAAE,OAAO,CAAC,IAAI,GAAG;4BACtE,kCAAO,OAAO,CAAC,KAAK,CAAQ,CACvB,CACA,CACN,CACJ,CAAC;YACJ,CAAC,CAAC,CACD,CACD,CACP,CAAC;AACJ,CAAC","sourcesContent":["import React from 'react';\nimport { Button } from '@material-ui/core';\nimport './WssQuickCreate.css';\n\n// WssQuickCreate is one of the few components that does NOT have getPConnect.\n//  So, no need to extend PConnProps\ninterface WssQuickCreateProps {\n  // If any, enter additional props that only exist on this component\n  heading: string,\n  actions?: Array<any>\n}\n\n\nexport default function WssQuickCreate(props: WssQuickCreateProps) {\n  const { heading, actions } = props;\n\n  return (\n    <div>\n      <h1 id=\"quick-links-heading\" className='quick-link-heading'>{heading}</h1>\n      <ul id=\"quick-links\" className='quick-link-ul-list'>\n        {actions &&\n          actions.map(element => {\n            return (\n            <li className='quick-link-list' key={element.label}>\n              <Button className='quick-link-button' onClick={element.onClick}>\n                <span className='quick-link-button-span'>\n                  {element.icon && <img className='quick-link-icon' src={element.icon}/>}\n                  <span>{element.label}</span>\n                </span>\n              </Button>\n            </li>\n            );\n          })}\n      </ul>\n    </div>\n  );\n}\n"]}

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

@@ -1,3 +1,17 @@
 /// <reference types="react" />
-export default function AutoComplete(props: any): JSX.Element;
+import type { PConnFieldProps } from '../../../types/PConnProps';
+interface AutoCompleteProps extends PConnFieldProps {
+    displayMode?: string;
+    deferDatasource?: boolean;
+    datasourceMetadata?: any;
+    status?: string;
+    onRecordChange?: any;
+    additionalProps?: object;
+    listType: string;
+    parameters?: any;
+    datasource: any;
+    columns: Array<any>;
+}
+export default function AutoComplete(props: AutoCompleteProps): JSX.Element;
+export {};
 //# sourceMappingURL=AutoComplete.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"AutoComplete.d.ts","sourceRoot":"","sources":["../../../../src/components/field/AutoComplete/AutoComplete.tsx"],"names":[],"mappings":";AAsCA,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,KAAK,KAAA,eAkKzC"}
+{"version":3,"file":"AutoComplete.d.ts","sourceRoot":"","sources":["../../../../src/components/field/AutoComplete/AutoComplete.tsx"],"names":[],"mappings":";AAQA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,2BAA2B,CAAC;AA8BjE,UAAU,iBAAkB,SAAQ,eAAe;IAEjD,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,kBAAkB,CAAC,EAAE,GAAG,CAAC;IACzB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,cAAc,CAAC,EAAE,GAAG,CAAC;IACrB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,QAAQ,EAAE,MAAM,CAAC;IACjB,UAAU,CAAC,EAAE,GAAG,CAAC;IACjB,UAAU,EAAE,GAAG,CAAC;IAChB,OAAO,EAAE,KAAK,CAAC,GAAG,CAAC,CAAC;CACrB;AAED,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,KAAK,EAAE,iBAAiB,eAuK5D"}

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

@@ -1,23 +1,22 @@
 import React, { useEffect, useState } from 'react';
 import { TextField } from '@material-ui/core';
 import Autocomplete from '@material-ui/lab/Autocomplete';
-import Utils from '../../helpers/utils';
-import TextInput from '../TextInput';
 import isDeepEqual from 'fast-deep-equal/react';
+import Utils from '../../helpers/utils';
 import { getDataPage } from '../../helpers/data_page';
 import handleEvent from '../../helpers/event-utils';
-import FieldValueList from '../../designSystemExtension/FieldValueList';
-const preProcessColumns = columnList => {
-    return columnList.map(col => {
+import { getComponentFromMap } from '../../../bridge/helpers/sdk_component_map';
+const preProcessColumns = (columnList) => {
+    return columnList.map((col) => {
         const tempColObj = { ...col };
         tempColObj.value = col.value && col.value.startsWith('.') ? col.value.substring(1) : col.value;
         return tempColObj;
     });
 };
-const getDisplayFieldsMetaData = columnList => {
-    const displayColumns = columnList.filter(col => col.display === 'true');
+const getDisplayFieldsMetaData = (columnList) => {
+    const displayColumns = columnList.filter((col) => col.display === 'true');
     const metaDataObj = { key: '', primary: '', secondary: [] };
-    const keyCol = columnList.filter(col => col.key === 'true');
+    const keyCol = columnList.filter((col) => col.key === 'true');
     metaDataObj.key = keyCol.length > 0 ? keyCol[0].value : 'auto';
     for (let index = 0; index < displayColumns.length; index += 1) {
         if (displayColumns[index].primary === 'true') {
@@ -30,6 +29,9 @@ const getDisplayFieldsMetaData = columnList => {
     return metaDataObj;
 };
 export default function AutoComplete(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, placeholder, value = '', validatemessage, readOnly, testId, displayMode, deferDatasource, datasourceMetadata, status, helperText, hideLabel, onRecordChange } = props;
     const context = getPConnect().getContextName();
     let { listType, parameters, datasource = [], columns = [] } = props;
@@ -47,7 +49,7 @@ export default function AutoComplete(props) {
     }
     const flattenParameters = (params = {}) => {
         const flatParams = {};
-        Object.keys(params).forEach(key => {
+        Object.keys(params).forEach((key) => {
             const { name, value: theVal } = params[key];
             flatParams[name] = theVal;
         });
@@ -82,7 +84,7 @@ export default function AutoComplete(props) {
     columns = preProcessColumns(columns);
     useEffect(() => {
         if (listType === 'associated') {
-            setOptions(Utils.getOptionList(props, getPConnect().getDataObject()));
+            setOptions(Utils.getOptionList(props, getPConnect().getDataObject(context)));
         }
     }, [theDatasource]);
     useEffect(() => {
@@ -90,7 +92,7 @@ export default function AutoComplete(props) {
             getDataPage(datasource, parameters, context).then((results) => {
                 const optionsData = [];
                 const displayColumn = getDisplayFieldsMetaData(columns);
-                results?.forEach(element => {
+                results?.forEach((element) => {
                     const val = element[displayColumn.primary]?.toString();
                     const obj = {
                         key: element[displayColumn.key] || element.pyGUID,
@@ -106,10 +108,10 @@ export default function AutoComplete(props) {
         return React.createElement(FieldValueList, { name: hideLabel ? '' : label, value: value });
     }
     if (displayMode === 'STACKED_LARGE_VAL') {
-        return React.createElement(FieldValueList, { name: hideLabel ? '' : label, value: value, variant: 'stacked' });
+        return React.createElement(FieldValueList, { name: hideLabel ? '' : label, value: value, variant: "stacked" });
     }
     if (value) {
-        const index = options?.findIndex(element => element.key === value);
+        const index = options?.findIndex((element) => element.key === value);
         if (index > -1) {
             selectedValue = options[index].value;
         }
@@ -128,7 +130,7 @@ export default function AutoComplete(props) {
         setInputValue(newInputValue);
     };
     if (readOnly) {
-        const theValAsString = options?.find(opt => opt.key === value)?.value;
+        const theValAsString = options?.find((opt) => opt.key === value)?.value;
         return React.createElement(TextInput, { ...props, value: theValAsString });
     }
     // Need to use both getOptionLabel and getOptionSelected to map our
@@ -137,6 +139,6 @@ export default function AutoComplete(props) {
             return option.value ? option.value : '';
         }, getOptionSelected: (option) => {
             return option.value ? option.value : '';
-        }, fullWidth: true, onChange: handleChange, value: selectedValue, inputValue: inputValue || selectedValue, onInputChange: handleInputValue, renderInput: params => (React.createElement(TextField, { ...params, fullWidth: true, variant: 'outlined', helperText: helperTextToDisplay, placeholder: placeholder, size: 'small', required: required, error: status === 'error', label: label, "data-test-id": testId })) }));
+        }, fullWidth: true, onChange: handleChange, value: selectedValue, inputValue: inputValue || selectedValue, onInputChange: handleInputValue, renderInput: (params) => (React.createElement(TextField, { ...params, fullWidth: true, variant: "outlined", helperText: helperTextToDisplay, placeholder: placeholder, size: "small", required: required, error: status === 'error', label: label, "data-test-id": testId })) }));
 }
 //# sourceMappingURL=AutoComplete.js.map

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

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

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

@@ -1,5 +1,10 @@
 /// <reference types="react" />
+import type { PConnFieldProps } from '../../../types/PConnProps';
 import './CancelAlert.css';
-declare const CancelAlert: (props: any) => JSX.Element;
-export default CancelAlert;
+interface CancelAlertProps extends PConnFieldProps {
+    pConn: any;
+    updateAlertState: any;
+}
+export default function CancelAlert(props: CancelAlertProps): JSX.Element;
+export {};
 //# sourceMappingURL=CancelAlert.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"CancelAlert.d.ts","sourceRoot":"","sources":["../../../../src/components/field/CancelAlert/CancelAlert.tsx"],"names":[],"mappings":";AAIA,OAAO,mBAAmB,CAAC;AAI3B,QAAA,MAAM,WAAW,6BAmHhB,CAAC;AAEF,eAAe,WAAW,CAAC"}
+{"version":3,"file":"CancelAlert.d.ts","sourceRoot":"","sources":["../../../../src/components/field/CancelAlert/CancelAlert.tsx"],"names":[],"mappings":";AAGA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,2BAA2B,CAAC;AACjE,OAAO,mBAAmB,CAAC;AAM3B,UAAU,gBAAiB,SAAQ,eAAe;IAEhD,KAAK,EAAE,GAAG,CAAC;IACX,gBAAgB,EAAE,GAAG,CAAA;CACtB;AAGD,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,KAAK,EAAE,gBAAgB,eAqH1D"}

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

@@ -2,7 +2,7 @@ import React, { useState } from 'react';
 import { Button, Grid, IconButton, Snackbar } from '@material-ui/core';
 import CloseIcon from '@material-ui/icons/Close';
 import './CancelAlert.css';
-const CancelAlert = props => {
+export default function CancelAlert(props) {
     const { pConn, updateAlertState } = props;
     const [showSnackbar, setShowSnackbar] = useState(false);
     const [snackbarMessage, setSnackbarMessage] = useState('');
@@ -10,6 +10,8 @@ const CancelAlert = props => {
     const caseInfo = pConn.getCaseInfo();
     const caseName = caseInfo.getName();
     const ID = caseInfo.getID();
+    const localizedVal = PCore.getLocaleUtils().getLocaleValue;
+    const localeCategory = 'ModalContainer';
     function showToast(message) {
         setSnackbarMessage(message);
         setShowSnackbar(true);
@@ -38,7 +40,7 @@ const CancelAlert = props => {
                     PCore.getPubSubUtils().publish(PCore.getConstants().PUB_SUB_EVENTS.CASE_EVENTS.CASE_CREATED);
                 })
                     .catch(() => {
-                    showToast('Save failed');
+                    showToast(localizedVal('Save failed', localeCategory));
                 });
                 break;
             case 'continue':
@@ -53,7 +55,7 @@ const CancelAlert = props => {
                     PCore.getPubSubUtils().publish(PCore.getConstants().PUB_SUB_EVENTS.EVENT_CANCEL);
                 })
                     .catch(() => {
-                    showToast('Delete failed.');
+                    showToast(localizedVal('Delete failed.', localeCategory));
                 });
                 break;
             default:
@@ -65,17 +67,17 @@ const CancelAlert = props => {
             React.createElement("div", { className: 'cancel-alert-top' },
                 React.createElement("h3", null, `Delete ${caseName}(${ID})`),
                 React.createElement("div", null,
-                    React.createElement("p", null, `Are you sure you want to delete ${caseName} (${ID})?`),
-                    React.createElement("p", null, "Alternatively, you can continue working or save your work for later.")),
+                    React.createElement("p", null, `${localizedVal('Are you sure you want to delete', localeCategory)} ${caseName} (${ID})?`),
+                    React.createElement("p", null, localizedVal('Alternatively, you can continue working or save your work for later.', localeCategory))),
                 React.createElement("div", { className: 'action-controls' },
                     React.createElement(Grid, { container: true, spacing: 4, justifyContent: 'space-between' },
                         React.createElement(Grid, { item: true },
-                            React.createElement(Button, { variant: 'outlined', color: 'primary', onClick: () => buttonClick('save') }, "Save for later")),
+                            React.createElement(Button, { variant: 'outlined', color: 'primary', onClick: () => buttonClick('save') }, localizedVal('Save for later', localeCategory))),
                         React.createElement(Grid, { item: true },
-                            React.createElement(Button, { variant: 'outlined', color: 'primary', onClick: () => buttonClick('continue') }, "Continue Working"),
-                            React.createElement(Button, { variant: 'contained', color: 'primary', onClick: () => buttonClick('delete') }, "Delete")))))),
+                            React.createElement(Button, { variant: 'outlined', color: 'primary', onClick: () => buttonClick('continue') }, localizedVal('Continue Working', localeCategory)),
+                            React.createElement(Button, { variant: 'contained', color: 'primary', onClick: () => buttonClick('delete') }, localizedVal('Delete', localeCategory))))))),
         React.createElement(Snackbar, { open: showSnackbar, autoHideDuration: 3000, onClose: handleSnackbarClose, message: snackbarMessage, action: React.createElement(IconButton, { size: 'small', "aria-label": 'close', color: 'inherit', onClick: handleSnackbarClose },
                 React.createElement(CloseIcon, { fontSize: 'small' })) })));
-};
-export default CancelAlert;
+}
+;
 //# sourceMappingURL=CancelAlert.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"CancelAlert.js","sourceRoot":"","sources":["../../../../src/components/field/CancelAlert/CancelAlert.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACxC,OAAO,EAAE,MAAM,EAAE,IAAI,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AACvE,OAAO,SAAS,MAAM,0BAA0B,CAAC;AAEjD,OAAO,mBAAmB,CAAC;AAI3B,MAAM,WAAW,GAAG,KAAK,CAAC,EAAE;IAC1B,MAAM,EAAE,KAAK,EAAE,gBAAgB,EAAE,GAAG,KAAK,CAAC;IAC1C,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IACxD,MAAM,CAAC,eAAe,EAAE,kBAAkB,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC;IAE3D,MAAM,OAAO,GAAG,KAAK,CAAC,cAAc,EAAE,CAAC;IACvC,MAAM,QAAQ,GAAG,KAAK,CAAC,WAAW,EAAE,CAAC;IACrC,MAAM,QAAQ,GAAG,QAAQ,CAAC,OAAO,EAAE,CAAC;IACpC,MAAM,EAAE,GAAG,QAAQ,CAAC,KAAK,EAAE,CAAC;IAE5B,SAAS,SAAS,CAAC,OAAe;QAChC,kBAAkB,CAAC,OAAO,CAAC,CAAC;QAC5B,eAAe,CAAC,IAAI,CAAC,CAAC;IACxB,CAAC;IAED,MAAM,sBAAsB,GAAG,GAAG,EAAE;QAClC,gBAAgB,CAAC,IAAI,CAAC,CAAC;IACzB,CAAC,CAAC;IAEF,MAAM,YAAY,GAAG,GAAG,EAAE;QACxB,gBAAgB,CAAC,KAAK,CAAC,CAAC;IAC1B,CAAC,CAAC;IAEF,SAAS,mBAAmB,CAAC,KAA8C,EAAE,MAAe;QAC1F,IAAI,MAAM,KAAK,WAAW,EAAE;YAC1B,OAAO;SACR;QACD,eAAe,CAAC,KAAK,CAAC,CAAC;IACzB,CAAC;IAED,MAAM,WAAW,GAAG,MAAM,CAAC,EAAE;QAC3B,MAAM,UAAU,GAAG,KAAK,CAAC,aAAa,EAAE,CAAC;QAEzC,QAAQ,MAAM,EAAE;YACd,KAAK,MAAM;gBACT,gDAAgD;gBAChD,MAAM,WAAW,GAAG,UAAU,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC;gBAErD,WAAW;qBACR,IAAI,CAAC,GAAG,EAAE;oBACT,YAAY,EAAE,CAAC;oBAEf,KAAK,CAAC,cAAc,EAAE,CAAC,OAAO,CAC5B,KAAK,CAAC,YAAY,EAAE,CAAC,cAAc,CAAC,WAAW,CAAC,YAAY,CAC7D,CAAC;gBACJ,CAAC,CAAC;qBACD,KAAK,CAAC,GAAG,EAAE;oBACV,SAAS,CAAC,aAAa,CAAC,CAAC;gBAC3B,CAAC,CAAC,CAAC;gBACL,MAAM;YAER,KAAK,UAAU;gBACb,sBAAsB,EAAE,CAAC;gBACzB,MAAM;YAER,KAAK,QAAQ;gBACX,gDAAgD;gBAChD,MAAM,aAAa,GAAG,UAAU,CAAC,uBAAuB,CAAC,OAAO,CAAC,CAAC;gBAElE,aAAa;qBACV,IAAI,CAAC,GAAG,EAAE;oBACT,YAAY,EAAE,CAAC;oBACf,KAAK,CAAC,cAAc,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC,YAAY,EAAE,CAAC,cAAc,CAAC,YAAY,CAAC,CAAC;gBACnF,CAAC,CAAC;qBACD,KAAK,CAAC,GAAG,EAAE;oBACV,SAAS,CAAC,gBAAgB,CAAC,CAAC;gBAC9B,CAAC,CAAC,CAAC;gBACL,MAAM;YAER;gBACE,MAAM;SACT;IACH,CAAC,CAAC;IAEF,OAAO,CACL;QACE,6BAAK,SAAS,EAAC,yBAAyB;YACtC,6BAAK,SAAS,EAAC,kBAAkB;gBAC/B,gCAAK,UAAU,QAAQ,IAAI,EAAE,GAAG,CAAM;gBACtC;oBACE,+BAAI,mCAAmC,QAAQ,KAAK,EAAE,IAAI,CAAK;oBAC/D,sGAA2E,CACvE;gBACN,6BAAK,SAAS,EAAC,iBAAiB;oBAC9B,oBAAC,IAAI,IAAC,SAAS,QAAC,OAAO,EAAE,CAAC,EAAE,cAAc,EAAC,eAAe;wBACxD,oBAAC,IAAI,IAAC,IAAI;4BACR,oBAAC,MAAM,IAAC,OAAO,EAAC,UAAU,EAAC,KAAK,EAAC,SAAS,EAAC,OAAO,EAAE,GAAG,EAAE,CAAC,WAAW,CAAC,MAAM,CAAC,qBAEpE,CACJ;wBACP,oBAAC,IAAI,IAAC,IAAI;4BACR,oBAAC,MAAM,IAAC,OAAO,EAAC,UAAU,EAAC,KAAK,EAAC,SAAS,EAAC,OAAO,EAAE,GAAG,EAAE,CAAC,WAAW,CAAC,UAAU,CAAC,uBAExE;4BACT,oBAAC,MAAM,IAAC,OAAO,EAAC,WAAW,EAAC,KAAK,EAAC,SAAS,EAAC,OAAO,EAAE,GAAG,EAAE,CAAC,WAAW,CAAC,QAAQ,CAAC,aAEvE,CACJ,CACF,CACH,CACF,CACF;QACN,oBAAC,QAAQ,IACP,IAAI,EAAE,YAAY,EAClB,gBAAgB,EAAE,IAAI,EACtB,OAAO,EAAE,mBAAmB,EAC5B,OAAO,EAAE,eAAe,EACxB,MAAM,EACJ,oBAAC,UAAU,IAAC,IAAI,EAAC,OAAO,gBAAY,OAAO,EAAC,KAAK,EAAC,SAAS,EAAC,OAAO,EAAE,mBAAmB;gBACtF,oBAAC,SAAS,IAAC,QAAQ,EAAC,OAAO,GAAG,CACnB,GAEf,CACD,CACJ,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,WAAW,CAAC","sourcesContent":["import React, { useState } from 'react';\nimport { Button, Grid, IconButton, Snackbar } from '@material-ui/core';\nimport CloseIcon from '@material-ui/icons/Close';\n\nimport './CancelAlert.css';\n\ndeclare const PCore;\n\nconst CancelAlert = props => {\n  const { pConn, updateAlertState } = props;\n  const [showSnackbar, setShowSnackbar] = useState(false);\n  const [snackbarMessage, setSnackbarMessage] = useState('');\n\n  const itemKey = pConn.getContextName();\n  const caseInfo = pConn.getCaseInfo();\n  const caseName = caseInfo.getName();\n  const ID = caseInfo.getID();\n\n  function showToast(message: string) {\n    setSnackbarMessage(message);\n    setShowSnackbar(true);\n  }\n\n  const dismissCancelAlertOnly = () => {\n    updateAlertState(true);\n  };\n\n  const dismissModal = () => {\n    updateAlertState(false);\n  };\n\n  function handleSnackbarClose(event: React.SyntheticEvent | React.MouseEvent, reason?: string) {\n    if (reason === 'clickaway') {\n      return;\n    }\n    setShowSnackbar(false);\n  }\n\n  const buttonClick = action => {\n    const actionsAPI = pConn.getActionsApi();\n\n    switch (action) {\n      case 'save':\n        // eslint-disable-next-line no-case-declarations\n        const savePromise = actionsAPI.saveAndClose(itemKey);\n\n        savePromise\n          .then(() => {\n            dismissModal();\n\n            PCore.getPubSubUtils().publish(\n              PCore.getConstants().PUB_SUB_EVENTS.CASE_EVENTS.CASE_CREATED\n            );\n          })\n          .catch(() => {\n            showToast('Save failed');\n          });\n        break;\n\n      case 'continue':\n        dismissCancelAlertOnly();\n        break;\n\n      case 'delete':\n        // eslint-disable-next-line no-case-declarations\n        const deletePromise = actionsAPI.deleteCaseInCreateStage(itemKey);\n\n        deletePromise\n          .then(() => {\n            dismissModal();\n            PCore.getPubSubUtils().publish(PCore.getConstants().PUB_SUB_EVENTS.EVENT_CANCEL);\n          })\n          .catch(() => {\n            showToast('Delete failed.');\n          });\n        break;\n\n      default:\n        break;\n    }\n  };\n\n  return (\n    <>\n      <div className='cancel-alert-background'>\n        <div className='cancel-alert-top'>\n          <h3>{`Delete ${caseName}(${ID})`}</h3>\n          <div>\n            <p>{`Are you sure you want to delete ${caseName} (${ID})?`}</p>\n            <p>Alternatively, you can continue working or save your work for later.</p>\n          </div>\n          <div className='action-controls'>\n            <Grid container spacing={4} justifyContent='space-between'>\n              <Grid item>\n                <Button variant='outlined' color='primary' onClick={() => buttonClick('save')}>\n                  Save for later\n                </Button>\n              </Grid>\n              <Grid item>\n                <Button variant='outlined' color='primary' onClick={() => buttonClick('continue')}>\n                  Continue Working\n                </Button>\n                <Button variant='contained' color='primary' onClick={() => buttonClick('delete')}>\n                  Delete\n                </Button>\n              </Grid>\n            </Grid>\n          </div>\n        </div>\n      </div>\n      <Snackbar\n        open={showSnackbar}\n        autoHideDuration={3000}\n        onClose={handleSnackbarClose}\n        message={snackbarMessage}\n        action={\n          <IconButton size='small' aria-label='close' color='inherit' onClick={handleSnackbarClose}>\n            <CloseIcon fontSize='small' />\n          </IconButton>\n        }\n      />\n    </>\n  );\n};\n\nexport default CancelAlert;\n"]}
+{"version":3,"file":"CancelAlert.js","sourceRoot":"","sources":["../../../../src/components/field/CancelAlert/CancelAlert.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { useState } from 'react';\nimport { Button, Grid, IconButton, Snackbar } from '@material-ui/core';\nimport CloseIcon from '@material-ui/icons/Close';\nimport type { PConnFieldProps } from '../../../types/PConnProps';\nimport './CancelAlert.css';\n\n// Remove this and use \"real\" PCore type once .d.ts is fixed (currently shows 2 errors)\ndeclare const PCore: any;\n\n\ninterface CancelAlertProps extends PConnFieldProps {\n  // If any, enter additional props that only exist on CancelAlert here\n  pConn: any,\n  updateAlertState: any\n}\n\n\nexport default function CancelAlert(props: CancelAlertProps) {\n  const { pConn, updateAlertState } = props;\n  const [showSnackbar, setShowSnackbar] = useState(false);\n  const [snackbarMessage, setSnackbarMessage] = useState('');\n\n  const itemKey = pConn.getContextName();\n  const caseInfo = pConn.getCaseInfo();\n  const caseName = caseInfo.getName();\n  const ID = caseInfo.getID();\n  const localizedVal = PCore.getLocaleUtils().getLocaleValue;\n  const localeCategory = 'ModalContainer';\n\n  function showToast(message: string) {\n    setSnackbarMessage(message);\n    setShowSnackbar(true);\n  }\n\n  const dismissCancelAlertOnly = () => {\n    updateAlertState(true);\n  };\n\n  const dismissModal = () => {\n    updateAlertState(false);\n  };\n\n  function handleSnackbarClose(event: React.SyntheticEvent | React.MouseEvent, reason?: string) {\n    if (reason === 'clickaway') {\n      return;\n    }\n    setShowSnackbar(false);\n  }\n\n  const buttonClick = action => {\n    const actionsAPI = pConn.getActionsApi();\n\n    switch (action) {\n      case 'save':\n        // eslint-disable-next-line no-case-declarations\n        const savePromise = actionsAPI.saveAndClose(itemKey);\n\n        savePromise\n          .then(() => {\n            dismissModal();\n\n            PCore.getPubSubUtils().publish(\n              PCore.getConstants().PUB_SUB_EVENTS.CASE_EVENTS.CASE_CREATED\n            );\n          })\n          .catch(() => {\n            showToast(localizedVal('Save failed', localeCategory));\n          });\n        break;\n\n      case 'continue':\n        dismissCancelAlertOnly();\n        break;\n\n      case 'delete':\n        // eslint-disable-next-line no-case-declarations\n        const deletePromise = actionsAPI.deleteCaseInCreateStage(itemKey);\n\n        deletePromise\n          .then(() => {\n            dismissModal();\n            PCore.getPubSubUtils().publish(PCore.getConstants().PUB_SUB_EVENTS.EVENT_CANCEL);\n          })\n          .catch(() => {\n            showToast(localizedVal('Delete failed.', localeCategory));\n          });\n        break;\n\n      default:\n        break;\n    }\n  };\n\n  return (\n    <>\n      <div className='cancel-alert-background'>\n        <div className='cancel-alert-top'>\n          <h3>{`Delete ${caseName}(${ID})`}</h3>\n          <div>\n            <p>{`${localizedVal('Are you sure you want to delete', localeCategory)} ${caseName} (${ID})?`}</p>\n            <p>{localizedVal('Alternatively, you can continue working or save your work for later.', localeCategory)}</p>\n          </div>\n          <div className='action-controls'>\n            <Grid container spacing={4} justifyContent='space-between'>\n              <Grid item>\n                <Button variant='outlined' color='primary' onClick={() => buttonClick('save')}>\n                  {localizedVal('Save for later', localeCategory)}\n                </Button>\n              </Grid>\n              <Grid item>\n                <Button variant='outlined' color='primary' onClick={() => buttonClick('continue')}>\n                  {localizedVal('Continue Working', localeCategory)}\n                </Button>\n                <Button variant='contained' color='primary' onClick={() => buttonClick('delete')}>\n                  {localizedVal('Delete', localeCategory)}\n                </Button>\n              </Grid>\n            </Grid>\n          </div>\n        </div>\n      </div>\n      <Snackbar\n        open={showSnackbar}\n        autoHideDuration={3000}\n        onClose={handleSnackbarClose}\n        message={snackbarMessage}\n        action={\n          <IconButton size='small' aria-label='close' color='inherit' onClick={handleSnackbarClose}>\n            <CloseIcon fontSize='small' />\n          </IconButton>\n        }\n      />\n    </>\n  );\n};\n"]}

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

@@ -1,3 +1,21 @@
 /// <reference types="react" />
-export default function CheckboxComponent(props: any): JSX.Element;
+import type { PConnProps } from '../../../types/PConnProps';
+interface CheckboxProps extends PConnProps {
+    value?: boolean;
+    label: string;
+    required: boolean;
+    disabled: boolean;
+    validatemessage: string;
+    status?: string;
+    onChange: any;
+    onBlur?: any;
+    readOnly: boolean;
+    testId: string;
+    helperText: string;
+    displayMode?: string;
+    hideLabel: boolean;
+    placeholder?: string;
+}
+export default function CheckboxComponent(props: CheckboxProps): JSX.Element;
+export {};
 //# sourceMappingURL=Checkbox.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Checkbox.d.ts","sourceRoot":"","sources":["../../../../src/components/field/Checkbox/Checkbox.tsx"],"names":[],"mappings":";AAWA,MAAM,CAAC,OAAO,UAAU,iBAAiB,CAAC,KAAK,KAAA,eAoE9C"}
+{"version":3,"file":"Checkbox.d.ts","sourceRoot":"","sources":["../../../../src/components/field/Checkbox/Checkbox.tsx"],"names":[],"mappings":";AAGA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAC;AAK5D,UAAU,aAAc,SAAQ,UAAU;IAIxC,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,OAAO,CAAC;IAClB,QAAQ,EAAE,OAAO,CAAC;IAClB,eAAe,EAAE,MAAM,CAAC;IACxB,MAAM,CAAC,EAAE,MAAM,CAAC;IAEhB,QAAQ,EAAE,GAAG,CAAC;IAEd,MAAM,CAAC,EAAE,GAAG,CAAC;IACb,QAAQ,EAAE,OAAO,CAAC;IAClB,MAAM,EAAE,MAAM,CAAC;IACf,UAAU,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,EAAE,OAAO,CAAC;IAEnB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,MAAM,CAAC,OAAO,UAAU,iBAAiB,CAAC,KAAK,EAAE,aAAa,eAwE7D"}

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

@@ -1,9 +1,11 @@
 import React, { useState, useEffect } from 'react';
 import { Checkbox, FormControl, FormControlLabel, FormGroup, FormHelperText } from '@material-ui/core';
 import handleEvent from '../../helpers/event-utils';
-import FieldValueList from '../../designSystemExtension/FieldValueList';
+import { getComponentFromMap } from '../../../bridge/helpers/sdk_component_map';
 export default function CheckboxComponent(props) {
-    const { getPConnect, label, value = false, readOnly, testId, required, status, helperText, validatemessage, displayMode, hideLabel } = props;
+    // Get emitted components from map (so we can get any override that may exist)
+    const FieldValueList = getComponentFromMap('FieldValueList');
+    const { getPConnect, label, value = false, readOnly, testId, required, disabled, status, helperText, validatemessage, displayMode, hideLabel } = props;
     const helperTextToDisplay = validatemessage || helperText;
     const thePConn = getPConnect();
     const theConfigProps = thePConn.getConfigProps();
@@ -16,26 +18,26 @@ export default function CheckboxComponent(props) {
         setChecked(value);
     }, [value]);
     if (displayMode === 'LABELS_LEFT') {
-        return React.createElement(FieldValueList, { name: hideLabel ? '' : label, value: value });
+        return React.createElement(FieldValueList, { name: hideLabel ? '' : label, value: value.toString() });
     }
     if (displayMode === 'STACKED_LARGE_VAL') {
-        return React.createElement(FieldValueList, { name: hideLabel ? '' : label, value: value, variant: 'stacked' });
+        return React.createElement(FieldValueList, { name: hideLabel ? '' : label, value: value.toString(), variant: "stacked" });
     }
-    const handleChange = event => {
+    const handleChange = (event) => {
         handleEvent(actionsApi, 'changeNblur', propName, event.target.checked);
     };
-    const handleBlur = event => {
-        thePConn.getValidationApi().validate(event.target.checked);
+    const handleBlur = (event) => {
+        thePConn.getValidationApi().validate(event.target.checked, ''); // 2nd arg empty string until typedef marked correctly as optional
     };
-    let theCheckbox = React.createElement(Checkbox, { color: 'primary' });
+    let theCheckbox = React.createElement(Checkbox, { color: "primary", disabled: disabled });
     if (readOnly) {
         // Workaround for lack of InputProps readOnly from https://github.com/mui-org/material-ui/issues/17043
         //  Also note that we need to turn off the onChange call in the FormControlLabel wrapper, too. See below!
-        theCheckbox = React.createElement(Checkbox, { value: value || false, onChange: handleChange, readOnly: readOnly });
+        theCheckbox = React.createElement(Checkbox, { value: value || false, readOnly: readOnly });
     }
     return (React.createElement(FormControl, { required: required, error: status === 'error' },
         React.createElement(FormGroup, null,
-            React.createElement(FormControlLabel, { control: theCheckbox, checked: checked, onChange: !readOnly ? handleChange : undefined, onBlur: !readOnly ? handleBlur : undefined, label: caption, labelPlacement: 'end', "data-test-id": testId })),
+            React.createElement(FormControlLabel, { control: theCheckbox, checked: checked, onChange: !readOnly ? handleChange : undefined, onBlur: !readOnly ? handleBlur : undefined, label: caption, labelPlacement: "end", "data-test-id": testId })),
         React.createElement(FormHelperText, null, helperTextToDisplay)));
 }
 //# sourceMappingURL=Checkbox.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Checkbox.js","sourceRoot":"","sources":["../../../../src/components/field/Checkbox/Checkbox.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { useState, useEffect } from 'react';\nimport {\n  Checkbox,\n  FormControl,\n  FormControlLabel,\n  FormGroup,\n  FormHelperText\n} from '@material-ui/core';\nimport handleEvent from '../../helpers/event-utils';\nimport FieldValueList from '../../designSystemExtension/FieldValueList';\n\nexport default function CheckboxComponent(props) {\n  const {\n    getPConnect,\n    label,\n    value = false,\n    readOnly,\n    testId,\n    required,\n    status,\n    helperText,\n    validatemessage,\n    displayMode,\n    hideLabel\n  } = props;\n  const helperTextToDisplay = validatemessage || helperText;\n\n  const thePConn = getPConnect();\n  const theConfigProps = thePConn.getConfigProps();\n  const { caption } = theConfigProps;\n  const actionsApi = thePConn.getActionsApi();\n  const propName = thePConn.getStateProps().value;\n\n  const [checked, setChecked] = useState(false);\n  useEffect(() => {\n    // This update theSelectedButton which will update the UI to show the selected button correctly\n    setChecked(value);\n  }, [value]);\n\n  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  const handleChange = event => {\n    handleEvent(actionsApi, 'changeNblur', propName, event.target.checked);\n  };\n\n  const handleBlur = event => {\n    thePConn.getValidationApi().validate(event.target.checked);\n  };\n\n  let theCheckbox = <Checkbox color='primary' />;\n\n  if (readOnly) {\n    // Workaround for lack of InputProps readOnly from https://github.com/mui-org/material-ui/issues/17043\n    //  Also note that we need to turn off the onChange call in the FormControlLabel wrapper, too. See below!\n    theCheckbox = <Checkbox value={value || false} onChange={handleChange} readOnly={readOnly} />;\n  }\n\n  return (\n    <FormControl required={required} error={status === 'error'}>\n      <FormGroup>\n        <FormControlLabel\n          control={theCheckbox}\n          checked={checked}\n          onChange={!readOnly ? handleChange : undefined}\n          onBlur={!readOnly ? handleBlur : undefined}\n          label={caption}\n          labelPlacement='end'\n          data-test-id={testId}\n        />\n      </FormGroup>\n      <FormHelperText>{helperTextToDisplay}</FormHelperText>\n    </FormControl>\n  );\n}\n"]}
+{"version":3,"file":"Checkbox.js","sourceRoot":"","sources":["../../../../src/components/field/Checkbox/Checkbox.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { useState, useEffect } from 'react';\nimport { Checkbox, FormControl, FormControlLabel, FormGroup, FormHelperText } from '@material-ui/core';\nimport handleEvent from '../../helpers/event-utils';\nimport type { PConnProps } from '../../../types/PConnProps';\nimport { getComponentFromMap } from '../../../bridge/helpers/sdk_component_map';\n\n// Checkbox passes in 'value' as a boolean. So can't use the default\n//  PConnFieldProps since it expects value to be a string.\ninterface CheckboxProps extends PConnProps {\n  // If any, enter additional props that only exist on Checkbox here\n  // Everything from PConnFieldProps except value and change type of value to boolean\n\n  value?: boolean;\n  label: string;\n  required: boolean;\n  disabled: boolean;\n  validatemessage: string;\n  status?: string;\n  // eslint-disable-next-line react/no-unused-prop-types\n  onChange: any;\n  // eslint-disable-next-line react/no-unused-prop-types\n  onBlur?: any;\n  readOnly: boolean;\n  testId: string;\n  helperText: string;\n  displayMode?: string;\n  hideLabel: boolean;\n  // eslint-disable-next-line react/no-unused-prop-types\n  placeholder?: string;\n}\n\nexport default function CheckboxComponent(props: CheckboxProps) {\n  // Get emitted components from map (so we can get any override that may exist)\n  const FieldValueList = getComponentFromMap('FieldValueList');\n\n  const {\n    getPConnect,\n    label,\n    value = false,\n    readOnly,\n    testId,\n    required,\n    disabled,\n    status,\n    helperText,\n    validatemessage,\n    displayMode,\n    hideLabel\n  } = props;\n  const helperTextToDisplay = validatemessage || helperText;\n\n  const thePConn = getPConnect();\n  const theConfigProps = thePConn.getConfigProps();\n  const { caption } = theConfigProps;\n  const actionsApi = thePConn.getActionsApi();\n  const propName = thePConn.getStateProps().value;\n\n  const [checked, setChecked] = useState(false);\n  useEffect(() => {\n    // This update theSelectedButton which will update the UI to show the selected button correctly\n    setChecked(value);\n  }, [value]);\n\n  if (displayMode === 'LABELS_LEFT') {\n    return <FieldValueList name={hideLabel ? '' : label} value={value.toString()} />;\n  }\n\n  if (displayMode === 'STACKED_LARGE_VAL') {\n    return <FieldValueList name={hideLabel ? '' : label} value={value.toString()} variant=\"stacked\" />;\n  }\n\n  const handleChange = (event) => {\n    handleEvent(actionsApi, 'changeNblur', propName, event.target.checked);\n  };\n\n  const handleBlur = (event) => {\n    thePConn.getValidationApi().validate(event.target.checked, ''); // 2nd arg empty string until typedef marked correctly as optional\n  };\n\n  let theCheckbox = <Checkbox color=\"primary\" disabled={disabled} />;\n\n  if (readOnly) {\n    // Workaround for lack of InputProps readOnly from https://github.com/mui-org/material-ui/issues/17043\n    //  Also note that we need to turn off the onChange call in the FormControlLabel wrapper, too. See below!\n    theCheckbox = <Checkbox value={value || false} readOnly={readOnly} />;\n  }\n\n  return (\n    <FormControl required={required} error={status === 'error'}>\n      <FormGroup>\n        <FormControlLabel\n          control={theCheckbox}\n          checked={checked}\n          onChange={!readOnly ? handleChange : undefined}\n          onBlur={!readOnly ? handleBlur : undefined}\n          label={caption}\n          labelPlacement=\"end\"\n          data-test-id={testId}\n        />\n      </FormGroup>\n      <FormHelperText>{helperTextToDisplay}</FormHelperText>\n    </FormControl>\n  );\n}\n"]}

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

@@ -1,3 +1,8 @@
 /// <reference types="react" />
-export default function Currency(props: any): JSX.Element;
+import type { PConnFieldProps } from '../../../types/PConnProps';
+interface CurrrencyProps extends PConnFieldProps {
+    currencyISOCode?: string;
+}
+export default function Currency(props: CurrrencyProps): JSX.Element;
+export {};
 //# sourceMappingURL=Currency.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Currency.d.ts","sourceRoot":"","sources":["../../../../src/components/field/Currency/Currency.tsx"],"names":[],"mappings":";AAUA,MAAM,CAAC,OAAO,UAAU,QAAQ,CAAC,KAAK,KAAA,eAwGrC"}
+{"version":3,"file":"Currency.d.ts","sourceRoot":"","sources":["../../../../src/components/field/Currency/Currency.tsx"],"names":[],"mappings":";AAMA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,2BAA2B,CAAC;AAIjE,UAAU,cAAe,SAAQ,eAAe;IAE9C,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B;AAED,MAAM,CAAC,OAAO,UAAU,QAAQ,CAAC,KAAK,EAAE,cAAc,eA2GrD"}

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

@@ -1,15 +1,15 @@
 import React, { useState, useEffect } from 'react';
-// import { TextField } from "@material-ui/core";
 import CurrencyTextField from '@unicef/material-ui-currency-textfield';
 import handleEvent from '../../helpers/event-utils';
-import FieldValueList from '../../designSystemExtension/FieldValueList';
-import { format } from "../../helpers/formatters";
+import { format } from '../../helpers/formatters';
 import { getCurrencyCharacters, getCurrencyOptions } from './currency-utils';
-// Using control from: https://github.com/unicef/material-ui-currency-textfield
+import { getComponentFromMap } from '../../../bridge/helpers/sdk_component_map';
 export default function Currency(props) {
+    // Get emitted components from map (so we can get any override that may exist)
+    const FieldValueList = getComponentFromMap('FieldValueList');
     const { getPConnect, label, required, disabled, value = '', validatemessage, status, 
     /* onChange, onBlur, */
-    readOnly, testId, helperText, displayMode, hideLabel, currencyISOCode = "USD" } = props;
+    readOnly, testId, helperText, displayMode, hideLabel, currencyISOCode = 'USD' } = props;
     const pConn = getPConnect();
     const actions = pConn.getActionsApi();
     const propName = pConn.getStateProps().value;
@@ -23,10 +23,10 @@ export default function Currency(props) {
     testProp = {
         'data-test-id': testId
     };
-    const [currValue, setCurrValue] = useState();
-    const [theCurrSym, setCurrSym] = useState("$");
-    const [theCurrDec, setCurrDec] = useState(".");
-    const [theCurrSep, setCurrSep] = useState(",");
+    const [currValue, setCurrValue] = useState('');
+    const [theCurrSym, setCurrSym] = useState('$');
+    const [theCurrDec, setCurrDec] = useState('.');
+    const [theCurrSep, setCurrSep] = useState(',');
     useEffect(() => {
         // currencySymbols looks like this: { theCurrencySymbol: '$', theDecimalIndicator: '.', theSeparator: ',' }
         const theSymbols = getCurrencyCharacters(currencyISOCode);
@@ -44,7 +44,7 @@ export default function Currency(props) {
         return React.createElement(FieldValueList, { name: hideLabel ? '' : label, value: formattedValue });
     }
     if (displayMode === 'STACKED_LARGE_VAL') {
-        return React.createElement(FieldValueList, { name: hideLabel ? '' : label, value: formattedValue, variant: 'stacked' });
+        return React.createElement(FieldValueList, { name: hideLabel ? '' : label, value: formattedValue, variant: "stacked" });
     }
     // eslint-disable-next-line no-unused-vars, @typescript-eslint/no-unused-vars
     function currOnChange(event, inValue) {
@@ -57,6 +57,6 @@ export default function Currency(props) {
         handleEvent(actions, 'changeNblur', propName, inValue !== '' ? Number(inValue) : inValue);
     }
     // console.log(`theCurrSym: ${theCurrSym} | theCurrDec: ${theCurrDec} | theCurrSep: ${theCurrSep}`);
-    return (React.createElement(CurrencyTextField, { fullWidth: true, variant: readOnly ? 'standard' : 'outlined', helperText: helperTextToDisplay, placeholder: '', size: 'small', required: required, disabled: disabled, onChange: currOnChange, onBlur: !readOnly ? currOnBlur : undefined, error: status === 'error', label: label, value: currValue, type: 'text', outputFormat: 'number', textAlign: 'left', InputProps: { ...readOnlyProp, inputProps: { ...testProp, value: currValue } }, currencySymbol: theCurrSym, decimalCharacter: theCurrDec, digitGroupSeparator: theCurrSep }));
+    return (React.createElement(CurrencyTextField, { fullWidth: true, variant: readOnly ? 'standard' : 'outlined', helperText: helperTextToDisplay, placeholder: "", size: "small", required: required, disabled: disabled, onChange: currOnChange, onBlur: !readOnly ? currOnBlur : undefined, error: status === 'error', label: label, value: currValue, type: "text", outputFormat: "number", textAlign: "left", InputProps: { ...readOnlyProp, inputProps: { ...testProp, value: currValue } }, currencySymbol: theCurrSym, decimalCharacter: theCurrDec, digitGroupSeparator: theCurrSep }));
 }
 //# sourceMappingURL=Currency.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Currency.js","sourceRoot":"","sources":["../../../../src/components/field/Currency/Currency.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { useState, useEffect } from 'react';\n// import { TextField } from \"@material-ui/core\";\nimport CurrencyTextField from '@unicef/material-ui-currency-textfield';\nimport handleEvent from '../../helpers/event-utils';\nimport FieldValueList from '../../designSystemExtension/FieldValueList';\nimport { format } from \"../../helpers/formatters\";\nimport { getCurrencyCharacters, getCurrencyOptions } from './currency-utils';\n\n// Using control from: https://github.com/unicef/material-ui-currency-textfield\n\nexport default function Currency(props) {\n  const {\n    getPConnect,\n    label,\n    required,\n    disabled,\n    value = '',\n    validatemessage,\n    status,\n    /* onChange, onBlur, */\n    readOnly,\n    testId,\n    helperText,\n    displayMode,\n    hideLabel,\n    currencyISOCode = \"USD\"\n  } = props;\n\n  const pConn = getPConnect();\n  const actions = pConn.getActionsApi();\n  const propName = pConn.getStateProps().value;\n  const helperTextToDisplay = validatemessage || helperText;\n\n  // console.log(`Currency: label: ${label} value: ${value}`);\n\n  let readOnlyProp = {}; // Note: empty if NOT ReadOnly\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 [currValue, setCurrValue] = useState();\n  const [theCurrSym, setCurrSym] = useState(\"$\");\n  const [theCurrDec, setCurrDec] = useState(\".\");\n  const [theCurrSep, setCurrSep] = useState(\",\");\n\n  useEffect(() => {\n    // currencySymbols looks like this: { theCurrencySymbol: '$', theDecimalIndicator: '.', theSeparator: ',' }\n    const theSymbols = getCurrencyCharacters(currencyISOCode);\n    setCurrSym(theSymbols.theCurrencySymbol);\n    setCurrDec(theSymbols.theDecimalIndicator);\n    setCurrSep(theSymbols.theDigitGroupSeparator);\n  }, [currencyISOCode]);\n\n  useEffect(() => {\n    // const testVal = value;\n    setCurrValue(value.toString());\n  }, [value]);\n\n  const theCurrencyOptions = getCurrencyOptions(currencyISOCode);\n  const formattedValue = format(value, pConn.getComponentName().toLowerCase(), theCurrencyOptions);\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  // eslint-disable-next-line no-unused-vars, @typescript-eslint/no-unused-vars\n  function currOnChange(event, inValue) {\n    // console.log(`Currency currOnChange inValue: ${inValue}`);\n\n    // update internal value\n    setCurrValue(event?.target?.value);\n  }\n\n  function currOnBlur(event, inValue) {\n    // console.log(`Currency currOnBlur inValue: ${inValue}`);\n    handleEvent(actions, 'changeNblur', propName, inValue !== '' ? Number(inValue) : inValue);\n  }\n\n  // console.log(`theCurrSym: ${theCurrSym} | theCurrDec: ${theCurrDec} | theCurrSep: ${theCurrSep}`);\n\n  return (\n    <CurrencyTextField\n      fullWidth\n      variant={readOnly ? 'standard' : 'outlined'}\n      helperText={helperTextToDisplay}\n      placeholder=''\n      size='small'\n      required={required}\n      disabled={disabled}\n      onChange={currOnChange}\n      onBlur={!readOnly ? currOnBlur : undefined}\n      error={status === 'error'}\n      label={label}\n      value={currValue}\n      type='text'\n      outputFormat='number'\n      textAlign='left'\n      InputProps={{ ...readOnlyProp, inputProps: { ...testProp, value: currValue } }}\n      currencySymbol={theCurrSym}\n      decimalCharacter={theCurrDec}\n      digitGroupSeparator={theCurrSep}\n    />\n  );\n}\n"]}
+{"version":3,"file":"Currency.js","sourceRoot":"","sources":["../../../../src/components/field/Currency/Currency.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { useState, useEffect } from 'react';\nimport CurrencyTextField from '@unicef/material-ui-currency-textfield';\nimport handleEvent from '../../helpers/event-utils';\nimport { format } from '../../helpers/formatters';\nimport { getCurrencyCharacters, getCurrencyOptions } from './currency-utils';\nimport { getComponentFromMap } from '../../../bridge/helpers/sdk_component_map';\nimport type { PConnFieldProps } from '../../../types/PConnProps';\n\n// Using control from: https://github.com/unicef/material-ui-currency-textfield\n\ninterface CurrrencyProps extends PConnFieldProps {\n  // If any, enter additional props that only exist on Currency here\n  currencyISOCode?: string;\n}\n\nexport default function Currency(props: CurrrencyProps) {\n  // Get emitted components from map (so we can get any override that may exist)\n  const FieldValueList = getComponentFromMap('FieldValueList');\n\n  const {\n    getPConnect,\n    label,\n    required,\n    disabled,\n    value = '',\n    validatemessage,\n    status,\n    /* onChange, onBlur, */\n    readOnly,\n    testId,\n    helperText,\n    displayMode,\n    hideLabel,\n    currencyISOCode = 'USD'\n  } = props;\n\n  const pConn = getPConnect();\n  const actions = pConn.getActionsApi();\n  const propName = pConn.getStateProps().value;\n  const helperTextToDisplay = validatemessage || helperText;\n\n  // console.log(`Currency: label: ${label} value: ${value}`);\n\n  let readOnlyProp = {}; // Note: empty if NOT ReadOnly\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 [currValue, setCurrValue] = useState('');\n  const [theCurrSym, setCurrSym] = useState('$');\n  const [theCurrDec, setCurrDec] = useState('.');\n  const [theCurrSep, setCurrSep] = useState(',');\n\n  useEffect(() => {\n    // currencySymbols looks like this: { theCurrencySymbol: '$', theDecimalIndicator: '.', theSeparator: ',' }\n    const theSymbols = getCurrencyCharacters(currencyISOCode);\n    setCurrSym(theSymbols.theCurrencySymbol);\n    setCurrDec(theSymbols.theDecimalIndicator);\n    setCurrSep(theSymbols.theDigitGroupSeparator);\n  }, [currencyISOCode]);\n\n  useEffect(() => {\n    // const testVal = value;\n    setCurrValue(value.toString());\n  }, [value]);\n\n  const theCurrencyOptions = getCurrencyOptions(currencyISOCode);\n  const formattedValue = format(value, pConn.getComponentName().toLowerCase(), theCurrencyOptions);\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  // eslint-disable-next-line no-unused-vars, @typescript-eslint/no-unused-vars\n  function currOnChange(event, inValue) {\n    // console.log(`Currency currOnChange inValue: ${inValue}`);\n\n    // update internal value\n    setCurrValue(event?.target?.value);\n  }\n\n  function currOnBlur(event, inValue) {\n    // console.log(`Currency currOnBlur inValue: ${inValue}`);\n    handleEvent(actions, 'changeNblur', propName, inValue !== '' ? Number(inValue) : inValue);\n  }\n\n  // console.log(`theCurrSym: ${theCurrSym} | theCurrDec: ${theCurrDec} | theCurrSep: ${theCurrSep}`);\n\n  return (\n    <CurrencyTextField\n      fullWidth\n      variant={readOnly ? 'standard' : 'outlined'}\n      helperText={helperTextToDisplay}\n      placeholder=\"\"\n      size=\"small\"\n      required={required}\n      disabled={disabled}\n      onChange={currOnChange}\n      onBlur={!readOnly ? currOnBlur : undefined}\n      error={status === 'error'}\n      label={label}\n      value={currValue}\n      type=\"text\"\n      outputFormat=\"number\"\n      textAlign=\"left\"\n      InputProps={{ ...readOnlyProp, inputProps: { ...testProp, value: currValue } }}\n      currencySymbol={theCurrSym}\n      decimalCharacter={theCurrDec}\n      digitGroupSeparator={theCurrSep}\n    />\n  );\n}\n"]}

package/lib/components/field/Currency/currency-utils.d.ts

@@ -1,5 +1,5 @@
 export declare const getCurrencyOptions: (inISOCode: string) => {
-    locale: any;
+    locale: string;
     style: string;
     currency: string;
 };