@khanacademy/perseus 7.2.0 → 8.0.0

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

@@ -1,94 +0,0 @@
-/**
- * Flowtype definitions for data
- * Generated by Flowgen from a Typescript Definition
- * Flowgen v1.21.0
- * @flow
- */
-import * as $Flowgen$Import$_2e__2e__2f_types from "../types";
-import * as React from "react";
-import type { PerseusInputNumberWidgetOptions } from "../perseus-types";
-import type { APIOptions, Path, PerseusScore, WidgetProps } from "../types";
-declare type UserInput = {|
-  currentValue: string,
-|};
-declare type RenderProps = {|
-  simplify: $PropertyType<PerseusInputNumberWidgetOptions, "simplify">,
-  size: $PropertyType<PerseusInputNumberWidgetOptions, "size">,
-  answerType: $PropertyType<PerseusInputNumberWidgetOptions, "answerType">,
-  rightAlign: $PropertyType<PerseusInputNumberWidgetOptions, "rightAlign">,
-|};
-declare type Rubric = PerseusInputNumberWidgetOptions;
-declare type ExternalProps = WidgetProps<RenderProps, Rubric>;
-declare type Props = {|
-  ...ExternalProps,
-  ...{|
-    apiOptions: $NonMaybeType<$PropertyType<ExternalProps, "apiOptions">>,
-    linterContext: $NonMaybeType<$PropertyType<ExternalProps, "linterContext">>,
-    rightAlign: $NonMaybeType<$PropertyType<ExternalProps, "rightAlign">>,
-    size: $NonMaybeType<$PropertyType<ExternalProps, "size">>,
-    currentValue: string,
-    answerType: $NonMaybeType<$PropertyType<Rubric, "answerType">>,
-  |},
-|};
-declare type DefaultProps = {|
-  answerType: $PropertyType<Props, "answerType">,
-  apiOptions: $PropertyType<Props, "apiOptions">,
-  currentValue: $PropertyType<Props, "currentValue">,
-  linterContext: $PropertyType<Props, "linterContext">,
-  rightAlign: $PropertyType<Props, "rightAlign">,
-  size: $PropertyType<Props, "size">,
-|};
-declare class InputNumber extends React.Component<Props> {
-  static defaultProps: DefaultProps;
-  shouldShowExamples: () => boolean;
-  render(): React.Node;
-  handleChange: (arg1: string, arg2: () => void) => void;
-  _handleFocus: () => void;
-  _handleBlur: () => void;
-  focus: () => boolean;
-  focusInputPath: (arg1: Path) => void;
-  blurInputPath: (arg1: Path) => void;
-  getInputPaths: () => $ReadOnlyArray<Path>;
-  getGrammarTypeForPath: (arg1: Path) => string;
-  setInputValue: (arg1: Path, arg2: string, arg3: () => void) => void;
-  getUserInput: () => UserInput;
-  simpleValidate: (
-    rubric: Rubric,
-    onInputError?: $PropertyType<APIOptions, "onInputError">
-  ) => PerseusScore;
-  examples: () => $ReadOnlyArray<string>;
-  static validate(
-    state: {|
-      currentValue: string,
-    |},
-    rubric: Rubric,
-    onInputError?: $PropertyType<APIOptions, "onInputError">
-  ): PerseusScore;
-  static getUserInputFromProps(props: Props): {|
-    currentValue: string,
-  |};
-  static getOneCorrectAnswerFromRubric(rubric: any): string | null | void;
-}
-declare var _default: $ReadOnly<{|
-  name: string,
-  displayName: string,
-  getWidget?: (() => typeof InputNumber) | void,
-  accessible?: boolean | ((props: any) => boolean) | void,
-  hidden?: boolean | void,
-  version?: $Flowgen$Import$_2e__2e__2f_types.Version | void,
-  supportedAlignments?: $ReadOnlyArray<$Flowgen$Import$_2e__2e__2f_types.Alignment> | void,
-  defaultAlignment?: $Flowgen$Import$_2e__2e__2f_types.Alignment | void,
-  getDefaultAlignment?:
-    | (() => $Flowgen$Import$_2e__2e__2f_types.Alignment)
-    | void,
-  isLintable?: boolean | void,
-  tracking?: $Flowgen$Import$_2e__2e__2f_types.Tracking | void,
-  traverseChildWidgets?: any,
-  transform?: $Flowgen$Import$_2e__2e__2f_types.WidgetTransform | void,
-  staticTransform?: $Flowgen$Import$_2e__2e__2f_types.WidgetTransform | void,
-  propUpgrades?: {
-    [key: string]: (arg1: any) => any,
-  } | void,
-  widget: typeof InputNumber,
-|}>;
-declare export default typeof _default;

package/dist/widgets/interaction/arrow-picker.js.flow

@@ -1,21 +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 { ChangeableProps } from "../../mixins/changeable";
-declare type Props = {|
-  ...{|
-    value?: string,
-  |},
-  ...ChangeableProps,
-|};
-declare class ArrowPicker extends React.Component<Props> {
-  static defaultProps: {|
-    value: string,
-  |};
-  render(): React.Node;
-}
-declare export default typeof ArrowPicker;

package/dist/widgets/interaction/color-picker.js.flow

@@ -1,23 +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 { ChangeableProps } from "../../mixins/changeable";
-declare type Props = {|
-  ...{|
-    lightColors?: boolean,
-    value?: string,
-  |},
-  ...ChangeableProps,
-|};
-declare class ColorPicker extends React.Component<Props> {
-  static defaultProps: {|
-    lightColors: boolean,
-    value: any,
-  |};
-  render(): React.Node;
-}
-declare export default typeof ColorPicker;

package/dist/widgets/interaction/dash-picker.js.flow

@@ -1,21 +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 { ChangeableProps } from "../../mixins/changeable";
-declare type Props = {|
-  ...{|
-    value?: string,
-  |},
-  ...ChangeableProps,
-|};
-declare class DashPicker extends React.Component<Props> {
-  static defaultProps: {|
-    value: string,
-  |};
-  render(): React.Node;
-}
-declare export default typeof DashPicker;

package/dist/widgets/interaction/element-container.js.flow

@@ -1,28 +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: React.Element<any> | $ReadOnlyArray<React.Element<any>>,
-  initiallyVisible: boolean,
-  onDelete?: () => void | null | void,
-  onDown?: () => void | null | void,
-  onUp?: () => void | null | void,
-  title: string | React.Element<any>,
-|};
-declare type State = {|
-  show: boolean,
-|};
-declare class ElementContainer extends React.Component<Props, State> {
-  static defaultProps: {|
-    initiallyVisible: boolean,
-    title: string,
-  |};
-  constructor(props: Props): this;
-  toggle: (e: SyntheticEvent<>) => void;
-  render(): React.Node;
-}
-declare export default typeof ElementContainer;

package/dist/widgets/interaction.js.flow

@@ -1,60 +0,0 @@
-/**
- * Flowtype definitions for data
- * Generated by Flowgen from a Typescript Definition
- * Flowgen v1.21.0
- * @flow
- */
-import * as $Flowgen$Import$_2e__2e__2f_types from "../types";
-import * as React from "react";
-import type { Coord } from "../interactive2/types";
-import type { PerseusInteractionWidgetOptions } from "../perseus-types";
-import type { PerseusScore, WidgetProps } from "../types";
-declare type RenderProps = PerseusInteractionWidgetOptions;
-declare type Rubric = PerseusInteractionWidgetOptions;
-declare type Props = WidgetProps<RenderProps, Rubric>;
-declare type DefaultProps = {|
-  graph: $PropertyType<Props, "graph">,
-  elements: $PropertyType<Props, "elements">,
-|};
-declare type State = {|
-  variables: any,
-  functions: any,
-|};
-declare class Interaction extends React.Component<Props, State> {
-  static defaultProps: DefaultProps;
-  state: State;
-  UNSAFE_componentWillReceiveProps(nextProps: Props): void;
-  _setupGraphie: (arg1: any, arg2: any) => void;
-  _updatePointLocation: (arg1: string, arg2: Coord) => void;
-  _updateLineLocation: (arg1: any, arg2: Coord) => void;
-  _eval: (arg1: any, arg2: any) => number;
-  _extractVars: (arg1: any) => $ReadOnlyArray<any>;
-  change: (arg1: any, arg2: any, arg3: any) => any;
-  render(): React.Node;
-  getUserInput: () => any;
-  simpleValidate: (arg1: any) => any;
-  static validate(state: any, rubric: any): PerseusScore;
-}
-declare var _default: $ReadOnly<{|
-  name: string,
-  displayName: string,
-  getWidget?: (() => typeof Interaction) | void,
-  accessible?: boolean | ((props: any) => boolean) | void,
-  hidden?: boolean | void,
-  version?: $Flowgen$Import$_2e__2e__2f_types.Version | void,
-  supportedAlignments?: $ReadOnlyArray<$Flowgen$Import$_2e__2e__2f_types.Alignment> | void,
-  defaultAlignment?: $Flowgen$Import$_2e__2e__2f_types.Alignment | void,
-  getDefaultAlignment?:
-    | (() => $Flowgen$Import$_2e__2e__2f_types.Alignment)
-    | void,
-  isLintable?: boolean | void,
-  tracking?: $Flowgen$Import$_2e__2e__2f_types.Tracking | void,
-  traverseChildWidgets?: any,
-  transform?: $Flowgen$Import$_2e__2e__2f_types.WidgetTransform | void,
-  staticTransform?: $Flowgen$Import$_2e__2e__2f_types.WidgetTransform | void,
-  propUpgrades?: {
-    [key: string]: (arg1: any) => any,
-  } | void,
-  widget: typeof Interaction,
-|}>;
-declare export default typeof _default;

package/dist/widgets/interactive-graph.js.flow

@@ -1,239 +0,0 @@
-/**
- * Flowtype definitions for data
- * Generated by Flowgen from a Typescript Definition
- * Flowgen v1.21.0
- * @flow
- */
-import * as $Flowgen$Import$_2e__2e__2f_types from "../types";
-import * as React from "react";
-import { QuadraticCoefficient, SineCoefficient, Range } from "../util/geometry";
-import type { Coord } from "../interactive2/types";
-import type {
-  PerseusGraphType,
-  PerseusGraphTypeAngle,
-  PerseusGraphTypePoint,
-  PerseusGraphTypePolygon,
-  PerseusGraphTypeSegment,
-  PerseusInteractiveGraphWidgetOptions,
-} from "../perseus-types";
-import type { PerseusScore, WidgetProps } from "../types";
-declare type RenderProps = PerseusInteractiveGraphWidgetOptions;
-declare type Rubric = PerseusInteractiveGraphWidgetOptions;
-declare type Props = WidgetProps<RenderProps, Rubric>;
-declare type State = any;
-declare type DefaultProps = {|
-  labels: $PropertyType<Props, "labels">,
-  range: $PropertyType<Props, "range">,
-  step: $PropertyType<Props, "step">,
-  backgroundImage: $PropertyType<Props, "backgroundImage">,
-  markings: $PropertyType<Props, "markings">,
-  showTooltips: $PropertyType<Props, "showTooltips">,
-  showProtractor: $PropertyType<Props, "showProtractor">,
-  showRuler: $PropertyType<Props, "showRuler">,
-  rulerLabel: $PropertyType<Props, "rulerLabel">,
-  rulerTicks: $PropertyType<Props, "rulerTicks">,
-  graph: $PropertyType<Props, "graph">,
-|};
-declare class InteractiveGraph extends React.Component<Props, State> {
-  angle: any | null | void;
-  circle: any | null | void;
-  graphie: any | null | void;
-  horizHairline: any | null | void;
-  line: any | null | void;
-  lines: $ReadOnlyArray<$ReadOnlyArray<Coord>> | null | void;
-  parabola: any | null | void;
-  pointA: any | null | void;
-  pointB: any | null | void;
-  pointC: any | null | void;
-  points: Array<any>;
-  polygon: any | null | void;
-  shouldResetGraphie: boolean;
-  sinusoid: any | null | void;
-  trashCan: any | null | void;
-  vertHairline: any | null | void;
-  static defaultProps: DefaultProps;
-  state: State;
-  UNSAFE_componentWillMount(): void;
-  componentDidMount(): void;
-  UNSAFE_componentWillReceiveProps(nextProps: Props): void;
-  componentDidUpdate(prevProps: Props, prevState: State): void;
-  _getShouldShowInstructions: (arg1?: Props | null | void) => boolean;
-  deprecatedProps: any;
-  setGraphie: (arg1: any) => void;
-  handleAddPointsMouseDown: (arg1: Coord) => void;
-  resetGraphie: () => void;
-  setupGraphie: () => void;
-  showHairlines: (arg1: Coord) => void;
-  hideHairlines: () => void;
-  setTrashCanVisibility: (arg1: number) => void;
-  isClickToAddPoints: (arg1?: Props | null | void) => boolean;
-  areAngleGraphsEqual(
-    prevGraph: PerseusGraphTypeAngle,
-    currentGraph: PerseusGraphTypeAngle
-  ): boolean;
-  arePointGraphsEqual(
-    prevGraph: PerseusGraphTypePoint,
-    currentGraph: PerseusGraphTypePoint
-  ): boolean;
-  arePolygonGraphsEqual(
-    prevGraph: PerseusGraphTypePolygon,
-    currentGraph: PerseusGraphTypePolygon
-  ): boolean;
-  areSegmentGraphsEqual(
-    prevGraph: PerseusGraphTypeSegment,
-    currentGraph: PerseusGraphTypeSegment
-  ): boolean;
-  _lineStroke: () => {|
-    "stroke-width": number | void,
-  |};
-  addLine: (arg1: string) => void;
-  removeLine: () => void;
-  addLinearControls: () => void;
-  removeLinearControls: () => void;
-  addQuadraticControls: () => void;
-  updateQuadratic: () => void;
-  removeQuadraticControls: () => void;
-  addSinusoidControls: () => void;
-  updateSinusoid: () => void;
-  removeSinusoidControls: () => void;
-  addCircleControls: () => void;
-  removeCircleControls: () => void;
-  addLinearSystemControls: () => void;
-  removeLinearSystemControls: () => void;
-  isCoordInTrash: (arg1: Coord) => boolean;
-  createPointForPointsType: (arg1: Coord, arg2: number) => any;
-  removePoint: (arg1: Coord) => number | null | void;
-  createPointForPolygonType: (arg1: Coord, arg2: number) => any;
-  updateCoordsFromPoints: () => void;
-  clearCoords: () => void;
-  onChange: (arg1: any) => void;
-  addPointControls: () => void;
-  removePointControls: () => void;
-  addSegmentControls: () => void;
-  removeSegmentControls: () => void;
-  addRayControls: () => void;
-  removeRayControls: () => void;
-  addPolygonControls: () => void;
-  updatePolygon: () => void;
-  removePolygonControls: () => void;
-  addAngleControls: () => void;
-  removeAngleControls: () => void;
-  toggleShowSides: () => void;
-  getUserInput: () => PerseusGraphType;
-  simpleValidate: (rubric: Rubric) => PerseusScore;
-  focus: () => void;
-  render(): React.Node;
-  static getQuadraticCoefficients(
-    coords: $ReadOnlyArray<Coord>
-  ): QuadraticCoefficient;
-  static getSinusoidCoefficients(
-    coords: $ReadOnlyArray<Coord>
-  ): SineCoefficient;
-
-  /**
-   * @param {{...}} graph Like props.graph or props.correct
-   * @param {{...}} props of an InteractiveGraph instance
-   */
-  static getLineCoords(
-    graph: PerseusGraphType,
-    props: Props
-  ): $ReadOnlyArray<Coord>;
-
-  /**
-   * @param {{...}} graph Like props.graph or props.correct
-   * @param {{...}} props of an InteractiveGraph instance
-   */
-  static getPointCoords(
-    graph: PerseusGraphTypePoint,
-    props: Props
-  ): $ReadOnlyArray<Coord>;
-
-  /**
-   * @param {{...}} graph Like props.graph or props.correct
-   * @param {{...}} props of an InteractiveGraph instance
-   */
-  static getLinearSystemCoords(
-    graph: PerseusGraphType,
-    props: Props
-  ): $ReadOnlyArray<$ReadOnlyArray<Coord>>;
-
-  /**
-   * @param {{...}} graph Like props.graph or props.correct
-   * @param {{...}} props of an InteractiveGraph instance
-   */
-  static getPolygonCoords(
-    graph: PerseusGraphType,
-    props: Props
-  ): $ReadOnlyArray<Coord>;
-
-  /**
-   * @param {{...}} graph Like props.graph or props.correct
-   * @param {{...}} props of an InteractiveGraph instance
-   */
-  static getSegmentCoords(
-    graph: PerseusGraphTypeSegment,
-    props: Props
-  ): $ReadOnlyArray<$ReadOnlyArray<Coord>>;
-
-  /**
-   * @param {{...}} graph Like props.graph or props.correct
-   * @param {{...}} props of an InteractiveGraph instance
-   */
-  static getAngleCoords(
-    graph: PerseusGraphTypeAngle,
-    props: Props
-  ): $ReadOnlyArray<Coord>;
-  static normalizeCoords(
-    coordsList: $ReadOnlyArray<Coord>,
-    ranges: [Range, Range]
-  ): $ReadOnlyArray<Coord>;
-  static getEquationString(props: Props): string;
-  static pointsFromNormalized(
-    props: Props,
-    coordsList: $ReadOnlyArray<Coord>,
-    noSnap?: boolean
-  ): $ReadOnlyArray<Coord>;
-  static getLinearEquationString(props: Props): string;
-  static getCurrentQuadraticCoefficients(props: Props): QuadraticCoefficient;
-  static defaultQuadraticCoords(props: Props): $ReadOnlyArray<Coord>;
-  static getQuadraticEquationString(props: Props): string;
-  static getCurrentSinusoidCoefficients(props: Props): SineCoefficient;
-  static defaultSinusoidCoords(props: Props): $ReadOnlyArray<Coord>;
-  static getSinusoidEquationString(props: Props): string;
-  static getCircleEquationString(props: Props): string;
-  static getLinearSystemEquationString(props: Props): string;
-  static getPointEquationString(props: Props): string;
-  static getSegmentEquationString(props: Props): string;
-  static getRayEquationString(props: Props): string;
-  static getPolygonEquationString(props: Props): string;
-  static getAngleEquationString(props: Props): string;
-  static validate(
-    state: PerseusGraphType,
-    rubric: Rubric,
-    component: any
-  ): PerseusScore;
-  static getUserInputFromProps(props: Props): PerseusGraphType;
-}
-declare var _default: $ReadOnly<{|
-  name: string,
-  displayName: string,
-  getWidget?: (() => typeof InteractiveGraph) | void,
-  accessible?: boolean | ((props: any) => boolean) | void,
-  hidden?: boolean | void,
-  version?: $Flowgen$Import$_2e__2e__2f_types.Version | void,
-  supportedAlignments?: $ReadOnlyArray<$Flowgen$Import$_2e__2e__2f_types.Alignment> | void,
-  defaultAlignment?: $Flowgen$Import$_2e__2e__2f_types.Alignment | void,
-  getDefaultAlignment?:
-    | (() => $Flowgen$Import$_2e__2e__2f_types.Alignment)
-    | void,
-  isLintable?: boolean | void,
-  tracking?: $Flowgen$Import$_2e__2e__2f_types.Tracking | void,
-  traverseChildWidgets?: any,
-  transform?: $Flowgen$Import$_2e__2e__2f_types.WidgetTransform | void,
-  staticTransform?: $Flowgen$Import$_2e__2e__2f_types.WidgetTransform | void,
-  propUpgrades?: {
-    [key: string]: (arg1: any) => any,
-  } | void,
-  widget: typeof InteractiveGraph,
-|}>;
-declare export default typeof _default;

package/dist/widgets/label-image/answer-choices.js.flow

@@ -1,55 +0,0 @@
-/**
- * Flowtype definitions for data
- * Generated by Flowgen from a Typescript Definition
- * Flowgen v1.21.0
- * @flow
- */
-import * as React from "react";
-export type AnswerType = {|
-  content: string,
-  checked: boolean,
-|};
-declare type AnswerProps = {|
-  ...AnswerType,
-  ...{|
-    inputType: "checkbox" | "radio",
-    groupName: string,
-    index: number,
-    onChange: (checked: boolean) => void,
-    onFocusPrevAnswer: () => void,
-    onFocusNextAnswer: () => void,
-  |},
-|};
-declare type AnswerState = {|
-  isInputFocused: boolean,
-|};
-declare type AnswerChoicesProps = {|
-  choices: $ReadOnlyArray<AnswerType>,
-  multipleSelect: boolean,
-  onChange: (selection: $ReadOnlyArray<boolean>) => void,
-|};
-declare type AnswerChoicesState = {|
-  groupName: string,
-|};
-declare class AnswerChoice extends React.Component<AnswerProps, AnswerState> {
-  _input: HTMLInputElement | null | void;
-  state: AnswerState;
-  focusInput(): void;
-  handleClick(e: SyntheticMouseEvent<HTMLDivElement>): void;
-  handleKeyDown(e: SyntheticKeyboardEvent<HTMLDivElement>): void;
-  handleInputChange(e: SyntheticEvent<HTMLInputElement>): void;
-  handleInputFocus(): void;
-  handleInputBlur(): void;
-  renderCheckmark(): React.Node;
-  render(): React.Node;
-}
-declare export default class AnswerChoices
-  extends React.Component<AnswerChoicesProps, AnswerChoicesState>
-{
-  _choices: Array<AnswerChoice | null | void>;
-  constructor(props: AnswerChoicesProps): this;
-  focusAnswer(index?: number): void;
-  onAnswerChange(index: number, checked: boolean): void;
-  onFocusAnswer(index: number): void;
-  render(): React.Node;
-}

package/dist/widgets/label-image/marker.js.flow

@@ -1,31 +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 { InteractiveMarkerType } from "./types";
-declare type Props = {|
-  ...InteractiveMarkerType,
-  ...{|
-    showSelected: boolean,
-    showPulsate: boolean,
-    onClick: (e: MouseEvent) => void,
-    onKeyDown: (e: KeyboardEvent) => void,
-  |},
-|};
-declare type State = {|
-  isFocused: boolean,
-|};
-declare export default class Marker extends React.Component<Props, State> {
-  _icon: HTMLElement | null | void;
-  static defaultProps: {|
-    selected: $ReadOnlyArray<any>,
-  |};
-  state: State;
-  handleFocus(): void;
-  handleBlur(): void;
-  renderIcon(): React.Element<"div">;
-  render(): React.Node;
-}

package/dist/widgets/label-image/types.js.flow

@@ -1,23 +0,0 @@
-/**
- * Flowtype definitions for data
- * Generated by Flowgen from a Typescript Definition
- * Flowgen v1.21.0
- * @flow
- */
-export type MarkerType = {|
-  answers: $ReadOnlyArray<string>,
-  label: string,
-  x: number,
-  y: number,
-|};
-export type InteractiveMarkerType = {|
-  ...MarkerType,
-  ...{|
-    selected?: $ReadOnlyArray<string>,
-    showCorrectness?: "correct" | "incorrect",
-  |},
-|};
-export type InteractiveMarkerScore = {|
-  hasAnswers: boolean,
-  isCorrect: boolean,
-|};