@gridsuite/commons-ui 0.32.1 → 0.32.2

package/lib/components/FlatParameters/FlatParameters.js

@@ -69,14 +69,14 @@ function extractDefault(paramDescription) {
   }
   return d !== null && d !== void 0 ? d : null;
 }
-function longestCommonPrefix(strs) {
-  if (!(strs === null || strs === void 0 ? void 0 : strs.length)) {
+function longestCommonPrefix(stringList) {
+  if (!(stringList === null || stringList === void 0 ? void 0 : stringList.length)) {
     return '';
   }
-  var prefix = strs.reduce(function (acc, str) {
+  var prefix = stringList.reduce(function (acc, str) {
     return str.length < acc.length ? str : acc;
   });
-  for (var _iterator = _createForOfIteratorHelperLoose(strs), _step; !(_step = _iterator()).done;) {
+  for (var _iterator = _createForOfIteratorHelperLoose(stringList), _step; !(_step = _iterator()).done;) {
     var str = _step.value;
     while (str.slice(0, prefix.length) !== prefix) {
       prefix = prefix.slice(0, -1);
@@ -139,14 +139,14 @@ var FlatParameters = function FlatParameters(_ref) {
       setUncommitted(value);
     }
     if (onChange) {
-      if (Array.isArray(value)) {
-        onChange(paramName, [].concat(value), isInEdition);
+      if (param.type === 'STRING_LIST') {
+        onChange(paramName, value ? value.toString() : null, isInEdition);
       } else {
         onChange(paramName, value, isInEdition);
       }
     }
   }, [inEditionParam, onChange]);
-  var onUncommited = (0, _react.useCallback)(function (param, inEdit) {
+  var onUncommitted = (0, _react.useCallback)(function (param, inEdit) {
     if (inEdit) {
       setInEditionParam(param.name);
     } else {
@@ -168,11 +168,26 @@ var FlatParameters = function FlatParameters(_ref) {
     if (param.name === inEditionParam && uncommitted !== null) {
       return uncommitted;
     } else if (initValues && initValues.hasOwnProperty(param.name)) {
-      return initValues[param.name];
+      if (param.type !== 'STRING_LIST') {
+        return initValues[param.name];
+      }
+      var valueList = initValues[param.name];
+      if (Array.isArray(valueList)) {
+        return valueList;
+      }
+      // otherwise split string into array
+      return valueList ? valueList.split(',').map(function (s) {
+        return s.trim();
+      }).filter(function (s) {
+        return !!s;
+      }) : [];
     } else {
       return extractDefault(param);
     }
   }
+  var outputTransformFloatString = function outputTransformFloatString(value) {
+    return (value === null || value === void 0 ? void 0 : value.replace(',', '.')) || '';
+  };
   var renderField = function renderField(param) {
     var fieldValue = mixInitAndDefault(param);
     switch (param.type) {
@@ -194,15 +209,15 @@ var FlatParameters = function FlatParameters(_ref) {
           },
           value: fieldValue,
           onFocus: function onFocus() {
-            return onUncommited(param, true);
+            return onUncommitted(param, true);
           },
           onBlur: function onBlur() {
-            return onUncommited(param, false);
+            return onUncommitted(param, false);
           },
           onChange: function onChange(e) {
             var m = FloatRE.exec(e.target.value);
             if (m) {
-              onFieldChange(e.target.value, param);
+              onFieldChange(outputTransformFloatString(e.target.value), param);
             }
           },
           error: err,
@@ -218,10 +233,10 @@ var FlatParameters = function FlatParameters(_ref) {
           },
           value: fieldValue,
           onFocus: function onFocus() {
-            return onUncommited(param, true);
+            return onUncommitted(param, true);
           },
           onBlur: function onBlur() {
-            return onUncommited(param, false);
+            return onUncommitted(param, false);
           },
           onChange: function onChange(e) {
             var m = IntegerRE.exec(e.target.value);
@@ -261,14 +276,42 @@ 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,
+            options: [],
+            onChange: function onChange(e, value) {
+              return onFieldChange(value, param);
+            },
+            value: fieldValue,
+            renderTags: function renderTags(values, getTagProps) {
+              return values.map(function (value, index) {
+                return /*#__PURE__*/_react["default"].createElement(_material.Chip, _extends({
+                  id: 'chip_' + value,
+                  size: 'small',
+                  label: value
+                }, getTagProps({
+                  index: index
+                })));
+              });
+            },
+            renderInput: function renderInput(inputProps) {
+              return /*#__PURE__*/_react["default"].createElement(_material.TextField, _extends({}, inputProps, {
+                variant: variant
+              }));
+            }
+          });
         }
-      // else fallthrough to default
       case 'STRING':
         if (param.possibleValues) {
           return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_material.Select, {
             labelId: param.name,
             value: fieldValue !== null && fieldValue !== void 0 ? fieldValue : '',
-            onChange: function onChange(ev, may) {
+            onChange: function onChange(ev) {
               onFieldChange(ev.target.value, param);
             },
             size: "small",
@@ -287,12 +330,12 @@ var FlatParameters = function FlatParameters(_ref) {
       default:
         return /*#__PURE__*/_react["default"].createElement(_material.TextField, {
           fullWidth: true,
-          defaultValue: fieldValue,
+          value: fieldValue || '',
           onFocus: function onFocus() {
-            return onUncommited(param, true);
+            return onUncommitted(param, true);
           },
           onBlur: function onBlur() {
-            return onUncommited(param, false);
+            return onUncommitted(param, false);
           },
           onChange: function onChange(e) {
             return onFieldChange(e.target.value, param);

package/package.json

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