@pie-element/number-line 5.14.0 → 5.14.2-beta.1443

package/docs/demo/generate.js

@@ -5,49 +5,49 @@ exports.oldModel = (id, element) => ({
     {
       type: 'point',
       pointType: 'full',
-      domainPosition: 1
+      domainPosition: 1,
     },
     {
       type: 'line',
       leftPoint: 'full',
       rightPoint: 'empty',
       domainPosition: 1,
-      size: 2
-    }
+      size: 2,
+    },
   ],
   feedback: {
     correct: {
       type: 'default',
-      default: 'Correct'
+      default: 'Correct',
     },
     partial: {
       type: 'default',
-      default: 'Nearly'
+      default: 'Nearly',
     },
     incorrect: {
       type: 'custom',
-      custom: '<h1>Incorrect</h1>'
-    }
+      custom: '<h1>Incorrect</h1>',
+    },
   },
   prompt: 'Set correct answer.',
   graph: {
     title: 'This is the title <span data-latex="">\\frac{1}{2}</span>',
     arrows: {
       left: true,
-      right: true
+      right: true,
     },
     width: 500,
     domain: { min: -5, max: 5 },
     ticks: {
       minor: 1,
-      major: 2
+      major: 2,
     },
     initialElements: [
       {
         type: 'point',
         pointType: 'full',
-        domainPosition: -1
-      }
+        domainPosition: -1,
+      },
     ],
     maxNumberOfPoints: 20,
     tickLabelOverrides: [],
@@ -62,9 +62,9 @@ exports.oldModel = (id, element) => ({
       RFN: true,
       RFP: true,
       REN: true,
-      REP: true
-    }
-  }
+      REP: true,
+    },
+  },
 });
 
 exports.model = (id, element) => ({
@@ -73,8 +73,8 @@ exports.model = (id, element) => ({
     {
       pointType: 'full',
       type: 'point',
-      domainPosition: 0.41666664999999997
-    }
+      domainPosition: 0.41666664999999997,
+    },
   ],
   graph: {
     maxNumberOfPoints: 1,
@@ -84,19 +84,19 @@ exports.model = (id, element) => ({
     },
     domain: {
       min: 0,
-      max: 1
+      max: 1,
     },
     width: 500,
     tickLabelOverrides: ['1/6', '1/3', '1/2', '2/3', '5/6'],
     initialElements: [],
     initialType: 'PF',
     availableTypes: {
-      PF: true
+      PF: true,
     },
-    title: '<div></div>'
+    title: '<div></div>',
   },
   id,
   prompt:
     '<div>Part B:<br/><br/>On the number line, plot the probability that a card selected at random from the set of cards will have a rhombus or a rectangle.</div>',
-  element
+  element,
 });

package/docs/demo/index.html

@@ -1 +1 @@
-<number-line pie-id="1"></number-line>
+<number-line pie-id="1"></number-line>

package/docs/pie-schema.json

@@ -643,6 +643,11 @@
       "type": "string",
       "title": "prompt"
     },
+    "spellCheckEnabled": {
+      "description": "Indicates if spellcheck is enabled for the author. Default value is true",
+      "type": "boolean",
+      "title": "spellCheckEnabled"
+    },
     "toolbarEditorPosition": {
       "description": "Indicates the editor's toolbar position which can be 'bottom' or 'top'",
       "default": ": 'bottom'",
@@ -669,7 +674,8 @@
     "element",
     "graph",
     "id",
-    "partialScoring"
+    "partialScoring",
+    "spellCheckEnabled"
   ],
   "definitions": {
     "ConfigureProp": {

package/docs/pie-schema.json.md

@@ -144,6 +144,10 @@ Indicates the fractional step between 2 labeled ticks
 
 The question prompt or item stem
 
+# `spellCheckEnabled` (boolean, required)
+
+Indicates if spellcheck is enabled for the author. Default value is true
+
 # `toolbarEditorPosition` (string, enum)
 
 Indicates the editor's toolbar position which can be 'bottom' or 'top'

package/lib/data-converter.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.toGraphFormat = exports.toSessionFormat = exports.switchPosition = exports.switchGraphLine = exports.lineIsSwitched = void 0;
+exports.toSessionFormat = exports.toGraphFormat = exports.switchPosition = exports.switchGraphLine = exports.lineIsSwitched = void 0;
 
 var lineIsSwitched = function lineIsSwitched(line) {
   var position = line.position;

package/lib/data-converter.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/data-converter.js"],"names":["lineIsSwitched","line","position","left","right","switchGraphLine","newRightPoint","leftPoint","newLeftPoint","rightPoint","switchPosition","type","p","newRight","newLeft","toSessionFormat","gf","pointType","domainPosition","size","direction","toGraphFormat","sf"],"mappings":"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","sourcesContent":["export const lineIsSwitched = (line) => {\n  let { position } = line;\n  return position.left > position.right;\n}\n\nexport const switchGraphLine = (line) => {\n\n  let { position } = line;\n\n  if (position.left < position.right) {\n    return line;\n  }\n\n  let { leftPoint: newRightPoint, rightPoint: newLeftPoint } = line;\n\n  return {\n    leftPoint: newLeftPoint,\n    rightPoint: newRightPoint,\n    position: switchPosition(position),\n    type: 'line'\n  }\n}\n\nexport const switchPosition = (p) => {\n  let { left: newRight, right: newLeft } = p;\n  return { left: newLeft, right: newRight };\n}\n\nexport const toSessionFormat = (gf) => {\n  if (gf.type === 'point') {\n    return {\n      type: 'point',\n      pointType: gf.pointType,\n      domainPosition: gf.position\n    }\n  } else if (gf.type === 'line') {\n    return {\n      type: 'line',\n      size: gf.position.right - gf.position.left,\n      domainPosition: gf.position.left,\n      leftPoint: gf.leftPoint,\n      rightPoint: gf.rightPoint\n    }\n  } else if (gf.type === 'ray') {\n    return {\n      type: 'ray',\n      domainPosition: gf.position,\n      pointType: gf.pointType,\n      direction: gf.direction\n    }\n  }\n}\n\nexport const toGraphFormat = (sf) => {\n  if (sf.type === 'point') {\n    return {\n      type: 'point',\n      pointType: sf.pointType,\n      position: sf.domainPosition\n    }\n  } else if (sf.type === 'line') {\n    return {\n      type: 'line',\n      position: {\n        left: sf.domainPosition,\n        right: sf.domainPosition + sf.size\n      },\n      leftPoint: sf.leftPoint,\n      rightPoint: sf.rightPoint\n    }\n  } else if (sf.type === 'ray') {\n    return {\n      type: 'ray',\n      position: sf.domainPosition,\n      pointType: sf.pointType,\n      direction: sf.direction\n    }\n  }\n}"],"file":"data-converter.js"}
+{"version":3,"sources":["../src/data-converter.js"],"names":["lineIsSwitched","line","position","left","right","switchGraphLine","newRightPoint","leftPoint","newLeftPoint","rightPoint","switchPosition","type","p","newRight","newLeft","toSessionFormat","gf","pointType","domainPosition","size","direction","toGraphFormat","sf"],"mappings":"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","sourcesContent":["export const lineIsSwitched = (line) => {\n  let { position } = line;\n  return position.left > position.right;\n};\n\nexport const switchGraphLine = (line) => {\n  let { position } = line;\n\n  if (position.left < position.right) {\n    return line;\n  }\n\n  let { leftPoint: newRightPoint, rightPoint: newLeftPoint } = line;\n\n  return {\n    leftPoint: newLeftPoint,\n    rightPoint: newRightPoint,\n    position: switchPosition(position),\n    type: 'line',\n  };\n};\n\nexport const switchPosition = (p) => {\n  let { left: newRight, right: newLeft } = p;\n  return { left: newLeft, right: newRight };\n};\n\nexport const toSessionFormat = (gf) => {\n  if (gf.type === 'point') {\n    return {\n      type: 'point',\n      pointType: gf.pointType,\n      domainPosition: gf.position,\n    };\n  } else if (gf.type === 'line') {\n    return {\n      type: 'line',\n      size: gf.position.right - gf.position.left,\n      domainPosition: gf.position.left,\n      leftPoint: gf.leftPoint,\n      rightPoint: gf.rightPoint,\n    };\n  } else if (gf.type === 'ray') {\n    return {\n      type: 'ray',\n      domainPosition: gf.position,\n      pointType: gf.pointType,\n      direction: gf.direction,\n    };\n  }\n};\n\nexport const toGraphFormat = (sf) => {\n  if (sf.type === 'point') {\n    return {\n      type: 'point',\n      pointType: sf.pointType,\n      position: sf.domainPosition,\n    };\n  } else if (sf.type === 'line') {\n    return {\n      type: 'line',\n      position: {\n        left: sf.domainPosition,\n        right: sf.domainPosition + sf.size,\n      },\n      leftPoint: sf.leftPoint,\n      rightPoint: sf.rightPoint,\n    };\n  } else if (sf.type === 'ray') {\n    return {\n      type: 'ray',\n      position: sf.domainPosition,\n      pointType: sf.pointType,\n      direction: sf.direction,\n    };\n  }\n};\n"],"file":"data-converter.js"}

package/lib/draggable/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/draggable/index.js"],"names":["LocalDraggable","next","setState","x","y","Draggable"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA;;;;;;IAEqBA,c;;;;;;;;;;;;WAEnB,mCAA0BC,IAA1B,EAAgC;AAC9B,sIAAgCA,IAAhC,EAD8B,CAE9B;;AACA,WAAKC,QAAL,CAAc;AAAEC,QAAAA,CAAC,EAAE,CAAL;AAAQC,QAAAA,CAAC,EAAE;AAAX,OAAd;AACD;;;EANyCC,0B","sourcesContent":["import Draggable from 'react-draggable';\n\nexport default class LocalDraggable extends Draggable {\n\n  componentWillReceiveProps(next) {\n    super.componentWillReceiveProps(next);\n    //Remove the x/y state as these values have now been updated and will come through as props.\n    this.setState({ x: 0, y: 0 });\n  }\n}\n"],"file":"index.js"}
+{"version":3,"sources":["../../src/draggable/index.js"],"names":["LocalDraggable","next","setState","x","y","Draggable"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA;;;;;;IAEqBA,c;;;;;;;;;;;;WACnB,mCAA0BC,IAA1B,EAAgC;AAC9B,sIAAgCA,IAAhC,EAD8B,CAE9B;;AACA,WAAKC,QAAL,CAAc;AAAEC,QAAAA,CAAC,EAAE,CAAL;AAAQC,QAAAA,CAAC,EAAE;AAAX,OAAd;AACD;;;EALyCC,0B","sourcesContent":["import Draggable from 'react-draggable';\n\nexport default class LocalDraggable extends Draggable {\n  componentWillReceiveProps(next) {\n    super.componentWillReceiveProps(next);\n    //Remove the x/y state as these values have now been updated and will come through as props.\n    this.setState({ x: 0, y: 0 });\n  }\n}\n"],"file":"index.js"}

package/lib/index.js

@@ -19,7 +19,7 @@ Object.defineProperty(exports, "NumberLineComponent", {
     return _numberLine["default"];
   }
 });
-exports.tickUtils = exports.pointChooser = exports.dataConverter = exports["default"] = void 0;
+exports.tickUtils = exports.pointChooser = exports["default"] = exports.dataConverter = void 0;
 
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 
@@ -88,6 +88,9 @@ var NumberLine = /*#__PURE__*/function (_HTMLElement) {
     }
   }, {
     key: "session",
+    get: function get() {
+      return this._session;
+    },
     set: function set(s) {
       this._session = s;
 

package/lib/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/index.js"],"names":["NumberLine","m","_model","_applyInitialElements","_render","dispatch","s","_session","answer","length","type","dispatchEvent","CustomEvent","bubbles","detail","complete","isComplete","data","push","dispatchSessionChanged","index","el","position","Error","left","right","update","splice","indices","filter","v","some","d","pop","graph","initialElements","map","toGraphFormat","model","correctResponse","props","onAddElement","addElement","bind","onMoveElement","moveElement","onDeleteElements","deleteElements","onUndoElement","undoElement","onClearElements","clearElements","React","createElement","RootComponent","ReactDOM","render","e","HTMLElement"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;;;AACA;;;;AACA;;;;AASA;;AACA;;AACA;;AACA;;AAEA;;AACA;;;;;;;;;;IAKqBA,U;;;;;AACnB,wBAAc;AAAA;AAAA;AAEb;;;;SAED,aAAUC,CAAV,EAAa;AACX,WAAKC,MAAL,GAAcD,CAAd;;AACA,WAAKE,qBAAL;;AACA,WAAKC,OAAL;;AACA,WAAKC,QAAL,CAAc,WAAd;AACD;;;SAED,aAAYC,CAAZ,EAAe;AACb,WAAKC,QAAL,GAAgBD,CAAhB;;AACA,WAAKH,qBAAL;;AACA,WAAKC,OAAL;AACD;;;WAED,6BAAoB;AAClB,WAAKA,OAAL;AACD;;;WAED,sBAAa;AACX,aAAO,KAAKG,QAAL,GAAgB,CAAC,KAAKA,QAAL,CAAcC,MAAd,IAAwB,EAAzB,EAA6BC,MAA7B,GAAsC,CAAtD,GAA0D,KAAjE;AACD;;;WAED,kBAASC,IAAT,EAAe;AACb,WAAKC,aAAL,CACE,IAAIC,WAAJ,CAAgBF,IAAhB,EAAsB;AACpBG,QAAAA,OAAO,EAAE,IADW;AAEpBC,QAAAA,MAAM,EAAE;AACNC,UAAAA,QAAQ,EAAE,KAAKC,UAAL;AADJ;AAFY,OAAtB,CADF;AAQD;;;WAED,kCAAyB;AACvB,WAAKX,QAAL,CAAc,iBAAd;AACD;;;WAED,oBAAWY,IAAX,EAAiB;AACf,UAAI,CAAC,KAAKV,QAAV,EAAoB;AAClB;AACD;;AAED,WAAKA,QAAL,CAAcC,MAAd,GAAuB,KAAKD,QAAL,CAAcC,MAAd,IAAwB,EAA/C;;AACA,WAAKD,QAAL,CAAcC,MAAd,CAAqBU,IAArB,CAA0B,mCAAgBD,IAAhB,CAA1B;;AACA,WAAKE,sBAAL;;AACA,WAAKf,OAAL;AACD;;;WAED,qBAAYgB,KAAZ,EAAmBC,EAAnB,EAAuBC,QAAvB,EAAiC;AAC/B,UAAId,MAAM,GAAG,KAAKD,QAAL,CAAcC,MAAd,CAAqBY,KAArB,CAAb;;AAEA,UAAI,CAACZ,MAAL,EAAa;AACX,cAAM,IAAIe,KAAJ,CAAU,8BAAV,EAA0CH,KAA1C,CAAN;AACD;;AAED,UAAIC,EAAE,CAACX,IAAH,KAAY,MAAZ,IAAsBY,QAAQ,CAACE,IAAT,KAAkBF,QAAQ,CAACG,KAArD,EAA4D;AAC1D,aAAKrB,OAAL;;AACA;AACD,OAV8B,CAY/B;;;AACAiB,MAAAA,EAAE,CAACC,QAAH,GAAcA,QAAd;AAEA,UAAII,MAAM,GACRL,EAAE,CAACX,IAAH,KAAY,MAAZ,IAAsB,kCAAeW,EAAf,CAAtB,GAA2C,mCAAgBA,EAAhB,CAA3C,GAAiEA,EADnE;;AAGA,WAAKd,QAAL,CAAcC,MAAd,CAAqBmB,MAArB,CAA4BP,KAA5B,EAAmC,CAAnC,EAAsC,mCAAgBM,MAAhB,CAAtC;;AAEA,WAAKP,sBAAL;;AACA,WAAKf,OAAL;AACD;;;WAED,wBAAewB,OAAf,EAAwB;AACtB,WAAKrB,QAAL,CAAcC,MAAd,GAAuB,KAAKD,QAAL,CAAcC,MAAd,CAAqBqB,MAArB,CAA4B,UAACC,CAAD,EAAIV,KAAJ,EAAc;AAC/D,eAAO,CAACQ,OAAO,CAACG,IAAR,CAAa,UAAAC,CAAC;AAAA,iBAAIA,CAAC,KAAKZ,KAAV;AAAA,SAAd,CAAR;AACD,OAFsB,CAAvB;AAGA,WAAKD,sBAAL;;AACA,WAAKf,OAAL;AACD;;;WAED,uBAAc;AACZ,WAAKG,QAAL,CAAcC,MAAd,CAAqByB,GAArB;;AACA,WAAKd,sBAAL;;AACA,WAAKf,OAAL;AACD;;;WAED,yBAAgB;AACd,WAAKG,QAAL,CAAcC,MAAd,GAAuB,EAAvB;AACA,WAAKW,sBAAL;;AACA,WAAKf,OAAL;AACD;;;WAED,iCAAwB;AACtB,UACE,KAAKF,MAAL,IACA,KAAKA,MAAL,CAAYgC,KADZ,IAEA,KAAKhC,MAAL,CAAYgC,KAAZ,CAAkBC,eAFlB,IAGA,KAAK5B,QAHL,KAIC,CAAC,KAAKA,QAAL,CAAcC,MAAf,IAAyB,CAAC,KAAKD,QAAL,CAAcC,MAAd,CAAqBC,MAJhD,CADF,EAME;AACA,aAAKF,QAAL,CAAcC,MAAd,GAAuB,2BAAU,KAAKN,MAAL,CAAYgC,KAAZ,CAAkBC,eAA5B,CAAvB;AACD;AACF;;;WAED,mBAAU;AAAA;;AACR,UAAI;AACF,YAAI,KAAKjC,MAAL,IAAe,KAAKK,QAAxB,EAAkC;AAChC,cAAI,CAAC,KAAKA,QAAL,CAAcC,MAAnB,EAA2B;AACzB,iBAAKL,qBAAL;AACD;;AAED,cAAIK,MAAM,GAAG,CAAC,KAAKD,QAAL,CAAcC,MAAd,IAAwB,EAAzB,EAA6B4B,GAA7B,CAAiCC,2BAAjC,CAAb;AACA,cAAIC,KAAK,GAAG,2BAAU,KAAKpC,MAAf,CAAZ;AACAoC,UAAAA,KAAK,CAACC,eAAN,GACED,KAAK,CAACC,eAAN,IAAyBD,KAAK,CAACC,eAAN,CAAsBH,GAAtB,CAA0BC,2BAA1B,CAD3B;AAGA,cAAIG,KAAK,GAAG;AACVF,YAAAA,KAAK,EAALA,KADU;AAEV9B,YAAAA,MAAM,EAANA,MAFU;AAGViC,YAAAA,YAAY,EAAE,KAAKC,UAAL,CAAgBC,IAAhB,CAAqB,IAArB,CAHJ;AAIVC,YAAAA,aAAa,EAAE,KAAKC,WAAL,CAAiBF,IAAjB,CAAsB,IAAtB,CAJL;AAKVG,YAAAA,gBAAgB,EAAE,KAAKC,cAAL,CAAoBJ,IAApB,CAAyB,IAAzB,CALR;AAMVK,YAAAA,aAAa,EAAE,KAAKC,WAAL,CAAiBN,IAAjB,CAAsB,IAAtB,CANL;AAOVO,YAAAA,eAAe,EAAE,KAAKC,aAAL,CAAmBR,IAAnB,CAAwB,IAAxB;AAPP,WAAZ;;AAUA,cAAItB,EAAE,gBAAG+B,kBAAMC,aAAN,CAAoBC,sBAApB,EAAmCd,KAAnC,CAAT;;AACAe,+BAASC,MAAT,CAAgBnC,EAAhB,EAAoB,IAApB,EAA0B,YAAM;AAC9B,2CAAW,KAAX;AACD,WAFD;AAGD;AACF,OA1BD,CA0BE,OAAOoC,CAAP,EAAU;AACV,cAAMA,CAAN;AACD;AACF;;;kDA1IqCC,W","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 {\n  lineIsSwitched,\n  switchGraphLine,\n  toGraphFormat,\n  toSessionFormat\n} from './data-converter';\n\nimport Graph from './number-line/graph';\nimport NumberLineComponent from './number-line';\nimport React from 'react';\nimport ReactDOM from 'react-dom';\nimport RootComponent from './number-line';\nimport cloneDeep from 'lodash/cloneDeep';\nimport { renderMath } from '@pie-lib/math-rendering';\n\n//Expose some additional modules for configuration\nexport { Graph, NumberLineComponent, tickUtils, dataConverter, pointChooser };\n\nexport default class NumberLine extends HTMLElement {\n  constructor() {\n    super();\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  connectedCallback() {\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 =\n      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    try {\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 =\n          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        ReactDOM.render(el, this, () => {\n          renderMath(this);\n        });\n      }\n    } catch (e) {\n      throw e;\n    }\n  }\n}\n"],"file":"index.js"}
+{"version":3,"sources":["../src/index.js"],"names":["NumberLine","m","_model","_applyInitialElements","_render","dispatch","_session","s","answer","length","type","dispatchEvent","CustomEvent","bubbles","detail","complete","isComplete","data","push","dispatchSessionChanged","index","el","position","Error","left","right","update","splice","indices","filter","v","some","d","pop","graph","initialElements","map","toGraphFormat","model","correctResponse","props","onAddElement","addElement","bind","onMoveElement","moveElement","onDeleteElements","deleteElements","onUndoElement","undoElement","onClearElements","clearElements","React","createElement","RootComponent","ReactDOM","render","e","HTMLElement"],"mappings":"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","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 ReactDOM from 'react-dom';\nimport RootComponent from './number-line';\nimport cloneDeep from 'lodash/cloneDeep';\nimport { renderMath } from '@pie-lib/math-rendering';\n\n//Expose some additional modules for configuration\nexport { Graph, NumberLineComponent, tickUtils, dataConverter, pointChooser };\n\nexport default class NumberLine extends HTMLElement {\n  constructor() {\n    super();\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._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    try {\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        ReactDOM.render(el, this, () => {\n          renderMath(this);\n        });\n      }\n    } catch (e) {\n      throw e;\n    }\n  }\n}\n"],"file":"index.js"}

package/lib/number-line/colors.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.incorrect = exports.correct = exports.selected = void 0;
+exports.selected = exports.incorrect = exports.correct = void 0;
 
 var _renderUi = require("@pie-lib/render-ui");
 

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;;AAOA;;AACA;;AAEA;;AACA;;AACA;;AACA;;AAEA,IAAIA,OAAO,GAAG,SAAVA,OAAU,CAAAC,CAAC,EAAI;AACjB,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,CAAAC,KAAK,EAAI;AACxB,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;AACE,IAAA,SAAS,EAAEL,OAAO,CAACM,OADrB;AAEE,IAAA,uBAAuB,EAAE;AAAEC,MAAAA,MAAM,EAAER,KAAK,CAACO;AAAhB;AAF3B,IAFF,CADF,CADF,CADF;AAaD,CAlBD;;AAoBAR,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 {\n  Correct,\n  Incorrect,\n  NothingSubmitted,\n  PartiallyCorrect,\n  ShowRationale\n} 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\n            className={classes.message}\n            dangerouslySetInnerHTML={{ __html: props.message }}\n          />\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,"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"}

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,sBACE;AAAM,IAAA,CAAC,EAAC,uBAAR;AAAgC,IAAA,SAAS,EAAEC,SAA3C;AAAsD,IAAA,SAAS,EAAEC;AAAjE,IADF;AAGD;;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 (\n    <path d=\"m 0,0 8,-5 0,10 -8,-5\" transform={transform} className={names} />\n  );\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,"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"}

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,"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"}

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,GAAIR,QAAQ,GAAGG,QAAZ,IAAyBD,MAAM,CAACO,GAAhC,GAAsCT,QAAtC,GAAiDA,QAAQ,GAAGG,QAAvE;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,"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"}

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

@@ -41,9 +41,9 @@ var _isNumber = _interopRequireDefault(require("lodash/isNumber"));
 
 var _renderUi = require("@pie-lib/render-ui");
 
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 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); }; }
 

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/number-line/graph/elements/line.jsx"],"names":["duration","style","line","stroke","color","primary","cursor","strokeWidth","transition","opacity","disabled","selected","primaryDark","correct","incorrect","Line","props","state","left","right","nextProps","position","setState","side","p","domain","min","max","newState","d","newPosition","onMoveLine","interval","empty","y","classes","xScale","context","onDrag","onMove","onMoveLeft","bind","onMoveRight","onDragLeft","onDragRight","is","onMouseDown","e","nativeEvent","preventDefault","onLineDragStart","startX","clientX","onLineClick","endX","deltaX","Math","abs","onToggleSelect","onRectClick","onLineDragStop","dd","invertedX","invert","lastX","scaledLineBounds","lineClass","common","handle","React","Component","PropTypes","shape","bool","isRequired","number","func","onDragStart","onDragStop","undefined","snapValue"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport Draggable from '../../../draggable';\nimport Point from './point';\nimport { basePropTypes } from './base';\nimport classNames from 'classnames';\nimport injectSheet from 'react-jss';\nimport isEqual from 'lodash/isEqual';\nimport isNumber from 'lodash/isNumber';\nimport { color } from '@pie-lib/render-ui';\n\nconst duration = '150ms';\n\nconst style = {\n  line: {\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    '&.react-draggable-dragging': {\n      opacity: 0.6,\n      '& .line-handle': {\n        opacity: 1.0,\n        strokeWidth: '12px'\n      }\n    }\n  },\n  disabled: {\n    cursor: 'not-allowed',\n    opacity: 0.8\n  },\n  selected: {\n    '& .line-handle': {\n      stroke: color.primaryDark()\n    },\n    '& circle': {\n      stroke: color.primaryDark()\n    }\n  },\n  correct: {\n    '& .line-handle': {\n      cursor: 'inherit',\n      stroke: color.correct()\n    }\n  },\n  incorrect: {\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 {\n      interval,\n      empty,\n      position,\n      domain,\n      y,\n      selected,\n      disabled,\n      correct,\n      classes\n    } = 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)\n      ? this.state.right\n      : position.right;\n\n    const is = xScale(interval) - xScale(0);\n\n    const onMouseDown = e => e.nativeEvent.preventDefault();\n    const onLineDragStart = e => this.setState({ startX: e.clientX });\n\n    const onLineClick = () => {\n      const { startX, endX } = this.state;\n      if (!startX || !endX) {\n        return;\n      }\n\n      const deltaX = Math.abs(endX - startX);\n      if (deltaX < is / 10) {\n        this.props.onToggleSelect();\n        this.setState({ startX: null, endX: null });\n      }\n    };\n\n    const onRectClick = () => {\n      this.props.onToggleSelect();\n    };\n\n    const onLineDragStop = (e, dd) => {\n      this.setState({ endX: e.clientX });\n      const invertedX = xScale.invert(dd.lastX + 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    var lineClass = classNames(classes.line, {\n      [classes.disabled]: disabled,\n      [classes.selected]: selected,\n      [classes.correct]: correct === true,\n      [classes.incorrect]: correct === false\n    });\n\n    const common = {\n      interval,\n      selected,\n      disabled,\n      correct\n    };\n\n    return (\n      <Draggable\n        disabled={disabled}\n        axis=\"x\"\n        handle=\".line-handle\"\n        grid={[is]}\n        bounds={scaledLineBounds}\n        onStart={onLineDragStart}\n        onStop={onLineDragStop}\n        onMouseDown={onMouseDown}\n      >\n        <g className={lineClass}>\n          <g transform={`translate(0, ${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={classNames('line-handle', classes.handle, {\n                [classes.selected]: selected\n              })}\n              x1={xScale(left)}\n              x2={xScale(right)}\n              onClick={onLineClick}\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            />\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            />\n          </g>\n        </g>\n      </Draggable>\n    );\n  }\n}\n\nexport default injectSheet(style)(Line);\n"],"file":"line.js"}
+{"version":3,"sources":["../../../../src/number-line/graph/elements/line.jsx"],"names":["duration","style","line","stroke","color","primary","cursor","strokeWidth","transition","opacity","disabled","selected","primaryDark","correct","incorrect","Line","props","state","left","right","nextProps","position","setState","side","p","domain","min","max","newState","d","newPosition","onMoveLine","interval","empty","y","classes","xScale","context","onDrag","onMove","onMoveLeft","bind","onMoveRight","onDragLeft","onDragRight","is","onMouseDown","e","nativeEvent","preventDefault","onLineDragStart","startX","clientX","onLineClick","endX","deltaX","Math","abs","onToggleSelect","onRectClick","onLineDragStop","dd","invertedX","invert","lastX","scaledLineBounds","lineClass","common","handle","React","Component","PropTypes","shape","bool","isRequired","number","func","onDragStart","onDragStop","undefined","snapValue"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport Draggable from '../../../draggable';\nimport Point from './point';\nimport { basePropTypes } from './base';\nimport classNames from 'classnames';\nimport injectSheet from 'react-jss';\nimport isEqual from 'lodash/isEqual';\nimport isNumber from 'lodash/isNumber';\nimport { color } from '@pie-lib/render-ui';\n\nconst duration = '150ms';\n\nconst style = {\n  line: {\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    '&.react-draggable-dragging': {\n      opacity: 0.6,\n      '& .line-handle': {\n        opacity: 1.0,\n        strokeWidth: '12px',\n      },\n    },\n  },\n  disabled: {\n    cursor: 'not-allowed',\n    opacity: 0.8,\n  },\n  selected: {\n    '& .line-handle': {\n      stroke: color.primaryDark(),\n    },\n    '& circle': {\n      stroke: color.primaryDark(),\n    },\n  },\n  correct: {\n    '& .line-handle': {\n      cursor: 'inherit',\n      stroke: color.correct(),\n    },\n  },\n  incorrect: {\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, classes } = 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    const onLineDragStart = (e) => this.setState({ startX: e.clientX });\n\n    const onLineClick = () => {\n      const { startX, endX } = this.state;\n      if (!startX || !endX) {\n        return;\n      }\n\n      const deltaX = Math.abs(endX - startX);\n      if (deltaX < is / 10) {\n        this.props.onToggleSelect();\n        this.setState({ startX: null, endX: null });\n      }\n    };\n\n    const onRectClick = () => {\n      this.props.onToggleSelect();\n    };\n\n    const onLineDragStop = (e, dd) => {\n      this.setState({ endX: e.clientX });\n      const invertedX = xScale.invert(dd.lastX + 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    var lineClass = classNames(classes.line, {\n      [classes.disabled]: disabled,\n      [classes.selected]: selected,\n      [classes.correct]: correct === true,\n      [classes.incorrect]: correct === false,\n    });\n\n    const common = {\n      interval,\n      selected,\n      disabled,\n      correct,\n    };\n\n    return (\n      <Draggable\n        disabled={disabled}\n        axis=\"x\"\n        handle=\".line-handle\"\n        grid={[is]}\n        bounds={scaledLineBounds}\n        onStart={onLineDragStart}\n        onStop={onLineDragStop}\n        onMouseDown={onMouseDown}\n      >\n        <g className={lineClass}>\n          <g transform={`translate(0, ${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={classNames('line-handle', classes.handle, {\n                [classes.selected]: selected,\n              })}\n              x1={xScale(left)}\n              x2={xScale(right)}\n              onClick={onLineClick}\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            />\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            />\n          </g>\n        </g>\n      </Draggable>\n    );\n  }\n}\n\nexport default injectSheet(style)(Line);\n"],"file":"line.js"}

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

@@ -175,13 +175,21 @@ var Point = /*#__PURE__*/function (_React$Component) {
         axis: "x",
         grid: [is],
         bounds: scaledBounds
-      }, /*#__PURE__*/_react["default"].createElement("circle", {
+      }, /*#__PURE__*/_react["default"].createElement("g", null, /*#__PURE__*/_react["default"].createElement("circle", {
+        r: "20",
+        strokeWidth: "3",
+        style: {
+          fill: 'transparent'
+        },
+        cx: xScale(position),
+        cy: y
+      }), /*#__PURE__*/_react["default"].createElement("circle", {
         r: "5",
         strokeWidth: "3",
         className: circleClass,
         cx: xScale(position),
         cy: y
-      }));
+      })));
     }
   }]);
   return Point;

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/number-line/graph/elements/point.jsx"],"names":["duration","style","point","cursor","transition","stroke","color","primary","fill","opacity","r","primaryDark","selected","disabled","correct","incorrect","empty","Point","props","onDragStop","onDragStart","onDragCallback","onDrag","onClick","onMove","interval","y","bounds","position","classes","context","snapValue","xScale","dragPosition","x","normalized","inverted","invert","onStart","e","setState","startX","clientX","onStop","dd","endX","state","deltaX","Math","abs","is","newPosition","lastX","onMouseDown","nativeEvent","preventDefault","scaledBounds","left","right","p","circleClass","React","Component","undefined","PropTypes","number","isRequired","shape","bool","func","object"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { color } from '@pie-lib/render-ui';\nimport Draggable from '../../../draggable';\nimport classNames from 'classnames';\nimport injectSheet from 'react-jss';\n\nconst duration = '150ms';\n\nconst style = {\n  point: {\n    cursor: 'pointer',\n    transition: `r ${duration} linear,  \n    opacity ${duration} linear, \n    fill ${duration} linear,\n    stroke ${duration} linear`,\n\n    stroke: color.primary(),\n    fill: color.primary(),\n    '&.react-draggable-dragging': {\n      opacity: 0.25,\n      r: '10px'\n    },\n    '&:hover': {\n      stroke: color.primaryDark()\n    }\n  },\n  selected: {\n    stroke: color.primaryDark()\n  },\n  disabled: {\n    cursor: 'not-allowed',\n    opacity: 0.8\n  },\n  correct: {\n    cursor: 'inherit',\n    stroke: color.correct(),\n    fill: color.correct()\n  },\n  incorrect: {\n    cursor: 'inherit',\n    stroke: color.incorrect(),\n    fill: color.incorrect()\n  },\n  empty: {\n    fill: 'white'\n  }\n};\n\nexport class Point extends React.Component {\n  static defaultProps = {\n    y: 0,\n    selected: false,\n    empty: false,\n    disabled: false,\n    correct: undefined\n  };\n\n  static propTypes = {\n    interval: PropTypes.number.isRequired,\n    position: PropTypes.number.isRequired,\n    bounds: PropTypes.shape({\n      left: PropTypes.number.isRequired,\n      right: PropTypes.number.isRequired\n    }),\n    selected: PropTypes.bool,\n    disabled: PropTypes.bool,\n    correct: PropTypes.bool,\n    empty: PropTypes.bool,\n    y: PropTypes.number,\n    onMove: PropTypes.func.isRequired,\n    onClick: PropTypes.func,\n    onDrag: PropTypes.func,\n    onDragStop: PropTypes.func,\n    onDragStart: PropTypes.func,\n    classes: PropTypes.object.isRequired\n  };\n\n  static contextTypes = {\n    xScale: PropTypes.func.isRequired,\n    snapValue: PropTypes.func.isRequired\n  };\n\n  render() {\n    const {\n      onDragStop,\n      onDragStart,\n      onDrag: onDragCallback,\n      onClick,\n      onMove,\n      interval,\n      y,\n      bounds,\n      selected,\n      position,\n      disabled,\n      correct,\n      empty,\n      classes\n    } = this.props;\n\n    const { snapValue, xScale } = this.context;\n\n    const dragPosition = x => {\n      const normalized = x + xScale(0);\n      const inverted = xScale.invert(normalized);\n      return snapValue(position + inverted);\n    };\n\n    const onStart = e => {\n      this.setState({ startX: e.clientX });\n      if (onDragStart) {\n        onDragStart();\n      }\n    };\n\n    const onStop = (e, dd) => {\n      if (onDragStop) {\n        onDragStop();\n      }\n\n      const endX = e.clientX;\n      const startX = this.state.startX;\n      const deltaX = Math.abs(endX - startX);\n\n      if (deltaX < is / 10) {\n        if (onClick) {\n          onClick();\n          this.setState({ startX: null });\n        }\n      } else {\n        const newPosition = dragPosition(dd.lastX);\n        onMove(newPosition);\n      }\n    };\n\n    //prevent the text select icon from rendering.\n    const onMouseDown = e => e.nativeEvent.preventDefault();\n\n    const is = xScale(interval) - xScale(0);\n    const scaledBounds = {\n      left: bounds.left / interval * is,\n      right: bounds.right / interval * is\n    };\n\n    const onDrag = (e, dd) => {\n      const p = dragPosition(dd.x);\n      if (onDragCallback) {\n        onDragCallback(p);\n      }\n    };\n\n    const circleClass = classNames(classes.point, {\n      [classes.disabled]: disabled,\n      [classes.selected]: selected,\n      [classes.correct]: correct === true,\n      [classes.incorrect]: correct === false,\n      [classes.empty]: empty === true\n    });\n\n    return (\n      <Draggable\n        disabled={disabled}\n        onMouseDown={onMouseDown}\n        onStart={onStart}\n        onDrag={onDrag}\n        onStop={onStop}\n        axis=\"x\"\n        grid={[is]}\n        bounds={scaledBounds}\n      >\n        <circle\n          r=\"5\"\n          strokeWidth=\"3\"\n          className={circleClass}\n          cx={xScale(position)}\n          cy={y}\n        />\n      </Draggable>\n    );\n  }\n}\n\nexport default injectSheet(style)(Point);\n"],"file":"point.js"}
+{"version":3,"sources":["../../../../src/number-line/graph/elements/point.jsx"],"names":["duration","style","point","cursor","transition","stroke","color","primary","fill","opacity","r","primaryDark","selected","disabled","correct","incorrect","empty","Point","props","onDragStop","onDragStart","onDragCallback","onDrag","onClick","onMove","interval","y","bounds","position","classes","context","snapValue","xScale","dragPosition","x","normalized","inverted","invert","onStart","e","setState","startX","clientX","onStop","dd","endX","state","deltaX","Math","abs","is","newPosition","lastX","onMouseDown","nativeEvent","preventDefault","scaledBounds","left","right","p","circleClass","React","Component","undefined","PropTypes","number","isRequired","shape","bool","func","object"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { color } from '@pie-lib/render-ui';\nimport Draggable from '../../../draggable';\nimport classNames from 'classnames';\nimport injectSheet from 'react-jss';\n\nconst duration = '150ms';\n\nconst style = {\n  point: {\n    cursor: 'pointer',\n    transition: `r ${duration} linear,  \n    opacity ${duration} linear, \n    fill ${duration} linear,\n    stroke ${duration} linear`,\n\n    stroke: color.primary(),\n    fill: color.primary(),\n    '&.react-draggable-dragging': {\n      opacity: 0.25,\n      r: '10px',\n    },\n    '&:hover': {\n      stroke: color.primaryDark(),\n    },\n  },\n  selected: {\n    stroke: color.primaryDark(),\n  },\n  disabled: {\n    cursor: 'not-allowed',\n    opacity: 0.8,\n  },\n  correct: {\n    cursor: 'inherit',\n    stroke: color.correct(),\n    fill: color.correct(),\n  },\n  incorrect: {\n    cursor: 'inherit',\n    stroke: color.incorrect(),\n    fill: color.incorrect(),\n  },\n  empty: {\n    fill: 'white',\n  },\n};\n\nexport class Point extends React.Component {\n  static defaultProps = {\n    y: 0,\n    selected: false,\n    empty: false,\n    disabled: false,\n    correct: undefined,\n  };\n\n  static propTypes = {\n    interval: PropTypes.number.isRequired,\n    position: PropTypes.number.isRequired,\n    bounds: PropTypes.shape({\n      left: PropTypes.number.isRequired,\n      right: PropTypes.number.isRequired,\n    }),\n    selected: PropTypes.bool,\n    disabled: PropTypes.bool,\n    correct: PropTypes.bool,\n    empty: PropTypes.bool,\n    y: PropTypes.number,\n    onMove: PropTypes.func.isRequired,\n    onClick: PropTypes.func,\n    onDrag: PropTypes.func,\n    onDragStop: PropTypes.func,\n    onDragStart: PropTypes.func,\n    classes: PropTypes.object.isRequired,\n  };\n\n  static contextTypes = {\n    xScale: PropTypes.func.isRequired,\n    snapValue: PropTypes.func.isRequired,\n  };\n\n  render() {\n    const {\n      onDragStop,\n      onDragStart,\n      onDrag: onDragCallback,\n      onClick,\n      onMove,\n      interval,\n      y,\n      bounds,\n      selected,\n      position,\n      disabled,\n      correct,\n      empty,\n      classes,\n    } = this.props;\n\n    const { snapValue, xScale } = this.context;\n\n    const dragPosition = (x) => {\n      const normalized = x + xScale(0);\n      const inverted = xScale.invert(normalized);\n      return snapValue(position + inverted);\n    };\n\n    const onStart = (e) => {\n      this.setState({ startX: e.clientX });\n      if (onDragStart) {\n        onDragStart();\n      }\n    };\n\n    const onStop = (e, dd) => {\n      if (onDragStop) {\n        onDragStop();\n      }\n\n      const endX = e.clientX;\n      const startX = this.state.startX;\n      const deltaX = Math.abs(endX - startX);\n\n      if (deltaX < is / 10) {\n        if (onClick) {\n          onClick();\n          this.setState({ startX: null });\n        }\n      } else {\n        const newPosition = dragPosition(dd.lastX);\n        onMove(newPosition);\n      }\n    };\n\n    //prevent the text select icon from rendering.\n    const onMouseDown = (e) => e.nativeEvent.preventDefault();\n\n    const is = xScale(interval) - xScale(0);\n    const scaledBounds = {\n      left: (bounds.left / interval) * is,\n      right: (bounds.right / interval) * is,\n    };\n\n    const onDrag = (e, dd) => {\n      const p = dragPosition(dd.x);\n      if (onDragCallback) {\n        onDragCallback(p);\n      }\n    };\n\n    const circleClass = classNames(classes.point, {\n      [classes.disabled]: disabled,\n      [classes.selected]: selected,\n      [classes.correct]: correct === true,\n      [classes.incorrect]: correct === false,\n      [classes.empty]: empty === true,\n    });\n\n    return (\n      <Draggable\n        disabled={disabled}\n        onMouseDown={onMouseDown}\n        onStart={onStart}\n        onDrag={onDrag}\n        onStop={onStop}\n        axis=\"x\"\n        grid={[is]}\n        bounds={scaledBounds}\n      >\n        <g>\n          <circle r=\"20\" strokeWidth=\"3\" style={{ fill: 'transparent' }} cx={xScale(position)} cy={y} />\n          <circle r=\"5\" strokeWidth=\"3\" className={circleClass} cx={xScale(position)} cy={y} />\n        </g>\n      </Draggable>\n    );\n  }\n}\n\nexport default injectSheet(style)(Point);\n"],"file":"point.js"}

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

@@ -45,9 +45,9 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 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); }; }
 
@@ -81,12 +81,15 @@ var style = {
   correct: rayColor(colors.correct),
   incorrect: rayColor(colors.incorrect),
   arrowCorrect: {
+    fill: colors.correct,
     '--arrow-color': colors.correct
   },
   arrowIncorrect: {
+    fill: colors.incorrect,
     '--arrow-color': colors.incorrect
   },
   arrowSelected: {
+    fill: colors.selected,
     '--arrow-color': colors.selected
   }
 };

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/number-line/graph/elements/ray.jsx"],"names":["rayColor","stroke","fill","strokeWidth","style","ray","cursor","color","primary","transition","selected","colors","correct","incorrect","arrowCorrect","arrowIncorrect","arrowSelected","Ray","props","state","dragPosition","p","domain","min","max","setState","interval","empty","position","direction","y","disabled","width","classes","xScale","context","drag","bind","stopDrag","finalPosition","className","positive","left","right","x1","x2","arrowX","arrowDirection","noop","arrowClassNames","onToggleSelect","onMove","React","Component","PropTypes","number","isRequired","bool","oneOf","func","snapValue"],"mappings":"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","sourcesContent":["import * as colors from '../../colors';\nimport { color } from '@pie-lib/render-ui';\nimport React from 'react';\nimport PropTypes from 'prop-types';\nimport Arrow from '../arrow';\nimport Point from './point';\nimport { basePropTypes } from './base';\nimport classNames from 'classnames';\nimport injectSheet from 'react-jss';\nimport isNumber from 'lodash/isNumber';\n\nconst rayColor = rayColor => ({\n  '& line': {\n    stroke: rayColor\n  },\n  '& .arrow': {\n    fill: rayColor,\n    strokeWidth: '1px',\n    stroke: rayColor\n  }\n});\n\nconst style = {\n  ray: {\n    '& line': {\n      cursor: 'pointer',\n      strokeWidth: '5px',\n      stroke: color.primary()\n    },\n    '& line, & .arrow': {\n      transition: 'stroke 150ms linear, fill 150ms linear'\n    }\n  },\n  selected: rayColor(colors.selected),\n  correct: rayColor(colors.correct),\n  incorrect: rayColor(colors.incorrect),\n  arrowCorrect: {\n    '--arrow-color': colors.correct\n  },\n  arrowIncorrect: {\n    '--arrow-color': colors.incorrect\n  },\n  arrowSelected: {\n    '--arrow-color': colors.selected\n  }\n};\n\nexport class Ray extends React.Component {\n  static propTypes = {\n    ...basePropTypes(),\n    width: PropTypes.number.isRequired,\n    selected: PropTypes.bool,\n    disabled: PropTypes.bool,\n    empty: PropTypes.bool,\n    direction: PropTypes.oneOf(['positive', 'negative']),\n    y: PropTypes.number,\n    position: PropTypes.number.isRequired,\n    onMove: PropTypes.func.isRequired,\n    onToggleSelect: PropTypes.func.isRequired\n  };\n\n  static defaultProps = {\n    selected: false,\n    direction: 'positive',\n    y: 0,\n    disabled: false\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      dragPosition: null\n    };\n  }\n\n  drag(p) {\n    const { domain } = this.props;\n    if (p >= domain.min && p <= domain.max) {\n      this.setState({ dragPosition: p });\n    }\n  }\n\n  stopDrag() {\n    this.setState({ dragPosition: null });\n  }\n\n  render() {\n    /* eslint-disable */\n    const {\n      interval,\n      empty,\n      position,\n      direction,\n      domain,\n      y,\n      selected,\n      disabled,\n      width,\n      correct,\n      classes\n    } = this.props;\n    /* eslint-enable */\n    const { xScale } = this.context;\n\n    const drag = this.drag.bind(this);\n    const stopDrag = this.stopDrag.bind(this);\n\n    const finalPosition = isNumber(this.state.dragPosition)\n      ? this.state.dragPosition\n      : position;\n\n    const className = classNames(classes.ray, {\n      [classes.selected]: selected,\n      [classes.correct]: correct === true,\n      [classes.incorrect]: correct === false\n    });\n\n    const positive = direction === 'positive';\n    const left = positive ? finalPosition : domain.min;\n    const right = positive ? domain.max : finalPosition;\n    // const triangleX = positive ? xScale(right) : xScale(left);\n\n    //const et the line run all the way to 0 or width.\n    const x1 = positive ? xScale(left) : 8;\n    const x2 = positive ? width - 8 : xScale(right);\n    const arrowX = positive ? width : 0;\n    const arrowDirection = positive ? 'right' : 'left';\n\n    const noop = () => {};\n\n    const arrowClassNames = classNames({\n      [classes.arrowCorrect]: correct === true,\n      [classes.arrowIncorrect]: correct === false,\n      [classes.arrowSelected]: selected\n    });\n\n    return (\n      <g className={className} transform={`translate(0, ${y})`}>\n        <line\n          onClick={disabled ? noop : this.props.onToggleSelect}\n          className=\"line-handle\"\n          x1={x1}\n          x2={x2}\n        />\n        <Point\n          disabled={disabled}\n          correct={correct}\n          selected={selected}\n          empty={empty}\n          interval={interval}\n          bounds={{ left: domain.min - position, right: domain.max - position }}\n          position={position}\n          onDrag={drag}\n          onDragStop={stopDrag}\n          onMove={this.props.onMove}\n        />\n        <Arrow\n          x={arrowX}\n          className={arrowClassNames}\n          direction={arrowDirection}\n        />\n      </g>\n    );\n  }\n}\n\nexport default injectSheet(style)(Ray);\n"],"file":"ray.js"}
+{"version":3,"sources":["../../../../src/number-line/graph/elements/ray.jsx"],"names":["rayColor","stroke","fill","strokeWidth","style","ray","cursor","color","primary","transition","selected","colors","correct","incorrect","arrowCorrect","arrowIncorrect","arrowSelected","Ray","props","state","dragPosition","p","domain","min","max","setState","interval","empty","position","direction","y","disabled","width","classes","xScale","context","drag","bind","stopDrag","finalPosition","className","positive","left","right","x1","x2","arrowX","arrowDirection","noop","arrowClassNames","onToggleSelect","onMove","React","Component","PropTypes","number","isRequired","bool","oneOf","func","snapValue"],"mappings":"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","sourcesContent":["import * as colors from '../../colors';\nimport { color } from '@pie-lib/render-ui';\nimport React from 'react';\nimport PropTypes from 'prop-types';\nimport Arrow from '../arrow';\nimport Point from './point';\nimport { basePropTypes } from './base';\nimport classNames from 'classnames';\nimport injectSheet from 'react-jss';\nimport isNumber from 'lodash/isNumber';\n\nconst rayColor = (rayColor) => ({\n  '& line': {\n    stroke: rayColor,\n  },\n  '& .arrow': {\n    fill: rayColor,\n    strokeWidth: '1px',\n    stroke: rayColor,\n  },\n});\n\nconst style = {\n  ray: {\n    '& line': {\n      cursor: 'pointer',\n      strokeWidth: '5px',\n      stroke: color.primary(),\n    },\n    '& line, & .arrow': {\n      transition: 'stroke 150ms linear, fill 150ms linear',\n    },\n  },\n  selected: rayColor(colors.selected),\n  correct: rayColor(colors.correct),\n  incorrect: rayColor(colors.incorrect),\n  arrowCorrect: {\n    fill: colors.correct,\n    '--arrow-color': colors.correct,\n  },\n  arrowIncorrect: {\n    fill: colors.incorrect,\n    '--arrow-color': colors.incorrect,\n  },\n  arrowSelected: {\n    fill: colors.selected,\n    '--arrow-color': colors.selected,\n  },\n};\n\nexport class Ray extends React.Component {\n  static propTypes = {\n    ...basePropTypes(),\n    width: PropTypes.number.isRequired,\n    selected: PropTypes.bool,\n    disabled: PropTypes.bool,\n    empty: PropTypes.bool,\n    direction: PropTypes.oneOf(['positive', 'negative']),\n    y: PropTypes.number,\n    position: PropTypes.number.isRequired,\n    onMove: PropTypes.func.isRequired,\n    onToggleSelect: PropTypes.func.isRequired,\n  };\n\n  static defaultProps = {\n    selected: false,\n    direction: 'positive',\n    y: 0,\n    disabled: false,\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      dragPosition: null,\n    };\n  }\n\n  drag(p) {\n    const { domain } = this.props;\n    if (p >= domain.min && p <= domain.max) {\n      this.setState({ dragPosition: p });\n    }\n  }\n\n  stopDrag() {\n    this.setState({ dragPosition: null });\n  }\n\n  render() {\n    /* eslint-disable */\n    const { interval, empty, position, direction, domain, y, selected, disabled, width, correct, classes } = this.props;\n    /* eslint-enable */\n    const { xScale } = this.context;\n\n    const drag = this.drag.bind(this);\n    const stopDrag = this.stopDrag.bind(this);\n\n    const finalPosition = isNumber(this.state.dragPosition) ? this.state.dragPosition : position;\n\n    const className = classNames(classes.ray, {\n      [classes.selected]: selected,\n      [classes.correct]: correct === true,\n      [classes.incorrect]: correct === false,\n    });\n\n    const positive = direction === 'positive';\n    const left = positive ? finalPosition : domain.min;\n    const right = positive ? domain.max : finalPosition;\n    // const triangleX = positive ? xScale(right) : xScale(left);\n\n    //const et the line run all the way to 0 or width.\n    const x1 = positive ? xScale(left) : 8;\n    const x2 = positive ? width - 8 : xScale(right);\n    const arrowX = positive ? width : 0;\n    const arrowDirection = positive ? 'right' : 'left';\n\n    const noop = () => {};\n\n    const arrowClassNames = classNames({\n      [classes.arrowCorrect]: correct === true,\n      [classes.arrowIncorrect]: correct === false,\n      [classes.arrowSelected]: selected,\n    });\n\n    return (\n      <g className={className} transform={`translate(0, ${y})`}>\n        <line onClick={disabled ? noop : this.props.onToggleSelect} className=\"line-handle\" x1={x1} x2={x2} />\n        <Point\n          disabled={disabled}\n          correct={correct}\n          selected={selected}\n          empty={empty}\n          interval={interval}\n          bounds={{ left: domain.min - position, right: domain.max - position }}\n          position={position}\n          onDrag={drag}\n          onDragStop={stopDrag}\n          onMove={this.props.onMove}\n        />\n        <Arrow x={arrowX} className={arrowClassNames} direction={arrowDirection} />\n      </g>\n    );\n  }\n}\n\nexport default injectSheet(style)(Ray);\n"],"file":"ray.js"}