@tapcart/mobile-components 0.6.15 → 0.6.16
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/hooks/use-reviews.d.ts +21 -0
- package/dist/components/hooks/use-reviews.d.ts.map +1 -0
- package/dist/components/hooks/use-reviews.js +45 -0
- package/dist/components/hooks/use-tap.d.ts +13 -0
- package/dist/components/hooks/use-tap.d.ts.map +1 -0
- package/dist/components/hooks/use-tap.js +21 -0
- package/dist/components/ui/accordion.d.ts.map +1 -1
- package/dist/components/ui/accordion.js +1 -1
- package/dist/components/ui/carousel.d.ts.map +1 -1
- package/dist/components/ui/carousel.js +7 -7
- package/dist/styles.css +55 -15
- package/package.json +16 -16
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import { ReviewData } from "app-studio-types";
|
|
2
|
+
type UseReviewsProps = {
|
|
3
|
+
baseURL: string;
|
|
4
|
+
productId: string;
|
|
5
|
+
provider: string;
|
|
6
|
+
fetcher?: (url: string) => Promise<any>;
|
|
7
|
+
dataType: "summary" | "metadata" | "search";
|
|
8
|
+
searchText: string;
|
|
9
|
+
ratings: [number];
|
|
10
|
+
topics: [string];
|
|
11
|
+
sortBy: "date" | "votes_up" | "votes_down" | "time" | "rating" | "reviewer_type";
|
|
12
|
+
ascending: boolean;
|
|
13
|
+
};
|
|
14
|
+
type UseReviewsReturn = {
|
|
15
|
+
reviews: ReviewData;
|
|
16
|
+
error: any;
|
|
17
|
+
isLoading: boolean;
|
|
18
|
+
};
|
|
19
|
+
export declare function useReviews(props: UseReviewsProps | null): UseReviewsReturn;
|
|
20
|
+
export {};
|
|
21
|
+
//# sourceMappingURL=use-reviews.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"use-reviews.d.ts","sourceRoot":"","sources":["../../../components/hooks/use-reviews.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAA;AAG7C,KAAK,eAAe,GAAG;IACrB,OAAO,EAAE,MAAM,CAAC;IAChB,SAAS,EAAE,MAAM,CAAC;IAClB,QAAQ,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,OAAO,CAAC,GAAG,CAAC,CAAC;IACxC,QAAQ,EAAE,SAAS,GAAG,UAAU,GAAG,QAAQ,CAAC;IAC5C,UAAU,EAAE,MAAM,CAAC;IACnB,OAAO,EAAE,CAAC,MAAM,CAAC,CAAC;IAClB,MAAM,EAAE,CAAC,MAAM,CAAC,CAAC;IACjB,MAAM,EAAE,MAAM,GAAG,UAAU,GAAG,YAAY,GAAG,MAAM,GAAG,QAAQ,GAAG,eAAe,CAAC;IACjF,SAAS,EAAE,OAAO,CAAC;CACpB,CAAA;AAQD,KAAK,gBAAgB,GAAG;IACtB,OAAO,EAAE,UAAU,CAAA;IACnB,KAAK,EAAE,GAAG,CAAA;IACV,SAAS,EAAE,OAAO,CAAA;CACnB,CAAA;AAED,wBAAgB,UAAU,CAAC,KAAK,EAAE,eAAe,GAAG,IAAI,GAAG,gBAAgB,CAqD1E"}
|
|
@@ -0,0 +1,45 @@
|
|
|
1
|
+
import useSWR from "swr";
|
|
2
|
+
export function useReviews(props) {
|
|
3
|
+
let url = null;
|
|
4
|
+
if (props) {
|
|
5
|
+
const { baseURL, productId, provider, dataType, searchText, ratings, topics, sortBy, ascending } = props; // Destructure all relevant props
|
|
6
|
+
let queryParams = new URLSearchParams();
|
|
7
|
+
if (productId.length > 0) {
|
|
8
|
+
queryParams.set("id", productId);
|
|
9
|
+
}
|
|
10
|
+
if (provider.length > 0) {
|
|
11
|
+
queryParams.set("provider", provider);
|
|
12
|
+
}
|
|
13
|
+
// Include dataType in the query parameters
|
|
14
|
+
queryParams.set("dataType", dataType);
|
|
15
|
+
// Add additional properties to query parameters
|
|
16
|
+
if (searchText) {
|
|
17
|
+
queryParams.set("searchText", searchText);
|
|
18
|
+
}
|
|
19
|
+
if (ratings && ratings.length > 0) {
|
|
20
|
+
queryParams.set("ratings", ratings.join(",")); // Convert array to a comma-separated string
|
|
21
|
+
}
|
|
22
|
+
if (topics && topics.length > 0) {
|
|
23
|
+
queryParams.set("topics", topics.join(",")); // Convert array to a comma-separated string
|
|
24
|
+
}
|
|
25
|
+
if (sortBy) {
|
|
26
|
+
queryParams.set("sortBy", sortBy);
|
|
27
|
+
}
|
|
28
|
+
if (ascending !== undefined) { // Check for undefined to allow false values
|
|
29
|
+
queryParams.set("ascending", ascending.toString());
|
|
30
|
+
}
|
|
31
|
+
if (dataType === null || productId === null || productId.length === 0) {
|
|
32
|
+
url = null;
|
|
33
|
+
}
|
|
34
|
+
else {
|
|
35
|
+
url = `${baseURL}/reviews/by-id?${queryParams.toString()}`;
|
|
36
|
+
}
|
|
37
|
+
}
|
|
38
|
+
const fetcher = (props === null || props === void 0 ? void 0 : props.fetcher) || ((url) => fetch(url).then((res) => res.json()));
|
|
39
|
+
const { data, error } = useSWR(url, fetcher);
|
|
40
|
+
return {
|
|
41
|
+
reviews: data || {},
|
|
42
|
+
error,
|
|
43
|
+
isLoading: !data && !error,
|
|
44
|
+
};
|
|
45
|
+
}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { useDrag } from "@use-gesture/react";
|
|
2
|
+
interface UseTapOptions {
|
|
3
|
+
onTap?: () => void;
|
|
4
|
+
threshold?: number;
|
|
5
|
+
}
|
|
6
|
+
interface UseTapResult {
|
|
7
|
+
isDragging: boolean;
|
|
8
|
+
bind: ReturnType<typeof useDrag>;
|
|
9
|
+
active: boolean;
|
|
10
|
+
}
|
|
11
|
+
export declare function useTap({ onTap, threshold, }?: UseTapOptions): UseTapResult;
|
|
12
|
+
export {};
|
|
13
|
+
//# sourceMappingURL=use-tap.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"use-tap.d.ts","sourceRoot":"","sources":["../../../components/hooks/use-tap.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAA;AAE5C,UAAU,aAAa;IACrB,KAAK,CAAC,EAAE,MAAM,IAAI,CAAA;IAClB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,UAAU,YAAY;IACpB,UAAU,EAAE,OAAO,CAAA;IACnB,IAAI,EAAE,UAAU,CAAC,OAAO,OAAO,CAAC,CAAA;IAChC,MAAM,EAAE,OAAO,CAAA;CAChB;AAED,wBAAgB,MAAM,CAAC,EACrB,KAAK,EACL,SAAa,GACd,GAAE,aAAkB,GAAG,YAAY,CAsBnC"}
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
import { useState } from "react";
|
|
3
|
+
import { useDrag } from "@use-gesture/react";
|
|
4
|
+
export function useTap({ onTap, threshold = 5, } = {}) {
|
|
5
|
+
const [isDragging, setIsDragging] = useState(false);
|
|
6
|
+
const [active, setActive] = useState(false);
|
|
7
|
+
const bind = useDrag(({ tap, dragging, last, active }) => {
|
|
8
|
+
console.log({ tap, dragging, last, active });
|
|
9
|
+
if (tap) {
|
|
10
|
+
onTap === null || onTap === void 0 ? void 0 : onTap();
|
|
11
|
+
}
|
|
12
|
+
setIsDragging(dragging !== null && dragging !== void 0 ? dragging : false);
|
|
13
|
+
setActive(active !== null && active !== void 0 ? active : false);
|
|
14
|
+
}, {
|
|
15
|
+
delay: 0,
|
|
16
|
+
filterTaps: true,
|
|
17
|
+
threshold,
|
|
18
|
+
tapsThreshold: 1,
|
|
19
|
+
});
|
|
20
|
+
return { isDragging, bind, active };
|
|
21
|
+
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"accordion.d.ts","sourceRoot":"","sources":["../../../components/ui/accordion.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,KAAK,kBAAkB,MAAM,2BAA2B,CAAA;AAK/D,QAAA,MAAM,SAAS,8JAA0B,CAAA;AAEzC,QAAA,MAAM,aAAa,iKASjB,CAAA;AAGF,QAAA,MAAM,gBAAgB;;
|
|
1
|
+
{"version":3,"file":"accordion.d.ts","sourceRoot":"","sources":["../../../components/ui/accordion.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,KAAK,kBAAkB,MAAM,2BAA2B,CAAA;AAK/D,QAAA,MAAM,SAAS,8JAA0B,CAAA;AAEzC,QAAA,MAAM,aAAa,iKASjB,CAAA;AAGF,QAAA,MAAM,gBAAgB;;2CA4BpB,CAAA;AAGF,QAAA,MAAM,gBAAgB,oKAWpB,CAAA;AAIF,OAAO,EAAE,SAAS,EAAE,aAAa,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,CAAA"}
|
|
@@ -23,7 +23,7 @@ const AccordionItem = React.forwardRef((_a, ref) => {
|
|
|
23
23
|
AccordionItem.displayName = "AccordionItem";
|
|
24
24
|
const AccordionTrigger = React.forwardRef((_a, ref) => {
|
|
25
25
|
var { className, children, showDefaultIcon = true } = _a, props = __rest(_a, ["className", "children", "showDefaultIcon"]);
|
|
26
|
-
return (_jsx(AccordionPrimitive.Header, Object.assign({ className: "flex" }, { children: _jsxs(AccordionPrimitive.Trigger, Object.assign({ ref: ref, className: cn("px-4 flex flex-1 items-center justify-between py-4 font-medium transition-all hover:underline [&[data-state=open]_svg]:rotate-180
|
|
26
|
+
return (_jsx(AccordionPrimitive.Header, Object.assign({ className: "flex" }, { children: _jsxs(AccordionPrimitive.Trigger, Object.assign({ ref: ref, className: cn("px-4 flex flex-1 items-center justify-between py-4 font-medium transition-all hover:underline active:opacity-70", { "[&[data-state=open]_svg]:rotate-180": showDefaultIcon }, className) }, props, { children: [children, showDefaultIcon && (_jsx(Icon, { name: "chevron-down", size: "sm", className: "text-coreColors-secondaryIcon shrink-0 transition-transform duration-200" }))] })) })));
|
|
27
27
|
});
|
|
28
28
|
AccordionTrigger.displayName = AccordionPrimitive.Trigger.displayName;
|
|
29
29
|
const AccordionContent = React.forwardRef((_a, ref) => {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"carousel.d.ts","sourceRoot":"","sources":["../../../components/ui/carousel.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,gBAAgB,EAAE,EACvB,KAAK,oBAAoB,EAC1B,MAAM,sBAAsB,CAAA;AAM7B,KAAK,WAAW,GAAG,oBAAoB,CAAC,CAAC,CAAC,CAAA;AAC1C,KAAK,qBAAqB,GAAG,UAAU,CAAC,OAAO,gBAAgB,CAAC,CAAA;AAChE,KAAK,eAAe,GAAG,qBAAqB,CAAC,CAAC,CAAC,CAAA;AAC/C,KAAK,cAAc,GAAG,qBAAqB,CAAC,CAAC,CAAC,CAAA;AAE9C,KAAK,aAAa,GAAG;IACnB,IAAI,CAAC,EAAE,eAAe,CAAA;IACtB,OAAO,CAAC,EAAE,cAAc,CAAA;IACxB,WAAW,CAAC,EAAE,YAAY,GAAG,UAAU,CAAA;IACvC,MAAM,CAAC,EAAE,CAAC,GAAG,EAAE,WAAW,KAAK,IAAI,CAAA;IACnC,YAAY,CAAC,EAAE,CAAC,MAAM,
|
|
1
|
+
{"version":3,"file":"carousel.d.ts","sourceRoot":"","sources":["../../../components/ui/carousel.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,gBAAgB,EAAE,EACvB,KAAK,oBAAoB,EAC1B,MAAM,sBAAsB,CAAA;AAM7B,KAAK,WAAW,GAAG,oBAAoB,CAAC,CAAC,CAAC,CAAA;AAC1C,KAAK,qBAAqB,GAAG,UAAU,CAAC,OAAO,gBAAgB,CAAC,CAAA;AAChE,KAAK,eAAe,GAAG,qBAAqB,CAAC,CAAC,CAAC,CAAA;AAC/C,KAAK,cAAc,GAAG,qBAAqB,CAAC,CAAC,CAAC,CAAA;AAE9C,KAAK,aAAa,GAAG;IACnB,IAAI,CAAC,EAAE,eAAe,CAAA;IACtB,OAAO,CAAC,EAAE,cAAc,CAAA;IACxB,WAAW,CAAC,EAAE,YAAY,GAAG,UAAU,CAAA;IACvC,MAAM,CAAC,EAAE,CAAC,GAAG,EAAE,WAAW,KAAK,IAAI,CAAA;IACnC,YAAY,CAAC,EAAE,CAAC,MAAM,EAAE,KAAK,CAAC,MAAM,CAAC,KAAK,IAAI,CAAA;CAC/C,CAAA;AAuBD,QAAA,MAAM,QAAQ,6HAqHb,CAAA;AAGD,QAAA,MAAM,eAAe,6GAmBnB,CAAA;AAGF,QAAA,MAAM,YAAY,6GAmBhB,CAAA;AAGF,QAAA,MAAM,gBAAgB,kLA0BpB,CAAA;AAGF,QAAA,MAAM,YAAY,kLA0BhB,CAAA;AAGF,KAAK,iBAAiB,GAAG;IACvB,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,QAAQ,CAAC,EAAE,MAAM,CAAA;CAClB,CAAA;AAED,QAAA,MAAM,YAAY,iIAiDjB,CAAA;AAGD,OAAO,EACL,KAAK,WAAW,EAChB,QAAQ,EACR,eAAe,EACf,YAAY,EACZ,gBAAgB,EAChB,YAAY,EACZ,YAAY,GACb,CAAA"}
|
|
@@ -123,25 +123,25 @@ const CarouselDots = React.forwardRef((_a, ref) => {
|
|
|
123
123
|
const toggleUpdateState = React.useCallback(() => setUpdateState((prevState) => !prevState), []);
|
|
124
124
|
React.useEffect(() => {
|
|
125
125
|
if (api) {
|
|
126
|
-
api.on(
|
|
127
|
-
api.on(
|
|
126
|
+
api.on("select", toggleUpdateState);
|
|
127
|
+
api.on("reInit", toggleUpdateState);
|
|
128
128
|
return () => {
|
|
129
|
-
api.off(
|
|
130
|
-
api.off(
|
|
129
|
+
api.off("select", toggleUpdateState);
|
|
130
|
+
api.off("reInit", toggleUpdateState);
|
|
131
131
|
};
|
|
132
132
|
}
|
|
133
133
|
}, [api, toggleUpdateState]);
|
|
134
134
|
const numberOfSlides = Math.min((api === null || api === void 0 ? void 0 : api.scrollSnapList().length) || 0, maxDots);
|
|
135
135
|
const currentSlide = Math.min((api === null || api === void 0 ? void 0 : api.selectedScrollSnap()) || 0, maxDots - 1);
|
|
136
136
|
if (numberOfSlides > 1) {
|
|
137
|
-
return (_jsx("div", Object.assign({ ref: ref, className: `flex justify-center ${props.className}` }, { children: Array.from({ length: numberOfSlides }, (_, i) => (_jsx(Button, { className:
|
|
137
|
+
return (_jsx("div", Object.assign({ ref: ref, className: `flex justify-center ${props.className}` }, { children: Array.from({ length: numberOfSlides }, (_, i) => (_jsx(Button, { className: "mx-1 h-1.5 w-1.5 rounded-full p-0 border-none", style: {
|
|
138
138
|
backgroundColor: dotColor,
|
|
139
|
-
opacity: i === currentSlide ? 1 : 0.5
|
|
139
|
+
opacity: i === currentSlide ? 1 : 0.5,
|
|
140
140
|
}, "aria-label": `Go to slide ${i + 1}`, onClick: () => api === null || api === void 0 ? void 0 : api.scrollTo(i) }, i))) })));
|
|
141
141
|
}
|
|
142
142
|
else {
|
|
143
143
|
return _jsx(_Fragment, {});
|
|
144
144
|
}
|
|
145
145
|
});
|
|
146
|
-
CarouselDots.displayName =
|
|
146
|
+
CarouselDots.displayName = "CarouselDots";
|
|
147
147
|
export { Carousel, CarouselContent, CarouselItem, CarouselPrevious, CarouselNext, CarouselDots, };
|
package/dist/styles.css
CHANGED
|
@@ -707,6 +707,9 @@ video {
|
|
|
707
707
|
.bottom-6 {
|
|
708
708
|
bottom: 1.5rem;
|
|
709
709
|
}
|
|
710
|
+
.bottom-\[110px\] {
|
|
711
|
+
bottom: 110px;
|
|
712
|
+
}
|
|
710
713
|
.bottom-\[18px\] {
|
|
711
714
|
bottom: 18px;
|
|
712
715
|
}
|
|
@@ -728,9 +731,15 @@ video {
|
|
|
728
731
|
.left-1\/2 {
|
|
729
732
|
left: 50%;
|
|
730
733
|
}
|
|
734
|
+
.left-14 {
|
|
735
|
+
left: 3.5rem;
|
|
736
|
+
}
|
|
731
737
|
.left-2 {
|
|
732
738
|
left: 0.5rem;
|
|
733
739
|
}
|
|
740
|
+
.left-24 {
|
|
741
|
+
left: 6rem;
|
|
742
|
+
}
|
|
734
743
|
.left-4 {
|
|
735
744
|
left: 1rem;
|
|
736
745
|
}
|
|
@@ -749,6 +758,15 @@ video {
|
|
|
749
758
|
.right-4 {
|
|
750
759
|
right: 1rem;
|
|
751
760
|
}
|
|
761
|
+
.right-\[100px\] {
|
|
762
|
+
right: 100px;
|
|
763
|
+
}
|
|
764
|
+
.right-\[140px\] {
|
|
765
|
+
right: 140px;
|
|
766
|
+
}
|
|
767
|
+
.right-auto {
|
|
768
|
+
right: auto;
|
|
769
|
+
}
|
|
752
770
|
.start-10 {
|
|
753
771
|
inset-inline-start: 2.5rem;
|
|
754
772
|
}
|
|
@@ -770,9 +788,6 @@ video {
|
|
|
770
788
|
.top-4 {
|
|
771
789
|
top: 1rem;
|
|
772
790
|
}
|
|
773
|
-
.top-\[16px\] {
|
|
774
|
-
top: 16px;
|
|
775
|
-
}
|
|
776
791
|
.top-\[18px\] {
|
|
777
792
|
top: 18px;
|
|
778
793
|
}
|
|
@@ -791,6 +806,12 @@ video {
|
|
|
791
806
|
.z-\[100\] {
|
|
792
807
|
z-index: 100;
|
|
793
808
|
}
|
|
809
|
+
.order-1 {
|
|
810
|
+
order: 1;
|
|
811
|
+
}
|
|
812
|
+
.order-2 {
|
|
813
|
+
order: 2;
|
|
814
|
+
}
|
|
794
815
|
.col-span-2 {
|
|
795
816
|
grid-column: span 2 / span 2;
|
|
796
817
|
}
|
|
@@ -841,9 +862,15 @@ video {
|
|
|
841
862
|
.-mt-4 {
|
|
842
863
|
margin-top: -1rem;
|
|
843
864
|
}
|
|
865
|
+
.mb-1 {
|
|
866
|
+
margin-bottom: 0.25rem;
|
|
867
|
+
}
|
|
844
868
|
.mb-2 {
|
|
845
869
|
margin-bottom: 0.5rem;
|
|
846
870
|
}
|
|
871
|
+
.mb-4 {
|
|
872
|
+
margin-bottom: 1rem;
|
|
873
|
+
}
|
|
847
874
|
.mb-6 {
|
|
848
875
|
margin-bottom: 1.5rem;
|
|
849
876
|
}
|
|
@@ -868,6 +895,9 @@ video {
|
|
|
868
895
|
.mr-4 {
|
|
869
896
|
margin-right: 1rem;
|
|
870
897
|
}
|
|
898
|
+
.mt-0 {
|
|
899
|
+
margin-top: 0px;
|
|
900
|
+
}
|
|
871
901
|
.mt-1 {
|
|
872
902
|
margin-top: 0.25rem;
|
|
873
903
|
}
|
|
@@ -877,6 +907,9 @@ video {
|
|
|
877
907
|
.mt-3 {
|
|
878
908
|
margin-top: 0.75rem;
|
|
879
909
|
}
|
|
910
|
+
.mt-4 {
|
|
911
|
+
margin-top: 1rem;
|
|
912
|
+
}
|
|
880
913
|
.mt-auto {
|
|
881
914
|
margin-top: auto;
|
|
882
915
|
}
|
|
@@ -1275,12 +1308,21 @@ video {
|
|
|
1275
1308
|
.items-center {
|
|
1276
1309
|
align-items: center;
|
|
1277
1310
|
}
|
|
1311
|
+
.\!justify-start {
|
|
1312
|
+
justify-content: flex-start !important;
|
|
1313
|
+
}
|
|
1278
1314
|
.justify-start {
|
|
1279
1315
|
justify-content: flex-start;
|
|
1280
1316
|
}
|
|
1317
|
+
.\!justify-end {
|
|
1318
|
+
justify-content: flex-end !important;
|
|
1319
|
+
}
|
|
1281
1320
|
.justify-end {
|
|
1282
1321
|
justify-content: flex-end;
|
|
1283
1322
|
}
|
|
1323
|
+
.\!justify-center {
|
|
1324
|
+
justify-content: center !important;
|
|
1325
|
+
}
|
|
1284
1326
|
.justify-center {
|
|
1285
1327
|
justify-content: center;
|
|
1286
1328
|
}
|
|
@@ -1296,9 +1338,6 @@ video {
|
|
|
1296
1338
|
.gap-2 {
|
|
1297
1339
|
gap: 0.5rem;
|
|
1298
1340
|
}
|
|
1299
|
-
.gap-2\.5 {
|
|
1300
|
-
gap: 0.625rem;
|
|
1301
|
-
}
|
|
1302
1341
|
.gap-4 {
|
|
1303
1342
|
gap: 1rem;
|
|
1304
1343
|
}
|
|
@@ -1344,6 +1383,11 @@ video {
|
|
|
1344
1383
|
margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));
|
|
1345
1384
|
margin-bottom: calc(0.5rem * var(--tw-space-y-reverse));
|
|
1346
1385
|
}
|
|
1386
|
+
.space-y-4 > :not([hidden]) ~ :not([hidden]) {
|
|
1387
|
+
--tw-space-y-reverse: 0;
|
|
1388
|
+
margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
|
|
1389
|
+
margin-bottom: calc(1rem * var(--tw-space-y-reverse));
|
|
1390
|
+
}
|
|
1347
1391
|
.self-start {
|
|
1348
1392
|
align-self: flex-start;
|
|
1349
1393
|
}
|
|
@@ -1519,9 +1563,6 @@ video {
|
|
|
1519
1563
|
--tw-bg-opacity: 1;
|
|
1520
1564
|
background-color: rgb(255 255 255 / var(--tw-bg-opacity));
|
|
1521
1565
|
}
|
|
1522
|
-
.bg-\[rgba\(255\2c 255\2c 255\2c 0\.5\)\] {
|
|
1523
|
-
background-color: rgba(255,255,255,0.5);
|
|
1524
|
-
}
|
|
1525
1566
|
.bg-background {
|
|
1526
1567
|
background-color: hsl(var(--background));
|
|
1527
1568
|
}
|
|
@@ -1611,9 +1652,6 @@ video {
|
|
|
1611
1652
|
.p-1 {
|
|
1612
1653
|
padding: 0.25rem;
|
|
1613
1654
|
}
|
|
1614
|
-
.p-1\.5 {
|
|
1615
|
-
padding: 0.375rem;
|
|
1616
|
-
}
|
|
1617
1655
|
.p-2 {
|
|
1618
1656
|
padding: 0.5rem;
|
|
1619
1657
|
}
|
|
@@ -1702,9 +1740,6 @@ video {
|
|
|
1702
1740
|
.pl-2 {
|
|
1703
1741
|
padding-left: 0.5rem;
|
|
1704
1742
|
}
|
|
1705
|
-
.pl-3 {
|
|
1706
|
-
padding-left: 0.75rem;
|
|
1707
|
-
}
|
|
1708
1743
|
.pl-4 {
|
|
1709
1744
|
padding-left: 1rem;
|
|
1710
1745
|
}
|
|
@@ -2812,6 +2847,11 @@ body::-webkit-scrollbar {
|
|
|
2812
2847
|
color: var(--textColors-secondaryColor, #727272ff);
|
|
2813
2848
|
}
|
|
2814
2849
|
|
|
2850
|
+
.\[\&\[data-state\=open\]_\.rightIcon\]\:rotate-90[data-state=open] .rightIcon {
|
|
2851
|
+
--tw-rotate: 90deg;
|
|
2852
|
+
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
|
|
2853
|
+
}
|
|
2854
|
+
|
|
2815
2855
|
.\[\&\[data-state\=open\]_svg\]\:rotate-180[data-state=open] svg {
|
|
2816
2856
|
--tw-rotate: 180deg;
|
|
2817
2857
|
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@tapcart/mobile-components",
|
|
3
|
-
"version": "0.6.
|
|
3
|
+
"version": "0.6.16",
|
|
4
4
|
"main": "dist/index.js",
|
|
5
5
|
"types": "dist/index.d.ts",
|
|
6
6
|
"style": "dist/styles.css",
|
|
@@ -11,6 +11,16 @@
|
|
|
11
11
|
"license": "SEE LICENSE IN LICENSE.md",
|
|
12
12
|
"author": "Tapcart Inc.",
|
|
13
13
|
"homepage": "https://tapcart.com",
|
|
14
|
+
"scripts": {
|
|
15
|
+
"lint": "eslint \"**/*.ts*\"",
|
|
16
|
+
"ui:add": "pnpm dlx shadcn-ui@latest add",
|
|
17
|
+
"build:styles": "postcss styles/globals.css -o dist/styles.css",
|
|
18
|
+
"build:ts": "tsc -p tsconfig.json && tsc-alias",
|
|
19
|
+
"build": "pnpm run build:ts && pnpm run build:styles",
|
|
20
|
+
"dev:ts": "tsc -w -p tsconfig.json",
|
|
21
|
+
"dev:styles": "npx tailwindcss -i styles/globals.css -o dist/styles.css --watch",
|
|
22
|
+
"dev": "concurrently \"pnpm run dev:ts\" \"pnpm run dev:styles\""
|
|
23
|
+
},
|
|
14
24
|
"peerDependencies": {
|
|
15
25
|
"react": "^17.0.2 || ^18.0.0",
|
|
16
26
|
"react-dom": "^17.0.2 || ^18.0.0"
|
|
@@ -19,17 +29,17 @@
|
|
|
19
29
|
"@types/lodash": "4.17.5",
|
|
20
30
|
"@types/react": "^18.2.0",
|
|
21
31
|
"@types/react-dom": "^18.2.0",
|
|
32
|
+
"app-studio-types": "workspace:*",
|
|
22
33
|
"autoprefixer": "^10.4.14",
|
|
23
34
|
"chokidar-cli": "^3.0.0",
|
|
24
35
|
"concurrently": "^8.2.2",
|
|
25
36
|
"eslint": "^7.32.0",
|
|
37
|
+
"eslint-config-custom": "workspace:*",
|
|
26
38
|
"postcss": "^8.4.24",
|
|
27
39
|
"tailwindcss": "^3.3.2",
|
|
28
40
|
"tsc-alias": "^1.8.10",
|
|
29
|
-
"
|
|
30
|
-
"
|
|
31
|
-
"eslint-config-custom": "0.0.0",
|
|
32
|
-
"tsconfig": "0.0.0"
|
|
41
|
+
"tsconfig": "workspace:*",
|
|
42
|
+
"typescript": "^4.5.2"
|
|
33
43
|
},
|
|
34
44
|
"dependencies": {
|
|
35
45
|
"@radix-ui/react-accordion": "^1.1.2",
|
|
@@ -63,15 +73,5 @@
|
|
|
63
73
|
"tailwind-merge": "^1.13.2",
|
|
64
74
|
"tailwindcss-animate": "^1.0.6",
|
|
65
75
|
"vaul": "^0.9.1"
|
|
66
|
-
},
|
|
67
|
-
"scripts": {
|
|
68
|
-
"lint": "eslint \"**/*.ts*\"",
|
|
69
|
-
"ui:add": "pnpm dlx shadcn-ui@latest add",
|
|
70
|
-
"build:styles": "postcss styles/globals.css -o dist/styles.css",
|
|
71
|
-
"build:ts": "tsc -p tsconfig.json && tsc-alias",
|
|
72
|
-
"build": "pnpm run build:ts && pnpm run build:styles",
|
|
73
|
-
"dev:ts": "tsc -w -p tsconfig.json",
|
|
74
|
-
"dev:styles": "npx tailwindcss -i styles/globals.css -o dist/styles.css --watch",
|
|
75
|
-
"dev": "concurrently \"pnpm run dev:ts\" \"pnpm run dev:styles\""
|
|
76
76
|
}
|
|
77
|
-
}
|
|
77
|
+
}
|