@agilemotion/oui-react-js 1.8.74 → 1.8.76

package/dist/ApplicationManager.js

@@ -212,15 +212,19 @@ class ApplicationManager {
     });
     _defineProperty(this, "getViewComponent", (view, id) => {
       if (!_Utils.default.isNull(view) && !_Utils.default.isNull(view.handle) && !_Utils.default.isNull(view.handle.api)) {
+        var _view$handle;
         if (id === view.handle.api.id) {
           return view.handle.api;
         }
-        let handle = view.handle.api.getChild(id);
-        if (handle) {
-          return handle.api;
-        }
-        if (id === 'view') {
-          return view.handle.api;
+        if ((_view$handle = view.handle) !== null && _view$handle !== void 0 && (_view$handle = _view$handle.api) !== null && _view$handle !== void 0 && _view$handle.getChild) {
+          var _view$handle2;
+          let handle = (_view$handle2 = view.handle) === null || _view$handle2 === void 0 || (_view$handle2 = _view$handle2.api) === null || _view$handle2 === void 0 ? void 0 : _view$handle2.getChild(id);
+          if (handle) {
+            return handle.api;
+          }
+          if (id === 'view') {
+            return view.handle.api;
+          }
         }
       }
     });

package/dist/ViewContext.js

@@ -33,10 +33,12 @@ class ViewContext {
       }
       let legendIconArrow = LEGEND_ARROW_ICON.replace('__COLOR__', this.props.secondaryColor);
       let titleValue = '';
-      if (!title.match(_DynamicJS.TEMPLATE_REGEX)) {
-        titleValue = title;
-      } else {
-        titleValue = _DynamicJS.default.executeScript(viewId + 'Title', title, viewId);
+      if (title) {
+        if (!title.match(_DynamicJS.TEMPLATE_REGEX)) {
+          titleValue = title;
+        } else {
+          titleValue = _DynamicJS.default.executeScript(viewId + 'Title', title, viewId);
+        }
       }
       for (const navHistoryElement of this.navHistory) {
         if (navHistoryElement.viewId === viewId) {

package/dist/components/DataGrid.js

@@ -237,6 +237,8 @@ const DataGrid = exports.DataGrid = /*#__PURE__*/_react.default.memo(/*#__PURE__
         // TODO : dispose from observer
         rowsRef.current = [];
         setRows([]);
+        let event = new _Event.default(props.handle, props.viewId, getSelectedRows([]));
+        _Observable.default.fireEvent(_EventType.default.SELECTION_CHANGE, event);
       },
       addRows: newRows => {
         for (const newRow of newRows) {
@@ -366,9 +368,11 @@ const DataGrid = exports.DataGrid = /*#__PURE__*/_react.default.memo(/*#__PURE__
     }
   }
   function fireSelectionEvent() {
-    if (!_Utils.default.isNull(config) && (!_Utils.default.isNull(headingHandle) || config.gridType === 'TILE')) {
-      let event = new _Event.default(props.handle, props.viewId, getSelectedRows(selected));
-      _Observable.default.fireEvent(_EventType.default.SELECTION_CHANGE, event);
+    if (selected.length > 0) {
+      if (!_Utils.default.isNull(config) && (!_Utils.default.isNull(headingHandle) || config.gridType === 'TILE')) {
+        let event = new _Event.default(props.handle, props.viewId, getSelectedRows(selected));
+        _Observable.default.fireEvent(_EventType.default.SELECTION_CHANGE, event);
+      }
     }
   }
   function isRowGrabbable(row) {

package/dist/components/TabPanel.js

@@ -28,6 +28,7 @@ function a11yProps(index) {
   };
 }
 const TabPanel = /*#__PURE__*/_react.default.memo(/*#__PURE__*/_react.default.forwardRef((props, ref) => {
+  var _props$config, _props$config2, _props$config3, _props$config4;
   const [tabValue, setTabValue] = _react.default.useState(0);
   const [errors, setErrors] = _react.default.useState({});
   const [visibleTabPages, setVisibleTabPages] = _react.default.useState(null);
@@ -70,7 +71,6 @@ const TabPanel = /*#__PURE__*/_react.default.memo(/*#__PURE__*/_react.default.fo
         }
         let parsedConfig = _Utils.default.parseConfig(page, props.viewId);
         let visible = _Utils.default.isNull(parsedConfig.visible) || _Utils.default.evaluateBooleanExpression(parsedConfig.visible, page.id);
-        console.log("VISIBLE : " + page.id + " = " + visible + " - " + parsedConfig.visible);
         if (visible) {
           allVisibleTabPages.push(page);
         }
@@ -148,9 +148,8 @@ const TabPanel = /*#__PURE__*/_react.default.memo(/*#__PURE__*/_react.default.fo
   };
   return !_Utils.default.isNull(visibleTabPages) && /*#__PURE__*/_react.default.createElement("div", {
     style: {
-      width: '100%',
-      height: '100%',
-      borderBottom: '1px solid #d1d1d1'
+      width: (_props$config = props.config) !== null && _props$config !== void 0 && (_props$config = _props$config.attributes) !== null && _props$config !== void 0 && (_props$config = _props$config.style) !== null && _props$config !== void 0 && _props$config.width ? (_props$config2 = props.config) === null || _props$config2 === void 0 || (_props$config2 = _props$config2.attributes) === null || _props$config2 === void 0 || (_props$config2 = _props$config2.style) === null || _props$config2 === void 0 ? void 0 : _props$config2.width : '100%',
+      height: (_props$config3 = props.config) !== null && _props$config3 !== void 0 && (_props$config3 = _props$config3.attributes) !== null && _props$config3 !== void 0 && (_props$config3 = _props$config3.style) !== null && _props$config3 !== void 0 && _props$config3.height ? (_props$config4 = props.config) === null || _props$config4 === void 0 || (_props$config4 = _props$config4.attributes) === null || _props$config4 === void 0 || (_props$config4 = _props$config4.style) === null || _props$config4 === void 0 ? void 0 : _props$config4.height : '100%'
     }
   }, /*#__PURE__*/_react.default.createElement(_AppBar.default, {
     position: "static",
@@ -201,9 +200,10 @@ const TabPanel = /*#__PURE__*/_react.default.memo(/*#__PURE__*/_react.default.fo
       height: 'calc(100% - 64px)'
     }, props.config)
   }, visibleTabPages.map((page, index) => {
+    var _page$attributes, _page$attributes2;
     return /*#__PURE__*/_react.default.createElement("div", {
       style: {
-        height: '100%',
+        height: page !== null && page !== void 0 && (_page$attributes = page.attributes) !== null && _page$attributes !== void 0 && (_page$attributes = _page$attributes.style) !== null && _page$attributes !== void 0 && _page$attributes.height ? page === null || page === void 0 || (_page$attributes2 = page.attributes) === null || _page$attributes2 === void 0 || (_page$attributes2 = _page$attributes2.style) === null || _page$attributes2 === void 0 ? void 0 : _page$attributes2.height : '100%',
         display: tabValue === index ? null : 'none'
       }
     }, /*#__PURE__*/_react.default.createElement(_TabPage.default, {

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

@@ -12,6 +12,7 @@ var _material = require("@mui/material");
 var _RestUtils = require("../../../../../RestUtils");
 require("./FoldingTabSidebar.css");
 var _CardAvatar = _interopRequireDefault(require("../../../../card/CardAvatar"));
+var _MoreHoriz = _interopRequireDefault(require("@mui/icons-material/MoreHoriz"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
@@ -129,6 +130,18 @@ function FoldingTabSidebar(props) {
   });
   const activeRoute = routeName => activeRouteMenu.id === routeName;
   const getLiClassName = prop => 'li-' + prop.level;
+  const fallbackIcon = prop => {
+    var _prop$name;
+    if (prop.icon) return iconNode;
+    if (prop.level === 0) {
+      return /*#__PURE__*/_react.default.createElement(_MoreHoriz.default, {
+        fontSize: "small"
+      });
+    }
+    return /*#__PURE__*/_react.default.createElement("div", {
+      className: "mini-avatar"
+    }, ((_prop$name = prop.name) === null || _prop$name === void 0 ? void 0 : _prop$name.charAt(0)) + '...');
+  };
 
   /* ----------------- createLinks with dynamic classes + theme colors ----------------- */
   const createLinks = routes => {
@@ -213,14 +226,14 @@ function FoldingTabSidebar(props) {
               marginTop: 0
             }
           }))
-        }) : !iconNode ? '...' : null);
+        }) : !iconNode ? fallbackIcon(prop) : null);
         return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, {
           key: key
         }, shouldShowTooltip ? /*#__PURE__*/_react.default.createElement(_material.Tooltip, {
           title: prop.name,
           placement: "right",
           arrow: true
-        }, button) : button, prop.collapse && prop.views && /*#__PURE__*/_react.default.createElement(_material.Collapse, {
+        }, button) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, button), prop.collapse && prop.views && /*#__PURE__*/_react.default.createElement(_material.Collapse, {
           in: isOpen,
           timeout: "auto",
           unmountOnExit: true,
@@ -233,9 +246,7 @@ function FoldingTabSidebar(props) {
           className: "nav"
         }, createLinks(prop.views))));
       }
-
-      // leaf
-      return /*#__PURE__*/_react.default.createElement(_material.ListItemButton, {
+      const content = /*#__PURE__*/_react.default.createElement(_material.ListItemButton, {
         key: key,
         className: prop.name === 'Dashboard' || prop.name === 'My Work Items' ? isActive ? 'dashboard-link-active' : 'dashboard-link' : leafClassName,
         sx: _objectSpread({
@@ -256,7 +267,7 @@ function FoldingTabSidebar(props) {
           color: (prop.name === 'Dashboard' || prop.name === 'My Work Items') && isActive ? secondaryThemeColor : 'inherit'
         }
       }, iconNode), open ? /*#__PURE__*/_react.default.createElement(_material.ListItemText, {
-        primary: /*#__PURE__*/_react.default.createElement(_MenuLink.default, {
+        primary: /*#__PURE__*/_react.default.createElement("span", null, /*#__PURE__*/_react.default.createElement(_MenuLink.default, {
           config: prop.item,
           clickCallback: prop.name === 'Dashboard' ? item => {
             props.dashboardLauncher && props.dashboardLauncher();
@@ -270,8 +281,15 @@ function FoldingTabSidebar(props) {
           id: prop.id,
           level: prop.level,
           tab: TAB
-        })
-      }) : !iconNode ? '...' : null);
+        }))
+      }) : !iconNode ? fallbackIcon(prop) : null);
+
+      // leaf
+      return !open ? /*#__PURE__*/_react.default.createElement(_material.Tooltip, {
+        title: prop.name,
+        placement: "right",
+        arrow: true
+      }, content) : content;
     });
   };
 

package/dist/components/form/Form.js

@@ -218,8 +218,10 @@ const Form = /*#__PURE__*/_react.default.memo(/*#__PURE__*/_react.default.forwar
       let view = _ApplicationManager.default.getView(props.viewId);
       if (view) {
         let title = view.config.title;
-        if (title.includes(props.config.id)) {
-          _ApplicationManager.default.updateAppBarTitle(view.config.id, title);
+        if (title) {
+          if (title.includes(props.config.id)) {
+            _ApplicationManager.default.updateAppBarTitle(view.config.id, title);
+          }
         }
       }
     }

package/dist/components/form/LookupField.js

@@ -36,7 +36,6 @@ const LookupFieldComponent = exports.LookupFieldComponent = /*#__PURE__*/_react.
     _Observable.default.clearComponentEventListeners(props.gridHandle.api.id);
   };
   _react.default.useEffect(() => {
-    console.log("LOOKUP FIELD VALUE CHANGED", base.value);
     setValue(base.value);
   }, [base.value]);
   _react.default.useEffect(() => {

package/dist/view/Dashboard.js

@@ -55,9 +55,8 @@ const DashboardCard = props => {
     if (path && displayType) {
       if (displayType === 'VIEW') {
         (0, _RestUtils.sendRequest)(path, data => {
-          data.id = data.id + "-" + keyCounter++;
+          data.id = data.id + "_" + keyCounter++;
           let dashboardView = {};
-          let defaultModel = {};
           dashboardView.config = data;
           dashboardView.parent = false;
           dashboardView.popUp = false;
@@ -65,9 +64,6 @@ const DashboardCard = props => {
           dashboardView.config.window = false;
           dashboardView.handle = {
             api: {
-              get id() {
-                return data.id;
-              },
               loaded: () => {
                 return false;
               }
@@ -75,7 +71,7 @@ const DashboardCard = props => {
           };
           _ApplicationManager.default.addDashboardView(dashboardView, path);
           let element = /*#__PURE__*/_react.default.createElement(_View.View, {
-            key: data.id,
+            key: data.id + "_" + keyCounter,
             config: data,
             parameters: [],
             handle: dashboardView.handle
@@ -466,6 +462,7 @@ const Dashboard = /*#__PURE__*/_react.default.memo(/*#__PURE__*/_react.default.f
       handle: handle
     });
     return () => {
+      keyCounter = 0;
       _ApplicationManager.default.clearDashboardViews();
     };
   }, []);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@agilemotion/oui-react-js",
-  "version": "1.8.74",
+  "version": "1.8.76",
   "description": "AgileMotion React UI Component Library - A comprehensive collection of dashboard components, forms, media controls, and more",
   "license": "ISC",
   "author": "",