@pega/react-sdk-components 0.23.0

package/lib/components/forms/RadioButtons/RadioButtons.js

@@ -0,0 +1,33 @@
+import React, { useState, useEffect } from 'react';
+import { Radio, RadioGroup, FormControl, FormControlLabel, FormLabel, FormHelperText } from '@material-ui/core';
+import Utils from '../../helpers/utils';
+import handleEvent from '../../helpers/event-utils';
+export default function RadioButtons(props) {
+    const { getPConnect, label, value = '', readOnly, validatemessage, helperText, status, required, inline } = props;
+    const [theSelectedButton, setSelectedButton] = useState(value);
+    const thePConn = getPConnect();
+    const theConfigProps = thePConn.getConfigProps();
+    const actionsApi = thePConn.getActionsApi();
+    const propName = thePConn.getStateProps().value;
+    const helperTextToDisplay = validatemessage || helperText;
+    // theOptions will be an array of JSON objects that are literally key/value pairs.
+    //  Ex: [ {key: "Basic", value: "Basic"} ]
+    const theOptions = Utils.getOptionList(theConfigProps, thePConn.getDataObject());
+    useEffect(() => {
+        // This update theSelectedButton which will update the UI to show the selected button correctly
+        setSelectedButton(value);
+    }, [value]);
+    const handleChange = event => {
+        handleEvent(actionsApi, 'changeNblur', propName, event.target.value);
+    };
+    const handleBlur = event => {
+        thePConn.getValidationApi().validate(event.target.value);
+    };
+    return (React.createElement(FormControl, { error: status === 'error', required: required },
+        React.createElement(FormLabel, { component: 'legend' }, label),
+        React.createElement(RadioGroup, { value: theSelectedButton, onChange: handleChange, onBlur: handleBlur, row: inline }, theOptions.map(theOption => {
+            return (React.createElement(FormControlLabel, { value: theOption.key, key: theOption.key, label: theOption.value, control: React.createElement(Radio, { key: theOption.key, color: 'primary', disabled: readOnly }) }));
+        })),
+        React.createElement(FormHelperText, null, helperTextToDisplay)));
+}
+//# sourceMappingURL=RadioButtons.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"RadioButtons.js","sourceRoot":"","sources":["../../../../src/components/forms/RadioButtons/RadioButtons.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACnD,OAAO,EACL,KAAK,EACL,UAAU,EACV,WAAW,EACX,gBAAgB,EAChB,SAAS,EACT,cAAc,EACf,MAAM,mBAAmB,CAAC;AAE3B,OAAO,KAAK,MAAM,qBAAqB,CAAC;AACxC,OAAO,WAAW,MAAM,2BAA2B,CAAC;AAEpD,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,KAAK;IACxC,MAAM,EACJ,WAAW,EACX,KAAK,EACL,KAAK,GAAG,EAAE,EACV,QAAQ,EACR,eAAe,EACf,UAAU,EACV,MAAM,EACN,QAAQ,EACR,MAAM,EACP,GAAG,KAAK,CAAC;IACV,MAAM,CAAC,iBAAiB,EAAE,iBAAiB,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAE/D,MAAM,QAAQ,GAAG,WAAW,EAAE,CAAC;IAC/B,MAAM,cAAc,GAAG,QAAQ,CAAC,cAAc,EAAE,CAAC;IACjD,MAAM,UAAU,GAAG,QAAQ,CAAC,aAAa,EAAE,CAAC;IAC5C,MAAM,QAAQ,GAAG,QAAQ,CAAC,aAAa,EAAE,CAAC,KAAK,CAAC;IAChD,MAAM,mBAAmB,GAAG,eAAe,IAAI,UAAU,CAAC;IAE1D,kFAAkF;IAClF,0CAA0C;IAC1C,MAAM,UAAU,GAAG,KAAK,CAAC,aAAa,CAAC,cAAc,EAAE,QAAQ,CAAC,aAAa,EAAE,CAAC,CAAC;IAEjF,SAAS,CAAC,GAAG,EAAE;QACb,+FAA+F;QAC/F,iBAAiB,CAAC,KAAK,CAAC,CAAC;IAC3B,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAEZ,MAAM,YAAY,GAAG,KAAK,CAAC,EAAE;QAC3B,WAAW,CAAC,UAAU,EAAE,aAAa,EAAE,QAAQ,EAAE,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;IACvE,CAAC,CAAC;IAEF,MAAM,UAAU,GAAG,KAAK,CAAC,EAAE;QACzB,QAAQ,CAAC,gBAAgB,EAAE,CAAC,QAAQ,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;IAC3D,CAAC,CAAC;IAEF,OAAO,CACL,oBAAC,WAAW,IAAC,KAAK,EAAE,MAAM,KAAK,OAAO,EAAE,QAAQ,EAAE,QAAQ;QACxD,oBAAC,SAAS,IAAC,SAAS,EAAC,QAAQ,IAAE,KAAK,CAAa;QACjD,oBAAC,UAAU,IAAC,KAAK,EAAE,iBAAiB,EAAE,QAAQ,EAAE,YAAY,EAAE,MAAM,EAAE,UAAU,EAAE,GAAG,EAAE,MAAM,IAC1F,UAAU,CAAC,GAAG,CAAC,SAAS,CAAC,EAAE;YAC1B,OAAO,CACL,oBAAC,gBAAgB,IACf,KAAK,EAAE,SAAS,CAAC,GAAG,EACpB,GAAG,EAAE,SAAS,CAAC,GAAG,EAClB,KAAK,EAAE,SAAS,CAAC,KAAK,EACtB,OAAO,EAAE,oBAAC,KAAK,IAAC,GAAG,EAAE,SAAS,CAAC,GAAG,EAAE,KAAK,EAAC,SAAS,EAAC,QAAQ,EAAE,QAAQ,GAAI,GAC1E,CACH,CAAC;QACJ,CAAC,CAAC,CACS;QACb,oBAAC,cAAc,QAAE,mBAAmB,CAAkB,CAC1C,CACf,CAAC;AACJ,CAAC","sourcesContent":["import React, { useState, useEffect } from 'react';\nimport {\n  Radio,\n  RadioGroup,\n  FormControl,\n  FormControlLabel,\n  FormLabel,\n  FormHelperText\n} from '@material-ui/core';\n\nimport Utils from '../../helpers/utils';\nimport handleEvent from '../../helpers/event-utils';\n\nexport default function RadioButtons(props) {\n  const {\n    getPConnect,\n    label,\n    value = '',\n    readOnly,\n    validatemessage,\n    helperText,\n    status,\n    required,\n    inline\n  } = props;\n  const [theSelectedButton, setSelectedButton] = useState(value);\n\n  const thePConn = getPConnect();\n  const theConfigProps = thePConn.getConfigProps();\n  const actionsApi = thePConn.getActionsApi();\n  const propName = thePConn.getStateProps().value;\n  const helperTextToDisplay = validatemessage || helperText;\n\n  // theOptions will be an array of JSON objects that are literally key/value pairs.\n  //  Ex: [ {key: \"Basic\", value: \"Basic\"} ]\n  const theOptions = Utils.getOptionList(theConfigProps, thePConn.getDataObject());\n\n  useEffect(() => {\n    // This update theSelectedButton which will update the UI to show the selected button correctly\n    setSelectedButton(value);\n  }, [value]);\n\n  const handleChange = event => {\n    handleEvent(actionsApi, 'changeNblur', propName, event.target.value);\n  };\n\n  const handleBlur = event => {\n    thePConn.getValidationApi().validate(event.target.value);\n  };\n\n  return (\n    <FormControl error={status === 'error'} required={required}>\n      <FormLabel component='legend'>{label}</FormLabel>\n      <RadioGroup value={theSelectedButton} onChange={handleChange} onBlur={handleBlur} row={inline}>\n        {theOptions.map(theOption => {\n          return (\n            <FormControlLabel\n              value={theOption.key}\n              key={theOption.key}\n              label={theOption.value}\n              control={<Radio key={theOption.key} color='primary' disabled={readOnly} />}\n            />\n          );\n        })}\n      </RadioGroup>\n      <FormHelperText>{helperTextToDisplay}</FormHelperText>\n    </FormControl>\n  );\n}\n"]}

package/lib/components/forms/RadioButtons/index.d.ts

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

package/lib/components/forms/RadioButtons/index.d.ts.map

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

package/lib/components/forms/RadioButtons/index.js

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

package/lib/components/forms/RadioButtons/index.js.map

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

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

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+import PropTypes from "prop-types";
+declare function SemanticLink(props: any): JSX.Element | undefined;
+declare namespace SemanticLink {
+    var propTypes: {
+        text: PropTypes.Validator<string>;
+        displayMode: PropTypes.Requireable<string>;
+        label: PropTypes.Requireable<string>;
+    };
+}
+export default SemanticLink;
+//# sourceMappingURL=SemanticLink.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SemanticLink.d.ts","sourceRoot":"","sources":["../../../../src/components/forms/SemanticLink/SemanticLink.tsx"],"names":[],"mappings":";AACA,OAAO,SAAS,MAAM,YAAY,CAAC;AAuCnC,iBAAwB,YAAY,CAAC,KAAK,KAAA,2BAsBzC;kBAtBuB,YAAY;;;;;;;eAAZ,YAAY"}

package/lib/components/forms/SemanticLink/SemanticLink.js

@@ -0,0 +1,55 @@
+import React from "react";
+import PropTypes from "prop-types";
+import Typography from '@material-ui/core/Typography';
+import Grid from '@material-ui/core/Grid';
+import { makeStyles } from '@material-ui/core/styles';
+/* although this is called the SemanticLink component, we are not yet displaying as a
+SemanticLink in SDK and only showing the value as a read only text field. */
+const useStyles = makeStyles((theme) => ({
+    root: {
+        paddingRight: theme.spacing(1),
+        paddingLeft: theme.spacing(1),
+        paddingTop: theme.spacing(1),
+        paddingBottom: theme.spacing(1),
+        marginRight: theme.spacing(1),
+        marginLeft: theme.spacing(1),
+        marginTop: theme.spacing(1),
+        marginBottom: theme.spacing(1),
+    },
+    fieldMargin: {
+        paddingRight: theme.spacing(1),
+        paddingLeft: theme.spacing(1),
+        paddingTop: theme.spacing(1),
+        paddingBottom: theme.spacing(1),
+        marginRight: theme.spacing(1),
+        marginLeft: theme.spacing(1),
+        marginTop: theme.spacing(1),
+        marginBottom: theme.spacing(1),
+    },
+    fieldLabel: {
+        fontWeight: 400,
+        color: theme.palette.text.secondary
+    },
+    fieldValue: {
+        fontWeight: 400,
+        color: theme.palette.text.primary
+    }
+}));
+export default function SemanticLink(props) {
+    const { text, displayMode, label, } = props;
+    const classes = useStyles();
+    if (displayMode === "LABELS_LEFT" || (!displayMode && label !== undefined)) {
+        const value = text || "---";
+        return (React.createElement(Grid, { container: true, spacing: 1, style: { padding: "4px 0px" }, id: "semantic-link-grid" },
+            React.createElement(Grid, { item: true, xs: 6 },
+                React.createElement(Typography, { variant: "body2", component: "span", className: `${classes.fieldLabel} ${classes.fieldMargin}` }, label)),
+            React.createElement(Grid, { item: true, xs: 6 },
+                React.createElement(Typography, { variant: "body2", component: "span", className: classes.fieldValue }, value))));
+    }
+}
+SemanticLink.propTypes = {
+    text: PropTypes.string.isRequired,
+    displayMode: PropTypes.string,
+    label: PropTypes.string,
+};
+//# sourceMappingURL=SemanticLink.js.map

package/lib/components/forms/SemanticLink/SemanticLink.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SemanticLink.js","sourceRoot":"","sources":["../../../../src/components/forms/SemanticLink/SemanticLink.tsx"],"names":[],"mappings":"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","sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport Typography from '@material-ui/core/Typography';\nimport Grid from '@material-ui/core/Grid';\nimport { makeStyles } from '@material-ui/core/styles';\n\n/* although this is called the SemanticLink component, we are not yet displaying as a\nSemanticLink in SDK and only showing the value as a read only text field. */\n\nconst useStyles = makeStyles((theme) => ({\n  root: {\n    paddingRight: theme.spacing(1),\n    paddingLeft: theme.spacing(1),\n    paddingTop: theme.spacing(1),\n    paddingBottom: theme.spacing(1),\n    marginRight: theme.spacing(1),\n    marginLeft: theme.spacing(1),\n    marginTop: theme.spacing(1),\n    marginBottom: theme.spacing(1),\n  },\n  fieldMargin: {\n    paddingRight: theme.spacing(1),\n    paddingLeft: theme.spacing(1),\n    paddingTop: theme.spacing(1),\n    paddingBottom: theme.spacing(1),\n    marginRight: theme.spacing(1),\n    marginLeft: theme.spacing(1),\n    marginTop: theme.spacing(1),\n    marginBottom: theme.spacing(1),\n  },\n  fieldLabel: {\n    fontWeight: 400,\n    color: theme.palette.text.secondary\n  },\n  fieldValue: {\n    fontWeight: 400,\n    color: theme.palette.text.primary\n  }\n}));\n\nexport default function SemanticLink(props) {\n  const {\n    text,\n    displayMode,\n    label,\n  } = props;\n  const classes = useStyles();\n\n\n  if (displayMode === \"LABELS_LEFT\" || (!displayMode && label !== undefined)) {\n    const value = text ||  \"---\";\n    return (\n      <Grid container spacing={1} style={{padding: \"4px 0px\"}}  id=\"semantic-link-grid\">\n        <Grid item xs={6}>\n          <Typography variant=\"body2\" component=\"span\" className={`${classes.fieldLabel} ${classes.fieldMargin}`}>{label}</Typography>\n        </Grid>\n        <Grid item xs={6}>\n          <Typography variant=\"body2\" component=\"span\" className={classes.fieldValue}>{value}</Typography>\n        </Grid>\n      </Grid>\n    );\n  }\n}\n\nSemanticLink.propTypes = {\n  text: PropTypes.string.isRequired,\n  displayMode: PropTypes.string,\n  label: PropTypes.string,\n};\n"]}

package/lib/components/forms/SemanticLink/index.d.ts

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

package/lib/components/forms/SemanticLink/index.d.ts.map

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

package/lib/components/forms/SemanticLink/index.js

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

package/lib/components/forms/SemanticLink/index.js.map

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

package/lib/components/forms/SemanticLink/utils.d.ts

@@ -0,0 +1,14 @@
+declare function getDataReferenceInfo(pConnect: any, dataRelationshipContext: any): {
+    dataContext: string;
+    dataContextParameters: {};
+} | {
+    dataContext?: undefined;
+    dataContextParameters?: undefined;
+};
+declare function isLinkTextEmpty(text: any): boolean;
+declare const _default: {
+    getDataReferenceInfo: typeof getDataReferenceInfo;
+    isLinkTextEmpty: typeof isLinkTextEmpty;
+};
+export default _default;
+//# sourceMappingURL=utils.d.ts.map

package/lib/components/forms/SemanticLink/utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../../src/components/forms/SemanticLink/utils.ts"],"names":[],"mappings":"AAEA,iBAAS,oBAAoB,CAAC,QAAQ,KAAA,EAAE,uBAAuB,KAAA;;;;;;EA0C9D;AAED,iBAAS,eAAe,CAAC,IAAI,KAAA,WAE5B;;;;;AAED,wBAAyD"}

package/lib/components/forms/SemanticLink/utils.js

@@ -0,0 +1,42 @@
+function getDataReferenceInfo(pConnect, dataRelationshipContext) {
+    if (!pConnect) {
+        throw Error("PConnect parameter is required");
+    }
+    let dataContext = "";
+    const payload = {};
+    const pageReference = pConnect.getPageReference();
+    const annotationUtils = PCore.getAnnotationUtils();
+    let fieldMetadata;
+    if (pageReference) {
+        /*
+        For page list the page refernce will be something like caseInfo.content.EmployeeRef[1].
+        Need to extract EmployeeRef from caseInfo.content.EmployeeRef[1]
+        */
+        const propertySplit = pageReference.split(".");
+        // Regex to match if the property is list type. Eg: EmployeeRef[1]
+        const listPropertyRegex = /([a-z|A-Z]*[[][\d]*)[\]]$/gm;
+        // Regex to match [1] part of the property EmployeeRef[1]
+        const indexRegex = /([[][\d]*[\]])+/gm;
+        let contextProperty = dataRelationshipContext !== null ? dataRelationshipContext : propertySplit.pop();
+        const isListProperty = listPropertyRegex.test(contextProperty);
+        contextProperty = isListProperty
+            ? contextProperty.replace(indexRegex, "")
+            : contextProperty;
+        fieldMetadata = pConnect.getFieldMetadata(contextProperty);
+    }
+    if (!!fieldMetadata && fieldMetadata.datasource) {
+        const { name, parameters } = fieldMetadata.datasource;
+        dataContext = name;
+        for (const [key, value] of Object.entries(parameters)) {
+            const property = dataRelationshipContext !== null ? annotationUtils.getPropertyName(value) : annotationUtils.getLeafPropertyName(value);
+            payload[key] = pConnect.getValue(`.${property}`);
+        }
+        return { dataContext, dataContextParameters: payload };
+    }
+    return {};
+}
+function isLinkTextEmpty(text) {
+    return text === "" || text === undefined || text === null;
+}
+export default { getDataReferenceInfo, isLinkTextEmpty };
+//# sourceMappingURL=utils.js.map

package/lib/components/forms/SemanticLink/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../../src/components/forms/SemanticLink/utils.ts"],"names":[],"mappings":"AAEA,SAAS,oBAAoB,CAAC,QAAQ,EAAE,uBAAuB;IAC7D,IAAI,CAAC,QAAQ,EAAE;QACb,MAAM,KAAK,CAAC,gCAAgC,CAAC,CAAC;KAC/C;IAED,IAAI,WAAW,GAAG,EAAE,CAAC;IACrB,MAAM,OAAO,GAAG,EAAE,CAAC;IACnB,MAAM,aAAa,GAAG,QAAQ,CAAC,gBAAgB,EAAE,CAAC;IAClD,MAAM,eAAe,GAAG,KAAK,CAAC,kBAAkB,EAAE,CAAC;IACnD,IAAI,aAAa,CAAC;IAElB,IAAI,aAAa,EAAE;QACjB;;;UAGE;QACF,MAAM,aAAa,GAAG,aAAa,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;QAE/C,kEAAkE;QAClE,MAAM,iBAAiB,GAAG,6BAA6B,CAAC;QACxD,yDAAyD;QACzD,MAAM,UAAU,GAAG,mBAAmB,CAAC;QAEvC,IAAI,eAAe,GAAG,uBAAuB,KAAK,IAAI,CAAC,CAAC,CAAC,uBAAuB,CAAC,CAAC,CAAC,aAAa,CAAC,GAAG,EAAE,CAAC;QACvG,MAAM,cAAc,GAAG,iBAAiB,CAAC,IAAI,CAAC,eAAe,CAAC,CAAC;QAC/D,eAAe,GAAG,cAAc;YAC9B,CAAC,CAAC,eAAe,CAAC,OAAO,CAAC,UAAU,EAAE,EAAE,CAAC;YACzC,CAAC,CAAC,eAAe,CAAC;QACpB,aAAa,GAAG,QAAQ,CAAC,gBAAgB,CAAC,eAAe,CAAC,CAAC;KAC5D;IAED,IAAI,CAAC,CAAC,aAAa,IAAI,aAAa,CAAC,UAAU,EAAE;QAC/C,MAAM,EAAE,IAAI,EAAE,UAAU,EAAE,GAAG,aAAa,CAAC,UAAU,CAAC;QACtD,WAAW,GAAG,IAAI,CAAC;QACnB,KAAK,MAAM,CAAC,GAAG,EAAE,KAAK,CAAC,IAAI,MAAM,CAAC,OAAO,CAAC,UAAU,CAAC,EAAE;YACrD,MAAM,QAAQ,GAAG,uBAAuB,KAAK,IAAI,CAAC,CAAC,CAAC,eAAe,CAAC,eAAe,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,eAAe,CAAC,mBAAmB,CAAC,KAAK,CAAC,CAAA;YACvI,OAAO,CAAC,GAAG,CAAC,GAAG,QAAQ,CAAC,QAAQ,CAAC,IAAI,QAAQ,EAAE,CAAC,CAAC;SAClD;QACD,OAAO,EAAE,WAAW,EAAE,qBAAqB,EAAE,OAAO,EAAE,CAAC;KACxD;IAED,OAAO,EAAE,CAAC;AACZ,CAAC;AAED,SAAS,eAAe,CAAC,IAAI;IAC3B,OAAO,IAAI,KAAK,EAAE,IAAI,IAAI,KAAK,SAAS,IAAI,IAAI,KAAK,IAAI,CAAC;AAC5D,CAAC;AAED,eAAe,EAAE,oBAAoB,EAAE,eAAe,EAAE,CAAC","sourcesContent":["declare const PCore;\n\nfunction getDataReferenceInfo(pConnect, dataRelationshipContext) {\n  if (!pConnect) {\n    throw Error(\"PConnect parameter is required\");\n  }\n\n  let dataContext = \"\";\n  const payload = {};\n  const pageReference = pConnect.getPageReference();\n  const annotationUtils = PCore.getAnnotationUtils();\n  let fieldMetadata;\n\n  if (pageReference) {\n    /*\n    For page list the page refernce will be something like caseInfo.content.EmployeeRef[1].\n    Need to extract EmployeeRef from caseInfo.content.EmployeeRef[1]\n    */\n    const propertySplit = pageReference.split(\".\");\n\n    // Regex to match if the property is list type. Eg: EmployeeRef[1]\n    const listPropertyRegex = /([a-z|A-Z]*[[][\\d]*)[\\]]$/gm;\n    // Regex to match [1] part of the property EmployeeRef[1]\n    const indexRegex = /([[][\\d]*[\\]])+/gm;\n\n    let contextProperty = dataRelationshipContext !== null ? dataRelationshipContext : propertySplit.pop();\n    const isListProperty = listPropertyRegex.test(contextProperty);\n    contextProperty = isListProperty\n      ? contextProperty.replace(indexRegex, \"\")\n      : contextProperty;\n    fieldMetadata = pConnect.getFieldMetadata(contextProperty);\n  }\n\n  if (!!fieldMetadata && fieldMetadata.datasource) {\n    const { name, parameters } = fieldMetadata.datasource;\n    dataContext = name;\n    for (const [key, value] of Object.entries(parameters)) {\n      const property = dataRelationshipContext !== null ? annotationUtils.getPropertyName(value) : annotationUtils.getLeafPropertyName(value)\n      payload[key] = pConnect.getValue(`.${property}`);\n    }\n    return { dataContext, dataContextParameters: payload };\n  }\n\n  return {};\n}\n\nfunction isLinkTextEmpty(text) {\n  return text === \"\" || text === undefined || text === null;\n}\n\nexport default { getDataReferenceInfo, isLinkTextEmpty };\n"]}

package/lib/components/forms/TextArea/TextArea.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+export default function TextArea(props: any): JSX.Element;
+//# sourceMappingURL=TextArea.d.ts.map

package/lib/components/forms/TextArea/TextArea.d.ts.map

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

package/lib/components/forms/TextArea/TextArea.js

@@ -0,0 +1,26 @@
+import React from 'react';
+import { TextField } from '@material-ui/core';
+import FieldValueList from '../../designSystemExtensions/FieldValueList';
+export default function TextArea(props) {
+    const { label, required, disabled, value = '', validatemessage, status, onChange, onBlur, readOnly, testId, fieldMetadata, helperText, displayMode } = props;
+    const helperTextToDisplay = validatemessage || helperText;
+    const maxLength = fieldMetadata?.maxLength;
+    let readOnlyProp = {};
+    if (displayMode === 'LABELS_LEFT') {
+        const field = {
+            [label]: value
+        };
+        return React.createElement(FieldValueList, { item: field });
+    }
+    if (readOnly) {
+        // Not just emitting a read only Textfield like some other components do
+        //  since we want to preserve the minRows, maxRows info.
+        readOnlyProp = { readOnly: true };
+    }
+    let testProp = {};
+    testProp = {
+        'data-test-id': testId
+    };
+    return (React.createElement(TextField, { multiline: true, minRows: 5, maxRows: 5, fullWidth: true, variant: readOnly ? 'standard' : 'outlined', helperText: helperTextToDisplay, placeholder: '', size: 'small', required: required, disabled: disabled, onChange: onChange, onBlur: onBlur, error: status === 'error', label: label, value: value, InputProps: { ...readOnlyProp, inputProps: { maxLength, ...testProp } } }));
+}
+//# sourceMappingURL=TextArea.js.map

package/lib/components/forms/TextArea/TextArea.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextArea.js","sourceRoot":"","sources":["../../../../src/components/forms/TextArea/TextArea.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAC9C,OAAO,cAAc,MAAM,6CAA6C,CAAC;AAEzE,MAAM,CAAC,OAAO,UAAU,QAAQ,CAAC,KAAK;IACpC,MAAM,EACJ,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,KAAK,GAAG,EAAE,EACV,eAAe,EACf,MAAM,EACN,QAAQ,EACR,MAAM,EACN,QAAQ,EACR,MAAM,EACN,aAAa,EACb,UAAU,EACV,WAAW,EACZ,GAAG,KAAK,CAAC;IACV,MAAM,mBAAmB,GAAG,eAAe,IAAI,UAAU,CAAC;IAE1D,MAAM,SAAS,GAAG,aAAa,EAAE,SAAS,CAAC;IAE3C,IAAI,YAAY,GAAG,EAAE,CAAC;IAEtB,IAAG,WAAW,KAAK,aAAa,EAAC;QAC/B,MAAM,KAAK,GAAG;YACZ,CAAC,KAAK,CAAC,EAAE,KAAK;SACf,CAAC;QACF,OAAO,oBAAC,cAAc,IAAC,IAAI,EAAE,KAAK,GAAG,CAAA;KACtC;IAED,IAAI,QAAQ,EAAE;QACZ,wEAAwE;QACxE,wDAAwD;QACxD,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,OAAO,CACL,oBAAC,SAAS,IACR,SAAS,QACT,OAAO,EAAE,CAAC,EACV,OAAO,EAAE,CAAC,EACV,SAAS,QACT,OAAO,EAAE,QAAQ,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,UAAU,EAC3C,UAAU,EAAE,mBAAmB,EAC/B,WAAW,EAAC,EAAE,EACd,IAAI,EAAC,OAAO,EACZ,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,MAAM,EAAE,MAAM,EACd,KAAK,EAAE,MAAM,KAAK,OAAO,EACzB,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,KAAK,EACZ,UAAU,EAAE,EAAE,GAAG,YAAY,EAAE,UAAU,EAAE,EAAE,SAAS,EAAE,GAAG,QAAQ,EAAE,EAAE,GACvE,CACH,CAAC;AACJ,CAAC","sourcesContent":["import React from 'react';\nimport { TextField } from '@material-ui/core';\nimport FieldValueList from '../../designSystemExtensions/FieldValueList';\n\nexport default function TextArea(props) {\n  const {\n    label,\n    required,\n    disabled,\n    value = '',\n    validatemessage,\n    status,\n    onChange,\n    onBlur,\n    readOnly,\n    testId,\n    fieldMetadata,\n    helperText,\n    displayMode\n  } = props;\n  const helperTextToDisplay = validatemessage || helperText;\n\n  const maxLength = fieldMetadata?.maxLength;\n\n  let readOnlyProp = {};\n\n  if(displayMode === 'LABELS_LEFT'){\n    const field = {\n      [label]: value\n    };\n    return <FieldValueList item={field}/>\n  }\n\n  if (readOnly) {\n    // Not just emitting a read only Textfield like some other components do\n    //  since we want to preserve the minRows, maxRows info.\n    readOnlyProp = { readOnly: true };\n  }\n\n  let testProp = {};\n\n  testProp = {\n    'data-test-id': testId\n  };\n\n  return (\n    <TextField\n      multiline\n      minRows={5}\n      maxRows={5}\n      fullWidth\n      variant={readOnly ? 'standard' : 'outlined'}\n      helperText={helperTextToDisplay}\n      placeholder=''\n      size='small'\n      required={required}\n      disabled={disabled}\n      onChange={onChange}\n      onBlur={onBlur}\n      error={status === 'error'}\n      label={label}\n      value={value}\n      InputProps={{ ...readOnlyProp, inputProps: { maxLength, ...testProp } }}\n    />\n  );\n}\n"]}

package/lib/components/forms/TextArea/index.d.ts

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

package/lib/components/forms/TextArea/index.d.ts.map

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

package/lib/components/forms/TextArea/index.js

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

package/lib/components/forms/TextArea/index.js.map

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

package/lib/components/forms/TextContent/TextContent.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+export default function TextContent(props: any): JSX.Element;
+//# sourceMappingURL=TextContent.d.ts.map

package/lib/components/forms/TextContent/TextContent.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextContent.d.ts","sourceRoot":"","sources":["../../../../src/components/forms/TextContent/TextContent.tsx"],"names":[],"mappings":";AAGA,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,KAAK,KAAA,eAoCxC"}

package/lib/components/forms/TextContent/TextContent.js

@@ -0,0 +1,29 @@
+import React from 'react';
+import { Typography } from '@material-ui/core';
+export default function TextContent(props) {
+    const { content, displayAs } = props;
+    let theVariant = 'body1';
+    switch (displayAs) {
+        case 'Paragraph':
+            theVariant = 'body1';
+            break;
+        case 'Heading 1':
+            theVariant = 'h1';
+            break;
+        case 'Heading 2':
+            theVariant = 'h2';
+            break;
+        case 'Heading 3':
+            theVariant = 'h3';
+            break;
+        case 'Heading 4':
+            theVariant = 'h4';
+            break;
+        default:
+            // eslint-disable-next-line no-console
+            console.error(`TextContent got an expected displayAs prop: ${displayAs}`);
+            break;
+    }
+    return React.createElement(Typography, { variant: theVariant }, content);
+}
+//# sourceMappingURL=TextContent.js.map

package/lib/components/forms/TextContent/TextContent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextContent.js","sourceRoot":"","sources":["../../../../src/components/forms/TextContent/TextContent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAE/C,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,KAAK;IAIvC,MAAM,EAAE,OAAO,EAAE,SAAS,EAAE,GAAsD,KAAK,CAAC;IAExF,IAAI,UAAU,GAAqB,OAAO,CAAC;IAE3C,QAAQ,SAAS,EAAE;QACjB,KAAK,WAAW;YACd,UAAU,GAAG,OAAO,CAAC;YACrB,MAAM;QAER,KAAK,WAAW;YACd,UAAU,GAAG,IAAI,CAAC;YAClB,MAAM;QAER,KAAK,WAAW;YACd,UAAU,GAAG,IAAI,CAAC;YAClB,MAAM;QAER,KAAK,WAAW;YACd,UAAU,GAAG,IAAI,CAAC;YAClB,MAAM;QAER,KAAK,WAAW;YACd,UAAU,GAAG,IAAI,CAAC;YAClB,MAAM;QAER;YACE,sCAAsC;YACtC,OAAO,CAAC,KAAK,CAAC,+CAA+C,SAAS,EAAE,CAAC,CAAC;YAC1E,MAAM;KACT;IAED,OAAO,oBAAC,UAAU,IAAC,OAAO,EAAE,UAAU,IAAG,OAAO,CAAc,CAAC;AACjE,CAAC","sourcesContent":["import React from 'react';\nimport { Typography } from '@material-ui/core';\n\nexport default function TextContent(props) {\n  type ExpectedDisplayAs = 'Paragraph' | 'Heading 1' | 'Heading 2' | 'Heading 3' | 'Heading 4';\n  type ExpectedVariants = 'body1' | 'h1' | 'h2' | 'h3' | 'h4';\n\n  const { content, displayAs }: { content: string; displayAs: ExpectedDisplayAs } = props;\n\n  let theVariant: ExpectedVariants = 'body1';\n\n  switch (displayAs) {\n    case 'Paragraph':\n      theVariant = 'body1';\n      break;\n\n    case 'Heading 1':\n      theVariant = 'h1';\n      break;\n\n    case 'Heading 2':\n      theVariant = 'h2';\n      break;\n\n    case 'Heading 3':\n      theVariant = 'h3';\n      break;\n\n    case 'Heading 4':\n      theVariant = 'h4';\n      break;\n\n    default:\n      // eslint-disable-next-line no-console\n      console.error(`TextContent got an expected displayAs prop: ${displayAs}`);\n      break;\n  }\n\n  return <Typography variant={theVariant}>{content}</Typography>;\n}\n"]}

package/lib/components/forms/TextContent/index.d.ts

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

package/lib/components/forms/TextContent/index.d.ts.map

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

package/lib/components/forms/TextContent/index.js

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

package/lib/components/forms/TextContent/index.js.map

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

package/lib/components/forms/TextInput/TextInput.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+export default function TextInput(props: any): JSX.Element;
+//# sourceMappingURL=TextInput.d.ts.map

package/lib/components/forms/TextInput/TextInput.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextInput.d.ts","sourceRoot":"","sources":["../../../../src/components/forms/TextInput/TextInput.tsx"],"names":[],"mappings":";AAIA,MAAM,CAAC,OAAO,UAAU,SAAS,CAAC,KAAK,KAAA,eAwDtC"}

package/lib/components/forms/TextInput/TextInput.js

@@ -0,0 +1,24 @@
+import React from 'react';
+import { TextField } from '@material-ui/core';
+import FieldValueList from '../../designSystemExtensions/FieldValueList';
+export default function TextInput(props) {
+    const { label, required, disabled, value = '', validatemessage, status, onChange, onBlur, readOnly, testId, fieldMetadata, helperText, displayMode } = props;
+    const helperTextToDisplay = validatemessage || helperText;
+    const maxLength = fieldMetadata?.maxLength;
+    let readOnlyProp = {}; // Note: empty if NOT ReadOnly
+    if (displayMode === 'LABELS_LEFT') {
+        const field = {
+            [label]: value
+        };
+        return React.createElement(FieldValueList, { item: field });
+    }
+    if (readOnly) {
+        readOnlyProp = { readOnly: true };
+    }
+    let testProp = {};
+    testProp = {
+        'data-test-id': testId
+    };
+    return (React.createElement(TextField, { fullWidth: true, variant: readOnly ? 'standard' : 'outlined', helperText: helperTextToDisplay, placeholder: '', size: 'small', required: required, disabled: disabled, onChange: onChange, onBlur: onBlur, error: status === 'error', label: label, value: value, InputProps: { ...readOnlyProp, inputProps: { maxLength, ...testProp } } }));
+}
+//# sourceMappingURL=TextInput.js.map

package/lib/components/forms/TextInput/TextInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextInput.js","sourceRoot":"","sources":["../../../../src/components/forms/TextInput/TextInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAC9C,OAAO,cAAc,MAAM,6CAA6C,CAAC;AAEzE,MAAM,CAAC,OAAO,UAAU,SAAS,CAAC,KAAK;IACrC,MAAM,EACJ,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,KAAK,GAAG,EAAE,EACV,eAAe,EACf,MAAM,EACN,QAAQ,EACR,MAAM,EACN,QAAQ,EACR,MAAM,EACN,aAAa,EACb,UAAU,EACV,WAAW,EACZ,GAAG,KAAK,CAAC;IACV,MAAM,mBAAmB,GAAG,eAAe,IAAI,UAAU,CAAC;IAE1D,MAAM,SAAS,GAAG,aAAa,EAAE,SAAS,CAAC;IAE3C,IAAI,YAAY,GAAG,EAAE,CAAC,CAAC,8BAA8B;IAErD,IAAG,WAAW,KAAK,aAAa,EAAC;QAC/B,MAAM,KAAK,GAAG;YACZ,CAAC,KAAK,CAAC,EAAE,KAAK;SACf,CAAC;QACF,OAAO,oBAAC,cAAc,IAAC,IAAI,EAAE,KAAK,GAAG,CAAA;KACtC;IAED,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,OAAO,CACL,oBAAC,SAAS,IACR,SAAS,QACT,OAAO,EAAE,QAAQ,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,UAAU,EAC3C,UAAU,EAAE,mBAAmB,EAC/B,WAAW,EAAC,EAAE,EACd,IAAI,EAAC,OAAO,EACZ,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,MAAM,EAAE,MAAM,EACd,KAAK,EAAE,MAAM,KAAK,OAAO,EACzB,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,KAAK,EACZ,UAAU,EAAE,EAAE,GAAG,YAAY,EAAE,UAAU,EAAE,EAAE,SAAS,EAAE,GAAG,QAAQ,EAAE,EAAE,GACvE,CACH,CAAC;AACJ,CAAC","sourcesContent":["import React from 'react';\nimport { TextField } from '@material-ui/core';\nimport FieldValueList from '../../designSystemExtensions/FieldValueList';\n\nexport default function TextInput(props) {\n  const {\n    label,\n    required,\n    disabled,\n    value = '',\n    validatemessage,\n    status,\n    onChange,\n    onBlur,\n    readOnly,\n    testId,\n    fieldMetadata,\n    helperText,\n    displayMode\n  } = props;\n  const helperTextToDisplay = validatemessage || helperText;\n\n  const maxLength = fieldMetadata?.maxLength;\n\n  let readOnlyProp = {}; // Note: empty if NOT ReadOnly\n\n  if(displayMode === 'LABELS_LEFT'){\n    const field = {\n      [label]: value\n    };\n    return <FieldValueList item={field}/>\n  }\n\n  if (readOnly) {\n    readOnlyProp = { readOnly: true };\n  }\n\n  let testProp = {};\n\n  testProp = {\n    'data-test-id': testId\n  };\n\n  return (\n    <TextField\n      fullWidth\n      variant={readOnly ? 'standard' : 'outlined'}\n      helperText={helperTextToDisplay}\n      placeholder=''\n      size='small'\n      required={required}\n      disabled={disabled}\n      onChange={onChange}\n      onBlur={onBlur}\n      error={status === 'error'}\n      label={label}\n      value={value}\n      InputProps={{ ...readOnlyProp, inputProps: { maxLength, ...testProp } }}\n    />\n  );\n}\n"]}

package/lib/components/forms/TextInput/index.d.ts

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

package/lib/components/forms/TextInput/index.d.ts.map

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

package/lib/components/forms/TextInput/index.js

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

package/lib/components/forms/TextInput/index.js.map

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

package/lib/components/forms/Time/Time.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+export default function Time(props: any): JSX.Element;
+//# sourceMappingURL=Time.d.ts.map

package/lib/components/forms/Time/Time.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Time.d.ts","sourceRoot":"","sources":["../../../../src/components/forms/Time/Time.tsx"],"names":[],"mappings":";AAOA,MAAM,CAAC,OAAO,UAAU,IAAI,CAAC,KAAK,KAAA,eA+DjC"}

package/lib/components/forms/Time/Time.js

@@ -0,0 +1,34 @@
+import React from 'react';
+import { KeyboardTimePicker } from '@material-ui/pickers';
+import TextInput from '../TextInput';
+import dayjs from 'dayjs';
+import AccessTimeIcon from '@material-ui/icons/AccessTime';
+import FieldValueList from '../../designSystemExtensions/FieldValueList';
+export default function Time(props) {
+    const { label, required, disabled, value, validatemessage, status, onChange, readOnly, helperText, displayMode } = props;
+    const helperTextToDisplay = validatemessage || helperText;
+    if (displayMode === 'LABELS_LEFT') {
+        const field = {
+            [label]: value
+        };
+        return React.createElement(FieldValueList, { item: field });
+    }
+    if (readOnly) {
+        return React.createElement(TextInput, { ...props });
+    }
+    const handleChange = date => {
+        const theValue = date && date.isValid() ? date.format('HH:mm') : null;
+        onChange({ value: theValue });
+    };
+    let timeValue = null;
+    if (value) {
+        const timeArray = value.split(':').map(itm => Number(itm));
+        timeValue = dayjs().hour(timeArray[0]).minute(timeArray[1]);
+    }
+    //
+    // TODO: Keyboard doesn't work in the minute field, it updates one digit then jump to am/pm field
+    //       try an older version of the lib or use DateTimePicker
+    //
+    return (React.createElement(KeyboardTimePicker, { variant: 'inline', inputVariant: 'outlined', placeholder: 'hh:mm am', keyboardIcon: React.createElement(AccessTimeIcon, null), fullWidth: true, required: required, disabled: disabled, error: status === 'error', helperText: helperTextToDisplay, minutesStep: 5, size: 'small', label: label, autoOk: true, mask: '__:__ _m', format: 'hh:mm a', value: timeValue, onChange: handleChange }));
+}
+//# sourceMappingURL=Time.js.map

package/lib/components/forms/Time/Time.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Time.js","sourceRoot":"","sources":["../../../../src/components/forms/Time/Time.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,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,cAAc,MAAM,+BAA+B,CAAC;AAC3D,OAAO,cAAc,MAAM,6CAA6C,CAAC;AAEzE,MAAM,CAAC,OAAO,UAAU,IAAI,CAAC,KAAK;IAChC,MAAM,EACJ,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,KAAK,EACL,eAAe,EACf,MAAM,EACN,QAAQ,EACR,QAAQ,EACR,UAAU,EACV,WAAW,EACZ,GAAG,KAAK,CAAC;IACV,MAAM,mBAAmB,GAAG,eAAe,IAAI,UAAU,CAAC;IAE1D,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,IAAI,QAAQ,EAAE;QACZ,OAAO,oBAAC,SAAS,OAAK,KAAK,GAAI,CAAC;KACjC;IAED,MAAM,YAAY,GAAG,IAAI,CAAC,EAAE;QAC1B,MAAM,QAAQ,GAAG,IAAI,IAAI,IAAI,CAAC,OAAO,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;QACtE,QAAQ,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,CAAC,CAAC;IAChC,CAAC,CAAC;IAEF,IAAI,SAAS,GAAQ,IAAI,CAAC;IAC1B,IAAI,KAAK,EAAE;QACT,MAAM,SAAS,GAAG,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,GAAG,CAAC,EAAE,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC;QAC3D,SAAS,GAAG,KAAK,EAAE,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC;KAC7D;IAED,EAAE;IACF,iGAAiG;IACjG,8DAA8D;IAC9D,EAAE;IAEF,OAAO,CACL,oBAAC,kBAAkB,IACjB,OAAO,EAAC,QAAQ,EAChB,YAAY,EAAC,UAAU,EACvB,WAAW,EAAC,UAAU,EACtB,YAAY,EAAE,oBAAC,cAAc,OAAG,EAChC,SAAS,QACT,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,MAAM,KAAK,OAAO,EACzB,UAAU,EAAE,mBAAmB,EAC/B,WAAW,EAAE,CAAC,EACd,IAAI,EAAC,OAAO,EACZ,KAAK,EAAE,KAAK,EACZ,MAAM,QACN,IAAI,EAAC,UAAU,EACf,MAAM,EAAC,SAAS,EAChB,KAAK,EAAE,SAAS,EAChB,QAAQ,EAAE,YAAY,GACtB,CACH,CAAC;AACJ,CAAC","sourcesContent":["import React from 'react';\nimport { KeyboardTimePicker } from '@material-ui/pickers';\nimport TextInput from '../TextInput';\nimport dayjs from 'dayjs';\nimport AccessTimeIcon from '@material-ui/icons/AccessTime';\nimport FieldValueList from '../../designSystemExtensions/FieldValueList';\n\nexport default function Time(props) {\n  const {\n    label,\n    required,\n    disabled,\n    value,\n    validatemessage,\n    status,\n    onChange,\n    readOnly,\n    helperText,\n    displayMode\n  } = props;\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    return <TextInput {...props} />;\n  }\n\n  const handleChange = date => {\n    const theValue = date && date.isValid() ? date.format('HH:mm') : null;\n    onChange({ value: theValue });\n  };\n\n  let timeValue: any = null;\n  if (value) {\n    const timeArray = value.split(':').map(itm => Number(itm));\n    timeValue = dayjs().hour(timeArray[0]).minute(timeArray[1]);\n  }\n\n  //\n  // TODO: Keyboard doesn't work in the minute field, it updates one digit then jump to am/pm field\n  //       try an older version of the lib or use DateTimePicker\n  //\n\n  return (\n    <KeyboardTimePicker\n      variant='inline'\n      inputVariant='outlined'\n      placeholder='hh:mm am'\n      keyboardIcon={<AccessTimeIcon />}\n      fullWidth\n      required={required}\n      disabled={disabled}\n      error={status === 'error'}\n      helperText={helperTextToDisplay}\n      minutesStep={5}\n      size='small'\n      label={label}\n      autoOk\n      mask='__:__ _m'\n      format='hh:mm a'\n      value={timeValue}\n      onChange={handleChange}\n    />\n  );\n}\n"]}

package/lib/components/forms/Time/index.d.ts

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

package/lib/components/forms/Time/index.d.ts.map

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

package/lib/components/forms/Time/index.js

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

package/lib/components/forms/Time/index.js.map

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

package/lib/components/forms/URL/URL.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+export default function URLComponent(props: any): JSX.Element;
+//# sourceMappingURL=URL.d.ts.map

package/lib/components/forms/URL/URL.d.ts.map

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

package/lib/components/forms/URL/URL.js

@@ -0,0 +1,22 @@
+import React from 'react';
+import { TextField } from '@material-ui/core';
+import TextInput from '../TextInput';
+import FieldValueList from '../../designSystemExtensions/FieldValueList';
+// NOTE: that we had to change the name from URL to URLComponent
+//  Otherwise, we were getting all kinds of weird errors when we
+//  referred to URL as a component.
+export default function URLComponent(props) {
+    const { label, required, disabled, value = '', validatemessage, status, onChange, onBlur, readOnly, helperText, displayMode } = props;
+    const helperTextToDisplay = validatemessage || helperText;
+    if (displayMode === 'LABELS_LEFT') {
+        const field = {
+            [label]: value
+        };
+        return React.createElement(FieldValueList, { item: field });
+    }
+    if (readOnly) {
+        return React.createElement(TextInput, { ...props });
+    }
+    return (React.createElement(TextField, { type: 'url', fullWidth: true, variant: 'outlined', helperText: helperTextToDisplay, placeholder: '', size: 'small', required: required, disabled: disabled, onChange: onChange, onBlur: onBlur, error: status === 'error', label: label, value: value }));
+}
+//# sourceMappingURL=URL.js.map

package/lib/components/forms/URL/URL.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"URL.js","sourceRoot":"","sources":["../../../../src/components/forms/URL/URL.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAC9C,OAAO,SAAS,MAAM,cAAc,CAAC;AACrC,OAAO,cAAc,MAAM,6CAA6C,CAAC;AAEzE,gEAAgE;AAChE,gEAAgE;AAChE,mCAAmC;AACnC,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,KAAK;IACxC,MAAM,EACJ,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,KAAK,GAAG,EAAE,EACV,eAAe,EACf,MAAM,EACN,QAAQ,EACR,MAAM,EACN,QAAQ,EACR,UAAU,EACV,WAAW,EACZ,GAAG,KAAK,CAAC;IACV,MAAM,mBAAmB,GAAG,eAAe,IAAI,UAAU,CAAC;IAE1D,IAAG,WAAW,KAAK,aAAa,EAAC;QAC/B,MAAM,KAAK,GAAG;YACZ,CAAC,KAAK,CAAC,EAAE,KAAK;SACf,CAAC;QACF,OAAO,oBAAC,cAAc,IAAC,IAAI,EAAE,KAAK,GAAG,CAAA;KACtC;IAED,IAAI,QAAQ,EAAE;QACZ,OAAO,oBAAC,SAAS,OAAK,KAAK,GAAI,CAAC;KACjC;IAED,OAAO,CACL,oBAAC,SAAS,IACR,IAAI,EAAC,KAAK,EACV,SAAS,QACT,OAAO,EAAC,UAAU,EAClB,UAAU,EAAE,mBAAmB,EAC/B,WAAW,EAAC,EAAE,EACd,IAAI,EAAC,OAAO,EACZ,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,MAAM,EAAE,MAAM,EACd,KAAK,EAAE,MAAM,KAAK,OAAO,EACzB,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,KAAK,GACZ,CACH,CAAC;AACJ,CAAC","sourcesContent":["import React from 'react';\nimport { TextField } from '@material-ui/core';\nimport TextInput from '../TextInput';\nimport FieldValueList from '../../designSystemExtensions/FieldValueList';\n\n// NOTE: that we had to change the name from URL to URLComponent\n//  Otherwise, we were getting all kinds of weird errors when we\n//  referred to URL as a component.\nexport default function URLComponent(props) {\n  const {\n    label,\n    required,\n    disabled,\n    value = '',\n    validatemessage,\n    status,\n    onChange,\n    onBlur,\n    readOnly,\n    helperText,\n    displayMode\n  } = props;\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    return <TextInput {...props} />;\n  }\n\n  return (\n    <TextField\n      type='url'\n      fullWidth\n      variant='outlined'\n      helperText={helperTextToDisplay}\n      placeholder=''\n      size='small'\n      required={required}\n      disabled={disabled}\n      onChange={onChange}\n      onBlur={onBlur}\n      error={status === 'error'}\n      label={label}\n      value={value}\n    />\n  );\n}\n"]}

package/lib/components/forms/URL/index.d.ts

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

package/lib/components/forms/URL/index.d.ts.map

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

package/lib/components/forms/URL/index.js

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

package/lib/components/forms/URL/index.js.map

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

package/lib/components/forms/UserReference/UserReference.d.ts

@@ -0,0 +1,43 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+declare const _default: React.MemoExoticComponent<{
+    (props: any): any;
+    propTypes: {
+        getPConnect: PropTypes.Validator<(...args: any[]) => any>;
+        displayAs: PropTypes.Requireable<string>;
+        label: PropTypes.Requireable<string>;
+        value: PropTypes.Requireable<string | {
+            [x: string]: any;
+        }>;
+        testId: PropTypes.Requireable<string>;
+        placeholder: PropTypes.Requireable<string>;
+        helperText: PropTypes.Requireable<string>;
+        disabled: PropTypes.Requireable<string | boolean>;
+        readOnly: PropTypes.Requireable<string | boolean>;
+        required: PropTypes.Requireable<string | boolean>;
+        validatemessage: PropTypes.Requireable<string>;
+        showAsFormattedText: PropTypes.Requireable<boolean>;
+        additionalProps: PropTypes.Requireable<{
+            [x: string]: any;
+        }>;
+        hideLabel: PropTypes.Requireable<boolean>;
+    };
+    defaultProps: {
+        displayAs: null;
+        label: null;
+        value: null;
+        readOnly: boolean;
+        testId: null;
+        placeholder: null;
+        helperText: null;
+        disabled: boolean;
+        required: boolean;
+        validatemessage: null;
+        showAsFormattedText: boolean;
+        additionalProps: {};
+        variant: string;
+        hideLabel: boolean;
+    };
+}>;
+export default _default;
+//# sourceMappingURL=UserReference.d.ts.map

package/lib/components/forms/UserReference/UserReference.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"UserReference.d.ts","sourceRoot":"","sources":["../../../../src/components/forms/UserReference/UserReference.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8C,MAAM,OAAO,CAAC;AACnE,OAAO,SAAS,MAAM,YAAY,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmMnC,wBAAiD"}