@khanacademy/perseus 4.0.2 → 6.0.0

package/CHANGELOG.md

@@ -1,5 +1,62 @@
 # @khanacademy/perseus
 
+## 6.0.0
+
+### Major Changes
+
+-   4a368030: Remove getKaTeX from the PerseusDependencies type
+
+    perseus-editor now detects KaTeX rendering errors by calling KaTeX directly,
+    rather than using getKaTeX from PerseusDependencies.
+
+    The logKaTeXError method, which was unused by Perseus, has been removed from
+    the PerseusDependencies type as well.
+
+    Clients should update their code by removing the getKaTeX and logKaTeXError
+    properties from their PerseusDependencies object. If they want to log an error
+    when TeX fails to render, they should do so in their TeX component.
+
+-   9c4a6c96: Remove obsolete properties from the PerseusDependencies type
+
+    We are in the process of migrating the webapp and mobile repos to use
+    MathJax 3 as their math renderer instead of KaTeX. This change removes some of
+    Perseus's dependencies on KaTeX.
+
+    Clients should update their code by removing the `getRenderA11yString`,
+    `loadMathjax`, `KatexProvider`, and `shouldUseFutureKaTeX` properties from
+    their PerseusDependencies object.
+
+### Patch Changes
+
+-   5cc23179: Upgraded <Lint> component to use TypeScript types for props
+-   e0a087d0: Upgraded <InlineIcon> component to use TypeScript types for props
+-   b062ad47: Upgraded <MathOutput> component to use TypeScript types for props
+-   8a47076d: Upgraded <Tooltip> component to use TypeScript types for props
+-   09ab3260: Upgraded HUD component to use TypeScript types for props
+-   5432857d: Upgraded <Sortable> component (not widget) to use TypeScript types for props
+-   40c2736d: Upgraded Graphie component to use TypeScript types for props
+-   b585fe29: Switch most @khanacademy/math-input psuedo-enums to enums
+-   91617cfa: Upgraded FixedToResponsive component to use TypeScript types for props
+-   e284e7c1: Upgraded Graph component to use TypeScript types for props
+-   Updated dependencies [b585fe29]
+-   Updated dependencies [0c1cf562]
+    -   @khanacademy/math-input@2.0.0
+
+## 5.0.0
+
+### Major Changes
+
+-   472e20e1: Remove all references to multipleNumberInput (ie. Ask for (one|all) correct solution)
+
+### Patch Changes
+
+-   22c5d564: Remove the use of React.FC<> and use types named Props/State in more components
+-   Updated dependencies [4c03a43d]
+-   Updated dependencies [22c5d564]
+    -   @khanacademy/math-input@1.0.0
+    -   @khanacademy/simple-markdown@0.9.3
+    -   @khanacademy/pure-markdown@0.2.3
+
 ## 4.0.2
 
 ### Patch Changes

package/dist/components/fixed-to-responsive.d.ts

@@ -1,2 +1,28 @@
-declare const FixedToResponsive: any;
+import * as React from "react";
+type Props = {
+    width: number;
+    height: number;
+    children: React.ReactNode;
+    className?: string;
+    constrainHeight?: boolean;
+    allowFullBleed?: boolean;
+};
+type DefaultProps = {
+    className: Props["className"];
+    constrainHeight: Props["constrainHeight"];
+    allowFullBleed: Props["allowFullBleed"];
+};
+type State = {
+    viewportHeight: number | null;
+    viewportWidth: number | null;
+};
+declare class FixedToResponsive extends React.Component<Props, State> {
+    _isMounted: boolean;
+    static defaultProps: DefaultProps;
+    state: State;
+    componentDidMount(): void;
+    componentWillUnmount(): void;
+    _cacheViewportSize: () => void;
+    render(): JSX.Element;
+}
 export default FixedToResponsive;

package/dist/components/fixed-to-responsive.js.flow

@@ -4,5 +4,31 @@
  * Flowgen v1.21.0
  * @flow
  */
-declare var FixedToResponsive: any;
+import * as React from "react";
+declare type Props = {|
+  width: number,
+  height: number,
+  children: React.Node,
+  className?: string,
+  constrainHeight?: boolean,
+  allowFullBleed?: boolean,
+|};
+declare type DefaultProps = {|
+  className: $PropertyType<Props, "className">,
+  constrainHeight: $PropertyType<Props, "constrainHeight">,
+  allowFullBleed: $PropertyType<Props, "allowFullBleed">,
+|};
+declare type State = {|
+  viewportHeight: number | null,
+  viewportWidth: number | null,
+|};
+declare class FixedToResponsive extends React.Component<Props, State> {
+  _isMounted: boolean;
+  static defaultProps: DefaultProps;
+  state: State;
+  componentDidMount(): void;
+  componentWillUnmount(): void;
+  _cacheViewportSize: () => void;
+  render(): React$Node;
+}
 declare export default typeof FixedToResponsive;

package/dist/components/graph.d.ts

@@ -1,37 +1,52 @@
-import PropTypes from "prop-types";
 import * as React from "react";
-declare class Graph extends React.Component<any> {
+import { Coord } from "../interactive2/types";
+import { PerseusImageBackground } from "../perseus-types";
+type Props = {
+    box: Readonly<[number, number]>;
+    labels: ReadonlyArray<string>;
+    range: Readonly<[Coord, Coord]>;
+    step: Readonly<[number, number]>;
+    gridStep: Readonly<[number, number]>;
+    snapStep: Readonly<[number, number]>;
+    markings: string;
+    backgroundImage: PerseusImageBackground;
+    showProtractor: boolean;
+    showRuler: boolean;
+    rulerLabel: string;
+    rulerTicks: number;
+    instructions?: string;
+    isMobile: boolean;
+    onGraphieUpdated?: (graphie: any) => void;
+    onClick?: (Coord: any) => void;
+    onMouseDown?: (Coord: any) => void;
+    onMouseUp?: (Coord: any) => void;
+    onMouseMove?: (Coord: any) => void;
+    setDrawingAreaAvailable?: (boolean: any) => void;
+};
+type DefaultProps = {
+    labels: Props["labels"];
+    range: Props["range"];
+    step: Props["step"];
+    gridStep: Props["gridStep"];
+    snapStep: Props["snapStep"];
+    markings: Props["markings"];
+    backgroundImage: Props["backgroundImage"];
+    showProtractor: Props["showProtractor"];
+    showRuler: Props["showRuler"];
+    rulerLabel: Props["rulerLabel"];
+    rulerTicks: Props["rulerTicks"];
+    isMobile: Props["isMobile"];
+};
+declare class Graph extends React.Component<Props> {
     protractor: any;
     ruler: any;
     _graphie: any;
     _hasSetupGraphieThisUpdate: boolean;
     _shouldSetupGraphie: boolean;
-    static propTypes: {
-        box: PropTypes.Validator<any[]>;
-        labels: PropTypes.Requireable<(string | null | undefined)[]>;
-        range: PropTypes.Requireable<((number | null | undefined)[] | null | undefined)[]>;
-        step: PropTypes.Requireable<(number | null | undefined)[]>;
-        gridStep: PropTypes.Requireable<(number | null | undefined)[]>;
-        snapStep: PropTypes.Requireable<(number | null | undefined)[]>;
-        markings: PropTypes.Requireable<string>;
-        backgroundImage: PropTypes.Requireable<PropTypes.InferProps<{
-            url: PropTypes.Requireable<string>;
-        }>>;
-        showProtractor: PropTypes.Requireable<boolean>;
-        showRuler: PropTypes.Requireable<boolean>;
-        rulerLabel: PropTypes.Requireable<string>;
-        rulerTicks: PropTypes.Requireable<number>;
-        onGraphieUpdated: PropTypes.Requireable<(...args: any[]) => any>;
-        instructions: PropTypes.Requireable<string>;
-        onClick: PropTypes.Requireable<(...args: any[]) => any>;
-        setDrawingAreaAvailable: PropTypes.Requireable<(...args: any[]) => any>;
-        isMobile: PropTypes.Requireable<boolean>;
-    };
-    static defaultProps: any;
-    render(): React.ReactNode;
+    static defaultProps: DefaultProps;
     componentDidMount(): void;
-    componentDidUpdate(): void;
     UNSAFE_componentWillReceiveProps(nextProps: any): void;
+    componentDidUpdate(): void;
     reset: () => void;
     graphie: () => any;
     pointsFromNormalized: (arg1: any, arg2: any) => any;
@@ -40,5 +55,6 @@ declare class Graph extends React.Component<any> {
     _updateProtractor: () => void;
     _updateRuler: () => void;
     toJSON: () => any;
+    render(): React.ReactNode;
 }
 export default Graph;

package/dist/components/graph.js.flow

@@ -4,42 +4,55 @@
  * Flowgen v1.21.0
  * @flow
  */
-import PropTypes from "prop-types";
 import * as React from "react";
-declare class Graph extends React.Component<any> {
+import { Coord } from "../interactive2/types";
+import { PerseusImageBackground } from "../perseus-types";
+declare type Props = {|
+  box: $ReadOnly<[number, number]>,
+  labels: $ReadOnlyArray<string>,
+  range: $ReadOnly<[Coord, Coord]>,
+  step: $ReadOnly<[number, number]>,
+  gridStep: $ReadOnly<[number, number]>,
+  snapStep: $ReadOnly<[number, number]>,
+  markings: string,
+  backgroundImage: PerseusImageBackground,
+  showProtractor: boolean,
+  showRuler: boolean,
+  rulerLabel: string,
+  rulerTicks: number,
+  instructions?: string,
+  isMobile: boolean,
+  onGraphieUpdated?: (graphie: any) => void,
+  onClick?: (Coord: any) => void,
+  onMouseDown?: (Coord: any) => void,
+  onMouseUp?: (Coord: any) => void,
+  onMouseMove?: (Coord: any) => void,
+  setDrawingAreaAvailable?: (boolean: any) => void,
+|};
+declare type DefaultProps = {|
+  labels: $PropertyType<Props, "labels">,
+  range: $PropertyType<Props, "range">,
+  step: $PropertyType<Props, "step">,
+  gridStep: $PropertyType<Props, "gridStep">,
+  snapStep: $PropertyType<Props, "snapStep">,
+  markings: $PropertyType<Props, "markings">,
+  backgroundImage: $PropertyType<Props, "backgroundImage">,
+  showProtractor: $PropertyType<Props, "showProtractor">,
+  showRuler: $PropertyType<Props, "showRuler">,
+  rulerLabel: $PropertyType<Props, "rulerLabel">,
+  rulerTicks: $PropertyType<Props, "rulerTicks">,
+  isMobile: $PropertyType<Props, "isMobile">,
+|};
+declare class Graph extends React.Component<Props> {
   protractor: any;
   ruler: any;
   _graphie: any;
   _hasSetupGraphieThisUpdate: boolean;
   _shouldSetupGraphie: boolean;
-  static propTypes: {|
-    box: PropTypes.Validator<any[]>,
-    labels: PropTypes.Requireable<(string | null | void)[]>,
-    range: PropTypes.Requireable<((number | null | void)[] | null | void)[]>,
-    step: PropTypes.Requireable<(number | null | void)[]>,
-    gridStep: PropTypes.Requireable<(number | null | void)[]>,
-    snapStep: PropTypes.Requireable<(number | null | void)[]>,
-    markings: PropTypes.Requireable<string>,
-    backgroundImage: PropTypes.Requireable<
-      PropTypes.InferProps<{|
-        url: PropTypes.Requireable<string>,
-      |}>
-    >,
-    showProtractor: PropTypes.Requireable<boolean>,
-    showRuler: PropTypes.Requireable<boolean>,
-    rulerLabel: PropTypes.Requireable<string>,
-    rulerTicks: PropTypes.Requireable<number>,
-    onGraphieUpdated: PropTypes.Requireable<(...args: any[]) => any>,
-    instructions: PropTypes.Requireable<string>,
-    onClick: PropTypes.Requireable<(...args: any[]) => any>,
-    setDrawingAreaAvailable: PropTypes.Requireable<(...args: any[]) => any>,
-    isMobile: PropTypes.Requireable<boolean>,
-  |};
-  static defaultProps: any;
-  render(): React.Node;
+  static defaultProps: DefaultProps;
   componentDidMount(): void;
-  componentDidUpdate(): void;
   UNSAFE_componentWillReceiveProps(nextProps: any): void;
+  componentDidUpdate(): void;
   reset: () => void;
   graphie: () => any;
   pointsFromNormalized: (arg1: any, arg2: any) => any;
@@ -48,5 +61,6 @@ declare class Graph extends React.Component<any> {
   _updateProtractor: () => void;
   _updateRuler: () => void;
   toJSON: () => any;
+  render(): React.Node;
 }
 declare export default typeof Graph;

package/dist/components/graphie.d.ts

@@ -1,25 +1,37 @@
-import PropTypes from "prop-types";
 import * as React from "react";
-type Props = any;
+import type { Coord } from "../interactive2/types";
+import type { Range, Size } from "../perseus-types";
+type Props = {
+    addMouseLayer?: boolean;
+    box: Size;
+    range: [Coord, Coord];
+    ranges?: [Range, Range];
+    gridStep?: [number, number];
+    step?: [number, number];
+    scale?: [number, number];
+    isMobile?: boolean;
+    responsive?: boolean;
+    children?: React.ReactNode;
+    options: any;
+    setDrawingAreaAvailable?: (boolean: any) => void;
+    setup: (graphie: any, options: {
+        range: [Coord, Coord];
+        scale: [number, number];
+    }) => void;
+    onClick?: (at: Coord) => void;
+    onMouseDown?: (at: Coord) => void;
+    onMouseMove?: (at: Coord) => void;
+    onMouseUp?: (at: Coord) => void;
+};
+type DefaultProps = {
+    range: Props["range"];
+    options: Props["options"];
+    responsive: Props["responsive"];
+    addMouseLayer: Props["addMouseLayer"];
+};
 declare class Graphie extends React.Component<Props> {
-    static propTypes: {
-        addMouseLayer: PropTypes.Requireable<boolean>;
-        box: PropTypes.Validator<(number | null | undefined)[]>;
-        children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-        isMobile: PropTypes.Requireable<boolean>;
-        onClick: PropTypes.Requireable<(...args: any[]) => any>;
-        onMouseDown: PropTypes.Requireable<(...args: any[]) => any>;
-        onMouseMove: PropTypes.Requireable<(...args: any[]) => any>;
-        onMouseUp: PropTypes.Requireable<(...args: any[]) => any>;
-        options: PropTypes.Requireable<PropTypes.InferProps<{
-            snapStep: PropTypes.Requireable<(number | null | undefined)[]>;
-        }>>;
-        range: PropTypes.Requireable<((number | null | undefined)[] | null | undefined)[]>;
-        responsive: PropTypes.Requireable<boolean>;
-        setDrawingAreaAvailable: PropTypes.Requireable<(...args: any[]) => any>;
-        setup: PropTypes.Validator<(...args: any[]) => any>;
-    };
-    static defaultProps: any;
+    graphieDivRef: React.RefObject<HTMLDivElement>;
+    static defaultProps: DefaultProps;
     componentDidMount(): void;
     shouldComponentUpdate(nextProps: Props): boolean;
     componentDidUpdate(prevProps: Props): void;
@@ -32,8 +44,8 @@ declare class Graphie extends React.Component<Props> {
      * Use it for good and not evil.
      */
     getGraphie: () => any;
-    _range: () => ReadonlyArray<[number, number]>;
-    _box: () => ReadonlyArray<number>;
+    _range: () => [Coord, Coord];
+    _box: () => Size;
     _scale: () => ReadonlyArray<number>;
     _setupGraphie: () => void;
     _removeMovables: () => void;

package/dist/components/graphie.js.flow

@@ -4,30 +4,43 @@
  * Flowgen v1.21.0
  * @flow
  */
-import PropTypes from "prop-types";
 import * as React from "react";
-declare type Props = any;
+import type { Coord } from "../interactive2/types";
+import type { Range, Size } from "../perseus-types";
+declare type Props = {|
+  addMouseLayer?: boolean,
+  box: Size,
+  range: [Coord, Coord],
+  ranges?: [Range, Range],
+  gridStep?: [number, number],
+  step?: [number, number],
+  scale?: [number, number],
+  isMobile?: boolean,
+  responsive?: boolean,
+  children?: React.Node,
+  options: any,
+  setDrawingAreaAvailable?: (boolean: any) => void,
+  setup: (
+    graphie: any,
+    options: {|
+      range: [Coord, Coord],
+      scale: [number, number],
+    |}
+  ) => void,
+  onClick?: (at: Coord) => void,
+  onMouseDown?: (at: Coord) => void,
+  onMouseMove?: (at: Coord) => void,
+  onMouseUp?: (at: Coord) => void,
+|};
+declare type DefaultProps = {|
+  range: $PropertyType<Props, "range">,
+  options: $PropertyType<Props, "options">,
+  responsive: $PropertyType<Props, "responsive">,
+  addMouseLayer: $PropertyType<Props, "addMouseLayer">,
+|};
 declare class Graphie extends React.Component<Props> {
-  static propTypes: {|
-    addMouseLayer: PropTypes.Requireable<boolean>,
-    box: PropTypes.Validator<(number | null | void)[]>,
-    children: PropTypes.Requireable<PropTypes.ReactNodeLike>,
-    isMobile: PropTypes.Requireable<boolean>,
-    onClick: PropTypes.Requireable<(...args: any[]) => any>,
-    onMouseDown: PropTypes.Requireable<(...args: any[]) => any>,
-    onMouseMove: PropTypes.Requireable<(...args: any[]) => any>,
-    onMouseUp: PropTypes.Requireable<(...args: any[]) => any>,
-    options: PropTypes.Requireable<
-      PropTypes.InferProps<{|
-        snapStep: PropTypes.Requireable<(number | null | void)[]>,
-      |}>
-    >,
-    range: PropTypes.Requireable<((number | null | void)[] | null | void)[]>,
-    responsive: PropTypes.Requireable<boolean>,
-    setDrawingAreaAvailable: PropTypes.Requireable<(...args: any[]) => any>,
-    setup: PropTypes.Validator<(...args: any[]) => any>,
-  |};
-  static defaultProps: any;
+  graphieDivRef: React.RefObject<HTMLDivElement>;
+  static defaultProps: DefaultProps;
   componentDidMount(): void;
   shouldComponentUpdate(nextProps: Props): boolean;
   componentDidUpdate(prevProps: Props): void;
@@ -41,8 +54,8 @@ declare class Graphie extends React.Component<Props> {
    * Use it for good and not evil.
    */
   getGraphie: () => any;
-  _range: () => $ReadOnlyArray<[number, number]>;
-  _box: () => $ReadOnlyArray<number>;
+  _range: () => [Coord, Coord];
+  _box: () => Size;
   _scale: () => $ReadOnlyArray<number>;
   _setupGraphie: () => void;
   _removeMovables: () => void;

package/dist/components/highlighting/highlightable-content.d.ts

@@ -1,19 +1,19 @@
 import * as React from "react";
 import type { DOMHighlight, DOMHighlightSet, SerializedHighlightSet, DOMRange } from "./types";
-type HighlightableContentProps = {
+type Props = {
     children?: React.ReactElement<any>;
     editable: boolean;
     enabled: boolean;
     onSerializedHighlightsUpdate: (serializedHighlights: SerializedHighlightSet) => unknown;
     serializedHighlights: SerializedHighlightSet;
 };
-type HighlightableContentState = {
+type State = {
     wordRanges: ReadonlyArray<DOMRange>;
 };
-declare class HighlightableContent extends React.PureComponent<HighlightableContentProps, HighlightableContentState> {
+declare class HighlightableContent extends React.PureComponent<Props, State> {
     _container: HTMLElement | null | undefined;
     _content: HTMLElement | null | undefined;
-    state: HighlightableContentState;
+    state: State;
     _buildHighlight(highlightRange: DOMRange): DOMHighlight | null | undefined;
     /**
      * Take the highlights from props, and deserialize them into DOMHighlights,

package/dist/components/highlighting/highlightable-content.js.flow

@@ -11,7 +11,7 @@ import type {
   SerializedHighlightSet,
   DOMRange,
 } from "./types";
-declare type HighlightableContentProps = {|
+declare type Props = {|
   children?: React.Element<any>,
   editable: boolean,
   enabled: boolean,
@@ -20,16 +20,13 @@ declare type HighlightableContentProps = {|
   ) => mixed,
   serializedHighlights: SerializedHighlightSet,
 |};
-declare type HighlightableContentState = {|
+declare type State = {|
   wordRanges: $ReadOnlyArray<DOMRange>,
 |};
-declare class HighlightableContent
-  extends
-    React.PureComponent<HighlightableContentProps, HighlightableContentState>
-{
+declare class HighlightableContent extends React.PureComponent<Props, State> {
   _container: HTMLElement | null | void;
   _content: HTMLElement | null | void;
-  state: HighlightableContentState;
+  state: State;
   _buildHighlight(highlightRange: DOMRange): DOMHighlight | null | void;
 
   /**

package/dist/components/highlighting/ui/highlight-renderer.d.ts

@@ -1,23 +1,23 @@
 import * as React from "react";
 import type { DOMHighlight, Position, Rect, ZIndexes } from "./types";
-type HighlightRendererProps = {
+type Props = {
     highlight: DOMHighlight;
     highlightKey: string;
     offsetParent: Element;
     zIndexes: ZIndexes;
 };
-type HighlightRendererState = {
+type State = {
     cachedHighlightRects: ReadonlyArray<Rect>;
 };
-declare class HighlightRenderer extends React.PureComponent<HighlightRendererProps, HighlightRendererState> {
-    state: HighlightRendererState;
-    UNSAFE_componentWillReceiveProps(nextProps: HighlightRendererProps): void;
+declare class HighlightRenderer extends React.PureComponent<Props, State> {
+    state: State;
+    UNSAFE_componentWillReceiveProps(nextProps: Props): void;
     /**
      * Compute the set of rectangles that cover the highlighted content, with
      * coordinates relative to the offset parent. That way, we can use them
      * for CSS positioning.
      */
-    _computeRects(props: HighlightRendererProps): ReadonlyArray<Rect>;
+    _computeRects(props: Props): ReadonlyArray<Rect>;
     /**
      * Return whether the given mouse position (coordinates relative to this
      * component's offset parent) is hovering over the given rectangle

package/dist/components/highlighting/ui/highlight-renderer.js.flow

@@ -6,27 +6,25 @@
  */
 import * as React from "react";
 import type { DOMHighlight, Position, Rect, ZIndexes } from "./types";
-declare type HighlightRendererProps = {|
+declare type Props = {|
   highlight: DOMHighlight,
   highlightKey: string,
   offsetParent: Element,
   zIndexes: ZIndexes,
 |};
-declare type HighlightRendererState = {|
+declare type State = {|
   cachedHighlightRects: $ReadOnlyArray<Rect>,
 |};
-declare class HighlightRenderer
-  extends React.PureComponent<HighlightRendererProps, HighlightRendererState>
-{
-  state: HighlightRendererState;
-  UNSAFE_componentWillReceiveProps(nextProps: HighlightRendererProps): void;
+declare class HighlightRenderer extends React.PureComponent<Props, State> {
+  state: State;
+  UNSAFE_componentWillReceiveProps(nextProps: Props): void;
 
   /**
    * Compute the set of rectangles that cover the highlighted content, with
    * coordinates relative to the offset parent. That way, we can use them
    * for CSS positioning.
    */
-  _computeRects(props: HighlightRendererProps): $ReadOnlyArray<Rect>;
+  _computeRects(props: Props): $ReadOnlyArray<Rect>;
 
   /**
    * Return whether the given mouse position (coordinates relative to this

package/dist/components/highlighting/ui/highlight-set-renderer.d.ts

@@ -1,24 +1,24 @@
 import * as React from "react";
 import HighlightRenderer from "./highlight-renderer";
 import type { DOMHighlightSet, Position, ZIndexes } from "./types";
-type HighlightSetRendererProps = {
+type Props = {
     editable: boolean;
     highlights: DOMHighlightSet;
     offsetParent: Element;
     onRemoveHighlight: (highlightKey: string) => unknown;
     zIndexes: ZIndexes;
 };
-type HighlightSetRendererState = {
+type State = {
     hoveredHighlightKey: string | null | undefined;
     hoveringTooltipFor: string | null | undefined;
 };
-declare class HighlightSetRenderer extends React.PureComponent<HighlightSetRendererProps, HighlightSetRendererState> {
-    state: HighlightSetRendererState;
+declare class HighlightSetRenderer extends React.PureComponent<Props, State> {
+    state: State;
     _highlightRenderers: {
         [highlightKey: string]: HighlightRenderer;
     };
     componentDidMount(): void;
-    UNSAFE_componentWillReceiveProps(nextProps: HighlightSetRendererProps): void;
+    UNSAFE_componentWillReceiveProps(nextProps: Props): void;
     componentWillUnmount(): void;
     /**
      * Given whether we were previously listening to mousemove events, and

package/dist/components/highlighting/ui/highlight-set-renderer.js.flow

@@ -7,27 +7,24 @@
 import * as React from "react";
 import HighlightRenderer from "./highlight-renderer";
 import type { DOMHighlightSet, Position, ZIndexes } from "./types";
-declare type HighlightSetRendererProps = {|
+declare type Props = {|
   editable: boolean,
   highlights: DOMHighlightSet,
   offsetParent: Element,
   onRemoveHighlight: (highlightKey: string) => mixed,
   zIndexes: ZIndexes,
 |};
-declare type HighlightSetRendererState = {|
+declare type State = {|
   hoveredHighlightKey: string | null | void,
   hoveringTooltipFor: string | null | void,
 |};
-declare class HighlightSetRenderer
-  extends
-    React.PureComponent<HighlightSetRendererProps, HighlightSetRendererState>
-{
-  state: HighlightSetRendererState;
+declare class HighlightSetRenderer extends React.PureComponent<Props, State> {
+  state: State;
   _highlightRenderers: {
     [highlightKey: string]: HighlightRenderer,
   };
   componentDidMount(): void;
-  UNSAFE_componentWillReceiveProps(nextProps: HighlightSetRendererProps): void;
+  UNSAFE_componentWillReceiveProps(nextProps: Props): void;
   componentWillUnmount(): void;
 
   /**

package/dist/components/highlighting/ui/highlight-tooltip.d.ts

@@ -1,6 +1,6 @@
 import * as React from "react";
 import type { Rect } from "./types";
-type HighlightTooltipProps = {
+type Props = {
     label: string;
     onClick: () => unknown;
     onMouseEnter?: () => unknown;
@@ -9,7 +9,7 @@ type HighlightTooltipProps = {
     focusOffset: number;
     offsetParent: Element;
 };
-declare class HighlightTooltip extends React.PureComponent<HighlightTooltipProps> {
+declare class HighlightTooltip extends React.PureComponent<Props> {
     _getFocusRect(): Rect | null | undefined;
     render(): null | React.ReactNode;
 }

package/dist/components/highlighting/ui/highlight-tooltip.js.flow

@@ -6,7 +6,7 @@
  */
 import * as React from "react";
 import type { Rect } from "./types";
-declare type HighlightTooltipProps = {|
+declare type Props = {|
   label: string,
   onClick: () => mixed,
   onMouseEnter?: () => mixed,
@@ -15,9 +15,7 @@ declare type HighlightTooltipProps = {|
   focusOffset: number,
   offsetParent: Element,
 |};
-declare class HighlightTooltip
-  extends React.PureComponent<HighlightTooltipProps>
-{
+declare class HighlightTooltip extends React.PureComponent<Props> {
   _getFocusRect(): Rect | null | void;
   render(): null | React.Node;
 }