@pie-element/complex-rubric 2.1.2-next.69 → 2.2.0-next.1

package/configure/node_modules/@pie-lib/pie-toolbox/code/config-ui/layout/settings-box.js

@@ -1,86 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = exports.SettingsBox = void 0;
-
-var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-
-var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-
-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 _react = _interopRequireDefault(require("react"));
-
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
-var _styles = require("@material-ui/core/styles");
-
-var _classnames = _interopRequireDefault(require("classnames"));
-
-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 SettingsBox = /*#__PURE__*/function (_React$Component) {
-  (0, _inherits2["default"])(SettingsBox, _React$Component);
-
-  var _super = _createSuper(SettingsBox);
-
-  function SettingsBox() {
-    (0, _classCallCheck2["default"])(this, SettingsBox);
-    return _super.apply(this, arguments);
-  }
-
-  (0, _createClass2["default"])(SettingsBox, [{
-    key: "render",
-    value: function render() {
-      var _this$props = this.props,
-          classes = _this$props.classes,
-          className = _this$props.className,
-          children = _this$props.children;
-      return /*#__PURE__*/_react["default"].createElement("div", {
-        className: (0, _classnames["default"])(classes.settingsBox, className)
-      }, children);
-    }
-  }]);
-  return SettingsBox;
-}(_react["default"].Component);
-
-exports.SettingsBox = SettingsBox;
-(0, _defineProperty2["default"])(SettingsBox, "propTypes", {
-  classes: _propTypes["default"].object.isRequired,
-  className: _propTypes["default"].string,
-  children: _propTypes["default"].oneOfType([_propTypes["default"].arrayOf(_propTypes["default"].node), _propTypes["default"].node]).isRequired
-});
-(0, _defineProperty2["default"])(SettingsBox, "defaultProps", {});
-
-var styles = function styles(theme) {
-  return {
-    settingsBox: {
-      backgroundColor: theme.palette.background.paper,
-      border: "2px solid ".concat(theme.palette.grey[200]),
-      display: 'flex',
-      flexDirection: 'column',
-      justifyContent: 'flex-start',
-      minWidth: '275px',
-      maxWidth: '300px',
-      padding: '20px 4px 4px 20px',
-      zIndex: 99
-    }
-  };
-};
-
-var _default = (0, _styles.withStyles)(styles)(SettingsBox);
-
-exports["default"] = _default;
-//# sourceMappingURL=settings-box.js.map

package/configure/node_modules/@pie-lib/pie-toolbox/code/config-ui/layout/settings-box.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/code/config-ui/layout/settings-box.jsx"],"names":["SettingsBox","props","classes","className","children","settingsBox","React","Component","PropTypes","object","isRequired","string","oneOfType","arrayOf","node","styles","theme","backgroundColor","palette","background","paper","border","grey","display","flexDirection","justifyContent","minWidth","maxWidth","padding","zIndex"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;;;;;IAEaA,W;;;;;;;;;;;;WASX,kBAAS;AACP,wBAAyC,KAAKC,KAA9C;AAAA,UAAQC,OAAR,eAAQA,OAAR;AAAA,UAAiBC,SAAjB,eAAiBA,SAAjB;AAAA,UAA4BC,QAA5B,eAA4BA,QAA5B;AAEA,0BAAO;AAAK,QAAA,SAAS,EAAE,4BAAWF,OAAO,CAACG,WAAnB,EAAgCF,SAAhC;AAAhB,SAA6DC,QAA7D,CAAP;AACD;;;EAb8BE,kBAAMC,S;;;iCAA1BP,W,eACQ;AACjBE,EAAAA,OAAO,EAAEM,sBAAUC,MAAV,CAAiBC,UADT;AAEjBP,EAAAA,SAAS,EAAEK,sBAAUG,MAFJ;AAGjBP,EAAAA,QAAQ,EAAEI,sBAAUI,SAAV,CAAoB,CAACJ,sBAAUK,OAAV,CAAkBL,sBAAUM,IAA5B,CAAD,EAAoCN,sBAAUM,IAA9C,CAApB,EAAyEJ;AAHlE,C;iCADRV,W,kBAOW,E;;AAQxB,IAAMe,MAAM,GAAG,SAATA,MAAS,CAACC,KAAD;AAAA,SAAY;AACzBX,IAAAA,WAAW,EAAE;AACXY,MAAAA,eAAe,EAAED,KAAK,CAACE,OAAN,CAAcC,UAAd,CAAyBC,KAD/B;AAEXC,MAAAA,MAAM,sBAAeL,KAAK,CAACE,OAAN,CAAcI,IAAd,CAAmB,GAAnB,CAAf,CAFK;AAGXC,MAAAA,OAAO,EAAE,MAHE;AAIXC,MAAAA,aAAa,EAAE,QAJJ;AAKXC,MAAAA,cAAc,EAAE,YALL;AAMXC,MAAAA,QAAQ,EAAE,OANC;AAOXC,MAAAA,QAAQ,EAAE,OAPC;AAQXC,MAAAA,OAAO,EAAE,mBARE;AASXC,MAAAA,MAAM,EAAE;AATG;AADY,GAAZ;AAAA,CAAf;;eAce,wBAAWd,MAAX,EAAmBf,WAAnB,C","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { withStyles } from '@material-ui/core/styles';\nimport classNames from 'classnames';\n\nexport class SettingsBox extends React.Component {\n  static propTypes = {\n    classes: PropTypes.object.isRequired,\n    className: PropTypes.string,\n    children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]).isRequired,\n  };\n\n  static defaultProps = {};\n\n  render() {\n    const { classes, className, children } = this.props;\n\n    return <div className={classNames(classes.settingsBox, className)}>{children}</div>;\n  }\n}\nconst styles = (theme) => ({\n  settingsBox: {\n    backgroundColor: theme.palette.background.paper,\n    border: `2px solid ${theme.palette.grey[200]}`,\n    display: 'flex',\n    flexDirection: 'column',\n    justifyContent: 'flex-start',\n    minWidth: '275px',\n    maxWidth: '300px',\n    padding: '20px 4px 4px 20px',\n    zIndex: 99,\n  },\n});\n\nexport default withStyles(styles)(SettingsBox);\n"],"file":"settings-box.js"}

package/configure/node_modules/@pie-lib/pie-toolbox/code/config-ui/mui-box/index.js

@@ -1,79 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
-var _styles = require("@material-ui/core/styles");
-
-var _debug = _interopRequireDefault(require("debug"));
-
-var _classnames = _interopRequireDefault(require("classnames"));
-
-var log = (0, _debug["default"])('pie-elements:config-ui:mui-box');
-var MuiBox = (0, _styles.withStyles)(function (theme) {
-  var light = theme.palette.type === 'light';
-  var bottomLineColor = light ? 'rgba(0, 0, 0, 0.42)' : 'rgba(255, 255, 255, 0.7)';
-  log(theme.palette.primary[theme.palette.type || 'light']);
-  return {
-    muiBox: {
-      paddingTop: theme.spacing.unit,
-      paddingBottom: theme.spacing.unit,
-      position: 'relative',
-      '&:before': {
-        left: 0,
-        right: 0,
-        bottom: 0,
-        height: '1px',
-        content: '""',
-        position: 'absolute',
-        transition: 'background-color 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms',
-        pointerEvents: 'none',
-        backgroundColor: bottomLineColor
-      },
-      '&:hover:before': {
-        height: '2px'
-      },
-      '&:after': {
-        left: 0,
-        right: 0,
-        bottom: 0,
-        height: '2px',
-        content: '""',
-        position: 'absolute',
-        transform: 'scaleX(0)',
-        transition: 'transform 200ms cubic-bezier(0.0, 0, 0.2, 1) 0ms',
-        pointerEvents: 'none',
-        backgroundColor: theme.palette.primary[theme.palette.type] //'#304ffe'
-
-      }
-    },
-    focused: {
-      '&:after': {
-        transform: 'scaleX(1)'
-      }
-    }
-  };
-})(function (_ref) {
-  var children = _ref.children,
-      classes = _ref.classes,
-      focused = _ref.focused;
-  var names = (0, _classnames["default"])(classes.muiBox, focused && classes.focused);
-  return /*#__PURE__*/_react["default"].createElement("div", {
-    className: names
-  }, children);
-});
-MuiBox.propTypes = {
-  children: _propTypes["default"].oneOfType([_propTypes["default"].arrayOf(_propTypes["default"].node), _propTypes["default"].node]).isRequired,
-  focused: _propTypes["default"].bool.isRequired
-};
-var _default = MuiBox;
-exports["default"] = _default;
-//# sourceMappingURL=index.js.map

package/configure/node_modules/@pie-lib/pie-toolbox/code/config-ui/mui-box/index.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/code/config-ui/mui-box/index.jsx"],"names":["log","MuiBox","theme","light","palette","type","bottomLineColor","primary","muiBox","paddingTop","spacing","unit","paddingBottom","position","left","right","bottom","height","content","transition","pointerEvents","backgroundColor","transform","focused","children","classes","names","propTypes","PropTypes","oneOfType","arrayOf","node","isRequired","bool"],"mappings":";;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AAEA,IAAMA,GAAG,GAAG,uBAAM,gCAAN,CAAZ;AAEA,IAAMC,MAAM,GAAG,wBAAW,UAACC,KAAD,EAAW;AACnC,MAAMC,KAAK,GAAGD,KAAK,CAACE,OAAN,CAAcC,IAAd,KAAuB,OAArC;AACA,MAAMC,eAAe,GAAGH,KAAK,GAAG,qBAAH,GAA2B,0BAAxD;AAEAH,EAAAA,GAAG,CAACE,KAAK,CAACE,OAAN,CAAcG,OAAd,CAAsBL,KAAK,CAACE,OAAN,CAAcC,IAAd,IAAsB,OAA5C,CAAD,CAAH;AAEA,SAAO;AACLG,IAAAA,MAAM,EAAE;AACNC,MAAAA,UAAU,EAAEP,KAAK,CAACQ,OAAN,CAAcC,IADpB;AAENC,MAAAA,aAAa,EAAEV,KAAK,CAACQ,OAAN,CAAcC,IAFvB;AAGNE,MAAAA,QAAQ,EAAE,UAHJ;AAIN,kBAAY;AACVC,QAAAA,IAAI,EAAE,CADI;AAEVC,QAAAA,KAAK,EAAE,CAFG;AAGVC,QAAAA,MAAM,EAAE,CAHE;AAIVC,QAAAA,MAAM,EAAE,KAJE;AAKVC,QAAAA,OAAO,EAAE,IALC;AAMVL,QAAAA,QAAQ,EAAE,UANA;AAOVM,QAAAA,UAAU,EAAE,yDAPF;AAQVC,QAAAA,aAAa,EAAE,MARL;AASVC,QAAAA,eAAe,EAAEf;AATP,OAJN;AAeN,wBAAkB;AAChBW,QAAAA,MAAM,EAAE;AADQ,OAfZ;AAkBN,iBAAW;AACTH,QAAAA,IAAI,EAAE,CADG;AAETC,QAAAA,KAAK,EAAE,CAFE;AAGTC,QAAAA,MAAM,EAAE,CAHC;AAITC,QAAAA,MAAM,EAAE,KAJC;AAKTC,QAAAA,OAAO,EAAE,IALA;AAMTL,QAAAA,QAAQ,EAAE,UAND;AAOTS,QAAAA,SAAS,EAAE,WAPF;AAQTH,QAAAA,UAAU,EAAE,kDARH;AASTC,QAAAA,aAAa,EAAE,MATN;AAUTC,QAAAA,eAAe,EAAEnB,KAAK,CAACE,OAAN,CAAcG,OAAd,CAAsBL,KAAK,CAACE,OAAN,CAAcC,IAApC,CAVR,CAUmD;;AAVnD;AAlBL,KADH;AAgCLkB,IAAAA,OAAO,EAAE;AACP,iBAAW;AACTD,QAAAA,SAAS,EAAE;AADF;AADJ;AAhCJ,GAAP;AAsCD,CA5Cc,EA4CZ,gBAAoC;AAAA,MAAjCE,QAAiC,QAAjCA,QAAiC;AAAA,MAAvBC,OAAuB,QAAvBA,OAAuB;AAAA,MAAdF,OAAc,QAAdA,OAAc;AACrC,MAAMG,KAAK,GAAG,4BAAWD,OAAO,CAACjB,MAAnB,EAA2Be,OAAO,IAAIE,OAAO,CAACF,OAA9C,CAAd;AAEA,sBAAO;AAAK,IAAA,SAAS,EAAEG;AAAhB,KAAwBF,QAAxB,CAAP;AACD,CAhDc,CAAf;AAkDAvB,MAAM,CAAC0B,SAAP,GAAmB;AACjBH,EAAAA,QAAQ,EAAEI,sBAAUC,SAAV,CAAoB,CAACD,sBAAUE,OAAV,CAAkBF,sBAAUG,IAA5B,CAAD,EAAoCH,sBAAUG,IAA9C,CAApB,EAAyEC,UADlE;AAEjBT,EAAAA,OAAO,EAAEK,sBAAUK,IAAV,CAAeD;AAFP,CAAnB;eAKe/B,M","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { withStyles } from '@material-ui/core/styles';\nimport debug from 'debug';\nimport classNames from 'classnames';\n\nconst log = debug('pie-elements:config-ui:mui-box');\n\nconst MuiBox = withStyles((theme) => {\n  const light = theme.palette.type === 'light';\n  const bottomLineColor = light ? 'rgba(0, 0, 0, 0.42)' : 'rgba(255, 255, 255, 0.7)';\n\n  log(theme.palette.primary[theme.palette.type || 'light']);\n\n  return {\n    muiBox: {\n      paddingTop: theme.spacing.unit,\n      paddingBottom: theme.spacing.unit,\n      position: 'relative',\n      '&:before': {\n        left: 0,\n        right: 0,\n        bottom: 0,\n        height: '1px',\n        content: '\"\"',\n        position: 'absolute',\n        transition: 'background-color 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms',\n        pointerEvents: 'none',\n        backgroundColor: bottomLineColor,\n      },\n      '&:hover:before': {\n        height: '2px',\n      },\n      '&:after': {\n        left: 0,\n        right: 0,\n        bottom: 0,\n        height: '2px',\n        content: '\"\"',\n        position: 'absolute',\n        transform: 'scaleX(0)',\n        transition: 'transform 200ms cubic-bezier(0.0, 0, 0.2, 1) 0ms',\n        pointerEvents: 'none',\n        backgroundColor: theme.palette.primary[theme.palette.type], //'#304ffe'\n      },\n    },\n    focused: {\n      '&:after': {\n        transform: 'scaleX(1)',\n      },\n    },\n  };\n})(({ children, classes, focused }) => {\n  const names = classNames(classes.muiBox, focused && classes.focused);\n\n  return <div className={names}>{children}</div>;\n});\n\nMuiBox.propTypes = {\n  children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]).isRequired,\n  focused: PropTypes.bool.isRequired,\n};\n\nexport default MuiBox;\n"],"file":"index.js"}

package/configure/node_modules/@pie-lib/pie-toolbox/code/config-ui/number-text-field-custom.js

@@ -1,446 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-var _typeof = require("@babel/runtime/helpers/typeof");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = exports.NumberTextFieldCustom = void 0;
-
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
-var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-
-var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-
-var _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"));
-
-var math = _interopRequireWildcard(require("mathjs"));
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
-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() {
-  return {
-    input: {
-      '& input[type=number]': {
-        '-moz-appearance': 'textfield'
-      },
-      '& input[type=number]::-webkit-outer-spin-button': {
-        '-webkit-appearance': 'none',
-        margin: 0
-      },
-      '& input[type=number]::-webkit-inner-spin-button': {
-        '-webkit-appearance': 'none',
-        margin: 0
-      }
-    },
-    iconButton: {
-      padding: '2px'
-    }
-  };
-};
-
-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 type = _this.props.type;
-
-      var value = _this.clamp(number);
-
-      var currentIndex = (customValues || []).findIndex(function (val) {
-        return val === value;
-      });
-
-      if ((customValues || []).length > 0 && currentIndex === -1) {
-        var closestValue = type === 'text' ? _this.getClosestFractionValue(customValues, value) : _this.getClosestValue(customValues, value);
-        return {
-          value: closestValue.value,
-          currentIndex: closestValue.index
-        };
-      }
-
-      return {
-        value: value,
-        currentIndex: currentIndex
-      };
-    });
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "getClosestValue", function (customValues, number) {
-      return customValues.reduce(function (closest, value, index) {
-        return Math.abs(value - number) < Math.abs(closest.value - number) ? {
-          value: value,
-          index: index
-        } : closest;
-      }, {
-        value: customValues[0],
-        index: 0
-      });
-    });
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "getClosestFractionValue", function (customValues, number) {
-      return customValues.reduce(function (closest, value, index) {
-        return Math.abs(math.number(math.fraction(value)) - math.number(math.fraction(number))) < Math.abs(math.number(math.fraction(closest.value)) - math.number(math.fraction(number))) ? {
-          value: value,
-          index: index
-        } : closest;
-      }, {
-        value: customValues[0],
-        index: 0
-      });
-    });
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "getValidFraction", function (value) {
-      if (_this.isPositiveInteger(value.trim())) {
-        return value.trim();
-      }
-
-      if (value.trim() === '' || value.trim().split('/').length !== 2) {
-        return false;
-      }
-
-      var _value$trim$split = value.trim().split('/'),
-          _value$trim$split2 = (0, _slicedToArray2["default"])(_value$trim$split, 2),
-          numerator = _value$trim$split2[0],
-          denominator = _value$trim$split2[1];
-
-      if (isNaN(numerator) || isNaN(denominator)) {
-        return false;
-      }
-
-      numerator = parseFloat(numerator);
-      denominator = parseFloat(denominator);
-
-      if (!Number.isInteger(numerator) || !Number.isInteger(denominator)) {
-        return false;
-      }
-
-      if (numerator < 0 || denominator < 1) {
-        return false;
-      }
-
-      return numerator + '/' + denominator;
-    });
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "isPositiveInteger", function (n) {
-      return n >>> 0 === parseFloat(n);
-    });
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "onBlur", function (event) {
-      var _this$props = _this.props,
-          customValues = _this$props.customValues,
-          onlyIntegersAllowed = _this$props.onlyIntegersAllowed,
-          type = _this$props.type;
-      var value = event.target.value;
-
-      if (type === 'text') {
-        var tempValue = _this.getValidFraction(value);
-
-        if (tempValue) {
-          value = tempValue;
-        } else {
-          value = _this.props.value;
-        }
-      }
-
-      var rawNumber = onlyIntegersAllowed ? Math.round(parseFloat(value)) : parseFloat(value);
-
-      if (type === 'text') {
-        rawNumber = value.trim();
-      }
-
-      var _this$normalizeValueA = _this.normalizeValueAndIndex(customValues, rawNumber),
-          number = _this$normalizeValueA.value,
-          currentIndex = _this$normalizeValueA.currentIndex;
-
-      _this.setState({
-        value: number.toString(),
-        currentIndex: currentIndex
-      }, function () {
-        return _this.props.onChange(event, number);
-      });
-    });
-
-    var _this$normalizeValueA2 = _this.normalizeValueAndIndex(props.customValues, props.value),
-        _value = _this$normalizeValueA2.value,
-        _currentIndex = _this$normalizeValueA2.currentIndex;
-
-    _this.state = {
-      value: _value,
-      currentIndex: _currentIndex
-    };
-
-    if (_value !== props.value) {
-      _this.props.onChange({}, _value);
-    }
-
-    _this.onChange = _this.onChange.bind((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;
-
-      this.setState({
-        value: value,
-        currentIndex: currentIndex
-      });
-    }
-  }, {
-    key: "clamp",
-    value: function clamp(value) {
-      var _this$props2 = this.props,
-          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;
-    }
-  }, {
-    key: "onChange",
-    value: function onChange(event) {
-      var type = this.props.type;
-      var value = event.target.value;
-
-      if (type !== 'text' && typeof value === 'string' && value.trim() === '') {
-        return;
-      }
-
-      this.setState({
-        value: value
-      });
-    }
-  }, {
-    key: "changeValue",
-    value: function changeValue(event) {
-      var sign = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 1;
-      var shouldUpdate = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
-      event.preventDefault();
-      var _this$props3 = this.props,
-          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;
-      var updatedIndex = currentIndex + sign * 1;
-      var number;
-
-      if (customValues.length > 0) {
-        if (updatedIndex < 0 || updatedIndex >= customValues.length) {
-          return;
-        }
-
-        number = customValues[updatedIndex];
-      } else {
-        var rawNumber = onlyIntegersAllowed ? parseInt(value) : parseFloat(value);
-        var updatedValue = (rawNumber * 10000 + step * sign * 10000) / 10000;
-        number = this.clamp(updatedValue);
-      }
-
-      this.setState({
-        value: number.toString(),
-        currentIndex: updatedIndex
-      }, function () {
-        if (shouldUpdate) {
-          onChange(event, number);
-        }
-      });
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      var _this2 = this;
-
-      var _this$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,
-          _this$props4$type = _this$props4.type,
-          type = _this$props4$type === void 0 ? 'number' : _this$props4$type;
-      var value = this.state.value;
-      var names = (0, _classnames["default"])(className, classes.input);
-      return /*#__PURE__*/_react["default"].createElement(_TextField["default"], {
-        variant: variant,
-        inputRef: function inputRef(ref) {
-          return _this2.inputRef = ref;
-        },
-        disabled: disabled,
-        label: label,
-        value: value,
-        error: error,
-        helperText: helperText,
-        onChange: this.onChange,
-        onBlur: this.onBlur,
-        onKeyPress: function onKeyPress(e) {
-          // once the Enter key is pressed, we force input blur
-          if (e.key === 'Enter' && _this2.inputRef) {
-            _this2.inputRef.blur();
-          }
-        },
-        onKeyDown: function onKeyDown(e) {
-          if (e.key === 'ArrowUp') {
-            _this2.changeValue(e);
-          }
-
-          if (e.key === 'ArrowDown') {
-            _this2.changeValue(e, -1);
-          }
-        },
-        title: '',
-        type: type,
-        className: names,
-        InputProps: {
-          className: inputClassName,
-          disableUnderline: disableUnderline,
-          startAdornment: /*#__PURE__*/_react["default"].createElement(_InputAdornment["default"], {
-            position: "start"
-          }, /*#__PURE__*/_react["default"].createElement(_IconButton["default"], {
-            className: classes.iconButton,
-            disabled: disabled,
-            onClick: function onClick(e) {
-              return _this2.changeValue(e, -1, true);
-            }
-          }, /*#__PURE__*/_react["default"].createElement(_Remove["default"], {
-            fontSize: "small"
-          }))),
-          endAdornment: /*#__PURE__*/_react["default"].createElement(_InputAdornment["default"], {
-            position: "end"
-          }, /*#__PURE__*/_react["default"].createElement(_IconButton["default"], {
-            className: classes.iconButton,
-            disabled: disabled,
-            onClick: function onClick(e) {
-              return _this2.changeValue(e, 1, true);
-            }
-          }, /*#__PURE__*/_react["default"].createElement(_Add["default"], {
-            fontSize: "small"
-          })))
-        },
-        inputProps: {
-          style: {
-            textAlign: textAlign
-          },
-          min: min,
-          max: max
-        }
-      });
-    }
-  }]);
-  return NumberTextFieldCustom;
-}(_react["default"].Component);
-
-exports.NumberTextFieldCustom = NumberTextFieldCustom;
-(0, _defineProperty2["default"])(NumberTextFieldCustom, "propTypes", {
-  classes: _propTypes["default"].object.isRequired,
-  className: _propTypes["default"].string,
-  customValues: _propTypes["default"].array,
-  disabled: _propTypes["default"].bool,
-  error: _propTypes["default"].bool,
-  inputClassName: _propTypes["default"].string,
-  helperText: _propTypes["default"].string,
-  onChange: _propTypes["default"].func.isRequired,
-  onlyIntegersAllowed: _propTypes["default"].bool,
-  value: _propTypes["default"].any,
-  min: _propTypes["default"].number,
-  max: _propTypes["default"].number,
-  step: _propTypes["default"].number,
-  label: _propTypes["default"].string,
-  disableUnderline: _propTypes["default"].bool,
-  textAlign: _propTypes["default"].string,
-  variant: _propTypes["default"].string,
-  type: _propTypes["default"].string
-});
-(0, _defineProperty2["default"])(NumberTextFieldCustom, "defaultProps", {
-  step: 1,
-  customValues: [],
-  textAlign: 'center',
-  variant: 'standard',
-  onlyIntegersAllowed: false
-});
-
-var _default = (0, _styles.withStyles)(styles)(NumberTextFieldCustom);
-
-exports["default"] = _default;
-//# sourceMappingURL=number-text-field-custom.js.map