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

package/lib/layout/settings-box.js.map

@@ -1 +1 @@
-{"version":3,"file":"settings-box.js","names":["_react","_interopRequireDefault","require","_propTypes","_styles","_classnames","_createSuper","Derived","hasNativeReflectConstruct","_isNativeReflectConstruct","_createSuperInternal","Super","_getPrototypeOf2","result","NewTarget","constructor","Reflect","construct","arguments","apply","_possibleConstructorReturn2","sham","Proxy","Boolean","prototype","valueOf","call","e","SettingsBox","_React$Component","_inherits2","_super","_classCallCheck2","_createClass2","key","value","render","_this$props","props","classes","className","children","createElement","classNames","settingsBox","React","Component","exports","_defineProperty2","PropTypes","object","isRequired","string","oneOfType","arrayOf","node","styles","theme","backgroundColor","palette","background","paper","border","concat","grey","display","flexDirection","justifyContent","minWidth","maxWidth","padding","zIndex","_default","withStyles"],"sources":["../../src/layout/settings-box.jsx"],"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"],"mappings":"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"}
+{"version":3,"file":"settings-box.js","names":["_react","_interopRequireDefault","require","_propTypes","_styles","_callSuper","t","o","e","_getPrototypeOf2","_possibleConstructorReturn2","_isNativeReflectConstruct","Reflect","construct","constructor","apply","Boolean","prototype","valueOf","call","StyledSettingsBox","styled","_ref","theme","backgroundColor","palette","background","paper","border","concat","grey","display","flexDirection","justifyContent","minWidth","maxWidth","padding","zIndex","SettingsBox","exports","_React$Component","_classCallCheck2","arguments","_inherits2","_createClass2","key","value","render","_this$props","props","className","children","createElement","React","Component","_defineProperty2","PropTypes","string","oneOfType","arrayOf","node","isRequired","_default"],"sources":["../../src/layout/settings-box.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { styled } from '@mui/material/styles';\n\nconst StyledSettingsBox = styled('div')(({ theme }) => ({\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\nexport class SettingsBox extends React.Component {\n  static propTypes = {\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 { className, children } = this.props;\n\n    return <StyledSettingsBox className={className}>{children}</StyledSettingsBox>;\n  }\n}\n\nexport default SettingsBox;\n"],"mappings":";;;;;;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,UAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,OAAA,GAAAF,OAAA;AAA8C,SAAAG,WAAAC,CAAA,EAAAC,CAAA,EAAAC,CAAA,WAAAD,CAAA,OAAAE,gBAAA,aAAAF,CAAA,OAAAG,2BAAA,aAAAJ,CAAA,EAAAK,yBAAA,KAAAC,OAAA,CAAAC,SAAA,CAAAN,CAAA,EAAAC,CAAA,YAAAC,gBAAA,aAAAH,CAAA,EAAAQ,WAAA,IAAAP,CAAA,CAAAQ,KAAA,CAAAT,CAAA,EAAAE,CAAA;AAAA,SAAAG,0BAAA,cAAAL,CAAA,IAAAU,OAAA,CAAAC,SAAA,CAAAC,OAAA,CAAAC,IAAA,CAAAP,OAAA,CAAAC,SAAA,CAAAG,OAAA,iCAAAV,CAAA,aAAAK,yBAAA,YAAAA,0BAAA,aAAAL,CAAA;AAE9C,IAAMc,iBAAiB,GAAG,IAAAC,cAAM,EAAC,KAAK,CAAC,CAAC,UAAAC,IAAA;EAAA,IAAGC,KAAK,GAAAD,IAAA,CAALC,KAAK;EAAA,OAAQ;IACtDC,eAAe,EAAED,KAAK,CAACE,OAAO,CAACC,UAAU,CAACC,KAAK;IAC/CC,MAAM,eAAAC,MAAA,CAAeN,KAAK,CAACE,OAAO,CAACK,IAAI,CAAC,GAAG,CAAC,CAAE;IAC9CC,OAAO,EAAE,MAAM;IACfC,aAAa,EAAE,QAAQ;IACvBC,cAAc,EAAE,YAAY;IAC5BC,QAAQ,EAAE,OAAO;IACjBC,QAAQ,EAAE,OAAO;IACjBC,OAAO,EAAE,mBAAmB;IAC5BC,MAAM,EAAE;EACV,CAAC;AAAA,CAAC,CAAC;AAAC,IAESC,WAAW,GAAAC,OAAA,CAAAD,WAAA,0BAAAE,gBAAA;EAAA,SAAAF,YAAA;IAAA,IAAAG,gBAAA,mBAAAH,WAAA;IAAA,OAAAjC,UAAA,OAAAiC,WAAA,EAAAI,SAAA;EAAA;EAAA,IAAAC,UAAA,aAAAL,WAAA,EAAAE,gBAAA;EAAA,WAAAI,aAAA,aAAAN,WAAA;IAAAO,GAAA;IAAAC,KAAA,EAQtB,SAAAC,MAAMA,CAAA,EAAG;MACP,IAAAC,WAAA,GAAgC,IAAI,CAACC,KAAK;QAAlCC,SAAS,GAAAF,WAAA,CAATE,SAAS;QAAEC,QAAQ,GAAAH,WAAA,CAARG,QAAQ;MAE3B,oBAAOnD,MAAA,YAAAoD,aAAA,CAAChC,iBAAiB;QAAC8B,SAAS,EAAEA;MAAU,GAAEC,QAA4B,CAAC;IAChF;EAAC;AAAA,EAZ8BE,iBAAK,CAACC,SAAS;AAAA,IAAAC,gBAAA,aAAnCjB,WAAW,eACH;EACjBY,SAAS,EAAEM,qBAAS,CAACC,MAAM;EAC3BN,QAAQ,EAAEK,qBAAS,CAACE,SAAS,CAAC,CAACF,qBAAS,CAACG,OAAO,CAACH,qBAAS,CAACI,IAAI,CAAC,EAAEJ,qBAAS,CAACI,IAAI,CAAC,CAAC,CAACC;AACrF,CAAC;AAAA,IAAAN,gBAAA,aAJUjB,WAAW,kBAMA,CAAC,CAAC;AAAA,IAAAwB,QAAA,GAAAvB,OAAA,cASXD,WAAW","ignoreList":[]}

package/lib/mui-box/index.js

@@ -7,66 +7,57 @@ Object.defineProperty(exports, "__esModule", {
 exports["default"] = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
-var _styles = require("@material-ui/core/styles");
+var _styles = require("@mui/material/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 StyledMuiBox = (0, _styles.styled)('div')(function (_ref) {
+  var theme = _ref.theme,
+    focused = _ref.focused;
+  var light = theme.palette.mode === 'light';
   var bottomLineColor = light ? 'rgba(0, 0, 0, 0.42)' : 'rgba(255, 255, 255, 0.7)';
-  log(theme.palette.primary[theme.palette.type || 'light']);
+  log(theme.palette.primary[theme.palette.mode || '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'
-      }
+    paddingTop: theme.spacing(1),
+    paddingBottom: theme.spacing(1),
+    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
     },
-
-    focused: {
-      '&:after': {
-        transform: 'scaleX(1)'
-      }
+    '&:hover:before': {
+      height: '2px'
+    },
+    '&:after': {
+      left: 0,
+      right: 0,
+      bottom: 0,
+      height: '2px',
+      content: '""',
+      position: 'absolute',
+      transform: focused ? 'scaleX(1)' : 'scaleX(0)',
+      transition: 'transform 200ms cubic-bezier(0.0, 0, 0.2, 1) 0ms',
+      pointerEvents: 'none',
+      backgroundColor: theme.palette.primary[theme.palette.mode] //'#304ffe'
     }
   };
-})(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);
 });
+var MuiBox = function MuiBox(_ref2) {
+  var children = _ref2.children,
+    focused = _ref2.focused;
+  return /*#__PURE__*/_react["default"].createElement(StyledMuiBox, {
+    focused: focused
+  }, 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;
+var _default = exports["default"] = MuiBox;
 //# sourceMappingURL=index.js.map

package/lib/mui-box/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["_react","_interopRequireDefault","require","_propTypes","_styles","_debug","_classnames","log","debug","MuiBox","withStyles","theme","light","palette","type","bottomLineColor","primary","muiBox","paddingTop","spacing","unit","paddingBottom","position","left","right","bottom","height","content","transition","pointerEvents","backgroundColor","transform","focused","_ref","children","classes","names","classNames","createElement","className","propTypes","PropTypes","oneOfType","arrayOf","node","isRequired","bool","_default","exports"],"sources":["../../src/mui-box/index.jsx"],"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"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,UAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,OAAA,GAAAF,OAAA;AACA,IAAAG,MAAA,GAAAJ,sBAAA,CAAAC,OAAA;AACA,IAAAI,WAAA,GAAAL,sBAAA,CAAAC,OAAA;AAEA,IAAMK,GAAG,GAAG,IAAAC,iBAAK,EAAC,gCAAgC,CAAC;AAEnD,IAAMC,MAAM,GAAG,IAAAC,kBAAU,EAAC,UAACC,KAAK,EAAK;EACnC,IAAMC,KAAK,GAAGD,KAAK,CAACE,OAAO,CAACC,IAAI,KAAK,OAAO;EAC5C,IAAMC,eAAe,GAAGH,KAAK,GAAG,qBAAqB,GAAG,0BAA0B;EAElFL,GAAG,CAACI,KAAK,CAACE,OAAO,CAACG,OAAO,CAACL,KAAK,CAACE,OAAO,CAACC,IAAI,IAAI,OAAO,CAAC,CAAC;EAEzD,OAAO;IACLG,MAAM,EAAE;MACNC,UAAU,EAAEP,KAAK,CAACQ,OAAO,CAACC,IAAI;MAC9BC,aAAa,EAAEV,KAAK,CAACQ,OAAO,CAACC,IAAI;MACjCE,QAAQ,EAAE,UAAU;MACpB,UAAU,EAAE;QACVC,IAAI,EAAE,CAAC;QACPC,KAAK,EAAE,CAAC;QACRC,MAAM,EAAE,CAAC;QACTC,MAAM,EAAE,KAAK;QACbC,OAAO,EAAE,IAAI;QACbL,QAAQ,EAAE,UAAU;QACpBM,UAAU,EAAE,yDAAyD;QACrEC,aAAa,EAAE,MAAM;QACrBC,eAAe,EAAEf;MACnB,CAAC;MACD,gBAAgB,EAAE;QAChBW,MAAM,EAAE;MACV,CAAC;MACD,SAAS,EAAE;QACTH,IAAI,EAAE,CAAC;QACPC,KAAK,EAAE,CAAC;QACRC,MAAM,EAAE,CAAC;QACTC,MAAM,EAAE,KAAK;QACbC,OAAO,EAAE,IAAI;QACbL,QAAQ,EAAE,UAAU;QACpBS,SAAS,EAAE,WAAW;QACtBH,UAAU,EAAE,kDAAkD;QAC9DC,aAAa,EAAE,MAAM;QACrBC,eAAe,EAAEnB,KAAK,CAACE,OAAO,CAACG,OAAO,CAACL,KAAK,CAACE,OAAO,CAACC,IAAI,CAAC,CAAE;MAC9D;IACF,CAAC;;IACDkB,OAAO,EAAE;MACP,SAAS,EAAE;QACTD,SAAS,EAAE;MACb;IACF;EACF,CAAC;AACH,CAAC,CAAC,CAAC,UAAAE,IAAA,EAAoC;EAAA,IAAjCC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;IAAEC,OAAO,GAAAF,IAAA,CAAPE,OAAO;IAAEH,OAAO,GAAAC,IAAA,CAAPD,OAAO;EAC9B,IAAMI,KAAK,GAAG,IAAAC,sBAAU,EAACF,OAAO,CAAClB,MAAM,EAAEe,OAAO,IAAIG,OAAO,CAACH,OAAO,CAAC;EAEpE,oBAAOhC,MAAA,YAAAsC,aAAA;IAAKC,SAAS,EAAEH;EAAM,GAAEF,QAAc,CAAC;AAChD,CAAC,CAAC;AAEFzB,MAAM,CAAC+B,SAAS,GAAG;EACjBN,QAAQ,EAAEO,qBAAS,CAACC,SAAS,CAAC,CAACD,qBAAS,CAACE,OAAO,CAACF,qBAAS,CAACG,IAAI,CAAC,EAAEH,qBAAS,CAACG,IAAI,CAAC,CAAC,CAACC,UAAU;EAC7Fb,OAAO,EAAES,qBAAS,CAACK,IAAI,CAACD;AAC1B,CAAC;AAAC,IAAAE,QAAA,GAEatC,MAAM;AAAAuC,OAAA,cAAAD,QAAA"}
+{"version":3,"file":"index.js","names":["_react","_interopRequireDefault","require","_propTypes","_styles","_debug","log","debug","StyledMuiBox","styled","_ref","theme","focused","light","palette","mode","bottomLineColor","primary","paddingTop","spacing","paddingBottom","position","left","right","bottom","height","content","transition","pointerEvents","backgroundColor","transform","MuiBox","_ref2","children","createElement","propTypes","PropTypes","oneOfType","arrayOf","node","isRequired","bool","_default","exports"],"sources":["../../src/mui-box/index.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { styled } from '@mui/material/styles';\nimport debug from 'debug';\n\nconst log = debug('pie-elements:config-ui:mui-box');\n\nconst StyledMuiBox = styled('div')(({ theme, focused }) => {\n  const light = theme.palette.mode === '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.mode || 'light']);\n\n  return {\n    paddingTop: theme.spacing(1),\n    paddingBottom: theme.spacing(1),\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: focused ? 'scaleX(1)' : '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.mode], //'#304ffe'\n    },\n  };\n});\n\nconst MuiBox = ({ children, focused }) => {\n  return <StyledMuiBox focused={focused}>{children}</StyledMuiBox>;\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"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,UAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,OAAA,GAAAF,OAAA;AACA,IAAAG,MAAA,GAAAJ,sBAAA,CAAAC,OAAA;AAEA,IAAMI,GAAG,GAAG,IAAAC,iBAAK,EAAC,gCAAgC,CAAC;AAEnD,IAAMC,YAAY,GAAG,IAAAC,cAAM,EAAC,KAAK,CAAC,CAAC,UAAAC,IAAA,EAAwB;EAAA,IAArBC,KAAK,GAAAD,IAAA,CAALC,KAAK;IAAEC,OAAO,GAAAF,IAAA,CAAPE,OAAO;EAClD,IAAMC,KAAK,GAAGF,KAAK,CAACG,OAAO,CAACC,IAAI,KAAK,OAAO;EAC5C,IAAMC,eAAe,GAAGH,KAAK,GAAG,qBAAqB,GAAG,0BAA0B;EAElFP,GAAG,CAACK,KAAK,CAACG,OAAO,CAACG,OAAO,CAACN,KAAK,CAACG,OAAO,CAACC,IAAI,IAAI,OAAO,CAAC,CAAC;EAEzD,OAAO;IACLG,UAAU,EAAEP,KAAK,CAACQ,OAAO,CAAC,CAAC,CAAC;IAC5BC,aAAa,EAAET,KAAK,CAACQ,OAAO,CAAC,CAAC,CAAC;IAC/BE,QAAQ,EAAE,UAAU;IACpB,UAAU,EAAE;MACVC,IAAI,EAAE,CAAC;MACPC,KAAK,EAAE,CAAC;MACRC,MAAM,EAAE,CAAC;MACTC,MAAM,EAAE,KAAK;MACbC,OAAO,EAAE,IAAI;MACbL,QAAQ,EAAE,UAAU;MACpBM,UAAU,EAAE,yDAAyD;MACrEC,aAAa,EAAE,MAAM;MACrBC,eAAe,EAAEb;IACnB,CAAC;IACD,gBAAgB,EAAE;MAChBS,MAAM,EAAE;IACV,CAAC;IACD,SAAS,EAAE;MACTH,IAAI,EAAE,CAAC;MACPC,KAAK,EAAE,CAAC;MACRC,MAAM,EAAE,CAAC;MACTC,MAAM,EAAE,KAAK;MACbC,OAAO,EAAE,IAAI;MACbL,QAAQ,EAAE,UAAU;MACpBS,SAAS,EAAElB,OAAO,GAAG,WAAW,GAAG,WAAW;MAC9Ce,UAAU,EAAE,kDAAkD;MAC9DC,aAAa,EAAE,MAAM;MACrBC,eAAe,EAAElB,KAAK,CAACG,OAAO,CAACG,OAAO,CAACN,KAAK,CAACG,OAAO,CAACC,IAAI,CAAC,CAAE;IAC9D;EACF,CAAC;AACH,CAAC,CAAC;AAEF,IAAMgB,MAAM,GAAG,SAATA,MAAMA,CAAAC,KAAA,EAA8B;EAAA,IAAxBC,QAAQ,GAAAD,KAAA,CAARC,QAAQ;IAAErB,OAAO,GAAAoB,KAAA,CAAPpB,OAAO;EACjC,oBAAOZ,MAAA,YAAAkC,aAAA,CAAC1B,YAAY;IAACI,OAAO,EAAEA;EAAQ,GAAEqB,QAAuB,CAAC;AAClE,CAAC;AAEDF,MAAM,CAACI,SAAS,GAAG;EACjBF,QAAQ,EAAEG,qBAAS,CAACC,SAAS,CAAC,CAACD,qBAAS,CAACE,OAAO,CAACF,qBAAS,CAACG,IAAI,CAAC,EAAEH,qBAAS,CAACG,IAAI,CAAC,CAAC,CAACC,UAAU;EAC7F5B,OAAO,EAAEwB,qBAAS,CAACK,IAAI,CAACD;AAC1B,CAAC;AAAC,IAAAE,QAAA,GAAAC,OAAA,cAEaZ,MAAM","ignoreList":[]}

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

@@ -1,49 +1,51 @@
 "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 _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 _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() {
+var _IconButton = _interopRequireDefault(require("@mui/material/IconButton"));
+var _InputAdornment = _interopRequireDefault(require("@mui/material/InputAdornment"));
+var _Remove = _interopRequireDefault(require("@mui/icons-material/Remove"));
+var _Add = _interopRequireDefault(require("@mui/icons-material/Add"));
+var math = _interopRequireWildcard(require("mathjs"));
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
+function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2["default"])(o), (0, _possibleConstructorReturn2["default"])(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2["default"])(t).constructor) : o.apply(t, e)); }
+function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
+var StyledTextField = (0, _styles.styled)(_TextField["default"])(function () {
   return {
-    input: {
-      '& 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
-      }
+    '& input[type=number]': {
+      MozAppearance: 'textfield'
     },
-    iconButton: {
-      padding: '2px'
+    '& input[type=number]::-webkit-outer-spin-button': {
+      WebkitAppearance: 'none',
+      margin: 0
+    },
+    '& input[type=number]::-webkit-inner-spin-button': {
+      WebkitAppearance: 'none',
+      margin: 0
     }
   };
-};
+});
+var StyledIconButton = (0, _styles.styled)(_IconButton["default"])(function () {
+  return {
+    padding: '2px'
+  };
+});
 var fallbackNumber = function fallbackNumber(min, max) {
   if (!(0, _isFinite["default"])(min) && !(0, _isFinite["default"])(max)) {
     return 0;
@@ -55,20 +57,19 @@ var fallbackNumber = function fallbackNumber(min, max) {
     return min;
   }
 };
-var NumberTextFieldCustom = /*#__PURE__*/function (_React$Component) {
-  (0, _inherits2["default"])(NumberTextFieldCustom, _React$Component);
-  var _super = _createSuper(NumberTextFieldCustom);
+var NumberTextFieldCustom = exports.NumberTextFieldCustom = /*#__PURE__*/function (_React$Component) {
   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);
+    _this = _callSuper(this, NumberTextFieldCustom, [props]);
+    (0, _defineProperty2["default"])(_this, "normalizeValueAndIndex", function (customValues, number, min, max) {
+      var type = _this.props.type;
+      var value = _this.clamp(number, min, max);
       var currentIndex = (customValues || []).findIndex(function (val) {
         return val === value;
       });
       if ((customValues || []).length > 0 && currentIndex === -1) {
-        var closestValue = _this.getClosestValue(customValues, value);
+        var closestValue = type === 'text' ? _this.getClosestFractionValue(customValues, value) : _this.getClosestValue(customValues, value);
         return {
           value: closestValue.value,
           currentIndex: closestValue.index
@@ -79,7 +80,7 @@ var NumberTextFieldCustom = /*#__PURE__*/function (_React$Component) {
         currentIndex: currentIndex
       };
     });
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "getClosestValue", function (customValues, number) {
+    (0, _defineProperty2["default"])(_this, "getClosestValue", function (customValues, number) {
       return customValues.reduce(function (closest, value, index) {
         return Math.abs(value - number) < Math.abs(closest.value - number) ? {
           value: value,
@@ -90,23 +91,71 @@ var NumberTextFieldCustom = /*#__PURE__*/function (_React$Component) {
         index: 0
       });
     });
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "onBlur", function (event) {
+    (0, _defineProperty2["default"])(_this, "getClosestFractionValue", function (customValues, number) {
+      return customValues.reduce(function (closest, value, index) {
+        return Math.abs(math.number(math.fraction(value)) - math.number(math.fraction(number))) < Math.abs(math.number(math.fraction(closest.value)) - math.number(math.fraction(number))) ? {
+          value: value,
+          index: index
+        } : closest;
+      }, {
+        value: customValues[0],
+        index: 0
+      });
+    });
+    (0, _defineProperty2["default"])(_this, "getValidFraction", function (value) {
+      if (_this.isPositiveInteger(value.trim())) {
+        return value.trim();
+      }
+      if (value.trim() === '' || value.trim().split('/').length !== 2) {
+        return false;
+      }
+      var _value$trim$split = value.trim().split('/'),
+        _value$trim$split2 = (0, _slicedToArray2["default"])(_value$trim$split, 2),
+        numerator = _value$trim$split2[0],
+        denominator = _value$trim$split2[1];
+      if (isNaN(numerator) || isNaN(denominator)) {
+        return false;
+      }
+      numerator = parseFloat(numerator);
+      denominator = parseFloat(denominator);
+      if (!Number.isInteger(numerator) || !Number.isInteger(denominator)) {
+        return false;
+      }
+      if (numerator < 0 || denominator < 1) {
+        return false;
+      }
+      return numerator + '/' + denominator;
+    });
+    (0, _defineProperty2["default"])(_this, "isPositiveInteger", function (n) {
+      return n >>> 0 === parseFloat(n);
+    });
+    (0, _defineProperty2["default"])(_this, "onBlur", function (event) {
       var _this$props = _this.props,
         customValues = _this$props.customValues,
-        onlyIntegersAllowed = _this$props.onlyIntegersAllowed;
+        onlyIntegersAllowed = _this$props.onlyIntegersAllowed,
+        type = _this$props.type;
       var value = event.target.value;
-      var rawNumber = onlyIntegersAllowed ? parseInt(value) : parseFloat(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;
-      if (number !== _this.state.value) {
-        _this.setState({
-          value: number.toString(),
-          currentIndex: currentIndex
-        }, function () {
-          return _this.props.onChange(event, number);
-        });
-      }
+      _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,
@@ -118,13 +167,14 @@ var NumberTextFieldCustom = /*#__PURE__*/function (_React$Component) {
     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"])(NumberTextFieldCustom, [{
+  (0, _inherits2["default"])(NumberTextFieldCustom, _React$Component);
+  return (0, _createClass2["default"])(NumberTextFieldCustom, [{
     key: "UNSAFE_componentWillReceiveProps",
     value: function UNSAFE_componentWillReceiveProps(props) {
-      var _this$normalizeValueA3 = this.normalizeValueAndIndex(props.customValues, props.value),
+      var _this$normalizeValueA3 = this.normalizeValueAndIndex(props.customValues, props.value, props.min, props.max),
         value = _this$normalizeValueA3.value,
         currentIndex = _this$normalizeValueA3.currentIndex;
       this.setState({
@@ -135,10 +185,9 @@ 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;
+      var min = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : this.props.min;
+      var max = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : this.props.max;
+      var customValues = this.props.customValues;
       if ((customValues || []).length > 0) {
         return value;
       }
@@ -156,7 +205,11 @@ var NumberTextFieldCustom = /*#__PURE__*/function (_React$Component) {
   }, {
     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
       });
@@ -167,11 +220,11 @@ var NumberTextFieldCustom = /*#__PURE__*/function (_React$Component) {
       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$props2 = this.props,
+        customValues = _this$props2.customValues,
+        step = _this$props2.step,
+        onlyIntegersAllowed = _this$props2.onlyIntegersAllowed,
+        onChange = _this$props2.onChange;
       var _this$state = this.state,
         currentIndex = _this$state.currentIndex,
         value = _this$state.value;
@@ -200,22 +253,34 @@ 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;
+      var _this$props3 = this.props,
+        className = _this$props3.className,
+        label = _this$props3.label,
+        disabled = _this$props3.disabled,
+        error = _this$props3.error,
+        min = _this$props3.min,
+        max = _this$props3.max,
+        customValues = _this$props3.customValues,
+        inputClassName = _this$props3.inputClassName,
+        disableUnderline = _this$props3.disableUnderline,
+        helperText = _this$props3.helperText,
+        variant = _this$props3.variant,
+        textAlign = _this$props3.textAlign,
+        _this$props3$type = _this$props3.type,
+        type = _this$props3$type === void 0 ? 'number' : _this$props3$type;
       var value = this.state.value;
-      var names = (0, _classnames["default"])(className, classes.input);
-      return /*#__PURE__*/_react["default"].createElement(_TextField["default"], {
+      var names = className;
+      //Logic to disable the increment and decrement buttons
+      var disabledStart = false;
+      var disabledEnd = false;
+      if (customValues.length > 0) {
+        disabledStart = value === customValues[0];
+        disabledEnd = value === customValues[customValues.length - 1];
+      } else if ((0, _isFinite["default"])(min) && (0, _isFinite["default"])(max)) {
+        disabledStart = value === min;
+        disabledEnd = value === max;
+      }
+      return /*#__PURE__*/_react["default"].createElement(StyledTextField, {
         variant: variant,
         inputRef: function inputRef(ref) {
           return _this2.inputRef = ref;
@@ -242,30 +307,30 @@ var NumberTextFieldCustom = /*#__PURE__*/function (_React$Component) {
           }
         },
         title: '',
-        type: "number",
+        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,
+          }, /*#__PURE__*/_react["default"].createElement(StyledIconButton, {
+            disabled: disabled ? disabled : disabledStart,
             onClick: function onClick(e) {
               return _this2.changeValue(e, -1, true);
-            }
+            },
+            size: "large"
           }, /*#__PURE__*/_react["default"].createElement(_Remove["default"], {
             fontSize: "small"
           }))),
           endAdornment: /*#__PURE__*/_react["default"].createElement(_InputAdornment["default"], {
             position: "end"
-          }, /*#__PURE__*/_react["default"].createElement(_IconButton["default"], {
-            className: classes.iconButton,
-            disabled: disabled,
+          }, /*#__PURE__*/_react["default"].createElement(StyledIconButton, {
+            disabled: disabled ? disabled : disabledEnd,
             onClick: function onClick(e) {
               return _this2.changeValue(e, 1, true);
-            }
+            },
+            size: "large"
           }, /*#__PURE__*/_react["default"].createElement(_Add["default"], {
             fontSize: "small"
           })))
@@ -280,11 +345,8 @@ var NumberTextFieldCustom = /*#__PURE__*/function (_React$Component) {
       });
     }
   }]);
-  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,
@@ -293,14 +355,15 @@ exports.NumberTextFieldCustom = NumberTextFieldCustom;
   helperText: _propTypes["default"].string,
   onChange: _propTypes["default"].func.isRequired,
   onlyIntegersAllowed: _propTypes["default"].bool,
-  value: _propTypes["default"].number,
+  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
+  variant: _propTypes["default"].string,
+  type: _propTypes["default"].string
 });
 (0, _defineProperty2["default"])(NumberTextFieldCustom, "defaultProps", {
   step: 1,
@@ -309,6 +372,5 @@ exports.NumberTextFieldCustom = NumberTextFieldCustom;
   variant: 'standard',
   onlyIntegersAllowed: false
 });
-var _default = (0, _styles.withStyles)(styles)(NumberTextFieldCustom);
-exports["default"] = _default;
+var _default = exports["default"] = NumberTextFieldCustom;
 //# sourceMappingURL=number-text-field-custom.js.map