@pie-lib/config-ui 13.0.4-next.31 → 13.0.4-next.36

package/lib/number-text-field-custom.js

@@ -0,0 +1,376 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.NumberTextFieldCustom = void 0;
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
+var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _react = _interopRequireDefault(require("react"));
+var _TextField = _interopRequireDefault(require("@mui/material/TextField"));
+var _styles = require("@mui/material/styles");
+var _lodashEs = require("lodash-es");
+var _IconButton = _interopRequireDefault(require("@mui/material/IconButton"));
+var _InputAdornment = _interopRequireDefault(require("@mui/material/InputAdornment"));
+var _Remove = _interopRequireDefault(require("@mui/icons-material/Remove"));
+var _Add = _interopRequireDefault(require("@mui/icons-material/Add"));
+var math = _interopRequireWildcard(require("mathjs"));
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
+function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2["default"])(o), (0, _possibleConstructorReturn2["default"])(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2["default"])(t).constructor) : o.apply(t, e)); }
+function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
+var StyledTextField = (0, _styles.styled)(_TextField["default"])(function () {
+  return {
+    '& input[type=number]': {
+      MozAppearance: 'textfield'
+    },
+    '& input[type=number]::-webkit-outer-spin-button': {
+      WebkitAppearance: 'none',
+      margin: 0
+    },
+    '& input[type=number]::-webkit-inner-spin-button': {
+      WebkitAppearance: 'none',
+      margin: 0
+    }
+  };
+});
+var StyledIconButton = (0, _styles.styled)(_IconButton["default"])(function () {
+  return {
+    padding: '2px'
+  };
+});
+var fallbackNumber = function fallbackNumber(min, max) {
+  if (!(0, _lodashEs.isFinite)(min) && !(0, _lodashEs.isFinite)(max)) {
+    return 0;
+  }
+  if (!(0, _lodashEs.isFinite)(min) && (0, _lodashEs.isFinite)(max)) {
+    return max;
+  }
+  if ((0, _lodashEs.isFinite)(min)) {
+    return min;
+  }
+};
+var NumberTextFieldCustom = exports.NumberTextFieldCustom = /*#__PURE__*/function (_React$Component) {
+  function NumberTextFieldCustom(props) {
+    var _this;
+    (0, _classCallCheck2["default"])(this, NumberTextFieldCustom);
+    _this = _callSuper(this, NumberTextFieldCustom, [props]);
+    (0, _defineProperty2["default"])(_this, "normalizeValueAndIndex", function (customValues, number, min, max) {
+      var type = _this.props.type;
+      var value = _this.clamp(number, min, max);
+      var currentIndex = (customValues || []).findIndex(function (val) {
+        return val === value;
+      });
+      if ((customValues || []).length > 0 && currentIndex === -1) {
+        var closestValue = type === 'text' ? _this.getClosestFractionValue(customValues, value) : _this.getClosestValue(customValues, value);
+        return {
+          value: closestValue.value,
+          currentIndex: closestValue.index
+        };
+      }
+      return {
+        value: value,
+        currentIndex: currentIndex
+      };
+    });
+    (0, _defineProperty2["default"])(_this, "getClosestValue", function (customValues, number) {
+      return customValues.reduce(function (closest, value, index) {
+        return Math.abs(value - number) < Math.abs(closest.value - number) ? {
+          value: value,
+          index: index
+        } : closest;
+      }, {
+        value: customValues[0],
+        index: 0
+      });
+    });
+    (0, _defineProperty2["default"])(_this, "getClosestFractionValue", function (customValues, number) {
+      return customValues.reduce(function (closest, value, index) {
+        return Math.abs(math.number(math.fraction(value)) - math.number(math.fraction(number))) < Math.abs(math.number(math.fraction(closest.value)) - math.number(math.fraction(number))) ? {
+          value: value,
+          index: index
+        } : closest;
+      }, {
+        value: customValues[0],
+        index: 0
+      });
+    });
+    (0, _defineProperty2["default"])(_this, "getValidFraction", function (value) {
+      if (_this.isPositiveInteger(value.trim())) {
+        return value.trim();
+      }
+      if (value.trim() === '' || value.trim().split('/').length !== 2) {
+        return false;
+      }
+      var _value$trim$split = value.trim().split('/'),
+        _value$trim$split2 = (0, _slicedToArray2["default"])(_value$trim$split, 2),
+        numerator = _value$trim$split2[0],
+        denominator = _value$trim$split2[1];
+      if (isNaN(numerator) || isNaN(denominator)) {
+        return false;
+      }
+      numerator = parseFloat(numerator);
+      denominator = parseFloat(denominator);
+      if (!Number.isInteger(numerator) || !Number.isInteger(denominator)) {
+        return false;
+      }
+      if (numerator < 0 || denominator < 1) {
+        return false;
+      }
+      return numerator + '/' + denominator;
+    });
+    (0, _defineProperty2["default"])(_this, "isPositiveInteger", function (n) {
+      return n >>> 0 === parseFloat(n);
+    });
+    (0, _defineProperty2["default"])(_this, "onBlur", function (event) {
+      var _this$props = _this.props,
+        customValues = _this$props.customValues,
+        onlyIntegersAllowed = _this$props.onlyIntegersAllowed,
+        type = _this$props.type;
+      var value = event.target.value;
+      if (type === 'text') {
+        var tempValue = _this.getValidFraction(value);
+        if (tempValue) {
+          value = tempValue;
+        } else {
+          value = _this.props.value;
+        }
+      }
+      var rawNumber = onlyIntegersAllowed ? Math.round(parseFloat(value)) : parseFloat(value);
+      if (type === 'text') {
+        rawNumber = value.trim();
+      }
+      var _this$normalizeValueA = _this.normalizeValueAndIndex(customValues, rawNumber),
+        number = _this$normalizeValueA.value,
+        currentIndex = _this$normalizeValueA.currentIndex;
+      _this.setState({
+        value: number.toString(),
+        currentIndex: currentIndex
+      }, function () {
+        return _this.props.onChange(event, number);
+      });
+    });
+    var _this$normalizeValueA2 = _this.normalizeValueAndIndex(props.customValues, props.value),
+      _value = _this$normalizeValueA2.value,
+      _currentIndex = _this$normalizeValueA2.currentIndex;
+    _this.state = {
+      value: _value,
+      currentIndex: _currentIndex
+    };
+    if (_value !== props.value) {
+      _this.props.onChange({}, _value);
+    }
+    _this.onChange = _this.onChange.bind(_this);
+    return _this;
+  }
+  (0, _inherits2["default"])(NumberTextFieldCustom, _React$Component);
+  return (0, _createClass2["default"])(NumberTextFieldCustom, [{
+    key: "UNSAFE_componentWillReceiveProps",
+    value: function UNSAFE_componentWillReceiveProps(props) {
+      var _this$normalizeValueA3 = this.normalizeValueAndIndex(props.customValues, props.value, props.min, props.max),
+        value = _this$normalizeValueA3.value,
+        currentIndex = _this$normalizeValueA3.currentIndex;
+      this.setState({
+        value: value,
+        currentIndex: currentIndex
+      });
+    }
+  }, {
+    key: "clamp",
+    value: function clamp(value) {
+      var min = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : this.props.min;
+      var max = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : this.props.max;
+      var customValues = this.props.customValues;
+      if ((customValues || []).length > 0) {
+        return value;
+      }
+      if (!(0, _lodashEs.isFinite)(value)) {
+        return fallbackNumber(min, max);
+      }
+      if ((0, _lodashEs.isFinite)(max)) {
+        value = Math.min(value, max);
+      }
+      if ((0, _lodashEs.isFinite)(min)) {
+        value = Math.max(value, min);
+      }
+      return value;
+    }
+  }, {
+    key: "onChange",
+    value: function onChange(event) {
+      var type = this.props.type;
+      var value = event.target.value;
+      if (type !== 'text' && typeof value === 'string' && value.trim() === '') {
+        return;
+      }
+      this.setState({
+        value: value
+      });
+    }
+  }, {
+    key: "changeValue",
+    value: function changeValue(event) {
+      var sign = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 1;
+      var shouldUpdate = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
+      event.preventDefault();
+      var _this$props2 = this.props,
+        customValues = _this$props2.customValues,
+        step = _this$props2.step,
+        onlyIntegersAllowed = _this$props2.onlyIntegersAllowed,
+        onChange = _this$props2.onChange;
+      var _this$state = this.state,
+        currentIndex = _this$state.currentIndex,
+        value = _this$state.value;
+      var updatedIndex = currentIndex + sign * 1;
+      var number;
+      if (customValues.length > 0) {
+        if (updatedIndex < 0 || updatedIndex >= customValues.length) {
+          return;
+        }
+        number = customValues[updatedIndex];
+      } else {
+        var rawNumber = onlyIntegersAllowed ? parseInt(value) : parseFloat(value);
+        var updatedValue = (rawNumber * 10000 + step * sign * 10000) / 10000;
+        number = this.clamp(updatedValue);
+      }
+      this.setState({
+        value: number.toString(),
+        currentIndex: updatedIndex
+      }, function () {
+        if (shouldUpdate) {
+          onChange(event, number);
+        }
+      });
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      var _this2 = this;
+      var _this$props3 = this.props,
+        className = _this$props3.className,
+        label = _this$props3.label,
+        disabled = _this$props3.disabled,
+        error = _this$props3.error,
+        min = _this$props3.min,
+        max = _this$props3.max,
+        customValues = _this$props3.customValues,
+        inputClassName = _this$props3.inputClassName,
+        disableUnderline = _this$props3.disableUnderline,
+        helperText = _this$props3.helperText,
+        variant = _this$props3.variant,
+        textAlign = _this$props3.textAlign,
+        _this$props3$type = _this$props3.type,
+        type = _this$props3$type === void 0 ? 'number' : _this$props3$type;
+      var value = this.state.value;
+      var names = className;
+      //Logic to disable the increment and decrement buttons
+      var disabledStart = false;
+      var disabledEnd = false;
+      if (customValues.length > 0) {
+        disabledStart = value === customValues[0];
+        disabledEnd = value === customValues[customValues.length - 1];
+      } else if ((0, _lodashEs.isFinite)(min) && (0, _lodashEs.isFinite)(max)) {
+        disabledStart = value === min;
+        disabledEnd = value === max;
+      }
+      return /*#__PURE__*/_react["default"].createElement(StyledTextField, {
+        variant: variant,
+        inputRef: function inputRef(ref) {
+          return _this2.inputRef = ref;
+        },
+        disabled: disabled,
+        label: label,
+        value: value,
+        error: error,
+        helperText: helperText,
+        onChange: this.onChange,
+        onBlur: this.onBlur,
+        onKeyPress: function onKeyPress(e) {
+          // once the Enter key is pressed, we force input blur
+          if (e.key === 'Enter' && _this2.inputRef) {
+            _this2.inputRef.blur();
+          }
+        },
+        onKeyDown: function onKeyDown(e) {
+          if (e.key === 'ArrowUp') {
+            _this2.changeValue(e);
+          }
+          if (e.key === 'ArrowDown') {
+            _this2.changeValue(e, -1);
+          }
+        },
+        title: '',
+        type: type,
+        className: names,
+        InputProps: {
+          className: inputClassName,
+          disableUnderline: disableUnderline,
+          startAdornment: /*#__PURE__*/_react["default"].createElement(_InputAdornment["default"], {
+            position: "start"
+          }, /*#__PURE__*/_react["default"].createElement(StyledIconButton, {
+            disabled: disabled ? disabled : disabledStart,
+            onClick: function onClick(e) {
+              return _this2.changeValue(e, -1, true);
+            },
+            size: "large"
+          }, /*#__PURE__*/_react["default"].createElement(_Remove["default"], {
+            fontSize: "small"
+          }))),
+          endAdornment: /*#__PURE__*/_react["default"].createElement(_InputAdornment["default"], {
+            position: "end"
+          }, /*#__PURE__*/_react["default"].createElement(StyledIconButton, {
+            disabled: disabled ? disabled : disabledEnd,
+            onClick: function onClick(e) {
+              return _this2.changeValue(e, 1, true);
+            },
+            size: "large"
+          }, /*#__PURE__*/_react["default"].createElement(_Add["default"], {
+            fontSize: "small"
+          })))
+        },
+        inputProps: {
+          style: {
+            textAlign: textAlign
+          },
+          min: min,
+          max: max
+        }
+      });
+    }
+  }]);
+}(_react["default"].Component);
+(0, _defineProperty2["default"])(NumberTextFieldCustom, "propTypes", {
+  className: _propTypes["default"].string,
+  customValues: _propTypes["default"].array,
+  disabled: _propTypes["default"].bool,
+  error: _propTypes["default"].bool,
+  inputClassName: _propTypes["default"].string,
+  helperText: _propTypes["default"].string,
+  onChange: _propTypes["default"].func.isRequired,
+  onlyIntegersAllowed: _propTypes["default"].bool,
+  value: _propTypes["default"].any,
+  min: _propTypes["default"].number,
+  max: _propTypes["default"].number,
+  step: _propTypes["default"].number,
+  label: _propTypes["default"].string,
+  disableUnderline: _propTypes["default"].bool,
+  textAlign: _propTypes["default"].string,
+  variant: _propTypes["default"].string,
+  type: _propTypes["default"].string
+});
+(0, _defineProperty2["default"])(NumberTextFieldCustom, "defaultProps", {
+  step: 1,
+  customValues: [],
+  textAlign: 'center',
+  variant: 'standard',
+  onlyIntegersAllowed: false
+});
+var _default = exports["default"] = NumberTextFieldCustom;
+//# sourceMappingURL=number-text-field-custom.js.map

package/lib/number-text-field-custom.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"number-text-field-custom.js","names":["_propTypes","_interopRequireDefault","require","_react","_TextField","_styles","_lodashEs","_IconButton","_InputAdornment","_Remove","_Add","math","_interopRequireWildcard","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","_typeof","has","get","set","_t","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_callSuper","_getPrototypeOf2","_possibleConstructorReturn2","_isNativeReflectConstruct","Reflect","construct","constructor","apply","Boolean","prototype","valueOf","StyledTextField","styled","TextField","MozAppearance","WebkitAppearance","margin","StyledIconButton","IconButton","padding","fallbackNumber","min","max","isFinite","NumberTextFieldCustom","exports","_React$Component","props","_this","_classCallCheck2","_defineProperty2","customValues","number","type","value","clamp","currentIndex","findIndex","val","length","closestValue","getClosestFractionValue","getClosestValue","index","reduce","closest","Math","abs","fraction","isPositiveInteger","trim","split","_value$trim$split","_value$trim$split2","_slicedToArray2","numerator","denominator","isNaN","parseFloat","Number","isInteger","event","_this$props","onlyIntegersAllowed","target","tempValue","getValidFraction","rawNumber","round","_this$normalizeValueA","normalizeValueAndIndex","setState","toString","onChange","_this$normalizeValueA2","state","bind","_inherits2","_createClass2","key","UNSAFE_componentWillReceiveProps","_this$normalizeValueA3","arguments","undefined","changeValue","sign","shouldUpdate","preventDefault","_this$props2","step","_this$state","updatedIndex","parseInt","updatedValue","render","_this2","_this$props3","className","label","disabled","error","inputClassName","disableUnderline","helperText","variant","textAlign","_this$props3$type","names","disabledStart","disabledEnd","createElement","inputRef","ref","onBlur","onKeyPress","blur","onKeyDown","title","InputProps","startAdornment","position","onClick","size","fontSize","endAdornment","inputProps","style","React","Component","PropTypes","string","array","bool","func","isRequired","any","_default"],"sources":["../src/number-text-field-custom.jsx"],"sourcesContent":["import PropTypes from 'prop-types';\nimport React from 'react';\nimport TextField from '@mui/material/TextField';\nimport { styled } from '@mui/material/styles';\nimport { isFinite } from 'lodash-es';\nimport IconButton from '@mui/material/IconButton';\nimport InputAdornment from '@mui/material/InputAdornment';\nimport Remove from '@mui/icons-material/Remove';\nimport Add from '@mui/icons-material/Add';\nimport * as math from 'mathjs';\n\nconst StyledTextField = styled(TextField)(() => ({\n  '& input[type=number]': {\n    MozAppearance: 'textfield',\n  },\n  '& input[type=number]::-webkit-outer-spin-button': {\n    WebkitAppearance: 'none',\n    margin: 0,\n  },\n  '& input[type=number]::-webkit-inner-spin-button': {\n    WebkitAppearance: 'none',\n    margin: 0,\n  },\n}));\n\nconst StyledIconButton = styled(IconButton)(() => ({\n  padding: '2px',\n}));\n\nconst fallbackNumber = (min, max) => {\n  if (!isFinite(min) && !isFinite(max)) {\n    return 0;\n  }\n\n  if (!isFinite(min) && isFinite(max)) {\n    return max;\n  }\n\n  if (isFinite(min)) {\n    return min;\n  }\n};\n\nexport class NumberTextFieldCustom extends React.Component {\n  static propTypes = {\n    className: PropTypes.string,\n    customValues: PropTypes.array,\n    disabled: PropTypes.bool,\n    error: PropTypes.bool,\n    inputClassName: PropTypes.string,\n    helperText: PropTypes.string,\n    onChange: PropTypes.func.isRequired,\n    onlyIntegersAllowed: PropTypes.bool,\n    value: PropTypes.any,\n    min: PropTypes.number,\n    max: PropTypes.number,\n    step: PropTypes.number,\n    label: PropTypes.string,\n    disableUnderline: PropTypes.bool,\n    textAlign: PropTypes.string,\n    variant: PropTypes.string,\n    type: PropTypes.string,\n  };\n\n  static defaultProps = {\n    step: 1,\n    customValues: [],\n    textAlign: 'center',\n    variant: 'standard',\n    onlyIntegersAllowed: false,\n  };\n\n  constructor(props) {\n    super(props);\n\n    const { value, currentIndex } = this.normalizeValueAndIndex(props.customValues, props.value);\n\n    this.state = {\n      value,\n      currentIndex,\n    };\n\n    if (value !== props.value) {\n      this.props.onChange({}, value);\n    }\n\n    this.onChange = this.onChange.bind(this);\n  }\n\n  UNSAFE_componentWillReceiveProps(props) {\n    const { value, currentIndex } = this.normalizeValueAndIndex(props.customValues, props.value, props.min, props.max);\n\n    this.setState({ value, currentIndex });\n  }\n\n  clamp(value, min = this.props.min, max = this.props.max) {\n    const { customValues } = this.props;\n\n    if ((customValues || []).length > 0) {\n      return value;\n    }\n\n    if (!isFinite(value)) {\n      return fallbackNumber(min, max);\n    }\n\n    if (isFinite(max)) {\n      value = Math.min(value, max);\n    }\n\n    if (isFinite(min)) {\n      value = Math.max(value, min);\n    }\n\n    return value;\n  }\n\n  normalizeValueAndIndex = (customValues, number, min, max) => {\n    const { type } = this.props;\n    const value = this.clamp(number, min, max);\n    const currentIndex = (customValues || []).findIndex((val) => val === value);\n\n    if ((customValues || []).length > 0 && currentIndex === -1) {\n      const closestValue =\n        type === 'text' ? this.getClosestFractionValue(customValues, value) : this.getClosestValue(customValues, value);\n\n      return { value: closestValue.value, currentIndex: closestValue.index };\n    }\n\n    return { value, currentIndex };\n  };\n\n  getClosestValue = (customValues, number) =>\n    customValues.reduce(\n      (closest, value, index) =>\n        Math.abs(value - number) < Math.abs(closest.value - number) ? { value, index } : closest,\n      { value: customValues[0], index: 0 },\n    );\n\n  getClosestFractionValue = (customValues, number) =>\n    customValues.reduce(\n      (closest, value, index) =>\n        Math.abs(math.number(math.fraction(value)) - math.number(math.fraction(number))) <\n        Math.abs(math.number(math.fraction(closest.value)) - math.number(math.fraction(number)))\n          ? { value, index }\n          : closest,\n      { value: customValues[0], index: 0 },\n    );\n\n  getValidFraction = (value) => {\n    if (this.isPositiveInteger(value.trim())) {\n      return value.trim();\n    }\n    if (value.trim() === '' || value.trim().split('/').length !== 2) {\n      return false;\n    }\n    let [numerator, denominator] = value.trim().split('/');\n    if (isNaN(numerator) || isNaN(denominator)) {\n      return false;\n    }\n    numerator = parseFloat(numerator);\n    denominator = parseFloat(denominator);\n    if (!Number.isInteger(numerator) || !Number.isInteger(denominator)) {\n      return false;\n    }\n    if (numerator < 0 || denominator < 1) {\n      return false;\n    }\n    return numerator + '/' + denominator;\n  };\n\n  isPositiveInteger = (n) => {\n    return n >>> 0 === parseFloat(n);\n  };\n\n  onBlur = (event) => {\n    const { customValues, onlyIntegersAllowed, type } = this.props;\n    let { value } = event.target;\n    if (type === 'text') {\n      let tempValue = this.getValidFraction(value);\n      if (tempValue) {\n        value = tempValue;\n      } else {\n        value = this.props.value;\n      }\n    }\n    let rawNumber = onlyIntegersAllowed ? Math.round(parseFloat(value)) : parseFloat(value);\n    if (type === 'text') {\n      rawNumber = value.trim();\n    }\n    const { value: number, currentIndex } = this.normalizeValueAndIndex(customValues, rawNumber);\n    this.setState(\n      {\n        value: number.toString(),\n        currentIndex,\n      },\n      () => this.props.onChange(event, number),\n    );\n  };\n\n  onChange(event) {\n    const { type } = this.props;\n    const { value } = event.target;\n    if (type !== 'text' && typeof value === 'string' && value.trim() === '') {\n      return;\n    }\n    this.setState({ value });\n  }\n\n  changeValue(event, sign = 1, shouldUpdate = false) {\n    event.preventDefault();\n    const { customValues, step, onlyIntegersAllowed, onChange } = this.props;\n    const { currentIndex, value } = this.state;\n    const updatedIndex = currentIndex + sign * 1;\n    let number;\n    if (customValues.length > 0) {\n      if (updatedIndex < 0 || updatedIndex >= customValues.length) {\n        return;\n      }\n      number = customValues[updatedIndex];\n    } else {\n      const rawNumber = onlyIntegersAllowed ? parseInt(value) : parseFloat(value);\n      const updatedValue = (rawNumber * 10000 + step * sign * 10000) / 10000;\n      number = this.clamp(updatedValue);\n    }\n    this.setState(\n      {\n        value: number.toString(),\n        currentIndex: updatedIndex,\n      },\n      () => {\n        if (shouldUpdate) {\n          onChange(event, number);\n        }\n      },\n    );\n  }\n\n  render() {\n    const {\n      className,\n      label,\n      disabled,\n      error,\n      min,\n      max,\n      customValues,\n      inputClassName,\n      disableUnderline,\n      helperText,\n      variant,\n      textAlign,\n      type = 'number',\n    } = this.props;\n    const { value } = this.state;\n    const names = className;\n    //Logic to disable the increment and decrement buttons\n    let disabledStart = false;\n    let disabledEnd = false;\n    if (customValues.length > 0) {\n      disabledStart = value === customValues[0];\n      disabledEnd = value === customValues[customValues.length - 1];\n    } else if (isFinite(min) && isFinite(max)) {\n      disabledStart = value === min;\n      disabledEnd = value === max;\n    }\n\n    return (\n      <StyledTextField\n        variant={variant}\n        inputRef={(ref) => (this.inputRef = ref)}\n        disabled={disabled}\n        label={label}\n        value={value}\n        error={error}\n        helperText={helperText}\n        onChange={this.onChange}\n        onBlur={this.onBlur}\n        onKeyPress={(e) => {\n          // once the Enter key is pressed, we force input blur\n          if (e.key === 'Enter' && this.inputRef) {\n            this.inputRef.blur();\n          }\n        }}\n        onKeyDown={(e) => {\n          if (e.key === 'ArrowUp') {\n            this.changeValue(e);\n          }\n\n          if (e.key === 'ArrowDown') {\n            this.changeValue(e, -1);\n          }\n        }}\n        title={''}\n        type={type}\n        className={names}\n        InputProps={{\n          className: inputClassName,\n          disableUnderline: disableUnderline,\n          startAdornment: (\n            <InputAdornment position=\"start\">\n              <StyledIconButton\n                disabled={disabled ? disabled : disabledStart}\n                onClick={(e) => this.changeValue(e, -1, true)}\n                size=\"large\"\n              >\n                <Remove fontSize=\"small\" />\n              </StyledIconButton>\n            </InputAdornment>\n          ),\n          endAdornment: (\n            <InputAdornment position=\"end\">\n              <StyledIconButton\n                disabled={disabled ? disabled : disabledEnd}\n                onClick={(e) => this.changeValue(e, 1, true)}\n                size=\"large\"\n              >\n                <Add fontSize=\"small\" />\n              </StyledIconButton>\n            </InputAdornment>\n          ),\n        }}\n        inputProps={{\n          style: { textAlign },\n          min,\n          max,\n        }}\n      />\n    );\n  }\n}\n\nexport default NumberTextFieldCustom;\n"],"mappings":"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","ignoreList":[]}

package/lib/number-text-field.js

@@ -0,0 +1,229 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.NumberTextField = void 0;
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
+var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _react = _interopRequireDefault(require("react"));
+var _TextField = _interopRequireDefault(require("@mui/material/TextField"));
+var _styles = require("@mui/material/styles");
+var _debug = _interopRequireDefault(require("debug"));
+var _lodashEs = require("lodash-es");
+var _InputAdornment = _interopRequireDefault(require("@mui/material/InputAdornment"));
+function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2["default"])(o), (0, _possibleConstructorReturn2["default"])(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2["default"])(t).constructor) : o.apply(t, e)); }
+function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
+var log = (0, _debug["default"])('@pie-lib:config-ui:number-text-field');
+var StyledTextField = (0, _styles.styled)(_TextField["default"])(function (_ref) {
+  var theme = _ref.theme;
+  return {
+    marginRight: theme.spacing(1),
+    '& .MuiInputLabel-root': {
+      width: 'auto',
+      minWidth: 'max-content',
+      maxWidth: 'none',
+      whiteSpace: 'nowrap',
+      overflow: 'visible',
+      transform: 'translate(0, 8px) scale(0.75)',
+      transformOrigin: 'top left',
+      position: 'relative'
+    },
+    '& .MuiInputBase-root, & .MuiInput-root, & .MuiFilledInput-root, & .MuiOutlinedInput-root': {
+      height: 'auto',
+      minHeight: 'auto',
+      marginTop: 0
+    },
+    '& .MuiInputBase-input': {
+      height: 'auto',
+      minHeight: 'auto',
+      padding: '6px 0 7px'
+    }
+  };
+});
+var fallbackNumber = function fallbackNumber(min, max) {
+  if (!(0, _lodashEs.isFinite)(min) && !(0, _lodashEs.isFinite)(max)) {
+    return 0;
+  }
+  if (!(0, _lodashEs.isFinite)(min) && (0, _lodashEs.isFinite)(max)) {
+    return max;
+  }
+  if ((0, _lodashEs.isFinite)(min)) {
+    return min;
+  }
+};
+var NumberTextField = exports.NumberTextField = /*#__PURE__*/function (_React$Component) {
+  function NumberTextField(props) {
+    var _this;
+    (0, _classCallCheck2["default"])(this, NumberTextField);
+    _this = _callSuper(this, NumberTextField, [props]);
+    /**
+     * on Blur (this can be triggered by pressing Enter, see below)
+     * we check the entered value and reset it if needed
+     */
+    (0, _defineProperty2["default"])(_this, "onBlur", function (event) {
+      var value = event.target.value;
+      var rawNumber = parseFloat(value);
+      log('rawNumber: ', rawNumber);
+      var number = _this.clamp(rawNumber);
+      log('number: ', number);
+      if (number !== _this.state.value) {
+        log('trigger update...');
+        _this.setState({
+          value: number.toString()
+        }, function () {
+          _this.props.onChange(event, number);
+        });
+      }
+    });
+    (0, _defineProperty2["default"])(_this, "errorMessage", function () {
+      var _this$props = _this.props,
+        min = _this$props.min,
+        max = _this$props.max;
+      if (min && max) {
+        return "The value must be between ".concat(min, " and ").concat(max);
+      }
+      if (min) {
+        return "The value must be greater than ".concat(min);
+      }
+      if (max) {
+        return "The value must be less than ".concat(max);
+      }
+    });
+    /**
+     * if the input has to show error when outside range,
+     * and the entered value is not matching the requirements
+     * we display error message
+     */
+    (0, _defineProperty2["default"])(_this, "getError", function () {
+      var value = _this.state.value;
+      var _float = parseFloat(value);
+      var clamped = _this.clamp(_float);
+      if (clamped !== _float) {
+        return _this.errorMessage();
+      }
+    });
+    var _value = _this.clamp(props.value);
+    _this.state = {
+      value: _value
+    };
+    if (_value !== props.value) {
+      _this.props.onChange({}, _value);
+    }
+    _this.onChange = _this.onChange.bind(_this);
+    return _this;
+  }
+  (0, _inherits2["default"])(NumberTextField, _React$Component);
+  return (0, _createClass2["default"])(NumberTextField, [{
+    key: "UNSAFE_componentWillReceiveProps",
+    value: function UNSAFE_componentWillReceiveProps(props) {
+      var value = this.clamp(props.value, props.min, props.max);
+      this.setState({
+        value: value
+      });
+    }
+  }, {
+    key: "clamp",
+    value: function clamp(value) {
+      var min = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : this.props.min;
+      var max = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : this.props.max;
+      if (!(0, _lodashEs.isFinite)(value)) {
+        return fallbackNumber(min, max);
+      }
+      if ((0, _lodashEs.isFinite)(max)) {
+        value = Math.min(value, max);
+      }
+      if ((0, _lodashEs.isFinite)(min)) {
+        value = Math.max(value, min);
+      }
+      return value;
+    }
+  }, {
+    key: "onChange",
+    value: function onChange(event) {
+      var value = event.target.value;
+      this.setState({
+        value: value
+      });
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      var _this2 = this;
+      var _this$props2 = this.props,
+        className = _this$props2.className,
+        label = _this$props2.label,
+        disabled = _this$props2.disabled,
+        suffix = _this$props2.suffix,
+        min = _this$props2.min,
+        max = _this$props2.max,
+        inputClassName = _this$props2.inputClassName,
+        disableUnderline = _this$props2.disableUnderline,
+        showErrorWhenOutsideRange = _this$props2.showErrorWhenOutsideRange,
+        variant = _this$props2.variant;
+      var error = showErrorWhenOutsideRange && this.getError();
+      return /*#__PURE__*/_react["default"].createElement(StyledTextField, {
+        variant: disableUnderline ? 'filled' : variant || 'standard',
+        inputRef: function inputRef(ref) {
+          _this2.inputRef = ref;
+        },
+        disabled: disabled,
+        label: label,
+        InputLabelProps: {
+          shrink: true
+        },
+        value: this.state.value,
+        error: !!error,
+        helperText: error,
+        onChange: this.onChange,
+        onBlur: this.onBlur,
+        onKeyDown: function onKeyDown(e) {
+          // once the Enter key is pressed, we force input blur
+          if (e.key === 'Enter' && _this2.inputRef) {
+            _this2.inputRef.blur();
+          }
+        },
+        type: "number",
+        className: className,
+        slotProps: {
+          input: {
+            endAdornment: suffix && /*#__PURE__*/_react["default"].createElement(_InputAdornment["default"], {
+              position: "end"
+            }, suffix),
+            className: inputClassName,
+            inputProps: {
+              min: min,
+              max: max
+            }
+          }
+        },
+        margin: "normal"
+      });
+    }
+  }]);
+}(_react["default"].Component);
+(0, _defineProperty2["default"])(NumberTextField, "propTypes", {
+  disabled: _propTypes["default"].bool,
+  className: _propTypes["default"].string,
+  inputClassName: _propTypes["default"].string,
+  onChange: _propTypes["default"].func.isRequired,
+  value: _propTypes["default"].number,
+  min: _propTypes["default"].number,
+  max: _propTypes["default"].number,
+  label: _propTypes["default"].string,
+  suffix: _propTypes["default"].string,
+  showErrorWhenOutsideRange: _propTypes["default"].bool,
+  disableUnderline: _propTypes["default"].bool,
+  variant: _propTypes["default"].string
+});
+(0, _defineProperty2["default"])(NumberTextField, "defaultProps", {
+  showErrorWhenOutsideRange: false
+});
+var _default = exports["default"] = NumberTextField;
+//# sourceMappingURL=number-text-field.js.map