@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,119 +1,65 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
1
|
+
import React, { useCallback, useRef, useState } from 'react';
|
|
2
|
+
import { ReduceMotion } from 'react-native-reanimated';
|
|
3
|
+
import Carousel from 'react-native-reanimated-carousel';
|
|
4
|
+
import { Dimensions } from 'react-native';
|
|
5
|
+
import { onUpdate, TypeGuards, useConditionalState } from '@codeleap/common';
|
|
6
|
+
import { useNestedStylesByKey } from '@codeleap/styles';
|
|
7
|
+
import { useStylesFor } from '../../hooks';
|
|
8
|
+
import { MobileStyleRegistry } from '../../Registry';
|
|
9
|
+
import { View } from '../View';
|
|
10
|
+
import { PagerDots } from './PagerDots';
|
|
11
|
+
export * from './styles';
|
|
12
|
+
export * from './types';
|
|
13
|
+
export * from './PagerDots';
|
|
14
|
+
const window = Dimensions.get('window');
|
|
15
|
+
export function Pager(props) {
|
|
16
|
+
const { pages, page, onChangePage, initialPage, style, showDots, renderItem: RenderItem, footer, width: carouselWidth, height: carouselHeight, autoCalculateFooterHeight, ...rest } = {
|
|
17
|
+
...Pager.defaultProps,
|
|
18
|
+
...props,
|
|
10
19
|
};
|
|
11
|
-
|
|
12
|
-
|
|
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 __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
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
51
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
52
|
-
};
|
|
53
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
54
|
-
exports.Pager = void 0;
|
|
55
|
-
var react_1 = __importStar(require("react"));
|
|
56
|
-
var react_native_reanimated_1 = require("react-native-reanimated");
|
|
57
|
-
var react_native_reanimated_carousel_1 = __importDefault(require("react-native-reanimated-carousel"));
|
|
58
|
-
var react_native_1 = require("react-native");
|
|
59
|
-
var common_1 = require("@codeleap/common");
|
|
60
|
-
var styles_1 = require("@codeleap/styles");
|
|
61
|
-
var hooks_1 = require("../../hooks");
|
|
62
|
-
var Registry_1 = require("../../Registry");
|
|
63
|
-
var View_1 = require("../View");
|
|
64
|
-
var PagerDots_1 = require("./PagerDots");
|
|
65
|
-
__exportStar(require("./styles"), exports);
|
|
66
|
-
__exportStar(require("./types"), exports);
|
|
67
|
-
__exportStar(require("./PagerDots"), exports);
|
|
68
|
-
var window = react_native_1.Dimensions.get('window');
|
|
69
|
-
function Pager(props) {
|
|
70
|
-
var _a = __assign(__assign({}, Pager.defaultProps), props), pages = _a.pages, page = _a.page, onChangePage = _a.onChangePage, initialPage = _a.initialPage, style = _a.style, showDots = _a.showDots, RenderItem = _a.renderItem, footer = _a.footer, carouselWidth = _a.width, carouselHeight = _a.height, autoCalculateFooterHeight = _a.autoCalculateFooterHeight, rest = __rest(_a, ["pages", "page", "onChangePage", "initialPage", "style", "showDots", "renderItem", "footer", "width", "height", "autoCalculateFooterHeight"]);
|
|
71
|
-
var _b = (0, common_1.useConditionalState)(page, onChangePage, { initialValue: initialPage }), currentPage = _b[0], setCurrentPage = _b[1];
|
|
72
|
-
var carouselRef = (0, react_1.useRef)(null);
|
|
73
|
-
var _c = (0, react_1.useState)(0), footerHeight = _c[0], setFooterHeight = _c[1];
|
|
74
|
-
var styles = (0, hooks_1.useStylesFor)(Pager.styleRegistryName, style);
|
|
75
|
-
var dotStyles = (0, styles_1.useNestedStylesByKey)('dot', styles);
|
|
76
|
-
(0, common_1.onUpdate)(function () {
|
|
77
|
-
var _a;
|
|
78
|
-
(_a = carouselRef.current) === null || _a === void 0 ? void 0 : _a.scrollTo({ index: currentPage, animated: true });
|
|
20
|
+
const [currentPage, setCurrentPage] = useConditionalState(page, onChangePage, { initialValue: initialPage });
|
|
21
|
+
const carouselRef = useRef(null);
|
|
22
|
+
const [footerHeight, setFooterHeight] = useState(0);
|
|
23
|
+
const styles = useStylesFor(Pager.styleRegistryName, style);
|
|
24
|
+
const dotStyles = useNestedStylesByKey('dot', styles);
|
|
25
|
+
onUpdate(() => {
|
|
26
|
+
carouselRef.current?.scrollTo({ index: currentPage, animated: true });
|
|
79
27
|
}, [currentPage]);
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
var itemProps = {
|
|
28
|
+
const renderItem = useCallback(({ item, index, animationValue }) => {
|
|
29
|
+
const itemProps = {
|
|
83
30
|
isFirst: index === 0,
|
|
84
|
-
isLast: index ===
|
|
85
|
-
isOnly:
|
|
31
|
+
isLast: index === pages?.length - 1,
|
|
32
|
+
isOnly: pages?.length === 1,
|
|
86
33
|
isActive: index === currentPage,
|
|
87
34
|
isNext: index === currentPage + 1,
|
|
88
35
|
isPrevious: index === currentPage - 1,
|
|
89
|
-
index
|
|
90
|
-
animationValue
|
|
36
|
+
index,
|
|
37
|
+
animationValue,
|
|
91
38
|
};
|
|
92
|
-
if (
|
|
93
|
-
|
|
39
|
+
if (TypeGuards.isFunction(item)) {
|
|
40
|
+
const ItemComponent = item;
|
|
94
41
|
return <ItemComponent {...itemProps}/>;
|
|
95
42
|
}
|
|
96
43
|
return <RenderItem {...itemProps} item={item}/>;
|
|
97
|
-
}, [RenderItem, pages
|
|
98
|
-
return (<
|
|
99
|
-
<
|
|
44
|
+
}, [RenderItem, pages?.length, currentPage]);
|
|
45
|
+
return (<View style={styles.wrapper}>
|
|
46
|
+
<Carousel data={pages} withAnimation={{
|
|
100
47
|
type: 'timing',
|
|
101
48
|
config: {
|
|
102
|
-
reduceMotion:
|
|
49
|
+
reduceMotion: ReduceMotion.Never,
|
|
103
50
|
},
|
|
104
51
|
}} autoPlay={false} ref={carouselRef} loop={false} defaultIndex={initialPage} onSnapToItem={setCurrentPage} maxScrollDistancePerSwipe={carouselWidth} width={carouselWidth} height={carouselHeight - (autoCalculateFooterHeight ? footerHeight : 0)} renderItem={renderItem} {...rest} style={styles.carousel}/>
|
|
105
52
|
|
|
106
|
-
<
|
|
53
|
+
<View onLayout={(event) => setFooterHeight(event.nativeEvent.layout.height)} style={styles.footerWrapper}>
|
|
107
54
|
{/* {footer} */}
|
|
108
|
-
{showDots ? (<
|
|
109
|
-
</
|
|
110
|
-
</
|
|
55
|
+
{showDots ? (<PagerDots currentPage={currentPage} pages={pages} setCurrentPage={setCurrentPage} styles={dotStyles}/>) : null}
|
|
56
|
+
</View>
|
|
57
|
+
</View>);
|
|
111
58
|
}
|
|
112
|
-
exports.Pager = Pager;
|
|
113
59
|
Pager.styleRegistryName = 'Pager';
|
|
114
60
|
Pager.elements = ['carousel', 'wrapper', 'footerWrapper', 'dot'];
|
|
115
61
|
Pager.rootElement = 'wrapper';
|
|
116
|
-
Pager.withVariantTypes =
|
|
62
|
+
Pager.withVariantTypes = (styles) => {
|
|
117
63
|
return Pager;
|
|
118
64
|
};
|
|
119
65
|
Pager.defaultProps = {
|
|
@@ -123,5 +69,5 @@ Pager.defaultProps = {
|
|
|
123
69
|
autoCalculateFooterHeight: true,
|
|
124
70
|
initialPage: 0,
|
|
125
71
|
};
|
|
126
|
-
|
|
72
|
+
MobileStyleRegistry.registerComponent(Pager);
|
|
127
73
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Pager/index.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Pager/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,49 +1,34 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { TypeGuards } from '@codeleap/common';
|
|
3
|
+
import { ActivityIndicator } from '../ActivityIndicator';
|
|
4
|
+
import { Text } from '../Text';
|
|
5
|
+
import { useNestedStylesByKey } from '@codeleap/styles';
|
|
6
|
+
import { MobileStyleRegistry } from '../../Registry';
|
|
7
|
+
import { useStylesFor } from '../../hooks';
|
|
8
|
+
export const PaginationIndicator = (props) => {
|
|
9
|
+
const { hasMore, isFetching, noMoreItemsText, style, activityIndicator, } = {
|
|
10
|
+
...PaginationIndicator.defaultProps,
|
|
11
|
+
...props,
|
|
10
12
|
};
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
14
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
15
|
-
};
|
|
16
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
17
|
-
exports.PaginationIndicator = void 0;
|
|
18
|
-
var react_1 = __importDefault(require("react"));
|
|
19
|
-
var common_1 = require("@codeleap/common");
|
|
20
|
-
var ActivityIndicator_1 = require("../ActivityIndicator");
|
|
21
|
-
var Text_1 = require("../Text");
|
|
22
|
-
var styles_1 = require("@codeleap/styles");
|
|
23
|
-
var Registry_1 = require("../../Registry");
|
|
24
|
-
var hooks_1 = require("../../hooks");
|
|
25
|
-
var PaginationIndicator = function (props) {
|
|
26
|
-
var _a = __assign(__assign({}, exports.PaginationIndicator.defaultProps), props), hasMore = _a.hasMore, isFetching = _a.isFetching, noMoreItemsText = _a.noMoreItemsText, style = _a.style, activityIndicator = _a.activityIndicator;
|
|
27
|
-
var styles = (0, hooks_1.useStylesFor)(exports.PaginationIndicator.styleRegistryName, style);
|
|
28
|
-
var loaderStyles = (0, styles_1.useNestedStylesByKey)('loader', styles);
|
|
13
|
+
const styles = useStylesFor(PaginationIndicator.styleRegistryName, style);
|
|
14
|
+
const loaderStyles = useNestedStylesByKey('loader', styles);
|
|
29
15
|
if (isFetching) {
|
|
30
|
-
return activityIndicator || <
|
|
16
|
+
return activityIndicator || <ActivityIndicator style={loaderStyles}/>;
|
|
31
17
|
}
|
|
32
18
|
if (!hasMore) {
|
|
33
|
-
if (
|
|
34
|
-
return <
|
|
19
|
+
if (TypeGuards.isString(noMoreItemsText) || TypeGuards.isNumber(noMoreItemsText)) {
|
|
20
|
+
return <Text style={styles.text} text={noMoreItemsText.toString()}/>;
|
|
35
21
|
}
|
|
36
22
|
return noMoreItemsText;
|
|
37
23
|
}
|
|
38
24
|
return null;
|
|
39
25
|
};
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
return exports.PaginationIndicator;
|
|
26
|
+
PaginationIndicator.styleRegistryName = 'PaginationIndicator';
|
|
27
|
+
PaginationIndicator.elements = ['text', 'loader'];
|
|
28
|
+
PaginationIndicator.rootElement = 'text';
|
|
29
|
+
PaginationIndicator.withVariantTypes = (styles) => {
|
|
30
|
+
return PaginationIndicator;
|
|
46
31
|
};
|
|
47
|
-
|
|
48
|
-
|
|
32
|
+
PaginationIndicator.defaultProps = {};
|
|
33
|
+
MobileStyleRegistry.registerComponent(PaginationIndicator);
|
|
49
34
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/PaginationIndicator/index.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/PaginationIndicator/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAA;AAC7C,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAA;AACxD,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAA;AAC9B,OAAO,EAAa,oBAAoB,EAA8B,MAAM,kBAAkB,CAAA;AAC9F,OAAO,EAAE,mBAAmB,EAAE,MAAM,gBAAgB,CAAA;AACpD,OAAO,EAAE,YAAY,EAAE,MAAM,aAAa,CAAA;AAG1C,MAAM,CAAC,MAAM,mBAAmB,GAAG,CAAC,KAA+B,EAAE,EAAE;IACrE,MAAM,EACJ,OAAO,EACP,UAAU,EACV,eAAe,EACf,KAAK,EACL,iBAAiB,GAClB,GAAG;QACF,GAAG,mBAAmB,CAAC,YAAY;QACnC,GAAG,KAAK;KACT,CAAA;IAED,MAAM,MAAM,GAAG,YAAY,CAAC,mBAAmB,CAAC,iBAAiB,EAAE,KAAK,CAAC,CAAA;IAEzE,MAAM,YAAY,GAAG,oBAAoB,CAAC,QAAQ,EAAE,MAAM,CAAC,CAAA;IAE3D,IAAI,UAAU,EAAE;QACd,OAAO,iBAAiB,IAAI,CAAC,iBAAiB,CAAC,KAAK,CAAC,CAAC,YAAY,CAAC,EAAG,CAAA;KACvE;IAED,IAAI,CAAC,OAAO,EAAE;QACZ,IAAI,UAAU,CAAC,QAAQ,CAAC,eAAe,CAAC,IAAI,UAAU,CAAC,QAAQ,CAAC,eAAe,CAAC,EAAE;YAChF,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,CAAC,eAAe,CAAC,QAAQ,EAAE,CAAC,EAAG,CAAA;SACtE;QAED,OAAO,eAAe,CAAA;KACvB;IAED,OAAO,IAAI,CAAA;AACb,CAAC,CAAA;AAED,mBAAmB,CAAC,iBAAiB,GAAG,qBAAqB,CAAA;AAC7D,mBAAmB,CAAC,QAAQ,GAAG,CAAC,MAAM,EAAE,QAAQ,CAAC,CAAA;AACjD,mBAAmB,CAAC,WAAW,GAAG,MAAM,CAAA;AAExC,mBAAmB,CAAC,gBAAgB,GAAG,CAAsB,MAAS,EAAE,EAAE;IACxE,OAAO,mBAAqG,CAAA;AAC9G,CAAC,CAAA;AAED,mBAAmB,CAAC,YAAY,GAAG,EAA8B,CAAA;AAEjE,mBAAmB,CAAC,iBAAiB,CAAC,mBAAmB,CAAC,CAAA"}
|
|
@@ -1,121 +1,70 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
1
|
+
import React, { useCallback } from 'react';
|
|
2
|
+
import { useCompositionStyles } from '@codeleap/styles';
|
|
3
|
+
import { useStylesFor } from '../../hooks';
|
|
4
|
+
import { Text } from '../Text';
|
|
5
|
+
import { View } from '../View';
|
|
6
|
+
import { MobileStyleRegistry } from '../../Registry';
|
|
7
|
+
import { TextInput } from '../TextInput';
|
|
8
|
+
import { List } from '../List';
|
|
9
|
+
import { Touchable } from '../Touchable';
|
|
10
|
+
import { EmptyPlaceholder } from '../EmptyPlaceholder';
|
|
11
|
+
import { ActivityIndicator } from '../ActivityIndicator';
|
|
12
|
+
import { usePlacesAutocompleteUtils } from '@codeleap/common';
|
|
13
|
+
export * from './styles';
|
|
14
|
+
export * from './types';
|
|
15
|
+
const DefaultPlaceRow = (props) => {
|
|
16
|
+
const { item, onPress, styles } = props;
|
|
17
|
+
if (item?.content) {
|
|
18
|
+
return item?.content;
|
|
7
19
|
}
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
14
|
-
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
15
|
-
}) : function(o, v) {
|
|
16
|
-
o["default"] = v;
|
|
17
|
-
});
|
|
18
|
-
var __importStar = (this && this.__importStar) || function (mod) {
|
|
19
|
-
if (mod && mod.__esModule) return mod;
|
|
20
|
-
var result = {};
|
|
21
|
-
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
|
22
|
-
__setModuleDefault(result, mod);
|
|
23
|
-
return result;
|
|
20
|
+
const isLatLng = !!item?.formatted_address;
|
|
21
|
+
const mainTitle = isLatLng ? item?.formatted_address : item?.description;
|
|
22
|
+
return (<Touchable onPress={() => onPress(mainTitle, item)} debugName={`PlaceRow ${item?.place_id}`} style={styles.placeRowWrapper}>
|
|
23
|
+
<Text text={`${mainTitle}`} style={styles.placeRowText}/>
|
|
24
|
+
</Touchable>);
|
|
24
25
|
};
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
35
|
-
t[p[i]] = s[p[i]];
|
|
36
|
-
}
|
|
37
|
-
return t;
|
|
38
|
-
};
|
|
39
|
-
var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
|
|
40
|
-
if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
|
|
41
|
-
if (ar || !(i in from)) {
|
|
42
|
-
if (!ar) ar = Array.prototype.slice.call(from, 0, i);
|
|
43
|
-
ar[i] = from[i];
|
|
44
|
-
}
|
|
45
|
-
}
|
|
46
|
-
return to.concat(ar || Array.prototype.slice.call(from));
|
|
47
|
-
};
|
|
48
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
49
|
-
exports.PlacesAutocomplete = void 0;
|
|
50
|
-
var react_1 = __importStar(require("react"));
|
|
51
|
-
var styles_1 = require("@codeleap/styles");
|
|
52
|
-
var hooks_1 = require("../../hooks");
|
|
53
|
-
var Text_1 = require("../Text");
|
|
54
|
-
var View_1 = require("../View");
|
|
55
|
-
var Registry_1 = require("../../Registry");
|
|
56
|
-
var TextInput_1 = require("../TextInput");
|
|
57
|
-
var List_1 = require("../List");
|
|
58
|
-
var Touchable_1 = require("../Touchable");
|
|
59
|
-
var EmptyPlaceholder_1 = require("../EmptyPlaceholder");
|
|
60
|
-
var ActivityIndicator_1 = require("../ActivityIndicator");
|
|
61
|
-
var common_1 = require("@codeleap/common");
|
|
62
|
-
__exportStar(require("./styles"), exports);
|
|
63
|
-
__exportStar(require("./types"), exports);
|
|
64
|
-
var DefaultPlaceRow = function (props) {
|
|
65
|
-
var item = props.item, onPress = props.onPress, styles = props.styles;
|
|
66
|
-
if (item === null || item === void 0 ? void 0 : item.content) {
|
|
67
|
-
return item === null || item === void 0 ? void 0 : item.content;
|
|
68
|
-
}
|
|
69
|
-
var isLatLng = !!(item === null || item === void 0 ? void 0 : item.formatted_address);
|
|
70
|
-
var mainTitle = isLatLng ? item === null || item === void 0 ? void 0 : item.formatted_address : item === null || item === void 0 ? void 0 : item.description;
|
|
71
|
-
return (<Touchable_1.Touchable onPress={function () { return onPress(mainTitle, item); }} debugName={"PlaceRow ".concat(item === null || item === void 0 ? void 0 : item.place_id)} style={styles.placeRowWrapper}>
|
|
72
|
-
<Text_1.Text text={"".concat(mainTitle)} style={styles.placeRowText}/>
|
|
73
|
-
</Touchable_1.Touchable>);
|
|
74
|
-
};
|
|
75
|
-
var PlacesAutocomplete = function (props) {
|
|
76
|
-
var _a;
|
|
77
|
-
var style = props.style, itemRow = props.itemRow, _b = props.data, data = _b === void 0 ? [] : _b, _c = props.customData, customData = _c === void 0 ? [] : _c, onPress = props.onPress, onValueChange = props.onValueChange, showClearIcon = props.showClearIcon, showEmptyPlaceholder = props.showEmptyPlaceholder, clearIcon = props.clearIcon, textInputProps = props.textInputProps, listProps = props.listProps, emptyPlaceholderProps = props.emptyPlaceholderProps, _d = props.placeRow, placeRow = _d === void 0 ? null : _d, PlaceRow = props.renderPlaceRow, activityIndicatorProps = props.activityIndicatorProps, debounce = props.debounce, isLoading = props.isLoading, persistResultsOnBlur = props.persistResultsOnBlur, rest = __rest(props, ["style", "itemRow", "data", "customData", "onPress", "onValueChange", "showClearIcon", "showEmptyPlaceholder", "clearIcon", "textInputProps", "listProps", "emptyPlaceholderProps", "placeRow", "renderPlaceRow", "activityIndicatorProps", "debounce", "isLoading", "persistResultsOnBlur"]);
|
|
78
|
-
var _e = react_1.default.useState(false), isFocused = _e[0], setIsFocused = _e[1];
|
|
79
|
-
var styles = (0, hooks_1.useStylesFor)(exports.PlacesAutocomplete.styleRegistryName, style);
|
|
80
|
-
var compositionStyles = (0, styles_1.useCompositionStyles)(['input', 'list', 'loader'], styles);
|
|
81
|
-
var hasCustomValue = !!(textInputProps === null || textInputProps === void 0 ? void 0 : textInputProps.value);
|
|
82
|
-
var _f = (0, common_1.usePlacesAutocompleteUtils)({
|
|
83
|
-
onValueChange: onValueChange,
|
|
84
|
-
onPress: onPress,
|
|
26
|
+
export const PlacesAutocomplete = (props) => {
|
|
27
|
+
const { style, itemRow, data = [], customData = [], onPress, onValueChange, showClearIcon, showEmptyPlaceholder, clearIcon, textInputProps, listProps, emptyPlaceholderProps, placeRow = null, renderPlaceRow: PlaceRow, activityIndicatorProps, debounce, isLoading, persistResultsOnBlur, ...rest } = props;
|
|
28
|
+
const [isFocused, setIsFocused] = React.useState(false);
|
|
29
|
+
const styles = useStylesFor(PlacesAutocomplete.styleRegistryName, style);
|
|
30
|
+
const compositionStyles = useCompositionStyles(['input', 'list', 'loader'], styles);
|
|
31
|
+
const hasCustomValue = !!textInputProps?.value;
|
|
32
|
+
const { handleChangeAddress, handlePressAddress, handleClearAddress, address, isTyping, setIsTyping, } = usePlacesAutocompleteUtils({
|
|
33
|
+
onValueChange,
|
|
34
|
+
onPress,
|
|
85
35
|
debounce: hasCustomValue ? null : 250
|
|
86
|
-
})
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
36
|
+
});
|
|
37
|
+
const _showEmptyPlaceholder = !!address && !isTyping && showEmptyPlaceholder && !isLoading;
|
|
38
|
+
const showResults = isFocused || persistResultsOnBlur;
|
|
39
|
+
const _showClearIcon = showClearIcon && !!address?.trim?.();
|
|
40
|
+
const rightIcon = _showClearIcon ? {
|
|
91
41
|
name: clearIcon,
|
|
92
42
|
onPress: handleClearAddress,
|
|
93
|
-
} : textInputProps
|
|
94
|
-
|
|
95
|
-
|
|
43
|
+
} : textInputProps?.rightIcon;
|
|
44
|
+
const _data = customData?.length > 0 && address ? [...customData, ...data] : data;
|
|
45
|
+
const renderItem = useCallback((props) => {
|
|
96
46
|
return (placeRow ? placeRow : <PlaceRow onPress={handlePressAddress} styles={styles} {...props}/>);
|
|
97
47
|
}, [placeRow]);
|
|
98
|
-
return (<
|
|
99
|
-
<
|
|
48
|
+
return (<View style={styles.wrapper} {...rest}>
|
|
49
|
+
<TextInput style={compositionStyles.input} onChangeText={(value) => {
|
|
100
50
|
setIsTyping(true);
|
|
101
51
|
handleChangeAddress(value);
|
|
102
|
-
}} onBlur={
|
|
52
|
+
}} onBlur={() => {
|
|
103
53
|
setIsFocused(false);
|
|
104
|
-
}} onFocus={
|
|
54
|
+
}} onFocus={() => {
|
|
105
55
|
setIsFocused(true);
|
|
106
|
-
}} {...textInputProps} value={hasCustomValue ? textInputProps
|
|
107
|
-
{isTyping ? (<
|
|
108
|
-
<
|
|
109
|
-
</
|
|
110
|
-
</
|
|
56
|
+
}} {...textInputProps} value={hasCustomValue ? textInputProps?.value : address} rightIcon={rightIcon}/>
|
|
57
|
+
{isTyping ? (<View style={styles.loadingWrapper}>
|
|
58
|
+
<ActivityIndicator style={compositionStyles.loader} {...activityIndicatorProps}/>
|
|
59
|
+
</View>) : (showResults ? (<List data={_data} renderItem={renderItem} ListEmptyComponent={_showEmptyPlaceholder ? <EmptyPlaceholder {...emptyPlaceholderProps}/> : null} style={compositionStyles.list} separators {...listProps}/>) : null)}
|
|
60
|
+
</View>);
|
|
111
61
|
};
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
return exports.PlacesAutocomplete;
|
|
62
|
+
PlacesAutocomplete.styleRegistryName = 'PlacesAutocomplete';
|
|
63
|
+
PlacesAutocomplete.elements = ['wrapper', 'input', 'list', 'loader', 'placeRow', 'loadingWrapper'];
|
|
64
|
+
PlacesAutocomplete.withVariantTypes = (styles) => {
|
|
65
|
+
return PlacesAutocomplete;
|
|
117
66
|
};
|
|
118
|
-
|
|
67
|
+
PlacesAutocomplete.defaultProps = {
|
|
119
68
|
showClearIcon: false,
|
|
120
69
|
showEmptyPlaceholder: true,
|
|
121
70
|
clearIcon: 'x',
|
|
@@ -123,5 +72,5 @@ exports.PlacesAutocomplete.defaultProps = {
|
|
|
123
72
|
renderPlaceRow: DefaultPlaceRow,
|
|
124
73
|
debounce: 250,
|
|
125
74
|
};
|
|
126
|
-
|
|
75
|
+
MobileStyleRegistry.registerComponent(PlacesAutocomplete);
|
|
127
76
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/PlacesAutocomplete/index.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/PlacesAutocomplete/index.tsx"],"names":[],"mappings":"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"}
|