@tapcart/mobile-components 0.6.20 → 0.6.22

package/dist/components/hooks/use-click-outside.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+export declare function useClickOutside(ref: React.RefObject<HTMLElement>, callback: () => void): void;
+//# sourceMappingURL=use-click-outside.d.ts.map

package/dist/components/hooks/use-click-outside.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-click-outside.d.ts","sourceRoot":"","sources":["../../../components/hooks/use-click-outside.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,wBAAgB,eAAe,CAAC,GAAG,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,EAAE,QAAQ,EAAE,MAAM,IAAI,GAAE,IAAI,CAa5F"}

package/dist/components/hooks/use-click-outside.js

@@ -0,0 +1,16 @@
+"use client";
+import React from 'react';
+export function useClickOutside(ref, callback) {
+    React.useEffect(() => {
+        const handleClickOutside = (event) => {
+            if (ref.current && !ref.current.contains(event.target)) {
+                callback();
+            }
+        };
+        document.addEventListener('mousedown', handleClickOutside);
+        return () => {
+            document.removeEventListener('mousedown', handleClickOutside);
+        };
+    }, [ref, callback]);
+}
+;

package/dist/components/hooks/use-outside-click.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+declare const useClickOutside: (ref: React.RefObject<HTMLElement>, callback: () => void) => void;
+export default useClickOutside;
+//# sourceMappingURL=use-outside-click.d.ts.map

package/dist/components/hooks/use-outside-click.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-outside-click.d.ts","sourceRoot":"","sources":["../../../components/hooks/use-outside-click.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,QAAA,MAAM,eAAe,QAAS,MAAM,SAAS,CAAC,WAAW,CAAC,YAAY,MAAM,IAAI,SAa/E,CAAC;AAEF,eAAe,eAAe,CAAC"}

package/dist/components/hooks/use-outside-click.js

@@ -0,0 +1,16 @@
+"use client";
+import React from 'react';
+const useClickOutside = (ref, callback) => {
+    React.useEffect(() => {
+        const handleClickOutside = (event) => {
+            if (ref.current && !ref.current.contains(event.target)) {
+                callback();
+            }
+        };
+        document.addEventListener('mousedown', handleClickOutside);
+        return () => {
+            document.removeEventListener('mousedown', handleClickOutside);
+        };
+    }, [ref, callback]);
+};
+export default useClickOutside;

package/dist/components/ui/grid.js

@@ -16,10 +16,10 @@ import { cn } from "../../lib/utils";
 const gridVariants = cva("grid", {
     variants: {
         columns: {
-            1: "grid-cols-1 gap-y-4 last:gap-y-0",
-            2: "grid-cols-2 gap-x-[7px] gap-y-4 last:gap-y-0",
-            3: "grid-cols-3 gap-x-[7px] gap-y-4 last:gap-y-0",
-            4: "grid-cols-4 gap-x-[7px] gap-y-4 last:gap-y-0",
+            1: "grid-cols-1 gap-y-4",
+            2: "grid-cols-2 gap-x-[7px] gap-y-4",
+            3: "grid-cols-3 gap-x-[7px] gap-y-4",
+            4: "grid-cols-4 gap-x-[7px] gap-y-4",
         },
     },
     defaultVariants: {

package/dist/components/ui/price.js

@@ -14,6 +14,6 @@ function Price({ price, priceHigh, priceRanges = false, isSale = false, compareA
             return null;
         return (_jsxs(Text, Object.assign({ className: "line-through text-textColors-strikethroughPriceText flex-shrink-0 flex items-center", style: { fontSize: `${fontSize}px` } }, { children: [_jsx(Money, { price: compareAtPrice, currency: currency, locale: locale, styles: strikeThroughStyles }), priceRanges && compareAtPriceHigh && _jsx(Spacer, {}), priceRanges && compareAtPriceHigh && (_jsx(Money, { price: compareAtPriceHigh, currency: currency, locale: locale, styles: strikeThroughStyles }))] })));
     };
-    return (_jsxs("div", Object.assign({ className: cn("flex flex-wrap gap-2", { "justify-start": textAlignment === "left" }, { "justify-end": textAlignment === "right" }, { "justify-center": textAlignment === "center" }) }, { children: [_jsx(ProductPrice, {}), _jsx(StrikeThroughPrice, {})] })));
+    return (_jsxs("div", Object.assign({ className: cn("flex flex-wrap gap-x-2", { "justify-start": textAlignment === "left" }, { "justify-end": textAlignment === "right" }, { "justify-center": textAlignment === "center" }) }, { children: [_jsx(ProductPrice, {}), _jsx(StrikeThroughPrice, {})] })));
 }
 export { Price };

package/dist/styles.css

@@ -1414,9 +1414,6 @@ video {
 .whitespace-nowrap {
   white-space: nowrap;
 }
-.break-words {
-  overflow-wrap: break-word;
-}
 .rounded {
   border-radius: 0.25rem;
 }
@@ -2285,10 +2282,6 @@ body::-webkit-scrollbar {
   color: var(--textColors-secondaryColor, #727272ff);
 }
 
-.last\:gap-y-0:last-child {
-  row-gap: 0px;
-}
-
 .last\:border-b-0:last-child {
   border-bottom-width: 0px;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tapcart/mobile-components",
-  "version": "0.6.20",
+  "version": "0.6.22",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "style": "dist/styles.css",
@@ -11,16 +11,6 @@
   "license": "SEE LICENSE IN LICENSE.md",
   "author": "Tapcart Inc.",
   "homepage": "https://tapcart.com",
-  "scripts": {
-    "lint": "eslint \"**/*.ts*\"",
-    "ui:add": "pnpm dlx shadcn-ui@latest add",
-    "build:styles": "postcss styles/globals.css -o dist/styles.css",
-    "build:ts": "tsc -p tsconfig.json && tsc-alias",
-    "build": "pnpm run build:ts && pnpm run build:styles",
-    "dev:ts": "tsc -w -p tsconfig.json",
-    "dev:styles": "npx tailwindcss -i styles/globals.css -o dist/styles.css --watch",
-    "dev": "concurrently \"pnpm run dev:ts\" \"pnpm run dev:styles\""
-  },
   "peerDependencies": {
     "react": "^17.0.2 || ^18.0.0",
     "react-dom": "^17.0.2 || ^18.0.0"
@@ -29,17 +19,17 @@
     "@types/lodash": "4.17.5",
     "@types/react": "^18.2.0",
     "@types/react-dom": "^18.2.0",
-    "app-studio-types": "workspace:*",
     "autoprefixer": "^10.4.14",
     "chokidar-cli": "^3.0.0",
     "concurrently": "^8.2.2",
     "eslint": "^7.32.0",
-    "eslint-config-custom": "workspace:*",
     "postcss": "^8.4.24",
     "tailwindcss": "^3.3.2",
     "tsc-alias": "^1.8.10",
-    "tsconfig": "workspace:*",
-    "typescript": "^4.5.2"
+    "typescript": "^4.5.2",
+    "app-studio-types": "0.0.3",
+    "eslint-config-custom": "0.0.0",
+    "tsconfig": "0.0.0"
   },
   "dependencies": {
     "@radix-ui/react-accordion": "^1.1.2",
@@ -73,5 +63,15 @@
     "tailwind-merge": "^1.13.2",
     "tailwindcss-animate": "^1.0.6",
     "vaul": "^0.9.1"
+  },
+  "scripts": {
+    "lint": "eslint \"**/*.ts*\"",
+    "ui:add": "pnpm dlx shadcn-ui@latest add",
+    "build:styles": "postcss styles/globals.css -o dist/styles.css",
+    "build:ts": "tsc -p tsconfig.json && tsc-alias",
+    "build": "pnpm run build:ts && pnpm run build:styles",
+    "dev:ts": "tsc -w -p tsconfig.json",
+    "dev:styles": "npx tailwindcss -i styles/globals.css -o dist/styles.css --watch",
+    "dev": "concurrently \"pnpm run dev:ts\" \"pnpm run dev:styles\""
   }
-}
+}