@pie-element/image-cloze-association 5.13.1 → 5.13.2-next.1
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.
- package/configure/package.json +1 -1
- package/controller/package.json +1 -1
- package/package.json +3 -3
- package/configure/lib/defaults.js +0 -73
- package/configure/lib/defaults.js.map +0 -1
- package/configure/lib/index.js +0 -163
- package/configure/lib/index.js.map +0 -1
- package/configure/lib/root.js +0 -204
- package/configure/lib/root.js.map +0 -1
- package/controller/lib/defaults.js +0 -9
- package/controller/lib/defaults.js.map +0 -1
- package/controller/lib/index.js +0 -285
- package/controller/lib/index.js.map +0 -1
- package/controller/lib/utils.js +0 -59
- package/controller/lib/utils.js.map +0 -1
- package/lib/constants.js +0 -13
- package/lib/constants.js.map +0 -1
- package/lib/evaluation-icon.js +0 -79
- package/lib/evaluation-icon.js.map +0 -1
- package/lib/image-container.js +0 -136
- package/lib/image-container.js.map +0 -1
- package/lib/image-drop-target.js +0 -118
- package/lib/image-drop-target.js.map +0 -1
- package/lib/index.js +0 -112
- package/lib/index.js.map +0 -1
- package/lib/interactive-section.js +0 -162
- package/lib/interactive-section.js.map +0 -1
- package/lib/possible-response.js +0 -198
- package/lib/possible-response.js.map +0 -1
- package/lib/possible-responses.js +0 -71
- package/lib/possible-responses.js.map +0 -1
- package/lib/root.js +0 -465
- package/lib/root.js.map +0 -1
- package/lib/utils-correctness.js +0 -115
- package/lib/utils-correctness.js.map +0 -1
package/configure/package.json
CHANGED
package/controller/package.json
CHANGED
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@pie-element/image-cloze-association",
|
|
3
|
-
"version": "5.13.1",
|
|
3
|
+
"version": "5.13.2-next.1+94a3df859",
|
|
4
4
|
"description": "",
|
|
5
5
|
"repository": "pie-framework/pie-elements",
|
|
6
6
|
"publishConfig": {
|
|
@@ -10,7 +10,7 @@
|
|
|
10
10
|
"@material-ui/core": "^3.9.3",
|
|
11
11
|
"@material-ui/icons": "^3.0.1",
|
|
12
12
|
"@pie-framework/pie-player-events": "^0.1.0",
|
|
13
|
-
"@pie-lib/pie-toolbox": "1.13.
|
|
13
|
+
"@pie-lib/pie-toolbox": "1.13.2-next.21",
|
|
14
14
|
"classnames": "^2.2.6",
|
|
15
15
|
"prop-types": "^15.6.1",
|
|
16
16
|
"react": "^16.8.1",
|
|
@@ -18,7 +18,7 @@
|
|
|
18
18
|
},
|
|
19
19
|
"author": "pie framework developers",
|
|
20
20
|
"license": "ISC",
|
|
21
|
-
"gitHead": "
|
|
21
|
+
"gitHead": "94a3df859268430085398dafb638d1cd1986dee8",
|
|
22
22
|
"scripts": {
|
|
23
23
|
"postpublish": "../../scripts/postpublish"
|
|
24
24
|
},
|
|
@@ -1,73 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports["default"] = void 0;
|
|
7
|
-
var _default = {
|
|
8
|
-
model: {
|
|
9
|
-
rationaleEnabled: true,
|
|
10
|
-
teacherInstructionsEnabled: true,
|
|
11
|
-
studentInstructionsEnabled: true
|
|
12
|
-
},
|
|
13
|
-
configuration: {
|
|
14
|
-
baseInputConfiguration: {
|
|
15
|
-
audio: {
|
|
16
|
-
disabled: false
|
|
17
|
-
},
|
|
18
|
-
video: {
|
|
19
|
-
disabled: false
|
|
20
|
-
},
|
|
21
|
-
image: {
|
|
22
|
-
disabled: false
|
|
23
|
-
}
|
|
24
|
-
},
|
|
25
|
-
maxImageWidth: {
|
|
26
|
-
teacherInstructions: 300
|
|
27
|
-
},
|
|
28
|
-
maxImageHeight: {
|
|
29
|
-
teacherInstructions: 300
|
|
30
|
-
},
|
|
31
|
-
settingsPanelDisabled: false,
|
|
32
|
-
spellCheck: {
|
|
33
|
-
label: 'Spellcheck',
|
|
34
|
-
settings: false,
|
|
35
|
-
enabled: true
|
|
36
|
-
},
|
|
37
|
-
teacherInstructions: {
|
|
38
|
-
settings: true,
|
|
39
|
-
label: 'Teacher Instructions',
|
|
40
|
-
inputConfiguration: {
|
|
41
|
-
audio: {
|
|
42
|
-
disabled: false
|
|
43
|
-
},
|
|
44
|
-
video: {
|
|
45
|
-
disabled: false
|
|
46
|
-
},
|
|
47
|
-
image: {
|
|
48
|
-
disabled: false
|
|
49
|
-
}
|
|
50
|
-
},
|
|
51
|
-
required: false
|
|
52
|
-
},
|
|
53
|
-
withRubric: {
|
|
54
|
-
settings: false,
|
|
55
|
-
label: 'Add Rubric'
|
|
56
|
-
},
|
|
57
|
-
mathMlOptions: {
|
|
58
|
-
mmlOutput: false,
|
|
59
|
-
mmlEditing: false
|
|
60
|
-
},
|
|
61
|
-
language: {
|
|
62
|
-
settings: false,
|
|
63
|
-
label: 'Specify Language',
|
|
64
|
-
enabled: false
|
|
65
|
-
},
|
|
66
|
-
languageChoices: {
|
|
67
|
-
label: 'Language Choices',
|
|
68
|
-
options: []
|
|
69
|
-
}
|
|
70
|
-
}
|
|
71
|
-
};
|
|
72
|
-
exports["default"] = _default;
|
|
73
|
-
//# sourceMappingURL=defaults.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/defaults.js"],"names":["model","rationaleEnabled","teacherInstructionsEnabled","studentInstructionsEnabled","configuration","baseInputConfiguration","audio","disabled","video","image","maxImageWidth","teacherInstructions","maxImageHeight","settingsPanelDisabled","spellCheck","label","settings","enabled","inputConfiguration","required","withRubric","mathMlOptions","mmlOutput","mmlEditing","language","languageChoices","options"],"mappings":";;;;;;eAAe;AACbA,EAAAA,KAAK,EAAE;AACLC,IAAAA,gBAAgB,EAAE,IADb;AAELC,IAAAA,0BAA0B,EAAE,IAFvB;AAGLC,IAAAA,0BAA0B,EAAE;AAHvB,GADM;AAMbC,EAAAA,aAAa,EAAE;AACbC,IAAAA,sBAAsB,EAAE;AACtBC,MAAAA,KAAK,EAAE;AAAEC,QAAAA,QAAQ,EAAE;AAAZ,OADe;AAEtBC,MAAAA,KAAK,EAAE;AAAED,QAAAA,QAAQ,EAAE;AAAZ,OAFe;AAGtBE,MAAAA,KAAK,EAAE;AAAEF,QAAAA,QAAQ,EAAE;AAAZ;AAHe,KADX;AAMbG,IAAAA,aAAa,EAAE;AACbC,MAAAA,mBAAmB,EAAE;AADR,KANF;AASbC,IAAAA,cAAc,EAAE;AACdD,MAAAA,mBAAmB,EAAE;AADP,KATH;AAYbE,IAAAA,qBAAqB,EAAE,KAZV;AAabC,IAAAA,UAAU,EAAE;AACVC,MAAAA,KAAK,EAAE,YADG;AAEVC,MAAAA,QAAQ,EAAE,KAFA;AAGVC,MAAAA,OAAO,EAAE;AAHC,KAbC;AAkBbN,IAAAA,mBAAmB,EAAE;AACnBK,MAAAA,QAAQ,EAAE,IADS;AAEnBD,MAAAA,KAAK,EAAE,sBAFY;AAGnBG,MAAAA,kBAAkB,EAAE;AAClBZ,QAAAA,KAAK,EAAE;AAAEC,UAAAA,QAAQ,EAAE;AAAZ,SADW;AAElBC,QAAAA,KAAK,EAAE;AAAED,UAAAA,QAAQ,EAAE;AAAZ,SAFW;AAGlBE,QAAAA,KAAK,EAAE;AAAEF,UAAAA,QAAQ,EAAE;AAAZ;AAHW,OAHD;AAQnBY,MAAAA,QAAQ,EAAE;AARS,KAlBR;AA4BbC,IAAAA,UAAU,EAAE;AACVJ,MAAAA,QAAQ,EAAE,KADA;AAEVD,MAAAA,KAAK,EAAE;AAFG,KA5BC;AAgCbM,IAAAA,aAAa,EAAE;AACbC,MAAAA,SAAS,EAAE,KADE;AAEbC,MAAAA,UAAU,EAAE;AAFC,KAhCF;AAoCbC,IAAAA,QAAQ,EAAE;AACRR,MAAAA,QAAQ,EAAE,KADF;AAERD,MAAAA,KAAK,EAAE,kBAFC;AAGRE,MAAAA,OAAO,EAAE;AAHD,KApCG;AAyCbQ,IAAAA,eAAe,EAAE;AACfV,MAAAA,KAAK,EAAE,kBADQ;AAEfW,MAAAA,OAAO,EAAE;AAFM;AAzCJ;AANF,C","sourcesContent":["export default {\n model: {\n rationaleEnabled: true,\n teacherInstructionsEnabled: true,\n studentInstructionsEnabled: true,\n },\n configuration: {\n baseInputConfiguration: {\n audio: { disabled: false },\n video: { disabled: false },\n image: { disabled: false },\n },\n maxImageWidth: {\n teacherInstructions: 300,\n },\n maxImageHeight: {\n teacherInstructions: 300,\n },\n settingsPanelDisabled: false,\n spellCheck: {\n label: 'Spellcheck',\n settings: false,\n enabled: true,\n },\n teacherInstructions: {\n settings: true,\n label: 'Teacher Instructions',\n inputConfiguration: {\n audio: { disabled: false },\n video: { disabled: false },\n image: { disabled: false },\n },\n required: false,\n },\n withRubric: {\n settings: false,\n label: 'Add Rubric',\n },\n mathMlOptions: {\n mmlOutput: false,\n mmlEditing: false,\n },\n language: {\n settings: false,\n label: 'Specify Language',\n enabled: false,\n },\n languageChoices: {\n label: 'Language Choices',\n options: [],\n },\n },\n};\n"],"file":"defaults.js"}
|
package/configure/lib/index.js
DELETED
|
@@ -1,163 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
|
|
5
|
-
Object.defineProperty(exports, "__esModule", {
|
|
6
|
-
value: true
|
|
7
|
-
});
|
|
8
|
-
exports["default"] = void 0;
|
|
9
|
-
|
|
10
|
-
var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
|
|
11
|
-
|
|
12
|
-
var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
|
|
13
|
-
|
|
14
|
-
var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
|
|
15
|
-
|
|
16
|
-
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
|
|
17
|
-
|
|
18
|
-
var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
|
|
19
|
-
|
|
20
|
-
var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
|
|
21
|
-
|
|
22
|
-
var _wrapNativeSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/wrapNativeSuper"));
|
|
23
|
-
|
|
24
|
-
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
25
|
-
|
|
26
|
-
var _pieConfigureEvents = require("@pie-framework/pie-configure-events");
|
|
27
|
-
|
|
28
|
-
var _react = _interopRequireDefault(require("react"));
|
|
29
|
-
|
|
30
|
-
var _reactDom = _interopRequireDefault(require("react-dom"));
|
|
31
|
-
|
|
32
|
-
var _debug = _interopRequireDefault(require("debug"));
|
|
33
|
-
|
|
34
|
-
var _root = _interopRequireDefault(require("./root"));
|
|
35
|
-
|
|
36
|
-
var _defaults = _interopRequireDefault(require("./defaults"));
|
|
37
|
-
|
|
38
|
-
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
39
|
-
|
|
40
|
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
41
|
-
|
|
42
|
-
function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2["default"])(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2["default"])(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2["default"])(this, result); }; }
|
|
43
|
-
|
|
44
|
-
function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
|
|
45
|
-
|
|
46
|
-
var log = (0, _debug["default"])('image-cloze-association:configure');
|
|
47
|
-
|
|
48
|
-
var ImageClozeAssociationConfigure = /*#__PURE__*/function (_HTMLElement) {
|
|
49
|
-
(0, _inherits2["default"])(ImageClozeAssociationConfigure, _HTMLElement);
|
|
50
|
-
|
|
51
|
-
var _super = _createSuper(ImageClozeAssociationConfigure);
|
|
52
|
-
|
|
53
|
-
function ImageClozeAssociationConfigure() {
|
|
54
|
-
var _this;
|
|
55
|
-
|
|
56
|
-
(0, _classCallCheck2["default"])(this, ImageClozeAssociationConfigure);
|
|
57
|
-
_this = _super.call(this);
|
|
58
|
-
_this._model = ImageClozeAssociationConfigure.createDefaultModel();
|
|
59
|
-
_this.onModelChanged = _this.onModelChanged.bind((0, _assertThisInitialized2["default"])(_this));
|
|
60
|
-
_this._configuration = _defaults["default"].configuration;
|
|
61
|
-
return _this;
|
|
62
|
-
}
|
|
63
|
-
|
|
64
|
-
(0, _createClass2["default"])(ImageClozeAssociationConfigure, [{
|
|
65
|
-
key: "model",
|
|
66
|
-
set: function set(s) {
|
|
67
|
-
this._model = ImageClozeAssociationConfigure.createDefaultModel(s);
|
|
68
|
-
|
|
69
|
-
this._render();
|
|
70
|
-
}
|
|
71
|
-
}, {
|
|
72
|
-
key: "configuration",
|
|
73
|
-
set: function set(c) {
|
|
74
|
-
this._configuration = c;
|
|
75
|
-
|
|
76
|
-
this._render();
|
|
77
|
-
}
|
|
78
|
-
}, {
|
|
79
|
-
key: "disableSidePanel",
|
|
80
|
-
set: function set(s) {
|
|
81
|
-
this._disableSidePanel = s;
|
|
82
|
-
|
|
83
|
-
this._render();
|
|
84
|
-
}
|
|
85
|
-
}, {
|
|
86
|
-
key: "dispatchModelUpdated",
|
|
87
|
-
value: function dispatchModelUpdated(reset) {
|
|
88
|
-
var resetValue = !!reset;
|
|
89
|
-
this.dispatchEvent(new _pieConfigureEvents.ModelUpdatedEvent(this._model, resetValue));
|
|
90
|
-
}
|
|
91
|
-
}, {
|
|
92
|
-
key: "onModelChanged",
|
|
93
|
-
value: function onModelChanged(m, reset) {
|
|
94
|
-
this._model = m;
|
|
95
|
-
this.dispatchModelUpdated(reset);
|
|
96
|
-
|
|
97
|
-
this._render();
|
|
98
|
-
}
|
|
99
|
-
}, {
|
|
100
|
-
key: "onConfigurationChanged",
|
|
101
|
-
value: function onConfigurationChanged(config) {
|
|
102
|
-
this._configuration = config;
|
|
103
|
-
|
|
104
|
-
this._render();
|
|
105
|
-
}
|
|
106
|
-
/**
|
|
107
|
-
*
|
|
108
|
-
* @param {done, progress, file} handler
|
|
109
|
-
*/
|
|
110
|
-
|
|
111
|
-
}, {
|
|
112
|
-
key: "insertImage",
|
|
113
|
-
value: function insertImage(handler) {
|
|
114
|
-
this.dispatchEvent(new _pieConfigureEvents.InsertImageEvent(handler));
|
|
115
|
-
}
|
|
116
|
-
}, {
|
|
117
|
-
key: "onDeleteImage",
|
|
118
|
-
value: function onDeleteImage(src, done) {
|
|
119
|
-
this.dispatchEvent(new _pieConfigureEvents.DeleteImageEvent(src, done));
|
|
120
|
-
}
|
|
121
|
-
}, {
|
|
122
|
-
key: "insertSound",
|
|
123
|
-
value: function insertSound(handler) {
|
|
124
|
-
this.dispatchEvent(new _pieConfigureEvents.InsertSoundEvent(handler));
|
|
125
|
-
}
|
|
126
|
-
}, {
|
|
127
|
-
key: "onDeleteSound",
|
|
128
|
-
value: function onDeleteSound(src, done) {
|
|
129
|
-
this.dispatchEvent(new _pieConfigureEvents.DeleteSoundEvent(src, done));
|
|
130
|
-
}
|
|
131
|
-
}, {
|
|
132
|
-
key: "_render",
|
|
133
|
-
value: function _render() {
|
|
134
|
-
log('_render');
|
|
135
|
-
|
|
136
|
-
var element = /*#__PURE__*/_react["default"].createElement(_root["default"], {
|
|
137
|
-
disableSidePanel: this._disableSidePanel,
|
|
138
|
-
model: this._model,
|
|
139
|
-
configuration: this._configuration,
|
|
140
|
-
onModelChanged: this.onModelChanged.bind(this),
|
|
141
|
-
onConfigurationChanged: this.onConfigurationChanged.bind(this),
|
|
142
|
-
imageSupport: {
|
|
143
|
-
add: this.insertImage.bind(this),
|
|
144
|
-
"delete": this.onDeleteImage.bind(this)
|
|
145
|
-
},
|
|
146
|
-
uploadSoundSupport: {
|
|
147
|
-
add: this.insertSound.bind(this),
|
|
148
|
-
"delete": this.onDeleteSound.bind(this)
|
|
149
|
-
}
|
|
150
|
-
});
|
|
151
|
-
|
|
152
|
-
_reactDom["default"].render(element, this);
|
|
153
|
-
}
|
|
154
|
-
}]);
|
|
155
|
-
return ImageClozeAssociationConfigure;
|
|
156
|
-
}( /*#__PURE__*/(0, _wrapNativeSuper2["default"])(HTMLElement));
|
|
157
|
-
|
|
158
|
-
exports["default"] = ImageClozeAssociationConfigure;
|
|
159
|
-
(0, _defineProperty2["default"])(ImageClozeAssociationConfigure, "createDefaultModel", function () {
|
|
160
|
-
var model = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
|
|
161
|
-
return _objectSpread(_objectSpread({}, _defaults["default"].model), model);
|
|
162
|
-
});
|
|
163
|
-
//# sourceMappingURL=index.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/index.js"],"names":["log","ImageClozeAssociationConfigure","_model","createDefaultModel","onModelChanged","bind","_configuration","sensibleDefaults","configuration","s","_render","c","_disableSidePanel","reset","resetValue","dispatchEvent","ModelUpdatedEvent","m","dispatchModelUpdated","config","handler","InsertImageEvent","src","done","DeleteImageEvent","InsertSoundEvent","DeleteSoundEvent","element","React","createElement","Root","disableSidePanel","model","onConfigurationChanged","imageSupport","add","insertImage","onDeleteImage","uploadSoundSupport","insertSound","onDeleteSound","ReactDOM","render","HTMLElement"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AAQA;;AACA;;AACA;;AAEA;;AACA;;;;;;;;;;AAEA,IAAMA,GAAG,GAAG,uBAAM,mCAAN,CAAZ;;IAEqBC,8B;;;;;AAMnB,4CAAc;AAAA;;AAAA;AACZ;AACA,UAAKC,MAAL,GAAcD,8BAA8B,CAACE,kBAA/B,EAAd;AACA,UAAKC,cAAL,GAAsB,MAAKA,cAAL,CAAoBC,IAApB,gDAAtB;AACA,UAAKC,cAAL,GAAsBC,qBAAiBC,aAAvC;AAJY;AAKb;;;;SAED,aAAUC,CAAV,EAAa;AACX,WAAKP,MAAL,GAAcD,8BAA8B,CAACE,kBAA/B,CAAkDM,CAAlD,CAAd;;AACA,WAAKC,OAAL;AACD;;;SAED,aAAkBC,CAAlB,EAAqB;AACnB,WAAKL,cAAL,GAAsBK,CAAtB;;AACA,WAAKD,OAAL;AACD;;;SAED,aAAqBD,CAArB,EAAwB;AACtB,WAAKG,iBAAL,GAAyBH,CAAzB;;AACA,WAAKC,OAAL;AACD;;;WAED,8BAAqBG,KAArB,EAA4B;AAC1B,UAAMC,UAAU,GAAG,CAAC,CAACD,KAArB;AAEA,WAAKE,aAAL,CAAmB,IAAIC,qCAAJ,CAAsB,KAAKd,MAA3B,EAAmCY,UAAnC,CAAnB;AACD;;;WAED,wBAAeG,CAAf,EAAkBJ,KAAlB,EAAyB;AACvB,WAAKX,MAAL,GAAce,CAAd;AACA,WAAKC,oBAAL,CAA0BL,KAA1B;;AACA,WAAKH,OAAL;AACD;;;WAED,gCAAuBS,MAAvB,EAA+B;AAC7B,WAAKb,cAAL,GAAsBa,MAAtB;;AACA,WAAKT,OAAL;AACD;AAED;AACF;AACA;AACA;;;;WACE,qBAAYU,OAAZ,EAAqB;AACnB,WAAKL,aAAL,CAAmB,IAAIM,oCAAJ,CAAqBD,OAArB,CAAnB;AACD;;;WAED,uBAAcE,GAAd,EAAmBC,IAAnB,EAAyB;AACvB,WAAKR,aAAL,CAAmB,IAAIS,oCAAJ,CAAqBF,GAArB,EAA0BC,IAA1B,CAAnB;AACD;;;WAED,qBAAYH,OAAZ,EAAqB;AACnB,WAAKL,aAAL,CAAmB,IAAIU,oCAAJ,CAAqBL,OAArB,CAAnB;AACD;;;WAED,uBAAcE,GAAd,EAAmBC,IAAnB,EAAyB;AACvB,WAAKR,aAAL,CAAmB,IAAIW,oCAAJ,CAAqBJ,GAArB,EAA0BC,IAA1B,CAAnB;AACD;;;WAED,mBAAU;AACRvB,MAAAA,GAAG,CAAC,SAAD,CAAH;;AAEA,UAAI2B,OAAO,gBAAGC,kBAAMC,aAAN,CAAoBC,gBAApB,EAA0B;AACtCC,QAAAA,gBAAgB,EAAE,KAAKnB,iBADe;AAEtCoB,QAAAA,KAAK,EAAE,KAAK9B,MAF0B;AAGtCM,QAAAA,aAAa,EAAE,KAAKF,cAHkB;AAItCF,QAAAA,cAAc,EAAE,KAAKA,cAAL,CAAoBC,IAApB,CAAyB,IAAzB,CAJsB;AAKtC4B,QAAAA,sBAAsB,EAAE,KAAKA,sBAAL,CAA4B5B,IAA5B,CAAiC,IAAjC,CALc;AAMtC6B,QAAAA,YAAY,EAAE;AACZC,UAAAA,GAAG,EAAE,KAAKC,WAAL,CAAiB/B,IAAjB,CAAsB,IAAtB,CADO;AAEZ,oBAAQ,KAAKgC,aAAL,CAAmBhC,IAAnB,CAAwB,IAAxB;AAFI,SANwB;AAUtCiC,QAAAA,kBAAkB,EAAE;AAClBH,UAAAA,GAAG,EAAE,KAAKI,WAAL,CAAiBlC,IAAjB,CAAsB,IAAtB,CADa;AAElB,oBAAQ,KAAKmC,aAAL,CAAmBnC,IAAnB,CAAwB,IAAxB;AAFU;AAVkB,OAA1B,CAAd;;AAgBAoC,2BAASC,MAAT,CAAgBf,OAAhB,EAAyB,IAAzB;AACD;;;kDArFyDgB,W;;;iCAAvC1C,8B,wBACS;AAAA,MAAC+B,KAAD,uEAAS,EAAT;AAAA,yCACvBzB,qBAAiByB,KADM,GAEvBA,KAFuB;AAAA,C","sourcesContent":["import {\n ModelUpdatedEvent,\n DeleteImageEvent,\n InsertImageEvent,\n InsertSoundEvent,\n DeleteSoundEvent,\n} from '@pie-framework/pie-configure-events';\n\nimport React from 'react';\nimport ReactDOM from 'react-dom';\nimport debug from 'debug';\n\nimport Root from './root';\nimport sensibleDefaults from './defaults';\n\nconst log = debug('image-cloze-association:configure');\n\nexport default class ImageClozeAssociationConfigure extends HTMLElement {\n static createDefaultModel = (model = {}) => ({\n ...sensibleDefaults.model,\n ...model,\n });\n\n constructor() {\n super();\n this._model = ImageClozeAssociationConfigure.createDefaultModel();\n this.onModelChanged = this.onModelChanged.bind(this);\n this._configuration = sensibleDefaults.configuration;\n }\n\n set model(s) {\n this._model = ImageClozeAssociationConfigure.createDefaultModel(s);\n this._render();\n }\n\n set configuration(c) {\n this._configuration = c;\n this._render();\n }\n\n set disableSidePanel(s) {\n this._disableSidePanel = s;\n this._render();\n }\n\n dispatchModelUpdated(reset) {\n const resetValue = !!reset;\n\n this.dispatchEvent(new ModelUpdatedEvent(this._model, resetValue));\n }\n\n onModelChanged(m, reset) {\n this._model = m;\n this.dispatchModelUpdated(reset);\n this._render();\n }\n\n onConfigurationChanged(config) {\n this._configuration = config;\n this._render();\n }\n\n /**\n *\n * @param {done, progress, file} handler\n */\n insertImage(handler) {\n this.dispatchEvent(new InsertImageEvent(handler));\n }\n\n onDeleteImage(src, done) {\n this.dispatchEvent(new DeleteImageEvent(src, done));\n }\n\n insertSound(handler) {\n this.dispatchEvent(new InsertSoundEvent(handler));\n }\n\n onDeleteSound(src, done) {\n this.dispatchEvent(new DeleteSoundEvent(src, done));\n }\n\n _render() {\n log('_render');\n\n let element = React.createElement(Root, {\n disableSidePanel: this._disableSidePanel,\n model: this._model,\n configuration: this._configuration,\n onModelChanged: this.onModelChanged.bind(this),\n onConfigurationChanged: this.onConfigurationChanged.bind(this),\n imageSupport: {\n add: this.insertImage.bind(this),\n delete: this.onDeleteImage.bind(this),\n },\n uploadSoundSupport: {\n add: this.insertSound.bind(this),\n delete: this.onDeleteSound.bind(this),\n },\n });\n\n ReactDOM.render(element, this);\n }\n}\n"],"file":"index.js"}
|
package/configure/lib/root.js
DELETED
|
@@ -1,204 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
|
|
5
|
-
Object.defineProperty(exports, "__esModule", {
|
|
6
|
-
value: true
|
|
7
|
-
});
|
|
8
|
-
exports["default"] = exports.Root = void 0;
|
|
9
|
-
|
|
10
|
-
var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
|
|
11
|
-
|
|
12
|
-
var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
|
|
13
|
-
|
|
14
|
-
var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
|
|
15
|
-
|
|
16
|
-
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
|
|
17
|
-
|
|
18
|
-
var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
|
|
19
|
-
|
|
20
|
-
var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
|
|
21
|
-
|
|
22
|
-
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
23
|
-
|
|
24
|
-
var _react = _interopRequireDefault(require("react"));
|
|
25
|
-
|
|
26
|
-
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
27
|
-
|
|
28
|
-
var _configUi = require("@pie-lib/pie-toolbox/config-ui");
|
|
29
|
-
|
|
30
|
-
var _editableHtml = require("@pie-lib/pie-toolbox/editable-html");
|
|
31
|
-
|
|
32
|
-
var _styles = require("@material-ui/core/styles");
|
|
33
|
-
|
|
34
|
-
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
35
|
-
|
|
36
|
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
37
|
-
|
|
38
|
-
function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2["default"])(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2["default"])(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2["default"])(this, result); }; }
|
|
39
|
-
|
|
40
|
-
function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
|
|
41
|
-
|
|
42
|
-
var Panel = _configUi.settings.Panel,
|
|
43
|
-
toggle = _configUi.settings.toggle,
|
|
44
|
-
dropdown = _configUi.settings.dropdown;
|
|
45
|
-
|
|
46
|
-
var Root = /*#__PURE__*/function (_React$Component) {
|
|
47
|
-
(0, _inherits2["default"])(Root, _React$Component);
|
|
48
|
-
|
|
49
|
-
var _super = _createSuper(Root);
|
|
50
|
-
|
|
51
|
-
function Root() {
|
|
52
|
-
var _this;
|
|
53
|
-
|
|
54
|
-
(0, _classCallCheck2["default"])(this, Root);
|
|
55
|
-
|
|
56
|
-
for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
|
|
57
|
-
args[_key] = arguments[_key];
|
|
58
|
-
}
|
|
59
|
-
|
|
60
|
-
_this = _super.call.apply(_super, [this].concat(args));
|
|
61
|
-
(0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "onTeacherInstructionsChanged", function (teacherInstructions) {
|
|
62
|
-
_this.props.onModelChanged(_objectSpread(_objectSpread({}, _this.props.model), {}, {
|
|
63
|
-
teacherInstructions: teacherInstructions
|
|
64
|
-
}));
|
|
65
|
-
});
|
|
66
|
-
return _this;
|
|
67
|
-
}
|
|
68
|
-
|
|
69
|
-
(0, _createClass2["default"])(Root, [{
|
|
70
|
-
key: "render",
|
|
71
|
-
value: function render() {
|
|
72
|
-
var _this$props = this.props,
|
|
73
|
-
classes = _this$props.classes,
|
|
74
|
-
model = _this$props.model,
|
|
75
|
-
configuration = _this$props.configuration,
|
|
76
|
-
onModelChanged = _this$props.onModelChanged,
|
|
77
|
-
onConfigurationChanged = _this$props.onConfigurationChanged,
|
|
78
|
-
imageSupport = _this$props.imageSupport,
|
|
79
|
-
uploadSoundSupport = _this$props.uploadSoundSupport;
|
|
80
|
-
|
|
81
|
-
var _ref = configuration || {},
|
|
82
|
-
_ref$baseInputConfigu = _ref.baseInputConfiguration,
|
|
83
|
-
baseInputConfiguration = _ref$baseInputConfigu === void 0 ? {} : _ref$baseInputConfigu,
|
|
84
|
-
_ref$contentDimension = _ref.contentDimensions,
|
|
85
|
-
contentDimensions = _ref$contentDimension === void 0 ? {} : _ref$contentDimension,
|
|
86
|
-
_ref$maxImageWidth = _ref.maxImageWidth,
|
|
87
|
-
maxImageWidth = _ref$maxImageWidth === void 0 ? {} : _ref$maxImageWidth,
|
|
88
|
-
_ref$maxImageHeight = _ref.maxImageHeight,
|
|
89
|
-
maxImageHeight = _ref$maxImageHeight === void 0 ? {} : _ref$maxImageHeight,
|
|
90
|
-
settingsPanelDisabled = _ref.settingsPanelDisabled,
|
|
91
|
-
_ref$spellCheck = _ref.spellCheck,
|
|
92
|
-
spellCheck = _ref$spellCheck === void 0 ? {} : _ref$spellCheck,
|
|
93
|
-
_ref$teacherInstructi = _ref.teacherInstructions,
|
|
94
|
-
teacherInstructions = _ref$teacherInstructi === void 0 ? {} : _ref$teacherInstructi,
|
|
95
|
-
_ref$withRubric = _ref.withRubric,
|
|
96
|
-
withRubric = _ref$withRubric === void 0 ? {} : _ref$withRubric,
|
|
97
|
-
_ref$mathMlOptions = _ref.mathMlOptions,
|
|
98
|
-
mathMlOptions = _ref$mathMlOptions === void 0 ? {} : _ref$mathMlOptions,
|
|
99
|
-
_ref$language = _ref.language,
|
|
100
|
-
language = _ref$language === void 0 ? {} : _ref$language,
|
|
101
|
-
_ref$languageChoices = _ref.languageChoices,
|
|
102
|
-
languageChoices = _ref$languageChoices === void 0 ? {} : _ref$languageChoices;
|
|
103
|
-
|
|
104
|
-
var _ref2 = model || {},
|
|
105
|
-
_ref2$errors = _ref2.errors,
|
|
106
|
-
errors = _ref2$errors === void 0 ? {} : _ref2$errors,
|
|
107
|
-
spellCheckEnabled = _ref2.spellCheckEnabled;
|
|
108
|
-
|
|
109
|
-
var teacherInstructionsError = errors.teacherInstructions;
|
|
110
|
-
var panelProperties = {
|
|
111
|
-
teacherInstructionsEnabled: teacherInstructions.settings && toggle(teacherInstructions.label),
|
|
112
|
-
spellCheckEnabled: spellCheck.settings && toggle(spellCheck.label),
|
|
113
|
-
rubricEnabled: (withRubric === null || withRubric === void 0 ? void 0 : withRubric.settings) && toggle(withRubric === null || withRubric === void 0 ? void 0 : withRubric.label),
|
|
114
|
-
'language.enabled': language.settings && toggle(language.label, true),
|
|
115
|
-
language: language.settings && language.enabled && dropdown(languageChoices.label, languageChoices.options)
|
|
116
|
-
};
|
|
117
|
-
|
|
118
|
-
var getPluginProps = function getPluginProps() {
|
|
119
|
-
var props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
|
|
120
|
-
return _objectSpread(_objectSpread({}, baseInputConfiguration), props);
|
|
121
|
-
};
|
|
122
|
-
|
|
123
|
-
return /*#__PURE__*/_react["default"].createElement(_configUi.layout.ConfigLayout, {
|
|
124
|
-
dimensions: contentDimensions,
|
|
125
|
-
hideSettings: settingsPanelDisabled,
|
|
126
|
-
settings: /*#__PURE__*/_react["default"].createElement(Panel, {
|
|
127
|
-
model: model,
|
|
128
|
-
configuration: configuration,
|
|
129
|
-
onChangeModel: function onChangeModel(model) {
|
|
130
|
-
return onModelChanged(model);
|
|
131
|
-
},
|
|
132
|
-
onChangeConfiguration: function onChangeConfiguration(config) {
|
|
133
|
-
return onConfigurationChanged(config);
|
|
134
|
-
},
|
|
135
|
-
groups: {
|
|
136
|
-
Properties: panelProperties
|
|
137
|
-
}
|
|
138
|
-
})
|
|
139
|
-
}, model && model.teacherInstructionsEnabled && /*#__PURE__*/_react["default"].createElement(_configUi.InputContainer, {
|
|
140
|
-
label: teacherInstructions.label,
|
|
141
|
-
className: classes.promptHolder
|
|
142
|
-
}, /*#__PURE__*/_react["default"].createElement(_editableHtml.EditableHtml, {
|
|
143
|
-
className: classes.prompt,
|
|
144
|
-
markup: model.teacherInstructions || '',
|
|
145
|
-
onChange: this.onTeacherInstructionsChanged,
|
|
146
|
-
imageSupport: imageSupport,
|
|
147
|
-
nonEmpty: false,
|
|
148
|
-
error: teacherInstructionsError,
|
|
149
|
-
spellCheck: spellCheckEnabled,
|
|
150
|
-
pluginProps: getPluginProps(teacherInstructions === null || teacherInstructions === void 0 ? void 0 : teacherInstructions.inputConfiguration),
|
|
151
|
-
maxImageWidth: maxImageWidth && maxImageWidth.teacherInstructions,
|
|
152
|
-
maxImageHeight: maxImageHeight && maxImageHeight.teacherInstructions,
|
|
153
|
-
uploadSoundSupport: uploadSoundSupport,
|
|
154
|
-
languageCharactersProps: [{
|
|
155
|
-
language: 'spanish'
|
|
156
|
-
}, {
|
|
157
|
-
language: 'special'
|
|
158
|
-
}],
|
|
159
|
-
mathMlOptions: mathMlOptions
|
|
160
|
-
}), teacherInstructionsError && /*#__PURE__*/_react["default"].createElement("div", {
|
|
161
|
-
className: classes.errorText
|
|
162
|
-
}, teacherInstructionsError)), /*#__PURE__*/_react["default"].createElement("div", null, "Image cloze association"));
|
|
163
|
-
}
|
|
164
|
-
}]);
|
|
165
|
-
return Root;
|
|
166
|
-
}(_react["default"].Component);
|
|
167
|
-
|
|
168
|
-
exports.Root = Root;
|
|
169
|
-
|
|
170
|
-
var styles = function styles(theme) {
|
|
171
|
-
return {
|
|
172
|
-
promptHolder: {
|
|
173
|
-
width: '100%',
|
|
174
|
-
paddingTop: theme.spacing.unit * 2,
|
|
175
|
-
marginBottom: theme.spacing.unit * 2
|
|
176
|
-
},
|
|
177
|
-
errorText: {
|
|
178
|
-
fontSize: theme.typography.fontSize - 2,
|
|
179
|
-
color: theme.palette.error.main,
|
|
180
|
-
paddingTop: theme.spacing.unit
|
|
181
|
-
}
|
|
182
|
-
};
|
|
183
|
-
};
|
|
184
|
-
|
|
185
|
-
Root.propTypes = {
|
|
186
|
-
classes: _propTypes["default"].object.isRequired,
|
|
187
|
-
onModelChanged: _propTypes["default"].func,
|
|
188
|
-
onConfigurationChanged: _propTypes["default"].func,
|
|
189
|
-
model: _propTypes["default"].object.isRequired,
|
|
190
|
-
configuration: _propTypes["default"].object.isRequired,
|
|
191
|
-
imageSupport: _propTypes["default"].shape({
|
|
192
|
-
add: _propTypes["default"].func.isRequired,
|
|
193
|
-
"delete": _propTypes["default"].func.isRequired
|
|
194
|
-
}),
|
|
195
|
-
uploadSoundSupport: _propTypes["default"].shape({
|
|
196
|
-
add: _propTypes["default"].func.isRequired,
|
|
197
|
-
"delete": _propTypes["default"].func.isRequired
|
|
198
|
-
})
|
|
199
|
-
};
|
|
200
|
-
|
|
201
|
-
var _default = (0, _styles.withStyles)(styles)(Root);
|
|
202
|
-
|
|
203
|
-
exports["default"] = _default;
|
|
204
|
-
//# sourceMappingURL=root.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/root.jsx"],"names":["Panel","settings","toggle","dropdown","Root","teacherInstructions","props","onModelChanged","model","classes","configuration","onConfigurationChanged","imageSupport","uploadSoundSupport","baseInputConfiguration","contentDimensions","maxImageWidth","maxImageHeight","settingsPanelDisabled","spellCheck","withRubric","mathMlOptions","language","languageChoices","errors","spellCheckEnabled","teacherInstructionsError","panelProperties","teacherInstructionsEnabled","label","rubricEnabled","enabled","options","getPluginProps","config","Properties","promptHolder","prompt","onTeacherInstructionsChanged","inputConfiguration","errorText","React","Component","styles","theme","width","paddingTop","spacing","unit","marginBottom","fontSize","typography","color","palette","error","main","propTypes","PropTypes","object","isRequired","func","shape","add"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { settings, layout, InputContainer } from '@pie-lib/pie-toolbox/config-ui';\nimport { EditableHtml } from '@pie-lib/pie-toolbox/editable-html';\nimport { withStyles } from '@material-ui/core/styles';\n\nconst { Panel, toggle, dropdown } = settings;\n\nexport class Root extends React.Component {\n onTeacherInstructionsChanged = (teacherInstructions) => {\n this.props.onModelChanged({ ...this.props.model, teacherInstructions });\n };\n\n render() {\n const { classes, model, configuration, onModelChanged, onConfigurationChanged, imageSupport, uploadSoundSupport } =\n this.props;\n const {\n baseInputConfiguration = {},\n contentDimensions = {},\n maxImageWidth = {},\n maxImageHeight = {},\n settingsPanelDisabled,\n spellCheck = {},\n teacherInstructions = {},\n withRubric = {},\n mathMlOptions = {},\n language = {},\n languageChoices = {},\n } = configuration || {};\n const { errors = {}, spellCheckEnabled } = model || {};\n const { teacherInstructions: teacherInstructionsError } = errors;\n\n const panelProperties = {\n teacherInstructionsEnabled: teacherInstructions.settings && toggle(teacherInstructions.label),\n spellCheckEnabled: spellCheck.settings && toggle(spellCheck.label),\n rubricEnabled: withRubric?.settings && toggle(withRubric?.label),\n 'language.enabled': language.settings && toggle(language.label, true),\n language: language.settings && language.enabled && dropdown(languageChoices.label, languageChoices.options),\n };\n\n const getPluginProps = (props = {}) => ({\n ...baseInputConfiguration,\n ...props,\n });\n\n return (\n <layout.ConfigLayout\n dimensions={contentDimensions}\n hideSettings={settingsPanelDisabled}\n settings={\n <Panel\n model={model}\n configuration={configuration}\n onChangeModel={(model) => onModelChanged(model)}\n onChangeConfiguration={(config) => onConfigurationChanged(config)}\n groups={{\n Properties: panelProperties,\n }}\n />\n }\n >\n {model && model.teacherInstructionsEnabled && (\n <InputContainer label={teacherInstructions.label} className={classes.promptHolder}>\n <EditableHtml\n className={classes.prompt}\n markup={model.teacherInstructions || ''}\n onChange={this.onTeacherInstructionsChanged}\n imageSupport={imageSupport}\n nonEmpty={false}\n error={teacherInstructionsError}\n spellCheck={spellCheckEnabled}\n pluginProps={getPluginProps(teacherInstructions?.inputConfiguration)}\n maxImageWidth={maxImageWidth && maxImageWidth.teacherInstructions}\n maxImageHeight={maxImageHeight && maxImageHeight.teacherInstructions}\n uploadSoundSupport={uploadSoundSupport}\n languageCharactersProps={[{ language: 'spanish' }, { language: 'special' }]}\n mathMlOptions={mathMlOptions}\n />\n {teacherInstructionsError && <div className={classes.errorText}>{teacherInstructionsError}</div>}\n </InputContainer>\n )}\n\n <div>Image cloze association</div>\n </layout.ConfigLayout>\n );\n }\n}\n\nconst styles = (theme) => ({\n promptHolder: {\n width: '100%',\n paddingTop: theme.spacing.unit * 2,\n marginBottom: theme.spacing.unit * 2,\n },\n errorText: {\n fontSize: theme.typography.fontSize - 2,\n color: theme.palette.error.main,\n paddingTop: theme.spacing.unit,\n },\n});\n\nRoot.propTypes = {\n classes: PropTypes.object.isRequired,\n onModelChanged: PropTypes.func,\n onConfigurationChanged: PropTypes.func,\n model: PropTypes.object.isRequired,\n configuration: PropTypes.object.isRequired,\n imageSupport: PropTypes.shape({\n add: PropTypes.func.isRequired,\n delete: PropTypes.func.isRequired,\n }),\n uploadSoundSupport: PropTypes.shape({\n add: PropTypes.func.isRequired,\n delete: PropTypes.func.isRequired,\n }),\n};\n\nexport default withStyles(styles)(Root);\n"],"file":"root.js"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/defaults.js"],"names":[],"mappings":";;;;;;eAAe,E","sourcesContent":["export default {};\n"],"file":"defaults.js"}
|