@khanacademy/perseus 1.3.3 → 1.3.5

package/src/__tests__/renderer_test.jsx

@@ -170,16 +170,16 @@ describe("renderer", () => {
 
             expect(renderer.state.widgetInfo).toStrictEqual(question1.widgets);
             expect(renderer.state.widgetProps).toMatchInlineSnapshot(`
-                            Object {
-                              "dropdown 1": Object {
-                                "choices": Array [
-                                  "greater than or equal to",
-                                  "less than or equal to",
-                                ],
-                                "placeholder": "greater/less than or equal to",
-                              },
-                            }
-                    `);
+                {
+                  "dropdown 1": {
+                    "choices": [
+                      "greater than or equal to",
+                      "less than or equal to",
+                    ],
+                    "placeholder": "greater/less than or equal to",
+                  },
+                }
+            `);
         });
 
         it("should derive type widget ID if type missing", () => {
@@ -1549,25 +1549,25 @@ describe("renderer", () => {
 
             // Assert
             expect(inputPaths).toMatchInlineSnapshot(`
-                Array [
-                  Array [
+                [
+                  [
                     "mock-widget 1",
                     "input 1",
                   ],
-                  Array [
+                  [
                     "mock-widget 2",
                     "input 2",
                   ],
-                  Array [
+                  [
                     "mock-widget 2",
                     "input 3",
                   ],
-                  Array [
+                  [
                     "mock-widget 3",
                     "input 4",
                     "sub-input 4.1",
                   ],
-                  Array [
+                  [
                     "mock-widget 3",
                     "input 5",
                   ],
@@ -1706,15 +1706,15 @@ describe("renderer", () => {
 
             // Assert
             expect(userInput).toMatchInlineSnapshot(`
-                Object {
-                  "dropdown 1": Object {
+                {
+                  "dropdown 1": {
                     "value": 1,
                   },
                   "image 1": null,
-                  "input-number 1": Object {
+                  "input-number 1": {
                     "currentValue": "100",
                   },
-                  "input-number 2": Object {
+                  "input-number 2": {
                     "currentValue": "200",
                   },
                 }
@@ -1745,12 +1745,12 @@ describe("renderer", () => {
 
             // Assert
             expect(examples).toMatchInlineSnapshot(`
-                Array [
+                [
                   "**Your answer should be** ",
                   "an integer, like $6$",
                   "a *proper* fraction, like $1/2$ or $6/10$",
                   "an *improper* fraction, like $10/7$ or $14/8$",
-                  "a mixed number, like $1\\\\ 3/4$",
+                  "a mixed number, like $1\\ 3/4$",
                 ]
             `);
         });

package/src/__tests__/server-item-renderer_test.jsx

@@ -466,14 +466,14 @@ describe("server item renderer", () => {
 
             // Assert
             expect(state).toMatchInlineSnapshot(`
-                Object {
-                  "hints": Array [
-                    Object {},
-                    Object {},
-                    Object {},
+                {
+                  "hints": [
+                    {},
+                    {},
+                    {},
                   ],
-                  "question": Object {
-                    "input-number 1": Object {
+                  "question": {
+                    "input-number 1": {
                       "answerType": "number",
                       "currentValue": "-42",
                       "rightAlign": undefined,

package/src/components/__tests__/sortable_test.jsx

@@ -141,25 +141,25 @@ describe("Sortable.itemsFromProps", () => {
 
         // Assert
         expect(items).toMatchInlineSnapshot(`
-            Array [
-              Object {
-                "endPosition": Object {},
+            [
+              {
+                "endPosition": {},
                 "height": 0,
                 "key": 0,
                 "option": "a",
                 "type": "static",
                 "width": 0,
               },
-              Object {
-                "endPosition": Object {},
+              {
+                "endPosition": {},
                 "height": 0,
                 "key": 1,
                 "option": "b",
                 "type": "static",
                 "width": 0,
               },
-              Object {
-                "endPosition": Object {},
+              {
+                "endPosition": {},
                 "height": 0,
                 "key": 2,
                 "option": "c",

package/src/components/input-with-examples.jsx

@@ -14,11 +14,9 @@ import TextInput from "./text-input.jsx";
 import Tooltip from "./tooltip.jsx";
 
 import type {LinterContextProps} from "../types.js";
+import type {StyleType} from "@khanacademy/wonder-blocks-core";
 
 const {captureScratchpadTouchStart} = Util;
-const MATH = "math";
-const TEXT = "text";
-const TEX = "tex";
 
 type Props = {|
     type: "math" | "text" | "tex",
@@ -34,7 +32,7 @@ type Props = {|
     onFocus: () => void,
     onBlur: () => void,
     disabled: boolean,
-    style?: $FlowFixMe,
+    style?: StyleType,
     id: string,
     linterContext: LinterContextProps,
 |};
@@ -56,7 +54,7 @@ type State = {|
 
 class InputWithExamples extends React.Component<Props, State> {
     static defaultProps: DefaultProps = {
-        type: TEXT,
+        type: "text",
         shouldShowExamples: true,
         onFocus: function () {},
         onBlur: function () {},
@@ -77,7 +75,7 @@ class InputWithExamples extends React.Component<Props, State> {
     _getInputClassName: () => string = () => {
         // <MathOutput> is a special component that manages its own class and
         // state, as it's a <span> that wants to act like an <input>.
-        if (this.props.type === TEX) {
+        if (this.props.type === "tex") {
             return this.props.className;
         }
 
@@ -108,7 +106,7 @@ class InputWithExamples extends React.Component<Props, State> {
             style: this.props.style,
         };
 
-        if (this.props.type === TEX) {
+        if (this.props.type === "tex") {
             return inputProps;
         }
 
@@ -119,7 +117,7 @@ class InputWithExamples extends React.Component<Props, State> {
         });
 
         // And add final props that are MATH- and TEXT-specific
-        if (this.props.type === MATH) {
+        if (this.props.type === "math") {
             return _.extend(
                 {
                     buttonSet: this.props.buttonSet,
@@ -129,7 +127,7 @@ class InputWithExamples extends React.Component<Props, State> {
                 inputProps,
             );
         }
-        if (this.props.type === TEXT) {
+        if (this.props.type === "text") {
             return _.extend(
                 {
                     autoCapitalize: "off",
@@ -144,16 +142,17 @@ class InputWithExamples extends React.Component<Props, State> {
 
     _getComponentForInputType: () => $FlowFixMe = () => {
         switch (this.props.type) {
-            case TEX:
+            case "tex":
                 return MathOutput;
 
-            case MATH:
+            case "math":
                 return MathInput;
 
-            case TEXT:
+            case "text":
                 return TextInput;
 
             default:
+                (this.props.type: empty);
                 return null;
         }
     };
@@ -169,7 +168,7 @@ class InputWithExamples extends React.Component<Props, State> {
 
         // Static rendering, which doesn't include the 'tooltip' logic that the
         // other types require, and is hence handled separately.
-        if (this.props.type === TEX) {
+        if (this.props.type === "tex") {
             return input;
         }
 

package/src/index.js

@@ -121,6 +121,7 @@ export type {
     WidgetExports,
     WidgetInfo,
 } from "./types.js";
+export type {ParsedValue} from "./util.js";
 export type {
     MathFormat,
     InputNumberWidget,

package/src/multi-items/__tests__/__snapshots__/multi-renderer_test.js.snap

@@ -215,7 +215,7 @@ exports[`multi-item renderer should snapshot: initial render 1`] = `
                               aria-disabled="false"
                               aria-hidden="true"
                               aria-label=""
-                              class="button_vr44p2-o_O-reset_152ygtm-o_O-link_13xlah4-o_O-inlineStyles_1msdppf"
+                              class="button_vr44p2-o_O-reset_152ygtm-o_O-link_13xlah4-o_O-inlineStyles_1jvwfht"
                               tabindex="0"
                               type="button"
                             >
@@ -392,7 +392,7 @@ exports[`multi-item renderer should snapshot: initial render 1`] = `
                               aria-disabled="false"
                               aria-hidden="true"
                               aria-label=""
-                              class="button_vr44p2-o_O-reset_152ygtm-o_O-link_13xlah4-o_O-inlineStyles_1msdppf"
+                              class="button_vr44p2-o_O-reset_152ygtm-o_O-link_13xlah4-o_O-inlineStyles_1jvwfht"
                               tabindex="0"
                               type="button"
                             >
@@ -569,7 +569,7 @@ exports[`multi-item renderer should snapshot: initial render 1`] = `
                               aria-disabled="false"
                               aria-hidden="true"
                               aria-label=""
-                              class="button_vr44p2-o_O-reset_152ygtm-o_O-link_13xlah4-o_O-inlineStyles_1msdppf"
+                              class="button_vr44p2-o_O-reset_152ygtm-o_O-link_13xlah4-o_O-inlineStyles_1jvwfht"
                               tabindex="0"
                               type="button"
                             >
@@ -746,7 +746,7 @@ exports[`multi-item renderer should snapshot: initial render 1`] = `
                               aria-disabled="false"
                               aria-hidden="true"
                               aria-label=""
-                              class="button_vr44p2-o_O-reset_152ygtm-o_O-link_13xlah4-o_O-inlineStyles_1msdppf"
+                              class="button_vr44p2-o_O-reset_152ygtm-o_O-link_13xlah4-o_O-inlineStyles_1jvwfht"
                               tabindex="0"
                               type="button"
                             >
@@ -923,7 +923,7 @@ exports[`multi-item renderer should snapshot: initial render 1`] = `
                               aria-disabled="false"
                               aria-hidden="true"
                               aria-label=""
-                              class="button_vr44p2-o_O-reset_152ygtm-o_O-link_13xlah4-o_O-inlineStyles_1msdppf"
+                              class="button_vr44p2-o_O-reset_152ygtm-o_O-link_13xlah4-o_O-inlineStyles_1jvwfht"
                               tabindex="0"
                               type="button"
                             >
@@ -1040,7 +1040,7 @@ exports[`multi-item renderer should snapshot: initial render 1`] = `
                       autocapitalize="off"
                       autocomplete="off"
                       autocorrect="off"
-                      class="input_1t4b01j-o_O-LabelMedium_1rew30o-o_O-default_1r2dwp3"
+                      class="input_1t4b01j-o_O-LabelMedium_1rew30o-o_O-default_1r2dwp3-o_O-default_1gznapd-o_O-leftAlign_7jg4r4"
                       id="input-with-examples-aW5wdXQtbnVtYmVyIDE"
                       type="text"
                       value=""