@pega/react-sdk-components 0.23.12 → 0.23.13

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

@@ -0,0 +1,155 @@
+import React, { useState } from "react";
+import PropTypes from "prop-types";
+import TextField from '@material-ui/core/TextField';
+import Popover from '@material-ui/core/Popover';
+import Grid from '@material-ui/core/Grid';
+import Typography from '@material-ui/core/Typography';
+import { makeStyles } from '@material-ui/core/styles';
+import Utils from '../../helpers/utils';
+const useStyles = makeStyles((theme) => ({
+    root: {
+        padding: theme.spacing(1),
+        margin: theme.spacing(1),
+    },
+    popover: {
+        padding: theme.spacing(1),
+        margin: theme.spacing(1),
+    }
+}));
+export default function Operator(props) {
+    // const componentName = "Operator";
+    const { caseOpConfig } = props;
+    const classes = useStyles();
+    const fieldLabel = caseOpConfig.label.toLowerCase();
+    let caseOpLabel = "---";
+    let caseOpName = "---";
+    let caseOpId = "";
+    let caseTime = null;
+    if (fieldLabel === "create operator") {
+        caseOpLabel = caseOpConfig.createLabel;
+        caseOpName = caseOpConfig.createOperator.userName;
+        caseTime = caseOpConfig.createDateTime;
+        caseOpId = caseOpConfig.createOperator.userId;
+    }
+    else if (fieldLabel === "update operator") {
+        caseOpLabel = caseOpConfig.updateLabel;
+        caseOpName = caseOpConfig.updateOperator.userName;
+        caseTime = caseOpConfig.updateDateTime;
+        caseOpId = caseOpConfig.updateOperator.userId;
+    }
+    // Popover-related
+    const [popoverAnchorEl, setPopoverAnchorEl] = useState(null);
+    const [popoverFields, setPopoverFields] = useState([]);
+    const popoverOpen = Boolean(popoverAnchorEl);
+    const popoverId = popoverOpen ? 'operator-details-popover' : undefined;
+    const handlePopoverClose = (() => {
+        setPopoverAnchorEl(null);
+    });
+    function showOperatorDetails(event) {
+        const operatorPreviewPromise = PCore.getUserApi().getOperatorDetails(caseOpId);
+        operatorPreviewPromise.then((res) => {
+            const fillerString = "---";
+            let fields = [];
+            if (res.data &&
+                res.data.pyOperatorInfo &&
+                res.data.pyOperatorInfo.pyUserName) {
+                fields = [
+                    {
+                        id: "pyPosition",
+                        name: "Position",
+                        value: res.data.pyOperatorInfo.pyPosition ? res.data.pyOperatorInfo.pyPosition : fillerString
+                    },
+                    {
+                        id: "pyOrganization",
+                        name: "Organization",
+                        value: res.data.pyOperatorInfo.pyOrganization ? res.data.pyOperatorInfo.pyOrganization : fillerString
+                    },
+                    {
+                        id: "ReportToUserName",
+                        name: "Reports to",
+                        value: res.data.pyOperatorInfo.pyReportToUserName ? res.data.pyOperatorInfo.pyReportToUserName : fillerString
+                    },
+                    {
+                        id: "pyTelephone",
+                        name: "Telephone",
+                        value: res.data.pyOperatorInfo.pyTelephone ? React.createElement("a", { href: `tel:${res.data.pyOperatorInfo.pyTelephone}` }, res.data.pyOperatorInfo.pyTelephone) : fillerString
+                    },
+                    {
+                        id: "pyEmailAddress",
+                        name: "Email address",
+                        value: res.data.pyOperatorInfo.pyEmailAddress ? React.createElement("a", { href: `mailto:${res.data.pyOperatorInfo.pyEmailAddress}` }, res.data.pyOperatorInfo.pyEmailAddress) : fillerString
+                    }
+                ];
+            }
+            else {
+                // eslint-disable-next-line no-console
+                console.log(`Operator: PCore.getUserApi().getOperatorDetails(${caseOpId}); returned empty res.data.pyOperatorInfo.pyUserName - adding default`);
+                fields = [
+                    {
+                        id: "pyPosition",
+                        name: "Position",
+                        value: fillerString
+                    },
+                    {
+                        id: "pyOrganization",
+                        name: "Organization",
+                        value: fillerString
+                    },
+                    {
+                        id: "ReportToUserName",
+                        name: "Reports to",
+                        value: fillerString
+                    },
+                    {
+                        id: "pyTelephone",
+                        name: "Telephone",
+                        value: fillerString
+                    },
+                    {
+                        id: "pyEmailAddress",
+                        name: "Email address",
+                        value: fillerString
+                    }
+                ];
+            }
+            // Whatever the fields are, update the component's popoverFields
+            setPopoverFields(fields);
+        });
+        setPopoverAnchorEl(event.currentTarget);
+    }
+    function getPopoverGrid() {
+        // return popoverFields.map((field) => {
+        //   return <div className={classes.popover}>{field.name}: {field.value}</div>
+        // })
+        if (popoverFields.length === 0) {
+            return;
+        }
+        // There are fields, so build the grid.
+        return React.createElement(Grid, { container: true, className: classes.popover, spacing: 1 },
+            React.createElement(Grid, { item: true, xs: 12 },
+                React.createElement(Typography, { variant: "h6" }, caseOpName)),
+            popoverFields.map((field) => {
+                return React.createElement(React.Fragment, { key: field.id },
+                    React.createElement(Grid, { container: true, item: true, xs: 12, spacing: 1 },
+                        React.createElement(Grid, { item: true, xs: 6 },
+                            React.createElement(Typography, { variant: "caption" }, field.name)),
+                        React.createElement(Grid, { item: true, xs: 6 },
+                            React.createElement(Typography, { variant: "subtitle2" }, field.value))));
+            }));
+    }
+    // End of popover-related
+    return React.createElement(React.Fragment, null,
+        React.createElement(TextField, { defaultValue: caseOpName, label: caseOpLabel, onClick: showOperatorDetails, InputProps: {
+                readOnly: true,
+                disableUnderline: true,
+                inputProps: { style: { cursor: 'pointer' } }
+            } }),
+        React.createElement("br", null),
+        Utils.generateDateTime(caseTime, "DateTime-Since"),
+        React.createElement(Popover, { id: popoverId, open: popoverOpen, anchorEl: popoverAnchorEl, onClose: handlePopoverClose, anchorOrigin: { vertical: 'bottom', horizontal: 'center' }, transformOrigin: { vertical: 'top', horizontal: 'center' }, PaperProps: { style: { maxWidth: '45ch' } } }, getPopoverGrid()));
+}
+Operator.defaultProps = {};
+Operator.propTypes = {
+    caseOpConfig: PropTypes.object.isRequired,
+};
+//# sourceMappingURL=Operator.js.map

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

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

package/lib/components/designSystemExtension/Operator/index.d.ts.map

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"Pulse.d.ts","sourceRoot":"","sources":["../../../../src/components/designSystemExtension/Pulse/Pulse.tsx"],"names":[],"mappings":";AAcA,MAAM,CAAC,OAAO,UAAU,KAAK,gBAY5B"}

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

@@ -0,0 +1 @@
+{"version":3,"file":"Pulse.js","sourceRoot":"","sources":["../../../../src/components/designSystemExtension/Pulse/Pulse.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,sCAAsC;AACtC,OAAO,EAAE,IAAI,EAAE,WAAW,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAC9E,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AAEtD,MAAM,SAAS,GAAG,UAAU,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC;IACvC,IAAI,EAAE;QACJ,SAAS,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;QAC3B,YAAY,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;QAC9B,UAAU,EAAE,WAAW;QACvB,eAAe,EAAE,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,KAAK;KAC7C;CACF,CAAC,CAAC,CAAC;AAEJ,MAAM,CAAC,OAAO,UAAU,KAAK,EAAC,WAAW;IACvC,8BAA8B;IAC9B,MAAM,OAAO,GAAG,SAAS,EAAE,CAAC;IAE5B,OAAO,CACH,oBAAC,IAAI,IAAC,SAAS,EAAE,OAAO,CAAC,IAAI;QAC3B,oBAAC,UAAU,IAAC,KAAK,EAAE,oBAAC,UAAU,IAAC,OAAO,EAAC,IAAI,YAAmB,GAAI;QAClE,oBAAC,WAAW;YACV,oBAAC,UAAU,gBAAmB,CAClB,CACT,CACR,CAAC;AACN,CAAC;AAED,sBAAsB;AACtB,2DAA2D;AAC3D,KAAK","sourcesContent":["import React from \"react\";\n// import PropTypes from \"prop-types\";\nimport { Card, CardContent, CardHeader, Typography } from \"@material-ui/core\";\nimport { makeStyles } from '@material-ui/core/styles';\n\nconst useStyles = makeStyles((theme) => ({\n  root: {\n    marginTop: theme.spacing(1),\n    marginBottom: theme.spacing(1),\n    borderLeft: \"6px solid\",\n    borderLeftColor: theme.palette.primary.light\n  },\n}));\n\nexport default function Pulse(/* props */) {\n  // const { children } = props;\n  const classes = useStyles();\n\n  return (\n      <Card className={classes.root}>\n        <CardHeader title={<Typography variant=\"h6\">Pulse</Typography>} />\n        <CardContent>\n          <Typography>Pulse</Typography>\n        </CardContent>\n      </Card>\n    );\n}\n\n// Pulse.propTypes = {\n//   children: PropTypes.arrayOf(PropTypes.node).isRequired\n// };\n"]}

package/lib/components/designSystemExtension/Pulse/index.d.ts.map

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

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

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

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

@@ -0,0 +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,eA6JzC"}

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

@@ -0,0 +1,140 @@
+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 { getDataPage } from '../../helpers/data_page';
+import handleEvent from '../../helpers/event-utils';
+import FieldValueList from '../../designSystemExtension/FieldValueList';
+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 metaDataObj = { key: '', primary: '', secondary: [] };
+    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') {
+            metaDataObj.primary = displayColumns[index].value;
+        }
+        else {
+            metaDataObj.secondary.push(displayColumns[index].value);
+        }
+    }
+    return metaDataObj;
+};
+export default function AutoComplete(props) {
+    const { getPConnect, label, required, placeholder, value = '', validatemessage, readOnly, testId, displayMode, deferDatasource, datasourceMetadata, status, helperText } = props;
+    let parameters = datasourceMetadata?.datasource?.parameters;
+    const context = getPConnect().getContextName();
+    let { listType, datasource = [], columns = [] } = props;
+    const [inputValue, setInputValue] = useState('');
+    const [options, setOptions] = useState([]);
+    const [theDatasource, setDatasource] = useState(null);
+    let selectedValue = '';
+    const helperTextToDisplay = validatemessage || helperText;
+    const thePConn = getPConnect();
+    const actionsApi = thePConn.getActionsApi();
+    const propName = thePConn.getStateProps().value;
+    if (!isDeepEqual(datasource, theDatasource)) {
+        // inbound datasource is different, so update theDatasource (to trigger useEffect)
+        setDatasource(datasource);
+    }
+    const flattenParameters = (params = {}) => {
+        const flatParams = {};
+        Object.keys(params).forEach(key => {
+            const { name, value: theVal } = params[key];
+            flatParams[name] = theVal;
+        });
+        return flatParams;
+    };
+    // convert associated to datapage listtype and transform props
+    // Process deferDatasource when datapage name is present. WHhen tableType is promptList / localList
+    if (deferDatasource && datasourceMetadata?.datasource?.name) {
+        listType = 'datapage';
+        datasource = datasourceMetadata.datasource.name;
+        parameters = flattenParameters(parameters);
+        const displayProp = datasourceMetadata.datasource.propertyForDisplayText.startsWith('@P')
+            ? datasourceMetadata.datasource.propertyForDisplayText.substring(3)
+            : datasourceMetadata.datasource.propertyForDisplayText;
+        const valueProp = datasourceMetadata.datasource.propertyForValue.startsWith('@P')
+            ? datasourceMetadata.datasource.propertyForValue.substring(3)
+            : datasourceMetadata.datasource.propertyForValue;
+        columns = [
+            {
+                key: 'true',
+                setProperty: 'Associated property',
+                value: valueProp
+            },
+            {
+                display: 'true',
+                primary: 'true',
+                useForSearch: true,
+                value: displayProp
+            }
+        ];
+    }
+    columns = preProcessColumns(columns);
+    useEffect(() => {
+        if (listType === 'associated') {
+            setOptions(Utils.getOptionList(props, getPConnect().getDataObject()));
+        }
+    }, [theDatasource]);
+    useEffect(() => {
+        if (!displayMode && listType !== 'associated') {
+            getDataPage(datasource, parameters, context).then((results) => {
+                const optionsData = [];
+                const displayColumn = getDisplayFieldsMetaData(columns);
+                results?.forEach(element => {
+                    const val = element[displayColumn.primary]?.toString();
+                    const obj = {
+                        key: element[displayColumn.key] || element.pyGUID,
+                        value: val
+                    };
+                    optionsData.push(obj);
+                });
+                setOptions(optionsData);
+            });
+        }
+    }, []);
+    if (displayMode === 'LABELS_LEFT') {
+        const field = {
+            [label]: value
+        };
+        return React.createElement(FieldValueList, { item: field });
+    }
+    if (value) {
+        const index = options?.findIndex(element => element.key === value);
+        if (index > -1) {
+            selectedValue = options[index].value;
+        }
+        else {
+            selectedValue = value;
+        }
+    }
+    const handleChange = (event, newValue) => {
+        const val = newValue ? newValue.key : '';
+        handleEvent(actionsApi, 'changeNblur', propName, val);
+    };
+    const handleInputValue = (event, newInputValue) => {
+        setInputValue(newInputValue);
+    };
+    if (readOnly) {
+        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
+    //  key/value structure to what Autocomplete expects
+    return (React.createElement(Autocomplete, { options: options, getOptionLabel: (option) => {
+            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 })) }));
+}
+//# sourceMappingURL=AutoComplete.js.map

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

@@ -0,0 +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  } = props;\n  let parameters = datasourceMetadata?.datasource?.parameters;\n  const context = getPConnect().getContextName();\n  let { listType, 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(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    const field = {\n      [label]: value\n    };\n    return <FieldValueList item={field} />;\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  };\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/AutoComplete/index.d.ts.map

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

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

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

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

@@ -0,0 +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"}

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

@@ -0,0 +1 @@
+{"version":3,"file":"CancelAlert.js","sourceRoot":"","sources":["../../../../src/components/field/CancelAlert/CancelAlert.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { useState } from 'react';\nimport { Button, Grid, IconButton, Snackbar } from '@material-ui/core';\nimport CloseIcon from '@material-ui/icons/Close';\n\nimport './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"]}

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

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

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

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

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

@@ -0,0 +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,eAkE9C"}

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

@@ -0,0 +1,41 @@
+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';
+export default function CheckboxComponent(props) {
+    const { getPConnect, label, value = false, readOnly, testId, required, status, helperText, validatemessage, displayMode } = props;
+    const helperTextToDisplay = validatemessage || helperText;
+    const thePConn = getPConnect();
+    const theConfigProps = thePConn.getConfigProps();
+    const { caption } = theConfigProps;
+    const actionsApi = thePConn.getActionsApi();
+    const propName = thePConn.getStateProps().value;
+    const [checked, setChecked] = useState(false);
+    useEffect(() => {
+        // This update theSelectedButton which will update the UI to show the selected button correctly
+        setChecked(value);
+    }, [value]);
+    if (displayMode === 'LABELS_LEFT') {
+        const field = {
+            [label]: value
+        };
+        return React.createElement(FieldValueList, { item: field });
+    }
+    const handleChange = event => {
+        handleEvent(actionsApi, 'changeNblur', propName, event.target.checked);
+    };
+    const handleBlur = event => {
+        thePConn.getValidationApi().validate(event.target.checked);
+    };
+    let theCheckbox = React.createElement(Checkbox, { color: 'primary' });
+    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 });
+    }
+    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(FormHelperText, null, helperTextToDisplay)));
+}
+//# sourceMappingURL=Checkbox.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Checkbox.js","sourceRoot":"","sources":["../../../../src/components/field/Checkbox/Checkbox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACnD,OAAO,EACL,QAAQ,EACR,WAAW,EACX,gBAAgB,EAChB,SAAS,EACT,cAAc,EACf,MAAM,mBAAmB,CAAC;AAC3B,OAAO,WAAW,MAAM,2BAA2B,CAAC;AACpD,OAAO,cAAc,MAAM,4CAA4C,CAAC;AAExE,MAAM,CAAC,OAAO,UAAU,iBAAiB,CAAC,KAAK;IAC7C,MAAM,EACJ,WAAW,EACX,KAAK,EACL,KAAK,GAAG,KAAK,EACb,QAAQ,EACR,MAAM,EACN,QAAQ,EACR,MAAM,EACN,UAAU,EACV,eAAe,EACf,WAAW,EACZ,GAAG,KAAK,CAAC;IACV,MAAM,mBAAmB,GAAG,eAAe,IAAI,UAAU,CAAC;IAE1D,MAAM,QAAQ,GAAG,WAAW,EAAE,CAAC;IAC/B,MAAM,cAAc,GAAG,QAAQ,CAAC,cAAc,EAAE,CAAC;IACjD,MAAM,EAAE,OAAO,EAAE,GAAG,cAAc,CAAC;IACnC,MAAM,UAAU,GAAG,QAAQ,CAAC,aAAa,EAAE,CAAC;IAC5C,MAAM,QAAQ,GAAG,QAAQ,CAAC,aAAa,EAAE,CAAC,KAAK,CAAC;IAEhD,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC9C,SAAS,CAAC,GAAG,EAAE;QACb,+FAA+F;QAC/F,UAAU,CAAC,KAAK,CAAC,CAAC;IACpB,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAEZ,IAAI,WAAW,KAAK,aAAa,EAAE;QACjC,MAAM,KAAK,GAAG;YACZ,CAAC,KAAK,CAAC,EAAE,KAAK;SACf,CAAC;QACF,OAAO,oBAAC,cAAc,IAAC,IAAI,EAAE,KAAK,GAAI,CAAC;KACxC;IAED,MAAM,YAAY,GAAG,KAAK,CAAC,EAAE;QAC3B,WAAW,CAAC,UAAU,EAAE,aAAa,EAAE,QAAQ,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC;IACzE,CAAC,CAAC;IAEF,MAAM,UAAU,GAAG,KAAK,CAAC,EAAE;QACzB,QAAQ,CAAC,gBAAgB,EAAE,CAAC,QAAQ,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC;IAC7D,CAAC,CAAC;IAEF,IAAI,WAAW,GAAG,oBAAC,QAAQ,IAAC,KAAK,EAAC,SAAS,GAAG,CAAC;IAE/C,IAAI,QAAQ,EAAE;QACZ,sGAAsG;QACtG,yGAAyG;QACzG,WAAW,GAAG,oBAAC,QAAQ,IAAC,KAAK,EAAE,KAAK,IAAI,KAAK,EAAE,QAAQ,EAAE,YAAY,EAAE,QAAQ,EAAE,QAAQ,GAAI,CAAC;KAC/F;IAED,OAAO,CACL,oBAAC,WAAW,IAAC,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,KAAK,OAAO;QACxD,oBAAC,SAAS;YACR,oBAAC,gBAAgB,IACf,OAAO,EAAE,WAAW,EACpB,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,SAAS,EAC9C,MAAM,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,SAAS,EAC1C,KAAK,EAAE,OAAO,EACd,cAAc,EAAC,KAAK,kBACN,MAAM,GACpB,CACQ;QACZ,oBAAC,cAAc,QAAE,mBAAmB,CAAkB,CAC1C,CACf,CAAC;AACJ,CAAC","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  } = 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    const field = {\n      [label]: value\n    };\n    return <FieldValueList item={field} />;\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"]}

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

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"Currency.d.ts","sourceRoot":"","sources":["../../../../src/components/field/Currency/Currency.tsx"],"names":[],"mappings":";AAQA,MAAM,CAAC,OAAO,UAAU,QAAQ,CAAC,KAAK,KAAA,eAgFrC"}

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

@@ -0,0 +1,46 @@
+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';
+// Using control from: https://github.com/unicef/material-ui-currency-textfield
+export default function Currency(props) {
+    const { getPConnect, label, required, disabled, value = '', validatemessage, status, 
+    /* onChange, onBlur, */
+    readOnly, testId, helperText, displayMode } = props;
+    const pConn = getPConnect();
+    const actions = pConn.getActionsApi();
+    const propName = pConn.getStateProps().value;
+    const helperTextToDisplay = validatemessage || helperText;
+    // console.log(`Currency: label: ${label} value: ${value}`);
+    let readOnlyProp = {}; // Note: empty if NOT ReadOnly
+    if (readOnly) {
+        readOnlyProp = { readOnly: true };
+    }
+    let testProp = {};
+    testProp = {
+        'data-test-id': testId
+    };
+    const [currValue, setCurrValue] = useState();
+    useEffect(() => {
+        // const testVal = value;
+        setCurrValue(value.toString());
+    }, [value]);
+    if (displayMode === 'LABELS_LEFT') {
+        const field = {
+            [label]: value
+        };
+        return React.createElement(FieldValueList, { item: field });
+    }
+    function currOnChange(event, inValue) {
+        // console.log(`Currency currOnChange inValue: ${inValue}`);
+        // update internal value
+        setCurrValue(inValue);
+    }
+    function currOnBlur(event, inValue) {
+        // console.log(`Currency currOnBlur inValue: ${inValue}`);
+        handleEvent(actions, 'changeNblur', propName, inValue !== '' ? Number(inValue) : inValue);
+    }
+    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 } } }));
+}
+//# sourceMappingURL=Currency.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Currency.js","sourceRoot":"","sources":["../../../../src/components/field/Currency/Currency.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACnD,iDAAiD;AACjD,OAAO,iBAAiB,MAAM,wCAAwC,CAAC;AACvE,OAAO,WAAW,MAAM,2BAA2B,CAAC;AACpD,OAAO,cAAc,MAAM,4CAA4C,CAAC;AAExE,+EAA+E;AAE/E,MAAM,CAAC,OAAO,UAAU,QAAQ,CAAC,KAAK;IACpC,MAAM,EACJ,WAAW,EACX,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,KAAK,GAAG,EAAE,EACV,eAAe,EACf,MAAM;IACN,uBAAuB;IACvB,QAAQ,EACR,MAAM,EACN,UAAU,EACV,WAAW,EACZ,GAAG,KAAK,CAAC;IACV,MAAM,KAAK,GAAG,WAAW,EAAE,CAAC;IAC5B,MAAM,OAAO,GAAG,KAAK,CAAC,aAAa,EAAE,CAAC;IACtC,MAAM,QAAQ,GAAG,KAAK,CAAC,aAAa,EAAE,CAAC,KAAK,CAAC;IAC7C,MAAM,mBAAmB,GAAG,eAAe,IAAI,UAAU,CAAC;IAE1D,4DAA4D;IAE5D,IAAI,YAAY,GAAG,EAAE,CAAC,CAAC,8BAA8B;IAErD,IAAI,QAAQ,EAAE;QACZ,YAAY,GAAG,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC;KACnC;IAED,IAAI,QAAQ,GAAG,EAAE,CAAC;IAElB,QAAQ,GAAG;QACT,cAAc,EAAE,MAAM;KACvB,CAAC;IAEF,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,EAAE,CAAC;IAE7C,SAAS,CAAC,GAAG,EAAE;QACb,yBAAyB;QACzB,YAAY,CAAC,KAAK,CAAC,QAAQ,EAAE,CAAC,CAAC;IACjC,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAEZ,IAAG,WAAW,KAAK,aAAa,EAAE;QAChC,MAAM,KAAK,GAAG;YACZ,CAAC,KAAK,CAAC,EAAE,KAAK;SACf,CAAC;QACF,OAAO,oBAAC,cAAc,IAAC,IAAI,EAAE,KAAK,GAAI,CAAA;KACvC;IAED,SAAS,YAAY,CAAC,KAAK,EAAE,OAAO;QAClC,4DAA4D;QAE5D,wBAAwB;QACxB,YAAY,CAAC,OAAO,CAAC,CAAC;IACxB,CAAC;IAED,SAAS,UAAU,CAAC,KAAK,EAAE,OAAO;QAChC,0DAA0D;QAC1D,WAAW,CAAC,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,OAAO,KAAK,EAAE,CAAC,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC;IAC5F,CAAC;IAED,OAAO,CACL,oBAAC,iBAAiB,IAChB,SAAS,QACT,OAAO,EAAE,QAAQ,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,UAAU,EAC3C,UAAU,EAAE,mBAAmB,EAC/B,WAAW,EAAC,EAAE,EACd,IAAI,EAAC,OAAO,EACZ,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,YAAY,EACtB,MAAM,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,SAAS,EAC1C,KAAK,EAAE,MAAM,KAAK,OAAO,EACzB,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,SAAS,EAChB,IAAI,EAAC,MAAM,EACX,YAAY,EAAC,QAAQ,EACrB,SAAS,EAAC,MAAM,EAChB,UAAU,EAAE,EAAE,GAAG,YAAY,EAAE,UAAU,EAAE,EAAE,GAAG,QAAQ,EAAE,KAAK,EAAE,SAAS,EAAE,EAAE,GAC9E,CACH,CAAC;AACJ,CAAC","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';\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  } = props;\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\n  useEffect(() => {\n    // const testVal = value;\n    setCurrValue(value.toString());\n  }, [value]);\n\n  if(displayMode === 'LABELS_LEFT') {\n    const field = {\n      [label]: value\n    };\n    return <FieldValueList item={field} />\n  }\n\n  function currOnChange(event, inValue) {\n    // console.log(`Currency currOnChange inValue: ${inValue}`);\n\n    // update internal value\n    setCurrValue(inValue);\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  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    />\n  );\n}\n"]}

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

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"Date.d.ts","sourceRoot":"","sources":["../../../../src/components/field/Date/Date.tsx"],"names":[],"mappings":";AAMA,MAAM,CAAC,OAAO,UAAU,IAAI,CAAC,KAAK,KAAA,eAwEjC"}

package/lib/components/field/Date/Date.js

@@ -0,0 +1,36 @@
+import React from 'react';
+import { KeyboardDatePicker } from '@material-ui/pickers';
+import TextInput from '../TextInput';
+import handleEvent from '../../helpers/event-utils';
+import FieldValueList from '../../designSystemExtension/FieldValueList';
+export default function Date(props) {
+    const { getPConnect, label, required, disabled, value = '', validatemessage, status, onChange, onBlur, readOnly, testId, helperText, displayMode } = props;
+    const pConn = getPConnect();
+    const actions = pConn.getActionsApi();
+    const propName = pConn.getStateProps().value;
+    const helperTextToDisplay = validatemessage || helperText;
+    if (displayMode === 'LABELS_LEFT') {
+        const field = {
+            [label]: value
+        };
+        return React.createElement(FieldValueList, { item: field });
+    }
+    if (readOnly) {
+        // const theReadOnlyComp = <TextInput props />
+        return React.createElement(TextInput, { ...props });
+    }
+    let testProp = {};
+    testProp = {
+        'data-test-id': testId
+    };
+    const handleChange = date => {
+        const changeValue = date && date.isValid() ? date.toISOString() : null;
+        onChange({ value: changeValue });
+    };
+    const handleAccept = date => {
+        const changeValue = date && date.isValid() ? date.toISOString() : null;
+        handleEvent(actions, 'changeNblur', propName, changeValue);
+    };
+    return (React.createElement(KeyboardDatePicker, { disableToolbar: true, variant: 'inline', inputVariant: 'outlined', placeholder: 'mm/dd/yyyy', fullWidth: true, autoOk: true, required: required, disabled: disabled, format: 'MM/DD/YYYY', mask: '__/__/____', error: status === 'error', helperText: helperTextToDisplay, size: 'small', label: label, value: value || null, onChange: handleChange, onBlur: !readOnly ? onBlur : undefined, onAccept: handleAccept, InputProps: { ...testProp } }));
+}
+//# sourceMappingURL=Date.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Date.js","sourceRoot":"","sources":["../../../../src/components/field/Date/Date.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,SAAS,MAAM,cAAc,CAAC;AACrC,OAAO,WAAW,MAAM,2BAA2B,CAAC;AACpD,OAAO,cAAc,MAAM,4CAA4C,CAAC;AAExE,MAAM,CAAC,OAAO,UAAU,IAAI,CAAC,KAAK;IAChC,MAAM,EACJ,WAAW,EACX,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,KAAK,GAAG,EAAE,EACV,eAAe,EACf,MAAM,EACN,QAAQ,EACR,MAAM,EACN,QAAQ,EACR,MAAM,EACN,UAAU,EACV,WAAW,EACZ,GAAG,KAAK,CAAC;IACV,MAAM,KAAK,GAAG,WAAW,EAAE,CAAC;IAC5B,MAAM,OAAO,GAAG,KAAK,CAAC,aAAa,EAAE,CAAC;IACtC,MAAM,QAAQ,GAAG,KAAK,CAAC,aAAa,EAAE,CAAC,KAAK,CAAC;IAC7C,MAAM,mBAAmB,GAAG,eAAe,IAAI,UAAU,CAAC;IAE1D,IAAG,WAAW,KAAK,aAAa,EAAE;QAChC,MAAM,KAAK,GAAG;YACZ,CAAC,KAAK,CAAC,EAAE,KAAK;SACf,CAAC;QACF,OAAO,oBAAC,cAAc,IAAC,IAAI,EAAE,KAAK,GAAI,CAAA;KACvC;IAED,IAAI,QAAQ,EAAE;QACZ,8CAA8C;QAC9C,OAAO,oBAAC,SAAS,OAAK,KAAK,GAAI,CAAC;KACjC;IAED,IAAI,QAAQ,GAAG,EAAE,CAAC;IAElB,QAAQ,GAAG;QACT,cAAc,EAAE,MAAM;KACvB,CAAC;IAEF,MAAM,YAAY,GAAG,IAAI,CAAC,EAAE;QAC1B,MAAM,WAAW,GAAG,IAAI,IAAI,IAAI,CAAC,OAAO,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,WAAW,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC;QACvE,QAAQ,CAAC,EAAE,KAAK,EAAE,WAAW,EAAE,CAAC,CAAC;IACnC,CAAC,CAAC;IAEF,MAAM,YAAY,GAAG,IAAI,CAAC,EAAE;QAC1B,MAAM,WAAW,GAAG,IAAI,IAAI,IAAI,CAAC,OAAO,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,WAAW,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC;QACvE,WAAW,CAAC,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,WAAW,CAAC,CAAC;IAC7D,CAAC,CAAC;IAEF,OAAO,CACL,oBAAC,kBAAkB,IACjB,cAAc,QACd,OAAO,EAAC,QAAQ,EAChB,YAAY,EAAC,UAAU,EACvB,WAAW,EAAC,YAAY,EACxB,SAAS,QACT,MAAM,QACN,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,MAAM,EAAC,YAAY,EACnB,IAAI,EAAC,YAAY,EACjB,KAAK,EAAE,MAAM,KAAK,OAAO,EACzB,UAAU,EAAE,mBAAmB,EAC/B,IAAI,EAAC,OAAO,EACZ,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,KAAK,IAAI,IAAI,EACpB,QAAQ,EAAE,YAAY,EACtB,MAAM,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,EACtC,QAAQ,EAAE,YAAY,EACtB,UAAU,EAAE,EAAE,GAAG,QAAQ,EAAE,GAC3B,CACH,CAAC;AACJ,CAAC","sourcesContent":["import React from 'react';\nimport { KeyboardDatePicker } from '@material-ui/pickers';\nimport TextInput from '../TextInput';\nimport handleEvent from '../../helpers/event-utils';\nimport FieldValueList from '../../designSystemExtension/FieldValueList';\n\nexport default function Date(props) {\n  const {\n    getPConnect,\n    label,\n    required,\n    disabled,\n    value = '',\n    validatemessage,\n    status,\n    onChange,\n    onBlur,\n    readOnly,\n    testId,\n    helperText,\n    displayMode\n  } = props;\n  const pConn = getPConnect();\n  const actions = pConn.getActionsApi();\n  const propName = pConn.getStateProps().value;\n  const helperTextToDisplay = validatemessage || helperText;\n\n  if(displayMode === 'LABELS_LEFT') {\n    const field = {\n      [label]: value\n    };\n    return <FieldValueList item={field} />\n  }\n\n  if (readOnly) {\n    // const theReadOnlyComp = <TextInput props />\n    return <TextInput {...props} />;\n  }\n\n  let testProp = {};\n\n  testProp = {\n    'data-test-id': testId\n  };\n\n  const handleChange = date => {\n    const changeValue = date && date.isValid() ? date.toISOString() : null;\n    onChange({ value: changeValue });\n  };\n\n  const handleAccept = date => {\n    const changeValue = date && date.isValid() ? date.toISOString() : null;\n    handleEvent(actions, 'changeNblur', propName, changeValue);\n  };\n\n  return (\n    <KeyboardDatePicker\n      disableToolbar\n      variant='inline'\n      inputVariant='outlined'\n      placeholder='mm/dd/yyyy'\n      fullWidth\n      autoOk\n      required={required}\n      disabled={disabled}\n      format='MM/DD/YYYY'\n      mask='__/__/____'\n      error={status === 'error'}\n      helperText={helperTextToDisplay}\n      size='small'\n      label={label}\n      value={value || null}\n      onChange={handleChange}\n      onBlur={!readOnly ? onBlur : undefined}\n      onAccept={handleAccept}\n      InputProps={{ ...testProp }}\n    />\n  );\n}\n"]}

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

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