@khanacademy/perseus 0.3.1 → 0.3.4

package/package.json

@@ -3,7 +3,7 @@
     "description": "Core Perseus API (includes renderers and widgets)",
     "author": "Khan Academy",
     "license": "MIT",
-    "version": "0.3.1",
+    "version": "0.3.4",
     "publishConfig": {
         "access": "public"
     },
@@ -23,7 +23,7 @@
     "dependencies": {
         "@khanacademy/kmath": "^0.0.5",
         "@khanacademy/kas": "^0.2.4",
-        "@khanacademy/math-input": "^0.5.2",
+        "@khanacademy/math-input": "^0.5.5",
         "@khanacademy/perseus-linter": "^0.2.0",
         "@khanacademy/pure-markdown": "^0.1.0",
         "@khanacademy/simple-markdown": "^0.8.3",

package/src/components/highlighting/ui/util.js

@@ -73,7 +73,7 @@ export function getClientRectsForTextInRange(
 function addClientRectsForTextInNodeAndRange(
     node: Node,
     range: DOMRange,
-    // eslint-disable-next-line flowtype/no-mutable-array
+    // eslint-disable-next-line ft-flow/no-mutable-array
     mutableRects: Array<Rect>,
 ): void {
     const nodeContentsRange = new Range();
@@ -116,7 +116,7 @@ function addClientRectsForTextInNodeAndRange(
 function addClientRectsForText(
     textNode: Node,
     textRange: DOMRange,
-    // eslint-disable-next-line flowtype/no-mutable-array
+    // eslint-disable-next-line ft-flow/no-mutable-array
     mutableRects: Array<Rect>,
 ): void {
     const parentElement = textNode.parentElement;

package/src/interaction-tracker.js

@@ -12,13 +12,13 @@ class InteractionTracker {
     _tracked: boolean;
     setting: string;
     track: (extraData?: any) => void;
-    // eslint-disable-next-line flowtype/no-weak-types
+    // eslint-disable-next-line ft-flow/no-weak-types
     trackApi: Function;
     widgetID: string;
     widgetType: string;
 
     constructor(
-        // eslint-disable-next-line flowtype/no-weak-types
+        // eslint-disable-next-line ft-flow/no-weak-types
         trackApi: Function, // original apiOptions.trackInteraction
         widgetType: string,
         widgetID: string,

package/src/item-renderer.jsx

@@ -339,7 +339,7 @@ class ItemRenderer extends React.Component<Props, State> {
      * the form "answer-input-number 1", or the string "answer-area"
      * for the whole answer area (if the answer area is a single widget).
      */
-    // eslint-disable-next-line flowtype/no-weak-types
+    // eslint-disable-next-line ft-flow/no-weak-types
     _setWidgetProps(widgetId: string, newProps: any, callback: Function) {
         this.questionRenderer._setWidgetProps(widgetId, newProps, callback);
     }

package/src/mixins/provide-keypad.jsx

@@ -28,7 +28,7 @@ export type KeypadProps = {|
 
 export type KeypadApiOptions = {|
     customKeypad: boolean,
-    // eslint-disable-next-line flowtype/no-weak-types
+    // eslint-disable-next-line ft-flow/no-weak-types
     nativeKeypadProxy: Function,
 |};
 

package/src/renderer.jsx

@@ -143,7 +143,7 @@ export type Widget = {|
 type Props = {|
     apiOptions?: APIOptions,
     alwaysUpdate?: boolean,
-    // eslint-disable-next-line flowtype/no-weak-types
+    // eslint-disable-next-line ft-flow/no-weak-types
     findExternalWidgets: Function,
     highlightedWidgets?: $ReadOnlyArray<any>,
     images: PerseusRenderer["images"],
@@ -214,7 +214,7 @@ class Renderer extends React.Component<Props, State> {
     lastRenderedMarkdown: React.Element<PerseusDependencies["KatexProvider"]>;
     reuseMarkdown: boolean;
     translationIndex: number;
-    // eslint-disable-next-line flowtype/no-mutable-array
+    // eslint-disable-next-line ft-flow/no-mutable-array
     widgetIds: Array<string>;
 
     static defaultProps: DefaultProps = {

package/src/server-item-renderer.jsx

@@ -222,7 +222,7 @@ export class ServerItemRenderer
      * the form "answer-input-number 1", or the string "answer-area"
      * for the whole answer area (if the answer area is a single widget).
      */
-    // eslint-disable-next-line flowtype/no-weak-types
+    // eslint-disable-next-line ft-flow/no-weak-types
     _setWidgetProps(widgetId: string, newProps: Props, callback: Function) {
         this.questionRenderer._setWidgetProps(widgetId, newProps, callback);
     }

package/src/types.js

@@ -316,7 +316,7 @@ export type DomInsertCheckFn = (
 
 export type JIPT = {|
     useJIPT: boolean,
-    // eslint-disable-next-line flowtype/no-mutable-array
+    // eslint-disable-next-line ft-flow/no-mutable-array
     domInsertChecks: Array<DomInsertCheckFn>,
 |};
 

package/src/util/scroll-utils.js

@@ -42,7 +42,7 @@ const scrollElementToOffset = (
     elementOrWindow: HTMLElement | WindowProxy,
     offset: number,
     duration: number = 0,
-    // eslint-disable-next-line flowtype/no-weak-types
+    // eslint-disable-next-line ft-flow/no-weak-types
     callback?: Function,
 ) => {
     const startPosition =
@@ -110,7 +110,7 @@ const SCROLL_ANIMATION_DURATION = 750; // ms
  */
 export const scrollElementIntoView = (
     element: Element,
-    // eslint-disable-next-line flowtype/no-weak-types
+    // eslint-disable-next-line ft-flow/no-weak-types
     callback?: Function,
 ) => {
     // Often times we scroll an element into with in reaction to some change in

package/src/widgets/definition.jsx

@@ -3,7 +3,6 @@
 import Button from "@khanacademy/wonder-blocks-button";
 import Color from "@khanacademy/wonder-blocks-color";
 import {Popover, PopoverContentCore} from "@khanacademy/wonder-blocks-popover";
-import Spacing from "@khanacademy/wonder-blocks-spacing";
 import * as React from "react";
 
 import Renderer from "../renderer.jsx";
@@ -88,11 +87,9 @@ class Definition extends React.Component<DefinitionProps> {
 const styles = {
     tooltipBody: {
         color: Color.offBlack,
-        display: "block",
         fontSize: 20,
         fontWeight: 500,
         lineHeight: "30px",
-        margin: Spacing.xSmall_8,
     },
 };
 

package/src/widgets/interactive-graph.jsx

@@ -392,7 +392,7 @@ class InteractiveGraph extends React.Component<Props, State> {
     pointA: ?$FlowFixMe;
     pointB: ?$FlowFixMe;
     pointC: ?$FlowFixMe;
-    // eslint-disable-next-line flowtype/no-mutable-array
+    // eslint-disable-next-line ft-flow/no-mutable-array
     points: Array<$FlowFixMe>;
     polygon: ?$FlowFixMe;
     shouldResetGraphie: boolean;
@@ -1356,7 +1356,7 @@ class InteractiveGraph extends React.Component<Props, State> {
                 return true;
             }
 
-            // eslint-disable-next-line flowtype/no-mutable-array
+            // eslint-disable-next-line ft-flow/no-mutable-array
             const coords: Array<Coord> = _.invoke(this.points, "coord");
             coords[i] = coord;
 
@@ -2686,10 +2686,10 @@ class InteractiveGraph extends React.Component<Props, State> {
                 rubric.correct.type === "polygon" &&
                 state.coords != null
             ) {
-                const guess: Array<Coord> = state.coords?.slice(); // eslint-disable-line flowtype/no-mutable-array
+                const guess: Array<Coord> = state.coords?.slice(); // eslint-disable-line ft-flow/no-mutable-array
                 // $FlowFixMe[incompatible-type]
                 // $FlowFixMe[prop-missing]
-                const correct: Array<Coord> = rubric.correct.coords?.slice(); // eslint-disable-line flowtype/no-mutable-array
+                const correct: Array<Coord> = rubric.correct.coords?.slice(); // eslint-disable-line ft-flow/no-mutable-array
 
                 let match;
                 if (rubric.correct.match === "similar") {

package/src/widgets/label-image/answer-choices.jsx

@@ -185,7 +185,7 @@ export default class AnswerChoices extends React.Component<
     AnswerChoicesState,
 > {
     // The rendered answers elements.
-    // eslint-disable-next-line flowtype/no-mutable-array
+    // eslint-disable-next-line ft-flow/no-mutable-array
     _choices: Array<?AnswerChoice>;
 
     constructor(props: AnswerChoicesProps) {

package/src/widgets/label-image.jsx

@@ -85,7 +85,7 @@ type LabelImageState = {|
 
 class LabelImage extends React.Component<LabelImageProps, LabelImageState> {
     // The rendered markers on the question image for labeling.
-    // eslint-disable-next-line flowtype/no-mutable-array
+    // eslint-disable-next-line ft-flow/no-mutable-array
     _markers: Array<?Marker>;
 
     // The popup component containing the answer choices.

package/src/widgets/molecule/molecule-drawing.jsx

@@ -159,7 +159,7 @@ function compareElements(item0, item1) {
 /**
  * Draw an array of rendering instructions into a 2D canvas drawing context.
  */
-// eslint-disable-next-line flowtype/no-mutable-array
+// eslint-disable-next-line ft-flow/no-mutable-array
 function draw(ctx: $FlowFixMe, items: Array<$FlowFixMe>) {
     items.sort(compareElements).forEach(drawItem(ctx));
 }