@khanacademy/perseus 0.1.0 → 0.2.0

package/src/widgets/grapher.jsx

@@ -1,6 +1,11 @@
+/* eslint-disable react/prop-types */
 /* eslint-disable react/sort-comp */
 // @flow
-import {number as knumber, vector as kvector, point as kpoint} from "kmath";
+import {
+    number as knumber,
+    vector as kvector,
+    point as kpoint,
+} from "@khanacademy/kmath";
 import * as React from "react";
 import _ from "underscore";
 

package/src/widgets/iframe.jsx

@@ -101,7 +101,6 @@ class Iframe extends React.Component<$FlowFixMe> {
         // If the URL doesnt start with http, it must be a program ID
         if (url && url.length && url.indexOf("http") !== 0) {
             url =
-                // eslint-disable-next-line static-service/require-safe-link-to
                 "https://www.khanacademy.org/computer-programming/program/" +
                 url +
                 "/embedded?buttons=no&embed=yes&editor=no&author=no";

package/src/widgets/image.jsx

@@ -1,3 +1,4 @@
+/* eslint-disable react/prop-types */
 /* eslint-disable react/sort-comp */
 // @flow
 import {StyleSheet, css} from "aphrodite";

package/src/widgets/input-number.jsx

@@ -1,3 +1,4 @@
+/* eslint-disable react/prop-types */
 /* eslint-disable react/sort-comp */
 // @flow
 import * as i18n from "@khanacademy/wonder-blocks-i18n";

package/src/widgets/interaction.jsx

@@ -1,7 +1,7 @@
 /* eslint-disable @babel/no-invalid-this, react/no-unsafe, react/sort-comp */
 // @flow
-import KAS from "kas";
-import {vector as kvector} from "kmath";
+import * as KAS from "@khanacademy/kas";
+import {vector as kvector} from "@khanacademy/kmath";
 import * as React from "react";
 import _ from "underscore";
 

package/src/widgets/interactive-graph.jsx

@@ -1,8 +1,8 @@
 /* eslint-disable @babel/no-invalid-this, react/no-unsafe, react/sort-comp */
 // @flow
+import {number as knumber, point as kpoint} from "@khanacademy/kmath";
 import * as i18n from "@khanacademy/wonder-blocks-i18n";
 import $ from "jquery";
-import kmath from "kmath";
 import debounce from "lodash.debounce";
 import * as React from "react";
 import _ from "underscore";
@@ -37,7 +37,6 @@ type SineCoefficient = [
 ];
 type QuadraticCoefficient = [/* a */ number, /* b */ number, /* c */ number];
 
-const {number: knumber, point: kpoint} = kmath;
 const {DeprecationMixin} = Util;
 
 const TRASH_ICON_URI =

package/src/widgets/matrix.jsx

@@ -1,3 +1,4 @@
+/* eslint-disable react/prop-types */
 /* eslint-disable react/sort-comp */
 // @flow
 import * as i18n from "@khanacademy/wonder-blocks-i18n";

package/src/widgets/number-line.jsx

@@ -1,6 +1,6 @@
 // @flow
+import {number as knumber} from "@khanacademy/kmath";
 import * as i18n from "@khanacademy/wonder-blocks-i18n";
-import {number as knumber} from "kmath";
 import * as React from "react";
 import ReactDOM from "react-dom";
 import _ from "underscore";

package/src/widgets/numeric-input.jsx

@@ -1,3 +1,4 @@
+/* eslint-disable react/prop-types */
 // @flow
 
 import * as i18n from "@khanacademy/wonder-blocks-i18n";
@@ -9,8 +10,7 @@ import InputWithExamples from "../components/input-with-examples.jsx";
 import PossibleAnswers from "../components/possible-answers.jsx";
 import SimpleKeypadInput from "../components/simple-keypad-input.jsx";
 import {linterContextDefault} from "../gorgon/proptypes.js";
-import {ClassNames as ApiClassNames} from "../perseus-api.jsx";
-import {ApiOptions} from "../perseus-api.jsx";
+import {ApiOptions, ClassNames as ApiClassNames} from "../perseus-api.jsx";
 import TexWrangler from "../tex-wrangler.js";
 import KhanAnswerTypes from "../util/answer-types.js";
 import KhanMath from "../util/math.js";

package/src/widgets/radio/cross-out-menu-wrapper.jsx

@@ -10,7 +10,7 @@
  * to uncover a cross-out button underneath. (This is why we need to wrap the
  * content!)
  */
-import colors from "@khanacademy/wonder-blocks-color";
+import Color from "@khanacademy/wonder-blocks-color";
 import * as i18n from "@khanacademy/wonder-blocks-i18n";
 import {StyleSheet, css} from "aphrodite";
 import * as React from "react";
@@ -248,9 +248,9 @@ export default class CrossOutMenuWrapper extends React.PureComponent<
             return this.props.primaryProductColor;
         }
         if (this.state.hovered) {
-            return colors.offBlack;
+            return Color.offBlack;
         }
-        return colors.offBlack50;
+        return Color.offBlack50;
     }
 
     _renderMenu(): React.Element<"div"> {
@@ -396,7 +396,7 @@ const styles = StyleSheet.create({
         // to being closed, rather than awkwardly _sliding_ closed.
         [mediaQueries.smOrSmaller]: {
             transition: "transform 0.2s ease-out",
-            backgroundColor: colors.white,
+            backgroundColor: Color.white,
         },
     },
 
@@ -471,7 +471,7 @@ const styles = StyleSheet.create({
         alignItems: "center",
         justifyContent: "center",
 
-        background: colors.offBlack50,
+        background: Color.offBlack50,
         cursor: "pointer",
 
         [mediaQueries.mdOrLarger]: {

package/src/widgets/reaction-diagram.jsx

@@ -67,6 +67,7 @@ class ReactionDiagramWidget extends React.Component<$FlowFixMe> {
         // we're limited to a single reaction step.  At some point, add support
         // for more steps in the reaction.
         rotationAngle: PropTypes.arrayOf(PropTypes.number),
+        // eslint-disable-next-line react/forbid-prop-types
         separators: PropTypes.arrayOf(PropTypes.object),
         smiles: PropTypes.arrayOf(PropTypes.string),
         widgetId: PropTypes.string,

package/src/widgets/simulator.jsx

@@ -1,7 +1,7 @@
 /* eslint-disable no-unused-vars, react/no-unsafe, react/sort-comp */
 // @flow
+import {number as knumber} from "@khanacademy/kmath";
 import * as i18n from "@khanacademy/wonder-blocks-i18n";
-import {number as knumber} from "kmath";
 import PropTypes from "prop-types";
 import * as React from "react";
 import ReactDOM from "react-dom";

package/src/widgets/table.jsx

@@ -1,6 +1,6 @@
 /* eslint-disable react/sort-comp */
 // @flow
-import {propTypes} from "@khanacademy/math-input";
+import {keypadElementPropType} from "@khanacademy/math-input";
 import PropTypes from "prop-types";
 import * as React from "react";
 import ReactDOM from "react-dom";
@@ -18,7 +18,6 @@ import KhanAnswerTypes from "../util/answer-types.js";
 import type {WidgetExports} from "../types.js";
 
 const {assert} = InteractiveUtil;
-const {keypadElementPropType} = propTypes;
 
 /* Input handling: Maps a (row, column) pair to a unique ref used by React,
  * and extracts (row, column) pairs from input paths, used to allow outsiders

package/src/widgets/transformer.jsx

@@ -1,4 +1,8 @@
-/* eslint-disable @babel/no-invalid-this, camelcase, react/no-did-update-set-state, react/sort-comp */
+/* eslint-disable react/prop-types */
+/* eslint-disable @babel/no-invalid-this */
+/* eslint-disable camelcase */
+/* eslint-disable react/no-did-update-set-state */
+/* eslint-disable react/sort-comp */
 /*
 NOTE(Pereus stabilize project): This widget is no-longer-used as of January
 2022. It's not present in US content but is still present in some
@@ -10,16 +14,16 @@ ref: https://khanacademy.slack.com/archives/CJDRXTGQ7/p1641857400011600
 ref: https://khanacademy.slack.com/archives/C2RFQGYKU/p1596160975061500?thread_ts=1596129758.040000&cid=C2RFQGYKU
 */
 // @flow
-import * as i18n from "@khanacademy/wonder-blocks-i18n";
-import createReactClass from "create-react-class";
-import $ from "jquery";
 import {
     number as knumber,
     vector as kvector,
     point as kpoint,
     ray as kray,
     line as kline,
-} from "kmath";
+} from "@khanacademy/kmath";
+import * as i18n from "@khanacademy/wonder-blocks-i18n";
+import createReactClass from "create-react-class";
+import $ from "jquery";
 import * as React from "react";
 import ReactDOM from "react-dom";
 import _ from "underscore";
@@ -823,6 +827,7 @@ const Transformations = {
             transform1: ReflectionTransformation,
             transform2: ReflectionTransformation,
         ) {
+            // $FlowFixMe[incompatible-call]
             if (!kline.equal(transform1.line, transform2.line)) {
                 return false;
             }
@@ -2151,15 +2156,16 @@ class Transformer extends React.Component<Props> {
     normalizeReflectionCoords: ([Coord, Coord]) => [Coord, Coord] = (
         messyCoords,
     ) => {
+        // $FlowFixMe[incompatible-call]
         const midpoint = this.snapCoord(kline.midpoint(messyCoords));
         const origDirectionPolar = kvector.polarDegFromCart(
             kvector.subtract(messyCoords[0], messyCoords[1]),
         );
-        const directionPolar = [
+
+        const direction = kvector.cartFromPolarDeg(
             1,
             KhanMath.roundToNearest(45, origDirectionPolar[1]),
-        ];
-        const direction = kvector.cartFromPolarDeg(directionPolar);
+        );
         const coords = _.map(
             [-1, 1],
             function (directionCoefficient) {

package/src/widgets/unit.jsx

@@ -4,10 +4,10 @@
 // terms of a certain type.
 // TODO(joel): Allow sigfigs within a range rather than an exact expected
 // value?
+import * as KAS from "@khanacademy/kas";
 import * as i18n from "@khanacademy/wonder-blocks-i18n";
 import lens from "hubble";
 import $ from "jquery";
-import KAS from "kas";
 import * as React from "react";
 import ReactDOM from "react-dom";
 import _ from "underscore";

package/src/widgets/video.jsx

@@ -16,11 +16,7 @@ import a11y from "../util/a11y.js";
 import VideoTranscriptLink from "./video-transcript-link.jsx";
 
 import type {PerseusVideoWidgetOptions} from "../perseus-types.js";
-import type {
-    PerseusScore,
-    WidgetExports,
-    WidgetProps,
-} from "../types.js";
+import type {PerseusScore, WidgetExports, WidgetProps} from "../types.js";
 
 // Current default is 720p, based on the typical videos we upload currently
 const DEFAULT_WIDTH = 1280;
@@ -83,7 +79,6 @@ class Video extends React.Component<Props> {
             url = location;
         } else {
             url = KA_EMBED.replace("{slug}", location);
-            // eslint-disable-next-line static-service/require-safe-link-to
             let embedHostname = "https://www.khanacademy.org";
             if (IS_KA_SITE.test(InitialRequestUrl.host)) {
                 embedHostname = InitialRequestUrl.origin;