@khanacademy/perseus-editor 44.0.3 → 44.0.4
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/index.js +8 -8
- package/dist/index.js.map +1 -1
- package/dist/widgets/label-image-editor/answer-choices.d.ts +1 -1
- package/dist/widgets/label-image-editor/behavior.d.ts +2 -2
- package/dist/widgets/label-image-editor/label-image-editor.d.ts +4 -13
- package/dist/widgets/matcher-editor/matcher-editor.d.ts +4 -3
- package/dist/widgets/matrix-editor/matrix-editor.d.ts +3 -3
- package/package.json +10 -10
|
@@ -2,11 +2,11 @@
|
|
|
2
2
|
* Controlled component to display and change widget options.
|
|
3
3
|
*/
|
|
4
4
|
import * as React from "react";
|
|
5
|
-
|
|
5
|
+
import type { PreferredPopoverDirection } from "@khanacademy/perseus-core";
|
|
6
6
|
type Props = {
|
|
7
7
|
multipleAnswers: boolean;
|
|
8
8
|
hideChoicesFromInstructions: boolean;
|
|
9
|
-
preferredPopoverDirection
|
|
9
|
+
preferredPopoverDirection?: PreferredPopoverDirection;
|
|
10
10
|
onChange: (options: {
|
|
11
11
|
multipleAnswers?: boolean;
|
|
12
12
|
hideChoicesFromInstructions?: boolean;
|
|
@@ -1,19 +1,9 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
|
-
import type { PreferredPopoverDirection } from "./behavior";
|
|
3
2
|
import type { APIOptions } from "@khanacademy/perseus";
|
|
4
3
|
import type { PerseusLabelImageWidgetOptions } from "@khanacademy/perseus-core";
|
|
5
|
-
interface Props {
|
|
4
|
+
export interface Props extends PerseusLabelImageWidgetOptions {
|
|
6
5
|
apiOptions: APIOptions;
|
|
7
|
-
|
|
8
|
-
imageAlt: string;
|
|
9
|
-
imageUrl: string;
|
|
10
|
-
imageWidth: number;
|
|
11
|
-
imageHeight: number;
|
|
12
|
-
markers: PerseusLabelImageWidgetOptions["markers"];
|
|
13
|
-
multipleAnswers: boolean;
|
|
14
|
-
hideChoicesFromInstructions: boolean;
|
|
15
|
-
onChange: (options: any) => void;
|
|
16
|
-
preferredPopoverDirection: PreferredPopoverDirection;
|
|
6
|
+
onChange: (options: PerseusLabelImageWidgetOptions) => void;
|
|
17
7
|
}
|
|
18
8
|
/**
|
|
19
9
|
* Direct image labeling widget editor.
|
|
@@ -26,11 +16,12 @@ declare class LabelImageEditor extends React.Component<Props> {
|
|
|
26
16
|
private _questionMarkers;
|
|
27
17
|
static defaultProps: PerseusLabelImageWidgetOptions;
|
|
28
18
|
componentDidUpdate(prevProps: Props): void;
|
|
19
|
+
handleChange(changes: Partial<PerseusLabelImageWidgetOptions>): void;
|
|
29
20
|
getSaveWarnings: () => ReadonlyArray<any | string>;
|
|
30
21
|
serialize(): any;
|
|
31
22
|
handleImageChange: (url: string) => void;
|
|
32
23
|
handleAltChange: (alt: string) => void;
|
|
33
|
-
handleChoicesChange: (choices:
|
|
24
|
+
handleChoicesChange: (choices: string[]) => void;
|
|
34
25
|
handleMarkersChange: (markers: PerseusLabelImageWidgetOptions["markers"]) => void;
|
|
35
26
|
handleBehaviorChange: (options?: any) => void;
|
|
36
27
|
render(): React.ReactNode;
|
|
@@ -1,13 +1,14 @@
|
|
|
1
1
|
import { type PerseusMatcherWidgetOptions } from "@khanacademy/perseus-core";
|
|
2
2
|
import * as React from "react";
|
|
3
|
-
|
|
4
|
-
onChange: (
|
|
5
|
-
}
|
|
3
|
+
interface Props extends PerseusMatcherWidgetOptions {
|
|
4
|
+
onChange: (options: PerseusMatcherWidgetOptions) => void;
|
|
5
|
+
}
|
|
6
6
|
/**
|
|
7
7
|
* An editor for adding a matcher widget that allows users to match items from two different sets.
|
|
8
8
|
*/
|
|
9
9
|
declare class MatcherEditor extends React.Component<Props> {
|
|
10
10
|
static defaultProps: PerseusMatcherWidgetOptions;
|
|
11
|
+
handleChange(changes: Partial<PerseusMatcherWidgetOptions>): void;
|
|
11
12
|
onLabelChange: (index: number, e: React.ChangeEvent<HTMLInputElement>) => void;
|
|
12
13
|
getSaveWarnings: () => string[];
|
|
13
14
|
serialize: () => PerseusMatcherWidgetOptions;
|
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
|
-
import type { ChangeableProps } from "../../mixins/changeable";
|
|
3
2
|
import type { APIOptionsWithDefaults } from "@khanacademy/perseus";
|
|
4
3
|
import type { PerseusMatrixWidgetOptions } from "@khanacademy/perseus-core";
|
|
5
|
-
interface Props extends PerseusMatrixWidgetOptions
|
|
4
|
+
interface Props extends PerseusMatrixWidgetOptions {
|
|
6
5
|
apiOptions: APIOptionsWithDefaults;
|
|
6
|
+
onChange: (options: PerseusMatrixWidgetOptions) => void;
|
|
7
7
|
}
|
|
8
8
|
declare class MatrixEditor extends React.Component<Props> {
|
|
9
9
|
static defaultProps: PerseusMatrixWidgetOptions;
|
|
10
|
-
|
|
10
|
+
handleChange(changes: Partial<PerseusMatrixWidgetOptions>): void;
|
|
11
11
|
onMatrixBoardSizeChange: (arg1: [number, number]) => void;
|
|
12
12
|
serialize: () => any;
|
|
13
13
|
render(): React.ReactNode;
|
package/package.json
CHANGED
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
"description": "Perseus editors",
|
|
4
4
|
"author": "Khan Academy",
|
|
5
5
|
"license": "MIT",
|
|
6
|
-
"version": "44.0.
|
|
6
|
+
"version": "44.0.4",
|
|
7
7
|
"publishConfig": {
|
|
8
8
|
"access": "public"
|
|
9
9
|
},
|
|
@@ -31,11 +31,11 @@
|
|
|
31
31
|
"@khanacademy/kas": "3.0.0",
|
|
32
32
|
"@khanacademy/keypad-context": "6.0.2",
|
|
33
33
|
"@khanacademy/kmath": "3.0.3",
|
|
34
|
-
"@khanacademy/math-input": "30.0.
|
|
35
|
-
"@khanacademy/perseus": "90.0.
|
|
36
|
-
"@khanacademy/perseus-core": "41.0.0",
|
|
34
|
+
"@khanacademy/math-input": "30.0.3",
|
|
35
|
+
"@khanacademy/perseus": "90.0.2",
|
|
37
36
|
"@khanacademy/perseus-linter": "6.0.3",
|
|
38
|
-
"@khanacademy/perseus-utils": "3.0.0"
|
|
37
|
+
"@khanacademy/perseus-utils": "3.0.0",
|
|
38
|
+
"@khanacademy/perseus-core": "41.0.0"
|
|
39
39
|
},
|
|
40
40
|
"devDependencies": {
|
|
41
41
|
"@khanacademy/mathjax-renderer": "3.2.0",
|
|
@@ -45,7 +45,7 @@
|
|
|
45
45
|
"@khanacademy/wonder-blocks-button": "11.7.12",
|
|
46
46
|
"@khanacademy/wonder-blocks-clickable": "8.3.1",
|
|
47
47
|
"@khanacademy/wonder-blocks-core": "12.5.0",
|
|
48
|
-
"@khanacademy/wonder-blocks-dropdown": "10.
|
|
48
|
+
"@khanacademy/wonder-blocks-dropdown": "10.13.0",
|
|
49
49
|
"@khanacademy/wonder-blocks-form": "7.6.15",
|
|
50
50
|
"@khanacademy/wonder-blocks-icon": "6.0.2",
|
|
51
51
|
"@khanacademy/wonder-blocks-icon-button": "12.0.1",
|
|
@@ -53,7 +53,7 @@
|
|
|
53
53
|
"@khanacademy/wonder-blocks-layout": "3.1.62",
|
|
54
54
|
"@khanacademy/wonder-blocks-link": "10.4.1",
|
|
55
55
|
"@khanacademy/wonder-blocks-pill": "3.1.78",
|
|
56
|
-
"@khanacademy/wonder-blocks-popover": "
|
|
56
|
+
"@khanacademy/wonder-blocks-popover": "7.0.0",
|
|
57
57
|
"@khanacademy/wonder-blocks-switch": "3.4.14",
|
|
58
58
|
"@khanacademy/wonder-blocks-timing": "7.1.0",
|
|
59
59
|
"@khanacademy/wonder-blocks-tokens": "18.0.0",
|
|
@@ -78,7 +78,7 @@
|
|
|
78
78
|
"@khanacademy/wonder-blocks-button": "^11.7.12",
|
|
79
79
|
"@khanacademy/wonder-blocks-clickable": "^8.3.1",
|
|
80
80
|
"@khanacademy/wonder-blocks-core": "^12.5.0",
|
|
81
|
-
"@khanacademy/wonder-blocks-dropdown": "^10.
|
|
81
|
+
"@khanacademy/wonder-blocks-dropdown": "^10.13.0",
|
|
82
82
|
"@khanacademy/wonder-blocks-form": "^7.6.15",
|
|
83
83
|
"@khanacademy/wonder-blocks-icon": "^6.0.2",
|
|
84
84
|
"@khanacademy/wonder-blocks-icon-button": "^12.0.1",
|
|
@@ -86,7 +86,7 @@
|
|
|
86
86
|
"@khanacademy/wonder-blocks-layout": "^3.1.62",
|
|
87
87
|
"@khanacademy/wonder-blocks-link": "^10.4.1",
|
|
88
88
|
"@khanacademy/wonder-blocks-pill": "^3.1.78",
|
|
89
|
-
"@khanacademy/wonder-blocks-popover": "^
|
|
89
|
+
"@khanacademy/wonder-blocks-popover": "^7.0.0",
|
|
90
90
|
"@khanacademy/wonder-blocks-switch": "^3.4.14",
|
|
91
91
|
"@khanacademy/wonder-blocks-timing": "^7.1.0",
|
|
92
92
|
"@khanacademy/wonder-blocks-tokens": "^18.0.0",
|
|
@@ -103,7 +103,7 @@
|
|
|
103
103
|
},
|
|
104
104
|
"keywords": [],
|
|
105
105
|
"khan": {
|
|
106
|
-
"catalogHash": "
|
|
106
|
+
"catalogHash": "6d770d713837dffc"
|
|
107
107
|
},
|
|
108
108
|
"scripts": {}
|
|
109
109
|
}
|