@khanacademy/perseus 64.0.0 → 65.1.0

package/dist/renderability.d.ts

@@ -1,10 +1 @@
-/**
- * Calculates whether a perseus item is renderable by a specific
- * perseus-item-data version.
- *
- * This is done inside of the perseus repo so that it can traverse
- * widget-specific data that might need to do a sub-traversal.
- * This supports widgets that contain renderers, such as the
- * group or sequence widgets.
- */
 export declare const isItemRenderableByVersion: (itemData: any, rendererContentVersion: any) => boolean;

package/dist/renderer.d.ts

@@ -10,7 +10,7 @@ import type { GetPromptJSONInterface, RendererPromptJSON } from "./widget-ai-uti
 import type { KeypadAPI } from "@khanacademy/math-input";
 import type { PerseusRenderer, PerseusWidget, PerseusWidgetOptions, PerseusWidgetsMap, ShowSolutions, PerseusScore, UserInputArray, UserInputMap } from "@khanacademy/perseus-core";
 import type { LinterContextProps } from "@khanacademy/perseus-linter";
-import "./styles/perseus-renderer.less";
+import "./styles/perseus-renderer.css";
 type WidgetState = {
     isMobile?: boolean;
     inTable?: boolean;

package/dist/server-item-renderer.d.ts

@@ -69,6 +69,7 @@ export declare class ServerItemRenderer extends React.Component<Props, State> im
     UNSAFE_componentWillReceiveProps(nextProps: Props): void;
     componentDidUpdate(prevProps: Props, prevState: State): void;
     componentWillUnmount(): void;
+    maybeCallOnRendered(): void;
     _handleFocusChange: (newFocus: FocusPath, oldFocus: FocusPath) => void;
     _setCurrentFocus(newFocus: FocusPath): void;
     _onRendererBlur(blurPath: FocusPath): void;

package/dist/types.d.ts

@@ -349,7 +349,6 @@ export type WidgetExports<T extends React.ComponentType<any> & Widget = React.Co
     displayName: string;
     getWidget?: () => T;
     widget: T;
-    accessible?: boolean | ((props: any) => boolean);
     /** Supresses widget from showing up in the dropdown in the content editor */
     hidden?: boolean;
     /**
@@ -363,7 +362,6 @@ export type WidgetExports<T extends React.ComponentType<any> & Widget = React.Co
     version?: Version;
     isLintable?: boolean;
     tracking?: Tracking;
-    traverseChildWidgets?: any;
     /**
      * Transforms the widget options to the props used to render the widget.
      */

package/dist/util.d.ts

@@ -1,4 +1,4 @@
-import * as GraphieUtil from "./util.graphie";
+import { getRealImageUrl, getBaseUrl, getSvgUrl, getDataUrl, getImageSizeModern, isLabeledSVG } from "@khanacademy/perseus-core";
 import type { Range } from "@khanacademy/perseus-core";
 import type * as React from "react";
 type WordPosition = {
@@ -188,12 +188,12 @@ declare const Util: {
     readonly supportsPassiveEvents: () => boolean;
     readonly captureScratchpadTouchStart: typeof captureScratchpadTouchStart;
     readonly getImageSize: typeof getImageSize;
-    readonly getImageSizeModern: typeof GraphieUtil.getImageSizeModern;
-    readonly getRealImageUrl: typeof GraphieUtil.getRealImageUrl;
-    readonly isLabeledSVG: typeof GraphieUtil.isLabeledSVG;
-    readonly getBaseUrl: typeof GraphieUtil.getBaseUrl;
-    readonly getSvgUrl: typeof GraphieUtil.getSvgUrl;
-    readonly getDataUrl: typeof GraphieUtil.getDataUrl;
+    readonly getImageSizeModern: typeof getImageSizeModern;
+    readonly getRealImageUrl: typeof getRealImageUrl;
+    readonly isLabeledSVG: typeof isLabeledSVG;
+    readonly getBaseUrl: typeof getBaseUrl;
+    readonly getSvgUrl: typeof getSvgUrl;
+    readonly getDataUrl: typeof getDataUrl;
     readonly textarea: {
         readonly getWordBeforeCursor: typeof getWordBeforeCursor;
         readonly moveCursor: typeof moveCursor;

package/dist/widget-ai-utils/label-image/label-image-ai-utils.d.ts

@@ -6,6 +6,7 @@ type BaseMarker = {
 };
 type UserInputMarker = {
     label: string;
+    answers?: string[];
     selected?: ReadonlyArray<string>;
 };
 export type LabelImagePromptJSON = {

package/dist/widget-ai-utils/radio/radio-ai-utils.d.ts

@@ -3,6 +3,7 @@ import type { PerseusRadioUserInput, RecursiveReadonly } from "@khanacademy/pers
 import type React from "react";
 type BasicOption = {
     value: string;
+    rationale?: string;
 };
 export type RadioPromptJSON = {
     type: "radio";

package/dist/widgets/definition/definition.d.ts

@@ -22,7 +22,6 @@ declare class Definition extends React.Component<DefinitionProps> implements Wid
 declare const _default: {
     name: string;
     displayName: string;
-    accessible: true;
     widget: typeof Definition;
     transform: (x: any) => any;
 };

package/dist/widgets/dropdown/dropdown.d.ts

@@ -33,7 +33,6 @@ declare function transform(widgetOptions: DropdownPublicWidgetOptions): RenderPr
 declare const _default: {
     name: string;
     displayName: string;
-    accessible: true;
     widget: typeof Dropdown;
     transform: typeof transform;
 };

package/dist/widgets/explanation/explanation.d.ts

@@ -32,7 +32,6 @@ declare class Explanation extends React.Component<Props, State> implements Widge
 declare const _default: {
     name: string;
     displayName: string;
-    accessible: true;
     widget: typeof Explanation;
     transform: <T>(value: T) => T;
     isLintable: true;

package/dist/widgets/expression/expression.d.ts

@@ -73,7 +73,6 @@ export declare class Expression extends React.Component<Props, ExpressionState>
 declare const _default: {
     name: string;
     displayName: string;
-    accessible: true;
     widget: React.ForwardRefExoticComponent<Omit<Pick<RenderProps & import("../../types").UniversalWidgetProps<Empty, Empty> & Partial<import("../..").PerseusDependenciesV2> & {
         apiOptions: NonNullable<ExternalProps["apiOptions"]>;
         buttonSets: NonNullable<ExternalProps["buttonSets"]>;
@@ -85,8 +84,11 @@ declare const _default: {
         visibleLabel: PerseusExpressionWidgetOptions["visibleLabel"];
         ariaLabel: PerseusExpressionWidgetOptions["ariaLabel"];
         value: string;
-    }, "static" | "containerSizeClass" | "widgetId" | "onChange" | "problemNum" | "questionCompleted" | "findWidgets" | "trackInteraction" | "keypadElement" | "ariaLabel" | "reviewMode" | keyof import("../..").PerseusDependenciesV2 | "reviewModeRubric" | "alignment" | "isLastUsedWidget" | "visibleLabel" | "buttonsVisible" | "keypadConfiguration"> & {
+    }, "static" | "onChange" | "ariaLabel" | "buttonsVisible" | "containerSizeClass" | "widgetId" | "problemNum" | "questionCompleted" | "findWidgets" | "trackInteraction" | "keypadElement" | "reviewMode" | keyof import("../..").PerseusDependenciesV2 | "reviewModeRubric" | "alignment" | "isLastUsedWidget" | "visibleLabel" | "keypadConfiguration"> & {
         value?: string | undefined;
+        buttonSets?: import("@khanacademy/perseus-core").LegacyButtonSets | undefined;
+        onFocus?: ((blurPath: FocusPath) => void) | undefined;
+        onBlur?: ((blurPath: FocusPath) => void) | undefined;
         apiOptions?: Readonly<Readonly<{
             isArticle?: boolean;
             onFocusChange?: (newFocusPath: FocusPath, oldFocusPath: FocusPath, keypadHeight?: number, focusedElement?: HTMLElement) => unknown;
@@ -135,10 +137,7 @@ declare const _default: {
             setDrawingAreaAvailable: NonNullable<import("../..").APIOptions["setDrawingAreaAvailable"]>;
             showAlignmentOptions: NonNullable<import("../..").APIOptions["showAlignmentOptions"]>;
         }> | undefined;
-        onBlur?: ((blurPath: FocusPath) => void) | undefined;
-        onFocus?: ((blurPath: FocusPath) => void) | undefined;
         linterContext?: import("@khanacademy/perseus-linter").LinterContextProps | undefined;
-        buttonSets?: import("@khanacademy/perseus-core").LegacyButtonSets | undefined;
         functions?: string[] | undefined;
         times?: boolean | undefined;
     } & {}, keyof import("../..").PerseusDependenciesV2> & React.RefAttributes<Expression>>;

package/dist/widgets/graded-group/graded-group.d.ts

@@ -54,7 +54,6 @@ declare const _default: {
     name: string;
     displayName: string;
     widget: typeof GradedGroup;
-    traverseChildWidgets: (arg1: any, arg2: any) => any;
     hidden: false;
     tracking: "all";
     isLintable: true;

package/dist/widgets/graded-group-set/graded-group-set.d.ts

@@ -34,7 +34,6 @@ declare const _default: {
     name: string;
     displayName: string;
     widget: typeof GradedGroupSet;
-    traverseChildWidgets: (arg1: any, arg2: any) => any;
     hidden: false;
     tracking: "all";
     isLintable: true;

package/dist/widgets/group/group.d.ts

@@ -47,7 +47,6 @@ declare const _default: {
     name: string;
     displayName: string;
     widget: typeof Group;
-    traverseChildWidgets: (props: any, traverseRenderer: any) => any;
     hidden: true;
     isLintable: true;
 };

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

@@ -38,7 +38,6 @@ declare class ImageWidget extends React.Component<Props> implements Widget {
 }
 declare const _default: {
     name: string;
-    accessible: (widgetOptions: PerseusImageWidgetOptions) => boolean;
     displayName: string;
     widget: typeof ImageWidget;
     isLintable: true;

package/dist/widgets/interactive-graph.d.ts

@@ -180,7 +180,6 @@ declare class InteractiveGraph extends React.Component<Props, State> {
 declare const _default: {
     name: string;
     displayName: string;
-    accessible: true;
     widget: typeof InteractiveGraph;
     staticTransform: <T>(value: T) => T;
 };

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

@@ -93,7 +93,6 @@ declare const _default: {
     } & import("../../types").UniversalWidgetProps<Empty, Empty> & Partial<import("../..").PerseusDependenciesV2> & {
         preferredPopoverDirection?: PreferredPopoverDirection;
     }, keyof import("../..").PerseusDependenciesV2> & React.RefAttributes<LabelImage>>;
-    accessible: true;
     isLintable: true;
 };
 export default _default;

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

@@ -56,7 +56,6 @@ export declare class NumericInput extends React.Component<NumericInputProps> imp
 declare const _default: {
     name: string;
     displayName: string;
-    accessible: true;
     widget: typeof NumericInput;
     transform: (widgetOptions: PerseusNumericInputWidgetOptions) => RenderProps;
     isLintable: true;

package/dist/widgets/radio/base-radio.new.d.ts

@@ -1,7 +1,7 @@
 import { type PerseusRadioWidgetOptions } from "@khanacademy/perseus-core";
 import * as React from "react";
 import type { APIOptions } from "../../types";
-export type ChoiceType = {
+export interface ChoiceType {
     checked: boolean;
     content: React.ReactNode;
     rationale: React.ReactNode;
@@ -14,8 +14,8 @@ export type ChoiceType = {
     previouslyAnswered: boolean;
     revealNoneOfTheAbove: boolean;
     disabled: boolean;
-};
-type Props = {
+}
+interface BaseRadioProps {
     apiOptions: APIOptions;
     choices: ReadonlyArray<ChoiceType>;
     deselectEnabled?: boolean;
@@ -30,7 +30,7 @@ type Props = {
         checked: ReadonlyArray<boolean>;
     }) => void;
     isLastUsedWidget?: boolean;
-};
+}
 /**
  * The BaseRadio component is the core component for the radio widget.
  * It is responsible for rendering the radio choices and handling user interactions.
@@ -41,5 +41,5 @@ type Props = {
  *
  * TODO(LEMS-2994): Clean up this file.
  */
-declare const BaseRadio: ({ apiOptions, reviewModeRubric, reviewMode, choices, editMode, multipleSelect, labelWrap, countChoices, numCorrect, isLastUsedWidget, onChange, }: Props) => React.ReactElement;
+declare const BaseRadio: ({ apiOptions, reviewModeRubric, reviewMode, choices, editMode, multipleSelect, labelWrap, countChoices, numCorrect, isLastUsedWidget, onChange, }: BaseRadioProps) => React.ReactElement;
 export default BaseRadio;

package/dist/widgets/radio/choice-icon/choice-icon.new.d.ts

@@ -1,5 +1,5 @@
 import * as React from "react";
-type ChoiceIconProps = {
+interface ChoiceIconProps {
     pos: number;
     checked: boolean;
     focused: boolean;
@@ -10,7 +10,7 @@ type ChoiceIconProps = {
     multipleSelect: boolean;
     reviewMode: boolean;
     previouslyAnswered: boolean;
-};
+}
 /**
  * This component is a duplicate of the ChoiceIcon component in choice-icon.tsx
  * for the Radio Revitalization Project. (LEMS-2933)

package/dist/widgets/radio/choice-none-above.new.d.ts

@@ -1,6 +1,6 @@
 import * as React from "react";
 import type { ChoiceProps } from "./choice.new";
-interface Props extends ChoiceProps {
+interface ChoiceNoneAboveProps extends ChoiceProps {
     showContent?: boolean;
 }
 /**
@@ -10,5 +10,5 @@ interface Props extends ChoiceProps {
  *
  * TODO(LEMS-2994): Clean up this file.
  */
-declare const ChoiceNoneAbove: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLButtonElement>>;
+declare const ChoiceNoneAbove: React.ForwardRefExoticComponent<ChoiceNoneAboveProps & React.RefAttributes<HTMLButtonElement>>;
 export default ChoiceNoneAbove;

package/dist/widgets/radio/choice.new.d.ts

@@ -1,6 +1,6 @@
 import * as React from "react";
 import type { APIOptions } from "../../types";
-export type ChoiceProps = {
+export interface ChoiceProps {
     apiOptions?: APIOptions;
     checked?: boolean;
     rationale: React.ReactNode;
@@ -16,7 +16,7 @@ export type ChoiceProps = {
     onChange?: (newValues: {
         checked: boolean;
     }) => void;
-};
+}
 /**
  * This component is a duplicate of the Choice component in choice.tsx
  * for the Radio Revitalization Project. (LEMS-2933)

package/dist/widgets/radio/focus-ring.new.d.ts

@@ -2,12 +2,12 @@
  * Renders a circular selection ring around the child.
  */
 import * as React from "react";
-type Props = {
+interface FocusRingProps {
     children?: React.ReactNode;
     visible?: boolean;
     color?: string;
     multipleSelect?: boolean;
-};
+}
 /**
  * This component is a duplicate of the FocusRing component in focus-ring.tsx
  * for the Radio Revitalization Project. (LEMS-2933)
@@ -15,5 +15,5 @@ type Props = {
  *
  * TODO(LEMS-2994): Clean up this file.
  */
-declare const FocusRing: ({ visible, color, multipleSelect, children, }: Props) => React.ReactElement;
+declare const FocusRing: ({ visible, color, multipleSelect, children, }: FocusRingProps) => React.ReactElement;
 export default FocusRing;

package/dist/widgets/radio/option-status.new.d.ts

@@ -6,12 +6,12 @@
  * between the states more immediately clear to users.
  */
 import * as React from "react";
-type Props = {
+interface OptionStatusProps {
     correct: boolean;
     checked: boolean;
     previouslyAnswered: boolean;
     reviewMode: boolean;
-};
+}
 /**
  * This component is a duplicate of the OptionStatus component in option-status.tsx
  * for the Radio Revitalization Project. (LEMS-2933)
@@ -19,5 +19,5 @@ type Props = {
  *
  * TODO(LEMS-2994): Clean up this file.
  */
-declare const OptionStatus: ({ checked, correct, previouslyAnswered, reviewMode, }: Props) => React.ReactElement | null;
+declare const OptionStatus: ({ checked, correct, previouslyAnswered, reviewMode, }: OptionStatusProps) => React.ReactElement | null;
 export default OptionStatus;

package/dist/widgets/radio/radio.d.ts

@@ -5,7 +5,6 @@ import type { PerseusRadioWidgetOptions } from "@khanacademy/perseus-core";
 declare const _default: {
     name: string;
     displayName: string;
-    accessible: true;
     widget: typeof Radio;
     transform: (widgetOptions: PerseusRadioWidgetOptions, strings: PerseusStrings, problemNum?: number | null) => RenderProps;
     staticTransform: (widgetOptions: PerseusRadioWidgetOptions, strings: PerseusStrings, problemNum?: number | null) => RenderProps;

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

@@ -45,7 +45,6 @@ declare function propTransform(options: Props): RenderProps;
 declare const _default: {
     name: string;
     displayName: string;
-    accessible: true;
     widget: typeof Table;
     transform: typeof propTransform;
     hidden: true;

package/dist/widgets.d.ts

@@ -35,10 +35,8 @@ export declare const getVersionVector: () => {
     [key: string]: Version;
 };
 export declare const getPublicWidgets: () => Record<string, WidgetExports>;
-export declare const isAccessible: (widgetInfo: PerseusWidget) => boolean;
 export declare const getAllWidgetTypes: () => ReadonlyArray<string>;
 export declare const getRendererPropsForWidgetInfo: (widgetInfo: PerseusWidget, strings: PerseusStrings, problemNum?: number) => PerseusWidget;
-export declare const traverseChildWidgets: (widgetInfo: PerseusWidget, traverseRenderer: any) => PerseusWidget;
 /**
  * Handling for static mode for widgets that support it.
  */

package/package.json

@@ -3,7 +3,7 @@
   "description": "Core Perseus API (includes renderers and widgets)",
   "author": "Khan Academy",
   "license": "MIT",
-  "version": "64.0.0",
+  "version": "65.1.0",
   "publishConfig": {
     "access": "public"
   },
@@ -41,16 +41,16 @@
     "mafs": "0.19.0",
     "tiny-invariant": "1.3.1",
     "uuid": "^10.0.0",
-    "@khanacademy/kas": "2.0.5",
-    "@khanacademy/keypad-context": "3.0.12",
-    "@khanacademy/kmath": "2.0.12",
-    "@khanacademy/math-input": "26.0.1",
-    "@khanacademy/perseus-core": "13.0.0",
-    "@khanacademy/perseus-linter": "3.0.12",
-    "@khanacademy/perseus-score": "7.0.2",
+    "@khanacademy/kas": "2.0.6",
+    "@khanacademy/keypad-context": "3.0.14",
+    "@khanacademy/kmath": "2.0.14",
+    "@khanacademy/math-input": "26.0.3",
+    "@khanacademy/perseus-core": "14.0.1",
+    "@khanacademy/perseus-linter": "4.0.1",
+    "@khanacademy/perseus-score": "7.1.1",
     "@khanacademy/perseus-utils": "2.0.4",
-    "@khanacademy/pure-markdown": "2.0.5",
-    "@khanacademy/simple-markdown": "2.0.5"
+    "@khanacademy/pure-markdown": "2.0.6",
+    "@khanacademy/simple-markdown": "2.0.6"
   },
   "devDependencies": {
     "@khanacademy/wonder-blocks-banner": "4.1.21",
@@ -86,7 +86,7 @@
     "react-dom": "18.2.0",
     "react-popper": "^2.2.5",
     "underscore": "1.4.4",
-    "perseus-build-settings": "0.6.2",
+    "perseus-build-settings": "0.7.0",
     "raphael": "1.5.4"
   },
   "peerDependencies": {

package/dist/a11y.d.ts

@@ -1,5 +0,0 @@
-/**
- * Identifies whether or not a given perseus item requires the use of a mouse
- * or screen, based on the widgets it contains.
- */
-export declare function violatingWidgets(itemData: any): any;

package/dist/traversal.d.ts

@@ -1,15 +0,0 @@
-/**
- * Traverses a {content, widgets, images} renderer props object,
- * such as `itemData.question`
- *
- * This traversal is deep and handles some widget prop upgrades
- * (TODO(aria): Handle minor prop upgrades :) )
- *
- * This is the right way to traverse itemData.
- *
- * NOTE: We should not expose this on the perseus API yet. Instead,
- * build the traversal method you want inside perseus, and use this
- * from that. We might eventually expose this, but I'd like to be
- * more confident in the interface provided first.
- */
-export declare const traverse: (rendererOptions: any, contentCallback?: ((arg1: any) => any) | null, widgetCallback?: ((widgetInfo: any, widgetId: string) => any) | null, optionsCallback?: (arg1: any) => void) => any;

package/dist/util.graphie.d.ts

@@ -1,6 +0,0 @@
-export declare function getRealImageUrl(graphieUrl: string): string;
-export declare function isLabeledSVG(graphieUrl: string): boolean;
-export declare function getBaseUrl(graphieUrl: string): string;
-export declare function getSvgUrl(graphieUrl: string): string;
-export declare function getDataUrl(graphieUrl: string): string;
-export declare function getImageSizeModern(url: string): Promise<[number, number]>;