@khanacademy/perseus-editor 1.1.0 → 2.0.0

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

@@ -0,0 +1,48 @@
+/**
+ * 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.d.ts

@@ -0,0 +1,2 @@
+declare const JsonEditor: any;
+export default JsonEditor;

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

@@ -0,0 +1,8 @@
+/**
+ * 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.d.ts

@@ -0,0 +1,41 @@
+import * as React from "react";
+import type { CSSProperties } from "aphrodite";
+type DefaultProps = {
+    element: React.ElementType;
+    highlighted: boolean;
+    href: string;
+    style: CSSProperties | Array<CSSProperties>;
+};
+type LinkProps = DefaultProps & {
+    children?: React.ReactNode;
+    className?: string;
+    inlineStyles?: {
+        [key: string]: any;
+    };
+    referrer?: string;
+    target?: string;
+    rel?: string;
+    testId?: string;
+    onClick?: (e: React.MouseEvent) => unknown;
+    onMouseOver?: (e: React.MouseEvent) => unknown;
+    onMouseLeave?: (e: React.MouseEvent) => unknown;
+    onMouseEnter?: (e: React.MouseEvent) => unknown;
+    onBlur?: (e: React.SyntheticEvent) => unknown;
+    onFocus?: (e: React.SyntheticEvent) => unknown;
+    onKeyDown?: (e: React.KeyboardEvent) => unknown;
+    ["aria-label"]?: string;
+    ["aria-selected"]?: boolean;
+    ["aria-current"]?: boolean;
+    role?: "tab";
+    title?: string;
+    id?: string;
+    tabIndex?: number;
+};
+/**
+ * A wrapper that creates an anchor tag with normalized styles
+ */
+declare class Link extends React.Component<LinkProps> {
+    static defaultProps: DefaultProps;
+    render(): React.ReactNode;
+}
+export default Link;

package/dist/components/link.js.flow

@@ -0,0 +1,50 @@
+/**
+ * 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 LinkProps = {|
+  ...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<LinkProps> {
+  static defaultProps: DefaultProps;
+  render(): React.Node;
+}
+declare export default typeof Link;

package/dist/components/simple-button.d.ts

@@ -0,0 +1,16 @@
+/**
+ * Provides a simple styled button
+ *
+ */
+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.ReactNode;
+}
+export default SimpleButton;

package/dist/components/simple-button.js.flow

@@ -0,0 +1,18 @@
+/**
+ * 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.d.ts

@@ -0,0 +1,2 @@
+declare const SortableArea: any;
+export default SortableArea;

package/dist/components/sortable.js.flow

@@ -0,0 +1,8 @@
+/**
+ * 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.d.ts

@@ -0,0 +1 @@
+export declare function focusWithChromeStickyFocusBugWorkaround(element: Element): void;

package/dist/components/util.js.flow

@@ -0,0 +1,9 @@
+/**
+ * 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.d.ts

@@ -0,0 +1,16 @@
+import PropTypes from "prop-types";
+import * as React from "react";
+import type { DeviceType } from "@khanacademy/perseus";
+type Props = {
+    deviceType: DeviceType;
+    onViewportSizeChanged: (arg1: DeviceType) => unknown;
+};
+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.ReactNode;
+}
+export default ViewportResizer;

package/dist/components/viewport-resizer.js.flow

@@ -0,0 +1,22 @@
+/**
+ * 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/diffs/__stories__/perseus-diff-wrapper.d.ts

@@ -0,0 +1,5 @@
+import * as React from "react";
+declare const Wrapper: React.FC<{
+    children: React.ReactNode;
+}>;
+export default Wrapper;

package/dist/diffs/__stories__/perseus-diff-wrapper.js.flow

@@ -0,0 +1,11 @@
+/**
+ * Flowtype definitions for data
+ * Generated by Flowgen from a Typescript Definition
+ * Flowgen v1.21.0
+ * @flow
+ */
+import * as React from "react";
+declare var Wrapper: React.StatelessFunctionalComponent<{|
+  children: React.Node,
+|}>;
+declare export default typeof Wrapper;

package/dist/diffs/article-diff.d.ts

@@ -0,0 +1,50 @@
+/**
+ * A side by side diff view for Perseus articles.
+ */
+import PropTypes from "prop-types";
+import * as React from "react";
+type Props = any;
+type State = any;
+declare class ArticleDiff extends React.Component<Props, State> {
+    static propTypes: {
+        after: PropTypes.Validator<NonNullable<NonNullable<PropTypes.InferProps<{
+            content: PropTypes.Requireable<string>;
+            images: PropTypes.Requireable<{
+                [x: string]: any;
+            }>;
+            widgets: PropTypes.Requireable<{
+                [x: string]: any;
+            }>;
+        }> | (PropTypes.InferProps<{
+            content: PropTypes.Requireable<string>;
+            images: PropTypes.Requireable<{
+                [x: string]: any;
+            }>;
+            widgets: PropTypes.Requireable<{
+                [x: string]: any;
+            }>;
+        }> | null | undefined)[] | null | undefined>>>;
+        before: PropTypes.Validator<NonNullable<NonNullable<PropTypes.InferProps<{
+            content: PropTypes.Requireable<string>;
+            images: PropTypes.Requireable<{
+                [x: string]: any;
+            }>;
+            widgets: PropTypes.Requireable<{
+                [x: string]: any;
+            }>;
+        }> | (PropTypes.InferProps<{
+            content: PropTypes.Requireable<string>;
+            images: PropTypes.Requireable<{
+                [x: string]: any;
+            }>;
+            widgets: PropTypes.Requireable<{
+                [x: string]: any;
+            }>;
+        }> | null | undefined)[] | null | undefined>>>;
+    };
+    static _stateFromProps: (arg1: Props) => State;
+    state: State;
+    UNSAFE_componentWillReceiveProps(nextProps: Props): void;
+    render(): React.ReactNode;
+}
+export default ArticleDiff;

package/dist/diffs/article-diff.js.flow

@@ -0,0 +1,71 @@
+/**
+ * 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 type State = any;
+declare class ArticleDiff extends React.Component<Props, State> {
+  static propTypes: {|
+    after: PropTypes.Validator<
+      $NonMaybeType<
+        $NonMaybeType<
+          | PropTypes.InferProps<{|
+              content: PropTypes.Requireable<string>,
+              images: PropTypes.Requireable<{
+                [x: string]: any,
+              }>,
+              widgets: PropTypes.Requireable<{
+                [x: string]: any,
+              }>,
+            |}>
+          | (PropTypes.InferProps<{|
+              content: PropTypes.Requireable<string>,
+              images: PropTypes.Requireable<{
+                [x: string]: any,
+              }>,
+              widgets: PropTypes.Requireable<{
+                [x: string]: any,
+              }>,
+            |}> | null | void)[]
+          | null
+          | void
+        >
+      >
+    >,
+    before: PropTypes.Validator<
+      $NonMaybeType<
+        $NonMaybeType<
+          | PropTypes.InferProps<{|
+              content: PropTypes.Requireable<string>,
+              images: PropTypes.Requireable<{
+                [x: string]: any,
+              }>,
+              widgets: PropTypes.Requireable<{
+                [x: string]: any,
+              }>,
+            |}>
+          | (PropTypes.InferProps<{|
+              content: PropTypes.Requireable<string>,
+              images: PropTypes.Requireable<{
+                [x: string]: any,
+              }>,
+              widgets: PropTypes.Requireable<{
+                [x: string]: any,
+              }>,
+            |}> | null | void)[]
+          | null
+          | void
+        >
+      >
+    >,
+  |};
+  static _stateFromProps: (arg1: Props) => State;
+  state: State;
+  UNSAFE_componentWillReceiveProps(nextProps: Props): void;
+  render(): React.Node;
+}
+declare export default typeof ArticleDiff;

package/dist/diffs/item-diff.d.ts

@@ -0,0 +1,23 @@
+/**
+ * A side by side diff view for Perseus exercise items
+ * in the standard layout.
+ */
+import PropTypes from "prop-types";
+import * as React from "react";
+type Props = any;
+declare class ItemDiff extends React.Component<Props> {
+    static propTypes: {
+        after: PropTypes.Validator<NonNullable<PropTypes.InferProps<{
+            question: PropTypes.Validator<NonNullable<PropTypes.InferProps<{}>>>;
+            answerArea: PropTypes.Validator<NonNullable<PropTypes.InferProps<{}>>>;
+            hints: PropTypes.Validator<any[]>;
+        }>>>;
+        before: PropTypes.Validator<NonNullable<PropTypes.InferProps<{
+            question: PropTypes.Validator<NonNullable<PropTypes.InferProps<{}>>>;
+            answerArea: PropTypes.Validator<NonNullable<PropTypes.InferProps<{}>>>;
+            hints: PropTypes.Validator<any[]>;
+        }>>>;
+    };
+    render(): React.ReactNode;
+}
+export default ItemDiff;

package/dist/diffs/item-diff.js.flow

@@ -0,0 +1,41 @@
+/**
+ * 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 ItemDiff extends React.Component<Props> {
+  static propTypes: {|
+    after: PropTypes.Validator<
+      $NonMaybeType<
+        PropTypes.InferProps<{|
+          question: PropTypes.Validator<
+            $NonMaybeType<PropTypes.InferProps<{||}>>
+          >,
+          answerArea: PropTypes.Validator<
+            $NonMaybeType<PropTypes.InferProps<{||}>>
+          >,
+          hints: PropTypes.Validator<any[]>,
+        |}>
+      >
+    >,
+    before: PropTypes.Validator<
+      $NonMaybeType<
+        PropTypes.InferProps<{|
+          question: PropTypes.Validator<
+            $NonMaybeType<PropTypes.InferProps<{||}>>
+          >,
+          answerArea: PropTypes.Validator<
+            $NonMaybeType<PropTypes.InferProps<{||}>>
+          >,
+          hints: PropTypes.Validator<any[]>,
+        |}>
+      >
+    >,
+  |};
+  render(): React.Node;
+}
+declare export default typeof ItemDiff;

package/dist/diffs/renderer-diff.d.ts

@@ -0,0 +1,22 @@
+/**
+ * A side by side diff view for Perseus renderers.
+ */
+import * as React from "react";
+import type { PerseusRenderer } from "@khanacademy/perseus";
+type RendererProps = {
+    content: string;
+    widgets: PerseusRenderer["widgets"] | null | undefined;
+    images: PerseusRenderer["images"] | null | undefined;
+};
+type Props = {
+    after: RendererProps;
+    before: RendererProps;
+    showAlignmentOptions: boolean;
+    showSeparator: boolean;
+    title: string;
+};
+declare class RendererDiff extends React.Component<Props> {
+    static defaultProps: Partial<Omit<Props, "title">>;
+    render(): React.ReactNode;
+}
+export default RendererDiff;

package/dist/diffs/renderer-diff.js.flow

@@ -0,0 +1,25 @@
+/**
+ * Flowtype definitions for data
+ * Generated by Flowgen from a Typescript Definition
+ * Flowgen v1.21.0
+ * @flow
+ */
+import * as React from "react";
+import type { PerseusRenderer } from "@khanacademy/perseus";
+declare type RendererProps = {|
+  content: string,
+  widgets: $PropertyType<PerseusRenderer, "widgets"> | null | void,
+  images: $PropertyType<PerseusRenderer, "images"> | null | void,
+|};
+declare type Props = {|
+  after: RendererProps,
+  before: RendererProps,
+  showAlignmentOptions: boolean,
+  showSeparator: boolean,
+  title: string,
+|};
+declare class RendererDiff extends React.Component<Props> {
+  static defaultProps: $Rest<$Diff<Props, { title: any }>, {}>;
+  render(): React.Node;
+}
+declare export default typeof RendererDiff;

package/dist/diffs/split-diff.d.ts

@@ -0,0 +1,2 @@
+declare const splitDiff: (diffEntries: any) => any;
+export default splitDiff;

package/dist/diffs/split-diff.js.flow

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

package/dist/diffs/string-array-diff.d.ts

@@ -0,0 +1,2 @@
+declare const stringArrayDiff: (a: ReadonlyArray<any>, b: ReadonlyArray<any>) => any;
+export default stringArrayDiff;

package/dist/diffs/string-array-diff.js.flow

@@ -0,0 +1,11 @@
+/**
+ * Flowtype definitions for data
+ * Generated by Flowgen from a Typescript Definition
+ * Flowgen v1.21.0
+ * @flow
+ */
+declare var stringArrayDiff: (
+  a: $ReadOnlyArray<any>,
+  b: $ReadOnlyArray<any>
+) => any;
+declare export default typeof stringArrayDiff;

package/dist/diffs/structured-item-diff.d.ts

@@ -0,0 +1,25 @@
+import * as React from "react";
+import type { Item, Path, Shape } from "@khanacademy/perseus";
+type ItemList = [unknown, Path];
+type Tag = {
+    idToName: (arg1: string) => string;
+    nameToId: (arg1: string) => string;
+    names: ReadonlyArray<string>;
+};
+type Props = {
+    after: Item;
+    before: Item;
+    shape: Shape;
+    tags: Tag;
+};
+declare class StructuredItemDiff extends React.Component<Props> {
+    /**
+     * Traverses the given shape and adds paths that are present in
+     * beforeList and afterList to result. Note that this method assumes
+     * the order of elements in beforeList and afterList, which are
+     * from buildMapper(), is the same order they appear in in the shape.
+     */
+    static generateCompletePathsList(beforeList: Array<ItemList>, afterList: Array<ItemList>, result: Array<Path>, shape: Shape, path: ReadonlyArray<any>): void;
+    render(): React.ReactNode;
+}
+export default StructuredItemDiff;

package/dist/diffs/structured-item-diff.js.flow

@@ -0,0 +1,37 @@
+/**
+ * Flowtype definitions for data
+ * Generated by Flowgen from a Typescript Definition
+ * Flowgen v1.21.0
+ * @flow
+ */
+import * as React from "react";
+import type { Item, Path, Shape } from "@khanacademy/perseus";
+declare type ItemList = [mixed, Path];
+declare type Tag = {|
+  idToName: (arg1: string) => string,
+  nameToId: (arg1: string) => string,
+  names: $ReadOnlyArray<string>,
+|};
+declare type Props = {|
+  after: Item,
+  before: Item,
+  shape: Shape,
+  tags: Tag,
+|};
+declare class StructuredItemDiff extends React.Component<Props> {
+  /**
+   * Traverses the given shape and adds paths that are present in
+   * beforeList and afterList to result. Note that this method assumes
+   * the order of elements in beforeList and afterList, which are
+   * from buildMapper(), is the same order they appear in in the shape.
+   */
+  static generateCompletePathsList(
+    beforeList: Array<ItemList>,
+    afterList: Array<ItemList>,
+    result: Array<Path>,
+    shape: Shape,
+    path: $ReadOnlyArray<any>
+  ): void;
+  render(): React.Node;
+}
+declare export default typeof StructuredItemDiff;

package/dist/diffs/tags-diff.d.ts

@@ -0,0 +1,21 @@
+/**
+ * A side by side diff view for general passage layout tags.
+ */
+import * as React from "react";
+type Props = {
+    afterOnly: ReadonlyArray<string>;
+    beforeOnly: ReadonlyArray<string>;
+    intersection: ReadonlyArray<string>;
+    showSeparator: boolean;
+    title: string;
+};
+declare class TagsDiff extends React.Component<Props> {
+    static defaultProps: {
+        afterOnly: ReadonlyArray<any>;
+        beforeOnly: ReadonlyArray<any>;
+        showSeparator: boolean;
+        title: string;
+    };
+    render(): React.ReactNode;
+}
+export default TagsDiff;

package/dist/diffs/tags-diff.js.flow

@@ -0,0 +1,24 @@
+/**
+ * Flowtype definitions for data
+ * Generated by Flowgen from a Typescript Definition
+ * Flowgen v1.21.0
+ * @flow
+ */
+import * as React from "react";
+declare type Props = {|
+  afterOnly: $ReadOnlyArray<string>,
+  beforeOnly: $ReadOnlyArray<string>,
+  intersection: $ReadOnlyArray<string>,
+  showSeparator: boolean,
+  title: string,
+|};
+declare class TagsDiff extends React.Component<Props> {
+  static defaultProps: {|
+    afterOnly: $ReadOnlyArray<any>,
+    beforeOnly: $ReadOnlyArray<any>,
+    showSeparator: boolean,
+    title: string,
+  |};
+  render(): React.Node;
+}
+declare export default typeof TagsDiff;

package/dist/diffs/text-diff.d.ts

@@ -0,0 +1,15 @@
+import PropTypes from "prop-types";
+import * as React from "react";
+declare class TextDiff extends React.Component<any, any> {
+    static propTypes: {
+        after: PropTypes.Requireable<string>;
+        before: PropTypes.Requireable<string>;
+        title: PropTypes.Validator<string>;
+    };
+    static defaultProps: any;
+    state: any;
+    UNSAFE_componentWillReceiveProps(nextProps: any): void;
+    handleExpand: () => void;
+    render(): React.ReactNode;
+}
+export default TextDiff;