@khanacademy/perseus-editor 4.3.4 → 4.4.0

package/dist/widgets/example-graphie-widget.d.ts

@@ -3,51 +3,25 @@
  *
  * TODO(jack): Add more comments
  */
-import PropTypes from "prop-types";
+import { Changeable } from "@khanacademy/perseus";
 import * as React from "react";
-import type { Coord } from "@khanacademy/perseus";
-type Props = any;
+import type { Coord, PerseusExampleGraphieWidgetOptions, APIOptionsWithDefaults } from "@khanacademy/perseus";
+type Props = Changeable.ChangeableProps & {
+    apiOptions: APIOptionsWithDefaults;
+    graph: PerseusExampleGraphieWidgetOptions["graph"];
+    coord: PerseusExampleGraphieWidgetOptions["coord"];
+};
+type DefaultProps = {
+    graph: Props["graph"];
+    coord: Props["coord"];
+};
 /**
  * This is the widget's renderer. It shows up in the right column
  * in the demo, and is what is visible to users, and where
  * users enter their answers.
  */
 declare class ExampleGraphieWidget extends React.Component<Props> {
-    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>;
-            useDraftEditor: PropTypes.Requireable<boolean>;
-            hintProgressColor: PropTypes.Requireable<string>;
-            canScrollPage: PropTypes.Requireable<boolean>;
-            inModal: PropTypes.Requireable<boolean>;
-            crossOutEnabled: PropTypes.Requireable<boolean>;
-            editorChangeDelay: PropTypes.Requireable<number>;
-        }>>>;
-        graph: PropTypes.Validator<object>;
-        coord: PropTypes.Requireable<(number | null | undefined)[]>;
-        onChange: PropTypes.Validator<(...args: any[]) => any>;
-    };
-    static defaultProps: Props;
+    static defaultProps: DefaultProps;
     /**
      * This is the widget's grading function
      */

package/dist/widgets/example-widget.d.ts

@@ -1,22 +1,33 @@
-import PropTypes from "prop-types";
+/**
+ * This is a simple number-entry widget
+ * It is not as powerful as number-input, but has a simpler, more
+ * representative structure as an example widget, and is easier to
+ * test new ideas on.
+ *
+ * TODO(jack): Add more comments
+ */
+import { Changeable } from "@khanacademy/perseus";
 import * as React from "react";
-declare class TextInput extends React.Component<any> {
+import type { PerseusExampleWidgetOptions } from "@khanacademy/perseus";
+type Props = Changeable.ChangeableProps & {
+    value: PerseusExampleWidgetOptions["value"];
+};
+declare class TextInput extends React.Component<Props> {
     input: React.RefObject<HTMLInputElement>;
     render(): React.ReactNode;
     focus: () => boolean;
     changeValue: (e: any) => void;
 }
+type DefaultProps = {
+    value: Props["value"];
+};
 /**
  * This is the widget's renderer. It shows up in the right column
  * in the demo, and is what is visible to users, and where
  * users enter their answers.
  */
-declare class ExampleWidget extends React.Component<any> {
-    static propTypes: {
-        value: PropTypes.Requireable<string>;
-        onChange: PropTypes.Validator<(...args: any[]) => any>;
-    };
-    static defaultProps: any;
+declare class ExampleWidget extends React.Component<Props> {
+    static defaultProps: DefaultProps;
     input: React.RefObject<TextInput>;
     /**
      * This is the widget's grading function. simpleValidate generally