@khanacademy/perseus-editor 28.0.0 → 28.2.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/es/index.css +3 -1
- package/dist/es/index.css.map +1 -1
- package/dist/es/index.js +40 -32
- package/dist/es/index.js.map +1 -1
- package/dist/index.css +3 -1
- package/dist/index.css.map +1 -1
- package/dist/index.js +40 -32
- package/dist/index.js.map +1 -1
- package/dist/widgets/image-editor/components/decorative-toggle.d.ts +9 -0
- package/dist/widgets/image-editor/components/image-dimensions-input.d.ts +9 -0
- package/dist/widgets/image-editor/components/image-settings.d.ts +3 -0
- package/dist/widgets/image-editor/{image-url-input.d.ts → components/image-url-input.d.ts} +1 -1
- package/dist/widgets/image-editor/utils.d.ts +32 -0
- package/dist/widgets/interactive-graph-editor/interactive-graph-editor.d.ts +40 -44
- package/package.json +4 -4
- package/dist/widgets/image-editor/image-settings.d.ts +0 -16
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
import type { Props as ImageEditorProps } from "../image-editor";
|
|
3
|
+
interface Props {
|
|
4
|
+
decorative?: boolean;
|
|
5
|
+
hasPopulatedFields?: boolean;
|
|
6
|
+
onChange: ImageEditorProps["onChange"];
|
|
7
|
+
}
|
|
8
|
+
export default function DecorativeToggle({ decorative, hasPopulatedFields, onChange, }: Props): React.JSX.Element;
|
|
9
|
+
export {};
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
import type { Props as ImageEditorProps } from "../image-editor";
|
|
3
|
+
import type { PerseusImageBackground } from "@khanacademy/perseus-core";
|
|
4
|
+
interface Props {
|
|
5
|
+
backgroundImage: PerseusImageBackground;
|
|
6
|
+
onChange: ImageEditorProps["onChange"];
|
|
7
|
+
}
|
|
8
|
+
export default function ImageDimensionsInput({ backgroundImage, onChange, }: Props): React.JSX.Element;
|
|
9
|
+
export {};
|
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
export declare const wbFieldStyles: {
|
|
2
|
+
root: {
|
|
3
|
+
marginBlockEnd: string;
|
|
4
|
+
};
|
|
5
|
+
label: {
|
|
6
|
+
paddingBlockEnd: string;
|
|
7
|
+
};
|
|
8
|
+
};
|
|
9
|
+
export declare const wbFieldStylesWithDescription: {
|
|
10
|
+
label: {
|
|
11
|
+
paddingBlockEnd: number;
|
|
12
|
+
};
|
|
13
|
+
description: {
|
|
14
|
+
paddingBlockStart: number;
|
|
15
|
+
paddingBlockEnd: string;
|
|
16
|
+
};
|
|
17
|
+
root: {
|
|
18
|
+
marginBlockEnd: string;
|
|
19
|
+
};
|
|
20
|
+
};
|
|
21
|
+
/**
|
|
22
|
+
* Given a known aspect ratio, and a new side length,
|
|
23
|
+
* return the other side length that maintains the aspect ratio.
|
|
24
|
+
*
|
|
25
|
+
* Ratio math: x/y = x'/y'
|
|
26
|
+
* newWidth/newHeight = width/height
|
|
27
|
+
* => newWidth = (newHeight * width) / height
|
|
28
|
+
* or
|
|
29
|
+
* newHeight/newWidth = height/width
|
|
30
|
+
* => newHeight = (newWidth * height) / width
|
|
31
|
+
*/
|
|
32
|
+
export declare function getOtherSideLengthWithPreservedAspectRatio(sideLength: number, otherSideLength: number, newSideLength: number): number;
|
|
@@ -23,7 +23,7 @@ declare const InteractiveGraph: {
|
|
|
23
23
|
lockedFigures: LockedFigure[];
|
|
24
24
|
fullGraphAriaLabel?: string;
|
|
25
25
|
fullGraphAriaDescription?: string;
|
|
26
|
-
} & import("../../../../perseus/src/types").UniversalWidgetProps<
|
|
26
|
+
} & import("../../../../perseus/src/types").UniversalWidgetProps<PerseusGraphType, Empty>): {
|
|
27
27
|
mafsRef: React.RefObject<import("../../../../perseus/src/widgets/interactive-graphs/stateful-mafs-graph").StatefulMafsGraphType>;
|
|
28
28
|
getUserInput(): import("@khanacademy/perseus-core").PerseusInteractiveGraphUserInput;
|
|
29
29
|
getPromptJSON(): import("../../../../perseus/src/widget-ai-utils/interactive-graph/interactive-graph-ai-utils").InteractiveGraphPromptJSON | import("../../../../perseus/src/widget-ai-utils/unsupported-widget").UnsupportedWidgetPromptJSON;
|
|
@@ -47,7 +47,6 @@ declare const InteractiveGraph: {
|
|
|
47
47
|
lockedFigures: LockedFigure[];
|
|
48
48
|
fullGraphAriaLabel?: string;
|
|
49
49
|
fullGraphAriaDescription?: string;
|
|
50
|
-
reviewModeRubric?: Empty | null | undefined;
|
|
51
50
|
trackInteraction: (extraData?: Empty | undefined) => void;
|
|
52
51
|
widgetId: string;
|
|
53
52
|
widgetIndex: number;
|
|
@@ -483,7 +482,6 @@ declare const InteractiveGraph: {
|
|
|
483
482
|
reviewMode: boolean;
|
|
484
483
|
showSolutions?: import("@khanacademy/perseus-core").ShowSolutions;
|
|
485
484
|
handleUserInput: (newUserInput: PerseusGraphType, cb?: () => void, silent?: boolean) => void;
|
|
486
|
-
isLastUsedWidget: boolean;
|
|
487
485
|
linterContext: import("@khanacademy/perseus-linter").LinterContextProps;
|
|
488
486
|
containerSizeClass: import("../../../../perseus/src/util/sizing-utils").SizeClass;
|
|
489
487
|
};
|
|
@@ -511,7 +509,7 @@ declare const InteractiveGraph: {
|
|
|
511
509
|
lockedFigures: LockedFigure[];
|
|
512
510
|
fullGraphAriaLabel?: string;
|
|
513
511
|
fullGraphAriaDescription?: string;
|
|
514
|
-
} & import("../../../../perseus/src/types").UniversalWidgetProps<
|
|
512
|
+
} & import("../../../../perseus/src/types").UniversalWidgetProps<PerseusGraphType, Empty>>;
|
|
515
513
|
state: Readonly<any>;
|
|
516
514
|
refs: {
|
|
517
515
|
[key: string]: React.ReactInstance;
|
|
@@ -537,7 +535,7 @@ declare const InteractiveGraph: {
|
|
|
537
535
|
lockedFigures: LockedFigure[];
|
|
538
536
|
fullGraphAriaLabel?: string;
|
|
539
537
|
fullGraphAriaDescription?: string;
|
|
540
|
-
} & import("../../../../perseus/src/types").UniversalWidgetProps<
|
|
538
|
+
} & import("../../../../perseus/src/types").UniversalWidgetProps<PerseusGraphType, Empty>>, nextState: Readonly<any>, nextContext: any): boolean;
|
|
541
539
|
componentWillUnmount?(): void;
|
|
542
540
|
componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
|
|
543
541
|
getSnapshotBeforeUpdate?(prevProps: Readonly<{
|
|
@@ -560,7 +558,7 @@ declare const InteractiveGraph: {
|
|
|
560
558
|
lockedFigures: LockedFigure[];
|
|
561
559
|
fullGraphAriaLabel?: string;
|
|
562
560
|
fullGraphAriaDescription?: string;
|
|
563
|
-
} & import("../../../../perseus/src/types").UniversalWidgetProps<
|
|
561
|
+
} & import("../../../../perseus/src/types").UniversalWidgetProps<PerseusGraphType, Empty>>, prevState: Readonly<any>): any;
|
|
564
562
|
componentDidUpdate?(prevProps: Readonly<{
|
|
565
563
|
step: [number, number];
|
|
566
564
|
gridStep?: [x: number, y: number];
|
|
@@ -581,7 +579,7 @@ declare const InteractiveGraph: {
|
|
|
581
579
|
lockedFigures: LockedFigure[];
|
|
582
580
|
fullGraphAriaLabel?: string;
|
|
583
581
|
fullGraphAriaDescription?: string;
|
|
584
|
-
} & import("../../../../perseus/src/types").UniversalWidgetProps<
|
|
582
|
+
} & import("../../../../perseus/src/types").UniversalWidgetProps<PerseusGraphType, Empty>>, prevState: Readonly<any>, snapshot?: any): void;
|
|
585
583
|
componentWillMount?(): void;
|
|
586
584
|
UNSAFE_componentWillMount?(): void;
|
|
587
585
|
componentWillReceiveProps?(nextProps: Readonly<{
|
|
@@ -604,7 +602,7 @@ declare const InteractiveGraph: {
|
|
|
604
602
|
lockedFigures: LockedFigure[];
|
|
605
603
|
fullGraphAriaLabel?: string;
|
|
606
604
|
fullGraphAriaDescription?: string;
|
|
607
|
-
} & import("../../../../perseus/src/types").UniversalWidgetProps<
|
|
605
|
+
} & import("../../../../perseus/src/types").UniversalWidgetProps<PerseusGraphType, Empty>>, nextContext: any): void;
|
|
608
606
|
UNSAFE_componentWillReceiveProps?(nextProps: Readonly<{
|
|
609
607
|
step: [number, number];
|
|
610
608
|
gridStep?: [x: number, y: number];
|
|
@@ -625,7 +623,7 @@ declare const InteractiveGraph: {
|
|
|
625
623
|
lockedFigures: LockedFigure[];
|
|
626
624
|
fullGraphAriaLabel?: string;
|
|
627
625
|
fullGraphAriaDescription?: string;
|
|
628
|
-
} & import("../../../../perseus/src/types").UniversalWidgetProps<
|
|
626
|
+
} & import("../../../../perseus/src/types").UniversalWidgetProps<PerseusGraphType, Empty>>, nextContext: any): void;
|
|
629
627
|
componentWillUpdate?(nextProps: Readonly<{
|
|
630
628
|
step: [number, number];
|
|
631
629
|
gridStep?: [x: number, y: number];
|
|
@@ -646,7 +644,7 @@ declare const InteractiveGraph: {
|
|
|
646
644
|
lockedFigures: LockedFigure[];
|
|
647
645
|
fullGraphAriaLabel?: string;
|
|
648
646
|
fullGraphAriaDescription?: string;
|
|
649
|
-
} & import("../../../../perseus/src/types").UniversalWidgetProps<
|
|
647
|
+
} & import("../../../../perseus/src/types").UniversalWidgetProps<PerseusGraphType, Empty>>, nextState: Readonly<any>, nextContext: any): void;
|
|
650
648
|
UNSAFE_componentWillUpdate?(nextProps: Readonly<{
|
|
651
649
|
step: [number, number];
|
|
652
650
|
gridStep?: [x: number, y: number];
|
|
@@ -667,7 +665,7 @@ declare const InteractiveGraph: {
|
|
|
667
665
|
lockedFigures: LockedFigure[];
|
|
668
666
|
fullGraphAriaLabel?: string;
|
|
669
667
|
fullGraphAriaDescription?: string;
|
|
670
|
-
} & import("../../../../perseus/src/types").UniversalWidgetProps<
|
|
668
|
+
} & import("../../../../perseus/src/types").UniversalWidgetProps<PerseusGraphType, Empty>>, nextState: Readonly<any>, nextContext: any): void;
|
|
671
669
|
};
|
|
672
670
|
new (props: {
|
|
673
671
|
step: [number, number];
|
|
@@ -689,7 +687,7 @@ declare const InteractiveGraph: {
|
|
|
689
687
|
lockedFigures: LockedFigure[];
|
|
690
688
|
fullGraphAriaLabel?: string;
|
|
691
689
|
fullGraphAriaDescription?: string;
|
|
692
|
-
} & import("../../../../perseus/src/types").UniversalWidgetProps<
|
|
690
|
+
} & import("../../../../perseus/src/types").UniversalWidgetProps<PerseusGraphType, Empty>, context: any): {
|
|
693
691
|
mafsRef: React.RefObject<import("../../../../perseus/src/widgets/interactive-graphs/stateful-mafs-graph").StatefulMafsGraphType>;
|
|
694
692
|
getUserInput(): import("@khanacademy/perseus-core").PerseusInteractiveGraphUserInput;
|
|
695
693
|
getPromptJSON(): import("../../../../perseus/src/widget-ai-utils/interactive-graph/interactive-graph-ai-utils").InteractiveGraphPromptJSON | import("../../../../perseus/src/widget-ai-utils/unsupported-widget").UnsupportedWidgetPromptJSON;
|
|
@@ -713,7 +711,6 @@ declare const InteractiveGraph: {
|
|
|
713
711
|
lockedFigures: LockedFigure[];
|
|
714
712
|
fullGraphAriaLabel?: string;
|
|
715
713
|
fullGraphAriaDescription?: string;
|
|
716
|
-
reviewModeRubric?: Empty | null | undefined;
|
|
717
714
|
trackInteraction: (extraData?: Empty | undefined) => void;
|
|
718
715
|
widgetId: string;
|
|
719
716
|
widgetIndex: number;
|
|
@@ -1149,7 +1146,6 @@ declare const InteractiveGraph: {
|
|
|
1149
1146
|
reviewMode: boolean;
|
|
1150
1147
|
showSolutions?: import("@khanacademy/perseus-core").ShowSolutions;
|
|
1151
1148
|
handleUserInput: (newUserInput: PerseusGraphType, cb?: () => void, silent?: boolean) => void;
|
|
1152
|
-
isLastUsedWidget: boolean;
|
|
1153
1149
|
linterContext: import("@khanacademy/perseus-linter").LinterContextProps;
|
|
1154
1150
|
containerSizeClass: import("../../../../perseus/src/util/sizing-utils").SizeClass;
|
|
1155
1151
|
};
|
|
@@ -1177,7 +1173,7 @@ declare const InteractiveGraph: {
|
|
|
1177
1173
|
lockedFigures: LockedFigure[];
|
|
1178
1174
|
fullGraphAriaLabel?: string;
|
|
1179
1175
|
fullGraphAriaDescription?: string;
|
|
1180
|
-
} & import("../../../../perseus/src/types").UniversalWidgetProps<
|
|
1176
|
+
} & import("../../../../perseus/src/types").UniversalWidgetProps<PerseusGraphType, Empty>>;
|
|
1181
1177
|
state: Readonly<any>;
|
|
1182
1178
|
refs: {
|
|
1183
1179
|
[key: string]: React.ReactInstance;
|
|
@@ -1203,7 +1199,7 @@ declare const InteractiveGraph: {
|
|
|
1203
1199
|
lockedFigures: LockedFigure[];
|
|
1204
1200
|
fullGraphAriaLabel?: string;
|
|
1205
1201
|
fullGraphAriaDescription?: string;
|
|
1206
|
-
} & import("../../../../perseus/src/types").UniversalWidgetProps<
|
|
1202
|
+
} & import("../../../../perseus/src/types").UniversalWidgetProps<PerseusGraphType, Empty>>, nextState: Readonly<any>, nextContext: any): boolean;
|
|
1207
1203
|
componentWillUnmount?(): void;
|
|
1208
1204
|
componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
|
|
1209
1205
|
getSnapshotBeforeUpdate?(prevProps: Readonly<{
|
|
@@ -1226,7 +1222,7 @@ declare const InteractiveGraph: {
|
|
|
1226
1222
|
lockedFigures: LockedFigure[];
|
|
1227
1223
|
fullGraphAriaLabel?: string;
|
|
1228
1224
|
fullGraphAriaDescription?: string;
|
|
1229
|
-
} & import("../../../../perseus/src/types").UniversalWidgetProps<
|
|
1225
|
+
} & import("../../../../perseus/src/types").UniversalWidgetProps<PerseusGraphType, Empty>>, prevState: Readonly<any>): any;
|
|
1230
1226
|
componentDidUpdate?(prevProps: Readonly<{
|
|
1231
1227
|
step: [number, number];
|
|
1232
1228
|
gridStep?: [x: number, y: number];
|
|
@@ -1247,7 +1243,7 @@ declare const InteractiveGraph: {
|
|
|
1247
1243
|
lockedFigures: LockedFigure[];
|
|
1248
1244
|
fullGraphAriaLabel?: string;
|
|
1249
1245
|
fullGraphAriaDescription?: string;
|
|
1250
|
-
} & import("../../../../perseus/src/types").UniversalWidgetProps<
|
|
1246
|
+
} & import("../../../../perseus/src/types").UniversalWidgetProps<PerseusGraphType, Empty>>, prevState: Readonly<any>, snapshot?: any): void;
|
|
1251
1247
|
componentWillMount?(): void;
|
|
1252
1248
|
UNSAFE_componentWillMount?(): void;
|
|
1253
1249
|
componentWillReceiveProps?(nextProps: Readonly<{
|
|
@@ -1270,7 +1266,7 @@ declare const InteractiveGraph: {
|
|
|
1270
1266
|
lockedFigures: LockedFigure[];
|
|
1271
1267
|
fullGraphAriaLabel?: string;
|
|
1272
1268
|
fullGraphAriaDescription?: string;
|
|
1273
|
-
} & import("../../../../perseus/src/types").UniversalWidgetProps<
|
|
1269
|
+
} & import("../../../../perseus/src/types").UniversalWidgetProps<PerseusGraphType, Empty>>, nextContext: any): void;
|
|
1274
1270
|
UNSAFE_componentWillReceiveProps?(nextProps: Readonly<{
|
|
1275
1271
|
step: [number, number];
|
|
1276
1272
|
gridStep?: [x: number, y: number];
|
|
@@ -1291,7 +1287,7 @@ declare const InteractiveGraph: {
|
|
|
1291
1287
|
lockedFigures: LockedFigure[];
|
|
1292
1288
|
fullGraphAriaLabel?: string;
|
|
1293
1289
|
fullGraphAriaDescription?: string;
|
|
1294
|
-
} & import("../../../../perseus/src/types").UniversalWidgetProps<
|
|
1290
|
+
} & import("../../../../perseus/src/types").UniversalWidgetProps<PerseusGraphType, Empty>>, nextContext: any): void;
|
|
1295
1291
|
componentWillUpdate?(nextProps: Readonly<{
|
|
1296
1292
|
step: [number, number];
|
|
1297
1293
|
gridStep?: [x: number, y: number];
|
|
@@ -1312,7 +1308,7 @@ declare const InteractiveGraph: {
|
|
|
1312
1308
|
lockedFigures: LockedFigure[];
|
|
1313
1309
|
fullGraphAriaLabel?: string;
|
|
1314
1310
|
fullGraphAriaDescription?: string;
|
|
1315
|
-
} & import("../../../../perseus/src/types").UniversalWidgetProps<
|
|
1311
|
+
} & import("../../../../perseus/src/types").UniversalWidgetProps<PerseusGraphType, Empty>>, nextState: Readonly<any>, nextContext: any): void;
|
|
1316
1312
|
UNSAFE_componentWillUpdate?(nextProps: Readonly<{
|
|
1317
1313
|
step: [number, number];
|
|
1318
1314
|
gridStep?: [x: number, y: number];
|
|
@@ -1333,7 +1329,7 @@ declare const InteractiveGraph: {
|
|
|
1333
1329
|
lockedFigures: LockedFigure[];
|
|
1334
1330
|
fullGraphAriaLabel?: string;
|
|
1335
1331
|
fullGraphAriaDescription?: string;
|
|
1336
|
-
} & import("../../../../perseus/src/types").UniversalWidgetProps<
|
|
1332
|
+
} & import("../../../../perseus/src/types").UniversalWidgetProps<PerseusGraphType, Empty>>, nextState: Readonly<any>, nextContext: any): void;
|
|
1337
1333
|
};
|
|
1338
1334
|
defaultProps: {
|
|
1339
1335
|
labels: string[];
|
|
@@ -1367,7 +1363,7 @@ declare const InteractiveGraph: {
|
|
|
1367
1363
|
lockedFigures: LockedFigure[];
|
|
1368
1364
|
fullGraphAriaLabel?: string;
|
|
1369
1365
|
fullGraphAriaDescription?: string;
|
|
1370
|
-
} & import("../../../../perseus/src/types").UniversalWidgetProps<
|
|
1366
|
+
} & import("../../../../perseus/src/types").UniversalWidgetProps<PerseusGraphType, Empty>): import("@khanacademy/perseus").Coord[];
|
|
1371
1367
|
getPointCoords(graph: import("@khanacademy/perseus-core").PerseusGraphTypePoint, props: {
|
|
1372
1368
|
step: [number, number];
|
|
1373
1369
|
gridStep?: [x: number, y: number];
|
|
@@ -1388,7 +1384,7 @@ declare const InteractiveGraph: {
|
|
|
1388
1384
|
lockedFigures: LockedFigure[];
|
|
1389
1385
|
fullGraphAriaLabel?: string;
|
|
1390
1386
|
fullGraphAriaDescription?: string;
|
|
1391
|
-
} & import("../../../../perseus/src/types").UniversalWidgetProps<
|
|
1387
|
+
} & import("../../../../perseus/src/types").UniversalWidgetProps<PerseusGraphType, Empty>): import("@khanacademy/perseus").Coord[];
|
|
1392
1388
|
getLinearSystemCoords(graph: PerseusGraphType, props: {
|
|
1393
1389
|
step: [number, number];
|
|
1394
1390
|
gridStep?: [x: number, y: number];
|
|
@@ -1409,7 +1405,7 @@ declare const InteractiveGraph: {
|
|
|
1409
1405
|
lockedFigures: LockedFigure[];
|
|
1410
1406
|
fullGraphAriaLabel?: string;
|
|
1411
1407
|
fullGraphAriaDescription?: string;
|
|
1412
|
-
} & import("../../../../perseus/src/types").UniversalWidgetProps<
|
|
1408
|
+
} & import("../../../../perseus/src/types").UniversalWidgetProps<PerseusGraphType, Empty>): import("@khanacademy/perseus").Coord[][];
|
|
1413
1409
|
getPolygonCoords(graph: PerseusGraphType, props: {
|
|
1414
1410
|
step: [number, number];
|
|
1415
1411
|
gridStep?: [x: number, y: number];
|
|
@@ -1430,7 +1426,7 @@ declare const InteractiveGraph: {
|
|
|
1430
1426
|
lockedFigures: LockedFigure[];
|
|
1431
1427
|
fullGraphAriaLabel?: string;
|
|
1432
1428
|
fullGraphAriaDescription?: string;
|
|
1433
|
-
} & import("../../../../perseus/src/types").UniversalWidgetProps<
|
|
1429
|
+
} & import("../../../../perseus/src/types").UniversalWidgetProps<PerseusGraphType, Empty>): import("@khanacademy/perseus").Coord[];
|
|
1434
1430
|
getSegmentCoords(graph: import("@khanacademy/perseus-core").PerseusGraphTypeSegment, props: {
|
|
1435
1431
|
step: [number, number];
|
|
1436
1432
|
gridStep?: [x: number, y: number];
|
|
@@ -1451,7 +1447,7 @@ declare const InteractiveGraph: {
|
|
|
1451
1447
|
lockedFigures: LockedFigure[];
|
|
1452
1448
|
fullGraphAriaLabel?: string;
|
|
1453
1449
|
fullGraphAriaDescription?: string;
|
|
1454
|
-
} & import("../../../../perseus/src/types").UniversalWidgetProps<
|
|
1450
|
+
} & import("../../../../perseus/src/types").UniversalWidgetProps<PerseusGraphType, Empty>): import("@khanacademy/perseus").Coord[][];
|
|
1455
1451
|
getAngleCoords(graph: import("@khanacademy/perseus-core").PerseusGraphTypeAngle, props: {
|
|
1456
1452
|
step: [number, number];
|
|
1457
1453
|
gridStep?: [x: number, y: number];
|
|
@@ -1472,7 +1468,7 @@ declare const InteractiveGraph: {
|
|
|
1472
1468
|
lockedFigures: LockedFigure[];
|
|
1473
1469
|
fullGraphAriaLabel?: string;
|
|
1474
1470
|
fullGraphAriaDescription?: string;
|
|
1475
|
-
} & import("../../../../perseus/src/types").UniversalWidgetProps<
|
|
1471
|
+
} & import("../../../../perseus/src/types").UniversalWidgetProps<PerseusGraphType, Empty>): [import("@khanacademy/perseus").Coord, import("@khanacademy/perseus").Coord, import("@khanacademy/perseus").Coord];
|
|
1476
1472
|
normalizeCoords(coordsList: import("@khanacademy/perseus").Coord[], ranges: [import("@khanacademy/kmath").Range, import("@khanacademy/kmath").Range]): import("@khanacademy/perseus").Coord[];
|
|
1477
1473
|
getEquationString(props: {
|
|
1478
1474
|
step: [number, number];
|
|
@@ -1494,7 +1490,7 @@ declare const InteractiveGraph: {
|
|
|
1494
1490
|
lockedFigures: LockedFigure[];
|
|
1495
1491
|
fullGraphAriaLabel?: string;
|
|
1496
1492
|
fullGraphAriaDescription?: string;
|
|
1497
|
-
} & import("../../../../perseus/src/types").UniversalWidgetProps<
|
|
1493
|
+
} & import("../../../../perseus/src/types").UniversalWidgetProps<PerseusGraphType, Empty>): string;
|
|
1498
1494
|
pointsFromNormalized(props: {
|
|
1499
1495
|
step: [number, number];
|
|
1500
1496
|
gridStep?: [x: number, y: number];
|
|
@@ -1515,7 +1511,7 @@ declare const InteractiveGraph: {
|
|
|
1515
1511
|
lockedFigures: LockedFigure[];
|
|
1516
1512
|
fullGraphAriaLabel?: string;
|
|
1517
1513
|
fullGraphAriaDescription?: string;
|
|
1518
|
-
} & import("../../../../perseus/src/types").UniversalWidgetProps<
|
|
1514
|
+
} & import("../../../../perseus/src/types").UniversalWidgetProps<PerseusGraphType, Empty>, coordsList: import("@khanacademy/perseus").Coord[], noSnap?: boolean): import("@khanacademy/perseus").Coord[];
|
|
1519
1515
|
getNoneEquationString(): string;
|
|
1520
1516
|
getLinearEquationString(props: {
|
|
1521
1517
|
step: [number, number];
|
|
@@ -1537,7 +1533,7 @@ declare const InteractiveGraph: {
|
|
|
1537
1533
|
lockedFigures: LockedFigure[];
|
|
1538
1534
|
fullGraphAriaLabel?: string;
|
|
1539
1535
|
fullGraphAriaDescription?: string;
|
|
1540
|
-
} & import("../../../../perseus/src/types").UniversalWidgetProps<
|
|
1536
|
+
} & import("../../../../perseus/src/types").UniversalWidgetProps<PerseusGraphType, Empty>): string;
|
|
1541
1537
|
getCurrentQuadraticCoefficients(props: {
|
|
1542
1538
|
step: [number, number];
|
|
1543
1539
|
gridStep?: [x: number, y: number];
|
|
@@ -1558,7 +1554,7 @@ declare const InteractiveGraph: {
|
|
|
1558
1554
|
lockedFigures: LockedFigure[];
|
|
1559
1555
|
fullGraphAriaLabel?: string;
|
|
1560
1556
|
fullGraphAriaDescription?: string;
|
|
1561
|
-
} & import("../../../../perseus/src/types").UniversalWidgetProps<
|
|
1557
|
+
} & import("../../../../perseus/src/types").UniversalWidgetProps<PerseusGraphType, Empty>): import("@khanacademy/kmath").QuadraticCoefficient;
|
|
1562
1558
|
defaultQuadraticCoords(props: {
|
|
1563
1559
|
step: [number, number];
|
|
1564
1560
|
gridStep?: [x: number, y: number];
|
|
@@ -1579,7 +1575,7 @@ declare const InteractiveGraph: {
|
|
|
1579
1575
|
lockedFigures: LockedFigure[];
|
|
1580
1576
|
fullGraphAriaLabel?: string;
|
|
1581
1577
|
fullGraphAriaDescription?: string;
|
|
1582
|
-
} & import("../../../../perseus/src/types").UniversalWidgetProps<
|
|
1578
|
+
} & import("../../../../perseus/src/types").UniversalWidgetProps<PerseusGraphType, Empty>): import("../../../../perseus/src/widgets/interactive-graphs/types").QuadraticGraphState["coords"];
|
|
1583
1579
|
getQuadraticEquationString(props: {
|
|
1584
1580
|
step: [number, number];
|
|
1585
1581
|
gridStep?: [x: number, y: number];
|
|
@@ -1600,7 +1596,7 @@ declare const InteractiveGraph: {
|
|
|
1600
1596
|
lockedFigures: LockedFigure[];
|
|
1601
1597
|
fullGraphAriaLabel?: string;
|
|
1602
1598
|
fullGraphAriaDescription?: string;
|
|
1603
|
-
} & import("../../../../perseus/src/types").UniversalWidgetProps<
|
|
1599
|
+
} & import("../../../../perseus/src/types").UniversalWidgetProps<PerseusGraphType, Empty>): string;
|
|
1604
1600
|
getCurrentSinusoidCoefficients(props: {
|
|
1605
1601
|
step: [number, number];
|
|
1606
1602
|
gridStep?: [x: number, y: number];
|
|
@@ -1621,7 +1617,7 @@ declare const InteractiveGraph: {
|
|
|
1621
1617
|
lockedFigures: LockedFigure[];
|
|
1622
1618
|
fullGraphAriaLabel?: string;
|
|
1623
1619
|
fullGraphAriaDescription?: string;
|
|
1624
|
-
} & import("../../../../perseus/src/types").UniversalWidgetProps<
|
|
1620
|
+
} & import("../../../../perseus/src/types").UniversalWidgetProps<PerseusGraphType, Empty>): import("@khanacademy/kmath").SineCoefficient;
|
|
1625
1621
|
defaultSinusoidCoords(props: {
|
|
1626
1622
|
step: [number, number];
|
|
1627
1623
|
gridStep?: [x: number, y: number];
|
|
@@ -1642,7 +1638,7 @@ declare const InteractiveGraph: {
|
|
|
1642
1638
|
lockedFigures: LockedFigure[];
|
|
1643
1639
|
fullGraphAriaLabel?: string;
|
|
1644
1640
|
fullGraphAriaDescription?: string;
|
|
1645
|
-
} & import("../../../../perseus/src/types").UniversalWidgetProps<
|
|
1641
|
+
} & import("../../../../perseus/src/types").UniversalWidgetProps<PerseusGraphType, Empty>): import("@khanacademy/perseus").Coord[];
|
|
1646
1642
|
getSinusoidEquationString(props: {
|
|
1647
1643
|
step: [number, number];
|
|
1648
1644
|
gridStep?: [x: number, y: number];
|
|
@@ -1663,7 +1659,7 @@ declare const InteractiveGraph: {
|
|
|
1663
1659
|
lockedFigures: LockedFigure[];
|
|
1664
1660
|
fullGraphAriaLabel?: string;
|
|
1665
1661
|
fullGraphAriaDescription?: string;
|
|
1666
|
-
} & import("../../../../perseus/src/types").UniversalWidgetProps<
|
|
1662
|
+
} & import("../../../../perseus/src/types").UniversalWidgetProps<PerseusGraphType, Empty>): string;
|
|
1667
1663
|
getCircleEquationString(props: {
|
|
1668
1664
|
step: [number, number];
|
|
1669
1665
|
gridStep?: [x: number, y: number];
|
|
@@ -1684,7 +1680,7 @@ declare const InteractiveGraph: {
|
|
|
1684
1680
|
lockedFigures: LockedFigure[];
|
|
1685
1681
|
fullGraphAriaLabel?: string;
|
|
1686
1682
|
fullGraphAriaDescription?: string;
|
|
1687
|
-
} & import("../../../../perseus/src/types").UniversalWidgetProps<
|
|
1683
|
+
} & import("../../../../perseus/src/types").UniversalWidgetProps<PerseusGraphType, Empty>): string;
|
|
1688
1684
|
getLinearSystemEquationString(props: {
|
|
1689
1685
|
step: [number, number];
|
|
1690
1686
|
gridStep?: [x: number, y: number];
|
|
@@ -1705,7 +1701,7 @@ declare const InteractiveGraph: {
|
|
|
1705
1701
|
lockedFigures: LockedFigure[];
|
|
1706
1702
|
fullGraphAriaLabel?: string;
|
|
1707
1703
|
fullGraphAriaDescription?: string;
|
|
1708
|
-
} & import("../../../../perseus/src/types").UniversalWidgetProps<
|
|
1704
|
+
} & import("../../../../perseus/src/types").UniversalWidgetProps<PerseusGraphType, Empty>): string;
|
|
1709
1705
|
getPointEquationString(props: {
|
|
1710
1706
|
step: [number, number];
|
|
1711
1707
|
gridStep?: [x: number, y: number];
|
|
@@ -1726,7 +1722,7 @@ declare const InteractiveGraph: {
|
|
|
1726
1722
|
lockedFigures: LockedFigure[];
|
|
1727
1723
|
fullGraphAriaLabel?: string;
|
|
1728
1724
|
fullGraphAriaDescription?: string;
|
|
1729
|
-
} & import("../../../../perseus/src/types").UniversalWidgetProps<
|
|
1725
|
+
} & import("../../../../perseus/src/types").UniversalWidgetProps<PerseusGraphType, Empty>): string;
|
|
1730
1726
|
getSegmentEquationString(props: {
|
|
1731
1727
|
step: [number, number];
|
|
1732
1728
|
gridStep?: [x: number, y: number];
|
|
@@ -1747,7 +1743,7 @@ declare const InteractiveGraph: {
|
|
|
1747
1743
|
lockedFigures: LockedFigure[];
|
|
1748
1744
|
fullGraphAriaLabel?: string;
|
|
1749
1745
|
fullGraphAriaDescription?: string;
|
|
1750
|
-
} & import("../../../../perseus/src/types").UniversalWidgetProps<
|
|
1746
|
+
} & import("../../../../perseus/src/types").UniversalWidgetProps<PerseusGraphType, Empty>): string;
|
|
1751
1747
|
getRayEquationString(props: {
|
|
1752
1748
|
step: [number, number];
|
|
1753
1749
|
gridStep?: [x: number, y: number];
|
|
@@ -1768,7 +1764,7 @@ declare const InteractiveGraph: {
|
|
|
1768
1764
|
lockedFigures: LockedFigure[];
|
|
1769
1765
|
fullGraphAriaLabel?: string;
|
|
1770
1766
|
fullGraphAriaDescription?: string;
|
|
1771
|
-
} & import("../../../../perseus/src/types").UniversalWidgetProps<
|
|
1767
|
+
} & import("../../../../perseus/src/types").UniversalWidgetProps<PerseusGraphType, Empty>): string;
|
|
1772
1768
|
getPolygonEquationString(props: {
|
|
1773
1769
|
step: [number, number];
|
|
1774
1770
|
gridStep?: [x: number, y: number];
|
|
@@ -1789,7 +1785,7 @@ declare const InteractiveGraph: {
|
|
|
1789
1785
|
lockedFigures: LockedFigure[];
|
|
1790
1786
|
fullGraphAriaLabel?: string;
|
|
1791
1787
|
fullGraphAriaDescription?: string;
|
|
1792
|
-
} & import("../../../../perseus/src/types").UniversalWidgetProps<
|
|
1788
|
+
} & import("../../../../perseus/src/types").UniversalWidgetProps<PerseusGraphType, Empty>): string;
|
|
1793
1789
|
getAngleEquationString(props: {
|
|
1794
1790
|
step: [number, number];
|
|
1795
1791
|
gridStep?: [x: number, y: number];
|
|
@@ -1810,7 +1806,7 @@ declare const InteractiveGraph: {
|
|
|
1810
1806
|
lockedFigures: LockedFigure[];
|
|
1811
1807
|
fullGraphAriaLabel?: string;
|
|
1812
1808
|
fullGraphAriaDescription?: string;
|
|
1813
|
-
} & import("../../../../perseus/src/types").UniversalWidgetProps<
|
|
1809
|
+
} & import("../../../../perseus/src/types").UniversalWidgetProps<PerseusGraphType, Empty>): string;
|
|
1814
1810
|
contextType?: React.Context<any> | undefined;
|
|
1815
1811
|
};
|
|
1816
1812
|
type InteractiveGraphProps = PropsFor<typeof InteractiveGraph>;
|
package/package.json
CHANGED
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
"description": "Perseus editors",
|
|
4
4
|
"author": "Khan Academy",
|
|
5
5
|
"license": "MIT",
|
|
6
|
-
"version": "28.
|
|
6
|
+
"version": "28.2.0",
|
|
7
7
|
"publishConfig": {
|
|
8
8
|
"access": "public"
|
|
9
9
|
},
|
|
@@ -36,11 +36,11 @@
|
|
|
36
36
|
"tiny-invariant": "1.3.1",
|
|
37
37
|
"@khanacademy/kas": "2.1.2",
|
|
38
38
|
"@khanacademy/keypad-context": "3.2.9",
|
|
39
|
+
"@khanacademy/perseus": "71.1.0",
|
|
40
|
+
"@khanacademy/math-input": "26.2.10",
|
|
39
41
|
"@khanacademy/kmath": "2.2.9",
|
|
40
|
-
"@khanacademy/math-input": "26.2.9",
|
|
41
|
-
"@khanacademy/perseus": "70.1.0",
|
|
42
42
|
"@khanacademy/perseus-core": "19.4.0",
|
|
43
|
-
"@khanacademy/perseus-linter": "4.3.
|
|
43
|
+
"@khanacademy/perseus-linter": "4.3.10",
|
|
44
44
|
"@khanacademy/perseus-score": "7.7.9",
|
|
45
45
|
"@khanacademy/perseus-utils": "2.1.0",
|
|
46
46
|
"@khanacademy/pure-markdown": "2.2.0"
|
|
@@ -1,16 +0,0 @@
|
|
|
1
|
-
import * as React from "react";
|
|
2
|
-
import type { Props } from "./image-editor";
|
|
3
|
-
export default function ImageSettings({ alt, backgroundImage, apiOptions, caption, longDescription, title, onChange, }: Props): React.JSX.Element | null;
|
|
4
|
-
export declare const wbFieldStylesWithDescription: {
|
|
5
|
-
label: {
|
|
6
|
-
paddingBlockEnd: number;
|
|
7
|
-
fontWeight: string;
|
|
8
|
-
};
|
|
9
|
-
description: {
|
|
10
|
-
paddingBlockStart: number;
|
|
11
|
-
paddingBlockEnd: string;
|
|
12
|
-
};
|
|
13
|
-
root: {
|
|
14
|
-
marginBlockEnd: string;
|
|
15
|
-
};
|
|
16
|
-
};
|