Support decimal numbers in editor

[elaygl]

Tweek editor doesn't support decimal values only through the Source tab

[tal952]

The problem is here:

https://github.com/Soluto/tweek/blob/master/services/editor/src/components/common/Input/TypedInput.js#L141

const TypedInput = compose(
  connect(null, {
    showCustomAlert,
  }),
  getTypesService,
  mapProps(
    ({
      safeConvertValue,
      types,
      isAllowedValue,
      valueType,
      onChange,
      showCustomAlert,
      ...props
    }) => {
      valueType = (typeof valueType === 'string' ? types[valueType] : valueType) || {
        name: 'unknown',
      };
      const onChangeConvert = newValue =>
        onChange && onChange(safeConvertValue(newValue, valueType));
      const valueTypeName = valueType.name || valueType.base;
      return {
        allowedValues: valueType.allowedValues,
        onChange: onChangeConvert,
        valueType,
        valueTypeName,
        types,
        ...props,
      };
    },
  ),
)(InputWithIcon);

The safeConvertValue is reseting the number when we add the dot.
We can use onBlur here (The onblur event occurs when an object loses focus).
Maybe when we validate it on the onChange event it will accept value as "1.", and on onBlur event we will add a "0" to the "1." so it will become "1.0".
What do you think?

[Yshayy]

I think it makes sense to use the onBlur, but it might break behavior somewhere else (as it's typedInput), maybe add if valueType === 'number' and newValue end with "." add zero. (inside safeConvertValue)