@pinnacle0/web-ui 0.4.13 → 0.4.15

package/core/FlatList/Content/Footer/index.js

@@ -1,11 +1,12 @@
 import React from "react";
-import { Loader } from "../../Loader";
+import { classNames } from "../../../../util/ClassNames";
+import { Loader } from "../../shared/Loader";
 import "./index.less";
 export var Footer = function (_a) {
     var loading = _a.loading, hasNextPage = _a.hasNextPage, hasNextPageMessage = _a.hasNextPageMessage, endOfListMessage = _a.endOfListMessage;
     var ref = React.useRef(null);
     var end = endOfListMessage !== null && endOfListMessage !== void 0 ? endOfListMessage : "All data loaded";
     var next = hasNextPageMessage !== null && hasNextPageMessage !== void 0 ? hasNextPageMessage : "Pull up to load more";
-    return (React.createElement("div", { ref: ref, className: "g-flat-list-footer" }, loading ? React.createElement(Loader, null) : hasNextPage ? next : end));
+    return (React.createElement("div", { ref: ref, className: classNames("g-flat-list-footer", { loading: loading }) }, loading ? React.createElement(Loader, null) : hasNextPage ? next : end));
 };
 //# sourceMappingURL=index.js.map

package/core/FlatList/Content/Footer/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/core/FlatList/Content/Footer/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAC,MAAM,EAAC,MAAM,cAAc,CAAC;AACpC,OAAO,cAAc,CAAC;AAQtB,MAAM,CAAC,IAAM,MAAM,GAAG,UAAC,EAAmE;QAAlE,OAAO,aAAA,EAAE,WAAW,iBAAA,EAAE,kBAAkB,wBAAA,EAAE,gBAAgB,sBAAA;IAC9E,IAAM,GAAG,GAAG,KAAK,CAAC,MAAM,CAAwB,IAAI,CAAC,CAAC;IACtD,IAAM,GAAG,GAAG,gBAAgB,aAAhB,gBAAgB,cAAhB,gBAAgB,GAAI,iBAAiB,CAAC;IAClD,IAAM,IAAI,GAAG,kBAAkB,aAAlB,kBAAkB,cAAlB,kBAAkB,GAAI,sBAAsB,CAAC;IAE1D,OAAO,CACH,6BAAK,GAAG,EAAE,GAAG,EAAE,SAAS,EAAC,oBAAoB,IACxC,OAAO,CAAC,CAAC,CAAC,oBAAC,MAAM,OAAG,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,CAC9C,CACT,CAAC;AACN,CAAC,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/core/FlatList/Content/Footer/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAC,UAAU,EAAC,MAAM,6BAA6B,CAAC;AACvD,OAAO,EAAC,MAAM,EAAC,MAAM,qBAAqB,CAAC;AAC3C,OAAO,cAAc,CAAC;AAQtB,MAAM,CAAC,IAAM,MAAM,GAAG,UAAC,EAAmE;QAAlE,OAAO,aAAA,EAAE,WAAW,iBAAA,EAAE,kBAAkB,wBAAA,EAAE,gBAAgB,sBAAA;IAC9E,IAAM,GAAG,GAAG,KAAK,CAAC,MAAM,CAAwB,IAAI,CAAC,CAAC;IACtD,IAAM,GAAG,GAAG,gBAAgB,aAAhB,gBAAgB,cAAhB,gBAAgB,GAAI,iBAAiB,CAAC;IAClD,IAAM,IAAI,GAAG,kBAAkB,aAAlB,kBAAkB,cAAlB,kBAAkB,GAAI,sBAAsB,CAAC;IAE1D,OAAO,CACH,6BAAK,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,UAAU,CAAC,oBAAoB,EAAE,EAAC,OAAO,SAAA,EAAC,CAAC,IAChE,OAAO,CAAC,CAAC,CAAC,oBAAC,MAAM,OAAG,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,CAC9C,CACT,CAAC;AACN,CAAC,CAAC"}

package/core/FlatList/Content/index.js

@@ -22,9 +22,9 @@ export function Content(_a) {
     var Item = renderItem;
     var itemStyle = useGap(gap);
     var markerId = React.useRef(createKey());
-    var loadedDataKey = React.useRef(null);
     var _d = React.useMemo(function () { return splitByLast(data, endReachThreshold); }, [data, endReachThreshold]), first = _d.first, second = _d.second;
     var _e = __read(React.useState(createKey()), 2), dataKey = _e[0], setDataKey = _e[1];
+    var loadedDataKey = React.useRef(createKey());
     var previousMarker = React.useRef(null);
     var onPullUpLoadingRef = React.useRef(onPullUpLoading);
     onPullUpLoadingRef.current = onPullUpLoading;
@@ -58,19 +58,22 @@ export function Content(_a) {
     };
     return (React.createElement("div", { className: "g-flat-list-content" }, data.length === 0 && emptyPlaceholder ? (emptyPlaceholder) : (React.createElement(React.Fragment, null,
         createItem(first),
-        React.createElement("div", { ref: markerRef, id: markerId.current, "data-key": dataKey }),
+        React.createElement("div", { key: markerId.current, ref: markerRef, id: markerId.current, "data-key": dataKey }),
         createItem(second),
         data.length > 0 && React.createElement(Footer, { loading: loading, hasNextPage: onPullUpLoading !== undefined, endOfListMessage: endOfListMessage, hasNextPageMessage: hasNextPageMessage })))));
 }
 function useGap(gap) {
     if (!gap)
         return {};
-    if (typeof gap === "number") {
-        return { paddingTop: gap, paddingBottom: gap, paddingLeft: gap, paddingRight: gap };
+    if (Array.isArray(gap)) {
+        return { marginTop: gap[0], marginBottom: gap[0], marginLeft: gap[1], marginRight: gap[1] };
+    }
+    else if (typeof gap === "number") {
+        return { marginTop: gap, marginBottom: gap, marginLeft: gap, marginRight: gap };
     }
     else {
         var top_1 = gap.top, bottom = gap.bottom, left = gap.left, right = gap.right;
-        return { paddingTop: top_1, paddingBottom: bottom, paddingLeft: left, paddingRight: right };
+        return { marginTop: top_1, marginBottom: bottom, marginLeft: left, marginRight: right };
     }
 }
 function splitByLast(data, last) {

package/core/FlatList/Content/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/core/FlatList/Content/index.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/core/FlatList/Content/index.tsx"],"names":[],"mappings":"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"}

package/core/FlatList/FloatingLoader/index.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+import "./index.less";
+interface Props {
+    show: boolean;
+}
+export declare const FloatingLoader: ({ show }: Props) => JSX.Element;
+export {};

package/core/FlatList/FloatingLoader/index.js

@@ -0,0 +1,10 @@
+import React from "react";
+import { classNames } from "../../../util/ClassNames";
+import { Loader } from "../shared/Loader";
+import "./index.less";
+export var FloatingLoader = function (_a) {
+    var show = _a.show;
+    return (React.createElement("div", { className: classNames("g-flat-list-floating-loader", { show: show }) },
+        React.createElement(Loader, null)));
+};
+//# sourceMappingURL=index.js.map

package/core/FlatList/FloatingLoader/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/core/FlatList/FloatingLoader/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAC,UAAU,EAAC,MAAM,0BAA0B,CAAC;AACpD,OAAO,EAAC,MAAM,EAAC,MAAM,kBAAkB,CAAC;AACxC,OAAO,cAAc,CAAC;AAMtB,MAAM,CAAC,IAAM,cAAc,GAAG,UAAC,EAAa;QAAZ,IAAI,UAAA;IAChC,OAAO,CACH,6BAAK,SAAS,EAAE,UAAU,CAAC,6BAA6B,EAAE,EAAC,IAAI,MAAA,EAAC,CAAC;QAC7D,oBAAC,MAAM,OAAG,CACR,CACT,CAAC;AACN,CAAC,CAAC"}

package/core/FlatList/FloatingLoader/index.less

@@ -0,0 +1,28 @@
+.g-flat-list-floating-loader {
+    position: absolute;
+    margin: 0 auto;
+    display: flex;
+    flex-flow: column;
+    justify-content: center;
+    align-items: center;
+    width: 100%;
+    opacity: 0;
+    transform: translateY(-100%);
+    transition: transform 200ms ease-in-out, opacity 200ms ease-in;
+
+    .g-flat-list-loader {
+        justify-content: center;
+        align-items: center;
+        min-height: 30px;
+        padding: 0 20px;
+        border-radius: 15px;
+        background-color: rgb(0 0 0 / 40%);
+        backdrop-filter: blur(10px);
+        -webkit-backdrop-filter: blur(10px);
+    }
+
+    &.show {
+        opacity: 1;
+        transform: translateY(20px);
+    }
+}

package/core/FlatList/Refresh/index.d.ts

@@ -0,0 +1,8 @@
+import React from "react";
+import "./index.less";
+interface Props {
+    refreshing: boolean;
+    message?: string;
+}
+export declare const Refresh: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLDivElement>>;
+export {};

package/core/FlatList/Refresh/index.js

@@ -0,0 +1,9 @@
+import React from "react";
+import { classNames } from "../../../util/ClassNames";
+import { Loader } from "../shared/Loader";
+import "./index.less";
+export var Refresh = React.forwardRef(function (_a, ref) {
+    var message = _a.message, refreshing = _a.refreshing;
+    return (React.createElement("div", { ref: ref, className: classNames("g-flat-list-refresh", { refreshing: refreshing }) }, refreshing ? React.createElement(Loader, null) : React.createElement("span", null, message !== null && message !== void 0 ? message : "release to refresh")));
+});
+//# sourceMappingURL=index.js.map

package/core/FlatList/Refresh/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/core/FlatList/Refresh/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAC,UAAU,EAAC,MAAM,0BAA0B,CAAC;AACpD,OAAO,EAAC,MAAM,EAAC,MAAM,kBAAkB,CAAC;AACxC,OAAO,cAAc,CAAC;AAOtB,MAAM,CAAC,IAAM,OAAO,GAAG,KAAK,CAAC,UAAU,CAAwB,UAAC,EAAqB,EAAE,GAAG;QAAzB,OAAO,aAAA,EAAE,UAAU,gBAAA;IAChF,OAAO,CACH,6BAAK,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,UAAU,CAAC,qBAAqB,EAAE,EAAC,UAAU,YAAA,EAAC,CAAC,IACpE,UAAU,CAAC,CAAC,CAAC,oBAAC,MAAM,OAAG,CAAC,CAAC,CAAC,kCAAO,OAAO,aAAP,OAAO,cAAP,OAAO,GAAI,oBAAoB,CAAQ,CACvE,CACT,CAAC;AACN,CAAC,CAAC,CAAC"}

package/core/FlatList/Refresh/index.less

@@ -0,0 +1,25 @@
+.g-flat-list-refresh {
+    position: absolute;
+    width: 100%;
+    height: auto;
+    display: flex;
+    flex-flow: column nowrap;
+    justify-content: center;
+    align-items: center;
+    padding: 30px 0;
+    transform: translateY(-100%);
+
+    > span {
+        animation: fade-in 200ms ease-in;
+    }
+
+    @keyframes fade-in {
+        from {
+            opacity: 0;
+        }
+
+        to {
+            opacity: 1;
+        }
+    }
+}

package/core/FlatList/hook/useRefreshing.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Prevent flickering refreshing
+ * `PS`: This is totally different from prevent flickering loading, the hook make sure refreshing must remain `true` in a certain period of time
+ */
+export declare function useRefreshing(refreshing: boolean, duration: number): boolean;

package/core/FlatList/hook/useRefreshing.js

@@ -0,0 +1,46 @@
+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;
+};
+import React from "react";
+/**
+ * Prevent flickering refreshing
+ * `PS`: This is totally different from prevent flickering loading, the hook make sure refreshing must remain `true` in a certain period of time
+ */
+export function useRefreshing(refreshing, duration) {
+    var _a = __read(React.useState(refreshing), 2), guarantee = _a[0], setGuarantee = _a[1];
+    var timerId = React.useRef();
+    var lastLoadingTime = React.useRef(Date.now());
+    var durationRef = React.useRef(duration);
+    durationRef.current = duration;
+    React.useEffect(function () {
+        if (refreshing) {
+            lastLoadingTime.current = Date.now();
+            clearTimeout(timerId.current);
+            setGuarantee(true);
+        }
+        else {
+            var remain = durationRef.current - (Date.now() - lastLoadingTime.current);
+            if (remain > 0) {
+                timerId.current = window.setTimeout(function () { return setGuarantee(false); }, remain);
+            }
+            else {
+                setGuarantee(false);
+            }
+        }
+    }, [refreshing]);
+    return guarantee;
+}
+//# sourceMappingURL=useRefreshing.js.map

package/core/FlatList/hook/useRefreshing.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useRefreshing.js","sourceRoot":"","sources":["../../../../src/core/FlatList/hook/useRefreshing.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B;;;GAGG;AACH,MAAM,UAAU,aAAa,CAAC,UAAmB,EAAE,QAAgB;IACzD,IAAA,KAAA,OAA4B,KAAK,CAAC,QAAQ,CAAC,UAAU,CAAC,IAAA,EAArD,SAAS,QAAA,EAAE,YAAY,QAA8B,CAAC;IAC7D,IAAM,OAAO,GAAG,KAAK,CAAC,MAAM,EAAU,CAAC;IACvC,IAAM,eAAe,GAAG,KAAK,CAAC,MAAM,CAAS,IAAI,CAAC,GAAG,EAAE,CAAC,CAAC;IAEzD,IAAM,WAAW,GAAG,KAAK,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC;IAC3C,WAAW,CAAC,OAAO,GAAG,QAAQ,CAAC;IAE/B,KAAK,CAAC,SAAS,CAAC;QACZ,IAAI,UAAU,EAAE;YACZ,eAAe,CAAC,OAAO,GAAG,IAAI,CAAC,GAAG,EAAE,CAAC;YACrC,YAAY,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC;YAC9B,YAAY,CAAC,IAAI,CAAC,CAAC;SACtB;aAAM;YACH,IAAM,MAAM,GAAG,WAAW,CAAC,OAAO,GAAG,CAAC,IAAI,CAAC,GAAG,EAAE,GAAG,eAAe,CAAC,OAAO,CAAC,CAAC;YAC5E,IAAI,MAAM,GAAG,CAAC,EAAE;gBACZ,OAAO,CAAC,OAAO,GAAG,MAAM,CAAC,UAAU,CAAC,cAAM,OAAA,YAAY,CAAC,KAAK,CAAC,EAAnB,CAAmB,EAAE,MAAM,CAAC,CAAC;aAC1E;iBAAM;gBACH,YAAY,CAAC,KAAK,CAAC,CAAC;aACvB;SACJ;IACL,CAAC,EAAE,CAAC,UAAU,CAAC,CAAC,CAAC;IAEjB,OAAO,SAAS,CAAC;AACrB,CAAC"}

package/core/FlatList/hook/useScrollListSwipe.d.ts

@@ -0,0 +1,29 @@
+import React from "react";
+import { Direction } from "../../../hooks/useSwipe";
+import type { SwipeState } from "../../../hooks/useSwipe";
+import type { Boundary } from "../type";
+interface ScrollListSwipeState {
+    delta: number;
+    bounary: Boundary | null;
+    swipeState: SwipeState;
+}
+export interface ScrollListSwipeOption {
+    scrollElementRef: React.RefObject<HTMLElement>;
+    onStart: (state: ScrollListSwipeState) => void;
+    onMove: (state: ScrollListSwipeState) => void;
+    onEnd: (state: ScrollListSwipeState) => void;
+    onCancel: (state: ScrollListSwipeState) => void;
+}
+/**
+ * Use useSwipe with Scorllable content
+ * 1. prevent scrolling on swiping
+ * 1. start counting delta when scorll to top and bottom
+ */
+export declare const useScrollListSwipe: ({ scrollElementRef, onStart, onMove, onEnd, onCancel }: ScrollListSwipeOption) => import("../../../hooks/useSwipe").SwipeHookResult;
+export declare function isExceededBounary(delta: number, boundary: Boundary): boolean;
+export declare function getBounaryFromStartDirection(direction: Direction): Boundary | null;
+export declare function isScrollTop(element: HTMLElement): boolean;
+export declare function isScrollBottom(element: HTMLElement): boolean;
+export declare function isScrollLeft(element: HTMLElement): boolean;
+export declare function isScrollRight(element: HTMLElement): boolean;
+export {};

package/core/FlatList/hook/useScrollListSwipe.js

@@ -0,0 +1,126 @@
+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;
+};
+import React from "react";
+import { useSwipe, Direction } from "../../../hooks/useSwipe";
+var OVER_BOUNDARY_LIMIT = 40;
+/**
+ * Use useSwipe with Scorllable content
+ * 1. prevent scrolling on swiping
+ * 1. start counting delta when scorll to top and bottom
+ */
+export var useScrollListSwipe = function (_a) {
+    var scrollElementRef = _a.scrollElementRef, onStart = _a.onStart, onMove = _a.onMove, onEnd = _a.onEnd, onCancel = _a.onCancel;
+    var start = React.useRef(null);
+    var threshold = function (_a) {
+        var direction = _a.direction;
+        var element = scrollElementRef.current;
+        if (!element)
+            return false;
+        if (direction === Direction.DOWN && isScrollTop(element)) {
+            return true;
+        }
+        else if (direction === Direction.UP && isScrollBottom(element)) {
+            return true;
+        }
+        return false;
+    };
+    var clear = function () {
+        resumeScrolling();
+        start.current = null;
+    };
+    var calculateState = function (state) {
+        var _a = __read(state.delta, 2), y = _a[1];
+        if (!start.current)
+            return null;
+        return { delta: y - start.current.delta, bounary: start.current.bounary, swipeState: state };
+    };
+    var preventScrolling = function () {
+        if (scrollElementRef.current) {
+            scrollElementRef.current.style.overflowY = "hidden";
+        }
+    };
+    var resumeScrolling = function () {
+        if (scrollElementRef.current) {
+            scrollElementRef.current.style.overflowY = "";
+        }
+    };
+    var bind = useSwipe({
+        onStart: function (s) {
+            var startBounary = getBounaryFromStartDirection(s.direction);
+            start.current = { delta: s.delta[1], bounary: startBounary };
+            onStart({ delta: 0, bounary: startBounary, swipeState: s });
+            preventScrolling();
+        },
+        onMove: function (s) {
+            var state = calculateState(s);
+            if (!state)
+                return;
+            onMove(state);
+            if (state.bounary) {
+                isExceededBounary(state.delta, state.bounary) && s.cancel();
+            }
+        },
+        onEnd: function (s) {
+            var state = calculateState(s);
+            if (!state)
+                return;
+            onEnd(state);
+            clear();
+        },
+        onCancel: function (s) {
+            var state = calculateState(s);
+            if (!state)
+                return;
+            onCancel(state);
+            clear();
+        },
+    }, { threshold: threshold, preventDefault: true, stopPropagation: true });
+    return bind;
+};
+export function isExceededBounary(delta, boundary) {
+    switch (boundary) {
+        case "top":
+            return delta < -OVER_BOUNDARY_LIMIT;
+        case "bottom":
+            return delta > OVER_BOUNDARY_LIMIT;
+    }
+}
+export function getBounaryFromStartDirection(direction) {
+    switch (direction) {
+        case Direction.DOWN:
+            return "top";
+        case Direction.UP:
+            return "bottom";
+        default:
+            return null;
+    }
+}
+export function isScrollTop(element) {
+    return element.scrollTop === 0;
+}
+export function isScrollBottom(element) {
+    var scrollTop = element.scrollTop, clientHeight = element.clientHeight, scrollHeight = element.scrollHeight;
+    return Math.ceil(scrollTop) + clientHeight >= scrollHeight;
+}
+export function isScrollLeft(element) {
+    return element.scrollLeft === 0;
+}
+export function isScrollRight(element) {
+    var scrollWidth = element.scrollWidth, scrollLeft = element.scrollLeft, clientWidth = element.clientWidth;
+    return Math.ceil(scrollLeft) + clientWidth >= scrollWidth;
+}
+//# sourceMappingURL=useScrollListSwipe.js.map

package/core/FlatList/hook/useScrollListSwipe.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useScrollListSwipe.js","sourceRoot":"","sources":["../../../../src/core/FlatList/hook/useScrollListSwipe.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAC,QAAQ,EAAE,SAAS,EAAC,MAAM,yBAAyB,CAAC;AAI5D,IAAM,mBAAmB,GAAG,EAAE,CAAC;AAgB/B;;;;GAIG;AACH,MAAM,CAAC,IAAM,kBAAkB,GAAG,UAAC,EAA2E;QAA1E,gBAAgB,sBAAA,EAAE,OAAO,aAAA,EAAE,MAAM,YAAA,EAAE,KAAK,WAAA,EAAE,QAAQ,cAAA;IAClF,IAAM,KAAK,GAAG,KAAK,CAAC,MAAM,CAAkD,IAAI,CAAC,CAAC;IAElF,IAAM,SAAS,GAAG,UAAC,EAAuB;YAAtB,SAAS,eAAA;QACzB,IAAM,OAAO,GAAG,gBAAgB,CAAC,OAAO,CAAC;QACzC,IAAI,CAAC,OAAO;YAAE,OAAO,KAAK,CAAC;QAC3B,IAAI,SAAS,KAAK,SAAS,CAAC,IAAI,IAAI,WAAW,CAAC,OAAO,CAAC,EAAE;YACtD,OAAO,IAAI,CAAC;SACf;aAAM,IAAI,SAAS,KAAK,SAAS,CAAC,EAAE,IAAI,cAAc,CAAC,OAAO,CAAC,EAAE;YAC9D,OAAO,IAAI,CAAC;SACf;QACD,OAAO,KAAK,CAAC;IACjB,CAAC,CAAC;IAEF,IAAM,KAAK,GAAG;QACV,eAAe,EAAE,CAAC;QAClB,KAAK,CAAC,OAAO,GAAG,IAAI,CAAC;IACzB,CAAC,CAAC;IAEF,IAAM,cAAc,GAAG,UAAC,KAAiB;QAEjC,IAAA,KAAA,OACA,KAAK,UADO,EAAF,CAAC,QAAC,CACN;QACV,IAAI,CAAC,KAAK,CAAC,OAAO;YAAE,OAAO,IAAI,CAAC;QAChC,OAAO,EAAC,KAAK,EAAE,CAAC,GAAG,KAAK,CAAC,OAAO,CAAC,KAAK,EAAE,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,OAAO,EAAE,UAAU,EAAE,KAAK,EAAC,CAAC;IAC/F,CAAC,CAAC;IAEF,IAAM,gBAAgB,GAAG;QACrB,IAAI,gBAAgB,CAAC,OAAO,EAAE;YAC1B,gBAAgB,CAAC,OAAO,CAAC,KAAK,CAAC,SAAS,GAAG,QAAQ,CAAC;SACvD;IACL,CAAC,CAAC;IAEF,IAAM,eAAe,GAAG;QACpB,IAAI,gBAAgB,CAAC,OAAO,EAAE;YAC1B,gBAAgB,CAAC,OAAO,CAAC,KAAK,CAAC,SAAS,GAAG,EAAE,CAAC;SACjD;IACL,CAAC,CAAC;IAEF,IAAM,IAAI,GAAG,QAAQ,CACjB;QACI,OAAO,EAAE,UAAA,CAAC;YACN,IAAM,YAAY,GAAG,4BAA4B,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC;YAC/D,KAAK,CAAC,OAAO,GAAG,EAAC,KAAK,EAAE,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,OAAO,EAAE,YAAY,EAAC,CAAC;YAC3D,OAAO,CAAC,EAAC,KAAK,EAAE,CAAC,EAAE,OAAO,EAAE,YAAY,EAAE,UAAU,EAAE,CAAC,EAAC,CAAC,CAAC;YAC1D,gBAAgB,EAAE,CAAC;QACvB,CAAC;QACD,MAAM,EAAE,UAAA,CAAC;YACL,IAAM,KAAK,GAAG,cAAc,CAAC,CAAC,CAAC,CAAC;YAChC,IAAI,CAAC,KAAK;gBAAE,OAAO;YACnB,MAAM,CAAC,KAAK,CAAC,CAAC;YACd,IAAI,KAAK,CAAC,OAAO,EAAE;gBACf,iBAAiB,CAAC,KAAK,CAAC,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,MAAM,EAAE,CAAC;aAC/D;QACL,CAAC;QACD,KAAK,EAAE,UAAA,CAAC;YACJ,IAAM,KAAK,GAAG,cAAc,CAAC,CAAC,CAAC,CAAC;YAChC,IAAI,CAAC,KAAK;gBAAE,OAAO;YACnB,KAAK,CAAC,KAAK,CAAC,CAAC;YACb,KAAK,EAAE,CAAC;QACZ,CAAC;QACD,QAAQ,EAAE,UAAA,CAAC;YACP,IAAM,KAAK,GAAG,cAAc,CAAC,CAAC,CAAC,CAAC;YAChC,IAAI,CAAC,KAAK;gBAAE,OAAO;YACnB,QAAQ,CAAC,KAAK,CAAC,CAAC;YAChB,KAAK,EAAE,CAAC;QACZ,CAAC;KACJ,EACD,EAAC,SAAS,WAAA,EAAE,cAAc,EAAE,IAAI,EAAE,eAAe,EAAE,IAAI,EAAC,CAC3D,CAAC;IAEF,OAAO,IAAI,CAAC;AAChB,CAAC,CAAC;AAEF,MAAM,UAAU,iBAAiB,CAAC,KAAa,EAAE,QAAkB;IAC/D,QAAQ,QAAQ,EAAE;QACd,KAAK,KAAK;YACN,OAAO,KAAK,GAAG,CAAC,mBAAmB,CAAC;QACxC,KAAK,QAAQ;YACT,OAAO,KAAK,GAAG,mBAAmB,CAAC;KAC1C;AACL,CAAC;AAED,MAAM,UAAU,4BAA4B,CAAC,SAAoB;IAC7D,QAAQ,SAAS,EAAE;QACf,KAAK,SAAS,CAAC,IAAI;YACf,OAAO,KAAK,CAAC;QACjB,KAAK,SAAS,CAAC,EAAE;YACb,OAAO,QAAQ,CAAC;QACpB;YACI,OAAO,IAAI,CAAC;KACnB;AACL,CAAC;AAED,MAAM,UAAU,WAAW,CAAC,OAAoB;IAC5C,OAAO,OAAO,CAAC,SAAS,KAAK,CAAC,CAAC;AACnC,CAAC;AAED,MAAM,UAAU,cAAc,CAAC,OAAoB;IACxC,IAAA,SAAS,GAAgC,OAAO,UAAvC,EAAE,YAAY,GAAkB,OAAO,aAAzB,EAAE,YAAY,GAAI,OAAO,aAAX,CAAY;IACxD,OAAO,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC,GAAG,YAAY,IAAI,YAAY,CAAC;AAC/D,CAAC;AAED,MAAM,UAAU,YAAY,CAAC,OAAoB;IAC7C,OAAO,OAAO,CAAC,UAAU,KAAK,CAAC,CAAC;AACpC,CAAC;AAED,MAAM,UAAU,aAAa,CAAC,OAAoB;IACvC,IAAA,WAAW,GAA6B,OAAO,YAApC,EAAE,UAAU,GAAiB,OAAO,WAAxB,EAAE,WAAW,GAAI,OAAO,YAAX,CAAY;IACvD,OAAO,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,GAAG,WAAW,IAAI,WAAW,CAAC;AAC9D,CAAC"}

package/core/FlatList/index.d.ts

@@ -2,4 +2,4 @@
 import type { FlatListProps } from "./type";
 import "./index.less";
 export * from "./type";
-export declare const FlatList: <T>({ renderItem, data, rowKey, id, className, gap, refreshing: exactRefreshing, loading, onPullDownRefresh, onPullUpLoading, endReachThreshold, emptyPlaceholder, pullDownMessage, pullUpMessage, endOfListMessage, }: FlatListProps<T>) => JSX.Element;
+export declare const FlatList: <T>({ renderItem, data, rowKey, id, className, gap, refreshing: exactRefreshing, loading, onPullDownRefresh, onPullUpLoading, endReachThreshold, emptyPlaceholder, pullDownMessage, pullUpMessage, endOfListMessage, style, wrapperStyle, }: FlatListProps<T>) => JSX.Element;

package/core/FlatList/index.js

@@ -27,116 +27,80 @@ var __read = (this && this.__read) || function (o, n) {
 };
 import React from "react";
 import { classNames } from "../../util/ClassNames";
-import { Direction } from "../../hooks/useSwipe";
-import { useSwipe, useTransform } from "../../hooks";
-import { getBounaryFromStartDirection, isExceededBounary, isScrollBottom, isScrollTop } from "./util";
+import { useTransform } from "../../hooks";
+import { useScrollListSwipe } from "./hook/useScrollListSwipe";
 import { Content } from "./Content";
+import { FloatingLoader } from "./FloatingLoader";
+import { Refresh } from "./Refresh";
 import "./index.less";
-import { Loader } from "./Loader";
+import { useRefreshing } from "./hook/useRefreshing";
 export * from "./type";
 var PULL_DOWN_REFRESH_THRESHOLD = 50;
 export var FlatList = function (_a) {
-    var renderItem = _a.renderItem, data = _a.data, rowKey = _a.rowKey, id = _a.id, className = _a.className, gap = _a.gap, exactRefreshing = _a.refreshing, loading = _a.loading, onPullDownRefresh = _a.onPullDownRefresh, onPullUpLoading = _a.onPullUpLoading, endReachThreshold = _a.endReachThreshold, emptyPlaceholder = _a.emptyPlaceholder, pullDownMessage = _a.pullDownMessage, pullUpMessage = _a.pullUpMessage, endOfListMessage = _a.endOfListMessage;
+    var renderItem = _a.renderItem, data = _a.data, rowKey = _a.rowKey, id = _a.id, className = _a.className, gap = _a.gap, exactRefreshing = _a.refreshing, loading = _a.loading, onPullDownRefresh = _a.onPullDownRefresh, onPullUpLoading = _a.onPullUpLoading, endReachThreshold = _a.endReachThreshold, emptyPlaceholder = _a.emptyPlaceholder, pullDownMessage = _a.pullDownMessage, pullUpMessage = _a.pullUpMessage, endOfListMessage = _a.endOfListMessage, style = _a.style, wrapperStyle = _a.wrapperStyle;
     var scrollRef = React.useRef(null);
     var animtedRef = React.useRef(null);
     var refreshHeight = React.useRef(0);
     var previousBoundary = React.useRef(null);
-    var _b = __read(React.useState(null), 2), startDelta = _b[0], setStartDelta = _b[1];
-    var delayedRefreshing = useRefreshing(exactRefreshing !== null && exactRefreshing !== void 0 ? exactRefreshing : false, 1000);
+    var refreshing = useRefreshing(exactRefreshing !== null && exactRefreshing !== void 0 ? exactRefreshing : false, 1000);
+    var _b = __read(React.useState(refreshing), 2), showFloatingLoader = _b[0], setShowFloatingLoader = _b[1];
     var transit = useTransform(animtedRef, {
         timingFunction: "cubic-bezier(0, 0.89, 0.26, 1.02)",
         duration: 800,
     });
     var transitRef = React.useRef(transit);
     transitRef.current = transit;
-    var threshold = function (_a) {
-        var direction = _a.direction;
-        var element = scrollRef.current;
-        if (!element)
-            return false;
-        if (direction === Direction.DOWN && isScrollTop(element)) {
-            return true;
-        }
-        else if (direction === Direction.UP && isScrollBottom(element)) {
-            return true;
-        }
-        return false;
-    };
-    var clear = function () {
-        transit.clear();
-        setStartDelta(null);
-    };
-    var bind = useSwipe({
+    var bind = useScrollListSwipe({
+        scrollElementRef: scrollRef,
         onStart: function (_a) {
-            var _b = __read(_a.delta, 2), y = _b[1], direction = _a.direction;
-            setStartDelta(y);
-            previousBoundary.current = getBounaryFromStartDirection(direction);
+            var bounary = _a.bounary;
+            setShowFloatingLoader(false);
+            previousBoundary.current = bounary;
         },
         onMove: function (_a) {
-            var _b = __read(_a.delta, 2), y = _b[1], cancel = _a.cancel;
-            if (!startDelta || !previousBoundary.current)
-                return;
-            var transform = y - startDelta;
-            transit.to({ y: transform, immediate: true });
-            isExceededBounary(transform, previousBoundary.current) && cancel();
+            var delta = _a.delta;
+            return transit.to({ y: delta, immediate: true });
         },
         onEnd: function (_a) {
-            var _b = __read(_a.delta, 2), y = _b[1];
-            if (!startDelta)
-                return;
-            if (previousBoundary.current === "top" && onPullDownRefresh && y - startDelta >= PULL_DOWN_REFRESH_THRESHOLD && !delayedRefreshing) {
+            var delta = _a.delta;
+            if (previousBoundary.current === "top" && onPullDownRefresh && delta >= PULL_DOWN_REFRESH_THRESHOLD && !refreshing && !loading) {
                 onPullDownRefresh();
             }
-            clear();
-            if (delayedRefreshing) {
+            transit.clear();
+            if (refreshing) {
                 transit.to({ y: refreshHeight.current });
             }
         },
-        onCancel: clear,
-    }, { threshold: threshold, preventDefault: true, stopPropagation: true });
-    var onScroll = function () { return transit.clear(); };
-    var updateRefreshHeight = function (node) { return node && (refreshHeight.current = node.getBoundingClientRect().height); };
-    var showRefresh = onPullDownRefresh && exactRefreshing !== undefined;
-    React.useEffect(function () {
-        if (delayedRefreshing && previousBoundary.current === "top") {
-            transitRef.current.to({ y: refreshHeight.current });
-        }
-        else {
-            transitRef.current.clear();
+        onCancel: function () { return transit.clear(); },
+    });
+    var updateRefreshHeight = React.useCallback(function (node) { return node && (refreshHeight.current = node.getBoundingClientRect().height); }, []);
+    var handleScroll = function () {
+        transit.clear();
+        if (refreshing) {
+            setShowFloatingLoader(true);
         }
-    }, [delayedRefreshing]);
-    return (React.createElement("div", __assign({ id: id, className: classNames("g-flat-list", className) }, bind),
-        React.createElement("div", { className: "g-flat-list-inner-wrapper", ref: animtedRef },
-            showRefresh && (React.createElement("div", { ref: updateRefreshHeight, className: "g-flat-list-refresh" }, delayedRefreshing ? React.createElement(Loader, null) : React.createElement("span", null, pullDownMessage !== null && pullDownMessage !== void 0 ? pullDownMessage : "release to refresh"))),
-            React.createElement("div", { className: "g-flat-list-scrollable", ref: scrollRef, style: { overflow: startDelta ? "hidden" : undefined }, onScroll: onScroll },
-                React.createElement(Content, { data: data, rowKey: rowKey, renderItem: renderItem, gap: gap, emptyPlaceholder: emptyPlaceholder, loading: loading, endOfListMessage: endOfListMessage, hasNextPageMessage: pullUpMessage, onPullUpLoading: onPullUpLoading, endReachThreshold: endReachThreshold })))));
-};
-/**
- * Prevent flickering refreshing
- * `PS`: This is totally different from prevent flickering loading, the hook make sure refreshing must remain `true` in a certain period of time
- */
-function useRefreshing(refreshing, duration) {
-    var _a = __read(React.useState(refreshing), 2), guarantee = _a[0], setGuarantee = _a[1];
-    var timerId = React.useRef();
-    var lastLoadingTime = React.useRef(Date.now());
-    var durationRef = React.useRef(duration);
-    durationRef.current = duration;
+    };
     React.useEffect(function () {
         if (refreshing) {
-            lastLoadingTime.current = Date.now();
-            clearTimeout(timerId.current);
-            setGuarantee(true);
-        }
-        else {
-            var remain = durationRef.current - (Date.now() - lastLoadingTime.current);
-            if (remain > 0) {
-                timerId.current = window.setTimeout(function () { return setGuarantee(false); }, remain);
+            if (previousBoundary.current === "top") {
+                transitRef.current.to({ y: refreshHeight.current });
             }
             else {
-                setGuarantee(false);
+                setShowFloatingLoader(true);
             }
         }
+        else {
+            previousBoundary.current = null;
+            transitRef.current.clear();
+            setShowFloatingLoader(false);
+        }
     }, [refreshing]);
-    return guarantee;
-}
+    return (React.createElement("div", __assign({ id: id, className: classNames("g-flat-list", className) }, bind),
+        React.createElement("div", { className: "g-flat-list-inner-wrapper", ref: animtedRef, style: wrapperStyle },
+            exactRefreshing !== undefined && (React.createElement(React.Fragment, null,
+                React.createElement(FloatingLoader, { show: showFloatingLoader }),
+                React.createElement(Refresh, { ref: updateRefreshHeight, refreshing: refreshing, message: pullDownMessage }))),
+            React.createElement("div", { className: "g-flat-list-scrollable", ref: scrollRef, style: style, onScroll: handleScroll },
+                React.createElement(Content, { data: data, rowKey: rowKey, renderItem: renderItem, gap: gap, emptyPlaceholder: emptyPlaceholder, loading: loading, endOfListMessage: endOfListMessage, hasNextPageMessage: pullUpMessage, onPullUpLoading: !exactRefreshing ? onPullUpLoading : undefined, endReachThreshold: endReachThreshold })))));
+};
 //# sourceMappingURL=index.js.map

package/core/FlatList/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/core/FlatList/index.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/core/FlatList/index.tsx"],"names":[],"mappings":"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"}

package/core/FlatList/index.less

@@ -16,32 +16,6 @@
         transition-timing-function: cubic-bezier(0, 0.89, 0.26, 1.02);
         transition-duration: 800ms;
 
-        .g-flat-list-refresh {
-            position: absolute;
-            width: 100%;
-            height: auto;
-            display: flex;
-            flex-flow: column nowrap;
-            justify-content: center;
-            align-items: center;
-            padding: 30px 0;
-            transform: translateY(-100%);
-
-            > span {
-                animation: fade-in 200ms ease-in;
-            }
-
-            @keyframes fade-in {
-                from {
-                    opacity: 0;
-                }
-
-                to {
-                    opacity: 1;
-                }
-            }
-        }
-
         .g-flat-list-scrollable {
             display: flex;
             height: 100%;
@@ -50,8 +24,6 @@
             flex-flow: column nowrap;
 
             .g-flat-list-content {
-                display: flex;
-                flex-flow: column nowrap;
                 height: 100%;
             }
         }

package/core/FlatList/shared/Loader/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/core/FlatList/shared/Loader/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,cAAc,CAAC;AAEtB,MAAM,CAAC,IAAM,MAAM,GAAG;IAClB,OAAO,CACH,6BAAK,SAAS,EAAC,oBAAoB;QAC/B,6BAAK,SAAS,EAAC,KAAK,GAAG;QACvB,6BAAK,SAAS,EAAC,KAAK,GAAG;QACvB,6BAAK,SAAS,EAAC,KAAK,GAAG,CACrB,CACT,CAAC;AACN,CAAC,CAAC"}

package/core/FlatList/type.d.ts

@@ -1,6 +1,6 @@
 import type React from "react";
 export type Boundary = "top" | "bottom";
-export type Gap = number | {
+export type Gap = number | [number, number] | {
     top?: number;
     bottom?: number;
     left?: number;
@@ -59,13 +59,17 @@ export interface FlatListProps<T> {
     endOfListMessage?: string;
     /**
      * Set margin for each item
+     * if you specify a number, the value is going to be use in top, bottom, left and right gap
+     * if you specify a tuple of 2 number: [number, number], first one represent top and bottom gap, second represent left and right gap
      */
     gap?: Gap;
-    className?: string;
-    id?: string;
     /**
      * Determine number of items left outside of viewport of the list to trigger onPullUpLoading
      * Default: 4
      */
     endReachThreshold?: number;
+    className?: string;
+    id?: string;
+    style?: React.CSSProperties;
+    wrapperStyle?: React.CSSProperties;
 }

package/hooks/useSwipe/controller.js

@@ -74,7 +74,7 @@ var Controller = /** @class */ (function () {
         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;
+        var elapsed = Date.now() - this.startTime;
         return {
             clientX: changed.clientX,
             clientY: changed.clientY,
@@ -83,7 +83,8 @@ var Controller = /** @class */ (function () {
             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],
+            velocity: [Math.abs(delta[0]) / elapsed, Math.abs(delta[1]) / elapsed],
+            elapsed: elapsed,
             syntheticEvent: event,
             cancel: (function () { return _this.cancel(event); }).bind(this),
         };

package/hooks/useSwipe/controller.js.map

@@ -1 +1 @@
-{"version":3,"file":"controller.js","sourceRoot":"","sources":["../../../src/hooks/useSwipe/controller.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"controller.js","sourceRoot":"","sources":["../../../src/hooks/useSwipe/controller.ts"],"names":[],"mappings":"AAEA,OAAO,EAAC,SAAS,EAAC,MAAM,sBAAsB,CAAC;AAE/C,IAAM,qBAAqB,GAAG,EAAE,CAAC;AAEjC;IASI;QARQ,cAAS,GAAW,CAAC,CAAC;QACtB,eAAU,GAAuB,IAAI,CAAC;QACtC,YAAO,GAAY,KAAK,CAAC;QAGzB,eAAU,GAAuB,IAAI,CAAC;QAI1C,IAAI,CAAC,QAAQ,GAAG,EAAE,CAAC;QACnB,IAAI,CAAC,MAAM,GAAG,EAAE,CAAC;IACrB,CAAC;IAEO,iCAAY,GAApB,UAAqB,CAAmB;QACpC,IAAI,CAAC,MAAM,CAAC,eAAe,IAAI,CAAC,CAAC,eAAe,EAAE,CAAC;QACnD,IAAI,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,UAAU,EAAE;YACzC,IAAI,CAAC,UAAU,GAAG,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,CAAC;YACtC,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,GAAG,EAAE,CAAC;SAC/B;IACL,CAAC;IAEO,gCAAW,GAAnB,UAAoB,CAAmB;;QACnC,IAAM,cAAc,GAAG,IAAI,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC;QAC5C,IAAI,CAAC,cAAc,EAAE;YACjB,OAAO;SACV;QACD,IAAM,KAAK,GAAG,IAAI,CAAC,YAAY,CAAC,cAAc,CAAC,KAAK,EAAE,cAAc,CAAC,OAAO,EAAE,CAAC,CAAC,CAAC;QAEjF,IAAI,CAAC,IAAI,CAAC,OAAO,IAAI,IAAI,CAAC,aAAa,CAAC,KAAK,CAAC,EAAE;YAC5C,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC;YACpB,MAAA,MAAA,IAAI,CAAC,QAAQ,EAAC,OAAO,mDAAG,KAAK,CAAC,CAAC;YAC/B,OAAO;SACV;aAAM,IAAI,IAAI,CAAC,OAAO,EAAE;YACrB,MAAA,MAAA,IAAI,CAAC,QAAQ,EAAC,MAAM,mDAAG,KAAK,CAAC,CAAC;SACjC;IACL,CAAC;IAEO,+BAAU,GAAlB,UAAmB,CAAmB;;QAClC,IAAI,CAAC,IAAI,CAAC,OAAO,EAAE;YACf,IAAI,CAAC,KAAK,EAAE,CAAC;YACb,OAAO;SACV;QACD,IAAM,cAAc,GAAG,IAAI,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC;QAC5C,IAAI,CAAC,cAAc,EAAE;YACjB,OAAO;SACV;QACD,IAAM,KAAK,GAAG,IAAI,CAAC,YAAY,CAAC,cAAc,CAAC,KAAK,EAAE,cAAc,CAAC,OAAO,EAAE,CAAC,CAAC,CAAC;QACjF,MAAA,MAAA,IAAI,CAAC,QAAQ,EAAC,KAAK,mDAAG,KAAK,CAAC,CAAC;QAC7B,IAAI,CAAC,KAAK,EAAE,CAAC;IACjB,CAAC;IAEO,kCAAa,GAArB,UAAsB,CAAmB;;QACrC,IAAI,CAAC,IAAI,CAAC,OAAO,EAAE;YACf,IAAI,CAAC,KAAK,EAAE,CAAC;YACb,OAAO;SACV;QACD,IAAM,cAAc,GAAG,IAAI,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC;QAC5C,IAAI,CAAC,cAAc,EAAE;YACjB,OAAO;SACV;QACD,IAAM,KAAK,GAAG,IAAI,CAAC,YAAY,CAAC,cAAc,CAAC,KAAK,EAAE,cAAc,CAAC,OAAO,EAAE,CAAC,CAAC,CAAC;QACjF,MAAA,MAAA,IAAI,CAAC,QAAQ,EAAC,QAAQ,mDAAG,KAAK,CAAC,CAAC;QAChC,IAAI,CAAC,KAAK,EAAE,CAAC;IACjB,CAAC;IAEO,kCAAa,GAArB,UAAsB,KAAiB;;QACnC,OAAO,KAAK,CAAC,YAAY,GAAG,qBAAqB,IAAI,CAAC,MAAA,MAAA,MAAA,IAAI,CAAC,MAAM,EAAC,SAAS,mDAAG,KAAK,CAAC,mCAAI,IAAI,CAAC,CAAC;IAClG,CAAC;IAEO,2BAAM,GAAd,UAAe,KAAuB;QAClC,IAAI,IAAI,CAAC,UAAU,EAAE;YACjB,IAAI,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;SAC7B;IACL,CAAC;IAEO,iCAAY,GAApB,UAAqB,KAAkB,EAAE,OAAoB,EAAE,KAAuB;QAAtF,iBAkBC;QAjBG,IAAM,CAAC,GAAY,CAAC,KAAK,CAAC,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC;QAClD,IAAM,CAAC,GAAY,CAAC,OAAO,CAAC,OAAO,EAAE,OAAO,CAAC,OAAO,CAAC,CAAC;QACtD,IAAM,KAAK,GAAY,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAClD,IAAM,OAAO,GAAG,IAAI,CAAC,GAAG,EAAE,GAAG,IAAI,CAAC,SAAS,CAAC;QAC5C,OAAO;YACH,OAAO,EAAE,OAAO,CAAC,OAAO;YACxB,OAAO,EAAE,OAAO,CAAC,OAAO;YACxB,UAAU,EAAE,KAAK;YACjB,KAAK,OAAA;YACL,SAAS,EAAE,SAAS,CAAC,YAAY,CAAC,CAAC,EAAE,CAAC,CAAC;YACvC,YAAY,EAAE,SAAS,CAAC,eAAe,CAAC,CAAC,EAAE,CAAC,CAAC;YAC7C,mDAAmD;YACnD,QAAQ,EAAE,CAAC,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,GAAG,OAAO,EAAE,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,GAAG,OAAO,CAAC;YACtE,OAAO,SAAA;YACP,cAAc,EAAE,KAAK;YACrB,MAAM,EAAE,CAAC,cAAM,OAAA,KAAI,CAAC,MAAM,CAAC,KAAK,CAAC,EAAlB,CAAkB,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC;SAChD,CAAC;IACN,CAAC;IAEO,iCAAY,GAApB,UAAqB,CAAmB;QAAxC,iBAaC;QAZG,IAAI,CAAC,IAAI,CAAC,UAAU,EAAE;YAClB,OAAO,IAAI,CAAC;SACf;QACD,IAAM,KAAK,GAAG,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,IAAI,CAAC,UAAA,CAAC,IAAI,OAAA,CAAC,CAAC,UAAU,KAAK,KAAI,CAAC,UAAW,CAAC,UAAU,EAA5C,CAA4C,CAAC,CAAC;QACnG,IAAI,CAAC,KAAK,EAAE;YACR,OAAO,IAAI,CAAC;SACf;aAAM;YACH,OAAO;gBACH,KAAK,EAAE,IAAI,CAAC,UAAU;gBACtB,OAAO,EAAE,KAAK;aACjB,CAAC;SACL;IACL,CAAC;IAEO,0BAAK,GAAb;QACI,IAAI,CAAC,SAAS,GAAG,CAAC,CAAC;QACnB,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC;QACvB,IAAI,CAAC,OAAO,GAAG,KAAK,CAAC;IACzB,CAAC;IAEO,mCAAc,GAAtB,UAAuB,KAAiB;QACpC,IAAI,KAAK,CAAC,UAAU,IAAI,IAAI,CAAC,MAAM,CAAC,cAAc,IAAI,IAAI,CAAC,OAAO,EAAE;YAChE,KAAK,CAAC,cAAc,EAAE,CAAC;SAC1B;IACL,CAAC;IAEO,+BAAU,GAAlB,UAAmB,IAAwB;QACvC,IAAM,GAAG,GAAG,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC;QAE5B,IAAI,CAAC,GAAG,EAAE;YACN,OAAO;SACV;QACD,IAAI,OAAO,GAAG,KAAK,UAAU,EAAE;YAC3B,GAAG,CAAC,IAAI,CAAC,CAAC;SACb;aAAM;YACH,GAAG,IAAI,CAAC,GAAG,CAAC,OAAO,GAAG,IAAI,CAAC,CAAC;SAC/B;IACL,CAAC;IAED,2BAAM,GAAN,UAAO,QAA2B,EAAE,MAA4B;QAA5B,uBAAA,EAAA,WAA4B;QAC5D,IAAI,CAAC,QAAQ,GAAG,QAAQ,CAAC;QACzB,IAAI,CAAC,MAAM,GAAG,MAAM,CAAC;IACzB,CAAC;IAED,8BAAS,GAAT;QAAA,iBAgBC;QAfG,OAAO,UAAC,IAAwB;YAC5B,KAAI,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC;YAEtB,IAAI,KAAI,CAAC,UAAU,IAAI,KAAI,CAAC,uBAAuB,EAAE;gBACjD,KAAI,CAAC,UAAU,CAAC,mBAAmB,CAAC,WAAW,EAAE,KAAI,CAAC,uBAAuB,CAAC,CAAC;gBAC/E,KAAI,CAAC,UAAU,GAAG,IAAI,CAAC;gBACvB,KAAI,CAAC,uBAAuB,GAAG,SAAS,CAAC;aAC5C;YAED,IAAI,IAAI,EAAE;gBACN,KAAI,CAAC,UAAU,GAAG,IAAI,CAAC;gBACvB,KAAI,CAAC,uBAAuB,GAAG,KAAI,CAAC,cAAc,CAAC,IAAI,CAAC,KAAI,CAAC,CAAC;gBAC9D,KAAI,CAAC,UAAU,CAAC,gBAAgB,CAAC,WAAW,EAAE,KAAI,CAAC,uBAAuB,EAAE,EAAC,OAAO,EAAE,KAAK,EAAC,CAAC,CAAC;aACjG;QACL,CAAC,CAAC;IACN,CAAC;IAED,mCAAc,GAAd;QACI,OAAO;YACH,YAAY,EAAE,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,IAAI,CAAC;YAC1C,WAAW,EAAE,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC;YACxC,UAAU,EAAE,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,IAAI,CAAC;YACtC,aAAa,EAAE,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,IAAI,CAAC;SAC/C,CAAC;IACN,CAAC;IACL,iBAAC;AAAD,CAAC,AAvKD,IAuKC"}

package/hooks/useSwipe/type.d.ts

@@ -17,6 +17,7 @@ export interface SwipeState {
     displacement: number;
     delta: Vector2;
     velocity: Vector2;
+    elapsed: number;
     direction: Direction;
     cancel: () => void;
 }

package/hooks/useSwipe/type.js.map

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

@@ -1,6 +1,6 @@
 {
   "name": "@pinnacle0/web-ui",
-  "version": "0.4.13",
+  "version": "0.4.15",
   "author": "Pinnacle",
   "license": "MIT",
   "sideEffects": [
@@ -52,8 +52,8 @@
     "react-dom": "18.2.0",
     "react-router-dom": "5.3.0",
     "typescript": "4.9.4",
-    "@pinnacle0/webpack-util": "0.3.42",
-    "@pinnacle0/devtool-util": "1.1.5"
+    "@pinnacle0/devtool-util": "1.1.5",
+    "@pinnacle0/webpack-util": "0.3.42"
   },
   "publishConfig": {
     "directory": "build"

package/core/FlatList/Loader/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/core/FlatList/Loader/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,cAAc,CAAC;AAEtB,MAAM,CAAC,IAAM,MAAM,GAAG;IAClB,OAAO,CACH,6BAAK,SAAS,EAAC,oBAAoB;QAC/B,6BAAK,SAAS,EAAC,KAAK,GAAG;QACvB,6BAAK,SAAS,EAAC,KAAK,GAAG;QACvB,6BAAK,SAAS,EAAC,KAAK,GAAG,CACrB,CACT,CAAC;AACN,CAAC,CAAC"}

package/core/FlatList/util.d.ts

@@ -1,8 +0,0 @@
-import { Direction } from "../../hooks/useSwipe";
-import type { Boundary } from "./type";
-export declare function isExceededBounary(delta: number, boundary: Boundary): boolean;
-export declare function getBounaryFromStartDirection(direction: Direction): Boundary | null;
-export declare function isScrollTop(element: HTMLElement): boolean;
-export declare function isScrollBottom(element: HTMLElement): boolean;
-export declare function isScrollLeft(element: HTMLElement): boolean;
-export declare function isScrollRight(element: HTMLElement): boolean;

package/core/FlatList/util.js

@@ -1,35 +0,0 @@
-import { Direction } from "../../hooks/useSwipe";
-var OVER_BOUNDARY_LIMIT = 40;
-export function isExceededBounary(delta, boundary) {
-    switch (boundary) {
-        case "top":
-            return delta < -OVER_BOUNDARY_LIMIT;
-        case "bottom":
-            return delta > OVER_BOUNDARY_LIMIT;
-    }
-}
-export function getBounaryFromStartDirection(direction) {
-    switch (direction) {
-        case Direction.DOWN:
-            return "top";
-        case Direction.UP:
-            return "bottom";
-        default:
-            return null;
-    }
-}
-export function isScrollTop(element) {
-    return element.scrollTop === 0;
-}
-export function isScrollBottom(element) {
-    var scrollTop = element.scrollTop, clientHeight = element.clientHeight, scrollHeight = element.scrollHeight;
-    return Math.ceil(scrollTop) + clientHeight >= scrollHeight;
-}
-export function isScrollLeft(element) {
-    return element.scrollLeft === 0;
-}
-export function isScrollRight(element) {
-    var scrollWidth = element.scrollWidth, scrollLeft = element.scrollLeft, clientWidth = element.clientWidth;
-    return Math.ceil(scrollLeft) + clientWidth >= scrollWidth;
-}
-//# sourceMappingURL=util.js.map

package/core/FlatList/util.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"util.js","sourceRoot":"","sources":["../../../src/core/FlatList/util.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAC,MAAM,sBAAsB,CAAC;AAG/C,IAAM,mBAAmB,GAAG,EAAE,CAAC;AAE/B,MAAM,UAAU,iBAAiB,CAAC,KAAa,EAAE,QAAkB;IAC/D,QAAQ,QAAQ,EAAE;QACd,KAAK,KAAK;YACN,OAAO,KAAK,GAAG,CAAC,mBAAmB,CAAC;QACxC,KAAK,QAAQ;YACT,OAAO,KAAK,GAAG,mBAAmB,CAAC;KAC1C;AACL,CAAC;AAED,MAAM,UAAU,4BAA4B,CAAC,SAAoB;IAC7D,QAAQ,SAAS,EAAE;QACf,KAAK,SAAS,CAAC,IAAI;YACf,OAAO,KAAK,CAAC;QACjB,KAAK,SAAS,CAAC,EAAE;YACb,OAAO,QAAQ,CAAC;QACpB;YACI,OAAO,IAAI,CAAC;KACnB;AACL,CAAC;AAED,MAAM,UAAU,WAAW,CAAC,OAAoB;IAC5C,OAAO,OAAO,CAAC,SAAS,KAAK,CAAC,CAAC;AACnC,CAAC;AAED,MAAM,UAAU,cAAc,CAAC,OAAoB;IACxC,IAAA,SAAS,GAAgC,OAAO,UAAvC,EAAE,YAAY,GAAkB,OAAO,aAAzB,EAAE,YAAY,GAAI,OAAO,aAAX,CAAY;IACxD,OAAO,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC,GAAG,YAAY,IAAI,YAAY,CAAC;AAC/D,CAAC;AAED,MAAM,UAAU,YAAY,CAAC,OAAoB;IAC7C,OAAO,OAAO,CAAC,UAAU,KAAK,CAAC,CAAC;AACpC,CAAC;AAED,MAAM,UAAU,aAAa,CAAC,OAAoB;IACvC,IAAA,WAAW,GAA6B,OAAO,YAApC,EAAE,UAAU,GAAiB,OAAO,WAAxB,EAAE,WAAW,GAAI,OAAO,YAAX,CAAY;IACvD,OAAO,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,GAAG,WAAW,IAAI,WAAW,CAAC;AAC9D,CAAC"}