@agilemotion/oui-react-js 1.8.2 → 1.8.3

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

package/dist/components/card/CardHeader.js

@@ -7,7 +7,7 @@ exports.default = CardHeader;
 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 _cardHeaderStyle = _interopRequireDefault(require("../../assets/jss/components/cardHeaderStyle"));
 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/CardIcon.js

@@ -7,7 +7,7 @@ exports.default = CardIcon;
 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 _cardIconStyle = _interopRequireDefault(require("../../assets/jss/components/cardIconStyle"));
 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/CardText.js

@@ -7,7 +7,7 @@ exports.default = CardText;
 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 _cardTextStyle = _interopRequireDefault(require("../../assets/jss/components/cardTextStyle"));
 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/customInput/CustomInput.js

@@ -7,11 +7,11 @@ exports.default = CustomInput;
 var _react = _interopRequireDefault(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _classnames = _interopRequireDefault(require("classnames"));
-var _styles = require("@material-ui/core/styles");
-var _FormControl = _interopRequireDefault(require("@material-ui/core/FormControl"));
-var _InputLabel = _interopRequireDefault(require("@material-ui/core/InputLabel"));
-var _FormHelperText = _interopRequireDefault(require("@material-ui/core/FormHelperText"));
-var _Input = _interopRequireDefault(require("@material-ui/core/Input"));
+var _styles = require("@mui/styles");
+var _FormControl = _interopRequireDefault(require("@mui/material/FormControl"));
+var _InputLabel = _interopRequireDefault(require("@mui/material/InputLabel"));
+var _FormHelperText = _interopRequireDefault(require("@mui/material/FormHelperText"));
+var _Input = _interopRequireDefault(require("@mui/material/Input"));
 var _customInputStyle = _interopRequireDefault(require("../../assets/jss/components/customInputStyle"));
 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/customInput/File.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _react = _interopRequireWildcard(require("react"));
 require("./Form.css");
-var _IconButton = _interopRequireDefault(require("@material-ui/core/IconButton"));
+var _IconButton = _interopRequireDefault(require("@mui/material/IconButton"));
 var _Icon = _interopRequireDefault(require("../Icon"));
 var _ApplicationManager = _interopRequireDefault(require("../../ApplicationManager"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
@@ -15,7 +15,7 @@ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e;
 const {
   electron
 } = window;
-const File = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.forwardRef((props, ref) => {
+const File = /*#__PURE__*/_react.default.memo(/*#__PURE__*/_react.default.forwardRef((props, ref) => {
   const [files, setFiles] = _react.default.useState(!props.value ? [] : props.value);
   const handleChange = () => event => {
     let targetFiles = event.target.files;

package/dist/components/dashboard/FoldingSideTabDashboard.js

@@ -9,7 +9,6 @@ var _withWidth = require("material-ui/utils/withWidth");
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _Utils = _interopRequireDefault(require("../../Utils"));
 var _ViewPort = _interopRequireDefault(require("../layout/ViewPort"));
-var _Window = _interopRequireDefault(require("../layout/Window"));
 var _reactRouterDom = require("react-router-dom");
 var _perfectScrollbar = _interopRequireDefault(require("perfect-scrollbar"));
 var _FoldingTabSidebar = _interopRequireDefault(require("./components/blackDashboard/sidebar/FoldingTabSidebar"));
@@ -19,6 +18,8 @@ var _DashboardStore = require("../../redux/store/DashboardStore");
 var _ApplicationManager = _interopRequireDefault(require("../../ApplicationManager"));
 var _SocketManager = _interopRequireDefault(require("../SocketManager"));
 var _WindowViewPort = _interopRequireDefault(require("../layout/WindowViewPort"));
+var _styles = require("@mui/material/styles");
+var _Button = _interopRequireDefault(require("@mui/material/Button"));
 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); }
 let ps;

package/dist/components/dashboard/SideMenuModuleDashboard.js

@@ -117,7 +117,6 @@ const SideMenuModuleDashboard = props => {
       }
       let newRoutes = [];
       let newRoute = {};
-      console.log(props.settings.systemProfileDto);
       if (!_Utils.default.isNull(props.settings.systemProfileDto.modules)) {
         for (let i = 0; i < props.settings.systemProfileDto.modules.length; i++) {
           let module = props.settings.systemProfileDto.modules[i];
@@ -223,7 +222,7 @@ const SideMenuModuleDashboard = props => {
   };
   function launchDashboard() {
     _ApplicationManager.default.closeAllViews();
-    _ApplicationManager.default.navigate('/switch');
+    //applicationManager.navigate('/switch');
     _ApplicationManager.default.navigate('/view/dashboard');
   }
   return loading ? /*#__PURE__*/_react.default.createElement("div", null, "Loading...") : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {

package/dist/components/dashboard/components/UserIdentity.js

@@ -8,7 +8,7 @@ var _react = _interopRequireDefault(require("react"));
 var _colors = require("material-ui/styles/colors");
 var _Avatar = _interopRequireDefault(require("material-ui/Avatar"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const UserIdentity = exports.UserIdentity = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
+const UserIdentity = props => {
   const style = {
     avatar: {
       div: {
@@ -42,5 +42,6 @@ const UserIdentity = exports.UserIdentity = /*#__PURE__*/_react.default.forwardR
     size: 24,
     style: style.avatar.icon
   }));
-});
+};
+exports.UserIdentity = UserIdentity;
 var _default = exports.default = UserIdentity;

package/dist/components/dashboard/components/blackDashboard/sidebar/FoldingTabSidebar.js

@@ -10,7 +10,7 @@ var _Utils = _interopRequireDefault(require("../../../../../Utils"));
 var _reactstrap = require("reactstrap");
 var _MenuLink = _interopRequireDefault(require("../../../../menu/MenuLink"));
 var _CardAvatar = _interopRequireDefault(require("../../../../card/CardAvatar"));
-var _core = require("@material-ui/core");
+var _material = require("@mui/material");
 var _RestUtils = require("../../../../../RestUtils");
 require("./FoldingTabSidebar.css");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
@@ -211,7 +211,7 @@ class FoldingTabSidebar extends _react.default.Component {
         className: `${'menu-link-li' + (this.activeRoute(prop.id) ? '-active' : '') + (prop.name === 'Dashboard' ? ' dashboard-link' : '')}`,
         key: key,
         style: this.activeRoute(prop.id) ? {
-          backgroundColor: (0, _core.lighten)(secondaryThemeColor, .9),
+          backgroundColor: (0, _material.lighten)(secondaryThemeColor, .9),
           borderRadius: '16px',
           color: secondaryThemeColor,
           fontWeight: 500
@@ -232,7 +232,7 @@ class FoldingTabSidebar extends _react.default.Component {
         viewId: "menuBar",
         icon: prop.icon,
         iconColor: (prop.name === 'Dashboard' || prop.name === 'My Work Items') && this.activeRoute(prop.id) ? secondaryThemeColor : null,
-        backgroundColor: this.activeRoute(prop.id) ? (0, _core.lighten)(secondaryThemeColor, .9) : null,
+        backgroundColor: this.activeRoute(prop.id) ? (0, _material.lighten)(secondaryThemeColor, .9) : null,
         name: prop.name,
         id: prop.id,
         level: prop.level,

package/dist/components/dashboard/components/blackDashboard/sidebar/ModuleMenu.js

@@ -10,7 +10,7 @@ var _Utils = _interopRequireDefault(require("../../../../../Utils"));
 var _reactstrap = require("reactstrap");
 var _MenuLink = _interopRequireDefault(require("../../../../menu/MenuLink"));
 var _CardAvatar = _interopRequireDefault(require("../../../../card/CardAvatar"));
-var _core = require("@material-ui/core");
+var _material = require("@mui/material");
 var _RestUtils = require("../../../../../RestUtils");
 require("./FoldingTabSidebar.css");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }

package/dist/components/dashboard/components/blackDashboard/sidebar/ModuleMenuSidebar.js

@@ -10,7 +10,7 @@ var _Utils = _interopRequireDefault(require("../../../../../Utils"));
 var _reactstrap = require("reactstrap");
 var _MenuLink = _interopRequireDefault(require("../../../../menu/MenuLink"));
 var _CardAvatar = _interopRequireDefault(require("../../../../card/CardAvatar"));
-var _core = require("@material-ui/core");
+var _material = require("@mui/material");
 var _RestUtils = require("../../../../../RestUtils");
 require("./ModuleMenuSidebar.css");
 var _Event = _interopRequireDefault(require("../../../../../event/Event"));
@@ -69,6 +69,28 @@ const ModuleMenuSidebar = props => {
       getMenu(currentModule).then(result => {});
     }
   }, [activeModule]);
+  _react.default.useEffect(() => {
+    if (selectedMenuRoutes) {
+      let defaultMenu = selectedMenuRoutes.find(m => m.item.defaultItem);
+      if (defaultMenu) {
+        if (defaultMenu.id === 'Dashboard') {
+          props.dashboardLauncher();
+        }
+        setActiveRouteMenu({
+          id: defaultMenu.id,
+          name: defaultMenu.name
+        });
+        let event = new _Event.default({
+          api: {
+            get id() {
+              return defaultMenu.id;
+            }
+          }
+        }, "menuBar");
+        _Observable.default.fireEvent(_EventType.default.CLICK, event);
+      }
+    }
+  }, [selectedMenuRoutes]);
   const getViews = (menus, level) => {
     let newViews = [];
     for (let i = 0; i < menus.length; i++) {
@@ -171,24 +193,6 @@ const ModuleMenuSidebar = props => {
       }, 'dashboard-sidebar', result => {
         let views = getViews(result.menus, route.level + 1);
         setSelectedMenuRoutes(views);
-        let defaultMenu = views.find(m => m.item.defaultItem);
-        if (defaultMenu) {
-          if (defaultMenu.id === 'Dashboard') {
-            props.dashboardLauncher();
-          }
-          setActiveRouteMenu({
-            id: defaultMenu.id,
-            name: defaultMenu.name
-          });
-          let event = new _Event.default({
-            api: {
-              get id() {
-                return defaultMenu.id;
-              }
-            }
-          }, "menuBar");
-          _Observable.default.fireEvent(_EventType.default.CLICK, event);
-        }
         resolve(views);
       }, e => {
         console.error(e);
@@ -209,7 +213,7 @@ const ModuleMenuSidebar = props => {
       return /*#__PURE__*/_react.default.createElement("div", {
         key: key,
         style: {
-          backgroundColor: isActiveModule(module.name) ? primaryThemeColor : (0, _core.lighten)(secondaryThemeColor, .1)
+          backgroundColor: isActiveModule(module.name) ? primaryThemeColor : (0, _material.lighten)(secondaryThemeColor, .1)
         },
         className: `${isActiveModule(module.name) ? 'module-tab-selected' : 'module-tab'}`,
         onClick: e => {
@@ -292,7 +296,7 @@ const ModuleMenuSidebar = props => {
         className: `${'menu-link-li' + (isActiveRoute(prop.id) ? '-active' : '') + (prop.name === 'Dashboard' ? ' dashboard-link' : '')}`,
         key: key,
         style: isActiveRoute(prop.id) ? {
-          backgroundColor: (0, _core.lighten)(secondaryThemeColor, .9),
+          backgroundColor: (0, _material.lighten)(secondaryThemeColor, .9),
           borderRadius: '16px',
           color: secondaryThemeColor,
           fontWeight: 500
@@ -309,7 +313,7 @@ const ModuleMenuSidebar = props => {
         viewId: "menuBar",
         icon: prop.icon,
         iconColor: (prop.name === 'Dashboard' || prop.name === 'My Work Items') && isActiveRoute(prop.id) ? secondaryThemeColor : null,
-        backgroundColor: isActiveRoute(prop.id) ? (0, _core.lighten)(secondaryThemeColor, .9) : null,
+        backgroundColor: isActiveRoute(prop.id) ? (0, _material.lighten)(secondaryThemeColor, .9) : null,
         name: prop.name,
         id: prop.id,
         level: prop.level,

package/dist/components/footer/Footer.js

@@ -7,9 +7,9 @@ exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _classnames = _interopRequireDefault(require("classnames"));
-var _styles = require("@material-ui/core/styles");
-var _List = _interopRequireDefault(require("@material-ui/core/List"));
-var _ListItem = _interopRequireDefault(require("@material-ui/core/ListItem"));
+var _styles = require("@mui/styles");
+var _List = _interopRequireDefault(require("@mui/material/List"));
+var _ListItem = _interopRequireDefault(require("@mui/material/ListItem"));
 var _footerStyle = _interopRequireDefault(require("../../assets/jss/components/footerStyle"));
 var _CardAvatar = _interopRequireDefault(require("../card/CardAvatar"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }

package/dist/components/form/AddressSearch.js

@@ -6,14 +6,14 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _reactGoogleAutocomplete = _interopRequireDefault(require("react-google-autocomplete"));
-var _core = require("@material-ui/core");
+var _material = require("@mui/material");
 var _BaseField = require("./BaseField");
 var _Utils = _interopRequireDefault(require("../../Utils"));
-var _Close = _interopRequireDefault(require("@material-ui/icons/Close"));
-var _InputAdornment = _interopRequireDefault(require("@material-ui/core/InputAdornment"));
+var _Close = _interopRequireDefault(require("@mui/icons-material/Close"));
+var _InputAdornment = _interopRequireDefault(require("@mui/material/InputAdornment"));
 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 AddressSearchWrapper = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.forwardRef((props, ref) => {
+const AddressSearchWrapper = /*#__PURE__*/_react.default.memo(/*#__PURE__*/_react.default.forwardRef((props, ref) => {
   const base = props.base;
   const getAddressProp = (components, id) => {
     for (const component of components) {
@@ -25,7 +25,7 @@ const AddressSearchWrapper = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_rea
     }
     return ' ';
   };
-  return /*#__PURE__*/_react.default.createElement(_core.OutlinedInput, {
+  return /*#__PURE__*/_react.default.createElement(_material.OutlinedInput, {
     fullWidth: true,
     variant: "outlined",
     id: '__address_search__',
@@ -73,7 +73,7 @@ const AddressSearchWrapper = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_rea
     }
   });
 }));
-const AddressSearch = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.forwardRef((props, ref) => {
+const AddressSearch = /*#__PURE__*/_react.default.memo(/*#__PURE__*/_react.default.forwardRef((props, ref) => {
   return /*#__PURE__*/_react.default.createElement(_BaseField.BaseField, _extends({}, props, {
     handle: props.handle,
     valueParser: (value, inbound) => {
@@ -85,7 +85,6 @@ const AddressSearch = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.defa
       return value;
     }
   }), base => /*#__PURE__*/_react.default.createElement(AddressSearchWrapper, _extends({
-    ref: ref,
     base: base
   }, props)));
 }));