@pie-element/drag-in-the-blank 6.7.8-next.15 → 6.7.8-next.5
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/docs/pie-schema.json +0 -19
- package/docs/pie-schema.json.md +0 -12
- package/lib/main.js +5 -5
- package/lib/main.js.map +1 -1
- package/package.json +2 -2
package/docs/pie-schema.json
CHANGED
|
@@ -165,25 +165,6 @@
|
|
|
165
165
|
"type": "boolean",
|
|
166
166
|
"title": "completeAudioEnabled"
|
|
167
167
|
},
|
|
168
|
-
"customAudioButton": {
|
|
169
|
-
"description": "Indicates if the audio should be replaced with a custom audio button\n playImage: image url for the play state\n pauseImage: image url for the pause state",
|
|
170
|
-
"type": "object",
|
|
171
|
-
"properties": {
|
|
172
|
-
"playImage": {
|
|
173
|
-
"type": "string",
|
|
174
|
-
"title": "playImage"
|
|
175
|
-
},
|
|
176
|
-
"pauseImage": {
|
|
177
|
-
"type": "string",
|
|
178
|
-
"title": "pauseImage"
|
|
179
|
-
}
|
|
180
|
-
},
|
|
181
|
-
"required": [
|
|
182
|
-
"pauseImage",
|
|
183
|
-
"playImage"
|
|
184
|
-
],
|
|
185
|
-
"title": "customAudioButton"
|
|
186
|
-
},
|
|
187
168
|
"id": {
|
|
188
169
|
"description": "Identifier to identify the Pie Element in html markup, Must be unique within a pie item config.",
|
|
189
170
|
"type": "string",
|
package/docs/pie-schema.json.md
CHANGED
|
@@ -125,18 +125,6 @@ Indicates if the audio for the prompt should autoplay
|
|
|
125
125
|
|
|
126
126
|
Indicates if the audio should reach the end before the item can be marked as 'complete'
|
|
127
127
|
|
|
128
|
-
# `customAudioButton` (object)
|
|
129
|
-
|
|
130
|
-
Indicates if the audio should be replaced with a custom audio button
|
|
131
|
-
playImage: image url for the play state
|
|
132
|
-
pauseImage: image url for the pause state
|
|
133
|
-
|
|
134
|
-
Properties of the `customAudioButton` object:
|
|
135
|
-
|
|
136
|
-
## `playImage` (string, required)
|
|
137
|
-
|
|
138
|
-
## `pauseImage` (string, required)
|
|
139
|
-
|
|
140
128
|
# `id` (string, required)
|
|
141
129
|
|
|
142
130
|
Identifier to identify the Pie Element in html markup, Must be unique within a pie item config.
|
package/lib/main.js
CHANGED
|
@@ -87,14 +87,15 @@ var Main = /*#__PURE__*/function (_React$Component) {
|
|
|
87
87
|
mode = model.mode,
|
|
88
88
|
language = model.language,
|
|
89
89
|
fontSizeFactor = model.fontSizeFactor,
|
|
90
|
-
autoplayAudioEnabled = model.autoplayAudioEnabled
|
|
91
|
-
customAudioButton = model.customAudioButton;
|
|
90
|
+
autoplayAudioEnabled = model.autoplayAudioEnabled;
|
|
92
91
|
|
|
93
92
|
var modelWithValue = _objectSpread(_objectSpread({}, model), {}, {
|
|
94
93
|
value: value
|
|
95
94
|
});
|
|
96
95
|
|
|
97
|
-
var showCorrectAnswerToggle = mode === 'evaluate';
|
|
96
|
+
var showCorrectAnswerToggle = mode === 'evaluate'; // Safari, Firefox, and Edge do not support autoplay audio smoothly in our use case
|
|
97
|
+
|
|
98
|
+
var addAutoplayAudio = autoplayAudioEnabled && !(/Safari|Firefox|Edg/.test(navigator.userAgent) && !/Chrome/.test(navigator.userAgent));
|
|
98
99
|
return /*#__PURE__*/_react["default"].createElement(_renderUi.UiLayout, {
|
|
99
100
|
extraCSSRules: extraCSSRules,
|
|
100
101
|
id: 'main-container',
|
|
@@ -111,8 +112,7 @@ var Main = /*#__PURE__*/function (_React$Component) {
|
|
|
111
112
|
})), prompt && /*#__PURE__*/_react["default"].createElement(_renderUi.PreviewPrompt, {
|
|
112
113
|
className: "prompt",
|
|
113
114
|
prompt: prompt,
|
|
114
|
-
autoplayAudioEnabled:
|
|
115
|
-
customAudioButton: customAudioButton
|
|
115
|
+
autoplayAudioEnabled: addAutoplayAudio
|
|
116
116
|
}), /*#__PURE__*/_react["default"].createElement(_correctAnswerToggle.CorrectAnswerToggle, {
|
|
117
117
|
show: showCorrectAnswerToggle,
|
|
118
118
|
toggled: showCorrectAnswer,
|
package/lib/main.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/main.js"],"names":["DraggableDragInTheBlank","DragInTheBlank","Main","showCorrectAnswer","setState","state","props","model","onChange","value","classes","extraCSSRules","prompt","mode","language","fontSizeFactor","autoplayAudioEnabled","
|
|
1
|
+
{"version":3,"sources":["../src/main.js"],"names":["DraggableDragInTheBlank","DragInTheBlank","Main","showCorrectAnswer","setState","state","props","model","onChange","value","classes","extraCSSRules","prompt","mode","language","fontSizeFactor","autoplayAudioEnabled","modelWithValue","showCorrectAnswerToggle","addAutoplayAudio","test","navigator","userAgent","mainContainer","teacherInstructions","collapsible","hidden","visible","toggleShowCorrect","rationale","React","Component","PropTypes","object","feedback","func","styles","theme","color","text","backgroundColor","background","position","marginBottom","spacing","unit","marginTop"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {CorrectAnswerToggle} from '@pie-lib/pie-toolbox/correct-answer-toggle';\nimport { DragInTheBlank } from '@pie-lib/pie-toolbox/mask-markup';\nimport { withDragContext } from '@pie-lib/pie-toolbox/drag';\nimport { color, Collapsible, hasText, PreviewPrompt, UiLayout } from '@pie-lib/pie-toolbox/render-ui';\nimport { withStyles } from '@material-ui/core/styles';\n\nconst DraggableDragInTheBlank = withDragContext(DragInTheBlank);\n\nexport class Main extends React.Component {\n static propTypes = {\n classes: PropTypes.object,\n model: PropTypes.object,\n value: PropTypes.object,\n feedback: PropTypes.object,\n onChange: PropTypes.func,\n };\n\n static defaultProps = {\n value: {},\n };\n\n state = {\n showCorrectAnswer: false,\n };\n\n toggleShowCorrect = () => {\n this.setState({ showCorrectAnswer: !this.state.showCorrectAnswer });\n };\n\n render() {\n const { showCorrectAnswer } = this.state;\n const { model, onChange, value, classes } = this.props;\n const { extraCSSRules, prompt, mode, language, fontSizeFactor, autoplayAudioEnabled } = model;\n const modelWithValue = { ...model, value };\n const showCorrectAnswerToggle = mode === 'evaluate';\n // Safari, Firefox, and Edge do not support autoplay audio smoothly in our use case\n const addAutoplayAudio = autoplayAudioEnabled && !(/Safari|Firefox|Edg/.test(navigator.userAgent) && !/Chrome/.test(navigator.userAgent));\n\n return (\n <UiLayout extraCSSRules={extraCSSRules} id={'main-container'} className={classes.mainContainer} fontSizeFactor={fontSizeFactor}>\n {model.teacherInstructions && hasText(model.teacherInstructions) && (\n <Collapsible\n className={classes.collapsible}\n labels={{ hidden: 'Show Teacher Instructions', visible: 'Hide Teacher Instructions' }}\n >\n <PreviewPrompt prompt={model.teacherInstructions} />\n </Collapsible>\n )}\n\n {prompt && <PreviewPrompt className=\"prompt\" prompt={prompt} autoplayAudioEnabled={addAutoplayAudio} />}\n\n <CorrectAnswerToggle\n show={showCorrectAnswerToggle}\n toggled={showCorrectAnswer}\n onToggle={this.toggleShowCorrect}\n language={language}\n />\n\n <DraggableDragInTheBlank {...modelWithValue} onChange={onChange} showCorrectAnswer={showCorrectAnswer} />\n\n {model.rationale && hasText(model.rationale) && (\n <Collapsible className={classes.rationale} labels={{ hidden: 'Show Rationale', visible: 'Hide Rationale' }}>\n <PreviewPrompt prompt={model.rationale} />\n </Collapsible>\n )}\n </UiLayout>\n );\n }\n}\n\nconst styles = (theme) => ({\n mainContainer: {\n color: color.text(),\n backgroundColor: color.background(),\n '& tr > td': {\n color: color.text(),\n },\n position: 'relative'\n },\n collapsible: {\n marginBottom: theme.spacing.unit * 2,\n },\n rationale: {\n marginTop: theme.spacing.unit * 2,\n },\n});\n\nexport default withStyles(styles)(Main);\n"],"file":"main.js"}
|
package/package.json
CHANGED
|
@@ -4,7 +4,7 @@
|
|
|
4
4
|
"access": "public"
|
|
5
5
|
},
|
|
6
6
|
"repository": "pie-framework/pie-elements",
|
|
7
|
-
"version": "6.7.8-next.
|
|
7
|
+
"version": "6.7.8-next.5+22cb99810",
|
|
8
8
|
"description": "",
|
|
9
9
|
"scripts": {
|
|
10
10
|
"postpublish": "../../scripts/postpublish"
|
|
@@ -21,7 +21,7 @@
|
|
|
21
21
|
},
|
|
22
22
|
"author": "",
|
|
23
23
|
"license": "ISC",
|
|
24
|
-
"gitHead": "
|
|
24
|
+
"gitHead": "22cb9981079770ec299f59bbc5994d44dfcbfe6a",
|
|
25
25
|
"main": "lib/index.js",
|
|
26
26
|
"module": "src/index.js"
|
|
27
27
|
}
|