@khanacademy/math-input 17.0.3 → 17.0.5

package/src/components/aphrodite-css-transition-group/types.ts

@@ -1,20 +0,0 @@
-import type {StyleType} from "@khanacademy/wonder-blocks-core";
-import type {CSSProperties} from "aphrodite";
-
-export type AnimationStyles = {
-    enter?: StyleType;
-    enterActive?: StyleType;
-    leave?: StyleType;
-    leaveActive?: StyleType;
-    appear?: StyleType;
-    appearActive?: StyleType;
-};
-
-export type InAnimationStyles = {
-    enter?: CSSProperties;
-    enterActive?: CSSProperties;
-    leave?: CSSProperties;
-    leaveActive?: CSSProperties;
-    appear?: CSSProperties;
-    appearActive?: CSSProperties;
-};

package/src/components/aphrodite-css-transition-group/util.ts

@@ -1,97 +0,0 @@
-import {entries} from "@khanacademy/wonder-stuff-core";
-import {StyleSheet, css} from "aphrodite";
-
-import type {InAnimationStyles} from "./types";
-import type {StyleType} from "@khanacademy/wonder-blocks-core";
-import type {CSSProperties} from "aphrodite";
-
-function flatten(list?: StyleType): ReadonlyArray<CSSProperties> {
-    const result: Array<CSSProperties> = [];
-
-    if (!list) {
-        return result;
-    }
-    if (Array.isArray(list)) {
-        for (const item of list) {
-            result.push(...flatten(item));
-        }
-    } else {
-        result.push(list as any);
-    }
-
-    return result;
-}
-
-export function processStyleType(style?: StyleType): {
-    className: string;
-    style: Record<any, any>;
-} {
-    const stylesheetStyles: Array<CSSProperties> = [];
-    const inlineStyles: Array<CSSProperties> = [];
-
-    if (!style) {
-        return {
-            style: {},
-            className: "",
-        };
-    }
-
-    // Check to see if we should inline all the styles for snapshot tests.
-    const shouldInlineStyles =
-        typeof globalThis !== "undefined" &&
-        globalThis.SNAPSHOT_INLINE_APHRODITE;
-
-    flatten(style).forEach((child) => {
-        // Check for aphrodite internal property
-        const _definition = (child as any)._definition;
-        if (_definition != null) {
-            if (shouldInlineStyles) {
-                const def: Record<string, any> = {};
-                // React 16 complains about invalid keys in inline styles.
-                // It doesn't accept kebab-case in media queries and instead
-                // prefers camelCase.
-                for (const [key, value] of entries(_definition)) {
-                    // This regex converts all instances of -{lowercaseLetter}
-                    // to the uppercase version of that letter, without the
-                    // leading dash.
-                    def[
-                        key.replace(/-[a-z]/g, (match) =>
-                            match[1].toUpperCase(),
-                        )
-                    ] = value;
-                }
-                inlineStyles.push(def);
-            } else {
-                stylesheetStyles.push(child);
-            }
-        } else {
-            inlineStyles.push(child);
-        }
-    });
-
-    const inlineStylesObject = Object.assign({}, ...inlineStyles);
-
-    // TODO(somewhatabstract): When aphrodite no longer puts "!important" on
-    // all the styles, remove this <ADD JIRA ISSUE HERE IF THIS PASSES REVIEW>
-    // If we're not snapshotting styles, let's create a class for the inline
-    // styles so that they can apply to the element even with aphrodite's
-    // use of !important.
-    if (inlineStyles.length > 0 && !shouldInlineStyles) {
-        const inlineStylesStyleSheet = StyleSheet.create({
-            inlineStyles: inlineStylesObject,
-        });
-        stylesheetStyles.push(inlineStylesStyleSheet.inlineStyles);
-    }
-
-    return {
-        style: shouldInlineStyles ? inlineStylesObject : {},
-        className: css(...stylesheetStyles),
-    };
-}
-
-export const createTransition = (styles: InAnimationStyles) => {
-    // NOTE(kevinb): TypeScript infers the optional properties on `InAnimationStyles`
-    // as `CSSProperties | undefined`.  This is not compatible with `StyleSheet.create`
-    // which expects `CSSProperties` on the object that's passed in to it.
-    return StyleSheet.create(styles as any);
-};

package/src/components/input/__tests__/context-tracking.test.ts

@@ -1,176 +0,0 @@
-import {CursorContext} from "../cursor-contexts";
-
-import TestMathWrapper from "./test-math-wrapper";
-
-describe("Cursor context", () => {
-    let mathField;
-    let span;
-
-    beforeEach(() => {
-        span = document.createElement("span");
-        document.body.appendChild(span);
-
-        mathField = new TestMathWrapper(span);
-    });
-
-    afterEach(() => {
-        document.body.removeChild(span);
-    });
-
-    it("should treat number-only expressions as non-jumpable", () => {
-        mathField.pressKey("NUM_1");
-        mathField.pressKey("NUM_2");
-        const cursor = mathField.pressKey("NUM_3");
-        expect(cursor.context).toEqual(CursorContext.NONE);
-    });
-
-    it("should treat numbers and ternary operators as non-jumpable", () => {
-        mathField.pressKey("NUM_1");
-        mathField.pressKey("CDOT");
-        const cursor = mathField.pressKey("NUM_2");
-        expect(cursor.context).toEqual(CursorContext.NONE);
-    });
-
-    describe("Before fraction", () => {
-        it("should detect when immediately to the left", () => {
-            const cursor = mathField.pressKey("FRAC_EXCLUSIVE");
-            expect(cursor.context).toEqual(CursorContext.BEFORE_FRACTION);
-        });
-
-        it("should detect when numbers are between", () => {
-            mathField.pressKey("NUM_1");
-            mathField.pressKey("FRAC_EXCLUSIVE");
-            mathField.pressKey("LEFT");
-            const cursor = mathField.pressKey("LEFT");
-            expect(cursor.context).toEqual(CursorContext.BEFORE_FRACTION);
-        });
-
-        it("should not detect when operators are between", () => {
-            mathField.pressKey("NUM_1");
-            mathField.pressKey("PLUS");
-            mathField.pressKey("NUM_2");
-            mathField.pressKey("FRAC_EXCLUSIVE");
-            mathField.pressKey("LEFT");
-            mathField.pressKey("LEFT");
-            mathField.pressKey("LEFT");
-            const cursor = mathField.pressKey("LEFT");
-            expect(cursor.context).toEqual(CursorContext.NONE);
-        });
-
-        it("should not detect when parens are between", () => {
-            mathField.pressKey("NUM_1");
-            mathField.pressKey("LEFT_PAREN");
-            mathField.pressKey("RIGHT_PAREN");
-            mathField.pressKey("NUM_2");
-            mathField.pressKey("FRAC_EXCLUSIVE");
-            mathField.pressKey("LEFT");
-            mathField.pressKey("LEFT");
-            mathField.pressKey("LEFT");
-            mathField.pressKey("LEFT");
-            const cursor = mathField.pressKey("LEFT");
-            expect(cursor.context).toEqual(CursorContext.NONE);
-        });
-    });
-
-    describe("In parens", () => {
-        it("should detect when inside empty parens", () => {
-            mathField.pressKey("LEFT_PAREN");
-            mathField.pressKey("RIGHT_PAREN");
-            const cursor = mathField.pressKey("LEFT");
-            expect(cursor.context).toEqual(CursorContext.IN_PARENS);
-        });
-
-        it("should detect when inside non-empty parens", () => {
-            mathField.pressKey("LEFT_PAREN");
-            mathField.pressKey("NUM_2");
-            mathField.pressKey("RIGHT_PAREN");
-            const cursor = mathField.pressKey("LEFT");
-            expect(cursor.context).toEqual(CursorContext.IN_PARENS);
-        });
-    });
-
-    describe("In superscript", () => {
-        it("should detect when inside empty superscript", () => {
-            mathField.pressKey("NUM_2");
-            const cursor = mathField.pressKey("EXP");
-            expect(cursor.context).toEqual(CursorContext.IN_SUPER_SCRIPT);
-        });
-
-        it("should detect when inside non-empty superscript", () => {
-            mathField.pressKey("NUM_2");
-            mathField.pressKey("EXP");
-            const cursor = mathField.pressKey("NUM_3");
-            expect(cursor.context).toEqual(CursorContext.IN_SUPER_SCRIPT);
-        });
-    });
-
-    describe("In subscript", () => {
-        it("should detect when inside empty superscript", () => {
-            const cursor = mathField.pressKey("LOG_N");
-            expect(cursor.context).toEqual(CursorContext.IN_SUB_SCRIPT);
-        });
-
-        it("should detect when inside non-empty superscript", () => {
-            mathField.pressKey("LOG_N");
-            const cursor = mathField.pressKey("NUM_2");
-            expect(cursor.context).toEqual(CursorContext.IN_SUB_SCRIPT);
-        });
-    });
-
-    describe("In numerator", () => {
-        it("should detect when inside empty numerator", () => {
-            const cursor = mathField.pressKey("FRAC_INCLUSIVE");
-            expect(cursor.context).toEqual(CursorContext.IN_NUMERATOR);
-        });
-
-        it("should detect when inside non-empty numerator", () => {
-            mathField.pressKey("FRAC_INCLUSIVE");
-            const cursor = mathField.pressKey("NUM_2");
-            expect(cursor.context).toEqual(CursorContext.IN_NUMERATOR);
-        });
-    });
-
-    describe("In denominator", () => {
-        it("should detect when inside empty denominator", () => {
-            mathField.pressKey("FRAC_INCLUSIVE");
-            const cursor = mathField.pressKey("RIGHT");
-            expect(cursor.context).toEqual(CursorContext.IN_DENOMINATOR);
-        });
-
-        it("should detect when inside non-empty denominator", () => {
-            mathField.pressKey("FRAC_INCLUSIVE");
-            mathField.pressKey("RIGHT");
-            const cursor = mathField.pressKey("NUM_2");
-            expect(cursor.context).toEqual(CursorContext.IN_DENOMINATOR);
-        });
-    });
-
-    describe("Nesting", () => {
-        it("should defer to jumping into fraction if possible", () => {
-            // Move inside parens, but include a fraction.
-            mathField.pressKey("LEFT_PAREN");
-            mathField.pressKey("NUM_2");
-            mathField.pressKey("FRAC_EXCLUSIVE");
-            const cursor = mathField.pressKey("LEFT");
-            expect(cursor.context).toEqual(CursorContext.BEFORE_FRACTION);
-        });
-
-        it("should defer to the nearest parent (1)", () => {
-            // Move inside parens, inside a superscript.
-            mathField.pressKey("NUM_2");
-            mathField.pressKey("EXP");
-            mathField.pressKey("LEFT_PAREN");
-            const cursor = mathField.pressKey("NUM_3");
-            expect(cursor.context).toEqual(CursorContext.IN_PARENS);
-        });
-
-        it("should defer to the nearest parent (2)", () => {
-            // Nest fractions, and put cursor in the denominator of the fraction
-            // in the numerator.
-            mathField.pressKey("FRAC_INCLUSIVE");
-            mathField.pressKey("FRAC_INCLUSIVE");
-            const cursor = mathField.pressKey("RIGHT");
-            expect(cursor.context).toEqual(CursorContext.IN_DENOMINATOR);
-        });
-    });
-});

package/src/components/input/__tests__/mathquill-helpers.test.ts

@@ -1,105 +0,0 @@
-import {CursorContext} from "../cursor-contexts";
-import {getCursorContext} from "../mathquill-helpers";
-import {createMathField} from "../mathquill-instance";
-
-describe("MathQuill Helpers", () => {
-    describe("getCursorContext", () => {
-        it("returns NONE for empty MathField", () => {
-            // Arrange
-            const mount = document.createElement("div");
-            const mathField = createMathField(mount);
-
-            // Act
-            const context = getCursorContext(mathField);
-
-            // Assert
-            expect(context).toBe(CursorContext.NONE);
-        });
-
-        it("returns BEFORE_FRACTION when before a fraction", () => {
-            // Arrange
-            const mount = document.createElement("div");
-            const mathField = createMathField(mount);
-            // create fraction and move cursor before it
-            mathField.cmd("\\frac");
-            mathField.keystroke("Left");
-
-            // Act
-            const context = getCursorContext(mathField);
-
-            // Assert
-            expect(context).toBe(CursorContext.BEFORE_FRACTION);
-        });
-
-        it("returns IN_PARENS when in parenthesis", () => {
-            // Arrange
-            const mount = document.createElement("div");
-            const mathField = createMathField(mount);
-            // MQ puts you inside parens when you start a paren
-            mathField.typedText("(");
-
-            // Act
-            const context = getCursorContext(mathField);
-
-            // Assert
-            expect(context).toBe(CursorContext.IN_PARENS);
-        });
-
-        it("returns IN_NUMERATOR when in numerator", () => {
-            // Arrange
-            const mount = document.createElement("div");
-            const mathField = createMathField(mount);
-            // MQ puts you in the numerator when making a fraction
-            mathField.cmd("\\frac");
-
-            // Act
-            const context = getCursorContext(mathField);
-
-            // Assert
-            expect(context).toBe(CursorContext.IN_NUMERATOR);
-        });
-
-        it("returns IN_DENOMINATOR when in denominator", () => {
-            // Arrange
-            const mount = document.createElement("div");
-            const mathField = createMathField(mount);
-            // create fraction and move cursor to denominator
-            mathField.cmd("\\frac");
-            mathField.keystroke("Down");
-
-            // Act
-            const context = getCursorContext(mathField);
-
-            // Assert
-            expect(context).toBe(CursorContext.IN_DENOMINATOR);
-        });
-
-        it("returns IN_SUB_SCRIPT when in subscript", () => {
-            // Arrange
-            const mount = document.createElement("div");
-            const mathField = createMathField(mount);
-            // "_" triggers a subscript
-            mathField.typedText("6_");
-
-            // Act
-            const context = getCursorContext(mathField);
-
-            // Assert
-            expect(context).toBe(CursorContext.IN_SUB_SCRIPT);
-        });
-
-        it("returns IN_SUPER_SCRIPT when in superscript", () => {
-            // Arrange
-            const mount = document.createElement("div");
-            const mathField = createMathField(mount);
-            // "^" triggers a superscript
-            mathField.typedText("6^");
-
-            // Act
-            const context = getCursorContext(mathField);
-
-            // Assert
-            expect(context).toBe(CursorContext.IN_SUPER_SCRIPT);
-        });
-    });
-});