@pie-element/number-line 11.3.4-next.3 → 12.0.0-beta.1

package/lib/number-line/feedback.js

@@ -1,108 +1,92 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = void 0;
-
+exports.default = void 0;
 var _icons = require("@pie-lib/icons");
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _renderUi = require("@pie-lib/render-ui");
-
-var _react = _interopRequireDefault(require("react"));
-
+var _react = _interopRequireWildcard(require("react"));
 var _reactTransitionGroup = require("react-transition-group");
-
-var _classnames = _interopRequireDefault(require("classnames"));
-
-var _reactJss = _interopRequireDefault(require("react-jss"));
-
-var getIcon = function getIcon(t) {
+var _styles = require("@mui/material/styles");
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (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 (const 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); }
+let getIcon = t => {
   switch (t) {
     case 'unanswered':
       return _icons.NothingSubmitted;
-
     case 'correct':
       return _icons.Correct;
-
     case 'incorrect':
       return _icons.Incorrect;
-
     case 'partial':
       return _icons.PartiallyCorrect;
-
     case 'info':
       return _icons.ShowRationale;
-
     default:
       return undefined;
   }
 };
-
-var Feedback = function Feedback(props) {
-  var classes = props.classes,
-      type = props.type;
-  var className = (0, _classnames["default"])(classes[type], classes.feedback);
-  var Icon = getIcon(props.type);
-  return /*#__PURE__*/_react["default"].createElement(_reactTransitionGroup.TransitionGroup, null, /*#__PURE__*/_react["default"].createElement(_reactTransitionGroup.CSSTransition, {
+const FeedbackContainer = (0, _styles.styled)('div')(({
+  $type
+}) => ({
+  marginTop: '10px',
+  backgroundColor: '#dddddd',
+  padding: '10px',
+  display: 'flex',
+  alignItems: 'center',
+  ...($type === 'correct' && {
+    backgroundColor: _renderUi.color.correct()
+  }),
+  ...($type === 'incorrect' && {
+    backgroundColor: _renderUi.color.incorrect()
+  }),
+  '& svg': {
+    height: '30px'
+  },
+  '& h1': {
+    padding: '0px',
+    margin: '0px'
+  }
+}));
+const Message = (0, _styles.styled)('span')({
+  paddingLeft: '5px',
+  userSelect: 'none'
+});
+const Feedback = props => {
+  const {
+    type,
+    width,
+    message
+  } = props;
+  let Icon = getIcon(type);
+  const nodeRef = (0, _react.useRef)(null);
+  return /*#__PURE__*/_react.default.createElement(_reactTransitionGroup.TransitionGroup, null, /*#__PURE__*/_react.default.createElement(_reactTransitionGroup.CSSTransition, {
     classNames: 'fb',
     key: "fb",
-    timeout: 300
-  }, /*#__PURE__*/_react["default"].createElement("div", {
+    timeout: 300,
+    nodeRef: nodeRef
+  }, /*#__PURE__*/_react.default.createElement(FeedbackContainer, {
+    ref: nodeRef,
     key: "panel",
-    className: className,
+    $type: type,
     style: {
-      width: props.width
+      width
     }
-  }, /*#__PURE__*/_react["default"].createElement(Icon, {
+  }, /*#__PURE__*/_react.default.createElement(Icon, {
     iconSet: "emoji",
     shape: "square"
-  }), /*#__PURE__*/_react["default"].createElement("span", {
-    className: classes.message,
+  }), /*#__PURE__*/_react.default.createElement(Message, {
     dangerouslySetInnerHTML: {
-      __html: props.message
+      __html: message
     }
   }))));
 };
-
 Feedback.propTypes = {
-  width: _propTypes["default"].number,
-  message: _propTypes["default"].string,
-  classes: _propTypes["default"].object.isRequired,
-  type: _propTypes["default"].string
+  width: _propTypes.default.number,
+  message: _propTypes.default.string,
+  type: _propTypes.default.string
 };
-var styles = {
-  feedback: {
-    marginTop: '10px',
-    backgroundColor: '#dddddd',
-    padding: '10px',
-    display: 'flex',
-    alignItems: 'center',
-    '& svg': {
-      height: '30px'
-    },
-    '& h1': {
-      padding: '0px',
-      margin: '0px'
-    }
-  },
-  message: {
-    paddingLeft: '5px',
-    userSelect: 'none'
-  },
-  correct: {
-    backgroundColor: _renderUi.color.correct()
-  },
-  incorrect: {
-    backgroundColor: _renderUi.color.incorrect()
-  }
-};
-
-var _default = (0, _reactJss["default"])(styles)(Feedback);
-
-exports["default"] = _default;
+var _default = exports.default = Feedback;
 //# sourceMappingURL=feedback.js.map

package/lib/number-line/feedback.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/number-line/feedback.jsx"],"names":["getIcon","t","NothingSubmitted","Correct","Incorrect","PartiallyCorrect","ShowRationale","undefined","Feedback","props","classes","type","className","feedback","Icon","width","message","__html","propTypes","PropTypes","number","string","object","isRequired","styles","marginTop","backgroundColor","padding","display","alignItems","height","margin","paddingLeft","userSelect","correct","color","incorrect"],"mappings":";;;;;;;;;AAAA;;AACA;;AACA;;AAEA;;AACA;;AACA;;AACA;;AAEA,IAAIA,OAAO,GAAG,SAAVA,OAAU,CAACC,CAAD,EAAO;AACnB,UAAQA,CAAR;AACE,SAAK,YAAL;AACE,aAAOC,uBAAP;;AACF,SAAK,SAAL;AACE,aAAOC,cAAP;;AACF,SAAK,WAAL;AACE,aAAOC,gBAAP;;AACF,SAAK,SAAL;AACE,aAAOC,uBAAP;;AACF,SAAK,MAAL;AACE,aAAOC,oBAAP;;AACF;AACE,aAAOC,SAAP;AAZJ;AAcD,CAfD;;AAiBA,IAAMC,QAAQ,GAAG,SAAXA,QAAW,CAACC,KAAD,EAAW;AAC1B,MAAQC,OAAR,GAA0BD,KAA1B,CAAQC,OAAR;AAAA,MAAiBC,IAAjB,GAA0BF,KAA1B,CAAiBE,IAAjB;AACA,MAAIC,SAAS,GAAG,4BAAWF,OAAO,CAACC,IAAD,CAAlB,EAA0BD,OAAO,CAACG,QAAlC,CAAhB;AACA,MAAIC,IAAI,GAAGd,OAAO,CAACS,KAAK,CAACE,IAAP,CAAlB;AAEA,sBACE,gCAAC,qCAAD,qBACE,gCAAC,mCAAD;AAAe,IAAA,UAAU,EAAE,IAA3B;AAAiC,IAAA,GAAG,EAAC,IAArC;AAA0C,IAAA,OAAO,EAAE;AAAnD,kBACE;AAAK,IAAA,GAAG,EAAC,OAAT;AAAiB,IAAA,SAAS,EAAEC,SAA5B;AAAuC,IAAA,KAAK,EAAE;AAAEG,MAAAA,KAAK,EAAEN,KAAK,CAACM;AAAf;AAA9C,kBACE,gCAAC,IAAD;AAAM,IAAA,OAAO,EAAC,OAAd;AAAsB,IAAA,KAAK,EAAC;AAA5B,IADF,eAEE;AAAM,IAAA,SAAS,EAAEL,OAAO,CAACM,OAAzB;AAAkC,IAAA,uBAAuB,EAAE;AAAEC,MAAAA,MAAM,EAAER,KAAK,CAACO;AAAhB;AAA3D,IAFF,CADF,CADF,CADF;AAUD,CAfD;;AAiBAR,QAAQ,CAACU,SAAT,GAAqB;AACnBH,EAAAA,KAAK,EAAEI,sBAAUC,MADE;AAEnBJ,EAAAA,OAAO,EAAEG,sBAAUE,MAFA;AAGnBX,EAAAA,OAAO,EAAES,sBAAUG,MAAV,CAAiBC,UAHP;AAInBZ,EAAAA,IAAI,EAAEQ,sBAAUE;AAJG,CAArB;AAOA,IAAMG,MAAM,GAAG;AACbX,EAAAA,QAAQ,EAAE;AACRY,IAAAA,SAAS,EAAE,MADH;AAERC,IAAAA,eAAe,EAAE,SAFT;AAGRC,IAAAA,OAAO,EAAE,MAHD;AAIRC,IAAAA,OAAO,EAAE,MAJD;AAKRC,IAAAA,UAAU,EAAE,QALJ;AAMR,aAAS;AACPC,MAAAA,MAAM,EAAE;AADD,KAND;AASR,YAAQ;AACNH,MAAAA,OAAO,EAAE,KADH;AAENI,MAAAA,MAAM,EAAE;AAFF;AATA,GADG;AAebf,EAAAA,OAAO,EAAE;AACPgB,IAAAA,WAAW,EAAE,KADN;AAEPC,IAAAA,UAAU,EAAE;AAFL,GAfI;AAmBbC,EAAAA,OAAO,EAAE;AACPR,IAAAA,eAAe,EAAES,gBAAMD,OAAN;AADV,GAnBI;AAsBbE,EAAAA,SAAS,EAAE;AACTV,IAAAA,eAAe,EAAES,gBAAMC,SAAN;AADR;AAtBE,CAAf;;eA2Be,0BAAYZ,MAAZ,EAAoBhB,QAApB,C","sourcesContent":["import { Correct, Incorrect, NothingSubmitted, PartiallyCorrect, ShowRationale } from '@pie-lib/icons';\nimport PropTypes from 'prop-types';\nimport { color } from '@pie-lib/render-ui';\n\nimport React from 'react';\nimport { TransitionGroup, CSSTransition } from 'react-transition-group';\nimport classNames from 'classnames';\nimport injectSheet from 'react-jss';\n\nlet getIcon = (t) => {\n  switch (t) {\n    case 'unanswered':\n      return NothingSubmitted;\n    case 'correct':\n      return Correct;\n    case 'incorrect':\n      return Incorrect;\n    case 'partial':\n      return PartiallyCorrect;\n    case 'info':\n      return ShowRationale;\n    default:\n      return undefined;\n  }\n};\n\nconst Feedback = (props) => {\n  const { classes, type } = props;\n  let className = classNames(classes[type], classes.feedback);\n  let Icon = getIcon(props.type);\n\n  return (\n    <TransitionGroup>\n      <CSSTransition classNames={'fb'} key=\"fb\" timeout={300}>\n        <div key=\"panel\" className={className} style={{ width: props.width }}>\n          <Icon iconSet=\"emoji\" shape=\"square\" />\n          <span className={classes.message} dangerouslySetInnerHTML={{ __html: props.message }} />\n        </div>\n      </CSSTransition>\n    </TransitionGroup>\n  );\n};\n\nFeedback.propTypes = {\n  width: PropTypes.number,\n  message: PropTypes.string,\n  classes: PropTypes.object.isRequired,\n  type: PropTypes.string,\n};\n\nconst styles = {\n  feedback: {\n    marginTop: '10px',\n    backgroundColor: '#dddddd',\n    padding: '10px',\n    display: 'flex',\n    alignItems: 'center',\n    '& svg': {\n      height: '30px',\n    },\n    '& h1': {\n      padding: '0px',\n      margin: '0px',\n    },\n  },\n  message: {\n    paddingLeft: '5px',\n    userSelect: 'none',\n  },\n  correct: {\n    backgroundColor: color.correct(),\n  },\n  incorrect: {\n    backgroundColor: color.incorrect(),\n  },\n};\n\nexport default injectSheet(styles)(Feedback);\n"],"file":"feedback.js"}
+{"version":3,"file":"feedback.js","names":["_icons","require","_propTypes","_interopRequireDefault","_renderUi","_react","_interopRequireWildcard","_reactTransitionGroup","_styles","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","getIcon","NothingSubmitted","Correct","Incorrect","PartiallyCorrect","ShowRationale","undefined","FeedbackContainer","styled","$type","marginTop","backgroundColor","padding","display","alignItems","color","correct","incorrect","height","margin","Message","paddingLeft","userSelect","Feedback","props","type","width","message","Icon","nodeRef","useRef","createElement","TransitionGroup","CSSTransition","classNames","key","timeout","ref","style","iconSet","shape","dangerouslySetInnerHTML","__html","propTypes","PropTypes","number","string","_default","exports"],"sources":["../../src/number-line/feedback.jsx"],"sourcesContent":["import { Correct, Incorrect, NothingSubmitted, PartiallyCorrect, ShowRationale } from '@pie-lib/icons';\nimport PropTypes from 'prop-types';\nimport { color } from '@pie-lib/render-ui';\n\nimport React, { useRef } from 'react';\nimport { TransitionGroup, CSSTransition } from 'react-transition-group';\nimport { styled } from '@mui/material/styles';\n\nlet getIcon = (t) => {\n  switch (t) {\n    case 'unanswered':\n      return NothingSubmitted;\n    case 'correct':\n      return Correct;\n    case 'incorrect':\n      return Incorrect;\n    case 'partial':\n      return PartiallyCorrect;\n    case 'info':\n      return ShowRationale;\n    default:\n      return undefined;\n  }\n};\n\nconst FeedbackContainer = styled('div')(({ $type }) => ({\n  marginTop: '10px',\n  backgroundColor: '#dddddd',\n  padding: '10px',\n  display: 'flex',\n  alignItems: 'center',\n  ...($type === 'correct' && {\n    backgroundColor: color.correct(),\n  }),\n  ...($type === 'incorrect' && {\n    backgroundColor: color.incorrect(),\n  }),\n  '& svg': {\n    height: '30px',\n  },\n  '& h1': {\n    padding: '0px',\n    margin: '0px',\n  },\n}));\n\nconst Message = styled('span')({\n  paddingLeft: '5px',\n  userSelect: 'none',\n});\n\nconst Feedback = (props) => {\n  const { type, width, message } = props;\n  let Icon = getIcon(type);\n  const nodeRef = useRef(null);\n\n  return (\n    <TransitionGroup>\n      <CSSTransition classNames={'fb'} key=\"fb\" timeout={300} nodeRef={nodeRef}>\n        <FeedbackContainer ref={nodeRef} key=\"panel\" $type={type} style={{ width }}>\n          <Icon iconSet=\"emoji\" shape=\"square\" />\n          <Message dangerouslySetInnerHTML={{ __html: message }} />\n        </FeedbackContainer>\n      </CSSTransition>\n    </TransitionGroup>\n  );\n};\n\nFeedback.propTypes = {\n  width: PropTypes.number,\n  message: PropTypes.string,\n  type: PropTypes.string,\n};\n\nexport default Feedback;\n"],"mappings":"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","ignoreList":[]}

package/lib/number-line/graph/arrow.js

@@ -1,63 +1,44 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.Arrow = Arrow;
-exports["default"] = void 0;
-
+exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
-var _classnames = _interopRequireDefault(require("classnames"));
-
-var _reactJss = _interopRequireDefault(require("react-jss"));
-
+var _styles = require("@mui/material/styles");
 var _renderUi = require("@pie-lib/render-ui");
-
-var style = {
-  root: {
-    fill: _renderUi.color.primary()
-  }
-};
-
-function Arrow(_ref) {
-  var x = _ref.x,
-      y = _ref.y,
-      direction = _ref.direction,
-      classes = _ref.classes,
-      className = _ref.className;
-  var transform = "translate(".concat(x || 0, ",").concat(y, ")");
-
+const StyledPath = (0, _styles.styled)('path')({
+  fill: _renderUi.color.primary()
+});
+function Arrow({
+  x,
+  y,
+  direction,
+  className
+}) {
+  let transform = `translate(${x || 0},${y})`;
   if (direction && direction === 'right') {
     transform += ' rotate(180)';
   }
-
-  var names = (0, _classnames["default"])(classes.root, className);
-  return /*#__PURE__*/_react["default"].createElement("path", {
+  return /*#__PURE__*/_react.default.createElement(StyledPath, {
     d: "m 0,0 8,-5 0,10 -8,-5",
     transform: transform,
-    className: names
+    className: className
   });
 }
-
 Arrow.propTypes = {
-  y: _propTypes["default"].number,
-  x: _propTypes["default"].number,
-  direction: _propTypes["default"].oneOf(['left', 'right']),
-  classes: _propTypes["default"].object.isRequired,
-  className: _propTypes["default"].string
+  y: _propTypes.default.number,
+  x: _propTypes.default.number,
+  direction: _propTypes.default.oneOf(['left', 'right']),
+  className: _propTypes.default.string
 };
 Arrow.defaultProps = {
   y: 0,
   x: 0,
   direction: 'left'
 };
-
-var _default = (0, _reactJss["default"])(style)(Arrow);
-
-exports["default"] = _default;
+var _default = exports.default = Arrow;
 //# sourceMappingURL=arrow.js.map

package/lib/number-line/graph/arrow.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/number-line/graph/arrow.jsx"],"names":["style","root","fill","color","primary","Arrow","x","y","direction","classes","className","transform","names","propTypes","PropTypes","number","oneOf","object","isRequired","string","defaultProps"],"mappings":";;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AAEA,IAAMA,KAAK,GAAG;AACZC,EAAAA,IAAI,EAAE;AACJC,IAAAA,IAAI,EAAEC,gBAAMC,OAAN;AADF;AADM,CAAd;;AAMO,SAASC,KAAT,OAAwD;AAAA,MAAvCC,CAAuC,QAAvCA,CAAuC;AAAA,MAApCC,CAAoC,QAApCA,CAAoC;AAAA,MAAjCC,SAAiC,QAAjCA,SAAiC;AAAA,MAAtBC,OAAsB,QAAtBA,OAAsB;AAAA,MAAbC,SAAa,QAAbA,SAAa;AAC7D,MAAIC,SAAS,uBAAgBL,CAAC,IAAI,CAArB,cAA0BC,CAA1B,MAAb;;AAEA,MAAIC,SAAS,IAAIA,SAAS,KAAK,OAA/B,EAAwC;AACtCG,IAAAA,SAAS,IAAI,cAAb;AACD;;AAED,MAAMC,KAAK,GAAG,4BAAWH,OAAO,CAACR,IAAnB,EAAyBS,SAAzB,CAAd;AACA,sBAAO;AAAM,IAAA,CAAC,EAAC,uBAAR;AAAgC,IAAA,SAAS,EAAEC,SAA3C;AAAsD,IAAA,SAAS,EAAEC;AAAjE,IAAP;AACD;;AAEDP,KAAK,CAACQ,SAAN,GAAkB;AAChBN,EAAAA,CAAC,EAAEO,sBAAUC,MADG;AAEhBT,EAAAA,CAAC,EAAEQ,sBAAUC,MAFG;AAGhBP,EAAAA,SAAS,EAAEM,sBAAUE,KAAV,CAAgB,CAAC,MAAD,EAAS,OAAT,CAAhB,CAHK;AAIhBP,EAAAA,OAAO,EAAEK,sBAAUG,MAAV,CAAiBC,UAJV;AAKhBR,EAAAA,SAAS,EAAEI,sBAAUK;AALL,CAAlB;AAQAd,KAAK,CAACe,YAAN,GAAqB;AACnBb,EAAAA,CAAC,EAAE,CADgB;AAEnBD,EAAAA,CAAC,EAAE,CAFgB;AAGnBE,EAAAA,SAAS,EAAE;AAHQ,CAArB;;eAMe,0BAAYR,KAAZ,EAAmBK,KAAnB,C","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport injectSheet from 'react-jss';\nimport { color } from '@pie-lib/render-ui';\n\nconst style = {\n  root: {\n    fill: color.primary(),\n  },\n};\n\nexport function Arrow({ x, y, direction, classes, className }) {\n  let transform = `translate(${x || 0},${y})`;\n\n  if (direction && direction === 'right') {\n    transform += ' rotate(180)';\n  }\n\n  const names = classNames(classes.root, className);\n  return <path d=\"m 0,0 8,-5 0,10 -8,-5\" transform={transform} className={names} />;\n}\n\nArrow.propTypes = {\n  y: PropTypes.number,\n  x: PropTypes.number,\n  direction: PropTypes.oneOf(['left', 'right']),\n  classes: PropTypes.object.isRequired,\n  className: PropTypes.string,\n};\n\nArrow.defaultProps = {\n  y: 0,\n  x: 0,\n  direction: 'left',\n};\n\nexport default injectSheet(style)(Arrow);\n"],"file":"arrow.js"}
+{"version":3,"file":"arrow.js","names":["_react","_interopRequireDefault","require","_propTypes","_styles","_renderUi","StyledPath","styled","fill","color","primary","Arrow","x","y","direction","className","transform","default","createElement","d","propTypes","PropTypes","number","oneOf","string","defaultProps","_default","exports"],"sources":["../../../src/number-line/graph/arrow.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { styled } from '@mui/material/styles';\nimport { color } from '@pie-lib/render-ui';\n\nconst StyledPath = styled('path')({\n  fill: color.primary(),\n});\n\nexport function Arrow({ x, y, direction, className }) {\n  let transform = `translate(${x || 0},${y})`;\n\n  if (direction && direction === 'right') {\n    transform += ' rotate(180)';\n  }\n\n  return <StyledPath d=\"m 0,0 8,-5 0,10 -8,-5\" transform={transform} className={className} />;\n}\n\nArrow.propTypes = {\n  y: PropTypes.number,\n  x: PropTypes.number,\n  direction: PropTypes.oneOf(['left', 'right']),\n  className: PropTypes.string,\n};\n\nArrow.defaultProps = {\n  y: 0,\n  x: 0,\n  direction: 'left',\n};\n\nexport default Arrow;\n"],"mappings":";;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,UAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,OAAA,GAAAF,OAAA;AACA,IAAAG,SAAA,GAAAH,OAAA;AAEA,MAAMI,UAAU,GAAG,IAAAC,cAAM,EAAC,MAAM,CAAC,CAAC;EAChCC,IAAI,EAAEC,eAAK,CAACC,OAAO,CAAC;AACtB,CAAC,CAAC;AAEK,SAASC,KAAKA,CAAC;EAAEC,CAAC;EAAEC,CAAC;EAAEC,SAAS;EAAEC;AAAU,CAAC,EAAE;EACpD,IAAIC,SAAS,GAAG,aAAaJ,CAAC,IAAI,CAAC,IAAIC,CAAC,GAAG;EAE3C,IAAIC,SAAS,IAAIA,SAAS,KAAK,OAAO,EAAE;IACtCE,SAAS,IAAI,cAAc;EAC7B;EAEA,oBAAOhB,MAAA,CAAAiB,OAAA,CAAAC,aAAA,CAACZ,UAAU;IAACa,CAAC,EAAC,uBAAuB;IAACH,SAAS,EAAEA,SAAU;IAACD,SAAS,EAAEA;EAAU,CAAE,CAAC;AAC7F;AAEAJ,KAAK,CAACS,SAAS,GAAG;EAChBP,CAAC,EAAEQ,kBAAS,CAACC,MAAM;EACnBV,CAAC,EAAES,kBAAS,CAACC,MAAM;EACnBR,SAAS,EAAEO,kBAAS,CAACE,KAAK,CAAC,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;EAC7CR,SAAS,EAAEM,kBAAS,CAACG;AACvB,CAAC;AAEDb,KAAK,CAACc,YAAY,GAAG;EACnBZ,CAAC,EAAE,CAAC;EACJD,CAAC,EAAE,CAAC;EACJE,SAAS,EAAE;AACb,CAAC;AAAC,IAAAY,QAAA,GAAAC,OAAA,CAAAV,OAAA,GAEaN,KAAK","ignoreList":[]}

package/lib/number-line/graph/elements/base.js

@@ -1,26 +1,20 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.basePropTypes = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 //eslint-disable-line
-var basePropTypes = function basePropTypes() {
-  return {
-    interval: _propTypes["default"].number.isRequired,
-    domain: _propTypes["default"].shape({
-      min: _propTypes["default"].number.isRequired,
-      max: _propTypes["default"].number.isRequired
-    })
-  };
-};
 
+const basePropTypes = () => ({
+  interval: _propTypes.default.number.isRequired,
+  domain: _propTypes.default.shape({
+    min: _propTypes.default.number.isRequired,
+    max: _propTypes.default.number.isRequired
+  })
+});
 exports.basePropTypes = basePropTypes;
 //# sourceMappingURL=base.js.map

package/lib/number-line/graph/elements/base.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/number-line/graph/elements/base.js"],"names":["basePropTypes","interval","PropTypes","number","isRequired","domain","shape","min","max"],"mappings":";;;;;;;;;AAAA;;AACA;;AAD2B;AAGpB,IAAMA,aAAa,GAAG,SAAhBA,aAAgB;AAAA,SAAO;AAClCC,IAAAA,QAAQ,EAAEC,sBAAUC,MAAV,CAAiBC,UADO;AAElCC,IAAAA,MAAM,EAAEH,sBAAUI,KAAV,CAAgB;AACtBC,MAAAA,GAAG,EAAEL,sBAAUC,MAAV,CAAiBC,UADA;AAEtBI,MAAAA,GAAG,EAAEN,sBAAUC,MAAV,CAAiBC;AAFA,KAAhB;AAF0B,GAAP;AAAA,CAAtB","sourcesContent":["import React from 'react'; //eslint-disable-line\nimport PropTypes from 'prop-types';\n\nexport const basePropTypes = () => ({\n  interval: PropTypes.number.isRequired,\n  domain: PropTypes.shape({\n    min: PropTypes.number.isRequired,\n    max: PropTypes.number.isRequired,\n  }),\n});\n"],"file":"base.js"}
+{"version":3,"file":"base.js","names":["_react","_interopRequireDefault","require","_propTypes","basePropTypes","interval","PropTypes","number","isRequired","domain","shape","min","max","exports"],"sources":["../../../../src/number-line/graph/elements/base.js"],"sourcesContent":["import React from 'react'; //eslint-disable-line\nimport PropTypes from 'prop-types';\n\nexport const basePropTypes = () => ({\n  interval: PropTypes.number.isRequired,\n  domain: PropTypes.shape({\n    min: PropTypes.number.isRequired,\n    max: PropTypes.number.isRequired,\n  }),\n});\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,UAAA,GAAAF,sBAAA,CAAAC,OAAA;AAD2B;;AAGpB,MAAME,aAAa,GAAGA,CAAA,MAAO;EAClCC,QAAQ,EAAEC,kBAAS,CAACC,MAAM,CAACC,UAAU;EACrCC,MAAM,EAAEH,kBAAS,CAACI,KAAK,CAAC;IACtBC,GAAG,EAAEL,kBAAS,CAACC,MAAM,CAACC,UAAU;IAChCI,GAAG,EAAEN,kBAAS,CAACC,MAAM,CAACC;EACxB,CAAC;AACH,CAAC,CAAC;AAACK,OAAA,CAAAT,aAAA,GAAAA,aAAA","ignoreList":[]}

package/lib/number-line/graph/elements/builder.js

@@ -4,7 +4,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.buildElementModel = buildElementModel;
-
 function buildElementModel(position, elementType, domain, interval) {
   if (elementType.startsWith('p')) {
     return {
@@ -13,20 +12,20 @@ function buildElementModel(position, elementType, domain, interval) {
       pointType: elementType.endsWith('e') ? 'empty' : 'full'
     };
   } else if (elementType.startsWith('l')) {
-    var left = position + interval <= domain.max ? position : position - interval;
-    var right = left + interval;
+    let left = position + interval <= domain.max ? position : position - interval;
+    let right = left + interval;
     return {
       type: 'line',
       leftPoint: elementType.charAt(1) === 'e' ? 'empty' : 'full',
       rightPoint: elementType.charAt(2) === 'e' ? 'empty' : 'full',
       position: {
-        left: left,
-        right: right
+        left,
+        right
       }
     };
   } else if (elementType.startsWith('r')) {
-    var full = elementType.charAt(1) === 'f';
-    var positive = elementType.charAt(2) === 'p';
+    let full = elementType.charAt(1) === 'f';
+    let positive = elementType.charAt(2) === 'p';
     return {
       type: 'ray',
       direction: positive ? 'positive' : 'negative',

package/lib/number-line/graph/elements/builder.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/number-line/graph/elements/builder.js"],"names":["buildElementModel","position","elementType","domain","interval","startsWith","type","pointType","endsWith","left","max","right","leftPoint","charAt","rightPoint","full","positive","direction"],"mappings":";;;;;;;AAAO,SAASA,iBAAT,CAA2BC,QAA3B,EAAqCC,WAArC,EAAkDC,MAAlD,EAA0DC,QAA1D,EAAoE;AACzE,MAAIF,WAAW,CAACG,UAAZ,CAAuB,GAAvB,CAAJ,EAAiC;AAC/B,WAAO;AACLJ,MAAAA,QAAQ,EAAEA,QADL;AAELK,MAAAA,IAAI,EAAE,OAFD;AAGLC,MAAAA,SAAS,EAAEL,WAAW,CAACM,QAAZ,CAAqB,GAArB,IAA4B,OAA5B,GAAsC;AAH5C,KAAP;AAKD,GAND,MAMO,IAAIN,WAAW,CAACG,UAAZ,CAAuB,GAAvB,CAAJ,EAAiC;AACtC,QAAII,IAAI,GAAGR,QAAQ,GAAGG,QAAX,IAAuBD,MAAM,CAACO,GAA9B,GAAoCT,QAApC,GAA+CA,QAAQ,GAAGG,QAArE;AACA,QAAIO,KAAK,GAAGF,IAAI,GAAGL,QAAnB;AACA,WAAO;AACLE,MAAAA,IAAI,EAAE,MADD;AAELM,MAAAA,SAAS,EAAEV,WAAW,CAACW,MAAZ,CAAmB,CAAnB,MAA0B,GAA1B,GAAgC,OAAhC,GAA0C,MAFhD;AAGLC,MAAAA,UAAU,EAAEZ,WAAW,CAACW,MAAZ,CAAmB,CAAnB,MAA0B,GAA1B,GAAgC,OAAhC,GAA0C,MAHjD;AAILZ,MAAAA,QAAQ,EAAE;AAAEQ,QAAAA,IAAI,EAAJA,IAAF;AAAQE,QAAAA,KAAK,EAALA;AAAR;AAJL,KAAP;AAMD,GATM,MASA,IAAIT,WAAW,CAACG,UAAZ,CAAuB,GAAvB,CAAJ,EAAiC;AACtC,QAAIU,IAAI,GAAGb,WAAW,CAACW,MAAZ,CAAmB,CAAnB,MAA0B,GAArC;AACA,QAAIG,QAAQ,GAAGd,WAAW,CAACW,MAAZ,CAAmB,CAAnB,MAA0B,GAAzC;AACA,WAAO;AACLP,MAAAA,IAAI,EAAE,KADD;AAELW,MAAAA,SAAS,EAAED,QAAQ,GAAG,UAAH,GAAgB,UAF9B;AAGLT,MAAAA,SAAS,EAAEQ,IAAI,GAAG,MAAH,GAAY,OAHtB;AAILd,MAAAA,QAAQ,EAAEA;AAJL,KAAP;AAMD;AACF","sourcesContent":["export function buildElementModel(position, elementType, domain, interval) {\n  if (elementType.startsWith('p')) {\n    return {\n      position: position,\n      type: 'point',\n      pointType: elementType.endsWith('e') ? 'empty' : 'full',\n    };\n  } else if (elementType.startsWith('l')) {\n    let left = position + interval <= domain.max ? position : position - interval;\n    let right = left + interval;\n    return {\n      type: 'line',\n      leftPoint: elementType.charAt(1) === 'e' ? 'empty' : 'full',\n      rightPoint: elementType.charAt(2) === 'e' ? 'empty' : 'full',\n      position: { left, right },\n    };\n  } else if (elementType.startsWith('r')) {\n    let full = elementType.charAt(1) === 'f';\n    let positive = elementType.charAt(2) === 'p';\n    return {\n      type: 'ray',\n      direction: positive ? 'positive' : 'negative',\n      pointType: full ? 'full' : 'empty',\n      position: position,\n    };\n  }\n}\n"],"file":"builder.js"}
+{"version":3,"file":"builder.js","names":["buildElementModel","position","elementType","domain","interval","startsWith","type","pointType","endsWith","left","max","right","leftPoint","charAt","rightPoint","full","positive","direction"],"sources":["../../../../src/number-line/graph/elements/builder.js"],"sourcesContent":["export function buildElementModel(position, elementType, domain, interval) {\n  if (elementType.startsWith('p')) {\n    return {\n      position: position,\n      type: 'point',\n      pointType: elementType.endsWith('e') ? 'empty' : 'full',\n    };\n  } else if (elementType.startsWith('l')) {\n    let left = position + interval <= domain.max ? position : position - interval;\n    let right = left + interval;\n    return {\n      type: 'line',\n      leftPoint: elementType.charAt(1) === 'e' ? 'empty' : 'full',\n      rightPoint: elementType.charAt(2) === 'e' ? 'empty' : 'full',\n      position: { left, right },\n    };\n  } else if (elementType.startsWith('r')) {\n    let full = elementType.charAt(1) === 'f';\n    let positive = elementType.charAt(2) === 'p';\n    return {\n      type: 'ray',\n      direction: positive ? 'positive' : 'negative',\n      pointType: full ? 'full' : 'empty',\n      position: position,\n    };\n  }\n}\n"],"mappings":";;;;;;AAAO,SAASA,iBAAiBA,CAACC,QAAQ,EAAEC,WAAW,EAAEC,MAAM,EAAEC,QAAQ,EAAE;EACzE,IAAIF,WAAW,CAACG,UAAU,CAAC,GAAG,CAAC,EAAE;IAC/B,OAAO;MACLJ,QAAQ,EAAEA,QAAQ;MAClBK,IAAI,EAAE,OAAO;MACbC,SAAS,EAAEL,WAAW,CAACM,QAAQ,CAAC,GAAG,CAAC,GAAG,OAAO,GAAG;IACnD,CAAC;EACH,CAAC,MAAM,IAAIN,WAAW,CAACG,UAAU,CAAC,GAAG,CAAC,EAAE;IACtC,IAAII,IAAI,GAAGR,QAAQ,GAAGG,QAAQ,IAAID,MAAM,CAACO,GAAG,GAAGT,QAAQ,GAAGA,QAAQ,GAAGG,QAAQ;IAC7E,IAAIO,KAAK,GAAGF,IAAI,GAAGL,QAAQ;IAC3B,OAAO;MACLE,IAAI,EAAE,MAAM;MACZM,SAAS,EAAEV,WAAW,CAACW,MAAM,CAAC,CAAC,CAAC,KAAK,GAAG,GAAG,OAAO,GAAG,MAAM;MAC3DC,UAAU,EAAEZ,WAAW,CAACW,MAAM,CAAC,CAAC,CAAC,KAAK,GAAG,GAAG,OAAO,GAAG,MAAM;MAC5DZ,QAAQ,EAAE;QAAEQ,IAAI;QAAEE;MAAM;IAC1B,CAAC;EACH,CAAC,MAAM,IAAIT,WAAW,CAACG,UAAU,CAAC,GAAG,CAAC,EAAE;IACtC,IAAIU,IAAI,GAAGb,WAAW,CAACW,MAAM,CAAC,CAAC,CAAC,KAAK,GAAG;IACxC,IAAIG,QAAQ,GAAGd,WAAW,CAACW,MAAM,CAAC,CAAC,CAAC,KAAK,GAAG;IAC5C,OAAO;MACLP,IAAI,EAAE,KAAK;MACXW,SAAS,EAAED,QAAQ,GAAG,UAAU,GAAG,UAAU;MAC7CT,SAAS,EAAEQ,IAAI,GAAG,MAAM,GAAG,OAAO;MAClCd,QAAQ,EAAEA;IACZ,CAAC;EACH;AACF","ignoreList":[]}