@khanacademy/math-input 2.0.0 → 3.0.0

package/dist/store/shared.d.ts

@@ -1,7 +0,0 @@
-import { KeypadType } from "../enums";
-declare const defaultKeypadType = KeypadType.EXPRESSION;
-declare const keypadForType: {
-    readonly FRACTION: import("../types").KeypadLayout;
-    readonly EXPRESSION: import("../types").KeypadLayout;
-};
-export { keypadForType, defaultKeypadType };

package/dist/store/shared.js.flow

@@ -1,14 +0,0 @@
-/**
- * Flowtype definitions for data
- * Generated by Flowgen from a Typescript Definition
- * Flowgen v1.21.0
- * @flow
- */
-import * as $Flowgen$Import$_2e__2e__2f_types from "../types";
-import { KeypadType } from "../enums";
-declare var defaultKeypadType: KeypadType.EXPRESSION;
-declare var keypadForType: {|
-  +FRACTION: $Flowgen$Import$_2e__2e__2f_types.KeypadLayout,
-  +EXPRESSION: $Flowgen$Import$_2e__2e__2f_types.KeypadLayout,
-|};
-declare export { keypadForType, defaultKeypadType };

package/src/components/velocity-tracker.ts

@@ -1,86 +0,0 @@
-/**
- * A system for tracking gesture velocity in a single dimension.
- *
- * Velocity is computed by smoothing linearly over the gestures that have
- * occurred in the last 100 milliseconds.
- */
-
-import now from "performance-now";
-
-type Event = {
-    x: number;
-    t: number;
-};
-
-class VelocityTracker {
-    options: {
-        velocityTimeout: number;
-    };
-    _events: Array<Event>;
-
-    constructor(options?) {
-        this.options = {
-            velocityTimeout: 100,
-            ...options,
-        };
-        this._events = [];
-    }
-
-    /**
-     * Pushes an event with the given displacement onto the event buffer,
-     * associating it with a timestamp. Note that, as this method computes the
-     * timestamp for the event at calltime, it should be called immediately
-     * after the event occurs.
-     *
-     * @param {number} x - the cumulative displacement of the event
-     */
-    push(x: number) {
-        this._events.push({
-            x,
-            t: now(),
-        });
-    }
-
-    /**
-     * Compute the velocity with respect to the events that have been tracked
-     * by the system. Velocity is computed by smoothing linearly over recent
-     * displacement values.
-     *
-     * Note that, for performance reasons, a call to `getVelocity` will clear
-     * out the event buffer. As such, repeated calls will not return the same
-     * value (in particular, a second call in quick succession will return 0).
-     *
-     * @returns {number} the velocity associated with the tracker
-     */
-    getVelocity(): number {
-        const events = this._getEvents();
-
-        if (events.length < 2) {
-            return 0;
-        } else {
-            const current = events[events.length - 1];
-            const first = events[0];
-            const dt = current.t - first.t;
-            return (current.x - first.x) / dt;
-        }
-    }
-
-    /**
-     * Filter the tracked events to exclude any events that occurred too far in
-     * the past, and reset the event buffer.
-     *
-     * @returns {number[]} an array of displacements corresponding to events
-     *                     that occurred in the past `velocityTimeout`
-     *                     milliseconds
-     */
-    _getEvents(): ReadonlyArray<Event> {
-        const threshold = now() - this.options.velocityTimeout;
-        const recentEvents = this._events.filter((event) => {
-            return event.t > threshold;
-        });
-        this._events = [];
-        return recentEvents;
-    }
-}
-
-export default VelocityTracker;

package/src/store/pager-reducer.ts

@@ -1,125 +0,0 @@
-import VelocityTracker from "../components/velocity-tracker";
-import KeyConfigs from "../data/key-configs";
-import {KeyType} from "../enums";
-
-import {defaultKeypadType, keypadForType} from "./shared";
-
-import type {Action} from "./actions";
-import type {PagerState} from "./types";
-
-// We default to the right-most page. This is done so-as to enforce a
-// consistent orientation between the view pager layout and the flattened
-// layout, where our default page appears on the far right.
-const getDefaultPage = (numPages) => numPages - 1;
-
-const initialPagerState = {
-    animateToPosition: false,
-    currentPage: getDefaultPage(keypadForType[defaultKeypadType].numPages),
-    // The cumulative differential in the horizontal direction for the
-    // current swipe.
-    dx: 0,
-    numPages: keypadForType[defaultKeypadType].numPages,
-    pageWidthPx: 0,
-    velocityTracker: new VelocityTracker(),
-} as const;
-
-const pagerReducer = function (
-    state: PagerState = initialPagerState,
-    action: Action,
-): PagerState {
-    switch (action.type) {
-        case "ConfigureKeypad":
-            const {keypadType} = action.configuration;
-            const {numPages} = keypadForType[keypadType];
-            return {
-                ...state,
-                numPages,
-                animateToPosition: false,
-                currentPage: getDefaultPage(numPages),
-                dx: 0,
-            };
-
-        case "SetPageSize":
-            return {
-                ...state,
-                pageWidthPx: action.pageWidthPx,
-            };
-
-        case "PressKey":
-            const keyConfig = KeyConfigs[action.key];
-
-            // Reset the keypad page if the user performs a math operation.
-            if (
-                keyConfig.type === KeyType.VALUE ||
-                keyConfig.type === KeyType.OPERATOR
-            ) {
-                return {
-                    ...state,
-                    animateToPosition: true,
-                    // We start at the right-most page.
-                    currentPage: getDefaultPage(state.numPages),
-                    dx: 0,
-                };
-            }
-            return state;
-
-        case "OnSwipeChange":
-            state.velocityTracker.push(action.dx);
-
-            return {
-                ...state,
-                animateToPosition: false,
-                dx: action.dx,
-            };
-
-        case "OnSwipeEnd":
-            const {pageWidthPx, velocityTracker} = state;
-            const {dx} = action;
-            const velocity = velocityTracker.getVelocity();
-
-            // NOTE(charlie): These will need refinement. The velocity comes
-            // from Framer.
-            const minFlingVelocity = 0.1;
-            const minFlingDistance = 10;
-
-            const shouldPageRight =
-                dx < -pageWidthPx / 2 ||
-                (velocity < -minFlingVelocity && dx < -minFlingDistance);
-
-            const shouldPageLeft =
-                dx > pageWidthPx / 2 ||
-                (velocity > minFlingVelocity && dx > minFlingDistance);
-
-            if (shouldPageRight) {
-                const nextPage = Math.min(
-                    state.currentPage + 1,
-                    state.numPages - 1,
-                );
-                return {
-                    ...state,
-                    animateToPosition: true,
-                    currentPage: nextPage,
-                    dx: 0,
-                };
-            } else if (shouldPageLeft) {
-                const prevPage = Math.max(state.currentPage - 1, 0);
-                return {
-                    ...state,
-                    animateToPosition: true,
-                    currentPage: prevPage,
-                    dx: 0,
-                };
-            }
-
-            return {
-                ...state,
-                animateToPosition: true,
-                dx: 0,
-            };
-
-        default:
-            return state;
-    }
-};
-
-export default pagerReducer;