@pie-element/complex-rubric 2.1.2-next.36 → 2.1.2-next.44

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 (95) hide show
  1. package/configure/node_modules/@pie-element/multi-trait-rubric/CHANGELOG.json +1 -0
  2. package/configure/node_modules/@pie-element/multi-trait-rubric/CHANGELOG.md +1001 -0
  3. package/configure/node_modules/@pie-element/multi-trait-rubric/LICENSE.md +5 -0
  4. package/configure/node_modules/@pie-element/multi-trait-rubric/README.md +55 -0
  5. package/configure/node_modules/@pie-element/multi-trait-rubric/configure/CHANGELOG.json +1 -0
  6. package/configure/node_modules/@pie-element/multi-trait-rubric/configure/CHANGELOG.md +892 -0
  7. package/configure/node_modules/@pie-element/multi-trait-rubric/configure/lib/common.js +563 -0
  8. package/configure/node_modules/@pie-element/multi-trait-rubric/configure/lib/common.js.map +1 -0
  9. package/configure/node_modules/@pie-element/multi-trait-rubric/configure/lib/defaults.js +99 -0
  10. package/configure/node_modules/@pie-element/multi-trait-rubric/configure/lib/defaults.js.map +1 -0
  11. package/configure/node_modules/@pie-element/multi-trait-rubric/configure/lib/index.js +126 -0
  12. package/configure/node_modules/@pie-element/multi-trait-rubric/configure/lib/index.js.map +1 -0
  13. package/configure/node_modules/@pie-element/multi-trait-rubric/configure/lib/main.js +569 -0
  14. package/configure/node_modules/@pie-element/multi-trait-rubric/configure/lib/main.js.map +1 -0
  15. package/configure/node_modules/@pie-element/multi-trait-rubric/configure/lib/modals.js +361 -0
  16. package/configure/node_modules/@pie-element/multi-trait-rubric/configure/lib/modals.js.map +1 -0
  17. package/configure/node_modules/@pie-element/multi-trait-rubric/configure/lib/scale.js +560 -0
  18. package/configure/node_modules/@pie-element/multi-trait-rubric/configure/lib/scale.js.map +1 -0
  19. package/configure/node_modules/@pie-element/multi-trait-rubric/configure/lib/trait.js +374 -0
  20. package/configure/node_modules/@pie-element/multi-trait-rubric/configure/lib/trait.js.map +1 -0
  21. package/configure/node_modules/@pie-element/multi-trait-rubric/configure/lib/traitsHeader.js +283 -0
  22. package/configure/node_modules/@pie-element/multi-trait-rubric/configure/lib/traitsHeader.js.map +1 -0
  23. package/configure/node_modules/@pie-element/multi-trait-rubric/configure/lib/utils.js +29 -0
  24. package/configure/node_modules/@pie-element/multi-trait-rubric/configure/lib/utils.js.map +1 -0
  25. package/configure/node_modules/@pie-element/multi-trait-rubric/configure/package.json +18 -0
  26. package/configure/node_modules/@pie-element/multi-trait-rubric/controller/CHANGELOG.json +1 -0
  27. package/configure/node_modules/@pie-element/multi-trait-rubric/controller/CHANGELOG.md +233 -0
  28. package/configure/node_modules/@pie-element/multi-trait-rubric/controller/lib/defaults.js +94 -0
  29. package/configure/node_modules/@pie-element/multi-trait-rubric/controller/lib/defaults.js.map +1 -0
  30. package/configure/node_modules/@pie-element/multi-trait-rubric/controller/lib/index.js +215 -0
  31. package/configure/node_modules/@pie-element/multi-trait-rubric/controller/lib/index.js.map +1 -0
  32. package/configure/node_modules/@pie-element/multi-trait-rubric/controller/lib/utils.js +13 -0
  33. package/configure/node_modules/@pie-element/multi-trait-rubric/controller/lib/utils.js.map +1 -0
  34. package/configure/node_modules/@pie-element/multi-trait-rubric/controller/package.json +15 -0
  35. package/configure/node_modules/@pie-element/multi-trait-rubric/docs/config-schema.json +272 -0
  36. package/configure/node_modules/@pie-element/multi-trait-rubric/docs/config-schema.json.md +206 -0
  37. package/configure/node_modules/@pie-element/multi-trait-rubric/docs/demo/config.js +8 -0
  38. package/configure/node_modules/@pie-element/multi-trait-rubric/docs/demo/generate.js +180 -0
  39. package/configure/node_modules/@pie-element/multi-trait-rubric/docs/demo/index.html +1 -0
  40. package/configure/node_modules/@pie-element/multi-trait-rubric/docs/demo/session.js +6 -0
  41. package/configure/node_modules/@pie-element/multi-trait-rubric/docs/pie-schema.json +298 -0
  42. package/configure/node_modules/@pie-element/multi-trait-rubric/docs/pie-schema.json.md +201 -0
  43. package/configure/node_modules/@pie-element/multi-trait-rubric/lib/index.js +85 -0
  44. package/configure/node_modules/@pie-element/multi-trait-rubric/lib/index.js.map +1 -0
  45. package/configure/node_modules/@pie-element/multi-trait-rubric/lib/main.js +161 -0
  46. package/configure/node_modules/@pie-element/multi-trait-rubric/lib/main.js.map +1 -0
  47. package/configure/node_modules/@pie-element/multi-trait-rubric/lib/scale.js +330 -0
  48. package/configure/node_modules/@pie-element/multi-trait-rubric/lib/scale.js.map +1 -0
  49. package/configure/node_modules/@pie-element/multi-trait-rubric/lib/trait.js +103 -0
  50. package/configure/node_modules/@pie-element/multi-trait-rubric/lib/trait.js.map +1 -0
  51. package/configure/node_modules/@pie-element/multi-trait-rubric/package.json +24 -0
  52. package/configure/node_modules/@pie-element/rubric/CHANGELOG.json +257 -0
  53. package/configure/node_modules/@pie-element/rubric/CHANGELOG.md +1271 -0
  54. package/configure/node_modules/@pie-element/rubric/LICENSE.md +5 -0
  55. package/configure/node_modules/@pie-element/rubric/README.md +3 -0
  56. package/configure/node_modules/@pie-element/rubric/configure/CHANGELOG.json +197 -0
  57. package/configure/node_modules/@pie-element/rubric/configure/CHANGELOG.md +1111 -0
  58. package/configure/node_modules/@pie-element/rubric/configure/lib/defaults.js +34 -0
  59. package/configure/node_modules/@pie-element/rubric/configure/lib/defaults.js.map +1 -0
  60. package/configure/node_modules/@pie-element/rubric/configure/lib/index.js +130 -0
  61. package/configure/node_modules/@pie-element/rubric/configure/lib/index.js.map +1 -0
  62. package/configure/node_modules/@pie-element/rubric/configure/lib/main.js +108 -0
  63. package/configure/node_modules/@pie-element/rubric/configure/lib/main.js.map +1 -0
  64. package/configure/node_modules/@pie-element/rubric/configure/package.json +17 -0
  65. package/configure/node_modules/@pie-element/rubric/configure/src/defaults.js +26 -0
  66. package/configure/node_modules/@pie-element/rubric/configure/src/index.js +64 -0
  67. package/configure/node_modules/@pie-element/rubric/configure/src/main.jsx +56 -0
  68. package/configure/node_modules/@pie-element/rubric/controller/CHANGELOG.json +17 -0
  69. package/configure/node_modules/@pie-element/rubric/controller/CHANGELOG.md +215 -0
  70. package/configure/node_modules/@pie-element/rubric/controller/lib/index.js +45 -0
  71. package/configure/node_modules/@pie-element/rubric/controller/lib/index.js.map +1 -0
  72. package/configure/node_modules/@pie-element/rubric/controller/package.json +13 -0
  73. package/configure/node_modules/@pie-element/rubric/controller/src/__tests__/index.test.js +31 -0
  74. package/configure/node_modules/@pie-element/rubric/controller/src/index.js +38 -0
  75. package/configure/node_modules/@pie-element/rubric/docs/config-schema.json +160 -0
  76. package/configure/node_modules/@pie-element/rubric/docs/config-schema.json.md +127 -0
  77. package/configure/node_modules/@pie-element/rubric/docs/demo/config.js +8 -0
  78. package/configure/node_modules/@pie-element/rubric/docs/demo/generate.js +8 -0
  79. package/configure/node_modules/@pie-element/rubric/docs/demo/index.html +2 -0
  80. package/configure/node_modules/@pie-element/rubric/docs/pie-schema.json +96 -0
  81. package/configure/node_modules/@pie-element/rubric/docs/pie-schema.json.md +65 -0
  82. package/configure/node_modules/@pie-element/rubric/lib/index.js +88 -0
  83. package/configure/node_modules/@pie-element/rubric/lib/index.js.map +1 -0
  84. package/configure/node_modules/@pie-element/rubric/lib/main.js +188 -0
  85. package/configure/node_modules/@pie-element/rubric/lib/main.js.map +1 -0
  86. package/configure/node_modules/@pie-element/rubric/lib/print.js +114 -0
  87. package/configure/node_modules/@pie-element/rubric/lib/print.js.map +1 -0
  88. package/configure/node_modules/@pie-element/rubric/package.json +26 -0
  89. package/configure/node_modules/@pie-element/rubric/src/__tests__/__snapshots__/rubric-view.test.jsx.snap +23003 -0
  90. package/configure/node_modules/@pie-element/rubric/src/__tests__/rubric-view.test.jsx +46 -0
  91. package/configure/node_modules/@pie-element/rubric/src/index.js +34 -0
  92. package/configure/node_modules/@pie-element/rubric/src/main.jsx +136 -0
  93. package/configure/node_modules/@pie-element/rubric/src/print.js +63 -0
  94. package/configure/package.json +2 -2
  95. package/package.json +4 -4
@@ -0,0 +1,563 @@
1
+ "use strict";
2
+
3
+ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
+
5
+ Object.defineProperty(exports, "__esModule", {
6
+ value: true
7
+ });
8
+ exports.UnderlinedInput = exports.SimpleInput = exports.SecondaryBlock = exports.ScorePoint = exports.ScaleSettings = exports.Row = exports.PrimaryBlockWidth = exports.PrimaryBlock = exports.MultiTraitButton = exports.MaxPointsPicker = exports.HeaderHeightLarge = exports.HeaderHeight = exports.ExpandedInput = exports.DragHandleSpace = exports.BlockWidth = exports.Block = exports.Arrow = void 0;
9
+
10
+ var _react = _interopRequireDefault(require("react"));
11
+
12
+ var _classnames = _interopRequireDefault(require("classnames"));
13
+
14
+ var _styles = require("@material-ui/core/styles");
15
+
16
+ var _editableHtml = _interopRequireDefault(require("@pie-lib/pie-toolbox/editable-html"));
17
+
18
+ var _FormControl = _interopRequireDefault(require("@material-ui/core/FormControl"));
19
+
20
+ var _InputLabel = _interopRequireDefault(require("@material-ui/core/InputLabel"));
21
+
22
+ var _Select = _interopRequireDefault(require("@material-ui/core/Select"));
23
+
24
+ var _MenuItem = _interopRequireDefault(require("@material-ui/core/MenuItem"));
25
+
26
+ var _InputBase = _interopRequireDefault(require("@material-ui/core/InputBase"));
27
+
28
+ var _renderUi = require("@pie-lib/pie-toolbox/render-ui");
29
+
30
+ var _grey = _interopRequireDefault(require("@material-ui/core/colors/grey"));
31
+
32
+ var _utils = require("./utils");
33
+
34
+ var BlockWidth = 200;
35
+ exports.BlockWidth = BlockWidth;
36
+ var PrimaryBlockWidth = 200;
37
+ exports.PrimaryBlockWidth = PrimaryBlockWidth;
38
+ var DragHandleSpace = 32;
39
+ exports.DragHandleSpace = DragHandleSpace;
40
+ var HeaderHeight = '100px';
41
+ exports.HeaderHeight = HeaderHeight;
42
+ var HeaderHeightLarge = '160px';
43
+ exports.HeaderHeightLarge = HeaderHeightLarge;
44
+ var InputHeight = '120px';
45
+ var greyBorder = "solid 1px ".concat(_grey["default"][400]);
46
+ var Padding = '8px 4px';
47
+ var MultiTraitButton = (0, _styles.withStyles)(function (theme) {
48
+ return {
49
+ button: {
50
+ fontSize: theme.typography.fontSize + 2,
51
+ textAlign: 'right',
52
+ display: 'flex',
53
+ flexDirection: 'row',
54
+ alignItems: 'flex-start',
55
+ padding: "".concat(theme.spacing.unit * 1.5, "px ").concat(theme.spacing.unit * 2, "px"),
56
+ width: '114px',
57
+ background: _renderUi.color.secondaryBackground(),
58
+ borderRadius: '4px',
59
+ justifyContent: 'space-around',
60
+ color: _renderUi.color.text(),
61
+ cursor: 'pointer'
62
+ }
63
+ };
64
+ })(function (_ref) {
65
+ var classes = _ref.classes,
66
+ children = _ref.children,
67
+ onClick = _ref.onClick;
68
+ return /*#__PURE__*/_react["default"].createElement("div", {
69
+ className: classes.button,
70
+ onClick: onClick
71
+ }, /*#__PURE__*/_react["default"].createElement("strong", null, "+"), /*#__PURE__*/_react["default"].createElement("div", null, children));
72
+ });
73
+ exports.MultiTraitButton = MultiTraitButton;
74
+ var PrimaryBlock = (0, _styles.withStyles)({
75
+ primaryBlock: {
76
+ width: "".concat(PrimaryBlockWidth, "px"),
77
+ minWidth: "".concat(PrimaryBlockWidth, "px"),
78
+ position: 'relative',
79
+ padding: '0 10px',
80
+ boxSizing: 'border-box'
81
+ }
82
+ })(function (_ref2) {
83
+ var classes = _ref2.classes,
84
+ children = _ref2.children,
85
+ className = _ref2.className;
86
+ return /*#__PURE__*/_react["default"].createElement("div", {
87
+ className: (0, _classnames["default"])(classes.primaryBlock, className)
88
+ }, children);
89
+ });
90
+ exports.PrimaryBlock = PrimaryBlock;
91
+ var Block = (0, _styles.withStyles)(function (theme) {
92
+ return {
93
+ block: {
94
+ width: "".concat(BlockWidth, "px"),
95
+ minWidth: "".concat(BlockWidth, "px"),
96
+ '& ul, ol': {
97
+ marginBlockStart: 0,
98
+ paddingInlineStart: theme.spacing.unit * 2
99
+ }
100
+ }
101
+ };
102
+ })(function (_ref3) {
103
+ var classes = _ref3.classes,
104
+ children = _ref3.children;
105
+ return /*#__PURE__*/_react["default"].createElement("div", {
106
+ className: classes.block
107
+ }, children);
108
+ });
109
+ exports.Block = Block;
110
+ var SecondaryBlock = (0, _styles.withStyles)({
111
+ secondaryBlock: {
112
+ display: 'flex',
113
+ overflowX: 'hidden',
114
+ alignItems: 'flex-end',
115
+ // this is needed to show the editor toolbar!!!
116
+ paddingBottom: '30px'
117
+ }
118
+ })(function (_ref4) {
119
+ var classes = _ref4.classes,
120
+ children = _ref4.children,
121
+ setRef = _ref4.setRef,
122
+ width = _ref4.width;
123
+ return /*#__PURE__*/_react["default"].createElement("div", {
124
+ className: classes.secondaryBlock,
125
+ style: {
126
+ width: width
127
+ },
128
+ ref: setRef
129
+ }, children);
130
+ });
131
+ exports.SecondaryBlock = SecondaryBlock;
132
+ var Row = (0, _styles.withStyles)({
133
+ row: {
134
+ display: 'flex'
135
+ }
136
+ })(function (_ref5) {
137
+ var classes = _ref5.classes,
138
+ children = _ref5.children,
139
+ className = _ref5.className,
140
+ height = _ref5.height;
141
+ return /*#__PURE__*/_react["default"].createElement("div", {
142
+ className: (0, _classnames["default"])(classes.row, className),
143
+ style: {
144
+ height: height
145
+ }
146
+ }, children);
147
+ });
148
+ exports.Row = Row;
149
+
150
+ var scorePointsStyles = function scorePointsStyles(theme) {
151
+ return {
152
+ scorePointBoxWrapper: {
153
+ padding: '0 10px'
154
+ },
155
+ scorePointBox: {
156
+ display: 'flex',
157
+ borderRadius: '4px',
158
+ background: 'white',
159
+ flexDirection: 'row',
160
+ alignItems: 'center',
161
+ justifyContent: 'space-between',
162
+ border: greyBorder
163
+ },
164
+ scorePointBoxDisabled: {
165
+ background: 'none',
166
+ justifyContent: 'center',
167
+ border: '0'
168
+ },
169
+ subLabel: {
170
+ width: '24px',
171
+ textAlign: 'center'
172
+ },
173
+ editableLabel: {
174
+ textAlign: 'left',
175
+ flex: 1,
176
+ border: 'none',
177
+ '& div': {
178
+ padding: 0
179
+ },
180
+ '& > div': {
181
+ border: 'none',
182
+ borderLeft: greyBorder,
183
+ borderRadius: 0,
184
+ padding: Padding
185
+ }
186
+ },
187
+ slateEditor: {
188
+ fontFamily: 'Cerebri'
189
+ },
190
+ errorText: {
191
+ fontSize: theme.typography.fontSize - 2,
192
+ color: theme.palette.error.main,
193
+ paddingBottom: theme.spacing.unit
194
+ }
195
+ };
196
+ };
197
+
198
+ var ScorePoint = (0, _styles.withStyles)(function (theme) {
199
+ return {
200
+ scorePointBoxWrapper: {
201
+ padding: '0 10px'
202
+ },
203
+ scorePointBox: {
204
+ display: 'flex',
205
+ borderRadius: '4px',
206
+ background: 'white',
207
+ flexDirection: 'row',
208
+ alignItems: 'center',
209
+ justifyContent: 'space-between',
210
+ border: greyBorder
211
+ },
212
+ scorePointBoxDisabled: {
213
+ background: 'none',
214
+ justifyContent: 'center',
215
+ border: '0'
216
+ },
217
+ subLabel: {
218
+ width: '24px',
219
+ textAlign: 'center'
220
+ },
221
+ editableLabel: {
222
+ textAlign: 'left',
223
+ flex: 1,
224
+ border: 'none',
225
+ '& div': {
226
+ padding: 0
227
+ },
228
+ '& > div': {
229
+ border: 'none',
230
+ borderLeft: greyBorder,
231
+ borderRadius: 0,
232
+ padding: Padding
233
+ }
234
+ },
235
+ slateEditor: {
236
+ fontFamily: 'Cerebri'
237
+ },
238
+ errorText: {
239
+ fontSize: theme.typography.fontSize - 2,
240
+ color: theme.palette.error.main,
241
+ paddingBottom: theme.spacing.unit
242
+ }
243
+ };
244
+ })(function (_ref6) {
245
+ var classes = _ref6.classes,
246
+ _ref6$error = _ref6.error,
247
+ error = _ref6$error === void 0 ? '' : _ref6$error,
248
+ scorePointsValue = _ref6.scorePointsValue,
249
+ scoreDescriptor = _ref6.scoreDescriptor,
250
+ pluginProps = _ref6.pluginProps,
251
+ onChange = _ref6.onChange,
252
+ showScorePointLabels = _ref6.showScorePointLabels,
253
+ alignToRight = _ref6.alignToRight,
254
+ spellCheck = _ref6.spellCheck,
255
+ uploadSoundSupport = _ref6.uploadSoundSupport,
256
+ _ref6$mathMlOptions = _ref6.mathMlOptions,
257
+ mathMlOptions = _ref6$mathMlOptions === void 0 ? {} : _ref6$mathMlOptions;
258
+ var scoreBoxClasses = showScorePointLabels ? classes.scorePointBox : "".concat(classes.scorePointBox, " ").concat(classes.scorePointBoxDisabled);
259
+ return /*#__PURE__*/_react["default"].createElement("div", {
260
+ className: classes.scorePointBoxWrapper
261
+ }, /*#__PURE__*/_react["default"].createElement("div", {
262
+ className: scoreBoxClasses
263
+ }, /*#__PURE__*/_react["default"].createElement("div", {
264
+ className: classes.subLabel
265
+ }, scorePointsValue), showScorePointLabels ? /*#__PURE__*/_react["default"].createElement(_editableHtml["default"], {
266
+ className: classes.editableLabel,
267
+ classes: {
268
+ slateEditor: classes.slateEditor
269
+ },
270
+ error: error,
271
+ markup: scoreDescriptor,
272
+ placeholder: " Enter Label",
273
+ onChange: onChange,
274
+ pluginProps: pluginProps,
275
+ activePlugins: _utils.filteredDefaultPlugins,
276
+ spellCheck: spellCheck,
277
+ toolbarOpts: alignToRight && {
278
+ alignment: 'right'
279
+ },
280
+ uploadSoundSupport: uploadSoundSupport,
281
+ languageCharactersProps: [{
282
+ language: 'spanish'
283
+ }, {
284
+ language: 'special'
285
+ }],
286
+ mathMlOptions: mathMlOptions
287
+ }) : null));
288
+ });
289
+ exports.ScorePoint = ScorePoint;
290
+ var maxScoreOptions = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10];
291
+
292
+ var inputStyles = function inputStyles(theme) {
293
+ return {
294
+ root: {
295
+ background: theme.palette.common.white,
296
+ 'label + &': {
297
+ marginTop: theme.spacing.unit * 2.5,
298
+ marginBottom: 0,
299
+ width: '80px'
300
+ }
301
+ },
302
+ input: {
303
+ borderRadius: '4px',
304
+ position: 'relative',
305
+ border: greyBorder,
306
+ fontSize: theme.typography.fontSize,
307
+ fontFamily: 'Cerebri Sans',
308
+ padding: "".concat(theme.spacing.unit, "px ").concat(theme.spacing.unit * 1.5, "px"),
309
+ '&:focus': {
310
+ borderRadius: '4px'
311
+ }
312
+ }
313
+ };
314
+ };
315
+
316
+ var BootstrapInput = (0, _styles.withStyles)(inputStyles)(_InputBase["default"]);
317
+ var MaxPointsPicker = (0, _styles.withStyles)({})(function (_ref7) {
318
+ var maxPoints = _ref7.maxPoints,
319
+ onChange = _ref7.onChange;
320
+ return /*#__PURE__*/_react["default"].createElement(_FormControl["default"], null, /*#__PURE__*/_react["default"].createElement(_InputLabel["default"], null, "Max Points"), /*#__PURE__*/_react["default"].createElement(_Select["default"], {
321
+ value: maxPoints,
322
+ onChange: onChange,
323
+ input: /*#__PURE__*/_react["default"].createElement(BootstrapInput, null)
324
+ }, (maxScoreOptions || []).map(function (maxScore) {
325
+ return /*#__PURE__*/_react["default"].createElement(_MenuItem["default"], {
326
+ key: "menu-item-".concat(maxScore),
327
+ value: maxScore
328
+ }, maxScore);
329
+ })));
330
+ });
331
+ exports.MaxPointsPicker = MaxPointsPicker;
332
+ var SimpleInput = (0, _styles.withStyles)(function (theme) {
333
+ return {
334
+ simpleInput: {
335
+ display: 'flex',
336
+ justifyContent: 'space-between',
337
+ alignItems: 'center',
338
+ margin: "".concat(theme.spacing.unit * 1.5, "px 0")
339
+ },
340
+ editableLevel: {
341
+ background: theme.palette.common.white,
342
+ width: '60%'
343
+ },
344
+ slateEditor: {
345
+ fontFamily: 'Cerebri'
346
+ }
347
+ };
348
+ })(function (_ref8) {
349
+ var classes = _ref8.classes,
350
+ markup = _ref8.markup,
351
+ onChange = _ref8.onChange,
352
+ pluginProps = _ref8.pluginProps,
353
+ label = _ref8.label,
354
+ spellCheck = _ref8.spellCheck,
355
+ uploadSoundSupport = _ref8.uploadSoundSupport,
356
+ _ref8$mathMlOptions = _ref8.mathMlOptions,
357
+ mathMlOptions = _ref8$mathMlOptions === void 0 ? {} : _ref8$mathMlOptions;
358
+ return /*#__PURE__*/_react["default"].createElement("div", {
359
+ className: classes.simpleInput
360
+ }, label && /*#__PURE__*/_react["default"].createElement("div", null, label), /*#__PURE__*/_react["default"].createElement(_editableHtml["default"], {
361
+ className: classes.editableLevel,
362
+ classes: {
363
+ slateEditor: classes.slateEditor
364
+ },
365
+ markup: markup,
366
+ onChange: onChange,
367
+ placeholder: "Trait Label",
368
+ pluginProps: pluginProps,
369
+ activePlugins: _utils.filteredDefaultPlugins,
370
+ spellCheck: spellCheck,
371
+ uploadSoundSupport: uploadSoundSupport,
372
+ languageCharactersProps: [{
373
+ language: 'spanish'
374
+ }, {
375
+ language: 'special'
376
+ }],
377
+ mathMlOptions: mathMlOptions
378
+ }));
379
+ });
380
+ exports.SimpleInput = SimpleInput;
381
+ var UnderlinedInput = (0, _styles.withStyles)(function (theme) {
382
+ return {
383
+ underlinedInputWrapper: {
384
+ width: '100%',
385
+ display: 'flex',
386
+ justifyContent: 'center',
387
+ alignItems: 'center'
388
+ },
389
+ editableLevel: {
390
+ background: theme.palette.common.white,
391
+ width: '100%',
392
+ '& div': {
393
+ padding: 0
394
+ },
395
+ '& > div': {
396
+ border: 'none',
397
+ borderBottom: greyBorder,
398
+ borderRadius: 0,
399
+ padding: Padding
400
+ }
401
+ },
402
+ slateEditor: {
403
+ fontFamily: 'Cerebri'
404
+ }
405
+ };
406
+ })(function (_ref9) {
407
+ var classes = _ref9.classes,
408
+ error = _ref9.error,
409
+ markup = _ref9.markup,
410
+ onChange = _ref9.onChange,
411
+ pluginProps = _ref9.pluginProps,
412
+ label = _ref9.label,
413
+ placeholder = _ref9.placeholder,
414
+ spellCheck = _ref9.spellCheck,
415
+ uploadSoundSupport = _ref9.uploadSoundSupport,
416
+ _ref9$mathMlOptions = _ref9.mathMlOptions,
417
+ mathMlOptions = _ref9$mathMlOptions === void 0 ? {} : _ref9$mathMlOptions;
418
+ return /*#__PURE__*/_react["default"].createElement("div", {
419
+ className: classes.underlinedInputWrapper
420
+ }, label && /*#__PURE__*/_react["default"].createElement("div", null, label), /*#__PURE__*/_react["default"].createElement(_editableHtml["default"], {
421
+ className: classes.editableLevel,
422
+ classes: {
423
+ slateEditor: classes.slateEditor
424
+ },
425
+ error: error,
426
+ markup: markup,
427
+ onChange: onChange,
428
+ placeholder: placeholder,
429
+ pluginProps: pluginProps,
430
+ activePlugins: _utils.filteredDefaultPlugins,
431
+ spellCheck: spellCheck,
432
+ uploadSoundSupport: uploadSoundSupport,
433
+ languageCharactersProps: [{
434
+ language: 'spanish'
435
+ }, {
436
+ language: 'special'
437
+ }],
438
+ mathMlOptions: mathMlOptions
439
+ }));
440
+ });
441
+ exports.UnderlinedInput = UnderlinedInput;
442
+ var ExpandedInput = (0, _styles.withStyles)({
443
+ slateEditor: {
444
+ fontFamily: 'Cerebri',
445
+ height: InputHeight,
446
+ padding: 0
447
+ },
448
+ prompt: {
449
+ border: 'none',
450
+ margin: '10px',
451
+ marginTop: 0
452
+ }
453
+ })(function (_ref10) {
454
+ var classes = _ref10.classes,
455
+ error = _ref10.error,
456
+ markup = _ref10.markup,
457
+ onChange = _ref10.onChange,
458
+ pluginProps = _ref10.pluginProps,
459
+ placeholder = _ref10.placeholder,
460
+ alignToRight = _ref10.alignToRight,
461
+ spellCheck = _ref10.spellCheck,
462
+ uploadSoundSupport = _ref10.uploadSoundSupport,
463
+ _ref10$mathMlOptions = _ref10.mathMlOptions,
464
+ mathMlOptions = _ref10$mathMlOptions === void 0 ? {} : _ref10$mathMlOptions;
465
+ return /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_editableHtml["default"], {
466
+ className: classes.prompt,
467
+ classes: {
468
+ slateEditor: classes.slateEditor
469
+ },
470
+ error: error,
471
+ markup: markup,
472
+ onChange: onChange,
473
+ placeholder: placeholder,
474
+ pluginProps: pluginProps,
475
+ toolbarOpts: alignToRight && {
476
+ alignment: 'right'
477
+ },
478
+ spellCheck: spellCheck,
479
+ uploadSoundSupport: uploadSoundSupport,
480
+ languageCharactersProps: [{
481
+ language: 'spanish'
482
+ }, {
483
+ language: 'special'
484
+ }],
485
+ autoWidthToolbar: true,
486
+ mathMlOptions: mathMlOptions
487
+ }));
488
+ });
489
+ exports.ExpandedInput = ExpandedInput;
490
+ var ScaleSettings = (0, _styles.withStyles)({
491
+ scaleSettings: {
492
+ display: 'flex',
493
+ justifyContent: 'space-between',
494
+ alignItems: 'flex-end'
495
+ }
496
+ })(function (_ref11) {
497
+ var classes = _ref11.classes,
498
+ children = _ref11.children;
499
+ return /*#__PURE__*/_react["default"].createElement("div", {
500
+ className: classes.scaleSettings
501
+ }, children);
502
+ });
503
+ exports.ScaleSettings = ScaleSettings;
504
+ var Arrow = (0, _styles.withStyles)(function (theme) {
505
+ return {
506
+ arrow: {
507
+ position: 'absolute',
508
+ zIndex: 10,
509
+ cursor: 'pointer',
510
+ right: 0,
511
+ alignItems: 'flex-start',
512
+ justifyContent: 'center',
513
+ background: "linear-gradient(to left, ".concat(theme.palette.common.white, ", ").concat(_renderUi.color.background(), ")"),
514
+ boxSizing: 'border-box'
515
+ },
516
+ innerGrey: {
517
+ position: 'absolute',
518
+ zIndex: 11,
519
+ cursor: 'pointer',
520
+ right: 0,
521
+ alignItems: 'flex-start',
522
+ justifyContent: 'center',
523
+ background: "linear-gradient(to left, ".concat(theme.palette.common.white, ", ").concat(_renderUi.color.background(), ")"),
524
+ boxSizing: 'border-box',
525
+ '& svg': {
526
+ position: 'absolute',
527
+ bottom: '-24px'
528
+ }
529
+ }
530
+ };
531
+ })(function (_ref12) {
532
+ var classes = _ref12.classes,
533
+ children = _ref12.children,
534
+ className = _ref12.className,
535
+ show = _ref12.show,
536
+ width = _ref12.width,
537
+ onClick = _ref12.onClick,
538
+ left = _ref12.left,
539
+ showLevelTagInput = _ref12.showLevelTagInput;
540
+ return /*#__PURE__*/_react["default"].createElement("div", {
541
+ className: (0, _classnames["default"])(classes.arrow, className),
542
+ style: {
543
+ height: '-webkit-fill-available',
544
+ display: show ? 'flex' : 'none',
545
+ width: width,
546
+ left: left,
547
+ background: left ? "linear-gradient(to right, white, ".concat(_renderUi.color.background(), ")") : undefined
548
+ },
549
+ onClick: onClick
550
+ }, /*#__PURE__*/_react["default"].createElement("div", {
551
+ className: (0, _classnames["default"])(classes.innerGrey, className),
552
+ style: {
553
+ display: show ? 'flex' : 'none',
554
+ width: width,
555
+ height: showLevelTagInput ? HeaderHeightLarge : HeaderHeight,
556
+ left: 0,
557
+ background: left ? "linear-gradient(to right, ".concat(_renderUi.color.secondaryBackground(), ", ").concat(_renderUi.color.background(), ")") : undefined
558
+ },
559
+ onClick: onClick
560
+ }, children));
561
+ });
562
+ exports.Arrow = Arrow;
563
+ //# sourceMappingURL=common.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../src/common.jsx"],"names":["BlockWidth","PrimaryBlockWidth","DragHandleSpace","HeaderHeight","HeaderHeightLarge","InputHeight","greyBorder","grey","Padding","MultiTraitButton","theme","button","fontSize","typography","textAlign","display","flexDirection","alignItems","padding","spacing","unit","width","background","color","secondaryBackground","borderRadius","justifyContent","text","cursor","classes","children","onClick","PrimaryBlock","primaryBlock","minWidth","position","boxSizing","className","Block","block","marginBlockStart","paddingInlineStart","SecondaryBlock","secondaryBlock","overflowX","paddingBottom","setRef","Row","row","height","scorePointsStyles","scorePointBoxWrapper","scorePointBox","border","scorePointBoxDisabled","subLabel","editableLabel","flex","borderLeft","slateEditor","fontFamily","errorText","palette","error","main","ScorePoint","scorePointsValue","scoreDescriptor","pluginProps","onChange","showScorePointLabels","alignToRight","spellCheck","uploadSoundSupport","mathMlOptions","scoreBoxClasses","filteredDefaultPlugins","alignment","language","maxScoreOptions","inputStyles","root","common","white","marginTop","marginBottom","input","BootstrapInput","InputBase","MaxPointsPicker","maxPoints","map","maxScore","SimpleInput","simpleInput","margin","editableLevel","markup","label","UnderlinedInput","underlinedInputWrapper","borderBottom","placeholder","ExpandedInput","prompt","ScaleSettings","scaleSettings","Arrow","arrow","zIndex","right","innerGrey","bottom","show","left","showLevelTagInput","undefined"],"mappings":";;;;;;;;;AAAA;;AACA;;AAEA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AAEO,IAAMA,UAAU,GAAG,GAAnB;;AACA,IAAMC,iBAAiB,GAAG,GAA1B;;AACA,IAAMC,eAAe,GAAG,EAAxB;;AACA,IAAMC,YAAY,GAAG,OAArB;;AACA,IAAMC,iBAAiB,GAAG,OAA1B;;AACP,IAAMC,WAAW,GAAG,OAApB;AACA,IAAMC,UAAU,uBAAgBC,iBAAK,GAAL,CAAhB,CAAhB;AACA,IAAMC,OAAO,GAAG,SAAhB;AAEO,IAAMC,gBAAgB,GAAG,wBAAW,UAACC,KAAD;AAAA,SAAY;AACrDC,IAAAA,MAAM,EAAE;AACNC,MAAAA,QAAQ,EAAEF,KAAK,CAACG,UAAN,CAAiBD,QAAjB,GAA4B,CADhC;AAENE,MAAAA,SAAS,EAAE,OAFL;AAGNC,MAAAA,OAAO,EAAE,MAHH;AAINC,MAAAA,aAAa,EAAE,KAJT;AAKNC,MAAAA,UAAU,EAAE,YALN;AAMNC,MAAAA,OAAO,YAAKR,KAAK,CAACS,OAAN,CAAcC,IAAd,GAAqB,GAA1B,gBAAmCV,KAAK,CAACS,OAAN,CAAcC,IAAd,GAAqB,CAAxD,OAND;AAONC,MAAAA,KAAK,EAAE,OAPD;AAQNC,MAAAA,UAAU,EAAEC,gBAAMC,mBAAN,EARN;AASNC,MAAAA,YAAY,EAAE,KATR;AAUNC,MAAAA,cAAc,EAAE,cAVV;AAWNH,MAAAA,KAAK,EAAEA,gBAAMI,IAAN,EAXD;AAYNC,MAAAA,MAAM,EAAE;AAZF;AAD6C,GAAZ;AAAA,CAAX,EAe5B;AAAA,MAAGC,OAAH,QAAGA,OAAH;AAAA,MAAYC,QAAZ,QAAYA,QAAZ;AAAA,MAAsBC,OAAtB,QAAsBA,OAAtB;AAAA,sBACF;AAAK,IAAA,SAAS,EAAEF,OAAO,CAAClB,MAAxB;AAAgC,IAAA,OAAO,EAAEoB;AAAzC,kBACE,oDADF,eAEE,6CAAMD,QAAN,CAFF,CADE;AAAA,CAf4B,CAAzB;;AAsBA,IAAME,YAAY,GAAG,wBAAW;AACrCC,EAAAA,YAAY,EAAE;AACZZ,IAAAA,KAAK,YAAKpB,iBAAL,OADO;AAEZiC,IAAAA,QAAQ,YAAKjC,iBAAL,OAFI;AAGZkC,IAAAA,QAAQ,EAAE,UAHE;AAIZjB,IAAAA,OAAO,EAAE,QAJG;AAKZkB,IAAAA,SAAS,EAAE;AALC;AADuB,CAAX,EAQzB;AAAA,MAAGP,OAAH,SAAGA,OAAH;AAAA,MAAYC,QAAZ,SAAYA,QAAZ;AAAA,MAAsBO,SAAtB,SAAsBA,SAAtB;AAAA,sBAAsC;AAAK,IAAA,SAAS,EAAE,4BAAWR,OAAO,CAACI,YAAnB,EAAiCI,SAAjC;AAAhB,KAA8DP,QAA9D,CAAtC;AAAA,CARyB,CAArB;;AAUA,IAAMQ,KAAK,GAAG,wBAAW,UAAC5B,KAAD;AAAA,SAAY;AAC1C6B,IAAAA,KAAK,EAAE;AACLlB,MAAAA,KAAK,YAAKrB,UAAL,OADA;AAELkC,MAAAA,QAAQ,YAAKlC,UAAL,OAFH;AAGL,kBAAY;AACVwC,QAAAA,gBAAgB,EAAE,CADR;AAEVC,QAAAA,kBAAkB,EAAE/B,KAAK,CAACS,OAAN,CAAcC,IAAd,GAAqB;AAF/B;AAHP;AADmC,GAAZ;AAAA,CAAX,EASjB;AAAA,MAAGS,OAAH,SAAGA,OAAH;AAAA,MAAYC,QAAZ,SAAYA,QAAZ;AAAA,sBAA2B;AAAK,IAAA,SAAS,EAAED,OAAO,CAACU;AAAxB,KAAgCT,QAAhC,CAA3B;AAAA,CATiB,CAAd;;AAWA,IAAMY,cAAc,GAAG,wBAAW;AACvCC,EAAAA,cAAc,EAAE;AACd5B,IAAAA,OAAO,EAAE,MADK;AAEd6B,IAAAA,SAAS,EAAE,QAFG;AAGd3B,IAAAA,UAAU,EAAE,UAHE;AAId;AACA4B,IAAAA,aAAa,EAAE;AALD;AADuB,CAAX,EAQ3B;AAAA,MAAGhB,OAAH,SAAGA,OAAH;AAAA,MAAYC,QAAZ,SAAYA,QAAZ;AAAA,MAAsBgB,MAAtB,SAAsBA,MAAtB;AAAA,MAA8BzB,KAA9B,SAA8BA,KAA9B;AAAA,sBACD;AAAK,IAAA,SAAS,EAAEQ,OAAO,CAACc,cAAxB;AAAwC,IAAA,KAAK,EAAE;AAAEtB,MAAAA,KAAK,EAAEA;AAAT,KAA/C;AAAiE,IAAA,GAAG,EAAEyB;AAAtE,KACGhB,QADH,CADC;AAAA,CAR2B,CAAvB;;AAcA,IAAMiB,GAAG,GAAG,wBAAW;AAC5BC,EAAAA,GAAG,EAAE;AACHjC,IAAAA,OAAO,EAAE;AADN;AADuB,CAAX,EAIhB;AAAA,MAAGc,OAAH,SAAGA,OAAH;AAAA,MAAYC,QAAZ,SAAYA,QAAZ;AAAA,MAAsBO,SAAtB,SAAsBA,SAAtB;AAAA,MAAiCY,MAAjC,SAAiCA,MAAjC;AAAA,sBACD;AACE,IAAA,SAAS,EAAE,4BAAWpB,OAAO,CAACmB,GAAnB,EAAwBX,SAAxB,CADb;AAEE,IAAA,KAAK,EAAE;AACLY,MAAAA,MAAM,EAANA;AADK;AAFT,KAMGnB,QANH,CADC;AAAA,CAJgB,CAAZ;;;AAeP,IAAMoB,iBAAiB,GAAG,SAApBA,iBAAoB,CAACxC,KAAD;AAAA,SAAY;AAClCyC,IAAAA,oBAAoB,EAAE;AAClBjC,MAAAA,OAAO,EAAE;AADS,KADY;AAIlCkC,IAAAA,aAAa,EAAE;AACXrC,MAAAA,OAAO,EAAE,MADE;AAEXU,MAAAA,YAAY,EAAE,KAFH;AAGXH,MAAAA,UAAU,EAAE,OAHD;AAIXN,MAAAA,aAAa,EAAE,KAJJ;AAKXC,MAAAA,UAAU,EAAE,QALD;AAMXS,MAAAA,cAAc,EAAE,eANL;AAOX2B,MAAAA,MAAM,EAAE/C;AAPG,KAJmB;AAalCgD,IAAAA,qBAAqB,EAAE;AACnBhC,MAAAA,UAAU,EAAE,MADO;AAEnBI,MAAAA,cAAc,EAAE,QAFG;AAGnB2B,MAAAA,MAAM,EAAE;AAHW,KAbW;AAkBlCE,IAAAA,QAAQ,EAAE;AACNlC,MAAAA,KAAK,EAAE,MADD;AAENP,MAAAA,SAAS,EAAE;AAFL,KAlBwB;AAsBlC0C,IAAAA,aAAa,EAAE;AACX1C,MAAAA,SAAS,EAAE,MADA;AAEX2C,MAAAA,IAAI,EAAE,CAFK;AAGXJ,MAAAA,MAAM,EAAE,MAHG;AAKX,eAAS;AACLnC,QAAAA,OAAO,EAAE;AADJ,OALE;AASX,iBAAW;AACPmC,QAAAA,MAAM,EAAE,MADD;AAEPK,QAAAA,UAAU,EAAEpD,UAFL;AAGPmB,QAAAA,YAAY,EAAE,CAHP;AAIPP,QAAAA,OAAO,EAAEV;AAJF;AATA,KAtBmB;AAsClCmD,IAAAA,WAAW,EAAE;AACTC,MAAAA,UAAU,EAAE;AADH,KAtCqB;AAyClCC,IAAAA,SAAS,EAAE;AACPjD,MAAAA,QAAQ,EAAEF,KAAK,CAACG,UAAN,CAAiBD,QAAjB,GAA4B,CAD/B;AAEPW,MAAAA,KAAK,EAAEb,KAAK,CAACoD,OAAN,CAAcC,KAAd,CAAoBC,IAFpB;AAGPnB,MAAAA,aAAa,EAAEnC,KAAK,CAACS,OAAN,CAAcC;AAHtB;AAzCuB,GAAZ;AAAA,CAA1B;;AAgDO,IAAM6C,UAAU,GAAG,wBAAW,UAACvD,KAAD;AAAA,SAAY;AAC/CyC,IAAAA,oBAAoB,EAAE;AACpBjC,MAAAA,OAAO,EAAE;AADW,KADyB;AAI/CkC,IAAAA,aAAa,EAAE;AACbrC,MAAAA,OAAO,EAAE,MADI;AAEbU,MAAAA,YAAY,EAAE,KAFD;AAGbH,MAAAA,UAAU,EAAE,OAHC;AAIbN,MAAAA,aAAa,EAAE,KAJF;AAKbC,MAAAA,UAAU,EAAE,QALC;AAMbS,MAAAA,cAAc,EAAE,eANH;AAOb2B,MAAAA,MAAM,EAAE/C;AAPK,KAJgC;AAa/CgD,IAAAA,qBAAqB,EAAE;AACrBhC,MAAAA,UAAU,EAAE,MADS;AAErBI,MAAAA,cAAc,EAAE,QAFK;AAGrB2B,MAAAA,MAAM,EAAE;AAHa,KAbwB;AAkB/CE,IAAAA,QAAQ,EAAE;AACRlC,MAAAA,KAAK,EAAE,MADC;AAERP,MAAAA,SAAS,EAAE;AAFH,KAlBqC;AAsB/C0C,IAAAA,aAAa,EAAE;AACb1C,MAAAA,SAAS,EAAE,MADE;AAEb2C,MAAAA,IAAI,EAAE,CAFO;AAGbJ,MAAAA,MAAM,EAAE,MAHK;AAKb,eAAS;AACPnC,QAAAA,OAAO,EAAE;AADF,OALI;AASb,iBAAW;AACTmC,QAAAA,MAAM,EAAE,MADC;AAETK,QAAAA,UAAU,EAAEpD,UAFH;AAGTmB,QAAAA,YAAY,EAAE,CAHL;AAITP,QAAAA,OAAO,EAAEV;AAJA;AATE,KAtBgC;AAsC/CmD,IAAAA,WAAW,EAAE;AACXC,MAAAA,UAAU,EAAE;AADD,KAtCkC;AAyC7CC,IAAAA,SAAS,EAAE;AACPjD,MAAAA,QAAQ,EAAEF,KAAK,CAACG,UAAN,CAAiBD,QAAjB,GAA4B,CAD/B;AAEPW,MAAAA,KAAK,EAAEb,KAAK,CAACoD,OAAN,CAAcC,KAAd,CAAoBC,IAFpB;AAGPnB,MAAAA,aAAa,EAAEnC,KAAK,CAACS,OAAN,CAAcC;AAHtB;AAzCkC,GAAZ;AAAA,CAAX,EA+CxB,iBAWM;AAAA,MAVJS,OAUI,SAVJA,OAUI;AAAA,0BAVKkC,KAUL;AAAA,MAVKA,KAUL,4BAVW,EAUX;AAAA,MATJG,gBASI,SATJA,gBASI;AAAA,MARJC,eAQI,SARJA,eAQI;AAAA,MAPJC,WAOI,SAPJA,WAOI;AAAA,MANJC,QAMI,SANJA,QAMI;AAAA,MALJC,oBAKI,SALJA,oBAKI;AAAA,MAJJC,YAII,SAJJA,YAII;AAAA,MAHJC,UAGI,SAHJA,UAGI;AAAA,MAFJC,kBAEI,SAFJA,kBAEI;AAAA,kCADJC,aACI;AAAA,MADJA,aACI,oCADY,EACZ;AACJ,MAAMC,eAAe,GAAGL,oBAAoB,GACxCzC,OAAO,CAACuB,aADgC,aAErCvB,OAAO,CAACuB,aAF6B,cAEZvB,OAAO,CAACyB,qBAFI,CAA5C;AAIA,sBACE;AAAK,IAAA,SAAS,EAAEzB,OAAO,CAACsB;AAAxB,kBACE;AAAK,IAAA,SAAS,EAAEwB;AAAhB,kBACE;AAAK,IAAA,SAAS,EAAE9C,OAAO,CAAC0B;AAAxB,KAAmCW,gBAAnC,CADF,EAGGI,oBAAoB,gBACnB,gCAAC,wBAAD;AACE,IAAA,SAAS,EAAEzC,OAAO,CAAC2B,aADrB;AAEE,IAAA,OAAO,EAAE;AAAEG,MAAAA,WAAW,EAAE9B,OAAO,CAAC8B;AAAvB,KAFX;AAGE,IAAA,KAAK,EAAEI,KAHT;AAIE,IAAA,MAAM,EAAEI,eAJV;AAKE,IAAA,WAAW,EAAC,cALd;AAME,IAAA,QAAQ,EAAEE,QANZ;AAOE,IAAA,WAAW,EAAED,WAPf;AAQE,IAAA,aAAa,EAAEQ,6BARjB;AASE,IAAA,UAAU,EAAEJ,UATd;AAUE,IAAA,WAAW,EAAED,YAAY,IAAI;AAAEM,MAAAA,SAAS,EAAE;AAAb,KAV/B;AAWE,IAAA,kBAAkB,EAAEJ,kBAXtB;AAYE,IAAA,uBAAuB,EAAE,CAAC;AAAEK,MAAAA,QAAQ,EAAE;AAAZ,KAAD,EAA0B;AAAEA,MAAAA,QAAQ,EAAE;AAAZ,KAA1B,CAZ3B;AAaE,IAAA,aAAa,EAAEJ;AAbjB,IADmB,GAgBjB,IAnBN,CADF,CADF;AAyBD,CAxFuB,CAAnB;;AA2FP,IAAMK,eAAe,GAAG,CAAC,CAAD,EAAI,CAAJ,EAAO,CAAP,EAAU,CAAV,EAAa,CAAb,EAAgB,CAAhB,EAAmB,CAAnB,EAAsB,CAAtB,EAAyB,CAAzB,EAA4B,EAA5B,CAAxB;;AACA,IAAMC,WAAW,GAAG,SAAdA,WAAc,CAACtE,KAAD;AAAA,SAAY;AAC9BuE,IAAAA,IAAI,EAAE;AACJ3D,MAAAA,UAAU,EAAEZ,KAAK,CAACoD,OAAN,CAAcoB,MAAd,CAAqBC,KAD7B;AAEJ,mBAAa;AACXC,QAAAA,SAAS,EAAE1E,KAAK,CAACS,OAAN,CAAcC,IAAd,GAAqB,GADrB;AAEXiE,QAAAA,YAAY,EAAE,CAFH;AAGXhE,QAAAA,KAAK,EAAE;AAHI;AAFT,KADwB;AAS9BiE,IAAAA,KAAK,EAAE;AACL7D,MAAAA,YAAY,EAAE,KADT;AAELU,MAAAA,QAAQ,EAAE,UAFL;AAGLkB,MAAAA,MAAM,EAAE/C,UAHH;AAILM,MAAAA,QAAQ,EAAEF,KAAK,CAACG,UAAN,CAAiBD,QAJtB;AAKLgD,MAAAA,UAAU,EAAE,cALP;AAML1C,MAAAA,OAAO,YAAKR,KAAK,CAACS,OAAN,CAAcC,IAAnB,gBAA6BV,KAAK,CAACS,OAAN,CAAcC,IAAd,GAAqB,GAAlD,OANF;AAQL,iBAAW;AACTK,QAAAA,YAAY,EAAE;AADL;AARN;AATuB,GAAZ;AAAA,CAApB;;AAuBA,IAAM8D,cAAc,GAAG,wBAAWP,WAAX,EAAwBQ,qBAAxB,CAAvB;AAEO,IAAMC,eAAe,GAAG,wBAAW,EAAX,EAAe;AAAA,MAAGC,SAAH,SAAGA,SAAH;AAAA,MAAcrB,QAAd,SAAcA,QAAd;AAAA,sBAC5C,gCAAC,uBAAD,qBACE,gCAAC,sBAAD,qBADF,eAEE,gCAAC,kBAAD;AAAQ,IAAA,KAAK,EAAEqB,SAAf;AAA0B,IAAA,QAAQ,EAAErB,QAApC;AAA8C,IAAA,KAAK,eAAE,gCAAC,cAAD;AAArD,KACG,CAACU,eAAe,IAAI,EAApB,EAAwBY,GAAxB,CAA4B,UAACC,QAAD;AAAA,wBAC3B,gCAAC,oBAAD;AAAU,MAAA,GAAG,sBAAeA,QAAf,CAAb;AAAwC,MAAA,KAAK,EAAEA;AAA/C,OACGA,QADH,CAD2B;AAAA,GAA5B,CADH,CAFF,CAD4C;AAAA,CAAf,CAAxB;;AAaA,IAAMC,WAAW,GAAG,wBAAW,UAACnF,KAAD;AAAA,SAAY;AAChDoF,IAAAA,WAAW,EAAE;AACX/E,MAAAA,OAAO,EAAE,MADE;AAEXW,MAAAA,cAAc,EAAE,eAFL;AAGXT,MAAAA,UAAU,EAAE,QAHD;AAIX8E,MAAAA,MAAM,YAAKrF,KAAK,CAACS,OAAN,CAAcC,IAAd,GAAqB,GAA1B;AAJK,KADmC;AAOhD4E,IAAAA,aAAa,EAAE;AACb1E,MAAAA,UAAU,EAAEZ,KAAK,CAACoD,OAAN,CAAcoB,MAAd,CAAqBC,KADpB;AAEb9D,MAAAA,KAAK,EAAE;AAFM,KAPiC;AAWhDsC,IAAAA,WAAW,EAAE;AACXC,MAAAA,UAAU,EAAE;AADD;AAXmC,GAAZ;AAAA,CAAX,EAcvB;AAAA,MAAG/B,OAAH,SAAGA,OAAH;AAAA,MAAYoE,MAAZ,SAAYA,MAAZ;AAAA,MAAoB5B,QAApB,SAAoBA,QAApB;AAAA,MAA8BD,WAA9B,SAA8BA,WAA9B;AAAA,MAA2C8B,KAA3C,SAA2CA,KAA3C;AAAA,MAAkD1B,UAAlD,SAAkDA,UAAlD;AAAA,MAA8DC,kBAA9D,SAA8DA,kBAA9D;AAAA,kCAAkFC,aAAlF;AAAA,MAAkFA,aAAlF,oCAAkG,EAAlG;AAAA,sBACF;AAAK,IAAA,SAAS,EAAE7C,OAAO,CAACiE;AAAxB,KACGI,KAAK,iBAAI,6CAAMA,KAAN,CADZ,eAGE,gCAAC,wBAAD;AACE,IAAA,SAAS,EAAErE,OAAO,CAACmE,aADrB;AAEE,IAAA,OAAO,EAAE;AAAErC,MAAAA,WAAW,EAAE9B,OAAO,CAAC8B;AAAvB,KAFX;AAGE,IAAA,MAAM,EAAEsC,MAHV;AAIE,IAAA,QAAQ,EAAE5B,QAJZ;AAKE,IAAA,WAAW,EAAC,aALd;AAME,IAAA,WAAW,EAAED,WANf;AAOE,IAAA,aAAa,EAAEQ,6BAPjB;AAQE,IAAA,UAAU,EAAEJ,UARd;AASE,IAAA,kBAAkB,EAAEC,kBATtB;AAUE,IAAA,uBAAuB,EAAE,CAAC;AAAEK,MAAAA,QAAQ,EAAE;AAAZ,KAAD,EAA0B;AAAEA,MAAAA,QAAQ,EAAE;AAAZ,KAA1B,CAV3B;AAWE,IAAA,aAAa,EAAEJ;AAXjB,IAHF,CADE;AAAA,CAduB,CAApB;;AAkCA,IAAMyB,eAAe,GAAG,wBAAW,UAACzF,KAAD;AAAA,SAAY;AACpD0F,IAAAA,sBAAsB,EAAE;AACtB/E,MAAAA,KAAK,EAAE,MADe;AAEtBN,MAAAA,OAAO,EAAE,MAFa;AAGtBW,MAAAA,cAAc,EAAE,QAHM;AAItBT,MAAAA,UAAU,EAAE;AAJU,KAD4B;AAOpD+E,IAAAA,aAAa,EAAE;AACb1E,MAAAA,UAAU,EAAEZ,KAAK,CAACoD,OAAN,CAAcoB,MAAd,CAAqBC,KADpB;AAEb9D,MAAAA,KAAK,EAAE,MAFM;AAIb,eAAS;AACPH,QAAAA,OAAO,EAAE;AADF,OAJI;AAQb,iBAAW;AACTmC,QAAAA,MAAM,EAAE,MADC;AAETgD,QAAAA,YAAY,EAAE/F,UAFL;AAGTmB,QAAAA,YAAY,EAAE,CAHL;AAITP,QAAAA,OAAO,EAAEV;AAJA;AARE,KAPqC;AAsBpDmD,IAAAA,WAAW,EAAE;AACXC,MAAAA,UAAU,EAAE;AADD;AAtBuC,GAAZ;AAAA,CAAX,EA0B7B;AAAA,MACE/B,OADF,SACEA,OADF;AAAA,MAEEkC,KAFF,SAEEA,KAFF;AAAA,MAGEkC,MAHF,SAGEA,MAHF;AAAA,MAIE5B,QAJF,SAIEA,QAJF;AAAA,MAKED,WALF,SAKEA,WALF;AAAA,MAME8B,KANF,SAMEA,KANF;AAAA,MAOEI,WAPF,SAOEA,WAPF;AAAA,MAQE9B,UARF,SAQEA,UARF;AAAA,MASEC,kBATF,SASEA,kBATF;AAAA,kCAUEC,aAVF;AAAA,MAUEA,aAVF,oCAUkB,EAVlB;AAAA,sBAYE;AAAK,IAAA,SAAS,EAAE7C,OAAO,CAACuE;AAAxB,KACGF,KAAK,iBAAI,6CAAMA,KAAN,CADZ,eAGE,gCAAC,wBAAD;AACE,IAAA,SAAS,EAAErE,OAAO,CAACmE,aADrB;AAEE,IAAA,OAAO,EAAE;AAAErC,MAAAA,WAAW,EAAE9B,OAAO,CAAC8B;AAAvB,KAFX;AAGE,IAAA,KAAK,EAAEI,KAHT;AAIE,IAAA,MAAM,EAAEkC,MAJV;AAKE,IAAA,QAAQ,EAAE5B,QALZ;AAME,IAAA,WAAW,EAAEiC,WANf;AAOE,IAAA,WAAW,EAAElC,WAPf;AAQE,IAAA,aAAa,EAAEQ,6BARjB;AASE,IAAA,UAAU,EAAEJ,UATd;AAUE,IAAA,kBAAkB,EAAEC,kBAVtB;AAWE,IAAA,uBAAuB,EAAE,CAAC;AAAEK,MAAAA,QAAQ,EAAE;AAAZ,KAAD,EAA0B;AAAEA,MAAAA,QAAQ,EAAE;AAAZ,KAA1B,CAX3B;AAYE,IAAA,aAAa,EAAEJ;AAZjB,IAHF,CAZF;AAAA,CA1B6B,CAAxB;;AA2DA,IAAM6B,aAAa,GAAG,wBAAW;AACtC5C,EAAAA,WAAW,EAAE;AACXC,IAAAA,UAAU,EAAE,SADD;AAEXX,IAAAA,MAAM,EAAE5C,WAFG;AAGXa,IAAAA,OAAO,EAAE;AAHE,GADyB;AAMtCsF,EAAAA,MAAM,EAAE;AACNnD,IAAAA,MAAM,EAAE,MADF;AAEN0C,IAAAA,MAAM,EAAE,MAFF;AAGNX,IAAAA,SAAS,EAAE;AAHL;AAN8B,CAAX,EAY3B;AAAA,MACEvD,OADF,UACEA,OADF;AAAA,MACWkC,KADX,UACWA,KADX;AAAA,MAEEkC,MAFF,UAEEA,MAFF;AAAA,MAGE5B,QAHF,UAGEA,QAHF;AAAA,MAIED,WAJF,UAIEA,WAJF;AAAA,MAKEkC,WALF,UAKEA,WALF;AAAA,MAME/B,YANF,UAMEA,YANF;AAAA,MAOEC,UAPF,UAOEA,UAPF;AAAA,MAQEC,kBARF,UAQEA,kBARF;AAAA,oCASEC,aATF;AAAA,MASEA,aATF,qCASkB,EATlB;AAAA,sBAWE,0DACE,gCAAC,wBAAD;AACE,IAAA,SAAS,EAAE7C,OAAO,CAAC2E,MADrB;AAEE,IAAA,OAAO,EAAE;AAAE7C,MAAAA,WAAW,EAAE9B,OAAO,CAAC8B;AAAvB,KAFX;AAGE,IAAA,KAAK,EAAEI,KAHT;AAIE,IAAA,MAAM,EAAEkC,MAJV;AAKE,IAAA,QAAQ,EAAE5B,QALZ;AAME,IAAA,WAAW,EAAEiC,WANf;AAOE,IAAA,WAAW,EAAElC,WAPf;AAQE,IAAA,WAAW,EAAEG,YAAY,IAAI;AAAEM,MAAAA,SAAS,EAAE;AAAb,KAR/B;AASE,IAAA,UAAU,EAAEL,UATd;AAUE,IAAA,kBAAkB,EAAEC,kBAVtB;AAWE,IAAA,uBAAuB,EAAE,CAAC;AAAEK,MAAAA,QAAQ,EAAE;AAAZ,KAAD,EAA0B;AAAEA,MAAAA,QAAQ,EAAE;AAAZ,KAA1B,CAX3B;AAYE,IAAA,gBAAgB,MAZlB;AAaE,IAAA,aAAa,EAAEJ;AAbjB,IADF,CAXF;AAAA,CAZ2B,CAAtB;;AA2CA,IAAM+B,aAAa,GAAG,wBAAW;AACtCC,EAAAA,aAAa,EAAE;AACb3F,IAAAA,OAAO,EAAE,MADI;AAEbW,IAAAA,cAAc,EAAE,eAFH;AAGbT,IAAAA,UAAU,EAAE;AAHC;AADuB,CAAX,EAM1B;AAAA,MAAGY,OAAH,UAAGA,OAAH;AAAA,MAAYC,QAAZ,UAAYA,QAAZ;AAAA,sBAA2B;AAAK,IAAA,SAAS,EAAED,OAAO,CAAC6E;AAAxB,KAAwC5E,QAAxC,CAA3B;AAAA,CAN0B,CAAtB;;AAQA,IAAM6E,KAAK,GAAG,wBAAW,UAACjG,KAAD;AAAA,SAAY;AAC1CkG,IAAAA,KAAK,EAAE;AACLzE,MAAAA,QAAQ,EAAE,UADL;AAEL0E,MAAAA,MAAM,EAAE,EAFH;AAGLjF,MAAAA,MAAM,EAAE,SAHH;AAILkF,MAAAA,KAAK,EAAE,CAJF;AAKL7F,MAAAA,UAAU,EAAE,YALP;AAMLS,MAAAA,cAAc,EAAE,QANX;AAOLJ,MAAAA,UAAU,qCAA8BZ,KAAK,CAACoD,OAAN,CAAcoB,MAAd,CAAqBC,KAAnD,eAA6D5D,gBAAMD,UAAN,EAA7D,MAPL;AAQLc,MAAAA,SAAS,EAAE;AARN,KADmC;AAW1C2E,IAAAA,SAAS,EAAE;AACT5E,MAAAA,QAAQ,EAAE,UADD;AAET0E,MAAAA,MAAM,EAAE,EAFC;AAGTjF,MAAAA,MAAM,EAAE,SAHC;AAITkF,MAAAA,KAAK,EAAE,CAJE;AAKT7F,MAAAA,UAAU,EAAE,YALH;AAMTS,MAAAA,cAAc,EAAE,QANP;AAOTJ,MAAAA,UAAU,qCAA8BZ,KAAK,CAACoD,OAAN,CAAcoB,MAAd,CAAqBC,KAAnD,eAA6D5D,gBAAMD,UAAN,EAA7D,MAPD;AAQTc,MAAAA,SAAS,EAAE,YARF;AAUT,eAAS;AACPD,QAAAA,QAAQ,EAAE,UADH;AAEP6E,QAAAA,MAAM,EAAE;AAFD;AAVA;AAX+B,GAAZ;AAAA,CAAX,EA0BjB;AAAA,MAAGnF,OAAH,UAAGA,OAAH;AAAA,MAAYC,QAAZ,UAAYA,QAAZ;AAAA,MAAsBO,SAAtB,UAAsBA,SAAtB;AAAA,MAAiC4E,IAAjC,UAAiCA,IAAjC;AAAA,MAAuC5F,KAAvC,UAAuCA,KAAvC;AAAA,MAA8CU,OAA9C,UAA8CA,OAA9C;AAAA,MAAuDmF,IAAvD,UAAuDA,IAAvD;AAAA,MAA6DC,iBAA7D,UAA6DA,iBAA7D;AAAA,sBACF;AACE,IAAA,SAAS,EAAE,4BAAWtF,OAAO,CAAC+E,KAAnB,EAA0BvE,SAA1B,CADb;AAEE,IAAA,KAAK,EAAE;AACLY,MAAAA,MAAM,EAAE,wBADH;AAELlC,MAAAA,OAAO,EAAEkG,IAAI,GAAG,MAAH,GAAY,MAFpB;AAGL5F,MAAAA,KAAK,EAAEA,KAHF;AAIL6F,MAAAA,IAAI,EAAEA,IAJD;AAKL5F,MAAAA,UAAU,EAAE4F,IAAI,8CAAuC3F,gBAAMD,UAAN,EAAvC,SAA+D8F;AAL1E,KAFT;AASE,IAAA,OAAO,EAAErF;AATX,kBAWE;AACE,IAAA,SAAS,EAAE,4BAAWF,OAAO,CAACkF,SAAnB,EAA8B1E,SAA9B,CADb;AAEE,IAAA,KAAK,EAAE;AACLtB,MAAAA,OAAO,EAAEkG,IAAI,GAAG,MAAH,GAAY,MADpB;AAEL5F,MAAAA,KAAK,EAAEA,KAFF;AAGL4B,MAAAA,MAAM,EAAEkE,iBAAiB,GAAG/G,iBAAH,GAAuBD,YAH3C;AAIL+G,MAAAA,IAAI,EAAE,CAJD;AAKL5F,MAAAA,UAAU,EAAE4F,IAAI,uCACiB3F,gBAAMC,mBAAN,EADjB,eACiDD,gBAAMD,UAAN,EADjD,SAEZ8F;AAPC,KAFT;AAWE,IAAA,OAAO,EAAErF;AAXX,KAaGD,QAbH,CAXF,CADE;AAAA,CA1BiB,CAAd","sourcesContent":["import React from 'react';\nimport classnames from 'classnames';\n\nimport { withStyles } from '@material-ui/core/styles';\nimport EditableHtml from '@pie-lib/pie-toolbox/editable-html';\nimport FormControl from '@material-ui/core/FormControl';\nimport InputLabel from '@material-ui/core/InputLabel';\nimport Select from '@material-ui/core/Select';\nimport MenuItem from '@material-ui/core/MenuItem';\nimport InputBase from '@material-ui/core/InputBase';\nimport { color } from '@pie-lib/pie-toolbox/render-ui';\nimport grey from '@material-ui/core/colors/grey';\nimport { filteredDefaultPlugins } from './utils';\n\nexport const BlockWidth = 200;\nexport const PrimaryBlockWidth = 200;\nexport const DragHandleSpace = 32;\nexport const HeaderHeight = '100px';\nexport const HeaderHeightLarge = '160px';\nconst InputHeight = '120px';\nconst greyBorder = `solid 1px ${grey[400]}`;\nconst Padding = '8px 4px';\n\nexport const MultiTraitButton = withStyles((theme) => ({\n button: {\n fontSize: theme.typography.fontSize + 2,\n textAlign: 'right',\n display: 'flex',\n flexDirection: 'row',\n alignItems: 'flex-start',\n padding: `${theme.spacing.unit * 1.5}px ${theme.spacing.unit * 2}px`,\n width: '114px',\n background: color.secondaryBackground(),\n borderRadius: '4px',\n justifyContent: 'space-around',\n color: color.text(),\n cursor: 'pointer',\n },\n}))(({ classes, children, onClick }) => (\n <div className={classes.button} onClick={onClick}>\n <strong>+</strong>\n <div>{children}</div>\n </div>\n));\n\nexport const PrimaryBlock = withStyles({\n primaryBlock: {\n width: `${PrimaryBlockWidth}px`,\n minWidth: `${PrimaryBlockWidth}px`,\n position: 'relative',\n padding: '0 10px',\n boxSizing: 'border-box',\n },\n})(({ classes, children, className }) => <div className={classnames(classes.primaryBlock, className)}>{children}</div>);\n\nexport const Block = withStyles((theme) => ({\n block: {\n width: `${BlockWidth}px`,\n minWidth: `${BlockWidth}px`,\n '& ul, ol': {\n marginBlockStart: 0,\n paddingInlineStart: theme.spacing.unit * 2,\n },\n },\n}))(({ classes, children }) => <div className={classes.block}>{children}</div>);\n\nexport const SecondaryBlock = withStyles({\n secondaryBlock: {\n display: 'flex',\n overflowX: 'hidden',\n alignItems: 'flex-end',\n // this is needed to show the editor toolbar!!!\n paddingBottom: '30px',\n },\n})(({ classes, children, setRef, width }) => (\n <div className={classes.secondaryBlock} style={{ width: width }} ref={setRef}>\n {children}\n </div>\n));\n\nexport const Row = withStyles({\n row: {\n display: 'flex',\n },\n})(({ classes, children, className, height }) => (\n <div\n className={classnames(classes.row, className)}\n style={{\n height,\n }}\n >\n {children}\n </div>\n));\n\nconst scorePointsStyles = (theme) => ({\n scorePointBoxWrapper: {\n padding: '0 10px',\n },\n scorePointBox: {\n display: 'flex',\n borderRadius: '4px',\n background: 'white',\n flexDirection: 'row',\n alignItems: 'center',\n justifyContent: 'space-between',\n border: greyBorder,\n },\n scorePointBoxDisabled: {\n background: 'none',\n justifyContent: 'center',\n border: '0',\n },\n subLabel: {\n width: '24px',\n textAlign: 'center',\n },\n editableLabel: {\n textAlign: 'left',\n flex: 1,\n border: 'none',\n\n '& div': {\n padding: 0,\n },\n\n '& > div': {\n border: 'none',\n borderLeft: greyBorder,\n borderRadius: 0,\n padding: Padding,\n },\n },\n slateEditor: {\n fontFamily: 'Cerebri',\n },\n errorText: {\n fontSize: theme.typography.fontSize - 2,\n color: theme.palette.error.main,\n paddingBottom: theme.spacing.unit,\n },\n})\n\nexport const ScorePoint = withStyles((theme) => ({\n scorePointBoxWrapper: {\n padding: '0 10px',\n },\n scorePointBox: {\n display: 'flex',\n borderRadius: '4px',\n background: 'white',\n flexDirection: 'row',\n alignItems: 'center',\n justifyContent: 'space-between',\n border: greyBorder,\n },\n scorePointBoxDisabled: {\n background: 'none',\n justifyContent: 'center',\n border: '0',\n },\n subLabel: {\n width: '24px',\n textAlign: 'center',\n },\n editableLabel: {\n textAlign: 'left',\n flex: 1,\n border: 'none',\n\n '& div': {\n padding: 0,\n },\n\n '& > div': {\n border: 'none',\n borderLeft: greyBorder,\n borderRadius: 0,\n padding: Padding,\n },\n },\n slateEditor: {\n fontFamily: 'Cerebri',\n },\n errorText: {\n fontSize: theme.typography.fontSize - 2,\n color: theme.palette.error.main,\n paddingBottom: theme.spacing.unit,\n },\n}))(\n ({\n classes, error='',\n scorePointsValue,\n scoreDescriptor,\n pluginProps,\n onChange,\n showScorePointLabels,\n alignToRight,\n spellCheck,\n uploadSoundSupport,\n mathMlOptions = {},\n }) => {\n const scoreBoxClasses = showScorePointLabels\n ? classes.scorePointBox\n : `${classes.scorePointBox} ${classes.scorePointBoxDisabled}`;\n\n return (\n <div className={classes.scorePointBoxWrapper}>\n <div className={scoreBoxClasses}>\n <div className={classes.subLabel}>{scorePointsValue}</div>\n\n {showScorePointLabels ? (\n <EditableHtml\n className={classes.editableLabel}\n classes={{ slateEditor: classes.slateEditor }}\n error={error}\n markup={scoreDescriptor}\n placeholder=\" Enter Label\"\n onChange={onChange}\n pluginProps={pluginProps}\n activePlugins={filteredDefaultPlugins}\n spellCheck={spellCheck}\n toolbarOpts={alignToRight && { alignment: 'right' }}\n uploadSoundSupport={uploadSoundSupport}\n languageCharactersProps={[{ language: 'spanish' }, { language: 'special' }]}\n mathMlOptions={mathMlOptions}\n />\n ) : null}\n </div>\n </div>\n );\n },\n);\n\nconst maxScoreOptions = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10];\nconst inputStyles = (theme) => ({\n root: {\n background: theme.palette.common.white,\n 'label + &': {\n marginTop: theme.spacing.unit * 2.5,\n marginBottom: 0,\n width: '80px',\n },\n },\n input: {\n borderRadius: '4px',\n position: 'relative',\n border: greyBorder,\n fontSize: theme.typography.fontSize,\n fontFamily: 'Cerebri Sans',\n padding: `${theme.spacing.unit}px ${theme.spacing.unit * 1.5}px`,\n\n '&:focus': {\n borderRadius: '4px',\n },\n },\n});\n\nconst BootstrapInput = withStyles(inputStyles)(InputBase);\n\nexport const MaxPointsPicker = withStyles({})(({ maxPoints, onChange }) => (\n <FormControl>\n <InputLabel>Max Points</InputLabel>\n <Select value={maxPoints} onChange={onChange} input={<BootstrapInput />}>\n {(maxScoreOptions || []).map((maxScore) => (\n <MenuItem key={`menu-item-${maxScore}`} value={maxScore}>\n {maxScore}\n </MenuItem>\n ))}\n </Select>\n </FormControl>\n));\n\nexport const SimpleInput = withStyles((theme) => ({\n simpleInput: {\n display: 'flex',\n justifyContent: 'space-between',\n alignItems: 'center',\n margin: `${theme.spacing.unit * 1.5}px 0`,\n },\n editableLevel: {\n background: theme.palette.common.white,\n width: '60%',\n },\n slateEditor: {\n fontFamily: 'Cerebri',\n },\n}))(({ classes, markup, onChange, pluginProps, label, spellCheck, uploadSoundSupport, mathMlOptions = {} }) => (\n <div className={classes.simpleInput}>\n {label && <div>{label}</div>}\n\n <EditableHtml\n className={classes.editableLevel}\n classes={{ slateEditor: classes.slateEditor }}\n markup={markup}\n onChange={onChange}\n placeholder=\"Trait Label\"\n pluginProps={pluginProps}\n activePlugins={filteredDefaultPlugins}\n spellCheck={spellCheck}\n uploadSoundSupport={uploadSoundSupport}\n languageCharactersProps={[{ language: 'spanish' }, { language: 'special' }]}\n mathMlOptions={mathMlOptions}\n />\n </div>\n));\n\nexport const UnderlinedInput = withStyles((theme) => ({\n underlinedInputWrapper: {\n width: '100%',\n display: 'flex',\n justifyContent: 'center',\n alignItems: 'center',\n },\n editableLevel: {\n background: theme.palette.common.white,\n width: '100%',\n\n '& div': {\n padding: 0,\n },\n\n '& > div': {\n border: 'none',\n borderBottom: greyBorder,\n borderRadius: 0,\n padding: Padding,\n },\n },\n slateEditor: {\n fontFamily: 'Cerebri',\n },\n}))(\n ({\n classes,\n error,\n markup,\n onChange,\n pluginProps,\n label,\n placeholder,\n spellCheck,\n uploadSoundSupport,\n mathMlOptions = {},\n }) => (\n <div className={classes.underlinedInputWrapper}>\n {label && <div>{label}</div>}\n\n <EditableHtml\n className={classes.editableLevel}\n classes={{ slateEditor: classes.slateEditor }}\n error={error}\n markup={markup}\n onChange={onChange}\n placeholder={placeholder}\n pluginProps={pluginProps}\n activePlugins={filteredDefaultPlugins}\n spellCheck={spellCheck}\n uploadSoundSupport={uploadSoundSupport}\n languageCharactersProps={[{ language: 'spanish' }, { language: 'special' }]}\n mathMlOptions={mathMlOptions}\n />\n </div>\n ),\n);\n\nexport const ExpandedInput = withStyles({\n slateEditor: {\n fontFamily: 'Cerebri',\n height: InputHeight,\n padding: 0,\n },\n prompt: {\n border: 'none',\n margin: '10px',\n marginTop: 0,\n },\n})(\n ({\n classes, error,\n markup,\n onChange,\n pluginProps,\n placeholder,\n alignToRight,\n spellCheck,\n uploadSoundSupport,\n mathMlOptions = {},\n }) => (\n <div>\n <EditableHtml\n className={classes.prompt}\n classes={{ slateEditor: classes.slateEditor }}\n error={error}\n markup={markup}\n onChange={onChange}\n placeholder={placeholder}\n pluginProps={pluginProps}\n toolbarOpts={alignToRight && { alignment: 'right' }}\n spellCheck={spellCheck}\n uploadSoundSupport={uploadSoundSupport}\n languageCharactersProps={[{ language: 'spanish' }, { language: 'special' }]}\n autoWidthToolbar\n mathMlOptions={mathMlOptions}\n />\n </div>\n ),\n);\n\nexport const ScaleSettings = withStyles({\n scaleSettings: {\n display: 'flex',\n justifyContent: 'space-between',\n alignItems: 'flex-end',\n },\n})(({ classes, children }) => <div className={classes.scaleSettings}>{children}</div>);\n\nexport const Arrow = withStyles((theme) => ({\n arrow: {\n position: 'absolute',\n zIndex: 10,\n cursor: 'pointer',\n right: 0,\n alignItems: 'flex-start',\n justifyContent: 'center',\n background: `linear-gradient(to left, ${theme.palette.common.white}, ${color.background()})`,\n boxSizing: 'border-box',\n },\n innerGrey: {\n position: 'absolute',\n zIndex: 11,\n cursor: 'pointer',\n right: 0,\n alignItems: 'flex-start',\n justifyContent: 'center',\n background: `linear-gradient(to left, ${theme.palette.common.white}, ${color.background()})`,\n boxSizing: 'border-box',\n\n '& svg': {\n position: 'absolute',\n bottom: '-24px',\n },\n },\n}))(({ classes, children, className, show, width, onClick, left, showLevelTagInput }) => (\n <div\n className={classnames(classes.arrow, className)}\n style={{\n height: '-webkit-fill-available',\n display: show ? 'flex' : 'none',\n width: width,\n left: left,\n background: left ? `linear-gradient(to right, white, ${color.background()})` : undefined,\n }}\n onClick={onClick}\n >\n <div\n className={classnames(classes.innerGrey, className)}\n style={{\n display: show ? 'flex' : 'none',\n width: width,\n height: showLevelTagInput ? HeaderHeightLarge : HeaderHeight,\n left: 0,\n background: left\n ? `linear-gradient(to right, ${color.secondaryBackground()}, ${color.background()})`\n : undefined,\n }}\n onClick={onClick}\n >\n {children}\n </div>\n </div>\n));\n"],"file":"common.js"}