@gridsuite/commons-ui 0.33.0 → 0.34.0

package/lib/components/FlatParameters/FlatParameters.js

@@ -26,6 +26,7 @@ var useStyles = (0, _makeStyles["default"])(function (theme) {
       margin: 0
     },
     paramListItem: {
+      display: 'flex',
       justifyContent: 'space-between',
       gap: theme.spacing(2),
       paddingLeft: 0,
@@ -98,7 +99,9 @@ var FlatParameters = function FlatParameters(_ref) {
     initValues = _ref.initValues,
     onChange = _ref.onChange,
     _ref$variant = _ref.variant,
-    variant = _ref$variant === void 0 ? 'outlined' : _ref$variant;
+    variant = _ref$variant === void 0 ? 'outlined' : _ref$variant,
+    _ref$showSeparator = _ref.showSeparator,
+    showSeparator = _ref$showSeparator === void 0 ? false : _ref$showSeparator;
   var classes = useStyles();
   var intl = (0, _reactIntl.useIntl)();
   var longestPrefix = longestCommonPrefix(paramsAsArray.map(function (m) {
@@ -193,6 +196,7 @@ var FlatParameters = function FlatParameters(_ref) {
     switch (param.type) {
       case 'BOOLEAN':
         return /*#__PURE__*/_react["default"].createElement(_material.Switch, {
+          size: 'small',
           checked: !!fieldValue,
           onChange: function onChange(e) {
             return onFieldChange(e.target.checked, param);
@@ -201,9 +205,12 @@ var FlatParameters = function FlatParameters(_ref) {
       case 'DOUBLE':
         var err = isNaN(fieldValue) || typeof fieldValue !== 'number' && !!fieldValue && isNaN(fieldValue - 0);
         return /*#__PURE__*/_react["default"].createElement(_material.TextField, {
-          fullWidth: true,
+          size: 'small',
           sx: {
-            input: {
+            width: '50%'
+          },
+          inputProps: {
+            style: {
               textAlign: 'right'
             }
           },
@@ -225,9 +232,12 @@ var FlatParameters = function FlatParameters(_ref) {
         });
       case 'INTEGER':
         return /*#__PURE__*/_react["default"].createElement(_material.TextField, {
-          fullWidth: true,
+          size: 'small',
           sx: {
-            input: {
+            width: '50%'
+          },
+          inputProps: {
+            style: {
               textAlign: 'right'
             }
           },
@@ -251,6 +261,7 @@ var FlatParameters = function FlatParameters(_ref) {
           return /*#__PURE__*/_react["default"].createElement(_material.Autocomplete, {
             fullWidth: true,
             multiple: true,
+            size: 'small',
             options: sortPossibleValues(param.name, param.possibleValues).map(function (v) {
               return v.id;
             }),
@@ -279,11 +290,14 @@ var FlatParameters = function FlatParameters(_ref) {
         } else {
           // no possible values => free user inputs
           return /*#__PURE__*/_react["default"].createElement(_material.Autocomplete, {
-            fullWidth: true,
             multiple: true,
             freeSolo: true,
             autoSelect: true,
+            sx: {
+              width: '50%'
+            },
             options: [],
+            size: 'small',
             onChange: function onChange(e, value) {
               return onFieldChange(value, param);
             },
@@ -329,7 +343,10 @@ var FlatParameters = function FlatParameters(_ref) {
       // else fallthrough to default
       default:
         return /*#__PURE__*/_react["default"].createElement(_material.TextField, {
-          fullWidth: true,
+          sx: {
+            width: '50%'
+          },
+          size: 'small',
           value: fieldValue || '',
           onFocus: function onFocus() {
             return onUncommitted(param, true);
@@ -346,9 +363,10 @@ var FlatParameters = function FlatParameters(_ref) {
   };
   return /*#__PURE__*/_react["default"].createElement(_material.List, {
     className: classes.paramList
-  }, paramsAsArray.map(function (param) {
-    return /*#__PURE__*/_react["default"].createElement(_material.ListItem, {
-      key: param.name,
+  }, paramsAsArray.map(function (param, index) {
+    return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, {
+      key: param.name
+    }, /*#__PURE__*/_react["default"].createElement(_material.ListItem, {
       className: classes.paramListItem
     }, /*#__PURE__*/_react["default"].createElement(_material.Tooltip, {
       title: /*#__PURE__*/_react["default"].createElement(_reactIntl.FormattedMessage, {
@@ -362,7 +380,7 @@ var FlatParameters = function FlatParameters(_ref) {
     }, /*#__PURE__*/_react["default"].createElement(_reactIntl.FormattedMessage, {
       id: param.name,
       defaultMessage: param.name.slice(prefix.length)
-    }))), renderField(param));
+    }))), renderField(param)), showSeparator && index !== paramsAsArray.length - 1 && /*#__PURE__*/_react["default"].createElement(_material.Divider, null));
   }));
 };
 exports.FlatParameters = FlatParameters;

package/package.json

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