@agilemotion/oui-react-js 1.8.1 → 1.8.2

package/dist/ApplicationManager.js

@@ -476,10 +476,6 @@ class ApplicationManager {
       if (id === 'view') {
         return view.handle.api;
       }
-    } else {
-      if (id === 'trainingScheduleCalendarEventForm') {
-        console.log('NO HANDLES');
-      }
     }
   };
 

package/dist/RestUtils.js

@@ -192,17 +192,19 @@ class RestUtils {
     }
     this.doFetch(location + _ApplicationManager.default.getContextRoot() + '/' + module + '/api/v1/rpc/invoke', response => {
       if (!_Utils.default.isNull(viewId) && !_Utils.default.isNull(component)) {
-        if (returnValueBinding) {
-          let path = _Utils.default.getPropertyChainPath(returnValueBinding);
-          if (!_Utils.default.isNull(path.valueObject) && !_Utils.default.isNull(path.property)) {
-            path.valueObject[path.property] = response;
-          }
-        }
         this.fireEvent(viewId, component, _EventType.default.SERVICE_CALL_SUCCESS, response);
-        if (successCallback !== null) {
-          successCallback(response);
+      } else {
+        console.warn("No view id or component specified while executing [" + module + "] rpc : ", rpcDetails);
+      }
+      if (returnValueBinding) {
+        let path = _Utils.default.getPropertyChainPath(returnValueBinding);
+        if (!_Utils.default.isNull(path.valueObject) && !_Utils.default.isNull(path.property)) {
+          path.valueObject[path.property] = response;
         }
       }
+      if (successCallback !== null) {
+        successCallback(response);
+      }
     }, e => {
       if (errorCallback !== null) {
         errorCallback(e);

package/dist/Utils.js

@@ -313,11 +313,15 @@ class Utils {
     return defaultStyle;
   };
   static mergeObjects(source, target) {
+    if (!target) {
+      return source;
+    }
     let properties = Object.getOwnPropertyNames(source);
+    let result = JSON.parse(JSON.stringify(target));
     for (const property of properties) {
-      target[property] = source[property];
+      result[property] = source[property];
     }
-    return target;
+    return result;
   }
   static publishErrorMessage = async function (e, viewId) {
     let component = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : null;

package/dist/components/DataGrid.js

@@ -686,6 +686,7 @@ const DataGrid = exports.DataGrid = /*#__PURE__*/_react.default.memo( /*#__PURE_
     ref: /*#__PURE__*/_react.default.createRef(),
     handle: filterHandle,
     config: props.config,
+    viewId: props.viewId,
     filterWrapperClass: props.filterWrapperClass,
     scrollWidth: scrollWidth,
     onFilterSubmit: search,
@@ -712,10 +713,17 @@ const DataGrid = exports.DataGrid = /*#__PURE__*/_react.default.memo( /*#__PURE_
     style: {
       width: '100%'
     }
+  }, /*#__PURE__*/_react.default.createElement("thead", {
+    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(),
     config: config,
+    viewId: props.viewId,
     filterWrapperClass: props.filterWrapperClass,
     scrollWidth: scrollWidth,
     onFilterSubmit: search,
@@ -729,7 +737,7 @@ const DataGrid = exports.DataGrid = /*#__PURE__*/_react.default.memo( /*#__PURE_
     onSelectAllClick: handleSelectAllClick,
     onRequestSort: handleRequestSort,
     rowCount: totalNumberOfRows
-  }), /*#__PURE__*/_react.default.createElement(_reactSuperResponsiveTable.Tbody, {
+  })), /*#__PURE__*/_react.default.createElement(_reactSuperResponsiveTable.Tbody, {
     className: classes.tableBody,
     style: {
       maxHeight: _Utils.default.isNull(props.bodyMaxHeight) ? props.bodyMaxHeight : '42vh'

package/dist/components/DataGridColumn.js

@@ -61,7 +61,9 @@ const DataGridColumn = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.def
     padding: 'default',
     className: config.cellFormat === 'MONEY' || config.cellFormat === 'NUMBER' ? classes.tableHeaderCellNumeric : classes.tableHeaderCell,
     style: {
-      width: config.attributes.width
+      width: config.attributes.width,
+      display: 'flex',
+      alignItems: 'center'
     }
   }, /*#__PURE__*/_react.default.createElement(_TableSortLabel.default, {
     active: config.attributes['sortable'] === true,

package/dist/components/DataGridFilter.js

@@ -58,16 +58,16 @@ const DataGridFilter = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.def
     }
     editorConfig.className = 'columnFilterEditor';
     editorConfig.attributes = !_Utils.default.isNull(attributes) ? attributes : {};
-    if (!editorConfig.attributes.minWidth) {
-      editorConfig.attributes.minWidth = 0;
-    }
-    if (!editorConfig.attributes.marginLeft) {
-      editorConfig.attributes.marginLeft = 0;
-    }
-    editorConfig.attributes.style = {
+    editorConfig.attributes.containerStyle = _Utils.default.mergeObjects({
       minWidth: 0,
-      maxWidth: '98%'
-    };
+      maxWidth: '98%',
+      marginLeft: 0
+    }, editorConfig.attributes.containerStyle);
+    editorConfig.attributes.style = _Utils.default.mergeObjects({
+      minWidth: 0,
+      maxWidth: '98%',
+      marginLeft: 0
+    }, editorConfig.attributes.style);
     editorConfig.dataBinding = columnId;
     return editorConfig;
   };
@@ -173,8 +173,9 @@ const DataGridFilter = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.def
           let column = props.config.columns[i];
           if (column.attributes['filterable'] === true) {
             let param = {};
-            param.name = column.id;
-            param.value = _Utils.default.isNull(model[column.id]) ? null : model[column.id];
+            param.name = column.dataBinding || column.id;
+            let val = model[column.id];
+            param.value = _Utils.default.isNull(val) || typeof val === 'string' && val.toString().trim().length === 0 ? null : val;
             if (column.fieldType === 'DATE') {
               if (param.value === null) {
                 param.value = new Date().getTime();
@@ -227,13 +228,7 @@ const DataGridFilter = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.def
   }, /*#__PURE__*/_react.default.createElement(_IconButton.default, {
     "aria-label": "search",
     onClick: submitFilter
-  }, /*#__PURE__*/_react.default.createElement(_Search.default, null)))) : !_Utils.default.isNull(numVisibleCols) ? /*#__PURE__*/_react.default.createElement("thead", {
-    className: 'filterHead',
-    style: {
-      width: 'calc(100% - ' + props.scrollWidth + 'px)'
-    },
-    ref: ref
-  }, /*#__PURE__*/_react.default.createElement(_reactSuperResponsiveTable.Tr, {
+  }, /*#__PURE__*/_react.default.createElement(_Search.default, null)))) : !_Utils.default.isNull(numVisibleCols) ? /*#__PURE__*/_react.default.createElement(_reactSuperResponsiveTable.Tr, {
     style: {
       display: 'flex',
       flexWrap: 'wrap'
@@ -249,17 +244,14 @@ const DataGridFilter = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.def
       width: column.width
     }
   }, !column.attributes['hidden'] ? column.attributes['filterable'] === true ? /*#__PURE__*/_react.default.createElement("div", {
-    className: !_Utils.default.isNull(props.filterWrapperClass) ? props.filterWrapperClass : 'filterWraper'
-  }, /*#__PURE__*/_react.default.createElement("table", {
-    width: "100%"
-  }, /*#__PURE__*/_react.default.createElement("tbody", null, /*#__PURE__*/_react.default.createElement("tr", null, /*#__PURE__*/_react.default.createElement("td", {
-    style: {
-      overflow: 'hidden !important'
-    }
+    className: (!_Utils.default.isNull(props.filterWrapperClass) ? props.filterWrapperClass : 'filterWraper') + ' row no-margin no-padding'
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: 'col no-margin no-padding'
   }, /*#__PURE__*/_react.default.createElement(_Form.default, {
     config: createFormConfig(column, column.id),
     handle: createFormHandle(),
     ref: /*#__PURE__*/_react.default.createRef(),
+    viewId: props.viewId,
     keyHandler: e => {
       if (e.key === 'Enter') {
         submitFilter();
@@ -274,17 +266,19 @@ const DataGridFilter = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.def
         fieldValidity[id] = false;
       }
     }
-  })), ++columnCounter === numVisibleCols ? /*#__PURE__*/_react.default.createElement("td", {
-    className: 'filterWraperSearchIcon'
+  })), ++columnCounter === numVisibleCols && /*#__PURE__*/_react.default.createElement("div", {
+    className: 'col-*-*',
+    style: {
+      width: '52px',
+      marginTop: "4px"
+    }
   }, /*#__PURE__*/_react.default.createElement(_IconButton.default, {
-    "aria-label": "search",
     onClick: submitFilter
-  }, /*#__PURE__*/_react.default.createElement(_Search.default, null))) : null)))) : /*#__PURE__*/_react.default.createElement("div", {
+  }, /*#__PURE__*/_react.default.createElement(_Search.default, null)))) : /*#__PURE__*/_react.default.createElement("div", {
     className: "filterWraperBlank"
-  }, ++columnCounter === numVisibleCols ? /*#__PURE__*/_react.default.createElement(_IconButton.default, {
-    "aria-label": "delete",
+  }, ++columnCounter === numVisibleCols && /*#__PURE__*/_react.default.createElement(_IconButton.default, {
     onClick: submitFilter
-  }, /*#__PURE__*/_react.default.createElement(_Search.default, null)) : null) : null)))) : null;
+  }, /*#__PURE__*/_react.default.createElement(_Search.default, null))) : null))) : null;
 }));
 function arePropsEqual(prev, next) {
   return prev.config === next.config && prev.scrollWidth === next.scrollWidth;

package/dist/components/DataGridHeading.js

@@ -56,16 +56,11 @@ const DataGridHeading = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.de
       }
     };
   };
-  return /*#__PURE__*/_react.default.createElement("thead", {
-    className: classes.tableHead,
-    style: {
-      width: "calc(100% - " + props.scrollWidth + "px)"
-    },
-    ref: ref
-  }, /*#__PURE__*/_react.default.createElement(_reactSuperResponsiveTable.Tr, {
+  return /*#__PURE__*/_react.default.createElement(_reactSuperResponsiveTable.Tr, {
     style: {
       display: 'flex',
-      flexWrap: 'wrap'
+      flexWrap: 'wrap',
+      height: '56px'
     }
   }, props.config.selectionMode === 'MULTIPLE' ? /*#__PURE__*/_react.default.createElement(_reactSuperResponsiveTable.Th, {
     padding: "checkbox",
@@ -84,7 +79,7 @@ const DataGridHeading = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.de
     handle: createColumnHandle(),
     ref: /*#__PURE__*/_react.default.createRef(),
     createSortHandler: createSortHandler
-  }))));
+  })));
 }));
 DataGridHeading.propTypes = {
   numSelected: _propTypes.default.number.isRequired,

package/dist/components/DocumentTemplateDesigner.js

@@ -23,6 +23,10 @@ const DocumentTemplateDesigner = /*#__PURE__*/_react.default.forwardRef((props,
   _react.default.useEffect(() => {
     props.handle.api = api();
   });
+  _react.default.useEffect(() => {
+    let event = new _Event.default(props.handle, props.viewId, value);
+    _Observable.default.fireEvent(_EventType.default.VALUE_CHANGE, event);
+  }, [value]);
   _react.default.useEffect(() => {
     props.handle.api = api();
     let parsedConfig = _Utils.default.parseConfig(props.config, props.viewId);

package/dist/components/DocumentTemplateDesignerComponent.js

@@ -187,9 +187,7 @@ const DocumentTemplateDesignerComponent = props => {
       for (const property of initialFormValue.properties) {
         property.id = i++;
       }
-
-      //console.log("\n\n\n\n\n\nINITITIAL VALUES : ", initialFormValue);
-      propertiesFormHandle.current.api.model = initialFormValue;
+      propertiesFormHandle.current.api.bindData(initialFormValue);
       saveDoc().then(blob => {
         const newFile = new File([blob], props.documentName, {
           type: blob.type
@@ -199,10 +197,11 @@ const DocumentTemplateDesignerComponent = props => {
           if (!initialFormValue) {
             valueChangeHandler(null);
           } else {
-            valueChangeHandler({
+            let newVal = validateProps(initialFormValue.properties) ? {
               properties: initialFormValue.properties,
               file: newFile
-            });
+            } : null;
+            valueChangeHandler(newVal);
           }
         }
         contentState.changed = false;

package/dist/components/DocumentViewer.js

@@ -113,10 +113,10 @@ const DocumentViewer = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.def
     ref: ref,
     style: _Utils.default.mergeStyles({}, props.config)
   }, props.config.attributes?.label && /*#__PURE__*/_react.default.createElement("div", {
-    style: {
+    style: _Utils.default.mergeObjects({
       fontSize: '20px',
       color: '#1d253b'
-    }
+    }, props.config.attributes?.labelStyle)
   }, label), loading && /*#__PURE__*/_react.default.createElement("div", {
     style: {
       marginTop: '16px'

package/dist/components/TabPanel.js

@@ -66,7 +66,6 @@ const TabPanel = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.f
       key: index,
       config: component,
       handle: createComponentHandle(component),
-      ref: /*#__PURE__*/_react.default.createRef(),
       form: props.form,
       parentId: tabId,
       viewId: props.viewId,
@@ -75,13 +74,11 @@ const TabPanel = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.f
       config: component,
       handle: createComponentHandle(component),
       key: index,
-      ref: /*#__PURE__*/_react.default.createRef(),
       viewId: props.viewId
     }) : component.type === 'layout' ? /*#__PURE__*/_react.default.createElement(_Layout.Layout, {
       config: component,
       handle: createComponentHandle(component),
       key: index,
-      ref: /*#__PURE__*/_react.default.createRef(),
       viewId: props.viewId
     }) : /*#__PURE__*/_react.default.createElement("div", null, 'Unsupported component type ' + component.type);
   }

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

@@ -263,7 +263,6 @@ class FoldingTabSidebar extends _react.default.Component {
       method: 'POST',
       contentType: 'application/json'
     };
-    console.log("\n\n\n\n\n\nCALLING FILTER : ", this.props.routes);
     (0, _RestUtils.invokeRest)(service, {
       api: {
         get id() {

package/dist/components/form/BaseField.js

@@ -85,6 +85,8 @@ const BaseField = props => {
       setConfig(parsedConfig);
       setVisible(_Utils.default.evaluateBooleanExpression(parsedConfig.visible, parsedConfig.id, true));
       setDisabled(_Utils.default.evaluateBooleanExpression(parsedConfig.disabled, parsedConfig.id, false));
+      let event = new _Event.default(props.handle, props.viewId, null);
+      _Observable.default.fireEvent(_EventType.default.COMPONENT_LOAD, event);
     }
   }, []);
   _react.default.useEffect(() => {
@@ -138,8 +140,10 @@ const BaseField = props => {
     }
     if (props.config.fieldType === 'GRID' && valueObject[valueProperty]) {
       valueObject[valueProperty].splice(0, valueObject[valueProperty].length);
-      for (const newValueElement of newValue) {
-        valueObject[valueProperty].push(newValueElement);
+      if (newValue) {
+        for (const newValueElement of newValue) {
+          valueObject[valueProperty].push(newValueElement);
+        }
       }
       let id = props.config.dataBinding ? props.config.dataBinding : props.config.id;
       props.form().handleChange(!_Utils.default.isNull(props.config.dataBinding) ? props.config.dataBinding : id, newValue);
@@ -255,7 +259,7 @@ const BaseField = props => {
     key: config.id,
     style: {
       textAlign: 'left',
-      marginLeft: props.config.attributes?.style?.marginLeft || '15px',
+      marginLeft: !_Utils.default.isNull(props.config.attributes?.style?.marginLeft) ? props.config.attributes?.style?.marginLeft : '15px',
       display: !visible || _Utils.default.getComponentAttribute(config, 'hidden', false) === true ? 'none' : 'block'
     }
   }, /*#__PURE__*/_react.default.createElement("span", null, props.children({

package/dist/components/form/Form.css

@@ -23,6 +23,13 @@
     width: 100%;
 }
 
+.lookup-field-input input {
+    width: calc(100% - 64px);
+    overflow: hidden !important;
+    white-space: nowrap;
+    text-overflow: ellipsis;
+}
+
 @media only screen and (max-width: 600px) {
     .defaultForm {
         width: 100%;

package/dist/components/form/Form.js

@@ -407,9 +407,6 @@ const Form = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.forwa
   }
   function doBindData(data) {
     if (!_Utils.default.isNull(data)) {
-      if (!_Utils.default.isNull(data.map)) {
-        data = data.map;
-      }
       for (const key of Object.keys(data)) {
         let field = getField(key);
         if (!_Utils.default.isNull(field)) {
@@ -434,9 +431,10 @@ const Form = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.forwa
     if (!_Utils.default.isNull(props.dataArrivedHandler)) {
       props.dataArrivedHandler(parsedValues);
     }
-    if (!_Utils.default.isNull(props.valueChangeHandler)) {
-      props.valueChangeHandler(parsedValues);
-    }
+
+    //if (!Utils.isNull(props.valueChangeHandler)) {
+    //props.valueChangeHandler(parsedValues);
+    //}
   }
   _react.default.useEffect(() => {
     if (!_Utils.default.isNull(props.values)) {

package/dist/components/form/LookupField.js

@@ -108,7 +108,7 @@ const LookupFieldComponent = exports.LookupFieldComponent = /*#__PURE__*/_react.
     disabled: true,
     label: !_Utils.default.isNull(props.config.attributes) && !_Utils.default.isNull(props.config.attributes['label']) ? props.config.attributes['label'] : null,
     value: base.value?.__oui_label || base.value?.dataRecordDescription || defaultValue,
-    className: props.className,
+    className: props.className || 'lookup-field-input',
     error: base.hasError,
     helperText: base.errorMessage,
     size: "small",
@@ -135,7 +135,7 @@ const LookupFieldComponent = exports.LookupFieldComponent = /*#__PURE__*/_react.
     }
   }, /*#__PURE__*/_react.default.createElement(_DialogTitle.default, {
     id: "alert-dialog-title"
-  }, !_Utils.default.isNull(props.config.attributes) && !_Utils.default.isNull(props.config.attributes['label']) ? props.config.attributes['label'] : null), /*#__PURE__*/_react.default.createElement("div", {
+  }, !_Utils.default.isNull(props.config.attributes) && !_Utils.default.isNull(props.config.attributes['pickerLabel']) ? props.config.attributes['pickerLabel'] : props.config.attributes['label']), /*#__PURE__*/_react.default.createElement("div", {
     style: {
       maxHeight: "calc(38vh - 52px)",
       overflow: "auto",

package/dist/components/form/TransferList.js

@@ -55,8 +55,7 @@ const TransferListComponent = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_re
     if (!_Utils.default.isNull(data) && data[selectionDataBinding].records.length > 0) {
       let initialValues = [];
       for (const record of data[selectionDataBinding].records) {
-        let row = {};
-        row.id = record.id;
+        let row = JSON.parse(JSON.stringify(record));
         initialValues.push(row);
       }
       updateValue(initialValues);

package/dist/components/form/UploadField.js

@@ -17,6 +17,7 @@ var _reactPromiseTracker = require("react-promise-tracker");
 var _Event = _interopRequireDefault(require("../../event/Event"));
 var _Observable = _interopRequireDefault(require("../../event/Observable"));
 var _EventType = _interopRequireDefault(require("../../event/EventType"));
+var _noimage = _interopRequireDefault(require("./noimage.png"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
 const useStyles = (0, _styles.makeStyles)(theme => ({
@@ -206,10 +207,6 @@ const DocumentUpload = exports.DocumentUpload = /*#__PURE__*/_react.default.memo
       };
     }
   };
-  let defaultImage = null;
-  if (props.style === 'IMAGE') {
-    defaultImage = props.config.attributes['defaultImage'];
-  }
   return /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("input", {
     accept: props.style === 'IMAGE' ? "image/jpeg,image/gif,image/png,image/x-eps" : "image/jpeg,image/gif,image/png,application/pdf,image/x-eps",
     className: classes.input,
@@ -234,7 +231,7 @@ const DocumentUpload = exports.DocumentUpload = /*#__PURE__*/_react.default.memo
       backgroundColor: 'transparent',
       border: base.hasError ? "1px solid #f44336" : null,
       color: base.hasError ? "#f44336" : null,
-      backgroundImage: !_Utils.default.isNull(viewerFile) ? `url(${viewerFile.base64})` : !_Utils.default.isNull(base.value) ? `url(${location + _ApplicationManager.default.getContextRoot() + '/docs/api/v1/manager/download/' + base.value.documentRepositoryId + '?access_token=' + sessionStorage.getItem("accessToken") + '&idToken=' + sessionStorage.getItem("idToken")})` : `url(${require('./' + _Utils.default.getComponentAttribute(props.config, 'defaultImage', 'default-avatar.png'))})`
+      backgroundImage: !_Utils.default.isNull(viewerFile) ? `url(${viewerFile.base64})` : !_Utils.default.isNull(base.value) ? `url(${location + _ApplicationManager.default.getContextRoot() + '/docs/api/v1/manager/download/' + base.value.documentRepositoryId + '?access_token=' + sessionStorage.getItem("accessToken") + '&idToken=' + sessionStorage.getItem("idToken")})` : `url(${_noimage.default})`
     }
   })), base.hasError ? /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("div", {
     style: {

package/dist/components/media/ToolbarButton.js

@@ -20,7 +20,6 @@ const ToolbarButton = props => {
     children
   } = props;
   (0, _react.useEffect)(() => {
-    console.log("VISIBILITY FOR : " + props.id + " : " + isVisible);
     if (visible === null) {
       setVisible(true);
     } else {

package/dist/event/Observable.js

@@ -178,7 +178,6 @@ class Observable {
     if (component && component.api && component.api.id) {
       let index;
       while ((index = this.subscriptions.findIndex(s => s.subscriber === component.api.id)) !== -1) {
-        console.log(index + " : ", this.subscriptions[index]);
         this.subscriptions.splice(index, 1);
       }
       if (!_Utils.default.isNull(this.systemGeneratedSubscriptions)) {

package/package.json

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