@khanacademy/perseus 33.2.1 → 34.0.0

package/dist/widgets/label-image/label-image.d.ts

@@ -133,6 +133,7 @@ declare const _default: Readonly<{
                 mafs?: false | ({
                     circle?: boolean | undefined;
                     polygon?: boolean | undefined;
+                    none?: boolean | undefined;
                     linear?: boolean | undefined;
                     quadratic?: boolean | undefined;
                     sinusoid?: boolean | undefined;
@@ -144,6 +145,7 @@ declare const _default: Readonly<{
                     "unlimited-point"?: boolean | undefined;
                 } & {
                     "interactive-graph-locked-features-labels"?: boolean | undefined;
+                    "locked-point-labels"?: boolean | undefined;
                 }) | undefined;
             } | undefined;
             onWidgetStartProps?: ((widgets: import("../..").PerseusWidgetsMap) => void) | undefined;
@@ -196,6 +198,7 @@ declare const _default: Readonly<{
                 mafs?: false | ({
                     circle?: boolean | undefined;
                     polygon?: boolean | undefined;
+                    none?: boolean | undefined;
                     linear?: boolean | undefined;
                     quadratic?: boolean | undefined;
                     sinusoid?: boolean | undefined;
@@ -207,6 +210,7 @@ declare const _default: Readonly<{
                     "unlimited-point"?: boolean | undefined;
                 } & {
                     "interactive-graph-locked-features-labels"?: boolean | undefined;
+                    "locked-point-labels"?: boolean | undefined;
                 }) | undefined;
             } | undefined;
             onWidgetStartProps?: ((widgets: import("../..").PerseusWidgetsMap) => void) | undefined;

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/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/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/package.json

@@ -3,7 +3,7 @@
     "description": "Core Perseus API (includes renderers and widgets)",
     "author": "Khan Academy",
     "license": "MIT",
-    "version": "33.2.1",
+    "version": "34.0.0",
     "publishConfig": {
         "access": "public"
     },
@@ -48,6 +48,7 @@
         "@khanacademy/perseus-linter": "^1.2.0",
         "@khanacademy/pure-markdown": "^0.3.8",
         "@khanacademy/simple-markdown": "^0.13.1",
+        "@types/classnames": "2.2.0",
         "@use-gesture/react": "^10.2.27",
         "mafs": "0.19.0",
         "uuid": "^10.0.0"

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;