@khanacademy/perseus-editor 31.2.3 → 31.3.0

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

@@ -0,0 +1,9 @@
+import React from "react";
+import type { ShowAxisTicks } from "@khanacademy/perseus-core";
+interface AxisTickSwitchesProps {
+    showAxisTicks: ShowAxisTicks;
+    onChange: (axis: keyof ShowAxisTicks) => void;
+    disabled: boolean;
+}
+export default function AxisTickSwitches(props: AxisTickSwitchesProps): React.JSX.Element;
+export {};

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

@@ -4,7 +4,7 @@
 import { Changeable } from "@khanacademy/perseus";
 import * as React from "react";
 import type { APIOptionsWithDefaults } from "@khanacademy/perseus";
-import type { AxisLabelLocation, ShowAxisArrows, MarkingsType, PerseusImageBackground } from "@khanacademy/perseus-core";
+import type { AxisLabelLocation, ShowAxisArrows, ShowAxisTicks, MarkingsType, PerseusImageBackground } from "@khanacademy/perseus-core";
 type ChangeFn = typeof Changeable.change;
 type Range = [min: number, max: number];
 type Props = {
@@ -31,6 +31,10 @@ type Props = {
      * Whether the graph is bounded (no axis arrows) on the x and y axes.
      */
     showAxisArrows: ShowAxisArrows;
+    /**
+     * Whether to show tick marks and tick numbers per axis.
+     */
+    showAxisTicks: ShowAxisTicks;
     /**
      * How far apart the tick marks on the axes are in the x and y
      * directions.
@@ -81,6 +85,7 @@ type State = {
     stepTextbox: [x: number, y: number];
     rangeTextbox: [x: Range, y: Range];
     showAxisArrowsSwitches: ShowAxisArrows;
+    showAxisTicksSwitches: ShowAxisTicks;
     backgroundImage: PerseusImageBackground;
 };
 declare class InteractiveGraphSettings extends React.Component<Props, State> {
@@ -96,6 +101,7 @@ declare class InteractiveGraphSettings extends React.Component<Props, State> {
         stepTextbox: [x: number, y: number];
         rangeTextbox: [x: Range, y: Range];
         showAxisArrowsSwitches: ShowAxisArrows;
+        showAxisTicksSwitches: ShowAxisTicks;
         backgroundImage: {
             url?: string | null;
             width?: number;
@@ -130,6 +136,10 @@ declare class InteractiveGraphSettings extends React.Component<Props, State> {
             yMin: boolean;
             yMax: boolean;
         };
+        showAxisTicks: {
+            x: boolean;
+            y: boolean;
+        };
     };
     componentDidMount(): void;
     UNSAFE_componentWillReceiveProps(nextProps: any): void;
@@ -147,6 +157,7 @@ declare class InteractiveGraphSettings extends React.Component<Props, State> {
     changeLabel: (i: any, e: any) => void;
     changeRange: (i: any, values: any) => void;
     changeShowAxisArrows: (axis: keyof ShowAxisArrows) => void;
+    changeShowAxisTicks: (axis: keyof ShowAxisTicks) => void;
     changeStepsBasedOnRange: () => void;
     changeStep: (step: any) => void;
     changeSnapStep: (snapStep: any) => void;

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

@@ -1,4 +1,4 @@
-import { type LockedFigure, type PerseusImageBackground, type PerseusInteractiveGraphWidgetOptions, type PerseusGraphType, type MarkingsType, type InteractiveGraphDefaultWidgetOptions, type AxisLabelLocation, type ShowAxisArrows } from "@khanacademy/perseus-core";
+import { type LockedFigure, type PerseusImageBackground, type PerseusInteractiveGraphWidgetOptions, type PerseusGraphType, type MarkingsType, type InteractiveGraphDefaultWidgetOptions, type AxisLabelLocation, type ShowAxisArrows, type ShowAxisTicks } from "@khanacademy/perseus-core";
 import * as React from "react";
 import type { APIOptionsWithDefaults } from "@khanacademy/perseus";
 import type { PropsFor } from "@khanacademy/wonder-blocks-core";
@@ -24,6 +24,7 @@ declare const InteractiveGraph: {
             rulerTicks?: number;
             range: import("@khanacademy/perseus-core").GraphRange;
             showAxisArrows: ShowAxisArrows;
+            showAxisTicks: ShowAxisTicks;
             correct?: PerseusGraphType;
             lockedFigures: LockedFigure[];
             fullGraphAriaLabel?: string;
@@ -496,6 +497,7 @@ declare const InteractiveGraph: {
             rulerTicks?: number;
             range: import("@khanacademy/perseus-core").GraphRange;
             showAxisArrows: ShowAxisArrows;
+            showAxisTicks: ShowAxisTicks;
             correct?: PerseusGraphType;
             lockedFigures: LockedFigure[];
             fullGraphAriaLabel?: string;
@@ -953,6 +955,7 @@ declare const InteractiveGraph: {
         labelLocation: import("../../../../perseus/src/widgets/interactive-graphs/interactive-graph").Props["labelLocation"];
         range: import("../../../../perseus/src/widgets/interactive-graphs/interactive-graph").Props["range"];
         showAxisArrows: import("../../../../perseus/src/widgets/interactive-graphs/interactive-graph").Props["showAxisArrows"];
+        showAxisTicks: import("../../../../perseus/src/widgets/interactive-graphs/interactive-graph").Props["showAxisTicks"];
         step: import("../../../../perseus/src/widgets/interactive-graphs/interactive-graph").Props["step"];
         backgroundImage: import("../../../../perseus/src/widgets/interactive-graphs/interactive-graph").Props["backgroundImage"];
         markings: import("../../../../perseus/src/widgets/interactive-graphs/interactive-graph").Props["markings"];
@@ -985,6 +988,10 @@ export type Props = {
      * Whether the graph is bounded on the x and y axes.
      */
     showAxisArrows: ShowAxisArrows;
+    /**
+     * Whether to show tick marks and tick numbers per axis.
+     */
+    showAxisTicks: ShowAxisTicks;
     /**
      * How far apart the tick marks on the axes are in the x and y
      * directions.

package/package.json

@@ -3,7 +3,7 @@
   "description": "Perseus editors",
   "author": "Khan Academy",
   "license": "MIT",
-  "version": "31.2.3",
+  "version": "31.3.0",
   "publishConfig": {
     "access": "public"
   },
@@ -36,13 +36,13 @@
     "mafs": "^0.19.0",
     "tiny-invariant": "1.3.1",
     "@khanacademy/kas": "2.2.3",
-    "@khanacademy/keypad-context": "3.2.49",
-    "@khanacademy/kmath": "2.4.7",
-    "@khanacademy/math-input": "26.4.21",
-    "@khanacademy/perseus": "77.5.1",
-    "@khanacademy/perseus-core": "26.1.0",
-    "@khanacademy/perseus-linter": "5.0.4",
-    "@khanacademy/perseus-score": "8.9.0",
+    "@khanacademy/keypad-context": "3.2.51",
+    "@khanacademy/kmath": "2.4.9",
+    "@khanacademy/math-input": "26.4.23",
+    "@khanacademy/perseus": "77.6.0",
+    "@khanacademy/perseus-core": "26.2.0",
+    "@khanacademy/perseus-linter": "5.0.6",
+    "@khanacademy/perseus-score": "8.9.2",
     "@khanacademy/perseus-utils": "2.1.5"
   },
   "devDependencies": {