@micromag/screen-quiz 0.3.823 → 0.3.825

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 (2) hide show
  1. package/es/index.js +23 -2
  2. package/package.json +16 -16
package/es/index.js CHANGED
@@ -38,6 +38,7 @@ var propTypes$5 = {
38
38
  answeredIndex: PropTypes.number,
39
39
  answersCollapseDelay: PropTypes.number,
40
40
  buttonsStyle: PropTypes$1.boxStyle,
41
+ buttonsLayout: PropTypes$1.buttonLayout,
41
42
  inactiveButtonsStyle: PropTypes$1.boxStyle,
42
43
  buttonsTextStyle: PropTypes$1.textStyle,
43
44
  inactiveButtonsTextStyle: PropTypes$1.textStyle,
@@ -61,6 +62,7 @@ var defaultProps$5 = {
61
62
  answeredIndex: null,
62
63
  answersCollapseDelay: 1000,
63
64
  buttonsStyle: null,
65
+ buttonsLayout: null,
64
66
  inactiveButtonsStyle: null,
65
67
  buttonsTextStyle: null,
66
68
  inactiveButtonsTextStyle: null,
@@ -85,6 +87,7 @@ var Answers = function Answers(_ref) {
85
87
  answeredIndex = _ref.answeredIndex,
86
88
  answersCollapseDelay = _ref.answersCollapseDelay,
87
89
  buttonsStyle = _ref.buttonsStyle,
90
+ buttonsLayout = _ref.buttonsLayout,
88
91
  inactiveButtonsStyle = _ref.inactiveButtonsStyle,
89
92
  buttonsTextStyle = _ref.buttonsTextStyle,
90
93
  inactiveButtonsTextStyle = _ref.inactiveButtonsTextStyle,
@@ -401,7 +404,7 @@ var Answers = function Answers(_ref) {
401
404
  visual: visual,
402
405
  visualClassName: styles$4.optionVisual,
403
406
  imageClassName: styles$4.optionImage,
404
- layout: buttonLayout || (hasVisual ? 'label-right' : null)
407
+ layout: buttonLayout || buttonsLayout || (hasVisual ? 'label-right' : null)
405
408
  }, answered && !withoutIcon && rightAnswer === true ? /*#__PURE__*/React.createElement("span", {
406
409
  className: styles$4.resultIcon,
407
410
  style: getStyleFromColor(goodAnswerColor, 'backgroundColor')
@@ -452,6 +455,7 @@ var propTypes$4 = {
452
455
  index: PropTypes.number,
453
456
  totalCount: PropTypes.number,
454
457
  answeredIndex: PropTypes.number,
458
+ buttonsLayout: PropTypes$1.buttonLayout,
455
459
  buttonsStyle: PropTypes$1.boxStyle,
456
460
  inactiveButtonsStyle: PropTypes$1.boxStyle,
457
461
  buttonsTextStyle: PropTypes$1.textStyle,
@@ -488,6 +492,7 @@ var defaultProps$4 = {
488
492
  index: null,
489
493
  totalCount: null,
490
494
  answeredIndex: null,
495
+ buttonsLayout: null,
491
496
  buttonsStyle: null,
492
497
  inactiveButtonsStyle: null,
493
498
  buttonsTextStyle: null,
@@ -524,6 +529,7 @@ var Question = function Question(_ref) {
524
529
  index = _ref.index,
525
530
  totalCount = _ref.totalCount,
526
531
  answeredIndex = _ref.answeredIndex,
532
+ buttonsLayout = _ref.buttonsLayout,
527
533
  buttonsStyle = _ref.buttonsStyle,
528
534
  inactiveButtonsStyle = _ref.inactiveButtonsStyle,
529
535
  buttonsTextStyle = _ref.buttonsTextStyle,
@@ -629,6 +635,7 @@ var Question = function Question(_ref) {
629
635
  withoutGoodAnswer: withoutGoodAnswer,
630
636
  withoutIcon: withoutTrueFalse,
631
637
  showUserAnswer: withoutTrueFalse,
638
+ buttonsLayout: buttonsLayout,
632
639
  buttonsStyle: buttonsStyle,
633
640
  inactiveButtonsStyle: inactiveButtonsStyle,
634
641
  buttonsTextStyle: buttonsTextStyle,
@@ -688,6 +695,7 @@ var propTypes$3 = {
688
695
  text: PropTypes$1.textElement
689
696
  }),
690
697
  resultImage: PropTypes$1.visualElement,
698
+ buttonsLayout: PropTypes$1.buttonLayout,
691
699
  buttonsStyle: PropTypes$1.boxStyle,
692
700
  inactiveButtonsStyle: PropTypes$1.boxStyle,
693
701
  buttonsTextStyle: PropTypes$1.textStyle,
@@ -717,6 +725,7 @@ var defaultProps$3 = {
717
725
  answers: null,
718
726
  result: null,
719
727
  resultImage: null,
728
+ buttonsLayout: null,
720
729
  buttonsStyle: null,
721
730
  inactiveButtonsStyle: null,
722
731
  buttonsTextStyle: null,
@@ -746,6 +755,7 @@ var QuizScreen = function QuizScreen(_ref) {
746
755
  answers = _ref.answers,
747
756
  result = _ref.result,
748
757
  resultImage = _ref.resultImage,
758
+ buttonsLayout = _ref.buttonsLayout,
749
759
  buttonsStyle = _ref.buttonsStyle,
750
760
  inactiveButtonsStyle = _ref.inactiveButtonsStyle,
751
761
  buttonsTextStyle = _ref.buttonsTextStyle,
@@ -945,6 +955,7 @@ var QuizScreen = function QuizScreen(_ref) {
945
955
  result: result,
946
956
  resultImage: resultImage,
947
957
  answeredIndex: userAnswerIndex,
958
+ buttonsLayout: buttonsLayout,
948
959
  buttonsStyle: buttonsStyle,
949
960
  buttonsTextStyle: buttonsTextStyle,
950
961
  inactiveButtonsStyle: inactiveButtonsStyle,
@@ -1841,7 +1852,7 @@ var definition = [{
1841
1852
  name: 'keypadLayout',
1842
1853
  type: 'keypad-layout',
1843
1854
  isList: true,
1844
- withoutLabel: true,
1855
+ // isCollapsible: true,
1845
1856
  defaultValue: {
1846
1857
  columnAlign: 'middle',
1847
1858
  columns: 1,
@@ -1899,6 +1910,16 @@ var definition = [{
1899
1910
  }]
1900
1911
  }),
1901
1912
  fields: [{
1913
+ name: 'buttonsLayout',
1914
+ type: 'button-layout',
1915
+ label: defineMessage({
1916
+ id: "8Dmlwh",
1917
+ defaultMessage: [{
1918
+ "type": 0,
1919
+ "value": "Answer button layout"
1920
+ }]
1921
+ })
1922
+ }, {
1902
1923
  name: 'buttonsTextStyle',
1903
1924
  type: 'text-style-form',
1904
1925
  label: defineMessage({
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@micromag/screen-quiz",
3
- "version": "0.3.823",
3
+ "version": "0.3.825",
4
4
  "private": false,
5
5
  "description": "",
6
6
  "keywords": [
@@ -63,20 +63,20 @@
63
63
  "@fortawesome/fontawesome-svg-core": "^6.5.2",
64
64
  "@fortawesome/free-solid-svg-icons": "^6.5.2",
65
65
  "@fortawesome/react-fontawesome": "^0.2.0",
66
- "@micromag/core": "^0.3.820",
67
- "@micromag/data": "^0.3.820",
68
- "@micromag/element-background": "^0.3.820",
69
- "@micromag/element-button": "^0.3.823",
70
- "@micromag/element-container": "^0.3.820",
71
- "@micromag/element-footer": "^0.3.823",
72
- "@micromag/element-header": "^0.3.820",
73
- "@micromag/element-heading": "^0.3.820",
74
- "@micromag/element-keypad": "^0.3.820",
75
- "@micromag/element-layout": "^0.3.820",
76
- "@micromag/element-scroll": "^0.3.820",
77
- "@micromag/element-text": "^0.3.820",
78
- "@micromag/element-visual": "^0.3.820",
79
- "@micromag/transforms": "^0.3.820",
66
+ "@micromag/core": "^0.3.824",
67
+ "@micromag/data": "^0.3.824",
68
+ "@micromag/element-background": "^0.3.824",
69
+ "@micromag/element-button": "^0.3.824",
70
+ "@micromag/element-container": "^0.3.824",
71
+ "@micromag/element-footer": "^0.3.824",
72
+ "@micromag/element-header": "^0.3.824",
73
+ "@micromag/element-heading": "^0.3.824",
74
+ "@micromag/element-keypad": "^0.3.824",
75
+ "@micromag/element-layout": "^0.3.824",
76
+ "@micromag/element-scroll": "^0.3.824",
77
+ "@micromag/element-text": "^0.3.824",
78
+ "@micromag/element-visual": "^0.3.824",
79
+ "@micromag/transforms": "^0.3.824",
80
80
  "@react-spring/core": "^9.6.1",
81
81
  "@react-spring/web": "^9.6.1",
82
82
  "classnames": "^2.2.6",
@@ -90,5 +90,5 @@
90
90
  "access": "public",
91
91
  "registry": "https://registry.npmjs.org/"
92
92
  },
93
- "gitHead": "efd3562981f1148d707bf567cce77142350f59f5"
93
+ "gitHead": "9890c74aab7381f1d98d6d51048c173832aa7fd3"
94
94
  }