@khanacademy/perseus 33.3.0 → 34.1.0

package/dist/widgets/matcher/matcher.d.ts

@@ -1,62 +1,33 @@
-import PropTypes from "prop-types";
 import * as React from "react";
 import { PerseusI18nContext } from "../../components/i18n-context";
 import type { SortableOption } from "../../components/sortable";
+import type { PerseusMatcherWidgetOptions } from "../../perseus-types";
+import type { WidgetProps } from "../../types";
+type RenderProps = PerseusMatcherWidgetOptions;
+type Rubric = PerseusMatcherWidgetOptions;
+type Props = WidgetProps<RenderProps, Rubric>;
+type DefaultProps = {
+    left: Props["left"];
+    right: Props["right"];
+    labels: Props["labels"];
+    orderMatters: Props["orderMatters"];
+    padding: Props["padding"];
+    problemNum: Props["problemNum"];
+    onChange: Props["onChange"];
+    linterContext: Props["linterContext"];
+};
 type State = {
     leftHeight: number;
     rightHeight: number;
     texRendererLoaded: boolean;
 };
-export declare class Matcher extends React.Component<any, any> {
+export declare class Matcher extends React.Component<Props, State> {
     static contextType: React.Context<{
         strings: import("../../strings").PerseusStrings;
         locale: string;
     }>;
     context: React.ContextType<typeof PerseusI18nContext>;
-    static propTypes: {
-        apiOptions: PropTypes.Validator<NonNullable<PropTypes.InferProps<{
-            isArticle: PropTypes.Validator<boolean>;
-            onInputError: PropTypes.Validator<(...args: any[]) => any>;
-            onFocusChange: PropTypes.Validator<(...args: any[]) => any>;
-            GroupMetadataEditor: PropTypes.Validator<(...args: any[]) => any>;
-            showAlignmentOptions: PropTypes.Validator<boolean>;
-            readOnly: PropTypes.Validator<boolean>;
-            answerableCallback: PropTypes.Requireable<(...args: any[]) => any>;
-            getAnotherHint: PropTypes.Requireable<(...args: any[]) => any>;
-            interactionCallback: PropTypes.Requireable<(...args: any[]) => any>;
-            groupAnnotator: PropTypes.Validator<(...args: any[]) => any>;
-            imagePlaceholder: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-            widgetPlaceholder: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-            baseElements: PropTypes.Requireable<PropTypes.InferProps<{
-                Link: PropTypes.Requireable<(...args: any[]) => any>;
-            }>>;
-            imagePreloader: PropTypes.Requireable<(...args: any[]) => any>;
-            trackInteraction: PropTypes.Requireable<(...args: any[]) => any>;
-            customKeypad: PropTypes.Requireable<boolean>;
-            nativeKeypadProxy: PropTypes.Requireable<(...args: any[]) => any>;
-            isMobile: PropTypes.Requireable<boolean>;
-            setDrawingAreaAvailable: PropTypes.Requireable<(...args: any[]) => any>;
-            hintProgressColor: PropTypes.Requireable<string>;
-            canScrollPage: PropTypes.Requireable<boolean>;
-            crossOutEnabled: PropTypes.Requireable<boolean>;
-            editorChangeDelay: PropTypes.Requireable<number>;
-        }>>>;
-        labels: PropTypes.Requireable<any[]>;
-        left: PropTypes.Requireable<any[]>;
-        onChange: PropTypes.Requireable<(...args: any[]) => any>;
-        orderMatters: PropTypes.Requireable<boolean>;
-        padding: PropTypes.Requireable<boolean>;
-        problemNum: PropTypes.Requireable<number>;
-        right: PropTypes.Requireable<any[]>;
-        trackInteraction: PropTypes.Validator<(...args: any[]) => any>;
-        linterContext: PropTypes.Requireable<PropTypes.InferProps<{
-            contentType: PropTypes.Requireable<string>;
-            highlightLint: PropTypes.Requireable<boolean>;
-            paths: PropTypes.Requireable<(string | null | undefined)[]>;
-            stack: PropTypes.Requireable<(string | null | undefined)[]>;
-        }>>;
-    };
-    static defaultProps: any;
+    static defaultProps: DefaultProps;
     state: State;
     changeAndTrack: (arg1: any) => void;
     onMeasureLeft: (arg1: any) => void;

package/dist/widgets/molecule/molecule.d.ts

@@ -31,9 +31,9 @@ type DefaultProps = {
 };
 declare class MoleculeWidget extends React.Component<Props> {
     static defaultProps: DefaultProps;
-    simpleValidate: (arg1: any) => any;
+    simpleValidate(): import("../../types").PerseusScore;
     getUserInput: () => ReadonlyArray<ReadonlyArray<string>>;
-    validate: (arg1: any, arg2: any) => any;
+    validate(): import("../../types").PerseusScore;
     render(): React.ReactNode;
 }
 declare const _default: Readonly<{

package/dist/widgets/numeric-input/numeric-input-validator.d.ts

@@ -0,0 +1,6 @@
+import type { Rubric, UserInput } from "./numeric-input.types";
+import type { PerseusStrings } from "../../strings";
+import type { PerseusScore } from "../../types";
+export declare function maybeParsePercentInput(inputValue: string | number, normalizedAnswerExpected: boolean): string | number;
+declare function numericInputValidator(userInput: UserInput, rubric: Rubric, strings: PerseusStrings): PerseusScore;
+export default numericInputValidator;

package/dist/widgets/numeric-input/numeric-input.d.ts

@@ -2,13 +2,10 @@ import * as React from "react";
 import { PerseusI18nContext } from "../../components/i18n-context";
 import InputWithExamples from "../../components/input-with-examples";
 import SimpleKeypadInput from "../../components/simple-keypad-input";
+import type { Rubric, UserInput } from "./numeric-input.types";
 import type { PerseusNumericInputWidgetOptions, PerseusNumericInputAnswerForm } from "../../perseus-types";
 import type { PerseusStrings } from "../../strings";
 import type { FocusPath, PerseusScore, WidgetProps } from "../../types";
-type UserInput = {
-    currentValue: string;
-};
-export type Rubric = PerseusNumericInputWidgetOptions;
 type ExternalProps = WidgetProps<PerseusNumericInputWidgetOptions, Rubric>;
 type Props = ExternalProps & {
     size: NonNullable<ExternalProps["size"]>;
@@ -61,7 +58,6 @@ export declare class NumericInput extends React.Component<Props, State> {
     render(): React.ReactNode;
 }
 export declare const unionAnswerForms: (arg1: ReadonlyArray<ReadonlyArray<PerseusNumericInputAnswerForm>>) => ReadonlyArray<PerseusNumericInputAnswerForm>;
-export declare function maybeParsePercentInput(inputValue: string | number, normalizedAnswerExpected: boolean): string | number;
 declare const _default: Readonly<{
     name: string;
     displayName: string;

package/dist/widgets/numeric-input/numeric-input.types.d.ts

@@ -0,0 +1,5 @@
+import type { PerseusNumericInputWidgetOptions } from "../../perseus-types";
+export type UserInput = {
+    currentValue: string;
+};
+export type Rubric = PerseusNumericInputWidgetOptions;

package/dist/widgets/orderer/orderer.d.ts

@@ -1,6 +1,10 @@
 import * as React from "react";
 import type { PerseusOrdererWidgetOptions } from "../../perseus-types";
 import type { WidgetProps } from "../../types";
+type Position = {
+    left: number;
+    top: number;
+};
 type Rubric = PerseusOrdererWidgetOptions;
 type RenderProps = PerseusOrdererWidgetOptions & {
     current: any;
@@ -23,13 +27,10 @@ type OrdererState = {
     dragWidth: number | null | undefined;
     dragHeight: number | null | undefined;
     dragContent: any;
-    offsetPos: number | null | undefined;
+    offsetPos: Position | null | undefined;
     grabPos: any;
     mousePos?: any;
-    animateTo: {
-        top: number;
-        left: number;
-    } | null | undefined;
+    animateTo: Position | null | undefined;
     onAnimationEnd?: (arg1: any) => void;
 };
 declare class Orderer extends React.Component<OrdererProps, OrdererState> {

package/dist/widgets/passage/passage.d.ts

@@ -4,7 +4,7 @@ import type { ParseState } from "./passage-markdown";
 import type { SerializedHighlightSet } from "../../components/highlighting/types";
 import type { ChangeableProps } from "../../mixins/changeable";
 import type { PerseusPassageWidgetOptions, PerseusWidget } from "../../perseus-types";
-import type { PerseusScore, WidgetProps } from "../../types";
+import type { WidgetProps } from "../../types";
 import type { SingleASTNode } from "@khanacademy/simple-markdown";
 export declare class LineHeightMeasurer extends React.Component<Record<any, any>> {
     _line: HTMLDivElement | null | undefined;
@@ -54,7 +54,7 @@ export declare class Passage extends React.Component<PassageProps, PassageState>
     _stylesAppiedTimer: number;
     static defaultProps: DefaultPassageProps;
     state: PassageState;
-    static validate(state: UserInput, rubric: Rubric): PerseusScore;
+    static validate(): import("../../types").PerseusScore;
     componentDidMount(): void;
     shouldComponentUpdate(nextProps: PassageProps, nextState: PassageState): any | boolean;
     componentDidUpdate(): void;
@@ -95,7 +95,7 @@ export declare class Passage extends React.Component<PassageProps, PassageState>
      * These are misc widget functions used for the widget API
      */
     getUserInput(): UserInput;
-    simpleValidate(rubric: Rubric): PerseusScore;
+    simpleValidate(): import("../../types").PerseusScore;
     /**
      * Rendering
      *

package/dist/widgets/passage-ref/passage-ref.d.ts

@@ -1,7 +1,7 @@
 import * as React from "react";
 import { PerseusI18nContext } from "../../components/i18n-context";
 import type { PerseusPassageRefWidgetOptions } from "../../perseus-types";
-import type { ChangeFn, PerseusScore, WidgetProps } from "../../types";
+import type { ChangeFn, WidgetProps } from "../../types";
 import type { LinterContextProps } from "@khanacademy/perseus-linter";
 type UserInput = RenderProps & {
     static: boolean | null | undefined;
@@ -37,7 +37,7 @@ declare class PassageRef extends React.Component<Props, State> {
     _throttledUpdateRange: () => void;
     static defaultProps: DefaultProps;
     state: State;
-    static validate(userInput: UserInput, rubric: Rubric): PerseusScore;
+    static validate(): import("../../types").PerseusScore;
     componentDidMount(): void;
     shouldComponentUpdate(nextProps: Props, nextState: State): boolean;
     componentDidUpdate(): void;
@@ -46,7 +46,7 @@ declare class PassageRef extends React.Component<Props, State> {
     change: ChangeFn;
     _deferredUpdateRange: () => void;
     _updateRange: () => void;
-    simpleValidate: (arg1: Rubric) => PerseusScore;
+    simpleValidate(): import("../../types").PerseusScore;
     render(): React.ReactNode;
 }
 declare const _default: Readonly<{

package/dist/widgets/passage-ref-target/passage-ref-target.d.ts

@@ -20,10 +20,10 @@ declare class PassageRefTarget extends React.Component<Props> {
     }>;
     context: React.ContextType<typeof PerseusI18nContext>;
     static defaultProps: DefaultProps;
-    static validate(state: any, rubric: any): any;
+    static validate(): import("../../types").PerseusScore;
     getUserInput: () => any;
     change: (arg1: any, arg2: any, arg3: any) => any;
-    simpleValidate: (arg1: any) => any;
+    simpleValidate(): import("../../types").PerseusScore;
     render(): React.ReactNode;
 }
 declare const _default: Readonly<{

package/dist/widgets/sorter/sorter.d.ts

@@ -1,50 +1,24 @@
-import PropTypes from "prop-types";
 import * as React from "react";
 import type { SortableOption } from "../../components/sortable";
-declare class Sorter extends React.Component<any, any> {
+import type { PerseusSorterWidgetOptions } from "../../perseus-types";
+import type { WidgetProps } from "../../types";
+type RenderProps = PerseusSorterWidgetOptions;
+type Rubric = PerseusSorterWidgetOptions;
+type Props = WidgetProps<RenderProps, Rubric>;
+type DefaultProps = {
+    correct: Props["correct"];
+    layout: Props["layout"];
+    padding: Props["padding"];
+    problemNum: Props["problemNum"];
+    onChange: Props["onChange"];
+    linterContext: Props["linterContext"];
+};
+type State = {
+    changed: boolean;
+};
+declare class Sorter extends React.Component<Props, State> {
     _isMounted: boolean;
-    static propTypes: {
-        apiOptions: PropTypes.Validator<NonNullable<PropTypes.InferProps<{
-            isArticle: PropTypes.Validator<boolean>;
-            onInputError: PropTypes.Validator<(...args: any[]) => any>;
-            onFocusChange: PropTypes.Validator<(...args: any[]) => any>;
-            GroupMetadataEditor: PropTypes.Validator<(...args: any[]) => any>;
-            showAlignmentOptions: PropTypes.Validator<boolean>;
-            readOnly: PropTypes.Validator<boolean>;
-            answerableCallback: PropTypes.Requireable<(...args: any[]) => any>;
-            getAnotherHint: PropTypes.Requireable<(...args: any[]) => any>;
-            interactionCallback: PropTypes.Requireable<(...args: any[]) => any>;
-            groupAnnotator: PropTypes.Validator<(...args: any[]) => any>;
-            imagePlaceholder: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-            widgetPlaceholder: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-            baseElements: PropTypes.Requireable<PropTypes.InferProps<{
-                Link: PropTypes.Requireable<(...args: any[]) => any>;
-            }>>;
-            imagePreloader: PropTypes.Requireable<(...args: any[]) => any>;
-            trackInteraction: PropTypes.Requireable<(...args: any[]) => any>;
-            customKeypad: PropTypes.Requireable<boolean>;
-            nativeKeypadProxy: PropTypes.Requireable<(...args: any[]) => any>;
-            isMobile: PropTypes.Requireable<boolean>;
-            setDrawingAreaAvailable: PropTypes.Requireable<(...args: any[]) => any>;
-            hintProgressColor: PropTypes.Requireable<string>;
-            canScrollPage: PropTypes.Requireable<boolean>;
-            crossOutEnabled: PropTypes.Requireable<boolean>;
-            editorChangeDelay: PropTypes.Requireable<number>;
-        }>>>;
-        correct: PropTypes.Requireable<any[]>;
-        layout: PropTypes.Requireable<string>;
-        onChange: PropTypes.Requireable<(...args: any[]) => any>;
-        padding: PropTypes.Requireable<boolean>;
-        problemNum: PropTypes.Requireable<number>;
-        trackInteraction: PropTypes.Validator<(...args: any[]) => any>;
-        linterContext: PropTypes.Requireable<PropTypes.InferProps<{
-            contentType: PropTypes.Requireable<string>;
-            highlightLint: PropTypes.Requireable<boolean>;
-            paths: PropTypes.Requireable<(string | null | undefined)[]>;
-            stack: PropTypes.Requireable<(string | null | undefined)[]>;
-        }>>;
-    };
-    static defaultProps: any;
+    static defaultProps: DefaultProps;
     static validate(state: any, rubric: any): any;
     state: any;
     componentDidMount(): void;

package/dist/widgets/table/table.d.ts

@@ -1,35 +1,31 @@
-import PropTypes from "prop-types";
 import * as React from "react";
 import { PerseusI18nContext } from "../../components/i18n-context";
+import type { ChangeableProps } from "../../mixins/changeable";
+import type { PerseusTableWidgetOptions } from "../../perseus-types";
 import type { PerseusStrings } from "../../strings";
-declare class Table extends React.Component<any> {
+import type { WidgetProps } from "../../types";
+type RenderProps = PerseusTableWidgetOptions & {
+    editableHeaders: boolean;
+    Editor: any;
+};
+type Rubric = PerseusTableWidgetOptions;
+type Props = ChangeableProps & WidgetProps<RenderProps, Rubric>;
+type DefaultProps = {
+    apiOptions: Props["apiOptions"];
+    headers: Props["headers"];
+    editableHeaders: Props["editableHeaders"];
+    rows: Props["rows"];
+    columns: Props["columns"];
+    answers: Props["answers"];
+    linterContext: Props["linterContext"];
+};
+declare class Table extends React.Component<Props> {
     static contextType: React.Context<{
         strings: PerseusStrings;
         locale: string;
     }>;
     context: React.ContextType<typeof PerseusI18nContext>;
-    static propTypes: {
-        answers: PropTypes.Requireable<((string | null | undefined)[] | null | undefined)[]>;
-        editableHeaders: PropTypes.Requireable<boolean>;
-        Editor: PropTypes.Requireable<(...args: any[]) => any>;
-        headers: PropTypes.Requireable<(string | null | undefined)[]>;
-        keypadElement: PropTypes.Requireable<PropTypes.InferProps<{
-            activate: PropTypes.Validator<(...args: any[]) => any>;
-            dismiss: PropTypes.Validator<(...args: any[]) => any>;
-            configure: PropTypes.Validator<(...args: any[]) => any>;
-            setCursor: PropTypes.Validator<(...args: any[]) => any>;
-            setKeyHandler: PropTypes.Validator<(...args: any[]) => any>;
-            getDOMNode: PropTypes.Validator<(...args: any[]) => any>;
-        }>>;
-        trackInteraction: PropTypes.Validator<(...args: any[]) => any>;
-        linterContext: PropTypes.Requireable<PropTypes.InferProps<{
-            contentType: PropTypes.Requireable<string>;
-            highlightLint: PropTypes.Requireable<boolean>;
-            paths: PropTypes.Requireable<(string | null | undefined)[]>;
-            stack: PropTypes.Requireable<(string | null | undefined)[]>;
-        }>>;
-    };
-    static defaultProps: any;
+    static defaultProps: DefaultProps;
     _getRows: () => number;
     _getColumns: () => number;
     getUserInput: () => any;

package/dist/widgets/video/video.d.ts

@@ -4,8 +4,7 @@
 import * as React from "react";
 import { PerseusI18nContext } from "../../components/i18n-context";
 import type { PerseusVideoWidgetOptions } from "../../perseus-types";
-import type { PerseusScore, WidgetProps } from "../../types";
-type UserInput = null;
+import type { WidgetProps } from "../../types";
 type Rubric = PerseusVideoWidgetOptions;
 type RenderProps = PerseusVideoWidgetOptions;
 type Props = WidgetProps<RenderProps, Rubric> & {
@@ -25,9 +24,9 @@ declare class Video extends React.Component<Props> {
      * Points for videos are tallied by the embedded video itself, in the case
      * of Khan Academy videos.
      */
-    static validate(userInput: UserInput, rubric: Rubric): PerseusScore;
+    static validate(): import("../../types").PerseusScore;
     getUserInput: () => undefined | null | undefined;
-    simpleValidate: (arg1: Rubric) => PerseusScore;
+    simpleValidate(): import("../../types").PerseusScore;
     change: (...args: ReadonlyArray<unknown>) => any;
     render(): React.ReactNode;
 }

package/package.json

@@ -3,7 +3,7 @@
     "description": "Core Perseus API (includes renderers and widgets)",
     "author": "Khan Academy",
     "license": "MIT",
-    "version": "33.3.0",
+    "version": "34.1.0",
     "publishConfig": {
         "access": "public"
     },

package/dist/mixins/widget-jsonify-deprecated.d.ts

@@ -1,5 +0,0 @@
-declare const WidgetJsonifyDeprecated: {
-    readonly getUserInput: () => any;
-    readonly getUserInputFromProps: (props: any) => any;
-};
-export default WidgetJsonifyDeprecated;