@agilemotion/oui-react-js 1.8.19 → 1.8.20

package/dist/components/TableCellContent.js

@@ -213,9 +213,7 @@ const TableCellContent = /*#__PURE__*/_react.default.memo(/*#__PURE__*/_react.de
     }, doRender()))));
   };
   const api = {
-    set value(val) {
-      alert('Mbulu ya nga');
-    },
+    set value(val) {},
     refresh: () => {
       setRefresher(!refresher);
       if (_Utils.default.isNull(props.editor)) {

package/dist/components/form/BaseField.js

@@ -30,21 +30,26 @@ const BaseField = props => {
   const [minDate, setMinDate] = _react.default.useState(null);
   const [maxDate, setMaxDate] = _react.default.useState(null);
   const validateOnChange = _react.default.useRef();
+  const initialValueBound = _react.default.useRef(false);
   const ref = _react.default.useRef(null);
   const valid = _react.default.useRef(false);
   _react.default.useEffect(() => {
     let boundValue = valueObject[valueProperty];
-    if (props.config.fieldType === 'SELECT' || props.config.fieldType === 'LOOKUP') {
-      if (!boundValue || _Utils.default.isNull(boundValue.id)) {
-        setValue(null);
-        valueRef.current = null;
+    if (boundValue && !initialValueBound.current) {
+      initialValueBound.current = true;
+      if (props.config.fieldType === 'SELECT' || props.config.fieldType === 'LOOKUP') {
+        console.log("BINDING : " + props.config.id, valueObject[valueProperty]);
+        if (!boundValue || _Utils.default.isNull(boundValue.id)) {
+          setValue(null);
+          valueRef.current = null;
+        } else {
+          setValue(boundValue);
+          valueRef.current = boundValue;
+        }
       } else {
         setValue(boundValue);
         valueRef.current = boundValue;
       }
-    } else {
-      setValue(boundValue);
-      valueRef.current = boundValue;
     }
   }, [valueObject[valueProperty]]);
 
@@ -134,6 +139,7 @@ const BaseField = props => {
     };
   }, []);
   const handleValueChange = newValue => {
+    initialValueBound.current = true;
     let valueChanged = newValue !== valueRef.current;
     if (!_Utils.default.isNull(newValue) && !_Utils.default.isNull(valueRef.current)) {
       if (props.config.fieldType === 'SELECT' || props.config.fieldType === 'LOOKUP') {

package/dist/components/form/GridField.js

@@ -206,7 +206,6 @@ const GridField = /*#__PURE__*/_react.default.memo(/*#__PURE__*/_react.default.f
     },
     clearHandler: () => gridHandle.api.clear(),
     rowsHandler: () => {
-      alert(JSON.stringify(gridHandle.api.rows));
       return gridHandle.api.rows;
     }
   }), base => /*#__PURE__*/_react.default.createElement(GridFieldWrapper, _extends({

package/dist/components/form/LookupField.js

@@ -35,10 +35,8 @@ const LookupFieldComponent = exports.LookupFieldComponent = /*#__PURE__*/_react.
     _Observable.default.clearComponentEventListeners(props.gridHandle.api.id);
   };
   _react.default.useEffect(() => {
-    // Initial binding
-    if (_Utils.default.isNull(value)) {
-      setValue(base.value);
-    }
+    console.log("LOOKUP FIELD VALUE CHANGED", base.value);
+    setValue(base.value);
   }, [base.value]);
   _react.default.useEffect(() => {
     if (props.config && props.config.grid) {

package/dist/components/form/SelectItem.js

@@ -30,6 +30,7 @@ const SelectItemComponent = props => {
     if (_Utils.default.isNull(initialValue.current) && !_Utils.default.isNull(base.value)) {
       initialValue.current = base.value;
     }
+    setValue(base.value?.id);
   }, [base.value]);
   _react.default.useEffect(() => {
     if (!_Utils.default.isNull(base.selectOptions) && base.selectOptions.length > 0) {

package/dist/components/layout/CollapsiblePanel.css

@@ -1,9 +1,9 @@
-.coll-panel-container {
-    font-family: sans-serif;
-    text-align: center;
-}
-
-.coll-panel-btn:focus {
-    outline: 0;
-    box-shadow: none;
-}
+.coll-panel-container {
+    font-family: sans-serif;
+    text-align: center;
+}
+
+.coll-panel-btn:focus {
+    outline: 0;
+    box-shadow: none;
+}

package/dist/components/layout/View.css

@@ -1,68 +1,68 @@
-.view {
-    padding: 0 32px;
-    background-color: #ffffff;
-    border-radius: 4px;
-}
-
-.window-unpinned .view {
-    width: 0 !important;;
-}
-
-.window-pinned .view {
-    padding: 0 8px;
-}
-
-.no-margin {
-    margin-left: 0 !important;
-    margin-right: 0 !important;
-}
-
-.no-padding {
-    padding-left: 0 !important;
-    padding-right: 0 !important;
-}
-
-.centered-flex-box {
-    display: flex;
-    align-Items: center;
-    justify-content: center
-}
-
-/* Smartphones (landscape); */
-@media only screen and (min-device-width : 361px) and (max-device-width : 480px) {
-    .view {
-        padding: 0 16px;
-    }
-}
-
-/* Smartphones (portrait); */
-@media only screen and (min-device-width : 280px) and (max-device-width : 360px) {
-    .view {
-        padding: 0 16px;
-    }
-}
-
-/* iPads (portrait and landscape); */
-@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
-    .view {
-        padding: 0 24px;
-    }
-}
-
-/* iPad 3 */
-@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio : 2) {
-    .view {
-        padding: 0 24px;
-    }
-}
-
-/* small desktop screens */
-@media only screen and (max-width : 600px) {
-}
-
-/* low resolution desktop */
-@media only screen and (max-width : 1200px) {
-    .view {
-
-    }
-}
+.view {
+    padding: 0 32px;
+    background-color: #ffffff;
+    border-radius: 4px;
+}
+
+.window-unpinned .view {
+    width: 0 !important;;
+}
+
+.window-pinned .view {
+    padding: 0 8px;
+}
+
+.no-margin {
+    margin-left: 0 !important;
+    margin-right: 0 !important;
+}
+
+.no-padding {
+    padding-left: 0 !important;
+    padding-right: 0 !important;
+}
+
+.centered-flex-box {
+    display: flex;
+    align-Items: center;
+    justify-content: center
+}
+
+/* Smartphones (landscape); */
+@media only screen and (min-device-width : 361px) and (max-device-width : 480px) {
+    .view {
+        padding: 0 16px;
+    }
+}
+
+/* Smartphones (portrait); */
+@media only screen and (min-device-width : 280px) and (max-device-width : 360px) {
+    .view {
+        padding: 0 16px;
+    }
+}
+
+/* iPads (portrait and landscape); */
+@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
+    .view {
+        padding: 0 24px;
+    }
+}
+
+/* iPad 3 */
+@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio : 2) {
+    .view {
+        padding: 0 24px;
+    }
+}
+
+/* small desktop screens */
+@media only screen and (max-width : 600px) {
+}
+
+/* low resolution desktop */
+@media only screen and (max-width : 1200px) {
+    .view {
+
+    }
+}

package/dist/components/loader.css

@@ -1,36 +1,36 @@
-.loaderModal {
-	display: block; /* Hidden by default */
-	position: fixed; /* Stay in place */
-	z-index: 3000; /* Sit on top */
-	left: 0;
-	top: 0;
-	width: 100vw; /* Full width */
-	height: 100vh; /* Full height */
-	overflow: hidden; /* Enable scroll if needed */
-	background-color: rgb(0,0,0); /* Fallback color */
-	background-color: rgba(0,0,0,0.1); /* Black w/ opacity */
-}
-
-/* Modal Content/Box */
-.modal-content {
-	background-color: transparent;
-	margin: 30% auto; /* 15% from the top and centered */
-	padding: 20px;
-	border: 1px solid #888;
-	width: 10%; /* Could be more or less, depending on screen size */
-}
-
-/* The Close Button */
-.close {
-	color: #aaa;
-	float: right;
-	font-size: 28px;
-	font-weight: bold;
-}
-
-.close:hover,
-.close:focus {
-	color: black;
-	text-decoration: none;
-	cursor: pointer;
-}
+.loaderModal {
+	display: block; /* Hidden by default */
+	position: fixed; /* Stay in place */
+	z-index: 3000; /* Sit on top */
+	left: 0;
+	top: 0;
+	width: 100vw; /* Full width */
+	height: 100vh; /* Full height */
+	overflow: hidden; /* Enable scroll if needed */
+	background-color: rgb(0,0,0); /* Fallback color */
+	background-color: rgba(0,0,0,0.1); /* Black w/ opacity */
+}
+
+/* Modal Content/Box */
+.modal-content {
+	background-color: transparent;
+	margin: 30% auto; /* 15% from the top and centered */
+	padding: 20px;
+	border: 1px solid #888;
+	width: 10%; /* Could be more or less, depending on screen size */
+}
+
+/* The Close Button */
+.close {
+	color: #aaa;
+	float: right;
+	font-size: 28px;
+	font-weight: bold;
+}
+
+.close:hover,
+.close:focus {
+	color: black;
+	text-decoration: none;
+	cursor: pointer;
+}

package/dist/components/media/TrainingRoom.js

@@ -78,7 +78,6 @@ const TrainingRoom = /*#__PURE__*/_react.default.memo(/*#__PURE__*/_react.defaul
           case _VCEventType.VCEventType.REQUEST_TO_JOIN_MEETING:
             break;
           case _VCEventType.VCEventType.USER_JOINED:
-            alert('USER JOIN FIREEEEE...');
             addUser(be.payload);
             break;
           case _VCEventType.VCEventType.USER_LEFT_MEETING:

package/dist/components/media/Video.css

@@ -1,4 +1,4 @@
-.user-video {
-    min-width: 280px;
-    height: 280px;
-}
+.user-video {
+    min-width: 280px;
+    height: 280px;
+}

package/dist/components/signatures/ResponsiveTable.css

@@ -1,91 +1,91 @@
-.table thead th {
-}
-
-table.responsive-table {
-    display: table;
-    /* required for table-layout to be used (not normally necessary; included for completeness) */
-    table-layout: fixed;
-    /* this keeps your columns with fixed with exactly the right width */
-    width: 100% !important;
-    /* table must have width set for fixed layout to work as expected */
-    height: 100%;
-}
-
-table.responsive-table thead {
-        position: fixed;
-        top: 50px;
-        left: 0;
-        right: 0;
-        width: 100%;
-        min-height: 50px;
-        line-height: 3em;
-        background: #eee;
-        table-layout: fixed;
-        display: table;
-    }
-
-    table.responsive-table th {
-        background: #eee;
-    }
-
-    table.responsive-table td {
-        line-height: 2em;
-    }
-
-    table.responsive-table tr > td,
-    table.responsive-table th {
-        text-align: left;
-    }
-
-.table td, .table th {
-    white-space: nowrap;
-    overflow: hidden !important;
-    text-overflow: ellipsis;
-    min-width: 0 !important;
-    border-bottom: 1px solid rgba(224, 224, 224, 1) !important;
-    border-top: none !important;
-}
-
-.selectCell {
-    white-space: normal !important;
-    text-overflow: unset !important;
-}
-
-.selectCell span{
-    padding: 0 !important;
-}
-
-.table td {
-    padding: 6px 24px 6px 16px;
-    border-top: none !important;
-    display: table-cell;
-    font-size: 0.875rem;
-    text-align: left;
-    font-family: "Roboto", "Helvetica", "Arial", sans-serif;
-    font-weight: 400;
-    line-height: 1.43;
-    border-bottom: 1px solid rgba(224, 224, 224, 1);
-    letter-spacing: 0.01071em;
-    vertical-align: inherit
-}
-
-.table th {
-    color: rgba(0, 0, 0, 0.54);
-    font-size: 0.75rem;
-    font-weight: 500;
-    line-height: 1.3125rem;
-}
-
-.table {
-    table-layout: fixed;
-}
-
-    .table-scrollbar {
-    position: relative;
-    overflow: auto;
-}
-
-@media screen and (max-width: 40em) {
- 
-  
-}
+.table thead th {
+}
+
+table.responsive-table {
+    display: table;
+    /* required for table-layout to be used (not normally necessary; included for completeness) */
+    table-layout: fixed;
+    /* this keeps your columns with fixed with exactly the right width */
+    width: 100% !important;
+    /* table must have width set for fixed layout to work as expected */
+    height: 100%;
+}
+
+table.responsive-table thead {
+        position: fixed;
+        top: 50px;
+        left: 0;
+        right: 0;
+        width: 100%;
+        min-height: 50px;
+        line-height: 3em;
+        background: #eee;
+        table-layout: fixed;
+        display: table;
+    }
+
+    table.responsive-table th {
+        background: #eee;
+    }
+
+    table.responsive-table td {
+        line-height: 2em;
+    }
+
+    table.responsive-table tr > td,
+    table.responsive-table th {
+        text-align: left;
+    }
+
+.table td, .table th {
+    white-space: nowrap;
+    overflow: hidden !important;
+    text-overflow: ellipsis;
+    min-width: 0 !important;
+    border-bottom: 1px solid rgba(224, 224, 224, 1) !important;
+    border-top: none !important;
+}
+
+.selectCell {
+    white-space: normal !important;
+    text-overflow: unset !important;
+}
+
+.selectCell span{
+    padding: 0 !important;
+}
+
+.table td {
+    padding: 6px 24px 6px 16px;
+    border-top: none !important;
+    display: table-cell;
+    font-size: 0.875rem;
+    text-align: left;
+    font-family: "Roboto", "Helvetica", "Arial", sans-serif;
+    font-weight: 400;
+    line-height: 1.43;
+    border-bottom: 1px solid rgba(224, 224, 224, 1);
+    letter-spacing: 0.01071em;
+    vertical-align: inherit
+}
+
+.table th {
+    color: rgba(0, 0, 0, 0.54);
+    font-size: 0.75rem;
+    font-weight: 500;
+    line-height: 1.3125rem;
+}
+
+.table {
+    table-layout: fixed;
+}
+
+    .table-scrollbar {
+    position: relative;
+    overflow: auto;
+}
+
+@media screen and (max-width: 40em) {
+ 
+  
+}

package/dist/components/signatures/widgets.css

@@ -1,126 +1,126 @@
-@media all and (min-width: 480px) {
-    .btn-primary {
-        border-color: transparent;
-    }
-
-    #menubar-scroll::-webkit-scrollbar-track {
-        -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
-        background-color: #F5F5F5;
-    }
-
-    #menubar-scroll::-webkit-scrollbar {
-        width: 6px !important;
-        background-color: #F5F5F5;
-    }
-
-    #menubar-scroll::-webkit-scrollbar-thumb {
-        background-color: #939393 !important;
-    }
-
-    .menu-table button {
-        height: 96px;
-        width: 100%;
-        border-radius: 0 !important;
-        text-decoration:none;
-    }
-
-    .menu-table .toolStripButtonSelected {
-        text-decoration: none;
-    }
-
-    .menu-table .btn-primary:focus {
-        box-shadow: none;
-        text-decoration: none;
-    }
-    .footer {
-        font-size: 14px;
-        text-align: center;
-        color: white;
-        height: 10vh;
-        padding-top: 8px;
-    }
-
-    .react-pdf__Page__canvas{
-        width: 100% !important;
-    }
-
-    .header {
-        background-clip:border-box;
-        border-bottom: 1px solid #e1e1e1;
-    }
-
-    .header shadow {
-        /**box-shadow: 0 0.15rem 1.75rem 0 rgba(40, 41, 55, 0.15) !important;**/
-    }
-
-        .header span {
-            /**color: #fff;**/
-    }
-
-    .header .form-inline .form-control {
-        border-top-right-radius: 0;
-        border-bottom-right-radius: 0;
-        position: relative;
-        flex: 1 1 auto;
-        width: 1%;
-        margin-bottom: 0;
-        display: inline-block;
-        width: auto;
-        vertical-align: middle;
-        background-color: #f8f9fc !important;
-        border: 0 !important;
-    }
-
-    .btn-primary, .btn, .btn-primary:hover, .btn:hover, .btn-primary:focus, .btn:focus {
-        outline: none !important;
-        outline-offset: unset !important;
-        border-color: transparent !important;
-        box-shadow: none !important;
-        text-decoration: none;
-    }
-
-    .header .btn-primary {
-        display: block;
-        color: #fff;
-        border-radius: 0px;
-        /*box-shadow: 0px 4px 6px 2px rgba(0,0,0,0.2);*/
-        //background-color: #114084;
-        border-top: 1px solid rgba(255,255,255,0.5) !important;
-        margin-top: -5px;
-        text-decoration: none;
-    }
-
-    .header .btn {
-        font-weight: 400;
-        text-align: center;
-        vertical-align: middle;
-        -ms-user-select: none;
-        user-select: none;
-        border: 1px solid transparent;
-        padding: 0.375rem 0.75rem;
-        font-size: 1rem;
-        line-height: 2;
-        width: 100%;
-        text-align:left;
-        text-decoration:none;
-        transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
-    }
-    .border {
-        border: 0px solid #dee2e6 !important;
-    }
-
-    .header .dropdown-toggle::after {
-        display: inline-block;
-        margin-left: .255em;
-        vertical-align: .255em;
-        content: none !important;
-        border-top: .3em solid;
-        border-right: .3em solid transparent;
-        border-bottom: 0;
-        border-left: .3em solid transparent;
-    }
-
-    .search .card-body{
-       height: 60vh !important;  
-    }
-}
+@media all and (min-width: 480px) {
+    .btn-primary {
+        border-color: transparent;
+    }
+
+    #menubar-scroll::-webkit-scrollbar-track {
+        -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
+        background-color: #F5F5F5;
+    }
+
+    #menubar-scroll::-webkit-scrollbar {
+        width: 6px !important;
+        background-color: #F5F5F5;
+    }
+
+    #menubar-scroll::-webkit-scrollbar-thumb {
+        background-color: #939393 !important;
+    }
+
+    .menu-table button {
+        height: 96px;
+        width: 100%;
+        border-radius: 0 !important;
+        text-decoration:none;
+    }
+
+    .menu-table .toolStripButtonSelected {
+        text-decoration: none;
+    }
+
+    .menu-table .btn-primary:focus {
+        box-shadow: none;
+        text-decoration: none;
+    }
+    .footer {
+        font-size: 14px;
+        text-align: center;
+        color: white;
+        height: 10vh;
+        padding-top: 8px;
+    }
+
+    .react-pdf__Page__canvas{
+        width: 100% !important;
+    }
+
+    .header {
+        background-clip:border-box;
+        border-bottom: 1px solid #e1e1e1;
+    }
+
+    .header shadow {
+        /**box-shadow: 0 0.15rem 1.75rem 0 rgba(40, 41, 55, 0.15) !important;**/
+    }
+
+        .header span {
+            /**color: #fff;**/
+    }
+
+    .header .form-inline .form-control {
+        border-top-right-radius: 0;
+        border-bottom-right-radius: 0;
+        position: relative;
+        flex: 1 1 auto;
+        width: 1%;
+        margin-bottom: 0;
+        display: inline-block;
+        width: auto;
+        vertical-align: middle;
+        background-color: #f8f9fc !important;
+        border: 0 !important;
+    }
+
+    .btn-primary, .btn, .btn-primary:hover, .btn:hover, .btn-primary:focus, .btn:focus {
+        outline: none !important;
+        outline-offset: unset !important;
+        border-color: transparent !important;
+        box-shadow: none !important;
+        text-decoration: none;
+    }
+
+    .header .btn-primary {
+        display: block;
+        color: #fff;
+        border-radius: 0px;
+        /*box-shadow: 0px 4px 6px 2px rgba(0,0,0,0.2);*/
+        //background-color: #114084;
+        border-top: 1px solid rgba(255,255,255,0.5) !important;
+        margin-top: -5px;
+        text-decoration: none;
+    }
+
+    .header .btn {
+        font-weight: 400;
+        text-align: center;
+        vertical-align: middle;
+        -ms-user-select: none;
+        user-select: none;
+        border: 1px solid transparent;
+        padding: 0.375rem 0.75rem;
+        font-size: 1rem;
+        line-height: 2;
+        width: 100%;
+        text-align:left;
+        text-decoration:none;
+        transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
+    }
+    .border {
+        border: 0px solid #dee2e6 !important;
+    }
+
+    .header .dropdown-toggle::after {
+        display: inline-block;
+        margin-left: .255em;
+        vertical-align: .255em;
+        content: none !important;
+        border-top: .3em solid;
+        border-right: .3em solid transparent;
+        border-bottom: 0;
+        border-left: .3em solid transparent;
+    }
+
+    .search .card-body{
+       height: 60vh !important;  
+    }
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@agilemotion/oui-react-js",
-  "version": "1.8.19",
+  "version": "1.8.20",
   "files": [
     "dist"
   ],

package/dist/view/Dashboard.bck.js

@@ -1,562 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _Utils = _interopRequireDefault(require("../Utils"));
-var _reactstrap = require("reactstrap");
-var _Icon = _interopRequireDefault(require("../components/Icon"));
-var _IconButton = _interopRequireDefault(require("@mui/material/IconButton"));
-var _Paper = _interopRequireDefault(require("@mui/material/Paper"));
-var _Button = _interopRequireDefault(require("@mui/material/Button"));
-var _RestUtils = require("../RestUtils");
-var _RouteActionHandler = _interopRequireDefault(require("../event/RouteActionHandler"));
-var _ApplicationManager = _interopRequireDefault(require("../ApplicationManager"));
-var _Event = _interopRequireDefault(require("../event/Event"));
-var _Observable = _interopRequireDefault(require("../event/Observable"));
-var _EventType = _interopRequireDefault(require("../event/EventType"));
-var _AlertBar = _interopRequireDefault(require("../components/AlertBar"));
-var _reactPromiseTracker = require("react-promise-tracker");
-var _View = require("../components/layout/View");
-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); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-const location = window.location.protocol + '//' + window.location.hostname;
-const text = response => {
-  return response.text();
-};
-const alertBarHandle = {};
-const DashboardCard = props => {
-  const [path, setPath] = _react.default.useState(null);
-  const [name, setName] = _react.default.useState(null);
-  const [displayType, setDisplayType] = _react.default.useState(null);
-  const [view, setview] = _react.default.useState(null);
-  const {
-    settings
-  } = props;
-  const [id, setId] = _react.default.useState(props.settings.id);
-  const [content, setContent] = _react.default.useState(null);
-  const [ref] = _react.default.useState(/*#__PURE__*/_react.default.createRef());
-  const keyCounter = (0, _react.useRef)(0);
-  _react.default.useEffect(() => {
-    const accessToken = sessionStorage.getItem('accessToken');
-    const idToken = sessionStorage.getItem('idToken');
-    const handle = {
-      api: {
-        get id() {
-          return 'dashboard-menus';
-        },
-        loaded() {
-          return true;
-        }
-      }
-    };
-    if (path && displayType) {
-      if (displayType === 'VIEW') {
-        (0, _RestUtils.sendRequest)(path, data => {
-          setview(/*#__PURE__*/_react.default.createElement(_View.View, {
-            key: data.id + "-" + keyCounter.current++,
-            config: data,
-            parameters: [],
-            handle: handle
-          }));
-        });
-      } else {
-        let fetchConfig = {
-          method: 'GET',
-          headers: {
-            'Content-Type': 'text/html',
-            'Accept': 'text/html',
-            'Authorization': 'Bearer ' + accessToken,
-            'idToken': idToken
-          }
-        };
-        (0, _reactPromiseTracker.trackPromise)(fetch(encodeURI(path), fetchConfig).then(text).then(data => {
-          setContent(data);
-        }).catch(e => {
-          console.error(e);
-        }));
-      }
-    }
-  }, [path, displayType]);
-  _react.default.useEffect(() => {
-    if (!path) {
-      // TODO: Make the base URL dynamic
-      let url = location + _ApplicationManager.default.getContextRoot() + _ApplicationManager.default.getUIConfigPath() + '/dashboard/get?version=1.0&id=' + settings.path;
-      (0, _RestUtils.sendRequest)(url, data => {
-        let defaultDisplayType = !_Utils.default.isNull(settings.parameters.displayType) ? settings.parameters.displayType : data.defaultDisplayType;
-        if (_Utils.default.isNull(defaultDisplayType)) {
-          console.error('Could not determine display type for dashboard');
-          return;
-        }
-        setDisplayType(defaultDisplayType);
-        let defaultName = !_Utils.default.isNull(settings.parameters.dashboardName) ? settings.parameters.dashboardName : data.defaultDashboardName;
-        if (_Utils.default.isNull(defaultDisplayType)) {
-          console.error('Could not determine a default name for dashboard');
-          return;
-        }
-        setName(defaultName);
-        const accessToken = sessionStorage.getItem('accessToken');
-        const idToken = sessionStorage.getItem('idToken');
-        if (defaultDisplayType === 'VIEW') {
-          let url = location + _ApplicationManager.default.getContextRoot() + _ApplicationManager.default.getUIConfigPath() + '/view/get?version=1.0&id=' + data.contentPath;
-          setPath(url);
-          setDisplayType(defaultDisplayType);
-        } else {
-          setPath(location + _ApplicationManager.default.getContextRoot() + _ApplicationManager.default.getUIConfigPath() + '/html/get?version=1.0&id=' + data.contentPath + `-${defaultDisplayType.toLowerCase()}.html&access_token=${accessToken}&idToken=${idToken}`);
-        }
-      }, e => {
-        console.error(e);
-      });
-    }
-  }, []);
-  const saveDashboard = () => {
-    settings.parameters.displayType = displayType;
-    settings.parameters.dashboardName = name;
-    let data = {
-      id: settings.id,
-      path: settings.path,
-      parameters: settings.parameters
-    };
-    let url = `${location + _ApplicationManager.default.getContextRoot()}/system/api/v1/user/dashboard/save`;
-    (0, _RestUtils.postData)(url, response => {
-      settings.id = response;
-      setId(response);
-      displayAlert('SUCCESS', 'Dashboard saved successfully');
-    }, e => {
-      console.log(e);
-      displayAlert('ERROR', _Utils.default.SYSTEM_ERROR_MESSAGE);
-    }, true, data);
-  };
-  const displayAlert = (messageType, messageText) => {
-    let message = {
-      messageType: messageType,
-      message: messageText
-    };
-    let event = new _Event.default(_ApplicationManager.default, '_sys_dashboard', message);
-    _Observable.default.fireEvent(_EventType.default.MESSAGE_ARRIVED, event);
-  };
-  const deleteDashboard = () => {
-    if (!_Utils.default.isNull(settings) && !_Utils.default.isNull(settings.id)) {
-      _ApplicationManager.default.openConfirmDialog('Are you sure you want to delete this dashboard?', result => {
-        if (result === true) {
-          let url = `${location + _ApplicationManager.default.getContextRoot()}/system/api/v1/user/dashboard/delete/${settings.id}`;
-          (0, _RestUtils.sendRequest)(url, () => {
-            props.onDelete();
-          }, e => {
-            console.log(e);
-          });
-        }
-      });
-    }
-  };
-  return /*#__PURE__*/_react.default.createElement(_Paper.default, {
-    style: {
-      minWidth: '200px',
-      marginLeft: settings.first ? '0' : '16px'
-    },
-    className: 'col',
-    ref: ref
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: 'row'
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: 'col-*-*'
-  }, /*#__PURE__*/_react.default.createElement(_reactstrap.UncontrolledDropdown, null, /*#__PURE__*/_react.default.createElement(_reactstrap.DropdownToggle, {
-    color: "default",
-    "data-toggle": "dropdown",
-    style: {
-      width: '32px',
-      height: '32px',
-      margin: '8px 8px 0 0'
-    },
-    nav: true
-  }, /*#__PURE__*/_react.default.createElement(_IconButton.default, {
-    "aria-controls": "menu-list-grow",
-    "aria-haspopup": "true",
-    style: {
-      width: '32px',
-      height: '32px'
-    }
-  }, /*#__PURE__*/_react.default.createElement("i", {
-    className: "fa fa-ellipsis-v fa-xs",
-    "aria-hidden": "true",
-    style: {
-      padding: '3px'
-    }
-  }))), ' ', /*#__PURE__*/_react.default.createElement(_reactstrap.DropdownMenu, {
-    className: "dropdown-navbar",
-    tag: "ul"
-  },
-  /*#__PURE__*/
-  /*Disable this button if id is already saved. After creating dashboard properties such as filters, this button must remain enabled at all times*/
-  _react.default.createElement(_reactstrap.NavLink, {
-    tag: "li"
-  }, /*#__PURE__*/_react.default.createElement(_reactstrap.DropdownItem, {
-    className: "nav-item",
-    onClick: () => {
-      saveDashboard();
-    },
-    disabled: !_Utils.default.isNull(id)
-  }, 'SAVE')), /*#__PURE__*/_react.default.createElement(_reactstrap.NavLink, {
-    tag: "li"
-  }, /*#__PURE__*/_react.default.createElement(_reactstrap.DropdownItem, {
-    className: "nav-item",
-    onClick: () => {
-      deleteDashboard();
-    },
-    disabled: _Utils.default.isNull(id)
-  }, 'DELETE'), ' '))), ' '), /*#__PURE__*/_react.default.createElement("div", {
-    className: 'col-*-*',
-    style: {
-      padding: '14px 0 0 12px'
-    }
-  }, /*#__PURE__*/_react.default.createElement("p", {
-    style: {
-      fontSize: '24px'
-    }
-  }, name))), /*#__PURE__*/_react.default.createElement("div", {
-    className: 'row',
-    style: {
-      margin: '16px',
-      width: '100%',
-      height: '100%',
-      padding: '8px 32px 0 0'
-    }
-  }, !_Utils.default.isNull(path) && !_Utils.default.isNull(displayType) && displayType !== 'VIEW' && /*#__PURE__*/_react.default.createElement("object", {
-    data: path,
-    type: "text/html",
-    style: {
-      width: '100%',
-      height: '100%'
-    }
-  }), !_Utils.default.isNull(path) && displayType !== 'VIEW' && /*#__PURE__*/_react.default.createElement("p", null, "Loading..."), displayType === 'VIEW' && !_Utils.default.isNull(view) && /*#__PURE__*/_react.default.createElement("div", {
-    style: {
-      width: '100%',
-      height: "100%"
-    }
-  }, view)));
-};
-const WorkFlowCard = props => {
-  const [sp, setSp] = _react.default.useState(null);
-  const [minW, setMinW] = _react.default.useState(null);
-  const routeAction = {
-    'actionType': 'route',
-    'parent': true
-  };
-  _react.default.useEffect(() => {
-    if (window.innerWidth < 400) {
-      setSp(16);
-      setMinW(280);
-    } else {
-      setSp(48);
-      setMinW(300);
-    }
-  }, []);
-  return _Utils.default.isNull(sp) || _Utils.default.isNull(minW) ? null : /*#__PURE__*/_react.default.createElement(_Paper.default, {
-    style: {
-      minWidth: `${minW}px`,
-      margin: props.margin,
-      height: '152px'
-    },
-    className: 'col'
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: 'row'
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: 'col-*-*',
-    style: {
-      width: '70%'
-    }
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    style: {
-      padding: `16px ${sp}px 16px ${sp}px`,
-      height: '8px',
-      color: 'rgba(0, 0, 0, 0.54)'
-    }
-  }, "Work Items"), /*#__PURE__*/_react.default.createElement("div", {
-    style: {
-      padding: `16px ${sp}px 48px ${sp}px`,
-      height: '0',
-      fontSize: '20px'
-    }
-  }, props.title), /*#__PURE__*/_react.default.createElement("div", {
-    style: {
-      padding: `0 ${sp}px 16px ${sp}px`,
-      fontSize: '30px'
-    }
-  }, props.itemCount)), /*#__PURE__*/_react.default.createElement("div", {
-    className: 'col-*-*',
-    style: {
-      marginTop: '50px'
-    }
-  }, /*#__PURE__*/_react.default.createElement(_Button.default, {
-    variant: 'contained',
-    color: 'primary',
-    size: "large",
-    disabled: parseFloat(props.itemCount) === 0,
-    onClick: () => {
-      routeAction.path = props.path;
-      _RouteActionHandler.default.execute(routeAction, null, props.viewRef, '_sys_dashboard');
-    }
-  }, "View"))));
-};
-const Dashboard = /*#__PURE__*/_react.default.memo(/*#__PURE__*/_react.default.forwardRef((props, ref) => {
-  const [userDashboards] = _react.default.useState(!_Utils.default.isNull(_ApplicationManager.default.getDashboardSettings().userDashboards) ? _ApplicationManager.default.getDashboardSettings().userDashboards : []);
-  const [settings] = _react.default.useState(_ApplicationManager.default.getDashboardSettings());
-  const [taskSummary, setTaskSummary] = _react.default.useState(null);
-  const [menuItems, setMenuItems] = _react.default.useState(null);
-  const [cardRows, setCardRows] = _react.default.useState(null);
-  const [cardsPerRow, setCardsPerRow] = _react.default.useState(null);
-  let dashboardCardCounter = 0;
-  const api = {
-    get id() {
-      return '_sys_dashboard';
-    },
-    getChildren: () => {
-      return [alertBarHandle];
-    },
-    getChild: id => {
-      if (id === 'dashboardAlert') {
-        return alertBarHandle;
-      }
-      return null;
-    }
-  };
-  const handle = {
-    'api': api
-  };
-  function setupCardRows(exclusion, defaultCardsPerRow) {
-    let row = null;
-    let gridRows = [];
-    dashboardCardCounter = 0;
-    let i = cardsPerRow ? cardsPerRow : defaultCardsPerRow;
-    for (const userDashboard of userDashboards) {
-      if (dashboardCardCounter++ % i === 0) {
-        row = [];
-        gridRows.push(row);
-      }
-      if (userDashboard !== exclusion) {
-        row.push(userDashboard);
-      }
-    }
-    let populatedRows = [];
-    for (const gridRow of gridRows) {
-      if (gridRow.length > 0) {
-        populatedRows.push(gridRow);
-      }
-    }
-    for (const gridRow of populatedRows) {
-      gridRow[0].first = true;
-    }
-    setCardRows(populatedRows);
-  }
-  const getDashboardMenu = path => {
-    return new Promise(resolve => {
-      let service = {
-        url: '/ui/api/v1/menu/get',
-        parameters: [{
-          name: 'id',
-          value: path,
-          httpParameterType: 'QUERY_PARAMETER'
-        }, {
-          name: 'version',
-          value: 1.0,
-          httpParameterType: 'QUERY_PARAMETER'
-        }],
-        contentType: 'application/json'
-      };
-      (0, _RestUtils.invokeRest)(service, {
-        api: {
-          get id() {
-            return 'dashboard-menus';
-          }
-        }
-      }, 'dashboard-menus', result => {
-        resolve(result.menus);
-      }, e => {
-        console.error(e);
-        resolve(null);
-      }, null);
-    });
-  };
-  async function loadMenus() {
-    if (_Utils.default.isNull(menuItems) && !_Utils.default.isNull(settings.systemProfileDto.modules)) {
-      let dashboardMenuitems = [];
-      for (let i = 0; i < settings.systemProfileDto.modules.length; i++) {
-        let module = settings.systemProfileDto.modules[i];
-        if (!_Utils.default.isNull(module.dashboardMenu)) {
-          let menus = await getDashboardMenu(module.dashboardMenu);
-          if (menus) {
-            for (let j = 0; j < menus.length; j++) {
-              let menu = menus[j];
-              if (menu.items) {
-                for (const item of menu.items) {
-                  dashboardMenuitems.push(item);
-                }
-              }
-            }
-          }
-        }
-      }
-      setMenuItems(dashboardMenuitems);
-    }
-  }
-  _react.default.useEffect(() => {
-    /*let rpcConfig = {
-        "type": "rpc",
-        "procedureName": "getWorkFlowSummary",
-        "serviceId": "BPM.WorkFlow"
-    };*/
-
-    let cardsPerRow = 2;
-    if (window.innerWidth < 400) {
-      cardsPerRow = 1;
-    }
-    setCardsPerRow(cardsPerRow);
-    if (_Utils.default.isNull(taskSummary)) {
-      (0, _RestUtils.sendRequest)(`${location + _ApplicationManager.default.getContextRoot()}/bpm/api/v1/summary`, result => {
-        if (!_Utils.default.isNull(result)) {
-          setTaskSummary(result);
-        }
-      }, e => {
-        console.error(e);
-        // TODO : Show error message
-      }, true, true);
-    }
-    (0, _RestUtils.sendRequest)(`${location + _ApplicationManager.default.getContextRoot()}/system/api/v1/user/dashboard/list`, dashboards => {
-      if (!_Utils.default.isNull(dashboards)) {
-        for (const dashboard of dashboards) {
-          userDashboards.push(dashboard);
-        }
-        setupCardRows(null, cardsPerRow);
-      }
-    }, e => {
-      console.error(e);
-      // TODO : Show error message
-    }, true, true);
-    loadMenus();
-    if (!_Utils.default.isNull(settings) && !_Utils.default.isNull(userDashboards) && _Utils.default.isNull(cardRows) && !_Utils.default.isNull(cardsPerRow)) {
-      setupCardRows();
-    }
-    _ApplicationManager.default.setDashboardView({
-      handle: handle
-    });
-  }, []);
-  const addDashboardCard = item => {
-    let path = item.eventHandlingConfig.subscriptions[0].actions[0].path;
-    let settings = {};
-    settings.path = path;
-    settings.parameters = {};
-    userDashboards.push(settings);
-    setupCardRows();
-  };
-  return /*#__PURE__*/_react.default.createElement("div", {
-    ref: ref,
-    style: {
-      height: '100%'
-    }
-  }, !_Utils.default.isNull(settings) && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
-    style: {
-      width: '100%',
-      display: 'flex',
-      justifyContent: 'space-between'
-    }
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    style: {
-      display: 'flex',
-      alignItems: 'center',
-      gap: '4px'
-    }
-  }, /*#__PURE__*/_react.default.createElement("p", {
-    style: {
-      fontSize: '24px',
-      margin: 0
-    }
-  }, "Dashboard"), /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_reactstrap.UncontrolledDropdown, null, /*#__PURE__*/_react.default.createElement(_reactstrap.DropdownToggle, {
-    color: "default",
-    "data-toggle": "dropdown",
-    nav: true
-  }, /*#__PURE__*/_react.default.createElement(_IconButton.default, {
-    "aria-controls": "menu-list-grow",
-    "aria-haspopup": "true"
-  }, /*#__PURE__*/_react.default.createElement(_Icon.default, {
-    id: 'ADD'
-  }))), ' ', !_Utils.default.isNull(menuItems) ? /*#__PURE__*/_react.default.createElement(_reactstrap.DropdownMenu, {
-    className: "dropdown-navbar",
-    end: true,
-    tag: "ul"
-  }, menuItems.map((item, index) => /*#__PURE__*/_react.default.createElement(_reactstrap.NavLink, {
-    tag: "li",
-    key: index
-  }, /*#__PURE__*/_react.default.createElement(_reactstrap.DropdownItem, {
-    className: "nav-item",
-    onClick: () => {
-      addDashboardCard(item);
-    }
-  }, item.attributes.label, ' '), ' '))) : null), ' '))), /*#__PURE__*/_react.default.createElement("div", {
-    style: {
-      height: 'calc(100% - 58px)',
-      overflowY: 'auto'
-    }
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    style: {
-      overflowY: 'hidden',
-      overflowX: 'hidden',
-      height: '100%',
-      padding: '0 4px 64px 0'
-    }
-  }, /*#__PURE__*/_react.default.createElement(_AlertBar.default, {
-    config: {
-      id: 'dashboardAlert'
-    },
-    handle: alertBarHandle,
-    viewId: '_sys_dashboard'
-  }), !_Utils.default.isNull(taskSummary) && /*#__PURE__*/_react.default.createElement("div", {
-    className: 'row',
-    style: {
-      paddingRight: '16px',
-      overflow: 'hidden',
-      height: '168px'
-    }
-  }, /*#__PURE__*/_react.default.createElement(WorkFlowCard, {
-    margin: '0 0 16px 16px',
-    title: 'Assigned to Me',
-    itemCount: taskSummary.personalWorkItemCount,
-    path: '/workflow/views/personal-work-items.json'
-  }), /*#__PURE__*/_react.default.createElement(WorkFlowCard, {
-    margin: '0 0 16px 16px',
-    title: 'Available',
-    itemCount: taskSummary.groupWorkItemCount,
-    path: '/workflow/views/group-work-items.json'
-  }), /*#__PURE__*/_react.default.createElement(WorkFlowCard, {
-    margin: '0 0 16px 16px',
-    title: 'Due Today',
-    itemCount: taskSummary.dueTodayItemCount,
-    path: '/workflow/views/due-today-work-items.json'
-  })), /*#__PURE__*/_react.default.createElement("div", {
-    style: {
-      overflowY: 'auto',
-      overflowX: 'hidden',
-      maxHeight: '100%',
-      height: 'calc(100% - 104px)',
-      border: '4px solid blue'
-    }
-  }, !_Utils.default.isNull(cardRows) ? cardRows.map((row, i) => /*#__PURE__*/_react.default.createElement("div", {
-    className: 'row',
-    style: {
-      marginBottom: cardRows.length > 2 ? '16px' : null,
-      border: '2px solid red'
-    },
-    key: i
-  }, row.map((userDashboard, j) => /*#__PURE__*/_react.default.createElement(DashboardCard, {
-    settings: userDashboard,
-    index: dashboardCardCounter,
-    key: i + j,
-    onDelete: () => {
-      userDashboards.splice(userDashboards.indexOf(userDashboard), 1);
-      setupCardRows(userDashboard);
-    }
-  })))) : null)))));
-}));
-var _default = exports.default = Dashboard;