@khanacademy/perseus-editor 14.9.0 → 14.10.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 (10) hide show
  1. package/dist/components/dropdown-option.d.ts +0 -3
  2. package/dist/es/index.js +147 -158
  3. package/dist/es/index.js.map +1 -1
  4. package/dist/index.js +144 -157
  5. package/dist/index.js.map +1 -1
  6. package/dist/styles/constants.d.ts +7 -0
  7. package/dist/styles/global-colors.d.ts +7 -0
  8. package/dist/styles/icon-paths.d.ts +40 -0
  9. package/dist/widgets/interactive-graph-editor/interactive-graph-editor.d.ts +142 -255
  10. package/package.json +8 -7
package/dist/widgets/interactive-graph-editor/interactive-graph-editor.d.ts CHANGED
@@ -1,4 +1,3 @@
1
- import { SizingUtils } from "@khanacademy/perseus";
2
1
  import * as React from "react";
3
2
  import type { APIOptionsWithDefaults, LockedFigure, PerseusImageBackground, PerseusInteractiveGraphWidgetOptions, PerseusGraphType } from "@khanacademy/perseus";
4
3
  import type { PropsFor } from "@khanacademy/wonder-blocks-core";
@@ -10,9 +9,7 @@ declare const InteractiveGraph: {
10
9
  problemNum: number | null | undefined;
11
10
  apiOptions: Readonly<Readonly<{
12
11
  isArticle?: boolean | undefined;
13
- onFocusChange?: ((newFocusPath: import("@khanacademy/perseus").FocusPath, oldFocusPath: import("@khanacademy/perseus").FocusPath, keypadHeight?: number | undefined, focusedElement?: HTMLElement | undefined) => unknown) | undefined; /**
14
- * The graph to display in the graph area.
15
- */
12
+ onFocusChange?: ((newFocusPath: import("@khanacademy/perseus").FocusPath, oldFocusPath: import("@khanacademy/perseus").FocusPath, keypadHeight?: number | undefined, focusedElement?: HTMLElement | undefined) => unknown) | undefined;
16
13
  GroupMetadataEditor?: React.ComponentType<any> | undefined;
17
14
  showAlignmentOptions?: boolean | undefined;
18
15
  readOnly?: boolean | undefined;
@@ -97,7 +94,7 @@ declare const InteractiveGraph: {
97
94
  trackInteraction: (extraData?: Empty | undefined) => void;
98
95
  isLastUsedWidget: boolean;
99
96
  linterContext: import("@khanacademy/perseus-linter").LinterContextProps;
100
- containerSizeClass: SizingUtils.SizeClass;
97
+ containerSizeClass: import("../../../../perseus/src/util/sizing-utils").SizeClass;
101
98
  }): {
102
99
  legacyGraphRef: React.RefObject<{
103
100
  context: {
@@ -129,9 +126,7 @@ declare const InteractiveGraph: {
129
126
  problemNum: number | null | undefined;
130
127
  apiOptions: Readonly<Readonly<{
131
128
  isArticle?: boolean | undefined;
132
- onFocusChange?: ((newFocusPath: import("@khanacademy/perseus").FocusPath, oldFocusPath: import("@khanacademy/perseus").FocusPath, keypadHeight?: number | undefined, focusedElement?: HTMLElement | undefined) => unknown) | undefined; /**
133
- * The graph to display in the graph area.
134
- */
129
+ onFocusChange?: ((newFocusPath: import("@khanacademy/perseus").FocusPath, oldFocusPath: import("@khanacademy/perseus").FocusPath, keypadHeight?: number | undefined, focusedElement?: HTMLElement | undefined) => unknown) | undefined;
135
130
  GroupMetadataEditor?: React.ComponentType<any> | undefined;
136
131
  showAlignmentOptions?: boolean | undefined;
137
132
  readOnly?: boolean | undefined;
@@ -216,7 +211,7 @@ declare const InteractiveGraph: {
216
211
  trackInteraction: (extraData?: Empty | undefined) => void;
217
212
  isLastUsedWidget: boolean;
218
213
  linterContext: import("@khanacademy/perseus-linter").LinterContextProps;
219
- containerSizeClass: SizingUtils.SizeClass;
214
+ containerSizeClass: import("../../../../perseus/src/util/sizing-utils").SizeClass;
220
215
  }): void;
221
216
  componentDidUpdate(prevProps: PerseusInteractiveGraphWidgetOptions & {
222
217
  widgetId: string;
@@ -225,9 +220,7 @@ declare const InteractiveGraph: {
225
220
  problemNum: number | null | undefined;
226
221
  apiOptions: Readonly<Readonly<{
227
222
  isArticle?: boolean | undefined;
228
- onFocusChange?: ((newFocusPath: import("@khanacademy/perseus").FocusPath, oldFocusPath: import("@khanacademy/perseus").FocusPath, keypadHeight?: number | undefined, focusedElement?: HTMLElement | undefined) => unknown) | undefined; /**
229
- * The graph to display in the graph area.
230
- */
223
+ onFocusChange?: ((newFocusPath: import("@khanacademy/perseus").FocusPath, oldFocusPath: import("@khanacademy/perseus").FocusPath, keypadHeight?: number | undefined, focusedElement?: HTMLElement | undefined) => unknown) | undefined;
231
224
  GroupMetadataEditor?: React.ComponentType<any> | undefined;
232
225
  showAlignmentOptions?: boolean | undefined;
233
226
  readOnly?: boolean | undefined;
@@ -312,7 +305,7 @@ declare const InteractiveGraph: {
312
305
  trackInteraction: (extraData?: Empty | undefined) => void;
313
306
  isLastUsedWidget: boolean;
314
307
  linterContext: import("@khanacademy/perseus-linter").LinterContextProps;
315
- containerSizeClass: SizingUtils.SizeClass;
308
+ containerSizeClass: import("../../../../perseus/src/util/sizing-utils").SizeClass;
316
309
  }, prevState: any): void;
317
310
  _getShouldShowInstructions: (arg1?: (PerseusInteractiveGraphWidgetOptions & {
318
311
  widgetId: string;
@@ -321,9 +314,7 @@ declare const InteractiveGraph: {
321
314
  problemNum: number | null | undefined;
322
315
  apiOptions: Readonly<Readonly<{
323
316
  isArticle?: boolean | undefined;
324
- onFocusChange?: ((newFocusPath: import("@khanacademy/perseus").FocusPath, oldFocusPath: import("@khanacademy/perseus").FocusPath, keypadHeight?: number | undefined, focusedElement?: HTMLElement | undefined) => unknown) | undefined; /**
325
- * The graph to display in the graph area.
326
- */
317
+ onFocusChange?: ((newFocusPath: import("@khanacademy/perseus").FocusPath, oldFocusPath: import("@khanacademy/perseus").FocusPath, keypadHeight?: number | undefined, focusedElement?: HTMLElement | undefined) => unknown) | undefined;
327
318
  GroupMetadataEditor?: React.ComponentType<any> | undefined;
328
319
  showAlignmentOptions?: boolean | undefined;
329
320
  readOnly?: boolean | undefined;
@@ -408,12 +399,15 @@ declare const InteractiveGraph: {
408
399
  trackInteraction: (extraData?: Empty | undefined) => void;
409
400
  isLastUsedWidget: boolean;
410
401
  linterContext: import("@khanacademy/perseus-linter").LinterContextProps;
411
- containerSizeClass: SizingUtils.SizeClass;
402
+ containerSizeClass: import("../../../../perseus/src/util/sizing-utils").SizeClass;
412
403
  }) | null | undefined) => boolean;
413
404
  setGraphie: (arg1: any) => void;
414
405
  handleAddPointsMouseDown: (arg1: import("@khanacademy/perseus").Coord) => void;
415
406
  resetGraphie: () => void;
416
- setupGraphie: () => void;
407
+ setupGraphie: () => void; /**
408
+ * How far apart the tick marks on the axes are in the x and y
409
+ * directions.
410
+ */
417
411
  showHairlines: (arg1: import("@khanacademy/perseus").Coord) => void;
418
412
  hideHairlines: () => void;
419
413
  setTrashCanVisibility: (arg1: number) => void;
@@ -424,9 +418,7 @@ declare const InteractiveGraph: {
424
418
  problemNum: number | null | undefined;
425
419
  apiOptions: Readonly<Readonly<{
426
420
  isArticle?: boolean | undefined;
427
- onFocusChange?: ((newFocusPath: import("@khanacademy/perseus").FocusPath, oldFocusPath: import("@khanacademy/perseus").FocusPath, keypadHeight?: number | undefined, focusedElement?: HTMLElement | undefined) => unknown) | undefined; /**
428
- * The graph to display in the graph area.
429
- */
421
+ onFocusChange?: ((newFocusPath: import("@khanacademy/perseus").FocusPath, oldFocusPath: import("@khanacademy/perseus").FocusPath, keypadHeight?: number | undefined, focusedElement?: HTMLElement | undefined) => unknown) | undefined;
430
422
  GroupMetadataEditor?: React.ComponentType<any> | undefined;
431
423
  showAlignmentOptions?: boolean | undefined;
432
424
  readOnly?: boolean | undefined;
@@ -511,7 +503,7 @@ declare const InteractiveGraph: {
511
503
  trackInteraction: (extraData?: Empty | undefined) => void;
512
504
  isLastUsedWidget: boolean;
513
505
  linterContext: import("@khanacademy/perseus-linter").LinterContextProps;
514
- containerSizeClass: SizingUtils.SizeClass;
506
+ containerSizeClass: import("../../../../perseus/src/util/sizing-utils").SizeClass;
515
507
  }) | null | undefined) => boolean;
516
508
  areAngleGraphsEqual(prevGraph: import("../../../../perseus/src/perseus-types").PerseusGraphTypeAngle, currentGraph: import("../../../../perseus/src/perseus-types").PerseusGraphTypeAngle): boolean;
517
509
  arePointGraphsEqual(prevGraph: import("../../../../perseus/src/perseus-types").PerseusGraphTypePoint, currentGraph: import("../../../../perseus/src/perseus-types").PerseusGraphTypePoint): boolean;
@@ -528,9 +520,7 @@ declare const InteractiveGraph: {
528
520
  removeLinearControls: () => void;
529
521
  addQuadraticControls: () => void;
530
522
  updateQuadratic: () => void;
531
- removeQuadraticControls: () => void; /**
532
- * Whether to show the protractor on the graph.
533
- */
523
+ removeQuadraticControls: () => void;
534
524
  addSinusoidControls: () => void;
535
525
  updateSinusoid: () => void;
536
526
  removeSinusoidControls: () => void;
@@ -546,7 +536,11 @@ declare const InteractiveGraph: {
546
536
  clearCoords: () => void;
547
537
  onChange: import("@khanacademy/perseus").ChangeHandler;
548
538
  addPointControls: () => void;
549
- removePointControls: () => void;
539
+ removePointControls: () => void; /**
540
+ * The locked figures to display in the graph area.
541
+ * Locked figures are graph elements (points, lines, line segmeents,
542
+ * etc.) that are locked in place and not interactive.
543
+ */
550
544
  addSegmentControls: () => void;
551
545
  removeSegmentControls: () => void;
552
546
  addRayControls: () => void;
@@ -569,9 +563,7 @@ declare const InteractiveGraph: {
569
563
  problemNum: number | null | undefined;
570
564
  apiOptions: Readonly<Readonly<{
571
565
  isArticle?: boolean | undefined;
572
- onFocusChange?: ((newFocusPath: import("@khanacademy/perseus").FocusPath, oldFocusPath: import("@khanacademy/perseus").FocusPath, keypadHeight?: number | undefined, focusedElement?: HTMLElement | undefined) => unknown) | undefined; /**
573
- * The graph to display in the graph area.
574
- */
566
+ onFocusChange?: ((newFocusPath: import("@khanacademy/perseus").FocusPath, oldFocusPath: import("@khanacademy/perseus").FocusPath, keypadHeight?: number | undefined, focusedElement?: HTMLElement | undefined) => unknown) | undefined;
575
567
  GroupMetadataEditor?: React.ComponentType<any> | undefined;
576
568
  showAlignmentOptions?: boolean | undefined;
577
569
  readOnly?: boolean | undefined;
@@ -656,7 +648,7 @@ declare const InteractiveGraph: {
656
648
  trackInteraction: (extraData?: Empty | undefined) => void;
657
649
  isLastUsedWidget: boolean;
658
650
  linterContext: import("@khanacademy/perseus-linter").LinterContextProps;
659
- containerSizeClass: SizingUtils.SizeClass;
651
+ containerSizeClass: import("../../../../perseus/src/util/sizing-utils").SizeClass;
660
652
  }>;
661
653
  refs: {
662
654
  [key: string]: React.ReactInstance;
@@ -668,9 +660,7 @@ declare const InteractiveGraph: {
668
660
  problemNum: number | null | undefined;
669
661
  apiOptions: Readonly<Readonly<{
670
662
  isArticle?: boolean | undefined;
671
- onFocusChange?: ((newFocusPath: import("@khanacademy/perseus").FocusPath, oldFocusPath: import("@khanacademy/perseus").FocusPath, keypadHeight?: number | undefined, focusedElement?: HTMLElement | undefined) => unknown) | undefined; /**
672
- * The graph to display in the graph area.
673
- */
663
+ onFocusChange?: ((newFocusPath: import("@khanacademy/perseus").FocusPath, oldFocusPath: import("@khanacademy/perseus").FocusPath, keypadHeight?: number | undefined, focusedElement?: HTMLElement | undefined) => unknown) | undefined;
674
664
  GroupMetadataEditor?: React.ComponentType<any> | undefined;
675
665
  showAlignmentOptions?: boolean | undefined;
676
666
  readOnly?: boolean | undefined;
@@ -755,7 +745,7 @@ declare const InteractiveGraph: {
755
745
  trackInteraction: (extraData?: Empty | undefined) => void;
756
746
  isLastUsedWidget: boolean;
757
747
  linterContext: import("@khanacademy/perseus-linter").LinterContextProps;
758
- containerSizeClass: SizingUtils.SizeClass;
748
+ containerSizeClass: import("../../../../perseus/src/util/sizing-utils").SizeClass;
759
749
  }>, nextState: Readonly<any>, nextContext: any): boolean;
760
750
  componentWillUnmount?(): void;
761
751
  componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
@@ -766,9 +756,7 @@ declare const InteractiveGraph: {
766
756
  problemNum: number | null | undefined;
767
757
  apiOptions: Readonly<Readonly<{
768
758
  isArticle?: boolean | undefined;
769
- onFocusChange?: ((newFocusPath: import("@khanacademy/perseus").FocusPath, oldFocusPath: import("@khanacademy/perseus").FocusPath, keypadHeight?: number | undefined, focusedElement?: HTMLElement | undefined) => unknown) | undefined; /**
770
- * The graph to display in the graph area.
771
- */
759
+ onFocusChange?: ((newFocusPath: import("@khanacademy/perseus").FocusPath, oldFocusPath: import("@khanacademy/perseus").FocusPath, keypadHeight?: number | undefined, focusedElement?: HTMLElement | undefined) => unknown) | undefined;
772
760
  GroupMetadataEditor?: React.ComponentType<any> | undefined;
773
761
  showAlignmentOptions?: boolean | undefined;
774
762
  readOnly?: boolean | undefined;
@@ -853,7 +841,7 @@ declare const InteractiveGraph: {
853
841
  trackInteraction: (extraData?: Empty | undefined) => void;
854
842
  isLastUsedWidget: boolean;
855
843
  linterContext: import("@khanacademy/perseus-linter").LinterContextProps;
856
- containerSizeClass: SizingUtils.SizeClass;
844
+ containerSizeClass: import("../../../../perseus/src/util/sizing-utils").SizeClass;
857
845
  }>, prevState: Readonly<any>): any;
858
846
  componentWillMount?(): void;
859
847
  UNSAFE_componentWillMount?(): void;
@@ -864,9 +852,7 @@ declare const InteractiveGraph: {
864
852
  problemNum: number | null | undefined;
865
853
  apiOptions: Readonly<Readonly<{
866
854
  isArticle?: boolean | undefined;
867
- onFocusChange?: ((newFocusPath: import("@khanacademy/perseus").FocusPath, oldFocusPath: import("@khanacademy/perseus").FocusPath, keypadHeight?: number | undefined, focusedElement?: HTMLElement | undefined) => unknown) | undefined; /**
868
- * The graph to display in the graph area.
869
- */
855
+ onFocusChange?: ((newFocusPath: import("@khanacademy/perseus").FocusPath, oldFocusPath: import("@khanacademy/perseus").FocusPath, keypadHeight?: number | undefined, focusedElement?: HTMLElement | undefined) => unknown) | undefined;
870
856
  GroupMetadataEditor?: React.ComponentType<any> | undefined;
871
857
  showAlignmentOptions?: boolean | undefined;
872
858
  readOnly?: boolean | undefined;
@@ -951,7 +937,7 @@ declare const InteractiveGraph: {
951
937
  trackInteraction: (extraData?: Empty | undefined) => void;
952
938
  isLastUsedWidget: boolean;
953
939
  linterContext: import("@khanacademy/perseus-linter").LinterContextProps;
954
- containerSizeClass: SizingUtils.SizeClass;
940
+ containerSizeClass: import("../../../../perseus/src/util/sizing-utils").SizeClass;
955
941
  }>, nextContext: any): void;
956
942
  componentWillUpdate?(nextProps: Readonly<PerseusInteractiveGraphWidgetOptions & {
957
943
  widgetId: string;
@@ -960,9 +946,7 @@ declare const InteractiveGraph: {
960
946
  problemNum: number | null | undefined;
961
947
  apiOptions: Readonly<Readonly<{
962
948
  isArticle?: boolean | undefined;
963
- onFocusChange?: ((newFocusPath: import("@khanacademy/perseus").FocusPath, oldFocusPath: import("@khanacademy/perseus").FocusPath, keypadHeight?: number | undefined, focusedElement?: HTMLElement | undefined) => unknown) | undefined; /**
964
- * The graph to display in the graph area.
965
- */
949
+ onFocusChange?: ((newFocusPath: import("@khanacademy/perseus").FocusPath, oldFocusPath: import("@khanacademy/perseus").FocusPath, keypadHeight?: number | undefined, focusedElement?: HTMLElement | undefined) => unknown) | undefined;
966
950
  GroupMetadataEditor?: React.ComponentType<any> | undefined;
967
951
  showAlignmentOptions?: boolean | undefined;
968
952
  readOnly?: boolean | undefined;
@@ -1047,7 +1031,7 @@ declare const InteractiveGraph: {
1047
1031
  trackInteraction: (extraData?: Empty | undefined) => void;
1048
1032
  isLastUsedWidget: boolean;
1049
1033
  linterContext: import("@khanacademy/perseus-linter").LinterContextProps;
1050
- containerSizeClass: SizingUtils.SizeClass;
1034
+ containerSizeClass: import("../../../../perseus/src/util/sizing-utils").SizeClass;
1051
1035
  }>, nextState: Readonly<any>, nextContext: any): void;
1052
1036
  UNSAFE_componentWillUpdate?(nextProps: Readonly<PerseusInteractiveGraphWidgetOptions & {
1053
1037
  widgetId: string;
@@ -1056,9 +1040,7 @@ declare const InteractiveGraph: {
1056
1040
  problemNum: number | null | undefined;
1057
1041
  apiOptions: Readonly<Readonly<{
1058
1042
  isArticle?: boolean | undefined;
1059
- onFocusChange?: ((newFocusPath: import("@khanacademy/perseus").FocusPath, oldFocusPath: import("@khanacademy/perseus").FocusPath, keypadHeight?: number | undefined, focusedElement?: HTMLElement | undefined) => unknown) | undefined; /**
1060
- * The graph to display in the graph area.
1061
- */
1043
+ onFocusChange?: ((newFocusPath: import("@khanacademy/perseus").FocusPath, oldFocusPath: import("@khanacademy/perseus").FocusPath, keypadHeight?: number | undefined, focusedElement?: HTMLElement | undefined) => unknown) | undefined;
1062
1044
  GroupMetadataEditor?: React.ComponentType<any> | undefined;
1063
1045
  showAlignmentOptions?: boolean | undefined;
1064
1046
  readOnly?: boolean | undefined;
@@ -1143,7 +1125,7 @@ declare const InteractiveGraph: {
1143
1125
  trackInteraction: (extraData?: Empty | undefined) => void;
1144
1126
  isLastUsedWidget: boolean;
1145
1127
  linterContext: import("@khanacademy/perseus-linter").LinterContextProps;
1146
- containerSizeClass: SizingUtils.SizeClass;
1128
+ containerSizeClass: import("../../../../perseus/src/util/sizing-utils").SizeClass;
1147
1129
  }>, nextState: Readonly<any>, nextContext: any): void;
1148
1130
  }>;
1149
1131
  mafsRef: React.RefObject<import("../../../../perseus/src/widgets/interactive-graphs/stateful-mafs-graph").StatefulMafsGraphType>;
@@ -1159,9 +1141,7 @@ declare const InteractiveGraph: {
1159
1141
  problemNum: number | null | undefined;
1160
1142
  apiOptions: Readonly<Readonly<{
1161
1143
  isArticle?: boolean | undefined;
1162
- onFocusChange?: ((newFocusPath: import("@khanacademy/perseus").FocusPath, oldFocusPath: import("@khanacademy/perseus").FocusPath, keypadHeight?: number | undefined, focusedElement?: HTMLElement | undefined) => unknown) | undefined; /**
1163
- * The graph to display in the graph area.
1164
- */
1144
+ onFocusChange?: ((newFocusPath: import("@khanacademy/perseus").FocusPath, oldFocusPath: import("@khanacademy/perseus").FocusPath, keypadHeight?: number | undefined, focusedElement?: HTMLElement | undefined) => unknown) | undefined;
1165
1145
  GroupMetadataEditor?: React.ComponentType<any> | undefined;
1166
1146
  showAlignmentOptions?: boolean | undefined;
1167
1147
  readOnly?: boolean | undefined;
@@ -1246,7 +1226,7 @@ declare const InteractiveGraph: {
1246
1226
  trackInteraction: (extraData?: Empty | undefined) => void;
1247
1227
  isLastUsedWidget: boolean;
1248
1228
  linterContext: import("@khanacademy/perseus-linter").LinterContextProps;
1249
- containerSizeClass: SizingUtils.SizeClass;
1229
+ containerSizeClass: import("../../../../perseus/src/util/sizing-utils").SizeClass;
1250
1230
  }>;
1251
1231
  state: Readonly<any>;
1252
1232
  refs: {
@@ -1260,9 +1240,7 @@ declare const InteractiveGraph: {
1260
1240
  problemNum: number | null | undefined;
1261
1241
  apiOptions: Readonly<Readonly<{
1262
1242
  isArticle?: boolean | undefined;
1263
- onFocusChange?: ((newFocusPath: import("@khanacademy/perseus").FocusPath, oldFocusPath: import("@khanacademy/perseus").FocusPath, keypadHeight?: number | undefined, focusedElement?: HTMLElement | undefined) => unknown) | undefined; /**
1264
- * The graph to display in the graph area.
1265
- */
1243
+ onFocusChange?: ((newFocusPath: import("@khanacademy/perseus").FocusPath, oldFocusPath: import("@khanacademy/perseus").FocusPath, keypadHeight?: number | undefined, focusedElement?: HTMLElement | undefined) => unknown) | undefined;
1266
1244
  GroupMetadataEditor?: React.ComponentType<any> | undefined;
1267
1245
  showAlignmentOptions?: boolean | undefined;
1268
1246
  readOnly?: boolean | undefined;
@@ -1347,7 +1325,7 @@ declare const InteractiveGraph: {
1347
1325
  trackInteraction: (extraData?: Empty | undefined) => void;
1348
1326
  isLastUsedWidget: boolean;
1349
1327
  linterContext: import("@khanacademy/perseus-linter").LinterContextProps;
1350
- containerSizeClass: SizingUtils.SizeClass;
1328
+ containerSizeClass: import("../../../../perseus/src/util/sizing-utils").SizeClass;
1351
1329
  }>, nextState: Readonly<any>, nextContext: any): boolean;
1352
1330
  componentWillUnmount?(): void;
1353
1331
  componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
@@ -1358,9 +1336,7 @@ declare const InteractiveGraph: {
1358
1336
  problemNum: number | null | undefined;
1359
1337
  apiOptions: Readonly<Readonly<{
1360
1338
  isArticle?: boolean | undefined;
1361
- onFocusChange?: ((newFocusPath: import("@khanacademy/perseus").FocusPath, oldFocusPath: import("@khanacademy/perseus").FocusPath, keypadHeight?: number | undefined, focusedElement?: HTMLElement | undefined) => unknown) | undefined; /**
1362
- * The graph to display in the graph area.
1363
- */
1339
+ onFocusChange?: ((newFocusPath: import("@khanacademy/perseus").FocusPath, oldFocusPath: import("@khanacademy/perseus").FocusPath, keypadHeight?: number | undefined, focusedElement?: HTMLElement | undefined) => unknown) | undefined;
1364
1340
  GroupMetadataEditor?: React.ComponentType<any> | undefined;
1365
1341
  showAlignmentOptions?: boolean | undefined;
1366
1342
  readOnly?: boolean | undefined;
@@ -1445,7 +1421,7 @@ declare const InteractiveGraph: {
1445
1421
  trackInteraction: (extraData?: Empty | undefined) => void;
1446
1422
  isLastUsedWidget: boolean;
1447
1423
  linterContext: import("@khanacademy/perseus-linter").LinterContextProps;
1448
- containerSizeClass: SizingUtils.SizeClass;
1424
+ containerSizeClass: import("../../../../perseus/src/util/sizing-utils").SizeClass;
1449
1425
  }>, prevState: Readonly<any>): any;
1450
1426
  componentDidUpdate?(prevProps: Readonly<PerseusInteractiveGraphWidgetOptions & {
1451
1427
  widgetId: string;
@@ -1454,9 +1430,7 @@ declare const InteractiveGraph: {
1454
1430
  problemNum: number | null | undefined;
1455
1431
  apiOptions: Readonly<Readonly<{
1456
1432
  isArticle?: boolean | undefined;
1457
- onFocusChange?: ((newFocusPath: import("@khanacademy/perseus").FocusPath, oldFocusPath: import("@khanacademy/perseus").FocusPath, keypadHeight?: number | undefined, focusedElement?: HTMLElement | undefined) => unknown) | undefined; /**
1458
- * The graph to display in the graph area.
1459
- */
1433
+ onFocusChange?: ((newFocusPath: import("@khanacademy/perseus").FocusPath, oldFocusPath: import("@khanacademy/perseus").FocusPath, keypadHeight?: number | undefined, focusedElement?: HTMLElement | undefined) => unknown) | undefined;
1460
1434
  GroupMetadataEditor?: React.ComponentType<any> | undefined;
1461
1435
  showAlignmentOptions?: boolean | undefined;
1462
1436
  readOnly?: boolean | undefined;
@@ -1541,7 +1515,7 @@ declare const InteractiveGraph: {
1541
1515
  trackInteraction: (extraData?: Empty | undefined) => void;
1542
1516
  isLastUsedWidget: boolean;
1543
1517
  linterContext: import("@khanacademy/perseus-linter").LinterContextProps;
1544
- containerSizeClass: SizingUtils.SizeClass;
1518
+ containerSizeClass: import("../../../../perseus/src/util/sizing-utils").SizeClass;
1545
1519
  }>, prevState: Readonly<any>, snapshot?: any): void;
1546
1520
  componentWillMount?(): void;
1547
1521
  UNSAFE_componentWillMount?(): void;
@@ -1552,9 +1526,7 @@ declare const InteractiveGraph: {
1552
1526
  problemNum: number | null | undefined;
1553
1527
  apiOptions: Readonly<Readonly<{
1554
1528
  isArticle?: boolean | undefined;
1555
- onFocusChange?: ((newFocusPath: import("@khanacademy/perseus").FocusPath, oldFocusPath: import("@khanacademy/perseus").FocusPath, keypadHeight?: number | undefined, focusedElement?: HTMLElement | undefined) => unknown) | undefined; /**
1556
- * The graph to display in the graph area.
1557
- */
1529
+ onFocusChange?: ((newFocusPath: import("@khanacademy/perseus").FocusPath, oldFocusPath: import("@khanacademy/perseus").FocusPath, keypadHeight?: number | undefined, focusedElement?: HTMLElement | undefined) => unknown) | undefined;
1558
1530
  GroupMetadataEditor?: React.ComponentType<any> | undefined;
1559
1531
  showAlignmentOptions?: boolean | undefined;
1560
1532
  readOnly?: boolean | undefined;
@@ -1639,7 +1611,7 @@ declare const InteractiveGraph: {
1639
1611
  trackInteraction: (extraData?: Empty | undefined) => void;
1640
1612
  isLastUsedWidget: boolean;
1641
1613
  linterContext: import("@khanacademy/perseus-linter").LinterContextProps;
1642
- containerSizeClass: SizingUtils.SizeClass;
1614
+ containerSizeClass: import("../../../../perseus/src/util/sizing-utils").SizeClass;
1643
1615
  }>, nextContext: any): void;
1644
1616
  UNSAFE_componentWillReceiveProps?(nextProps: Readonly<PerseusInteractiveGraphWidgetOptions & {
1645
1617
  widgetId: string;
@@ -1648,9 +1620,7 @@ declare const InteractiveGraph: {
1648
1620
  problemNum: number | null | undefined;
1649
1621
  apiOptions: Readonly<Readonly<{
1650
1622
  isArticle?: boolean | undefined;
1651
- onFocusChange?: ((newFocusPath: import("@khanacademy/perseus").FocusPath, oldFocusPath: import("@khanacademy/perseus").FocusPath, keypadHeight?: number | undefined, focusedElement?: HTMLElement | undefined) => unknown) | undefined; /**
1652
- * The graph to display in the graph area.
1653
- */
1623
+ onFocusChange?: ((newFocusPath: import("@khanacademy/perseus").FocusPath, oldFocusPath: import("@khanacademy/perseus").FocusPath, keypadHeight?: number | undefined, focusedElement?: HTMLElement | undefined) => unknown) | undefined;
1654
1624
  GroupMetadataEditor?: React.ComponentType<any> | undefined;
1655
1625
  showAlignmentOptions?: boolean | undefined;
1656
1626
  readOnly?: boolean | undefined;
@@ -1735,7 +1705,7 @@ declare const InteractiveGraph: {
1735
1705
  trackInteraction: (extraData?: Empty | undefined) => void;
1736
1706
  isLastUsedWidget: boolean;
1737
1707
  linterContext: import("@khanacademy/perseus-linter").LinterContextProps;
1738
- containerSizeClass: SizingUtils.SizeClass;
1708
+ containerSizeClass: import("../../../../perseus/src/util/sizing-utils").SizeClass;
1739
1709
  }>, nextContext: any): void;
1740
1710
  componentWillUpdate?(nextProps: Readonly<PerseusInteractiveGraphWidgetOptions & {
1741
1711
  widgetId: string;
@@ -1744,9 +1714,7 @@ declare const InteractiveGraph: {
1744
1714
  problemNum: number | null | undefined;
1745
1715
  apiOptions: Readonly<Readonly<{
1746
1716
  isArticle?: boolean | undefined;
1747
- onFocusChange?: ((newFocusPath: import("@khanacademy/perseus").FocusPath, oldFocusPath: import("@khanacademy/perseus").FocusPath, keypadHeight?: number | undefined, focusedElement?: HTMLElement | undefined) => unknown) | undefined; /**
1748
- * The graph to display in the graph area.
1749
- */
1717
+ onFocusChange?: ((newFocusPath: import("@khanacademy/perseus").FocusPath, oldFocusPath: import("@khanacademy/perseus").FocusPath, keypadHeight?: number | undefined, focusedElement?: HTMLElement | undefined) => unknown) | undefined;
1750
1718
  GroupMetadataEditor?: React.ComponentType<any> | undefined;
1751
1719
  showAlignmentOptions?: boolean | undefined;
1752
1720
  readOnly?: boolean | undefined;
@@ -1831,7 +1799,7 @@ declare const InteractiveGraph: {
1831
1799
  trackInteraction: (extraData?: Empty | undefined) => void;
1832
1800
  isLastUsedWidget: boolean;
1833
1801
  linterContext: import("@khanacademy/perseus-linter").LinterContextProps;
1834
- containerSizeClass: SizingUtils.SizeClass;
1802
+ containerSizeClass: import("../../../../perseus/src/util/sizing-utils").SizeClass;
1835
1803
  }>, nextState: Readonly<any>, nextContext: any): void;
1836
1804
  UNSAFE_componentWillUpdate?(nextProps: Readonly<PerseusInteractiveGraphWidgetOptions & {
1837
1805
  widgetId: string;
@@ -1840,9 +1808,7 @@ declare const InteractiveGraph: {
1840
1808
  problemNum: number | null | undefined;
1841
1809
  apiOptions: Readonly<Readonly<{
1842
1810
  isArticle?: boolean | undefined;
1843
- onFocusChange?: ((newFocusPath: import("@khanacademy/perseus").FocusPath, oldFocusPath: import("@khanacademy/perseus").FocusPath, keypadHeight?: number | undefined, focusedElement?: HTMLElement | undefined) => unknown) | undefined; /**
1844
- * The graph to display in the graph area.
1845
- */
1811
+ onFocusChange?: ((newFocusPath: import("@khanacademy/perseus").FocusPath, oldFocusPath: import("@khanacademy/perseus").FocusPath, keypadHeight?: number | undefined, focusedElement?: HTMLElement | undefined) => unknown) | undefined;
1846
1812
  GroupMetadataEditor?: React.ComponentType<any> | undefined;
1847
1813
  showAlignmentOptions?: boolean | undefined;
1848
1814
  readOnly?: boolean | undefined;
@@ -1927,7 +1893,7 @@ declare const InteractiveGraph: {
1927
1893
  trackInteraction: (extraData?: Empty | undefined) => void;
1928
1894
  isLastUsedWidget: boolean;
1929
1895
  linterContext: import("@khanacademy/perseus-linter").LinterContextProps;
1930
- containerSizeClass: SizingUtils.SizeClass;
1896
+ containerSizeClass: import("../../../../perseus/src/util/sizing-utils").SizeClass;
1931
1897
  }>, nextState: Readonly<any>, nextContext: any): void;
1932
1898
  };
1933
1899
  new (props: PerseusInteractiveGraphWidgetOptions & {
@@ -1937,9 +1903,7 @@ declare const InteractiveGraph: {
1937
1903
  problemNum: number | null | undefined;
1938
1904
  apiOptions: Readonly<Readonly<{
1939
1905
  isArticle?: boolean | undefined;
1940
- onFocusChange?: ((newFocusPath: import("@khanacademy/perseus").FocusPath, oldFocusPath: import("@khanacademy/perseus").FocusPath, keypadHeight?: number | undefined, focusedElement?: HTMLElement | undefined) => unknown) | undefined; /**
1941
- * The graph to display in the graph area.
1942
- */
1906
+ onFocusChange?: ((newFocusPath: import("@khanacademy/perseus").FocusPath, oldFocusPath: import("@khanacademy/perseus").FocusPath, keypadHeight?: number | undefined, focusedElement?: HTMLElement | undefined) => unknown) | undefined;
1943
1907
  GroupMetadataEditor?: React.ComponentType<any> | undefined;
1944
1908
  showAlignmentOptions?: boolean | undefined;
1945
1909
  readOnly?: boolean | undefined;
@@ -2024,7 +1988,7 @@ declare const InteractiveGraph: {
2024
1988
  trackInteraction: (extraData?: Empty | undefined) => void;
2025
1989
  isLastUsedWidget: boolean;
2026
1990
  linterContext: import("@khanacademy/perseus-linter").LinterContextProps;
2027
- containerSizeClass: SizingUtils.SizeClass;
1991
+ containerSizeClass: import("../../../../perseus/src/util/sizing-utils").SizeClass;
2028
1992
  }, context: any): {
2029
1993
  legacyGraphRef: React.RefObject<{
2030
1994
  context: {
@@ -2056,9 +2020,7 @@ declare const InteractiveGraph: {
2056
2020
  problemNum: number | null | undefined;
2057
2021
  apiOptions: Readonly<Readonly<{
2058
2022
  isArticle?: boolean | undefined;
2059
- onFocusChange?: ((newFocusPath: import("@khanacademy/perseus").FocusPath, oldFocusPath: import("@khanacademy/perseus").FocusPath, keypadHeight?: number | undefined, focusedElement?: HTMLElement | undefined) => unknown) | undefined; /**
2060
- * The graph to display in the graph area.
2061
- */
2023
+ onFocusChange?: ((newFocusPath: import("@khanacademy/perseus").FocusPath, oldFocusPath: import("@khanacademy/perseus").FocusPath, keypadHeight?: number | undefined, focusedElement?: HTMLElement | undefined) => unknown) | undefined;
2062
2024
  GroupMetadataEditor?: React.ComponentType<any> | undefined;
2063
2025
  showAlignmentOptions?: boolean | undefined;
2064
2026
  readOnly?: boolean | undefined;
@@ -2143,7 +2105,7 @@ declare const InteractiveGraph: {
2143
2105
  trackInteraction: (extraData?: Empty | undefined) => void;
2144
2106
  isLastUsedWidget: boolean;
2145
2107
  linterContext: import("@khanacademy/perseus-linter").LinterContextProps;
2146
- containerSizeClass: SizingUtils.SizeClass;
2108
+ containerSizeClass: import("../../../../perseus/src/util/sizing-utils").SizeClass;
2147
2109
  }): void;
2148
2110
  componentDidUpdate(prevProps: PerseusInteractiveGraphWidgetOptions & {
2149
2111
  widgetId: string;
@@ -2152,9 +2114,7 @@ declare const InteractiveGraph: {
2152
2114
  problemNum: number | null | undefined;
2153
2115
  apiOptions: Readonly<Readonly<{
2154
2116
  isArticle?: boolean | undefined;
2155
- onFocusChange?: ((newFocusPath: import("@khanacademy/perseus").FocusPath, oldFocusPath: import("@khanacademy/perseus").FocusPath, keypadHeight?: number | undefined, focusedElement?: HTMLElement | undefined) => unknown) | undefined; /**
2156
- * The graph to display in the graph area.
2157
- */
2117
+ onFocusChange?: ((newFocusPath: import("@khanacademy/perseus").FocusPath, oldFocusPath: import("@khanacademy/perseus").FocusPath, keypadHeight?: number | undefined, focusedElement?: HTMLElement | undefined) => unknown) | undefined;
2158
2118
  GroupMetadataEditor?: React.ComponentType<any> | undefined;
2159
2119
  showAlignmentOptions?: boolean | undefined;
2160
2120
  readOnly?: boolean | undefined;
@@ -2239,7 +2199,7 @@ declare const InteractiveGraph: {
2239
2199
  trackInteraction: (extraData?: Empty | undefined) => void;
2240
2200
  isLastUsedWidget: boolean;
2241
2201
  linterContext: import("@khanacademy/perseus-linter").LinterContextProps;
2242
- containerSizeClass: SizingUtils.SizeClass;
2202
+ containerSizeClass: import("../../../../perseus/src/util/sizing-utils").SizeClass;
2243
2203
  }, prevState: any): void;
2244
2204
  _getShouldShowInstructions: (arg1?: (PerseusInteractiveGraphWidgetOptions & {
2245
2205
  widgetId: string;
@@ -2248,9 +2208,7 @@ declare const InteractiveGraph: {
2248
2208
  problemNum: number | null | undefined;
2249
2209
  apiOptions: Readonly<Readonly<{
2250
2210
  isArticle?: boolean | undefined;
2251
- onFocusChange?: ((newFocusPath: import("@khanacademy/perseus").FocusPath, oldFocusPath: import("@khanacademy/perseus").FocusPath, keypadHeight?: number | undefined, focusedElement?: HTMLElement | undefined) => unknown) | undefined; /**
2252
- * The graph to display in the graph area.
2253
- */
2211
+ onFocusChange?: ((newFocusPath: import("@khanacademy/perseus").FocusPath, oldFocusPath: import("@khanacademy/perseus").FocusPath, keypadHeight?: number | undefined, focusedElement?: HTMLElement | undefined) => unknown) | undefined;
2254
2212
  GroupMetadataEditor?: React.ComponentType<any> | undefined;
2255
2213
  showAlignmentOptions?: boolean | undefined;
2256
2214
  readOnly?: boolean | undefined;
@@ -2335,12 +2293,15 @@ declare const InteractiveGraph: {
2335
2293
  trackInteraction: (extraData?: Empty | undefined) => void;
2336
2294
  isLastUsedWidget: boolean;
2337
2295
  linterContext: import("@khanacademy/perseus-linter").LinterContextProps;
2338
- containerSizeClass: SizingUtils.SizeClass;
2296
+ containerSizeClass: import("../../../../perseus/src/util/sizing-utils").SizeClass;
2339
2297
  }) | null | undefined) => boolean;
2340
2298
  setGraphie: (arg1: any) => void;
2341
2299
  handleAddPointsMouseDown: (arg1: import("@khanacademy/perseus").Coord) => void;
2342
2300
  resetGraphie: () => void;
2343
- setupGraphie: () => void;
2301
+ setupGraphie: () => void; /**
2302
+ * How far apart the tick marks on the axes are in the x and y
2303
+ * directions.
2304
+ */
2344
2305
  showHairlines: (arg1: import("@khanacademy/perseus").Coord) => void;
2345
2306
  hideHairlines: () => void;
2346
2307
  setTrashCanVisibility: (arg1: number) => void;
@@ -2351,9 +2312,7 @@ declare const InteractiveGraph: {
2351
2312
  problemNum: number | null | undefined;
2352
2313
  apiOptions: Readonly<Readonly<{
2353
2314
  isArticle?: boolean | undefined;
2354
- onFocusChange?: ((newFocusPath: import("@khanacademy/perseus").FocusPath, oldFocusPath: import("@khanacademy/perseus").FocusPath, keypadHeight?: number | undefined, focusedElement?: HTMLElement | undefined) => unknown) | undefined; /**
2355
- * The graph to display in the graph area.
2356
- */
2315
+ onFocusChange?: ((newFocusPath: import("@khanacademy/perseus").FocusPath, oldFocusPath: import("@khanacademy/perseus").FocusPath, keypadHeight?: number | undefined, focusedElement?: HTMLElement | undefined) => unknown) | undefined;
2357
2316
  GroupMetadataEditor?: React.ComponentType<any> | undefined;
2358
2317
  showAlignmentOptions?: boolean | undefined;
2359
2318
  readOnly?: boolean | undefined;
@@ -2438,7 +2397,7 @@ declare const InteractiveGraph: {
2438
2397
  trackInteraction: (extraData?: Empty | undefined) => void;
2439
2398
  isLastUsedWidget: boolean;
2440
2399
  linterContext: import("@khanacademy/perseus-linter").LinterContextProps;
2441
- containerSizeClass: SizingUtils.SizeClass;
2400
+ containerSizeClass: import("../../../../perseus/src/util/sizing-utils").SizeClass;
2442
2401
  }) | null | undefined) => boolean;
2443
2402
  areAngleGraphsEqual(prevGraph: import("../../../../perseus/src/perseus-types").PerseusGraphTypeAngle, currentGraph: import("../../../../perseus/src/perseus-types").PerseusGraphTypeAngle): boolean;
2444
2403
  arePointGraphsEqual(prevGraph: import("../../../../perseus/src/perseus-types").PerseusGraphTypePoint, currentGraph: import("../../../../perseus/src/perseus-types").PerseusGraphTypePoint): boolean;
@@ -2455,9 +2414,7 @@ declare const InteractiveGraph: {
2455
2414
  removeLinearControls: () => void;
2456
2415
  addQuadraticControls: () => void;
2457
2416
  updateQuadratic: () => void;
2458
- removeQuadraticControls: () => void; /**
2459
- * Whether to show the protractor on the graph.
2460
- */
2417
+ removeQuadraticControls: () => void;
2461
2418
  addSinusoidControls: () => void;
2462
2419
  updateSinusoid: () => void;
2463
2420
  removeSinusoidControls: () => void;
@@ -2473,7 +2430,11 @@ declare const InteractiveGraph: {
2473
2430
  clearCoords: () => void;
2474
2431
  onChange: import("@khanacademy/perseus").ChangeHandler;
2475
2432
  addPointControls: () => void;
2476
- removePointControls: () => void;
2433
+ removePointControls: () => void; /**
2434
+ * The locked figures to display in the graph area.
2435
+ * Locked figures are graph elements (points, lines, line segmeents,
2436
+ * etc.) that are locked in place and not interactive.
2437
+ */
2477
2438
  addSegmentControls: () => void;
2478
2439
  removeSegmentControls: () => void;
2479
2440
  addRayControls: () => void;
@@ -2496,9 +2457,7 @@ declare const InteractiveGraph: {
2496
2457
  problemNum: number | null | undefined;
2497
2458
  apiOptions: Readonly<Readonly<{
2498
2459
  isArticle?: boolean | undefined;
2499
- onFocusChange?: ((newFocusPath: import("@khanacademy/perseus").FocusPath, oldFocusPath: import("@khanacademy/perseus").FocusPath, keypadHeight?: number | undefined, focusedElement?: HTMLElement | undefined) => unknown) | undefined; /**
2500
- * The graph to display in the graph area.
2501
- */
2460
+ onFocusChange?: ((newFocusPath: import("@khanacademy/perseus").FocusPath, oldFocusPath: import("@khanacademy/perseus").FocusPath, keypadHeight?: number | undefined, focusedElement?: HTMLElement | undefined) => unknown) | undefined;
2502
2461
  GroupMetadataEditor?: React.ComponentType<any> | undefined;
2503
2462
  showAlignmentOptions?: boolean | undefined;
2504
2463
  readOnly?: boolean | undefined;
@@ -2583,7 +2542,7 @@ declare const InteractiveGraph: {
2583
2542
  trackInteraction: (extraData?: Empty | undefined) => void;
2584
2543
  isLastUsedWidget: boolean;
2585
2544
  linterContext: import("@khanacademy/perseus-linter").LinterContextProps;
2586
- containerSizeClass: SizingUtils.SizeClass;
2545
+ containerSizeClass: import("../../../../perseus/src/util/sizing-utils").SizeClass;
2587
2546
  }>;
2588
2547
  refs: {
2589
2548
  [key: string]: React.ReactInstance;
@@ -2595,9 +2554,7 @@ declare const InteractiveGraph: {
2595
2554
  problemNum: number | null | undefined;
2596
2555
  apiOptions: Readonly<Readonly<{
2597
2556
  isArticle?: boolean | undefined;
2598
- onFocusChange?: ((newFocusPath: import("@khanacademy/perseus").FocusPath, oldFocusPath: import("@khanacademy/perseus").FocusPath, keypadHeight?: number | undefined, focusedElement?: HTMLElement | undefined) => unknown) | undefined; /**
2599
- * The graph to display in the graph area.
2600
- */
2557
+ onFocusChange?: ((newFocusPath: import("@khanacademy/perseus").FocusPath, oldFocusPath: import("@khanacademy/perseus").FocusPath, keypadHeight?: number | undefined, focusedElement?: HTMLElement | undefined) => unknown) | undefined;
2601
2558
  GroupMetadataEditor?: React.ComponentType<any> | undefined;
2602
2559
  showAlignmentOptions?: boolean | undefined;
2603
2560
  readOnly?: boolean | undefined;
@@ -2682,7 +2639,7 @@ declare const InteractiveGraph: {
2682
2639
  trackInteraction: (extraData?: Empty | undefined) => void;
2683
2640
  isLastUsedWidget: boolean;
2684
2641
  linterContext: import("@khanacademy/perseus-linter").LinterContextProps;
2685
- containerSizeClass: SizingUtils.SizeClass;
2642
+ containerSizeClass: import("../../../../perseus/src/util/sizing-utils").SizeClass;
2686
2643
  }>, nextState: Readonly<any>, nextContext: any): boolean;
2687
2644
  componentWillUnmount?(): void;
2688
2645
  componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
@@ -2693,9 +2650,7 @@ declare const InteractiveGraph: {
2693
2650
  problemNum: number | null | undefined;
2694
2651
  apiOptions: Readonly<Readonly<{
2695
2652
  isArticle?: boolean | undefined;
2696
- onFocusChange?: ((newFocusPath: import("@khanacademy/perseus").FocusPath, oldFocusPath: import("@khanacademy/perseus").FocusPath, keypadHeight?: number | undefined, focusedElement?: HTMLElement | undefined) => unknown) | undefined; /**
2697
- * The graph to display in the graph area.
2698
- */
2653
+ onFocusChange?: ((newFocusPath: import("@khanacademy/perseus").FocusPath, oldFocusPath: import("@khanacademy/perseus").FocusPath, keypadHeight?: number | undefined, focusedElement?: HTMLElement | undefined) => unknown) | undefined;
2699
2654
  GroupMetadataEditor?: React.ComponentType<any> | undefined;
2700
2655
  showAlignmentOptions?: boolean | undefined;
2701
2656
  readOnly?: boolean | undefined;
@@ -2780,7 +2735,7 @@ declare const InteractiveGraph: {
2780
2735
  trackInteraction: (extraData?: Empty | undefined) => void;
2781
2736
  isLastUsedWidget: boolean;
2782
2737
  linterContext: import("@khanacademy/perseus-linter").LinterContextProps;
2783
- containerSizeClass: SizingUtils.SizeClass;
2738
+ containerSizeClass: import("../../../../perseus/src/util/sizing-utils").SizeClass;
2784
2739
  }>, prevState: Readonly<any>): any;
2785
2740
  componentWillMount?(): void;
2786
2741
  UNSAFE_componentWillMount?(): void;
@@ -2791,9 +2746,7 @@ declare const InteractiveGraph: {
2791
2746
  problemNum: number | null | undefined;
2792
2747
  apiOptions: Readonly<Readonly<{
2793
2748
  isArticle?: boolean | undefined;
2794
- onFocusChange?: ((newFocusPath: import("@khanacademy/perseus").FocusPath, oldFocusPath: import("@khanacademy/perseus").FocusPath, keypadHeight?: number | undefined, focusedElement?: HTMLElement | undefined) => unknown) | undefined; /**
2795
- * The graph to display in the graph area.
2796
- */
2749
+ onFocusChange?: ((newFocusPath: import("@khanacademy/perseus").FocusPath, oldFocusPath: import("@khanacademy/perseus").FocusPath, keypadHeight?: number | undefined, focusedElement?: HTMLElement | undefined) => unknown) | undefined;
2797
2750
  GroupMetadataEditor?: React.ComponentType<any> | undefined;
2798
2751
  showAlignmentOptions?: boolean | undefined;
2799
2752
  readOnly?: boolean | undefined;
@@ -2878,7 +2831,7 @@ declare const InteractiveGraph: {
2878
2831
  trackInteraction: (extraData?: Empty | undefined) => void;
2879
2832
  isLastUsedWidget: boolean;
2880
2833
  linterContext: import("@khanacademy/perseus-linter").LinterContextProps;
2881
- containerSizeClass: SizingUtils.SizeClass;
2834
+ containerSizeClass: import("../../../../perseus/src/util/sizing-utils").SizeClass;
2882
2835
  }>, nextContext: any): void;
2883
2836
  componentWillUpdate?(nextProps: Readonly<PerseusInteractiveGraphWidgetOptions & {
2884
2837
  widgetId: string;
@@ -2887,9 +2840,7 @@ declare const InteractiveGraph: {
2887
2840
  problemNum: number | null | undefined;
2888
2841
  apiOptions: Readonly<Readonly<{
2889
2842
  isArticle?: boolean | undefined;
2890
- onFocusChange?: ((newFocusPath: import("@khanacademy/perseus").FocusPath, oldFocusPath: import("@khanacademy/perseus").FocusPath, keypadHeight?: number | undefined, focusedElement?: HTMLElement | undefined) => unknown) | undefined; /**
2891
- * The graph to display in the graph area.
2892
- */
2843
+ onFocusChange?: ((newFocusPath: import("@khanacademy/perseus").FocusPath, oldFocusPath: import("@khanacademy/perseus").FocusPath, keypadHeight?: number | undefined, focusedElement?: HTMLElement | undefined) => unknown) | undefined;
2893
2844
  GroupMetadataEditor?: React.ComponentType<any> | undefined;
2894
2845
  showAlignmentOptions?: boolean | undefined;
2895
2846
  readOnly?: boolean | undefined;
@@ -2974,7 +2925,7 @@ declare const InteractiveGraph: {
2974
2925
  trackInteraction: (extraData?: Empty | undefined) => void;
2975
2926
  isLastUsedWidget: boolean;
2976
2927
  linterContext: import("@khanacademy/perseus-linter").LinterContextProps;
2977
- containerSizeClass: SizingUtils.SizeClass;
2928
+ containerSizeClass: import("../../../../perseus/src/util/sizing-utils").SizeClass;
2978
2929
  }>, nextState: Readonly<any>, nextContext: any): void;
2979
2930
  UNSAFE_componentWillUpdate?(nextProps: Readonly<PerseusInteractiveGraphWidgetOptions & {
2980
2931
  widgetId: string;
@@ -2983,9 +2934,7 @@ declare const InteractiveGraph: {
2983
2934
  problemNum: number | null | undefined;
2984
2935
  apiOptions: Readonly<Readonly<{
2985
2936
  isArticle?: boolean | undefined;
2986
- onFocusChange?: ((newFocusPath: import("@khanacademy/perseus").FocusPath, oldFocusPath: import("@khanacademy/perseus").FocusPath, keypadHeight?: number | undefined, focusedElement?: HTMLElement | undefined) => unknown) | undefined; /**
2987
- * The graph to display in the graph area.
2988
- */
2937
+ onFocusChange?: ((newFocusPath: import("@khanacademy/perseus").FocusPath, oldFocusPath: import("@khanacademy/perseus").FocusPath, keypadHeight?: number | undefined, focusedElement?: HTMLElement | undefined) => unknown) | undefined;
2989
2938
  GroupMetadataEditor?: React.ComponentType<any> | undefined;
2990
2939
  showAlignmentOptions?: boolean | undefined;
2991
2940
  readOnly?: boolean | undefined;
@@ -3070,7 +3019,7 @@ declare const InteractiveGraph: {
3070
3019
  trackInteraction: (extraData?: Empty | undefined) => void;
3071
3020
  isLastUsedWidget: boolean;
3072
3021
  linterContext: import("@khanacademy/perseus-linter").LinterContextProps;
3073
- containerSizeClass: SizingUtils.SizeClass;
3022
+ containerSizeClass: import("../../../../perseus/src/util/sizing-utils").SizeClass;
3074
3023
  }>, nextState: Readonly<any>, nextContext: any): void;
3075
3024
  }>;
3076
3025
  mafsRef: React.RefObject<import("../../../../perseus/src/widgets/interactive-graphs/stateful-mafs-graph").StatefulMafsGraphType>;
@@ -3086,9 +3035,7 @@ declare const InteractiveGraph: {
3086
3035
  problemNum: number | null | undefined;
3087
3036
  apiOptions: Readonly<Readonly<{
3088
3037
  isArticle?: boolean | undefined;
3089
- onFocusChange?: ((newFocusPath: import("@khanacademy/perseus").FocusPath, oldFocusPath: import("@khanacademy/perseus").FocusPath, keypadHeight?: number | undefined, focusedElement?: HTMLElement | undefined) => unknown) | undefined; /**
3090
- * The graph to display in the graph area.
3091
- */
3038
+ onFocusChange?: ((newFocusPath: import("@khanacademy/perseus").FocusPath, oldFocusPath: import("@khanacademy/perseus").FocusPath, keypadHeight?: number | undefined, focusedElement?: HTMLElement | undefined) => unknown) | undefined;
3092
3039
  GroupMetadataEditor?: React.ComponentType<any> | undefined;
3093
3040
  showAlignmentOptions?: boolean | undefined;
3094
3041
  readOnly?: boolean | undefined;
@@ -3173,7 +3120,7 @@ declare const InteractiveGraph: {
3173
3120
  trackInteraction: (extraData?: Empty | undefined) => void;
3174
3121
  isLastUsedWidget: boolean;
3175
3122
  linterContext: import("@khanacademy/perseus-linter").LinterContextProps;
3176
- containerSizeClass: SizingUtils.SizeClass;
3123
+ containerSizeClass: import("../../../../perseus/src/util/sizing-utils").SizeClass;
3177
3124
  }>;
3178
3125
  state: Readonly<any>;
3179
3126
  refs: {
@@ -3187,9 +3134,7 @@ declare const InteractiveGraph: {
3187
3134
  problemNum: number | null | undefined;
3188
3135
  apiOptions: Readonly<Readonly<{
3189
3136
  isArticle?: boolean | undefined;
3190
- onFocusChange?: ((newFocusPath: import("@khanacademy/perseus").FocusPath, oldFocusPath: import("@khanacademy/perseus").FocusPath, keypadHeight?: number | undefined, focusedElement?: HTMLElement | undefined) => unknown) | undefined; /**
3191
- * The graph to display in the graph area.
3192
- */
3137
+ onFocusChange?: ((newFocusPath: import("@khanacademy/perseus").FocusPath, oldFocusPath: import("@khanacademy/perseus").FocusPath, keypadHeight?: number | undefined, focusedElement?: HTMLElement | undefined) => unknown) | undefined;
3193
3138
  GroupMetadataEditor?: React.ComponentType<any> | undefined;
3194
3139
  showAlignmentOptions?: boolean | undefined;
3195
3140
  readOnly?: boolean | undefined;
@@ -3274,7 +3219,7 @@ declare const InteractiveGraph: {
3274
3219
  trackInteraction: (extraData?: Empty | undefined) => void;
3275
3220
  isLastUsedWidget: boolean;
3276
3221
  linterContext: import("@khanacademy/perseus-linter").LinterContextProps;
3277
- containerSizeClass: SizingUtils.SizeClass;
3222
+ containerSizeClass: import("../../../../perseus/src/util/sizing-utils").SizeClass;
3278
3223
  }>, nextState: Readonly<any>, nextContext: any): boolean;
3279
3224
  componentWillUnmount?(): void;
3280
3225
  componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
@@ -3285,9 +3230,7 @@ declare const InteractiveGraph: {
3285
3230
  problemNum: number | null | undefined;
3286
3231
  apiOptions: Readonly<Readonly<{
3287
3232
  isArticle?: boolean | undefined;
3288
- onFocusChange?: ((newFocusPath: import("@khanacademy/perseus").FocusPath, oldFocusPath: import("@khanacademy/perseus").FocusPath, keypadHeight?: number | undefined, focusedElement?: HTMLElement | undefined) => unknown) | undefined; /**
3289
- * The graph to display in the graph area.
3290
- */
3233
+ onFocusChange?: ((newFocusPath: import("@khanacademy/perseus").FocusPath, oldFocusPath: import("@khanacademy/perseus").FocusPath, keypadHeight?: number | undefined, focusedElement?: HTMLElement | undefined) => unknown) | undefined;
3291
3234
  GroupMetadataEditor?: React.ComponentType<any> | undefined;
3292
3235
  showAlignmentOptions?: boolean | undefined;
3293
3236
  readOnly?: boolean | undefined;
@@ -3372,7 +3315,7 @@ declare const InteractiveGraph: {
3372
3315
  trackInteraction: (extraData?: Empty | undefined) => void;
3373
3316
  isLastUsedWidget: boolean;
3374
3317
  linterContext: import("@khanacademy/perseus-linter").LinterContextProps;
3375
- containerSizeClass: SizingUtils.SizeClass;
3318
+ containerSizeClass: import("../../../../perseus/src/util/sizing-utils").SizeClass;
3376
3319
  }>, prevState: Readonly<any>): any;
3377
3320
  componentDidUpdate?(prevProps: Readonly<PerseusInteractiveGraphWidgetOptions & {
3378
3321
  widgetId: string;
@@ -3381,9 +3324,7 @@ declare const InteractiveGraph: {
3381
3324
  problemNum: number | null | undefined;
3382
3325
  apiOptions: Readonly<Readonly<{
3383
3326
  isArticle?: boolean | undefined;
3384
- onFocusChange?: ((newFocusPath: import("@khanacademy/perseus").FocusPath, oldFocusPath: import("@khanacademy/perseus").FocusPath, keypadHeight?: number | undefined, focusedElement?: HTMLElement | undefined) => unknown) | undefined; /**
3385
- * The graph to display in the graph area.
3386
- */
3327
+ onFocusChange?: ((newFocusPath: import("@khanacademy/perseus").FocusPath, oldFocusPath: import("@khanacademy/perseus").FocusPath, keypadHeight?: number | undefined, focusedElement?: HTMLElement | undefined) => unknown) | undefined;
3387
3328
  GroupMetadataEditor?: React.ComponentType<any> | undefined;
3388
3329
  showAlignmentOptions?: boolean | undefined;
3389
3330
  readOnly?: boolean | undefined;
@@ -3468,7 +3409,7 @@ declare const InteractiveGraph: {
3468
3409
  trackInteraction: (extraData?: Empty | undefined) => void;
3469
3410
  isLastUsedWidget: boolean;
3470
3411
  linterContext: import("@khanacademy/perseus-linter").LinterContextProps;
3471
- containerSizeClass: SizingUtils.SizeClass;
3412
+ containerSizeClass: import("../../../../perseus/src/util/sizing-utils").SizeClass;
3472
3413
  }>, prevState: Readonly<any>, snapshot?: any): void;
3473
3414
  componentWillMount?(): void;
3474
3415
  UNSAFE_componentWillMount?(): void;
@@ -3479,9 +3420,7 @@ declare const InteractiveGraph: {
3479
3420
  problemNum: number | null | undefined;
3480
3421
  apiOptions: Readonly<Readonly<{
3481
3422
  isArticle?: boolean | undefined;
3482
- onFocusChange?: ((newFocusPath: import("@khanacademy/perseus").FocusPath, oldFocusPath: import("@khanacademy/perseus").FocusPath, keypadHeight?: number | undefined, focusedElement?: HTMLElement | undefined) => unknown) | undefined; /**
3483
- * The graph to display in the graph area.
3484
- */
3423
+ onFocusChange?: ((newFocusPath: import("@khanacademy/perseus").FocusPath, oldFocusPath: import("@khanacademy/perseus").FocusPath, keypadHeight?: number | undefined, focusedElement?: HTMLElement | undefined) => unknown) | undefined;
3485
3424
  GroupMetadataEditor?: React.ComponentType<any> | undefined;
3486
3425
  showAlignmentOptions?: boolean | undefined;
3487
3426
  readOnly?: boolean | undefined;
@@ -3566,7 +3505,7 @@ declare const InteractiveGraph: {
3566
3505
  trackInteraction: (extraData?: Empty | undefined) => void;
3567
3506
  isLastUsedWidget: boolean;
3568
3507
  linterContext: import("@khanacademy/perseus-linter").LinterContextProps;
3569
- containerSizeClass: SizingUtils.SizeClass;
3508
+ containerSizeClass: import("../../../../perseus/src/util/sizing-utils").SizeClass;
3570
3509
  }>, nextContext: any): void;
3571
3510
  UNSAFE_componentWillReceiveProps?(nextProps: Readonly<PerseusInteractiveGraphWidgetOptions & {
3572
3511
  widgetId: string;
@@ -3575,9 +3514,7 @@ declare const InteractiveGraph: {
3575
3514
  problemNum: number | null | undefined;
3576
3515
  apiOptions: Readonly<Readonly<{
3577
3516
  isArticle?: boolean | undefined;
3578
- onFocusChange?: ((newFocusPath: import("@khanacademy/perseus").FocusPath, oldFocusPath: import("@khanacademy/perseus").FocusPath, keypadHeight?: number | undefined, focusedElement?: HTMLElement | undefined) => unknown) | undefined; /**
3579
- * The graph to display in the graph area.
3580
- */
3517
+ onFocusChange?: ((newFocusPath: import("@khanacademy/perseus").FocusPath, oldFocusPath: import("@khanacademy/perseus").FocusPath, keypadHeight?: number | undefined, focusedElement?: HTMLElement | undefined) => unknown) | undefined;
3581
3518
  GroupMetadataEditor?: React.ComponentType<any> | undefined;
3582
3519
  showAlignmentOptions?: boolean | undefined;
3583
3520
  readOnly?: boolean | undefined;
@@ -3662,7 +3599,7 @@ declare const InteractiveGraph: {
3662
3599
  trackInteraction: (extraData?: Empty | undefined) => void;
3663
3600
  isLastUsedWidget: boolean;
3664
3601
  linterContext: import("@khanacademy/perseus-linter").LinterContextProps;
3665
- containerSizeClass: SizingUtils.SizeClass;
3602
+ containerSizeClass: import("../../../../perseus/src/util/sizing-utils").SizeClass;
3666
3603
  }>, nextContext: any): void;
3667
3604
  componentWillUpdate?(nextProps: Readonly<PerseusInteractiveGraphWidgetOptions & {
3668
3605
  widgetId: string;
@@ -3671,9 +3608,7 @@ declare const InteractiveGraph: {
3671
3608
  problemNum: number | null | undefined;
3672
3609
  apiOptions: Readonly<Readonly<{
3673
3610
  isArticle?: boolean | undefined;
3674
- onFocusChange?: ((newFocusPath: import("@khanacademy/perseus").FocusPath, oldFocusPath: import("@khanacademy/perseus").FocusPath, keypadHeight?: number | undefined, focusedElement?: HTMLElement | undefined) => unknown) | undefined; /**
3675
- * The graph to display in the graph area.
3676
- */
3611
+ onFocusChange?: ((newFocusPath: import("@khanacademy/perseus").FocusPath, oldFocusPath: import("@khanacademy/perseus").FocusPath, keypadHeight?: number | undefined, focusedElement?: HTMLElement | undefined) => unknown) | undefined;
3677
3612
  GroupMetadataEditor?: React.ComponentType<any> | undefined;
3678
3613
  showAlignmentOptions?: boolean | undefined;
3679
3614
  readOnly?: boolean | undefined;
@@ -3758,7 +3693,7 @@ declare const InteractiveGraph: {
3758
3693
  trackInteraction: (extraData?: Empty | undefined) => void;
3759
3694
  isLastUsedWidget: boolean;
3760
3695
  linterContext: import("@khanacademy/perseus-linter").LinterContextProps;
3761
- containerSizeClass: SizingUtils.SizeClass;
3696
+ containerSizeClass: import("../../../../perseus/src/util/sizing-utils").SizeClass;
3762
3697
  }>, nextState: Readonly<any>, nextContext: any): void;
3763
3698
  UNSAFE_componentWillUpdate?(nextProps: Readonly<PerseusInteractiveGraphWidgetOptions & {
3764
3699
  widgetId: string;
@@ -3767,9 +3702,7 @@ declare const InteractiveGraph: {
3767
3702
  problemNum: number | null | undefined;
3768
3703
  apiOptions: Readonly<Readonly<{
3769
3704
  isArticle?: boolean | undefined;
3770
- onFocusChange?: ((newFocusPath: import("@khanacademy/perseus").FocusPath, oldFocusPath: import("@khanacademy/perseus").FocusPath, keypadHeight?: number | undefined, focusedElement?: HTMLElement | undefined) => unknown) | undefined; /**
3771
- * The graph to display in the graph area.
3772
- */
3705
+ onFocusChange?: ((newFocusPath: import("@khanacademy/perseus").FocusPath, oldFocusPath: import("@khanacademy/perseus").FocusPath, keypadHeight?: number | undefined, focusedElement?: HTMLElement | undefined) => unknown) | undefined;
3773
3706
  GroupMetadataEditor?: React.ComponentType<any> | undefined;
3774
3707
  showAlignmentOptions?: boolean | undefined;
3775
3708
  readOnly?: boolean | undefined;
@@ -3854,7 +3787,7 @@ declare const InteractiveGraph: {
3854
3787
  trackInteraction: (extraData?: Empty | undefined) => void;
3855
3788
  isLastUsedWidget: boolean;
3856
3789
  linterContext: import("@khanacademy/perseus-linter").LinterContextProps;
3857
- containerSizeClass: SizingUtils.SizeClass;
3790
+ containerSizeClass: import("../../../../perseus/src/util/sizing-utils").SizeClass;
3858
3791
  }>, nextState: Readonly<any>, nextContext: any): void;
3859
3792
  };
3860
3793
  defaultProps: {
@@ -3874,9 +3807,7 @@ declare const InteractiveGraph: {
3874
3807
  problemNum: number | null | undefined;
3875
3808
  apiOptions: Readonly<Readonly<{
3876
3809
  isArticle?: boolean | undefined;
3877
- onFocusChange?: ((newFocusPath: import("@khanacademy/perseus").FocusPath, oldFocusPath: import("@khanacademy/perseus").FocusPath, keypadHeight?: number | undefined, focusedElement?: HTMLElement | undefined) => unknown) | undefined; /**
3878
- * The graph to display in the graph area.
3879
- */
3810
+ onFocusChange?: ((newFocusPath: import("@khanacademy/perseus").FocusPath, oldFocusPath: import("@khanacademy/perseus").FocusPath, keypadHeight?: number | undefined, focusedElement?: HTMLElement | undefined) => unknown) | undefined;
3880
3811
  GroupMetadataEditor?: React.ComponentType<any> | undefined;
3881
3812
  showAlignmentOptions?: boolean | undefined;
3882
3813
  readOnly?: boolean | undefined;
@@ -3961,7 +3892,7 @@ declare const InteractiveGraph: {
3961
3892
  trackInteraction: (extraData?: Empty | undefined) => void;
3962
3893
  isLastUsedWidget: boolean;
3963
3894
  linterContext: import("@khanacademy/perseus-linter").LinterContextProps;
3964
- containerSizeClass: SizingUtils.SizeClass;
3895
+ containerSizeClass: import("../../../../perseus/src/util/sizing-utils").SizeClass;
3965
3896
  }): readonly import("@khanacademy/perseus").Coord[];
3966
3897
  getPointCoords(graph: import("../../../../perseus/src/perseus-types").PerseusGraphTypePoint, props: PerseusInteractiveGraphWidgetOptions & {
3967
3898
  widgetId: string;
@@ -3970,9 +3901,7 @@ declare const InteractiveGraph: {
3970
3901
  problemNum: number | null | undefined;
3971
3902
  apiOptions: Readonly<Readonly<{
3972
3903
  isArticle?: boolean | undefined;
3973
- onFocusChange?: ((newFocusPath: import("@khanacademy/perseus").FocusPath, oldFocusPath: import("@khanacademy/perseus").FocusPath, keypadHeight?: number | undefined, focusedElement?: HTMLElement | undefined) => unknown) | undefined; /**
3974
- * The graph to display in the graph area.
3975
- */
3904
+ onFocusChange?: ((newFocusPath: import("@khanacademy/perseus").FocusPath, oldFocusPath: import("@khanacademy/perseus").FocusPath, keypadHeight?: number | undefined, focusedElement?: HTMLElement | undefined) => unknown) | undefined;
3976
3905
  GroupMetadataEditor?: React.ComponentType<any> | undefined;
3977
3906
  showAlignmentOptions?: boolean | undefined;
3978
3907
  readOnly?: boolean | undefined;
@@ -4057,7 +3986,7 @@ declare const InteractiveGraph: {
4057
3986
  trackInteraction: (extraData?: Empty | undefined) => void;
4058
3987
  isLastUsedWidget: boolean;
4059
3988
  linterContext: import("@khanacademy/perseus-linter").LinterContextProps;
4060
- containerSizeClass: SizingUtils.SizeClass;
3989
+ containerSizeClass: import("../../../../perseus/src/util/sizing-utils").SizeClass;
4061
3990
  }): readonly import("@khanacademy/perseus").Coord[];
4062
3991
  getLinearSystemCoords(graph: PerseusGraphType, props: PerseusInteractiveGraphWidgetOptions & {
4063
3992
  widgetId: string;
@@ -4066,9 +3995,7 @@ declare const InteractiveGraph: {
4066
3995
  problemNum: number | null | undefined;
4067
3996
  apiOptions: Readonly<Readonly<{
4068
3997
  isArticle?: boolean | undefined;
4069
- onFocusChange?: ((newFocusPath: import("@khanacademy/perseus").FocusPath, oldFocusPath: import("@khanacademy/perseus").FocusPath, keypadHeight?: number | undefined, focusedElement?: HTMLElement | undefined) => unknown) | undefined; /**
4070
- * The graph to display in the graph area.
4071
- */
3998
+ onFocusChange?: ((newFocusPath: import("@khanacademy/perseus").FocusPath, oldFocusPath: import("@khanacademy/perseus").FocusPath, keypadHeight?: number | undefined, focusedElement?: HTMLElement | undefined) => unknown) | undefined;
4072
3999
  GroupMetadataEditor?: React.ComponentType<any> | undefined;
4073
4000
  showAlignmentOptions?: boolean | undefined;
4074
4001
  readOnly?: boolean | undefined;
@@ -4153,7 +4080,7 @@ declare const InteractiveGraph: {
4153
4080
  trackInteraction: (extraData?: Empty | undefined) => void;
4154
4081
  isLastUsedWidget: boolean;
4155
4082
  linterContext: import("@khanacademy/perseus-linter").LinterContextProps;
4156
- containerSizeClass: SizingUtils.SizeClass;
4083
+ containerSizeClass: import("../../../../perseus/src/util/sizing-utils").SizeClass;
4157
4084
  }): readonly (readonly import("@khanacademy/perseus").Coord[])[];
4158
4085
  getPolygonCoords(graph: PerseusGraphType, props: PerseusInteractiveGraphWidgetOptions & {
4159
4086
  widgetId: string;
@@ -4162,9 +4089,7 @@ declare const InteractiveGraph: {
4162
4089
  problemNum: number | null | undefined;
4163
4090
  apiOptions: Readonly<Readonly<{
4164
4091
  isArticle?: boolean | undefined;
4165
- onFocusChange?: ((newFocusPath: import("@khanacademy/perseus").FocusPath, oldFocusPath: import("@khanacademy/perseus").FocusPath, keypadHeight?: number | undefined, focusedElement?: HTMLElement | undefined) => unknown) | undefined; /**
4166
- * The graph to display in the graph area.
4167
- */
4092
+ onFocusChange?: ((newFocusPath: import("@khanacademy/perseus").FocusPath, oldFocusPath: import("@khanacademy/perseus").FocusPath, keypadHeight?: number | undefined, focusedElement?: HTMLElement | undefined) => unknown) | undefined;
4168
4093
  GroupMetadataEditor?: React.ComponentType<any> | undefined;
4169
4094
  showAlignmentOptions?: boolean | undefined;
4170
4095
  readOnly?: boolean | undefined;
@@ -4249,7 +4174,7 @@ declare const InteractiveGraph: {
4249
4174
  trackInteraction: (extraData?: Empty | undefined) => void;
4250
4175
  isLastUsedWidget: boolean;
4251
4176
  linterContext: import("@khanacademy/perseus-linter").LinterContextProps;
4252
- containerSizeClass: SizingUtils.SizeClass;
4177
+ containerSizeClass: import("../../../../perseus/src/util/sizing-utils").SizeClass;
4253
4178
  }): readonly import("@khanacademy/perseus").Coord[];
4254
4179
  getSegmentCoords(graph: import("../../../../perseus/src/perseus-types").PerseusGraphTypeSegment, props: PerseusInteractiveGraphWidgetOptions & {
4255
4180
  widgetId: string;
@@ -4258,9 +4183,7 @@ declare const InteractiveGraph: {
4258
4183
  problemNum: number | null | undefined;
4259
4184
  apiOptions: Readonly<Readonly<{
4260
4185
  isArticle?: boolean | undefined;
4261
- onFocusChange?: ((newFocusPath: import("@khanacademy/perseus").FocusPath, oldFocusPath: import("@khanacademy/perseus").FocusPath, keypadHeight?: number | undefined, focusedElement?: HTMLElement | undefined) => unknown) | undefined; /**
4262
- * The graph to display in the graph area.
4263
- */
4186
+ onFocusChange?: ((newFocusPath: import("@khanacademy/perseus").FocusPath, oldFocusPath: import("@khanacademy/perseus").FocusPath, keypadHeight?: number | undefined, focusedElement?: HTMLElement | undefined) => unknown) | undefined;
4264
4187
  GroupMetadataEditor?: React.ComponentType<any> | undefined;
4265
4188
  showAlignmentOptions?: boolean | undefined;
4266
4189
  readOnly?: boolean | undefined;
@@ -4345,7 +4268,7 @@ declare const InteractiveGraph: {
4345
4268
  trackInteraction: (extraData?: Empty | undefined) => void;
4346
4269
  isLastUsedWidget: boolean;
4347
4270
  linterContext: import("@khanacademy/perseus-linter").LinterContextProps;
4348
- containerSizeClass: SizingUtils.SizeClass;
4271
+ containerSizeClass: import("../../../../perseus/src/util/sizing-utils").SizeClass;
4349
4272
  }): readonly (readonly import("@khanacademy/perseus").Coord[])[];
4350
4273
  getAngleCoords(graph: import("../../../../perseus/src/perseus-types").PerseusGraphTypeAngle, props: PerseusInteractiveGraphWidgetOptions & {
4351
4274
  widgetId: string;
@@ -4354,9 +4277,7 @@ declare const InteractiveGraph: {
4354
4277
  problemNum: number | null | undefined;
4355
4278
  apiOptions: Readonly<Readonly<{
4356
4279
  isArticle?: boolean | undefined;
4357
- onFocusChange?: ((newFocusPath: import("@khanacademy/perseus").FocusPath, oldFocusPath: import("@khanacademy/perseus").FocusPath, keypadHeight?: number | undefined, focusedElement?: HTMLElement | undefined) => unknown) | undefined; /**
4358
- * The graph to display in the graph area.
4359
- */
4280
+ onFocusChange?: ((newFocusPath: import("@khanacademy/perseus").FocusPath, oldFocusPath: import("@khanacademy/perseus").FocusPath, keypadHeight?: number | undefined, focusedElement?: HTMLElement | undefined) => unknown) | undefined;
4360
4281
  GroupMetadataEditor?: React.ComponentType<any> | undefined;
4361
4282
  showAlignmentOptions?: boolean | undefined;
4362
4283
  readOnly?: boolean | undefined;
@@ -4441,7 +4362,7 @@ declare const InteractiveGraph: {
4441
4362
  trackInteraction: (extraData?: Empty | undefined) => void;
4442
4363
  isLastUsedWidget: boolean;
4443
4364
  linterContext: import("@khanacademy/perseus-linter").LinterContextProps;
4444
- containerSizeClass: SizingUtils.SizeClass;
4365
+ containerSizeClass: import("../../../../perseus/src/util/sizing-utils").SizeClass;
4445
4366
  }): [import("@khanacademy/perseus").Coord, import("@khanacademy/perseus").Coord, import("@khanacademy/perseus").Coord];
4446
4367
  normalizeCoords(coordsList: readonly import("@khanacademy/perseus").Coord[], ranges: [import("../../../../perseus/src/util/geometry").Range, import("../../../../perseus/src/util/geometry").Range]): readonly import("@khanacademy/perseus").Coord[];
4447
4368
  getEquationString(props: PerseusInteractiveGraphWidgetOptions & {
@@ -4451,9 +4372,7 @@ declare const InteractiveGraph: {
4451
4372
  problemNum: number | null | undefined;
4452
4373
  apiOptions: Readonly<Readonly<{
4453
4374
  isArticle?: boolean | undefined;
4454
- onFocusChange?: ((newFocusPath: import("@khanacademy/perseus").FocusPath, oldFocusPath: import("@khanacademy/perseus").FocusPath, keypadHeight?: number | undefined, focusedElement?: HTMLElement | undefined) => unknown) | undefined; /**
4455
- * The graph to display in the graph area.
4456
- */
4375
+ onFocusChange?: ((newFocusPath: import("@khanacademy/perseus").FocusPath, oldFocusPath: import("@khanacademy/perseus").FocusPath, keypadHeight?: number | undefined, focusedElement?: HTMLElement | undefined) => unknown) | undefined;
4457
4376
  GroupMetadataEditor?: React.ComponentType<any> | undefined;
4458
4377
  showAlignmentOptions?: boolean | undefined;
4459
4378
  readOnly?: boolean | undefined;
@@ -4538,7 +4457,7 @@ declare const InteractiveGraph: {
4538
4457
  trackInteraction: (extraData?: Empty | undefined) => void;
4539
4458
  isLastUsedWidget: boolean;
4540
4459
  linterContext: import("@khanacademy/perseus-linter").LinterContextProps;
4541
- containerSizeClass: SizingUtils.SizeClass;
4460
+ containerSizeClass: import("../../../../perseus/src/util/sizing-utils").SizeClass;
4542
4461
  }): string;
4543
4462
  pointsFromNormalized(props: PerseusInteractiveGraphWidgetOptions & {
4544
4463
  widgetId: string;
@@ -4547,9 +4466,7 @@ declare const InteractiveGraph: {
4547
4466
  problemNum: number | null | undefined;
4548
4467
  apiOptions: Readonly<Readonly<{
4549
4468
  isArticle?: boolean | undefined;
4550
- onFocusChange?: ((newFocusPath: import("@khanacademy/perseus").FocusPath, oldFocusPath: import("@khanacademy/perseus").FocusPath, keypadHeight?: number | undefined, focusedElement?: HTMLElement | undefined) => unknown) | undefined; /**
4551
- * The graph to display in the graph area.
4552
- */
4469
+ onFocusChange?: ((newFocusPath: import("@khanacademy/perseus").FocusPath, oldFocusPath: import("@khanacademy/perseus").FocusPath, keypadHeight?: number | undefined, focusedElement?: HTMLElement | undefined) => unknown) | undefined;
4553
4470
  GroupMetadataEditor?: React.ComponentType<any> | undefined;
4554
4471
  showAlignmentOptions?: boolean | undefined;
4555
4472
  readOnly?: boolean | undefined;
@@ -4634,7 +4551,7 @@ declare const InteractiveGraph: {
4634
4551
  trackInteraction: (extraData?: Empty | undefined) => void;
4635
4552
  isLastUsedWidget: boolean;
4636
4553
  linterContext: import("@khanacademy/perseus-linter").LinterContextProps;
4637
- containerSizeClass: SizingUtils.SizeClass;
4554
+ containerSizeClass: import("../../../../perseus/src/util/sizing-utils").SizeClass;
4638
4555
  }, coordsList: readonly import("@khanacademy/perseus").Coord[], noSnap?: boolean | undefined): readonly import("@khanacademy/perseus").Coord[];
4639
4556
  getNoneEquationString(): string;
4640
4557
  getLinearEquationString(props: PerseusInteractiveGraphWidgetOptions & {
@@ -4644,9 +4561,7 @@ declare const InteractiveGraph: {
4644
4561
  problemNum: number | null | undefined;
4645
4562
  apiOptions: Readonly<Readonly<{
4646
4563
  isArticle?: boolean | undefined;
4647
- onFocusChange?: ((newFocusPath: import("@khanacademy/perseus").FocusPath, oldFocusPath: import("@khanacademy/perseus").FocusPath, keypadHeight?: number | undefined, focusedElement?: HTMLElement | undefined) => unknown) | undefined; /**
4648
- * The graph to display in the graph area.
4649
- */
4564
+ onFocusChange?: ((newFocusPath: import("@khanacademy/perseus").FocusPath, oldFocusPath: import("@khanacademy/perseus").FocusPath, keypadHeight?: number | undefined, focusedElement?: HTMLElement | undefined) => unknown) | undefined;
4650
4565
  GroupMetadataEditor?: React.ComponentType<any> | undefined;
4651
4566
  showAlignmentOptions?: boolean | undefined;
4652
4567
  readOnly?: boolean | undefined;
@@ -4731,7 +4646,7 @@ declare const InteractiveGraph: {
4731
4646
  trackInteraction: (extraData?: Empty | undefined) => void;
4732
4647
  isLastUsedWidget: boolean;
4733
4648
  linterContext: import("@khanacademy/perseus-linter").LinterContextProps;
4734
- containerSizeClass: SizingUtils.SizeClass;
4649
+ containerSizeClass: import("../../../../perseus/src/util/sizing-utils").SizeClass;
4735
4650
  }): string;
4736
4651
  getCurrentQuadraticCoefficients(props: PerseusInteractiveGraphWidgetOptions & {
4737
4652
  widgetId: string;
@@ -4740,9 +4655,7 @@ declare const InteractiveGraph: {
4740
4655
  problemNum: number | null | undefined;
4741
4656
  apiOptions: Readonly<Readonly<{
4742
4657
  isArticle?: boolean | undefined;
4743
- onFocusChange?: ((newFocusPath: import("@khanacademy/perseus").FocusPath, oldFocusPath: import("@khanacademy/perseus").FocusPath, keypadHeight?: number | undefined, focusedElement?: HTMLElement | undefined) => unknown) | undefined; /**
4744
- * The graph to display in the graph area.
4745
- */
4658
+ onFocusChange?: ((newFocusPath: import("@khanacademy/perseus").FocusPath, oldFocusPath: import("@khanacademy/perseus").FocusPath, keypadHeight?: number | undefined, focusedElement?: HTMLElement | undefined) => unknown) | undefined;
4746
4659
  GroupMetadataEditor?: React.ComponentType<any> | undefined;
4747
4660
  showAlignmentOptions?: boolean | undefined;
4748
4661
  readOnly?: boolean | undefined;
@@ -4827,7 +4740,7 @@ declare const InteractiveGraph: {
4827
4740
  trackInteraction: (extraData?: Empty | undefined) => void;
4828
4741
  isLastUsedWidget: boolean;
4829
4742
  linterContext: import("@khanacademy/perseus-linter").LinterContextProps;
4830
- containerSizeClass: SizingUtils.SizeClass;
4743
+ containerSizeClass: import("../../../../perseus/src/util/sizing-utils").SizeClass;
4831
4744
  }): import("../../../../perseus/src/util/geometry").QuadraticCoefficient;
4832
4745
  defaultQuadraticCoords(props: PerseusInteractiveGraphWidgetOptions & {
4833
4746
  widgetId: string;
@@ -4836,9 +4749,7 @@ declare const InteractiveGraph: {
4836
4749
  problemNum: number | null | undefined;
4837
4750
  apiOptions: Readonly<Readonly<{
4838
4751
  isArticle?: boolean | undefined;
4839
- onFocusChange?: ((newFocusPath: import("@khanacademy/perseus").FocusPath, oldFocusPath: import("@khanacademy/perseus").FocusPath, keypadHeight?: number | undefined, focusedElement?: HTMLElement | undefined) => unknown) | undefined; /**
4840
- * The graph to display in the graph area.
4841
- */
4752
+ onFocusChange?: ((newFocusPath: import("@khanacademy/perseus").FocusPath, oldFocusPath: import("@khanacademy/perseus").FocusPath, keypadHeight?: number | undefined, focusedElement?: HTMLElement | undefined) => unknown) | undefined;
4842
4753
  GroupMetadataEditor?: React.ComponentType<any> | undefined;
4843
4754
  showAlignmentOptions?: boolean | undefined;
4844
4755
  readOnly?: boolean | undefined;
@@ -4923,7 +4834,7 @@ declare const InteractiveGraph: {
4923
4834
  trackInteraction: (extraData?: Empty | undefined) => void;
4924
4835
  isLastUsedWidget: boolean;
4925
4836
  linterContext: import("@khanacademy/perseus-linter").LinterContextProps;
4926
- containerSizeClass: SizingUtils.SizeClass;
4837
+ containerSizeClass: import("../../../../perseus/src/util/sizing-utils").SizeClass;
4927
4838
  }): [import("@khanacademy/perseus").Coord, import("@khanacademy/perseus").Coord, import("@khanacademy/perseus").Coord];
4928
4839
  getQuadraticEquationString(props: PerseusInteractiveGraphWidgetOptions & {
4929
4840
  widgetId: string;
@@ -4932,9 +4843,7 @@ declare const InteractiveGraph: {
4932
4843
  problemNum: number | null | undefined;
4933
4844
  apiOptions: Readonly<Readonly<{
4934
4845
  isArticle?: boolean | undefined;
4935
- onFocusChange?: ((newFocusPath: import("@khanacademy/perseus").FocusPath, oldFocusPath: import("@khanacademy/perseus").FocusPath, keypadHeight?: number | undefined, focusedElement?: HTMLElement | undefined) => unknown) | undefined; /**
4936
- * The graph to display in the graph area.
4937
- */
4846
+ onFocusChange?: ((newFocusPath: import("@khanacademy/perseus").FocusPath, oldFocusPath: import("@khanacademy/perseus").FocusPath, keypadHeight?: number | undefined, focusedElement?: HTMLElement | undefined) => unknown) | undefined;
4938
4847
  GroupMetadataEditor?: React.ComponentType<any> | undefined;
4939
4848
  showAlignmentOptions?: boolean | undefined;
4940
4849
  readOnly?: boolean | undefined;
@@ -5019,7 +4928,7 @@ declare const InteractiveGraph: {
5019
4928
  trackInteraction: (extraData?: Empty | undefined) => void;
5020
4929
  isLastUsedWidget: boolean;
5021
4930
  linterContext: import("@khanacademy/perseus-linter").LinterContextProps;
5022
- containerSizeClass: SizingUtils.SizeClass;
4931
+ containerSizeClass: import("../../../../perseus/src/util/sizing-utils").SizeClass;
5023
4932
  }): string;
5024
4933
  getCurrentSinusoidCoefficients(props: PerseusInteractiveGraphWidgetOptions & {
5025
4934
  widgetId: string;
@@ -5028,9 +4937,7 @@ declare const InteractiveGraph: {
5028
4937
  problemNum: number | null | undefined;
5029
4938
  apiOptions: Readonly<Readonly<{
5030
4939
  isArticle?: boolean | undefined;
5031
- onFocusChange?: ((newFocusPath: import("@khanacademy/perseus").FocusPath, oldFocusPath: import("@khanacademy/perseus").FocusPath, keypadHeight?: number | undefined, focusedElement?: HTMLElement | undefined) => unknown) | undefined; /**
5032
- * The graph to display in the graph area.
5033
- */
4940
+ onFocusChange?: ((newFocusPath: import("@khanacademy/perseus").FocusPath, oldFocusPath: import("@khanacademy/perseus").FocusPath, keypadHeight?: number | undefined, focusedElement?: HTMLElement | undefined) => unknown) | undefined;
5034
4941
  GroupMetadataEditor?: React.ComponentType<any> | undefined;
5035
4942
  showAlignmentOptions?: boolean | undefined;
5036
4943
  readOnly?: boolean | undefined;
@@ -5115,7 +5022,7 @@ declare const InteractiveGraph: {
5115
5022
  trackInteraction: (extraData?: Empty | undefined) => void;
5116
5023
  isLastUsedWidget: boolean;
5117
5024
  linterContext: import("@khanacademy/perseus-linter").LinterContextProps;
5118
- containerSizeClass: SizingUtils.SizeClass;
5025
+ containerSizeClass: import("../../../../perseus/src/util/sizing-utils").SizeClass;
5119
5026
  }): import("../../../../perseus/src/util/geometry").SineCoefficient;
5120
5027
  defaultSinusoidCoords(props: PerseusInteractiveGraphWidgetOptions & {
5121
5028
  widgetId: string;
@@ -5124,9 +5031,7 @@ declare const InteractiveGraph: {
5124
5031
  problemNum: number | null | undefined;
5125
5032
  apiOptions: Readonly<Readonly<{
5126
5033
  isArticle?: boolean | undefined;
5127
- onFocusChange?: ((newFocusPath: import("@khanacademy/perseus").FocusPath, oldFocusPath: import("@khanacademy/perseus").FocusPath, keypadHeight?: number | undefined, focusedElement?: HTMLElement | undefined) => unknown) | undefined; /**
5128
- * The graph to display in the graph area.
5129
- */
5034
+ onFocusChange?: ((newFocusPath: import("@khanacademy/perseus").FocusPath, oldFocusPath: import("@khanacademy/perseus").FocusPath, keypadHeight?: number | undefined, focusedElement?: HTMLElement | undefined) => unknown) | undefined;
5130
5035
  GroupMetadataEditor?: React.ComponentType<any> | undefined;
5131
5036
  showAlignmentOptions?: boolean | undefined;
5132
5037
  readOnly?: boolean | undefined;
@@ -5211,7 +5116,7 @@ declare const InteractiveGraph: {
5211
5116
  trackInteraction: (extraData?: Empty | undefined) => void;
5212
5117
  isLastUsedWidget: boolean;
5213
5118
  linterContext: import("@khanacademy/perseus-linter").LinterContextProps;
5214
- containerSizeClass: SizingUtils.SizeClass;
5119
+ containerSizeClass: import("../../../../perseus/src/util/sizing-utils").SizeClass;
5215
5120
  }): readonly import("@khanacademy/perseus").Coord[];
5216
5121
  getSinusoidEquationString(props: PerseusInteractiveGraphWidgetOptions & {
5217
5122
  widgetId: string;
@@ -5220,9 +5125,7 @@ declare const InteractiveGraph: {
5220
5125
  problemNum: number | null | undefined;
5221
5126
  apiOptions: Readonly<Readonly<{
5222
5127
  isArticle?: boolean | undefined;
5223
- onFocusChange?: ((newFocusPath: import("@khanacademy/perseus").FocusPath, oldFocusPath: import("@khanacademy/perseus").FocusPath, keypadHeight?: number | undefined, focusedElement?: HTMLElement | undefined) => unknown) | undefined; /**
5224
- * The graph to display in the graph area.
5225
- */
5128
+ onFocusChange?: ((newFocusPath: import("@khanacademy/perseus").FocusPath, oldFocusPath: import("@khanacademy/perseus").FocusPath, keypadHeight?: number | undefined, focusedElement?: HTMLElement | undefined) => unknown) | undefined;
5226
5129
  GroupMetadataEditor?: React.ComponentType<any> | undefined;
5227
5130
  showAlignmentOptions?: boolean | undefined;
5228
5131
  readOnly?: boolean | undefined;
@@ -5307,7 +5210,7 @@ declare const InteractiveGraph: {
5307
5210
  trackInteraction: (extraData?: Empty | undefined) => void;
5308
5211
  isLastUsedWidget: boolean;
5309
5212
  linterContext: import("@khanacademy/perseus-linter").LinterContextProps;
5310
- containerSizeClass: SizingUtils.SizeClass;
5213
+ containerSizeClass: import("../../../../perseus/src/util/sizing-utils").SizeClass;
5311
5214
  }): string;
5312
5215
  getCircleEquationString(props: PerseusInteractiveGraphWidgetOptions & {
5313
5216
  widgetId: string;
@@ -5316,9 +5219,7 @@ declare const InteractiveGraph: {
5316
5219
  problemNum: number | null | undefined;
5317
5220
  apiOptions: Readonly<Readonly<{
5318
5221
  isArticle?: boolean | undefined;
5319
- onFocusChange?: ((newFocusPath: import("@khanacademy/perseus").FocusPath, oldFocusPath: import("@khanacademy/perseus").FocusPath, keypadHeight?: number | undefined, focusedElement?: HTMLElement | undefined) => unknown) | undefined; /**
5320
- * The graph to display in the graph area.
5321
- */
5222
+ onFocusChange?: ((newFocusPath: import("@khanacademy/perseus").FocusPath, oldFocusPath: import("@khanacademy/perseus").FocusPath, keypadHeight?: number | undefined, focusedElement?: HTMLElement | undefined) => unknown) | undefined;
5322
5223
  GroupMetadataEditor?: React.ComponentType<any> | undefined;
5323
5224
  showAlignmentOptions?: boolean | undefined;
5324
5225
  readOnly?: boolean | undefined;
@@ -5403,7 +5304,7 @@ declare const InteractiveGraph: {
5403
5304
  trackInteraction: (extraData?: Empty | undefined) => void;
5404
5305
  isLastUsedWidget: boolean;
5405
5306
  linterContext: import("@khanacademy/perseus-linter").LinterContextProps;
5406
- containerSizeClass: SizingUtils.SizeClass;
5307
+ containerSizeClass: import("../../../../perseus/src/util/sizing-utils").SizeClass;
5407
5308
  }): string;
5408
5309
  getLinearSystemEquationString(props: PerseusInteractiveGraphWidgetOptions & {
5409
5310
  widgetId: string;
@@ -5412,9 +5313,7 @@ declare const InteractiveGraph: {
5412
5313
  problemNum: number | null | undefined;
5413
5314
  apiOptions: Readonly<Readonly<{
5414
5315
  isArticle?: boolean | undefined;
5415
- onFocusChange?: ((newFocusPath: import("@khanacademy/perseus").FocusPath, oldFocusPath: import("@khanacademy/perseus").FocusPath, keypadHeight?: number | undefined, focusedElement?: HTMLElement | undefined) => unknown) | undefined; /**
5416
- * The graph to display in the graph area.
5417
- */
5316
+ onFocusChange?: ((newFocusPath: import("@khanacademy/perseus").FocusPath, oldFocusPath: import("@khanacademy/perseus").FocusPath, keypadHeight?: number | undefined, focusedElement?: HTMLElement | undefined) => unknown) | undefined;
5418
5317
  GroupMetadataEditor?: React.ComponentType<any> | undefined;
5419
5318
  showAlignmentOptions?: boolean | undefined;
5420
5319
  readOnly?: boolean | undefined;
@@ -5499,7 +5398,7 @@ declare const InteractiveGraph: {
5499
5398
  trackInteraction: (extraData?: Empty | undefined) => void;
5500
5399
  isLastUsedWidget: boolean;
5501
5400
  linterContext: import("@khanacademy/perseus-linter").LinterContextProps;
5502
- containerSizeClass: SizingUtils.SizeClass;
5401
+ containerSizeClass: import("../../../../perseus/src/util/sizing-utils").SizeClass;
5503
5402
  }): string;
5504
5403
  getPointEquationString(props: PerseusInteractiveGraphWidgetOptions & {
5505
5404
  widgetId: string;
@@ -5508,9 +5407,7 @@ declare const InteractiveGraph: {
5508
5407
  problemNum: number | null | undefined;
5509
5408
  apiOptions: Readonly<Readonly<{
5510
5409
  isArticle?: boolean | undefined;
5511
- onFocusChange?: ((newFocusPath: import("@khanacademy/perseus").FocusPath, oldFocusPath: import("@khanacademy/perseus").FocusPath, keypadHeight?: number | undefined, focusedElement?: HTMLElement | undefined) => unknown) | undefined; /**
5512
- * The graph to display in the graph area.
5513
- */
5410
+ onFocusChange?: ((newFocusPath: import("@khanacademy/perseus").FocusPath, oldFocusPath: import("@khanacademy/perseus").FocusPath, keypadHeight?: number | undefined, focusedElement?: HTMLElement | undefined) => unknown) | undefined;
5514
5411
  GroupMetadataEditor?: React.ComponentType<any> | undefined;
5515
5412
  showAlignmentOptions?: boolean | undefined;
5516
5413
  readOnly?: boolean | undefined;
@@ -5595,7 +5492,7 @@ declare const InteractiveGraph: {
5595
5492
  trackInteraction: (extraData?: Empty | undefined) => void;
5596
5493
  isLastUsedWidget: boolean;
5597
5494
  linterContext: import("@khanacademy/perseus-linter").LinterContextProps;
5598
- containerSizeClass: SizingUtils.SizeClass;
5495
+ containerSizeClass: import("../../../../perseus/src/util/sizing-utils").SizeClass;
5599
5496
  }): string;
5600
5497
  getSegmentEquationString(props: PerseusInteractiveGraphWidgetOptions & {
5601
5498
  widgetId: string;
@@ -5604,9 +5501,7 @@ declare const InteractiveGraph: {
5604
5501
  problemNum: number | null | undefined;
5605
5502
  apiOptions: Readonly<Readonly<{
5606
5503
  isArticle?: boolean | undefined;
5607
- onFocusChange?: ((newFocusPath: import("@khanacademy/perseus").FocusPath, oldFocusPath: import("@khanacademy/perseus").FocusPath, keypadHeight?: number | undefined, focusedElement?: HTMLElement | undefined) => unknown) | undefined; /**
5608
- * The graph to display in the graph area.
5609
- */
5504
+ onFocusChange?: ((newFocusPath: import("@khanacademy/perseus").FocusPath, oldFocusPath: import("@khanacademy/perseus").FocusPath, keypadHeight?: number | undefined, focusedElement?: HTMLElement | undefined) => unknown) | undefined;
5610
5505
  GroupMetadataEditor?: React.ComponentType<any> | undefined;
5611
5506
  showAlignmentOptions?: boolean | undefined;
5612
5507
  readOnly?: boolean | undefined;
@@ -5691,7 +5586,7 @@ declare const InteractiveGraph: {
5691
5586
  trackInteraction: (extraData?: Empty | undefined) => void;
5692
5587
  isLastUsedWidget: boolean;
5693
5588
  linterContext: import("@khanacademy/perseus-linter").LinterContextProps;
5694
- containerSizeClass: SizingUtils.SizeClass;
5589
+ containerSizeClass: import("../../../../perseus/src/util/sizing-utils").SizeClass;
5695
5590
  }): string;
5696
5591
  getRayEquationString(props: PerseusInteractiveGraphWidgetOptions & {
5697
5592
  widgetId: string;
@@ -5700,9 +5595,7 @@ declare const InteractiveGraph: {
5700
5595
  problemNum: number | null | undefined;
5701
5596
  apiOptions: Readonly<Readonly<{
5702
5597
  isArticle?: boolean | undefined;
5703
- onFocusChange?: ((newFocusPath: import("@khanacademy/perseus").FocusPath, oldFocusPath: import("@khanacademy/perseus").FocusPath, keypadHeight?: number | undefined, focusedElement?: HTMLElement | undefined) => unknown) | undefined; /**
5704
- * The graph to display in the graph area.
5705
- */
5598
+ onFocusChange?: ((newFocusPath: import("@khanacademy/perseus").FocusPath, oldFocusPath: import("@khanacademy/perseus").FocusPath, keypadHeight?: number | undefined, focusedElement?: HTMLElement | undefined) => unknown) | undefined;
5706
5599
  GroupMetadataEditor?: React.ComponentType<any> | undefined;
5707
5600
  showAlignmentOptions?: boolean | undefined;
5708
5601
  readOnly?: boolean | undefined;
@@ -5787,7 +5680,7 @@ declare const InteractiveGraph: {
5787
5680
  trackInteraction: (extraData?: Empty | undefined) => void;
5788
5681
  isLastUsedWidget: boolean;
5789
5682
  linterContext: import("@khanacademy/perseus-linter").LinterContextProps;
5790
- containerSizeClass: SizingUtils.SizeClass;
5683
+ containerSizeClass: import("../../../../perseus/src/util/sizing-utils").SizeClass;
5791
5684
  }): string;
5792
5685
  getPolygonEquationString(props: PerseusInteractiveGraphWidgetOptions & {
5793
5686
  widgetId: string;
@@ -5796,9 +5689,7 @@ declare const InteractiveGraph: {
5796
5689
  problemNum: number | null | undefined;
5797
5690
  apiOptions: Readonly<Readonly<{
5798
5691
  isArticle?: boolean | undefined;
5799
- onFocusChange?: ((newFocusPath: import("@khanacademy/perseus").FocusPath, oldFocusPath: import("@khanacademy/perseus").FocusPath, keypadHeight?: number | undefined, focusedElement?: HTMLElement | undefined) => unknown) | undefined; /**
5800
- * The graph to display in the graph area.
5801
- */
5692
+ onFocusChange?: ((newFocusPath: import("@khanacademy/perseus").FocusPath, oldFocusPath: import("@khanacademy/perseus").FocusPath, keypadHeight?: number | undefined, focusedElement?: HTMLElement | undefined) => unknown) | undefined;
5802
5693
  GroupMetadataEditor?: React.ComponentType<any> | undefined;
5803
5694
  showAlignmentOptions?: boolean | undefined;
5804
5695
  readOnly?: boolean | undefined;
@@ -5883,7 +5774,7 @@ declare const InteractiveGraph: {
5883
5774
  trackInteraction: (extraData?: Empty | undefined) => void;
5884
5775
  isLastUsedWidget: boolean;
5885
5776
  linterContext: import("@khanacademy/perseus-linter").LinterContextProps;
5886
- containerSizeClass: SizingUtils.SizeClass;
5777
+ containerSizeClass: import("../../../../perseus/src/util/sizing-utils").SizeClass;
5887
5778
  }): string;
5888
5779
  getAngleEquationString(props: PerseusInteractiveGraphWidgetOptions & {
5889
5780
  widgetId: string;
@@ -5892,9 +5783,7 @@ declare const InteractiveGraph: {
5892
5783
  problemNum: number | null | undefined;
5893
5784
  apiOptions: Readonly<Readonly<{
5894
5785
  isArticle?: boolean | undefined;
5895
- onFocusChange?: ((newFocusPath: import("@khanacademy/perseus").FocusPath, oldFocusPath: import("@khanacademy/perseus").FocusPath, keypadHeight?: number | undefined, focusedElement?: HTMLElement | undefined) => unknown) | undefined; /**
5896
- * The graph to display in the graph area.
5897
- */
5786
+ onFocusChange?: ((newFocusPath: import("@khanacademy/perseus").FocusPath, oldFocusPath: import("@khanacademy/perseus").FocusPath, keypadHeight?: number | undefined, focusedElement?: HTMLElement | undefined) => unknown) | undefined;
5898
5787
  GroupMetadataEditor?: React.ComponentType<any> | undefined;
5899
5788
  showAlignmentOptions?: boolean | undefined;
5900
5789
  readOnly?: boolean | undefined;
@@ -5979,7 +5868,7 @@ declare const InteractiveGraph: {
5979
5868
  trackInteraction: (extraData?: Empty | undefined) => void;
5980
5869
  isLastUsedWidget: boolean;
5981
5870
  linterContext: import("@khanacademy/perseus-linter").LinterContextProps;
5982
- containerSizeClass: SizingUtils.SizeClass;
5871
+ containerSizeClass: import("../../../../perseus/src/util/sizing-utils").SizeClass;
5983
5872
  }): string;
5984
5873
  getUserInputFromProps(props: PerseusInteractiveGraphWidgetOptions & {
5985
5874
  widgetId: string;
@@ -5988,9 +5877,7 @@ declare const InteractiveGraph: {
5988
5877
  problemNum: number | null | undefined;
5989
5878
  apiOptions: Readonly<Readonly<{
5990
5879
  isArticle?: boolean | undefined;
5991
- onFocusChange?: ((newFocusPath: import("@khanacademy/perseus").FocusPath, oldFocusPath: import("@khanacademy/perseus").FocusPath, keypadHeight?: number | undefined, focusedElement?: HTMLElement | undefined) => unknown) | undefined; /**
5992
- * The graph to display in the graph area.
5993
- */
5880
+ onFocusChange?: ((newFocusPath: import("@khanacademy/perseus").FocusPath, oldFocusPath: import("@khanacademy/perseus").FocusPath, keypadHeight?: number | undefined, focusedElement?: HTMLElement | undefined) => unknown) | undefined;
5994
5881
  GroupMetadataEditor?: React.ComponentType<any> | undefined;
5995
5882
  showAlignmentOptions?: boolean | undefined;
5996
5883
  readOnly?: boolean | undefined;
@@ -6075,7 +5962,7 @@ declare const InteractiveGraph: {
6075
5962
  trackInteraction: (extraData?: Empty | undefined) => void;
6076
5963
  isLastUsedWidget: boolean;
6077
5964
  linterContext: import("@khanacademy/perseus-linter").LinterContextProps;
6078
- containerSizeClass: SizingUtils.SizeClass;
5965
+ containerSizeClass: import("../../../../perseus/src/util/sizing-utils").SizeClass;
6079
5966
  }): PerseusGraphType;
6080
5967
  contextType?: React.Context<any> | undefined;
6081
5968
  };