@volkansuner/aichat-react-native 0.1.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/LICENSE +22 -0
- package/README.md +528 -0
- package/dist/AIChatSDK.d.ts +75 -0
- package/dist/AIChatSDK.d.ts.map +1 -0
- package/dist/AIChatSDK.js +357 -0
- package/dist/AIChatSDK.js.map +1 -0
- package/dist/components/AIChatProvider.d.ts +25 -0
- package/dist/components/AIChatProvider.d.ts.map +1 -0
- package/dist/components/AIChatProvider.js +93 -0
- package/dist/components/AIChatProvider.js.map +1 -0
- package/dist/components/AIChatWidget.d.ts +62 -0
- package/dist/components/AIChatWidget.d.ts.map +1 -0
- package/dist/components/AIChatWidget.handlers.d.ts +15 -0
- package/dist/components/AIChatWidget.handlers.d.ts.map +1 -0
- package/dist/components/AIChatWidget.handlers.js +180 -0
- package/dist/components/AIChatWidget.handlers.js.map +1 -0
- package/dist/components/AIChatWidget.js +403 -0
- package/dist/components/AIChatWidget.js.map +1 -0
- package/dist/components/AIChatWidget.styles.d.ts +17 -0
- package/dist/components/AIChatWidget.styles.d.ts.map +1 -0
- package/dist/components/AIChatWidget.styles.js +68 -0
- package/dist/components/AIChatWidget.styles.js.map +1 -0
- package/dist/components/AIChatWidget.types.d.ts +250 -0
- package/dist/components/AIChatWidget.types.d.ts.map +1 -0
- package/dist/components/AIChatWidget.types.js +3 -0
- package/dist/components/AIChatWidget.types.js.map +1 -0
- package/dist/components/AIChatWidget.utils.d.ts +12 -0
- package/dist/components/AIChatWidget.utils.d.ts.map +1 -0
- package/dist/components/AIChatWidget.utils.js +109 -0
- package/dist/components/AIChatWidget.utils.js.map +1 -0
- package/dist/components/ConfigError.d.ts +33 -0
- package/dist/components/ConfigError.d.ts.map +1 -0
- package/dist/components/ConfigError.js +195 -0
- package/dist/components/ConfigError.js.map +1 -0
- package/dist/components/FloatingButton.d.ts +12 -0
- package/dist/components/FloatingButton.d.ts.map +1 -0
- package/dist/components/FloatingButton.js +163 -0
- package/dist/components/FloatingButton.js.map +1 -0
- package/dist/components/InputArea.d.ts +58 -0
- package/dist/components/InputArea.d.ts.map +1 -0
- package/dist/components/InputArea.js +135 -0
- package/dist/components/InputArea.js.map +1 -0
- package/dist/components/MarkdownText.d.ts +16 -0
- package/dist/components/MarkdownText.d.ts.map +1 -0
- package/dist/components/MarkdownText.js +263 -0
- package/dist/components/MarkdownText.js.map +1 -0
- package/dist/components/MessageBubble.d.ts +101 -0
- package/dist/components/MessageBubble.d.ts.map +1 -0
- package/dist/components/MessageBubble.js +377 -0
- package/dist/components/MessageBubble.js.map +1 -0
- package/dist/components/NavigationSuggestion.d.ts +13 -0
- package/dist/components/NavigationSuggestion.d.ts.map +1 -0
- package/dist/components/NavigationSuggestion.js +117 -0
- package/dist/components/NavigationSuggestion.js.map +1 -0
- package/dist/components/QuickReplies.d.ts +15 -0
- package/dist/components/QuickReplies.d.ts.map +1 -0
- package/dist/components/QuickReplies.js +49 -0
- package/dist/components/QuickReplies.js.map +1 -0
- package/dist/components/TemplateRenderer.d.ts +17 -0
- package/dist/components/TemplateRenderer.d.ts.map +1 -0
- package/dist/components/TemplateRenderer.js +397 -0
- package/dist/components/TemplateRenderer.js.map +1 -0
- package/dist/components/TypingIndicator.d.ts +29 -0
- package/dist/components/TypingIndicator.d.ts.map +1 -0
- package/dist/components/TypingIndicator.js +110 -0
- package/dist/components/TypingIndicator.js.map +1 -0
- package/dist/components/defaults/DefaultCard.d.ts +15 -0
- package/dist/components/defaults/DefaultCard.d.ts.map +1 -0
- package/dist/components/defaults/DefaultCard.js +157 -0
- package/dist/components/defaults/DefaultCard.js.map +1 -0
- package/dist/components/defaults/DefaultDetail.d.ts +15 -0
- package/dist/components/defaults/DefaultDetail.d.ts.map +1 -0
- package/dist/components/defaults/DefaultDetail.js +139 -0
- package/dist/components/defaults/DefaultDetail.js.map +1 -0
- package/dist/components/defaults/DefaultList.d.ts +13 -0
- package/dist/components/defaults/DefaultList.d.ts.map +1 -0
- package/dist/components/defaults/DefaultList.js +99 -0
- package/dist/components/defaults/DefaultList.js.map +1 -0
- package/dist/components/defaults/DefaultTable.d.ts +15 -0
- package/dist/components/defaults/DefaultTable.d.ts.map +1 -0
- package/dist/components/defaults/DefaultTable.js +205 -0
- package/dist/components/defaults/DefaultTable.js.map +1 -0
- package/dist/components/defaults/index.d.ts +15 -0
- package/dist/components/defaults/index.d.ts.map +1 -0
- package/dist/components/defaults/index.js +26 -0
- package/dist/components/defaults/index.js.map +1 -0
- package/dist/components/index.d.ts +17 -0
- package/dist/components/index.d.ts.map +1 -0
- package/dist/components/index.js +33 -0
- package/dist/components/index.js.map +1 -0
- package/dist/constants.d.ts +41 -0
- package/dist/constants.d.ts.map +1 -0
- package/dist/constants.js +52 -0
- package/dist/constants.js.map +1 -0
- package/dist/hooks/useAIChatConfig.d.ts +61 -0
- package/dist/hooks/useAIChatConfig.d.ts.map +1 -0
- package/dist/hooks/useAIChatConfig.js +95 -0
- package/dist/hooks/useAIChatConfig.js.map +1 -0
- package/dist/hooks/useChatMessages.d.ts +27 -0
- package/dist/hooks/useChatMessages.d.ts.map +1 -0
- package/dist/hooks/useChatMessages.js +255 -0
- package/dist/hooks/useChatMessages.js.map +1 -0
- package/dist/hooks/useContextManager.d.ts +13 -0
- package/dist/hooks/useContextManager.d.ts.map +1 -0
- package/dist/hooks/useContextManager.js +42 -0
- package/dist/hooks/useContextManager.js.map +1 -0
- package/dist/hooks/useSDK.d.ts +18 -0
- package/dist/hooks/useSDK.d.ts.map +1 -0
- package/dist/hooks/useSDK.js +64 -0
- package/dist/hooks/useSDK.js.map +1 -0
- package/dist/index.d.ts +15 -0
- package/dist/index.d.ts.map +1 -0
- package/dist/index.js +46 -0
- package/dist/index.js.map +1 -0
- package/dist/registry/TemplateRegistry.d.ts +48 -0
- package/dist/registry/TemplateRegistry.d.ts.map +1 -0
- package/dist/registry/TemplateRegistry.js +77 -0
- package/dist/registry/TemplateRegistry.js.map +1 -0
- package/dist/registry/index.d.ts +5 -0
- package/dist/registry/index.d.ts.map +1 -0
- package/dist/registry/index.js +9 -0
- package/dist/registry/index.js.map +1 -0
- package/dist/services/BackendService.d.ts +47 -0
- package/dist/services/BackendService.d.ts.map +1 -0
- package/dist/services/BackendService.js +362 -0
- package/dist/services/BackendService.js.map +1 -0
- package/dist/services/ConversationManager.d.ts +40 -0
- package/dist/services/ConversationManager.d.ts.map +1 -0
- package/dist/services/ConversationManager.js +95 -0
- package/dist/services/ConversationManager.js.map +1 -0
- package/dist/services/LocalAIClassifier.d.ts +32 -0
- package/dist/services/LocalAIClassifier.d.ts.map +1 -0
- package/dist/services/LocalAIClassifier.js +149 -0
- package/dist/services/LocalAIClassifier.js.map +1 -0
- package/dist/services/NavigationHandler.d.ts +30 -0
- package/dist/services/NavigationHandler.d.ts.map +1 -0
- package/dist/services/NavigationHandler.js +74 -0
- package/dist/services/NavigationHandler.js.map +1 -0
- package/dist/themes/dark.d.ts +6 -0
- package/dist/themes/dark.d.ts.map +1 -0
- package/dist/themes/dark.js +130 -0
- package/dist/themes/dark.js.map +1 -0
- package/dist/themes/index.d.ts +13 -0
- package/dist/themes/index.d.ts.map +1 -0
- package/dist/themes/index.js +34 -0
- package/dist/themes/index.js.map +1 -0
- package/dist/themes/light.d.ts +6 -0
- package/dist/themes/light.d.ts.map +1 -0
- package/dist/themes/light.js +130 -0
- package/dist/themes/light.js.map +1 -0
- package/dist/themes/types.d.ts +143 -0
- package/dist/themes/types.d.ts.map +1 -0
- package/dist/themes/types.js +6 -0
- package/dist/themes/types.js.map +1 -0
- package/dist/types/api.d.ts +118 -0
- package/dist/types/api.d.ts.map +1 -0
- package/dist/types/api.js +6 -0
- package/dist/types/api.js.map +1 -0
- package/dist/types/chat.d.ts +154 -0
- package/dist/types/chat.d.ts.map +1 -0
- package/dist/types/chat.js +6 -0
- package/dist/types/chat.js.map +1 -0
- package/dist/types/components.d.ts +69 -0
- package/dist/types/components.d.ts.map +1 -0
- package/dist/types/components.js +17 -0
- package/dist/types/components.js.map +1 -0
- package/dist/types/config.d.ts +122 -0
- package/dist/types/config.d.ts.map +1 -0
- package/dist/types/config.js +18 -0
- package/dist/types/config.js.map +1 -0
- package/dist/types/document.d.ts +108 -0
- package/dist/types/document.d.ts.map +1 -0
- package/dist/types/document.js +7 -0
- package/dist/types/document.js.map +1 -0
- package/dist/types/index.d.ts +14 -0
- package/dist/types/index.d.ts.map +1 -0
- package/dist/types/index.js +31 -0
- package/dist/types/index.js.map +1 -0
- package/dist/types/local-ai.d.ts +48 -0
- package/dist/types/local-ai.d.ts.map +1 -0
- package/dist/types/local-ai.js +17 -0
- package/dist/types/local-ai.js.map +1 -0
- package/dist/types/navigation.d.ts +89 -0
- package/dist/types/navigation.d.ts.map +1 -0
- package/dist/types/navigation.js +6 -0
- package/dist/types/navigation.js.map +1 -0
- package/dist/types/sdk.d.ts +47 -0
- package/dist/types/sdk.d.ts.map +1 -0
- package/dist/types/sdk.js +6 -0
- package/dist/types/sdk.js.map +1 -0
- package/dist/types/template.d.ts +220 -0
- package/dist/types/template.d.ts.map +1 -0
- package/dist/types/template.js +8 -0
- package/dist/types/template.js.map +1 -0
- package/dist/utils/configLoader.d.ts +69 -0
- package/dist/utils/configLoader.d.ts.map +1 -0
- package/dist/utils/configLoader.js +278 -0
- package/dist/utils/configLoader.js.map +1 -0
- package/dist/utils/deepMerge.d.ts +47 -0
- package/dist/utils/deepMerge.d.ts.map +1 -0
- package/dist/utils/deepMerge.js +71 -0
- package/dist/utils/deepMerge.js.map +1 -0
- package/package.json +65 -0
|
@@ -0,0 +1,157 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
/**
|
|
3
|
+
* DefaultCard Component
|
|
4
|
+
*
|
|
5
|
+
* Generic card component for displaying single data items.
|
|
6
|
+
* Used as fallback when no custom component is registered.
|
|
7
|
+
*
|
|
8
|
+
* Displays:
|
|
9
|
+
* - Title (from first string field or 'title', 'name', 'label')
|
|
10
|
+
* - Description (from 'description', 'subtitle', 'content')
|
|
11
|
+
* - Key-value pairs for remaining fields
|
|
12
|
+
*/
|
|
13
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
14
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
15
|
+
};
|
|
16
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
17
|
+
exports.DefaultCard = DefaultCard;
|
|
18
|
+
const react_1 = __importDefault(require("react"));
|
|
19
|
+
const react_native_1 = require("react-native");
|
|
20
|
+
function DefaultCard({ data, theme }) {
|
|
21
|
+
if (!data || typeof data !== 'object') {
|
|
22
|
+
return null;
|
|
23
|
+
}
|
|
24
|
+
// Helper: Get value from possible field names
|
|
25
|
+
const getField = (possibleNames) => {
|
|
26
|
+
for (const name of possibleNames) {
|
|
27
|
+
if (data[name] !== undefined && data[name] !== null) {
|
|
28
|
+
return data[name];
|
|
29
|
+
}
|
|
30
|
+
}
|
|
31
|
+
return null;
|
|
32
|
+
};
|
|
33
|
+
// Extract common fields
|
|
34
|
+
const title = getField(['title', 'name', 'label', 'heading']);
|
|
35
|
+
const description = getField(['description', 'subtitle', 'content', 'text', 'body']);
|
|
36
|
+
const imageUrl = getField(['imageUrl', 'image', 'thumbnail', 'photo', 'picture']);
|
|
37
|
+
// Get remaining fields (exclude known fields)
|
|
38
|
+
const excludedFields = [
|
|
39
|
+
'id', '_id', 'title', 'name', 'label', 'heading',
|
|
40
|
+
'description', 'subtitle', 'content', 'text', 'body',
|
|
41
|
+
'imageUrl', 'image', 'thumbnail', 'photo', 'picture',
|
|
42
|
+
'createdAt', 'updatedAt', '__v'
|
|
43
|
+
];
|
|
44
|
+
const remainingFields = Object.keys(data)
|
|
45
|
+
.filter(key => !excludedFields.includes(key))
|
|
46
|
+
.slice(0, 5); // Max 5 additional fields
|
|
47
|
+
const spacing = theme?.spacing?.md || 12;
|
|
48
|
+
const borderRadius = theme?.borderRadius?.md || 8;
|
|
49
|
+
return (<react_native_1.View style={[
|
|
50
|
+
styles.container,
|
|
51
|
+
{
|
|
52
|
+
backgroundColor: theme?.colors?.surface || '#f5f5f5',
|
|
53
|
+
padding: spacing,
|
|
54
|
+
borderRadius,
|
|
55
|
+
borderWidth: 1,
|
|
56
|
+
borderColor: theme?.colors?.border || '#e0e0e0',
|
|
57
|
+
}
|
|
58
|
+
]}>
|
|
59
|
+
{/* Title */}
|
|
60
|
+
{title && (<react_native_1.Text style={[
|
|
61
|
+
styles.title,
|
|
62
|
+
{
|
|
63
|
+
color: theme?.colors?.text || '#000000',
|
|
64
|
+
fontSize: theme?.typography?.fontSize?.md || 16,
|
|
65
|
+
fontWeight: theme?.typography?.fontWeight?.semibold || '600',
|
|
66
|
+
}
|
|
67
|
+
]}>
|
|
68
|
+
{String(title)}
|
|
69
|
+
</react_native_1.Text>)}
|
|
70
|
+
|
|
71
|
+
{/* Description */}
|
|
72
|
+
{description && (<react_native_1.Text style={[
|
|
73
|
+
styles.description,
|
|
74
|
+
{
|
|
75
|
+
color: theme?.colors?.textSecondary || '#666666',
|
|
76
|
+
fontSize: theme?.typography?.fontSize?.sm || 14,
|
|
77
|
+
marginTop: theme?.spacing?.xs || 4,
|
|
78
|
+
}
|
|
79
|
+
]} numberOfLines={3}>
|
|
80
|
+
{String(description)}
|
|
81
|
+
</react_native_1.Text>)}
|
|
82
|
+
|
|
83
|
+
{/* Image placeholder */}
|
|
84
|
+
{imageUrl && (<react_native_1.View style={[
|
|
85
|
+
styles.imagePlaceholder,
|
|
86
|
+
{
|
|
87
|
+
marginTop: theme?.spacing?.sm || 8,
|
|
88
|
+
padding: theme?.spacing?.sm || 8,
|
|
89
|
+
backgroundColor: theme?.colors?.background || '#ffffff',
|
|
90
|
+
borderRadius: theme?.borderRadius?.sm || 4,
|
|
91
|
+
}
|
|
92
|
+
]}>
|
|
93
|
+
<react_native_1.Text style={{
|
|
94
|
+
color: theme?.colors?.textSecondary || '#666666',
|
|
95
|
+
fontSize: theme?.typography?.fontSize?.xs || 12,
|
|
96
|
+
}}>
|
|
97
|
+
🖼️ {String(imageUrl).substring(0, 40)}...
|
|
98
|
+
</react_native_1.Text>
|
|
99
|
+
</react_native_1.View>)}
|
|
100
|
+
|
|
101
|
+
{/* Additional Fields */}
|
|
102
|
+
{remainingFields.length > 0 && (<react_native_1.View style={{ marginTop: theme?.spacing?.sm || 8 }}>
|
|
103
|
+
{remainingFields.map(key => {
|
|
104
|
+
const value = data[key];
|
|
105
|
+
if (value === undefined || value === null)
|
|
106
|
+
return null;
|
|
107
|
+
return (<react_native_1.View key={key} style={styles.fieldRow}>
|
|
108
|
+
<react_native_1.Text style={[
|
|
109
|
+
styles.fieldLabel,
|
|
110
|
+
{
|
|
111
|
+
color: theme?.colors?.textSecondary || '#666666',
|
|
112
|
+
fontSize: theme?.typography?.fontSize?.xs || 12,
|
|
113
|
+
}
|
|
114
|
+
]}>
|
|
115
|
+
{key}:
|
|
116
|
+
</react_native_1.Text>
|
|
117
|
+
<react_native_1.Text style={[
|
|
118
|
+
styles.fieldValue,
|
|
119
|
+
{
|
|
120
|
+
color: theme?.colors?.text || '#000000',
|
|
121
|
+
fontSize: theme?.typography?.fontSize?.xs || 12,
|
|
122
|
+
}
|
|
123
|
+
]} numberOfLines={1}>
|
|
124
|
+
{typeof value === 'object' ? JSON.stringify(value) : String(value)}
|
|
125
|
+
</react_native_1.Text>
|
|
126
|
+
</react_native_1.View>);
|
|
127
|
+
})}
|
|
128
|
+
</react_native_1.View>)}
|
|
129
|
+
</react_native_1.View>);
|
|
130
|
+
}
|
|
131
|
+
const styles = react_native_1.StyleSheet.create({
|
|
132
|
+
container: {
|
|
133
|
+
width: '100%',
|
|
134
|
+
},
|
|
135
|
+
title: {
|
|
136
|
+
marginBottom: 4,
|
|
137
|
+
},
|
|
138
|
+
description: {
|
|
139
|
+
lineHeight: 20,
|
|
140
|
+
},
|
|
141
|
+
imagePlaceholder: {
|
|
142
|
+
alignItems: 'center',
|
|
143
|
+
justifyContent: 'center',
|
|
144
|
+
},
|
|
145
|
+
fieldRow: {
|
|
146
|
+
flexDirection: 'row',
|
|
147
|
+
marginTop: 4,
|
|
148
|
+
},
|
|
149
|
+
fieldLabel: {
|
|
150
|
+
fontWeight: '500',
|
|
151
|
+
marginRight: 4,
|
|
152
|
+
},
|
|
153
|
+
fieldValue: {
|
|
154
|
+
flex: 1,
|
|
155
|
+
},
|
|
156
|
+
});
|
|
157
|
+
//# sourceMappingURL=DefaultCard.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"DefaultCard.js","sourceRoot":"","sources":["../../../src/components/defaults/DefaultCard.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* DefaultDetail Component
|
|
3
|
+
*
|
|
4
|
+
* Generic detail component for displaying single object with all fields.
|
|
5
|
+
* Used as fallback when no custom component is registered.
|
|
6
|
+
*
|
|
7
|
+
* Displays:
|
|
8
|
+
* - All key-value pairs in a detailed view
|
|
9
|
+
* - Nested objects are stringified
|
|
10
|
+
* - Special formatting for dates, numbers, booleans
|
|
11
|
+
*/
|
|
12
|
+
import React from 'react';
|
|
13
|
+
import { ToolComponentProps } from '../../types/components';
|
|
14
|
+
export declare function DefaultDetail({ data, theme }: ToolComponentProps): React.JSX.Element;
|
|
15
|
+
//# sourceMappingURL=DefaultDetail.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"DefaultDetail.d.ts","sourceRoot":"","sources":["../../../src/components/defaults/DefaultDetail.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,kBAAkB,EAAE,MAAM,wBAAwB,CAAC;AAE5D,wBAAgB,aAAa,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,EAAE,kBAAkB,qBA4HhE"}
|
|
@@ -0,0 +1,139 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
/**
|
|
3
|
+
* DefaultDetail Component
|
|
4
|
+
*
|
|
5
|
+
* Generic detail component for displaying single object with all fields.
|
|
6
|
+
* Used as fallback when no custom component is registered.
|
|
7
|
+
*
|
|
8
|
+
* Displays:
|
|
9
|
+
* - All key-value pairs in a detailed view
|
|
10
|
+
* - Nested objects are stringified
|
|
11
|
+
* - Special formatting for dates, numbers, booleans
|
|
12
|
+
*/
|
|
13
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
14
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
15
|
+
};
|
|
16
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
17
|
+
exports.DefaultDetail = DefaultDetail;
|
|
18
|
+
const react_1 = __importDefault(require("react"));
|
|
19
|
+
const react_native_1 = require("react-native");
|
|
20
|
+
function DefaultDetail({ data, theme }) {
|
|
21
|
+
if (!data || typeof data !== 'object') {
|
|
22
|
+
return (<react_native_1.Text style={{
|
|
23
|
+
color: theme?.colors?.text || '#000000',
|
|
24
|
+
fontSize: theme?.typography?.fontSize?.sm || 14,
|
|
25
|
+
}}>
|
|
26
|
+
{String(data)}
|
|
27
|
+
</react_native_1.Text>);
|
|
28
|
+
}
|
|
29
|
+
// Format value for display
|
|
30
|
+
const formatValue = (value) => {
|
|
31
|
+
if (value === null || value === undefined) {
|
|
32
|
+
return 'N/A';
|
|
33
|
+
}
|
|
34
|
+
// Boolean
|
|
35
|
+
if (typeof value === 'boolean') {
|
|
36
|
+
return value ? '✓ Yes' : '✗ No';
|
|
37
|
+
}
|
|
38
|
+
// Number
|
|
39
|
+
if (typeof value === 'number') {
|
|
40
|
+
return value.toLocaleString();
|
|
41
|
+
}
|
|
42
|
+
// Date
|
|
43
|
+
if (value instanceof Date) {
|
|
44
|
+
return value.toLocaleString();
|
|
45
|
+
}
|
|
46
|
+
// Array
|
|
47
|
+
if (Array.isArray(value)) {
|
|
48
|
+
return `[${value.length} items]`;
|
|
49
|
+
}
|
|
50
|
+
// Object
|
|
51
|
+
if (typeof value === 'object') {
|
|
52
|
+
return JSON.stringify(value, null, 2);
|
|
53
|
+
}
|
|
54
|
+
return String(value);
|
|
55
|
+
};
|
|
56
|
+
// Format field name (camelCase to Title Case)
|
|
57
|
+
const formatFieldName = (key) => {
|
|
58
|
+
return key
|
|
59
|
+
.replace(/([A-Z])/g, ' $1')
|
|
60
|
+
.replace(/^./, str => str.toUpperCase())
|
|
61
|
+
.trim();
|
|
62
|
+
};
|
|
63
|
+
// Get all fields (excluding internal fields)
|
|
64
|
+
const excludedFields = ['_id', '__v'];
|
|
65
|
+
const fields = Object.keys(data).filter(key => !excludedFields.includes(key));
|
|
66
|
+
const spacing = theme?.spacing?.md || 12;
|
|
67
|
+
const borderRadius = theme?.borderRadius?.md || 8;
|
|
68
|
+
return (<react_native_1.View style={[
|
|
69
|
+
styles.container,
|
|
70
|
+
{
|
|
71
|
+
backgroundColor: theme?.colors?.surface || '#f5f5f5',
|
|
72
|
+
padding: spacing,
|
|
73
|
+
borderRadius,
|
|
74
|
+
borderWidth: 1,
|
|
75
|
+
borderColor: theme?.colors?.border || '#e0e0e0',
|
|
76
|
+
}
|
|
77
|
+
]}>
|
|
78
|
+
<react_native_1.ScrollView style={styles.scrollView} nestedScrollEnabled showsVerticalScrollIndicator={false}>
|
|
79
|
+
{fields.map((key, index) => {
|
|
80
|
+
const value = data[key];
|
|
81
|
+
const isObject = typeof value === 'object' && value !== null && !Array.isArray(value);
|
|
82
|
+
return (<react_native_1.View key={key} style={[
|
|
83
|
+
styles.field,
|
|
84
|
+
{
|
|
85
|
+
marginBottom: theme?.spacing?.sm || 8,
|
|
86
|
+
paddingBottom: theme?.spacing?.sm || 8,
|
|
87
|
+
borderBottomWidth: index < fields.length - 1 ? 1 : 0,
|
|
88
|
+
borderBottomColor: theme?.colors?.border || '#e0e0e0',
|
|
89
|
+
}
|
|
90
|
+
]}>
|
|
91
|
+
{/* Field Label */}
|
|
92
|
+
<react_native_1.Text style={[
|
|
93
|
+
styles.fieldLabel,
|
|
94
|
+
{
|
|
95
|
+
color: theme?.colors?.textSecondary || '#666666',
|
|
96
|
+
fontSize: theme?.typography?.fontSize?.xs || 12,
|
|
97
|
+
fontWeight: theme?.typography?.fontWeight?.medium || '500',
|
|
98
|
+
}
|
|
99
|
+
]}>
|
|
100
|
+
{formatFieldName(key)}
|
|
101
|
+
</react_native_1.Text>
|
|
102
|
+
|
|
103
|
+
{/* Field Value */}
|
|
104
|
+
<react_native_1.Text style={[
|
|
105
|
+
styles.fieldValue,
|
|
106
|
+
{
|
|
107
|
+
color: theme?.colors?.text || '#000000',
|
|
108
|
+
fontSize: theme?.typography?.fontSize?.sm || 14,
|
|
109
|
+
marginTop: theme?.spacing?.xs || 4,
|
|
110
|
+
fontFamily: isObject ? 'monospace' : undefined,
|
|
111
|
+
}
|
|
112
|
+
]}>
|
|
113
|
+
{formatValue(value)}
|
|
114
|
+
</react_native_1.Text>
|
|
115
|
+
</react_native_1.View>);
|
|
116
|
+
})}
|
|
117
|
+
</react_native_1.ScrollView>
|
|
118
|
+
</react_native_1.View>);
|
|
119
|
+
}
|
|
120
|
+
const styles = react_native_1.StyleSheet.create({
|
|
121
|
+
container: {
|
|
122
|
+
width: '100%',
|
|
123
|
+
maxHeight: 400,
|
|
124
|
+
},
|
|
125
|
+
scrollView: {
|
|
126
|
+
flex: 1,
|
|
127
|
+
},
|
|
128
|
+
field: {
|
|
129
|
+
width: '100%',
|
|
130
|
+
},
|
|
131
|
+
fieldLabel: {
|
|
132
|
+
textTransform: 'uppercase',
|
|
133
|
+
letterSpacing: 0.5,
|
|
134
|
+
},
|
|
135
|
+
fieldValue: {
|
|
136
|
+
lineHeight: 20,
|
|
137
|
+
},
|
|
138
|
+
});
|
|
139
|
+
//# sourceMappingURL=DefaultDetail.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"DefaultDetail.js","sourceRoot":"","sources":["../../../src/components/defaults/DefaultDetail.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;GAUG;;;;;AAMH,sCA4HC;AAhID,kDAA0B;AAC1B,+CAAkE;AAGlE,SAAgB,aAAa,CAAC,EAAE,IAAI,EAAE,KAAK,EAAsB;IAC/D,IAAI,CAAC,IAAI,IAAI,OAAO,IAAI,KAAK,QAAQ,EAAE,CAAC;QACtC,OAAO,CACL,CAAC,mBAAI,CAAC,KAAK,CAAC,CAAC;gBACX,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,IAAI,IAAI,SAAS;gBACvC,QAAQ,EAAE,KAAK,EAAE,UAAU,EAAE,QAAQ,EAAE,EAAE,IAAI,EAAE;aAChD,CAAC,CACA;QAAA,CAAC,MAAM,CAAC,IAAI,CAAC,CACf;MAAA,EAAE,mBAAI,CAAC,CACR,CAAC;IACJ,CAAC;IAED,2BAA2B;IAC3B,MAAM,WAAW,GAAG,CAAC,KAAU,EAAU,EAAE;QACzC,IAAI,KAAK,KAAK,IAAI,IAAI,KAAK,KAAK,SAAS,EAAE,CAAC;YAC1C,OAAO,KAAK,CAAC;QACf,CAAC;QAED,UAAU;QACV,IAAI,OAAO,KAAK,KAAK,SAAS,EAAE,CAAC;YAC/B,OAAO,KAAK,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC;QAClC,CAAC;QAED,SAAS;QACT,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE,CAAC;YAC9B,OAAO,KAAK,CAAC,cAAc,EAAE,CAAC;QAChC,CAAC;QAED,OAAO;QACP,IAAI,KAAK,YAAY,IAAI,EAAE,CAAC;YAC1B,OAAO,KAAK,CAAC,cAAc,EAAE,CAAC;QAChC,CAAC;QAED,QAAQ;QACR,IAAI,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE,CAAC;YACzB,OAAO,IAAI,KAAK,CAAC,MAAM,SAAS,CAAC;QACnC,CAAC;QAED,SAAS;QACT,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE,CAAC;YAC9B,OAAO,IAAI,CAAC,SAAS,CAAC,KAAK,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC;QACxC,CAAC;QAED,OAAO,MAAM,CAAC,KAAK,CAAC,CAAC;IACvB,CAAC,CAAC;IAEF,8CAA8C;IAC9C,MAAM,eAAe,GAAG,CAAC,GAAW,EAAU,EAAE;QAC9C,OAAO,GAAG;aACP,OAAO,CAAC,UAAU,EAAE,KAAK,CAAC;aAC1B,OAAO,CAAC,IAAI,EAAE,GAAG,CAAC,EAAE,CAAC,GAAG,CAAC,WAAW,EAAE,CAAC;aACvC,IAAI,EAAE,CAAC;IACZ,CAAC,CAAC;IAEF,6CAA6C;IAC7C,MAAM,cAAc,GAAG,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC;IACtC,MAAM,MAAM,GAAG,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,MAAM,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC,cAAc,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAC;IAE9E,MAAM,OAAO,GAAG,KAAK,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,CAAC;IACzC,MAAM,YAAY,GAAG,KAAK,EAAE,YAAY,EAAE,EAAE,IAAI,CAAC,CAAC;IAElD,OAAO,CACL,CAAC,mBAAI,CAAC,KAAK,CAAC,CAAC;YACX,MAAM,CAAC,SAAS;YAChB;gBACE,eAAe,EAAE,KAAK,EAAE,MAAM,EAAE,OAAO,IAAI,SAAS;gBACpD,OAAO,EAAE,OAAO;gBAChB,YAAY;gBACZ,WAAW,EAAE,CAAC;gBACd,WAAW,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,IAAI,SAAS;aAChD;SACF,CAAC,CACA;MAAA,CAAC,yBAAU,CACT,KAAK,CAAC,CAAC,MAAM,CAAC,UAAU,CAAC,CACzB,mBAAmB,CACnB,4BAA4B,CAAC,CAAC,KAAK,CAAC,CAEpC;QAAA,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,KAAK,EAAE,EAAE;YACzB,MAAM,KAAK,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC;YACxB,MAAM,QAAQ,GAAG,OAAO,KAAK,KAAK,QAAQ,IAAI,KAAK,KAAK,IAAI,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;YAEtF,OAAO,CACL,CAAC,mBAAI,CACH,GAAG,CAAC,CAAC,GAAG,CAAC,CACT,KAAK,CAAC,CAAC;oBACL,MAAM,CAAC,KAAK;oBACZ;wBACE,YAAY,EAAE,KAAK,EAAE,OAAO,EAAE,EAAE,IAAI,CAAC;wBACrC,aAAa,EAAE,KAAK,EAAE,OAAO,EAAE,EAAE,IAAI,CAAC;wBACtC,iBAAiB,EAAE,KAAK,GAAG,MAAM,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;wBACpD,iBAAiB,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,IAAI,SAAS;qBACtD;iBACF,CAAC,CAEF;cAAA,CAAC,iBAAiB,CAClB;cAAA,CAAC,mBAAI,CAAC,KAAK,CAAC,CAAC;oBACX,MAAM,CAAC,UAAU;oBACjB;wBACE,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,aAAa,IAAI,SAAS;wBAChD,QAAQ,EAAE,KAAK,EAAE,UAAU,EAAE,QAAQ,EAAE,EAAE,IAAI,EAAE;wBAC/C,UAAU,EAAE,KAAK,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,IAAI,KAAK;qBAC3D;iBACF,CAAC,CACA;gBAAA,CAAC,eAAe,CAAC,GAAG,CAAC,CACvB;cAAA,EAAE,mBAAI,CAEN;;cAAA,CAAC,iBAAiB,CAClB;cAAA,CAAC,mBAAI,CAAC,KAAK,CAAC,CAAC;oBACX,MAAM,CAAC,UAAU;oBACjB;wBACE,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,IAAI,IAAI,SAAS;wBACvC,QAAQ,EAAE,KAAK,EAAE,UAAU,EAAE,QAAQ,EAAE,EAAE,IAAI,EAAE;wBAC/C,SAAS,EAAE,KAAK,EAAE,OAAO,EAAE,EAAE,IAAI,CAAC;wBAClC,UAAU,EAAE,QAAQ,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,SAAS;qBAC/C;iBACF,CAAC,CACA;gBAAA,CAAC,WAAW,CAAC,KAAK,CAAC,CACrB;cAAA,EAAE,mBAAI,CACR;YAAA,EAAE,mBAAI,CAAC,CACR,CAAC;QACJ,CAAC,CAAC,CACJ;MAAA,EAAE,yBAAU,CACd;IAAA,EAAE,mBAAI,CAAC,CACR,CAAC;AACJ,CAAC;AAED,MAAM,MAAM,GAAG,yBAAU,CAAC,MAAM,CAAC;IAC/B,SAAS,EAAE;QACT,KAAK,EAAE,MAAM;QACb,SAAS,EAAE,GAAG;KACf;IACD,UAAU,EAAE;QACV,IAAI,EAAE,CAAC;KACR;IACD,KAAK,EAAE;QACL,KAAK,EAAE,MAAM;KACd;IACD,UAAU,EAAE;QACV,aAAa,EAAE,WAAW;QAC1B,aAAa,EAAE,GAAG;KACnB;IACD,UAAU,EAAE;QACV,UAAU,EAAE,EAAE;KACf;CACF,CAAC,CAAC"}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* DefaultList Component
|
|
3
|
+
*
|
|
4
|
+
* Generic list component for displaying array of items.
|
|
5
|
+
* Used as fallback when no custom component is registered.
|
|
6
|
+
*
|
|
7
|
+
* Renders each item as a simple text representation or
|
|
8
|
+
* uses DefaultCard for object items.
|
|
9
|
+
*/
|
|
10
|
+
import React from 'react';
|
|
11
|
+
import { ToolComponentProps } from '../../types/components';
|
|
12
|
+
export declare function DefaultList({ data, theme }: ToolComponentProps): React.JSX.Element;
|
|
13
|
+
//# sourceMappingURL=DefaultList.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"DefaultList.d.ts","sourceRoot":"","sources":["../../../src/components/defaults/DefaultList.tsx"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,kBAAkB,EAAE,MAAM,wBAAwB,CAAC;AAG5D,wBAAgB,WAAW,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,EAAE,kBAAkB,qBAqF9D"}
|
|
@@ -0,0 +1,99 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
/**
|
|
3
|
+
* DefaultList Component
|
|
4
|
+
*
|
|
5
|
+
* Generic list component for displaying array of items.
|
|
6
|
+
* Used as fallback when no custom component is registered.
|
|
7
|
+
*
|
|
8
|
+
* Renders each item as a simple text representation or
|
|
9
|
+
* uses DefaultCard for object items.
|
|
10
|
+
*/
|
|
11
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
12
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
13
|
+
};
|
|
14
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
15
|
+
exports.DefaultList = DefaultList;
|
|
16
|
+
const react_1 = __importDefault(require("react"));
|
|
17
|
+
const react_native_1 = require("react-native");
|
|
18
|
+
const DefaultCard_1 = require("./DefaultCard");
|
|
19
|
+
function DefaultList({ data, theme }) {
|
|
20
|
+
// If data is not an array, try to render as single item
|
|
21
|
+
if (!Array.isArray(data)) {
|
|
22
|
+
if (typeof data === 'object' && data !== null) {
|
|
23
|
+
return <DefaultCard_1.DefaultCard data={data} theme={theme}/>;
|
|
24
|
+
}
|
|
25
|
+
return (<react_native_1.Text style={{
|
|
26
|
+
color: theme?.colors?.text || '#000000',
|
|
27
|
+
fontSize: theme?.typography?.fontSize?.sm || 14,
|
|
28
|
+
}}>
|
|
29
|
+
{String(data)}
|
|
30
|
+
</react_native_1.Text>);
|
|
31
|
+
}
|
|
32
|
+
// Empty list
|
|
33
|
+
if (data.length === 0) {
|
|
34
|
+
return (<react_native_1.View style={[
|
|
35
|
+
styles.emptyContainer,
|
|
36
|
+
{
|
|
37
|
+
padding: theme?.spacing?.md || 12,
|
|
38
|
+
backgroundColor: theme?.colors?.surface || '#f5f5f5',
|
|
39
|
+
borderRadius: theme?.borderRadius?.md || 8,
|
|
40
|
+
}
|
|
41
|
+
]}>
|
|
42
|
+
<react_native_1.Text style={{
|
|
43
|
+
color: theme?.colors?.textSecondary || '#666666',
|
|
44
|
+
fontSize: theme?.typography?.fontSize?.sm || 14,
|
|
45
|
+
textAlign: 'center',
|
|
46
|
+
}}>
|
|
47
|
+
No items found
|
|
48
|
+
</react_native_1.Text>
|
|
49
|
+
</react_native_1.View>);
|
|
50
|
+
}
|
|
51
|
+
return (<react_native_1.View style={styles.container}>
|
|
52
|
+
{data.map((item, index) => {
|
|
53
|
+
// Render object items as cards
|
|
54
|
+
if (typeof item === 'object' && item !== null) {
|
|
55
|
+
return (<react_native_1.View key={index} style={{
|
|
56
|
+
marginBottom: theme?.spacing?.sm || 8
|
|
57
|
+
}}>
|
|
58
|
+
<DefaultCard_1.DefaultCard data={item} theme={theme}/>
|
|
59
|
+
</react_native_1.View>);
|
|
60
|
+
}
|
|
61
|
+
// Render primitive items as list items with bullets
|
|
62
|
+
return (<react_native_1.View key={index} style={[
|
|
63
|
+
styles.listItem,
|
|
64
|
+
{
|
|
65
|
+
marginBottom: theme?.spacing?.xs || 4,
|
|
66
|
+
}
|
|
67
|
+
]}>
|
|
68
|
+
<react_native_1.Text style={{
|
|
69
|
+
color: theme?.colors?.textSecondary || '#666666',
|
|
70
|
+
fontSize: theme?.typography?.fontSize?.sm || 14,
|
|
71
|
+
marginRight: theme?.spacing?.xs || 4,
|
|
72
|
+
}}>
|
|
73
|
+
•
|
|
74
|
+
</react_native_1.Text>
|
|
75
|
+
<react_native_1.Text style={{
|
|
76
|
+
color: theme?.colors?.text || '#000000',
|
|
77
|
+
fontSize: theme?.typography?.fontSize?.sm || 14,
|
|
78
|
+
flex: 1,
|
|
79
|
+
}}>
|
|
80
|
+
{String(item)}
|
|
81
|
+
</react_native_1.Text>
|
|
82
|
+
</react_native_1.View>);
|
|
83
|
+
})}
|
|
84
|
+
</react_native_1.View>);
|
|
85
|
+
}
|
|
86
|
+
const styles = react_native_1.StyleSheet.create({
|
|
87
|
+
container: {
|
|
88
|
+
width: '100%',
|
|
89
|
+
},
|
|
90
|
+
emptyContainer: {
|
|
91
|
+
alignItems: 'center',
|
|
92
|
+
justifyContent: 'center',
|
|
93
|
+
},
|
|
94
|
+
listItem: {
|
|
95
|
+
flexDirection: 'row',
|
|
96
|
+
alignItems: 'flex-start',
|
|
97
|
+
},
|
|
98
|
+
});
|
|
99
|
+
//# sourceMappingURL=DefaultList.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"DefaultList.js","sourceRoot":"","sources":["../../../src/components/defaults/DefaultList.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* DefaultTable Component
|
|
3
|
+
*
|
|
4
|
+
* Generic table component for displaying array of objects in tabular format.
|
|
5
|
+
* Used as fallback when no custom component is registered.
|
|
6
|
+
*
|
|
7
|
+
* Displays:
|
|
8
|
+
* - Column headers (from first object keys)
|
|
9
|
+
* - Rows with data
|
|
10
|
+
* - Horizontal scrolling for wide tables
|
|
11
|
+
*/
|
|
12
|
+
import React from 'react';
|
|
13
|
+
import { ToolComponentProps } from '../../types/components';
|
|
14
|
+
export declare function DefaultTable({ data, theme }: ToolComponentProps): React.JSX.Element;
|
|
15
|
+
//# sourceMappingURL=DefaultTable.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"DefaultTable.d.ts","sourceRoot":"","sources":["../../../src/components/defaults/DefaultTable.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,kBAAkB,EAAE,MAAM,wBAAwB,CAAC;AAE5D,wBAAgB,YAAY,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,EAAE,kBAAkB,qBAmL/D"}
|