@pie-lib/config-ui 11.1.5-next.48 → 11.1.5-next.49

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

@@ -1,29 +1,50 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = exports.NumberTextFieldCustom = void 0;
+
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+
 var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
+
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+
 var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
+
 var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
+
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
 var _propTypes = _interopRequireDefault(require("prop-types"));
+
 var _react = _interopRequireDefault(require("react"));
+
 var _TextField = _interopRequireDefault(require("@material-ui/core/TextField"));
+
 var _classnames = _interopRequireDefault(require("classnames"));
+
 var _styles = require("@material-ui/core/styles");
+
 var _isFinite = _interopRequireDefault(require("lodash/isFinite"));
+
 var _IconButton = _interopRequireDefault(require("@material-ui/core/IconButton"));
+
 var _InputAdornment = _interopRequireDefault(require("@material-ui/core/InputAdornment"));
+
 var _Remove = _interopRequireDefault(require("@material-ui/icons/Remove"));
+
 var _Add = _interopRequireDefault(require("@material-ui/icons/Add"));
+
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2["default"])(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2["default"])(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2["default"])(this, result); }; }
+
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
+
 var styles = function styles(theme) {
   return {
     input: {
@@ -44,36 +65,47 @@ var styles = function styles(theme) {
     }
   };
 };
+
 var fallbackNumber = function fallbackNumber(min, max) {
   if (!(0, _isFinite["default"])(min) && !(0, _isFinite["default"])(max)) {
     return 0;
   }
+
   if (!(0, _isFinite["default"])(min) && (0, _isFinite["default"])(max)) {
     return max;
   }
+
   if ((0, _isFinite["default"])(min)) {
     return min;
   }
 };
+
 var NumberTextFieldCustom = /*#__PURE__*/function (_React$Component) {
   (0, _inherits2["default"])(NumberTextFieldCustom, _React$Component);
+
   var _super = _createSuper(NumberTextFieldCustom);
+
   function NumberTextFieldCustom(props) {
     var _this;
+
     (0, _classCallCheck2["default"])(this, NumberTextFieldCustom);
     _this = _super.call(this, props);
     (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "normalizeValueAndIndex", function (customValues, number) {
       var value = _this.clamp(number);
+
       var currentIndex = (customValues || []).findIndex(function (val) {
         return val === value;
       });
+
       if ((customValues || []).length > 0 && currentIndex === -1) {
         var closestValue = _this.getClosestValue(customValues, value);
+
         return {
           value: closestValue.value,
           currentIndex: closestValue.index
         };
       }
+
       return {
         value: value,
         currentIndex: currentIndex
@@ -92,13 +124,15 @@ var NumberTextFieldCustom = /*#__PURE__*/function (_React$Component) {
     });
     (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "onBlur", function (event) {
       var _this$props = _this.props,
-        customValues = _this$props.customValues,
-        onlyIntegersAllowed = _this$props.onlyIntegersAllowed;
+          customValues = _this$props.customValues,
+          onlyIntegersAllowed = _this$props.onlyIntegersAllowed;
       var value = event.target.value;
       var rawNumber = onlyIntegersAllowed ? parseInt(value) : parseFloat(value);
+
       var _this$normalizeValueA = _this.normalizeValueAndIndex(customValues, rawNumber),
-        number = _this$normalizeValueA.value,
-        currentIndex = _this$normalizeValueA.currentIndex;
+          number = _this$normalizeValueA.value,
+          currentIndex = _this$normalizeValueA.currentIndex;
+
       if (number !== _this.state.value) {
         _this.setState({
           value: number.toString(),
@@ -108,25 +142,31 @@ var NumberTextFieldCustom = /*#__PURE__*/function (_React$Component) {
         });
       }
     });
+
     var _this$normalizeValueA2 = _this.normalizeValueAndIndex(props.customValues, props.value),
-      _value = _this$normalizeValueA2.value,
-      _currentIndex = _this$normalizeValueA2.currentIndex;
+        _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((0, _assertThisInitialized2["default"])(_this));
     return _this;
   }
+
   (0, _createClass2["default"])(NumberTextFieldCustom, [{
     key: "UNSAFE_componentWillReceiveProps",
     value: function UNSAFE_componentWillReceiveProps(props) {
       var _this$normalizeValueA3 = this.normalizeValueAndIndex(props.customValues, props.value),
-        value = _this$normalizeValueA3.value,
-        currentIndex = _this$normalizeValueA3.currentIndex;
+          value = _this$normalizeValueA3.value,
+          currentIndex = _this$normalizeValueA3.currentIndex;
+
       this.setState({
         value: value,
         currentIndex: currentIndex
@@ -136,21 +176,26 @@ var NumberTextFieldCustom = /*#__PURE__*/function (_React$Component) {
     key: "clamp",
     value: function clamp(value) {
       var _this$props2 = this.props,
-        min = _this$props2.min,
-        max = _this$props2.max,
-        customValues = _this$props2.customValues;
+          min = _this$props2.min,
+          max = _this$props2.max,
+          customValues = _this$props2.customValues;
+
       if ((customValues || []).length > 0) {
         return value;
       }
+
       if (!(0, _isFinite["default"])(value)) {
         return fallbackNumber(min, max);
       }
+
       if ((0, _isFinite["default"])(max)) {
         value = Math.min(value, max);
       }
+
       if ((0, _isFinite["default"])(min)) {
         value = Math.max(value, min);
       }
+
       return value;
     }
   }, {
@@ -168,25 +213,28 @@ var NumberTextFieldCustom = /*#__PURE__*/function (_React$Component) {
       var shouldUpdate = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
       event.preventDefault();
       var _this$props3 = this.props,
-        customValues = _this$props3.customValues,
-        step = _this$props3.step,
-        onlyIntegersAllowed = _this$props3.onlyIntegersAllowed,
-        onChange = _this$props3.onChange;
+          customValues = _this$props3.customValues,
+          step = _this$props3.step,
+          onlyIntegersAllowed = _this$props3.onlyIntegersAllowed,
+          onChange = _this$props3.onChange;
       var _this$state = this.state,
-        currentIndex = _this$state.currentIndex,
-        value = _this$state.value;
+          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
@@ -200,19 +248,20 @@ var NumberTextFieldCustom = /*#__PURE__*/function (_React$Component) {
     key: "render",
     value: function render() {
       var _this2 = this;
+
       var _this$props4 = this.props,
-        className = _this$props4.className,
-        classes = _this$props4.classes,
-        label = _this$props4.label,
-        disabled = _this$props4.disabled,
-        error = _this$props4.error,
-        min = _this$props4.min,
-        max = _this$props4.max,
-        inputClassName = _this$props4.inputClassName,
-        disableUnderline = _this$props4.disableUnderline,
-        helperText = _this$props4.helperText,
-        variant = _this$props4.variant,
-        textAlign = _this$props4.textAlign;
+          className = _this$props4.className,
+          classes = _this$props4.classes,
+          label = _this$props4.label,
+          disabled = _this$props4.disabled,
+          error = _this$props4.error,
+          min = _this$props4.min,
+          max = _this$props4.max,
+          inputClassName = _this$props4.inputClassName,
+          disableUnderline = _this$props4.disableUnderline,
+          helperText = _this$props4.helperText,
+          variant = _this$props4.variant,
+          textAlign = _this$props4.textAlign;
       var value = this.state.value;
       var names = (0, _classnames["default"])(className, classes.input);
       return /*#__PURE__*/_react["default"].createElement(_TextField["default"], {
@@ -237,6 +286,7 @@ var NumberTextFieldCustom = /*#__PURE__*/function (_React$Component) {
           if (e.key === 'ArrowUp') {
             _this2.changeValue(e);
           }
+
           if (e.key === 'ArrowDown') {
             _this2.changeValue(e, -1);
           }
@@ -281,6 +331,7 @@ var NumberTextFieldCustom = /*#__PURE__*/function (_React$Component) {
   }]);
   return NumberTextFieldCustom;
 }(_react["default"].Component);
+
 exports.NumberTextFieldCustom = NumberTextFieldCustom;
 (0, _defineProperty2["default"])(NumberTextFieldCustom, "propTypes", {
   classes: _propTypes["default"].object.isRequired,
@@ -306,6 +357,8 @@ exports.NumberTextFieldCustom = NumberTextFieldCustom;
   variant: 'standard',
   onlyIntegersAllowed: false
 });
+
 var _default = (0, _styles.withStyles)(styles)(NumberTextFieldCustom);
+
 exports["default"] = _default;
 //# sourceMappingURL=number-text-field-custom.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"number-text-field-custom.js","names":["styles","theme","input","margin","iconButton","padding","fallbackNumber","min","max","isFinite","NumberTextFieldCustom","props","customValues","number","value","clamp","currentIndex","findIndex","val","length","closestValue","getClosestValue","index","reduce","closest","Math","abs","event","onlyIntegersAllowed","target","rawNumber","parseInt","parseFloat","normalizeValueAndIndex","state","setState","toString","onChange","bind","sign","shouldUpdate","preventDefault","step","updatedIndex","updatedValue","className","classes","label","disabled","error","inputClassName","disableUnderline","helperText","variant","textAlign","names","classNames","ref","inputRef","onBlur","e","key","blur","changeValue","startAdornment","endAdornment","style","React","Component","PropTypes","object","isRequired","string","array","bool","func","withStyles"],"sources":["../src/number-text-field-custom.jsx"],"sourcesContent":["import PropTypes from 'prop-types';\nimport React from 'react';\nimport TextField from '@material-ui/core/TextField';\nimport classNames from 'classnames';\nimport { withStyles } from '@material-ui/core/styles';\nimport isFinite from 'lodash/isFinite';\nimport IconButton from '@material-ui/core/IconButton';\nimport InputAdornment from '@material-ui/core/InputAdornment';\nimport Remove from '@material-ui/icons/Remove';\nimport Add from '@material-ui/icons/Add';\n\nconst styles = (theme) => ({\n  input: {\n    '& input[type=number]': {\n      '-moz-appearance': 'textfield',\n    },\n    '& input[type=number]::-webkit-outer-spin-button': {\n      '-webkit-appearance': 'none',\n      margin: 0,\n    },\n    '& input[type=number]::-webkit-inner-spin-button': {\n      '-webkit-appearance': 'none',\n      margin: 0,\n    },\n  },\n  iconButton: {\n    padding: '2px',\n  },\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    classes: PropTypes.object.isRequired,\n    className: PropTypes.string,\n    customValues: PropTypes.array,\n    disabled: PropTypes.bool,\n    error: PropTypes.bool,\n    inputClassName: PropTypes.string,\n    onChange: PropTypes.func.isRequired,\n    onlyIntegersAllowed: PropTypes.bool,\n    value: PropTypes.number,\n    min: PropTypes.number,\n    max: PropTypes.number,\n    step: PropTypes.number,\n    label: PropTypes.string,\n    disableUnderline: PropTypes.bool,\n    variant: 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);\n\n    this.setState({ value, currentIndex });\n  }\n\n  clamp(value) {\n    const { min, max, 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) => {\n    const value = this.clamp(number);\n    const currentIndex = (customValues || []).findIndex((val) => val === value);\n\n    if ((customValues || []).length > 0 && currentIndex === -1) {\n      const closestValue = 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  onBlur = (event) => {\n    const { customValues, onlyIntegersAllowed } = this.props;\n    const { value } = event.target;\n    const rawNumber = onlyIntegersAllowed ? parseInt(value) : parseFloat(value);\n\n    const { value: number, currentIndex } = this.normalizeValueAndIndex(customValues, rawNumber);\n\n    if (number !== this.state.value) {\n      this.setState(\n        {\n          value: number.toString(),\n          currentIndex,\n        },\n        () => this.props.onChange(event, number),\n      );\n    }\n  };\n\n  onChange(event) {\n    const { value } = event.target;\n\n    this.setState({ value });\n  }\n\n  changeValue(event, sign = 1, shouldUpdate = false) {\n    event.preventDefault();\n\n    const { customValues, step, onlyIntegersAllowed, onChange } = this.props;\n    const { currentIndex, value } = this.state;\n    const updatedIndex = currentIndex + sign * 1;\n    let number;\n\n    if (customValues.length > 0) {\n      if (updatedIndex < 0 || updatedIndex >= customValues.length) {\n        return;\n      }\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\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      classes,\n      label,\n      disabled,\n      error,\n      min,\n      max,\n      inputClassName,\n      disableUnderline,\n      helperText,\n      variant,\n      textAlign,\n    } = this.props;\n    const { value } = this.state;\n    const names = classNames(className, classes.input);\n\n    return (\n      <TextField\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        type=\"number\"\n        className={names}\n        InputProps={{\n          className: inputClassName,\n          disableUnderline: disableUnderline,\n          startAdornment: (\n            <InputAdornment position=\"start\">\n              <IconButton\n                className={classes.iconButton}\n                disabled={disabled}\n                onClick={(e) => this.changeValue(e, -1, true)}\n              >\n                <Remove fontSize=\"small\" />\n              </IconButton>\n            </InputAdornment>\n          ),\n          endAdornment: (\n            <InputAdornment position=\"end\">\n              <IconButton\n                className={classes.iconButton}\n                disabled={disabled}\n                onClick={(e) => this.changeValue(e, 1, true)}\n              >\n                <Add fontSize=\"small\" />\n              </IconButton>\n            </InputAdornment>\n          ),\n        }}\n        inputProps={{\n          style: { textAlign },\n          min,\n          max,\n        }}\n      />\n    );\n  }\n}\n\nexport default withStyles(styles)(NumberTextFieldCustom);\n"],"mappings":"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"}
+{"version":3,"sources":["../src/number-text-field-custom.jsx"],"names":["styles","theme","input","margin","iconButton","padding","fallbackNumber","min","max","NumberTextFieldCustom","props","customValues","number","value","clamp","currentIndex","findIndex","val","length","closestValue","getClosestValue","index","reduce","closest","Math","abs","event","onlyIntegersAllowed","target","rawNumber","parseInt","parseFloat","normalizeValueAndIndex","state","setState","toString","onChange","bind","sign","shouldUpdate","preventDefault","step","updatedIndex","updatedValue","className","classes","label","disabled","error","inputClassName","disableUnderline","helperText","variant","textAlign","names","ref","inputRef","onBlur","e","key","blur","changeValue","startAdornment","endAdornment","style","React","Component","PropTypes","object","isRequired","string","array","bool","func"],"mappings":"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","sourcesContent":["import PropTypes from 'prop-types';\nimport React from 'react';\nimport TextField from '@material-ui/core/TextField';\nimport classNames from 'classnames';\nimport { withStyles } from '@material-ui/core/styles';\nimport isFinite from 'lodash/isFinite';\nimport IconButton from '@material-ui/core/IconButton';\nimport InputAdornment from '@material-ui/core/InputAdornment';\nimport Remove from '@material-ui/icons/Remove';\nimport Add from '@material-ui/icons/Add';\n\nconst styles = (theme) => ({\n  input: {\n    '& input[type=number]': {\n      '-moz-appearance': 'textfield',\n    },\n    '& input[type=number]::-webkit-outer-spin-button': {\n      '-webkit-appearance': 'none',\n      margin: 0,\n    },\n    '& input[type=number]::-webkit-inner-spin-button': {\n      '-webkit-appearance': 'none',\n      margin: 0,\n    },\n  },\n  iconButton: {\n    padding: '2px',\n  },\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    classes: PropTypes.object.isRequired,\n    className: PropTypes.string,\n    customValues: PropTypes.array,\n    disabled: PropTypes.bool,\n    error: PropTypes.bool,\n    inputClassName: PropTypes.string,\n    onChange: PropTypes.func.isRequired,\n    onlyIntegersAllowed: PropTypes.bool,\n    value: PropTypes.number,\n    min: PropTypes.number,\n    max: PropTypes.number,\n    step: PropTypes.number,\n    label: PropTypes.string,\n    disableUnderline: PropTypes.bool,\n    variant: 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);\n\n    this.setState({ value, currentIndex });\n  }\n\n  clamp(value) {\n    const { min, max, 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) => {\n    const value = this.clamp(number);\n    const currentIndex = (customValues || []).findIndex((val) => val === value);\n\n    if ((customValues || []).length > 0 && currentIndex === -1) {\n      const closestValue = 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  onBlur = (event) => {\n    const { customValues, onlyIntegersAllowed } = this.props;\n    const { value } = event.target;\n    const rawNumber = onlyIntegersAllowed ? parseInt(value) : parseFloat(value);\n\n    const { value: number, currentIndex } = this.normalizeValueAndIndex(customValues, rawNumber);\n\n    if (number !== this.state.value) {\n      this.setState(\n        {\n          value: number.toString(),\n          currentIndex,\n        },\n        () => this.props.onChange(event, number),\n      );\n    }\n  };\n\n  onChange(event) {\n    const { value } = event.target;\n\n    this.setState({ value });\n  }\n\n  changeValue(event, sign = 1, shouldUpdate = false) {\n    event.preventDefault();\n\n    const { customValues, step, onlyIntegersAllowed, onChange } = this.props;\n    const { currentIndex, value } = this.state;\n    const updatedIndex = currentIndex + sign * 1;\n    let number;\n\n    if (customValues.length > 0) {\n      if (updatedIndex < 0 || updatedIndex >= customValues.length) {\n        return;\n      }\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\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      classes,\n      label,\n      disabled,\n      error,\n      min,\n      max,\n      inputClassName,\n      disableUnderline,\n      helperText,\n      variant,\n      textAlign,\n    } = this.props;\n    const { value } = this.state;\n    const names = classNames(className, classes.input);\n\n    return (\n      <TextField\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        type=\"number\"\n        className={names}\n        InputProps={{\n          className: inputClassName,\n          disableUnderline: disableUnderline,\n          startAdornment: (\n            <InputAdornment position=\"start\">\n              <IconButton\n                className={classes.iconButton}\n                disabled={disabled}\n                onClick={(e) => this.changeValue(e, -1, true)}\n              >\n                <Remove fontSize=\"small\" />\n              </IconButton>\n            </InputAdornment>\n          ),\n          endAdornment: (\n            <InputAdornment position=\"end\">\n              <IconButton\n                className={classes.iconButton}\n                disabled={disabled}\n                onClick={(e) => this.changeValue(e, 1, true)}\n              >\n                <Add fontSize=\"small\" />\n              </IconButton>\n            </InputAdornment>\n          ),\n        }}\n        inputProps={{\n          style: { textAlign },\n          min,\n          max,\n        }}\n      />\n    );\n  }\n}\n\nexport default withStyles(styles)(NumberTextFieldCustom);\n"],"file":"number-text-field-custom.js"}

package/lib/number-text-field.js

@@ -1,28 +1,48 @@
 "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 _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
+
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+
 var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
+
 var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
+
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
 var _propTypes = _interopRequireDefault(require("prop-types"));
+
 var _react = _interopRequireDefault(require("react"));
+
 var _TextField = _interopRequireDefault(require("@material-ui/core/TextField"));
+
 var _classnames = _interopRequireDefault(require("classnames"));
+
 var _styles = require("@material-ui/core/styles");
+
 var _debug = _interopRequireDefault(require("debug"));
+
 var _isFinite = _interopRequireDefault(require("lodash/isFinite"));
+
 var _InputAdornment = _interopRequireDefault(require("@material-ui/core/InputAdornment"));
+
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2["default"])(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2["default"])(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2["default"])(this, result); }; }
+
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
+
 var log = (0, _debug["default"])('@pie-lib:config-ui:number-text-field');
+
 var styles = function styles(theme) {
   return {
     root: {
@@ -30,32 +50,43 @@ var styles = function styles(theme) {
     }
   };
 };
+
 var fallbackNumber = function fallbackNumber(min, max) {
   if (!(0, _isFinite["default"])(min) && !(0, _isFinite["default"])(max)) {
     return 0;
   }
+
   if (!(0, _isFinite["default"])(min) && (0, _isFinite["default"])(max)) {
     return max;
   }
+
   if ((0, _isFinite["default"])(min)) {
     return min;
   }
 };
+
 var NumberTextField = /*#__PURE__*/function (_React$Component) {
   (0, _inherits2["default"])(NumberTextField, _React$Component);
+
   var _super = _createSuper(NumberTextField);
+
   function NumberTextField(props) {
     var _this;
+
     (0, _classCallCheck2["default"])(this, NumberTextField);
     _this = _super.call(this, props);
     (0, _defineProperty2["default"])((0, _assertThisInitialized2["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 () {
@@ -65,36 +96,47 @@ var NumberTextField = /*#__PURE__*/function (_React$Component) {
     });
     (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "errorMessage", function () {
       var _this$props = _this.props,
-        min = _this$props.min,
-        max = _this$props.max;
+          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);
       }
     });
     (0, _defineProperty2["default"])((0, _assertThisInitialized2["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((0, _assertThisInitialized2["default"])(_this));
     return _this;
   }
+
   (0, _createClass2["default"])(NumberTextField, [{
     key: "UNSAFE_componentWillReceiveProps",
     value: function UNSAFE_componentWillReceiveProps(props) {
@@ -109,22 +151,26 @@ var NumberTextField = /*#__PURE__*/function (_React$Component) {
       if (!(0, _isFinite["default"])(value)) {
         return fallbackNumber(this.props.min, this.props.max);
       }
+
       var _this$props2 = this.props,
-        min = _this$props2.min,
-        max = _this$props2.max;
+          min = _this$props2.min,
+          max = _this$props2.max;
+
       if ((0, _isFinite["default"])(max)) {
         value = Math.min(value, max);
       }
+
       if ((0, _isFinite["default"])(min)) {
         value = Math.max(value, min);
       }
+
       return value;
     }
-
     /**
      * on Blur (this can be triggered by pressing Enter, see below)
      * we check the entered value and reset it if needed
      */
+
   }, {
     key: "onChange",
     value: function onChange(event) {
@@ -137,18 +183,19 @@ var NumberTextField = /*#__PURE__*/function (_React$Component) {
     key: "render",
     value: function render() {
       var _this2 = this;
+
       var _this$props3 = this.props,
-        className = _this$props3.className,
-        classes = _this$props3.classes,
-        label = _this$props3.label,
-        disabled = _this$props3.disabled,
-        suffix = _this$props3.suffix,
-        min = _this$props3.min,
-        max = _this$props3.max,
-        inputClassName = _this$props3.inputClassName,
-        disableUnderline = _this$props3.disableUnderline,
-        showErrorWhenOutsideRange = _this$props3.showErrorWhenOutsideRange,
-        variant = _this$props3.variant;
+          className = _this$props3.className,
+          classes = _this$props3.classes,
+          label = _this$props3.label,
+          disabled = _this$props3.disabled,
+          suffix = _this$props3.suffix,
+          min = _this$props3.min,
+          max = _this$props3.max,
+          inputClassName = _this$props3.inputClassName,
+          disableUnderline = _this$props3.disableUnderline,
+          showErrorWhenOutsideRange = _this$props3.showErrorWhenOutsideRange,
+          variant = _this$props3.variant;
       var names = (0, _classnames["default"])(classes.root, className);
       var error = showErrorWhenOutsideRange && this.getError();
       return /*#__PURE__*/_react["default"].createElement(_TextField["default"], {
@@ -191,6 +238,7 @@ var NumberTextField = /*#__PURE__*/function (_React$Component) {
   }]);
   return NumberTextField;
 }(_react["default"].Component);
+
 exports.NumberTextField = NumberTextField;
 (0, _defineProperty2["default"])(NumberTextField, "propTypes", {
   disabled: _propTypes["default"].bool,
@@ -210,6 +258,8 @@ exports.NumberTextField = NumberTextField;
 (0, _defineProperty2["default"])(NumberTextField, "defaultProps", {
   showErrorWhenOutsideRange: false
 });
+
 var _default = (0, _styles.withStyles)(styles)(NumberTextField);
+
 exports["default"] = _default;
 //# sourceMappingURL=number-text-field.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"number-text-field.js","names":["log","debug","styles","theme","root","marginRight","spacing","unit","fallbackNumber","min","max","isFinite","NumberTextField","props","event","value","target","rawNumber","parseFloat","number","clamp","state","setState","toString","onChange","float","clamped","errorMessage","bind","Math","className","classes","label","disabled","suffix","inputClassName","disableUnderline","showErrorWhenOutsideRange","variant","names","classNames","error","getError","ref","inputRef","onBlur","e","key","blur","shrink","endAdornment","React","Component","PropTypes","bool","object","isRequired","string","func","withStyles"],"sources":["../src/number-text-field.jsx"],"sourcesContent":["import PropTypes from 'prop-types';\nimport React from 'react';\nimport TextField from '@material-ui/core/TextField';\nimport classNames from 'classnames';\nimport { withStyles } from '@material-ui/core/styles';\nimport debug from 'debug';\nimport isFinite from 'lodash/isFinite';\nimport InputAdornment from '@material-ui/core/InputAdornment';\nconst log = debug('@pie-lib:config-ui:number-text-field');\n\nconst styles = (theme) => ({\n  root: { marginRight: theme.spacing.unit },\n});\n\nconst fallbackNumber = (min, max) => {\n  if (!isFinite(min) && !isFinite(max)) {\n    return 0;\n  }\n  if (!isFinite(min) && isFinite(max)) {\n    return max;\n  }\n\n  if (isFinite(min)) {\n    return min;\n  }\n};\n\nexport class NumberTextField extends React.Component {\n  static propTypes = {\n    disabled: PropTypes.bool,\n    classes: PropTypes.object.isRequired,\n    className: PropTypes.string,\n    inputClassName: PropTypes.string,\n    onChange: PropTypes.func.isRequired,\n    value: PropTypes.number,\n    min: PropTypes.number,\n    max: PropTypes.number,\n    label: PropTypes.string,\n    suffix: PropTypes.string,\n    showErrorWhenOutsideRange: PropTypes.bool,\n    disableUnderline: PropTypes.bool,\n    variant: PropTypes.string,\n  };\n\n  static defaultProps = {\n    showErrorWhenOutsideRange: false,\n  };\n\n  constructor(props) {\n    super(props);\n\n    const value = this.clamp(props.value);\n\n    this.state = {\n      value,\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 = this.clamp(props.value);\n    this.setState({ value });\n  }\n\n  clamp(value) {\n    if (!isFinite(value)) {\n      return fallbackNumber(this.props.min, this.props.max);\n    }\n\n    const { min, max } = this.props;\n\n    if (isFinite(max)) {\n      value = Math.min(value, max);\n    }\n    if (isFinite(min)) {\n      value = Math.max(value, min);\n    }\n    return value;\n  }\n\n  /**\n   * on Blur (this can be triggered by pressing Enter, see below)\n   * we check the entered value and reset it if needed\n   */\n  onBlur = (event) => {\n    const value = event.target.value;\n\n    const rawNumber = parseFloat(value);\n    log('rawNumber: ', rawNumber);\n\n    const number = this.clamp(rawNumber);\n    log('number: ', number);\n\n    if (number !== this.state.value) {\n      log('trigger update...');\n      this.setState({ value: number.toString() }, () => {\n        this.props.onChange(event, number);\n      });\n    }\n  };\n\n  onChange(event) {\n    const value = event.target.value;\n    this.setState({ value });\n  }\n\n  errorMessage = () => {\n    const { min, max } = this.props;\n    if (min && max) {\n      return `The value must be between ${min} and ${max}`;\n    }\n    if (min) {\n      return `The value must be greater than ${min}`;\n    }\n    if (max) {\n      return `The value must be less than ${max}`;\n    }\n  };\n\n  /**\n   * if the input has to show error when outside range,\n   * and the entered value is not matching the requirements\n   * we display error message\n   */\n\n  getError = () => {\n    const { value } = this.state;\n    const float = parseFloat(value);\n    const clamped = this.clamp(float);\n    if (clamped !== float) {\n      return this.errorMessage();\n    }\n  };\n\n  render() {\n    const {\n      className,\n      classes,\n      label,\n      disabled,\n      suffix,\n      min,\n      max,\n      inputClassName,\n      disableUnderline,\n      showErrorWhenOutsideRange,\n      variant,\n    } = this.props;\n    const names = classNames(classes.root, className);\n\n    const error = showErrorWhenOutsideRange && this.getError();\n    return (\n      <TextField\n        variant={variant || 'standard'}\n        inputRef={(ref) => {\n          this.inputRef = ref;\n        }}\n        disabled={disabled}\n        label={label}\n        value={this.state.value}\n        error={!!error}\n        helperText={error}\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        type=\"number\"\n        className={names}\n        InputLabelProps={{\n          shrink: true,\n        }}\n        InputProps={{\n          endAdornment: suffix && <InputAdornment position=\"end\">{suffix}</InputAdornment>,\n          className: inputClassName,\n          disableUnderline: disableUnderline,\n        }}\n        inputProps={{\n          min,\n          max,\n        }}\n        margin=\"normal\"\n      />\n    );\n  }\n}\n\nexport default withStyles(styles)(NumberTextField);\n"],"mappings":"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"}
+{"version":3,"sources":["../src/number-text-field.jsx"],"names":["log","styles","theme","root","marginRight","spacing","unit","fallbackNumber","min","max","NumberTextField","props","event","value","target","rawNumber","parseFloat","number","clamp","state","setState","toString","onChange","float","clamped","errorMessage","bind","Math","className","classes","label","disabled","suffix","inputClassName","disableUnderline","showErrorWhenOutsideRange","variant","names","error","getError","ref","inputRef","onBlur","e","key","blur","shrink","endAdornment","React","Component","PropTypes","bool","object","isRequired","string","func"],"mappings":"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","sourcesContent":["import PropTypes from 'prop-types';\nimport React from 'react';\nimport TextField from '@material-ui/core/TextField';\nimport classNames from 'classnames';\nimport { withStyles } from '@material-ui/core/styles';\nimport debug from 'debug';\nimport isFinite from 'lodash/isFinite';\nimport InputAdornment from '@material-ui/core/InputAdornment';\nconst log = debug('@pie-lib:config-ui:number-text-field');\n\nconst styles = (theme) => ({\n  root: { marginRight: theme.spacing.unit },\n});\n\nconst fallbackNumber = (min, max) => {\n  if (!isFinite(min) && !isFinite(max)) {\n    return 0;\n  }\n  if (!isFinite(min) && isFinite(max)) {\n    return max;\n  }\n\n  if (isFinite(min)) {\n    return min;\n  }\n};\n\nexport class NumberTextField extends React.Component {\n  static propTypes = {\n    disabled: PropTypes.bool,\n    classes: PropTypes.object.isRequired,\n    className: PropTypes.string,\n    inputClassName: PropTypes.string,\n    onChange: PropTypes.func.isRequired,\n    value: PropTypes.number,\n    min: PropTypes.number,\n    max: PropTypes.number,\n    label: PropTypes.string,\n    suffix: PropTypes.string,\n    showErrorWhenOutsideRange: PropTypes.bool,\n    disableUnderline: PropTypes.bool,\n    variant: PropTypes.string,\n  };\n\n  static defaultProps = {\n    showErrorWhenOutsideRange: false,\n  };\n\n  constructor(props) {\n    super(props);\n\n    const value = this.clamp(props.value);\n\n    this.state = {\n      value,\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 = this.clamp(props.value);\n    this.setState({ value });\n  }\n\n  clamp(value) {\n    if (!isFinite(value)) {\n      return fallbackNumber(this.props.min, this.props.max);\n    }\n\n    const { min, max } = this.props;\n\n    if (isFinite(max)) {\n      value = Math.min(value, max);\n    }\n    if (isFinite(min)) {\n      value = Math.max(value, min);\n    }\n    return value;\n  }\n\n  /**\n   * on Blur (this can be triggered by pressing Enter, see below)\n   * we check the entered value and reset it if needed\n   */\n  onBlur = (event) => {\n    const value = event.target.value;\n\n    const rawNumber = parseFloat(value);\n    log('rawNumber: ', rawNumber);\n\n    const number = this.clamp(rawNumber);\n    log('number: ', number);\n\n    if (number !== this.state.value) {\n      log('trigger update...');\n      this.setState({ value: number.toString() }, () => {\n        this.props.onChange(event, number);\n      });\n    }\n  };\n\n  onChange(event) {\n    const value = event.target.value;\n    this.setState({ value });\n  }\n\n  errorMessage = () => {\n    const { min, max } = this.props;\n    if (min && max) {\n      return `The value must be between ${min} and ${max}`;\n    }\n    if (min) {\n      return `The value must be greater than ${min}`;\n    }\n    if (max) {\n      return `The value must be less than ${max}`;\n    }\n  };\n\n  /**\n   * if the input has to show error when outside range,\n   * and the entered value is not matching the requirements\n   * we display error message\n   */\n\n  getError = () => {\n    const { value } = this.state;\n    const float = parseFloat(value);\n    const clamped = this.clamp(float);\n    if (clamped !== float) {\n      return this.errorMessage();\n    }\n  };\n\n  render() {\n    const {\n      className,\n      classes,\n      label,\n      disabled,\n      suffix,\n      min,\n      max,\n      inputClassName,\n      disableUnderline,\n      showErrorWhenOutsideRange,\n      variant,\n    } = this.props;\n    const names = classNames(classes.root, className);\n\n    const error = showErrorWhenOutsideRange && this.getError();\n    return (\n      <TextField\n        variant={variant || 'standard'}\n        inputRef={(ref) => {\n          this.inputRef = ref;\n        }}\n        disabled={disabled}\n        label={label}\n        value={this.state.value}\n        error={!!error}\n        helperText={error}\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        type=\"number\"\n        className={names}\n        InputLabelProps={{\n          shrink: true,\n        }}\n        InputProps={{\n          endAdornment: suffix && <InputAdornment position=\"end\">{suffix}</InputAdornment>,\n          className: inputClassName,\n          disableUnderline: disableUnderline,\n        }}\n        inputProps={{\n          min,\n          max,\n        }}\n        margin=\"normal\"\n      />\n    );\n  }\n}\n\nexport default withStyles(styles)(NumberTextField);\n"],"file":"number-text-field.js"}