@agilemotion/oui-react-js 1.8.57 → 1.8.58

package/dist/components/DataGrid.css

@@ -77,7 +77,7 @@ table.responsive-table thead {
 }
 
 .ouiTable td {
-    padding: 16px 0 12px 8px;
+    padding: 16px 0 12px 0;
     height: 54px;
     border-top: none;
     display: table-cell;
@@ -160,7 +160,7 @@ table.responsive-table thead {
     font-size: 0.75rem;
     font-weight: 500;
     line-height: 1.3125rem;
-    padding: 12px 0 12px 8px;
+    padding: 12px 0 12px 0;
 }
 
 .ouiTable {

package/dist/components/DataGridColumn.js

@@ -157,8 +157,18 @@ const DataGridColumn = /*#__PURE__*/_react.default.memo(/*#__PURE__*/_react.defa
     // keep the sort icon from squashing the text
     ,
     sx: {
+      width: '100%',
+      // 🔽 shrink the icon hard
       '& .MuiTableSortLabel-icon': {
-        flexShrink: 0
+        fontSize: '0.7rem',
+        marginLeft: '2px',
+        marginRight: 0
+      },
+      // keep text from being affected
+      '& .MuiTableSortLabel-label': {
+        overflow: 'hidden',
+        textOverflow: 'ellipsis',
+        whiteSpace: 'nowrap'
       }
     }
   }, /*#__PURE__*/_react.default.createElement(_Tooltip.default, {
@@ -169,11 +179,18 @@ const DataGridColumn = /*#__PURE__*/_react.default.memo(/*#__PURE__*/_react.defa
       display: 'inline-block',
       maxWidth: '100%',
       overflow: 'hidden',
+      width: '100%'
+    }
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    style: {
+      width: '100%',
+      maxWidth: '100%',
       textOverflow: 'ellipsis',
       whiteSpace: 'nowrap',
-      verticalAlign: 'bottom'
+      verticalAlign: 'bottom',
+      overflow: 'hidden'
     }
-  }, label + postfix)), 'id' === config.id ? /*#__PURE__*/_react.default.createElement("span", {
+  }, label + postfix))), 'id' === config.id ? /*#__PURE__*/_react.default.createElement("span", {
     className: classes.visuallyHidden
   }, "sorted descending") : null));
 }));

package/dist/components/DocumentTemplateDesigner.js

@@ -11,7 +11,6 @@ require("./DocumentTemplateDesigner.css");
 var _DocumentTemplateDesignerComponent = _interopRequireDefault(require("./DocumentTemplateDesignerComponent"));
 var _Event = _interopRequireDefault(require("../event/Event"));
 var _EventType = _interopRequireDefault(require("../event/EventType"));
-var _WordDocumentViewer = _interopRequireDefault(require("./WordDocumentViewer"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const DocumentTemplateDesigner = props => {
   const [visible, setVisible] = _react.default.useState(false);
@@ -55,7 +54,11 @@ const DocumentTemplateDesigner = props => {
         }
       },
       getChildren: () => {
-        return [templateDesignerHandle];
+        let children = [templateDesignerHandle];
+        for (const child of templateDesignerHandle.api.getChildren()) {
+          children.push(child);
+        }
+        return children;
       },
       set visible(visible) {
         setVisible(visible);
@@ -79,7 +82,7 @@ const DocumentTemplateDesigner = props => {
       },
       getDocumentValue: async () => {
         if (templateDesignerHandle.api) {
-          return await templateDesignerHandle.api.getValue();
+          return await templateDesignerHandle.api.getDocumentValue();
         }
         return null;
       }
@@ -97,13 +100,14 @@ const DocumentTemplateDesigner = props => {
       borderRadius: '4px',
       border: hasError === true && markInvalid ? '1px solid red' : null
     }, props.config)
-  }, loading ? /*#__PURE__*/_react.default.createElement("div", null, "Loading...") : /*#__PURE__*/_react.default.createElement(_DocumentTemplateDesignerComponent.default, {
+  }, /*#__PURE__*/_react.default.createElement(_DocumentTemplateDesignerComponent.default, {
     id: props.config.id,
     viewId: props.viewId,
     visible: visible,
     documentName: documentName,
     handle: templateDesignerHandle,
-    propertiesFormConfig: props.config.propertiesForm,
+    propertiesForm: props.config.propertiesForm,
+    templateViewer: props.config.templateViewer,
     value: value,
     valueChangeHandler: onValueChange
   }));