@pega/react-sdk-components 23.1.11 → 24.1.10

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

@@ -1 +1 @@
-{"version":3,"file":"Dropdown.d.ts","sourceRoot":"","sources":["../../../../src/components/field/Dropdown/Dropdown.tsx"],"names":[],"mappings":";AAQA,OAAO,EAAE,eAAe,EAAE,MAAM,2BAA2B,CAAC;AAwC5D,UAAU,aAAc,SAAQ,eAAe;IAE7C,UAAU,CAAC,EAAE,GAAG,EAAE,CAAC;IACnB,cAAc,CAAC,EAAE,GAAG,CAAC;IACrB,aAAa,CAAC,EAAE,GAAG,CAAC;IACpB,QAAQ,EAAE,MAAM,CAAC;IACjB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,kBAAkB,CAAC,EAAE,GAAG,CAAC;IACzB,UAAU,CAAC,EAAE,GAAG,CAAC;IACjB,OAAO,EAAE,GAAG,EAAE,CAAC;CAChB;AAED,MAAM,CAAC,OAAO,UAAU,QAAQ,CAAC,KAAK,EAAE,aAAa,sBA4KpD"}
+{"version":3,"file":"Dropdown.d.ts","sourceRoot":"","sources":["../../../../src/components/field/Dropdown/Dropdown.tsx"],"names":[],"mappings":"AAQA,OAAO,EAAE,eAAe,EAAE,MAAM,2BAA2B,CAAC;AAwC5D,UAAU,aAAc,SAAQ,eAAe;IAE7C,UAAU,CAAC,EAAE,GAAG,EAAE,CAAC;IACnB,cAAc,CAAC,EAAE,GAAG,CAAC;IACrB,aAAa,CAAC,EAAE,GAAG,CAAC;IACpB,QAAQ,EAAE,MAAM,CAAC;IACjB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,kBAAkB,CAAC,EAAE,GAAG,CAAC;IACzB,UAAU,CAAC,EAAE,GAAG,CAAC;IACjB,OAAO,EAAE,GAAG,EAAE,CAAC;CAChB;AAED,MAAM,CAAC,OAAO,UAAU,QAAQ,CAAC,KAAK,EAAE,aAAa,kDA4KpD"}

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

@@ -1,7 +1,6 @@
-/// <reference types="react" />
 import { PConnFieldProps } from '../../../types/PConnProps';
 interface EmailProps extends PConnFieldProps {
 }
-export default function Email(props: EmailProps): JSX.Element;
+export default function Email(props: EmailProps): import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=Email.d.ts.map

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

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

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

@@ -8,6 +8,6 @@ interface GroupProps extends PConnFieldProps {
     collapsible: boolean;
     type: string;
 }
-export default function Group(props: GroupProps): JSX.Element | null;
+export default function Group(props: GroupProps): import("react/jsx-runtime").JSX.Element | null;
 export {};
 //# sourceMappingURL=Group.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Group.d.ts","sourceRoot":"","sources":["../../../../src/components/field/Group/Group.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAW,MAAM,OAAO,CAAC;AAG9C,OAAO,EAAE,eAAe,EAAE,MAAM,2BAA2B,CAAC;AAE5D,UAAU,UAAW,SAAQ,eAAe;IAC1C,QAAQ,EAAE,YAAY,EAAE,CAAC;IACzB,OAAO,EAAE,MAAM,CAAC;IAChB,WAAW,EAAE,OAAO,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,WAAW,EAAE,OAAO,CAAC;IACrB,IAAI,EAAE,MAAM,CAAC;CACd;AAED,MAAM,CAAC,OAAO,UAAU,KAAK,CAAC,KAAK,EAAE,UAAU,sBAwB9C"}
+{"version":3,"file":"Group.d.ts","sourceRoot":"","sources":["../../../../src/components/field/Group/Group.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAW,MAAM,OAAO,CAAC;AAG9C,OAAO,EAAE,eAAe,EAAE,MAAM,2BAA2B,CAAC;AAE5D,UAAU,UAAW,SAAQ,eAAe;IAC1C,QAAQ,EAAE,YAAY,EAAE,CAAC;IACzB,OAAO,EAAE,MAAM,CAAC;IAChB,WAAW,EAAE,OAAO,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,WAAW,EAAE,OAAO,CAAC;IACrB,IAAI,EAAE,MAAM,CAAC;CACd;AAED,MAAM,CAAC,OAAO,UAAU,KAAK,CAAC,KAAK,EAAE,UAAU,kDAwB9C"}

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

@@ -1,7 +1,6 @@
-/// <reference types="react" />
 import { PConnFieldProps } from '../../../types/PConnProps';
 interface IntegerProps extends PConnFieldProps {
 }
-export default function Integer(props: IntegerProps): JSX.Element;
+export default function Integer(props: IntegerProps): import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=Integer.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Integer.d.ts","sourceRoot":"","sources":["../../../../src/components/field/Integer/Integer.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAE,eAAe,EAAE,MAAM,2BAA2B,CAAC;AAE5D,UAAU,YAAa,SAAQ,eAAe;CAE7C;AAED,MAAM,CAAC,OAAO,UAAU,OAAO,CAAC,KAAK,EAAE,YAAY,eA8ElD"}
+{"version":3,"file":"Integer.d.ts","sourceRoot":"","sources":["../../../../src/components/field/Integer/Integer.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,eAAe,EAAE,MAAM,2BAA2B,CAAC;AAE5D,UAAU,YAAa,SAAQ,eAAe;CAE7C;AAED,MAAM,CAAC,OAAO,UAAU,OAAO,CAAC,KAAK,EAAE,YAAY,2CA8ElD"}

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

@@ -0,0 +1,2 @@
+export default function Multiselect(props: any): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Multiselect.d.ts.map

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

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

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

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

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

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/field/Multiselect/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC"}

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

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

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

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

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

@@ -0,0 +1,10 @@
+import { updateNewInstuctions, insertInstruction, deleteInstruction } from '../../helpers/instructions-utils';
+export declare const setVisibilityForList: (c11nEnv: any, visibility: any) => void;
+declare const useDeepMemo: (memoFn: any, key: any) => any;
+declare const preProcessColumns: (columns: any) => any;
+declare const getDisplayFieldsMetaData: (columns: any) => any;
+declare const doSearch: (searchText: any, clickedGroup: any, initialCaseClass: any, displayFieldMeta: any, dataApiObj: any, itemsTree: any, isGroupData: any, showSecondaryInSearchOnly: any, selected: any) => Promise<any>;
+declare const setValuesToPropertyList: (searchText: any, assocProp: any, items: any, columns: any, actions: any, updatePropertyInRedux?: boolean) => any;
+declare const getGroupDataForItemsTree: (groupDataSource: any, groupsDisplayFieldMeta: any, showSecondaryInSearchOnly: any) => any;
+export { useDeepMemo, preProcessColumns, getDisplayFieldsMetaData, doSearch, setValuesToPropertyList, getGroupDataForItemsTree, updateNewInstuctions, insertInstruction, deleteInstruction };
+//# sourceMappingURL=utils.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../../src/components/field/Multiselect/utils.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,oBAAoB,EAAE,iBAAiB,EAAE,iBAAiB,EAAE,MAAM,kCAAkC,CAAC;AAE9G,eAAO,MAAM,oBAAoB,yCAMhC,CAAC;AAEF,QAAA,MAAM,WAAW,gCAMhB,CAAC;AAEF,QAAA,MAAM,iBAAiB,uBAStB,CAAC;AAEF,QAAA,MAAM,wBAAwB,uBAyB7B,CAAC;AAyCF,QAAA,MAAM,QAAQ,sMAkEb,CAAC;AAEF,QAAA,MAAM,uBAAuB,mHAoC5B,CAAC;AAEF,QAAA,MAAM,wBAAwB,4FAa7B,CAAC;AAEF,OAAO,EACL,WAAW,EACX,iBAAiB,EACjB,wBAAwB,EACxB,QAAQ,EACR,uBAAuB,EACvB,wBAAwB,EACxB,oBAAoB,EACpB,iBAAiB,EACjB,iBAAiB,EAClB,CAAC"}

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

@@ -0,0 +1,197 @@
+import { useRef } from 'react';
+import equal from 'fast-deep-equal';
+import cloneDeep from 'lodash/cloneDeep';
+import { updateNewInstuctions, insertInstruction, deleteInstruction } from '../../helpers/instructions-utils';
+export const setVisibilityForList = (c11nEnv, visibility) => {
+    const { selectionMode, selectionList, renderMode, referenceList } = c11nEnv.getComponentConfig();
+    // usecase:multiselect, fieldgroup, editable table
+    if ((selectionMode === PCore.getConstants().LIST_SELECTION_MODE.MULTI && selectionList) || (renderMode === 'Editable' && referenceList)) {
+        c11nEnv.getListActions().setVisibility(visibility);
+    }
+};
+const useDeepMemo = (memoFn, key) => {
+    const ref = useRef();
+    if (!ref.current || !equal(key, ref.current.key)) {
+        ref.current = { key, value: memoFn() };
+    }
+    return ref.current.value;
+};
+const preProcessColumns = columns => {
+    return columns?.map(col => {
+        const tempColObj = { ...col };
+        tempColObj.value = col.value && col.value.startsWith('.') ? col.value.substring(1) : col.value;
+        if (tempColObj.setProperty) {
+            tempColObj.setProperty = col.setProperty && col.setProperty.startsWith('.') ? col.setProperty.substring(1) : col.setProperty;
+        }
+        return tempColObj;
+    });
+};
+const getDisplayFieldsMetaData = columns => {
+    const displayColumns = columns?.filter(col => col.display === 'true');
+    const metaDataObj = {
+        key: '',
+        primary: '',
+        secondary: []
+    };
+    const keyCol = columns?.filter(col => col.key === 'true');
+    metaDataObj.key = keyCol?.length > 0 ? keyCol[0].value : 'auto';
+    const itemsRecordsColumn = columns?.filter(col => col.itemsRecordsColumn === 'true');
+    if (itemsRecordsColumn?.length > 0) {
+        metaDataObj.itemsRecordsColumn = itemsRecordsColumn[0].value;
+    }
+    const itemsGroupKeyColumn = columns?.filter(col => col.itemsGroupKeyColumn === 'true');
+    if (itemsGroupKeyColumn?.length > 0) {
+        metaDataObj.itemsGroupKeyColumn = itemsGroupKeyColumn[0].value;
+    }
+    for (let index = 0; index < displayColumns?.length; index += 1) {
+        if (displayColumns[index].secondary === 'true') {
+            metaDataObj.secondary.push(displayColumns[index].value);
+        }
+        else if (displayColumns[index].primary === 'true') {
+            metaDataObj.primary = displayColumns[index].value;
+        }
+    }
+    return metaDataObj;
+};
+const createSingleTreeObejct = (entry, displayFieldMeta, showSecondaryData, selected) => {
+    const secondaryArr = [];
+    displayFieldMeta.secondary.forEach(col => {
+        secondaryArr.push(entry[col]);
+    });
+    const isSelected = selected.some(item => item.id === entry[displayFieldMeta.key]);
+    return {
+        id: entry[displayFieldMeta.key],
+        primary: entry[displayFieldMeta.primary],
+        secondary: showSecondaryData ? secondaryArr : [],
+        selected: isSelected
+    };
+};
+const putItemsDataInItemsTree = (listObjData, displayFieldMeta, itemsTree, showSecondaryInSearchOnly, selected) => {
+    let newTreeItems = itemsTree.slice();
+    const showSecondaryData = !showSecondaryInSearchOnly;
+    for (const obj of listObjData) {
+        const items = obj[displayFieldMeta.itemsRecordsColumn].map(entry => createSingleTreeObejct(entry, displayFieldMeta, showSecondaryData, selected));
+        newTreeItems = newTreeItems.map(caseObject => {
+            if (caseObject.id === obj[displayFieldMeta.itemsGroupKeyColumn]) {
+                caseObject.items = [...items];
+            }
+            return caseObject;
+        });
+    }
+    return newTreeItems;
+};
+const prepareSearchResults = (listObjData, displayFieldMeta) => {
+    const searchResults = [];
+    for (const obj of listObjData) {
+        searchResults.push(...obj[displayFieldMeta.itemsRecordsColumn]);
+    }
+    return searchResults;
+};
+const doSearch = async (searchText, clickedGroup, initialCaseClass, displayFieldMeta, dataApiObj, // deep clone of the dataApiObj
+itemsTree, isGroupData, showSecondaryInSearchOnly, selected) => {
+    let searchTextForUngroupedData = '';
+    if (dataApiObj) {
+        // creating dataApiObject in grouped data cases
+        if (isGroupData) {
+            dataApiObj = cloneDeep(dataApiObj);
+            dataApiObj.fetchedNQData = false;
+            dataApiObj.cache = {};
+            // if we have no search text and no group selected, return the original tree
+            if (searchText === '' && clickedGroup === '') {
+                return itemsTree;
+            }
+            // setting the inital search text & search classes in ApiObject
+            dataApiObj.parameters[Object.keys(dataApiObj.parameters)[1]] = searchText;
+            dataApiObj.parameters[Object.keys(dataApiObj.parameters)[0]] = initialCaseClass;
+            // if we have a selected group
+            if (clickedGroup) {
+                // check if the data for this group is already present and no search text
+                if (searchText === '') {
+                    const containsData = itemsTree.find(item => item.id === clickedGroup);
+                    // do not make API call when items of respective group are already fetched
+                    if (containsData?.items?.length)
+                        return itemsTree;
+                }
+                dataApiObj.parameters[Object.keys(dataApiObj.parameters)[0]] = JSON.stringify([clickedGroup]);
+            }
+        }
+        else {
+            searchTextForUngroupedData = searchText;
+        }
+        // search API call
+        const response = await dataApiObj.fetchData(searchTextForUngroupedData).catch(() => {
+            return itemsTree;
+        });
+        let listObjData = response.data;
+        let newItemsTree = [];
+        if (isGroupData) {
+            if (searchText) {
+                listObjData = prepareSearchResults(listObjData, displayFieldMeta);
+            }
+            else {
+                newItemsTree = putItemsDataInItemsTree(listObjData, displayFieldMeta, itemsTree, showSecondaryInSearchOnly, selected);
+                return newItemsTree;
+            }
+        }
+        const showSecondaryData = showSecondaryInSearchOnly ? !!searchText : true;
+        if (listObjData !== undefined && listObjData.length > 0) {
+            newItemsTree = listObjData.map(entry => createSingleTreeObejct(entry, displayFieldMeta, showSecondaryData, selected));
+        }
+        return newItemsTree;
+    }
+    return itemsTree;
+};
+const setValuesToPropertyList = (searchText, assocProp, items, columns, actions, updatePropertyInRedux = true) => {
+    const setPropertyList = columns
+        ?.filter(col => col.setProperty)
+        .map(col => {
+        return {
+            source: col.value,
+            target: col.setProperty,
+            key: col.key,
+            primary: col.primary
+        };
+    });
+    const valueToSet = [];
+    if (setPropertyList.length > 0) {
+        setPropertyList.forEach(prop => {
+            items.forEach(item => {
+                if (prop.key === 'true' && item) {
+                    valueToSet.push(item.id);
+                }
+                else if (prop.primary === 'true' || !item) {
+                    valueToSet.push(searchText);
+                }
+            });
+            if (updatePropertyInRedux) {
+                // BUG-666851 setting options so that the store values are replaced and not merged
+                const options = {
+                    isArrayDeepMerge: false
+                };
+                if (prop.target === 'Associated property') {
+                    actions.updateFieldValue(assocProp, valueToSet, options);
+                }
+                else {
+                    actions.updateFieldValue(`.${prop.target}`, valueToSet, options);
+                }
+            }
+        });
+    }
+    return valueToSet;
+};
+const getGroupDataForItemsTree = (groupDataSource, groupsDisplayFieldMeta, showSecondaryInSearchOnly) => {
+    return groupDataSource?.map(group => {
+        const secondaryArr = [];
+        groupsDisplayFieldMeta.secondary.forEach(col => {
+            secondaryArr.push(group[col]);
+        });
+        return {
+            id: group[groupsDisplayFieldMeta.key],
+            primary: group[groupsDisplayFieldMeta.primary],
+            secondary: showSecondaryInSearchOnly ? [] : secondaryArr,
+            items: []
+        };
+    });
+};
+export { useDeepMemo, preProcessColumns, getDisplayFieldsMetaData, doSearch, setValuesToPropertyList, getGroupDataForItemsTree, updateNewInstuctions, insertInstruction, deleteInstruction };
+//# sourceMappingURL=utils.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../../src/components/field/Multiselect/utils.ts"],"names":[],"mappings":"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","sourcesContent":["import { useRef } from 'react';\nimport equal from 'fast-deep-equal';\nimport cloneDeep from 'lodash/cloneDeep';\nimport { updateNewInstuctions, insertInstruction, deleteInstruction } from '../../helpers/instructions-utils';\n\nexport const setVisibilityForList = (c11nEnv, visibility) => {\n  const { selectionMode, selectionList, renderMode, referenceList } = c11nEnv.getComponentConfig();\n  // usecase:multiselect, fieldgroup, editable table\n  if ((selectionMode === PCore.getConstants().LIST_SELECTION_MODE.MULTI && selectionList) || (renderMode === 'Editable' && referenceList)) {\n    c11nEnv.getListActions().setVisibility(visibility);\n  }\n};\n\nconst useDeepMemo = (memoFn, key) => {\n  const ref: any = useRef();\n  if (!ref.current || !equal(key, ref.current.key)) {\n    ref.current = { key, value: memoFn() };\n  }\n  return ref.current.value;\n};\n\nconst preProcessColumns = columns => {\n  return columns?.map(col => {\n    const tempColObj = { ...col };\n    tempColObj.value = col.value && col.value.startsWith('.') ? col.value.substring(1) : col.value;\n    if (tempColObj.setProperty) {\n      tempColObj.setProperty = col.setProperty && col.setProperty.startsWith('.') ? col.setProperty.substring(1) : col.setProperty;\n    }\n    return tempColObj;\n  });\n};\n\nconst getDisplayFieldsMetaData = columns => {\n  const displayColumns = columns?.filter(col => col.display === 'true');\n  const metaDataObj: any = {\n    key: '',\n    primary: '',\n    secondary: []\n  };\n  const keyCol = columns?.filter(col => col.key === 'true');\n  metaDataObj.key = keyCol?.length > 0 ? keyCol[0].value : 'auto';\n  const itemsRecordsColumn = columns?.filter(col => col.itemsRecordsColumn === 'true');\n  if (itemsRecordsColumn?.length > 0) {\n    metaDataObj.itemsRecordsColumn = itemsRecordsColumn[0].value;\n  }\n  const itemsGroupKeyColumn = columns?.filter(col => col.itemsGroupKeyColumn === 'true');\n  if (itemsGroupKeyColumn?.length > 0) {\n    metaDataObj.itemsGroupKeyColumn = itemsGroupKeyColumn[0].value;\n  }\n  for (let index = 0; index < displayColumns?.length; index += 1) {\n    if (displayColumns[index].secondary === 'true') {\n      metaDataObj.secondary.push(displayColumns[index].value);\n    } else if (displayColumns[index].primary === 'true') {\n      metaDataObj.primary = displayColumns[index].value;\n    }\n  }\n  return metaDataObj;\n};\n\nconst createSingleTreeObejct = (entry, displayFieldMeta, showSecondaryData, selected) => {\n  const secondaryArr: any = [];\n  displayFieldMeta.secondary.forEach(col => {\n    secondaryArr.push(entry[col]);\n  });\n  const isSelected = selected.some(item => item.id === entry[displayFieldMeta.key]);\n\n  return {\n    id: entry[displayFieldMeta.key],\n    primary: entry[displayFieldMeta.primary],\n    secondary: showSecondaryData ? secondaryArr : [],\n    selected: isSelected\n  };\n};\n\nconst putItemsDataInItemsTree = (listObjData, displayFieldMeta, itemsTree, showSecondaryInSearchOnly, selected) => {\n  let newTreeItems = itemsTree.slice();\n  const showSecondaryData = !showSecondaryInSearchOnly;\n  for (const obj of listObjData) {\n    const items = obj[displayFieldMeta.itemsRecordsColumn].map(entry => createSingleTreeObejct(entry, displayFieldMeta, showSecondaryData, selected));\n\n    newTreeItems = newTreeItems.map(caseObject => {\n      if (caseObject.id === obj[displayFieldMeta.itemsGroupKeyColumn]) {\n        caseObject.items = [...items];\n      }\n      return caseObject;\n    });\n  }\n  return newTreeItems;\n};\n\nconst prepareSearchResults = (listObjData, displayFieldMeta) => {\n  const searchResults: any = [];\n  for (const obj of listObjData) {\n    searchResults.push(...obj[displayFieldMeta.itemsRecordsColumn]);\n  }\n  return searchResults;\n};\n\nconst doSearch = async (\n  searchText,\n  clickedGroup,\n  initialCaseClass,\n  displayFieldMeta,\n  dataApiObj, // deep clone of the dataApiObj\n  itemsTree,\n  isGroupData,\n  showSecondaryInSearchOnly,\n  selected\n) => {\n  let searchTextForUngroupedData = '';\n  if (dataApiObj) {\n    // creating dataApiObject in grouped data cases\n    if (isGroupData) {\n      dataApiObj = cloneDeep(dataApiObj);\n      dataApiObj.fetchedNQData = false;\n      dataApiObj.cache = {};\n\n      // if we have no search text and no group selected, return the original tree\n      if (searchText === '' && clickedGroup === '') {\n        return itemsTree;\n      }\n\n      // setting the inital search text & search classes in ApiObject\n      dataApiObj.parameters[Object.keys(dataApiObj.parameters)[1]] = searchText;\n      dataApiObj.parameters[Object.keys(dataApiObj.parameters)[0]] = initialCaseClass;\n\n      // if we have a selected group\n      if (clickedGroup) {\n        // check if the data for this group is already present and no search text\n        if (searchText === '') {\n          const containsData = itemsTree.find(item => item.id === clickedGroup);\n          // do not make API call when items of respective group are already fetched\n          if (containsData?.items?.length) return itemsTree;\n        }\n\n        dataApiObj.parameters[Object.keys(dataApiObj.parameters)[0]] = JSON.stringify([clickedGroup]);\n      }\n    } else {\n      searchTextForUngroupedData = searchText;\n    }\n\n    // search API call\n    const response = await dataApiObj.fetchData(searchTextForUngroupedData).catch(() => {\n      return itemsTree;\n    });\n\n    let listObjData = response.data;\n    let newItemsTree = [];\n    if (isGroupData) {\n      if (searchText) {\n        listObjData = prepareSearchResults(listObjData, displayFieldMeta);\n      } else {\n        newItemsTree = putItemsDataInItemsTree(listObjData, displayFieldMeta, itemsTree, showSecondaryInSearchOnly, selected);\n        return newItemsTree;\n      }\n    }\n    const showSecondaryData = showSecondaryInSearchOnly ? !!searchText : true;\n    if (listObjData !== undefined && listObjData.length > 0) {\n      newItemsTree = listObjData.map(entry => createSingleTreeObejct(entry, displayFieldMeta, showSecondaryData, selected));\n    }\n    return newItemsTree;\n  }\n\n  return itemsTree;\n};\n\nconst setValuesToPropertyList = (searchText, assocProp, items, columns, actions, updatePropertyInRedux = true) => {\n  const setPropertyList = columns\n    ?.filter(col => col.setProperty)\n    .map(col => {\n      return {\n        source: col.value,\n        target: col.setProperty,\n        key: col.key,\n        primary: col.primary\n      };\n    });\n  const valueToSet: any = [];\n  if (setPropertyList.length > 0) {\n    setPropertyList.forEach(prop => {\n      items.forEach(item => {\n        if (prop.key === 'true' && item) {\n          valueToSet.push(item.id);\n        } else if (prop.primary === 'true' || !item) {\n          valueToSet.push(searchText);\n        }\n      });\n\n      if (updatePropertyInRedux) {\n        // BUG-666851 setting options so that the store values are replaced and not merged\n        const options = {\n          isArrayDeepMerge: false\n        };\n        if (prop.target === 'Associated property') {\n          actions.updateFieldValue(assocProp, valueToSet, options);\n        } else {\n          actions.updateFieldValue(`.${prop.target}`, valueToSet, options);\n        }\n      }\n    });\n  }\n  return valueToSet;\n};\n\nconst getGroupDataForItemsTree = (groupDataSource, groupsDisplayFieldMeta, showSecondaryInSearchOnly) => {\n  return groupDataSource?.map(group => {\n    const secondaryArr: any = [];\n    groupsDisplayFieldMeta.secondary.forEach(col => {\n      secondaryArr.push(group[col]);\n    });\n    return {\n      id: group[groupsDisplayFieldMeta.key],\n      primary: group[groupsDisplayFieldMeta.primary],\n      secondary: showSecondaryInSearchOnly ? [] : secondaryArr,\n      items: []\n    };\n  });\n};\n\nexport {\n  useDeepMemo,\n  preProcessColumns,\n  getDisplayFieldsMetaData,\n  doSearch,\n  setValuesToPropertyList,\n  getGroupDataForItemsTree,\n  updateNewInstuctions,\n  insertInstruction,\n  deleteInstruction\n};\n"]}

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

@@ -1,8 +1,9 @@
-/// <reference types="react" />
 import { PConnFieldProps } from '../../../types/PConnProps';
 interface PercentageProps extends PConnFieldProps {
     currencyISOCode?: string;
+    showGroupSeparators?: string;
+    decimalPrecision?: number;
 }
-export default function Percentage(props: PercentageProps): JSX.Element;
+export default function Percentage(props: PercentageProps): import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=Percentage.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Percentage.d.ts","sourceRoot":"","sources":["../../../../src/components/field/Percentage/Percentage.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAE,eAAe,EAAE,MAAM,2BAA2B,CAAC;AAQ5D,UAAU,eAAgB,SAAQ,eAAe;IAE/C,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B;AAED,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,KAAK,EAAE,eAAe,eAgFxD"}
+{"version":3,"file":"Percentage.d.ts","sourceRoot":"","sources":["../../../../src/components/field/Percentage/Percentage.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,eAAe,EAAE,MAAM,2BAA2B,CAAC;AAQ5D,UAAU,eAAgB,SAAQ,eAAe;IAE/C,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,gBAAgB,CAAC,EAAE,MAAM,CAAC;CAC3B;AAED,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,KAAK,EAAE,eAAe,2CA4FxD"}

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

@@ -1,5 +1,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import CurrencyTextField from '@unicef/material-ui-currency-textfield';
+import { TextField } from '@material-ui/core';
+import { NumericFormat } from 'react-number-format';
+import { useState } from 'react';
 import { getComponentFromMap } from '../../../bridge/helpers/sdk_component_map';
 import { getCurrencyCharacters, getCurrencyOptions } from '../Currency/currency-utils';
 import handleEvent from '../../helpers/event-utils';
@@ -10,14 +12,18 @@ export default function Percentage(props) {
     const { getPConnect, label, required, disabled, value = '', validatemessage, status, 
     // onChange,
     // onBlur,
-    readOnly, currencyISOCode = 'USD', testId, helperText, displayMode, hideLabel, placeholder } = props;
+    readOnly, currencyISOCode = 'USD', testId, helperText, displayMode, hideLabel, placeholder, showGroupSeparators, decimalPrecision } = props;
+    const [values, setValues] = useState(value.toString());
     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}`);
+    let readOnlyProp = {}; // Note: empty if NOT ReadOnly
+    if (readOnly) {
+        readOnlyProp = { readOnly: true };
+    }
     if (displayMode === 'LABELS_LEFT') {
         return _jsx(FieldValueList, { name: hideLabel ? '' : label, value: formattedValue });
     }
@@ -31,11 +37,14 @@ export default function Percentage(props) {
     const theSymbols = getCurrencyCharacters(currencyISOCode);
     const theCurrDec = theSymbols.theDecimalIndicator;
     const theCurrSep = theSymbols.theDigitGroupSeparator;
-    function PercentageOnBlur(event, inValue) {
-        handleEvent(actions, 'changeNblur', propName, inValue !== '' ? Number(inValue) : inValue);
+    function PercentageOnBlur() {
+        handleEvent(actions, 'changeNblur', propName, values);
     }
-    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 }));
+    const handleChange = val => {
+        setValues(val.value);
+    };
+    return (_jsx(NumericFormat, { valueIsNumericString: true, fullWidth: true, variant: readOnly ? 'standard' : 'outlined', helperText: helperTextToDisplay, placeholder: placeholder ?? '', size: 'small', required: required, disabled: disabled, error: status === 'error', label: label, value: values, onValueChange: val => {
+            handleChange(val);
+        }, onBlur: !readOnly ? PercentageOnBlur : undefined, decimalSeparator: theCurrDec, thousandSeparator: showGroupSeparators ? theCurrSep : '', decimalScale: decimalPrecision, suffix: '%', InputProps: { ...readOnlyProp, inputProps: { ...testProp } }, customInput: TextField }));
 }
 //# sourceMappingURL=Percentage.js.map