@khanacademy/perseus-editor 2.6.1 → 2.6.2

package/dist/all-editors.js.flow

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

package/dist/all-widgets.js.flow

@@ -1,34 +0,0 @@
-/**
- * Flowtype definitions for data
- * Generated by Flowgen from a Typescript Definition
- * Flowgen v1.21.0
- * @flow
- */
-import * as $Flowgen$Import$react from "react";
-import * as $Flowgen$Import$_40_khanacademy_2f_perseus from "@khanacademy/perseus";
-import * as $Flowgen$Import$_2e__2e__2f__2e__2e__2f_perseus_2f_src_2f_types from "../../perseus/src/types";
-declare var _default: $ReadOnlyArray<
-  $ReadOnly<{|
-    name: string,
-    displayName: string,
-    getWidget?: (() => $Flowgen$Import$react.ComponentType<any>) | void,
-    accessible?: boolean | ((props: any) => boolean) | void,
-    hidden?: boolean | void,
-    version?: $Flowgen$Import$_40_khanacademy_2f_perseus.Version | void,
-    supportedAlignments?: $ReadOnlyArray<$Flowgen$Import$_40_khanacademy_2f_perseus.Alignment> | void,
-    defaultAlignment?: $Flowgen$Import$_40_khanacademy_2f_perseus.Alignment | void,
-    getDefaultAlignment?:
-      | (() => $Flowgen$Import$_40_khanacademy_2f_perseus.Alignment)
-      | void,
-    isLintable?: boolean | void,
-    tracking?: $Flowgen$Import$_2e__2e__2f__2e__2e__2f_perseus_2f_src_2f_types.Tracking | void,
-    traverseChildWidgets?: any,
-    transform?: $Flowgen$Import$_2e__2e__2f__2e__2e__2f_perseus_2f_src_2f_types.WidgetTransform | void,
-    staticTransform?: $Flowgen$Import$_2e__2e__2f__2e__2e__2f_perseus_2f_src_2f_types.WidgetTransform | void,
-    propUpgrades?: {
-      [key: string]: (arg1: any) => any,
-    } | void,
-    widget: $Flowgen$Import$react.ComponentType<any>,
-  |}>
->;
-declare export default typeof _default;

package/dist/article-editor.js.flow

@@ -1,72 +0,0 @@
-/**
- * Flowtype definitions for data
- * Generated by Flowgen from a Typescript Definition
- * Flowgen v1.21.0
- * @flow
- */
-import { Changeable } from "@khanacademy/perseus";
-import * as React from "react";
-import type { APIOptions } from "@khanacademy/perseus";
-declare type RendererProps = {|
-  content?: string,
-  widgets?: any,
-  images?: any,
-|};
-declare type JsonType = RendererProps | $ReadOnlyArray<RendererProps>;
-declare type DefaultProps = {|
-  contentPaths?: $ReadOnlyArray<string>,
-  json: JsonType,
-  mode: "diff" | "edit" | "json" | "preview",
-  screen: "phone" | "tablet" | "desktop",
-  sectionImageUploadGenerator: (
-    i: number
-  ) => React.Element<"span">,
-  useNewStyles: boolean,
-|};
-declare type Props = {|
-  ...DefaultProps,
-  ...{|
-    apiOptions?: APIOptions,
-    imageUploader?: (arg1: string, arg2: (arg1: string) => mixed) => mixed,
-    previewURL: string,
-  |},
-  ...Changeable.ChangeableProps,
-|};
-declare type State = {|
-  highlightLint: boolean,
-|};
-declare export default class ArticleEditor
-  extends React.Component<Props, State>
-{
-  static defaultProps: DefaultProps;
-  state: State;
-  componentDidMount(): void;
-  componentDidUpdate(): void;
-  _updatePreviewFrames(): void;
-  _apiOptionsForSection(section: RendererProps, sectionIndex: number): any;
-  _sections(): $ReadOnlyArray<RendererProps>;
-  _renderEditor(): React.Element<"div">;
-  _renderAddSection(): React.Element<"div">;
-  _renderLinterHUD(): React.Element<any>;
-  _renderIframePreview(
-    i: number | string,
-    nochrome: boolean
-  ): React.Element<any>;
-  _renderPreviewMode(): React.Element<"div">;
-  _handleJsonChange: (newJson: JsonType) => void;
-  _handleEditorChange: (i: number, newProps: RendererProps) => void;
-  _handleMoveSectionEarlier(i: number): void;
-  _handleMoveSectionLater(i: number): void;
-  _handleAddSectionAfter(i: number): void;
-  _handleRemoveSection(i: number): void;
-  serialize(): JsonType;
-
-  /**
-   * Returns an array, with one element be section.
-   * Each element is an array of lint warnings present in that section.
-   *
-   * This function can currently only be called in edit mode.
-   */
-  getSaveWarnings(): $ReadOnlyArray<RendererProps>;
-  render(): React.Node;
-}

package/dist/components/blur-input.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";
-import type { CSSProperties } from "aphrodite";
-declare type Props = {|
-  value: string,
-  onChange: (arg1: string) => void,
-  className?: string,
-  style?: CSSProperties,
-|};
-declare type State = {|
-  value: string,
-|};
-declare class BlurInput extends React.Component<Props, State> {
-  constructor(props: Props): this;
-  UNSAFE_componentWillReceiveProps(nextProps: Props): void;
-  handleChange: (e: any) => void;
-  handleBlur: (e: any) => void;
-  render(): React.Node;
-}
-declare export default typeof BlurInput;

package/dist/components/checkbox.js.flow

@@ -1,26 +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 CheckboxProps = {|
-  checked: boolean,
-  disabled?: boolean,
-  appearDisabled?: boolean,
-  onChange: (event: SyntheticInputEvent<HTMLInputElement>) => void,
-  tabIndex?: number | string,
-  style?: {|
-    marginTop: number,
-  |},
-  dataTestId?: string,
-  id?: string,
-|};
-declare export default class Checkbox extends React.Component<CheckboxProps> {
-  static defaultProps: {|
-    checked: boolean,
-    onChange: (event: SyntheticInputEvent<HTMLInputElement>) => void,
-  |};
-  render(): React.Node;
-}

package/dist/components/device-framer.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 type Props = any;
-declare class DeviceFramer extends React.Component<Props> {
-  static propTypes: {|
-    children: PropTypes.Validator<PropTypes.ReactElementLike>,
-    deviceType: PropTypes.Validator<
-      $NonMaybeType<"phone" | "tablet" | "desktop">
-    >,
-    nochrome: PropTypes.Requireable<boolean>,
-  |};
-  render(): React.Node;
-}
-declare export default typeof DeviceFramer;

package/dist/components/drag-target.js.flow

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

package/dist/components/dropdown-option.js.flow

@@ -1,49 +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 OptionRenderer = (
-  children: React.Element<any> | null | void,
-  value: string,
-  selected: boolean,
-  disabled?: boolean
-) => React.Element<any>;
-declare type Props = {|
-  value: string,
-  children?: React.Node,
-  selected?: boolean,
-  disabled?: boolean,
-  onClick?: () => void,
-  optionRenderer?: OptionRenderer,
-  onDropdownClose?: () => void,
-  hideFocusState?: boolean,
-  testId?: string,
-  ariaLabel?: string,
-|};
-declare export var optionHeight: 30;
-declare class Option extends React.Component<Props> {
-  node: HTMLDivElement;
-  handleKeyDown(event: any): void;
-  render(): React.Node;
-}
-declare class OptionGroup
-  extends
-    React.Component<{|
-      onSelected: (value: string) => void,
-      children?: Array<React.Element<typeof Option>>,
-      selectedValues: Array<string>,
-      optionRenderer?: OptionRenderer,
-      noMargin?: boolean,
-      onDropdownClose?: () => void,
-      hideFocusState?: boolean,
-    |}>
-{
-  focusedElement: Element;
-  componentDidMount(): void;
-  render(): React.Node;
-}
-declare export { OptionGroup };
-declare export default typeof Option;

package/dist/components/form-wrapped-text-field.js.flow

@@ -1,45 +0,0 @@
-/**
- * Flowtype definitions for data
- * Generated by Flowgen from a Typescript Definition
- * Flowgen v1.21.0
- * @flow
- */
-import { components } from "@khanacademy/perseus";
-import * as React from "react";
-declare type Props = {|
-  id?: string,
-  testId?: string,
-  type?: string,
-  name?: string,
-  readOnly?: boolean,
-  value?: string | $ReadOnlyArray<string> | number | void,
-  placeholder?: string,
-  defaultValue?: string | number | $ReadOnlyArray<string> | void,
-  disabled?: boolean,
-  autoFocus?: boolean,
-  maxLength?: number,
-  invalid?: "true" | "false",
-  style?: React.CSSProperties | void,
-  className?: string,
-  width?: number | string,
-  grow?: boolean | number,
-  shrink?: boolean | number,
-  labelMediumInputText?: boolean,
-  icon?: React.Element<typeof components.Icon>,
-  leftSideIcon?: boolean,
-  backgroundColor?: string,
-  focusBorderColor?: string,
-  borderColor?: string,
-  color?: string,
-  onSubmit?: (arg1: SyntheticInputEvent<HTMLInputElement>) => mixed,
-  onBlur?: (arg1: SyntheticInputEvent<HTMLInputElement>) => mixed,
-  onFocus?: (arg1: SyntheticInputEvent<HTMLInputElement>) => mixed,
-  onChange?: (arg1: SyntheticInputEvent<HTMLInputElement>) => mixed,
-  onClick?: (arg1: SyntheticMouseEvent<HTMLInputElement>) => mixed,
-  onKeyPress?: (arg1: SyntheticKeyboardEvent<HTMLInputElement>) => mixed,
-  onKeyDown?: (arg1: SyntheticKeyboardEvent<HTMLInputElement>) => mixed,
-  "aria-label": string | void,
-  "aria-describedby": (string | void) | void,
-|};
-declare var _default: React.AbstractComponent<Props, HTMLInputElement>;
-declare export default typeof _default;

package/dist/components/graph-points-count-selector.js.flow

@@ -1,12 +0,0 @@
-/**
- * Flowtype definitions for data
- * Generated by Flowgen from a Typescript Definition
- * Flowgen v1.21.0
- * @flow
- */
-import { PointValue } from "../util/points";
-declare var GraphPointsCountSelector: (x: {|
-  numPoints?: PointValue | void,
-  onChange: (points: PointValue) => void,
-|}) => React$Node;
-declare export default typeof GraphPointsCountSelector;

package/dist/components/graph-settings.js.flow

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

package/dist/components/graph-type-selector.js.flow

@@ -1,12 +0,0 @@
-/**
- * Flowtype definitions for data
- * Generated by Flowgen from a Typescript Definition
- * Flowgen v1.21.0
- * @flow
- */
-declare type GraphTypeSelectorProps = {|
-  graphType: string,
-  onChange: (newGraphType: string) => void,
-|};
-declare var GraphTypeSelector: (props: GraphTypeSelectorProps) => React$Node;
-declare export default typeof GraphTypeSelector;

package/dist/components/hover-behavior.js.flow

@@ -1,48 +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 Handlers = {|
-  onBlur: () => mixed,
-  onClick: (e: SyntheticMouseEvent<>) => mixed,
-  onFocus: () => mixed,
-  onMouseDown: () => mixed,
-  onMouseEnter: () => mixed,
-  onMouseLeave: () => mixed,
-  onTouchStart: () => mixed,
-  onTouchEnd: () => mixed,
-|};
-declare type State = {|
-  focused: boolean,
-  hovered: boolean,
-|};
-declare type Props = {|
-  children?: (state: State, handlers: Handlers) => React.Element<any>,
-  disabled?: boolean,
-  onClick?: (e: SyntheticMouseEvent<>) => mixed,
-  startHovered: boolean,
-  shouldUpdate: () => boolean,
-|};
-declare export default class HoverBehavior
-  extends React.Component<Props, State>
-{
-  static defaultProps: {|
-    shouldUpdate: () => boolean,
-    startHovered: boolean,
-  |};
-  constructor(props: Props): this;
-  focusFlag: boolean;
-  waitingForClick: boolean;
-  handleClick: (e: SyntheticMouseEvent<>) => void;
-  handleMouseEnter: () => void;
-  handleMouseLeave: () => void;
-  handleTouchStart: () => void;
-  handleTouchEnd: () => void;
-  handleMouseDown: () => void;
-  handleBlur: () => void;
-  handleFocus: () => void;
-  render(): React.Node;
-}

package/dist/components/json-editor.js.flow

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

package/dist/components/link.js.flow

@@ -1,50 +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 { CSSProperties } from "aphrodite";
-declare type DefaultProps = {|
-  element: React.ElementType<>,
-  highlighted: boolean,
-  href: string,
-  style: CSSProperties | Array<CSSProperties>,
-|};
-declare type Props = {|
-  ...DefaultProps,
-  ...{|
-    children?: React.Node,
-    className?: string,
-    inlineStyles?: {
-      [key: string]: any,
-    },
-    referrer?: string,
-    target?: string,
-    rel?: string,
-    testId?: string,
-    onClick?: (e: SyntheticMouseEvent<>) => mixed,
-    onMouseOver?: (e: SyntheticMouseEvent<>) => mixed,
-    onMouseLeave?: (e: SyntheticMouseEvent<>) => mixed,
-    onMouseEnter?: (e: SyntheticMouseEvent<>) => mixed,
-    onBlur?: (e: SyntheticEvent<>) => mixed,
-    onFocus?: (e: SyntheticEvent<>) => mixed,
-    onKeyDown?: (e: SyntheticKeyboardEvent<>) => mixed,
-    "aria-label": string | void,
-    "aria-selected": boolean | void,
-    "aria-current": boolean | void,
-    role?: "tab",
-    title?: string,
-    id?: string,
-    tabIndex?: number,
-  |},
-|};
-/**
- * A wrapper that creates an anchor tag with normalized styles
- */
-declare class Link extends React.Component<Props> {
-  static defaultProps: DefaultProps;
-  render(): React.Node;
-}
-declare export default typeof Link;

package/dist/components/section-control-button.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 var InlineIcon: (x: {|
-  path: string,
-  height: number,
-  width: number,
-  style?: React.CSSProperties | void,
-  title?: string | void,
-|}) => React.Element<any, string | React.JSXElementConstructor<any>>;
-declare type InlineIconProps = React.ElementConfig<typeof InlineIcon>;
-declare type SectionControlButtonProps = {|
-  icon: InlineIconProps,
-  onClick: () => mixed,
-  title: string,
-|};
-declare export default class SectionControlButton
-  extends React.Component<SectionControlButtonProps>
-{
-  render(): React.Node;
-}

package/dist/components/segment-count-selector.js.flow

@@ -1,11 +0,0 @@
-/**
- * Flowtype definitions for data
- * Generated by Flowgen from a Typescript Definition
- * Flowgen v1.21.0
- * @flow
- */
-declare var SegmentCountSelector: (x: {|
-  numSegments?: number | void,
-  onChange: (numSegments: number) => void,
-|}) => React$Node;
-declare export default typeof SegmentCountSelector;

package/dist/components/simple-button.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 SimpleButton extends React.Component<any> {
-  static propTypes: {|
-    children: PropTypes.Requireable<PropTypes.ReactNodeLike>,
-    color: PropTypes.Requireable<string>,
-    onClick: PropTypes.Requireable<(...args: any[]) => any>,
-  |};
-  static defaultProps: any;
-  render(): React.Node;
-}
-declare export default typeof SimpleButton;

package/dist/components/sortable.js.flow

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

package/dist/components/util.js.flow

@@ -1,9 +0,0 @@
-/**
- * Flowtype definitions for data
- * Generated by Flowgen from a Typescript Definition
- * Flowgen v1.21.0
- * @flow
- */
-declare export function focusWithChromeStickyFocusBugWorkaround(
-  element: Element
-): void;

package/dist/components/viewport-resizer.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";
-import type { DeviceType } from "@khanacademy/perseus";
-declare type Props = {|
-  deviceType: DeviceType,
-  onViewportSizeChanged: (arg1: DeviceType) => mixed,
-|};
-declare class ViewportResizer extends React.Component<Props> {
-  static propTypes: {|
-    deviceType: PropTypes.Validator<string>,
-    onViewportSizeChanged: PropTypes.Validator<(...args: any[]) => any>,
-  |};
-  handleChange: (value: DeviceType) => void;
-  render(): React.Node;
-}
-declare export default typeof ViewportResizer;

package/dist/components/widget-editor.js.flow

@@ -1,91 +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__2e__2e__2f__2e__2e__2f_perseus_2f_src_2f_perseus_2d_types from "../../../perseus/src/perseus-types";
-import * as React from "react";
-import type { WidgetInfo } from "@khanacademy/perseus";
-declare type WidgetEditorProps = {|
-  ...{|
-    id: string,
-    onChange: (
-      widgetInfo: WidgetInfo,
-      cb?: () => mixed,
-      silent?: boolean
-    ) => mixed,
-    onRemove: () => mixed,
-    apiOptions: any,
-  |},
-  ...WidgetInfo,
-|};
-declare type WidgetEditorState = {|
-  showWidget: boolean,
-  widgetInfo: WidgetInfo,
-|};
-declare class WidgetEditor
-  extends React.Component<WidgetEditorProps, WidgetEditorState>
-{
-  constructor(props: WidgetEditorProps): this;
-  UNSAFE_componentWillReceiveProps(nextProps: WidgetEditorProps): void;
-  _toggleWidget: (e: SyntheticEvent<>) => void;
-  _handleWidgetChange: (
-    newProps: WidgetEditorProps,
-    cb: () => mixed,
-    silent: boolean
-  ) => void;
-  _toggleStatic: (e: Event) => void;
-  _handleAlignmentChange: (e: SyntheticEvent<HTMLSelectElement>) => void;
-  getSaveWarnings: () => any;
-  serialize: () => {|
-    type:
-      | "categorizer"
-      | "iframe"
-      | "table"
-      | "video"
-      | "image"
-      | "radio"
-      | "cs-program"
-      | "definition"
-      | "group"
-      | "dropdown"
-      | "example-graphie-widget"
-      | "example-widget"
-      | "explanation"
-      | "expression"
-      | "graded-group-set"
-      | "graded-group"
-      | "grapher"
-      | "input-number"
-      | "interaction"
-      | "interactive-graph"
-      | "label-image"
-      | "lights-puzzle"
-      | "matcher"
-      | "matrix"
-      | "measurer"
-      | "molecule-renderer"
-      | "number-line"
-      | "numeric-input"
-      | "orderer"
-      | "passage-ref"
-      | "passage"
-      | "plotter"
-      | "reaction-diagtram"
-      | "passage-ref-target"
-      | "sequence"
-      | "simple-markdown-tester"
-      | "simulator"
-      | "sorter"
-      | "transformer"
-      | "unit-input",
-    alignment: string | void,
-    static: boolean | void,
-    graded: boolean | void,
-    options: any,
-    version: $Flowgen$Import$_2e__2e__2f__2e__2e__2f__2e__2e__2f_perseus_2f_src_2f_perseus_2d_types.Version | void,
-  |};
-  render(): React.Node;
-}
-declare export default typeof WidgetEditor;

package/dist/components/widget-select.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 type WidgetSelectProps = {|
-  onChange?: (widgetType: string) => mixed,
-|};
-declare class WidgetSelect extends React.Component<WidgetSelectProps> {
-  shouldComponentUpdate(): boolean;
-  handleChange: (e: SyntheticEvent<HTMLSelectElement>) => void;
-  render(): React.Node;
-}
-declare export default typeof WidgetSelect;