@pie-element/number-line 13.1.2-next.1 → 13.1.2

package/lib/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["_dataConverter","_interopRequireWildcard","require","dataConverter","exports","pointChooser","tickUtils","_graph","_interopRequireDefault","_numberLine","_react","_client","_lodashEs","_mathRendering","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","NumberLine","HTMLElement","constructor","_defineProperty2","_mathRenderPending","requestAnimationFrame","_mathObserver","disconnect","renderMath","setTimeout","observe","childList","subtree","characterData","_root","_initMathObserver","MutationObserver","_scheduleMathRender","_disconnectMathObserver","model","m","_model","_applyInitialElements","_render","dispatch","session","s","_session","connectedCallback","isComplete","answer","length","type","dispatchEvent","CustomEvent","bubbles","detail","complete","dispatchSessionChanged","addElement","data","push","toSessionFormat","moveElement","index","el","position","Error","left","right","update","lineIsSwitched","switchGraphLine","splice","deleteElements","indices","filter","v","some","d","undoElement","pop","clearElements","graph","initialElements","cloneDeep","map","toGraphFormat","correctResponse","props","onAddElement","bind","onMoveElement","onDeleteElements","onUndoElement","onClearElements","React","createElement","RootComponent","createRoot","render","disconnectedCallback","unmount"],"sources":["../src/index.js"],"sourcesContent":["import * as dataConverter from './data-converter';\nimport * as pointChooser from './number-line/point-chooser';\nimport * as tickUtils from './number-line/graph/tick-utils';\n\nimport { lineIsSwitched, switchGraphLine, toGraphFormat, toSessionFormat } from './data-converter';\n\nimport Graph from './number-line/graph';\nimport NumberLineComponent from './number-line';\nimport React from 'react';\nimport { createRoot } from 'react-dom/client';\nimport RootComponent from './number-line';\nimport { cloneDeep } from 'lodash-es';\nimport { renderMath } from '@pie-lib/math-rendering';\n\n//Expose some additional modules for configuration\nexport { Graph, NumberLineComponent, tickUtils, dataConverter, pointChooser };\nexport default class NumberLine extends HTMLElement {\n  constructor() {\n    super();\n    this._root = null;\n    this._mathObserver = null;\n    this._mathRenderPending = false;\n  }\n\n  _scheduleMathRender = () => {\n    if (this._mathRenderPending) return;\n    this._mathRenderPending = true;\n\n    requestAnimationFrame(() => {\n      if (this._mathObserver) {\n        this._mathObserver.disconnect();\n      }\n\n      renderMath(this);\n      this._mathRenderPending = false;\n\n      setTimeout(() => {\n        if (this._mathObserver) {\n          this._mathObserver.observe(this, {\n            childList: true,\n            subtree: true,\n            characterData: false,\n          });\n        }\n      }, 50);\n    });\n  };\n\n  _initMathObserver() {\n    if (this._mathObserver) return;\n\n    this._mathObserver = new MutationObserver(() => {\n      this._scheduleMathRender();\n    });\n\n    this._mathObserver.observe(this, {\n      childList: true,\n      subtree: true,\n      characterData: false,\n    });\n  }\n\n  _disconnectMathObserver() {\n    if (this._mathObserver) {\n      this._mathObserver.disconnect();\n      this._mathObserver = null;\n    }\n  }\n\n  set model(m) {\n    this._model = m;\n    this._applyInitialElements();\n    this._render();\n    this.dispatch('model-set');\n  }\n\n  set session(s) {\n    this._session = s;\n    this._applyInitialElements();\n    this._render();\n  }\n\n  get session() {\n    return this._session;\n  }\n\n  connectedCallback() {\n    this._initMathObserver();\n    this._render();\n  }\n\n  isComplete() {\n    return this._session ? (this._session.answer || []).length > 0 : false;\n  }\n\n  dispatch(type) {\n    this.dispatchEvent(\n      new CustomEvent(type, {\n        bubbles: true,\n        detail: {\n          complete: this.isComplete(),\n        },\n      }),\n    );\n  }\n\n  dispatchSessionChanged() {\n    this.dispatch('session-changed');\n  }\n\n  addElement(data) {\n    if (!this._session) {\n      return;\n    }\n\n    this._session.answer = this._session.answer || [];\n    this._session.answer.push(toSessionFormat(data));\n    this.dispatchSessionChanged();\n    this._render();\n  }\n\n  moveElement(index, el, position) {\n    let answer = this._session.answer[index];\n\n    if (!answer) {\n      throw new Error('cant find element at index: ', index);\n    }\n\n    if (el.type === 'line' && position.left === position.right) {\n      this._render();\n      return;\n    }\n\n    //set the new position\n    el.position = position;\n\n    let update = el.type === 'line' && lineIsSwitched(el) ? switchGraphLine(el) : el;\n\n    this._session.answer.splice(index, 1, toSessionFormat(update));\n\n    this.dispatchSessionChanged();\n    this._render();\n  }\n\n  deleteElements(indices) {\n    this._session.answer = this._session.answer.filter((v, index) => {\n      return !indices.some((d) => d === index);\n    });\n    this.dispatchSessionChanged();\n    this._render();\n  }\n\n  undoElement() {\n    this._session.answer.pop();\n    this.dispatchSessionChanged();\n    this._render();\n  }\n\n  clearElements() {\n    this._session.answer = [];\n    this.dispatchSessionChanged();\n    this._render();\n  }\n\n  _applyInitialElements() {\n    if (\n      this._model &&\n      this._model.graph &&\n      this._model.graph.initialElements &&\n      this._session &&\n      (!this._session.answer || !this._session.answer.length)\n    ) {\n      this._session.answer = cloneDeep(this._model.graph.initialElements);\n    }\n  }\n\n  _render() {\n    if (this._model && this._session) {\n      if (!this._session.answer) {\n        this._applyInitialElements();\n      }\n\n      let answer = (this._session.answer || []).map(toGraphFormat);\n      let model = cloneDeep(this._model);\n      model.correctResponse = model.correctResponse && model.correctResponse.map(toGraphFormat);\n\n      let props = {\n        model,\n        answer,\n        onAddElement: this.addElement.bind(this),\n        onMoveElement: this.moveElement.bind(this),\n        onDeleteElements: this.deleteElements.bind(this),\n        onUndoElement: this.undoElement.bind(this),\n        onClearElements: this.clearElements.bind(this),\n      };\n\n      let el = React.createElement(RootComponent, props);\n\n      if (!this._root) {\n        this._root = createRoot(this);\n      }\n      this._root.render(el);\n\n      // schedule math rendering via observer pipeline (for initial render as well)\n      this._scheduleMathRender();\n    }\n  }\n\n  disconnectedCallback() {\n    this._disconnectMathObserver();\n    if (this._root) {\n      this._root.unmount();\n    }\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/lib/number-line/colors.js

@@ -0,0 +1,11 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.selected = exports.incorrect = exports.correct = void 0;
+var _renderUi = require("@pie-lib/render-ui");
+const selected = exports.selected = _renderUi.color.primaryDark();
+const correct = exports.correct = _renderUi.color.correct();
+const incorrect = exports.incorrect = _renderUi.color.incorrect();
+//# sourceMappingURL=colors.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"colors.js","names":["_renderUi","require","selected","exports","color","primaryDark","correct","incorrect"],"sources":["../../src/number-line/colors.js"],"sourcesContent":["import { color } from '@pie-lib/render-ui';\n\nexport const selected = color.primaryDark();\nexport const correct = color.correct();\nexport const incorrect = color.incorrect();\n"],"mappings":";;;;;;AAAA,IAAAA,SAAA,GAAAC,OAAA;AAEO,MAAMC,QAAQ,GAAAC,OAAA,CAAAD,QAAA,GAAGE,eAAK,CAACC,WAAW,CAAC,CAAC;AACpC,MAAMC,OAAO,GAAAH,OAAA,CAAAG,OAAA,GAAGF,eAAK,CAACE,OAAO,CAAC,CAAC;AAC/B,MAAMC,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGH,eAAK,CAACG,SAAS,CAAC,CAAC","ignoreList":[]}

package/lib/number-line/feedback.js

@@ -0,0 +1,92 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+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 = _interopRequireWildcard(require("react"));
+var _reactTransitionGroup = require("react-transition-group");
+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;
+  }
+};
+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,
+    nodeRef: nodeRef
+  }, /*#__PURE__*/_react.default.createElement(FeedbackContainer, {
+    ref: nodeRef,
+    key: "panel",
+    $type: type,
+    style: {
+      width
+    }
+  }, /*#__PURE__*/_react.default.createElement(Icon, {
+    iconSet: "emoji",
+    shape: "square"
+  }), /*#__PURE__*/_react.default.createElement(Message, {
+    dangerouslySetInnerHTML: {
+      __html: message
+    }
+  }))));
+};
+Feedback.propTypes = {
+  width: _propTypes.default.number,
+  message: _propTypes.default.string,
+  type: _propTypes.default.string
+};
+var _default = exports.default = Feedback;
+//# sourceMappingURL=feedback.js.map

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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,44 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Arrow = Arrow;
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _styles = require("@mui/material/styles");
+var _renderUi = require("@pie-lib/render-ui");
+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)';
+  }
+  return /*#__PURE__*/_react.default.createElement(StyledPath, {
+    d: "m 0,0 8,-5 0,10 -8,-5",
+    transform: transform,
+    className: className
+  });
+}
+Arrow.propTypes = {
+  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 = exports.default = Arrow;
+//# sourceMappingURL=arrow.js.map

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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +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
+
+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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,37 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.buildElementModel = buildElementModel;
+function buildElementModel(position, elementType, domain, interval) {
+  if (elementType.startsWith('p')) {
+    return {
+      position: position,
+      type: 'point',
+      pointType: elementType.endsWith('e') ? 'empty' : 'full'
+    };
+  } else if (elementType.startsWith('l')) {
+    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,
+        right
+      }
+    };
+  } else if (elementType.startsWith('r')) {
+    let full = elementType.charAt(1) === 'f';
+    let positive = elementType.charAt(2) === 'p';
+    return {
+      type: 'ray',
+      direction: positive ? 'positive' : 'negative',
+      pointType: full ? 'full' : 'empty',
+      position: position
+    };
+  }
+}
+//# sourceMappingURL=builder.js.map

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

@@ -0,0 +1 @@
+{"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":[]}

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

@@ -0,0 +1,259 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.Line = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _react = _interopRequireDefault(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _styles = require("@mui/material/styles");
+var _lodashEs = require("lodash-es");
+var _renderUi = require("@pie-lib/render-ui");
+var _draggable = require("../../../draggable");
+var _point = _interopRequireDefault(require("./point"));
+var _base = require("./base");
+const duration = '150ms';
+const StyledLineGroup = (0, _styles.styled)('g')(({
+  $disabled,
+  $selected,
+  $correct
+}) => ({
+  '& .line-handle': {
+    stroke: _renderUi.color.primary(),
+    cursor: 'pointer',
+    strokeWidth: '5px',
+    transition: `opacity ${duration} linear, 
+    stroke-width ${duration} linear,
+    stroke ${duration} linear`
+  },
+  // was ".react-draggable-dragging" in the old version
+  '&.dnd-kit-dragging': {
+    opacity: 0.6,
+    '& .line-handle': {
+      opacity: 1.0,
+      strokeWidth: '12px'
+    }
+  },
+  ...($disabled && {
+    cursor: 'not-allowed',
+    opacity: 0.8
+  }),
+  ...($selected && {
+    '& .line-handle': {
+      stroke: _renderUi.color.primaryDark()
+    }
+  }),
+  ...($correct === true && {
+    '& .line-handle': {
+      cursor: 'inherit',
+      stroke: _renderUi.color.correct()
+    }
+  }),
+  ...($correct === false && {
+    '& .line-handle': {
+      cursor: 'inherit',
+      stroke: _renderUi.color.incorrect()
+    }
+  })
+}));
+class Line extends _react.default.Component {
+  constructor(props) {
+    super(props);
+    this.state = {
+      left: null,
+      right: null
+    };
+  }
+  UNSAFE_componentWillReceiveProps(nextProps) {
+    if (nextProps) {
+      const {
+        position
+      } = nextProps;
+      this.setState({
+        left: position.left,
+        right: position.right
+      });
+    }
+  }
+  onDrag(side, p) {
+    const {
+      domain
+    } = this.props;
+    if (p >= domain.min && p <= domain.max) {
+      const newState = {};
+      newState[side] = p;
+      this.setState(newState);
+    }
+  }
+  onMove(side, d) {
+    const {
+      position: p
+    } = this.props;
+    const newPosition = {
+      left: p.left,
+      right: p.right
+    };
+    newPosition[side] = d;
+    this.props.onMoveLine(newPosition);
+  }
+  render() {
+    const {
+      interval,
+      empty,
+      position,
+      domain,
+      y,
+      selected,
+      disabled,
+      correct
+    } = this.props;
+    const {
+      xScale
+    } = this.context;
+    const {
+      onDrag,
+      onMove
+    } = this;
+    const onMoveLeft = onMove.bind(this, 'left');
+    const onMoveRight = onMove.bind(this, 'right');
+    const onDragLeft = onDrag.bind(this, 'left');
+    const onDragRight = onDrag.bind(this, 'right');
+    const left = (0, _lodashEs.isNumber)(this.state.left) ? this.state.left : position.left;
+    const right = (0, _lodashEs.isNumber)(this.state.right) ? this.state.right : position.right;
+    const is = xScale(interval) - xScale(0);
+    const onMouseDown = e => e.nativeEvent.preventDefault();
+    const onLineClick = () => {
+      // click on the line toggles selection
+      this.props.onToggleSelect();
+    };
+    const onRectClick = () => {
+      this.props.onToggleSelect();
+    };
+
+    // dnd-kit drag stop handler (receives pixel deltaX from LocalDraggableDndKit)
+    const onLineDragStop = deltaX => {
+      // small movement -> treat as click (same threshold as before: is / 10)
+      const deltaAbs = Math.abs(deltaX);
+      if (deltaAbs < is / 10) {
+        this.props.onToggleSelect();
+        return;
+      }
+
+      // convert pixel delta to domain delta (same math as before)
+      const invertedX = xScale.invert(deltaX + xScale(0));
+      const newPosition = {
+        left: position.left + invertedX,
+        right: position.right + invertedX
+      };
+      if (!(0, _lodashEs.isEqual)(newPosition, this.props.position)) {
+        this.props.onMoveLine(newPosition);
+      }
+    };
+    const scaledLineBounds = {
+      left: (domain.min - position.left) / interval * is,
+      right: (domain.max - position.right) / interval * is
+    };
+    const common = {
+      interval,
+      selected,
+      disabled,
+      correct
+    };
+
+    // unique-ish id for this line; if you already have an id prop, use that instead
+    const draggableId = `line-${position.left}-${position.right}-${y}`;
+    return /*#__PURE__*/_react.default.createElement(_draggable.Draggable, {
+      id: draggableId,
+      disabled: disabled,
+      grid: [is],
+      bounds: scaledLineBounds,
+      onMouseDown: onMouseDown,
+      onDragEnd: onLineDragStop
+    }, ({
+      setNodeRef,
+      attributes,
+      listeners,
+      translateX,
+      isDragging,
+      onMouseDown: handleMouseDown
+    }) => /*#__PURE__*/_react.default.createElement(StyledLineGroup, (0, _extends2.default)({
+      ref: setNodeRef,
+      $disabled: disabled,
+      $selected: selected,
+      $correct: correct,
+      className: isDragging ? 'dnd-kit-dragging' : undefined,
+      onMouseDown: handleMouseDown
+    }, attributes), /*#__PURE__*/_react.default.createElement("g", {
+      transform: `translate(${translateX}, ${y})`
+    }, /*#__PURE__*/_react.default.createElement("rect", {
+      x: xScale(left),
+      width: Math.abs(xScale(right) - xScale(left)),
+      fill: "red",
+      fillOpacity: "0.0",
+      y: "-8",
+      height: 16,
+      onClick: onRectClick
+    }), /*#__PURE__*/_react.default.createElement("line", (0, _extends2.default)({
+      className: "line-handle",
+      x1: xScale(left),
+      x2: xScale(right),
+      onClick: onLineClick
+      // this is your "handle": only dragging when grabbing this line
+    }, listeners)), /*#__PURE__*/_react.default.createElement(_point.default, (0, _extends2.default)({}, common, {
+      empty: empty.left,
+      bounds: {
+        left: domain.min - position.left,
+        right: domain.max - position.left
+      },
+      position: position.left,
+      onDrag: onDragLeft,
+      onMove: onMoveLeft,
+      onClick: onRectClick
+    })), /*#__PURE__*/_react.default.createElement(_point.default, (0, _extends2.default)({}, common, {
+      empty: empty.right,
+      bounds: {
+        left: domain.min - position.right,
+        right: domain.max - position.right
+      },
+      position: position.right,
+      onDrag: onDragRight,
+      onMove: onMoveRight,
+      onClick: onRectClick
+    })))));
+  }
+}
+exports.Line = Line;
+(0, _defineProperty2.default)(Line, "propTypes", {
+  ...(0, _base.basePropTypes)(),
+  empty: _propTypes.default.shape({
+    left: _propTypes.default.bool.isRequired,
+    right: _propTypes.default.bool.isRequired
+  }).isRequired,
+  position: _propTypes.default.shape({
+    left: _propTypes.default.number.isRequired,
+    right: _propTypes.default.number.isRequired
+  }).isRequired,
+  y: _propTypes.default.number,
+  selected: _propTypes.default.bool,
+  disabled: _propTypes.default.bool,
+  correct: _propTypes.default.bool,
+  onMoveLine: _propTypes.default.func.isRequired,
+  onToggleSelect: _propTypes.default.func.isRequired,
+  onDragStart: _propTypes.default.func,
+  onDragStop: _propTypes.default.func
+});
+(0, _defineProperty2.default)(Line, "defaultProps", {
+  selected: false,
+  y: 0,
+  disabled: false,
+  correct: undefined
+});
+(0, _defineProperty2.default)(Line, "contextTypes", {
+  xScale: _propTypes.default.func.isRequired,
+  snapValue: _propTypes.default.func.isRequired
+});
+var _default = exports.default = Line;
+//# sourceMappingURL=line.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"line.js","names":["_react","_interopRequireDefault","require","_propTypes","_styles","_lodashEs","_renderUi","_draggable","_point","_base","duration","StyledLineGroup","styled","$disabled","$selected","$correct","stroke","color","primary","cursor","strokeWidth","transition","opacity","primaryDark","correct","incorrect","Line","React","Component","constructor","props","state","left","right","UNSAFE_componentWillReceiveProps","nextProps","position","setState","onDrag","side","p","domain","min","max","newState","onMove","d","newPosition","onMoveLine","render","interval","empty","y","selected","disabled","xScale","context","onMoveLeft","bind","onMoveRight","onDragLeft","onDragRight","isNumber","is","onMouseDown","e","nativeEvent","preventDefault","onLineClick","onToggleSelect","onRectClick","onLineDragStop","deltaX","deltaAbs","Math","abs","invertedX","invert","isEqual","scaledLineBounds","common","draggableId","default","createElement","Draggable","id","grid","bounds","onDragEnd","setNodeRef","attributes","listeners","translateX","isDragging","handleMouseDown","_extends2","ref","className","undefined","transform","x","width","fill","fillOpacity","height","onClick","x1","x2","exports","_defineProperty2","basePropTypes","PropTypes","shape","bool","isRequired","number","func","onDragStart","onDragStop","snapValue","_default"],"sources":["../../../../src/number-line/graph/elements/line.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { styled } from '@mui/material/styles';\nimport { isEqual, isNumber } from 'lodash-es';\nimport { color } from '@pie-lib/render-ui';\nimport { Draggable } from '../../../draggable';\n\nimport Point from './point';\nimport { basePropTypes } from './base';\n\nconst duration = '150ms';\n\nconst StyledLineGroup = styled('g')(({ $disabled, $selected, $correct }) => ({\n  '& .line-handle': {\n    stroke: color.primary(),\n    cursor: 'pointer',\n    strokeWidth: '5px',\n    transition: `opacity ${duration} linear, \n    stroke-width ${duration} linear,\n    stroke ${duration} linear`,\n  },\n  // was \".react-draggable-dragging\" in the old version\n  '&.dnd-kit-dragging': {\n    opacity: 0.6,\n    '& .line-handle': {\n      opacity: 1.0,\n      strokeWidth: '12px',\n    },\n  },\n  ...($disabled && {\n    cursor: 'not-allowed',\n    opacity: 0.8,\n  }),\n  ...($selected && {\n    '& .line-handle': {\n      stroke: color.primaryDark(),\n    },\n  }),\n  ...($correct === true && {\n    '& .line-handle': {\n      cursor: 'inherit',\n      stroke: color.correct(),\n    },\n  }),\n  ...($correct === false && {\n    '& .line-handle': {\n      cursor: 'inherit',\n      stroke: color.incorrect(),\n    },\n  }),\n}));\n\nexport class Line extends React.Component {\n  static propTypes = {\n    ...basePropTypes(),\n    empty: PropTypes.shape({\n      left: PropTypes.bool.isRequired,\n      right: PropTypes.bool.isRequired,\n    }).isRequired,\n    position: PropTypes.shape({\n      left: PropTypes.number.isRequired,\n      right: PropTypes.number.isRequired,\n    }).isRequired,\n    y: PropTypes.number,\n    selected: PropTypes.bool,\n    disabled: PropTypes.bool,\n    correct: PropTypes.bool,\n    onMoveLine: PropTypes.func.isRequired,\n    onToggleSelect: PropTypes.func.isRequired,\n    onDragStart: PropTypes.func,\n    onDragStop: PropTypes.func,\n  };\n\n  static defaultProps = {\n    selected: false,\n    y: 0,\n    disabled: false,\n    correct: undefined,\n  };\n\n  static contextTypes = {\n    xScale: PropTypes.func.isRequired,\n    snapValue: PropTypes.func.isRequired,\n  };\n\n  constructor(props) {\n    super(props);\n    this.state = {\n      left: null,\n      right: null,\n    };\n  }\n\n  UNSAFE_componentWillReceiveProps(nextProps) {\n    if (nextProps) {\n      const { position } = nextProps;\n      this.setState({ left: position.left, right: position.right });\n    }\n  }\n\n  onDrag(side, p) {\n    const { domain } = this.props;\n    if (p >= domain.min && p <= domain.max) {\n      const newState = {};\n      newState[side] = p;\n      this.setState(newState);\n    }\n  }\n\n  onMove(side, d) {\n    const { position: p } = this.props;\n    const newPosition = { left: p.left, right: p.right };\n    newPosition[side] = d;\n    this.props.onMoveLine(newPosition);\n  }\n\n  render() {\n    const { interval, empty, position, domain, y, selected, disabled, correct } = this.props;\n\n    const { xScale } = this.context;\n\n    const { onDrag, onMove } = this;\n    const onMoveLeft = onMove.bind(this, 'left');\n    const onMoveRight = onMove.bind(this, 'right');\n    const onDragLeft = onDrag.bind(this, 'left');\n    const onDragRight = onDrag.bind(this, 'right');\n\n    const left = isNumber(this.state.left) ? this.state.left : position.left;\n    const right = isNumber(this.state.right) ? this.state.right : position.right;\n\n    const is = xScale(interval) - xScale(0);\n\n    const onMouseDown = (e) => e.nativeEvent.preventDefault();\n\n    const onLineClick = () => {\n      // click on the line toggles selection\n      this.props.onToggleSelect();\n    };\n\n    const onRectClick = () => {\n      this.props.onToggleSelect();\n    };\n\n    // dnd-kit drag stop handler (receives pixel deltaX from LocalDraggableDndKit)\n    const onLineDragStop = (deltaX) => {\n      // small movement -> treat as click (same threshold as before: is / 10)\n      const deltaAbs = Math.abs(deltaX);\n      if (deltaAbs < is / 10) {\n        this.props.onToggleSelect();\n        return;\n      }\n\n      // convert pixel delta to domain delta (same math as before)\n      const invertedX = xScale.invert(deltaX + xScale(0));\n      const newPosition = {\n        left: position.left + invertedX,\n        right: position.right + invertedX,\n      };\n\n      if (!isEqual(newPosition, this.props.position)) {\n        this.props.onMoveLine(newPosition);\n      }\n    };\n\n    const scaledLineBounds = {\n      left: ((domain.min - position.left) / interval) * is,\n      right: ((domain.max - position.right) / interval) * is,\n    };\n\n    const common = {\n      interval,\n      selected,\n      disabled,\n      correct,\n    };\n\n    // unique-ish id for this line; if you already have an id prop, use that instead\n    const draggableId = `line-${position.left}-${position.right}-${y}`;\n\n    return (\n      <Draggable\n        id={draggableId}\n        disabled={disabled}\n        grid={[is]}\n        bounds={scaledLineBounds}\n        onMouseDown={onMouseDown}\n        onDragEnd={onLineDragStop}\n      >\n        {({ setNodeRef, attributes, listeners, translateX, isDragging, onMouseDown: handleMouseDown }) => (\n          <StyledLineGroup\n            ref={setNodeRef}\n            $disabled={disabled}\n            $selected={selected}\n            $correct={correct}\n            className={isDragging ? 'dnd-kit-dragging' : undefined}\n            onMouseDown={handleMouseDown}\n            {...attributes}\n          >\n            <g transform={`translate(${translateX}, ${y})`}>\n              <rect\n                x={xScale(left)}\n                width={Math.abs(xScale(right) - xScale(left))}\n                fill=\"red\"\n                fillOpacity=\"0.0\"\n                y=\"-8\"\n                height={16}\n                onClick={onRectClick}\n              />\n              <line\n                className=\"line-handle\"\n                x1={xScale(left)}\n                x2={xScale(right)}\n                onClick={onLineClick}\n                // this is your \"handle\": only dragging when grabbing this line\n                {...listeners}\n              />\n              <Point\n                {...common}\n                empty={empty.left}\n                bounds={{\n                  left: domain.min - position.left,\n                  right: domain.max - position.left,\n                }}\n                position={position.left}\n                onDrag={onDragLeft}\n                onMove={onMoveLeft}\n                onClick={onRectClick}\n              />\n              <Point\n                {...common}\n                empty={empty.right}\n                bounds={{\n                  left: domain.min - position.right,\n                  right: domain.max - position.right,\n                }}\n                position={position.right}\n                onDrag={onDragRight}\n                onMove={onMoveRight}\n                onClick={onRectClick}\n              />\n            </g>\n          </StyledLineGroup>\n        )}\n      </Draggable>\n    );\n  }\n}\n\nexport default Line;\n"],"mappings":"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","ignoreList":[]}