@pie-element/select-text 6.5.3-next.582 → 6.5.3-next.583

package/configure/package.json

@@ -8,10 +8,10 @@
   "dependencies": {
     "@material-ui/core": "^3.9.2",
     "@pie-framework/pie-configure-events": "^1.2.0",
-    "@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",
+    "@pie-lib/config-ui": "^10.10.18",
+    "@pie-lib/editable-html": "^7.17.18",
+    "@pie-lib/scoring-config": "^3.5.147",
+    "@pie-lib/text-select": "^1.8.12",
     "debug": "^3.1.0",
     "lodash": "^4.17.15",
     "prop-types": "^15.6.2",

package/controller/package.json

@@ -8,7 +8,7 @@
   "dependencies": {
     "@pie-lib/controller-utils": "^0.2.26",
     "@pie-lib/feedback": "^0.4.27",
-    "@pie-lib/text-select": "^1.8.11",
+    "@pie-lib/text-select": "^1.8.12",
     "debug": "^3.1.0",
     "lodash": "^4.17.15"
   },

package/module/configure.js

@@ -1,6 +1,6 @@
-import {_dll_react, _dll_prop_types, _dll_material_ui__core, _dll_material_ui__core_styles, _dll_lodash, _dll_debug, _dll_classnames, _dll_pie_lib__render_ui, _dll_react_dom_server, _dll_react_dom} from "../../../@pie-lib/shared-module@^1.2.18/module/index.js";
-import {_dll_pie_lib__config_ui} from "../../../@pie-lib/config-module@^1.0.19/module/index.js";
-import {_dll_pie_lib__editable_html} from "../../../@pie-lib/editable-html-module@^1.0.19/module/index.js";
+import {_dll_react, _dll_prop_types, _dll_material_ui__core, _dll_material_ui__core_styles, _dll_lodash, _dll_debug, _dll_classnames, _dll_pie_lib__render_ui, _dll_react_dom_server, _dll_react_dom} from "../../../@pie-lib/shared-module@^1.2.19/module/index.js";
+import {_dll_pie_lib__config_ui} from "../../../@pie-lib/config-module@^1.0.20/module/index.js";
+import {_dll_pie_lib__editable_html} from "../../../@pie-lib/editable-html-module@^1.0.20/module/index.js";
 const React$7 = _dll_react;
 const PropTypes$6 = _dll_prop_types;
 const {Button: Button} = _dll_material_ui__core;
@@ -1761,14 +1761,14 @@ class Token extends React$4.Component {
     };
   }
   render() {
-    const {text, selectable, selected, classes, className: classNameProp, disabled, index, highlight, correct} = this.props;
+    const {text, selectable, selected, classes, className: classNameProp, disabled, index, highlight, correct, animationsDisabled} = this.props;
     let className;
     if (correct === undefined && selected && disabled) {
       className = classNames$1(classes.token, classes.selected, classes.disabledBlack);
     } else if (correct !== undefined) {
       className = classNames$1(Token.rootClassName, classes.custom, correct === true && classes.correct, correct === false && classes.incorrect);
     } else {
-      className = classNames$1(Token.rootClassName, classes.token, disabled && classes.disabled, selectable && !disabled && classes.selectable, selected && !disabled && classes.selected, selected && disabled && classes.disabledAndSelected, highlight && selectable && !disabled && !selected && classes.highlight, classNameProp);
+      className = classNames$1(Token.rootClassName, classes.token, disabled && classes.disabled, selectable && !disabled && classes.selectable, selected && !disabled && classes.selected, selected && disabled && classes.disabledAndSelected, highlight && selectable && !disabled && !selected && classes.highlight, animationsDisabled && classes.print, classNameProp);
     }
     return React$4.createElement('span', {
       className: className,
@@ -1779,7 +1779,7 @@ class Token extends React$4.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName$3,
-        lineNumber: 68
+        lineNumber: 70
       }
     });
   }
@@ -1834,6 +1834,15 @@ var Token$1 = withStyles$2(theme => {
       display: 'inline-block',
       padding: theme.spacing.unit
     },
+    print: {
+      border: 'dashed 2px gray',
+      lineHeight: 2,
+      boxSizing: 'border-box',
+      marginTop: theme.spacing.unit / 2,
+      display: 'inline-block',
+      padding: theme.spacing.unit,
+      color: color.text()
+    },
     custom: {
       display: 'initial'
     },
@@ -1871,6 +1880,7 @@ class TokenSelect extends React$3.Component {
       onChange: PropTypes$2.func.isRequired,
       disabled: PropTypes$2.bool,
       highlightChoices: PropTypes$2.bool,
+      animationsDisabled: PropTypes$2.bool,
       maxNoOfSelections: PropTypes$2.number
     };
   }
@@ -1897,12 +1907,12 @@ class TokenSelect extends React$3.Component {
   __init3() {
     this.toggleToken = event => {
       const {target} = event;
-      const {tokens} = this.props;
+      const {tokens, animationsDisabled} = this.props;
       const tokensCloned = clone(tokens);
       const targetSpanWrapper = target.closest(`.${Token$1.rootClassName}`);
       const targetedTokenIndex = targetSpanWrapper && targetSpanWrapper.dataset && targetSpanWrapper.dataset.indexkey;
       const t = targetedTokenIndex && tokensCloned[targetedTokenIndex];
-      if (t && t.correct === undefined) {
+      if (t && t.correct === undefined && !animationsDisabled) {
         const {onChange, maxNoOfSelections} = this.props;
         const selected = !t.selected;
         if (maxNoOfSelections === 1 && this.selectedCount() === 1) {
@@ -1942,7 +1952,7 @@ class TokenSelect extends React$3.Component {
   }
   __init4() {
     this.generateTokensInHtml = () => {
-      const {tokens, disabled, highlightChoices} = this.props;
+      const {tokens, disabled, highlightChoices, animationsDisabled} = this.props;
       const selectedCount = this.selectedCount();
       const isLineBreak = text => text === '\n';
       const isNewParagraph = text => text === '\n\n';
@@ -1956,7 +1966,7 @@ class TokenSelect extends React$3.Component {
         if (isLineBreak(t.text)) {
           return finalAcc + '<br>';
         }
-        if (selectable && !disabled || showCorrectAnswer || t.selected) {
+        if (selectable && !disabled || showCorrectAnswer || t.selected || animationsDisabled && t.predefined) {
           return finalAcc + renderToString(React$3.createElement(Token$1, {
             key: index,
             disabled: disabled,
@@ -1964,10 +1974,11 @@ class TokenSelect extends React$3.Component {
             ...t,
             selectable: selectable,
             highlight: highlightChoices,
+            animationsDisabled: animationsDisabled,
             __self: this,
             __source: {
               fileName: _jsxFileName$2,
-              lineNumber: 119
+              lineNumber: 125
             }
           }));
         } else {
@@ -1991,7 +2002,7 @@ class TokenSelect extends React$3.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName$2,
-        lineNumber: 145
+        lineNumber: 152
       }
     });
   }
@@ -2027,6 +2038,7 @@ class TextSelect extends React$2.Component {
       text: PropTypes$1.string.isRequired,
       className: PropTypes$1.string,
       highlightChoices: PropTypes$1.bool,
+      animationsDisabled: PropTypes$1.bool,
       maxNoOfSelections: PropTypes$1.number
     };
   }
@@ -2044,7 +2056,7 @@ class TextSelect extends React$2.Component {
     };
   }
   render() {
-    const {text, disabled, tokens, selectedTokens, className, highlightChoices, maxNoOfSelections} = this.props;
+    const {text, disabled, tokens, selectedTokens, className, highlightChoices, maxNoOfSelections, animationsDisabled} = this.props;
     const normalized = normalize(text, tokens);
     log$1('normalized: ', normalized);
     const prepped = normalized.map(t => {
@@ -2067,10 +2079,11 @@ class TextSelect extends React$2.Component {
       disabled: disabled,
       onChange: this.change,
       maxNoOfSelections: maxNoOfSelections,
+      animationsDisabled: animationsDisabled,
       __self: this,
       __source: {
         fileName: _jsxFileName$1,
-        lineNumber: 63
+        lineNumber: 65
       }
     });
   }

package/module/element.js

@@ -1,5 +1,5 @@
-import {_dll_react, _dll_prop_types, _dll_material_ui__core, _dll_material_ui__core_styles, _dll_lodash, _dll_debug, _dll_classnames, _dll_pie_lib__render_ui, _dll_react_dom_server, _dll_pie_lib__correct_answer_toggle, _dll_react_dom} from "../../../@pie-lib/shared-module@^1.2.18/module/index.js";
-import {_dll_pie_lib__math_rendering} from "../../../@pie-lib/math-rendering-module@^1.0.21/module/index.js";
+import {_dll_react, _dll_prop_types, _dll_material_ui__core, _dll_material_ui__core_styles, _dll_lodash, _dll_debug, _dll_classnames, _dll_pie_lib__render_ui, _dll_react_dom_server, _dll_pie_lib__correct_answer_toggle, _dll_react_dom} from "../../../@pie-lib/shared-module@^1.2.19/module/index.js";
+import {_dll_pie_lib__math_rendering} from "../../../@pie-lib/math-rendering-module@^1.0.22/module/index.js";
 var lib$1 = {};
 Object.defineProperty(lib$1, "__esModule", {
   value: true
@@ -1797,14 +1797,14 @@ class Token extends React$4.Component {
     };
   }
   render() {
-    const {text, selectable, selected, classes, className: classNameProp, disabled, index, highlight, correct} = this.props;
+    const {text, selectable, selected, classes, className: classNameProp, disabled, index, highlight, correct, animationsDisabled} = this.props;
     let className;
     if (correct === undefined && selected && disabled) {
       className = classNames$1(classes.token, classes.selected, classes.disabledBlack);
     } else if (correct !== undefined) {
       className = classNames$1(Token.rootClassName, classes.custom, correct === true && classes.correct, correct === false && classes.incorrect);
     } else {
-      className = classNames$1(Token.rootClassName, classes.token, disabled && classes.disabled, selectable && !disabled && classes.selectable, selected && !disabled && classes.selected, selected && disabled && classes.disabledAndSelected, highlight && selectable && !disabled && !selected && classes.highlight, classNameProp);
+      className = classNames$1(Token.rootClassName, classes.token, disabled && classes.disabled, selectable && !disabled && classes.selectable, selected && !disabled && classes.selected, selected && disabled && classes.disabledAndSelected, highlight && selectable && !disabled && !selected && classes.highlight, animationsDisabled && classes.print, classNameProp);
     }
     return React$4.createElement('span', {
       className: className,
@@ -1815,7 +1815,7 @@ class Token extends React$4.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName$3,
-        lineNumber: 68
+        lineNumber: 70
       }
     });
   }
@@ -1870,6 +1870,15 @@ var Token$1 = withStyles$2(theme => {
       display: 'inline-block',
       padding: theme.spacing.unit
     },
+    print: {
+      border: 'dashed 2px gray',
+      lineHeight: 2,
+      boxSizing: 'border-box',
+      marginTop: theme.spacing.unit / 2,
+      display: 'inline-block',
+      padding: theme.spacing.unit,
+      color: color$1.text()
+    },
     custom: {
       display: 'initial'
     },
@@ -1907,6 +1916,7 @@ class TokenSelect extends React$3.Component {
       onChange: PropTypes$2.func.isRequired,
       disabled: PropTypes$2.bool,
       highlightChoices: PropTypes$2.bool,
+      animationsDisabled: PropTypes$2.bool,
       maxNoOfSelections: PropTypes$2.number
     };
   }
@@ -1933,12 +1943,12 @@ class TokenSelect extends React$3.Component {
   __init3() {
     this.toggleToken = event => {
       const {target} = event;
-      const {tokens} = this.props;
+      const {tokens, animationsDisabled} = this.props;
       const tokensCloned = clone(tokens);
       const targetSpanWrapper = target.closest(`.${Token$1.rootClassName}`);
       const targetedTokenIndex = targetSpanWrapper && targetSpanWrapper.dataset && targetSpanWrapper.dataset.indexkey;
       const t = targetedTokenIndex && tokensCloned[targetedTokenIndex];
-      if (t && t.correct === undefined) {
+      if (t && t.correct === undefined && !animationsDisabled) {
         const {onChange, maxNoOfSelections} = this.props;
         const selected = !t.selected;
         if (maxNoOfSelections === 1 && this.selectedCount() === 1) {
@@ -1978,7 +1988,7 @@ class TokenSelect extends React$3.Component {
   }
   __init4() {
     this.generateTokensInHtml = () => {
-      const {tokens, disabled, highlightChoices} = this.props;
+      const {tokens, disabled, highlightChoices, animationsDisabled} = this.props;
       const selectedCount = this.selectedCount();
       const isLineBreak = text => text === '\n';
       const isNewParagraph = text => text === '\n\n';
@@ -1992,7 +2002,7 @@ class TokenSelect extends React$3.Component {
         if (isLineBreak(t.text)) {
           return finalAcc + '<br>';
         }
-        if (selectable && !disabled || showCorrectAnswer || t.selected) {
+        if (selectable && !disabled || showCorrectAnswer || t.selected || animationsDisabled && t.predefined) {
           return finalAcc + renderToString(React$3.createElement(Token$1, {
             key: index,
             disabled: disabled,
@@ -2000,10 +2010,11 @@ class TokenSelect extends React$3.Component {
             ...t,
             selectable: selectable,
             highlight: highlightChoices,
+            animationsDisabled: animationsDisabled,
             __self: this,
             __source: {
               fileName: _jsxFileName$2,
-              lineNumber: 119
+              lineNumber: 125
             }
           }));
         } else {
@@ -2027,7 +2038,7 @@ class TokenSelect extends React$3.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName$2,
-        lineNumber: 145
+        lineNumber: 152
       }
     });
   }
@@ -2063,6 +2074,7 @@ class TextSelect extends React$2.Component {
       text: PropTypes$1.string.isRequired,
       className: PropTypes$1.string,
       highlightChoices: PropTypes$1.bool,
+      animationsDisabled: PropTypes$1.bool,
       maxNoOfSelections: PropTypes$1.number
     };
   }
@@ -2080,7 +2092,7 @@ class TextSelect extends React$2.Component {
     };
   }
   render() {
-    const {text, disabled, tokens, selectedTokens, className, highlightChoices, maxNoOfSelections} = this.props;
+    const {text, disabled, tokens, selectedTokens, className, highlightChoices, maxNoOfSelections, animationsDisabled} = this.props;
     const normalized = normalize(text, tokens);
     log$1('normalized: ', normalized);
     const prepped = normalized.map(t => {
@@ -2103,10 +2115,11 @@ class TextSelect extends React$2.Component {
       disabled: disabled,
       onChange: this.change,
       maxNoOfSelections: maxNoOfSelections,
+      animationsDisabled: animationsDisabled,
       __self: this,
       __source: {
         fileName: _jsxFileName$1,
-        lineNumber: 63
+        lineNumber: 65
       }
     });
   }

package/module/manifest.json

@@ -4,11 +4,11 @@
   "modules": [
     {
       "name": "@pie-lib/shared-module",
-      "version": "^1.2.18"
+      "version": "^1.2.19"
     },
     {
       "name": "@pie-lib/math-rendering-module",
-      "version": "^1.0.21"
+      "version": "^1.0.22"
     }
   ]
 }

package/module/print.js

@@ -1,5 +1,5 @@
-import {_dll_react, _dll_prop_types, _dll_material_ui__core, _dll_material_ui__core_styles, _dll_lodash, _dll_debug, _dll_classnames, _dll_pie_lib__render_ui, _dll_react_dom_server, _dll_pie_lib__correct_answer_toggle, _dll_react_dom} from "../../../@pie-lib/shared-module@^1.2.18/module/index.js";
-import {_dll_pie_lib__math_rendering} from "../../../@pie-lib/math-rendering-module@^1.0.21/module/index.js";
+import {_dll_react, _dll_prop_types, _dll_material_ui__core, _dll_material_ui__core_styles, _dll_lodash, _dll_debug, _dll_classnames, _dll_pie_lib__render_ui, _dll_react_dom_server, _dll_pie_lib__correct_answer_toggle, _dll_react_dom} from "../../../@pie-lib/shared-module@^1.2.19/module/index.js";
+import {_dll_pie_lib__math_rendering} from "../../../@pie-lib/math-rendering-module@^1.0.22/module/index.js";
 const React$7 = _dll_react;
 const PropTypes$6 = _dll_prop_types;
 const {Button: Button} = _dll_material_ui__core;
@@ -1760,14 +1760,14 @@ class Token extends React$4.Component {
     };
   }
   render() {
-    const {text, selectable, selected, classes, className: classNameProp, disabled, index, highlight, correct} = this.props;
+    const {text, selectable, selected, classes, className: classNameProp, disabled, index, highlight, correct, animationsDisabled} = this.props;
     let className;
     if (correct === undefined && selected && disabled) {
       className = classNames$1(classes.token, classes.selected, classes.disabledBlack);
     } else if (correct !== undefined) {
       className = classNames$1(Token.rootClassName, classes.custom, correct === true && classes.correct, correct === false && classes.incorrect);
     } else {
-      className = classNames$1(Token.rootClassName, classes.token, disabled && classes.disabled, selectable && !disabled && classes.selectable, selected && !disabled && classes.selected, selected && disabled && classes.disabledAndSelected, highlight && selectable && !disabled && !selected && classes.highlight, classNameProp);
+      className = classNames$1(Token.rootClassName, classes.token, disabled && classes.disabled, selectable && !disabled && classes.selectable, selected && !disabled && classes.selected, selected && disabled && classes.disabledAndSelected, highlight && selectable && !disabled && !selected && classes.highlight, animationsDisabled && classes.print, classNameProp);
     }
     return React$4.createElement('span', {
       className: className,
@@ -1778,7 +1778,7 @@ class Token extends React$4.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName$3,
-        lineNumber: 68
+        lineNumber: 70
       }
     });
   }
@@ -1833,6 +1833,15 @@ var Token$1 = withStyles$2(theme => {
       display: 'inline-block',
       padding: theme.spacing.unit
     },
+    print: {
+      border: 'dashed 2px gray',
+      lineHeight: 2,
+      boxSizing: 'border-box',
+      marginTop: theme.spacing.unit / 2,
+      display: 'inline-block',
+      padding: theme.spacing.unit,
+      color: color$1.text()
+    },
     custom: {
       display: 'initial'
     },
@@ -1870,6 +1879,7 @@ class TokenSelect extends React$3.Component {
       onChange: PropTypes$2.func.isRequired,
       disabled: PropTypes$2.bool,
       highlightChoices: PropTypes$2.bool,
+      animationsDisabled: PropTypes$2.bool,
       maxNoOfSelections: PropTypes$2.number
     };
   }
@@ -1896,12 +1906,12 @@ class TokenSelect extends React$3.Component {
   __init3() {
     this.toggleToken = event => {
       const {target} = event;
-      const {tokens} = this.props;
+      const {tokens, animationsDisabled} = this.props;
       const tokensCloned = clone(tokens);
       const targetSpanWrapper = target.closest(`.${Token$1.rootClassName}`);
       const targetedTokenIndex = targetSpanWrapper && targetSpanWrapper.dataset && targetSpanWrapper.dataset.indexkey;
       const t = targetedTokenIndex && tokensCloned[targetedTokenIndex];
-      if (t && t.correct === undefined) {
+      if (t && t.correct === undefined && !animationsDisabled) {
         const {onChange, maxNoOfSelections} = this.props;
         const selected = !t.selected;
         if (maxNoOfSelections === 1 && this.selectedCount() === 1) {
@@ -1941,7 +1951,7 @@ class TokenSelect extends React$3.Component {
   }
   __init4() {
     this.generateTokensInHtml = () => {
-      const {tokens, disabled, highlightChoices} = this.props;
+      const {tokens, disabled, highlightChoices, animationsDisabled} = this.props;
       const selectedCount = this.selectedCount();
       const isLineBreak = text => text === '\n';
       const isNewParagraph = text => text === '\n\n';
@@ -1955,7 +1965,7 @@ class TokenSelect extends React$3.Component {
         if (isLineBreak(t.text)) {
           return finalAcc + '<br>';
         }
-        if (selectable && !disabled || showCorrectAnswer || t.selected) {
+        if (selectable && !disabled || showCorrectAnswer || t.selected || animationsDisabled && t.predefined) {
           return finalAcc + renderToString(React$3.createElement(Token$1, {
             key: index,
             disabled: disabled,
@@ -1963,10 +1973,11 @@ class TokenSelect extends React$3.Component {
             ...t,
             selectable: selectable,
             highlight: highlightChoices,
+            animationsDisabled: animationsDisabled,
             __self: this,
             __source: {
               fileName: _jsxFileName$2,
-              lineNumber: 119
+              lineNumber: 125
             }
           }));
         } else {
@@ -1990,7 +2001,7 @@ class TokenSelect extends React$3.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName$2,
-        lineNumber: 145
+        lineNumber: 152
       }
     });
   }
@@ -2026,6 +2037,7 @@ class TextSelect extends React$2.Component {
       text: PropTypes$1.string.isRequired,
       className: PropTypes$1.string,
       highlightChoices: PropTypes$1.bool,
+      animationsDisabled: PropTypes$1.bool,
       maxNoOfSelections: PropTypes$1.number
     };
   }
@@ -2043,7 +2055,7 @@ class TextSelect extends React$2.Component {
     };
   }
   render() {
-    const {text, disabled, tokens, selectedTokens, className, highlightChoices, maxNoOfSelections} = this.props;
+    const {text, disabled, tokens, selectedTokens, className, highlightChoices, maxNoOfSelections, animationsDisabled} = this.props;
     const normalized = normalize(text, tokens);
     log$2('normalized: ', normalized);
     const prepped = normalized.map(t => {
@@ -2066,10 +2078,11 @@ class TextSelect extends React$2.Component {
       disabled: disabled,
       onChange: this.change,
       maxNoOfSelections: maxNoOfSelections,
+      animationsDisabled: animationsDisabled,
       __self: this,
       __source: {
         fileName: _jsxFileName$1,
-        lineNumber: 63
+        lineNumber: 65
       }
     });
   }

package/package.json

@@ -4,7 +4,7 @@
     "access": "public"
   },
   "repository": "pie-framework/pie-elements",
-  "version": "6.5.3-next.582+d26bd4152",
+  "version": "6.5.3-next.583+a8718955c",
   "description": "",
   "dependencies": {
     "@material-ui/core": "^3.9.2",
@@ -12,14 +12,14 @@
     "@pie-lib/correct-answer-toggle": "^2.3.34",
     "@pie-lib/math-rendering": "^2.3.12",
     "@pie-lib/render-ui": "^4.12.4",
-    "@pie-lib/text-select": "^1.8.11",
+    "@pie-lib/text-select": "^1.8.12",
     "prop-types": "^15.6.1",
     "react": "^16.8.1",
     "react-dom": "^16.8.1"
   },
   "author": "",
   "license": "ISC",
-  "gitHead": "d26bd4152569d60ab68c89825392b41893fc1e44",
+  "gitHead": "a8718955c189341afc71ed23fb5b417ded42731d",
   "scripts": {
     "postpublish": "../../scripts/postpublish"
   },