npm - @pega/react-sdk-components - Versions diffs - 0.23.25 → 0.23.27 - Mend

@pega/react-sdk-components 0.23.25 → 0.23.27

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

Files changed (656) hide show

package/lib/components/helpers/utils.js.map CHANGED Viewed

package/lib/components/helpers/versionHelpers.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"versionHelpers.d.ts","sourceRoot":"","sources":["../../../src/components/helpers/versionHelpers.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;~~AAIH~~,eAAO,MAAM,UAAU,QAAQ,CAAC;AAEhC,wBAAgB,uBAAuB,~~SAOtC~~"}
1	+ {"version":3,"file":"versionHelpers.d.ts","sourceRoot":"","sources":["../../../src/components/helpers/versionHelpers.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,eAAO,MAAM,UAAU,QAAQ,CAAC;AAEhC,wBAAgB,uBAAuB,SAKtC"}

package/lib/components/helpers/versionHelpers.js CHANGED Viewed

@@ -4,7 +4,7 @@
  * Container helper functions that can identify which version of
  * PCore/PConnect is being run
  */
-export const sdkVersion = "8.7";
+export const sdkVersion = '8.7';
 export function compareSdkPCoreVersions() {
     // const theConstellationVersion = PCore.getPCoreVersion();
     // eslint-disable-next-line no-console

package/lib/components/helpers/versionHelpers.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"versionHelpers.js","sourceRoot":"","sources":["../../../src/components/helpers/versionHelpers.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;~~AAIH~~,MAAM,CAAC,MAAM,UAAU,GAAG,KAAK,CAAC;AAEhC,MAAM,UAAU,uBAAuB;~~IAErC~~,2DAA2D;IAE3D,sCAAsC;IACtC,OAAO,CAAC,IAAI,CAAC,+BAA+B,KAAK,CAAC,eAAe,EAAE,4DAA4D,CAAC,CAAC;~~AAEnI~~,CAAC","sourcesContent":["/*\n versionHelpers.ts\n \n Container helper functions that can identify which version of\n * PCore/PConnect is being run\n */\n\~~ndeclare const PCore;\n\~~nexport const sdkVersion = \"8.7\";\n\nexport function compareSdkPCoreVersions() {\n\n // const theConstellationVersion = PCore.getPCoreVersion();\n\n // eslint-disable-next-line no-console\n console.warn(`Using Constellation version ${PCore.getPCoreVersion()}. Ensure this is the same version as your Infinity server.`);\n\n}\n"]}
1	+ {"version":3,"file":"versionHelpers.js","sourceRoot":"","sources":["../../../src/components/helpers/versionHelpers.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,MAAM,CAAC,MAAM,UAAU,GAAG,KAAK,CAAC;AAEhC,MAAM,UAAU,uBAAuB;IACrC,2DAA2D;IAE3D,sCAAsC;IACtC,OAAO,CAAC,IAAI,CAAC,+BAA+B,KAAK,CAAC,eAAe,EAAE,4DAA4D,CAAC,CAAC;AACnI,CAAC","sourcesContent":["/*\n versionHelpers.ts\n \n Container helper functions that can identify which version of\n * PCore/PConnect is being run\n */\n\nexport const sdkVersion = '8.7';\n\nexport function compareSdkPCoreVersions() {\n // const theConstellationVersion = PCore.getPCoreVersion();\n\n // eslint-disable-next-line no-console\n console.warn(`Using Constellation version ${PCore.getPCoreVersion()}. Ensure this is the same version as your Infinity server.`);\n}\n"]}

package/lib/components/infra/ActionButtons/ActionButtons.d.ts CHANGED Viewed

@@ -1,16 +1,9 @@
 /// <reference types="react" />
-import PropTypes from "prop-types";
-declare function ActionButtons(props: any): JSX.Element;
-declare namespace ActionButtons {
-    var propTypes: {
-        arMainButtons: PropTypes.Requireable<any[]>;
-        arSecondaryButtons: PropTypes.Requireable<any[]>;
-        onButtonPress: PropTypes.Requireable<(...args: any[]) => any>;
-    };
-    var defaultProps: {
-        arMainButtons: never[];
-        arSecondaryButtons: never[];
-    };
+interface ActionButtonsProps {
+    arMainButtons?: any[];
+    arSecondaryButtons?: any[];
+    onButtonPress: any;
 }
-export default ActionButtons;
+export default function ActionButtons(props: ActionButtonsProps): JSX.Element;
+export {};
 //# sourceMappingURL=ActionButtons.d.ts.map

package/lib/components/infra/ActionButtons/ActionButtons.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ActionButtons.d.ts","sourceRoot":"","sources":["../../../../src/components/infra/ActionButtons/ActionButtons.tsx"],"names":[],"mappings":";~~AACA~~,~~OAAO~~,~~SAAS~~,~~MAAM~~,~~YAAY~~,CAAC;~~AAmBnC~~,~~iBAAwB~~,~~aAAa~~,CAAC,~~KAAK~~,~~KAAA~~,~~eAoC1C~~;~~kBApCuB~~,aAAa~~;;;;;;;;;;;eAAb~~,~~aAAa~~"}
1	+ {"version":3,"file":"ActionButtons.d.ts","sourceRoot":"","sources":["../../../../src/components/infra/ActionButtons/ActionButtons.tsx"],"names":[],"mappings":";AAKA,UAAU,kBAAkB;IAE1B,aAAa,CAAC,EAAE,GAAG,EAAE,CAAC;IACtB,kBAAkB,CAAC,EAAE,GAAG,EAAE,CAAC;IAC3B,aAAa,EAAE,GAAG,CAAC;CACpB;AAYD,MAAM,CAAC,OAAO,UAAU,aAAa,CAAC,KAAK,EAAE,kBAAkB,eAmD9D"}

package/lib/components/infra/ActionButtons/ActionButtons.js CHANGED Viewed

@@ -1,42 +1,28 @@
-import React from "react";
-import PropTypes from "prop-types";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { makeStyles } from '@material-ui/core/styles';
 import Button from '@material-ui/core/Button';
-import { Grid, Divider } from "@material-ui/core";
+import { Grid, Divider } from '@material-ui/core';
 const useStyles = makeStyles(( /* theme */) => ({
     button: {
-        padding: "0px 5px",
+        padding: '0px 5px'
     },
     divider: {
-        marginTop: "10px",
-        marginBottom: "10px"
+        marginTop: '10px',
+        marginBottom: '10px'
     }
 }));
 export default function ActionButtons(props) {
-    const { arMainButtons, arSecondaryButtons, onButtonPress } = props;
+    const { arMainButtons = [], arSecondaryButtons = [], onButtonPress } = props;
     const classes = useStyles();
+    const localizedVal = PCore.getLocaleUtils().getLocaleValue;
+    const localeCategory = 'Assignment';
     function _onButtonPress(sAction, sButtonType) {
         onButtonPress(sAction, sButtonType);
     }
-    return (React.createElement(React.Fragment, null,
-        React.createElement(Divider, { className: classes.divider }),
-        React.createElement(Grid, { container: true, spacing: 4, justifyContent: "space-between" },
-            React.createElement(Grid, { item: true },
-                React.createElement(Grid, { container: true, spacing: 1 }, arSecondaryButtons.map((sButton) => (React.createElement(Grid, { item: true, key: sButton.name },
-                    React.createElement(Button, { variant: "contained", color: "secondary", onClick: () => { _onButtonPress(sButton.jsAction, "secondary"); } }, sButton.name)))))),
-            React.createElement(Grid, { item: true },
-                React.createElement(Grid, { container: true, spacing: 1 }, arMainButtons.map((mButton) => (React.createElement(Grid, { item: true, key: mButton.name },
-                    React.createElement(Button, { variant: "contained", color: "primary", onClick: () => { _onButtonPress(mButton.jsAction, "primary"); } }, mButton.name)))))))));
+    return (_jsxs(_Fragment, { children: [_jsx(Divider, { className: classes.divider }), _jsxs(Grid, { container: true, spacing: 4, justifyContent: 'space-between', children: [_jsx(Grid, { item: true, children: _jsx(Grid, { container: true, spacing: 1, children: arSecondaryButtons.map(sButton => (_jsx(Grid, { item: true, children: _jsx(Button, { variant: 'contained', color: 'secondary', onClick: () => {
+                                        _onButtonPress(sButton.jsAction, 'secondary');
+                                    }, children: localizedVal(sButton.name, localeCategory) }) }, sButton.name))) }) }), _jsx(Grid, { item: true, children: _jsx(Grid, { container: true, spacing: 1, children: arMainButtons.map(mButton => (_jsx(Grid, { item: true, children: _jsx(Button, { variant: 'contained', color: 'primary', onClick: () => {
+                                        _onButtonPress(mButton.jsAction, 'primary');
+                                    }, children: localizedVal(mButton.name, localeCategory) }) }, mButton.name))) }) })] })] }));
 }
-ActionButtons.propTypes = {
-    arMainButtons: PropTypes.array,
-    arSecondaryButtons: PropTypes.array,
-    onButtonPress: PropTypes.func
-    // buildName: PropTypes.string
-};
-ActionButtons.defaultProps = {
-    arMainButtons: [],
-    arSecondaryButtons: []
-    // buildName: null
-};
 //# sourceMappingURL=ActionButtons.js.map

package/lib/components/infra/ActionButtons/ActionButtons.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ActionButtons.js","sourceRoot":"","sources":["../../../../src/components/infra/ActionButtons/ActionButtons.tsx"],"names":[],"mappings":"AAAA,OAAO,~~KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,SAAS,MAAM,YAAY,CAAC;AACnC,OAAO,~~EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;~~AAEtD~~,OAAO,MAAM,MAAM,0BAA0B,CAAC;AAC9C,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;~~AAIlD~~,MAAM,SAAS,GAAG,UAAU,CAAC,EAAC,WAAW,EAAE,EAAE,CAAC,CAAC;IAC7C,MAAM,EAAE;QACN,OAAO,EAAE,SAAS;KACnB;IACD,OAAO,EAAE;QACP,SAAS,EAAE,MAAM;QACjB,YAAY,EAAE,MAAM;KACrB;CACF,CAAC,CAAC,CAAC;~~AAGJ~~,MAAM,CAAC,OAAO,UAAU,aAAa,CAAC,~~KAAK~~;~~IACzC~~,MAAM,EAAE,aAAa,EAAE,kBAAkB,EAAE,aAAa,EAAE,GAAG,KAAK,CAAC;~~IACnE~~,MAAM,OAAO,GAAG,SAAS,EAAE,CAAC;~~IAE5B~~,SAAS,cAAc,CAAC,OAAe,EAAE,WAAmB;~~QAE1D~~,aAAa,CAAC,OAAO,EAAE,WAAW,CAAC,CAAC;IACtC,CAAC;IAED,OAAO,CACL,~~oBAAC~~,~~KAAK~~,~~CAAC,QAAQ;QACb,oBAAC,~~OAAO,IAAC,SAAS,EAAE,OAAO,CAAC,OAAO,~~GAAG;QACtC~~,~~oBAAC~~,IAAI,IAAC,SAAS,QAAC,OAAO,EAAE,CAAC,EAAE,cAAc,EAAC,eAAe~~;YACxD~~,~~oBAAC~~,IAAI,IAAC,IAAI~~;gBACR~~,~~oBAAC~~,IAAI,IAAC,SAAS,QAAC,OAAO,EAAE,CAAC,~~IACzB~~,kBAAkB,CAAC,GAAG,CAAC,~~CAAC,~~OAAO,~~EAAE~~,EAAE,CAAC,~~CAC7B~~,~~oBAAC~~,IAAI,IAAC,IAAI,~~QAAC~~,~~GAAG~~,~~EAAE,OAAO,CAAC,IAAI;oBAC1B,oBAAC,~~MAAM,~~IAAC~~,OAAO,EAAC,WAAW,~~EAAC~~,KAAK,EAAC,WAAW,~~EAAC~~,OAAO,EAAE,GAAG,EAAE,~~GAAG,~~cAAc,CAAC,OAAO,CAAC,QAAQ,EAAE,WAAW,CAAC,~~CAAA~~,~~CAAA~~,CAAC,IAAI,OAAO,CAAC,IAAI,~~CAAU~~,~~CAClI,~~CACR,CAAC,~~CACD~~,~~CACF;YACP~~,~~oBAAC~~,IAAI,IAAC,IAAI~~;gBACR~~,~~oBAAC~~,IAAI,IAAC,SAAS,QAAC,OAAO,EAAE,CAAC,~~IACzB~~,aAAa,CAAC,GAAG,CAAC,~~CAAC,~~OAAO,~~EAAE~~,EAAE,CAAC,~~CACxB~~,~~oBAAC~~,IAAI,IAAC,IAAI,~~QAAC~~,~~GAAG~~,~~EAAE,OAAO,CAAC,IAAI;oBAC1B,oBAAC,~~MAAM,~~IAAC~~,OAAO,EAAC,WAAW,~~EAAC~~,KAAK,EAAC,SAAS,~~EAAC~~,OAAO,EAAE,GAAG,EAAE,~~GAAG,~~cAAc,CAAC,OAAO,CAAC,QAAQ,EAAE,SAAS,CAAC,~~CAAA,CAAA,~~CAAC,~~IAAI,OAAO,~~CAAC,~~IAAI~~,~~CAAU~~,~~CAC9H,CACR,~~CAAC,~~CACD~~,~~CACF,CACF,CAEQ,CAElB,CAAA;AACH,~~CAAC~~;AAED~~,~~aAAa~~,~~CAAC,SAAS,GAAG;IACxB,aAAa,~~EAAE,~~SAAS~~,CAAC,~~KAAK;IAC9B~~,~~kBAAkB~~,~~EAAE~~,~~SAAS,~~CAAC,~~KAAK;IACnC,aAAa,EAAE,SAAS,CAAC,~~IAAI~~;IAC7B~~,~~8BAA8B;CAC/B~~,~~CAAC;AAEF~~,~~aAAa,~~CAAC,~~YAAY~~,~~GAAG;IAC3B~~,~~aAAa~~,~~EAAE~~,~~EAAE;IACjB~~,~~kBAAkB,EAAE,EAAE~~;~~IACtB~~,~~kBAAkB;CACnB,~~CAAC","sourcesContent":["import ~~React from \"react\";\nimport PropTypes from \"prop-types\";\nimport~~ { makeStyles } from '@material-ui/core/styles';\n\nimport Button from '@material-ui/core/Button';\nimport { Grid, Divider } from \"@material-ui/core\";\n\n\n\nconst useStyles = makeStyles((/* theme */) => ({\n button: {\n padding: \"0px 5px\~~",\~~n },\n divider: {\n marginTop: \"10px\",\n marginBottom: \"10px\"\n }\n}));\n\n\nexport default function ActionButtons(props) {\n const { arMainButtons, arSecondaryButtons, onButtonPress } = props;\n const classes = useStyles();\n\n function _onButtonPress(sAction: string, sButtonType: string) {\n\n onButtonPress(sAction, sButtonType);\n }\n\n return (\n ~~<React.Fragment>\~~n <Divider className={classes.divider}/>\n <Grid container spacing={4} justifyContent~~=\"~~space-between\">\n <Grid item>\n <Grid container spacing={1}>\n {arSecondaryButtons.map((sButton) => (\n <Grid item key={sButton.name}>\n <Button variant~~=\"~~contained\" color~~=\"~~secondary\" onClick={() => { _onButtonPress(sButton.jsAction, \"secondary\")}} >{sButton.name}</Button>\n </Grid>\n ))}\n </Grid>\n </Grid>\n <Grid item>\n <Grid container spacing={1}>\n {arMainButtons.map((mButton) => (\n <Grid item key={mButton.name}>\n <Button variant~~=\"~~contained\" color~~=\"~~primary\" onClick={() => { _onButtonPress(mButton.jsAction, \"primary\")}} >{mButton.name}</Button>\n </Grid>\n ))}\n </Grid>\n </Grid>\n </Grid>\n\n ~~</React.Fragment>\~~n\n )\n}\n\nActionButtons.propTypes = {\n arMainButtons: PropTypes.array,\n arSecondaryButtons: PropTypes.array,\n onButtonPress: PropTypes.func\n // buildName: PropTypes.string\n};\n\nActionButtons.defaultProps = {\n arMainButtons: [],\n arSecondaryButtons: []\n // buildName: null\n};\n"]}
1	+ {"version":3,"file":"ActionButtons.js","sourceRoot":"","sources":["../../../../src/components/infra/ActionButtons/ActionButtons.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AACtD,OAAO,MAAM,MAAM,0BAA0B,CAAC;AAC9C,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAUlD,MAAM,SAAS,GAAG,UAAU,CAAC,EAAC,WAAW,EAAE,EAAE,CAAC,CAAC;IAC7C,MAAM,EAAE;QACN,OAAO,EAAE,SAAS;KACnB;IACD,OAAO,EAAE;QACP,SAAS,EAAE,MAAM;QACjB,YAAY,EAAE,MAAM;KACrB;CACF,CAAC,CAAC,CAAC;AAEJ,MAAM,CAAC,OAAO,UAAU,aAAa,CAAC,KAAyB;IAC7D,MAAM,EAAE,aAAa,GAAG,EAAE,EAAE,kBAAkB,GAAG,EAAE,EAAE,aAAa,EAAE,GAAG,KAAK,CAAC;IAC7E,MAAM,OAAO,GAAG,SAAS,EAAE,CAAC;IAC5B,MAAM,YAAY,GAAG,KAAK,CAAC,cAAc,EAAE,CAAC,cAAc,CAAC;IAC3D,MAAM,cAAc,GAAG,YAAY,CAAC;IAEpC,SAAS,cAAc,CAAC,OAAe,EAAE,WAAmB;QAC1D,aAAa,CAAC,OAAO,EAAE,WAAW,CAAC,CAAC;IACtC,CAAC;IAED,OAAO,CACL,8BACE,KAAC,OAAO,IAAC,SAAS,EAAE,OAAO,CAAC,OAAO,GAAI,EACvC,MAAC,IAAI,IAAC,SAAS,QAAC,OAAO,EAAE,CAAC,EAAE,cAAc,EAAC,eAAe,aACxD,KAAC,IAAI,IAAC,IAAI,kBACR,KAAC,IAAI,IAAC,SAAS,QAAC,OAAO,EAAE,CAAC,YACvB,kBAAkB,CAAC,GAAG,CAAC,OAAO,CAAC,EAAE,CAAC,CACjC,KAAC,IAAI,IAAC,IAAI,kBACR,KAAC,MAAM,IACL,OAAO,EAAC,WAAW,EACnB,KAAK,EAAC,WAAW,EACjB,OAAO,EAAE,GAAG,EAAE;wCACZ,cAAc,CAAC,OAAO,CAAC,QAAQ,EAAE,WAAW,CAAC,CAAC;oCAChD,CAAC,YAEA,YAAY,CAAC,OAAO,CAAC,IAAI,EAAE,cAAc,CAAC,GACpC,IATK,OAAO,CAAC,IAAI,CAUrB,CACR,CAAC,GACG,GACF,EACP,KAAC,IAAI,IAAC,IAAI,kBACR,KAAC,IAAI,IAAC,SAAS,QAAC,OAAO,EAAE,CAAC,YACvB,aAAa,CAAC,GAAG,CAAC,OAAO,CAAC,EAAE,CAAC,CAC5B,KAAC,IAAI,IAAC,IAAI,kBACR,KAAC,MAAM,IACL,OAAO,EAAC,WAAW,EACnB,KAAK,EAAC,SAAS,EACf,OAAO,EAAE,GAAG,EAAE;wCACZ,cAAc,CAAC,OAAO,CAAC,QAAQ,EAAE,SAAS,CAAC,CAAC;oCAC9C,CAAC,YAEA,YAAY,CAAC,OAAO,CAAC,IAAI,EAAE,cAAc,CAAC,GACpC,IATK,OAAO,CAAC,IAAI,CAUrB,CACR,CAAC,GACG,GACF,IACF,IACN,CACJ,CAAC;AACJ,CAAC","sourcesContent":["import { makeStyles } from '@material-ui/core/styles';\nimport Button from '@material-ui/core/Button';\nimport { Grid, Divider } from '@material-ui/core';\n\n// ActionButtons does NOT have getPConnect. So, no need to extend from PConnProps\ninterface ActionButtonsProps {\n // If any, enter additional props that only exist on this component\n arMainButtons?: any[];\n arSecondaryButtons?: any[];\n onButtonPress: any;\n}\n\nconst useStyles = makeStyles((/* theme */) => ({\n button: {\n padding: '0px 5px'\n },\n divider: {\n marginTop: '10px',\n marginBottom: '10px'\n }\n}));\n\nexport default function ActionButtons(props: ActionButtonsProps) {\n const { arMainButtons = [], arSecondaryButtons = [], onButtonPress } = props;\n const classes = useStyles();\n const localizedVal = PCore.getLocaleUtils().getLocaleValue;\n const localeCategory = 'Assignment';\n\n function _onButtonPress(sAction: string, sButtonType: string) {\n onButtonPress(sAction, sButtonType);\n }\n\n return (\n <>\n <Divider className={classes.divider} />\n <Grid container spacing={4} justifyContent='space-between'>\n <Grid item>\n <Grid container spacing={1}>\n {arSecondaryButtons.map(sButton => (\n <Grid item key={sButton.name}>\n <Button\n variant='contained'\n color='secondary'\n onClick={() => {\n _onButtonPress(sButton.jsAction, 'secondary');\n }}\n >\n {localizedVal(sButton.name, localeCategory)}\n </Button>\n </Grid>\n ))}\n </Grid>\n </Grid>\n <Grid item>\n <Grid container spacing={1}>\n {arMainButtons.map(mButton => (\n <Grid item key={mButton.name}>\n <Button\n variant='contained'\n color='primary'\n onClick={() => {\n _onButtonPress(mButton.jsAction, 'primary');\n }}\n >\n {localizedVal(mButton.name, localeCategory)}\n </Button>\n </Grid>\n ))}\n </Grid>\n </Grid>\n </Grid>\n </>\n );\n}\n"]}

package/lib/components/infra/ActionButtons/index.js.map CHANGED Viewed

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

package/lib/components/infra/Assignment/Assignment.d.ts CHANGED Viewed

@@ -1,17 +1,11 @@
-/// <reference types="react" />
-import PropTypes from 'prop-types';
-declare function Assignment(props: any): JSX.Element;
-declare namespace Assignment {
-    var propTypes: {
-        children: PropTypes.Validator<NonNullable<PropTypes.ReactNodeLike>>;
-        getPConnect: PropTypes.Validator<(...args: any[]) => any>;
-        itemKey: PropTypes.Requireable<string>;
-        isInModal: PropTypes.Requireable<boolean>;
-    };
-    var defaultProps: {
-        itemKey: null;
-        isInModal: boolean;
-    };
+import { PropsWithChildren } from 'react';
+import { PConnProps } from '../../../types/PConnProps';
+interface AssignmentProps extends PConnProps {
+    itemKey: string;
+    isInModal: boolean;
+    banners: any[];
+    actionButtons: any[];
 }
-export default Assignment;
+export default function Assignment(props: PropsWithChildren<AssignmentProps>): JSX.Element;
+export {};
 //# sourceMappingURL=Assignment.d.ts.map

package/lib/components/infra/Assignment/Assignment.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Assignment.d.ts","sourceRoot":"","sources":["../../../../src/components/infra/Assignment/Assignment.tsx"],"names":[],"mappings":";~~AACA~~,OAAO,~~SAAS~~,MAAM,~~YAAY~~,CAAC;~~AAUnC~~,~~iBAAwB~~,UAAU,CAAC,~~KAAK~~,~~KAAA~~,~~eA6QvC~~;~~kBA7QuB~~,UAAU~~;;;;;;;;;;;;eAAV~~,UAAU"}
1	+ {"version":3,"file":"Assignment.d.ts","sourceRoot":"","sources":["../../../../src/components/infra/Assignment/Assignment.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,iBAAiB,EAAuB,MAAM,OAAO,CAAC;AAOtE,OAAO,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAC;AAEvD,UAAU,eAAgB,SAAQ,UAAU;IAE1C,OAAO,EAAE,MAAM,CAAC;IAChB,SAAS,EAAE,OAAO,CAAC;IACnB,OAAO,EAAE,GAAG,EAAE,CAAC;IAEf,aAAa,EAAE,GAAG,EAAE,CAAC;CACtB;AAED,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,KAAK,EAAE,iBAAiB,CAAC,eAAe,CAAC,eAoS3E"}

package/lib/components/infra/Assignment/Assignment.js CHANGED Viewed

@@ -1,19 +1,24 @@
-import React, { useState, useEffect } from 'react';
-import PropTypes from 'prop-types';
-import AssignmentCard from '../AssignmentCard';
-import MultiStep from '../MultiStep';
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useState } from 'react';
 import Snackbar from '@material-ui/core/Snackbar';
 import IconButton from '@material-ui/core/IconButton';
 import CloseIcon from '@material-ui/icons/Close';
+import { getComponentFromMap } from '../../../bridge/helpers/sdk_component_map';
 export default function Assignment(props) {
-    const { getPConnect, children, itemKey, isInModal } = props;
+    // Get emitted components from map (so we can get any override that may exist)
+    const AssignmentCard = getComponentFromMap('AssignmentCard');
+    const MultiStep = getComponentFromMap('MultiStep');
+    const { getPConnect, children, itemKey = '', isInModal = false, banners = [] } = props;
     const thePConn = getPConnect();
     const [bHasNavigation, setHasNavigation] = useState(false);
-    const [actionButtons, setActionButtons] = useState({});
+    const [actionButtons, setActionButtons] = useState([]);
     const [bIsVertical, setIsVertical] = useState(false);
     const [arCurrentStepIndicies, setArCurrentStepIndicies] = useState([]);
     const [arNavigationSteps, setArNavigationSteps] = useState([]);
     const actionsAPI = thePConn.getActionsApi();
+    const localizedVal = PCore.getLocaleUtils().getLocaleValue;
+    const localeCategory = 'Assignment';
+    const localeReference = `${getPConnect().getCaseInfo().getClassName()}!CASE!${getPConnect().getCaseInfo().getName()}`.toUpperCase();
     // store off bound functions to above pointers
     const finishAssignment = actionsAPI.finishAssignment.bind(actionsAPI);
     const navigateToStep = actionsAPI.navigateToStep.bind(actionsAPI);
@@ -29,7 +34,7 @@ export default function Assignment(props) {
             if (step.visited_status === 'current') {
                 arIndicies[depth] = count;
                 // add in
-                step['step_status'] = '';
+                step.step_status = '';
             }
             else if (step.visited_status === 'success') {
                 count += 1;
@@ -46,11 +51,11 @@ export default function Assignment(props) {
         return arIndicies;
     }
     useEffect(() => {
-        if (children && children.length > 0) {
-            // debugger;
-            const oWorkItem = children[0].props.getPConnect();
+        if (children) {
+            const firstChild = Array.isArray(children) ? children[0] : children;
+            const oWorkItem = firstChild.props.getPConnect();
             const oWorkData = oWorkItem.getDataObject();
-            const oData = thePConn.getDataObject();
+            const oData = thePConn.getDataObject(''); // 1st arg empty string until typedefs allow it to be optional
             if (oWorkData?.caseInfo && oWorkData.caseInfo.assignments !== null) {
                 const oCaseInfo = oData.caseInfo;
                 if (oCaseInfo && oCaseInfo.actionButtons) {
@@ -58,18 +63,23 @@ export default function Assignment(props) {
                 }
                 if (oCaseInfo?.navigation /* was oCaseInfo.navigation != null */) {
                     setHasNavigation(true);
-                    if (oCaseInfo.navigation.template &&
-                        oCaseInfo.navigation.template.toLowerCase() === 'standard') {
+                    if ((oCaseInfo.navigation.template && oCaseInfo.navigation.template.toLowerCase() === 'standard') ||
+                        oCaseInfo?.navigation?.steps?.length === 1) {
                         setHasNavigation(false);
                     }
-                    else if (oCaseInfo.navigation.template &&
-                        oCaseInfo.navigation.template.toLowerCase() === 'vertical') {
+                    else if (oCaseInfo.navigation.template && oCaseInfo.navigation.template.toLowerCase() === 'vertical') {
                         setIsVertical(true);
                     }
                     else {
                         setIsVertical(false);
                     }
-                    setArNavigationSteps(JSON.parse(JSON.stringify(oCaseInfo.navigation.steps)));
+                    const steps = JSON.parse(JSON.stringify(oCaseInfo?.navigation?.steps));
+                    steps.forEach(step => {
+                        if (step.name) {
+                            step.name = PCore.getLocaleUtils().getLocaleValue(step.name, undefined, localeReference);
+                        }
+                    });
+                    setArNavigationSteps(steps);
                     setArCurrentStepIndicies(findCurrentIndicies(arNavigationSteps, arCurrentStepIndicies, 0));
                 }
             }
@@ -101,7 +111,7 @@ export default function Assignment(props) {
                     navigatePromise
                         .then(() => { })
                         .catch(() => {
-                        showToast(`Navigation failed!`);
+                        showToast(`${localizedVal('Navigation failed!', localeCategory)}`);
                     });
                     break;
                 }
@@ -111,13 +121,11 @@ export default function Assignment(props) {
                     const savePromise = saveAssignment(itemKey);
                     savePromise
                         .then(() => {
-                        const caseType = thePConn
-                            .getCaseInfo()
-                            .c11nEnv.getValue(PCore.getConstants().CASE_INFO.CASE_TYPE_ID);
+                        const caseType = thePConn.getCaseInfo().c11nEnv.getValue(PCore.getConstants().CASE_INFO.CASE_TYPE_ID);
                         onSaveActionSuccess({ caseType, caseID, assignmentID });
                     })
                         .catch(() => {
-                        showToast('Save failed');
+                        showToast(`${localizedVal('Save failed', localeCategory)}`);
                     });
                     break;
                 }
@@ -125,10 +133,12 @@ export default function Assignment(props) {
                     // check if create stage (modal)
                     const { PUB_SUB_EVENTS } = PCore.getConstants();
                     const { publish } = PCore.getPubSubUtils();
+                    // @ts-ignore - Property 'isAssignmentInCreateStage' is private and only accessible within class 'CaseInfo'
                     const isAssignmentInCreateStage = thePConn.getCaseInfo().isAssignmentInCreateStage();
-                    const isLocalAction = thePConn.getCaseInfo().isLocalAction() ||
-                        (PCore.getConstants().CASE_INFO.IS_LOCAL_ACTION &&
-                            getPConnect().getValue(PCore.getConstants().CASE_INFO.IS_LOCAL_ACTION));
+                    const isLocalAction =
+                    // @ts-ignore - Property 'isLocalAction' is private and only accessible within class 'CaseInfo'.
+                    thePConn.getCaseInfo().isLocalAction() ||
+                        (PCore.getConstants().CASE_INFO.IS_LOCAL_ACTION && getPConnect().getValue(PCore.getConstants().CASE_INFO.IS_LOCAL_ACTION));
                     if (isAssignmentInCreateStage && isInModal && !isLocalAction) {
                         const cancelPromise = cancelCreateStageAssignment(itemKey);
                         cancelPromise
@@ -136,7 +146,7 @@ export default function Assignment(props) {
                             publish(PUB_SUB_EVENTS.EVENT_CANCEL, data);
                         })
                             .catch(() => {
-                            showToast(`Cancel failed!`);
+                            showToast(`${localizedVal('Cancel failed!', localeCategory)}`);
                         });
                     }
                     else {
@@ -146,7 +156,7 @@ export default function Assignment(props) {
                             publish(PUB_SUB_EVENTS.EVENT_CANCEL, data);
                         })
                             .catch(() => {
-                            showToast(`Cancel failed!`);
+                            showToast(`${localizedVal('Cancel failed!', localeCategory)}`);
                         });
                     }
                     break;
@@ -163,7 +173,7 @@ export default function Assignment(props) {
                     finishPromise
                         .then(() => { })
                         .catch(() => {
-                        showToast(`Submit failed!`);
+                        showToast(`${localizedVal('Submit failed!', localeCategory)}`);
                     });
                     break;
                 }
@@ -172,48 +182,35 @@ export default function Assignment(props) {
             }
         }
     }
-    return (React.createElement("div", { id: 'Assignment' }, bHasNavigation ? (React.createElement(React.Fragment, null,
-        React.createElement(MultiStep, { getPConnect: getPConnect, itemKey: itemKey, actionButtons: actionButtons, onButtonPress: buttonPress, bIsVertical: bIsVertical, arCurrentStepIndicies: arCurrentStepIndicies, arNavigationSteps: arNavigationSteps }, children),
-        React.createElement(Snackbar, { open: showSnackbar, autoHideDuration: 3000, onClose: handleSnackbarClose, message: snackbarMessage, action: React.createElement(IconButton, { size: 'small', "aria-label": 'close', color: 'inherit', onClick: handleSnackbarClose },
-                React.createElement(CloseIcon, { fontSize: 'small' })) }))) : (React.createElement(React.Fragment, null,
-        React.createElement(AssignmentCard, { getPConnect: getPConnect, itemKey: itemKey, actionButtons: actionButtons, onButtonPress: buttonPress }, children),
-        React.createElement(Snackbar, { open: showSnackbar, autoHideDuration: 3000, onClose: handleSnackbarClose, message: snackbarMessage, action: React.createElement(IconButton, { size: 'small', "aria-label": 'close', color: 'inherit', onClick: handleSnackbarClose },
-                React.createElement(CloseIcon, { fontSize: 'small' })) })))));
+    function getRefreshProps(refreshConditions) {
+        // refreshConditions cuurently supports only "Changes" event
+        if (!refreshConditions) {
+            return [];
+        }
+        return refreshConditions.filter(item => item.event && item.event === 'Changes').map(item => [item.field, item.field?.substring(1)]) || [];
+    }
+    // expected format of refreshConditions : [{field: ".Name", event: "Changes"}]
+    // @ts-ignore - Property 'getActionRefreshConditions' is private and only accessible within class 'CaseInfo'
+    const refreshConditions = thePConn.getCaseInfo()?.getActionRefreshConditions();
+    const context = thePConn.getContextName();
+    const pageReference = thePConn.getPageReference();
+    // refresh api de-registration
+    PCore.getRefreshManager().deRegisterForRefresh(context);
+    // refresh api registration
+    const refreshProps = getRefreshProps(refreshConditions);
+    const caseKey = thePConn.getCaseInfo().getKey();
+    const refreshOptions = {
+        autoDetectRefresh: true,
+        preserveClientChanges: false
+    };
+    if (refreshProps.length > 0) {
+        refreshProps.forEach(prop => {
+            PCore.getRefreshManager().registerForRefresh('PROP_CHANGE', thePConn.getActionsApi().refreshCaseView.bind(thePConn.getActionsApi(), caseKey, null, pageReference, {
+                ...refreshOptions,
+                refreshFor: prop[0]
+            }), `${pageReference}.${prop[1]}`, `${context}/${pageReference}`, context);
+        });
+    }
+    return (_jsxs("div", { id: 'Assignment', children: [banners, bHasNavigation ? (_jsxs(_Fragment, { children: [_jsx(MultiStep, { getPConnect: getPConnect, itemKey: itemKey, actionButtons: actionButtons, onButtonPress: buttonPress, bIsVertical: bIsVertical, arCurrentStepIndicies: arCurrentStepIndicies, arNavigationSteps: arNavigationSteps, children: children }), _jsx(Snackbar, { open: showSnackbar, autoHideDuration: 3000, onClose: handleSnackbarClose, message: snackbarMessage, action: _jsx(IconButton, { size: 'small', "aria-label": 'close', color: 'inherit', onClick: handleSnackbarClose, children: _jsx(CloseIcon, { fontSize: 'small' }) }) })] })) : (_jsxs(_Fragment, { children: [_jsx(AssignmentCard, { getPConnect: getPConnect, itemKey: itemKey, actionButtons: actionButtons, onButtonPress: buttonPress, children: children }), _jsx(Snackbar, { open: showSnackbar, autoHideDuration: 3000, onClose: handleSnackbarClose, message: snackbarMessage, action: _jsx(IconButton, { size: 'small', "aria-label": 'close', color: 'inherit', onClick: handleSnackbarClose, children: _jsx(CloseIcon, { fontSize: 'small' }) }) })] }))] }));
 }
-// From WC SDK
-// const aHtml = html`
-// ${this.bHasNavigation?
-//   html`
-//     <div class="psdk-stepper">
-//     <multi-step-component .pConn=${this.pConn} .arChildren=${this.arChildren} itemKey=${this.itemKey}
-//         .arMainButtons=${this.arMainButtons} .arSecondaryButtons=${this.arSecondaryButtons}
-//         .bIsVertical=${this.bIsVertical} .arCurrentStepIndicies=${this.arCurrentStepIndicies}
-//         .arNavigationSteps=${this.arNavigationSteps}
-//         @MultiStepActionButtonClick="${this._onActionButtonClick}">
-//     </multi-step-component>
-//     <lit-toast></lit-toast>
-//     </div>`
-//     :
-//   html`
-//     <div>
-//         <assignment-card-component .pConn=${this.pConn} .arChildren=${this.arChildren} itemKey=${this.itemKey}
-//           .arMainButtons=${this.arMainButtons} .arSecondaryButtons=${this.arSecondaryButtons}
-//           @AssignmentActionButtonClick="${this._onActionButtonClick}">
-//         </assignment-card-component>
-//         <lit-toast></lit-toast>
-//     </div>`}
-// `;
-Assignment.propTypes = {
-    children: PropTypes.node.isRequired,
-    getPConnect: PropTypes.func.isRequired,
-    itemKey: PropTypes.string,
-    isInModal: PropTypes.bool
-    // actionButtons: PropTypes.object
-    // buildName: PropTypes.string
-};
-Assignment.defaultProps = {
-    itemKey: null,
-    isInModal: false
-    // buildName: null
-};
 //# sourceMappingURL=Assignment.js.map