@khanacademy/perseus-editor 2.16.2 → 3.0.0

package/dist/index.js

@@ -64,7 +64,7 @@ var i18n__namespace = /*#__PURE__*/_interopNamespace(i18n$1);
 
 // This file is processed by a Rollup plugin (replace) to inject the production
 const libName = "@khanacademy/perseus-editor";
-const libVersion = "2.16.2";
+const libVersion = "3.0.0";
 perseusCore.addLibraryVersionToPerseusDebug(libName, libVersion);
 
 function _extends() {
@@ -20587,8 +20587,7 @@ const DragTarget = createReactClass__default["default"]({
 });
 
 const {
-  InlineIcon: InlineIcon$b,
-  PropCheckBox: PropCheckBox$e
+  InlineIcon: InlineIcon$b
 } = perseus.components;
 const {
   iconChevronDown: iconChevronDown$1,
@@ -20599,7 +20598,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 - TS2322 - Type 'PerseusWidget' is not assignable to type 'ReactElement<any, string | JSXElementConstructor<any>>'. | TS2345 - Argument of type 'Partial<{ id: string; onChange: (widgetInfo: PerseusWidget, cb?: (() => unknown) | undefined, silent?: boolean | undefined) => unknown; onRemove: () => unknown; apiOptions: any; } & CategorizerWidget & { ...; }> | ... 38 more ... | Partial<...>' is not assignable to parameter of type 'PerseusWidget'.
+  // @ts-expect-error TS(2345) Type '"categorizer" | undefined' is not assignable to type '"deprecated-standin"'.
   return perseus.Widgets.upgradeWidgetInfoToLatestVersion(filteredProps);
 };
 
@@ -20613,14 +20612,12 @@ class WidgetEditor extends React__namespace.Component {
     super(props);
     this.state = {
       showWidget: false,
-      // @ts-expect-error - TS2322 - Type 'ReactElement<any, any> | null' is not assignable to type 'PerseusWidget'.
       widgetInfo: _upgradeWidgetInfo(props)
     };
   }
 
   // eslint-disable-next-line react/no-unsafe
   UNSAFE_componentWillReceiveProps(nextProps) {
-    // @ts-expect-error - TS2322 - Type 'ReactElement<any, any> | null' is not assignable to type 'PerseusWidget'.
     this.setState({
       widgetInfo: _upgradeWidgetInfo(nextProps)
     });
@@ -20685,12 +20682,6 @@ class WidgetEditor extends React__namespace.Component {
       supportedAlignments = ["default"];
     }
     const supportsStaticMode = perseus.Widgets.supportsStaticMode(widgetInfo.type);
-    const isUngradedEnabled = widgetInfo.type === "transformer";
-    const gradedPropBox = /*#__PURE__*/React__namespace.createElement(PropCheckBox$e, {
-      label: "Graded:",
-      graded: widgetInfo.graded,
-      onChange: this.props.onChange
-    });
     return /*#__PURE__*/React__namespace.createElement("div", {
       className: "perseus-widget-editor"
     }, /*#__PURE__*/React__namespace.createElement("div", {
@@ -20720,7 +20711,7 @@ class WidgetEditor extends React__namespace.Component {
       title: "Remove image widget"
     })), /*#__PURE__*/React__namespace.createElement("div", {
       className: "perseus-widget-editor-content " + (this.state.showWidget ? "enter" : "leave")
-    }, isUngradedEnabled && gradedPropBox, Ed && /*#__PURE__*/React__namespace.createElement(Ed
+    }, Ed && /*#__PURE__*/React__namespace.createElement(Ed
     // eslint-disable-next-line react/no-string-refs
     , _extends({
       ref: "widget",
@@ -20994,19 +20985,13 @@ class Editor extends React__namespace.Component {
     // eslint-disable-next-line no-restricted-syntax
     clearTimeout(this.deferredChange);
   }
-  getWidgetEditor = (id, type) => {
+  getWidgetEditor(id, type) {
     if (!perseus.Widgets.getEditor(type)) {
       return;
     }
-    return /*#__PURE__*/React__namespace.createElement(WidgetEditor
-    // @ts-expect-error - TS2322 - Type 'string' is not assignable to type 'number | undefined'.
-    , _extends({
-      key: id,
+    return /*#__PURE__*/React__namespace.createElement(WidgetEditor, _extends({
       ref: id,
       id: id
-      // @ts-expect-error - TS2783 - 'type' is specified more than once, so this usage will be overwritten.
-      ,
-      type: type
       // eslint-disable-next-line react/jsx-no-bind
       ,
       onChange: this._handleWidgetEditorChange.bind(this, id)
@@ -21015,7 +21000,7 @@ class Editor extends React__namespace.Component {
       onRemove: this._handleWidgetEditorRemove.bind(this, id),
       apiOptions: this.props.apiOptions
     }, this.props.widgets[id]));
-  };
+  }
   _handleWidgetEditorChange = (id, newWidgetInfo, cb, silent) => {
     const widgets = Object.assign({}, this.props.widgets);
     widgets[id] = Object.assign({}, widgets[id], newWidgetInfo);
@@ -21024,6 +21009,10 @@ class Editor extends React__namespace.Component {
     }, cb, silent);
   };
   _handleWidgetEditorRemove = id => {
+    // eslint-disable-next-line no-alert
+    if (!confirm("Are you sure you want to delete this item?")) {
+      return;
+    }
     const textarea = this.textarea.current;
     const re = new RegExp(widgetRegExp.replace("{id}", id), "gm");
     this.props.onChange({
@@ -21342,14 +21331,13 @@ class Editor extends React__namespace.Component {
     const newPostlude = isBlock ? makeStartWithAParagraphAlways(postlude) : postlude;
     const newContent = newPrelude + widgetContent + newPostlude;
     const newWidgets = ___default["default"].clone(this.props.widgets);
+    // @ts-expect-error TS(2345) Type '"categorizer" | undefined' is not assignable to type '"deprecated-standin"'.
     newWidgets[id] = {
       options: perseus.Widgets.getEditor(widgetType)?.defaultProps,
-      // @ts-expect-error - TS2322 - Type 'string' is not assignable to type '"video" | "image" | "iframe" | "table" | "radio" | "definition" | "group" | "matrix" | "categorizer" | "cs-program" | "dropdown" | "example-graphie-widget" | "example-widget" | ... 26 more ... | "unit-input"'.
       type: widgetType,
       // Track widget version on creation, so that a widget editor
       // without a valid version prop can only possibly refer to a
       // pre-versioning creation time.
-      // @ts-expect-error - TS2322 - Type 'Version | null | undefined' is not assignable to type 'Version | undefined'.
       version: perseus.Widgets.getVersion(widgetType)
     };
 
@@ -21494,6 +21482,8 @@ class Editor extends React__namespace.Component {
       widgets = {};
       underlayPieces = [];
       for (let i = 0; i < pieces.length; i++) {
+        // We split on widgets so every even-numbered indexed piece is
+        // text and odd-numbered indexes are the widget references.
         if (i % 2 === 0) {
           // Normal text
           underlayPieces.push(pieces[i]);
@@ -23653,6 +23643,10 @@ class CombinedHintsEditor extends React__namespace.Component {
     }, cb, silent);
   };
   handleHintRemove = i => {
+    // eslint-disable-next-line no-alert
+    if (!confirm("Are you sure you want to delete this hint?")) {
+      return;
+    }
     const hints = ___default["default"](this.props.hints).clone();
     // @ts-expect-error - TS2339 - Property 'splice' does not exist on type 'Hint'.
     hints.splice(i, 1);
@@ -26127,6 +26121,16 @@ class DefinitionEditor extends React__namespace.Component {
   }
 }
 
+class DeprecatedStandinEditor extends React__namespace.Component {
+  static widgetName = "deprecated-standin";
+  serialize() {
+    return perseus.EditorJsonify.serialize.call(this);
+  }
+  render() {
+    return /*#__PURE__*/React__namespace.createElement("div", null, /*#__PURE__*/React__namespace.createElement("p", null, "This widget has been deprecated and removed"), /*#__PURE__*/React__namespace.createElement("p", null, "Learners will see a message and they will not be graded on this part. Please replace this widget with a supported one."));
+  }
+}
+
 /* eslint-disable @khanacademy/ts-no-error-suppressions */
 const {
   InfoTip: InfoTip$k,
@@ -35349,7 +35353,7 @@ class VideoEditor extends React__namespace.Component {
   }
 }
 
-var AllEditors = [CategorizerEditor, CSProgramEditor, DefinitionEditor, DropdownEditor, ExampleGraphieWidgetEditor, ExampleWidgetEditor, ExplanationEditor, ExpressionEditor, GradedGroupEditor, GradedGroupSetEditor, GrapherEditor, GroupEditor, IframeEditor, ImageEditor, InputNumberEditor, InteractionEditor, InteractiveGraphEditor, LabelImageEditor, LightsPuzzleEditor, MatcherEditor, MatrixEditor, MeasurerEditor, MoleculeWidgetEditor, NumberLineEditor, NumericInputEditor, OrdererEditor, PassageEditor, PassageRefEditor, PassageRefTargetEditor, PlotterEditor, ReactionDiagramWidgetEditor, SequenceEditor, SimpleMarkdownTesterEditor, SimulatorEditor, SorterEditor, TableEditor, TransformerEditor, UnitInputEditor, VideoEditor, RadioEditor];
+var AllEditors = [CategorizerEditor, CSProgramEditor, DefinitionEditor, DropdownEditor, ExampleGraphieWidgetEditor, ExampleWidgetEditor, ExplanationEditor, ExpressionEditor, GradedGroupEditor, GradedGroupSetEditor, GrapherEditor, GroupEditor, IframeEditor, ImageEditor, InputNumberEditor, InteractionEditor, InteractiveGraphEditor, LabelImageEditor, LightsPuzzleEditor, MatcherEditor, MatrixEditor, MeasurerEditor, MoleculeWidgetEditor, NumberLineEditor, NumericInputEditor, OrdererEditor, PassageEditor, PassageRefEditor, PassageRefTargetEditor, PlotterEditor, ReactionDiagramWidgetEditor, SequenceEditor, SimpleMarkdownTesterEditor, SimulatorEditor, SorterEditor, TableEditor, TransformerEditor, UnitInputEditor, VideoEditor, RadioEditor, DeprecatedStandinEditor];
 
 /* eslint-disable @khanacademy/ts-no-error-suppressions */
 class TextInput extends React__namespace.Component {