@agilemotion/oui-react-js 1.3.9 → 1.4.0

package/dist/components/Button.js

@@ -23,7 +23,7 @@ var _Event = _interopRequireDefault(require("../event/Event"));
 
 var _EventType = _interopRequireDefault(require("../event/EventType"));
 
-var _ApplicationContext = _interopRequireDefault(require("../ApplicationContext"));
+var _ApplicationManager = _interopRequireDefault(require("../ApplicationManager"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
@@ -35,22 +35,22 @@ const useStyles = (0, _styles.makeStyles)(theme => ({
     marginRight: theme.spacing(2)
   },
   wrapper: {
-    maxHeight: '32px',
     zIndex: 2
   }
 }));
 
 const Button = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
+  var _props$attributes, _props$attributes$sty, _props$config$attribu, _props$config$attribu2, _props$config$attribu3;
+
   const classes = useStyles();
 
   const [disabled, setDisabled] = _react.default.useState(false);
 
   const [visible, setVisible] = _react.default.useState(true);
 
-  let color = _Utils.default.getComponentAttribute(props.config, 'color', 'default');
+  const [config, setConfig] = _react.default.useState(null);
 
-  let width = !_Utils.default.isNull(props.config.attributes) && !_Utils.default.isNull(props.config.attributes['width']) ? parseInt(props.config.attributes['width'].toString().replace('px', '')) : null;
-  let height = !_Utils.default.isNull(props.config.attributes) && !_Utils.default.isNull(props.config.attributes['height']) ? parseInt(props.config.attributes['height'].toString().replace('px', '')) : null;
+  let color = _Utils.default.getComponentAttribute(props.config, 'color', 'default');
 
   let label = _Utils.default.getComponentAttribute(props.config, 'label', null);
 
@@ -65,17 +65,29 @@ const Button = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
   }, []);
 
   _react.default.useEffect(() => {
-    let parsedConfig = _Utils.default.parseConfig(props.config, props.viewId);
+    if (config) {
+      props.handle.api = api();
+
+      let parsedConfig = _Utils.default.parseConfig(config, props.viewId);
 
-    _Observable.default.addSubscriptions(parsedConfig.eventHandlingConfig, props.handle, props.viewId);
+      _Observable.default.addSubscriptions(parsedConfig.eventHandlingConfig, props.handle, props.viewId);
 
-    _Observable.default.addSystemSubscriptions(parsedConfig);
+      _Observable.default.addSystemSubscriptions(props.viewId, parsedConfig);
 
-    props.handle.api.refresh();
+      props.handle.api.refresh();
+    }
+  }, [config]);
+
+  _react.default.useEffect(() => {
+    var _props$tableRow$id;
+
+    setConfig(props.tableRow ? { ...props.config,
+      id: props.config.id + '_' + ((_props$tableRow$id = props.tableRow.id) === null || _props$tableRow$id === void 0 ? void 0 : _props$tableRow$id.replaceAll('-', ''))
+    } : props.config);
   }, []);
 
   const handleClick = e => {
-    _ApplicationContext.default.enableFormMarkers(true);
+    _ApplicationManager.default.enableFormMarkers(true);
 
     let event = new _Event.default(props.handle, props.viewId);
 
@@ -85,7 +97,11 @@ const Button = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
   const api = () => {
     return {
       get id() {
-        return props.config.id;
+        return config ? config.id : props.config.id;
+      },
+
+      get tableRow() {
+        return props.tableRow;
       },
 
       getChildren: () => {
@@ -101,7 +117,7 @@ const Button = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
       },
 
       refresh() {
-        let parsedConfig = _Utils.default.parseConfig(props.config, props.viewId);
+        let parsedConfig = _Utils.default.parseConfig(config ? config : props.config, props.viewId);
 
         setDisabled(_Utils.default.evaluateBooleanExpression(parsedConfig.disabled, parsedConfig.id));
         setVisible(_Utils.default.isNull(parsedConfig.visible) || _Utils.default.evaluateBooleanExpression(parsedConfig.visible, parsedConfig.id));
@@ -113,7 +129,7 @@ const Button = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
   return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
     className: classes.root,
     style: {
-      width: width,
+      width: (_props$attributes = props.attributes) === null || _props$attributes === void 0 ? void 0 : (_props$attributes$sty = _props$attributes.style) === null || _props$attributes$sty === void 0 ? void 0 : _props$attributes$sty.width,
       display: visible ? 'block' : 'none'
     }
   }, /*#__PURE__*/_react.default.createElement("div", {
@@ -123,10 +139,7 @@ const Button = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
     size: "large",
     color: !_Utils.default.isNull(color) ? color : null,
     ref: ref,
-    style: {
-      width: width,
-      height: height
-    },
+    style: (_props$config$attribu = props.config.attributes) === null || _props$config$attribu === void 0 ? void 0 : _props$config$attribu.style,
     disabled: disabled,
     onClick: handleClick,
     startIcon: /*#__PURE__*/_react.default.createElement(_Icon.default, {
@@ -136,22 +149,18 @@ const Button = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
     "aria-controls": "menu-list-grow",
     ref: ref,
     disabled: disabled,
-    style: {
-      width: width
-    },
+    style: (_props$config$attribu2 = props.config.attributes) === null || _props$config$attribu2 === void 0 ? void 0 : _props$config$attribu2.style,
     "aria-haspopup": "true",
     onClick: handleClick
   }, /*#__PURE__*/_react.default.createElement(_Icon.default, {
-    id: props.config.icon
+    id: props.config.icon,
+    color: 'white'
   })) : /*#__PURE__*/_react.default.createElement(_Button.default, {
     variant: color === 'secondary' || color === 'primary' ? 'contained' : 'text',
     "aria-controls": "menu-list-grow",
     color: color,
     ref: ref,
-    style: {
-      width: width,
-      height: height
-    },
+    style: (_props$config$attribu3 = props.config.attributes) === null || _props$config$attribu3 === void 0 ? void 0 : _props$config$attribu3.style,
     disabled: disabled,
     onClick: handleClick,
     "aria-haspopup": "true"

package/dist/components/Calendar.js

@@ -33,7 +33,7 @@ var _Event = _interopRequireDefault(require("../event/Event"));
 
 var _EventType = _interopRequireDefault(require("../event/EventType"));
 
-var _ApplicationContext = _interopRequireDefault(require("../ApplicationContext"));
+var _ApplicationManager = _interopRequireDefault(require("../ApplicationManager"));
 
 var _Dialog = _interopRequireDefault(require("@material-ui/core/Dialog"));
 
@@ -45,6 +45,8 @@ var _Icon = _interopRequireDefault(require("./Icon"));
 
 var _Button = _interopRequireDefault(require("@material-ui/core/Button"));
 
+var _Calendar = _interopRequireDefault(require("../js/Calendar"));
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function () { return cache; }; return cache; }
@@ -97,7 +99,7 @@ const json = response => {
 
 const location = window.location.protocol + "//" + window.location.hostname;
 
-const Calendar = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.forwardRef((props, ref) => {
+const Calendar = props => {
   const {
     isRtl
   } = props;
@@ -130,7 +132,7 @@ const Calendar = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.f
   }, props)));
 
   const loadEvents = (track = true) => {
-    fetch(encodeURI(location + _ApplicationContext.default.getContextRoot() + '/calendar/api/v1/event/list'), {
+    fetch(encodeURI(location + _ApplicationManager.default.getContextRoot() + '/calendar/api/v1/event/list'), {
       method: 'GET',
       headers: {
         'Accept': 'application/json',
@@ -335,7 +337,7 @@ const Calendar = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.f
 
     _Observable.default.addSubscriptions(eventHandlingConfig, props.handle, props.viewId);
 
-    _Observable.default.addSystemSubscriptions(parsedConfig);
+    _Observable.default.addSystemSubscriptions(props.viewId, parsedConfig);
   }, []);
 
   const toDateTimeString = date => {
@@ -344,45 +346,8 @@ const Calendar = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.f
     return dateStr + ' ' + timeStrTokens[0] + ':' + timeStrTokens[1];
   };
 
-  const getEndDate = event => {
-    if (event.end) {
-      return new Date(event.end);
-    } else if (event.extendedProps.schedule.rrule) {
-      let startDate = new Date(event.start);
-      return (0, _moment.default)(startDate).add("minutes", event.extendedProps.duration).toDate();
-    }
-
-    new Date();
-  };
-
   const getFormObject = event => {
-    let end = getEndDate(event);
-    return {
-      id: event.id,
-      title: event.title,
-      locations: event.extendedProps.locations,
-      description: event.extendedProps.description,
-      status: event.extendedProps.status,
-      host: event.extendedProps.host,
-      attendees: event.extendedProps.attendees,
-      privacyType: event.extendedProps.privacyType,
-      documents: event.extendedProps.documents,
-      schedule: {
-        startDate: event.start,
-        startTime: event.start,
-        endDate: end,
-        endTime: end,
-        scheduleId: event.extendedProps.schedule.id,
-        recurringFreq: event.extendedProps.schedule.rrule.freq,
-        recurringInterval: event.extendedProps.schedule.rrule.interval,
-        recurringDtstart: new Date(event.extendedProps.schedule.rrule.dtstart),
-        recurringUntil: new Date(event.extendedProps.schedule.rrule.until),
-        recurringByweekday: event.extendedProps.schedule.rrule.byweekday,
-        recurringBysetpos: event.extendedProps.schedule.rrule.bysetpos,
-        recurringBymonthday: event.extendedProps.schedule.rrule.bymonthday
-      },
-      askToJoin: _Utils.default.isNull(event.extendedProps.askToJoin) ? false : event.extendedProps.askToJoin
-    };
+    return _Calendar.default.calendarEventToFormObject(event);
   };
 
   const api = () => {
@@ -436,11 +401,11 @@ const Calendar = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.f
       size: "large",
       color: "primary",
       style: {
-        color: '#ffffff',
         borderRadius: '4px',
         marginRight: '2px'
       },
       onClick: e => {
+        setOpen(false);
         let event = new _Event.default(props.handle, props.viewId, getFormObject(selectedEvent));
 
         _Observable.default.fireEvent(_EventType.default.CALENDAR_EVENT_START, event);
@@ -450,7 +415,6 @@ const Calendar = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.f
 
   return /*#__PURE__*/_react.default.createElement("div", {
     className: props.className,
-    ref: ref,
     style: _Utils.default.mergeStyles({
       padding: '16px 0',
       margin: '0',
@@ -472,7 +436,7 @@ const Calendar = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.f
   }, /*#__PURE__*/_react.default.createElement("div", {
     className: 'w-100 h-100'
   }, createEventPopup())));
-}));
+};
 
 var _default = Calendar;
 exports.default = _default;

package/dist/components/DataGrid.js

@@ -47,7 +47,9 @@ var $ = _interopRequireWildcard(require("jquery"));
 
 var _Alert = _interopRequireDefault(require("react-bootstrap/Alert"));
 
-var _ApplicationContext = _interopRequireDefault(require("../ApplicationContext"));
+var _ApplicationManager = _interopRequireDefault(require("../ApplicationManager"));
+
+var _Layout = require("./layout/Layout");
 
 function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function () { return cache; }; return cache; }
 
@@ -171,16 +173,16 @@ const DataGrid = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.f
 
   const [rowsPerPage, setRowsPerPage] = _react.default.useState(props.config.pageSize);
 
-  const [cells] = _react.default.useState([]);
+  const highlightRowSelection = _react.default.useRef(!_Utils.default.isNull(props.config.highlightRowSelection) ? props.config.highlightRowSelection : true);
 
-  const {
-    actionsToolbar
-  } = props;
+  const [cells] = _react.default.useState([]);
 
   const [headingHandle] = _react.default.useState({});
 
   const [filterHandle] = _react.default.useState({});
 
+  const [columnLayoutHandles] = _react.default.useState([]);
+
   const rowCount = _react.default.useRef(-1);
 
   const loadingRef = _react.default.useRef(true);
@@ -239,6 +241,23 @@ const DataGrid = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.f
           }
         }
 
+        let properties = Object.getOwnPropertyNames(columnLayoutHandles);
+
+        for (const property of properties) {
+          let columnLayoutHandle = columnLayoutHandles[property];
+          children.push(columnLayoutHandle);
+
+          if (!_Utils.default.isNull(columnLayoutHandle.api) && !_Utils.default.isNull(columnLayoutHandle.api.getChildren)) {
+            let moreChildren = columnLayoutHandle.api.getChildren();
+
+            if (!_Utils.default.isNull(moreChildren)) {
+              for (const child of moreChildren) {
+                children.push(child);
+              }
+            }
+          }
+        }
+
         return children;
       },
       loadData: actionConfig => {
@@ -343,7 +362,7 @@ const DataGrid = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.f
       props.onSelectionChange([]);
     }
 
-    _ApplicationContext.default.enableFormMarkers(true);
+    _ApplicationManager.default.enableFormMarkers(true);
   }
 
   function getSelectedRows(selected) {
@@ -363,7 +382,7 @@ const DataGrid = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.f
   }
 
   function doHandleClick(event, id) {
-    _ApplicationContext.default.enableFormMarkers(true);
+    _ApplicationManager.default.enableFormMarkers(true);
 
     const selectedIndex = -1;
     selected.indexOf(id);
@@ -489,7 +508,7 @@ const DataGrid = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.f
       }
     } else {
       if (actionConfig && actionConfig.value) {
-        let data = _ApplicationContext.default.resolveParameterConfigValue(actionConfig.value);
+        let data = _ApplicationManager.default.resolveParameterConfigValue(actionConfig.value);
 
         processData(data, conf);
       }
@@ -513,17 +532,13 @@ const DataGrid = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.f
     props.handle.api = api();
   }, []);
 
-  _react.default.useEffect(() => {
-    console.log('DATA GRID RENDERED : ' + props.config.id);
-  }, []);
-
   _react.default.useEffect(() => {
     let eventHandlingConfig = _Utils.default.isNull(config.eventHandlingConfig) ? {} : config.eventHandlingConfig;
     eventHandlingConfig.subscriptions = _Utils.default.isNull(eventHandlingConfig.subscriptions) ? [] : eventHandlingConfig.subscriptions;
 
     _Observable.default.addSubscriptions(eventHandlingConfig, props.handle, props.viewId);
 
-    _Observable.default.addSystemSubscriptions(config);
+    _Observable.default.addSystemSubscriptions(props.viewId, config);
 
     let isEditable = false;
     let visibleColumnCount = 0;
@@ -753,6 +768,16 @@ const DataGrid = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.f
     }));
   }
 
+  function createColumnLayoutHandle(column, index) {
+    if (_Utils.default.isNull(columnLayoutHandles[column.id + index])) {
+      let handle = {};
+      columnLayoutHandles[column.id + index] = handle;
+      return handle;
+    }
+
+    return columnLayoutHandles[column.id + index];
+  }
+
   return /*#__PURE__*/_react.default.createElement("div", {
     ref: ref,
     style: _Utils.default.isNull(props.hasBorder) || props.hasBorder === true ? _Utils.default.mergeStyles({
@@ -837,8 +862,6 @@ const DataGrid = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.f
   }, stableSort(rows, getSorting(order, orderBy)).map((row, index) => {
     const isItemSelected = isSelected(row.id);
     const labelId = "enhanced-table-checkbox-".concat(index);
-    row.index = index;
-    let counter = 0;
     return /*#__PURE__*/_react.default.createElement(_reactSuperResponsiveTable.Tr, {
       style: {
         display: 'flex',
@@ -851,7 +874,7 @@ const DataGrid = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.f
       key: row.id,
       id: 'ROW-' + row.id,
       selected: isItemSelected,
-      className: isItemSelected ? classes.tableSelected : classes.tableRow
+      className: highlightRowSelection.current ? isItemSelected ? classes.tableSelected : classes.tableRow : null
     }, config.selectionMode === 'MULTIPLE' ? /*#__PURE__*/_react.default.createElement(_reactSuperResponsiveTable.Td, {
       padding: "checkbox",
       width: MULTI_SELECT_CHECKBOX_COL_WIDTH + 'px',
@@ -861,14 +884,22 @@ const DataGrid = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.f
       inputProps: {
         'aria-labelledby': labelId
       }
-    })) : null, config.columns.map(column => column.attributes['hidden'] === true ? null : counter++ === config.columns.length - 1 && actionsToolbar !== null && typeof actionsToolbar !== 'undefined' ? /*#__PURE__*/_react.default.createElement(_reactSuperResponsiveTable.Td, {
+    })) : 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 + '%'
       },
       align: "left",
       className: isItemSelected && !_Utils.default.isNull(props.form) && !_Utils.default.isNull(column.editor) ? 'editCell' : null,
       key: column.id
-    }, "Row action toolbar not supported") : /*#__PURE__*/_react.default.createElement(_reactSuperResponsiveTable.Td, {
+    }, /*#__PURE__*/_react.default.createElement(_Layout.Layout, {
+      ref: /*#__PURE__*/_react.default.createRef(),
+      handle: createColumnLayoutHandle(column, index),
+      tableRow: row,
+      config: JSON.parse(JSON.stringify(props.config.columns.find(col => col.id === column.id).layout)),
+      viewId: props.viewId,
+      parent: false
+    })) : /*#__PURE__*/_react.default.createElement(_reactSuperResponsiveTable.Td, {
       style: {
         width: column.attributes.width ? column.attributes.width : 100 / config.columns.length + '%'
       },

package/dist/components/DataGridColumn.js

@@ -53,7 +53,7 @@ const DataGridColumn = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.def
 
       setConfig(parsedConfig);
 
-      _Observable.default.addSystemSubscriptions(parsedConfig);
+      _Observable.default.addSystemSubscriptions(props.viewId, parsedConfig);
     }
   }, [props.config]);
 

package/dist/components/DataGridFilter.js

@@ -21,7 +21,7 @@ var _Search = _interopRequireDefault(require("@material-ui/icons/Search"));
 
 var _IconButton = _interopRequireDefault(require("@material-ui/core/IconButton"));
 
-var _ApplicationContext = _interopRequireDefault(require("../ApplicationContext"));
+var _ApplicationManager = _interopRequireDefault(require("../ApplicationManager"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
@@ -181,7 +181,7 @@ const DataGridFilter = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.def
       console.error('Invalid filter data');
     }
 
-    _ApplicationContext.default.enableFormMarkers(true);
+    _ApplicationManager.default.enableFormMarkers(true);
   };
 
   const api = () => {

package/dist/components/Dialog.js

@@ -45,7 +45,7 @@ const Dialog = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.for
 
     _Observable.default.addSubscriptions(parsedConfig.eventHandlingConfig, props.handle, props.config.id);
 
-    _Observable.default.addSystemSubscriptions(parsedConfig);
+    _Observable.default.addSystemSubscriptions(props.viewId, parsedConfig);
   }, []);
 
   function doUpdateModel(values) {

package/dist/components/DocumentViewer.js

@@ -11,7 +11,7 @@ var _Utils = _interopRequireDefault(require("../Utils"));
 
 var _Observable = _interopRequireDefault(require("../event/Observable"));
 
-var _ApplicationContext = _interopRequireDefault(require("../ApplicationContext"));
+var _ApplicationManager = _interopRequireDefault(require("../ApplicationManager"));
 
 var _RestUtils = require("../RestUtils");
 
@@ -37,7 +37,7 @@ const DocumentViewer = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.def
 
     _Observable.default.addSubscriptions(parsedConfig.eventHandlingConfig, props.handle, props.viewId);
 
-    _Observable.default.addSystemSubscriptions(parsedConfig);
+    _Observable.default.addSystemSubscriptions(props.viewId, parsedConfig);
   }, []);
 
   const api = () => {
@@ -48,7 +48,7 @@ const DocumentViewer = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.def
 
       loadData: actionConfig => {
         if (!_Utils.default.isNull(actionConfig) && !_Utils.default.isNull(actionConfig.value)) {
-          let value = _ApplicationContext.default.isExpression(actionConfig.value) ? _ApplicationContext.default.resolveExpressionValue(actionConfig.value) : actionConfig.value; // TODO : set value
+          let value = _ApplicationManager.default.isExpression(actionConfig.value) ? _ApplicationManager.default.resolveExpressionValue(actionConfig.value) : actionConfig.value; // TODO : set value
         } else {
           let service = !_Utils.default.isNull(props.config.dataService) ? props.config.dataService : actionConfig !== null ? actionConfig.dataService : null;
           let componentValue = !_Utils.default.isNull(props.config.value) ? props.config.value : actionConfig !== null ? actionConfig.value : null;
@@ -78,11 +78,11 @@ const DocumentViewer = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.def
             }
           } else {
             if (!_Utils.default.isNull(componentValue)) {
-              if (_ApplicationContext.default.isExpression(componentValue)) {
+              if (_ApplicationManager.default.isExpression(componentValue)) {
                 let path = _Utils.default.getPropertyChainPath(componentValue);
 
                 if (!_Utils.default.isNull(path.valueObject)) {
-                  _Observable.default.addSystemGeneratedSubscription(props.viewId, props.config.id, () => {
+                  _Observable.default.addSystemGeneratedSubscription(props.viewId, props.viewId, props.config.id, () => {
                     let value = _DynamicJS.default.executeScript("".concat(props.config.id, "ValueEvaluator"), componentValue);
 
                     if (!_Utils.default.isNull(value)) {// TODO : set value

package/dist/components/FileThumb.js

@@ -13,7 +13,7 @@ var _IconButton = _interopRequireDefault(require("@material-ui/core/IconButton")
 
 var _Icon = _interopRequireDefault(require("./Icon"));
 
-var _ApplicationContext = _interopRequireDefault(require("../ApplicationContext"));
+var _ApplicationManager = _interopRequireDefault(require("../ApplicationManager"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
@@ -21,19 +21,30 @@ function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return
 
 function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
-const location = window.location.protocol + "//" + window.location.hostname;
+const location = window.location.protocol + '//' + window.location.hostname;
 
-const FileThumb = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.forwardRef((props, ref) => {
-  const [downloadUrl] = (0, _react.useState)(location + _ApplicationContext.default.getContextRoot() + '/docs/api/v1/manager/download/' + props.file.repositoryId + '?access_token=' + sessionStorage.getItem("accessToken") + '&idToken=' + sessionStorage.getItem("idToken"));
+const FileThumb = props => {
+  const [file] = (0, _react.useState)(props.file);
+  const [downloadUrl, setDownloadUrl] = (0, _react.useState)(null);
 
-  _react.default.useEffect(() => {}, []);
+  _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'));
+    }
+  }, [file]);
 
   const isImage = () => {
-    return props.file.type.startsWith('image/');
+    var _file$type;
+
+    return (_file$type = file.type) === null || _file$type === void 0 ? void 0 : _file$type.startsWith('image/');
   };
 
   const getThumbImage = () => {
-    return props.file.type === 'application/pdf' ? 'pdf-icon.png' : props.file.type === 'application/msword' ? 'doc.png' : props.file.type.startsWith('video/') ? 'media.png' : props.file.type.startsWith('audio/') ? 'media.png' : props.file.type === 'application/zip' ? 'zip.png' : props.file.type === 'application/vnd.openxmlformats-officedocument.wordprocessingml.document' ? 'doc.png' : props.file.type === 'application/vnd.ms-excel' ? 'excel.png' : props.file.type === 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet' ? 'excel.png' : props.file.type === 'application/vnd.ms-powerpoint' ? 'powerpoint.png' : 'default-file-thumb.png';
+    if (!file || !file.type) {
+      return 'default-file-thumb.png';
+    }
+
+    return file.type === 'application/pdf' ? 'pdf-icon.png' : file.type === 'application/msword' ? 'doc.png' : file.type.startsWith('video/') ? 'media.png' : file.type.startsWith('audio/') ? 'media.png' : file.type === 'application/zip' ? 'zip.png' : file.type === 'application/vnd.openxmlformats-officedocument.wordprocessingml.document' ? 'doc.png' : file.type === 'application/vnd.ms-excel' ? 'excel.png' : file.type === 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet' ? 'excel.png' : file.type === 'application/vnd.ms-powerpoint' ? 'powerpoint.png' : 'default-file-thumb.png';
   };
 
   return /*#__PURE__*/_react.default.createElement("div", {
@@ -58,36 +69,36 @@ const FileThumb = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.
       marginLeft: '4px',
       marginRight: '4px'
     }
-  }, /*#__PURE__*/_react.default.createElement("div", {
+  }, !props.disabled && /*#__PURE__*/_react.default.createElement("div", {
     style: {
-      width: "10%"
+      width: '10%'
     }
   }, /*#__PURE__*/_react.default.createElement(_IconButton.default, {
     "aria-controls": "menu-list-grow",
     "aria-haspopup": "true",
     style: {
-      width: "8px",
-      height: "8px"
+      width: '8px',
+      height: '8px'
     },
-    onClick: () => props.onDelete(props.file)
+    onClick: () => props.onDelete(file)
   }, /*#__PURE__*/_react.default.createElement(_Icon.default, {
     id: 'DELETE'
   }))), /*#__PURE__*/_react.default.createElement("div", {
     style: {
-      overflow: "hidden",
-      textOverflow: "ellipsis",
+      overflow: 'hidden',
+      textOverflow: 'ellipsis',
       marginLeft: '10px',
       marginTop: '2px',
-      whiteSpace: "nowrap"
+      whiteSpace: 'nowrap'
     },
     className: 'col'
-  }, props.file.repositoryId ? /*#__PURE__*/_react.default.createElement("a", {
+  }, file.repositoryId ? /*#__PURE__*/_react.default.createElement("a", {
     style: {
       cursor: 'pointer'
     },
     target: "_blank",
     href: "".concat(downloadUrl)
-  }, props.file.name) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, props.file.name))), /*#__PURE__*/_react.default.createElement("div", {
+  }, file.name) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, file.name))), /*#__PURE__*/_react.default.createElement("div", {
     className: 'row',
     style: {
       width: '98%',
@@ -106,10 +117,10 @@ const FileThumb = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.
       backgroundSize: 'contain',
       backgroundPosition: 'center',
       backgroundColor: 'transparent',
-      backgroundImage: isImage() ? "url(".concat(props.file.repositoryId ? downloadUrl : props.file.payload, ")") : "url(".concat(require('../../assets/img/' + getThumbImage()), ")")
+      backgroundImage: isImage() ? "url(".concat(file.repositoryId ? downloadUrl : file.payload, ")") : "url(".concat(require('../../assets/img/' + getThumbImage()), ")")
     }
   })));
-}));
+};
 
 var _default = FileThumb;
 exports.default = _default;

package/dist/components/Graph.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 
-var _ApplicationContext = _interopRequireDefault(require("../ApplicationContext"));
+var _ApplicationManager = _interopRequireDefault(require("../ApplicationManager"));
 
 var _ActionHandlers = _interopRequireDefault(require("../event/ActionHandlers"));
 
@@ -39,6 +39,10 @@ class Graph {
       this.current = new _GraphNode.default(this.config.nodes[0]);
       this.addNodeToPath(this.current);
 
+      if (root.action.actionType === 'route') {
+        root.action.window = this.config.isWindow;
+      }
+
       _ActionHandlers.default.invokeHandler(root.action, null, null, this.config.id);
     });
 
@@ -46,7 +50,7 @@ class Graph {
       let nextNodeName = this.current.getNextNode(event);
 
       if (this.current.config.last && nextNodeName === null) {
-        _ApplicationContext.default.removeLoadedGraph(true);
+        _ApplicationManager.default.removeLoadedGraph(true);
       } else {
         if (!_Utils.default.isNull(nextNodeName)) {
           for (const node of this.config.nodes) {
@@ -54,6 +58,10 @@ class Graph {
               this.current = new _GraphNode.default(node);
               this.addNodeToPath(this.current);
 
+              if (node.action.actionType === 'route') {
+                node.action.window = this.config.isWindow;
+              }
+
               _ActionHandlers.default.invokeHandler(node.action, null, null, this.config.id);
 
               break;

package/dist/components/GraphNode.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 
-var _ApplicationContext = _interopRequireDefault(require("../ApplicationContext"));
+var _ApplicationManager = _interopRequireDefault(require("../ApplicationManager"));
 
 var _ActionHandlers = _interopRequireDefault(require("../event/ActionHandlers"));