@agilemotion/oui-react-js 1.8.2 → 1.8.3

package/dist/components/DataGrid.js

@@ -5,29 +5,30 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.MULTI_SELECT_CHECKBOX_COL_WIDTH = exports.DataGrid = void 0;
 var _react = _interopRequireDefault(require("react"));
-var _styles = require("@material-ui/core/styles");
+var _styles = require("@mui/styles");
 var _reactSuperResponsiveTable = require("react-super-responsive-table");
 require("react-super-responsive-table/dist/SuperResponsiveTableStyle.css");
-var _Checkbox = _interopRequireDefault(require("@material-ui/core/Checkbox"));
+var _Checkbox = _interopRequireDefault(require("@mui/material/Checkbox"));
 var _Utils = _interopRequireDefault(require("../Utils"));
 require("./DataGrid.css");
-var _RestUtils = require("../RestUtils");
+var _RestService = require("../RestService");
 var _DataGridFilter = _interopRequireDefault(require("./DataGridFilter"));
 var _DataGridHeading = _interopRequireDefault(require("./DataGridHeading"));
 var _TableCellContent = _interopRequireDefault(require("./TableCellContent"));
-var _TablePagination = _interopRequireDefault(require("@material-ui/core/TablePagination"));
+var _TablePagination = _interopRequireDefault(require("@mui/material/TablePagination"));
 var _colors = require("material-ui/styles/colors");
 var _Event = _interopRequireDefault(require("../event/Event"));
 var _Observable = _interopRequireDefault(require("../event/Observable"));
 var _EventType = _interopRequireDefault(require("../event/EventType"));
-var _Grid = _interopRequireDefault(require("@material-ui/core/Grid"));
-var _Button = _interopRequireDefault(require("@material-ui/core/Button"));
+var _Grid = _interopRequireDefault(require("@mui/material/Grid"));
+var _Button = _interopRequireDefault(require("@mui/material/Button"));
 var _mobx = require("mobx");
 var $ = _interopRequireWildcard(require("jquery"));
 var _Alert = _interopRequireDefault(require("react-bootstrap/Alert"));
 var _ApplicationManager = _interopRequireDefault(require("../ApplicationManager"));
 var _Layout = require("./layout/Layout");
 var _DynamicJS = _interopRequireDefault(require("../DynamicJS"));
+var _actions = require("npm/lib/install/actions");
 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; }
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
@@ -107,7 +108,7 @@ const useStyles = (0, _styles.makeStyles)(theme => ({
     width: 1
   }
 }));
-const DataGrid = exports.DataGrid = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.forwardRef((props, ref) => {
+const DataGrid = exports.DataGrid = /*#__PURE__*/_react.default.memo(/*#__PURE__*/_react.default.forwardRef((props, ref) => {
   const classes = useStyles();
   const [order, setOrder] = _react.default.useState('desc');
   const [config] = _react.default.useState(_Utils.default.parseConfig(props.config, props.viewId));
@@ -406,12 +407,15 @@ const DataGrid = exports.DataGrid = /*#__PURE__*/_react.default.memo( /*#__PURE_
         serviceType = 'rpc';
       }
       if (serviceType === 'rpc' || serviceType === 'rest') {
-        let method = serviceType === 'rpc' ? _RestUtils.invokeRpc : _RestUtils.invokeRest;
-        method(service, props.handle, props.viewId, result => {
+        let method = serviceType === 'rpc' ? _RestService.invokeRpc : _RestService.invokeRest;
+        method({
+          service: service,
+          component: props.handle,
+          viewId: props.viewId
+        }).then(result => {
           processData(result, conf);
-        }, e => {
+        }).catch(e => {
           console.error(e);
-          //Utils.publishSystemErrorMessage(props.viewId);
         });
       } else {
         throw new Error('Unknown service type : ' + serviceType);
@@ -548,7 +552,7 @@ const DataGrid = exports.DataGrid = /*#__PURE__*/_react.default.memo( /*#__PURE_
   const editorChangeHandler = (rowId, field, value) => {
     for (const row of rows) {
       if (row.id === rowId) {
-        row[field] = value;
+        _Utils.default.updateNestedProperty(row, field, value);
         break;
       }
     }
@@ -655,7 +659,6 @@ const DataGrid = exports.DataGrid = /*#__PURE__*/_react.default.memo( /*#__PURE_
     return editorHandles[column.id + "_editor"];
   }
   return /*#__PURE__*/_react.default.createElement("div", {
-    ref: ref,
     style: _Utils.default.isNull(props.hasBorder) || props.hasBorder === true ? _Utils.default.mergeStyles({
       margin: '0',
       border: '1px solid #e2e2e2',
@@ -717,8 +720,7 @@ const DataGrid = exports.DataGrid = /*#__PURE__*/_react.default.memo( /*#__PURE_
     className: 'filterHead',
     style: {
       width: 'calc(100% - ' + props.scrollWidth + 'px)'
-    },
-    ref: ref
+    }
   }, isFilterable() ? /*#__PURE__*/_react.default.createElement(_DataGridFilter.default, {
     handle: filterHandle,
     ref: /*#__PURE__*/_react.default.createRef(),
@@ -748,7 +750,8 @@ const DataGrid = exports.DataGrid = /*#__PURE__*/_react.default.memo( /*#__PURE_
     const labelId = `enhanced-table-checkbox-${index}`;
     let defaultRowStyle = {
       display: 'flex',
-      flexWrap: 'wrap'
+      flexWrap: 'wrap',
+      alignItems: 'center'
     };
     return /*#__PURE__*/_react.default.createElement(_reactSuperResponsiveTable.Tr, {
       style: props.config.rowAttributes && props.config.rowAttributes.style ? _Utils.default.mergeObjects(props.config.rowAttributes.style, defaultRowStyle) : defaultRowStyle,
@@ -772,7 +775,8 @@ const DataGrid = exports.DataGrid = /*#__PURE__*/_react.default.memo( /*#__PURE_
     })) : null, config.columns.map(column => column.attributes['hidden'] === true ? null : column.layout ? /*#__PURE__*/_react.default.createElement(_reactSuperResponsiveTable.Td, {
       style: {
         padding: 0,
-        width: column.attributes.width ? column.attributes.width : 100 / config.columns.length + '%'
+        width: column.attributes.width ? column.attributes.width : 100 / config.columns.length + '%',
+        height: '100%'
       },
       align: "left",
       className: isItemSelected && !_Utils.default.isNull(props.form) && !_Utils.default.isNull(column.editor) ? 'editCell' : null,
@@ -787,7 +791,8 @@ const DataGrid = exports.DataGrid = /*#__PURE__*/_react.default.memo( /*#__PURE_
       parent: false
     })) : /*#__PURE__*/_react.default.createElement(_reactSuperResponsiveTable.Td, {
       style: {
-        width: column.attributes.width ? column.attributes.width : 100 / config.columns.length + '%'
+        width: column.attributes.width ? column.attributes.width : 100 / config.columns.length + '%',
+        height: '100%'
       },
       align: "left",
       className: isItemSelected && !_Utils.default.isNull(column.editor) ? 'editCell' : null,
@@ -819,7 +824,7 @@ const DataGrid = exports.DataGrid = /*#__PURE__*/_react.default.memo( /*#__PURE_
     nextIconButtonProps: {
       'aria-label': 'next page'
     },
-    onChangePage: handleChangePage,
-    onChangeRowsPerPage: handleChangeRowsPerPage
+    onPageChange: handleChangePage,
+    onRowsPerPageChange: handleChangeRowsPerPage
   }) : null) : null);
 }));

package/dist/components/DataGridColumn.js

@@ -8,9 +8,9 @@ var _react = _interopRequireDefault(require("react"));
 var _Utils = _interopRequireDefault(require("../Utils"));
 var _Observable = _interopRequireDefault(require("../event/Observable"));
 var _reactSuperResponsiveTable = require("react-super-responsive-table");
-var _TableSortLabel = _interopRequireDefault(require("@material-ui/core/TableSortLabel"));
+var _TableSortLabel = _interopRequireDefault(require("@mui/material/TableSortLabel"));
 require("./DataGrid.css");
-var _styles = require("@material-ui/core/styles");
+var _styles = require("@mui/styles");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const useStyles = (0, _styles.makeStyles)(theme => ({
   tableHeaderCell: {
@@ -22,7 +22,7 @@ const useStyles = (0, _styles.makeStyles)(theme => ({
     textAlign: 'right !important'
   }
 }));
-const DataGridColumn = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.forwardRef((props, ref) => {
+const DataGridColumn = /*#__PURE__*/_react.default.memo(/*#__PURE__*/_react.default.forwardRef((props, ref) => {
   const [config, setConfig] = _react.default.useState(props.config);
   const [label] = _react.default.useState(props.config.attributes['label']);
   const [postfix, setPostfix] = _react.default.useState('');

package/dist/components/DataGridFilter.js

@@ -10,11 +10,11 @@ var _reactSuperResponsiveTable = require("react-super-responsive-table");
 var _Form = _interopRequireDefault(require("./form/Form"));
 require("./form/Form.css");
 var _DataGrid = require("./DataGrid");
-var _Search = _interopRequireDefault(require("@material-ui/icons/Search"));
-var _IconButton = _interopRequireDefault(require("@material-ui/core/IconButton"));
+var _Search = _interopRequireDefault(require("@mui/icons-material/Search"));
+var _IconButton = _interopRequireDefault(require("@mui/material/IconButton"));
 var _ApplicationManager = _interopRequireDefault(require("../ApplicationManager"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const DataGridFilter = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.forwardRef((props, ref) => {
+const DataGridFilter = /*#__PURE__*/_react.default.memo(/*#__PURE__*/_react.default.forwardRef((props, ref) => {
   const {
     onFilterSubmit,
     config
@@ -201,7 +201,6 @@ const DataGridFilter = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.def
     };
   };
   return config.gridType === 'TILE' ? /*#__PURE__*/_react.default.createElement("div", {
-    ref: ref,
     className: 'row'
   }, /*#__PURE__*/_react.default.createElement("div", {
     className: 'col'

package/dist/components/DataGridHeading.js

@@ -7,10 +7,10 @@ exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _reactSuperResponsiveTable = require("react-super-responsive-table");
 var _DataGrid = require("./DataGrid");
-var _Checkbox = _interopRequireDefault(require("@material-ui/core/Checkbox"));
+var _Checkbox = _interopRequireDefault(require("@mui/material/Checkbox"));
 var _DataGridColumn = _interopRequireDefault(require("./DataGridColumn"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
-var _styles = require("@material-ui/core/styles");
+var _styles = require("@mui/styles");
 var _Utils = _interopRequireDefault(require("../Utils"));
 var _Observable = _interopRequireDefault(require("../event/Observable"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
@@ -21,7 +21,7 @@ const useStyles = (0, _styles.makeStyles)(theme => ({
     overflow: 'inherit'
   }
 }));
-const DataGridHeading = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.forwardRef((props, ref) => {
+const DataGridHeading = /*#__PURE__*/_react.default.memo(/*#__PURE__*/_react.default.forwardRef((props, ref) => {
   const classes = useStyles();
   const {
     onSelectAllClick,
@@ -37,9 +37,6 @@ const DataGridHeading = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.de
   _react.default.useEffect(() => {
     props.handle.api = api();
   });
-  _react.default.useEffect(() => {
-    console.log('DATA GRID HEADING RENDERED');
-  }, []);
   const createColumnHandle = () => {
     let handle = {};
     columnHandles.push(handle);

package/dist/components/Dialog.js

@@ -8,11 +8,11 @@ var _react = _interopRequireDefault(require("react"));
 var _Utils = _interopRequireDefault(require("../Utils"));
 var _Observable = _interopRequireDefault(require("../event/Observable"));
 var _Layout = require("./layout/Layout");
-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"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const Dialog = exports.Dialog = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.forwardRef((props, ref) => {
+const Dialog = exports.Dialog = /*#__PURE__*/_react.default.memo(/*#__PURE__*/_react.default.forwardRef((props, ref) => {
   const [layoutHandle] = _react.default.useState({});
   const [model] = _react.default.useState({});
   const [open, setOpen] = _react.default.useState(false);

package/dist/components/DocumentTemplateDesigner.js

@@ -12,7 +12,7 @@ var _DocumentTemplateDesignerComponent = _interopRequireDefault(require("./Docum
 var _Event = _interopRequireDefault(require("../event/Event"));
 var _EventType = _interopRequireDefault(require("../event/EventType"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const DocumentTemplateDesigner = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
+const DocumentTemplateDesigner = props => {
   const [visible, setVisible] = _react.default.useState(false);
   const [loading, setLoading] = _react.default.useState(true);
   const [value, setValue] = _react.default.useState(null);
@@ -83,7 +83,6 @@ const DocumentTemplateDesigner = /*#__PURE__*/_react.default.forwardRef((props,
     setValue(newValue);
   };
   return /*#__PURE__*/_react.default.createElement("div", {
-    ref: ref,
     className: 'documentTemplateDesigner',
     style: _Utils.default.mergeStyles({
       display: visible ? 'block' : 'none',
@@ -101,5 +100,5 @@ const DocumentTemplateDesigner = /*#__PURE__*/_react.default.forwardRef((props,
     value: value,
     valueChangeHandler: onValueChange
   }));
-});
+};
 var _default = exports.default = DocumentTemplateDesigner;

package/dist/components/DocumentTemplateDesignerComponent.js

@@ -32,6 +32,7 @@ const DocumentTemplateDesignerComponent = props => {
   const model = React.useRef({});
   const [doc, setDoc] = React.useState(null);
   const [file, setFile] = React.useState(null);
+  const [documentData, setDocumentData] = React.useState(null);
   const [contentState] = React.useState({
     changed: false
   });
@@ -139,7 +140,7 @@ const DocumentTemplateDesignerComponent = props => {
           body: formData
         }).then(response => {
           (0, _reactPromiseTracker.trackPromise)(response.json().then(json => {
-            container.documentEditor.open(json);
+            setDocumentData(json);
           }));
         }));
       }
@@ -211,6 +212,11 @@ const DocumentTemplateDesignerComponent = props => {
   (0, _react.useEffect)(() => {
     setup();
   }, [doc]);
+  (0, _react.useEffect)(() => {
+    if (container && documentData) {
+      container.documentEditor.open(JSON.stringify(documentData));
+    }
+  }, [documentData]);
   const validateProps = properties => {
     let valid = properties && properties.length > 0;
     if (valid) {
@@ -392,6 +398,7 @@ const DocumentTemplateDesignerComponent = props => {
     //documentEditorSettings={searchHighlightColor}
     ,
     showPropertiesPane: false,
+    enableTrackChanges: false,
     toolbarItems: items,
     toolbarClick: onToolbarClick,
     contentChange: onContentChange,

package/dist/components/DocumentTemplatePlaceholderDialog.js

@@ -5,8 +5,8 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _react = _interopRequireWildcard(require("react"));
-var _core = require("@material-ui/core");
-var _icons = require("@material-ui/icons");
+var _material = require("@mui/material");
+var _iconsMaterial = require("@mui/icons-material");
 require("./DocumentTemplateDesignerComponent.css");
 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; }
@@ -32,7 +32,7 @@ const DocumentTemplatePlaceholderDialog = _ref => {
   }];
   const {
     palette
-  } = (0, _core.useTheme)();
+  } = (0, _material.useTheme)();
   const handleListItemClick = index => {
     setSelectedIndex(index);
   };
@@ -43,16 +43,16 @@ const DocumentTemplatePlaceholderDialog = _ref => {
     }
     onClose();
   };
-  return /*#__PURE__*/_react.default.createElement(_core.Dialog, {
+  return /*#__PURE__*/_react.default.createElement(_material.Dialog, {
     open: open,
     onClose: onClose,
     fullWidth: true,
     maxWidth: 'md'
-  }, /*#__PURE__*/_react.default.createElement(_core.DialogTitle, null, "Select a Placeholder"), /*#__PURE__*/_react.default.createElement(_core.DialogContent, null, /*#__PURE__*/_react.default.createElement("div", {
+  }, /*#__PURE__*/_react.default.createElement(_material.DialogTitle, null, "Select a Placeholder"), /*#__PURE__*/_react.default.createElement(_material.DialogContent, null, /*#__PURE__*/_react.default.createElement("div", {
     id: "customTbarDialog"
-  }, /*#__PURE__*/_react.default.createElement(_core.List, null, placeholders.map((placeholder, index) => /*#__PURE__*/_react.default.createElement(_react.default.Fragment, {
+  }, /*#__PURE__*/_react.default.createElement(_material.List, null, placeholders.map((placeholder, index) => /*#__PURE__*/_react.default.createElement(_react.default.Fragment, {
     key: index
-  }, /*#__PURE__*/_react.default.createElement(_core.ListItem, {
+  }, /*#__PURE__*/_react.default.createElement(_material.ListItem, {
     button: true,
     selected: selectedIndex === index,
     onClick: () => handleListItemClick(index)
@@ -63,13 +63,13 @@ const DocumentTemplatePlaceholderDialog = _ref => {
       margin: '4px 0',
       borderRadius: '4px'
     }
-  }, /*#__PURE__*/_react.default.createElement(_core.ListItemAvatar, null, /*#__PURE__*/_react.default.createElement(_core.Avatar, null, /*#__PURE__*/_react.default.createElement(_icons.AddCircle, null))), /*#__PURE__*/_react.default.createElement(_core.ListItemText, {
+  }, /*#__PURE__*/_react.default.createElement(_material.ListItemAvatar, null, /*#__PURE__*/_react.default.createElement(_material.Avatar, null, /*#__PURE__*/_react.default.createElement(_iconsMaterial.AddCircle, null))), /*#__PURE__*/_react.default.createElement(_material.ListItemText, {
     primary: placeholder.title,
     secondary: ''
-  })), index < placeholders.length - 1 && /*#__PURE__*/_react.default.createElement(_core.Divider, null)))))), /*#__PURE__*/_react.default.createElement(_core.DialogActions, null, /*#__PURE__*/_react.default.createElement(_core.Button, {
+  })), index < placeholders.length - 1 && /*#__PURE__*/_react.default.createElement(_material.Divider, null)))))), /*#__PURE__*/_react.default.createElement(_material.DialogActions, null, /*#__PURE__*/_react.default.createElement(_material.Button, {
     onClick: onClose,
     color: "primary"
-  }, "Cancel"), /*#__PURE__*/_react.default.createElement(_core.Button, {
+  }, "Cancel"), /*#__PURE__*/_react.default.createElement(_material.Button, {
     onClick: handleInsert,
     color: "primary",
     disabled: selectedIndex === null

package/dist/components/DocumentViewer.js

@@ -8,7 +8,7 @@ var _react = _interopRequireDefault(require("react"));
 var _Utils = _interopRequireDefault(require("../Utils"));
 var _Observable = _interopRequireDefault(require("../event/Observable"));
 var _ApplicationManager = _interopRequireDefault(require("../ApplicationManager"));
-var _RestUtils = require("../RestUtils");
+var _RestService = require("../RestService");
 var _ServiceCallActionHandler = _interopRequireDefault(require("../event/ServiceCallActionHandler"));
 var _DynamicJS = _interopRequireDefault(require("../DynamicJS"));
 require("./DocumentViewer.css");
@@ -17,7 +17,7 @@ var _WordDocumentViewer = _interopRequireDefault(require("./WordDocumentViewer")
 var _Event = _interopRequireDefault(require("../event/Event"));
 var _EventType = _interopRequireDefault(require("../event/EventType"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const DocumentViewer = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.forwardRef((props, ref) => {
+const DocumentViewer = /*#__PURE__*/_react.default.memo(/*#__PURE__*/_react.default.forwardRef((props, ref) => {
   const [loading, setLoading] = _react.default.useState(true);
   const [label, setLabel] = _react.default.useState(null);
   const [hasLoadingError, setHasLoadingError] = _react.default.useState(false);
@@ -43,7 +43,11 @@ const DocumentViewer = /*#__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 => {}, e => {}, parameter => {});
+          (0, _RestService.invokeRpc)({
+            service: service,
+            component: props.handle,
+            viewId: props.viewId
+          }).then(response => {}).catch(e => {});
         } else {
           if (_Utils.default.isNull(actionConfig)) {
             actionConfig = {};
@@ -110,7 +114,6 @@ const DocumentViewer = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.def
     };
   };
   return /*#__PURE__*/_react.default.createElement("div", {
-    ref: ref,
     style: _Utils.default.mergeStyles({}, props.config)
   }, props.config.attributes?.label && /*#__PURE__*/_react.default.createElement("div", {
     style: _Utils.default.mergeObjects({
@@ -133,6 +136,10 @@ const DocumentViewer = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.def
     file: value,
     onDocumentLoadSuccess: () => {},
     valueHandler: wordEditorValueHandler,
+    valueChangeHandler: () => {
+      let event = new _Event.default(props.handle, props.viewId, null);
+      _Observable.default.fireEvent(_EventType.default.VALUE_CHANGE, event);
+    },
     allowUnresolvedChanges: props.config.allowUnresolvedChanges,
     disableRejectChanges: props.config.disableRejectChanges,
     disableAcceptChanges: props.config.disableAcceptChanges,

package/dist/components/FileThumb.js

@@ -5,8 +5,8 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _react = _interopRequireWildcard(require("react"));
-var _Button = _interopRequireDefault(require("@material-ui/core/Button"));
-var _IconButton = _interopRequireDefault(require("@material-ui/core/IconButton"));
+var _Button = _interopRequireDefault(require("@mui/material/Button"));
+var _IconButton = _interopRequireDefault(require("@mui/material/IconButton"));
 var _Icon = _interopRequireDefault(require("./Icon"));
 var _ApplicationManager = _interopRequireDefault(require("../ApplicationManager"));
 var _pdfIcon = _interopRequireDefault(require("../assets/img/pdf-icon.png"));
@@ -17,6 +17,7 @@ var _doc = _interopRequireDefault(require("../assets/img/doc.png"));
 var _excel = _interopRequireDefault(require("../assets/img/excel.png"));
 var _powerpoint = _interopRequireDefault(require("../assets/img/powerpoint.png"));
 var _defaultFileThumb = _interopRequireDefault(require("../assets/img/default-file-thumb.png"));
+var _Utils = _interopRequireDefault(require("../Utils"));
 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; }
@@ -26,7 +27,7 @@ const FileThumb = props => {
   const [downloadUrl, setDownloadUrl] = (0, _react.useState)(null);
   _react.default.useEffect(() => {
     if (file) {
-      setDownloadUrl(location + _ApplicationManager.default.getContextRoot() + '/docs/api/v1/manager/download/' + file.repositoryId + '?access_token=' + sessionStorage.getItem('accessToken') + '&idToken=' + sessionStorage.getItem('idToken'));
+      setDownloadUrl(location + _ApplicationManager.default.getContextRoot() + '/docs/api/v1/manager/download/' + file.documentRepositoryId + '?access_token=' + sessionStorage.getItem('accessToken') + '&idToken=' + sessionStorage.getItem('idToken'));
     }
   }, [file]);
   const isImage = () => {
@@ -41,8 +42,8 @@ const FileThumb = props => {
   return /*#__PURE__*/_react.default.createElement("div", {
     className: 'row',
     style: {
-      width: '128px',
-      height: '128px',
+      width: _Utils.default.isNull(props.showImage) || props.showImage ? '128px' : '100%',
+      height: _Utils.default.isNull(props.showImage) || props.showImage ? '128px' : '28px',
       display: 'flex',
       alignItems: 'center',
       justifyContent: 'center',
@@ -56,7 +57,7 @@ const FileThumb = props => {
     className: 'row',
     style: {
       width: '100%',
-      height: '20%',
+      height: _Utils.default.isNull(props.showImage) || props.showImage ? '20%' : null,
       marginLeft: '4px',
       marginRight: '4px'
     }
@@ -79,17 +80,17 @@ const FileThumb = props => {
       overflow: 'hidden',
       textOverflow: 'ellipsis',
       marginLeft: '10px',
-      marginTop: '2px',
+      marginTop: '4px',
       whiteSpace: 'nowrap'
     },
     className: 'col'
-  }, file.repositoryId ? /*#__PURE__*/_react.default.createElement("a", {
+  }, file.documentRepositoryId ? /*#__PURE__*/_react.default.createElement("a", {
     style: {
       cursor: 'pointer'
     },
     target: "_blank",
     href: `${downloadUrl}`
-  }, file.name) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, file.name))), /*#__PURE__*/_react.default.createElement("div", {
+  }, file.name) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, file.name))), (_Utils.default.isNull(props.showImage) || props.showImage) && /*#__PURE__*/_react.default.createElement("div", {
     className: 'row',
     style: {
       width: '98%',
@@ -108,7 +109,7 @@ const FileThumb = props => {
       backgroundSize: 'contain',
       backgroundPosition: 'center',
       backgroundColor: 'transparent',
-      backgroundImage: isImage() ? `url(${file.repositoryId ? downloadUrl : file.payload})` : `url(${getThumbImage()})`
+      backgroundImage: isImage() ? `url(${file.documentRepositoryId ? downloadUrl : file.payload})` : `url(${getThumbImage()})`
     }
   })));
 };

package/dist/components/Graph.js

@@ -56,6 +56,7 @@ class Graph {
     this.addNodeToPath(this.current);
     if (root.action.actionType === 'route') {
       root.action.window = this.config.isWindow;
+      root.action.graphId = this.config.id;
     }
     if (root.onStart) {
       for (const action of root.onStart.actions) {
@@ -76,6 +77,7 @@ class Graph {
             this.addNodeToPath(this.current);
             if (node.action.actionType === 'route') {
               node.action.window = this.config.isWindow;
+              node.action.graphId = this.config.id;
             }
             if (node.onStart) {
               for (const action of node.onStart.actions) {

package/dist/components/HtmlPanel.js

@@ -27,7 +27,7 @@ const json = response => {
   return response.text();
 };
 const location = window.location.protocol + '//' + window.location.hostname + ':' + window.location.port;
-const HtmlPanel = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.forwardRef((props, ref) => {
+const HtmlPanel = /*#__PURE__*/_react.default.memo(/*#__PURE__*/_react.default.forwardRef((props, ref) => {
   const [template, setTemplate] = _react.default.useState(null);
   const [content, setContent] = _react.default.useState(null);
   const [visible, setVisible] = _react.default.useState(false);
@@ -107,7 +107,6 @@ const HtmlPanel = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.
     };
   };
   return visible && /*#__PURE__*/_react.default.createElement("div", {
-    ref: ref,
     style: _Utils.default.mergeStyles({}, props.config)
   }, !_Utils.default.isNull(props.config) && content ? /*#__PURE__*/_react.default.createElement(_reactHtmlRenderer.default, {
     html: content