@pie-element/matrix 0.28.1 → 0.28.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.
Files changed (42) hide show
  1. package/configure/package.json +1 -1
  2. package/package.json +3 -3
  3. package/configure/lib/HeaderCommon.js +0 -31
  4. package/configure/lib/HeaderCommon.js.map +0 -1
  5. package/configure/lib/Main.js +0 -242
  6. package/configure/lib/Main.js.map +0 -1
  7. package/configure/lib/MatrixColumnsSizeHeaderInput.js +0 -76
  8. package/configure/lib/MatrixColumnsSizeHeaderInput.js.map +0 -1
  9. package/configure/lib/MatrixLabelEditableButton.js +0 -219
  10. package/configure/lib/MatrixLabelEditableButton.js.map +0 -1
  11. package/configure/lib/MatrixLabelTypeHeaderInput.js +0 -117
  12. package/configure/lib/MatrixLabelTypeHeaderInput.js.map +0 -1
  13. package/configure/lib/MatrixRowsSizeHeaderInput.js +0 -76
  14. package/configure/lib/MatrixRowsSizeHeaderInput.js.map +0 -1
  15. package/configure/lib/MatrixValues.js +0 -245
  16. package/configure/lib/MatrixValues.js.map +0 -1
  17. package/configure/lib/NumberInput.js +0 -98
  18. package/configure/lib/NumberInput.js.map +0 -1
  19. package/configure/lib/columnLabelsGenerator.js +0 -58
  20. package/configure/lib/columnLabelsGenerator.js.map +0 -1
  21. package/configure/lib/defaults.js +0 -74
  22. package/configure/lib/defaults.js.map +0 -1
  23. package/configure/lib/index.js +0 -162
  24. package/configure/lib/index.js.map +0 -1
  25. package/configure/lib/isNumeric.js +0 -13
  26. package/configure/lib/isNumeric.js.map +0 -1
  27. package/configure/lib/matrixEntities.js +0 -17
  28. package/configure/lib/matrixEntities.js.map +0 -1
  29. package/controller/lib/defaults.js +0 -15
  30. package/controller/lib/defaults.js.map +0 -1
  31. package/controller/lib/index.js +0 -143
  32. package/controller/lib/index.js.map +0 -1
  33. package/lib/ChoiceInput.js +0 -71
  34. package/lib/ChoiceInput.js.map +0 -1
  35. package/lib/Main.js +0 -73
  36. package/lib/Main.js.map +0 -1
  37. package/lib/Matrix.js +0 -113
  38. package/lib/Matrix.js.map +0 -1
  39. package/lib/index.js +0 -124
  40. package/lib/index.js.map +0 -1
  41. package/lib/session-updater.js +0 -11
  42. package/lib/session-updater.js.map +0 -1
package/lib/Main.js DELETED
@@ -1,73 +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 _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
11
-
12
- var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
13
-
14
- var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
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 _renderUi = require("@pie-lib/pie-toolbox/render-ui");
29
-
30
- var _Matrix = _interopRequireDefault(require("./Matrix"));
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 Main = /*#__PURE__*/function (_React$Component) {
37
- (0, _inherits2["default"])(Main, _React$Component);
38
-
39
- var _super = _createSuper(Main);
40
-
41
- function Main() {
42
- (0, _classCallCheck2["default"])(this, Main);
43
- return _super.apply(this, arguments);
44
- }
45
-
46
- (0, _createClass2["default"])(Main, [{
47
- key: "render",
48
- value: function render() {
49
- var _this$props = this.props,
50
- model = _this$props.model,
51
- onSessionChange = _this$props.onSessionChange,
52
- session = _this$props.session;
53
- return /*#__PURE__*/_react["default"].createElement(_renderUi.PreviewLayout, null, /*#__PURE__*/_react["default"].createElement(_Matrix["default"], (0, _extends2["default"])({}, model, {
54
- session: session,
55
- onSessionChange: onSessionChange
56
- })));
57
- }
58
- }]);
59
- return Main;
60
- }(_react["default"].Component);
61
-
62
- (0, _defineProperty2["default"])(Main, "propTypes", {
63
- model: _propTypes["default"].object,
64
- session: _propTypes["default"].object,
65
- onSessionChange: _propTypes["default"].func
66
- });
67
- (0, _defineProperty2["default"])(Main, "defaultProps", {
68
- model: {},
69
- session: {}
70
- });
71
- var _default = Main;
72
- exports["default"] = _default;
73
- //# sourceMappingURL=Main.js.map
package/lib/Main.js.map DELETED
@@ -1 +0,0 @@
1
- {"version":3,"sources":["../src/Main.jsx"],"names":["Main","props","model","onSessionChange","session","React","Component","PropTypes","object","func"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;;;;;IAEMA,I;;;;;;;;;;;;WAYJ,kBAAS;AACP,wBAA4C,KAAKC,KAAjD;AAAA,UAAQC,KAAR,eAAQA,KAAR;AAAA,UAAeC,eAAf,eAAeA,eAAf;AAAA,UAAgCC,OAAhC,eAAgCA,OAAhC;AACA,0BACE,gCAAC,uBAAD,qBACE,gCAAC,kBAAD,gCAAYF,KAAZ;AAAmB,QAAA,OAAO,EAAEE,OAA5B;AAAqC,QAAA,eAAe,EAAED;AAAtD,SADF,CADF;AAKD;;;EAnBgBE,kBAAMC,S;;iCAAnBN,I,eACe;AACjBE,EAAAA,KAAK,EAAEK,sBAAUC,MADA;AAEjBJ,EAAAA,OAAO,EAAEG,sBAAUC,MAFF;AAGjBL,EAAAA,eAAe,EAAEI,sBAAUE;AAHV,C;iCADfT,I,kBAOkB;AACpBE,EAAAA,KAAK,EAAE,EADa;AAEpBE,EAAAA,OAAO,EAAE;AAFW,C;eAeTJ,I","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { PreviewLayout } from '@pie-lib/pie-toolbox/render-ui';\nimport Matrix from './Matrix';\n\nclass Main extends React.Component {\n static propTypes = {\n model: PropTypes.object,\n session: PropTypes.object,\n onSessionChange: PropTypes.func,\n };\n\n static defaultProps = {\n model: {},\n session: {},\n };\n\n render() {\n const { model, onSessionChange, session } = this.props;\n return (\n <PreviewLayout>\n <Matrix {...model} session={session} onSessionChange={onSessionChange} />\n </PreviewLayout>\n );\n }\n}\n\nexport default Main;\n"],"file":"Main.js"}
package/lib/Matrix.js DELETED
@@ -1,113 +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 _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
11
-
12
- var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
13
-
14
- var _react = _interopRequireDefault(require("react"));
15
-
16
- var _propTypes = _interopRequireDefault(require("prop-types"));
17
-
18
- var _styledComponents = _interopRequireDefault(require("styled-components"));
19
-
20
- var _ChoiceInput = _interopRequireDefault(require("./ChoiceInput"));
21
-
22
- var _renderUi = require("@pie-lib/pie-toolbox/render-ui");
23
-
24
- var _templateObject, _templateObject2, _templateObject3, _templateObject4;
25
-
26
- var MatrixWrapper = _styledComponents["default"].div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\n color: ", ";\n background-color: ", ";\n font-family: Roboto, Arial, Helvetica, sans-serif;\n"])), _renderUi.color.text(), _renderUi.color.background());
27
-
28
- var MatrixGridWrapper = _styledComponents["default"].div(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["\n display: grid;\n grid-template-columns: ", ";\n grid-column-gap: 30px;\n grid-row-gap: 20px;\n margin-top: 20px;\n"])), function (props) {
29
- return props.gridTemplateColumns;
30
- });
31
-
32
- var TeacherInstructions = (0, _styledComponents["default"])(_renderUi.Collapsible)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2["default"])(["\n margin-bottom: 16px;\n"])));
33
-
34
- var MatrixGridItem = _styledComponents["default"].div(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2["default"])(["\n align-self: center;\n justify-self: center;\n white-space: nowrap;\n"])));
35
-
36
- var Matrix = function Matrix(props) {
37
- var disabled = props.disabled,
38
- prompt = props.prompt,
39
- onSessionChange = props.onSessionChange,
40
- columnLabels = props.columnLabels,
41
- matrixValues = props.matrixValues,
42
- rowLabels = props.rowLabels,
43
- session = props.session,
44
- teacherInstructions = props.teacherInstructions;
45
- var gridMatrixItems = [];
46
-
47
- for (var rowIndex = 0; rowIndex < rowLabels.length + 1; rowIndex++) {
48
- for (var columnIndex = 0; columnIndex < columnLabels.length + 1; columnIndex++) {
49
- var gridMatrixItem = void 0;
50
-
51
- if (rowIndex === 0 && columnIndex === 0) {
52
- gridMatrixItem = null;
53
- } else if (rowIndex === 0) {
54
- gridMatrixItem = columnLabels[columnIndex - 1];
55
- } else if (columnIndex === 0) {
56
- gridMatrixItem = rowLabels[rowIndex - 1];
57
- } else {
58
- var matrixKey = "".concat(rowIndex - 1, "-").concat(columnIndex - 1);
59
- var matrixValue = matrixValues[matrixKey];
60
- gridMatrixItem = /*#__PURE__*/_react["default"].createElement(_ChoiceInput["default"], {
61
- matrixKey: matrixKey,
62
- matrixValue: matrixValue || 0,
63
- disabled: disabled,
64
- onChange: onSessionChange,
65
- checked: session.value && session.value.hasOwnProperty(matrixKey)
66
- });
67
- }
68
-
69
- gridMatrixItems.push(gridMatrixItem);
70
- }
71
- }
72
-
73
- var gridTemplateColumns = [].concat((0, _toConsumableArray2["default"])(columnLabels), [{}]).map(function () {
74
- return 'min-content';
75
- }).join(' ');
76
- return /*#__PURE__*/_react["default"].createElement(MatrixWrapper, null, teacherInstructions && /*#__PURE__*/_react["default"].createElement(TeacherInstructions, {
77
- className: teacherInstructions,
78
- labels: {
79
- hidden: 'Show Teacher Instructions',
80
- visible: 'Hide Teacher Instructions'
81
- }
82
- }, /*#__PURE__*/_react["default"].createElement(_renderUi.PreviewPrompt, {
83
- prompt: teacherInstructions
84
- })), /*#__PURE__*/_react["default"].createElement(_renderUi.PreviewPrompt, {
85
- className: "prompt",
86
- prompt: prompt
87
- }), /*#__PURE__*/_react["default"].createElement(MatrixGridWrapper, {
88
- gridTemplateColumns: gridTemplateColumns
89
- }, gridMatrixItems.map(function (gridMatrixItem, gridMatrixIndex) {
90
- return /*#__PURE__*/_react["default"].createElement(MatrixGridItem, {
91
- key: "".concat(gridMatrixIndex)
92
- }, gridMatrixItem);
93
- })));
94
- };
95
-
96
- Matrix.propTypes = {
97
- prompt: _propTypes["default"].string,
98
- teacherInstructions: _propTypes["default"].string,
99
- session: _propTypes["default"].object,
100
- matrixValues: _propTypes["default"].object,
101
- rowLabels: _propTypes["default"].arrayOf(_propTypes["default"].string),
102
- columnLabels: _propTypes["default"].arrayOf(_propTypes["default"].string),
103
- disabled: _propTypes["default"].bool.isRequired,
104
- onSessionChange: _propTypes["default"].func.isRequired
105
- };
106
- Matrix.defaultProps = {
107
- session: {
108
- value: {}
109
- }
110
- };
111
- var _default = Matrix;
112
- exports["default"] = _default;
113
- //# sourceMappingURL=Matrix.js.map
package/lib/Matrix.js.map DELETED
@@ -1 +0,0 @@
1
- {"version":3,"sources":["../src/Matrix.jsx"],"names":["MatrixWrapper","styled","div","color","text","background","MatrixGridWrapper","props","gridTemplateColumns","TeacherInstructions","Collapsible","MatrixGridItem","Matrix","disabled","prompt","onSessionChange","columnLabels","matrixValues","rowLabels","session","teacherInstructions","gridMatrixItems","rowIndex","length","columnIndex","gridMatrixItem","matrixKey","matrixValue","value","hasOwnProperty","push","map","join","hidden","visible","gridMatrixIndex","propTypes","PropTypes","string","object","arrayOf","bool","isRequired","func","defaultProps"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport styled from 'styled-components';\n\nimport ChoiceInput from './ChoiceInput';\nimport { color, Collapsible, PreviewPrompt } from '@pie-lib/pie-toolbox/render-ui';\n\nconst MatrixWrapper = styled.div`\n color: ${color.text()};\n background-color: ${color.background()};\n font-family: Roboto, Arial, Helvetica, sans-serif;\n`;\n\nconst MatrixGridWrapper = styled.div`\n display: grid;\n grid-template-columns: ${(props) => props.gridTemplateColumns};\n grid-column-gap: 30px;\n grid-row-gap: 20px;\n margin-top: 20px;\n`;\n\nconst TeacherInstructions = styled(Collapsible)`\n margin-bottom: 16px;\n`;\n\nconst MatrixGridItem = styled.div`\n align-self: center;\n justify-self: center;\n white-space: nowrap;\n`;\n\nconst Matrix = (props) => {\n const { disabled, prompt, onSessionChange, columnLabels, matrixValues, rowLabels, session, teacherInstructions } =\n props;\n\n const gridMatrixItems = [];\n\n for (let rowIndex = 0; rowIndex < rowLabels.length + 1; rowIndex++) {\n for (let columnIndex = 0; columnIndex < columnLabels.length + 1; columnIndex++) {\n let gridMatrixItem;\n\n if (rowIndex === 0 && columnIndex === 0) {\n gridMatrixItem = null;\n } else if (rowIndex === 0) {\n gridMatrixItem = columnLabels[columnIndex - 1];\n } else if (columnIndex === 0) {\n gridMatrixItem = rowLabels[rowIndex - 1];\n } else {\n const matrixKey = `${rowIndex - 1}-${columnIndex - 1}`;\n const matrixValue = matrixValues[matrixKey];\n\n gridMatrixItem = (\n <ChoiceInput\n matrixKey={matrixKey}\n matrixValue={matrixValue || 0}\n disabled={disabled}\n onChange={onSessionChange}\n checked={session.value && session.value.hasOwnProperty(matrixKey)}\n />\n );\n }\n\n gridMatrixItems.push(gridMatrixItem);\n }\n }\n const gridTemplateColumns = [...columnLabels, {}].map(() => 'min-content').join(' ');\n\n return (\n <MatrixWrapper>\n {teacherInstructions && (\n <TeacherInstructions\n className={teacherInstructions}\n labels={{\n hidden: 'Show Teacher Instructions',\n visible: 'Hide Teacher Instructions',\n }}\n >\n <PreviewPrompt prompt={teacherInstructions} />\n </TeacherInstructions>\n )}\n\n <PreviewPrompt className=\"prompt\" prompt={prompt} />\n\n <MatrixGridWrapper gridTemplateColumns={gridTemplateColumns}>\n {gridMatrixItems.map((gridMatrixItem, gridMatrixIndex) => {\n return <MatrixGridItem key={`${gridMatrixIndex}`}>{gridMatrixItem}</MatrixGridItem>;\n })}\n </MatrixGridWrapper>\n </MatrixWrapper>\n );\n};\n\nMatrix.propTypes = {\n prompt: PropTypes.string,\n teacherInstructions: PropTypes.string,\n session: PropTypes.object,\n matrixValues: PropTypes.object,\n rowLabels: PropTypes.arrayOf(PropTypes.string),\n columnLabels: PropTypes.arrayOf(PropTypes.string),\n disabled: PropTypes.bool.isRequired,\n onSessionChange: PropTypes.func.isRequired,\n};\n\nMatrix.defaultProps = {\n session: {\n value: {},\n },\n};\n\nexport default Matrix;\n"],"file":"Matrix.js"}
package/lib/index.js DELETED
@@ -1,124 +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.isComplete = 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 _mathRenderingAccessible = require("@pie-lib/pie-toolbox/math-rendering-accessible");
29
-
30
- var _Main = _interopRequireDefault(require("./Main"));
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 isComplete = function isComplete(session) {
37
- if (!session || !session.value) {
38
- return false;
39
- }
40
-
41
- return !!Object.keys(session.value).length;
42
- };
43
-
44
- exports.isComplete = isComplete;
45
-
46
- var Matrix = /*#__PURE__*/function (_HTMLElement) {
47
- (0, _inherits2["default"])(Matrix, _HTMLElement);
48
-
49
- var _super = _createSuper(Matrix);
50
-
51
- function Matrix() {
52
- (0, _classCallCheck2["default"])(this, Matrix);
53
- return _super.call(this);
54
- }
55
-
56
- (0, _createClass2["default"])(Matrix, [{
57
- key: "model",
58
- set: function set(m) {
59
- this._model = m;
60
-
61
- this._render();
62
- }
63
- }, {
64
- key: "session",
65
- get: function get() {
66
- return this._session;
67
- },
68
- set: function set(s) {
69
- this._session = s;
70
-
71
- this._render();
72
- }
73
- }, {
74
- key: "sessionChanged",
75
- value: function sessionChanged(_ref) {
76
- var _this = this;
77
-
78
- var matrixKey = _ref.matrixKey,
79
- matrixValue = _ref.matrixValue;
80
- var matrixRowKey = matrixKey.split('-')[0];
81
- var sessionValueClone = Object.keys(this._session.value || {}).reduce(function (acc, key) {
82
- if (!key.startsWith(matrixRowKey)) {
83
- acc[key] = _this._session.value[key];
84
- }
85
-
86
- return acc;
87
- }, {});
88
- sessionValueClone[matrixKey] = matrixValue;
89
- this._session.value = sessionValueClone;
90
- var complete = isComplete(this._session, this._model);
91
- this.dispatchEvent(new _piePlayerEvents.SessionChangedEvent(this.tagName.toLowerCase(), complete));
92
-
93
- this._render();
94
- }
95
- }, {
96
- key: "connectedCallback",
97
- value: function connectedCallback() {
98
- this._render();
99
- }
100
- }, {
101
- key: "_render",
102
- value: function _render() {
103
- var _this2 = this;
104
-
105
- if (!this._model || !this._session) {
106
- return;
107
- }
108
-
109
- var el = /*#__PURE__*/_react["default"].createElement(_Main["default"], {
110
- model: this._model,
111
- session: this._session,
112
- onSessionChange: this.sessionChanged.bind(this)
113
- });
114
-
115
- _reactDom["default"].render(el, this, function () {
116
- (0, _mathRenderingAccessible.renderMath)(_this2);
117
- });
118
- }
119
- }]);
120
- return Matrix;
121
- }( /*#__PURE__*/(0, _wrapNativeSuper2["default"])(HTMLElement));
122
-
123
- exports["default"] = Matrix;
124
- //# sourceMappingURL=index.js.map
package/lib/index.js.map DELETED
@@ -1 +0,0 @@
1
- {"version":3,"sources":["../src/index.js"],"names":["isComplete","session","value","Object","keys","length","Matrix","m","_model","_render","_session","s","matrixKey","matrixValue","matrixRowKey","split","sessionValueClone","reduce","acc","key","startsWith","complete","dispatchEvent","SessionChangedEvent","tagName","toLowerCase","el","React","createElement","Main","model","onSessionChange","sessionChanged","bind","ReactDOM","render","HTMLElement"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;;;;;AAEO,IAAMA,UAAU,GAAG,SAAbA,UAAa,CAACC,OAAD,EAAa;AACrC,MAAI,CAACA,OAAD,IAAY,CAACA,OAAO,CAACC,KAAzB,EAAgC;AAC9B,WAAO,KAAP;AACD;;AACD,SAAO,CAAC,CAACC,MAAM,CAACC,IAAP,CAAYH,OAAO,CAACC,KAApB,EAA2BG,MAApC;AACD,CALM;;;;IAOcC,M;;;;;AACnB,oBAAc;AAAA;AAAA;AAEb;;;;SAED,aAAUC,CAAV,EAAa;AACX,WAAKC,MAAL,GAAcD,CAAd;;AACA,WAAKE,OAAL;AACD;;;SAOD,eAAc;AACZ,aAAO,KAAKC,QAAZ;AACD,K;SAPD,aAAYC,CAAZ,EAAe;AACb,WAAKD,QAAL,GAAgBC,CAAhB;;AACA,WAAKF,OAAL;AACD;;;WAMD,8BAA2C;AAAA;;AAAA,UAA1BG,SAA0B,QAA1BA,SAA0B;AAAA,UAAfC,WAAe,QAAfA,WAAe;AACzC,UAAMC,YAAY,GAAGF,SAAS,CAACG,KAAV,CAAgB,GAAhB,EAAqB,CAArB,CAArB;AACA,UAAMC,iBAAiB,GAAGb,MAAM,CAACC,IAAP,CAAY,KAAKM,QAAL,CAAcR,KAAd,IAAuB,EAAnC,EAAuCe,MAAvC,CAA8C,UAACC,GAAD,EAAMC,GAAN,EAAc;AACpF,YAAI,CAACA,GAAG,CAACC,UAAJ,CAAeN,YAAf,CAAL,EAAmC;AACjCI,UAAAA,GAAG,CAACC,GAAD,CAAH,GAAW,KAAI,CAACT,QAAL,CAAcR,KAAd,CAAoBiB,GAApB,CAAX;AACD;;AACD,eAAOD,GAAP;AACD,OALyB,EAKvB,EALuB,CAA1B;AAMAF,MAAAA,iBAAiB,CAACJ,SAAD,CAAjB,GAA+BC,WAA/B;AACA,WAAKH,QAAL,CAAcR,KAAd,GAAsBc,iBAAtB;AACA,UAAMK,QAAQ,GAAGrB,UAAU,CAAC,KAAKU,QAAN,EAAgB,KAAKF,MAArB,CAA3B;AAEA,WAAKc,aAAL,CAAmB,IAAIC,oCAAJ,CAAwB,KAAKC,OAAL,CAAaC,WAAb,EAAxB,EAAoDJ,QAApD,CAAnB;;AACA,WAAKZ,OAAL;AACD;;;WAED,6BAAoB;AAClB,WAAKA,OAAL;AACD;;;WAED,mBAAU;AAAA;;AACR,UAAI,CAAC,KAAKD,MAAN,IAAgB,CAAC,KAAKE,QAA1B,EAAoC;AAClC;AACD;;AAED,UAAMgB,EAAE,gBAAGC,kBAAMC,aAAN,CAAoBC,gBAApB,EAA0B;AACnCC,QAAAA,KAAK,EAAE,KAAKtB,MADuB;AAEnCP,QAAAA,OAAO,EAAE,KAAKS,QAFqB;AAGnCqB,QAAAA,eAAe,EAAE,KAAKC,cAAL,CAAoBC,IAApB,CAAyB,IAAzB;AAHkB,OAA1B,CAAX;;AAMAC,2BAASC,MAAT,CAAgBT,EAAhB,EAAoB,IAApB,EAA0B,YAAM;AAC9B,iDAAW,MAAX;AACD,OAFD;AAGD;;;kDArDiCU,W","sourcesContent":["import React from 'react';\nimport ReactDOM from 'react-dom';\nimport { SessionChangedEvent } from '@pie-framework/pie-player-events';\nimport { renderMath } from '@pie-lib/pie-toolbox/math-rendering-accessible';\nimport Main from './Main';\n\nexport const isComplete = (session) => {\n if (!session || !session.value) {\n return false;\n }\n return !!Object.keys(session.value).length;\n};\n\nexport default class Matrix extends HTMLElement {\n constructor() {\n super();\n }\n\n set model(m) {\n this._model = m;\n this._render();\n }\n\n set session(s) {\n this._session = s;\n this._render();\n }\n\n get session() {\n return this._session;\n }\n\n sessionChanged({ matrixKey, matrixValue }) {\n const matrixRowKey = matrixKey.split('-')[0];\n const sessionValueClone = Object.keys(this._session.value || {}).reduce((acc, key) => {\n if (!key.startsWith(matrixRowKey)) {\n acc[key] = this._session.value[key];\n }\n return acc;\n }, {});\n sessionValueClone[matrixKey] = matrixValue;\n this._session.value = sessionValueClone;\n const complete = isComplete(this._session, this._model);\n\n this.dispatchEvent(new SessionChangedEvent(this.tagName.toLowerCase(), complete));\n this._render();\n }\n\n connectedCallback() {\n this._render();\n }\n\n _render() {\n if (!this._model || !this._session) {\n return;\n }\n\n const el = React.createElement(Main, {\n model: this._model,\n session: this._session,\n onSessionChange: this.sessionChanged.bind(this),\n });\n\n ReactDOM.render(el, this, () => {\n renderMath(this);\n });\n }\n}\n"],"file":"index.js"}
@@ -1,11 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.updateSessionValue = updateSessionValue;
7
-
8
- function updateSessionValue(session, data) {
9
- session.value = data.value || session.value || {};
10
- }
11
- //# sourceMappingURL=session-updater.js.map
@@ -1 +0,0 @@
1
- {"version":3,"sources":["../src/session-updater.js"],"names":["updateSessionValue","session","data","value"],"mappings":";;;;;;;AAAO,SAASA,kBAAT,CAA4BC,OAA5B,EAAqCC,IAArC,EAA2C;AAChDD,EAAAA,OAAO,CAACE,KAAR,GAAgBD,IAAI,CAACC,KAAL,IAAcF,OAAO,CAACE,KAAtB,IAA+B,EAA/C;AACD","sourcesContent":["export function updateSessionValue(session, data) {\n session.value = data.value || session.value || {};\n}\n"],"file":"session-updater.js"}