@pie-element/graphing 5.13.2-next.1 → 5.13.2-next.4
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/lib/configure.js +426 -0
- package/configure/lib/configure.js.map +1 -0
- package/configure/lib/correct-response.js +581 -0
- package/configure/lib/correct-response.js.map +1 -0
- package/configure/lib/defaults.js +434 -0
- package/configure/lib/defaults.js.map +1 -0
- package/configure/lib/graphing-config.js +435 -0
- package/configure/lib/graphing-config.js.map +1 -0
- package/configure/lib/index.js +232 -0
- package/configure/lib/index.js.map +1 -0
- package/configure/lib/utils.js +168 -0
- package/configure/lib/utils.js.map +1 -0
- package/configure/package.json +1 -1
- package/controller/lib/defaults.js +62 -0
- package/controller/lib/defaults.js.map +1 -0
- package/controller/lib/index.js +437 -0
- package/controller/lib/index.js.map +1 -0
- package/controller/lib/utils.js +466 -0
- package/controller/lib/utils.js.map +1 -0
- package/controller/package.json +1 -1
- package/lib/index.js +123 -0
- package/lib/index.js.map +1 -0
- package/lib/main.js +215 -0
- package/lib/main.js.map +1 -0
- package/lib/utils.js +55 -0
- package/lib/utils.js.map +1 -0
- package/package.json +3 -3
package/lib/main.js
ADDED
|
@@ -0,0 +1,215 @@
|
|
|
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.Main = 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 _graphing = require("@pie-lib/pie-toolbox/graphing");
|
|
31
|
+
|
|
32
|
+
var _renderUi = require("@pie-lib/pie-toolbox/render-ui");
|
|
33
|
+
|
|
34
|
+
var _correctAnswerToggle = require("@pie-lib/pie-toolbox/correct-answer-toggle");
|
|
35
|
+
|
|
36
|
+
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; }
|
|
37
|
+
|
|
38
|
+
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; }
|
|
39
|
+
|
|
40
|
+
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); }; }
|
|
41
|
+
|
|
42
|
+
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; } }
|
|
43
|
+
|
|
44
|
+
var Main = /*#__PURE__*/function (_React$Component) {
|
|
45
|
+
(0, _inherits2["default"])(Main, _React$Component);
|
|
46
|
+
|
|
47
|
+
var _super = _createSuper(Main);
|
|
48
|
+
|
|
49
|
+
function Main() {
|
|
50
|
+
var _this;
|
|
51
|
+
|
|
52
|
+
(0, _classCallCheck2["default"])(this, Main);
|
|
53
|
+
|
|
54
|
+
for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
|
|
55
|
+
args[_key] = arguments[_key];
|
|
56
|
+
}
|
|
57
|
+
|
|
58
|
+
_this = _super.call.apply(_super, [this].concat(args));
|
|
59
|
+
(0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "state", {
|
|
60
|
+
showingCorrect: false
|
|
61
|
+
});
|
|
62
|
+
(0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "toggleCorrect", function (showingCorrect) {
|
|
63
|
+
return _this.setState({
|
|
64
|
+
showingCorrect: showingCorrect
|
|
65
|
+
});
|
|
66
|
+
});
|
|
67
|
+
return _this;
|
|
68
|
+
}
|
|
69
|
+
|
|
70
|
+
(0, _createClass2["default"])(Main, [{
|
|
71
|
+
key: "render",
|
|
72
|
+
value: function render() {
|
|
73
|
+
var _this$props = this.props,
|
|
74
|
+
model = _this$props.model,
|
|
75
|
+
classes = _this$props.classes,
|
|
76
|
+
onAnswersChange = _this$props.onAnswersChange,
|
|
77
|
+
session = _this$props.session;
|
|
78
|
+
var showingCorrect = this.state.showingCorrect;
|
|
79
|
+
|
|
80
|
+
var _ref = session || {},
|
|
81
|
+
answer = _ref.answer;
|
|
82
|
+
|
|
83
|
+
var _ref2 = model || {},
|
|
84
|
+
answersCorrected = _ref2.answersCorrected,
|
|
85
|
+
arrows = _ref2.arrows,
|
|
86
|
+
backgroundMarks = _ref2.backgroundMarks,
|
|
87
|
+
coordinatesOnHover = _ref2.coordinatesOnHover,
|
|
88
|
+
correctResponse = _ref2.correctResponse,
|
|
89
|
+
defaultTool = _ref2.defaultTool,
|
|
90
|
+
disabled = _ref2.disabled,
|
|
91
|
+
domain = _ref2.domain,
|
|
92
|
+
labels = _ref2.labels,
|
|
93
|
+
labelsEnabled = _ref2.labelsEnabled,
|
|
94
|
+
prompt = _ref2.prompt,
|
|
95
|
+
range = _ref2.range,
|
|
96
|
+
rationale = _ref2.rationale,
|
|
97
|
+
showToggle = _ref2.showToggle,
|
|
98
|
+
title = _ref2.title,
|
|
99
|
+
titleEnabled = _ref2.titleEnabled,
|
|
100
|
+
teacherInstructions = _ref2.teacherInstructions,
|
|
101
|
+
toolbarTools = _ref2.toolbarTools,
|
|
102
|
+
language = _ref2.language;
|
|
103
|
+
|
|
104
|
+
var size = (model === null || model === void 0 ? void 0 : model.size) || (model === null || model === void 0 ? void 0 : model.graph) || {}; // need this for models that are not processed by controller
|
|
105
|
+
|
|
106
|
+
var marks = answersCorrected || answer || [];
|
|
107
|
+
return /*#__PURE__*/_react["default"].createElement("div", {
|
|
108
|
+
className: classes.mainContainer
|
|
109
|
+
}, teacherInstructions && (0, _renderUi.hasText)(teacherInstructions) && /*#__PURE__*/_react["default"].createElement(_renderUi.Collapsible, {
|
|
110
|
+
className: classes.teacherInstructions,
|
|
111
|
+
labels: {
|
|
112
|
+
hidden: 'Show Teacher Instructions',
|
|
113
|
+
visible: 'Hide Teacher Instructions'
|
|
114
|
+
}
|
|
115
|
+
}, /*#__PURE__*/_react["default"].createElement(_renderUi.PreviewPrompt, {
|
|
116
|
+
prompt: teacherInstructions
|
|
117
|
+
})), prompt && /*#__PURE__*/_react["default"].createElement(_renderUi.PreviewPrompt, {
|
|
118
|
+
className: "prompt",
|
|
119
|
+
prompt: prompt
|
|
120
|
+
}), /*#__PURE__*/_react["default"].createElement(_correctAnswerToggle.CorrectAnswerToggle, {
|
|
121
|
+
show: showToggle,
|
|
122
|
+
toggled: showingCorrect,
|
|
123
|
+
onToggle: this.toggleCorrect,
|
|
124
|
+
language: language
|
|
125
|
+
}), showingCorrect && showToggle ? /*#__PURE__*/_react["default"].createElement(_graphing.GraphContainer, {
|
|
126
|
+
className: classes.graph,
|
|
127
|
+
axesSettings: {
|
|
128
|
+
includeArrows: arrows
|
|
129
|
+
},
|
|
130
|
+
backgroundMarks: backgroundMarks,
|
|
131
|
+
coordinatesOnHover: coordinatesOnHover,
|
|
132
|
+
disabled: true,
|
|
133
|
+
disabledLabels: true,
|
|
134
|
+
disabledTitle: true,
|
|
135
|
+
domain: domain,
|
|
136
|
+
labels: labels,
|
|
137
|
+
marks: correctResponse.map(function (i) {
|
|
138
|
+
return _objectSpread(_objectSpread({}, i), {}, {
|
|
139
|
+
correctness: 'correct'
|
|
140
|
+
});
|
|
141
|
+
}),
|
|
142
|
+
onChangeMarks: onAnswersChange,
|
|
143
|
+
range: range,
|
|
144
|
+
showLabels: labelsEnabled,
|
|
145
|
+
showTitle: titleEnabled,
|
|
146
|
+
size: size,
|
|
147
|
+
title: title,
|
|
148
|
+
toolbarTools: toolbarTools,
|
|
149
|
+
language: language
|
|
150
|
+
}) : /*#__PURE__*/_react["default"].createElement(_graphing.GraphContainer, {
|
|
151
|
+
className: classes.graph,
|
|
152
|
+
axesSettings: {
|
|
153
|
+
includeArrows: arrows
|
|
154
|
+
},
|
|
155
|
+
backgroundMarks: backgroundMarks,
|
|
156
|
+
coordinatesOnHover: coordinatesOnHover,
|
|
157
|
+
defaultTool: defaultTool,
|
|
158
|
+
disabled: disabled,
|
|
159
|
+
disabledLabels: true,
|
|
160
|
+
disabledTitle: true,
|
|
161
|
+
domain: domain,
|
|
162
|
+
labels: labels,
|
|
163
|
+
marks: marks,
|
|
164
|
+
onChangeMarks: onAnswersChange,
|
|
165
|
+
range: range,
|
|
166
|
+
showLabels: labelsEnabled,
|
|
167
|
+
showTitle: titleEnabled,
|
|
168
|
+
size: size,
|
|
169
|
+
title: title,
|
|
170
|
+
toolbarTools: toolbarTools,
|
|
171
|
+
language: language
|
|
172
|
+
}), rationale && (0, _renderUi.hasText)(rationale) && /*#__PURE__*/_react["default"].createElement(_renderUi.Collapsible, {
|
|
173
|
+
labels: {
|
|
174
|
+
hidden: 'Show Rationale',
|
|
175
|
+
visible: 'Hide Rationale'
|
|
176
|
+
}
|
|
177
|
+
}, /*#__PURE__*/_react["default"].createElement(_renderUi.PreviewPrompt, {
|
|
178
|
+
prompt: rationale
|
|
179
|
+
})));
|
|
180
|
+
}
|
|
181
|
+
}]);
|
|
182
|
+
return Main;
|
|
183
|
+
}(_react["default"].Component);
|
|
184
|
+
|
|
185
|
+
exports.Main = Main;
|
|
186
|
+
(0, _defineProperty2["default"])(Main, "propTypes", {
|
|
187
|
+
classes: _propTypes["default"].object,
|
|
188
|
+
model: _propTypes["default"].object.isRequired,
|
|
189
|
+
session: _propTypes["default"].object.isRequired,
|
|
190
|
+
onAnswersChange: _propTypes["default"].func
|
|
191
|
+
});
|
|
192
|
+
(0, _defineProperty2["default"])(Main, "defaultProps", {
|
|
193
|
+
classes: {}
|
|
194
|
+
});
|
|
195
|
+
|
|
196
|
+
var styles = function styles(theme) {
|
|
197
|
+
return {
|
|
198
|
+
mainContainer: {
|
|
199
|
+
color: _renderUi.color.text(),
|
|
200
|
+
backgroundColor: _renderUi.color.background()
|
|
201
|
+
},
|
|
202
|
+
teacherInstructions: {
|
|
203
|
+
marginBottom: theme.spacing.unit * 2
|
|
204
|
+
},
|
|
205
|
+
graph: {
|
|
206
|
+
marginTop: theme.spacing.unit * 2,
|
|
207
|
+
marginBottom: theme.spacing.unit * 2
|
|
208
|
+
}
|
|
209
|
+
};
|
|
210
|
+
};
|
|
211
|
+
|
|
212
|
+
var _default = (0, _styles.withStyles)(styles)(Main);
|
|
213
|
+
|
|
214
|
+
exports["default"] = _default;
|
|
215
|
+
//# sourceMappingURL=main.js.map
|
package/lib/main.js.map
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../src/main.jsx"],"names":["Main","showingCorrect","setState","props","model","classes","onAnswersChange","session","state","answer","answersCorrected","arrows","backgroundMarks","coordinatesOnHover","correctResponse","defaultTool","disabled","domain","labels","labelsEnabled","prompt","range","rationale","showToggle","title","titleEnabled","teacherInstructions","toolbarTools","language","size","graph","marks","mainContainer","hidden","visible","toggleCorrect","includeArrows","map","i","correctness","React","Component","PropTypes","object","isRequired","func","styles","theme","color","text","backgroundColor","background","marginBottom","spacing","unit","marginTop"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { withStyles } from '@material-ui/core/styles';\nimport { GraphContainer } from '@pie-lib/pie-toolbox/graphing';\nimport { color, Collapsible, hasText, PreviewPrompt } from '@pie-lib/pie-toolbox/render-ui';\nimport { CorrectAnswerToggle } from '@pie-lib/pie-toolbox/correct-answer-toggle';\n\nexport class Main extends React.Component {\n static propTypes = {\n classes: PropTypes.object,\n model: PropTypes.object.isRequired,\n session: PropTypes.object.isRequired,\n onAnswersChange: PropTypes.func,\n };\n\n static defaultProps = {\n classes: {},\n };\n\n state = { showingCorrect: false };\n\n toggleCorrect = (showingCorrect) => this.setState({ showingCorrect });\n\n render() {\n const { model, classes, onAnswersChange, session } = this.props;\n const { showingCorrect } = this.state;\n const { answer } = session || {};\n const {\n answersCorrected,\n arrows,\n backgroundMarks,\n coordinatesOnHover,\n correctResponse,\n defaultTool,\n disabled,\n domain,\n labels,\n labelsEnabled,\n prompt,\n range,\n rationale,\n showToggle,\n title,\n titleEnabled,\n teacherInstructions,\n toolbarTools,\n language,\n } = model || {};\n const size = model?.size || model?.graph || {}; // need this for models that are not processed by controller\n const marks = answersCorrected || answer || [];\n\n return (\n <div className={classes.mainContainer}>\n {teacherInstructions && hasText(teacherInstructions) && (\n <Collapsible\n className={classes.teacherInstructions}\n labels={{ hidden: 'Show Teacher Instructions', visible: 'Hide Teacher Instructions' }}\n >\n <PreviewPrompt prompt={teacherInstructions} />\n </Collapsible>\n )}\n\n {prompt && <PreviewPrompt className=\"prompt\" prompt={prompt} />}\n\n <CorrectAnswerToggle\n show={showToggle}\n toggled={showingCorrect}\n onToggle={this.toggleCorrect}\n language={language}\n />\n\n {showingCorrect && showToggle ? (\n <GraphContainer\n className={classes.graph}\n axesSettings={{ includeArrows: arrows }}\n backgroundMarks={backgroundMarks}\n coordinatesOnHover={coordinatesOnHover}\n disabled={true}\n disabledLabels={true}\n disabledTitle={true}\n domain={domain}\n labels={labels}\n marks={correctResponse.map((i) => ({ ...i, correctness: 'correct' }))}\n onChangeMarks={onAnswersChange}\n range={range}\n showLabels={labelsEnabled}\n showTitle={titleEnabled}\n size={size}\n title={title}\n toolbarTools={toolbarTools}\n language={language}\n />\n ) : (\n <GraphContainer\n className={classes.graph}\n axesSettings={{ includeArrows: arrows }}\n backgroundMarks={backgroundMarks}\n coordinatesOnHover={coordinatesOnHover}\n defaultTool={defaultTool}\n disabled={disabled}\n disabledLabels={true}\n disabledTitle={true}\n domain={domain}\n labels={labels}\n marks={marks}\n onChangeMarks={onAnswersChange}\n range={range}\n showLabels={labelsEnabled}\n showTitle={titleEnabled}\n size={size}\n title={title}\n toolbarTools={toolbarTools}\n language={language}\n />\n )}\n\n {rationale && hasText(rationale) && (\n <Collapsible labels={{ hidden: 'Show Rationale', visible: 'Hide Rationale' }}>\n <PreviewPrompt prompt={rationale} />\n </Collapsible>\n )}\n </div>\n );\n }\n}\n\nconst styles = (theme) => ({\n mainContainer: {\n color: color.text(),\n backgroundColor: color.background(),\n },\n teacherInstructions: {\n marginBottom: theme.spacing.unit * 2,\n },\n graph: {\n marginTop: theme.spacing.unit * 2,\n marginBottom: theme.spacing.unit * 2,\n },\n});\n\nexport default withStyles(styles)(Main);\n"],"file":"main.js"}
|
package/lib/utils.js
ADDED
|
@@ -0,0 +1,55 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
+
|
|
5
|
+
Object.defineProperty(exports, "__esModule", {
|
|
6
|
+
value: true
|
|
7
|
+
});
|
|
8
|
+
exports.removeInvalidAnswers = void 0;
|
|
9
|
+
|
|
10
|
+
var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
|
|
11
|
+
|
|
12
|
+
var _excluded = ["type"];
|
|
13
|
+
|
|
14
|
+
var completePoint = function completePoint(point) {
|
|
15
|
+
return point && Number.isFinite(point.x) && Number.isFinite(point.y);
|
|
16
|
+
};
|
|
17
|
+
|
|
18
|
+
var completeFromTo = function completeFromTo(item) {
|
|
19
|
+
return item && completeMark.point(item.from) && completeMark.point(item.to);
|
|
20
|
+
};
|
|
21
|
+
|
|
22
|
+
var completeRootEdge = function completeRootEdge(item) {
|
|
23
|
+
return item && completeMark.point(item.edge) && completeMark.point(item.root);
|
|
24
|
+
};
|
|
25
|
+
|
|
26
|
+
var completePoints = function completePoints(item) {
|
|
27
|
+
return item && item.points && item.points.length && (item.points.filter(function (point) {
|
|
28
|
+
return completePoint(point);
|
|
29
|
+
}) || []).length === item.points.length;
|
|
30
|
+
};
|
|
31
|
+
|
|
32
|
+
var completeMark = {
|
|
33
|
+
point: completePoint,
|
|
34
|
+
line: completeFromTo,
|
|
35
|
+
ray: completeFromTo,
|
|
36
|
+
segment: completeFromTo,
|
|
37
|
+
vector: completeFromTo,
|
|
38
|
+
circle: completeRootEdge,
|
|
39
|
+
parabola: completeRootEdge,
|
|
40
|
+
absolute: completeRootEdge,
|
|
41
|
+
exponential: completeRootEdge,
|
|
42
|
+
sine: completeRootEdge,
|
|
43
|
+
polygon: completePoints
|
|
44
|
+
};
|
|
45
|
+
|
|
46
|
+
var removeInvalidAnswers = function removeInvalidAnswers(answers) {
|
|
47
|
+
return answers ? (answers || []).filter(function (_ref) {
|
|
48
|
+
var type = _ref.type,
|
|
49
|
+
answer = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
|
|
50
|
+
return completeMark[type] ? completeMark[type](answer) : false;
|
|
51
|
+
}) : [];
|
|
52
|
+
};
|
|
53
|
+
|
|
54
|
+
exports.removeInvalidAnswers = removeInvalidAnswers;
|
|
55
|
+
//# sourceMappingURL=utils.js.map
|
package/lib/utils.js.map
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../src/utils.js"],"names":["completePoint","point","Number","isFinite","x","y","completeFromTo","item","completeMark","from","to","completeRootEdge","edge","root","completePoints","points","length","filter","line","ray","segment","vector","circle","parabola","absolute","exponential","sine","polygon","removeInvalidAnswers","answers","type","answer"],"mappings":";;;;;;;;;;;;;AAAA,IAAMA,aAAa,GAAG,SAAhBA,aAAgB,CAACC,KAAD;AAAA,SAAWA,KAAK,IAAIC,MAAM,CAACC,QAAP,CAAgBF,KAAK,CAACG,CAAtB,CAAT,IAAqCF,MAAM,CAACC,QAAP,CAAgBF,KAAK,CAACI,CAAtB,CAAhD;AAAA,CAAtB;;AACA,IAAMC,cAAc,GAAG,SAAjBA,cAAiB,CAACC,IAAD;AAAA,SAAUA,IAAI,IAAIC,YAAY,CAACP,KAAb,CAAmBM,IAAI,CAACE,IAAxB,CAAR,IAAyCD,YAAY,CAACP,KAAb,CAAmBM,IAAI,CAACG,EAAxB,CAAnD;AAAA,CAAvB;;AACA,IAAMC,gBAAgB,GAAG,SAAnBA,gBAAmB,CAACJ,IAAD;AAAA,SAAUA,IAAI,IAAIC,YAAY,CAACP,KAAb,CAAmBM,IAAI,CAACK,IAAxB,CAAR,IAAyCJ,YAAY,CAACP,KAAb,CAAmBM,IAAI,CAACM,IAAxB,CAAnD;AAAA,CAAzB;;AACA,IAAMC,cAAc,GAAG,SAAjBA,cAAiB,CAACP,IAAD;AAAA,SACrBA,IAAI,IACJA,IAAI,CAACQ,MADL,IAEAR,IAAI,CAACQ,MAAL,CAAYC,MAFZ,IAGA,CAACT,IAAI,CAACQ,MAAL,CAAYE,MAAZ,CAAmB,UAAChB,KAAD;AAAA,WAAWD,aAAa,CAACC,KAAD,CAAxB;AAAA,GAAnB,KAAuD,EAAxD,EAA4De,MAA5D,KAAuET,IAAI,CAACQ,MAAL,CAAYC,MAJ9D;AAAA,CAAvB;;AAMA,IAAMR,YAAY,GAAG;AACnBP,EAAAA,KAAK,EAAED,aADY;AAEnBkB,EAAAA,IAAI,EAAEZ,cAFa;AAGnBa,EAAAA,GAAG,EAAEb,cAHc;AAInBc,EAAAA,OAAO,EAAEd,cAJU;AAKnBe,EAAAA,MAAM,EAAEf,cALW;AAMnBgB,EAAAA,MAAM,EAAEX,gBANW;AAOnBY,EAAAA,QAAQ,EAAEZ,gBAPS;AAQnBa,EAAAA,QAAQ,EAAEb,gBARS;AASnBc,EAAAA,WAAW,EAAEd,gBATM;AAUnBe,EAAAA,IAAI,EAAEf,gBAVa;AAWnBgB,EAAAA,OAAO,EAAEb;AAXU,CAArB;;AAcO,IAAMc,oBAAoB,GAAG,SAAvBA,oBAAuB,CAACC,OAAD;AAAA,SAClCA,OAAO,GACH,CAACA,OAAO,IAAI,EAAZ,EAAgBZ,MAAhB,CAAuB;AAAA,QAAGa,IAAH,QAAGA,IAAH;AAAA,QAAYC,MAAZ;AAAA,WAA0BvB,YAAY,CAACsB,IAAD,CAAZ,GAAqBtB,YAAY,CAACsB,IAAD,CAAZ,CAAmBC,MAAnB,CAArB,GAAkD,KAA5E;AAAA,GAAvB,CADG,GAEH,EAH8B;AAAA,CAA7B","sourcesContent":["const completePoint = (point) => point && Number.isFinite(point.x) && Number.isFinite(point.y);\nconst completeFromTo = (item) => item && completeMark.point(item.from) && completeMark.point(item.to);\nconst completeRootEdge = (item) => item && completeMark.point(item.edge) && completeMark.point(item.root);\nconst completePoints = (item) =>\n item &&\n item.points &&\n item.points.length &&\n (item.points.filter((point) => completePoint(point)) || []).length === item.points.length;\n\nconst completeMark = {\n point: completePoint,\n line: completeFromTo,\n ray: completeFromTo,\n segment: completeFromTo,\n vector: completeFromTo,\n circle: completeRootEdge,\n parabola: completeRootEdge,\n absolute: completeRootEdge,\n exponential: completeRootEdge,\n sine: completeRootEdge,\n polygon: completePoints,\n};\n\nexport const removeInvalidAnswers = (answers) =>\n answers\n ? (answers || []).filter(({ type, ...answer }) => (completeMark[type] ? completeMark[type](answer) : false))\n : [];\n"],"file":"utils.js"}
|
package/package.json
CHANGED
|
@@ -4,7 +4,7 @@
|
|
|
4
4
|
"access": "public"
|
|
5
5
|
},
|
|
6
6
|
"repository": "pie-framework/pie-elements",
|
|
7
|
-
"version": "5.13.2-next.
|
|
7
|
+
"version": "5.13.2-next.4+694850853",
|
|
8
8
|
"description": "",
|
|
9
9
|
"scripts": {
|
|
10
10
|
"postpublish": "../../scripts/postpublish"
|
|
@@ -12,7 +12,7 @@
|
|
|
12
12
|
"dependencies": {
|
|
13
13
|
"@material-ui/core": "^3.9.2",
|
|
14
14
|
"@pie-framework/pie-player-events": "^0.1.0",
|
|
15
|
-
"@pie-lib/pie-toolbox": "1.13.
|
|
15
|
+
"@pie-lib/pie-toolbox": "1.13.1",
|
|
16
16
|
"classnames": "^2.2.5",
|
|
17
17
|
"debug": "^4.1.1",
|
|
18
18
|
"react": "^16.8.1",
|
|
@@ -20,7 +20,7 @@
|
|
|
20
20
|
},
|
|
21
21
|
"author": "",
|
|
22
22
|
"license": "ISC",
|
|
23
|
-
"gitHead": "
|
|
23
|
+
"gitHead": "694850853ea3b60a673e183def496c7387cae6c2",
|
|
24
24
|
"main": "lib/index.js",
|
|
25
25
|
"module": "src/index.js"
|
|
26
26
|
}
|