@codeleap/mobile 4.2.9 → 4.2.10
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 +3 -0
- package/dist/components/SectionFilters/useSectionFilters.js +71 -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 +31 -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,120 +1,87 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
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.Checkbox = void 0;
|
|
41
|
-
var react_1 = __importDefault(require("react"));
|
|
42
|
-
var View_1 = require("../View");
|
|
43
|
-
var InputBase_1 = require("../InputBase");
|
|
44
|
-
var __1 = require("../..");
|
|
45
|
-
var Touchable_1 = require("../Touchable");
|
|
46
|
-
var Icon_1 = require("../Icon");
|
|
47
|
-
var Registry_1 = require("../../Registry");
|
|
48
|
-
var hooks_1 = require("../../hooks");
|
|
49
|
-
__exportStar(require("./styles"), exports);
|
|
50
|
-
__exportStar(require("./types"), exports);
|
|
51
|
-
var reversedOrder = __spreadArray([], InputBase_1.InputBaseDefaultOrder, true).reverse();
|
|
52
|
-
var Checkbox = function (props) {
|
|
53
|
-
var _a;
|
|
54
|
-
var _b = (0, InputBase_1.selectInputBaseProps)(__assign(__assign({}, exports.Checkbox.defaultProps), props)), inputBaseProps = _b.inputBaseProps, others = _b.others;
|
|
55
|
-
var style = others.style, value = others.value, disabled = others.disabled, debugName = others.debugName, onValueChange = others.onValueChange, checkboxOnLeft = others.checkboxOnLeft, checkIcon = others.checkIcon;
|
|
56
|
-
var styles = (0, hooks_1.useStylesFor)(exports.Checkbox.styleRegistryName, style);
|
|
57
|
-
var boxAnimation = (0, __1.useAnimatedVariantStyles)({
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { View } from '../View';
|
|
3
|
+
import { InputBase, InputBaseDefaultOrder, selectInputBaseProps } from '../InputBase';
|
|
4
|
+
import { useAnimatedVariantStyles } from '../..';
|
|
5
|
+
import { Touchable } from '../Touchable';
|
|
6
|
+
import { Icon } from '../Icon';
|
|
7
|
+
import { MobileStyleRegistry } from '../../Registry';
|
|
8
|
+
import { useStylesFor } from '../../hooks';
|
|
9
|
+
export * from './styles';
|
|
10
|
+
export * from './types';
|
|
11
|
+
const reversedOrder = [...InputBaseDefaultOrder].reverse();
|
|
12
|
+
export const Checkbox = (props) => {
|
|
13
|
+
const { inputBaseProps, others, } = selectInputBaseProps({
|
|
14
|
+
...Checkbox.defaultProps,
|
|
15
|
+
...props,
|
|
16
|
+
});
|
|
17
|
+
const { style, value, disabled, debugName, onValueChange, checkboxOnLeft, checkIcon, } = others;
|
|
18
|
+
const styles = useStylesFor(Checkbox.styleRegistryName, style);
|
|
19
|
+
const boxAnimation = useAnimatedVariantStyles({
|
|
58
20
|
variantStyles: styles,
|
|
59
21
|
animatedProperties: ['box:unchecked', 'box:disabled', 'box:checked', 'box:disabled-checked', 'box:disabled-unchecked'],
|
|
60
22
|
transition: styles['box:transition'],
|
|
61
|
-
updater:
|
|
23
|
+
updater: () => {
|
|
62
24
|
'worklet';
|
|
63
|
-
|
|
25
|
+
let disabledStyle = {};
|
|
64
26
|
if (disabled) {
|
|
65
27
|
disabledStyle = value ? styles['box:disabled-checked'] : styles['box:disabled-unchecked'];
|
|
66
28
|
}
|
|
67
|
-
|
|
68
|
-
return
|
|
29
|
+
const style = value ? styles['box:checked'] : styles['box:unchecked'];
|
|
30
|
+
return {
|
|
31
|
+
...style,
|
|
32
|
+
...disabledStyle,
|
|
33
|
+
};
|
|
69
34
|
},
|
|
70
35
|
dependencies: [value, disabled],
|
|
71
36
|
});
|
|
72
|
-
|
|
37
|
+
const checkmarkWrapperAnimation = useAnimatedVariantStyles({
|
|
73
38
|
variantStyles: styles,
|
|
74
39
|
animatedProperties: ['checkmarkWrapper:unchecked', 'checkmarkWrapper:disabled', 'checkmarkWrapper:checked', 'checkmarkWrapper:disabled-unchecked', 'checkmarkWrapper:disabled-checked'],
|
|
75
40
|
transition: styles['checkmarkWrapper:transition'],
|
|
76
|
-
updater:
|
|
41
|
+
updater: () => {
|
|
77
42
|
'worklet';
|
|
78
|
-
|
|
43
|
+
let disabledStyle = {};
|
|
79
44
|
if (disabled) {
|
|
80
45
|
disabledStyle = value ? styles['checkmarkWrapper:disabled-checked'] : styles['checkmarkWrapper:disabled-unchecked'];
|
|
81
46
|
}
|
|
82
|
-
|
|
83
|
-
return
|
|
47
|
+
const style = value ? styles['checkmarkWrapper:checked'] : styles['checkmarkWrapper:unchecked'];
|
|
48
|
+
return {
|
|
49
|
+
...style,
|
|
50
|
+
...disabledStyle,
|
|
51
|
+
};
|
|
84
52
|
},
|
|
85
53
|
dependencies: [value, disabled],
|
|
86
54
|
});
|
|
87
55
|
// @ts-expect-error
|
|
88
|
-
|
|
89
|
-
return <
|
|
90
|
-
onPress:
|
|
56
|
+
const _checkboxOnLeft = checkboxOnLeft ?? styles.__props?.checkboxOnLeft;
|
|
57
|
+
return <InputBase {...inputBaseProps} debugName={debugName} wrapper={Touchable} style={styles} wrapperProps={{
|
|
58
|
+
onPress: () => {
|
|
91
59
|
onValueChange(!value);
|
|
92
60
|
},
|
|
93
|
-
disabled
|
|
61
|
+
disabled,
|
|
94
62
|
rippleDisabled: true,
|
|
95
|
-
}} order={_checkboxOnLeft ? reversedOrder :
|
|
96
|
-
<
|
|
63
|
+
}} order={_checkboxOnLeft ? reversedOrder : InputBaseDefaultOrder}>
|
|
64
|
+
<View animated animatedStyle={boxAnimation} style={[
|
|
97
65
|
styles.box,
|
|
98
66
|
disabled && styles['box:disabled'],
|
|
99
67
|
]}>
|
|
100
|
-
<
|
|
68
|
+
<View animated animatedStyle={checkmarkWrapperAnimation} style={[
|
|
101
69
|
styles.checkmarkWrapper,
|
|
102
70
|
disabled && styles['checkmarkWrapper:disabled'],
|
|
103
71
|
]}>
|
|
104
|
-
<
|
|
105
|
-
</
|
|
106
|
-
</
|
|
107
|
-
</
|
|
72
|
+
<Icon name={checkIcon} style={[styles.checkmark, disabled && styles['checkmark:disabled']]}/>
|
|
73
|
+
</View>
|
|
74
|
+
</View>
|
|
75
|
+
</InputBase>;
|
|
108
76
|
};
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
return exports.Checkbox;
|
|
77
|
+
Checkbox.styleRegistryName = 'Checkbox';
|
|
78
|
+
Checkbox.rootElement = 'wrapper';
|
|
79
|
+
Checkbox.elements = [...InputBase.elements, 'checkmark', 'box', '__props'];
|
|
80
|
+
Checkbox.withVariantTypes = (styles) => {
|
|
81
|
+
return Checkbox;
|
|
115
82
|
};
|
|
116
|
-
|
|
83
|
+
Checkbox.defaultProps = {
|
|
117
84
|
checkIcon: 'check',
|
|
118
85
|
};
|
|
119
|
-
|
|
86
|
+
MobileStyleRegistry.registerComponent(Checkbox);
|
|
120
87
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Checkbox/index.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Checkbox/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,129 +1,78 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
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 __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;
|
|
1
|
+
import React, { useRef } from 'react';
|
|
2
|
+
import { TypeGuards, useConditionalState, useI18N } from '@codeleap/common';
|
|
3
|
+
import DatePicker from 'react-native-date-picker';
|
|
4
|
+
import Modal from '../Modal';
|
|
5
|
+
import { TextInput } from '../TextInput';
|
|
6
|
+
import { ModalManager } from '../../utils';
|
|
7
|
+
import { Button } from '../Button';
|
|
8
|
+
import { useCompositionStyles } from '@codeleap/styles';
|
|
9
|
+
import { MobileStyleRegistry } from '../../Registry';
|
|
10
|
+
import { useStylesFor } from '../../hooks';
|
|
11
|
+
export * from './styles';
|
|
12
|
+
export * from './types';
|
|
13
|
+
const OuterInputComponent = (props) => {
|
|
14
|
+
const { debugName, toggle, valueLabel, placeholder, ...otherProps } = props;
|
|
15
|
+
return <TextInput debugName={`${debugName} outer input`} onPress={toggle} {...otherProps} value={TypeGuards.isString(valueLabel) ? valueLabel : ''} placeholder={TypeGuards.isString(placeholder) ? placeholder : ''}/>;
|
|
49
16
|
};
|
|
50
|
-
|
|
51
|
-
if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
|
|
52
|
-
if (ar || !(i in from)) {
|
|
53
|
-
if (!ar) ar = Array.prototype.slice.call(from, 0, i);
|
|
54
|
-
ar[i] = from[i];
|
|
55
|
-
}
|
|
56
|
-
}
|
|
57
|
-
return to.concat(ar || Array.prototype.slice.call(from));
|
|
58
|
-
};
|
|
59
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
60
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
61
|
-
};
|
|
62
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
63
|
-
exports.DatePickerModal = void 0;
|
|
64
|
-
var react_1 = __importStar(require("react"));
|
|
65
|
-
var common_1 = require("@codeleap/common");
|
|
66
|
-
var react_native_date_picker_1 = __importDefault(require("react-native-date-picker"));
|
|
67
|
-
var Modal_1 = __importDefault(require("../Modal"));
|
|
68
|
-
var TextInput_1 = require("../TextInput");
|
|
69
|
-
var utils_1 = require("../../utils");
|
|
70
|
-
var Button_1 = require("../Button");
|
|
71
|
-
var styles_1 = require("@codeleap/styles");
|
|
72
|
-
var Registry_1 = require("../../Registry");
|
|
73
|
-
var hooks_1 = require("../../hooks");
|
|
74
|
-
__exportStar(require("./styles"), exports);
|
|
75
|
-
__exportStar(require("./types"), exports);
|
|
76
|
-
var OuterInputComponent = function (props) {
|
|
77
|
-
var debugName = props.debugName, toggle = props.toggle, valueLabel = props.valueLabel, placeholder = props.placeholder, otherProps = __rest(props, ["debugName", "toggle", "valueLabel", "placeholder"]);
|
|
78
|
-
return <TextInput_1.TextInput debugName={"".concat(debugName, " outer input")} onPress={toggle} {...otherProps} value={common_1.TypeGuards.isString(valueLabel) ? valueLabel : ''} placeholder={common_1.TypeGuards.isString(placeholder) ? placeholder : ''}/>;
|
|
79
|
-
};
|
|
80
|
-
var defaultFormatDate = function (date) {
|
|
17
|
+
const defaultFormatDate = (date) => {
|
|
81
18
|
if (!date)
|
|
82
19
|
return null;
|
|
83
|
-
return
|
|
20
|
+
return `${date.getDate()}/${date.getMonth() + 1}/${date.getFullYear()}`;
|
|
84
21
|
};
|
|
85
|
-
|
|
86
|
-
|
|
22
|
+
const DefaultFooter = (props) => {
|
|
23
|
+
const { debugName, commitDate, showDoneButton, confirm, confirmButtonProps = {}, cancelButtonProps = {}, toggle, cancelStyles, confirmStyles, doneStyles, } = props;
|
|
87
24
|
if (commitDate == 'onConfirm') {
|
|
88
25
|
return <>
|
|
89
|
-
<
|
|
90
|
-
<
|
|
26
|
+
<Button debugName={`${debugName} cancel button`} style={cancelStyles} text={`Cancel`} onPress={toggle} {...cancelButtonProps}/>
|
|
27
|
+
<Button debugName={`${debugName} confirm button`} style={confirmStyles} text={`Confirm`} onPress={confirm} {...confirmButtonProps}/>
|
|
91
28
|
</>;
|
|
92
29
|
}
|
|
93
30
|
if (!showDoneButton)
|
|
94
31
|
return null;
|
|
95
|
-
return <
|
|
32
|
+
return <Button debugName={`${debugName} done button`} onPress={confirm} text={'Done'} style={doneStyles}/>;
|
|
96
33
|
};
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
34
|
+
export const DatePickerModal = (props) => {
|
|
35
|
+
const allProps = {
|
|
36
|
+
...DatePickerModal.defaultProps,
|
|
37
|
+
...props,
|
|
38
|
+
};
|
|
39
|
+
const { isCustomModal, hideInput, visible: _visible, toggle: _toggle, value: _value, onValueChange, formatDate, debugName, cancelButtonProps = {}, confirmButtonProps = {}, outerInputComponent: OuterInput, footer, datePickerProps, mode, label, commitDate, description, showDoneButton, style, minimumDate, maximumDate, initialDate, footerComponent: Footer, toggleOnConfirm, onConfirm: _onConfirm, ...modalProps } = allProps;
|
|
40
|
+
const styles = useStylesFor(DatePickerModal.styleRegistryName, style);
|
|
41
|
+
const [visible, toggle] = useConditionalState(_visible, _toggle, { initialValue: false, isBooleanToggle: true });
|
|
42
|
+
const [value, setValue] = [_value, onValueChange];
|
|
43
|
+
const Wrapper = isCustomModal ? ModalManager.Modal : React.Fragment;
|
|
44
|
+
const compositionStyles = useCompositionStyles(['input', 'doneButton', 'cancelButton', 'confirmButton'], styles);
|
|
45
|
+
const formattedDate = value ? formatDate(value) : '';
|
|
46
|
+
const { locale } = useI18N();
|
|
47
|
+
const tempDate = useRef(null);
|
|
48
|
+
const onConfirm = () => {
|
|
110
49
|
if (commitDate == 'onConfirm' && !!tempDate.current) {
|
|
111
50
|
setValue(tempDate.current);
|
|
112
51
|
}
|
|
113
52
|
if (isCustomModal && toggleOnConfirm) {
|
|
114
53
|
toggle();
|
|
115
54
|
}
|
|
116
|
-
if (
|
|
117
|
-
_onConfirm
|
|
55
|
+
if (TypeGuards.isFunction(_onConfirm)) {
|
|
56
|
+
_onConfirm?.(tempDate.current);
|
|
118
57
|
}
|
|
119
58
|
};
|
|
120
|
-
|
|
121
|
-
|
|
59
|
+
const modalFooter = footer || <Footer {...allProps} confirm={onConfirm} doneStyles={compositionStyles?.doneButton} cancelStyles={compositionStyles?.cancelButton} confirmStyles={compositionStyles?.confirmButton} confirmButtonProps={confirmButtonProps} cancelButtonProps={cancelButtonProps} showDoneButton={showDoneButton} value={value} debugName={debugName} visible={visible} toggle={toggle} onValueChange={setValue} valueLabel={formattedDate}/>;
|
|
60
|
+
const wrapperProps = isCustomModal ? {
|
|
61
|
+
title: label,
|
|
62
|
+
description: description,
|
|
63
|
+
debugName: `${debugName} Modal`,
|
|
64
|
+
visible: visible,
|
|
65
|
+
toggle: toggle,
|
|
66
|
+
style: styles,
|
|
67
|
+
footer: modalFooter,
|
|
68
|
+
...modalProps,
|
|
69
|
+
id: null,
|
|
70
|
+
} : {};
|
|
122
71
|
return (<>
|
|
123
|
-
{!hideInput ? <OuterInput {...allProps} style={compositionStyles
|
|
72
|
+
{!hideInput ? <OuterInput {...allProps} style={compositionStyles?.input} value={value} debugName={debugName} visible={visible} toggle={toggle} onValueChange={setValue} valueLabel={formattedDate}/> : null}
|
|
124
73
|
|
|
125
74
|
<Wrapper {...wrapperProps}>
|
|
126
|
-
<
|
|
75
|
+
<DatePicker modal={!isCustomModal} open={visible} onCancel={toggle} date={value ?? initialDate ?? new Date()} onDateChange={(date) => {
|
|
127
76
|
if (commitDate === 'onChange') {
|
|
128
77
|
setValue(date);
|
|
129
78
|
return;
|
|
@@ -131,18 +80,17 @@ var DatePickerModal = function (props) {
|
|
|
131
80
|
tempDate.current = date;
|
|
132
81
|
}} locale={locale}
|
|
133
82
|
// @ts-expect-error
|
|
134
|
-
textColor={
|
|
83
|
+
textColor={styles?.picker?.color} theme='light' androidVariant='iosClone' onConfirm={setValue} minimumDate={minimumDate} maximumDate={maximumDate} {...datePickerProps} mode={mode}/>
|
|
135
84
|
</Wrapper>
|
|
136
85
|
</>);
|
|
137
86
|
};
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
|
|
143
|
-
return exports.DatePickerModal;
|
|
87
|
+
DatePickerModal.styleRegistryName = 'DatePickerModal';
|
|
88
|
+
DatePickerModal.elements = [...Modal.elements, 'input', 'picker', 'doneButton', 'confirmButton', 'cancelButton'];
|
|
89
|
+
DatePickerModal.rootElement = 'inputWrapper';
|
|
90
|
+
DatePickerModal.withVariantTypes = (styles) => {
|
|
91
|
+
return DatePickerModal;
|
|
144
92
|
};
|
|
145
|
-
|
|
93
|
+
DatePickerModal.defaultProps = {
|
|
146
94
|
outerInputComponent: OuterInputComponent,
|
|
147
95
|
formatDate: defaultFormatDate,
|
|
148
96
|
footerComponent: DefaultFooter,
|
|
@@ -152,5 +100,5 @@ exports.DatePickerModal.defaultProps = {
|
|
|
152
100
|
isCustomModal: true,
|
|
153
101
|
toggleOnConfirm: true,
|
|
154
102
|
};
|
|
155
|
-
|
|
103
|
+
MobileStyleRegistry.registerComponent(DatePickerModal);
|
|
156
104
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/DatePickerModal/index.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/DatePickerModal/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,MAAM,EAAE,MAAM,OAAO,CAAA;AACrC,OAAO,EAAE,UAAU,EAAE,mBAAmB,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAA;AAC3E,OAAO,UAAU,MAAM,0BAA0B,CAAA;AACjD,OAAO,KAAK,MAAM,UAAU,CAAA;AAC5B,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AACxC,OAAO,EAAE,YAAY,EAAE,MAAM,aAAa,CAAA;AAC1C,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAA;AAElC,OAAO,EAAyC,oBAAoB,EAAE,MAAM,kBAAkB,CAAA;AAC9F,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,mBAAmB,GAAgD,CAAC,KAAK,EAAE,EAAE;IACjF,MAAM,EACJ,SAAS,EACT,MAAM,EACN,UAAU,EACV,WAAW,EACX,GAAG,UAAU,EACd,GAAG,KAAK,CAAA;IAET,OAAO,CAAC,SAAS,CACf,SAAS,CAAC,CAAC,GAAG,SAAS,cAAc,CAAC,CACtC,OAAO,CAAC,CAAC,MAAM,CAAC,CAChB,IAAI,UAAU,CAAC,CACf,KAAK,CAAC,CAAC,UAAU,CAAC,QAAQ,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,EAAE,CAAC,CACzD,WAAW,CAAC,CAAC,UAAU,CAAC,QAAQ,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,EAAE,CAAC,EACjE,CAAA;AACJ,CAAC,CAAA;AAED,MAAM,iBAAiB,GAAuC,CAAC,IAAI,EAAE,EAAE;IACrE,IAAI,CAAC,IAAI;QAAE,OAAO,IAAI,CAAA;IACtB,OAAO,GAAG,IAAI,CAAC,OAAO,EAAE,IAAI,IAAI,CAAC,QAAQ,EAAE,GAAG,CAAC,IAAI,IAAI,CAAC,WAAW,EAAE,EAAE,CAAA;AACzE,CAAC,CAAA;AAED,MAAM,aAAa,GAA4C,CAAC,KAAK,EAAE,EAAE;IACvE,MAAM,EACJ,SAAS,EACT,UAAU,EACV,cAAc,EACd,OAAO,EACP,kBAAkB,GAAG,EAAE,EACvB,iBAAiB,GAAG,EAAE,EACtB,MAAM,EACN,YAAY,EACZ,aAAa,EACb,UAAU,GACX,GAAG,KAAK,CAAA;IAET,IAAI,UAAU,IAAI,WAAW,EAAE;QAC7B,OAAO,EACL;MAAA,CAAC,MAAM,CACL,SAAS,CAAC,CAAC,GAAG,SAAS,gBAAgB,CAAC,CACxC,KAAK,CAAC,CAAC,YAAY,CAAC,CACpB,IAAI,CAAC,CAAC,QAAQ,CAAC,CACf,OAAO,CAAC,CAAC,MAAM,CAAC,CAChB,IAAI,iBAAiB,CAAC,EAExB;MAAA,CAAC,MAAM,CACL,SAAS,CAAC,CAAC,GAAG,SAAS,iBAAiB,CAAC,CACzC,KAAK,CAAC,CAAC,aAAa,CAAC,CACrB,IAAI,CAAC,CAAC,SAAS,CAAC,CAChB,OAAO,CAAC,CAAC,OAAO,CAAC,CACjB,IAAI,kBAAkB,CAAC,EAE3B;IAAA,GAAG,CAAA;KACJ;IAED,IAAI,CAAC,cAAc;QAAE,OAAO,IAAI,CAAA;IAEhC,OAAO,CAAC,MAAM,CACZ,SAAS,CAAC,CAAC,GAAG,SAAS,cAAc,CAAC,CACtC,OAAO,CAAC,CAAC,OAAO,CAAC,CACjB,IAAI,CAAC,CAAC,MAAM,CAAC,CACb,KAAK,CAAC,CAAC,UAAU,CAAC,EAClB,CAAA;AACJ,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,KAA2B,EAAE,EAAE;IAC7D,MAAM,QAAQ,GAAG;QACf,GAAG,eAAe,CAAC,YAAY;QAC/B,GAAG,KAAK;KACT,CAAA;IAED,MAAM,EACJ,aAAa,EACb,SAAS,EACT,OAAO,EAAE,QAAQ,EACjB,MAAM,EAAE,OAAO,EACf,KAAK,EAAE,MAAM,EACb,aAAa,EACb,UAAU,EACV,SAAS,EACT,iBAAiB,GAAG,EAAE,EACtB,kBAAkB,GAAG,EAAE,EACvB,mBAAmB,EAAE,UAAU,EAC/B,MAAM,EACN,eAAe,EACf,IAAI,EACJ,KAAK,EACL,UAAU,EACV,WAAW,EACX,cAAc,EACd,KAAK,EACL,WAAW,EACX,WAAW,EACX,WAAW,EACX,eAAe,EAAE,MAAM,EACvB,eAAe,EACf,SAAS,EAAE,UAAU,EACrB,GAAG,UAAU,EACd,GAAG,QAAQ,CAAA;IAEZ,MAAM,MAAM,GAAG,YAAY,CAAC,eAAe,CAAC,iBAAiB,EAAE,KAAK,CAAC,CAAA;IAErE,MAAM,CAAC,OAAO,EAAE,MAAM,CAAC,GAAG,mBAAmB,CAAC,QAAQ,EAAE,OAAO,EAAE,EAAE,YAAY,EAAE,KAAK,EAAE,eAAe,EAAE,IAAI,EAAE,CAAC,CAAA;IAEhH,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,CAAC,MAAM,EAAE,aAAa,CAAC,CAAA;IAEjD,MAAM,OAAO,GAAG,aAAa,CAAC,CAAC,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,QAAQ,CAAA;IAEnE,MAAM,iBAAiB,GAAG,oBAAoB,CAAC,CAAC,OAAO,EAAE,YAAY,EAAE,cAAc,EAAE,eAAe,CAAC,EAAE,MAAM,CAAC,CAAA;IAEhH,MAAM,aAAa,GAAG,KAAK,CAAC,CAAC,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,EAAE,CAAA;IACpD,MAAM,EAAE,MAAM,EAAE,GAAG,OAAO,EAAE,CAAA;IAE5B,MAAM,QAAQ,GAAG,MAAM,CAAc,IAAI,CAAC,CAAA;IAE1C,MAAM,SAAS,GAAG,GAAG,EAAE;QACrB,IAAI,UAAU,IAAI,WAAW,IAAI,CAAC,CAAC,QAAQ,CAAC,OAAO,EAAE;YACnD,QAAQ,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAA;SAC3B;QAED,IAAI,aAAa,IAAI,eAAe,EAAE;YACpC,MAAM,EAAE,CAAA;SACT;QAED,IAAI,UAAU,CAAC,UAAU,CAAC,UAAU,CAAC,EAAE;YACrC,UAAU,EAAE,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAA;SAC/B;IACH,CAAC,CAAA;IAED,MAAM,WAAW,GAAG,MAAM,IAAI,CAAC,MAAM,CACnC,IAAI,QAAQ,CAAC,CACb,OAAO,CAAC,CAAC,SAAS,CAAC,CACnB,UAAU,CAAC,CAAC,iBAAiB,EAAE,UAAU,CAAC,CAC1C,YAAY,CAAC,CAAC,iBAAiB,EAAE,YAAY,CAAC,CAC9C,aAAa,CAAC,CAAC,iBAAiB,EAAE,aAAa,CAAC,CAChD,kBAAkB,CAAC,CAAC,kBAAkB,CAAC,CACvC,iBAAiB,CAAC,CAAC,iBAAiB,CAAC,CACrC,cAAc,CAAC,CAAC,cAAc,CAAC,CAC/B,KAAK,CAAC,CAAC,KAAK,CAAC,CACb,SAAS,CAAC,CAAC,SAAS,CAAC,CACrB,OAAO,CAAC,CAAC,OAAO,CAAC,CACjB,MAAM,CAAC,CAAC,MAAM,CAAC,CACf,aAAa,CAAC,CAAC,QAAQ,CAAC,CACxB,UAAU,CAAC,CAAC,aAAa,CAAC,EAC1B,CAAA;IAEF,MAAM,YAAY,GAAG,aAAa,CAAC,CAAC,CAAC;QACnC,KAAK,EAAE,KAAK;QACZ,WAAW,EAAE,WAAW;QACxB,SAAS,EAAE,GAAG,SAAS,QAAQ;QAC/B,OAAO,EAAE,OAAO;QAChB,MAAM,EAAE,MAAM;QACd,KAAK,EAAE,MAAM;QACb,MAAM,EAAE,WAAW;QACnB,GAAG,UAAU;QACb,EAAE,EAAE,IAAI;KACT,CAAC,CAAC,CAAC,EAAE,CAAA;IAEN,OAAO,CACL,EACE;MAAA,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,UAAU,CACvB,IAAI,QAAQ,CAAC,CACb,KAAK,CAAC,CAAC,iBAAiB,EAAE,KAAK,CAAC,CAChC,KAAK,CAAC,CAAC,KAAK,CAAC,CACb,SAAS,CAAC,CAAC,SAAS,CAAC,CACrB,OAAO,CAAC,CAAC,OAAO,CAAC,CACjB,MAAM,CAAC,CAAC,MAAM,CAAC,CACf,aAAa,CAAC,CAAC,QAAQ,CAAC,CACxB,UAAU,CAAC,CAAC,aAAa,CAAC,EAC1B,CAAC,CAAC,CAAC,IAAI,CAET;;MAAA,CAAC,OAAO,CAAC,IAAI,YAAY,CAAC,CACxB;QAAA,CAAC,UAAU,CACT,KAAK,CAAC,CAAC,CAAC,aAAa,CAAC,CACtB,IAAI,CAAC,CAAC,OAAO,CAAC,CACd,QAAQ,CAAC,CAAC,MAAM,CAAC,CACjB,IAAI,CAAC,CAAC,KAAK,IAAI,WAAW,IAAI,IAAI,IAAI,EAAE,CAAC,CACzC,YAAY,CAAC,CAAC,CAAC,IAAI,EAAE,EAAE;YACrB,IAAI,UAAU,KAAK,UAAU,EAAE;gBAC7B,QAAQ,CAAC,IAAI,CAAC,CAAA;gBACd,OAAM;aACP;YAED,QAAQ,CAAC,OAAO,GAAG,IAAI,CAAA;QACzB,CAAC,CAAC,CACF,MAAM,CAAC,CAAC,MAAM,CAAC;IACf,mBAAmB;IACnB,SAAS,CAAC,CAAC,MAAM,EAAE,MAAM,EAAE,KAAK,CAAC,CACjC,KAAK,CAAC,OAAO,CACb,cAAc,CAAC,UAAU,CACzB,SAAS,CAAC,CAAC,QAAQ,CAAC,CACpB,WAAW,CAAC,CAAC,WAAW,CAAC,CACzB,WAAW,CAAC,CAAC,WAAW,CAAC,CACzB,IAAI,eAAe,CAAC,CACpB,IAAI,CAAC,CAAC,IAAI,CAAC,EAEf;MAAA,EAAE,OAAO,CACX;IAAA,GAAG,CACJ,CAAA;AACH,CAAC,CAAA;AAED,eAAe,CAAC,iBAAiB,GAAG,iBAAiB,CAAA;AACrD,eAAe,CAAC,QAAQ,GAAG,CAAC,GAAG,KAAK,CAAC,QAAQ,EAAE,OAAO,EAAE,QAAQ,EAAE,YAAY,EAAE,eAAe,EAAE,cAAc,CAAC,CAAA;AAChH,eAAe,CAAC,WAAW,GAAG,cAAc,CAAA;AAE5C,eAAe,CAAC,gBAAgB,GAAG,CAAsB,MAAS,EAAE,EAAE;IACpE,OAAO,eAA6F,CAAA;AACtG,CAAC,CAAA;AAED,eAAe,CAAC,YAAY,GAAG;IAC7B,mBAAmB,EAAE,mBAAmB;IACxC,UAAU,EAAE,iBAAiB;IAC7B,eAAe,EAAE,aAAa;IAC9B,IAAI,EAAE,MAAM;IACZ,UAAU,EAAE,WAAW;IACvB,cAAc,EAAE,IAAI;IACpB,aAAa,EAAE,IAAI;IACnB,eAAe,EAAE,IAAI;CACW,CAAA;AAElC,mBAAmB,CAAC,iBAAiB,CAAC,eAAe,CAAC,CAAA"}
|
|
@@ -1,87 +1,58 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { Icon } from '../Icon';
|
|
3
|
+
import { View } from '../View';
|
|
4
|
+
import { Text } from '../Text';
|
|
5
|
+
import { ActivityIndicator } from '../ActivityIndicator';
|
|
6
|
+
import { Image } from '../Image';
|
|
7
|
+
import { useNestedStylesByKey } from '@codeleap/styles';
|
|
8
|
+
import { MobileStyleRegistry } from '../../Registry';
|
|
9
|
+
import { useStylesFor } from '../../hooks';
|
|
10
|
+
export * from './styles';
|
|
11
|
+
export * from './types';
|
|
12
|
+
export const EmptyPlaceholder = (props) => {
|
|
13
|
+
const { itemName, title, loading, description, image, icon = null, renderEmpty, style, } = {
|
|
14
|
+
...EmptyPlaceholder.defaultProps,
|
|
15
|
+
...props,
|
|
10
16
|
};
|
|
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 __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 __importDefault = (this && this.__importDefault) || function (mod) {
|
|
28
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
29
|
-
};
|
|
30
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
31
|
-
exports.EmptyPlaceholder = void 0;
|
|
32
|
-
var react_1 = __importDefault(require("react"));
|
|
33
|
-
var Icon_1 = require("../Icon");
|
|
34
|
-
var View_1 = require("../View");
|
|
35
|
-
var Text_1 = require("../Text");
|
|
36
|
-
var ActivityIndicator_1 = require("../ActivityIndicator");
|
|
37
|
-
var Image_1 = require("../Image");
|
|
38
|
-
var styles_1 = require("@codeleap/styles");
|
|
39
|
-
var Registry_1 = require("../../Registry");
|
|
40
|
-
var hooks_1 = require("../../hooks");
|
|
41
|
-
__exportStar(require("./styles"), exports);
|
|
42
|
-
__exportStar(require("./types"), exports);
|
|
43
|
-
var EmptyPlaceholder = function (props) {
|
|
44
|
-
var _a = __assign(__assign({}, exports.EmptyPlaceholder.defaultProps), props), itemName = _a.itemName, title = _a.title, loading = _a.loading, description = _a.description, image = _a.image, _b = _a.icon, icon = _b === void 0 ? null : _b, renderEmpty = _a.renderEmpty, style = _a.style;
|
|
45
|
-
var emptyText = title || (itemName && "No ".concat(itemName, " found.")) || 'No items.';
|
|
46
|
-
var styles = (0, hooks_1.useStylesFor)(exports.EmptyPlaceholder.styleRegistryName, style);
|
|
47
|
-
var activityIndicatorStyles = (0, styles_1.useNestedStylesByKey)('loader', styles);
|
|
17
|
+
const emptyText = title || (itemName && `No ${itemName} found.`) || 'No items.';
|
|
18
|
+
const styles = useStylesFor(EmptyPlaceholder.styleRegistryName, style);
|
|
19
|
+
const activityIndicatorStyles = useNestedStylesByKey('loader', styles);
|
|
48
20
|
if (loading) {
|
|
49
|
-
return (<
|
|
50
|
-
<
|
|
51
|
-
</
|
|
21
|
+
return (<View style={[styles.wrapper, styles['wrapper:loading']]}>
|
|
22
|
+
<ActivityIndicator style={activityIndicatorStyles}/>
|
|
23
|
+
</View>);
|
|
52
24
|
}
|
|
53
25
|
if (renderEmpty) {
|
|
54
|
-
return (<
|
|
26
|
+
return (<View style={styles.wrapper}>
|
|
55
27
|
{renderEmpty({
|
|
56
|
-
emptyText
|
|
28
|
+
emptyText,
|
|
57
29
|
emptyIconName: icon,
|
|
58
30
|
style: styles,
|
|
59
31
|
})}
|
|
60
|
-
</
|
|
32
|
+
</View>);
|
|
61
33
|
}
|
|
62
|
-
|
|
34
|
+
let _image = null;
|
|
63
35
|
if (icon) {
|
|
64
|
-
_image = <
|
|
36
|
+
_image = <Icon name={icon} style={styles.icon}/>;
|
|
65
37
|
}
|
|
66
38
|
else if (image) {
|
|
67
|
-
_image = <
|
|
39
|
+
_image = <Image source={image} style={styles.image}/>;
|
|
68
40
|
}
|
|
69
|
-
return (<
|
|
70
|
-
{
|
|
41
|
+
return (<View style={styles.wrapper}>
|
|
42
|
+
{React.isValidElement(_image) ? (<View style={styles.imageWrapper}>
|
|
71
43
|
{_image}
|
|
72
|
-
</
|
|
44
|
+
</View>) : null}
|
|
73
45
|
|
|
74
|
-
{
|
|
75
|
-
{
|
|
76
|
-
</
|
|
46
|
+
{React.isValidElement(emptyText) ? emptyText : <Text text={emptyText} style={styles.title}/>}
|
|
47
|
+
{React.isValidElement(description) ? description : <Text text={description} style={styles.description}/>}
|
|
48
|
+
</View>);
|
|
77
49
|
};
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
return exports.EmptyPlaceholder;
|
|
50
|
+
EmptyPlaceholder.styleRegistryName = 'EmptyPlaceholder';
|
|
51
|
+
EmptyPlaceholder.elements = ['wrapper', 'loader', 'title', 'description', 'image', 'icon'];
|
|
52
|
+
EmptyPlaceholder.rootElement = 'wrapper';
|
|
53
|
+
EmptyPlaceholder.withVariantTypes = (styles) => {
|
|
54
|
+
return EmptyPlaceholder;
|
|
84
55
|
};
|
|
85
|
-
|
|
86
|
-
|
|
56
|
+
EmptyPlaceholder.defaultProps = {};
|
|
57
|
+
MobileStyleRegistry.registerComponent(EmptyPlaceholder);
|
|
87
58
|
//# sourceMappingURL=index.js.map
|