@khanacademy/perseus-editor 2.6.0 → 2.6.1

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

@@ -1,32 +1,55 @@
-import PropTypes from "prop-types";
 import * as React from "react";
-type Props = any;
-type State = any;
+declare const plotTypes: string[];
+type PlotType = typeof plotTypes[number];
+declare const editingStates: string[];
+type EditingState = typeof editingStates[number];
+type Props = {
+    type: PlotType;
+    labels: Array<string>;
+    categories: ReadonlyArray<string | number>;
+    scaleY: number;
+    maxY: number;
+    snapsPerLine: number;
+    picSize: number;
+    picBoxHeight: number;
+    picUrl: string;
+    plotDimensions: ReadonlyArray<number>;
+    labelInterval: number;
+    starting: ReadonlyArray<number>;
+    correct: ReadonlyArray<number>;
+    static: boolean;
+    onChange: any;
+};
+type DefaultProps = {
+    scaleY: Props["scaleY"];
+    maxY: Props["maxY"];
+    snapsPerLine: Props["snapsPerLine"];
+    correct: Props["correct"];
+    starting: Props["starting"];
+    type: Props["type"];
+    labels: Props["labels"];
+    categories: Props["categories"];
+    picSize: Props["picSize"];
+    picBoxHeight: Props["picBoxHeight"];
+    plotDimensions: Props["plotDimensions"];
+    labelInterval: Props["labelInterval"];
+    picUrl: Props["picUrl"];
+};
+type State = {
+    editing: EditingState;
+    pic: any;
+    loadedUrl: string | null;
+    minX: number | null;
+    maxX: number | null;
+    tickStep: number | null;
+};
 declare class PlotterEditor extends React.Component<Props, State> {
-    static propTypes: {
-        readonly type: PropTypes.Requireable<string>;
-        readonly labels: PropTypes.Requireable<(string | null | undefined)[]>;
-        readonly categories: PropTypes.Requireable<(NonNullable<string | number | null | undefined> | null | undefined)[]>;
-        readonly scaleY: PropTypes.Requireable<number>;
-        readonly maxY: PropTypes.Requireable<number>;
-        readonly snapsPerLine: PropTypes.Requireable<number>;
-        readonly picSize: PropTypes.Requireable<number>;
-        readonly pixBoxHeight: PropTypes.Requireable<number>;
-        readonly picUrl: PropTypes.Requireable<string>;
-        readonly plotDimensions: PropTypes.Requireable<(number | null | undefined)[]>;
-        readonly labelInterval: PropTypes.Requireable<number>;
-        readonly starting: PropTypes.Requireable<(number | null | undefined)[]>;
-        readonly correct: PropTypes.Requireable<(number | null | undefined)[]>;
-        readonly static: PropTypes.Requireable<boolean>;
-        readonly onChange: PropTypes.Requireable<(...args: any[]) => any>;
-    };
     static widgetName: "plotter";
-    static defaultProps: Props;
+    static defaultProps: DefaultProps;
     state: State;
     UNSAFE_componentWillMount(): void;
     UNSAFE_componentWillReceiveProps(nextProps: any): void;
     fetchPic: (arg1: string) => any;
-    render(): React.ReactNode;
     handleChangeTickStep: (arg1: number) => void;
     handleChangeRange: (arg1: [number, number]) => void;
     changeLabelInterval: (arg1: number) => void;
@@ -38,8 +61,9 @@ declare class PlotterEditor extends React.Component<Props, State> {
     changeScale: (arg1: any) => void;
     changeMax: (arg1: any) => void;
     changeSnaps: (arg1: any) => void;
-    changeEditing: (arg1: string) => void;
+    changeEditing: (arg1: EditingState) => void;
     setCategoriesFromScale: () => void;
     serialize: () => any;
+    render(): React.ReactNode;
 }
 export default PlotterEditor;

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

@@ -4,37 +4,58 @@
  * Flowgen v1.21.0
  * @flow
  */
-import PropTypes from "prop-types";
 import * as React from "react";
-declare type Props = any;
-declare type State = any;
+declare var plotTypes: string[];
+declare type PlotType = $ElementType<typeof plotTypes, number>;
+declare var editingStates: string[];
+declare type EditingState = $ElementType<typeof editingStates, number>;
+declare type Props = {|
+  type: PlotType,
+  labels: Array<string>,
+  categories: $ReadOnlyArray<string | number>,
+  scaleY: number,
+  maxY: number,
+  snapsPerLine: number,
+  picSize: number,
+  picBoxHeight: number,
+  picUrl: string,
+  plotDimensions: $ReadOnlyArray<number>,
+  labelInterval: number,
+  starting: $ReadOnlyArray<number>,
+  correct: $ReadOnlyArray<number>,
+  static: boolean,
+  onChange: any,
+|};
+declare type DefaultProps = {|
+  scaleY: $PropertyType<Props, "scaleY">,
+  maxY: $PropertyType<Props, "maxY">,
+  snapsPerLine: $PropertyType<Props, "snapsPerLine">,
+  correct: $PropertyType<Props, "correct">,
+  starting: $PropertyType<Props, "starting">,
+  type: $PropertyType<Props, "type">,
+  labels: $PropertyType<Props, "labels">,
+  categories: $PropertyType<Props, "categories">,
+  picSize: $PropertyType<Props, "picSize">,
+  picBoxHeight: $PropertyType<Props, "picBoxHeight">,
+  plotDimensions: $PropertyType<Props, "plotDimensions">,
+  labelInterval: $PropertyType<Props, "labelInterval">,
+  picUrl: $PropertyType<Props, "picUrl">,
+|};
+declare type State = {|
+  editing: EditingState,
+  pic: any,
+  loadedUrl: string | null,
+  minX: number | null,
+  maxX: number | null,
+  tickStep: number | null,
+|};
 declare class PlotterEditor extends React.Component<Props, State> {
-  static propTypes: {|
-    +type: PropTypes.Requireable<string>,
-    +labels: PropTypes.Requireable<(string | null | void)[]>,
-    +categories: PropTypes.Requireable<
-      ($NonMaybeType<string | number | null | void> | null | void)[]
-    >,
-    +scaleY: PropTypes.Requireable<number>,
-    +maxY: PropTypes.Requireable<number>,
-    +snapsPerLine: PropTypes.Requireable<number>,
-    +picSize: PropTypes.Requireable<number>,
-    +pixBoxHeight: PropTypes.Requireable<number>,
-    +picUrl: PropTypes.Requireable<string>,
-    +plotDimensions: PropTypes.Requireable<(number | null | void)[]>,
-    +labelInterval: PropTypes.Requireable<number>,
-    +starting: PropTypes.Requireable<(number | null | void)[]>,
-    +correct: PropTypes.Requireable<(number | null | void)[]>,
-    +static: PropTypes.Requireable<boolean>,
-    +onChange: PropTypes.Requireable<(...args: any[]) => any>,
-  |};
   static widgetName: "plotter";
-  static defaultProps: Props;
+  static defaultProps: DefaultProps;
   state: State;
   UNSAFE_componentWillMount(): void;
   UNSAFE_componentWillReceiveProps(nextProps: any): void;
   fetchPic: (arg1: string) => any;
-  render(): React.Node;
   handleChangeTickStep: (arg1: number) => void;
   handleChangeRange: (arg1: [number, number]) => void;
   changeLabelInterval: (arg1: number) => void;
@@ -46,8 +67,9 @@ declare class PlotterEditor extends React.Component<Props, State> {
   changeScale: (arg1: any) => void;
   changeMax: (arg1: any) => void;
   changeSnaps: (arg1: any) => void;
-  changeEditing: (arg1: string) => void;
+  changeEditing: (arg1: EditingState) => void;
   setCategoriesFromScale: () => void;
   serialize: () => any;
+  render(): React.Node;
 }
 declare export default typeof PlotterEditor;

package/package.json

@@ -3,7 +3,7 @@
     "description": "Perseus editors",
     "author": "Khan Academy",
     "license": "MIT",
-    "version": "2.6.0",
+    "version": "2.6.1",
     "publishConfig": {
         "access": "public"
     },
@@ -23,7 +23,7 @@
     "dependencies": {
         "@khanacademy/kas": "^0.3.1",
         "@khanacademy/kmath": "^0.1.1",
-        "@khanacademy/perseus": "^7.2.0"
+        "@khanacademy/perseus": "^7.2.1"
     },
     "devDependencies": {
         "@khanacademy/wonder-blocks-button": "^4.0.8",

package/src/components/checkbox.tsx

@@ -1,3 +1,4 @@
+/* eslint-disable @khanacademy/ts-no-error-suppressions */
 /**
  * Reusable checkbox component.
  **/

package/src/components/dropdown-option.tsx

@@ -1,3 +1,4 @@
+/* eslint-disable @khanacademy/ts-no-error-suppressions */
 /**
  * The Option is an item to be used in the Select components and the
  * derivations such as MultiSelect, CheckList, and CheckBoxList. Also includes

package/src/components/form-wrapped-text-field.tsx

@@ -1,3 +1,4 @@
+/* eslint-disable @khanacademy/ts-no-error-suppressions */
 /**
  * DEPRECATED: Use <TextField> from ./text-field.jsx instead.
  *

package/src/components/widget-editor.tsx

@@ -1,3 +1,4 @@
+/* eslint-disable @khanacademy/ts-no-error-suppressions */
 import {
     components,
     icons,

package/src/diffs/structured-item-diff.tsx

@@ -1,3 +1,4 @@
+/* eslint-disable @khanacademy/ts-no-error-suppressions */
 /**
  * A side by side diff view for Perseus exercise items
  * that do not have the standard question layout.

package/src/editor.tsx

@@ -1,3 +1,4 @@
+/* eslint-disable @khanacademy/ts-no-error-suppressions */
 import {
     preprocessTex,
     Errors,

package/src/hint-editor.tsx

@@ -1,3 +1,4 @@
+/* eslint-disable @khanacademy/ts-no-error-suppressions */
 /* eslint-disable @babel/no-invalid-this */
 /**
  * Collection of classes for rendering the hint editor area,

package/src/katex-mhchem/parser.js

@@ -946,7 +946,7 @@ mhchemParser.stateMachines = {
                 },
             },
             oxidation$: {
-                "0": {action_: "oxidation-output"},
+                0: {action_: "oxidation-output"},
             },
             CMT: {
                 r: {action_: "rdt=", nextState: "rt"},
@@ -975,7 +975,7 @@ mhchemParser.stateMachines = {
                 q: {action_: "d=", nextState: "qd"},
                 "qd|qD": {action_: "d=", nextState: "qd"},
                 dq: {action_: ["output", "d="], nextState: "d"},
-                "3": {
+                3: {
                     action_: ["sb=false", "output", "operator"],
                     nextState: "0",
                 },
@@ -1038,7 +1038,7 @@ mhchemParser.stateMachines = {
                     ],
                     nextState: "3",
                 },
-                "3": {action_: {type_: "bond", option: "-"}},
+                3: {action_: {type_: "bond", option: "-"}},
                 a: {
                     action_: ["output", {type_: "insert", option: "hyphen"}],
                     nextState: "2",
@@ -1087,7 +1087,7 @@ mhchemParser.stateMachines = {
             },
             space: {
                 a: {nextState: "as"},
-                "0": {action_: "sb=false"},
+                0: {action_: "sb=false"},
                 "1|2": {action_: "sb=true"},
                 "r|rt|rd|rdt|rdq": {action_: "output", nextState: "0"},
                 "*": {action_: ["output", "sb=true"], nextState: "1"},
@@ -1605,10 +1605,10 @@ mhchemParser.stateMachines = {
                 "*": {},
             },
             "1/2$": {
-                "0": {action_: "1/2"},
+                0: {action_: "1/2"},
             },
             else: {
-                "0": {nextState: "1", revisit: true},
+                0: {nextState: "1", revisit: true},
             },
             "$(...)$": {
                 "*": {action_: "tex-math tight", nextState: "1"},
@@ -1628,10 +1628,10 @@ mhchemParser.stateMachines = {
                 "*": {},
             },
             "1/2$": {
-                "0": {action_: "1/2"},
+                0: {action_: "1/2"},
             },
             else: {
-                "0": {nextState: "1", revisit: true},
+                0: {nextState: "1", revisit: true},
             },
             letters: {
                 "*": {action_: "rm"},
@@ -1697,19 +1697,19 @@ mhchemParser.stateMachines = {
                 "*": {action_: "state of aggregation"},
             },
             i$: {
-                "0": {nextState: "!f", revisit: true},
+                0: {nextState: "!f", revisit: true},
             },
             "(KV letters),": {
-                "0": {action_: "rm", nextState: "0"},
+                0: {action_: "rm", nextState: "0"},
             },
             formula$: {
-                "0": {nextState: "f", revisit: true},
+                0: {nextState: "f", revisit: true},
             },
             "1/2$": {
-                "0": {action_: "1/2"},
+                0: {action_: "1/2"},
             },
             else: {
-                "0": {nextState: "!f", revisit: true},
+                0: {nextState: "!f", revisit: true},
             },
             "${(...)}$|$(...)$": {
                 "*": {action_: "tex-math"},
@@ -1772,13 +1772,13 @@ mhchemParser.stateMachines = {
                 "*": {},
             },
             x$: {
-                "0": {nextState: "!f", revisit: true},
+                0: {nextState: "!f", revisit: true},
             },
             formula$: {
-                "0": {nextState: "f", revisit: true},
+                0: {nextState: "f", revisit: true},
             },
             else: {
-                "0": {nextState: "!f", revisit: true},
+                0: {nextState: "!f", revisit: true},
             },
             "-9.,9 no missing 0": {
                 "*": {action_: "9,9"},
@@ -1948,10 +1948,10 @@ mhchemParser.stateMachines = {
                 "0|a": {action_: "copy"},
             },
             "(-)(9)^(-9)": {
-                "0": {action_: "number^", nextState: "a"},
+                0: {action_: "number^", nextState: "a"},
             },
             "(-)(9.,9)(e)(99)": {
-                "0": {action_: "enumber", nextState: "a"},
+                0: {action_: "enumber", nextState: "a"},
             },
             space: {
                 "0|a": {},
@@ -2112,11 +2112,11 @@ mhchemParser.stateMachines = {
                 "*": {action_: ["output", "space"], nextState: "0"},
             },
             "^{(...)}|^(-1)": {
-                "1": {action_: "^(-1)"},
+                1: {action_: "^(-1)"},
             },
             "-9.,9": {
-                "0": {action_: "rm=", nextState: "0"},
-                "1": {action_: "^(-1)", nextState: "0"},
+                0: {action_: "rm=", nextState: "0"},
+                1: {action_: "^(-1)", nextState: "0"},
             },
             "{...}|else": {
                 "*": {action_: "rm=", nextState: "1"},
@@ -2156,14 +2156,14 @@ mhchemParser.stateMachines = {
     "pu-9,9": {
         transitions: mhchemParser.createTransitions({
             empty: {
-                "0": {action_: "output-0"},
+                0: {action_: "output-0"},
                 o: {action_: "output-o"},
             },
             ",": {
-                "0": {action_: ["output-0", "comma"], nextState: "o"},
+                0: {action_: ["output-0", "comma"], nextState: "o"},
             },
             ".": {
-                "0": {action_: ["output-0", "copy"], nextState: "o"},
+                0: {action_: ["output-0", "copy"], nextState: "o"},
             },
             else: {
                 "*": {action_: "text="},

package/src/widgets/__stories__/label-image-editor.stories.tsx

@@ -1,3 +1,4 @@
+/* eslint-disable @khanacademy/ts-no-error-suppressions */
 import {StyleSheet, css} from "aphrodite";
 import * as React from "react";
 

package/src/widgets/__stories__/radio-editor.stories.tsx

@@ -1,3 +1,4 @@
+/* eslint-disable @khanacademy/ts-no-error-suppressions */
 import {StyleSheet, css} from "aphrodite";
 import * as React from "react";
 

package/src/widgets/definition-editor.tsx

@@ -1,3 +1,4 @@
+/* eslint-disable @khanacademy/ts-no-error-suppressions */
 import {components, Changeable, EditorJsonify} from "@khanacademy/perseus";
 import PropTypes from "prop-types";
 import * as React from "react";

package/src/widgets/dropdown-editor.tsx

@@ -1,3 +1,4 @@
+/* eslint-disable @khanacademy/ts-no-error-suppressions */
 import {components, icons, EditorJsonify} from "@khanacademy/perseus";
 import PropTypes from "prop-types";
 import * as React from "react";

package/src/widgets/example-widget.tsx

@@ -1,3 +1,4 @@
+/* eslint-disable @khanacademy/ts-no-error-suppressions */
 /* eslint-disable react/sort-comp */
 /**
  * This is a simple number-entry widget

package/src/widgets/explanation-editor.tsx

@@ -1,3 +1,4 @@
+/* eslint-disable @khanacademy/ts-no-error-suppressions */
 /* eslint-disable react/forbid-prop-types */
 import {components, Changeable, EditorJsonify} from "@khanacademy/perseus";
 import PropTypes from "prop-types";

package/src/widgets/graded-group-editor.tsx

@@ -1,3 +1,4 @@
+/* eslint-disable @khanacademy/ts-no-error-suppressions */
 /* eslint-disable react/forbid-prop-types, react/sort-comp */
 import {components, icons, ApiOptions, Changeable} from "@khanacademy/perseus";
 import {StyleSheet, css} from "aphrodite";

package/src/widgets/grapher-editor.tsx

@@ -1,3 +1,4 @@
+/* eslint-disable @khanacademy/ts-no-error-suppressions */
 /* eslint-disable react/sort-comp */
 import {
     components,

package/src/widgets/group-editor.tsx

@@ -1,3 +1,4 @@
+/* eslint-disable @khanacademy/ts-no-error-suppressions */
 /* eslint-disable react/forbid-prop-types, react/sort-comp */
 import {ApiOptions, Changeable} from "@khanacademy/perseus";
 import PropTypes from "prop-types";

package/src/widgets/iframe-editor.tsx

@@ -1,3 +1,4 @@
+/* eslint-disable @khanacademy/ts-no-error-suppressions */
 /* eslint-disable react/sort-comp */
 import {components, Changeable, EditorJsonify} from "@khanacademy/perseus";
 import PropTypes from "prop-types";

package/src/widgets/interaction-editor.tsx

@@ -1,3 +1,4 @@
+/* eslint-disable @khanacademy/ts-no-error-suppressions */
 /* eslint-disable @babel/no-invalid-this, react/no-unsafe, react/sort-comp */
 import {
     components,

package/src/widgets/label-image/marker.tsx

@@ -1,3 +1,4 @@
+/* eslint-disable @khanacademy/ts-no-error-suppressions */
 /* eslint-disable react/no-unsafe */
 /**
  * Controlled editor image marker on the question image.

package/src/widgets/lights-puzzle-editor.tsx

@@ -1,3 +1,4 @@
+/* eslint-disable @khanacademy/ts-no-error-suppressions */
 /* eslint-disable react/sort-comp */
 import {components, Changeable, EditorJsonify} from "@khanacademy/perseus";
 import PropTypes from "prop-types";

package/src/widgets/measurer-editor.tsx

@@ -1,3 +1,4 @@
+/* eslint-disable @khanacademy/ts-no-error-suppressions */
 /* eslint-disable react/sort-comp */
 import {components, Changeable, EditorJsonify} from "@khanacademy/perseus";
 import PropTypes from "prop-types";

package/src/widgets/number-line-editor.tsx

@@ -1,3 +1,4 @@
+/* eslint-disable @khanacademy/ts-no-error-suppressions */
 import {number as knumber} from "@khanacademy/kmath";
 import {components, EditorJsonify} from "@khanacademy/perseus";
 import PropTypes from "prop-types";

package/src/widgets/orderer-editor.tsx

@@ -1,3 +1,4 @@
+/* eslint-disable @khanacademy/ts-no-error-suppressions */
 /* eslint-disable one-var, react/forbid-prop-types, react/sort-comp */
 import {components} from "@khanacademy/perseus";
 import PropTypes from "prop-types";

package/src/widgets/passage-ref-editor.tsx

@@ -1,3 +1,4 @@
+/* eslint-disable @khanacademy/ts-no-error-suppressions */
 import {components, Changeable, EditorJsonify} from "@khanacademy/perseus";
 import PropTypes from "prop-types";
 import * as React from "react";