@space-uy/pulsar-ui 0.10.0 → 0.11.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/lib/module/components/ButtonContainer.js +7 -1
- package/lib/module/components/ButtonContainer.js.map +1 -1
- package/lib/module/components/Header.js +32 -5
- package/lib/module/components/Header.js.map +1 -1
- package/lib/module/index.js.map +1 -1
- package/lib/typescript/src/components/ButtonContainer.d.ts +1 -0
- package/lib/typescript/src/components/ButtonContainer.d.ts.map +1 -1
- package/lib/typescript/src/components/Header.d.ts +6 -1
- package/lib/typescript/src/components/Header.d.ts.map +1 -1
- package/lib/typescript/src/index.d.ts +1 -1
- package/lib/typescript/src/index.d.ts.map +1 -1
- package/package.json +1 -1
- package/src/components/ButtonContainer.tsx +7 -1
- package/src/components/Header.tsx +42 -9
- package/src/index.tsx +1 -1
|
@@ -10,6 +10,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
|
|
|
10
10
|
export let ButtonVariant = /*#__PURE__*/function (ButtonVariant) {
|
|
11
11
|
ButtonVariant["flat"] = "flat";
|
|
12
12
|
ButtonVariant["outline"] = "outline";
|
|
13
|
+
ButtonVariant["secondary"] = "secondary";
|
|
13
14
|
ButtonVariant["transparent"] = "transparent";
|
|
14
15
|
ButtonVariant["destructive"] = "destructive";
|
|
15
16
|
return ButtonVariant;
|
|
@@ -64,7 +65,12 @@ export default function ButtonContainer({
|
|
|
64
65
|
flat: {
|
|
65
66
|
backgroundColor: colors.primary,
|
|
66
67
|
textColor: colors.altForeground,
|
|
67
|
-
pressedBackgroundColor: convertHexToRgba(colors.
|
|
68
|
+
pressedBackgroundColor: convertHexToRgba(colors.primary, 0.8)
|
|
69
|
+
},
|
|
70
|
+
secondary: {
|
|
71
|
+
backgroundColor: convertHexToRgba(colors.foreground, 0.1),
|
|
72
|
+
textColor: colors.foreground,
|
|
73
|
+
pressedBackgroundColor: convertHexToRgba(colors.foreground, 0.2)
|
|
68
74
|
}
|
|
69
75
|
}[variant];
|
|
70
76
|
return {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","useEffect","useMemo","Platform","Pressable","StyleSheet","Animated","interpolate","interpolateColor","useAnimatedStyle","useSharedValue","withTiming","useTheme","convertHexToRgba","meassures","jsx","_jsx","ButtonVariant","ButtonSize","ButtonContainer","disabled","variant","size","loading","renderContent","onPressIn","onPressOut","contentContainerStyle","backgroundColor","textColor","borderColor","rounded","rest","theme","colors","pressed","enabled","height","button","buttonColors","variantColors","outline","border","foreground","pressedBackgroundColor","transparent","destructive","foregroundOnDestructive","flat","primary","altForeground","animatedStyle","value","opacity","borderWidth","updatePressAnimation","duration","handlePressIn","e","OS","handlePressOut","onHoverIn","onHoverOut","children","View","style","styles","contentContainer","borderRadius","roundness","create","justifyContent"],"sourceRoot":"../../../src","sources":["components/ButtonContainer.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,SAAS,EAAEC,OAAO,QAAQ,OAAO;AACjD,SACEC,QAAQ,EACRC,SAAS,EACTC,UAAU,QAKL,cAAc;AACrB,OAAOC,QAAQ,IACbC,WAAW,EACXC,gBAAgB,EAChBC,gBAAgB,EAChBC,cAAc,EACdC,UAAU,QAEL,yBAAyB;AAEhC,OAAOC,QAAQ,MAAM,sBAAmB;AAExC,SAASC,gBAAgB,QAAQ,qBAAkB;AACnD,OAAOC,SAAS,MAAM,uBAAoB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAE3C,WAAYC,aAAa,0BAAbA,aAAa;EAAbA,aAAa;EAAbA,aAAa;EAAbA,aAAa;EAAbA,aAAa;EAAA,OAAbA,aAAa;AAAA;
|
|
1
|
+
{"version":3,"names":["React","useEffect","useMemo","Platform","Pressable","StyleSheet","Animated","interpolate","interpolateColor","useAnimatedStyle","useSharedValue","withTiming","useTheme","convertHexToRgba","meassures","jsx","_jsx","ButtonVariant","ButtonSize","ButtonContainer","disabled","variant","size","loading","renderContent","onPressIn","onPressOut","contentContainerStyle","backgroundColor","textColor","borderColor","rounded","rest","theme","colors","pressed","enabled","height","button","buttonColors","variantColors","outline","border","foreground","pressedBackgroundColor","transparent","destructive","foregroundOnDestructive","flat","primary","altForeground","secondary","animatedStyle","value","opacity","borderWidth","updatePressAnimation","duration","handlePressIn","e","OS","handlePressOut","onHoverIn","onHoverOut","children","View","style","styles","contentContainer","borderRadius","roundness","create","justifyContent"],"sourceRoot":"../../../src","sources":["components/ButtonContainer.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -9,6 +9,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
|
9
9
|
const HEADER_BASE_HEIGHT = 52;
|
|
10
10
|
export default function Header({
|
|
11
11
|
title,
|
|
12
|
+
variant = 'default',
|
|
12
13
|
leftButton,
|
|
13
14
|
rightButton,
|
|
14
15
|
style,
|
|
@@ -20,13 +21,15 @@ export default function Header({
|
|
|
20
21
|
theme
|
|
21
22
|
} = useTheme();
|
|
22
23
|
const topInset = useInsets ? theme.insets?.top || 0 : 0;
|
|
24
|
+
const isSecondary = variant === 'secondary';
|
|
23
25
|
const renderButton = button => {
|
|
24
26
|
return /*#__PURE__*/_jsx(IconButton, {
|
|
25
27
|
iconName: button.iconName,
|
|
26
|
-
variant:
|
|
28
|
+
variant: button.variant ?? 'transparent',
|
|
27
29
|
size: "medium",
|
|
28
30
|
onPress: button.onPress,
|
|
29
|
-
disabled: button.disabled
|
|
31
|
+
disabled: button.disabled,
|
|
32
|
+
rounded: button.rounded
|
|
30
33
|
});
|
|
31
34
|
};
|
|
32
35
|
return /*#__PURE__*/_jsxs(View, {
|
|
@@ -34,13 +37,13 @@ export default function Header({
|
|
|
34
37
|
backgroundColor: colors.background,
|
|
35
38
|
borderBottomColor: colors.border,
|
|
36
39
|
paddingTop: topInset
|
|
37
|
-
}, !!children && styles.paddingBottom, style],
|
|
40
|
+
}, isSecondary && styles.headerSecondary, !!children && styles.paddingBottom, style],
|
|
38
41
|
children: [/*#__PURE__*/_jsxs(View, {
|
|
39
|
-
style: styles.headerContent,
|
|
42
|
+
style: [styles.headerContent, isSecondary && styles.headerContentSecondary],
|
|
40
43
|
children: [/*#__PURE__*/_jsx(View, {
|
|
41
44
|
style: [styles.slot, styles.leftSlot],
|
|
42
45
|
children: leftButton && renderButton(leftButton)
|
|
43
|
-
}), /*#__PURE__*/_jsx(View, {
|
|
46
|
+
}), !isSecondary && /*#__PURE__*/_jsx(View, {
|
|
44
47
|
style: styles.titleContainer,
|
|
45
48
|
children: /*#__PURE__*/_jsx(Text, {
|
|
46
49
|
variant: "h3",
|
|
@@ -55,6 +58,17 @@ export default function Header({
|
|
|
55
58
|
style: [styles.slot, styles.rightSlot],
|
|
56
59
|
children: rightButton && renderButton(rightButton)
|
|
57
60
|
})]
|
|
61
|
+
}), isSecondary && /*#__PURE__*/_jsx(View, {
|
|
62
|
+
style: styles.titleRow,
|
|
63
|
+
children: /*#__PURE__*/_jsx(Text, {
|
|
64
|
+
variant: "h2",
|
|
65
|
+
style: [styles.titleSecondary, {
|
|
66
|
+
color: colors.foreground
|
|
67
|
+
}],
|
|
68
|
+
numberOfLines: 1,
|
|
69
|
+
ellipsizeMode: "tail",
|
|
70
|
+
children: title
|
|
71
|
+
})
|
|
58
72
|
}), children]
|
|
59
73
|
});
|
|
60
74
|
}
|
|
@@ -63,11 +77,17 @@ const styles = StyleSheet.create({
|
|
|
63
77
|
borderBottomWidth: 1,
|
|
64
78
|
paddingHorizontal: 16
|
|
65
79
|
},
|
|
80
|
+
headerSecondary: {
|
|
81
|
+
paddingBottom: 12
|
|
82
|
+
},
|
|
66
83
|
headerContent: {
|
|
67
84
|
height: HEADER_BASE_HEIGHT,
|
|
68
85
|
flexDirection: 'row',
|
|
69
86
|
alignItems: 'center'
|
|
70
87
|
},
|
|
88
|
+
headerContentSecondary: {
|
|
89
|
+
justifyContent: 'space-between'
|
|
90
|
+
},
|
|
71
91
|
slot: {
|
|
72
92
|
width: meassures.button.medium,
|
|
73
93
|
justifyContent: 'center'
|
|
@@ -84,6 +104,13 @@ const styles = StyleSheet.create({
|
|
|
84
104
|
textAlign: 'center',
|
|
85
105
|
marginHorizontal: 8
|
|
86
106
|
},
|
|
107
|
+
titleRow: {
|
|
108
|
+
paddingHorizontal: 0,
|
|
109
|
+
paddingTop: 4
|
|
110
|
+
},
|
|
111
|
+
titleSecondary: {
|
|
112
|
+
textAlign: 'left'
|
|
113
|
+
},
|
|
87
114
|
rightSlot: {
|
|
88
115
|
alignItems: 'flex-end'
|
|
89
116
|
},
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["StyleSheet","View","Text","IconButton","useTheme","meassures","jsx","_jsx","jsxs","_jsxs","HEADER_BASE_HEIGHT","Header","title","leftButton","rightButton","style","useInsets","children","colors","theme","topInset","insets","top","renderButton","button","iconName","
|
|
1
|
+
{"version":3,"names":["StyleSheet","View","Text","IconButton","useTheme","meassures","jsx","_jsx","jsxs","_jsxs","HEADER_BASE_HEIGHT","Header","title","variant","leftButton","rightButton","style","useInsets","children","colors","theme","topInset","insets","top","isSecondary","renderButton","button","iconName","size","onPress","disabled","rounded","styles","header","backgroundColor","background","borderBottomColor","border","paddingTop","headerSecondary","paddingBottom","headerContent","headerContentSecondary","slot","leftSlot","titleContainer","color","foreground","numberOfLines","ellipsizeMode","rightSlot","titleRow","titleSecondary","create","borderBottomWidth","paddingHorizontal","height","flexDirection","alignItems","justifyContent","width","medium","flex","textAlign","marginHorizontal"],"sourceRoot":"../../../src","sources":["components/Header.tsx"],"mappings":"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","ignoreList":[]}
|
package/lib/module/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["default","Button","Tabs","Input","Text","Card","Select","useUIKitTheme","LoadingIndicator","Checkbox","Chip","Icon","IconButton","Header","Switch","ButtonContainer","ButtonVariant","ButtonSize","convertHexToRgba","BottomSheet","TextArea","OtpInputContainer","OtpInput","CalendarPicker","Accordion","AccordionItem","CopyToClipboard","Dialog","DialogHeader","DialogTitle","DialogDescription","DialogFooter","DialogAction","DialogCancel"],"sourceRoot":"../../src","sources":["index.tsx"],"mappings":";;AAAA,SAASA,OAAO,IAAIC,MAAM,QAAQ,wBAAqB;AACvD,SAASD,OAAO,IAAIE,IAAI,QAAkB,sBAAmB;AAC7D,SAASF,OAAO,IAAIG,KAAK,QAAQ,uBAAoB;AACrD,SAASH,OAAO,IAAII,IAAI,QAAQ,sBAAmB;AACnD,SAASJ,OAAO,IAAIK,IAAI,QAAQ,sBAAmB;AACnD,SAASL,OAAO,IAAIM,MAAM,QAA2B,wBAAqB;AAC1E,SAASN,OAAO,IAAIO,aAAa,QAAQ,qBAAkB;AAE3D,SAASP,OAAO,IAAIQ,gBAAgB,QAAQ,kCAA+B;AAC3E,SAASR,OAAO,IAAIS,QAAQ,QAAQ,0BAAuB;AAC3D,SAAST,OAAO,IAAIU,IAAI,QAAQ,sBAAmB;AACnD,SAASV,OAAO,IAAIW,IAAI,QAAuB,sBAAmB;AAClE,SAASX,OAAO,IAAIY,UAAU,QAAQ,4BAAyB;AAC/D,SAASZ,OAAO,IAAIa,MAAM,
|
|
1
|
+
{"version":3,"names":["default","Button","Tabs","Input","Text","Card","Select","useUIKitTheme","LoadingIndicator","Checkbox","Chip","Icon","IconButton","Header","Switch","ButtonContainer","ButtonVariant","ButtonSize","convertHexToRgba","BottomSheet","TextArea","OtpInputContainer","OtpInput","CalendarPicker","Accordion","AccordionItem","CopyToClipboard","Dialog","DialogHeader","DialogTitle","DialogDescription","DialogFooter","DialogAction","DialogCancel"],"sourceRoot":"../../src","sources":["index.tsx"],"mappings":";;AAAA,SAASA,OAAO,IAAIC,MAAM,QAAQ,wBAAqB;AACvD,SAASD,OAAO,IAAIE,IAAI,QAAkB,sBAAmB;AAC7D,SAASF,OAAO,IAAIG,KAAK,QAAQ,uBAAoB;AACrD,SAASH,OAAO,IAAII,IAAI,QAAQ,sBAAmB;AACnD,SAASJ,OAAO,IAAIK,IAAI,QAAQ,sBAAmB;AACnD,SAASL,OAAO,IAAIM,MAAM,QAA2B,wBAAqB;AAC1E,SAASN,OAAO,IAAIO,aAAa,QAAQ,qBAAkB;AAE3D,SAASP,OAAO,IAAIQ,gBAAgB,QAAQ,kCAA+B;AAC3E,SAASR,OAAO,IAAIS,QAAQ,QAAQ,0BAAuB;AAC3D,SAAST,OAAO,IAAIU,IAAI,QAAQ,sBAAmB;AACnD,SAASV,OAAO,IAAIW,IAAI,QAAuB,sBAAmB;AAClE,SAASX,OAAO,IAAIY,UAAU,QAAQ,4BAAyB;AAC/D,SAASZ,OAAO,IAAIa,MAAM,QAA4B,wBAAqB;AAC3E,SAASb,OAAO,IAAIc,MAAM,QAAQ,wBAAqB;AACvD,SACEd,OAAO,IAAIe,eAAe,EAC1BC,aAAa,EACbC,UAAU,QACL,iCAA8B;AACrC,SAASC,gBAAgB,QAAQ,oBAAiB;AAClD,SAASlB,OAAO,IAAImB,WAAW,QAAQ,6BAA0B;AACjE,SAASnB,OAAO,IAAIoB,QAAQ,QAAQ,0BAAuB;AAC3D,SAASC,iBAAiB,QAAQ,mCAAgC;AAClE,SAASC,QAAQ,QAAQ,0BAAuB;AAEhD,SAAStB,OAAO,IAAIuB,cAAc,QAAQ,gCAA6B;AACvE,SAASvB,OAAO,IAAIwB,SAAS,EAAEC,aAAa,QAAQ,2BAAwB;AAC5E,SAASC,eAAe,QAAQ,iCAA8B;AAC9D,SACE1B,OAAO,IAAI2B,MAAM,EACjBC,YAAY,EACZC,WAAW,EACXC,iBAAiB,EACjBC,YAAY,EACZC,YAAY,EACZC,YAAY,QACP,wBAAqB","ignoreList":[]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ButtonContainer.d.ts","sourceRoot":"","sources":["../../../../src/components/ButtonContainer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA6B,MAAM,OAAO,CAAC;AAClD,OAAO,EAKL,KAAK,cAAc,EACnB,KAAK,SAAS,EACd,KAAK,SAAS,EACf,MAAM,cAAc,CAAC;AACtB,OAAiB,EAMf,KAAK,aAAa,EACnB,MAAM,yBAAyB,CAAC;AAOjC,oBAAY,aAAa;IACvB,IAAI,SAAS;IACb,OAAO,YAAY;IACnB,WAAW,gBAAgB;IAC3B,WAAW,gBAAgB;CAC5B;AAED,oBAAY,UAAU;IACpB,KAAK,UAAU;IACf,MAAM,WAAW;IACjB,KAAK,UAAU;IACf,MAAM,WAAW;CAClB;AAED,MAAM,MAAM,YAAY,GAAG;IACzB,eAAe,EAAE,MAAM,CAAC;IACxB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,EAAE,MAAM,CAAC;IAClB,sBAAsB,EAAE,MAAM,CAAC;CAChC,CAAC;AAEF,KAAK,KAAK,GAAG,IAAI,CAAC,cAAc,EAAE,UAAU,CAAC,GAAG;IAC9C,OAAO,CAAC,EAAE,MAAM,OAAO,aAAa,CAAC;IACrC,IAAI,CAAC,EAAE,MAAM,OAAO,UAAU,CAAC;IAC/B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,aAAa,EAAE,CAAC,MAAM,EAAE,YAAY,KAAK,KAAK,CAAC,SAAS,CAAC;IACzD,qBAAqB,CAAC,EAAE,SAAS,CAAC,aAAa,CAAC,SAAS,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC;IACvE,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,eAAe,CAAC,EACtC,QAAQ,EACR,OAAgB,EAChB,IAAc,EACd,OAAe,EACf,aAAa,EACb,SAAS,EACT,UAAU,EACV,qBAAqB,EACrB,eAAe,EACf,SAAS,EACT,WAAW,EACX,OAAe,EACf,GAAG,IAAI,EACR,EAAE,KAAK,
|
|
1
|
+
{"version":3,"file":"ButtonContainer.d.ts","sourceRoot":"","sources":["../../../../src/components/ButtonContainer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA6B,MAAM,OAAO,CAAC;AAClD,OAAO,EAKL,KAAK,cAAc,EACnB,KAAK,SAAS,EACd,KAAK,SAAS,EACf,MAAM,cAAc,CAAC;AACtB,OAAiB,EAMf,KAAK,aAAa,EACnB,MAAM,yBAAyB,CAAC;AAOjC,oBAAY,aAAa;IACvB,IAAI,SAAS;IACb,OAAO,YAAY;IACnB,SAAS,cAAc;IACvB,WAAW,gBAAgB;IAC3B,WAAW,gBAAgB;CAC5B;AAED,oBAAY,UAAU;IACpB,KAAK,UAAU;IACf,MAAM,WAAW;IACjB,KAAK,UAAU;IACf,MAAM,WAAW;CAClB;AAED,MAAM,MAAM,YAAY,GAAG;IACzB,eAAe,EAAE,MAAM,CAAC;IACxB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,EAAE,MAAM,CAAC;IAClB,sBAAsB,EAAE,MAAM,CAAC;CAChC,CAAC;AAEF,KAAK,KAAK,GAAG,IAAI,CAAC,cAAc,EAAE,UAAU,CAAC,GAAG;IAC9C,OAAO,CAAC,EAAE,MAAM,OAAO,aAAa,CAAC;IACrC,IAAI,CAAC,EAAE,MAAM,OAAO,UAAU,CAAC;IAC/B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,aAAa,EAAE,CAAC,MAAM,EAAE,YAAY,KAAK,KAAK,CAAC,SAAS,CAAC;IACzD,qBAAqB,CAAC,EAAE,SAAS,CAAC,aAAa,CAAC,SAAS,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC;IACvE,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,eAAe,CAAC,EACtC,QAAQ,EACR,OAAgB,EAChB,IAAc,EACd,OAAe,EACf,aAAa,EACb,SAAS,EACT,UAAU,EACV,qBAAqB,EACrB,eAAe,EACf,SAAS,EACT,WAAW,EACX,OAAe,EACf,GAAG,IAAI,EACR,EAAE,KAAK,2CA6GP"}
|
|
@@ -1,18 +1,23 @@
|
|
|
1
1
|
import { type PropsWithChildren } from 'react';
|
|
2
2
|
import { type ViewStyle, type StyleProp } from 'react-native';
|
|
3
3
|
import { type IconName } from './Icon';
|
|
4
|
+
import type { ButtonVariant } from './ButtonContainer';
|
|
5
|
+
export type HeaderVariant = 'default' | 'secondary';
|
|
4
6
|
type HeaderButtonProps = {
|
|
5
7
|
iconName: IconName;
|
|
6
8
|
onPress?: () => void;
|
|
7
9
|
disabled?: boolean;
|
|
10
|
+
variant?: keyof typeof ButtonVariant;
|
|
11
|
+
rounded?: boolean;
|
|
8
12
|
};
|
|
9
13
|
type Props = PropsWithChildren & {
|
|
10
14
|
title: string;
|
|
15
|
+
variant?: HeaderVariant;
|
|
11
16
|
leftButton?: HeaderButtonProps;
|
|
12
17
|
rightButton?: HeaderButtonProps;
|
|
13
18
|
style?: StyleProp<ViewStyle>;
|
|
14
19
|
useInsets?: boolean;
|
|
15
20
|
};
|
|
16
|
-
export default function Header({ title, leftButton, rightButton, style, useInsets, children, }: Props): import("react/jsx-runtime").JSX.Element;
|
|
21
|
+
export default function Header({ title, variant, leftButton, rightButton, style, useInsets, children, }: Props): import("react/jsx-runtime").JSX.Element;
|
|
17
22
|
export {};
|
|
18
23
|
//# sourceMappingURL=Header.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Header.d.ts","sourceRoot":"","sources":["../../../../src/components/Header.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAC/C,OAAO,EAAoB,KAAK,SAAS,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAIhF,OAAO,EAAE,KAAK,QAAQ,EAAE,MAAM,QAAQ,CAAC;
|
|
1
|
+
{"version":3,"file":"Header.d.ts","sourceRoot":"","sources":["../../../../src/components/Header.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAC/C,OAAO,EAAoB,KAAK,SAAS,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAIhF,OAAO,EAAE,KAAK,QAAQ,EAAE,MAAM,QAAQ,CAAC;AAKvC,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAEvD,MAAM,MAAM,aAAa,GAAG,SAAS,GAAG,WAAW,CAAC;AAEpD,KAAK,iBAAiB,GAAG;IACvB,QAAQ,EAAE,QAAQ,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,OAAO,aAAa,CAAC;IACrC,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC;AAEF,KAAK,KAAK,GAAG,iBAAiB,GAAG;IAC/B,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB,UAAU,CAAC,EAAE,iBAAiB,CAAC;IAC/B,WAAW,CAAC,EAAE,iBAAiB,CAAC;IAChC,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB,CAAC;AAIF,MAAM,CAAC,OAAO,UAAU,MAAM,CAAC,EAC7B,KAAK,EACL,OAAmB,EACnB,UAAU,EACV,WAAW,EACX,KAAK,EACL,SAAgB,EAChB,QAAQ,GACT,EAAE,KAAK,2CAwEP"}
|
|
@@ -11,7 +11,7 @@ export { default as Checkbox } from './components/Checkbox';
|
|
|
11
11
|
export { default as Chip } from './components/Chip';
|
|
12
12
|
export { default as Icon, type IconName } from './components/Icon';
|
|
13
13
|
export { default as IconButton } from './components/IconButton';
|
|
14
|
-
export { default as Header } from './components/Header';
|
|
14
|
+
export { default as Header, type HeaderVariant } from './components/Header';
|
|
15
15
|
export { default as Switch } from './components/Switch';
|
|
16
16
|
export { default as ButtonContainer, ButtonVariant, ButtonSize, } from './components/ButtonContainer';
|
|
17
17
|
export { convertHexToRgba } from './utils/uiUtils';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,KAAK,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAC9D,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,KAAK,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAC3E,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAC5D,YAAY,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAChD,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,+BAA+B,CAAC;AAC5E,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,KAAK,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AACnE,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAChE,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,qBAAqB,CAAC;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,KAAK,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAC9D,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,KAAK,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAC3E,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAC5D,YAAY,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAChD,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,+BAA+B,CAAC;AAC5E,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,KAAK,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AACnE,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAChE,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,KAAK,aAAa,EAAE,MAAM,qBAAqB,CAAC;AAC5E,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EACL,OAAO,IAAI,eAAe,EAC1B,aAAa,EACb,UAAU,GACX,MAAM,8BAA8B,CAAC;AACtC,OAAO,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;AACnD,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAC;AACnE,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjD,OAAO,EAAE,KAAK,oBAAoB,EAAE,MAAM,gCAAgC,CAAC;AAC3E,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,6BAA6B,CAAC;AACxE,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AAC7E,OAAO,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAC;AAC/D,OAAO,EACL,OAAO,IAAI,MAAM,EACjB,YAAY,EACZ,WAAW,EACX,iBAAiB,EACjB,YAAY,EACZ,YAAY,EACZ,YAAY,GACb,MAAM,qBAAqB,CAAC"}
|
package/package.json
CHANGED
|
@@ -25,6 +25,7 @@ import meassures from '../theme/meassures';
|
|
|
25
25
|
export enum ButtonVariant {
|
|
26
26
|
flat = 'flat',
|
|
27
27
|
outline = 'outline',
|
|
28
|
+
secondary = 'secondary',
|
|
28
29
|
transparent = 'transparent',
|
|
29
30
|
destructive = 'destructive',
|
|
30
31
|
}
|
|
@@ -97,7 +98,12 @@ export default function ButtonContainer({
|
|
|
97
98
|
flat: {
|
|
98
99
|
backgroundColor: colors.primary,
|
|
99
100
|
textColor: colors.altForeground,
|
|
100
|
-
pressedBackgroundColor: convertHexToRgba(colors.
|
|
101
|
+
pressedBackgroundColor: convertHexToRgba(colors.primary, 0.8),
|
|
102
|
+
},
|
|
103
|
+
secondary: {
|
|
104
|
+
backgroundColor: convertHexToRgba(colors.foreground, 0.1),
|
|
105
|
+
textColor: colors.foreground,
|
|
106
|
+
pressedBackgroundColor: convertHexToRgba(colors.foreground, 0.2),
|
|
101
107
|
},
|
|
102
108
|
}[variant];
|
|
103
109
|
|
|
@@ -8,15 +8,21 @@ import { type IconName } from './Icon';
|
|
|
8
8
|
import useTheme from '../hooks/useTheme';
|
|
9
9
|
|
|
10
10
|
import meassures from '../theme/meassures';
|
|
11
|
+
import type { ButtonVariant } from './ButtonContainer';
|
|
12
|
+
|
|
13
|
+
export type HeaderVariant = 'default' | 'secondary';
|
|
11
14
|
|
|
12
15
|
type HeaderButtonProps = {
|
|
13
16
|
iconName: IconName;
|
|
14
17
|
onPress?: () => void;
|
|
15
18
|
disabled?: boolean;
|
|
19
|
+
variant?: keyof typeof ButtonVariant;
|
|
20
|
+
rounded?: boolean;
|
|
16
21
|
};
|
|
17
22
|
|
|
18
23
|
type Props = PropsWithChildren & {
|
|
19
24
|
title: string;
|
|
25
|
+
variant?: HeaderVariant;
|
|
20
26
|
leftButton?: HeaderButtonProps;
|
|
21
27
|
rightButton?: HeaderButtonProps;
|
|
22
28
|
style?: StyleProp<ViewStyle>;
|
|
@@ -27,6 +33,7 @@ const HEADER_BASE_HEIGHT = 52;
|
|
|
27
33
|
|
|
28
34
|
export default function Header({
|
|
29
35
|
title,
|
|
36
|
+
variant = 'default',
|
|
30
37
|
leftButton,
|
|
31
38
|
rightButton,
|
|
32
39
|
style,
|
|
@@ -35,15 +42,17 @@ export default function Header({
|
|
|
35
42
|
}: Props) {
|
|
36
43
|
const { colors, theme } = useTheme();
|
|
37
44
|
const topInset = useInsets ? theme.insets?.top || 0 : 0;
|
|
45
|
+
const isSecondary = variant === 'secondary';
|
|
38
46
|
|
|
39
47
|
const renderButton = (button: HeaderButtonProps) => {
|
|
40
48
|
return (
|
|
41
49
|
<IconButton
|
|
42
50
|
iconName={button.iconName}
|
|
43
|
-
variant=
|
|
51
|
+
variant={button.variant ?? 'transparent'}
|
|
44
52
|
size="medium"
|
|
45
53
|
onPress={button.onPress}
|
|
46
54
|
disabled={button.disabled}
|
|
55
|
+
rounded={button.rounded}
|
|
47
56
|
/>
|
|
48
57
|
);
|
|
49
58
|
};
|
|
@@ -57,28 +66,48 @@ export default function Header({
|
|
|
57
66
|
borderBottomColor: colors.border,
|
|
58
67
|
paddingTop: topInset,
|
|
59
68
|
},
|
|
69
|
+
isSecondary && styles.headerSecondary,
|
|
60
70
|
!!children && styles.paddingBottom,
|
|
61
71
|
style,
|
|
62
72
|
]}
|
|
63
73
|
>
|
|
64
|
-
<View
|
|
74
|
+
<View
|
|
75
|
+
style={[
|
|
76
|
+
styles.headerContent,
|
|
77
|
+
isSecondary && styles.headerContentSecondary,
|
|
78
|
+
]}
|
|
79
|
+
>
|
|
65
80
|
<View style={[styles.slot, styles.leftSlot]}>
|
|
66
81
|
{leftButton && renderButton(leftButton)}
|
|
67
82
|
</View>
|
|
68
|
-
|
|
83
|
+
{!isSecondary && (
|
|
84
|
+
<View style={styles.titleContainer}>
|
|
85
|
+
<Text
|
|
86
|
+
variant="h3"
|
|
87
|
+
style={[styles.title, { color: colors.foreground }]}
|
|
88
|
+
numberOfLines={1}
|
|
89
|
+
ellipsizeMode="tail"
|
|
90
|
+
>
|
|
91
|
+
{title}
|
|
92
|
+
</Text>
|
|
93
|
+
</View>
|
|
94
|
+
)}
|
|
95
|
+
<View style={[styles.slot, styles.rightSlot]}>
|
|
96
|
+
{rightButton && renderButton(rightButton)}
|
|
97
|
+
</View>
|
|
98
|
+
</View>
|
|
99
|
+
{isSecondary && (
|
|
100
|
+
<View style={styles.titleRow}>
|
|
69
101
|
<Text
|
|
70
|
-
variant="
|
|
71
|
-
style={[styles.
|
|
102
|
+
variant="h2"
|
|
103
|
+
style={[styles.titleSecondary, { color: colors.foreground }]}
|
|
72
104
|
numberOfLines={1}
|
|
73
105
|
ellipsizeMode="tail"
|
|
74
106
|
>
|
|
75
107
|
{title}
|
|
76
108
|
</Text>
|
|
77
109
|
</View>
|
|
78
|
-
|
|
79
|
-
{rightButton && renderButton(rightButton)}
|
|
80
|
-
</View>
|
|
81
|
-
</View>
|
|
110
|
+
)}
|
|
82
111
|
{children}
|
|
83
112
|
</View>
|
|
84
113
|
);
|
|
@@ -86,15 +115,19 @@ export default function Header({
|
|
|
86
115
|
|
|
87
116
|
const styles = StyleSheet.create({
|
|
88
117
|
header: { borderBottomWidth: 1, paddingHorizontal: 16 },
|
|
118
|
+
headerSecondary: { paddingBottom: 12 },
|
|
89
119
|
headerContent: {
|
|
90
120
|
height: HEADER_BASE_HEIGHT,
|
|
91
121
|
flexDirection: 'row',
|
|
92
122
|
alignItems: 'center',
|
|
93
123
|
},
|
|
124
|
+
headerContentSecondary: { justifyContent: 'space-between' },
|
|
94
125
|
slot: { width: meassures.button.medium, justifyContent: 'center' },
|
|
95
126
|
leftSlot: { alignItems: 'flex-start' },
|
|
96
127
|
titleContainer: { flex: 1, alignItems: 'center', justifyContent: 'center' },
|
|
97
128
|
title: { textAlign: 'center', marginHorizontal: 8 },
|
|
129
|
+
titleRow: { paddingHorizontal: 0, paddingTop: 4 },
|
|
130
|
+
titleSecondary: { textAlign: 'left' },
|
|
98
131
|
rightSlot: { alignItems: 'flex-end' },
|
|
99
132
|
paddingBottom: { paddingBottom: 16 },
|
|
100
133
|
});
|
package/src/index.tsx
CHANGED
|
@@ -11,7 +11,7 @@ export { default as Checkbox } from './components/Checkbox';
|
|
|
11
11
|
export { default as Chip } from './components/Chip';
|
|
12
12
|
export { default as Icon, type IconName } from './components/Icon';
|
|
13
13
|
export { default as IconButton } from './components/IconButton';
|
|
14
|
-
export { default as Header } from './components/Header';
|
|
14
|
+
export { default as Header, type HeaderVariant } from './components/Header';
|
|
15
15
|
export { default as Switch } from './components/Switch';
|
|
16
16
|
export {
|
|
17
17
|
default as ButtonContainer,
|