@pocketprep/ui-kit 3.4.59 → 3.4.60

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.
@@ -673,6 +673,7 @@ export default class MobileMatrixChoicesContainer extends Vue {
673
673
 
674
674
  &__selected-choice-labels-container {
675
675
  display: flex;
676
+ flex-wrap: wrap;
676
677
  }
677
678
 
678
679
  &__selected-choice-labels {
@@ -30,7 +30,7 @@
30
30
  ? ` of ${quizLength}`
31
31
  : ''
32
32
  }${
33
- showAnswers
33
+ (showAnswers || showMatrixAnswers)
34
34
  ? isCorrect
35
35
  ? ', Answered Correctly'
36
36
  : ', Answered Incorrectly'
@@ -82,6 +82,7 @@ export default class QuestionContext extends Vue {
82
82
  @Prop() contextIconType!: TContextIcon
83
83
  @Prop({ default: null }) questionEl!: Element | null
84
84
  @Prop({ default: false }) showAnswers!: boolean
85
+ @Prop({ default: false }) showMatrixAnswers!: boolean
85
86
  @Prop({ default: {
86
87
  'mobile': 767,
87
88
  'tablet-portrait': 1023,
@@ -47,6 +47,7 @@
47
47
  :is-dark-mode="isDarkMode"
48
48
  :context-icon-type="contextIconType"
49
49
  :show-answers="showAnswers"
50
+ :show-matrix-answers="showMatrixAnswers"
50
51
  :question-el="questionEl"
51
52
  :breakpoints="breakpoints"
52
53
  >
@@ -117,7 +118,7 @@
117
118
  @upgradeClicked="emitUpgrade"
118
119
  />
119
120
  <div
120
- v-if="showAnswers && isTeachReview && isUnanswered"
121
+ v-if="(showAnswers || showMatrixAnswers) && isTeachReview && isUnanswered"
121
122
  v-dark="isDarkMode"
122
123
  class="uikit-question__unanswered-teach-review-label"
123
124
  >
@@ -152,7 +153,7 @@
152
153
  "
153
154
  >
154
155
  <div
155
- v-if="showAnswers && !isMCR && isUnanswered && !isCorrect && !isTeachReview"
156
+ v-if="(showAnswers || showMatrixAnswers) && !isMCR && isUnanswered && !isCorrect && !isTeachReview"
156
157
  v-dark="isDarkMode"
157
158
  class="uikit-question__unanswered-label"
158
159
  >
@@ -403,14 +404,14 @@
403
404
  Check Answer
404
405
  </PocketButton>
405
406
  <PocketButton
406
- v-else-if="(showAnswers || hideAnswer) && (questionNumber >= quizLength)"
407
+ v-else-if="(showAnswers || showMatrixAnswers || hideAnswer) && (questionNumber >= quizLength)"
407
408
  :is-dark-mode="isDarkMode"
408
409
  @click="emitSubmitQuiz"
409
410
  >
410
411
  Submit Quiz
411
412
  </PocketButton>
412
413
  <PocketButton
413
- v-else-if="(showAnswers || hideAnswer) && showNextQuestion"
414
+ v-else-if="(showAnswers || showMatrixAnswers || hideAnswer ) && showNextQuestion"
414
415
  :is-dark-mode="isDarkMode"
415
416
  @click="emitNextQuestion"
416
417
  >
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@pocketprep/ui-kit",
3
- "version": "3.4.59",
3
+ "version": "3.4.60",
4
4
  "description": "Pocket Prep UI Kit",
5
5
  "author": "pocketprep",
6
6
  "scripts": {