@pie-element/select-text 6.5.3-next.542 → 6.5.3-next.550

package/configure/lib/index.js

@@ -31,7 +31,7 @@ var _pieConfigureEvents = require("@pie-framework/pie-configure-events");
 
 var _defaultConfiguration = _interopRequireDefault(require("./defaultConfiguration"));
 
-var _textSelect = require("@pie-lib/text-select");
+var _utils = _interopRequireDefault(require("./utils"));
 
 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; }
 
@@ -134,10 +134,6 @@ exports["default"] = SelectTextConfigure;
 
   var newModel = _objectSpread(_objectSpread({}, _defaultConfiguration["default"].model), model);
 
-  var newText = (0, _textSelect.prepareText)(newModel.text);
-  return _objectSpread(_objectSpread({}, newModel), {}, {
-    unpreparedText: newModel.text,
-    text: newText
-  });
+  return (0, _utils["default"])(newModel);
 });
 //# sourceMappingURL=index.js.map

package/configure/lib/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/index.js"],"names":["SelectTextConfigure","_model","createDefaultModel","_configuration","defaultValues","configuration","m","render","c","dispatchEvent","ModelUpdatedEvent","handler","InsertImageEvent","src","done","DeleteImageEvent","el","React","createElement","Main","model","onModelChanged","modelChanged","bind","onConfigurationChanged","imageSupport","add","insertImage","onDeleteImage","ReactDOM","HTMLElement","newModel","newText","text","unpreparedText"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AAKA;;AACA;;;;;;;;;;IAEqBA,mB;;;;;AAenB,iCAAc;AAAA;;AAAA;AACZ;AACA,UAAKC,MAAL,GAAcD,mBAAmB,CAACE,kBAApB,EAAd;AACA,UAAKC,cAAL,GAAsBC,iCAAcC,aAApC;AAHY;AAIb;;;;SAED,aAAUC,CAAV,EAAa;AACX,WAAKL,MAAL,GAAcD,mBAAmB,CAACE,kBAApB,CAAuCI,CAAvC,CAAd;AACA,WAAKC,MAAL;AACD;;;SAED,aAAkBC,CAAlB,EAAqB;AACnB,WAAKL,cAAL,GAAsBK,CAAtB;AACA,WAAKD,MAAL;AACD;;;WAED,6BAAoB;AAClB,WAAKA,MAAL;AACD;;;WAED,sBAAaD,CAAb,EAAgB;AACd,WAAKL,MAAL,GAAcK,CAAd;AACA,WAAKG,aAAL,CAAmB,IAAIC,qCAAJ,CAAsB,KAAKT,MAA3B,CAAnB,EAAuD,IAAvD;AACA,WAAKM,MAAL;AACD;;;WAED,gCAAuBC,CAAvB,EAA0B;AACxB,WAAKL,cAAL,GAAsBK,CAAtB;;AAEA,UAAI,KAAKP,MAAT,EAAiB;AACf,aAAKQ,aAAL,CAAmB,IAAIC,qCAAJ,CAAsB,KAAKT,MAA3B,CAAnB,EAAuD,KAAvD;AACD;;AAED,WAAKM,MAAL;AACD;AAED;AACF;AACA;AACA;;;;WACE,qBAAYI,OAAZ,EAAqB;AACnB,WAAKF,aAAL,CAAmB,IAAIG,oCAAJ,CAAqBD,OAArB,CAAnB;AACD;;;WAED,uBAAcE,GAAd,EAAmBC,IAAnB,EAAyB;AACvB,WAAKL,aAAL,CAAmB,IAAIM,oCAAJ,CAAqBF,GAArB,EAA0BC,IAA1B,CAAnB;AACD;;;WAED,kBAAS;AACP,UAAI,KAAKb,MAAT,EAAiB;AACf,YAAMe,EAAE,gBAAGC,kBAAMC,aAAN,CAAoBC,kBAApB,EAA0B;AACnCC,UAAAA,KAAK,EAAE,KAAKnB,MADuB;AAEnCI,UAAAA,aAAa,EAAE,KAAKF,cAFe;AAGnCkB,UAAAA,cAAc,EAAE,KAAKC,YAAL,CAAkBC,IAAlB,CAAuB,IAAvB,CAHmB;AAInCC,UAAAA,sBAAsB,EAAE,KAAKA,sBAAL,CAA4BD,IAA5B,CAAiC,IAAjC,CAJW;AAKnCE,UAAAA,YAAY,EAAE;AACZC,YAAAA,GAAG,EAAE,KAAKC,WAAL,CAAiBJ,IAAjB,CAAsB,IAAtB,CADO;AAEZ,sBAAQ,KAAKK,aAAL,CAAmBL,IAAnB,CAAwB,IAAxB;AAFI;AALqB,SAA1B,CAAX;;AAWAM,6BAAStB,MAAT,CAAgBS,EAAhB,EAAoB,IAApB;AACD;AACF;;;kDA9E8Cc,W;;;iCAA5B9B,mB,wBACS,YAAgB;AAAA,MAAfoB,KAAe,uEAAP,EAAO;;AAC1C,MAAMW,QAAQ,mCACT3B,iCAAcgB,KADL,GAETA,KAFS,CAAd;;AAIA,MAAMY,OAAO,GAAG,6BAAYD,QAAQ,CAACE,IAArB,CAAhB;AAEA,yCACKF,QADL;AAEEG,IAAAA,cAAc,EAAEH,QAAQ,CAACE,IAF3B;AAGEA,IAAAA,IAAI,EAAED;AAHR;AAKD,C","sourcesContent":["import React from 'react';\nimport ReactDOM from 'react-dom';\nimport Main from './design';\nimport {\n  DeleteImageEvent,\n  InsertImageEvent,\n  ModelUpdatedEvent\n} from '@pie-framework/pie-configure-events';\nimport defaultValues from './defaultConfiguration';\nimport { prepareText } from '@pie-lib/text-select';\n\nexport default class SelectTextConfigure extends HTMLElement {\n  static createDefaultModel = (model = {}) => {\n    const newModel = {\n      ...defaultValues.model,\n      ...model\n    };\n    const newText = prepareText(newModel.text);\n\n    return {\n      ...newModel,\n      unpreparedText: newModel.text,\n      text: newText\n    };\n  };\n\n  constructor() {\n    super();\n    this._model = SelectTextConfigure.createDefaultModel();\n    this._configuration = defaultValues.configuration;\n  }\n\n  set model(m) {\n    this._model = SelectTextConfigure.createDefaultModel(m);\n    this.render();\n  }\n\n  set configuration(c) {\n    this._configuration = c;\n    this.render();\n  }\n\n  connectedCallback() {\n    this.render();\n  }\n\n  modelChanged(m) {\n    this._model = m;\n    this.dispatchEvent(new ModelUpdatedEvent(this._model), true);\n    this.render();\n  }\n\n  onConfigurationChanged(c) {\n    this._configuration = c;\n\n    if (this._model) {\n      this.dispatchEvent(new ModelUpdatedEvent(this._model), false);\n    }\n\n    this.render();\n  }\n\n  /**\n   *\n   * @param {done, progress, file} handler\n   */\n  insertImage(handler) {\n    this.dispatchEvent(new InsertImageEvent(handler));\n  }\n\n  onDeleteImage(src, done) {\n    this.dispatchEvent(new DeleteImageEvent(src, done));\n  }\n\n  render() {\n    if (this._model) {\n      const el = React.createElement(Main, {\n        model: this._model,\n        configuration: this._configuration,\n        onModelChanged: this.modelChanged.bind(this),\n        onConfigurationChanged: this.onConfigurationChanged.bind(this),\n        imageSupport: {\n          add: this.insertImage.bind(this),\n          delete: this.onDeleteImage.bind(this)\n        }\n      });\n\n      ReactDOM.render(el, this);\n    }\n  }\n}\n"],"file":"index.js"}
+{"version":3,"sources":["../src/index.js"],"names":["SelectTextConfigure","_model","createDefaultModel","_configuration","defaultValues","configuration","m","render","c","dispatchEvent","ModelUpdatedEvent","handler","InsertImageEvent","src","done","DeleteImageEvent","el","React","createElement","Main","model","onModelChanged","modelChanged","bind","onConfigurationChanged","imageSupport","add","insertImage","onDeleteImage","ReactDOM","HTMLElement","newModel"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AAKA;;AACA;;;;;;;;;;IAEqBA,mB;;;;;AAUnB,iCAAc;AAAA;;AAAA;AACZ;AACA,UAAKC,MAAL,GAAcD,mBAAmB,CAACE,kBAApB,EAAd;AACA,UAAKC,cAAL,GAAsBC,iCAAcC,aAApC;AAHY;AAIb;;;;SAED,aAAUC,CAAV,EAAa;AACX,WAAKL,MAAL,GAAcD,mBAAmB,CAACE,kBAApB,CAAuCI,CAAvC,CAAd;AACA,WAAKC,MAAL;AACD;;;SAED,aAAkBC,CAAlB,EAAqB;AACnB,WAAKL,cAAL,GAAsBK,CAAtB;AACA,WAAKD,MAAL;AACD;;;WAED,6BAAoB;AAClB,WAAKA,MAAL;AACD;;;WAED,sBAAaD,CAAb,EAAgB;AACd,WAAKL,MAAL,GAAcK,CAAd;AACA,WAAKG,aAAL,CAAmB,IAAIC,qCAAJ,CAAsB,KAAKT,MAA3B,CAAnB,EAAuD,IAAvD;AACA,WAAKM,MAAL;AACD;;;WAED,gCAAuBC,CAAvB,EAA0B;AACxB,WAAKL,cAAL,GAAsBK,CAAtB;;AAEA,UAAI,KAAKP,MAAT,EAAiB;AACf,aAAKQ,aAAL,CAAmB,IAAIC,qCAAJ,CAAsB,KAAKT,MAA3B,CAAnB,EAAuD,KAAvD;AACD;;AAED,WAAKM,MAAL;AACD;AAED;AACF;AACA;AACA;;;;WACE,qBAAYI,OAAZ,EAAqB;AACnB,WAAKF,aAAL,CAAmB,IAAIG,oCAAJ,CAAqBD,OAArB,CAAnB;AACD;;;WAED,uBAAcE,GAAd,EAAmBC,IAAnB,EAAyB;AACvB,WAAKL,aAAL,CAAmB,IAAIM,oCAAJ,CAAqBF,GAArB,EAA0BC,IAA1B,CAAnB;AACD;;;WAED,kBAAS;AACP,UAAI,KAAKb,MAAT,EAAiB;AACf,YAAMe,EAAE,gBAAGC,kBAAMC,aAAN,CAAoBC,kBAApB,EAA0B;AACnCC,UAAAA,KAAK,EAAE,KAAKnB,MADuB;AAEnCI,UAAAA,aAAa,EAAE,KAAKF,cAFe;AAGnCkB,UAAAA,cAAc,EAAE,KAAKC,YAAL,CAAkBC,IAAlB,CAAuB,IAAvB,CAHmB;AAInCC,UAAAA,sBAAsB,EAAE,KAAKA,sBAAL,CAA4BD,IAA5B,CAAiC,IAAjC,CAJW;AAKnCE,UAAAA,YAAY,EAAE;AACZC,YAAAA,GAAG,EAAE,KAAKC,WAAL,CAAiBJ,IAAjB,CAAsB,IAAtB,CADO;AAEZ,sBAAQ,KAAKK,aAAL,CAAmBL,IAAnB,CAAwB,IAAxB;AAFI;AALqB,SAA1B,CAAX;;AAWAM,6BAAStB,MAAT,CAAgBS,EAAhB,EAAoB,IAApB;AACD;AACF;;;kDAzE8Cc,W;;;iCAA5B9B,mB,wBACS,YAAgB;AAAA,MAAfoB,KAAe,uEAAP,EAAO;;AAC1C,MAAMW,QAAQ,mCACT3B,iCAAcgB,KADL,GAETA,KAFS,CAAd;;AAKA,SAAO,uBAAcW,QAAd,CAAP;AACD,C","sourcesContent":["import React from 'react';\nimport ReactDOM from 'react-dom';\nimport Main from './design';\nimport {\n  DeleteImageEvent,\n  InsertImageEvent,\n  ModelUpdatedEvent\n} from '@pie-framework/pie-configure-events';\nimport defaultValues from './defaultConfiguration';\nimport generateModel  from './utils';\n\nexport default class SelectTextConfigure extends HTMLElement {\n  static createDefaultModel = (model = {}) => {\n    const newModel = {\n      ...defaultValues.model,\n      ...model\n    };\n\n    return generateModel(newModel);\n  };\n\n  constructor() {\n    super();\n    this._model = SelectTextConfigure.createDefaultModel();\n    this._configuration = defaultValues.configuration;\n  }\n\n  set model(m) {\n    this._model = SelectTextConfigure.createDefaultModel(m);\n    this.render();\n  }\n\n  set configuration(c) {\n    this._configuration = c;\n    this.render();\n  }\n\n  connectedCallback() {\n    this.render();\n  }\n\n  modelChanged(m) {\n    this._model = m;\n    this.dispatchEvent(new ModelUpdatedEvent(this._model), true);\n    this.render();\n  }\n\n  onConfigurationChanged(c) {\n    this._configuration = c;\n\n    if (this._model) {\n      this.dispatchEvent(new ModelUpdatedEvent(this._model), false);\n    }\n\n    this.render();\n  }\n\n  /**\n   *\n   * @param {done, progress, file} handler\n   */\n  insertImage(handler) {\n    this.dispatchEvent(new InsertImageEvent(handler));\n  }\n\n  onDeleteImage(src, done) {\n    this.dispatchEvent(new DeleteImageEvent(src, done));\n  }\n\n  render() {\n    if (this._model) {\n      const el = React.createElement(Main, {\n        model: this._model,\n        configuration: this._configuration,\n        onModelChanged: this.modelChanged.bind(this),\n        onConfigurationChanged: this.onConfigurationChanged.bind(this),\n        imageSupport: {\n          add: this.insertImage.bind(this),\n          delete: this.onDeleteImage.bind(this)\n        }\n      });\n\n      ReactDOM.render(el, this);\n    }\n  }\n}\n"],"file":"index.js"}

package/configure/lib/utils.js

@@ -0,0 +1,116 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
+
+var _react = _interopRequireDefault(require("react"));
+
+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 _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; }
+
+var createElementFromHTML = function createElementFromHTML() {
+  var htmlString = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
+  var div = document.createElement('div');
+  div.innerHTML = htmlString.trim();
+  return div;
+};
+
+var parseBrs = function parseBrs(dom) {
+  var brs = dom.querySelectorAll('br');
+  brs.forEach(function (br) {
+    return br.replaceWith('\n');
+  });
+  dom.innerHTML = dom.innerHTML.replace(/\n\n/g, '\n');
+};
+
+var parseParagraph = function parseParagraph(paragraph, end) {
+  if (end) {
+    return paragraph.innerHTML;
+  }
+
+  return ''.concat(paragraph.innerHTML, '\n\n');
+};
+
+var parseParagraphs = function parseParagraphs(dom) {
+  var paragraphs = dom.querySelectorAll('div[separator=true]'); // separate variable for easily debugging, if needed
+
+  var str = '';
+  paragraphs.forEach(function (par, index) {
+    str += parseParagraph(par, index === paragraphs.length - 1);
+  });
+  return str || null;
+};
+
+var prepareText = function prepareText(text) {
+  var txtDom = createElementFromHTML(text);
+
+  if (txtDom.querySelectorAll('div').length === 0) {
+    var div = document.createElement('div');
+    div.innerHTML = '<div separator=\'true\'>'.concat(txtDom.innerHTML, '</div>');
+    txtDom = div;
+  } // if no dom elements, we just return the text
+
+
+  var allDomElements = Array.from(txtDom.querySelectorAll('*'));
+
+  if (allDomElements.length === 0) {
+    return text;
+  }
+
+  parseBrs(txtDom);
+  return parseParagraphs(txtDom);
+};
+
+var _default = function _default(model) {
+  // parsing
+  var modelText = prepareText(model.text);
+  var newTokens = (model.tokens || []).reduce(function (acc, token) {
+    var tokenText = prepareText(model.text.slice(token.start, token.end));
+
+    if (!tokenText) {
+      return token;
+    }
+
+    function getAllIndexes(arr, val) {
+      var indexes = [],
+          i = -1;
+
+      while ((i = (arr || '').indexOf(val, i + 1)) != -1) {
+        if (!(acc.filter(function (_ref) {
+          var start = _ref.start,
+              text = _ref.text;
+          return text === val && start === i;
+        }) || []).length) {
+          indexes.push(i);
+        }
+      }
+
+      return indexes;
+    }
+
+    var indexes = getAllIndexes(modelText, tokenText);
+    var newStart = indexes[0];
+    var newEnd = newStart + tokenText.length;
+    return [].concat((0, _toConsumableArray2["default"])(acc), [_objectSpread(_objectSpread({}, token), {}, {
+      text: tokenText,
+      start: newStart,
+      end: newEnd
+    })]);
+  }, []);
+  return _objectSpread(_objectSpread({}, model), {}, {
+    tokens: newTokens,
+    text: modelText
+  });
+};
+
+exports["default"] = _default;
+//# sourceMappingURL=utils.js.map

package/configure/lib/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/utils.js"],"names":["createElementFromHTML","htmlString","arguments","length","undefined","div","document","createElement","innerHTML","trim","parseBrs","dom","brs","querySelectorAll","forEach","br","replaceWith","replace","parseParagraph","paragraph","end","concat","parseParagraphs","paragraphs","str","par","index","prepareText","text","txtDom","allDomElements","Array","from","model","modelText","newTokens","tokens","reduce","acc","token","tokenText","slice","start","getAllIndexes","arr","val","indexes","i","indexOf","filter","push","newStart","newEnd"],"mappings":"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","sourcesContent":["import React from 'react';\n\nvar createElementFromHTML = function createElementFromHTML() {\n  var htmlString = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';\n  var div = document.createElement('div');\n  div.innerHTML = htmlString.trim();\n  return div;\n};\n\nvar parseBrs = function parseBrs(dom) {\n  var brs = dom.querySelectorAll('br');\n  brs.forEach(function (br) {\n    return br.replaceWith('\\n');\n  });\n  dom.innerHTML = dom.innerHTML.replace(/\\n\\n/g, '\\n');\n};\n\nvar parseParagraph = function parseParagraph(paragraph, end) {\n  if (end) {\n    return paragraph.innerHTML;\n  }\n\n  return ''.concat(paragraph.innerHTML, '\\n\\n');\n};\n\nvar parseParagraphs = function parseParagraphs(dom) {\n  var paragraphs = dom.querySelectorAll('div[separator=true]'); // separate variable for easily debugging, if needed\n\n  var str = '';\n  paragraphs.forEach(function (par, index) {\n    str += parseParagraph(par, index === paragraphs.length - 1);\n  });\n  return str || null;\n};\n\nvar prepareText = function prepareText(text) {\n  var txtDom = createElementFromHTML(text);\n\n  if (txtDom.querySelectorAll('div').length === 0) {\n    var div = document.createElement('div');\n    div.innerHTML = '<div separator=\\'true\\'>'.concat(txtDom.innerHTML, '</div>');\n    txtDom = div;\n  } // if no dom elements, we just return the text\n\n  var allDomElements = Array.from(txtDom.querySelectorAll('*'));\n\n  if (allDomElements.length === 0) {\n    return text;\n  }\n\n  parseBrs(txtDom);\n  return parseParagraphs(txtDom);\n};\n\nexport default (model) => {\n// parsing\n  const modelText = prepareText(model.text);\n\n  const newTokens = (model.tokens || []).reduce((acc, token) => {\n    const tokenText = prepareText(model.text.slice(token.start, token.end));\n\n    if (!tokenText) {\n      return token;\n    }\n\n    function getAllIndexes(arr, val) {\n      var indexes = [], i = -1;\n\n      while ((i = (arr || '').indexOf(val, i + 1)) != -1) {\n        if (!(acc.filter(({ start, text }) => (text === val && start === i)) || []).length) {\n          indexes.push(i);\n        }\n      }\n\n      return indexes;\n    }\n\n    var indexes = getAllIndexes(modelText, tokenText);\n\n    const newStart = indexes[0];\n    const newEnd = newStart + tokenText.length;\n\n    return [\n      ...acc,\n      {\n        ...token,\n        text: tokenText,\n        start: newStart,\n        end: newEnd\n      }\n    ];\n  }, []);\n\n\n  return {\n    ...model,\n    tokens: newTokens,\n    text: modelText\n  }\n}\n"],"file":"utils.js"}

package/configure/package.json

@@ -8,9 +8,9 @@
   "dependencies": {
     "@material-ui/core": "^3.9.2",
     "@pie-framework/pie-configure-events": "^1.2.0",
-    "@pie-lib/config-ui": "^10.10.15",
-    "@pie-lib/editable-html": "^7.17.15",
-    "@pie-lib/scoring-config": "^3.5.144",
+    "@pie-lib/config-ui": "^10.10.16",
+    "@pie-lib/editable-html": "^7.17.16",
+    "@pie-lib/scoring-config": "^3.5.145",
     "@pie-lib/text-select": "^1.8.11",
     "debug": "^3.1.0",
     "lodash": "^4.17.15",

package/docs/demo/generate.js

@@ -132,10 +132,6 @@ And say, now, how does it seem to you?</p>`,
   );
 };
 
-exports.model = (id, element) => {
-  return Object.assign({}, { id, element }, base({}));
-};
-
 exports.mathSample = (id, element) => {
   return Object.assign({}, { id, element }, mathSample({}));
 };
@@ -209,3 +205,418 @@ exports.htmlAscii = (id, element) => ({
     }]
   }
 );
+
+const simpleItem = {
+  "text": "A. Almost never\n\nB. Once in a while\n\nC. Sometimes\n\nD. Often\n\nE. Almost all the time",
+  "tokens": [
+    {
+      "text": "A. Almost never",
+      "end": 15,
+      "start": 0,
+      "correct": true
+    },
+    {
+      "start": 17,
+      "end": 35,
+      "correct": false,
+      "text": "B. Once in a while"
+    },
+    {
+      "correct": false,
+      "end": 49,
+      "start": 37,
+      "text": "C. Sometimes"
+    },
+    {
+      "text": "D. Often",
+      "correct": false,
+      "end": 59,
+      "start": 51
+    },
+    {
+      "start": 61,
+      "correct": false,
+      "end": 83,
+      "text": "E. Almost all the time"
+    }
+  ],
+  "rationale": "<p>answers vary</p>",
+  "partialScoring": true,
+  "teacherInstructions": "",
+  "prompt": "<p>I got my work done right away instead of waiting until the last minute.</p>",
+  "maxSelections": 1,
+};
+
+exports.model = (id, element) => {
+  return Object.assign({}, { id, element }, base(     {
+    "partialScoring": true,
+    "tokens": [
+      {
+        "correct": false,
+        "start": 3,
+        "end": 6,
+        "text": "Our"
+      },
+      {
+        "correct": false,
+        "start": 7,
+        "end": 16,
+        "text": "challenge"
+      },
+      {
+        "correct": false,
+        "start": 18,
+        "end": 21,
+        "text": "not"
+      },
+      {
+        "correct": false,
+        "start": 22,
+        "end": 30,
+        "text": "tomorrow"
+      },
+      {
+        "correct": false,
+        "start": 31,
+        "end": 34,
+        "text": "but"
+      },
+      {
+        "correct": false,
+        "start": 35,
+        "end": 40,
+        "text": "today"
+      },
+      {
+        "correct": false,
+        "start": 42,
+        "end": 44,
+        "text": "is"
+      },
+      {
+        "correct": false,
+        "start": 45,
+        "end": 47,
+        "text": "to"
+      },
+      {
+        "correct": false,
+        "start": 48,
+        "end": 58,
+        "text": "accomplish"
+      },
+      {
+        "correct": false,
+        "start": 59,
+        "end": 69,
+        "text": "objectives"
+      },
+      {
+        "correct": false,
+        "start": 70,
+        "end": 75,
+        "text": "which"
+      },
+      {
+        "correct": false,
+        "start": 76,
+        "end": 80,
+        "text": "have"
+      },
+      {
+        "correct": false,
+        "start": 81,
+        "end": 87,
+        "text": "eluded"
+      },
+      {
+        "correct": false,
+        "start": 88,
+        "end": 95,
+        "text": "mankind"
+      },
+      {
+        "correct": false,
+        "start": 96,
+        "end": 101,
+        "text": "since"
+      },
+      {
+        "correct": false,
+        "start": 102,
+        "end": 105,
+        "text": "the"
+      },
+      {
+        "correct": false,
+        "start": 106,
+        "end": 115,
+        "text": "beginning"
+      },
+      {
+        "correct": false,
+        "start": 116,
+        "end": 118,
+        "text": "of"
+      },
+      {
+        "correct": false,
+        "start": 119,
+        "end": 123,
+        "text": "time"
+      },
+      {
+        "correct": false,
+        "start": 125,
+        "end": 127,
+        "text": "We"
+      },
+      {
+        "correct": false,
+        "start": 128,
+        "end": 132,
+        "text": "must"
+      },
+      {
+        "correct": false,
+        "start": 133,
+        "end": 138,
+        "text": "bring"
+      },
+      {
+        "correct": false,
+        "start": 139,
+        "end": 144,
+        "text": "equal"
+      },
+      {
+        "correct": false,
+        "start": 145,
+        "end": 152,
+        "text": "justice"
+      },
+      {
+        "correct": false,
+        "start": 153,
+        "end": 155,
+        "text": "to"
+      },
+      {
+        "correct": false,
+        "start": 156,
+        "end": 159,
+        "text": "all"
+      },
+      {
+        "correct": false,
+        "start": 160,
+        "end": 163,
+        "text": "our"
+      },
+      {
+        "correct": false,
+        "start": 164,
+        "end": 172,
+        "text": "citizens"
+      },
+      {
+        "correct": false,
+        "start": 174,
+        "end": 176,
+        "text": "We"
+      },
+      {
+        "correct": false,
+        "start": 177,
+        "end": 181,
+        "text": "must"
+      },
+      {
+        "correct": false,
+        "start": 182,
+        "end": 189,
+        "text": "abolish"
+      },
+      {
+        "correct": false,
+        "start": 190,
+        "end": 195,
+        "text": "human"
+      },
+      {
+        "correct": true,
+        "start": 196,
+        "end": 203,
+        "text": "poverty"
+      },
+      {
+        "correct": false,
+        "start": 205,
+        "end": 207,
+        "text": "We"
+      },
+      {
+        "correct": false,
+        "start": 208,
+        "end": 212,
+        "text": "must"
+      },
+      {
+        "correct": false,
+        "start": 213,
+        "end": 222,
+        "text": "eradicate"
+      },
+      {
+        "correct": false,
+        "start": 223,
+        "end": 230,
+        "text": "killing"
+      },
+      {
+        "correct": false,
+        "start": 231,
+        "end": 234,
+        "text": "and"
+      },
+      {
+        "correct": false,
+        "start": 235,
+        "end": 244,
+        "text": "crippling"
+      },
+      {
+        "correct": true,
+        "start": 245,
+        "end": 252,
+        "text": "disease"
+      },
+      {
+        "correct": false,
+        "start": 253,
+        "end": 256,
+        "text": "and"
+      },
+      {
+        "correct": false,
+        "start": 257,
+        "end": 265,
+        "text": "lengthen"
+      },
+      {
+        "correct": false,
+        "start": 266,
+        "end": 269,
+        "text": "the"
+      },
+      {
+        "correct": false,
+        "start": 270,
+        "end": 274,
+        "text": "span"
+      },
+      {
+        "correct": false,
+        "start": 275,
+        "end": 277,
+        "text": "of"
+      },
+      {
+        "correct": false,
+        "start": 278,
+        "end": 282,
+        "text": "life"
+      },
+      {
+        "correct": false,
+        "start": 283,
+        "end": 285,
+        "text": "to"
+      },
+      {
+        "correct": false,
+        "start": 286,
+        "end": 289,
+        "text": "100"
+      },
+      {
+        "correct": false,
+        "start": 290,
+        "end": 292,
+        "text": "or"
+      },
+      {
+        "correct": false,
+        "start": 293,
+        "end": 296,
+        "text": "200"
+      },
+      {
+        "correct": false,
+        "start": 297,
+        "end": 302,
+        "text": "years"
+      },
+      {
+        "correct": false,
+        "start": 304,
+        "end": 306,
+        "text": "We"
+      },
+      {
+        "correct": false,
+        "start": 307,
+        "end": 311,
+        "text": "must"
+      },
+      {
+        "correct": false,
+        "start": 312,
+        "end": 321,
+        "text": "eliminate"
+      },
+      {
+        "correct": true,
+        "start": 322,
+        "end": 332,
+        "text": "illiteracy"
+      },
+      {
+        "correct": false,
+        "start": 333,
+        "end": 338,
+        "text": "among"
+      },
+      {
+        "correct": false,
+        "start": 339,
+        "end": 342,
+        "text": "all"
+      },
+      {
+        "correct": false,
+        "start": 343,
+        "end": 345,
+        "text": "of"
+      },
+      {
+        "correct": false,
+        "start": 346,
+        "end": 349,
+        "text": "our"
+      },
+      {
+        "correct": false,
+        "start": 350,
+        "end": 356,
+        "text": "people"
+      }
+    ],
+    // "id": "0",
+    "text": "<p>Our challenge, not tomorrow but today, is to accomplish objectives which have eluded mankind since the beginning of time. We must bring equal justice to all our citizens. We must abolish human poverty. We must eradicate killing and crippling disease and lengthen the span of life to 100 or 200 years. We must eliminate illiteracy among all of our people.</p>\n",
+    "prompt": "<p>Select the <span class=\"relative-emphasis\">three</span> words from below that specifically describe the &#8220;enemies&#8221; which Johnson wants to eliminate.</p>",
+    "rationale": "<p>In paragraph 6, Johnson refers to the &#8220;ancient enemies&#8221;&#8212;which he defines as poverty, disease, illiteracy, strife, and bigotry. In paragraph 3, he talks about this idea by explaining that he wants to &#8220;accomplish objectives which have eluded mankind;&#8221; that is, to eliminate these enemies.</p>",
+    // "element": "select-text",
+    "maxSelections": 3
+  }  ));
+};

package/lib/main.js

@@ -33,6 +33,8 @@ var _renderUi = require("@pie-lib/render-ui");
 
 var _styles = require("@material-ui/core/styles");
 
+var _utils = _interopRequireDefault(require("./utils"));
+
 var _debug = _interopRequireDefault(require("debug"));
 
 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; }
@@ -71,41 +73,31 @@ var Main = /*#__PURE__*/function (_React$Component) {
         return t.correct;
       });
     });
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "updateText", function () {
-      var model = _this.props.model;
-
-      var oldModel = _objectSpread({}, model);
-
-      var newText = (0, _textSelect.prepareText)(oldModel.text);
-      model.unpreparedText = oldModel.text;
-      model.text = newText;
-    });
     _this.state = {
-      showCorrectAnswer: false
+      showCorrectAnswer: false,
+      model: (0, _utils["default"])(props.model)
     };
     return _this;
   }
 
   (0, _createClass2["default"])(Main, [{
     key: "UNSAFE_componentWillReceiveProps",
-    value: function UNSAFE_componentWillReceiveProps() {
+    value: function UNSAFE_componentWillReceiveProps(nextProps) {
       this.setState({
-        showCorrectAnswer: false
+        showCorrectAnswer: false,
+        model: (0, _utils["default"])(nextProps.model)
       });
     }
   }, {
     key: "render",
     value: function render() {
       var _this$props = this.props,
-          model = _this$props.model,
           session = _this$props.session,
           onSelectionChange = _this$props.onSelectionChange,
           classes = _this$props.classes;
-      var showCorrectAnswer = this.state.showCorrectAnswer;
-
-      if (!model.unpreparedText) {
-        this.updateText();
-      }
+      var _this$state = this.state,
+          showCorrectAnswer = _this$state.showCorrectAnswer,
+          model = _this$state.model; // const model = generateTokens(this.props.model)
 
       var selectedTokens = showCorrectAnswer ? this.correctAnswer() : session.selectedTokens;
       log('[render] selectedTokens:', selectedTokens);
@@ -222,9 +214,9 @@ var Stateful = /*#__PURE__*/function (_React$Component2) {
   }, {
     key: "render",
     value: function render() {
-      var _this$state = this.state,
-          model = _this$state.model,
-          session = _this$state.session;
+      var _this$state2 = this.state,
+          model = _this$state2.model,
+          session = _this$state2.session;
       return /*#__PURE__*/_react["default"].createElement(StyledMain, {
         model: model,
         session: session,

package/lib/main.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/main.jsx"],"names":["log","Types","model","PropTypes","object","session","onSelectionChange","func","isRequired","Main","props","setState","showCorrectAnswer","state","tokens","filter","t","correct","oldModel","newText","text","unpreparedText","classes","updateText","selectedTokens","correctAnswer","mainContainer","teacherInstructions","hidden","visible","collapsible","prompt","disabled","incorrect","toggleShowCorrect","textSelect","highlightChoices","maxSelections","rationale","correctness","feedback","React","Component","StyledMain","theme","paddingLeft","spacing","unit","paddingRight","paddingBottom","color","backgroundColor","background","marginBottom","marginTop","whiteSpace","verticalAlign","paddingTop","Stateful","nextProps","change"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { TextSelect, prepareText } from '@pie-lib/text-select';\nimport CorrectAnswerToggle from '@pie-lib/correct-answer-toggle';\nimport {color, Feedback, Collapsible, hasText, PreviewPrompt} from '@pie-lib/render-ui';\nimport { withStyles } from '@material-ui/core/styles';\n\nimport debug from 'debug';\n\nconst log = debug('@pie-ui:select-text');\n\nconst Types = {\n  model: PropTypes.object,\n  session: PropTypes.object,\n  onSelectionChange: PropTypes.func.isRequired\n};\n\nexport class Main extends React.Component {\n  static propTypes = { ...Types, classes: PropTypes.object.isRequired };\n\n  static defaultProps = {};\n\n  constructor(props) {\n    super(props);\n\n    this.state = {\n      showCorrectAnswer: false\n    };\n  }\n\n  UNSAFE_componentWillReceiveProps() {\n    this.setState({ showCorrectAnswer: false });\n  }\n\n  toggleShowCorrect = () => {\n    this.setState({ showCorrectAnswer: !this.state.showCorrectAnswer });\n  };\n\n  correctAnswer = () => {\n    const { model } = this.props;\n\n    return model.tokens.filter(t => t.correct);\n  };\n\n  updateText = () => {\n    const { model } = this.props;\n\n    const oldModel = {\n      ...model\n    };\n    const newText = prepareText(oldModel.text);\n\n    model.unpreparedText = oldModel.text;\n    model.text = newText;\n  };\n\n  render() {\n    const { model, session, onSelectionChange, classes } = this.props;\n    const { showCorrectAnswer } = this.state;\n\n    if(!model.unpreparedText) {\n      this.updateText();\n    }\n\n    const selectedTokens = showCorrectAnswer\n      ? this.correctAnswer()\n      : session.selectedTokens;\n\n    log('[render] selectedTokens:', selectedTokens);\n\n    return (\n      <div className={classes.mainContainer}>\n        {\n          model.teacherInstructions && hasText(model.teacherInstructions) && (\n            <React.Fragment>\n              <Collapsible\n                labels={{ hidden: 'Show Teacher Instructions', visible: 'Hide Teacher Instructions' }}\n                className={classes.collapsible}\n              >\n                <PreviewPrompt prompt={model.teacherInstructions} />\n              </Collapsible>\n              <br />\n            </React.Fragment>\n          )\n        }\n        <div className={classes.prompt}>\n          <PreviewPrompt prompt={model.prompt} />\n        </div>\n        <CorrectAnswerToggle\n          show={model.disabled && model.incorrect}\n          toggled={showCorrectAnswer}\n          onToggle={this.toggleShowCorrect}\n        />\n        <TextSelect\n          className={classes.textSelect}\n          disabled={model.disabled}\n          text={model.text}\n          tokens={model.tokens}\n          selectedTokens={selectedTokens}\n          onChange={onSelectionChange}\n          highlightChoices={model.highlightChoices}\n          maxNoOfSelections={model.maxSelections}\n        />\n        {\n          model.rationale && hasText(model.rationale) && (\n            <Collapsible\n              labels={{ hidden: 'Show Rationale', visible: 'Hide Rationale' }}\n              className={classes.collapsible}\n            >\n              <PreviewPrompt prompt={model.rationale} />\n            </Collapsible>\n          )\n        }\n        {model.correctness && model.feedback && !showCorrectAnswer && (\n          <Feedback correctness={model.correctness} feedback={model.feedback} />\n        )}\n      </div>\n    );\n  }\n}\n\nconst StyledMain = withStyles(theme => ({\n  mainContainer: {\n    paddingLeft: theme.spacing.unit,\n    paddingRight: theme.spacing.unit,\n    paddingBottom: theme.spacing.unit,\n    color: color.text(),\n    backgroundColor: color.background()\n  },\n  textSelect: {\n    marginBottom: theme.spacing.unit,\n    marginTop: theme.spacing.unit,\n    whiteSpace: 'normal'\n  },\n  prompt: {\n    verticalAlign: 'middle',\n    marginBottom: theme.spacing.unit\n  },\n  collapsible: {\n    paddingTop: theme.spacing.unit * 2,\n    paddingBottom: theme.spacing.unit * 3\n  }\n}))(Main);\n\nexport default class Stateful extends React.Component {\n  static propTypes = Types;\n\n  constructor(props) {\n    super(props);\n    this.state = {\n      model: props.model,\n      session: props.session\n    };\n  }\n\n  UNSAFE_componentWillReceiveProps(nextProps) {\n    this.setState({ model: nextProps.model, session: nextProps.session });\n  }\n\n  change = selectedTokens => {\n    const session = { ...this.state.session, selectedTokens };\n    this.setState({ session }, () => {\n      this.props.onSelectionChange(this.state.session.selectedTokens);\n    });\n  };\n\n  render() {\n    const { model, session } = this.state;\n    return (\n      <StyledMain\n        model={model}\n        session={session}\n        onSelectionChange={this.change}\n      />\n    );\n  }\n}\n"],"file":"main.js"}
+{"version":3,"sources":["../src/main.jsx"],"names":["log","Types","model","PropTypes","object","session","onSelectionChange","func","isRequired","Main","props","setState","showCorrectAnswer","state","tokens","filter","t","correct","nextProps","classes","selectedTokens","correctAnswer","mainContainer","teacherInstructions","hidden","visible","collapsible","prompt","disabled","incorrect","toggleShowCorrect","textSelect","text","highlightChoices","maxSelections","rationale","correctness","feedback","React","Component","StyledMain","theme","paddingLeft","spacing","unit","paddingRight","paddingBottom","color","backgroundColor","background","marginBottom","marginTop","whiteSpace","verticalAlign","paddingTop","Stateful","change"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { TextSelect } from '@pie-lib/text-select';\nimport CorrectAnswerToggle from '@pie-lib/correct-answer-toggle';\nimport { color, Feedback, Collapsible, hasText, PreviewPrompt } from '@pie-lib/render-ui';\nimport { withStyles } from '@material-ui/core/styles';\nimport generateModel from './utils';\n\nimport debug from 'debug';\n\nconst log = debug('@pie-ui:select-text');\n\nconst Types = {\n  model: PropTypes.object,\n  session: PropTypes.object,\n  onSelectionChange: PropTypes.func.isRequired\n};\n\nexport class Main extends React.Component {\n  static propTypes = { ...Types, classes: PropTypes.object.isRequired };\n\n  static defaultProps = {};\n\n  constructor(props) {\n    super(props);\n\n    this.state = {\n      showCorrectAnswer: false,\n      model: generateModel(props.model)\n    };\n  }\n\n  UNSAFE_componentWillReceiveProps(nextProps) {\n    this.setState({\n      showCorrectAnswer: false,\n      model: generateModel(nextProps.model)\n    });\n  }\n\n  toggleShowCorrect = () => {\n    this.setState({ showCorrectAnswer: !this.state.showCorrectAnswer });\n  };\n\n  correctAnswer = () => {\n    const { model } = this.props;\n\n    return model.tokens.filter(t => t.correct);\n  };\n\n  render() {\n    const { session, onSelectionChange, classes } = this.props;\n    const { showCorrectAnswer, model } = this.state;\n\n    // const model = generateTokens(this.props.model)\n\n    const selectedTokens = showCorrectAnswer\n      ? this.correctAnswer()\n      : session.selectedTokens;\n\n    log('[render] selectedTokens:', selectedTokens);\n\n    return (\n      <div className={classes.mainContainer}>\n        {\n          model.teacherInstructions && hasText(model.teacherInstructions) && (\n            <React.Fragment>\n              <Collapsible\n                labels={{ hidden: 'Show Teacher Instructions', visible: 'Hide Teacher Instructions' }}\n                className={classes.collapsible}\n              >\n                <PreviewPrompt prompt={model.teacherInstructions}/>\n              </Collapsible>\n              <br/>\n            </React.Fragment>\n          )\n        }\n        <div className={classes.prompt}>\n          <PreviewPrompt prompt={model.prompt}/>\n        </div>\n        <CorrectAnswerToggle\n          show={model.disabled && model.incorrect}\n          toggled={showCorrectAnswer}\n          onToggle={this.toggleShowCorrect}\n        />\n        <TextSelect\n          className={classes.textSelect}\n          disabled={model.disabled}\n          text={model.text}\n          tokens={model.tokens}\n          selectedTokens={selectedTokens}\n          onChange={onSelectionChange}\n          highlightChoices={model.highlightChoices}\n          maxNoOfSelections={model.maxSelections}\n        />\n        {\n          model.rationale && hasText(model.rationale) && (\n            <Collapsible\n              labels={{ hidden: 'Show Rationale', visible: 'Hide Rationale' }}\n              className={classes.collapsible}\n            >\n              <PreviewPrompt prompt={model.rationale}/>\n            </Collapsible>\n          )\n        }\n        {model.correctness && model.feedback && !showCorrectAnswer && (\n          <Feedback correctness={model.correctness} feedback={model.feedback}/>\n        )}\n      </div>\n    );\n  }\n}\n\nconst StyledMain = withStyles(theme => ({\n  mainContainer: {\n    paddingLeft: theme.spacing.unit,\n    paddingRight: theme.spacing.unit,\n    paddingBottom: theme.spacing.unit,\n    color: color.text(),\n    backgroundColor: color.background()\n  },\n  textSelect: {\n    marginBottom: theme.spacing.unit,\n    marginTop: theme.spacing.unit,\n    whiteSpace: 'normal'\n  },\n  prompt: {\n    verticalAlign: 'middle',\n    marginBottom: theme.spacing.unit\n  },\n  collapsible: {\n    paddingTop: theme.spacing.unit * 2,\n    paddingBottom: theme.spacing.unit * 3\n  }\n}))(Main);\n\nexport default class Stateful extends React.Component {\n  static propTypes = Types;\n\n  constructor(props) {\n    super(props);\n    this.state = {\n      model: props.model,\n      session: props.session\n    };\n  }\n\n  UNSAFE_componentWillReceiveProps(nextProps) {\n    this.setState({ model: nextProps.model, session: nextProps.session });\n  }\n\n  change = selectedTokens => {\n    const session = { ...this.state.session, selectedTokens };\n    this.setState({ session }, () => {\n      this.props.onSelectionChange(this.state.session.selectedTokens);\n    });\n  };\n\n  render() {\n    const { model, session } = this.state;\n    return (\n      <StyledMain\n        model={model}\n        session={session}\n        onSelectionChange={this.change}\n      />\n    );\n  }\n}\n"],"file":"main.js"}

package/lib/utils.js

@@ -0,0 +1,116 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
+
+var _react = _interopRequireDefault(require("react"));
+
+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 _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; }
+
+var createElementFromHTML = function createElementFromHTML() {
+  var htmlString = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
+  var div = document.createElement('div');
+  div.innerHTML = htmlString.trim();
+  return div;
+};
+
+var parseBrs = function parseBrs(dom) {
+  var brs = dom.querySelectorAll('br');
+  brs.forEach(function (br) {
+    return br.replaceWith('\n');
+  });
+  dom.innerHTML = dom.innerHTML.replace(/\n\n/g, '\n');
+};
+
+var parseParagraph = function parseParagraph(paragraph, end) {
+  if (end) {
+    return paragraph.innerHTML;
+  }
+
+  return ''.concat(paragraph.innerHTML, '\n\n');
+};
+
+var parseParagraphs = function parseParagraphs(dom) {
+  var paragraphs = dom.querySelectorAll('div[separator=true]'); // separate variable for easily debugging, if needed
+
+  var str = '';
+  paragraphs.forEach(function (par, index) {
+    str += parseParagraph(par, index === paragraphs.length - 1);
+  });
+  return str || null;
+};
+
+var prepareText = function prepareText(text) {
+  var txtDom = createElementFromHTML(text);
+
+  if (txtDom.querySelectorAll('div').length === 0) {
+    var div = document.createElement('div');
+    div.innerHTML = '<div separator=\'true\'>'.concat(txtDom.innerHTML, '</div>');
+    txtDom = div;
+  } // if no dom elements, we just return the text
+
+
+  var allDomElements = Array.from(txtDom.querySelectorAll('*'));
+
+  if (allDomElements.length === 0) {
+    return text;
+  }
+
+  parseBrs(txtDom);
+  return parseParagraphs(txtDom);
+};
+
+var _default = function _default(model) {
+  // parsing
+  var modelText = prepareText(model.text);
+  var newTokens = (model.tokens || []).reduce(function (acc, token) {
+    var tokenText = prepareText(model.text.slice(token.start, token.end));
+
+    if (!tokenText) {
+      return token;
+    }
+
+    function getAllIndexes(arr, val) {
+      var indexes = [],
+          i = -1;
+
+      while ((i = (arr || '').indexOf(val, i + 1)) != -1) {
+        if (!(acc.filter(function (_ref) {
+          var start = _ref.start,
+              text = _ref.text;
+          return text === val && start === i;
+        }) || []).length) {
+          indexes.push(i);
+        }
+      }
+
+      return indexes;
+    }
+
+    var indexes = getAllIndexes(modelText, tokenText);
+    var newStart = indexes[0];
+    var newEnd = newStart + tokenText.length;
+    return [].concat((0, _toConsumableArray2["default"])(acc), [_objectSpread(_objectSpread({}, token), {}, {
+      text: tokenText,
+      start: newStart,
+      end: newEnd
+    })]);
+  }, []);
+  return _objectSpread(_objectSpread({}, model), {}, {
+    tokens: newTokens,
+    text: modelText
+  });
+};
+
+exports["default"] = _default;
+//# sourceMappingURL=utils.js.map

package/lib/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/utils.js"],"names":["createElementFromHTML","htmlString","arguments","length","undefined","div","document","createElement","innerHTML","trim","parseBrs","dom","brs","querySelectorAll","forEach","br","replaceWith","replace","parseParagraph","paragraph","end","concat","parseParagraphs","paragraphs","str","par","index","prepareText","text","txtDom","allDomElements","Array","from","model","modelText","newTokens","tokens","reduce","acc","token","tokenText","slice","start","getAllIndexes","arr","val","indexes","i","indexOf","filter","push","newStart","newEnd"],"mappings":"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","sourcesContent":["import React from 'react';\n\nvar createElementFromHTML = function createElementFromHTML() {\n  var htmlString = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';\n  var div = document.createElement('div');\n  div.innerHTML = htmlString.trim();\n  return div;\n};\n\nvar parseBrs = function parseBrs(dom) {\n  var brs = dom.querySelectorAll('br');\n  brs.forEach(function (br) {\n    return br.replaceWith('\\n');\n  });\n  dom.innerHTML = dom.innerHTML.replace(/\\n\\n/g, '\\n');\n};\n\nvar parseParagraph = function parseParagraph(paragraph, end) {\n  if (end) {\n    return paragraph.innerHTML;\n  }\n\n  return ''.concat(paragraph.innerHTML, '\\n\\n');\n};\n\nvar parseParagraphs = function parseParagraphs(dom) {\n  var paragraphs = dom.querySelectorAll('div[separator=true]'); // separate variable for easily debugging, if needed\n\n  var str = '';\n  paragraphs.forEach(function (par, index) {\n    str += parseParagraph(par, index === paragraphs.length - 1);\n  });\n  return str || null;\n};\n\nvar prepareText = function prepareText(text) {\n  var txtDom = createElementFromHTML(text);\n\n  if (txtDom.querySelectorAll('div').length === 0) {\n    var div = document.createElement('div');\n    div.innerHTML = '<div separator=\\'true\\'>'.concat(txtDom.innerHTML, '</div>');\n    txtDom = div;\n  } // if no dom elements, we just return the text\n\n  var allDomElements = Array.from(txtDom.querySelectorAll('*'));\n\n  if (allDomElements.length === 0) {\n    return text;\n  }\n\n  parseBrs(txtDom);\n  return parseParagraphs(txtDom);\n};\n\nexport default (model) => {\n// parsing\n  const modelText = prepareText(model.text);\n\n  const newTokens = (model.tokens || []).reduce((acc, token) => {\n    const tokenText = prepareText(model.text.slice(token.start, token.end));\n\n    if (!tokenText) {\n      return token;\n    }\n\n    function getAllIndexes(arr, val) {\n      var indexes = [], i = -1;\n\n      while ((i = (arr || '').indexOf(val, i + 1)) != -1) {\n        if (!(acc.filter(({ start, text }) => (text === val && start === i)) || []).length) {\n          indexes.push(i);\n        }\n      }\n\n      return indexes;\n    }\n\n    var indexes = getAllIndexes(modelText, tokenText);\n\n    const newStart = indexes[0];\n    const newEnd = newStart + tokenText.length;\n\n    return [\n      ...acc,\n      {\n        ...token,\n        text: tokenText,\n        start: newStart,\n        end: newEnd\n      }\n    ];\n  }, []);\n\n\n  return {\n    ...model,\n    tokens: newTokens,\n    text: modelText\n  }\n}\n"],"file":"utils.js"}

package/package.json

@@ -4,7 +4,7 @@
     "access": "public"
   },
   "repository": "pie-framework/pie-elements",
-  "version": "6.5.3-next.542+e1babdc6c",
+  "version": "6.5.3-next.550+0e4e8ca70",
   "description": "",
   "dependencies": {
     "@material-ui/core": "^3.9.2",
@@ -19,7 +19,7 @@
   },
   "author": "",
   "license": "ISC",
-  "gitHead": "e1babdc6c5001094e2ffe64f017da52d71cd5a48",
+  "gitHead": "0e4e8ca70e9e75484310685500fea56144d1f0b8",
   "scripts": {
     "postpublish": "../../scripts/postpublish"
   },