@pie-element/boilerplate-item-type 2.4.1-next.38 → 2.4.1-next.42

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.
@@ -8,7 +8,7 @@
8
8
  "dependencies": {
9
9
  "@material-ui/core": "^3.9.2",
10
10
  "@pie-framework/pie-configure-events": "^1.3.0",
11
- "@pie-lib/pie-toolbox": "1.8.1",
11
+ "@pie-lib/pie-toolbox": "1.8.3-next.17",
12
12
  "debug": "^3.1.0",
13
13
  "lodash": "^4.17.15",
14
14
  "prop-types": "^15.6.2",
@@ -6,7 +6,7 @@
6
6
  "main": "lib/index.js",
7
7
  "module": "src/index.js",
8
8
  "dependencies": {
9
- "@pie-lib/pie-toolbox": "1.8.1",
9
+ "@pie-lib/pie-toolbox": "1.8.3-next.17",
10
10
  "debug": "^3.1.0",
11
11
  "lodash": "^4.17.15"
12
12
  },
package/package.json CHANGED
@@ -4,19 +4,19 @@
4
4
  "access": "public"
5
5
  },
6
6
  "repository": "pie-framework/pie-elements",
7
- "version": "2.4.1-next.38+bb8de4bea",
7
+ "version": "2.4.1-next.42+818443fb6",
8
8
  "description": "",
9
9
  "dependencies": {
10
10
  "@material-ui/core": "^3.9.2",
11
11
  "@pie-framework/pie-player-events": "^0.1.0",
12
- "@pie-lib/pie-toolbox": "1.8.1",
12
+ "@pie-lib/pie-toolbox": "1.8.3-next.17",
13
13
  "prop-types": "^15.6.1",
14
14
  "react": "^16.8.1",
15
15
  "react-dom": "^16.8.1"
16
16
  },
17
17
  "author": "",
18
18
  "license": "ISC",
19
- "gitHead": "bb8de4bea663c381a6d00dfe10b31562dfbf5db7",
19
+ "gitHead": "818443fb6fd0512463d0da72768215bf08f8bef7",
20
20
  "scripts": {
21
21
  "postpublish": "../../scripts/postpublish"
22
22
  },
@@ -1,21 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports["default"] = void 0;
7
- // Should be exactly the same as controller/defaults.js
8
- var _default = {
9
- model: {
10
- prompt: 'Question Prompt goes here',
11
- promptEnabled: true
12
- },
13
- configuration: {
14
- prompt: {
15
- label: 'Prompt',
16
- settings: true
17
- }
18
- }
19
- };
20
- exports["default"] = _default;
21
- //# sourceMappingURL=defaults.js.map
@@ -1 +0,0 @@
1
- {"version":3,"sources":["../src/defaults.js"],"names":["model","prompt","promptEnabled","configuration","label","settings"],"mappings":";;;;;;AAAA;eACe;AACbA,EAAAA,KAAK,EAAE;AACLC,IAAAA,MAAM,EAAE,2BADH;AAELC,IAAAA,aAAa,EAAE;AAFV,GADM;AAKbC,EAAAA,aAAa,EAAE;AACbF,IAAAA,MAAM,EAAE;AACNG,MAAAA,KAAK,EAAE,QADD;AAENC,MAAAA,QAAQ,EAAE;AAFJ;AADK;AALF,C","sourcesContent":["// Should be exactly the same as controller/defaults.js\nexport default {\n model: {\n prompt: 'Question Prompt goes here',\n promptEnabled: true\n },\n configuration: {\n prompt: {\n label: 'Prompt',\n settings: true,\n }\n },\n};\n"],"file":"defaults.js"}
@@ -1,156 +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.Design = 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 _styles = require("@material-ui/core/styles");
29
-
30
- var _cloneDeep = _interopRequireDefault(require("lodash/cloneDeep"));
31
-
32
- var _configUi = require("@pie-lib/pie-toolbox/config-ui");
33
-
34
- var _editableHtml = require("@pie-lib/pie-toolbox/editable-html");
35
-
36
- 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); }; }
37
-
38
- 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; } }
39
-
40
- var Panel = _configUi.settings.Panel,
41
- toggle = _configUi.settings.toggle;
42
-
43
- var Design = /*#__PURE__*/function (_React$Component) {
44
- (0, _inherits2["default"])(Design, _React$Component);
45
-
46
- var _super = _createSuper(Design);
47
-
48
- function Design() {
49
- var _this;
50
-
51
- (0, _classCallCheck2["default"])(this, Design);
52
-
53
- for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
54
- args[_key] = arguments[_key];
55
- }
56
-
57
- _this = _super.call.apply(_super, [this].concat(args));
58
- (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "onPromptChanged", function (prompt) {
59
- var _this$props = _this.props,
60
- onModelChanged = _this$props.onModelChanged,
61
- model = _this$props.model;
62
- var update = (0, _cloneDeep["default"])(model);
63
- update.prompt = prompt;
64
- onModelChanged(update);
65
- });
66
- return _this;
67
- }
68
-
69
- (0, _createClass2["default"])(Design, [{
70
- key: "render",
71
- value: function render() {
72
- var _this$props2 = this.props,
73
- classes = _this$props2.classes,
74
- configuration = _this$props2.configuration,
75
- imageSupport = _this$props2.imageSupport,
76
- model = _this$props2.model,
77
- onConfigurationChanged = _this$props2.onConfigurationChanged,
78
- onModelChanged = _this$props2.onModelChanged,
79
- uploadSoundSupport = _this$props2.uploadSoundSupport;
80
-
81
- var _ref = configuration || {},
82
- _ref$contentDimension = _ref.contentDimensions,
83
- contentDimensions = _ref$contentDimension === void 0 ? {} : _ref$contentDimension,
84
- _ref$prompt = _ref.prompt,
85
- prompt = _ref$prompt === void 0 ? {} : _ref$prompt,
86
- settingsPanelDisabled = _ref.settingsPanelDisabled;
87
-
88
- var _ref2 = model || {},
89
- promptEnabled = _ref2.promptEnabled;
90
-
91
- var panelSettings = {};
92
- var panelProperties = {
93
- promptEnabled: prompt.settings && toggle(prompt.label)
94
- };
95
- return /*#__PURE__*/_react["default"].createElement(_configUi.layout.ConfigLayout, {
96
- dimensions: contentDimensions,
97
- hideSettings: settingsPanelDisabled,
98
- settings: /*#__PURE__*/_react["default"].createElement(Panel, {
99
- model: model,
100
- configuration: configuration,
101
- onChangeModel: function onChangeModel(model) {
102
- return onModelChanged(model);
103
- },
104
- onChangeConfiguration: onConfigurationChanged,
105
- groups: {
106
- Settings: panelSettings,
107
- Properties: panelProperties
108
- }
109
- })
110
- }, promptEnabled && /*#__PURE__*/_react["default"].createElement(_configUi.InputContainer, {
111
- label: prompt.label || '',
112
- className: classes.promptHolder
113
- }, /*#__PURE__*/_react["default"].createElement(_editableHtml.EditableHtml, {
114
- className: classes.prompt,
115
- markup: model.prompt,
116
- onChange: this.onPromptChanged,
117
- imageSupport: imageSupport,
118
- uploadSoundSupport: uploadSoundSupport,
119
- languageCharactersProps: [{
120
- language: 'spanish'
121
- }, {
122
- language: 'special'
123
- }]
124
- })));
125
- }
126
- }]);
127
- return Design;
128
- }(_react["default"].Component);
129
-
130
- exports.Design = Design;
131
- (0, _defineProperty2["default"])(Design, "propTypes", {
132
- model: _propTypes["default"].object.isRequired,
133
- configuration: _propTypes["default"].object.isRequired,
134
- classes: _propTypes["default"].object.isRequired,
135
- onModelChanged: _propTypes["default"].func.isRequired,
136
- onConfigurationChanged: _propTypes["default"].func.isRequired,
137
- imageSupport: _propTypes["default"].shape({
138
- add: _propTypes["default"].func.isRequired,
139
- "delete": _propTypes["default"].func.isRequired
140
- }),
141
- uploadSoundSupport: _propTypes["default"].object
142
- });
143
- (0, _defineProperty2["default"])(Design, "defaultProps", {});
144
-
145
- var _default = (0, _styles.withStyles)(function (theme) {
146
- return {
147
- promptHolder: {
148
- width: '100%',
149
- paddingTop: theme.spacing.unit * 2,
150
- marginBottom: theme.spacing.unit * 2
151
- }
152
- };
153
- })(Design);
154
-
155
- exports["default"] = _default;
156
- //# sourceMappingURL=design.js.map
@@ -1 +0,0 @@
1
- {"version":3,"sources":["../src/design.jsx"],"names":["Panel","settings","toggle","Design","prompt","props","onModelChanged","model","update","classes","configuration","imageSupport","onConfigurationChanged","uploadSoundSupport","contentDimensions","settingsPanelDisabled","promptEnabled","panelSettings","panelProperties","label","Settings","Properties","promptHolder","onPromptChanged","language","React","Component","PropTypes","object","isRequired","func","shape","add","theme","width","paddingTop","spacing","unit","marginBottom"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { withStyles } from '@material-ui/core/styles';\nimport cloneDeep from 'lodash/cloneDeep';\nimport { InputContainer, settings, layout } from '@pie-lib/pie-toolbox/config-ui';\nimport {EditableHtml} from '@pie-lib/pie-toolbox/editable-html';\n\nconst { Panel, toggle } = settings;\n\nexport class Design extends React.Component {\n static propTypes = {\n model: PropTypes.object.isRequired,\n configuration: PropTypes.object.isRequired,\n classes: PropTypes.object.isRequired,\n onModelChanged: PropTypes.func.isRequired,\n onConfigurationChanged: PropTypes.func.isRequired,\n imageSupport: PropTypes.shape({\n add: PropTypes.func.isRequired,\n delete: PropTypes.func.isRequired,\n }),\n uploadSoundSupport: PropTypes.object,\n };\n\n static defaultProps = {};\n\n onPromptChanged = (prompt) => {\n const { onModelChanged, model } = this.props;\n const update = cloneDeep(model);\n\n update.prompt = prompt;\n onModelChanged(update);\n };\n\n render() {\n const { classes, configuration, imageSupport, model, onConfigurationChanged, onModelChanged, uploadSoundSupport } =\n this.props;\n const {\n contentDimensions = {},\n prompt = {},\n settingsPanelDisabled,\n } = configuration || {};\n const { promptEnabled } = model || {};\n\n const panelSettings = {};\n\n const panelProperties = {\n promptEnabled: prompt.settings && toggle(prompt.label),\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={onConfigurationChanged}\n groups={{\n Settings: panelSettings,\n Properties: panelProperties,\n }}\n />\n }\n >\n {promptEnabled && (\n <InputContainer label={prompt.label || ''} className={classes.promptHolder}>\n <EditableHtml\n className={classes.prompt}\n markup={model.prompt}\n onChange={this.onPromptChanged}\n imageSupport={imageSupport}\n uploadSoundSupport={uploadSoundSupport}\n languageCharactersProps={[{ language: 'spanish' }, { language: 'special' }]}\n />\n </InputContainer>\n )}\n </layout.ConfigLayout>\n );\n }\n}\n\nexport default withStyles((theme) => ({\n promptHolder: {\n width: '100%',\n paddingTop: theme.spacing.unit * 2,\n marginBottom: theme.spacing.unit * 2,\n }\n}))(Design);\n"],"file":"design.js"}
@@ -1,148 +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 _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
15
-
16
- var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
17
-
18
- var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
19
-
20
- var _wrapNativeSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/wrapNativeSuper"));
21
-
22
- var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
23
-
24
- var _react = _interopRequireDefault(require("react"));
25
-
26
- var _reactDom = _interopRequireDefault(require("react-dom"));
27
-
28
- var _design = _interopRequireDefault(require("./design"));
29
-
30
- var _pieConfigureEvents = require("@pie-framework/pie-configure-events");
31
-
32
- var _defaults = _interopRequireDefault(require("./defaults"));
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 BoilerplateItemTypeConfigure = /*#__PURE__*/function (_HTMLElement) {
43
- (0, _inherits2["default"])(BoilerplateItemTypeConfigure, _HTMLElement);
44
-
45
- var _super = _createSuper(BoilerplateItemTypeConfigure);
46
-
47
- /**
48
- * This function makes sure you set the default values on the model
49
- * @param model
50
- * @returns model
51
- */
52
- function BoilerplateItemTypeConfigure() {
53
- var _this;
54
-
55
- (0, _classCallCheck2["default"])(this, BoilerplateItemTypeConfigure);
56
- _this = _super.call(this);
57
- _this._model = BoilerplateItemTypeConfigure.createDefaultModel();
58
- _this._configuration = _defaults["default"].configuration;
59
- return _this;
60
- }
61
-
62
- (0, _createClass2["default"])(BoilerplateItemTypeConfigure, [{
63
- key: "model",
64
- set: function set(m) {
65
- this._model = BoilerplateItemTypeConfigure.createDefaultModel(m);
66
- this.render();
67
- }
68
- }, {
69
- key: "configuration",
70
- set: function set(c) {
71
- this._configuration = c;
72
- this.render();
73
- }
74
- }, {
75
- key: "connectedCallback",
76
- value: function connectedCallback() {
77
- this.render();
78
- }
79
- }, {
80
- key: "modelChanged",
81
- value: function modelChanged(m) {
82
- this._model = m;
83
- this.dispatchEvent(new _pieConfigureEvents.ModelUpdatedEvent(this._model), true);
84
- this.render();
85
- }
86
- }, {
87
- key: "onConfigurationChanged",
88
- value: function onConfigurationChanged(c) {
89
- this._configuration = c;
90
- this.render();
91
- }
92
- /**
93
- *
94
- * @param {done, progress, file} handler
95
- */
96
-
97
- }, {
98
- key: "insertImage",
99
- value: function insertImage(handler) {
100
- this.dispatchEvent(new _pieConfigureEvents.InsertImageEvent(handler));
101
- }
102
- }, {
103
- key: "onDeleteImage",
104
- value: function onDeleteImage(src, done) {
105
- this.dispatchEvent(new _pieConfigureEvents.DeleteImageEvent(src, done));
106
- }
107
- }, {
108
- key: "insertSound",
109
- value: function insertSound(handler) {
110
- this.dispatchEvent(new _pieConfigureEvents.InsertSoundEvent(handler));
111
- }
112
- }, {
113
- key: "onDeleteSound",
114
- value: function onDeleteSound(src, done) {
115
- this.dispatchEvent(new _pieConfigureEvents.DeleteSoundEvent(src, done));
116
- }
117
- }, {
118
- key: "render",
119
- value: function render() {
120
- if (this._model) {
121
- var el = /*#__PURE__*/_react["default"].createElement(_design["default"], {
122
- model: this._model,
123
- configuration: this._configuration,
124
- onModelChanged: this.modelChanged.bind(this),
125
- onConfigurationChanged: this.onConfigurationChanged.bind(this),
126
- imageSupport: {
127
- add: this.insertImage.bind(this),
128
- "delete": this.onDeleteImage.bind(this)
129
- },
130
- uploadSoundSupport: {
131
- add: this.insertSound.bind(this),
132
- "delete": this.onDeleteSound.bind(this)
133
- }
134
- });
135
-
136
- _reactDom["default"].render(el, this);
137
- }
138
- }
139
- }]);
140
- return BoilerplateItemTypeConfigure;
141
- }( /*#__PURE__*/(0, _wrapNativeSuper2["default"])(HTMLElement));
142
-
143
- exports["default"] = BoilerplateItemTypeConfigure;
144
- (0, _defineProperty2["default"])(BoilerplateItemTypeConfigure, "createDefaultModel", function () {
145
- var model = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
146
- return _objectSpread(_objectSpread({}, _defaults["default"].model), model);
147
- });
148
- //# sourceMappingURL=index.js.map
@@ -1 +0,0 @@
1
- {"version":3,"sources":["../src/index.js"],"names":["BoilerplateItemTypeConfigure","_model","createDefaultModel","_configuration","defaultValues","configuration","m","render","c","dispatchEvent","ModelUpdatedEvent","handler","InsertImageEvent","src","done","DeleteImageEvent","InsertSoundEvent","DeleteSoundEvent","el","React","createElement","Main","model","onModelChanged","modelChanged","bind","onConfigurationChanged","imageSupport","add","insertImage","onDeleteImage","uploadSoundSupport","insertSound","onDeleteSound","ReactDOM","HTMLElement"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AAOA;;;;;;;;;;IAEqBA,4B;;;;;AACnB;AACF;AACA;AACA;AACA;AAME,0CAAc;AAAA;;AAAA;AACZ;AACA,UAAKC,MAAL,GAAcD,4BAA4B,CAACE,kBAA7B,EAAd;AACA,UAAKC,cAAL,GAAsBC,qBAAcC,aAApC;AAHY;AAIb;;;;SAED,aAAUC,CAAV,EAAa;AACX,WAAKL,MAAL,GAAcD,4BAA4B,CAACE,kBAA7B,CAAgDI,CAAhD,CAAd;AACA,WAAKC,MAAL;AACD;;;SAED,aAAkBC,CAAlB,EAAqB;AACnB,WAAKL,cAAL,GAAsBK,CAAtB;AACA,WAAKD,MAAL;AACD;;;WAED,6BAAoB;AAClB,WAAKA,MAAL;AACD;;;WAED,sBAAaD,CAAb,EAAgB;AACd,WAAKL,MAAL,GAAcK,CAAd;AACA,WAAKG,aAAL,CAAmB,IAAIC,qCAAJ,CAAsB,KAAKT,MAA3B,CAAnB,EAAuD,IAAvD;AACA,WAAKM,MAAL;AACD;;;WAED,gCAAuBC,CAAvB,EAA0B;AACxB,WAAKL,cAAL,GAAsBK,CAAtB;AAEA,WAAKD,MAAL;AACD;AAED;AACF;AACA;AACA;;;;WACE,qBAAYI,OAAZ,EAAqB;AACnB,WAAKF,aAAL,CAAmB,IAAIG,oCAAJ,CAAqBD,OAArB,CAAnB;AACD;;;WAED,uBAAcE,GAAd,EAAmBC,IAAnB,EAAyB;AACvB,WAAKL,aAAL,CAAmB,IAAIM,oCAAJ,CAAqBF,GAArB,EAA0BC,IAA1B,CAAnB;AACD;;;WAED,qBAAYH,OAAZ,EAAqB;AACnB,WAAKF,aAAL,CAAmB,IAAIO,oCAAJ,CAAqBL,OAArB,CAAnB;AACD;;;WAED,uBAAcE,GAAd,EAAmBC,IAAnB,EAAyB;AACvB,WAAKL,aAAL,CAAmB,IAAIQ,oCAAJ,CAAqBJ,GAArB,EAA0BC,IAA1B,CAAnB;AACD;;;WAED,kBAAS;AACP,UAAI,KAAKb,MAAT,EAAiB;AACf,YAAMiB,EAAE,gBAAGC,kBAAMC,aAAN,CAAoBC,kBAApB,EAA0B;AACnCC,UAAAA,KAAK,EAAE,KAAKrB,MADuB;AAEnCI,UAAAA,aAAa,EAAE,KAAKF,cAFe;AAGnCoB,UAAAA,cAAc,EAAE,KAAKC,YAAL,CAAkBC,IAAlB,CAAuB,IAAvB,CAHmB;AAInCC,UAAAA,sBAAsB,EAAE,KAAKA,sBAAL,CAA4BD,IAA5B,CAAiC,IAAjC,CAJW;AAKnCE,UAAAA,YAAY,EAAE;AACZC,YAAAA,GAAG,EAAE,KAAKC,WAAL,CAAiBJ,IAAjB,CAAsB,IAAtB,CADO;AAEZ,sBAAQ,KAAKK,aAAL,CAAmBL,IAAnB,CAAwB,IAAxB;AAFI,WALqB;AASnCM,UAAAA,kBAAkB,EAAE;AAClBH,YAAAA,GAAG,EAAE,KAAKI,WAAL,CAAiBP,IAAjB,CAAsB,IAAtB,CADa;AAElB,sBAAQ,KAAKQ,aAAL,CAAmBR,IAAnB,CAAwB,IAAxB;AAFU;AATe,SAA1B,CAAX;;AAeAS,6BAAS3B,MAAT,CAAgBW,EAAhB,EAAoB,IAApB;AACD;AACF;;;kDAlFuDiB,W;;;iCAArCnC,4B,wBAMS;AAAA,MAACsB,KAAD,uEAAS,EAAT;AAAA,yCACvBlB,qBAAckB,KADS,GAEvBA,KAFuB;AAAA,C","sourcesContent":["import React from 'react';\nimport ReactDOM from 'react-dom';\nimport Main from './design';\nimport {\n ModelUpdatedEvent,\n DeleteImageEvent,\n InsertImageEvent,\n InsertSoundEvent,\n DeleteSoundEvent,\n} from '@pie-framework/pie-configure-events';\nimport defaultValues from './defaults';\n\nexport default class BoilerplateItemTypeConfigure extends HTMLElement {\n /**\n * This function makes sure you set the default values on the model\n * @param model\n * @returns model\n */\n static createDefaultModel = (model = {}) => ({\n ...defaultValues.model,\n ...model,\n });\n\n constructor() {\n super();\n this._model = BoilerplateItemTypeConfigure.createDefaultModel();\n this._configuration = defaultValues.configuration;\n }\n\n set model(m) {\n this._model = BoilerplateItemTypeConfigure.createDefaultModel(m);\n this.render();\n }\n\n set configuration(c) {\n this._configuration = c;\n this.render();\n }\n\n connectedCallback() {\n this.render();\n }\n\n modelChanged(m) {\n this._model = m;\n this.dispatchEvent(new ModelUpdatedEvent(this._model), true);\n this.render();\n }\n\n onConfigurationChanged(c) {\n this._configuration = c;\n\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 if (this._model) {\n const el = React.createElement(Main, {\n model: this._model,\n configuration: this._configuration,\n onModelChanged: this.modelChanged.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(el, this);\n }\n }\n}\n"],"file":"index.js"}
@@ -1,21 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports["default"] = void 0;
7
- // Should be exactly the same as configure/defaults.js
8
- var _default = {
9
- model: {
10
- prompt: 'Question Prompt goes here',
11
- promptEnabled: true
12
- },
13
- configuration: {
14
- prompt: {
15
- label: 'Prompt',
16
- settings: true
17
- }
18
- }
19
- };
20
- exports["default"] = _default;
21
- //# sourceMappingURL=defaults.js.map
@@ -1 +0,0 @@
1
- {"version":3,"sources":["../src/defaults.js"],"names":["model","prompt","promptEnabled","configuration","label","settings"],"mappings":";;;;;;AAAA;eACe;AACbA,EAAAA,KAAK,EAAE;AACLC,IAAAA,MAAM,EAAE,2BADH;AAELC,IAAAA,aAAa,EAAE;AAFV,GADM;AAKbC,EAAAA,aAAa,EAAE;AACbF,IAAAA,MAAM,EAAE;AACNG,MAAAA,KAAK,EAAE,QADD;AAENC,MAAAA,QAAQ,EAAE;AAFJ;AADK;AALF,C","sourcesContent":["// Should be exactly the same as configure/defaults.js\nexport default {\n model: {\n prompt: 'Question Prompt goes here',\n promptEnabled: true\n },\n configuration: {\n prompt: {\n label: 'Prompt',\n settings: true,\n }\n },\n};\n"],"file":"defaults.js"}
@@ -1,125 +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.validate = exports.outcome = exports.normalizeSession = exports.model = exports.getPartialScore = exports.getCorrectness = exports.createDefaultModel = exports.createCorrectResponseSession = void 0;
9
-
10
- var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
11
-
12
- var _isEmpty = _interopRequireDefault(require("lodash/isEmpty"));
13
-
14
- var _defaults = _interopRequireDefault(require("./defaults"));
15
-
16
- 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; }
17
-
18
- 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; }
19
-
20
- var getCorrectness = function getCorrectness(model) {
21
- var correctnessCondition = 'c';
22
-
23
- switch (correctnessCondition) {
24
- case 'c':
25
- return 'correct';
26
-
27
- case 'pc':
28
- return 'partially-correct';
29
-
30
- case 'i':
31
- return 'incorrect';
32
-
33
- default:
34
- return 'unknown';
35
- }
36
- };
37
-
38
- exports.getCorrectness = getCorrectness;
39
-
40
- var getPartialScore = function getPartialScore(question, session) {
41
- if (!session || (0, _isEmpty["default"])(session)) {
42
- return 0;
43
- }
44
-
45
- return 1;
46
- };
47
-
48
- exports.getPartialScore = getPartialScore;
49
-
50
- var outcome = function outcome(question, session, env) {
51
- return new Promise(function (resolve) {
52
- if (!session || (0, _isEmpty["default"])(session)) {
53
- resolve({
54
- score: 0,
55
- empty: true
56
- });
57
- }
58
-
59
- session = normalizeSession(session);
60
-
61
- if (env.mode !== 'evaluate') {
62
- resolve({
63
- score: undefined,
64
- completed: undefined
65
- });
66
- } else {
67
- resolve({
68
- score: 1
69
- });
70
- }
71
- });
72
- };
73
-
74
- exports.outcome = outcome;
75
-
76
- var createDefaultModel = function createDefaultModel() {
77
- var model = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
78
- return _objectSpread(_objectSpread({}, _defaults["default"].model), model);
79
- };
80
-
81
- exports.createDefaultModel = createDefaultModel;
82
-
83
- var normalizeSession = function normalizeSession(s) {
84
- return _objectSpread({}, s);
85
- };
86
-
87
- exports.normalizeSession = normalizeSession;
88
-
89
- var model = function model(question, session, env) {
90
- return new Promise(function (resolve) {
91
- session = session || {};
92
- var normalizedQuestion = createDefaultModel(question);
93
- var out = {
94
- prompt: normalizedQuestion.promptEnabled ? normalizedQuestion.prompt : null,
95
- env: env
96
- };
97
- resolve(out);
98
- });
99
- };
100
-
101
- exports.model = model;
102
-
103
- var createCorrectResponseSession = function createCorrectResponseSession(question, env) {
104
- return new Promise(function (resolve) {
105
- if (env.mode !== 'evaluate' && env.role === 'instructor') {
106
- resolve({
107
- id: '1'
108
- });
109
- } else {
110
- resolve(null);
111
- }
112
- });
113
- };
114
-
115
- exports.createCorrectResponseSession = createCorrectResponseSession;
116
-
117
- var validate = function validate() {
118
- var model = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
119
- var config = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
120
- var errors = {};
121
- return errors;
122
- };
123
-
124
- exports.validate = validate;
125
- //# sourceMappingURL=index.js.map
@@ -1 +0,0 @@
1
- {"version":3,"sources":["../src/index.js"],"names":["getCorrectness","model","correctnessCondition","getPartialScore","question","session","outcome","env","Promise","resolve","score","empty","normalizeSession","mode","undefined","completed","createDefaultModel","defaults","s","normalizedQuestion","out","prompt","promptEnabled","createCorrectResponseSession","role","id","validate","config","errors"],"mappings":"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","sourcesContent":["import isEmpty from 'lodash/isEmpty';\nimport defaults from './defaults';\n\nexport const getCorrectness = (model) => {\n const correctnessCondition = 'c';\n\n switch (correctnessCondition) {\n case 'c':\n return 'correct';\n case 'pc':\n return 'partially-correct';\n case 'i':\n return 'incorrect';\n default:\n return 'unknown';\n }\n};\n\nexport const getPartialScore = (question, session) => {\n if (!session || isEmpty(session)) {\n return 0;\n }\n\n return 1;\n};\n\nexport const outcome = (question, session, env) =>\n new Promise((resolve) => {\n if (!session || isEmpty(session)) {\n resolve({ score: 0, empty: true });\n }\n\n session = normalizeSession(session);\n\n if (env.mode !== 'evaluate') {\n resolve({ score: undefined, completed: undefined });\n } else {\n resolve({ score: 1 });\n }\n });\n\nexport const createDefaultModel = (model = {}) => ({\n ...defaults.model,\n ...model,\n});\nexport const normalizeSession = (s) => ({\n ...s,\n});\n\nexport const model = (question, session, env) => {\n return new Promise((resolve) => {\n session = session || {};\n const normalizedQuestion = createDefaultModel(question);\n\n const out = {\n prompt: normalizedQuestion.promptEnabled ? normalizedQuestion.prompt : null,\n env,\n };\n\n resolve(out);\n });\n};\n\nexport const createCorrectResponseSession = (question, env) => {\n return new Promise((resolve) => {\n if (env.mode !== 'evaluate' && env.role === 'instructor') {\n resolve({ id: '1' });\n } else {\n resolve(null);\n }\n });\n};\n\nexport const validate = (model = {}, config = {}) => {\n const errors = {};\n\n return errors;\n};\n"],"file":"index.js"}
package/lib/index.js DELETED
@@ -1,105 +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 _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
15
-
16
- var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
17
-
18
- var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
19
-
20
- var _wrapNativeSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/wrapNativeSuper"));
21
-
22
- var _react = _interopRequireDefault(require("react"));
23
-
24
- var _reactDom = _interopRequireDefault(require("react-dom"));
25
-
26
- var _piePlayerEvents = require("@pie-framework/pie-player-events");
27
-
28
- var _main = _interopRequireDefault(require("./main"));
29
-
30
- var _mathRendering = require("@pie-lib/pie-toolbox/math-rendering");
31
-
32
- 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); }; }
33
-
34
- 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; } }
35
-
36
- var BoilerplateItemType = /*#__PURE__*/function (_HTMLElement) {
37
- (0, _inherits2["default"])(BoilerplateItemType, _HTMLElement);
38
-
39
- var _super = _createSuper(BoilerplateItemType);
40
-
41
- function BoilerplateItemType() {
42
- (0, _classCallCheck2["default"])(this, BoilerplateItemType);
43
- return _super.apply(this, arguments);
44
- }
45
-
46
- (0, _createClass2["default"])(BoilerplateItemType, [{
47
- key: "model",
48
- get: function get() {
49
- return this._model;
50
- },
51
- set: function set(m) {
52
- this._model = m;
53
- this.render();
54
- this.dispatchEvent(new _piePlayerEvents.ModelSetEvent(this.tagName.toLowerCase(), this.isSessionComplete(), this._model !== undefined));
55
- }
56
- }, {
57
- key: "session",
58
- get: function get() {
59
- return this._session;
60
- },
61
- set: function set(s) {
62
- this._session = s;
63
- this.render();
64
- }
65
- }, {
66
- key: "isSessionComplete",
67
- value: function isSessionComplete() {
68
- // a method to check if student answered the question
69
- return true;
70
- }
71
- }, {
72
- key: "onSessionChange",
73
- value: function onSessionChange(session) {
74
- // you can add an extra step here to validate session
75
- this._session = session;
76
- this.dispatchEvent(new _piePlayerEvents.SessionChangedEvent(this.tagName.toLowerCase(), this.isSessionComplete()));
77
- }
78
- }, {
79
- key: "connectedCallback",
80
- value: function connectedCallback() {
81
- this.render();
82
- }
83
- }, {
84
- key: "render",
85
- value: function render() {
86
- var _this = this;
87
-
88
- if (this._model && this._session) {
89
- var el = /*#__PURE__*/_react["default"].createElement(_main["default"], {
90
- model: this._model,
91
- session: this._session,
92
- onSessionChange: this.onSessionChange.bind(this)
93
- });
94
-
95
- _reactDom["default"].render(el, this, function () {
96
- (0, _mathRendering.renderMath)(_this);
97
- });
98
- }
99
- }
100
- }]);
101
- return BoilerplateItemType;
102
- }( /*#__PURE__*/(0, _wrapNativeSuper2["default"])(HTMLElement));
103
-
104
- exports["default"] = BoilerplateItemType;
105
- //# sourceMappingURL=index.js.map
package/lib/index.js.map DELETED
@@ -1 +0,0 @@
1
- {"version":3,"sources":["../src/index.js"],"names":["BoilerplateItemType","_model","m","render","dispatchEvent","ModelSetEvent","tagName","toLowerCase","isSessionComplete","undefined","_session","s","session","SessionChangedEvent","el","React","createElement","Main","model","onSessionChange","bind","ReactDOM","HTMLElement"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;;;;;IAEqBA,mB;;;;;;;;;;;;SAUnB,eAAY;AACV,aAAO,KAAKC,MAAZ;AACD,K;SAXD,aAAUC,CAAV,EAAa;AACX,WAAKD,MAAL,GAAcC,CAAd;AAEA,WAAKC,MAAL;AACA,WAAKC,aAAL,CACE,IAAIC,8BAAJ,CAAkB,KAAKC,OAAL,CAAaC,WAAb,EAAlB,EAA8C,KAAKC,iBAAL,EAA9C,EAAwE,KAAKP,MAAL,KAAgBQ,SAAxF,CADF;AAGD;;;SAYD,eAAc;AACZ,aAAO,KAAKC,QAAZ;AACD,K;SARD,aAAYC,CAAZ,EAAe;AACb,WAAKD,QAAL,GAAgBC,CAAhB;AAEA,WAAKR,MAAL;AACD;;;WAMD,6BAAoB;AAClB;AACA,aAAO,IAAP;AACD;;;WAED,yBAAgBS,OAAhB,EAAyB;AACvB;AACA,WAAKF,QAAL,GAAgBE,OAAhB;AAEA,WAAKR,aAAL,CAAmB,IAAIS,oCAAJ,CAAwB,KAAKP,OAAL,CAAaC,WAAb,EAAxB,EAAoD,KAAKC,iBAAL,EAApD,CAAnB;AACD;;;WAED,6BAAoB;AAClB,WAAKL,MAAL;AACD;;;WAED,kBAAS;AAAA;;AACP,UAAI,KAAKF,MAAL,IAAe,KAAKS,QAAxB,EAAkC;AAChC,YAAMI,EAAE,gBAAGC,kBAAMC,aAAN,CAAoBC,gBAApB,EAA0B;AACnCC,UAAAA,KAAK,EAAE,KAAKjB,MADuB;AAEnCW,UAAAA,OAAO,EAAE,KAAKF,QAFqB;AAGnCS,UAAAA,eAAe,EAAE,KAAKA,eAAL,CAAqBC,IAArB,CAA0B,IAA1B;AAHkB,SAA1B,CAAX;;AAMAC,6BAASlB,MAAT,CAAgBW,EAAhB,EAAoB,IAApB,EAA0B,YAAM;AAC9B,yCAAW,KAAX;AACD,SAFD;AAGD;AACF;;;kDApD8CQ,W","sourcesContent":["import React from 'react';\nimport ReactDOM from 'react-dom';\nimport { SessionChangedEvent, ModelSetEvent } from '@pie-framework/pie-player-events';\nimport Main from './main';\nimport { renderMath } from '@pie-lib/pie-toolbox/math-rendering';\n\nexport default class BoilerplateItemType extends HTMLElement {\n set model(m) {\n this._model = m;\n\n this.render();\n this.dispatchEvent(\n new ModelSetEvent(this.tagName.toLowerCase(), this.isSessionComplete(), this._model !== undefined),\n );\n }\n\n get model() {\n return this._model;\n }\n\n set session(s) {\n this._session = s;\n\n this.render();\n }\n\n get session() {\n return this._session;\n }\n\n isSessionComplete() {\n // a method to check if student answered the question\n return true;\n }\n\n onSessionChange(session) {\n // you can add an extra step here to validate session\n this._session = session;\n\n this.dispatchEvent(new SessionChangedEvent(this.tagName.toLowerCase(), this.isSessionComplete()));\n }\n\n connectedCallback() {\n this.render();\n }\n\n render() {\n if (this._model && this._session) {\n const el = React.createElement(Main, {\n model: this._model,\n session: this._session,\n onSessionChange: this.onSessionChange.bind(this),\n });\n\n ReactDOM.render(el, this, () => {\n renderMath(this);\n });\n }\n }\n}\n"],"file":"index.js"}
package/lib/main.js DELETED
@@ -1,61 +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 _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
15
-
16
- var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
17
-
18
- var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
19
-
20
- var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
21
-
22
- var _react = _interopRequireDefault(require("react"));
23
-
24
- var _propTypes = _interopRequireDefault(require("prop-types"));
25
-
26
- var _renderUi = require("@pie-lib/pie-toolbox/render-ui");
27
-
28
- 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); }; }
29
-
30
- 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; } }
31
-
32
- var Main = /*#__PURE__*/function (_React$Component) {
33
- (0, _inherits2["default"])(Main, _React$Component);
34
-
35
- var _super = _createSuper(Main);
36
-
37
- function Main() {
38
- (0, _classCallCheck2["default"])(this, Main);
39
- return _super.apply(this, arguments);
40
- }
41
-
42
- (0, _createClass2["default"])(Main, [{
43
- key: "render",
44
- value: function render() {
45
- var model = this.props.model;
46
- return /*#__PURE__*/_react["default"].createElement("div", null, model.prompt && /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement("p", null, "Boilerplate Item"), /*#__PURE__*/_react["default"].createElement(_renderUi.PreviewPrompt, {
47
- prompt: model.prompt
48
- })));
49
- }
50
- }]);
51
- return Main;
52
- }(_react["default"].Component);
53
-
54
- exports["default"] = Main;
55
- (0, _defineProperty2["default"])(Main, "propTypes", {
56
- model: _propTypes["default"].object,
57
- session: _propTypes["default"].object,
58
- onSessionChange: _propTypes["default"].func.isRequired
59
- });
60
- (0, _defineProperty2["default"])(Main, "defaultProps", {});
61
- //# sourceMappingURL=main.js.map
package/lib/main.js.map DELETED
@@ -1 +0,0 @@
1
- {"version":3,"sources":["../src/main.jsx"],"names":["Main","model","props","prompt","React","Component","PropTypes","object","session","onSessionChange","func","isRequired"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;;;;;IAEqBA,I;;;;;;;;;;;;WASnB,kBAAS;AACP,UAAQC,KAAR,GAAkB,KAAKC,KAAvB,CAAQD,KAAR;AAEA,0BACE,6CACGA,KAAK,CAACE,MAAN,iBACC,0DACE,8DADF,eAEE,gCAAC,uBAAD;AAAe,QAAA,MAAM,EAAEF,KAAK,CAACE;AAA7B,QAFF,CAFJ,CADF;AAUD;;;EAtB+BC,kBAAMC,S;;;iCAAnBL,I,eACA;AACjBC,EAAAA,KAAK,EAAEK,sBAAUC,MADA;AAEjBC,EAAAA,OAAO,EAAEF,sBAAUC,MAFF;AAGjBE,EAAAA,eAAe,EAAEH,sBAAUI,IAAV,CAAeC;AAHf,C;iCADAX,I,kBAOG,E","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { PreviewPrompt } from '@pie-lib/pie-toolbox/render-ui';\n\nexport default class Main extends React.Component {\n static propTypes = {\n model: PropTypes.object,\n session: PropTypes.object,\n onSessionChange: PropTypes.func.isRequired,\n };\n\n static defaultProps = {};\n\n render() {\n const { model } = this.props;\n\n return (\n <div>\n {model.prompt && (\n <div>\n <p>Boilerplate Item</p>\n <PreviewPrompt prompt={model.prompt}/>\n </div>\n )}\n </div>\n );\n }\n}\n"],"file":"main.js"}
package/lib/print.js DELETED
@@ -1,109 +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 _react = _interopRequireDefault(require("react"));
25
-
26
- var _reactDom = _interopRequireDefault(require("react-dom"));
27
-
28
- var _debounce = _interopRequireDefault(require("lodash/debounce"));
29
-
30
- var _main = _interopRequireDefault(require("./main"));
31
-
32
- var _mathRendering = require("@pie-lib/pie-toolbox/math-rendering");
33
-
34
- var _debug = _interopRequireDefault(require("debug"));
35
-
36
- 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); }; }
37
-
38
- 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; } }
39
-
40
- var log = (0, _debug["default"])('pie-element:multiple-choice:print');
41
- /**
42
- * Live in same package as main element - so we can access some of the shared comps!
43
- *
44
- * - update pslb to build print if src/print.js is there
45
- * - update demo el
46
- * - get configure/controller building
47
- */
48
-
49
- var preparePrintModel = function preparePrintModel(model, opts) {
50
- return model;
51
- };
52
-
53
- var BoilerPlateItemTypePrint = /*#__PURE__*/function (_HTMLElement) {
54
- (0, _inherits2["default"])(BoilerPlateItemTypePrint, _HTMLElement);
55
-
56
- var _super = _createSuper(BoilerPlateItemTypePrint);
57
-
58
- function BoilerPlateItemTypePrint() {
59
- var _this;
60
-
61
- (0, _classCallCheck2["default"])(this, BoilerPlateItemTypePrint);
62
- _this = _super.call(this);
63
- _this._options = null;
64
- _this._model = null;
65
- _this._session = [];
66
- _this._rerender = (0, _debounce["default"])(function () {
67
- if (_this._model && _this._session) {
68
- var printModel = preparePrintModel(_this._model, _this._options);
69
-
70
- var element = _this._options && /*#__PURE__*/_react["default"].createElement(_main["default"], {
71
- model: printModel,
72
- session: {}
73
- });
74
-
75
- _reactDom["default"].render(element, (0, _assertThisInitialized2["default"])(_this), function () {
76
- log('render complete - render math');
77
- (0, _mathRendering.renderMath)((0, _assertThisInitialized2["default"])(_this));
78
- });
79
- } else {
80
- log('skip');
81
- }
82
- }, 50, {
83
- leading: false,
84
- trailing: true
85
- });
86
- return _this;
87
- }
88
-
89
- (0, _createClass2["default"])(BoilerPlateItemTypePrint, [{
90
- key: "options",
91
- set: function set(o) {
92
- this._options = o;
93
- }
94
- }, {
95
- key: "model",
96
- set: function set(s) {
97
- this._model = s;
98
-
99
- this._rerender();
100
- }
101
- }, {
102
- key: "connectedCallback",
103
- value: function connectedCallback() {}
104
- }]);
105
- return BoilerPlateItemTypePrint;
106
- }( /*#__PURE__*/(0, _wrapNativeSuper2["default"])(HTMLElement));
107
-
108
- exports["default"] = BoilerPlateItemTypePrint;
109
- //# sourceMappingURL=print.js.map
package/lib/print.js.map DELETED
@@ -1 +0,0 @@
1
- {"version":3,"sources":["../src/print.js"],"names":["log","preparePrintModel","model","opts","BoilerPlateItemTypePrint","_options","_model","_session","_rerender","printModel","element","React","createElement","Main","session","ReactDOM","render","leading","trailing","o","s","HTMLElement"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;AAEA,IAAMA,GAAG,GAAG,uBAAM,mCAAN,CAAZ;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,IAAMC,iBAAiB,GAAG,SAApBA,iBAAoB,CAACC,KAAD,EAAQC,IAAR,EAAiB;AACzC,SAAOD,KAAP;AACD,CAFD;;IAIqBE,wB;;;;;AACnB,sCAAc;AAAA;;AAAA;AACZ;AACA,UAAKC,QAAL,GAAgB,IAAhB;AACA,UAAKC,MAAL,GAAc,IAAd;AACA,UAAKC,QAAL,GAAgB,EAAhB;AACA,UAAKC,SAAL,GAAiB,0BACf,YAAM;AACJ,UAAI,MAAKF,MAAL,IAAe,MAAKC,QAAxB,EAAkC;AAChC,YAAME,UAAU,GAAGR,iBAAiB,CAAC,MAAKK,MAAN,EAAc,MAAKD,QAAnB,CAApC;;AAEA,YAAMK,OAAO,GACX,MAAKL,QAAL,iBACAM,kBAAMC,aAAN,CAAoBC,gBAApB,EAA0B;AACxBX,UAAAA,KAAK,EAAEO,UADiB;AAExBK,UAAAA,OAAO,EAAE;AAFe,SAA1B,CAFF;;AAOAC,6BAASC,MAAT,CAAgBN,OAAhB,kDAA+B,YAAM;AACnCV,UAAAA,GAAG,CAAC,+BAAD,CAAH;AACA;AACD,SAHD;AAID,OAdD,MAcO;AACLA,QAAAA,GAAG,CAAC,MAAD,CAAH;AACD;AACF,KAnBc,EAoBf,EApBe,EAqBf;AAAEiB,MAAAA,OAAO,EAAE,KAAX;AAAkBC,MAAAA,QAAQ,EAAE;AAA5B,KArBe,CAAjB;AALY;AA4Bb;;;;SACD,aAAYC,CAAZ,EAAe;AACb,WAAKd,QAAL,GAAgBc,CAAhB;AACD;;;SAED,aAAUC,CAAV,EAAa;AACX,WAAKd,MAAL,GAAcc,CAAd;;AACA,WAAKZ,SAAL;AACD;;;WAED,6BAAoB,CAAE;;;kDAvC8Ba,W","sourcesContent":["import React from 'react';\nimport ReactDOM from 'react-dom';\nimport debounce from 'lodash/debounce';\nimport Main from './main';\nimport { renderMath } from '@pie-lib/pie-toolbox/math-rendering';\nimport debug from 'debug';\n\nconst log = debug('pie-element:multiple-choice:print');\n\n/**\n * Live in same package as main element - so we can access some of the shared comps!\n *\n * - update pslb to build print if src/print.js is there\n * - update demo el\n * - get configure/controller building\n */\n\nconst preparePrintModel = (model, opts) => {\n return model;\n};\n\nexport default class BoilerPlateItemTypePrint extends HTMLElement {\n constructor() {\n super();\n this._options = null;\n this._model = null;\n this._session = [];\n this._rerender = debounce(\n () => {\n if (this._model && this._session) {\n const printModel = preparePrintModel(this._model, this._options);\n\n const element =\n this._options &&\n React.createElement(Main, {\n model: printModel,\n session: {},\n });\n\n ReactDOM.render(element, this, () => {\n log('render complete - render math');\n renderMath(this);\n });\n } else {\n log('skip');\n }\n },\n 50,\n { leading: false, trailing: true },\n );\n }\n set options(o) {\n this._options = o;\n }\n\n set model(s) {\n this._model = s;\n this._rerender();\n }\n\n connectedCallback() {}\n}\n"],"file":"print.js"}