@khanacademy/perseus-editor 27.2.0 → 27.3.1

package/dist/widgets/interactive-graph-editor/components/axis-arrow-switches.d.ts

@@ -0,0 +1,8 @@
+import React from "react";
+import type { ShowAxisArrows } from "@khanacademy/perseus-core";
+interface AxisArrowSwitchesProps {
+    showAxisArrows: ShowAxisArrows;
+    onChange: (axis: keyof ShowAxisArrows) => void;
+}
+export default function AxisArrowSwitches(props: AxisArrowSwitchesProps): React.JSX.Element;
+export {};

package/dist/widgets/interactive-graph-editor/components/interactive-graph-settings.d.ts

@@ -3,7 +3,7 @@
  */
 import { Changeable } from "@khanacademy/perseus";
 import * as React from "react";
-import type { AxisLabelLocation, MarkingsType, PerseusImageBackground } from "@khanacademy/perseus-core";
+import type { AxisLabelLocation, ShowAxisArrows, MarkingsType, PerseusImageBackground } from "@khanacademy/perseus-core";
 type ChangeFn = typeof Changeable.change;
 type Range = [min: number, max: number];
 type Props = {
@@ -26,6 +26,10 @@ type Props = {
      * The range of the graph.
      */
     range: [x: Range, y: Range];
+    /**
+     * Whether the graph is bounded (no axis arrows) on the x and y axes.
+     */
+    showAxisArrows: ShowAxisArrows;
     /**
      * How far apart the tick marks on the axes are in the x and y
      * directions.
@@ -74,6 +78,7 @@ type State = {
     snapStepTextbox: [x: number, y: number];
     stepTextbox: [x: number, y: number];
     rangeTextbox: [x: Range, y: Range];
+    showAxisArrowsSwitches: ShowAxisArrows;
     backgroundImage: PerseusImageBackground;
 };
 declare class InteractiveGraphSettings extends React.Component<Props, State> {
@@ -88,6 +93,7 @@ declare class InteractiveGraphSettings extends React.Component<Props, State> {
         snapStepTextbox: [x: number, y: number];
         stepTextbox: [x: number, y: number];
         rangeTextbox: [x: Range, y: Range];
+        showAxisArrowsSwitches: ShowAxisArrows;
         backgroundImage: {
             url?: string | null;
             width?: number;
@@ -116,6 +122,12 @@ declare class InteractiveGraphSettings extends React.Component<Props, State> {
         markings: string;
         showProtractor: boolean;
         showTooltips: boolean;
+        showAxisArrows: {
+            xMin: boolean;
+            xMax: boolean;
+            yMin: boolean;
+            yMax: boolean;
+        };
     };
     componentDidMount(): void;
     UNSAFE_componentWillReceiveProps(nextProps: any): void;
@@ -132,6 +144,7 @@ declare class InteractiveGraphSettings extends React.Component<Props, State> {
     validateGraphSettings: (range: any, step: any, gridStep: any, snapStep: any, image: any) => any;
     changeLabel: (i: any, e: any) => void;
     changeRange: (i: any, values: any) => void;
+    changeShowAxisArrows: (axis: keyof ShowAxisArrows) => void;
     changeStepsBasedOnRange: () => void;
     changeStep: (step: any) => void;
     changeSnapStep: (snapStep: any) => void;