@khanacademy/perseus-editor 2.2.1 → 2.3.0

package/CHANGELOG.md

@@ -1,5 +1,26 @@
 # @khanacademy/perseus-editor
 
+## 2.3.0
+
+### Minor Changes
+
+-   5d88d8c5: Restore point count selector in `interactive-graph` widget editor
+-   2e5683d3: Re-enable editing of 'polygon' graph type in interactive-graph-editor
+-   5675178b: Re-enable editing of 'line segment' graph type in interactive-graph-editor
+-   d2cf7b67: Re-introduce graph type selector for interactive graph editor
+
+### Patch Changes
+
+-   d28cbf34: Enhance formatting of the 'Correct answer' field on interactive-graph widget editor (to be more legible)
+-   Updated dependencies [5fba7c60]
+    -   @khanacademy/perseus@6.2.2
+
+## 2.2.2
+
+### Patch Changes
+
+-   @khanacademy/perseus@6.2.1
+
 ## 2.2.1
 
 ### Patch Changes

package/dist/all-widgets.d.ts

@@ -10,10 +10,10 @@ declare const _default: readonly Readonly<{
     defaultAlignment?: import("@khanacademy/perseus").Alignment | undefined;
     getDefaultAlignment?: (() => import("@khanacademy/perseus").Alignment) | undefined;
     isLintable?: boolean | undefined;
-    transform?: import("../../perseus/src/types").WidgetTransform | undefined;
     tracking?: import("../../perseus/src/types").Tracking | undefined;
-    staticTransform?: import("../../perseus/src/types").WidgetTransform | undefined;
     traverseChildWidgets?: any;
+    transform?: import("../../perseus/src/types").WidgetTransform | undefined;
+    staticTransform?: import("../../perseus/src/types").WidgetTransform | undefined;
     propUpgrades?: {
         [key: string]: (arg1: any) => any;
     } | undefined;

package/dist/all-widgets.js.flow

@@ -21,10 +21,10 @@ declare var _default: $ReadOnlyArray<
       | (() => $Flowgen$Import$_40_khanacademy_2f_perseus.Alignment)
       | void,
     isLintable?: boolean | void,
-    transform?: $Flowgen$Import$_2e__2e__2f__2e__2e__2f_perseus_2f_src_2f_types.WidgetTransform | void,
     tracking?: $Flowgen$Import$_2e__2e__2f__2e__2e__2f_perseus_2f_src_2f_types.Tracking | void,
-    staticTransform?: $Flowgen$Import$_2e__2e__2f__2e__2e__2f_perseus_2f_src_2f_types.WidgetTransform | void,
     traverseChildWidgets?: any,
+    transform?: $Flowgen$Import$_2e__2e__2f__2e__2e__2f_perseus_2f_src_2f_types.WidgetTransform | void,
+    staticTransform?: $Flowgen$Import$_2e__2e__2f__2e__2e__2f_perseus_2f_src_2f_types.WidgetTransform | void,
     propUpgrades?: {
       [key: string]: (arg1: any) => any,
     } | void,

package/dist/components/graph-points-count-selector.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+import { PointValue } from "../util/points";
+declare const GraphPointsCountSelector: ({ numPoints, onChange, }: {
+    numPoints?: PointValue | undefined;
+    onChange: (points: PointValue) => void;
+}) => JSX.Element;
+export default GraphPointsCountSelector;

package/dist/components/graph-points-count-selector.js.flow

@@ -0,0 +1,12 @@
+/**
+ * Flowtype definitions for data
+ * Generated by Flowgen from a Typescript Definition
+ * Flowgen v1.21.0
+ * @flow
+ */
+import { PointValue } from "../util/points";
+declare var GraphPointsCountSelector: (x: {|
+  numPoints?: PointValue | void,
+  onChange: (points: PointValue) => void,
+|}) => React$Node;
+declare export default typeof GraphPointsCountSelector;

package/dist/components/graph-type-selector.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+type GraphTypeSelectorProps = {
+    graphType: string;
+    onChange: (newGraphType: string) => void;
+};
+declare const GraphTypeSelector: (props: GraphTypeSelectorProps) => JSX.Element;
+export default GraphTypeSelector;

package/dist/components/graph-type-selector.js.flow

@@ -0,0 +1,12 @@
+/**
+ * Flowtype definitions for data
+ * Generated by Flowgen from a Typescript Definition
+ * Flowgen v1.21.0
+ * @flow
+ */
+declare type GraphTypeSelectorProps = {|
+  graphType: string,
+  onChange: (newGraphType: string) => void,
+|};
+declare var GraphTypeSelector: (props: GraphTypeSelectorProps) => React$Node;
+declare export default typeof GraphTypeSelector;

package/dist/components/segment-count-selector.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+declare const SegmentCountSelector: ({ numSegments, onChange, }: {
+    numSegments?: number | undefined;
+    onChange: (numSegments: number) => void;
+}) => JSX.Element;
+export default SegmentCountSelector;

package/dist/components/segment-count-selector.js.flow

@@ -0,0 +1,11 @@
+/**
+ * Flowtype definitions for data
+ * Generated by Flowgen from a Typescript Definition
+ * Flowgen v1.21.0
+ * @flow
+ */
+declare var SegmentCountSelector: (x: {|
+  numSegments?: number | void,
+  onChange: (numSegments: number) => void,
+|}) => React$Node;
+declare export default typeof SegmentCountSelector;

package/dist/components/widget-editor.d.ts

@@ -0,0 +1,31 @@
+import * as React from "react";
+import type { WidgetInfo } from "@khanacademy/perseus";
+type WidgetEditorProps = {
+    id: string;
+    onChange: (widgetInfo: WidgetInfo, cb?: () => unknown, silent?: boolean) => unknown;
+    onRemove: () => unknown;
+    apiOptions: any;
+} & WidgetInfo;
+type WidgetEditorState = {
+    showWidget: boolean;
+    widgetInfo: WidgetInfo;
+};
+declare class WidgetEditor extends React.Component<WidgetEditorProps, WidgetEditorState> {
+    constructor(props: WidgetEditorProps);
+    UNSAFE_componentWillReceiveProps(nextProps: WidgetEditorProps): void;
+    _toggleWidget: (e: React.SyntheticEvent) => void;
+    _handleWidgetChange: (newProps: WidgetEditorProps, cb: () => unknown, silent: boolean) => void;
+    _toggleStatic: (e: Event) => void;
+    _handleAlignmentChange: (e: React.SyntheticEvent<HTMLSelectElement>) => void;
+    getSaveWarnings: () => any;
+    serialize: () => {
+        type: "categorizer" | "iframe" | "table" | "video" | "image" | "radio" | "cs-program" | "definition" | "group" | "dropdown" | "example-graphie-widget" | "example-widget" | "explanation" | "expression" | "graded-group-set" | "graded-group" | "grapher" | "input-number" | "interaction" | "interactive-graph" | "label-image" | "lights-puzzle" | "matcher" | "matrix" | "measurer" | "molecule-renderer" | "number-line" | "numeric-input" | "orderer" | "passage-ref" | "passage" | "plotter" | "reaction-diagtram" | "passage-ref-target" | "sequence" | "simple-markdown-tester" | "simulator" | "sorter" | "transformer" | "unit-input";
+        alignment: string | undefined;
+        static: boolean | undefined;
+        graded: boolean | undefined;
+        options: any;
+        version: import("../../../perseus/src/perseus-types").Version | undefined;
+    };
+    render(): React.ReactNode;
+}
+export default WidgetEditor;

package/dist/components/widget-editor.js.flow

@@ -0,0 +1,91 @@
+/**
+ * Flowtype definitions for data
+ * Generated by Flowgen from a Typescript Definition
+ * Flowgen v1.21.0
+ * @flow
+ */
+import * as $Flowgen$Import$_2e__2e__2f__2e__2e__2f__2e__2e__2f_perseus_2f_src_2f_perseus_2d_types from "../../../perseus/src/perseus-types";
+import * as React from "react";
+import type { WidgetInfo } from "@khanacademy/perseus";
+declare type WidgetEditorProps = {|
+  ...{|
+    id: string,
+    onChange: (
+      widgetInfo: WidgetInfo,
+      cb?: () => mixed,
+      silent?: boolean
+    ) => mixed,
+    onRemove: () => mixed,
+    apiOptions: any,
+  |},
+  ...WidgetInfo,
+|};
+declare type WidgetEditorState = {|
+  showWidget: boolean,
+  widgetInfo: WidgetInfo,
+|};
+declare class WidgetEditor
+  extends React.Component<WidgetEditorProps, WidgetEditorState>
+{
+  constructor(props: WidgetEditorProps): this;
+  UNSAFE_componentWillReceiveProps(nextProps: WidgetEditorProps): void;
+  _toggleWidget: (e: SyntheticEvent<>) => void;
+  _handleWidgetChange: (
+    newProps: WidgetEditorProps,
+    cb: () => mixed,
+    silent: boolean
+  ) => void;
+  _toggleStatic: (e: Event) => void;
+  _handleAlignmentChange: (e: SyntheticEvent<HTMLSelectElement>) => void;
+  getSaveWarnings: () => any;
+  serialize: () => {|
+    type:
+      | "categorizer"
+      | "iframe"
+      | "table"
+      | "video"
+      | "image"
+      | "radio"
+      | "cs-program"
+      | "definition"
+      | "group"
+      | "dropdown"
+      | "example-graphie-widget"
+      | "example-widget"
+      | "explanation"
+      | "expression"
+      | "graded-group-set"
+      | "graded-group"
+      | "grapher"
+      | "input-number"
+      | "interaction"
+      | "interactive-graph"
+      | "label-image"
+      | "lights-puzzle"
+      | "matcher"
+      | "matrix"
+      | "measurer"
+      | "molecule-renderer"
+      | "number-line"
+      | "numeric-input"
+      | "orderer"
+      | "passage-ref"
+      | "passage"
+      | "plotter"
+      | "reaction-diagtram"
+      | "passage-ref-target"
+      | "sequence"
+      | "simple-markdown-tester"
+      | "simulator"
+      | "sorter"
+      | "transformer"
+      | "unit-input",
+    alignment: string | void,
+    static: boolean | void,
+    graded: boolean | void,
+    options: any,
+    version: $Flowgen$Import$_2e__2e__2f__2e__2e__2f__2e__2e__2f_perseus_2f_src_2f_perseus_2d_types.Version | void,
+  |};
+  render(): React.Node;
+}
+declare export default typeof WidgetEditor;

package/dist/components/widget-select.d.ts

@@ -0,0 +1,10 @@
+import * as React from "react";
+type WidgetSelectProps = {
+    onChange?: (widgetType: string) => unknown;
+};
+declare class WidgetSelect extends React.Component<WidgetSelectProps> {
+    shouldComponentUpdate(): boolean;
+    handleChange: (e: React.SyntheticEvent<HTMLSelectElement>) => void;
+    render(): React.ReactNode;
+}
+export default WidgetSelect;

package/dist/components/widget-select.js.flow

@@ -0,0 +1,16 @@
+/**
+ * Flowtype definitions for data
+ * Generated by Flowgen from a Typescript Definition
+ * Flowgen v1.21.0
+ * @flow
+ */
+import * as React from "react";
+declare type WidgetSelectProps = {|
+  onChange?: (widgetType: string) => mixed,
+|};
+declare class WidgetSelect extends React.Component<WidgetSelectProps> {
+  shouldComponentUpdate(): boolean;
+  handleChange: (e: SyntheticEvent<HTMLSelectElement>) => void;
+  render(): React.Node;
+}
+declare export default typeof WidgetSelect;