@pie-lib/mask-markup 2.0.0-beta.1 → 2.0.0-beta.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (52) hide show
  1. package/CHANGELOG.md +143 -35
  2. package/lib/choices/choice.js +22 -31
  3. package/lib/choices/choice.js.map +1 -1
  4. package/lib/choices/index.js +9 -33
  5. package/lib/choices/index.js.map +1 -1
  6. package/lib/componentize.js +1 -4
  7. package/lib/componentize.js.map +1 -1
  8. package/lib/components/blank.js +61 -86
  9. package/lib/components/blank.js.map +1 -1
  10. package/lib/components/correct-input.js +9 -25
  11. package/lib/components/correct-input.js.map +1 -1
  12. package/lib/components/dropdown.js +11 -37
  13. package/lib/components/dropdown.js.map +1 -1
  14. package/lib/components/input.js +14 -17
  15. package/lib/components/input.js.map +1 -1
  16. package/lib/constructed-response.js +11 -14
  17. package/lib/constructed-response.js.map +1 -1
  18. package/lib/drag-in-the-blank.js +21 -50
  19. package/lib/drag-in-the-blank.js.map +1 -1
  20. package/lib/index.js +1 -7
  21. package/lib/index.js.map +1 -1
  22. package/lib/inline-dropdown.js +6 -11
  23. package/lib/inline-dropdown.js.map +1 -1
  24. package/lib/mask.js +8 -49
  25. package/lib/mask.js.map +1 -1
  26. package/lib/new-serialization.js +6 -59
  27. package/lib/new-serialization.js.map +1 -0
  28. package/lib/parse-html.js +7 -6
  29. package/lib/parse-html.js.map +1 -0
  30. package/lib/serialization.js +9 -42
  31. package/lib/serialization.js.map +1 -1
  32. package/lib/test-serializer.js +4 -55
  33. package/lib/test-serializer.js.map +1 -0
  34. package/lib/with-mask.js +6 -30
  35. package/lib/with-mask.js.map +1 -1
  36. package/package.json +7 -7
  37. package/src/choices/choice.jsx +27 -13
  38. package/src/choices/index.jsx +17 -13
  39. package/src/components/blank.jsx +43 -31
  40. package/src/components/correct-input.jsx +18 -18
  41. package/src/components/dropdown.jsx +27 -38
  42. package/src/components/input.jsx +6 -3
  43. package/src/constructed-response.jsx +5 -4
  44. package/src/drag-in-the-blank.jsx +12 -12
  45. package/src/index.js +1 -8
  46. package/src/inline-dropdown.jsx +4 -3
  47. package/src/mask.jsx +13 -14
  48. package/src/new-serialization.jsx +19 -19
  49. package/src/parse-html.js +1 -1
  50. package/src/serialization.js +19 -14
  51. package/src/test-serializer.js +9 -9
  52. package/src/with-mask.jsx +2 -9
@@ -1,36 +1,24 @@
1
1
  "use strict";
2
2
 
3
3
  var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
-
5
4
  Object.defineProperty(exports, "__esModule", {
6
5
  value: true
7
6
  });
8
7
  exports["default"] = void 0;
9
-
10
8
  var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
11
-
12
9
  var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
13
-
14
10
  var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
15
-
16
11
  var _react = _interopRequireDefault(require("react"));
17
-
18
12
  var _OutlinedInput = _interopRequireDefault(require("@material-ui/core/OutlinedInput"));
19
-
20
13
  var _classnames3 = _interopRequireDefault(require("classnames"));
21
-
22
14
  var _styles = require("@material-ui/core/styles");
23
-
24
15
  var _renderUi = require("@pie-lib/render-ui");
25
-
26
16
  var _excluded = ["correct", "charactersLimit", "classes", "disabled", "isBox", "isConstructedResponse", "width", "spellCheck"];
27
-
28
17
  var correctStyle = function correctStyle(color) {
29
18
  return {
30
19
  borderColor: "".concat(color, " !important")
31
20
  };
32
21
  };
33
-
34
22
  var _default = (0, _styles.withStyles)(function () {
35
23
  return {
36
24
  input: {
@@ -75,25 +63,22 @@ var _default = (0, _styles.withStyles)(function () {
75
63
  };
76
64
  })(function (props) {
77
65
  var _classnames, _classnames2;
78
-
79
66
  var correct = props.correct,
80
- charactersLimit = props.charactersLimit,
81
- classes = props.classes,
82
- disabled = props.disabled,
83
- isBox = props.isBox,
84
- isConstructedResponse = props.isConstructedResponse,
85
- width = props.width,
86
- spellCheck = props.spellCheck,
87
- rest = (0, _objectWithoutProperties2["default"])(props, _excluded);
67
+ charactersLimit = props.charactersLimit,
68
+ classes = props.classes,
69
+ disabled = props.disabled,
70
+ isBox = props.isBox,
71
+ isConstructedResponse = props.isConstructedResponse,
72
+ width = props.width,
73
+ spellCheck = props.spellCheck,
74
+ rest = (0, _objectWithoutProperties2["default"])(props, _excluded);
88
75
  var label = typeof correct === 'boolean' ? correct ? 'correct' : 'incorrect' : undefined;
89
76
  var inputProps = charactersLimit ? {
90
77
  maxLength: charactersLimit
91
78
  } : {};
92
-
93
79
  if (width) {
94
80
  inputProps.style = {
95
81
  width: "".concat(width + Math.round(width / 10) + 1, "ch") // added some extra space for capital letters
96
-
97
82
  };
98
83
  }
99
84
 
@@ -108,6 +93,5 @@ var _default = (0, _styles.withStyles)(function () {
108
93
  spellCheck: spellCheck
109
94
  }, rest));
110
95
  });
111
-
112
96
  exports["default"] = _default;
113
- //# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJjb3JyZWN0U3R5bGUiLCJjb2xvciIsImJvcmRlckNvbG9yIiwid2l0aFN0eWxlcyIsImlucHV0IiwidGV4dCIsImJhY2tncm91bmRDb2xvciIsImJhY2tncm91bmQiLCJib3JkZXJSYWRpdXMiLCJib3JkZXJXaWR0aCIsImJvcmRlclN0eWxlIiwicGFkZGluZyIsIm9wYWNpdHkiLCJjdXJzb3IiLCJwcmltYXJ5IiwicHJpbWFyeURhcmsiLCJjcklucHV0IiwiY29ycmVjdCIsImluY29ycmVjdCIsImJveCIsImZvbnRTaXplIiwib3V0bGluZWRJbnB1dCIsImJvcmRlciIsIm5vdGNoZWRPdXRsaW5lIiwicHJvcHMiLCJjaGFyYWN0ZXJzTGltaXQiLCJjbGFzc2VzIiwiZGlzYWJsZWQiLCJpc0JveCIsImlzQ29uc3RydWN0ZWRSZXNwb25zZSIsIndpZHRoIiwic3BlbGxDaGVjayIsInJlc3QiLCJsYWJlbCIsInVuZGVmaW5lZCIsImlucHV0UHJvcHMiLCJtYXhMZW5ndGgiLCJzdHlsZSIsIk1hdGgiLCJyb3VuZCIsImNsYXNzbmFtZXMiLCJkaXNhYmxlZElucHV0Il0sInNvdXJjZXMiOlsiLi4vLi4vc3JjL2NvbXBvbmVudHMvY29ycmVjdC1pbnB1dC5qc3giXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0JztcbmltcG9ydCBPdXRsaW5lZElucHV0IGZyb20gJ0BtYXRlcmlhbC11aS9jb3JlL091dGxpbmVkSW5wdXQnO1xuaW1wb3J0IGNsYXNzbmFtZXMgZnJvbSAnY2xhc3NuYW1lcyc7XG5pbXBvcnQgeyB3aXRoU3R5bGVzIH0gZnJvbSAnQG1hdGVyaWFsLXVpL2NvcmUvc3R5bGVzJztcbmltcG9ydCB7IGNvbG9yIH0gZnJvbSAnQHBpZS1saWIvcmVuZGVyLXVpJztcblxuY29uc3QgY29ycmVjdFN0eWxlID0gY29sb3IgPT4gKHtcbiAgYm9yZGVyQ29sb3I6IGAke2NvbG9yfSAhaW1wb3J0YW50YFxufSk7XG5cbmV4cG9ydCBkZWZhdWx0IHdpdGhTdHlsZXMoKCkgPT4gKHtcbiAgaW5wdXQ6IHtcbiAgICBjb2xvcjogY29sb3IudGV4dCgpLFxuICAgIGJhY2tncm91bmRDb2xvcjogY29sb3IuYmFja2dyb3VuZCgpLFxuICAgIGJvcmRlclJhZGl1czogJzRweCAhaW1wb3J0YW50JyxcbiAgICBib3JkZXJXaWR0aDogJzFweCcsXG4gICAgYm9yZGVyU3R5bGU6ICdzb2xpZCcsXG4gICAgcGFkZGluZzogJzEwcHggMjBweCAxMHB4IDEwcHgnLFxuICAgICcmOmRpc2FibGVkJzoge1xuICAgICAgb3BhY2l0eTogMC44LFxuICAgICAgY3Vyc29yOiAnbm90LWFsbG93ZWQgIWltcG9ydGFudCdcbiAgICB9LFxuICAgICcmOmhvdmVyJzoge1xuICAgICAgYm9yZGVyQ29sb3I6IGNvbG9yLnByaW1hcnkoKSxcbiAgICAgICcmOmRpc2FibGVkJzoge1xuICAgICAgICBib3JkZXJDb2xvcjogJ2luaXRpYWwnXG4gICAgICB9XG4gICAgfSxcbiAgICAnJjpmb2N1cyc6IHtcbiAgICAgIGJvcmRlckNvbG9yOiBjb2xvci5wcmltYXJ5RGFyaygpXG4gICAgfVxuICB9LFxuICBjcklucHV0OiB7XG4gICAgcGFkZGluZzogJzhweCAhaW1wb3J0YW50J1xuICB9LFxuICBjb3JyZWN0OiBjb3JyZWN0U3R5bGUoY29sb3IuY29ycmVjdCgpKSxcbiAgaW5jb3JyZWN0OiBjb3JyZWN0U3R5bGUoY29sb3IuaW5jb3JyZWN0KCkpLFxuICBib3g6IHtcbiAgICBmb250U2l6ZTogJ2luaGVyaXQnXG4gIH0sXG4gIG91dGxpbmVkSW5wdXQ6IHtcbiAgICBwYWRkaW5nOiAnMnB4JyxcbiAgICBib3JkZXJSYWRpdXM6ICc0cHgnLFxuICAgICcmIGZpZWxkc2V0Jzoge1xuICAgICAgYm9yZGVyOiAwXG4gICAgfVxuICB9LFxuICBub3RjaGVkT3V0bGluZToge1xuICAgIGJvcmRlckNvbG9yOiBjb2xvci5jb3JyZWN0KClcbiAgfVxufSkpKHByb3BzID0+IHtcbiAgY29uc3Qge1xuICAgIGNvcnJlY3QsXG4gICAgY2hhcmFjdGVyc0xpbWl0LFxuICAgIGNsYXNzZXMsXG4gICAgZGlzYWJsZWQsXG4gICAgaXNCb3gsXG4gICAgaXNDb25zdHJ1Y3RlZFJlc3BvbnNlLFxuICAgIHdpZHRoLFxuICAgIHNwZWxsQ2hlY2ssXG4gICAgLi4ucmVzdFxuICB9ID0gcHJvcHM7XG4gIGNvbnN0IGxhYmVsID0gdHlwZW9mIGNvcnJlY3QgPT09ICdib29sZWFuJyA/IChjb3JyZWN0ID8gJ2NvcnJlY3QnIDogJ2luY29ycmVjdCcpIDogdW5kZWZpbmVkO1xuICBjb25zdCBpbnB1dFByb3BzID0gY2hhcmFjdGVyc0xpbWl0ID8geyBtYXhMZW5ndGg6IGNoYXJhY3RlcnNMaW1pdCB9IDoge307XG5cbiAgaWYgKHdpZHRoKSB7XG4gICAgaW5wdXRQcm9wcy5zdHlsZSA9IHtcbiAgICAgIHdpZHRoOiBgJHt3aWR0aCArIE1hdGgucm91bmQod2lkdGggLyAxMCkgKyAxfWNoYCAvLyBhZGRlZCBzb21lIGV4dHJhIHNwYWNlIGZvciBjYXBpdGFsIGxldHRlcnNcbiAgICB9O1xuICB9XG5cbiAgcmV0dXJuIChcbiAgICA8T3V0bGluZWRJbnB1dFxuICAgICAgY2xhc3NOYW1lPXtjbGFzc25hbWVzKHtcbiAgICAgICAgW2NsYXNzZXMuZGlzYWJsZWRJbnB1dF06IGRpc2FibGVkLFxuICAgICAgICBbY2xhc3Nlcy5ib3hdOiBpc0JveCxcbiAgICAgICAgW2NsYXNzZXMub3V0bGluZWRJbnB1dF06IHRydWVcbiAgICAgIH0pfVxuICAgICAgY2xhc3Nlcz17e1xuICAgICAgICBpbnB1dDogY2xhc3NuYW1lcyh7XG4gICAgICAgICAgW2NsYXNzZXMuaW5wdXRdOiB0cnVlLFxuICAgICAgICAgIFtjbGFzc2VzW2xhYmVsXV06IGxhYmVsLFxuICAgICAgICAgIFtjbGFzc2VzLmNySW5wdXRdOiBpc0NvbnN0cnVjdGVkUmVzcG9uc2VcbiAgICAgICAgfSlcbiAgICAgIH19XG4gICAgICBpbnB1dFByb3BzPXtpbnB1dFByb3BzfVxuICAgICAgbGFiZWxXaWR0aD17MH1cbiAgICAgIGRpc2FibGVkPXtkaXNhYmxlZH1cbiAgICAgIHNwZWxsQ2hlY2s9e3NwZWxsQ2hlY2t9XG4gICAgICB7Li4ucmVzdH1cbiAgICAvPlxuICApO1xufSk7XG4iXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7OztBQUFBOztBQUNBOztBQUNBOztBQUNBOztBQUNBOzs7O0FBRUEsSUFBTUEsWUFBWSxHQUFHLFNBQWZBLFlBQWUsQ0FBQUMsS0FBSztFQUFBLE9BQUs7SUFDN0JDLFdBQVcsWUFBS0QsS0FBTDtFQURrQixDQUFMO0FBQUEsQ0FBMUI7O2VBSWUsSUFBQUUsa0JBQUEsRUFBVztFQUFBLE9BQU87SUFDL0JDLEtBQUssRUFBRTtNQUNMSCxLQUFLLEVBQUVBLGVBQUEsQ0FBTUksSUFBTixFQURGO01BRUxDLGVBQWUsRUFBRUwsZUFBQSxDQUFNTSxVQUFOLEVBRlo7TUFHTEMsWUFBWSxFQUFFLGdCQUhUO01BSUxDLFdBQVcsRUFBRSxLQUpSO01BS0xDLFdBQVcsRUFBRSxPQUxSO01BTUxDLE9BQU8sRUFBRSxxQkFOSjtNQU9MLGNBQWM7UUFDWkMsT0FBTyxFQUFFLEdBREc7UUFFWkMsTUFBTSxFQUFFO01BRkksQ0FQVDtNQVdMLFdBQVc7UUFDVFgsV0FBVyxFQUFFRCxlQUFBLENBQU1hLE9BQU4sRUFESjtRQUVULGNBQWM7VUFDWlosV0FBVyxFQUFFO1FBREQ7TUFGTCxDQVhOO01BaUJMLFdBQVc7UUFDVEEsV0FBVyxFQUFFRCxlQUFBLENBQU1jLFdBQU47TUFESjtJQWpCTixDQUR3QjtJQXNCL0JDLE9BQU8sRUFBRTtNQUNQTCxPQUFPLEVBQUU7SUFERixDQXRCc0I7SUF5Qi9CTSxPQUFPLEVBQUVqQixZQUFZLENBQUNDLGVBQUEsQ0FBTWdCLE9BQU4sRUFBRCxDQXpCVTtJQTBCL0JDLFNBQVMsRUFBRWxCLFlBQVksQ0FBQ0MsZUFBQSxDQUFNaUIsU0FBTixFQUFELENBMUJRO0lBMkIvQkMsR0FBRyxFQUFFO01BQ0hDLFFBQVEsRUFBRTtJQURQLENBM0IwQjtJQThCL0JDLGFBQWEsRUFBRTtNQUNiVixPQUFPLEVBQUUsS0FESTtNQUViSCxZQUFZLEVBQUUsS0FGRDtNQUdiLGNBQWM7UUFDWmMsTUFBTSxFQUFFO01BREk7SUFIRCxDQTlCZ0I7SUFxQy9CQyxjQUFjLEVBQUU7TUFDZHJCLFdBQVcsRUFBRUQsZUFBQSxDQUFNZ0IsT0FBTjtJQURDO0VBckNlLENBQVA7QUFBQSxDQUFYLEVBd0NYLFVBQUFPLEtBQUssRUFBSTtFQUFBOztFQUNYLElBQ0VQLE9BREYsR0FVSU8sS0FWSixDQUNFUCxPQURGO0VBQUEsSUFFRVEsZUFGRixHQVVJRCxLQVZKLENBRUVDLGVBRkY7RUFBQSxJQUdFQyxPQUhGLEdBVUlGLEtBVkosQ0FHRUUsT0FIRjtFQUFBLElBSUVDLFFBSkYsR0FVSUgsS0FWSixDQUlFRyxRQUpGO0VBQUEsSUFLRUMsS0FMRixHQVVJSixLQVZKLENBS0VJLEtBTEY7RUFBQSxJQU1FQyxxQkFORixHQVVJTCxLQVZKLENBTUVLLHFCQU5GO0VBQUEsSUFPRUMsS0FQRixHQVVJTixLQVZKLENBT0VNLEtBUEY7RUFBQSxJQVFFQyxVQVJGLEdBVUlQLEtBVkosQ0FRRU8sVUFSRjtFQUFBLElBU0tDLElBVEwsNkNBVUlSLEtBVko7RUFXQSxJQUFNUyxLQUFLLEdBQUcsT0FBT2hCLE9BQVAsS0FBbUIsU0FBbkIsR0FBZ0NBLE9BQU8sR0FBRyxTQUFILEdBQWUsV0FBdEQsR0FBcUVpQixTQUFuRjtFQUNBLElBQU1DLFVBQVUsR0FBR1YsZUFBZSxHQUFHO0lBQUVXLFNBQVMsRUFBRVg7RUFBYixDQUFILEdBQW9DLEVBQXRFOztFQUVBLElBQUlLLEtBQUosRUFBVztJQUNUSyxVQUFVLENBQUNFLEtBQVgsR0FBbUI7TUFDakJQLEtBQUssWUFBS0EsS0FBSyxHQUFHUSxJQUFJLENBQUNDLEtBQUwsQ0FBV1QsS0FBSyxHQUFHLEVBQW5CLENBQVIsR0FBaUMsQ0FBdEMsT0FEWSxDQUNnQzs7SUFEaEMsQ0FBbkI7RUFHRDs7RUFFRCxvQkFDRSxnQ0FBQyx5QkFBRDtJQUNFLFNBQVMsRUFBRSxJQUFBVSx1QkFBQSxtRUFDUmQsT0FBTyxDQUFDZSxhQURBLEVBQ2dCZCxRQURoQixpREFFUkQsT0FBTyxDQUFDUCxHQUZBLEVBRU1TLEtBRk4saURBR1JGLE9BQU8sQ0FBQ0wsYUFIQSxFQUdnQixJQUhoQixnQkFEYjtJQU1FLE9BQU8sRUFBRTtNQUNQakIsS0FBSyxFQUFFLElBQUFvQyx1QkFBQSxxRUFDSmQsT0FBTyxDQUFDdEIsS0FESixFQUNZLElBRFosa0RBRUpzQixPQUFPLENBQUNPLEtBQUQsQ0FGSCxFQUVhQSxLQUZiLGtEQUdKUCxPQUFPLENBQUNWLE9BSEosRUFHY2EscUJBSGQ7SUFEQSxDQU5YO0lBYUUsVUFBVSxFQUFFTSxVQWJkO0lBY0UsVUFBVSxFQUFFLENBZGQ7SUFlRSxRQUFRLEVBQUVSLFFBZlo7SUFnQkUsVUFBVSxFQUFFSTtFQWhCZCxHQWlCTUMsSUFqQk4sRUFERjtBQXFCRCxDQWxGYyxDIn0=
97
+ //# sourceMappingURL=correct-input.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"correct-input.js","names":["correctStyle","color","borderColor","withStyles","input","text","backgroundColor","background","borderRadius","borderWidth","borderStyle","padding","opacity","cursor","primary","primaryDark","crInput","correct","incorrect","box","fontSize","outlinedInput","border","notchedOutline","props","charactersLimit","classes","disabled","isBox","isConstructedResponse","width","spellCheck","rest","label","undefined","inputProps","maxLength","style","Math","round","classnames","disabledInput"],"sources":["../../src/components/correct-input.jsx"],"sourcesContent":["import React from 'react';\nimport OutlinedInput from '@material-ui/core/OutlinedInput';\nimport classnames from 'classnames';\nimport { withStyles } from '@material-ui/core/styles';\nimport { color } from '@pie-lib/render-ui';\n\nconst correctStyle = color => ({\n borderColor: `${color} !important`\n});\n\nexport default withStyles(() => ({\n input: {\n color: color.text(),\n backgroundColor: color.background(),\n borderRadius: '4px !important',\n borderWidth: '1px',\n borderStyle: 'solid',\n padding: '10px 20px 10px 10px',\n '&:disabled': {\n opacity: 0.8,\n cursor: 'not-allowed !important'\n },\n '&:hover': {\n borderColor: color.primary(),\n '&:disabled': {\n borderColor: 'initial'\n }\n },\n '&:focus': {\n borderColor: color.primaryDark()\n }\n },\n crInput: {\n padding: '8px !important'\n },\n correct: correctStyle(color.correct()),\n incorrect: correctStyle(color.incorrect()),\n box: {\n fontSize: 'inherit'\n },\n outlinedInput: {\n padding: '2px',\n borderRadius: '4px',\n '& fieldset': {\n border: 0\n }\n },\n notchedOutline: {\n borderColor: color.correct()\n }\n}))(props => {\n const {\n correct,\n charactersLimit,\n classes,\n disabled,\n isBox,\n isConstructedResponse,\n width,\n spellCheck,\n ...rest\n } = props;\n const label = typeof correct === 'boolean' ? (correct ? 'correct' : 'incorrect') : undefined;\n const inputProps = charactersLimit ? { maxLength: charactersLimit } : {};\n\n if (width) {\n inputProps.style = {\n width: `${width + Math.round(width / 10) + 1}ch` // added some extra space for capital letters\n };\n }\n\n return (\n <OutlinedInput\n className={classnames({\n [classes.disabledInput]: disabled,\n [classes.box]: isBox,\n [classes.outlinedInput]: true\n })}\n classes={{\n input: classnames({\n [classes.input]: true,\n [classes[label]]: label,\n [classes.crInput]: isConstructedResponse\n })\n }}\n inputProps={inputProps}\n labelWidth={0}\n disabled={disabled}\n spellCheck={spellCheck}\n {...rest}\n />\n );\n});\n"],"mappings":"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"}
1
+ {"version":3,"file":"correct-input.js","names":["_react","_interopRequireDefault","require","_OutlinedInput","_classnames3","_styles","_renderUi","_excluded","correctStyle","color","borderColor","concat","_default","withStyles","input","text","backgroundColor","background","borderRadius","borderWidth","borderStyle","padding","opacity","cursor","primary","primaryDark","crInput","correct","incorrect","box","fontSize","outlinedInput","border","notchedOutline","props","_classnames","_classnames2","charactersLimit","classes","disabled","isBox","isConstructedResponse","width","spellCheck","rest","_objectWithoutProperties2","label","undefined","inputProps","maxLength","style","Math","round","createElement","_extends2","className","classnames","_defineProperty2","disabledInput","labelWidth","exports"],"sources":["../../src/components/correct-input.jsx"],"sourcesContent":["import React from 'react';\nimport OutlinedInput from '@material-ui/core/OutlinedInput';\nimport classnames from 'classnames';\nimport { withStyles } from '@material-ui/core/styles';\nimport { color } from '@pie-lib/render-ui';\n\nconst correctStyle = (color) => ({\n borderColor: `${color} !important`,\n});\n\nexport default withStyles(() => ({\n input: {\n color: color.text(),\n backgroundColor: color.background(),\n borderRadius: '4px !important',\n borderWidth: '1px',\n borderStyle: 'solid',\n padding: '10px 20px 10px 10px',\n '&:disabled': {\n opacity: 0.8,\n cursor: 'not-allowed !important',\n },\n '&:hover': {\n borderColor: color.primary(),\n '&:disabled': {\n borderColor: 'initial',\n },\n },\n '&:focus': {\n borderColor: color.primaryDark(),\n },\n },\n crInput: {\n padding: '8px !important',\n },\n correct: correctStyle(color.correct()),\n incorrect: correctStyle(color.incorrect()),\n box: {\n fontSize: 'inherit',\n },\n outlinedInput: {\n padding: '2px',\n borderRadius: '4px',\n '& fieldset': {\n border: 0,\n },\n },\n notchedOutline: {\n borderColor: color.correct(),\n },\n}))((props) => {\n const {\n correct,\n charactersLimit,\n classes,\n disabled,\n isBox,\n isConstructedResponse,\n width,\n spellCheck,\n ...rest\n } = props;\n const label = typeof correct === 'boolean' ? (correct ? 'correct' : 'incorrect') : undefined;\n const inputProps = charactersLimit ? { maxLength: charactersLimit } : {};\n\n if (width) {\n inputProps.style = {\n width: `${width + Math.round(width / 10) + 1}ch`, // added some extra space for capital letters\n };\n }\n\n return (\n <OutlinedInput\n className={classnames({\n [classes.disabledInput]: disabled,\n [classes.box]: isBox,\n [classes.outlinedInput]: true,\n })}\n classes={{\n input: classnames({\n [classes.input]: true,\n [classes[label]]: label,\n [classes.crInput]: isConstructedResponse,\n }),\n }}\n inputProps={inputProps}\n labelWidth={0}\n disabled={disabled}\n spellCheck={spellCheck}\n {...rest}\n />\n );\n});\n"],"mappings":"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"}
@@ -1,52 +1,31 @@
1
1
  "use strict";
2
2
 
3
3
  var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
-
5
4
  Object.defineProperty(exports, "__esModule", {
6
5
  value: true
7
6
  });
8
7
  exports["default"] = void 0;
9
-
10
8
  var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
11
-
12
9
  var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
13
-
14
10
  var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
15
-
16
11
  var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
17
-
18
12
  var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
19
-
20
13
  var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
21
-
22
14
  var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
23
-
24
15
  var _react = _interopRequireDefault(require("react"));
25
-
26
16
  var _propTypes = _interopRequireDefault(require("prop-types"));
27
-
28
17
  var _Select = _interopRequireDefault(require("@material-ui/core/Select"));
29
-
30
18
  var _MenuItem = _interopRequireDefault(require("@material-ui/core/MenuItem"));
31
-
32
19
  var _correctInput = _interopRequireDefault(require("./correct-input"));
33
-
34
20
  var _styles = require("@material-ui/core/styles");
35
-
36
21
  var _renderUi = require("@pie-lib/render-ui");
37
-
38
22
  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); }; }
39
-
40
23
  function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
41
-
42
24
  var Dropdown = /*#__PURE__*/function (_React$Component) {
43
25
  (0, _inherits2["default"])(Dropdown, _React$Component);
44
-
45
26
  var _super = _createSuper(Dropdown);
46
-
47
27
  function Dropdown(props) {
48
28
  var _this;
49
-
50
29
  (0, _classCallCheck2["default"])(this, Dropdown);
51
30
  _this = _super.call(this, props);
52
31
  (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "showCheckmarkAndOpen", function () {
@@ -67,22 +46,21 @@ var Dropdown = /*#__PURE__*/function (_React$Component) {
67
46
  };
68
47
  return _this;
69
48
  }
70
-
71
49
  (0, _createClass2["default"])(Dropdown, [{
72
50
  key: "render",
73
51
  value: function render() {
74
52
  var _this$props = this.props,
75
- classes = _this$props.classes,
76
- id = _this$props.id,
77
- correct = _this$props.correct,
78
- disabled = _this$props.disabled,
79
- value = _this$props.value,
80
- _onChange = _this$props.onChange,
81
- choices = _this$props.choices,
82
- showCorrectAnswer = _this$props.showCorrectAnswer;
53
+ classes = _this$props.classes,
54
+ id = _this$props.id,
55
+ correct = _this$props.correct,
56
+ disabled = _this$props.disabled,
57
+ value = _this$props.value,
58
+ _onChange = _this$props.onChange,
59
+ choices = _this$props.choices,
60
+ showCorrectAnswer = _this$props.showCorrectAnswer;
83
61
  var _this$state = this.state,
84
- showCheckmark = _this$state.showCheckmark,
85
- open = _this$state.open;
62
+ showCheckmark = _this$state.showCheckmark,
63
+ open = _this$state.open;
86
64
  return /*#__PURE__*/_react["default"].createElement(_Select["default"], {
87
65
  classes: {
88
66
  root: classes.root,
@@ -129,7 +107,6 @@ var Dropdown = /*#__PURE__*/function (_React$Component) {
129
107
  }]);
130
108
  return Dropdown;
131
109
  }(_react["default"].Component);
132
-
133
110
  (0, _defineProperty2["default"])(Dropdown, "propTypes", {
134
111
  id: _propTypes["default"].string,
135
112
  value: _propTypes["default"].string,
@@ -143,7 +120,6 @@ var Dropdown = /*#__PURE__*/function (_React$Component) {
143
120
  })),
144
121
  showCorrectAnswer: _propTypes["default"].bool
145
122
  });
146
-
147
123
  var styles = function styles() {
148
124
  return {
149
125
  root: {
@@ -209,8 +185,6 @@ var styles = function styles() {
209
185
  }
210
186
  };
211
187
  };
212
-
213
188
  var _default = (0, _styles.withStyles)(styles)(Dropdown);
214
-
215
189
  exports["default"] = _default;
216
- //# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJEcm9wZG93biIsInByb3BzIiwic2V0U3RhdGUiLCJzaG93Q2hlY2ttYXJrIiwib3BlbiIsInN0YXRlIiwiY2xhc3NlcyIsImlkIiwiY29ycmVjdCIsImRpc2FibGVkIiwidmFsdWUiLCJvbkNoYW5nZSIsImNob2ljZXMiLCJzaG93Q29ycmVjdEFuc3dlciIsInJvb3QiLCJpY29uIiwic2VsZWN0TWVudSIsInNlbGVjdCIsInNob3dDaGVja21hcmtBbmRPcGVuIiwiaGlkZUNoZWNrbWFya0FuZENsb3NlIiwia2VlcE1vdW50ZWQiLCJkaXNhYmxlUG9ydGFsIiwiZSIsInRhcmdldCIsIm1hcCIsImMiLCJpbmRleCIsIm1lbnVSb290Iiwic2VsZWN0ZWQiLCJsYWJlbCIsIl9faHRtbCIsIlJlYWN0IiwiQ29tcG9uZW50IiwiUHJvcFR5cGVzIiwic3RyaW5nIiwiYm9vbCIsImZ1bmMiLCJvYmplY3QiLCJhcnJheU9mIiwic2hhcGUiLCJzdHlsZXMiLCJjb2xvciIsInRleHQiLCJiYWNrZ3JvdW5kQ29sb3IiLCJiYWNrZ3JvdW5kIiwiYm9yZGVyQ29sb3IiLCJzZWNvbmRhcnlMaWdodCIsInBhZGRpbmdUb3AiLCJwYWRkaW5nQm90dG9tIiwiYm9yZGVyIiwiYm9yZGVyUmFkaXVzIiwiYm94U2l6aW5nIiwicGFkZGluZyIsImZvbnRTaXplIiwid2l0aFN0eWxlcyJdLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL2Ryb3Bkb3duLmpzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnO1xuaW1wb3J0IFByb3BUeXBlcyBmcm9tICdwcm9wLXR5cGVzJztcbmltcG9ydCBTZWxlY3QgZnJvbSAnQG1hdGVyaWFsLXVpL2NvcmUvU2VsZWN0JztcbmltcG9ydCBNZW51SXRlbSBmcm9tICdAbWF0ZXJpYWwtdWkvY29yZS9NZW51SXRlbSc7XG5pbXBvcnQgQ29ycmVjdElucHV0IGZyb20gJy4vY29ycmVjdC1pbnB1dCc7XG5pbXBvcnQgeyB3aXRoU3R5bGVzIH0gZnJvbSAnQG1hdGVyaWFsLXVpL2NvcmUvc3R5bGVzJztcbmltcG9ydCB7IGNvbG9yIH0gZnJvbSAnQHBpZS1saWIvcmVuZGVyLXVpJztcblxuY2xhc3MgRHJvcGRvd24gZXh0ZW5kcyBSZWFjdC5Db21wb25lbnQge1xuICBzdGF0aWMgcHJvcFR5cGVzID0ge1xuICAgIGlkOiBQcm9wVHlwZXMuc3RyaW5nLFxuICAgIHZhbHVlOiBQcm9wVHlwZXMuc3RyaW5nLFxuICAgIGRpc2FibGVkOiBQcm9wVHlwZXMuYm9vbCxcbiAgICBvbkNoYW5nZTogUHJvcFR5cGVzLmZ1bmMsXG4gICAgY2xhc3NlczogUHJvcFR5cGVzLm9iamVjdCxcbiAgICBjb3JyZWN0OiBQcm9wVHlwZXMuYm9vbCxcbiAgICBjaG9pY2VzOiBQcm9wVHlwZXMuYXJyYXlPZihcbiAgICAgIFByb3BUeXBlcy5zaGFwZSh7IHZhbHVlOiBQcm9wVHlwZXMuc3RyaW5nLCBsYWJlbDogUHJvcFR5cGVzLnN0cmluZyB9KVxuICAgICksXG4gICAgc2hvd0NvcnJlY3RBbnN3ZXI6IFByb3BUeXBlcy5ib29sXG4gIH07XG5cbiAgY29uc3RydWN0b3IocHJvcHMpIHtcbiAgICBzdXBlcihwcm9wcyk7XG5cbiAgICB0aGlzLnN0YXRlID0ge1xuICAgICAgc2hvd0NoZWNrbWFyazogZmFsc2UsXG4gICAgICBvcGVuOiBmYWxzZVxuICAgIH07XG4gIH1cblxuICBzaG93Q2hlY2ttYXJrQW5kT3BlbiA9ICgpID0+IHtcbiAgICB0aGlzLnNldFN0YXRlKHtcbiAgICAgIHNob3dDaGVja21hcms6IHRydWUsXG4gICAgICBvcGVuOiB0cnVlXG4gICAgfSk7XG4gIH07XG5cbiAgaGlkZUNoZWNrbWFya0FuZENsb3NlID0gKCkgPT4ge1xuICAgIHRoaXMuc2V0U3RhdGUoe1xuICAgICAgc2hvd0NoZWNrbWFyazogZmFsc2UsXG4gICAgICBvcGVuOiBmYWxzZVxuICAgIH0pO1xuICB9O1xuXG4gIHJlbmRlcigpIHtcbiAgICBjb25zdCB7XG4gICAgICBjbGFzc2VzLFxuICAgICAgaWQsXG4gICAgICBjb3JyZWN0LFxuICAgICAgZGlzYWJsZWQsXG4gICAgICB2YWx1ZSxcbiAgICAgIG9uQ2hhbmdlLFxuICAgICAgY2hvaWNlcyxcbiAgICAgIHNob3dDb3JyZWN0QW5zd2VyXG4gICAgfSA9IHRoaXMucHJvcHM7XG5cbiAgICBjb25zdCB7IHNob3dDaGVja21hcmssIG9wZW4gfSA9IHRoaXMuc3RhdGU7XG5cbiAgICByZXR1cm4gKFxuICAgICAgPFNlbGVjdFxuICAgICAgICBjbGFzc2VzPXt7XG4gICAgICAgICAgcm9vdDogY2xhc3Nlcy5yb290LFxuICAgICAgICAgIGljb246IGNsYXNzZXMuaWNvbixcbiAgICAgICAgICBzZWxlY3RNZW51OiBjbGFzc2VzLnNlbGVjdE1lbnUsXG4gICAgICAgICAgc2VsZWN0OiBjbGFzc2VzLnNlbGVjdFxuICAgICAgICB9fVxuICAgICAgICBkaXNhYmxlZD17ZGlzYWJsZWR9XG4gICAgICAgIHZhbHVlPXt2YWx1ZSB8fCAnJ31cbiAgICAgICAgb25PcGVuPXt0aGlzLnNob3dDaGVja21hcmtBbmRPcGVufVxuICAgICAgICBvbkNsb3NlPXt0aGlzLmhpZGVDaGVja21hcmtBbmRDbG9zZX1cbiAgICAgICAgb3Blbj17b3Blbn1cbiAgICAgICAgaW5wdXQ9ezxDb3JyZWN0SW5wdXQgY29ycmVjdD17c2hvd0NvcnJlY3RBbnN3ZXIgfHwgY29ycmVjdH0gLz59XG4gICAgICAgIE1lbnVQcm9wcz17e1xuICAgICAgICAgIGtlZXBNb3VudGVkOiB0cnVlLFxuICAgICAgICAgIGRpc2FibGVQb3J0YWw6IHRydWVcbiAgICAgICAgfX1cbiAgICAgICAgb25DaGFuZ2U9e2UgPT4ge1xuICAgICAgICAgIG9uQ2hhbmdlKGlkLCBlLnRhcmdldC52YWx1ZSk7XG4gICAgICAgIH19XG4gICAgICA+XG4gICAgICAgIHsoY2hvaWNlcyB8fCBbXSkubWFwKChjLCBpbmRleCkgPT4gKFxuICAgICAgICAgIDxNZW51SXRlbVxuICAgICAgICAgICAgY2xhc3Nlcz17eyByb290OiBjbGFzc2VzLm1lbnVSb290LCBzZWxlY3RlZDogY2xhc3Nlcy5zZWxlY3RlZCB9fVxuICAgICAgICAgICAga2V5PXtgJHtjLmxhYmVsfS0ke2luZGV4fWB9XG4gICAgICAgICAgICB2YWx1ZT17Yy52YWx1ZX1cbiAgICAgICAgICA+XG4gICAgICAgICAgICA8c3BhblxuICAgICAgICAgICAgICBjbGFzc05hbWU9e2NsYXNzZXMubGFiZWx9XG4gICAgICAgICAgICAgIGRhbmdlcm91c2x5U2V0SW5uZXJIVE1MPXt7XG4gICAgICAgICAgICAgICAgX19odG1sOiBjLmxhYmVsXG4gICAgICAgICAgICAgIH19XG4gICAgICAgICAgICAvPlxuICAgICAgICAgICAge3Nob3dDaGVja21hcmsgJiYgKFxuICAgICAgICAgICAgICA8c3BhblxuICAgICAgICAgICAgICAgIGNsYXNzTmFtZT17Y2xhc3Nlcy5sYWJlbH1cbiAgICAgICAgICAgICAgICBkYW5nZXJvdXNseVNldElubmVySFRNTD17eyBfX2h0bWw6IGMudmFsdWUgPT09IHZhbHVlID8gJyAmY2hlY2s7JyA6ICcnIH19XG4gICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICApfVxuICAgICAgICAgIDwvTWVudUl0ZW0+XG4gICAgICAgICkpfVxuICAgICAgPC9TZWxlY3Q+XG4gICAgKTtcbiAgfVxufVxuXG5jb25zdCBzdHlsZXMgPSAoKSA9PiAoe1xuICByb290OiB7XG4gICAgY29sb3I6IGNvbG9yLnRleHQoKSxcbiAgICBiYWNrZ3JvdW5kQ29sb3I6IGNvbG9yLmJhY2tncm91bmQoKSxcbiAgICBib3JkZXJDb2xvcjogY29sb3Iuc2Vjb25kYXJ5TGlnaHQoKSxcbiAgICAnJiB1bCc6IHtcbiAgICAgIHBhZGRpbmdUb3A6IDAsXG4gICAgICBwYWRkaW5nQm90dG9tOiAwLFxuICAgICAgYm9yZGVyOiBgMXB4IHNvbGlkICR7Y29sb3IudGV4dCgpfWAsXG4gICAgICBib3JkZXJSYWRpdXM6ICc1cHgnLFxuICAgICAgY29sb3I6IGNvbG9yLnRleHQoKSxcbiAgICAgIGJhY2tncm91bmRDb2xvcjogY29sb3IuYmFja2dyb3VuZCgpXG4gICAgfVxuICB9LFxuICBzZWxlY3Q6IHtcbiAgICAnJjpmb2N1cyc6IHtcbiAgICAgIGJvcmRlclJhZGl1czogJzRweCdcbiAgICB9XG4gIH0sXG4gIHNlbGVjdE1lbnU6IHtcbiAgICBiYWNrZ3JvdW5kQ29sb3I6IGNvbG9yLmJhY2tncm91bmQoKSxcbiAgICAnJjpob3Zlcic6IHtcbiAgICAgIGJvcmRlckNvbG9yOiAnaW5pdGlhbCdcbiAgICB9LFxuICAgICcmOmZvY3VzJzoge1xuICAgICAgYm9yZGVyQ29sb3I6ICdpbml0aWFsJ1xuICAgIH1cbiAgfSxcbiAgaWNvbjoge1xuICAgIGNvbG9yOiBjb2xvci50ZXh0KClcbiAgfSxcbiAgc2VsZWN0ZWQ6IHtcbiAgICBjb2xvcjogYCR7Y29sb3IudGV4dCgpfSAhaW1wb3J0YW50YCxcbiAgICBiYWNrZ3JvdW5kQ29sb3I6IGAke2NvbG9yLmJhY2tncm91bmQoKX0gIWltcG9ydGFudGAsXG4gICAgJyY6aG92ZXInOiB7XG4gICAgICBjb2xvcjogY29sb3IudGV4dCgpLFxuICAgICAgYmFja2dyb3VuZENvbG9yOiBgJHtjb2xvci5zZWNvbmRhcnlMaWdodCgpfSAhaW1wb3J0YW50YFxuICAgIH1cbiAgfSxcbiAgbWVudVJvb3Q6IHtcbiAgICBjb2xvcjogY29sb3IudGV4dCgpLFxuICAgIGJhY2tncm91bmRDb2xvcjogY29sb3IuYmFja2dyb3VuZCgpLFxuICAgICcmOmZvY3VzJzoge1xuICAgICAgY29sb3I6IGNvbG9yLnRleHQoKSxcbiAgICAgIGJhY2tncm91bmRDb2xvcjogY29sb3IuYmFja2dyb3VuZCgpXG4gICAgfSxcbiAgICAnJjpob3Zlcic6IHtcbiAgICAgIGNvbG9yOiBjb2xvci50ZXh0KCksXG4gICAgICBiYWNrZ3JvdW5kQ29sb3I6IGNvbG9yLnNlY29uZGFyeUxpZ2h0KClcbiAgICB9LFxuICAgIGJveFNpemluZzogJ2JvcmRlci1ib3gnLFxuICAgIHBhZGRpbmc6ICcyNXB4JyxcbiAgICAnJjpmaXJzdC1vZi10eXBlJzoge1xuICAgICAgYm9yZGVyUmFkaXVzOiAnM3B4IDNweCAwIDAnXG4gICAgfSxcbiAgICAnJjpsYXN0LW9mLXR5cGUnOiB7XG4gICAgICBib3JkZXJSYWRpdXM6ICcwIDAgM3B4IDNweCdcbiAgICB9XG4gIH0sXG4gIGxhYmVsOiB7XG4gICAgZm9udFNpemU6ICdtYXgoMXJlbSwgMTRweCknXG4gIH1cbn0pO1xuXG5leHBvcnQgZGVmYXVsdCB3aXRoU3R5bGVzKHN0eWxlcykoRHJvcGRvd24pO1xuIl0sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztBQUFBOztBQUNBOztBQUNBOztBQUNBOztBQUNBOztBQUNBOztBQUNBOzs7Ozs7SUFFTUEsUTs7Ozs7RUFjSixrQkFBWUMsS0FBWixFQUFtQjtJQUFBOztJQUFBO0lBQ2pCLDBCQUFNQSxLQUFOO0lBRGlCLHlHQVNJLFlBQU07TUFDM0IsTUFBS0MsUUFBTCxDQUFjO1FBQ1pDLGFBQWEsRUFBRSxJQURIO1FBRVpDLElBQUksRUFBRTtNQUZNLENBQWQ7SUFJRCxDQWRrQjtJQUFBLDBHQWdCSyxZQUFNO01BQzVCLE1BQUtGLFFBQUwsQ0FBYztRQUNaQyxhQUFhLEVBQUUsS0FESDtRQUVaQyxJQUFJLEVBQUU7TUFGTSxDQUFkO0lBSUQsQ0FyQmtCO0lBR2pCLE1BQUtDLEtBQUwsR0FBYTtNQUNYRixhQUFhLEVBQUUsS0FESjtNQUVYQyxJQUFJLEVBQUU7SUFGSyxDQUFiO0lBSGlCO0VBT2xCOzs7O1dBZ0JELGtCQUFTO01BQ1Asa0JBU0ksS0FBS0gsS0FUVDtNQUFBLElBQ0VLLE9BREYsZUFDRUEsT0FERjtNQUFBLElBRUVDLEVBRkYsZUFFRUEsRUFGRjtNQUFBLElBR0VDLE9BSEYsZUFHRUEsT0FIRjtNQUFBLElBSUVDLFFBSkYsZUFJRUEsUUFKRjtNQUFBLElBS0VDLEtBTEYsZUFLRUEsS0FMRjtNQUFBLElBTUVD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
190
+ //# sourceMappingURL=dropdown.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"dropdown.js","names":["Dropdown","props","setState","showCheckmark","open","state","classes","id","correct","disabled","value","onChange","choices","showCorrectAnswer","root","icon","selectMenu","select","showCheckmarkAndOpen","hideCheckmarkAndClose","keepMounted","disablePortal","e","target","map","c","index","menuRoot","selected","label","__html","React","Component","PropTypes","string","bool","func","object","arrayOf","shape","styles","color","text","backgroundColor","background","borderColor","secondaryLight","paddingTop","paddingBottom","border","borderRadius","boxSizing","padding","fontSize","withStyles"],"sources":["../../src/components/dropdown.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport Select from '@material-ui/core/Select';\nimport MenuItem from '@material-ui/core/MenuItem';\nimport CorrectInput from './correct-input';\nimport { withStyles } from '@material-ui/core/styles';\nimport { color } from '@pie-lib/render-ui';\n\nclass Dropdown extends React.Component {\n static propTypes = {\n id: PropTypes.string,\n value: PropTypes.string,\n disabled: PropTypes.bool,\n onChange: PropTypes.func,\n classes: PropTypes.object,\n correct: PropTypes.bool,\n choices: PropTypes.arrayOf(\n PropTypes.shape({ value: PropTypes.string, label: PropTypes.string })\n ),\n showCorrectAnswer: PropTypes.bool\n };\n\n constructor(props) {\n super(props);\n\n this.state = {\n showCheckmark: false,\n open: false\n };\n }\n\n showCheckmarkAndOpen = () => {\n this.setState({\n showCheckmark: true,\n open: true\n });\n };\n\n hideCheckmarkAndClose = () => {\n this.setState({\n showCheckmark: false,\n open: false\n });\n };\n\n render() {\n const {\n classes,\n id,\n correct,\n disabled,\n value,\n onChange,\n choices,\n showCorrectAnswer\n } = this.props;\n\n const { showCheckmark, open } = this.state;\n\n return (\n <Select\n classes={{\n root: classes.root,\n icon: classes.icon,\n selectMenu: classes.selectMenu,\n select: classes.select\n }}\n disabled={disabled}\n value={value || ''}\n onOpen={this.showCheckmarkAndOpen}\n onClose={this.hideCheckmarkAndClose}\n open={open}\n input={<CorrectInput correct={showCorrectAnswer || correct} />}\n MenuProps={{\n keepMounted: true,\n disablePortal: true\n }}\n onChange={e => {\n onChange(id, e.target.value);\n }}\n >\n {(choices || []).map((c, index) => (\n <MenuItem\n classes={{ root: classes.menuRoot, selected: classes.selected }}\n key={`${c.label}-${index}`}\n value={c.value}\n >\n <span\n className={classes.label}\n dangerouslySetInnerHTML={{\n __html: c.label\n }}\n />\n {showCheckmark && (\n <span\n className={classes.label}\n dangerouslySetInnerHTML={{ __html: c.value === value ? ' &check;' : '' }}\n />\n )}\n </MenuItem>\n ))}\n </Select>\n );\n }\n}\n\nconst styles = () => ({\n root: {\n color: color.text(),\n backgroundColor: color.background(),\n borderColor: color.secondaryLight(),\n '& ul': {\n paddingTop: 0,\n paddingBottom: 0,\n border: `1px solid ${color.text()}`,\n borderRadius: '5px',\n color: color.text(),\n backgroundColor: color.background()\n }\n },\n select: {\n '&:focus': {\n borderRadius: '4px'\n }\n },\n selectMenu: {\n backgroundColor: color.background(),\n '&:hover': {\n borderColor: 'initial'\n },\n '&:focus': {\n borderColor: 'initial'\n }\n },\n icon: {\n color: color.text()\n },\n selected: {\n color: `${color.text()} !important`,\n backgroundColor: `${color.background()} !important`,\n '&:hover': {\n color: color.text(),\n backgroundColor: `${color.secondaryLight()} !important`\n }\n },\n menuRoot: {\n color: color.text(),\n backgroundColor: color.background(),\n '&:focus': {\n color: color.text(),\n backgroundColor: color.background()\n },\n '&:hover': {\n color: color.text(),\n backgroundColor: color.secondaryLight()\n },\n boxSizing: 'border-box',\n padding: '25px',\n '&:first-of-type': {\n borderRadius: '3px 3px 0 0'\n },\n '&:last-of-type': {\n borderRadius: '0 0 3px 3px'\n }\n },\n label: {\n fontSize: 'max(1rem, 14px)'\n }\n});\n\nexport default withStyles(styles)(Dropdown);\n"],"mappings":"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"}
1
+ {"version":3,"file":"dropdown.js","names":["_react","_interopRequireDefault","require","_propTypes","_Select","_MenuItem","_correctInput","_styles","_renderUi","_createSuper","Derived","hasNativeReflectConstruct","_isNativeReflectConstruct","_createSuperInternal","Super","_getPrototypeOf2","result","NewTarget","constructor","Reflect","construct","arguments","apply","_possibleConstructorReturn2","sham","Proxy","Boolean","prototype","valueOf","call","e","Dropdown","_React$Component","_inherits2","_super","props","_this","_classCallCheck2","_defineProperty2","_assertThisInitialized2","setState","showCheckmark","open","state","_createClass2","key","value","render","_this$props","classes","id","correct","disabled","onChange","choices","showCorrectAnswer","_this$state","createElement","root","icon","selectMenu","select","onOpen","showCheckmarkAndOpen","onClose","hideCheckmarkAndClose","input","MenuProps","keepMounted","disablePortal","target","map","c","index","menuRoot","selected","concat","label","className","dangerouslySetInnerHTML","__html","React","Component","PropTypes","string","bool","func","object","arrayOf","shape","styles","color","text","backgroundColor","background","borderColor","secondaryLight","paddingTop","paddingBottom","border","borderRadius","boxSizing","padding","fontSize","_default","withStyles","exports"],"sources":["../../src/components/dropdown.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport Select from '@material-ui/core/Select';\nimport MenuItem from '@material-ui/core/MenuItem';\nimport CorrectInput from './correct-input';\nimport { withStyles } from '@material-ui/core/styles';\nimport { color } from '@pie-lib/render-ui';\n\nclass Dropdown extends React.Component {\n static propTypes = {\n id: PropTypes.string,\n value: PropTypes.string,\n disabled: PropTypes.bool,\n onChange: PropTypes.func,\n classes: PropTypes.object,\n correct: PropTypes.bool,\n choices: PropTypes.arrayOf(PropTypes.shape({ value: PropTypes.string, label: PropTypes.string })),\n showCorrectAnswer: PropTypes.bool,\n };\n\n constructor(props) {\n super(props);\n\n this.state = {\n showCheckmark: false,\n open: false,\n };\n }\n\n showCheckmarkAndOpen = () => {\n this.setState({\n showCheckmark: true,\n open: true,\n });\n };\n\n hideCheckmarkAndClose = () => {\n this.setState({\n showCheckmark: false,\n open: false,\n });\n };\n\n render() {\n const { classes, id, correct, disabled, value, onChange, choices, showCorrectAnswer } = this.props;\n\n const { showCheckmark, open } = this.state;\n\n return (\n <Select\n classes={{\n root: classes.root,\n icon: classes.icon,\n selectMenu: classes.selectMenu,\n select: classes.select,\n }}\n disabled={disabled}\n value={value || ''}\n onOpen={this.showCheckmarkAndOpen}\n onClose={this.hideCheckmarkAndClose}\n open={open}\n input={<CorrectInput correct={showCorrectAnswer || correct} />}\n MenuProps={{\n keepMounted: true,\n disablePortal: true,\n }}\n onChange={(e) => {\n onChange(id, e.target.value);\n }}\n >\n {(choices || []).map((c, index) => (\n <MenuItem\n classes={{ root: classes.menuRoot, selected: classes.selected }}\n key={`${c.label}-${index}`}\n value={c.value}\n >\n <span\n className={classes.label}\n dangerouslySetInnerHTML={{\n __html: c.label,\n }}\n />\n {showCheckmark && (\n <span\n className={classes.label}\n dangerouslySetInnerHTML={{ __html: c.value === value ? ' &check;' : '' }}\n />\n )}\n </MenuItem>\n ))}\n </Select>\n );\n }\n}\n\nconst styles = () => ({\n root: {\n color: color.text(),\n backgroundColor: color.background(),\n borderColor: color.secondaryLight(),\n '& ul': {\n paddingTop: 0,\n paddingBottom: 0,\n border: `1px solid ${color.text()}`,\n borderRadius: '5px',\n color: color.text(),\n backgroundColor: color.background(),\n },\n },\n select: {\n '&:focus': {\n borderRadius: '4px',\n },\n },\n selectMenu: {\n backgroundColor: color.background(),\n '&:hover': {\n borderColor: 'initial',\n },\n '&:focus': {\n borderColor: 'initial',\n },\n },\n icon: {\n color: color.text(),\n },\n selected: {\n color: `${color.text()} !important`,\n backgroundColor: `${color.background()} !important`,\n '&:hover': {\n color: color.text(),\n backgroundColor: `${color.secondaryLight()} !important`,\n },\n },\n menuRoot: {\n color: color.text(),\n backgroundColor: color.background(),\n '&:focus': {\n color: color.text(),\n backgroundColor: color.background(),\n },\n '&:hover': {\n color: color.text(),\n backgroundColor: color.secondaryLight(),\n },\n boxSizing: 'border-box',\n padding: '25px',\n '&:first-of-type': {\n borderRadius: '3px 3px 0 0',\n },\n '&:last-of-type': {\n borderRadius: '0 0 3px 3px',\n },\n },\n label: {\n fontSize: 'max(1rem, 14px)',\n },\n});\n\nexport default withStyles(styles)(Dropdown);\n"],"mappings":"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"}
@@ -1,29 +1,24 @@
1
1
  "use strict";
2
2
 
3
3
  var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
-
5
4
  Object.defineProperty(exports, "__esModule", {
6
5
  value: true
7
6
  });
8
7
  exports["default"] = void 0;
9
-
10
8
  var _react = _interopRequireDefault(require("react"));
11
-
12
9
  var _propTypes = _interopRequireDefault(require("prop-types"));
13
-
14
10
  var _correctInput = _interopRequireDefault(require("./correct-input"));
15
-
16
11
  var Input = function Input(_ref) {
17
12
  var disabled = _ref.disabled,
18
- correct = _ref.correct,
19
- charactersLimit = _ref.charactersLimit,
20
- id = _ref.id,
21
- isConstructedResponse = _ref.isConstructedResponse,
22
- value = _ref.value,
23
- _onChange = _ref.onChange,
24
- showCorrectAnswer = _ref.showCorrectAnswer,
25
- spellCheck = _ref.spellCheck,
26
- width = _ref.width;
13
+ correct = _ref.correct,
14
+ charactersLimit = _ref.charactersLimit,
15
+ id = _ref.id,
16
+ isConstructedResponse = _ref.isConstructedResponse,
17
+ value = _ref.value,
18
+ _onChange = _ref.onChange,
19
+ showCorrectAnswer = _ref.showCorrectAnswer,
20
+ spellCheck = _ref.spellCheck,
21
+ width = _ref.width;
27
22
  return /*#__PURE__*/_react["default"].createElement(_correctInput["default"], {
28
23
  disabled: disabled,
29
24
  correct: showCorrectAnswer || correct,
@@ -39,7 +34,6 @@ var Input = function Input(_ref) {
39
34
  }
40
35
  });
41
36
  };
42
-
43
37
  Input.propTypes = {
44
38
  id: _propTypes["default"].string,
45
39
  value: _propTypes["default"].string,
@@ -47,8 +41,11 @@ Input.propTypes = {
47
41
  disabled: _propTypes["default"].bool,
48
42
  spellCheck: _propTypes["default"].bool,
49
43
  correct: _propTypes["default"].bool,
50
- showCorrectAnswer: _propTypes["default"].bool
44
+ showCorrectAnswer: _propTypes["default"].bool,
45
+ charactersLimit: _propTypes["default"].number,
46
+ width: _propTypes["default"].number,
47
+ isConstructedResponse: _propTypes["default"].bool
51
48
  };
52
49
  var _default = Input;
53
50
  exports["default"] = _default;
54
- //# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJJbnB1dCIsImRpc2FibGVkIiwiY29ycmVjdCIsImNoYXJhY3RlcnNMaW1pdCIsImlkIiwiaXNDb25zdHJ1Y3RlZFJlc3BvbnNlIiwidmFsdWUiLCJvbkNoYW5nZSIsInNob3dDb3JyZWN0QW5zd2VyIiwic3BlbGxDaGVjayIsIndpZHRoIiwiZSIsInRhcmdldCIsInByb3BUeXBlcyIsIlByb3BUeXBlcyIsInN0cmluZyIsImZ1bmMiLCJib29sIl0sInNvdXJjZXMiOlsiLi4vLi4vc3JjL2NvbXBvbmVudHMvaW5wdXQuanN4Il0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCc7XG5pbXBvcnQgUHJvcFR5cGVzIGZyb20gJ3Byb3AtdHlwZXMnO1xuaW1wb3J0IENvcnJlY3RJbnB1dCBmcm9tICcuL2NvcnJlY3QtaW5wdXQnO1xuXG5jb25zdCBJbnB1dCA9ICh7XG4gIGRpc2FibGVkLFxuICBjb3JyZWN0LFxuICBjaGFyYWN0ZXJzTGltaXQsXG4gIGlkLFxuICBpc0NvbnN0cnVjdGVkUmVzcG9uc2UsXG4gIHZhbHVlLFxuICBvbkNoYW5nZSxcbiAgc2hvd0NvcnJlY3RBbnN3ZXIsXG4gIHNwZWxsQ2hlY2ssXG4gIHdpZHRoXG59KSA9PiB7XG4gIHJldHVybiAoXG4gICAgPENvcnJlY3RJbnB1dFxuICAgICAgZGlzYWJsZWQ9e2Rpc2FibGVkfVxuICAgICAgY29ycmVjdD17c2hvd0NvcnJlY3RBbnN3ZXIgfHwgY29ycmVjdH1cbiAgICAgIGNoYXJhY3RlcnNMaW1pdD17Y2hhcmFjdGVyc0xpbWl0fVxuICAgICAgdmFyaWFudD1cIm91dGxpbmVkXCJcbiAgICAgIHZhbHVlPXt2YWx1ZX1cbiAgICAgIGlzQ29uc3RydWN0ZWRSZXNwb25zZT17aXNDb25zdHJ1Y3RlZFJlc3BvbnNlfVxuICAgICAgc3BlbGxDaGVjaz17c3BlbGxDaGVja31cbiAgICAgIGlzQm94PXt0cnVlfVxuICAgICAgd2lkdGg9e3dpZHRofVxuICAgICAgb25DaGFuZ2U9e2UgPT4ge1xuICAgICAgICBvbkNoYW5nZShpZCwgZS50YXJnZXQudmFsdWUpO1xuICAgICAgfX1cbiAgICAvPlxuICApO1xufTtcblxuSW5wdXQucHJvcFR5cGVzID0ge1xuICBpZDogUHJvcFR5cGVzLnN0cmluZyxcbiAgdmFsdWU6IFByb3BUeXBlcy5zdHJpbmcsXG4gIG9uQ2hhbmdlOiBQcm9wVHlwZXMuZnVuYyxcbiAgZGlzYWJsZWQ6IFByb3BUeXBlcy5ib29sLFxuICBzcGVsbENoZWNrOiBQcm9wVHlwZXMuYm9vbCxcbiAgY29ycmVjdDogUHJvcFR5cGVzLmJvb2wsXG4gIHNob3dDb3JyZWN0QW5zd2VyOiBQcm9wVHlwZXMuYm9vbFxufTtcblxuZXhwb3J0IGRlZmF1bHQgSW5wdXQ7XG4iXSwibWFwcGluZ3MiOiI7Ozs7Ozs7OztBQUFBOztBQUNBOztBQUNBOztBQUVBLElBQU1BLEtBQUssR0FBRyxTQUFSQSxLQUFRLE9BV1I7RUFBQSxJQVZKQyxRQVVJLFFBVkpBLFFBVUk7RUFBQSxJQVRKQyxPQVNJLFFBVEpBLE9BU0k7RUFBQSxJQVJKQyxlQVFJLFFBUkpBLGVBUUk7RUFBQSxJQVBKQyxFQU9JLFFBUEpBLEVBT0k7RUFBQSxJQU5KQyxxQkFNSSxRQU5KQSxxQkFNSTtFQUFBLElBTEpDLEtBS0ksUUFMSkEsS0FLSTtFQUFBLElBSkpDLFNBSUksUUFKSkEsUUFJSTtFQUFBLElBSEpDLGlCQUdJLFFBSEpBLGlCQUdJO0VBQUEsSUFGSkMsVUFFSSxRQUZKQSxVQUVJO0VBQUEsSUFESkMsS0FDSSxRQURKQSxLQUNJO0VBQ0osb0JBQ0UsZ0NBQUMsd0JBQUQ7SUFDRSxRQUFRLEVBQUVULFFBRFo7SUFFRSxPQUFPLEVBQUVPLGlCQUFpQixJQUFJTixPQUZoQztJQUdFLGVBQWUsRUFBRUMsZUFIbkI7SUFJRSxPQUFPLEVBQUMsVUFKVjtJQUtFLEtBQUssRUFBRUcsS0FMVDtJQU1FLHFCQUFxQixFQUFFRCxxQkFOekI7SUFPRSxVQUFVLEVBQUVJLFVBUGQ7SUFRRSxLQUFLLEVBQUUsSUFSVDtJQVNFLEtBQUssRUFBRUMsS0FUVDtJQVVFLFFBQVEsRUFBRSxrQkFBQUMsQ0FBQyxFQUFJO01BQ2JKLFNBQVEsQ0FBQ0gsRUFBRCxFQUFLTyxDQUFDLENBQUNDLE1BQUYsQ0FBU04sS0FBZCxDQUFSO0lBQ0Q7RUFaSCxFQURGO0FBZ0JELENBNUJEOztBQThCQU4sS0FBSyxDQUFDYSxTQUFOLEdBQWtCO0VBQ2hCVCxFQUFFLEVBQUVVLHFCQUFBLENBQVVDLE1BREU7RUFFaEJULEtBQUssRUFBRVEscUJBQUEsQ0FBVUMsTUFGRDtFQUdoQlIsUUFBUSxFQUFFTyxxQkFBQSxDQUFVRSxJQUhKO0VBSWhCZixRQUFRLEVBQUVhLHFCQUFBLENBQVVHLElBSko7RUFLaEJSLFVBQVUsRUFBRUsscUJBQUEsQ0FBVUcsSUFMTjtFQU1oQmYsT0FBTyxFQUFFWSxxQkFBQSxDQUFVRyxJQU5IO0VBT2hCVCxpQkFBaUIsRUFBRU0scUJBQUEsQ0FBVUc7QUFQYixDQUFsQjtlQVVlakIsSyJ9
51
+ //# sourceMappingURL=input.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"input.js","names":["Input","disabled","correct","charactersLimit","id","isConstructedResponse","value","onChange","showCorrectAnswer","spellCheck","width","e","target","propTypes","PropTypes","string","func","bool"],"sources":["../../src/components/input.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport CorrectInput from './correct-input';\n\nconst Input = ({\n disabled,\n correct,\n charactersLimit,\n id,\n isConstructedResponse,\n value,\n onChange,\n showCorrectAnswer,\n spellCheck,\n width\n}) => {\n return (\n <CorrectInput\n disabled={disabled}\n correct={showCorrectAnswer || correct}\n charactersLimit={charactersLimit}\n variant=\"outlined\"\n value={value}\n isConstructedResponse={isConstructedResponse}\n spellCheck={spellCheck}\n isBox={true}\n width={width}\n onChange={e => {\n onChange(id, e.target.value);\n }}\n />\n );\n};\n\nInput.propTypes = {\n id: PropTypes.string,\n value: PropTypes.string,\n onChange: PropTypes.func,\n disabled: PropTypes.bool,\n spellCheck: PropTypes.bool,\n correct: PropTypes.bool,\n showCorrectAnswer: PropTypes.bool\n};\n\nexport default Input;\n"],"mappings":";;;;;;;;;AAAA;;AACA;;AACA;;AAEA,IAAMA,KAAK,GAAG,SAARA,KAAQ,OAWR;EAAA,IAVJC,QAUI,QAVJA,QAUI;EAAA,IATJC,OASI,QATJA,OASI;EAAA,IARJC,eAQI,QARJA,eAQI;EAAA,IAPJC,EAOI,QAPJA,EAOI;EAAA,IANJC,qBAMI,QANJA,qBAMI;EAAA,IALJC,KAKI,QALJA,KAKI;EAAA,IAJJC,SAII,QAJJA,QAII;EAAA,IAHJC,iBAGI,QAHJA,iBAGI;EAAA,IAFJC,UAEI,QAFJA,UAEI;EAAA,IADJC,KACI,QADJA,KACI;EACJ,oBACE,gCAAC,wBAAD;IACE,QAAQ,EAAET,QADZ;IAEE,OAAO,EAAEO,iBAAiB,IAAIN,OAFhC;IAGE,eAAe,EAAEC,eAHnB;IAIE,OAAO,EAAC,UAJV;IAKE,KAAK,EAAEG,KALT;IAME,qBAAqB,EAAED,qBANzB;IAOE,UAAU,EAAEI,UAPd;IAQE,KAAK,EAAE,IART;IASE,KAAK,EAAEC,KATT;IAUE,QAAQ,EAAE,kBAAAC,CAAC,EAAI;MACbJ,SAAQ,CAACH,EAAD,EAAKO,CAAC,CAACC,MAAF,CAASN,KAAd,CAAR;IACD;EAZH,EADF;AAgBD,CA5BD;;AA8BAN,KAAK,CAACa,SAAN,GAAkB;EAChBT,EAAE,EAAEU,qBAAA,CAAUC,MADE;EAEhBT,KAAK,EAAEQ,qBAAA,CAAUC,MAFD;EAGhBR,QAAQ,EAAEO,qBAAA,CAAUE,IAHJ;EAIhBf,QAAQ,EAAEa,qBAAA,CAAUG,IAJJ;EAKhBR,UAAU,EAAEK,qBAAA,CAAUG,IALN;EAMhBf,OAAO,EAAEY,qBAAA,CAAUG,IANH;EAOhBT,iBAAiB,EAAEM,qBAAA,CAAUG;AAPb,CAAlB;eAUejB,K"}
1
+ {"version":3,"file":"input.js","names":["_react","_interopRequireDefault","require","_propTypes","_correctInput","Input","_ref","disabled","correct","charactersLimit","id","isConstructedResponse","value","onChange","showCorrectAnswer","spellCheck","width","createElement","variant","isBox","e","target","propTypes","PropTypes","string","func","bool","number","_default","exports"],"sources":["../../src/components/input.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport CorrectInput from './correct-input';\n\nconst Input = ({\n disabled,\n correct,\n charactersLimit,\n id,\n isConstructedResponse,\n value,\n onChange,\n showCorrectAnswer,\n spellCheck,\n width,\n}) => {\n return (\n <CorrectInput\n disabled={disabled}\n correct={showCorrectAnswer || correct}\n charactersLimit={charactersLimit}\n variant=\"outlined\"\n value={value}\n isConstructedResponse={isConstructedResponse}\n spellCheck={spellCheck}\n isBox={true}\n width={width}\n onChange={(e) => {\n onChange(id, e.target.value);\n }}\n />\n );\n};\n\nInput.propTypes = {\n id: PropTypes.string,\n value: PropTypes.string,\n onChange: PropTypes.func,\n disabled: PropTypes.bool,\n spellCheck: PropTypes.bool,\n correct: PropTypes.bool,\n showCorrectAnswer: PropTypes.bool,\n charactersLimit: PropTypes.number,\n width: PropTypes.number,\n isConstructedResponse: PropTypes.bool,\n};\n\nexport default Input;\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,UAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,aAAA,GAAAH,sBAAA,CAAAC,OAAA;AAEA,IAAMG,KAAK,GAAG,SAARA,KAAKA,CAAAC,IAAA,EAWL;EAAA,IAVJC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;IACRC,OAAO,GAAAF,IAAA,CAAPE,OAAO;IACPC,eAAe,GAAAH,IAAA,CAAfG,eAAe;IACfC,EAAE,GAAAJ,IAAA,CAAFI,EAAE;IACFC,qBAAqB,GAAAL,IAAA,CAArBK,qBAAqB;IACrBC,KAAK,GAAAN,IAAA,CAALM,KAAK;IACLC,SAAQ,GAAAP,IAAA,CAARO,QAAQ;IACRC,iBAAiB,GAAAR,IAAA,CAAjBQ,iBAAiB;IACjBC,UAAU,GAAAT,IAAA,CAAVS,UAAU;IACVC,KAAK,GAAAV,IAAA,CAALU,KAAK;EAEL,oBACEhB,MAAA,YAAAiB,aAAA,CAACb,aAAA,WAAY;IACXG,QAAQ,EAAEA,QAAS;IACnBC,OAAO,EAAEM,iBAAiB,IAAIN,OAAQ;IACtCC,eAAe,EAAEA,eAAgB;IACjCS,OAAO,EAAC,UAAU;IAClBN,KAAK,EAAEA,KAAM;IACbD,qBAAqB,EAAEA,qBAAsB;IAC7CI,UAAU,EAAEA,UAAW;IACvBI,KAAK,EAAE,IAAK;IACZH,KAAK,EAAEA,KAAM;IACbH,QAAQ,EAAE,SAAAA,SAACO,CAAC,EAAK;MACfP,SAAQ,CAACH,EAAE,EAAEU,CAAC,CAACC,MAAM,CAACT,KAAK,CAAC;IAC9B;EAAE,CACH,CAAC;AAEN,CAAC;AAEDP,KAAK,CAACiB,SAAS,GAAG;EAChBZ,EAAE,EAAEa,qBAAS,CAACC,MAAM;EACpBZ,KAAK,EAAEW,qBAAS,CAACC,MAAM;EACvBX,QAAQ,EAAEU,qBAAS,CAACE,IAAI;EACxBlB,QAAQ,EAAEgB,qBAAS,CAACG,IAAI;EACxBX,UAAU,EAAEQ,qBAAS,CAACG,IAAI;EAC1BlB,OAAO,EAAEe,qBAAS,CAACG,IAAI;EACvBZ,iBAAiB,EAAES,qBAAS,CAACG,IAAI;EACjCjB,eAAe,EAAEc,qBAAS,CAACI,MAAM;EACjCX,KAAK,EAAEO,qBAAS,CAACI,MAAM;EACvBhB,qBAAqB,EAAEY,qBAAS,CAACG;AACnC,CAAC;AAAC,IAAAE,QAAA,GAEavB,KAAK;AAAAwB,OAAA,cAAAD,QAAA"}
@@ -1,30 +1,28 @@
1
1
  "use strict";
2
2
 
3
3
  var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
-
5
4
  Object.defineProperty(exports, "__esModule", {
6
5
  value: true
7
6
  });
8
7
  exports["default"] = void 0;
9
-
10
8
  var _react = _interopRequireDefault(require("react"));
11
-
12
9
  var _input = _interopRequireDefault(require("./components/input"));
13
-
14
10
  var _withMask = require("./with-mask");
15
-
11
+ // eslint-disable-next-line react/display-name
16
12
  var _default = (0, _withMask.withMask)('input', function (props) {
17
13
  return function (node, data, onChange) {
18
14
  var dataset = node.data ? node.data.dataset || {} : {};
19
-
20
15
  if (dataset.component === 'input') {
16
+ // eslint-disable-next-line react/prop-types
21
17
  var adjustedLimit = props.adjustedLimit,
22
- disabled = props.disabled,
23
- feedback = props.feedback,
24
- showCorrectAnswer = props.showCorrectAnswer,
25
- maxLength = props.maxLength,
26
- spellCheck = props.spellCheck; // the first answer is the correct one
27
-
18
+ disabled = props.disabled,
19
+ feedback = props.feedback,
20
+ showCorrectAnswer = props.showCorrectAnswer,
21
+ maxLength = props.maxLength,
22
+ spellCheck = props.spellCheck;
23
+
24
+ // the first answer is the correct one
25
+ // eslint-disable-next-line react/prop-types
28
26
  var correctAnswer = (props.choices && dataset && props.choices[dataset.id] || [])[0];
29
27
  var finalValue = showCorrectAnswer ? correctAnswer && correctAnswer.label : data[dataset.id] || '';
30
28
  var width = maxLength && maxLength[dataset.id];
@@ -44,6 +42,5 @@ var _default = (0, _withMask.withMask)('input', function (props) {
44
42
  }
45
43
  };
46
44
  });
47
-
48
45
  exports["default"] = _default;
49
- //# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJ3aXRoTWFzayIsInByb3BzIiwibm9kZSIsImRhdGEiLCJvbkNoYW5nZSIsImRhdGFzZXQiLCJjb21wb25lbnQiLCJhZGp1c3RlZExpbWl0IiwiZGlzYWJsZWQiLCJmZWVkYmFjayIsInNob3dDb3JyZWN0QW5zd2VyIiwibWF4TGVuZ3RoIiwic3BlbGxDaGVjayIsImNvcnJlY3RBbnN3ZXIiLCJjaG9pY2VzIiwiaWQiLCJmaW5hbFZhbHVlIiwibGFiZWwiLCJ3aWR0aCIsInR5cGUiXSwic291cmNlcyI6WyIuLi9zcmMvY29uc3RydWN0ZWQtcmVzcG9uc2UuanN4Il0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCc7XG5pbXBvcnQgSW5wdXQgZnJvbSAnLi9jb21wb25lbnRzL2lucHV0JztcbmltcG9ydCB7IHdpdGhNYXNrIH0gZnJvbSAnLi93aXRoLW1hc2snO1xuXG5leHBvcnQgZGVmYXVsdCB3aXRoTWFzaygnaW5wdXQnLCBwcm9wcyA9PiAobm9kZSwgZGF0YSwgb25DaGFuZ2UpID0+IHtcbiAgY29uc3QgZGF0YXNldCA9IG5vZGUuZGF0YSA/IG5vZGUuZGF0YS5kYXRhc2V0IHx8IHt9IDoge307XG4gIGlmIChkYXRhc2V0LmNvbXBvbmVudCA9PT0gJ2lucHV0Jykge1xuICAgIGNvbnN0IHsgYWRqdXN0ZWRMaW1pdCwgZGlzYWJsZWQsIGZlZWRiYWNrLCBzaG93Q29ycmVjdEFuc3dlciwgbWF4TGVuZ3RoLCBzcGVsbENoZWNrIH0gPSBwcm9wcztcblxuICAgIC8vIHRoZSBmaXJzdCBhbnN3ZXIgaXMgdGhlIGNvcnJlY3Qgb25lXG4gICAgY29uc3QgY29ycmVjdEFuc3dlciA9ICgocHJvcHMuY2hvaWNlcyAmJiBkYXRhc2V0ICYmIHByb3BzLmNob2ljZXNbZGF0YXNldC5pZF0pIHx8IFtdKVswXTtcbiAgICBjb25zdCBmaW5hbFZhbHVlID0gc2hvd0NvcnJlY3RBbnN3ZXJcbiAgICAgID8gY29ycmVjdEFuc3dlciAmJiBjb3JyZWN0QW5zd2VyLmxhYmVsXG4gICAgICA6IGRhdGFbZGF0YXNldC5pZF0gfHwgJyc7XG4gICAgY29uc3Qgd2lkdGggPSBtYXhMZW5ndGggJiYgbWF4TGVuZ3RoW2RhdGFzZXQuaWRdO1xuXG4gICAgcmV0dXJuIChcbiAgICAgIDxJbnB1dFxuICAgICAgICBrZXk9e2Ake25vZGUudHlwZX0taW5wdXQtJHtkYXRhc2V0LmlkfWB9XG4gICAgICAgIGNvcnJlY3Q9e2ZlZWRiYWNrICYmIGZlZWRiYWNrW2RhdGFzZXQuaWRdICYmIGZlZWRiYWNrW2RhdGFzZXQuaWRdID09PSAnY29ycmVjdCd9XG4gICAgICAgIGRpc2FibGVkPXtzaG93Q29ycmVjdEFuc3dlciB8fCBkaXNhYmxlZH1cbiAgICAgICAgdmFsdWU9e2ZpbmFsVmFsdWV9XG4gICAgICAgIGlkPXtkYXRhc2V0LmlkfVxuICAgICAgICBvbkNoYW5nZT17b25DaGFuZ2V9XG4gICAgICAgIHNob3dDb3JyZWN0QW5zd2VyPXtzaG93Q29ycmVjdEFuc3dlcn1cbiAgICAgICAgd2lkdGg9e3dpZHRofVxuICAgICAgICBjaGFyYWN0ZXJzTGltaXQ9e2FkanVzdGVkTGltaXQgPyB3aWR0aCA6IDI1fVxuICAgICAgICBpc0NvbnN0cnVjdGVkUmVzcG9uc2U9e3RydWV9XG4gICAgICAgIHNwZWxsQ2hlY2s9e3NwZWxsQ2hlY2t9XG4gICAgICAvPlxuICAgICk7XG4gIH1cbn0pO1xuIl0sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7QUFBQTs7QUFDQTs7QUFDQTs7ZUFFZSxJQUFBQSxrQkFBQSxFQUFTLE9BQVQsRUFBa0IsVUFBQUMsS0FBSztFQUFBLE9BQUksVUFBQ0MsSUFBRCxFQUFPQyxJQUFQLEVBQWFDLFFBQWIsRUFBMEI7SUFDbEUsSUFBTUMsT0FBTyxHQUFHSCxJQUFJLENBQUNDLElBQUwsR0FBWUQsSUFBSSxDQUFDQyxJQUFMLENBQVVFLE9BQVYsSUFBcUIsRUFBakMsR0FBc0MsRUFBdEQ7O0lBQ0EsSUFBSUEsT0FBTyxDQUFDQyxTQUFSLEtBQXNCLE9BQTFCLEVBQW1DO01BQ2pDLElBQVFDLGFBQVIsR0FBd0ZOLEtBQXhGLENBQVFNLGFBQVI7TUFBQSxJQUF1QkMsUUFBdkIsR0FBd0ZQLEtBQXhGLENBQXVCTyxRQUF2QjtNQUFBLElBQWlDQyxRQUFqQyxHQUF3RlIsS0FBeEYsQ0FBaUNRLFFBQWpDO01BQUEsSUFBMkNDLGlCQUEzQyxHQUF3RlQsS0FBeEYsQ0FBMkNTLGlCQUEzQztNQUFBLElBQThEQyxTQUE5RCxHQUF3RlYsS0FBeEYsQ0FBOERVLFNBQTlEO01BQUEsSUFBeUVDLFVBQXpFLEdBQXdGWCxLQUF4RixDQUF5RVcsVUFBekUsQ0FEaUMsQ0FHakM7O01BQ0EsSUFBTUMsYUFBYSxHQUFHLENBQUVaLEtBQUssQ0FBQ2EsT0FBTixJQUFpQlQsT0FBakIsSUFBNEJKLEtBQUssQ0FBQ2EsT0FBTixDQUFjVCxPQUFPLENBQUNVLEVBQXRCLENBQTdCLElBQTJELEVBQTVELEVBQWdFLENBQWhFLENBQXRCO01BQ0EsSUFBTUMsVUFBVSxHQUFHTixpQkFBaUIsR0FDaENHLGFBQWEsSUFBSUEsYUFBYSxDQUFDSSxLQURDLEdBRWhDZCxJQUFJLENBQUNFLE9BQU8sQ0FBQ1UsRUFBVCxDQUFKLElBQW9CLEVBRnhCO01BR0EsSUFBTUcsS0FBSyxHQUFHUCxTQUFTLElBQUlBLFNBQVMsQ0FBQ04sT0FBTyxDQUFDVSxFQUFULENBQXBDO01BRUEsb0JBQ0UsZ0NBQUMsaUJBQUQ7UUFDRSxHQUFHLFlBQUtiLElBQUksQ0FBQ2lCLElBQVYsb0JBQXdCZCxPQUFPLENBQUNVLEVBQWhDLENBREw7UUFFRSxPQUFPLEVBQUVOLFFBQVEsSUFBSUEsUUFBUSxDQUFDSixPQUFPLENBQUNVLEVBQVQsQ0FBcEIsSUFBb0NOLFFBQVEsQ0FBQ0osT0FBTyxDQUFDVSxFQUFULENBQVIsS0FBeUIsU0FGeEU7UUFHRSxRQUFRLEVBQUVMLGlCQUFpQixJQUFJRixRQUhqQztRQUlFLEtBQUssRUFBRVEsVUFKVDtRQUtFLEVBQUUsRUFBRVgsT0FBTyxDQUFDVSxFQUxkO1FBTUUsUUFBUSxFQUFFWCxRQU5aO1FBT0UsaUJBQWlCLEVBQUVNLGlCQVByQjtRQVFFLEtBQUssRUFBRVEsS0FSVDtRQVNFLGVBQWUsRUFBRVgsYUFBYSxHQUFHVyxLQUFILEdBQVcsRUFUM0M7UUFVRSxxQkFBcUIsRUFBRSxJQVZ6QjtRQVdFLFVBQVUsRUFBRU47TUFYZCxFQURGO0lBZUQ7RUFDRixDQTVCcUM7QUFBQSxDQUF2QixDIn0=
46
+ //# sourceMappingURL=constructed-response.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"constructed-response.js","names":["withMask","props","node","data","onChange","dataset","component","adjustedLimit","disabled","feedback","showCorrectAnswer","maxLength","spellCheck","correctAnswer","choices","id","finalValue","label","width","type"],"sources":["../src/constructed-response.jsx"],"sourcesContent":["import React from 'react';\nimport Input from './components/input';\nimport { withMask } from './with-mask';\n\nexport default withMask('input', props => (node, data, onChange) => {\n const dataset = node.data ? node.data.dataset || {} : {};\n if (dataset.component === 'input') {\n const { adjustedLimit, disabled, feedback, showCorrectAnswer, maxLength, spellCheck } = props;\n\n // the first answer is the correct one\n const correctAnswer = ((props.choices && dataset && props.choices[dataset.id]) || [])[0];\n const finalValue = showCorrectAnswer\n ? correctAnswer && correctAnswer.label\n : data[dataset.id] || '';\n const width = maxLength && maxLength[dataset.id];\n\n return (\n <Input\n key={`${node.type}-input-${dataset.id}`}\n correct={feedback && feedback[dataset.id] && feedback[dataset.id] === 'correct'}\n disabled={showCorrectAnswer || disabled}\n value={finalValue}\n id={dataset.id}\n onChange={onChange}\n showCorrectAnswer={showCorrectAnswer}\n width={width}\n charactersLimit={adjustedLimit ? width : 25}\n isConstructedResponse={true}\n spellCheck={spellCheck}\n />\n );\n }\n});\n"],"mappings":";;;;;;;;;AAAA;;AACA;;AACA;;eAEe,IAAAA,kBAAA,EAAS,OAAT,EAAkB,UAAAC,KAAK;EAAA,OAAI,UAACC,IAAD,EAAOC,IAAP,EAAaC,QAAb,EAA0B;IAClE,IAAMC,OAAO,GAAGH,IAAI,CAACC,IAAL,GAAYD,IAAI,CAACC,IAAL,CAAUE,OAAV,IAAqB,EAAjC,GAAsC,EAAtD;;IACA,IAAIA,OAAO,CAACC,SAAR,KAAsB,OAA1B,EAAmC;MACjC,IAAQC,aAAR,GAAwFN,KAAxF,CAAQM,aAAR;MAAA,IAAuBC,QAAvB,GAAwFP,KAAxF,CAAuBO,QAAvB;MAAA,IAAiCC,QAAjC,GAAwFR,KAAxF,CAAiCQ,QAAjC;MAAA,IAA2CC,iBAA3C,GAAwFT,KAAxF,CAA2CS,iBAA3C;MAAA,IAA8DC,SAA9D,GAAwFV,KAAxF,CAA8DU,SAA9D;MAAA,IAAyEC,UAAzE,GAAwFX,KAAxF,CAAyEW,UAAzE,CADiC,CAGjC;;MACA,IAAMC,aAAa,GAAG,CAAEZ,KAAK,CAACa,OAAN,IAAiBT,OAAjB,IAA4BJ,KAAK,CAACa,OAAN,CAAcT,OAAO,CAACU,EAAtB,CAA7B,IAA2D,EAA5D,EAAgE,CAAhE,CAAtB;MACA,IAAMC,UAAU,GAAGN,iBAAiB,GAChCG,aAAa,IAAIA,aAAa,CAACI,KADC,GAEhCd,IAAI,CAACE,OAAO,CAACU,EAAT,CAAJ,IAAoB,EAFxB;MAGA,IAAMG,KAAK,GAAGP,SAAS,IAAIA,SAAS,CAACN,OAAO,CAACU,EAAT,CAApC;MAEA,oBACE,gCAAC,iBAAD;QACE,GAAG,YAAKb,IAAI,CAACiB,IAAV,oBAAwBd,OAAO,CAACU,EAAhC,CADL;QAEE,OAAO,EAAEN,QAAQ,IAAIA,QAAQ,CAACJ,OAAO,CAACU,EAAT,CAApB,IAAoCN,QAAQ,CAACJ,OAAO,CAACU,EAAT,CAAR,KAAyB,SAFxE;QAGE,QAAQ,EAAEL,iBAAiB,IAAIF,QAHjC;QAIE,KAAK,EAAEQ,UAJT;QAKE,EAAE,EAAEX,OAAO,CAACU,EALd;QAME,QAAQ,EAAEX,QANZ;QAOE,iBAAiB,EAAEM,iBAPrB;QAQE,KAAK,EAAEQ,KART;QASE,eAAe,EAAEX,aAAa,GAAGW,KAAH,GAAW,EAT3C;QAUE,qBAAqB,EAAE,IAVzB;QAWE,UAAU,EAAEN;MAXd,EADF;IAeD;EACF,CA5BqC;AAAA,CAAvB,C"}
1
+ {"version":3,"file":"constructed-response.js","names":["_react","_interopRequireDefault","require","_input","_withMask","_default","withMask","props","node","data","onChange","dataset","component","adjustedLimit","disabled","feedback","showCorrectAnswer","maxLength","spellCheck","correctAnswer","choices","id","finalValue","label","width","createElement","key","concat","type","correct","value","charactersLimit","isConstructedResponse","exports"],"sources":["../src/constructed-response.jsx"],"sourcesContent":["import React from 'react';\nimport Input from './components/input';\nimport { withMask } from './with-mask';\n\n// eslint-disable-next-line react/display-name\nexport default withMask('input', (props) => (node, data, onChange) => {\n const dataset = node.data ? node.data.dataset || {} : {};\n if (dataset.component === 'input') {\n // eslint-disable-next-line react/prop-types\n const { adjustedLimit, disabled, feedback, showCorrectAnswer, maxLength, spellCheck } = props;\n\n // the first answer is the correct one\n // eslint-disable-next-line react/prop-types\n const correctAnswer = ((props.choices && dataset && props.choices[dataset.id]) || [])[0];\n const finalValue = showCorrectAnswer ? correctAnswer && correctAnswer.label : data[dataset.id] || '';\n const width = maxLength && maxLength[dataset.id];\n\n return (\n <Input\n key={`${node.type}-input-${dataset.id}`}\n correct={feedback && feedback[dataset.id] && feedback[dataset.id] === 'correct'}\n disabled={showCorrectAnswer || disabled}\n value={finalValue}\n id={dataset.id}\n onChange={onChange}\n showCorrectAnswer={showCorrectAnswer}\n width={width}\n charactersLimit={adjustedLimit ? width : 25}\n isConstructedResponse={true}\n spellCheck={spellCheck}\n />\n );\n }\n});\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,MAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,SAAA,GAAAF,OAAA;AAEA;AAAA,IAAAG,QAAA,GACe,IAAAC,kBAAQ,EAAC,OAAO,EAAE,UAACC,KAAK;EAAA,OAAK,UAACC,IAAI,EAAEC,IAAI,EAAEC,QAAQ,EAAK;IACpE,IAAMC,OAAO,GAAGH,IAAI,CAACC,IAAI,GAAGD,IAAI,CAACC,IAAI,CAACE,OAAO,IAAI,CAAC,CAAC,GAAG,CAAC,CAAC;IACxD,IAAIA,OAAO,CAACC,SAAS,KAAK,OAAO,EAAE;MACjC;MACA,IAAQC,aAAa,GAAmEN,KAAK,CAArFM,aAAa;QAAEC,QAAQ,GAAyDP,KAAK,CAAtEO,QAAQ;QAAEC,QAAQ,GAA+CR,KAAK,CAA5DQ,QAAQ;QAAEC,iBAAiB,GAA4BT,KAAK,CAAlDS,iBAAiB;QAAEC,SAAS,GAAiBV,KAAK,CAA/BU,SAAS;QAAEC,UAAU,GAAKX,KAAK,CAApBW,UAAU;;MAEnF;MACA;MACA,IAAMC,aAAa,GAAG,CAAEZ,KAAK,CAACa,OAAO,IAAIT,OAAO,IAAIJ,KAAK,CAACa,OAAO,CAACT,OAAO,CAACU,EAAE,CAAC,IAAK,EAAE,EAAE,CAAC,CAAC;MACxF,IAAMC,UAAU,GAAGN,iBAAiB,GAAGG,aAAa,IAAIA,aAAa,CAACI,KAAK,GAAGd,IAAI,CAACE,OAAO,CAACU,EAAE,CAAC,IAAI,EAAE;MACpG,IAAMG,KAAK,GAAGP,SAAS,IAAIA,SAAS,CAACN,OAAO,CAACU,EAAE,CAAC;MAEhD,oBACErB,MAAA,YAAAyB,aAAA,CAACtB,MAAA,WAAK;QACJuB,GAAG,KAAAC,MAAA,CAAKnB,IAAI,CAACoB,IAAI,aAAAD,MAAA,CAAUhB,OAAO,CAACU,EAAE,CAAG;QACxCQ,OAAO,EAAEd,QAAQ,IAAIA,QAAQ,CAACJ,OAAO,CAACU,EAAE,CAAC,IAAIN,QAAQ,CAACJ,OAAO,CAACU,EAAE,CAAC,KAAK,SAAU;QAChFP,QAAQ,EAAEE,iBAAiB,IAAIF,QAAS;QACxCgB,KAAK,EAAER,UAAW;QAClBD,EAAE,EAAEV,OAAO,CAACU,EAAG;QACfX,QAAQ,EAAEA,QAAS;QACnBM,iBAAiB,EAAEA,iBAAkB;QACrCQ,KAAK,EAAEA,KAAM;QACbO,eAAe,EAAElB,aAAa,GAAGW,KAAK,GAAG,EAAG;QAC5CQ,qBAAqB,EAAE,IAAK;QAC5Bd,UAAU,EAAEA;MAAW,CACxB,CAAC;IAEN;EACF,CAAC;AAAA,EAAC;AAAAe,OAAA,cAAA5B,QAAA"}