@makroz/mobile 1.0.1
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 +33 -0
- package/README.md +19 -0
- package/dist/auth/MkAuthContext.d.ts +72 -0
- package/dist/auth/MkAuthContext.d.ts.map +1 -0
- package/dist/auth/MkAuthContext.js +19 -0
- package/dist/auth/MkAuthContext.js.map +1 -0
- package/dist/auth/MkAuthForm.d.ts +31 -0
- package/dist/auth/MkAuthForm.d.ts.map +1 -0
- package/dist/auth/MkAuthForm.js +180 -0
- package/dist/auth/MkAuthForm.js.map +1 -0
- package/dist/auth/MkAuthProvider.d.ts +57 -0
- package/dist/auth/MkAuthProvider.d.ts.map +1 -0
- package/dist/auth/MkAuthProvider.js +282 -0
- package/dist/auth/MkAuthProvider.js.map +1 -0
- package/dist/auth/secureStorage.d.ts +63 -0
- package/dist/auth/secureStorage.d.ts.map +1 -0
- package/dist/auth/secureStorage.js +104 -0
- package/dist/auth/secureStorage.js.map +1 -0
- package/dist/auth/types.d.ts +65 -0
- package/dist/auth/types.d.ts.map +1 -0
- package/dist/auth/types.js +10 -0
- package/dist/auth/types.js.map +1 -0
- package/dist/auth/useMkAuth.d.ts +17 -0
- package/dist/auth/useMkAuth.d.ts.map +1 -0
- package/dist/auth/useMkAuth.js +24 -0
- package/dist/auth/useMkAuth.js.map +1 -0
- package/dist/components/MkAccordion.d.ts +19 -0
- package/dist/components/MkAccordion.d.ts.map +1 -0
- package/dist/components/MkAccordion.js +49 -0
- package/dist/components/MkAccordion.js.map +1 -0
- package/dist/components/MkAlert.d.ts +18 -0
- package/dist/components/MkAlert.d.ts.map +1 -0
- package/dist/components/MkAlert.js +35 -0
- package/dist/components/MkAlert.js.map +1 -0
- package/dist/components/MkAvatar.d.ts +12 -0
- package/dist/components/MkAvatar.d.ts.map +1 -0
- package/dist/components/MkAvatar.js +33 -0
- package/dist/components/MkAvatar.js.map +1 -0
- package/dist/components/MkBadge.d.ts +11 -0
- package/dist/components/MkBadge.d.ts.map +1 -0
- package/dist/components/MkBadge.js +22 -0
- package/dist/components/MkBadge.js.map +1 -0
- package/dist/components/MkButton.d.ts +13 -0
- package/dist/components/MkButton.d.ts.map +1 -0
- package/dist/components/MkButton.js +53 -0
- package/dist/components/MkButton.js.map +1 -0
- package/dist/components/MkCard.d.ts +15 -0
- package/dist/components/MkCard.d.ts.map +1 -0
- package/dist/components/MkCard.js +25 -0
- package/dist/components/MkCard.js.map +1 -0
- package/dist/components/MkCheck.d.ts +18 -0
- package/dist/components/MkCheck.d.ts.map +1 -0
- package/dist/components/MkCheck.js +33 -0
- package/dist/components/MkCheck.js.map +1 -0
- package/dist/components/MkDatePicker.d.ts +30 -0
- package/dist/components/MkDatePicker.d.ts.map +1 -0
- package/dist/components/MkDatePicker.js +87 -0
- package/dist/components/MkDatePicker.js.map +1 -0
- package/dist/components/MkDivider.d.ts +11 -0
- package/dist/components/MkDivider.d.ts.map +1 -0
- package/dist/components/MkDivider.js +28 -0
- package/dist/components/MkDivider.js.map +1 -0
- package/dist/components/MkDropDown.d.ts +37 -0
- package/dist/components/MkDropDown.d.ts.map +1 -0
- package/dist/components/MkDropDown.js +82 -0
- package/dist/components/MkDropDown.js.map +1 -0
- package/dist/components/MkEmptyState.d.ts +11 -0
- package/dist/components/MkEmptyState.d.ts.map +1 -0
- package/dist/components/MkEmptyState.js +16 -0
- package/dist/components/MkEmptyState.js.map +1 -0
- package/dist/components/MkFileUpload.d.ts +63 -0
- package/dist/components/MkFileUpload.d.ts.map +1 -0
- package/dist/components/MkFileUpload.js +80 -0
- package/dist/components/MkFileUpload.js.map +1 -0
- package/dist/components/MkIcons.d.ts +15 -0
- package/dist/components/MkIcons.d.ts.map +1 -0
- package/dist/components/MkIcons.js +35 -0
- package/dist/components/MkIcons.js.map +1 -0
- package/dist/components/MkInfiniteList.d.ts +22 -0
- package/dist/components/MkInfiniteList.d.ts.map +1 -0
- package/dist/components/MkInfiniteList.js +62 -0
- package/dist/components/MkInfiniteList.js.map +1 -0
- package/dist/components/MkInput.d.ts +16 -0
- package/dist/components/MkInput.d.ts.map +1 -0
- package/dist/components/MkInput.js +66 -0
- package/dist/components/MkInput.js.map +1 -0
- package/dist/components/MkLoading.d.ts +12 -0
- package/dist/components/MkLoading.d.ts.map +1 -0
- package/dist/components/MkLoading.js +20 -0
- package/dist/components/MkLoading.js.map +1 -0
- package/dist/components/MkModal.d.ts +20 -0
- package/dist/components/MkModal.d.ts.map +1 -0
- package/dist/components/MkModal.js +71 -0
- package/dist/components/MkModal.js.map +1 -0
- package/dist/components/MkProgressBar.d.ts +13 -0
- package/dist/components/MkProgressBar.d.ts.map +1 -0
- package/dist/components/MkProgressBar.js +27 -0
- package/dist/components/MkProgressBar.js.map +1 -0
- package/dist/components/MkRadio.d.ts +20 -0
- package/dist/components/MkRadio.d.ts.map +1 -0
- package/dist/components/MkRadio.js +35 -0
- package/dist/components/MkRadio.js.map +1 -0
- package/dist/components/MkSearchInput.d.ts +21 -0
- package/dist/components/MkSearchInput.d.ts.map +1 -0
- package/dist/components/MkSearchInput.js +44 -0
- package/dist/components/MkSearchInput.js.map +1 -0
- package/dist/components/MkSelect.d.ts +16 -0
- package/dist/components/MkSelect.d.ts.map +1 -0
- package/dist/components/MkSelect.js +75 -0
- package/dist/components/MkSelect.js.map +1 -0
- package/dist/components/MkSkeleton.d.ts +13 -0
- package/dist/components/MkSkeleton.d.ts.map +1 -0
- package/dist/components/MkSkeleton.js +32 -0
- package/dist/components/MkSkeleton.js.map +1 -0
- package/dist/components/MkSwitch.d.ts +13 -0
- package/dist/components/MkSwitch.d.ts.map +1 -0
- package/dist/components/MkSwitch.js +68 -0
- package/dist/components/MkSwitch.js.map +1 -0
- package/dist/components/MkTable.d.ts +39 -0
- package/dist/components/MkTable.d.ts.map +1 -0
- package/dist/components/MkTable.js +47 -0
- package/dist/components/MkTable.js.map +1 -0
- package/dist/components/MkTabs.d.ts +19 -0
- package/dist/components/MkTabs.d.ts.map +1 -0
- package/dist/components/MkTabs.js +38 -0
- package/dist/components/MkTabs.js.map +1 -0
- package/dist/components/MkTextArea.d.ts +17 -0
- package/dist/components/MkTextArea.d.ts.map +1 -0
- package/dist/components/MkTextArea.js +18 -0
- package/dist/components/MkTextArea.js.map +1 -0
- package/dist/components/MkToastRenderer.d.ts +3 -0
- package/dist/components/MkToastRenderer.d.ts.map +1 -0
- package/dist/components/MkToastRenderer.js +133 -0
- package/dist/components/MkToastRenderer.js.map +1 -0
- package/dist/components/MkTooltip.d.ts +15 -0
- package/dist/components/MkTooltip.d.ts.map +1 -0
- package/dist/components/MkTooltip.js +36 -0
- package/dist/components/MkTooltip.js.map +1 -0
- package/dist/components/MkWindowList.d.ts +47 -0
- package/dist/components/MkWindowList.d.ts.map +1 -0
- package/dist/components/MkWindowList.js +50 -0
- package/dist/components/MkWindowList.js.map +1 -0
- package/dist/components/index.d.ts +30 -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/context/MkApiContext.d.ts +15 -0
- package/dist/context/MkApiContext.d.ts.map +1 -0
- package/dist/context/MkApiContext.js +27 -0
- package/dist/context/MkApiContext.js.map +1 -0
- package/dist/context/MkAuthContext.d.ts +19 -0
- package/dist/context/MkAuthContext.d.ts.map +1 -0
- package/dist/context/MkAuthContext.js +86 -0
- package/dist/context/MkAuthContext.js.map +1 -0
- package/dist/context/MkConfirmContext.d.ts +8 -0
- package/dist/context/MkConfirmContext.d.ts.map +1 -0
- package/dist/context/MkConfirmContext.js +36 -0
- package/dist/context/MkConfirmContext.js.map +1 -0
- package/dist/context/MkToastContext.d.ts +19 -0
- package/dist/context/MkToastContext.d.ts.map +1 -0
- package/dist/context/MkToastContext.js +86 -0
- package/dist/context/MkToastContext.js.map +1 -0
- package/dist/hooks/filePicker.types.d.ts +13 -0
- package/dist/hooks/filePicker.types.d.ts.map +1 -0
- package/dist/hooks/filePicker.types.js +7 -0
- package/dist/hooks/filePicker.types.js.map +1 -0
- package/dist/hooks/useApi.d.ts +19 -0
- package/dist/hooks/useApi.d.ts.map +1 -0
- package/dist/hooks/useApi.js +78 -0
- package/dist/hooks/useApi.js.map +1 -0
- package/dist/hooks/useApi.test.d.ts +2 -0
- package/dist/hooks/useApi.test.d.ts.map +1 -0
- package/dist/hooks/useApi.test.js +10 -0
- package/dist/hooks/useApi.test.js.map +1 -0
- package/dist/hooks/useMkCrud.d.ts +39 -0
- package/dist/hooks/useMkCrud.d.ts.map +1 -0
- package/dist/hooks/useMkCrud.js +118 -0
- package/dist/hooks/useMkCrud.js.map +1 -0
- package/dist/hooks/useMkDebounce.d.ts +24 -0
- package/dist/hooks/useMkDebounce.d.ts.map +1 -0
- package/dist/hooks/useMkDebounce.js +36 -0
- package/dist/hooks/useMkDebounce.js.map +1 -0
- package/dist/hooks/useMkEffectDebug.d.ts +6 -0
- package/dist/hooks/useMkEffectDebug.d.ts.map +1 -0
- package/dist/hooks/useMkEffectDebug.js +23 -0
- package/dist/hooks/useMkEffectDebug.js.map +1 -0
- package/dist/hooks/useMkEvent.d.ts +42 -0
- package/dist/hooks/useMkEvent.d.ts.map +1 -0
- package/dist/hooks/useMkEvent.js +49 -0
- package/dist/hooks/useMkEvent.js.map +1 -0
- package/dist/hooks/useMkFilePickerCli.d.ts +59 -0
- package/dist/hooks/useMkFilePickerCli.d.ts.map +1 -0
- package/dist/hooks/useMkFilePickerCli.js +68 -0
- package/dist/hooks/useMkFilePickerCli.js.map +1 -0
- package/dist/hooks/useMkFilePickerExpo.d.ts +38 -0
- package/dist/hooks/useMkFilePickerExpo.d.ts.map +1 -0
- package/dist/hooks/useMkFilePickerExpo.js +68 -0
- package/dist/hooks/useMkFilePickerExpo.js.map +1 -0
- package/dist/hooks/useMkForm.d.ts +43 -0
- package/dist/hooks/useMkForm.d.ts.map +1 -0
- package/dist/hooks/useMkForm.js +115 -0
- package/dist/hooks/useMkForm.js.map +1 -0
- package/dist/hooks/useMkInfiniteList.d.ts +16 -0
- package/dist/hooks/useMkInfiniteList.d.ts.map +1 -0
- package/dist/hooks/useMkInfiniteList.js +58 -0
- package/dist/hooks/useMkInfiniteList.js.map +1 -0
- package/dist/hooks/useMkList.d.ts +61 -0
- package/dist/hooks/useMkList.d.ts.map +1 -0
- package/dist/hooks/useMkList.js +55 -0
- package/dist/hooks/useMkList.js.map +1 -0
- package/dist/hooks/useMkLocalStorage.d.ts +6 -0
- package/dist/hooks/useMkLocalStorage.d.ts.map +1 -0
- package/dist/hooks/useMkLocalStorage.js +28 -0
- package/dist/hooks/useMkLocalStorage.js.map +1 -0
- package/dist/hooks/useMkPrevious.d.ts +6 -0
- package/dist/hooks/useMkPrevious.d.ts.map +1 -0
- package/dist/hooks/useMkPrevious.js +13 -0
- package/dist/hooks/useMkPrevious.js.map +1 -0
- package/dist/hooks/useMkToggle.d.ts +6 -0
- package/dist/hooks/useMkToggle.d.ts.map +1 -0
- package/dist/hooks/useMkToggle.js +13 -0
- package/dist/hooks/useMkToggle.js.map +1 -0
- package/dist/index.d.ts +29 -0
- package/dist/index.d.ts.map +1 -0
- package/dist/index.js +32 -0
- package/dist/index.js.map +1 -0
- package/dist/theme/MkThemeProvider.d.ts +14 -0
- package/dist/theme/MkThemeProvider.d.ts.map +1 -0
- package/dist/theme/MkThemeProvider.js +22 -0
- package/dist/theme/MkThemeProvider.js.map +1 -0
- package/eslint-plugin-mk/index.js +20 -0
- package/package.json +66 -0
|
@@ -0,0 +1,49 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { useState, useCallback } from 'react';
|
|
3
|
+
import { View, Text, TouchableOpacity, StyleSheet, LayoutAnimation, Platform, UIManager } from 'react-native';
|
|
4
|
+
import { useMkTheme } from '../theme/MkThemeProvider';
|
|
5
|
+
import { tokens } from '@mk/core';
|
|
6
|
+
// Enable LayoutAnimation on Android
|
|
7
|
+
if (Platform.OS === 'android' && UIManager.setLayoutAnimationEnabledExperimental) {
|
|
8
|
+
UIManager.setLayoutAnimationEnabledExperimental(true);
|
|
9
|
+
}
|
|
10
|
+
export const MkAccordion = ({ items, multiple = false, defaultExpanded = [], expanded: controlledExpanded, onChange, variant = 'default', style, }) => {
|
|
11
|
+
const { theme } = useMkTheme();
|
|
12
|
+
const [internalExpanded, setInternalExpanded] = useState(defaultExpanded);
|
|
13
|
+
const expandedKeys = controlledExpanded !== null && controlledExpanded !== void 0 ? controlledExpanded : internalExpanded;
|
|
14
|
+
const toggleItem = useCallback((key) => {
|
|
15
|
+
LayoutAnimation.configureNext(LayoutAnimation.Presets.easeInEaseOut);
|
|
16
|
+
let next;
|
|
17
|
+
if (expandedKeys.includes(key)) {
|
|
18
|
+
next = expandedKeys.filter((k) => k !== key);
|
|
19
|
+
}
|
|
20
|
+
else {
|
|
21
|
+
next = multiple ? [...expandedKeys, key] : [key];
|
|
22
|
+
}
|
|
23
|
+
setInternalExpanded(next);
|
|
24
|
+
onChange === null || onChange === void 0 ? void 0 : onChange(next);
|
|
25
|
+
}, [expandedKeys, multiple, onChange]);
|
|
26
|
+
const containerStyle = variant === 'bordered'
|
|
27
|
+
? { borderWidth: 1, borderColor: theme.border, borderRadius: tokens.shared.radius, overflow: 'hidden' }
|
|
28
|
+
: variant === 'separated'
|
|
29
|
+
? { gap: 8 }
|
|
30
|
+
: {};
|
|
31
|
+
return (_jsx(View, { style: [containerStyle, style], children: items.map((item, idx) => {
|
|
32
|
+
const isOpen = expandedKeys.includes(item.key);
|
|
33
|
+
const itemBorder = variant === 'separated'
|
|
34
|
+
? { borderWidth: 1, borderColor: theme.border, borderRadius: tokens.shared.radius, overflow: 'hidden' }
|
|
35
|
+
: variant === 'bordered' && idx < items.length - 1
|
|
36
|
+
? { borderBottomWidth: 1, borderBottomColor: theme.border }
|
|
37
|
+
: variant === 'default' && idx < items.length - 1
|
|
38
|
+
? { borderBottomWidth: 1, borderBottomColor: theme.border }
|
|
39
|
+
: {};
|
|
40
|
+
return (_jsxs(View, { style: itemBorder, children: [_jsxs(TouchableOpacity, { onPress: () => !item.disabled && toggleItem(item.key), disabled: item.disabled, activeOpacity: 0.7, style: [styles.header, item.disabled && { opacity: 0.4 }], children: [_jsx(Text, { style: [styles.title, { color: theme.foreground }], children: item.title }), _jsx(Text, { style: [styles.chevron, { color: theme.mutedForeground }, isOpen && { transform: [{ rotate: '180deg' }] }], children: "\u25BE" })] }), isOpen && (_jsx(View, { style: styles.content, children: item.content }))] }, item.key));
|
|
41
|
+
}) }));
|
|
42
|
+
};
|
|
43
|
+
const styles = StyleSheet.create({
|
|
44
|
+
header: { flexDirection: 'row', justifyContent: 'space-between', alignItems: 'center', paddingVertical: 14, paddingHorizontal: 16 },
|
|
45
|
+
title: { flex: 1, fontSize: 15, fontWeight: '500' },
|
|
46
|
+
chevron: { fontSize: 16 },
|
|
47
|
+
content: { paddingHorizontal: 16, paddingBottom: 16 },
|
|
48
|
+
});
|
|
49
|
+
//# sourceMappingURL=MkAccordion.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"MkAccordion.js","sourceRoot":"","sources":["../../src/components/MkAccordion.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import type { ViewStyle } from 'react-native';
|
|
3
|
+
/**
|
|
4
|
+
* @module MkAlert (Mobile)
|
|
5
|
+
* @description Inline alert banner. Same API as mk-web MkAlert.
|
|
6
|
+
*/
|
|
7
|
+
export interface MkAlertProps {
|
|
8
|
+
variant?: 'info' | 'success' | 'warning' | 'error' | 'default';
|
|
9
|
+
title?: string;
|
|
10
|
+
children?: React.ReactNode;
|
|
11
|
+
icon?: React.ReactNode;
|
|
12
|
+
dismissible?: boolean;
|
|
13
|
+
onDismiss?: () => void;
|
|
14
|
+
action?: React.ReactNode;
|
|
15
|
+
style?: ViewStyle;
|
|
16
|
+
}
|
|
17
|
+
export declare const MkAlert: React.FC<MkAlertProps>;
|
|
18
|
+
//# sourceMappingURL=MkAlert.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"MkAlert.d.ts","sourceRoot":"","sources":["../../src/components/MkAlert.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AACxC,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAG9C;;;GAGG;AAEH,MAAM,WAAW,YAAY;IACzB,OAAO,CAAC,EAAE,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,GAAG,SAAS,CAAC;IAC/D,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,KAAK,CAAC,EAAE,SAAS,CAAC;CACrB;AAcD,eAAO,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CAoC1C,CAAC"}
|
|
@@ -0,0 +1,35 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { useState } from 'react';
|
|
3
|
+
import { View, Text, TouchableOpacity, StyleSheet } from 'react-native';
|
|
4
|
+
const VARIANT_STYLES = {
|
|
5
|
+
info: { bg: '#eff6ff', border: '#3b82f6', text: '#1e3a5f' },
|
|
6
|
+
success: { bg: '#f0fdf4', border: '#22c55e', text: '#14532d' },
|
|
7
|
+
warning: { bg: '#fffbeb', border: '#f59e0b', text: '#78350f' },
|
|
8
|
+
error: { bg: '#fef2f2', border: '#ef4444', text: '#7f1d1d' },
|
|
9
|
+
default: { bg: '#f4f4f5', border: '#6366f1', text: '#18181b' },
|
|
10
|
+
};
|
|
11
|
+
const DEFAULT_ICONS = {
|
|
12
|
+
info: 'ℹ️', success: '✅', warning: '⚠️', error: '❌', default: '🔔',
|
|
13
|
+
};
|
|
14
|
+
export const MkAlert = ({ variant = 'default', title, children, icon, dismissible = false, onDismiss, action, style, }) => {
|
|
15
|
+
const [dismissed, setDismissed] = useState(false);
|
|
16
|
+
const vs = VARIANT_STYLES[variant];
|
|
17
|
+
const handleDismiss = () => {
|
|
18
|
+
setDismissed(true);
|
|
19
|
+
onDismiss === null || onDismiss === void 0 ? void 0 : onDismiss();
|
|
20
|
+
};
|
|
21
|
+
if (dismissed)
|
|
22
|
+
return null;
|
|
23
|
+
return (_jsxs(View, { style: [styles.alert, { backgroundColor: vs.bg, borderLeftColor: vs.border }, style], children: [_jsx(Text, { style: styles.icon, children: typeof icon === 'string' || !icon ? (icon || DEFAULT_ICONS[variant]) : null }), icon && typeof icon !== 'string' ? _jsx(View, { style: styles.iconNode, children: icon }) : null, _jsxs(View, { style: styles.body, children: [title ? _jsx(Text, { style: [styles.title, { color: vs.text }], children: title }) : null, children ? _jsx(Text, { style: [styles.content, { color: vs.text }], children: children }) : null, action ? _jsx(View, { style: styles.action, children: action }) : null] }), dismissible && (_jsx(TouchableOpacity, { onPress: handleDismiss, hitSlop: { top: 8, bottom: 8, left: 8, right: 8 }, children: _jsx(Text, { style: [styles.dismiss, { color: vs.text }], children: "\u2715" }) }))] }));
|
|
24
|
+
};
|
|
25
|
+
const styles = StyleSheet.create({
|
|
26
|
+
alert: { flexDirection: 'row', alignItems: 'flex-start', gap: 10, padding: 14, borderRadius: 8, borderLeftWidth: 4 },
|
|
27
|
+
icon: { fontSize: 17, flexShrink: 0, marginTop: 1 },
|
|
28
|
+
iconNode: { flexShrink: 0, marginTop: 1 },
|
|
29
|
+
body: { flex: 1 },
|
|
30
|
+
title: { fontSize: 15, fontWeight: '600', marginBottom: 3 },
|
|
31
|
+
content: { fontSize: 14, lineHeight: 20, opacity: 0.9 },
|
|
32
|
+
action: { marginTop: 8 },
|
|
33
|
+
dismiss: { fontSize: 14, opacity: 0.6, paddingLeft: 4 },
|
|
34
|
+
});
|
|
35
|
+
//# sourceMappingURL=MkAlert.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"MkAlert.js","sourceRoot":"","sources":["../../src/components/MkAlert.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import type { ViewStyle } from 'react-native';
|
|
3
|
+
export interface MkAvatarProps {
|
|
4
|
+
src?: string | null;
|
|
5
|
+
name?: string;
|
|
6
|
+
size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
|
|
7
|
+
status?: 'online' | 'offline' | 'away' | 'busy' | null;
|
|
8
|
+
style?: ViewStyle;
|
|
9
|
+
onPress?: () => void;
|
|
10
|
+
}
|
|
11
|
+
export declare const MkAvatar: React.FC<MkAvatarProps>;
|
|
12
|
+
//# sourceMappingURL=MkAvatar.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"MkAvatar.d.ts","sourceRoot":"","sources":["../../src/components/MkAvatar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkB,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAG9C,MAAM,WAAW,aAAa;IAC1B,GAAG,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACpB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IACxC,MAAM,CAAC,EAAE,QAAQ,GAAG,SAAS,GAAG,MAAM,GAAG,MAAM,GAAG,IAAI,CAAC;IACvD,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACxB;AAMD,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAuC5C,CAAC"}
|
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { useMemo } from 'react';
|
|
3
|
+
import { View, Text, Image, TouchableOpacity, StyleSheet } from 'react-native';
|
|
4
|
+
const SIZES = { xs: 24, sm: 32, md: 40, lg: 56, xl: 80 };
|
|
5
|
+
const COLORS = ['#6366f1', '#ec4899', '#f97316', '#14b8a6', '#8b5cf6', '#06b6d4', '#f43f5e', '#84cc16'];
|
|
6
|
+
const STATUS_COLORS = { online: '#22c55e', offline: '#9ca3af', away: '#f59e0b', busy: '#ef4444' };
|
|
7
|
+
export const MkAvatar = ({ src, name = '', size = 'md', status, style, onPress, }) => {
|
|
8
|
+
const initials = useMemo(() => {
|
|
9
|
+
var _a, _b, _c, _d;
|
|
10
|
+
const parts = name.trim().split(/\s+/);
|
|
11
|
+
return (((_b = (_a = parts[0]) === null || _a === void 0 ? void 0 : _a[0]) !== null && _b !== void 0 ? _b : '') + ((_d = (_c = parts[1]) === null || _c === void 0 ? void 0 : _c[0]) !== null && _d !== void 0 ? _d : '')).toUpperCase();
|
|
12
|
+
}, [name]);
|
|
13
|
+
const bgColor = useMemo(() => {
|
|
14
|
+
let hash = 0;
|
|
15
|
+
for (let i = 0; i < name.length; i++)
|
|
16
|
+
hash = name.charCodeAt(i) + ((hash << 5) - hash);
|
|
17
|
+
return COLORS[Math.abs(hash) % COLORS.length];
|
|
18
|
+
}, [name]);
|
|
19
|
+
const px = SIZES[size];
|
|
20
|
+
const statusSize = Math.max(px * 0.25, 8);
|
|
21
|
+
const content = (_jsxs(View, { style: [styles.avatar, { width: px, height: px, borderRadius: px / 2 }, style], children: [src ? (_jsx(Image, { source: { uri: src }, style: [styles.image, { borderRadius: px / 2 }] })) : (_jsx(View, { style: [styles.initials, { backgroundColor: bgColor, borderRadius: px / 2 }], children: _jsx(Text, { style: [styles.initialsText, { fontSize: px * 0.4 }], children: initials }) })), status ? (_jsx(View, { style: [styles.status, { width: statusSize, height: statusSize, borderRadius: statusSize / 2, backgroundColor: STATUS_COLORS[status] || '#9ca3af' }] })) : null] }));
|
|
22
|
+
if (onPress)
|
|
23
|
+
return _jsx(TouchableOpacity, { onPress: onPress, activeOpacity: 0.7, children: content });
|
|
24
|
+
return content;
|
|
25
|
+
};
|
|
26
|
+
const styles = StyleSheet.create({
|
|
27
|
+
avatar: { alignItems: 'center', justifyContent: 'center', overflow: 'hidden' },
|
|
28
|
+
image: { width: '100%', height: '100%' },
|
|
29
|
+
initials: { width: '100%', height: '100%', alignItems: 'center', justifyContent: 'center' },
|
|
30
|
+
initialsText: { color: '#fff', fontWeight: '600' },
|
|
31
|
+
status: { position: 'absolute', bottom: 0, right: 0, borderWidth: 2, borderColor: '#fff' },
|
|
32
|
+
});
|
|
33
|
+
//# sourceMappingURL=MkAvatar.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"MkAvatar.js","sourceRoot":"","sources":["../../src/components/MkAvatar.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import type { ViewStyle } from 'react-native';
|
|
3
|
+
export interface MkBadgeProps {
|
|
4
|
+
children: React.ReactNode;
|
|
5
|
+
variant?: 'default' | 'primary' | 'success' | 'warning' | 'error' | 'info';
|
|
6
|
+
size?: 'sm' | 'md';
|
|
7
|
+
dot?: boolean;
|
|
8
|
+
style?: ViewStyle;
|
|
9
|
+
}
|
|
10
|
+
export declare const MkBadge: React.FC<MkBadgeProps>;
|
|
11
|
+
//# sourceMappingURL=MkBadge.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"MkBadge.d.ts","sourceRoot":"","sources":["../../src/components/MkBadge.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAI9C,MAAM,WAAW,YAAY;IACzB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,OAAO,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,GAAG,MAAM,CAAC;IAC3E,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IACnB,GAAG,CAAC,EAAE,OAAO,CAAC;IACd,KAAK,CAAC,EAAE,SAAS,CAAC;CACrB;AAWD,eAAO,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CAmB1C,CAAC"}
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { View, Text, StyleSheet } from 'react-native';
|
|
3
|
+
const VARIANT_COLORS = {
|
|
4
|
+
default: { bg: '#f1f5f9', text: '#334155' },
|
|
5
|
+
primary: { bg: '#ede9fe', text: '#6366f1' },
|
|
6
|
+
success: { bg: '#dcfce7', text: '#15803d' },
|
|
7
|
+
warning: { bg: '#fef3c7', text: '#b45309' },
|
|
8
|
+
error: { bg: '#fce4ec', text: '#c62828' },
|
|
9
|
+
info: { bg: '#e0f2fe', text: '#0369a1' },
|
|
10
|
+
};
|
|
11
|
+
export const MkBadge = ({ children, variant = 'default', size = 'sm', dot = false, style, }) => {
|
|
12
|
+
const colors = VARIANT_COLORS[variant] || VARIANT_COLORS.default;
|
|
13
|
+
const fontSize = size === 'sm' ? 11 : 12;
|
|
14
|
+
const padding = size === 'sm' ? { paddingHorizontal: 8, paddingVertical: 2 } : { paddingHorizontal: 10, paddingVertical: 4 };
|
|
15
|
+
return (_jsxs(View, { style: [styles.badge, { backgroundColor: colors.bg }, padding, style], children: [dot ? _jsx(View, { style: [styles.dot, { backgroundColor: colors.text }] }) : null, _jsx(Text, { style: [styles.text, { color: colors.text, fontSize }], children: typeof children === 'string' ? children : children })] }));
|
|
16
|
+
};
|
|
17
|
+
const styles = StyleSheet.create({
|
|
18
|
+
badge: { flexDirection: 'row', alignItems: 'center', gap: 4, borderRadius: 999, alignSelf: 'flex-start' },
|
|
19
|
+
dot: { width: 6, height: 6, borderRadius: 3 },
|
|
20
|
+
text: { fontWeight: '500' },
|
|
21
|
+
});
|
|
22
|
+
//# sourceMappingURL=MkBadge.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"MkBadge.js","sourceRoot":"","sources":["../../src/components/MkBadge.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAWtD,MAAM,cAAc,GAAiD;IACjE,OAAO,EAAE,EAAE,EAAE,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS,EAAE;IAC3C,OAAO,EAAE,EAAE,EAAE,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS,EAAE;IAC3C,OAAO,EAAE,EAAE,EAAE,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS,EAAE;IAC3C,OAAO,EAAE,EAAE,EAAE,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS,EAAE;IAC3C,KAAK,EAAE,EAAE,EAAE,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS,EAAE;IACzC,IAAI,EAAE,EAAE,EAAE,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS,EAAE;CAC3C,CAAC;AAEF,MAAM,CAAC,MAAM,OAAO,GAA2B,CAAC,EAC5C,QAAQ,EACR,OAAO,GAAG,SAAS,EACnB,IAAI,GAAG,IAAI,EACX,GAAG,GAAG,KAAK,EACX,KAAK,GACR,EAAE,EAAE;IACD,MAAM,MAAM,GAAG,cAAc,CAAC,OAAO,CAAC,IAAI,cAAc,CAAC,OAAO,CAAC;IACjE,MAAM,QAAQ,GAAG,IAAI,KAAK,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;IACzC,MAAM,OAAO,GAAG,IAAI,KAAK,IAAI,CAAC,CAAC,CAAC,EAAE,iBAAiB,EAAE,CAAC,EAAE,eAAe,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,iBAAiB,EAAE,EAAE,EAAE,eAAe,EAAE,CAAC,EAAE,CAAC;IAE7H,OAAO,CACH,MAAC,IAAI,IAAC,KAAK,EAAE,CAAC,MAAM,CAAC,KAAK,EAAE,EAAE,eAAe,EAAE,MAAM,CAAC,EAAE,EAAE,EAAE,OAAO,EAAE,KAAK,CAAC,aACtE,GAAG,CAAC,CAAC,CAAC,KAAC,IAAI,IAAC,KAAK,EAAE,CAAC,MAAM,CAAC,GAAG,EAAE,EAAE,eAAe,EAAE,MAAM,CAAC,IAAI,EAAE,CAAC,GAAI,CAAC,CAAC,CAAC,IAAI,EAC7E,KAAC,IAAI,IAAC,KAAK,EAAE,CAAC,MAAM,CAAC,IAAI,EAAE,EAAE,KAAK,EAAE,MAAM,CAAC,IAAI,EAAE,QAAQ,EAAE,CAAC,YACvD,OAAO,QAAQ,KAAK,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,QAAQ,GAChD,IACJ,CACV,CAAC;AACN,CAAC,CAAC;AAEF,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;IAC7B,KAAK,EAAE,EAAE,aAAa,EAAE,KAAK,EAAE,UAAU,EAAE,QAAQ,EAAE,GAAG,EAAE,CAAC,EAAE,YAAY,EAAE,GAAG,EAAE,SAAS,EAAE,YAAY,EAAE;IACzG,GAAG,EAAE,EAAE,KAAK,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,YAAY,EAAE,CAAC,EAAE;IAC7C,IAAI,EAAE,EAAE,UAAU,EAAE,KAAK,EAAE;CAC9B,CAAC,CAAC"}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import type { ViewStyle } from 'react-native';
|
|
3
|
+
interface MkButtonProps {
|
|
4
|
+
label: string;
|
|
5
|
+
variant?: 'primary' | 'outline' | 'ghost' | 'error';
|
|
6
|
+
loading?: boolean;
|
|
7
|
+
disabled?: boolean;
|
|
8
|
+
onPress?: () => void;
|
|
9
|
+
style?: ViewStyle;
|
|
10
|
+
}
|
|
11
|
+
export declare const MkButton: React.FC<MkButtonProps>;
|
|
12
|
+
export {};
|
|
13
|
+
//# sourceMappingURL=MkButton.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"MkButton.d.ts","sourceRoot":"","sources":["../../src/components/MkButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,SAAS,EAAa,MAAM,cAAc,CAAC;AAKzD,UAAU,aAAa;IACrB,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,OAAO,GAAG,OAAO,CAAC;IACpD,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,KAAK,CAAC,EAAE,SAAS,CAAC;CACnB;AAED,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAwD5C,CAAC"}
|
|
@@ -0,0 +1,53 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import { TouchableOpacity, Text, ActivityIndicator, StyleSheet } from 'react-native';
|
|
3
|
+
import { useMkTheme } from '../theme/MkThemeProvider';
|
|
4
|
+
import { tokens } from '@mk/core';
|
|
5
|
+
export const MkButton = ({ label, variant = 'primary', loading, disabled, onPress, style }) => {
|
|
6
|
+
const { theme } = useMkTheme();
|
|
7
|
+
const getVariantStyles = () => {
|
|
8
|
+
switch (variant) {
|
|
9
|
+
case 'outline':
|
|
10
|
+
return {
|
|
11
|
+
button: { backgroundColor: 'transparent', borderWidth: 1, borderColor: theme.border },
|
|
12
|
+
text: { color: theme.foreground }
|
|
13
|
+
};
|
|
14
|
+
case 'ghost':
|
|
15
|
+
return {
|
|
16
|
+
button: { backgroundColor: 'transparent' },
|
|
17
|
+
text: { color: theme.foreground }
|
|
18
|
+
};
|
|
19
|
+
case 'error':
|
|
20
|
+
return {
|
|
21
|
+
button: { backgroundColor: theme.error },
|
|
22
|
+
text: { color: 'white' }
|
|
23
|
+
};
|
|
24
|
+
default:
|
|
25
|
+
return {
|
|
26
|
+
button: { backgroundColor: theme.primary },
|
|
27
|
+
text: { color: theme.primaryForeground }
|
|
28
|
+
};
|
|
29
|
+
}
|
|
30
|
+
};
|
|
31
|
+
const vStyles = getVariantStyles();
|
|
32
|
+
return (_jsx(TouchableOpacity, { onPress: onPress, disabled: disabled || loading, activeOpacity: 0.7, style: [
|
|
33
|
+
styles.button,
|
|
34
|
+
vStyles.button,
|
|
35
|
+
disabled && { opacity: 0.5 },
|
|
36
|
+
style
|
|
37
|
+
], children: loading ? (_jsx(ActivityIndicator, { color: vStyles.text.color, size: "small" })) : (_jsx(Text, { style: [styles.text, vStyles.text], children: label })) }));
|
|
38
|
+
};
|
|
39
|
+
const styles = StyleSheet.create({
|
|
40
|
+
button: {
|
|
41
|
+
height: 48,
|
|
42
|
+
borderRadius: tokens.shared.radius,
|
|
43
|
+
flexDirection: 'row',
|
|
44
|
+
alignItems: 'center',
|
|
45
|
+
justifyContent: 'center',
|
|
46
|
+
paddingHorizontal: 16,
|
|
47
|
+
},
|
|
48
|
+
text: {
|
|
49
|
+
fontSize: 16,
|
|
50
|
+
fontWeight: '600',
|
|
51
|
+
}
|
|
52
|
+
});
|
|
53
|
+
//# sourceMappingURL=MkButton.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"MkButton.js","sourceRoot":"","sources":["../../src/components/MkButton.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,gBAAgB,EAAE,IAAI,EAAE,iBAAiB,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AACrF,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AACtD,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAWlC,MAAM,CAAC,MAAM,QAAQ,GAA4B,CAAC,EAChD,KAAK,EACL,OAAO,GAAG,SAAS,EACnB,OAAO,EACP,QAAQ,EACR,OAAO,EACP,KAAK,EACN,EAAE,EAAE;IACH,MAAM,EAAE,KAAK,EAAE,GAAG,UAAU,EAAE,CAAC;IAE/B,MAAM,gBAAgB,GAAG,GAA2C,EAAE;QACpE,QAAQ,OAAO,EAAE,CAAC;YAChB,KAAK,SAAS;gBACZ,OAAO;oBACL,MAAM,EAAE,EAAE,eAAe,EAAE,aAAa,EAAE,WAAW,EAAE,CAAC,EAAE,WAAW,EAAE,KAAK,CAAC,MAAM,EAAE;oBACrF,IAAI,EAAE,EAAE,KAAK,EAAE,KAAK,CAAC,UAAU,EAAE;iBAClC,CAAC;YACJ,KAAK,OAAO;gBACV,OAAO;oBACL,MAAM,EAAE,EAAE,eAAe,EAAE,aAAa,EAAE;oBAC1C,IAAI,EAAE,EAAE,KAAK,EAAE,KAAK,CAAC,UAAU,EAAE;iBAClC,CAAC;YACJ,KAAK,OAAO;gBACV,OAAO;oBACL,MAAM,EAAE,EAAE,eAAe,EAAE,KAAK,CAAC,KAAK,EAAE;oBACxC,IAAI,EAAE,EAAE,KAAK,EAAE,OAAO,EAAE;iBACzB,CAAC;YACJ;gBACE,OAAO;oBACL,MAAM,EAAE,EAAE,eAAe,EAAE,KAAK,CAAC,OAAO,EAAE;oBAC1C,IAAI,EAAE,EAAE,KAAK,EAAE,KAAK,CAAC,iBAAiB,EAAE;iBACzC,CAAC;QACN,CAAC;IACH,CAAC,CAAC;IAEF,MAAM,OAAO,GAAG,gBAAgB,EAAE,CAAC;IAEnC,OAAO,CACL,KAAC,gBAAgB,IACf,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,IAAI,OAAO,EAC7B,aAAa,EAAE,GAAG,EAClB,KAAK,EAAE;YACL,MAAM,CAAC,MAAM;YACb,OAAO,CAAC,MAAM;YACd,QAAQ,IAAI,EAAE,OAAO,EAAE,GAAG,EAAE;YAC5B,KAAK;SACN,YAEA,OAAO,CAAC,CAAC,CAAC,CACT,KAAC,iBAAiB,IAAC,KAAK,EAAE,OAAO,CAAC,IAAI,CAAC,KAAK,EAAE,IAAI,EAAC,OAAO,GAAG,CAC9D,CAAC,CAAC,CAAC,CACF,KAAC,IAAI,IAAC,KAAK,EAAE,CAAC,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,IAAI,CAAC,YAAG,KAAK,GAAQ,CACzD,GACgB,CACpB,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;IAC/B,MAAM,EAAE;QACN,MAAM,EAAE,EAAE;QACV,YAAY,EAAE,MAAM,CAAC,MAAM,CAAC,MAAM;QAClC,aAAa,EAAE,KAAK;QACpB,UAAU,EAAE,QAAQ;QACpB,cAAc,EAAE,QAAQ;QACxB,iBAAiB,EAAE,EAAE;KACtB;IACD,IAAI,EAAE;QACJ,QAAQ,EAAE,EAAE;QACZ,UAAU,EAAE,KAAK;KAClB;CACF,CAAC,CAAC"}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import type { ViewStyle } from 'react-native';
|
|
3
|
+
export interface MkCardProps {
|
|
4
|
+
children: React.ReactNode;
|
|
5
|
+
title?: string;
|
|
6
|
+
subtitle?: string;
|
|
7
|
+
headerRight?: React.ReactNode;
|
|
8
|
+
footer?: React.ReactNode;
|
|
9
|
+
variant?: 'default' | 'outlined' | 'elevated';
|
|
10
|
+
padding?: 'none' | 'sm' | 'md' | 'lg';
|
|
11
|
+
onPress?: () => void;
|
|
12
|
+
style?: ViewStyle;
|
|
13
|
+
}
|
|
14
|
+
export declare const MkCard: React.FC<MkCardProps>;
|
|
15
|
+
//# sourceMappingURL=MkCard.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"MkCard.d.ts","sourceRoot":"","sources":["../../src/components/MkCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAK9C,MAAM,WAAW,WAAW;IACxB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,OAAO,CAAC,EAAE,SAAS,GAAG,UAAU,GAAG,UAAU,CAAC;IAC9C,OAAO,CAAC,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IACtC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,KAAK,CAAC,EAAE,SAAS,CAAC;CACrB;AAID,eAAO,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CAqCxC,CAAC"}
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { View, Text, TouchableOpacity, StyleSheet } from 'react-native';
|
|
3
|
+
import { useMkTheme } from '../theme/MkThemeProvider';
|
|
4
|
+
import { tokens } from '@mk/core';
|
|
5
|
+
const PADDING = { none: 0, sm: 12, md: 16, lg: 24 };
|
|
6
|
+
export const MkCard = ({ children, title, subtitle, headerRight, footer, variant = 'default', padding = 'md', onPress, style, }) => {
|
|
7
|
+
const { theme } = useMkTheme();
|
|
8
|
+
const variantStyle = variant === 'outlined'
|
|
9
|
+
? { borderWidth: 2, borderColor: theme.border, backgroundColor: 'transparent' }
|
|
10
|
+
: variant === 'elevated'
|
|
11
|
+
? { elevation: 4, shadowColor: '#000', shadowOpacity: 0.08, shadowRadius: 12, shadowOffset: { width: 0, height: 4 }, backgroundColor: theme.background }
|
|
12
|
+
: { borderWidth: 1, borderColor: theme.border, backgroundColor: theme.background };
|
|
13
|
+
const content = (_jsxs(View, { style: [styles.card, variantStyle, { padding: PADDING[padding], borderRadius: tokens.shared.radius }, style], children: [(title || headerRight) ? (_jsxs(View, { style: styles.header, children: [_jsxs(View, { style: { flex: 1 }, children: [title ? _jsx(Text, { style: [styles.title, { color: theme.foreground }], children: title }) : null, subtitle ? _jsx(Text, { style: [styles.subtitle, { color: theme.mutedForeground }], children: subtitle }) : null] }), headerRight ? _jsx(View, { children: headerRight }) : null] })) : null, _jsx(View, { children: children }), footer ? _jsx(View, { style: [styles.footer, { borderTopColor: theme.border }], children: footer }) : null] }));
|
|
14
|
+
if (onPress)
|
|
15
|
+
return _jsx(TouchableOpacity, { onPress: onPress, activeOpacity: 0.85, children: content });
|
|
16
|
+
return content;
|
|
17
|
+
};
|
|
18
|
+
const styles = StyleSheet.create({
|
|
19
|
+
card: { overflow: 'hidden' },
|
|
20
|
+
header: { flexDirection: 'row', justifyContent: 'space-between', alignItems: 'flex-start', marginBottom: 12 },
|
|
21
|
+
title: { fontSize: 16, fontWeight: '600' },
|
|
22
|
+
subtitle: { fontSize: 13, marginTop: 2 },
|
|
23
|
+
footer: { marginTop: 12, paddingTop: 12, borderTopWidth: 1 },
|
|
24
|
+
});
|
|
25
|
+
//# sourceMappingURL=MkCard.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"MkCard.js","sourceRoot":"","sources":["../../src/components/MkCard.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import type { ViewStyle } from 'react-native';
|
|
3
|
+
/**
|
|
4
|
+
* @module MkCheck
|
|
5
|
+
* @description Checkbox component for React Native. Same prop API as mk-web MkCheck.
|
|
6
|
+
*/
|
|
7
|
+
export interface MkCheckProps {
|
|
8
|
+
label?: string;
|
|
9
|
+
checked?: boolean;
|
|
10
|
+
indeterminate?: boolean;
|
|
11
|
+
onChange?: (checked: boolean) => void;
|
|
12
|
+
disabled?: boolean;
|
|
13
|
+
error?: string;
|
|
14
|
+
size?: 'sm' | 'md' | 'lg';
|
|
15
|
+
style?: ViewStyle;
|
|
16
|
+
}
|
|
17
|
+
export declare const MkCheck: React.FC<MkCheckProps>;
|
|
18
|
+
//# sourceMappingURL=MkCheck.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"MkCheck.d.ts","sourceRoot":"","sources":["../../src/components/MkCheck.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsB,MAAM,OAAO,CAAC;AAC3C,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAK9C;;;GAGG;AAEH,MAAM,WAAW,YAAY;IACzB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,QAAQ,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IACtC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,KAAK,CAAC,EAAE,SAAS,CAAC;CACrB;AAID,eAAO,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CAkD1C,CAAC"}
|
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { useCallback } from 'react';
|
|
3
|
+
import { TouchableOpacity, View, Text, StyleSheet } from 'react-native';
|
|
4
|
+
import { useMkTheme } from '../theme/MkThemeProvider';
|
|
5
|
+
import { tokens } from '@mk/core';
|
|
6
|
+
const SIZES = { sm: 16, md: 20, lg: 24 };
|
|
7
|
+
export const MkCheck = ({ label, checked = false, indeterminate = false, onChange, disabled = false, error, size = 'md', style, }) => {
|
|
8
|
+
const { theme } = useMkTheme();
|
|
9
|
+
const boxSize = SIZES[size];
|
|
10
|
+
const handlePress = useCallback(() => {
|
|
11
|
+
if (!disabled)
|
|
12
|
+
onChange === null || onChange === void 0 ? void 0 : onChange(!checked);
|
|
13
|
+
}, [checked, disabled, onChange]);
|
|
14
|
+
return (_jsxs(View, { style: [styles.container, style], children: [_jsxs(TouchableOpacity, { onPress: handlePress, disabled: disabled, activeOpacity: 0.7, style: styles.row, children: [_jsxs(View, { style: [
|
|
15
|
+
styles.checkbox,
|
|
16
|
+
{
|
|
17
|
+
width: boxSize,
|
|
18
|
+
height: boxSize,
|
|
19
|
+
borderColor: error ? theme.error : checked || indeterminate ? theme.primary : theme.border,
|
|
20
|
+
backgroundColor: checked || indeterminate ? theme.primary : theme.background,
|
|
21
|
+
borderRadius: tokens.shared.radius * 0.375,
|
|
22
|
+
},
|
|
23
|
+
disabled && { opacity: 0.5 },
|
|
24
|
+
], children: [checked && (_jsx(Text, { style: { color: theme.primaryForeground, fontSize: boxSize * 0.6, fontWeight: '700', lineHeight: boxSize * 0.7 }, children: "\u2713" })), indeterminate && !checked && (_jsx(View, { style: { width: boxSize * 0.5, height: 2, backgroundColor: theme.primaryForeground, borderRadius: 1 } }))] }), label ? _jsx(Text, { style: [styles.text, { color: theme.foreground }, disabled && { opacity: 0.5 }], children: label }) : null] }), error ? _jsx(Text, { style: [styles.errorText, { color: theme.error }], children: error }) : null] }));
|
|
25
|
+
};
|
|
26
|
+
const styles = StyleSheet.create({
|
|
27
|
+
container: { gap: 4 },
|
|
28
|
+
row: { flexDirection: 'row', alignItems: 'center', gap: 8 },
|
|
29
|
+
checkbox: { borderWidth: 2, alignItems: 'center', justifyContent: 'center' },
|
|
30
|
+
text: { fontSize: 14, lineHeight: 20 },
|
|
31
|
+
errorText: { fontSize: 12, fontWeight: '500', marginLeft: 28 },
|
|
32
|
+
});
|
|
33
|
+
//# sourceMappingURL=MkCheck.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"MkCheck.js","sourceRoot":"","sources":["../../src/components/MkCheck.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import type { ViewStyle } from 'react-native';
|
|
3
|
+
/**
|
|
4
|
+
* @module MkDatePicker (Mobile)
|
|
5
|
+
* @description Dependency-free DatePicker wrapper for React Native.
|
|
6
|
+
* Uses a dynamic import for `@react-native-community/datetimepicker` to show a modal picker.
|
|
7
|
+
*
|
|
8
|
+
* **Requires**: `npm install @react-native-community/datetimepicker`
|
|
9
|
+
*
|
|
10
|
+
* @example
|
|
11
|
+
* ```tsx
|
|
12
|
+
* <MkDatePicker
|
|
13
|
+
* label="Fecha de nacimiento"
|
|
14
|
+
* value="2000-01-01"
|
|
15
|
+
* onChange={setDate}
|
|
16
|
+
* />
|
|
17
|
+
* ```
|
|
18
|
+
*/
|
|
19
|
+
export interface MkDatePickerProps {
|
|
20
|
+
label?: string;
|
|
21
|
+
value?: string;
|
|
22
|
+
onChange?: (value: string) => void;
|
|
23
|
+
error?: string;
|
|
24
|
+
disabled?: boolean;
|
|
25
|
+
min?: string;
|
|
26
|
+
max?: string;
|
|
27
|
+
style?: ViewStyle;
|
|
28
|
+
}
|
|
29
|
+
export declare const MkDatePicker: React.FC<MkDatePickerProps>;
|
|
30
|
+
//# sourceMappingURL=MkDatePicker.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"MkDatePicker.d.ts","sourceRoot":"","sources":["../../src/components/MkDatePicker.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAgC,MAAM,OAAO,CAAC;AACrD,OAAO,KAAK,EAAE,SAAS,EAAC,MAAM,cAAc,CAAC;AAK7C;;;;;;;;;;;;;;;GAeG;AAEH,MAAM,WAAW,iBAAiB;IAC9B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,SAAS,CAAC;CACrB;AAgBD,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAgGpD,CAAC"}
|
|
@@ -0,0 +1,87 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
|
|
2
|
+
import { useCallback, useState } from 'react';
|
|
3
|
+
import { View, Text, TouchableOpacity, StyleSheet, Platform } from 'react-native';
|
|
4
|
+
import { useMkTheme } from '../theme/MkThemeProvider';
|
|
5
|
+
import { tokens } from '@mk/core';
|
|
6
|
+
const formatDate = (date) => {
|
|
7
|
+
const y = date.getFullYear();
|
|
8
|
+
const m = String(date.getMonth() + 1).padStart(2, '0');
|
|
9
|
+
const d = String(date.getDate()).padStart(2, '0');
|
|
10
|
+
return `${y}-${m}-${d}`;
|
|
11
|
+
};
|
|
12
|
+
const parseDate = (dateString) => {
|
|
13
|
+
if (!dateString)
|
|
14
|
+
return new Date();
|
|
15
|
+
const [y, m, d] = dateString.split('-').map(Number);
|
|
16
|
+
if (!y || !m || !d)
|
|
17
|
+
return new Date();
|
|
18
|
+
return new Date(y, m - 1, d);
|
|
19
|
+
};
|
|
20
|
+
export const MkDatePicker = ({ label, value, onChange, error, disabled = false, min, max, style, }) => {
|
|
21
|
+
const { theme } = useMkTheme();
|
|
22
|
+
const [show, setShow] = useState(false);
|
|
23
|
+
// Dynamic import to avoid crash if not installed
|
|
24
|
+
const [DateTimePicker, setDateTimePicker] = useState(null);
|
|
25
|
+
const [pickerError, setPickerError] = useState('');
|
|
26
|
+
const handlePress = useCallback(async () => {
|
|
27
|
+
if (disabled)
|
|
28
|
+
return;
|
|
29
|
+
try {
|
|
30
|
+
if (!DateTimePicker) {
|
|
31
|
+
const dtp = require('@react-native-community/datetimepicker');
|
|
32
|
+
setDateTimePicker(() => { var _a; return (_a = dtp.default) !== null && _a !== void 0 ? _a : dtp; });
|
|
33
|
+
}
|
|
34
|
+
setShow(true);
|
|
35
|
+
setPickerError('');
|
|
36
|
+
}
|
|
37
|
+
catch (e) {
|
|
38
|
+
setPickerError('⚠️ Falta instalar @react-native-community/datetimepicker');
|
|
39
|
+
}
|
|
40
|
+
}, [DateTimePicker, disabled]);
|
|
41
|
+
const handleDateChange = useCallback((event, selectedDate) => {
|
|
42
|
+
// Android dismisses immediately, iOS depends on display style
|
|
43
|
+
if (Platform.OS === 'android') {
|
|
44
|
+
setShow(false);
|
|
45
|
+
}
|
|
46
|
+
if (selectedDate && onChange) {
|
|
47
|
+
onChange(formatDate(selectedDate));
|
|
48
|
+
}
|
|
49
|
+
}, [onChange]);
|
|
50
|
+
const handleCloseIos = useCallback(() => {
|
|
51
|
+
setShow(false);
|
|
52
|
+
}, []);
|
|
53
|
+
const dateObj = value ? parseDate(value) : new Date();
|
|
54
|
+
const displayValue = value ? dateObj.toLocaleDateString() : 'Selecciona una fecha';
|
|
55
|
+
return (_jsxs(View, { style: [styles.container, style], children: [label ? _jsx(Text, { style: [styles.label, { color: theme.foreground }], children: label }) : null, _jsxs(TouchableOpacity, { onPress: handlePress, activeOpacity: 0.7, disabled: disabled, style: [
|
|
56
|
+
styles.input,
|
|
57
|
+
{
|
|
58
|
+
borderColor: error ? theme.error : theme.border,
|
|
59
|
+
backgroundColor: theme.background,
|
|
60
|
+
borderRadius: tokens.shared.radius,
|
|
61
|
+
},
|
|
62
|
+
disabled && styles.disabled,
|
|
63
|
+
], children: [_jsx(Text, { style: [styles.valueText, { color: value ? theme.foreground : theme.mutedForeground }], children: displayValue }), _jsx(Text, { style: { color: theme.mutedForeground, fontSize: 16 }, children: "\uD83D\uDCC5" })] }), error ? _jsx(Text, { style: [styles.errorText, { color: theme.error }], children: error }) : null, pickerError ? _jsx(Text, { style: [styles.errorText, { color: theme.error }], children: pickerError }) : null, show && DateTimePicker && (_jsxs(_Fragment, { children: [Platform.OS === 'ios' && (_jsx(View, { style: [styles.iosDoneBar, { backgroundColor: theme.muted, borderTopColor: theme.border }], children: _jsx(TouchableOpacity, { onPress: handleCloseIos, children: _jsx(Text, { style: { color: theme.primary, fontWeight: '600', padding: 8 }, children: "OK" }) }) })), _jsx(DateTimePicker, { value: dateObj, mode: "date", display: Platform.OS === 'ios' ? 'spinner' : 'default', onChange: handleDateChange, minimumDate: min ? parseDate(min) : undefined, maximumDate: max ? parseDate(max) : undefined, textColor: theme.foreground })] }))] }));
|
|
64
|
+
};
|
|
65
|
+
const styles = StyleSheet.create({
|
|
66
|
+
container: { gap: 6 },
|
|
67
|
+
label: { fontSize: 14, fontWeight: '500', opacity: 0.9 },
|
|
68
|
+
input: {
|
|
69
|
+
flexDirection: 'row',
|
|
70
|
+
alignItems: 'center',
|
|
71
|
+
justifyContent: 'space-between',
|
|
72
|
+
borderWidth: 1,
|
|
73
|
+
paddingHorizontal: 12,
|
|
74
|
+
height: 44,
|
|
75
|
+
},
|
|
76
|
+
valueText: { fontSize: 15 },
|
|
77
|
+
disabled: { opacity: 0.5 },
|
|
78
|
+
errorText: { fontSize: 12, fontWeight: '500' },
|
|
79
|
+
iosDoneBar: {
|
|
80
|
+
flexDirection: 'row',
|
|
81
|
+
justifyContent: 'flex-end',
|
|
82
|
+
borderTopWidth: 1,
|
|
83
|
+
paddingHorizontal: 8,
|
|
84
|
+
paddingVertical: 4,
|
|
85
|
+
},
|
|
86
|
+
});
|
|
87
|
+
//# sourceMappingURL=MkDatePicker.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"MkDatePicker.js","sourceRoot":"","sources":["../../src/components/MkDatePicker.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import type { ViewStyle } from 'react-native';
|
|
3
|
+
export interface MkDividerProps {
|
|
4
|
+
label?: string;
|
|
5
|
+
orientation?: 'horizontal' | 'vertical';
|
|
6
|
+
variant?: 'solid' | 'dashed' | 'dotted';
|
|
7
|
+
spacing?: 'sm' | 'md' | 'lg';
|
|
8
|
+
style?: ViewStyle;
|
|
9
|
+
}
|
|
10
|
+
export declare const MkDivider: React.FC<MkDividerProps>;
|
|
11
|
+
//# sourceMappingURL=MkDivider.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"MkDivider.d.ts","sourceRoot":"","sources":["../../src/components/MkDivider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAI9C,MAAM,WAAW,cAAc;IAC3B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,YAAY,GAAG,UAAU,CAAC;IACxC,OAAO,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,QAAQ,CAAC;IACxC,OAAO,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC7B,KAAK,CAAC,EAAE,SAAS,CAAC;CACrB;AAID,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAwC9C,CAAC"}
|