@khanacademy/perseus-editor 17.4.0 → 17.5.0

package/dist/es/index.js

@@ -1,5 +1,5 @@
-import { addLibraryVersionToPerseusDebug, PerseusError, Errors, ItemExtras, categorizerLogic, csProgramLogic, definitionLogic, dropdownLogic, explanationLogic, expressionLogic, PerseusExpressionAnswerFormConsidered, gradedGroupLogic, gradedGroupSetLogic, GrapherUtil as GrapherUtil$1, groupLogic, iframeLogic, imageLogic, inputNumberLogic, interactionLogic, lockedFigureColors, lockedFigureFillStyles, interactiveGraphLogic, labelImageLogic, matcherLogic, matrixLogic, getMatrixSize, measurerLogic, numberLineLogic, numericInputLogic, ordererLogic, passageLogic, passageRefLogic, passageRefTargetLogic, phetSimulationLogic, plotterLogic, plotterPlotTypes, pythonProgramLogic, radioLogic, sorterLogic, tableLogic, videoLogic } from '@khanacademy/perseus-core';
-import { components, Widgets, iconChevronDown, iconTrash, WIDGET_PROP_DENYLIST, Util, Log, PerseusMarkdown, preprocessTex, ApiOptions, itemDataVersion, ClassNames, Categorizer as Categorizer$1, Changeable, EditorJsonify, Dependencies, Expression, interactiveSizes, GrapherWidget, GrapherUtil, containerSizeClass, getInteractiveBoxFromSizeClass, PerseusI18nContext, KhanColors, mathOnlyParser, getAngleCoords, getPolygonCoords, getPointCoords, getQuadraticCoords, getSinusoidCoords, getCircleCoords, getLinearSystemCoords, getSegmentCoords, getLineCoords, InteractiveGraphWidget, bodyXsmallBold, MatrixWidget, makeSafeUrl, PlotterWidget, BaseRadio, TableWidget, widgets } from '@khanacademy/perseus';
+import { addLibraryVersionToPerseusDebug, upgradeWidgetInfoToLatestVersion, CoreWidgetRegistry, PerseusError, Errors, ItemExtras, categorizerLogic, csProgramLogic, definitionLogic, dropdownLogic, explanationLogic, expressionLogic, PerseusExpressionAnswerFormConsidered, gradedGroupLogic, gradedGroupSetLogic, grapherLogic, GrapherUtil, groupLogic, iframeLogic, imageLogic, inputNumberLogic, interactionLogic, lockedFigureColors, lockedFigureFillStyles, interactiveGraphLogic, labelImageLogic, matcherLogic, matrixLogic, getMatrixSize, measurerLogic, numberLineLogic, numericInputLogic, ordererLogic, passageLogic, passageRefLogic, passageRefTargetLogic, phetSimulationLogic, plotterLogic, plotterPlotTypes, pythonProgramLogic, radioLogic, sorterLogic, tableLogic, videoLogic } from '@khanacademy/perseus-core';
+import { components, Widgets, iconChevronDown, iconTrash, WIDGET_PROP_DENYLIST, Util, Log, PerseusMarkdown, preprocessTex, ApiOptions, itemDataVersion, ClassNames, Categorizer as Categorizer$1, Changeable, EditorJsonify, Dependencies, Expression, interactiveSizes, GrapherWidget, containerSizeClass, getInteractiveBoxFromSizeClass, GrapherUtil as GrapherUtil$1, PerseusI18nContext, KhanColors, mathOnlyParser, getAngleCoords, getPolygonCoords, getPointCoords, getQuadraticCoords, getSinusoidCoords, getCircleCoords, getLinearSystemCoords, getSegmentCoords, getLineCoords, InteractiveGraphWidget, bodyXsmallBold, MatrixWidget, makeSafeUrl, PlotterWidget, BaseRadio, TableWidget, widgets } from '@khanacademy/perseus';
 export { widgets } from '@khanacademy/perseus';
 import * as React from 'react';
 import { useId, useRef, useEffect, useState } from 'react';
@@ -47,7 +47,7 @@ import arrowCounterClockwise from '@phosphor-icons/core/bold/arrow-counter-clock
 
 // 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";
 addLibraryVersionToPerseusDebug(libName, libVersion);
 
 function _extends() {
@@ -20731,8 +20731,7 @@ const _upgradeWidgetInfo = props => {
   // We can't call serialize here because this.refs.widget
   // doesn't exist before this component is mounted.
   const filteredProps = _.omit(props, WIDGET_PROP_DENYLIST);
-  // @ts-expect-error TS(2345) Type '"categorizer" | undefined' is not assignable to type '"deprecated-standin"'.
-  return Widgets.upgradeWidgetInfoToLatestVersion(filteredProps);
+  return upgradeWidgetInfoToLatestVersion(filteredProps);
 };
 
 // This component handles upgading widget editor props via prop
@@ -20819,7 +20818,7 @@ class WidgetEditor extends React.Component {
     const Ed = Widgets.getEditor(widgetInfo.type);
     let supportedAlignments;
     if (this.props.apiOptions.showAlignmentOptions) {
-      supportedAlignments = Widgets.getSupportedAlignments(widgetInfo.type);
+      supportedAlignments = CoreWidgetRegistry.getSupportedAlignments(widgetInfo.type);
     } else {
       // NOTE(kevinb): "default" is not one in `validAlignments` in widgets.js.
       supportedAlignments = ["default"];
@@ -21411,7 +21410,7 @@ class Editor extends React.Component {
       const widgetContent = widgetPlaceholder.replace("{id}", id);
 
       // Add newlines before block-display widgets like graphs
-      const isBlock = Widgets.getDefaultAlignment(widgetType) === "block";
+      const isBlock = CoreWidgetRegistry.getDefaultAlignment(widgetType) === "block";
       const prelude = oldContent.slice(0, cursorRange[0]);
       const postlude = oldContent.slice(cursorRange[1]);
       const newPrelude = isBlock ? makeEndWithAParagraphIfNecessary(prelude) : prelude;
@@ -23214,6 +23213,9 @@ WidgetDiff.defaultProps = {
   type: ""
 };
 
+/**
+ * A side by side diff view for Perseus renderers.
+ */
 // In diffs, only show the widgetInfo props that can change
 const filterWidgetInfo = function filterWidgetInfo(widgetInfo, showAlignmentOptions) {
   const {
@@ -23227,7 +23229,7 @@ const filterWidgetInfo = function filterWidgetInfo(widgetInfo, showAlignmentOpti
   };
 
   // Show alignment options iff multiple valid ones exist for this widget
-  if (showAlignmentOptions && Widgets.getSupportedAlignments(type).length > 1) {
+  if (showAlignmentOptions && CoreWidgetRegistry.getSupportedAlignments(type).length > 1) {
     // @ts-expect-error - TS2339 - Property 'alignment' does not exist on type '{ readonly options: any; }'.
     filteredWidgetInfo.alignment = alignment;
   }
@@ -26292,12 +26294,11 @@ const {
 } = components;
 const Grapher = GrapherWidget.widget;
 const {
-  DEFAULT_GRAPHER_PROPS,
   chooseType,
   defaultPlotProps,
   getEquationString,
   typeToButton
-} = GrapherUtil;
+} = GrapherUtil$1;
 class GrapherEditor extends React.Component {
   constructor(..._args) {
     super(..._args);
@@ -26387,18 +26388,14 @@ class GrapherEditor extends React.Component {
     }, /*#__PURE__*/React.createElement("label", null, "Available functions: "), /*#__PURE__*/React.createElement(MultiButtonGroup, {
       allowEmpty: false,
       values: this.props.availableTypes,
-      buttons: _.map(GrapherUtil$1.allTypes, typeToButton),
+      buttons: _.map(GrapherUtil.allTypes, typeToButton),
       onChange: this.handleAvailableTypesChange
     })), graph);
   }
 }
 GrapherEditor.propTypes = _extends({}, Changeable.propTypes);
 GrapherEditor.widgetName = "grapher";
-GrapherEditor.defaultProps = {
-  correct: DEFAULT_GRAPHER_PROPS.plot,
-  graph: DEFAULT_GRAPHER_PROPS.graph,
-  availableTypes: DEFAULT_GRAPHER_PROPS.availableTypes
-};
+GrapherEditor.defaultProps = grapherLogic.defaultWidgetOptions;
 
 class GroupEditor extends React.Component {
   constructor(..._args) {
@@ -28723,14 +28720,16 @@ class InteractiveGraphSettings extends React.Component {
       label: "x Range"
     }, /*#__PURE__*/React.createElement(RangeInput$4, {
       value: this.state.rangeTextbox[0],
-      onChange: vals => this.changeRange(0, vals)
+      onChange: vals => this.changeRange(0, vals),
+      allowPiTruncation: true
     }))), /*#__PURE__*/React.createElement("div", {
       className: "perseus-widget-right-col"
     }, /*#__PURE__*/React.createElement(LabeledRow, {
       label: "y Range"
     }, /*#__PURE__*/React.createElement(RangeInput$4, {
       value: this.state.rangeTextbox[1],
-      onChange: vals => this.changeRange(1, vals)
+      onChange: vals => this.changeRange(1, vals),
+      allowPiTruncation: true
     })))), /*#__PURE__*/React.createElement("div", {
       className: "perseus-widget-row"
     }, /*#__PURE__*/React.createElement("div", {
@@ -28739,14 +28738,16 @@ class InteractiveGraphSettings extends React.Component {
       label: "Tick Step"
     }, /*#__PURE__*/React.createElement(RangeInput$4, {
       value: this.state.stepTextbox,
-      onChange: this.changeStep
+      onChange: this.changeStep,
+      allowPiTruncation: true
     }))), /*#__PURE__*/React.createElement("div", {
       className: "perseus-widget-right-col"
     }, /*#__PURE__*/React.createElement(LabeledRow, {
       label: "Grid Step"
     }, /*#__PURE__*/React.createElement(RangeInput$4, {
       value: this.state.gridStepTextbox,
-      onChange: this.changeGridStep
+      onChange: this.changeGridStep,
+      allowPiTruncation: true
     })))), /*#__PURE__*/React.createElement("div", {
       className: "perseus-widget-row"
     }, /*#__PURE__*/React.createElement("div", {
@@ -28755,7 +28756,8 @@ class InteractiveGraphSettings extends React.Component {
       label: "Snap Step"
     }, /*#__PURE__*/React.createElement(RangeInput$4, {
       value: this.state.snapStepTextbox,
-      onChange: this.changeSnapStep
+      onChange: this.changeSnapStep,
+      allowPiTruncation: true
     })))), /*#__PURE__*/React.createElement("div", {
       className: "perseus-widget-row"
     }, /*#__PURE__*/React.createElement(LabeledRow, {