@khanacademy/perseus 16.0.0 → 17.1.0

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 (57) hide show
  1. package/CHANGELOG.md +74 -0
  2. package/dist/article-renderer.d.ts +1 -2
  3. package/dist/components.d.ts +0 -1
  4. package/dist/dependencies.d.ts +1 -0
  5. package/dist/es/index.css +20 -90
  6. package/dist/es/index.js +457 -1028
  7. package/dist/es/index.js.map +1 -1
  8. package/dist/index.css +20 -90
  9. package/dist/index.d.ts +0 -1
  10. package/dist/index.js +456 -1031
  11. package/dist/index.js.map +1 -1
  12. package/dist/perseus-types.d.ts +1 -0
  13. package/dist/server-item-renderer.d.ts +42 -15
  14. package/dist/strings.js +1 -23
  15. package/dist/widgets/label-image/answer-pill.d.ts +10 -0
  16. package/dist/widgets/label-image/hide-answers-toggle.d.ts +6 -0
  17. package/dist/widgets/label-image/marker.d.ts +6 -9
  18. package/dist/widgets/label-image/types.d.ts +1 -0
  19. package/dist/widgets/label-image.d.ts +101 -12
  20. package/package.json +30 -22
  21. package/src/__stories__/server-item-renderer.stories.tsx +20 -1
  22. package/src/__testdata__/server-item-renderer.testdata.ts +173 -0
  23. package/src/__tests__/__snapshots__/renderer.test.tsx.snap +3 -3
  24. package/src/__tests__/server-item-renderer.test.tsx +38 -1
  25. package/src/article-renderer.tsx +13 -15
  26. package/src/components.ts +0 -1
  27. package/src/dependencies.ts +4 -0
  28. package/src/index.ts +0 -1
  29. package/src/perseus-types.ts +2 -0
  30. package/src/server-item-renderer.tsx +26 -14
  31. package/src/styles/khan-exercise.css +0 -24
  32. package/src/styles/widgets/label-image.less +32 -0
  33. package/src/widgets/__stories__/label-image.stories.tsx +73 -3
  34. package/src/widgets/__testdata__/label-image.testdata.ts +118 -1
  35. package/src/widgets/__tests__/__snapshots__/dropdown.test.ts.snap +2 -2
  36. package/src/widgets/label-image/__stories__/answer-pill.stories.tsx +62 -0
  37. package/src/widgets/label-image/__tests__/answer-pill.test.tsx +83 -0
  38. package/src/widgets/label-image/__tests__/hide-answers-toggle.test.tsx +39 -0
  39. package/src/widgets/label-image/answer-choices.tsx +7 -1
  40. package/src/widgets/label-image/answer-pill.tsx +89 -0
  41. package/src/widgets/label-image/hide-answers-toggle.tsx +40 -0
  42. package/src/widgets/label-image/marker.tsx +116 -174
  43. package/src/widgets/label-image/types.ts +1 -0
  44. package/src/widgets/label-image.test.ts +142 -52
  45. package/src/widgets/label-image.tsx +212 -135
  46. package/tsconfig-build.tsbuildinfo +1 -1
  47. package/dist/components/tex-buttons.d.ts +0 -25
  48. package/dist/item-renderer.d.ts +0 -125
  49. package/dist/mixins/provide-keypad.d.ts +0 -39
  50. package/src/__stories__/item-renderer.stories.tsx +0 -30
  51. package/src/__testdata__/item-renderer.testdata.ts +0 -299
  52. package/src/__tests__/__snapshots__/item-renderer.test.tsx.snap +0 -224
  53. package/src/__tests__/item-renderer.test.tsx +0 -930
  54. package/src/components/__stories__/text-buttons.stories.tsx +0 -54
  55. package/src/components/tex-buttons.tsx +0 -334
  56. package/src/item-renderer.tsx +0 -529
  57. package/src/mixins/provide-keypad.tsx +0 -137
package/src/__tests__/__snapshots__/item-renderer.test.tsx.snap DELETED
@@ -1,224 +0,0 @@
1
- // Jest Snapshot v1, https://goo.gl/fbAQLP
2
-
3
- exports[`item renderer should snapshot: initial render 1`] = `
4
- <div>
5
- <div />
6
- <div
7
- id="workarea"
8
- >
9
- <div
10
- class="perseus-renderer perseus-renderer-responsive"
11
- >
12
- <div
13
- class="paragraph"
14
- data-perseus-paragraph-index="0"
15
- >
16
- <div
17
- class="paragraph"
18
- >
19
- Enter the number
20
- <span
21
- style="white-space: nowrap;"
22
- >
23
- <span />
24
- <span
25
- class="mock-TeX"
26
- />
27
- <span />
28
- </span>
29
- -42
30
- <span
31
- style="white-space: nowrap;"
32
- >
33
- <span />
34
- <span
35
- class="mock-TeX"
36
- />
37
- <span />
38
- </span>
39
- in the box:
40
- <div
41
- class="perseus-widget-container widget-nohighlight widget-inline-block"
42
- >
43
- <span>
44
- <div>
45
- <input
46
- autocapitalize="off"
47
- autocomplete="off"
48
- autocorrect="off"
49
- class="input_1t4b01j-o_O-LabelMedium_1rew30o-o_O-default_1r2dwp3-o_O-default_1gznapd-o_O-leftAlign_7jg4r4"
50
- id="input-with-examples-aW5wdXQtbnVtYmVyIDE"
51
- type="text"
52
- value=""
53
- />
54
- </div>
55
- <div
56
- style="position: relative; height: 0px; display: none;"
57
- >
58
- <div
59
- class="tooltipContainer"
60
- style="position: absolute; left: 0px;"
61
- >
62
- <div
63
- style="display: block; position: relative; visibility: visible; left: 0px; top: -1px; width: 12px; height: 11px; margin-top: -1px; margin-bottom: -2px; z-index: 10;"
64
- >
65
- <div
66
- style="display: block; height: 0px; width: 0px; position: absolute; left: 0px; top: -1px; border-right: 12px solid transparent; border-bottom: 12px solid #ccc;"
67
- />
68
- <div
69
- style="display: block; height: 0px; width: 0px; position: absolute; left: 1px; top: 1px; border-right: 10px solid transparent; border-bottom: 10px solid white;"
70
- />
71
- </div>
72
- <div
73
- class="perseus-formats-tooltip preview-measure"
74
- style="position: relative; top: 0px; left: 0px; border: 1px solid #ccc; box-shadow: 0 1px 3px #ccc; z-index: 9;"
75
- >
76
- <div
77
- id="input-with-examples-aW5wdXQtbnVtYmVyIDE"
78
- >
79
- <div
80
- class="perseus-renderer perseus-renderer-responsive"
81
- >
82
- <div
83
- class="paragraph"
84
- data-perseus-paragraph-index="0"
85
- >
86
- <ul>
87
- <li>
88
- <strong>
89
- Your answer should be
90
- </strong>
91
- </li>
92
- <li>
93
- an integer, like
94
- <span
95
- style="white-space: nowrap;"
96
- >
97
- <span />
98
- <span
99
- class="mock-TeX"
100
- >
101
- 6
102
- </span>
103
- <span />
104
- </span>
105
- </li>
106
- <li>
107
- an
108
- <em>
109
- exact
110
- </em>
111
- decimal, like
112
- <span
113
- style="white-space: nowrap;"
114
- >
115
- <span />
116
- <span
117
- class="mock-TeX"
118
- >
119
- 0.75
120
- </span>
121
- <span />
122
- </span>
123
- </li>
124
- <li>
125
- a
126
- <em>
127
- simplified proper
128
- </em>
129
- fraction, like
130
- <span
131
- style="white-space: nowrap;"
132
- >
133
- <span />
134
- <span
135
- class="mock-TeX"
136
- >
137
- 3/5
138
- </span>
139
- <span />
140
- </span>
141
- </li>
142
- <li>
143
- a
144
- <em>
145
- simplified improper
146
- </em>
147
- fraction, like
148
- <span
149
- style="white-space: nowrap;"
150
- >
151
- <span />
152
- <span
153
- class="mock-TeX"
154
- >
155
- 7/4
156
- </span>
157
- <span />
158
- </span>
159
- </li>
160
- <li>
161
- a mixed number, like
162
- <span
163
- style="white-space: nowrap;"
164
- >
165
- <span />
166
- <span
167
- class="mock-TeX"
168
- >
169
- 1\\ 3/4
170
- </span>
171
- <span />
172
- </span>
173
- </li>
174
- </ul>
175
- </div>
176
- </div>
177
- </div>
178
- </div>
179
- </div>
180
- </div>
181
- </span>
182
- </div>
183
- </div>
184
- </div>
185
- </div>
186
- </div>
187
- <div
188
- id="hintsarea"
189
- >
190
- <div
191
- class=""
192
- />
193
- </div>
194
- <div
195
- class="test_peripherals"
196
- >
197
- <div
198
- data-test-id="calculator"
199
- id="calculator"
200
- style="display: none;"
201
- />
202
- <div
203
- class="periodic-table-info-box"
204
- data-test-id="periodic-table-info-box"
205
- style="display: none;"
206
- />
207
- <div
208
- class="z-table-info-box"
209
- data-test-id="z-table-info-box"
210
- style="display: none;"
211
- />
212
- <div
213
- class="t-table-info-box"
214
- data-test-id="t-table-info-box"
215
- style="display: none;"
216
- />
217
- <div
218
- class="chi2-table-info-box"
219
- data-test-id="chi2-table-info-box"
220
- style="display: none;"
221
- />
222
- </div>
223
- </div>
224
- `;