@pega/react-sdk-components 0.23.13 → 0.23.15

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

@@ -1 +1 @@
-{"version":3,"file":"FieldGroup.d.ts","sourceRoot":"","sources":["../../../../src/components/designSystemExtension/FieldGroup/FieldGroup.tsx"],"names":[],"mappings":";AAuCA,QAAA,MAAM,UAAU,6BAuEf,CAAC;AAEF,eAAe,UAAU,CAAC"}
+{"version":3,"file":"FieldGroup.d.ts","sourceRoot":"","sources":["../../../../src/components/designSystemExtension/FieldGroup/FieldGroup.tsx"],"names":[],"mappings":";AAsBA,QAAA,MAAM,UAAU,6BAwBf,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/lib/components/designSystemExtension/FieldGroup/FieldGroup.js

@@ -1,18 +1,6 @@
 import React from 'react';
 import Grid from '@material-ui/core/Grid';
-import Typography from '@material-ui/core/Typography';
 import { makeStyles } from '@material-ui/core/styles';
-import Utils from '../../helpers/utils';
-function generateFields(item, fields) {
-    for (const label in item) {
-        if (Utils.isObject(item[label])) {
-            generateFields(item[label], fields);
-        }
-        else if (label !== 'classID') {
-            fields.push({ label, value: item[label] });
-        }
-    }
-}
 const useStyles = makeStyles(theme => ({
     root: {
         marginRight: theme.spacing(1),
@@ -26,51 +14,21 @@ const useStyles = makeStyles(theme => ({
         marginTop: theme.spacing(1),
         marginBottom: theme.spacing(1)
     },
-    fieldLabel: {
-        fontWeight: 400,
-        color: theme.palette.text.secondary
-    },
-    fieldValue: {
-        fontWeight: 400,
-        color: theme.palette.text.primary
+    fullWidth: {
+        width: '100%'
     }
 }));
 const FieldGroup = props => {
+    const { children, name } = props;
     const classes = useStyles();
-    const fields = [];
-    generateFields(props.item, fields);
-    function getGridItemLabel(label) {
-        const dispValue = label;
-        return (React.createElement(Grid, { item: true, xs: 6 },
-            React.createElement(Typography, { variant: 'body2', component: 'span', className: `${classes.fieldLabel} ${classes.fieldMargin}` }, dispValue)));
-    }
-    function formatItemValue(value) {
-        let formattedVal = value;
-        // if the value is an empty string, we want to display it as "---"
-        if (formattedVal === '') {
-            formattedVal = '---';
-        }
-        return formattedVal;
-    }
-    function getGridItemValue(value) {
-        const formattedValue = formatItemValue(value);
-        return (React.createElement(Grid, { item: true, xs: 6 },
-            React.createElement(Typography, { variant: 'body2', component: 'span', className: classes.fieldValue }, formattedValue)));
-    }
-    function getGridItems() {
-        const gridItems = fields.map((item) => {
-            return (React.createElement(Grid, { key: `${item.label}-${item.value}`, container: true, spacing: 1 },
-                getGridItemLabel(item.label),
-                getGridItemValue(item.value)));
-        });
-        return gridItems;
-    }
+    const descAndChildren = (React.createElement(Grid, { container: true },
+        React.createElement("div", { className: classes.fullWidth }, children)));
     return (React.createElement(React.Fragment, null,
         React.createElement(Grid, { container: true, spacing: 4, justifyContent: 'space-between' },
             React.createElement(Grid, { item: true, style: { width: '100%' } },
-                fields.length > 0 && (React.createElement("div", { className: classes.fieldMargin },
+                name && (React.createElement("div", { className: classes.fieldMargin },
                     React.createElement("b", null, props.name))),
-                getGridItems()))));
+                descAndChildren))));
 };
 export default FieldGroup;
 //# sourceMappingURL=FieldGroup.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"FieldGroup.js","sourceRoot":"","sources":["../../../../src/components/designSystemExtension/FieldGroup/FieldGroup.tsx"],"names":[],"mappings":"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","sourcesContent":["import React from 'react';\nimport Grid from '@material-ui/core/Grid';\nimport Typography from '@material-ui/core/Typography';\nimport { makeStyles } from '@material-ui/core/styles';\nimport Utils from '../../helpers/utils';\n\nfunction generateFields(item, fields) {\n  for (const label in item) {\n    if (Utils.isObject(item[label])) {\n      generateFields(item[label], fields);\n    } else if (label !== 'classID') {\n      fields.push({ label, value: item[label] });\n    }\n  }\n}\n\nconst useStyles = makeStyles(theme => ({\n  root: {\n    marginRight: theme.spacing(1),\n    marginLeft: theme.spacing(1),\n    marginTop: theme.spacing(1),\n    marginBottom: theme.spacing(1)\n  },\n  fieldMargin: {\n    paddingTop: theme.spacing(1),\n    paddingBottom: 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\nconst FieldGroup = props => {\n  const classes = useStyles();\n\n  const fields: any = [];\n  generateFields(props.item, fields);\n\n  function getGridItemLabel(label) {\n    const dispValue = label;\n\n    return (\n      <Grid item xs={6}>\n        <Typography\n          variant='body2'\n          component='span'\n          className={`${classes.fieldLabel} ${classes.fieldMargin}`}\n        >\n          {dispValue}\n        </Typography>\n      </Grid>\n    );\n  }\n\n  function formatItemValue(value) {\n    let formattedVal = value;\n\n    // if the value is an empty string, we want to display it as \"---\"\n    if (formattedVal === '') {\n      formattedVal = '---';\n    }\n\n    return formattedVal;\n  }\n\n  function getGridItemValue(value) {\n    const formattedValue = formatItemValue(value);\n\n    return (\n      <Grid item xs={6}>\n        <Typography variant='body2' component='span' className={classes.fieldValue}>\n          {formattedValue}\n        </Typography>\n      </Grid>\n    );\n  }\n\n  function getGridItems() {\n    const gridItems = fields.map((item) => {\n      return (\n        <Grid key={`${item.label}-${item.value}`} container spacing={1}>\n          {getGridItemLabel(item.label)}\n          {getGridItemValue(item.value)}\n        </Grid>\n      );\n    });\n    return gridItems;\n  }\n\n  return (\n    <React.Fragment>\n      <Grid container spacing={4} justifyContent='space-between'>\n        <Grid item style={{ width: '100%' }}>\n          {fields.length > 0 && (\n            <div className={classes.fieldMargin}>\n              <b>{props.name}</b>\n            </div>\n          )}\n          {getGridItems()}\n        </Grid>\n      </Grid>\n    </React.Fragment>\n  );\n};\n\nexport default FieldGroup;\n"]}
+{"version":3,"file":"FieldGroup.js","sourceRoot":"","sources":["../../../../src/components/designSystemExtension/FieldGroup/FieldGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,IAAI,MAAM,wBAAwB,CAAC;AAC1C,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AAEtD,MAAM,SAAS,GAAG,UAAU,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC;IACrC,IAAI,EAAE;QACJ,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,UAAU,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;QAC5B,aAAa,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;QAC/B,SAAS,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;QAC3B,YAAY,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;KAC/B;IACD,SAAS,EAAE;QACT,KAAK,EAAE,MAAM;KACd;CACF,CAAC,CAAC,CAAC;AAEJ,MAAM,UAAU,GAAG,KAAK,CAAC,EAAE;IACzB,MAAM,EAAE,QAAQ,EAAE,IAAI,EAAE,GAAG,KAAK,CAAC;IACjC,MAAM,OAAO,GAAG,SAAS,EAAE,CAAC;IAE5B,MAAM,eAAe,GAAG,CACtB,oBAAC,IAAI,IAAC,SAAS;QACb,6BAAK,SAAS,EAAE,OAAO,CAAC,SAAS,IAAG,QAAQ,CAAO,CAC9C,CACR,CAAC;IAEF,OAAO,CACL,oBAAC,KAAK,CAAC,QAAQ;QACb,oBAAC,IAAI,IAAC,SAAS,QAAC,OAAO,EAAE,CAAC,EAAE,cAAc,EAAC,eAAe;YACxD,oBAAC,IAAI,IAAC,IAAI,QAAC,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE;gBAChC,IAAI,IAAI,CACP,6BAAK,SAAS,EAAE,OAAO,CAAC,WAAW;oBACjC,+BAAI,KAAK,CAAC,IAAI,CAAK,CACf,CACP;gBACA,eAAe,CACX,CACF,CACQ,CAClB,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,UAAU,CAAC","sourcesContent":["import React from 'react';\nimport Grid from '@material-ui/core/Grid';\nimport { makeStyles } from '@material-ui/core/styles';\n\nconst useStyles = makeStyles(theme => ({\n  root: {\n    marginRight: theme.spacing(1),\n    marginLeft: theme.spacing(1),\n    marginTop: theme.spacing(1),\n    marginBottom: theme.spacing(1)\n  },\n  fieldMargin: {\n    paddingTop: theme.spacing(1),\n    paddingBottom: theme.spacing(1),\n    marginTop: theme.spacing(1),\n    marginBottom: theme.spacing(1)\n  },\n  fullWidth: {\n    width: '100%'\n  }\n}));\n\nconst FieldGroup = props => {\n  const { children, name } = props;\n  const classes = useStyles();\n\n  const descAndChildren = (\n    <Grid container>\n      <div className={classes.fullWidth}>{children}</div>\n    </Grid>\n  );\n\n  return (\n    <React.Fragment>\n      <Grid container spacing={4} justifyContent='space-between'>\n        <Grid item style={{ width: '100%' }}>\n          {name && (\n            <div className={classes.fieldMargin}>\n              <b>{props.name}</b>\n            </div>\n          )}\n          {descAndChildren}\n        </Grid>\n      </Grid>\n    </React.Fragment>\n  );\n};\n\nexport default FieldGroup;\n"]}

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

@@ -1 +1 @@
-{"version":3,"file":"DateTime.d.ts","sourceRoot":"","sources":["../../../../src/components/field/DateTime/DateTime.tsx"],"names":[],"mappings":";AAMA,MAAM,CAAC,OAAO,UAAU,QAAQ,CAAC,KAAK,KAAA,eAoErC"}
+{"version":3,"file":"DateTime.d.ts","sourceRoot":"","sources":["../../../../src/components/field/DateTime/DateTime.tsx"],"names":[],"mappings":";AAOA,MAAM,CAAC,OAAO,UAAU,QAAQ,CAAC,KAAK,KAAA,eAuErC"}

package/lib/components/field/DateTime/DateTime.js

@@ -3,6 +3,7 @@ import { KeyboardDateTimePicker } from '@material-ui/pickers';
 import TextInput from '../TextInput';
 import handleEvent from '../../helpers/event-utils';
 import FieldValueList from '../../designSystemExtension/FieldValueList';
+import { format } from '../../helpers/formatters/';
 export default function DateTime(props) {
     const { getPConnect, label, required, disabled, value = '', validatemessage, status, onChange, readOnly, testId, helperText, displayMode } = props;
     const pConn = getPConnect();
@@ -10,12 +11,15 @@ export default function DateTime(props) {
     const propName = pConn.getStateProps().value;
     const helperTextToDisplay = validatemessage || helperText;
     if (displayMode === 'LABELS_LEFT') {
+        const formattedDate = format(props.value, 'datetime');
         const field = {
-            [label]: value
+            [label]: formattedDate
         };
         return React.createElement(FieldValueList, { item: field });
     }
     if (readOnly) {
+        const formattedDate = format(props.value, 'datetime');
+        props.value = formattedDate;
         return React.createElement(TextInput, { ...props });
     }
     const handleChange = date => {

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

@@ -1 +1 @@
-{"version":3,"file":"DateTime.js","sourceRoot":"","sources":["../../../../src/components/field/DateTime/DateTime.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,sBAAsB,EAAE,MAAM,sBAAsB,CAAC;AAC9D,OAAO,SAAS,MAAM,cAAc,CAAC;AACrC,OAAO,WAAW,MAAM,2BAA2B,CAAC;AACpD,OAAO,cAAc,MAAM,4CAA4C,CAAC;AAExE,MAAM,CAAC,OAAO,UAAU,QAAQ,CAAC,KAAK;IACpC,MAAM,EACJ,WAAW,EACX,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,KAAK,GAAG,EAAE,EACV,eAAe,EACf,MAAM,EACN,QAAQ,EACR,QAAQ,EACR,MAAM,EACN,UAAU,EACV,WAAW,EACZ,GAAG,KAAK,CAAC;IACV,MAAM,KAAK,GAAG,WAAW,EAAE,CAAC;IAC5B,MAAM,OAAO,GAAG,KAAK,CAAC,aAAa,EAAE,CAAC;IACtC,MAAM,QAAQ,GAAG,KAAK,CAAC,aAAa,EAAE,CAAC,KAAK,CAAC;IAC7C,MAAM,mBAAmB,GAAG,eAAe,IAAI,UAAU,CAAC;IAE1D,IAAG,WAAW,KAAK,aAAa,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,MAAM,YAAY,GAAG,IAAI,CAAC,EAAE;QAC1B,MAAM,WAAW,GAAG,IAAI,IAAI,IAAI,CAAC,OAAO,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,WAAW,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC;QACvE,QAAQ,CAAC,EAAE,KAAK,EAAE,WAAW,EAAE,CAAC,CAAC;IACnC,CAAC,CAAC;IAEF,MAAM,YAAY,GAAG,IAAI,CAAC,EAAE;QAC1B,MAAM,WAAW,GAAG,IAAI,IAAI,IAAI,CAAC,OAAO,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,WAAW,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC;QACvE,WAAW,CAAC,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,WAAW,CAAC,CAAC;IAC7D,CAAC,CAAC;IAEF,EAAE;IACF,iGAAiG;IACjG,8DAA8D;IAC9D,EAAE;IAEF,OAAO,CACL,oBAAC,sBAAsB,IACrB,OAAO,EAAC,QAAQ,EAChB,YAAY,EAAC,UAAU,EACvB,SAAS,QACT,MAAM,QACN,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,WAAW,EAAC,qBAAqB,EACjC,MAAM,EAAC,oBAAoB,EAC3B,IAAI,EAAC,qBAAqB,EAC1B,WAAW,EAAE,CAAC,EACd,KAAK,EAAE,MAAM,KAAK,OAAO,EACzB,UAAU,EAAE,mBAAmB,EAC/B,IAAI,EAAC,OAAO,EACZ,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,KAAK,IAAI,IAAI,EACpB,QAAQ,EAAE,YAAY,EACtB,QAAQ,EAAE,YAAY,kBACR,MAAM,GACpB,CACH,CAAC;AACJ,CAAC","sourcesContent":["import React from 'react';\nimport { KeyboardDateTimePicker } from '@material-ui/pickers';\nimport TextInput from '../TextInput';\nimport handleEvent from '../../helpers/event-utils';\nimport FieldValueList from '../../designSystemExtension/FieldValueList';\n\nexport default function DateTime(props) {\n  const {\n    getPConnect,\n    label,\n    required,\n    disabled,\n    value = '',\n    validatemessage,\n    status,\n    onChange,\n    readOnly,\n    testId,\n    helperText,\n    displayMode\n  } = props;\n  const pConn = getPConnect();\n  const actions = pConn.getActionsApi();\n  const propName = pConn.getStateProps().value;\n  const helperTextToDisplay = validatemessage || helperText;\n\n  if(displayMode === 'LABELS_LEFT'){\n    const field = {\n      [label]: value\n    };\n    return <FieldValueList item={field}/>\n  }\n\n  if (readOnly) {\n    return <TextInput {...props} />;\n  }\n\n  const handleChange = date => {\n    const changeValue = date && date.isValid() ? date.toISOString() : null;\n    onChange({ value: changeValue });\n  };\n\n  const handleAccept = date => {\n    const changeValue = date && date.isValid() ? date.toISOString() : null;\n    handleEvent(actions, 'changeNblur', propName, changeValue);\n  };\n\n  //\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    <KeyboardDateTimePicker\n      variant='inline'\n      inputVariant='outlined'\n      fullWidth\n      autoOk\n      required={required}\n      disabled={disabled}\n      placeholder='mm/dd/yyyy hh:mm am'\n      format='MM/DD/YYYY hh:mm a'\n      mask='__/__/____ __:__ _m'\n      minutesStep={5}\n      error={status === 'error'}\n      helperText={helperTextToDisplay}\n      size='small'\n      label={label}\n      value={value || null}\n      onChange={handleChange}\n      onAccept={handleAccept}\n      data-test-id={testId}\n    />\n  );\n}\n"]}
+{"version":3,"file":"DateTime.js","sourceRoot":"","sources":["../../../../src/components/field/DateTime/DateTime.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,sBAAsB,EAAE,MAAM,sBAAsB,CAAC;AAC9D,OAAO,SAAS,MAAM,cAAc,CAAC;AACrC,OAAO,WAAW,MAAM,2BAA2B,CAAC;AACpD,OAAO,cAAc,MAAM,4CAA4C,CAAC;AACxE,OAAO,EAAE,MAAM,EAAE,MAAM,2BAA2B,CAAC;AAEnD,MAAM,CAAC,OAAO,UAAU,QAAQ,CAAC,KAAK;IACpC,MAAM,EACJ,WAAW,EACX,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,KAAK,GAAG,EAAE,EACV,eAAe,EACf,MAAM,EACN,QAAQ,EACR,QAAQ,EACR,MAAM,EACN,UAAU,EACV,WAAW,EACZ,GAAG,KAAK,CAAC;IACV,MAAM,KAAK,GAAG,WAAW,EAAE,CAAC;IAC5B,MAAM,OAAO,GAAG,KAAK,CAAC,aAAa,EAAE,CAAC;IACtC,MAAM,QAAQ,GAAG,KAAK,CAAC,aAAa,EAAE,CAAC,KAAK,CAAC;IAC7C,MAAM,mBAAmB,GAAG,eAAe,IAAI,UAAU,CAAC;IAE1D,IAAG,WAAW,KAAK,aAAa,EAAC;QAC/B,MAAM,aAAa,GAAG,MAAM,CAAC,KAAK,CAAC,KAAK,EAAE,UAAU,CAAC,CAAC;QACtD,MAAM,KAAK,GAAG;YACZ,CAAC,KAAK,CAAC,EAAE,aAAa;SACvB,CAAC;QACF,OAAO,oBAAC,cAAc,IAAC,IAAI,EAAE,KAAK,GAAG,CAAA;KACtC;IAED,IAAI,QAAQ,EAAE;QACZ,MAAM,aAAa,GAAG,MAAM,CAAC,KAAK,CAAC,KAAK,EAAE,UAAU,CAAC,CAAC;QACtD,KAAK,CAAC,KAAK,GAAG,aAAa,CAAC;QAC5B,OAAO,oBAAC,SAAS,OAAK,KAAK,GAAI,CAAC;KACjC;IAED,MAAM,YAAY,GAAG,IAAI,CAAC,EAAE;QAC1B,MAAM,WAAW,GAAG,IAAI,IAAI,IAAI,CAAC,OAAO,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,WAAW,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC;QACvE,QAAQ,CAAC,EAAE,KAAK,EAAE,WAAW,EAAE,CAAC,CAAC;IACnC,CAAC,CAAC;IAEF,MAAM,YAAY,GAAG,IAAI,CAAC,EAAE;QAC1B,MAAM,WAAW,GAAG,IAAI,IAAI,IAAI,CAAC,OAAO,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,WAAW,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC;QACvE,WAAW,CAAC,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,WAAW,CAAC,CAAC;IAC7D,CAAC,CAAC;IAEF,EAAE;IACF,iGAAiG;IACjG,8DAA8D;IAC9D,EAAE;IAEF,OAAO,CACL,oBAAC,sBAAsB,IACrB,OAAO,EAAC,QAAQ,EAChB,YAAY,EAAC,UAAU,EACvB,SAAS,QACT,MAAM,QACN,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,WAAW,EAAC,qBAAqB,EACjC,MAAM,EAAC,oBAAoB,EAC3B,IAAI,EAAC,qBAAqB,EAC1B,WAAW,EAAE,CAAC,EACd,KAAK,EAAE,MAAM,KAAK,OAAO,EACzB,UAAU,EAAE,mBAAmB,EAC/B,IAAI,EAAC,OAAO,EACZ,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,KAAK,IAAI,IAAI,EACpB,QAAQ,EAAE,YAAY,EACtB,QAAQ,EAAE,YAAY,kBACR,MAAM,GACpB,CACH,CAAC;AACJ,CAAC","sourcesContent":["import React from 'react';\nimport { KeyboardDateTimePicker } from '@material-ui/pickers';\nimport TextInput from '../TextInput';\nimport handleEvent from '../../helpers/event-utils';\nimport FieldValueList from '../../designSystemExtension/FieldValueList';\nimport { format } from '../../helpers/formatters/';\n\nexport default function DateTime(props) {\n  const {\n    getPConnect,\n    label,\n    required,\n    disabled,\n    value = '',\n    validatemessage,\n    status,\n    onChange,\n    readOnly,\n    testId,\n    helperText,\n    displayMode\n  } = props;\n  const pConn = getPConnect();\n  const actions = pConn.getActionsApi();\n  const propName = pConn.getStateProps().value;\n  const helperTextToDisplay = validatemessage || helperText;\n\n  if(displayMode === 'LABELS_LEFT'){\n    const formattedDate = format(props.value, 'datetime');\n    const field = {\n      [label]: formattedDate\n    };\n    return <FieldValueList item={field}/>\n  }\n\n  if (readOnly) {\n    const formattedDate = format(props.value, 'datetime');\n    props.value = formattedDate;\n    return <TextInput {...props} />;\n  }\n\n  const handleChange = date => {\n    const changeValue = date && date.isValid() ? date.toISOString() : null;\n    onChange({ value: changeValue });\n  };\n\n  const handleAccept = date => {\n    const changeValue = date && date.isValid() ? date.toISOString() : null;\n    handleEvent(actions, 'changeNblur', propName, changeValue);\n  };\n\n  //\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    <KeyboardDateTimePicker\n      variant='inline'\n      inputVariant='outlined'\n      fullWidth\n      autoOk\n      required={required}\n      disabled={disabled}\n      placeholder='mm/dd/yyyy hh:mm am'\n      format='MM/DD/YYYY hh:mm a'\n      mask='__/__/____ __:__ _m'\n      minutesStep={5}\n      error={status === 'error'}\n      helperText={helperTextToDisplay}\n      size='small'\n      label={label}\n      value={value || null}\n      onChange={handleChange}\n      onAccept={handleAccept}\n      data-test-id={testId}\n    />\n  );\n}\n"]}

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

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

package/lib/components/field/Dropdown/Dropdown.js

@@ -5,7 +5,7 @@ import Utils from '../../helpers/utils';
 import handleEvent from '../../helpers/event-utils';
 import FieldValueList from '../../designSystemExtension/FieldValueList';
 export default function Dropdown(props) {
-    const { getPConnect, label, required, disabled, placeholder, value = '', datasource = [], validatemessage, status, readOnly, testId, helperText, displayMode } = props;
+    const { getPConnect, label, required, disabled, placeholder, value = '', datasource = [], validatemessage, status, readOnly, testId, helperText, displayMode, onRecordChange } = props;
     const [options, setOptions] = useState([]);
     const helperTextToDisplay = validatemessage || helperText;
     const thePConn = getPConnect();
@@ -33,6 +33,9 @@ export default function Dropdown(props) {
     const handleChange = evt => {
         const selectedValue = evt.target.value === 'Select' ? '' : evt.target.value;
         handleEvent(actionsApi, 'changeNblur', propName, selectedValue);
+        if (onRecordChange) {
+            onRecordChange(evt);
+        }
     };
     // Material UI shows a warning if the component is rendered before options are set.
     //  So, hold off on rendering anything until options are available...

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

@@ -1 +1 @@
-{"version":3,"file":"Dropdown.js","sourceRoot":"","sources":["../../../../src/components/field/Dropdown/Dropdown.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { useEffect, useState } from 'react';\nimport { TextField } from '@material-ui/core';\nimport MenuItem from '@material-ui/core/MenuItem';\nimport Utils from '../../helpers/utils';\nimport handleEvent from '../../helpers/event-utils';\nimport FieldValueList from '../../designSystemExtension/FieldValueList';\n\ninterface IOption {\n  key: string;\n  value: string;\n}\n\nexport default function Dropdown(props) {\n  const {\n    getPConnect,\n    label,\n    required,\n    disabled,\n    placeholder,\n    value = '',\n    datasource = [],\n    validatemessage,\n    status,\n    readOnly,\n    testId,\n    helperText,\n    displayMode\n  } = props;\n  const [options, setOptions] = useState<Array<IOption>>([]);\n  const helperTextToDisplay = validatemessage || helperText;\n\n  const thePConn = getPConnect();\n  const actionsApi = thePConn.getActionsApi();\n  const propName = thePConn.getStateProps().value;\n\n  useEffect(() => {\n    const optionsList = Utils.getOptionList(props, getPConnect().getDataObject());\n    optionsList.unshift({ key: 'Select', value: 'Select...' });\n    setOptions(optionsList);\n  }, [datasource]);\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    readOnlyProp = { readOnly: true };\n  }\n\n  let testProp = {};\n\n  testProp = {\n    'data-test-id': testId\n  };\n\n  const handleChange = evt => {\n    const selectedValue = evt.target.value === 'Select' ? '' : evt.target.value;\n    handleEvent(actionsApi, 'changeNblur', propName, selectedValue);\n  };\n\n  // Material UI shows a warning if the component is rendered before options are set.\n  //  So, hold off on rendering anything until options are available...\n  return options.length === 0 ? null : (\n    <TextField\n      fullWidth\n      variant={readOnly ? 'standard' : 'outlined'}\n      helperText={helperTextToDisplay}\n      placeholder={placeholder}\n      size='small'\n      required={required}\n      disabled={disabled}\n      onChange={!readOnly ? handleChange : undefined}\n      error={status === 'error'}\n      label={label}\n      value={value === '' && !readOnly ? 'Select' : value}\n      select\n      InputProps={{ ...readOnlyProp, ...testProp }}\n    >\n      {options.map((option: any) => (\n        <MenuItem key={option.key} value={option.key}>\n          {option.value}\n        </MenuItem>\n      ))}\n    </TextField>\n  );\n}\n"]}
+{"version":3,"file":"Dropdown.js","sourceRoot":"","sources":["../../../../src/components/field/Dropdown/Dropdown.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { useEffect, useState } from 'react';\nimport { TextField } from '@material-ui/core';\nimport MenuItem from '@material-ui/core/MenuItem';\nimport Utils from '../../helpers/utils';\nimport handleEvent from '../../helpers/event-utils';\nimport FieldValueList from '../../designSystemExtension/FieldValueList';\n\ninterface IOption {\n  key: string;\n  value: string;\n}\n\nexport default function Dropdown(props) {\n  const {\n    getPConnect,\n    label,\n    required,\n    disabled,\n    placeholder,\n    value = '',\n    datasource = [],\n    validatemessage,\n    status,\n    readOnly,\n    testId,\n    helperText,\n    displayMode,\n    onRecordChange\n  } = props;\n  const [options, setOptions] = useState<Array<IOption>>([]);\n  const helperTextToDisplay = validatemessage || helperText;\n\n  const thePConn = getPConnect();\n  const actionsApi = thePConn.getActionsApi();\n  const propName = thePConn.getStateProps().value;\n\n  useEffect(() => {\n    const optionsList = Utils.getOptionList(props, getPConnect().getDataObject());\n    optionsList.unshift({ key: 'Select', value: 'Select...' });\n    setOptions(optionsList);\n  }, [datasource]);\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    readOnlyProp = { readOnly: true };\n  }\n\n  let testProp = {};\n\n  testProp = {\n    'data-test-id': testId\n  };\n\n  const handleChange = evt => {\n    const selectedValue = evt.target.value === 'Select' ? '' : evt.target.value;\n    handleEvent(actionsApi, 'changeNblur', propName, selectedValue);\n    if (onRecordChange) {\n      onRecordChange(evt);\n    }\n  };\n\n  // Material UI shows a warning if the component is rendered before options are set.\n  //  So, hold off on rendering anything until options are available...\n  return options.length === 0 ? null : (\n    <TextField\n      fullWidth\n      variant={readOnly ? 'standard' : 'outlined'}\n      helperText={helperTextToDisplay}\n      placeholder={placeholder}\n      size='small'\n      required={required}\n      disabled={disabled}\n      onChange={!readOnly ? handleChange : undefined}\n      error={status === 'error'}\n      label={label}\n      value={value === '' && !readOnly ? 'Select' : value}\n      select\n      InputProps={{ ...readOnlyProp, ...testProp }}\n    >\n      {options.map((option: any) => (\n        <MenuItem key={option.key} value={option.key}>\n          {option.value}\n        </MenuItem>\n      ))}\n    </TextField>\n  );\n}\n"]}

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

@@ -1 +1 @@
-{"version":3,"file":"field-group-utils.d.ts","sourceRoot":"","sources":["../../../src/components/helpers/field-group-utils.js"],"names":[],"mappings":"AAUO,8CAHM,MAAM,CAgBlB;AASM,4EA4BN"}
+{"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"}

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

@@ -16,9 +16,6 @@ export const getReferenceList = pConn => {
             resolvePage = `${resolvePage}.pxResults`;
         }
     }
-    else {
-        resolvePage = `${pConn.getPageReference().replace('caseInfo.content', '')}${resolvePage}`;
-    }
     return resolvePage;
 };
 /**

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

@@ -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;SAAM;QACL,WAAW,GAAG,GAAG,KAAK,CAAC,gBAAgB,EAAE,CAAC,OAAO,CAAC,kBAAkB,EAAE,EAAE,CAAC,GAAG,WAAW,EAAE,CAAC;KAC3F;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  } else {\n    resolvePage = `${pConn.getPageReference().replace('caseInfo.content', '')}${resolvePage}`;\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"]}
+{"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"]}

package/lib/components/helpers/simpleTableHelpers.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"simpleTableHelpers.d.ts","sourceRoot":"","sources":["../../../src/components/helpers/simpleTableHelpers.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,UAAU,gBAAgB,CAAC;AACxC,eAAO,MAAM,WAAW,eAAe,CAAC;AAwCxC,eAAO,MAAM,UAAU;;;;CAmBtB,CAAC;AAEF,eAAO,MAAM,cAAc,uBAI1B,CAAC;AAEF,eAAO,MAAM,aAAa;;;;CAwBzB,CAAC;AAEF,eAAO,MAAM,oBAAoB;;;;;;;;;;;;;;;;;;;;;;;;;;;CAyChC,CAAC;AAEF,eAAO,MAAM,mBAAmB,gEAmC/B,CAAC;AAEF,eAAO,MAAM,kBAAkB;;;;;;;;;;;;;;;;;;;;;CAuB9B,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,iBAAiB,0CAE7B,CAAC;AAEF;;;;;GAKG;AACH,eAAO,MAAM,cAAc,mEAY1B,CAAC;AAEF,eAAO,MAAM,UAAU,kDA+HtB,CAAA"}

package/lib/components/{template/SimpleTable → helpers}/simpleTableHelpers.js

@@ -1,4 +1,4 @@
-import { Utils } from '../../helpers/utils';
+import { Utils } from './utils';
 export const TABLE_CELL = "SdkRenderer";
 export const DELETE_ICON = "DeleteIcon";
 // BUG-615253: Workaround for autosize in table with lazy loading components

package/lib/components/helpers/simpleTableHelpers.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"simpleTableHelpers.js","sourceRoot":"","sources":["../../../src/components/helpers/simpleTableHelpers.ts"],"names":[],"mappings":"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","sourcesContent":["import { Utils } from './utils';\n\ndeclare const PCore;\n\nexport const TABLE_CELL = \"SdkRenderer\";\nexport const DELETE_ICON = \"DeleteIcon\";\n\n// BUG-615253: Workaround for autosize in table with lazy loading components\n/* istanbul ignore next */\nfunction getFieldWidth(field, label) {\n  let width;\n  switch (field.type) {\n    case \"Time\":\n      width = 150;\n      break;\n    case \"Date\":\n      width = 160;\n      break;\n    case \"DateTime\":\n      width = 205;\n      break;\n    case \"AutoComplete\":\n    case \"TextArea\":\n      width = 190;\n      break;\n    case \"Currency\":\n    case \"TextInput\":\n      width = 182;\n      break;\n    case \"Checkbox\":\n      // eslint-disable-next-line no-case-declarations\n      const text = document.createElement(\"span\");\n      document.body.appendChild(text);\n      text.style.fontSize = \"13px\";\n      text.style.position = \"absolute\";\n      text.innerHTML = label;\n      width = Math.ceil(text.clientWidth) + 30;\n      document.body.removeChild(text);\n      break;\n    default:\n      width = 180;\n  }\n  return width;\n}\n\nexport const getContext = (thePConn) => {\n  const contextName = thePConn.getContextName();\n  const pageReference = thePConn.getPageReference();\n  let { referenceList } = thePConn.getStateProps().config;\n  const pageReferenceForRows = referenceList.startsWith(\".\")\n    ? `${pageReference}.${referenceList.substring(1)}`\n    : referenceList;\n\n  // removing \"caseInfo.content\" prefix to avoid setting it as a target while preparing pageInstructions\n  referenceList = pageReferenceForRows.replace(\n    PCore.getConstants().CASE_INFO.CASE_INFO_CONTENT,\n    \"\"\n  );\n\n  return {\n    contextName,\n    referenceListStr: referenceList,\n    pageReferenceForRows\n  };\n};\n\nexport const populateRowKey = (rawData) => {\n  return rawData.map((row, index) => {\n    return { ...row, index };\n  });\n};\n\nexport const getApiContext = (processedData, pConnect, reorderCB) => {\n  return {\n    fetchData: () => {\n      return new Promise((resolve) => {\n        resolve({\n          data: processedData,\n          filteredRecordCount: processedData.length,\n          totalRecordCount: processedData.length\n        });\n      });\n    },\n    fetchPersonalizations: () => {\n      return Promise.resolve({});\n    },\n    applyRowReorder: (sourceKey, destinationKey) => {\n      // indexes are keys for simple table so, it should work.\n      reorderCB();\n      return Promise.resolve(\n        pConnect\n          .getListActions()\n          .reorder(parseInt(sourceKey, 10), parseInt(destinationKey, 10))\n      );\n    }\n  };\n};\n\nexport const buildMetaForListView = (\n  fieldMetadata,\n  fields,\n  type,\n  ruleClass,\n  name,\n  propertyLabel,\n  parameters\n) => {\n  return {\n    name,\n    config: {\n      type,\n      referenceList: fieldMetadata.datasource.name,\n      parameters: parameters ?? fieldMetadata.datasource.parameters,\n      personalization: false,\n      grouping: true,\n      globalSearch: true,\n      reorderFields: true,\n      toggleFieldVisibility: true,\n      personalizationId: \"\" /* TODO */,\n      template: \"ListView\",\n      presets: [\n        {\n          name: \"presets\",\n          template: \"Table\",\n          config: {},\n          children: [\n            {\n              name: \"Columns\",\n              type: \"Region\",\n              children: fields\n            }\n          ],\n          label: propertyLabel,\n          id: \"P_\" /* TODO */\n        }\n      ],\n      ruleClass\n    }\n  };\n};\n\nexport const buildFieldsForTable = (configFields, fields, showDeleteButton) => {\n  const fieldDefs = configFields.map((field, index) => {\n    return {\n      type: \"text\",\n      label: fields[index].config.label || fields[index].config.caption,\n      fillAvailableSpace: !!field.config.fillAvailableSpace,\n      id: index,\n      name: field.config.value.substr(4),\n      cellRenderer: TABLE_CELL,\n      sort: false,\n      noContextMenu: true,\n      showMenu: false,\n      meta: {\n        ...field\n      },\n      // BUG-615253: Workaround for autosize in table with lazy loading components\n      width: getFieldWidth(field, fields[index].config.label)\n    };\n  });\n\n  // ONLY add DELETE_ICON to fields when the table is requested as EDITABLE\n  if (showDeleteButton) {\n    fieldDefs.push({\n      type: \"text\",\n      id: fieldDefs.length,\n      cellRenderer: DELETE_ICON,\n      sort: false,\n      noContextMenu: true,\n      showMenu: false,\n      // BUG-615253: Workaround for autosize in table with lazy loading components\n      width: 46\n    });\n  }\n\n  return fieldDefs;\n};\n\nexport const createMetaForTable = (fields, renderMode) => {\n  return {\n    height: {\n      minHeight: \"auto\",\n      fitHeightToElement: \"fitHeightToElement\",\n      deltaAdjustment: \"deltaAdjustment\",\n      autoSize: true\n    },\n    fieldDefs: fields,\n    itemKey: \"index\",\n    grouping: false,\n    reorderFields: false,\n    reorderItems: renderMode === \"Editable\",\n    dragHandle: renderMode === \"Editable\",\n    globalSearch: false,\n    personalization: false,\n    toggleFieldVisibility: false,\n    toolbar: false,\n    footer: false,\n    filterExpression: null,\n    editing: false,\n    timezone: PCore.getEnvironmentInfo().getTimeZone()\n  };\n};\n\n/**\n * This method returns a callBack function for Add action.\n * @param {object} pConnect - PConnect object\n * @param {number} index - index of the page list to add\n */\nexport const getAddRowCallback = (pConnect, index) => {\n  return () => pConnect.getListActions().insert({}, index);\n};\n\n/**\n * This method creates a PConnect object with proper options for Add and Delete actions\n * @param {string} contextName - contextName\n * @param {string} referenceList - referenceList\n * @param {string} pageReference - pageReference\n */\nexport const createPConnect = (contextName, referenceList, pageReference) => {\n  const options = {\n    context: contextName,\n    pageReference,\n    referenceList\n  };\n\n  // create PConnect object\n  const config = { meta: {}, options };\n  const { getPConnect } = PCore.createPConnect(config);\n\n  return getPConnect();\n};\n\nexport const filterData = (filterByColumns) => {\n  return function filteringData(item) {\n    let bKeep = true;\n    for (const filterObj of filterByColumns) {\n      if (\n        filterObj.containsFilterValue !== '' ||\n        filterObj.containsFilter === 'null' ||\n        filterObj.containsFilter === 'notnull'\n      ) {\n        let value: any;\n        let filterValue: any;\n\n        switch (filterObj.type) {\n          case 'Date':\n          case 'DateTime':\n          case 'Time':\n            value =\n              item[filterObj.ref] !== null ?? item[filterObj.ref] !== ''\n                ? Utils.getSeconds(item[filterObj.ref])\n                : null;\n            filterValue =\n              filterObj.containsFilterValue !== null && filterObj.containsFilterValue !== ''\n                ? Utils.getSeconds(filterObj.containsFilterValue)\n                : null;\n\n            // eslint-disable-next-line sonarjs/no-nested-switch\n            switch (filterObj.containsFilter) {\n              case 'notequal':\n                // becasue filterValue is in minutes, need to have a range of less than 60 secons\n\n                if (value !== null && filterValue !== null) {\n                  // get rid of milliseconds\n                  value /= 1000;\n                  filterValue /= 1000;\n\n                  const diff = value - filterValue;\n                  if (diff >= 0 && diff < 60) {\n                    bKeep = false;\n                  }\n                }\n\n                break;\n\n              case 'equal':\n                  // becasue filterValue is in minutes, need to have a range of less than 60 secons\n\n                  if (value !== null && filterValue !== null) {\n                    // get rid of milliseconds\n                    value /= 1000;\n                    filterValue /= 1000;\n\n                    const diff = value - filterValue;\n                    if (diff !== 0) {\n                      bKeep = false;\n                    }\n                  }\n\n              break;\n\n              case 'after':\n                if (value < filterValue) {\n                  bKeep = false;\n                }\n                break;\n\n              case 'before':\n                if (value > filterValue) {\n                  bKeep = false;\n                }\n                break;\n\n              case 'null':\n                if (value !== null) {\n                  bKeep = false;\n                }\n                break;\n\n              case 'notnull':\n                if (value === null) {\n                  bKeep = false;\n                }\n                break;\n\n              default:\n                break;\n            }\n            break;\n\n          default:\n            value = item[filterObj.ref].toLowerCase();\n            filterValue = filterObj.containsFilterValue.toLowerCase();\n\n            // eslint-disable-next-line sonarjs/no-nested-switch\n            switch (filterObj.containsFilter) {\n              case 'contains':\n                if (value.indexOf(filterValue) < 0) {\n                  bKeep = false;\n                }\n                break;\n\n              case 'equals':\n                if (value !== filterValue) {\n                  bKeep = false;\n                }\n                break;\n\n              case 'startswith':\n                if (value.indexOf(filterValue) !== 0) {\n                  bKeep = false;\n                }\n                break;\n\n              default:\n                break;\n            }\n\n            break;\n        }\n      }\n\n      // if don't keep stop filtering\n      if (!bKeep) {\n        break;\n      }\n    }\n    return bKeep;\n  }\n}\n"]}

package/lib/components/infra/View/View.js

@@ -78,7 +78,7 @@ export default function View(props) {
                 /* name */ id: 'label', style: { marginBlockStart: '1rem' }, className: 'grid-column' }, RenderedTemplate));
         }
         return (React.createElement("div", { className: 'grid-column' },
-            showLabel && template !== 'SubTabs' && template !== 'SimpleTable' && (React.createElement("div", { className: 'template-title-container' },
+            showLabel && template !== 'SubTabs' && template !== 'SimpleTable' && template !== 'Details' && (React.createElement("div", { className: 'template-title-container' },
                 React.createElement("span", null, label))),
             RenderedTemplate));
     }

package/lib/components/infra/View/View.js.map

@@ -1 +1 @@
-{"version":3,"file":"View.js","sourceRoot":"","sources":["../../../../src/components/infra/View/View.tsx"],"names":[],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\n// import { FieldGroup } from \"@pega/cosmos-react-core\";\n// import { LazyMap as LazyComponentMap } from \"../../components_map\";\n\nimport { SdkComponentMap } from '../../../bridge/helpers/sdk_component_map';\nimport ErrorBoundary from '../ErrorBoundary';\n\nimport { getAllFields } from '../../template/utils';\n\n// Need to import any templates that we might render\n\nimport './View.css';\n//\n// WARNING:  It is not expected that this file should be modified.  It is part of infrastructure code that works with\n// Redux and creation/update of Redux containers and PConnect.  Modifying this code could have undesireable results and\n// is totally at your own risk.\n//\n\nconst FORMTEMPLATES = ['OneColumn', 'TwoColumn', 'DefaultForm', 'WideNarrow', 'NarrowWide'];\n\nexport default function View(props) {\n  const { children, template, getPConnect, mode } = props;\n  let { label, showLabel = false } = props;\n\n  // Get the inherited props from the parent to determine label settings. For 8.6, this is only for embedded data form views\n  // Putting this logic here instead of copy/paste in every Form template index.js\n\n  const inheritedProps = getPConnect().getInheritedProps();\n  label = inheritedProps.label || label;\n  showLabel = inheritedProps.showLabel || showLabel;\n\n  const isEmbeddedDataView = mode === 'editable'; // would be better to check the reference child for `context` attribute if possible\n  if (isEmbeddedDataView && showLabel === undefined) {\n    showLabel = true;\n  }\n\n  // As long as the template is defined in the dependencies of the view\n  // it will be loaded, otherwise fall back to single column\n  //  JA - React SDK not using LazyComponentMap yet\n  if (template /* && LazyComponentMap[template] */) {\n    // const ViewTemplate = LazyComponentMap[template];\n    let ViewTemplate: any;\n\n    if (SdkComponentMap) {\n      // This is the node_modules version of react_pconnect!\n      const theLocalComponent = SdkComponentMap.getLocalComponentMap()[template];\n      if ( theLocalComponent !== undefined) {\n          // eslint-disable-next-line no-console\n          console.log(`View component found ${template}: Local`);\n          ViewTemplate = theLocalComponent\n      } else {\n          const thePegaProvidedComponent = SdkComponentMap.getPegaProvidedComponentMap()[template];\n          if ( thePegaProvidedComponent !== undefined) {\n            // console.log(`View component found ${template}: Pega-provided`);\n            ViewTemplate = thePegaProvidedComponent;\n          } else {\n              // eslint-disable-next-line no-console\n              console.error(`View component can't find template type ${template}`);\n              ViewTemplate = ErrorBoundary;\n          }\n      }\n\n      if (template === \"ListView\") {\n        // special case for ListView - add in a prop\n        const bInForm = true;\n        props = { ...props, bInForm};\n      }\n    } else {\n\n      // eslint-disable-next-line no-console\n      console.warn(`View: SdkComponentMap expected but not found.`)\n\n      // eslint-disable-next-line no-console\n      console.error(`View: Trying to render an unknown template: ${template}`);\n\n    }\n\n    // for debugging/investigation\n    // console.log(`View rendering template: ${template}`);\n\n    // spreading because all props should go to the template\n    let RenderedTemplate = <ViewTemplate {...props}>{children}</ViewTemplate>;\n\n    if (FORMTEMPLATES.includes(template) && showLabel) {\n      // Original:\n      // RenderedTemplate = (\n      //   <FieldGroup name={label} style={{ marginBlockStart: \"1rem\" }}>\n      //     {RenderedTemplate}\n      //   </FieldGroup>\n      // );\n      RenderedTemplate = (\n        <div\n          data-name='RenderedTemplate'\n          data-template-type={template}\n          /* name */ id='label'\n          style={{ marginBlockStart: '1rem' }}\n          className='grid-column'\n        >\n          {RenderedTemplate}\n        </div>\n      );\n    }\n\n    return (\n      <div className='grid-column'>\n        {showLabel && template !== 'SubTabs' && template !== 'SimpleTable' && (\n          <div className='template-title-container'>\n            <span>{label}</span>\n          </div>\n        )}\n        {RenderedTemplate}\n      </div>\n    );\n  }\n\n  // debugging/investigation help\n  // console.log(`View about to render React.Fragment for children: ${children}`);\n\n  if (children) {\n    return <>{children}</>;\n  } else {\n    return <div id='View'>View has no children.</div>;\n  }\n}\n\nView.defaultProps = {\n  label: undefined,\n  showLabel: undefined,\n  mode: undefined\n};\n\nView.propTypes = {\n  children: PropTypes.oneOfType([\n    PropTypes.arrayOf(PropTypes.node),\n    PropTypes.array\n  ]) /* array might be empty */,\n  template: PropTypes.string /* .isRequired */,\n  getPConnect: PropTypes.func.isRequired,\n  label: PropTypes.string,\n  showLabel: PropTypes.bool,\n  mode: PropTypes.string,\n  title: PropTypes.string\n};\n\n// Adapted from Nebula/Constellation to add in additional props for some templates\nView.additionalProps = (state, getPConnect) => {\n  const thePConn = getPConnect();\n  const { template } = thePConn.getConfigProps();\n\n  let propObj = {};\n  let allFields = {};\n\n  switch (template) {\n    case 'CaseSummary':\n      allFields = getAllFields(thePConn);\n      // eslint-disable-next-line no-case-declarations\n      const unresFields = {\n        primaryFields: allFields[0],\n        secondaryFields: allFields[1]\n      };\n      propObj = thePConn.resolveConfigProps(unresFields);\n      break;\n\n    case 'Details':\n      allFields = getAllFields(thePConn);\n      propObj = { fields: allFields[0] };\n      break;\n\n    default:\n      break;\n  }\n\n  return propObj;\n};\n"]}
+{"version":3,"file":"View.js","sourceRoot":"","sources":["../../../../src/components/infra/View/View.tsx"],"names":[],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\n// import { FieldGroup } from \"@pega/cosmos-react-core\";\n// import { LazyMap as LazyComponentMap } from \"../../components_map\";\n\nimport { SdkComponentMap } from '../../../bridge/helpers/sdk_component_map';\nimport ErrorBoundary from '../ErrorBoundary';\n\nimport { getAllFields } from '../../template/utils';\n\n// Need to import any templates that we might render\n\nimport './View.css';\n//\n// WARNING:  It is not expected that this file should be modified.  It is part of infrastructure code that works with\n// Redux and creation/update of Redux containers and PConnect.  Modifying this code could have undesireable results and\n// is totally at your own risk.\n//\n\nconst FORMTEMPLATES = ['OneColumn', 'TwoColumn', 'DefaultForm', 'WideNarrow', 'NarrowWide'];\n\nexport default function View(props) {\n  const { children, template, getPConnect, mode } = props;\n  let { label, showLabel = false } = props;\n\n  // Get the inherited props from the parent to determine label settings. For 8.6, this is only for embedded data form views\n  // Putting this logic here instead of copy/paste in every Form template index.js\n\n  const inheritedProps = getPConnect().getInheritedProps();\n  label = inheritedProps.label || label;\n  showLabel = inheritedProps.showLabel || showLabel;\n\n  const isEmbeddedDataView = mode === 'editable'; // would be better to check the reference child for `context` attribute if possible\n  if (isEmbeddedDataView && showLabel === undefined) {\n    showLabel = true;\n  }\n\n  // As long as the template is defined in the dependencies of the view\n  // it will be loaded, otherwise fall back to single column\n  //  JA - React SDK not using LazyComponentMap yet\n  if (template /* && LazyComponentMap[template] */) {\n    // const ViewTemplate = LazyComponentMap[template];\n    let ViewTemplate: any;\n\n    if (SdkComponentMap) {\n      // This is the node_modules version of react_pconnect!\n      const theLocalComponent = SdkComponentMap.getLocalComponentMap()[template];\n      if ( theLocalComponent !== undefined) {\n          // eslint-disable-next-line no-console\n          console.log(`View component found ${template}: Local`);\n          ViewTemplate = theLocalComponent\n      } else {\n          const thePegaProvidedComponent = SdkComponentMap.getPegaProvidedComponentMap()[template];\n          if ( thePegaProvidedComponent !== undefined) {\n            // console.log(`View component found ${template}: Pega-provided`);\n            ViewTemplate = thePegaProvidedComponent;\n          } else {\n              // eslint-disable-next-line no-console\n              console.error(`View component can't find template type ${template}`);\n              ViewTemplate = ErrorBoundary;\n          }\n      }\n\n      if (template === \"ListView\") {\n        // special case for ListView - add in a prop\n        const bInForm = true;\n        props = { ...props, bInForm};\n      }\n    } else {\n\n      // eslint-disable-next-line no-console\n      console.warn(`View: SdkComponentMap expected but not found.`)\n\n      // eslint-disable-next-line no-console\n      console.error(`View: Trying to render an unknown template: ${template}`);\n\n    }\n\n    // for debugging/investigation\n    // console.log(`View rendering template: ${template}`);\n\n    // spreading because all props should go to the template\n    let RenderedTemplate = <ViewTemplate {...props}>{children}</ViewTemplate>;\n\n    if (FORMTEMPLATES.includes(template) && showLabel) {\n      // Original:\n      // RenderedTemplate = (\n      //   <FieldGroup name={label} style={{ marginBlockStart: \"1rem\" }}>\n      //     {RenderedTemplate}\n      //   </FieldGroup>\n      // );\n      RenderedTemplate = (\n        <div\n          data-name='RenderedTemplate'\n          data-template-type={template}\n          /* name */ id='label'\n          style={{ marginBlockStart: '1rem' }}\n          className='grid-column'\n        >\n          {RenderedTemplate}\n        </div>\n      );\n    }\n\n    return (\n      <div className='grid-column'>\n        {showLabel && template !== 'SubTabs' && template !== 'SimpleTable' && template !== 'Details' && (\n          <div className='template-title-container'>\n            <span>{label}</span>\n          </div>\n        )}\n        {RenderedTemplate}\n      </div>\n    );\n  }\n\n  // debugging/investigation help\n  // console.log(`View about to render React.Fragment for children: ${children}`);\n\n  if (children) {\n    return <>{children}</>;\n  } else {\n    return <div id='View'>View has no children.</div>;\n  }\n}\n\nView.defaultProps = {\n  label: undefined,\n  showLabel: undefined,\n  mode: undefined\n};\n\nView.propTypes = {\n  children: PropTypes.oneOfType([\n    PropTypes.arrayOf(PropTypes.node),\n    PropTypes.array\n  ]) /* array might be empty */,\n  template: PropTypes.string /* .isRequired */,\n  getPConnect: PropTypes.func.isRequired,\n  label: PropTypes.string,\n  showLabel: PropTypes.bool,\n  mode: PropTypes.string,\n  title: PropTypes.string\n};\n\n// Adapted from Nebula/Constellation to add in additional props for some templates\nView.additionalProps = (state, getPConnect) => {\n  const thePConn = getPConnect();\n  const { template } = thePConn.getConfigProps();\n\n  let propObj = {};\n  let allFields = {};\n\n  switch (template) {\n    case 'CaseSummary':\n      allFields = getAllFields(thePConn);\n      // eslint-disable-next-line no-case-declarations\n      const unresFields = {\n        primaryFields: allFields[0],\n        secondaryFields: allFields[1]\n      };\n      propObj = thePConn.resolveConfigProps(unresFields);\n      break;\n\n    case 'Details':\n      allFields = getAllFields(thePConn);\n      propObj = { fields: allFields[0] };\n      break;\n\n    default:\n      break;\n  }\n\n  return propObj;\n};\n"]}

package/lib/components/template/Details/Details/Details.d.ts

@@ -1,8 +1,16 @@
 /// <reference types="react" />
+import PropTypes from 'prop-types';
 declare function Details(props: any): JSX.Element;
 declare namespace Details {
-    var defaultProps: {};
-    var propTypes: {};
+    var defaultProps: {
+        label: undefined;
+        showLabel: boolean;
+    };
+    var propTypes: {
+        showLabel: PropTypes.Requireable<boolean>;
+        label: PropTypes.Requireable<string>;
+        getPConnect: PropTypes.Validator<(...args: any[]) => any>;
+    };
 }
 export default Details;
 //# sourceMappingURL=Details.d.ts.map

package/lib/components/template/Details/Details/Details.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Details.d.ts","sourceRoot":"","sources":["../../../../../src/components/template/Details/Details/Details.tsx"],"names":[],"mappings":";AAKA,iBAAwB,OAAO,CAAC,KAAK,KAAA,eAqBpC;kBArBuB,OAAO;;;;eAAP,OAAO"}
+{"version":3,"file":"Details.d.ts","sourceRoot":"","sources":["../../../../../src/components/template/Details/Details/Details.tsx"],"names":[],"mappings":";AACA,OAAO,SAAS,MAAM,YAAY,CAAC;AAInC,iBAAwB,OAAO,CAAC,KAAK,KAAA,eA6BpC;kBA7BuB,OAAO;;;;;;;;;;;eAAP,OAAO"}

package/lib/components/template/Details/Details/Details.js

@@ -1,10 +1,12 @@
-import React from "react";
-// import PropTypes from "prop-types";
+import React from 'react';
+import PropTypes from 'prop-types';
 import Grid from '@material-ui/core/Grid';
 import DetailsFields from '../../../designSystemExtension/DetailsFields';
 export default function Details(props) {
-    const { children } = props;
+    const { children, label, showLabel, getPConnect } = props;
     const arFields = [];
+    // Get the inherited props from the parent to determine label settings
+    const propsToUse = { label, showLabel, ...getPConnect().getInheritedProps() };
     for (const child of children) {
         const theChildPConn = child.props.getPConnect();
         theChildPConn.setInheritedProp('displayMode', 'LABELS_LEFT');
@@ -12,15 +14,20 @@ export default function Details(props) {
         const theChildrenOfChild = theChildPConn.getChildren();
         arFields.push(theChildrenOfChild);
     }
-    return (React.createElement("div", { id: "DetailsOneColumn" },
+    return (React.createElement("div", { id: 'DetailsOneColumn' },
+        propsToUse.showLabel && (React.createElement("div", { className: 'template-title-container' },
+            React.createElement("span", null, propsToUse.label))),
         React.createElement(Grid, { container: true, spacing: 1 },
             React.createElement(Grid, { item: true, xs: 12 },
                 React.createElement(DetailsFields, { fields: arFields[0] })))));
 }
 Details.defaultProps = {
-// children: []
+    label: undefined,
+    showLabel: true
 };
 Details.propTypes = {
-// children: PropTypes.arrayOf(PropTypes.node)
+    showLabel: PropTypes.bool,
+    label: PropTypes.string,
+    getPConnect: PropTypes.func.isRequired
 };
 //# sourceMappingURL=Details.js.map

package/lib/components/template/Details/Details/Details.js.map

@@ -1 +1 @@
-{"version":3,"file":"Details.js","sourceRoot":"","sources":["../../../../../src/components/template/Details/Details/Details.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,sCAAsC;AACtC,OAAO,IAAI,MAAM,wBAAwB,CAAC;AAC1C,OAAO,aAAa,MAAM,8CAA8C,CAAC;AAEzE,MAAM,CAAC,OAAO,UAAU,OAAO,CAAC,KAAK;IACnC,MAAM,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;IAC3B,MAAM,QAAQ,GAAe,EAAE,CAAC;IAEhC,KAAK,MAAM,KAAK,IAAI,QAAQ,EAAE;QAC5B,MAAM,aAAa,GAAG,KAAK,CAAC,KAAK,CAAC,WAAW,EAAE,CAAC;QAChD,aAAa,CAAC,gBAAgB,CAAC,aAAa,EAAE,aAAa,CAAC,CAAC;QAC7D,aAAa,CAAC,gBAAgB,CAAC,UAAU,EAAE,IAAI,CAAC,CAAC;QACjD,MAAM,kBAAkB,GAAG,aAAa,CAAC,WAAW,EAAE,CAAC;QACvD,QAAQ,CAAC,IAAI,CAAC,kBAAkB,CAAC,CAAC;KACnC;IAED,OAAO,CACH,6BAAK,EAAE,EAAC,kBAAkB;QACxB,oBAAC,IAAI,IAAC,SAAS,QAAC,OAAO,EAAE,CAAC;YACxB,oBAAC,IAAI,IAAC,IAAI,QAAC,EAAE,EAAE,EAAE;gBACf,oBAAC,aAAa,IAAC,MAAM,EAAE,QAAQ,CAAC,CAAC,CAAC,GAAI,CACjC,CACF,CACH,CACP,CAAC;AACN,CAAC;AAED,OAAO,CAAC,YAAY,GAAG;AACrB,eAAe;CAChB,CAAA;AAED,OAAO,CAAC,SAAS,GAAG;AAClB,8CAA8C;CAC/C,CAAC","sourcesContent":["import React from \"react\";\n// import PropTypes from \"prop-types\";\nimport Grid from '@material-ui/core/Grid';\nimport DetailsFields from '../../../designSystemExtension/DetailsFields';\n\nexport default function Details(props) {\n  const { children } = props;\n  const arFields: Array<any> = [];\n\n  for (const child of children) {\n    const theChildPConn = child.props.getPConnect();\n    theChildPConn.setInheritedProp('displayMode', 'LABELS_LEFT');\n    theChildPConn.setInheritedProp('readOnly', true);\n    const theChildrenOfChild = theChildPConn.getChildren();\n    arFields.push(theChildrenOfChild);\n  }\n\n  return (\n      <div id=\"DetailsOneColumn\">\n        <Grid container spacing={1}>\n          <Grid item xs={12}>\n            <DetailsFields fields={arFields[0]} />\n          </Grid>\n        </Grid>\n      </div>\n    );\n}\n\nDetails.defaultProps = {\n  // children: []\n}\n\nDetails.propTypes = {\n  // children: PropTypes.arrayOf(PropTypes.node)\n};\n"]}
+{"version":3,"file":"Details.js","sourceRoot":"","sources":["../../../../../src/components/template/Details/Details/Details.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,SAAS,MAAM,YAAY,CAAC;AACnC,OAAO,IAAI,MAAM,wBAAwB,CAAC;AAC1C,OAAO,aAAa,MAAM,8CAA8C,CAAC;AAEzE,MAAM,CAAC,OAAO,UAAU,OAAO,CAAC,KAAK;IACnC,MAAM,EAAE,QAAQ,EAAE,KAAK,EAAE,SAAS,EAAE,WAAW,EAAE,GAAG,KAAK,CAAC;IAC1D,MAAM,QAAQ,GAAe,EAAE,CAAC;IAEhC,sEAAsE;IACtE,MAAM,UAAU,GAAG,EAAE,KAAK,EAAE,SAAS,EAAE,GAAG,WAAW,EAAE,CAAC,iBAAiB,EAAE,EAAE,CAAC;IAE9E,KAAK,MAAM,KAAK,IAAI,QAAQ,EAAE;QAC5B,MAAM,aAAa,GAAG,KAAK,CAAC,KAAK,CAAC,WAAW,EAAE,CAAC;QAChD,aAAa,CAAC,gBAAgB,CAAC,aAAa,EAAE,aAAa,CAAC,CAAC;QAC7D,aAAa,CAAC,gBAAgB,CAAC,UAAU,EAAE,IAAI,CAAC,CAAC;QACjD,MAAM,kBAAkB,GAAG,aAAa,CAAC,WAAW,EAAE,CAAC;QACvD,QAAQ,CAAC,IAAI,CAAC,kBAAkB,CAAC,CAAC;KACnC;IAED,OAAO,CACL,6BAAK,EAAE,EAAC,kBAAkB;QACvB,UAAU,CAAC,SAAS,IAAI,CACvB,6BAAK,SAAS,EAAC,0BAA0B;YACvC,kCAAO,UAAU,CAAC,KAAK,CAAQ,CAC3B,CACP;QACD,oBAAC,IAAI,IAAC,SAAS,QAAC,OAAO,EAAE,CAAC;YACxB,oBAAC,IAAI,IAAC,IAAI,QAAC,EAAE,EAAE,EAAE;gBACf,oBAAC,aAAa,IAAC,MAAM,EAAE,QAAQ,CAAC,CAAC,CAAC,GAAI,CACjC,CACF,CACH,CACP,CAAC;AACJ,CAAC;AAED,OAAO,CAAC,YAAY,GAAG;IACrB,KAAK,EAAE,SAAS;IAChB,SAAS,EAAE,IAAI;CAChB,CAAC;AAEF,OAAO,CAAC,SAAS,GAAG;IAClB,SAAS,EAAE,SAAS,CAAC,IAAI;IACzB,KAAK,EAAE,SAAS,CAAC,MAAM;IACvB,WAAW,EAAE,SAAS,CAAC,IAAI,CAAC,UAAU;CACvC,CAAC","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport Grid from '@material-ui/core/Grid';\nimport DetailsFields from '../../../designSystemExtension/DetailsFields';\n\nexport default function Details(props) {\n  const { children, label, showLabel, getPConnect } = props;\n  const arFields: Array<any> = [];\n\n  // Get the inherited props from the parent to determine label settings\n  const propsToUse = { label, showLabel, ...getPConnect().getInheritedProps() };\n\n  for (const child of children) {\n    const theChildPConn = child.props.getPConnect();\n    theChildPConn.setInheritedProp('displayMode', 'LABELS_LEFT');\n    theChildPConn.setInheritedProp('readOnly', true);\n    const theChildrenOfChild = theChildPConn.getChildren();\n    arFields.push(theChildrenOfChild);\n  }\n\n  return (\n    <div id='DetailsOneColumn'>\n      {propsToUse.showLabel && (\n        <div className='template-title-container'>\n          <span>{propsToUse.label}</span>\n        </div>\n      )}\n      <Grid container spacing={1}>\n        <Grid item xs={12}>\n          <DetailsFields fields={arFields[0]} />\n        </Grid>\n      </Grid>\n    </div>\n  );\n}\n\nDetails.defaultProps = {\n  label: undefined,\n  showLabel: true\n};\n\nDetails.propTypes = {\n  showLabel: PropTypes.bool,\n  label: PropTypes.string,\n  getPConnect: PropTypes.func.isRequired\n};\n"]}

package/lib/components/template/FieldGroupTemplate/FieldGroupTemplate.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FieldGroupTemplate.d.ts","sourceRoot":"","sources":["../../../../src/components/template/FieldGroupTemplate/FieldGroupTemplate.tsx"],"names":[],"mappings":";AAEA,OAAO,SAAS,MAAM,YAAY,CAAC;AAQnC,iBAAwB,kBAAkB,CAAC,KAAK,KAAA,eA8E/C;kBA9EuB,kBAAkB;;;;;;;;;;;;;;;;;eAAlB,kBAAkB"}
+{"version":3,"file":"FieldGroupTemplate.d.ts","sourceRoot":"","sources":["../../../../src/components/template/FieldGroupTemplate/FieldGroupTemplate.tsx"],"names":[],"mappings":";AAEA,OAAO,SAAS,MAAM,YAAY,CAAC;AAQnC,iBAAwB,kBAAkB,CAAC,KAAK,KAAA,eAkF/C;kBAlFuB,kBAAkB;;;;;;;;;;;;;;;;;eAAlB,kBAAkB"}

package/lib/components/template/FieldGroupTemplate/FieldGroupTemplate.js

@@ -54,9 +54,7 @@ export default function FieldGroupTemplate(props) {
     }
     pConn.setInheritedProp('displayMode', 'LABELS_LEFT');
     const memoisedReadOnlyList = useMemo(() => {
-        return referenceList.map((item, index) => (
-        // eslint-disable-next-line react/no-array-index-key
-        React.createElement(FieldGroup, { item: item, key: index, name: `${HEADING} ${index + 1}` })));
+        return referenceList.map((item, index) => (React.createElement(FieldGroup, { key: item[heading], name: fieldHeader === 'propertyRef' ? getDynamicHeaderProp(item, index) : `${HEADING} ${index + 1}` }, buildView(pConn, index, lookForChildInConfig))));
     }, []);
     return React.createElement("div", null, memoisedReadOnlyList);
 }

package/lib/components/template/FieldGroupTemplate/FieldGroupTemplate.js.map

@@ -1 +1 @@
-{"version":3,"file":"FieldGroupTemplate.js","sourceRoot":"","sources":["../../../../src/components/template/FieldGroupTemplate/FieldGroupTemplate.tsx"],"names":[],"mappings":"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","sourcesContent":["/* eslint-disable react-hooks/rules-of-hooks */\nimport React, { useMemo } from 'react';\nimport PropTypes from 'prop-types';\n\nimport FieldGroup from '../../designSystemExtension/FieldGroup';\nimport FieldGroupList from '../../designSystemExtension/FieldGroupList';\nimport { getReferenceList, buildView } from '../../helpers/field-group-utils';\n\ndeclare const PCore: any;\n\nexport default function FieldGroupTemplate(props) {\n  const {\n    referenceList,\n    renderMode,\n    contextClass,\n    getPConnect,\n    lookForChildInConfig,\n    heading,\n    displayMode,\n    fieldHeader,\n    allowTableEdit: allowAddEdit\n  } = props;\n  const pConn = getPConnect();\n  const resolvedList = getReferenceList(pConn);\n  pConn.setReferenceList(resolvedList);\n  const pageReference = `${pConn.getPageReference()}${resolvedList}`;\n  const isReadonlyMode = renderMode === 'ReadOnly' || displayMode === 'LABELS_LEFT';\n  const HEADING = heading ?? 'Row';\n\n  const getDynamicHeaderProp = (item, index) => {\n    if (fieldHeader === 'propertyRef' && heading && item[heading.substring(1)]) {\n      return item[heading.substring(1)];\n    }\n    return `Row ${index + 1}`;\n  };\n\n  const addRecord = () => {\n    if (PCore.getPCoreVersion()?.includes('8.7')) {\n      pConn.getListActions().insert({ classID: contextClass }, referenceList.length, pageReference);\n    } else {\n      pConn.getListActions().insert({ classID: contextClass }, referenceList.length);\n    }\n  };\n\n  if (!isReadonlyMode) {\n    const addFieldGroupItem = () => {\n      addRecord();\n    };\n    const deleteFieldGroupItem = index => {\n      if (PCore.getPCoreVersion()?.includes('8.7')) {\n        pConn.getListActions().deleteEntry(index, pageReference);\n      } else {\n        pConn.getListActions().deleteEntry(index);\n      }\n    };\n    if (referenceList.length === 0 && allowAddEdit !== false) {\n      addFieldGroupItem();\n    }\n\n    const MemoisedChildren = useMemo(() => {\n      return referenceList.map((item, index) => ({\n        id: index,\n        name:\n          fieldHeader === 'propertyRef'\n            ? getDynamicHeaderProp(item, index)\n            : `${HEADING} ${index + 1}`,\n        children: buildView(pConn, index, lookForChildInConfig)\n      }));\n    }, [referenceList?.length]);\n\n    return (\n      <FieldGroupList\n        items={MemoisedChildren}\n        onAdd={allowAddEdit !== false ? addFieldGroupItem : undefined}\n        onDelete={allowAddEdit !== false ? deleteFieldGroupItem : undefined}\n      />\n    );\n  }\n\n  pConn.setInheritedProp('displayMode', 'LABELS_LEFT');\n  const memoisedReadOnlyList = useMemo(() => {\n    return referenceList.map((item, index) => (\n      // eslint-disable-next-line react/no-array-index-key\n      <FieldGroup item={item} key={index} name={`${HEADING} ${index + 1}`} />\n    ));\n  }, []);\n\n  return <div>{memoisedReadOnlyList}</div>;\n}\n\nFieldGroupTemplate.defaultProps = {\n  referenceList: [],\n  heading: undefined,\n  contextClass: null,\n  displayMode: undefined\n};\n\nFieldGroupTemplate.propTypes = {\n  referenceList: PropTypes.arrayOf(Object),\n  contextClass: PropTypes.string,\n  getPConnect: PropTypes.func.isRequired,\n  renderMode: PropTypes.string.isRequired,\n  heading: PropTypes.string,\n  lookForChildInConfig: PropTypes.bool,\n  displayMode: PropTypes.string\n};\n"]}
+{"version":3,"file":"FieldGroupTemplate.js","sourceRoot":"","sources":["../../../../src/components/template/FieldGroupTemplate/FieldGroupTemplate.tsx"],"names":[],"mappings":"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","sourcesContent":["/* eslint-disable react-hooks/rules-of-hooks */\nimport React, { useMemo } from 'react';\nimport PropTypes from 'prop-types';\n\nimport FieldGroup from '../../designSystemExtension/FieldGroup';\nimport FieldGroupList from '../../designSystemExtension/FieldGroupList';\nimport { getReferenceList, buildView } from '../../helpers/field-group-utils';\n\ndeclare const PCore: any;\n\nexport default function FieldGroupTemplate(props) {\n  const {\n    referenceList,\n    renderMode,\n    contextClass,\n    getPConnect,\n    lookForChildInConfig,\n    heading,\n    displayMode,\n    fieldHeader,\n    allowTableEdit: allowAddEdit\n  } = props;\n  const pConn = getPConnect();\n  const resolvedList = getReferenceList(pConn);\n  pConn.setReferenceList(resolvedList);\n  const pageReference = `${pConn.getPageReference()}${resolvedList}`;\n  const isReadonlyMode = renderMode === 'ReadOnly' || displayMode === 'LABELS_LEFT';\n  const HEADING = heading ?? 'Row';\n\n  const getDynamicHeaderProp = (item, index) => {\n    if (fieldHeader === 'propertyRef' && heading && item[heading.substring(1)]) {\n      return item[heading.substring(1)];\n    }\n    return `Row ${index + 1}`;\n  };\n\n  const addRecord = () => {\n    if (PCore.getPCoreVersion()?.includes('8.7')) {\n      pConn.getListActions().insert({ classID: contextClass }, referenceList.length, pageReference);\n    } else {\n      pConn.getListActions().insert({ classID: contextClass }, referenceList.length);\n    }\n  };\n\n  if (!isReadonlyMode) {\n    const addFieldGroupItem = () => {\n      addRecord();\n    };\n    const deleteFieldGroupItem = index => {\n      if (PCore.getPCoreVersion()?.includes('8.7')) {\n        pConn.getListActions().deleteEntry(index, pageReference);\n      } else {\n        pConn.getListActions().deleteEntry(index);\n      }\n    };\n    if (referenceList.length === 0 && allowAddEdit !== false) {\n      addFieldGroupItem();\n    }\n\n    const MemoisedChildren = useMemo(() => {\n      return referenceList.map((item, index) => ({\n        id: index,\n        name:\n          fieldHeader === 'propertyRef'\n            ? getDynamicHeaderProp(item, index)\n            : `${HEADING} ${index + 1}`,\n        children: buildView(pConn, index, lookForChildInConfig)\n      }));\n    }, [referenceList?.length]);\n\n    return (\n      <FieldGroupList\n        items={MemoisedChildren}\n        onAdd={allowAddEdit !== false ? addFieldGroupItem : undefined}\n        onDelete={allowAddEdit !== false ? deleteFieldGroupItem : undefined}\n      />\n    );\n  }\n\n  pConn.setInheritedProp('displayMode', 'LABELS_LEFT');\n  const memoisedReadOnlyList = useMemo(() => {\n    return referenceList.map((item, index) => (\n      <FieldGroup\n        key={item[heading]}\n        name={fieldHeader === 'propertyRef' ? getDynamicHeaderProp(item, index) : `${HEADING} ${index + 1}`}\n      >\n        {buildView(pConn, index, lookForChildInConfig)}\n      </FieldGroup>\n    ));\n  }, []);\n\n  return <div>{memoisedReadOnlyList}</div>;\n}\n\nFieldGroupTemplate.defaultProps = {\n  referenceList: [],\n  heading: undefined,\n  contextClass: null,\n  displayMode: undefined\n};\n\nFieldGroupTemplate.propTypes = {\n  referenceList: PropTypes.arrayOf(Object),\n  contextClass: PropTypes.string,\n  getPConnect: PropTypes.func.isRequired,\n  renderMode: PropTypes.string.isRequired,\n  heading: PropTypes.string,\n  lookForChildInConfig: PropTypes.bool,\n  displayMode: PropTypes.string\n};\n"]}

package/lib/components/template/ListView/ListView.js

@@ -35,7 +35,7 @@ import IconButton from '@material-ui/core/IconButton';
 import CloseIcon from '@material-ui/icons/Close';
 import { Radio } from '@material-ui/core';
 import Checkbox from '@material-ui/core/Checkbox';
-import { filterData } from '../SimpleTable/simpleTableHelpers';
+import { filterData } from '../../helpers/simpleTableHelpers';
 import './ListView.css';
 const SELECTION_MODE = { SINGLE: 'single', MULTI: 'multi' };
 let myRows;