@khanacademy/perseus-editor 27.1.0 → 27.3.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.
- package/dist/components/labeled-switch.d.ts +2 -0
- package/dist/es/index.js +22 -20
- package/dist/es/index.js.map +1 -1
- package/dist/index.js +22 -20
- package/dist/index.js.map +1 -1
- package/dist/widgets/interactive-graph-editor/components/axis-arrow-switches.d.ts +8 -0
- package/dist/widgets/interactive-graph-editor/components/interactive-graph-settings.d.ts +14 -1
- package/dist/widgets/interactive-graph-editor/interactive-graph-editor.d.ts +246 -133
- package/package.json +8 -8
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { type LockedFigure, type PerseusImageBackground, type PerseusInteractiveGraphWidgetOptions, type PerseusGraphType, type MarkingsType, type InteractiveGraphDefaultWidgetOptions, type AxisLabelLocation } from "@khanacademy/perseus-core";
|
|
1
|
+
import { type LockedFigure, type PerseusImageBackground, type PerseusInteractiveGraphWidgetOptions, type PerseusGraphType, type MarkingsType, type InteractiveGraphDefaultWidgetOptions, type AxisLabelLocation, type ShowAxisArrows } from "@khanacademy/perseus-core";
|
|
2
2
|
import * as React from "react";
|
|
3
3
|
import type { APIOptionsWithDefaults } from "@khanacademy/perseus";
|
|
4
4
|
import type { PropsFor } from "@khanacademy/wonder-blocks-core";
|
|
@@ -17,6 +17,7 @@ declare const InteractiveGraph: {
|
|
|
17
17
|
rulerLabel?: string;
|
|
18
18
|
rulerTicks?: number;
|
|
19
19
|
range: import("@khanacademy/perseus-core").GraphRange;
|
|
20
|
+
showAxisArrows: ShowAxisArrows;
|
|
20
21
|
graph: PerseusGraphType;
|
|
21
22
|
correct?: PerseusGraphType;
|
|
22
23
|
lockedFigures: LockedFigure[];
|
|
@@ -41,6 +42,7 @@ declare const InteractiveGraph: {
|
|
|
41
42
|
rulerLabel?: string;
|
|
42
43
|
rulerTicks?: number;
|
|
43
44
|
range: import("@khanacademy/perseus-core").GraphRange;
|
|
45
|
+
showAxisArrows: ShowAxisArrows;
|
|
44
46
|
correct?: PerseusGraphType;
|
|
45
47
|
lockedFigures: LockedFigure[];
|
|
46
48
|
fullGraphAriaLabel?: string;
|
|
@@ -89,11 +91,7 @@ declare const InteractiveGraph: {
|
|
|
89
91
|
}> & {
|
|
90
92
|
baseElements: NonNullable<Readonly<{
|
|
91
93
|
isArticle?: boolean;
|
|
92
|
-
onFocusChange?: (newFocusPath: import("@khanacademy/perseus").FocusPath, oldFocusPath: import("@khanacademy/perseus").FocusPath, keypadHeight
|
|
93
|
-
* The locked figures to display in the graph area.
|
|
94
|
-
* Locked figures are graph elements (points, lines, line segmeents,
|
|
95
|
-
* etc.) that are locked in place and not interactive.
|
|
96
|
-
*/: number, focusedElement?: HTMLElement) => unknown;
|
|
94
|
+
onFocusChange?: (newFocusPath: import("@khanacademy/perseus").FocusPath, oldFocusPath: import("@khanacademy/perseus").FocusPath, keypadHeight?: number, focusedElement?: HTMLElement) => unknown;
|
|
97
95
|
GroupMetadataEditor?: React.ComponentType<any>;
|
|
98
96
|
showAlignmentOptions?: boolean;
|
|
99
97
|
readOnly?: boolean;
|
|
@@ -103,7 +101,14 @@ declare const InteractiveGraph: {
|
|
|
103
101
|
[widgetId: string]: any;
|
|
104
102
|
}) => void;
|
|
105
103
|
groupAnnotator?: (groupNumber: number, widgetId: string) => React.ReactNode;
|
|
106
|
-
imagePlaceholder?: React.
|
|
104
|
+
imagePlaceholder?: React.
|
|
105
|
+
/**
|
|
106
|
+
* An editor for the InteractiveGraph widget, which allows the user to
|
|
107
|
+
* specify the graph's properties and the correct answer.
|
|
108
|
+
*
|
|
109
|
+
* Used in the exercise editor.
|
|
110
|
+
*/
|
|
111
|
+
ReactNode;
|
|
107
112
|
widgetPlaceholder?: React.ReactNode;
|
|
108
113
|
baseElements?: {
|
|
109
114
|
Link: React.ComponentType<any>;
|
|
@@ -129,11 +134,7 @@ declare const InteractiveGraph: {
|
|
|
129
134
|
}>["baseElements"]>;
|
|
130
135
|
canScrollPage: NonNullable<Readonly<{
|
|
131
136
|
isArticle?: boolean;
|
|
132
|
-
onFocusChange?: (newFocusPath: import("@khanacademy/perseus").FocusPath, oldFocusPath: import("@khanacademy/perseus").FocusPath, keypadHeight
|
|
133
|
-
* The locked figures to display in the graph area.
|
|
134
|
-
* Locked figures are graph elements (points, lines, line segmeents,
|
|
135
|
-
* etc.) that are locked in place and not interactive.
|
|
136
|
-
*/: number, focusedElement?: HTMLElement) => unknown;
|
|
137
|
+
onFocusChange?: (newFocusPath: import("@khanacademy/perseus").FocusPath, oldFocusPath: import("@khanacademy/perseus").FocusPath, keypadHeight?: number, focusedElement?: HTMLElement) => unknown;
|
|
137
138
|
GroupMetadataEditor?: React.ComponentType<any>;
|
|
138
139
|
showAlignmentOptions?: boolean;
|
|
139
140
|
readOnly?: boolean;
|
|
@@ -143,7 +144,14 @@ declare const InteractiveGraph: {
|
|
|
143
144
|
[widgetId: string]: any;
|
|
144
145
|
}) => void;
|
|
145
146
|
groupAnnotator?: (groupNumber: number, widgetId: string) => React.ReactNode;
|
|
146
|
-
imagePlaceholder?: React.
|
|
147
|
+
imagePlaceholder?: React.
|
|
148
|
+
/**
|
|
149
|
+
* An editor for the InteractiveGraph widget, which allows the user to
|
|
150
|
+
* specify the graph's properties and the correct answer.
|
|
151
|
+
*
|
|
152
|
+
* Used in the exercise editor.
|
|
153
|
+
*/
|
|
154
|
+
ReactNode;
|
|
147
155
|
widgetPlaceholder?: React.ReactNode;
|
|
148
156
|
baseElements?: {
|
|
149
157
|
Link: React.ComponentType<any>;
|
|
@@ -169,11 +177,7 @@ declare const InteractiveGraph: {
|
|
|
169
177
|
}>["canScrollPage"]>;
|
|
170
178
|
editorChangeDelay: NonNullable<Readonly<{
|
|
171
179
|
isArticle?: boolean;
|
|
172
|
-
onFocusChange?: (newFocusPath: import("@khanacademy/perseus").FocusPath, oldFocusPath: import("@khanacademy/perseus").FocusPath, keypadHeight
|
|
173
|
-
* The locked figures to display in the graph area.
|
|
174
|
-
* Locked figures are graph elements (points, lines, line segmeents,
|
|
175
|
-
* etc.) that are locked in place and not interactive.
|
|
176
|
-
*/: number, focusedElement?: HTMLElement) => unknown;
|
|
180
|
+
onFocusChange?: (newFocusPath: import("@khanacademy/perseus").FocusPath, oldFocusPath: import("@khanacademy/perseus").FocusPath, keypadHeight?: number, focusedElement?: HTMLElement) => unknown;
|
|
177
181
|
GroupMetadataEditor?: React.ComponentType<any>;
|
|
178
182
|
showAlignmentOptions?: boolean;
|
|
179
183
|
readOnly?: boolean;
|
|
@@ -183,7 +187,14 @@ declare const InteractiveGraph: {
|
|
|
183
187
|
[widgetId: string]: any;
|
|
184
188
|
}) => void;
|
|
185
189
|
groupAnnotator?: (groupNumber: number, widgetId: string) => React.ReactNode;
|
|
186
|
-
imagePlaceholder?: React.
|
|
190
|
+
imagePlaceholder?: React.
|
|
191
|
+
/**
|
|
192
|
+
* An editor for the InteractiveGraph widget, which allows the user to
|
|
193
|
+
* specify the graph's properties and the correct answer.
|
|
194
|
+
*
|
|
195
|
+
* Used in the exercise editor.
|
|
196
|
+
*/
|
|
197
|
+
ReactNode;
|
|
187
198
|
widgetPlaceholder?: React.ReactNode;
|
|
188
199
|
baseElements?: {
|
|
189
200
|
Link: React.ComponentType<any>;
|
|
@@ -209,11 +220,7 @@ declare const InteractiveGraph: {
|
|
|
209
220
|
}>["editorChangeDelay"]>;
|
|
210
221
|
groupAnnotator: NonNullable<Readonly<{
|
|
211
222
|
isArticle?: boolean;
|
|
212
|
-
onFocusChange?: (newFocusPath: import("@khanacademy/perseus").FocusPath, oldFocusPath: import("@khanacademy/perseus").FocusPath, keypadHeight
|
|
213
|
-
* The locked figures to display in the graph area.
|
|
214
|
-
* Locked figures are graph elements (points, lines, line segmeents,
|
|
215
|
-
* etc.) that are locked in place and not interactive.
|
|
216
|
-
*/: number, focusedElement?: HTMLElement) => unknown;
|
|
223
|
+
onFocusChange?: (newFocusPath: import("@khanacademy/perseus").FocusPath, oldFocusPath: import("@khanacademy/perseus").FocusPath, keypadHeight?: number, focusedElement?: HTMLElement) => unknown;
|
|
217
224
|
GroupMetadataEditor?: React.ComponentType<any>;
|
|
218
225
|
showAlignmentOptions?: boolean;
|
|
219
226
|
readOnly?: boolean;
|
|
@@ -223,7 +230,14 @@ declare const InteractiveGraph: {
|
|
|
223
230
|
[widgetId: string]: any;
|
|
224
231
|
}) => void;
|
|
225
232
|
groupAnnotator?: (groupNumber: number, widgetId: string) => React.ReactNode;
|
|
226
|
-
imagePlaceholder?: React.
|
|
233
|
+
imagePlaceholder?: React.
|
|
234
|
+
/**
|
|
235
|
+
* An editor for the InteractiveGraph widget, which allows the user to
|
|
236
|
+
* specify the graph's properties and the correct answer.
|
|
237
|
+
*
|
|
238
|
+
* Used in the exercise editor.
|
|
239
|
+
*/
|
|
240
|
+
ReactNode;
|
|
227
241
|
widgetPlaceholder?: React.ReactNode;
|
|
228
242
|
baseElements?: {
|
|
229
243
|
Link: React.ComponentType<any>;
|
|
@@ -249,11 +263,7 @@ declare const InteractiveGraph: {
|
|
|
249
263
|
}>["groupAnnotator"]>;
|
|
250
264
|
isArticle: NonNullable<Readonly<{
|
|
251
265
|
isArticle?: boolean;
|
|
252
|
-
onFocusChange?: (newFocusPath: import("@khanacademy/perseus").FocusPath, oldFocusPath: import("@khanacademy/perseus").FocusPath, keypadHeight
|
|
253
|
-
* The locked figures to display in the graph area.
|
|
254
|
-
* Locked figures are graph elements (points, lines, line segmeents,
|
|
255
|
-
* etc.) that are locked in place and not interactive.
|
|
256
|
-
*/: number, focusedElement?: HTMLElement) => unknown;
|
|
266
|
+
onFocusChange?: (newFocusPath: import("@khanacademy/perseus").FocusPath, oldFocusPath: import("@khanacademy/perseus").FocusPath, keypadHeight?: number, focusedElement?: HTMLElement) => unknown;
|
|
257
267
|
GroupMetadataEditor?: React.ComponentType<any>;
|
|
258
268
|
showAlignmentOptions?: boolean;
|
|
259
269
|
readOnly?: boolean;
|
|
@@ -263,7 +273,14 @@ declare const InteractiveGraph: {
|
|
|
263
273
|
[widgetId: string]: any;
|
|
264
274
|
}) => void;
|
|
265
275
|
groupAnnotator?: (groupNumber: number, widgetId: string) => React.ReactNode;
|
|
266
|
-
imagePlaceholder?: React.
|
|
276
|
+
imagePlaceholder?: React.
|
|
277
|
+
/**
|
|
278
|
+
* An editor for the InteractiveGraph widget, which allows the user to
|
|
279
|
+
* specify the graph's properties and the correct answer.
|
|
280
|
+
*
|
|
281
|
+
* Used in the exercise editor.
|
|
282
|
+
*/
|
|
283
|
+
ReactNode;
|
|
267
284
|
widgetPlaceholder?: React.ReactNode;
|
|
268
285
|
baseElements?: {
|
|
269
286
|
Link: React.ComponentType<any>;
|
|
@@ -289,11 +306,7 @@ declare const InteractiveGraph: {
|
|
|
289
306
|
}>["isArticle"]>;
|
|
290
307
|
isMobile: NonNullable<Readonly<{
|
|
291
308
|
isArticle?: boolean;
|
|
292
|
-
onFocusChange?: (newFocusPath: import("@khanacademy/perseus").FocusPath, oldFocusPath: import("@khanacademy/perseus").FocusPath, keypadHeight
|
|
293
|
-
* The locked figures to display in the graph area.
|
|
294
|
-
* Locked figures are graph elements (points, lines, line segmeents,
|
|
295
|
-
* etc.) that are locked in place and not interactive.
|
|
296
|
-
*/: number, focusedElement?: HTMLElement) => unknown;
|
|
309
|
+
onFocusChange?: (newFocusPath: import("@khanacademy/perseus").FocusPath, oldFocusPath: import("@khanacademy/perseus").FocusPath, keypadHeight?: number, focusedElement?: HTMLElement) => unknown;
|
|
297
310
|
GroupMetadataEditor?: React.ComponentType<any>;
|
|
298
311
|
showAlignmentOptions?: boolean;
|
|
299
312
|
readOnly?: boolean;
|
|
@@ -303,7 +316,14 @@ declare const InteractiveGraph: {
|
|
|
303
316
|
[widgetId: string]: any;
|
|
304
317
|
}) => void;
|
|
305
318
|
groupAnnotator?: (groupNumber: number, widgetId: string) => React.ReactNode;
|
|
306
|
-
imagePlaceholder?: React.
|
|
319
|
+
imagePlaceholder?: React.
|
|
320
|
+
/**
|
|
321
|
+
* An editor for the InteractiveGraph widget, which allows the user to
|
|
322
|
+
* specify the graph's properties and the correct answer.
|
|
323
|
+
*
|
|
324
|
+
* Used in the exercise editor.
|
|
325
|
+
*/
|
|
326
|
+
ReactNode;
|
|
307
327
|
widgetPlaceholder?: React.ReactNode;
|
|
308
328
|
baseElements?: {
|
|
309
329
|
Link: React.ComponentType<any>;
|
|
@@ -329,11 +349,7 @@ declare const InteractiveGraph: {
|
|
|
329
349
|
}>["isMobile"]>;
|
|
330
350
|
isMobileApp: NonNullable<Readonly<{
|
|
331
351
|
isArticle?: boolean;
|
|
332
|
-
onFocusChange?: (newFocusPath: import("@khanacademy/perseus").FocusPath, oldFocusPath: import("@khanacademy/perseus").FocusPath, keypadHeight
|
|
333
|
-
* The locked figures to display in the graph area.
|
|
334
|
-
* Locked figures are graph elements (points, lines, line segmeents,
|
|
335
|
-
* etc.) that are locked in place and not interactive.
|
|
336
|
-
*/: number, focusedElement?: HTMLElement) => unknown;
|
|
352
|
+
onFocusChange?: (newFocusPath: import("@khanacademy/perseus").FocusPath, oldFocusPath: import("@khanacademy/perseus").FocusPath, keypadHeight?: number, focusedElement?: HTMLElement) => unknown;
|
|
337
353
|
GroupMetadataEditor?: React.ComponentType<any>;
|
|
338
354
|
showAlignmentOptions?: boolean;
|
|
339
355
|
readOnly?: boolean;
|
|
@@ -343,7 +359,14 @@ declare const InteractiveGraph: {
|
|
|
343
359
|
[widgetId: string]: any;
|
|
344
360
|
}) => void;
|
|
345
361
|
groupAnnotator?: (groupNumber: number, widgetId: string) => React.ReactNode;
|
|
346
|
-
imagePlaceholder?: React.
|
|
362
|
+
imagePlaceholder?: React.
|
|
363
|
+
/**
|
|
364
|
+
* An editor for the InteractiveGraph widget, which allows the user to
|
|
365
|
+
* specify the graph's properties and the correct answer.
|
|
366
|
+
*
|
|
367
|
+
* Used in the exercise editor.
|
|
368
|
+
*/
|
|
369
|
+
ReactNode;
|
|
347
370
|
widgetPlaceholder?: React.ReactNode;
|
|
348
371
|
baseElements?: {
|
|
349
372
|
Link: React.ComponentType<any>;
|
|
@@ -369,11 +392,7 @@ declare const InteractiveGraph: {
|
|
|
369
392
|
}>["isMobileApp"]>;
|
|
370
393
|
onFocusChange: NonNullable<Readonly<{
|
|
371
394
|
isArticle?: boolean;
|
|
372
|
-
onFocusChange?: (newFocusPath: import("@khanacademy/perseus").FocusPath, oldFocusPath: import("@khanacademy/perseus").FocusPath, keypadHeight
|
|
373
|
-
* The locked figures to display in the graph area.
|
|
374
|
-
* Locked figures are graph elements (points, lines, line segmeents,
|
|
375
|
-
* etc.) that are locked in place and not interactive.
|
|
376
|
-
*/: number, focusedElement?: HTMLElement) => unknown;
|
|
395
|
+
onFocusChange?: (newFocusPath: import("@khanacademy/perseus").FocusPath, oldFocusPath: import("@khanacademy/perseus").FocusPath, keypadHeight?: number, focusedElement?: HTMLElement) => unknown;
|
|
377
396
|
GroupMetadataEditor?: React.ComponentType<any>;
|
|
378
397
|
showAlignmentOptions?: boolean;
|
|
379
398
|
readOnly?: boolean;
|
|
@@ -383,7 +402,14 @@ declare const InteractiveGraph: {
|
|
|
383
402
|
[widgetId: string]: any;
|
|
384
403
|
}) => void;
|
|
385
404
|
groupAnnotator?: (groupNumber: number, widgetId: string) => React.ReactNode;
|
|
386
|
-
imagePlaceholder?: React.
|
|
405
|
+
imagePlaceholder?: React.
|
|
406
|
+
/**
|
|
407
|
+
* An editor for the InteractiveGraph widget, which allows the user to
|
|
408
|
+
* specify the graph's properties and the correct answer.
|
|
409
|
+
*
|
|
410
|
+
* Used in the exercise editor.
|
|
411
|
+
*/
|
|
412
|
+
ReactNode;
|
|
387
413
|
widgetPlaceholder?: React.ReactNode;
|
|
388
414
|
baseElements?: {
|
|
389
415
|
Link: React.ComponentType<any>;
|
|
@@ -409,11 +435,7 @@ declare const InteractiveGraph: {
|
|
|
409
435
|
}>["onFocusChange"]>;
|
|
410
436
|
readOnly: NonNullable<Readonly<{
|
|
411
437
|
isArticle?: boolean;
|
|
412
|
-
onFocusChange?: (newFocusPath: import("@khanacademy/perseus").FocusPath, oldFocusPath: import("@khanacademy/perseus").FocusPath, keypadHeight
|
|
413
|
-
* The locked figures to display in the graph area.
|
|
414
|
-
* Locked figures are graph elements (points, lines, line segmeents,
|
|
415
|
-
* etc.) that are locked in place and not interactive.
|
|
416
|
-
*/: number, focusedElement?: HTMLElement) => unknown;
|
|
438
|
+
onFocusChange?: (newFocusPath: import("@khanacademy/perseus").FocusPath, oldFocusPath: import("@khanacademy/perseus").FocusPath, keypadHeight?: number, focusedElement?: HTMLElement) => unknown;
|
|
417
439
|
GroupMetadataEditor?: React.ComponentType<any>;
|
|
418
440
|
showAlignmentOptions?: boolean;
|
|
419
441
|
readOnly?: boolean;
|
|
@@ -423,7 +445,14 @@ declare const InteractiveGraph: {
|
|
|
423
445
|
[widgetId: string]: any;
|
|
424
446
|
}) => void;
|
|
425
447
|
groupAnnotator?: (groupNumber: number, widgetId: string) => React.ReactNode;
|
|
426
|
-
imagePlaceholder?: React.
|
|
448
|
+
imagePlaceholder?: React.
|
|
449
|
+
/**
|
|
450
|
+
* An editor for the InteractiveGraph widget, which allows the user to
|
|
451
|
+
* specify the graph's properties and the correct answer.
|
|
452
|
+
*
|
|
453
|
+
* Used in the exercise editor.
|
|
454
|
+
*/
|
|
455
|
+
ReactNode;
|
|
427
456
|
widgetPlaceholder?: React.ReactNode;
|
|
428
457
|
baseElements?: {
|
|
429
458
|
Link: React.ComponentType<any>;
|
|
@@ -449,11 +478,7 @@ declare const InteractiveGraph: {
|
|
|
449
478
|
}>["readOnly"]>;
|
|
450
479
|
setDrawingAreaAvailable: NonNullable<Readonly<{
|
|
451
480
|
isArticle?: boolean;
|
|
452
|
-
onFocusChange?: (newFocusPath: import("@khanacademy/perseus").FocusPath, oldFocusPath: import("@khanacademy/perseus").FocusPath, keypadHeight
|
|
453
|
-
* The locked figures to display in the graph area.
|
|
454
|
-
* Locked figures are graph elements (points, lines, line segmeents,
|
|
455
|
-
* etc.) that are locked in place and not interactive.
|
|
456
|
-
*/: number, focusedElement?: HTMLElement) => unknown;
|
|
481
|
+
onFocusChange?: (newFocusPath: import("@khanacademy/perseus").FocusPath, oldFocusPath: import("@khanacademy/perseus").FocusPath, keypadHeight?: number, focusedElement?: HTMLElement) => unknown;
|
|
457
482
|
GroupMetadataEditor?: React.ComponentType<any>;
|
|
458
483
|
showAlignmentOptions?: boolean;
|
|
459
484
|
readOnly?: boolean;
|
|
@@ -463,7 +488,14 @@ declare const InteractiveGraph: {
|
|
|
463
488
|
[widgetId: string]: any;
|
|
464
489
|
}) => void;
|
|
465
490
|
groupAnnotator?: (groupNumber: number, widgetId: string) => React.ReactNode;
|
|
466
|
-
imagePlaceholder?: React.
|
|
491
|
+
imagePlaceholder?: React.
|
|
492
|
+
/**
|
|
493
|
+
* An editor for the InteractiveGraph widget, which allows the user to
|
|
494
|
+
* specify the graph's properties and the correct answer.
|
|
495
|
+
*
|
|
496
|
+
* Used in the exercise editor.
|
|
497
|
+
*/
|
|
498
|
+
ReactNode;
|
|
467
499
|
widgetPlaceholder?: React.ReactNode;
|
|
468
500
|
baseElements?: {
|
|
469
501
|
Link: React.ComponentType<any>;
|
|
@@ -489,11 +521,7 @@ declare const InteractiveGraph: {
|
|
|
489
521
|
}>["setDrawingAreaAvailable"]>;
|
|
490
522
|
showAlignmentOptions: NonNullable<Readonly<{
|
|
491
523
|
isArticle?: boolean;
|
|
492
|
-
onFocusChange?: (newFocusPath: import("@khanacademy/perseus").FocusPath, oldFocusPath: import("@khanacademy/perseus").FocusPath, keypadHeight
|
|
493
|
-
* The locked figures to display in the graph area.
|
|
494
|
-
* Locked figures are graph elements (points, lines, line segmeents,
|
|
495
|
-
* etc.) that are locked in place and not interactive.
|
|
496
|
-
*/: number, focusedElement?: HTMLElement) => unknown;
|
|
524
|
+
onFocusChange?: (newFocusPath: import("@khanacademy/perseus").FocusPath, oldFocusPath: import("@khanacademy/perseus").FocusPath, keypadHeight?: number, focusedElement?: HTMLElement) => unknown;
|
|
497
525
|
GroupMetadataEditor?: React.ComponentType<any>;
|
|
498
526
|
showAlignmentOptions?: boolean;
|
|
499
527
|
readOnly?: boolean;
|
|
@@ -503,7 +531,14 @@ declare const InteractiveGraph: {
|
|
|
503
531
|
[widgetId: string]: any;
|
|
504
532
|
}) => void;
|
|
505
533
|
groupAnnotator?: (groupNumber: number, widgetId: string) => React.ReactNode;
|
|
506
|
-
imagePlaceholder?: React.
|
|
534
|
+
imagePlaceholder?: React.
|
|
535
|
+
/**
|
|
536
|
+
* An editor for the InteractiveGraph widget, which allows the user to
|
|
537
|
+
* specify the graph's properties and the correct answer.
|
|
538
|
+
*
|
|
539
|
+
* Used in the exercise editor.
|
|
540
|
+
*/
|
|
541
|
+
ReactNode;
|
|
507
542
|
widgetPlaceholder?: React.ReactNode;
|
|
508
543
|
baseElements?: {
|
|
509
544
|
Link: React.ComponentType<any>;
|
|
@@ -559,6 +594,7 @@ declare const InteractiveGraph: {
|
|
|
559
594
|
rulerLabel?: string;
|
|
560
595
|
rulerTicks?: number;
|
|
561
596
|
range: import("@khanacademy/perseus-core").GraphRange;
|
|
597
|
+
showAxisArrows: ShowAxisArrows;
|
|
562
598
|
graph: PerseusGraphType;
|
|
563
599
|
correct?: PerseusGraphType;
|
|
564
600
|
lockedFigures: LockedFigure[];
|
|
@@ -584,6 +620,7 @@ declare const InteractiveGraph: {
|
|
|
584
620
|
rulerLabel?: string;
|
|
585
621
|
rulerTicks?: number;
|
|
586
622
|
range: import("@khanacademy/perseus-core").GraphRange;
|
|
623
|
+
showAxisArrows: ShowAxisArrows;
|
|
587
624
|
graph: PerseusGraphType;
|
|
588
625
|
correct?: PerseusGraphType;
|
|
589
626
|
lockedFigures: LockedFigure[];
|
|
@@ -606,6 +643,7 @@ declare const InteractiveGraph: {
|
|
|
606
643
|
rulerLabel?: string;
|
|
607
644
|
rulerTicks?: number;
|
|
608
645
|
range: import("@khanacademy/perseus-core").GraphRange;
|
|
646
|
+
showAxisArrows: ShowAxisArrows;
|
|
609
647
|
graph: PerseusGraphType;
|
|
610
648
|
correct?: PerseusGraphType;
|
|
611
649
|
lockedFigures: LockedFigure[];
|
|
@@ -626,6 +664,7 @@ declare const InteractiveGraph: {
|
|
|
626
664
|
rulerLabel?: string;
|
|
627
665
|
rulerTicks?: number;
|
|
628
666
|
range: import("@khanacademy/perseus-core").GraphRange;
|
|
667
|
+
showAxisArrows: ShowAxisArrows;
|
|
629
668
|
graph: PerseusGraphType;
|
|
630
669
|
correct?: PerseusGraphType;
|
|
631
670
|
lockedFigures: LockedFigure[];
|
|
@@ -648,6 +687,7 @@ declare const InteractiveGraph: {
|
|
|
648
687
|
rulerLabel?: string;
|
|
649
688
|
rulerTicks?: number;
|
|
650
689
|
range: import("@khanacademy/perseus-core").GraphRange;
|
|
690
|
+
showAxisArrows: ShowAxisArrows;
|
|
651
691
|
graph: PerseusGraphType;
|
|
652
692
|
correct?: PerseusGraphType;
|
|
653
693
|
lockedFigures: LockedFigure[];
|
|
@@ -668,6 +708,7 @@ declare const InteractiveGraph: {
|
|
|
668
708
|
rulerLabel?: string;
|
|
669
709
|
rulerTicks?: number;
|
|
670
710
|
range: import("@khanacademy/perseus-core").GraphRange;
|
|
711
|
+
showAxisArrows: ShowAxisArrows;
|
|
671
712
|
graph: PerseusGraphType;
|
|
672
713
|
correct?: PerseusGraphType;
|
|
673
714
|
lockedFigures: LockedFigure[];
|
|
@@ -688,6 +729,7 @@ declare const InteractiveGraph: {
|
|
|
688
729
|
rulerLabel?: string;
|
|
689
730
|
rulerTicks?: number;
|
|
690
731
|
range: import("@khanacademy/perseus-core").GraphRange;
|
|
732
|
+
showAxisArrows: ShowAxisArrows;
|
|
691
733
|
graph: PerseusGraphType;
|
|
692
734
|
correct?: PerseusGraphType;
|
|
693
735
|
lockedFigures: LockedFigure[];
|
|
@@ -708,6 +750,7 @@ declare const InteractiveGraph: {
|
|
|
708
750
|
rulerLabel?: string;
|
|
709
751
|
rulerTicks?: number;
|
|
710
752
|
range: import("@khanacademy/perseus-core").GraphRange;
|
|
753
|
+
showAxisArrows: ShowAxisArrows;
|
|
711
754
|
graph: PerseusGraphType;
|
|
712
755
|
correct?: PerseusGraphType;
|
|
713
756
|
lockedFigures: LockedFigure[];
|
|
@@ -729,6 +772,7 @@ declare const InteractiveGraph: {
|
|
|
729
772
|
rulerLabel?: string;
|
|
730
773
|
rulerTicks?: number;
|
|
731
774
|
range: import("@khanacademy/perseus-core").GraphRange;
|
|
775
|
+
showAxisArrows: ShowAxisArrows;
|
|
732
776
|
graph: PerseusGraphType;
|
|
733
777
|
correct?: PerseusGraphType;
|
|
734
778
|
lockedFigures: LockedFigure[];
|
|
@@ -753,6 +797,7 @@ declare const InteractiveGraph: {
|
|
|
753
797
|
rulerLabel?: string;
|
|
754
798
|
rulerTicks?: number;
|
|
755
799
|
range: import("@khanacademy/perseus-core").GraphRange;
|
|
800
|
+
showAxisArrows: ShowAxisArrows;
|
|
756
801
|
correct?: PerseusGraphType;
|
|
757
802
|
lockedFigures: LockedFigure[];
|
|
758
803
|
fullGraphAriaLabel?: string;
|
|
@@ -801,11 +846,7 @@ declare const InteractiveGraph: {
|
|
|
801
846
|
}> & {
|
|
802
847
|
baseElements: NonNullable<Readonly<{
|
|
803
848
|
isArticle?: boolean;
|
|
804
|
-
onFocusChange?: (newFocusPath: import("@khanacademy/perseus").FocusPath, oldFocusPath: import("@khanacademy/perseus").FocusPath, keypadHeight
|
|
805
|
-
* The locked figures to display in the graph area.
|
|
806
|
-
* Locked figures are graph elements (points, lines, line segmeents,
|
|
807
|
-
* etc.) that are locked in place and not interactive.
|
|
808
|
-
*/: number, focusedElement?: HTMLElement) => unknown;
|
|
849
|
+
onFocusChange?: (newFocusPath: import("@khanacademy/perseus").FocusPath, oldFocusPath: import("@khanacademy/perseus").FocusPath, keypadHeight?: number, focusedElement?: HTMLElement) => unknown;
|
|
809
850
|
GroupMetadataEditor?: React.ComponentType<any>;
|
|
810
851
|
showAlignmentOptions?: boolean;
|
|
811
852
|
readOnly?: boolean;
|
|
@@ -815,7 +856,14 @@ declare const InteractiveGraph: {
|
|
|
815
856
|
[widgetId: string]: any;
|
|
816
857
|
}) => void;
|
|
817
858
|
groupAnnotator?: (groupNumber: number, widgetId: string) => React.ReactNode;
|
|
818
|
-
imagePlaceholder?: React.
|
|
859
|
+
imagePlaceholder?: React.
|
|
860
|
+
/**
|
|
861
|
+
* An editor for the InteractiveGraph widget, which allows the user to
|
|
862
|
+
* specify the graph's properties and the correct answer.
|
|
863
|
+
*
|
|
864
|
+
* Used in the exercise editor.
|
|
865
|
+
*/
|
|
866
|
+
ReactNode;
|
|
819
867
|
widgetPlaceholder?: React.ReactNode;
|
|
820
868
|
baseElements?: {
|
|
821
869
|
Link: React.ComponentType<any>;
|
|
@@ -841,11 +889,7 @@ declare const InteractiveGraph: {
|
|
|
841
889
|
}>["baseElements"]>;
|
|
842
890
|
canScrollPage: NonNullable<Readonly<{
|
|
843
891
|
isArticle?: boolean;
|
|
844
|
-
onFocusChange?: (newFocusPath: import("@khanacademy/perseus").FocusPath, oldFocusPath: import("@khanacademy/perseus").FocusPath, keypadHeight
|
|
845
|
-
* The locked figures to display in the graph area.
|
|
846
|
-
* Locked figures are graph elements (points, lines, line segmeents,
|
|
847
|
-
* etc.) that are locked in place and not interactive.
|
|
848
|
-
*/: number, focusedElement?: HTMLElement) => unknown;
|
|
892
|
+
onFocusChange?: (newFocusPath: import("@khanacademy/perseus").FocusPath, oldFocusPath: import("@khanacademy/perseus").FocusPath, keypadHeight?: number, focusedElement?: HTMLElement) => unknown;
|
|
849
893
|
GroupMetadataEditor?: React.ComponentType<any>;
|
|
850
894
|
showAlignmentOptions?: boolean;
|
|
851
895
|
readOnly?: boolean;
|
|
@@ -855,7 +899,14 @@ declare const InteractiveGraph: {
|
|
|
855
899
|
[widgetId: string]: any;
|
|
856
900
|
}) => void;
|
|
857
901
|
groupAnnotator?: (groupNumber: number, widgetId: string) => React.ReactNode;
|
|
858
|
-
imagePlaceholder?: React.
|
|
902
|
+
imagePlaceholder?: React.
|
|
903
|
+
/**
|
|
904
|
+
* An editor for the InteractiveGraph widget, which allows the user to
|
|
905
|
+
* specify the graph's properties and the correct answer.
|
|
906
|
+
*
|
|
907
|
+
* Used in the exercise editor.
|
|
908
|
+
*/
|
|
909
|
+
ReactNode;
|
|
859
910
|
widgetPlaceholder?: React.ReactNode;
|
|
860
911
|
baseElements?: {
|
|
861
912
|
Link: React.ComponentType<any>;
|
|
@@ -881,11 +932,7 @@ declare const InteractiveGraph: {
|
|
|
881
932
|
}>["canScrollPage"]>;
|
|
882
933
|
editorChangeDelay: NonNullable<Readonly<{
|
|
883
934
|
isArticle?: boolean;
|
|
884
|
-
onFocusChange?: (newFocusPath: import("@khanacademy/perseus").FocusPath, oldFocusPath: import("@khanacademy/perseus").FocusPath, keypadHeight
|
|
885
|
-
* The locked figures to display in the graph area.
|
|
886
|
-
* Locked figures are graph elements (points, lines, line segmeents,
|
|
887
|
-
* etc.) that are locked in place and not interactive.
|
|
888
|
-
*/: number, focusedElement?: HTMLElement) => unknown;
|
|
935
|
+
onFocusChange?: (newFocusPath: import("@khanacademy/perseus").FocusPath, oldFocusPath: import("@khanacademy/perseus").FocusPath, keypadHeight?: number, focusedElement?: HTMLElement) => unknown;
|
|
889
936
|
GroupMetadataEditor?: React.ComponentType<any>;
|
|
890
937
|
showAlignmentOptions?: boolean;
|
|
891
938
|
readOnly?: boolean;
|
|
@@ -895,7 +942,14 @@ declare const InteractiveGraph: {
|
|
|
895
942
|
[widgetId: string]: any;
|
|
896
943
|
}) => void;
|
|
897
944
|
groupAnnotator?: (groupNumber: number, widgetId: string) => React.ReactNode;
|
|
898
|
-
imagePlaceholder?: React.
|
|
945
|
+
imagePlaceholder?: React.
|
|
946
|
+
/**
|
|
947
|
+
* An editor for the InteractiveGraph widget, which allows the user to
|
|
948
|
+
* specify the graph's properties and the correct answer.
|
|
949
|
+
*
|
|
950
|
+
* Used in the exercise editor.
|
|
951
|
+
*/
|
|
952
|
+
ReactNode;
|
|
899
953
|
widgetPlaceholder?: React.ReactNode;
|
|
900
954
|
baseElements?: {
|
|
901
955
|
Link: React.ComponentType<any>;
|
|
@@ -921,11 +975,7 @@ declare const InteractiveGraph: {
|
|
|
921
975
|
}>["editorChangeDelay"]>;
|
|
922
976
|
groupAnnotator: NonNullable<Readonly<{
|
|
923
977
|
isArticle?: boolean;
|
|
924
|
-
onFocusChange?: (newFocusPath: import("@khanacademy/perseus").FocusPath, oldFocusPath: import("@khanacademy/perseus").FocusPath, keypadHeight
|
|
925
|
-
* The locked figures to display in the graph area.
|
|
926
|
-
* Locked figures are graph elements (points, lines, line segmeents,
|
|
927
|
-
* etc.) that are locked in place and not interactive.
|
|
928
|
-
*/: number, focusedElement?: HTMLElement) => unknown;
|
|
978
|
+
onFocusChange?: (newFocusPath: import("@khanacademy/perseus").FocusPath, oldFocusPath: import("@khanacademy/perseus").FocusPath, keypadHeight?: number, focusedElement?: HTMLElement) => unknown;
|
|
929
979
|
GroupMetadataEditor?: React.ComponentType<any>;
|
|
930
980
|
showAlignmentOptions?: boolean;
|
|
931
981
|
readOnly?: boolean;
|
|
@@ -935,7 +985,14 @@ declare const InteractiveGraph: {
|
|
|
935
985
|
[widgetId: string]: any;
|
|
936
986
|
}) => void;
|
|
937
987
|
groupAnnotator?: (groupNumber: number, widgetId: string) => React.ReactNode;
|
|
938
|
-
imagePlaceholder?: React.
|
|
988
|
+
imagePlaceholder?: React.
|
|
989
|
+
/**
|
|
990
|
+
* An editor for the InteractiveGraph widget, which allows the user to
|
|
991
|
+
* specify the graph's properties and the correct answer.
|
|
992
|
+
*
|
|
993
|
+
* Used in the exercise editor.
|
|
994
|
+
*/
|
|
995
|
+
ReactNode;
|
|
939
996
|
widgetPlaceholder?: React.ReactNode;
|
|
940
997
|
baseElements?: {
|
|
941
998
|
Link: React.ComponentType<any>;
|
|
@@ -961,11 +1018,7 @@ declare const InteractiveGraph: {
|
|
|
961
1018
|
}>["groupAnnotator"]>;
|
|
962
1019
|
isArticle: NonNullable<Readonly<{
|
|
963
1020
|
isArticle?: boolean;
|
|
964
|
-
onFocusChange?: (newFocusPath: import("@khanacademy/perseus").FocusPath, oldFocusPath: import("@khanacademy/perseus").FocusPath, keypadHeight
|
|
965
|
-
* The locked figures to display in the graph area.
|
|
966
|
-
* Locked figures are graph elements (points, lines, line segmeents,
|
|
967
|
-
* etc.) that are locked in place and not interactive.
|
|
968
|
-
*/: number, focusedElement?: HTMLElement) => unknown;
|
|
1021
|
+
onFocusChange?: (newFocusPath: import("@khanacademy/perseus").FocusPath, oldFocusPath: import("@khanacademy/perseus").FocusPath, keypadHeight?: number, focusedElement?: HTMLElement) => unknown;
|
|
969
1022
|
GroupMetadataEditor?: React.ComponentType<any>;
|
|
970
1023
|
showAlignmentOptions?: boolean;
|
|
971
1024
|
readOnly?: boolean;
|
|
@@ -975,7 +1028,14 @@ declare const InteractiveGraph: {
|
|
|
975
1028
|
[widgetId: string]: any;
|
|
976
1029
|
}) => void;
|
|
977
1030
|
groupAnnotator?: (groupNumber: number, widgetId: string) => React.ReactNode;
|
|
978
|
-
imagePlaceholder?: React.
|
|
1031
|
+
imagePlaceholder?: React.
|
|
1032
|
+
/**
|
|
1033
|
+
* An editor for the InteractiveGraph widget, which allows the user to
|
|
1034
|
+
* specify the graph's properties and the correct answer.
|
|
1035
|
+
*
|
|
1036
|
+
* Used in the exercise editor.
|
|
1037
|
+
*/
|
|
1038
|
+
ReactNode;
|
|
979
1039
|
widgetPlaceholder?: React.ReactNode;
|
|
980
1040
|
baseElements?: {
|
|
981
1041
|
Link: React.ComponentType<any>;
|
|
@@ -1001,11 +1061,7 @@ declare const InteractiveGraph: {
|
|
|
1001
1061
|
}>["isArticle"]>;
|
|
1002
1062
|
isMobile: NonNullable<Readonly<{
|
|
1003
1063
|
isArticle?: boolean;
|
|
1004
|
-
onFocusChange?: (newFocusPath: import("@khanacademy/perseus").FocusPath, oldFocusPath: import("@khanacademy/perseus").FocusPath, keypadHeight
|
|
1005
|
-
* The locked figures to display in the graph area.
|
|
1006
|
-
* Locked figures are graph elements (points, lines, line segmeents,
|
|
1007
|
-
* etc.) that are locked in place and not interactive.
|
|
1008
|
-
*/: number, focusedElement?: HTMLElement) => unknown;
|
|
1064
|
+
onFocusChange?: (newFocusPath: import("@khanacademy/perseus").FocusPath, oldFocusPath: import("@khanacademy/perseus").FocusPath, keypadHeight?: number, focusedElement?: HTMLElement) => unknown;
|
|
1009
1065
|
GroupMetadataEditor?: React.ComponentType<any>;
|
|
1010
1066
|
showAlignmentOptions?: boolean;
|
|
1011
1067
|
readOnly?: boolean;
|
|
@@ -1015,7 +1071,14 @@ declare const InteractiveGraph: {
|
|
|
1015
1071
|
[widgetId: string]: any;
|
|
1016
1072
|
}) => void;
|
|
1017
1073
|
groupAnnotator?: (groupNumber: number, widgetId: string) => React.ReactNode;
|
|
1018
|
-
imagePlaceholder?: React.
|
|
1074
|
+
imagePlaceholder?: React.
|
|
1075
|
+
/**
|
|
1076
|
+
* An editor for the InteractiveGraph widget, which allows the user to
|
|
1077
|
+
* specify the graph's properties and the correct answer.
|
|
1078
|
+
*
|
|
1079
|
+
* Used in the exercise editor.
|
|
1080
|
+
*/
|
|
1081
|
+
ReactNode;
|
|
1019
1082
|
widgetPlaceholder?: React.ReactNode;
|
|
1020
1083
|
baseElements?: {
|
|
1021
1084
|
Link: React.ComponentType<any>;
|
|
@@ -1041,11 +1104,7 @@ declare const InteractiveGraph: {
|
|
|
1041
1104
|
}>["isMobile"]>;
|
|
1042
1105
|
isMobileApp: NonNullable<Readonly<{
|
|
1043
1106
|
isArticle?: boolean;
|
|
1044
|
-
onFocusChange?: (newFocusPath: import("@khanacademy/perseus").FocusPath, oldFocusPath: import("@khanacademy/perseus").FocusPath, keypadHeight
|
|
1045
|
-
* The locked figures to display in the graph area.
|
|
1046
|
-
* Locked figures are graph elements (points, lines, line segmeents,
|
|
1047
|
-
* etc.) that are locked in place and not interactive.
|
|
1048
|
-
*/: number, focusedElement?: HTMLElement) => unknown;
|
|
1107
|
+
onFocusChange?: (newFocusPath: import("@khanacademy/perseus").FocusPath, oldFocusPath: import("@khanacademy/perseus").FocusPath, keypadHeight?: number, focusedElement?: HTMLElement) => unknown;
|
|
1049
1108
|
GroupMetadataEditor?: React.ComponentType<any>;
|
|
1050
1109
|
showAlignmentOptions?: boolean;
|
|
1051
1110
|
readOnly?: boolean;
|
|
@@ -1055,7 +1114,14 @@ declare const InteractiveGraph: {
|
|
|
1055
1114
|
[widgetId: string]: any;
|
|
1056
1115
|
}) => void;
|
|
1057
1116
|
groupAnnotator?: (groupNumber: number, widgetId: string) => React.ReactNode;
|
|
1058
|
-
imagePlaceholder?: React.
|
|
1117
|
+
imagePlaceholder?: React.
|
|
1118
|
+
/**
|
|
1119
|
+
* An editor for the InteractiveGraph widget, which allows the user to
|
|
1120
|
+
* specify the graph's properties and the correct answer.
|
|
1121
|
+
*
|
|
1122
|
+
* Used in the exercise editor.
|
|
1123
|
+
*/
|
|
1124
|
+
ReactNode;
|
|
1059
1125
|
widgetPlaceholder?: React.ReactNode;
|
|
1060
1126
|
baseElements?: {
|
|
1061
1127
|
Link: React.ComponentType<any>;
|
|
@@ -1081,11 +1147,7 @@ declare const InteractiveGraph: {
|
|
|
1081
1147
|
}>["isMobileApp"]>;
|
|
1082
1148
|
onFocusChange: NonNullable<Readonly<{
|
|
1083
1149
|
isArticle?: boolean;
|
|
1084
|
-
onFocusChange?: (newFocusPath: import("@khanacademy/perseus").FocusPath, oldFocusPath: import("@khanacademy/perseus").FocusPath, keypadHeight
|
|
1085
|
-
* The locked figures to display in the graph area.
|
|
1086
|
-
* Locked figures are graph elements (points, lines, line segmeents,
|
|
1087
|
-
* etc.) that are locked in place and not interactive.
|
|
1088
|
-
*/: number, focusedElement?: HTMLElement) => unknown;
|
|
1150
|
+
onFocusChange?: (newFocusPath: import("@khanacademy/perseus").FocusPath, oldFocusPath: import("@khanacademy/perseus").FocusPath, keypadHeight?: number, focusedElement?: HTMLElement) => unknown;
|
|
1089
1151
|
GroupMetadataEditor?: React.ComponentType<any>;
|
|
1090
1152
|
showAlignmentOptions?: boolean;
|
|
1091
1153
|
readOnly?: boolean;
|
|
@@ -1095,7 +1157,14 @@ declare const InteractiveGraph: {
|
|
|
1095
1157
|
[widgetId: string]: any;
|
|
1096
1158
|
}) => void;
|
|
1097
1159
|
groupAnnotator?: (groupNumber: number, widgetId: string) => React.ReactNode;
|
|
1098
|
-
imagePlaceholder?: React.
|
|
1160
|
+
imagePlaceholder?: React.
|
|
1161
|
+
/**
|
|
1162
|
+
* An editor for the InteractiveGraph widget, which allows the user to
|
|
1163
|
+
* specify the graph's properties and the correct answer.
|
|
1164
|
+
*
|
|
1165
|
+
* Used in the exercise editor.
|
|
1166
|
+
*/
|
|
1167
|
+
ReactNode;
|
|
1099
1168
|
widgetPlaceholder?: React.ReactNode;
|
|
1100
1169
|
baseElements?: {
|
|
1101
1170
|
Link: React.ComponentType<any>;
|
|
@@ -1121,11 +1190,7 @@ declare const InteractiveGraph: {
|
|
|
1121
1190
|
}>["onFocusChange"]>;
|
|
1122
1191
|
readOnly: NonNullable<Readonly<{
|
|
1123
1192
|
isArticle?: boolean;
|
|
1124
|
-
onFocusChange?: (newFocusPath: import("@khanacademy/perseus").FocusPath, oldFocusPath: import("@khanacademy/perseus").FocusPath, keypadHeight
|
|
1125
|
-
* The locked figures to display in the graph area.
|
|
1126
|
-
* Locked figures are graph elements (points, lines, line segmeents,
|
|
1127
|
-
* etc.) that are locked in place and not interactive.
|
|
1128
|
-
*/: number, focusedElement?: HTMLElement) => unknown;
|
|
1193
|
+
onFocusChange?: (newFocusPath: import("@khanacademy/perseus").FocusPath, oldFocusPath: import("@khanacademy/perseus").FocusPath, keypadHeight?: number, focusedElement?: HTMLElement) => unknown;
|
|
1129
1194
|
GroupMetadataEditor?: React.ComponentType<any>;
|
|
1130
1195
|
showAlignmentOptions?: boolean;
|
|
1131
1196
|
readOnly?: boolean;
|
|
@@ -1135,7 +1200,14 @@ declare const InteractiveGraph: {
|
|
|
1135
1200
|
[widgetId: string]: any;
|
|
1136
1201
|
}) => void;
|
|
1137
1202
|
groupAnnotator?: (groupNumber: number, widgetId: string) => React.ReactNode;
|
|
1138
|
-
imagePlaceholder?: React.
|
|
1203
|
+
imagePlaceholder?: React.
|
|
1204
|
+
/**
|
|
1205
|
+
* An editor for the InteractiveGraph widget, which allows the user to
|
|
1206
|
+
* specify the graph's properties and the correct answer.
|
|
1207
|
+
*
|
|
1208
|
+
* Used in the exercise editor.
|
|
1209
|
+
*/
|
|
1210
|
+
ReactNode;
|
|
1139
1211
|
widgetPlaceholder?: React.ReactNode;
|
|
1140
1212
|
baseElements?: {
|
|
1141
1213
|
Link: React.ComponentType<any>;
|
|
@@ -1161,11 +1233,7 @@ declare const InteractiveGraph: {
|
|
|
1161
1233
|
}>["readOnly"]>;
|
|
1162
1234
|
setDrawingAreaAvailable: NonNullable<Readonly<{
|
|
1163
1235
|
isArticle?: boolean;
|
|
1164
|
-
onFocusChange?: (newFocusPath: import("@khanacademy/perseus").FocusPath, oldFocusPath: import("@khanacademy/perseus").FocusPath, keypadHeight
|
|
1165
|
-
* The locked figures to display in the graph area.
|
|
1166
|
-
* Locked figures are graph elements (points, lines, line segmeents,
|
|
1167
|
-
* etc.) that are locked in place and not interactive.
|
|
1168
|
-
*/: number, focusedElement?: HTMLElement) => unknown;
|
|
1236
|
+
onFocusChange?: (newFocusPath: import("@khanacademy/perseus").FocusPath, oldFocusPath: import("@khanacademy/perseus").FocusPath, keypadHeight?: number, focusedElement?: HTMLElement) => unknown;
|
|
1169
1237
|
GroupMetadataEditor?: React.ComponentType<any>;
|
|
1170
1238
|
showAlignmentOptions?: boolean;
|
|
1171
1239
|
readOnly?: boolean;
|
|
@@ -1175,7 +1243,14 @@ declare const InteractiveGraph: {
|
|
|
1175
1243
|
[widgetId: string]: any;
|
|
1176
1244
|
}) => void;
|
|
1177
1245
|
groupAnnotator?: (groupNumber: number, widgetId: string) => React.ReactNode;
|
|
1178
|
-
imagePlaceholder?: React.
|
|
1246
|
+
imagePlaceholder?: React.
|
|
1247
|
+
/**
|
|
1248
|
+
* An editor for the InteractiveGraph widget, which allows the user to
|
|
1249
|
+
* specify the graph's properties and the correct answer.
|
|
1250
|
+
*
|
|
1251
|
+
* Used in the exercise editor.
|
|
1252
|
+
*/
|
|
1253
|
+
ReactNode;
|
|
1179
1254
|
widgetPlaceholder?: React.ReactNode;
|
|
1180
1255
|
baseElements?: {
|
|
1181
1256
|
Link: React.ComponentType<any>;
|
|
@@ -1201,11 +1276,7 @@ declare const InteractiveGraph: {
|
|
|
1201
1276
|
}>["setDrawingAreaAvailable"]>;
|
|
1202
1277
|
showAlignmentOptions: NonNullable<Readonly<{
|
|
1203
1278
|
isArticle?: boolean;
|
|
1204
|
-
onFocusChange?: (newFocusPath: import("@khanacademy/perseus").FocusPath, oldFocusPath: import("@khanacademy/perseus").FocusPath, keypadHeight
|
|
1205
|
-
* The locked figures to display in the graph area.
|
|
1206
|
-
* Locked figures are graph elements (points, lines, line segmeents,
|
|
1207
|
-
* etc.) that are locked in place and not interactive.
|
|
1208
|
-
*/: number, focusedElement?: HTMLElement) => unknown;
|
|
1279
|
+
onFocusChange?: (newFocusPath: import("@khanacademy/perseus").FocusPath, oldFocusPath: import("@khanacademy/perseus").FocusPath, keypadHeight?: number, focusedElement?: HTMLElement) => unknown;
|
|
1209
1280
|
GroupMetadataEditor?: React.ComponentType<any>;
|
|
1210
1281
|
showAlignmentOptions?: boolean;
|
|
1211
1282
|
readOnly?: boolean;
|
|
@@ -1215,7 +1286,14 @@ declare const InteractiveGraph: {
|
|
|
1215
1286
|
[widgetId: string]: any;
|
|
1216
1287
|
}) => void;
|
|
1217
1288
|
groupAnnotator?: (groupNumber: number, widgetId: string) => React.ReactNode;
|
|
1218
|
-
imagePlaceholder?: React.
|
|
1289
|
+
imagePlaceholder?: React.
|
|
1290
|
+
/**
|
|
1291
|
+
* An editor for the InteractiveGraph widget, which allows the user to
|
|
1292
|
+
* specify the graph's properties and the correct answer.
|
|
1293
|
+
*
|
|
1294
|
+
* Used in the exercise editor.
|
|
1295
|
+
*/
|
|
1296
|
+
ReactNode;
|
|
1219
1297
|
widgetPlaceholder?: React.ReactNode;
|
|
1220
1298
|
baseElements?: {
|
|
1221
1299
|
Link: React.ComponentType<any>;
|
|
@@ -1271,6 +1349,7 @@ declare const InteractiveGraph: {
|
|
|
1271
1349
|
rulerLabel?: string;
|
|
1272
1350
|
rulerTicks?: number;
|
|
1273
1351
|
range: import("@khanacademy/perseus-core").GraphRange;
|
|
1352
|
+
showAxisArrows: ShowAxisArrows;
|
|
1274
1353
|
graph: PerseusGraphType;
|
|
1275
1354
|
correct?: PerseusGraphType;
|
|
1276
1355
|
lockedFigures: LockedFigure[];
|
|
@@ -1296,6 +1375,7 @@ declare const InteractiveGraph: {
|
|
|
1296
1375
|
rulerLabel?: string;
|
|
1297
1376
|
rulerTicks?: number;
|
|
1298
1377
|
range: import("@khanacademy/perseus-core").GraphRange;
|
|
1378
|
+
showAxisArrows: ShowAxisArrows;
|
|
1299
1379
|
graph: PerseusGraphType;
|
|
1300
1380
|
correct?: PerseusGraphType;
|
|
1301
1381
|
lockedFigures: LockedFigure[];
|
|
@@ -1318,6 +1398,7 @@ declare const InteractiveGraph: {
|
|
|
1318
1398
|
rulerLabel?: string;
|
|
1319
1399
|
rulerTicks?: number;
|
|
1320
1400
|
range: import("@khanacademy/perseus-core").GraphRange;
|
|
1401
|
+
showAxisArrows: ShowAxisArrows;
|
|
1321
1402
|
graph: PerseusGraphType;
|
|
1322
1403
|
correct?: PerseusGraphType;
|
|
1323
1404
|
lockedFigures: LockedFigure[];
|
|
@@ -1338,6 +1419,7 @@ declare const InteractiveGraph: {
|
|
|
1338
1419
|
rulerLabel?: string;
|
|
1339
1420
|
rulerTicks?: number;
|
|
1340
1421
|
range: import("@khanacademy/perseus-core").GraphRange;
|
|
1422
|
+
showAxisArrows: ShowAxisArrows;
|
|
1341
1423
|
graph: PerseusGraphType;
|
|
1342
1424
|
correct?: PerseusGraphType;
|
|
1343
1425
|
lockedFigures: LockedFigure[];
|
|
@@ -1360,6 +1442,7 @@ declare const InteractiveGraph: {
|
|
|
1360
1442
|
rulerLabel?: string;
|
|
1361
1443
|
rulerTicks?: number;
|
|
1362
1444
|
range: import("@khanacademy/perseus-core").GraphRange;
|
|
1445
|
+
showAxisArrows: ShowAxisArrows;
|
|
1363
1446
|
graph: PerseusGraphType;
|
|
1364
1447
|
correct?: PerseusGraphType;
|
|
1365
1448
|
lockedFigures: LockedFigure[];
|
|
@@ -1380,6 +1463,7 @@ declare const InteractiveGraph: {
|
|
|
1380
1463
|
rulerLabel?: string;
|
|
1381
1464
|
rulerTicks?: number;
|
|
1382
1465
|
range: import("@khanacademy/perseus-core").GraphRange;
|
|
1466
|
+
showAxisArrows: ShowAxisArrows;
|
|
1383
1467
|
graph: PerseusGraphType;
|
|
1384
1468
|
correct?: PerseusGraphType;
|
|
1385
1469
|
lockedFigures: LockedFigure[];
|
|
@@ -1400,6 +1484,7 @@ declare const InteractiveGraph: {
|
|
|
1400
1484
|
rulerLabel?: string;
|
|
1401
1485
|
rulerTicks?: number;
|
|
1402
1486
|
range: import("@khanacademy/perseus-core").GraphRange;
|
|
1487
|
+
showAxisArrows: ShowAxisArrows;
|
|
1403
1488
|
graph: PerseusGraphType;
|
|
1404
1489
|
correct?: PerseusGraphType;
|
|
1405
1490
|
lockedFigures: LockedFigure[];
|
|
@@ -1420,6 +1505,7 @@ declare const InteractiveGraph: {
|
|
|
1420
1505
|
rulerLabel?: string;
|
|
1421
1506
|
rulerTicks?: number;
|
|
1422
1507
|
range: import("@khanacademy/perseus-core").GraphRange;
|
|
1508
|
+
showAxisArrows: ShowAxisArrows;
|
|
1423
1509
|
graph: PerseusGraphType;
|
|
1424
1510
|
correct?: PerseusGraphType;
|
|
1425
1511
|
lockedFigures: LockedFigure[];
|
|
@@ -1431,6 +1517,7 @@ declare const InteractiveGraph: {
|
|
|
1431
1517
|
labels: string[];
|
|
1432
1518
|
labelLocation: AxisLabelLocation;
|
|
1433
1519
|
range: import("@khanacademy/perseus-core").GraphRange;
|
|
1520
|
+
showAxisArrows: ShowAxisArrows;
|
|
1434
1521
|
step: [number, number];
|
|
1435
1522
|
backgroundImage: PerseusImageBackground | undefined;
|
|
1436
1523
|
markings: MarkingsType;
|
|
@@ -1452,6 +1539,7 @@ declare const InteractiveGraph: {
|
|
|
1452
1539
|
rulerLabel?: string;
|
|
1453
1540
|
rulerTicks?: number;
|
|
1454
1541
|
range: import("@khanacademy/perseus-core").GraphRange;
|
|
1542
|
+
showAxisArrows: ShowAxisArrows;
|
|
1455
1543
|
graph: PerseusGraphType;
|
|
1456
1544
|
correct?: PerseusGraphType;
|
|
1457
1545
|
lockedFigures: LockedFigure[];
|
|
@@ -1472,6 +1560,7 @@ declare const InteractiveGraph: {
|
|
|
1472
1560
|
rulerLabel?: string;
|
|
1473
1561
|
rulerTicks?: number;
|
|
1474
1562
|
range: import("@khanacademy/perseus-core").GraphRange;
|
|
1563
|
+
showAxisArrows: ShowAxisArrows;
|
|
1475
1564
|
graph: PerseusGraphType;
|
|
1476
1565
|
correct?: PerseusGraphType;
|
|
1477
1566
|
lockedFigures: LockedFigure[];
|
|
@@ -1492,6 +1581,7 @@ declare const InteractiveGraph: {
|
|
|
1492
1581
|
rulerLabel?: string;
|
|
1493
1582
|
rulerTicks?: number;
|
|
1494
1583
|
range: import("@khanacademy/perseus-core").GraphRange;
|
|
1584
|
+
showAxisArrows: ShowAxisArrows;
|
|
1495
1585
|
graph: PerseusGraphType;
|
|
1496
1586
|
correct?: PerseusGraphType;
|
|
1497
1587
|
lockedFigures: LockedFigure[];
|
|
@@ -1512,6 +1602,7 @@ declare const InteractiveGraph: {
|
|
|
1512
1602
|
rulerLabel?: string;
|
|
1513
1603
|
rulerTicks?: number;
|
|
1514
1604
|
range: import("@khanacademy/perseus-core").GraphRange;
|
|
1605
|
+
showAxisArrows: ShowAxisArrows;
|
|
1515
1606
|
graph: PerseusGraphType;
|
|
1516
1607
|
correct?: PerseusGraphType;
|
|
1517
1608
|
lockedFigures: LockedFigure[];
|
|
@@ -1532,6 +1623,7 @@ declare const InteractiveGraph: {
|
|
|
1532
1623
|
rulerLabel?: string;
|
|
1533
1624
|
rulerTicks?: number;
|
|
1534
1625
|
range: import("@khanacademy/perseus-core").GraphRange;
|
|
1626
|
+
showAxisArrows: ShowAxisArrows;
|
|
1535
1627
|
graph: PerseusGraphType;
|
|
1536
1628
|
correct?: PerseusGraphType;
|
|
1537
1629
|
lockedFigures: LockedFigure[];
|
|
@@ -1552,6 +1644,7 @@ declare const InteractiveGraph: {
|
|
|
1552
1644
|
rulerLabel?: string;
|
|
1553
1645
|
rulerTicks?: number;
|
|
1554
1646
|
range: import("@khanacademy/perseus-core").GraphRange;
|
|
1647
|
+
showAxisArrows: ShowAxisArrows;
|
|
1555
1648
|
graph: PerseusGraphType;
|
|
1556
1649
|
correct?: PerseusGraphType;
|
|
1557
1650
|
lockedFigures: LockedFigure[];
|
|
@@ -1573,6 +1666,7 @@ declare const InteractiveGraph: {
|
|
|
1573
1666
|
rulerLabel?: string;
|
|
1574
1667
|
rulerTicks?: number;
|
|
1575
1668
|
range: import("@khanacademy/perseus-core").GraphRange;
|
|
1669
|
+
showAxisArrows: ShowAxisArrows;
|
|
1576
1670
|
graph: PerseusGraphType;
|
|
1577
1671
|
correct?: PerseusGraphType;
|
|
1578
1672
|
lockedFigures: LockedFigure[];
|
|
@@ -1593,6 +1687,7 @@ declare const InteractiveGraph: {
|
|
|
1593
1687
|
rulerLabel?: string;
|
|
1594
1688
|
rulerTicks?: number;
|
|
1595
1689
|
range: import("@khanacademy/perseus-core").GraphRange;
|
|
1690
|
+
showAxisArrows: ShowAxisArrows;
|
|
1596
1691
|
graph: PerseusGraphType;
|
|
1597
1692
|
correct?: PerseusGraphType;
|
|
1598
1693
|
lockedFigures: LockedFigure[];
|
|
@@ -1614,6 +1709,7 @@ declare const InteractiveGraph: {
|
|
|
1614
1709
|
rulerLabel?: string;
|
|
1615
1710
|
rulerTicks?: number;
|
|
1616
1711
|
range: import("@khanacademy/perseus-core").GraphRange;
|
|
1712
|
+
showAxisArrows: ShowAxisArrows;
|
|
1617
1713
|
graph: PerseusGraphType;
|
|
1618
1714
|
correct?: PerseusGraphType;
|
|
1619
1715
|
lockedFigures: LockedFigure[];
|
|
@@ -1634,6 +1730,7 @@ declare const InteractiveGraph: {
|
|
|
1634
1730
|
rulerLabel?: string;
|
|
1635
1731
|
rulerTicks?: number;
|
|
1636
1732
|
range: import("@khanacademy/perseus-core").GraphRange;
|
|
1733
|
+
showAxisArrows: ShowAxisArrows;
|
|
1637
1734
|
graph: PerseusGraphType;
|
|
1638
1735
|
correct?: PerseusGraphType;
|
|
1639
1736
|
lockedFigures: LockedFigure[];
|
|
@@ -1654,6 +1751,7 @@ declare const InteractiveGraph: {
|
|
|
1654
1751
|
rulerLabel?: string;
|
|
1655
1752
|
rulerTicks?: number;
|
|
1656
1753
|
range: import("@khanacademy/perseus-core").GraphRange;
|
|
1754
|
+
showAxisArrows: ShowAxisArrows;
|
|
1657
1755
|
graph: PerseusGraphType;
|
|
1658
1756
|
correct?: PerseusGraphType;
|
|
1659
1757
|
lockedFigures: LockedFigure[];
|
|
@@ -1674,6 +1772,7 @@ declare const InteractiveGraph: {
|
|
|
1674
1772
|
rulerLabel?: string;
|
|
1675
1773
|
rulerTicks?: number;
|
|
1676
1774
|
range: import("@khanacademy/perseus-core").GraphRange;
|
|
1775
|
+
showAxisArrows: ShowAxisArrows;
|
|
1677
1776
|
graph: PerseusGraphType;
|
|
1678
1777
|
correct?: PerseusGraphType;
|
|
1679
1778
|
lockedFigures: LockedFigure[];
|
|
@@ -1694,6 +1793,7 @@ declare const InteractiveGraph: {
|
|
|
1694
1793
|
rulerLabel?: string;
|
|
1695
1794
|
rulerTicks?: number;
|
|
1696
1795
|
range: import("@khanacademy/perseus-core").GraphRange;
|
|
1796
|
+
showAxisArrows: ShowAxisArrows;
|
|
1697
1797
|
graph: PerseusGraphType;
|
|
1698
1798
|
correct?: PerseusGraphType;
|
|
1699
1799
|
lockedFigures: LockedFigure[];
|
|
@@ -1714,6 +1814,7 @@ declare const InteractiveGraph: {
|
|
|
1714
1814
|
rulerLabel?: string;
|
|
1715
1815
|
rulerTicks?: number;
|
|
1716
1816
|
range: import("@khanacademy/perseus-core").GraphRange;
|
|
1817
|
+
showAxisArrows: ShowAxisArrows;
|
|
1717
1818
|
graph: PerseusGraphType;
|
|
1718
1819
|
correct?: PerseusGraphType;
|
|
1719
1820
|
lockedFigures: LockedFigure[];
|
|
@@ -1734,6 +1835,7 @@ declare const InteractiveGraph: {
|
|
|
1734
1835
|
rulerLabel?: string;
|
|
1735
1836
|
rulerTicks?: number;
|
|
1736
1837
|
range: import("@khanacademy/perseus-core").GraphRange;
|
|
1838
|
+
showAxisArrows: ShowAxisArrows;
|
|
1737
1839
|
graph: PerseusGraphType;
|
|
1738
1840
|
correct?: PerseusGraphType;
|
|
1739
1841
|
lockedFigures: LockedFigure[];
|
|
@@ -1754,6 +1856,7 @@ declare const InteractiveGraph: {
|
|
|
1754
1856
|
rulerLabel?: string;
|
|
1755
1857
|
rulerTicks?: number;
|
|
1756
1858
|
range: import("@khanacademy/perseus-core").GraphRange;
|
|
1859
|
+
showAxisArrows: ShowAxisArrows;
|
|
1757
1860
|
graph: PerseusGraphType;
|
|
1758
1861
|
correct?: PerseusGraphType;
|
|
1759
1862
|
lockedFigures: LockedFigure[];
|
|
@@ -1774,6 +1877,7 @@ declare const InteractiveGraph: {
|
|
|
1774
1877
|
rulerLabel?: string;
|
|
1775
1878
|
rulerTicks?: number;
|
|
1776
1879
|
range: import("@khanacademy/perseus-core").GraphRange;
|
|
1880
|
+
showAxisArrows: ShowAxisArrows;
|
|
1777
1881
|
graph: PerseusGraphType;
|
|
1778
1882
|
correct?: PerseusGraphType;
|
|
1779
1883
|
lockedFigures: LockedFigure[];
|
|
@@ -1794,6 +1898,7 @@ declare const InteractiveGraph: {
|
|
|
1794
1898
|
rulerLabel?: string;
|
|
1795
1899
|
rulerTicks?: number;
|
|
1796
1900
|
range: import("@khanacademy/perseus-core").GraphRange;
|
|
1901
|
+
showAxisArrows: ShowAxisArrows;
|
|
1797
1902
|
graph: PerseusGraphType;
|
|
1798
1903
|
correct?: PerseusGraphType;
|
|
1799
1904
|
lockedFigures: LockedFigure[];
|
|
@@ -1814,6 +1919,7 @@ declare const InteractiveGraph: {
|
|
|
1814
1919
|
rulerLabel?: string;
|
|
1815
1920
|
rulerTicks?: number;
|
|
1816
1921
|
range: import("@khanacademy/perseus-core").GraphRange;
|
|
1922
|
+
showAxisArrows: ShowAxisArrows;
|
|
1817
1923
|
graph: PerseusGraphType;
|
|
1818
1924
|
correct?: PerseusGraphType;
|
|
1819
1925
|
lockedFigures: LockedFigure[];
|
|
@@ -1834,6 +1940,7 @@ declare const InteractiveGraph: {
|
|
|
1834
1940
|
rulerLabel?: string;
|
|
1835
1941
|
rulerTicks?: number;
|
|
1836
1942
|
range: import("@khanacademy/perseus-core").GraphRange;
|
|
1943
|
+
showAxisArrows: ShowAxisArrows;
|
|
1837
1944
|
graph: PerseusGraphType;
|
|
1838
1945
|
correct?: PerseusGraphType;
|
|
1839
1946
|
lockedFigures: LockedFigure[];
|
|
@@ -1854,6 +1961,7 @@ declare const InteractiveGraph: {
|
|
|
1854
1961
|
rulerLabel?: string;
|
|
1855
1962
|
rulerTicks?: number;
|
|
1856
1963
|
range: import("@khanacademy/perseus-core").GraphRange;
|
|
1964
|
+
showAxisArrows: ShowAxisArrows;
|
|
1857
1965
|
graph: PerseusGraphType;
|
|
1858
1966
|
correct?: PerseusGraphType;
|
|
1859
1967
|
lockedFigures: LockedFigure[];
|
|
@@ -1874,6 +1982,7 @@ declare const InteractiveGraph: {
|
|
|
1874
1982
|
rulerLabel?: string;
|
|
1875
1983
|
rulerTicks?: number;
|
|
1876
1984
|
range: import("@khanacademy/perseus-core").GraphRange;
|
|
1985
|
+
showAxisArrows: ShowAxisArrows;
|
|
1877
1986
|
graph: PerseusGraphType;
|
|
1878
1987
|
correct?: PerseusGraphType;
|
|
1879
1988
|
lockedFigures: LockedFigure[];
|
|
@@ -1901,6 +2010,10 @@ export type Props = {
|
|
|
1901
2010
|
* The range of the graph in the x and y directions.
|
|
1902
2011
|
*/
|
|
1903
2012
|
range: [x: Range, y: Range];
|
|
2013
|
+
/**
|
|
2014
|
+
* Whether the graph is bounded on the x and y axes.
|
|
2015
|
+
*/
|
|
2016
|
+
showAxisArrows: ShowAxisArrows;
|
|
1904
2017
|
/**
|
|
1905
2018
|
* How far apart the tick marks on the axes are in the x and y
|
|
1906
2019
|
* directions.
|