@khanacademy/perseus-editor 17.4.0 → 17.5.0

package/dist/index.js

@@ -99,7 +99,7 @@ var arrowCounterClockwise__default = /*#__PURE__*/_interopDefaultLegacy(arrowCou
 
 // This file is processed by a Rollup plugin (replace) to inject the production
 const libName = "@khanacademy/perseus-editor";
-const libVersion = "17.4.0";
+const libVersion = "17.5.0";
 perseusCore.addLibraryVersionToPerseusDebug(libName, libVersion);
 
 function _extends() {
@@ -20779,8 +20779,7 @@ const _upgradeWidgetInfo = props => {
   // We can't call serialize here because this.refs.widget
   // doesn't exist before this component is mounted.
   const filteredProps = ___default["default"].omit(props, perseus.WIDGET_PROP_DENYLIST);
-  // @ts-expect-error TS(2345) Type '"categorizer" | undefined' is not assignable to type '"deprecated-standin"'.
-  return perseus.Widgets.upgradeWidgetInfoToLatestVersion(filteredProps);
+  return perseusCore.upgradeWidgetInfoToLatestVersion(filteredProps);
 };
 
 // This component handles upgading widget editor props via prop
@@ -20870,7 +20869,7 @@ class WidgetEditor extends React__namespace.Component {
     const Ed = perseus.Widgets.getEditor(widgetInfo.type);
     let supportedAlignments;
     if (this.props.apiOptions.showAlignmentOptions) {
-      supportedAlignments = perseus.Widgets.getSupportedAlignments(widgetInfo.type);
+      supportedAlignments = perseusCore.CoreWidgetRegistry.getSupportedAlignments(widgetInfo.type);
     } else {
       // NOTE(kevinb): "default" is not one in `validAlignments` in widgets.js.
       supportedAlignments = ["default"];
@@ -21554,7 +21553,7 @@ class Editor extends React__namespace.Component {
     const widgetContent = widgetPlaceholder.replace("{id}", id);
 
     // Add newlines before block-display widgets like graphs
-    const isBlock = perseus.Widgets.getDefaultAlignment(widgetType) === "block";
+    const isBlock = perseusCore.CoreWidgetRegistry.getDefaultAlignment(widgetType) === "block";
     const prelude = oldContent.slice(0, cursorRange[0]);
     const postlude = oldContent.slice(cursorRange[1]);
     const newPrelude = isBlock ? makeEndWithAParagraphIfNecessary(prelude) : prelude;
@@ -23254,6 +23253,9 @@ class WidgetDiff extends React__namespace.Component {
   }
 }
 
+/**
+ * A side by side diff view for Perseus renderers.
+ */
 // In diffs, only show the widgetInfo props that can change
 const filterWidgetInfo = function (widgetInfo, showAlignmentOptions) {
   const {
@@ -23267,7 +23269,7 @@ const filterWidgetInfo = function (widgetInfo, showAlignmentOptions) {
   };
 
   // Show alignment options iff multiple valid ones exist for this widget
-  if (showAlignmentOptions && perseus.Widgets.getSupportedAlignments(type).length > 1) {
+  if (showAlignmentOptions && perseusCore.CoreWidgetRegistry.getSupportedAlignments(type).length > 1) {
     // @ts-expect-error - TS2339 - Property 'alignment' does not exist on type '{ readonly options: any; }'.
     filteredWidgetInfo.alignment = alignment;
   }
@@ -26360,7 +26362,6 @@ const {
 } = perseus.components;
 const Grapher = perseus.GrapherWidget.widget;
 const {
-  DEFAULT_GRAPHER_PROPS,
   chooseType,
   defaultPlotProps,
   getEquationString,
@@ -26371,11 +26372,7 @@ class GrapherEditor extends React__namespace.Component {
     ...perseus.Changeable.propTypes
   };
   static widgetName = "grapher";
-  static defaultProps = {
-    correct: DEFAULT_GRAPHER_PROPS.plot,
-    graph: DEFAULT_GRAPHER_PROPS.graph,
-    availableTypes: DEFAULT_GRAPHER_PROPS.availableTypes
-  };
+  static defaultProps = perseusCore.grapherLogic.defaultWidgetOptions;
   change = (() => {
     var _this = this;
     return function () {
@@ -28863,14 +28860,16 @@ class InteractiveGraphSettings extends React__namespace.Component {
       label: "x Range"
     }, /*#__PURE__*/React__namespace.createElement(RangeInput$4, {
       value: this.state.rangeTextbox[0],
-      onChange: vals => this.changeRange(0, vals)
+      onChange: vals => this.changeRange(0, vals),
+      allowPiTruncation: true
     }))), /*#__PURE__*/React__namespace.createElement("div", {
       className: "perseus-widget-right-col"
     }, /*#__PURE__*/React__namespace.createElement(LabeledRow, {
       label: "y Range"
     }, /*#__PURE__*/React__namespace.createElement(RangeInput$4, {
       value: this.state.rangeTextbox[1],
-      onChange: vals => this.changeRange(1, vals)
+      onChange: vals => this.changeRange(1, vals),
+      allowPiTruncation: true
     })))), /*#__PURE__*/React__namespace.createElement("div", {
       className: "perseus-widget-row"
     }, /*#__PURE__*/React__namespace.createElement("div", {
@@ -28879,14 +28878,16 @@ class InteractiveGraphSettings extends React__namespace.Component {
       label: "Tick Step"
     }, /*#__PURE__*/React__namespace.createElement(RangeInput$4, {
       value: this.state.stepTextbox,
-      onChange: this.changeStep
+      onChange: this.changeStep,
+      allowPiTruncation: true
     }))), /*#__PURE__*/React__namespace.createElement("div", {
       className: "perseus-widget-right-col"
     }, /*#__PURE__*/React__namespace.createElement(LabeledRow, {
       label: "Grid Step"
     }, /*#__PURE__*/React__namespace.createElement(RangeInput$4, {
       value: this.state.gridStepTextbox,
-      onChange: this.changeGridStep
+      onChange: this.changeGridStep,
+      allowPiTruncation: true
     })))), /*#__PURE__*/React__namespace.createElement("div", {
       className: "perseus-widget-row"
     }, /*#__PURE__*/React__namespace.createElement("div", {
@@ -28895,7 +28896,8 @@ class InteractiveGraphSettings extends React__namespace.Component {
       label: "Snap Step"
     }, /*#__PURE__*/React__namespace.createElement(RangeInput$4, {
       value: this.state.snapStepTextbox,
-      onChange: this.changeSnapStep
+      onChange: this.changeSnapStep,
+      allowPiTruncation: true
     })))), /*#__PURE__*/React__namespace.createElement("div", {
       className: "perseus-widget-row"
     }, /*#__PURE__*/React__namespace.createElement(LabeledRow, {