@pie-element/ebsr 10.5.11-next.3 → 10.5.11-next.6
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/demo/generate.js +2 -2
- package/module/demo.js +2 -2
- package/module/element.js +16 -15
- package/module/print-demo.js +2 -2
- package/module/print.js +16 -15
- package/package.json +3 -3
package/docs/demo/generate.js
CHANGED
|
@@ -2,7 +2,7 @@ exports.model = (id, element) => ({
|
|
|
2
2
|
id,
|
|
3
3
|
element,
|
|
4
4
|
partA: {
|
|
5
|
-
choiceMode: '
|
|
5
|
+
choiceMode: 'checkbox',
|
|
6
6
|
choices: [
|
|
7
7
|
{
|
|
8
8
|
value: 'yellow',
|
|
@@ -24,7 +24,7 @@ exports.model = (id, element) => ({
|
|
|
24
24
|
promptEnabled: true,
|
|
25
25
|
},
|
|
26
26
|
partB: {
|
|
27
|
-
choiceMode: '
|
|
27
|
+
choiceMode: 'checkbox',
|
|
28
28
|
choices: [
|
|
29
29
|
{
|
|
30
30
|
value: 'orange',
|
package/module/demo.js
CHANGED
|
@@ -8,7 +8,7 @@ generate.model = (id, element) => ({
|
|
|
8
8
|
id,
|
|
9
9
|
element,
|
|
10
10
|
partA: {
|
|
11
|
-
choiceMode: '
|
|
11
|
+
choiceMode: 'checkbox',
|
|
12
12
|
choices: [
|
|
13
13
|
{
|
|
14
14
|
value: 'yellow',
|
|
@@ -30,7 +30,7 @@ generate.model = (id, element) => ({
|
|
|
30
30
|
promptEnabled: true,
|
|
31
31
|
},
|
|
32
32
|
partB: {
|
|
33
|
-
choiceMode: '
|
|
33
|
+
choiceMode: 'checkbox',
|
|
34
34
|
choices: [
|
|
35
35
|
{
|
|
36
36
|
value: 'orange',
|
package/module/element.js
CHANGED
|
@@ -12311,7 +12311,7 @@ const StyledCheckbox = styles$b.withStyles(inputStyles)(props => {
|
|
|
12311
12311
|
});
|
|
12312
12312
|
});
|
|
12313
12313
|
const StyledRadio = styles$b.withStyles(inputStyles)(props => {
|
|
12314
|
-
const {correctness, classes, checked, onChange, disabled, value, id, tagName} = props;
|
|
12314
|
+
const {correctness, classes, checked, onChange, disabled, value, id, tagName, inputRef} = props;
|
|
12315
12315
|
const key = k => correctness ? `${correctness}-${k}` : k;
|
|
12316
12316
|
const resolved = {
|
|
12317
12317
|
root: classes[key('root')],
|
|
@@ -12326,6 +12326,7 @@ const StyledRadio = styles$b.withStyles(inputStyles)(props => {
|
|
|
12326
12326
|
};
|
|
12327
12327
|
return React$4.createElement(Radio, {
|
|
12328
12328
|
id: id,
|
|
12329
|
+
inputRef: inputRef,
|
|
12329
12330
|
'aria-checked': checked,
|
|
12330
12331
|
focusVisibleClassName: checked ? classes.focusVisibleChecked : classes.focusVisibleUnchecked,
|
|
12331
12332
|
disableRipple: true,
|
|
@@ -12422,7 +12423,7 @@ class ChoiceInput extends React$4.Component {
|
|
|
12422
12423
|
__self: this,
|
|
12423
12424
|
__source: {
|
|
12424
12425
|
fileName: _jsxFileName$3,
|
|
12425
|
-
lineNumber:
|
|
12426
|
+
lineNumber: 290
|
|
12426
12427
|
}
|
|
12427
12428
|
}, displayKey, ".", '\u00A0', React$4.createElement(PreviewPrompt$1, {
|
|
12428
12429
|
className: "label",
|
|
@@ -12431,7 +12432,7 @@ class ChoiceInput extends React$4.Component {
|
|
|
12431
12432
|
__self: this,
|
|
12432
12433
|
__source: {
|
|
12433
12434
|
fileName: _jsxFileName$3,
|
|
12434
|
-
lineNumber:
|
|
12435
|
+
lineNumber: 292
|
|
12435
12436
|
}
|
|
12436
12437
|
})) : React$4.createElement(PreviewPrompt$1, {
|
|
12437
12438
|
className: "label",
|
|
@@ -12440,7 +12441,7 @@ class ChoiceInput extends React$4.Component {
|
|
|
12440
12441
|
__self: this,
|
|
12441
12442
|
__source: {
|
|
12442
12443
|
fileName: _jsxFileName$3,
|
|
12443
|
-
lineNumber:
|
|
12444
|
+
lineNumber: 295
|
|
12444
12445
|
}
|
|
12445
12446
|
}));
|
|
12446
12447
|
const screenReaderLabel = React$4.createElement('span', {
|
|
@@ -12449,7 +12450,7 @@ class ChoiceInput extends React$4.Component {
|
|
|
12449
12450
|
__self: this,
|
|
12450
12451
|
__source: {
|
|
12451
12452
|
fileName: _jsxFileName$3,
|
|
12452
|
-
lineNumber:
|
|
12453
|
+
lineNumber: 301
|
|
12453
12454
|
}
|
|
12454
12455
|
}, choiceMode === 'checkbox' ? 'Checkbox to select the answer below' : 'Radio button to select the answer below');
|
|
12455
12456
|
const tagProps = {
|
|
@@ -12469,7 +12470,7 @@ class ChoiceInput extends React$4.Component {
|
|
|
12469
12470
|
__self: this,
|
|
12470
12471
|
__source: {
|
|
12471
12472
|
fileName: _jsxFileName$3,
|
|
12472
|
-
lineNumber:
|
|
12473
|
+
lineNumber: 329
|
|
12473
12474
|
}
|
|
12474
12475
|
}, hasMathOrImage && screenReaderLabel, React$4.createElement(Tag, {
|
|
12475
12476
|
...tagProps,
|
|
@@ -12479,7 +12480,7 @@ class ChoiceInput extends React$4.Component {
|
|
|
12479
12480
|
__self: this,
|
|
12480
12481
|
__source: {
|
|
12481
12482
|
fileName: _jsxFileName$3,
|
|
12482
|
-
lineNumber:
|
|
12483
|
+
lineNumber: 331
|
|
12483
12484
|
}
|
|
12484
12485
|
}), displayKey ? `${displayKey}.` : '') : React$4.createElement(React$4.Fragment, null, hasMathOrImage && screenReaderLabel, React$4.createElement(Tag, {
|
|
12485
12486
|
...tagProps,
|
|
@@ -12487,7 +12488,7 @@ class ChoiceInput extends React$4.Component {
|
|
|
12487
12488
|
__self: this,
|
|
12488
12489
|
__source: {
|
|
12489
12490
|
fileName: _jsxFileName$3,
|
|
12490
|
-
lineNumber:
|
|
12491
|
+
lineNumber: 337
|
|
12491
12492
|
}
|
|
12492
12493
|
}));
|
|
12493
12494
|
return React$4.createElement('div', {
|
|
@@ -12495,28 +12496,28 @@ class ChoiceInput extends React$4.Component {
|
|
|
12495
12496
|
__self: this,
|
|
12496
12497
|
__source: {
|
|
12497
12498
|
fileName: _jsxFileName$3,
|
|
12498
|
-
lineNumber:
|
|
12499
|
+
lineNumber: 342
|
|
12499
12500
|
}
|
|
12500
12501
|
}, React$4.createElement('div', {
|
|
12501
12502
|
className: classes.row,
|
|
12502
12503
|
__self: this,
|
|
12503
12504
|
__source: {
|
|
12504
12505
|
fileName: _jsxFileName$3,
|
|
12505
|
-
lineNumber:
|
|
12506
|
+
lineNumber: 343
|
|
12506
12507
|
}
|
|
12507
12508
|
}, !hideTick && isEvaluateMode && React$4.createElement(FeedbackTick$1, {
|
|
12508
12509
|
correctness: correctness,
|
|
12509
12510
|
__self: this,
|
|
12510
12511
|
__source: {
|
|
12511
12512
|
fileName: _jsxFileName$3,
|
|
12512
|
-
lineNumber:
|
|
12513
|
+
lineNumber: 344
|
|
12513
12514
|
}
|
|
12514
12515
|
}), React$4.createElement('div', {
|
|
12515
12516
|
className: classNames$2(holderClassNames, 'checkbox-holder'),
|
|
12516
12517
|
__self: this,
|
|
12517
12518
|
__source: {
|
|
12518
12519
|
fileName: _jsxFileName$3,
|
|
12519
|
-
lineNumber:
|
|
12520
|
+
lineNumber: 345
|
|
12520
12521
|
}
|
|
12521
12522
|
}, React$4.createElement(StyledFormControlLabel, {
|
|
12522
12523
|
label: choicelabel,
|
|
@@ -12527,7 +12528,7 @@ class ChoiceInput extends React$4.Component {
|
|
|
12527
12528
|
__self: this,
|
|
12528
12529
|
__source: {
|
|
12529
12530
|
fileName: _jsxFileName$3,
|
|
12530
|
-
lineNumber:
|
|
12531
|
+
lineNumber: 346
|
|
12531
12532
|
}
|
|
12532
12533
|
}))), rationale && React$4.createElement(PreviewPrompt$1, {
|
|
12533
12534
|
className: "rationale",
|
|
@@ -12536,7 +12537,7 @@ class ChoiceInput extends React$4.Component {
|
|
|
12536
12537
|
__self: this,
|
|
12537
12538
|
__source: {
|
|
12538
12539
|
fileName: _jsxFileName$3,
|
|
12539
|
-
lineNumber:
|
|
12540
|
+
lineNumber: 355
|
|
12540
12541
|
}
|
|
12541
12542
|
}), React$4.createElement(Feedback, {
|
|
12542
12543
|
feedback: feedback,
|
|
@@ -12544,7 +12545,7 @@ class ChoiceInput extends React$4.Component {
|
|
|
12544
12545
|
__self: this,
|
|
12545
12546
|
__source: {
|
|
12546
12547
|
fileName: _jsxFileName$3,
|
|
12547
|
-
lineNumber:
|
|
12548
|
+
lineNumber: 356
|
|
12548
12549
|
}
|
|
12549
12550
|
}));
|
|
12550
12551
|
}
|
package/module/print-demo.js
CHANGED
|
@@ -6,7 +6,7 @@ generate.model = (id, element) => ({
|
|
|
6
6
|
id,
|
|
7
7
|
element,
|
|
8
8
|
partA: {
|
|
9
|
-
choiceMode: '
|
|
9
|
+
choiceMode: 'checkbox',
|
|
10
10
|
choices: [
|
|
11
11
|
{
|
|
12
12
|
value: 'yellow',
|
|
@@ -28,7 +28,7 @@ generate.model = (id, element) => ({
|
|
|
28
28
|
promptEnabled: true,
|
|
29
29
|
},
|
|
30
30
|
partB: {
|
|
31
|
-
choiceMode: '
|
|
31
|
+
choiceMode: 'checkbox',
|
|
32
32
|
choices: [
|
|
33
33
|
{
|
|
34
34
|
value: 'orange',
|
package/module/print.js
CHANGED
|
@@ -12274,7 +12274,7 @@ const StyledCheckbox = styles$b.withStyles(inputStyles)(props => {
|
|
|
12274
12274
|
});
|
|
12275
12275
|
});
|
|
12276
12276
|
const StyledRadio = styles$b.withStyles(inputStyles)(props => {
|
|
12277
|
-
const {correctness, classes, checked, onChange, disabled, value, id, tagName} = props;
|
|
12277
|
+
const {correctness, classes, checked, onChange, disabled, value, id, tagName, inputRef} = props;
|
|
12278
12278
|
const key = k => correctness ? `${correctness}-${k}` : k;
|
|
12279
12279
|
const resolved = {
|
|
12280
12280
|
root: classes[key('root')],
|
|
@@ -12289,6 +12289,7 @@ const StyledRadio = styles$b.withStyles(inputStyles)(props => {
|
|
|
12289
12289
|
};
|
|
12290
12290
|
return React$4.createElement(Radio, {
|
|
12291
12291
|
id: id,
|
|
12292
|
+
inputRef: inputRef,
|
|
12292
12293
|
'aria-checked': checked,
|
|
12293
12294
|
focusVisibleClassName: checked ? classes.focusVisibleChecked : classes.focusVisibleUnchecked,
|
|
12294
12295
|
disableRipple: true,
|
|
@@ -12385,7 +12386,7 @@ class ChoiceInput extends React$4.Component {
|
|
|
12385
12386
|
__self: this,
|
|
12386
12387
|
__source: {
|
|
12387
12388
|
fileName: _jsxFileName$3,
|
|
12388
|
-
lineNumber:
|
|
12389
|
+
lineNumber: 290
|
|
12389
12390
|
}
|
|
12390
12391
|
}, displayKey, ".", '\u00A0', React$4.createElement(PreviewPrompt$1, {
|
|
12391
12392
|
className: "label",
|
|
@@ -12394,7 +12395,7 @@ class ChoiceInput extends React$4.Component {
|
|
|
12394
12395
|
__self: this,
|
|
12395
12396
|
__source: {
|
|
12396
12397
|
fileName: _jsxFileName$3,
|
|
12397
|
-
lineNumber:
|
|
12398
|
+
lineNumber: 292
|
|
12398
12399
|
}
|
|
12399
12400
|
})) : React$4.createElement(PreviewPrompt$1, {
|
|
12400
12401
|
className: "label",
|
|
@@ -12403,7 +12404,7 @@ class ChoiceInput extends React$4.Component {
|
|
|
12403
12404
|
__self: this,
|
|
12404
12405
|
__source: {
|
|
12405
12406
|
fileName: _jsxFileName$3,
|
|
12406
|
-
lineNumber:
|
|
12407
|
+
lineNumber: 295
|
|
12407
12408
|
}
|
|
12408
12409
|
}));
|
|
12409
12410
|
const screenReaderLabel = React$4.createElement('span', {
|
|
@@ -12412,7 +12413,7 @@ class ChoiceInput extends React$4.Component {
|
|
|
12412
12413
|
__self: this,
|
|
12413
12414
|
__source: {
|
|
12414
12415
|
fileName: _jsxFileName$3,
|
|
12415
|
-
lineNumber:
|
|
12416
|
+
lineNumber: 301
|
|
12416
12417
|
}
|
|
12417
12418
|
}, choiceMode === 'checkbox' ? 'Checkbox to select the answer below' : 'Radio button to select the answer below');
|
|
12418
12419
|
const tagProps = {
|
|
@@ -12432,7 +12433,7 @@ class ChoiceInput extends React$4.Component {
|
|
|
12432
12433
|
__self: this,
|
|
12433
12434
|
__source: {
|
|
12434
12435
|
fileName: _jsxFileName$3,
|
|
12435
|
-
lineNumber:
|
|
12436
|
+
lineNumber: 329
|
|
12436
12437
|
}
|
|
12437
12438
|
}, hasMathOrImage && screenReaderLabel, React$4.createElement(Tag, {
|
|
12438
12439
|
...tagProps,
|
|
@@ -12442,7 +12443,7 @@ class ChoiceInput extends React$4.Component {
|
|
|
12442
12443
|
__self: this,
|
|
12443
12444
|
__source: {
|
|
12444
12445
|
fileName: _jsxFileName$3,
|
|
12445
|
-
lineNumber:
|
|
12446
|
+
lineNumber: 331
|
|
12446
12447
|
}
|
|
12447
12448
|
}), displayKey ? `${displayKey}.` : '') : React$4.createElement(React$4.Fragment, null, hasMathOrImage && screenReaderLabel, React$4.createElement(Tag, {
|
|
12448
12449
|
...tagProps,
|
|
@@ -12450,7 +12451,7 @@ class ChoiceInput extends React$4.Component {
|
|
|
12450
12451
|
__self: this,
|
|
12451
12452
|
__source: {
|
|
12452
12453
|
fileName: _jsxFileName$3,
|
|
12453
|
-
lineNumber:
|
|
12454
|
+
lineNumber: 337
|
|
12454
12455
|
}
|
|
12455
12456
|
}));
|
|
12456
12457
|
return React$4.createElement('div', {
|
|
@@ -12458,28 +12459,28 @@ class ChoiceInput extends React$4.Component {
|
|
|
12458
12459
|
__self: this,
|
|
12459
12460
|
__source: {
|
|
12460
12461
|
fileName: _jsxFileName$3,
|
|
12461
|
-
lineNumber:
|
|
12462
|
+
lineNumber: 342
|
|
12462
12463
|
}
|
|
12463
12464
|
}, React$4.createElement('div', {
|
|
12464
12465
|
className: classes.row,
|
|
12465
12466
|
__self: this,
|
|
12466
12467
|
__source: {
|
|
12467
12468
|
fileName: _jsxFileName$3,
|
|
12468
|
-
lineNumber:
|
|
12469
|
+
lineNumber: 343
|
|
12469
12470
|
}
|
|
12470
12471
|
}, !hideTick && isEvaluateMode && React$4.createElement(FeedbackTick$1, {
|
|
12471
12472
|
correctness: correctness,
|
|
12472
12473
|
__self: this,
|
|
12473
12474
|
__source: {
|
|
12474
12475
|
fileName: _jsxFileName$3,
|
|
12475
|
-
lineNumber:
|
|
12476
|
+
lineNumber: 344
|
|
12476
12477
|
}
|
|
12477
12478
|
}), React$4.createElement('div', {
|
|
12478
12479
|
className: classNames$2(holderClassNames, 'checkbox-holder'),
|
|
12479
12480
|
__self: this,
|
|
12480
12481
|
__source: {
|
|
12481
12482
|
fileName: _jsxFileName$3,
|
|
12482
|
-
lineNumber:
|
|
12483
|
+
lineNumber: 345
|
|
12483
12484
|
}
|
|
12484
12485
|
}, React$4.createElement(StyledFormControlLabel, {
|
|
12485
12486
|
label: choicelabel,
|
|
@@ -12490,7 +12491,7 @@ class ChoiceInput extends React$4.Component {
|
|
|
12490
12491
|
__self: this,
|
|
12491
12492
|
__source: {
|
|
12492
12493
|
fileName: _jsxFileName$3,
|
|
12493
|
-
lineNumber:
|
|
12494
|
+
lineNumber: 346
|
|
12494
12495
|
}
|
|
12495
12496
|
}))), rationale && React$4.createElement(PreviewPrompt$1, {
|
|
12496
12497
|
className: "rationale",
|
|
@@ -12499,7 +12500,7 @@ class ChoiceInput extends React$4.Component {
|
|
|
12499
12500
|
__self: this,
|
|
12500
12501
|
__source: {
|
|
12501
12502
|
fileName: _jsxFileName$3,
|
|
12502
|
-
lineNumber:
|
|
12503
|
+
lineNumber: 355
|
|
12503
12504
|
}
|
|
12504
12505
|
}), React$4.createElement(Feedback, {
|
|
12505
12506
|
feedback: feedback,
|
|
@@ -12507,7 +12508,7 @@ class ChoiceInput extends React$4.Component {
|
|
|
12507
12508
|
__self: this,
|
|
12508
12509
|
__source: {
|
|
12509
12510
|
fileName: _jsxFileName$3,
|
|
12510
|
-
lineNumber:
|
|
12511
|
+
lineNumber: 356
|
|
12511
12512
|
}
|
|
12512
12513
|
}));
|
|
12513
12514
|
}
|
package/package.json
CHANGED
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@pie-element/ebsr",
|
|
3
|
-
"version": "10.5.11-next.
|
|
3
|
+
"version": "10.5.11-next.6+1c7d8ad17",
|
|
4
4
|
"description": "",
|
|
5
5
|
"repository": "pie-framework/pie-elements",
|
|
6
6
|
"publishConfig": {
|
|
7
7
|
"access": "public"
|
|
8
8
|
},
|
|
9
9
|
"dependencies": {
|
|
10
|
-
"@pie-element/multiple-choice": "^9.16.5-next.
|
|
10
|
+
"@pie-element/multiple-choice": "^9.16.5-next.6+1c7d8ad17",
|
|
11
11
|
"@pie-framework/pie-player-events": "^0.1.0",
|
|
12
12
|
"@pie-lib/pie-toolbox": "2.19.0",
|
|
13
13
|
"classnames": "^2.2.5",
|
|
@@ -16,7 +16,7 @@
|
|
|
16
16
|
},
|
|
17
17
|
"author": "pie framework developers",
|
|
18
18
|
"license": "ISC",
|
|
19
|
-
"gitHead": "
|
|
19
|
+
"gitHead": "1c7d8ad1742e80602e5d0901bfada9984e70588b",
|
|
20
20
|
"scripts": {
|
|
21
21
|
"postpublish": "../../scripts/postpublish"
|
|
22
22
|
},
|