@tapcart/mobile-components 0.7.98 → 0.8.0

package/dist/components/libs/cache/index.d.ts

@@ -1,3 +1,5 @@
 import CartLocalStorage from "./CartLocalStorage";
-export { CartLocalStorage };
+import AppStudioCache from "./AppStudioCache";
+import ProductsLocalStorage from "./ProductsLocalStorage";
+export { CartLocalStorage, AppStudioCache, ProductsLocalStorage };
 //# sourceMappingURL=index.d.ts.map

package/dist/components/libs/cache/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../components/libs/cache/index.ts"],"names":[],"mappings":"AAAA,OAAO,gBAAgB,MAAM,oBAAoB,CAAA;AAEjD,OAAO,EAAE,gBAAgB,EAAE,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../components/libs/cache/index.ts"],"names":[],"mappings":"AAAA,OAAO,gBAAgB,MAAM,oBAAoB,CAAA;AACjD,OAAO,cAAc,MAAM,kBAAkB,CAAA;AAC7C,OAAO,oBAAoB,MAAM,wBAAwB,CAAA;AAEzD,OAAO,EAAE,gBAAgB,EAAE,cAAc,EAAE,oBAAoB,EAAE,CAAA"}

package/dist/components/libs/cache/index.js

@@ -1,2 +1,4 @@
 import CartLocalStorage from "./CartLocalStorage";
-export { CartLocalStorage };
+import AppStudioCache from "./AppStudioCache";
+import ProductsLocalStorage from "./ProductsLocalStorage";
+export { CartLocalStorage, AppStudioCache, ProductsLocalStorage };

package/dist/components/ui/swipeable-list-item.d.ts

@@ -1,17 +1,4 @@
-import React, { ReactNode } from "react";
-export interface SwipeAction {
-    icon?: ReactNode;
-    color?: string;
-    onPress: () => void;
-    closeOnAction?: boolean;
-    key?: string;
-}
-export interface SwipeableListItemProps {
-    children: ReactNode;
-    actions: SwipeAction[];
-    actionWidth?: number;
-    threshold?: number;
-}
-declare const SwipeableListItem: React.FC<SwipeableListItemProps>;
-export { SwipeableListItem };
+import { LeadingActions, SwipeableList, SwipeableListItem, SwipeAction, TrailingActions, Type as ListType } from "react-swipeable-list";
+import "react-swipeable-list/dist/styles.css";
+export { LeadingActions, SwipeableList, SwipeableListItem, SwipeAction, TrailingActions, ListType, };
 //# sourceMappingURL=swipeable-list-item.d.ts.map

package/dist/components/ui/swipeable-list-item.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"swipeable-list-item.d.ts","sourceRoot":"","sources":["../../../components/ui/swipeable-list-item.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,EAA+B,SAAS,EAAE,MAAM,OAAO,CAAA;AAGrE,MAAM,WAAW,WAAW;IAC1B,IAAI,CAAC,EAAE,SAAS,CAAA;IAChB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,OAAO,EAAE,MAAM,IAAI,CAAA;IACnB,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,GAAG,CAAC,EAAE,MAAM,CAAA;CACb;AAED,MAAM,WAAW,sBAAsB;IACrC,QAAQ,EAAE,SAAS,CAAA;IACnB,OAAO,EAAE,WAAW,EAAE,CAAA;IACtB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,QAAA,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,sBAAsB,CAiKvD,CAAA;AAID,OAAO,EAAE,iBAAiB,EAAE,CAAA"}
+{"version":3,"file":"swipeable-list-item.d.ts","sourceRoot":"","sources":["../../../components/ui/swipeable-list-item.tsx"],"names":[],"mappings":"AACA,OAAO,EACL,cAAc,EACd,aAAa,EACb,iBAAiB,EACjB,WAAW,EACX,eAAe,EACf,IAAI,IAAI,QAAQ,EACjB,MAAM,sBAAsB,CAAA;AAC7B,OAAO,sCAAsC,CAAA;AAE7C,OAAO,EACL,cAAc,EACd,aAAa,EACb,iBAAiB,EACjB,WAAW,EACX,eAAe,EACf,QAAQ,GACT,CAAA"}

package/dist/components/ui/swipeable-list-item.js

@@ -1,117 +1,4 @@
 "use client";
-import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useState, useRef, useEffect } from "react";
-import { useSwipeable } from "react-swipeable";
-const SwipeableListItem = ({ children, actions = [], actionWidth = 52, threshold = 0.3, }) => {
-    const [offset, setOffset] = useState(0);
-    const [isOpen, setIsOpen] = useState(false);
-    const [initialDirection, setInitialDirection] = useState(null);
-    const totalActionsWidth = actionWidth * actions.length;
-    const thresholdPixels = totalActionsWidth * threshold;
-    const itemRef = useRef(null);
-    const closeItem = () => {
-        setIsOpen(false);
-        setOffset(0);
-    };
-    useEffect(() => {
-        const handleClickOutside = (event) => {
-            if (itemRef.current && !itemRef.current.contains(event.target)) {
-                closeItem();
-            }
-        };
-        if (isOpen) {
-            document.addEventListener("mousedown", handleClickOutside);
-        }
-        return () => {
-            document.removeEventListener("mousedown", handleClickOutside);
-        };
-    }, [isOpen]);
-    const isHorizontalSwipe = (deltaX, deltaY) => {
-        return Math.abs(deltaX) > Math.abs(deltaY) * 1.5;
-    };
-    const handlers = useSwipeable({
-        onSwipeStart: (event) => {
-            if (Math.abs(event.deltaX) > 10 || Math.abs(event.deltaY) > 10) {
-                const isHorizontal = isHorizontalSwipe(event.deltaX, event.deltaY);
-                setInitialDirection(isHorizontal ? "horizontal" : "vertical");
-                if (!isHorizontal && event.event.cancelable) {
-                    event.event.stopPropagation();
-                }
-            }
-        },
-        onSwiping: (event) => {
-            if (initialDirection === "vertical")
-                return;
-            if (!initialDirection &&
-                (Math.abs(event.deltaX) > 10 || Math.abs(event.deltaY) > 10)) {
-                const isHorizontal = isHorizontalSwipe(event.deltaX, event.deltaY);
-                setInitialDirection(isHorizontal ? "horizontal" : "vertical");
-                if (!isHorizontal)
-                    return;
-            }
-            if (initialDirection === "horizontal") {
-                let newOffset = 0;
-                if (event.event.cancelable) {
-                    event.event.preventDefault();
-                    event.event.stopPropagation();
-                }
-                if (event.dir === "Left") {
-                    newOffset = Math.min(event.absX, totalActionsWidth);
-                }
-                else if (event.dir === "Right" && isOpen) {
-                    newOffset = Math.max(totalActionsWidth - event.absX, 0);
-                }
-                setOffset(newOffset);
-            }
-        },
-        onSwipedLeft: () => {
-            if (initialDirection === "horizontal") {
-                if (offset > thresholdPixels) {
-                    setIsOpen(true);
-                    setOffset(totalActionsWidth);
-                }
-                else {
-                    closeItem();
-                }
-            }
-            setInitialDirection(null);
-        },
-        onSwipedRight: () => {
-            if (initialDirection === "horizontal") {
-                closeItem();
-            }
-            setInitialDirection(null);
-        },
-        onSwiped: () => {
-            setInitialDirection(null);
-        },
-        trackMouse: true,
-        trackTouch: true,
-        delta: 5,
-        preventScrollOnSwipe: false,
-        rotationAngle: 0,
-    });
-    return (_jsxs("div", Object.assign({ ref: itemRef, className: "relative overflow-hidden" }, { children: [_jsx("div", Object.assign({ className: "absolute top-0 right-0 h-full flex", "aria-label": "Action buttons", style: {
-                    width: `${totalActionsWidth}px`,
-                } }, { children: actions.map((action, index) => {
-                    return (_jsx("div", Object.assign({ className: "h-full flex items-center justify-center", style: {
-                            width: `${actionWidth}px`,
-                            backgroundColor: action.color || "#e5e5e5",
-                        } }, { children: _jsx("button", Object.assign({ onClick: () => {
-                                action.onPress();
-                                if (action.closeOnAction !== false) {
-                                    closeItem();
-                                }
-                            }, className: "w-full h-full flex items-center justify-center" }, { children: action.icon && _jsx(_Fragment, { children: action.icon }) })) }), action.key || index));
-                }) })), _jsx("div", Object.assign({}, handlers, { className: "w-full transition-transform duration-200 ease-out relative", style: {
-                    transform: `translateX(-${offset}px)`,
-                    transition: offset === 0 || offset === totalActionsWidth
-                        ? "transform 0.2s ease-out"
-                        : "none",
-                    zIndex: 10,
-                    backgroundColor: "inherit",
-                    touchAction: initialDirection === "horizontal" ? "none" : "auto",
-                }, role: "button", "aria-expanded": isOpen }, { children: children }))] })));
-};
-SwipeableListItem.displayName = "SwipeableListItem";
-export { SwipeableListItem };
+import { LeadingActions, SwipeableList, SwipeableListItem, SwipeAction, TrailingActions, Type as ListType, } from "react-swipeable-list";
+import "react-swipeable-list/dist/styles.css";
+export { LeadingActions, SwipeableList, SwipeableListItem, SwipeAction, TrailingActions, ListType, };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tapcart/mobile-components",
-  "version": "0.7.98",
+  "version": "0.8.0",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "style": "dist/styles.css",
@@ -88,7 +88,7 @@
     "react-circular-progressbar": "2.2.0",
     "react-intersection-observer": "^9.10.2",
     "react-svg": "^16.1.34",
-    "react-swipeable": "^7.0.2",
+    "react-swipeable-list": "^1.10.0",
     "react-virtual": "^2.10.4",
     "swr": "^2.2.5",
     "tailwind-merge": "^1.13.2",