@agilemotion/oui-react-js 1.8.1 → 1.8.3

package/dist/components/menu/MenuButton.js

@@ -5,17 +5,17 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 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 _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 _Observable = _interopRequireDefault(require("../../event/Observable"));
 var _MenuItem = _interopRequireDefault(require("./MenuItem"));
-var _styles = require("@material-ui/core/styles");
-var _MenuList = _interopRequireDefault(require("@material-ui/core/MenuList"));
+var _styles = require("@mui/styles");
+var _MenuList = _interopRequireDefault(require("@mui/material/MenuList"));
 var _Utils = _interopRequireDefault(require("../../Utils"));
-var _IconButton = _interopRequireDefault(require("@material-ui/core/IconButton"));
+var _IconButton = _interopRequireDefault(require("@mui/material/IconButton"));
 var _Icon = _interopRequireDefault(require("../Icon"));
 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); }
@@ -35,7 +35,7 @@ const useStyles = (0, _styles.makeStyles)(theme => ({
     zIndex: 2
   }
 }));
-const MenuButton = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
+const MenuButton = props => {
   const classes = useStyles();
   const [open, setOpen] = _react.default.useState(false);
   const anchorRef = _react.default.useRef(null);
@@ -166,5 +166,5 @@ const MenuButton = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
       handle: createItemHandle(item)
     }))))));
   })));
-});
+};
 var _default = exports.default = MenuButton;

package/dist/components/menu/MenuItem.js

@@ -5,14 +5,14 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
-var _MenuItem = _interopRequireDefault(require("material-ui/MenuItem"));
+var _MenuItem = _interopRequireDefault(require("@mui/material/MenuItem"));
 var _chevronRight = _interopRequireDefault(require("material-ui/svg-icons/navigation/chevron-right"));
 var _Utils = _interopRequireDefault(require("../../Utils"));
 var _Observable = _interopRequireDefault(require("../../event/Observable"));
 var _EventType = _interopRequireDefault(require("../../event/EventType"));
 var _Event = _interopRequireDefault(require("../../event/Event"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const MenuItem = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
+const MenuItem = props => {
   const [disabled, setDisabled] = _react.default.useState(false);
   const [visible, setVisible] = _react.default.useState(true);
   const [config, setConfig] = _react.default.useState(null);
@@ -66,13 +66,12 @@ const MenuItem = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
   };
   return config && /*#__PURE__*/_react.default.createElement(_MenuItem.default, {
     onClick: e => handleClick(e),
-    ref: ref,
     disabled: disabled,
     style: {
       display: visible ? null : 'none'
     },
-    rightIcon: props.mode === 'cascaded' && !_Utils.default.isNull(props.menuItems) && props.menuItems.length > 0 ? /*#__PURE__*/_react.default.createElement(_chevronRight.default, null) : null,
-    menuItems: props.menuItems
+    righticon: props.mode === 'cascaded' && !_Utils.default.isNull(props.menuItems) && props.menuItems.length > 0 ? /*#__PURE__*/_react.default.createElement(_chevronRight.default, null) : null,
+    menuitems: props.menuItems
   }, config.attributes['label']);
-});
+};
 var _default = exports.default = MenuItem;

package/dist/components/menu/MenuLink.js

@@ -15,7 +15,7 @@ var _reactRedux = require("react-redux");
 var _DashboardStore = require("../../redux/store/DashboardStore");
 var _Icon = _interopRequireDefault(require("../Icon"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const MenuLink = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
+const MenuLink = props => {
   const dispatch = (0, _reactRedux.useDispatch)();
   _react.default.useEffect(() => {
     let parsedConfig = _Utils.default.parseConfig(props.config, props.viewId);
@@ -61,7 +61,6 @@ const MenuLink = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
   };
   return /*#__PURE__*/_react.default.createElement("a", {
     onClick: e => handleClick(e),
-    ref: ref,
     style: {
       color: 'inherit',
       marginLeft: (props.level + 1) * props.tab + 'px',
@@ -72,5 +71,5 @@ const MenuLink = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
   }), ' ', props.name, ' ') : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("span", {
     className: "sidebar-normal"
   }, ' ', props.name, ' '), ' '), ' ');
-});
+};
 var _default = exports.default = MenuLink;

package/dist/components/menu/PopupMenu.js

@@ -6,8 +6,8 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = PopupMenu;
 var _react = _interopRequireDefault(require("react"));
 var _MenuItem = _interopRequireDefault(require("material-ui/MenuItem"));
-var _MenuList = _interopRequireDefault(require("@material-ui/core/MenuList"));
-var _styles = require("@material-ui/core/styles");
+var _MenuList = _interopRequireDefault(require("@mui/material/MenuList"));
+var _styles = require("@mui/styles");
 var _MenuBars = require("./MenuBars");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const useStyles = (0, _styles.makeStyles)(theme => ({

package/dist/components/navbars/AuthNavbar.js

@@ -8,16 +8,16 @@ var _react = _interopRequireDefault(require("react"));
 var _classnames = _interopRequireDefault(require("classnames"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _reactRouterDom = require("react-router-dom");
-var _styles = require("@material-ui/core/styles");
-var _AppBar = _interopRequireDefault(require("@material-ui/core/AppBar"));
-var _Toolbar = _interopRequireDefault(require("@material-ui/core/Toolbar"));
-var _Hidden = _interopRequireDefault(require("@material-ui/core/Hidden"));
-var _List = _interopRequireDefault(require("@material-ui/core/List"));
-var _ListItem = _interopRequireDefault(require("@material-ui/core/ListItem"));
-var _ListItemText = _interopRequireDefault(require("@material-ui/core/ListItemText"));
-var _Menu = _interopRequireDefault(require("@material-ui/icons/Menu"));
-var _Fingerprint = _interopRequireDefault(require("@material-ui/icons/Fingerprint"));
-var _LockOpen = _interopRequireDefault(require("@material-ui/icons/LockOpen"));
+var _styles = require("@mui/styles");
+var _AppBar = _interopRequireDefault(require("@mui/material/AppBar"));
+var _Toolbar = _interopRequireDefault(require("@mui/material/Toolbar"));
+var _Hidden = _interopRequireDefault(require("@mui/material/Hidden"));
+var _List = _interopRequireDefault(require("@mui/material/List"));
+var _ListItem = _interopRequireDefault(require("@mui/material/ListItem"));
+var _ListItemText = _interopRequireDefault(require("@mui/material/ListItemText"));
+var _Menu = _interopRequireDefault(require("@mui/icons-material/Menu"));
+var _Fingerprint = _interopRequireDefault(require("@mui/icons-material/Fingerprint"));
+var _LockOpen = _interopRequireDefault(require("@mui/icons-material/LockOpen"));
 var _CardAvatar = _interopRequireDefault(require("../card/CardAvatar"));
 var _RegularButton = _interopRequireDefault(require("../RegularButton"));
 var _authNavbarStyle = _interopRequireDefault(require("../../assets/jss/components/authNavbarStyle"));

package/dist/components/navbars/HomeNavbar.js

@@ -13,7 +13,7 @@ var _redux = require("redux");
 var _DashboardStore = require("../../redux/store/DashboardStore");
 var _Utils = _interopRequireDefault(require("../../Utils"));
 var _ActionHandlers = _interopRequireDefault(require("../../event/ActionHandlers"));
-var _IconButton = _interopRequireDefault(require("@material-ui/core/IconButton"));
+var _IconButton = _interopRequireDefault(require("@mui/material/IconButton"));
 var _colors = require("material-ui/styles/colors");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const propHandler = state => {
@@ -126,7 +126,8 @@ class HomeNavbar extends _react.default.Component {
     })), " "), " ", /*#__PURE__*/_react.default.createElement(_reactstrap.NavbarBrand, {
       style: {
         paddingLeft: 8,
-        color: this.props.themeTextColor
+        color: this.props.themeTextColor,
+        marginTop: '64px'
       },
       href: "#pablo",
       onClick: e => e.preventDefault()
@@ -158,7 +159,9 @@ class HomeNavbar extends _react.default.Component {
     })), " ", /*#__PURE__*/_react.default.createElement("div", {
       className: "col-*-*",
       style: {
-        height: '48px'
+        height: '48px',
+        display: 'flex',
+        justifyContent: 'end'
       }
     }, /*#__PURE__*/_react.default.createElement("div", {
       style: {
@@ -202,7 +205,7 @@ class HomeNavbar extends _react.default.Component {
       className: "caret d-none d-lg-block d-xl-block"
     })), " ", /*#__PURE__*/_react.default.createElement(_reactstrap.DropdownMenu, {
       className: "dropdown-navbar",
-      right: true,
+      end: true,
       tag: "ul"
     }, /*#__PURE__*/_react.default.createElement(_reactstrap.NavLink, {
       tag: "li"

package/dist/components/navbars/PortalNavbar.js

@@ -5,8 +5,8 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
-var _IconButton = _interopRequireDefault(require("@material-ui/core/IconButton"));
-var _styles = require("@material-ui/core/styles");
+var _IconButton = _interopRequireDefault(require("@mui/material/IconButton"));
+var _styles = require("@mui/styles");
 var _Icon = _interopRequireDefault(require("./../Icon"));
 var _colors = require("material-ui/styles/colors");
 require("./PortalNavbar.css");

package/dist/components/signatures/AgilitySignaturePanel.js

@@ -5,12 +5,12 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
-var _Button = _interopRequireDefault(require("@material-ui/core/Button"));
+var _Button = _interopRequireDefault(require("@mui/material/Button"));
 var _Icon = _interopRequireDefault(require("../Icon"));
 var _Utils = _interopRequireDefault(require("../../Utils"));
-var _Dialog = _interopRequireDefault(require("@material-ui/core/Dialog"));
-var _DialogContent = _interopRequireDefault(require("@material-ui/core/DialogContent"));
-var _DialogTitle = _interopRequireDefault(require("@material-ui/core/DialogTitle"));
+var _Dialog = _interopRequireDefault(require("@mui/material/Dialog"));
+var _DialogContent = _interopRequireDefault(require("@mui/material/DialogContent"));
+var _DialogTitle = _interopRequireDefault(require("@mui/material/DialogTitle"));
 var _SignatureInput = _interopRequireDefault(require("../signatures/SignatureInput"));
 var _htmlToImage = require("html-to-image");
 var _DocumentContainer = _interopRequireDefault(require("./DocumentContainer"));
@@ -30,7 +30,7 @@ const json = response => {
   return response.text();
 };
 const location = window.location.protocol + '//' + window.location.hostname;
-const AgilitySignaturePanel = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.forwardRef((props, ref) => {
+const AgilitySignaturePanel = /*#__PURE__*/_react.default.memo(/*#__PURE__*/_react.default.forwardRef((props, ref) => {
   const [inputMode, setInputMode] = _react.default.useState(null);
   const [open, setOpen] = _react.default.useState(false);
   const [signing, setSigning] = _react.default.useState(false);
@@ -128,7 +128,6 @@ const AgilitySignaturePanel = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_re
     }));
   }
   return /*#__PURE__*/_react.default.createElement("div", {
-    ref: ref,
     style: {
       padding: '4px 32px'
     }

package/dist/components/signatures/AlertItem.js

@@ -5,9 +5,9 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = AlertItem;
 var _react = _interopRequireDefault(require("react"));
-var _Alert = _interopRequireDefault(require("@material-ui/lab/Alert"));
-var _AlertTitle = _interopRequireDefault(require("@material-ui/lab/AlertTitle"));
-var _styles = require("@material-ui/core/styles");
+var _Alert = _interopRequireDefault(require("@mui/lab/Alert"));
+var _AlertTitle = _interopRequireDefault(require("@mui/lab/AlertTitle"));
+var _styles = require("@mui/styles");
 var _ViewUtils = _interopRequireDefault(require("./ViewUtils"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const utils = new _ViewUtils.default();

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'
     }