@khanacademy/perseus-editor 1.1.1 → 2.0.0

package/dist/widgets/simple-markdown-tester.d.ts

@@ -0,0 +1,52 @@
+import PropTypes from "prop-types";
+import * as React from "react";
+type Props = any;
+declare class SimpleMarkdownTester extends React.Component<Props> {
+    static propTypes: {
+        value: PropTypes.Requireable<string>;
+        onChange: PropTypes.Validator<(...args: any[]) => any>;
+    };
+    static defaultProps: Props;
+    /**
+     * This is the widget's grading function.
+     *
+     * simpleValidate generally defers to this function
+     *
+     * state is usually the result of toJSON on the widget
+     * rubric is the result of calling toJSON() on the editor
+     */
+    static validate(state: any, rubric: any): any;
+    change: (arg1: any, arg2: any, arg3: any) => any;
+    toJSON: () => Record<any, any>;
+    render(): React.ReactNode;
+    /**
+     * Widgets that are focusable should add a focus method that returns
+     * true if focusing succeeded. The first such widget found will be
+     * focused on page load.
+     */
+    focus: () => boolean;
+    /**
+     * simpleValidate is called for grading. Rubric is the result of calling
+     * toJSON() on the editor that created this widget.
+     *
+     * Should return an object representing the grading result, such as
+     * {
+     *     type: "points",
+     *     earned: 1,
+     *     total: 1,
+     *     message: null
+     * }
+     */
+    simpleValidate: (arg1: any) => any;
+}
+/**
+ * For this widget to work, we must import this file in src/all-widgets.js
+ */
+declare const _default: {
+    name: string;
+    displayName: string;
+    hidden: boolean;
+    widget: typeof SimpleMarkdownTester;
+    transform: <T>(value: T) => T;
+};
+export default _default;

package/dist/widgets/simple-markdown-tester.js.flow

@@ -0,0 +1,61 @@
+/**
+ * Flowtype definitions for data
+ * Generated by Flowgen from a Typescript Definition
+ * Flowgen v1.21.0
+ * @flow
+ */
+import PropTypes from "prop-types";
+import * as React from "react";
+declare type Props = any;
+declare class SimpleMarkdownTester extends React.Component<Props> {
+  static propTypes: {|
+    value: PropTypes.Requireable<string>,
+    onChange: PropTypes.Validator<(...args: any[]) => any>,
+  |};
+  static defaultProps: Props;
+
+  /**
+   * This is the widget's grading function.
+   *
+   * simpleValidate generally defers to this function
+   *
+   * state is usually the result of toJSON on the widget
+   * rubric is the result of calling toJSON() on the editor
+   */
+  static validate(state: any, rubric: any): any;
+  change: (arg1: any, arg2: any, arg3: any) => any;
+  toJSON: () => { [key: any]: any };
+  render(): React.Node;
+
+  /**
+   * Widgets that are focusable should add a focus method that returns
+   * true if focusing succeeded. The first such widget found will be
+   * focused on page load.
+   */
+  focus: () => boolean;
+
+  /**
+   * simpleValidate is called for grading. Rubric is the result of calling
+   * toJSON() on the editor that created this widget.
+   *
+   * Should return an object representing the grading result, such as
+   * {
+   *     type: "points",
+   *     earned: 1,
+   *     total: 1,
+   *     message: null
+   * }
+   */
+  simpleValidate: (arg1: any) => any;
+}
+/**
+ * For this widget to work, we must import this file in src/all-widgets.js
+ */
+declare var _default: {|
+  name: string,
+  displayName: string,
+  hidden: boolean,
+  widget: typeof SimpleMarkdownTester,
+  transform: <T>(value: T) => T,
+|};
+declare export default typeof _default;

package/dist/widgets/simulator-editor.d.ts

@@ -0,0 +1,20 @@
+import PropTypes from "prop-types";
+import * as React from "react";
+type Props = any;
+declare class SimulatorEditor extends React.Component<Props> {
+    static propTypes: {
+        xAxisLabel: PropTypes.Requireable<string>;
+        yAxisLabel: PropTypes.Requireable<string>;
+        numTrials: PropTypes.Requireable<number>;
+        proportionLabel: PropTypes.Requireable<string>;
+        proportionOrPercentage: PropTypes.Requireable<string>;
+        onChange: PropTypes.Validator<(...args: any[]) => any>;
+    };
+    static widgetName: "simulator";
+    static defaultProps: Props;
+    render(): React.ReactNode;
+    change: (...args: ReadonlyArray<unknown>) => any;
+    handleTargetValueChange: (arg1: string, arg2: any) => void;
+    serialize: () => any;
+}
+export default SimulatorEditor;

package/dist/widgets/simulator-editor.js.flow

@@ -0,0 +1,26 @@
+/**
+ * Flowtype definitions for data
+ * Generated by Flowgen from a Typescript Definition
+ * Flowgen v1.21.0
+ * @flow
+ */
+import PropTypes from "prop-types";
+import * as React from "react";
+declare type Props = any;
+declare class SimulatorEditor extends React.Component<Props> {
+  static propTypes: {|
+    xAxisLabel: PropTypes.Requireable<string>,
+    yAxisLabel: PropTypes.Requireable<string>,
+    numTrials: PropTypes.Requireable<number>,
+    proportionLabel: PropTypes.Requireable<string>,
+    proportionOrPercentage: PropTypes.Requireable<string>,
+    onChange: PropTypes.Validator<(...args: any[]) => any>,
+  |};
+  static widgetName: "simulator";
+  static defaultProps: Props;
+  render(): React.Node;
+  change: (...args: $ReadOnlyArray<mixed>) => any;
+  handleTargetValueChange: (arg1: string, arg2: any) => void;
+  serialize: () => any;
+}
+declare export default typeof SimulatorEditor;

package/dist/widgets/sorter-editor.d.ts

@@ -0,0 +1,16 @@
+import PropTypes from "prop-types";
+import * as React from "react";
+type Props = any;
+declare class SorterEditor extends React.Component<Props> {
+    static propTypes: {
+        correct: PropTypes.Requireable<any[]>;
+        layout: PropTypes.Requireable<string>;
+        padding: PropTypes.Requireable<boolean>;
+    };
+    static widgetName: "sorter";
+    static defaultProps: Props;
+    onLayoutChange: (arg1: React.ChangeEvent<HTMLInputElement>) => void;
+    serialize: (arg1: any) => void;
+    render(): React.ReactNode;
+}
+export default SorterEditor;

package/dist/widgets/sorter-editor.js.flow

@@ -0,0 +1,22 @@
+/**
+ * Flowtype definitions for data
+ * Generated by Flowgen from a Typescript Definition
+ * Flowgen v1.21.0
+ * @flow
+ */
+import PropTypes from "prop-types";
+import * as React from "react";
+declare type Props = any;
+declare class SorterEditor extends React.Component<Props> {
+  static propTypes: {|
+    correct: PropTypes.Requireable<any[]>,
+    layout: PropTypes.Requireable<string>,
+    padding: PropTypes.Requireable<boolean>,
+  |};
+  static widgetName: "sorter";
+  static defaultProps: Props;
+  onLayoutChange: (arg1: SyntheticInputEvent<HTMLInputElement>) => void;
+  serialize: (arg1: any) => void;
+  render(): React.Node;
+}
+declare export default typeof SorterEditor;

package/dist/widgets/table-editor.d.ts

@@ -0,0 +1,18 @@
+import PropTypes from "prop-types";
+import * as React from "react";
+type Props = any;
+declare class TableEditor extends React.Component<Props> {
+    static propTypes: {
+        rows: PropTypes.Requireable<number>;
+        columns: PropTypes.Requireable<number>;
+        headers: PropTypes.Requireable<(string | null | undefined)[]>;
+        answers: PropTypes.Requireable<((string | null | undefined)[] | null | undefined)[]>;
+    };
+    static widgetName: "table";
+    static defaultProps: Props;
+    focus: () => void;
+    render(): React.ReactNode;
+    onSizeInput: (arg1: number, arg2: number) => void;
+    serialize: () => any;
+}
+export default TableEditor;

package/dist/widgets/table-editor.js.flow

@@ -0,0 +1,24 @@
+/**
+ * Flowtype definitions for data
+ * Generated by Flowgen from a Typescript Definition
+ * Flowgen v1.21.0
+ * @flow
+ */
+import PropTypes from "prop-types";
+import * as React from "react";
+declare type Props = any;
+declare class TableEditor extends React.Component<Props> {
+  static propTypes: {|
+    rows: PropTypes.Requireable<number>,
+    columns: PropTypes.Requireable<number>,
+    headers: PropTypes.Requireable<(string | null | void)[]>,
+    answers: PropTypes.Requireable<((string | null | void)[] | null | void)[]>,
+  |};
+  static widgetName: "table";
+  static defaultProps: Props;
+  focus: () => void;
+  render(): React.Node;
+  onSizeInput: (arg1: number, arg2: number) => void;
+  serialize: () => any;
+}
+declare export default typeof TableEditor;

package/dist/widgets/transformer-editor.d.ts

@@ -0,0 +1,11 @@
+import * as React from "react";
+declare class TransformerEditor extends React.Component<any> {
+    static defaultProps: any;
+    static widgetName: "transformer";
+    render(): React.ReactNode;
+    changeGraph: (arg1: any, arg2: any) => void;
+    changeStarting: (arg1: any) => void;
+    changeTransformer: (arg1: any, arg2: any) => void;
+    serialize: () => any;
+}
+export default TransformerEditor;

package/dist/widgets/transformer-editor.js.flow

@@ -0,0 +1,17 @@
+/**
+ * Flowtype definitions for data
+ * Generated by Flowgen from a Typescript Definition
+ * Flowgen v1.21.0
+ * @flow
+ */
+import * as React from "react";
+declare class TransformerEditor extends React.Component<any> {
+  static defaultProps: any;
+  static widgetName: "transformer";
+  render(): React.Node;
+  changeGraph: (arg1: any, arg2: any) => void;
+  changeStarting: (arg1: any) => void;
+  changeTransformer: (arg1: any, arg2: any) => void;
+  serialize: () => any;
+}
+declare export default typeof TransformerEditor;

package/dist/widgets/unit-editor.d.ts

@@ -0,0 +1,33 @@
+import PropTypes from "prop-types";
+import * as React from "react";
+declare const ALL: "all";
+declare const SOME: "some";
+type UnitExampleProps = any;
+type UnitInputEditorProps = any;
+declare class UnitInputEditor extends React.Component<UnitInputEditorProps> {
+    parsed: boolean | null | undefined;
+    groupId: string;
+    original: any | null | undefined;
+    static propTypes: {
+        value: PropTypes.Requireable<string>;
+        acceptingUnits: PropTypes.Requireable<(string | null | undefined)[]>;
+        accepting: PropTypes.Requireable<"all" | "some">;
+        sigfigs: PropTypes.Requireable<number>;
+        onChange: PropTypes.Validator<(...args: any[]) => any>;
+    };
+    static widgetName: "unit-input";
+    static defaultProps: UnitInputEditorProps;
+    constructor(props: UnitExampleProps);
+    UNSAFE_componentWillReceiveProps(nextProps: UnitInputEditorProps): void;
+    change: (arg1: any, arg2: any, arg3: any) => any;
+    handleAcceptingUnitsChange: (arg1: React.ChangeEvent<HTMLInputElement>) => void;
+    handleSigfigChange: (arg1: number) => void;
+    _checkSigfigValidity: (arg1: number) => boolean;
+    _setAccepting: (arg1: typeof SOME | typeof ALL) => void;
+    _doOriginal: (arg1: UnitExampleProps) => void;
+    onChange: (arg1: React.ChangeEvent<HTMLInputElement>) => void;
+    getSaveWarnings: () => ReadonlyArray<string>;
+    serialize: () => any;
+    render(): React.ReactNode;
+}
+export default UnitInputEditor;

package/dist/widgets/unit-editor.js.flow

@@ -0,0 +1,41 @@
+/**
+ * Flowtype definitions for data
+ * Generated by Flowgen from a Typescript Definition
+ * Flowgen v1.21.0
+ * @flow
+ */
+import PropTypes from "prop-types";
+import * as React from "react";
+declare var ALL: "all";
+declare var SOME: "some";
+declare type UnitExampleProps = any;
+declare type UnitInputEditorProps = any;
+declare class UnitInputEditor extends React.Component<UnitInputEditorProps> {
+  parsed: boolean | null | void;
+  groupId: string;
+  original: any | null | void;
+  static propTypes: {|
+    value: PropTypes.Requireable<string>,
+    acceptingUnits: PropTypes.Requireable<(string | null | void)[]>,
+    accepting: PropTypes.Requireable<"all" | "some">,
+    sigfigs: PropTypes.Requireable<number>,
+    onChange: PropTypes.Validator<(...args: any[]) => any>,
+  |};
+  static widgetName: "unit-input";
+  static defaultProps: UnitInputEditorProps;
+  constructor(props: UnitExampleProps): this;
+  UNSAFE_componentWillReceiveProps(nextProps: UnitInputEditorProps): void;
+  change: (arg1: any, arg2: any, arg3: any) => any;
+  handleAcceptingUnitsChange: (
+    arg1: SyntheticInputEvent<HTMLInputElement>
+  ) => void;
+  handleSigfigChange: (arg1: number) => void;
+  _checkSigfigValidity: (arg1: number) => boolean;
+  _setAccepting: (arg1: typeof SOME | typeof ALL) => void;
+  _doOriginal: (arg1: UnitExampleProps) => void;
+  onChange: (arg1: SyntheticInputEvent<HTMLInputElement>) => void;
+  getSaveWarnings: () => $ReadOnlyArray<string>;
+  serialize: () => any;
+  render(): React.Node;
+}
+declare export default typeof UnitInputEditor;

package/dist/widgets/video-editor.d.ts

@@ -0,0 +1,19 @@
+import PropTypes from "prop-types";
+import * as React from "react";
+type Props = any;
+/**
+ * This is the main editor for this widget, to specify all the options.
+ */
+declare class VideoEditor extends React.Component<Props> {
+    static propTypes: {
+        location: PropTypes.Requireable<string>;
+        onChange: PropTypes.Requireable<(...args: any[]) => any>;
+    };
+    static widgetName: "video";
+    static defaultProps: Props;
+    _handleUrlChange: (arg1: string) => void;
+    change: (arg1: any, arg2: any, arg3: any) => any;
+    serialize: () => any;
+    render(): React.ReactNode;
+}
+export default VideoEditor;

package/dist/widgets/video-editor.js.flow

@@ -0,0 +1,25 @@
+/**
+ * Flowtype definitions for data
+ * Generated by Flowgen from a Typescript Definition
+ * Flowgen v1.21.0
+ * @flow
+ */
+import PropTypes from "prop-types";
+import * as React from "react";
+declare type Props = any;
+/**
+ * This is the main editor for this widget, to specify all the options.
+ */
+declare class VideoEditor extends React.Component<Props> {
+  static propTypes: {|
+    location: PropTypes.Requireable<string>,
+    onChange: PropTypes.Requireable<(...args: any[]) => any>,
+  |};
+  static widgetName: "video";
+  static defaultProps: Props;
+  _handleUrlChange: (arg1: string) => void;
+  change: (arg1: any, arg2: any, arg3: any) => any;
+  serialize: () => any;
+  render(): React.Node;
+}
+declare export default typeof VideoEditor;

package/package.json

@@ -3,7 +3,7 @@
     "description": "Perseus editors",
     "author": "Khan Academy",
     "license": "MIT",
-    "version": "1.1.1",
+    "version": "2.0.0",
     "publishConfig": {
         "access": "public"
     },
@@ -16,14 +16,14 @@
     },
     "module": "dist/es/index.js",
     "main": "dist/index.js",
-    "source": "src/index.js",
+    "source": "src/index.ts",
     "scripts": {
         "test": "bash -c 'yarn --silent --cwd \"../..\" test ${@:0} $($([[ ${@: -1} = -* ]] || [[ ${@: -1} = bash ]]) && echo $PWD)'"
     },
     "dependencies": {
-        "@khanacademy/kas": "^0.2.7",
-        "@khanacademy/kmath": "^0.0.8",
-        "@khanacademy/perseus": "^3.0.0"
+        "@khanacademy/kas": "^0.3.0",
+        "@khanacademy/kmath": "^0.1.0",
+        "@khanacademy/perseus": "^4.0.0"
     },
     "devDependencies": {
         "@khanacademy/wonder-blocks-button": "^4.0.8",
@@ -34,6 +34,7 @@
         "classnames": "^1.1.4",
         "create-react-class": "^15.6.3",
         "jquery": "^2.1.1",
+        "katex": "^0.11.1",
         "perseus-build-settings": "^0.0.5",
         "prop-types": "^15.6.1",
         "react": "16.14.0",

package/src/__stories__/{editor.stories.js → editor.stories.tsx}

@@ -1,16 +1,15 @@
-// @flow
 import {ApiOptions, Dependencies} from "@khanacademy/perseus";
 import * as React from "react";
 
-import {question1} from "../__testdata__/input-number_testdata.js";
-import Editor from "../editor.jsx";
-import {registerAllWidgetsAndEditorsForTesting} from "../util/register-all-widgets-and-editors-for-testing.js";
+import {question1} from "../__testdata__/input-number.testdata";
+import Editor from "../editor";
+import {registerAllWidgetsAndEditorsForTesting} from "../util/register-all-widgets-and-editors-for-testing";
 
 export default {
     title: "Perseus/Editor",
 };
 
-export const Rational = (): React.Node => {
+export const Rational = (): React.ReactElement => {
     registerAllWidgetsAndEditorsForTesting();
     Dependencies.getDependencies().shouldUseFutureKaTeX(false);
 

package/src/__stories__/{section-control-button.stories.jsx → section-control-button.stories.tsx}

@@ -1,22 +1,21 @@
-// @flow
 import {icons} from "@khanacademy/perseus";
 import * as React from "react";
 
-import SectionControlButton from "../section-control-button.jsx";
+import SectionControlButton from "../section-control-button";
 
-type StoryArgs = {||};
+type StoryArgs = Record<any, any>;
 
-type Story = {|
-    title: string,
-|};
+type Story = {
+    title: string;
+};
 
-export default ({
+export default {
     title: "Perseus Editor/Widgets/Section Control Button",
-}: Story);
+} as Story;
 
-export const ButtonForEditingSectionsOfContentWithInArticleEditor = (
-    args: StoryArgs,
-): React.Node => {
+export const ButtonForEditingSectionsOfContentWithInArticleEditor: React.FC<
+    StoryArgs
+> = (args): React.ReactElement => {
     return (
         <SectionControlButton
             icon={icons.iconTrash}

package/src/__testdata__/{input-number_testdata.js → input-number.testdata.ts}

@@ -1,4 +1,3 @@
-// @flow
 import type {PerseusRenderer, InputNumberWidget} from "@khanacademy/perseus";
 
 export const question1: PerseusRenderer = {
@@ -6,7 +5,7 @@ export const question1: PerseusRenderer = {
         "A sequence is defined recursively as follows:\n\n\n$\\qquad\\displaystyle{{a}_{n}}=-\\frac{1}{a_{n-1}-1} \n~~~~~~\\text{ with}\\qquad\\displaystyle{{a}_{0}}=\\frac{1}{2}\\,$\n\n\nFind the term $a_3$ in the sequence.\n\n[[\u2603 input-number 1]]",
     images: {},
     widgets: {
-        "input-number 1": ({
+        "input-number 1": {
             graded: true,
             version: {
                 major: 0,
@@ -23,6 +22,6 @@ export const question1: PerseusRenderer = {
                 size: "normal",
             },
             alignment: "default",
-        }: InputNumberWidget),
+        } as InputNumberWidget,
     },
 };

package/src/__tests__/{editor_test.jsx → editor.test.tsx}

@@ -1,13 +1,12 @@
-// @flow
 import {ApiOptions, Dependencies, Widgets} from "@khanacademy/perseus";
 import {render, screen} from "@testing-library/react";
 import userEvent from "@testing-library/user-event";
 import * as React from "react";
 import "@testing-library/jest-dom"; // Imports custom mathers
 
-import {testDependencies} from "../../../../testing/test-dependencies.js";
-import {question1} from "../__testdata__/input-number_testdata.js";
-import Editor from "../editor.jsx";
+import {testDependencies} from "../../../../testing/test-dependencies";
+import {question1} from "../__testdata__/input-number.testdata";
+import Editor from "../editor";
 
 describe("Editor", () => {
     beforeEach(() => {
@@ -20,9 +19,7 @@ describe("Editor", () => {
         beforeEach(async () => {
             const [InputNumberWidget, InputNumberEditor] = await Promise.all([
                 import("@khanacademy/perseus").then((m) => m.InputNumber),
-                import("../widgets/input-number-editor.jsx").then(
-                    (m) => m.default,
-                ),
+                import("../widgets/input-number-editor").then((m) => m.default),
             ]);
             Widgets.registerWidgets([InputNumberWidget]);
             Widgets.registerEditors([InputNumberEditor]);

package/src/__tests__/{i18n_test.jsx → i18n.test.ts}

@@ -1,10 +1,9 @@
-// @flow
 import {Dependencies} from "@khanacademy/perseus";
 import _ from "underscore";
 
-import {testDependencies} from "../../../../testing/test-dependencies.js";
-import i18n from "../i18n.jsx";
-import {registerAllWidgetsAndEditorsForTesting} from "../util/register-all-widgets-and-editors-for-testing.js";
+import {testDependencies} from "../../../../testing/test-dependencies";
+import i18n from "../i18n";
+import {registerAllWidgetsAndEditorsForTesting} from "../util/register-all-widgets-and-editors-for-testing";
 
 const exerciseImagesEverywhere = {
     question: {
@@ -443,13 +442,14 @@ const exerciseImagesEverywhere = {
             },
         },
     ],
-};
+} as const;
 
 // Article perseus format is very similar to exercises and should parse the
 // same way, but should just be a list of renders.  So we reuse the test data
 // from exerciseImagesEverywhere, but include the question and hints as if they
 // were paragraphs in the article.
 const articleImagesEverywhere = [exerciseImagesEverywhere.question].concat(
+    // @ts-expect-error [FEI-5003] - TS2769 - No overload matches this call.
     exerciseImagesEverywhere.hints,
 );
 

package/src/__tests__/{traversal_test.jsx → traversal.test.ts}

@@ -1,8 +1,7 @@
-// @flow
 import {traverse, Widgets} from "@khanacademy/perseus";
 import _ from "underscore";
 
-import {registerAllWidgetsAndEditorsForTesting} from "../util/register-all-widgets-and-editors-for-testing.js";
+import {registerAllWidgetsAndEditorsForTesting} from "../util/register-all-widgets-and-editors-for-testing";
 
 const missingOptions = {
     content: "[[☃ radio 1]]\n\n",
@@ -31,7 +30,7 @@ const missingOptions = {
             alignment: "default",
         },
     },
-};
+} as const;
 
 const clonedMissingOptions = JSON.parse(JSON.stringify(missingOptions));
 
@@ -59,7 +58,7 @@ const sampleOptions = {
             alignment: "default",
         },
     },
-};
+} as const;
 
 const clonedSampleOptions = JSON.parse(JSON.stringify(sampleOptions));
 
@@ -96,7 +95,7 @@ const sampleOptions2 = {
             alignment: "default",
         },
     },
-};
+} as const;
 
 const clonedSampleOptions2 = JSON.parse(JSON.stringify(sampleOptions2));
 
@@ -133,7 +132,7 @@ const sampleOptions2Upgraded = {
             alignment: "default",
         },
     },
-};
+} as const;
 
 const sampleGroup = {
     content: "[[☃ group 1]]\n\n",
@@ -184,7 +183,7 @@ const sampleGroup = {
             alignment: "default",
         },
     },
-};
+} as const;
 
 const sampleGroupUpgraded = {
     content: "[[☃ group 1]]\n\n",
@@ -236,7 +235,7 @@ const sampleGroupUpgraded = {
             alignment: "default",
         },
     },
-};
+} as const;
 
 const clonedSampleGroup = JSON.parse(JSON.stringify(sampleGroup));
 
@@ -276,7 +275,7 @@ describe("Traversal", () => {
     });
 
     it("should have access to widgets", () => {
-        const widgetMap = {};
+        const widgetMap: Record<string, any> = {};
         traverse(sampleOptions, null, (widgetInfo) => {
             widgetMap[widgetInfo.type] = (widgetMap[widgetInfo.type] || 0) + 1;
         });
@@ -330,7 +329,7 @@ describe("Traversal", () => {
     });
 
     it("should be able to see group widgets", () => {
-        const widgetMap = {};
+        const widgetMap: Record<string, any> = {};
         traverse(sampleGroup, null, (widgetInfo) => {
             widgetMap[widgetInfo.type] = (widgetMap[widgetInfo.type] || 0) + 1;
         });

package/src/{all-editors_test.js → all-editors.test.ts}

@@ -1,7 +1,6 @@
-// @flow
 import * as React from "react";
 
-import allEditors from "./all-editors.js";
+import allEditors from "./all-editors";
 
 describe("All editors", () => {
     it("should export react components with a widgetName property", () => {