@adiraku/react-native-ui 1.2.3-snapshot.8 → 1.2.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.
Files changed (60) hide show
  1. package/lib/commonjs/components/Appbar/Appbar.component.js +1 -1
  2. package/lib/commonjs/components/Appbar/Appbar.style.js +2 -3
  3. package/lib/commonjs/components/Appbar/Appbar.style.js.map +1 -1
  4. package/lib/commonjs/components/Tabs/Tabs.component.js +0 -1
  5. package/lib/commonjs/components/Tabs/Tabs.component.js.map +1 -1
  6. package/lib/commonjs/components/index.js +7 -0
  7. package/lib/commonjs/components/index.js.map +1 -1
  8. package/lib/commonjs/components/rounded-tab/rounded-tab.component.js +2 -7
  9. package/lib/commonjs/components/rounded-tab/rounded-tab.component.js.map +1 -1
  10. package/lib/commonjs/components/search-input/search-input.component.js +57 -0
  11. package/lib/commonjs/components/search-input/search-input.component.js.map +1 -0
  12. package/lib/commonjs/components/search-input/search-input.style.js +34 -0
  13. package/lib/commonjs/components/search-input/search-input.style.js.map +1 -0
  14. package/lib/commonjs/components/search-input/search-input.type.js +6 -0
  15. package/lib/commonjs/components/search-input/search-input.type.js.map +1 -0
  16. package/lib/commonjs/components/textlink/textlink.component.js +2 -2
  17. package/lib/commonjs/components/textlink/textlink.component.js.map +1 -1
  18. package/lib/module/components/Appbar/Appbar.component.js +1 -1
  19. package/lib/module/components/Appbar/Appbar.style.js +2 -3
  20. package/lib/module/components/Appbar/Appbar.style.js.map +1 -1
  21. package/lib/module/components/Tabs/Tabs.component.js +0 -1
  22. package/lib/module/components/Tabs/Tabs.component.js.map +1 -1
  23. package/lib/module/components/index.js +1 -0
  24. package/lib/module/components/index.js.map +1 -1
  25. package/lib/module/components/rounded-tab/rounded-tab.component.js +2 -7
  26. package/lib/module/components/rounded-tab/rounded-tab.component.js.map +1 -1
  27. package/lib/module/components/search-input/search-input.component.js +50 -0
  28. package/lib/module/components/search-input/search-input.component.js.map +1 -0
  29. package/lib/module/components/search-input/search-input.style.js +27 -0
  30. package/lib/module/components/search-input/search-input.style.js.map +1 -0
  31. package/lib/module/components/search-input/search-input.type.js +2 -0
  32. package/lib/module/components/search-input/search-input.type.js.map +1 -0
  33. package/lib/module/components/textlink/textlink.component.js +2 -2
  34. package/lib/module/components/textlink/textlink.component.js.map +1 -1
  35. package/lib/typescript/components/Appbar/Appbar.type.d.ts +0 -1
  36. package/lib/typescript/components/Appbar/Appbar.type.d.ts.map +1 -1
  37. package/lib/typescript/components/Tabs/Tabs.component.d.ts.map +1 -1
  38. package/lib/typescript/components/index.d.ts +2 -0
  39. package/lib/typescript/components/index.d.ts.map +1 -1
  40. package/lib/typescript/components/rounded-tab/rounded-tab.component.d.ts.map +1 -1
  41. package/lib/typescript/components/rounded-tab/rounded-tab.type.d.ts +1 -3
  42. package/lib/typescript/components/rounded-tab/rounded-tab.type.d.ts.map +1 -1
  43. package/lib/typescript/components/search-input/search-input.component.d.ts +4 -0
  44. package/lib/typescript/components/search-input/search-input.component.d.ts.map +1 -0
  45. package/lib/typescript/components/search-input/search-input.style.d.ts +10 -0
  46. package/lib/typescript/components/search-input/search-input.style.d.ts.map +1 -0
  47. package/lib/typescript/components/search-input/search-input.type.d.ts +7 -0
  48. package/lib/typescript/components/search-input/search-input.type.d.ts.map +1 -0
  49. package/package.json +1 -1
  50. package/src/components/Appbar/Appbar.component.tsx +1 -1
  51. package/src/components/Appbar/Appbar.style.tsx +2 -2
  52. package/src/components/Appbar/Appbar.type.ts +0 -2
  53. package/src/components/Tabs/Tabs.component.tsx +0 -1
  54. package/src/components/index.ts +2 -0
  55. package/src/components/rounded-tab/rounded-tab.component.tsx +2 -11
  56. package/src/components/rounded-tab/rounded-tab.type.ts +1 -3
  57. package/src/components/search-input/search-input.component.tsx +66 -0
  58. package/src/components/search-input/search-input.style.ts +38 -0
  59. package/src/components/search-input/search-input.type.ts +7 -0
  60. package/src/components/textlink/textlink.component.tsx +1 -1
@@ -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]
@@ -8,13 +8,12 @@ var _reactNative = require("react-native");
8
8
  var _themes = require("../../themes");
9
9
  const getStyle = props => {
10
10
  const {
11
- statusBarHeight = 0,
12
- backgroundColor = _themes.Palettes.white[50]
11
+ statusBarHeight = 0
13
12
  } = props;
14
13
  const computedStyle = {};
15
14
  computedStyle.container = {
16
15
  paddingTop: statusBarHeight,
17
- backgroundColor
16
+ backgroundColor: _themes.Palettes.white[50]
18
17
  };
19
18
  computedStyle.wrapperContainer = {
20
19
  width: '100%',
@@ -1 +1 @@
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"}
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"}
@@ -64,7 +64,6 @@ const Tabs = props => {
64
64
  return /*#__PURE__*/React.createElement(_reactNative.View, {
65
65
  style: [computedStyle.container]
66
66
  }, labels.map((label, idx) => /*#__PURE__*/React.createElement(_reactNative.TouchableOpacity, {
67
- key: idx,
68
67
  onPress: () => onTabPress(idx),
69
68
  style: [computedStyle.tabContainer],
70
69
  onLayout: event => onLayout(event, idx)
@@ -1 +1 @@
1
- {"version":3,"names":["Tabs","props","labels","onTabPress","activeIndex","computedStyle","getStyle","labelsLayout","setLabelsLayout","React","useState","indicatorWidth","Animated","Value","indicatorOffsetX","useEffect","getActiveIndex","length","Object","keys","currentActiveIndex","indicatorOffset","i","updatedWith","timing","toValue","easing","Easing","ease","useNativeDriver","duration","start","onLayout","event","idx","width","nativeEvent","layout","container","map","label","tabContainer","bottomMarker","left"],"sourceRoot":"../../src","sources":["Tabs.component.tsx"],"mappings":"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"}
1
+ {"version":3,"names":["Tabs","props","labels","onTabPress","activeIndex","computedStyle","getStyle","labelsLayout","setLabelsLayout","React","useState","indicatorWidth","Animated","Value","indicatorOffsetX","useEffect","getActiveIndex","length","Object","keys","currentActiveIndex","indicatorOffset","i","updatedWith","timing","toValue","easing","Easing","ease","useNativeDriver","duration","start","onLayout","event","idx","width","nativeEvent","layout","container","map","label","tabContainer","bottomMarker","left"],"sourceRoot":"../../src","sources":["Tabs.component.tsx"],"mappings":"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"}
@@ -129,6 +129,12 @@ Object.defineProperty(exports, "RoundedTab", {
129
129
  return _roundedTab.RoundedTab;
130
130
  }
131
131
  });
132
+ Object.defineProperty(exports, "SearchInput", {
133
+ enumerable: true,
134
+ get: function () {
135
+ return _searchInput.SearchInput;
136
+ }
137
+ });
132
138
  Object.defineProperty(exports, "SliderIndicator", {
133
139
  enumerable: true,
134
140
  get: function () {
@@ -227,6 +233,7 @@ var _Divider = require("./Divider/Divider.component");
227
233
  var _Tabs = require("./Tabs/Tabs.component");
228
234
  var _RadioButton = require("./RadioButton/RadioButton.component");
229
235
  var _BottomSheet = require("./BottomSheet/BottomSheet.component");
236
+ var _searchInput = require("./search-input/search-input.component");
230
237
  var _RadioInput = require("./RadioInput/RadioInput.component");
231
238
  var _CheckBoxInput = require("./CheckBoxInput/CheckBoxInput.component");
232
239
  var _Checkbox = require("./Checkbox/Checkbox.component");
@@ -1 +1 @@
1
- {"version":3,"names":[],"sourceRoot":"../../src","sources":["index.ts"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAIA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA"}
1
+ {"version":3,"names":[],"sourceRoot":"../../src","sources":["index.ts"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAIA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA"}
@@ -15,18 +15,14 @@ const RoundedTab = props => {
15
15
  const {
16
16
  data = [],
17
17
  selectedValue = '',
18
- onTabItemPress = () => null,
19
- containerStyle,
20
- contentContainerStyle
18
+ onTabItemPress = () => null
21
19
  } = props;
22
20
  const computedStyle = (0, _roundedTab.getStyle)(props);
23
21
  return /*#__PURE__*/React.createElement(_reactNative.View, {
24
- style: [computedStyle.container, containerStyle]
22
+ style: [computedStyle.container]
25
23
  }, /*#__PURE__*/React.createElement(_reactNative.FlatList, {
26
24
  horizontal: true,
27
25
  data: data,
28
- showsHorizontalScrollIndicator: false,
29
- contentContainerStyle: [contentContainerStyle],
30
26
  renderItem: _ref => {
31
27
  let {
32
28
  item
@@ -39,7 +35,6 @@ const RoundedTab = props => {
39
35
  ...rest
40
36
  } = item;
41
37
  return /*#__PURE__*/React.createElement(TabItem, _extends({
42
- key: label,
43
38
  label: label,
44
39
  value: value,
45
40
  isSelected: selectedValue === value,
@@ -1 +1 @@
1
- {"version":3,"names":["RoundedTab","props","data","selectedValue","onTabItemPress","containerStyle","contentContainerStyle","computedStyle","getStyle","container","item","label","value","leading","trailing","rest","itemSeparator","TabItem","isSelected","onPress","getTabItemStyle","animatedButtonScale","Animated","Value","onPressIn","spring","toValue","useNativeDriver","start","onPressOut","animatedScaleStyle","transform","scale","leadingWrapper","trailingWrapper"],"sourceRoot":"../../src","sources":["rounded-tab.component.tsx"],"mappings":"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"}
1
+ {"version":3,"names":["RoundedTab","props","data","selectedValue","onTabItemPress","computedStyle","getStyle","container","item","label","value","leading","trailing","rest","itemSeparator","TabItem","isSelected","onPress","getTabItemStyle","animatedButtonScale","Animated","Value","onPressIn","spring","toValue","useNativeDriver","start","onPressOut","animatedScaleStyle","transform","scale","leadingWrapper","trailingWrapper"],"sourceRoot":"../../src","sources":["rounded-tab.component.tsx"],"mappings":"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"}
@@ -0,0 +1,57 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.SearchInput = void 0;
7
+ var React = _interopRequireWildcard(require("react"));
8
+ var _reactNative = require("react-native");
9
+ var _themes = require("../../themes");
10
+ var _icons = require("../../icons");
11
+ var _searchInput = require("./search-input.style");
12
+ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
13
+ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
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
+ const SearchInput = props => {
16
+ const {
17
+ value = '',
18
+ onFocus = () => null,
19
+ onBlur = () => null,
20
+ trailingIcon,
21
+ onTraillingIconPress,
22
+ ...rest
23
+ } = props;
24
+ const computedStyle = (0, _searchInput.getStyles)();
25
+ const [focused, setFocused] = React.useState(false);
26
+ const handleOnFocus = event => {
27
+ setFocused(true);
28
+ onFocus(event);
29
+ };
30
+ const handleOnBlur = event => {
31
+ onBlur(event);
32
+ setFocused(false);
33
+ };
34
+ return /*#__PURE__*/React.createElement(_reactNative.View, {
35
+ style: [computedStyle.container, {
36
+ borderColor: focused ? _themes.Palettes.black[900] : _themes.Palettes.grey[300]
37
+ }]
38
+ }, /*#__PURE__*/React.createElement(_icons.IconSearch, {
39
+ width: 24,
40
+ height: 24
41
+ }), /*#__PURE__*/React.createElement(_reactNative.TextInput, _extends({
42
+ style: [computedStyle.textInput],
43
+ placeholderTextColor: _themes.Palettes.grey[400],
44
+ onBlur: handleOnBlur,
45
+ onFocus: handleOnFocus,
46
+ value: value
47
+ }, rest)), value.length > 0 && /*#__PURE__*/React.createElement(_reactNative.TouchableWithoutFeedback, {
48
+ onPress: onTraillingIconPress
49
+ }, /*#__PURE__*/React.createElement(_reactNative.View, {
50
+ style: [computedStyle.trailingIconContainer]
51
+ }, trailingIcon || /*#__PURE__*/React.createElement(_icons.IconRoundClose, {
52
+ width: 16,
53
+ height: 16
54
+ }))));
55
+ };
56
+ exports.SearchInput = SearchInput;
57
+ //# sourceMappingURL=search-input.component.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"names":["SearchInput","props","value","onFocus","onBlur","trailingIcon","onTraillingIconPress","rest","computedStyle","getStyles","focused","setFocused","React","useState","handleOnFocus","event","handleOnBlur","container","borderColor","Palettes","black","grey","textInput","length","trailingIconContainer"],"sourceRoot":"../../src","sources":["search-input.component.tsx"],"mappings":";;;;;;AAAA;AACA;AAGA;AACA;AACA;AAAiD;AAAA;AAAA;AAM1C,MAAMA,WAAW,GAAIC,KAAuB,IAAK;EACtD,MAAM;IACJC,KAAK,GAAG,EAAE;IACVC,OAAO,GAAG,MAAM,IAAI;IACpBC,MAAM,GAAG,MAAM,IAAI;IACnBC,YAAY;IACZC,oBAAoB;IACpB,GAAGC;EACL,CAAC,GAAGN,KAAK;EAET,MAAMO,aAAa,GAAG,IAAAC,sBAAS,GAAE;EAEjC,MAAM,CAACC,OAAO,EAAEC,UAAU,CAAC,GAAGC,KAAK,CAACC,QAAQ,CAAC,KAAK,CAAC;EAEnD,MAAMC,aAAa,GACjBC,KAAoD,IACjD;IACHJ,UAAU,CAAC,IAAI,CAAC;IAChBR,OAAO,CAACY,KAAK,CAAC;EAChB,CAAC;EACD,MAAMC,YAAY,GAChBD,KAAoD,IACjD;IACHX,MAAM,CAACW,KAAK,CAAC;IACbJ,UAAU,CAAC,KAAK,CAAC;EACnB,CAAC;EACD,oBACE,oBAAC,iBAAI;IACH,KAAK,EAAE,CACLH,aAAa,CAACS,SAAS,EACvB;MAAEC,WAAW,EAAER,OAAO,GAAGS,gBAAQ,CAACC,KAAK,CAAC,GAAG,CAAC,GAAGD,gBAAQ,CAACE,IAAI,CAAC,GAAG;IAAE,CAAC;EACnE,gBAEF,oBAAC,iBAAU;IAAC,KAAK,EAAE,EAAG;IAAC,MAAM,EAAE;EAAG,EAAG,eAErC,oBAAC,sBAAS;IACR,KAAK,EAAE,CAACb,aAAa,CAACc,SAAS,CAAE;IACjC,oBAAoB,EAAEH,gBAAQ,CAACE,IAAI,CAAC,GAAG,CAAE;IACzC,MAAM,EAAEL,YAAa;IACrB,OAAO,EAAEF,aAAc;IACvB,KAAK,EAAEZ;EAAM,GACTK,IAAI,EACR,EAEDL,KAAK,CAACqB,MAAM,GAAG,CAAC,iBACf,oBAAC,qCAAwB;IAAC,OAAO,EAAEjB;EAAqB,gBACtD,oBAAC,iBAAI;IAAC,KAAK,EAAE,CAACE,aAAa,CAACgB,qBAAqB;EAAE,GAChDnB,YAAY,iBAAI,oBAAC,qBAAc;IAAC,KAAK,EAAE,EAAG;IAAC,MAAM,EAAE;EAAG,EAAG,CACrD,CAEV,CACI;AAEX,CAAC;AAAC"}
@@ -0,0 +1,34 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.getStyles = void 0;
7
+ var _reactNative = require("react-native");
8
+ var _themes = require("../../themes");
9
+ const getStyles = () => {
10
+ const style = {};
11
+ style.container = {
12
+ width: '100%',
13
+ maxHeight: 40,
14
+ flexDirection: 'row',
15
+ alignItems: 'center',
16
+ borderRadius: _themes.Radius.full,
17
+ overflow: 'hidden',
18
+ borderWidth: 1.5,
19
+ paddingHorizontal: _themes.Spacing[12]
20
+ };
21
+ style.textInput = {
22
+ marginLeft: _themes.Spacing[8],
23
+ fontFamily: 'Montserrat-Regular',
24
+ flex: 1,
25
+ textAlignVertical: 'center',
26
+ color: _themes.Palettes.black[900]
27
+ };
28
+ style.trailingIconContainer = {
29
+ padding: _themes.Spacing[4]
30
+ };
31
+ return _reactNative.StyleSheet.create(style);
32
+ };
33
+ exports.getStyles = getStyles;
34
+ //# sourceMappingURL=search-input.style.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"names":["getStyles","style","container","width","maxHeight","flexDirection","alignItems","borderRadius","Radius","full","overflow","borderWidth","paddingHorizontal","Spacing","textInput","marginLeft","fontFamily","flex","textAlignVertical","color","Palettes","black","trailingIconContainer","padding","StyleSheet","create"],"sourceRoot":"../../src","sources":["search-input.style.ts"],"mappings":";;;;;;AAAA;AACA;AASO,MAAMA,SAAS,GAAG,MAAM;EAC7B,MAAMC,KAAgB,GAAG,CAAC,CAAC;EAE3BA,KAAK,CAACC,SAAS,GAAG;IAChBC,KAAK,EAAE,MAAM;IACbC,SAAS,EAAE,EAAE;IACbC,aAAa,EAAE,KAAK;IACpBC,UAAU,EAAE,QAAQ;IACpBC,YAAY,EAAEC,cAAM,CAACC,IAAI;IACzBC,QAAQ,EAAE,QAAQ;IAClBC,WAAW,EAAE,GAAG;IAChBC,iBAAiB,EAAEC,eAAO,CAAC,EAAE;EAC/B,CAAC;EAEDZ,KAAK,CAACa,SAAS,GAAG;IAChBC,UAAU,EAAEF,eAAO,CAAC,CAAC,CAAC;IACtBG,UAAU,EAAE,oBAAoB;IAChCC,IAAI,EAAE,CAAC;IACPC,iBAAiB,EAAE,QAAQ;IAC3BC,KAAK,EAAEC,gBAAQ,CAACC,KAAK,CAAC,GAAG;EAC3B,CAAC;EAEDpB,KAAK,CAACqB,qBAAqB,GAAG;IAC5BC,OAAO,EAAEV,eAAO,CAAC,CAAC;EACpB,CAAC;EAED,OAAOW,uBAAU,CAACC,MAAM,CAACxB,KAAK,CAAC;AACjC,CAAC;AAAC"}
@@ -0,0 +1,6 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ //# sourceMappingURL=search-input.type.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"names":[],"sourceRoot":"../../src","sources":["search-input.type.ts"],"mappings":""}
@@ -30,9 +30,9 @@ const TextLink = props => {
30
30
  disabled: disabled
31
31
  }, rest), hasLeading && leading, /*#__PURE__*/_react.default.createElement(_typography.Typography, {
32
32
  variant: "button",
33
- style: [computedStyle.label, hasLeading && computedStyle.hasLeading, hasTrailing && computedStyle.hasTrailing, textStyles, {
33
+ style: [computedStyle.label, hasLeading && computedStyle.hasLeading, hasTrailing && computedStyle.hasTrailing, {
34
34
  color: disabled ? _themes.Palettes.grey[500] : _themes.Palettes.blueDark[700]
35
- }],
35
+ }, textStyles],
36
36
  numberOfLines: numberOfLines
37
37
  }, label), hasTrailing && trailing);
38
38
  };
@@ -1 +1 @@
1
- {"version":3,"names":["TextLink","props","label","textStyles","trailing","leading","containerStyles","numberOfLines","disabled","rest","hasTrailing","hasLeading","computedStyle","getStyle","container","color","Palettes","grey","blueDark"],"sourceRoot":"../../src","sources":["textlink.component.tsx"],"mappings":";;;;;;AAAA;AAEA;AACA;AACA;AACA;AAAwC;AAAA;AAEjC,MAAMA,QAAgD,GAAIC,KAAK,IAAK;EACzE,MAAM;IACJC,KAAK,GAAG,EAAE;IACVC,UAAU;IACVC,QAAQ;IACRC,OAAO;IACPC,eAAe;IACfC,aAAa;IACbC,QAAQ;IACR,GAAGC;EACL,CAAC,GAAGR,KAAK;EAET,MAAMS,WAAW,GAAG,CAAC,CAACN,QAAQ;EAC9B,MAAMO,UAAU,GAAG,CAAC,CAACN,OAAO;EAE5B,MAAMO,aAAa,GAAG,IAAAC,kBAAQ,GAAE;EAEhC,oBACE,6BAAC,6BAAgB;IACf,KAAK,EAAE,CAACD,aAAa,CAACE,SAAS,EAAER,eAAe,CAAE;IAClD,QAAQ,EAAEE;EAAS,GACfC,IAAI,GAEPE,UAAU,IAAIN,OAAO,eACtB,6BAAC,sBAAU;IACT,OAAO,EAAC,QAAQ;IAChB,KAAK,EAAE,CACLO,aAAa,CAACV,KAAK,EACnBS,UAAU,IAAIC,aAAa,CAACD,UAAU,EACtCD,WAAW,IAAIE,aAAa,CAACF,WAAW,EACxCP,UAAU,EACV;MACEY,KAAK,EAAEP,QAAQ,GAAGQ,gBAAQ,CAACC,IAAI,CAAC,GAAG,CAAC,GAAGD,gBAAQ,CAACE,QAAQ,CAAC,GAAG;IAC9D,CAAC,CACD;IACF,aAAa,EAAEX;EAAc,GAE5BL,KAAK,CACK,EACZQ,WAAW,IAAIN,QAAQ,CACP;AAEvB,CAAC;AAAC"}
1
+ {"version":3,"names":["TextLink","props","label","textStyles","trailing","leading","containerStyles","numberOfLines","disabled","rest","hasTrailing","hasLeading","computedStyle","getStyle","container","color","Palettes","grey","blueDark"],"sourceRoot":"../../src","sources":["textlink.component.tsx"],"mappings":";;;;;;AAAA;AAEA;AACA;AACA;AACA;AAAwC;AAAA;AAEjC,MAAMA,QAAgD,GAAIC,KAAK,IAAK;EACzE,MAAM;IACJC,KAAK,GAAG,EAAE;IACVC,UAAU;IACVC,QAAQ;IACRC,OAAO;IACPC,eAAe;IACfC,aAAa;IACbC,QAAQ;IACR,GAAGC;EACL,CAAC,GAAGR,KAAK;EAET,MAAMS,WAAW,GAAG,CAAC,CAACN,QAAQ;EAC9B,MAAMO,UAAU,GAAG,CAAC,CAACN,OAAO;EAE5B,MAAMO,aAAa,GAAG,IAAAC,kBAAQ,GAAE;EAEhC,oBACE,6BAAC,6BAAgB;IACf,KAAK,EAAE,CAACD,aAAa,CAACE,SAAS,EAAER,eAAe,CAAE;IAClD,QAAQ,EAAEE;EAAS,GACfC,IAAI,GAEPE,UAAU,IAAIN,OAAO,eACtB,6BAAC,sBAAU;IACT,OAAO,EAAC,QAAQ;IAChB,KAAK,EAAE,CACLO,aAAa,CAACV,KAAK,EACnBS,UAAU,IAAIC,aAAa,CAACD,UAAU,EACtCD,WAAW,IAAIE,aAAa,CAACF,WAAW,EACxC;MACEK,KAAK,EAAEP,QAAQ,GAAGQ,gBAAQ,CAACC,IAAI,CAAC,GAAG,CAAC,GAAGD,gBAAQ,CAACE,QAAQ,CAAC,GAAG;IAC9D,CAAC,EACDf,UAAU,CACV;IACF,aAAa,EAAEI;EAAc,GAE5BL,KAAK,CACK,EACZQ,WAAW,IAAIN,QAAQ,CACP;AAEvB,CAAC;AAAC"}
@@ -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]
@@ -2,13 +2,12 @@ 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,
6
- backgroundColor = Palettes.white[50]
5
+ statusBarHeight = 0
7
6
  } = props;
8
7
  const computedStyle = {};
9
8
  computedStyle.container = {
10
9
  paddingTop: statusBarHeight,
11
- backgroundColor
10
+ backgroundColor: Palettes.white[50]
12
11
  };
13
12
  computedStyle.wrapperContainer = {
14
13
  width: '100%',
@@ -1 +1 @@
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"}
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"}
@@ -56,7 +56,6 @@ const Tabs = props => {
56
56
  return /*#__PURE__*/React.createElement(View, {
57
57
  style: [computedStyle.container]
58
58
  }, labels.map((label, idx) => /*#__PURE__*/React.createElement(TouchableOpacity, {
59
- key: idx,
60
59
  onPress: () => onTabPress(idx),
61
60
  style: [computedStyle.tabContainer],
62
61
  onLayout: event => onLayout(event, idx)
@@ -1 +1 @@
1
- {"version":3,"names":["React","Animated","Easing","View","TouchableOpacity","getStyle","Typography","Tabs","props","labels","onTabPress","activeIndex","computedStyle","labelsLayout","setLabelsLayout","useState","indicatorWidth","Value","indicatorOffsetX","useEffect","getActiveIndex","length","Object","keys","currentActiveIndex","indicatorOffset","i","updatedWith","timing","toValue","easing","ease","useNativeDriver","duration","start","onLayout","event","idx","width","nativeEvent","layout","container","map","label","tabContainer","bottomMarker","left"],"sourceRoot":"../../src","sources":["Tabs.component.tsx"],"mappings":"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"}
1
+ {"version":3,"names":["React","Animated","Easing","View","TouchableOpacity","getStyle","Typography","Tabs","props","labels","onTabPress","activeIndex","computedStyle","labelsLayout","setLabelsLayout","useState","indicatorWidth","Value","indicatorOffsetX","useEffect","getActiveIndex","length","Object","keys","currentActiveIndex","indicatorOffset","i","updatedWith","timing","toValue","easing","ease","useNativeDriver","duration","start","onLayout","event","idx","width","nativeEvent","layout","container","map","label","tabContainer","bottomMarker","left"],"sourceRoot":"../../src","sources":["Tabs.component.tsx"],"mappings":"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"}
@@ -12,6 +12,7 @@ export { Divider } from './Divider/Divider.component';
12
12
  export { Tabs } from './Tabs/Tabs.component';
13
13
  export { RadioButton } from './RadioButton/RadioButton.component';
14
14
  export { BottomSheet, BottomSheetHandler } from './BottomSheet/BottomSheet.component';
15
+ export { SearchInput } from './search-input/search-input.component';
15
16
  export { RadioInput } from './RadioInput/RadioInput.component';
16
17
  export { CheckBoxInput } from './CheckBoxInput/CheckBoxInput.component';
17
18
  export { Checkbox } from './Checkbox/Checkbox.component';
@@ -1 +1 @@
1
- {"version":3,"names":["Button","Label","BaseComponent","Typography","Coachmark","TextLink","SliderIndicator","TextInput","TextArea","StepperCounter","Divider","Tabs","RadioButton","BottomSheet","BottomSheetHandler","RadioInput","CheckBoxInput","Checkbox","Appbar","Snackbar","SnackbarComponent","Switch","Dot","InformationBox","RoundedTab","Countdown","Mask","MaskArray","MaskInputProps","MaskItem","Masks","UseMaskedInputProps","createNumberMask","formatWithMask","useMaskedInputProps"],"sourceRoot":"../../src","sources":["index.ts"],"mappings":"AAAA,SAASA,MAAM,QAAQ,2BAA2B;AAClD,SAASC,KAAK,QAAQ,yBAAyB;AAC/C,SAASC,aAAa,QAAQ,uBAAuB;AACrD,SAASC,UAAU,QAAQ,mCAAmC;AAC9D,SAASC,SAAS,QAAQ,iCAAiC;AAC3D,SAASC,QAAQ,QAAQ,+BAA+B;AACxD,SAASC,eAAe,QAAQ,+CAA+C;AAC/E,SAASC,SAAS,QAAQ,iCAAiC;AAC3D,SAASC,QAAQ,QAAQ,+BAA+B;AACxD,SAASC,cAAc,QAAQ,2CAA2C;AAC1E,SAASC,OAAO,QAAQ,6BAA6B;AACrD,SAASC,IAAI,QAAQ,uBAAuB;AAC5C,SAASC,WAAW,QAAQ,qCAAqC;AACjE,SACEC,WAAW,EACXC,kBAAkB,QACb,qCAAqC;AAC5C,SAASC,UAAU,QAAQ,mCAAmC;AAC9D,SAASC,aAAa,QAAQ,yCAAyC;AACvE,SAASC,QAAQ,QAAQ,+BAA+B;AACxD,SAASC,MAAM,QAAQ,2BAA2B;AAClD,SAASC,QAAQ,EAAEC,iBAAiB,QAAQ,+BAA+B;AAC3E,SAASC,MAAM,QAAQ,2BAA2B;AAClD,SAASC,GAAG,QAAQ,qBAAqB;AACzC,SAASC,cAAc,QAAQ,6CAA6C;AAC5E,SAASC,UAAU,QAAQ,qCAAqC;AAChE,SAASC,SAAS,QAAQ,iCAAiC;AAC3D,SACEC,IAAI,EACJC,SAAS,EACTC,cAAc,EACdC,QAAQ,EACRC,KAAK,EACLC,mBAAmB,EACnBC,gBAAgB,EAChBC,cAAc,EACdC,mBAAmB,QACd,yBAAyB"}
1
+ {"version":3,"names":["Button","Label","BaseComponent","Typography","Coachmark","TextLink","SliderIndicator","TextInput","TextArea","StepperCounter","Divider","Tabs","RadioButton","BottomSheet","BottomSheetHandler","SearchInput","RadioInput","CheckBoxInput","Checkbox","Appbar","Snackbar","SnackbarComponent","Switch","Dot","InformationBox","RoundedTab","Countdown","Mask","MaskArray","MaskInputProps","MaskItem","Masks","UseMaskedInputProps","createNumberMask","formatWithMask","useMaskedInputProps"],"sourceRoot":"../../src","sources":["index.ts"],"mappings":"AAAA,SAASA,MAAM,QAAQ,2BAA2B;AAClD,SAASC,KAAK,QAAQ,yBAAyB;AAC/C,SAASC,aAAa,QAAQ,uBAAuB;AACrD,SAASC,UAAU,QAAQ,mCAAmC;AAC9D,SAASC,SAAS,QAAQ,iCAAiC;AAC3D,SAASC,QAAQ,QAAQ,+BAA+B;AACxD,SAASC,eAAe,QAAQ,+CAA+C;AAC/E,SAASC,SAAS,QAAQ,iCAAiC;AAC3D,SAASC,QAAQ,QAAQ,+BAA+B;AACxD,SAASC,cAAc,QAAQ,2CAA2C;AAC1E,SAASC,OAAO,QAAQ,6BAA6B;AACrD,SAASC,IAAI,QAAQ,uBAAuB;AAC5C,SAASC,WAAW,QAAQ,qCAAqC;AACjE,SACEC,WAAW,EACXC,kBAAkB,QACb,qCAAqC;AAC5C,SAASC,WAAW,QAAQ,uCAAuC;AACnE,SAASC,UAAU,QAAQ,mCAAmC;AAC9D,SAASC,aAAa,QAAQ,yCAAyC;AACvE,SAASC,QAAQ,QAAQ,+BAA+B;AACxD,SAASC,MAAM,QAAQ,2BAA2B;AAClD,SAASC,QAAQ,EAAEC,iBAAiB,QAAQ,+BAA+B;AAC3E,SAASC,MAAM,QAAQ,2BAA2B;AAClD,SAASC,GAAG,QAAQ,qBAAqB;AACzC,SAASC,cAAc,QAAQ,6CAA6C;AAC5E,SAASC,UAAU,QAAQ,qCAAqC;AAChE,SAASC,SAAS,QAAQ,iCAAiC;AAC3D,SACEC,IAAI,EACJC,SAAS,EACTC,cAAc,EACdC,QAAQ,EACRC,KAAK,EACLC,mBAAmB,EACnBC,gBAAgB,EAChBC,cAAc,EACdC,mBAAmB,QACd,yBAAyB"}
@@ -10,18 +10,14 @@ const RoundedTab = props => {
10
10
  const {
11
11
  data = [],
12
12
  selectedValue = '',
13
- onTabItemPress = () => null,
14
- containerStyle,
15
- contentContainerStyle
13
+ onTabItemPress = () => null
16
14
  } = props;
17
15
  const computedStyle = getStyle(props);
18
16
  return /*#__PURE__*/React.createElement(View, {
19
- style: [computedStyle.container, containerStyle]
17
+ style: [computedStyle.container]
20
18
  }, /*#__PURE__*/React.createElement(FlatList, {
21
19
  horizontal: true,
22
20
  data: data,
23
- showsHorizontalScrollIndicator: false,
24
- contentContainerStyle: [contentContainerStyle],
25
21
  renderItem: _ref => {
26
22
  let {
27
23
  item
@@ -34,7 +30,6 @@ const RoundedTab = props => {
34
30
  ...rest
35
31
  } = item;
36
32
  return /*#__PURE__*/React.createElement(TabItem, _extends({
37
- key: label,
38
33
  label: label,
39
34
  value: value,
40
35
  isSelected: selectedValue === value,
@@ -1 +1 @@
1
- {"version":3,"names":["React","View","getStyle","getTabItemStyle","TouchableWithoutFeedback","Typography","Animated","FlatList","RoundedTab","props","data","selectedValue","onTabItemPress","containerStyle","contentContainerStyle","computedStyle","container","item","label","value","leading","trailing","rest","itemSeparator","TabItem","isSelected","onPress","animatedButtonScale","Value","onPressIn","spring","toValue","useNativeDriver","start","onPressOut","animatedScaleStyle","transform","scale","leadingWrapper","trailingWrapper"],"sourceRoot":"../../src","sources":["rounded-tab.component.tsx"],"mappings":"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"}
1
+ {"version":3,"names":["React","View","getStyle","getTabItemStyle","TouchableWithoutFeedback","Typography","Animated","FlatList","RoundedTab","props","data","selectedValue","onTabItemPress","computedStyle","container","item","label","value","leading","trailing","rest","itemSeparator","TabItem","isSelected","onPress","animatedButtonScale","Value","onPressIn","spring","toValue","useNativeDriver","start","onPressOut","animatedScaleStyle","transform","scale","leadingWrapper","trailingWrapper"],"sourceRoot":"../../src","sources":["rounded-tab.component.tsx"],"mappings":"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"}
@@ -0,0 +1,50 @@
1
+ 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); }
2
+ import * as React from 'react';
3
+ import { TextInput } from 'react-native';
4
+ import { View } from 'react-native';
5
+ import { Palettes } from '../../themes';
6
+ import { IconRoundClose, IconSearch } from '../../icons';
7
+ import { getStyles } from './search-input.style';
8
+ import { TouchableWithoutFeedback } from 'react-native';
9
+ export const SearchInput = props => {
10
+ const {
11
+ value = '',
12
+ onFocus = () => null,
13
+ onBlur = () => null,
14
+ trailingIcon,
15
+ onTraillingIconPress,
16
+ ...rest
17
+ } = props;
18
+ const computedStyle = getStyles();
19
+ const [focused, setFocused] = React.useState(false);
20
+ const handleOnFocus = event => {
21
+ setFocused(true);
22
+ onFocus(event);
23
+ };
24
+ const handleOnBlur = event => {
25
+ onBlur(event);
26
+ setFocused(false);
27
+ };
28
+ return /*#__PURE__*/React.createElement(View, {
29
+ style: [computedStyle.container, {
30
+ borderColor: focused ? Palettes.black[900] : Palettes.grey[300]
31
+ }]
32
+ }, /*#__PURE__*/React.createElement(IconSearch, {
33
+ width: 24,
34
+ height: 24
35
+ }), /*#__PURE__*/React.createElement(TextInput, _extends({
36
+ style: [computedStyle.textInput],
37
+ placeholderTextColor: Palettes.grey[400],
38
+ onBlur: handleOnBlur,
39
+ onFocus: handleOnFocus,
40
+ value: value
41
+ }, rest)), value.length > 0 && /*#__PURE__*/React.createElement(TouchableWithoutFeedback, {
42
+ onPress: onTraillingIconPress
43
+ }, /*#__PURE__*/React.createElement(View, {
44
+ style: [computedStyle.trailingIconContainer]
45
+ }, trailingIcon || /*#__PURE__*/React.createElement(IconRoundClose, {
46
+ width: 16,
47
+ height: 16
48
+ }))));
49
+ };
50
+ //# sourceMappingURL=search-input.component.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"names":["React","TextInput","View","Palettes","IconRoundClose","IconSearch","getStyles","TouchableWithoutFeedback","SearchInput","props","value","onFocus","onBlur","trailingIcon","onTraillingIconPress","rest","computedStyle","focused","setFocused","useState","handleOnFocus","event","handleOnBlur","container","borderColor","black","grey","textInput","length","trailingIconContainer"],"sourceRoot":"../../src","sources":["search-input.component.tsx"],"mappings":";AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,SAAS,QAAQ,cAAc;AACxC,SAASC,IAAI,QAAQ,cAAc;AAEnC,SAASC,QAAQ,QAAQ,cAAc;AACvC,SAASC,cAAc,EAAEC,UAAU,QAAQ,aAAa;AACxD,SAASC,SAAS,QAAQ,sBAAsB;AAIhD,SAASC,wBAAwB,QAAQ,cAAc;AAEvD,OAAO,MAAMC,WAAW,GAAIC,KAAuB,IAAK;EACtD,MAAM;IACJC,KAAK,GAAG,EAAE;IACVC,OAAO,GAAG,MAAM,IAAI;IACpBC,MAAM,GAAG,MAAM,IAAI;IACnBC,YAAY;IACZC,oBAAoB;IACpB,GAAGC;EACL,CAAC,GAAGN,KAAK;EAET,MAAMO,aAAa,GAAGV,SAAS,EAAE;EAEjC,MAAM,CAACW,OAAO,EAAEC,UAAU,CAAC,GAAGlB,KAAK,CAACmB,QAAQ,CAAC,KAAK,CAAC;EAEnD,MAAMC,aAAa,GACjBC,KAAoD,IACjD;IACHH,UAAU,CAAC,IAAI,CAAC;IAChBP,OAAO,CAACU,KAAK,CAAC;EAChB,CAAC;EACD,MAAMC,YAAY,GAChBD,KAAoD,IACjD;IACHT,MAAM,CAACS,KAAK,CAAC;IACbH,UAAU,CAAC,KAAK,CAAC;EACnB,CAAC;EACD,oBACE,oBAAC,IAAI;IACH,KAAK,EAAE,CACLF,aAAa,CAACO,SAAS,EACvB;MAAEC,WAAW,EAAEP,OAAO,GAAGd,QAAQ,CAACsB,KAAK,CAAC,GAAG,CAAC,GAAGtB,QAAQ,CAACuB,IAAI,CAAC,GAAG;IAAE,CAAC;EACnE,gBAEF,oBAAC,UAAU;IAAC,KAAK,EAAE,EAAG;IAAC,MAAM,EAAE;EAAG,EAAG,eAErC,oBAAC,SAAS;IACR,KAAK,EAAE,CAACV,aAAa,CAACW,SAAS,CAAE;IACjC,oBAAoB,EAAExB,QAAQ,CAACuB,IAAI,CAAC,GAAG,CAAE;IACzC,MAAM,EAAEJ,YAAa;IACrB,OAAO,EAAEF,aAAc;IACvB,KAAK,EAAEV;EAAM,GACTK,IAAI,EACR,EAEDL,KAAK,CAACkB,MAAM,GAAG,CAAC,iBACf,oBAAC,wBAAwB;IAAC,OAAO,EAAEd;EAAqB,gBACtD,oBAAC,IAAI;IAAC,KAAK,EAAE,CAACE,aAAa,CAACa,qBAAqB;EAAE,GAChDhB,YAAY,iBAAI,oBAAC,cAAc;IAAC,KAAK,EAAE,EAAG;IAAC,MAAM,EAAE;EAAG,EAAG,CACrD,CAEV,CACI;AAEX,CAAC"}
@@ -0,0 +1,27 @@
1
+ import { StyleSheet } from 'react-native';
2
+ import { Palettes, Radius, Spacing } from '../../themes';
3
+ export const getStyles = () => {
4
+ const style = {};
5
+ style.container = {
6
+ width: '100%',
7
+ maxHeight: 40,
8
+ flexDirection: 'row',
9
+ alignItems: 'center',
10
+ borderRadius: Radius.full,
11
+ overflow: 'hidden',
12
+ borderWidth: 1.5,
13
+ paddingHorizontal: Spacing[12]
14
+ };
15
+ style.textInput = {
16
+ marginLeft: Spacing[8],
17
+ fontFamily: 'Montserrat-Regular',
18
+ flex: 1,
19
+ textAlignVertical: 'center',
20
+ color: Palettes.black[900]
21
+ };
22
+ style.trailingIconContainer = {
23
+ padding: Spacing[4]
24
+ };
25
+ return StyleSheet.create(style);
26
+ };
27
+ //# sourceMappingURL=search-input.style.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"names":["StyleSheet","Palettes","Radius","Spacing","getStyles","style","container","width","maxHeight","flexDirection","alignItems","borderRadius","full","overflow","borderWidth","paddingHorizontal","textInput","marginLeft","fontFamily","flex","textAlignVertical","color","black","trailingIconContainer","padding","create"],"sourceRoot":"../../src","sources":["search-input.style.ts"],"mappings":"AAAA,SAASA,UAAU,QAAmB,cAAc;AACpD,SAASC,QAAQ,EAAEC,MAAM,EAAEC,OAAO,QAAQ,cAAc;AASxD,OAAO,MAAMC,SAAS,GAAG,MAAM;EAC7B,MAAMC,KAAgB,GAAG,CAAC,CAAC;EAE3BA,KAAK,CAACC,SAAS,GAAG;IAChBC,KAAK,EAAE,MAAM;IACbC,SAAS,EAAE,EAAE;IACbC,aAAa,EAAE,KAAK;IACpBC,UAAU,EAAE,QAAQ;IACpBC,YAAY,EAAET,MAAM,CAACU,IAAI;IACzBC,QAAQ,EAAE,QAAQ;IAClBC,WAAW,EAAE,GAAG;IAChBC,iBAAiB,EAAEZ,OAAO,CAAC,EAAE;EAC/B,CAAC;EAEDE,KAAK,CAACW,SAAS,GAAG;IAChBC,UAAU,EAAEd,OAAO,CAAC,CAAC,CAAC;IACtBe,UAAU,EAAE,oBAAoB;IAChCC,IAAI,EAAE,CAAC;IACPC,iBAAiB,EAAE,QAAQ;IAC3BC,KAAK,EAAEpB,QAAQ,CAACqB,KAAK,CAAC,GAAG;EAC3B,CAAC;EAEDjB,KAAK,CAACkB,qBAAqB,GAAG;IAC5BC,OAAO,EAAErB,OAAO,CAAC,CAAC;EACpB,CAAC;EAED,OAAOH,UAAU,CAACyB,MAAM,CAACpB,KAAK,CAAC;AACjC,CAAC"}
@@ -0,0 +1,2 @@
1
+ export {};
2
+ //# sourceMappingURL=search-input.type.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"names":[],"sourceRoot":"../../src","sources":["search-input.type.ts"],"mappings":""}
@@ -23,9 +23,9 @@ export const TextLink = props => {
23
23
  disabled: disabled
24
24
  }, rest), hasLeading && leading, /*#__PURE__*/React.createElement(Typography, {
25
25
  variant: "button",
26
- style: [computedStyle.label, hasLeading && computedStyle.hasLeading, hasTrailing && computedStyle.hasTrailing, textStyles, {
26
+ style: [computedStyle.label, hasLeading && computedStyle.hasLeading, hasTrailing && computedStyle.hasTrailing, {
27
27
  color: disabled ? Palettes.grey[500] : Palettes.blueDark[700]
28
- }],
28
+ }, textStyles],
29
29
  numberOfLines: numberOfLines
30
30
  }, label), hasTrailing && trailing);
31
31
  };
@@ -1 +1 @@
1
- {"version":3,"names":["React","Typography","TouchableOpacity","getStyle","Palettes","TextLink","props","label","textStyles","trailing","leading","containerStyles","numberOfLines","disabled","rest","hasTrailing","hasLeading","computedStyle","container","color","grey","blueDark"],"sourceRoot":"../../src","sources":["textlink.component.tsx"],"mappings":";AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,SAASC,UAAU,QAAQ,oCAAoC;AAC/D,SAASC,gBAAgB,QAAQ,cAAc;AAC/C,SAASC,QAAQ,QAAQ,kBAAkB;AAC3C,SAASC,QAAQ,QAAQ,cAAc;AAEvC,OAAO,MAAMC,QAAgD,GAAIC,KAAK,IAAK;EACzE,MAAM;IACJC,KAAK,GAAG,EAAE;IACVC,UAAU;IACVC,QAAQ;IACRC,OAAO;IACPC,eAAe;IACfC,aAAa;IACbC,QAAQ;IACR,GAAGC;EACL,CAAC,GAAGR,KAAK;EAET,MAAMS,WAAW,GAAG,CAAC,CAACN,QAAQ;EAC9B,MAAMO,UAAU,GAAG,CAAC,CAACN,OAAO;EAE5B,MAAMO,aAAa,GAAGd,QAAQ,EAAE;EAEhC,oBACE,oBAAC,gBAAgB;IACf,KAAK,EAAE,CAACc,aAAa,CAACC,SAAS,EAAEP,eAAe,CAAE;IAClD,QAAQ,EAAEE;EAAS,GACfC,IAAI,GAEPE,UAAU,IAAIN,OAAO,eACtB,oBAAC,UAAU;IACT,OAAO,EAAC,QAAQ;IAChB,KAAK,EAAE,CACLO,aAAa,CAACV,KAAK,EACnBS,UAAU,IAAIC,aAAa,CAACD,UAAU,EACtCD,WAAW,IAAIE,aAAa,CAACF,WAAW,EACxCP,UAAU,EACV;MACEW,KAAK,EAAEN,QAAQ,GAAGT,QAAQ,CAACgB,IAAI,CAAC,GAAG,CAAC,GAAGhB,QAAQ,CAACiB,QAAQ,CAAC,GAAG;IAC9D,CAAC,CACD;IACF,aAAa,EAAET;EAAc,GAE5BL,KAAK,CACK,EACZQ,WAAW,IAAIN,QAAQ,CACP;AAEvB,CAAC"}
1
+ {"version":3,"names":["React","Typography","TouchableOpacity","getStyle","Palettes","TextLink","props","label","textStyles","trailing","leading","containerStyles","numberOfLines","disabled","rest","hasTrailing","hasLeading","computedStyle","container","color","grey","blueDark"],"sourceRoot":"../../src","sources":["textlink.component.tsx"],"mappings":";AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,SAASC,UAAU,QAAQ,oCAAoC;AAC/D,SAASC,gBAAgB,QAAQ,cAAc;AAC/C,SAASC,QAAQ,QAAQ,kBAAkB;AAC3C,SAASC,QAAQ,QAAQ,cAAc;AAEvC,OAAO,MAAMC,QAAgD,GAAIC,KAAK,IAAK;EACzE,MAAM;IACJC,KAAK,GAAG,EAAE;IACVC,UAAU;IACVC,QAAQ;IACRC,OAAO;IACPC,eAAe;IACfC,aAAa;IACbC,QAAQ;IACR,GAAGC;EACL,CAAC,GAAGR,KAAK;EAET,MAAMS,WAAW,GAAG,CAAC,CAACN,QAAQ;EAC9B,MAAMO,UAAU,GAAG,CAAC,CAACN,OAAO;EAE5B,MAAMO,aAAa,GAAGd,QAAQ,EAAE;EAEhC,oBACE,oBAAC,gBAAgB;IACf,KAAK,EAAE,CAACc,aAAa,CAACC,SAAS,EAAEP,eAAe,CAAE;IAClD,QAAQ,EAAEE;EAAS,GACfC,IAAI,GAEPE,UAAU,IAAIN,OAAO,eACtB,oBAAC,UAAU;IACT,OAAO,EAAC,QAAQ;IAChB,KAAK,EAAE,CACLO,aAAa,CAACV,KAAK,EACnBS,UAAU,IAAIC,aAAa,CAACD,UAAU,EACtCD,WAAW,IAAIE,aAAa,CAACF,WAAW,EACxC;MACEI,KAAK,EAAEN,QAAQ,GAAGT,QAAQ,CAACgB,IAAI,CAAC,GAAG,CAAC,GAAGhB,QAAQ,CAACiB,QAAQ,CAAC,GAAG;IAC9D,CAAC,EACDb,UAAU,CACV;IACF,aAAa,EAAEI;EAAc,GAE5BL,KAAK,CACK,EACZQ,WAAW,IAAIN,QAAQ,CACP;AAEvB,CAAC"}
@@ -9,7 +9,6 @@ export interface AppbarProps {
9
9
  titleProps?: TextProps;
10
10
  customHeader?: ReactNode;
11
11
  containerStyle?: ViewStyle;
12
- backgroundColor?: ViewStyle['backgroundColor'];
13
12
  withShadow?: boolean;
14
13
  statusBarHeight?: number;
15
14
  buttonActions?: {
@@ -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,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"}
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 +1 @@
1
- {"version":3,"file":"Tabs.component.d.ts","sourceRoot":"","sources":["../../../../src/components/Tabs/Tabs.component.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAY/B,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAM7C,QAAA,MAAM,IAAI,EAAE,KAAK,CAAC,iBAAiB,CAAC,SAAS,CA0E5C,CAAC;AAEF,OAAO,EAAE,IAAI,EAAE,CAAC"}
1
+ {"version":3,"file":"Tabs.component.d.ts","sourceRoot":"","sources":["../../../../src/components/Tabs/Tabs.component.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAY/B,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAM7C,QAAA,MAAM,IAAI,EAAE,KAAK,CAAC,iBAAiB,CAAC,SAAS,CAyE5C,CAAC;AAEF,OAAO,EAAE,IAAI,EAAE,CAAC"}
@@ -12,6 +12,7 @@ export { Divider } from './Divider/Divider.component';
12
12
  export { Tabs } from './Tabs/Tabs.component';
13
13
  export { RadioButton } from './RadioButton/RadioButton.component';
14
14
  export { BottomSheet, BottomSheetHandler, } from './BottomSheet/BottomSheet.component';
15
+ export { SearchInput } from './search-input/search-input.component';
15
16
  export { RadioInput } from './RadioInput/RadioInput.component';
16
17
  export { CheckBoxInput } from './CheckBoxInput/CheckBoxInput.component';
17
18
  export { Checkbox } from './Checkbox/Checkbox.component';
@@ -33,4 +34,5 @@ export type { TextAreaProps } from './TextArea/TextArea.type';
33
34
  export type { StepperCounterProps } from './StepperCounter/StepperCounter.type';
34
35
  export type { DividerProps } from './Divider/Divider.type';
35
36
  export type { TabsProps } from './Tabs/Tabs.type';
37
+ export type { SearchInputProps } from './search-input/search-input.type';
36
38
  //# sourceMappingURL=index.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,2BAA2B,CAAC;AACnD,OAAO,EAAE,KAAK,EAAE,MAAM,yBAAyB,CAAC;AAChD,OAAO,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AACtD,OAAO,EAAE,UAAU,EAAE,MAAM,mCAAmC,CAAC;AAC/D,OAAO,EAAE,SAAS,EAAE,MAAM,iCAAiC,CAAC;AAC5D,OAAO,EAAE,QAAQ,EAAE,MAAM,+BAA+B,CAAC;AACzD,OAAO,EAAE,eAAe,EAAE,MAAM,+CAA+C,CAAC;AAChF,OAAO,EAAE,SAAS,EAAE,MAAM,iCAAiC,CAAC;AAC5D,OAAO,EAAE,QAAQ,EAAE,MAAM,+BAA+B,CAAC;AACzD,OAAO,EAAE,cAAc,EAAE,MAAM,2CAA2C,CAAC;AAC3E,OAAO,EAAE,OAAO,EAAE,MAAM,6BAA6B,CAAC;AACtD,OAAO,EAAE,IAAI,EAAE,MAAM,uBAAuB,CAAC;AAC7C,OAAO,EAAE,WAAW,EAAE,MAAM,qCAAqC,CAAC;AAClE,OAAO,EACL,WAAW,EACX,kBAAkB,GACnB,MAAM,qCAAqC,CAAC;AAC7C,OAAO,EAAE,UAAU,EAAE,MAAM,mCAAmC,CAAC;AAC/D,OAAO,EAAE,aAAa,EAAE,MAAM,yCAAyC,CAAC;AACxE,OAAO,EAAE,QAAQ,EAAE,MAAM,+BAA+B,CAAC;AACzD,OAAO,EAAE,MAAM,EAAE,MAAM,2BAA2B,CAAC;AACnD,OAAO,EAAE,QAAQ,EAAE,iBAAiB,EAAE,MAAM,+BAA+B,CAAC;AAC5E,OAAO,EAAE,MAAM,EAAE,MAAM,2BAA2B,CAAC;AACnD,OAAO,EAAE,GAAG,EAAE,MAAM,qBAAqB,CAAC;AAC1C,OAAO,EAAE,cAAc,EAAE,MAAM,6CAA6C,CAAC;AAC7E,OAAO,EAAE,UAAU,EAAE,MAAM,qCAAqC,CAAC;AACjE,OAAO,EAAE,SAAS,EAAE,MAAM,iCAAiC,CAAC;AAC5D,OAAO,EACL,IAAI,EACJ,SAAS,EACT,cAAc,EACd,QAAQ,EACR,KAAK,EACL,mBAAmB,EACnB,gBAAgB,EAChB,cAAc,EACd,mBAAmB,GACpB,MAAM,yBAAyB,CAAC;AAEjC,YAAY,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AACxD,YAAY,EAAE,cAAc,EAAE,MAAM,4BAA4B,CAAC;AACjE,YAAY,EAAE,oBAAoB,EAAE,MAAM,0CAA0C,CAAC;AACrF,YAAY,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAC;AAC9D,YAAY,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAC;AACpE,YAAY,EAAE,cAAc,EAAE,MAAM,4BAA4B,CAAC;AACjE,YAAY,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAC;AAC9D,YAAY,EAAE,mBAAmB,EAAE,MAAM,sCAAsC,CAAC;AAChF,YAAY,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAC;AAC3D,YAAY,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,2BAA2B,CAAC;AACnD,OAAO,EAAE,KAAK,EAAE,MAAM,yBAAyB,CAAC;AAChD,OAAO,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AACtD,OAAO,EAAE,UAAU,EAAE,MAAM,mCAAmC,CAAC;AAC/D,OAAO,EAAE,SAAS,EAAE,MAAM,iCAAiC,CAAC;AAC5D,OAAO,EAAE,QAAQ,EAAE,MAAM,+BAA+B,CAAC;AACzD,OAAO,EAAE,eAAe,EAAE,MAAM,+CAA+C,CAAC;AAChF,OAAO,EAAE,SAAS,EAAE,MAAM,iCAAiC,CAAC;AAC5D,OAAO,EAAE,QAAQ,EAAE,MAAM,+BAA+B,CAAC;AACzD,OAAO,EAAE,cAAc,EAAE,MAAM,2CAA2C,CAAC;AAC3E,OAAO,EAAE,OAAO,EAAE,MAAM,6BAA6B,CAAC;AACtD,OAAO,EAAE,IAAI,EAAE,MAAM,uBAAuB,CAAC;AAC7C,OAAO,EAAE,WAAW,EAAE,MAAM,qCAAqC,CAAC;AAClE,OAAO,EACL,WAAW,EACX,kBAAkB,GACnB,MAAM,qCAAqC,CAAC;AAC7C,OAAO,EAAE,WAAW,EAAE,MAAM,uCAAuC,CAAC;AACpE,OAAO,EAAE,UAAU,EAAE,MAAM,mCAAmC,CAAC;AAC/D,OAAO,EAAE,aAAa,EAAE,MAAM,yCAAyC,CAAC;AACxE,OAAO,EAAE,QAAQ,EAAE,MAAM,+BAA+B,CAAC;AACzD,OAAO,EAAE,MAAM,EAAE,MAAM,2BAA2B,CAAC;AACnD,OAAO,EAAE,QAAQ,EAAE,iBAAiB,EAAE,MAAM,+BAA+B,CAAC;AAC5E,OAAO,EAAE,MAAM,EAAE,MAAM,2BAA2B,CAAC;AACnD,OAAO,EAAE,GAAG,EAAE,MAAM,qBAAqB,CAAC;AAC1C,OAAO,EAAE,cAAc,EAAE,MAAM,6CAA6C,CAAC;AAC7E,OAAO,EAAE,UAAU,EAAE,MAAM,qCAAqC,CAAC;AACjE,OAAO,EAAE,SAAS,EAAE,MAAM,iCAAiC,CAAC;AAC5D,OAAO,EACL,IAAI,EACJ,SAAS,EACT,cAAc,EACd,QAAQ,EACR,KAAK,EACL,mBAAmB,EACnB,gBAAgB,EAChB,cAAc,EACd,mBAAmB,GACpB,MAAM,yBAAyB,CAAC;AAEjC,YAAY,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AACxD,YAAY,EAAE,cAAc,EAAE,MAAM,4BAA4B,CAAC;AACjE,YAAY,EAAE,oBAAoB,EAAE,MAAM,0CAA0C,CAAC;AACrF,YAAY,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAC;AAC9D,YAAY,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAC;AACpE,YAAY,EAAE,cAAc,EAAE,MAAM,4BAA4B,CAAC;AACjE,YAAY,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAC;AAC9D,YAAY,EAAE,mBAAmB,EAAE,MAAM,sCAAsC,CAAC;AAChF,YAAY,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAC;AAC3D,YAAY,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAClD,YAAY,EAAE,gBAAgB,EAAE,MAAM,kCAAkC,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"rounded-tab.component.d.ts","sourceRoot":"","sources":["../../../../src/components/rounded-tab/rounded-tab.component.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,OAAO,KAAK,EAAE,eAAe,EAAgB,MAAM,oBAAoB,CAAC;AAOxE,QAAA,MAAM,UAAU,EAAE,KAAK,CAAC,iBAAiB,CAAC,eAAe,CAwCxD,CAAC;AAuEF,OAAO,EAAE,UAAU,EAAE,CAAC"}
1
+ {"version":3,"file":"rounded-tab.component.d.ts","sourceRoot":"","sources":["../../../../src/components/rounded-tab/rounded-tab.component.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,OAAO,KAAK,EAAE,eAAe,EAAgB,MAAM,oBAAoB,CAAC;AAOxE,QAAA,MAAM,UAAU,EAAE,KAAK,CAAC,iBAAiB,CAAC,eAAe,CA+BxD,CAAC;AAuEF,OAAO,EAAE,UAAU,EAAE,CAAC"}
@@ -1,10 +1,8 @@
1
1
  import { ReactNode } from 'react';
2
- import { TouchableWithoutFeedbackProps, ViewStyle } from 'react-native';
2
+ import { TouchableWithoutFeedbackProps } from 'react-native';
3
3
  export interface RoundedTabProps {
4
4
  data: Omit<TabItemProps, 'isSelected'>[];
5
5
  selectedValue: string;
6
- containerStyle: ViewStyle;
7
- contentContainerStyle: ViewStyle;
8
6
  onTabItemPress: (value: any) => void;
9
7
  }
10
8
  export declare type TabItemProps = TouchableWithoutFeedbackProps & {
@@ -1 +1 @@
1
- {"version":3,"file":"rounded-tab.type.d.ts","sourceRoot":"","sources":["../../../../src/components/rounded-tab/rounded-tab.type.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,EAAE,6BAA6B,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAExE,MAAM,WAAW,eAAe;IAC9B,IAAI,EAAE,IAAI,CAAC,YAAY,EAAE,YAAY,CAAC,EAAE,CAAC;IACzC,aAAa,EAAE,MAAM,CAAC;IACtB,cAAc,EAAE,SAAS,CAAC;IAC1B,qBAAqB,EAAE,SAAS,CAAC;IACjC,cAAc,EAAE,CAAC,KAAK,EAAE,GAAG,KAAK,IAAI,CAAC;CACtC;AAED,oBAAY,YAAY,GAAG,6BAA6B,GAAG;IACzD,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,GAAG,CAAC;IACX,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,UAAU,EAAE,OAAO,CAAC;CACrB,CAAC"}
1
+ {"version":3,"file":"rounded-tab.type.d.ts","sourceRoot":"","sources":["../../../../src/components/rounded-tab/rounded-tab.type.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,EAAE,6BAA6B,EAAE,MAAM,cAAc,CAAC;AAE7D,MAAM,WAAW,eAAe;IAC9B,IAAI,EAAE,IAAI,CAAC,YAAY,EAAE,YAAY,CAAC,EAAE,CAAC;IACzC,aAAa,EAAE,MAAM,CAAC;IACtB,cAAc,EAAE,CAAC,KAAK,EAAE,GAAG,KAAK,IAAI,CAAC;CACtC;AAED,oBAAY,YAAY,GAAG,6BAA6B,GAAG;IACzD,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,GAAG,CAAC;IACX,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,UAAU,EAAE,OAAO,CAAC;CACrB,CAAC"}
@@ -0,0 +1,4 @@
1
+ /// <reference types="react" />
2
+ import { SearchInputProps } from './search-input.type';
3
+ export declare const SearchInput: (props: SearchInputProps) => JSX.Element;
4
+ //# sourceMappingURL=search-input.component.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"search-input.component.d.ts","sourceRoot":"","sources":["../../../../src/components/search-input/search-input.component.tsx"],"names":[],"mappings":";AAOA,OAAO,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAKvD,eAAO,MAAM,WAAW,UAAW,gBAAgB,gBAqDlD,CAAC"}
@@ -0,0 +1,10 @@
1
+ import { ViewStyle } from 'react-native';
2
+ import { TextStyle } from 'react-native';
3
+ declare type StyleType = {
4
+ container?: ViewStyle;
5
+ textInput?: TextStyle;
6
+ trailingIconContainer?: ViewStyle;
7
+ };
8
+ export declare const getStyles: () => StyleType;
9
+ export {};
10
+ //# sourceMappingURL=search-input.style.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"search-input.style.d.ts","sourceRoot":"","sources":["../../../../src/components/search-input/search-input.style.ts"],"names":[],"mappings":"AAAA,OAAO,EAAc,SAAS,EAAE,MAAM,cAAc,CAAC;AAErD,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEzC,aAAK,SAAS,GAAG;IACf,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,qBAAqB,CAAC,EAAE,SAAS,CAAC;CACnC,CAAC;AAEF,eAAO,MAAM,SAAS,iBA2BrB,CAAC"}
@@ -0,0 +1,7 @@
1
+ import { ReactNode } from 'react';
2
+ import { TextInputProps } from 'react-native';
3
+ export interface SearchInputProps extends TextInputProps {
4
+ trailingIcon?: ReactNode;
5
+ onTraillingIconPress: () => void;
6
+ }
7
+ //# sourceMappingURL=search-input.type.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"search-input.type.d.ts","sourceRoot":"","sources":["../../../../src/components/search-input/search-input.type.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAE9C,MAAM,WAAW,gBAAiB,SAAQ,cAAc;IACtD,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,oBAAoB,EAAE,MAAM,IAAI,CAAC;CAClC"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@adiraku/react-native-ui",
3
- "version": "1.2.3-snapshot.8",
3
+ "version": "1.2.3",
4
4
  "description": "UI library for Adiraku apps",
5
5
  "main": "lib/commonjs/index",
6
6
  "module": "lib/module/index",
@@ -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}
@@ -15,12 +15,12 @@ interface ComputedStyleProps {
15
15
  }
16
16
 
17
17
  export const getStyle = (props: AppbarProps) => {
18
- const { statusBarHeight = 0, backgroundColor = Palettes.white[50] } = props;
18
+ const { statusBarHeight = 0 } = props;
19
19
  const computedStyle: ComputedStyleProps = {};
20
20
 
21
21
  computedStyle.container = {
22
22
  paddingTop: statusBarHeight,
23
- backgroundColor,
23
+ backgroundColor: Palettes.white[50],
24
24
  };
25
25
 
26
26
  computedStyle.wrapperContainer = {
@@ -18,8 +18,6 @@ export interface AppbarProps {
18
18
 
19
19
  containerStyle?: ViewStyle;
20
20
 
21
- backgroundColor?: ViewStyle['backgroundColor'];
22
-
23
21
  withShadow?: boolean;
24
22
 
25
23
  statusBarHeight?: number;
@@ -72,7 +72,6 @@ const Tabs: React.FunctionComponent<TabsProps> = (props) => {
72
72
  <View style={[computedStyle.container]}>
73
73
  {labels.map((label, idx) => (
74
74
  <TouchableOpacity
75
- key={idx}
76
75
  onPress={() => onTabPress(idx)}
77
76
  style={[computedStyle.tabContainer]}
78
77
  onLayout={(event) => onLayout(event, idx)}
@@ -15,6 +15,7 @@ export {
15
15
  BottomSheet,
16
16
  BottomSheetHandler,
17
17
  } from './BottomSheet/BottomSheet.component';
18
+ export { SearchInput } from './search-input/search-input.component';
18
19
  export { RadioInput } from './RadioInput/RadioInput.component';
19
20
  export { CheckBoxInput } from './CheckBoxInput/CheckBoxInput.component';
20
21
  export { Checkbox } from './Checkbox/Checkbox.component';
@@ -47,3 +48,4 @@ export type { TextAreaProps } from './TextArea/TextArea.type';
47
48
  export type { StepperCounterProps } from './StepperCounter/StepperCounter.type';
48
49
  export type { DividerProps } from './Divider/Divider.type';
49
50
  export type { TabsProps } from './Tabs/Tabs.type';
51
+ export type { SearchInputProps } from './search-input/search-input.type';
@@ -11,28 +11,19 @@ import { FlatList } from 'react-native';
11
11
  import { GestureResponderEvent } from 'react-native';
12
12
 
13
13
  const RoundedTab: React.FunctionComponent<RoundedTabProps> = (props) => {
14
- const {
15
- data = [],
16
- selectedValue = '',
17
- onTabItemPress = () => null,
18
- containerStyle,
19
- contentContainerStyle,
20
- } = props;
14
+ const { data = [], selectedValue = '', onTabItemPress = () => null } = props;
21
15
 
22
16
  const computedStyle = getStyle(props);
23
17
 
24
18
  return (
25
- <View style={[computedStyle.container, containerStyle]}>
19
+ <View style={[computedStyle.container]}>
26
20
  <FlatList
27
21
  horizontal={true}
28
22
  data={data}
29
- showsHorizontalScrollIndicator={false}
30
- contentContainerStyle={[contentContainerStyle]}
31
23
  renderItem={({ item }) => {
32
24
  const { label, value, leading, trailing, ...rest } = item;
33
25
  return (
34
26
  <TabItem
35
- key={label}
36
27
  label={label}
37
28
  value={value}
38
29
  isSelected={selectedValue === value}
@@ -1,11 +1,9 @@
1
1
  import { ReactNode } from 'react';
2
- import { TouchableWithoutFeedbackProps, ViewStyle } from 'react-native';
2
+ import { TouchableWithoutFeedbackProps } from 'react-native';
3
3
 
4
4
  export interface RoundedTabProps {
5
5
  data: Omit<TabItemProps, 'isSelected'>[];
6
6
  selectedValue: string;
7
- containerStyle: ViewStyle;
8
- contentContainerStyle: ViewStyle;
9
7
  onTabItemPress: (value: any) => void;
10
8
  }
11
9
 
@@ -0,0 +1,66 @@
1
+ import * as React from 'react';
2
+ import { TextInput } from 'react-native';
3
+ import { View } from 'react-native';
4
+
5
+ import { Palettes } from '../../themes';
6
+ import { IconRoundClose, IconSearch } from '../../icons';
7
+ import { getStyles } from './search-input.style';
8
+ import { SearchInputProps } from './search-input.type';
9
+ import { NativeSyntheticEvent } from 'react-native';
10
+ import { TextInputFocusEventData } from 'react-native';
11
+ import { TouchableWithoutFeedback } from 'react-native';
12
+
13
+ export const SearchInput = (props: SearchInputProps) => {
14
+ const {
15
+ value = '',
16
+ onFocus = () => null,
17
+ onBlur = () => null,
18
+ trailingIcon,
19
+ onTraillingIconPress,
20
+ ...rest
21
+ } = props;
22
+
23
+ const computedStyle = getStyles();
24
+
25
+ const [focused, setFocused] = React.useState(false);
26
+
27
+ const handleOnFocus = (
28
+ event: NativeSyntheticEvent<TextInputFocusEventData>
29
+ ) => {
30
+ setFocused(true);
31
+ onFocus(event);
32
+ };
33
+ const handleOnBlur = (
34
+ event: NativeSyntheticEvent<TextInputFocusEventData>
35
+ ) => {
36
+ onBlur(event);
37
+ setFocused(false);
38
+ };
39
+ return (
40
+ <View
41
+ style={[
42
+ computedStyle.container,
43
+ { borderColor: focused ? Palettes.black[900] : Palettes.grey[300] },
44
+ ]}
45
+ >
46
+ <IconSearch width={24} height={24} />
47
+
48
+ <TextInput
49
+ style={[computedStyle.textInput]}
50
+ placeholderTextColor={Palettes.grey[400]}
51
+ onBlur={handleOnBlur}
52
+ onFocus={handleOnFocus}
53
+ value={value}
54
+ {...rest}
55
+ />
56
+
57
+ {value.length > 0 && (
58
+ <TouchableWithoutFeedback onPress={onTraillingIconPress}>
59
+ <View style={[computedStyle.trailingIconContainer]}>
60
+ {trailingIcon || <IconRoundClose width={16} height={16} />}
61
+ </View>
62
+ </TouchableWithoutFeedback>
63
+ )}
64
+ </View>
65
+ );
66
+ };
@@ -0,0 +1,38 @@
1
+ import { StyleSheet, ViewStyle } from 'react-native';
2
+ import { Palettes, Radius, Spacing } from '../../themes';
3
+ import { TextStyle } from 'react-native';
4
+
5
+ type StyleType = {
6
+ container?: ViewStyle;
7
+ textInput?: TextStyle;
8
+ trailingIconContainer?: ViewStyle;
9
+ };
10
+
11
+ export const getStyles = () => {
12
+ const style: StyleType = {};
13
+
14
+ style.container = {
15
+ width: '100%',
16
+ maxHeight: 40,
17
+ flexDirection: 'row',
18
+ alignItems: 'center',
19
+ borderRadius: Radius.full,
20
+ overflow: 'hidden',
21
+ borderWidth: 1.5,
22
+ paddingHorizontal: Spacing[12],
23
+ };
24
+
25
+ style.textInput = {
26
+ marginLeft: Spacing[8],
27
+ fontFamily: 'Montserrat-Regular',
28
+ flex: 1,
29
+ textAlignVertical: 'center',
30
+ color: Palettes.black[900],
31
+ };
32
+
33
+ style.trailingIconContainer = {
34
+ padding: Spacing[4],
35
+ };
36
+
37
+ return StyleSheet.create(style);
38
+ };
@@ -0,0 +1,7 @@
1
+ import { ReactNode } from 'react';
2
+ import { TextInputProps } from 'react-native';
3
+
4
+ export interface SearchInputProps extends TextInputProps {
5
+ trailingIcon?: ReactNode;
6
+ onTraillingIconPress: () => void;
7
+ }
@@ -35,10 +35,10 @@ export const TextLink: React.FunctionComponent<TextLinkProps> = (props) => {
35
35
  computedStyle.label,
36
36
  hasLeading && computedStyle.hasLeading,
37
37
  hasTrailing && computedStyle.hasTrailing,
38
- textStyles,
39
38
  {
40
39
  color: disabled ? Palettes.grey[500] : Palettes.blueDark[700],
41
40
  },
41
+ textStyles,
42
42
  ]}
43
43
  numberOfLines={numberOfLines}
44
44
  >