@agilemotion/oui-react-js 1.8.2 → 1.8.4

package/dist/components/RegularButton.js

@@ -7,13 +7,13 @@ exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _classnames = _interopRequireDefault(require("classnames"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
-var _styles = require("@material-ui/core/styles");
-var _Button = _interopRequireDefault(require("@material-ui/core/Button"));
+var _styles = require("@mui/styles");
+var _Button = _interopRequireDefault(require("@mui/material/Button"));
 var _buttonStyle = _interopRequireDefault(require("../assets/jss/components/buttonStyle"));
 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)(_buttonStyle.default);
-const RegularButton = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
+const RegularButton = props => {
   const classes = useStyles();
   const {
     color,
@@ -48,7 +48,7 @@ const RegularButton = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
     classes: muiClasses,
     className: btnClasses
   }), children);
-});
+};
 RegularButton.propTypes = {
   color: _propTypes.default.oneOf(["primary", "info", "success", "warning", "danger", "rose", "white", "twitter", "facebook", "google", "linkedin", "pinterest", "youtube", "tumblr", "github", "behance", "dribbble", "reddit", "transparent"]),
   size: _propTypes.default.oneOf(["sm", "lg"]),

package/dist/components/SignaturePanel.js

@@ -7,13 +7,13 @@ exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _Utils = _interopRequireDefault(require("../Utils"));
 var _Observable = _interopRequireDefault(require("../event/Observable"));
-var _RestUtils = require("../RestUtils");
+var _RestService = require("../RestService");
 var _ServiceCallActionHandler = _interopRequireDefault(require("../event/ServiceCallActionHandler"));
 var _AgilitySignaturePanel = _interopRequireDefault(require("./signatures/AgilitySignaturePanel"));
 var _Event = _interopRequireDefault(require("../event/Event"));
 var _EventType = _interopRequireDefault(require("../event/EventType"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const SignaturePanel = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.forwardRef((props, ref) => {
+const SignaturePanel = /*#__PURE__*/_react.default.memo(/*#__PURE__*/_react.default.forwardRef((props, ref) => {
   const [config, setConfig] = _react.default.useState(null);
   const [value, setValue] = _react.default.useState(null);
   const [handle] = _react.default.useState({});
@@ -44,9 +44,11 @@ const SignaturePanel = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.def
         let service = !_Utils.default.isNull(props.config.dataService) ? props.config.dataService : actionConfig !== null ? actionConfig.dataService : null;
         if (!_Utils.default.isNull(service)) {
           if (service.type === 'rpc') {
-            (0, _RestUtils.invokeRpc)(service, props.handle, props.viewId, result => {
-              setConfig(result);
-            }, e => {}, parameter => {}, null, null, event);
+            (0, _RestService.invokeRpc)({
+              service: service,
+              component: props.handle,
+              viewId: props.viewId
+            }).then(response => {}).catch(e => {});
           } else {
             if (_Utils.default.isNull(actionConfig)) {
               actionConfig = {};
@@ -60,9 +62,7 @@ const SignaturePanel = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.def
       }
     };
   };
-  return /*#__PURE__*/_react.default.createElement("div", {
-    ref: ref
-  }, config !== null ? config.documents ? props.config.provider === 'AGILITY' ? /*#__PURE__*/_react.default.createElement(_AgilitySignaturePanel.default, {
+  return /*#__PURE__*/_react.default.createElement("div", null, config !== null ? config.documents ? props.config.provider === 'AGILITY' ? /*#__PURE__*/_react.default.createElement(_AgilitySignaturePanel.default, {
     valueChangeHandler: value => {
       console.log(value);
       setValue(value);

package/dist/components/StepperTitleBar.js

@@ -9,11 +9,11 @@ var _Utils = _interopRequireDefault(require("../Utils"));
 var _ApplicationManager = _interopRequireDefault(require("../ApplicationManager"));
 var _Observable = _interopRequireDefault(require("../event/Observable"));
 var _EventType = _interopRequireDefault(require("../event/EventType"));
-var _core = require("@material-ui/core");
+var _styles = require("@mui/styles");
 require("./StepperTitleBar.css");
 var _jquery = _interopRequireDefault(require("jquery"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const useStyles = (0, _core.makeStyles)(theme => ({
+const useStyles = (0, _styles.makeStyles)(theme => ({
   theme: {
     backgroundColor: theme.palette.secondary.main
   },
@@ -21,7 +21,7 @@ const useStyles = (0, _core.makeStyles)(theme => ({
     borderColor: theme.palette.secondary.main
   }
 }));
-const StepperTitleBar = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.forwardRef((props, ref) => {
+const StepperTitleBar = /*#__PURE__*/_react.default.memo(/*#__PURE__*/_react.default.forwardRef((props, ref) => {
   const [steps, setSteps] = _react.default.useState(null);
   const [activeSegmentPercentage, setActiveSegmentPercentage] = _react.default.useState(null);
   const currentIndex = _react.default.useRef(null);
@@ -131,9 +131,7 @@ const StepperTitleBar = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.de
       id: 'step-container-' + counter++
     }, renderStep(step)))))));
   }
-  return /*#__PURE__*/_react.default.createElement("div", {
-    ref: ref
-  }, !_Utils.default.isNull(props.config) ? /*#__PURE__*/_react.default.createElement("div", {
+  return /*#__PURE__*/_react.default.createElement("div", null, !_Utils.default.isNull(props.config) ? /*#__PURE__*/_react.default.createElement("div", {
     style: _Utils.default.mergeStyles({
       fontSize: '24px',
       color: '#202124',

package/dist/components/TabPage.js

@@ -6,9 +6,9 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
-var _Typography = _interopRequireDefault(require("@material-ui/core/Typography"));
-var _Box = _interopRequireDefault(require("@material-ui/core/Box"));
-var _styles = require("@material-ui/core/styles");
+var _Typography = _interopRequireDefault(require("@mui/material/Typography"));
+var _Box = _interopRequireDefault(require("@mui/material/Box"));
+var _styles = require("@mui/styles");
 var _Utils = _interopRequireDefault(require("../Utils"));
 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); }
@@ -28,7 +28,7 @@ const useStyles = (0, _styles.makeStyles)(theme => ({
     paddingLeft: "0px"
   }
 }));
-const TabPage = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.forwardRef((props, ref) => {
+const TabPage = /*#__PURE__*/_react.default.memo(/*#__PURE__*/_react.default.forwardRef((props, ref) => {
   const {
     children,
     value,
@@ -38,7 +38,6 @@ const TabPage = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.fo
   const classes = useStyles();
   let componentKey = 0;
   return /*#__PURE__*/_react.default.createElement("div", {
-    ref: ref,
     style: _Utils.default.mergeStyles({
       width: "inherit"
     }, props.config)

package/dist/components/TabPanel.js

@@ -6,9 +6,9 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _Utils = _interopRequireDefault(require("../Utils"));
-var _AppBar = _interopRequireDefault(require("@material-ui/core/AppBar"));
-var _Tab = _interopRequireDefault(require("@material-ui/core/Tab"));
-var _Tabs = _interopRequireDefault(require("@material-ui/core/Tabs"));
+var _AppBar = _interopRequireDefault(require("@mui/material/AppBar"));
+var _Tab = _interopRequireDefault(require("@mui/material/Tab"));
+var _Tabs = _interopRequireDefault(require("@mui/material/Tabs"));
 var _TabPage = _interopRequireDefault(require("./TabPage"));
 var _Section = _interopRequireDefault(require("./form/Section"));
 var _Toolbar = _interopRequireDefault(require("./Toolbar"));
@@ -22,7 +22,7 @@ function a11yProps(index) {
     'aria-controls': `simple-tabpanel-${index}`
   };
 }
-const TabPanel = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.forwardRef((props, ref) => {
+const TabPanel = /*#__PURE__*/_react.default.memo(/*#__PURE__*/_react.default.forwardRef((props, ref) => {
   const [tabValue, setTabValue] = _react.default.useState(0);
   const [errors, setErrors] = _react.default.useState({});
   const [componentHandles] = _react.default.useState({});
@@ -122,7 +122,6 @@ const TabPanel = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.f
     };
   };
   return /*#__PURE__*/_react.default.createElement("div", {
-    ref: ref,
     style: _Utils.default.mergeStyles({
       width: '100%'
     }, props.config)

package/dist/components/TableCellContent.js

@@ -6,43 +6,45 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _Utils = _interopRequireDefault(require("../Utils"));
-var _Error = _interopRequireDefault(require("@material-ui/icons/Error"));
+var _Error = _interopRequireDefault(require("@mui/icons-material/Error"));
 var _Tooltip = _interopRequireDefault(require("./Tooltip"));
 var _Form = _interopRequireDefault(require("./form/Form"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const TableCellContent = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.forwardRef((props, ref) => {
+const TableCellContent = /*#__PURE__*/_react.default.memo(/*#__PURE__*/_react.default.forwardRef((props, ref) => {
   const [contentType] = _react.default.useState(props.contentType);
   const [refresher, setRefresher] = _react.default.useState(true);
   const [editor, setEditor] = _react.default.useState(null);
   const editorValue = _react.default.useRef(null);
   const validate = value => {
-    let validator = props.validator;
-    let errors = props.row.errors;
-    if (!_Utils.default.isNull(errors)) {
-      errors = errors.filter(error => {
-        return error.column !== props.dataBinding;
-      });
-      props.row.errors = errors;
-    }
-    if (!_Utils.default.isNull(validator)) {
-      let required = false;
-      if (!_Utils.default.isNull(validator.nullable)) {
-        let nullableExpression = validator.nullable.replace(/\[#i]/g, `[${props.row.index}]`);
-        required = !_Utils.default.evaluateBooleanExpression(nullableExpression, props.dataBinding);
+    if (props.editor) {
+      let validator = props.validator;
+      let errors = props.row.errors;
+      if (!_Utils.default.isNull(errors)) {
+        errors = errors.filter(error => {
+          return error.column !== props.dataBinding;
+        });
+        props.row.errors = errors;
       }
-      let formValue = {};
-      formValue[props.editor.id] = value;
-      let validation = _Utils.default.validateField(props.dataBinding, required, formValue, value, validator);
-      if (!validation.valid) {
-        let error = {};
-        error.column = props.dataBinding;
-        error.message = validation.message;
-        if (_Utils.default.isNull(errors)) {
-          errors = [];
-          props.row.errors = errors;
+      if (!_Utils.default.isNull(validator)) {
+        let required = false;
+        if (!_Utils.default.isNull(validator.nullable)) {
+          let nullableExpression = validator.nullable.replace(/\[#i]/g, `[${props.row.index}]`);
+          required = !_Utils.default.evaluateBooleanExpression(nullableExpression, props.dataBinding);
+        }
+        let formValue = {};
+        formValue[props.editor.id] = value;
+        let validation = _Utils.default.validateField(props.dataBinding, required, formValue, value, validator);
+        if (!validation.valid) {
+          let error = {};
+          error.column = props.dataBinding;
+          error.message = validation.message;
+          if (_Utils.default.isNull(errors)) {
+            errors = [];
+            props.row.errors = errors;
+          }
+          props.row.errors.push(error);
+          return error;
         }
-        props.row.errors.push(error);
-        return error;
       }
     }
     return null;
@@ -114,6 +116,10 @@ const TableCellContent = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.d
         displayValue = new Date(contentValue).toLocaleDateString();
       } else if (contentType === 'TIME') {
         displayValue = new Date(contentValue).toLocaleTimeString();
+      } else if (contentType === 'CHECKBOX') {
+        displayValue = contentValue ? "Yes" : "No";
+      } else if (contentType === 'MULTI_FILE_UPLOAD') {
+        displayValue = contentValue.map(file => file.name).join(", ");
       } else {
         if (typeof contentValue === 'object') {
           // TODO : First check if the editor has a display template. If it does, use it to get the display value
@@ -156,8 +162,8 @@ const TableCellContent = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.d
           handle: props.handle,
           values: formValue,
           valueChangeHandler: value => {
-            editorValue.current = value[props.editor.id];
-            valueChangeHandler(value[props.editor.id]);
+            editorValue.current = value[editor.id];
+            valueChangeHandler(editorValue.current);
           },
           viewId: props.viewId
         });
@@ -171,8 +177,7 @@ const TableCellContent = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.d
     let hasError = !_Utils.default.isNull(error);
     return /*#__PURE__*/_react.default.createElement("table", {
       className: 'tableCellContentContainer',
-      border: "0",
-      ref: ref
+      border: "0"
     }, /*#__PURE__*/_react.default.createElement("tbody", null, /*#__PURE__*/_react.default.createElement("tr", null, hasError ? /*#__PURE__*/_react.default.createElement("td", {
       style: {
         width: '8px'

package/dist/components/TemplateDesigner.js

@@ -7,14 +7,14 @@ exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _Utils = _interopRequireDefault(require("../Utils"));
 var _Observable = _interopRequireDefault(require("../event/Observable"));
-var _IconButton = _interopRequireDefault(require("@material-ui/core/IconButton"));
-var _core = require("@material-ui/core");
+var _IconButton = _interopRequireDefault(require("@mui/material/IconButton"));
+var _styles = require("@mui/styles");
 var _Icon = _interopRequireDefault(require("./Icon"));
-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 _Form = _interopRequireDefault(require("./form/Form"));
-var _Button = _interopRequireDefault(require("@material-ui/core/Button"));
+var _Button = _interopRequireDefault(require("@mui/material/Button"));
 var _reactPromiseTracker = require("react-promise-tracker");
 var _ApplicationManager = _interopRequireDefault(require("../ApplicationManager"));
 var _reactHtmlRenderer = _interopRequireDefault(require("react-html-renderer"));
@@ -57,7 +57,7 @@ const OPEN_DIALOG_CONFIG = {
     }]
   }]
 };
-const useStyles = (0, _core.makeStyles)(theme => ({
+const useStyles = (0, _styles.makeStyles)(theme => ({
   button: {
     margin: theme.spacing(1)
   },
@@ -116,7 +116,7 @@ const json = response => {
 };
 const templateItemEventHandler = new _TemplateItemEventHandler.default();
 const location = window.location.protocol + '//' + window.location.hostname;
-const TemplateDesigner = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.forwardRef((props, ref) => {
+const TemplateDesigner = /*#__PURE__*/_react.default.memo(/*#__PURE__*/_react.default.forwardRef((props, ref) => {
   const classes = useStyles();
   const [loading, setLoading] = _react.default.useState(true);
   const [value, setValue] = _react.default.useState(null);

package/dist/components/TitleBar.js

@@ -11,7 +11,7 @@ var _Observable = _interopRequireDefault(require("../event/Observable"));
 var _EventType = _interopRequireDefault(require("../event/EventType"));
 var _reactHtmlRenderer = _interopRequireDefault(require("react-html-renderer"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const TitleBar = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.forwardRef((props, ref) => {
+const TitleBar = /*#__PURE__*/_react.default.memo(/*#__PURE__*/_react.default.forwardRef((props, ref) => {
   const [title, setTitle] = _react.default.useState('');
   _react.default.useLayoutEffect(() => {
     props.handle.api = api();
@@ -55,7 +55,6 @@ const TitleBar = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.f
     };
   };
   return /*#__PURE__*/_react.default.createElement("div", {
-    ref: ref,
     className: 'title-bar'
   }, /*#__PURE__*/_react.default.createElement("div", {
     style: {

package/dist/components/Toolbar.js

@@ -6,21 +6,20 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _Observable = _interopRequireDefault(require("../event/Observable"));
-var _core = require("@material-ui/core");
-var _ToggleButtonGroup = _interopRequireDefault(require("@material-ui/lab/ToggleButtonGroup"));
+var _styles = require("@mui/styles");
+var _ToggleButtonGroup = _interopRequireDefault(require("@mui/lab/ToggleButtonGroup"));
 var _MenuButton = _interopRequireDefault(require("./menu/MenuButton"));
 var _Button = _interopRequireDefault(require("./Button"));
 var _Utils = _interopRequireDefault(require("../Utils"));
-var _styles = require("@material-ui/core/styles");
 var _Icon = _interopRequireDefault(require("./Icon"));
 var _ToolbarButton = _interopRequireDefault(require("./media/ToolbarButton"));
-var _Tooltip = _interopRequireDefault(require("@material-ui/core/Tooltip"));
-var _IconButton = _interopRequireDefault(require("@material-ui/core/IconButton"));
-var _Grow = _interopRequireDefault(require("@material-ui/core/Grow"));
-var _Paper = _interopRequireDefault(require("@material-ui/core/Paper"));
-var _ClickAwayListener = _interopRequireDefault(require("@material-ui/core/ClickAwayListener"));
-var _MenuList = _interopRequireDefault(require("@material-ui/core/MenuList"));
-var _Popper = _interopRequireDefault(require("@material-ui/core/Popper"));
+var _Tooltip = _interopRequireDefault(require("@mui/material/Tooltip"));
+var _IconButton = _interopRequireDefault(require("@mui/material/IconButton"));
+var _Grow = _interopRequireDefault(require("@mui/material/Grow"));
+var _Paper = _interopRequireDefault(require("@mui/material/Paper"));
+var _ClickAwayListener = _interopRequireDefault(require("@mui/material/ClickAwayListener"));
+var _MenuList = _interopRequireDefault(require("@mui/material/MenuList"));
+var _Popper = _interopRequireDefault(require("@mui/material/Popper"));
 var _MenuItem = _interopRequireDefault(require("./menu/MenuItem"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
@@ -43,10 +42,10 @@ const useStyles = (0, _styles.makeStyles)(theme => ({
   },
   spacer: {
     borderLeft: '2px solid' + theme.palette.secondary.main,
-    height: '100%'
+    minHeight: '30px'
   }
 }));
-const StyledToggleButtonGroup = (0, _core.withStyles)(theme => ({
+const StyledToggleButtonGroup = (0, _styles.withStyles)(theme => ({
   grouped: {
     margin: theme.spacing(0.5),
     border: 'none',
@@ -69,7 +68,6 @@ const Toolbar = props => {
   const [allItems] = (0, _react.useState)([]);
   const [open, setOpen] = _react.default.useState(false);
   const anchorRef = _react.default.useRef(null);
-  const ref = (0, _react.useRef)();
   const sectionContainerRef = (0, _react.useRef)();
   let sectionKeyCounter = 0;
   const handleVisibilityChange = (id, visible) => {
@@ -158,7 +156,6 @@ const Toolbar = props => {
     }, /*#__PURE__*/_react.default.createElement(_MenuButton.default, {
       config: item,
       handle: createButtonItemHandle(item.id),
-      ref: /*#__PURE__*/_react.default.createRef(),
       tableRow: props.tableRow,
       viewId: props.viewId
     })) : item.type === 'button' ? /*#__PURE__*/_react.default.createElement(_ToolbarButton.default, {
@@ -167,7 +164,6 @@ const Toolbar = props => {
     }, /*#__PURE__*/_react.default.createElement(_Button.default, {
       config: item,
       handle: createButtonItemHandle(item.id),
-      ref: /*#__PURE__*/_react.default.createRef(),
       tableRow: props.tableRow,
       viewId: props.viewId
     })) : item.type === 'toolbarSpacer' ? /*#__PURE__*/_react.default.createElement(_ToolbarButton.default, {
@@ -198,7 +194,7 @@ const Toolbar = props => {
         position: 'relative'
       }, section)
     }, /*#__PURE__*/_react.default.createElement("div", {
-      className: "row flex-nowrap"
+      className: "row flex-nowrap no-margin no-padding"
     }, section.items.map((item, index) => {
       let defaultId = 'toolbar_item_' + counter + '_' + itemCounter++;
       return /*#__PURE__*/_react.default.createElement("div", {
@@ -237,8 +233,7 @@ const Toolbar = props => {
   function render(toolbar) {
     let counter = 0;
     return /*#__PURE__*/_react.default.createElement("div", {
-      className: "row no-margin no-padding flex-nowrap",
-      ref: ref
+      className: "row no-margin no-padding flex-nowrap"
     }, /*#__PURE__*/_react.default.createElement("div", {
       style: {
         width: 'calc(100% - 40px)'
@@ -314,8 +309,7 @@ const Toolbar = props => {
             viewId: props.viewId,
             key: index,
             handle: createMenuItemHandle(item.id),
-            tableRow: props.tableRow,
-            ref: /*#__PURE__*/_react.default.createRef()
+            tableRow: props.tableRow
           });
         }
       })))));
@@ -323,7 +317,6 @@ const Toolbar = props => {
   }
   return /*#__PURE__*/_react.default.createElement("div", {
     id: props.config.id,
-    ref: ref,
     style: _Utils.default.mergeStyles({
       borderBottom: '1px solid #e2e2e2',
       padding: '4px 0 0 0',

package/dist/components/Tooltip.js

@@ -5,9 +5,9 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = CustomTooltip;
 var _react = _interopRequireDefault(require("react"));
-var _styles = require("@material-ui/core/styles");
-var _Tooltip = _interopRequireDefault(require("@material-ui/core/Tooltip"));
-var _Typography = _interopRequireDefault(require("@material-ui/core/Typography"));
+var _styles = require("@mui/styles");
+var _Tooltip = _interopRequireDefault(require("@mui/material/Tooltip"));
+var _Typography = _interopRequireDefault(require("@mui/material/Typography"));
 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 LightTooltip = (0, _styles.withStyles)(theme => ({

package/dist/components/Tree.js

@@ -6,16 +6,15 @@ Object.defineProperty(exports, "__esModule", {
 exports.Tree = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
-var _SvgIcon = _interopRequireDefault(require("@material-ui/core/SvgIcon"));
-var _styles = require("@material-ui/core/styles");
-var _TreeView = _interopRequireDefault(require("@material-ui/lab/TreeView"));
-var _TreeItem = _interopRequireDefault(require("@material-ui/lab/TreeItem"));
-var _Collapse = _interopRequireDefault(require("@material-ui/core/Collapse"));
+var _SvgIcon = _interopRequireDefault(require("@mui/material/SvgIcon"));
+var _styles = require("@mui/styles");
+var _SimpleTreeView = require("@mui/x-tree-view/SimpleTreeView");
+var _TreeItem = require("@mui/x-tree-view/TreeItem");
+var _Collapse = _interopRequireDefault(require("@mui/material/Collapse"));
 var _web = require("react-spring/web.cjs");
 var _Utils = _interopRequireDefault(require("../Utils"));
 var _Event = _interopRequireDefault(require("../event/Event"));
-var _RestUtils = require("../RestUtils");
-var _ActionHandlers = _interopRequireDefault(require("../event/ActionHandlers"));
+var _RestService = require("../RestService");
 var _Observable = _interopRequireDefault(require("../event/Observable"));
 var _EventType = _interopRequireDefault(require("../event/EventType"));
 var _ApplicationManager = _interopRequireDefault(require("../ApplicationManager"));
@@ -73,8 +72,8 @@ function TransitionComponent(props) {
   }, /*#__PURE__*/_react.default.createElement(_Collapse.default, props));
 }
 TransitionComponent.propTypes = {
-  /**
-   * Show the component; triggers the enter or exit states
+  /**
+   * Show the component; triggers the enter or exit states
    */
   in: _propTypes.default.bool
 };
@@ -87,9 +86,9 @@ const StyledTreeItem = (0, _styles.withStyles)(theme => ({
   group: {
     marginLeft: 7,
     paddingLeft: 18,
-    borderLeft: `1px dashed ${(0, _styles.fade)(theme.palette.text.primary, 0.4)}`
+    borderLeft: `1px dashed #e1e1e1`
   }
-}))(props => /*#__PURE__*/_react.default.createElement(_TreeItem.default, _extends({}, props, {
+}))(props => /*#__PURE__*/_react.default.createElement(_TreeItem.TreeItem, _extends({}, props, {
   TransitionComponent: TransitionComponent
 })));
 const useStyles = (0, _styles.makeStyles)({
@@ -99,7 +98,7 @@ const useStyles = (0, _styles.makeStyles)({
     maxWidth: 400
   }
 });
-const Tree = exports.Tree = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
+const Tree = props => {
   const classes = useStyles();
   const [root, setRoot] = _react.default.useState(null);
   const [selectedRows] = _react.default.useState([]);
@@ -120,20 +119,21 @@ const Tree = exports.Tree = /*#__PURE__*/_react.default.forwardRef((props, ref)
   function loadData(eventConfig, componentConfig) {
     let service = !_Utils.default.isNull(componentConfig.dataService) ? componentConfig.dataService : eventConfig !== null ? eventConfig.dataService : null;
     if (!_Utils.default.isNull(service)) {
-      (0, _RestUtils.invokeRpc)(service, props.handle, props.viewId, result => {
+      (0, _RestService.invokeRpc)({
+        service: service,
+        component: props.handle,
+        viewId: props.viewId
+      }).then(result => {
         try {
           if (result) {
             expand(result);
             setRoot(result);
           }
         } catch (e) {
-          console.error(e);
+          props.console.error(e);
           _Utils.default.publishErrorMessage(e, props.viewId);
         }
-      }, e => {
-        props.console.error(e);
-        _Utils.default.publishErrorMessage(e, props.viewId);
-      }, parameter => {});
+      }).catch(e => {});
     } else if (!_Utils.default.isNull(componentConfig.value)) {
       let value = _ApplicationManager.default.isExpression(componentConfig.value) ? _ApplicationManager.default.resolveExpressionValue(componentConfig.value) : componentConfig.value;
     }
@@ -181,7 +181,7 @@ const Tree = exports.Tree = /*#__PURE__*/_react.default.forwardRef((props, ref)
   };
   const render = item => {
     return /*#__PURE__*/_react.default.createElement(StyledTreeItem, {
-      nodeId: item.id.toString(),
+      itemId: item.id.toString(),
       label: item.name,
       key: item.id,
       onLabelClick: e => e.preventDefault(),
@@ -203,13 +203,13 @@ const Tree = exports.Tree = /*#__PURE__*/_react.default.forwardRef((props, ref)
   return /*#__PURE__*/_react.default.createElement("div", {
     style: {
       padding: '32px'
-    },
-    ref: ref
-  }, initializing === false && !_Utils.default.isNull(root) ? /*#__PURE__*/_react.default.createElement(_TreeView.default, {
+    }
+  }, initializing === false && !_Utils.default.isNull(root) ? /*#__PURE__*/_react.default.createElement(_SimpleTreeView.SimpleTreeView, {
     className: classes.root,
     defaultExpanded: expanded,
     defaultCollapseIcon: /*#__PURE__*/_react.default.createElement(MinusSquare, null),
     defaultExpandIcon: /*#__PURE__*/_react.default.createElement(PlusSquare, null),
     defaultEndIcon: /*#__PURE__*/_react.default.createElement(CloseSquare, null)
   }, render(root)) : null);
-});
+};
+exports.Tree = Tree;

package/dist/components/WordDocumentViewer.js

@@ -21,14 +21,14 @@ const WordDocumentViewer = props => {
   const [json, setJson] = _react.default.useState(null);
   const [errorMessage, setErrorMessage] = _react.default.useState(null);
 
-  /*let items = ['Bold', 'Italic', 'Underline', '|', 'Formats', '|', 'CreateLink', '|',
-      {
-          template: '' +
-              '<button class="e-tbar-btn e-btn" tabindex="-1" id="custom_tbar"  style="width:100%"><div class="e-tbar-btn-text" style="font-weight: normal; font-size: inherit;"> Placeholders</div></button>',
-          undo: true,
-          click: onClick.bind(this),
-          tooltipText: 'Insert Placeholders'
-      }, '|', 'Undo', 'Redo'
+  /*let items = ['Bold', 'Italic', 'Underline', '|', 'Formats', '|', 'CreateLink', '|',
+      {
+          template: '' +
+              '<button class="e-tbar-btn e-btn" tabindex="-1" id="custom_tbar"  style="width:100%"><div class="e-tbar-btn-text" style="font-weight: normal; font-size: inherit;"> Placeholders</div></button>',
+          undo: true,
+          click: onClick.bind(this),
+          tooltipText: 'Insert Placeholders'
+      }, '|', 'Undo', 'Redo'
   ];*/
 
   const api = () => {
@@ -123,6 +123,9 @@ const WordDocumentViewer = props => {
             rejectButton.parentElement.removeChild(rejectButton);
           }
         }
+        if (props.valueChangeHandler) {
+          props.valueChangeHandler();
+        }
       });
       container.documentEditor.open(json);
       container.documentEditor.enableTrackChanges = !_Utils.default.isNull(props.trackChanges) ? props.trackChanges : true;

package/dist/components/card/Card.js

@@ -7,7 +7,7 @@ exports.default = Card;
 var _react = _interopRequireDefault(require("react"));
 var _classnames = _interopRequireDefault(require("classnames"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
-var _styles = require("@material-ui/core/styles");
+var _styles = require("@mui/styles");
 var _cardStyle = _interopRequireDefault(require("../../assets/jss/components/cardStyle"));
 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); }

package/dist/components/card/CardAvatar.js

@@ -7,7 +7,7 @@ exports.default = CardAvatar;
 var _react = _interopRequireDefault(require("react"));
 var _classnames = _interopRequireDefault(require("classnames"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
-var _styles = require("@material-ui/core/styles");
+var _styles = require("@mui/styles");
 var _cardAvatarStyle = _interopRequireDefault(require("../../assets/jss/components/cardAvatarStyle"));
 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); }

package/dist/components/card/CardBody.js

@@ -7,7 +7,7 @@ exports.default = CardBody;
 var _react = _interopRequireDefault(require("react"));
 var _classnames = _interopRequireDefault(require("classnames"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
-var _styles = require("@material-ui/core/styles");
+var _styles = require("@mui/styles");
 var _cardBodyStyle = _interopRequireDefault(require("../../assets/jss/components/cardBodyStyle"));
 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); } // nodejs library that concatenates classes

package/dist/components/card/CardFooter.js

@@ -7,7 +7,7 @@ exports.default = CardFooter;
 var _react = _interopRequireDefault(require("react"));
 var _classnames = _interopRequireDefault(require("classnames"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
-var _styles = require("@material-ui/core/styles");
+var _styles = require("@mui/styles");
 var _cardFooterStyle = _interopRequireDefault(require("../../assets/jss/components/cardFooterStyle"));
 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); } // nodejs library that concatenates classes