@pie-element/explicit-constructed-response 3.9.2 → 3.9.3-next.1016

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 (40) hide show
  1. package/CHANGELOG.md +204 -0
  2. package/configure/CHANGELOG.md +176 -0
  3. package/configure/lib/alternateResponses.js +45 -12
  4. package/configure/lib/alternateResponses.js.map +1 -1
  5. package/configure/lib/alternateSection.js +116 -19
  6. package/configure/lib/alternateSection.js.map +1 -1
  7. package/configure/lib/defaults.js +30 -0
  8. package/configure/lib/defaults.js.map +1 -1
  9. package/configure/lib/ecr-toolbar.js +19 -7
  10. package/configure/lib/ecr-toolbar.js.map +1 -1
  11. package/configure/lib/index.js +3 -3
  12. package/configure/lib/main.js +250 -42
  13. package/configure/lib/main.js.map +1 -1
  14. package/configure/lib/markupUtils.js +29 -3
  15. package/configure/lib/markupUtils.js.map +1 -1
  16. package/configure/lib/utils.js +15 -0
  17. package/configure/lib/utils.js.map +1 -0
  18. package/configure/package.json +3 -3
  19. package/controller/CHANGELOG.md +61 -0
  20. package/controller/lib/index.js +99 -6
  21. package/controller/lib/index.js.map +1 -1
  22. package/controller/package.json +1 -1
  23. package/docs/config-schema.json +116 -0
  24. package/docs/config-schema.json.md +89 -1
  25. package/docs/demo/generate.js +3 -1
  26. package/docs/pie-schema.json +57 -0
  27. package/docs/pie-schema.json.md +45 -0
  28. package/lib/index.js +5 -1
  29. package/lib/index.js.map +1 -1
  30. package/lib/main.js +75 -24
  31. package/lib/main.js.map +1 -1
  32. package/lib/print.js +115 -0
  33. package/lib/print.js.map +1 -0
  34. package/package.json +11 -7
  35. package/module/configure.js +0 -2121
  36. package/module/controller.js +0 -20840
  37. package/module/demo.js +0 -44
  38. package/module/element.js +0 -240
  39. package/module/index.html +0 -16
  40. package/module/manifest.json +0 -10
@@ -1,2121 +0,0 @@
1
- import {_dll_react, _dll_prop_types, _dll_material_ui__core_styles, _dll_material_ui__core, _dll_lodash, _dll_react_dom} from "../../../@pie-ui/shared-lib@^4.3.3/module/index.js";
2
- import {_dll_pie_lib__editable_html, _dll_pie_lib__config_ui, _dll_pie_framework__pie_configure_events} from "../../shared-config@^1.8.13/module/index.js";
3
- function unwrapExports(x) {
4
- return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, 'default') ? x['default'] : x;
5
- }
6
- function createCommonjsModule(fn, module) {
7
- return (module = {
8
- exports: {}
9
- }, fn(module, module.exports), module.exports);
10
- }
11
- var interopRequireDefault = createCommonjsModule(function (module) {
12
- function _interopRequireDefault(obj) {
13
- return obj && obj.__esModule ? obj : {
14
- "default": obj
15
- };
16
- }
17
- module.exports = _interopRequireDefault;
18
- });
19
- unwrapExports(interopRequireDefault);
20
- function _classCallCheck(instance, Constructor) {
21
- if (!(instance instanceof Constructor)) {
22
- throw new TypeError("Cannot call a class as a function");
23
- }
24
- }
25
- var classCallCheck = _classCallCheck;
26
- function _defineProperties(target, props) {
27
- for (var i = 0; i < props.length; i++) {
28
- var descriptor = props[i];
29
- descriptor.enumerable = descriptor.enumerable || false;
30
- descriptor.configurable = true;
31
- if (("value" in descriptor)) descriptor.writable = true;
32
- Object.defineProperty(target, descriptor.key, descriptor);
33
- }
34
- }
35
- function _createClass(Constructor, protoProps, staticProps) {
36
- if (protoProps) _defineProperties(Constructor.prototype, protoProps);
37
- if (staticProps) _defineProperties(Constructor, staticProps);
38
- return Constructor;
39
- }
40
- var createClass = _createClass;
41
- function _assertThisInitialized(self) {
42
- if (self === void 0) {
43
- throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
44
- }
45
- return self;
46
- }
47
- var assertThisInitialized = _assertThisInitialized;
48
- var setPrototypeOf = createCommonjsModule(function (module) {
49
- function _setPrototypeOf(o, p) {
50
- module.exports = _setPrototypeOf = Object.setPrototypeOf || (function _setPrototypeOf(o, p) {
51
- o.__proto__ = p;
52
- return o;
53
- });
54
- return _setPrototypeOf(o, p);
55
- }
56
- module.exports = _setPrototypeOf;
57
- });
58
- function _inherits(subClass, superClass) {
59
- if (typeof superClass !== "function" && superClass !== null) {
60
- throw new TypeError("Super expression must either be null or a function");
61
- }
62
- subClass.prototype = Object.create(superClass && superClass.prototype, {
63
- constructor: {
64
- value: subClass,
65
- writable: true,
66
- configurable: true
67
- }
68
- });
69
- if (superClass) setPrototypeOf(subClass, superClass);
70
- }
71
- var inherits = _inherits;
72
- var _typeof_1 = createCommonjsModule(function (module) {
73
- function _typeof(obj) {
74
- "@babel/helpers - typeof";
75
- if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") {
76
- module.exports = _typeof = function _typeof(obj) {
77
- return typeof obj;
78
- };
79
- } else {
80
- module.exports = _typeof = function _typeof(obj) {
81
- return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
82
- };
83
- }
84
- return _typeof(obj);
85
- }
86
- module.exports = _typeof;
87
- });
88
- function _possibleConstructorReturn(self, call) {
89
- if (call && (_typeof_1(call) === "object" || typeof call === "function")) {
90
- return call;
91
- }
92
- return assertThisInitialized(self);
93
- }
94
- var possibleConstructorReturn = _possibleConstructorReturn;
95
- var getPrototypeOf = createCommonjsModule(function (module) {
96
- function _getPrototypeOf(o) {
97
- module.exports = _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) {
98
- return o.__proto__ || Object.getPrototypeOf(o);
99
- };
100
- return _getPrototypeOf(o);
101
- }
102
- module.exports = _getPrototypeOf;
103
- });
104
- function _isNativeFunction(fn) {
105
- return Function.toString.call(fn).indexOf("[native code]") !== -1;
106
- }
107
- var isNativeFunction = _isNativeFunction;
108
- function _isNativeReflectConstruct() {
109
- if (typeof Reflect === "undefined" || !Reflect.construct) return false;
110
- if (Reflect.construct.sham) return false;
111
- if (typeof Proxy === "function") return true;
112
- try {
113
- Date.prototype.toString.call(Reflect.construct(Date, [], function () {}));
114
- return true;
115
- } catch (e) {
116
- return false;
117
- }
118
- }
119
- var isNativeReflectConstruct = _isNativeReflectConstruct;
120
- var construct = createCommonjsModule(function (module) {
121
- function _construct(Parent, args, Class) {
122
- if (isNativeReflectConstruct()) {
123
- module.exports = _construct = Reflect.construct;
124
- } else {
125
- module.exports = _construct = function _construct(Parent, args, Class) {
126
- var a = [null];
127
- a.push.apply(a, args);
128
- var Constructor = Function.bind.apply(Parent, a);
129
- var instance = new Constructor();
130
- if (Class) setPrototypeOf(instance, Class.prototype);
131
- return instance;
132
- };
133
- }
134
- return _construct.apply(null, arguments);
135
- }
136
- module.exports = _construct;
137
- });
138
- var wrapNativeSuper = createCommonjsModule(function (module) {
139
- function _wrapNativeSuper(Class) {
140
- var _cache = typeof Map === "function" ? new Map() : undefined;
141
- module.exports = _wrapNativeSuper = function _wrapNativeSuper(Class) {
142
- if (Class === null || !isNativeFunction(Class)) return Class;
143
- if (typeof Class !== "function") {
144
- throw new TypeError("Super expression must either be null or a function");
145
- }
146
- if (typeof _cache !== "undefined") {
147
- if (_cache.has(Class)) return _cache.get(Class);
148
- _cache.set(Class, Wrapper);
149
- }
150
- function Wrapper() {
151
- return construct(Class, arguments, getPrototypeOf(this).constructor);
152
- }
153
- Wrapper.prototype = Object.create(Class.prototype, {
154
- constructor: {
155
- value: Wrapper,
156
- enumerable: false,
157
- writable: true,
158
- configurable: true
159
- }
160
- });
161
- return setPrototypeOf(Wrapper, Class);
162
- };
163
- return _wrapNativeSuper(Class);
164
- }
165
- module.exports = _wrapNativeSuper;
166
- });
167
- function _defineProperty(obj, key, value) {
168
- if ((key in obj)) {
169
- Object.defineProperty(obj, key, {
170
- value: value,
171
- enumerable: true,
172
- configurable: true,
173
- writable: true
174
- });
175
- } else {
176
- obj[key] = value;
177
- }
178
- return obj;
179
- }
180
- var defineProperty = _defineProperty;
181
- var s = 1000;
182
- var m = s * 60;
183
- var h = m * 60;
184
- var d = h * 24;
185
- var w = d * 7;
186
- var y = d * 365.25;
187
- var ms = function (val, options) {
188
- options = options || ({});
189
- var type = typeof val;
190
- if (type === 'string' && val.length > 0) {
191
- return parse(val);
192
- } else if (type === 'number' && isFinite(val)) {
193
- return options.long ? fmtLong(val) : fmtShort(val);
194
- }
195
- throw new Error('val is not a non-empty string or a valid number. val=' + JSON.stringify(val));
196
- };
197
- function parse(str) {
198
- str = String(str);
199
- if (str.length > 100) {
200
- return;
201
- }
202
- var match = (/^(-?(?:\d+)?\.?\d+) *(milliseconds?|msecs?|ms|seconds?|secs?|s|minutes?|mins?|m|hours?|hrs?|h|days?|d|weeks?|w|years?|yrs?|y)?$/i).exec(str);
203
- if (!match) {
204
- return;
205
- }
206
- var n = parseFloat(match[1]);
207
- var type = (match[2] || 'ms').toLowerCase();
208
- switch (type) {
209
- case 'years':
210
- case 'year':
211
- case 'yrs':
212
- case 'yr':
213
- case 'y':
214
- return n * y;
215
- case 'weeks':
216
- case 'week':
217
- case 'w':
218
- return n * w;
219
- case 'days':
220
- case 'day':
221
- case 'd':
222
- return n * d;
223
- case 'hours':
224
- case 'hour':
225
- case 'hrs':
226
- case 'hr':
227
- case 'h':
228
- return n * h;
229
- case 'minutes':
230
- case 'minute':
231
- case 'mins':
232
- case 'min':
233
- case 'm':
234
- return n * m;
235
- case 'seconds':
236
- case 'second':
237
- case 'secs':
238
- case 'sec':
239
- case 's':
240
- return n * s;
241
- case 'milliseconds':
242
- case 'millisecond':
243
- case 'msecs':
244
- case 'msec':
245
- case 'ms':
246
- return n;
247
- default:
248
- return undefined;
249
- }
250
- }
251
- function fmtShort(ms) {
252
- var msAbs = Math.abs(ms);
253
- if (msAbs >= d) {
254
- return Math.round(ms / d) + 'd';
255
- }
256
- if (msAbs >= h) {
257
- return Math.round(ms / h) + 'h';
258
- }
259
- if (msAbs >= m) {
260
- return Math.round(ms / m) + 'm';
261
- }
262
- if (msAbs >= s) {
263
- return Math.round(ms / s) + 's';
264
- }
265
- return ms + 'ms';
266
- }
267
- function fmtLong(ms) {
268
- var msAbs = Math.abs(ms);
269
- if (msAbs >= d) {
270
- return plural(ms, msAbs, d, 'day');
271
- }
272
- if (msAbs >= h) {
273
- return plural(ms, msAbs, h, 'hour');
274
- }
275
- if (msAbs >= m) {
276
- return plural(ms, msAbs, m, 'minute');
277
- }
278
- if (msAbs >= s) {
279
- return plural(ms, msAbs, s, 'second');
280
- }
281
- return ms + ' ms';
282
- }
283
- function plural(ms, msAbs, n, name) {
284
- var isPlural = msAbs >= n * 1.5;
285
- return Math.round(ms / n) + ' ' + name + (isPlural ? 's' : '');
286
- }
287
- function setup(env) {
288
- createDebug.debug = createDebug;
289
- createDebug.default = createDebug;
290
- createDebug.coerce = coerce;
291
- createDebug.disable = disable;
292
- createDebug.enable = enable;
293
- createDebug.enabled = enabled;
294
- createDebug.humanize = ms;
295
- Object.keys(env).forEach(function (key) {
296
- createDebug[key] = env[key];
297
- });
298
- createDebug.instances = [];
299
- createDebug.names = [];
300
- createDebug.skips = [];
301
- createDebug.formatters = {};
302
- function selectColor(namespace) {
303
- var hash = 0;
304
- for (var i = 0; i < namespace.length; i++) {
305
- hash = (hash << 5) - hash + namespace.charCodeAt(i);
306
- hash |= 0;
307
- }
308
- return createDebug.colors[Math.abs(hash) % createDebug.colors.length];
309
- }
310
- createDebug.selectColor = selectColor;
311
- function createDebug(namespace) {
312
- var prevTime;
313
- function debug() {
314
- if (!debug.enabled) {
315
- return;
316
- }
317
- for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
318
- args[_key] = arguments[_key];
319
- }
320
- var self = debug;
321
- var curr = Number(new Date());
322
- var ms = curr - (prevTime || curr);
323
- self.diff = ms;
324
- self.prev = prevTime;
325
- self.curr = curr;
326
- prevTime = curr;
327
- args[0] = createDebug.coerce(args[0]);
328
- if (typeof args[0] !== 'string') {
329
- args.unshift('%O');
330
- }
331
- var index = 0;
332
- args[0] = args[0].replace(/%([a-zA-Z%])/g, function (match, format) {
333
- if (match === '%%') {
334
- return match;
335
- }
336
- index++;
337
- var formatter = createDebug.formatters[format];
338
- if (typeof formatter === 'function') {
339
- var val = args[index];
340
- match = formatter.call(self, val);
341
- args.splice(index, 1);
342
- index--;
343
- }
344
- return match;
345
- });
346
- createDebug.formatArgs.call(self, args);
347
- var logFn = self.log || createDebug.log;
348
- logFn.apply(self, args);
349
- }
350
- debug.namespace = namespace;
351
- debug.enabled = createDebug.enabled(namespace);
352
- debug.useColors = createDebug.useColors();
353
- debug.color = selectColor(namespace);
354
- debug.destroy = destroy;
355
- debug.extend = extend;
356
- if (typeof createDebug.init === 'function') {
357
- createDebug.init(debug);
358
- }
359
- createDebug.instances.push(debug);
360
- return debug;
361
- }
362
- function destroy() {
363
- var index = createDebug.instances.indexOf(this);
364
- if (index !== -1) {
365
- createDebug.instances.splice(index, 1);
366
- return true;
367
- }
368
- return false;
369
- }
370
- function extend(namespace, delimiter) {
371
- return createDebug(this.namespace + (typeof delimiter === 'undefined' ? ':' : delimiter) + namespace);
372
- }
373
- function enable(namespaces) {
374
- createDebug.save(namespaces);
375
- createDebug.names = [];
376
- createDebug.skips = [];
377
- var i;
378
- var split = (typeof namespaces === 'string' ? namespaces : '').split(/[\s,]+/);
379
- var len = split.length;
380
- for (i = 0; i < len; i++) {
381
- if (!split[i]) {
382
- continue;
383
- }
384
- namespaces = split[i].replace(/\*/g, '.*?');
385
- if (namespaces[0] === '-') {
386
- createDebug.skips.push(new RegExp('^' + namespaces.substr(1) + '$'));
387
- } else {
388
- createDebug.names.push(new RegExp('^' + namespaces + '$'));
389
- }
390
- }
391
- for (i = 0; i < createDebug.instances.length; i++) {
392
- var instance = createDebug.instances[i];
393
- instance.enabled = createDebug.enabled(instance.namespace);
394
- }
395
- }
396
- function disable() {
397
- createDebug.enable('');
398
- }
399
- function enabled(name) {
400
- if (name[name.length - 1] === '*') {
401
- return true;
402
- }
403
- var i;
404
- var len;
405
- for ((i = 0, len = createDebug.skips.length); i < len; i++) {
406
- if (createDebug.skips[i].test(name)) {
407
- return false;
408
- }
409
- }
410
- for ((i = 0, len = createDebug.names.length); i < len; i++) {
411
- if (createDebug.names[i].test(name)) {
412
- return true;
413
- }
414
- }
415
- return false;
416
- }
417
- function coerce(val) {
418
- if (val instanceof Error) {
419
- return val.stack || val.message;
420
- }
421
- return val;
422
- }
423
- createDebug.enable(createDebug.load());
424
- return createDebug;
425
- }
426
- var common = setup;
427
- var browser = createCommonjsModule(function (module, exports) {
428
- function _typeof(obj) {
429
- if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") {
430
- _typeof = function _typeof(obj) {
431
- return typeof obj;
432
- };
433
- } else {
434
- _typeof = function _typeof(obj) {
435
- return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
436
- };
437
- }
438
- return _typeof(obj);
439
- }
440
- exports.log = log;
441
- exports.formatArgs = formatArgs;
442
- exports.save = save;
443
- exports.load = load;
444
- exports.useColors = useColors;
445
- exports.storage = localstorage();
446
- exports.colors = ['#0000CC', '#0000FF', '#0033CC', '#0033FF', '#0066CC', '#0066FF', '#0099CC', '#0099FF', '#00CC00', '#00CC33', '#00CC66', '#00CC99', '#00CCCC', '#00CCFF', '#3300CC', '#3300FF', '#3333CC', '#3333FF', '#3366CC', '#3366FF', '#3399CC', '#3399FF', '#33CC00', '#33CC33', '#33CC66', '#33CC99', '#33CCCC', '#33CCFF', '#6600CC', '#6600FF', '#6633CC', '#6633FF', '#66CC00', '#66CC33', '#9900CC', '#9900FF', '#9933CC', '#9933FF', '#99CC00', '#99CC33', '#CC0000', '#CC0033', '#CC0066', '#CC0099', '#CC00CC', '#CC00FF', '#CC3300', '#CC3333', '#CC3366', '#CC3399', '#CC33CC', '#CC33FF', '#CC6600', '#CC6633', '#CC9900', '#CC9933', '#CCCC00', '#CCCC33', '#FF0000', '#FF0033', '#FF0066', '#FF0099', '#FF00CC', '#FF00FF', '#FF3300', '#FF3333', '#FF3366', '#FF3399', '#FF33CC', '#FF33FF', '#FF6600', '#FF6633', '#FF9900', '#FF9933', '#FFCC00', '#FFCC33'];
447
- function useColors() {
448
- if (typeof window !== 'undefined' && window.process && (window.process.type === 'renderer' || window.process.__nwjs)) {
449
- return true;
450
- }
451
- if (typeof navigator !== 'undefined' && navigator.userAgent && navigator.userAgent.toLowerCase().match(/(edge|trident)\/(\d+)/)) {
452
- return false;
453
- }
454
- return typeof document !== 'undefined' && document.documentElement && document.documentElement.style && document.documentElement.style.WebkitAppearance || typeof window !== 'undefined' && window.console && (window.console.firebug || window.console.exception && window.console.table) || typeof navigator !== 'undefined' && navigator.userAgent && navigator.userAgent.toLowerCase().match(/firefox\/(\d+)/) && parseInt(RegExp.$1, 10) >= 31 || typeof navigator !== 'undefined' && navigator.userAgent && navigator.userAgent.toLowerCase().match(/applewebkit\/(\d+)/);
455
- }
456
- function formatArgs(args) {
457
- args[0] = (this.useColors ? '%c' : '') + this.namespace + (this.useColors ? ' %c' : ' ') + args[0] + (this.useColors ? '%c ' : ' ') + '+' + module.exports.humanize(this.diff);
458
- if (!this.useColors) {
459
- return;
460
- }
461
- var c = 'color: ' + this.color;
462
- args.splice(1, 0, c, 'color: inherit');
463
- var index = 0;
464
- var lastC = 0;
465
- args[0].replace(/%[a-zA-Z%]/g, function (match) {
466
- if (match === '%%') {
467
- return;
468
- }
469
- index++;
470
- if (match === '%c') {
471
- lastC = index;
472
- }
473
- });
474
- args.splice(lastC, 0, c);
475
- }
476
- function log() {
477
- var _console;
478
- return (typeof console === "undefined" ? "undefined" : _typeof(console)) === 'object' && console.log && (_console = console).log.apply(_console, arguments);
479
- }
480
- function save(namespaces) {
481
- try {
482
- if (namespaces) {
483
- exports.storage.setItem('debug', namespaces);
484
- } else {
485
- exports.storage.removeItem('debug');
486
- }
487
- } catch (error) {}
488
- }
489
- function load() {
490
- var r;
491
- try {
492
- r = exports.storage.getItem('debug');
493
- } catch (error) {}
494
- if (!r && typeof process !== 'undefined' && ('env' in process)) {
495
- r = process.env.DEBUG;
496
- }
497
- return r;
498
- }
499
- function localstorage() {
500
- try {
501
- return localStorage;
502
- } catch (error) {}
503
- }
504
- module.exports = common(exports);
505
- var formatters = module.exports.formatters;
506
- formatters.j = function (v) {
507
- try {
508
- return JSON.stringify(v);
509
- } catch (error) {
510
- return '[UnexpectedJSONParseError]: ' + error.message;
511
- }
512
- };
513
- });
514
- browser.log;
515
- browser.formatArgs;
516
- browser.save;
517
- browser.load;
518
- browser.useColors;
519
- browser.storage;
520
- browser.colors;
521
- var interopRequireWildcard = createCommonjsModule(function (module) {
522
- function _getRequireWildcardCache() {
523
- if (typeof WeakMap !== "function") return null;
524
- var cache = new WeakMap();
525
- _getRequireWildcardCache = function _getRequireWildcardCache() {
526
- return cache;
527
- };
528
- return cache;
529
- }
530
- function _interopRequireWildcard(obj) {
531
- if (obj && obj.__esModule) {
532
- return obj;
533
- }
534
- if (obj === null || _typeof_1(obj) !== "object" && typeof obj !== "function") {
535
- return {
536
- "default": obj
537
- };
538
- }
539
- var cache = _getRequireWildcardCache();
540
- if (cache && cache.has(obj)) {
541
- return cache.get(obj);
542
- }
543
- var newObj = {};
544
- var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;
545
- for (var key in obj) {
546
- if (Object.prototype.hasOwnProperty.call(obj, key)) {
547
- var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null;
548
- if (desc && (desc.get || desc.set)) {
549
- Object.defineProperty(newObj, key, desc);
550
- } else {
551
- newObj[key] = obj[key];
552
- }
553
- }
554
- }
555
- newObj["default"] = obj;
556
- if (cache) {
557
- cache.set(obj, newObj);
558
- }
559
- return newObj;
560
- }
561
- module.exports = _interopRequireWildcard;
562
- });
563
- unwrapExports(interopRequireWildcard);
564
- const require$$7 = _dll_react;
565
- const require$$8 = _dll_prop_types;
566
- const _styles = _dll_material_ui__core_styles;
567
- const {OutlinedInput: require$$9} = _dll_material_ui__core;
568
- var ecrToolbar = createCommonjsModule(function (module, exports) {
569
- Object.defineProperty(exports, "__esModule", {
570
- value: true
571
- });
572
- exports["default"] = exports.ECRToolbar = void 0;
573
- var _classCallCheck2 = interopRequireDefault(classCallCheck);
574
- var _createClass2 = interopRequireDefault(createClass);
575
- var _assertThisInitialized2 = interopRequireDefault(assertThisInitialized);
576
- var _inherits2 = interopRequireDefault(inherits);
577
- var _possibleConstructorReturn2 = interopRequireDefault(possibleConstructorReturn);
578
- var _getPrototypeOf2 = interopRequireDefault(getPrototypeOf);
579
- var _defineProperty2 = interopRequireDefault(defineProperty);
580
- var _react = interopRequireDefault(require$$7);
581
- var _propTypes = interopRequireDefault(require$$8);
582
- var _OutlinedInput = interopRequireDefault(require$$9);
583
- function ownKeys(object, enumerableOnly) {
584
- var keys = Object.keys(object);
585
- if (Object.getOwnPropertySymbols) {
586
- var symbols = Object.getOwnPropertySymbols(object);
587
- if (enumerableOnly) symbols = symbols.filter(function (sym) {
588
- return Object.getOwnPropertyDescriptor(object, sym).enumerable;
589
- });
590
- keys.push.apply(keys, symbols);
591
- }
592
- return keys;
593
- }
594
- function _objectSpread(target) {
595
- for (var i = 1; i < arguments.length; i++) {
596
- var source = arguments[i] != null ? arguments[i] : {};
597
- if (i % 2) {
598
- ownKeys(Object(source), true).forEach(function (key) {
599
- (0, _defineProperty2["default"])(target, key, source[key]);
600
- });
601
- } else if (Object.getOwnPropertyDescriptors) {
602
- Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
603
- } else {
604
- ownKeys(Object(source)).forEach(function (key) {
605
- Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
606
- });
607
- }
608
- }
609
- return target;
610
- }
611
- function _createSuper(Derived) {
612
- var hasNativeReflectConstruct = _isNativeReflectConstruct();
613
- return function _createSuperInternal() {
614
- var Super = (0, _getPrototypeOf2["default"])(Derived), result;
615
- if (hasNativeReflectConstruct) {
616
- var NewTarget = (0, _getPrototypeOf2["default"])(this).constructor;
617
- result = Reflect.construct(Super, arguments, NewTarget);
618
- } else {
619
- result = Super.apply(this, arguments);
620
- }
621
- return (0, _possibleConstructorReturn2["default"])(this, result);
622
- };
623
- }
624
- function _isNativeReflectConstruct() {
625
- if (typeof Reflect === "undefined" || !Reflect.construct) return false;
626
- if (Reflect.construct.sham) return false;
627
- if (typeof Proxy === "function") return true;
628
- try {
629
- Date.prototype.toString.call(Reflect.construct(Date, [], function () {}));
630
- return true;
631
- } catch (e) {
632
- return false;
633
- }
634
- }
635
- var findSlateNode = function findSlateNode(key) {
636
- return window.document.querySelector('[data-key="' + key + '"]');
637
- };
638
- var ECRToolbar = (function (_React$Component) {
639
- (0, _inherits2["default"])(ECRToolbar, _React$Component);
640
- var _super = _createSuper(ECRToolbar);
641
- function ECRToolbar() {
642
- var _this;
643
- (0, _classCallCheck2["default"])(this, ECRToolbar);
644
- for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
645
- args[_key] = arguments[_key];
646
- }
647
- _this = _super.call.apply(_super, [this].concat(args));
648
- (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "state", {});
649
- (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "onDone", function () {
650
- var newValue = _this.state.markup;
651
- var _this$props = _this.props, node = _this$props.node, value = _this$props.value, onToolbarDone = _this$props.onToolbarDone, onChangeResponse = _this$props.onChangeResponse;
652
- var update = _objectSpread(_objectSpread({}, node.data.toJSON()), {}, {
653
- value: newValue
654
- });
655
- var change = value.change().setNodeByKey(node.key, {
656
- data: update
657
- });
658
- var nextText = value.document.getNextText(node.key);
659
- change.moveFocusTo(nextText.key, 0).moveAnchorTo(nextText.key, 0);
660
- onToolbarDone(change, false);
661
- onChangeResponse(newValue);
662
- });
663
- (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "onChange", function (e) {
664
- return _this.setState({
665
- markup: e.target.value
666
- });
667
- });
668
- return _this;
669
- }
670
- (0, _createClass2["default"])(ECRToolbar, [{
671
- key: "componentDidMount",
672
- value: function componentDidMount() {
673
- var _this$props2 = this.props, correctChoice = _this$props2.correctChoice, node = _this$props2.node;
674
- var choice = correctChoice || ({});
675
- var domNode = findSlateNode(node.key);
676
- if (domNode) {
677
- var domNodeRect = domNode.getBoundingClientRect();
678
- var editor = domNode.closest('[data-slate-editor]');
679
- var editorRect = editor.getBoundingClientRect();
680
- var top = domNodeRect.top - editorRect.top;
681
- var left = domNodeRect.left - editorRect.left;
682
- this.setState({
683
- markup: choice.label,
684
- toolbarStyle: {
685
- position: 'absolute',
686
- top: ("").concat(top + domNodeRect.height + 20, "px"),
687
- left: ("").concat(left + 20, "px"),
688
- width: domNodeRect.width
689
- }
690
- });
691
- }
692
- }
693
- }, {
694
- key: "render",
695
- value: function render() {
696
- var classes = this.props.classes;
697
- var _this$state = this.state, markup = _this$state.markup, toolbarStyle = _this$state.toolbarStyle;
698
- return _react["default"].createElement("div", {
699
- style: _objectSpread(_objectSpread({}, toolbarStyle), {}, {
700
- backgroundColor: '#E0E1E6'
701
- })
702
- }, _react["default"].createElement(_OutlinedInput["default"], {
703
- autoFocus: true,
704
- labelWidth: 0,
705
- classes: {
706
- input: classes.input
707
- },
708
- onChange: this.onChange,
709
- onBlur: this.onDone,
710
- value: markup
711
- }));
712
- }
713
- }]);
714
- return ECRToolbar;
715
- })(_react["default"].Component);
716
- exports.ECRToolbar = ECRToolbar;
717
- (0, _defineProperty2["default"])(ECRToolbar, "propTypes", {
718
- correctChoice: _propTypes["default"].object,
719
- classes: _propTypes["default"].object,
720
- node: _propTypes["default"].object,
721
- onDone: _propTypes["default"].func,
722
- onChangeResponse: _propTypes["default"].func.isRequired,
723
- onToolbarDone: _propTypes["default"].func.isRequired,
724
- value: _propTypes["default"].shape({
725
- change: _propTypes["default"].func.isRequired,
726
- document: _propTypes["default"].shape({
727
- getNextText: _propTypes["default"].func.isRequired
728
- })
729
- })
730
- });
731
- var StyledECRToolbar = (0, _styles.withStyles)({
732
- respArea: {
733
- backgroundColor: '#fff'
734
- },
735
- input: {
736
- backgroundColor: '#fff',
737
- padding: '10px 20px 10px 10px'
738
- }
739
- })(ECRToolbar);
740
- var _default = StyledECRToolbar;
741
- exports["default"] = _default;
742
- });
743
- unwrapExports(ecrToolbar);
744
- ecrToolbar.ECRToolbar;
745
- function _arrayLikeToArray(arr, len) {
746
- if (len == null || len > arr.length) len = arr.length;
747
- for (var i = 0, arr2 = new Array(len); i < len; i++) {
748
- arr2[i] = arr[i];
749
- }
750
- return arr2;
751
- }
752
- var arrayLikeToArray = _arrayLikeToArray;
753
- function _arrayWithoutHoles(arr) {
754
- if (Array.isArray(arr)) return arrayLikeToArray(arr);
755
- }
756
- var arrayWithoutHoles = _arrayWithoutHoles;
757
- function _iterableToArray(iter) {
758
- if (typeof Symbol !== "undefined" && (Symbol.iterator in Object(iter))) return Array.from(iter);
759
- }
760
- var iterableToArray = _iterableToArray;
761
- function _unsupportedIterableToArray(o, minLen) {
762
- if (!o) return;
763
- if (typeof o === "string") return arrayLikeToArray(o, minLen);
764
- var n = Object.prototype.toString.call(o).slice(8, -1);
765
- if (n === "Object" && o.constructor) n = o.constructor.name;
766
- if (n === "Map" || n === "Set") return Array.from(o);
767
- if (n === "Arguments" || (/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/).test(n)) return arrayLikeToArray(o, minLen);
768
- }
769
- var unsupportedIterableToArray = _unsupportedIterableToArray;
770
- function _nonIterableSpread() {
771
- throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
772
- }
773
- var nonIterableSpread = _nonIterableSpread;
774
- function _toConsumableArray(arr) {
775
- return arrayWithoutHoles(arr) || iterableToArray(arr) || unsupportedIterableToArray(arr) || nonIterableSpread();
776
- }
777
- var toConsumableArray = _toConsumableArray;
778
- function _inheritsLoose(subClass, superClass) {
779
- subClass.prototype = Object.create(superClass.prototype);
780
- subClass.prototype.constructor = subClass;
781
- setPrototypeOf(subClass, superClass);
782
- }
783
- var inheritsLoose = _inheritsLoose;
784
- var setStatic_1 = createCommonjsModule(function (module, exports) {
785
- exports.__esModule = true;
786
- exports.default = void 0;
787
- var setStatic = function setStatic(key, value) {
788
- return function (BaseComponent) {
789
- BaseComponent[key] = value;
790
- return BaseComponent;
791
- };
792
- };
793
- var _default = setStatic;
794
- exports.default = _default;
795
- });
796
- unwrapExports(setStatic_1);
797
- var setDisplayName_1 = createCommonjsModule(function (module, exports) {
798
- exports.__esModule = true;
799
- exports.default = void 0;
800
- var _setStatic = interopRequireDefault(setStatic_1);
801
- var setDisplayName = function setDisplayName(displayName) {
802
- return (0, _setStatic.default)('displayName', displayName);
803
- };
804
- var _default = setDisplayName;
805
- exports.default = _default;
806
- });
807
- unwrapExports(setDisplayName_1);
808
- var getDisplayName_1 = createCommonjsModule(function (module, exports) {
809
- exports.__esModule = true;
810
- exports.default = void 0;
811
- var getDisplayName = function getDisplayName(Component) {
812
- if (typeof Component === 'string') {
813
- return Component;
814
- }
815
- if (!Component) {
816
- return undefined;
817
- }
818
- return Component.displayName || Component.name || 'Component';
819
- };
820
- var _default = getDisplayName;
821
- exports.default = _default;
822
- });
823
- unwrapExports(getDisplayName_1);
824
- var wrapDisplayName_1 = createCommonjsModule(function (module, exports) {
825
- exports.__esModule = true;
826
- exports.default = void 0;
827
- var _getDisplayName = interopRequireDefault(getDisplayName_1);
828
- var wrapDisplayName = function wrapDisplayName(BaseComponent, hocName) {
829
- return hocName + "(" + (0, _getDisplayName.default)(BaseComponent) + ")";
830
- };
831
- var _default = wrapDisplayName;
832
- exports.default = _default;
833
- });
834
- unwrapExports(wrapDisplayName_1);
835
- const _react = _dll_react;
836
- var shouldUpdate_1 = createCommonjsModule(function (module, exports) {
837
- exports.__esModule = true;
838
- exports.default = void 0;
839
- var _inheritsLoose2 = interopRequireDefault(inheritsLoose);
840
- var _setDisplayName = interopRequireDefault(setDisplayName_1);
841
- var _wrapDisplayName = interopRequireDefault(wrapDisplayName_1);
842
- var shouldUpdate = function shouldUpdate(test) {
843
- return function (BaseComponent) {
844
- var factory = (0, _react.createFactory)(BaseComponent);
845
- var ShouldUpdate = (function (_Component) {
846
- (0, _inheritsLoose2.default)(ShouldUpdate, _Component);
847
- function ShouldUpdate() {
848
- return _Component.apply(this, arguments) || this;
849
- }
850
- var _proto = ShouldUpdate.prototype;
851
- _proto.shouldComponentUpdate = function shouldComponentUpdate(nextProps) {
852
- return test(this.props, nextProps);
853
- };
854
- _proto.render = function render() {
855
- return factory(this.props);
856
- };
857
- return ShouldUpdate;
858
- })(_react.Component);
859
- {
860
- return (0, _setDisplayName.default)((0, _wrapDisplayName.default)(BaseComponent, 'shouldUpdate'))(ShouldUpdate);
861
- }
862
- };
863
- };
864
- var _default = shouldUpdate;
865
- exports.default = _default;
866
- });
867
- unwrapExports(shouldUpdate_1);
868
- var hasOwnProperty = Object.prototype.hasOwnProperty;
869
- function is(x, y) {
870
- if (x === y) {
871
- return x !== 0 || y !== 0 || 1 / x === 1 / y;
872
- } else {
873
- return x !== x && y !== y;
874
- }
875
- }
876
- function shallowEqual(objA, objB) {
877
- if (is(objA, objB)) {
878
- return true;
879
- }
880
- if (typeof objA !== 'object' || objA === null || typeof objB !== 'object' || objB === null) {
881
- return false;
882
- }
883
- var keysA = Object.keys(objA);
884
- var keysB = Object.keys(objB);
885
- if (keysA.length !== keysB.length) {
886
- return false;
887
- }
888
- for (var i = 0; i < keysA.length; i++) {
889
- if (!hasOwnProperty.call(objB, keysA[i]) || !is(objA[keysA[i]], objB[keysA[i]])) {
890
- return false;
891
- }
892
- }
893
- return true;
894
- }
895
- var shallowEqual_1 = shallowEqual;
896
- var shallowEqual$1 = createCommonjsModule(function (module, exports) {
897
- exports.__esModule = true;
898
- exports.default = void 0;
899
- var _shallowEqual = interopRequireDefault(shallowEqual_1);
900
- var _default = _shallowEqual.default;
901
- exports.default = _default;
902
- });
903
- unwrapExports(shallowEqual$1);
904
- var pure_1 = createCommonjsModule(function (module, exports) {
905
- exports.__esModule = true;
906
- exports.default = void 0;
907
- var _shouldUpdate = interopRequireDefault(shouldUpdate_1);
908
- var _shallowEqual = interopRequireDefault(shallowEqual$1);
909
- var _setDisplayName = interopRequireDefault(setDisplayName_1);
910
- var _wrapDisplayName = interopRequireDefault(wrapDisplayName_1);
911
- var pure = function pure(BaseComponent) {
912
- var hoc = (0, _shouldUpdate.default)(function (props, nextProps) {
913
- return !(0, _shallowEqual.default)(props, nextProps);
914
- });
915
- {
916
- return (0, _setDisplayName.default)((0, _wrapDisplayName.default)(BaseComponent, 'pure'))(hoc(BaseComponent));
917
- }
918
- };
919
- var _default = pure;
920
- exports.default = _default;
921
- });
922
- unwrapExports(pure_1);
923
- const require$$0 = _dll_react;
924
- const {SvgIcon: require$$2} = _dll_material_ui__core;
925
- var createSvgIcon_1 = createCommonjsModule(function (module, exports) {
926
- Object.defineProperty(exports, "__esModule", {
927
- value: true
928
- });
929
- exports.default = void 0;
930
- var _react = interopRequireDefault(require$$0);
931
- var _pure = interopRequireDefault(pure_1);
932
- var _SvgIcon = interopRequireDefault(require$$2);
933
- function createSvgIcon(path, displayName) {
934
- var Icon = function Icon(props) {
935
- return _react.default.createElement(_SvgIcon.default, props, path);
936
- };
937
- Icon.displayName = ("").concat(displayName, "Icon");
938
- Icon = (0, _pure.default)(Icon);
939
- Icon.muiName = 'SvgIcon';
940
- return Icon;
941
- }
942
- var _default = createSvgIcon;
943
- exports.default = _default;
944
- });
945
- unwrapExports(createSvgIcon_1);
946
- const require$$0$1 = _dll_react;
947
- var Delete = createCommonjsModule(function (module, exports) {
948
- Object.defineProperty(exports, "__esModule", {
949
- value: true
950
- });
951
- exports.default = void 0;
952
- var _react = interopRequireDefault(require$$0$1);
953
- var _createSvgIcon = interopRequireDefault(createSvgIcon_1);
954
- var _default = (0, _createSvgIcon.default)(_react.default.createElement(_react.default.Fragment, null, _react.default.createElement("path", {
955
- d: "M6 19c0 1.1.9 2 2 2h8c1.1 0 2-.9 2-2V7H6v12zM19 4h-3.5l-1-1h-5l-1 1H5v2h14V4z"
956
- }), _react.default.createElement("path", {
957
- fill: "none",
958
- d: "M0 0h24v24H0z"
959
- })), 'Delete');
960
- exports.default = _default;
961
- });
962
- unwrapExports(Delete);
963
- const require$$8$1 = _dll_react;
964
- const require$$9$1 = _dll_prop_types;
965
- const {debounce: require$$10} = _dll_lodash;
966
- const {isEqual: require$$11} = _dll_lodash;
967
- const {max: require$$18} = _dll_lodash;
968
- const {OutlinedInput: require$$12} = _dll_material_ui__core;
969
- const {Button: require$$13} = _dll_material_ui__core;
970
- const {IconButton: require$$15} = _dll_material_ui__core;
971
- const {MenuItem: require$$16} = _dll_material_ui__core;
972
- const {Select: require$$17} = _dll_material_ui__core;
973
- const _styles$1 = _dll_material_ui__core_styles;
974
- var alternateSection = createCommonjsModule(function (module, exports) {
975
- Object.defineProperty(exports, "__esModule", {
976
- value: true
977
- });
978
- exports["default"] = exports.AlternateSection = exports.Choice = void 0;
979
- var _toConsumableArray2 = interopRequireDefault(toConsumableArray);
980
- var _classCallCheck2 = interopRequireDefault(classCallCheck);
981
- var _createClass2 = interopRequireDefault(createClass);
982
- var _assertThisInitialized2 = interopRequireDefault(assertThisInitialized);
983
- var _inherits2 = interopRequireDefault(inherits);
984
- var _possibleConstructorReturn2 = interopRequireDefault(possibleConstructorReturn);
985
- var _getPrototypeOf2 = interopRequireDefault(getPrototypeOf);
986
- var _defineProperty2 = interopRequireDefault(defineProperty);
987
- var _react = interopRequireDefault(require$$8$1);
988
- var _propTypes = interopRequireDefault(require$$9$1);
989
- var _debounce = interopRequireDefault(require$$10);
990
- var _isEqual = interopRequireDefault(require$$11);
991
- var _OutlinedInput = interopRequireDefault(require$$12);
992
- var _Button = interopRequireDefault(require$$13);
993
- var _Delete = interopRequireDefault(Delete);
994
- var _IconButton = interopRequireDefault(require$$15);
995
- var _MenuItem = interopRequireDefault(require$$16);
996
- var _Select = interopRequireDefault(require$$17);
997
- var _max = interopRequireDefault(require$$18);
998
- function ownKeys(object, enumerableOnly) {
999
- var keys = Object.keys(object);
1000
- if (Object.getOwnPropertySymbols) {
1001
- var symbols = Object.getOwnPropertySymbols(object);
1002
- if (enumerableOnly) symbols = symbols.filter(function (sym) {
1003
- return Object.getOwnPropertyDescriptor(object, sym).enumerable;
1004
- });
1005
- keys.push.apply(keys, symbols);
1006
- }
1007
- return keys;
1008
- }
1009
- function _objectSpread(target) {
1010
- for (var i = 1; i < arguments.length; i++) {
1011
- var source = arguments[i] != null ? arguments[i] : {};
1012
- if (i % 2) {
1013
- ownKeys(Object(source), true).forEach(function (key) {
1014
- (0, _defineProperty2["default"])(target, key, source[key]);
1015
- });
1016
- } else if (Object.getOwnPropertyDescriptors) {
1017
- Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
1018
- } else {
1019
- ownKeys(Object(source)).forEach(function (key) {
1020
- Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
1021
- });
1022
- }
1023
- }
1024
- return target;
1025
- }
1026
- function _createSuper(Derived) {
1027
- var hasNativeReflectConstruct = _isNativeReflectConstruct();
1028
- return function _createSuperInternal() {
1029
- var Super = (0, _getPrototypeOf2["default"])(Derived), result;
1030
- if (hasNativeReflectConstruct) {
1031
- var NewTarget = (0, _getPrototypeOf2["default"])(this).constructor;
1032
- result = Reflect.construct(Super, arguments, NewTarget);
1033
- } else {
1034
- result = Super.apply(this, arguments);
1035
- }
1036
- return (0, _possibleConstructorReturn2["default"])(this, result);
1037
- };
1038
- }
1039
- function _isNativeReflectConstruct() {
1040
- if (typeof Reflect === "undefined" || !Reflect.construct) return false;
1041
- if (Reflect.construct.sham) return false;
1042
- if (typeof Proxy === "function") return true;
1043
- try {
1044
- Date.prototype.toString.call(Reflect.construct(Date, [], function () {}));
1045
- return true;
1046
- } catch (e) {
1047
- return false;
1048
- }
1049
- }
1050
- var styles = function styles() {
1051
- return {
1052
- altChoices: {
1053
- alignItems: 'flex-start',
1054
- flexDirection: 'column',
1055
- display: 'flex',
1056
- padding: '20px 0 0 0',
1057
- '& > *': {
1058
- marginBottom: '20px',
1059
- width: '100%'
1060
- }
1061
- },
1062
- choice: {
1063
- flex: '1',
1064
- marginRight: '20px'
1065
- },
1066
- deleteBtn: {
1067
- fill: 'gray'
1068
- },
1069
- selectContainer: {
1070
- alignItems: 'center',
1071
- display: 'flex',
1072
- justifyContent: 'space-between',
1073
- width: '100%'
1074
- }
1075
- };
1076
- };
1077
- var Choice = (function (_React$Component) {
1078
- (0, _inherits2["default"])(Choice, _React$Component);
1079
- var _super = _createSuper(Choice);
1080
- function Choice() {
1081
- var _this;
1082
- (0, _classCallCheck2["default"])(this, Choice);
1083
- for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
1084
- args[_key] = arguments[_key];
1085
- }
1086
- _this = _super.call.apply(_super, [this].concat(args));
1087
- (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "state", {
1088
- value: _this.props.markup
1089
- });
1090
- (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "updateText", (0, _debounce["default"])(_this.props.onChange, 300));
1091
- (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "onChange", function (e) {
1092
- var value = e.target.value;
1093
- _this.setState({
1094
- value: value
1095
- });
1096
- _this.updateText(value);
1097
- });
1098
- return _this;
1099
- }
1100
- (0, _createClass2["default"])(Choice, [{
1101
- key: "render",
1102
- value: function render() {
1103
- var value = this.state.value;
1104
- var _this$props = this.props, classes = _this$props.classes, onDelete = _this$props.onDelete;
1105
- return _react["default"].createElement("div", {
1106
- style: {
1107
- alignItems: 'center',
1108
- display: 'flex',
1109
- justifyContent: 'space-between'
1110
- }
1111
- }, _react["default"].createElement(_OutlinedInput["default"], {
1112
- className: classes.choice,
1113
- value: value,
1114
- onChange: this.onChange,
1115
- labelWidth: 0,
1116
- disableUnderline: true
1117
- }), _react["default"].createElement(_IconButton["default"], {
1118
- "aria-label": "delete",
1119
- className: classes.deleteBtn,
1120
- onClick: onDelete
1121
- }, _react["default"].createElement(_Delete["default"], null)));
1122
- }
1123
- }]);
1124
- return Choice;
1125
- })(_react["default"].Component);
1126
- exports.Choice = Choice;
1127
- (0, _defineProperty2["default"])(Choice, "propTypes", {
1128
- classes: _propTypes["default"].object,
1129
- markup: _propTypes["default"].string,
1130
- onChange: _propTypes["default"].func.isRequired,
1131
- onDelete: _propTypes["default"].func.isRequired,
1132
- value: _propTypes["default"].string
1133
- });
1134
- var AlternateSection = (function (_React$Component2) {
1135
- (0, _inherits2["default"])(AlternateSection, _React$Component2);
1136
- var _super2 = _createSuper(AlternateSection);
1137
- function AlternateSection() {
1138
- var _this2;
1139
- (0, _classCallCheck2["default"])(this, AlternateSection);
1140
- for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
1141
- args[_key2] = arguments[_key2];
1142
- }
1143
- _this2 = _super2.call.apply(_super2, [this].concat(args));
1144
- (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this2), "state", {});
1145
- (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this2), "updateChoicesIfNeeded", function (props) {
1146
- if (!_this2.state.choices || !(0, _isEqual["default"])(props.choices, _this2.state.choices) || !(0, _isEqual["default"])(props.choices, _this2.props.choices)) {
1147
- _this2.setState({
1148
- choices: props.choices
1149
- });
1150
- }
1151
- });
1152
- (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this2), "handleSelect", function (e) {
1153
- var _this2$props = _this2.props, onSelect = _this2$props.onSelect, selectChoices = _this2$props.selectChoices;
1154
- var value = e.target.value;
1155
- onSelect(selectChoices.find(function (c) {
1156
- return c.value === value;
1157
- }));
1158
- });
1159
- (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this2), "onAddChoice", function () {
1160
- var choices = _this2.state.choices;
1161
- if (choices.length && choices[choices.length - 1].label !== '') {
1162
- var value = (0, _max["default"])(choices.map(function (c) {
1163
- return parseInt(c.value);
1164
- }).filter(function (id) {
1165
- return !isNaN(id);
1166
- })) || 0;
1167
- _this2.setState({
1168
- choices: [].concat((0, _toConsumableArray2["default"])(choices), [{
1169
- value: ("").concat(value + 1),
1170
- label: ''
1171
- }])
1172
- });
1173
- }
1174
- });
1175
- (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this2), "onChoiceChanged", function (choice, value) {
1176
- var choiceChanged = _this2.props.choiceChanged;
1177
- choiceChanged(_objectSpread(_objectSpread({}, choice), {}, {
1178
- label: value
1179
- }));
1180
- });
1181
- (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this2), "onRemoveChoice", function (choice) {
1182
- var choiceRemoved = _this2.props.choiceRemoved;
1183
- choiceRemoved(choice.value);
1184
- });
1185
- return _this2;
1186
- }
1187
- (0, _createClass2["default"])(AlternateSection, [{
1188
- key: "UNSAFE_componentWillReceiveProps",
1189
- value: function UNSAFE_componentWillReceiveProps(nextProps) {
1190
- this.updateChoicesIfNeeded(nextProps);
1191
- }
1192
- }, {
1193
- key: "componentDidMount",
1194
- value: function componentDidMount() {
1195
- this.updateChoicesIfNeeded(this.props);
1196
- }
1197
- }, {
1198
- key: "render",
1199
- value: function render() {
1200
- var _this3 = this;
1201
- var _this$props2 = this.props, classes = _this$props2.classes, selectChoices = _this$props2.selectChoices, value = _this$props2.value;
1202
- var choices = this.state.choices;
1203
- return _react["default"].createElement("div", {
1204
- className: classes.design
1205
- }, _react["default"].createElement("div", {
1206
- className: classes.selectContainer
1207
- }, _react["default"].createElement(_Select["default"], {
1208
- className: classes.select,
1209
- displayEmpty: true,
1210
- onChange: this.handleSelect,
1211
- value: value || ''
1212
- }, _react["default"].createElement(_MenuItem["default"], {
1213
- value: ""
1214
- }, _react["default"].createElement("em", null, value ? 'Remove selection' : 'Select a response')), selectChoices.map(function (c, index) {
1215
- return _react["default"].createElement(_MenuItem["default"], {
1216
- key: index,
1217
- value: c.value
1218
- }, c.label);
1219
- })), choices && choices.length > 0 && _react["default"].createElement(_Button["default"], {
1220
- className: classes.addButton,
1221
- variant: "contained",
1222
- color: "primary",
1223
- onClick: this.onAddChoice
1224
- }, "Add")), _react["default"].createElement("div", {
1225
- className: classes.altChoices
1226
- }, choices && choices.map(function (c, index) {
1227
- return index > 0 && _react["default"].createElement(Choice, {
1228
- key: index,
1229
- classes: classes,
1230
- markup: c.label,
1231
- onChange: function onChange(val) {
1232
- return _this3.onChoiceChanged(c, val);
1233
- },
1234
- onDelete: function onDelete() {
1235
- return _this3.onRemoveChoice(c);
1236
- }
1237
- });
1238
- })));
1239
- }
1240
- }]);
1241
- return AlternateSection;
1242
- })(_react["default"].Component);
1243
- exports.AlternateSection = AlternateSection;
1244
- (0, _defineProperty2["default"])(AlternateSection, "propTypes", {
1245
- choices: _propTypes["default"].array,
1246
- selectChoices: _propTypes["default"].array.isRequired,
1247
- classes: _propTypes["default"].object.isRequired,
1248
- onSelect: _propTypes["default"].func.isRequired,
1249
- choiceChanged: _propTypes["default"].func.isRequired,
1250
- choiceRemoved: _propTypes["default"].func.isRequired,
1251
- value: _propTypes["default"].string
1252
- });
1253
- var Styled = (0, _styles$1.withStyles)(styles)(AlternateSection);
1254
- var _default = Styled;
1255
- exports["default"] = _default;
1256
- });
1257
- unwrapExports(alternateSection);
1258
- alternateSection.AlternateSection;
1259
- alternateSection.Choice;
1260
- const require$$8$2 = _dll_react;
1261
- const require$$9$2 = _dll_prop_types;
1262
- const {isEqual: require$$10$1} = _dll_lodash;
1263
- const {map: require$$11$1} = _dll_lodash;
1264
- const {reduce: require$$12$1} = _dll_lodash;
1265
- var alternateResponses = createCommonjsModule(function (module, exports) {
1266
- Object.defineProperty(exports, "__esModule", {
1267
- value: true
1268
- });
1269
- exports["default"] = exports.AlternateResponses = void 0;
1270
- var _toConsumableArray2 = interopRequireDefault(toConsumableArray);
1271
- var _classCallCheck2 = interopRequireDefault(classCallCheck);
1272
- var _createClass2 = interopRequireDefault(createClass);
1273
- var _assertThisInitialized2 = interopRequireDefault(assertThisInitialized);
1274
- var _inherits2 = interopRequireDefault(inherits);
1275
- var _possibleConstructorReturn2 = interopRequireDefault(possibleConstructorReturn);
1276
- var _getPrototypeOf2 = interopRequireDefault(getPrototypeOf);
1277
- var _defineProperty2 = interopRequireDefault(defineProperty);
1278
- var _react = interopRequireDefault(require$$8$2);
1279
- var _propTypes = interopRequireDefault(require$$9$2);
1280
- var _isEqual = interopRequireDefault(require$$10$1);
1281
- var _map = interopRequireDefault(require$$11$1);
1282
- var _reduce = interopRequireDefault(require$$12$1);
1283
- var _alternateSection = interopRequireDefault(alternateSection);
1284
- function ownKeys(object, enumerableOnly) {
1285
- var keys = Object.keys(object);
1286
- if (Object.getOwnPropertySymbols) {
1287
- var symbols = Object.getOwnPropertySymbols(object);
1288
- if (enumerableOnly) symbols = symbols.filter(function (sym) {
1289
- return Object.getOwnPropertyDescriptor(object, sym).enumerable;
1290
- });
1291
- keys.push.apply(keys, symbols);
1292
- }
1293
- return keys;
1294
- }
1295
- function _objectSpread(target) {
1296
- for (var i = 1; i < arguments.length; i++) {
1297
- var source = arguments[i] != null ? arguments[i] : {};
1298
- if (i % 2) {
1299
- ownKeys(Object(source), true).forEach(function (key) {
1300
- (0, _defineProperty2["default"])(target, key, source[key]);
1301
- });
1302
- } else if (Object.getOwnPropertyDescriptors) {
1303
- Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
1304
- } else {
1305
- ownKeys(Object(source)).forEach(function (key) {
1306
- Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
1307
- });
1308
- }
1309
- }
1310
- return target;
1311
- }
1312
- function _createSuper(Derived) {
1313
- var hasNativeReflectConstruct = _isNativeReflectConstruct();
1314
- return function _createSuperInternal() {
1315
- var Super = (0, _getPrototypeOf2["default"])(Derived), result;
1316
- if (hasNativeReflectConstruct) {
1317
- var NewTarget = (0, _getPrototypeOf2["default"])(this).constructor;
1318
- result = Reflect.construct(Super, arguments, NewTarget);
1319
- } else {
1320
- result = Super.apply(this, arguments);
1321
- }
1322
- return (0, _possibleConstructorReturn2["default"])(this, result);
1323
- };
1324
- }
1325
- function _isNativeReflectConstruct() {
1326
- if (typeof Reflect === "undefined" || !Reflect.construct) return false;
1327
- if (Reflect.construct.sham) return false;
1328
- if (typeof Proxy === "function") return true;
1329
- try {
1330
- Date.prototype.toString.call(Reflect.construct(Date, [], function () {}));
1331
- return true;
1332
- } catch (e) {
1333
- return false;
1334
- }
1335
- }
1336
- var AlternateResponses = (function (_React$Component) {
1337
- (0, _inherits2["default"])(AlternateResponses, _React$Component);
1338
- var _super = _createSuper(AlternateResponses);
1339
- function AlternateResponses() {
1340
- var _this;
1341
- (0, _classCallCheck2["default"])(this, AlternateResponses);
1342
- for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
1343
- args[_key] = arguments[_key];
1344
- }
1345
- _this = _super.call.apply(_super, [this].concat(args));
1346
- (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "state", {});
1347
- (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "updateChoicesIfNeeded", function (props) {
1348
- if (!_this.state.choices || !(0, _isEqual["default"])(_this.state.choices, props.model.choices) || !(0, _isEqual["default"])(props.model.choices, _this.props.model.choices)) {
1349
- var choices = props.model.choices;
1350
- var selectedValues = (0, _reduce["default"])(choices, function (obj, c, key) {
1351
- if (c && c.length > 1) {
1352
- obj[key] = c[0];
1353
- }
1354
- return obj;
1355
- }, {});
1356
- _this.setState({
1357
- choices: props.model.choices,
1358
- values: selectedValues
1359
- });
1360
- }
1361
- });
1362
- (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "getRemainingChoices", function (valueKey) {
1363
- var choices = _this.state.choices;
1364
- return (0, _reduce["default"])(choices, function (arr, c, key) {
1365
- if (c && c.length === 1 && !valueKey) {
1366
- arr.push({
1367
- label: c[0].label,
1368
- value: key
1369
- });
1370
- }
1371
- return arr;
1372
- }, []);
1373
- });
1374
- (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "onChoiceChanged", function (choice, key) {
1375
- var onChange = _this.props.onChange;
1376
- var choices = _this.state.choices;
1377
- var sectionChoices = choices[key] || [];
1378
- var isNew = !sectionChoices.find(function (c) {
1379
- return c.value === choice.value;
1380
- });
1381
- var newChoices = sectionChoices.reduce(function (arr, c) {
1382
- var newVal = c.value === choice.value ? choice : c;
1383
- arr.push(newVal);
1384
- return arr;
1385
- }, []);
1386
- if (isNew) {
1387
- newChoices.push(choice);
1388
- }
1389
- onChange(_objectSpread(_objectSpread({}, choices), {}, (0, _defineProperty2["default"])({}, key, newChoices)));
1390
- });
1391
- (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "onChoiceRemoved", function (value, section) {
1392
- var onChange = _this.props.onChange;
1393
- var choices = _this.state.choices;
1394
- var sectionChoices = choices[section] || [];
1395
- var newChoices = sectionChoices.reduce(function (arr, c) {
1396
- if (c.value === value) {
1397
- return arr;
1398
- }
1399
- arr.push(c);
1400
- return arr;
1401
- }, []);
1402
- onChange(_objectSpread(_objectSpread({}, choices), {}, (0, _defineProperty2["default"])({}, section, newChoices)));
1403
- });
1404
- (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "onSectionSelect", function (choice, key) {
1405
- var onChange = _this.props.onChange;
1406
- var _this$state = _this.state, choices = _this$state.choices, values = _this$state.values;
1407
- if (choices[key] && choices[key].length > 1) {
1408
- if (!choice) {
1409
- onChange(_objectSpread(_objectSpread({}, choices), {}, (0, _defineProperty2["default"])({}, key, [choices[key][0]])));
1410
- }
1411
- } else {
1412
- _this.setState({
1413
- choices: _objectSpread(_objectSpread({}, choices), {}, (0, _defineProperty2["default"])({}, key, [].concat((0, _toConsumableArray2["default"])(choices[key]), [{
1414
- label: '',
1415
- value: '1'
1416
- }]))),
1417
- values: _objectSpread(_objectSpread({}, values), {}, (0, _defineProperty2["default"])({}, key, choices[key][0]))
1418
- });
1419
- }
1420
- });
1421
- return _this;
1422
- }
1423
- (0, _createClass2["default"])(AlternateResponses, [{
1424
- key: "UNSAFE_componentWillReceiveProps",
1425
- value: function UNSAFE_componentWillReceiveProps(nextProps) {
1426
- this.updateChoicesIfNeeded(nextProps);
1427
- }
1428
- }, {
1429
- key: "componentDidMount",
1430
- value: function componentDidMount() {
1431
- this.updateChoicesIfNeeded(this.props);
1432
- }
1433
- }, {
1434
- key: "render",
1435
- value: function render() {
1436
- var _this2 = this;
1437
- var choices = this.state.choices;
1438
- return _react["default"].createElement("div", null, (0, _map["default"])(choices, function (c, key) {
1439
- if (c && c.length > 1) {
1440
- var selected = _this2.state.values[key];
1441
- return _react["default"].createElement(_alternateSection["default"], {
1442
- key: key,
1443
- value: selected && selected.value,
1444
- onSelect: function onSelect(choice) {
1445
- return _this2.onSectionSelect(choice, key);
1446
- },
1447
- choiceChanged: function choiceChanged(choice) {
1448
- return _this2.onChoiceChanged(choice, key);
1449
- },
1450
- choiceRemoved: function choiceRemoved(value) {
1451
- return _this2.onChoiceRemoved(value, key);
1452
- },
1453
- selectChoices: [selected],
1454
- choices: c
1455
- });
1456
- }
1457
- }), choices && Object.keys(this.state.values).length !== Object.keys(choices).length && _react["default"].createElement(_alternateSection["default"], {
1458
- value: "",
1459
- onSelect: function onSelect(choice) {
1460
- return _this2.onSectionSelect(choice, choice.value);
1461
- },
1462
- choiceChanged: function choiceChanged(choice) {
1463
- return _this2.onChoiceChanged(choice);
1464
- },
1465
- choiceRemoved: function choiceRemoved(value) {
1466
- return _this2.onChoiceRemoved(value);
1467
- },
1468
- selectChoices: this.getRemainingChoices()
1469
- }));
1470
- }
1471
- }]);
1472
- return AlternateResponses;
1473
- })(_react["default"].Component);
1474
- exports.AlternateResponses = AlternateResponses;
1475
- (0, _defineProperty2["default"])(AlternateResponses, "propTypes", {
1476
- model: _propTypes["default"].object.isRequired,
1477
- onChange: _propTypes["default"].func.isRequired
1478
- });
1479
- var _default = AlternateResponses;
1480
- exports["default"] = _default;
1481
- });
1482
- unwrapExports(alternateResponses);
1483
- alternateResponses.AlternateResponses;
1484
- const require$$7$1 = _dll_react;
1485
- const require$$8$3 = _dll_prop_types;
1486
- const {cloneDeep: require$$9$3} = _dll_lodash;
1487
- const {isEmpty: require$$10$2} = _dll_lodash;
1488
- const _styles$2 = _dll_material_ui__core_styles;
1489
- const {Typography: require$$12$2} = _dll_material_ui__core;
1490
- const require$$11$2 = _dll_pie_lib__editable_html;
1491
- const _configUi = _dll_pie_lib__config_ui;
1492
- var main = createCommonjsModule(function (module, exports) {
1493
- Object.defineProperty(exports, "__esModule", {
1494
- value: true
1495
- });
1496
- exports["default"] = exports.Main = void 0;
1497
- var _classCallCheck2 = interopRequireDefault(classCallCheck);
1498
- var _createClass2 = interopRequireDefault(createClass);
1499
- var _assertThisInitialized2 = interopRequireDefault(assertThisInitialized);
1500
- var _inherits2 = interopRequireDefault(inherits);
1501
- var _possibleConstructorReturn2 = interopRequireDefault(possibleConstructorReturn);
1502
- var _getPrototypeOf2 = interopRequireDefault(getPrototypeOf);
1503
- var _defineProperty2 = interopRequireDefault(defineProperty);
1504
- var _react = interopRequireDefault(require$$7$1);
1505
- var _propTypes = interopRequireDefault(require$$8$3);
1506
- var _cloneDeep = interopRequireDefault(require$$9$3);
1507
- var _isEmpty = interopRequireDefault(require$$10$2);
1508
- var _editableHtml = interopRequireWildcard(require$$11$2);
1509
- var _Typography = interopRequireDefault(require$$12$2);
1510
- var _ecrToolbar = interopRequireDefault(ecrToolbar);
1511
- var _alternateResponses = interopRequireDefault(alternateResponses);
1512
- function ownKeys(object, enumerableOnly) {
1513
- var keys = Object.keys(object);
1514
- if (Object.getOwnPropertySymbols) {
1515
- var symbols = Object.getOwnPropertySymbols(object);
1516
- if (enumerableOnly) symbols = symbols.filter(function (sym) {
1517
- return Object.getOwnPropertyDescriptor(object, sym).enumerable;
1518
- });
1519
- keys.push.apply(keys, symbols);
1520
- }
1521
- return keys;
1522
- }
1523
- function _objectSpread(target) {
1524
- for (var i = 1; i < arguments.length; i++) {
1525
- var source = arguments[i] != null ? arguments[i] : {};
1526
- if (i % 2) {
1527
- ownKeys(Object(source), true).forEach(function (key) {
1528
- (0, _defineProperty2["default"])(target, key, source[key]);
1529
- });
1530
- } else if (Object.getOwnPropertyDescriptors) {
1531
- Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
1532
- } else {
1533
- ownKeys(Object(source)).forEach(function (key) {
1534
- Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
1535
- });
1536
- }
1537
- }
1538
- return target;
1539
- }
1540
- function _createSuper(Derived) {
1541
- var hasNativeReflectConstruct = _isNativeReflectConstruct();
1542
- return function _createSuperInternal() {
1543
- var Super = (0, _getPrototypeOf2["default"])(Derived), result;
1544
- if (hasNativeReflectConstruct) {
1545
- var NewTarget = (0, _getPrototypeOf2["default"])(this).constructor;
1546
- result = Reflect.construct(Super, arguments, NewTarget);
1547
- } else {
1548
- result = Super.apply(this, arguments);
1549
- }
1550
- return (0, _possibleConstructorReturn2["default"])(this, result);
1551
- };
1552
- }
1553
- function _isNativeReflectConstruct() {
1554
- if (typeof Reflect === "undefined" || !Reflect.construct) return false;
1555
- if (Reflect.construct.sham) return false;
1556
- if (typeof Proxy === "function") return true;
1557
- try {
1558
- Date.prototype.toString.call(Reflect.construct(Date, [], function () {}));
1559
- return true;
1560
- } catch (e) {
1561
- return false;
1562
- }
1563
- }
1564
- var toggle = _configUi.settings.toggle, Panel = _configUi.settings.Panel;
1565
- var styles = function styles(theme) {
1566
- return {
1567
- promptHolder: {
1568
- width: '100%',
1569
- paddingBottom: theme.spacing.unit * 2,
1570
- marginBottom: theme.spacing.unit * 2
1571
- },
1572
- prompt: {
1573
- paddingTop: theme.spacing.unit * 2,
1574
- width: '100%'
1575
- },
1576
- markup: {
1577
- minHeight: '100px',
1578
- paddingTop: theme.spacing.unit * 2,
1579
- width: '100%',
1580
- '& [data-slate-editor="true"]': {
1581
- minHeight: '100px'
1582
- }
1583
- },
1584
- design: {
1585
- paddingTop: theme.spacing.unit * 3
1586
- },
1587
- choiceConfiguration: {
1588
- paddingTop: theme.spacing.unit * 2,
1589
- paddingBottom: theme.spacing.unit * 2
1590
- },
1591
- switchElement: {
1592
- justifyContent: 'space-between',
1593
- margin: 0
1594
- },
1595
- addButton: {
1596
- "float": 'right'
1597
- },
1598
- text: {
1599
- color: '#495B8F',
1600
- fontFamily: 'Cerebri Sans',
1601
- fontSize: '16px',
1602
- lineHeight: '19px',
1603
- marginTop: theme.spacing.unit * 4
1604
- }
1605
- };
1606
- };
1607
- var createElementFromHTML = function createElementFromHTML(htmlString) {
1608
- var div = document.createElement('div');
1609
- div.innerHTML = htmlString.trim();
1610
- return div;
1611
- };
1612
- var Main = (function (_React$Component) {
1613
- (0, _inherits2["default"])(Main, _React$Component);
1614
- var _super = _createSuper(Main);
1615
- function Main() {
1616
- var _this;
1617
- (0, _classCallCheck2["default"])(this, Main);
1618
- for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
1619
- args[_key] = arguments[_key];
1620
- }
1621
- _this = _super.call.apply(_super, [this].concat(args));
1622
- (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "state", {});
1623
- (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "onModelChange", function (newVal) {
1624
- _this.props.onModelChanged(_objectSpread(_objectSpread({}, _this.props.model), newVal));
1625
- });
1626
- (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "onPromptChanged", function (prompt) {
1627
- _this.props.onModelChanged(_objectSpread(_objectSpread({}, _this.props.model), {}, {
1628
- prompt: prompt
1629
- }));
1630
- });
1631
- (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "onRationaleChanged", function (rationale) {
1632
- _this.props.onModelChanged(_objectSpread(_objectSpread({}, _this.props.model), {}, {
1633
- rationale: rationale
1634
- }));
1635
- });
1636
- (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "onTeacherInstructionsChanged", function (teacherInstructions) {
1637
- var _this$props = _this.props, model = _this$props.model, onModelChanged = _this$props.onModelChanged;
1638
- onModelChanged(_objectSpread(_objectSpread({}, model), {}, {
1639
- teacherInstructions: teacherInstructions
1640
- }));
1641
- });
1642
- (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "onMarkupChanged", function (slateMarkup) {
1643
- _this.props.onModelChanged(_objectSpread(_objectSpread({}, _this.props.model), {}, {
1644
- slateMarkup: slateMarkup
1645
- }));
1646
- });
1647
- (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "onResponsesChanged", function (choices) {
1648
- _this.props.onModelChanged(_objectSpread(_objectSpread({}, _this.props.model), {}, {
1649
- choices: choices
1650
- }));
1651
- });
1652
- (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "onChangeResponse", function (index, newVal) {
1653
- var choices = _this.props.model.choices;
1654
- if (!choices[index]) {
1655
- choices[index] = [{
1656
- label: '',
1657
- value: '0'
1658
- }];
1659
- }
1660
- choices[index][0].label = newVal || '';
1661
- _this.props.onModelChanged(_objectSpread(_objectSpread({}, _this.props.model), {}, {
1662
- choices: choices
1663
- }));
1664
- });
1665
- (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "onChange", function (markup) {
1666
- var choices = _this.props.model.choices;
1667
- var domMarkup = createElementFromHTML(markup);
1668
- var allRespAreas = domMarkup.querySelectorAll('[data-type="explicit_constructed_response"]');
1669
- var allChoices = {};
1670
- allRespAreas.forEach(function (el, index) {
1671
- el.dataset.index = index;
1672
- });
1673
- allRespAreas.forEach(function (el, index) {
1674
- var newChoices = (0, _cloneDeep["default"])(Object.values(choices)[index]);
1675
- if (newChoices) {
1676
- newChoices[0] = {
1677
- label: el.dataset.value || '',
1678
- value: '0'
1679
- };
1680
- }
1681
- allChoices[el.dataset.index] = newChoices;
1682
- });
1683
- _this.props.onModelChanged(_objectSpread(_objectSpread({}, _this.props.model), {}, {
1684
- choices: allChoices,
1685
- slateMarkup: domMarkup.innerHTML
1686
- }));
1687
- });
1688
- return _this;
1689
- }
1690
- (0, _createClass2["default"])(Main, [{
1691
- key: "componentDidMount",
1692
- value: function componentDidMount() {
1693
- var slateMarkup = this.props.model.slateMarkup;
1694
- this.setState({
1695
- markup: slateMarkup
1696
- });
1697
- }
1698
- }, {
1699
- key: "render",
1700
- value: function render() {
1701
- var _this2 = this;
1702
- var _this$props2 = this.props, classes = _this$props2.classes, model = _this$props2.model, configuration = _this$props2.configuration, onConfigurationChanged = _this$props2.onConfigurationChanged, imageSupport = _this$props2.imageSupport;
1703
- var _ref = configuration || ({}), _ref$prompt = _ref.prompt, prompt = _ref$prompt === void 0 ? {} : _ref$prompt, _ref$partialScoring = _ref.partialScoring, partialScoring = _ref$partialScoring === void 0 ? {} : _ref$partialScoring, _ref$rationale = _ref.rationale, rationale = _ref$rationale === void 0 ? {} : _ref$rationale, _ref$teacherInstructi = _ref.teacherInstructions, teacherInstructions = _ref$teacherInstructi === void 0 ? {} : _ref$teacherInstructi;
1704
- var _ref2 = model || ({}), teacherInstructionsEnabled = _ref2.teacherInstructionsEnabled, promptEnabled = _ref2.promptEnabled, rationaleEnabled = _ref2.rationaleEnabled;
1705
- return _react["default"].createElement("div", {
1706
- className: classes.design
1707
- }, _react["default"].createElement(_configUi.layout.ConfigLayout, {
1708
- settings: _react["default"].createElement(Panel, {
1709
- model: model,
1710
- configuration: configuration,
1711
- onChangeModel: function onChangeModel(model) {
1712
- return _this2.onModelChange(model);
1713
- },
1714
- onChangeConfiguration: function onChangeConfiguration(configuration) {
1715
- return onConfigurationChanged(configuration, true);
1716
- },
1717
- groups: {
1718
- Settings: {
1719
- partialScoring: partialScoring.settings && toggle(partialScoring.label)
1720
- },
1721
- Properties: {
1722
- teacherInstructionsEnabled: teacherInstructions.settings && toggle(teacherInstructions.label),
1723
- rationaleEnabled: rationale.settings && toggle(rationale.label),
1724
- promptEnabled: prompt.settings && toggle(prompt.label)
1725
- }
1726
- }
1727
- })
1728
- }, _react["default"].createElement("div", null, teacherInstructionsEnabled && _react["default"].createElement(_configUi.InputContainer, {
1729
- label: teacherInstructions.label,
1730
- className: classes.promptHolder
1731
- }, _react["default"].createElement(_editableHtml["default"], {
1732
- className: classes.prompt,
1733
- markup: model.teacherInstructions || '',
1734
- onChange: this.onTeacherInstructionsChanged,
1735
- imageSupport: imageSupport,
1736
- nonEmpty: false
1737
- })), promptEnabled && _react["default"].createElement(_configUi.InputContainer, {
1738
- label: prompt.label,
1739
- className: classes.promptHolder
1740
- }, _react["default"].createElement(_editableHtml["default"], {
1741
- className: classes.prompt,
1742
- markup: model.prompt,
1743
- onChange: this.onPromptChanged,
1744
- imageSupport: imageSupport,
1745
- nonEmpty: false,
1746
- disableUnderline: true
1747
- })), _react["default"].createElement(_Typography["default"], {
1748
- className: classes.text
1749
- }, "Define Template, Choices, and Correct Responses"), _react["default"].createElement(_editableHtml["default"], {
1750
- activePlugins: _editableHtml.ALL_PLUGINS,
1751
- toolbarOpts: {
1752
- position: 'top'
1753
- },
1754
- responseAreaProps: {
1755
- type: 'explicit-constructed-response',
1756
- options: {
1757
- duplicates: true
1758
- },
1759
- respAreaToolbar: function respAreaToolbar(node, value, onToolbarDone) {
1760
- var model = _this2.props.model;
1761
- var correctChoice = (model.choices[node.data.get('index')] || [])[0];
1762
- return function () {
1763
- return _react["default"].createElement(_ecrToolbar["default"], {
1764
- onChangeResponse: function onChangeResponse(newVal) {
1765
- return _this2.onChangeResponse(node.data.get('index'), newVal);
1766
- },
1767
- node: node,
1768
- value: value,
1769
- onToolbarDone: onToolbarDone,
1770
- correctChoice: correctChoice
1771
- });
1772
- };
1773
- }
1774
- },
1775
- className: classes.markup,
1776
- markup: model.slateMarkup,
1777
- onChange: this.onChange,
1778
- imageSupport: imageSupport,
1779
- onBlur: this.onBlur,
1780
- disabled: false,
1781
- highlightShape: false
1782
- }), !(0, _isEmpty["default"])(model.choices) && _react["default"].createElement(_Typography["default"], {
1783
- className: classes.text
1784
- }, "Define Alternates"), _react["default"].createElement(_alternateResponses["default"], {
1785
- model: model,
1786
- onChange: this.onResponsesChanged
1787
- }), rationaleEnabled && _react["default"].createElement(_configUi.InputContainer, {
1788
- label: rationale.label,
1789
- className: classes.promptHolder
1790
- }, _react["default"].createElement(_editableHtml["default"], {
1791
- className: classes.prompt,
1792
- markup: model.rationale || '',
1793
- onChange: this.onRationaleChanged,
1794
- imageSupport: imageSupport
1795
- })))));
1796
- }
1797
- }]);
1798
- return Main;
1799
- })(_react["default"].Component);
1800
- exports.Main = Main;
1801
- (0, _defineProperty2["default"])(Main, "propTypes", {
1802
- configuration: _propTypes["default"].object.isRequired,
1803
- model: _propTypes["default"].object.isRequired,
1804
- disableSidePanel: _propTypes["default"].bool,
1805
- onModelChanged: _propTypes["default"].func.isRequired,
1806
- onConfigurationChanged: _propTypes["default"].func.isRequired,
1807
- classes: _propTypes["default"].object.isRequired,
1808
- imageSupport: _propTypes["default"].shape({
1809
- add: _propTypes["default"].func.isRequired,
1810
- "delete": _propTypes["default"].func.isRequired
1811
- })
1812
- });
1813
- var Styled = (0, _styles$2.withStyles)(styles)(Main);
1814
- var _default = Styled;
1815
- exports["default"] = _default;
1816
- });
1817
- unwrapExports(main);
1818
- main.Main;
1819
- var defaults = createCommonjsModule(function (module, exports) {
1820
- Object.defineProperty(exports, "__esModule", {
1821
- value: true
1822
- });
1823
- exports["default"] = void 0;
1824
- var _default = {
1825
- model: {
1826
- disabled: false,
1827
- mode: 'gather',
1828
- prompt: 'Use the inputs to complete the sentence',
1829
- shuffle: true,
1830
- markup: '<p>The {{0}} jumped {{1}} the {{2}}</p>',
1831
- choices: {
1832
- 0: [{
1833
- label: 'cow',
1834
- value: '0'
1835
- }, {
1836
- label: 'cattle',
1837
- value: '1'
1838
- }, {
1839
- label: 'calf',
1840
- value: '2',
1841
- correct: false
1842
- }],
1843
- 1: [{
1844
- label: 'over',
1845
- value: '0'
1846
- }, {
1847
- label: 'past',
1848
- value: '1'
1849
- }, {
1850
- label: 'beyond',
1851
- value: '2'
1852
- }],
1853
- 2: [{
1854
- label: 'moon',
1855
- value: '0'
1856
- }, {
1857
- label: 'satellite',
1858
- value: '2'
1859
- }, {
1860
- label: 'house ',
1861
- value: '3'
1862
- }]
1863
- },
1864
- rationaleEnabled: true,
1865
- promptEnabled: true,
1866
- teacherInstructionsEnabled: true,
1867
- studentInstructionsEnabled: true
1868
- },
1869
- configuration: {
1870
- prompt: {
1871
- settings: true,
1872
- label: 'Prompt'
1873
- },
1874
- partialScoring: {
1875
- settings: false,
1876
- label: 'Allow Partial Scoring'
1877
- },
1878
- rationale: {
1879
- settings: true,
1880
- label: 'Rationale'
1881
- },
1882
- teacherInstructions: {
1883
- settings: true,
1884
- label: 'Teacher Instructions'
1885
- }
1886
- }
1887
- };
1888
- exports["default"] = _default;
1889
- });
1890
- unwrapExports(defaults);
1891
- const {escape: require$$0$2} = _dll_lodash;
1892
- var markupUtils = createCommonjsModule(function (module, exports) {
1893
- Object.defineProperty(exports, "__esModule", {
1894
- value: true
1895
- });
1896
- exports.createSlateMarkup = exports.processMarkup = exports.removeUnwantedCharacters = void 0;
1897
- var _escape = interopRequireDefault(require$$0$2);
1898
- var removeUnwantedCharacters = function removeUnwantedCharacters(markup) {
1899
- return markup.replace(/(\t+(?!imes))|(\n)|(\\t+(?!imes))|(\\n)/g, '').replace(/\\"/g, '"').replace(/\\\//g, '/');
1900
- };
1901
- exports.removeUnwantedCharacters = removeUnwantedCharacters;
1902
- var createElementFromHTML = function createElementFromHTML() {
1903
- var htmlString = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
1904
- var div = document.createElement('div');
1905
- div.innerHTML = htmlString.trim();
1906
- return div;
1907
- };
1908
- var processMarkup = function processMarkup(markup) {
1909
- var newMarkup = removeUnwantedCharacters(markup || '');
1910
- var slateMarkup = createElementFromHTML(newMarkup || '');
1911
- var index = 0;
1912
- slateMarkup.querySelectorAll('[data-type="explicit_constructed_response"]').forEach(function (s) {
1913
- s.replaceWith(("{{").concat(index++, "}}"));
1914
- });
1915
- return slateMarkup.innerHTML;
1916
- };
1917
- exports.processMarkup = processMarkup;
1918
- var REGEX = /\{\{(\d+)\}\}/g;
1919
- var createSlateMarkup = function createSlateMarkup(markup, choices) {
1920
- if (!markup) {
1921
- return '';
1922
- }
1923
- var newMarkup = removeUnwantedCharacters(markup);
1924
- return newMarkup.replace(REGEX, function (match, g) {
1925
- var label = choices[g][0].label || '';
1926
- return ("<span data-type=\"explicit_constructed_response\" data-index=\"").concat(g, "\" data-value=\"").concat((0, _escape["default"])(label), "\"></span>");
1927
- });
1928
- };
1929
- exports.createSlateMarkup = createSlateMarkup;
1930
- });
1931
- unwrapExports(markupUtils);
1932
- markupUtils.createSlateMarkup;
1933
- markupUtils.processMarkup;
1934
- markupUtils.removeUnwantedCharacters;
1935
- const require$$8$4 = _dll_react;
1936
- const require$$9$4 = _dll_react_dom;
1937
- const {defaults: require$$11$3} = _dll_lodash;
1938
- const {isArray: require$$12$3} = _dll_lodash;
1939
- const _pieConfigureEvents = _dll_pie_framework__pie_configure_events;
1940
- var lib = createCommonjsModule(function (module, exports) {
1941
- Object.defineProperty(exports, "__esModule", {
1942
- value: true
1943
- });
1944
- exports["default"] = void 0;
1945
- var _classCallCheck2 = interopRequireDefault(classCallCheck);
1946
- var _createClass2 = interopRequireDefault(createClass);
1947
- var _assertThisInitialized2 = interopRequireDefault(assertThisInitialized);
1948
- var _inherits2 = interopRequireDefault(inherits);
1949
- var _possibleConstructorReturn2 = interopRequireDefault(possibleConstructorReturn);
1950
- var _getPrototypeOf2 = interopRequireDefault(getPrototypeOf);
1951
- var _wrapNativeSuper2 = interopRequireDefault(wrapNativeSuper);
1952
- var _defineProperty2 = interopRequireDefault(defineProperty);
1953
- var _react = interopRequireDefault(require$$8$4);
1954
- var _reactDom = interopRequireDefault(require$$9$4);
1955
- var _debug = interopRequireDefault(browser);
1956
- var _defaults = interopRequireDefault(require$$11$3);
1957
- var _isArray = interopRequireDefault(require$$12$3);
1958
- var _main = interopRequireDefault(main);
1959
- var _defaults2 = interopRequireDefault(defaults);
1960
- function ownKeys(object, enumerableOnly) {
1961
- var keys = Object.keys(object);
1962
- if (Object.getOwnPropertySymbols) {
1963
- var symbols = Object.getOwnPropertySymbols(object);
1964
- if (enumerableOnly) symbols = symbols.filter(function (sym) {
1965
- return Object.getOwnPropertyDescriptor(object, sym).enumerable;
1966
- });
1967
- keys.push.apply(keys, symbols);
1968
- }
1969
- return keys;
1970
- }
1971
- function _objectSpread(target) {
1972
- for (var i = 1; i < arguments.length; i++) {
1973
- var source = arguments[i] != null ? arguments[i] : {};
1974
- if (i % 2) {
1975
- ownKeys(Object(source), true).forEach(function (key) {
1976
- (0, _defineProperty2["default"])(target, key, source[key]);
1977
- });
1978
- } else if (Object.getOwnPropertyDescriptors) {
1979
- Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
1980
- } else {
1981
- ownKeys(Object(source)).forEach(function (key) {
1982
- Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
1983
- });
1984
- }
1985
- }
1986
- return target;
1987
- }
1988
- function _createSuper(Derived) {
1989
- var hasNativeReflectConstruct = _isNativeReflectConstruct();
1990
- return function _createSuperInternal() {
1991
- var Super = (0, _getPrototypeOf2["default"])(Derived), result;
1992
- if (hasNativeReflectConstruct) {
1993
- var NewTarget = (0, _getPrototypeOf2["default"])(this).constructor;
1994
- result = Reflect.construct(Super, arguments, NewTarget);
1995
- } else {
1996
- result = Super.apply(this, arguments);
1997
- }
1998
- return (0, _possibleConstructorReturn2["default"])(this, result);
1999
- };
2000
- }
2001
- function _isNativeReflectConstruct() {
2002
- if (typeof Reflect === "undefined" || !Reflect.construct) return false;
2003
- if (Reflect.construct.sham) return false;
2004
- if (typeof Proxy === "function") return true;
2005
- try {
2006
- Date.prototype.toString.call(Reflect.construct(Date, [], function () {}));
2007
- return true;
2008
- } catch (e) {
2009
- return false;
2010
- }
2011
- }
2012
- var log = (0, _debug["default"])('explicit-constructed-response:configure');
2013
- var ExplicitConstructedResponse = (function (_HTMLElement) {
2014
- (0, _inherits2["default"])(ExplicitConstructedResponse, _HTMLElement);
2015
- var _super = _createSuper(ExplicitConstructedResponse);
2016
- function ExplicitConstructedResponse() {
2017
- var _this;
2018
- (0, _classCallCheck2["default"])(this, ExplicitConstructedResponse);
2019
- _this = _super.call(this);
2020
- _this._model = ExplicitConstructedResponse.prepareModel();
2021
- _this._configuration = _defaults2["default"].configuration;
2022
- _this.onModelChanged = _this.onModelChanged.bind((0, _assertThisInitialized2["default"])(_this));
2023
- _this.onConfigurationChanged = _this.onConfigurationChanged.bind((0, _assertThisInitialized2["default"])(_this));
2024
- return _this;
2025
- }
2026
- (0, _createClass2["default"])(ExplicitConstructedResponse, [{
2027
- key: "model",
2028
- set: function set(s) {
2029
- this._model = ExplicitConstructedResponse.prepareModel(s);
2030
- this._render();
2031
- }
2032
- }, {
2033
- key: "configuration",
2034
- set: function set(c) {
2035
- this._configuration = (0, _defaults["default"])(c, _defaults2["default"].configuration);
2036
- this._render();
2037
- }
2038
- }, {
2039
- key: "disableSidePanel",
2040
- set: function set(s) {
2041
- this._disableSidePanel = s;
2042
- this._render();
2043
- }
2044
- }, {
2045
- key: "dispatchModelUpdated",
2046
- value: function dispatchModelUpdated(reset) {
2047
- var resetValue = !!reset;
2048
- this.dispatchEvent(new _pieConfigureEvents.ModelUpdatedEvent(this._model, resetValue));
2049
- }
2050
- }, {
2051
- key: "onModelChanged",
2052
- value: function onModelChanged(m, reset) {
2053
- this._model = ExplicitConstructedResponse.prepareModel(m);
2054
- this._render();
2055
- this.dispatchModelUpdated(reset);
2056
- }
2057
- }, {
2058
- key: "onConfigurationChanged",
2059
- value: function onConfigurationChanged(c) {
2060
- this._configuration = c;
2061
- this._render();
2062
- }
2063
- }, {
2064
- key: "insertImage",
2065
- value: function insertImage(handler) {
2066
- this.dispatchEvent(new _pieConfigureEvents.InsertImageEvent(handler));
2067
- }
2068
- }, {
2069
- key: "onDeleteImage",
2070
- value: function onDeleteImage(src, done) {
2071
- this.dispatchEvent(new _pieConfigureEvents.DeleteImageEvent(src, done));
2072
- }
2073
- }, {
2074
- key: "_render",
2075
- value: function _render() {
2076
- log('_render');
2077
- var element = _react["default"].createElement(_main["default"], {
2078
- model: this._model,
2079
- configuration: this._configuration,
2080
- onModelChanged: this.onModelChanged,
2081
- onConfigurationChanged: this.onConfigurationChanged,
2082
- disableSidePanel: this._disableSidePanel,
2083
- imageSupport: {
2084
- add: this.insertImage.bind(this),
2085
- "delete": this.onDeleteImage.bind(this)
2086
- }
2087
- });
2088
- _reactDom["default"].render(element, this);
2089
- }
2090
- }]);
2091
- return ExplicitConstructedResponse;
2092
- })((0, _wrapNativeSuper2["default"])(HTMLElement));
2093
- exports["default"] = ExplicitConstructedResponse;
2094
- (0, _defineProperty2["default"])(ExplicitConstructedResponse, "prepareModel", function () {
2095
- var model = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
2096
- var joinedObj = _objectSpread(_objectSpread({}, _defaults2["default"].model), model);
2097
- var slateMarkup = joinedObj.slateMarkup || (0, markupUtils.createSlateMarkup)(joinedObj.markup, joinedObj.choices);
2098
- var processedMarkup = (0, markupUtils.processMarkup)(slateMarkup);
2099
- if (joinedObj.choices) {
2100
- Object.keys(joinedObj.choices).forEach(function (key) {
2101
- if ((0, _isArray["default"])(joinedObj.choices[key])) {
2102
- joinedObj.choices[key] = (joinedObj.choices[key] || []).map(function (item, index) {
2103
- if (!item.value) {
2104
- log('Choice does not contain "value" property, which is required.', item);
2105
- return _objectSpread({
2106
- value: ("").concat(index)
2107
- }, item);
2108
- }
2109
- return item;
2110
- });
2111
- }
2112
- });
2113
- }
2114
- return _objectSpread(_objectSpread({}, joinedObj), {}, {
2115
- slateMarkup: slateMarkup,
2116
- markup: processedMarkup
2117
- });
2118
- });
2119
- });
2120
- var index = unwrapExports(lib);
2121
- export default index;