@kiosinc/commons-rn 0.1.69 → 0.1.70
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/commonjs/components/Header.js +5 -5
- package/lib/commonjs/components/Header.js.map +1 -1
- package/lib/module/components/Header.js +5 -5
- package/lib/module/components/Header.js.map +1 -1
- package/lib/typescript/src/components/Header.d.ts +3 -6
- package/lib/typescript/src/components/Header.d.ts.map +1 -1
- package/package.json +1 -1
- package/src/components/Header.tsx +6 -10
|
@@ -52,16 +52,16 @@ const Header = ({
|
|
|
52
52
|
icon: "dots-vertical",
|
|
53
53
|
onPress: openMenu
|
|
54
54
|
})
|
|
55
|
-
}, menuOptions.map(menuOption => {
|
|
56
|
-
const onPress =
|
|
55
|
+
}, menuOptions.map((menuOption, index) => {
|
|
56
|
+
const onPress = e => {
|
|
57
57
|
closeMenu();
|
|
58
|
-
menuOption
|
|
58
|
+
menuOption?.onPress?.(e);
|
|
59
59
|
};
|
|
60
60
|
return /*#__PURE__*/React.createElement(_reactNativePaper.Menu.Item, _extends({
|
|
61
|
+
key: String(index),
|
|
61
62
|
style: {
|
|
62
63
|
backgroundColor: theme.colors.background
|
|
63
|
-
}
|
|
64
|
-
key: menuOption.title
|
|
64
|
+
}
|
|
65
65
|
}, menuOption, {
|
|
66
66
|
onPress: onPress
|
|
67
67
|
}));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","_interopRequireWildcard","require","_components","_reactNativePaper","_native","_restyle","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","_extends","assign","bind","target","arguments","length","source","key","apply","restyleFunctions","composeRestyleFunctions","spacing","spacingShorthand","layout","position","border","backgroundColor","backgroundColorShorthand","Header","title","menuOptions","textAlign","customRightOptions","rest","props","useRestyle","navigation","useNavigation","visible","setVisible","useState","theme","useTheme","openMenu","closeMenu","createElement","View","height","flexDirection","alignItems","canGoBack","IconButton","icon","onPress","goBack","width","Text","flex","variant","Menu","style","colors","background","contentStyle","onDismiss","anchor","Appbar","Action","map","menuOption","Item","exports"],"sourceRoot":"../../../src","sources":["components/Header.tsx"],"mappings":";;;;;;AAAA,IAAAA,KAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,WAAA,GAAAD,OAAA;AACA,IAAAE,iBAAA,GAAAF,OAAA;AAGA,IAAAG,OAAA,GAAAH,OAAA;AAEA,IAAAI,QAAA,GAAAJ,OAAA;AAiB0B,SAAAK,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAP,wBAAAO,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAI,UAAA,SAAAJ,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAK,OAAA,EAAAL,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAG,GAAA,CAAAN,CAAA,UAAAG,CAAA,CAAAI,GAAA,CAAAP,CAAA,OAAAQ,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAd,CAAA,oBAAAc,CAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAjB,CAAA,EAAAc,CAAA,SAAAI,CAAA,GAAAR,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAc,CAAA,UAAAI,CAAA,KAAAA,CAAA,CAAAX,GAAA,IAAAW,CAAA,CAAAC,GAAA,IAAAR,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAI,CAAA,IAAAV,CAAA,CAAAM,CAAA,IAAAd,CAAA,CAAAc,CAAA,YAAAN,CAAA,CAAAH,OAAA,GAAAL,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAgB,GAAA,CAAAnB,CAAA,EAAAQ,CAAA,GAAAA,CAAA;AAAA,SAAAY,SAAA,IAAAA,QAAA,GAAAT,MAAA,CAAAU,MAAA,GAAAV,MAAA,CAAAU,MAAA,CAAAC,IAAA,eAAAC,MAAA,aAAAL,CAAA,MAAAA,CAAA,GAAAM,SAAA,CAAAC,MAAA,EAAAP,CAAA,UAAAQ,MAAA,GAAAF,SAAA,CAAAN,CAAA,YAAAS,GAAA,IAAAD,MAAA,QAAAf,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAS,MAAA,EAAAC,GAAA,KAAAJ,MAAA,CAAAI,GAAA,IAAAD,MAAA,CAAAC,GAAA,gBAAAJ,MAAA,YAAAH,QAAA,CAAAQ,KAAA,OAAAJ,SAAA;AAW1B,MAAMK,gBAAgB,GAAG,IAAAC,gCAAuB,EAA0B,CACxEC,gBAAO,EACPC,yBAAgB,EAChBC,eAAM,EACNC,iBAAQ,EACRC,eAAM,EACNC,wBAAe,EACfC,iCAAwB,CACzB,CAAC;
|
|
1
|
+
{"version":3,"names":["React","_interopRequireWildcard","require","_components","_reactNativePaper","_native","_restyle","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","_extends","assign","bind","target","arguments","length","source","key","apply","restyleFunctions","composeRestyleFunctions","spacing","spacingShorthand","layout","position","border","backgroundColor","backgroundColorShorthand","Header","title","menuOptions","textAlign","customRightOptions","rest","props","useRestyle","navigation","useNavigation","visible","setVisible","useState","theme","useTheme","openMenu","closeMenu","createElement","View","height","flexDirection","alignItems","canGoBack","IconButton","icon","onPress","goBack","width","Text","flex","variant","Menu","style","colors","background","contentStyle","onDismiss","anchor","Appbar","Action","map","menuOption","index","Item","String","exports"],"sourceRoot":"../../../src","sources":["components/Header.tsx"],"mappings":"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"}
|
|
@@ -46,16 +46,16 @@ export const Header = ({
|
|
|
46
46
|
icon: "dots-vertical",
|
|
47
47
|
onPress: openMenu
|
|
48
48
|
})
|
|
49
|
-
}, menuOptions.map(menuOption => {
|
|
50
|
-
const onPress =
|
|
49
|
+
}, menuOptions.map((menuOption, index) => {
|
|
50
|
+
const onPress = e => {
|
|
51
51
|
closeMenu();
|
|
52
|
-
menuOption
|
|
52
|
+
menuOption?.onPress?.(e);
|
|
53
53
|
};
|
|
54
54
|
return /*#__PURE__*/React.createElement(Menu.Item, _extends({
|
|
55
|
+
key: String(index),
|
|
55
56
|
style: {
|
|
56
57
|
backgroundColor: theme.colors.background
|
|
57
|
-
}
|
|
58
|
-
key: menuOption.title
|
|
58
|
+
}
|
|
59
59
|
}, menuOption, {
|
|
60
60
|
onPress: onPress
|
|
61
61
|
}));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","Text","Appbar","Menu","useTheme","IconButton","View","useNavigation","useRestyle","spacing","border","backgroundColor","backgroundColorShorthand","composeRestyleFunctions","spacingShorthand","layout","position","restyleFunctions","Header","title","menuOptions","textAlign","customRightOptions","rest","props","navigation","visible","setVisible","useState","theme","openMenu","closeMenu","createElement","_extends","height","flexDirection","alignItems","canGoBack","icon","onPress","goBack","width","flex","variant","style","colors","background","contentStyle","onDismiss","anchor","Action","map","menuOption","Item","key"],"sourceRoot":"../../../src","sources":["components/Header.tsx"],"mappings":";AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,IAAI,QAAQ,eAAe;AACpC,SAASC,MAAM,EAAEC,IAAI,EAAEC,QAAQ,QAAQ,oBAAoB;AAC3D,SAASC,UAAU,QAAQ,eAAe;AAC1C,SAASC,IAAI,QAAQ,eAAe;AACpC,SAASC,aAAa,QAAQ,0BAA0B;AAExD,SACEC,UAAU,EACVC,OAAO,EACPC,MAAM,EACNC,eAAe,EACfC,wBAAwB,EAIxBC,uBAAuB,EAIvBC,gBAAgB,EAChBC,MAAM,EACNC,QAAQ,QAEH,kBAAkB;AAWzB,MAAMC,gBAAgB,GAAGJ,uBAAuB,CAA0B,CACxEJ,OAAO,EACPK,gBAAgB,EAChBC,MAAM,EACNC,QAAQ,EACRN,MAAM,EACNC,eAAe,EACfC,wBAAwB,CACzB,CAAC;
|
|
1
|
+
{"version":3,"names":["React","Text","Appbar","Menu","useTheme","IconButton","View","useNavigation","useRestyle","spacing","border","backgroundColor","backgroundColorShorthand","composeRestyleFunctions","spacingShorthand","layout","position","restyleFunctions","Header","title","menuOptions","textAlign","customRightOptions","rest","props","navigation","visible","setVisible","useState","theme","openMenu","closeMenu","createElement","_extends","height","flexDirection","alignItems","canGoBack","icon","onPress","goBack","width","flex","variant","style","colors","background","contentStyle","onDismiss","anchor","Action","map","menuOption","index","e","Item","key","String"],"sourceRoot":"../../../src","sources":["components/Header.tsx"],"mappings":"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"}
|
|
@@ -1,17 +1,14 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
|
-
import { type
|
|
2
|
+
import { type ViewProps } from 'react-native';
|
|
3
3
|
import { type SpacingProps, type BorderProps, type BackgroundColorProps, type SpacingShorthandProps, type LayoutProps, type PositionProps, type BackgroundColorShorthandProps } from '@shopify/restyle';
|
|
4
4
|
import { type ThemeType } from '../theme';
|
|
5
|
+
import { MenuItemProps } from 'react-native-paper';
|
|
5
6
|
type RestyleProps = SpacingProps<ThemeType> & SpacingShorthandProps<ThemeType> & LayoutProps<ThemeType> & PositionProps<ThemeType> & BorderProps<ThemeType> & BackgroundColorProps<ThemeType> & BackgroundColorShorthandProps<ThemeType>;
|
|
6
7
|
type Props = RestyleProps & ViewProps & {
|
|
7
8
|
textAlign?: 'center' | 'right' | 'left';
|
|
8
9
|
title?: string;
|
|
9
10
|
customRightOptions?: React.ReactNode;
|
|
10
|
-
menuOptions?: Array<
|
|
11
|
-
leadingIcon: string;
|
|
12
|
-
title: string;
|
|
13
|
-
onPress: (e?: GestureResponderEvent) => void;
|
|
14
|
-
}>;
|
|
11
|
+
menuOptions?: Array<MenuItemProps>;
|
|
15
12
|
};
|
|
16
13
|
export declare const Header: React.FC<Props>;
|
|
17
14
|
export {};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Header.d.ts","sourceRoot":"","sources":["../../../../src/components/Header.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,OAAO,
|
|
1
|
+
{"version":3,"file":"Header.d.ts","sourceRoot":"","sources":["../../../../src/components/Header.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,OAAO,EAA8B,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAC1E,OAAO,EAML,KAAK,YAAY,EACjB,KAAK,WAAW,EAChB,KAAK,oBAAoB,EAEzB,KAAK,qBAAqB,EAC1B,KAAK,WAAW,EAChB,KAAK,aAAa,EAIlB,KAAK,6BAA6B,EACnC,MAAM,kBAAkB,CAAC;AAC1B,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,UAAU,CAAC;AAC1C,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AACnD,KAAK,YAAY,GAAG,YAAY,CAAC,SAAS,CAAC,GACzC,qBAAqB,CAAC,SAAS,CAAC,GAChC,WAAW,CAAC,SAAS,CAAC,GACtB,aAAa,CAAC,SAAS,CAAC,GACxB,WAAW,CAAC,SAAS,CAAC,GACtB,oBAAoB,CAAC,SAAS,CAAC,GAC/B,6BAA6B,CAAC,SAAS,CAAC,CAAC;AAY3C,KAAK,KAAK,GAAG,YAAY,GACvB,SAAS,GAAG;IACV,SAAS,CAAC,EAAE,QAAQ,GAAG,OAAO,GAAG,MAAM,CAAC;IACxC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,kBAAkB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACrC,WAAW,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,CAAC;CACpC,CAAC;AAEJ,eAAO,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAiElC,CAAC"}
|
package/package.json
CHANGED
|
@@ -24,7 +24,7 @@ import {
|
|
|
24
24
|
type BackgroundColorShorthandProps,
|
|
25
25
|
} from '@shopify/restyle';
|
|
26
26
|
import { type ThemeType } from '../theme';
|
|
27
|
-
|
|
27
|
+
import { MenuItemProps } from 'react-native-paper';
|
|
28
28
|
type RestyleProps = SpacingProps<ThemeType> &
|
|
29
29
|
SpacingShorthandProps<ThemeType> &
|
|
30
30
|
LayoutProps<ThemeType> &
|
|
@@ -48,11 +48,7 @@ type Props = RestyleProps &
|
|
|
48
48
|
textAlign?: 'center' | 'right' | 'left';
|
|
49
49
|
title?: string;
|
|
50
50
|
customRightOptions?: React.ReactNode;
|
|
51
|
-
menuOptions?: Array<
|
|
52
|
-
leadingIcon: string;
|
|
53
|
-
title: string;
|
|
54
|
-
onPress: (e?: GestureResponderEvent) => void;
|
|
55
|
-
}>;
|
|
51
|
+
menuOptions?: Array<MenuItemProps>;
|
|
56
52
|
};
|
|
57
53
|
|
|
58
54
|
export const Header: React.FC<Props> = ({
|
|
@@ -98,17 +94,17 @@ export const Header: React.FC<Props> = ({
|
|
|
98
94
|
onDismiss={closeMenu}
|
|
99
95
|
anchor={<Appbar.Action icon="dots-vertical" onPress={openMenu} />}
|
|
100
96
|
>
|
|
101
|
-
{menuOptions.map((menuOption) => {
|
|
102
|
-
const onPress = () => {
|
|
97
|
+
{menuOptions.map((menuOption, index) => {
|
|
98
|
+
const onPress = (e: GestureResponderEvent) => {
|
|
103
99
|
closeMenu();
|
|
104
|
-
menuOption
|
|
100
|
+
menuOption?.onPress?.(e);
|
|
105
101
|
};
|
|
106
102
|
return (
|
|
107
103
|
<Menu.Item
|
|
104
|
+
key={String(index)}
|
|
108
105
|
style={{
|
|
109
106
|
backgroundColor: theme.colors.background,
|
|
110
107
|
}}
|
|
111
|
-
key={menuOption.title}
|
|
112
108
|
{...menuOption}
|
|
113
109
|
onPress={onPress}
|
|
114
110
|
/>
|