@agilemotion/oui-react-js 1.8.58 → 1.8.60

package/dist/components/Toolbar.js

@@ -261,7 +261,7 @@ const Toolbar = props => {
     }, /*#__PURE__*/_react.default.createElement("div", {
       style: {
         width: 'calc(100% - 40px)',
-        maxHeight: '48px'
+        maxHeight: '64px'
       },
       ref: sectionContainerRef
     }, toolbar.sections.map((section, index) => {
@@ -351,10 +351,9 @@ const Toolbar = props => {
     id: props.config.id,
     className: 'oui-toolbar',
     style: _Utils.default.mergeStyles({
-      borderBottom: '1px solid #e2e2e2',
       padding: '4px 0',
       overflow: 'hidden',
-      maxHeight: '48px'
+      maxHeight: '64px'
     }, props.config)
   }, render(props.config));
 };

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/package.json

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