@khanacademy/perseus-editor 23.0.0 → 24.0.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 (11) hide show
  1. package/dist/editor-page.d.ts +2 -0
  2. package/dist/es/index.js +41 -51
  3. package/dist/es/index.js.map +1 -1
  4. package/dist/index.d.ts +1 -0
  5. package/dist/index.js +42 -49
  6. package/dist/index.js.map +1 -1
  7. package/dist/issue-details.d.ts +7 -0
  8. package/dist/issues-panel.d.ts +15 -0
  9. package/dist/item-editor.d.ts +13 -2
  10. package/dist/messages.d.ts +5 -0
  11. package/package.json +52 -52
package/dist/issue-details.d.ts ADDED
@@ -0,0 +1,7 @@
1
+ import * as React from "react";
2
+ import type { Issue } from "./issues-panel";
3
+ type IssueProps = {
4
+ issue: Issue;
5
+ };
6
+ declare const IssueDetails: ({ issue }: IssueProps) => React.JSX.Element;
7
+ export default IssueDetails;
package/dist/issues-panel.d.ts ADDED
@@ -0,0 +1,15 @@
1
+ import * as React from "react";
2
+ export type IssueImpact = "low" | "medium" | "high";
3
+ export type Issue = {
4
+ id: string;
5
+ description: string;
6
+ helpUrl: string;
7
+ help: string;
8
+ impact: IssueImpact;
9
+ message: string;
10
+ };
11
+ type IssuesPanelProps = {
12
+ issues?: Issue[];
13
+ };
14
+ declare const IssuesPanel: ({ issues }: IssuesPanelProps) => React.JSX.Element;
15
+ export default IssuesPanel;
package/dist/item-editor.d.ts CHANGED
@@ -2,8 +2,9 @@ import * as React from "react";
2
2
  import Editor from "./editor";
3
3
  import IframeContentRenderer from "./iframe-content-renderer";
4
4
  import ItemExtrasEditor from "./item-extras-editor";
5
+ import type { Issue } from "./issues-panel";
5
6
  import type { APIOptions, ImageUploader, ChangeHandler, DeviceType } from "@khanacademy/perseus";
6
- import type { PerseusAnswerArea, PerseusRenderer } from "@khanacademy/perseus-core";
7
+ import type { PerseusAnswerArea, PerseusWidgetsMap, PerseusRenderer } from "@khanacademy/perseus-core";
7
8
  type Props = {
8
9
  apiOptions?: APIOptions;
9
10
  deviceType?: DeviceType;
@@ -14,16 +15,26 @@ type Props = {
14
15
  previewURL: string;
15
16
  onChange: ChangeHandler;
16
17
  itemId?: string;
18
+ issues?: Issue[];
17
19
  };
18
- declare class ItemEditor extends React.Component<Props> {
20
+ type State = {
21
+ issues: Issue[];
22
+ };
23
+ declare class ItemEditor extends React.Component<Props, State> {
19
24
  static defaultProps: {
20
25
  answerArea: Record<any, any>;
21
26
  onChange: () => void;
22
27
  question: Record<any, any>;
23
28
  };
29
+ static prevContent: string | undefined;
30
+ static prevWidgets: PerseusWidgetsMap | undefined;
24
31
  frame: React.RefObject<IframeContentRenderer>;
25
32
  questionEditor: React.RefObject<Editor>;
26
33
  itemExtrasEditor: React.RefObject<ItemExtrasEditor>;
34
+ state: {
35
+ issues: never[];
36
+ };
37
+ static getDerivedStateFromProps(props: Props): Partial<State> | null;
27
38
  updateProps: ChangeHandler;
28
39
  triggerPreviewUpdate: (newData?: any) => void;
29
40
  handleEditorChange: ChangeHandler;
package/dist/messages.d.ts ADDED
@@ -0,0 +1,5 @@
1
+ import type { Issue } from "./issues-panel";
2
+ export declare const WARNINGS: {
3
+ inaccessibleWidget: (widgetType: string, widgetId: string) => Issue;
4
+ genericLinterWarning: (rule: string, message: string) => Issue;
5
+ };
package/package.json CHANGED
@@ -3,7 +3,7 @@
3
3
  "description": "Perseus editors",
4
4
  "author": "Khan Academy",
5
5
  "license": "MIT",
6
- "version": "23.0.0",
6
+ "version": "24.0.0",
7
7
  "publishConfig": {
8
8
  "access": "public"
9
9
  },
@@ -33,74 +33,74 @@
33
33
  "dependencies": {
34
34
  "katex": "0.11.1",
35
35
  "mafs": "^0.19.0",
36
- "tiny-invariant": "^1.3.1",
36
+ "tiny-invariant": "1.3.1",
37
37
  "@khanacademy/kas": "2.0.5",
38
- "@khanacademy/keypad-context": "3.0.11",
39
- "@khanacademy/kmath": "2.0.11",
40
- "@khanacademy/perseus-linter": "3.0.11",
41
- "@khanacademy/math-input": "26.0.0",
42
- "@khanacademy/perseus": "63.1.0",
43
- "@khanacademy/perseus-core": "12.1.0",
44
- "@khanacademy/perseus-score": "7.0.1",
38
+ "@khanacademy/keypad-context": "3.0.13",
39
+ "@khanacademy/kmath": "2.0.13",
40
+ "@khanacademy/perseus-linter": "4.0.0",
41
+ "@khanacademy/math-input": "26.0.2",
42
+ "@khanacademy/perseus": "65.0.0",
43
+ "@khanacademy/perseus-core": "14.0.0",
44
+ "@khanacademy/perseus-score": "7.1.0",
45
45
  "@khanacademy/perseus-utils": "2.0.4",
46
46
  "@khanacademy/pure-markdown": "2.0.5"
47
47
  },
48
48
  "devDependencies": {
49
- "@khanacademy/mathjax-renderer": "^3.0.0",
50
- "@khanacademy/wonder-blocks-accordion": "3.1.14",
51
- "@khanacademy/wonder-blocks-banner": "4.1.16",
52
- "@khanacademy/wonder-blocks-button": "10.0.1",
53
- "@khanacademy/wonder-blocks-clickable": "7.1.2",
54
- "@khanacademy/wonder-blocks-core": "12.2.1",
55
- "@khanacademy/wonder-blocks-dropdown": "10.1.1",
56
- "@khanacademy/wonder-blocks-form": "7.1.14",
57
- "@khanacademy/wonder-blocks-icon": "5.1.3",
58
- "@khanacademy/wonder-blocks-icon-button": "10.0.0",
59
- "@khanacademy/wonder-blocks-labeled-field": "3.0.9",
60
- "@khanacademy/wonder-blocks-layout": "3.1.13",
61
- "@khanacademy/wonder-blocks-pill": "3.1.14",
62
- "@khanacademy/wonder-blocks-switch": "3.2.6",
49
+ "@khanacademy/mathjax-renderer": "3.0.0",
50
+ "@khanacademy/wonder-blocks-accordion": "3.1.18",
51
+ "@khanacademy/wonder-blocks-banner": "4.1.21",
52
+ "@khanacademy/wonder-blocks-button": "10.0.5",
53
+ "@khanacademy/wonder-blocks-clickable": "7.1.5",
54
+ "@khanacademy/wonder-blocks-core": "12.3.0",
55
+ "@khanacademy/wonder-blocks-dropdown": "10.1.5",
56
+ "@khanacademy/wonder-blocks-form": "7.1.18",
57
+ "@khanacademy/wonder-blocks-icon": "5.1.4",
58
+ "@khanacademy/wonder-blocks-icon-button": "10.2.1",
59
+ "@khanacademy/wonder-blocks-labeled-field": "3.0.13",
60
+ "@khanacademy/wonder-blocks-layout": "3.1.16",
61
+ "@khanacademy/wonder-blocks-pill": "3.1.18",
62
+ "@khanacademy/wonder-blocks-switch": "3.2.9",
63
63
  "@khanacademy/wonder-blocks-timing": "7.0.2",
64
- "@khanacademy/wonder-blocks-tokens": "10.2.0",
65
- "@khanacademy/wonder-blocks-tooltip": "4.1.16",
66
- "@khanacademy/wonder-blocks-typography": "3.2.3",
64
+ "@khanacademy/wonder-blocks-tokens": "10.4.0",
65
+ "@khanacademy/wonder-blocks-tooltip": "4.1.20",
66
+ "@khanacademy/wonder-blocks-typography": "4.2.0",
67
67
  "@khanacademy/wonder-stuff-core": "1.5.4",
68
- "@phosphor-icons/core": "^2.0.2",
69
- "aphrodite": "^1.2.5",
68
+ "@phosphor-icons/core": "2.0.2",
69
+ "aphrodite": "1.2.5",
70
70
  "classnames": "1.1.4",
71
- "jquery": "^2.1.1",
71
+ "jquery": "2.1.1",
72
72
  "prop-types": "15.6.1",
73
- "react": "^18.2.0",
74
- "react-dom": "^18.2.0",
75
- "underscore": "^1.4.4",
73
+ "react": "18.2.0",
74
+ "react-dom": "18.2.0",
75
+ "underscore": "1.4.4",
76
76
  "jsdiff": "1.0.2",
77
77
  "perseus-build-settings": "0.6.2"
78
78
  },
79
79
  "peerDependencies": {
80
80
  "@khanacademy/mathjax-renderer": "^3.0.0",
81
- "@khanacademy/wonder-blocks-accordion": "3.1.14",
82
- "@khanacademy/wonder-blocks-banner": "4.1.16",
83
- "@khanacademy/wonder-blocks-button": "10.0.1",
84
- "@khanacademy/wonder-blocks-clickable": "7.1.2",
85
- "@khanacademy/wonder-blocks-core": "12.2.1",
86
- "@khanacademy/wonder-blocks-dropdown": "10.1.1",
87
- "@khanacademy/wonder-blocks-form": "7.1.14",
88
- "@khanacademy/wonder-blocks-icon": "5.1.3",
89
- "@khanacademy/wonder-blocks-icon-button": "10.0.0",
90
- "@khanacademy/wonder-blocks-labeled-field": "3.0.9",
91
- "@khanacademy/wonder-blocks-layout": "3.1.13",
92
- "@khanacademy/wonder-blocks-pill": "3.1.14",
93
- "@khanacademy/wonder-blocks-switch": "3.2.6",
94
- "@khanacademy/wonder-blocks-timing": "7.0.2",
95
- "@khanacademy/wonder-blocks-tokens": "10.2.0",
96
- "@khanacademy/wonder-blocks-tooltip": "4.1.16",
97
- "@khanacademy/wonder-blocks-typography": "3.2.3",
98
- "@khanacademy/wonder-stuff-core": "1.5.4",
81
+ "@khanacademy/wonder-blocks-accordion": "^3.1.18",
82
+ "@khanacademy/wonder-blocks-banner": "^4.1.21",
83
+ "@khanacademy/wonder-blocks-button": "^10.0.5",
84
+ "@khanacademy/wonder-blocks-clickable": "^7.1.5",
85
+ "@khanacademy/wonder-blocks-core": "^12.3.0",
86
+ "@khanacademy/wonder-blocks-dropdown": "^10.1.5",
87
+ "@khanacademy/wonder-blocks-form": "^7.1.18",
88
+ "@khanacademy/wonder-blocks-icon": "^5.1.4",
89
+ "@khanacademy/wonder-blocks-icon-button": "^10.2.1",
90
+ "@khanacademy/wonder-blocks-labeled-field": "^3.0.13",
91
+ "@khanacademy/wonder-blocks-layout": "^3.1.16",
92
+ "@khanacademy/wonder-blocks-pill": "^3.1.18",
93
+ "@khanacademy/wonder-blocks-switch": "^3.2.9",
94
+ "@khanacademy/wonder-blocks-timing": "^7.0.2",
95
+ "@khanacademy/wonder-blocks-tokens": "^10.4.0",
96
+ "@khanacademy/wonder-blocks-tooltip": "^4.1.20",
97
+ "@khanacademy/wonder-blocks-typography": "^4.2.0",
98
+ "@khanacademy/wonder-stuff-core": "^1.5.4",
99
99
  "@phosphor-icons/core": "^2.0.2",
100
100
  "aphrodite": "^1.2.5",
101
- "classnames": "1.1.4",
101
+ "classnames": "^1.1.4",
102
102
  "jquery": "^2.1.1",
103
- "prop-types": "15.6.1",
103
+ "prop-types": "^15.6.1",
104
104
  "react": "^18.2.0",
105
105
  "react-dom": "^18.2.0",
106
106
  "underscore": "^1.4.4"