@khanacademy/perseus 7.2.0 → 8.0.0

package/dist/components/multi-button-group.js.flow

@@ -1,35 +0,0 @@
-/**
- * Flowtype definitions for data
- * Generated by Flowgen from a Typescript Definition
- * Flowgen v1.21.0
- * @flow
- */
-import * as React from "react";
-declare type Props = {|
-  values: $ReadOnlyArray<any> | null | void,
-  buttons: $ReadOnlyArray<{|
-    value: any,
-    content: React.Node,
-    title?: string,
-  |}>,
-  onChange: (values?: any) => mixed,
-  allowEmpty?: boolean,
-|};
-declare type DefaultProps = {|
-  allowEmpty: $PropertyType<Props, "allowEmpty">,
-  values: $PropertyType<Props, "values">,
-|};
-/**
- * MultiButtonGroup is an aesthetically pleasing group of buttons,
- * which allows multiple buttons to be selected at the same time.
- *
- * NOTE: This component is almost identical to ./button-group.jsx except that
- * this component allows multiple selection!
- */
-declare class MultiButtonGroup extends React.Component<Props> {
-  static defaultProps: DefaultProps;
-  focus(): boolean;
-  toggleSelect: (arg1?: any) => void;
-  render(): React.Node;
-}
-declare export default typeof MultiButtonGroup;

package/dist/components/number-input.js.flow

@@ -1,42 +0,0 @@
-/**
- * Flowtype definitions for data
- * Generated by Flowgen from a Typescript Definition
- * Flowgen v1.21.0
- * @flow
- */
-import PropTypes from "prop-types";
-import * as React from "react";
-import type { MathFormat } from "../perseus-types";
-declare class NumberInput extends React.Component<any, any> {
-  static propTypes: {|
-    value: PropTypes.Requireable<number>,
-    format: PropTypes.Requireable<string>,
-    placeholder: PropTypes.Requireable<
-      $NonMaybeType<string | number | null | void>
-    >,
-    onChange: PropTypes.Validator<(...args: any[]) => any>,
-    onFormatChange: PropTypes.Requireable<(...args: any[]) => any>,
-    checkValidity: PropTypes.Requireable<(...args: any[]) => any>,
-    size: PropTypes.Requireable<string>,
-    label: PropTypes.Requireable<string>,
-  |};
-  static defaultProps: any;
-  state: any;
-  render(): React.Node;
-  componentDidUpdate(prevProps: any): void;
-  getValue: () => any;
-  getStringValue: () => string;
-  parseInputValue: (arg1: any) => any;
-  focus: () => void;
-  blur: () => void;
-  setSelectionRange: (arg1: number, arg2: number) => any;
-  getSelectionStart: () => number;
-  getSelectionEnd: () => number;
-  _checkValidity: (arg1: any) => boolean;
-  _handleChange: (arg1: SyntheticInputEvent<HTMLInputElement>) => void;
-  _handleFocus: () => void;
-  _handleBlur: (e?: SyntheticFocusEvent<> | SyntheticKeyboardEvent<>) => void;
-  _onKeyDown: (arg1: SyntheticKeyboardEvent<>) => void;
-  _setValue: (arg1: number, arg2: MathFormat) => void;
-}
-declare export default typeof NumberInput;

package/dist/components/prop-check-box.js.flow

@@ -1,8 +0,0 @@
-/**
- * Flowtype definitions for data
- * Generated by Flowgen from a Typescript Definition
- * Flowgen v1.21.0
- * @flow
- */
-declare var PropCheckBox: any;
-declare export default typeof PropCheckBox;

package/dist/components/range-input.js.flow

@@ -1,20 +0,0 @@
-/**
- * Flowtype definitions for data
- * Generated by Flowgen from a Typescript Definition
- * Flowgen v1.21.0
- * @flow
- */
-import PropTypes from "prop-types";
-import * as React from "react";
-declare class RangeInput extends React.Component<any> {
-  static propTypes: {|
-    value: PropTypes.Validator<any[]>,
-    onChange: PropTypes.Validator<(...args: any[]) => any>,
-    placeholder: PropTypes.Requireable<any[]>,
-    checkValidity: PropTypes.Requireable<(...args: any[]) => any>,
-  |};
-  static defaultProps: any;
-  render(): React.Node;
-  onChange: (arg1: number, arg2: string) => void;
-}
-declare export default typeof RangeInput;

package/dist/components/simple-keypad-input.js.flow

@@ -1,16 +0,0 @@
-/**
- * Flowtype definitions for data
- * Generated by Flowgen from a Typescript Definition
- * Flowgen v1.21.0
- * @flow
- */
-import * as React from "react";
-declare export default class SimpleKeypadInput extends React.Component<any> {
-  _isMounted: boolean;
-  componentDidMount(): void;
-  componentWillUnmount(): void;
-  focus(): void;
-  blur(): void;
-  getValue(): string | number;
-  render(): React.Node;
-}

package/dist/components/sortable.js.flow

@@ -1,91 +0,0 @@
-/**
- * Flowtype definitions for data
- * Generated by Flowgen from a Typescript Definition
- * Flowgen v1.21.0
- * @flow
- */
-import * as React from "react";
-import { Position } from "../util";
-import type { LinterContextProps } from "../types";
-
-declare export var Layout: {|
-  +HORIZONTAL: "horizontal", // "horizontal"
-  +VERTICAL: "vertical", // "vertical"
-|};
-
-declare var ItemState: {|
-  +STATIC: "static", // "static"
-  +DRAGGING: "dragging", // "dragging"
-  +ANIMATING: "animating", // "animating"
-  +DISABLED: "disabled", // "disabled"
-|};
-export type SortableOption = string;
-declare type SortableProps = {|
-  constraints:
-    | {|
-        width: number,
-        height: number,
-      |}
-    | { [key: any]: any },
-  disabled: boolean,
-  layout: $Values<typeof Layout>,
-  margin: number,
-  onChange: (arg1: any) => void,
-  onMeasure: (arg1: {|
-    widths: $ReadOnlyArray<number>,
-    heights: $ReadOnlyArray<number>,
-  |}) => void,
-  padding: boolean,
-  linterContext: LinterContextProps,
-  options: $ReadOnlyArray<SortableOption>,
-  waitForTexRendererToLoad: boolean,
-|};
-declare type DefaultProps = {|
-  constraints: $PropertyType<SortableProps, "constraints">,
-  disabled: $PropertyType<SortableProps, "disabled">,
-  layout: $PropertyType<SortableProps, "layout">,
-  margin: $PropertyType<SortableProps, "margin">,
-  onChange: $PropertyType<SortableProps, "onChange">,
-  onMeasure: $PropertyType<SortableProps, "onMeasure">,
-  padding: $PropertyType<SortableProps, "padding">,
-  linterContext: $PropertyType<SortableProps, "linterContext">,
-  waitForTexRendererToLoad: $PropertyType<
-    SortableProps,
-    "waitForTexRendererToLoad"
-  >,
-|};
-declare type SortableItem = {|
-  option: SortableOption,
-  key: number,
-  state: $Values<typeof ItemState>,
-  endPosition?: Position,
-  width: number,
-  height: number,
-|};
-declare type SortableState = {|
-  items: $ReadOnlyArray<SortableItem>,
-  texRendererLoaded: boolean,
-|};
-declare class Sortable extends React.Component<SortableProps, SortableState> {
-  static defaultProps: DefaultProps;
-  constructor(props: SortableProps): this;
-  UNSAFE_componentWillReceiveProps(nextProps: SortableProps): void;
-  componentDidUpdate(): void;
-  static itemsFromProps(props: {|
-    disabled: boolean,
-    options: $ReadOnlyArray<SortableOption>,
-  |}): $ReadOnlyArray<SortableItem>;
-  static clearItemMeasurements(
-    items: $ReadOnlyArray<SortableItem>
-  ): $ReadOnlyArray<SortableItem>;
-  measureItems(): void;
-  remeasureItems: () => void;
-  render(): React.Node;
-  onMouseDown(key: $PropertyType<SortableItem, "key">): void;
-  moveOptionToIndex(option: SortableOption, index: number): void;
-  onMouseMove(key: $PropertyType<SortableItem, "key">): void;
-  onMouseUp(key: $PropertyType<SortableItem, "key">): void;
-  onAnimationEnd(key: $PropertyType<SortableItem, "key">): void;
-  getOptions(): $ReadOnlyArray<SortableOption>;
-}
-declare export default typeof Sortable;

package/dist/components/stub-tag-editor.js.flow

@@ -1,18 +0,0 @@
-/**
- * Flowtype definitions for data
- * Generated by Flowgen from a Typescript Definition
- * Flowgen v1.21.0
- * @flow
- */
-import PropTypes from "prop-types";
-import * as React from "react";
-declare class StubTagEditor extends React.Component<any> {
-  static propTypes: {|
-    value: PropTypes.Requireable<(string | null | void)[]>,
-    onChange: PropTypes.Validator<(...args: any[]) => any>,
-    showTitle: PropTypes.Validator<boolean>,
-  |};
-  static defaultProps: any;
-  render(): React.Node;
-}
-declare export default typeof StubTagEditor;

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

@@ -1,85 +0,0 @@
-/**
- * Flowtype definitions for data
- * Generated by Flowgen from a Typescript Definition
- * Flowgen v1.21.0
- * @flow
- */
-import * as React from "react";
-import type { 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: Size,
-    range: [Coord, Coord],
-    labels: $ReadOnlyArray<any>,
-  |},
-  height?: number,
-  onUpdate: () => void,
-  overrideAriaHidden?: boolean,
-  preloader?: (dimensions: Dimensions) => React.Node,
-  responsive: boolean,
-  scale: number,
-  src: string,
-  title?: string,
-  trackInteraction?: () => void,
-  width?: number,
-  zoomToFullSizeOnMobile?: boolean,
-  setAssetStatus: (assetKey: string, loaded: boolean) => void,
-|};
-declare type Label = {|
-  coordinates: $ReadOnlyArray<any>,
-  content: string,
-  alignment: Alignment,
-  typesetAsMath: boolean,
-|};
-declare type LabelsRenderedMap = {
-  [label: string]: boolean,
-};
-declare type State = {|
-  dataLoaded: boolean,
-  imageDimensions: [number, number] | null | void,
-  imageLoaded: boolean,
-  labelsRendered: LabelsRenderedMap,
-  labelDataIsLocalized: boolean,
-  labels: $ReadOnlyArray<Label>,
-  range: [Coord, Coord],
-|};
-declare class SvgImage extends React.Component<Props, State> {
-  _isMounted: boolean;
-  static defaultProps: {|
-    constrainHeight: boolean,
-    onUpdate: () => void,
-    responsive: boolean,
-    scale: number,
-    setAssetStatus: (src: string, status: boolean) => void,
-    src: string,
-    zoomToFullSizeOnMobile: boolean,
-  |};
-  constructor(props: Props): this;
-  componentDidMount(): void;
-  UNSAFE_componentWillReceiveProps(nextProps: Props): void;
-  shouldComponentUpdate(nextProps: Props, nextState: State): boolean;
-  componentDidUpdate(prevProps: Props, prevState: State): void;
-  componentWillUnmount(): void;
-  isLoadedInState(state: State): boolean;
-  loadResources(): void;
-  onDataLoaded: (
-    data: {|
-      labels: $ReadOnlyArray<any>,
-      range: $ReadOnlyArray<any>,
-    |},
-    localized: boolean
-  ) => void;
-  sizeProvided(): boolean;
-  onImageLoad: () => void;
-  setupGraphie: (graphie?: any, options?: any) => void;
-  _tryGetPixels(value: string): null | number;
-  _handleZoomClick: (e: SyntheticEvent<>) => void;
-  handleUpdate: (status: string) => void;
-  render(): React.Element<"div"> | React.Node;
-}
-declare export default typeof SvgImage;

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

@@ -1,26 +0,0 @@
-/**
- * Flowtype definitions for data
- * Generated by Flowgen from a Typescript Definition
- * Flowgen v1.21.0
- * @flow
- */
-import { Keys } from "@khanacademy/math-input";
-import * as React from "react";
-declare type ButtonSet = (props: any) => [React.Node, Keys, string];
-declare type ButtonSets = {
-  +[key: string]: $ReadOnlyArray<ButtonSet>,
-};
-declare var buttonSets: ButtonSets;
-export type ButtonSetsType = $ReadOnlyArray<$Keys<typeof buttonSets>>;
-declare type Props = {|
-  sets: ButtonSetsType,
-  onInsert: (key: Keys) => void,
-  className?: string,
-  convertDotToTimes?: boolean,
-|};
-declare class TexButtons extends React.Component<Props> {
-  static buttonSets: typeof buttonSets;
-  static buttonSetsType: any;
-  render(): React.Node;
-}
-declare export default typeof TexButtons;

package/dist/components/tex.js.flow

@@ -1,25 +0,0 @@
-/**
- * Flowtype definitions for data
- * Generated by Flowgen from a Typescript Definition
- * Flowgen v1.21.0
- * @flow
- */
-import * as React from "react";
-declare type Props = {|
-  children: string,
-  onRender: () => void,
-  setAssetStatus: (assetKey: string, loaded: boolean) => void,
-|};
-declare type State = {|
-  rendered: boolean,
-|};
-declare export default class Tex extends React.Component<Props, State> {
-  _hasRendered: boolean;
-  static defaultProps: {|
-    onRender: () => void,
-    setAssetStatus: (src: string, status: boolean) => void,
-  |};
-  constructor(props: Props): this;
-  handleRender: () => void;
-  render(): React.Node;
-}

package/dist/components/text-input.js.flow

@@ -1,39 +0,0 @@
-/**
- * Flowtype definitions for data
- * Generated by Flowgen from a Typescript Definition
- * Flowgen v1.21.0
- * @flow
- */
-import * as React from "react";
-import type { StyleType } from "@khanacademy/wonder-blocks-core";
-declare type Props = {|
-  value: string | number | null,
-  onChange: (arg1?: any) => void,
-  className?: string,
-  labelText?: string,
-  onFocus?: () => void,
-  onBlur?: () => void,
-  disabled?: boolean,
-  id?: string,
-  placeholder?: string,
-  onKeyDown?: () => void,
-  style?: StyleType,
-|};
-declare type DefaultProps = {|
-  value: $PropertyType<Props, "value">,
-  disabled: $PropertyType<Props, "disabled">,
-|};
-declare class TextInput extends React.Component<Props> {
-  static defaultProps: DefaultProps;
-  id: string;
-  constructor(props: Props): this;
-  render(): React.Node;
-  focus: () => void;
-  blur: () => void;
-  getValue: () => string | null | void;
-  getStringValue: () => string | null | void;
-  setSelectionRange: (arg1: number, arg2: number) => void;
-  getSelectionStart: () => number;
-  getSelectionEnd: () => number;
-}
-declare export default typeof TextInput;

package/dist/components/text-list-editor.js.flow

@@ -1,22 +0,0 @@
-/**
- * Flowtype definitions for data
- * Generated by Flowgen from a Typescript Definition
- * Flowgen v1.21.0
- * @flow
- */
-import PropTypes from "prop-types";
-import * as React from "react";
-declare class TextListEditor extends React.Component<any, any> {
-  static propTypes: {|
-    options: PropTypes.Requireable<any[]>,
-    layout: PropTypes.Requireable<string>,
-    onChange: PropTypes.Validator<(...args: any[]) => any>,
-  |};
-  static defaultProps: any;
-  state: any;
-  UNSAFE_componentWillReceiveProps(nextProps: any): void;
-  render(): React.Node;
-  onChange: (arg1: number, arg2: SyntheticInputEvent<HTMLInputElement>) => void;
-  onKeyDown: (arg1: number, arg2: SyntheticKeyboardEvent<>) => void;
-}
-declare export default typeof TextListEditor;

package/dist/components/tooltip.js.flow

@@ -1,51 +0,0 @@
-/**
- * Flowtype definitions for data
- * Generated by Flowgen from a Typescript Definition
- * Flowgen v1.21.0
- * @flow
- */
-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/components/visibility-observer/create-visibility-observer.js.flow

@@ -1,23 +0,0 @@
-/**
- * Flowtype definitions for data
- * Generated by Flowgen from a Typescript Definition
- * Flowgen v1.21.0
- * @flow
- */
-import "intersection-observer";
-export interface VisibilityObserver {
-  setTargetElement(targetElement: HTMLElement): void;
-  disconnect(): void;
-}
-declare type VisibilityChangeCallback = (
-  isVisible: boolean,
-  rootBounds: DOMRectReadOnly
-) => void;
-/**
- * Create a new VisibilityObserver.
- */
-declare export function createVisibilityObserver(
-  rootElement: HTMLElement | null | void,
-  onVisibilityChange: VisibilityChangeCallback,
-  rootMargin?: string
-): VisibilityObserver;

package/dist/components/visibility-observer/get-scroll-parent.js.flow

@@ -1,7 +0,0 @@
-/**
- * Flowtype definitions for data
- * Generated by Flowgen from a Typescript Definition
- * Flowgen v1.21.0
- * @flow
- */
-declare export var getScrollParent: (node: Element) => Element | null | void;

package/dist/components/visibility-observer/visibility-observer.js.flow

@@ -1,36 +0,0 @@
-/**
- * Flowtype definitions for data
- * Generated by Flowgen from a Typescript Definition
- * Flowgen v1.21.0
- * @flow
- */
-import * as React from "react";
-import type { VisibilityObserver as IVisibilityObserver } from "./create-visibility-observer";
-export type ScrollVisibility =
-  | "hidden-above"
-  | "hidden-below"
-  | "visible"
-  | "unknown";
-declare type Props = {|
-  children: React.Node,
-  rootMargin?: string,
-  scrollParentIsNotBody?: boolean,
-  onChange: (visibility: ScrollVisibility) => void,
-|};
-declare class VisibilityObserver extends React.Component<Props> {
-  _observer: IVisibilityObserver;
-  _node: HTMLElement;
-  static defaultProps: {|
-    onChange: () => void,
-  |};
-  componentDidMount(): void;
-  componentWillUnmount(): void;
-  handleVisibilityChange: (
-    isVisible: boolean,
-    rootBounds: DOMRectReadOnly
-  ) => void;
-  registerVisibilityObserver(): void;
-  unregisterVisibilityObserver(): void;
-  render(): React.Node;
-}
-declare export default typeof VisibilityObserver;

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

@@ -1,18 +0,0 @@
-/**
- * Flowtype definitions for data
- * Generated by Flowgen from a Typescript Definition
- * Flowgen v1.21.0
- * @flow
- */
-import * as React from "react";
-declare type Props = {|
-  children: string,
-|};
-declare type State = {|
-  isRendered: boolean,
-|};
-declare export default class ZoomableTeX extends React.Component<Props, State> {
-  constructor(): this;
-  handleRender: () => void;
-  render(): React.Node;
-}

package/dist/components/zoomable.js.flow

@@ -1,70 +0,0 @@
-/**
- * Flowtype definitions for data
- * Generated by Flowgen from a Typescript Definition
- * Flowgen v1.21.0
- * @flow
- */
-import * as React from "react";
-declare type Bounds = {|
-  width: number,
-  height: number,
-|};
-declare type Props = {|
-  children: React.Node,
-  animateHeight: boolean,
-
-  /**
-   * Optional function that allows customizations in zooming.
-   *
-   * Defaults to just using the bounding client rect of the first DOM
-   * element of this component.
-   */
-  computeChildBounds: (parentNode: HTMLElement, parentBounds: Bounds) => Bounds,
-
-  /**
-   * Optional boolean specifying whether the component is ready to measure
-   * or not.  Defaults to true for synchronous components like tables.
-   */
-  readyToMeasure: boolean,
-|};
-declare type DefaultProps = {|
-  animateHeight: $PropertyType<Props, "animateHeight">,
-  computeChildBounds: $PropertyType<Props, "computeChildBounds">,
-  readyToMeasure: $PropertyType<Props, "readyToMeasure">,
-|};
-declare type State = {|
-  visible: boolean,
-  marginBottomPx: number,
-  compactHeight?: number | null | void,
-  expandedHeight?: number | null | void,
-  scale?: number | null | void,
-  zoomed: boolean,
-|};
-declare class Zoomable extends React.Component<Props, State> {
-  _isMounted: boolean;
-  _observer: MutationObserver;
-  _measuringInitialized: boolean;
-  _originalWidth: number | null | void;
-  _node: HTMLElement;
-  static defaultProps: DefaultProps;
-  state: State;
-  componentDidMount(): void;
-  componentDidUpdate(): void;
-  componentWillUnmount(): void;
-  reset: () => void;
-
-  /**
-   * Calls measureAndScaleChildToFit and sets up a MutationObserver
-   * to call measureAndScaleChildToFit if Zoomable's children change.
-   *
-   * If the readyToMeasure prop isn't true or if measuring has already
-   * been initialized this method does nothing.
-   */
-  maybeInitializeMeasuring(): void;
-  stopPropagationIfZoomed: (e: SyntheticTouchEvent<>) => void;
-  measureAndScaleChildToFit(zoomed: boolean): void;
-  handleClickIfZoomed: (e: SyntheticMouseEvent<>) => void;
-  handleClick: () => void;
-  render(): React.Node;
-}
-declare export default typeof Zoomable;

package/dist/components.js.flow

@@ -1,22 +0,0 @@
-/**
- * Flowtype definitions for data
- * Generated by Flowgen from a Typescript Definition
- * Flowgen v1.21.0
- * @flow
- */
-declare export { default as ButtonGroup } from "./components/button-group";
-declare export { default as Graph } from "./components/graph";
-declare export { default as Graphie } from "./components/graphie";
-declare export { default as HUD } from "./components/hud";
-declare export { default as Icon } from "./components/icon";
-declare export { default as InfoTip } from "./components/info-tip";
-declare export { default as InlineIcon } from "./components/inline-icon";
-declare export { default as MathInput } from "./components/math-input";
-declare export { default as MultiButtonGroup } from "./components/multi-button-group";
-declare export { default as NumberInput } from "./components/number-input";
-declare export { default as PropCheckBox } from "./components/prop-check-box";
-declare export { default as RangeInput } from "./components/range-input";
-declare export { default as SvgImage } from "./components/svg-image";
-declare export { default as TextInput } from "./components/text-input";
-declare export { default as TexButtons } from "./components/tex-buttons";
-declare export { default as TextListEditor } from "./components/text-list-editor";