npm - @pega/react-sdk-components - Versions diffs - 0.23.16 → 0.23.18 - Mend

@pega/react-sdk-components 0.23.16 → 0.23.18

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (145) hide show

package/lib/components/field/SemanticLink/SemanticLink.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"SemanticLink.js","sourceRoot":"","sources":["../../../../src/components/field/SemanticLink/SemanticLink.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,SAAS,MAAM,YAAY,CAAC;AACnC,OAAO,UAAU,MAAM,8BAA8B,CAAC;AACtD,OAAO,IAAI,MAAM,wBAAwB,CAAC;AAC1C,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;~~AAEtD~~;4EAC4E;AAE5E,MAAM,SAAS,GAAG,UAAU,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC;IACvC,IAAI,EAAE;QACJ,YAAY,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;QAC9B,WAAW,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;QAC7B,UAAU,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;QAC5B,aAAa,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;QAC/B,WAAW,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;QAC7B,UAAU,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;QAC5B,SAAS,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;QAC3B,YAAY,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;KAC/B;IACD,WAAW,EAAE;QACX,YAAY,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;QAC9B,WAAW,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;QAC7B,UAAU,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;QAC5B,aAAa,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;QAC/B,WAAW,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;QAC7B,UAAU,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;QAC5B,SAAS,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;QAC3B,YAAY,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;KAC/B;IACD,UAAU,EAAE;QACV,UAAU,EAAE,GAAG;QACf,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,SAAS;KACpC;IACD,UAAU,EAAE;QACV,UAAU,EAAE,GAAG;QACf,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,OAAO;KAClC;CACF,CAAC,CAAC,CAAC;AAEJ,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,KAAK;IACxC,MAAM,EACJ,IAAI,EACJ,WAAW,EACX,KAAK,~~GACN~~,GAAG,KAAK,CAAC;IACV,MAAM,OAAO,GAAG,SAAS,EAAE,CAAC;IAG5B,IAAI,WAAW,KAAK,aAAa,IAAI,CAAC,CAAC,WAAW,IAAI,KAAK,KAAK,SAAS,CAAC,EAAE;QAC1E,MAAM,KAAK,GAAG,IAAI,IAAK,KAAK,CAAC;QAC7B,OAAO,CACL,oBAAC,IAAI,IAAC,SAAS,QAAC,OAAO,EAAE,CAAC,EAAE,KAAK,EAAE,EAAC,OAAO,EAAE,SAAS,EAAC,EAAG,EAAE,EAAC,oBAAoB;YAC/E,oBAAC,IAAI,IAAC,IAAI,QAAC,EAAE,EAAE,CAAC;gBACd,oBAAC,UAAU,IAAC,OAAO,EAAC,OAAO,EAAC,SAAS,EAAC,MAAM,EAAC,SAAS,EAAE,GAAG,OAAO,CAAC,UAAU,IAAI,OAAO,CAAC,WAAW,EAAE,IAAG,KAAK,CAAc,CACvH;YACP,oBAAC,IAAI,IAAC,IAAI,QAAC,EAAE,EAAE,CAAC;gBACd,oBAAC,UAAU,IAAC,OAAO,EAAC,OAAO,EAAC,SAAS,EAAC,MAAM,EAAC,SAAS,EAAE,OAAO,CAAC,UAAU,IAAG,KAAK,CAAc,CAC3F,CACF,CACR,CAAC;KACH;AACH,CAAC;AAED,YAAY,CAAC,SAAS,GAAG;IACvB,IAAI,EAAE,SAAS,CAAC,MAAM,CAAC,UAAU;IACjC,WAAW,EAAE,SAAS,CAAC,MAAM;IAC7B,KAAK,EAAE,SAAS,CAAC,MAAM;CACxB,CAAC","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"]}
1	+ {"version":3,"file":"SemanticLink.js","sourceRoot":"","sources":["../../../../src/components/field/SemanticLink/SemanticLink.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,SAAS,MAAM,YAAY,CAAC;AACnC,OAAO,UAAU,MAAM,8BAA8B,CAAC;AACtD,OAAO,IAAI,MAAM,wBAAwB,CAAC;AAC1C,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AACtD,OAAO,cAAc,MAAM,4CAA4C,CAAC;AAExE;4EAC4E;AAE5E,MAAM,SAAS,GAAG,UAAU,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC;IACvC,IAAI,EAAE;QACJ,YAAY,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;QAC9B,WAAW,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;QAC7B,UAAU,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;QAC5B,aAAa,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;QAC/B,WAAW,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;QAC7B,UAAU,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;QAC5B,SAAS,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;QAC3B,YAAY,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;KAC/B;IACD,WAAW,EAAE;QACX,YAAY,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;QAC9B,WAAW,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;QAC7B,UAAU,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;QAC5B,aAAa,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;QAC/B,WAAW,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;QAC7B,UAAU,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;QAC5B,SAAS,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;QAC3B,YAAY,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;KAC/B;IACD,UAAU,EAAE;QACV,UAAU,EAAE,GAAG;QACf,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,SAAS;KACpC;IACD,UAAU,EAAE;QACV,UAAU,EAAE,GAAG;QACf,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,OAAO;KAClC;CACF,CAAC,CAAC,CAAC;AAEJ,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,KAAK;IACxC,MAAM,EACJ,IAAI,EACJ,WAAW,EACX,KAAK,EACL,SAAS,EACV,GAAG,KAAK,CAAC;IACV,MAAM,OAAO,GAAG,SAAS,EAAE,CAAC;IAG5B,IAAI,WAAW,KAAK,aAAa,IAAI,CAAC,CAAC,WAAW,IAAI,KAAK,KAAK,SAAS,CAAC,EAAE;QAC1E,MAAM,KAAK,GAAG,IAAI,IAAK,KAAK,CAAC;QAC7B,OAAO,CACL,oBAAC,IAAI,IAAC,SAAS,QAAC,OAAO,EAAE,CAAC,EAAE,KAAK,EAAE,EAAC,OAAO,EAAE,SAAS,EAAC,EAAG,EAAE,EAAC,oBAAoB;YAC/E,oBAAC,IAAI,IAAC,IAAI,QAAC,EAAE,EAAE,CAAC;gBACd,oBAAC,UAAU,IAAC,OAAO,EAAC,OAAO,EAAC,SAAS,EAAC,MAAM,EAAC,SAAS,EAAE,GAAG,OAAO,CAAC,UAAU,IAAI,OAAO,CAAC,WAAW,EAAE,IAAG,KAAK,CAAc,CACvH;YACP,oBAAC,IAAI,IAAC,IAAI,QAAC,EAAE,EAAE,CAAC;gBACd,oBAAC,UAAU,IAAC,OAAO,EAAC,OAAO,EAAC,SAAS,EAAC,MAAM,EAAC,SAAS,EAAE,OAAO,CAAC,UAAU,IAAG,KAAK,CAAc,CAC3F,CACF,CACR,CAAC;KACH;IAED,IAAI,WAAW,KAAK,mBAAmB,EAAE;QACvC,OAAO,oBAAC,cAAc,IAAC,IAAI,EAAE,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,OAAO,EAAC,SAAS,GAAG,CAAC;KACxF;AACH,CAAC;AAED,YAAY,CAAC,SAAS,GAAG;IACvB,IAAI,EAAE,SAAS,CAAC,MAAM,CAAC,UAAU;IACjC,WAAW,EAAE,SAAS,CAAC,MAAM;IAC7B,KAAK,EAAE,SAAS,CAAC,MAAM;CACxB,CAAC","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';\nimport FieldValueList from '../../designSystemExtension/FieldValueList';\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 hideLabel\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 if (displayMode === 'STACKED_LARGE_VAL') {\n return <FieldValueList name={hideLabel ? '' : label} value={text} variant='stacked' />;\n }\n}\n\nSemanticLink.propTypes = {\n text: PropTypes.string.isRequired,\n displayMode: PropTypes.string,\n label: PropTypes.string,\n};\n"]}

package/lib/components/field/TextArea/TextArea.d.ts.map CHANGED Viewed

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

package/lib/components/field/TextArea/TextArea.js CHANGED Viewed

@@ -2,15 +2,15 @@ import React from 'react';
 import { TextField } from '@material-ui/core';
 import FieldValueList from '../../designSystemExtension/FieldValueList';
 export default function TextArea(props) {
-    const { label, required, disabled, value = '', validatemessage, status, onChange, onBlur, readOnly, testId, fieldMetadata, helperText, displayMode } = props;
+    const { label, required, disabled, value = '', validatemessage, status, onChange, onBlur, readOnly, testId, fieldMetadata, helperText, displayMode, hideLabel } = 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 });
+        return React.createElement(FieldValueList, { name: hideLabel ? '' : label, value: value });
+    }
+    if (displayMode === 'STACKED_LARGE_VAL') {
+        return React.createElement(FieldValueList, { name: hideLabel ? '' : label, value: value, variant: 'stacked' });
     }
     if (readOnly) {
         // Not just emitting a read only Textfield like some other components do

package/lib/components/field/TextArea/TextArea.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"TextArea.js","sourceRoot":"","sources":["../../../../src/components/field/TextArea/TextArea.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAC9C,OAAO,cAAc,MAAM,4CAA4C,CAAC;AAExE,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,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,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,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,EACtC,KAAK,EAAE,MAAM,KAAK,OAAO,EACzB,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,KAAK,EACZ,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 '../../designSystemExtension/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={!readOnly ? onBlur : undefined}\n error={status === 'error'}\n label={label}\n value={value}\n InputProps={{ ...readOnlyProp, inputProps: { maxLength, ...testProp } }}\n />\n );\n}\n"]}
1	+ {"version":3,"file":"TextArea.js","sourceRoot":"","sources":["../../../../src/components/field/TextArea/TextArea.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAC9C,OAAO,cAAc,MAAM,4CAA4C,CAAC;AAExE,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,EACX,SAAS,EACV,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,IAAI,WAAW,KAAK,aAAa,EAAE;QACjC,OAAO,oBAAC,cAAc,IAAC,IAAI,EAAE,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,KAAK,GAAI,CAAC;KACvE;IAED,IAAI,WAAW,KAAK,mBAAmB,EAAE;QACvC,OAAO,oBAAC,cAAc,IAAC,IAAI,EAAE,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,OAAO,EAAC,SAAS,GAAG,CAAC;KACzF;IAED,IAAI,QAAQ,EAAE;QACZ,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,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,EACtC,KAAK,EAAE,MAAM,KAAK,OAAO,EACzB,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,KAAK,EACZ,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 '../../designSystemExtension/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 hideLabel\n } = props;\n const helperTextToDisplay = validatemessage \|\| helperText;\n\n const maxLength = fieldMetadata?.maxLength;\n\n let readOnlyProp = {};\n\n if (displayMode === 'LABELS_LEFT') {\n return <FieldValueList name={hideLabel ? '' : label} value={value} />;\n }\n\n if (displayMode === 'STACKED_LARGE_VAL') {\n return <FieldValueList name={hideLabel ? '' : label} value={value} variant='stacked' />;\n }\n\n if (readOnly) {\n // 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={!readOnly ? onBlur : undefined}\n error={status === 'error'}\n label={label}\n value={value}\n InputProps={{ ...readOnlyProp, inputProps: { maxLength, ...testProp } }}\n />\n );\n}\n"]}

package/lib/components/field/TextInput/TextInput.d.ts.map CHANGED Viewed

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

package/lib/components/field/TextInput/TextInput.js CHANGED Viewed

@@ -2,15 +2,15 @@ import React from 'react';
 import { TextField } from '@material-ui/core';
 import FieldValueList from '../../designSystemExtension/FieldValueList';
 export default function TextInput(props) {
-    const { label, required, disabled, value = '', validatemessage, status, onChange, onBlur, readOnly, testId, fieldMetadata, helperText, displayMode } = props;
+    const { label, required, disabled, value = '', validatemessage, status, onChange, onBlur, readOnly, testId, fieldMetadata, helperText, displayMode, hideLabel } = 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 });
+        return React.createElement(FieldValueList, { name: hideLabel ? '' : label, value: value });
+    }
+    if (displayMode === 'STACKED_LARGE_VAL') {
+        return React.createElement(FieldValueList, { name: hideLabel ? '' : label, value: value, variant: 'stacked' });
     }
     if (readOnly) {
         readOnlyProp = { readOnly: true };

package/lib/components/field/TextInput/TextInput.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"TextInput.js","sourceRoot":"","sources":["../../../../src/components/field/TextInput/TextInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAC9C,OAAO,cAAc,MAAM,4CAA4C,CAAC;AAExE,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,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,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,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,EACtC,KAAK,EAAE,MAAM,KAAK,OAAO,EACzB,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,KAAK,EACZ,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 '../../designSystemExtension/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={!readOnly ? onBlur : undefined}\n error={status === 'error'}\n label={label}\n value={value}\n InputProps={{ ...readOnlyProp, inputProps: { maxLength, ...testProp } }}\n />\n );\n}\n"]}
1	+ {"version":3,"file":"TextInput.js","sourceRoot":"","sources":["../../../../src/components/field/TextInput/TextInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAC9C,OAAO,cAAc,MAAM,4CAA4C,CAAC;AAExE,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,EACX,SAAS,EACV,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,IAAI,WAAW,KAAK,aAAa,EAAE;QACjC,OAAO,oBAAC,cAAc,IAAC,IAAI,EAAE,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,KAAK,GAAI,CAAC;KACvE;IAED,IAAI,WAAW,KAAK,mBAAmB,EAAE;QACvC,OAAO,oBAAC,cAAc,IAAC,IAAI,EAAE,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,OAAO,EAAC,SAAS,GAAG,CAAC;KACzF;IAED,IAAI,QAAQ,EAAE;QACZ,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,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,EACtC,KAAK,EAAE,MAAM,KAAK,OAAO,EACzB,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,KAAK,EACZ,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 '../../designSystemExtension/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 hideLabel\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 return <FieldValueList name={hideLabel ? '' : label} value={value} />;\n }\n\n if (displayMode === 'STACKED_LARGE_VAL') {\n return <FieldValueList name={hideLabel ? '' : label} value={value} variant='stacked' />;\n }\n\n if (readOnly) {\n 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={!readOnly ? onBlur : undefined}\n error={status === 'error'}\n label={label}\n value={value}\n InputProps={{ ...readOnlyProp, inputProps: { maxLength, ...testProp } }}\n />\n );\n}\n"]}

package/lib/components/field/Time/Time.d.ts.map CHANGED Viewed

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

package/lib/components/field/Time/Time.js CHANGED Viewed

@@ -5,13 +5,13 @@ import dayjs from 'dayjs';
 import AccessTimeIcon from '@material-ui/icons/AccessTime';
 import FieldValueList from '../../designSystemExtension/FieldValueList';
 export default function Time(props) {
-    const { label, required, disabled, value, validatemessage, status, onChange, readOnly, helperText, displayMode } = props;
+    const { label, required, disabled, value, validatemessage, status, onChange, readOnly, helperText, displayMode, hideLabel } = props;
     const helperTextToDisplay = validatemessage || helperText;
     if (displayMode === 'LABELS_LEFT') {
-        const field = {
-            [label]: value
-        };
-        return React.createElement(FieldValueList, { item: field });
+        return React.createElement(FieldValueList, { name: hideLabel ? '' : label, value: value });
+    }
+    if (displayMode === 'STACKED_LARGE_VAL') {
+        return React.createElement(FieldValueList, { name: hideLabel ? '' : label, value: value, variant: 'stacked' });
     }
     if (readOnly) {
         return React.createElement(TextInput, { ...props });

package/lib/components/field/Time/Time.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Time.js","sourceRoot":"","sources":["../../../../src/components/field/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,4CAA4C,CAAC;AAExE,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 '../../designSystemExtension/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"]}
1	+ {"version":3,"file":"Time.js","sourceRoot":"","sources":["../../../../src/components/field/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,4CAA4C,CAAC;AAExE,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,EACX,SAAS,EACV,GAAG,KAAK,CAAC;IACV,MAAM,mBAAmB,GAAG,eAAe,IAAI,UAAU,CAAC;IAE1D,IAAI,WAAW,KAAK,aAAa,EAAE;QACjC,OAAO,oBAAC,cAAc,IAAC,IAAI,EAAE,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,KAAK,GAAI,CAAC;KACvE;IAED,IAAI,WAAW,KAAK,mBAAmB,EAAE;QACvC,OAAO,oBAAC,cAAc,IAAC,IAAI,EAAE,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,OAAO,EAAC,SAAS,GAAG,CAAC;KACzF;IAED,IAAI,QAAQ,EAAE;QACZ,OAAO,oBAAC,SAAS,OAAK,KAAK,GAAI,CAAC;KACjC;IAED,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 '../../designSystemExtension/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 hideLabel\n } = props;\n const helperTextToDisplay = validatemessage \|\| helperText;\n\n if (displayMode === 'LABELS_LEFT') {\n return <FieldValueList name={hideLabel ? '' : label} value={value} />;\n }\n\n if (displayMode === 'STACKED_LARGE_VAL') {\n return <FieldValueList name={hideLabel ? '' : label} value={value} variant='stacked' />;\n }\n\n 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/field/URL/URL.d.ts.map CHANGED Viewed

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

package/lib/components/field/URL/URL.js CHANGED Viewed

@@ -6,13 +6,13 @@ import FieldValueList from '../../designSystemExtension/FieldValueList';
 //  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 { label, required, disabled, value = '', validatemessage, status, onChange, onBlur, readOnly, helperText, displayMode, hideLabel } = props;
     const helperTextToDisplay = validatemessage || helperText;
     if (displayMode === 'LABELS_LEFT') {
-        const field = {
-            [label]: value
-        };
-        return React.createElement(FieldValueList, { item: field });
+        return React.createElement(FieldValueList, { name: hideLabel ? '' : label, value: value });
+    }
+    if (displayMode === 'STACKED_LARGE_VAL') {
+        return React.createElement(FieldValueList, { name: hideLabel ? '' : label, value: value, variant: 'stacked' });
     }
     if (readOnly) {
         return React.createElement(TextInput, { ...props });

package/lib/components/field/URL/URL.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"URL.js","sourceRoot":"","sources":["../../../../src/components/field/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,4CAA4C,CAAC;AAExE,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,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,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,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,EACtC,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 '../../designSystemExtension/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={!readOnly ? onBlur : undefined}\n error={status === 'error'}\n label={label}\n value={value}\n />\n );\n}\n"]}
1	+ {"version":3,"file":"URL.js","sourceRoot":"","sources":["../../../../src/components/field/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,4CAA4C,CAAC;AAExE,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,EACX,SAAS,EACV,GAAG,KAAK,CAAC;IACV,MAAM,mBAAmB,GAAG,eAAe,IAAI,UAAU,CAAC;IAE1D,IAAI,WAAW,KAAK,aAAa,EAAE;QACjC,OAAO,oBAAC,cAAc,IAAC,IAAI,EAAE,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,KAAK,GAAI,CAAC;KACvE;IAED,IAAI,WAAW,KAAK,mBAAmB,EAAE;QACvC,OAAO,oBAAC,cAAc,IAAC,IAAI,EAAE,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,OAAO,EAAC,SAAS,GAAG,CAAC;KACzF;IAED,IAAI,QAAQ,EAAE;QACZ,OAAO,oBAAC,SAAS,OAAK,KAAK,GAAI,CAAC;KACjC;IAED,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,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,EACtC,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 '../../designSystemExtension/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 hideLabel\n } = props;\n const helperTextToDisplay = validatemessage \|\| helperText;\n\n if (displayMode === 'LABELS_LEFT') {\n return <FieldValueList name={hideLabel ? '' : label} value={value} />;\n }\n\n if (displayMode === 'STACKED_LARGE_VAL') {\n return <FieldValueList name={hideLabel ? '' : label} value={value} variant='stacked' />;\n }\n\n 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={!readOnly ? onBlur : undefined}\n error={status === 'error'}\n label={label}\n value={value}\n />\n );\n}\n"]}

package/lib/components/helpers/date-format-utils.d.ts ADDED Viewed

@@ -0,0 +1,13 @@
+export declare const dateFormatInfoDefault: {
+    dateFormatString: string;
+    dateFormatStringLong: string;
+    dateFormatStringLC: string;
+    dateFormatMask: string;
+};
+export declare const getDateFormatInfo: () => {
+    dateFormatString: string;
+    dateFormatStringLong: string;
+    dateFormatStringLC: string;
+    dateFormatMask: string;
+};
+//# sourceMappingURL=date-format-utils.d.ts.map

package/lib/components/helpers/date-format-utils.d.ts.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"date-format-utils.d.ts","sourceRoot":"","sources":["../../../src/components/helpers/date-format-utils.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,qBAAqB;;;;;CAKjC,CAAA;AAED,eAAO,MAAM,iBAAiB;;;;;CAuD7B,CAAA"}

package/lib/components/helpers/date-format-utils.js ADDED Viewed

@@ -0,0 +1,59 @@
+import { getLocale } from './formatters/common';
+export const dateFormatInfoDefault = {
+    dateFormatString: "MM/DD/YYYY",
+    dateFormatStringLong: "MMM DD, YYYY",
+    dateFormatStringLC: "mm/dd/yyyy",
+    dateFormatMask: "__/__/____"
+};
+export const getDateFormatInfo = () => {
+    const theDateFormatInfo = dateFormatInfoDefault;
+    const theLocale = getLocale(); // PCore.getEnvironmentInfo().getUseLocale() || "US-en";
+    // NOTE: this date was chosen since it has a day larger than 12. If you change it,
+    //  you'll need to change the indexOf values below!
+    const theTestDate = new Date(Date.parse('30 November 2023 12:00:00 GMT'));
+    const theTestDateLocaleString = new Intl.DateTimeFormat(theLocale).format(theTestDate);
+    // console.log(`theLocale: ${theLocale} theTestDateLocaleString: ${theTestDateLocaleString}`);
+    // Build the format string based on where '11' (mm), '30' (dd), and '2023' (yyyy) are
+    //  Example: US locations are 0, 3, 6 but for NL locations are 3, 0, 6
+    const locMM = theTestDateLocaleString.indexOf('11');
+    const locDD = theTestDateLocaleString.indexOf('30');
+    const locYYYY = theTestDateLocaleString.indexOf('2023');
+    const arrPieces = [
+        {
+            loc: locMM,
+            format: 'MM',
+            longFormat: 'MMM',
+            placeholder: 'mm',
+            mask: '__'
+        },
+        {
+            loc: locDD,
+            format: 'DD',
+            longFormat: 'DD',
+            placeholder: 'dd',
+            mask: '__'
+        },
+        {
+            loc: locYYYY,
+            format: 'YYYY',
+            longFormat: 'YYYY',
+            placeholder: 'yyyy',
+            mask: '____'
+        }
+    ];
+    // Sort the associative array by order of appearance (loc) of each piece
+    arrPieces.sort((a, b) => {
+        if (a.loc < b.loc)
+            return -1;
+        if (a.loc > b.loc)
+            return 1;
+        return 0;
+    });
+    // Construct the structure to return...
+    theDateFormatInfo.dateFormatString = `${arrPieces[0].format}/${arrPieces[1].format}/${arrPieces[2].format}`;
+    theDateFormatInfo.dateFormatStringLong = `${arrPieces[0].longFormat} ${arrPieces[1].longFormat}, ${arrPieces[2].longFormat}`;
+    theDateFormatInfo.dateFormatStringLC = `${arrPieces[0].placeholder}/${arrPieces[1].placeholder}/${arrPieces[2].placeholder}`;
+    theDateFormatInfo.dateFormatMask = `${arrPieces[0].mask}/${arrPieces[1].mask}/${arrPieces[2].mask}`;
+    return theDateFormatInfo;
+};
+//# sourceMappingURL=date-format-utils.js.map

package/lib/components/helpers/date-format-utils.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"date-format-utils.js","sourceRoot":"","sources":["../../../src/components/helpers/date-format-utils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAGhD,MAAM,CAAC,MAAM,qBAAqB,GAAG;IACnC,gBAAgB,EAAE,YAAY;IAC9B,oBAAoB,EAAE,cAAc;IACpC,kBAAkB,EAAE,YAAY;IAChC,cAAc,EAAE,YAAY;CAC7B,CAAA;AAED,MAAM,CAAC,MAAM,iBAAiB,GAAG,GAAG,EAAE;IACpC,MAAM,iBAAiB,GAAG,qBAAqB,CAAC;IAChD,MAAM,SAAS,GAAG,SAAS,EAAE,CAAC,CAAC,wDAAwD;IAEvF,kFAAkF;IAClF,mDAAmD;IACnD,MAAM,WAAW,GAAG,IAAI,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,+BAA+B,CAAC,CAAC,CAAC;IAC1E,MAAM,uBAAuB,GAAG,IAAI,IAAI,CAAC,cAAc,CAAC,SAAS,CAAC,CAAC,MAAM,CAAC,WAAW,CAAC,CAAC;IAEvF,8FAA8F;IAE9F,qFAAqF;IACrF,sEAAsE;IACtE,MAAM,KAAK,GAAG,uBAAuB,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC;IACpD,MAAM,KAAK,GAAG,uBAAuB,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC;IACpD,MAAM,OAAO,GAAG,uBAAuB,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC;IAExD,MAAM,SAAS,GAAG;QAChB;YACE,GAAG,EAAE,KAAK;YACV,MAAM,EAAE,IAAI;YACZ,UAAU,EAAE,KAAK;YACjB,WAAW,EAAE,IAAI;YACjB,IAAI,EAAE,IAAI;SACX;QACD;YACE,GAAG,EAAE,KAAK;YACV,MAAM,EAAE,IAAI;YACZ,UAAU,EAAE,IAAI;YAChB,WAAW,EAAE,IAAI;YACjB,IAAI,EAAE,IAAI;SACX;QACD;YACE,GAAG,EAAE,OAAO;YACZ,MAAM,EAAE,MAAM;YACd,UAAU,EAAE,MAAM;YAClB,WAAW,EAAE,MAAM;YACnB,IAAI,EAAE,MAAM;SACb;KACD,CAAC;IAEH,wEAAwE;IACxE,SAAS,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE;QACtB,IAAI,CAAC,CAAC,GAAG,GAAG,CAAC,CAAC,GAAG;YAAE,OAAO,CAAC,CAAC,CAAC;QAC7B,IAAI,CAAC,CAAC,GAAG,GAAG,CAAC,CAAC,GAAG;YAAE,OAAO,CAAC,CAAC;QAC5B,OAAO,CAAC,CAAC;IACX,CAAC,CAAC,CAAC;IAEH,uCAAuC;IACvC,iBAAiB,CAAC,gBAAgB,GAAG,GAAG,SAAS,CAAC,CAAC,CAAC,CAAC,MAAM,IAAI,SAAS,CAAC,CAAC,CAAC,CAAC,MAAM,IAAI,SAAS,CAAC,CAAC,CAAC,CAAC,MAAM,EAAE,CAAC;IAC5G,iBAAiB,CAAC,oBAAoB,GAAG,GAAG,SAAS,CAAC,CAAC,CAAC,CAAC,UAAU,IAAI,SAAS,CAAC,CAAC,CAAC,CAAC,UAAU,KAAK,SAAS,CAAC,CAAC,CAAC,CAAC,UAAU,EAAE,CAAC;IAC7H,iBAAiB,CAAC,kBAAkB,GAAG,GAAG,SAAS,CAAC,CAAC,CAAC,CAAC,WAAW,IAAI,SAAS,CAAC,CAAC,CAAC,CAAC,WAAW,IAAI,SAAS,CAAC,CAAC,CAAC,CAAC,WAAW,EAAE,CAAC;IAC7H,iBAAiB,CAAC,cAAc,GAAG,GAAG,SAAS,CAAC,CAAC,CAAC,CAAC,IAAI,IAAI,SAAS,CAAC,CAAC,CAAC,CAAC,IAAI,IAAI,SAAS,CAAC,CAAC,CAAC,CAAC,IAAI,EAAE,CAAC;IAEpG,OAAO,iBAAiB,CAAC;AAC3B,CAAC,CAAA","sourcesContent":["import { getLocale } from './formatters/common';\n\n\nexport const dateFormatInfoDefault = {\n dateFormatString: \"MM/DD/YYYY\",\n dateFormatStringLong: \"MMM DD, YYYY\",\n dateFormatStringLC: \"mm/dd/yyyy\",\n dateFormatMask: \"__/__/____\"\n}\n\nexport const getDateFormatInfo = () => {\n const theDateFormatInfo = dateFormatInfoDefault;\n const theLocale = getLocale(); // PCore.getEnvironmentInfo().getUseLocale() || \"US-en\";\n\n // NOTE: this date was chosen since it has a day larger than 12. If you change it,\n // you'll need to change the indexOf values below!\n const theTestDate = new Date(Date.parse('30 November 2023 12:00:00 GMT'));\n const theTestDateLocaleString = new Intl.DateTimeFormat(theLocale).format(theTestDate);\n\n // console.log(`theLocale: ${theLocale} theTestDateLocaleString: ${theTestDateLocaleString}`);\n\n // Build the format string based on where '11' (mm), '30' (dd), and '2023' (yyyy) are\n // Example: US locations are 0, 3, 6 but for NL locations are 3, 0, 6\n const locMM = theTestDateLocaleString.indexOf('11');\n const locDD = theTestDateLocaleString.indexOf('30');\n const locYYYY = theTestDateLocaleString.indexOf('2023');\n\n const arrPieces = [\n {\n loc: locMM,\n format: 'MM',\n longFormat: 'MMM',\n placeholder: 'mm',\n mask: '__'\n },\n {\n loc: locDD,\n format: 'DD',\n longFormat: 'DD',\n placeholder: 'dd',\n mask: '__'\n },\n {\n loc: locYYYY,\n format: 'YYYY',\n longFormat: 'YYYY',\n placeholder: 'yyyy',\n mask: '____'\n }\n ];\n\n // Sort the associative array by order of appearance (loc) of each piece\n arrPieces.sort((a, b) => {\n if (a.loc < b.loc) return -1;\n if (a.loc > b.loc) return 1;\n return 0;\n });\n\n // Construct the structure to return...\n theDateFormatInfo.dateFormatString = `${arrPieces[0].format}/${arrPieces[1].format}/${arrPieces[2].format}`;\n theDateFormatInfo.dateFormatStringLong = `${arrPieces[0].longFormat} ${arrPieces[1].longFormat}, ${arrPieces[2].longFormat}`;\n theDateFormatInfo.dateFormatStringLC = `${arrPieces[0].placeholder}/${arrPieces[1].placeholder}/${arrPieces[2].placeholder}`;\n theDateFormatInfo.dateFormatMask = `${arrPieces[0].mask}/${arrPieces[1].mask}/${arrPieces[2].mask}`;\n\n return theDateFormatInfo;\n}\n"]}

package/lib/components/helpers/field-group-utils.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"field-group-utils.d.ts","sourceRoot":"","sources":["../../../src/components/helpers/field-group-utils.js"],"names":[],"mappings":"AAUO,8CAHM,MAAM,CAclB;AASM,~~4EA4BN~~"}
1	+ {"version":3,"file":"field-group-utils.d.ts","sourceRoot":"","sources":["../../../src/components/helpers/field-group-utils.js"],"names":[],"mappings":"AAUO,8CAHM,MAAM,CAclB;AASM,4EA0BN"}

package/lib/components/helpers/field-group-utils.js CHANGED Viewed

@@ -31,7 +31,7 @@ export const buildView = (pConn, index, viewConfigPath) => {
     const isDatapage = referenceList.startsWith('D_');
     const pageReference = isDatapage
         ? `${referenceList}[${index}]`
-        : `${pConn.getPageReference()}${referenceList.substring(referenceList.lastIndexOf('.'))}[${index}]`;
+        : `${pConn.getPageReference()}${referenceList}[${index}]`;
     const meta = viewConfigPath
         ? pConn.getRawMetadata().children[0].children[0]
         : pConn.getRawMetadata().children[0];

package/lib/components/helpers/field-group-utils.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"field-group-utils.js","sourceRoot":"","sources":["../../../src/components/helpers/field-group-utils.js"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAEtC,OAAO,uBAAuB,MAAM,6BAA6B,CAAC;AAElE;;;;GAIG;AAEH,MAAM,CAAC,MAAM,gBAAgB,GAAG,KAAK,CAAC,EAAE;IACtC,IAAI,WAAW,GAAG,KAAK,CAAC,kBAAkB,EAAE,CAAC,aAAa,CAAC,OAAO,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC;IAC9E,IAAI,WAAW,CAAC,QAAQ,CAAC,IAAI,CAAC,EAAE;QAC9B,WAAW,GAAG,KAAK,CAAC,0BAA0B,CAAC,WAAW,CAAC,CAAC;QAC5D,IAAI,WAAW,EAAE,SAAS,EAAE;YAC1B,WAAW,GAAG,WAAW,EAAE,SAAS,CAAC;SACtC;aAAM,IAAI,WAAW,CAAC,UAAU,CAAC,IAAI,CAAC,IAAI,CAAC,WAAW,CAAC,QAAQ,CAAC,YAAY,CAAC,EAAE;YAC9E,WAAW,GAAG,GAAG,WAAW,YAAY,CAAC;SAC1C;KACF;IACD,OAAO,WAAW,CAAC;AACrB,CAAC,CAAC;AAEF;;;;;;GAMG;AACH,MAAM,CAAC,MAAM,SAAS,GAAG,CAAC,KAAK,EAAE,KAAK,EAAE,cAAc,EAAE,EAAE;IACxD,MAAM,OAAO,GAAG,KAAK,CAAC,cAAc,EAAE,CAAC;IACvC,MAAM,aAAa,GAAG,gBAAgB,CAAC,KAAK,CAAC,CAAC;IAE9C,MAAM,UAAU,GAAG,aAAa,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC;IAClD,MAAM,aAAa,GAAG,UAAU;QAC9B,CAAC,CAAC,GAAG,aAAa,IAAI,KAAK,GAAG;QAC9B,CAAC,CAAC,GAAG,KAAK,CAAC,gBAAgB,EAAE,GAAG,aAAa,~~CAAC,SAAS,CACnD,aAAa,CAAC,WAAW,CAAC,GAAG,CAAC,CAC/B,~~IAAI,KAAK,GAAG,CAAC;~~IAClB~~,MAAM,IAAI,GAAG,cAAc;QACzB,CAAC,CAAC,KAAK,CAAC,cAAc,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC;QAChD,CAAC,CAAC,KAAK,CAAC,cAAc,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC;IACvC,MAAM,MAAM,GAAG;QACb,IAAI;QACJ,OAAO,EAAE;YACP,OAAO;YACP,aAAa;YACb,aAAa;YACb,OAAO,EAAE,IAAI;SACd;KACF,CAAC;IACF,oCAAoC;IACpC,MAAM,IAAI,GAAG,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC;IAC1C,IAAI,KAAK,CAAC,cAAc,EAAE,EAAE,WAAW,KAAK,aAAa,EAAE;QACzD,IAAI,CAAC,WAAW,EAAE,EAAE,gBAAgB,CAAC,aAAa,EAAE,aAAa,CAAC,CAAC;KACpE;IACD,OAAO,aAAa,CAAC,uBAAuB,EAAE,EAAE,IAAI,CAAC,CAAC;AACxD,CAAC,CAAC","sourcesContent":["import { createElement } from 'react';\n\nimport createPConnectComponent from '../../bridge/react_pconnect';\n\n/*\n \n * @param {} pConn - pConnect object of the view\n @returns {string} - returns the name of referenceList\n /\n\nexport const getReferenceList = pConn => {\n let resolvePage = pConn.getComponentConfig().referenceList.replace('@P ', '');\n if (resolvePage.includes('D_')) {\n resolvePage = pConn.resolveDatasourceReference(resolvePage);\n if (resolvePage?.pxResults) {\n resolvePage = resolvePage?.pxResults;\n } else if (resolvePage.startsWith('D_') && !resolvePage.endsWith('.pxResults')) {\n resolvePage = `${resolvePage}.pxResults`;\n }\n }\n return resolvePage;\n};\n\n/\n creates and returns react element of the view\n * @param {} pConn - pConnect object of the view\n @param {} index - index of the fieldGroup item\n @param {} viewConfigPath - boolean value to check for children in config\n @returns {} - return the react element of the view\n /\nexport const buildView = (pConn, index, viewConfigPath) => {\n const context = pConn.getContextName();\n const referenceList = getReferenceList(pConn);\n\n const isDatapage = referenceList.startsWith('D_');\n const pageReference = isDatapage\n ? `${referenceList}[${index}]`\n : `${pConn.getPageReference()}${referenceList~~.substring(\n referenceList.lastIndexOf('.')\n )~~}[${index}]`;\n const meta = viewConfigPath\n ? pConn.getRawMetadata().children[0].children[0]\n : pConn.getRawMetadata().children[0];\n const config = {\n meta,\n options: {\n context,\n pageReference,\n referenceList,\n hasForm: true\n }\n };\n // eslint-disable-next-line no-undef\n const view = PCore.createPConnect(config);\n if (pConn.getConfigProps()?.displayMode === 'LABELS_LEFT') {\n view.getPConnect()?.setInheritedProp('displayMode', 'LABELS_LEFT');\n }\n return createElement(createPConnectComponent(), view);\n};\n"]}
1	+ {"version":3,"file":"field-group-utils.js","sourceRoot":"","sources":["../../../src/components/helpers/field-group-utils.js"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAEtC,OAAO,uBAAuB,MAAM,6BAA6B,CAAC;AAElE;;;;GAIG;AAEH,MAAM,CAAC,MAAM,gBAAgB,GAAG,KAAK,CAAC,EAAE;IACtC,IAAI,WAAW,GAAG,KAAK,CAAC,kBAAkB,EAAE,CAAC,aAAa,CAAC,OAAO,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC;IAC9E,IAAI,WAAW,CAAC,QAAQ,CAAC,IAAI,CAAC,EAAE;QAC9B,WAAW,GAAG,KAAK,CAAC,0BAA0B,CAAC,WAAW,CAAC,CAAC;QAC5D,IAAI,WAAW,EAAE,SAAS,EAAE;YAC1B,WAAW,GAAG,WAAW,EAAE,SAAS,CAAC;SACtC;aAAM,IAAI,WAAW,CAAC,UAAU,CAAC,IAAI,CAAC,IAAI,CAAC,WAAW,CAAC,QAAQ,CAAC,YAAY,CAAC,EAAE;YAC9E,WAAW,GAAG,GAAG,WAAW,YAAY,CAAC;SAC1C;KACF;IACD,OAAO,WAAW,CAAC;AACrB,CAAC,CAAC;AAEF;;;;;;GAMG;AACH,MAAM,CAAC,MAAM,SAAS,GAAG,CAAC,KAAK,EAAE,KAAK,EAAE,cAAc,EAAE,EAAE;IACxD,MAAM,OAAO,GAAG,KAAK,CAAC,cAAc,EAAE,CAAC;IACvC,MAAM,aAAa,GAAG,gBAAgB,CAAC,KAAK,CAAC,CAAC;IAE9C,MAAM,UAAU,GAAG,aAAa,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC;IAClD,MAAM,aAAa,GAAG,UAAU;QAC9B,CAAC,CAAC,GAAG,aAAa,IAAI,KAAK,GAAG;QAC9B,CAAC,CAAC,GAAG,KAAK,CAAC,gBAAgB,EAAE,GAAG,aAAa,IAAI,KAAK,GAAG,CAAC;IAC5D,MAAM,IAAI,GAAG,cAAc;QACzB,CAAC,CAAC,KAAK,CAAC,cAAc,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC;QAChD,CAAC,CAAC,KAAK,CAAC,cAAc,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC;IACvC,MAAM,MAAM,GAAG;QACb,IAAI;QACJ,OAAO,EAAE;YACP,OAAO;YACP,aAAa;YACb,aAAa;YACb,OAAO,EAAE,IAAI;SACd;KACF,CAAC;IACF,oCAAoC;IACpC,MAAM,IAAI,GAAG,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC;IAC1C,IAAI,KAAK,CAAC,cAAc,EAAE,EAAE,WAAW,KAAK,aAAa,EAAE;QACzD,IAAI,CAAC,WAAW,EAAE,EAAE,gBAAgB,CAAC,aAAa,EAAE,aAAa,CAAC,CAAC;KACpE;IACD,OAAO,aAAa,CAAC,uBAAuB,EAAE,EAAE,IAAI,CAAC,CAAC;AACxD,CAAC,CAAC","sourcesContent":["import { createElement } from 'react';\n\nimport createPConnectComponent from '../../bridge/react_pconnect';\n\n/*\n \n * @param {} pConn - pConnect object of the view\n @returns {string} - returns the name of referenceList\n /\n\nexport const getReferenceList = pConn => {\n let resolvePage = pConn.getComponentConfig().referenceList.replace('@P ', '');\n if (resolvePage.includes('D_')) {\n resolvePage = pConn.resolveDatasourceReference(resolvePage);\n if (resolvePage?.pxResults) {\n resolvePage = resolvePage?.pxResults;\n } else if (resolvePage.startsWith('D_') && !resolvePage.endsWith('.pxResults')) {\n resolvePage = `${resolvePage}.pxResults`;\n }\n }\n return resolvePage;\n};\n\n/\n creates and returns react element of the view\n * @param {} pConn - pConnect object of the view\n @param {} index - index of the fieldGroup item\n @param {} viewConfigPath - boolean value to check for children in config\n @returns {} - return the react element of the view\n /\nexport const buildView = (pConn, index, viewConfigPath) => {\n const context = pConn.getContextName();\n const referenceList = getReferenceList(pConn);\n\n const isDatapage = referenceList.startsWith('D_');\n const pageReference = isDatapage\n ? `${referenceList}[${index}]`\n : `${pConn.getPageReference()}${referenceList}[${index}]`;\n const meta = viewConfigPath\n ? pConn.getRawMetadata().children[0].children[0]\n : pConn.getRawMetadata().children[0];\n const config = {\n meta,\n options: {\n context,\n pageReference,\n referenceList,\n hasForm: true\n }\n };\n // eslint-disable-next-line no-undef\n const view = PCore.createPConnect(config);\n if (pConn.getConfigProps()?.displayMode === 'LABELS_LEFT') {\n view.getPConnect()?.setInheritedProp('displayMode', 'LABELS_LEFT');\n }\n return createElement(createPConnectComponent(), view);\n};\n"]}

package/lib/components/helpers/formatters/Currency.js CHANGED Viewed

@@ -10,15 +10,21 @@ function NumberFormatter(value, { locale, decPlaces = 2 } = {}) {
     }
     return value;
 }
-function CurrencyFormatter(value, { symbol = true, position, locale, decPlaces = 2 } = {}) {
+function CurrencyFormatter(value, { symbol = true, position, locale, decPlaces = 2, style = "currency", currency = "USD" } = {}) {
     const currentLocale = getLocale(locale);
     let formattedValue = value;
-    if (value !== null && value !== undefined) {
+    if (value !== null && value !== undefined && value !== '') {
         formattedValue = NumberFormatter(value, {
             locale: currentLocale,
-            decPlaces
+            decPlaces,
+            style,
+            currency
         });
-        const countryCode = currentLocale.split("-")[1];
+        let countryCode = currentLocale.split("-")[1].toUpperCase();
+        // If countryCode is still undefined, setting it as US
+        if (!countryCode) {
+            countryCode = 'US';
+        }
         let code;
         if (symbol) {
             code = CurrencyMap[countryCode]?.symbolFormat;
@@ -27,7 +33,7 @@ function CurrencyFormatter(value, { symbol = true, position, locale, decPlaces =
             code = CurrencyMap[countryCode]?.currencyCode;
         }
         // if position is provided, change placeholder accordingly.
-        if (position) {
+        if (position && code) {
             if (position.toLowerCase() === "before" && code.indexOf("{#}") === 0) {
                 code = code.slice(3) + code.slice(0, 3);
             }

package/lib/components/helpers/formatters/Currency.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Currency.js","sourceRoot":"","sources":["../../../../src/components/helpers/formatters/Currency.js"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC;AACrC,OAAO,WAAW,MAAM,eAAe,CAAC;AAExC,SAAS,eAAe,CAAC,KAAK,EAAE,EAAE,MAAM,EAAE,SAAS,GAAG,CAAC,EAAE,GAAG,EAAE;IAC5D,MAAM,aAAa,GAAG,SAAS,CAAC,MAAM,CAAC,CAAC;IACxC,IAAI,KAAK,KAAK,IAAI,IAAI,KAAK,KAAK,SAAS,EAAE;QACzC,OAAO,MAAM,CAAC,KAAK,CAAC,CAAC,cAAc,CAAC,aAAa,EAAE;YACjD,qBAAqB,EAAE,SAAS;YAChC,qBAAqB,EAAE,SAAS;SACjC,CAAC,CAAC;KACJ;IACD,OAAO,KAAK,CAAC;AACf,CAAC;AAED,SAAS,iBAAiB,CACxB,KAAK,EACL,EAAE,MAAM,GAAG,IAAI,EAAE,QAAQ,EAAE,MAAM,EAAE,SAAS,GAAG,CAAC,EAAE,GAAG,EAAE;~~IAEvD~~,MAAM,aAAa,GAAG,SAAS,CAAC,MAAM,CAAC,CAAC;IACxC,IAAI,cAAc,GAAG,KAAK,CAAC;IAC3B,IAAI,KAAK,KAAK,IAAI,IAAI,KAAK,KAAK,SAAS,EAAE;~~QACzC~~,cAAc,GAAG,eAAe,CAAC,KAAK,EAAE;YACtC,MAAM,EAAE,aAAa;YACrB,SAAS;~~SACV~~,CAAC,CAAC;~~QACH~~,~~MAAM~~,WAAW,~~GAAG~~,aAAa,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC;~~QAEhD~~,IAAI,IAAI,CAAC;QACT,IAAI,MAAM,EAAE;YACV,IAAI,GAAG,WAAW,CAAC,WAAW,CAAC,EAAE,YAAY,CAAC;SAC/C;aAAM;YACL,IAAI,GAAG,WAAW,CAAC,WAAW,CAAC,EAAE,YAAY,CAAC;SAC/C;QAED,2DAA2D;QAC3D,IAAI,QAAQ,EAAE;~~YACZ~~,IAAI,QAAQ,CAAC,WAAW,EAAE,KAAK,QAAQ,IAAI,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC,KAAK,CAAC,EAAE;gBACpE,IAAI,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;aACzC;iBAAM,IACL,QAAQ,CAAC,WAAW,EAAE,KAAK,OAAO;gBAClC,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC,KAAK,IAAI,CAAC,MAAM,GAAG,CAAC,EACvC;gBACA,IAAI,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC;aAC3C;SACF;QACD,OAAO,IAAI,EAAE,OAAO,CAAC,KAAK,EAAE,cAAc,CAAC,IAAI,cAAc,CAAC;KAC/D;IACD,OAAO,cAAc,CAAC;AACxB,CAAC;AAED,SAAS,eAAe,CAAC,KAAK,EAAE,EAAE,MAAM,EAAE,MAAM,GAAG,IAAI,EAAE,MAAM,EAAE,GAAG,EAAE;IACpE,IAAI,cAAc,GAAG,KAAK,CAAC;IAC3B,IAAI,KAAK,KAAK,IAAI,IAAI,KAAK,KAAK,SAAS,EAAE;QACzC,cAAc,GAAG,eAAe,CAAC,KAAK,EAAE,EAAE,MAAM,EAAE,CAAC,CAAC;QACpD,OAAO,MAAM,CAAC,CAAC,CAAC,GAAG,cAAc,GAAG,MAAM,EAAE,CAAC,CAAC,CAAC,GAAG,MAAM,GAAG,cAAc,EAAE,CAAC;KAC7E;IACD,OAAO,cAAc,CAAC;AACxB,CAAC;AAED,eAAe;IACb,QAAQ,EAAE,CAAC,KAAK,EAAE,OAAO,EAAE,EAAE,CAAC,iBAAiB,CAAC,KAAK,EAAE,OAAO,CAAC;IAC/D,eAAe,EAAE,CAAC,KAAK,EAAE,OAAO,EAAE,EAAE,CAClC,iBAAiB,CAAC,KAAK,EAAE,EAAE,GAAG,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,CAAC;IACzD,OAAO,EAAE,CAAC,KAAK,EAAE,OAAO,EAAE,EAAE,CAAC,eAAe,CAAC,KAAK,EAAE,OAAO,CAAC;IAC5D,cAAc,EAAE,CAAC,KAAK,EAAE,OAAO,EAAE,EAAE,CACjC,eAAe,CAAC,KAAK,EAAE;QACrB,GAAG,OAAO;QACV,SAAS,EAAE,MAAM,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;KAC3C,CAAC;IACJ,OAAO,EAAE,CAAC,KAAK,EAAE,OAAO,EAAE,EAAE,CAC1B,eAAe,CAAC,KAAK,EAAE,EAAE,GAAG,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,CAAC;IACtD,UAAU,EAAE,CAAC,KAAK,EAAE,OAAO,EAAE,EAAE,CAC7B,eAAe,CAAC,KAAK,EAAE,EAAE,GAAG,OAAO,EAAE,MAAM,EAAE,GAAG,EAAE,CAAC;CACtD,CAAC","sourcesContent":["import { getLocale } from \"./common\";\nimport CurrencyMap from \"./CurrencyMap\";\n\nfunction NumberFormatter(value, { locale, decPlaces = 2 } = {}) {\n const currentLocale = getLocale(locale);\n if (value !== null && value !== undefined) {\n return Number(value).toLocaleString(currentLocale, {\n minimumFractionDigits: decPlaces,\n maximumFractionDigits: decPlaces\n });\n }\n return value;\n}\n\nfunction CurrencyFormatter(\n value,\n { symbol = true, position, locale, decPlaces = 2 } = {}\n) {\n const currentLocale = getLocale(locale);\n let formattedValue = value;\n if (value !== null && value !== undefined) {\n formattedValue = NumberFormatter(value, {\n locale: currentLocale,\n decPlaces\n });\n ~~const~~ countryCode = currentLocale.split(\"-\")[1];\n\n let code;\n if (symbol) {\n code = CurrencyMap[countryCode]?.symbolFormat;\n } else {\n code = CurrencyMap[countryCode]?.currencyCode;\n }\n\n // if position is provided, change placeholder accordingly.\n if (position) {\n if (position.toLowerCase() === \"before\" && code.indexOf(\"{#}\") === 0) {\n code = code.slice(3) + code.slice(0, 3);\n } else if (\n position.toLowerCase() === \"after\" &&\n code.indexOf(\"{#}\") === code.length - 3\n ) {\n code = code.slice(-3) + code.slice(0, -3);\n }\n }\n return code?.replace(\"{#}\", formattedValue) \|\| formattedValue;\n }\n return formattedValue;\n}\n\nfunction SymbolFormatter(value, { symbol, suffix = true, locale } = {}) {\n let formattedValue = value;\n if (value !== null && value !== undefined) {\n formattedValue = NumberFormatter(value, { locale });\n return suffix ? `${formattedValue}${symbol}` : `${symbol}${formattedValue}`;\n }\n return formattedValue;\n}\n\nexport default {\n Currency: (value, options) => CurrencyFormatter(value, options),\n \"Currency-Code\": (value, options) =>\n CurrencyFormatter(value, { ...options, symbol: false }),\n Decimal: (value, options) => NumberFormatter(value, options),\n \"Decimal-Auto\": (value, options) =>\n NumberFormatter(value, {\n ...options,\n decPlaces: Number.isInteger(value) ? 0 : 2\n }),\n Integer: (value, options) =>\n NumberFormatter(value, { ...options, decPlaces: 0 }),\n Percentage: (value, options) =>\n SymbolFormatter(value, { ...options, symbol: \"%\" })\n};\n"]}
1	+ {"version":3,"file":"Currency.js","sourceRoot":"","sources":["../../../../src/components/helpers/formatters/Currency.js"],"names":[],"mappings":"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","sourcesContent":["import { getLocale } from \"./common\";\nimport CurrencyMap from \"./CurrencyMap\";\n\nfunction NumberFormatter(value, { locale, decPlaces = 2 } = {}) {\n const currentLocale = getLocale(locale);\n if (value !== null && value !== undefined) {\n return Number(value).toLocaleString(currentLocale, {\n minimumFractionDigits: decPlaces,\n maximumFractionDigits: decPlaces\n });\n }\n return value;\n}\n\nfunction CurrencyFormatter(\n value,\n { symbol = true, position, locale, decPlaces = 2, style = \"currency\", currency = \"USD\" } = {}\n) {\n const currentLocale = getLocale(locale);\n let formattedValue = value;\n if (value !== null && value !== undefined && value !== '') {\n formattedValue = NumberFormatter(value, {\n locale: currentLocale,\n decPlaces,\n style,\n currency\n });\n\n let countryCode = currentLocale.split(\"-\")[1].toUpperCase();\n\n // If countryCode is still undefined, setting it as US\n if( !countryCode ){\n countryCode = 'US';\n }\n\n let code;\n if (symbol) {\n code = CurrencyMap[countryCode]?.symbolFormat;\n } else {\n code = CurrencyMap[countryCode]?.currencyCode;\n }\n\n // if position is provided, change placeholder accordingly.\n if (position && code) {\n if (position.toLowerCase() === \"before\" && code.indexOf(\"{#}\") === 0) {\n code = code.slice(3) + code.slice(0, 3);\n } else if (\n position.toLowerCase() === \"after\" &&\n code.indexOf(\"{#}\") === code.length - 3\n ) {\n code = code.slice(-3) + code.slice(0, -3);\n }\n }\n return code?.replace(\"{#}\", formattedValue) \|\| formattedValue;\n }\n return formattedValue;\n}\n\nfunction SymbolFormatter(value, { symbol, suffix = true, locale } = {}) {\n let formattedValue = value;\n if (value !== null && value !== undefined) {\n formattedValue = NumberFormatter(value, { locale });\n return suffix ? `${formattedValue}${symbol}` : `${symbol}${formattedValue}`;\n }\n return formattedValue;\n}\n\nexport default {\n Currency: (value, options) => CurrencyFormatter(value, options),\n \"Currency-Code\": (value, options) =>\n CurrencyFormatter(value, { ...options, symbol: false }),\n Decimal: (value, options) => NumberFormatter(value, options),\n \"Decimal-Auto\": (value, options) =>\n NumberFormatter(value, {\n ...options,\n decPlaces: Number.isInteger(value) ? 0 : 2\n }),\n Integer: (value, options) =>\n NumberFormatter(value, { ...options, decPlaces: 0 }),\n Percentage: (value, options) =>\n SymbolFormatter(value, { ...options, symbol: \"%\" })\n};\n"]}

package/lib/components/helpers/formatters/common.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"common.d.ts","sourceRoot":"","sources":["../../../../src/components/helpers/formatters/common.js"],"names":[],"mappings":"AAAA,~~4CAGC~~;AAED,uDAIC"}
1	+ {"version":3,"file":"common.d.ts","sourceRoot":"","sources":["../../../../src/components/helpers/formatters/common.js"],"names":[],"mappings":"AAAA,4CAOC;AAED,uDAIC"}

package/lib/components/helpers/formatters/common.js CHANGED Viewed

@@ -1,7 +1,12 @@
 export function getLocale(locale) {
+    // use locale if specified
     if (locale)
         return locale;
-    return document.documentElement.lang;
+    // otherwise, use operator locale if it's defined
+    if (window.PCore.getEnvironmentInfo().getUseLocale())
+        return window.PCore.getEnvironmentInfo().getUseLocale();
+    // fallback
+    return Intl.DateTimeFormat().resolvedOptions().locale;
 }
 export function getCurrentTimezone(timezone) {
     if (timezone)

package/lib/components/helpers/formatters/common.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"common.js","sourceRoot":"","sources":["../../../../src/components/helpers/formatters/common.js"],"names":[],"mappings":"AAAA,MAAM,UAAU,SAAS,CAAC,MAAM;IAC9B,IAAI,MAAM;QAAE,OAAO,MAAM,CAAC;IAC1B,OAAO,~~QAAQ~~,CAAC,~~eAAe~~,CAAC,IAAI,CAAC;~~AACvC~~,CAAC;AAED,MAAM,UAAU,kBAAkB,CAAC,QAAQ;IACzC,IAAI,QAAQ;QAAE,OAAO,QAAQ,CAAC;IAC9B,oCAAoC;IACpC,OAAO,KAAK,EAAE,cAAc,EAAE,EAAE,CAAC,gBAAgB,EAAE,EAAE,CAAC;AACxD,CAAC","sourcesContent":["export function getLocale(locale) {\n if (locale) return locale;\n return ~~document~~.~~documentElement~~.~~lang~~;\n}\n\nexport function getCurrentTimezone(timezone) {\n if (timezone) return timezone;\n // eslint-disable-next-line no-undef\n return PCore?.getLocaleUtils?.().getTimeZoneInUse?.();\n}\n"]}
1	+ {"version":3,"file":"common.js","sourceRoot":"","sources":["../../../../src/components/helpers/formatters/common.js"],"names":[],"mappings":"AAAA,MAAM,UAAU,SAAS,CAAC,MAAM;IAC9B,0BAA0B;IAC1B,IAAI,MAAM;QAAE,OAAO,MAAM,CAAC;IAC1B,iDAAiD;IACjD,IAAI,MAAM,CAAC,KAAK,CAAC,kBAAkB,EAAE,CAAC,YAAY,EAAE;QAAE,OAAO,MAAM,CAAC,KAAK,CAAC,kBAAkB,EAAE,CAAC,YAAY,EAAE,CAAC;IAC9G,WAAW;IACX,OAAO,IAAI,CAAC,cAAc,EAAE,CAAC,eAAe,EAAE,CAAC,MAAM,CAAC;AACxD,CAAC;AAED,MAAM,UAAU,kBAAkB,CAAC,QAAQ;IACzC,IAAI,QAAQ;QAAE,OAAO,QAAQ,CAAC;IAC9B,oCAAoC;IACpC,OAAO,KAAK,EAAE,cAAc,EAAE,EAAE,CAAC,gBAAgB,EAAE,EAAE,CAAC;AACxD,CAAC","sourcesContent":["export function getLocale(locale) {\n // use locale if specified\n if (locale) return locale;\n // otherwise, use operator locale if it's defined\n if (window.PCore.getEnvironmentInfo().getUseLocale()) return window.PCore.getEnvironmentInfo().getUseLocale();\n // fallback\n return Intl.DateTimeFormat().resolvedOptions().locale;\n}\n\nexport function getCurrentTimezone(timezone) {\n if (timezone) return timezone;\n // eslint-disable-next-line no-undef\n return PCore?.getLocaleUtils?.().getTimeZoneInUse?.();\n}\n"]}

package/lib/components/helpers/formatters/index.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/helpers/formatters/index.js"],"names":[],"mappings":"AA4DA,~~iEA2DC~~"}
1	+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/helpers/formatters/index.js"],"names":[],"mappings":"AA4DA,iEAgEC"}

package/lib/components/helpers/formatters/index.js CHANGED Viewed

@@ -96,6 +96,10 @@ export function format(value, type, options = {}) {
             formattedValue = Boolean.TrueFalse(value, { allowEmpty: false });
             break;
         }
+        case "userreference": {
+            formattedValue = value.userName;
+            break;
+        }
         default:
             formattedValue = value;
     }

package/lib/components/helpers/formatters/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/helpers/formatters/index.js"],"names":[],"mappings":"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","sourcesContent":["import Boolean from \"./Boolean\";\nimport Currency from \"./Currency\";\nimport DateFormatter from \"./Date\";\nimport { getCurrentTimezone, getLocale } from \"./common\";\n\nexport default {\n ...Boolean,\n ...Currency,\n ...DateFormatter\n};\n\nfunction getDateObject(text) {\n // TODO - cleanup formatters util functions as DX APIs are returning values per ISO std now.\n const timeStamp = text.replace(/-/g, \"\");\n const isDateTime = timeStamp.indexOf(\"GMT\") !== -1;\n const year = parseInt(timeStamp.substr(0, 4), 10);\n const month = parseInt(timeStamp.substr(4, 2), 10) - 1;\n const day = parseInt(timeStamp.substr(6, 2), 10);\n\n const date = new Date();\n\n date.setDate(day);\n date.setMonth(month);\n date.setFullYear(year);\n\n if (isDateTime) {\n const hours = parseInt(timeStamp.substr(9, 2), 10);\n const minutes = parseInt(timeStamp.substr(11, 2), 10);\n const seconds = parseInt(timeStamp.substr(13, 2), 10);\n const ms = parseInt(timeStamp.substr(16, 3), 10);\n date.setHours(hours);\n date.setMinutes(minutes);\n date.setSeconds(seconds);\n date.setMilliseconds(ms);\n }\n\n return date;\n}\n\nfunction isIsoDate(str) {\n if (!/\\d{4}-\\d{2}-\\d{2}T\\d{2}:\\d{2}:\\d{2}.\\d{3}Z/.test(str)) return false;\n const d = new Date(str);\n return d.toISOString() === str;\n}\n\nfunction parseDateInISO(value) {\n const isMilliSeconds = new RegExp(\"^[0-9]+$\").exec(value);\n if (isMilliSeconds) {\n const date = new Date(parseInt(value, 10));\n return date.toISOString();\n }\n\n if (isIsoDate(value)) {\n const date = new Date(value);\n return date.toISOString();\n }\n\n return value ? getDateObject(value).toISOString() : value;\n}\n\nexport function format(value, type, options = {}) {\n let formattedValue;\n\n switch (type?.toLowerCase()) {\n case \"currency\": {\n const defaultOptions = {\n locale: getLocale(),\n position: \"before\",\n decPlaces: 2\n };\n const params = { ...defaultOptions, ...options };\n formattedValue = Currency.Currency(value, params);\n break;\n }\n\n case \"decimal\": {\n const defaultOptions = { locale: getLocale(), decPlaces: 2 };\n const params = { ...defaultOptions, ...options };\n formattedValue = Currency.Decimal(value, params);\n break;\n }\n\n case \"integer\": {\n const defaultOptions = { locale: getLocale() };\n const params = { ...defaultOptions, ...options };\n formattedValue = Currency.Integer(value, params);\n break;\n }\n\n case \"date\": {\n const defaultOptions = {\n format: \"MMM DD, YYYY\",\n timezone: getCurrentTimezone()\n };\n const params = { ...defaultOptions, ...options };\n formattedValue = DateFormatter.Date(parseDateInISO(value), params);\n break;\n }\n\n case \"datetime\": {\n const defaultOptions = {\n format: \"MMM DD, YYYY h:mm A\",\n timezone: getCurrentTimezone()\n };\n const params = { ...defaultOptions, ...options };\n formattedValue = DateFormatter.Date(parseDateInISO(value), params);\n break;\n }\n\n case \"boolean\":\n case \"checkbox\": {\n formattedValue = Boolean.TrueFalse(value, { allowEmpty: false });\n break;\n }\n\n default:\n formattedValue = value;\n }\n return formattedValue;\n}\n"]}
1	+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/helpers/formatters/index.js"],"names":[],"mappings":"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","sourcesContent":["import Boolean from \"./Boolean\";\nimport Currency from \"./Currency\";\nimport DateFormatter from \"./Date\";\nimport { getCurrentTimezone, getLocale } from \"./common\";\n\nexport default {\n ...Boolean,\n ...Currency,\n ...DateFormatter\n};\n\nfunction getDateObject(text) {\n // TODO - cleanup formatters util functions as DX APIs are returning values per ISO std now.\n const timeStamp = text.replace(/-/g, \"\");\n const isDateTime = timeStamp.indexOf(\"GMT\") !== -1;\n const year = parseInt(timeStamp.substr(0, 4), 10);\n const month = parseInt(timeStamp.substr(4, 2), 10) - 1;\n const day = parseInt(timeStamp.substr(6, 2), 10);\n\n const date = new Date();\n\n date.setDate(day);\n date.setMonth(month);\n date.setFullYear(year);\n\n if (isDateTime) {\n const hours = parseInt(timeStamp.substr(9, 2), 10);\n const minutes = parseInt(timeStamp.substr(11, 2), 10);\n const seconds = parseInt(timeStamp.substr(13, 2), 10);\n const ms = parseInt(timeStamp.substr(16, 3), 10);\n date.setHours(hours);\n date.setMinutes(minutes);\n date.setSeconds(seconds);\n date.setMilliseconds(ms);\n }\n\n return date;\n}\n\nfunction isIsoDate(str) {\n if (!/\\d{4}-\\d{2}-\\d{2}T\\d{2}:\\d{2}:\\d{2}.\\d{3}Z/.test(str)) return false;\n const d = new Date(str);\n return d.toISOString() === str;\n}\n\nfunction parseDateInISO(value) {\n const isMilliSeconds = new RegExp(\"^[0-9]+$\").exec(value);\n if (isMilliSeconds) {\n const date = new Date(parseInt(value, 10));\n return date.toISOString();\n }\n\n if (isIsoDate(value)) {\n const date = new Date(value);\n return date.toISOString();\n }\n\n return value ? getDateObject(value).toISOString() : value;\n}\n\nexport function format(value, type, options = {}) {\n let formattedValue;\n\n switch (type?.toLowerCase()) {\n case \"currency\": {\n const defaultOptions = {\n locale: getLocale(),\n position: \"before\",\n decPlaces: 2\n };\n const params = { ...defaultOptions, ...options };\n formattedValue = Currency.Currency(value, params);\n break;\n }\n\n case \"decimal\": {\n const defaultOptions = { locale: getLocale(), decPlaces: 2 };\n const params = { ...defaultOptions, ...options };\n formattedValue = Currency.Decimal(value, params);\n break;\n }\n\n case \"integer\": {\n const defaultOptions = { locale: getLocale() };\n const params = { ...defaultOptions, ...options };\n formattedValue = Currency.Integer(value, params);\n break;\n }\n\n case \"date\": {\n const defaultOptions = {\n format: \"MMM DD, YYYY\",\n timezone: getCurrentTimezone()\n };\n const params = { ...defaultOptions, ...options };\n formattedValue = DateFormatter.Date(parseDateInISO(value), params);\n break;\n }\n\n case \"datetime\": {\n const defaultOptions = {\n format: \"MMM DD, YYYY h:mm A\",\n timezone: getCurrentTimezone()\n };\n const params = { ...defaultOptions, ...options };\n formattedValue = DateFormatter.Date(parseDateInISO(value), params);\n break;\n }\n\n case \"boolean\":\n case \"checkbox\": {\n formattedValue = Boolean.TrueFalse(value, { allowEmpty: false });\n break;\n }\n\n case \"userreference\": {\n formattedValue = value.userName;\n break;\n }\n\n default:\n formattedValue = value;\n }\n return formattedValue;\n}\n"]}

package/lib/components/helpers/template-utils.d.ts ADDED Viewed

@@ -0,0 +1,14 @@
+export declare function getAllFields(pConnect: any): never[];
+export declare function filterForFieldValueList(fields: any): any;
+/**
+ * Determine if the current view is the view of the case step/assignment.
+ * @param {Function} pConnect PConnect object for the component
+ */
+export declare function getIsAssignmentView(pConnect: any): boolean;
+/**
+ * A hook that gets the instructions content for a view.
+ * @param {Function} pConnect PConnect object for the component
+ * @param {string} [instructions="casestep"] 'casestep', 'none', or the html content of a Rule-UI-Paragraph rule (processed via core's paragraph annotation handler)
+ */
+export declare function getInstructions(pConnect: any, instructions?: string): any;
+//# sourceMappingURL=template-utils.d.ts.map

package/lib/components/helpers/template-utils.d.ts.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"template-utils.d.ts","sourceRoot":"","sources":["../../../src/components/helpers/template-utils.ts"],"names":[],"mappings":"AAIA,wBAAgB,YAAY,CAAC,QAAQ,EAAE,GAAG,WAUzC;AAGD,wBAAgB,uBAAuB,CAAC,MAAM,EAAG,GAAG,OAQnD;AAGD;;;GAGG;AACF,wBAAgB,mBAAmB,CAAC,QAAQ,KAAA,WAY5C;AAED;;;;GAIG;AACH,wBAAgB,eAAe,CAAC,QAAQ,KAAA,EAAE,YAAY,SAAa,OA4BlE"}

package/lib/components/helpers/template-utils.js ADDED Viewed

@@ -0,0 +1,65 @@
+//  This file is adapted from React DX components/template/utils.js
+export function getAllFields(pConnect) {
+    const metadata = pConnect.getRawMetadata();
+    let allFields = [];
+    if (metadata.children && metadata.children.map) {
+        allFields = metadata.children.map((fields) => {
+            const children = fields.children instanceof Array ? fields.children : [];
+            return children.map((field) => field.config);
+        });
+    }
+    return allFields;
+}
+export function filterForFieldValueList(fields) {
+    return fields
+        .filter(({ visibility }) => visibility !== false)
+        .map(({ value, label }) => ({
+        id: label.toLowerCase(),
+        name: label,
+        value
+    }));
+}
+/**
+ * Determine if the current view is the view of the case step/assignment.
+ * @param {Function} pConnect PConnect object for the component
+ */
+export function getIsAssignmentView(pConnect) {
+    // Get caseInfo content from the store which contains the view info about the current assignment/step
+    // TODO To be replaced with pConnect.getCaseInfo().getCurrentAssignmentView when it's available
+    const assignmentViewClass = pConnect.getValue(PCore.getConstants().CASE_INFO.CASE_INFO_CLASSID);
+    const assignmentViewName = pConnect.getValue(PCore.getConstants().CASE_INFO.ASSIGNMENTACTION_ID);
+    const assignmentViewId = `${assignmentViewName}!${assignmentViewClass}`;
+    // Get the info about the current view from pConnect
+    const currentViewId = `${pConnect.getCurrentView()}!${pConnect.getCurrentClassID()}`;
+    return assignmentViewId === currentViewId;
+}
+/**
+ * A hook that gets the instructions content for a view.
+ * @param {Function} pConnect PConnect object for the component
+ * @param {string} [instructions="casestep"] 'casestep', 'none', or the html content of a Rule-UI-Paragraph rule (processed via core's paragraph annotation handler)
+ */
+export function getInstructions(pConnect, instructions = 'casestep') {
+    const caseStepInstructions = pConnect.getValue(PCore.getConstants().CASE_INFO.INSTRUCTIONS);
+    // Determine if this view is the current assignment/step view
+    const isCurrentAssignmentView = getIsAssignmentView(pConnect);
+    // Case step instructions
+    if (instructions === 'casestep' && isCurrentAssignmentView && caseStepInstructions?.length) {
+        return caseStepInstructions;
+    }
+    // No instructions
+    if (instructions === 'none') {
+        return undefined;
+    }
+    // If the annotation wasn't processed correctly, don't return any instruction text
+    if (instructions?.startsWith('@PARAGRAPH')) {
+        return undefined;
+    }
+    // Custom instructions from the view
+    // The raw metadata for `instructions` will be something like '@PARAGRAPH .SomeParagraphRule' but
+    // it is evaluated by core logic to the content
+    if (instructions !== 'casestep' && instructions !== 'none') {
+        return instructions;
+    }
+    return undefined;
+}
+//# sourceMappingURL=template-utils.js.map

package/lib/components/helpers/template-utils.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"template-utils.js","sourceRoot":"","sources":["../../../src/components/helpers/template-utils.ts"],"names":[],"mappings":"AAAA,mEAAmE;AAInE,MAAM,UAAU,YAAY,CAAC,QAAa;IACxC,MAAM,QAAQ,GAAG,QAAQ,CAAC,cAAc,EAAE,CAAC;IAC3C,IAAI,SAAS,GAAG,EAAE,CAAC;IACnB,IAAI,QAAQ,CAAC,QAAQ,IAAI,QAAQ,CAAC,QAAQ,CAAC,GAAG,EAAE;QAC9C,SAAS,GAAG,QAAQ,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE;YAC3C,MAAM,QAAQ,GAAG,MAAM,CAAC,QAAQ,YAAY,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC;YACzE,OAAO,QAAQ,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC;QAC/C,CAAC,CAAC,CAAC;KACJ;IACD,OAAO,SAAS,CAAC;AACnB,CAAC;AAGD,MAAM,UAAU,uBAAuB,CAAC,MAAY;IAClD,OAAO,MAAM;SACV,MAAM,CAAC,CAAC,EAAE,UAAU,EAAE,EAAE,EAAE,CAAC,UAAU,KAAK,KAAK,CAAC;SAChD,GAAG,CAAC,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;QAC1B,EAAE,EAAE,KAAK,CAAC,WAAW,EAAE;QACvB,IAAI,EAAE,KAAK;QACX,KAAK;KACN,CAAC,CAAC,CAAC;AACR,CAAC;AAGD;;;GAGG;AACF,MAAM,UAAU,mBAAmB,CAAC,QAAQ;IAC3C,qGAAqG;IACrG,+FAA+F;IAC/F,MAAM,mBAAmB,GAAG,QAAQ,CAAC,QAAQ,CAAC,KAAK,CAAC,YAAY,EAAE,CAAC,SAAS,CAAC,iBAAiB,CAAC,CAAC;IAChG,MAAM,kBAAkB,GAAG,QAAQ,CAAC,QAAQ,CAAC,KAAK,CAAC,YAAY,EAAE,CAAC,SAAS,CAAC,mBAAmB,CAAC,CAAC;IAEjG,MAAM,gBAAgB,GAAG,GAAG,kBAAkB,IAAI,mBAAmB,EAAE,CAAC;IAExE,oDAAoD;IACpD,MAAM,aAAa,GAAG,GAAG,QAAQ,CAAC,cAAc,EAAE,IAAI,QAAQ,CAAC,iBAAiB,EAAE,EAAE,CAAC;IAErF,OAAO,gBAAgB,KAAK,aAAa,CAAC;AAC5C,CAAC;AAED;;;;GAIG;AACH,MAAM,UAAU,eAAe,CAAC,QAAQ,EAAE,YAAY,GAAG,UAAU;IACjE,MAAM,oBAAoB,GAAG,QAAQ,CAAC,QAAQ,CAAC,KAAK,CAAC,YAAY,EAAE,CAAC,SAAS,CAAC,YAAY,CAAC,CAAC;IAE5F,6DAA6D;IAC7D,MAAM,uBAAuB,GAAG,mBAAmB,CAAC,QAAQ,CAAC,CAAC;IAE9D,yBAAyB;IACzB,IAAI,YAAY,KAAK,UAAU,IAAI,uBAAuB,IAAI,oBAAoB,EAAE,MAAM,EAAE;QAC1F,OAAO,oBAAoB,CAAC;KAC7B;IAED,kBAAkB;IAClB,IAAI,YAAY,KAAK,MAAM,EAAE;QAC3B,OAAO,SAAS,CAAC;KAClB;IAED,kFAAkF;IAClF,IAAI,YAAY,EAAE,UAAU,CAAC,YAAY,CAAC,EAAE;QAC1C,OAAO,SAAS,CAAC;KAClB;IAED,oCAAoC;IACpC,iGAAiG;IACjG,+CAA+C;IAC/C,IAAI,YAAY,KAAK,UAAU,IAAI,YAAY,KAAK,MAAM,EAAE;QAC1D,OAAO,YAAY,CAAC;KACrB;IACD,OAAO,SAAS,CAAC;AACnB,CAAC","sourcesContent":["// This file is adapted from React DX components/template/utils.js\n\ndeclare const PCore: any;\n\nexport function getAllFields(pConnect: any) {\n const metadata = pConnect.getRawMetadata();\n let allFields = [];\n if (metadata.children && metadata.children.map) {\n allFields = metadata.children.map((fields) => {\n const children = fields.children instanceof Array ? fields.children : [];\n return children.map((field) => field.config);\n });\n }\n return allFields;\n}\n\n\nexport function filterForFieldValueList(fields : any) {\n return fields\n .filter(({ visibility }) => visibility !== false)\n .map(({ value, label }) => ({\n id: label.toLowerCase(),\n name: label,\n value\n }));\n}\n\n\n/**\n * Determine if the current view is the view of the case step/assignment.\n * @param {Function} pConnect PConnect object for the component\n */\n export function getIsAssignmentView(pConnect) {\n // Get caseInfo content from the store which contains the view info about the current assignment/step\n // TODO To be replaced with pConnect.getCaseInfo().getCurrentAssignmentView when it's available\n const assignmentViewClass = pConnect.getValue(PCore.getConstants().CASE_INFO.CASE_INFO_CLASSID);\n const assignmentViewName = pConnect.getValue(PCore.getConstants().CASE_INFO.ASSIGNMENTACTION_ID);\n\n const assignmentViewId = `${assignmentViewName}!${assignmentViewClass}`;\n\n // Get the info about the current view from pConnect\n const currentViewId = `${pConnect.getCurrentView()}!${pConnect.getCurrentClassID()}`;\n\n return assignmentViewId === currentViewId;\n}\n\n/**\n * A hook that gets the instructions content for a view.\n * @param {Function} pConnect PConnect object for the component\n * @param {string} [instructions=\"casestep\"] 'casestep', 'none', or the html content of a Rule-UI-Paragraph rule (processed via core's paragraph annotation handler)\n */\nexport function getInstructions(pConnect, instructions = 'casestep') {\n const caseStepInstructions = pConnect.getValue(PCore.getConstants().CASE_INFO.INSTRUCTIONS);\n\n // Determine if this view is the current assignment/step view\n const isCurrentAssignmentView = getIsAssignmentView(pConnect);\n\n // Case step instructions\n if (instructions === 'casestep' && isCurrentAssignmentView && caseStepInstructions?.length) {\n return caseStepInstructions;\n }\n\n // No instructions\n if (instructions === 'none') {\n return undefined;\n }\n\n // If the annotation wasn't processed correctly, don't return any instruction text\n if (instructions?.startsWith('@PARAGRAPH')) {\n return undefined;\n }\n\n // Custom instructions from the view\n // The raw metadata for `instructions` will be something like '@PARAGRAPH .SomeParagraphRule' but\n // it is evaluated by core logic to the content\n if (instructions !== 'casestep' && instructions !== 'none') {\n return instructions;\n }\n return undefined;\n}\n"]}

package/lib/components/infra/Containers/FlowContainer/FlowContainer.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"FlowContainer.d.ts","sourceRoot":"","sources":["../../../../../src/components/infra/Containers/FlowContainer/FlowContainer.tsx"],"names":[],"mappings":";AAGA,OAAO,SAAS,MAAM,YAAY,CAAC;AAgDnC,iBAAwB,aAAa,CAAC,KAAK,KAAA,~~eAwb1C~~;~~kBAxbuB~~,aAAa;;;;;;;;;;;;;;;;;;eAAb,aAAa"}
1	+ {"version":3,"file":"FlowContainer.d.ts","sourceRoot":"","sources":["../../../../../src/components/infra/Containers/FlowContainer/FlowContainer.tsx"],"names":[],"mappings":";AAGA,OAAO,SAAS,MAAM,YAAY,CAAC;AAgDnC,iBAAwB,aAAa,CAAC,KAAK,KAAA,eAob1C;kBApbuB,aAAa;;;;;;;;;;;;;;;;;;eAAb,aAAa"}