@gridsuite/commons-ui 0.23.0 → 0.24.0

package/lib/components/ElementSearchDialog/element-search-dialog.js

@@ -33,21 +33,16 @@ var ElementSearchDialog = function ElementSearchDialog(props) {
       elementsFound = props.elementsFound,
       renderElement = props.renderElement;
 
-  var _useState = (0, _react.useState)([]),
-      elements = _useState[0],
-      setElements = _useState[1];
+  var _useState = (0, _react.useState)(false),
+      expanded = _useState[0],
+      setExpanded = _useState[1];
 
   var _useState2 = (0, _react.useState)(false),
-      expanded = _useState2[0],
-      setExpanded = _useState2[1];
-
-  var _useState3 = (0, _react.useState)(false),
-      loading = _useState3[0],
-      setLoading = _useState3[1];
+      loading = _useState2[0],
+      setLoading = _useState2[1];
 
   (0, _react.useEffect)(function () {
     setLoading(false);
-    setElements(elementsFound);
   }, [elementsFound]);
 
   var handleSearchTermChange = function handleSearchTermChange(term) {
@@ -56,14 +51,12 @@ var ElementSearchDialog = function ElementSearchDialog(props) {
       onSearchTermChange(term);
       setExpanded(true);
     } else {
-      setElements([]);
       setExpanded(false);
     }
   };
 
   var handleClose = (0, _react.useCallback)(function () {
     setExpanded(false);
-    setElements([]);
     onClose();
   }, [onClose]);
   return /*#__PURE__*/_react["default"].createElement(_material.Dialog, {
@@ -76,9 +69,6 @@ var ElementSearchDialog = function ElementSearchDialog(props) {
     id: "element-search",
     forcePopupIcon: false,
     open: expanded,
-    onOpen: function onOpen() {
-      setElements([]);
-    },
     onClose: function onClose() {
       setExpanded(false);
     },
@@ -95,7 +85,7 @@ var ElementSearchDialog = function ElementSearchDialog(props) {
     isOptionEqualToValue: function isOptionEqualToValue(option, value) {
       return option.id === value.id;
     },
-    options: elements,
+    options: loading ? [] : elementsFound,
     loading: loading,
     autoHighlight: true,
     noOptionsText: intl.formatMessage({

package/lib/components/MuiVirtualizedTable/MuiVirtualizedTable.js

@@ -27,6 +27,8 @@ var _reactIntl = require("react-intl");
 
 var _withStyles = _interopRequireDefault(require("@mui/styles/withStyles"));
 
+var _overflowableText = _interopRequireDefault(require("../OverflowableText/overflowable-text"));
+
 var _excluded = ["name", "classes", "rows", "columns", "rowHeight", "headerHeight", "rowCount", "sortable", "enableExportCSV"],
     _excluded2 = ["dataKey"];
 
@@ -93,7 +95,11 @@ var defaultStyles = {
     fontWeight: 'bold'
   },
   rowBackgroundDark: {},
-  rowBackgroundLight: {}
+  rowBackgroundLight: {},
+  cellTooltip: {
+    maxWidth: '1260px',
+    fontSize: '0.9rem'
+  }
 };
 
 var MuiVirtualizedTable = /*#__PURE__*/function (_React$PureComponent) {
@@ -242,7 +248,7 @@ var MuiVirtualizedTable = /*#__PURE__*/function (_React$PureComponent) {
         variant: "body",
         style: {
           height: rowHeight,
-          whiteSpace: 'pre-line'
+          width: '100%'
         },
         align: columnIndex != null && columns[columnIndex].numeric || false ? 'right' : 'left',
         onClick: function onClick() {
@@ -250,7 +256,10 @@ var MuiVirtualizedTable = /*#__PURE__*/function (_React$PureComponent) {
             onCellClick(rows[rowIndex], columns[columnIndex]);
           }
         }
-      }, displayedValue);
+      }, /*#__PURE__*/_react["default"].createElement(_overflowableText["default"], {
+        text: displayedValue,
+        tooltipStyle: classes.cellTooltip
+      }));
     });
 
     _defineProperty(_assertThisInitialized(_this), "headerRenderer", function (_ref4) {

package/lib/components/OverflowableText/overflowable-text.js

@@ -13,7 +13,7 @@ var _makeStyles = _interopRequireDefault(require("@mui/styles/makeStyles"));
 
 var _clsx = _interopRequireDefault(require("clsx"));
 
-var _excluded = ["text", "className", "children"];
+var _excluded = ["text", "tooltipStyle", "className", "children"];
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
@@ -45,6 +45,7 @@ var useStyles = (0, _makeStyles["default"])(overflowStyle);
 
 var OverflowableText = function OverflowableText(_ref) {
   var text = _ref.text,
+      tooltipStyle = _ref.tooltipStyle,
       className = _ref.className,
       children = _ref.children,
       props = _objectWithoutPropertiesLoose(_ref, _excluded);
@@ -67,7 +68,7 @@ var OverflowableText = function OverflowableText(_ref) {
     title: text || '',
     disableHoverListener: !overflowed,
     classes: {
-      tooltip: classes.tooltip
+      tooltip: tooltipStyle ? tooltipStyle : classes.tooltip
     }
   }, /*#__PURE__*/_react["default"].createElement("div", _extends({}, props, {
     ref: element,
@@ -80,6 +81,7 @@ exports.OverflowableText = OverflowableText;
 OverflowableText.propTypes = process.env.NODE_ENV !== "production" ? {
   children: _propTypes["default"].array,
   text: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].number, _propTypes["default"].node]),
+  tooltipStyle: _propTypes["default"].string,
   className: _propTypes["default"].string
 } : {};
 var _default = OverflowableText;

package/lib/components/ReportViewer/log-table.js

@@ -74,6 +74,7 @@ var LogTable = function LogTable(_ref) {
     id: 'severity',
     dataKey: 'severity',
     maxWidth: SEVERITY_COLUMN_FIXED_WIDTH,
+    minWidth: SEVERITY_COLUMN_FIXED_WIDTH,
     cellRenderer: severityCellRender
   }, {
     label: intl.formatMessage({

package/lib/components/TreeViewFinder/TreeViewFinder.js

@@ -113,7 +113,8 @@ var TreeViewFinder = function TreeViewFinder(props) {
       onTreeBrowse = props.onTreeBrowse,
       validationButtonText = props.validationButtonText,
       onlyLeaves = props.onlyLeaves,
-      multiselect = props.multiselect;
+      multiselect = props.multiselect,
+      sortMethod = props.sortMethod;
 
   var _useState = (0, _react.useState)({}),
       mapPrintedNodes = _useState[0],
@@ -225,7 +226,7 @@ var TreeViewFinder = function TreeViewFinder(props) {
       key: node.id,
       nodeId: node.id,
       label: renderTreeItemLabel(node)
-    }, Array.isArray(node.children) ? node.children.length ? node.children.map(function (child) {
+    }, Array.isArray(node.children) ? node.children.length ? node.children.sort(sortMethod).map(function (child) {
       return renderTree(child);
     }) : [false] // Pass non empty Array here to simulate a child then this node isn't considered as a leaf.
     : null);
@@ -269,7 +270,7 @@ var TreeViewFinder = function TreeViewFinder(props) {
       className: classes.icon
     }),
     multiSelect: multiselect
-  }, data && Array.isArray(data) ? data.map(function (child) {
+  }, data && Array.isArray(data) ? data.sort(sortMethod).map(function (child) {
     return renderTree(child);
   }) : null)), /*#__PURE__*/_react["default"].createElement(_DialogActions["default"], null, /*#__PURE__*/_react["default"].createElement(_Button["default"], {
     variant: "contained",
@@ -319,7 +320,8 @@ TreeViewFinder.propTypes = process.env.NODE_ENV !== "production" ? {
   defaultSelected: _propTypes["default"].arrayOf(_propTypes["default"].string),
   defaultExpanded: _propTypes["default"].arrayOf(_propTypes["default"].string),
   onlyLeaves: _propTypes["default"].bool,
-  multiselect: _propTypes["default"].bool
+  multiselect: _propTypes["default"].bool,
+  sortMethod: _propTypes["default"].func
 } : {};
 /* TreeViewFinder props default values */
 
@@ -327,7 +329,8 @@ TreeViewFinder.defaultProps = {
   defaultSelected: [],
   defaultExpanded: [],
   onlyLeaves: true,
-  multiselect: false
+  multiselect: false,
+  sortMethod: undefined
 };
 
 var _default = (0, _withStyles["default"])(defaultStyles)(TreeViewFinder);

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@gridsuite/commons-ui",
-    "version": "0.23.0",
+    "version": "0.24.0",
     "description": "common react components for gridsuite applications",
     "engines": {
         "npm": "<=6",