@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.
- package/lib/commonjs/components/Appbar/Appbar.component.js +1 -1
- package/lib/commonjs/components/Appbar/Appbar.style.js +2 -3
- package/lib/commonjs/components/Appbar/Appbar.style.js.map +1 -1
- package/lib/commonjs/components/Tabs/Tabs.component.js +0 -1
- package/lib/commonjs/components/Tabs/Tabs.component.js.map +1 -1
- package/lib/commonjs/components/index.js +7 -0
- package/lib/commonjs/components/index.js.map +1 -1
- package/lib/commonjs/components/rounded-tab/rounded-tab.component.js +2 -7
- package/lib/commonjs/components/rounded-tab/rounded-tab.component.js.map +1 -1
- package/lib/commonjs/components/search-input/search-input.component.js +57 -0
- package/lib/commonjs/components/search-input/search-input.component.js.map +1 -0
- package/lib/commonjs/components/search-input/search-input.style.js +34 -0
- package/lib/commonjs/components/search-input/search-input.style.js.map +1 -0
- package/lib/commonjs/components/search-input/search-input.type.js +6 -0
- package/lib/commonjs/components/search-input/search-input.type.js.map +1 -0
- package/lib/commonjs/components/textlink/textlink.component.js +2 -2
- package/lib/commonjs/components/textlink/textlink.component.js.map +1 -1
- package/lib/module/components/Appbar/Appbar.component.js +1 -1
- package/lib/module/components/Appbar/Appbar.style.js +2 -3
- package/lib/module/components/Appbar/Appbar.style.js.map +1 -1
- package/lib/module/components/Tabs/Tabs.component.js +0 -1
- package/lib/module/components/Tabs/Tabs.component.js.map +1 -1
- package/lib/module/components/index.js +1 -0
- package/lib/module/components/index.js.map +1 -1
- package/lib/module/components/rounded-tab/rounded-tab.component.js +2 -7
- package/lib/module/components/rounded-tab/rounded-tab.component.js.map +1 -1
- package/lib/module/components/search-input/search-input.component.js +50 -0
- package/lib/module/components/search-input/search-input.component.js.map +1 -0
- package/lib/module/components/search-input/search-input.style.js +27 -0
- package/lib/module/components/search-input/search-input.style.js.map +1 -0
- package/lib/module/components/search-input/search-input.type.js +2 -0
- package/lib/module/components/search-input/search-input.type.js.map +1 -0
- package/lib/module/components/textlink/textlink.component.js +2 -2
- package/lib/module/components/textlink/textlink.component.js.map +1 -1
- package/lib/typescript/components/Appbar/Appbar.type.d.ts +0 -1
- package/lib/typescript/components/Appbar/Appbar.type.d.ts.map +1 -1
- package/lib/typescript/components/Tabs/Tabs.component.d.ts.map +1 -1
- package/lib/typescript/components/index.d.ts +2 -0
- package/lib/typescript/components/index.d.ts.map +1 -1
- package/lib/typescript/components/rounded-tab/rounded-tab.component.d.ts.map +1 -1
- package/lib/typescript/components/rounded-tab/rounded-tab.type.d.ts +1 -3
- package/lib/typescript/components/rounded-tab/rounded-tab.type.d.ts.map +1 -1
- package/lib/typescript/components/search-input/search-input.component.d.ts +4 -0
- package/lib/typescript/components/search-input/search-input.component.d.ts.map +1 -0
- package/lib/typescript/components/search-input/search-input.style.d.ts +10 -0
- package/lib/typescript/components/search-input/search-input.style.d.ts.map +1 -0
- package/lib/typescript/components/search-input/search-input.type.d.ts +7 -0
- package/lib/typescript/components/search-input/search-input.type.d.ts.map +1 -0
- package/package.json +1 -1
- package/src/components/Appbar/Appbar.component.tsx +1 -1
- package/src/components/Appbar/Appbar.style.tsx +2 -2
- package/src/components/Appbar/Appbar.type.ts +0 -2
- package/src/components/Tabs/Tabs.component.tsx +0 -1
- package/src/components/index.ts +2 -0
- package/src/components/rounded-tab/rounded-tab.component.tsx +2 -11
- package/src/components/rounded-tab/rounded-tab.type.ts +1 -3
- package/src/components/search-input/search-input.component.tsx +66 -0
- package/src/components/search-input/search-input.style.ts +38 -0
- package/src/components/search-input/search-input.type.ts +7 -0
- 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
|
|
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","
|
|
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":";;;;;;AAAA;AACA;AAQA;AACA;AAAgE;AAAA;AAQhE,MAAMA,IAAwC,GAAIC,KAAK,IAAK;EAC1D,MAAM;IAAEC,MAAM,GAAG,EAAE;IAAEC,UAAU,GAAG,MAAM,CAAC,CAAC;IAAEC,WAAW,GAAG;EAAE,CAAC,GAAGH,KAAK;EAErE,MAAMI,aAAa,GAAG,IAAAC,cAAQ,GAAE;EAEhC,MAAM,CAACC,YAAY,EAAEC,eAAe,CAAC,GAAGC,KAAK,CAACC,QAAQ,CAAmB,CAAC,CAAC,CAAC;EAC5E,MAAMC,cAAc,GAAGF,KAAK,CAACC,QAAQ,CAAC,IAAIE,qBAAQ,CAACC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;EAC/D,MAAMC,gBAAgB,GAAGL,KAAK,CAACC,QAAQ,CAAC,IAAIE,qBAAQ,CAACC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;EAEjEJ,KAAK,CAACM,SAAS,CAAC,MAAM;IACpB,MAAMC,cAAc,GAAG,MAAM;MAC3B,IAAIZ,WAAW,GAAG,CAAC,EAAE;QACnB,OAAO,CAAC;MACV,CAAC,MAAM,IAAIA,WAAW,GAAGF,MAAM,CAACe,MAAM,GAAG,CAAC,EAAE;QAC1C,OAAOf,MAAM,CAACe,MAAM,GAAG,CAAC;MAC1B,CAAC,MAAM;QACL,OAAOb,WAAW;MACpB;IACF,CAAC;IAED,IAAIc,MAAM,CAACC,IAAI,CAACZ,YAAY,CAAC,CAACU,MAAM,KAAK,CAAC,EAAE;MAC1C,MAAMG,kBAAkB,GAAGJ,cAAc,EAAE;MAC3C,IAAIK,eAAe,GAAG,CAAC;MACvB,KAAK,IAAIC,CAAC,GAAG,CAAC,EAAEA,CAAC,GAAGF,kBAAkB,EAAEE,CAAC,EAAE,EAAE;QAC3CD,eAAe,IAAId,YAAY,CAACe,CAAC,CAAC,IAAI,CAAC;MACzC;MAEA,MAAMC,WAAW,GAAGhB,YAAY,CAACa,kBAAkB,CAAC,IAAI,CAAC;MACzDR,qBAAQ,CAACY,MAAM,CAACV,gBAAgB,EAAE;QAChCW,OAAO,EAAEJ,eAAe;QACxBK,MAAM,EAAEC,mBAAM,CAACC,IAAI;QACnBC,eAAe,EAAE,KAAK;QACtBC,QAAQ,EAAE;MACZ,CAAC,CAAC,CAACC,KAAK,EAAE;MACVnB,qBAAQ,CAACY,MAAM,CAACb,cAAc,EAAE;QAC9Bc,OAAO,EAAEF,WAAW;QACpBG,MAAM,EAAEC,mBAAM,CAACC,IAAI;QACnBC,eAAe,EAAE,KAAK;QACtBC,QAAQ,EAAE;MACZ,CAAC,CAAC,CAACC,KAAK,EAAE;IACZ;IACA;EACF,CAAC,EAAE,CAAC3B,WAAW,EAAEF,MAAM,EAAEK,YAAY,CAAC,CAAC;EAEvC,MAAMyB,QAAQ,GAAG,CAACC,KAAwB,EAAEC,GAAW,KAAK;IAC1D,MAAM;MAAEC;IAAM,CAAC,GAAGF,KAAK,CAACG,WAAW,CAACC,MAAM;IAC1C7B,eAAe,CAAC;MACd,GAAGD,YAAY;MACf,CAAC2B,GAAG,GAAGC;IACT,CAAC,CAAC;EACJ,CAAC;EAED,oBACE,oBAAC,iBAAI;IAAC,KAAK,EAAE,CAAC9B,aAAa,CAACiC,SAAS;EAAE,GACpCpC,MAAM,CAACqC,GAAG,CAAC,CAACC,KAAK,EAAEN,GAAG,kBACrB,oBAAC,6BAAgB;IACf,
|
|
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":"
|
|
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
|
|
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","
|
|
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 @@
|
|
|
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,
|
|
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,
|
|
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
|
|
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","
|
|
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":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SACEC,QAAQ,EACRC,MAAM,EACNC,IAAI,EAEJC,gBAAgB,QACX,cAAc;AAErB,SAASC,QAAQ,QAAQ,cAAc;AACvC,SAASC,UAAU,QAAQ,oCAAoC;AAQ/D,MAAMC,IAAwC,GAAIC,KAAK,IAAK;EAC1D,MAAM;IAAEC,MAAM,GAAG,EAAE;IAAEC,UAAU,GAAG,MAAM,CAAC,CAAC;IAAEC,WAAW,GAAG;EAAE,CAAC,GAAGH,KAAK;EAErE,MAAMI,aAAa,GAAGP,QAAQ,EAAE;EAEhC,MAAM,CAACQ,YAAY,EAAEC,eAAe,CAAC,GAAGd,KAAK,CAACe,QAAQ,CAAmB,CAAC,CAAC,CAAC;EAC5E,MAAMC,cAAc,GAAGhB,KAAK,CAACe,QAAQ,CAAC,IAAId,QAAQ,CAACgB,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;EAC/D,MAAMC,gBAAgB,GAAGlB,KAAK,CAACe,QAAQ,CAAC,IAAId,QAAQ,CAACgB,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;EAEjEjB,KAAK,CAACmB,SAAS,CAAC,MAAM;IACpB,MAAMC,cAAc,GAAG,MAAM;MAC3B,IAAIT,WAAW,GAAG,CAAC,EAAE;QACnB,OAAO,CAAC;MACV,CAAC,MAAM,IAAIA,WAAW,GAAGF,MAAM,CAACY,MAAM,GAAG,CAAC,EAAE;QAC1C,OAAOZ,MAAM,CAACY,MAAM,GAAG,CAAC;MAC1B,CAAC,MAAM;QACL,OAAOV,WAAW;MACpB;IACF,CAAC;IAED,IAAIW,MAAM,CAACC,IAAI,CAACV,YAAY,CAAC,CAACQ,MAAM,KAAK,CAAC,EAAE;MAC1C,MAAMG,kBAAkB,GAAGJ,cAAc,EAAE;MAC3C,IAAIK,eAAe,GAAG,CAAC;MACvB,KAAK,IAAIC,CAAC,GAAG,CAAC,EAAEA,CAAC,GAAGF,kBAAkB,EAAEE,CAAC,EAAE,EAAE;QAC3CD,eAAe,IAAIZ,YAAY,CAACa,CAAC,CAAC,IAAI,CAAC;MACzC;MAEA,MAAMC,WAAW,GAAGd,YAAY,CAACW,kBAAkB,CAAC,IAAI,CAAC;MACzDvB,QAAQ,CAAC2B,MAAM,CAACV,gBAAgB,EAAE;QAChCW,OAAO,EAAEJ,eAAe;QACxBK,MAAM,EAAE5B,MAAM,CAAC6B,IAAI;QACnBC,eAAe,EAAE,KAAK;QACtBC,QAAQ,EAAE;MACZ,CAAC,CAAC,CAACC,KAAK,EAAE;MACVjC,QAAQ,CAAC2B,MAAM,CAACZ,cAAc,EAAE;QAC9Ba,OAAO,EAAEF,WAAW;QACpBG,MAAM,EAAE5B,MAAM,CAAC6B,IAAI;QACnBC,eAAe,EAAE,KAAK;QACtBC,QAAQ,EAAE;MACZ,CAAC,CAAC,CAACC,KAAK,EAAE;IACZ;IACA;EACF,CAAC,EAAE,CAACvB,WAAW,EAAEF,MAAM,EAAEI,YAAY,CAAC,CAAC;EAEvC,MAAMsB,QAAQ,GAAG,CAACC,KAAwB,EAAEC,GAAW,KAAK;IAC1D,MAAM;MAAEC;IAAM,CAAC,GAAGF,KAAK,CAACG,WAAW,CAACC,MAAM;IAC1C1B,eAAe,CAAC;MACd,GAAGD,YAAY;MACf,CAACwB,GAAG,GAAGC;IACT,CAAC,CAAC;EACJ,CAAC;EAED,oBACE,oBAAC,IAAI;IAAC,KAAK,EAAE,CAAC1B,aAAa,CAAC6B,SAAS;EAAE,GACpChC,MAAM,CAACiC,GAAG,CAAC,CAACC,KAAK,EAAEN,GAAG,kBACrB,oBAAC,gBAAgB;IACf,
|
|
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
|
|
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","
|
|
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 @@
|
|
|
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,
|
|
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,
|
|
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"}
|
|
@@ -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,
|
|
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,
|
|
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,
|
|
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
|
|
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,
|
|
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 @@
|
|
|
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 @@
|
|
|
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
|
@@ -15,12 +15,12 @@ interface ComputedStyleProps {
|
|
|
15
15
|
}
|
|
16
16
|
|
|
17
17
|
export const getStyle = (props: AppbarProps) => {
|
|
18
|
-
const { statusBarHeight = 0
|
|
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 = {
|
|
@@ -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)}
|
package/src/components/index.ts
CHANGED
|
@@ -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
|
|
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
|
|
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
|
+
};
|
|
@@ -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
|
>
|