@khanacademy/perseus 17.2.0 → 17.3.1

package/CHANGELOG.md

@@ -1,5 +1,24 @@
 # @khanacademy/perseus
 
+## 17.3.1
+
+### Patch Changes
+
+-   [#873](https://github.com/Khan/perseus/pull/873) [`b7777865`](https://github.com/Khan/perseus/commit/b777786517afc289e92201e3fea876c30c493290) Thanks [@nedredmond](https://github.com/nedredmond)! - Prevent paragraph class from being added to answer pills component
+
+-   Updated dependencies [[`610ebba2`](https://github.com/Khan/perseus/commit/610ebba29ab8b2ee4ddf4879f8c8b87993f29b20)]:
+    -   @khanacademy/math-input@16.4.0
+
+## 17.3.0
+
+### Minor Changes
+
+-   [#867](https://github.com/Khan/perseus/pull/867) [`378294da`](https://github.com/Khan/perseus/commit/378294da3d207839a861333175920b562773ee97) Thanks [@nedredmond](https://github.com/nedredmond)! - Update and export PerseusAnswerArea type
+
+### Patch Changes
+
+-   [#869](https://github.com/Khan/perseus/pull/869) [`57eeec68`](https://github.com/Khan/perseus/commit/57eeec681072591c64b633527833f3ab9f6e3f1a) Thanks [@nedredmond](https://github.com/nedredmond)! - Remove new unused field from PerseusAnswerArea API
+
 ## 17.2.0
 
 ### Minor Changes

package/dist/es/index.css

@@ -2795,23 +2795,11 @@ body.mobile .categorizer-container td.category input[type="radio"] + span:active
 .framework-perseus .perseus-label-image-widget-instructions div.paragraph {
   margin: 0;
 }
-.framework-perseus button[id*="perseus-label-image-widget-answer-pill"] div.paragraph,
-.framework-perseus div[id*="perseus-label-image-widget-answer-pill"] div.paragraph {
-  all: revert;
-}
-.framework-perseus button[id*="perseus-label-image-widget-answer-pill"] div.perseus-block-math-inner,
-.framework-perseus div[id*="perseus-label-image-widget-answer-pill"] div.perseus-block-math-inner {
-  margin: -5px 0 !important;
-}
 @media (max-width: 767px) {
-  [id*="perseus-label-image-widget-answer-pill"] div.paragraph {
-    all: revert;
-  }
   [id*="perseus-label-image-widget-answer-pill"] > div.perseus-renderer-responsive {
     all: revert;
   }
-  .framework-perseus.perseus-mobile [id*="perseus-label-image-widget-answer-pill"] .perseus-renderer > .paragraph,
-  .framework-perseus.perseus-mobile [id*="perseus-label-image-widget-answer-pill"] .perseus-renderer > .paragraph .paragraph {
+  .framework-perseus.perseus-mobile [id*="perseus-label-image-widget-answer-pill"] mjx-container {
     all: revert;
   }
 }

package/dist/es/index.js

@@ -18193,11 +18193,12 @@ var PerseusMarkdown = {
 
 class QuestionParagraph extends React.Component {
   render() {
+    var _this$props$className;
     const className = this.props.className ? "paragraph " + this.props.className : "paragraph";
     // For perseus-article just-in-place-translation (jipt), we need
     // to attach some metadata to top-level QuestionParagraphs:
     return /*#__PURE__*/React.createElement("div", {
-      className: className,
+      className: this.props.inline ? (_this$props$className = this.props.className) != null ? _this$props$className : undefined : className,
       "data-perseus-component-index": this.props.translationIndex,
       "data-perseus-paragraph-index": this.props.paragraphIndex
     }, this.props.children);
@@ -19378,7 +19379,8 @@ class Renderer extends React.Component {
         key: state.key,
         className: className,
         translationIndex: this.translationIndex,
-        paragraphIndex: state.paragraphIndex
+        paragraphIndex: state.paragraphIndex,
+        inline: this.props.inline
       }, /*#__PURE__*/React.createElement(ErrorBoundary, null, output));
     };
     // output non-top-level nodes or arrays
@@ -20192,12 +20194,14 @@ class Renderer extends React.Component {
     this._isTwoColumn = false;
 
     // Parse the string of markdown to a parse tree
-    const parsedMarkdown = PerseusMarkdown.parse(content, {
+    const parsedMarkdown = this.props.inline ? PerseusMarkdown.parseInline(content, {
       // Recognize crowdin IDs while translating articles
       // (This should never be hit by exercises, though if you
       // decide you want to add a check that this is an article,
       // go for it.)
       isJipt: this.translationIndex != null
+    }) : PerseusMarkdown.parse(content, {
+      isJipt: this.translationIndex != null
     });
 
     // Optionally apply the linter to the parse tree
@@ -31075,7 +31079,8 @@ const AnswerPill = props => {
       ":focus": bringToFront
     }, correct && styles$i.correct, incorrect && styles$i.incorrect]
   }, /*#__PURE__*/React.createElement(Renderer, {
-    content: answerString
+    content: answerString,
+    inline: true
   })));
 };
 const styles$i = StyleSheet.create({
@@ -31846,7 +31851,7 @@ class LabelImage extends React.Component {
       };
 
       const adjustPillDistance = {
-        [`margin${markerPosition.charAt(0).toUpperCase() + markerPosition.slice(1)}`]: 5 // move pill further from marker
+        [`margin${markerPosition.charAt(0).toUpperCase() + markerPosition.slice(1)}`]: 15 // move pill further from marker
       };
 
       const showAnswerChoice = !answerChoicesActive && !this.state.hideAnswers;
@@ -38307,9 +38312,12 @@ class PassageRefTarget extends React.Component {
   render() {
     return /*#__PURE__*/React.createElement(Renderer, {
       content: this.props.content
-      // @ts-expect-error - TS2322 - Type '{ content: any; inline: boolean; apiOptions: any; linterContext: any; }' is not assignable to type 'IntrinsicAttributes & IntrinsicClassAttributes<Renderer> & Pick<Readonly<Props> & Readonly<{ children?: ReactNode; }>, "children" | ... 3 more ... | "legacyPerseusLint"> & InexactPartial<...> & InexactPartial<...>'.
+      // This was already here before inline was recently added (#873)
+      // It was for a different use case a long time ago:
+      // https://phabricator.khanacademy.org/D12113
+      // Commenting out to prevent unanticipated side effects
+      // inline={true}
       ,
-      inline: true,
       apiOptions: this.props.apiOptions,
       linterContext: this.props.linterContext
     });
@@ -44185,7 +44193,7 @@ const init = function init(options) {
 
 // This file is processed by a Rollup plugin (replace) to inject the production
 const libName = "@khanacademy/perseus";
-const libVersion = "17.2.0";
+const libVersion = "17.3.1";
 addLibraryVersionToPerseusDebug(libName, libVersion);
 
 const apiVersion = {
@@ -45517,6 +45525,26 @@ var constants = /*#__PURE__*/Object.freeze({
 
 // TODO(FEI-5054): Figure out how to get global .d.ts files working with monorepos
 
+const ItemExtras = [
+// The user might benefit from using a Scientific Calculator.  Provided on Khan Academy when true
+"calculator",
+// The user might benefit from using a statistics Chi Squared Table like https://people.richland.edu/james/lecture/m170/tbl-chi.html
+"chi2Table",
+// The user might benefit from a monthly payments calculator.  Provided on Khan Academy when true
+"financialCalculatorMonthlyPayment",
+// The user might benefit from a total amount calculator.  Provided on Khan Academy when true
+"financialCalculatorTotalAmount",
+// The user might benefit from a time to pay off calculator.  Provided on Khan Academy when true
+"financialCalculatorTimeToPayOff",
+// The user might benefit from using a Periodic Table of Elements.  Provided on Khan Academy when true
+"periodicTable",
+// The user might benefit from using a Periodic Table of Elements with key.  Provided on Khan Academy when true
+"periodicTableWithKey",
+// The user might benefit from using a statistics T Table like https://www.statisticshowto.com/tables/t-distribution-table/
+"tTable",
+// The user might benefit from using a statistics Z Table like https://www.ztable.net/
+"zTable"];
+
 // prettier-ignore
 
 // prettier-ignore
@@ -46737,5 +46765,5 @@ const EditorJsonify = {
   }
 };
 
-export { ApiOptions, ArrowPicker, ArticleRenderer, BaseRadio, Categorizer$1 as Categorizer, changeable as Changeable, ClassNames, ColorPicker, DashPicker, dependencies as Dependencies, EditorJsonify, ElementContainer, Errors, Expression, util as GrapherUtil, Grapher$1 as GrapherWidget, HintRenderer, HintsRenderer, InputNumber$1 as InputNumber, InteractiveGraph$1 as InteractiveGraphWidget, JiptParagraphs, KhanColors, KhanMath, context as LoadingContext, Log, Matrix$1 as MatrixWidget, MultiItems, NumericInput$1 as NumericInput, PerseusError, PerseusExpressionAnswerFormConsidered, PerseusMarkdown, Plotter$1 as PlotterWidget, Radio, Renderer, ref as ServerItemRenderer, sizingUtils as SizingUtils, Table$1 as TableWidget, Transformer$1 as TransformerWidget, Util, denylist as WIDGET_PROP_DENYLIST, WidgetJsonifyDeprecated, widgets$1 as Widgets, apiVersion, buildEmptyItemTreeForShape, buildMapper, components, constants, displaySigFigs, globalConstants, globalStyles, iconPaths as icons, init, interactiveSizes$1 as interactiveSizes, isItemRenderableByVersion, itemDataVersion, itemToTree, ItemVersion as itemVersion, libVersion, mediaQueries, plotterPlotTypes, preprocessTex, registerAllWidgetsForTesting, shapes, traverse, violatingWidgets, allWidgets as widgets };
+export { ApiOptions, ArrowPicker, ArticleRenderer, BaseRadio, Categorizer$1 as Categorizer, changeable as Changeable, ClassNames, ColorPicker, DashPicker, dependencies as Dependencies, EditorJsonify, ElementContainer, Errors, Expression, util as GrapherUtil, Grapher$1 as GrapherWidget, HintRenderer, HintsRenderer, InputNumber$1 as InputNumber, InteractiveGraph$1 as InteractiveGraphWidget, ItemExtras, JiptParagraphs, KhanColors, KhanMath, context as LoadingContext, Log, Matrix$1 as MatrixWidget, MultiItems, NumericInput$1 as NumericInput, PerseusError, PerseusExpressionAnswerFormConsidered, PerseusMarkdown, Plotter$1 as PlotterWidget, Radio, Renderer, ref as ServerItemRenderer, sizingUtils as SizingUtils, Table$1 as TableWidget, Transformer$1 as TransformerWidget, Util, denylist as WIDGET_PROP_DENYLIST, WidgetJsonifyDeprecated, widgets$1 as Widgets, apiVersion, buildEmptyItemTreeForShape, buildMapper, components, constants, displaySigFigs, globalConstants, globalStyles, iconPaths as icons, init, interactiveSizes$1 as interactiveSizes, isItemRenderableByVersion, itemDataVersion, itemToTree, ItemVersion as itemVersion, libVersion, mediaQueries, plotterPlotTypes, preprocessTex, registerAllWidgetsForTesting, shapes, traverse, violatingWidgets, allWidgets as widgets };
 //# sourceMappingURL=index.js.map