@khanacademy/perseus-editor 28.4.2 → 28.5.0

package/dist/item-editor.d.ts

@@ -2,7 +2,7 @@ import * as React from "react";
 import Editor from "./editor";
 import IframeContentRenderer from "./iframe-content-renderer";
 import ItemExtrasEditor from "./item-extras-editor";
-import type { Issue } from "./issues-panel";
+import type { Issue } from "./components/issues-panel";
 import type { APIOptions, ImageUploader, ChangeHandler, DeviceType } from "@khanacademy/perseus";
 import type { PerseusAnswerArea, PerseusWidgetsMap, PerseusRenderer } from "@khanacademy/perseus-core";
 type Props = {

package/dist/messages.d.ts

@@ -1,4 +1,4 @@
-import type { Issue } from "./issues-panel";
+import type { Issue } from "./components/issues-panel";
 export declare const WARNINGS: {
     inaccessibleWidget: (widgetType: string, widgetId: string) => Issue;
     genericLinterWarning: (rule: string, message: string) => Issue;

package/dist/util/issue-ctas-utils.d.ts

@@ -0,0 +1,44 @@
+import { type PerseusRenderer, type PerseusWidgetsMap } from "@khanacademy/perseus-core";
+type IssueCta = {
+    label: string;
+    onClick: () => void;
+};
+/**
+ * Based on the given widgets within a question, return the first available
+ * index for a specified widget type.
+ *
+ * Example: If the question has two image widgets named "image 1" and "image 3",
+ * the next available index for an image widget would be 2, for "image 2".
+ *
+ * @param widgetType - The type of the widget to get the index for. (e.g. "image", "radio", etc.)
+ * @param widgets - The question's `widgets` to search through.
+ * @returns The first available index for the given widget type, starting from 1.
+ */
+export declare function getFirstAvailableWidgetIndex(widgetType: string, widgets: PerseusWidgetsMap): number;
+/**
+ * Convert all image markdown in a question to image widgets.
+ *
+ * This function uses regex to find image markdown, then replaces it with an
+ * image widget. It does not use PerseusMarkdown to parse the content for image
+ * markdown, because PerseusMarkdown doesn't have a node-to-text converter. We'd
+ * have to manually process the tree to convert every single other markdown syntax
+ * type back to its text content form.
+ *
+ * @param question - The question being parsed for image markdown.
+ * @param onEditorChange - The function to update the editor's content.
+ */
+export declare function convertImageMarkdownToImageWidget(question: PerseusRenderer, onEditorChange: (newProps: any) => void): Promise<void>;
+/**
+ * Based on the given issue id, return the appropriate CTA for the issue.
+ * Example: If the issue id is "image-markdown", return the CTA to convert all
+ * image markdown to image widgets.
+ *
+ * @param issueId - The id of the issue to get the CTA for.
+ * @param question - The question being parsed for the issue.
+ * @param onEditorChange - The function to update the editor's content.
+ * @returns the `label` for the button text and the `onClick` function to call
+ *          when the button is clicked. Returns `null` if no CTA is found for
+ *          the given issue id.
+ */
+export declare function getCtaForIssueId(issueId: string, question: PerseusRenderer, onEditorChange: (newProps: any) => void): IssueCta | null;
+export {};

package/dist/util/item-editor-context.d.ts

@@ -0,0 +1,8 @@
+import * as React from "react";
+import type { PerseusRenderer } from "@khanacademy/perseus-core";
+export type ItemEditorContextType = {
+    question: PerseusRenderer;
+    onEditorChange: (newProps: any) => void;
+};
+export declare const ItemEditorContext: React.Context<ItemEditorContextType>;
+export default function useItemEditorContext(): ItemEditorContextType;

package/package.json

@@ -3,7 +3,7 @@
   "description": "Perseus editors",
   "author": "Khan Academy",
   "license": "MIT",
-  "version": "28.4.2",
+  "version": "28.5.0",
   "publishConfig": {
     "access": "public"
   },
@@ -35,35 +35,35 @@
     "mafs": "^0.19.0",
     "tiny-invariant": "1.3.1",
     "@khanacademy/kas": "2.1.2",
-    "@khanacademy/keypad-context": "3.2.11",
-    "@khanacademy/kmath": "2.2.11",
-    "@khanacademy/math-input": "26.2.12",
-    "@khanacademy/perseus": "71.2.3",
-    "@khanacademy/perseus-core": "20.0.0",
-    "@khanacademy/perseus-linter": "4.4.1",
-    "@khanacademy/perseus-score": "8.0.0",
+    "@khanacademy/keypad-context": "3.2.12",
+    "@khanacademy/kmath": "2.2.12",
+    "@khanacademy/math-input": "26.2.13",
+    "@khanacademy/perseus": "71.3.0",
+    "@khanacademy/perseus-core": "20.1.0",
+    "@khanacademy/perseus-linter": "4.4.2",
+    "@khanacademy/perseus-score": "8.0.1",
     "@khanacademy/perseus-utils": "2.1.0",
     "@khanacademy/pure-markdown": "2.2.0"
   },
   "devDependencies": {
     "@khanacademy/mathjax-renderer": "3.0.0",
-    "@khanacademy/wonder-blocks-accordion": "3.1.41",
-    "@khanacademy/wonder-blocks-banner": "4.5.1",
-    "@khanacademy/wonder-blocks-button": "11.2.3",
+    "@khanacademy/wonder-blocks-accordion": "3.1.42",
+    "@khanacademy/wonder-blocks-banner": "4.5.2",
+    "@khanacademy/wonder-blocks-button": "11.2.4",
     "@khanacademy/wonder-blocks-clickable": "8.0.0",
     "@khanacademy/wonder-blocks-core": "12.4.0",
-    "@khanacademy/wonder-blocks-dropdown": "10.4.2",
-    "@khanacademy/wonder-blocks-form": "7.3.9",
-    "@khanacademy/wonder-blocks-icon": "5.2.20",
-    "@khanacademy/wonder-blocks-icon-button": "10.5.2",
+    "@khanacademy/wonder-blocks-dropdown": "10.4.5",
+    "@khanacademy/wonder-blocks-form": "7.4.1",
+    "@khanacademy/wonder-blocks-icon": "5.3.0",
+    "@khanacademy/wonder-blocks-icon-button": "10.5.3",
     "@khanacademy/wonder-blocks-labeled-field": "4.0.6",
     "@khanacademy/wonder-blocks-layout": "3.1.37",
-    "@khanacademy/wonder-blocks-link": "10.0.0",
-    "@khanacademy/wonder-blocks-pill": "3.1.42",
-    "@khanacademy/wonder-blocks-switch": "3.3.19",
+    "@khanacademy/wonder-blocks-link": "10.0.1",
+    "@khanacademy/wonder-blocks-pill": "3.1.43",
+    "@khanacademy/wonder-blocks-switch": "3.3.20",
     "@khanacademy/wonder-blocks-timing": "7.0.2",
     "@khanacademy/wonder-blocks-tokens": "14.0.0",
-    "@khanacademy/wonder-blocks-tooltip": "4.1.48",
+    "@khanacademy/wonder-blocks-tooltip": "4.1.50",
     "@khanacademy/wonder-blocks-typography": "4.2.22",
     "@khanacademy/wonder-stuff-core": "1.5.5",
     "@phosphor-icons/core": "2.0.2",
@@ -79,23 +79,23 @@
   },
   "peerDependencies": {
     "@khanacademy/mathjax-renderer": "^3.0.0",
-    "@khanacademy/wonder-blocks-accordion": "^3.1.41",
-    "@khanacademy/wonder-blocks-banner": "^4.5.1",
-    "@khanacademy/wonder-blocks-button": "^11.2.3",
+    "@khanacademy/wonder-blocks-accordion": "^3.1.42",
+    "@khanacademy/wonder-blocks-banner": "^4.5.2",
+    "@khanacademy/wonder-blocks-button": "^11.2.4",
     "@khanacademy/wonder-blocks-clickable": "^8.0.0",
     "@khanacademy/wonder-blocks-core": "^12.4.0",
-    "@khanacademy/wonder-blocks-dropdown": "^10.4.2",
-    "@khanacademy/wonder-blocks-form": "^7.3.9",
-    "@khanacademy/wonder-blocks-icon": "^5.2.20",
-    "@khanacademy/wonder-blocks-icon-button": "^10.5.2",
+    "@khanacademy/wonder-blocks-dropdown": "^10.4.5",
+    "@khanacademy/wonder-blocks-form": "^7.4.1",
+    "@khanacademy/wonder-blocks-icon": "^5.3.0",
+    "@khanacademy/wonder-blocks-icon-button": "^10.5.3",
     "@khanacademy/wonder-blocks-labeled-field": "^4.0.6",
     "@khanacademy/wonder-blocks-layout": "^3.1.37",
-    "@khanacademy/wonder-blocks-link": "^10.0.0",
-    "@khanacademy/wonder-blocks-pill": "^3.1.42",
-    "@khanacademy/wonder-blocks-switch": "^3.3.19",
+    "@khanacademy/wonder-blocks-link": "^10.0.1",
+    "@khanacademy/wonder-blocks-pill": "^3.1.43",
+    "@khanacademy/wonder-blocks-switch": "^3.3.20",
     "@khanacademy/wonder-blocks-timing": "^7.0.2",
     "@khanacademy/wonder-blocks-tokens": "^14.0.0",
-    "@khanacademy/wonder-blocks-tooltip": "^4.1.48",
+    "@khanacademy/wonder-blocks-tooltip": "^4.1.50",
     "@khanacademy/wonder-blocks-typography": "^4.2.22",
     "@khanacademy/wonder-stuff-core": "^1.5.5",
     "@phosphor-icons/core": "^2.0.2",

package/dist/__docs__/editor-page-with-storybook-preview.d.ts

@@ -1,10 +0,0 @@
-import { type APIOptions } from "@khanacademy/perseus";
-import { type Hint, type PerseusRenderer } from "@khanacademy/perseus-core";
-import * as React from "react";
-type Props = {
-    apiOptions?: APIOptions;
-    question?: PerseusRenderer;
-    hints?: ReadonlyArray<Hint>;
-};
-declare function EditorPageWithStorybookPreview(props: Props): React.JSX.Element;
-export default EditorPageWithStorybookPreview;

package/dist/__docs__/preview-panel.d.ts

@@ -1,32 +0,0 @@
-import * as React from "react";
-type PreviewPanelProps = {
-    /**
-     * The content to display inside the panel
-     */
-    children: React.ReactNode;
-    /**
-     * Text to display on the "open panel" button
-     */
-    openButtonText: string;
-    /**
-     * Optional: Control the panel open state externally
-     */
-    isOpen?: boolean;
-    /**
-     * Optional: Callback when panel open state changes
-     */
-    onOpenChange?: (isOpen: boolean) => void;
-    /**
-     * Optional: Additional CSS class for the open button
-     */
-    openButtonClassName?: string;
-};
-/**
- * A reusable component that provides a toggleable preview panel with:
- * - A fixed-position panel on the right side
- * - A button to open the panel when closed
- * - A close button (X) when the panel is open
- * - Accepts any children to render inside the panel
- */
-declare function PreviewPanel({ children, openButtonText, isOpen: controlledIsOpen, onOpenChange, openButtonClassName, }: PreviewPanelProps): React.JSX.Element;
-export default PreviewPanel;

package/dist/issue-details.d.ts

@@ -1,7 +0,0 @@
-import * as React from "react";
-import type { Issue } from "./issues-panel";
-type IssueProps = {
-    issue: Issue;
-};
-declare const IssueDetails: ({ issue }: IssueProps) => React.JSX.Element;
-export default IssueDetails;