@codeleap/mobile 4.2.9 → 4.2.11
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/dist/Registry.js +28 -53
- package/dist/Registry.js.map +1 -1
- package/dist/components/ActionIcon/index.js +27 -67
- package/dist/components/ActionIcon/index.js.map +1 -1
- package/dist/components/ActionIcon/styles.js +1 -2
- package/dist/components/ActionIcon/types.js +1 -2
- package/dist/components/ActivityIndicator/index.js +22 -62
- package/dist/components/ActivityIndicator/index.js.map +1 -1
- package/dist/components/ActivityIndicator/styles.js +1 -2
- package/dist/components/ActivityIndicator/types.js +1 -2
- package/dist/components/Autocomplete/index.js +73 -121
- package/dist/components/Autocomplete/index.js.map +1 -1
- package/dist/components/Autocomplete/styles.js +1 -2
- package/dist/components/Autocomplete/types.js +1 -2
- package/dist/components/Avatar/index.js +49 -90
- package/dist/components/Avatar/index.js.map +1 -1
- package/dist/components/Avatar/styles.js +1 -2
- package/dist/components/Avatar/types.js +1 -2
- package/dist/components/AvatarGroup/index.js +30 -75
- package/dist/components/AvatarGroup/index.js.map +1 -1
- package/dist/components/AvatarGroup/styles.js +1 -2
- package/dist/components/AvatarGroup/types.js +1 -2
- package/dist/components/Backdrop/index.js +26 -66
- package/dist/components/Backdrop/index.js.map +1 -1
- package/dist/components/Backdrop/styles.js +1 -2
- package/dist/components/Backdrop/types.js +1 -2
- package/dist/components/Badge/index.js +44 -85
- package/dist/components/Badge/index.js.map +1 -1
- package/dist/components/Badge/styles.js +1 -2
- package/dist/components/Badge/types.js +1 -2
- package/dist/components/Button/index.js +49 -98
- package/dist/components/Button/index.js.map +1 -1
- package/dist/components/Button/styles.js +1 -2
- package/dist/components/Button/types.js +1 -2
- package/dist/components/Calendar/index.js +27 -68
- package/dist/components/Calendar/index.js.map +1 -1
- package/dist/components/Calendar/types.d.ts +1 -2
- package/dist/components/Calendar/types.js +1 -2
- package/dist/components/Checkbox/index.js +52 -85
- package/dist/components/Checkbox/index.js.map +1 -1
- package/dist/components/Checkbox/styles.js +1 -2
- package/dist/components/Checkbox/types.js +1 -2
- package/dist/components/DatePickerModal/index.js +61 -113
- package/dist/components/DatePickerModal/index.js.map +1 -1
- package/dist/components/DatePickerModal/styles.js +1 -2
- package/dist/components/DatePickerModal/types.js +1 -2
- package/dist/components/EmptyPlaceholder/index.js +40 -69
- package/dist/components/EmptyPlaceholder/index.js.map +1 -1
- package/dist/components/EmptyPlaceholder/styles.js +1 -2
- package/dist/components/EmptyPlaceholder/types.js +1 -2
- package/dist/components/FileInput/index.js +112 -178
- package/dist/components/FileInput/index.js.map +1 -1
- package/dist/components/FileInput/types.js +1 -2
- package/dist/components/Grid/index.js +47 -97
- package/dist/components/Grid/index.js.map +1 -1
- package/dist/components/Grid/styles.js +1 -2
- package/dist/components/Grid/types.js +1 -2
- package/dist/components/Icon/index.js +34 -75
- package/dist/components/Icon/index.js.map +1 -1
- package/dist/components/Icon/styles.js +1 -2
- package/dist/components/Icon/types.js +1 -2
- package/dist/components/Image/index.js +53 -96
- package/dist/components/Image/index.js.map +1 -1
- package/dist/components/Image/styles.js +1 -2
- package/dist/components/Image/types.js +1 -2
- package/dist/components/ImageView/Spotlight.js +75 -131
- package/dist/components/ImageView/Spotlight.js.map +1 -1
- package/dist/components/ImageView/component.js +8 -15
- package/dist/components/ImageView/component.js.map +1 -1
- package/dist/components/ImageView/index.js +2 -18
- package/dist/components/ImageView/index.js.map +1 -1
- package/dist/components/InputBase/index.js +35 -75
- package/dist/components/InputBase/index.js.map +1 -1
- package/dist/components/InputBase/styles.d.ts +3 -3
- package/dist/components/InputBase/styles.js +49 -50
- package/dist/components/InputBase/styles.js.map +1 -1
- package/dist/components/InputBase/types.d.ts +1 -0
- package/dist/components/InputBase/types.js +1 -2
- package/dist/components/InputBase/utils.js +4 -19
- package/dist/components/InputBase/utils.js.map +1 -1
- package/dist/components/List/index.js +46 -86
- package/dist/components/List/index.js.map +1 -1
- package/dist/components/List/styles.js +1 -2
- package/dist/components/List/types.js +1 -2
- package/dist/components/LoadingOverlay/index.js +28 -66
- package/dist/components/LoadingOverlay/index.js.map +1 -1
- package/dist/components/LoadingOverlay/styles.js +1 -2
- package/dist/components/LoadingOverlay/types.js +1 -2
- package/dist/components/Modal/index.js +77 -113
- package/dist/components/Modal/index.js.map +1 -1
- package/dist/components/Modal/styles.js +1 -2
- package/dist/components/Modal/types.js +1 -2
- package/dist/components/Navigation/Navigation.js +23 -66
- package/dist/components/Navigation/Navigation.js.map +1 -1
- package/dist/components/Navigation/constants.js +7 -10
- package/dist/components/Navigation/constants.js.map +1 -1
- package/dist/components/Navigation/index.js +3 -19
- package/dist/components/Navigation/index.js.map +1 -1
- package/dist/components/Navigation/types.js +1 -2
- package/dist/components/Navigation/utils.js +24 -59
- package/dist/components/Navigation/utils.js.map +1 -1
- package/dist/components/NumberIncrement/index.js +132 -165
- package/dist/components/NumberIncrement/index.js.map +1 -1
- package/dist/components/NumberIncrement/styles.js +1 -2
- package/dist/components/NumberIncrement/types.d.ts +2 -2
- package/dist/components/NumberIncrement/types.js +1 -2
- package/dist/components/NumberIncrement/utils.js +8 -12
- package/dist/components/NumberIncrement/utils.js.map +1 -1
- package/dist/components/Pager/PagerDots.js +17 -54
- package/dist/components/Pager/PagerDots.js.map +1 -1
- package/dist/components/Pager/index.js +43 -97
- package/dist/components/Pager/index.js.map +1 -1
- package/dist/components/Pager/styles.js +1 -2
- package/dist/components/Pager/types.js +1 -2
- package/dist/components/PaginationIndicator/index.js +23 -38
- package/dist/components/PaginationIndicator/index.js.map +1 -1
- package/dist/components/PaginationIndicator/styles.js +1 -2
- package/dist/components/PaginationIndicator/types.js +1 -2
- package/dist/components/PlacesAutocomplete/index.js +55 -106
- package/dist/components/PlacesAutocomplete/index.js.map +1 -1
- package/dist/components/PlacesAutocomplete/styles.js +1 -2
- package/dist/components/PlacesAutocomplete/types.js +1 -2
- package/dist/components/RadioInput/index.js +46 -84
- package/dist/components/RadioInput/index.js.map +1 -1
- package/dist/components/RadioInput/styles.js +1 -2
- package/dist/components/RadioInput/types.js +1 -2
- package/dist/components/RefreshControl/index.js +22 -63
- package/dist/components/RefreshControl/index.js.map +1 -1
- package/dist/components/RefreshControl/styles.js +1 -2
- package/dist/components/RefreshControl/types.js +1 -2
- package/dist/components/Scroll/index.js +33 -81
- package/dist/components/Scroll/index.js.map +1 -1
- package/dist/components/Scroll/styles.js +1 -2
- package/dist/components/Scroll/types.js +1 -2
- package/dist/components/SearchInput/index.js +22 -69
- package/dist/components/SearchInput/index.js.map +1 -1
- package/dist/components/SectionFilters/context.d.ts +6 -0
- package/dist/components/SectionFilters/context.js +4 -8
- package/dist/components/SectionFilters/context.js.map +1 -1
- package/dist/components/SectionFilters/index.js +33 -76
- package/dist/components/SectionFilters/index.js.map +1 -1
- package/dist/components/SectionFilters/types.js +1 -2
- package/dist/components/SectionFilters/useSectionFilters.d.ts +4 -0
- package/dist/components/SectionFilters/useSectionFilters.js +75 -73
- package/dist/components/SectionFilters/useSectionFilters.js.map +1 -1
- package/dist/components/Sections/index.d.ts +8 -8
- package/dist/components/Sections/index.js +61 -106
- package/dist/components/Sections/index.js.map +1 -1
- package/dist/components/Sections/styles.d.ts +1 -1
- package/dist/components/Sections/styles.js +1 -2
- package/dist/components/Sections/types.js +1 -2
- package/dist/components/SegmentedControl/Option.js +13 -31
- package/dist/components/SegmentedControl/Option.js.map +1 -1
- package/dist/components/SegmentedControl/index.js +71 -114
- package/dist/components/SegmentedControl/index.js.map +1 -1
- package/dist/components/SegmentedControl/styles.js +1 -2
- package/dist/components/SegmentedControl/types.js +1 -2
- package/dist/components/Select/index.js +94 -157
- package/dist/components/Select/index.js.map +1 -1
- package/dist/components/Select/styles.js +1 -2
- package/dist/components/Select/types.js +1 -2
- package/dist/components/Slider/index.js +89 -129
- package/dist/components/Slider/index.js.map +1 -1
- package/dist/components/Slider/styles.d.ts +0 -6
- package/dist/components/Slider/styles.js +1 -2
- package/dist/components/Slider/types.js +1 -2
- package/dist/components/SortablePhotos/index.js +58 -91
- package/dist/components/SortablePhotos/index.js.map +1 -1
- package/dist/components/SortablePhotos/styles.js +1 -2
- package/dist/components/SortablePhotos/types.js +1 -2
- package/dist/components/SortablePhotos/useSortablePhotos.js +93 -157
- package/dist/components/SortablePhotos/useSortablePhotos.js.map +1 -1
- package/dist/components/Switch/index.js +51 -84
- package/dist/components/Switch/index.js.map +1 -1
- package/dist/components/Switch/styles.js +1 -2
- package/dist/components/Switch/types.js +1 -2
- package/dist/components/Text/index.js +40 -88
- package/dist/components/Text/index.js.map +1 -1
- package/dist/components/Text/styles.js +1 -2
- package/dist/components/Text/types.js +1 -2
- package/dist/components/TextInput/index.js +83 -131
- package/dist/components/TextInput/index.js.map +1 -1
- package/dist/components/TextInput/styles.js +1 -2
- package/dist/components/TextInput/types.js +1 -2
- package/dist/components/Touchable/index.js +69 -122
- package/dist/components/Touchable/index.js.map +1 -1
- package/dist/components/Touchable/styles.js +1 -2
- package/dist/components/Touchable/types.js +1 -2
- package/dist/components/View/index.js +19 -51
- package/dist/components/View/index.js.map +1 -1
- package/dist/components/View/styles.js +1 -2
- package/dist/components/View/types.js +1 -2
- package/dist/components/components.js +43 -59
- package/dist/components/components.js.map +1 -1
- package/dist/hooks/index.js +7 -11
- package/dist/hooks/index.js.map +1 -1
- package/dist/index.js +8 -43
- package/dist/index.js.map +1 -1
- package/dist/modules/PressableRipple/index.js +2 -8
- package/dist/modules/PressableRipple/index.js.map +1 -1
- package/dist/modules/PressableRipple/ripple.js +125 -163
- package/dist/modules/PressableRipple/ripple.js.map +1 -1
- package/dist/modules/PressableRipple/styles.js +9 -20
- package/dist/modules/PressableRipple/styles.js.map +1 -1
- package/dist/modules/PressableRipple/type.js +1 -2
- package/dist/modules/reactNavigation.js +10 -21
- package/dist/modules/reactNavigation.js.map +1 -1
- package/dist/modules/textInputMask.js +3 -20
- package/dist/modules/textInputMask.js.map +1 -1
- package/dist/modules/types/textInputMask.js +1 -2
- package/dist/types/index.js +1 -17
- package/dist/types/index.js.map +1 -1
- package/dist/types/utility.js +1 -2
- package/dist/utils/KeyboardAware/context.js +5 -14
- package/dist/utils/KeyboardAware/context.js.map +1 -1
- package/dist/utils/KeyboardAware/index.js +3 -19
- package/dist/utils/KeyboardAware/index.js.map +1 -1
- package/dist/utils/KeyboardAware/keyboardHooks.js +36 -41
- package/dist/utils/KeyboardAware/keyboardHooks.js.map +1 -1
- package/dist/utils/KeyboardAware/types.js +1 -2
- package/dist/utils/KeyboardAware/types.js.map +1 -1
- package/dist/utils/ModalManager/components.js +24 -54
- package/dist/utils/ModalManager/components.js.map +1 -1
- package/dist/utils/ModalManager/context.js +94 -89
- package/dist/utils/ModalManager/context.js.map +1 -1
- package/dist/utils/ModalManager/index.js +7 -10
- package/dist/utils/ModalManager/index.js.map +1 -1
- package/dist/utils/NotificationManager/index.js +115 -245
- package/dist/utils/NotificationManager/index.js.map +1 -1
- package/dist/utils/NotificationManager/types.js +1 -2
- package/dist/utils/OSAlert.js +32 -48
- package/dist/utils/OSAlert.js.map +1 -1
- package/dist/utils/PermissionManager/context.js +138 -255
- package/dist/utils/PermissionManager/context.js.map +1 -1
- package/dist/utils/PermissionManager/index.js +2 -8
- package/dist/utils/PermissionManager/index.js.map +1 -1
- package/dist/utils/PermissionManager/types.js +1 -2
- package/dist/utils/StorageManager.js +39 -46
- package/dist/utils/StorageManager.js.map +1 -1
- package/dist/utils/Subscription.js +30 -54
- package/dist/utils/Subscription.js.map +1 -1
- package/dist/utils/deprecated/notifications.js +143 -250
- package/dist/utils/deprecated/notifications.js.map +1 -1
- package/dist/utils/hooks.js +101 -120
- package/dist/utils/hooks.js.map +1 -1
- package/dist/utils/index.js +14 -43
- package/dist/utils/index.js.map +1 -1
- package/dist/utils/input.js +15 -19
- package/dist/utils/input.js.map +1 -1
- package/dist/utils/locale.js +5 -9
- package/dist/utils/locale.js.map +1 -1
- package/dist/utils/misc.js +25 -40
- package/dist/utils/misc.js.map +1 -1
- package/dist/utils/theme.js +24 -33
- package/dist/utils/theme.js.map +1 -1
- package/dist/utils/useQueryListRefresh.js +16 -26
- package/dist/utils/useQueryListRefresh.js.map +1 -1
- package/package.json +6 -6
- package/package.json.bak +2 -2
- package/src/components/Calendar/types.ts +3 -3
- package/src/components/InputBase/styles.ts +35 -23
- package/src/components/InputBase/types.ts +1 -0
- package/src/components/NumberIncrement/index.tsx +8 -2
- package/src/components/NumberIncrement/types.ts +3 -3
- package/src/components/RadioInput/index.tsx +4 -0
- package/src/components/SectionFilters/useSectionFilters.tsx +39 -1
- package/src/components/Sections/index.tsx +3 -2
- package/src/components/Sections/styles.ts +2 -2
- package/src/components/Slider/index.tsx +9 -1
- package/src/components/Slider/styles.ts +0 -6
- package/src/components/TextInput/index.tsx +5 -0
|
@@ -1,123 +1,85 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
};
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
16
|
-
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
17
|
-
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
18
|
-
}
|
|
19
|
-
Object.defineProperty(o, k2, desc);
|
|
20
|
-
}) : (function(o, m, k, k2) {
|
|
21
|
-
if (k2 === undefined) k2 = k;
|
|
22
|
-
o[k2] = m[k];
|
|
23
|
-
}));
|
|
24
|
-
var __exportStar = (this && this.__exportStar) || function(m, exports) {
|
|
25
|
-
for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
|
|
26
|
-
};
|
|
27
|
-
var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
|
|
28
|
-
if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
|
|
29
|
-
if (ar || !(i in from)) {
|
|
30
|
-
if (!ar) ar = Array.prototype.slice.call(from, 0, i);
|
|
31
|
-
ar[i] = from[i];
|
|
32
|
-
}
|
|
33
|
-
}
|
|
34
|
-
return to.concat(ar || Array.prototype.slice.call(from));
|
|
35
|
-
};
|
|
36
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
37
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
38
|
-
};
|
|
39
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
40
|
-
exports.RadioGroup = void 0;
|
|
41
|
-
var react_1 = __importDefault(require("react"));
|
|
42
|
-
var Text_1 = require("../Text");
|
|
43
|
-
var Touchable_1 = require("../Touchable");
|
|
44
|
-
var common_1 = require("@codeleap/common");
|
|
45
|
-
var View_1 = require("../View");
|
|
46
|
-
var InputBase_1 = require("../InputBase");
|
|
47
|
-
var Registry_1 = require("../../Registry");
|
|
48
|
-
var hooks_1 = require("../../hooks");
|
|
49
|
-
__exportStar(require("./styles"), exports);
|
|
50
|
-
__exportStar(require("./types"), exports);
|
|
51
|
-
var Option = function (props) {
|
|
52
|
-
var debugName = props.debugName, item = props.item, disabled = props.disabled, styles = props.styles, selected = props.selected, onSelect = props.onSelect, _a = props.separator, separator = _a === void 0 ? false : _a, reverseOrder = props.reverseOrder;
|
|
53
|
-
var isDisabled = disabled || item.disabled;
|
|
54
|
-
var getStyle = function (key) {
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { Text } from '../Text';
|
|
3
|
+
import { Touchable } from '../Touchable';
|
|
4
|
+
import { TypeGuards } from '@codeleap/common';
|
|
5
|
+
import { View } from '../View';
|
|
6
|
+
import { InputBase, selectInputBaseProps } from '../InputBase';
|
|
7
|
+
import { MobileStyleRegistry } from '../../Registry';
|
|
8
|
+
import { useStylesFor } from '../../hooks';
|
|
9
|
+
export * from './styles';
|
|
10
|
+
export * from './types';
|
|
11
|
+
const Option = (props) => {
|
|
12
|
+
const { debugName, item, disabled, styles, selected, onSelect, separator = false, reverseOrder, } = props;
|
|
13
|
+
const isDisabled = disabled || item.disabled;
|
|
14
|
+
const getStyle = (key) => {
|
|
55
15
|
if (isDisabled && selected) {
|
|
56
|
-
return styles[
|
|
16
|
+
return styles[`${key}:selectedDisabled`];
|
|
57
17
|
}
|
|
58
18
|
if (isDisabled) {
|
|
59
|
-
return styles[
|
|
19
|
+
return styles[`${key}:disabled`];
|
|
60
20
|
}
|
|
61
21
|
if (selected) {
|
|
62
|
-
return styles[
|
|
22
|
+
return styles[`${key}:selected`];
|
|
63
23
|
}
|
|
64
24
|
return styles[key];
|
|
65
25
|
};
|
|
66
|
-
|
|
26
|
+
const label = TypeGuards.isString(item.label) ? <Text style={[
|
|
67
27
|
styles.optionLabel,
|
|
68
28
|
getStyle('optionLabel'),
|
|
69
29
|
]} text={item.label}/> : item.label;
|
|
70
30
|
return <>
|
|
71
|
-
<
|
|
31
|
+
<Touchable debugName={`${debugName} option ${item.value}`} style={[
|
|
72
32
|
styles.optionWrapper,
|
|
73
33
|
getStyle('optionWrapper'),
|
|
74
34
|
]} rippleDisabled onPress={onSelect} disabled={isDisabled}>
|
|
75
35
|
{reverseOrder ? (<>
|
|
76
36
|
{label}
|
|
77
|
-
<
|
|
37
|
+
<View style={[
|
|
78
38
|
styles.optionIndicator,
|
|
79
39
|
getStyle('optionIndicator'),
|
|
80
40
|
]}>
|
|
81
|
-
<
|
|
41
|
+
<View style={[
|
|
82
42
|
styles.optionIndicatorInner,
|
|
83
43
|
getStyle('optionIndicatorInner'),
|
|
84
44
|
]}/>
|
|
85
|
-
</
|
|
45
|
+
</View>
|
|
86
46
|
</>) : (<>
|
|
87
|
-
<
|
|
47
|
+
<View style={[
|
|
88
48
|
styles.optionIndicator,
|
|
89
49
|
getStyle('optionIndicator'),
|
|
90
50
|
]}>
|
|
91
|
-
<
|
|
51
|
+
<View style={[
|
|
92
52
|
styles.optionIndicatorInner,
|
|
93
53
|
getStyle('optionIndicatorInner'),
|
|
94
54
|
]}/>
|
|
95
|
-
</
|
|
55
|
+
</View>
|
|
96
56
|
{label}
|
|
97
57
|
</>)}
|
|
98
58
|
|
|
99
|
-
</
|
|
100
|
-
{separator ? <
|
|
59
|
+
</Touchable>
|
|
60
|
+
{separator ? <View style={styles.optionSeparator}/> : null}
|
|
101
61
|
</>;
|
|
102
62
|
};
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
63
|
+
export const RadioGroup = (props) => {
|
|
64
|
+
const { inputBaseProps, others, } = selectInputBaseProps({
|
|
65
|
+
...RadioGroup.defaultProps,
|
|
66
|
+
...props,
|
|
67
|
+
});
|
|
68
|
+
const { options, value, onValueChange, disabled, debugName, radioOnRight, style, } = others;
|
|
69
|
+
const styles = useStylesFor(RadioGroup.styleRegistryName, style);
|
|
108
70
|
// @ts-expect-error icss type
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
71
|
+
const _radioOnRight = radioOnRight ?? styles?.__props?.radioOnRight;
|
|
72
|
+
const hasValue = !TypeGuards.isNil(value);
|
|
73
|
+
return <InputBase {...inputBaseProps} disabled={disabled} style={styles} debugName={debugName} hasValue={hasValue}>
|
|
74
|
+
{options?.map((item, idx) => (<Option debugName={debugName} item={item} key={idx} disabled={disabled} styles={styles} selected={value === item.value} onSelect={() => onValueChange(item.value)} separator={idx < options.length - 1} reverseOrder={_radioOnRight}/>))}
|
|
75
|
+
</InputBase>;
|
|
113
76
|
};
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
return exports.RadioGroup;
|
|
77
|
+
RadioGroup.styleRegistryName = 'RadioGroup';
|
|
78
|
+
RadioGroup.elements = [...InputBase.elements, 'option', '__props'];
|
|
79
|
+
RadioGroup.rootElement = 'wrapper';
|
|
80
|
+
RadioGroup.withVariantTypes = (styles) => {
|
|
81
|
+
return RadioGroup;
|
|
120
82
|
};
|
|
121
|
-
|
|
122
|
-
|
|
83
|
+
RadioGroup.defaultProps = {};
|
|
84
|
+
MobileStyleRegistry.registerComponent(RadioGroup);
|
|
123
85
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/RadioInput/index.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/RadioInput/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,67 +1,26 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { RefreshControl as RNRefreshControl } from 'react-native';
|
|
3
|
+
import { MobileStyleRegistry } from '../../Registry';
|
|
4
|
+
import { useStylesFor } from '../../hooks';
|
|
5
|
+
export * from './styles';
|
|
6
|
+
export * from './types';
|
|
7
|
+
export const RefreshControl = (props) => {
|
|
8
|
+
const { style, ...rest } = {
|
|
9
|
+
...RefreshControl.defaultProps,
|
|
10
|
+
...props,
|
|
10
11
|
};
|
|
11
|
-
|
|
12
|
+
const styles = useStylesFor(RefreshControl.styleRegistryName, style);
|
|
13
|
+
const color = styles?.loadingAnimation?.color;
|
|
14
|
+
const titleColor = styles?.titleColor?.color;
|
|
15
|
+
const progressBackgroundColor = styles?.progressBackgroundColor?.color;
|
|
16
|
+
return (<RNRefreshControl colors={[color]} tintColor={color} progressBackgroundColor={progressBackgroundColor} titleColor={titleColor} {...rest}/>);
|
|
12
17
|
};
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
}
|
|
19
|
-
Object.defineProperty(o, k2, desc);
|
|
20
|
-
}) : (function(o, m, k, k2) {
|
|
21
|
-
if (k2 === undefined) k2 = k;
|
|
22
|
-
o[k2] = m[k];
|
|
23
|
-
}));
|
|
24
|
-
var __exportStar = (this && this.__exportStar) || function(m, exports) {
|
|
25
|
-
for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
|
|
18
|
+
RefreshControl.styleRegistryName = 'RefreshControl';
|
|
19
|
+
RefreshControl.elements = ['loadingAnimation', 'progressBackgroundColor', 'titleColor'];
|
|
20
|
+
RefreshControl.rootElement = 'wrapper';
|
|
21
|
+
RefreshControl.withVariantTypes = (styles) => {
|
|
22
|
+
return RefreshControl;
|
|
26
23
|
};
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
30
|
-
t[p] = s[p];
|
|
31
|
-
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
32
|
-
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
33
|
-
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
34
|
-
t[p[i]] = s[p[i]];
|
|
35
|
-
}
|
|
36
|
-
return t;
|
|
37
|
-
};
|
|
38
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
39
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
40
|
-
};
|
|
41
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
42
|
-
exports.RefreshControl = void 0;
|
|
43
|
-
var react_1 = __importDefault(require("react"));
|
|
44
|
-
var react_native_1 = require("react-native");
|
|
45
|
-
var Registry_1 = require("../../Registry");
|
|
46
|
-
var hooks_1 = require("../../hooks");
|
|
47
|
-
__exportStar(require("./styles"), exports);
|
|
48
|
-
__exportStar(require("./types"), exports);
|
|
49
|
-
var RefreshControl = function (props) {
|
|
50
|
-
var _a, _b, _c;
|
|
51
|
-
var _d = __assign(__assign({}, exports.RefreshControl.defaultProps), props), style = _d.style, rest = __rest(_d, ["style"]);
|
|
52
|
-
var styles = (0, hooks_1.useStylesFor)(exports.RefreshControl.styleRegistryName, style);
|
|
53
|
-
var color = (_a = styles === null || styles === void 0 ? void 0 : styles.loadingAnimation) === null || _a === void 0 ? void 0 : _a.color;
|
|
54
|
-
var titleColor = (_b = styles === null || styles === void 0 ? void 0 : styles.titleColor) === null || _b === void 0 ? void 0 : _b.color;
|
|
55
|
-
var progressBackgroundColor = (_c = styles === null || styles === void 0 ? void 0 : styles.progressBackgroundColor) === null || _c === void 0 ? void 0 : _c.color;
|
|
56
|
-
return (<react_native_1.RefreshControl colors={[color]} tintColor={color} progressBackgroundColor={progressBackgroundColor} titleColor={titleColor} {...rest}/>);
|
|
57
|
-
};
|
|
58
|
-
exports.RefreshControl = RefreshControl;
|
|
59
|
-
exports.RefreshControl.styleRegistryName = 'RefreshControl';
|
|
60
|
-
exports.RefreshControl.elements = ['loadingAnimation', 'progressBackgroundColor', 'titleColor'];
|
|
61
|
-
exports.RefreshControl.rootElement = 'wrapper';
|
|
62
|
-
exports.RefreshControl.withVariantTypes = function (styles) {
|
|
63
|
-
return exports.RefreshControl;
|
|
64
|
-
};
|
|
65
|
-
exports.RefreshControl.defaultProps = {};
|
|
66
|
-
Registry_1.MobileStyleRegistry.registerComponent(exports.RefreshControl);
|
|
24
|
+
RefreshControl.defaultProps = {};
|
|
25
|
+
MobileStyleRegistry.registerComponent(RefreshControl);
|
|
67
26
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/RefreshControl/index.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/RefreshControl/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAE,cAAc,IAAI,gBAAgB,EAAE,MAAM,cAAc,CAAA;AACjE,OAAO,EAAE,mBAAmB,EAAE,MAAM,gBAAgB,CAAA;AAEpD,OAAO,EAAE,YAAY,EAAE,MAAM,aAAa,CAAA;AAG1C,cAAc,UAAU,CAAA;AACxB,cAAc,SAAS,CAAA;AAEvB,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,KAA0B,EAAE,EAAE;IAC3D,MAAM,EACJ,KAAK,EACL,GAAG,IAAI,EACR,GAAG;QACF,GAAG,cAAc,CAAC,YAAY;QAC9B,GAAG,KAAK;KACT,CAAA;IAED,MAAM,MAAM,GAAG,YAAY,CAAC,cAAc,CAAC,iBAAiB,EAAE,KAAK,CAAC,CAAA;IAEpE,MAAM,KAAK,GAAgB,MAAM,EAAE,gBAA8B,EAAE,KAAK,CAAA;IACxE,MAAM,UAAU,GAAgB,MAAM,EAAE,UAAwB,EAAE,KAAK,CAAA;IACvE,MAAM,uBAAuB,GAAgB,MAAM,EAAE,uBAAqC,EAAE,KAAK,CAAA;IAEjG,OAAO,CACL,CAAC,gBAAgB,CACf,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAChB,SAAS,CAAC,CAAC,KAAK,CAAC,CACjB,uBAAuB,CAAC,CAAC,uBAAuB,CAAC,CACjD,UAAU,CAAC,CAAC,UAAU,CAAC,CACvB,IAAI,IAAI,CAAC,EACT,CACH,CAAA;AACH,CAAC,CAAA;AAED,cAAc,CAAC,iBAAiB,GAAG,gBAAgB,CAAA;AACnD,cAAc,CAAC,QAAQ,GAAG,CAAC,kBAAkB,EAAE,yBAAyB,EAAE,YAAY,CAAC,CAAA;AACvF,cAAc,CAAC,WAAW,GAAG,SAAS,CAAA;AAEtC,cAAc,CAAC,gBAAgB,GAAG,CAAsB,MAAS,EAAE,EAAE;IACnE,OAAO,cAA2F,CAAA;AACpG,CAAC,CAAA;AAED,cAAc,CAAC,YAAY,GAAG,EAAkC,CAAA;AAEhE,mBAAmB,CAAC,iBAAiB,CAAC,cAAc,CAAC,CAAA"}
|
|
@@ -1,108 +1,60 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
1
|
+
import React, { forwardRef, useState } from 'react';
|
|
2
|
+
import { deepEqual, onUpdate, usePrevious } from '@codeleap/common';
|
|
3
|
+
import { ScrollView } from 'react-native';
|
|
4
|
+
import { RefreshControl } from '../RefreshControl';
|
|
5
|
+
import { useKeyboardPaddingStyle } from '../../utils';
|
|
6
|
+
import { MobileStyleRegistry } from '../../Registry';
|
|
7
|
+
import { useStylesFor } from '../../hooks';
|
|
8
|
+
export * from './styles';
|
|
9
|
+
export * from './types';
|
|
10
|
+
export const Scroll = forwardRef((scrollProps, ref) => {
|
|
11
|
+
const { style, refreshTimeout, children, changeData, refreshControlProps = {}, contentContainerStyle, keyboardAware, animated, ...props } = {
|
|
12
|
+
...Scroll.defaultProps,
|
|
13
|
+
...scrollProps,
|
|
10
14
|
};
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
18
|
-
}
|
|
19
|
-
Object.defineProperty(o, k2, desc);
|
|
20
|
-
}) : (function(o, m, k, k2) {
|
|
21
|
-
if (k2 === undefined) k2 = k;
|
|
22
|
-
o[k2] = m[k];
|
|
23
|
-
}));
|
|
24
|
-
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
25
|
-
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
26
|
-
}) : function(o, v) {
|
|
27
|
-
o["default"] = v;
|
|
28
|
-
});
|
|
29
|
-
var __importStar = (this && this.__importStar) || function (mod) {
|
|
30
|
-
if (mod && mod.__esModule) return mod;
|
|
31
|
-
var result = {};
|
|
32
|
-
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
|
33
|
-
__setModuleDefault(result, mod);
|
|
34
|
-
return result;
|
|
35
|
-
};
|
|
36
|
-
var __exportStar = (this && this.__exportStar) || function(m, exports) {
|
|
37
|
-
for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
|
|
38
|
-
};
|
|
39
|
-
var __rest = (this && this.__rest) || function (s, e) {
|
|
40
|
-
var t = {};
|
|
41
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
42
|
-
t[p] = s[p];
|
|
43
|
-
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
44
|
-
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
45
|
-
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
46
|
-
t[p[i]] = s[p[i]];
|
|
47
|
-
}
|
|
48
|
-
return t;
|
|
49
|
-
};
|
|
50
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
51
|
-
exports.Scroll = void 0;
|
|
52
|
-
var react_1 = __importStar(require("react"));
|
|
53
|
-
var common_1 = require("@codeleap/common");
|
|
54
|
-
var react_native_1 = require("react-native");
|
|
55
|
-
var RefreshControl_1 = require("../RefreshControl");
|
|
56
|
-
var utils_1 = require("../../utils");
|
|
57
|
-
var Registry_1 = require("../../Registry");
|
|
58
|
-
var hooks_1 = require("../../hooks");
|
|
59
|
-
__exportStar(require("./styles"), exports);
|
|
60
|
-
__exportStar(require("./types"), exports);
|
|
61
|
-
exports.Scroll = (0, react_1.forwardRef)(function (scrollProps, ref) {
|
|
62
|
-
var _a = __assign(__assign({}, exports.Scroll.defaultProps), scrollProps), style = _a.style, refreshTimeout = _a.refreshTimeout, children = _a.children, changeData = _a.changeData, _b = _a.refreshControlProps, refreshControlProps = _b === void 0 ? {} : _b, contentContainerStyle = _a.contentContainerStyle, keyboardAware = _a.keyboardAware, animated = _a.animated, props = __rest(_a, ["style", "refreshTimeout", "children", "changeData", "refreshControlProps", "contentContainerStyle", "keyboardAware", "animated"]);
|
|
63
|
-
var hasRefresh = !!props.onRefresh;
|
|
64
|
-
var _c = (0, react_1.useState)(false), refreshingState = _c[0], setRefreshing = _c[1];
|
|
65
|
-
var refreshingDisplay = props.refreshing !== undefined ? props.refreshing : refreshingState;
|
|
66
|
-
var timer = react_1.default.useRef(null);
|
|
67
|
-
var previousData = (0, common_1.usePrevious)(changeData);
|
|
68
|
-
var onRefresh = function () {
|
|
15
|
+
const hasRefresh = !!props.onRefresh;
|
|
16
|
+
const [refreshingState, setRefreshing] = useState(false);
|
|
17
|
+
const refreshingDisplay = props.refreshing !== undefined ? props.refreshing : refreshingState;
|
|
18
|
+
const timer = React.useRef(null);
|
|
19
|
+
const previousData = usePrevious(changeData);
|
|
20
|
+
const onRefresh = () => {
|
|
69
21
|
if (timer.current) {
|
|
70
22
|
clearTimeout(timer.current);
|
|
71
23
|
}
|
|
72
24
|
setRefreshing(true);
|
|
73
25
|
props.onRefresh();
|
|
74
|
-
timer.current = setTimeout(
|
|
26
|
+
timer.current = setTimeout(() => {
|
|
75
27
|
setRefreshing(false);
|
|
76
28
|
}, refreshTimeout);
|
|
77
29
|
};
|
|
78
|
-
|
|
79
|
-
if (refreshingDisplay && !
|
|
30
|
+
onUpdate(() => {
|
|
31
|
+
if (refreshingDisplay && !deepEqual(previousData, changeData)) {
|
|
80
32
|
setRefreshing(false);
|
|
81
33
|
if (timer.current) {
|
|
82
34
|
clearTimeout(timer.current);
|
|
83
35
|
}
|
|
84
36
|
}
|
|
85
37
|
}, [refreshingDisplay, changeData]);
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
38
|
+
const styles = useStylesFor(Scroll.styleRegistryName, style);
|
|
39
|
+
const Component = ScrollView;
|
|
40
|
+
const keyboardStyle = useKeyboardPaddingStyle([styles?.content, contentContainerStyle], keyboardAware);
|
|
89
41
|
return (<Component showsVerticalScrollIndicator={false}
|
|
90
42
|
// @ts-ignore
|
|
91
|
-
ref={ref} refreshControl={hasRefresh && (<
|
|
43
|
+
ref={ref} refreshControl={hasRefresh && (<RefreshControl refreshing={refreshingDisplay} onRefresh={onRefresh} {...refreshControlProps}/>)} {...props} style={styles?.wrapper} contentContainerStyle={keyboardStyle}>
|
|
92
44
|
{children}
|
|
93
45
|
</Component>);
|
|
94
46
|
});
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
return
|
|
47
|
+
Scroll.styleRegistryName = 'Scroll';
|
|
48
|
+
Scroll.elements = ['wrapper', 'content'];
|
|
49
|
+
Scroll.rootElement = 'wrapper';
|
|
50
|
+
Scroll.withVariantTypes = (styles) => {
|
|
51
|
+
return Scroll;
|
|
100
52
|
};
|
|
101
|
-
|
|
53
|
+
Scroll.defaultProps = {
|
|
102
54
|
keyboardShouldPersistTaps: 'handled',
|
|
103
55
|
refreshTimeout: 3000,
|
|
104
56
|
keyboardAware: true,
|
|
105
57
|
animated: true,
|
|
106
58
|
};
|
|
107
|
-
|
|
59
|
+
MobileStyleRegistry.registerComponent(Scroll);
|
|
108
60
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Scroll/index.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Scroll/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AACnD,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAA;AACnE,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AACzC,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAA;AAClD,OAAO,EAAE,uBAAuB,EAAE,MAAM,aAAa,CAAA;AAGrD,OAAO,EAAE,mBAAmB,EAAE,MAAM,gBAAgB,CAAA;AACpD,OAAO,EAAE,YAAY,EAAE,MAAM,aAAa,CAAA;AAE1C,cAAc,UAAU,CAAA;AACxB,cAAc,SAAS,CAAA;AAEvB,MAAM,CAAC,MAAM,MAAM,GAAG,UAAU,CAAyB,CAAC,WAAW,EAAE,GAAG,EAAE,EAAE;IAC5E,MAAM,EACJ,KAAK,EACL,cAAc,EACd,QAAQ,EACR,UAAU,EACV,mBAAmB,GAAG,EAAE,EACxB,qBAAqB,EACrB,aAAa,EACb,QAAQ,EACR,GAAG,KAAK,EACT,GAAG;QACF,GAAG,MAAM,CAAC,YAAY;QACtB,GAAG,WAAW;KACf,CAAA;IAED,MAAM,UAAU,GAAG,CAAC,CAAC,KAAK,CAAC,SAAS,CAAA;IACpC,MAAM,CAAC,eAAe,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IACxD,MAAM,iBAAiB,GAAG,KAAK,CAAC,UAAU,KAAK,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,UAAU,CAAC,CAAC,CAAC,eAAe,CAAA;IAE7F,MAAM,KAAK,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAA;IAChC,MAAM,YAAY,GAAG,WAAW,CAAC,UAAU,CAAC,CAAA;IAE5C,MAAM,SAAS,GAAG,GAAG,EAAE;QACrB,IAAI,KAAK,CAAC,OAAO,EAAE;YACjB,YAAY,CAAC,KAAK,CAAC,OAAO,CAAC,CAAA;SAC5B;QAED,aAAa,CAAC,IAAI,CAAC,CAAA;QAEnB,KAAK,CAAC,SAAS,EAAE,CAAA;QAEjB,KAAK,CAAC,OAAO,GAAG,UAAU,CAAC,GAAG,EAAE;YAC9B,aAAa,CAAC,KAAK,CAAC,CAAA;QACtB,CAAC,EAAE,cAAc,CAAC,CAAA;IACpB,CAAC,CAAA;IAED,QAAQ,CAAC,GAAG,EAAE;QACZ,IAAI,iBAAiB,IAAI,CAAC,SAAS,CAAC,YAAY,EAAE,UAAU,CAAC,EAAE;YAC7D,aAAa,CAAC,KAAK,CAAC,CAAA;YACpB,IAAI,KAAK,CAAC,OAAO,EAAE;gBACjB,YAAY,CAAC,KAAK,CAAC,OAAO,CAAC,CAAA;aAC5B;SACF;IACH,CAAC,EAAE,CAAC,iBAAiB,EAAE,UAAU,CAAC,CAAC,CAAA;IAEnC,MAAM,MAAM,GAAG,YAAY,CAAC,MAAM,CAAC,iBAAiB,EAAE,KAAK,CAAC,CAAA;IAE5D,MAAM,SAAS,GAAG,UAAU,CAAA;IAE5B,MAAM,aAAa,GAAG,uBAAuB,CAAC,CAAC,MAAM,EAAE,OAAO,EAAE,qBAAqB,CAAC,EAAE,aAAa,CAAC,CAAA;IAEtG,OAAO,CACL,CAAC,SAAS,CACR,4BAA4B,CAAC,CAAC,KAAK,CAAC;IACpC,aAAa;IACb,GAAG,CAAC,CAAC,GAAG,CAAC,CACT,cAAc,CAAC,CACb,UAAU,IAAI,CACZ,CAAC,cAAc,CACb,UAAU,CAAC,CAAC,iBAAiB,CAAC,CAC9B,SAAS,CAAC,CAAC,SAAS,CAAC,CACrB,IAAI,mBAAmB,CAAC,EACxB,CACH,CACF,CACD,IAAI,KAAK,CAAC,CACV,KAAK,CAAC,CAAC,MAAM,EAAE,OAAO,CAAC,CACvB,qBAAqB,CAAC,CAAC,aAAa,CAAC,CAErC;MAAA,CAAC,QAAQ,CACX;IAAA,EAAE,SAAS,CAAC,CACb,CAAA;AACH,CAAC,CAA0C,CAAA;AAE3C,MAAM,CAAC,iBAAiB,GAAG,QAAQ,CAAA;AACnC,MAAM,CAAC,QAAQ,GAAG,CAAC,SAAS,EAAE,SAAS,CAAC,CAAA;AACxC,MAAM,CAAC,WAAW,GAAG,SAAS,CAAA;AAE9B,MAAM,CAAC,gBAAgB,GAAG,CAAsB,MAAS,EAAE,EAAE;IAC3D,OAAO,MAA2E,CAAA;AACpF,CAAC,CAAA;AAED,MAAM,CAAC,YAAY,GAAG;IACpB,yBAAyB,EAAE,SAAS;IACpC,cAAc,EAAE,IAAI;IACpB,aAAa,EAAE,IAAI;IACnB,QAAQ,EAAE,IAAI;CACS,CAAA;AAEzB,mBAAmB,CAAC,iBAAiB,CAAC,MAAM,CAAC,CAAA"}
|
|
@@ -1,91 +1,44 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
}
|
|
9
|
-
return t;
|
|
1
|
+
import React, { useState } from 'react';
|
|
2
|
+
import { TextInput } from '../TextInput';
|
|
3
|
+
import { TypeGuards } from '@codeleap/common';
|
|
4
|
+
export const SearchInput = (props) => {
|
|
5
|
+
const { debugName, onClear, onSearchChange, onTypingChange, clearIcon, searchIcon, debounce, placeholder, value, onValueChange, ...others } = {
|
|
6
|
+
...SearchInput.defaultProps,
|
|
7
|
+
...props,
|
|
10
8
|
};
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
if (k2 === undefined) k2 = k;
|
|
15
|
-
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
16
|
-
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
17
|
-
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
18
|
-
}
|
|
19
|
-
Object.defineProperty(o, k2, desc);
|
|
20
|
-
}) : (function(o, m, k, k2) {
|
|
21
|
-
if (k2 === undefined) k2 = k;
|
|
22
|
-
o[k2] = m[k];
|
|
23
|
-
}));
|
|
24
|
-
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
25
|
-
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
26
|
-
}) : function(o, v) {
|
|
27
|
-
o["default"] = v;
|
|
28
|
-
});
|
|
29
|
-
var __importStar = (this && this.__importStar) || function (mod) {
|
|
30
|
-
if (mod && mod.__esModule) return mod;
|
|
31
|
-
var result = {};
|
|
32
|
-
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
|
33
|
-
__setModuleDefault(result, mod);
|
|
34
|
-
return result;
|
|
35
|
-
};
|
|
36
|
-
var __rest = (this && this.__rest) || function (s, e) {
|
|
37
|
-
var t = {};
|
|
38
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
39
|
-
t[p] = s[p];
|
|
40
|
-
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
41
|
-
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
42
|
-
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
43
|
-
t[p[i]] = s[p[i]];
|
|
44
|
-
}
|
|
45
|
-
return t;
|
|
46
|
-
};
|
|
47
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
48
|
-
exports.SearchInput = void 0;
|
|
49
|
-
var react_1 = __importStar(require("react"));
|
|
50
|
-
var TextInput_1 = require("../TextInput");
|
|
51
|
-
var common_1 = require("@codeleap/common");
|
|
52
|
-
var SearchInput = function (props) {
|
|
53
|
-
var _a;
|
|
54
|
-
var _b = __assign(__assign({}, exports.SearchInput.defaultProps), props), debugName = _b.debugName, onClear = _b.onClear, onSearchChange = _b.onSearchChange, onTypingChange = _b.onTypingChange, clearIcon = _b.clearIcon, searchIcon = _b.searchIcon, debounce = _b.debounce, placeholder = _b.placeholder, value = _b.value, onValueChange = _b.onValueChange, others = __rest(_b, ["debugName", "onClear", "onSearchChange", "onTypingChange", "clearIcon", "searchIcon", "debounce", "placeholder", "value", "onValueChange"]);
|
|
55
|
-
var _c = !common_1.TypeGuards.isNil(value) && !!onValueChange ? [value, onValueChange] : (0, react_1.useState)(''), search = _c[0], setSearch = _c[1];
|
|
56
|
-
var setSearchTimeout = react_1.default.useRef(null);
|
|
57
|
-
var handleChangeSearch = function (value) {
|
|
9
|
+
const [search, setSearch] = !TypeGuards.isNil(value) && !!onValueChange ? [value, onValueChange] : useState('');
|
|
10
|
+
const setSearchTimeout = React.useRef(null);
|
|
11
|
+
const handleChangeSearch = (value) => {
|
|
58
12
|
setSearch(value);
|
|
59
|
-
if (
|
|
60
|
-
onSearchChange
|
|
13
|
+
if (TypeGuards.isNil(debounce)) {
|
|
14
|
+
onSearchChange?.(value);
|
|
61
15
|
}
|
|
62
16
|
else {
|
|
63
17
|
if (setSearchTimeout.current) {
|
|
64
18
|
clearTimeout(setSearchTimeout.current);
|
|
65
19
|
}
|
|
66
|
-
setSearchTimeout.current = setTimeout(
|
|
20
|
+
setSearchTimeout.current = setTimeout(() => {
|
|
67
21
|
onSearchChange(value);
|
|
68
|
-
onTypingChange
|
|
69
|
-
}, debounce
|
|
22
|
+
onTypingChange?.(false);
|
|
23
|
+
}, debounce ?? 0);
|
|
70
24
|
}
|
|
71
25
|
};
|
|
72
|
-
|
|
26
|
+
const handleClear = () => {
|
|
73
27
|
setSearch('');
|
|
74
|
-
onSearchChange
|
|
75
|
-
onClear
|
|
28
|
+
onSearchChange?.('');
|
|
29
|
+
onClear?.();
|
|
76
30
|
};
|
|
77
|
-
return (<
|
|
78
|
-
onTypingChange
|
|
31
|
+
return (<TextInput value={search} onChangeText={(value) => {
|
|
32
|
+
onTypingChange?.(true);
|
|
79
33
|
handleChangeSearch(value);
|
|
80
|
-
}} placeholder={placeholder} debugName={
|
|
34
|
+
}} placeholder={placeholder} debugName={`Search ${debugName}`} rightIcon={!!search?.trim?.() && {
|
|
81
35
|
name: clearIcon,
|
|
82
36
|
onPress: handleClear,
|
|
83
37
|
}} leftIcon={{
|
|
84
38
|
name: searchIcon,
|
|
85
39
|
}} {...others}/>);
|
|
86
40
|
};
|
|
87
|
-
|
|
88
|
-
exports.SearchInput.defaultProps = {
|
|
41
|
+
SearchInput.defaultProps = {
|
|
89
42
|
debounce: null,
|
|
90
43
|
clearIcon: 'x',
|
|
91
44
|
searchIcon: 'search',
|