@khanacademy/perseus-editor 1.1.1 → 2.0.1

package/src/{item-editor.jsx → item-editor.tsx}

@@ -1,12 +1,11 @@
-// @flow
 import {itemDataVersion} from "@khanacademy/perseus";
 import * as React from "react";
 import _ from "underscore";
 
-import DeviceFramer from "./components/device-framer.jsx";
-import Editor from "./editor.jsx";
-import IframeContentRenderer from "./iframe-content-renderer.jsx";
-import ItemExtrasEditor from "./item-extras-editor.jsx";
+import DeviceFramer from "./components/device-framer";
+import Editor from "./editor";
+import IframeContentRenderer from "./iframe-content-renderer";
+import ItemExtrasEditor from "./item-extras-editor";
 
 import type {
     APIOptions,
@@ -16,29 +15,28 @@ import type {
 
 const ITEM_DATA_VERSION = itemDataVersion;
 
-type Props = {|
-    apiOptions?: APIOptions,
-    deviceType?: string,
-    gradeMessage?: string,
-    imageUploader?: ImageUploader,
-    wasAnswered?: boolean,
-    question?: $FlowFixMe,
-    answerArea?: $FlowFixMe,
+type Props = {
+    apiOptions?: APIOptions;
+    deviceType?: string;
+    gradeMessage?: string;
+    imageUploader?: ImageUploader;
+    wasAnswered?: boolean;
+    question?: any;
+    answerArea?: any;
     // URL of the route to show on initial load of the preview frames.
-    previewURL: string,
-    onChange: ChangeHandler,
-
+    previewURL: string;
+    onChange: ChangeHandler;
     // The content ID of the AssessmentItem being edited. It may not be set
     // for non-content library exercise questions.
-    itemId?: string,
-|};
+    itemId?: string;
+};
 
 class ItemEditor extends React.Component<Props> {
-    static defaultProps: {|
-        answerArea: {...},
-        onChange: () => void,
-        question: {...},
-    |} = {
+    static defaultProps: {
+        answerArea: Record<any, any>;
+        onChange: () => void;
+        question: Record<any, any>;
+    } = {
         onChange: () => {},
         question: {},
         answerArea: {},
@@ -51,8 +49,9 @@ class ItemEditor extends React.Component<Props> {
         this.props.onChange(_(props).extend(newProps), cb, silent);
     };
 
-    triggerPreviewUpdate: (newData: any) => void = (newData: $FlowFixMe) => {
+    triggerPreviewUpdate: (newData?: any) => void = (newData: any) => {
         // eslint-disable-next-line react/no-string-refs
+        // @ts-expect-error [FEI-5003] - TS2339 - Property 'sendNewData' does not exist on type 'ReactInstance'.
         this.refs.frame.sendNewData(newData);
     };
 
@@ -68,24 +67,30 @@ class ItemEditor extends React.Component<Props> {
 
     getSaveWarnings: () => any = () => {
         // eslint-disable-next-line react/no-string-refs
+        // @ts-expect-error [FEI-5003] - TS2339 - Property 'getSaveWarnings' does not exist on type 'ReactInstance'.
         return this.refs.questionEditor.getSaveWarnings();
     };
 
-    serialize: (options: any) => {|
-        answerArea: any,
-        itemDataVersion: {|major: number, minor: number|},
-        question: any,
-    |} = (options: $FlowFixMe) => {
+    serialize: (options?: any) => {
+        answerArea: any;
+        itemDataVersion: {
+            major: number;
+            minor: number;
+        };
+        question: any;
+    } = (options: any) => {
         return {
             // eslint-disable-next-line react/no-string-refs
+            // @ts-expect-error [FEI-5003] - TS2339 - Property 'serialize' does not exist on type 'ReactInstance'.
             question: this.refs.questionEditor.serialize(options),
             // eslint-disable-next-line react/no-string-refs
+            // @ts-expect-error [FEI-5003] - TS2339 - Property 'serialize' does not exist on type 'ReactInstance'.
             answerArea: this.refs.itemExtrasEditor.serialize(options),
             itemDataVersion: ITEM_DATA_VERSION,
         };
     };
 
-    render(): React.Element<"div"> {
+    render(): React.ReactNode {
         const isMobile =
             this.props.deviceType === "phone" ||
             this.props.deviceType === "tablet";

package/src/{item-extras-editor.jsx → item-extras-editor.tsx}

@@ -1,11 +1,10 @@
-// @flow
 import {components} from "@khanacademy/perseus";
 import PropTypes from "prop-types";
 import * as React from "react";
 
 const {InfoTip} = components;
 
-type Props = $FlowFixMe;
+type Props = any;
 
 class ItemExtrasEditor extends React.Component<Props> {
     static propTypes = {
@@ -25,7 +24,7 @@ class ItemExtrasEditor extends React.Component<Props> {
         zTable: false,
     };
 
-    serialize: () => $FlowFixMe = () => {
+    serialize: () => any = () => {
         return {
             calculator: this.props.calculator,
             chi2Table: this.props.chi2Table,
@@ -35,7 +34,7 @@ class ItemExtrasEditor extends React.Component<Props> {
         };
     };
 
-    render(): React.Node {
+    render(): React.ReactNode {
         return (
             <div className="perseus-answer-editor">
                 <div className="perseus-answer-options">

package/src/{katex-error-view.jsx → katex-error-view.tsx}

@@ -1,4 +1,3 @@
-// @flow
 /**
  * Displays a collapsable list of KaTeX rendering errors.
  */
@@ -6,8 +5,8 @@ import {css, StyleSheet} from "aphrodite";
 import PropTypes from "prop-types";
 import * as React from "react";
 
-type Props = $FlowFixMe;
-type State = $FlowFixMe;
+type Props = any;
+type State = any;
 
 class KatexErrorView extends React.Component<Props, State> {
     static propTypes = {
@@ -23,11 +22,11 @@ class KatexErrorView extends React.Component<Props, State> {
         showErrors: false,
     };
 
-    handleToggleKatexErrors: (SyntheticMouseEvent<>) => void = (e) => {
+    handleToggleKatexErrors: (arg1: React.MouseEvent) => void = (e) => {
         this.setState({showErrors: !this.state.showErrors});
     };
 
-    render(): React.Node {
+    render(): React.ReactNode {
         const {errorList} = this.props;
         const {showErrors} = this.state;