@khanacademy/perseus 82.2.0 → 83.0.0

package/dist/styles/constants.d.ts

@@ -1,9 +1,6 @@
 export declare const baseFontFamily = "'Lato', sans-serif";
 export declare const boldFontFamily = "'Lato-Bold', 'Lato', sans-serif";
-export declare const kaGreen = "#71B307";
 export declare const white = "#FFFFFF";
-export declare const gray97 = "#F6F7F7";
-export declare const gray85 = "#D6D8DA";
 export declare const gray76 = "#BABEC2";
 export declare const gray68 = "#888D93";
 export declare const gray17 = "#21242c";
@@ -17,8 +14,8 @@ export declare const pureMdMax = "1023px";
 export declare const pureLgMax = "1279px";
 export declare const phoneMargin = 16;
 export declare const negativePhoneMargin = -16;
-export declare const hintBorderWidth = 4;
-export declare const baseUnitPx = 16;
+export declare const hintBorderWidth: string;
+export declare const hintPaddingInlineStart: string;
 export declare const interactiveSizes: {
     readonly defaultBoxSize: 400;
     readonly defaultBoxSizeSmall: 288;
@@ -29,7 +26,5 @@ export declare const warningColor = "#f86700";
 export declare const warningColorHover = "#df5c00";
 export declare const warningColorActive = "#c75300";
 export declare const publishBlockingErrorColor = "#be2612";
-export declare const radioBorderColor = "#BABEC2";
-export declare const checkedColor = "#71B307";
 export declare const articleMaxWidthInPx = 688;
 export declare const articleMaxWidthTableInPx = 512;

package/dist/widgets/interaction/interaction.d.ts

@@ -18,9 +18,9 @@ declare class Interaction extends React.Component<Props, State> implements Widge
     state: State;
     UNSAFE_componentWillReceiveProps(nextProps: Props): void;
     _setupGraphie: (arg1: any, arg2: any) => void;
-    _updatePointLocation: (arg1: string, arg2: Coord) => void;
+    _updatePointLocation: (arg1: number, arg2: Coord) => void;
     _updateLineLocation: (arg1: any, arg2: Coord) => void;
-    _eval: (arg1: any, arg2: any) => number;
+    _eval: (arg1: any, arg2?: any) => number;
     _extractVars: (arg1: any) => ReadonlyArray<any>;
     getPromptJSON(): UnsupportedWidgetPromptJSON;
     render(): React.ReactNode;

package/dist/widgets/measurer/measurer.d.ts

@@ -2,10 +2,7 @@ import { type PerseusMeasurerWidgetOptions } from "@khanacademy/perseus-core";
 import * as React from "react";
 import type { Widget, WidgetProps } from "../../types";
 import type { UnsupportedWidgetPromptJSON } from "../../widget-ai-utils/unsupported-widget";
-type Props = WidgetProps<PerseusMeasurerWidgetOptions> & {
-    protractorX: number;
-    protractorY: number;
-};
+type Props = WidgetProps<PerseusMeasurerWidgetOptions>;
 declare class Measurer extends React.Component<Props> implements Widget {
     isWidget: true;
     ruler: any;

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

@@ -1,49 +1,22 @@
-import * as React from "react";
-import ReactDOM from "react-dom";
-import { PerseusI18nContext } from "../../components/i18n-context";
-import type { FocusPath, Widget, WidgetProps } from "../../types";
+import React from "react";
+import type { FocusPath, Widget } from "../../types";
 import type { PerseusTableWidgetOptions, PerseusTableUserInput } from "@khanacademy/perseus-core";
 type EditorProps = {
-    editableHeaders: boolean;
+    editableHeaders?: boolean;
     Editor: any;
-    onChange: (headers: PerseusTableWidgetOptions["headers"]) => void;
-};
-type Props = WidgetProps<PerseusTableWidgetOptions, PerseusTableUserInput> & EditorProps;
-type DefaultProps = {
-    apiOptions: Props["apiOptions"];
-    headers: Props["headers"];
-    editableHeaders: Props["editableHeaders"];
-    rows: Props["rows"];
-    columns: Props["columns"];
-    linterContext: Props["linterContext"];
-};
-declare class Table extends React.Component<Props> implements Widget {
-    static contextType: React.Context<import("../../components/i18n-context").I18nContextType>;
-    context: React.ContextType<typeof PerseusI18nContext>;
-    headerRefs: Record<string, any>;
-    answerRefs: Record<string, any>;
-    static defaultProps: DefaultProps;
-    _getRows(): number;
-    _getColumns(): number;
-    _getAnswersClone(): PerseusTableUserInput;
-    onValueChange(row: number, column: number, eventOrValue: any): void;
-    onHeaderChange(index: number, e: any): void;
-    _handleFocus(inputPath: any): void;
-    _handleBlur(inputPath: any): void;
-    focus(): boolean;
-    focusInputPath(path: FocusPath): void;
-    blurInputPath(path: FocusPath): void;
-    getDOMNodeForPath(path: FocusPath): ReturnType<typeof ReactDOM.findDOMNode>;
-    getInputPaths(): string[][];
-    /**
-     * @deprecated and likely very broken API
-     * [LEMS-3185] do not trust serializedState
-     */
-    getSerializedState(): {
-        answers: PerseusTableUserInput;
+    onChange: (value: {
         headers: string[];
-        rows: number;
-        columns: number;
+    }) => void;
+};
+declare function getStartUserInput(options: PerseusTableWidgetOptions): PerseusTableUserInput;
+/**
+ * @deprecated - do not use in new code.
+ */
+declare function getUserInputFromSerializedState(serializedState: any): PerseusTableUserInput;
+declare const _default: {
+    name: string;
+    displayName: string;
+    widget: React.ForwardRefExoticComponent<PerseusTableWidgetOptions & {
         trackInteraction: (extraData?: Empty | undefined) => void;
         widgetId: string;
         widgetIndex: number;
@@ -96,22 +69,10 @@ declare class Table extends React.Component<Props> implements Widget {
         reviewMode: boolean;
         showSolutions?: import("@khanacademy/perseus-core").ShowSolutions;
         handleUserInput: (newUserInput: PerseusTableUserInput, cb?: () => void, silent?: boolean) => void;
+        userInput: PerseusTableUserInput;
         linterContext: import("@khanacademy/perseus-linter").LinterContextProps;
         containerSizeClass: import("../../util/sizing-utils").SizeClass;
-        Editor: any;
-        onChange: (headers: PerseusTableWidgetOptions["headers"]) => void;
-    };
-    render(): React.ReactNode;
-}
-declare function getStartUserInput(options: PerseusTableWidgetOptions): PerseusTableUserInput;
-/**
- * @deprecated - do not use in new code.
- */
-declare function getUserInputFromSerializedState(serializedState: any): PerseusTableUserInput;
-declare const _default: {
-    name: string;
-    displayName: string;
-    widget: typeof Table;
+    } & EditorProps & React.RefAttributes<Widget>>;
     hidden: true;
     isLintable: true;
     getStartUserInput: typeof getStartUserInput;

package/package.json

@@ -3,7 +3,7 @@
   "description": "Core Perseus API (includes renderers and widgets)",
   "author": "Khan Academy",
   "license": "MIT",
-  "version": "82.2.0",
+  "version": "83.0.0",
   "publishConfig": {
     "access": "public"
   },
@@ -37,18 +37,19 @@
     "dist"
   ],
   "dependencies": {
+    "@dnd-kit/react": "^0.5.0",
     "@use-gesture/react": "^10.2.27",
     "gifuct-js": "^2.1.2",
     "mafs": "0.19.0",
     "tiny-invariant": "1.3.1",
     "uuid": "^10.0.0",
-    "@khanacademy/kas": "2.2.4",
-    "@khanacademy/keypad-context": "3.2.78",
-    "@khanacademy/kmath": "2.4.37",
-    "@khanacademy/math-input": "26.6.7",
-    "@khanacademy/perseus-core": "34.0.0",
-    "@khanacademy/perseus-linter": "5.1.18",
-    "@khanacademy/perseus-score": "8.12.10",
+    "@khanacademy/kas": "2.2.5",
+    "@khanacademy/keypad-context": "3.2.79",
+    "@khanacademy/kmath": "2.4.38",
+    "@khanacademy/math-input": "26.6.8",
+    "@khanacademy/perseus-core": "34.0.1",
+    "@khanacademy/perseus-linter": "5.1.19",
+    "@khanacademy/perseus-score": "8.12.11",
     "@khanacademy/perseus-utils": "2.1.5",
     "@khanacademy/pure-markdown": "2.3.1",
     "@khanacademy/simple-markdown": "3.0.0"

package/dist/components/info-tip/index.d.ts

@@ -1,19 +0,0 @@
-/**
- * A wrapper around info-tip/info-tip.jsx that can be rendered on the
- * server without causing a checksum mismatch on the client.
- * (RCSS generates classnames with a randomSuffix, which ensures that any
- * two sets of generated classnames will not match.)
- */
-import * as React from "react";
-import InfoTipBase from "./info-tip-base";
-import type { PropsFor } from "@khanacademy/wonder-blocks-core";
-type Props = PropsFor<typeof InfoTipBase>;
-type State = {
-    didMount: boolean;
-};
-declare class InfoTip extends React.Component<Props, State> {
-    state: State;
-    componentDidMount(): void;
-    render(): React.ReactNode;
-}
-export default InfoTip;

package/dist/components/info-tip/info-tip-base.d.ts

@@ -1,6 +0,0 @@
-import * as React from "react";
-type Props = {
-    children: React.ReactNode;
-};
-declare const InfoTipBase: (props: Props) => React.JSX.Element;
-export default InfoTipBase;

package/dist/components/text-list-editor.d.ts

@@ -1,15 +0,0 @@
-import * as React from "react";
-declare class TextListEditor extends React.Component<any, any> {
-    static propTypes: {
-        options: any;
-        layout: any;
-        onChange: any;
-    };
-    static defaultProps: any;
-    state: any;
-    UNSAFE_componentWillReceiveProps(nextProps: any): void;
-    onChange: (arg1: number, arg2: React.ChangeEvent<HTMLInputElement>) => void;
-    onKeyDown: (arg1: number, arg2: React.KeyboardEvent) => void;
-    render(): React.ReactNode;
-}
-export default TextListEditor;