@khanacademy/perseus-editor 2.16.2 → 3.0.0

package/CHANGELOG.md

@@ -1,5 +1,29 @@
 # @khanacademy/perseus-editor
 
+## 3.0.0
+
+### Major Changes
+
+-   [#933](https://github.com/Khan/perseus/pull/933) [`851c2cb8`](https://github.com/Khan/perseus/commit/851c2cb8cd6f6c0d6a62343f9232cc618476b85e) Thanks [@handeyeco](https://github.com/handeyeco)! - Update external and internal facing Perseus types
+
+### Patch Changes
+
+-   Updated dependencies [[`851c2cb8`](https://github.com/Khan/perseus/commit/851c2cb8cd6f6c0d6a62343f9232cc618476b85e), [`f7ac2929`](https://github.com/Khan/perseus/commit/f7ac2929ac18e6fd18b1e6c460350d5119762b42), [`87bfcc6f`](https://github.com/Khan/perseus/commit/87bfcc6f4a59a95027d76018625802726aa0d309), [`738aa661`](https://github.com/Khan/perseus/commit/738aa6613fdf752b8a4348c43690666fb5f0531f), [`d95e7044`](https://github.com/Khan/perseus/commit/d95e70444e2d038460a3b3fbe4e3c5aa4f4bd41d), [`6c3b6afe`](https://github.com/Khan/perseus/commit/6c3b6afea87f95bc3dc1da78cc0ddd29418d14dc), [`1e179194`](https://github.com/Khan/perseus/commit/1e179194e9674b267be11c280f80faa5cc671d91), [`4c2c2abc`](https://github.com/Khan/perseus/commit/4c2c2abc9c8dbe57a0036ff7873926ef5ecdd6e6), [`544ca540`](https://github.com/Khan/perseus/commit/544ca540469b2d0b34a8d00de256872d32648fda), [`76ebdc76`](https://github.com/Khan/perseus/commit/76ebdc7620a2f1ffe28524f95a99a13393162951), [`237593b8`](https://github.com/Khan/perseus/commit/237593b8d5bd36148cb5adabf51a796acf8f81a4)]:
+    -   @khanacademy/perseus@18.0.0
+
+## 2.17.0
+
+### Minor Changes
+
+-   [#894](https://github.com/Khan/perseus/pull/894) [`49d5c821`](https://github.com/Khan/perseus/commit/49d5c821a2ad07aadf31f09f2814859de2c0f157) Thanks [@jeremywiebe](https://github.com/jeremywiebe)! - Add a confirmation before deleting a configured widget in the Exercise Editor
+
+*   [#896](https://github.com/Khan/perseus/pull/896) [`04981063`](https://github.com/Khan/perseus/commit/049810636968afac5672f790896768338319810a) Thanks [@jeremywiebe](https://github.com/jeremywiebe)! - Add a confirmation before deleting a hint in the Exercise Editor
+
+### Patch Changes
+
+-   Updated dependencies [[`a5479339`](https://github.com/Khan/perseus/commit/a547933946b8be33b388fa4654d87289734848f0)]:
+    -   @khanacademy/perseus@17.8.0
+
 ## 2.16.2
 
 ### Patch Changes

package/dist/components/widget-editor.d.ts

@@ -1,14 +1,14 @@
 import * as React from "react";
-import type { WidgetInfo } from "@khanacademy/perseus";
+import type { PerseusWidget } from "@khanacademy/perseus";
 type WidgetEditorProps = {
     id: string;
-    onChange: (widgetInfo: WidgetInfo, cb?: () => unknown, silent?: boolean) => unknown;
+    onChange: (widgetInfo: PerseusWidget, cb?: () => unknown, silent?: boolean) => unknown;
     onRemove: () => unknown;
     apiOptions: any;
-} & WidgetInfo;
+} & PerseusWidget;
 type WidgetEditorState = {
     showWidget: boolean;
-    widgetInfo: WidgetInfo;
+    widgetInfo: PerseusWidget;
 };
 declare class WidgetEditor extends React.Component<WidgetEditorProps, WidgetEditorState> {
     constructor(props: WidgetEditorProps);

package/dist/editor.d.ts

@@ -1,6 +1,6 @@
 import "./katex-mhchem";
 import * as React from "react";
-import type { ChangeHandler, WidgetInfo } from "@khanacademy/perseus";
+import type { ChangeHandler, PerseusWidget } from "@khanacademy/perseus";
 type Props = Readonly<{
     apiOptions: any;
     className?: string;
@@ -8,7 +8,7 @@ type Props = Readonly<{
     replace?: any;
     placeholder: string;
     widgets: {
-        [name: string]: WidgetInfo;
+        [name: string]: PerseusWidget;
     };
     images: any;
     disabled: boolean;
@@ -31,7 +31,7 @@ type DefaultProps = {
     warnNoWidgets: boolean;
     widgetEnabled: boolean;
     widgets: {
-        [name: string]: WidgetInfo;
+        [name: string]: PerseusWidget;
     };
 };
 type State = {
@@ -49,8 +49,8 @@ declare class Editor extends React.Component<Props, State> {
     UNSAFE_componentWillReceiveProps(nextProps: Props): void;
     componentDidUpdate(prevProps: Props): void;
     componentWillUnmount(): void;
-    getWidgetEditor: (id: string, type: string) => undefined | React.ReactNode;
-    _handleWidgetEditorChange: (id: string, newWidgetInfo: WidgetInfo, cb?: () => unknown, silent?: boolean) => void;
+    getWidgetEditor(id: string, type: PerseusWidget["type"]): undefined | React.ReactNode;
+    _handleWidgetEditorChange: (id: string, newWidgetInfo: PerseusWidget, cb?: () => unknown, silent?: boolean) => void;
     _handleWidgetEditorRemove: (id: string) => void;
     /**
      * Calculate the size of all the images in props.content, and send

package/dist/es/index.js

@@ -25,7 +25,7 @@ import * as i18n$1 from '@khanacademy/wonder-blocks-i18n';
 
 // 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";
 addLibraryVersionToPerseusDebug(libName, libVersion);
 
 function _extends() {
@@ -20550,8 +20550,7 @@ const DragTarget = createReactClass({
 });
 
 const {
-  InlineIcon: InlineIcon$b,
-  PropCheckBox: PropCheckBox$e
+  InlineIcon: InlineIcon$b
 } = components;
 const {
   iconChevronDown: iconChevronDown$1,
@@ -20562,7 +20561,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 - 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 Widgets.upgradeWidgetInfoToLatestVersion(filteredProps);
 };
 
@@ -20625,14 +20624,12 @@ class WidgetEditor extends React.Component {
     };
     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)
     });
@@ -20648,12 +20645,6 @@ class WidgetEditor extends React.Component {
       supportedAlignments = ["default"];
     }
     const supportsStaticMode = Widgets.supportsStaticMode(widgetInfo.type);
-    const isUngradedEnabled = widgetInfo.type === "transformer";
-    const gradedPropBox = /*#__PURE__*/React.createElement(PropCheckBox$e, {
-      label: "Graded:",
-      graded: widgetInfo.graded,
-      onChange: this.props.onChange
-    });
     return /*#__PURE__*/React.createElement("div", {
       className: "perseus-widget-editor"
     }, /*#__PURE__*/React.createElement("div", {
@@ -20683,7 +20674,7 @@ class WidgetEditor extends React.Component {
       title: "Remove image widget"
     })), /*#__PURE__*/React.createElement("div", {
       className: "perseus-widget-editor-content " + (this.state.showWidget ? "enter" : "leave")
-    }, isUngradedEnabled && gradedPropBox, Ed && /*#__PURE__*/React.createElement(Ed
+    }, Ed && /*#__PURE__*/React.createElement(Ed
     // eslint-disable-next-line react/no-string-refs
     , _extends({
       ref: "widget",
@@ -20893,28 +20884,6 @@ class Editor extends React.Component {
     this.state = {
       textAreaValue: this.props.content
     };
-    this.getWidgetEditor = (id, type) => {
-      if (!Widgets.getEditor(type)) {
-        return;
-      }
-      return /*#__PURE__*/React.createElement(WidgetEditor
-      // @ts-expect-error - TS2322 - Type 'string' is not assignable to type 'number | undefined'.
-      , _extends({
-        key: id,
-        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)
-        // eslint-disable-next-line react/jsx-no-bind
-        ,
-        onRemove: this._handleWidgetEditorRemove.bind(this, id),
-        apiOptions: this.props.apiOptions
-      }, this.props.widgets[id]));
-    };
     this._handleWidgetEditorChange = (id, newWidgetInfo, cb, silent) => {
       const widgets = Object.assign({}, this.props.widgets);
       widgets[id] = Object.assign({}, widgets[id], newWidgetInfo);
@@ -20923,6 +20892,10 @@ class Editor extends React.Component {
       }, cb, silent);
     };
     this._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({
@@ -21240,14 +21213,13 @@ class Editor extends React.Component {
       const newPostlude = isBlock ? makeStartWithAParagraphAlways(postlude) : postlude;
       const newContent = newPrelude + widgetContent + newPostlude;
       const newWidgets = _.clone(this.props.widgets);
+      // @ts-expect-error TS(2345) Type '"categorizer" | undefined' is not assignable to type '"deprecated-standin"'.
       newWidgets[id] = {
         options: (_Widgets$getEditor = Widgets.getEditor(widgetType)) == null ? void 0 : _Widgets$getEditor.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: Widgets.getVersion(widgetType)
       };
 
@@ -21434,6 +21406,22 @@ class Editor extends React.Component {
     // eslint-disable-next-line no-restricted-syntax
     clearTimeout(this.deferredChange);
   }
+  getWidgetEditor(id, type) {
+    if (!Widgets.getEditor(type)) {
+      return;
+    }
+    return /*#__PURE__*/React.createElement(WidgetEditor, _extends({
+      ref: id,
+      id: id
+      // eslint-disable-next-line react/jsx-no-bind
+      ,
+      onChange: this._handleWidgetEditorChange.bind(this, id)
+      // eslint-disable-next-line react/jsx-no-bind
+      ,
+      onRemove: this._handleWidgetEditorRemove.bind(this, id),
+      apiOptions: this.props.apiOptions
+    }, this.props.widgets[id]));
+  }
   render() {
     let pieces;
     let widgets;
@@ -21456,6 +21444,8 @@ class Editor extends React.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]);
@@ -23658,6 +23648,10 @@ class CombinedHintsEditor extends React.Component {
       }, cb, silent);
     };
     this.handleHintRemove = i => {
+      // eslint-disable-next-line no-alert
+      if (!confirm("Are you sure you want to delete this hint?")) {
+        return;
+      }
       const hints = _(this.props.hints).clone();
       // @ts-expect-error - TS2339 - Property 'splice' does not exist on type 'Hint'.
       hints.splice(i, 1);
@@ -26145,6 +26139,16 @@ DefinitionEditor.defaultProps = {
   definition: ""
 };
 
+class DeprecatedStandinEditor extends React.Component {
+  serialize() {
+    return EditorJsonify.serialize.call(this);
+  }
+  render() {
+    return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("p", null, "This widget has been deprecated and removed"), /*#__PURE__*/React.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."));
+  }
+}
+DeprecatedStandinEditor.widgetName = "deprecated-standin";
+
 /* eslint-disable @khanacademy/ts-no-error-suppressions */
 const {
   InfoTip: InfoTip$k,
@@ -35206,7 +35210,7 @@ VideoEditor.defaultProps = {
   location: ""
 };
 
-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];
 
 class TextInput extends React.Component {
   constructor(...args) {