@pinnacle0/web-ui 0.3.38 → 0.3.39

package/hooks/useSwipe/controller.js

@@ -0,0 +1,126 @@
+import { SwipeUtil } from "../../util/SwipeUtil";
+var SWIPE_START_THRESHOLD = 10;
+var Controller = /** @class */ (function () {
+    function Controller() {
+        this.startTime = 0;
+        this.startTouch = null;
+        this.started = false;
+        this.handlers = {};
+        this.config = {};
+    }
+    Controller.prototype.onTouchStart = function (e) {
+        if (e.changedTouches[0] && !this.startTouch) {
+            this.startTouch = e.changedTouches[0];
+            this.startTime = Date.now();
+        }
+    };
+    Controller.prototype.onTouchMove = function (e) {
+        var _a, _b, _c, _d;
+        var matchedTouches = this.matchTouches(e);
+        if (!matchedTouches) {
+            return;
+        }
+        var state = this.computeEvent(matchedTouches.start, matchedTouches.changed, e);
+        if (!this.started && this.testThreshold(state)) {
+            this.started = true;
+            (_b = (_a = this.handlers).onStart) === null || _b === void 0 ? void 0 : _b.call(_a, state);
+            return;
+        }
+        else if (this.started) {
+            (_d = (_c = this.handlers).onMove) === null || _d === void 0 ? void 0 : _d.call(_c, state);
+        }
+    };
+    Controller.prototype.onTouchEnd = function (e) {
+        var _a, _b;
+        if (!this.started) {
+            this.reset();
+            return;
+        }
+        var matchedTouches = this.matchTouches(e);
+        if (!matchedTouches) {
+            return;
+        }
+        var state = this.computeEvent(matchedTouches.start, matchedTouches.changed, e);
+        (_b = (_a = this.handlers).onEnd) === null || _b === void 0 ? void 0 : _b.call(_a, state);
+        this.reset();
+    };
+    Controller.prototype.onTouchCancel = function (e) {
+        var _a, _b;
+        if (!this.started) {
+            this.reset();
+            return;
+        }
+        var matchedTouches = this.matchTouches(e);
+        if (!matchedTouches) {
+            return;
+        }
+        var state = this.computeEvent(matchedTouches.start, matchedTouches.changed, e);
+        (_b = (_a = this.handlers).onCancel) === null || _b === void 0 ? void 0 : _b.call(_a, state);
+        this.reset();
+    };
+    Controller.prototype.testThreshold = function (state) {
+        var _a, _b, _c;
+        return state.displacement > SWIPE_START_THRESHOLD && ((_c = (_b = (_a = this.config).threshold) === null || _b === void 0 ? void 0 : _b.call(_a, state)) !== null && _c !== void 0 ? _c : true);
+    };
+    Controller.prototype.cancel = function (event) {
+        if (this.startTouch) {
+            this.onTouchCancel(event);
+        }
+    };
+    Controller.prototype.computeEvent = function (start, changed, event) {
+        var _this = this;
+        var s = [start.clientX, start.clientY];
+        var e = [changed.clientX, changed.clientY];
+        var delta = [e[0] - s[0], e[1] - s[1]];
+        var timeElapsed = Date.now() - this.startTime;
+        return {
+            clientX: changed.clientX,
+            clientY: changed.clientY,
+            startTouch: start,
+            delta: delta,
+            direction: SwipeUtil.getDirection(s, e),
+            displacement: SwipeUtil.getDisplacement(s, e),
+            // TODO/Alvis, need to improve velocity calculation
+            velocity: [Math.abs(delta[0]) / timeElapsed, Math.abs(delta[1]) / timeElapsed],
+            syntheticEvent: event,
+            cancel: (function () { return _this.cancel(event); }).bind(this),
+        };
+    };
+    Controller.prototype.matchTouches = function (e) {
+        var _this = this;
+        if (!this.startTouch) {
+            return null;
+        }
+        var touch = Array.from(e.changedTouches).find(function (_) { return _.identifier === _this.startTouch.identifier; });
+        if (!touch) {
+            return null;
+        }
+        else {
+            return {
+                start: this.startTouch,
+                changed: touch,
+            };
+        }
+    };
+    Controller.prototype.reset = function () {
+        this.startTime = 0;
+        this.startTouch = null;
+        this.started = false;
+    };
+    Controller.prototype.update = function (handlers, config) {
+        if (config === void 0) { config = {}; }
+        this.handlers = handlers;
+        this.config = config;
+    };
+    Controller.prototype.createHandlers = function () {
+        return {
+            onTouchStart: this.onTouchStart.bind(this),
+            onTouchMove: this.onTouchMove.bind(this),
+            onTouchEnd: this.onTouchEnd.bind(this),
+            onTouchCancel: this.onTouchCancel.bind(this),
+        };
+    };
+    return Controller;
+}());
+export { Controller };
+//# sourceMappingURL=controller.js.map

package/hooks/useSwipe/controller.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"controller.js","sourceRoot":"","sources":["../../../src/hooks/useSwipe/controller.ts"],"names":[],"mappings":"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"}

package/hooks/useSwipe/index.d.ts

@@ -0,0 +1,3 @@
+import type { SwipeHookConfig, SwipeHookHandlers, SwipeHookResult } from "./type";
+export declare const useSwipe: (handlers: SwipeHookHandlers, config?: SwipeHookConfig) => SwipeHookResult;
+export * from "./type";

package/hooks/useSwipe/index.js

@@ -0,0 +1,9 @@
+import React from "react";
+import { Controller } from "./controller";
+export var useSwipe = function (handlers, config) {
+    var controller = React.useMemo(function () { return new Controller(); }, []);
+    controller.update(handlers, config);
+    return controller.createHandlers.apply(controller);
+};
+export * from "./type";
+//# sourceMappingURL=index.js.map

package/hooks/useSwipe/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/hooks/useSwipe/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAC,UAAU,EAAC,MAAM,cAAc,CAAC;AAGxC,MAAM,CAAC,IAAM,QAAQ,GAAG,UAAC,QAA2B,EAAE,MAAwB;IAC1E,IAAM,UAAU,GAAG,KAAK,CAAC,OAAO,CAAC,cAAM,OAAA,IAAI,UAAU,EAAE,EAAhB,CAAgB,EAAE,EAAE,CAAC,CAAC;IAC7D,UAAU,CAAC,MAAM,CAAC,QAAQ,EAAE,MAAM,CAAC,CAAC;IACpC,OAAO,UAAU,CAAC,cAAc,CAAC,KAAK,CAAC,UAAU,CAAC,CAAC;AACvD,CAAC,CAAC;AAEF,cAAc,QAAQ,CAAC"}

package/hooks/useSwipe/type.d.ts

@@ -0,0 +1,38 @@
+import type React from "react";
+export declare type TouchHandlers = Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "onTouchStart" | "onTouchMove" | "onTouchEndCapture" | "onTouchCancelCapture">;
+export interface SwipeHookResult {
+    onTouchMove: React.TouchEventHandler;
+    onTouchStart: React.TouchEventHandler;
+    onTouchEnd: React.TouchEventHandler;
+    onTouchCancel: React.TouchEventHandler;
+}
+export interface SwipeState {
+    syntheticEvent: React.TouchEvent;
+    startTouch: React.Touch;
+    clientX: number;
+    clientY: number;
+    displacement: number;
+    delta: Vector2;
+    velocity: Vector2;
+    direction: Direction;
+    cancel: () => void;
+}
+declare type SwipeHookHandler = (event: SwipeState) => void;
+export interface SwipeHookHandlers {
+    onStart?: SwipeHookHandler;
+    onEnd?: SwipeHookHandler;
+    onMove?: SwipeHookHandler;
+    onCancel?: SwipeHookHandler;
+}
+export interface SwipeHookConfig {
+    threshold?: (state: SwipeState) => boolean;
+    preventDefault?: boolean;
+}
+export declare enum Direction {
+    UP = "UP",
+    DOWN = "DOWN",
+    LEFT = "LEFT",
+    RIGHT = "RIGHT"
+}
+export declare type Vector2 = [number, number];
+export {};

package/hooks/useSwipe/type.js

@@ -0,0 +1,8 @@
+export var Direction;
+(function (Direction) {
+    Direction["UP"] = "UP";
+    Direction["DOWN"] = "DOWN";
+    Direction["LEFT"] = "LEFT";
+    Direction["RIGHT"] = "RIGHT";
+})(Direction || (Direction = {}));
+//# sourceMappingURL=type.js.map

package/hooks/useSwipe/type.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"type.js","sourceRoot":"","sources":["../../../src/hooks/useSwipe/type.ts"],"names":[],"mappings":"AAqCA,MAAM,CAAN,IAAY,SAKX;AALD,WAAY,SAAS;IACjB,sBAAS,CAAA;IACT,0BAAa,CAAA;IACb,0BAAa,CAAA;IACb,4BAAe,CAAA;AACnB,CAAC,EALW,SAAS,KAAT,SAAS,QAKpB"}

package/hooks/useTransform.d.ts

@@ -0,0 +1,18 @@
+import React from "react";
+interface TransitionOption {
+    property?: string;
+    duration?: number;
+    delay?: number;
+    timingFunction?: string;
+}
+interface Option extends TransitionOption {
+    x?: string | number;
+    y?: string | number;
+    z?: string | number;
+    immediate?: boolean;
+}
+export declare const useTransform: (ref: React.RefObject<HTMLElement>, option?: Option) => {
+    to: (option: Option) => void;
+    clear: () => void;
+};
+export {};

package/hooks/useTransform.js

@@ -0,0 +1,62 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import React from "react";
+export var useTransform = function (ref, option) {
+    var initialOptionRef = React.useRef(option);
+    initialOptionRef.current = option;
+    var clearTransition = React.useCallback(function (el) {
+        el.style.transitionDuration = "";
+        el.style.transitionProperty = "";
+        el.style.transitionTimingFunction = "";
+        el.style.transitionDuration = "";
+    }, []);
+    var setTransition = React.useCallback(function (el, option) {
+        if (option) {
+            var delay = option.delay, duration = option.duration, property = option.property, timingFunction = option.timingFunction;
+            delay && (el.style.transitionDelay = delay + "ms");
+            duration && (el.style.transitionDuration = duration + "ms");
+            property && (el.style.transitionProperty = property);
+            timingFunction && (el.style.transitionTimingFunction = timingFunction);
+        }
+        else {
+            clearTransition(el);
+        }
+    }, [clearTransition]);
+    var to = React.useCallback(function (option) {
+        if (ref.current) {
+            var format_1 = function (value) { return (value ? (typeof value === "number" ? "".concat(value, "px") : value) : "0px"); };
+            var el_1 = ref.current;
+            requestAnimationFrame(function () {
+                var _a;
+                el_1.style.transform = "translate3d(".concat(format_1(option.x), ", ").concat(format_1(option.y), ", ").concat(format_1(option.z), ") ");
+                option.immediate ? clearTransition(el_1) : setTransition(el_1, __assign(__assign({}, ((_a = initialOptionRef.current) !== null && _a !== void 0 ? _a : {})), option));
+            });
+        }
+    }, [ref, setTransition, clearTransition]);
+    var clear = React.useCallback(function () {
+        if (ref.current) {
+            var el_2 = ref.current;
+            requestAnimationFrame(function () {
+                el_2.style.transform = "";
+                setTransition(el_2, initialOptionRef.current);
+            });
+        }
+    }, [ref, setTransition]);
+    React.useEffect(function () {
+        if (initialOptionRef.current) {
+            to(initialOptionRef.current);
+        }
+        // eslint-disable-next-line react-hooks/exhaustive-deps -- only run on mount
+    }, []);
+    return { to: to, clear: clear };
+};
+//# sourceMappingURL=useTransform.js.map

package/hooks/useTransform.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useTransform.js","sourceRoot":"","sources":["../../src/hooks/useTransform.ts"],"names":[],"mappings":"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"}

package/internal/ArrayUtil.d.ts

@@ -0,0 +1,29 @@
+/**
+ * Return b's the occurrence percentage in a.
+ * The ordering of a & b matters.
+ */
+declare function intersectionPercentage<T>(a: T[], b: T[]): number;
+declare function toObject<T, V>(array: ReadonlyArray<T>, mapperCallback: (item: T, index: number) => [string, V]): {
+    [key: string]: V;
+};
+/**
+ * Accepts a list of item and a callback, maps each item with the callback,
+ * then removes value of `null`, `undefined`, `NaN` from the resulting list.
+ * Other falsy values are **NOT** removed.
+ *
+ * @param array    List of items to be filtered
+ * @param callback Callback to transform item
+ */
+declare function compactMap<T, V>(array: ReadonlyArray<T>, callback: (item: T, index: number) => V): Array<NonNullable<V>>;
+/**
+ * If element exists in array, it will return a new array without this element.
+ * If element not exists in array, it will return a new array with this element in the last.
+ */
+declare function toggleElement<T>(array: ReadonlyArray<T>, element: T): T[];
+export declare const ArrayUtil: Readonly<{
+    intersectionPercentage: typeof intersectionPercentage;
+    toObject: typeof toObject;
+    compactMap: typeof compactMap;
+    toggleElement: typeof toggleElement;
+}>;
+export {};

package/internal/ArrayUtil.js

@@ -0,0 +1,76 @@
+var __read = (this && this.__read) || function (o, n) {
+    var m = typeof Symbol === "function" && o[Symbol.iterator];
+    if (!m) return o;
+    var i = m.call(o), r, ar = [], e;
+    try {
+        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
+    }
+    catch (error) { e = { error: error }; }
+    finally {
+        try {
+            if (r && !r.done && (m = i["return"])) m.call(i);
+        }
+        finally { if (e) throw e.error; }
+    }
+    return ar;
+};
+var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
+};
+/**
+ * Return b's the occurrence percentage in a.
+ * The ordering of a & b matters.
+ */
+function intersectionPercentage(a, b) {
+    if (a.length === 0) {
+        return 0;
+    }
+    return (a.filter(function (_) { return b.includes(_); }).length / a.length) * 100;
+}
+function toObject(array, mapperCallback) {
+    var result = {};
+    array.forEach(function (item, index) {
+        var mappedKV = mapperCallback(item, index);
+        result[mappedKV[0]] = mappedKV[1];
+    });
+    return result;
+}
+/**
+ * Accepts a list of item and a callback, maps each item with the callback,
+ * then removes value of `null`, `undefined`, `NaN` from the resulting list.
+ * Other falsy values are **NOT** removed.
+ *
+ * @param array    List of items to be filtered
+ * @param callback Callback to transform item
+ */
+function compactMap(array, callback) {
+    return array.map(callback).filter(function (_) { return _ !== null && _ !== undefined && (typeof _ !== "number" || !Number.isNaN(_)); });
+}
+/**
+ * If element exists in array, it will return a new array without this element.
+ * If element not exists in array, it will return a new array with this element in the last.
+ */
+function toggleElement(array, element) {
+    var index = array.indexOf(element);
+    if (index >= 0) {
+        var clonedArray = __spreadArray([], __read(array), false);
+        clonedArray.splice(index, 1);
+        return clonedArray;
+    }
+    else {
+        return __spreadArray(__spreadArray([], __read(array), false), [element], false);
+    }
+}
+export var ArrayUtil = Object.freeze({
+    intersectionPercentage: intersectionPercentage,
+    toObject: toObject,
+    compactMap: compactMap,
+    toggleElement: toggleElement,
+});
+//# sourceMappingURL=ArrayUtil.js.map

package/internal/ArrayUtil.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ArrayUtil.js","sourceRoot":"","sources":["../../src/internal/ArrayUtil.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;;GAGG;AACH,SAAS,sBAAsB,CAAI,CAAM,EAAE,CAAM;IAC7C,IAAI,CAAC,CAAC,MAAM,KAAK,CAAC,EAAE;QAChB,OAAO,CAAC,CAAC;KACZ;IACD,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,UAAA,CAAC,IAAI,OAAA,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAb,CAAa,CAAC,CAAC,MAAM,GAAG,CAAC,CAAC,MAAM,CAAC,GAAG,GAAG,CAAC;AAClE,CAAC;AAED,SAAS,QAAQ,CAAO,KAAuB,EAAE,cAAuD;IACpG,IAAM,MAAM,GAAuB,EAAE,CAAC;IACtC,KAAK,CAAC,OAAO,CAAC,UAAC,IAAI,EAAE,KAAK;QACtB,IAAM,QAAQ,GAAG,cAAc,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC;QAC7C,MAAM,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAC;IACtC,CAAC,CAAC,CAAC;IACH,OAAO,MAAM,CAAC;AAClB,CAAC;AAED;;;;;;;GAOG;AACH,SAAS,UAAU,CAAO,KAAuB,EAAE,QAAuC;IACtF,OAAO,KAAK,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC,MAAM,CAAC,UAAA,CAAC,IAAI,OAAA,CAAC,KAAK,IAAI,IAAI,CAAC,KAAK,SAAS,IAAI,CAAC,OAAO,CAAC,KAAK,QAAQ,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,EAA5E,CAA4E,CAA0B,CAAC;AAClJ,CAAC;AAED;;;GAGG;AACH,SAAS,aAAa,CAAI,KAAuB,EAAE,OAAU;IACzD,IAAM,KAAK,GAAG,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC;IACrC,IAAI,KAAK,IAAI,CAAC,EAAE;QACZ,IAAM,WAAW,4BAAO,KAAK,SAAC,CAAC;QAC/B,WAAW,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC;QAC7B,OAAO,WAAW,CAAC;KACtB;SAAM;QACH,8CAAW,KAAK,YAAE,OAAO,UAAE;KAC9B;AACL,CAAC;AAED,MAAM,CAAC,IAAM,SAAS,GAAG,MAAM,CAAC,MAAM,CAAC;IACnC,sBAAsB,wBAAA;IACtB,QAAQ,UAAA;IACR,UAAU,YAAA;IACV,aAAa,eAAA;CAChB,CAAC,CAAC"}

package/internal/ExpirableLocalStorage.d.ts

@@ -0,0 +1,123 @@
+/**
+ * an expirable local storage (Singleton)
+ */
+export declare class ExpirableLocalStorage {
+    private static readonly PREFIX;
+    private static readonly TRUE;
+    private static readonly FALSE;
+    private static readonly DEFAULT_DATA_VALUE;
+    private static instance;
+    private storage;
+    /**
+     * get the ExpirableStorage instance
+     */
+    static getInstance(): ExpirableLocalStorage;
+    /**
+     * set boolean value
+     * @param key storage key
+     * @param value boolean value
+     * @param expiryTimestamp expiry timestamp
+     */
+    setBool(key: string, value: boolean, expiryTimestamp: number): void;
+    /**
+     * set string
+     * @param key storage key
+     * @param value string value
+     * @param expiryTimestamp expiry timestamp
+     */
+    setString(key: string, value: string, expiryTimestamp: number): void;
+    /**
+     * set number
+     * @param key storage key
+     * @param value number value
+     * @param expiryTimestamp expiry timestamp
+     */
+    setNumber(key: string, value: number, expiryTimestamp: number): void;
+    /**
+     * set object
+     * @param key storage key
+     * @param item object
+     * @param expiryTimestamp expiry timestamp
+     */
+    setObject<T extends object>(key: string, item: T, expiryTimestamp: number): void;
+    /**
+     * get boolean value
+     * @param key storage key
+     * @param defaultValue default value
+     * @returns boolean value
+     */
+    getBool(key: string, defaultValue: boolean): boolean;
+    /**
+     * get string value
+     * @param key storage key
+     * @param defaultValue default value
+     * @param validValues valid values
+     * @returns string value
+     */
+    getString<T extends string = string>(key: string, defaultValue: T, validValues?: readonly T[]): T;
+    /**
+     * get number value
+     * @param key storage key
+     * @param defaultValue default value
+     * @param validator validator
+     * @returns number value
+     */
+    getNumber(key: string, defaultValue: number, validator?: number[] | ((value: number) => boolean)): number;
+    /**
+     * get object value
+     * @param key storage key
+     * @param defaultValue default value
+     * @param validator validator
+     * @returns object value
+     */
+    getObject<T extends object>(key: string, defaultValue: T, validator: (item: object) => boolean): T;
+    /**
+     * get the raw localstorage data
+     * @param key storage key
+     * @returns raw data
+     */
+    getRaw(key: string): string | null;
+    /**
+     * The ExpirableStorage's constructor should always be private to prevent direct
+     * construction calls with the `new` operator.
+     */
+    private constructor();
+    /**
+     * get current timestamp
+     * @returns current timestamp
+     */
+    private now;
+    /**
+     * get value
+     * @param key storage key
+     * @param defaultValue
+     * @param transformer
+     * @returns
+     */
+    private get;
+    /**
+     * set value
+     * @param key storage key
+     * @param value storage value
+     * @param expiryTimestamp The "expiryTimestamp" (expiration time) claim identifies the expiration time on or after which the value MUST NOT be accepted for processing. The processing of the "expiryTimestamp" claim requires that the current date/time MUST be before the expiration date/time listed in the "expiryTimestamp" claim.
+     */
+    private set;
+    /**
+     *
+     * @param key storage key
+     * @returns the original localstorage canonical key with prefix like "@@EXPIRABLE/key"
+     */
+    private canonicalKey;
+    private getData;
+    /**
+     * set Data
+     * @param key storage key
+     * @param data storage value
+     */
+    private setData;
+    private clear;
+    /**
+     * delete the expired keys
+     */
+    private prune;
+}