@gridsuite/commons-ui 0.20.0 → 0.20.3

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

@@ -5,8 +5,6 @@ exports["default"] = void 0;
 
 var _react = _interopRequireWildcard(require("react"));
 
-var _makeStyles = _interopRequireDefault(require("@mui/styles/makeStyles"));
-
 var _material = require("@mui/material");
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
@@ -25,24 +23,7 @@ function _extends() { _extends = Object.assign || function (target) { for (var i
 
 var TERM_MIN_SIZE_BEFORE_SEARCH = 3;
 
-var styles = function styles(theme) {
-  return {
-    title: {
-      padding: '0px'
-    },
-    content: {
-      display: 'flex',
-      alignItems: 'end',
-      padding: '20px',
-      paddingRight: '0px'
-    }
-  };
-};
-
-var useStyles = (0, _makeStyles["default"])(styles);
-
 var ElementSearchDialog = function ElementSearchDialog(props) {
-  var classes = useStyles();
   var intl = (0, _reactIntl.useIntl)();
   var open = props.open,
       onClose = props.onClose,
@@ -80,15 +61,18 @@ var ElementSearchDialog = function ElementSearchDialog(props) {
     }
   };
 
+  var handleClose = (0, _react.useCallback)(function () {
+    setExpanded(false);
+    setElements([]);
+    onClose();
+  }, [onClose]);
   return /*#__PURE__*/_react["default"].createElement(_material.Dialog, {
     open: open,
     onClose: onClose,
     disableRestoreFocus: true,
     "aria-labelledby": "dialog-title-search",
     fullWidth: true
-  }, /*#__PURE__*/_react["default"].createElement(_material.DialogTitle, {
-    className: classes.title
-  }), /*#__PURE__*/_react["default"].createElement(_material.DialogContent, null, /*#__PURE__*/_react["default"].createElement(_material.Autocomplete, {
+  }, /*#__PURE__*/_react["default"].createElement(_material.DialogContent, null, /*#__PURE__*/_react["default"].createElement(_material.Autocomplete, {
     id: "element-search",
     forcePopupIcon: false,
     open: expanded,
@@ -99,10 +83,10 @@ var ElementSearchDialog = function ElementSearchDialog(props) {
       setExpanded(false);
     },
     fullWidth: true,
-    onInputChange: function onInputChange(event, value) {
+    onInputChange: function onInputChange(_event, value) {
       return handleSearchTermChange(value);
     },
-    onChange: function onChange(event, newValue) {
+    onChange: function onChange(_event, newValue) {
       return onSelectionChange(newValue);
     },
     getOptionLabel: function getOptionLabel(option) {
@@ -117,12 +101,13 @@ var ElementSearchDialog = function ElementSearchDialog(props) {
     noOptionsText: intl.formatMessage({
       id: 'element_search/noResult'
     }),
-    renderOption: function renderOption(props, element, _ref) {
+    renderOption: function renderOption(optionProps, element, _ref) {
       var inputValue = _ref.inputValue;
-      return renderElement(_extends({}, props, {
+      return renderElement(_extends({}, optionProps, {
         element: element,
         inputValue: inputValue,
-        onClose: onClose
+        setExpanded: setExpanded,
+        onClose: handleClose
       }));
     },
     renderInput: function renderInput(params) {

package/lib/utils/EquipmentType.js

@@ -47,7 +47,8 @@ var equipmentStyles = function equipmentStyles(theme) {
       fontStyle: 'italic'
     },
     result: {
-      width: '100%'
+      width: '100%',
+      padding: '2px'
     }
   };
 }; // Must be equivalent as the back enum

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@gridsuite/commons-ui",
-    "version": "0.20.0",
+    "version": "0.20.3",
     "description": "common react components for gridsuite applications",
     "main": "lib/index.js",
     "files": [