@khanacademy/perseus-editor 2.8.4 → 2.9.0

package/CHANGELOG.md

@@ -1,5 +1,28 @@
 # @khanacademy/perseus-editor
 
+## 2.9.0
+
+### Minor Changes
+
+-   [#796](https://github.com/Khan/perseus/pull/796) [`c26fbdde`](https://github.com/Khan/perseus/commit/c26fbdde0d0bce0e7e88046eaddf88307f722eb9) Thanks [@nedredmond](https://github.com/nedredmond)! - Add option to show key on periodic table
+
+### Patch Changes
+
+-   [#670](https://github.com/Khan/perseus/pull/670) [`88616529`](https://github.com/Khan/perseus/commit/88616529c70f6c03529c26c2a4f04e5bb9f92b38) Thanks [@handeyeco](https://github.com/handeyeco)! - Update types for Plotter widget
+
+-   Updated dependencies [[`88616529`](https://github.com/Khan/perseus/commit/88616529c70f6c03529c26c2a4f04e5bb9f92b38), [`c26fbdde`](https://github.com/Khan/perseus/commit/c26fbdde0d0bce0e7e88046eaddf88307f722eb9), [`847b0568`](https://github.com/Khan/perseus/commit/847b0568bd5bb23ef08ddd8cbbe24f7158eeaaca), [`af4ebf37`](https://github.com/Khan/perseus/commit/af4ebf37dfed15ffd93a8cf2a20d0be464120dd7)]:
+    -   @khanacademy/perseus@13.0.0
+
+## 2.8.5
+
+### Patch Changes
+
+-   Updated dependencies [[`cfff6ad1`](https://github.com/Khan/perseus/commit/cfff6ad16a3923418a3c75816af7c99689b94da4), [`79403e06`](https://github.com/Khan/perseus/commit/79403e06eedb597d7818d6c858bbba6f51ff3fe1)]:
+    -   @khanacademy/perseus@12.4.0
+    -   @khanacademy/perseus-core@1.3.0
+    -   @khanacademy/kas@0.3.5
+    -   @khanacademy/kmath@0.1.6
+
 ## 2.8.4
 
 ### Patch Changes

package/dist/es/index.js

@@ -1,5 +1,5 @@
 import { addLibraryVersionToPerseusDebug } from '@khanacademy/perseus-core';
-import { constants, components, Widgets, icons, WIDGET_PROP_DENYLIST, Util, Log, PerseusError, Errors, PerseusMarkdown, preprocessTex, ApiOptions, buildMapper, itemToTree, buildEmptyItemTreeForShape, shapes, itemDataVersion, ClassNames, MultiItems, traverse, Categorizer as Categorizer$1, Changeable, EditorJsonify, Dependencies, WidgetJsonifyDeprecated, PerseusExpressionAnswerFormConsidered, Expression, interactiveSizes, KhanMath, GrapherWidget, GrapherUtil, SizingUtils, KhanColors, ColorPicker, DashPicker, ArrowPicker, ElementContainer, InteractiveGraphWidget, globalStyles, globalConstants, MatrixWidget, PlotterWidget, BaseRadio, TableWidget, TransformerWidget, displaySigFigs, widgets } from '@khanacademy/perseus';
+import { constants, components, Widgets, icons, WIDGET_PROP_DENYLIST, Util, Log, PerseusError, Errors, PerseusMarkdown, preprocessTex, ApiOptions, buildMapper, itemToTree, buildEmptyItemTreeForShape, shapes, itemDataVersion, ClassNames, MultiItems, traverse, Categorizer as Categorizer$1, Changeable, EditorJsonify, Dependencies, WidgetJsonifyDeprecated, PerseusExpressionAnswerFormConsidered, Expression, interactiveSizes, KhanMath, GrapherWidget, GrapherUtil, SizingUtils, KhanColors, ColorPicker, DashPicker, ArrowPicker, ElementContainer, InteractiveGraphWidget, globalStyles, globalConstants, MatrixWidget, PlotterWidget, plotterPlotTypes, BaseRadio, TableWidget, TransformerWidget, displaySigFigs, widgets } from '@khanacademy/perseus';
 import * as React from 'react';
 import _ from 'underscore';
 import PropTypes from 'prop-types';
@@ -22,7 +22,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.8.4";
+const libVersion = "2.9.0";
 addLibraryVersionToPerseusDebug(libName, libVersion);
 
 function _extends() {
@@ -20927,6 +20927,10 @@ class Editor extends React.Component {
         content: textarea.value.replace(re, "")
       });
     };
+    /**
+     * Calculate the size of all the images in props.content, and send
+     * those sizes to this.props.images using props.onChange.
+     */
     this._sizeImages = props => {
       const imageUrls = imageUrlsFromContent(props.content);
 
@@ -21693,9 +21697,12 @@ class IframeContentRenderer extends React.Component {
   constructor(...args) {
     super(...args);
     this._frame = void 0;
+    // @ts-expect-error - TS2564 - Property '_isMounted' has no initializer and is not definitely assigned in the constructor.
     this._isMounted = void 0;
     this._lastData = void 0;
+    // @ts-expect-error - TS2564 - Property '_lastHeight' has no initializer and is not definitely assigned in the constructor.
     this._lastHeight = void 0;
+    // @ts-expect-error - TS2564 - Property 'iframeID' has no initializer and is not definitely assigned in the constructor.
     this.iframeID = void 0;
   }
   componentDidMount() {
@@ -23120,7 +23127,6 @@ const filterWidgetInfo = function filterWidgetInfo(widgetInfo, showAlignmentOpti
 
 // TODO(michaelpolyak): This type is very similar to `PerseusRenderer` type
 // found in `perseus-all-package/perseus-type.js`, consider just using it.
-
 class RendererDiff extends React.Component {
   render() {
     var _before$widgets, _after$widgets;
@@ -23835,6 +23841,7 @@ class ItemExtrasEditor extends React.Component {
         calculator: this.props.calculator,
         chi2Table: this.props.chi2Table,
         periodicTable: this.props.periodicTable,
+        periodicTableWithKey: this.props.periodicTableWithKey,
         tTable: this.props.tTable,
         zTable: this.props.zTable
       };
@@ -23861,7 +23868,15 @@ class ItemExtrasEditor extends React.Component {
           periodicTable: e.target.checked
         });
       }
-    })), /*#__PURE__*/React.createElement(InfoTip$m, null, "This provides the student with the ability to view a periodic table of the elements, e.g., for answering chemistry questions.")), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("label", null, "Show z table (statistics):", " ", /*#__PURE__*/React.createElement("input", {
+    })), /*#__PURE__*/React.createElement(InfoTip$m, null, "This provides the student with the ability to view a periodic table of the elements, e.g., for answering chemistry questions.")), this.props.periodicTable && /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("label", null, "Include key/legend with periodic table:", " ", /*#__PURE__*/React.createElement("input", {
+      type: "checkbox",
+      checked: this.props.periodicTableWithKey,
+      onChange: e => {
+        this.props.onChange({
+          periodicTableWithKey: e.target.checked
+        });
+      }
+    })), /*#__PURE__*/React.createElement(InfoTip$m, null, "Include a key for HS courses, omit for AP chemistry.")), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("label", null, "Show z table (statistics):", " ", /*#__PURE__*/React.createElement("input", {
       type: "checkbox",
       checked: this.props.zTable,
       onChange: e => {
@@ -23893,6 +23908,7 @@ ItemExtrasEditor.propTypes = {
   chi2Table: PropTypes.bool,
   onChange: PropTypes.func.isRequired,
   periodicTable: PropTypes.bool,
+  periodicTableWithKey: PropTypes.bool,
   tTable: PropTypes.bool,
   zTable: PropTypes.bool
 };
@@ -23900,6 +23916,7 @@ ItemExtrasEditor.defaultProps = {
   calculator: false,
   chi2Table: false,
   periodicTable: false,
+  periodicTableWithKey: false,
   tTable: false,
   zTable: false
 };
@@ -23908,6 +23925,7 @@ const ITEM_DATA_VERSION = itemDataVersion;
 class ItemEditor extends React.Component {
   constructor(...args) {
     super(...args);
+    // Notify the parent that the question or answer area has been updated.
     this.updateProps = (newProps, cb, silent) => {
       const props = _(this.props).pick("question", "answerArea");
       this.props.onChange(_(props).extend(newProps), cb, silent);
@@ -24022,11 +24040,10 @@ const {
   HUD
 } = components;
 class EditorPage extends React.Component {
-  // @ts-expect-error - TS2564 - Property 'rendererMountNode' has no initializer and is not definitely assigned in the constructor.
-
   constructor(props) {
     super(props);
     this._isMounted = void 0;
+    // @ts-expect-error - TS2564 - Property 'rendererMountNode' has no initializer and is not definitely assigned in the constructor.
     this.rendererMountNode = void 0;
     this.renderer = void 0;
     this.toggleJsonMode = () => {
@@ -24893,7 +24910,6 @@ function multiPath(path) {
 
 // Return an h1 if depth=0, h2 if depth=1, etc.
 // NOTE: This component accepts pass-through props.
-
 const Header = _ref => {
   let {
       depth
@@ -24906,6 +24922,9 @@ const Header = _ref => {
 
 // Actions is inexact so that we can pass an instance MultiRendererEditor.
 
+// This type is used to define prop types for various nodes.  The S and D type
+// params should match when used, e.g. the prop types for `HintNodeContent` is
+// `NodePropTypes<HintShape, HintNode>`.
 /**
  * Render a node in the editor tree, given the shape of the target
  * node, the data stored in the target node, the path to the target
@@ -25109,6 +25128,7 @@ const withStickiness = WrappedComponent => {
   return class StickyComponent extends React.Component {
     constructor(...args) {
       super(...args);
+      // @ts-expect-error - TS2564 - Property 'stickynessTimer' has no initializer and is not definitely assigned in the constructor.
       this.stickynessTimer = void 0;
       this.state = {
         sticky: false
@@ -25843,8 +25863,7 @@ CategorizerEditor.defaultProps = {
  *
  * Enough melodrama. Its an input that only sends changes
  * to its parent on blur.
- */
-// eslint-disable-next-line react/no-unsafe
+ */ // eslint-disable-next-line react/no-unsafe
 class BlurInput extends React.Component {
   constructor(props) {
     super(props);
@@ -26740,6 +26759,9 @@ const {
 const {
   getDependencies: getDependencies$2
 } = Dependencies;
+
+// types for iterables
+
 const parseAnswerKey = ({
   key
 }) => {
@@ -26851,6 +26873,8 @@ class ExpressionEditor extends React.Component {
         answerForms
       });
     };
+    // called when the options (including the expression itself) to an answer
+    // form change
     this.updateForm = (i, props) => {
       const answerForms = lens(this.props.answerForms).merge([i], props).freeze();
       this.change({
@@ -26868,6 +26892,7 @@ class ExpressionEditor extends React.Component {
         answerForms
       });
     };
+    // called when the selected buttonset changes
     this.handleButtonSet = changingName => {
       const buttonSetNames = Object.keys(TexButtons.buttonSets);
 
@@ -26897,11 +26922,13 @@ class ExpressionEditor extends React.Component {
       const buttonSets = this.props.buttonSets.filter(set => set !== remove).concat(keep);
       this.change("buttonSets", buttonSets);
     };
+    // called when the correct answer changes
     this.handleTexInsert = str => {
       // eslint-disable-next-line react/no-string-refs
       // @ts-expect-error - TS2339 - Property 'insert' does not exist on type 'ReactInstance'.
       this.refs.expression.insert(str);
     };
+    // called when the function variables change
     this.handleFunctions = e => {
       const newProps = {};
       newProps.functions = e.target.value.split(/[ ,]+/).filter(isTruthy);
@@ -27260,6 +27287,7 @@ const styles$a = StyleSheet.create({
 class GradedGroupSetEditor extends React.Component {
   constructor(..._args) {
     super(..._args);
+    // @ts-expect-error - TS2564 - Property '_editors' has no initializer and is not definitely assigned in the constructor.
     this._editors = void 0;
     this.change = (...args) => {
       return Changeable.change.apply(this, args);
@@ -29736,6 +29764,7 @@ class InteractionEditor extends React.Component {
     /* eslint-enable max-len */
   }
 }
+// TODO(eater): Make more better
 InteractionEditor.propTypes = _extends({}, Changeable.propTypes, {
   // eslint-disable-next-line react/forbid-prop-types
   elements: PropTypes.arrayOf(PropTypes.object),
@@ -29838,7 +29867,6 @@ const deprecatedProps = {
   }
 };
 // [min, max]
-
 // Renders the given children in a View laid out horizontally.
 const Row = props => {
   const {
@@ -29864,6 +29892,7 @@ class InteractiveGraphEditor extends React.Component {
     super(...args);
     this.displayName = "InteractiveGraphEditor";
     this.className = "perseus-widget-interactive-graph";
+    // TODO(jack): Use versioning instead of DeprecationMixin
     this.deprecatedProps = deprecatedProps;
   }
   // TODO(jangmi, CP-3288): Remove usage of `UNSAFE_componentWillMount`
@@ -30545,7 +30574,9 @@ const editorStyles = StyleSheet.create({
 class HoverBehavior extends React.Component {
   constructor(props) {
     super(props);
+    // @ts-expect-error - TS2564 - Property 'focusFlag' has no initializer and is not definitely assigned in the constructor.
     this.focusFlag = void 0;
+    // @ts-expect-error - TS2564 - Property 'waitingForClick' has no initializer and is not definitely assigned in the constructor.
     this.waitingForClick = void 0;
     this.handleClick = e => {
       if (!this.props.disabled) {
@@ -30617,9 +30648,6 @@ class HoverBehavior extends React.Component {
       hovered: props.startHovered
     };
   }
-
-  // @ts-expect-error - TS2564 - Property 'focusFlag' has no initializer and is not definitely assigned in the constructor.
-
   render() {
     const handlers = {
       onBlur: this.handleBlur,
@@ -30877,6 +30905,7 @@ const optionHeight = 30;
 class Option extends React.Component {
   constructor(...args) {
     super(...args);
+    // @ts-expect-error - TS2564 - Property 'node' has no initializer and is not definitely assigned in the constructor.
     this.node = void 0;
   }
   handleKeyDown(event) {
@@ -30958,6 +30987,7 @@ class Option extends React.Component {
 class OptionGroup extends React.Component {
   constructor(...args) {
     super(...args);
+    // @ts-expect-error - TS2564 - Property 'focusedElement' has no initializer and is not definitely assigned in the constructor.
     this.focusedElement = void 0;
   }
   componentDidMount() {
@@ -33140,12 +33170,6 @@ const {
   TextListEditor: TextListEditor$1
 } = components;
 const Plotter = PlotterWidget.widget;
-const BAR = "bar";
-const LINE = "line";
-const PIC = "pic";
-const HISTOGRAM = "histogram";
-const DOTPLOT = "dotplot";
-const plotTypes = [BAR, LINE, PIC, HISTOGRAM, DOTPLOT];
 const STARTING = "starting";
 const CORRECT = "correct";
 const editingStates = [STARTING, CORRECT];
@@ -33210,7 +33234,7 @@ class PlotterEditor extends React.Component {
     };
     this.changeType = type => {
       let categories;
-      if (type === HISTOGRAM) {
+      if (type === "histogram") {
         // Switching to histogram, add a label (0) to the left
         // @ts-expect-error - TS2769
         categories = [formatNumber(0)].concat(this.props.categories);
@@ -33218,7 +33242,7 @@ class PlotterEditor extends React.Component {
           type: type,
           categories: categories
         });
-      } else if (this.props.type === HISTOGRAM) {
+      } else if (this.props.type === "histogram") {
         // Switching from histogram, remove a label from the left
         categories = this.props.categories.slice(1);
         this.props.onChange({
@@ -33255,7 +33279,7 @@ class PlotterEditor extends React.Component {
     };
     this.changeCategories = categories => {
       let n = categories.length;
-      if (this.props.type === HISTOGRAM) {
+      if (this.props.type === "histogram") {
         // Histograms with n labels/categories have n - 1 buckets
         n--;
       }
@@ -33304,7 +33328,7 @@ class PlotterEditor extends React.Component {
       const max = this.state.maxX || 0;
       const length = Math.floor((max - min) / scale) * scale;
       let categories;
-      if (this.props.type === HISTOGRAM || this.props.type === DOTPLOT) {
+      if (this.props.type === "histogram" || this.props.type === "dotplot") {
         // Ranges for histogram and dotplot labels should start at zero
         categories = _.range(0, length + scale, scale);
       } else {
@@ -33322,7 +33346,7 @@ class PlotterEditor extends React.Component {
     };
     this.serialize = () => {
       const json = _.pick(this.props, "correct", "starting", "type", "labels", "categories", "scaleY", "maxY", "snapsPerLine", "labelInterval");
-      if (this.props.type === PIC) {
+      if (this.props.type === "pic") {
         // @ts-expect-error - TS2339 - Property 'picUrl' does not exist on type 'Pick<Readonly<any> & Readonly<{ children?: ReactNode; }>, "type" | "correct" | "labels" | "categories" | "starting" | "scaleY" | "maxY" | "snapsPerLine" | "labelInterval">'.
         json.picUrl = this.props.picUrl;
       }
@@ -33342,14 +33366,14 @@ class PlotterEditor extends React.Component {
     }
   }
   render() {
-    const setFromScale = _.contains([LINE, HISTOGRAM, DOTPLOT], this.props.type);
-    const canChangeSnaps = !_.contains([PIC, DOTPLOT], this.props.type);
+    const setFromScale = _.contains(["line", "histogram", "dotplot"], this.props.type);
+    const canChangeSnaps = !_.contains(["pic", "dotplot"], this.props.type);
     const props = _extends({
       trackInteraction: () => {}
     }, this.props);
     return /*#__PURE__*/React.createElement("div", {
       className: "perseus-widget-plotter-editor"
-    }, /*#__PURE__*/React.createElement("div", null, "Chart type:", " ", plotTypes.map(type => {
+    }, /*#__PURE__*/React.createElement("div", null, "Chart type:", " ", plotterPlotTypes.map(type => {
       return /*#__PURE__*/React.createElement("label", {
         key: type
       }, /*#__PURE__*/React.createElement("input", {
@@ -33386,7 +33410,7 @@ class PlotterEditor extends React.Component {
       useArrowKeys: true,
       value: this.props.labelInterval,
       onChange: this.changeLabelInterval
-    })), /*#__PURE__*/React.createElement(InfoTip$5, null, /*#__PURE__*/React.createElement("p", null, "Which ticks to display the labels for. For instance, setting this to \"4\" will only show every 4th label (plus the last one)"))), this.props.type === PIC && /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("label", null, "Picture:", " ", /*#__PURE__*/React.createElement(BlurInput, {
+    })), /*#__PURE__*/React.createElement(InfoTip$5, null, /*#__PURE__*/React.createElement("p", null, "Which ticks to display the labels for. For instance, setting this to \"4\" will only show every 4th label (plus the last one)"))), this.props.type === "pic" && /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("label", null, "Picture:", " ", /*#__PURE__*/React.createElement(BlurInput, {
       className: "pic-url",
       value: this.props.picUrl,
       onChange: this.changePicUrl
@@ -33431,7 +33455,7 @@ PlotterEditor.widgetName = "plotter";
 PlotterEditor.defaultProps = _extends({}, editorDefaults, {
   correct: [1],
   starting: [1],
-  type: BAR,
+  type: "bar",
   labels: ["", ""],
   categories: [""],
   picSize: 30,
@@ -34857,6 +34881,7 @@ const ShapeTypes = {
 class TransformationsShapeEditor extends React.Component {
   constructor(...args) {
     super(...args);
+    /* Return the option string for a given type */
     this.getTypeString = type => {
       if (_.isArray(type)) {
         return _.map(type, this.getTypeString).join(",");
@@ -34866,6 +34891,10 @@ class TransformationsShapeEditor extends React.Component {
       }
       return type;
     };
+    /* Change the type on the window event e
+     *
+     * e.target.value is the new type string
+     */
     this.changeType = e => {
       const types = String(e.target.value).split(",");
       const pointCount = arraySum(_.map(types, ShapeTypes.getPointCountForType));
@@ -34940,9 +34969,6 @@ class TransformationsShapeEditor extends React.Component {
       value: "circle"
     }, "Circle")));
   }
-
-  /* Return the option string for a given type */
-
   componentDidMount() {
     // eslint-disable-next-line react/no-string-refs
     // @ts-expect-error - TS2339 - Property 'graphie' does not exist on type 'ReactInstance'.
@@ -34959,18 +34985,23 @@ class TransformationsShapeEditor extends React.Component {
 class TransformerEditor extends React.Component {
   constructor(...args) {
     super(...args);
+    // propagate a props change on our graph settings to
+    // this.props.graph
     this.changeGraph = (graphChanges, callback) => {
       const newGraph = _.extend({}, this.props.graph, graphChanges);
       this.props.onChange({
         graph: newGraph
       }, callback);
     };
+    // propagate a props change on our starting graph to
+    // this.props.starting
     this.changeStarting = startingChanges => {
       const newStarting = _.extend({}, this.props.starting, startingChanges);
       this.props.onChange({
         starting: newStarting
       });
     };
+    // propagate a transformations change onto correct.transformations
     this.changeTransformer = (changes, callback) => {
       if (changes.transformations) {
         changes.correct = _extends({}, this.props.correct, {
@@ -35043,10 +35074,9 @@ class TransformerEditor extends React.Component {
       trackInteraction: () => {}
     }));
   }
-
-  // propagate a props change on our graph settings to
-  // this.props.graph
 }
+// TODO (jack): These should be refactored into a nice object at the top
+// so that we don't have all this duplication
 TransformerEditor.defaultProps = defaultTransformerProps;
 TransformerEditor.widgetName = "transformer";
 
@@ -35366,18 +35396,38 @@ class TextInput extends React.Component {
 class ExampleWidget extends React.Component {
   constructor(..._args) {
     super(..._args);
+    /**
+     * Tell our parent to update our props.
+     */
     this.change = (...args) => {
       return Changeable.change.apply(this, args);
     };
     this.getUserInput = () => {
       return this.props.value;
     };
+    /**
+     * Widgets that are focusable should add a focus method that returns
+     * true if focusing succeeded. The first such widget found will be
+     * focused on page load.
+     */
     this.focus = () => {
       // eslint-disable-next-line react/no-string-refs
       // @ts-expect-error - TS2339 - Property 'focus' does not exist on type 'ReactInstance'.
       this.refs.input.focus();
       return true;
     };
+    /**
+     * simpleValidate is called for grading. Rubric is the result of calling
+     * getUserInput() on the editor that created this widget.
+     *
+     * Should return an object representing the grading result, such as
+     * {
+     *     type: "points",
+     *     earned: 1,
+     *     total: 1,
+     *     message: null
+     * }
+     */
     this.simpleValidate = rubric => {
       return ExampleWidget.validate(this.getUserInput(), rubric);
     };
@@ -35411,11 +35461,6 @@ class ExampleWidget extends React.Component {
       message: null
     };
   }
-
-  /**
-   * Tell our parent to update our props.
-   */
-
   render() {
     return /*#__PURE__*/React.createElement(TextInput
     // eslint-disable-next-line react/no-string-refs
@@ -35460,12 +35505,29 @@ class SimpleMarkdownTester extends React.Component {
     this.toJSON = () => {
       return {};
     };
+    /**
+     * Widgets that are focusable should add a focus method that returns
+     * true if focusing succeeded. The first such widget found will be
+     * focused on page load.
+     */
     this.focus = () => {
       // eslint-disable-next-line react/no-string-refs
       // @ts-expect-error - TS2339 - Property 'focus' does not exist on type 'ReactInstance'.
       this.refs.input.focus();
       return true;
     };
+    /**
+     * simpleValidate is called for grading. Rubric is the result of calling
+     * toJSON() on the editor that created this widget.
+     *
+     * Should return an object representing the grading result, such as
+     * {
+     *     type: "points",
+     *     earned: 1,
+     *     total: 1,
+     *     message: null
+     * }
+     */
     this.simpleValidate = rubric => {
       return SimpleMarkdownTester.validate(this.toJSON(), rubric);
     };
@@ -35492,12 +35554,6 @@ class SimpleMarkdownTester extends React.Component {
     const output = mdOutput(parsed);
     return /*#__PURE__*/React.createElement("div", null, output);
   }
-
-  /**
-   * Widgets that are focusable should add a focus method that returns
-   * true if focusing succeeded. The first such widget found will be
-   * focused on page load.
-   */
 }
 
 /**