@agilemotion/oui-react-js 1.8.59 → 1.8.61

package/dist/components/DataGrid.css

@@ -145,6 +145,7 @@ table.responsive-table thead {
 .filterWraperBlank {
     padding-right: 4px !important;
     text-align: right;
+    padding-top: 8px;
 }
 
 .filterWraperSearchIcon{

package/dist/components/DataGridFilter.js

@@ -28,7 +28,6 @@ const DataGridFilter = /*#__PURE__*/_react.default.memo(/*#__PURE__*/_react.defa
     props.handle.api = api();
   });
   _react.default.useEffect(() => {
-    console.log('DATA GRID FILTER RENDERED');
     if (!_Utils.default.isNull(props.config)) {
       let visibleCols = 0;
       for (const column of config.columns) {
@@ -230,54 +229,62 @@ const DataGridFilter = /*#__PURE__*/_react.default.memo(/*#__PURE__*/_react.defa
   }, /*#__PURE__*/_react.default.createElement(_Search.default, null)))) : !_Utils.default.isNull(numVisibleCols) ? /*#__PURE__*/_react.default.createElement(_reactSuperResponsiveTable.Tr, {
     style: {
       display: 'flex',
-      flexWrap: 'wrap'
+      flexWrap: 'wrap',
+      borderBottom: '1px solid #e1e1e1'
     }
   }, props.config.selectionMode === 'MULTIPLE' ? /*#__PURE__*/_react.default.createElement(_reactSuperResponsiveTable.Th, {
     padding: "checkbox",
     width: _DataGrid.MULTI_SELECT_CHECKBOX_COL_WIDTH + 'px',
     className: "selectCell"
-  }) : null, props.config.columns.map(column => /*#__PURE__*/_react.default.createElement(_reactSuperResponsiveTable.Th, {
-    key: column.id,
-    padding: 'default',
-    style: {
-      width: column.width
-    }
-  }, !_Utils.default.evaluateBooleanExpression(column.attributes['hidden'], props.config.id) ? column.attributes['filterable'] === true ? /*#__PURE__*/_react.default.createElement("div", {
-    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();
+  }) : null, props.config.columns.map(column => {
+    var _column$attributes;
+    return /*#__PURE__*/_react.default.createElement(_reactSuperResponsiveTable.Th, {
+      key: column.id,
+      padding: 'default',
+      style: {
+        width: column === null || column === void 0 || (_column$attributes = column.attributes) === null || _column$attributes === void 0 ? void 0 : _column$attributes.width
       }
-    },
-    valueChangeHandler: (values, id, newValue) => {
-      if (!_Utils.default.isNull(values)) {
-        model[id] = newValue;
-        fieldValidity[id] = true;
-      } else {
-        model[id] = null;
-        fieldValidity[id] = false;
+    }, !_Utils.default.evaluateBooleanExpression(column.attributes['hidden'], props.config.id) ? column.attributes['filterable'] === true ? /*#__PURE__*/_react.default.createElement("div", {
+      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',
+      style: {
+        width: 'calc(100% - 52px)'
       }
-    }
-  })), ++columnCounter === numVisibleCols && /*#__PURE__*/_react.default.createElement("div", {
-    className: 'col-*-*',
-    style: {
-      width: '52px',
-      marginTop: "4px"
-    }
-  }, /*#__PURE__*/_react.default.createElement(_IconButton.default, {
-    onClick: submitFilter
-  }, /*#__PURE__*/_react.default.createElement(_Search.default, null)))) : /*#__PURE__*/_react.default.createElement("div", {
-    className: "filterWraperBlank"
-  }, ++columnCounter === numVisibleCols && /*#__PURE__*/_react.default.createElement(_IconButton.default, {
-    onClick: submitFilter
-  }, /*#__PURE__*/_react.default.createElement(_Search.default, null))) : null))) : null;
+    }, /*#__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();
+        }
+      },
+      valueChangeHandler: (values, id, newValue) => {
+        if (!_Utils.default.isNull(values)) {
+          model[id] = newValue;
+          fieldValidity[id] = true;
+        } else {
+          model[id] = null;
+          fieldValidity[id] = false;
+        }
+      }
+    })), ++columnCounter === numVisibleCols && /*#__PURE__*/_react.default.createElement("div", {
+      className: 'col-*-*',
+      style: {
+        width: '52px',
+        marginTop: "4px",
+        border: '1px solid blue'
+      }
+    }, /*#__PURE__*/_react.default.createElement(_IconButton.default, {
+      onClick: submitFilter
+    }, /*#__PURE__*/_react.default.createElement(_Search.default, null)))) : /*#__PURE__*/_react.default.createElement("div", {
+      className: "filterWraperBlank"
+    }, ++columnCounter === numVisibleCols && /*#__PURE__*/_react.default.createElement(_IconButton.default, {
+      onClick: submitFilter
+    }, /*#__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/WordDocumentViewer.js

@@ -223,8 +223,8 @@ const WordDocumentViewer = props => {
   };
   function extractDocumentText(editor) {
     if (currentText.current) return currentText.current;
-    const originalStart = selection.startOffset;
-    const originalEnd = selection.endOffset;
+    const originalStart = editor.selection.startOffset;
+    const originalEnd = editor.selection.endOffset;
     editor.selection.selectAll();
     const text = editor.selection.getText();
     editor.selection.select(originalStart, originalEnd);

package/dist/components/form/Form.js

@@ -426,6 +426,9 @@ const Form = /*#__PURE__*/_react.default.memo(/*#__PURE__*/_react.default.forwar
     if (!_Utils.default.isNull(props.valueChangeHandler)) {
       props.valueChangeHandler({});
     }
+    if (!_Utils.default.isNull(props.modelChangeHandler)) {
+      props.modelChangeHandler({});
+    }
     _ApplicationManager.default.enableFormMarkers(true);
   }
   function doBindData(data) {
@@ -561,6 +564,9 @@ const Form = /*#__PURE__*/_react.default.memo(/*#__PURE__*/_react.default.forwar
       if (!_Utils.default.isNull(props.valueChangeHandler)) {
         props.valueChangeHandler(invalid ? null : values.current, id, value);
       }
+      if (!_Utils.default.isNull(props.modelChangeHandler)) {
+        props.modelChangeHandler(values.current, id, value);
+      }
     }
     _ApplicationManager.default.enableFormMarkers(false);
     _Observable.default.processSystemGeneratedSubscriptions(props.config.id);
@@ -609,6 +615,11 @@ const Form = /*#__PURE__*/_react.default.memo(/*#__PURE__*/_react.default.forwar
     props.valueChangeHandler(_objectSpread(_objectSpread({}, values.current), {}, {
       [name]: value
     }));
+    if (props.modelChangeHandler) {
+      props.modelChangeHandler(_objectSpread(_objectSpread({}, values.current), {}, {
+        [name]: value
+      }));
+    }
   };
   function render(form) {
     return _Utils.default.isNull(form.sections) || form.sections.length === 0 ? null : /*#__PURE__*/_react.default.createElement("div", null, form.sections.map(section => {

package/dist/components/form/SelectItem.js

@@ -62,9 +62,11 @@ const SelectItemComponent = props => {
             id: '_EMPTY_VALUE'
           });
         }
-        for (let i = 0; i < result.records.length; i++) {
-          let record = result.records[i];
-          options.push(record);
+        if (result && result.records) {
+          for (let i = 0; i < result.records.length; i++) {
+            let record = result.records[i];
+            options.push(record);
+          }
         }
         base.setSelectOptions(options);
       }).catch(e => {

package/package.json

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