@kiosinc/commons-rn 0.1.88 → 0.1.89
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 +7 -2
- package/lib/commonjs/components/Header.js.map +1 -1
- package/lib/module/components/Header.js +7 -2
- package/lib/module/components/Header.js.map +1 -1
- package/lib/typescript/src/components/Header.d.ts +2 -0
- package/lib/typescript/src/components/Header.d.ts.map +1 -1
- package/package.json +1 -1
- package/src/components/Header.tsx +11 -2
|
@@ -14,6 +14,8 @@ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e;
|
|
|
14
14
|
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
15
15
|
const restyleFunctions = (0, _restyle.composeRestyleFunctions)([_restyle.spacing, _restyle.spacingShorthand, _restyle.layout, _restyle.position, _restyle.border, _restyle.backgroundColor, _restyle.backgroundColorShorthand]);
|
|
16
16
|
const Header = ({
|
|
17
|
+
isBackButtonVisible = true,
|
|
18
|
+
isCloseButtonVisible,
|
|
17
19
|
title,
|
|
18
20
|
menuOptions,
|
|
19
21
|
textAlign = 'center',
|
|
@@ -30,7 +32,7 @@ const Header = ({
|
|
|
30
32
|
height: 60,
|
|
31
33
|
flexDirection: "row",
|
|
32
34
|
alignItems: "center"
|
|
33
|
-
}, props), navigation.canGoBack() ? /*#__PURE__*/React.createElement(_components.IconButton, {
|
|
35
|
+
}, props), navigation.canGoBack() && isBackButtonVisible ? /*#__PURE__*/React.createElement(_components.IconButton, {
|
|
34
36
|
icon: "arrow-left",
|
|
35
37
|
onPress: navigation.goBack
|
|
36
38
|
}) : /*#__PURE__*/React.createElement(_components.View, {
|
|
@@ -65,8 +67,11 @@ const Header = ({
|
|
|
65
67
|
}, menuOption, {
|
|
66
68
|
onPress: onPress
|
|
67
69
|
}));
|
|
68
|
-
})), customRightOptions, !menuOptions && !customRightOptions && /*#__PURE__*/React.createElement(_components.View, {
|
|
70
|
+
})), customRightOptions, !menuOptions && !customRightOptions && !isCloseButtonVisible && /*#__PURE__*/React.createElement(_components.View, {
|
|
69
71
|
width: 40
|
|
72
|
+
}), navigation.canGoBack() && isCloseButtonVisible && /*#__PURE__*/React.createElement(_components.IconButton, {
|
|
73
|
+
icon: "close",
|
|
74
|
+
onPress: navigation.goBack
|
|
70
75
|
}));
|
|
71
76
|
};
|
|
72
77
|
exports.Header = Header;
|
|
@@ -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","index","Item","String","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","isBackButtonVisible","isCloseButtonVisible","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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"}
|
|
@@ -8,6 +8,8 @@ import { useNavigation } from '@react-navigation/native';
|
|
|
8
8
|
import { useRestyle, spacing, border, backgroundColor, backgroundColorShorthand, composeRestyleFunctions, spacingShorthand, layout, position } from '@shopify/restyle';
|
|
9
9
|
const restyleFunctions = composeRestyleFunctions([spacing, spacingShorthand, layout, position, border, backgroundColor, backgroundColorShorthand]);
|
|
10
10
|
export const Header = ({
|
|
11
|
+
isBackButtonVisible = true,
|
|
12
|
+
isCloseButtonVisible,
|
|
11
13
|
title,
|
|
12
14
|
menuOptions,
|
|
13
15
|
textAlign = 'center',
|
|
@@ -24,7 +26,7 @@ export const Header = ({
|
|
|
24
26
|
height: 60,
|
|
25
27
|
flexDirection: "row",
|
|
26
28
|
alignItems: "center"
|
|
27
|
-
}, props), navigation.canGoBack() ? /*#__PURE__*/React.createElement(IconButton, {
|
|
29
|
+
}, props), navigation.canGoBack() && isBackButtonVisible ? /*#__PURE__*/React.createElement(IconButton, {
|
|
28
30
|
icon: "arrow-left",
|
|
29
31
|
onPress: navigation.goBack
|
|
30
32
|
}) : /*#__PURE__*/React.createElement(View, {
|
|
@@ -59,8 +61,11 @@ export const Header = ({
|
|
|
59
61
|
}, menuOption, {
|
|
60
62
|
onPress: onPress
|
|
61
63
|
}));
|
|
62
|
-
})), customRightOptions, !menuOptions && !customRightOptions && /*#__PURE__*/React.createElement(View, {
|
|
64
|
+
})), customRightOptions, !menuOptions && !customRightOptions && !isCloseButtonVisible && /*#__PURE__*/React.createElement(View, {
|
|
63
65
|
width: 40
|
|
66
|
+
}), navigation.canGoBack() && isCloseButtonVisible && /*#__PURE__*/React.createElement(IconButton, {
|
|
67
|
+
icon: "close",
|
|
68
|
+
onPress: navigation.goBack
|
|
64
69
|
}));
|
|
65
70
|
};
|
|
66
71
|
//# sourceMappingURL=Header.js.map
|
|
@@ -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","index","e","Item","key","String"],"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","isBackButtonVisible","isCloseButtonVisible","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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"}
|
|
@@ -5,6 +5,8 @@ import { type ThemeType } from '../theme';
|
|
|
5
5
|
import { MenuItemProps } from 'react-native-paper';
|
|
6
6
|
type RestyleProps = SpacingProps<ThemeType> & SpacingShorthandProps<ThemeType> & LayoutProps<ThemeType> & PositionProps<ThemeType> & BorderProps<ThemeType> & BackgroundColorProps<ThemeType> & BackgroundColorShorthandProps<ThemeType>;
|
|
7
7
|
type Props = RestyleProps & ViewProps & {
|
|
8
|
+
isBackButtonVisible?: boolean;
|
|
9
|
+
isCloseButtonVisible?: boolean;
|
|
8
10
|
textAlign?: 'center' | 'right' | 'left';
|
|
9
11
|
title?: string;
|
|
10
12
|
customRightOptions?: React.ReactNode;
|
|
@@ -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,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,
|
|
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,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,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,CAwElC,CAAC"}
|
package/package.json
CHANGED
|
@@ -45,6 +45,8 @@ const restyleFunctions = composeRestyleFunctions<ThemeType, RestyleProps>([
|
|
|
45
45
|
|
|
46
46
|
type Props = RestyleProps &
|
|
47
47
|
ViewProps & {
|
|
48
|
+
isBackButtonVisible?: boolean;
|
|
49
|
+
isCloseButtonVisible?: boolean;
|
|
48
50
|
textAlign?: 'center' | 'right' | 'left';
|
|
49
51
|
title?: string;
|
|
50
52
|
customRightOptions?: React.ReactNode;
|
|
@@ -52,6 +54,8 @@ type Props = RestyleProps &
|
|
|
52
54
|
};
|
|
53
55
|
|
|
54
56
|
export const Header: React.FC<Props> = ({
|
|
57
|
+
isBackButtonVisible = true,
|
|
58
|
+
isCloseButtonVisible,
|
|
55
59
|
title,
|
|
56
60
|
menuOptions,
|
|
57
61
|
textAlign = 'center',
|
|
@@ -74,7 +78,7 @@ export const Header: React.FC<Props> = ({
|
|
|
74
78
|
alignItems="center"
|
|
75
79
|
{...(props as ViewProps)}
|
|
76
80
|
>
|
|
77
|
-
{navigation.canGoBack() ? (
|
|
81
|
+
{navigation.canGoBack() && isBackButtonVisible ? (
|
|
78
82
|
<IconButton icon="arrow-left" onPress={navigation.goBack} />
|
|
79
83
|
) : (
|
|
80
84
|
<View width={40} />
|
|
@@ -113,7 +117,12 @@ export const Header: React.FC<Props> = ({
|
|
|
113
117
|
</Menu>
|
|
114
118
|
)}
|
|
115
119
|
{customRightOptions}
|
|
116
|
-
{!menuOptions && !customRightOptions &&
|
|
120
|
+
{!menuOptions && !customRightOptions && !isCloseButtonVisible && (
|
|
121
|
+
<View width={40} />
|
|
122
|
+
)}
|
|
123
|
+
{navigation.canGoBack() && isCloseButtonVisible && (
|
|
124
|
+
<IconButton icon="close" onPress={navigation.goBack} />
|
|
125
|
+
)}
|
|
117
126
|
</View>
|
|
118
127
|
);
|
|
119
128
|
};
|