@sudobility/social-components-rn 1.0.0
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/RatingStars.d.ts +47 -0
- package/dist/RatingStars.d.ts.map +1 -0
- package/dist/ShareButtons.d.ts +36 -0
- package/dist/ShareButtons.d.ts.map +1 -0
- package/dist/index.cjs.js +1229 -0
- package/dist/index.cjs.js.map +1 -0
- package/dist/index.d.ts +20 -0
- package/dist/index.d.ts.map +1 -0
- package/dist/index.esm.js +1212 -0
- package/dist/index.esm.js.map +1 -0
- package/dist/utils.d.ts +7 -0
- package/dist/utils.d.ts.map +1 -0
- package/package.json +54 -0
- package/src/RatingStars.tsx +171 -0
- package/src/ShareButtons.tsx +224 -0
- package/src/index.ts +24 -0
- package/src/nativewind.d.ts +22 -0
- package/src/utils.ts +9 -0
|
@@ -0,0 +1,47 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
export interface RatingStarsProps {
|
|
3
|
+
/** Current rating value (0-5) */
|
|
4
|
+
value: number;
|
|
5
|
+
/** Rating change handler */
|
|
6
|
+
onChange?: (rating: number) => void;
|
|
7
|
+
/** Max number of stars */
|
|
8
|
+
maxStars?: number;
|
|
9
|
+
/** Star size */
|
|
10
|
+
size?: 'sm' | 'md' | 'lg' | 'xl';
|
|
11
|
+
/** Read-only mode */
|
|
12
|
+
readonly?: boolean;
|
|
13
|
+
/** Show rating number */
|
|
14
|
+
showNumber?: boolean;
|
|
15
|
+
/** Allow half stars */
|
|
16
|
+
allowHalf?: boolean;
|
|
17
|
+
/** Additional className */
|
|
18
|
+
className?: string;
|
|
19
|
+
}
|
|
20
|
+
/**
|
|
21
|
+
* RatingStars Component
|
|
22
|
+
*
|
|
23
|
+
* Star rating display and input for React Native.
|
|
24
|
+
* Supports interactive and read-only modes.
|
|
25
|
+
*
|
|
26
|
+
* @example
|
|
27
|
+
* ```tsx
|
|
28
|
+
* <RatingStars
|
|
29
|
+
* value={4.5}
|
|
30
|
+
* onChange={(rating) => setRating(rating)}
|
|
31
|
+
* size="lg"
|
|
32
|
+
* showNumber
|
|
33
|
+
* allowHalf
|
|
34
|
+
* />
|
|
35
|
+
* ```
|
|
36
|
+
*
|
|
37
|
+
* @example
|
|
38
|
+
* ```tsx
|
|
39
|
+
* <RatingStars
|
|
40
|
+
* value={3}
|
|
41
|
+
* readonly
|
|
42
|
+
* size="sm"
|
|
43
|
+
* />
|
|
44
|
+
* ```
|
|
45
|
+
*/
|
|
46
|
+
export declare const RatingStars: React.FC<RatingStarsProps>;
|
|
47
|
+
//# sourceMappingURL=RatingStars.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"RatingStars.d.ts","sourceRoot":"","sources":["../src/RatingStars.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,MAAM,WAAW,gBAAgB;IAC/B,iCAAiC;IACjC,KAAK,EAAE,MAAM,CAAC;IACd,4BAA4B;IAC5B,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACpC,0BAA0B;IAC1B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,gBAAgB;IAChB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IACjC,qBAAqB;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,yBAAyB;IACzB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,uBAAuB;IACvB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,2BAA2B;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAyHlD,CAAC"}
|
|
@@ -0,0 +1,36 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
export type SharePlatform = 'native' | 'twitter' | 'facebook' | 'linkedin' | 'reddit' | 'email' | 'copy';
|
|
3
|
+
export interface ShareButtonsProps {
|
|
4
|
+
/** URL to share */
|
|
5
|
+
url: string;
|
|
6
|
+
/** Title to share */
|
|
7
|
+
title?: string;
|
|
8
|
+
/** Description to share */
|
|
9
|
+
description?: string;
|
|
10
|
+
/** Platforms to show */
|
|
11
|
+
platforms?: SharePlatform[];
|
|
12
|
+
/** Button size */
|
|
13
|
+
size?: 'sm' | 'md' | 'lg';
|
|
14
|
+
/** Display variant */
|
|
15
|
+
variant?: 'icons' | 'buttons';
|
|
16
|
+
/** Additional className */
|
|
17
|
+
className?: string;
|
|
18
|
+
}
|
|
19
|
+
/**
|
|
20
|
+
* ShareButtons Component
|
|
21
|
+
*
|
|
22
|
+
* Social media share buttons for React Native.
|
|
23
|
+
* Supports native share, Twitter, Facebook, LinkedIn, Reddit, email, and copy link.
|
|
24
|
+
*
|
|
25
|
+
* @example
|
|
26
|
+
* ```tsx
|
|
27
|
+
* <ShareButtons
|
|
28
|
+
* url="https://example.com/article"
|
|
29
|
+
* title="Check out this article!"
|
|
30
|
+
* platforms={['native', 'twitter', 'copy']}
|
|
31
|
+
* variant="buttons"
|
|
32
|
+
* />
|
|
33
|
+
* ```
|
|
34
|
+
*/
|
|
35
|
+
export declare const ShareButtons: React.FC<ShareButtonsProps>;
|
|
36
|
+
//# sourceMappingURL=ShareButtons.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ShareButtons.d.ts","sourceRoot":"","sources":["../src/ShareButtons.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,MAAM,MAAM,aAAa,GACrB,QAAQ,GACR,SAAS,GACT,UAAU,GACV,UAAU,GACV,QAAQ,GACR,OAAO,GACP,MAAM,CAAC;AAEX,MAAM,WAAW,iBAAiB;IAChC,mBAAmB;IACnB,GAAG,EAAE,MAAM,CAAC;IACZ,qBAAqB;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,2BAA2B;IAC3B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,wBAAwB;IACxB,SAAS,CAAC,EAAE,aAAa,EAAE,CAAC;IAC5B,kBAAkB;IAClB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,sBAAsB;IACtB,OAAO,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC9B,2BAA2B;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;;;;;;;;;;GAeG;AACH,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAgLpD,CAAC"}
|