@umituz/react-native-design-system 1.4.2 → 1.4.3
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/lib/presentation/atoms/AtomicButton.d.ts +0 -1
- package/lib/presentation/atoms/AtomicButton.d.ts.map +1 -1
- package/lib/presentation/atoms/AtomicButton.js +6 -9
- package/lib/presentation/atoms/AtomicButton.js.map +1 -1
- package/lib/presentation/atoms/AtomicFab.d.ts +0 -1
- package/lib/presentation/atoms/AtomicFab.d.ts.map +1 -1
- package/lib/presentation/atoms/AtomicFab.js +4 -5
- package/lib/presentation/atoms/AtomicFab.js.map +1 -1
- package/lib/presentation/atoms/AtomicProgress.d.ts +0 -3
- package/lib/presentation/atoms/AtomicProgress.d.ts.map +1 -1
- package/lib/presentation/atoms/AtomicProgress.js +1 -2
- package/lib/presentation/atoms/AtomicProgress.js.map +1 -1
- package/lib/presentation/atoms/AtomicTouchable.d.ts +1 -11
- package/lib/presentation/atoms/AtomicTouchable.d.ts.map +1 -1
- package/lib/presentation/atoms/AtomicTouchable.js +6 -19
- package/lib/presentation/atoms/AtomicTouchable.js.map +1 -1
- package/lib/presentation/atoms/fab/types/index.d.ts +0 -5
- package/lib/presentation/atoms/fab/types/index.d.ts.map +1 -1
- package/lib/presentation/atoms/index.d.ts +1 -4
- package/lib/presentation/atoms/index.d.ts.map +1 -1
- package/lib/presentation/atoms/index.js +0 -3
- package/lib/presentation/atoms/index.js.map +1 -1
- package/lib/presentation/atoms/touchable/styles/touchableStyles.d.ts +0 -5
- package/lib/presentation/atoms/touchable/styles/touchableStyles.d.ts.map +1 -1
- package/lib/presentation/atoms/touchable/styles/touchableStyles.js +0 -8
- package/lib/presentation/atoms/touchable/styles/touchableStyles.js.map +1 -1
- package/lib/presentation/atoms/touchable/types/index.d.ts +1 -7
- package/lib/presentation/atoms/touchable/types/index.d.ts.map +1 -1
- package/package.json +1 -1
- package/src/presentation/atoms/AtomicButton.tsx +5 -16
- package/src/presentation/atoms/AtomicFab.tsx +3 -9
- package/src/presentation/atoms/AtomicProgress.tsx +0 -4
- package/src/presentation/atoms/AtomicTouchable.tsx +3 -27
- package/src/presentation/atoms/fab/types/index.ts +0 -6
- package/src/presentation/atoms/index.ts +0 -12
- package/src/presentation/atoms/touchable/styles/touchableStyles.ts +0 -9
- package/src/presentation/atoms/touchable/types/index.ts +1 -8
- package/lib/presentation/atoms/AtomicSkeleton.d.ts +0 -37
- package/lib/presentation/atoms/AtomicSkeleton.d.ts.map +0 -1
- package/lib/presentation/atoms/AtomicSkeleton.js +0 -53
- package/lib/presentation/atoms/AtomicSkeleton.js.map +0 -1
- package/src/presentation/atoms/AtomicSkeleton.tsx +0 -95
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AtomicButton.d.ts","sourceRoot":"","sources":["../../../src/presentation/atoms/AtomicButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAc,SAAS,EAAE,SAAS,EAAE,SAAS,
|
|
1
|
+
{"version":3,"file":"AtomicButton.d.ts","sourceRoot":"","sources":["../../../src/presentation/atoms/AtomicButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAc,SAAS,EAAE,SAAS,EAAE,SAAS,EAA0B,MAAM,cAAc,CAAC;AAInG,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,oDAAoD,CAAC;AAEnF,MAAM,MAAM,aAAa,GAAG,SAAS,GAAG,WAAW,GAAG,SAAS,GAAG,MAAM,GAAG,QAAQ,CAAC;AACpF,MAAM,MAAM,UAAU,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAE5C,MAAM,WAAW,iBAAiB;IAChC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,SAAS,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IACjC,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAwLpD,CAAC;AA2BF,YAAY,EAAE,iBAAiB,IAAI,WAAW,EAAE,CAAC"}
|
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import { StyleSheet, TouchableOpacity,
|
|
2
|
+
import { StyleSheet, TouchableOpacity, View } from 'react-native';
|
|
3
3
|
import { AtomicText } from './AtomicText';
|
|
4
4
|
import { Icon } from '../../domains/icons/presentation/components/Icon';
|
|
5
5
|
import { useAppDesignTokens } from '../hooks/useAppDesignTokens';
|
|
6
|
-
export const AtomicButton = ({ title, children, onPress, variant = 'primary', size = 'md', disabled = false,
|
|
6
|
+
export const AtomicButton = ({ title, children, onPress, variant = 'primary', size = 'md', disabled = false, icon, fullWidth = false, style, textStyle, testID, }) => {
|
|
7
7
|
const tokens = useAppDesignTokens();
|
|
8
8
|
const handlePress = () => {
|
|
9
|
-
if (!disabled
|
|
9
|
+
if (!disabled) {
|
|
10
10
|
onPress();
|
|
11
11
|
}
|
|
12
12
|
};
|
|
@@ -133,11 +133,11 @@ export const AtomicButton = ({ title, children, onPress, variant = 'primary', si
|
|
|
133
133
|
textStyle,
|
|
134
134
|
];
|
|
135
135
|
const buttonText = title || children;
|
|
136
|
-
const showIcon = icon
|
|
136
|
+
const showIcon = icon;
|
|
137
137
|
const iconColor = variantStyles.text.color;
|
|
138
|
-
return (<TouchableOpacity style={containerStyle} onPress={handlePress} activeOpacity={0.8} disabled={disabled
|
|
138
|
+
return (<TouchableOpacity style={containerStyle} onPress={handlePress} activeOpacity={0.8} disabled={disabled} testID={testID}>
|
|
139
139
|
<View style={styles.content}>
|
|
140
|
-
{
|
|
140
|
+
{showIcon ? (<Icon name={icon} customSize={config.iconSize} customColor={typeof iconColor === 'string' ? iconColor : undefined} style={styles.icon}/>) : null}
|
|
141
141
|
|
|
142
142
|
<AtomicText style={buttonTextStyle}>
|
|
143
143
|
{buttonText}
|
|
@@ -168,8 +168,5 @@ const styles = StyleSheet.create({
|
|
|
168
168
|
icon: {
|
|
169
169
|
marginRight: 8,
|
|
170
170
|
},
|
|
171
|
-
loader: {
|
|
172
|
-
marginRight: 8,
|
|
173
|
-
},
|
|
174
171
|
});
|
|
175
172
|
//# sourceMappingURL=AtomicButton.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AtomicButton.js","sourceRoot":"","sources":["../../../src/presentation/atoms/AtomicButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,UAAU,EAAmC,gBAAgB,EAAE,
|
|
1
|
+
{"version":3,"file":"AtomicButton.js","sourceRoot":"","sources":["../../../src/presentation/atoms/AtomicButton.tsx"],"names":[],"mappings":"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"}
|
|
@@ -29,7 +29,6 @@ export { FAB_SIZES, getFabVariants, getFabIconSize, getFabBorder };
|
|
|
29
29
|
* - Material Design 3 sizes (sm: 40px, md: 56px, lg: 72px)
|
|
30
30
|
* - Three variants: primary, secondary, surface
|
|
31
31
|
* - Responsive positioning (above tab bar, safe area aware)
|
|
32
|
-
* - Loading state with spinner
|
|
33
32
|
* - Disabled state with opacity
|
|
34
33
|
* - Theme-aware colors from design tokens
|
|
35
34
|
* - Border for depth (no shadows per CLAUDE.md)
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AtomicFab.d.ts","sourceRoot":"","sources":["../../../src/presentation/atoms/AtomicFab.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,OAAO,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAC7C,OAAO,EACL,SAAS,EACT,cAAc,EACd,cAAc,EACd,YAAY,EACb,MAAM,wBAAwB,CAAC;AAEhC,YAAY,EAAE,OAAO,EAAE,UAAU,EAAE,gBAAgB,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AACxG,OAAO,EAAE,SAAS,EAAE,cAAc,EAAE,cAAc,EAAE,YAAY,EAAE,CAAC;AAEnE
|
|
1
|
+
{"version":3,"file":"AtomicFab.d.ts","sourceRoot":"","sources":["../../../src/presentation/atoms/AtomicFab.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,OAAO,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAC7C,OAAO,EACL,SAAS,EACT,cAAc,EACd,cAAc,EACd,YAAY,EACb,MAAM,wBAAwB,CAAC;AAEhC,YAAY,EAAE,OAAO,EAAE,UAAU,EAAE,gBAAgB,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AACxG,OAAO,EAAE,SAAS,EAAE,cAAc,EAAE,cAAc,EAAE,YAAY,EAAE,CAAC;AAEnE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6BG;AACH,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAmD9C,CAAC"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import { TouchableOpacity,
|
|
2
|
+
import { TouchableOpacity, StyleSheet } from 'react-native';
|
|
3
3
|
import { useAppDesignTokens } from '../hooks/useAppDesignTokens';
|
|
4
4
|
import { useResponsive } from '../hooks/useResponsive';
|
|
5
5
|
import { AtomicIcon } from './AtomicIcon';
|
|
@@ -31,15 +31,14 @@ export { FAB_SIZES, getFabVariants, getFabIconSize, getFabBorder };
|
|
|
31
31
|
* - Material Design 3 sizes (sm: 40px, md: 56px, lg: 72px)
|
|
32
32
|
* - Three variants: primary, secondary, surface
|
|
33
33
|
* - Responsive positioning (above tab bar, safe area aware)
|
|
34
|
-
* - Loading state with spinner
|
|
35
34
|
* - Disabled state with opacity
|
|
36
35
|
* - Theme-aware colors from design tokens
|
|
37
36
|
* - Border for depth (no shadows per CLAUDE.md)
|
|
38
37
|
*/
|
|
39
|
-
export const AtomicFab = ({ icon, onPress, variant = 'primary', size = 'md', disabled = false,
|
|
38
|
+
export const AtomicFab = ({ icon, onPress, variant = 'primary', size = 'md', disabled = false, style, testID, accessibilityLabel, }) => {
|
|
40
39
|
const tokens = useAppDesignTokens();
|
|
41
40
|
const responsive = useResponsive();
|
|
42
|
-
const isDisabled = disabled
|
|
41
|
+
const isDisabled = disabled;
|
|
43
42
|
// Get configurations
|
|
44
43
|
const sizeConfig = FAB_SIZES[size];
|
|
45
44
|
const variants = getFabVariants(tokens);
|
|
@@ -63,7 +62,7 @@ export const AtomicFab = ({ icon, onPress, variant = 'primary', size = 'md', dis
|
|
|
63
62
|
style, // Custom style override
|
|
64
63
|
]);
|
|
65
64
|
return (<TouchableOpacity style={fabStyle} onPress={onPress} disabled={isDisabled} activeOpacity={0.7} testID={testID} accessibilityLabel={accessibilityLabel || `${icon} button`} accessibilityRole="button">
|
|
66
|
-
|
|
65
|
+
<AtomicIcon name={icon} size={iconSize} customColor={variantConfig.iconColor}/>
|
|
67
66
|
</TouchableOpacity>);
|
|
68
67
|
};
|
|
69
68
|
//# sourceMappingURL=AtomicFab.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AtomicFab.js","sourceRoot":"","sources":["../../../src/presentation/atoms/AtomicFab.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,gBAAgB,EAAE,
|
|
1
|
+
{"version":3,"file":"AtomicFab.js","sourceRoot":"","sources":["../../../src/presentation/atoms/AtomicFab.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,gBAAgB,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC5D,OAAO,EAAE,kBAAkB,EAAE,MAAM,6BAA6B,CAAC;AACjE,OAAO,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AACvD,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAE1C,OAAO,EACL,SAAS,EACT,cAAc,EACd,cAAc,EACd,YAAY,GACb,MAAM,wBAAwB,CAAC;AAGhC,OAAO,EAAE,SAAS,EAAE,cAAc,EAAE,cAAc,EAAE,YAAY,EAAE,CAAC;AAEnE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6BG;AACH,MAAM,CAAC,MAAM,SAAS,GAA6B,CAAC,EAClD,IAAI,EACJ,OAAO,EACP,OAAO,GAAG,SAAS,EACnB,IAAI,GAAG,IAAI,EACX,QAAQ,GAAG,KAAK,EAChB,KAAK,EACL,MAAM,EACN,kBAAkB,GACnB,EAAE,EAAE;IACH,MAAM,MAAM,GAAG,kBAAkB,EAAE,CAAC;IACpC,MAAM,UAAU,GAAG,aAAa,EAAE,CAAC;IACnC,MAAM,UAAU,GAAG,QAAQ,CAAC;IAE5B,qBAAqB;IACrB,MAAM,UAAU,GAAG,SAAS,CAAC,IAA0B,CAAC,CAAC;IACzD,MAAM,QAAQ,GAAG,cAAc,CAAC,MAAM,CAAC,CAAC;IACxC,MAAM,aAAa,GAAG,QAAQ,CAAC,OAA8C,CAAC,CAAC;IAC/E,MAAM,QAAQ,GAAG,cAAc,CAAC,IAA0B,CAAC,CAAC;IAE5D,iBAAiB;IACjB,MAAM,QAAQ,GAAG,UAAU,CAAC,OAAO,CAAC;QAClC;YACE,QAAQ,EAAE,UAAmB;YAC7B,MAAM,EAAE,UAAU,CAAC,WAAW,CAAC,MAAM;YACrC,KAAK,EAAE,UAAU,CAAC,WAAW,CAAC,KAAK;YACnC,KAAK,EAAE,UAAU,CAAC,KAAK;YACvB,MAAM,EAAE,UAAU,CAAC,MAAM;YACzB,YAAY,EAAE,UAAU,CAAC,YAAY;YACrC,eAAe,EAAE,aAAa,CAAC,eAAe;YAC9C,UAAU,EAAE,QAAiB;YAC7B,cAAc,EAAE,QAAiB;SAClC;QACD,YAAY,CAAC,MAAM,CAAC;QACpB,UAAU,CAAC,CAAC,CAAC,EAAE,OAAO,EAAE,MAAM,CAAC,OAAO,CAAC,QAAQ,EAAE,CAAC,CAAC,CAAC,SAAS;QAC7D,KAAK,EAAE,wBAAwB;KAChC,CAAC,CAAC;IAEH,OAAO,CACL,CAAC,gBAAgB,CACf,KAAK,CAAC,CAAC,QAAQ,CAAC,CAChB,OAAO,CAAC,CAAC,OAAO,CAAC,CACjB,QAAQ,CAAC,CAAC,UAAU,CAAC,CACrB,aAAa,CAAC,CAAC,GAAG,CAAC,CACnB,MAAM,CAAC,CAAC,MAAM,CAAC,CACf,kBAAkB,CAAC,CAAC,kBAAkB,IAAI,GAAG,IAAI,SAAS,CAAC,CAC3D,iBAAiB,CAAC,QAAQ,CAE1B;MAAA,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,CAAC,QAAQ,CAAC,CAAC,WAAW,CAAC,CAAC,aAAa,CAAC,SAAS,CAAC,EAC/E;IAAA,EAAE,gBAAgB,CAAC,CACpB,CAAC;AACJ,CAAC,CAAC"}
|
|
@@ -10,7 +10,6 @@
|
|
|
10
10
|
* Usage:
|
|
11
11
|
* - File upload progress
|
|
12
12
|
* - Task completion progress
|
|
13
|
-
* - Loading progress
|
|
14
13
|
* - Achievement progress
|
|
15
14
|
* - Form completion
|
|
16
15
|
*/
|
|
@@ -35,8 +34,6 @@ export interface AtomicProgressProps {
|
|
|
35
34
|
showValue?: boolean;
|
|
36
35
|
/** Custom text color */
|
|
37
36
|
textColor?: string;
|
|
38
|
-
/** Animation duration in milliseconds */
|
|
39
|
-
animationDuration?: number;
|
|
40
37
|
/** Style overrides */
|
|
41
38
|
style?: ViewStyle | ViewStyle[];
|
|
42
39
|
/** Test ID for testing */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AtomicProgress.d.ts","sourceRoot":"","sources":["../../../src/presentation/atoms/AtomicProgress.tsx"],"names":[],"mappings":"AAAA
|
|
1
|
+
{"version":3,"file":"AtomicProgress.d.ts","sourceRoot":"","sources":["../../../src/presentation/atoms/AtomicProgress.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAoB,SAAS,EAAwB,MAAM,cAAc,CAAC;AAOjF,MAAM,WAAW,mBAAmB;IAClC,6BAA6B;IAC7B,KAAK,EAAE,MAAM,CAAC;IACd,0BAA0B;IAC1B,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,yBAAyB;IACzB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,yBAAyB;IACzB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,uBAAuB;IACvB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,yBAAyB;IACzB,KAAK,CAAC,EAAE,SAAS,GAAG,QAAQ,CAAC;IAC7B,sCAAsC;IACtC,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,iCAAiC;IACjC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,wBAAwB;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,sBAAsB;IACtB,KAAK,CAAC,EAAE,SAAS,GAAG,SAAS,EAAE,CAAC;IAChC,0BAA0B;IAC1B,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAMD,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CA+DxD,CAAC;AAsBF,eAAe,cAAc,CAAC"}
|
|
@@ -10,7 +10,6 @@
|
|
|
10
10
|
* Usage:
|
|
11
11
|
* - File upload progress
|
|
12
12
|
* - Task completion progress
|
|
13
|
-
* - Loading progress
|
|
14
13
|
* - Achievement progress
|
|
15
14
|
* - Form completion
|
|
16
15
|
*/
|
|
@@ -20,7 +19,7 @@ import { useAppDesignTokens } from '../hooks/useAppDesignTokens';
|
|
|
20
19
|
// =============================================================================
|
|
21
20
|
// COMPONENT IMPLEMENTATION
|
|
22
21
|
// =============================================================================
|
|
23
|
-
export const AtomicProgress = ({ value, height = 8, width = '100%', color, backgroundColor, shape = 'rounded', showPercentage = false, showValue = false, textColor,
|
|
22
|
+
export const AtomicProgress = ({ value, height = 8, width = '100%', color, backgroundColor, shape = 'rounded', showPercentage = false, showValue = false, textColor, style, testID, }) => {
|
|
24
23
|
const tokens = useAppDesignTokens();
|
|
25
24
|
// Clamp value between 0 and 100
|
|
26
25
|
const clampedValue = Math.max(0, Math.min(100, value));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AtomicProgress.js","sourceRoot":"","sources":["../../../src/presentation/atoms/AtomicProgress.tsx"],"names":[],"mappings":"AAAA
|
|
1
|
+
{"version":3,"file":"AtomicProgress.js","sourceRoot":"","sources":["../../../src/presentation/atoms/AtomicProgress.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,IAAI,EAAE,UAAU,EAA6B,IAAI,EAAE,MAAM,cAAc,CAAC;AACjF,OAAO,EAAE,kBAAkB,EAAE,MAAM,6BAA6B,CAAC;AA+BjE,gFAAgF;AAChF,2BAA2B;AAC3B,gFAAgF;AAEhF,MAAM,CAAC,MAAM,cAAc,GAAkC,CAAC,EAC5D,KAAK,EACL,MAAM,GAAG,CAAC,EACV,KAAK,GAAG,MAAM,EACd,KAAK,EACL,eAAe,EACf,KAAK,GAAG,SAAS,EACjB,cAAc,GAAG,KAAK,EACtB,SAAS,GAAG,KAAK,EACjB,SAAS,EACT,KAAK,EACL,MAAM,GACP,EAAE,EAAE;IACH,MAAM,MAAM,GAAG,kBAAkB,EAAE,CAAC;IAEpC,gCAAgC;IAChC,MAAM,YAAY,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,GAAG,CAAC,GAAG,EAAE,KAAK,CAAC,CAAC,CAAC;IAEvD,iBAAiB;IACjB,MAAM,aAAa,GAAG,KAAK,IAAI,MAAM,CAAC,MAAM,CAAC,OAAO,CAAC;IACrD,MAAM,kBAAkB,GAAG,eAAe,IAAI,MAAM,CAAC,MAAM,CAAC,cAAc,CAAC;IAC3E,MAAM,iBAAiB,GAAG,SAAS,IAAI,MAAM,CAAC,MAAM,CAAC,WAAW,CAAC;IAEjE,2BAA2B;IAC3B,MAAM,aAAa,GAAG,GAAG,YAAY,GAAG,CAAC;IAEzC,+BAA+B;IAC/B,MAAM,YAAY,GAAG,KAAK,KAAK,SAAS,CAAC,CAAC,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;IAE1D,MAAM,cAAc,GAAc;QAChC,KAAK,EAAE,KAAuB;QAC9B,MAAM;QACN,eAAe,EAAE,kBAAkB;QACnC,YAAY;QACZ,QAAQ,EAAE,QAAQ;KACnB,CAAC;IAEF,MAAM,aAAa,GAAc;QAC/B,KAAK,EAAE,aAA+B;QACtC,MAAM,EAAE,MAAwB;QAChC,eAAe,EAAE,aAAa;QAC9B,YAAY;KACb,CAAC;IAEF,MAAM,SAAS,GAAG;QAChB,QAAQ,EAAE,MAAM,CAAC,UAAU,CAAC,SAAS,CAAC,QAAQ;QAC9C,UAAU,EAAE,MAAM,CAAC,UAAU,CAAC,WAAW,CAAC,UAAU;QACpD,KAAK,EAAE,iBAAiB;QACxB,SAAS,EAAE,QAAiB;KAC7B,CAAC;IAEF,OAAO,CACL,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,cAAc,EAAE,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,MAAM,CAAC,CACnD;MAAA,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,aAAa,CAAC,EAC3B;MAAA,CAAC,CAAC,cAAc,IAAI,SAAS,CAAC,IAAI,CAChC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,aAAa,CAAC,CAChC;UAAA,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,SAAS,CAAC,CACrB;YAAA,CAAC,cAAc,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC,YAAY,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC,YAAY,CAAC,EAAE,CAClF;UAAA,EAAE,IAAI,CACR;QAAA,EAAE,IAAI,CAAC,CACR,CACH;IAAA,EAAE,IAAI,CAAC,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,gFAAgF;AAChF,SAAS;AACT,gFAAgF;AAEhF,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;IAC/B,aAAa,EAAE;QACb,QAAQ,EAAE,UAAU;QACpB,GAAG,EAAE,CAAC;QACN,IAAI,EAAE,CAAC;QACP,KAAK,EAAE,CAAC;QACR,MAAM,EAAE,CAAC;QACT,cAAc,EAAE,QAAQ;QACxB,UAAU,EAAE,QAAQ;KACrB;CACF,CAAC,CAAC;AAEH,gFAAgF;AAChF,UAAU;AACV,gFAAgF;AAEhF,eAAe,cAAc,CAAC"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { AtomicTouchableProps, TouchableFeedback, FeedbackStrength } from './touchable/types';
|
|
3
3
|
export type { AtomicTouchableProps, TouchableFeedback, FeedbackStrength, HitSlop, } from './touchable/types';
|
|
4
|
-
export { getOpacityValue, getTouchableContainerStyle, getDisabledStyle,
|
|
4
|
+
export { getOpacityValue, getTouchableContainerStyle, getDisabledStyle, normalizeHitSlop, } from './touchable/styles/touchableStyles';
|
|
5
5
|
/**
|
|
6
6
|
* AtomicTouchable - Unified Touchable Component
|
|
7
7
|
*
|
|
@@ -11,7 +11,6 @@ export { getOpacityValue, getTouchableContainerStyle, getDisabledStyle, getLoadi
|
|
|
11
11
|
* Features:
|
|
12
12
|
* - Multiple feedback variants (opacity, highlight, ripple, none)
|
|
13
13
|
* - Configurable feedback strength (subtle, normal, strong)
|
|
14
|
-
* - Loading state with indicator
|
|
15
14
|
* - Disabled state with visual feedback
|
|
16
15
|
* - Hit slop customization for small touch targets
|
|
17
16
|
* - Minimum 48x48 touch target (iOS HIG compliance)
|
|
@@ -25,15 +24,6 @@ export { getOpacityValue, getTouchableContainerStyle, getDisabledStyle, getLoadi
|
|
|
25
24
|
* <AtomicText>Press Me</AtomicText>
|
|
26
25
|
* </AtomicTouchable>
|
|
27
26
|
*
|
|
28
|
-
* // With loading state
|
|
29
|
-
* <AtomicTouchable
|
|
30
|
-
* onPress={handleSubmit}
|
|
31
|
-
* loading={isSubmitting}
|
|
32
|
-
* feedback="highlight"
|
|
33
|
-
* >
|
|
34
|
-
* <AtomicText>Submit</AtomicText>
|
|
35
|
-
* </AtomicTouchable>
|
|
36
|
-
*
|
|
37
27
|
* // With custom hit slop (extends touch area)
|
|
38
28
|
* <AtomicTouchable
|
|
39
29
|
* onPress={handlePress}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AtomicTouchable.d.ts","sourceRoot":"","sources":["../../../src/presentation/atoms/AtomicTouchable.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAE,oBAAoB,EAAE,iBAAiB,EAAE,gBAAgB,EAAE,MAAM,mBAAmB,CAAC;
|
|
1
|
+
{"version":3,"file":"AtomicTouchable.d.ts","sourceRoot":"","sources":["../../../src/presentation/atoms/AtomicTouchable.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAE,oBAAoB,EAAE,iBAAiB,EAAE,gBAAgB,EAAE,MAAM,mBAAmB,CAAC;AAQ9F,YAAY,EACV,oBAAoB,EACpB,iBAAiB,EACjB,gBAAgB,EAChB,OAAO,GACR,MAAM,mBAAmB,CAAC;AAE3B,OAAO,EACL,eAAe,EACf,0BAA0B,EAC1B,gBAAgB,EAChB,gBAAgB,GACjB,MAAM,oCAAoC,CAAC;AAE5C;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+BG;AACH,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CA2G1D,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,gBAAgB;IAC3B;;OAEG;;kBAEsB,iBAAiB;kBAClB,gBAAgB;;IAGxC;;OAEG;;kBAEqB,iBAAiB;kBACjB,gBAAgB;;IAGxC;;OAEG;;kBAEsB,iBAAiB;kBAClB,gBAAgB;;IAGxC;;OAEG;;kBAEsB,iBAAiB;kBAClB,gBAAgB;;IAGxC;;OAEG;;kBAEmB,iBAAiB;;CAExC,CAAC"}
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import { Pressable
|
|
2
|
+
import { Pressable } from 'react-native';
|
|
3
3
|
import { useAppDesignTokens } from '../hooks/useAppDesignTokens';
|
|
4
|
-
import { getOpacityValue, getTouchableContainerStyle, getDisabledStyle,
|
|
5
|
-
export { getOpacityValue, getTouchableContainerStyle, getDisabledStyle,
|
|
4
|
+
import { getOpacityValue, getTouchableContainerStyle, getDisabledStyle, normalizeHitSlop, } from './touchable/styles/touchableStyles';
|
|
5
|
+
export { getOpacityValue, getTouchableContainerStyle, getDisabledStyle, normalizeHitSlop, } from './touchable/styles/touchableStyles';
|
|
6
6
|
/**
|
|
7
7
|
* AtomicTouchable - Unified Touchable Component
|
|
8
8
|
*
|
|
@@ -12,7 +12,6 @@ export { getOpacityValue, getTouchableContainerStyle, getDisabledStyle, getLoadi
|
|
|
12
12
|
* Features:
|
|
13
13
|
* - Multiple feedback variants (opacity, highlight, ripple, none)
|
|
14
14
|
* - Configurable feedback strength (subtle, normal, strong)
|
|
15
|
-
* - Loading state with indicator
|
|
16
15
|
* - Disabled state with visual feedback
|
|
17
16
|
* - Hit slop customization for small touch targets
|
|
18
17
|
* - Minimum 48x48 touch target (iOS HIG compliance)
|
|
@@ -26,15 +25,6 @@ export { getOpacityValue, getTouchableContainerStyle, getDisabledStyle, getLoadi
|
|
|
26
25
|
* <AtomicText>Press Me</AtomicText>
|
|
27
26
|
* </AtomicTouchable>
|
|
28
27
|
*
|
|
29
|
-
* // With loading state
|
|
30
|
-
* <AtomicTouchable
|
|
31
|
-
* onPress={handleSubmit}
|
|
32
|
-
* loading={isSubmitting}
|
|
33
|
-
* feedback="highlight"
|
|
34
|
-
* >
|
|
35
|
-
* <AtomicText>Submit</AtomicText>
|
|
36
|
-
* </AtomicTouchable>
|
|
37
|
-
*
|
|
38
28
|
* // With custom hit slop (extends touch area)
|
|
39
29
|
* <AtomicTouchable
|
|
40
30
|
* onPress={handlePress}
|
|
@@ -45,10 +35,10 @@ export { getOpacityValue, getTouchableContainerStyle, getDisabledStyle, getLoadi
|
|
|
45
35
|
* </AtomicTouchable>
|
|
46
36
|
* ```
|
|
47
37
|
*/
|
|
48
|
-
export const AtomicTouchable = ({ children, onPress, onPressIn, onPressOut, onLongPress, feedback = 'opacity', strength = 'normal', disabled = false,
|
|
38
|
+
export const AtomicTouchable = ({ children, onPress, onPressIn, onPressOut, onLongPress, feedback = 'opacity', strength = 'normal', disabled = false, hitSlop, style, pressedStyle, disabledStyle, accessibilityLabel, accessibilityHint, accessibilityRole = 'button', testID, delayLongPress = 500, rippleColor, rippleRadius = 0, }) => {
|
|
49
39
|
const tokens = useAppDesignTokens();
|
|
50
40
|
// Determine if touchable should be disabled
|
|
51
|
-
const isDisabled = disabled
|
|
41
|
+
const isDisabled = disabled;
|
|
52
42
|
// Get opacity value based on strength
|
|
53
43
|
const opacityValue = getOpacityValue(strength);
|
|
54
44
|
// Normalize hit slop
|
|
@@ -102,11 +92,8 @@ export const AtomicTouchable = ({ children, onPress, onPressIn, onPressOut, onLo
|
|
|
102
92
|
: undefined;
|
|
103
93
|
return (<Pressable onPress={isDisabled ? undefined : onPress} onPressIn={isDisabled ? undefined : onPressIn} onPressOut={isDisabled ? undefined : onPressOut} onLongPress={isDisabled ? undefined : onLongPress} delayLongPress={delayLongPress} disabled={isDisabled} hitSlop={normalizedHitSlop} style={getPressedStyle} android_ripple={androidRippleConfig} accessibilityLabel={accessibilityLabel} accessibilityHint={accessibilityHint} accessibilityRole={accessibilityRole} accessibilityState={{
|
|
104
94
|
disabled: isDisabled,
|
|
105
|
-
busy: loading,
|
|
106
95
|
}} testID={testID}>
|
|
107
|
-
{
|
|
108
|
-
<ActivityIndicator size="small" color={tokens.colors.primary} testID={`${testID}-loading`}/>
|
|
109
|
-
</View>) : (children)}
|
|
96
|
+
{children}
|
|
110
97
|
</Pressable>);
|
|
111
98
|
};
|
|
112
99
|
/**
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AtomicTouchable.js","sourceRoot":"","sources":["../../../src/presentation/atoms/AtomicTouchable.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,SAAS,
|
|
1
|
+
{"version":3,"file":"AtomicTouchable.js","sourceRoot":"","sources":["../../../src/presentation/atoms/AtomicTouchable.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/presentation/atoms/fab/types/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEpD;;;GAGG;AACH,MAAM,MAAM,OAAO,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAEzC;;;;;GAKG;AACH,MAAM,MAAM,UAAU,GAAG,SAAS,GAAG,WAAW,GAAG,SAAS,CAAC;AAE7D;;GAEG;AACH,MAAM,WAAW,gBAAgB;IAC/B,eAAe,EAAE,MAAM,CAAC;IACxB,SAAS,EAAE,MAAM,CAAC;CACnB;AAED;;GAEG;AACH,MAAM,WAAW,aAAa;IAC5B,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,YAAY,EAAE,MAAM,CAAC;CACtB;AAED;;GAEG;AACH,MAAM,WAAW,cAAc;IAC7B;;;;OAIG;IACH,IAAI,EAAE,MAAM,CAAC;IAEb;;OAEG;IACH,OAAO,EAAE,MAAM,IAAI,CAAC;IAEpB;;;OAGG;IACH,OAAO,CAAC,EAAE,UAAU,CAAC;IAErB;;;OAGG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IAEf;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/presentation/atoms/fab/types/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEpD;;;GAGG;AACH,MAAM,MAAM,OAAO,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAEzC;;;;;GAKG;AACH,MAAM,MAAM,UAAU,GAAG,SAAS,GAAG,WAAW,GAAG,SAAS,CAAC;AAE7D;;GAEG;AACH,MAAM,WAAW,gBAAgB;IAC/B,eAAe,EAAE,MAAM,CAAC;IACxB,SAAS,EAAE,MAAM,CAAC;CACnB;AAED;;GAEG;AACH,MAAM,WAAW,aAAa;IAC5B,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,YAAY,EAAE,MAAM,CAAC;CACtB;AAED;;GAEG;AACH,MAAM,WAAW,cAAc;IAC7B;;;;OAIG;IACH,IAAI,EAAE,MAAM,CAAC;IAEb;;OAEG;IACH,OAAO,EAAE,MAAM,IAAI,CAAC;IAEpB;;;OAGG;IACH,OAAO,CAAC,EAAE,UAAU,CAAC;IAErB;;;OAGG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IAEf;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAE7B;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAEhB;;OAEG;IACH,kBAAkB,CAAC,EAAE,MAAM,CAAC;CAC7B"}
|
|
@@ -27,7 +27,6 @@ import { AtomicFormError, type AtomicFormErrorProps } from './AtomicFormError';
|
|
|
27
27
|
import { AtomicAvatar, type AtomicAvatarProps } from './AtomicAvatar';
|
|
28
28
|
import { AtomicChip, type AtomicChipProps } from './AtomicChip';
|
|
29
29
|
import { AtomicDivider, type AtomicDividerProps } from './AtomicDivider';
|
|
30
|
-
import { AtomicSkeleton, type AtomicSkeletonProps } from './AtomicSkeleton';
|
|
31
30
|
import { AtomicProgress, type AtomicProgressProps } from './AtomicProgress';
|
|
32
31
|
import { AtomicAvatarGroup, type AtomicAvatarGroupProps, type AvatarData } from './AtomicAvatarGroup';
|
|
33
32
|
import { AtomicFab, type AtomicFabProps, type FabSize, type FabVariant, getFabVariants } from './AtomicFab';
|
|
@@ -45,7 +44,6 @@ export { AtomicFormError, type AtomicFormErrorProps, };
|
|
|
45
44
|
export { AtomicAvatar, type AtomicAvatarProps, };
|
|
46
45
|
export { AtomicChip, type AtomicChipProps, };
|
|
47
46
|
export { AtomicDivider, type AtomicDividerProps, };
|
|
48
|
-
export { AtomicSkeleton, type AtomicSkeletonProps, };
|
|
49
47
|
export { AtomicProgress, type AtomicProgressProps, };
|
|
50
48
|
export { AtomicAvatarGroup, type AtomicAvatarGroupProps, type AvatarData, };
|
|
51
49
|
export { AtomicFab, type AtomicFabProps, type FabSize, type FabVariant, getFabVariants, };
|
|
@@ -54,7 +52,7 @@ export { AtomicTouchable, type AtomicTouchableProps, type TouchableFeedback, typ
|
|
|
54
52
|
/**
|
|
55
53
|
* Convenience re-exports for common patterns
|
|
56
54
|
*/
|
|
57
|
-
export type AtomicComponentProps = AtomicButtonProps | AtomicTextProps | AtomicCardProps | AtomicInputProps | AtomicIconProps | AtomicImageProps | AtomicSwitchProps | AtomicBadgeProps | AtomicFormErrorProps | AtomicAvatarProps | AtomicChipProps | AtomicDividerProps |
|
|
55
|
+
export type AtomicComponentProps = AtomicButtonProps | AtomicTextProps | AtomicCardProps | AtomicInputProps | AtomicIconProps | AtomicImageProps | AtomicSwitchProps | AtomicBadgeProps | AtomicFormErrorProps | AtomicAvatarProps | AtomicChipProps | AtomicDividerProps | AtomicProgressProps | AtomicAvatarGroupProps | AtomicFabProps | AtomicFilterProps | AtomicTouchableProps;
|
|
58
56
|
export type AtomicVariants = {
|
|
59
57
|
card: AtomicCardVariant;
|
|
60
58
|
input: AtomicInputVariant;
|
|
@@ -171,7 +169,6 @@ declare const defaultExport: {
|
|
|
171
169
|
AtomicAvatar: import("react").FC<AtomicAvatarProps>;
|
|
172
170
|
AtomicChip: import("react").FC<AtomicChipProps>;
|
|
173
171
|
AtomicDivider: import("react").FC<AtomicDividerProps>;
|
|
174
|
-
AtomicSkeleton: import("react").FC<AtomicSkeletonProps>;
|
|
175
172
|
AtomicProgress: import("react").FC<AtomicProgressProps>;
|
|
176
173
|
AtomicAvatarGroup: import("react").FC<AtomicAvatarGroupProps>;
|
|
177
174
|
AtomicFab: import("react").FC<AtomicFabProps>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/presentation/atoms/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AAGH,OAAO,EACL,YAAY,EACZ,KAAK,iBAAiB,EACvB,MAAM,gBAAgB,CAAC;AAExB,OAAO,EACL,UAAU,EACV,KAAK,eAAe,EACrB,MAAM,cAAc,CAAC;AAEtB,OAAO,EACL,UAAU,EACV,KAAK,eAAe,EACpB,KAAK,iBAAiB,EACtB,KAAK,iBAAiB,EACvB,MAAM,cAAc,CAAC;AAEtB,OAAO,EACL,WAAW,EACX,KAAK,gBAAgB,EACrB,KAAK,kBAAkB,EACvB,KAAK,gBAAgB,EACrB,KAAK,eAAe,EACrB,MAAM,eAAe,CAAC;AAEvB,OAAO,EACL,UAAU,EACV,KAAK,eAAe,EACpB,KAAK,cAAc,EACnB,KAAK,eAAe,EACrB,MAAM,cAAc,CAAC;AAEtB,OAAO,EACL,WAAW,EACX,KAAK,gBAAgB,EACtB,MAAM,eAAe,CAAC;AAEvB,OAAO,EACL,YAAY,EACZ,KAAK,iBAAiB,EACvB,MAAM,gBAAgB,CAAC;AAExB,OAAO,EACL,WAAW,EACX,KAAK,gBAAgB,EACtB,MAAM,eAAe,CAAC;AAEvB,OAAO,EACL,eAAe,EACf,KAAK,oBAAoB,EAC1B,MAAM,mBAAmB,CAAC;AAE3B,OAAO,EACL,YAAY,EACZ,KAAK,iBAAiB,EACvB,MAAM,gBAAgB,CAAC;AAExB,OAAO,EACL,UAAU,EACV,KAAK,eAAe,EACrB,MAAM,cAAc,CAAC;AAEtB,OAAO,EACL,aAAa,EACb,KAAK,kBAAkB,EACxB,MAAM,iBAAiB,CAAC;AAEzB,OAAO,EACL,cAAc,EACd,KAAK,mBAAmB,EACzB,MAAM,kBAAkB,CAAC;AAE1B,OAAO,EACL,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/presentation/atoms/index.ts"],"names":[],"mappings":"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"}
|
|
@@ -28,7 +28,6 @@ import { AtomicFormError, } from './AtomicFormError';
|
|
|
28
28
|
import { AtomicAvatar, } from './AtomicAvatar';
|
|
29
29
|
import { AtomicChip, } from './AtomicChip';
|
|
30
30
|
import { AtomicDivider, } from './AtomicDivider';
|
|
31
|
-
import { AtomicSkeleton, } from './AtomicSkeleton';
|
|
32
31
|
import { AtomicProgress, } from './AtomicProgress';
|
|
33
32
|
import { AtomicAvatarGroup, } from './AtomicAvatarGroup';
|
|
34
33
|
import { AtomicFab, getFabVariants, } from './AtomicFab';
|
|
@@ -48,7 +47,6 @@ export { AtomicFormError, };
|
|
|
48
47
|
export { AtomicAvatar, };
|
|
49
48
|
export { AtomicChip, };
|
|
50
49
|
export { AtomicDivider, };
|
|
51
|
-
export { AtomicSkeleton, };
|
|
52
50
|
export { AtomicProgress, };
|
|
53
51
|
export { AtomicAvatarGroup, };
|
|
54
52
|
export { AtomicFab, getFabVariants, };
|
|
@@ -137,7 +135,6 @@ const defaultExport = {
|
|
|
137
135
|
AtomicAvatar,
|
|
138
136
|
AtomicChip,
|
|
139
137
|
AtomicDivider,
|
|
140
|
-
AtomicSkeleton,
|
|
141
138
|
AtomicProgress,
|
|
142
139
|
AtomicAvatarGroup,
|
|
143
140
|
AtomicFab,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/presentation/atoms/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AAEH,oEAAoE;AACpE,OAAO,EACL,YAAY,GAEb,MAAM,gBAAgB,CAAC;AAExB,OAAO,EACL,UAAU,GAEX,MAAM,cAAc,CAAC;AAEtB,OAAO,EACL,UAAU,GAIX,MAAM,cAAc,CAAC;AAEtB,OAAO,EACL,WAAW,GAKZ,MAAM,eAAe,CAAC;AAEvB,OAAO,EACL,UAAU,GAIX,MAAM,cAAc,CAAC;AAEtB,OAAO,EACL,WAAW,GAEZ,MAAM,eAAe,CAAC;AAEvB,OAAO,EACL,YAAY,GAEb,MAAM,gBAAgB,CAAC;AAExB,OAAO,EACL,WAAW,GAEZ,MAAM,eAAe,CAAC;AAEvB,OAAO,EACL,eAAe,GAEhB,MAAM,mBAAmB,CAAC;AAE3B,OAAO,EACL,YAAY,GAEb,MAAM,gBAAgB,CAAC;AAExB,OAAO,EACL,UAAU,GAEX,MAAM,cAAc,CAAC;AAEtB,OAAO,EACL,aAAa,GAEd,MAAM,iBAAiB,CAAC;AAEzB,OAAO,EACL,cAAc,GAEf,MAAM,kBAAkB,CAAC;AAE1B,OAAO,EACL,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/presentation/atoms/index.ts"],"names":[],"mappings":"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"}
|
|
@@ -13,11 +13,6 @@ export declare const getTouchableContainerStyle: () => ViewStyle;
|
|
|
13
13
|
* Get disabled touchable style
|
|
14
14
|
*/
|
|
15
15
|
export declare const getDisabledStyle: () => ViewStyle;
|
|
16
|
-
/**
|
|
17
|
-
* Get loading container style
|
|
18
|
-
* Centers the loading indicator
|
|
19
|
-
*/
|
|
20
|
-
export declare const getLoadingContainerStyle: () => ViewStyle;
|
|
21
16
|
/**
|
|
22
17
|
* Convert number to HitSlop object
|
|
23
18
|
* If hitSlop is a number, apply it to all sides
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"touchableStyles.d.ts","sourceRoot":"","sources":["../../../../../src/presentation/atoms/touchable/styles/touchableStyles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzC,OAAO,EAAE,gBAAgB,EAAE,MAAM,UAAU,CAAC;AAE5C;;GAEG;AACH,eAAO,MAAM,eAAe,GAAI,UAAU,gBAAgB,KAAG,MAW5D,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,0BAA0B,QAAO,SAK5C,CAAC;AAEH;;GAEG;AACH,eAAO,MAAM,gBAAgB,QAAO,SAElC,CAAC;AAEH;;;GAGG;AACH,eAAO,MAAM,
|
|
1
|
+
{"version":3,"file":"touchableStyles.d.ts","sourceRoot":"","sources":["../../../../../src/presentation/atoms/touchable/styles/touchableStyles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzC,OAAO,EAAE,gBAAgB,EAAE,MAAM,UAAU,CAAC;AAE5C;;GAEG;AACH,eAAO,MAAM,eAAe,GAAI,UAAU,gBAAgB,KAAG,MAW5D,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,0BAA0B,QAAO,SAK5C,CAAC;AAEH;;GAEG;AACH,eAAO,MAAM,gBAAgB,QAAO,SAElC,CAAC;AAEH;;;GAGG;AACH,eAAO,MAAM,gBAAgB,GAC3B,SAAS,MAAM,GAAG;IAAE,GAAG,CAAC,EAAE,MAAM,CAAC;IAAC,MAAM,CAAC,EAAE,MAAM,CAAC;IAAC,IAAI,CAAC,EAAE,MAAM,CAAC;IAAC,KAAK,CAAC,EAAE,MAAM,CAAA;CAAE,GAAG,SAAS,KAC7F;IAAE,GAAG,EAAE,MAAM,CAAC;IAAC,MAAM,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,GAAG,SAkBjE,CAAC"}
|
|
@@ -29,14 +29,6 @@ export const getTouchableContainerStyle = () => ({
|
|
|
29
29
|
export const getDisabledStyle = () => ({
|
|
30
30
|
opacity: 0.5,
|
|
31
31
|
});
|
|
32
|
-
/**
|
|
33
|
-
* Get loading container style
|
|
34
|
-
* Centers the loading indicator
|
|
35
|
-
*/
|
|
36
|
-
export const getLoadingContainerStyle = () => ({
|
|
37
|
-
justifyContent: 'center',
|
|
38
|
-
alignItems: 'center',
|
|
39
|
-
});
|
|
40
32
|
/**
|
|
41
33
|
* Convert number to HitSlop object
|
|
42
34
|
* If hitSlop is a number, apply it to all sides
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"touchableStyles.js","sourceRoot":"","sources":["../../../../../src/presentation/atoms/touchable/styles/touchableStyles.ts"],"names":[],"mappings":"AAGA;;GAEG;AACH,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,QAA0B,EAAU,EAAE;IACpE,QAAQ,QAAQ,EAAE,CAAC;QACjB,KAAK,QAAQ;YACX,OAAO,GAAG,CAAC;QACb,KAAK,QAAQ;YACX,OAAO,GAAG,CAAC;QACb,KAAK,QAAQ;YACX,OAAO,GAAG,CAAC;QACb;YACE,OAAO,GAAG,CAAC;IACf,CAAC;AACH,CAAC,CAAC;AAEF;;;GAGG;AACH,MAAM,CAAC,MAAM,0BAA0B,GAAG,GAAc,EAAE,CAAC,CAAC;IAC1D,QAAQ,EAAE,EAAE;IACZ,SAAS,EAAE,EAAE;IACb,cAAc,EAAE,QAAQ;IACxB,UAAU,EAAE,QAAQ;CACrB,CAAC,CAAC;AAEH;;GAEG;AACH,MAAM,CAAC,MAAM,gBAAgB,GAAG,GAAc,EAAE,CAAC,CAAC;IAChD,OAAO,EAAE,GAAG;CACb,CAAC,CAAC;AAEH;;;GAGG;AACH,MAAM,CAAC,MAAM,
|
|
1
|
+
{"version":3,"file":"touchableStyles.js","sourceRoot":"","sources":["../../../../../src/presentation/atoms/touchable/styles/touchableStyles.ts"],"names":[],"mappings":"AAGA;;GAEG;AACH,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,QAA0B,EAAU,EAAE;IACpE,QAAQ,QAAQ,EAAE,CAAC;QACjB,KAAK,QAAQ;YACX,OAAO,GAAG,CAAC;QACb,KAAK,QAAQ;YACX,OAAO,GAAG,CAAC;QACb,KAAK,QAAQ;YACX,OAAO,GAAG,CAAC;QACb;YACE,OAAO,GAAG,CAAC;IACf,CAAC;AACH,CAAC,CAAC;AAEF;;;GAGG;AACH,MAAM,CAAC,MAAM,0BAA0B,GAAG,GAAc,EAAE,CAAC,CAAC;IAC1D,QAAQ,EAAE,EAAE;IACZ,SAAS,EAAE,EAAE;IACb,cAAc,EAAE,QAAQ;IACxB,UAAU,EAAE,QAAQ;CACrB,CAAC,CAAC;AAEH;;GAEG;AACH,MAAM,CAAC,MAAM,gBAAgB,GAAG,GAAc,EAAE,CAAC,CAAC;IAChD,OAAO,EAAE,GAAG;CACb,CAAC,CAAC;AAEH;;;GAGG;AACH,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAC9B,OAA8F,EACpB,EAAE;IAC5E,IAAI,OAAO,KAAK,SAAS;QAAE,OAAO,SAAS,CAAC;IAE5C,IAAI,OAAO,OAAO,KAAK,QAAQ,EAAE,CAAC;QAChC,OAAO;YACL,GAAG,EAAE,OAAO;YACZ,MAAM,EAAE,OAAO;YACf,IAAI,EAAE,OAAO;YACb,KAAK,EAAE,OAAO;SACf,CAAC;IACJ,CAAC;IAED,OAAO;QACL,GAAG,EAAE,OAAO,CAAC,GAAG,IAAI,CAAC;QACrB,MAAM,EAAE,OAAO,CAAC,MAAM,IAAI,CAAC;QAC3B,IAAI,EAAE,OAAO,CAAC,IAAI,IAAI,CAAC;QACvB,KAAK,EAAE,OAAO,CAAC,KAAK,IAAI,CAAC;KAC1B,CAAC;AACJ,CAAC,CAAC"}
|
|
@@ -36,8 +36,7 @@ export interface HitSlop {
|
|
|
36
36
|
* onPress={handlePress}
|
|
37
37
|
* feedback="opacity"
|
|
38
38
|
* strength="normal"
|
|
39
|
-
* disabled={
|
|
40
|
-
* loading={isLoading}
|
|
39
|
+
* disabled={isDisabled}
|
|
41
40
|
* hitSlop={{ top: 8, bottom: 8, left: 8, right: 8 }}
|
|
42
41
|
* style={styles.touchable}
|
|
43
42
|
* >
|
|
@@ -81,11 +80,6 @@ export interface AtomicTouchableProps {
|
|
|
81
80
|
* @default false
|
|
82
81
|
*/
|
|
83
82
|
disabled?: boolean;
|
|
84
|
-
/**
|
|
85
|
-
* Show loading indicator (disables touch)
|
|
86
|
-
* @default false
|
|
87
|
-
*/
|
|
88
|
-
loading?: boolean;
|
|
89
83
|
/**
|
|
90
84
|
* Hit slop - extends touchable area
|
|
91
85
|
* Useful for small touch targets
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/presentation/atoms/touchable/types/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,qBAAqB,EAAE,MAAM,cAAc,CAAC;AAE3E;;;;;;GAMG;AACH,MAAM,MAAM,iBAAiB,GAAG,SAAS,GAAG,WAAW,GAAG,QAAQ,GAAG,MAAM,CAAC;AAE5E;;;;;GAKG;AACH,MAAM,MAAM,gBAAgB,GAAG,QAAQ,GAAG,QAAQ,GAAG,QAAQ,CAAC;AAE9D;;;GAGG;AACH,MAAM,WAAW,OAAO;IACtB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/presentation/atoms/touchable/types/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,qBAAqB,EAAE,MAAM,cAAc,CAAC;AAE3E;;;;;;GAMG;AACH,MAAM,MAAM,iBAAiB,GAAG,SAAS,GAAG,WAAW,GAAG,QAAQ,GAAG,MAAM,CAAC;AAE5E;;;;;GAKG;AACH,MAAM,MAAM,gBAAgB,GAAG,QAAQ,GAAG,QAAQ,GAAG,QAAQ,CAAC;AAE9D;;;GAGG;AACH,MAAM,WAAW,OAAO;IACtB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED;;;;;;;;;;;;;;;;;;;GAmBG;AACH,MAAM,WAAW,oBAAoB;IACnC;;OAEG;IACH,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAE1B;;OAEG;IACH,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,qBAAqB,KAAK,IAAI,CAAC;IAEjD;;OAEG;IACH,SAAS,CAAC,EAAE,CAAC,KAAK,EAAE,qBAAqB,KAAK,IAAI,CAAC;IAEnD;;OAEG;IACH,UAAU,CAAC,EAAE,CAAC,KAAK,EAAE,qBAAqB,KAAK,IAAI,CAAC;IAEpD;;OAEG;IACH,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,qBAAqB,KAAK,IAAI,CAAC;IAErD;;;OAGG;IACH,QAAQ,CAAC,EAAE,iBAAiB,CAAC;IAE7B;;;OAGG;IACH,QAAQ,CAAC,EAAE,gBAAgB,CAAC;IAE5B;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;;;OAIG;IACH,OAAO,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IAE3B;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAE7B;;OAEG;IACH,YAAY,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAEpC;;OAEG;IACH,aAAa,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAErC;;OAEG;IACH,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAE5B;;OAEG;IACH,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAE3B;;;OAGG;IACH,iBAAiB,CAAC,EAAE,QAAQ,GAAG,MAAM,GAAG,MAAM,CAAC;IAE/C;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAEhB;;;OAGG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;IAExB;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@umituz/react-native-design-system",
|
|
3
|
-
"version": "1.4.
|
|
3
|
+
"version": "1.4.3",
|
|
4
4
|
"description": "Universal design system for React Native apps - Domain-Driven Design architecture with Material Design 3 components",
|
|
5
5
|
"main": "./lib/index.js",
|
|
6
6
|
"types": "./lib/index.d.ts",
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import { StyleSheet, StyleProp, ViewStyle, TextStyle, TouchableOpacity,
|
|
2
|
+
import { StyleSheet, StyleProp, ViewStyle, TextStyle, TouchableOpacity, View } from 'react-native';
|
|
3
3
|
import { AtomicText } from './AtomicText';
|
|
4
4
|
import { Icon } from '../../domains/icons/presentation/components/Icon';
|
|
5
5
|
import { useAppDesignTokens } from '../hooks/useAppDesignTokens';
|
|
@@ -15,7 +15,6 @@ export interface AtomicButtonProps {
|
|
|
15
15
|
variant?: ButtonVariant;
|
|
16
16
|
size?: ButtonSize;
|
|
17
17
|
disabled?: boolean;
|
|
18
|
-
loading?: boolean;
|
|
19
18
|
icon?: IconName;
|
|
20
19
|
fullWidth?: boolean;
|
|
21
20
|
style?: StyleProp<ViewStyle>;
|
|
@@ -30,7 +29,6 @@ export const AtomicButton: React.FC<AtomicButtonProps> = ({
|
|
|
30
29
|
variant = 'primary',
|
|
31
30
|
size = 'md',
|
|
32
31
|
disabled = false,
|
|
33
|
-
loading = false,
|
|
34
32
|
icon,
|
|
35
33
|
fullWidth = false,
|
|
36
34
|
style,
|
|
@@ -40,7 +38,7 @@ export const AtomicButton: React.FC<AtomicButtonProps> = ({
|
|
|
40
38
|
const tokens = useAppDesignTokens();
|
|
41
39
|
|
|
42
40
|
const handlePress = () => {
|
|
43
|
-
if (!disabled
|
|
41
|
+
if (!disabled) {
|
|
44
42
|
onPress();
|
|
45
43
|
}
|
|
46
44
|
};
|
|
@@ -181,7 +179,7 @@ export const AtomicButton: React.FC<AtomicButtonProps> = ({
|
|
|
181
179
|
];
|
|
182
180
|
|
|
183
181
|
const buttonText = title || children;
|
|
184
|
-
const showIcon = icon
|
|
182
|
+
const showIcon = icon;
|
|
185
183
|
const iconColor = variantStyles.text.color;
|
|
186
184
|
|
|
187
185
|
return (
|
|
@@ -189,17 +187,11 @@ export const AtomicButton: React.FC<AtomicButtonProps> = ({
|
|
|
189
187
|
style={containerStyle}
|
|
190
188
|
onPress={handlePress}
|
|
191
189
|
activeOpacity={0.8}
|
|
192
|
-
disabled={disabled
|
|
190
|
+
disabled={disabled}
|
|
193
191
|
testID={testID}
|
|
194
192
|
>
|
|
195
193
|
<View style={styles.content}>
|
|
196
|
-
{
|
|
197
|
-
<ActivityIndicator
|
|
198
|
-
size="small"
|
|
199
|
-
color={variantStyles.text.color}
|
|
200
|
-
style={styles.loader}
|
|
201
|
-
/>
|
|
202
|
-
) : showIcon ? (
|
|
194
|
+
{showIcon ? (
|
|
203
195
|
<Icon
|
|
204
196
|
name={icon}
|
|
205
197
|
customSize={config.iconSize}
|
|
@@ -239,9 +231,6 @@ const styles = StyleSheet.create({
|
|
|
239
231
|
icon: {
|
|
240
232
|
marginRight: 8,
|
|
241
233
|
},
|
|
242
|
-
loader: {
|
|
243
|
-
marginRight: 8,
|
|
244
|
-
},
|
|
245
234
|
});
|
|
246
235
|
|
|
247
236
|
export type { AtomicButtonProps as ButtonProps };
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import { TouchableOpacity,
|
|
2
|
+
import { TouchableOpacity, StyleSheet } from 'react-native';
|
|
3
3
|
import { useAppDesignTokens } from '../hooks/useAppDesignTokens';
|
|
4
4
|
import { useResponsive } from '../hooks/useResponsive';
|
|
5
5
|
import { AtomicIcon } from './AtomicIcon';
|
|
@@ -40,7 +40,6 @@ export { FAB_SIZES, getFabVariants, getFabIconSize, getFabBorder };
|
|
|
40
40
|
* - Material Design 3 sizes (sm: 40px, md: 56px, lg: 72px)
|
|
41
41
|
* - Three variants: primary, secondary, surface
|
|
42
42
|
* - Responsive positioning (above tab bar, safe area aware)
|
|
43
|
-
* - Loading state with spinner
|
|
44
43
|
* - Disabled state with opacity
|
|
45
44
|
* - Theme-aware colors from design tokens
|
|
46
45
|
* - Border for depth (no shadows per CLAUDE.md)
|
|
@@ -51,14 +50,13 @@ export const AtomicFab: React.FC<AtomicFabProps> = ({
|
|
|
51
50
|
variant = 'primary',
|
|
52
51
|
size = 'md',
|
|
53
52
|
disabled = false,
|
|
54
|
-
loading = false,
|
|
55
53
|
style,
|
|
56
54
|
testID,
|
|
57
55
|
accessibilityLabel,
|
|
58
56
|
}) => {
|
|
59
57
|
const tokens = useAppDesignTokens();
|
|
60
58
|
const responsive = useResponsive();
|
|
61
|
-
const isDisabled = disabled
|
|
59
|
+
const isDisabled = disabled;
|
|
62
60
|
|
|
63
61
|
// Get configurations
|
|
64
62
|
const sizeConfig = FAB_SIZES[size as 'sm' | 'md' | 'lg'];
|
|
@@ -94,11 +92,7 @@ export const AtomicFab: React.FC<AtomicFabProps> = ({
|
|
|
94
92
|
accessibilityLabel={accessibilityLabel || `${icon} button`}
|
|
95
93
|
accessibilityRole="button"
|
|
96
94
|
>
|
|
97
|
-
{
|
|
98
|
-
<ActivityIndicator size="small" color={variantConfig.iconColor} />
|
|
99
|
-
) : (
|
|
100
|
-
<AtomicIcon name={icon} size={iconSize} customColor={variantConfig.iconColor} />
|
|
101
|
-
)}
|
|
95
|
+
<AtomicIcon name={icon} size={iconSize} customColor={variantConfig.iconColor} />
|
|
102
96
|
</TouchableOpacity>
|
|
103
97
|
);
|
|
104
98
|
};
|
|
@@ -10,7 +10,6 @@
|
|
|
10
10
|
* Usage:
|
|
11
11
|
* - File upload progress
|
|
12
12
|
* - Task completion progress
|
|
13
|
-
* - Loading progress
|
|
14
13
|
* - Achievement progress
|
|
15
14
|
* - Form completion
|
|
16
15
|
*/
|
|
@@ -42,8 +41,6 @@ export interface AtomicProgressProps {
|
|
|
42
41
|
showValue?: boolean;
|
|
43
42
|
/** Custom text color */
|
|
44
43
|
textColor?: string;
|
|
45
|
-
/** Animation duration in milliseconds */
|
|
46
|
-
animationDuration?: number;
|
|
47
44
|
/** Style overrides */
|
|
48
45
|
style?: ViewStyle | ViewStyle[];
|
|
49
46
|
/** Test ID for testing */
|
|
@@ -64,7 +61,6 @@ export const AtomicProgress: React.FC<AtomicProgressProps> = ({
|
|
|
64
61
|
showPercentage = false,
|
|
65
62
|
showValue = false,
|
|
66
63
|
textColor,
|
|
67
|
-
animationDuration = 300,
|
|
68
64
|
style,
|
|
69
65
|
testID,
|
|
70
66
|
}) => {
|
|
@@ -1,12 +1,11 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import { Pressable,
|
|
2
|
+
import { Pressable, StyleSheet } from 'react-native';
|
|
3
3
|
import { useAppDesignTokens } from '../hooks/useAppDesignTokens';
|
|
4
4
|
import { AtomicTouchableProps, TouchableFeedback, FeedbackStrength } from './touchable/types';
|
|
5
5
|
import {
|
|
6
6
|
getOpacityValue,
|
|
7
7
|
getTouchableContainerStyle,
|
|
8
8
|
getDisabledStyle,
|
|
9
|
-
getLoadingContainerStyle,
|
|
10
9
|
normalizeHitSlop,
|
|
11
10
|
} from './touchable/styles/touchableStyles';
|
|
12
11
|
|
|
@@ -21,7 +20,6 @@ export {
|
|
|
21
20
|
getOpacityValue,
|
|
22
21
|
getTouchableContainerStyle,
|
|
23
22
|
getDisabledStyle,
|
|
24
|
-
getLoadingContainerStyle,
|
|
25
23
|
normalizeHitSlop,
|
|
26
24
|
} from './touchable/styles/touchableStyles';
|
|
27
25
|
|
|
@@ -34,7 +32,6 @@ export {
|
|
|
34
32
|
* Features:
|
|
35
33
|
* - Multiple feedback variants (opacity, highlight, ripple, none)
|
|
36
34
|
* - Configurable feedback strength (subtle, normal, strong)
|
|
37
|
-
* - Loading state with indicator
|
|
38
35
|
* - Disabled state with visual feedback
|
|
39
36
|
* - Hit slop customization for small touch targets
|
|
40
37
|
* - Minimum 48x48 touch target (iOS HIG compliance)
|
|
@@ -48,15 +45,6 @@ export {
|
|
|
48
45
|
* <AtomicText>Press Me</AtomicText>
|
|
49
46
|
* </AtomicTouchable>
|
|
50
47
|
*
|
|
51
|
-
* // With loading state
|
|
52
|
-
* <AtomicTouchable
|
|
53
|
-
* onPress={handleSubmit}
|
|
54
|
-
* loading={isSubmitting}
|
|
55
|
-
* feedback="highlight"
|
|
56
|
-
* >
|
|
57
|
-
* <AtomicText>Submit</AtomicText>
|
|
58
|
-
* </AtomicTouchable>
|
|
59
|
-
*
|
|
60
48
|
* // With custom hit slop (extends touch area)
|
|
61
49
|
* <AtomicTouchable
|
|
62
50
|
* onPress={handlePress}
|
|
@@ -76,7 +64,6 @@ export const AtomicTouchable: React.FC<AtomicTouchableProps> = ({
|
|
|
76
64
|
feedback = 'opacity',
|
|
77
65
|
strength = 'normal',
|
|
78
66
|
disabled = false,
|
|
79
|
-
loading = false,
|
|
80
67
|
hitSlop,
|
|
81
68
|
style,
|
|
82
69
|
pressedStyle,
|
|
@@ -92,7 +79,7 @@ export const AtomicTouchable: React.FC<AtomicTouchableProps> = ({
|
|
|
92
79
|
const tokens = useAppDesignTokens();
|
|
93
80
|
|
|
94
81
|
// Determine if touchable should be disabled
|
|
95
|
-
const isDisabled = disabled
|
|
82
|
+
const isDisabled = disabled;
|
|
96
83
|
|
|
97
84
|
// Get opacity value based on strength
|
|
98
85
|
const opacityValue = getOpacityValue(strength as 'subtle' | 'normal' | 'strong');
|
|
@@ -169,21 +156,10 @@ export const AtomicTouchable: React.FC<AtomicTouchableProps> = ({
|
|
|
169
156
|
accessibilityRole={accessibilityRole}
|
|
170
157
|
accessibilityState={{
|
|
171
158
|
disabled: isDisabled,
|
|
172
|
-
busy: loading,
|
|
173
159
|
}}
|
|
174
160
|
testID={testID}
|
|
175
161
|
>
|
|
176
|
-
{
|
|
177
|
-
<View style={getLoadingContainerStyle()}>
|
|
178
|
-
<ActivityIndicator
|
|
179
|
-
size="small"
|
|
180
|
-
color={tokens.colors.primary}
|
|
181
|
-
testID={`${testID}-loading`}
|
|
182
|
-
/>
|
|
183
|
-
</View>
|
|
184
|
-
) : (
|
|
185
|
-
children
|
|
186
|
-
)}
|
|
162
|
+
{children}
|
|
187
163
|
</Pressable>
|
|
188
164
|
);
|
|
189
165
|
};
|
|
@@ -84,11 +84,6 @@ import {
|
|
|
84
84
|
type AtomicDividerProps,
|
|
85
85
|
} from './AtomicDivider';
|
|
86
86
|
|
|
87
|
-
import {
|
|
88
|
-
AtomicSkeleton,
|
|
89
|
-
type AtomicSkeletonProps,
|
|
90
|
-
} from './AtomicSkeleton';
|
|
91
|
-
|
|
92
87
|
import {
|
|
93
88
|
AtomicProgress,
|
|
94
89
|
type AtomicProgressProps,
|
|
@@ -198,11 +193,6 @@ export {
|
|
|
198
193
|
type AtomicDividerProps,
|
|
199
194
|
};
|
|
200
195
|
|
|
201
|
-
export {
|
|
202
|
-
AtomicSkeleton,
|
|
203
|
-
type AtomicSkeletonProps,
|
|
204
|
-
};
|
|
205
|
-
|
|
206
196
|
export {
|
|
207
197
|
AtomicProgress,
|
|
208
198
|
type AtomicProgressProps,
|
|
@@ -260,7 +250,6 @@ export type AtomicComponentProps =
|
|
|
260
250
|
| AtomicAvatarProps
|
|
261
251
|
| AtomicChipProps
|
|
262
252
|
| AtomicDividerProps
|
|
263
|
-
| AtomicSkeletonProps
|
|
264
253
|
| AtomicProgressProps
|
|
265
254
|
| AtomicAvatarGroupProps
|
|
266
255
|
| AtomicFabProps
|
|
@@ -366,7 +355,6 @@ const defaultExport = {
|
|
|
366
355
|
AtomicAvatar,
|
|
367
356
|
AtomicChip,
|
|
368
357
|
AtomicDivider,
|
|
369
|
-
AtomicSkeleton,
|
|
370
358
|
AtomicProgress,
|
|
371
359
|
AtomicAvatarGroup,
|
|
372
360
|
AtomicFab,
|
|
@@ -35,15 +35,6 @@ export const getDisabledStyle = (): ViewStyle => ({
|
|
|
35
35
|
opacity: 0.5,
|
|
36
36
|
});
|
|
37
37
|
|
|
38
|
-
/**
|
|
39
|
-
* Get loading container style
|
|
40
|
-
* Centers the loading indicator
|
|
41
|
-
*/
|
|
42
|
-
export const getLoadingContainerStyle = (): ViewStyle => ({
|
|
43
|
-
justifyContent: 'center',
|
|
44
|
-
alignItems: 'center',
|
|
45
|
-
});
|
|
46
|
-
|
|
47
38
|
/**
|
|
48
39
|
* Convert number to HitSlop object
|
|
49
40
|
* If hitSlop is a number, apply it to all sides
|
|
@@ -40,8 +40,7 @@ export interface HitSlop {
|
|
|
40
40
|
* onPress={handlePress}
|
|
41
41
|
* feedback="opacity"
|
|
42
42
|
* strength="normal"
|
|
43
|
-
* disabled={
|
|
44
|
-
* loading={isLoading}
|
|
43
|
+
* disabled={isDisabled}
|
|
45
44
|
* hitSlop={{ top: 8, bottom: 8, left: 8, right: 8 }}
|
|
46
45
|
* style={styles.touchable}
|
|
47
46
|
* >
|
|
@@ -93,12 +92,6 @@ export interface AtomicTouchableProps {
|
|
|
93
92
|
*/
|
|
94
93
|
disabled?: boolean;
|
|
95
94
|
|
|
96
|
-
/**
|
|
97
|
-
* Show loading indicator (disables touch)
|
|
98
|
-
* @default false
|
|
99
|
-
*/
|
|
100
|
-
loading?: boolean;
|
|
101
|
-
|
|
102
95
|
/**
|
|
103
96
|
* Hit slop - extends touchable area
|
|
104
97
|
* Useful for small touch targets
|
|
@@ -1,37 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* AtomicSkeleton - Universal Skeleton Loading Component
|
|
3
|
-
*
|
|
4
|
-
* Displays skeleton placeholders for loading states
|
|
5
|
-
* Theme: {{THEME_NAME}} ({{CATEGORY}} category)
|
|
6
|
-
*
|
|
7
|
-
* Atomic Design Level: ATOM
|
|
8
|
-
* Purpose: Loading state placeholder
|
|
9
|
-
*
|
|
10
|
-
* Usage:
|
|
11
|
-
* - Content loading placeholders
|
|
12
|
-
* - List item skeletons
|
|
13
|
-
* - Card skeletons
|
|
14
|
-
* - Text line skeletons
|
|
15
|
-
* - Image placeholders
|
|
16
|
-
*/
|
|
17
|
-
import React from 'react';
|
|
18
|
-
import { ViewStyle } from 'react-native';
|
|
19
|
-
export interface AtomicSkeletonProps {
|
|
20
|
-
/** Skeleton width */
|
|
21
|
-
width?: number | string;
|
|
22
|
-
/** Skeleton height */
|
|
23
|
-
height?: number | string;
|
|
24
|
-
/** Skeleton shape */
|
|
25
|
-
shape?: 'rectangle' | 'circle' | 'rounded';
|
|
26
|
-
/** Border radius for rounded shapes */
|
|
27
|
-
borderRadius?: number;
|
|
28
|
-
/** Skeleton color */
|
|
29
|
-
color?: string;
|
|
30
|
-
/** Style overrides */
|
|
31
|
-
style?: ViewStyle;
|
|
32
|
-
/** Test ID for testing */
|
|
33
|
-
testID?: string;
|
|
34
|
-
}
|
|
35
|
-
export declare const AtomicSkeleton: React.FC<AtomicSkeletonProps>;
|
|
36
|
-
export default AtomicSkeleton;
|
|
37
|
-
//# sourceMappingURL=AtomicSkeleton.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"AtomicSkeleton.d.ts","sourceRoot":"","sources":["../../../src/presentation/atoms/AtomicSkeleton.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;GAeG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAoB,SAAS,EAAkB,MAAM,cAAc,CAAC;AAO3E,MAAM,WAAW,mBAAmB;IAClC,qBAAqB;IACrB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,sBAAsB;IACtB,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB,qBAAqB;IACrB,KAAK,CAAC,EAAE,WAAW,GAAG,QAAQ,GAAG,SAAS,CAAC;IAC3C,uCAAuC;IACvC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,qBAAqB;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,sBAAsB;IACtB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,0BAA0B;IAC1B,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAMD,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CA0CxD,CAAC;AAMF,eAAe,cAAc,CAAC"}
|
|
@@ -1,53 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* AtomicSkeleton - Universal Skeleton Loading Component
|
|
3
|
-
*
|
|
4
|
-
* Displays skeleton placeholders for loading states
|
|
5
|
-
* Theme: {{THEME_NAME}} ({{CATEGORY}} category)
|
|
6
|
-
*
|
|
7
|
-
* Atomic Design Level: ATOM
|
|
8
|
-
* Purpose: Loading state placeholder
|
|
9
|
-
*
|
|
10
|
-
* Usage:
|
|
11
|
-
* - Content loading placeholders
|
|
12
|
-
* - List item skeletons
|
|
13
|
-
* - Card skeletons
|
|
14
|
-
* - Text line skeletons
|
|
15
|
-
* - Image placeholders
|
|
16
|
-
*/
|
|
17
|
-
import React from 'react';
|
|
18
|
-
import { View } from 'react-native';
|
|
19
|
-
import { useAppDesignTokens } from '../hooks/useAppDesignTokens';
|
|
20
|
-
// =============================================================================
|
|
21
|
-
// COMPONENT IMPLEMENTATION
|
|
22
|
-
// =============================================================================
|
|
23
|
-
export const AtomicSkeleton = ({ width = '100%', height = 20, shape = 'rectangle', borderRadius, color, style, testID, }) => {
|
|
24
|
-
const tokens = useAppDesignTokens();
|
|
25
|
-
// Default values
|
|
26
|
-
const skeletonColor = color || tokens.colors.surfaceVariant;
|
|
27
|
-
// Calculate border radius based on shape
|
|
28
|
-
const getBorderRadius = () => {
|
|
29
|
-
if (borderRadius !== undefined)
|
|
30
|
-
return borderRadius;
|
|
31
|
-
switch (shape) {
|
|
32
|
-
case 'circle':
|
|
33
|
-
return typeof height === 'number' ? height / 2 : 20;
|
|
34
|
-
case 'rounded':
|
|
35
|
-
return tokens.borders.radius.md;
|
|
36
|
-
case 'rectangle':
|
|
37
|
-
default:
|
|
38
|
-
return tokens.borders.radius.sm;
|
|
39
|
-
}
|
|
40
|
-
};
|
|
41
|
-
const skeletonStyle = {
|
|
42
|
-
width: width,
|
|
43
|
-
height: height,
|
|
44
|
-
backgroundColor: skeletonColor,
|
|
45
|
-
borderRadius: getBorderRadius(),
|
|
46
|
-
};
|
|
47
|
-
return (<View style={[skeletonStyle, style]} testID={testID}/>);
|
|
48
|
-
};
|
|
49
|
-
// =============================================================================
|
|
50
|
-
// EXPORTS
|
|
51
|
-
// =============================================================================
|
|
52
|
-
export default AtomicSkeleton;
|
|
53
|
-
//# sourceMappingURL=AtomicSkeleton.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"AtomicSkeleton.js","sourceRoot":"","sources":["../../../src/presentation/atoms/AtomicSkeleton.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;GAeG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,IAAI,EAAyC,MAAM,cAAc,CAAC;AAC3E,OAAO,EAAE,kBAAkB,EAAE,MAAM,6BAA6B,CAAC;AAuBjE,gFAAgF;AAChF,2BAA2B;AAC3B,gFAAgF;AAEhF,MAAM,CAAC,MAAM,cAAc,GAAkC,CAAC,EAC5D,KAAK,GAAG,MAAM,EACd,MAAM,GAAG,EAAE,EACX,KAAK,GAAG,WAAW,EACnB,YAAY,EACZ,KAAK,EACL,KAAK,EACL,MAAM,GACP,EAAE,EAAE;IACH,MAAM,MAAM,GAAG,kBAAkB,EAAE,CAAC;IAEpC,iBAAiB;IACjB,MAAM,aAAa,GAAG,KAAK,IAAI,MAAM,CAAC,MAAM,CAAC,cAAc,CAAC;IAE5D,yCAAyC;IACzC,MAAM,eAAe,GAAG,GAAW,EAAE;QACnC,IAAI,YAAY,KAAK,SAAS;YAAE,OAAO,YAAY,CAAC;QAEpD,QAAQ,KAAK,EAAE,CAAC;YACd,KAAK,QAAQ;gBACX,OAAO,OAAO,MAAM,KAAK,QAAQ,CAAC,CAAC,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;YACtD,KAAK,SAAS;gBACZ,OAAO,MAAM,CAAC,OAAO,CAAC,MAAM,CAAC,EAAE,CAAC;YAClC,KAAK,WAAW,CAAC;YACjB;gBACE,OAAO,MAAM,CAAC,OAAO,CAAC,MAAM,CAAC,EAAE,CAAC;QACpC,CAAC;IACH,CAAC,CAAC;IAEF,MAAM,aAAa,GAAc;QAC/B,KAAK,EAAE,KAAuB;QAC9B,MAAM,EAAE,MAAwB;QAChC,eAAe,EAAE,aAAa;QAC9B,YAAY,EAAE,eAAe,EAAE;KAChC,CAAC;IAEF,OAAO,CACL,CAAC,IAAI,CACH,KAAK,CAAC,CAAC,CAAC,aAAa,EAAE,KAAK,CAAC,CAAC,CAC9B,MAAM,CAAC,CAAC,MAAM,CAAC,EACf,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,gFAAgF;AAChF,UAAU;AACV,gFAAgF;AAEhF,eAAe,cAAc,CAAC"}
|
|
@@ -1,95 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* AtomicSkeleton - Universal Skeleton Loading Component
|
|
3
|
-
*
|
|
4
|
-
* Displays skeleton placeholders for loading states
|
|
5
|
-
* Theme: {{THEME_NAME}} ({{CATEGORY}} category)
|
|
6
|
-
*
|
|
7
|
-
* Atomic Design Level: ATOM
|
|
8
|
-
* Purpose: Loading state placeholder
|
|
9
|
-
*
|
|
10
|
-
* Usage:
|
|
11
|
-
* - Content loading placeholders
|
|
12
|
-
* - List item skeletons
|
|
13
|
-
* - Card skeletons
|
|
14
|
-
* - Text line skeletons
|
|
15
|
-
* - Image placeholders
|
|
16
|
-
*/
|
|
17
|
-
|
|
18
|
-
import React from 'react';
|
|
19
|
-
import { View, StyleSheet, ViewStyle, DimensionValue } from 'react-native';
|
|
20
|
-
import { useAppDesignTokens } from '../hooks/useAppDesignTokens';
|
|
21
|
-
|
|
22
|
-
// =============================================================================
|
|
23
|
-
// TYPE DEFINITIONS
|
|
24
|
-
// =============================================================================
|
|
25
|
-
|
|
26
|
-
export interface AtomicSkeletonProps {
|
|
27
|
-
/** Skeleton width */
|
|
28
|
-
width?: number | string;
|
|
29
|
-
/** Skeleton height */
|
|
30
|
-
height?: number | string;
|
|
31
|
-
/** Skeleton shape */
|
|
32
|
-
shape?: 'rectangle' | 'circle' | 'rounded';
|
|
33
|
-
/** Border radius for rounded shapes */
|
|
34
|
-
borderRadius?: number;
|
|
35
|
-
/** Skeleton color */
|
|
36
|
-
color?: string;
|
|
37
|
-
/** Style overrides */
|
|
38
|
-
style?: ViewStyle;
|
|
39
|
-
/** Test ID for testing */
|
|
40
|
-
testID?: string;
|
|
41
|
-
}
|
|
42
|
-
|
|
43
|
-
// =============================================================================
|
|
44
|
-
// COMPONENT IMPLEMENTATION
|
|
45
|
-
// =============================================================================
|
|
46
|
-
|
|
47
|
-
export const AtomicSkeleton: React.FC<AtomicSkeletonProps> = ({
|
|
48
|
-
width = '100%',
|
|
49
|
-
height = 20,
|
|
50
|
-
shape = 'rectangle',
|
|
51
|
-
borderRadius,
|
|
52
|
-
color,
|
|
53
|
-
style,
|
|
54
|
-
testID,
|
|
55
|
-
}) => {
|
|
56
|
-
const tokens = useAppDesignTokens();
|
|
57
|
-
|
|
58
|
-
// Default values
|
|
59
|
-
const skeletonColor = color || tokens.colors.surfaceVariant;
|
|
60
|
-
|
|
61
|
-
// Calculate border radius based on shape
|
|
62
|
-
const getBorderRadius = (): number => {
|
|
63
|
-
if (borderRadius !== undefined) return borderRadius;
|
|
64
|
-
|
|
65
|
-
switch (shape) {
|
|
66
|
-
case 'circle':
|
|
67
|
-
return typeof height === 'number' ? height / 2 : 20;
|
|
68
|
-
case 'rounded':
|
|
69
|
-
return tokens.borders.radius.md;
|
|
70
|
-
case 'rectangle':
|
|
71
|
-
default:
|
|
72
|
-
return tokens.borders.radius.sm;
|
|
73
|
-
}
|
|
74
|
-
};
|
|
75
|
-
|
|
76
|
-
const skeletonStyle: ViewStyle = {
|
|
77
|
-
width: width as DimensionValue,
|
|
78
|
-
height: height as DimensionValue,
|
|
79
|
-
backgroundColor: skeletonColor,
|
|
80
|
-
borderRadius: getBorderRadius(),
|
|
81
|
-
};
|
|
82
|
-
|
|
83
|
-
return (
|
|
84
|
-
<View
|
|
85
|
-
style={[skeletonStyle, style]}
|
|
86
|
-
testID={testID}
|
|
87
|
-
/>
|
|
88
|
-
);
|
|
89
|
-
};
|
|
90
|
-
|
|
91
|
-
// =============================================================================
|
|
92
|
-
// EXPORTS
|
|
93
|
-
// =============================================================================
|
|
94
|
-
|
|
95
|
-
export default AtomicSkeleton;
|