@pie-lib/config-ui 12.0.0-beta.4 → 12.0.0-next.0

package/lib/number-text-field.js

@@ -1,92 +1,84 @@
 "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 _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("@material-ui/core/TextField"));
-
-var _classnames = _interopRequireDefault(require("classnames"));
-
-var _styles = require("@material-ui/core/styles");
-
+var _TextField = _interopRequireDefault(require("@mui/material/TextField"));
+var _styles = require("@mui/material/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 _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 styles = function styles(theme) {
+var StyledTextField = (0, _styles.styled)(_TextField["default"])(function (_ref) {
+  var theme = _ref.theme;
   return {
-    root: {
-      marginRight: theme.spacing.unit
+    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'
+    },
+    '& .MuiInputBase-input': {
+      height: 'auto',
+      minHeight: 'auto',
+      padding: '8px 12px'
+    },
+    '& .MuiInput-root, & .MuiFilledInput-root': {
+      '&:before, &:after, &:hover:not(.Mui-disabled):before': {
+        display: 'none'
+      }
     }
   };
-};
-
+});
 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);
-
+var NumberTextField = exports.NumberTextField = /*#__PURE__*/function (_React$Component) {
   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) {
+    _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 () {
@@ -94,53 +86,48 @@ var NumberTextField = /*#__PURE__*/function (_React$Component) {
         });
       }
     });
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "errorMessage", function () {
+    (0, _defineProperty2["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 () {
+    /**
+     * 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((0, _assertThisInitialized2["default"])(_this));
+    _this.onChange = _this.onChange.bind(_this);
     return _this;
   }
-
-  (0, _createClass2["default"])(NumberTextField, [{
+  (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);
+      var value = this.clamp(props.value, props.min, props.max);
       this.setState({
         value: value
       });
@@ -148,29 +135,19 @@ var NumberTextField = /*#__PURE__*/function (_React$Component) {
   }, {
     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, _isFinite["default"])(value)) {
-        return fallbackNumber(this.props.min, this.props.max);
+        return fallbackNumber(min, max);
       }
-
-      var _this$props2 = this.props,
-          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) {
@@ -183,66 +160,60 @@ 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;
-      var names = (0, _classnames["default"])(classes.root, className);
+      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(_TextField["default"], {
-        variant: variant || 'standard',
+      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,
-        onKeyPress: function onKeyPress(e) {
+        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: names,
-        InputLabelProps: {
-          shrink: true
-        },
-        InputProps: {
-          endAdornment: suffix && /*#__PURE__*/_react["default"].createElement(_InputAdornment["default"], {
-            position: "end"
-          }, suffix),
-          className: inputClassName,
-          disableUnderline: disableUnderline
-        },
-        inputProps: {
-          min: min,
-          max: max
+        className: className,
+        slotProps: {
+          input: {
+            endAdornment: suffix && /*#__PURE__*/_react["default"].createElement(_InputAdornment["default"], {
+              position: "end"
+            }, suffix),
+            className: inputClassName,
+            inputProps: {
+              min: min,
+              max: max
+            }
+          }
         },
         margin: "normal"
       });
     }
   }]);
-  return NumberTextField;
 }(_react["default"].Component);
-
-exports.NumberTextField = NumberTextField;
 (0, _defineProperty2["default"])(NumberTextField, "propTypes", {
   disabled: _propTypes["default"].bool,
-  classes: _propTypes["default"].object.isRequired,
   className: _propTypes["default"].string,
   inputClassName: _propTypes["default"].string,
   onChange: _propTypes["default"].func.isRequired,
@@ -258,8 +229,5 @@ exports.NumberTextField = NumberTextField;
 (0, _defineProperty2["default"])(NumberTextField, "defaultProps", {
   showErrorWhenOutsideRange: false
 });
-
-var _default = (0, _styles.withStyles)(styles)(NumberTextField);
-
-exports["default"] = _default;
-//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJsb2ciLCJkZWJ1ZyIsInN0eWxlcyIsInRoZW1lIiwicm9vdCIsIm1hcmdpblJpZ2h0Iiwic3BhY2luZyIsInVuaXQiLCJmYWxsYmFja051bWJlciIsIm1pbiIsIm1heCIsImlzRmluaXRlIiwiTnVtYmVyVGV4dEZpZWxkIiwicHJvcHMiLCJldmVudCIsInZhbHVlIiwidGFyZ2V0IiwicmF3TnVtYmVyIiwicGFyc2VGbG9hdCIsIm51bWJlciIsImNsYW1wIiwic3RhdGUiLCJzZXRTdGF0ZSIsInRvU3RyaW5nIiwib25DaGFuZ2UiLCJmbG9hdCIsImNsYW1wZWQiLCJlcnJvck1lc3NhZ2UiLCJiaW5kIiwiTWF0aCIsImNsYXNzTmFtZSIsImNsYXNzZXMiLCJsYWJlbCIsImRpc2FibGVkIiwic3VmZml4IiwiaW5wdXRDbGFzc05hbWUiLCJkaXNhYmxlVW5kZXJsaW5lIiwic2hvd0Vycm9yV2hlbk91dHNpZGVSYW5nZSIsInZhcmlhbnQiLCJuYW1lcyIsImNsYXNzTmFtZXMiLCJlcnJvciIsImdldEVycm9yIiwicmVmIiwiaW5wdXRSZWYiLCJvbkJsdXIiLCJlIiwia2V5IiwiYmx1ciIsInNocmluayIsImVuZEFkb3JubWVudCIsIlJlYWN0IiwiQ29tcG9uZW50IiwiUHJvcFR5cGVzIiwiYm9vbCIsIm9iamVjdCIsImlzUmVxdWlyZWQiLCJzdHJpbmciLCJmdW5jIiwid2l0aFN0eWxlcyJdLCJzb3VyY2VzIjpbIi4uL3NyYy9udW1iZXItdGV4dC1maWVsZC5qc3giXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFByb3BUeXBlcyBmcm9tICdwcm9wLXR5cGVzJztcbmltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCc7XG5pbXBvcnQgVGV4dEZpZWxkIGZyb20gJ0BtYXRlcmlhbC11aS9jb3JlL1RleHRGaWVsZCc7XG5pbXBvcnQgY2xhc3NOYW1lcyBmcm9tICdjbGFzc25hbWVzJztcbmltcG9ydCB7IHdpdGhTdHlsZXMgfSBmcm9tICdAbWF0ZXJpYWwtdWkvY29yZS9zdHlsZXMnO1xuaW1wb3J0IGRlYnVnIGZyb20gJ2RlYnVnJztcbmltcG9ydCBpc0Zpbml0ZSBmcm9tICdsb2Rhc2gvaXNGaW5pdGUnO1xuaW1wb3J0IElucHV0QWRvcm5tZW50IGZyb20gJ0BtYXRlcmlhbC11aS9jb3JlL0lucHV0QWRvcm5tZW50JztcbmNvbnN0IGxvZyA9IGRlYnVnKCdAcGllLWxpYjpjb25maWctdWk6bnVtYmVyLXRleHQtZmllbGQnKTtcblxuY29uc3Qgc3R5bGVzID0gdGhlbWUgPT4gKHtcbiAgcm9vdDogeyBtYXJnaW5SaWdodDogdGhlbWUuc3BhY2luZy51bml0IH1cbn0pO1xuXG5jb25zdCBmYWxsYmFja051bWJlciA9IChtaW4sIG1heCkgPT4ge1xuICBpZiAoIWlzRmluaXRlKG1pbikgJiYgIWlzRmluaXRlKG1heCkpIHtcbiAgICByZXR1cm4gMDtcbiAgfVxuICBpZiAoIWlzRmluaXRlKG1pbikgJiYgaXNGaW5pdGUobWF4KSkge1xuICAgIHJldHVybiBtYXg7XG4gIH1cblxuICBpZiAoaXNGaW5pdGUobWluKSkge1xuICAgIHJldHVybiBtaW47XG4gIH1cbn07XG5cbmV4cG9ydCBjbGFzcyBOdW1iZXJUZXh0RmllbGQgZXh0ZW5kcyBSZWFjdC5Db21wb25lbnQge1xuICBzdGF0aWMgcHJvcFR5cGVzID0ge1xuICAgIGRpc2FibGVkOiBQcm9wVHlwZXMuYm9vbCxcbiAgICBjbGFzc2VzOiBQcm9wVHlwZXMub2JqZWN0LmlzUmVxdWlyZWQsXG4gICAgY2xhc3NOYW1lOiBQcm9wVHlwZXMuc3RyaW5nLFxuICAgIGlucHV0Q2xhc3NOYW1lOiBQcm9wVHlwZXMuc3RyaW5nLFxuICAgIG9uQ2hhbmdlOiBQcm9wVHlwZXMuZnVuYy5pc1JlcXVpcmVkLFxuICAgIHZhbHVlOiBQcm9wVHlwZXMubnVtYmVyLFxuICAgIG1pbjogUHJvcFR5cGVzLm51bWJlcixcbiAgICBtYXg6IFByb3BUeXBlcy5udW1iZXIsXG4gICAgbGFiZWw6IFByb3BUeXBlcy5zdHJpbmcsXG4gICAgc3VmZml4OiBQcm9wVHlwZXMuc3RyaW5nLFxuICAgIHNob3dFcnJvcldoZW5PdXRzaWRlUmFuZ2U6IFByb3BUeXBlcy5ib29sLFxuICAgIGRpc2FibGVVbmRlcmxpbmU6IFByb3BUeXBlcy5ib29sLFxuICAgIHZhcmlhbnQ6IFByb3BUeXBlcy5zdHJpbmdcbiAgfTtcblxuICBzdGF0aWMgZGVmYXVsdFByb3BzID0ge1xuICAgIHNob3dFcnJvcldoZW5PdXRzaWRlUmFuZ2U6IGZhbHNlXG4gIH07XG5cbiAgY29uc3RydWN0b3IocHJvcHMpIHtcbiAgICBzdXBlcihwcm9wcyk7XG5cbiAgICBjb25zdCB2YWx1ZSA9IHRoaXMuY2xhbXAocHJvcHMudmFsdWUpO1xuXG4gICAgdGhpcy5zdGF0ZSA9IHtcbiAgICAgIHZhbHVlXG4gICAgfTtcblxuICAgIGlmICh2YWx1ZSAhPT0gcHJvcHMudmFsdWUpIHtcbiAgICAgIHRoaXMucHJvcHMub25DaGFuZ2Uoe30sIHZhbHVlKTtcbiAgICB9XG5cbiAgICB0aGlzLm9uQ2hhbmdlID0gdGhpcy5vbkNoYW5nZS5iaW5kKHRoaXMpO1xuICB9XG5cbiAgVU5TQUZFX2NvbXBvbmVudFdpbGxSZWNlaXZlUHJvcHMocHJvcHMpIHtcbiAgICBjb25zdCB2YWx1ZSA9IHRoaXMuY2xhbXAocHJvcHMudmFsdWUpO1xuICAgIHRoaXMuc2V0U3RhdGUoeyB2YWx1ZSB9KTtcbiAgfVxuXG4gIGNsYW1wKHZhbHVlKSB7XG4gICAgaWYgKCFpc0Zpbml0ZSh2YWx1ZSkpIHtcbiAgICAgIHJldHVybiBmYWxsYmFja051bWJlcih0aGlzLnByb3BzLm1pbiwgdGhpcy5wcm9wcy5tYXgpO1xuICAgIH1cblxuICAgIGNvbnN0IHsgbWluLCBtYXggfSA9IHRoaXMucHJvcHM7XG5cbiAgICBpZiAoaXNGaW5pdGUobWF4KSkge1xuICAgICAgdmFsdWUgPSBNYXRoLm1pbih2YWx1ZSwgbWF4KTtcbiAgICB9XG4gICAgaWYgKGlzRmluaXRlKG1pbikpIHtcbiAgICAgIHZhbHVlID0gTWF0aC5tYXgodmFsdWUsIG1pbik7XG4gICAgfVxuICAgIHJldHVybiB2YWx1ZTtcbiAgfVxuXG4gIC8qKlxuICAgKiBvbiBCbHVyICh0aGlzIGNhbiBiZSB0cmlnZ2VyZWQgYnkgcHJlc3NpbmcgRW50ZXIsIHNlZSBiZWxvdylcbiAgICogd2UgY2hlY2sgdGhlIGVudGVyZWQgdmFsdWUgYW5kIHJlc2V0IGl0IGlmIG5lZWRlZFxuICAgKi9cbiAgb25CbHVyID0gZXZlbnQgPT4ge1xuICAgIGNvbnN0IHZhbHVlID0gZXZlbnQudGFyZ2V0LnZhbHVlO1xuXG4gICAgY29uc3QgcmF3TnVtYmVyID0gcGFyc2VGbG9hdCh2YWx1ZSk7XG4gICAgbG9nKCdyYXdOdW1iZXI6ICcsIHJhd051bWJlcik7XG5cbiAgICBjb25zdCBudW1iZXIgPSB0aGlzLmNsYW1wKHJhd051bWJlcik7XG4gICAgbG9nKCdudW1iZXI6ICcsIG51bWJlcik7XG5cbiAgICBpZiAobnVtYmVyICE9PSB0aGlzLnN0YXRlLnZhbHVlKSB7XG4gICAgICBsb2coJ3RyaWdnZXIgdXBkYXRlLi4uJyk7XG4gICAgICB0aGlzLnNldFN0YXRlKHsgdmFsdWU6IG51bWJlci50b1N0cmluZygpIH0sICgpID0+IHtcbiAgICAgICAgdGhpcy5wcm9wcy5vbkNoYW5nZShldmVudCwgbnVtYmVyKTtcbiAgICAgIH0pO1xuICAgIH1cbiAgfTtcblxuICBvbkNoYW5nZShldmVudCkge1xuICAgIGNvbnN0IHZhbHVlID0gZXZlbnQudGFyZ2V0LnZhbHVlO1xuICAgIHRoaXMuc2V0U3RhdGUoeyB2YWx1ZSB9KTtcbiAgfVxuXG4gIGVycm9yTWVzc2FnZSA9ICgpID0+IHtcbiAgICBjb25zdCB7IG1pbiwgbWF4IH0gPSB0aGlzLnByb3BzO1xuICAgIGlmIChtaW4gJiYgbWF4KSB7XG4gICAgICByZXR1cm4gYFRoZSB2YWx1ZSBtdXN0IGJlIGJldHdlZW4gJHttaW59IGFuZCAke21heH1gO1xuICAgIH1cbiAgICBpZiAobWluKSB7XG4gICAgICByZXR1cm4gYFRoZSB2YWx1ZSBtdXN0IGJlIGdyZWF0ZXIgdGhhbiAke21pbn1gO1xuICAgIH1cbiAgICBpZiAobWF4KSB7XG4gICAgICByZXR1cm4gYFRoZSB2YWx1ZSBtdXN0IGJlIGxlc3MgdGhhbiAke21heH1gO1xuICAgIH1cbiAgfTtcblxuICAvKipcbiAgICogaWYgdGhlIGlucHV0IGhhcyB0byBzaG93IGVycm9yIHdoZW4gb3V0c2lkZSByYW5nZSxcbiAgICogYW5kIHRoZSBlbnRlcmVkIHZhbHVlIGlzIG5vdCBtYXRjaGluZyB0aGUgcmVxdWlyZW1lbnRzXG4gICAqIHdlIGRpc3BsYXkgZXJyb3IgbWVzc2FnZVxuICAgKi9cblxuICBnZXRFcnJvciA9ICgpID0+IHtcbiAgICBjb25zdCB7IHZhbHVlIH0gPSB0aGlzLnN0YXRlO1xuICAgIGNvbnN0IGZsb2F0ID0gcGFyc2VGbG9hdCh2YWx1ZSk7XG4gICAgY29uc3QgY2xhbXBlZCA9IHRoaXMuY2xhbXAoZmxvYXQpO1xuICAgIGlmIChjbGFtcGVkICE9PSBmbG9hdCkge1xuICAgICAgcmV0dXJuIHRoaXMuZXJyb3JNZXNzYWdlKCk7XG4gICAgfVxuICB9O1xuXG4gIHJlbmRlcigpIHtcbiAgICBjb25zdCB7XG4gICAgICBjbGFzc05hbWUsXG4gICAgICBjbGFzc2VzLFxuICAgICAgbGFiZWwsXG4gICAgICBkaXNhYmxlZCxcbiAgICAgIHN1ZmZpeCxcbiAgICAgIG1pbixcbiAgICAgIG1heCxcbiAgICAgIGlucHV0Q2xhc3NOYW1lLFxuICAgICAgZGlzYWJsZVVuZGVybGluZSxcbiAgICAgIHNob3dFcnJvcldoZW5PdXRzaWRlUmFuZ2UsXG4gICAgICB2YXJpYW50XG4gICAgfSA9IHRoaXMucHJvcHM7XG4gICAgY29uc3QgbmFtZXMgPSBjbGFzc05hbWVzKGNsYXNzZXMucm9vdCwgY2xhc3NOYW1lKTtcblxuICAgIGNvbnN0IGVycm9yID0gc2hvd0Vycm9yV2hlbk91dHNpZGVSYW5nZSAmJiB0aGlzLmdldEVycm9yKCk7XG4gICAgcmV0dXJuIChcbiAgICAgIDxUZXh0RmllbGRcbiAgICAgICAgdmFyaWFudD17dmFyaWFudCB8fCAnc3RhbmRhcmQnfVxuICAgICAgICBpbnB1dFJlZj17cmVmID0+IHtcbiAgICAgICAgICB0aGlzLmlucHV0UmVmID0gcmVmO1xuICAgICAgICB9fVxuICAgICAgICBkaXNhYmxlZD17ZGlzYWJsZWR9XG4gICAgICAgIGxhYmVsPXtsYWJlbH1cbiAgICAgICAgdmFsdWU9e3RoaXMuc3RhdGUudmFsdWV9XG4gICAgICAgIGVycm9yPXshIWVycm9yfVxuICAgICAgICBoZWxwZXJUZXh0PXtlcnJvcn1cbiAgICAgICAgb25DaGFuZ2U9e3RoaXMub25DaGFuZ2V9XG4gICAgICAgIG9uQmx1cj17dGhpcy5vbkJsdXJ9XG4gICAgICAgIG9uS2V5UHJlc3M9e2UgPT4ge1xuICAgICAgICAgIC8vIG9uY2UgdGhlIEVudGVyIGtleSBpcyBwcmVzc2VkLCB3ZSBmb3JjZSBpbnB1dCBibHVyXG4gICAgICAgICAgaWYgKGUua2V5ID09PSAnRW50ZXInICYmIHRoaXMuaW5wdXRSZWYpIHtcbiAgICAgICAgICAgIHRoaXMuaW5wdXRSZWYuYmx1cigpO1xuICAgICAgICAgIH1cbiAgICAgICAgfX1cbiAgICAgICAgdHlwZT1cIm51bWJlclwiXG4gICAgICAgIGNsYXNzTmFtZT17bmFtZXN9XG4gICAgICAgIElucHV0TGFiZWxQcm9wcz17e1xuICAgICAgICAgIHNocmluazogdHJ1ZVxuICAgICAgICB9fVxuICAgICAgICBJbnB1dFByb3BzPXt7XG4gICAgICAgICAgZW5kQWRvcm5tZW50OiBzdWZmaXggJiYgPElucHV0QWRvcm5tZW50IHBvc2l0aW9uPVwiZW5kXCI+e3N1ZmZpeH08L0lucHV0QWRvcm5tZW50PixcbiAgICAgICAgICBjbGFzc05hbWU6IGlucHV0Q2xhc3NOYW1lLFxuICAgICAgICAgIGRpc2FibGVVbmRlcmxpbmU6IGRpc2FibGVVbmRlcmxpbmVcbiAgICAgICAgfX1cbiAgICAgICAgaW5wdXRQcm9wcz17e1xuICAgICAgICAgIG1pbixcbiAgICAgICAgICBtYXhcbiAgICAgICAgfX1cbiAgICAgICAgbWFyZ2luPVwibm9ybWFsXCJcbiAgICAgIC8+XG4gICAgKTtcbiAgfVxufVxuXG5leHBvcnQgZGVmYXVsdCB3aXRoU3R5bGVzKHN0eWxlcykoTnVtYmVyVGV4dEZpZWxkKTtcbiJdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7QUFBQTs7QUFDQTs7QUFDQTs7QUFDQTs7QUFDQTs7QUFDQTs7QUFDQTs7QUFDQTs7Ozs7O0FBQ0EsSUFBTUEsR0FBRyxHQUFHLElBQUFDLGlCQUFBLEVBQU0sc0NBQU4sQ0FBWjs7QUFFQSxJQUFNQyxNQUFNLEdBQUcsU0FBVEEsTUFBUyxDQUFBQyxLQUFLO0VBQUEsT0FBSztJQUN2QkMsSUFBSSxFQUFFO01BQUVDLFdBQVcsRUFBRUYsS0FBSyxDQUFDRyxPQUFOLENBQWNDO0lBQTdCO0VBRGlCLENBQUw7QUFBQSxDQUFwQjs7QUFJQSxJQUFNQyxjQUFjLEdBQUcsU0FBakJBLGNBQWlCLENBQUNDLEdBQUQsRUFBTUMsR0FBTixFQUFjO0VBQ25DLElBQUksQ0FBQyxJQUFBQyxvQkFBQSxFQUFTRixHQUFULENBQUQsSUFBa0IsQ0FBQyxJQUFBRSxvQkFBQSxFQUFTRCxHQUFULENBQXZCLEVBQXNDO0lBQ3BDLE9BQU8sQ0FBUDtFQUNEOztFQUNELElBQUksQ0FBQyxJQUFBQyxvQkFBQSxFQUFTRixHQUFULENBQUQsSUFBa0IsSUFBQUUsb0JBQUEsRUFBU0QsR0FBVCxDQUF0QixFQUFxQztJQUNuQyxPQUFPQSxHQUFQO0VBQ0Q7O0VBRUQsSUFBSSxJQUFBQyxvQkFBQSxFQUFTRixHQUFULENBQUosRUFBbUI7SUFDakIsT0FBT0EsR0FBUDtFQUNEO0FBQ0YsQ0FYRDs7SUFhYUcsZTs7Ozs7RUFxQlgseUJBQVlDLEtBQVosRUFBbUI7SUFBQTs7SUFBQTtJQUNqQiwwQkFBTUEsS0FBTjtJQURpQiwyRkF5Q1YsVUFBQUMsS0FBSyxFQUFJO01BQ2hCLElBQU1DLEtBQUssR0FBR0QsS0FBSyxDQUFDRSxNQUFOLENBQWFELEtB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
+var _default = exports["default"] = NumberTextField;
+//# 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":";;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;AACA,IAAMA,GAAG,GAAG,IAAAC,iBAAA,EAAM,sCAAN,CAAZ;;AAEA,IAAMC,MAAM,GAAG,SAATA,MAAS,CAAAC,KAAK;EAAA,OAAK;IACvBC,IAAI,EAAE;MAAEC,WAAW,EAAEF,KAAK,CAACG,OAAN,CAAcC;IAA7B;EADiB,CAAL;AAAA,CAApB;;AAIA,IAAMC,cAAc,GAAG,SAAjBA,cAAiB,CAACC,GAAD,EAAMC,GAAN,EAAc;EACnC,IAAI,CAAC,IAAAC,oBAAA,EAASF,GAAT,CAAD,IAAkB,CAAC,IAAAE,oBAAA,EAASD,GAAT,CAAvB,EAAsC;IACpC,OAAO,CAAP;EACD;;EACD,IAAI,CAAC,IAAAC,oBAAA,EAASF,GAAT,CAAD,IAAkB,IAAAE,oBAAA,EAASD,GAAT,CAAtB,EAAqC;IACnC,OAAOA,GAAP;EACD;;EAED,IAAI,IAAAC,oBAAA,EAASF,GAAT,CAAJ,EAAmB;IACjB,OAAOA,GAAP;EACD;AACF,CAXD;;IAaaG,e;;;;;EAqBX,yBAAYC,KAAZ,EAAmB;IAAA;;IAAA;IACjB,0BAAMA,KAAN;IADiB,2FAyCV,UAAAC,KAAK,EAAI;MAChB,IAAMC,KAAK,GAAGD,KAAK,CAACE,MAAN,CAAaD,KAA3B;MAEA,IAAME,SAAS,GAAGC,UAAU,CAACH,KAAD,CAA5B;MACAf,GAAG,CAAC,aAAD,EAAgBiB,SAAhB,CAAH;;MAEA,IAAME,MAAM,GAAG,MAAKC,KAAL,CAAWH,SAAX,CAAf;;MACAjB,GAAG,CAAC,UAAD,EAAamB,MAAb,CAAH;;MAEA,IAAIA,MAAM,KAAK,MAAKE,KAAL,CAAWN,KAA1B,EAAiC;QAC/Bf,GAAG,CAAC,mBAAD,CAAH;;QACA,MAAKsB,QAAL,CAAc;UAAEP,KAAK,EAAEI,MAAM,CAACI,QAAP;QAAT,CAAd,EAA4C,YAAM;UAChD,MAAKV,KAAL,CAAWW,QAAX,CAAoBV,KAApB,EAA2BK,MAA3B;QACD,CAFD;MAGD;IACF,CAxDkB;IAAA,iGA+DJ,YAAM;MACnB,kBAAqB,MAAKN,KAA1B;MAAA,IAAQJ,GAAR,eAAQA,GAAR;MAAA,IAAaC,GAAb,eAAaA,GAAb;;MACA,IAAID,GAAG,IAAIC,GAAX,EAAgB;QACd,2CAAoCD,GAApC,kBAA+CC,GAA/C;MACD;;MACD,IAAID,GAAJ,EAAS;QACP,gDAAyCA,GAAzC;MACD;;MACD,IAAIC,GAAJ,EAAS;QACP,6CAAsCA,GAAtC;MACD;IACF,CA1EkB;IAAA,6FAkFR,YAAM;MACf,IAAQK,KAAR,GAAkB,MAAKM,KAAvB,CAAQN,KAAR;;MACA,IAAMU,MAAK,GAAGP,UAAU,CAACH,KAAD,CAAxB;;MACA,IAAMW,OAAO,GAAG,MAAKN,KAAL,CAAWK,MAAX,CAAhB;;MACA,IAAIC,OAAO,KAAKD,MAAhB,EAAuB;QACrB,OAAO,MAAKE,YAAL,EAAP;MACD;IACF,CAzFkB;;IAGjB,IAAMZ,MAAK,GAAG,MAAKK,KAAL,CAAWP,KAAK,CAACE,KAAjB,CAAd;;IAEA,MAAKM,KAAL,GAAa;MACXN,KAAK,EAALA;IADW,CAAb;;IAIA,IAAIA,MAAK,KAAKF,KAAK,CAACE,KAApB,EAA2B;MACzB,MAAKF,KAAL,CAAWW,QAAX,CAAoB,EAApB,EAAwBT,MAAxB;IACD;;IAED,MAAKS,QAAL,GAAgB,MAAKA,QAAL,CAAcI,IAAd,gDAAhB;IAbiB;EAclB;;;;WAED,0CAAiCf,KAAjC,EAAwC;MACtC,IAAME,KAAK,GAAG,KAAKK,KAAL,CAAWP,KAAK,CAACE,KAAjB,CAAd;MACA,KAAKO,QAAL,CAAc;QAAEP,KAAK,EAALA;MAAF,CAAd;IACD;;;WAED,eAAMA,KAAN,EAAa;MACX,IAAI,CAAC,IAAAJ,oBAAA,EAASI,KAAT,CAAL,EAAsB;QACpB,OAAOP,cAAc,CAAC,KAAKK,KAAL,CAAWJ,GAAZ,EAAiB,KAAKI,KAAL,CAAWH,GAA5B,CAArB;MACD;;MAED,mBAAqB,KAAKG,KAA1B;MAAA,IAAQJ,GAAR,gBAAQA,GAAR;MAAA,IAAaC,GAAb,gBAAaA,GAAb;;MAEA,IAAI,IAAAC,oBAAA,EAASD,GAAT,CAAJ,EAAmB;QACjBK,KAAK,GAAGc,IAAI,CAACpB,GAAL,CAASM,KAAT,EAAgBL,GAAhB,CAAR;MACD;;MACD,IAAI,IAAAC,oBAAA,EAASF,GAAT,CAAJ,EAAmB;QACjBM,KAAK,GAAGc,IAAI,CAACnB,GAAL,CAASK,KAAT,EAAgBN,GAAhB,CAAR;MACD;;MACD,OAAOM,KAAP;IACD;IAED;AACF;AACA;AACA;;;;WAkBE,kBAASD,KAAT,EAAgB;MACd,IAAMC,KAAK,GAAGD,KAAK,CAACE,MAAN,CAAaD,KAA3B;MACA,KAAKO,QAAL,CAAc;QAAEP,KAAK,EAALA;MAAF,CAAd;IACD;;;WA8BD,kBAAS;MAAA;;MACP,mBAYI,KAAKF,KAZT;MAAA,IACEiB,SADF,gBACEA,SADF;MAAA,IAEEC,OAFF,gBAEEA,OAFF;MAAA,IAGEC,KAHF,gBAGEA,KAHF;MAAA,IAIEC,QAJF,gBAIEA,QAJF;MAAA,IAKEC,MALF,gBAKEA,MALF;MAAA,IAMEzB,GANF,gBAMEA,GANF;MAAA,IAOEC,GAPF,gBAOEA,GAPF;MAAA,IAQEyB,cARF,gBAQEA,cARF;MAAA,IASEC,gBATF,gBASEA,gBATF;MAAA,IAUEC,yBAVF,gBAUEA,yBAVF;MAAA,IAWEC,OAXF,gBAWEA,OAXF;MAaA,IAAMC,KAAK,GAAG,IAAAC,sBAAA,EAAWT,OAAO,CAAC3B,IAAnB,EAAyB0B,SAAzB,CAAd;MAEA,IAAMW,KAAK,GAAGJ,yBAAyB,IAAI,KAAKK,QAAL,EAA3C;MACA,oBACE,gCAAC,qBAAD;QACE,OAAO,EAAEJ,OAAO,IAAI,UADtB;QAEE,QAAQ,EAAE,kBAAAK,GAAG,EAAI;UACf,MAAI,CAACC,QAAL,GAAgBD,GAAhB;QACD,CAJH;QAKE,QAAQ,EAAEV,QALZ;QAME,KAAK,EAAED,KANT;QAOE,KAAK,EAAE,KAAKX,KAAL,CAAWN,KAPpB;QAQE,KAAK,EAAE,CAAC,CAAC0B,KARX;QASE,UAAU,EAAEA,KATd;QAUE,QAAQ,EAAE,KAAKjB,QAVjB;QAWE,MAAM,EAAE,KAAKqB,MAXf;QAYE,UAAU,EAAE,oBAAAC,CAAC,EAAI;UACf;UACA,IAAIA,CAAC,CAACC,GAAF,KAAU,OAAV,IAAqB,MAAI,CAACH,QAA9B,EAAwC;YACtC,MAAI,CAACA,QAAL,CAAcI,IAAd;UACD;QACF,CAjBH;QAkBE,IAAI,EAAC,QAlBP;QAmBE,SAAS,EAAET,KAnBb;QAoBE,eAAe,EAAE;UACfU,MAAM,EAAE;QADO,CApBnB;QAuBE,UAAU,EAAE;UACVC,YAAY,EAAEhB,MAAM,iBAAI,gCAAC,0BAAD;YAAgB,QAAQ,EAAC;UAAzB,GAAgCA,MAAhC,CADd;UAEVJ,SAAS,EAAEK,cAFD;UAGVC,gBAAgB,EAAEA;QAHR,CAvBd;QA4BE,UAAU,EAAE;UACV3B,GAAG,EAAHA,GADU;UAEVC,GAAG,EAAHA;QAFU,CA5Bd;QAgCE,MAAM,EAAC;MAhCT,EADF;IAoCD;;;EArKkCyC,iBAAA,CAAMC,S;;;iCAA9BxC,e,eACQ;EACjBqB,QAAQ,EAAEoB,qBAAA,CAAUC,IADH;EAEjBvB,OAAO,EAAEsB,qBAAA,CAAUE,MAAV,CAAiBC,UAFT;EAGjB1B,SAAS,EAAEuB,qBAAA,CAAUI,MAHJ;EAIjBtB,cAAc,EAAEkB,qBAAA,CAAUI,MAJT;EAKjBjC,QAAQ,EAAE6B,qBAAA,CAAUK,IAAV,CAAeF,UALR;EAMjBzC,KAAK,EAAEsC,qBAAA,CAAUlC,MANA;EAOjBV,GAAG,EAAE4C,qBAAA,CAAUlC,MAPE;EAQjBT,GAAG,EAAE2C,qBAAA,CAAUlC,MARE;EASjBa,KAAK,EAAEqB,qBAAA,CAAUI,MATA;EAUjBvB,MAAM,EAAEmB,qBAAA,CAAUI,MAVD;EAWjBpB,yBAAyB,EAAEgB,qBAAA,CAAUC,IAXpB;EAYjBlB,gBAAgB,EAAEiB,qBAAA,CAAUC,IAZX;EAajBhB,OAAO,EAAEe,qBAAA,CAAUI;AAbF,C;iCADR7C,e,kBAiBW;EACpByB,yBAAyB,EAAE;AADP,C;;eAuJT,IAAAsB,kBAAA,EAAWzD,MAAX,EAAmBU,eAAnB,C"}
+{"version":3,"file":"number-text-field.js","names":["_propTypes","_interopRequireDefault","require","_react","_TextField","_styles","_debug","_isFinite","_InputAdornment","_callSuper","t","o","e","_getPrototypeOf2","_possibleConstructorReturn2","_isNativeReflectConstruct","Reflect","construct","constructor","apply","Boolean","prototype","valueOf","call","log","debug","StyledTextField","styled","TextField","_ref","theme","marginRight","spacing","width","minWidth","maxWidth","whiteSpace","overflow","transform","transformOrigin","position","height","minHeight","padding","display","fallbackNumber","min","max","isFinite","NumberTextField","exports","_React$Component","props","_this","_classCallCheck2","_defineProperty2","event","value","target","rawNumber","parseFloat","number","clamp","state","setState","toString","onChange","_this$props","concat","float","clamped","errorMessage","bind","_inherits2","_createClass2","key","UNSAFE_componentWillReceiveProps","arguments","length","undefined","Math","render","_this2","_this$props2","className","label","disabled","suffix","inputClassName","disableUnderline","showErrorWhenOutsideRange","variant","error","getError","createElement","inputRef","ref","InputLabelProps","shrink","helperText","onBlur","onKeyDown","blur","type","slotProps","input","endAdornment","inputProps","margin","React","Component","PropTypes","bool","string","func","isRequired","_default"],"sources":["../src/number-text-field.jsx"],"sourcesContent":["import PropTypes from 'prop-types';\nimport React from 'react';\nimport TextField from '@mui/material/TextField';\nimport { styled } from '@mui/material/styles';\nimport debug from 'debug';\nimport isFinite from 'lodash/isFinite';\nimport InputAdornment from '@mui/material/InputAdornment';\nconst log = debug('@pie-lib:config-ui:number-text-field');\n\nconst StyledTextField = styled(TextField)(({ theme }) => ({\n  marginRight: theme.spacing(1),\n  '& .MuiInputLabel-root': {\n    width: 'auto',\n    minWidth: 'max-content',\n    maxWidth: 'none',\n    whiteSpace: 'nowrap',\n    overflow: 'visible',\n    transform: 'translate(0, 8px) scale(0.75)',\n    transformOrigin: 'top left',\n    position: 'relative',\n  },\n  '& .MuiInputBase-root, & .MuiInput-root, & .MuiFilledInput-root, & .MuiOutlinedInput-root': {\n    height: 'auto',\n    minHeight: 'auto',\n  },\n  '& .MuiInputBase-input': {\n    height: 'auto',\n    minHeight: 'auto',\n    padding: '8px 12px',\n  },\n  '& .MuiInput-root, & .MuiFilledInput-root': {\n    '&:before, &:after, &:hover:not(.Mui-disabled):before': {\n      display: 'none',\n    },\n  },\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    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, props.min, props.max);\n\n    this.setState({ value });\n  }\n\n  clamp(value, min = this.props.min, max = this.props.max) {\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  /**\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      label,\n      disabled,\n      suffix,\n      min,\n      max,\n      inputClassName,\n      disableUnderline,\n      showErrorWhenOutsideRange,\n      variant,\n    } = this.props;\n\n    const error = showErrorWhenOutsideRange && this.getError();\n    return (\n      <StyledTextField\n        variant={disableUnderline ? 'filled' : (variant || 'standard')}\n        inputRef={(ref) => {\n          this.inputRef = ref;\n        }}\n        disabled={disabled}\n        label={label}\n        InputLabelProps={{\n          shrink: true,\n        }}\n        value={this.state.value}\n        error={!!error}\n        helperText={error}\n        onChange={this.onChange}\n        onBlur={this.onBlur}\n        onKeyDown={(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={className}\n        slotProps={{\n          input: {\n            endAdornment: suffix && <InputAdornment position=\"end\">{suffix}</InputAdornment>,\n            className: inputClassName,\n            inputProps: {\n              min,\n              max,\n            },\n          },\n        }}\n        margin=\"normal\"\n      />\n    );\n  }\n}\n\nexport default NumberTextField;\n"],"mappings":"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","ignoreList":[]}

package/lib/radio-with-label.js

@@ -1,41 +1,48 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
-
-var _FormControlLabel = _interopRequireDefault(require("@material-ui/core/FormControlLabel"));
-
-var _Radio = _interopRequireDefault(require("@material-ui/core/Radio"));
-
+var _FormControlLabel = _interopRequireDefault(require("@mui/material/FormControlLabel"));
+var _Radio = _interopRequireDefault(require("@mui/material/Radio"));
 var _react = _interopRequireDefault(require("react"));
-
-var _styles = require("@material-ui/core/styles");
-
-var _default = (0, _styles.withStyles)({
-  label: {
-    left: '-5px',
-    position: 'relative'
-  }
-})(function (_ref) {
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _styles = require("@mui/material/styles");
+var _renderUi = require("@pie-lib/render-ui");
+var StyledFormControlLabel = (0, _styles.styled)(_FormControlLabel["default"])(function () {
+  return {
+    '& .MuiFormControlLabel-label': {
+      left: '-5px',
+      position: 'relative'
+    }
+  };
+});
+var StyledRadio = (0, _styles.styled)(_Radio["default"])(function () {
+  return {
+    color: "".concat(_renderUi.color.tertiary(), " !important")
+  };
+});
+var RadioWithLabel = function RadioWithLabel(_ref) {
   var label = _ref.label,
-      value = _ref.value,
-      checked = _ref.checked,
-      onChange = _ref.onChange,
-      classes = _ref.classes;
-  return /*#__PURE__*/_react["default"].createElement(_FormControlLabel["default"], {
+    value = _ref.value,
+    checked = _ref.checked,
+    onChange = _ref.onChange;
+  return /*#__PURE__*/_react["default"].createElement(StyledFormControlLabel, {
     value: value,
-    classes: classes,
-    control: /*#__PURE__*/_react["default"].createElement(_Radio["default"], {
+    control: /*#__PURE__*/_react["default"].createElement(StyledRadio, {
       checked: checked,
       onChange: onChange
     }),
     label: label
   });
-});
-
-exports["default"] = _default;
-//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJ3aXRoU3R5bGVzIiwibGFiZWwiLCJsZWZ0IiwicG9zaXRpb24iLCJ2YWx1ZSIsImNoZWNrZWQiLCJvbkNoYW5nZSIsImNsYXNzZXMiXSwic291cmNlcyI6WyIuLi9zcmMvcmFkaW8td2l0aC1sYWJlbC5qc3giXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IEZvcm1Db250cm9sTGFiZWwgZnJvbSAnQG1hdGVyaWFsLXVpL2NvcmUvRm9ybUNvbnRyb2xMYWJlbCc7XG5pbXBvcnQgUmFkaW8gZnJvbSAnQG1hdGVyaWFsLXVpL2NvcmUvUmFkaW8nO1xuaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IHdpdGhTdHlsZXMgfSBmcm9tICdAbWF0ZXJpYWwtdWkvY29yZS9zdHlsZXMnO1xuXG5leHBvcnQgZGVmYXVsdCB3aXRoU3R5bGVzKHtcbiAgbGFiZWw6IHtcbiAgICBsZWZ0OiAnLTVweCcsXG4gICAgcG9zaXRpb246ICdyZWxhdGl2ZSdcbiAgfVxufSkoKHsgbGFiZWwsIHZhbHVlLCBjaGVja2VkLCBvbkNoYW5nZSwgY2xhc3NlcyB9KSA9PiAoXG4gIDxGb3JtQ29udHJvbExhYmVsXG4gICAgdmFsdWU9e3ZhbHVlfVxuICAgIGNsYXNzZXM9e2NsYXNzZXN9XG4gICAgY29udHJvbD17PFJhZGlvIGNoZWNrZWQ9e2NoZWNrZWR9IG9uQ2hhbmdlPXtvbkNoYW5nZX0gLz59XG4gICAgbGFiZWw9e2xhYmVsfVxuICAvPlxuKSk7XG4iXSwibWFwcGluZ3MiOiI7Ozs7Ozs7OztBQUFBOztBQUNBOztBQUNBOztBQUNBOztlQUVlLElBQUFBLGtCQUFBLEVBQVc7RUFDeEJDLEtBQUssRUFBRTtJQUNMQyxJQUFJLEVBQUUsTUFERDtJQUVMQyxRQUFRLEVBQUU7RUFGTDtBQURpQixDQUFYLEVBS1o7RUFBQSxJQUFHRixLQUFILFFBQUdBLEtBQUg7RUFBQSxJQUFVRyxLQUFWLFFBQVVBLEtBQVY7RUFBQSxJQUFpQkMsT0FBakIsUUFBaUJBLE9BQWpCO0VBQUEsSUFBMEJDLFFBQTFCLFFBQTBCQSxRQUExQjtFQUFBLElBQW9DQyxPQUFwQyxRQUFvQ0EsT0FBcEM7RUFBQSxvQkFDRCxnQ0FBQyw0QkFBRDtJQUNFLEtBQUssRUFBRUgsS0FEVDtJQUVFLE9BQU8sRUFBRUcsT0FGWDtJQUdFLE9BQU8sZUFBRSxnQ0FBQyxpQkFBRDtNQUFPLE9BQU8sRUFBRUYsT0FBaEI7TUFBeUIsUUFBUSxFQUFFQztJQUFuQyxFQUhYO0lBSUUsS0FBSyxFQUFFTDtFQUpULEVBREM7QUFBQSxDQUxZLEMifQ==
+};
+RadioWithLabel.propTypes = {
+  label: _propTypes["default"].string,
+  value: _propTypes["default"].string,
+  checked: _propTypes["default"].bool,
+  onChange: _propTypes["default"].func
+};
+var _default = exports["default"] = RadioWithLabel;
+//# sourceMappingURL=radio-with-label.js.map

package/lib/radio-with-label.js.map

@@ -1 +1 @@
-{"version":3,"file":"radio-with-label.js","names":["withStyles","label","left","position","value","checked","onChange","classes"],"sources":["../src/radio-with-label.jsx"],"sourcesContent":["import FormControlLabel from '@material-ui/core/FormControlLabel';\nimport Radio from '@material-ui/core/Radio';\nimport React from 'react';\nimport { withStyles } from '@material-ui/core/styles';\n\nexport default withStyles({\n  label: {\n    left: '-5px',\n    position: 'relative'\n  }\n})(({ label, value, checked, onChange, classes }) => (\n  <FormControlLabel\n    value={value}\n    classes={classes}\n    control={<Radio checked={checked} onChange={onChange} />}\n    label={label}\n  />\n));\n"],"mappings":";;;;;;;;;AAAA;;AACA;;AACA;;AACA;;eAEe,IAAAA,kBAAA,EAAW;EACxBC,KAAK,EAAE;IACLC,IAAI,EAAE,MADD;IAELC,QAAQ,EAAE;EAFL;AADiB,CAAX,EAKZ;EAAA,IAAGF,KAAH,QAAGA,KAAH;EAAA,IAAUG,KAAV,QAAUA,KAAV;EAAA,IAAiBC,OAAjB,QAAiBA,OAAjB;EAAA,IAA0BC,QAA1B,QAA0BA,QAA1B;EAAA,IAAoCC,OAApC,QAAoCA,OAApC;EAAA,oBACD,gCAAC,4BAAD;IACE,KAAK,EAAEH,KADT;IAEE,OAAO,EAAEG,OAFX;IAGE,OAAO,eAAE,gCAAC,iBAAD;MAAO,OAAO,EAAEF,OAAhB;MAAyB,QAAQ,EAAEC;IAAnC,EAHX;IAIE,KAAK,EAAEL;EAJT,EADC;AAAA,CALY,C"}
+{"version":3,"file":"radio-with-label.js","names":["_FormControlLabel","_interopRequireDefault","require","_Radio","_react","_propTypes","_styles","_renderUi","StyledFormControlLabel","styled","FormControlLabel","left","position","StyledRadio","Radio","color","concat","tertiary","RadioWithLabel","_ref","label","value","checked","onChange","createElement","control","propTypes","PropTypes","string","bool","func","_default","exports"],"sources":["../src/radio-with-label.jsx"],"sourcesContent":["import FormControlLabel from '@mui/material/FormControlLabel';\nimport Radio from '@mui/material/Radio';\nimport React from 'react';\nimport PropTypes from 'prop-types';\nimport { styled } from '@mui/material/styles';\nimport { color } from '@pie-lib/render-ui';\n\nconst StyledFormControlLabel = styled(FormControlLabel)(() => ({\n  '& .MuiFormControlLabel-label': {\n    left: '-5px',\n    position: 'relative',\n  },\n}));\n\nconst StyledRadio = styled(Radio)(() => ({\n  color: `${color.tertiary()} !important`,\n}));\n\nconst RadioWithLabel = ({ label, value, checked, onChange }) => (\n  <StyledFormControlLabel\n    value={value}\n    control={<StyledRadio checked={checked} onChange={onChange} />}\n    label={label}\n  />\n);\n\nRadioWithLabel.propTypes = {\n  label: PropTypes.string,\n  value: PropTypes.string,\n  checked: PropTypes.bool,\n  onChange: PropTypes.func,\n};\n\nexport default RadioWithLabel;\n"],"mappings":";;;;;;;AAAA,IAAAA,iBAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,MAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,MAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,UAAA,GAAAJ,sBAAA,CAAAC,OAAA;AACA,IAAAI,OAAA,GAAAJ,OAAA;AACA,IAAAK,SAAA,GAAAL,OAAA;AAEA,IAAMM,sBAAsB,GAAG,IAAAC,cAAM,EAACC,4BAAgB,CAAC,CAAC;EAAA,OAAO;IAC7D,8BAA8B,EAAE;MAC9BC,IAAI,EAAE,MAAM;MACZC,QAAQ,EAAE;IACZ;EACF,CAAC;AAAA,CAAC,CAAC;AAEH,IAAMC,WAAW,GAAG,IAAAJ,cAAM,EAACK,iBAAK,CAAC,CAAC;EAAA,OAAO;IACvCC,KAAK,KAAAC,MAAA,CAAKD,eAAK,CAACE,QAAQ,CAAC,CAAC;EAC5B,CAAC;AAAA,CAAC,CAAC;AAEH,IAAMC,cAAc,GAAG,SAAjBA,cAAcA,CAAAC,IAAA;EAAA,IAAMC,KAAK,GAAAD,IAAA,CAALC,KAAK;IAAEC,KAAK,GAAAF,IAAA,CAALE,KAAK;IAAEC,OAAO,GAAAH,IAAA,CAAPG,OAAO;IAAEC,QAAQ,GAAAJ,IAAA,CAARI,QAAQ;EAAA,oBACvDnB,MAAA,YAAAoB,aAAA,CAAChB,sBAAsB;IACrBa,KAAK,EAAEA,KAAM;IACbI,OAAO,eAAErB,MAAA,YAAAoB,aAAA,CAACX,WAAW;MAACS,OAAO,EAAEA,OAAQ;MAACC,QAAQ,EAAEA;IAAS,CAAE,CAAE;IAC/DH,KAAK,EAAEA;EAAM,CACd,CAAC;AAAA,CACH;AAEDF,cAAc,CAACQ,SAAS,GAAG;EACzBN,KAAK,EAAEO,qBAAS,CAACC,MAAM;EACvBP,KAAK,EAAEM,qBAAS,CAACC,MAAM;EACvBN,OAAO,EAAEK,qBAAS,CAACE,IAAI;EACvBN,QAAQ,EAAEI,qBAAS,CAACG;AACtB,CAAC;AAAC,IAAAC,QAAA,GAAAC,OAAA,cAEad,cAAc","ignoreList":[]}

package/lib/settings/display-size.js

@@ -1,48 +1,33 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
-
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
-var _Typography = _interopRequireDefault(require("@material-ui/core/Typography"));
-
-var _styles = require("@material-ui/core/styles");
-
+var _Typography = _interopRequireDefault(require("@mui/material/Typography"));
+var _styles = require("@mui/material/styles");
 var _numberTextField = _interopRequireDefault(require("../number-text-field"));
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
-var DisplaySize = (0, _styles.withStyles)(function (theme) {
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var StyledDisplaySize = (0, _styles.styled)('div')(function (_ref) {
+  var theme = _ref.theme;
   return {
-    displaySize: {
-      display: 'flex',
-      paddingTop: theme.spacing.unit
-    }
+    display: 'flex',
+    paddingTop: theme.spacing(1)
   };
-})(function (_ref) {
-  var size = _ref.size,
-      label = _ref.label,
-      classes = _ref.classes,
-      onChange = _ref.onChange;
-
+});
+var DisplaySize = function DisplaySize(_ref2) {
+  var size = _ref2.size,
+    label = _ref2.label,
+    onChange = _ref2.onChange;
   var updateSize = function updateSize(key, v) {
     onChange(_objectSpread(_objectSpread({}, size), {}, (0, _defineProperty2["default"])({}, key, v)));
   };
-
-  return /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_Typography["default"], null, label), /*#__PURE__*/_react["default"].createElement("div", {
-    className: classes.displaySize
-  }, /*#__PURE__*/_react["default"].createElement(_numberTextField["default"], {
+  return /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_Typography["default"], null, label), /*#__PURE__*/_react["default"].createElement(StyledDisplaySize, null, /*#__PURE__*/_react["default"].createElement(_numberTextField["default"], {
     label: "Width",
     type: "number",
     variant: "outlined",
@@ -63,7 +48,7 @@ var DisplaySize = (0, _styles.withStyles)(function (theme) {
       return updateSize('height', v);
     }
   })));
-});
+};
 DisplaySize.propTypes = {
   size: _propTypes["default"].shape({
     width: _propTypes["default"].number.isRequired,
@@ -72,6 +57,5 @@ DisplaySize.propTypes = {
   label: _propTypes["default"].string.isRequired,
   onChange: _propTypes["default"].func
 };
-var _default = DisplaySize;
-exports["default"] = _default;
-//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJEaXNwbGF5U2l6ZSIsIndpdGhTdHlsZXMiLCJ0aGVtZSIsImRpc3BsYXlTaXplIiwiZGlzcGxheSIsInBhZGRpbmdUb3AiLCJzcGFjaW5nIiwidW5pdCIsInNpemUiLCJsYWJlbCIsImNsYXNzZXMiLCJvbkNoYW5nZSIsInVwZGF0ZVNpemUiLCJrZXkiLCJ2Iiwid2lkdGgiLCJlIiwiaGVpZ2h0IiwicHJvcFR5cGVzIiwiUHJvcFR5cGVzIiwic2hhcGUiLCJudW1iZXIiLCJpc1JlcXVpcmVkIiwic3RyaW5nIiwiZnVuYyJdLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9zZXR0aW5ncy9kaXNwbGF5LXNpemUuanN4Il0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCc7XG5pbXBvcnQgUHJvcFR5cGVzIGZyb20gJ3Byb3AtdHlwZXMnO1xuaW1wb3J0IFR5cG9ncmFwaHkgZnJvbSAnQG1hdGVyaWFsLXVpL2NvcmUvVHlwb2dyYXBoeSc7XG5pbXBvcnQgeyB3aXRoU3R5bGVzIH0gZnJvbSAnQG1hdGVyaWFsLXVpL2NvcmUvc3R5bGVzJztcbmltcG9ydCBOdW1iZXJUZXh0RmllbGQgZnJvbSAnLi4vbnVtYmVyLXRleHQtZmllbGQnO1xuXG5jb25zdCBEaXNwbGF5U2l6ZSA9IHdpdGhTdHlsZXModGhlbWUgPT4gKHtcbiAgZGlzcGxheVNpemU6IHtcbiAgICBkaXNwbGF5OiAnZmxleCcsXG4gICAgcGFkZGluZ1RvcDogdGhlbWUuc3BhY2luZy51bml0XG4gIH1cbn0pKSgoeyBzaXplLCBsYWJlbCwgY2xhc3Nlcywgb25DaGFuZ2UgfSkgPT4ge1xuICBjb25zdCB1cGRhdGVTaXplID0gKGtleSwgdikgPT4ge1xuICAgIG9uQ2hhbmdlKHsgLi4uc2l6ZSwgW2tleV06IHYgfSk7XG4gIH07XG4gIHJldHVybiAoXG4gICAgPGRpdj5cbiAgICAgIDxUeXBvZ3JhcGh5PntsYWJlbH08L1R5cG9ncmFwaHk+XG4gICAgICA8ZGl2IGNsYXNzTmFtZT17Y2xhc3Nlcy5kaXNwbGF5U2l6ZX0+XG4gICAgICAgIDxOdW1iZXJUZXh0RmllbGRcbiAgICAgICAgICBsYWJlbD1cIldpZHRoXCJcbiAgICAgICAgICB0eXBlPVwibnVtYmVyXCJcbiAgICAgICAgICB2YXJpYW50PVwib3V0bGluZWRcIlxuICAgICAgICAgIHZhbHVlPXtzaXplLndpZHRofVxuICAgICAgICAgIG1pbj17MTUwfVxuICAgICAgICAgIG1heD17MTAwMH1cbiAgICAgICAgICBvbkNoYW5nZT17KGUsIHYpID0+IHVwZGF0ZVNpemUoJ3dpZHRoJywgdil9XG4gICAgICAgIC8+XG4gICAgICAgIDxOdW1iZXJUZXh0RmllbGRcbiAgICAgICAgICBsYWJlbD1cIkhlaWdodFwiXG4gICAgICAgICAgdHlwZT1cIm51bWJlclwiXG4gICAgICAgICAgdmFyaWFudD1cIm91dGxpbmVkXCJcbiAgICAgICAgICBtaW49ezE1MH1cbiAgICAgICAgICBtYXg9ezEwMDB9XG4gICAgICAgICAgdmFsdWU9e3NpemUuaGVpZ2h0fVxuICAgICAgICAgIG9uQ2hhbmdlPXsoZSwgdikgPT4gdXBkYXRlU2l6ZSgnaGVpZ2h0Jywgdil9XG4gICAgICAgIC8+XG4gICAgICA8L2Rpdj5cbiAgICA8L2Rpdj5cbiAgKTtcbn0pO1xuXG5EaXNwbGF5U2l6ZS5wcm9wVHlwZXMgPSB7XG4gIHNpemU6IFByb3BUeXBlcy5zaGFwZSh7XG4gICAgd2lkdGg6IFByb3BUeXBlcy5udW1iZXIuaXNSZXF1aXJlZCxcbiAgICBoZWlnaHQ6IFByb3BUeXBlcy5udW1iZXIuaXNSZXF1aXJlZFxuICB9KS5pc1JlcXVpcmVkLFxuICBsYWJlbDogUHJvcFR5cGVzLnN0cmluZy5pc1JlcXVpcmVkLFxuICBvbkNoYW5nZTogUHJvcFR5cGVzLmZ1bmNcbn07XG5cbmV4cG9ydCBkZWZhdWx0IERpc3BsYXlTaXplO1xuIl0sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7OztBQUFBOztBQUNBOztBQUNBOztBQUNBOztBQUNBOzs7Ozs7QUFFQSxJQUFNQSxXQUFXLEdBQUcsSUFBQUMsa0JBQUEsRUFBVyxVQUFBQyxLQUFLO0VBQUEsT0FBSztJQUN2Q0MsV0FBVyxFQUFFO01BQ1hDLE9BQU8sRUFBRSxNQURFO01BRVhDLFVBQVUsRUFBRUgsS0FBSyxDQUFDSSxPQUFOLENBQWNDO0lBRmY7RUFEMEIsQ0FBTDtBQUFBLENBQWhCLEVBS2hCLGdCQUF3QztFQUFBLElBQXJDQyxJQUFxQyxRQUFyQ0EsSUFBcUM7RUFBQSxJQUEvQkMsS0FBK0IsUUFBL0JBLEtBQStCO0VBQUEsSUFBeEJDLE9BQXdCLFFBQXhCQSxPQUF3QjtFQUFBLElBQWZDLFFBQWUsUUFBZkEsUUFBZTs7RUFDMUMsSUFBTUMsVUFBVSxHQUFHLFNBQWJBLFVBQWEsQ0FBQ0MsR0FBRCxFQUFNQyxDQUFOLEVBQVk7SUFDN0JILFFBQVEsaUNBQU1ILElBQU4sNENBQWFLLEdBQWIsRUFBbUJDLENBQW5CLEdBQVI7RUFDRCxDQUZEOztFQUdBLG9CQUNFLDBEQUNFLGdDQUFDLHNCQUFELFFBQWFMLEtBQWIsQ0FERixlQUVFO0lBQUssU0FBUyxFQUFFQyxPQUFPLENBQUNQO0VBQXhCLGdCQUNFLGdDQUFDLDJCQUFEO0lBQ0UsS0FBSyxFQUFDLE9BRFI7SUFFRSxJQUFJLEVBQUMsUUFGUDtJQUdFLE9BQU8sRUFBQyxVQUhWO0lBSUUsS0FBSyxFQUFFSyxJQUFJLENBQUNPLEtBSmQ7SUFLRSxHQUFHLEVBQUUsR0FMUDtJQU1FLEdBQUcsRUFBRSxJQU5QO0lBT0UsUUFBUSxFQUFFLGtCQUFDQyxDQUFELEVBQUlGLENBQUo7TUFBQSxPQUFVRixVQUFVLENBQUMsT0FBRCxFQUFVRSxDQUFWLENBQXBCO0lBQUE7RUFQWixFQURGLGVBVUUsZ0NBQUMsMkJBQUQ7SUFDRSxLQUFLLEVBQUMsUUFEUjtJQUVFLElBQUksRUFBQyxRQUZQO0lBR0UsT0FBTyxFQUFDLFVBSFY7SUFJRSxHQUFHLEVBQUUsR0FKUDtJQUtFLEdBQUcsRUFBRSxJQUxQO0lBTUUsS0FBSyxFQUFFTixJQUFJLENBQUNTLE1BTmQ7SUFPRSxRQUFRLEVBQUUsa0JBQUNELENBQUQsRUFBSUYsQ0FBSjtNQUFBLE9BQVVGLFVBQVUsQ0FBQyxRQUFELEVBQVdFLENBQVgsQ0FBcEI7SUFBQTtFQVBaLEVBVkYsQ0FGRixDQURGO0FBeUJELENBbENtQixDQUFwQjtBQW9DQWQsV0FBVyxDQUFDa0IsU0FBWixHQUF3QjtFQUN0QlYsSUFBSSxFQUFFVyxxQkFBQSxDQUFVQyxLQUFWLENBQWdCO0lBQ3BCTCxLQUFLLEVBQUVJLHFCQUFBLENBQVVFLE1BQVYsQ0FBaUJDLFVBREo7SUFFcEJMLE1BQU0sRUFBRUUscUJBQUEsQ0FBVUUsTUFBVixDQUFpQkM7RUFGTCxDQUFoQixFQUdIQSxVQUptQjtFQUt0QmIsS0FBSyxFQUFFVSxxQkFBQSxDQUFVSSxNQUFWLENBQWlCRCxVQUxGO0VBTXRCWCxRQUFRLEVBQUVRLHFCQUFBLENBQVVLO0FBTkUsQ0FBeEI7ZUFTZXhCLFcifQ==
+var _default = exports["default"] = DisplaySize;
+//# sourceMappingURL=display-size.js.map