@pinnacle0/web-ui 0.2.103 → 0.3.2-beta0

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?: number;
+    y?: number;
+    z?: number;
+    immediate?: boolean;
+}
+export declare const useTransform: (ref: React.RefObject<HTMLElement>, option?: Option | undefined) => {
+    to: (option: Option) => void;
+    clear: () => void;
+};
+export {};

package/hooks/useTransform.js

@@ -0,0 +1,50 @@
+import React from "react";
+export var useTransform = function (ref, option) {
+    var optionRef = React.useRef(option);
+    optionRef.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) {
+        if (optionRef.current) {
+            var _a = optionRef.current, delay = _a.delay, duration = _a.duration, property = _a.property, timingFunction = _a.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 el_1 = ref.current;
+            requestAnimationFrame(function () {
+                var _a, _b, _c;
+                el_1.style.transform = "translate3d(".concat((_a = option.x) !== null && _a !== void 0 ? _a : 0, "px, ").concat((_b = option.y) !== null && _b !== void 0 ? _b : 0, "px, ").concat((_c = option.z) !== null && _c !== void 0 ? _c : 0, "px) ");
+                option.immediate ? clearTransition(el_1) : setTransition(el_1);
+            });
+        }
+    }, [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);
+            });
+        }
+    }, [ref, setTransition]);
+    React.useEffect(function () {
+        if (optionRef.current) {
+            to(optionRef.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":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAmB1B,MAAM,CAAC,IAAM,YAAY,GAAG,UAAC,GAAiC,EAAE,MAAe;IAC3E,IAAM,SAAS,GAAG,KAAK,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC;IACvC,SAAS,CAAC,OAAO,GAAG,MAAM,CAAC;IAE3B,IAAM,eAAe,GAAG,KAAK,CAAC,WAAW,CAAC,UAAC,EAAe;QACtD,EAAE,CAAC,KAAK,CAAC,kBAAkB,GAAG,EAAE,CAAC;QACjC,EAAE,CAAC,KAAK,CAAC,kBAAkB,GAAG,EAAE,CAAC;QACjC,EAAE,CAAC,KAAK,CAAC,wBAAwB,GAAG,EAAE,CAAC;QACvC,EAAE,CAAC,KAAK,CAAC,kBAAkB,GAAG,EAAE,CAAC;IACrC,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,IAAM,aAAa,GAAG,KAAK,CAAC,WAAW,CACnC,UAAC,EAAe;QACZ,IAAI,SAAS,CAAC,OAAO,EAAE;YACb,IAAA,KAA8C,SAAS,CAAC,OAAO,EAA9D,KAAK,WAAA,EAAE,QAAQ,cAAA,EAAE,QAAQ,cAAA,EAAE,cAAc,oBAAqB,CAAC;YACtE,KAAK,IAAI,CAAC,EAAE,CAAC,KAAK,CAAC,eAAe,GAAG,KAAK,GAAG,IAAI,CAAC,CAAC;YACnD,QAAQ,IAAI,CAAC,EAAE,CAAC,KAAK,CAAC,kBAAkB,GAAG,QAAQ,GAAG,IAAI,CAAC,CAAC;YAC5D,QAAQ,IAAI,CAAC,EAAE,CAAC,KAAK,CAAC,kBAAkB,GAAG,QAAQ,CAAC,CAAC;YACrD,cAAc,IAAI,CAAC,EAAE,CAAC,KAAK,CAAC,wBAAwB,GAAG,cAAc,CAAC,CAAC;SAC1E;aAAM;YACH,eAAe,CAAC,EAAE,CAAC,CAAC;SACvB;IACL,CAAC,EACD,CAAC,eAAe,CAAC,CACpB,CAAC;IAEF,IAAM,EAAE,GAAG,KAAK,CAAC,WAAW,CACxB,UAAC,MAAc;QACX,IAAI,GAAG,CAAC,OAAO,EAAE;YACb,IAAM,IAAE,GAAG,GAAG,CAAC,OAAO,CAAC;YACvB,qBAAqB,CAAC;;gBAClB,IAAE,CAAC,KAAK,CAAC,SAAS,GAAG,sBAAe,MAAA,MAAM,CAAC,CAAC,mCAAI,CAAC,iBAAO,MAAA,MAAM,CAAC,CAAC,mCAAI,CAAC,iBAAO,MAAA,MAAM,CAAC,CAAC,mCAAI,CAAC,SAAM,CAAC;gBAChG,MAAM,CAAC,SAAS,CAAC,CAAC,CAAC,eAAe,CAAC,IAAE,CAAC,CAAC,CAAC,CAAC,aAAa,CAAC,IAAE,CAAC,CAAC;YAC/D,CAAC,CAAC,CAAC;SACN;IACL,CAAC,EACD,CAAC,GAAG,EAAE,aAAa,EAAE,eAAe,CAAC,CACxC,CAAC;IAEF,IAAM,KAAK,GAAG,KAAK,CAAC,WAAW,CAAC;QAC5B,IAAI,GAAG,CAAC,OAAO,EAAE;YACb,IAAM,IAAE,GAAG,GAAG,CAAC,OAAO,CAAC;YACvB,qBAAqB,CAAC;gBAClB,IAAE,CAAC,KAAK,CAAC,SAAS,GAAG,EAAE,CAAC;gBACxB,aAAa,CAAC,IAAE,CAAC,CAAC;YACtB,CAAC,CAAC,CAAC;SACN;IACL,CAAC,EAAE,CAAC,GAAG,EAAE,aAAa,CAAC,CAAC,CAAC;IAEzB,KAAK,CAAC,SAAS,CAAC;QACZ,IAAI,SAAS,CAAC,OAAO,EAAE;YACnB,EAAE,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC;SACzB;QACD,4EAA4E;IAChF,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,EAAC,EAAE,IAAA,EAAE,KAAK,OAAA,EAAC,CAAC;AACvB,CAAC,CAAC"}

package/internal/ArrayUtil.d.ts

@@ -15,9 +15,15 @@ declare function toObject<T, V>(array: ReadonlyArray<T>, mapperCallback: (item:
  * @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

@@ -1,3 +1,28 @@
+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.
@@ -27,9 +52,25 @@ function toObject(array, mapperCallback) {
 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

@@ -1 +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,MAAM,CAAC,IAAM,SAAS,GAAG,MAAM,CAAC,MAAM,CAAC;IACnC,sBAAsB,wBAAA;IACtB,QAAQ,UAAA;IACR,UAAU,YAAA;CACb,CAAC,CAAC"}
+{"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/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@pinnacle0/web-ui",
-    "version": "0.2.103",
+    "version": "0.3.2-beta0",
     "author": "Pinnacle",
     "license": "MIT",
     "sideEffects": [
@@ -19,14 +19,19 @@
         "run-script": "ts-node --project config/tsconfig.script.json",
         "build": "yarn run-script script/build.ts",
         "start": "yarn run-script script/start.ts",
+        "start:mobile": "yarn run-script script/start-mobile.ts",
         "format": "yarn run-script script/format.ts",
         "test": "jest --config config/jest.config.js"
     },
     "dependencies": {
         "@ant-design/icons": "4.7.0",
-        "antd": "4.19.4",
+        "antd": "4.20.1",
         "braft-editor": "2.3.9",
-        "moment": "2.29.2"
+        "moment": "2.29.3",
+        "react-virtual": "2.10.4",
+        "react-virtualized": "^9.22.3",
+        "react-virtualized-auto-sizer": "^1.0.6",
+        "react-window": "^1.8.6"
     },
     "peerDependencies": {
         "@babel/runtime": ">=7.12.1",
@@ -35,20 +40,22 @@
         "react-router-dom": ">=5.2.0"
     },
     "devDependencies": {
-        "@babel/core": "7.17.8",
-        "@babel/runtime": "7.17.8",
-        "@testing-library/dom": "8.12.0",
-        "@testing-library/jest-dom": "5.16.3",
-        "@testing-library/react": "12.1.4",
-        "@testing-library/user-event": "13.5.0",
+        "@babel/core": "7.17.9",
+        "@babel/runtime": "7.17.9",
+        "@testing-library/dom": "8.13.0",
+        "@testing-library/jest-dom": "5.16.4",
+        "@testing-library/react": "13.1.1",
+        "@testing-library/user-event": "14.1.1",
         "@types/draft-js": "0.11.9",
         "@types/history": "4.7.11",
-        "@types/react": "17.0.43",
+        "@types/react": "18.0.8",
         "@types/react-dom": "17.0.14",
         "@types/react-router-dom": "5.3.2",
+        "@types/react-virtualized-auto-sizer": "^1.0.1",
+        "@types/react-window": "1.8.5",
         "less": "4.1.2",
-        "react": "17.0.2",
-        "react-dom": "17.0.2",
+        "react": "18.1.0",
+        "react-dom": "18.1.0",
         "react-router-dom": "5.3.0"
     }
 }

package/util/MediaUtil/index.js

@@ -1,5 +1,5 @@
 import React from "react";
-import ReactDOM from "react-dom";
+import ReactDOM from "react-dom/client";
 import CloseOutlined from "@ant-design/icons/CloseOutlined";
 import "./index.less";
 function openImage(url) {
@@ -10,9 +10,10 @@ function openImage(url) {
             bodyElement.removeChild(divElement);
             resolve();
         };
-        ReactDOM.render(React.createElement("div", { onClick: closeModal, className: "g-media-modal" },
+        bodyElement.appendChild(divElement);
+        ReactDOM.createRoot(divElement).render(React.createElement("div", { onClick: closeModal, className: "g-media-modal" },
             React.createElement("img", { src: url }),
-            React.createElement(CloseOutlined, null)), divElement, function () { return bodyElement.appendChild(divElement); });
+            React.createElement(CloseOutlined, null)));
     });
 }
 function openVideo(url) {
@@ -23,9 +24,10 @@ function openVideo(url) {
             bodyElement.removeChild(divElement);
             resolve();
         };
-        ReactDOM.render(React.createElement("div", { onClick: closeModal, className: "g-media-modal" },
+        ReactDOM.createRoot(divElement).render(React.createElement("div", { onClick: closeModal, className: "g-media-modal" },
             React.createElement("video", { src: url, autoPlay: true, controls: true, controlsList: "nodownload", muted: true }),
-            React.createElement(CloseOutlined, null)), divElement, function () { return bodyElement.appendChild(divElement); });
+            React.createElement(CloseOutlined, null)));
+        bodyElement.appendChild(divElement);
     });
 }
 function playAudio(url, amplitude) {

package/util/MediaUtil/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/util/MediaUtil/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,QAAQ,MAAM,WAAW,CAAC;AACjC,OAAO,aAAa,MAAM,iCAAiC,CAAC;AAC5D,OAAO,cAAc,CAAC;AAEtB,SAAS,SAAS,CAAC,GAAW;IAC1B,OAAO,IAAI,OAAO,CAAO,UAAA,OAAO;QAC5B,IAAM,WAAW,GAAG,QAAQ,CAAC,IAAI,CAAC;QAClC,IAAM,UAAU,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;QACjD,IAAM,UAAU,GAAG;YACf,WAAW,CAAC,WAAW,CAAC,UAAU,CAAC,CAAC;YACpC,OAAO,EAAE,CAAC;QACd,CAAC,CAAC;QAEF,QAAQ,CAAC,MAAM,CACX,6BAAK,OAAO,EAAE,UAAU,EAAE,SAAS,EAAC,eAAe;YAC/C,6BAAK,GAAG,EAAE,GAAG,GAAI;YACjB,oBAAC,aAAa,OAAG,CACf,EACN,UAAU,EACV,cAAM,OAAA,WAAW,CAAC,WAAW,CAAC,UAAU,CAAC,EAAnC,CAAmC,CAC5C,CAAC;IACN,CAAC,CAAC,CAAC;AACP,CAAC;AAED,SAAS,SAAS,CAAC,GAAW;IAC1B,OAAO,IAAI,OAAO,CAAO,UAAA,OAAO;QAC5B,IAAM,WAAW,GAAG,QAAQ,CAAC,IAAI,CAAC;QAClC,IAAM,UAAU,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;QACjD,IAAM,UAAU,GAAG;YACf,WAAW,CAAC,WAAW,CAAC,UAAU,CAAC,CAAC;YACpC,OAAO,EAAE,CAAC;QACd,CAAC,CAAC;QAEF,QAAQ,CAAC,MAAM,CACX,6BAAK,OAAO,EAAE,UAAU,EAAE,SAAS,EAAC,eAAe;YAC/C,+BAAO,GAAG,EAAE,GAAG,EAAE,QAAQ,QAAC,QAAQ,QAAC,YAAY,EAAC,YAAY,EAAC,KAAK,SAAG;YACrE,oBAAC,aAAa,OAAG,CACf,EACN,UAAU,EACV,cAAM,OAAA,WAAW,CAAC,WAAW,CAAC,UAAU,CAAC,EAAnC,CAAmC,CAC5C,CAAC;IACN,CAAC,CAAC,CAAC;AACP,CAAC;AAED,SAAS,SAAS,CAAC,GAAW,EAAE,SAAqB;IAArB,0BAAA,EAAA,aAAqB;IACjD,IAAI;QACA;;;;WAIG;QACH,IAAM,aAAa,GAAG,IAAI,KAAK,CAAC,GAAG,CAAC,CAAC;QACrC,aAAa,CAAC,WAAW,GAAG,WAAW,CAAC;QACxC,IAAM,QAAQ,GAAG,IAAI,YAAY,EAAE,CAAC;QACpC,IAAM,MAAM,GAAG,QAAQ,CAAC,wBAAwB,CAAC,aAAa,CAAC,CAAC;QAChE,IAAM,QAAQ,GAAG,QAAQ,CAAC,UAAU,EAAE,CAAC;QACvC,QAAQ,CAAC,IAAI,CAAC,KAAK,GAAG,SAAS,CAAC;QAChC,MAAM,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC;QACzB,QAAQ,CAAC,OAAO,CAAC,QAAQ,CAAC,WAAW,CAAC,CAAC;QACvC,aAAa,CAAC,IAAI,EAAE,CAAC,KAAK,CAAC,cAAO,CAAC,CAAC,CAAC;KACxC;IAAC,OAAO,CAAC,EAAE;QACR,aAAa;KAChB;AACL,CAAC;AAED,MAAM,CAAC,IAAM,SAAS,GAAG,MAAM,CAAC,MAAM,CAAC;IACnC,SAAS,WAAA;IACT,SAAS,WAAA;IACT,SAAS,WAAA;CACZ,CAAC,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/util/MediaUtil/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,QAAQ,MAAM,kBAAkB,CAAC;AACxC,OAAO,aAAa,MAAM,iCAAiC,CAAC;AAC5D,OAAO,cAAc,CAAC;AAEtB,SAAS,SAAS,CAAC,GAAW;IAC1B,OAAO,IAAI,OAAO,CAAO,UAAA,OAAO;QAC5B,IAAM,WAAW,GAAG,QAAQ,CAAC,IAAI,CAAC;QAClC,IAAM,UAAU,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;QACjD,IAAM,UAAU,GAAG;YACf,WAAW,CAAC,WAAW,CAAC,UAAU,CAAC,CAAC;YACpC,OAAO,EAAE,CAAC;QACd,CAAC,CAAC;QAEF,WAAW,CAAC,WAAW,CAAC,UAAU,CAAC,CAAC;QACpC,QAAQ,CAAC,UAAU,CAAC,UAAU,CAAC,CAAC,MAAM,CAClC,6BAAK,OAAO,EAAE,UAAU,EAAE,SAAS,EAAC,eAAe;YAC/C,6BAAK,GAAG,EAAE,GAAG,GAAI;YACjB,oBAAC,aAAa,OAAG,CACf,CACT,CAAC;IACN,CAAC,CAAC,CAAC;AACP,CAAC;AAED,SAAS,SAAS,CAAC,GAAW;IAC1B,OAAO,IAAI,OAAO,CAAO,UAAA,OAAO;QAC5B,IAAM,WAAW,GAAG,QAAQ,CAAC,IAAI,CAAC;QAClC,IAAM,UAAU,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;QACjD,IAAM,UAAU,GAAG;YACf,WAAW,CAAC,WAAW,CAAC,UAAU,CAAC,CAAC;YACpC,OAAO,EAAE,CAAC;QACd,CAAC,CAAC;QAEF,QAAQ,CAAC,UAAU,CAAC,UAAU,CAAC,CAAC,MAAM,CAClC,6BAAK,OAAO,EAAE,UAAU,EAAE,SAAS,EAAC,eAAe;YAC/C,+BAAO,GAAG,EAAE,GAAG,EAAE,QAAQ,QAAC,QAAQ,QAAC,YAAY,EAAC,YAAY,EAAC,KAAK,SAAG;YACrE,oBAAC,aAAa,OAAG,CACf,CACT,CAAC;QACF,WAAW,CAAC,WAAW,CAAC,UAAU,CAAC,CAAC;IACxC,CAAC,CAAC,CAAC;AACP,CAAC;AAED,SAAS,SAAS,CAAC,GAAW,EAAE,SAAqB;IAArB,0BAAA,EAAA,aAAqB;IACjD,IAAI;QACA;;;;WAIG;QACH,IAAM,aAAa,GAAG,IAAI,KAAK,CAAC,GAAG,CAAC,CAAC;QACrC,aAAa,CAAC,WAAW,GAAG,WAAW,CAAC;QACxC,IAAM,QAAQ,GAAG,IAAI,YAAY,EAAE,CAAC;QACpC,IAAM,MAAM,GAAG,QAAQ,CAAC,wBAAwB,CAAC,aAAa,CAAC,CAAC;QAChE,IAAM,QAAQ,GAAG,QAAQ,CAAC,UAAU,EAAE,CAAC;QACvC,QAAQ,CAAC,IAAI,CAAC,KAAK,GAAG,SAAS,CAAC;QAChC,MAAM,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC;QACzB,QAAQ,CAAC,OAAO,CAAC,QAAQ,CAAC,WAAW,CAAC,CAAC;QACvC,aAAa,CAAC,IAAI,EAAE,CAAC,KAAK,CAAC,cAAO,CAAC,CAAC,CAAC;KACxC;IAAC,OAAO,CAAC,EAAE;QACR,aAAa;KAChB;AACL,CAAC;AAED,MAAM,CAAC,IAAM,SAAS,GAAG,MAAM,CAAC,MAAM,CAAC;IACnC,SAAS,WAAA;IACT,SAAS,WAAA;IACT,SAAS,WAAA;CACZ,CAAC,CAAC"}

package/util/SwipeUtil.d.ts

@@ -0,0 +1,8 @@
+import { Direction } from "../hooks/useSwipe";
+declare function getDirection(start: [number, number], end: [number, number]): Direction;
+declare function getDisplacement(start: [number, number], end: [number, number]): number;
+export declare const SwipeUtil: Readonly<{
+    getDirection: typeof getDirection;
+    getDisplacement: typeof getDisplacement;
+}>;
+export {};

package/util/SwipeUtil.js

@@ -0,0 +1,26 @@
+import { Direction } from "../hooks/useSwipe";
+function getDirection(start, end) {
+    var vector = [end[0] - start[0], start[1] - end[1]];
+    var degree = (Math.atan2(vector[1], vector[0]) * 180) / Math.PI;
+    degree = degree < 0 ? degree + 360 : degree;
+    if ((degree >= 315 && degree < 360) || (degree >= 0 && degree < 45)) {
+        return Direction.RIGHT;
+    }
+    else if (degree >= 45 && degree < 135) {
+        return Direction.UP;
+    }
+    else if (degree >= 135 && degree < 225) {
+        return Direction.LEFT;
+    }
+    else {
+        return Direction.DOWN;
+    }
+}
+function getDisplacement(start, end) {
+    return Math.sqrt(Math.pow(start[0] - end[0], 2) + Math.pow(start[1] - end[1], 2));
+}
+export var SwipeUtil = Object.freeze({
+    getDirection: getDirection,
+    getDisplacement: getDisplacement,
+});
+//# sourceMappingURL=SwipeUtil.js.map

package/util/SwipeUtil.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SwipeUtil.js","sourceRoot":"","sources":["../../src/util/SwipeUtil.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAC,MAAM,mBAAmB,CAAC;AAE5C,SAAS,YAAY,CAAC,KAAuB,EAAE,GAAqB;IAChE,IAAM,MAAM,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,CAAC,CAAC,EAAE,KAAK,CAAC,CAAC,CAAC,GAAG,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC;IACtD,IAAI,MAAM,GAAG,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC,CAAC,CAAC,GAAG,GAAG,CAAC,GAAG,IAAI,CAAC,EAAE,CAAC;IAChE,MAAM,GAAG,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,MAAM,GAAG,GAAG,CAAC,CAAC,CAAC,MAAM,CAAC;IAE5C,IAAI,CAAC,MAAM,IAAI,GAAG,IAAI,MAAM,GAAG,GAAG,CAAC,IAAI,CAAC,MAAM,IAAI,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC,EAAE;QACjE,OAAO,SAAS,CAAC,KAAK,CAAC;KAC1B;SAAM,IAAI,MAAM,IAAI,EAAE,IAAI,MAAM,GAAG,GAAG,EAAE;QACrC,OAAO,SAAS,CAAC,EAAE,CAAC;KACvB;SAAM,IAAI,MAAM,IAAI,GAAG,IAAI,MAAM,GAAG,GAAG,EAAE;QACtC,OAAO,SAAS,CAAC,IAAI,CAAC;KACzB;SAAM;QACH,OAAO,SAAS,CAAC,IAAI,CAAC;KACzB;AACL,CAAC;AAED,SAAS,eAAe,CAAC,KAAuB,EAAE,GAAqB;IACnE,OAAO,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC,CAAC,GAAG,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC,CAAC,GAAG,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC;AACtF,CAAC;AACD,MAAM,CAAC,IAAM,SAAS,GAAG,MAAM,CAAC,MAAM,CAAC;IACnC,YAAY,cAAA;IACZ,eAAe,iBAAA;CAClB,CAAC,CAAC"}