@gridsuite/commons-ui 0.36.1 → 0.38.0

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

@@ -84,9 +84,13 @@ var ElementSearchDialog = function ElementSearchDialog(props) {
         handleSearchTermChange(value);
       }
     },
-    onChange: function onChange(_event, newValue) {
-      onSelectionChange(newValue);
-      setValue(null);
+    onChange: function onChange(_event, newValue, reason) {
+      if (reason === 'selectOption') {
+        onSelectionChange(newValue);
+        setValue(newValue);
+      } else {
+        setValue(null);
+      }
     },
     getOptionLabel: function getOptionLabel(option) {
       return option.label;

package/es/components/MultipleSelectionDialog/MultipleSelectionDialog.js

@@ -5,7 +5,7 @@
  * file, You can obtain one at http://mozilla.org/MPL/2.0/.
  */
 
-import { Dialog, DialogContent, Divider } from '@mui/material';
+import { Dialog, DialogContent, List } from '@mui/material';
 import DialogTitle from '@mui/material/DialogTitle';
 import { FormattedMessage } from 'react-intl';
 import FormControlLabel from '@mui/material/FormControlLabel';
@@ -43,33 +43,32 @@ var MultipleSelectionDialog = function MultipleSelectionDialog(_ref) {
     });
   };
   return /*#__PURE__*/React.createElement(Dialog, {
-    open: open,
-    fullWidth: true,
-    maxWidth: 'lg'
+    open: open
   }, /*#__PURE__*/React.createElement(DialogTitle, null, titleId), /*#__PURE__*/React.createElement(DialogContent, null, /*#__PURE__*/React.createElement(Grid, {
     container: true,
-    spacing: 2
+    spacing: 2,
+    flexDirection: "column"
   }, /*#__PURE__*/React.createElement(Grid, {
-    item: true,
-    xs: 12
-  }, /*#__PURE__*/React.createElement(Divider, null, /*#__PURE__*/React.createElement(FormControlLabel, {
+    item: true
+  }, /*#__PURE__*/React.createElement(FormControlLabel, {
     label: /*#__PURE__*/React.createElement(FormattedMessage, {
       id: 'multiple_selection_dialog/selectAll'
     }),
     control: /*#__PURE__*/React.createElement(Checkbox, {
       checked: selectedIds.length === options.length,
-      indeterminate: selectedIds.length && selectedIds.length !== options.length,
+      indeterminate: !!selectedIds.length && selectedIds.length !== options.length,
       onChange: handleSelectAll
     })
-  }))), options.map(function (option, index) {
+  })), /*#__PURE__*/React.createElement(Grid, {
+    item: true
+  }, /*#__PURE__*/React.createElement(List, null, options.map(function (option) {
     var _option$id;
     var optionId = (_option$id = option === null || option === void 0 ? void 0 : option.id) !== null && _option$id !== void 0 ? _option$id : option;
     var label = getOptionLabel(option);
     return /*#__PURE__*/React.createElement(React.Fragment, {
       key: optionId
     }, /*#__PURE__*/React.createElement(Grid, {
-      item: true,
-      xs: 4
+      item: true
     }, /*#__PURE__*/React.createElement(FormControlLabel, {
       label: label,
       control: /*#__PURE__*/React.createElement(Checkbox, {
@@ -78,12 +77,8 @@ var MultipleSelectionDialog = function MultipleSelectionDialog(_ref) {
           return handleOptionSelection(optionId);
         }
       })
-    })), (index + 1) % 3 === 0 && /*#__PURE__*/React.createElement(Grid, {
-      item: true,
-      xs: 12,
-      key: index
-    }, /*#__PURE__*/React.createElement(Divider, null)));
-  }))), /*#__PURE__*/React.createElement(DialogActions, null, /*#__PURE__*/React.createElement(Button, {
+    })));
+  }))))), /*#__PURE__*/React.createElement(DialogActions, null, /*#__PURE__*/React.createElement(Button, {
     onClick: function onClick() {
       return handleClose();
     }

package/es/components/TopBar/TopBar.js

@@ -497,7 +497,7 @@ var TopBar = function TopBar(_ref2) {
     defaultMessage: 'Settings'
   })))), /*#__PURE__*/React.createElement(StyledMenuItem, {
     sx: styles.borderBottom,
-    disabled: true,
+    disabled: !onAboutClick,
     style: {
       opacity: '1'
     },

package/es/components/react-hook-form/utils/cancel-button.js

@@ -0,0 +1,26 @@
+import React from 'react';
+import { Button } from '@mui/material';
+import { FormattedMessage } from 'react-intl';
+import PropTypes from 'prop-types';
+var CancelButton = function CancelButton(_ref) {
+  var onClick = _ref.onClick,
+    variant = _ref.variant,
+    disabled = _ref.disabled,
+    _ref$withCustomColor = _ref.withCustomColor,
+    withCustomColor = _ref$withCustomColor === void 0 ? true : _ref$withCustomColor;
+  return /*#__PURE__*/React.createElement(Button, {
+    onClick: onClick,
+    variant: variant,
+    disabled: disabled,
+    color: withCustomColor ? 'customButton' : 'primary'
+  }, /*#__PURE__*/React.createElement(FormattedMessage, {
+    id: "cancel"
+  }));
+};
+CancelButton.propTypes = process.env.NODE_ENV !== "production" ? {
+  onClick: PropTypes.func.isRequired,
+  variant: PropTypes.string,
+  disabled: PropTypes.bool,
+  withCustomColor: PropTypes.bool
+} : {};
+export default CancelButton;

package/es/index.js

@@ -64,4 +64,5 @@ export { default as MidFormError } from './components/react-hook-form/error-mana
 export { default as TextFieldWithAdornment } from './components/react-hook-form/utils/text-field-with-adornment';
 export { default as FieldLabel } from './components/react-hook-form/utils/field-label';
 export { default as SubmitButton } from './components/react-hook-form/utils/submit-button';
+export { default as CancelButton } from './components/react-hook-form/utils/cancel-button';
 export { genHelperPreviousValue, genHelperError, identity, isFieldRequired } from './components/react-hook-form/utils/functions';

package/es/utils/ElementType.js

@@ -8,11 +8,13 @@ import React from 'react';
 import LibraryBooksOutlinedIcon from '@mui/icons-material/LibraryBooksOutlined';
 import OfflineBoltIcon from '@mui/icons-material/OfflineBolt';
 import ArticleIcon from '@mui/icons-material/Article';
+import SettingsIcon from '@mui/icons-material/Settings';
 export var elementType = {
   DIRECTORY: 'DIRECTORY',
   STUDY: 'STUDY',
   FILTER: 'FILTER',
-  CONTINGENCY_LIST: 'CONTINGENCY_LIST'
+  CONTINGENCY_LIST: 'CONTINGENCY_LIST',
+  VOLTAGE_INIT_PARAMETERS: 'VOLTAGE_INIT_PARAMETERS'
 };
 export function getFileIcon(type, style) {
   switch (type) {
@@ -28,6 +30,10 @@ export function getFileIcon(type, style) {
       return /*#__PURE__*/React.createElement(ArticleIcon, {
         sx: style
       });
+    case elementType.VOLTAGE_INIT_PARAMETERS:
+      return /*#__PURE__*/React.createElement(SettingsIcon, {
+        sx: style
+      });
     case elementType.DIRECTORY:
       // to easily use in TreeView we do not give icons for directories
       return;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@gridsuite/commons-ui",
-    "version": "0.36.1",
+    "version": "0.38.0",
     "description": "common react components for gridsuite applications",
     "engines": {
         "npm": ">=9",