@pega/react-sdk-components 8.23.11 → 23.1.11

package/lib/components/template/Confirmation/Confirmation.js

@@ -1,13 +1,9 @@
-/* eslint-disable @typescript-eslint/no-unused-vars */
-/* eslint-disable no-unused-vars */
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 /* eslint-disable no-nested-ternary */
 import { useState } from 'react';
-import PropTypes from 'prop-types';
-import React from 'react';
-import { getToDoAssignments } from '../../infra/Containers/FlowContainer/helpers';
-import ToDo from '../../widget/ToDo';
-import Details from '../Details/Details';
 import { Button, Card, makeStyles } from '@material-ui/core';
+import { getToDoAssignments } from '../../infra/Containers/FlowContainer/helpers';
+import { getComponentFromMap } from '../../../bridge/helpers/sdk_component_map';
 const useStyles = makeStyles(theme => ({
     root: {
         paddingRight: theme.spacing(1),
@@ -21,14 +17,17 @@ const useStyles = makeStyles(theme => ({
     }
 }));
 export default function Confirmation(props) {
+    // Get emitted components from map (so we can get any override that may exist)
+    const ToDo = getComponentFromMap('Todo'); // NOTE: ConstellationJS Engine uses "Todo" and not "ToDo"!!!
+    const Details = getComponentFromMap('Details');
     const classes = useStyles();
     const CONSTS = PCore.getConstants();
     const [showConfirmView, setShowConfirmView] = useState(true);
-    const { showTasks, getPConnect, datasource } = props;
+    const { showTasks, getPConnect } = props;
     // Get the inherited props from the parent to determine label settings
     // Not using whatsNext at the moment, need to figure out the use of it
-    const whatsNext = datasource?.source;
-    const items = whatsNext.length > 0 ? whatsNext.map(item => item.label) : '';
+    // const whatsNext = datasource?.source;
+    // const items = whatsNext.length > 0 ? whatsNext.map(item => item.label) : '';
     const activeContainerItemID = PCore.getContainerUtils().getActiveContainerItemName(getPConnect().getTarget());
     const rootInfo = PCore.getContainerUtils().getContainerItemData(getPConnect().getTarget(), activeContainerItemID);
     const onConfirmViewClose = () => {
@@ -39,23 +38,6 @@ export default function Confirmation(props) {
     const toDoList = getToDoAssignments(getPConnect());
     const detailProps = { ...props, showLabel: false };
     const showDetails = detailProps?.children?.[0]?.props?.getPConnect()?.getChildren()?.length > 0;
-    return showConfirmView ? (React.createElement(Card, { className: classes.root },
-        React.createElement("h2", { id: 'confirm-label' }, props.showLabel ? props.label : ''),
-        showDetails ? React.createElement(Details, { ...detailProps }) : undefined,
-        showTasks ? (toDoList && toDoList.length > 0 ? (React.createElement(ToDo, { ...todoProps, datasource: { source: toDoList }, getPConnect: getPConnect, type: CONSTS.TODO, headerText: 'Open Tasks', isConfirm: true })) : undefined) : undefined,
-        React.createElement("div", { style: { display: 'flex', justifyContent: 'flex-end' } },
-            React.createElement(Button, { variant: 'contained', color: 'primary', onClick: onConfirmViewClose }, "Done")))) : toDoList && toDoList.length > 0 ? (React.createElement(Card, { className: classes.root },
-        React.createElement(ToDo, { ...props, datasource: { source: toDoList }, getPConnect: getPConnect, type: CONSTS.TODO, headerText: 'Tasks', isConfirm: true }))) : null;
+    return showConfirmView ? (_jsxs(Card, { className: classes.root, children: [_jsx("h2", { id: 'confirm-label', children: props.showLabel ? props.label : '' }), showDetails ? _jsx(Details, { ...detailProps }) : undefined, showTasks ? (toDoList && toDoList.length > 0 ? (_jsx(ToDo, { ...todoProps, datasource: { source: toDoList }, getPConnect: getPConnect, type: CONSTS.TODO, headerText: 'Open Tasks', isConfirm: true })) : undefined) : undefined, _jsx("div", { style: { display: 'flex', justifyContent: 'flex-end' }, children: _jsx(Button, { variant: 'contained', color: 'primary', onClick: onConfirmViewClose, children: "Done" }) })] })) : toDoList && toDoList.length > 0 ? (_jsx(Card, { className: classes.root, children: _jsx(ToDo, { ...props, datasource: { source: toDoList }, getPConnect: getPConnect, type: CONSTS.TODO, headerText: 'Tasks', isConfirm: true }) })) : null;
 }
-Confirmation.defaultProps = {
-    datasource: undefined,
-    label: '',
-    showLabel: true
-};
-Confirmation.propTypes = {
-    getPConnect: PropTypes.func.isRequired,
-    datasource: PropTypes.objectOf(PropTypes.any),
-    label: PropTypes.string,
-    showLabel: PropTypes.bool
-};
 //# sourceMappingURL=Confirmation.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Confirmation.js","sourceRoot":"","sources":["../../../../src/components/template/Confirmation/Confirmation.tsx"],"names":[],"mappings":"AAAA,sDAAsD;AACtD,mCAAmC;AACnC,sCAAsC;AACtC,OAAO,EAAY,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC3C,OAAO,SAAS,MAAM,YAAY,CAAC;AACnC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,kBAAkB,EAAE,MAAM,8CAA8C,CAAC;AAClF,OAAO,IAAI,MAAM,mBAAmB,CAAC;AACrC,OAAO,OAAO,MAAM,oBAAoB,CAAC;AACzC,OAAO,EAAE,MAAM,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAO7D,MAAM,SAAS,GAAG,UAAU,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC;IACrC,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;CACF,CAAC,CAAC,CAAC;AAEJ,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,KAAK;IACxC,MAAM,OAAO,GAAG,SAAS,EAAE,CAAC;IAC5B,MAAM,MAAM,GAAG,KAAK,CAAC,YAAY,EAAE,CAAC;IACpC,MAAM,CAAC,eAAe,EAAE,kBAAkB,CAAC,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAC;IAC7D,MAAM,EAAE,SAAS,EAAE,WAAW,EAAE,UAAU,EAAE,GAAG,KAAK,CAAC;IACrD,sEAAsE;IACtE,sEAAsE;IACtE,MAAM,SAAS,GAAG,UAAU,EAAE,MAAM,CAAC;IACrC,MAAM,KAAK,GAAG,SAAS,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;IAC5E,MAAM,qBAAqB,GAAG,KAAK,CAAC,iBAAiB,EAAE,CAAC,0BAA0B,CAChF,WAAW,EAAE,CAAC,SAAS,EAAE,CAC1B,CAAC;IACF,MAAM,QAAQ,GAAG,KAAK,CAAC,iBAAiB,EAAE,CAAC,oBAAoB,CAC7D,WAAW,EAAE,CAAC,SAAS,EAAE,EACzB,qBAAqB,CACtB,CAAC;IACF,MAAM,kBAAkB,GAAG,GAAG,EAAE;QAC9B,kBAAkB,CAAC,KAAK,CAAC,CAAC;QAC1B,KAAK,CAAC,cAAc,EAAE,CAAC,OAAO,CAC5B,KAAK,CAAC,YAAY,EAAE,CAAC,cAAc,CAAC,WAAW,CAAC,kBAAkB,EAClE,QAAQ,CACT,CAAC;IACJ,CAAC,CAAC;IACF,MAAM,SAAS,GAAG,EAAE,GAAG,KAAK,EAAE,mBAAmB,EAAE,IAAI,EAAE,CAAC;IAC1D,MAAM,QAAQ,GAAG,kBAAkB,CAAC,WAAW,EAAE,CAAC,CAAC;IACnD,MAAM,WAAW,GAAG,EAAE,GAAG,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,CAAC;IACnD,MAAM,WAAW,GAAG,WAAW,EAAE,QAAQ,EAAE,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,WAAW,EAAE,EAAE,WAAW,EAAE,EAAE,MAAM,GAAG,CAAC,CAAC;IAChG,OAAO,eAAe,CAAC,CAAC,CAAC,CACvB,oBAAC,IAAI,IAAC,SAAS,EAAE,OAAO,CAAC,IAAI;QAC3B,4BAAI,EAAE,EAAC,eAAe,IAAE,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,CAAM;QAC/D,WAAW,CAAC,CAAC,CAAC,oBAAC,OAAO,OAAK,WAAW,GAAI,CAAC,CAAC,CAAC,SAAS;QACtD,SAAS,CAAC,CAAC,CAAC,CACX,QAAQ,IAAI,QAAQ,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,CAChC,oBAAC,IAAI,OACC,SAAS,EACb,UAAU,EAAE,EAAE,MAAM,EAAE,QAAQ,EAAE,EAChC,WAAW,EAAE,WAAW,EACxB,IAAI,EAAE,MAAM,CAAC,IAAI,EACjB,UAAU,EAAC,YAAY,EACvB,SAAS,SACT,CACH,CAAC,CAAC,CAAC,SAAS,CACd,CAAC,CAAC,CAAC,SAAS;QACb,6BAAK,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,UAAU,EAAE;YACzD,oBAAC,MAAM,IAAC,OAAO,EAAC,WAAW,EAAC,KAAK,EAAC,SAAS,EAAC,OAAO,EAAE,kBAAkB,WAE9D,CACL,CACD,CACR,CAAC,CAAC,CAAC,QAAQ,IAAI,QAAQ,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,CACpC,oBAAC,IAAI,IAAC,SAAS,EAAE,OAAO,CAAC,IAAI;QAC3B,oBAAC,IAAI,OACC,KAAK,EACT,UAAU,EAAE,EAAE,MAAM,EAAE,QAAQ,EAAE,EAChC,WAAW,EAAE,WAAW,EACxB,IAAI,EAAE,MAAM,CAAC,IAAI,EACjB,UAAU,EAAC,OAAO,EAClB,SAAS,SACT,CACG,CACR,CAAC,CAAC,CAAC,IAAI,CAAC;AACX,CAAC;AAED,YAAY,CAAC,YAAY,GAAG;IAC1B,UAAU,EAAE,SAAS;IACrB,KAAK,EAAE,EAAE;IACT,SAAS,EAAE,IAAI;CAChB,CAAC;AAEF,YAAY,CAAC,SAAS,GAAG;IACvB,WAAW,EAAE,SAAS,CAAC,IAAI,CAAC,UAAU;IACtC,UAAU,EAAE,SAAS,CAAC,QAAQ,CAAC,SAAS,CAAC,GAAG,CAAC;IAC7C,KAAK,EAAE,SAAS,CAAC,MAAM;IACvB,SAAS,EAAE,SAAS,CAAC,IAAI;CAC1B,CAAC","sourcesContent":["/* eslint-disable @typescript-eslint/no-unused-vars */\n/* eslint-disable no-unused-vars */\n/* eslint-disable no-nested-ternary */\nimport { Fragment, useState } from 'react';\nimport PropTypes from 'prop-types';\nimport React from 'react';\nimport { getToDoAssignments } from '../../infra/Containers/FlowContainer/helpers';\nimport ToDo from '../../widget/ToDo';\nimport Details from '../Details/Details';\nimport { Button, Card, makeStyles } from '@material-ui/core';\n\nimport PCoreType from '@pega/pcore-pconnect-typedefs/types/pcore';\n\ndeclare const PCore: typeof PCoreType;\n\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}));\n\nexport default function Confirmation(props) {\n  const classes = useStyles();\n  const CONSTS = PCore.getConstants();\n  const [showConfirmView, setShowConfirmView] = useState(true);\n  const { showTasks, getPConnect, datasource } = props;\n  // Get the inherited props from the parent to determine label settings\n  // Not using whatsNext at the moment, need to figure out the use of it\n  const whatsNext = datasource?.source;\n  const items = whatsNext.length > 0 ? whatsNext.map(item => item.label) : '';\n  const activeContainerItemID = PCore.getContainerUtils().getActiveContainerItemName(\n    getPConnect().getTarget()\n  );\n  const rootInfo = PCore.getContainerUtils().getContainerItemData(\n    getPConnect().getTarget(),\n    activeContainerItemID\n  );\n  const onConfirmViewClose = () => {\n    setShowConfirmView(false);\n    PCore.getPubSubUtils().publish(\n      PCore.getConstants().PUB_SUB_EVENTS.CASE_EVENTS.CLOSE_CONFIRM_VIEW,\n      rootInfo\n    );\n  };\n  const todoProps = { ...props, renderTodoInConfirm: true };\n  const toDoList = getToDoAssignments(getPConnect());\n  const detailProps = { ...props, showLabel: false };\n  const showDetails = detailProps?.children?.[0]?.props?.getPConnect()?.getChildren()?.length > 0;\n  return showConfirmView ? (\n    <Card className={classes.root}>\n      <h2 id='confirm-label'>{props.showLabel ? props.label : ''}</h2>\n      {showDetails ? <Details {...detailProps} /> : undefined}\n      {showTasks ? (\n        toDoList && toDoList.length > 0 ? (\n          <ToDo\n            {...todoProps}\n            datasource={{ source: toDoList }}\n            getPConnect={getPConnect}\n            type={CONSTS.TODO}\n            headerText='Open Tasks'\n            isConfirm\n          />\n        ) : undefined\n      ) : undefined}\n      <div style={{ display: 'flex', justifyContent: 'flex-end' }}>\n        <Button variant='contained' color='primary' onClick={onConfirmViewClose}>\n          Done\n        </Button>\n      </div>\n    </Card>\n  ) : toDoList && toDoList.length > 0 ? (\n    <Card className={classes.root}>\n      <ToDo\n        {...props}\n        datasource={{ source: toDoList }}\n        getPConnect={getPConnect}\n        type={CONSTS.TODO}\n        headerText='Tasks'\n        isConfirm\n      />\n    </Card>\n  ) : null;\n}\n\nConfirmation.defaultProps = {\n  datasource: undefined,\n  label: '',\n  showLabel: true\n};\n\nConfirmation.propTypes = {\n  getPConnect: PropTypes.func.isRequired,\n  datasource: PropTypes.objectOf(PropTypes.any),\n  label: PropTypes.string,\n  showLabel: PropTypes.bool\n};\n"]}
+{"version":3,"file":"Confirmation.js","sourceRoot":"","sources":["../../../../src/components/template/Confirmation/Confirmation.tsx"],"names":[],"mappings":"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","sourcesContent":["/* eslint-disable no-nested-ternary */\nimport { PropsWithChildren, useState } from 'react';\nimport { Button, Card, makeStyles } from '@material-ui/core';\n\nimport { getToDoAssignments } from '../../infra/Containers/FlowContainer/helpers';\nimport { getComponentFromMap } from '../../../bridge/helpers/sdk_component_map';\nimport { PConnProps } from '../../../types/PConnProps';\n\ninterface ConfirmationProps extends PConnProps {\n  // If any, enter additional props that only exist on this component\n  datasource: { source: any };\n  label: string;\n  showLabel: boolean;\n  showTasks: boolean;\n}\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}));\n\nexport default function Confirmation(props: PropsWithChildren<ConfirmationProps>) {\n  // Get emitted components from map (so we can get any override that may exist)\n  const ToDo = getComponentFromMap('Todo'); // NOTE: ConstellationJS Engine uses \"Todo\" and not \"ToDo\"!!!\n  const Details = getComponentFromMap('Details');\n\n  const classes = useStyles();\n  const CONSTS = PCore.getConstants();\n  const [showConfirmView, setShowConfirmView] = useState(true);\n  const { showTasks, getPConnect } = props;\n  // Get the inherited props from the parent to determine label settings\n  // Not using whatsNext at the moment, need to figure out the use of it\n  // const whatsNext = datasource?.source;\n  // const items = whatsNext.length > 0 ? whatsNext.map(item => item.label) : '';\n  const activeContainerItemID = PCore.getContainerUtils().getActiveContainerItemName(getPConnect().getTarget());\n  const rootInfo = PCore.getContainerUtils().getContainerItemData(getPConnect().getTarget(), activeContainerItemID);\n  const onConfirmViewClose = () => {\n    setShowConfirmView(false);\n    PCore.getPubSubUtils().publish(PCore.getConstants().PUB_SUB_EVENTS.CASE_EVENTS.CLOSE_CONFIRM_VIEW, rootInfo);\n  };\n  const todoProps = { ...props, renderTodoInConfirm: true };\n  const toDoList = getToDoAssignments(getPConnect());\n  const detailProps = { ...props, showLabel: false };\n  const showDetails = detailProps?.children?.[0]?.props?.getPConnect()?.getChildren()?.length > 0;\n  return showConfirmView ? (\n    <Card className={classes.root}>\n      <h2 id='confirm-label'>{props.showLabel ? props.label : ''}</h2>\n      {showDetails ? <Details {...detailProps} /> : undefined}\n      {showTasks ? (\n        toDoList && toDoList.length > 0 ? (\n          <ToDo {...todoProps} datasource={{ source: toDoList }} getPConnect={getPConnect} type={CONSTS.TODO} headerText='Open Tasks' isConfirm />\n        ) : undefined\n      ) : undefined}\n      <div style={{ display: 'flex', justifyContent: 'flex-end' }}>\n        <Button variant='contained' color='primary' onClick={onConfirmViewClose}>\n          Done\n        </Button>\n      </div>\n    </Card>\n  ) : toDoList && toDoList.length > 0 ? (\n    <Card className={classes.root}>\n      <ToDo {...props} datasource={{ source: toDoList }} getPConnect={getPConnect} type={CONSTS.TODO} headerText='Tasks' isConfirm />\n    </Card>\n  ) : null;\n}\n"]}

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

@@ -1,32 +1,17 @@
-import PropTypes from 'prop-types';
-declare function DataReference(props: any): any;
-declare namespace DataReference {
-    var defaultProps: {
-        label: undefined;
-        showLabel: undefined;
-        displayMode: undefined;
-        allowAndPersistChangesInReviewMode: boolean;
-        referenceType: string;
-        selectionMode: string;
-        displayAs: string;
-        ruleClass: string;
-        parameters: undefined;
-        hideLabel: boolean;
-    };
-    var propTypes: {
-        children: PropTypes.Validator<PropTypes.ReactNodeLike[]>;
-        getPConnect: PropTypes.Validator<(...args: any[]) => any>;
-        label: PropTypes.Requireable<string>;
-        showLabel: PropTypes.Requireable<(...args: any[]) => any>;
-        displayMode: PropTypes.Requireable<string>;
-        allowAndPersistChangesInReviewMode: PropTypes.Requireable<boolean>;
-        referenceType: PropTypes.Requireable<string>;
-        selectionMode: PropTypes.Requireable<string>;
-        displayAs: PropTypes.Requireable<string>;
-        ruleClass: PropTypes.Requireable<string>;
-        parameters: PropTypes.Requireable<(string | null | undefined)[]>;
-        hideLabel: PropTypes.Requireable<boolean>;
-    };
+import { PropsWithChildren } from 'react';
+import { PConnProps } from '../../../types/PConnProps';
+interface DataReferenceProps extends PConnProps {
+    label: string;
+    showLabel: any;
+    displayMode: string;
+    allowAndPersistChangesInReviewMode: boolean;
+    referenceType: string;
+    selectionMode: string;
+    displayAs: string;
+    ruleClass: string;
+    parameters: string[];
+    hideLabel: boolean;
 }
-export default DataReference;
+export default function DataReference(props: PropsWithChildren<DataReferenceProps>): JSX.Element;
+export {};
 //# sourceMappingURL=DataReference.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"DataReference.d.ts","sourceRoot":"","sources":["../../../../src/components/template/DataReference/DataReference.tsx"],"names":[],"mappings":"AACA,OAAO,SAAS,MAAM,YAAY,CAAC;AAUnC,iBAAwB,aAAa,CAAC,KAAK,KAAA,OA4P1C;kBA5PuB,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;eAAb,aAAa"}
+{"version":3,"file":"DataReference.d.ts","sourceRoot":"","sources":["../../../../src/components/template/DataReference/DataReference.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAA8C,MAAM,OAAO,CAAC;AAGtF,OAAO,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAC;AAGvD,UAAU,kBAAmB,SAAQ,UAAU;IAE7C,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,EAAE,GAAG,CAAC;IACf,WAAW,EAAE,MAAM,CAAC;IACpB,kCAAkC,EAAE,OAAO,CAAC;IAC5C,aAAa,EAAE,MAAM,CAAC;IACtB,aAAa,EAAE,MAAM,CAAC;IACtB,SAAS,EAAE,MAAM,CAAC;IAClB,SAAS,EAAE,MAAM,CAAC;IAClB,UAAU,EAAE,MAAM,EAAE,CAAC;IACrB,SAAS,EAAE,OAAO,CAAC;CACpB;AAID,MAAM,CAAC,OAAO,UAAU,aAAa,CAAC,KAAK,EAAE,iBAAiB,CAAC,kBAAkB,CAAC,eA+OjF"}

package/lib/components/template/DataReference/DataReference.js

@@ -1,9 +1,11 @@
-import React, { useMemo, useState, useEffect } from 'react';
-import PropTypes from 'prop-types';
-import SingleReferenceReadonly from '../SingleReferenceReadOnly';
-import MultiReferenceReadonly from '../MultiReferenceReadOnly';
+import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
+import { useEffect, useMemo, useState } from 'react';
+import { getComponentFromMap } from '../../../bridge/helpers/sdk_component_map';
 const SELECTION_MODE = { SINGLE: 'single', MULTI: 'multi' };
 export default function DataReference(props) {
+    // Get emitted components from map (so we can get any override that may exist)
+    const SingleReferenceReadonly = getComponentFromMap('SingleReferenceReadOnly');
+    const MultiReferenceReadonly = getComponentFromMap('MultiReferenceReadOnly');
     const { children, getPConnect, label, showLabel, displayMode, allowAndPersistChangesInReviewMode, referenceType, selectionMode, displayAs, ruleClass, parameters, hideLabel } = props;
     let childrenToRender = children;
     const pConn = getPConnect();
@@ -22,22 +24,20 @@ export default function DataReference(props) {
     let firstChildPConnect;
     /* Only for dropdown when it has param use data api to get the data back and add it to datasource */
     useEffect(() => {
-        if (firstChildMeta?.type === "Dropdown" &&
-            rawViewMetadata.config?.parameters) {
+        if (firstChildMeta?.type === 'Dropdown' && rawViewMetadata.config?.parameters) {
             const { value, key, text } = firstChildMeta.config.datasource.fields;
-            PCore.getDataApiUtils()
-                .getData(refList, {
+            PCore.getDataApiUtils().getData(refList, {
                 dataViewParameters: parameters
-            })
-                .then((res) => {
+            }, '')
+                .then(res => {
                 if (res.data.data !== null) {
                     const ddDataSource = res.data.data
-                        .map((listItem) => ({
-                        key: listItem[key.split(" .", 2)[1]],
-                        text: listItem[text.split(" .", 2)[1]],
-                        value: listItem[value.split(" .", 2)[1]]
+                        .map(listItem => ({
+                        key: listItem[key.split(' .', 2)[1]],
+                        text: listItem[text.split(' .', 2)[1]],
+                        value: listItem[value.split(' .', 2)[1]]
                     }))
-                        .filter((item) => item.key);
+                        .filter(item => item.key);
                     // Filtering out undefined entries that will break preview
                     setDropDownDataSource(ddDataSource);
                 }
@@ -46,7 +46,7 @@ export default function DataReference(props) {
                     setDropDownDataSource(ddDataSource);
                 }
             })
-                .catch((err) => {
+                .catch(err => {
                 // eslint-disable-next-line no-console
                 console.error(err?.stack);
                 return Promise.resolve({
@@ -56,7 +56,7 @@ export default function DataReference(props) {
         }
     }, [firstChildMeta, rawViewMetadata, parameters]);
     if (firstChildMeta?.type !== 'Region') {
-        firstChildPConnect = getPConnect().getChildren()[0].getPConnect;
+        firstChildPConnect = getPConnect().getChildren()?.[0].getPConnect;
         /* remove refresh When condition from those old view so that it will not be used for runtime */
         if (firstChildMeta.config?.readOnly) {
             delete firstChildMeta.config.readOnly;
@@ -87,10 +87,9 @@ export default function DataReference(props) {
     const handleSelection = event => {
         const caseKey = pConn.getCaseInfo().getKey();
         const refreshOptions = { autoDetectRefresh: true };
-        if (canBeChangedInReviewMode && pConn.getValue('__currentPageTabViewName')) {
-            getPConnect()
-                .getActionsApi()
-                .refreshCaseView(caseKey, pConn.getValue('__currentPageTabViewName'), null, refreshOptions);
+        if (canBeChangedInReviewMode && pConn.getValue('__currentPageTabViewName', '')) {
+            // 2nd arg empty string until typedef marked correctly
+            getPConnect().getActionsApi().refreshCaseView(caseKey, pConn.getValue('__currentPageTabViewName', ''), null, refreshOptions); // 2nd arg empty string until typedef marked correctly
             PCore.getDeferLoadManager().refreshActiveComponents(pConn.getContextName());
         }
         else {
@@ -100,9 +99,7 @@ export default function DataReference(props) {
         // AutoComplete sets value on event.id whereas Dropdown sets it on event.target.value
         const propValue = event?.id || event?.target.value;
         if (propValue && canBeChangedInReviewMode && isDisplayModeEnabled) {
-            PCore.getDataApiUtils()
-                .getCaseEditLock(caseKey)
-                .then(caseResponse => {
+            PCore.getDataApiUtils().getCaseEditLock(caseKey, '').then(caseResponse => {
                 const pageTokens = pConn.getPageReference().replace('caseInfo.content', '').split('.');
                 let curr = {};
                 const commitData = curr;
@@ -123,10 +120,9 @@ export default function DataReference(props) {
                         curr = curr[element];
                     }
                 });
-                PCore.getDataApiUtils()
-                    .updateCaseEditFieldsData(caseKey, { [caseKey]: commitData }, caseResponse.headers.etag, pConn.getContextName())
-                    .then(response => {
-                    PCore.getContainerUtils().updateChildContainersEtag(pConn.getContextName(), response.headers.etag);
+                PCore.getDataApiUtils().updateCaseEditFieldsData(caseKey, { [caseKey]: commitData }, caseResponse.headers.etag, pConn.getContextName()).then(response => {
+                    PCore.getContainerUtils().updateParentLastUpdateTime(pConn.getContextName(), response.data.data.caseInfo.lastUpdateTime);
+                    PCore.getContainerUtils().updateRelatedContextEtag(pConn.getContextName(), response.headers.etag);
                 });
             });
         }
@@ -138,18 +134,19 @@ export default function DataReference(props) {
         const { type, config } = firstChildMeta;
         if (firstChildMeta?.type !== 'Region') {
             pConn.clearErrorMessages({
-                property: propName
+                // Need to add empty string for category and context to match typdef
+                property: propName,
+                category: '',
+                context: ''
             });
             if (!canBeChangedInReviewMode && isDisplayModeEnabled && selectionMode === SELECTION_MODE.SINGLE) {
-                return (React.createElement(SingleReferenceReadonly, { config: config, getPConnect: firstChildPConnect, label: propsToUse.label, type: type, displayAs: displayAs, displayMode: displayMode, ruleClass: ruleClass, referenceType: referenceType, hideLabel: hideLabel, dataRelationshipContext: rawViewMetadata.config.contextClass && rawViewMetadata.config.name ? rawViewMetadata.config.name : null }));
+                return (_jsx(SingleReferenceReadonly, { config: config, getPConnect: firstChildPConnect, label: propsToUse.label, type: type, displayAs: displayAs, displayMode: displayMode, ruleClass: ruleClass, referenceType: referenceType, hideLabel: hideLabel, dataRelationshipContext: rawViewMetadata.config.contextClass && rawViewMetadata.config.name ? rawViewMetadata.config.name : null }));
             }
             if (isDisplayModeEnabled && selectionMode === SELECTION_MODE.MULTI) {
-                return (React.createElement(MultiReferenceReadonly, { config: config, getPConnect: firstChildPConnect, label: propsToUse.label, hideLabel: hideLabel }));
+                return _jsx(MultiReferenceReadonly, { config: config, getPConnect: firstChildPConnect, label: propsToUse.label, hideLabel: hideLabel });
             }
             // In the case of a datasource with parameters you cannot load the dropdown before the parameters
-            if (type === 'Dropdown' &&
-                rawViewMetadata.config?.parameters &&
-                dropDownDataSource === null) {
+            if (type === 'Dropdown' && rawViewMetadata.config?.parameters && dropDownDataSource === null) {
                 return null;
             }
             return firstChildPConnect().createComponent({
@@ -165,21 +162,13 @@ export default function DataReference(props) {
                     readOnly: false,
                     localeReference: rawViewMetadata.config.localeReference,
                     ...(selectionMode === SELECTION_MODE.SINGLE ? { referenceType } : ''),
-                    dataRelationshipContext: rawViewMetadata.config.contextClass && rawViewMetadata.config.name
-                        ? rawViewMetadata.config.name
-                        : null,
+                    dataRelationshipContext: rawViewMetadata.config.contextClass && rawViewMetadata.config.name ? rawViewMetadata.config.name : null,
                     hideLabel,
                     onRecordChange: handleSelection
                 }
-            });
+            }, '', '', {}); // 2nd, 3rd, and 4th args empty string/object/null until typedef marked correctly as optional);
         }
-    }, [
-        firstChildMeta.config?.datasource?.source,
-        parameters,
-        dropDownDataSource,
-        propsToUse.required,
-        propsToUse.disabled
-    ]);
+    }, [firstChildMeta.config?.datasource?.source, parameters, dropDownDataSource, propsToUse.required, propsToUse.disabled]);
     // Only include the views region for rendering when it has content
     if (firstChildMeta?.type !== 'Region') {
         const viewsRegion = rawViewMetadata.children[1];
@@ -190,32 +179,6 @@ export default function DataReference(props) {
             childrenToRender = [recreatedFirstChild];
         }
     }
-    return childrenToRender.length === 1 ? (childrenToRender[0] ?? null) : (React.createElement("div", null, childrenToRender.map(child => (React.createElement(React.Fragment, null, child)))));
+    return childrenToRender.length === 1 ? (childrenToRender[0] ?? null) : (_jsx("div", { children: childrenToRender.map(child => (_jsx(_Fragment, { children: child }))) }));
 }
-DataReference.defaultProps = {
-    label: undefined,
-    showLabel: undefined,
-    displayMode: undefined,
-    allowAndPersistChangesInReviewMode: false,
-    referenceType: '',
-    selectionMode: '',
-    displayAs: '',
-    ruleClass: '',
-    parameters: undefined,
-    hideLabel: false
-};
-DataReference.propTypes = {
-    children: PropTypes.arrayOf(PropTypes.node).isRequired,
-    getPConnect: PropTypes.func.isRequired,
-    label: PropTypes.string,
-    showLabel: PropTypes.func,
-    displayMode: PropTypes.string,
-    allowAndPersistChangesInReviewMode: PropTypes.bool,
-    referenceType: PropTypes.string,
-    selectionMode: PropTypes.string,
-    displayAs: PropTypes.string,
-    ruleClass: PropTypes.string,
-    parameters: PropTypes.arrayOf(PropTypes.string),
-    hideLabel: PropTypes.bool
-};
 //# sourceMappingURL=DataReference.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"DataReference.js","sourceRoot":"","sources":["../../../../src/components/template/DataReference/DataReference.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAC5D,OAAO,SAAS,MAAM,YAAY,CAAC;AACnC,OAAO,uBAAuB,MAAM,4BAA4B,CAAC;AACjE,OAAO,sBAAsB,MAAM,2BAA2B,CAAC;AAE/D,MAAM,cAAc,GAAG,EAAE,MAAM,EAAE,QAAQ,EAAE,KAAK,EAAE,OAAO,EAAE,CAAC;AAM5D,MAAM,CAAC,OAAO,UAAU,aAAa,CAAC,KAAK;IACzC,MAAM,EACJ,QAAQ,EACR,WAAW,EACX,KAAK,EACL,SAAS,EACT,WAAW,EACX,kCAAkC,EAClC,aAAa,EACb,aAAa,EACb,SAAS,EACT,SAAS,EACT,UAAU,EACV,SAAS,EACV,GAAG,KAAK,CAAC;IACV,IAAI,gBAAgB,GAAG,QAAQ,CAAC;IAChC,MAAM,KAAK,GAAG,WAAW,EAAE,CAAC;IAC5B,MAAM,CAAC,kBAAkB,EAAE,qBAAqB,CAAC,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAC;IACnE,MAAM,UAAU,GAAG,EAAE,KAAK,EAAE,SAAS,EAAE,GAAG,KAAK,CAAC,iBAAiB,EAAE,EAAE,CAAC;IACtE,IAAI,UAAU,CAAC,SAAS,KAAK,KAAK,EAAE;QAClC,UAAU,CAAC,KAAK,GAAG,EAAE,CAAC;KACvB;IACD,MAAM,eAAe,GAAG,KAAK,CAAC,cAAc,EAAE,CAAC;IAC/C,MAAM,QAAQ,GAAG,eAAe,CAAC,IAAI,CAAC;IACtC,MAAM,CAAC,cAAc,CAAC,GAAG,eAAe,CAAC,QAAQ,CAAC;IAClD,MAAM,OAAO,GAAG,eAAe,CAAC,MAAM,CAAC,aAAa,CAAC;IACrD,MAAM,wBAAwB,GAAG,kCAAkC,IAAI,CAAC,SAAS,KAAK,cAAc,IAAI,SAAS,KAAK,UAAU,CAAC,CAAC;IAClI,IAAI,QAAQ,CAAC;IACb,MAAM,oBAAoB,GAAG,CAAC,aAAa,EAAE,mBAAmB,CAAC,CAAC,QAAQ,CAAC,WAAW,CAAC,CAAC;IACxF,IAAI,kBAAkB,CAAC;IAEvB,oGAAoG;IACpG,SAAS,CAAC,GAAG,EAAE;QACb,IACE,cAAc,EAAE,IAAI,KAAK,UAAU;YACnC,eAAe,CAAC,MAAM,EAAE,UAAU,EAClC;YACA,MAAM,EAAE,KAAK,EAAE,GAAG,EAAE,IAAI,EAAE,GAAG,cAAc,CAAC,MAAM,CAAC,UAAU,CAAC,MAAM,CAAC;YACrE,KAAK,CAAC,eAAe,EAAE;iBACpB,OAAO,CAAC,OAAO,EAAE;gBAChB,kBAAkB,EAAE,UAAU;aAC/B,CAAC;iBACD,IAAI,CAAC,CAAC,GAAG,EAAE,EAAE;gBACZ,IAAI,GAAG,CAAC,IAAI,CAAC,IAAI,KAAK,IAAI,EAAE;oBAC1B,MAAM,YAAY,GAAG,GAAG,CAAC,IAAI,CAAC,IAAI;yBAC/B,GAAG,CAAC,CAAC,QAAQ,EAAE,EAAE,CAAC,CAAC;wBAClB,GAAG,EAAE,QAAQ,CAAC,GAAG,CAAC,KAAK,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;wBACpC,IAAI,EAAE,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;wBACtC,KAAK,EAAE,QAAQ,CAAC,KAAK,CAAC,KAAK,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;qBACzC,CAAC,CAAC;yBACF,MAAM,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;oBAC9B,0DAA0D;oBAC1D,qBAAqB,CAAC,YAAY,CAAC,CAAC;iBACrC;qBAAM;oBACL,MAAM,YAAY,GAAQ,EAAE,CAAA;oBAC5B,qBAAqB,CAAC,YAAY,CAAC,CAAC;iBACrC;YACH,CAAC,CAAC;iBACD,KAAK,CAAC,CAAC,GAAG,EAAE,EAAE;gBACb,sCAAsC;gBACtC,OAAO,CAAC,KAAK,CAAC,GAAG,EAAE,KAAK,CAAC,CAAC;gBAC1B,OAAO,OAAO,CAAC,OAAO,CAAC;oBACrB,IAAI,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE;iBACnB,CAAC,CAAC;YACL,CAAC,CAAC,CAAC;SACN;IACH,CAAC,EAAE,CAAC,cAAc,EAAE,eAAe,EAAE,UAAU,CAAC,CAAC,CAAC;IAElD,IAAI,cAAc,EAAE,IAAI,KAAK,QAAQ,EAAE;QACrC,kBAAkB,GAAG,WAAW,EAAE,CAAC,WAAW,EAAE,CAAC,CAAC,CAAC,CAAC,WAAW,CAAC;QAChE,+FAA+F;QAC/F,IAAI,cAAc,CAAC,MAAM,EAAE,QAAQ,EAAE;YACnC,OAAO,cAAc,CAAC,MAAM,CAAC,QAAQ,CAAC;SACvC;QACD,IAAI,cAAc,EAAE,IAAI,KAAK,UAAU,EAAE;YACvC,cAAc,CAAC,MAAM,CAAC,UAAU,CAAC,MAAM,GAAG,eAAe,CAAC,MAAM,EAAE,UAAU;gBAC1E,CAAC,CAAC,kBAAkB;gBACpB,CAAC,CAAC,cAAc,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,MAAM,CAAC,YAAY,CAAC,CAAC;SACzD;aAAM,IAAI,cAAc,EAAE,IAAI,KAAK,cAAc,EAAE;YAClD,cAAc,CAAC,MAAM,CAAC,UAAU,GAAG,OAAO,CAAC;YAE3C,4DAA4D;YAC5D,IAAI,eAAe,CAAC,MAAM,EAAE,UAAU,EAAE;gBACtC,cAAc,CAAC,MAAM,CAAC,UAAU,GAAG,UAAU,CAAC;aAC/C;SACF;QACD,gCAAgC;QAChC,IAAI,CAAC,wBAAwB,EAAE;YAC7B,cAAc,CAAC,MAAM,CAAC,WAAW,GAAG,WAAW,CAAC;SACjD;QACD,IAAI,cAAc,CAAC,IAAI,KAAK,mBAAmB,IAAI,aAAa,KAAK,cAAc,CAAC,KAAK,EAAE;YACzF,QAAQ,GAAG,KAAK,CAAC,kBAAkB,EAAE,CAAC,eAAe,CAAC,cAAc,CAAC,MAAM,CAAC,aAAa,CAAC,CAAC;SAC5F;aAAM;YACL,QAAQ,GAAG,KAAK,CAAC,kBAAkB,EAAE,CAAC,eAAe,CAAC,cAAc,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;SACpF;KACF;IAED,MAAM,eAAe,GAAG,KAAK,CAAC,EAAE;QAC9B,MAAM,OAAO,GAAG,KAAK,CAAC,WAAW,EAAE,CAAC,MAAM,EAAE,CAAC;QAC7C,MAAM,cAAc,GAAG,EAAE,iBAAiB,EAAE,IAAI,EAAE,CAAC;QACnD,IAAI,wBAAwB,IAAI,KAAK,CAAC,QAAQ,CAAC,0BAA0B,CAAC,EAAE;YAC1E,WAAW,EAAE;iBACV,aAAa,EAAE;iBACf,eAAe,CAAC,OAAO,EAAE,KAAK,CAAC,QAAQ,CAAC,0BAA0B,CAAC,EAAE,IAAI,EAAE,cAAc,CAAC,CAAC;YAC9F,KAAK,CAAC,mBAAmB,EAAE,CAAC,uBAAuB,CAAC,KAAK,CAAC,cAAc,EAAE,CAAC,CAAC;SAC7E;aAAM;YACL,MAAM,KAAK,GAAG,KAAK,CAAC,gBAAgB,EAAE,CAAC,OAAO,CAAC,kBAAkB,EAAE,EAAE,CAAC,CAAC;YACvE,WAAW,EAAE,CAAC,aAAa,EAAE,CAAC,eAAe,CAAC,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAE,cAAc,CAAC,CAAC;SACzF;QAED,qFAAqF;QACrF,MAAM,SAAS,GAAG,KAAK,EAAE,EAAE,IAAI,KAAK,EAAE,MAAM,CAAC,KAAK,CAAC;QACnD,IAAI,SAAS,IAAI,wBAAwB,IAAI,oBAAoB,EAAE;YACjE,KAAK,CAAC,eAAe,EAAE;iBACpB,eAAe,CAAC,OAAO,CAAC;iBACxB,IAAI,CAAC,YAAY,CAAC,EAAE;gBACnB,MAAM,UAAU,GAAG,KAAK,CAAC,gBAAgB,EAAE,CAAC,OAAO,CAAC,kBAAkB,EAAE,EAAE,CAAC,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;gBACvF,IAAI,IAAI,GAAG,EAAE,CAAC;gBACd,MAAM,UAAU,GAAG,IAAI,CAAC;gBAExB,UAAU,CAAC,OAAO,CAAC,EAAE,CAAC,EAAE;oBACtB,IAAI,EAAE,KAAK,EAAE,EAAE;wBACb,IAAI,CAAC,EAAE,CAAC,GAAG,EAAE,CAAC;wBACd,IAAI,GAAG,IAAI,CAAC,EAAE,CAAC,CAAC;qBACjB;gBACH,CAAC,CAAC,CAAC;gBAEH,mDAAmD;gBACnD,MAAM,OAAO,GAAG,QAAQ,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;gBACpC,OAAO,CAAC,OAAO,CAAC,CAAC,OAAO,EAAE,GAAG,EAAE,EAAE;oBAC/B,IAAI,GAAG,GAAG,CAAC,KAAK,OAAO,CAAC,MAAM,EAAE;wBAC9B,IAAI,CAAC,OAAO,CAAC,GAAG,SAAS,CAAC;qBAC3B;yBAAM;wBACL,IAAI,CAAC,OAAO,CAAC,GAAG,EAAE,CAAC;wBACnB,IAAI,GAAG,IAAI,CAAC,OAAO,CAAC,CAAC;qBACtB;gBACH,CAAC,CAAC,CAAC;gBAEH,KAAK,CAAC,eAAe,EAAE;qBACpB,wBAAwB,CACvB,OAAO,EACP,EAAE,CAAC,OAAO,CAAC,EAAE,UAAU,EAAE,EACzB,YAAY,CAAC,OAAO,CAAC,IAAI,EACzB,KAAK,CAAC,cAAc,EAAE,CACvB;qBACA,IAAI,CAAC,QAAQ,CAAC,EAAE;oBACf,KAAK,CAAC,iBAAiB,EAAE,CAAC,yBAAyB,CACjD,KAAK,CAAC,cAAc,EAAE,EACtB,QAAQ,CAAC,OAAO,CAAC,IAAI,CACtB,CAAC;gBACJ,CAAC,CAAC,CAAC;YACP,CAAC,CAAC,CAAC;SACN;IACH,CAAC,CAAC;IAEF,8CAA8C;IAC9C,iGAAiG;IACjG,sCAAsC;IACtC,MAAM,mBAAmB,GAAG,OAAO,CAAC,GAAG,EAAE;QACvC,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,GAAG,cAAc,CAAC;QACxC,IAAI,cAAc,EAAE,IAAI,KAAK,QAAQ,EAAE;YACrC,KAAK,CAAC,kBAAkB,CAAC;gBACvB,QAAQ,EAAE,QAAQ;aACnB,CAAC,CAAC;YACH,IAAI,CAAC,wBAAwB,IAAI,oBAAoB,IAAI,aAAa,KAAK,cAAc,CAAC,MAAM,EAAE;gBAChG,OAAO,CACL,oBAAC,uBAAuB,IACtB,MAAM,EAAE,MAAM,EACd,WAAW,EAAE,kBAAkB,EAC/B,KAAK,EAAE,UAAU,CAAC,KAAK,EACvB,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,SAAS,EACpB,WAAW,EAAE,WAAW,EACxB,SAAS,EAAE,SAAS,EACpB,aAAa,EAAE,aAAa,EAC5B,SAAS,EAAE,SAAS,EACpB,uBAAuB,EACrB,eAAe,CAAC,MAAM,CAAC,YAAY,IAAI,eAAe,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,eAAe,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,GAEzG,CACH,CAAC;aACH;YAED,IAAI,oBAAoB,IAAI,aAAa,KAAK,cAAc,CAAC,KAAK,EAAE;gBAClE,OAAO,CACL,oBAAC,sBAAsB,IACrB,MAAM,EAAE,MAAM,EACd,WAAW,EAAE,kBAAkB,EAC/B,KAAK,EAAE,UAAU,CAAC,KAAK,EACvB,SAAS,EAAE,SAAS,GACpB,CACH,CAAC;aACH;YAED,iGAAiG;YACjG,IACE,IAAI,KAAK,UAAU;gBACnB,eAAe,CAAC,MAAM,EAAE,UAAU;gBAClC,kBAAkB,KAAK,IAAI,EAC3B;gBACA,OAAO,IAAI,CAAC;aACb;YAED,OAAO,kBAAkB,EAAE,CAAC,eAAe,CAAC;gBAC1C,IAAI;gBACJ,MAAM,EAAE;oBACN,GAAG,MAAM;oBACT,QAAQ,EAAE,UAAU,CAAC,QAAQ;oBAC7B,UAAU,EAAE,UAAU,CAAC,UAAU;oBACjC,QAAQ,EAAE,UAAU,CAAC,QAAQ;oBAC7B,KAAK,EAAE,UAAU,CAAC,KAAK;oBACvB,QAAQ,EAAE,WAAW,EAAE,CAAC,cAAc,EAAE;oBACxC,UAAU,EAAE,eAAe,CAAC,MAAM,CAAC,UAAU;oBAC7C,QAAQ,EAAE,KAAK;oBACf,eAAe,EAAE,eAAe,CAAC,MAAM,CAAC,eAAe;oBACvD,GAAG,CAAC,aAAa,KAAK,cAAc,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,aAAa,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;oBACrE,uBAAuB,EACrB,eAAe,CAAC,MAAM,CAAC,YAAY,IAAI,eAAe,CAAC,MAAM,CAAC,IAAI;wBAChE,CAAC,CAAC,eAAe,CAAC,MAAM,CAAC,IAAI;wBAC7B,CAAC,CAAC,IAAI;oBACV,SAAS;oBACT,cAAc,EAAE,eAAe;iBAChC;aACF,CAAC,CAAC;SACJ;IACH,CAAC,EAAE;QACD,cAAc,CAAC,MAAM,EAAE,UAAU,EAAE,MAAM;QACzC,UAAU;QACV,kBAAkB;QAClB,UAAU,CAAC,QAAQ;QACnB,UAAU,CAAC,QAAQ;KACpB,CAAC,CAAC;IAEH,kEAAkE;IAClE,IAAI,cAAc,EAAE,IAAI,KAAK,QAAQ,EAAE;QACrC,MAAM,WAAW,GAAG,eAAe,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC;QAChD,IAAI,WAAW,EAAE,IAAI,KAAK,OAAO,IAAI,WAAW,CAAC,QAAQ,CAAC,MAAM,EAAE;YAChE,gBAAgB,GAAG,CAAC,mBAAmB,EAAE,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC;SAChE;aAAM;YACL,gBAAgB,GAAG,CAAC,mBAAmB,CAAC,CAAC;SAC1C;KACF;IAED,OAAO,gBAAgB,CAAC,MAAM,KAAK,CAAC,CAAC,CAAC,CAAC,CACrC,gBAAgB,CAAC,CAAC,CAAC,IAAI,IAAI,CAC5B,CAAC,CAAC,CAAC,CACF,iCACG,gBAAgB,CAAC,GAAG,CAAC,KAAK,CAAC,EAAE,CAAC,CAC7B,oBAAC,KAAK,CAAC,QAAQ,QAAE,KAAK,CAAkB,CACzC,CAAC,CACE,CACP,CAAC;AACJ,CAAC;AAED,aAAa,CAAC,YAAY,GAAG;IAC3B,KAAK,EAAE,SAAS;IAChB,SAAS,EAAE,SAAS;IACpB,WAAW,EAAE,SAAS;IACtB,kCAAkC,EAAE,KAAK;IACzC,aAAa,EAAE,EAAE;IACjB,aAAa,EAAE,EAAE;IACjB,SAAS,EAAE,EAAE;IACb,SAAS,EAAE,EAAE;IACb,UAAU,EAAE,SAAS;IACrB,SAAS,EAAE,KAAK;CACjB,CAAC;AAEF,aAAa,CAAC,SAAS,GAAG;IACxB,QAAQ,EAAE,SAAS,CAAC,OAAO,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC,UAAU;IACtD,WAAW,EAAE,SAAS,CAAC,IAAI,CAAC,UAAU;IACtC,KAAK,EAAE,SAAS,CAAC,MAAM;IACvB,SAAS,EAAE,SAAS,CAAC,IAAI;IACzB,WAAW,EAAE,SAAS,CAAC,MAAM;IAC7B,kCAAkC,EAAE,SAAS,CAAC,IAAI;IAClD,aAAa,EAAE,SAAS,CAAC,MAAM;IAC/B,aAAa,EAAE,SAAS,CAAC,MAAM;IAC/B,SAAS,EAAE,SAAS,CAAC,MAAM;IAC3B,SAAS,EAAE,SAAS,CAAC,MAAM;IAC3B,UAAU,EAAE,SAAS,CAAC,OAAO,CAAC,SAAS,CAAC,MAAM,CAAC;IAC/C,SAAS,EAAE,SAAS,CAAC,IAAI;CAC1B,CAAC","sourcesContent":["import React, { useMemo, useState, useEffect } from 'react';\nimport PropTypes from 'prop-types';\nimport SingleReferenceReadonly from '../SingleReferenceReadOnly';\nimport MultiReferenceReadonly from '../MultiReferenceReadOnly';\n\nconst SELECTION_MODE = { SINGLE: 'single', MULTI: 'multi' };\n\n// Remove this and use \"real\" PCore type once .d.ts is fixed (currently shows ~7 errors)\ndeclare const PCore: any;\n\n\nexport default function DataReference(props) {\n  const {\n    children,\n    getPConnect,\n    label,\n    showLabel,\n    displayMode,\n    allowAndPersistChangesInReviewMode,\n    referenceType,\n    selectionMode,\n    displayAs,\n    ruleClass,\n    parameters,\n    hideLabel\n  } = props;\n  let childrenToRender = children;\n  const pConn = getPConnect();\n  const [dropDownDataSource, setDropDownDataSource] = useState(null);\n  const propsToUse = { label, showLabel, ...pConn.getInheritedProps() };\n  if (propsToUse.showLabel === false) {\n    propsToUse.label = '';\n  }\n  const rawViewMetadata = pConn.getRawMetadata();\n  const viewName = rawViewMetadata.name;\n  const [firstChildMeta] = rawViewMetadata.children;\n  const refList = rawViewMetadata.config.referenceList;\n  const canBeChangedInReviewMode = allowAndPersistChangesInReviewMode && (displayAs === 'autocomplete' || displayAs === 'dropdown');\n  let propName;\n  const isDisplayModeEnabled = ['LABELS_LEFT', 'STACKED_LARGE_VAL'].includes(displayMode);\n  let firstChildPConnect;\n\n  /* Only for dropdown when it has param use data api to get the data back and add it to datasource */\n  useEffect(() => {\n    if (\n      firstChildMeta?.type === \"Dropdown\" &&\n      rawViewMetadata.config?.parameters\n    ) {\n      const { value, key, text } = firstChildMeta.config.datasource.fields;\n      PCore.getDataApiUtils()\n        .getData(refList, {\n          dataViewParameters: parameters\n        })\n        .then((res) => {\n          if (res.data.data !== null) {\n            const ddDataSource = res.data.data\n              .map((listItem) => ({\n                key: listItem[key.split(\" .\", 2)[1]],\n                text: listItem[text.split(\" .\", 2)[1]],\n                value: listItem[value.split(\" .\", 2)[1]]\n              }))\n              .filter((item) => item.key);\n            // Filtering out undefined entries that will break preview\n            setDropDownDataSource(ddDataSource);\n          } else {\n            const ddDataSource: any = []\n            setDropDownDataSource(ddDataSource);\n          }\n        })\n        .catch((err) => {\n          // eslint-disable-next-line no-console\n          console.error(err?.stack);\n          return Promise.resolve({\n            data: { data: [] }\n          });\n        });\n    }\n  }, [firstChildMeta, rawViewMetadata, parameters]);\n\n  if (firstChildMeta?.type !== 'Region') {\n    firstChildPConnect = getPConnect().getChildren()[0].getPConnect;\n    /* remove refresh When condition from those old view so that it will not be used for runtime */\n    if (firstChildMeta.config?.readOnly) {\n      delete firstChildMeta.config.readOnly;\n    }\n    if (firstChildMeta?.type === 'Dropdown') {\n      firstChildMeta.config.datasource.source = rawViewMetadata.config?.parameters\n        ? dropDownDataSource\n        : '@DATASOURCE '.concat(refList).concat('.pxResults');\n    } else if (firstChildMeta?.type === 'AutoComplete') {\n      firstChildMeta.config.datasource = refList;\n\n      /* Insert the parameters to the component only if present */\n      if (rawViewMetadata.config?.parameters) {\n        firstChildMeta.config.parameters = parameters;\n      }\n    }\n    // set displayMode conditionally\n    if (!canBeChangedInReviewMode) {\n      firstChildMeta.config.displayMode = displayMode;\n    }\n    if (firstChildMeta.type === 'SimpleTableSelect' && selectionMode === SELECTION_MODE.MULTI) {\n      propName = PCore.getAnnotationUtils().getPropertyName(firstChildMeta.config.selectionList);\n    } else {\n      propName = PCore.getAnnotationUtils().getPropertyName(firstChildMeta.config.value);\n    }\n  }\n\n  const handleSelection = event => {\n    const caseKey = pConn.getCaseInfo().getKey();\n    const refreshOptions = { autoDetectRefresh: true };\n    if (canBeChangedInReviewMode && pConn.getValue('__currentPageTabViewName')) {\n      getPConnect()\n        .getActionsApi()\n        .refreshCaseView(caseKey, pConn.getValue('__currentPageTabViewName'), null, refreshOptions);\n      PCore.getDeferLoadManager().refreshActiveComponents(pConn.getContextName());\n    } else {\n      const pgRef = pConn.getPageReference().replace('caseInfo.content', '');\n      getPConnect().getActionsApi().refreshCaseView(caseKey, viewName, pgRef, refreshOptions);\n    }\n\n    // AutoComplete sets value on event.id whereas Dropdown sets it on event.target.value\n    const propValue = event?.id || event?.target.value;\n    if (propValue && canBeChangedInReviewMode && isDisplayModeEnabled) {\n      PCore.getDataApiUtils()\n        .getCaseEditLock(caseKey)\n        .then(caseResponse => {\n          const pageTokens = pConn.getPageReference().replace('caseInfo.content', '').split('.');\n          let curr = {};\n          const commitData = curr;\n\n          pageTokens.forEach(el => {\n            if (el !== '') {\n              curr[el] = {};\n              curr = curr[el];\n            }\n          });\n\n          // expecting format like {Customer: {pyID:\"C-100\"}}\n          const propArr = propName.split('.');\n          propArr.forEach((element, idx) => {\n            if (idx + 1 === propArr.length) {\n              curr[element] = propValue;\n            } else {\n              curr[element] = {};\n              curr = curr[element];\n            }\n          });\n\n          PCore.getDataApiUtils()\n            .updateCaseEditFieldsData(\n              caseKey,\n              { [caseKey]: commitData },\n              caseResponse.headers.etag,\n              pConn.getContextName()\n            )\n            .then(response => {\n              PCore.getContainerUtils().updateChildContainersEtag(\n                pConn.getContextName(),\n                response.headers.etag\n              );\n            });\n        });\n    }\n  };\n\n  // Re-create first child with overridden props\n  // Memoized child in order to stop unmount and remount of the child component when data reference\n  // rerenders without any actual change\n  const recreatedFirstChild = useMemo(() => {\n    const { type, config } = firstChildMeta;\n    if (firstChildMeta?.type !== 'Region') {\n      pConn.clearErrorMessages({\n        property: propName\n      });\n      if (!canBeChangedInReviewMode && isDisplayModeEnabled && selectionMode === SELECTION_MODE.SINGLE) {\n        return (\n          <SingleReferenceReadonly\n            config={config}\n            getPConnect={firstChildPConnect}\n            label={propsToUse.label}\n            type={type}\n            displayAs={displayAs}\n            displayMode={displayMode}\n            ruleClass={ruleClass}\n            referenceType={referenceType}\n            hideLabel={hideLabel}\n            dataRelationshipContext={\n              rawViewMetadata.config.contextClass && rawViewMetadata.config.name ? rawViewMetadata.config.name : null\n            }\n          />\n        );\n      }\n\n      if (isDisplayModeEnabled && selectionMode === SELECTION_MODE.MULTI) {\n        return (\n          <MultiReferenceReadonly\n            config={config}\n            getPConnect={firstChildPConnect}\n            label={propsToUse.label}\n            hideLabel={hideLabel}\n          />\n        );\n      }\n\n      // In the case of a datasource with parameters you cannot load the dropdown before the parameters\n      if (\n        type === 'Dropdown' &&\n        rawViewMetadata.config?.parameters &&\n        dropDownDataSource === null\n      ) {\n        return null;\n      }\n\n      return firstChildPConnect().createComponent({\n        type,\n        config: {\n          ...config,\n          required: propsToUse.required,\n          visibility: propsToUse.visibility,\n          disabled: propsToUse.disabled,\n          label: propsToUse.label,\n          viewName: getPConnect().getCurrentView(),\n          parameters: rawViewMetadata.config.parameters,\n          readOnly: false,\n          localeReference: rawViewMetadata.config.localeReference,\n          ...(selectionMode === SELECTION_MODE.SINGLE ? { referenceType } : ''),\n          dataRelationshipContext:\n            rawViewMetadata.config.contextClass && rawViewMetadata.config.name\n              ? rawViewMetadata.config.name\n              : null,\n          hideLabel,\n          onRecordChange: handleSelection\n        }\n      });\n    }\n  }, [\n    firstChildMeta.config?.datasource?.source,\n    parameters,\n    dropDownDataSource,\n    propsToUse.required,\n    propsToUse.disabled\n  ]);\n\n  // Only include the views region for rendering when it has content\n  if (firstChildMeta?.type !== 'Region') {\n    const viewsRegion = rawViewMetadata.children[1];\n    if (viewsRegion?.name === 'Views' && viewsRegion.children.length) {\n      childrenToRender = [recreatedFirstChild, ...children.slice(1)];\n    } else {\n      childrenToRender = [recreatedFirstChild];\n    }\n  }\n\n  return childrenToRender.length === 1 ? (\n    childrenToRender[0] ?? null\n  ) : (\n    <div>\n      {childrenToRender.map(child => (\n        <React.Fragment>{child}</React.Fragment>\n      ))}\n    </div>\n  );\n}\n\nDataReference.defaultProps = {\n  label: undefined,\n  showLabel: undefined,\n  displayMode: undefined,\n  allowAndPersistChangesInReviewMode: false,\n  referenceType: '',\n  selectionMode: '',\n  displayAs: '',\n  ruleClass: '',\n  parameters: undefined,\n  hideLabel: false\n};\n\nDataReference.propTypes = {\n  children: PropTypes.arrayOf(PropTypes.node).isRequired,\n  getPConnect: PropTypes.func.isRequired,\n  label: PropTypes.string,\n  showLabel: PropTypes.func,\n  displayMode: PropTypes.string,\n  allowAndPersistChangesInReviewMode: PropTypes.bool,\n  referenceType: PropTypes.string,\n  selectionMode: PropTypes.string,\n  displayAs: PropTypes.string,\n  ruleClass: PropTypes.string,\n  parameters: PropTypes.arrayOf(PropTypes.string), // need to fix\n  hideLabel: PropTypes.bool\n};\n"]}
+{"version":3,"file":"DataReference.js","sourceRoot":"","sources":["../../../../src/components/template/DataReference/DataReference.tsx"],"names":[],"mappings":"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","sourcesContent":["import { PropsWithChildren, ReactElement, useEffect, useMemo, useState } from 'react';\n\nimport { getComponentFromMap } from '../../../bridge/helpers/sdk_component_map';\nimport { PConnProps } from '../../../types/PConnProps';\n\n// ReferenceProps can't be used until getComponentConfig() is NOT private\ninterface DataReferenceProps extends PConnProps {\n  // If any, enter additional props that only exist on this component\n  label: string;\n  showLabel: any;\n  displayMode: string;\n  allowAndPersistChangesInReviewMode: boolean;\n  referenceType: string;\n  selectionMode: string;\n  displayAs: string;\n  ruleClass: string;\n  parameters: string[]; // need to fix\n  hideLabel: boolean;\n}\n\nconst SELECTION_MODE = { SINGLE: 'single', MULTI: 'multi' };\n\nexport default function DataReference(props: PropsWithChildren<DataReferenceProps>) {\n  // Get emitted components from map (so we can get any override that may exist)\n  const SingleReferenceReadonly = getComponentFromMap('SingleReferenceReadOnly');\n  const MultiReferenceReadonly = getComponentFromMap('MultiReferenceReadOnly');\n\n  const {\n    children,\n    getPConnect,\n    label,\n    showLabel,\n    displayMode,\n    allowAndPersistChangesInReviewMode,\n    referenceType,\n    selectionMode,\n    displayAs,\n    ruleClass,\n    parameters,\n    hideLabel\n  } = props;\n  let childrenToRender = children as ReactElement[];\n  const pConn = getPConnect();\n  const [dropDownDataSource, setDropDownDataSource] = useState(null);\n  const propsToUse: any = { label, showLabel, ...pConn.getInheritedProps() };\n  if (propsToUse.showLabel === false) {\n    propsToUse.label = '';\n  }\n  const rawViewMetadata: any = pConn.getRawMetadata();\n  const viewName = rawViewMetadata.name;\n  const [firstChildMeta] = rawViewMetadata.children;\n  const refList = rawViewMetadata.config.referenceList;\n  const canBeChangedInReviewMode = allowAndPersistChangesInReviewMode && (displayAs === 'autocomplete' || displayAs === 'dropdown');\n  let propName;\n  const isDisplayModeEnabled = ['LABELS_LEFT', 'STACKED_LARGE_VAL'].includes(displayMode);\n  let firstChildPConnect;\n\n  /* Only for dropdown when it has param use data api to get the data back and add it to datasource */\n  useEffect(() => {\n    if (firstChildMeta?.type === 'Dropdown' && rawViewMetadata.config?.parameters) {\n      const { value, key, text } = firstChildMeta.config.datasource.fields;\n      (\n        PCore.getDataApiUtils().getData(\n          refList,\n          {\n            dataViewParameters: parameters\n          } as any,\n          ''\n        ) as Promise<any>\n      )\n        .then(res => {\n          if (res.data.data !== null) {\n            const ddDataSource = res.data.data\n              .map(listItem => ({\n                key: listItem[key.split(' .', 2)[1]],\n                text: listItem[text.split(' .', 2)[1]],\n                value: listItem[value.split(' .', 2)[1]]\n              }))\n              .filter(item => item.key);\n            // Filtering out undefined entries that will break preview\n            setDropDownDataSource(ddDataSource);\n          } else {\n            const ddDataSource: any = [];\n            setDropDownDataSource(ddDataSource);\n          }\n        })\n        .catch(err => {\n          // eslint-disable-next-line no-console\n          console.error(err?.stack);\n          return Promise.resolve({\n            data: { data: [] }\n          });\n        });\n    }\n  }, [firstChildMeta, rawViewMetadata, parameters]);\n\n  if (firstChildMeta?.type !== 'Region') {\n    firstChildPConnect = getPConnect().getChildren()?.[0].getPConnect;\n    /* remove refresh When condition from those old view so that it will not be used for runtime */\n    if (firstChildMeta.config?.readOnly) {\n      delete firstChildMeta.config.readOnly;\n    }\n    if (firstChildMeta?.type === 'Dropdown') {\n      firstChildMeta.config.datasource.source = rawViewMetadata.config?.parameters\n        ? dropDownDataSource\n        : '@DATASOURCE '.concat(refList).concat('.pxResults');\n    } else if (firstChildMeta?.type === 'AutoComplete') {\n      firstChildMeta.config.datasource = refList;\n\n      /* Insert the parameters to the component only if present */\n      if (rawViewMetadata.config?.parameters) {\n        firstChildMeta.config.parameters = parameters;\n      }\n    }\n    // set displayMode conditionally\n    if (!canBeChangedInReviewMode) {\n      firstChildMeta.config.displayMode = displayMode;\n    }\n    if (firstChildMeta.type === 'SimpleTableSelect' && selectionMode === SELECTION_MODE.MULTI) {\n      propName = PCore.getAnnotationUtils().getPropertyName(firstChildMeta.config.selectionList);\n    } else {\n      propName = PCore.getAnnotationUtils().getPropertyName(firstChildMeta.config.value);\n    }\n  }\n\n  const handleSelection = event => {\n    const caseKey = pConn.getCaseInfo().getKey();\n    const refreshOptions = { autoDetectRefresh: true };\n    if (canBeChangedInReviewMode && pConn.getValue('__currentPageTabViewName', '')) {\n      // 2nd arg empty string until typedef marked correctly\n      getPConnect().getActionsApi().refreshCaseView(caseKey, pConn.getValue('__currentPageTabViewName', ''), null, refreshOptions); // 2nd arg empty string until typedef marked correctly\n      PCore.getDeferLoadManager().refreshActiveComponents(pConn.getContextName());\n    } else {\n      const pgRef = pConn.getPageReference().replace('caseInfo.content', '');\n      getPConnect().getActionsApi().refreshCaseView(caseKey, viewName, pgRef, refreshOptions);\n    }\n\n    // AutoComplete sets value on event.id whereas Dropdown sets it on event.target.value\n    const propValue = event?.id || event?.target.value;\n    if (propValue && canBeChangedInReviewMode && isDisplayModeEnabled) {\n      (PCore.getDataApiUtils().getCaseEditLock(caseKey, '') as Promise<any>).then(caseResponse => {\n        const pageTokens = pConn.getPageReference().replace('caseInfo.content', '').split('.');\n        let curr = {};\n        const commitData = curr;\n\n        pageTokens.forEach(el => {\n          if (el !== '') {\n            curr[el] = {};\n            curr = curr[el];\n          }\n        });\n\n        // expecting format like {Customer: {pyID:\"C-100\"}}\n        const propArr = propName.split('.');\n        propArr.forEach((element, idx) => {\n          if (idx + 1 === propArr.length) {\n            curr[element] = propValue;\n          } else {\n            curr[element] = {};\n            curr = curr[element];\n          }\n        });\n\n        (\n          PCore.getDataApiUtils().updateCaseEditFieldsData(\n            caseKey,\n            { [caseKey]: commitData },\n            caseResponse.headers.etag,\n            pConn.getContextName()\n          ) as Promise<any>\n        ).then(response => {\n          PCore.getContainerUtils().updateParentLastUpdateTime(pConn.getContextName(), response.data.data.caseInfo.lastUpdateTime);\n          PCore.getContainerUtils().updateRelatedContextEtag(pConn.getContextName(), response.headers.etag);\n        });\n      });\n    }\n  };\n\n  // Re-create first child with overridden props\n  // Memoized child in order to stop unmount and remount of the child component when data reference\n  // rerenders without any actual change\n  const recreatedFirstChild = useMemo(() => {\n    const { type, config } = firstChildMeta;\n    if (firstChildMeta?.type !== 'Region') {\n      pConn.clearErrorMessages({\n        // Need to add empty string for category and context to match typdef\n        property: propName,\n        category: '',\n        context: ''\n      });\n      if (!canBeChangedInReviewMode && isDisplayModeEnabled && selectionMode === SELECTION_MODE.SINGLE) {\n        return (\n          <SingleReferenceReadonly\n            config={config}\n            getPConnect={firstChildPConnect}\n            label={propsToUse.label}\n            type={type}\n            displayAs={displayAs}\n            displayMode={displayMode}\n            ruleClass={ruleClass}\n            referenceType={referenceType}\n            hideLabel={hideLabel}\n            dataRelationshipContext={rawViewMetadata.config.contextClass && rawViewMetadata.config.name ? rawViewMetadata.config.name : null}\n          />\n        );\n      }\n\n      if (isDisplayModeEnabled && selectionMode === SELECTION_MODE.MULTI) {\n        return <MultiReferenceReadonly config={config} getPConnect={firstChildPConnect} label={propsToUse.label} hideLabel={hideLabel} />;\n      }\n\n      // In the case of a datasource with parameters you cannot load the dropdown before the parameters\n      if (type === 'Dropdown' && rawViewMetadata.config?.parameters && dropDownDataSource === null) {\n        return null;\n      }\n\n      return firstChildPConnect().createComponent(\n        {\n          type,\n          config: {\n            ...config,\n            required: propsToUse.required,\n            visibility: propsToUse.visibility,\n            disabled: propsToUse.disabled,\n            label: propsToUse.label,\n            viewName: getPConnect().getCurrentView(),\n            parameters: rawViewMetadata.config.parameters,\n            readOnly: false,\n            localeReference: rawViewMetadata.config.localeReference,\n            ...(selectionMode === SELECTION_MODE.SINGLE ? { referenceType } : ''),\n            dataRelationshipContext: rawViewMetadata.config.contextClass && rawViewMetadata.config.name ? rawViewMetadata.config.name : null,\n            hideLabel,\n            onRecordChange: handleSelection\n          }\n        },\n        '',\n        '',\n        {}\n      ); // 2nd, 3rd, and 4th args empty string/object/null until typedef marked correctly as optional);\n    }\n  }, [firstChildMeta.config?.datasource?.source, parameters, dropDownDataSource, propsToUse.required, propsToUse.disabled]);\n\n  // Only include the views region for rendering when it has content\n  if (firstChildMeta?.type !== 'Region') {\n    const viewsRegion = rawViewMetadata.children[1];\n    if (viewsRegion?.name === 'Views' && viewsRegion.children.length) {\n      childrenToRender = [recreatedFirstChild, ...(children as ReactElement[]).slice(1)];\n    } else {\n      childrenToRender = [recreatedFirstChild];\n    }\n  }\n\n  return childrenToRender.length === 1 ? (\n    childrenToRender[0] ?? null\n  ) : (\n    <div>\n      {childrenToRender.map(child => (\n        <>{child}</>\n      ))}\n    </div>\n  );\n}\n"]}

package/lib/components/template/DefaultForm/DefaultForm.css

@@ -16,15 +16,19 @@
   gap: calc(1rem);
 }
 
+.psdk-default-form-three-column .grid-column {
+  grid-column: 1 / span 3;
+}
+
 .psdk-default-form-two-column .grid-column {
   grid-column: 1 / span 2;
 }
 
-.psdk-default-form-three-column .grid-column {
-  grid-column: 1 / span 3;
+.psdk-default-form-one-column .grid-column {
+  grid-column: 1;
 }
 
-.psdk-default-form-instruction-text{
+.psdk-default-form-instruction-text {
   padding-top: 0.625rem;
   padding-bottom: 0.625rem;
 }

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

@@ -1,14 +1,10 @@
-/// <reference types="react" />
-import PropTypes from 'prop-types';
+import { PropsWithChildren } from 'react';
+import { PConnProps } from '../../../types/PConnProps';
 import './DefaultForm.css';
-declare function DefaultForm(props: any): JSX.Element;
-declare namespace DefaultForm {
-    var propTypes: {
-        NumCols: PropTypes.Requireable<string>;
-    };
-    var defaultProps: {
-        NumCols: string;
-    };
+interface DefaultFormProps extends PConnProps {
+    NumCols: string;
+    instructions: string;
 }
-export default DefaultForm;
+export default function DefaultForm(props: PropsWithChildren<DefaultFormProps>): JSX.Element;
+export {};
 //# sourceMappingURL=DefaultForm.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"DefaultForm.d.ts","sourceRoot":"","sources":["../../../../src/components/template/DefaultForm/DefaultForm.tsx"],"names":[],"mappings":";AACA,OAAO,SAAS,MAAM,YAAY,CAAC;AAMnC,OAAO,mBAAmB,CAAC;AAQ3B,iBAAwB,WAAW,CAAC,KAAK,KAAA,eA0CxC;kBA1CuB,WAAW;;;;;;;;eAAX,WAAW"}
+{"version":3,"file":"DefaultForm.d.ts","sourceRoot":"","sources":["../../../../src/components/template/DefaultForm/DefaultForm.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAiB,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAOzD,OAAO,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAC;AAEvD,OAAO,mBAAmB,CAAC;AAE3B,UAAU,gBAAiB,SAAQ,UAAU;IAE3C,OAAO,EAAE,MAAM,CAAC;IAChB,YAAY,EAAE,MAAM,CAAC;CACtB;AAQD,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,KAAK,EAAE,iBAAiB,CAAC,gBAAgB,CAAC,eA0C7E"}

package/lib/components/template/DefaultForm/DefaultForm.js

@@ -1,5 +1,5 @@
-import React, { createElement } from 'react';
-import PropTypes from 'prop-types';
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { createElement } from 'react';
 import { getInstructions } from '../../helpers/template-utils';
 import createPConnectComponent from '../../../bridge/react_pconnect';
 import connectToState from '../../helpers/state-utils';
@@ -10,7 +10,7 @@ const Child = connectToState(mapStateToProps)(props => {
     return createElement(createPConnectComponent(), { ...rest, key, visibility });
 });
 export default function DefaultForm(props) {
-    const { getPConnect, NumCols } = props;
+    const { getPConnect, NumCols = '1' } = props;
     const instructions = getInstructions(getPConnect(), props.instructions);
     let divClass;
     const numCols = NumCols || '1';
@@ -33,17 +33,7 @@ export default function DefaultForm(props) {
     // to take the children and create components for them, put in an array and pass as the
     // defaultForm kids
     const arChildren = getPConnect().getChildren()[0].getPConnect().getChildren();
-    const dfChildren = arChildren.map(kid => React.createElement(Child, { key: getKeyForMappedField(kid), ...kid }));
-    return (React.createElement(React.Fragment, null,
-        instructions && (React.createElement("div", { className: 'psdk-default-form-instruction-text' },
-            React.createElement("div", { key: "instructions", id: "instruction-text", dangerouslySetInnerHTML: { __html: instructions } }))),
-        React.createElement("div", { className: divClass }, dfChildren)));
+    const dfChildren = arChildren?.map(kid => _jsx(Child, { ...kid }, getKeyForMappedField(kid)));
+    return (_jsxs(_Fragment, { children: [instructions && (_jsx("div", { className: 'psdk-default-form-instruction-text', children: _jsx("div", { id: 'instruction-text', dangerouslySetInnerHTML: { __html: instructions } }, 'instructions') })), _jsx("div", { className: divClass, children: dfChildren })] }));
 }
-DefaultForm.propTypes = {
-    // children: PropTypes.arrayOf(PropTypes.node).isRequired,
-    NumCols: PropTypes.string
-};
-DefaultForm.defaultProps = {
-    NumCols: '1'
-};
 //# sourceMappingURL=DefaultForm.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"DefaultForm.js","sourceRoot":"","sources":["../../../../src/components/template/DefaultForm/DefaultForm.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAC7C,OAAO,SAAS,MAAM,YAAY,CAAC;AACnC,OAAO,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAC;AAC/D,OAAO,uBAAuB,MAAM,gCAAgC,CAAC;AACrE,OAAO,cAAc,MAAM,2BAA2B,CAAC;AACvD,OAAO,EAAE,oBAAoB,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAEhE,OAAO,mBAAmB,CAAC;AAE3B,MAAM,KAAK,GAAG,cAAc,CAAC,eAAe,CAAC,CAAC,KAAK,CAAC,EAAE;IACpD,MAAM,EAAE,GAAG,EAAE,UAAU,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK,CAAC;IAE3C,OAAO,aAAa,CAAC,uBAAuB,EAAE,EAAE,EAAE,GAAG,IAAI,EAAE,GAAG,EAAE,UAAU,EAAE,CAAC,CAAC;AAChF,CAAC,CAAC,CAAC;AAEH,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,KAAK;IACvC,MAAM,EAAE,WAAW,EAAE,OAAO,EAAE,GAAG,KAAK,CAAC;IACvC,MAAM,YAAY,GAAG,eAAe,CAAC,WAAW,EAAE,EAAE,KAAK,CAAC,YAAY,CAAC,CAAC;IAExE,IAAI,QAAgB,CAAC;IAErB,MAAM,OAAO,GAAG,OAAO,IAAI,GAAG,CAAC;IAC/B,QAAQ,OAAO,EAAE;QACf,KAAK,GAAG;YACN,QAAQ,GAAG,8BAA8B,CAAC;YAC1C,MAAM;QACR,KAAK,GAAG;YACN,QAAQ,GAAG,8BAA8B,CAAC;YAC1C,MAAM;QACR,KAAK,GAAG;YACN,QAAQ,GAAG,gCAAgC,CAAC;YAC5C,MAAM;QACR;YACE,QAAQ,GAAG,8BAA8B,CAAC;YAC1C,MAAM;KACT;IAED,YAAY;IAEZ,yFAAyF;IACzF,uFAAuF;IACvF,mBAAmB;IACnB,MAAM,UAAU,GAAG,WAAW,EAAE,CAAC,WAAW,EAAE,CAAC,CAAC,CAAC,CAAC,WAAW,EAAE,CAAC,WAAW,EAAE,CAAC;IAC9E,MAAM,UAAU,GAAG,UAAU,CAAC,GAAG,CAAC,GAAG,CAAC,EAAE,CAAC,oBAAC,KAAK,IAAC,GAAG,EAAE,oBAAoB,CAAC,GAAG,CAAC,KAAM,GAAG,GAAI,CAAC,CAAC;IAE7F,OAAO,CACL;QACG,YAAY,IAAI,CACf,6BAAK,SAAS,EAAC,oCAAoC;YAGjD,6BAAK,GAAG,EAAC,cAAc,EAAC,EAAE,EAAC,kBAAkB,EAAC,uBAAuB,EAAE,EAAE,MAAM,EAAE,YAAY,EAAE,GAAI,CAC/F,CACP;QACD,6BAAK,SAAS,EAAE,QAAQ,IAAG,UAAU,CAAO,CAC3C,CACJ,CAAC;AACJ,CAAC;AAED,WAAW,CAAC,SAAS,GAAG;IACtB,0DAA0D;IAC1D,OAAO,EAAE,SAAS,CAAC,MAAM;CAC1B,CAAC;AAEF,WAAW,CAAC,YAAY,GAAG;IACzB,OAAO,EAAE,GAAG;CACb,CAAC","sourcesContent":["import React, { createElement } from 'react';\nimport PropTypes from 'prop-types';\nimport { getInstructions } from '../../helpers/template-utils';\nimport createPConnectComponent from '../../../bridge/react_pconnect';\nimport connectToState from '../../helpers/state-utils';\nimport { getKeyForMappedField, mapStateToProps } from './utils';\n\nimport './DefaultForm.css';\n\nconst Child = connectToState(mapStateToProps)(props => {\n  const { key, visibility, ...rest } = props;\n\n  return createElement(createPConnectComponent(), { ...rest, key, visibility });\n});\n\nexport default function DefaultForm(props) {\n  const { getPConnect, NumCols } = props;\n  const instructions = getInstructions(getPConnect(), props.instructions);\n\n  let divClass: string;\n\n  const numCols = NumCols || '1';\n  switch (numCols) {\n    case '1':\n      divClass = 'psdk-default-form-one-column';\n      break;\n    case '2':\n      divClass = 'psdk-default-form-two-column';\n      break;\n    case '3':\n      divClass = 'psdk-default-form-three-column';\n      break;\n    default:\n      divClass = 'psdk-default-form-one-column';\n      break;\n  }\n\n  // debugger;\n\n  // repoint the children because they are in a region and we need to not render the region\n  // to take the children and create components for them, put in an array and pass as the\n  // defaultForm kids\n  const arChildren = getPConnect().getChildren()[0].getPConnect().getChildren();\n  const dfChildren = arChildren.map(kid => <Child key={getKeyForMappedField(kid)} {...kid} />);\n\n  return (\n    <>\n      {instructions && (\n        <div className='psdk-default-form-instruction-text'>\n          {/* server performs sanitization method for instructions html content */}\n          { /* eslint-disable react/no-danger */ }\n          <div key=\"instructions\" id=\"instruction-text\" dangerouslySetInnerHTML={{ __html: instructions }} />\n        </div>\n      )}\n      <div className={divClass}>{dfChildren}</div>\n    </>\n  );\n}\n\nDefaultForm.propTypes = {\n  // children: PropTypes.arrayOf(PropTypes.node).isRequired,\n  NumCols: PropTypes.string\n};\n\nDefaultForm.defaultProps = {\n  NumCols: '1'\n};\n"]}
+{"version":3,"file":"DefaultForm.js","sourceRoot":"","sources":["../../../../src/components/template/DefaultForm/DefaultForm.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,aAAa,EAAqB,MAAM,OAAO,CAAC;AAEzD,OAAO,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAC;AAC/D,OAAO,uBAAuB,MAAM,gCAAgC,CAAC;AACrE,OAAO,cAAc,MAAM,2BAA2B,CAAC;AAEvD,OAAO,EAAE,oBAAoB,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAGhE,OAAO,mBAAmB,CAAC;AAQ3B,MAAM,KAAK,GAAG,cAAc,CAAC,eAAe,CAAC,CAAC,KAAK,CAAC,EAAE;IACpD,MAAM,EAAE,GAAG,EAAE,UAAU,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK,CAAC;IAE3C,OAAO,aAAa,CAAC,uBAAuB,EAAE,EAAE,EAAE,GAAG,IAAI,EAAE,GAAG,EAAE,UAAU,EAAE,CAAC,CAAC;AAChF,CAAC,CAAC,CAAC;AAEH,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,KAA0C;IAC5E,MAAM,EAAE,WAAW,EAAE,OAAO,GAAG,GAAG,EAAE,GAAG,KAAK,CAAC;IAC7C,MAAM,YAAY,GAAG,eAAe,CAAC,WAAW,EAAE,EAAE,KAAK,CAAC,YAAY,CAAC,CAAC;IAExE,IAAI,QAAgB,CAAC;IAErB,MAAM,OAAO,GAAG,OAAO,IAAI,GAAG,CAAC;IAC/B,QAAQ,OAAO,EAAE;QACf,KAAK,GAAG;YACN,QAAQ,GAAG,8BAA8B,CAAC;YAC1C,MAAM;QACR,KAAK,GAAG;YACN,QAAQ,GAAG,8BAA8B,CAAC;YAC1C,MAAM;QACR,KAAK,GAAG;YACN,QAAQ,GAAG,gCAAgC,CAAC;YAC5C,MAAM;QACR;YACE,QAAQ,GAAG,8BAA8B,CAAC;YAC1C,MAAM;KACT;IAED,YAAY;IAEZ,yFAAyF;IACzF,uFAAuF;IACvF,mBAAmB;IACnB,MAAM,UAAU,GAAG,WAAW,EAAE,CAAC,WAAW,EAAE,CAAC,CAAC,CAAC,CAAC,WAAW,EAAE,CAAC,WAAW,EAAE,CAAC;IAC9E,MAAM,UAAU,GAAG,UAAU,EAAE,GAAG,CAAC,GAAG,CAAC,EAAE,CAAC,KAAC,KAAK,OAAqC,GAAG,IAAlC,oBAAoB,CAAC,GAAG,CAAC,CAAa,CAAC,CAAC;IAE9F,OAAO,CACL,8BACG,YAAY,IAAI,CACf,cAAK,SAAS,EAAC,oCAAoC,YAGjD,cAAwB,EAAE,EAAC,kBAAkB,EAAC,uBAAuB,EAAE,EAAE,MAAM,EAAE,YAAY,EAAE,IAAtF,cAAc,CAA4E,GAC/F,CACP,EACD,cAAK,SAAS,EAAE,QAAQ,YAAG,UAAU,GAAO,IAC3C,CACJ,CAAC;AACJ,CAAC","sourcesContent":["import { createElement, PropsWithChildren } from 'react';\n\nimport { getInstructions } from '../../helpers/template-utils';\nimport createPConnectComponent from '../../../bridge/react_pconnect';\nimport connectToState from '../../helpers/state-utils';\n\nimport { getKeyForMappedField, mapStateToProps } from './utils';\nimport { PConnProps } from '../../../types/PConnProps';\n\nimport './DefaultForm.css';\n\ninterface DefaultFormProps extends PConnProps {\n  // If any, enter additional props that only exist on this component\n  NumCols: string;\n  instructions: string;\n}\n\nconst Child = connectToState(mapStateToProps)(props => {\n  const { key, visibility, ...rest } = props;\n\n  return createElement(createPConnectComponent(), { ...rest, key, visibility });\n});\n\nexport default function DefaultForm(props: PropsWithChildren<DefaultFormProps>) {\n  const { getPConnect, NumCols = '1' } = props;\n  const instructions = getInstructions(getPConnect(), props.instructions);\n\n  let divClass: string;\n\n  const numCols = NumCols || '1';\n  switch (numCols) {\n    case '1':\n      divClass = 'psdk-default-form-one-column';\n      break;\n    case '2':\n      divClass = 'psdk-default-form-two-column';\n      break;\n    case '3':\n      divClass = 'psdk-default-form-three-column';\n      break;\n    default:\n      divClass = 'psdk-default-form-one-column';\n      break;\n  }\n\n  // debugger;\n\n  // repoint the children because they are in a region and we need to not render the region\n  // to take the children and create components for them, put in an array and pass as the\n  // defaultForm kids\n  const arChildren = getPConnect().getChildren()[0].getPConnect().getChildren();\n  const dfChildren = arChildren?.map(kid => <Child key={getKeyForMappedField(kid)} {...kid} />);\n\n  return (\n    <>\n      {instructions && (\n        <div className='psdk-default-form-instruction-text'>\n          {/* server performs sanitization method for instructions html content */}\n          {/* eslint-disable react/no-danger */}\n          <div key='instructions' id='instruction-text' dangerouslySetInnerHTML={{ __html: instructions }} />\n        </div>\n      )}\n      <div className={divClass}>{dfChildren}</div>\n    </>\n  );\n}\n"]}

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

@@ -1,18 +1,10 @@
 /// <reference types="react" />
-import PropTypes from 'prop-types';
-declare function Details(props: any): JSX.Element;
-declare namespace Details {
-    var defaultProps: {
-        label: undefined;
-        showLabel: boolean;
-        showHighlightedData: boolean;
-    };
-    var propTypes: {
-        showLabel: PropTypes.Requireable<boolean>;
-        label: PropTypes.Requireable<string>;
-        getPConnect: PropTypes.Validator<(...args: any[]) => any>;
-        showHighlightedData: PropTypes.Requireable<boolean>;
-    };
+import { PConnProps } from '../../../../types/PConnProps';
+interface DetailsProps extends PConnProps {
+    label: string;
+    showLabel: boolean;
+    showHighlightedData: boolean;
 }
-export default Details;
+export default function Details(props: DetailsProps): JSX.Element;
+export {};
 //# 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":";AACA,OAAO,SAAS,MAAM,YAAY,CAAC;AAKnC,iBAAwB,OAAO,CAAC,KAAK,KAAA,eAyDpC;kBAzDuB,OAAO;;;;;;;;;;;;;eAAP,OAAO"}
+{"version":3,"file":"Details.d.ts","sourceRoot":"","sources":["../../../../../src/components/template/Details/Details/Details.tsx"],"names":[],"mappings":";AAKA,OAAO,EAAE,UAAU,EAAE,MAAM,8BAA8B,CAAC;AAE1D,UAAU,YAAa,SAAQ,UAAU;IAEvC,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,EAAE,OAAO,CAAC;IACnB,mBAAmB,EAAE,OAAO,CAAC;CAC9B;AAED,MAAM,CAAC,OAAO,UAAU,OAAO,CAAC,KAAK,EAAE,YAAY,eA0DlD"}