@agilemotion/oui-react-js 1.8.2 → 1.8.4

package/dist/components/signatures/ImageSignatureInput.js

@@ -5,14 +5,14 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = exports.ImageSignatureInput = void 0;
 var _react = _interopRequireDefault(require("react"));
-var _Button = _interopRequireDefault(require("@material-ui/core/Button"));
-var _styles = require("@material-ui/core/styles");
+var _Button = _interopRequireDefault(require("@mui/material/Button"));
+var _styles = require("@mui/styles");
 var _Utils = _interopRequireDefault(require("../../Utils"));
 var _ApplicationManager = _interopRequireDefault(require("../../ApplicationManager"));
 var _Icon = _interopRequireDefault(require("../Icon"));
 var _reactPromiseTracker = require("react-promise-tracker");
-var _FormControlLabel = _interopRequireDefault(require("@material-ui/core/FormControlLabel"));
-var _Checkbox = _interopRequireDefault(require("@material-ui/core/Checkbox"));
+var _FormControlLabel = _interopRequireDefault(require("@mui/material/FormControlLabel"));
+var _Checkbox = _interopRequireDefault(require("@mui/material/Checkbox"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const useStyles = (0, _styles.makeStyles)(theme => ({
   button: {
@@ -38,7 +38,7 @@ const json = response => {
   return response.text();
 };
 const location = window.location.protocol + "//" + window.location.hostname;
-const ImageSignatureInput = exports.ImageSignatureInput = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.forwardRef((props, ref) => {
+const ImageSignatureInput = exports.ImageSignatureInput = /*#__PURE__*/_react.default.memo(/*#__PURE__*/_react.default.forwardRef((props, ref) => {
   const classes = useStyles();
   const width = '320px';
   const height = '320px';
@@ -191,7 +191,6 @@ const ImageSignatureInput = exports.ImageSignatureInput = /*#__PURE__*/_react.de
       padding: "4px 32px"
     }
   }, /*#__PURE__*/_react.default.createElement(_FormControlLabel.default, {
-    ref: ref,
     control: /*#__PURE__*/_react.default.createElement(_Checkbox.default, {
       checked: saveAsSystemImage,
       value: saveAsSystemImage,

package/dist/components/signatures/MenuButton.js

@@ -5,12 +5,12 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = MenuButton;
 var _react = _interopRequireDefault(require("react"));
-var _Button = _interopRequireDefault(require("@material-ui/core/Button"));
-var _ClickAwayListener = _interopRequireDefault(require("@material-ui/core/ClickAwayListener"));
-var _Grow = _interopRequireDefault(require("@material-ui/core/Grow"));
-var _Paper = _interopRequireDefault(require("@material-ui/core/Paper"));
-var _Popper = _interopRequireDefault(require("@material-ui/core/Popper"));
-var _styles = require("@material-ui/core/styles");
+var _Button = _interopRequireDefault(require("@mui/material/Button"));
+var _ClickAwayListener = _interopRequireDefault(require("@mui/material/ClickAwayListener"));
+var _Grow = _interopRequireDefault(require("@mui/material/Grow"));
+var _Paper = _interopRequireDefault(require("@mui/material/Paper"));
+var _Popper = _interopRequireDefault(require("@mui/material/Popper"));
+var _styles = require("@mui/styles");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
 const useStyles = (0, _styles.makeStyles)(theme => ({

package/dist/components/signatures/Prompt.js

@@ -5,12 +5,12 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = Prompt;
 var _react = _interopRequireDefault(require("react"));
-var _Button = _interopRequireDefault(require("@material-ui/core/Button"));
-var _Dialog = _interopRequireDefault(require("@material-ui/core/Dialog"));
-var _DialogActions = _interopRequireDefault(require("@material-ui/core/DialogActions"));
-var _DialogContent = _interopRequireDefault(require("@material-ui/core/DialogContent"));
-var _DialogContentText = _interopRequireDefault(require("@material-ui/core/DialogContentText"));
-var _DialogTitle = _interopRequireDefault(require("@material-ui/core/DialogTitle"));
+var _Button = _interopRequireDefault(require("@mui/material/Button"));
+var _Dialog = _interopRequireDefault(require("@mui/material/Dialog"));
+var _DialogActions = _interopRequireDefault(require("@mui/material/DialogActions"));
+var _DialogContent = _interopRequireDefault(require("@mui/material/DialogContent"));
+var _DialogContentText = _interopRequireDefault(require("@mui/material/DialogContentText"));
+var _DialogTitle = _interopRequireDefault(require("@mui/material/DialogTitle"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function Prompt(props) {
   const [open, setOpen] = _react.default.useState(false);

package/dist/components/signatures/ResponsiveTable.js

@@ -6,17 +6,17 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = EnhancedTable;
 var _react = _interopRequireDefault(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
-var _styles = require("@material-ui/core/styles");
+var _styles = require("@mui/styles");
 var _reactSuperResponsiveTable = require("react-super-responsive-table");
 require("react-super-responsive-table/dist/SuperResponsiveTableStyle.css");
-var _TablePagination = _interopRequireDefault(require("@material-ui/core/TablePagination"));
-var _TableSortLabel = _interopRequireDefault(require("@material-ui/core/TableSortLabel"));
+var _TablePagination = _interopRequireDefault(require("@mui/material/TablePagination"));
+var _TableSortLabel = _interopRequireDefault(require("@mui/material/TableSortLabel"));
 var _Toolbar = _interopRequireDefault(require("./Toolbar"));
-var _Paper = _interopRequireDefault(require("@material-ui/core/Paper"));
-var _Checkbox = _interopRequireDefault(require("@material-ui/core/Checkbox"));
+var _Paper = _interopRequireDefault(require("@mui/material/Paper"));
+var _Checkbox = _interopRequireDefault(require("@mui/material/Checkbox"));
 var _ViewUtils = _interopRequireDefault(require("./ViewUtils"));
 require("./ResponsiveTable.css");
-var _RestUtils = require("../../RestUtils");
+var _RestService = require("../../RestService");
 var _Utils = _interopRequireDefault(require("../../Utils"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const utils = new _ViewUtils.default();
@@ -191,14 +191,18 @@ function EnhancedTable(props) {
     if (fetchEnabled && !utils.isNull(props.searchParameters) && !(utils.isNull(props.dataUrl) || utils.isNull(props.dataService))) {
       setSearchParameters(props.searchParameters);
       if (!utils.isNull(props.dataService)) {
-        (0, _RestUtils.invokeRpc)(props.dataService, null, "", result => {
+        (0, _RestService.invokeRpc)({
+          service: props.dataService,
+          component: null,
+          viewId: ""
+        }).then(result => {
           setRows(result.data.records);
           setTotalNumberOfRows(result.data.totalNumberOfRecords);
           if (!utils.isNull(props.onDataArrive)) {
             props.onDataArrive(result.data);
           }
           updateScrollBarPadding();
-        }, e => {});
+        }).catch(e => {});
       } else {
         utils.invokeUrl(props.dataUrl, JSON.stringify(utils.getRequest(page + 1, rowsPerPage, props.searchParameters, props.paged)), data => {
           var result;

package/dist/components/signatures/SearchView.js

@@ -6,8 +6,8 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = SearchView;
 var _react = _interopRequireDefault(require("react"));
 var _ResponsiveTable = _interopRequireDefault(require("./ResponsiveTable"));
-var _IconButton = _interopRequireDefault(require("@material-ui/core/IconButton"));
-var _Search = _interopRequireDefault(require("@material-ui/icons/Search"));
+var _IconButton = _interopRequireDefault(require("@mui/material/IconButton"));
+var _Search = _interopRequireDefault(require("@mui/icons-material/Search"));
 var _ViewUtils = _interopRequireDefault(require("./ViewUtils"));
 var _Prompt = _interopRequireDefault(require("./Prompt"));
 var _AlertItem = _interopRequireDefault(require("./AlertItem"));

package/dist/components/signatures/SignatorySearch.js

@@ -7,8 +7,8 @@ exports.default = SignatorySearch;
 var _react = _interopRequireDefault(require("react"));
 var _SignatorySearchForm = _interopRequireDefault(require("./SignatorySearchForm"));
 var _Card = _interopRequireDefault(require("./Card"));
-var _IconButton = _interopRequireDefault(require("@material-ui/core/IconButton"));
-var _Search = _interopRequireDefault(require("@material-ui/icons/Search"));
+var _IconButton = _interopRequireDefault(require("@mui/material/IconButton"));
+var _Search = _interopRequireDefault(require("@mui/icons-material/Search"));
 var _RestUtils = require("../../RestUtils");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function SignatorySearch(props) {

package/dist/components/signatures/SignatorySearchForm.js

@@ -5,11 +5,11 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = SignatorySearchForm;
 var _react = _interopRequireDefault(require("react"));
-var _styles = require("@material-ui/core/styles");
-var _FormControl = _interopRequireDefault(require("@material-ui/core/FormControl"));
-var _InputLabel = _interopRequireDefault(require("@material-ui/core/InputLabel"));
-var _OutlinedInput = _interopRequireDefault(require("@material-ui/core/OutlinedInput"));
-var _TextField = _interopRequireDefault(require("@material-ui/core/TextField"));
+var _styles = require("@mui/styles");
+var _FormControl = _interopRequireDefault(require("@mui/material/FormControl"));
+var _InputLabel = _interopRequireDefault(require("@mui/material/InputLabel"));
+var _OutlinedInput = _interopRequireDefault(require("@mui/material/OutlinedInput"));
+var _TextField = _interopRequireDefault(require("@mui/material/TextField"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const useStyles = (0, _styles.makeStyles)(theme => ({
   container: {

package/dist/components/signatures/SignatureInput.js

@@ -5,14 +5,14 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
-var _Button = _interopRequireDefault(require("@material-ui/core/Button"));
-var _TextField = _interopRequireDefault(require("@material-ui/core/TextField"));
-var _Radio = _interopRequireDefault(require("@material-ui/core/Radio"));
-var _RadioGroup = _interopRequireDefault(require("@material-ui/core/RadioGroup"));
-var _FormControlLabel = _interopRequireDefault(require("@material-ui/core/FormControlLabel"));
-var _FormControl = _interopRequireDefault(require("@material-ui/core/FormControl"));
-var _FormLabel = _interopRequireDefault(require("@material-ui/core/FormLabel"));
-var _Checkbox = _interopRequireDefault(require("@material-ui/core/Checkbox"));
+var _Button = _interopRequireDefault(require("@mui/material/Button"));
+var _TextField = _interopRequireDefault(require("@mui/material/TextField"));
+var _Radio = _interopRequireDefault(require("@mui/material/Radio"));
+var _RadioGroup = _interopRequireDefault(require("@mui/material/RadioGroup"));
+var _FormControlLabel = _interopRequireDefault(require("@mui/material/FormControlLabel"));
+var _FormControl = _interopRequireDefault(require("@mui/material/FormControl"));
+var _FormLabel = _interopRequireDefault(require("@mui/material/FormLabel"));
+var _Checkbox = _interopRequireDefault(require("@mui/material/Checkbox"));
 var _ImageSignatureInput = _interopRequireDefault(require("./ImageSignatureInput"));
 var _Utils = _interopRequireDefault(require("../../Utils"));
 var _ApplicationManager = _interopRequireDefault(require("../../ApplicationManager"));
@@ -31,7 +31,7 @@ const json = response => {
   return response.text();
 };
 const location = window.location.protocol + "//" + window.location.hostname;
-const SignatureInput = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.forwardRef((props, ref) => {
+const SignatureInput = /*#__PURE__*/_react.default.memo(/*#__PURE__*/_react.default.forwardRef((props, ref) => {
   const [value, setValue] = _react.default.useState(null);
   const [declarationChecked, setDeclarationChecked] = _react.default.useState(false);
   const [method, setMethod] = _react.default.useState('type');
@@ -83,7 +83,6 @@ const SignatureInput = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.def
     setMethod(event.target.value);
   };
   return /*#__PURE__*/_react.default.createElement("div", {
-    ref: ref,
     style: {
       width: '30vw'
     }
@@ -178,7 +177,6 @@ const SignatureInput = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.def
       padding: "4px 32px"
     }
   }, /*#__PURE__*/_react.default.createElement(_FormControlLabel.default, {
-    ref: ref,
     control: /*#__PURE__*/_react.default.createElement(_Checkbox.default, {
       checked: declarationChecked,
       key: props.key,
@@ -208,7 +206,6 @@ const SignatureInput = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.def
     variant: 'text',
     size: "large",
     disabled: signing,
-    ref: ref,
     style: {
       width: '100px',
       height: '48px'
@@ -220,7 +217,6 @@ const SignatureInput = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.def
     variant: 'text',
     size: "large",
     disabled: signing || _Utils.default.isNull(value) || value.length === 0 || !declarationChecked,
-    ref: ref,
     style: {
       width: '100px',
       height: '48px'

package/dist/components/signatures/SignatureInputProps.js

@@ -5,20 +5,20 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = exports.SigPropsLookupField = void 0;
 var _react = _interopRequireDefault(require("react"));
-var _TextField = _interopRequireDefault(require("@material-ui/core/TextField"));
-var _IconButton = _interopRequireDefault(require("@material-ui/core/IconButton"));
-var _Search = _interopRequireDefault(require("@material-ui/icons/Search"));
-var _Dialog = _interopRequireDefault(require("@material-ui/core/Dialog"));
-var _DialogActions = _interopRequireDefault(require("@material-ui/core/DialogActions"));
-var _Button = _interopRequireDefault(require("@material-ui/core/Button"));
-var _core = require("@material-ui/core");
+var _TextField = _interopRequireDefault(require("@mui/material/TextField"));
+var _IconButton = _interopRequireDefault(require("@mui/material/IconButton"));
+var _Search = _interopRequireDefault(require("@mui/icons-material/Search"));
+var _Dialog = _interopRequireDefault(require("@mui/material/Dialog"));
+var _DialogActions = _interopRequireDefault(require("@mui/material/DialogActions"));
+var _Button = _interopRequireDefault(require("@mui/material/Button"));
+var _styles = require("@mui/styles");
 var _SignatorySearch = _interopRequireDefault(require("./SignatorySearch"));
 var _Form = _interopRequireDefault(require("../form/Form"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const isNull = val => {
   return val === null || typeof val === 'undefined';
 };
-const useStyles = (0, _core.makeStyles)(theme => ({
+const useStyles = (0, _styles.makeStyles)(theme => ({
   button: {
     width: "100%",
     height: "40px",
@@ -30,7 +30,7 @@ const useStyles = (0, _core.makeStyles)(theme => ({
     borderRadius: "4px"
   }
 }));
-const SigPropsLookupField = exports.SigPropsLookupField = /*#__PURE__*/_react.default.forwardRef(props => {
+const SigPropsLookupField = props => {
   const [currentSelection, setCurrentSelection] = _react.default.useState(null);
   const [value, setValue] = _react.default.useState(props.value);
   const [open, setOpen] = _react.default.useState(false);
@@ -135,8 +135,9 @@ const SigPropsLookupField = exports.SigPropsLookupField = /*#__PURE__*/_react.de
     color: "primary",
     disabled: currentSelection === null || typeof currentSelection === 'undefined'
   }, "Ok")))))));
-});
-const SignatureInputProps = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.forwardRef((props, ref) => {
+};
+exports.SigPropsLookupField = SigPropsLookupField;
+const SignatureInputProps = /*#__PURE__*/_react.default.memo(/*#__PURE__*/_react.default.forwardRef((props, ref) => {
   const classes = useStyles();
   const [value, setValue] = _react.default.useState(props.value);
   const [width, setWidth] = _react.default.useState('');

package/dist/components/signatures/SignatureTemplateDesigner.js

@@ -7,8 +7,8 @@ exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _Utils = _interopRequireDefault(require("../../Utils"));
 var _reactHtmlRenderer = _interopRequireDefault(require("react-html-renderer"));
-var _core = require("@material-ui/core");
-var _Button = _interopRequireDefault(require("@material-ui/core/Button"));
+var _styles = require("@mui/styles");
+var _Button = _interopRequireDefault(require("@mui/material/Button"));
 var _ApplicationManager = _interopRequireDefault(require("../../ApplicationManager"));
 var _reactPromiseTracker = require("react-promise-tracker");
 var _SignatureInputProps = _interopRequireDefault(require("./SignatureInputProps"));
@@ -16,7 +16,7 @@ var _Observable = _interopRequireDefault(require("../../event/Observable"));
 var _Event = _interopRequireDefault(require("../../event/Event"));
 var _EventType = _interopRequireDefault(require("../../event/EventType"));
 var Base64 = _interopRequireWildcard(require("js-base64"));
-var _RestUtils = require("../../RestUtils");
+var _RestService = require("../../RestService");
 var _ServiceCallActionHandler = _interopRequireDefault(require("../../event/ServiceCallActionHandler"));
 var _TemplateItemEventHandler = _interopRequireDefault(require("../TemplateItemEventHandler"));
 require("../TemplateDesigner.css");
@@ -39,7 +39,7 @@ const TEXT_ITEM = {
 };
 const DROP_ITEM_MARGIN = 32;
 const types = [INITIAL_ITEM, SIGN_ITEM, TEXT_ITEM];
-const useStyles = (0, _core.makeStyles)(theme => ({
+const useStyles = (0, _styles.makeStyles)(theme => ({
   button: {
     margin: theme.spacing(1)
   },
@@ -101,7 +101,7 @@ const json = response => {
 const location = window.location.protocol + '//' + window.location.hostname;
 const templateItemEventHandler = new _TemplateItemEventHandler.default();
 const VALID_COLOR = 'green';
-const SignatureTemplateDesigner = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.forwardRef((props, ref) => {
+const SignatureTemplateDesigner = /*#__PURE__*/_react.default.memo(/*#__PURE__*/_react.default.forwardRef((props, ref) => {
   const [file, setFile] = _react.default.useState(null);
   const [templateDoc, setTemplateDoc] = _react.default.useState(null);
   const [paletteSelectionId, setPaletteSelectionId] = _react.default.useState(null);
@@ -164,13 +164,15 @@ const SignatureTemplateDesigner = /*#__PURE__*/_react.default.memo( /*#__PURE__*
         let service = !_Utils.default.isNull(props.config.dataService) ? props.config.dataService : !_Utils.default.isNull(actionConfig) !== null ? actionConfig.dataService : null;
         if (!_Utils.default.isNull(service)) {
           if (service.type === 'rpc') {
-            (0, _RestUtils.invokeRpc)(service, props.handle, props.viewId, result => {
+            (0, _RestService.invokeRpc)({
+              service: service,
+              component: props.handle,
+              viewId: props.viewId
+            }).then(response => {
               setLoading(false);
-            }, e => {
+            }).catch(e => {
               console.error(e);
               _Utils.default.publishErrorMessage(e, props.viewId);
-            }, parameter => {
-              setLoading(false);
             });
           } else {
             if (_Utils.default.isNull(actionConfig)) {
@@ -412,7 +414,6 @@ const SignatureTemplateDesigner = /*#__PURE__*/_react.default.memo( /*#__PURE__*
     saveValue();
   };
   return /*#__PURE__*/_react.default.createElement("div", {
-    ref: ref,
     style: {
       padding: '0 32px'
     }

package/dist/components/signatures/Toolbar.js

@@ -5,20 +5,20 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
-var _styles = require("@material-ui/core/styles");
-var _Divider = _interopRequireDefault(require("@material-ui/core/Divider"));
-var _Paper = _interopRequireDefault(require("@material-ui/core/Paper"));
-var _ToggleButton = _interopRequireDefault(require("@material-ui/lab/ToggleButton"));
-var _ToggleButtonGroup = _interopRequireDefault(require("@material-ui/lab/ToggleButtonGroup"));
-var _Add = _interopRequireDefault(require("@material-ui/icons/Add"));
-var _Edit = _interopRequireDefault(require("@material-ui/icons/Edit"));
-var _Save = _interopRequireDefault(require("@material-ui/icons/Save"));
-var _Tooltip = _interopRequireDefault(require("@material-ui/core/Tooltip"));
-var _Info = _interopRequireDefault(require("@material-ui/icons/Info"));
-var _Delete = _interopRequireDefault(require("@material-ui/icons/Delete"));
+var _styles = require("@mui/styles");
+var _Divider = _interopRequireDefault(require("@mui/material/Divider"));
+var _Paper = _interopRequireDefault(require("@mui/material/Paper"));
+var _ToggleButton = _interopRequireDefault(require("@mui/lab/ToggleButton"));
+var _ToggleButtonGroup = _interopRequireDefault(require("@mui/lab/ToggleButtonGroup"));
+var _Add = _interopRequireDefault(require("@mui/icons-material/Add"));
+var _Edit = _interopRequireDefault(require("@mui/icons-material/Edit"));
+var _Save = _interopRequireDefault(require("@mui/icons-material/Save"));
+var _Tooltip = _interopRequireDefault(require("@mui/material/Tooltip"));
+var _Info = _interopRequireDefault(require("@mui/icons-material/Info"));
+var _Delete = _interopRequireDefault(require("@mui/icons-material/Delete"));
 var _MenuButton = _interopRequireDefault(require("./MenuButton"));
-var _MenuItem = _interopRequireDefault(require("@material-ui/core/MenuItem"));
-var _MenuList = _interopRequireDefault(require("@material-ui/core/MenuList"));
+var _MenuItem = _interopRequireDefault(require("@mui/material/MenuItem"));
+var _MenuList = _interopRequireDefault(require("@mui/material/MenuList"));
 var _ViewUtils = _interopRequireDefault(require("./ViewUtils"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const useStyles = (0, _styles.makeStyles)(theme => ({
@@ -60,7 +60,7 @@ const StyledToggleButtonGroup = (0, _styles.withStyles)(theme => ({
   }
 }))(_ToggleButtonGroup.default);
 const utils = new _ViewUtils.default();
-const EnhancedToolbar = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
+const EnhancedToolbar = props => {
   const [alignment, setAlignment] = _react.default.useState('left');
   const [buttonDisability, setButtonDisability] = _react.default.useState({});
   const [config, setConfig] = _react.default.useState(props.config);
@@ -106,8 +106,7 @@ const EnhancedToolbar = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
   const classes = useStyles();
   return /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_Paper.default, {
     elevation: 0,
-    className: classes.paper,
-    ref: ref
+    className: classes.paper
   }, config !== null ? config.items.map(item => item.type === 'buttonGroup' ? /*#__PURE__*/_react.default.createElement(StyledToggleButtonGroup, {
     size: "small",
     value: alignment,
@@ -144,5 +143,5 @@ const EnhancedToolbar = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
     key: buttonKeyCounter++,
     className: classes.divider
   }) : null) : null));
-});
+};
 var _default = exports.default = EnhancedToolbar;

package/dist/components/typography/Danger.js

@@ -6,10 +6,10 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = Danger;
 var _react = _interopRequireDefault(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
-var _styles = require("@material-ui/core/styles");
+var _styles = require("@mui/styles");
 var _typographyStyle = _interopRequireDefault(require("../../assets/jss/components/typographyStyle"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-// @material-ui/core components
+// @mui/material components
 
 const useStyles = (0, _styles.makeStyles)(_typographyStyle.default);
 function Danger(props) {

package/dist/components/typography/Info.js

@@ -6,10 +6,10 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = Info;
 var _react = _interopRequireDefault(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
-var _styles = require("@material-ui/core/styles");
+var _styles = require("@mui/styles");
 var _typographyStyle = _interopRequireDefault(require("../../assets/jss/components/typographyStyle"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-// @material-ui/core components
+// @mui/material components
 
 // core components
 

package/dist/components/typography/Link.js

@@ -7,7 +7,7 @@ exports.default = Info;
 var _react = _interopRequireDefault(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _typographyStyle = _interopRequireDefault(require("../../assets/jss/components/typographyStyle"));
-var _styles = require("@material-ui/core/styles");
+var _styles = require("@mui/styles");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const useStyles = (0, _styles.makeStyles)(_typographyStyle.default);
 function Info(props) {

package/dist/event/RouteActionHandler.js

@@ -92,6 +92,7 @@ class RouteActionHandler {
             view.parent = isParent;
             view.popUp = isPopup;
             view.window = isWindow;
+            view.graphId = actionConfig.graphId;
             view.config.window = isWindow;
             view.handle = {
               api: {
@@ -122,7 +123,7 @@ class RouteActionHandler {
             // None-existing route to ensure that the current view unloads
             if (_Utils.default.isNull(actionConfig.popUp) || actionConfig.popUp === false) {
               if (!isWindow) {
-                _ApplicationManager.default.navigate('/view/unload');
+                //applicationManager.navigate('/view/unload');
                 _ApplicationManager.default.navigate('/view/' + data.id);
               }
             }

package/dist/view/Dashboard.js

@@ -8,9 +8,9 @@ var _react = _interopRequireDefault(require("react"));
 var _Utils = _interopRequireDefault(require("../Utils"));
 var _reactstrap = require("reactstrap");
 var _Icon = _interopRequireDefault(require("../components/Icon"));
-var _IconButton = _interopRequireDefault(require("@material-ui/core/IconButton"));
-var _Paper = _interopRequireDefault(require("@material-ui/core/Paper"));
-var _Button = _interopRequireDefault(require("@material-ui/core/Button"));
+var _IconButton = _interopRequireDefault(require("@mui/material/IconButton"));
+var _Paper = _interopRequireDefault(require("@mui/material/Paper"));
+var _Button = _interopRequireDefault(require("@mui/material/Button"));
 var _RestUtils = require("../RestUtils");
 var _RouteActionHandler = _interopRequireDefault(require("../event/RouteActionHandler"));
 var _ApplicationManager = _interopRequireDefault(require("../ApplicationManager"));
@@ -33,7 +33,7 @@ const DashboardCard = props => {
   } = props;
   const [id, setId] = _react.default.useState(props.settings.id);
   const [content, setContent] = _react.default.useState(null);
-  const [ref] = _react.default.useState( /*#__PURE__*/_react.default.createRef());
+  const [ref] = _react.default.useState(/*#__PURE__*/_react.default.createRef());
   _react.default.useEffect(() => {
     const accessToken = sessionStorage.getItem('accessToken');
     const idToken = sessionStorage.getItem('idToken');
@@ -270,7 +270,7 @@ const WorkFlowCard = props => {
     }
   }, "View"))));
 };
-const Dashboard = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.forwardRef((props, ref) => {
+const Dashboard = /*#__PURE__*/_react.default.memo(/*#__PURE__*/_react.default.forwardRef((props, ref) => {
   const [userDashboards] = _react.default.useState(!_Utils.default.isNull(_ApplicationManager.default.getDashboardSettings().userDashboards) ? _ApplicationManager.default.getDashboardSettings().userDashboards : []);
   const [settings] = _react.default.useState(_ApplicationManager.default.getDashboardSettings());
   const [taskSummary, setTaskSummary] = _react.default.useState(null);
@@ -447,7 +447,7 @@ const Dashboard = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.
     id: 'ADD'
   }))), ' ', !_Utils.default.isNull(menuItems) ? /*#__PURE__*/_react.default.createElement(_reactstrap.DropdownMenu, {
     className: "dropdown-navbar",
-    right: true,
+    end: true,
     tag: "ul"
   }, menuItems.map(item => /*#__PURE__*/_react.default.createElement(_reactstrap.NavLink, {
     tag: "li",
@@ -469,7 +469,6 @@ const Dashboard = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.
       id: 'dashboardAlert'
     },
     handle: alertBarHandle,
-    ref: /*#__PURE__*/_react.default.createRef(),
     viewId: '_sys_dashboard'
   }), !_Utils.default.isNull(taskSummary) && /*#__PURE__*/_react.default.createElement("div", {
     className: 'row',
@@ -481,7 +480,6 @@ const Dashboard = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.
     margin: '0 0 16px 16px',
     title: 'Assigned to Me',
     itemCount: taskSummary.personalWorkItemCount,
-    viewRef: ref,
     path: '/workflow/views/personal-work-items.json'
   }), /*#__PURE__*/_react.default.createElement(WorkFlowCard, {
     margin: '0 0 16px 16px',

package/dist/view/PortalDashboard.js

@@ -7,7 +7,7 @@ exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const location = window.location.protocol + "//" + window.location.hostname;
-const PortalDashboard = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.forwardRef((props, ref) => {
+const PortalDashboard = /*#__PURE__*/_react.default.memo(/*#__PURE__*/_react.default.forwardRef((props, ref) => {
   const api = {
     get id() {
       return "portal-dashboard";

package/dist/view/security/ChangePasswordBasic.js

@@ -11,17 +11,17 @@ var _redux = require("redux");
 var _DashboardStore = require("../../redux/store/DashboardStore");
 var _WithRouter = _interopRequireDefault(require("../../WithRouter"));
 var _ApplicationManager = _interopRequireDefault(require("../../ApplicationManager"));
-var _InputAdornment = _interopRequireDefault(require("@material-ui/core/InputAdornment"));
+var _InputAdornment = _interopRequireDefault(require("@mui/material/InputAdornment"));
 var _Footer = _interopRequireDefault(require("../../components/footer/Footer"));
 var _loginBasicStyle = _interopRequireDefault(require("../../assets/jss/views/loginBasicStyle"));
 var _Utils = _interopRequireDefault(require("../../Utils"));
-var _Paper = _interopRequireDefault(require("@material-ui/core/Paper"));
-var _Button = _interopRequireDefault(require("@material-ui/core/Button"));
+var _Paper = _interopRequireDefault(require("@mui/material/Paper"));
+var _Button = _interopRequireDefault(require("@mui/material/Button"));
 var _Alert = _interopRequireDefault(require("react-bootstrap/Alert"));
-var _TextField = _interopRequireDefault(require("@material-ui/core/TextField"));
-var _Visibility = _interopRequireDefault(require("@material-ui/icons/Visibility"));
-var _VisibilityOff = _interopRequireDefault(require("@material-ui/icons/VisibilityOff"));
-var _IconButton = _interopRequireDefault(require("@material-ui/core/IconButton"));
+var _TextField = _interopRequireDefault(require("@mui/material/TextField"));
+var _Visibility = _interopRequireDefault(require("@mui/icons-material/Visibility"));
+var _VisibilityOff = _interopRequireDefault(require("@mui/icons-material/VisibilityOff"));
+var _IconButton = _interopRequireDefault(require("@mui/material/IconButton"));
 var _reactRouterDom = require("react-router-dom");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const ChangePassword = props => {

package/dist/view/security/ForgotPassword.js

@@ -11,9 +11,9 @@ var _redux = require("redux");
 var _DashboardStore = require("../../redux/store/DashboardStore");
 var _WithRouter = _interopRequireDefault(require("../../WithRouter"));
 var _ApplicationManager = _interopRequireDefault(require("../../ApplicationManager"));
-var _styles = require("@material-ui/core/styles");
-var _InputAdornment = _interopRequireDefault(require("@material-ui/core/InputAdornment"));
-var _Face = _interopRequireDefault(require("@material-ui/icons/Face"));
+var _styles = require("@mui/material/styles");
+var _InputAdornment = _interopRequireDefault(require("@mui/material/InputAdornment"));
+var _Face = _interopRequireDefault(require("@mui/icons-material/Face"));
 var _AuthNavbar = _interopRequireDefault(require("../../components/navbars/AuthNavbar"));
 var _Footer = _interopRequireDefault(require("../../components/footer/Footer"));
 var _GridContainer = _interopRequireDefault(require("../../components/grid/GridContainer"));

package/dist/view/security/ForgotPasswordBasic.js

@@ -14,11 +14,11 @@ var _ApplicationManager = _interopRequireDefault(require("../../ApplicationManag
 var _Footer = _interopRequireDefault(require("../../components/footer/Footer"));
 var _loginBasicStyle = _interopRequireDefault(require("../../assets/jss/views/loginBasicStyle"));
 var _Utils = _interopRequireDefault(require("../../Utils"));
-var _Paper = _interopRequireDefault(require("@material-ui/core/Paper"));
-var _Button = _interopRequireDefault(require("@material-ui/core/Button"));
+var _Paper = _interopRequireDefault(require("@mui/material/Paper"));
+var _Button = _interopRequireDefault(require("@mui/material/Button"));
 var _Alert = _interopRequireDefault(require("react-bootstrap/Alert"));
-var _TextField = _interopRequireDefault(require("@material-ui/core/TextField"));
-var _Lock = _interopRequireDefault(require("@material-ui/icons/Lock"));
+var _TextField = _interopRequireDefault(require("@mui/material/TextField"));
+var _Lock = _interopRequireDefault(require("@mui/icons-material/Lock"));
 var _reactRouterDom = require("react-router-dom");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const ResetPassword = props => {