@adiraku/react-native-ui 1.2.3-snapshot.7 → 1.2.3-snapshot.8

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.
Files changed (12) hide show
  1. package/lib/commonjs/components/Appbar/Appbar.component.js +1 -1
  2. package/lib/commonjs/components/Appbar/Appbar.style.js +3 -2
  3. package/lib/commonjs/components/Appbar/Appbar.style.js.map +1 -1
  4. package/lib/module/components/Appbar/Appbar.component.js +1 -1
  5. package/lib/module/components/Appbar/Appbar.style.js +3 -2
  6. package/lib/module/components/Appbar/Appbar.style.js.map +1 -1
  7. package/lib/typescript/components/Appbar/Appbar.type.d.ts +1 -0
  8. package/lib/typescript/components/Appbar/Appbar.type.d.ts.map +1 -1
  9. package/package.json +1 -1
  10. package/src/components/Appbar/Appbar.component.tsx +1 -1
  11. package/src/components/Appbar/Appbar.style.tsx +2 -2
  12. package/src/components/Appbar/Appbar.type.ts +2 -0
package/lib/commonjs/components/Appbar/Appbar.component.js CHANGED
@@ -34,7 +34,7 @@ const Appbar = props => {
34
34
  style: [computedStyle.container, withShadow && _themes.Shadow['shadow-elevation-2']]
35
35
  }, /*#__PURE__*/React.createElement(_reactNative.View, {
36
36
  style: [computedStyle.wrapperContainer, containerStyle]
37
- }, customHeader || /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(_reactNative.TouchableHighlight, _extends({
37
+ }, customHeader ?? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(_reactNative.TouchableHighlight, _extends({
38
38
  onPress: onBackPress,
39
39
  style: [computedStyle.iconWrapper],
40
40
  underlayColor: _themes.Palettes.grey[50]
package/lib/commonjs/components/Appbar/Appbar.style.js CHANGED
@@ -8,12 +8,13 @@ var _reactNative = require("react-native");
8
8
  var _themes = require("../../themes");
9
9
  const getStyle = props => {
10
10
  const {
11
- statusBarHeight = 0
11
+ statusBarHeight = 0,
12
+ backgroundColor = _themes.Palettes.white[50]
12
13
  } = props;
13
14
  const computedStyle = {};
14
15
  computedStyle.container = {
15
16
  paddingTop: statusBarHeight,
16
- backgroundColor: _themes.Palettes.white[50]
17
+ backgroundColor
17
18
  };
18
19
  computedStyle.wrapperContainer = {
19
20
  width: '100%',
package/lib/commonjs/components/Appbar/Appbar.style.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"names":["getStyle","props","statusBarHeight","computedStyle","container","paddingTop","backgroundColor","Palettes","white","wrapperContainer","width","height","padding","Spacing","flexDirection","justifyContent","alignItems","iconWrapper","borderRadius","Radius","contentWrapper","flex","marginLeft","title","StyleSheet","create"],"sourceRoot":"../../src","sources":["Appbar.style.tsx"],"mappings":";;;;;;AAAA;AAEA;AAcO,MAAMA,QAAQ,GAAIC,KAAkB,IAAK;EAC9C,MAAM;IAAEC,eAAe,GAAG;EAAE,CAAC,GAAGD,KAAK;EACrC,MAAME,aAAiC,GAAG,CAAC,CAAC;EAE5CA,aAAa,CAACC,SAAS,GAAG;IACxBC,UAAU,EAAEH,eAAe;IAC3BI,eAAe,EAAEC,gBAAQ,CAACC,KAAK,CAAC,EAAE;EACpC,CAAC;EAEDL,aAAa,CAACM,gBAAgB,GAAG;IAC/BC,KAAK,EAAE,MAAM;IACbC,MAAM,EAAE,EAAE;IACVC,OAAO,EAAEC,eAAO,CAAC,EAAE,CAAC;IACpBC,aAAa,EAAE,KAAK;IACpBC,cAAc,EAAE,YAAY;IAC5BC,UAAU,EAAE;EACd,CAAC;EAEDb,aAAa,CAACc,WAAW,GAAG;IAC1BL,OAAO,EAAEC,eAAO,CAAC,CAAC,CAAC;IACnBK,YAAY,EAAEC,cAAM,CAAC,CAAC;EACxB,CAAC;EAEDhB,aAAa,CAACiB,cAAc,GAAG;IAC7BC,IAAI,EAAE,CAAC;IACPC,UAAU,EAAET,eAAO,CAAC,EAAE,CAAC;IACvBC,aAAa,EAAE,KAAK;IACpBC,cAAc,EAAE,eAAe;IAC/BC,UAAU,EAAE;EACd,CAAC;EAEDb,aAAa,CAACoB,KAAK,GAAG;IACpBF,IAAI,EAAE;EACR,CAAC;EAED,OAAOG,uBAAU,CAACC,MAAM,CAACtB,aAAa,CAAC;AACzC,CAAC;AAAC"}
1
+ {"version":3,"names":["getStyle","props","statusBarHeight","backgroundColor","Palettes","white","computedStyle","container","paddingTop","wrapperContainer","width","height","padding","Spacing","flexDirection","justifyContent","alignItems","iconWrapper","borderRadius","Radius","contentWrapper","flex","marginLeft","title","StyleSheet","create"],"sourceRoot":"../../src","sources":["Appbar.style.tsx"],"mappings":";;;;;;AAAA;AAEA;AAcO,MAAMA,QAAQ,GAAIC,KAAkB,IAAK;EAC9C,MAAM;IAAEC,eAAe,GAAG,CAAC;IAAEC,eAAe,GAAGC,gBAAQ,CAACC,KAAK,CAAC,EAAE;EAAE,CAAC,GAAGJ,KAAK;EAC3E,MAAMK,aAAiC,GAAG,CAAC,CAAC;EAE5CA,aAAa,CAACC,SAAS,GAAG;IACxBC,UAAU,EAAEN,eAAe;IAC3BC;EACF,CAAC;EAEDG,aAAa,CAACG,gBAAgB,GAAG;IAC/BC,KAAK,EAAE,MAAM;IACbC,MAAM,EAAE,EAAE;IACVC,OAAO,EAAEC,eAAO,CAAC,EAAE,CAAC;IACpBC,aAAa,EAAE,KAAK;IACpBC,cAAc,EAAE,YAAY;IAC5BC,UAAU,EAAE;EACd,CAAC;EAEDV,aAAa,CAACW,WAAW,GAAG;IAC1BL,OAAO,EAAEC,eAAO,CAAC,CAAC,CAAC;IACnBK,YAAY,EAAEC,cAAM,CAAC,CAAC;EACxB,CAAC;EAEDb,aAAa,CAACc,cAAc,GAAG;IAC7BC,IAAI,EAAE,CAAC;IACPC,UAAU,EAAET,eAAO,CAAC,EAAE,CAAC;IACvBC,aAAa,EAAE,KAAK;IACpBC,cAAc,EAAE,eAAe;IAC/BC,UAAU,EAAE;EACd,CAAC;EAEDV,aAAa,CAACiB,KAAK,GAAG;IACpBF,IAAI,EAAE;EACR,CAAC;EAED,OAAOG,uBAAU,CAACC,MAAM,CAACnB,aAAa,CAAC;AACzC,CAAC;AAAC"}
package/lib/module/components/Appbar/Appbar.component.js CHANGED
@@ -26,7 +26,7 @@ const Appbar = props => {
26
26
  style: [computedStyle.container, withShadow && Shadow['shadow-elevation-2']]
27
27
  }, /*#__PURE__*/React.createElement(View, {
28
28
  style: [computedStyle.wrapperContainer, containerStyle]
29
- }, customHeader || /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(TouchableHighlight, _extends({
29
+ }, customHeader ?? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(TouchableHighlight, _extends({
30
30
  onPress: onBackPress,
31
31
  style: [computedStyle.iconWrapper],
32
32
  underlayColor: Palettes.grey[50]
package/lib/module/components/Appbar/Appbar.style.js CHANGED
@@ -2,12 +2,13 @@ import { StyleSheet } from 'react-native';
2
2
  import { Palettes, Radius, Spacing } from '../../themes';
3
3
  export const getStyle = props => {
4
4
  const {
5
- statusBarHeight = 0
5
+ statusBarHeight = 0,
6
+ backgroundColor = Palettes.white[50]
6
7
  } = props;
7
8
  const computedStyle = {};
8
9
  computedStyle.container = {
9
10
  paddingTop: statusBarHeight,
10
- backgroundColor: Palettes.white[50]
11
+ backgroundColor
11
12
  };
12
13
  computedStyle.wrapperContainer = {
13
14
  width: '100%',
package/lib/module/components/Appbar/Appbar.style.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"names":["StyleSheet","Palettes","Radius","Spacing","getStyle","props","statusBarHeight","computedStyle","container","paddingTop","backgroundColor","white","wrapperContainer","width","height","padding","flexDirection","justifyContent","alignItems","iconWrapper","borderRadius","contentWrapper","flex","marginLeft","title","create"],"sourceRoot":"../../src","sources":["Appbar.style.tsx"],"mappings":"AAAA,SAASA,UAAU,QAAQ,cAAc;AAEzC,SAASC,QAAQ,EAAEC,MAAM,EAAEC,OAAO,QAAQ,cAAc;AAcxD,OAAO,MAAMC,QAAQ,GAAIC,KAAkB,IAAK;EAC9C,MAAM;IAAEC,eAAe,GAAG;EAAE,CAAC,GAAGD,KAAK;EACrC,MAAME,aAAiC,GAAG,CAAC,CAAC;EAE5CA,aAAa,CAACC,SAAS,GAAG;IACxBC,UAAU,EAAEH,eAAe;IAC3BI,eAAe,EAAET,QAAQ,CAACU,KAAK,CAAC,EAAE;EACpC,CAAC;EAEDJ,aAAa,CAACK,gBAAgB,GAAG;IAC/BC,KAAK,EAAE,MAAM;IACbC,MAAM,EAAE,EAAE;IACVC,OAAO,EAAEZ,OAAO,CAAC,EAAE,CAAC;IACpBa,aAAa,EAAE,KAAK;IACpBC,cAAc,EAAE,YAAY;IAC5BC,UAAU,EAAE;EACd,CAAC;EAEDX,aAAa,CAACY,WAAW,GAAG;IAC1BJ,OAAO,EAAEZ,OAAO,CAAC,CAAC,CAAC;IACnBiB,YAAY,EAAElB,MAAM,CAAC,CAAC;EACxB,CAAC;EAEDK,aAAa,CAACc,cAAc,GAAG;IAC7BC,IAAI,EAAE,CAAC;IACPC,UAAU,EAAEpB,OAAO,CAAC,EAAE,CAAC;IACvBa,aAAa,EAAE,KAAK;IACpBC,cAAc,EAAE,eAAe;IAC/BC,UAAU,EAAE;EACd,CAAC;EAEDX,aAAa,CAACiB,KAAK,GAAG;IACpBF,IAAI,EAAE;EACR,CAAC;EAED,OAAOtB,UAAU,CAACyB,MAAM,CAAClB,aAAa,CAAC;AACzC,CAAC"}
1
+ {"version":3,"names":["StyleSheet","Palettes","Radius","Spacing","getStyle","props","statusBarHeight","backgroundColor","white","computedStyle","container","paddingTop","wrapperContainer","width","height","padding","flexDirection","justifyContent","alignItems","iconWrapper","borderRadius","contentWrapper","flex","marginLeft","title","create"],"sourceRoot":"../../src","sources":["Appbar.style.tsx"],"mappings":"AAAA,SAASA,UAAU,QAAQ,cAAc;AAEzC,SAASC,QAAQ,EAAEC,MAAM,EAAEC,OAAO,QAAQ,cAAc;AAcxD,OAAO,MAAMC,QAAQ,GAAIC,KAAkB,IAAK;EAC9C,MAAM;IAAEC,eAAe,GAAG,CAAC;IAAEC,eAAe,GAAGN,QAAQ,CAACO,KAAK,CAAC,EAAE;EAAE,CAAC,GAAGH,KAAK;EAC3E,MAAMI,aAAiC,GAAG,CAAC,CAAC;EAE5CA,aAAa,CAACC,SAAS,GAAG;IACxBC,UAAU,EAAEL,eAAe;IAC3BC;EACF,CAAC;EAEDE,aAAa,CAACG,gBAAgB,GAAG;IAC/BC,KAAK,EAAE,MAAM;IACbC,MAAM,EAAE,EAAE;IACVC,OAAO,EAAEZ,OAAO,CAAC,EAAE,CAAC;IACpBa,aAAa,EAAE,KAAK;IACpBC,cAAc,EAAE,YAAY;IAC5BC,UAAU,EAAE;EACd,CAAC;EAEDT,aAAa,CAACU,WAAW,GAAG;IAC1BJ,OAAO,EAAEZ,OAAO,CAAC,CAAC,CAAC;IACnBiB,YAAY,EAAElB,MAAM,CAAC,CAAC;EACxB,CAAC;EAEDO,aAAa,CAACY,cAAc,GAAG;IAC7BC,IAAI,EAAE,CAAC;IACPC,UAAU,EAAEpB,OAAO,CAAC,EAAE,CAAC;IACvBa,aAAa,EAAE,KAAK;IACpBC,cAAc,EAAE,eAAe;IAC/BC,UAAU,EAAE;EACd,CAAC;EAEDT,aAAa,CAACe,KAAK,GAAG;IACpBF,IAAI,EAAE;EACR,CAAC;EAED,OAAOtB,UAAU,CAACyB,MAAM,CAAChB,aAAa,CAAC;AACzC,CAAC"}
package/lib/typescript/components/Appbar/Appbar.type.d.ts CHANGED
@@ -9,6 +9,7 @@ export interface AppbarProps {
9
9
  titleProps?: TextProps;
10
10
  customHeader?: ReactNode;
11
11
  containerStyle?: ViewStyle;
12
+ backgroundColor?: ViewStyle['backgroundColor'];
12
13
  withShadow?: boolean;
13
14
  statusBarHeight?: number;
14
15
  buttonActions?: {
package/lib/typescript/components/Appbar/Appbar.type.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Appbar.type.d.ts","sourceRoot":"","sources":["../../../../src/components/Appbar/Appbar.type.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEzC,OAAO,KAAK,EAAE,uBAAuB,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEvE,MAAM,WAAW,WAAW;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf,WAAW,EAAE,MAAM,IAAI,CAAC;IAExB,QAAQ,CAAC,EAAE,SAAS,CAAC;IAErB,aAAa,CAAC,EAAE,uBAAuB,CAAC;IAExC,UAAU,CAAC,EAAE,SAAS,CAAC;IAEvB,YAAY,CAAC,EAAE,SAAS,CAAC;IAEzB,cAAc,CAAC,EAAE,SAAS,CAAC;IAE3B,UAAU,CAAC,EAAE,OAAO,CAAC;IAErB,eAAe,CAAC,EAAE,MAAM,CAAC;IAEzB,aAAa,CAAC,EAAE;QACd,IAAI,EAAE,SAAS,CAAC;QAChB,OAAO,EAAE,MAAM,IAAI,CAAC;QACpB,KAAK,CAAC,EAAE,uBAAuB,CAAC;KACjC,EAAE,CAAC;CACL"}
1
+ {"version":3,"file":"Appbar.type.d.ts","sourceRoot":"","sources":["../../../../src/components/Appbar/Appbar.type.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEzC,OAAO,KAAK,EAAE,uBAAuB,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEvE,MAAM,WAAW,WAAW;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf,WAAW,EAAE,MAAM,IAAI,CAAC;IAExB,QAAQ,CAAC,EAAE,SAAS,CAAC;IAErB,aAAa,CAAC,EAAE,uBAAuB,CAAC;IAExC,UAAU,CAAC,EAAE,SAAS,CAAC;IAEvB,YAAY,CAAC,EAAE,SAAS,CAAC;IAEzB,cAAc,CAAC,EAAE,SAAS,CAAC;IAE3B,eAAe,CAAC,EAAE,SAAS,CAAC,iBAAiB,CAAC,CAAC;IAE/C,UAAU,CAAC,EAAE,OAAO,CAAC;IAErB,eAAe,CAAC,EAAE,MAAM,CAAC;IAEzB,aAAa,CAAC,EAAE;QACd,IAAI,EAAE,SAAS,CAAC;QAChB,OAAO,EAAE,MAAM,IAAI,CAAC;QACpB,KAAK,CAAC,EAAE,uBAAuB,CAAC;KACjC,EAAE,CAAC;CACL"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@adiraku/react-native-ui",
3
- "version": "1.2.3-snapshot.7",
3
+ "version": "1.2.3-snapshot.8",
4
4
  "description": "UI library for Adiraku apps",
5
5
  "main": "lib/commonjs/index",
6
6
  "module": "lib/module/index",
package/src/components/Appbar/Appbar.component.tsx CHANGED
@@ -33,7 +33,7 @@ const Appbar: React.FunctionComponent<AppbarProps> = (props) => {
33
33
  ]}
34
34
  >
35
35
  <View style={[computedStyle.wrapperContainer, containerStyle]}>
36
- {customHeader || (
36
+ {customHeader ?? (
37
37
  <>
38
38
  <TouchableHighlight
39
39
  onPress={onBackPress}
package/src/components/Appbar/Appbar.style.tsx CHANGED
@@ -15,12 +15,12 @@ interface ComputedStyleProps {
15
15
  }
16
16
 
17
17
  export const getStyle = (props: AppbarProps) => {
18
- const { statusBarHeight = 0 } = props;
18
+ const { statusBarHeight = 0, backgroundColor = Palettes.white[50] } = props;
19
19
  const computedStyle: ComputedStyleProps = {};
20
20
 
21
21
  computedStyle.container = {
22
22
  paddingTop: statusBarHeight,
23
- backgroundColor: Palettes.white[50],
23
+ backgroundColor,
24
24
  };
25
25
 
26
26
  computedStyle.wrapperContainer = {
package/src/components/Appbar/Appbar.type.ts CHANGED
@@ -18,6 +18,8 @@ export interface AppbarProps {
18
18
 
19
19
  containerStyle?: ViewStyle;
20
20
 
21
+ backgroundColor?: ViewStyle['backgroundColor'];
22
+
21
23
  withShadow?: boolean;
22
24
 
23
25
  statusBarHeight?: number;