@khanacademy/perseus-editor 6.9.0 → 6.11.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 (8) hide show
  1. package/dist/components/ellipse-swatch.d.ts +2 -2
  2. package/dist/components/util.d.ts +5 -2
  3. package/dist/es/index.js +204 -238
  4. package/dist/es/index.js.map +1 -1
  5. package/dist/index.js +204 -239
  6. package/dist/index.js.map +1 -1
  7. package/dist/widgets/interactive-graph-editor.d.ts +242 -113
  8. package/package.json +4 -4
package/dist/widgets/interactive-graph-editor.d.ts CHANGED
@@ -1,6 +1,6 @@
1
1
  import { SizingUtils } from "@khanacademy/perseus";
2
2
  import * as React from "react";
3
- import type { PerseusImageBackground, PerseusInteractiveGraphWidgetOptions, APIOptionsWithDefaults, LockedFigure } from "@khanacademy/perseus";
3
+ import type { PerseusImageBackground, PerseusInteractiveGraphWidgetOptions, APIOptionsWithDefaults, LockedFigure, PerseusGraphType } from "@khanacademy/perseus";
4
4
  import type { PropsFor } from "@khanacademy/wonder-blocks-core";
5
5
  declare const InteractiveGraph: {
6
6
  new (props: (PerseusInteractiveGraphWidgetOptions & {
@@ -15,7 +15,9 @@ declare const InteractiveGraph: {
15
15
  GroupMetadataEditor?: React.ComponentType<any> | undefined;
16
16
  showAlignmentOptions?: boolean | undefined;
17
17
  readOnly?: boolean | undefined;
18
- answerableCallback?: ((arg1: boolean) => unknown) | undefined;
18
+ answerableCallback?: ((arg1: boolean) => unknown) | undefined; /**
19
+ * Whether to show the ruler on the graph.
20
+ */
19
21
  getAnotherHint?: (() => unknown) | undefined;
20
22
  interactionCallback?: ((widgetData: {
21
23
  [widgetId: string]: any;
@@ -95,7 +97,9 @@ declare const InteractiveGraph: {
95
97
  GroupMetadataEditor?: React.ComponentType<any> | undefined;
96
98
  showAlignmentOptions?: boolean | undefined;
97
99
  readOnly?: boolean | undefined;
98
- answerableCallback?: ((arg1: boolean) => unknown) | undefined;
100
+ answerableCallback?: ((arg1: boolean) => unknown) | undefined; /**
101
+ * Whether to show the ruler on the graph.
102
+ */
99
103
  getAnotherHint?: (() => unknown) | undefined;
100
104
  interactionCallback?: ((widgetData: {
101
105
  [widgetId: string]: any;
@@ -187,7 +191,9 @@ declare const InteractiveGraph: {
187
191
  vertHairline: any;
188
192
  state: any;
189
193
  UNSAFE_componentWillMount(): void;
190
- componentDidMount(): void;
194
+ componentDidMount(): void; /**
195
+ * The labels for the x and y axes.
196
+ */
191
197
  UNSAFE_componentWillReceiveProps(nextProps: PerseusInteractiveGraphWidgetOptions & {
192
198
  widgetId: string;
193
199
  alignment: string | null | undefined;
@@ -200,7 +206,9 @@ declare const InteractiveGraph: {
200
206
  GroupMetadataEditor?: React.ComponentType<any> | undefined;
201
207
  showAlignmentOptions?: boolean | undefined;
202
208
  readOnly?: boolean | undefined;
203
- answerableCallback?: ((arg1: boolean) => unknown) | undefined;
209
+ answerableCallback?: ((arg1: boolean) => unknown) | undefined; /**
210
+ * Whether to show the ruler on the graph.
211
+ */
204
212
  getAnotherHint?: (() => unknown) | undefined;
205
213
  interactionCallback?: ((widgetData: {
206
214
  [widgetId: string]: any;
@@ -281,7 +289,9 @@ declare const InteractiveGraph: {
281
289
  GroupMetadataEditor?: React.ComponentType<any> | undefined;
282
290
  showAlignmentOptions?: boolean | undefined;
283
291
  readOnly?: boolean | undefined;
284
- answerableCallback?: ((arg1: boolean) => unknown) | undefined;
292
+ answerableCallback?: ((arg1: boolean) => unknown) | undefined; /**
293
+ * Whether to show the ruler on the graph.
294
+ */
285
295
  getAnotherHint?: (() => unknown) | undefined;
286
296
  interactionCallback?: ((widgetData: {
287
297
  [widgetId: string]: any;
@@ -362,7 +372,9 @@ declare const InteractiveGraph: {
362
372
  GroupMetadataEditor?: React.ComponentType<any> | undefined;
363
373
  showAlignmentOptions?: boolean | undefined;
364
374
  readOnly?: boolean | undefined;
365
- answerableCallback?: ((arg1: boolean) => unknown) | undefined;
375
+ answerableCallback?: ((arg1: boolean) => unknown) | undefined; /**
376
+ * Whether to show the ruler on the graph.
377
+ */
366
378
  getAnotherHint?: (() => unknown) | undefined;
367
379
  interactionCallback?: ((widgetData: {
368
380
  [widgetId: string]: any;
@@ -437,7 +449,9 @@ declare const InteractiveGraph: {
437
449
  resetGraphie: () => void;
438
450
  setupGraphie: () => void;
439
451
  showHairlines: (arg1: import("@khanacademy/perseus").Coord) => void;
440
- hideHairlines: () => void;
452
+ hideHairlines: () => void; /**
453
+ * How far apart the snap-to points are in the x and y directions.
454
+ */
441
455
  setTrashCanVisibility: (arg1: number) => void;
442
456
  isClickToAddPoints: (arg1?: (PerseusInteractiveGraphWidgetOptions & {
443
457
  widgetId: string;
@@ -451,7 +465,9 @@ declare const InteractiveGraph: {
451
465
  GroupMetadataEditor?: React.ComponentType<any> | undefined;
452
466
  showAlignmentOptions?: boolean | undefined;
453
467
  readOnly?: boolean | undefined;
454
- answerableCallback?: ((arg1: boolean) => unknown) | undefined;
468
+ answerableCallback?: ((arg1: boolean) => unknown) | undefined; /**
469
+ * Whether to show the ruler on the graph.
470
+ */
455
471
  getAnotherHint?: (() => unknown) | undefined;
456
472
  interactionCallback?: ((widgetData: {
457
473
  [widgetId: string]: any;
@@ -520,10 +536,11 @@ declare const InteractiveGraph: {
520
536
  linterContext: import("@khanacademy/perseus-linter").LinterContextProps;
521
537
  containerSizeClass: SizingUtils.SizeClass;
522
538
  }) | null | undefined) => boolean;
523
- areAngleGraphsEqual(prevGraph: import("../../../perseus/src/perseus-types").PerseusGraphTypeAngle, currentGraph: import("../../../perseus/src/perseus-types").PerseusGraphTypeAngle): boolean;
524
- arePointGraphsEqual(prevGraph: import("../../../perseus/src/perseus-types").PerseusGraphTypePoint, currentGraph: import("../../../perseus/src/perseus-types").PerseusGraphTypePoint): boolean; /**
525
- * The background image to display in the graph area and its properties.
539
+ /**
540
+ * The size of the graph in pixels.
526
541
  */
542
+ areAngleGraphsEqual(prevGraph: import("../../../perseus/src/perseus-types").PerseusGraphTypeAngle, currentGraph: import("../../../perseus/src/perseus-types").PerseusGraphTypeAngle): boolean;
543
+ arePointGraphsEqual(prevGraph: import("../../../perseus/src/perseus-types").PerseusGraphTypePoint, currentGraph: import("../../../perseus/src/perseus-types").PerseusGraphTypePoint): boolean;
527
544
  arePolygonGraphsEqual(prevGraph: import("../../../perseus/src/perseus-types").PerseusGraphTypePolygon, currentGraph: import("../../../perseus/src/perseus-types").PerseusGraphTypePolygon): boolean;
528
545
  areSegmentGraphsEqual(prevGraph: import("../../../perseus/src/perseus-types").PerseusGraphTypeSegment, currentGraph: import("../../../perseus/src/perseus-types").PerseusGraphTypeSegment): boolean;
529
546
  _lineStroke: () => {
@@ -532,17 +549,23 @@ declare const InteractiveGraph: {
532
549
  addLine: (arg1: string) => void;
533
550
  removeLine: () => void;
534
551
  addLinearControls: () => void;
535
- removeLinearControls: () => void;
536
- addQuadraticControls: () => void; /**
537
- * Whether to show the ruler on the graph.
552
+ /**
553
+ * Whether to show the protractor on the graph.
538
554
  */
555
+ removeLinearControls: () => void;
556
+ addQuadraticControls: () => void;
539
557
  updateQuadratic: () => void;
540
558
  removeQuadraticControls: () => void;
541
- addSinusoidControls: () => void;
559
+ addSinusoidControls: () => void; /**
560
+ * Whether to show tooltips on the graph.
561
+ * (Currently not used, but will be in the future.)
562
+ */
542
563
  updateSinusoid: () => void;
543
564
  removeSinusoidControls: () => void;
544
565
  addCircleControls: () => void;
545
- removeCircleControls: () => void;
566
+ removeCircleControls: () => void; /**
567
+ * The label to display on the ruler, if any.
568
+ */
546
569
  addLinearSystemControls: () => void;
547
570
  removeLinearSystemControls: () => void;
548
571
  isCoordInTrash: (arg1: import("@khanacademy/perseus").Coord) => boolean;
@@ -555,22 +578,16 @@ declare const InteractiveGraph: {
555
578
  addPointControls: () => void;
556
579
  removePointControls: () => void;
557
580
  addSegmentControls: () => void;
558
- removeSegmentControls: () => void; /**
559
- * The locked figures to display in the graph area.
560
- * Locked figures are graph elements (points, lines, line segmeents,
561
- * etc.) that are locked in place and not interactive.
562
- */
581
+ removeSegmentControls: () => void;
563
582
  addRayControls: () => void;
564
583
  removeRayControls: () => void;
565
584
  addPolygonControls: () => void;
566
585
  updatePolygon: () => void;
567
586
  removePolygonControls: () => void;
568
587
  addAngleControls: () => void;
569
- removeAngleControls: () => void; /**
570
- * The graph to display in the graph area.
571
- */
588
+ removeAngleControls: () => void;
572
589
  toggleShowSides: () => void;
573
- getUserInput(): import("@khanacademy/perseus").PerseusGraphType;
590
+ getUserInput(): PerseusGraphType;
574
591
  simpleValidate(rubric: import("../../../perseus/src/widgets/interactive-graph").Rubric): import("@khanacademy/perseus").PerseusScore;
575
592
  focus: () => void;
576
593
  render(): React.ReactNode;
@@ -588,7 +605,9 @@ declare const InteractiveGraph: {
588
605
  GroupMetadataEditor?: React.ComponentType<any> | undefined;
589
606
  showAlignmentOptions?: boolean | undefined;
590
607
  readOnly?: boolean | undefined;
591
- answerableCallback?: ((arg1: boolean) => unknown) | undefined;
608
+ answerableCallback?: ((arg1: boolean) => unknown) | undefined; /**
609
+ * Whether to show the ruler on the graph.
610
+ */
592
611
  getAnotherHint?: (() => unknown) | undefined;
593
612
  interactionCallback?: ((widgetData: {
594
613
  [widgetId: string]: any;
@@ -674,7 +693,9 @@ declare const InteractiveGraph: {
674
693
  GroupMetadataEditor?: React.ComponentType<any> | undefined;
675
694
  showAlignmentOptions?: boolean | undefined;
676
695
  readOnly?: boolean | undefined;
677
- answerableCallback?: ((arg1: boolean) => unknown) | undefined;
696
+ answerableCallback?: ((arg1: boolean) => unknown) | undefined; /**
697
+ * Whether to show the ruler on the graph.
698
+ */
678
699
  getAnotherHint?: (() => unknown) | undefined;
679
700
  interactionCallback?: ((widgetData: {
680
701
  [widgetId: string]: any;
@@ -757,7 +778,9 @@ declare const InteractiveGraph: {
757
778
  GroupMetadataEditor?: React.ComponentType<any> | undefined;
758
779
  showAlignmentOptions?: boolean | undefined;
759
780
  readOnly?: boolean | undefined;
760
- answerableCallback?: ((arg1: boolean) => unknown) | undefined;
781
+ answerableCallback?: ((arg1: boolean) => unknown) | undefined; /**
782
+ * Whether to show the ruler on the graph.
783
+ */
761
784
  getAnotherHint?: (() => unknown) | undefined;
762
785
  interactionCallback?: ((widgetData: {
763
786
  [widgetId: string]: any;
@@ -839,7 +862,9 @@ declare const InteractiveGraph: {
839
862
  GroupMetadataEditor?: React.ComponentType<any> | undefined;
840
863
  showAlignmentOptions?: boolean | undefined;
841
864
  readOnly?: boolean | undefined;
842
- answerableCallback?: ((arg1: boolean) => unknown) | undefined;
865
+ answerableCallback?: ((arg1: boolean) => unknown) | undefined; /**
866
+ * Whether to show the ruler on the graph.
867
+ */
843
868
  getAnotherHint?: (() => unknown) | undefined;
844
869
  interactionCallback?: ((widgetData: {
845
870
  [widgetId: string]: any;
@@ -920,7 +945,9 @@ declare const InteractiveGraph: {
920
945
  GroupMetadataEditor?: React.ComponentType<any> | undefined;
921
946
  showAlignmentOptions?: boolean | undefined;
922
947
  readOnly?: boolean | undefined;
923
- answerableCallback?: ((arg1: boolean) => unknown) | undefined;
948
+ answerableCallback?: ((arg1: boolean) => unknown) | undefined; /**
949
+ * Whether to show the ruler on the graph.
950
+ */
924
951
  getAnotherHint?: (() => unknown) | undefined;
925
952
  interactionCallback?: ((widgetData: {
926
953
  [widgetId: string]: any;
@@ -1001,7 +1028,9 @@ declare const InteractiveGraph: {
1001
1028
  GroupMetadataEditor?: React.ComponentType<any> | undefined;
1002
1029
  showAlignmentOptions?: boolean | undefined;
1003
1030
  readOnly?: boolean | undefined;
1004
- answerableCallback?: ((arg1: boolean) => unknown) | undefined;
1031
+ answerableCallback?: ((arg1: boolean) => unknown) | undefined; /**
1032
+ * Whether to show the ruler on the graph.
1033
+ */
1005
1034
  getAnotherHint?: (() => unknown) | undefined;
1006
1035
  interactionCallback?: ((widgetData: {
1007
1036
  [widgetId: string]: any;
@@ -1090,7 +1119,9 @@ declare const InteractiveGraph: {
1090
1119
  GroupMetadataEditor?: React.ComponentType<any> | undefined;
1091
1120
  showAlignmentOptions?: boolean | undefined;
1092
1121
  readOnly?: boolean | undefined;
1093
- answerableCallback?: ((arg1: boolean) => unknown) | undefined;
1122
+ answerableCallback?: ((arg1: boolean) => unknown) | undefined; /**
1123
+ * Whether to show the ruler on the graph.
1124
+ */
1094
1125
  getAnotherHint?: (() => unknown) | undefined;
1095
1126
  interactionCallback?: ((widgetData: {
1096
1127
  [widgetId: string]: any;
@@ -1178,7 +1209,9 @@ declare const InteractiveGraph: {
1178
1209
  GroupMetadataEditor?: React.ComponentType<any> | undefined;
1179
1210
  showAlignmentOptions?: boolean | undefined;
1180
1211
  readOnly?: boolean | undefined;
1181
- answerableCallback?: ((arg1: boolean) => unknown) | undefined;
1212
+ answerableCallback?: ((arg1: boolean) => unknown) | undefined; /**
1213
+ * Whether to show the ruler on the graph.
1214
+ */
1182
1215
  getAnotherHint?: (() => unknown) | undefined;
1183
1216
  interactionCallback?: ((widgetData: {
1184
1217
  [widgetId: string]: any;
@@ -1261,7 +1294,9 @@ declare const InteractiveGraph: {
1261
1294
  GroupMetadataEditor?: React.ComponentType<any> | undefined;
1262
1295
  showAlignmentOptions?: boolean | undefined;
1263
1296
  readOnly?: boolean | undefined;
1264
- answerableCallback?: ((arg1: boolean) => unknown) | undefined;
1297
+ answerableCallback?: ((arg1: boolean) => unknown) | undefined; /**
1298
+ * Whether to show the ruler on the graph.
1299
+ */
1265
1300
  getAnotherHint?: (() => unknown) | undefined;
1266
1301
  interactionCallback?: ((widgetData: {
1267
1302
  [widgetId: string]: any;
@@ -1342,7 +1377,9 @@ declare const InteractiveGraph: {
1342
1377
  GroupMetadataEditor?: React.ComponentType<any> | undefined;
1343
1378
  showAlignmentOptions?: boolean | undefined;
1344
1379
  readOnly?: boolean | undefined;
1345
- answerableCallback?: ((arg1: boolean) => unknown) | undefined;
1380
+ answerableCallback?: ((arg1: boolean) => unknown) | undefined; /**
1381
+ * Whether to show the ruler on the graph.
1382
+ */
1346
1383
  getAnotherHint?: (() => unknown) | undefined;
1347
1384
  interactionCallback?: ((widgetData: {
1348
1385
  [widgetId: string]: any;
@@ -1425,7 +1462,9 @@ declare const InteractiveGraph: {
1425
1462
  GroupMetadataEditor?: React.ComponentType<any> | undefined;
1426
1463
  showAlignmentOptions?: boolean | undefined;
1427
1464
  readOnly?: boolean | undefined;
1428
- answerableCallback?: ((arg1: boolean) => unknown) | undefined;
1465
+ answerableCallback?: ((arg1: boolean) => unknown) | undefined; /**
1466
+ * Whether to show the ruler on the graph.
1467
+ */
1429
1468
  getAnotherHint?: (() => unknown) | undefined;
1430
1469
  interactionCallback?: ((widgetData: {
1431
1470
  [widgetId: string]: any;
@@ -1506,7 +1545,9 @@ declare const InteractiveGraph: {
1506
1545
  GroupMetadataEditor?: React.ComponentType<any> | undefined;
1507
1546
  showAlignmentOptions?: boolean | undefined;
1508
1547
  readOnly?: boolean | undefined;
1509
- answerableCallback?: ((arg1: boolean) => unknown) | undefined;
1548
+ answerableCallback?: ((arg1: boolean) => unknown) | undefined; /**
1549
+ * Whether to show the ruler on the graph.
1550
+ */
1510
1551
  getAnotherHint?: (() => unknown) | undefined;
1511
1552
  interactionCallback?: ((widgetData: {
1512
1553
  [widgetId: string]: any;
@@ -1587,7 +1628,9 @@ declare const InteractiveGraph: {
1587
1628
  GroupMetadataEditor?: React.ComponentType<any> | undefined;
1588
1629
  showAlignmentOptions?: boolean | undefined;
1589
1630
  readOnly?: boolean | undefined;
1590
- answerableCallback?: ((arg1: boolean) => unknown) | undefined;
1631
+ answerableCallback?: ((arg1: boolean) => unknown) | undefined; /**
1632
+ * Whether to show the ruler on the graph.
1633
+ */
1591
1634
  getAnotherHint?: (() => unknown) | undefined;
1592
1635
  interactionCallback?: ((widgetData: {
1593
1636
  [widgetId: string]: any;
@@ -1668,7 +1711,9 @@ declare const InteractiveGraph: {
1668
1711
  GroupMetadataEditor?: React.ComponentType<any> | undefined;
1669
1712
  showAlignmentOptions?: boolean | undefined;
1670
1713
  readOnly?: boolean | undefined;
1671
- answerableCallback?: ((arg1: boolean) => unknown) | undefined;
1714
+ answerableCallback?: ((arg1: boolean) => unknown) | undefined; /**
1715
+ * Whether to show the ruler on the graph.
1716
+ */
1672
1717
  getAnotherHint?: (() => unknown) | undefined;
1673
1718
  interactionCallback?: ((widgetData: {
1674
1719
  [widgetId: string]: any;
@@ -1750,7 +1795,9 @@ declare const InteractiveGraph: {
1750
1795
  GroupMetadataEditor?: React.ComponentType<any> | undefined;
1751
1796
  showAlignmentOptions?: boolean | undefined;
1752
1797
  readOnly?: boolean | undefined;
1753
- answerableCallback?: ((arg1: boolean) => unknown) | undefined;
1798
+ answerableCallback?: ((arg1: boolean) => unknown) | undefined; /**
1799
+ * Whether to show the ruler on the graph.
1800
+ */
1754
1801
  getAnotherHint?: (() => unknown) | undefined;
1755
1802
  interactionCallback?: ((widgetData: {
1756
1803
  [widgetId: string]: any;
@@ -1842,7 +1889,9 @@ declare const InteractiveGraph: {
1842
1889
  vertHairline: any;
1843
1890
  state: any;
1844
1891
  UNSAFE_componentWillMount(): void;
1845
- componentDidMount(): void;
1892
+ componentDidMount(): void; /**
1893
+ * The labels for the x and y axes.
1894
+ */
1846
1895
  UNSAFE_componentWillReceiveProps(nextProps: PerseusInteractiveGraphWidgetOptions & {
1847
1896
  widgetId: string;
1848
1897
  alignment: string | null | undefined;
@@ -1855,7 +1904,9 @@ declare const InteractiveGraph: {
1855
1904
  GroupMetadataEditor?: React.ComponentType<any> | undefined;
1856
1905
  showAlignmentOptions?: boolean | undefined;
1857
1906
  readOnly?: boolean | undefined;
1858
- answerableCallback?: ((arg1: boolean) => unknown) | undefined;
1907
+ answerableCallback?: ((arg1: boolean) => unknown) | undefined; /**
1908
+ * Whether to show the ruler on the graph.
1909
+ */
1859
1910
  getAnotherHint?: (() => unknown) | undefined;
1860
1911
  interactionCallback?: ((widgetData: {
1861
1912
  [widgetId: string]: any;
@@ -1936,7 +1987,9 @@ declare const InteractiveGraph: {
1936
1987
  GroupMetadataEditor?: React.ComponentType<any> | undefined;
1937
1988
  showAlignmentOptions?: boolean | undefined;
1938
1989
  readOnly?: boolean | undefined;
1939
- answerableCallback?: ((arg1: boolean) => unknown) | undefined;
1990
+ answerableCallback?: ((arg1: boolean) => unknown) | undefined; /**
1991
+ * Whether to show the ruler on the graph.
1992
+ */
1940
1993
  getAnotherHint?: (() => unknown) | undefined;
1941
1994
  interactionCallback?: ((widgetData: {
1942
1995
  [widgetId: string]: any;
@@ -2017,7 +2070,9 @@ declare const InteractiveGraph: {
2017
2070
  GroupMetadataEditor?: React.ComponentType<any> | undefined;
2018
2071
  showAlignmentOptions?: boolean | undefined;
2019
2072
  readOnly?: boolean | undefined;
2020
- answerableCallback?: ((arg1: boolean) => unknown) | undefined;
2073
+ answerableCallback?: ((arg1: boolean) => unknown) | undefined; /**
2074
+ * Whether to show the ruler on the graph.
2075
+ */
2021
2076
  getAnotherHint?: (() => unknown) | undefined;
2022
2077
  interactionCallback?: ((widgetData: {
2023
2078
  [widgetId: string]: any;
@@ -2092,7 +2147,9 @@ declare const InteractiveGraph: {
2092
2147
  resetGraphie: () => void;
2093
2148
  setupGraphie: () => void;
2094
2149
  showHairlines: (arg1: import("@khanacademy/perseus").Coord) => void;
2095
- hideHairlines: () => void;
2150
+ hideHairlines: () => void; /**
2151
+ * How far apart the snap-to points are in the x and y directions.
2152
+ */
2096
2153
  setTrashCanVisibility: (arg1: number) => void;
2097
2154
  isClickToAddPoints: (arg1?: (PerseusInteractiveGraphWidgetOptions & {
2098
2155
  widgetId: string;
@@ -2106,7 +2163,9 @@ declare const InteractiveGraph: {
2106
2163
  GroupMetadataEditor?: React.ComponentType<any> | undefined;
2107
2164
  showAlignmentOptions?: boolean | undefined;
2108
2165
  readOnly?: boolean | undefined;
2109
- answerableCallback?: ((arg1: boolean) => unknown) | undefined;
2166
+ answerableCallback?: ((arg1: boolean) => unknown) | undefined; /**
2167
+ * Whether to show the ruler on the graph.
2168
+ */
2110
2169
  getAnotherHint?: (() => unknown) | undefined;
2111
2170
  interactionCallback?: ((widgetData: {
2112
2171
  [widgetId: string]: any;
@@ -2175,10 +2234,11 @@ declare const InteractiveGraph: {
2175
2234
  linterContext: import("@khanacademy/perseus-linter").LinterContextProps;
2176
2235
  containerSizeClass: SizingUtils.SizeClass;
2177
2236
  }) | null | undefined) => boolean;
2178
- areAngleGraphsEqual(prevGraph: import("../../../perseus/src/perseus-types").PerseusGraphTypeAngle, currentGraph: import("../../../perseus/src/perseus-types").PerseusGraphTypeAngle): boolean;
2179
- arePointGraphsEqual(prevGraph: import("../../../perseus/src/perseus-types").PerseusGraphTypePoint, currentGraph: import("../../../perseus/src/perseus-types").PerseusGraphTypePoint): boolean; /**
2180
- * The background image to display in the graph area and its properties.
2237
+ /**
2238
+ * The size of the graph in pixels.
2181
2239
  */
2240
+ areAngleGraphsEqual(prevGraph: import("../../../perseus/src/perseus-types").PerseusGraphTypeAngle, currentGraph: import("../../../perseus/src/perseus-types").PerseusGraphTypeAngle): boolean;
2241
+ arePointGraphsEqual(prevGraph: import("../../../perseus/src/perseus-types").PerseusGraphTypePoint, currentGraph: import("../../../perseus/src/perseus-types").PerseusGraphTypePoint): boolean;
2182
2242
  arePolygonGraphsEqual(prevGraph: import("../../../perseus/src/perseus-types").PerseusGraphTypePolygon, currentGraph: import("../../../perseus/src/perseus-types").PerseusGraphTypePolygon): boolean;
2183
2243
  areSegmentGraphsEqual(prevGraph: import("../../../perseus/src/perseus-types").PerseusGraphTypeSegment, currentGraph: import("../../../perseus/src/perseus-types").PerseusGraphTypeSegment): boolean;
2184
2244
  _lineStroke: () => {
@@ -2187,17 +2247,23 @@ declare const InteractiveGraph: {
2187
2247
  addLine: (arg1: string) => void;
2188
2248
  removeLine: () => void;
2189
2249
  addLinearControls: () => void;
2190
- removeLinearControls: () => void;
2191
- addQuadraticControls: () => void; /**
2192
- * Whether to show the ruler on the graph.
2250
+ /**
2251
+ * Whether to show the protractor on the graph.
2193
2252
  */
2253
+ removeLinearControls: () => void;
2254
+ addQuadraticControls: () => void;
2194
2255
  updateQuadratic: () => void;
2195
2256
  removeQuadraticControls: () => void;
2196
- addSinusoidControls: () => void;
2257
+ addSinusoidControls: () => void; /**
2258
+ * Whether to show tooltips on the graph.
2259
+ * (Currently not used, but will be in the future.)
2260
+ */
2197
2261
  updateSinusoid: () => void;
2198
2262
  removeSinusoidControls: () => void;
2199
2263
  addCircleControls: () => void;
2200
- removeCircleControls: () => void;
2264
+ removeCircleControls: () => void; /**
2265
+ * The label to display on the ruler, if any.
2266
+ */
2201
2267
  addLinearSystemControls: () => void;
2202
2268
  removeLinearSystemControls: () => void;
2203
2269
  isCoordInTrash: (arg1: import("@khanacademy/perseus").Coord) => boolean;
@@ -2210,22 +2276,16 @@ declare const InteractiveGraph: {
2210
2276
  addPointControls: () => void;
2211
2277
  removePointControls: () => void;
2212
2278
  addSegmentControls: () => void;
2213
- removeSegmentControls: () => void; /**
2214
- * The locked figures to display in the graph area.
2215
- * Locked figures are graph elements (points, lines, line segmeents,
2216
- * etc.) that are locked in place and not interactive.
2217
- */
2279
+ removeSegmentControls: () => void;
2218
2280
  addRayControls: () => void;
2219
2281
  removeRayControls: () => void;
2220
2282
  addPolygonControls: () => void;
2221
2283
  updatePolygon: () => void;
2222
2284
  removePolygonControls: () => void;
2223
2285
  addAngleControls: () => void;
2224
- removeAngleControls: () => void; /**
2225
- * The graph to display in the graph area.
2226
- */
2286
+ removeAngleControls: () => void;
2227
2287
  toggleShowSides: () => void;
2228
- getUserInput(): import("@khanacademy/perseus").PerseusGraphType;
2288
+ getUserInput(): PerseusGraphType;
2229
2289
  simpleValidate(rubric: import("../../../perseus/src/widgets/interactive-graph").Rubric): import("@khanacademy/perseus").PerseusScore;
2230
2290
  focus: () => void;
2231
2291
  render(): React.ReactNode;
@@ -2243,7 +2303,9 @@ declare const InteractiveGraph: {
2243
2303
  GroupMetadataEditor?: React.ComponentType<any> | undefined;
2244
2304
  showAlignmentOptions?: boolean | undefined;
2245
2305
  readOnly?: boolean | undefined;
2246
- answerableCallback?: ((arg1: boolean) => unknown) | undefined;
2306
+ answerableCallback?: ((arg1: boolean) => unknown) | undefined; /**
2307
+ * Whether to show the ruler on the graph.
2308
+ */
2247
2309
  getAnotherHint?: (() => unknown) | undefined;
2248
2310
  interactionCallback?: ((widgetData: {
2249
2311
  [widgetId: string]: any;
@@ -2329,7 +2391,9 @@ declare const InteractiveGraph: {
2329
2391
  GroupMetadataEditor?: React.ComponentType<any> | undefined;
2330
2392
  showAlignmentOptions?: boolean | undefined;
2331
2393
  readOnly?: boolean | undefined;
2332
- answerableCallback?: ((arg1: boolean) => unknown) | undefined;
2394
+ answerableCallback?: ((arg1: boolean) => unknown) | undefined; /**
2395
+ * Whether to show the ruler on the graph.
2396
+ */
2333
2397
  getAnotherHint?: (() => unknown) | undefined;
2334
2398
  interactionCallback?: ((widgetData: {
2335
2399
  [widgetId: string]: any;
@@ -2412,7 +2476,9 @@ declare const InteractiveGraph: {
2412
2476
  GroupMetadataEditor?: React.ComponentType<any> | undefined;
2413
2477
  showAlignmentOptions?: boolean | undefined;
2414
2478
  readOnly?: boolean | undefined;
2415
- answerableCallback?: ((arg1: boolean) => unknown) | undefined;
2479
+ answerableCallback?: ((arg1: boolean) => unknown) | undefined; /**
2480
+ * Whether to show the ruler on the graph.
2481
+ */
2416
2482
  getAnotherHint?: (() => unknown) | undefined;
2417
2483
  interactionCallback?: ((widgetData: {
2418
2484
  [widgetId: string]: any;
@@ -2494,7 +2560,9 @@ declare const InteractiveGraph: {
2494
2560
  GroupMetadataEditor?: React.ComponentType<any> | undefined;
2495
2561
  showAlignmentOptions?: boolean | undefined;
2496
2562
  readOnly?: boolean | undefined;
2497
- answerableCallback?: ((arg1: boolean) => unknown) | undefined;
2563
+ answerableCallback?: ((arg1: boolean) => unknown) | undefined; /**
2564
+ * Whether to show the ruler on the graph.
2565
+ */
2498
2566
  getAnotherHint?: (() => unknown) | undefined;
2499
2567
  interactionCallback?: ((widgetData: {
2500
2568
  [widgetId: string]: any;
@@ -2575,7 +2643,9 @@ declare const InteractiveGraph: {
2575
2643
  GroupMetadataEditor?: React.ComponentType<any> | undefined;
2576
2644
  showAlignmentOptions?: boolean | undefined;
2577
2645
  readOnly?: boolean | undefined;
2578
- answerableCallback?: ((arg1: boolean) => unknown) | undefined;
2646
+ answerableCallback?: ((arg1: boolean) => unknown) | undefined; /**
2647
+ * Whether to show the ruler on the graph.
2648
+ */
2579
2649
  getAnotherHint?: (() => unknown) | undefined;
2580
2650
  interactionCallback?: ((widgetData: {
2581
2651
  [widgetId: string]: any;
@@ -2656,7 +2726,9 @@ declare const InteractiveGraph: {
2656
2726
  GroupMetadataEditor?: React.ComponentType<any> | undefined;
2657
2727
  showAlignmentOptions?: boolean | undefined;
2658
2728
  readOnly?: boolean | undefined;
2659
- answerableCallback?: ((arg1: boolean) => unknown) | undefined;
2729
+ answerableCallback?: ((arg1: boolean) => unknown) | undefined; /**
2730
+ * Whether to show the ruler on the graph.
2731
+ */
2660
2732
  getAnotherHint?: (() => unknown) | undefined;
2661
2733
  interactionCallback?: ((widgetData: {
2662
2734
  [widgetId: string]: any;
@@ -2745,7 +2817,9 @@ declare const InteractiveGraph: {
2745
2817
  GroupMetadataEditor?: React.ComponentType<any> | undefined;
2746
2818
  showAlignmentOptions?: boolean | undefined;
2747
2819
  readOnly?: boolean | undefined;
2748
- answerableCallback?: ((arg1: boolean) => unknown) | undefined;
2820
+ answerableCallback?: ((arg1: boolean) => unknown) | undefined; /**
2821
+ * Whether to show the ruler on the graph.
2822
+ */
2749
2823
  getAnotherHint?: (() => unknown) | undefined;
2750
2824
  interactionCallback?: ((widgetData: {
2751
2825
  [widgetId: string]: any;
@@ -2833,7 +2907,9 @@ declare const InteractiveGraph: {
2833
2907
  GroupMetadataEditor?: React.ComponentType<any> | undefined;
2834
2908
  showAlignmentOptions?: boolean | undefined;
2835
2909
  readOnly?: boolean | undefined;
2836
- answerableCallback?: ((arg1: boolean) => unknown) | undefined;
2910
+ answerableCallback?: ((arg1: boolean) => unknown) | undefined; /**
2911
+ * Whether to show the ruler on the graph.
2912
+ */
2837
2913
  getAnotherHint?: (() => unknown) | undefined;
2838
2914
  interactionCallback?: ((widgetData: {
2839
2915
  [widgetId: string]: any;
@@ -2916,7 +2992,9 @@ declare const InteractiveGraph: {
2916
2992
  GroupMetadataEditor?: React.ComponentType<any> | undefined;
2917
2993
  showAlignmentOptions?: boolean | undefined;
2918
2994
  readOnly?: boolean | undefined;
2919
- answerableCallback?: ((arg1: boolean) => unknown) | undefined;
2995
+ answerableCallback?: ((arg1: boolean) => unknown) | undefined; /**
2996
+ * Whether to show the ruler on the graph.
2997
+ */
2920
2998
  getAnotherHint?: (() => unknown) | undefined;
2921
2999
  interactionCallback?: ((widgetData: {
2922
3000
  [widgetId: string]: any;
@@ -2997,7 +3075,9 @@ declare const InteractiveGraph: {
2997
3075
  GroupMetadataEditor?: React.ComponentType<any> | undefined;
2998
3076
  showAlignmentOptions?: boolean | undefined;
2999
3077
  readOnly?: boolean | undefined;
3000
- answerableCallback?: ((arg1: boolean) => unknown) | undefined;
3078
+ answerableCallback?: ((arg1: boolean) => unknown) | undefined; /**
3079
+ * Whether to show the ruler on the graph.
3080
+ */
3001
3081
  getAnotherHint?: (() => unknown) | undefined;
3002
3082
  interactionCallback?: ((widgetData: {
3003
3083
  [widgetId: string]: any;
@@ -3080,7 +3160,9 @@ declare const InteractiveGraph: {
3080
3160
  GroupMetadataEditor?: React.ComponentType<any> | undefined;
3081
3161
  showAlignmentOptions?: boolean | undefined;
3082
3162
  readOnly?: boolean | undefined;
3083
- answerableCallback?: ((arg1: boolean) => unknown) | undefined;
3163
+ answerableCallback?: ((arg1: boolean) => unknown) | undefined; /**
3164
+ * Whether to show the ruler on the graph.
3165
+ */
3084
3166
  getAnotherHint?: (() => unknown) | undefined;
3085
3167
  interactionCallback?: ((widgetData: {
3086
3168
  [widgetId: string]: any;
@@ -3161,7 +3243,9 @@ declare const InteractiveGraph: {
3161
3243
  GroupMetadataEditor?: React.ComponentType<any> | undefined;
3162
3244
  showAlignmentOptions?: boolean | undefined;
3163
3245
  readOnly?: boolean | undefined;
3164
- answerableCallback?: ((arg1: boolean) => unknown) | undefined;
3246
+ answerableCallback?: ((arg1: boolean) => unknown) | undefined; /**
3247
+ * Whether to show the ruler on the graph.
3248
+ */
3165
3249
  getAnotherHint?: (() => unknown) | undefined;
3166
3250
  interactionCallback?: ((widgetData: {
3167
3251
  [widgetId: string]: any;
@@ -3242,7 +3326,9 @@ declare const InteractiveGraph: {
3242
3326
  GroupMetadataEditor?: React.ComponentType<any> | undefined;
3243
3327
  showAlignmentOptions?: boolean | undefined;
3244
3328
  readOnly?: boolean | undefined;
3245
- answerableCallback?: ((arg1: boolean) => unknown) | undefined;
3329
+ answerableCallback?: ((arg1: boolean) => unknown) | undefined; /**
3330
+ * Whether to show the ruler on the graph.
3331
+ */
3246
3332
  getAnotherHint?: (() => unknown) | undefined;
3247
3333
  interactionCallback?: ((widgetData: {
3248
3334
  [widgetId: string]: any;
@@ -3323,7 +3409,9 @@ declare const InteractiveGraph: {
3323
3409
  GroupMetadataEditor?: React.ComponentType<any> | undefined;
3324
3410
  showAlignmentOptions?: boolean | undefined;
3325
3411
  readOnly?: boolean | undefined;
3326
- answerableCallback?: ((arg1: boolean) => unknown) | undefined;
3412
+ answerableCallback?: ((arg1: boolean) => unknown) | undefined; /**
3413
+ * Whether to show the ruler on the graph.
3414
+ */
3327
3415
  getAnotherHint?: (() => unknown) | undefined;
3328
3416
  interactionCallback?: ((widgetData: {
3329
3417
  [widgetId: string]: any;
@@ -3404,17 +3492,11 @@ declare const InteractiveGraph: {
3404
3492
  showRuler: boolean;
3405
3493
  rulerLabel: string;
3406
3494
  rulerTicks: number;
3407
- graph: import("@khanacademy/perseus").PerseusGraphType;
3495
+ graph: PerseusGraphType;
3408
3496
  };
3409
3497
  getQuadraticCoefficients(coords: readonly import("@khanacademy/perseus").Coord[]): import("../../../perseus/src/util/geometry").QuadraticCoefficient;
3410
- /**
3411
- * An editor for the InteractiveGraph widget, which allows the user to
3412
- * specify the graph's properties and the correct answer.
3413
- *
3414
- * Used in the exercise editor.
3415
- */
3416
3498
  getSinusoidCoefficients(coords: readonly import("@khanacademy/perseus").Coord[]): import("../../../perseus/src/util/geometry").SineCoefficient;
3417
- getLineCoords(graph: import("@khanacademy/perseus").PerseusGraphType, props: PerseusInteractiveGraphWidgetOptions & {
3499
+ getLineCoords(graph: PerseusGraphType, props: PerseusInteractiveGraphWidgetOptions & {
3418
3500
  widgetId: string;
3419
3501
  alignment: string | null | undefined;
3420
3502
  static: boolean | null | undefined;
@@ -3426,7 +3508,9 @@ declare const InteractiveGraph: {
3426
3508
  GroupMetadataEditor?: React.ComponentType<any> | undefined;
3427
3509
  showAlignmentOptions?: boolean | undefined;
3428
3510
  readOnly?: boolean | undefined;
3429
- answerableCallback?: ((arg1: boolean) => unknown) | undefined;
3511
+ answerableCallback?: ((arg1: boolean) => unknown) | undefined; /**
3512
+ * Whether to show the ruler on the graph.
3513
+ */
3430
3514
  getAnotherHint?: (() => unknown) | undefined;
3431
3515
  interactionCallback?: ((widgetData: {
3432
3516
  [widgetId: string]: any;
@@ -3507,7 +3591,9 @@ declare const InteractiveGraph: {
3507
3591
  GroupMetadataEditor?: React.ComponentType<any> | undefined;
3508
3592
  showAlignmentOptions?: boolean | undefined;
3509
3593
  readOnly?: boolean | undefined;
3510
- answerableCallback?: ((arg1: boolean) => unknown) | undefined;
3594
+ answerableCallback?: ((arg1: boolean) => unknown) | undefined; /**
3595
+ * Whether to show the ruler on the graph.
3596
+ */
3511
3597
  getAnotherHint?: (() => unknown) | undefined;
3512
3598
  interactionCallback?: ((widgetData: {
3513
3599
  [widgetId: string]: any;
@@ -3576,7 +3662,7 @@ declare const InteractiveGraph: {
3576
3662
  linterContext: import("@khanacademy/perseus-linter").LinterContextProps;
3577
3663
  containerSizeClass: SizingUtils.SizeClass;
3578
3664
  }): readonly import("@khanacademy/perseus").Coord[];
3579
- getLinearSystemCoords(graph: import("@khanacademy/perseus").PerseusGraphType, props: PerseusInteractiveGraphWidgetOptions & {
3665
+ getLinearSystemCoords(graph: PerseusGraphType, props: PerseusInteractiveGraphWidgetOptions & {
3580
3666
  widgetId: string;
3581
3667
  alignment: string | null | undefined;
3582
3668
  static: boolean | null | undefined;
@@ -3588,7 +3674,9 @@ declare const InteractiveGraph: {
3588
3674
  GroupMetadataEditor?: React.ComponentType<any> | undefined;
3589
3675
  showAlignmentOptions?: boolean | undefined;
3590
3676
  readOnly?: boolean | undefined;
3591
- answerableCallback?: ((arg1: boolean) => unknown) | undefined;
3677
+ answerableCallback?: ((arg1: boolean) => unknown) | undefined; /**
3678
+ * Whether to show the ruler on the graph.
3679
+ */
3592
3680
  getAnotherHint?: (() => unknown) | undefined;
3593
3681
  interactionCallback?: ((widgetData: {
3594
3682
  [widgetId: string]: any;
@@ -3657,7 +3745,7 @@ declare const InteractiveGraph: {
3657
3745
  linterContext: import("@khanacademy/perseus-linter").LinterContextProps;
3658
3746
  containerSizeClass: SizingUtils.SizeClass;
3659
3747
  }): readonly (readonly import("@khanacademy/perseus").Coord[])[];
3660
- getPolygonCoords(graph: import("@khanacademy/perseus").PerseusGraphType, props: PerseusInteractiveGraphWidgetOptions & {
3748
+ getPolygonCoords(graph: PerseusGraphType, props: PerseusInteractiveGraphWidgetOptions & {
3661
3749
  widgetId: string;
3662
3750
  alignment: string | null | undefined;
3663
3751
  static: boolean | null | undefined;
@@ -3669,7 +3757,9 @@ declare const InteractiveGraph: {
3669
3757
  GroupMetadataEditor?: React.ComponentType<any> | undefined;
3670
3758
  showAlignmentOptions?: boolean | undefined;
3671
3759
  readOnly?: boolean | undefined;
3672
- answerableCallback?: ((arg1: boolean) => unknown) | undefined;
3760
+ answerableCallback?: ((arg1: boolean) => unknown) | undefined; /**
3761
+ * Whether to show the ruler on the graph.
3762
+ */
3673
3763
  getAnotherHint?: (() => unknown) | undefined;
3674
3764
  interactionCallback?: ((widgetData: {
3675
3765
  [widgetId: string]: any;
@@ -3750,7 +3840,9 @@ declare const InteractiveGraph: {
3750
3840
  GroupMetadataEditor?: React.ComponentType<any> | undefined;
3751
3841
  showAlignmentOptions?: boolean | undefined;
3752
3842
  readOnly?: boolean | undefined;
3753
- answerableCallback?: ((arg1: boolean) => unknown) | undefined;
3843
+ answerableCallback?: ((arg1: boolean) => unknown) | undefined; /**
3844
+ * Whether to show the ruler on the graph.
3845
+ */
3754
3846
  getAnotherHint?: (() => unknown) | undefined;
3755
3847
  interactionCallback?: ((widgetData: {
3756
3848
  [widgetId: string]: any;
@@ -3831,7 +3923,9 @@ declare const InteractiveGraph: {
3831
3923
  GroupMetadataEditor?: React.ComponentType<any> | undefined;
3832
3924
  showAlignmentOptions?: boolean | undefined;
3833
3925
  readOnly?: boolean | undefined;
3834
- answerableCallback?: ((arg1: boolean) => unknown) | undefined;
3926
+ answerableCallback?: ((arg1: boolean) => unknown) | undefined; /**
3927
+ * Whether to show the ruler on the graph.
3928
+ */
3835
3929
  getAnotherHint?: (() => unknown) | undefined;
3836
3930
  interactionCallback?: ((widgetData: {
3837
3931
  [widgetId: string]: any;
@@ -3913,7 +4007,9 @@ declare const InteractiveGraph: {
3913
4007
  GroupMetadataEditor?: React.ComponentType<any> | undefined;
3914
4008
  showAlignmentOptions?: boolean | undefined;
3915
4009
  readOnly?: boolean | undefined;
3916
- answerableCallback?: ((arg1: boolean) => unknown) | undefined;
4010
+ answerableCallback?: ((arg1: boolean) => unknown) | undefined; /**
4011
+ * Whether to show the ruler on the graph.
4012
+ */
3917
4013
  getAnotherHint?: (() => unknown) | undefined;
3918
4014
  interactionCallback?: ((widgetData: {
3919
4015
  [widgetId: string]: any;
@@ -3994,7 +4090,9 @@ declare const InteractiveGraph: {
3994
4090
  GroupMetadataEditor?: React.ComponentType<any> | undefined;
3995
4091
  showAlignmentOptions?: boolean | undefined;
3996
4092
  readOnly?: boolean | undefined;
3997
- answerableCallback?: ((arg1: boolean) => unknown) | undefined;
4093
+ answerableCallback?: ((arg1: boolean) => unknown) | undefined; /**
4094
+ * Whether to show the ruler on the graph.
4095
+ */
3998
4096
  getAnotherHint?: (() => unknown) | undefined;
3999
4097
  interactionCallback?: ((widgetData: {
4000
4098
  [widgetId: string]: any;
@@ -4075,7 +4173,9 @@ declare const InteractiveGraph: {
4075
4173
  GroupMetadataEditor?: React.ComponentType<any> | undefined;
4076
4174
  showAlignmentOptions?: boolean | undefined;
4077
4175
  readOnly?: boolean | undefined;
4078
- answerableCallback?: ((arg1: boolean) => unknown) | undefined;
4176
+ answerableCallback?: ((arg1: boolean) => unknown) | undefined; /**
4177
+ * Whether to show the ruler on the graph.
4178
+ */
4079
4179
  getAnotherHint?: (() => unknown) | undefined;
4080
4180
  interactionCallback?: ((widgetData: {
4081
4181
  [widgetId: string]: any;
@@ -4156,7 +4256,9 @@ declare const InteractiveGraph: {
4156
4256
  GroupMetadataEditor?: React.ComponentType<any> | undefined;
4157
4257
  showAlignmentOptions?: boolean | undefined;
4158
4258
  readOnly?: boolean | undefined;
4159
- answerableCallback?: ((arg1: boolean) => unknown) | undefined;
4259
+ answerableCallback?: ((arg1: boolean) => unknown) | undefined; /**
4260
+ * Whether to show the ruler on the graph.
4261
+ */
4160
4262
  getAnotherHint?: (() => unknown) | undefined;
4161
4263
  interactionCallback?: ((widgetData: {
4162
4264
  [widgetId: string]: any;
@@ -4237,7 +4339,9 @@ declare const InteractiveGraph: {
4237
4339
  GroupMetadataEditor?: React.ComponentType<any> | undefined;
4238
4340
  showAlignmentOptions?: boolean | undefined;
4239
4341
  readOnly?: boolean | undefined;
4240
- answerableCallback?: ((arg1: boolean) => unknown) | undefined;
4342
+ answerableCallback?: ((arg1: boolean) => unknown) | undefined; /**
4343
+ * Whether to show the ruler on the graph.
4344
+ */
4241
4345
  getAnotherHint?: (() => unknown) | undefined;
4242
4346
  interactionCallback?: ((widgetData: {
4243
4347
  [widgetId: string]: any;
@@ -4318,7 +4422,9 @@ declare const InteractiveGraph: {
4318
4422
  GroupMetadataEditor?: React.ComponentType<any> | undefined;
4319
4423
  showAlignmentOptions?: boolean | undefined;
4320
4424
  readOnly?: boolean | undefined;
4321
- answerableCallback?: ((arg1: boolean) => unknown) | undefined;
4425
+ answerableCallback?: ((arg1: boolean) => unknown) | undefined; /**
4426
+ * Whether to show the ruler on the graph.
4427
+ */
4322
4428
  getAnotherHint?: (() => unknown) | undefined;
4323
4429
  interactionCallback?: ((widgetData: {
4324
4430
  [widgetId: string]: any;
@@ -4399,7 +4505,9 @@ declare const InteractiveGraph: {
4399
4505
  GroupMetadataEditor?: React.ComponentType<any> | undefined;
4400
4506
  showAlignmentOptions?: boolean | undefined;
4401
4507
  readOnly?: boolean | undefined;
4402
- answerableCallback?: ((arg1: boolean) => unknown) | undefined;
4508
+ answerableCallback?: ((arg1: boolean) => unknown) | undefined; /**
4509
+ * Whether to show the ruler on the graph.
4510
+ */
4403
4511
  getAnotherHint?: (() => unknown) | undefined;
4404
4512
  interactionCallback?: ((widgetData: {
4405
4513
  [widgetId: string]: any;
@@ -4480,7 +4588,9 @@ declare const InteractiveGraph: {
4480
4588
  GroupMetadataEditor?: React.ComponentType<any> | undefined;
4481
4589
  showAlignmentOptions?: boolean | undefined;
4482
4590
  readOnly?: boolean | undefined;
4483
- answerableCallback?: ((arg1: boolean) => unknown) | undefined;
4591
+ answerableCallback?: ((arg1: boolean) => unknown) | undefined; /**
4592
+ * Whether to show the ruler on the graph.
4593
+ */
4484
4594
  getAnotherHint?: (() => unknown) | undefined;
4485
4595
  interactionCallback?: ((widgetData: {
4486
4596
  [widgetId: string]: any;
@@ -4561,7 +4671,9 @@ declare const InteractiveGraph: {
4561
4671
  GroupMetadataEditor?: React.ComponentType<any> | undefined;
4562
4672
  showAlignmentOptions?: boolean | undefined;
4563
4673
  readOnly?: boolean | undefined;
4564
- answerableCallback?: ((arg1: boolean) => unknown) | undefined;
4674
+ answerableCallback?: ((arg1: boolean) => unknown) | undefined; /**
4675
+ * Whether to show the ruler on the graph.
4676
+ */
4565
4677
  getAnotherHint?: (() => unknown) | undefined;
4566
4678
  interactionCallback?: ((widgetData: {
4567
4679
  [widgetId: string]: any;
@@ -4642,7 +4754,9 @@ declare const InteractiveGraph: {
4642
4754
  GroupMetadataEditor?: React.ComponentType<any> | undefined;
4643
4755
  showAlignmentOptions?: boolean | undefined;
4644
4756
  readOnly?: boolean | undefined;
4645
- answerableCallback?: ((arg1: boolean) => unknown) | undefined;
4757
+ answerableCallback?: ((arg1: boolean) => unknown) | undefined; /**
4758
+ * Whether to show the ruler on the graph.
4759
+ */
4646
4760
  getAnotherHint?: (() => unknown) | undefined;
4647
4761
  interactionCallback?: ((widgetData: {
4648
4762
  [widgetId: string]: any;
@@ -4723,7 +4837,9 @@ declare const InteractiveGraph: {
4723
4837
  GroupMetadataEditor?: React.ComponentType<any> | undefined;
4724
4838
  showAlignmentOptions?: boolean | undefined;
4725
4839
  readOnly?: boolean | undefined;
4726
- answerableCallback?: ((arg1: boolean) => unknown) | undefined;
4840
+ answerableCallback?: ((arg1: boolean) => unknown) | undefined; /**
4841
+ * Whether to show the ruler on the graph.
4842
+ */
4727
4843
  getAnotherHint?: (() => unknown) | undefined;
4728
4844
  interactionCallback?: ((widgetData: {
4729
4845
  [widgetId: string]: any;
@@ -4804,7 +4920,9 @@ declare const InteractiveGraph: {
4804
4920
  GroupMetadataEditor?: React.ComponentType<any> | undefined;
4805
4921
  showAlignmentOptions?: boolean | undefined;
4806
4922
  readOnly?: boolean | undefined;
4807
- answerableCallback?: ((arg1: boolean) => unknown) | undefined;
4923
+ answerableCallback?: ((arg1: boolean) => unknown) | undefined; /**
4924
+ * Whether to show the ruler on the graph.
4925
+ */
4808
4926
  getAnotherHint?: (() => unknown) | undefined;
4809
4927
  interactionCallback?: ((widgetData: {
4810
4928
  [widgetId: string]: any;
@@ -4885,7 +5003,9 @@ declare const InteractiveGraph: {
4885
5003
  GroupMetadataEditor?: React.ComponentType<any> | undefined;
4886
5004
  showAlignmentOptions?: boolean | undefined;
4887
5005
  readOnly?: boolean | undefined;
4888
- answerableCallback?: ((arg1: boolean) => unknown) | undefined;
5006
+ answerableCallback?: ((arg1: boolean) => unknown) | undefined; /**
5007
+ * Whether to show the ruler on the graph.
5008
+ */
4889
5009
  getAnotherHint?: (() => unknown) | undefined;
4890
5010
  interactionCallback?: ((widgetData: {
4891
5011
  [widgetId: string]: any;
@@ -4966,7 +5086,9 @@ declare const InteractiveGraph: {
4966
5086
  GroupMetadataEditor?: React.ComponentType<any> | undefined;
4967
5087
  showAlignmentOptions?: boolean | undefined;
4968
5088
  readOnly?: boolean | undefined;
4969
- answerableCallback?: ((arg1: boolean) => unknown) | undefined;
5089
+ answerableCallback?: ((arg1: boolean) => unknown) | undefined; /**
5090
+ * Whether to show the ruler on the graph.
5091
+ */
4970
5092
  getAnotherHint?: (() => unknown) | undefined;
4971
5093
  interactionCallback?: ((widgetData: {
4972
5094
  [widgetId: string]: any;
@@ -5047,7 +5169,9 @@ declare const InteractiveGraph: {
5047
5169
  GroupMetadataEditor?: React.ComponentType<any> | undefined;
5048
5170
  showAlignmentOptions?: boolean | undefined;
5049
5171
  readOnly?: boolean | undefined;
5050
- answerableCallback?: ((arg1: boolean) => unknown) | undefined;
5172
+ answerableCallback?: ((arg1: boolean) => unknown) | undefined; /**
5173
+ * Whether to show the ruler on the graph.
5174
+ */
5051
5175
  getAnotherHint?: (() => unknown) | undefined;
5052
5176
  interactionCallback?: ((widgetData: {
5053
5177
  [widgetId: string]: any;
@@ -5128,7 +5252,9 @@ declare const InteractiveGraph: {
5128
5252
  GroupMetadataEditor?: React.ComponentType<any> | undefined;
5129
5253
  showAlignmentOptions?: boolean | undefined;
5130
5254
  readOnly?: boolean | undefined;
5131
- answerableCallback?: ((arg1: boolean) => unknown) | undefined;
5255
+ answerableCallback?: ((arg1: boolean) => unknown) | undefined; /**
5256
+ * Whether to show the ruler on the graph.
5257
+ */
5132
5258
  getAnotherHint?: (() => unknown) | undefined;
5133
5259
  interactionCallback?: ((widgetData: {
5134
5260
  [widgetId: string]: any;
@@ -5197,7 +5323,7 @@ declare const InteractiveGraph: {
5197
5323
  linterContext: import("@khanacademy/perseus-linter").LinterContextProps;
5198
5324
  containerSizeClass: SizingUtils.SizeClass;
5199
5325
  }): string;
5200
- validate(userInput: import("@khanacademy/perseus").PerseusGraphType, rubric: import("../../../perseus/src/widgets/interactive-graph").Rubric, component: any): import("@khanacademy/perseus").PerseusScore;
5326
+ validate(userInput: PerseusGraphType, rubric: import("../../../perseus/src/widgets/interactive-graph").Rubric, component: any): import("@khanacademy/perseus").PerseusScore;
5201
5327
  getUserInputFromProps(props: PerseusInteractiveGraphWidgetOptions & {
5202
5328
  widgetId: string;
5203
5329
  alignment: string | null | undefined;
@@ -5210,7 +5336,9 @@ declare const InteractiveGraph: {
5210
5336
  GroupMetadataEditor?: React.ComponentType<any> | undefined;
5211
5337
  showAlignmentOptions?: boolean | undefined;
5212
5338
  readOnly?: boolean | undefined;
5213
- answerableCallback?: ((arg1: boolean) => unknown) | undefined;
5339
+ answerableCallback?: ((arg1: boolean) => unknown) | undefined; /**
5340
+ * Whether to show the ruler on the graph.
5341
+ */
5214
5342
  getAnotherHint?: (() => unknown) | undefined;
5215
5343
  interactionCallback?: ((widgetData: {
5216
5344
  [widgetId: string]: any;
@@ -5278,7 +5406,7 @@ declare const InteractiveGraph: {
5278
5406
  isLastUsedWidget: boolean;
5279
5407
  linterContext: import("@khanacademy/perseus-linter").LinterContextProps;
5280
5408
  containerSizeClass: SizingUtils.SizeClass;
5281
- }): import("@khanacademy/perseus").PerseusGraphType;
5409
+ }): PerseusGraphType;
5282
5410
  contextType?: React.Context<any> | undefined;
5283
5411
  };
5284
5412
  type InteractiveGraphProps = PropsFor<typeof InteractiveGraph>;
@@ -5400,6 +5528,7 @@ declare class InteractiveGraphEditor extends React.Component<Props> {
5400
5528
  };
5401
5529
  };
5402
5530
  UNSAFE_componentWillMount(): void;
5531
+ static buildGraphKey(correct: PerseusGraphType): string;
5403
5532
  render(): JSX.Element;
5404
5533
  changeMatchType: (newValue: any) => void;
5405
5534
  serialize(): PerseusInteractiveGraphWidgetOptions;