react-native-atomic-ui 1.0.4 → 1.0.6
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/CHANGELOG.md +0 -5
- package/README.md +1 -86
- package/package.json +1 -34
- package/dist/advanced/date-picker/index.d.ts +0 -23
- package/dist/advanced/date-picker/index.d.ts.map +0 -1
- package/dist/advanced/date-picker/index.js +0 -31
- package/dist/advanced/date-picker/index.js.map +0 -7
- package/dist/advanced/date-picker/index.mjs +0 -10
- package/dist/advanced/date-picker/index.mjs.map +0 -7
- package/dist/advanced/file-picker/index.d.ts +0 -28
- package/dist/advanced/file-picker/index.d.ts.map +0 -1
- package/dist/advanced/file-picker/index.js +0 -31
- package/dist/advanced/file-picker/index.js.map +0 -7
- package/dist/advanced/file-picker/index.mjs +0 -10
- package/dist/advanced/file-picker/index.mjs.map +0 -7
- package/dist/advanced/picker/index.d.ts +0 -28
- package/dist/advanced/picker/index.d.ts.map +0 -1
- package/dist/advanced/picker/index.js +0 -37
- package/dist/advanced/picker/index.js.map +0 -7
- package/dist/advanced/picker/index.mjs +0 -16
- package/dist/advanced/picker/index.mjs.map +0 -7
- package/dist/advanced/rich-text/index.d.ts +0 -30
- package/dist/advanced/rich-text/index.d.ts.map +0 -1
- package/dist/advanced/rich-text/index.js +0 -37
- package/dist/advanced/rich-text/index.js.map +0 -7
- package/dist/advanced/rich-text/index.mjs +0 -16
- package/dist/advanced/rich-text/index.mjs.map +0 -7
package/CHANGELOG.md
CHANGED
|
@@ -14,11 +14,6 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
|
|
|
14
14
|
- System preference detection for automatic theme selection
|
|
15
15
|
- Full TypeScript support with strict mode
|
|
16
16
|
- Comprehensive documentation and examples
|
|
17
|
-
- Advanced components with optional peer dependencies:
|
|
18
|
-
- Date picker support
|
|
19
|
-
- Dropdown picker support
|
|
20
|
-
- File picker support
|
|
21
|
-
- Rich text display and editing support
|
|
22
17
|
|
|
23
18
|
### Changed
|
|
24
19
|
- Initial release
|
package/README.md
CHANGED
|
@@ -7,10 +7,9 @@
|
|
|
7
7
|
- ✅ **30+ Core Components** - Ready-to-use UI building blocks with zero external dependencies
|
|
8
8
|
- ✅ **TypeScript First** - Full type definitions, strict mode enabled
|
|
9
9
|
- ✅ **Dark Mode Built-in** - Light/dark themes with system preference detection
|
|
10
|
-
- ✅ **Context-Based Theme** - Pure React Context
|
|
10
|
+
- ✅ **Context-Based Theme** - Pure React Context with system preference support
|
|
11
11
|
- ✅ **Small Bundle** - ~50-80 KB minified core library
|
|
12
12
|
- ✅ **Modular Architecture** - Import only what you need
|
|
13
|
-
- ✅ **Advanced Components** - Optional peer dependencies for date pickers, rich text, file selection
|
|
14
13
|
- ✅ **Platform Support** - iOS 12.0+, Android 6.0+
|
|
15
14
|
- ✅ **React Native 0.73.0+** - Broad ecosystem compatibility
|
|
16
15
|
|
|
@@ -80,26 +79,6 @@ cd ios && pod install && cd ..
|
|
|
80
79
|
npx react-native run-ios # or run-android
|
|
81
80
|
```
|
|
82
81
|
|
|
83
|
-
### With Optional Components
|
|
84
|
-
|
|
85
|
-
```bash
|
|
86
|
-
# For date picker
|
|
87
|
-
npm install @react-native-community/datetimepicker
|
|
88
|
-
|
|
89
|
-
# For dropdown pickers
|
|
90
|
-
npm install react-native-picker-select
|
|
91
|
-
|
|
92
|
-
# For file selection
|
|
93
|
-
npm install @react-native-documents/picker
|
|
94
|
-
|
|
95
|
-
# For rich text display
|
|
96
|
-
npm install react-native-webview
|
|
97
|
-
|
|
98
|
-
# For advanced features
|
|
99
|
-
npm install react-native-shimmer-placeholder
|
|
100
|
-
npm install @react-native-community/netinfo
|
|
101
|
-
```
|
|
102
|
-
|
|
103
82
|
## 🔧 Quick Start
|
|
104
83
|
|
|
105
84
|
### 1. Install the Package
|
|
@@ -613,70 +592,6 @@ import { H1, H2, H3, Body1, Body2, SubTitle1, Caption, Overline } from 'react-na
|
|
|
613
592
|
<Caption>Caption</Caption>
|
|
614
593
|
```
|
|
615
594
|
|
|
616
|
-
## 🔗 Advanced Components
|
|
617
|
-
|
|
618
|
-
Advanced components require specific peer dependencies. Import them from submodules:
|
|
619
|
-
|
|
620
|
-
### Date Picker
|
|
621
|
-
|
|
622
|
-
```typescript
|
|
623
|
-
import { DatePickerInput } from 'react-native-atomic-ui/date-picker';
|
|
624
|
-
|
|
625
|
-
// Requires: npm install @react-native-community/datetimepicker
|
|
626
|
-
|
|
627
|
-
<DatePickerInput
|
|
628
|
-
value={date}
|
|
629
|
-
onChange={setDate}
|
|
630
|
-
label="Select Date"
|
|
631
|
-
format="DD/MM/YYYY"
|
|
632
|
-
/>
|
|
633
|
-
```
|
|
634
|
-
|
|
635
|
-
### Pickers
|
|
636
|
-
|
|
637
|
-
```typescript
|
|
638
|
-
import { BorderedPickerInput } from 'react-native-atomic-ui/picker';
|
|
639
|
-
|
|
640
|
-
// Requires: npm install react-native-picker-select
|
|
641
|
-
|
|
642
|
-
<BorderedPickerInput
|
|
643
|
-
value={selectedValue}
|
|
644
|
-
onValueChange={setSelectedValue}
|
|
645
|
-
items={[
|
|
646
|
-
{ label: 'Option 1', value: '1' },
|
|
647
|
-
{ label: 'Option 2', value: '2' },
|
|
648
|
-
]}
|
|
649
|
-
label="Select an option"
|
|
650
|
-
/>
|
|
651
|
-
```
|
|
652
|
-
|
|
653
|
-
### File Picker
|
|
654
|
-
|
|
655
|
-
```typescript
|
|
656
|
-
import { FilePicker } from 'react-native-atomic-ui/file-picker';
|
|
657
|
-
|
|
658
|
-
// Requires: npm install @react-native-documents/picker
|
|
659
|
-
|
|
660
|
-
<FilePicker
|
|
661
|
-
onFileSelected={handleFileSelected}
|
|
662
|
-
label="Choose File"
|
|
663
|
-
/>
|
|
664
|
-
```
|
|
665
|
-
|
|
666
|
-
### Rich Text
|
|
667
|
-
|
|
668
|
-
```typescript
|
|
669
|
-
import { RichText, RichTextInput } from 'react-native-atomic-ui/rich-text';
|
|
670
|
-
|
|
671
|
-
// Requires: npm install react-native-webview
|
|
672
|
-
// For editor: npm install github:starburst997/10tap-editor#jd
|
|
673
|
-
|
|
674
|
-
<RichText
|
|
675
|
-
html="<p>This is <strong>rich</strong> text</p>"
|
|
676
|
-
onLinkPress={(url) => Linking.openURL(url)}
|
|
677
|
-
/>
|
|
678
|
-
```
|
|
679
|
-
|
|
680
595
|
## 🛠️ TypeScript Support
|
|
681
596
|
|
|
682
597
|
Full TypeScript support with strict mode enabled:
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "react-native-atomic-ui",
|
|
3
|
-
"version": "1.0.
|
|
3
|
+
"version": "1.0.6",
|
|
4
4
|
"description": "Zero-dependency atomic UI components library for React Native with built-in dark mode support",
|
|
5
5
|
"main": "dist/index.js",
|
|
6
6
|
"module": "dist/index.mjs",
|
|
@@ -59,14 +59,6 @@
|
|
|
59
59
|
"optional": false
|
|
60
60
|
}
|
|
61
61
|
},
|
|
62
|
-
"optionalDependencies": {
|
|
63
|
-
"@react-native-community/datetimepicker": "^8.0.0",
|
|
64
|
-
"@react-native-community/netinfo": "^11.0.0",
|
|
65
|
-
"@react-native-documents/picker": "^10.0.0",
|
|
66
|
-
"react-native-picker-select": "^9.0.0",
|
|
67
|
-
"react-native-shimmer-placeholder": "^2.0.0",
|
|
68
|
-
"react-native-webview": "^13.0.0"
|
|
69
|
-
},
|
|
70
62
|
"devDependencies": {
|
|
71
63
|
"@react-native/eslint-config": "^0.73.0",
|
|
72
64
|
"@testing-library/jest-native": "^5.4.3",
|
|
@@ -100,31 +92,6 @@
|
|
|
100
92
|
"types": "./dist/components/index.d.ts",
|
|
101
93
|
"import": "./dist/components/index.mjs",
|
|
102
94
|
"require": "./dist/components/index.js"
|
|
103
|
-
},
|
|
104
|
-
"./date-picker": {
|
|
105
|
-
"types": "./dist/advanced/date-picker/index.d.ts",
|
|
106
|
-
"import": "./dist/advanced/date-picker/index.mjs",
|
|
107
|
-
"require": "./dist/advanced/date-picker/index.js"
|
|
108
|
-
},
|
|
109
|
-
"./picker": {
|
|
110
|
-
"types": "./dist/advanced/picker/index.d.ts",
|
|
111
|
-
"import": "./dist/advanced/picker/index.mjs",
|
|
112
|
-
"require": "./dist/advanced/picker/index.js"
|
|
113
|
-
},
|
|
114
|
-
"./file-picker": {
|
|
115
|
-
"types": "./dist/advanced/file-picker/index.d.ts",
|
|
116
|
-
"import": "./dist/advanced/file-picker/index.mjs",
|
|
117
|
-
"require": "./dist/advanced/file-picker/index.js"
|
|
118
|
-
},
|
|
119
|
-
"./rich-text": {
|
|
120
|
-
"types": "./dist/advanced/rich-text/index.d.ts",
|
|
121
|
-
"import": "./dist/advanced/rich-text/index.mjs",
|
|
122
|
-
"require": "./dist/advanced/rich-text/index.js"
|
|
123
|
-
},
|
|
124
|
-
"./advanced": {
|
|
125
|
-
"types": "./dist/advanced/index.d.ts",
|
|
126
|
-
"import": "./dist/advanced/index.mjs",
|
|
127
|
-
"require": "./dist/advanced/index.js"
|
|
128
95
|
}
|
|
129
96
|
},
|
|
130
97
|
"engines": {
|
|
@@ -1,23 +0,0 @@
|
|
|
1
|
-
import type { ViewStyle, StyleProp } from 'react-native';
|
|
2
|
-
/**
|
|
3
|
-
* DatePickerInput - Advanced component for date selection
|
|
4
|
-
* Requires peer dependency: @react-native-community/datetimepicker
|
|
5
|
-
*
|
|
6
|
-
* Installation:
|
|
7
|
-
* npm install @react-native-community/datetimepicker
|
|
8
|
-
*
|
|
9
|
-
* Usage:
|
|
10
|
-
* import { DatePickerInput } from 'react-native-atomic-ui/date-picker';
|
|
11
|
-
*/
|
|
12
|
-
export interface DatePickerInputProps {
|
|
13
|
-
value: Date;
|
|
14
|
-
onChange: (date: Date) => void;
|
|
15
|
-
label?: string;
|
|
16
|
-
format?: string;
|
|
17
|
-
placeholder?: string;
|
|
18
|
-
disabled?: boolean;
|
|
19
|
-
style?: StyleProp<ViewStyle>;
|
|
20
|
-
testID?: string;
|
|
21
|
-
}
|
|
22
|
-
export declare function DatePickerInput(): void;
|
|
23
|
-
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/advanced/date-picker/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEzD;;;;;;;;;GASG;AAEH,MAAM,WAAW,oBAAoB;IACnC,KAAK,EAAE,IAAI,CAAC;IACZ,QAAQ,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC;IAC/B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAID,wBAAgB,eAAe,SAK9B"}
|
|
@@ -1,31 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __defProp = Object.defineProperty;
|
|
3
|
-
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
4
|
-
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
5
|
-
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
6
|
-
var __export = (target, all) => {
|
|
7
|
-
for (var name in all)
|
|
8
|
-
__defProp(target, name, { get: all[name], enumerable: true });
|
|
9
|
-
};
|
|
10
|
-
var __copyProps = (to, from, except, desc) => {
|
|
11
|
-
if (from && typeof from === "object" || typeof from === "function") {
|
|
12
|
-
for (let key of __getOwnPropNames(from))
|
|
13
|
-
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
14
|
-
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
15
|
-
}
|
|
16
|
-
return to;
|
|
17
|
-
};
|
|
18
|
-
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
19
|
-
|
|
20
|
-
// src/advanced/date-picker/index.ts
|
|
21
|
-
var date_picker_exports = {};
|
|
22
|
-
__export(date_picker_exports, {
|
|
23
|
-
DatePickerInput: () => DatePickerInput
|
|
24
|
-
});
|
|
25
|
-
module.exports = __toCommonJS(date_picker_exports);
|
|
26
|
-
function DatePickerInput() {
|
|
27
|
-
throw new Error(
|
|
28
|
-
"DatePickerInput requires peer dependency: @react-native-community/datetimepicker\nInstall it with: npm install @react-native-community/datetimepicker"
|
|
29
|
-
);
|
|
30
|
-
}
|
|
31
|
-
//# sourceMappingURL=index.js.map
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../../src/advanced/date-picker/index.ts"],
|
|
4
|
-
"sourcesContent": ["import type { ViewStyle, StyleProp } from 'react-native';\n\n/**\n * DatePickerInput - Advanced component for date selection\n * Requires peer dependency: @react-native-community/datetimepicker\n *\n * Installation:\n * npm install @react-native-community/datetimepicker\n *\n * Usage:\n * import { DatePickerInput } from 'react-native-atomic-ui/date-picker';\n */\n\nexport interface DatePickerInputProps {\n value: Date;\n onChange: (date: Date) => void;\n label?: string;\n format?: string;\n placeholder?: string;\n disabled?: boolean;\n style?: StyleProp<ViewStyle>;\n testID?: string;\n}\n\n// Component implementation would go here\n// This is a placeholder for library structure\nexport function DatePickerInput() {\n throw new Error(\n 'DatePickerInput requires peer dependency: @react-native-community/datetimepicker\\n' +\n 'Install it with: npm install @react-native-community/datetimepicker'\n );\n}\n"],
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AA0BO,SAAS,kBAAkB;AAChC,QAAM,IAAI;AAAA,IACR;AAAA,EAEF;AACF;",
|
|
6
|
-
"names": []
|
|
7
|
-
}
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
// src/advanced/date-picker/index.ts
|
|
2
|
-
function DatePickerInput() {
|
|
3
|
-
throw new Error(
|
|
4
|
-
"DatePickerInput requires peer dependency: @react-native-community/datetimepicker\nInstall it with: npm install @react-native-community/datetimepicker"
|
|
5
|
-
);
|
|
6
|
-
}
|
|
7
|
-
export {
|
|
8
|
-
DatePickerInput
|
|
9
|
-
};
|
|
10
|
-
//# sourceMappingURL=index.mjs.map
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../../src/advanced/date-picker/index.ts"],
|
|
4
|
-
"sourcesContent": ["import type { ViewStyle, StyleProp } from 'react-native';\n\n/**\n * DatePickerInput - Advanced component for date selection\n * Requires peer dependency: @react-native-community/datetimepicker\n *\n * Installation:\n * npm install @react-native-community/datetimepicker\n *\n * Usage:\n * import { DatePickerInput } from 'react-native-atomic-ui/date-picker';\n */\n\nexport interface DatePickerInputProps {\n value: Date;\n onChange: (date: Date) => void;\n label?: string;\n format?: string;\n placeholder?: string;\n disabled?: boolean;\n style?: StyleProp<ViewStyle>;\n testID?: string;\n}\n\n// Component implementation would go here\n// This is a placeholder for library structure\nexport function DatePickerInput() {\n throw new Error(\n 'DatePickerInput requires peer dependency: @react-native-community/datetimepicker\\n' +\n 'Install it with: npm install @react-native-community/datetimepicker'\n );\n}\n"],
|
|
5
|
-
"mappings": ";AA0BO,SAAS,kBAAkB;AAChC,QAAM,IAAI;AAAA,IACR;AAAA,EAEF;AACF;",
|
|
6
|
-
"names": []
|
|
7
|
-
}
|
|
@@ -1,28 +0,0 @@
|
|
|
1
|
-
import type { ViewStyle, StyleProp } from 'react-native';
|
|
2
|
-
/**
|
|
3
|
-
* FilePicker - Advanced component for file selection
|
|
4
|
-
* Requires peer dependency: @react-native-documents/picker
|
|
5
|
-
*
|
|
6
|
-
* Installation:
|
|
7
|
-
* npm install @react-native-documents/picker
|
|
8
|
-
*
|
|
9
|
-
* Usage:
|
|
10
|
-
* import { FilePicker } from 'react-native-atomic-ui/file-picker';
|
|
11
|
-
*/
|
|
12
|
-
export interface SelectedFile {
|
|
13
|
-
uri: string;
|
|
14
|
-
name: string;
|
|
15
|
-
type: string;
|
|
16
|
-
size: number;
|
|
17
|
-
}
|
|
18
|
-
export interface FilePickerProps {
|
|
19
|
-
onFileSelected: (file: SelectedFile) => void;
|
|
20
|
-
multiple?: boolean;
|
|
21
|
-
type?: string;
|
|
22
|
-
label?: string;
|
|
23
|
-
disabled?: boolean;
|
|
24
|
-
style?: StyleProp<ViewStyle>;
|
|
25
|
-
testID?: string;
|
|
26
|
-
}
|
|
27
|
-
export declare function FilePicker(): void;
|
|
28
|
-
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/advanced/file-picker/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEzD;;;;;;;;;GASG;AAEH,MAAM,WAAW,YAAY;IAC3B,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;CACd;AAED,MAAM,WAAW,eAAe;IAC9B,cAAc,EAAE,CAAC,IAAI,EAAE,YAAY,KAAK,IAAI,CAAC;IAC7C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAID,wBAAgB,UAAU,SAKzB"}
|
|
@@ -1,31 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __defProp = Object.defineProperty;
|
|
3
|
-
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
4
|
-
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
5
|
-
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
6
|
-
var __export = (target, all) => {
|
|
7
|
-
for (var name in all)
|
|
8
|
-
__defProp(target, name, { get: all[name], enumerable: true });
|
|
9
|
-
};
|
|
10
|
-
var __copyProps = (to, from, except, desc) => {
|
|
11
|
-
if (from && typeof from === "object" || typeof from === "function") {
|
|
12
|
-
for (let key of __getOwnPropNames(from))
|
|
13
|
-
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
14
|
-
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
15
|
-
}
|
|
16
|
-
return to;
|
|
17
|
-
};
|
|
18
|
-
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
19
|
-
|
|
20
|
-
// src/advanced/file-picker/index.ts
|
|
21
|
-
var file_picker_exports = {};
|
|
22
|
-
__export(file_picker_exports, {
|
|
23
|
-
FilePicker: () => FilePicker
|
|
24
|
-
});
|
|
25
|
-
module.exports = __toCommonJS(file_picker_exports);
|
|
26
|
-
function FilePicker() {
|
|
27
|
-
throw new Error(
|
|
28
|
-
"FilePicker requires peer dependency: @react-native-documents/picker\nInstall it with: npm install @react-native-documents/picker"
|
|
29
|
-
);
|
|
30
|
-
}
|
|
31
|
-
//# sourceMappingURL=index.js.map
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../../src/advanced/file-picker/index.ts"],
|
|
4
|
-
"sourcesContent": ["import type { ViewStyle, StyleProp } from 'react-native';\n\n/**\n * FilePicker - Advanced component for file selection\n * Requires peer dependency: @react-native-documents/picker\n *\n * Installation:\n * npm install @react-native-documents/picker\n *\n * Usage:\n * import { FilePicker } from 'react-native-atomic-ui/file-picker';\n */\n\nexport interface SelectedFile {\n uri: string;\n name: string;\n type: string;\n size: number;\n}\n\nexport interface FilePickerProps {\n onFileSelected: (file: SelectedFile) => void;\n multiple?: boolean;\n type?: string;\n label?: string;\n disabled?: boolean;\n style?: StyleProp<ViewStyle>;\n testID?: string;\n}\n\n// Component implementation would go here\n// This is a placeholder for library structure\nexport function FilePicker() {\n throw new Error(\n 'FilePicker requires peer dependency: @react-native-documents/picker\\n' +\n 'Install it with: npm install @react-native-documents/picker'\n );\n}\n"],
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAgCO,SAAS,aAAa;AAC3B,QAAM,IAAI;AAAA,IACR;AAAA,EAEF;AACF;",
|
|
6
|
-
"names": []
|
|
7
|
-
}
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
// src/advanced/file-picker/index.ts
|
|
2
|
-
function FilePicker() {
|
|
3
|
-
throw new Error(
|
|
4
|
-
"FilePicker requires peer dependency: @react-native-documents/picker\nInstall it with: npm install @react-native-documents/picker"
|
|
5
|
-
);
|
|
6
|
-
}
|
|
7
|
-
export {
|
|
8
|
-
FilePicker
|
|
9
|
-
};
|
|
10
|
-
//# sourceMappingURL=index.mjs.map
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../../src/advanced/file-picker/index.ts"],
|
|
4
|
-
"sourcesContent": ["import type { ViewStyle, StyleProp } from 'react-native';\n\n/**\n * FilePicker - Advanced component for file selection\n * Requires peer dependency: @react-native-documents/picker\n *\n * Installation:\n * npm install @react-native-documents/picker\n *\n * Usage:\n * import { FilePicker } from 'react-native-atomic-ui/file-picker';\n */\n\nexport interface SelectedFile {\n uri: string;\n name: string;\n type: string;\n size: number;\n}\n\nexport interface FilePickerProps {\n onFileSelected: (file: SelectedFile) => void;\n multiple?: boolean;\n type?: string;\n label?: string;\n disabled?: boolean;\n style?: StyleProp<ViewStyle>;\n testID?: string;\n}\n\n// Component implementation would go here\n// This is a placeholder for library structure\nexport function FilePicker() {\n throw new Error(\n 'FilePicker requires peer dependency: @react-native-documents/picker\\n' +\n 'Install it with: npm install @react-native-documents/picker'\n );\n}\n"],
|
|
5
|
-
"mappings": ";AAgCO,SAAS,aAAa;AAC3B,QAAM,IAAI;AAAA,IACR;AAAA,EAEF;AACF;",
|
|
6
|
-
"names": []
|
|
7
|
-
}
|
|
@@ -1,28 +0,0 @@
|
|
|
1
|
-
import type { ViewStyle, StyleProp } from 'react-native';
|
|
2
|
-
/**
|
|
3
|
-
* Picker Components - Advanced dropdowns and selection
|
|
4
|
-
* Requires peer dependency: react-native-picker-select
|
|
5
|
-
*
|
|
6
|
-
* Installation:
|
|
7
|
-
* npm install react-native-picker-select
|
|
8
|
-
*
|
|
9
|
-
* Usage:
|
|
10
|
-
* import { BorderedPickerInput } from 'react-native-atomic-ui/picker';
|
|
11
|
-
*/
|
|
12
|
-
export interface PickerOption {
|
|
13
|
-
label: string;
|
|
14
|
-
value: string | number;
|
|
15
|
-
}
|
|
16
|
-
export interface PickerInputProps {
|
|
17
|
-
value: string | number | undefined;
|
|
18
|
-
onValueChange: (value: string | number) => void;
|
|
19
|
-
items: PickerOption[];
|
|
20
|
-
label?: string;
|
|
21
|
-
placeholder?: string;
|
|
22
|
-
disabled?: boolean;
|
|
23
|
-
style?: StyleProp<ViewStyle>;
|
|
24
|
-
testID?: string;
|
|
25
|
-
}
|
|
26
|
-
export declare function BorderedPickerInput(): void;
|
|
27
|
-
export declare function PickerModal(): void;
|
|
28
|
-
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/advanced/picker/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEzD;;;;;;;;;GASG;AAEH,MAAM,WAAW,YAAY;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;CACxB;AAED,MAAM,WAAW,gBAAgB;IAC/B,KAAK,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,CAAC;IACnC,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,KAAK,IAAI,CAAC;IAChD,KAAK,EAAE,YAAY,EAAE,CAAC;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAID,wBAAgB,mBAAmB,SAKlC;AAED,wBAAgB,WAAW,SAK1B"}
|
|
@@ -1,37 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __defProp = Object.defineProperty;
|
|
3
|
-
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
4
|
-
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
5
|
-
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
6
|
-
var __export = (target, all) => {
|
|
7
|
-
for (var name in all)
|
|
8
|
-
__defProp(target, name, { get: all[name], enumerable: true });
|
|
9
|
-
};
|
|
10
|
-
var __copyProps = (to, from, except, desc) => {
|
|
11
|
-
if (from && typeof from === "object" || typeof from === "function") {
|
|
12
|
-
for (let key of __getOwnPropNames(from))
|
|
13
|
-
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
14
|
-
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
15
|
-
}
|
|
16
|
-
return to;
|
|
17
|
-
};
|
|
18
|
-
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
19
|
-
|
|
20
|
-
// src/advanced/picker/index.ts
|
|
21
|
-
var picker_exports = {};
|
|
22
|
-
__export(picker_exports, {
|
|
23
|
-
BorderedPickerInput: () => BorderedPickerInput,
|
|
24
|
-
PickerModal: () => PickerModal
|
|
25
|
-
});
|
|
26
|
-
module.exports = __toCommonJS(picker_exports);
|
|
27
|
-
function BorderedPickerInput() {
|
|
28
|
-
throw new Error(
|
|
29
|
-
"BorderedPickerInput requires peer dependency: react-native-picker-select\nInstall it with: npm install react-native-picker-select"
|
|
30
|
-
);
|
|
31
|
-
}
|
|
32
|
-
function PickerModal() {
|
|
33
|
-
throw new Error(
|
|
34
|
-
"PickerModal requires peer dependency: react-native-picker-select\nInstall it with: npm install react-native-picker-select"
|
|
35
|
-
);
|
|
36
|
-
}
|
|
37
|
-
//# sourceMappingURL=index.js.map
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../../src/advanced/picker/index.ts"],
|
|
4
|
-
"sourcesContent": ["import type { ViewStyle, StyleProp } from 'react-native';\n\n/**\n * Picker Components - Advanced dropdowns and selection\n * Requires peer dependency: react-native-picker-select\n *\n * Installation:\n * npm install react-native-picker-select\n *\n * Usage:\n * import { BorderedPickerInput } from 'react-native-atomic-ui/picker';\n */\n\nexport interface PickerOption {\n label: string;\n value: string | number;\n}\n\nexport interface PickerInputProps {\n value: string | number | undefined;\n onValueChange: (value: string | number) => void;\n items: PickerOption[];\n label?: string;\n placeholder?: string;\n disabled?: boolean;\n style?: StyleProp<ViewStyle>;\n testID?: string;\n}\n\n// Component implementations would go here\n// These are placeholders for library structure\nexport function BorderedPickerInput() {\n throw new Error(\n 'BorderedPickerInput requires peer dependency: react-native-picker-select\\n' +\n 'Install it with: npm install react-native-picker-select'\n );\n}\n\nexport function PickerModal() {\n throw new Error(\n 'PickerModal requires peer dependency: react-native-picker-select\\n' +\n 'Install it with: npm install react-native-picker-select'\n );\n}\n"],
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AA+BO,SAAS,sBAAsB;AACpC,QAAM,IAAI;AAAA,IACR;AAAA,EAEF;AACF;AAEO,SAAS,cAAc;AAC5B,QAAM,IAAI;AAAA,IACR;AAAA,EAEF;AACF;",
|
|
6
|
-
"names": []
|
|
7
|
-
}
|
|
@@ -1,16 +0,0 @@
|
|
|
1
|
-
// src/advanced/picker/index.ts
|
|
2
|
-
function BorderedPickerInput() {
|
|
3
|
-
throw new Error(
|
|
4
|
-
"BorderedPickerInput requires peer dependency: react-native-picker-select\nInstall it with: npm install react-native-picker-select"
|
|
5
|
-
);
|
|
6
|
-
}
|
|
7
|
-
function PickerModal() {
|
|
8
|
-
throw new Error(
|
|
9
|
-
"PickerModal requires peer dependency: react-native-picker-select\nInstall it with: npm install react-native-picker-select"
|
|
10
|
-
);
|
|
11
|
-
}
|
|
12
|
-
export {
|
|
13
|
-
BorderedPickerInput,
|
|
14
|
-
PickerModal
|
|
15
|
-
};
|
|
16
|
-
//# sourceMappingURL=index.mjs.map
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../../src/advanced/picker/index.ts"],
|
|
4
|
-
"sourcesContent": ["import type { ViewStyle, StyleProp } from 'react-native';\n\n/**\n * Picker Components - Advanced dropdowns and selection\n * Requires peer dependency: react-native-picker-select\n *\n * Installation:\n * npm install react-native-picker-select\n *\n * Usage:\n * import { BorderedPickerInput } from 'react-native-atomic-ui/picker';\n */\n\nexport interface PickerOption {\n label: string;\n value: string | number;\n}\n\nexport interface PickerInputProps {\n value: string | number | undefined;\n onValueChange: (value: string | number) => void;\n items: PickerOption[];\n label?: string;\n placeholder?: string;\n disabled?: boolean;\n style?: StyleProp<ViewStyle>;\n testID?: string;\n}\n\n// Component implementations would go here\n// These are placeholders for library structure\nexport function BorderedPickerInput() {\n throw new Error(\n 'BorderedPickerInput requires peer dependency: react-native-picker-select\\n' +\n 'Install it with: npm install react-native-picker-select'\n );\n}\n\nexport function PickerModal() {\n throw new Error(\n 'PickerModal requires peer dependency: react-native-picker-select\\n' +\n 'Install it with: npm install react-native-picker-select'\n );\n}\n"],
|
|
5
|
-
"mappings": ";AA+BO,SAAS,sBAAsB;AACpC,QAAM,IAAI;AAAA,IACR;AAAA,EAEF;AACF;AAEO,SAAS,cAAc;AAC5B,QAAM,IAAI;AAAA,IACR;AAAA,EAEF;AACF;",
|
|
6
|
-
"names": []
|
|
7
|
-
}
|
|
@@ -1,30 +0,0 @@
|
|
|
1
|
-
import type { ViewStyle, StyleProp } from 'react-native';
|
|
2
|
-
/**
|
|
3
|
-
* Rich Text Components - Advanced text display and editing
|
|
4
|
-
* Requires peer dependencies:
|
|
5
|
-
* - react-native-webview (for RichText display)
|
|
6
|
-
* - @10play/tentap-editor (for RichTextInput, custom fork)
|
|
7
|
-
*
|
|
8
|
-
* Installation:
|
|
9
|
-
* npm install react-native-webview
|
|
10
|
-
* npm install github:starburst997/10tap-editor#jd
|
|
11
|
-
*
|
|
12
|
-
* Usage:
|
|
13
|
-
* import { RichText, RichTextInput } from 'react-native-atomic-ui/rich-text';
|
|
14
|
-
*/
|
|
15
|
-
export interface RichTextProps {
|
|
16
|
-
html: string;
|
|
17
|
-
onLinkPress?: (url: string) => void;
|
|
18
|
-
style?: StyleProp<ViewStyle>;
|
|
19
|
-
testID?: string;
|
|
20
|
-
}
|
|
21
|
-
export interface RichTextInputProps {
|
|
22
|
-
value: string;
|
|
23
|
-
onChange: (html: string) => void;
|
|
24
|
-
placeholder?: string;
|
|
25
|
-
style?: StyleProp<ViewStyle>;
|
|
26
|
-
testID?: string;
|
|
27
|
-
}
|
|
28
|
-
export declare function RichText(): void;
|
|
29
|
-
export declare function RichTextInput(): void;
|
|
30
|
-
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/advanced/rich-text/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEzD;;;;;;;;;;;;GAYG;AAEH,MAAM,WAAW,aAAa;IAC5B,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;IACpC,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,WAAW,kBAAkB;IACjC,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACjC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAID,wBAAgB,QAAQ,SAKvB;AAED,wBAAgB,aAAa,SAK5B"}
|
|
@@ -1,37 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __defProp = Object.defineProperty;
|
|
3
|
-
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
4
|
-
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
5
|
-
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
6
|
-
var __export = (target, all) => {
|
|
7
|
-
for (var name in all)
|
|
8
|
-
__defProp(target, name, { get: all[name], enumerable: true });
|
|
9
|
-
};
|
|
10
|
-
var __copyProps = (to, from, except, desc) => {
|
|
11
|
-
if (from && typeof from === "object" || typeof from === "function") {
|
|
12
|
-
for (let key of __getOwnPropNames(from))
|
|
13
|
-
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
14
|
-
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
15
|
-
}
|
|
16
|
-
return to;
|
|
17
|
-
};
|
|
18
|
-
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
19
|
-
|
|
20
|
-
// src/advanced/rich-text/index.ts
|
|
21
|
-
var rich_text_exports = {};
|
|
22
|
-
__export(rich_text_exports, {
|
|
23
|
-
RichText: () => RichText,
|
|
24
|
-
RichTextInput: () => RichTextInput
|
|
25
|
-
});
|
|
26
|
-
module.exports = __toCommonJS(rich_text_exports);
|
|
27
|
-
function RichText() {
|
|
28
|
-
throw new Error(
|
|
29
|
-
"RichText requires peer dependency: react-native-webview\nInstall it with: npm install react-native-webview"
|
|
30
|
-
);
|
|
31
|
-
}
|
|
32
|
-
function RichTextInput() {
|
|
33
|
-
throw new Error(
|
|
34
|
-
"RichTextInput requires peer dependency: @10play/tentap-editor\nInstall it with: npm install github:starburst997/10tap-editor#jd"
|
|
35
|
-
);
|
|
36
|
-
}
|
|
37
|
-
//# sourceMappingURL=index.js.map
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../../src/advanced/rich-text/index.ts"],
|
|
4
|
-
"sourcesContent": ["import type { ViewStyle, StyleProp } from 'react-native';\n\n/**\n * Rich Text Components - Advanced text display and editing\n * Requires peer dependencies:\n * - react-native-webview (for RichText display)\n * - @10play/tentap-editor (for RichTextInput, custom fork)\n *\n * Installation:\n * npm install react-native-webview\n * npm install github:starburst997/10tap-editor#jd\n *\n * Usage:\n * import { RichText, RichTextInput } from 'react-native-atomic-ui/rich-text';\n */\n\nexport interface RichTextProps {\n html: string;\n onLinkPress?: (url: string) => void;\n style?: StyleProp<ViewStyle>;\n testID?: string;\n}\n\nexport interface RichTextInputProps {\n value: string;\n onChange: (html: string) => void;\n placeholder?: string;\n style?: StyleProp<ViewStyle>;\n testID?: string;\n}\n\n// Component implementations would go here\n// These are placeholders for library structure\nexport function RichText() {\n throw new Error(\n 'RichText requires peer dependency: react-native-webview\\n' +\n 'Install it with: npm install react-native-webview'\n );\n}\n\nexport function RichTextInput() {\n throw new Error(\n 'RichTextInput requires peer dependency: @10play/tentap-editor\\n' +\n 'Install it with: npm install github:starburst997/10tap-editor#jd'\n );\n}\n"],
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAiCO,SAAS,WAAW;AACzB,QAAM,IAAI;AAAA,IACR;AAAA,EAEF;AACF;AAEO,SAAS,gBAAgB;AAC9B,QAAM,IAAI;AAAA,IACR;AAAA,EAEF;AACF;",
|
|
6
|
-
"names": []
|
|
7
|
-
}
|
|
@@ -1,16 +0,0 @@
|
|
|
1
|
-
// src/advanced/rich-text/index.ts
|
|
2
|
-
function RichText() {
|
|
3
|
-
throw new Error(
|
|
4
|
-
"RichText requires peer dependency: react-native-webview\nInstall it with: npm install react-native-webview"
|
|
5
|
-
);
|
|
6
|
-
}
|
|
7
|
-
function RichTextInput() {
|
|
8
|
-
throw new Error(
|
|
9
|
-
"RichTextInput requires peer dependency: @10play/tentap-editor\nInstall it with: npm install github:starburst997/10tap-editor#jd"
|
|
10
|
-
);
|
|
11
|
-
}
|
|
12
|
-
export {
|
|
13
|
-
RichText,
|
|
14
|
-
RichTextInput
|
|
15
|
-
};
|
|
16
|
-
//# sourceMappingURL=index.mjs.map
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../../src/advanced/rich-text/index.ts"],
|
|
4
|
-
"sourcesContent": ["import type { ViewStyle, StyleProp } from 'react-native';\n\n/**\n * Rich Text Components - Advanced text display and editing\n * Requires peer dependencies:\n * - react-native-webview (for RichText display)\n * - @10play/tentap-editor (for RichTextInput, custom fork)\n *\n * Installation:\n * npm install react-native-webview\n * npm install github:starburst997/10tap-editor#jd\n *\n * Usage:\n * import { RichText, RichTextInput } from 'react-native-atomic-ui/rich-text';\n */\n\nexport interface RichTextProps {\n html: string;\n onLinkPress?: (url: string) => void;\n style?: StyleProp<ViewStyle>;\n testID?: string;\n}\n\nexport interface RichTextInputProps {\n value: string;\n onChange: (html: string) => void;\n placeholder?: string;\n style?: StyleProp<ViewStyle>;\n testID?: string;\n}\n\n// Component implementations would go here\n// These are placeholders for library structure\nexport function RichText() {\n throw new Error(\n 'RichText requires peer dependency: react-native-webview\\n' +\n 'Install it with: npm install react-native-webview'\n );\n}\n\nexport function RichTextInput() {\n throw new Error(\n 'RichTextInput requires peer dependency: @10play/tentap-editor\\n' +\n 'Install it with: npm install github:starburst997/10tap-editor#jd'\n );\n}\n"],
|
|
5
|
-
"mappings": ";AAiCO,SAAS,WAAW;AACzB,QAAM,IAAI;AAAA,IACR;AAAA,EAEF;AACF;AAEO,SAAS,gBAAgB;AAC9B,QAAM,IAAI;AAAA,IACR;AAAA,EAEF;AACF;",
|
|
6
|
-
"names": []
|
|
7
|
-
}
|