@codeleap/mobile 2.3.26 → 2.3.28
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/components/ActionIcon/index.js +1 -5
- package/dist/components/ActionIcon/index.js.map +1 -1
- package/dist/components/ActivityIndicator/index.js +1 -5
- package/dist/components/ActivityIndicator/index.js.map +1 -1
- package/dist/components/Animated.d.ts +1 -110
- package/dist/components/Animated.js +1 -5
- package/dist/components/Animated.js.map +1 -1
- package/dist/components/AutoComplete/index.js +1 -5
- package/dist/components/AutoComplete/index.js.map +1 -1
- package/dist/components/Backdrop/index.d.ts +3 -3
- package/dist/components/Backdrop/index.js +2 -6
- package/dist/components/Backdrop/index.js.map +1 -1
- package/dist/components/Button/index.d.ts +4 -4
- package/dist/components/Button/index.js +1 -5
- package/dist/components/Button/index.js.map +1 -1
- package/dist/components/Calendar/index.js +1 -5
- package/dist/components/Calendar/index.js.map +1 -1
- package/dist/components/Checkbox/index.js +1 -5
- package/dist/components/Checkbox/index.js.map +1 -1
- package/dist/components/ContentView/index.js +1 -5
- package/dist/components/ContentView/index.js.map +1 -1
- package/dist/components/Drawer/index.js +1 -5
- package/dist/components/Drawer/index.js.map +1 -1
- package/dist/components/EmptyPlaceholder/index.js +1 -5
- package/dist/components/EmptyPlaceholder/index.js.map +1 -1
- package/dist/components/FileInput/index.js +1 -5
- package/dist/components/FileInput/index.js.map +1 -1
- package/dist/components/Grid/index.js +1 -5
- package/dist/components/Grid/index.js.map +1 -1
- package/dist/components/Icon/index.js +1 -5
- package/dist/components/Icon/index.js.map +1 -1
- package/dist/components/Image/index.js +1 -5
- package/dist/components/Image/index.js.map +1 -1
- package/dist/components/ImageView/Spotlight.d.ts +1 -1
- package/dist/components/ImageView/Spotlight.js +1 -5
- package/dist/components/ImageView/Spotlight.js.map +1 -1
- package/dist/components/ImageView/component.js +1 -5
- package/dist/components/ImageView/component.js.map +1 -1
- package/dist/components/ImageView/index.js +1 -5
- package/dist/components/ImageView/index.js.map +1 -1
- package/dist/components/InputLabel/index.js +1 -5
- package/dist/components/InputLabel/index.js.map +1 -1
- package/dist/components/List/index.js +1 -5
- package/dist/components/List/index.js.map +1 -1
- package/dist/components/Modal/index.js +1 -5
- package/dist/components/Modal/index.js.map +1 -1
- package/dist/components/MultiSelect/index.js +1 -5
- package/dist/components/MultiSelect/index.js.map +1 -1
- package/dist/components/Navigation/Navigation.js +1 -5
- package/dist/components/Navigation/Navigation.js.map +1 -1
- package/dist/components/Navigation/index.js +1 -5
- package/dist/components/Navigation/index.js.map +1 -1
- package/dist/components/Pager/index.js +1 -5
- package/dist/components/Pager/index.js.map +1 -1
- package/dist/components/RadioInput/index.js +1 -5
- package/dist/components/RadioInput/index.js.map +1 -1
- package/dist/components/Scroll/index.d.ts +105 -1
- package/dist/components/Scroll/index.js +2 -6
- package/dist/components/Scroll/index.js.map +1 -1
- package/dist/components/Sections/index.d.ts +105 -1
- package/dist/components/Sections/index.js +1 -5
- package/dist/components/Sections/index.js.map +1 -1
- package/dist/components/SegmentedControl/index.js +1 -5
- package/dist/components/SegmentedControl/index.js.map +1 -1
- package/dist/components/Select/index.js +1 -5
- package/dist/components/Select/index.js.map +1 -1
- package/dist/components/Slider/index.js +1 -5
- package/dist/components/Slider/index.js.map +1 -1
- package/dist/components/Switch/index.js +1 -5
- package/dist/components/Switch/index.js.map +1 -1
- package/dist/components/Text/index.js +1 -5
- package/dist/components/Text/index.js.map +1 -1
- package/dist/components/TextInput/index.js +1 -5
- package/dist/components/TextInput/index.js.map +1 -1
- package/dist/components/Touchable/index.d.ts +2 -2
- package/dist/components/Touchable/index.js +1 -5
- package/dist/components/Touchable/index.js.map +1 -1
- package/dist/components/View/index.d.ts +7 -116
- package/dist/components/View/index.js +2 -8
- package/dist/components/View/index.js.map +1 -1
- package/dist/components/components.d.ts +0 -2
- package/dist/components/components.js +1 -20
- package/dist/components/components.js.map +1 -1
- package/dist/index.js +1 -5
- package/dist/index.js.map +1 -1
- package/dist/modules/textInputMask.js +1 -5
- package/dist/modules/textInputMask.js.map +1 -1
- package/dist/types/index.js +1 -5
- package/dist/types/index.js.map +1 -1
- package/dist/types/utility.d.ts +8 -2
- package/dist/utils/KeyboardAware/index.js +1 -5
- package/dist/utils/KeyboardAware/index.js.map +1 -1
- package/dist/utils/KeyboardAware/lib/KeyboardAwareHOC.js +0 -12
- package/dist/utils/KeyboardAware/lib/KeyboardAwareHOC.js.map +1 -1
- package/dist/utils/ModalManager/components.js +1 -5
- package/dist/utils/ModalManager/components.js.map +1 -1
- package/dist/utils/ModalManager/context.js +1 -5
- package/dist/utils/ModalManager/context.js.map +1 -1
- package/dist/utils/OSAlert.js.map +1 -1
- package/dist/utils/PermissionManager/context.js +4 -8
- package/dist/utils/PermissionManager/context.js.map +1 -1
- package/dist/utils/index.js +1 -5
- package/dist/utils/index.js.map +1 -1
- package/package.json +9 -8
- package/src/components/Backdrop/index.tsx +5 -3
- package/src/components/Grid/index.tsx +4 -3
- package/src/components/ImageView/Spotlight.tsx +1 -1
- package/src/components/Pager/index.tsx +1 -0
- package/src/components/Scroll/index.tsx +1 -1
- package/src/components/SegmentedControl/index.tsx +1 -0
- package/src/components/Text/index.tsx +1 -0
- package/src/components/Touchable/index.tsx +17 -15
- package/src/components/View/index.tsx +16 -13
- package/src/components/components.ts +1 -4
- package/src/types/utility.ts +12 -5
- package/src/utils/KeyboardAware/lib/KeyboardAwareHOC.tsx +3 -29
- package/src/utils/PermissionManager/context.tsx +3 -4
- package/CodeLeap-Mobile-Packages.code-workspace +0 -8
- package/dist/components/legacy/Modal/index.d.ts +0 -28
- package/dist/components/legacy/Modal/index.js +0 -114
- package/dist/components/legacy/Modal/index.js.map +0 -1
- package/dist/components/legacy/Modal/styles.d.ts +0 -64
- package/dist/components/legacy/Modal/styles.js +0 -60
- package/dist/components/legacy/Modal/styles.js.map +0 -1
- package/dist/components/legacy/Pager/index.d.ts +0 -20
- package/dist/components/legacy/Pager/index.js +0 -168
- package/dist/components/legacy/Pager/index.js.map +0 -1
- package/dist/components/legacy/Pager/styles.d.ts +0 -54
- package/dist/components/legacy/Pager/styles.js +0 -44
- package/dist/components/legacy/Pager/styles.js.map +0 -1
- package/dist/components/legacy/index.d.ts +0 -2
- package/dist/components/legacy/index.js +0 -19
- package/dist/components/legacy/index.js.map +0 -1
- package/src/components/legacy/Modal/index.tsx +0 -163
- package/src/components/legacy/Modal/styles.ts +0 -125
- package/src/components/legacy/Pager/index.tsx +0 -242
- package/src/components/legacy/Pager/styles.ts +0 -51
- package/src/components/legacy/index.ts +0 -2
|
@@ -1,64 +0,0 @@
|
|
|
1
|
-
import { ButtonComposition } from '@codeleap/common';
|
|
2
|
-
export declare const modalTransition: {
|
|
3
|
-
duration: number;
|
|
4
|
-
ease: string;
|
|
5
|
-
useNativeDriver: boolean;
|
|
6
|
-
};
|
|
7
|
-
export declare type MobileModalParts = 'wrapper' | 'overlay' | 'innerWrapper' | 'innerWrapperScroll' | 'box' | 'footer' | 'body' | 'header' | 'touchableBackdrop' | 'box:pose' | 'title' | `closeButton${Capitalize<ButtonComposition>}`;
|
|
8
|
-
export declare type MobileModalComposition = MobileModalParts | `${MobileModalParts}:visible`;
|
|
9
|
-
export declare const MobileModalStyles: {
|
|
10
|
-
default: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileModalComposition, any>>;
|
|
11
|
-
popup: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileModalComposition, any>>;
|
|
12
|
-
fullscreen: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileModalComposition, any>>;
|
|
13
|
-
fixed: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileModalComposition, any>>;
|
|
14
|
-
blur: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileModalComposition, any>>;
|
|
15
|
-
center: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileModalComposition, any>>;
|
|
16
|
-
hidden: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileModalComposition, any>>;
|
|
17
|
-
flex: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileModalComposition, any>>;
|
|
18
|
-
row: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileModalComposition, any>>;
|
|
19
|
-
column: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileModalComposition, any>>;
|
|
20
|
-
wrap: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileModalComposition, any>>;
|
|
21
|
-
absolute: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileModalComposition, any>>;
|
|
22
|
-
relative: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileModalComposition, any>>;
|
|
23
|
-
inline: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileModalComposition, any>>;
|
|
24
|
-
block: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileModalComposition, any>>;
|
|
25
|
-
inlineFlex: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileModalComposition, any>>;
|
|
26
|
-
sticky: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileModalComposition, any>>;
|
|
27
|
-
full: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileModalComposition, any>>;
|
|
28
|
-
noWrap: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileModalComposition, any>>;
|
|
29
|
-
fullWidth: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileModalComposition, any>>;
|
|
30
|
-
fullHeight: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileModalComposition, any>>;
|
|
31
|
-
fullView: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileModalComposition, any>>;
|
|
32
|
-
fullViewWidth: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileModalComposition, any>>;
|
|
33
|
-
fullViewHeight: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileModalComposition, any>>;
|
|
34
|
-
whole: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileModalComposition, any>>;
|
|
35
|
-
centerRow: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileModalComposition, any>>;
|
|
36
|
-
listStyles: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileModalComposition, any>>;
|
|
37
|
-
alignStart: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileModalComposition, any>>;
|
|
38
|
-
alignEnd: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileModalComposition, any>>;
|
|
39
|
-
alignCenter: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileModalComposition, any>>;
|
|
40
|
-
alignStretch: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileModalComposition, any>>;
|
|
41
|
-
alignSelfCenter: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileModalComposition, any>>;
|
|
42
|
-
alignSelfStart: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileModalComposition, any>>;
|
|
43
|
-
alignSelfStretch: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileModalComposition, any>>;
|
|
44
|
-
alignSelfEnd: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileModalComposition, any>>;
|
|
45
|
-
justifyStart: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileModalComposition, any>>;
|
|
46
|
-
justifyEnd: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileModalComposition, any>>;
|
|
47
|
-
justifyCenter: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileModalComposition, any>>;
|
|
48
|
-
justifySpaceBetween: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileModalComposition, any>>;
|
|
49
|
-
justifySpaceAround: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileModalComposition, any>>;
|
|
50
|
-
textRight: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileModalComposition, any>>;
|
|
51
|
-
textLeft: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileModalComposition, any>>;
|
|
52
|
-
textCenter: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileModalComposition, any>>;
|
|
53
|
-
elevated: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileModalComposition, any>>;
|
|
54
|
-
neumorphism: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileModalComposition, any>>;
|
|
55
|
-
scrollX: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileModalComposition, any>>;
|
|
56
|
-
scrollY: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileModalComposition, any>>;
|
|
57
|
-
scrollXY: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileModalComposition, any>>;
|
|
58
|
-
debRed: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileModalComposition, any>>;
|
|
59
|
-
debGreen: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileModalComposition, any>>;
|
|
60
|
-
debBlue: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileModalComposition, any>>;
|
|
61
|
-
debYellow: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileModalComposition, any>>;
|
|
62
|
-
roundish: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("@codeleap/common").ModalComposition, any>>;
|
|
63
|
-
dynamicHandler: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("@codeleap/common").ModalComposition, any>>;
|
|
64
|
-
};
|
|
@@ -1,60 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __assign = (this && this.__assign) || function () {
|
|
3
|
-
__assign = Object.assign || function(t) {
|
|
4
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
5
|
-
s = arguments[i];
|
|
6
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
7
|
-
t[p] = s[p];
|
|
8
|
-
}
|
|
9
|
-
return t;
|
|
10
|
-
};
|
|
11
|
-
return __assign.apply(this, arguments);
|
|
12
|
-
};
|
|
13
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
14
|
-
exports.MobileModalStyles = exports.modalTransition = void 0;
|
|
15
|
-
var common_1 = require("@codeleap/common");
|
|
16
|
-
exports.modalTransition = {
|
|
17
|
-
duration: 150,
|
|
18
|
-
ease: 'easeOut',
|
|
19
|
-
useNativeDriver: false,
|
|
20
|
-
};
|
|
21
|
-
var createModalStyle = (0, common_1.createDefaultVariantFactory)();
|
|
22
|
-
var presets = (0, common_1.includePresets)(function (style) { return createModalStyle(function () { return ({ body: style }); }); });
|
|
23
|
-
var defaultModalStyles = common_1.ModalStyles;
|
|
24
|
-
exports.MobileModalStyles = __assign(__assign(__assign({}, defaultModalStyles), presets), { default: createModalStyle(function (theme) {
|
|
25
|
-
var _a, _b;
|
|
26
|
-
var fullSize = __assign(__assign({}, theme.presets.whole), { position: 'absolute', width: (_a = theme === null || theme === void 0 ? void 0 : theme.values) === null || _a === void 0 ? void 0 : _a.width, height: (_b = theme === null || theme === void 0 ? void 0 : theme.values) === null || _b === void 0 ? void 0 : _b.height });
|
|
27
|
-
return {
|
|
28
|
-
wrapper: __assign({ zIndex: 1 }, fullSize),
|
|
29
|
-
overlay: __assign({ opacity: 0, backgroundColor: theme.colors.black }, fullSize),
|
|
30
|
-
'overlay:visible': {
|
|
31
|
-
opacity: 0.5,
|
|
32
|
-
},
|
|
33
|
-
innerWrapper: {},
|
|
34
|
-
innerWrapperScroll: __assign(__assign({ display: 'flex', alignItems: 'center' }, theme.presets.justifyCenter), { minHeight: theme.values.window.height }),
|
|
35
|
-
box: __assign({ width: '80%', backgroundColor: theme.colors.background, borderRadius: theme.borderRadius.medium }, theme.spacing.padding(2)),
|
|
36
|
-
touchableBackdrop: __assign({}, fullSize),
|
|
37
|
-
'box:pose': {
|
|
38
|
-
opacity: 0,
|
|
39
|
-
scale: 0.8,
|
|
40
|
-
transition: exports.modalTransition,
|
|
41
|
-
},
|
|
42
|
-
'box:pose:visible': {
|
|
43
|
-
opacity: 1,
|
|
44
|
-
scale: 1,
|
|
45
|
-
transition: exports.modalTransition,
|
|
46
|
-
},
|
|
47
|
-
header: __assign(__assign({ flexDirection: 'row' }, theme.presets.justifySpaceBetween), theme.presets.alignCenter),
|
|
48
|
-
closeButtonWrapper: __assign({ alignSelf: 'center' }, theme.spacing.marginLeft('auto')),
|
|
49
|
-
title: __assign(__assign(__assign(__assign({}, theme.presets.textCenter), (0, common_1.assignTextStyle)('h3')(theme).text), theme.spacing.paddingBottom(1)), { flex: 1 }),
|
|
50
|
-
};
|
|
51
|
-
}), popup: createModalStyle(function () { return ({}); }), fullscreen: createModalStyle(function (theme) { return ({
|
|
52
|
-
overlay: {
|
|
53
|
-
backgroundColor: theme.colors.background,
|
|
54
|
-
},
|
|
55
|
-
'overlay:visible': {
|
|
56
|
-
opacity: 1,
|
|
57
|
-
},
|
|
58
|
-
box: __assign({ flex: 1, borderRadius: 0, width: theme.values.width, height: theme.values.window.height }, theme.presets.center),
|
|
59
|
-
}); }) });
|
|
60
|
-
//# sourceMappingURL=styles.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../src/components/legacy/Modal/styles.ts"],"names":[],"mappings":"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"}
|
|
@@ -1,20 +0,0 @@
|
|
|
1
|
-
import { ComponentVariants } from '@codeleap/common';
|
|
2
|
-
import React, { ReactNode } from 'react';
|
|
3
|
-
import { StylesOf } from '../../../types/utility';
|
|
4
|
-
import { MobilePagerStyles, PagerComposition } from './styles';
|
|
5
|
-
export * from './styles';
|
|
6
|
-
export declare type PagerProps = {
|
|
7
|
-
variants?: ComponentVariants<typeof MobilePagerStyles>['variants'];
|
|
8
|
-
styles?: StylesOf<PagerComposition>;
|
|
9
|
-
page?: number;
|
|
10
|
-
loop?: boolean;
|
|
11
|
-
debug?: boolean;
|
|
12
|
-
children?: ReactNode;
|
|
13
|
-
onPageChange?: (page: number) => void;
|
|
14
|
-
};
|
|
15
|
-
export declare type PagerRef = {
|
|
16
|
-
forward(by?: number): void;
|
|
17
|
-
back(by?: number): void;
|
|
18
|
-
to(index?: number): void;
|
|
19
|
-
};
|
|
20
|
-
export declare const Pager: React.ForwardRefExoticComponent<PagerProps & React.RefAttributes<PagerRef>>;
|
|
@@ -1,168 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
-
if (k2 === undefined) k2 = k;
|
|
4
|
-
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
-
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
-
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
-
}
|
|
8
|
-
Object.defineProperty(o, k2, desc);
|
|
9
|
-
}) : (function(o, m, k, k2) {
|
|
10
|
-
if (k2 === undefined) k2 = k;
|
|
11
|
-
o[k2] = m[k];
|
|
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;
|
|
24
|
-
};
|
|
25
|
-
var __exportStar = (this && this.__exportStar) || function(m, exports) {
|
|
26
|
-
for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
|
|
27
|
-
};
|
|
28
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
29
|
-
exports.Pager = void 0;
|
|
30
|
-
var common_1 = require("@codeleap/common");
|
|
31
|
-
var react_1 = __importStar(require("react"));
|
|
32
|
-
var react_native_1 = require("react-native");
|
|
33
|
-
var Animated_1 = require("../../Animated");
|
|
34
|
-
var Button_1 = require("../../Button");
|
|
35
|
-
var View_1 = require("../../View");
|
|
36
|
-
var Text_1 = require("../../Text");
|
|
37
|
-
__exportStar(require("./styles"), exports);
|
|
38
|
-
exports.Pager = (0, react_1.forwardRef)(function (pagerProps, ref) {
|
|
39
|
-
var children = pagerProps.children, styles = pagerProps.styles, variants = pagerProps.variants, propPage = pagerProps.page, debug = pagerProps.debug, loop = pagerProps.loop, onPageChange = pagerProps.onPageChange;
|
|
40
|
-
var _a = (0, react_1.useState)(function () { return propPage !== null && propPage !== void 0 ? propPage : 0; }), page = _a[0], setPage = _a[1];
|
|
41
|
-
var variantStyles = (0, common_1.useDefaultComponentStyle)('u:Pager', {
|
|
42
|
-
styles: styles,
|
|
43
|
-
transform: react_native_1.StyleSheet.flatten,
|
|
44
|
-
variants: variants,
|
|
45
|
-
});
|
|
46
|
-
var logger = (0, common_1.useCodeleapContext)().logger;
|
|
47
|
-
var nChildren = react_1.default.Children.count(children);
|
|
48
|
-
var lastPage = nChildren - 1;
|
|
49
|
-
var pagerRef = (0, react_1.useRef)({
|
|
50
|
-
forward: function (by) {
|
|
51
|
-
if (by === void 0) { by = 1; }
|
|
52
|
-
setPage(function (currentPage) {
|
|
53
|
-
if (currentPage < lastPage) {
|
|
54
|
-
return currentPage + by;
|
|
55
|
-
}
|
|
56
|
-
else if (loop) {
|
|
57
|
-
return by - 1;
|
|
58
|
-
}
|
|
59
|
-
return currentPage;
|
|
60
|
-
});
|
|
61
|
-
},
|
|
62
|
-
back: function (by) {
|
|
63
|
-
if (by === void 0) { by = 1; }
|
|
64
|
-
setPage(function (currentPage) {
|
|
65
|
-
if (currentPage > 0) {
|
|
66
|
-
return currentPage - by;
|
|
67
|
-
}
|
|
68
|
-
else if (loop) {
|
|
69
|
-
return nChildren - by;
|
|
70
|
-
}
|
|
71
|
-
return currentPage;
|
|
72
|
-
});
|
|
73
|
-
},
|
|
74
|
-
to: function (n) {
|
|
75
|
-
if (n >= 0 && n <= lastPage) {
|
|
76
|
-
setPage(n);
|
|
77
|
-
}
|
|
78
|
-
else {
|
|
79
|
-
logger.warn('Attempted to go to a page which falls outside range', { currentPage: page, attemptedToGoTo: n, pageRange: [0, lastPage] }, 'Component');
|
|
80
|
-
}
|
|
81
|
-
},
|
|
82
|
-
});
|
|
83
|
-
(0, common_1.onUpdate)(function () {
|
|
84
|
-
onPageChange === null || onPageChange === void 0 ? void 0 : onPageChange(page);
|
|
85
|
-
}, [page]);
|
|
86
|
-
(0, common_1.onUpdate)(function () {
|
|
87
|
-
if (typeof propPage === 'number') {
|
|
88
|
-
setPage(propPage);
|
|
89
|
-
}
|
|
90
|
-
}, [propPage]);
|
|
91
|
-
(0, react_1.useImperativeHandle)(ref, function () { return pagerRef.current; });
|
|
92
|
-
var pagePoses = (0, react_1.useMemo)(function () {
|
|
93
|
-
return {
|
|
94
|
-
current: variantStyles['page:pose:current'],
|
|
95
|
-
next: variantStyles['page:pose:next'],
|
|
96
|
-
previous: variantStyles['page:pose:previous'],
|
|
97
|
-
};
|
|
98
|
-
}, [variantStyles]);
|
|
99
|
-
return (<View_1.View style={variantStyles.wrapper}>
|
|
100
|
-
{react_1.default.Children.map(children, function (child, idx) { return (<Page {...pagerProps} idx={idx} lastPage={lastPage} pagePoses={pagePoses} style={[variantStyles.page]} page={page}>
|
|
101
|
-
{child}
|
|
102
|
-
</Page>); })}
|
|
103
|
-
|
|
104
|
-
{debug && (<View_1.View variants={['absolute']} style={{ bottom: 0, left: 0, right: 0 }}>
|
|
105
|
-
<Button_1.Button text='previous' debugName='Previous Pager' onPress={pagerRef.current.back}/>
|
|
106
|
-
<Text_1.Text text={page.toString()}/>
|
|
107
|
-
<Button_1.Button text='next' debugName='Next Pager' onPress={pagerRef.current.forward}/>
|
|
108
|
-
</View_1.View>)}
|
|
109
|
-
</View_1.View>);
|
|
110
|
-
});
|
|
111
|
-
var Page = function (pageProps) {
|
|
112
|
-
var child = pageProps.children, idx = pageProps.idx, loop = pageProps.loop, lastPage = pageProps.lastPage, page = pageProps.page, style = pageProps.style, pagePoses = pageProps.pagePoses;
|
|
113
|
-
if (!react_1.default.isValidElement(child))
|
|
114
|
-
return null;
|
|
115
|
-
// const isLast = idx === lastPage
|
|
116
|
-
// const isFirst = idx === 0
|
|
117
|
-
// const isLoopNext = (loop && isFirst && page === lastPage)
|
|
118
|
-
// const isLoopPrevious = (loop && isLast && page === 0)
|
|
119
|
-
// const isCurrent = idx === page
|
|
120
|
-
// const isSequenceNext = idx === page + 1
|
|
121
|
-
// const isSequencePrevious = idx === page - 1
|
|
122
|
-
// const isNext = isSequenceNext || isLoopNext
|
|
123
|
-
// const isPrevious = isSequencePrevious || isLoopPrevious
|
|
124
|
-
// const isCurrentOrAdjacent = [
|
|
125
|
-
// isCurrent,
|
|
126
|
-
// isNext,
|
|
127
|
-
// isPrevious
|
|
128
|
-
// ].includes(true)
|
|
129
|
-
// if(isCurrentOrAdjacent){
|
|
130
|
-
// return <Animated
|
|
131
|
-
// key={idx}
|
|
132
|
-
// component='View'
|
|
133
|
-
// config={pagePoses}
|
|
134
|
-
// pose={isCurrent ? 'current' : (isNext ? 'next' : 'previous')}
|
|
135
|
-
// style={[{
|
|
136
|
-
// position: 'absolute',
|
|
137
|
-
// top: 0,
|
|
138
|
-
// },style]}
|
|
139
|
-
// >
|
|
140
|
-
// {child}
|
|
141
|
-
// </Animated>
|
|
142
|
-
// }
|
|
143
|
-
var isCurrent = idx === page;
|
|
144
|
-
var isNext = idx > page;
|
|
145
|
-
var _a = (0, react_1.useState)(isCurrent ? 1 : 0), _opacity = _a[0], setOpacity = _a[1];
|
|
146
|
-
var _b = (0, common_1.useDebounce)(_opacity, 800), opacity = _b[0], resetDebounceTimer = _b[1];
|
|
147
|
-
(0, common_1.onUpdate)(function () {
|
|
148
|
-
if (isCurrent) {
|
|
149
|
-
setOpacity(1);
|
|
150
|
-
}
|
|
151
|
-
else {
|
|
152
|
-
setOpacity(0);
|
|
153
|
-
}
|
|
154
|
-
return resetDebounceTimer;
|
|
155
|
-
}, [idx, page]);
|
|
156
|
-
return (<Animated_1.Animated key={idx} component='View' config={pagePoses} pose={isCurrent ? 'current' : isNext ? 'next' : 'previous'} style={[
|
|
157
|
-
{
|
|
158
|
-
position: 'absolute',
|
|
159
|
-
top: 0,
|
|
160
|
-
opacity: isCurrent ? _opacity : opacity,
|
|
161
|
-
},
|
|
162
|
-
style,
|
|
163
|
-
]}>
|
|
164
|
-
{child}
|
|
165
|
-
</Animated_1.Animated>);
|
|
166
|
-
// return <View style={{display:'none'}} key={idx}>{child}</View>
|
|
167
|
-
};
|
|
168
|
-
//# sourceMappingURL=index.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/legacy/Pager/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,54 +0,0 @@
|
|
|
1
|
-
export declare type PagerComposition = 'page' | 'page:transition' | 'page:pose:previous' | 'page:pose:next' | 'page:pose:current' | 'wrapper';
|
|
2
|
-
export declare const MobilePagerStyles: {
|
|
3
|
-
default: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<PagerComposition, any>>;
|
|
4
|
-
pageless: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<PagerComposition, any>>;
|
|
5
|
-
fixed: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<PagerComposition, any>>;
|
|
6
|
-
blur: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<PagerComposition, any>>;
|
|
7
|
-
center: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<PagerComposition, any>>;
|
|
8
|
-
hidden: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<PagerComposition, any>>;
|
|
9
|
-
flex: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<PagerComposition, any>>;
|
|
10
|
-
row: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<PagerComposition, any>>;
|
|
11
|
-
column: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<PagerComposition, any>>;
|
|
12
|
-
wrap: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<PagerComposition, any>>;
|
|
13
|
-
absolute: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<PagerComposition, any>>;
|
|
14
|
-
relative: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<PagerComposition, any>>;
|
|
15
|
-
inline: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<PagerComposition, any>>;
|
|
16
|
-
block: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<PagerComposition, any>>;
|
|
17
|
-
inlineFlex: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<PagerComposition, any>>;
|
|
18
|
-
sticky: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<PagerComposition, any>>;
|
|
19
|
-
full: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<PagerComposition, any>>;
|
|
20
|
-
noWrap: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<PagerComposition, any>>;
|
|
21
|
-
fullWidth: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<PagerComposition, any>>;
|
|
22
|
-
fullHeight: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<PagerComposition, any>>;
|
|
23
|
-
fullView: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<PagerComposition, any>>;
|
|
24
|
-
fullViewWidth: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<PagerComposition, any>>;
|
|
25
|
-
fullViewHeight: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<PagerComposition, any>>;
|
|
26
|
-
whole: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<PagerComposition, any>>;
|
|
27
|
-
centerRow: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<PagerComposition, any>>;
|
|
28
|
-
listStyles: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<PagerComposition, any>>;
|
|
29
|
-
alignStart: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<PagerComposition, any>>;
|
|
30
|
-
alignEnd: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<PagerComposition, any>>;
|
|
31
|
-
alignCenter: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<PagerComposition, any>>;
|
|
32
|
-
alignStretch: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<PagerComposition, any>>;
|
|
33
|
-
alignSelfCenter: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<PagerComposition, any>>;
|
|
34
|
-
alignSelfStart: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<PagerComposition, any>>;
|
|
35
|
-
alignSelfStretch: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<PagerComposition, any>>;
|
|
36
|
-
alignSelfEnd: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<PagerComposition, any>>;
|
|
37
|
-
justifyStart: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<PagerComposition, any>>;
|
|
38
|
-
justifyEnd: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<PagerComposition, any>>;
|
|
39
|
-
justifyCenter: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<PagerComposition, any>>;
|
|
40
|
-
justifySpaceBetween: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<PagerComposition, any>>;
|
|
41
|
-
justifySpaceAround: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<PagerComposition, any>>;
|
|
42
|
-
textRight: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<PagerComposition, any>>;
|
|
43
|
-
textLeft: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<PagerComposition, any>>;
|
|
44
|
-
textCenter: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<PagerComposition, any>>;
|
|
45
|
-
elevated: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<PagerComposition, any>>;
|
|
46
|
-
neumorphism: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<PagerComposition, any>>;
|
|
47
|
-
scrollX: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<PagerComposition, any>>;
|
|
48
|
-
scrollY: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<PagerComposition, any>>;
|
|
49
|
-
scrollXY: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<PagerComposition, any>>;
|
|
50
|
-
debRed: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<PagerComposition, any>>;
|
|
51
|
-
debGreen: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<PagerComposition, any>>;
|
|
52
|
-
debBlue: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<PagerComposition, any>>;
|
|
53
|
-
debYellow: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<PagerComposition, any>>;
|
|
54
|
-
};
|
|
@@ -1,44 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __assign = (this && this.__assign) || function () {
|
|
3
|
-
__assign = Object.assign || function(t) {
|
|
4
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
5
|
-
s = arguments[i];
|
|
6
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
7
|
-
t[p] = s[p];
|
|
8
|
-
}
|
|
9
|
-
return t;
|
|
10
|
-
};
|
|
11
|
-
return __assign.apply(this, arguments);
|
|
12
|
-
};
|
|
13
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
14
|
-
exports.MobilePagerStyles = void 0;
|
|
15
|
-
var common_1 = require("@codeleap/common");
|
|
16
|
-
var createPagerStyle = (0, common_1.createDefaultVariantFactory)();
|
|
17
|
-
var presets = (0, common_1.includePresets)(function (style) { return createPagerStyle(function () { return ({ wrapper: style }); }); });
|
|
18
|
-
exports.MobilePagerStyles = __assign(__assign({}, presets), { default: createPagerStyle(function (Theme) {
|
|
19
|
-
var transition = {
|
|
20
|
-
duration: 500,
|
|
21
|
-
ease: 'easeInOut',
|
|
22
|
-
useNativeDriver: true,
|
|
23
|
-
};
|
|
24
|
-
return {
|
|
25
|
-
wrapper: __assign({}, Theme.presets.full),
|
|
26
|
-
'page:pose:next': {
|
|
27
|
-
left: Theme.values.width * 1.8,
|
|
28
|
-
transition: transition,
|
|
29
|
-
},
|
|
30
|
-
'page:pose:current': {
|
|
31
|
-
left: 0,
|
|
32
|
-
transition: transition,
|
|
33
|
-
},
|
|
34
|
-
'page:pose:previous': {
|
|
35
|
-
left: -Theme.values.width * 1.8,
|
|
36
|
-
transition: transition,
|
|
37
|
-
},
|
|
38
|
-
page: {
|
|
39
|
-
width: '100%',
|
|
40
|
-
height: '100%',
|
|
41
|
-
},
|
|
42
|
-
};
|
|
43
|
-
}), pageless: createPagerStyle(function () { return ({}); }) });
|
|
44
|
-
//# sourceMappingURL=styles.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../src/components/legacy/Pager/styles.ts"],"names":[],"mappings":";;;;;;;;;;;;;;AAAA,2CAGyB;AAUzB,IAAM,gBAAgB,GAAG,IAAA,oCAA2B,GAAoB,CAAA;AAExE,IAAM,OAAO,GAAG,IAAA,uBAAc,EAAC,UAAC,KAAK,IAAK,OAAA,gBAAgB,CAAC,cAAM,OAAA,CAAC,EAAE,OAAO,EAAE,KAAK,EAAE,CAAC,EAApB,CAAoB,CAAC,EAA5C,CAA4C,CACrF,CAAA;AAEY,QAAA,iBAAiB,yBACzB,OAAO,KACV,OAAO,EAAE,gBAAgB,CAAC,UAAC,KAAK;QAC9B,IAAM,UAAU,GAAG;YACjB,QAAQ,EAAE,GAAG;YACb,IAAI,EAAE,WAAW;YACjB,eAAe,EAAE,IAAI;SACtB,CAAA;QAED,OAAO;YACL,OAAO,eACF,KAAK,CAAC,OAAO,CAAC,IAAI,CACtB;YACD,gBAAgB,EAAE;gBAChB,IAAI,EAAE,KAAK,CAAC,MAAM,CAAC,KAAK,GAAG,GAAG;gBAC9B,UAAU,EAAE,UAAU;aACvB;YACD,mBAAmB,EAAE;gBACnB,IAAI,EAAE,CAAC;gBACP,UAAU,EAAE,UAAU;aACvB;YACD,oBAAoB,EAAE;gBACpB,IAAI,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,GAAG,GAAG;gBAC/B,UAAU,EAAE,UAAU;aACvB;YACD,IAAI,EAAE;gBACJ,KAAK,EAAE,MAAM;gBACb,MAAM,EAAE,MAAM;aACf;SACF,CAAA;IACH,CAAC,CAAC,EACF,QAAQ,EAAE,gBAAgB,CAAC,cAAM,OAAA,CAAC,EAAE,CAAC,EAAJ,CAAI,CAAC,IACvC"}
|
|
@@ -1,19 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
-
if (k2 === undefined) k2 = k;
|
|
4
|
-
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
-
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
-
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
-
}
|
|
8
|
-
Object.defineProperty(o, k2, desc);
|
|
9
|
-
}) : (function(o, m, k, k2) {
|
|
10
|
-
if (k2 === undefined) k2 = k;
|
|
11
|
-
o[k2] = m[k];
|
|
12
|
-
}));
|
|
13
|
-
var __exportStar = (this && this.__exportStar) || function(m, exports) {
|
|
14
|
-
for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
|
|
15
|
-
};
|
|
16
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
17
|
-
__exportStar(require("./Modal"), exports);
|
|
18
|
-
__exportStar(require("./Pager"), exports);
|
|
19
|
-
//# sourceMappingURL=index.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/legacy/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,0CAAuB;AACvB,0CAAuB"}
|