@codeleap/mobile 1.9.26 → 1.9.29
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/Backdrop.d.ts +66 -0
- package/dist/components/Backdrop.js +70 -0
- package/dist/components/Backdrop.js.map +1 -0
- package/dist/components/Button.d.ts +11 -4
- package/dist/components/Button.js +17 -6
- package/dist/components/Button.js.map +1 -1
- package/dist/components/EmptyPlaceholder.d.ts +12 -0
- package/dist/components/EmptyPlaceholder.js +54 -0
- package/dist/components/EmptyPlaceholder.js.map +1 -0
- package/dist/components/FileInput.js +0 -2
- package/dist/components/FileInput.js.map +1 -1
- package/dist/components/Gap.d.ts +8 -0
- package/dist/components/Gap.js +60 -0
- package/dist/components/Gap.js.map +1 -0
- package/dist/components/Image.js +2 -2
- package/dist/components/Image.js.map +1 -1
- package/dist/components/List.d.ts +25 -6
- package/dist/components/List.js +20 -3
- package/dist/components/List.js.map +1 -1
- package/dist/components/Modal/index.d.ts +2 -1
- package/dist/components/Modal/index.js +27 -27
- package/dist/components/Modal/index.js.map +1 -1
- package/dist/components/Modal/styles.d.ts +4 -15
- package/dist/components/Modal/styles.js +27 -23
- package/dist/components/Modal/styles.js.map +1 -1
- package/dist/components/NewModal/index.d.ts +27 -0
- package/dist/components/NewModal/index.js +99 -0
- package/dist/components/NewModal/index.js.map +1 -0
- package/dist/components/NewModal/styles.d.ts +57 -0
- package/dist/components/NewModal/styles.js +58 -0
- package/dist/components/NewModal/styles.js.map +1 -0
- package/dist/components/NewPager/index.js +3 -7
- package/dist/components/NewPager/index.js.map +1 -1
- package/dist/components/Overlay.js +13 -9
- package/dist/components/Overlay.js.map +1 -1
- package/dist/components/Scroll.d.ts +4 -2
- package/dist/components/Scroll.js.map +1 -1
- package/dist/components/SegmentedControl/index.d.ts +42 -0
- package/dist/components/SegmentedControl/index.js +137 -0
- package/dist/components/SegmentedControl/index.js.map +1 -0
- package/dist/components/SegmentedControl/styles.d.ts +54 -0
- package/dist/components/SegmentedControl/styles.js +36 -0
- package/dist/components/SegmentedControl/styles.js.map +1 -0
- package/dist/components/SegmentedControl.d.ts +5 -0
- package/dist/components/SegmentedControl.js +32 -0
- package/dist/components/SegmentedControl.js.map +1 -0
- package/dist/components/Select/index.js +1 -1
- package/dist/components/Select/index.js.map +1 -1
- package/dist/components/Text.d.ts +8 -3
- package/dist/components/Text.js +12 -5
- package/dist/components/Text.js.map +1 -1
- package/dist/components/TextInput.d.ts +4 -2
- package/dist/components/TextInput.js +2 -2
- package/dist/components/TextInput.js.map +1 -1
- package/dist/components/Touchable.d.ts +5 -3
- package/dist/components/Touchable.js +26 -19
- package/dist/components/Touchable.js.map +1 -1
- package/dist/components/View.js +1 -1
- package/dist/components/View.js.map +1 -1
- package/dist/components/_Modal/index.d.ts +27 -0
- package/dist/components/_Modal/index.js +114 -0
- package/dist/components/_Modal/index.js.map +1 -0
- package/dist/components/_Modal/styles.d.ts +64 -0
- package/dist/components/_Modal/styles.js +60 -0
- package/dist/components/_Modal/styles.js.map +1 -0
- package/dist/components/components.d.ts +5 -1
- package/dist/components/components.js +5 -1
- package/dist/components/components.js.map +1 -1
- package/dist/index.d.ts +4 -0
- package/dist/index.js +18 -1
- package/dist/index.js.map +1 -1
- package/dist/modules/textInputMask.d.ts +4 -7
- package/dist/modules/types/textInputMask.d.ts +5 -10
- package/dist/utils/ModalManager/components.d.ts +12 -0
- package/dist/utils/ModalManager/components.js +86 -0
- package/dist/utils/ModalManager/components.js.map +1 -0
- package/dist/utils/ModalManager/context.d.ts +47 -0
- package/dist/utils/ModalManager/context.js +196 -0
- package/dist/utils/ModalManager/context.js.map +1 -0
- package/dist/utils/ModalManager/index.d.ts +10 -0
- package/dist/utils/ModalManager/index.js +12 -0
- package/dist/utils/ModalManager/index.js.map +1 -0
- package/dist/utils/PermissionManager/components.d.ts +18 -0
- package/dist/utils/PermissionManager/components.js +52 -0
- package/dist/utils/PermissionManager/components.js.map +1 -0
- package/dist/utils/PermissionManager/context.d.ts +52 -0
- package/dist/utils/PermissionManager/context.js +325 -0
- package/dist/utils/PermissionManager/context.js.map +1 -0
- package/dist/utils/PermissionManager/index.d.ts +4 -0
- package/dist/utils/PermissionManager/index.js +9 -0
- package/dist/utils/PermissionManager/index.js.map +1 -0
- package/dist/utils/PermissionManager/types.d.ts +13 -0
- package/dist/utils/PermissionManager/types.js +3 -0
- package/dist/utils/PermissionManager/types.js.map +1 -0
- package/dist/utils/hooks.d.ts +6 -0
- package/dist/utils/hooks.js +62 -0
- package/dist/utils/hooks.js.map +1 -0
- package/package.json +2 -1
- package/src/components/Backdrop.tsx +77 -0
- package/src/components/Button.tsx +31 -8
- package/src/components/EmptyPlaceholder.tsx +53 -0
- package/src/components/FileInput.tsx +2 -2
- package/src/components/Gap.tsx +40 -0
- package/src/components/Image.tsx +3 -2
- package/src/components/List.tsx +50 -6
- package/src/components/Modal/index.tsx +39 -49
- package/src/components/Modal/styles.ts +36 -39
- package/src/components/NewPager/index.tsx +5 -7
- package/src/components/Overlay.tsx +22 -13
- package/src/components/Pager/index.tsx +19 -19
- package/src/components/Pager/styles.ts +6 -7
- package/src/components/Scroll.tsx +3 -1
- package/src/components/SegmentedControl/index.tsx +182 -0
- package/src/components/SegmentedControl/styles.ts +65 -0
- package/src/components/Select/index.tsx +1 -2
- package/src/components/Text.tsx +23 -10
- package/src/components/TextInput.tsx +4 -2
- package/src/components/Touchable.tsx +31 -20
- package/src/components/View.tsx +1 -1
- package/src/components/_Modal/index.tsx +162 -0
- package/src/components/_Modal/styles.ts +125 -0
- package/src/components/components.ts +5 -1
- package/src/index.ts +6 -0
- package/src/modules/imageCropPicker.d.ts +497 -0
- package/src/modules/index.d.ts +186 -0
- package/src/modules/types/textInputMask.ts +6 -10
- package/src/utils/ModalManager/components.tsx +69 -0
- package/src/utils/ModalManager/context.tsx +247 -0
- package/src/utils/ModalManager/index.ts +13 -0
- package/src/utils/PermissionManager/context.tsx +299 -0
- package/src/utils/PermissionManager/index.ts +20 -0
- package/src/utils/PermissionManager/types.ts +24 -0
- package/src/utils/hooks.ts +65 -0
|
@@ -0,0 +1,66 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import { ComponentVariants, PropsOf } from '@codeleap/common';
|
|
3
|
+
import { Touchable } from './Touchable';
|
|
4
|
+
import { View } from './View';
|
|
5
|
+
import { StylesOf } from '../types/utility';
|
|
6
|
+
declare type BackdropComposition = 'wrapper' | 'touchable' | 'wrapper:visible' | 'wrapper:hidden';
|
|
7
|
+
export declare const BackdropStyles: {
|
|
8
|
+
default: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<BackdropComposition, any>>;
|
|
9
|
+
block: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<BackdropComposition, any>>;
|
|
10
|
+
flex: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<BackdropComposition, any>>;
|
|
11
|
+
absolute: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<BackdropComposition, any>>;
|
|
12
|
+
relative: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<BackdropComposition, any>>;
|
|
13
|
+
fixed: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<BackdropComposition, any>>;
|
|
14
|
+
sticky: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<BackdropComposition, any>>;
|
|
15
|
+
row: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<BackdropComposition, any>>;
|
|
16
|
+
center: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<BackdropComposition, any>>;
|
|
17
|
+
column: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<BackdropComposition, any>>;
|
|
18
|
+
wrap: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<BackdropComposition, any>>;
|
|
19
|
+
inline: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<BackdropComposition, any>>;
|
|
20
|
+
inlineFlex: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<BackdropComposition, any>>;
|
|
21
|
+
hidden: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<BackdropComposition, any>>;
|
|
22
|
+
full: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<BackdropComposition, any>>;
|
|
23
|
+
noWrap: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<BackdropComposition, any>>;
|
|
24
|
+
fullWidth: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<BackdropComposition, any>>;
|
|
25
|
+
fullHeight: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<BackdropComposition, any>>;
|
|
26
|
+
fullView: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<BackdropComposition, any>>;
|
|
27
|
+
fullViewWidth: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<BackdropComposition, any>>;
|
|
28
|
+
fullViewHeight: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<BackdropComposition, any>>;
|
|
29
|
+
whole: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<BackdropComposition, any>>;
|
|
30
|
+
centerRow: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<BackdropComposition, any>>;
|
|
31
|
+
listStyles: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<BackdropComposition, any>>;
|
|
32
|
+
alignStart: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<BackdropComposition, any>>;
|
|
33
|
+
alignEnd: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<BackdropComposition, any>>;
|
|
34
|
+
alignCenter: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<BackdropComposition, any>>;
|
|
35
|
+
alignStretch: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<BackdropComposition, any>>;
|
|
36
|
+
alignSelfCenter: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<BackdropComposition, any>>;
|
|
37
|
+
alignSelfStart: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<BackdropComposition, any>>;
|
|
38
|
+
alignSelfStretch: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<BackdropComposition, any>>;
|
|
39
|
+
alignSelfEnd: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<BackdropComposition, any>>;
|
|
40
|
+
justifyStart: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<BackdropComposition, any>>;
|
|
41
|
+
justifyEnd: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<BackdropComposition, any>>;
|
|
42
|
+
justifyCenter: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<BackdropComposition, any>>;
|
|
43
|
+
justifySpaceBetween: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<BackdropComposition, any>>;
|
|
44
|
+
justifySpaceAround: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<BackdropComposition, any>>;
|
|
45
|
+
textRight: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<BackdropComposition, any>>;
|
|
46
|
+
textLeft: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<BackdropComposition, any>>;
|
|
47
|
+
textCenter: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<BackdropComposition, any>>;
|
|
48
|
+
blur: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<BackdropComposition, any>>;
|
|
49
|
+
elevated: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<BackdropComposition, any>>;
|
|
50
|
+
neumorphism: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<BackdropComposition, any>>;
|
|
51
|
+
scrollX: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<BackdropComposition, any>>;
|
|
52
|
+
scrollY: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<BackdropComposition, any>>;
|
|
53
|
+
scrollXY: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<BackdropComposition, any>>;
|
|
54
|
+
debRed: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<BackdropComposition, any>>;
|
|
55
|
+
debGreen: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<BackdropComposition, any>>;
|
|
56
|
+
debBlue: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<BackdropComposition, any>>;
|
|
57
|
+
debYellow: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<BackdropComposition, any>>;
|
|
58
|
+
};
|
|
59
|
+
export declare type BackdropProps = PropsOf<typeof Touchable> & {
|
|
60
|
+
visible: boolean;
|
|
61
|
+
wrapperProps?: PropsOf<typeof View>;
|
|
62
|
+
variants?: ComponentVariants<typeof BackdropStyles>['variants'];
|
|
63
|
+
styles?: StylesOf<BackdropComposition>;
|
|
64
|
+
};
|
|
65
|
+
export declare const Backdrop: (backdropProps: BackdropProps) => JSX.Element;
|
|
66
|
+
export {};
|
|
@@ -0,0 +1,70 @@
|
|
|
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
|
+
var __rest = (this && this.__rest) || function (s, e) {
|
|
14
|
+
var t = {};
|
|
15
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
16
|
+
t[p] = s[p];
|
|
17
|
+
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
18
|
+
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
19
|
+
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
20
|
+
t[p[i]] = s[p[i]];
|
|
21
|
+
}
|
|
22
|
+
return t;
|
|
23
|
+
};
|
|
24
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
25
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
26
|
+
};
|
|
27
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
28
|
+
exports.Backdrop = exports.BackdropStyles = void 0;
|
|
29
|
+
var react_1 = __importDefault(require("react"));
|
|
30
|
+
var common_1 = require("@codeleap/common");
|
|
31
|
+
var moti_1 = require("moti");
|
|
32
|
+
var Touchable_1 = require("./Touchable");
|
|
33
|
+
var View_1 = require("./View");
|
|
34
|
+
var common_2 = require("@codeleap/common");
|
|
35
|
+
var react_native_1 = require("react-native");
|
|
36
|
+
var hooks_1 = require("../utils/hooks");
|
|
37
|
+
var createBackdropVariant = (0, common_2.createDefaultVariantFactory)();
|
|
38
|
+
var presets = (0, common_2.includePresets)(function (style) { return createBackdropVariant(function () { return ({ wrapper: style }); }); });
|
|
39
|
+
exports.BackdropStyles = __assign(__assign({}, presets), { default: createBackdropVariant(function (theme) { return ({
|
|
40
|
+
wrapper: __assign(__assign({ backgroundColor: theme.colors.black }, theme.presets.whole), theme.presets.absolute),
|
|
41
|
+
'wrapper:visible': {
|
|
42
|
+
opacity: 0.5,
|
|
43
|
+
},
|
|
44
|
+
'wrapper:hidden': {
|
|
45
|
+
opacity: 0,
|
|
46
|
+
},
|
|
47
|
+
touchable: __assign(__assign({}, theme.presets.whole), theme.presets.absolute),
|
|
48
|
+
}); }) });
|
|
49
|
+
var Backdrop = function (backdropProps) {
|
|
50
|
+
var _a = backdropProps.variants, variants = _a === void 0 ? [] : _a, _b = backdropProps.styles, styles = _b === void 0 ? {} : _b, visible = backdropProps.visible, children = backdropProps.children, _c = backdropProps.wrapperProps, wrapperProps = _c === void 0 ? {} : _c, props = __rest(backdropProps, ["variants", "styles", "visible", "children", "wrapperProps"]);
|
|
51
|
+
var variantStyles = (0, common_1.useDefaultComponentStyle)('u:Backdrop', {
|
|
52
|
+
variants: variants,
|
|
53
|
+
rootElement: 'wrapper',
|
|
54
|
+
styles: styles,
|
|
55
|
+
transform: react_native_1.StyleSheet.flatten,
|
|
56
|
+
});
|
|
57
|
+
var animationStates = (0, hooks_1.useStaticAnimationStyles)(variantStyles, ['wrapper:hidden', 'wrapper:visible']);
|
|
58
|
+
var animation = (0, moti_1.useDynamicAnimation)(function () {
|
|
59
|
+
return visible ? animationStates['wrapper:visible'] : animationStates['wrapper:hidden'];
|
|
60
|
+
});
|
|
61
|
+
(0, common_1.onUpdate)(function () {
|
|
62
|
+
animation.animateTo(visible ? animationStates['wrapper:visible'] : animationStates['wrapper:hidden']);
|
|
63
|
+
}, [visible, animationStates]);
|
|
64
|
+
return <View_1.View pointerEvents={visible ? 'auto' : 'none'} animated style={variantStyles.wrapper} state={animation} {...wrapperProps}>
|
|
65
|
+
<Touchable_1.Touchable feedbackVariant='none' style={variantStyles.touchable} {...props}/>
|
|
66
|
+
{children}
|
|
67
|
+
</View_1.View>;
|
|
68
|
+
};
|
|
69
|
+
exports.Backdrop = Backdrop;
|
|
70
|
+
//# sourceMappingURL=Backdrop.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Backdrop.js","sourceRoot":"","sources":["../../src/components/Backdrop.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAAyB;AACzB,2CAAiG;AACjG,6BAA6D;AAC7D,yCAAuC;AACvC,+BAA6B;AAC7B,2CAGyB;AAEzB,6CAAyC;AACzC,wCAAyD;AAQzD,IAAM,qBAAqB,GAAG,IAAA,oCAA2B,GAAuB,CAAA;AAEhF,IAAM,OAAO,GAAG,IAAA,uBAAc,EAAC,UAAC,KAAK,IAAK,OAAA,qBAAqB,CAAC,cAAM,OAAA,CAAC,EAAE,OAAO,EAAE,KAAK,EAAE,CAAC,EAApB,CAAoB,CAAC,EAAjD,CAAiD,CAAC,CAAA;AAE/E,QAAA,cAAc,yBACtB,OAAO,KACV,OAAO,EAAE,qBAAqB,CAAC,UAAC,KAAK,IAAK,OAAA,CAAC;QACzC,OAAO,sBACL,eAAe,EAAE,KAAK,CAAC,MAAM,CAAC,KAAK,IAChC,KAAK,CAAC,OAAO,CAAC,KAAK,GACnB,KAAK,CAAC,OAAO,CAAC,QAAQ,CAC1B;QACD,iBAAiB,EAAE;YACjB,OAAO,EAAE,GAAG;SACb;QACD,gBAAgB,EAAE;YAEhB,OAAO,EAAE,CAAC;SACX;QACD,SAAS,wBACJ,KAAK,CAAC,OAAO,CAAC,KAAK,GACnB,KAAK,CAAC,OAAO,CAAC,QAAQ,CAC1B;KACF,CAAC,EAjBwC,CAiBxC,CAAC,IACJ;AASM,IAAM,QAAQ,GAAG,UAAC,aAA2B;IAC1C,IAAA,KAA+E,aAAa,SAA/E,EAAb,QAAQ,mBAAG,EAAE,KAAA,EAAE,KAAgE,aAAa,OAAlE,EAAX,MAAM,mBAAG,EAAE,KAAA,EAAE,OAAO,GAA4C,aAAa,QAAzD,EAAE,QAAQ,GAAkC,aAAa,SAA/C,EAAE,KAAgC,aAAa,aAA5B,EAAjB,YAAY,mBAAG,EAAE,KAAA,EAAK,KAAK,UAAK,aAAa,EAA9F,6DAA8E,CAAF,CAAkB;IAEpG,IAAM,aAAa,GAAG,IAAA,iCAAwB,EAAsC,YAAY,EAAE;QAChG,QAAQ,UAAA;QACR,WAAW,EAAE,SAAS;QACtB,MAAM,QAAA;QACN,SAAS,EAAE,yBAAU,CAAC,OAAO;KAC9B,CAAC,CAAA;IAEF,IAAM,eAAe,GAAG,IAAA,gCAAwB,EAAC,aAAa,EAAE,CAAC,gBAAgB,EAAE,iBAAiB,CAAC,CAAC,CAAA;IAEtG,IAAM,SAAS,GAAG,IAAA,0BAAmB,EAAC;QACpC,OAAO,OAAO,CAAC,CAAC,CAAC,eAAe,CAAC,iBAAiB,CAAC,CAAC,CAAC,CAAC,eAAe,CAAC,gBAAgB,CAAC,CAAA;IACzF,CAAC,CAAC,CAAA;IAEF,IAAA,iBAAQ,EAAC;QACP,SAAS,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC,CAAC,eAAe,CAAC,iBAAiB,CAAC,CAAC,CAAC,CAAC,eAAe,CAAC,gBAAgB,CAAC,CAAC,CAAA;IACvG,CAAC,EAAE,CAAC,OAAO,EAAE,eAAe,CAAC,CAAC,CAAA;IAE9B,OAAO,CAAC,WAAI,CAAC,aAAa,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAE,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC,KAAK,CAAC,CAAC,SAAS,CAAC,CAAC,IAAI,YAAY,CAAC,CAChI;IAAA,CAAC,qBAAS,CAAC,eAAe,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,aAAa,CAAC,SAAS,CAAC,CAAC,IAAI,KAAK,CAAC,EAC5E;IAAA,CAAC,QAAQ,CACX;EAAA,EAAE,WAAI,CAAC,CAAA;AACT,CAAC,CAAA;AAxBY,QAAA,QAAQ,YAwBpB"}
|
|
@@ -1,8 +1,13 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
|
-
import { ButtonStyles, ComponentVariants, ButtonComposition, IconPlaceholder } from '@codeleap/common';
|
|
2
|
+
import { ButtonStyles, ComponentVariants, ButtonComposition, ButtonParts, IconPlaceholder } from '@codeleap/common';
|
|
3
3
|
import { StylesOf } from '../types/utility';
|
|
4
4
|
import { TouchableProps } from './Touchable';
|
|
5
|
-
import {
|
|
5
|
+
import { View } from 'react-native';
|
|
6
|
+
declare type ChildProps = {
|
|
7
|
+
styles: StylesOf<ButtonParts>;
|
|
8
|
+
pressed: boolean;
|
|
9
|
+
props: Omit<ButtonProps, 'children'>;
|
|
10
|
+
};
|
|
6
11
|
export declare type ButtonProps = Omit<TouchableProps, 'variants'> & ComponentVariants<typeof ButtonStyles> & {
|
|
7
12
|
text?: string;
|
|
8
13
|
rightIcon?: IconPlaceholder;
|
|
@@ -11,8 +16,9 @@ export declare type ButtonProps = Omit<TouchableProps, 'variants'> & ComponentVa
|
|
|
11
16
|
loading?: boolean;
|
|
12
17
|
debounce?: number;
|
|
13
18
|
debugName: string;
|
|
19
|
+
children?: React.ReactNode | ((props: ChildProps) => React.ReactNode);
|
|
14
20
|
};
|
|
15
|
-
export declare const Button: React.ForwardRefExoticComponent<Pick<ButtonProps, "children" | "hitSlop" | "onLayout" | "style" | "testID" | "hasTVPreferredFocus" | "tvParallaxProperties" | "accessible" | "accessibilityActions" | "accessibilityLabel" | "accessibilityRole" | "accessibilityState" | "accessibilityHint" | "accessibilityValue" | "onAccessibilityAction" | "accessibilityLiveRegion" | "importantForAccessibility" | "accessibilityElementsHidden" | "accessibilityViewIsModal" | "onAccessibilityEscape" | "onAccessibilityTap" | "onMagicTap" | "accessibilityIgnoresInvertColors" | "text" | "component" | keyof import("@codeleap/common").BaseViewProps | "
|
|
21
|
+
export declare const Button: React.ForwardRefExoticComponent<Pick<ButtonProps, "children" | "hitSlop" | "onLayout" | "pointerEvents" | "removeClippedSubviews" | "style" | "testID" | "nativeID" | "collapsable" | "needsOffscreenAlphaCompositing" | "renderToHardwareTextureAndroid" | "focusable" | "shouldRasterizeIOS" | "isTVSelectable" | "hasTVPreferredFocus" | "tvParallaxProperties" | "tvParallaxShiftDistanceX" | "tvParallaxShiftDistanceY" | "tvParallaxTiltAngle" | "tvParallaxMagnification" | "onStartShouldSetResponder" | "onMoveShouldSetResponder" | "onResponderEnd" | "onResponderGrant" | "onResponderReject" | "onResponderMove" | "onResponderRelease" | "onResponderStart" | "onResponderTerminationRequest" | "onResponderTerminate" | "onStartShouldSetResponderCapture" | "onMoveShouldSetResponderCapture" | "onTouchStart" | "onTouchMove" | "onTouchEnd" | "onTouchCancel" | "onTouchEndCapture" | "accessible" | "accessibilityActions" | "accessibilityLabel" | "accessibilityRole" | "accessibilityState" | "accessibilityHint" | "accessibilityValue" | "onAccessibilityAction" | "accessibilityLiveRegion" | "importantForAccessibility" | "accessibilityElementsHidden" | "accessibilityViewIsModal" | "onAccessibilityEscape" | "onAccessibilityTap" | "onMagicTap" | "accessibilityIgnoresInvertColors" | "text" | "component" | keyof import("@codeleap/common").BaseViewProps | "key" | "onPress" | "onPressIn" | "onPressOut" | "onLongPress" | "onBlur" | "onFocus" | "cancelable" | "delayLongPress" | "disabled" | "pressRetentionOffset" | "android_disableSound" | "android_ripple" | "testOnly_pressed" | "debugName" | "activeOpacity" | "debugComponent" | "feedbackVariant" | "icon" | "styles" | "rightIcon" | "loading" | keyof ComponentVariants<{
|
|
16
22
|
default: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ButtonComposition, any>>;
|
|
17
23
|
negative: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ButtonComposition, any>>;
|
|
18
24
|
circle: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ButtonComposition, any>>;
|
|
@@ -122,4 +128,5 @@ export declare const Button: React.ForwardRefExoticComponent<Pick<ButtonProps, "
|
|
|
122
128
|
debGreen: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ButtonComposition, any>>;
|
|
123
129
|
debBlue: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ButtonComposition, any>>;
|
|
124
130
|
debYellow: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ButtonComposition, any>>;
|
|
125
|
-
}>> | "debounce"> & React.RefAttributes<
|
|
131
|
+
}>> | "debounce"> & React.RefAttributes<View>>;
|
|
132
|
+
export {};
|
|
@@ -71,13 +71,24 @@ exports.Button = (0, react_1.forwardRef)(function (buttonProps, ref) {
|
|
|
71
71
|
var leftIconStyle = react_native_1.StyleSheet.flatten([iconStyle, getStyles('leftIcon')]);
|
|
72
72
|
var rightIconStyle = react_native_1.StyleSheet.flatten([iconStyle, getStyles('rightIcon')]);
|
|
73
73
|
var hasText = !!(text || children);
|
|
74
|
-
|
|
74
|
+
var _styles = {
|
|
75
|
+
wrapper: getStyles('wrapper'),
|
|
76
|
+
loader: getStyles('loader'),
|
|
77
|
+
leftIcon: leftIconStyle,
|
|
78
|
+
rightIcon: rightIconStyle,
|
|
79
|
+
text: getStyles('text'),
|
|
80
|
+
icon: getStyles('icon'),
|
|
81
|
+
};
|
|
82
|
+
var childrenContent = typeof children === 'function' ?
|
|
83
|
+
children({ styles: _styles, props: buttonProps, pressed: pressed })
|
|
84
|
+
: children;
|
|
85
|
+
return (<Touchable_1.Touchable style={_styles.wrapper} onPress={handlePress} ref={ref} disabled={disabled} debugComponent={'Button'} {...props}>
|
|
75
86
|
|
|
76
|
-
{loading && <ActivityIndicator_1.ActivityIndicator style={
|
|
77
|
-
{!loading && <Icon_1.Icon name={icon} style={
|
|
78
|
-
{text ? <Text_1.Text text={text} style={
|
|
79
|
-
{
|
|
80
|
-
<Icon_1.Icon name={rightIcon} style={
|
|
87
|
+
{loading && <ActivityIndicator_1.ActivityIndicator style={_styles.loader}/>}
|
|
88
|
+
{!loading && <Icon_1.Icon name={icon} style={_styles.leftIcon} renderEmptySpace={hasText}/>}
|
|
89
|
+
{text ? <Text_1.Text text={text} style={_styles.text}/> : null}
|
|
90
|
+
{childrenContent}
|
|
91
|
+
<Icon_1.Icon name={rightIcon} style={_styles.rightIcon} renderEmptySpace={hasText}/>
|
|
81
92
|
</Touchable_1.Touchable>);
|
|
82
93
|
});
|
|
83
94
|
//# sourceMappingURL=Button.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../src/components/Button.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA8B;AAC9B,
|
|
1
|
+
{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../src/components/Button.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { ComponentVariants, EmptyPlaceholderComposition, EmptyPlaceholderStyles, IconPlaceholder } from '@codeleap/common';
|
|
3
|
+
import { StylesOf } from '../types/utility';
|
|
4
|
+
export declare type EmptyPlaceholderProps = {
|
|
5
|
+
itemName?: string;
|
|
6
|
+
title?: string;
|
|
7
|
+
loading?: boolean;
|
|
8
|
+
styles?: StylesOf<EmptyPlaceholderComposition>;
|
|
9
|
+
variants?: ComponentVariants<typeof EmptyPlaceholderStyles>['variants'];
|
|
10
|
+
emptyIconName?: IconPlaceholder;
|
|
11
|
+
};
|
|
12
|
+
export declare const EmptyPlaceholder: React.FC<EmptyPlaceholderProps>;
|
|
@@ -0,0 +1,54 @@
|
|
|
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
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
26
|
+
exports.EmptyPlaceholder = void 0;
|
|
27
|
+
var react_1 = __importStar(require("react"));
|
|
28
|
+
var Icon_1 = require("./Icon");
|
|
29
|
+
var View_1 = require("./View");
|
|
30
|
+
var Text_1 = require("./Text");
|
|
31
|
+
var ActivityIndicator_1 = require("./ActivityIndicator");
|
|
32
|
+
var common_1 = require("@codeleap/common");
|
|
33
|
+
var react_native_1 = require("react-native");
|
|
34
|
+
var EmptyPlaceholder = function (props) {
|
|
35
|
+
var itemName = props.itemName, title = props.title, loading = props.loading, _a = props.styles, styles = _a === void 0 ? {} : _a, _b = props.variants, variants = _b === void 0 ? [] : _b, _c = props.emptyIconName, emptyIconName = _c === void 0 ? 'search' : _c;
|
|
36
|
+
var emptyText = title || (itemName && "No ".concat(itemName, " found.")) || 'No items.';
|
|
37
|
+
var componentStyles = (0, common_1.useDefaultComponentStyle)('EmptyPlaceholder', {
|
|
38
|
+
variants: variants,
|
|
39
|
+
transform: react_native_1.StyleSheet.flatten,
|
|
40
|
+
styles: styles,
|
|
41
|
+
});
|
|
42
|
+
var activityIndicatorStyles = (0, react_1.useMemo)(function () { return (0, common_1.getNestedStylesByKey)('loader', componentStyles); }, [componentStyles]);
|
|
43
|
+
if (loading) {
|
|
44
|
+
return (<View_1.View style={[componentStyles.wrapper, componentStyles['wrapper:loading']]}>
|
|
45
|
+
<ActivityIndicator_1.ActivityIndicator styles={activityIndicatorStyles}/>
|
|
46
|
+
</View_1.View>);
|
|
47
|
+
}
|
|
48
|
+
return (<View_1.View style={componentStyles.wrapper}>
|
|
49
|
+
<Icon_1.Icon name={emptyIconName} style={componentStyles.icon}/>
|
|
50
|
+
<Text_1.Text text={emptyText} style={componentStyles.text}/>
|
|
51
|
+
</View_1.View>);
|
|
52
|
+
};
|
|
53
|
+
exports.EmptyPlaceholder = EmptyPlaceholder;
|
|
54
|
+
//# sourceMappingURL=EmptyPlaceholder.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"EmptyPlaceholder.js","sourceRoot":"","sources":["../../src/components/EmptyPlaceholder.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAAsC;AACtC,+BAA6B;AAC7B,+BAA6B;AAC7B,+BAA6B;AAC7B,yDAAuD;AACvD,2CAOyB;AACzB,6CAAyC;AAYlC,IAAM,gBAAgB,GAAmC,UAAC,KAA4B;IACnF,IAAA,QAAQ,GAA2E,KAAK,SAAhF,EAAE,KAAK,GAAoE,KAAK,MAAzE,EAAE,OAAO,GAA2D,KAAK,QAAhE,EAAE,KAAyD,KAAK,OAAnD,EAAX,MAAM,mBAAG,EAAE,KAAA,EAAE,KAA4C,KAAK,SAApC,EAAb,QAAQ,mBAAG,EAAE,KAAA,EAAE,KAA6B,KAAK,cAAV,EAAxB,aAAa,mBAAG,QAAQ,KAAA,CAAU;IAChG,IAAM,SAAS,GAAG,KAAK,IAAI,CAAC,QAAQ,IAAI,aAAM,QAAQ,YAAS,CAAC,IAAI,WAAW,CAAA;IAE/E,IAAM,eAAe,GAAG,IAAA,iCAAwB,EAAC,kBAAkB,EAAE;QACnE,QAAQ,UAAA;QACR,SAAS,EAAE,yBAAU,CAAC,OAAO;QAC7B,MAAM,QAAA;KACP,CAAC,CAAA;IAEF,IAAM,uBAAuB,GAAG,IAAA,eAAO,EAAC,cAAM,OAAA,IAAA,6BAAoB,EAAC,QAAQ,EAAE,eAAe,CAAC,EAA/C,CAA+C,EACzF,CAAC,eAAe,CAAC,CAAC,CAAA;IAEtB,IAAI,OAAO,EAAE;QACX,OAAO,CACL,CAAC,WAAI,CAAC,KAAK,CAAC,CAAC,CAAC,eAAe,CAAC,OAAO,EAAE,eAAe,CAAC,iBAAiB,CAAC,CAAC,CAAC,CACzE;QAAA,CAAC,qCAAiB,CAAC,MAAM,CAAC,CAAC,uBAAuB,CAAC,EACrD;MAAA,EAAE,WAAI,CAAC,CACR,CAAA;KACF;IAED,OAAO,CACL,CAAC,WAAI,CAAC,KAAK,CAAC,CAAC,eAAe,CAAC,OAAO,CAAC,CACnC;MAAA,CAAC,WAAI,CAAC,IAAI,CAAC,CAAC,aAAgC,CAAC,CAAC,KAAK,CAAC,CAAC,eAAe,CAAC,IAAI,CAAC,EAC1E;MAAA,CAAC,WAAI,CAAC,IAAI,CAAC,CAAC,SAAS,CAAC,CAAC,KAAK,CAAC,CAAC,eAAe,CAAC,IAAI,CAAC,EACrD;IAAA,EAAE,WAAI,CAAC,CACR,CAAA;AACH,CAAC,CAAA;AA3BY,QAAA,gBAAgB,oBA2B5B"}
|
|
@@ -134,12 +134,10 @@ exports.FileInput = (0, react_1.forwardRef)(function (fileInputProps, ref) {
|
|
|
134
134
|
if (warn) {
|
|
135
135
|
// NOTE yeah, it should not be both of course but just logger.* isn't showing for some reason
|
|
136
136
|
logger.warn(err);
|
|
137
|
-
console.warn(err);
|
|
138
137
|
}
|
|
139
138
|
else {
|
|
140
139
|
// NOTE yeah, it should not be both of course but just logger.* isn't showing for some reason
|
|
141
140
|
logger.error(err);
|
|
142
|
-
console.warn(err);
|
|
143
141
|
if (onError) {
|
|
144
142
|
onError(err);
|
|
145
143
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FileInput.js","sourceRoot":"","sources":["../../src/components/FileInput.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA8D;AAC9D,4DAA2E;AAC3E,2CASyB;AAEzB,mCAA8C;AAC9C,+BAA6B;AAC7B,yCAAwC;AACxC,6DAAsC;AA6BtC,IAAM,cAAc,GAAG;IACrB,KAAK,EAAE,GAAG;IACV,MAAM,EAAE,GAAG;IACX,QAAQ,EAAE,IAAI;CACf,CAAA;AAED,SAAS,eAAe,CAAC,IAAQ;IAE/B,IAAM,YAAY,GAAG,IAAA,0BAAiB,EAAC,IAAI,CAAC,IAAI,CAAC,CAAA;IACjD,IAAM,CAAC,GAA2B;QAChC,IAAI,EAAE,YAAY,CAAC,IAAI;QACvB,IAAI,EAAE,IAAI,CAAC,IAAI;QACf,IAAI,EAAE,IAAI,CAAC,IAAI;QACf,GAAG,EAAE,IAAI,CAAC,IAAI;QACd,WAAW,EAAE,IAAI,CAAC,IAAI;KACvB,CAAA;IAED,OAAO;QACL,IAAI,EAAE,CAAC;QACP,OAAO,EAAE,IAAI,CAAC,IAAI;KACnB,CAAA;AACH,CAAC;AAEY,QAAA,SAAS,GAAG,IAAA,kBAAU,EAGjC,UAAC,cAAc,EAAE,GAAG;IAElB,IAAA,KAiBE,cAAc,KAjBD,EAAf,IAAI,mBAAG,QAAQ,KAAA,EACf,YAAY,GAgBV,cAAc,aAhBJ,EACZ,QAAQ,GAeN,cAAc,SAfR,EACR,MAAM,GAcJ,cAAc,OAdV,EACN,KAAK,GAaH,cAAc,MAbX,EACL,QAAQ,GAYN,cAAc,SAZR,EACR,OAAO,GAWL,cAAc,QAXT,EACP,KAUE,cAAc,KAVF,EAAd,IAAI,mBAAG,OAAO,KAAA,EACd,UAAU,GASR,cAAc,WATN,EACV,KAQE,cAAc,YARa,EAA7B,WAAW,mBAAG,eAAe,KAAA,EAC7B,aAAa,GAOX,cAAc,cAPH,EACb,QAAQ,GAMN,cAAc,SANR,EACR,WAAW,GAKT,cAAc,YALL,EACX,KAIE,cAAc,aAJG,EAAnB,YAAY,mBAAG,IAAI,KAAA,EACnB,KAGE,cAAc,cAHI,EAApB,aAAa,mBAAG,IAAI,KAAA,EACpB,KAEE,cAAc,iBAFO,EAAvB,gBAAgB,mBAAG,IAAI,KAAA,EACvB,OAAO,GACL,cAAc,QADT,CACS;IAEZ,IAAA,KAAkB,eAAK,CAAC,QAAQ,CAAC,IAAI,CAAC,EAArC,IAAI,QAAA,EAAE,OAAO,QAAwB,CAAA;IAEpC,IAAA,MAAM,GAAK,IAAA,2BAAkB,GAAE,OAAzB,CAAyB;IAEvC,SAAe,cAAc;;;;;;;wBAEb,qBAAM,+BAAc,CAAC,IAAI,CAAC,OAAO,CAAC,EAAA;;wBAA1C,KAAK,GAAG,SAAkC;wBAC9C,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE;4BACzB,KAAK,GAAG,CAAC,KAAK,CAAC,CAAA;yBAChB;wBACD,OAAO,CAAC,KAAK,CAAC,CAAA;wBACd,YAAY,CAAC,KAAK,CAAC,GAAG,CAAC,UAAC,IAAI,IAAK,OAAA,CAAC,EAAE,OAAO,EAAE,IAAI,CAAC,GAAG,EAAE,IAAI,MAAA,EAAE,CAAC,EAA7B,CAA6B,CAAC,CAAC,CAAA;;;;wBAEhE,WAAW,CAAC,KAAG,CAAC,CAAA;;;;;;KAEnB;IAED,SAAS,WAAW,CAAC,GAAG;QACtB,IAAM,IAAI,GAAG,+BAAc,CAAC,QAAQ,CAAC,GAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,QAAQ,CAAC,uBAAuB,CAAC,CAAA;QAC1F,IAAI,IAAI,EAAE;YACR,6FAA6F;YAC7F,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,CAAA;
|
|
1
|
+
{"version":3,"file":"FileInput.js","sourceRoot":"","sources":["../../src/components/FileInput.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,60 @@
|
|
|
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
|
+
var __rest = (this && this.__rest) || function (s, e) {
|
|
14
|
+
var t = {};
|
|
15
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
16
|
+
t[p] = s[p];
|
|
17
|
+
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
18
|
+
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
19
|
+
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
20
|
+
t[p[i]] = s[p[i]];
|
|
21
|
+
}
|
|
22
|
+
return t;
|
|
23
|
+
};
|
|
24
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
25
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
26
|
+
};
|
|
27
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
28
|
+
exports.Gap = void 0;
|
|
29
|
+
var react_1 = __importDefault(require("react"));
|
|
30
|
+
var common_1 = require("@codeleap/common");
|
|
31
|
+
var View_1 = require("./View");
|
|
32
|
+
var Gap = function (_a) {
|
|
33
|
+
var _b;
|
|
34
|
+
var children = _a.children, value = _a.value, _c = _a.defaultProps, defaultProps = _c === void 0 ? {} : _c, props = __rest(_a, ["children", "value", "defaultProps"]);
|
|
35
|
+
var Theme = (0, common_1.useCodeleapContext)().Theme;
|
|
36
|
+
var horizontal = (_b = props.variants) === null || _b === void 0 ? void 0 : _b.includes('row');
|
|
37
|
+
return (<View_1.View {...props}>
|
|
38
|
+
{react_1.default.Children.toArray(children).map(function (Element, idx, childArr) {
|
|
39
|
+
if (react_1.default.isValidElement(Element)) {
|
|
40
|
+
var props_1 = __assign(__assign({}, Element.props), defaultProps);
|
|
41
|
+
var spacingFunction = horizontal ? 'marginHorizontal' : 'marginVertical';
|
|
42
|
+
switch (idx) {
|
|
43
|
+
case 0:
|
|
44
|
+
spacingFunction = horizontal ? 'marginRight' : 'marginBottom';
|
|
45
|
+
break;
|
|
46
|
+
case childArr.length - 1:
|
|
47
|
+
spacingFunction = horizontal ? 'marginLeft' : 'marginTop';
|
|
48
|
+
break;
|
|
49
|
+
default:
|
|
50
|
+
break;
|
|
51
|
+
}
|
|
52
|
+
props_1.style = [props_1.style, Theme.spacing[spacingFunction](value / 2)];
|
|
53
|
+
return react_1.default.cloneElement(Element, props_1);
|
|
54
|
+
}
|
|
55
|
+
return Element;
|
|
56
|
+
})}
|
|
57
|
+
</View_1.View>);
|
|
58
|
+
};
|
|
59
|
+
exports.Gap = Gap;
|
|
60
|
+
//# sourceMappingURL=Gap.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Gap.js","sourceRoot":"","sources":["../../src/components/Gap.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAAyB;AACzB,2CAAqD;AACrD,+BAAwC;AAQjC,IAAM,GAAG,GAAsB,UAAC,EAAgD;;IAA9C,IAAA,QAAQ,cAAA,EAAE,KAAK,WAAA,EAAE,oBAAiB,EAAjB,YAAY,mBAAG,EAAE,KAAA,EAAK,KAAK,cAA9C,qCAAgD,CAAF;IAC3E,IAAA,KAAK,GAAK,IAAA,2BAAkB,GAAE,MAAzB,CAAyB;IACtC,IAAM,UAAU,GAAG,MAAA,KAAK,CAAC,QAAQ,0CAAE,QAAQ,CAAC,KAAK,CAAC,CAAA;IAClD,OAAO,CACL,CAAC,WAAI,CAAC,IAAI,KAAK,CAAC,CACd;MAAA,CACE,eAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,GAAG,CAAC,UAAC,OAAO,EAAE,GAAG,EAAE,QAAQ;YAC1D,IAAI,eAAK,CAAC,cAAc,CAAC,OAAO,CAAC,EAAE;gBACjC,IAAM,OAAK,yBAAQ,OAAO,CAAC,KAAK,GAAK,YAAY,CAAE,CAAA;gBAEnD,IAAI,eAAe,GAAG,UAAU,CAAC,CAAC,CAAC,kBAAkB,CAAC,CAAC,CAAC,gBAAgB,CAAA;gBACxE,QAAQ,GAAG,EAAE;oBACX,KAAK,CAAC;wBACJ,eAAe,GAAG,UAAU,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,cAAc,CAAA;wBAC7D,MAAK;oBACP,KAAK,QAAQ,CAAC,MAAM,GAAG,CAAC;wBACtB,eAAe,GAAG,UAAU,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,WAAW,CAAA;wBACzD,MAAK;oBACP;wBACE,MAAK;iBACR;gBACD,OAAK,CAAC,KAAK,GAAG,CAAC,OAAK,CAAC,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,eAAe,CAAC,CAAC,KAAK,GAAG,CAAC,CAAC,CAAC,CAAA;gBACtE,OAAO,eAAK,CAAC,YAAY,CAAC,OAAO,EAAE,OAAK,CAAC,CAAA;aAC1C;YACD,OAAO,OAAO,CAAA;QAChB,CAAC,CAAC,CAEN;IAAA,EAAE,WAAI,CAAC,CACR,CAAA;AACH,CAAC,CAAA;AA7BY,QAAA,GAAG,OA6Bf"}
|
package/dist/components/Image.js
CHANGED
|
@@ -42,11 +42,11 @@ var fastImage_1 = require("../modules/fastImage");
|
|
|
42
42
|
var ImageComponent = function (props) {
|
|
43
43
|
var variants = props.variants, style = props.style, _a = props.fast, fast = _a === void 0 ? true : _a, _b = props.resizeMode, resizeMode = _b === void 0 ? 'contain' : _b, imageProps = __rest(props, ["variants", "style", "fast", "resizeMode"]);
|
|
44
44
|
var variantStyles = (0, common_1.useDefaultComponentStyle)('Image', { variants: variants });
|
|
45
|
-
var styles = [variantStyles.wrapper, style];
|
|
45
|
+
var styles = react_native_1.StyleSheet.flatten([variantStyles.wrapper, style]);
|
|
46
46
|
if (fast) {
|
|
47
47
|
return (<fastImage_1.FastImage style={styles}
|
|
48
48
|
// @ts-ignore
|
|
49
|
-
tintColor={
|
|
49
|
+
tintColor={styles === null || styles === void 0 ? void 0 : styles.tintColor} resizeMode={fastImage_1.FastImage.resizeMode[resizeMode || 'contain']} {...imageProps}/>);
|
|
50
50
|
}
|
|
51
51
|
return <react_native_1.Image style={styles} resizeMode={resizeMode} {...imageProps}/>;
|
|
52
52
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Image.js","sourceRoot":"","sources":["../../src/components/Image.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA8B;AAC9B,2CAMyB;AAEzB,
|
|
1
|
+
{"version":3,"file":"Image.js","sourceRoot":"","sources":["../../src/components/Image.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA8B;AAC9B,2CAMyB;AAEzB,6CAOqB;AACrB,kDAAgD;AAgBzC,IAAM,cAAc,GAAyB,UAAC,KAAK;IAChD,IAAA,QAAQ,GAAgE,KAAK,SAArE,EAAE,KAAK,GAAyD,KAAK,MAA9D,EAAE,KAAuD,KAAK,KAAjD,EAAX,IAAI,mBAAG,IAAI,KAAA,EAAE,KAA0C,KAAK,WAAzB,EAAtB,UAAU,mBAAG,SAAS,KAAA,EAAK,UAAU,UAAK,KAAK,EAA/E,2CAAuE,CAAF,CAAU;IAErF,IAAM,aAAa,GAAG,IAAA,iCAAwB,EAAC,OAAO,EAAE,EAAE,QAAQ,UAAA,EAAE,CAAC,CAAA;IAErE,IAAM,MAAM,GAAG,yBAAU,CAAC,OAAO,CAAC,CAAC,aAAa,CAAC,OAAO,EAAE,KAAK,CAAC,CAAC,CAAA;IAEjE,IAAI,IAAI,EAAE;QACR,OAAO,CACL,CAAC,qBAAS,CACR,KAAK,CAAC,CAAC,MAAM,CAAC;QACd,aAAa;QACb,SAAS,CAAC,CAAC,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,SAAS,CAAC,CAC7B,UAAU,CAAC,CAAC,qBAAS,CAAC,UAAU,CAAC,UAAU,IAAI,SAAS,CAAC,CAAC,CAC1D,IAAI,UAAU,CAAC,EACf,CACH,CAAA;KACF;IACD,OAAO,CAAC,oBAAW,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,CAAC,UAAU,CAAC,CAAC,UAAU,CAAC,CAAC,IAAK,UAAkB,CAAC,EAAG,CAAA;AACxF,CAAC,CAAA;AAnBY,QAAA,cAAc,kBAmB1B;AAED,SAAS,QAAQ,CAAC,SAAS,EAAE,SAAS;IACpC,IAAM,KAAK,GAAG,CAAC,QAAQ,EAAE,OAAO,EAAE,UAAU,EAAE,YAAY,EAAE,MAAM,CAAC,CAAA;IACnE,IAAM,GAAG,GAAG,IAAA,sBAAa,EAAC,SAAS,EAAE,SAAS,EAAE,EAAE,KAAK,OAAA,EAAE,CAAC,CAAA;IAC1D,OAAO,GAAG,CAAA;AACZ,CAAC;AAEY,QAAA,KAAK,GAAG,KAAK,CAAC,IAAI,CAAC,sBAAc,EAAE,QAAQ,CAAC,CAAA"}
|
|
@@ -1,14 +1,33 @@
|
|
|
1
|
-
|
|
2
|
-
import {
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import { FlatListProps as RNFlatListProps, ListRenderItemInfo } from 'react-native';
|
|
3
3
|
import { ViewProps } from './View';
|
|
4
|
-
|
|
5
|
-
export declare type
|
|
4
|
+
import { EmptyPlaceholderProps } from './EmptyPlaceholder';
|
|
5
|
+
export declare type DataboundFlatListPropsTypes = 'data' | 'renderItem' | 'keyExtractor' | 'getItemLayout';
|
|
6
|
+
export declare type ReplaceFlatlistProps<P, T> = Omit<P, DataboundFlatListPropsTypes> & {
|
|
7
|
+
data: T[];
|
|
8
|
+
keyExtractor?: (item: T, index: number) => string;
|
|
9
|
+
renderItem: (data: ListRenderItemInfo<T>) => React.ReactElement;
|
|
6
10
|
onRefresh?: () => void;
|
|
11
|
+
getItemLayout?: ((data: T, index: number) => {
|
|
12
|
+
length: number;
|
|
13
|
+
offset: number;
|
|
14
|
+
index: number;
|
|
15
|
+
});
|
|
16
|
+
};
|
|
17
|
+
export declare type FlatListProps<T = any[], Data = T extends Array<infer D> ? D : never> = RNFlatListProps<Data> & ViewProps & {
|
|
7
18
|
refreshTimeout?: number;
|
|
8
19
|
changeData?: any;
|
|
9
20
|
separators?: boolean;
|
|
10
21
|
refreshing?: boolean;
|
|
22
|
+
placeholder?: EmptyPlaceholderProps;
|
|
11
23
|
keyboardAware?: boolean;
|
|
12
24
|
};
|
|
13
|
-
export declare
|
|
14
|
-
|
|
25
|
+
export declare type PaginationIndicatorProps = {
|
|
26
|
+
isFetching?: boolean;
|
|
27
|
+
hasMore?: boolean;
|
|
28
|
+
noMoreItemsText: React.ReactChild;
|
|
29
|
+
activityIndicator?: JSX.Element;
|
|
30
|
+
};
|
|
31
|
+
export declare const PaginationIndicator: ({ hasMore, isFetching, noMoreItemsText, activityIndicator }: PaginationIndicatorProps) => JSX.Element;
|
|
32
|
+
export declare type ListComponentType = <T extends any[] = any[]>(props: FlatListProps<T>) => React.ReactElement;
|
|
33
|
+
export declare const List: ListComponentType;
|
package/dist/components/List.js
CHANGED
|
@@ -34,16 +34,19 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
34
34
|
return t;
|
|
35
35
|
};
|
|
36
36
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
37
|
-
exports.List = void 0;
|
|
37
|
+
exports.List = exports.PaginationIndicator = void 0;
|
|
38
38
|
var React = __importStar(require("react"));
|
|
39
39
|
var react_1 = require("react");
|
|
40
40
|
var common_1 = require("@codeleap/common");
|
|
41
41
|
var react_native_keyboard_aware_scroll_view_1 = require("react-native-keyboard-aware-scroll-view");
|
|
42
42
|
var react_native_1 = require("react-native");
|
|
43
43
|
var View_1 = require("./View");
|
|
44
|
+
var EmptyPlaceholder_1 = require("./EmptyPlaceholder");
|
|
45
|
+
var ActivityIndicator_1 = require("./ActivityIndicator");
|
|
46
|
+
var Text_1 = require("./Text");
|
|
44
47
|
var KeyboardAwareFlatList = react_native_keyboard_aware_scroll_view_1.KeyboardAwareFlatList;
|
|
45
48
|
var ListCP = (0, react_1.forwardRef)(function (flatListProps, ref) {
|
|
46
|
-
var _a = flatListProps.variants, variants = _a === void 0 ? [] : _a, style = flatListProps.style, _b = flatListProps.refreshTimeout, refreshTimeout = _b === void 0 ? 3000 : _b, changeData = flatListProps.changeData, _c = flatListProps.keyboardAware, keyboardAware = _c === void 0 ? true : _c, props = __rest(flatListProps, ["variants", "style", "refreshTimeout", "changeData", "keyboardAware"]);
|
|
49
|
+
var _a = flatListProps.variants, variants = _a === void 0 ? [] : _a, style = flatListProps.style, _b = flatListProps.refreshTimeout, refreshTimeout = _b === void 0 ? 3000 : _b, changeData = flatListProps.changeData, placeholder = flatListProps.placeholder, _c = flatListProps.keyboardAware, keyboardAware = _c === void 0 ? true : _c, props = __rest(flatListProps, ["variants", "style", "refreshTimeout", "changeData", "placeholder", "keyboardAware"]);
|
|
47
50
|
var hasRefresh = !!props.onRefresh;
|
|
48
51
|
var _d = (0, react_1.useState)(false), refreshingState = _d[0], setRefreshing = _d[1];
|
|
49
52
|
var refreshingDisplay = props.refreshing !== undefined ? props.refreshing : refreshingState;
|
|
@@ -78,7 +81,21 @@ var ListCP = (0, react_1.forwardRef)(function (flatListProps, ref) {
|
|
|
78
81
|
var isEmpty = !props.data || !props.data.length;
|
|
79
82
|
var separator = !isEmpty && separatorProp == true && renderSeparator;
|
|
80
83
|
var Component = keyboardAware ? KeyboardAwareFlatList : react_native_1.FlatList;
|
|
81
|
-
return (<Component style={[Theme.presets.full, style]} contentContainerStyle={[variantStyles.wrapper]} ref={ref} ItemSeparatorComponent={separator} refreshControl={hasRefresh && (<react_native_1.RefreshControl refreshing={refreshingDisplay} onRefresh={onRefresh}/>)} {...props}/>);
|
|
84
|
+
return (<Component style={[Theme.presets.full, style]} contentContainerStyle={[variantStyles.wrapper]} ref={ref} ItemSeparatorComponent={separator} refreshControl={hasRefresh && (<react_native_1.RefreshControl refreshing={refreshingDisplay} onRefresh={onRefresh}/>)} ListEmptyComponent={<EmptyPlaceholder_1.EmptyPlaceholder {...placeholder}/>} {...props}/>);
|
|
82
85
|
});
|
|
86
|
+
var PaginationIndicator = function (_a) {
|
|
87
|
+
var hasMore = _a.hasMore, isFetching = _a.isFetching, noMoreItemsText = _a.noMoreItemsText, activityIndicator = _a.activityIndicator;
|
|
88
|
+
if (isFetching) {
|
|
89
|
+
return activityIndicator || <ActivityIndicator_1.ActivityIndicator variants={['center', 'marginVertical:3']}/>;
|
|
90
|
+
}
|
|
91
|
+
if (!hasMore) {
|
|
92
|
+
if (common_1.TypeGuards.isString(noMoreItemsText) || common_1.TypeGuards.isNumber(noMoreItemsText)) {
|
|
93
|
+
return <Text_1.Text variants={['h4', 'marginVertical:3', 'textCenter', 'fullWidth']} text={noMoreItemsText.toString()}/>;
|
|
94
|
+
}
|
|
95
|
+
return noMoreItemsText;
|
|
96
|
+
}
|
|
97
|
+
return null;
|
|
98
|
+
};
|
|
99
|
+
exports.PaginationIndicator = PaginationIndicator;
|
|
83
100
|
exports.List = ListCP;
|
|
84
101
|
//# sourceMappingURL=List.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"List.js","sourceRoot":"","sources":["../../src/components/List.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA8B;AAC9B,+BAA4C;AAC5C,
|
|
1
|
+
{"version":3,"file":"List.js","sourceRoot":"","sources":["../../src/components/List.tsx"],"names":[],"mappings":"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"}
|
|
@@ -15,10 +15,11 @@ export declare type ModalProps = Omit<ViewProps, 'variants' | 'styles'> & {
|
|
|
15
15
|
closable?: boolean;
|
|
16
16
|
footer?: React.ReactNode;
|
|
17
17
|
title?: React.ReactNode;
|
|
18
|
-
debugName
|
|
18
|
+
debugName: string;
|
|
19
19
|
closeIconName?: IconPlaceholder;
|
|
20
20
|
visible: boolean;
|
|
21
21
|
toggle?: () => void;
|
|
22
|
+
zIndex?: number;
|
|
22
23
|
scroll?: boolean;
|
|
23
24
|
keyboardAware?: boolean;
|
|
24
25
|
};
|