@khanacademy/perseus 54.0.0 → 55.0.0

package/package.json

@@ -1,127 +1,123 @@
 {
-    "name": "@khanacademy/perseus",
-    "description": "Core Perseus API (includes renderers and widgets)",
-    "author": "Khan Academy",
-    "license": "MIT",
-    "version": "54.0.0",
-    "publishConfig": {
-        "access": "public"
+  "name": "@khanacademy/perseus",
+  "description": "Core Perseus API (includes renderers and widgets)",
+  "author": "Khan Academy",
+  "license": "MIT",
+  "version": "55.0.0",
+  "publishConfig": {
+    "access": "public"
+  },
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/Khan/perseus.git",
+    "directory": "packages/perseus"
+  },
+  "bugs": {
+    "url": "https://github.com/Khan/perseus/issues"
+  },
+  "module": "dist/es/index.js",
+  "main": "dist/index.js",
+  "source": "src/index.ts",
+  "exports": {
+    ".": {
+      "import": "./dist/es/index.js",
+      "require": "./dist/index.js",
+      "types": "./dist/index.d.ts",
+      "source": "./src/index.ts"
     },
-    "repository": {
-        "type": "git",
-        "url": "https://github.com/Khan/perseus.git",
-        "directory": "packages/perseus"
+    "./strings": {
+      "import": "./dist/es/strings.js",
+      "require": "./dist/strings.js",
+      "types": "./dist/strings.d.ts",
+      "source": "./src/strings.ts"
     },
-    "bugs": {
-        "url": "https://github.com/Khan/perseus/issues"
-    },
-    "module": "dist/es/index.js",
-    "main": "dist/index.js",
-    "source": "src/index.ts",
-    "exports": {
-        ".": {
-            "import": "./dist/es/index.js",
-            "require": "./dist/index.js",
-            "types": "./dist/index.d.ts",
-            "source": "./src/index.ts"
-        },
-        "./strings": {
-            "import": "./dist/es/strings.js",
-            "require": "./dist/strings.js",
-            "types": "./dist/strings.d.ts",
-            "source": "./src/strings.ts"
-        },
-        "./styles.css": "./dist/index.css"
-    },
-    "files": [
-        "dist"
-    ],
-    "scripts": {
-        "prepublishOnly": "../../utils/package-pre-publish-check.sh",
-        "test": "bash -c 'yarn --silent --cwd \"../..\" test ${@:0} $($([[ ${@: -1} = -* ]] || [[ ${@: -1} = bash ]]) && echo $PWD)'"
-    },
-    "dependencies": {
-        "@khanacademy/kas": "^0.4.15",
-        "@khanacademy/keypad-context": "^1.0.18",
-        "@khanacademy/kmath": "^0.3.4",
-        "@khanacademy/math-input": "^22.2.5",
-        "@khanacademy/perseus-core": "3.6.0",
-        "@khanacademy/perseus-linter": "^1.2.17",
-        "@khanacademy/perseus-score": "^2.2.1",
-        "@khanacademy/pure-markdown": "^0.3.26",
-        "@khanacademy/simple-markdown": "^0.13.19",
-        "@types/classnames": "2.2.0",
-        "@use-gesture/react": "^10.2.27",
-        "mafs": "0.19.0",
-        "uuid": "^10.0.0"
-    },
-    "devDependencies": {
-        "@khanacademy/wonder-blocks-banner": "4.1.1",
-        "@khanacademy/wonder-blocks-button": "7.1.1",
-        "@khanacademy/wonder-blocks-clickable": "6.1.1",
-        "@khanacademy/wonder-blocks-core": "12.1.1",
-        "@khanacademy/wonder-blocks-data": "14.1.1",
-        "@khanacademy/wonder-blocks-dropdown": "9.1.1",
-        "@khanacademy/wonder-blocks-form": "7.1.1",
-        "@khanacademy/wonder-blocks-icon": "5.1.1",
-        "@khanacademy/wonder-blocks-icon-button": "6.1.1",
-        "@khanacademy/wonder-blocks-layout": "3.1.1",
-        "@khanacademy/wonder-blocks-link": "7.1.1",
-        "@khanacademy/wonder-blocks-pill": "3.1.1",
-        "@khanacademy/wonder-blocks-popover": "5.1.1",
-        "@khanacademy/wonder-blocks-progress-spinner": "3.1.1",
-        "@khanacademy/wonder-blocks-switch": "3.1.1",
-        "@khanacademy/wonder-blocks-tokens": "4.2.1",
-        "@khanacademy/wonder-blocks-tooltip": "4.1.1",
-        "@khanacademy/wonder-blocks-typography": "3.1.1",
-        "@khanacademy/wonder-stuff-core": "1.5.4",
-        "@phosphor-icons/core": "^2.0.2",
-        "@popperjs/core": "^2.10.2",
-        "aphrodite": "^1.2.5",
-        "classnames": "1.1.4",
-        "csstype": "^3.1.3",
-        "intersection-observer": "^0.12.0",
-        "jquery": "^2.1.1",
-        "lodash.debounce": "^4.0.8",
-        "perseus-build-settings": "^0.4.3",
-        "prop-types": "15.6.1",
-        "react": "^18.2.0",
-        "react-dom": "^18.2.0",
-        "react-popper": "^2.2.5",
-        "underscore": "^1.4.4"
-    },
-    "peerDependencies": {
-        "@khanacademy/wonder-blocks-banner": "4.1.1",
-        "@khanacademy/wonder-blocks-button": "7.1.1",
-        "@khanacademy/wonder-blocks-clickable": "6.1.1",
-        "@khanacademy/wonder-blocks-core": "12.1.1",
-        "@khanacademy/wonder-blocks-data": "14.1.1",
-        "@khanacademy/wonder-blocks-dropdown": "9.1.1",
-        "@khanacademy/wonder-blocks-form": "7.1.1",
-        "@khanacademy/wonder-blocks-icon": "5.1.1",
-        "@khanacademy/wonder-blocks-icon-button": "6.1.1",
-        "@khanacademy/wonder-blocks-layout": "3.1.1",
-        "@khanacademy/wonder-blocks-link": "7.1.1",
-        "@khanacademy/wonder-blocks-pill": "3.1.1",
-        "@khanacademy/wonder-blocks-popover": "5.1.1",
-        "@khanacademy/wonder-blocks-progress-spinner": "3.1.1",
-        "@khanacademy/wonder-blocks-switch": "3.1.1",
-        "@khanacademy/wonder-blocks-tokens": "4.2.1",
-        "@khanacademy/wonder-blocks-tooltip": "4.1.1",
-        "@khanacademy/wonder-blocks-typography": "3.1.1",
-        "@khanacademy/wonder-stuff-core": "1.5.4",
-        "@phosphor-icons/core": "^2.0.2",
-        "@popperjs/core": "^2.10.2",
-        "aphrodite": "^1.2.5",
-        "classnames": "1.1.4",
-        "intersection-observer": "^0.12.0",
-        "jquery": "^2.1.1",
-        "lodash.debounce": "^4.0.8",
-        "prop-types": "15.6.1",
-        "react": "^18.2.0",
-        "react-dom": "^18.2.0",
-        "react-popper": "^2.2.5",
-        "underscore": "^1.4.4"
-    },
-    "keywords": []
-}
+    "./styles.css": "./dist/index.css"
+  },
+  "files": [
+    "dist"
+  ],
+  "dependencies": {
+    "@use-gesture/react": "^10.2.27",
+    "mafs": "0.19.0",
+    "uuid": "^10.0.0",
+    "@khanacademy/kas": "0.5.0",
+    "@khanacademy/keypad-context": "1.1.0",
+    "@khanacademy/kmath": "0.4.0",
+    "@khanacademy/math-input": "22.3.0",
+    "@khanacademy/perseus-core": "4.0.0",
+    "@khanacademy/perseus-linter": "1.3.0",
+    "@khanacademy/perseus-score": "2.3.0",
+    "@khanacademy/pure-markdown": "0.4.0",
+    "@khanacademy/simple-markdown": "0.14.0"
+  },
+  "devDependencies": {
+    "@khanacademy/wonder-blocks-banner": "4.1.1",
+    "@khanacademy/wonder-blocks-button": "7.1.1",
+    "@khanacademy/wonder-blocks-clickable": "6.1.1",
+    "@khanacademy/wonder-blocks-core": "12.1.1",
+    "@khanacademy/wonder-blocks-data": "14.1.1",
+    "@khanacademy/wonder-blocks-dropdown": "9.1.1",
+    "@khanacademy/wonder-blocks-form": "7.1.1",
+    "@khanacademy/wonder-blocks-icon-button": "6.1.1",
+    "@khanacademy/wonder-blocks-icon": "5.1.1",
+    "@khanacademy/wonder-blocks-layout": "3.1.1",
+    "@khanacademy/wonder-blocks-link": "7.1.1",
+    "@khanacademy/wonder-blocks-pill": "3.1.1",
+    "@khanacademy/wonder-blocks-popover": "5.1.1",
+    "@khanacademy/wonder-blocks-progress-spinner": "3.1.1",
+    "@khanacademy/wonder-blocks-switch": "3.1.1",
+    "@khanacademy/wonder-blocks-tokens": "4.2.1",
+    "@khanacademy/wonder-blocks-tooltip": "4.1.1",
+    "@khanacademy/wonder-blocks-typography": "3.1.1",
+    "@khanacademy/wonder-stuff-core": "1.5.4",
+    "@phosphor-icons/core": "^2.0.2",
+    "@popperjs/core": "^2.10.2",
+    "aphrodite": "^1.2.5",
+    "classnames": "1.1.4",
+    "csstype": "^3.1.3",
+    "intersection-observer": "^0.12.0",
+    "jquery": "^2.1.1",
+    "lodash.debounce": "^4.0.8",
+    "prop-types": "15.6.1",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0",
+    "react-popper": "^2.2.5",
+    "underscore": "^1.4.4",
+    "perseus-build-settings": "0.5.0"
+  },
+  "peerDependencies": {
+    "@khanacademy/wonder-blocks-banner": "4.1.1",
+    "@khanacademy/wonder-blocks-button": "7.1.1",
+    "@khanacademy/wonder-blocks-clickable": "6.1.1",
+    "@khanacademy/wonder-blocks-core": "12.1.1",
+    "@khanacademy/wonder-blocks-data": "14.1.1",
+    "@khanacademy/wonder-blocks-dropdown": "9.1.1",
+    "@khanacademy/wonder-blocks-form": "7.1.1",
+    "@khanacademy/wonder-blocks-icon": "5.1.1",
+    "@khanacademy/wonder-blocks-icon-button": "6.1.1",
+    "@khanacademy/wonder-blocks-layout": "3.1.1",
+    "@khanacademy/wonder-blocks-link": "7.1.1",
+    "@khanacademy/wonder-blocks-pill": "3.1.1",
+    "@khanacademy/wonder-blocks-popover": "5.1.1",
+    "@khanacademy/wonder-blocks-progress-spinner": "3.1.1",
+    "@khanacademy/wonder-blocks-switch": "3.1.1",
+    "@khanacademy/wonder-blocks-tokens": "4.2.1",
+    "@khanacademy/wonder-blocks-tooltip": "4.1.1",
+    "@khanacademy/wonder-blocks-typography": "3.1.1",
+    "@khanacademy/wonder-stuff-core": "1.5.4",
+    "@phosphor-icons/core": "^2.0.2",
+    "@popperjs/core": "^2.10.2",
+    "aphrodite": "^1.2.5",
+    "classnames": "1.1.4",
+    "intersection-observer": "^0.12.0",
+    "jquery": "^2.1.1",
+    "lodash.debounce": "^4.0.8",
+    "prop-types": "15.6.1",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0",
+    "react-popper": "^2.2.5",
+    "underscore": "^1.4.4"
+  },
+  "keywords": [],
+  "scripts": {}
+}

package/dist/components/input-with-examples.d.ts

@@ -1,51 +0,0 @@
-import * as React from "react";
-import { PerseusI18nContext } from "./i18n-context";
-import type { LinterContextProps } from "@khanacademy/perseus-linter";
-import type { StyleType } from "@khanacademy/wonder-blocks-core";
-type Props = {
-    value: string;
-    onChange: any;
-    className: string;
-    examples: ReadonlyArray<string>;
-    shouldShowExamples: boolean;
-    convertDotToTimes?: boolean;
-    buttonSet?: string;
-    buttonsVisible?: "always" | "never" | "focused";
-    labelText?: string;
-    onFocus: () => void;
-    onBlur: () => void;
-    disabled: boolean;
-    style?: StyleType;
-    id: string;
-    linterContext: LinterContextProps;
-};
-type DefaultProps = {
-    shouldShowExamples: Props["shouldShowExamples"];
-    onFocus: Props["onFocus"];
-    onBlur: Props["onBlur"];
-    disabled: Props["disabled"];
-    linterContext: Props["linterContext"];
-    className: Props["className"];
-};
-type State = {
-    focused: boolean;
-    showExamples: boolean;
-};
-declare class InputWithExamples extends React.Component<Props, State> {
-    static contextType: React.Context<import("./i18n-context").I18nContextType>;
-    context: React.ContextType<typeof PerseusI18nContext>;
-    static defaultProps: DefaultProps;
-    state: State;
-    _getUniqueId: () => string;
-    _getInputClassName: () => string;
-    _renderInput: () => any;
-    _handleFocus: () => void;
-    show: () => void;
-    hide: () => void;
-    _handleBlur: () => void;
-    focus: () => void;
-    blur: () => void;
-    handleChange: (arg1: any) => void;
-    render(): React.ReactNode;
-}
-export default InputWithExamples;

package/dist/components/tooltip.d.ts

@@ -1,85 +0,0 @@
-import * as React from "react";
-export declare enum HorizontalDirection {
-    Left = "left",
-    Right = "right"
-}
-export declare enum VerticalDirection {
-    Top = "top",
-    Bottom = "bottom"
-}
-type Props = {
-    show: boolean;
-    className: string;
-    arrowSize: number;
-    borderColor: string;
-    verticalPosition: VerticalDirection;
-    horizontalPosition: HorizontalDirection;
-    horizontalAlign: HorizontalDirection.Left;
-    children: React.ReactNode;
-    targetContainerStyle: any;
-};
-type DefaultProps = {
-    className: Props["className"];
-    arrowSize: Props["arrowSize"];
-    borderColor: Props["borderColor"];
-    verticalPosition: Props["verticalPosition"];
-    horizontalPosition: Props["horizontalPosition"];
-    horizontalAlign: Props["horizontalAlign"];
-    targetContainerStyle: Props["targetContainerStyle"];
-};
-type State = {
-    height: number | null;
-};
-/**
- * DEPRECATED! Use Wonder Blocks tooltip instead.
- *
- * A generic tooltip library for React.js
- *
- * ```
- * import Tooltip from "./tooltip";
- * <Tooltip
- *     className="class-for-tooltip-contents"
- *     horizontalPosition={HoriziontalDirection.Left}
- *     horizontalAlign={HoriziontalDirection.Left}
- *     verticalPosition={VerticalDirection.Top}
- *     arrowSize={10} // arrow size in pixels
- *     borderColor="#ccc" // color of the border for the tooltip
- *     show={true} // whether the tooltip should currently be visible
- *     targetContainerStyle={targetContainerStyle}
- * >
- *     <TargetElementOfTheTooltip />
- *     <TooltipContents1 />
- *     <TooltipContents2 />
- * </Tooltip>
- * ```
- *
- * To show/hide the tooltip, the parent component should call the
- * `.show()` and `.hide()` methods of the tooltip when appropriate.
- * (These are usually set up as handlers of events on the target element.)
- *
- * Notes:
- *     `className` should not specify a border; that is handled by `borderColor`
- *     so that the arrow and tooltip match
- *
- * ```
- *          __,,--``\\
- *  _,,-''``         \\     ,
- * '----------_.------'-.___|\__
- *    _.--''``    `)__   )__   @\__
- *   (  .. ''---/___,,E/__,E'------`
- *    `-''`''
- * Here be dragons.
- * ```
- */
-declare class Tooltip extends React.Component<Props, State> {
-    tooltipContainerRef: React.RefObject<HTMLDivElement>;
-    static defaultProps: DefaultProps;
-    state: State;
-    componentDidMount(): void;
-    UNSAFE_componentWillReceiveProps(): void;
-    componentDidUpdate(): void;
-    _renderToolTipDiv(isTooltipAbove?: boolean): React.JSX.Element;
-    _updateHeight(): void;
-    render(): React.JSX.Element;
-}
-export default Tooltip;