@khanacademy/perseus 4.0.2 → 6.0.0

package/dist/components/svg-image.js.flow

@@ -5,14 +5,16 @@
  * @flow
  */
 import * as React from "react";
+import { Coord } from "../interactive2/types";
+import type { Size } from "../perseus-types";
 import type { Alignment, Dimensions } from "../types";
 declare type Props = {|
   allowFullBleed?: boolean,
   alt: string,
   constrainHeight?: boolean,
   extraGraphie?: {|
-    box: $ReadOnlyArray<any>,
-    range: $ReadOnlyArray<any>,
+    box: Size,
+    range: [Coord, Coord],
     labels: $ReadOnlyArray<any>,
   |},
   height?: number,
@@ -44,7 +46,7 @@ declare type State = {|
   labelsRendered: LabelsRenderedMap,
   labelDataIsLocalized: boolean,
   labels: $ReadOnlyArray<Label>,
-  range: $ReadOnlyArray<any>,
+  range: [Coord, Coord],
 |};
 declare class SvgImage extends React.Component<Props, State> {
   _isMounted: boolean;

package/dist/components/tex-buttons.d.ts

@@ -6,13 +6,13 @@ type ButtonSets = {
 };
 declare const buttonSets: ButtonSets;
 export type ButtonSetsType = ReadonlyArray<keyof typeof buttonSets>;
-type TexButtonProps = {
+type Props = {
     sets: ButtonSetsType;
     onInsert: (arg1: Inserter) => void;
     className?: string;
     convertDotToTimes?: boolean;
 };
-declare class TexButtons extends React.Component<TexButtonProps> {
+declare class TexButtons extends React.Component<Props> {
     static buttonSets: typeof buttonSets;
     static buttonSetsType: any;
     render(): React.ReactNode;

package/dist/components/tex-buttons.js.flow

@@ -12,13 +12,13 @@ declare type ButtonSets = {
 };
 declare var buttonSets: ButtonSets;
 export type ButtonSetsType = $ReadOnlyArray<$Keys<typeof buttonSets>>;
-declare type TexButtonProps = {|
+declare type Props = {|
   sets: ButtonSetsType,
   onInsert: (arg1: Inserter) => void,
   className?: string,
   convertDotToTimes?: boolean,
 |};
-declare class TexButtons extends React.Component<TexButtonProps> {
+declare class TexButtons extends React.Component<Props> {
   static buttonSets: typeof buttonSets;
   static buttonSetsType: any;
   render(): React.Node;

package/dist/components/tooltip.d.ts

@@ -7,9 +7,9 @@
  * import Tooltip from "./tooltip";
  * <Tooltip
  *     className="class-for-tooltip-contents"
- *     horizontalPosition="left" // one of "left", "right"
- *     horizontalAlign="left" // one of "left", "right"
- *     verticalPosition="bottom" // one of "top", "bottom"
+ *     horizontalPosition={HoriziontalDirection.Left}
+ *     horizontalAlign={HoriziontalDirection.Left}
+ *     verticalPosition={VerticalDirection.Top}
  *     arrowSize={10} // arrow size in pixels
  *     borderColor="#ccc" // color of the border for the tooltip
  *     show={true} // whether the tooltip should currently be visible
@@ -28,5 +28,46 @@
  *     className should not specify a border; that is handled by borderColor
  *     so that the arrow and tooltip match
  */
-declare const Tooltip: any;
+import * as React from "react";
+export declare enum HorizontalDirection {
+    Left = "left",
+    Right = "right"
+}
+export declare enum VerticalDirection {
+    Top = "top",
+    Bottom = "bottom"
+}
+type Props = {
+    show: boolean;
+    className: string;
+    arrowSize: number;
+    borderColor: string;
+    verticalPosition: VerticalDirection;
+    horizontalPosition: HorizontalDirection;
+    horizontalAlign: HorizontalDirection.Left;
+    children: React.ReactNode;
+    targetContainerStyle: any;
+};
+type DefaultProps = {
+    className: Props["className"];
+    arrowSize: Props["arrowSize"];
+    borderColor: Props["borderColor"];
+    verticalPosition: Props["verticalPosition"];
+    horizontalPosition: Props["horizontalPosition"];
+    horizontalAlign: Props["horizontalAlign"];
+    targetContainerStyle: Props["targetContainerStyle"];
+};
+type State = {
+    height: number | null;
+};
+declare class Tooltip extends React.Component<Props, State> {
+    static defaultProps: DefaultProps;
+    state: State;
+    componentDidMount(): void;
+    UNSAFE_componentWillReceiveProps(): void;
+    componentDidUpdate(): void;
+    _renderToolTipDiv(isTooltipAbove?: boolean): JSX.Element;
+    _updateHeight(): void;
+    render(): JSX.Element;
+}
 export default Tooltip;

package/dist/components/tooltip.js.flow

@@ -4,35 +4,48 @@
  * Flowgen v1.21.0
  * @flow
  */
-/**
- * A generic tooltip library for React.js
- *
- * This should eventually end up in react-components
- *
- * Interface: ({a, b} means one of a or b)
- * import Tooltip from "./tooltip";
- * <Tooltip
- *     className="class-for-tooltip-contents"
- *     horizontalPosition="left" // one of "left", "right"
- *     horizontalAlign="left" // one of "left", "right"
- *     verticalPosition="bottom" // one of "top", "bottom"
- *     arrowSize={10} // arrow size in pixels
- *     borderColor="#ccc" // color of the border for the tooltip
- *     show={true} // whether the tooltip should currently be visible
- *     targetContainerStyle={targetContainerStyle}
- * >
- *     <TargetElementOfTheTooltip />
- *     <TooltipContents1 />
- *     <TooltipContents2 />
- * </Tooltip>
- *
- * To show/hide the tooltip, the parent component should call the
- * .show() and .hide() methods of the tooltip when appropriate.
- * (These are usually set up as handlers of events on the target element.)
- *
- * Notes:
- *     className should not specify a border; that is handled by borderColor
- *     so that the arrow and tooltip match
- */
-declare var Tooltip: any;
+import * as React from "react";
+
+declare export var HorizontalDirection: {|
+  +Left: "left", // "left"
+  +Right: "right", // "right"
+|};
+
+declare export var VerticalDirection: {|
+  +Top: "top", // "top"
+  +Bottom: "bottom", // "bottom"
+|};
+declare type Props = {|
+  show: boolean,
+  className: string,
+  arrowSize: number,
+  borderColor: string,
+  verticalPosition: $Values<typeof VerticalDirection>,
+  horizontalPosition: $Values<typeof HorizontalDirection>,
+  horizontalAlign: typeof HorizontalDirection.Left,
+  children: React.Node,
+  targetContainerStyle: any,
+|};
+declare type DefaultProps = {|
+  className: $PropertyType<Props, "className">,
+  arrowSize: $PropertyType<Props, "arrowSize">,
+  borderColor: $PropertyType<Props, "borderColor">,
+  verticalPosition: $PropertyType<Props, "verticalPosition">,
+  horizontalPosition: $PropertyType<Props, "horizontalPosition">,
+  horizontalAlign: $PropertyType<Props, "horizontalAlign">,
+  targetContainerStyle: $PropertyType<Props, "targetContainerStyle">,
+|};
+declare type State = {|
+  height: number | null,
+|};
+declare class Tooltip extends React.Component<Props, State> {
+  static defaultProps: DefaultProps;
+  state: State;
+  componentDidMount(): void;
+  UNSAFE_componentWillReceiveProps(): void;
+  componentDidUpdate(): void;
+  _renderToolTipDiv(isTooltipAbove?: boolean): React$Node;
+  _updateHeight(): void;
+  render(): React$Node;
+}
 declare export default typeof Tooltip;

package/dist/error-boundary.d.ts

@@ -1,12 +1,12 @@
 import * as React from "react";
-type ErrorBoundaryProps = {
+type Props = {
     children: React.ReactNode;
 };
-type ErrorBoundaryState = {
+type State = {
     error: string;
 };
-declare class ErrorBoundary extends React.Component<ErrorBoundaryProps, ErrorBoundaryState> {
-    constructor(props: ErrorBoundaryProps);
+declare class ErrorBoundary extends React.Component<Props, State> {
+    constructor(props: Props);
     componentDidCatch(error: Error, info: any): void;
     render(): React.ReactNode;
 }

package/dist/error-boundary.js.flow

@@ -5,16 +5,14 @@
  * @flow
  */
 import * as React from "react";
-declare type ErrorBoundaryProps = {|
+declare type Props = {|
   children: React.Node,
 |};
-declare type ErrorBoundaryState = {|
+declare type State = {|
   error: string,
 |};
-declare class ErrorBoundary
-  extends React.Component<ErrorBoundaryProps, ErrorBoundaryState>
-{
-  constructor(props: ErrorBoundaryProps): this;
+declare class ErrorBoundary extends React.Component<Props, State> {
+  constructor(props: Props): this;
   componentDidCatch(error: Error, info: any): void;
   render(): React.Node;
 }

package/dist/es/index.css

@@ -3606,9 +3606,6 @@ body.mobile .framework-perseus table.perseus-widget-table-of-values.non-markdown
   color: white !important;
   display: inline-block !important;
 }
-.keypad-container .katex {
-  color: inherit !important;
-}
 /**
  * Styles for managing the popover animations.
  *