@codeleap/mobile 2.1.7 → 2.1.10
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/AutoComplete/styles.js +0 -1
- package/dist/components/AutoComplete/styles.js.map +1 -1
- package/dist/components/Drawer/index.js +1 -1
- package/dist/components/Drawer/index.js.map +1 -1
- package/dist/components/Drawer/styles.js +2 -2
- package/dist/components/Drawer/styles.js.map +1 -1
- package/dist/components/Modal/index.d.ts +3 -2
- package/dist/components/Modal/index.js +5 -3
- package/dist/components/Modal/index.js.map +1 -1
- package/dist/components/Modal/styles.d.ts +1 -1
- package/dist/components/Modal/styles.js +7 -4
- package/dist/components/Modal/styles.js.map +1 -1
- package/dist/components/MultiSelect/index.js +15 -3
- package/dist/components/MultiSelect/index.js.map +1 -1
- package/dist/components/MultiSelect/types.d.ts +3 -0
- package/dist/components/Scroll/index.js +19 -5
- package/dist/components/Scroll/index.js.map +1 -1
- package/dist/components/Scroll/styles.js +4 -12
- package/dist/components/Scroll/styles.js.map +1 -1
- package/dist/components/Select/index.js +30 -3
- package/dist/components/Select/index.js.map +1 -1
- package/dist/components/Select/styles.js +1 -3
- package/dist/components/Select/styles.js.map +1 -1
- package/dist/components/Select/types.d.ts +3 -0
- package/dist/utils/KeyboardAware/index.d.ts +1 -0
- package/dist/utils/KeyboardAware/index.js +1 -0
- package/dist/utils/KeyboardAware/index.js.map +1 -1
- package/dist/utils/KeyboardAware/keyboardHooks.d.ts +14 -0
- package/dist/utils/KeyboardAware/keyboardHooks.js +79 -0
- package/dist/utils/KeyboardAware/keyboardHooks.js.map +1 -0
- package/dist/utils/KeyboardAware/lib/KeyboardAwareHOC.d.ts +1 -1
- package/dist/utils/PermissionManager/context.d.ts +2 -2
- package/dist/utils/PermissionManager/context.js +25 -29
- package/dist/utils/PermissionManager/context.js.map +1 -1
- package/dist/utils/index.d.ts +1 -0
- package/dist/utils/index.js +1 -0
- package/dist/utils/index.js.map +1 -1
- package/dist/utils/input.d.ts +35 -0
- package/dist/utils/input.js +49 -0
- package/dist/utils/input.js.map +1 -0
- package/package.json +1 -1
- package/src/components/AutoComplete/styles.ts +0 -1
- package/src/components/Drawer/index.tsx +1 -1
- package/src/components/Drawer/styles.ts +2 -2
- package/src/components/Modal/index.tsx +8 -7
- package/src/components/Modal/styles.ts +17 -6
- package/src/components/MultiSelect/index.tsx +19 -1
- package/src/components/MultiSelect/types.ts +3 -0
- package/src/components/Scroll/index.tsx +26 -20
- package/src/components/Scroll/styles.ts +2 -1
- package/src/components/Select/index.tsx +34 -9
- package/src/components/Select/styles.ts +2 -0
- package/src/components/Select/types.ts +3 -0
- package/src/utils/KeyboardAware/index.ts +1 -0
- package/src/utils/KeyboardAware/keyboardHooks.ts +91 -0
- package/src/utils/PermissionManager/context.tsx +31 -22
- package/src/utils/index.ts +1 -0
- package/src/utils/input.ts +51 -0
|
@@ -18,7 +18,6 @@ var createAutoCompleteStyle = (0, common_1.createDefaultVariantFactory)();
|
|
|
18
18
|
exports.AutoCompleteStyles = __assign(__assign({}, Select_1.SelectStyles), { default: createAutoCompleteStyle(function (theme) {
|
|
19
19
|
var defaultStyle = Select_1.SelectStyles.default(theme);
|
|
20
20
|
return __assign(__assign({}, defaultStyle), { header: __assign(__assign(__assign({}, theme.spacing.paddingHorizontal(2)), theme.presets.column), theme.presets.alignStart), box: {
|
|
21
|
-
minHeight: theme.values.height * 0.85,
|
|
22
21
|
maxHeight: theme.values.height * 0.85,
|
|
23
22
|
}, listContent: __assign({}, theme.presets.safeAreaBottom(0, true)), searchInputWrapper: __assign(__assign({}, theme.presets.fullWidth), theme.spacing.marginTop(2)), titleWrapper: __assign(__assign(__assign(__assign({}, theme.presets.row), theme.presets.alignCenter), theme.presets.fullWidth), theme.presets.justifyCenter), title: __assign(__assign({}, theme.presets.textCenter), { flex: 1 }), closeButtonWrapper: {
|
|
24
23
|
position: 'absolute',
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/components/AutoComplete/styles.ts"],"names":[],"mappings":";;;;;;;;;;;;;;AAAA,2CAA+E;AAC/E,oCAA2D;AAK3D,IAAM,uBAAuB,GAAG,IAAA,oCAA2B,GAA2B,CAAA;AAEzE,QAAA,kBAAkB,yBAC1B,qBAAY,KACf,OAAO,EAAE,uBAAuB,CAAC,UAAC,KAAK;QACrC,IAAM,YAAY,GAAG,qBAAY,CAAC,OAAO,CAAC,KAAK,CAAC,CAAA;QAEhD,6BACK,YAAY,KACf,MAAM,iCACD,KAAK,CAAC,OAAO,CAAC,iBAAiB,CAAC,CAAC,CAAC,GAClC,KAAK,CAAC,OAAO,CAAC,MAAM,GACpB,KAAK,CAAC,OAAO,CAAC,UAAU,GAE7B,GAAG,EAAE;gBACH,SAAS,EAAE,KAAK,CAAC,MAAM,CAAC,MAAM,GAAG,IAAI;
|
|
1
|
+
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/components/AutoComplete/styles.ts"],"names":[],"mappings":";;;;;;;;;;;;;;AAAA,2CAA+E;AAC/E,oCAA2D;AAK3D,IAAM,uBAAuB,GAAG,IAAA,oCAA2B,GAA2B,CAAA;AAEzE,QAAA,kBAAkB,yBAC1B,qBAAY,KACf,OAAO,EAAE,uBAAuB,CAAC,UAAC,KAAK;QACrC,IAAM,YAAY,GAAG,qBAAY,CAAC,OAAO,CAAC,KAAK,CAAC,CAAA;QAEhD,6BACK,YAAY,KACf,MAAM,iCACD,KAAK,CAAC,OAAO,CAAC,iBAAiB,CAAC,CAAC,CAAC,GAClC,KAAK,CAAC,OAAO,CAAC,MAAM,GACpB,KAAK,CAAC,OAAO,CAAC,UAAU,GAE7B,GAAG,EAAE;gBACH,SAAS,EAAE,KAAK,CAAC,MAAM,CAAC,MAAM,GAAG,IAAI;aACtC,EACD,WAAW,eACN,KAAK,CAAC,OAAO,CAAC,cAAc,CAAC,CAAC,EAAE,IAAI,CAAC,GAE1C,kBAAkB,wBACb,KAAK,CAAC,OAAO,CAAC,SAAS,GACvB,KAAK,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC,CAAC,GAG/B,YAAY,0CACP,KAAK,CAAC,OAAO,CAAC,GAAG,GACjB,KAAK,CAAC,OAAO,CAAC,WAAW,GACzB,KAAK,CAAC,OAAO,CAAC,SAAS,GACvB,KAAK,CAAC,OAAO,CAAC,aAAa,GAEhC,KAAK,wBACA,KAAK,CAAC,OAAO,CAAC,UAAU,KAC3B,IAAI,EAAE,CAAC,KAET,kBAAkB,EAAE;gBAClB,QAAQ,EAAE,UAAU;gBACpB,KAAK,EAAE,CAAC;aACT,IACF;IACH,CAAC,CAAC,IACH"}
|
|
@@ -53,7 +53,7 @@ var Drawer = function (props) {
|
|
|
53
53
|
styles: styles,
|
|
54
54
|
transform: react_native_1.StyleSheet.flatten,
|
|
55
55
|
});
|
|
56
|
-
return <Modal_1.default styles={variantStyles} {...modalProps}/>;
|
|
56
|
+
return <Modal_1.default styles={variantStyles} scroll={false} {...modalProps}/>;
|
|
57
57
|
};
|
|
58
58
|
exports.Drawer = Drawer;
|
|
59
59
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Drawer/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA8B;AAE9B,2CAA8E;AAC9E,6CAAyC;AACzC,mDAA4C;AAE5C,2CAAwB;AAGjB,IAAM,MAAM,GAAyB,UAAC,KAAK;IACxC,IAAA,QAAQ,GAA4B,KAAK,SAAjC,EAAE,MAAM,GAAoB,KAAK,OAAzB,EAAK,UAAU,UAAK,KAAK,EAA3C,sBAAmC,CAAF,CAAU;IAEjD,IAAM,aAAa,GAAG,IAAA,iCAAwB,EAAC,UAAU,EAAE;QACzD,QAAQ,UAAA;QACR,MAAM,QAAA;QACN,SAAS,EAAE,yBAAU,CAAC,OAAO;KAC9B,CAAC,CAAA;IAEF,OAAO,CAAC,eAAK,CACX,MAAM,CAAC,CAAC,aAAa,CAAC,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Drawer/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA8B;AAE9B,2CAA8E;AAC9E,6CAAyC;AACzC,mDAA4C;AAE5C,2CAAwB;AAGjB,IAAM,MAAM,GAAyB,UAAC,KAAK;IACxC,IAAA,QAAQ,GAA4B,KAAK,SAAjC,EAAE,MAAM,GAAoB,KAAK,OAAzB,EAAK,UAAU,UAAK,KAAK,EAA3C,sBAAmC,CAAF,CAAU;IAEjD,IAAM,aAAa,GAAG,IAAA,iCAAwB,EAAC,UAAU,EAAE;QACzD,QAAQ,UAAA;QACR,MAAM,QAAA;QACN,SAAS,EAAE,yBAAU,CAAC,OAAO;KAC9B,CAAC,CAAA;IAEF,OAAO,CAAC,eAAK,CACX,MAAM,CAAC,CAAC,aAAa,CAAC,CACtB,MAAM,CAAC,CAAC,KAAK,CAAC,CACd,IAAI,UAAU,CAAC,EACf,CAAA;AACJ,CAAC,CAAA;AAdY,QAAA,MAAM,UAclB"}
|
|
@@ -20,9 +20,9 @@ exports.DrawerStyles = __assign(__assign({}, Modal_1.ModalStyles), { default: cr
|
|
|
20
20
|
var defaultStyle = Modal_1.ModalStyles.default(theme);
|
|
21
21
|
return __assign(__assign({}, defaultStyle), { box: {
|
|
22
22
|
width: '100%',
|
|
23
|
-
maxHeight: theme.values.height * 0.
|
|
23
|
+
maxHeight: theme.values.height * 0.99,
|
|
24
24
|
paddingBottom: ((_a = theme.values.bottomNavHeight) !== null && _a !== void 0 ? _a : 0) + theme.spacing.value(1),
|
|
25
|
-
},
|
|
25
|
+
}, innerWrapper: __assign({}, theme.presets.justifyEnd), 'box:hidden': {
|
|
26
26
|
translateY: theme.values.height,
|
|
27
27
|
opacity: 1,
|
|
28
28
|
scale: 1,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/components/Drawer/styles.ts"],"names":[],"mappings":";;;;;;;;;;;;;;AAAA,2CAA8D;AAC9D,kCAAwD;AAGxD,IAAM,iBAAiB,GAAG,IAAA,oCAA2B,GAAqB,CAAA;AAE7D,QAAA,YAAY,yBACpB,mBAAW,KACd,OAAO,EAAE,iBAAiB,CAAC,UAAC,KAAK;;QAC/B,IAAM,YAAY,GAAG,mBAAW,CAAC,OAAO,CAAC,KAAK,CAAC,CAAA;QAE/C,6BACK,YAAY,KACf,GAAG,EAAE;gBACH,KAAK,EAAE,MAAM;gBACb,SAAS,EAAE,KAAK,CAAC,MAAM,CAAC,MAAM,GAAG,
|
|
1
|
+
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/components/Drawer/styles.ts"],"names":[],"mappings":";;;;;;;;;;;;;;AAAA,2CAA8D;AAC9D,kCAAwD;AAGxD,IAAM,iBAAiB,GAAG,IAAA,oCAA2B,GAAqB,CAAA;AAE7D,QAAA,YAAY,yBACpB,mBAAW,KACd,OAAO,EAAE,iBAAiB,CAAC,UAAC,KAAK;;QAC/B,IAAM,YAAY,GAAG,mBAAW,CAAC,OAAO,CAAC,KAAK,CAAC,CAAA;QAE/C,6BACK,YAAY,KACf,GAAG,EAAE;gBACH,KAAK,EAAE,MAAM;gBACb,SAAS,EAAE,KAAK,CAAC,MAAM,CAAC,MAAM,GAAG,IAAI;gBACrC,aAAa,EAAE,CAAC,MAAA,KAAK,CAAC,MAAM,CAAC,eAAe,mCAAI,CAAC,CAAC,GAAG,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC;aAC5E,EACD,YAAY,eACP,KAAK,CAAC,OAAO,CAAC,UAAU,GAG7B,YAAY,EAAE;gBACZ,UAAU,EAAE,KAAK,CAAC,MAAM,CAAC,MAAM;gBAC/B,OAAO,EAAE,CAAC;gBACV,KAAK,EAAE,CAAC;aACT,EACD,aAAa,EAAE;gBACb,UAAU,EAAE,CAAC;gBACb,KAAK,EAAE,CAAC;gBACR,OAAO,EAAE,CAAC;aACX,EACD,gBAAgB,EAAE;gBAChB,UAAU,EAAE,KAAK,CAAC,MAAM,CAAC,WAAW,CAAC,KAAK;aAC3C,IACF;IACH,CAAC,CAAC,IACH"}
|
|
@@ -1,7 +1,8 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
2
|
import { ViewProps } from '../View';
|
|
3
3
|
import { ButtonProps } from '../Button';
|
|
4
|
-
import {
|
|
4
|
+
import { Scroll } from '../Scroll';
|
|
5
|
+
import { ComponentVariants, IconPlaceholder, PropsOf } from '@codeleap/common';
|
|
5
6
|
import { ModalComposition, ModalStyles } from './styles';
|
|
6
7
|
import { StylesOf } from '../../types/utility';
|
|
7
8
|
import { TextProps } from '../Text';
|
|
@@ -23,8 +24,8 @@ export declare type ModalProps = Omit<ViewProps, 'variants' | 'styles'> & {
|
|
|
23
24
|
zIndex?: number;
|
|
24
25
|
scroll?: boolean;
|
|
25
26
|
header?: React.ReactElement;
|
|
26
|
-
keyboardAware?: boolean;
|
|
27
27
|
renderHeader?: (props: ModalHeaderProps) => React.ReactElement;
|
|
28
|
+
scrollProps?: PropsOf<typeof Scroll>;
|
|
28
29
|
};
|
|
29
30
|
export declare type ModalHeaderProps = Omit<ModalProps, 'styles' | 'renderHeader'> & {
|
|
30
31
|
styles: {
|
|
@@ -71,7 +71,7 @@ var DefaultHeader = function (props) {
|
|
|
71
71
|
</View_1.View>)}</>;
|
|
72
72
|
};
|
|
73
73
|
var Modal = function (modalProps) {
|
|
74
|
-
var _a = modalProps.variants, variants = _a === void 0 ? [] : _a, _b = modalProps.styles, styles = _b === void 0 ? {} : _b, visible = modalProps.visible, _c = modalProps.closable, closable = _c === void 0 ? true : _c, footer = modalProps.footer, children = modalProps.children, _d = modalProps.toggle, toggle = _d === void 0 ? function () { return null; } : _d, _e = modalProps.dismissOnBackdrop, dismissOnBackdrop = _e === void 0 ? true : _e, _f = modalProps.header, header = _f === void 0 ? null : _f, debugName = modalProps.debugName, _g = modalProps.scroll, scroll = _g === void 0 ? true : _g, renderHeader = modalProps.renderHeader, _h = modalProps.
|
|
74
|
+
var _a = modalProps.variants, variants = _a === void 0 ? [] : _a, _b = modalProps.styles, styles = _b === void 0 ? {} : _b, visible = modalProps.visible, _c = modalProps.closable, closable = _c === void 0 ? true : _c, footer = modalProps.footer, children = modalProps.children, _d = modalProps.toggle, toggle = _d === void 0 ? function () { return null; } : _d, _e = modalProps.dismissOnBackdrop, dismissOnBackdrop = _e === void 0 ? true : _e, _f = modalProps.header, header = _f === void 0 ? null : _f, debugName = modalProps.debugName, _g = modalProps.scroll, scroll = _g === void 0 ? true : _g, renderHeader = modalProps.renderHeader, _h = modalProps.zIndex, zIndex = _h === void 0 ? null : _h, _j = modalProps.scrollProps, scrollProps = _j === void 0 ? {} : _j, props = __rest(modalProps, ["variants", "styles", "visible", "closable", "footer", "children", "toggle", "dismissOnBackdrop", "header", "debugName", "scroll", "renderHeader", "zIndex", "scrollProps"]);
|
|
75
75
|
var variantStyles = (0, common_1.useDefaultComponentStyle)('u:Modal', {
|
|
76
76
|
variants: variants,
|
|
77
77
|
transform: react_native_1.StyleSheet.flatten,
|
|
@@ -94,7 +94,7 @@ var Modal = function (modalProps) {
|
|
|
94
94
|
}, [visible]);
|
|
95
95
|
var wrapperStyle = getStyles('wrapper');
|
|
96
96
|
var ScrollComponent = scroll ? Scroll_1.Scroll : View_1.View;
|
|
97
|
-
var scrollStyle = scroll ? getStyles('
|
|
97
|
+
var scrollStyle = scroll ? getStyles('scroll') : getStyles('innerWrapper');
|
|
98
98
|
var headerProps = __assign(__assign({}, modalProps), { styles: {
|
|
99
99
|
wrapper: getStyles('header'),
|
|
100
100
|
title: getStyles('title'),
|
|
@@ -110,9 +110,10 @@ var Modal = function (modalProps) {
|
|
|
110
110
|
}} wrapperProps={{
|
|
111
111
|
transition: __assign({}, variantStyles['backdrop:transition']),
|
|
112
112
|
}}/>
|
|
113
|
-
<ScrollComponent style={scrollStyle} contentContainerStyle={getStyles('
|
|
113
|
+
<ScrollComponent style={scrollStyle} contentContainerStyle={getStyles('scrollContent')} {...scrollProps}>
|
|
114
114
|
{dismissOnBackdrop &&
|
|
115
115
|
<Touchable_1.Touchable onPress={closable ? toggle : (function () { })} debugName={'Modal backdrop touchable'} style={variantStyles.backdropTouchable} android_ripple={null} noFeedback/>}
|
|
116
|
+
|
|
116
117
|
<View_1.View animated state={boxAnimation} style={getStyles('box')} transition={__assign({}, variantStyles['box:transition'])} {...props}>
|
|
117
118
|
|
|
118
119
|
{header ? header : <Header {...headerProps}/>}
|
|
@@ -122,6 +123,7 @@ var Modal = function (modalProps) {
|
|
|
122
123
|
{typeof footer === 'string' ? <Text_1.Text text={footer}/> : footer}
|
|
123
124
|
</View_1.View>)}
|
|
124
125
|
</View_1.View>
|
|
126
|
+
|
|
125
127
|
</ScrollComponent>
|
|
126
128
|
</View_1.View>);
|
|
127
129
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Modal/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA8B;AAC9B,gCAAyC;AACzC,oCAA+C;AAC/C,oCAAkC;AAClC,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Modal/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { ButtonComposition } from '@codeleap/common';
|
|
2
2
|
export declare type AnimatableParts = 'box' | 'backdrop';
|
|
3
|
-
export declare type ModalParts = AnimatableParts | 'wrapper' | 'innerWrapper' | '
|
|
3
|
+
export declare type ModalParts = AnimatableParts | 'wrapper' | 'innerWrapper' | 'scrollContent' | 'scroll' | 'body' | 'footer' | 'header' | 'backdropTouchable' | 'title' | `closeButton${Capitalize<ButtonComposition>}`;
|
|
4
4
|
export declare type ModalComposition = ModalParts | `${AnimatableParts}:visible` | `${AnimatableParts}:hidden` | `${AnimatableParts}:transition`;
|
|
5
5
|
export declare const ModalStyles: {
|
|
6
6
|
default: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ModalComposition, any>>;
|
|
@@ -16,8 +16,7 @@ var common_1 = require("@codeleap/common");
|
|
|
16
16
|
var createModalStyle = (0, common_1.createDefaultVariantFactory)();
|
|
17
17
|
var presets = (0, common_1.includePresets)(function (style) { return createModalStyle(function () { return ({ body: style }); }); });
|
|
18
18
|
exports.ModalStyles = __assign(__assign({}, presets), { default: createModalStyle(function (Theme) {
|
|
19
|
-
var
|
|
20
|
-
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 });
|
|
19
|
+
var fullSize = __assign(__assign({}, Theme.presets.whole), { position: 'absolute', width: '100%', height: '100%' });
|
|
21
20
|
return {
|
|
22
21
|
wrapper: __assign({ zIndex: 1 }, fullSize),
|
|
23
22
|
'box:transition': {
|
|
@@ -44,8 +43,12 @@ exports.ModalStyles = __assign(__assign({}, presets), { default: createModalStyl
|
|
|
44
43
|
'backdrop:hidden': {
|
|
45
44
|
opacity: 0,
|
|
46
45
|
},
|
|
47
|
-
innerWrapper: {},
|
|
48
|
-
|
|
46
|
+
innerWrapper: __assign(__assign({ display: 'flex', alignItems: 'center' }, Theme.presets.justifyCenter), Theme.presets.fullHeight),
|
|
47
|
+
scroll: {
|
|
48
|
+
height: '100%',
|
|
49
|
+
width: '100%',
|
|
50
|
+
},
|
|
51
|
+
scrollContent: __assign(__assign({ display: 'flex', alignItems: 'center' }, Theme.presets.justifyCenter), Theme.presets.fullHeight),
|
|
49
52
|
box: __assign({ width: '80%', backgroundColor: Theme.colors.background, borderRadius: Theme.borderRadius.medium }, Theme.spacing.padding(2)),
|
|
50
53
|
'box:hidden': {
|
|
51
54
|
opacity: 0,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/components/Modal/styles.ts"],"names":[],"mappings":";;;;;;;;;;;;;;AAAA,2CAKyB;
|
|
1
|
+
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/components/Modal/styles.ts"],"names":[],"mappings":"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"}
|
|
@@ -56,7 +56,7 @@ var utils_1 = require("../../utils");
|
|
|
56
56
|
var Select_1 = require("../Select");
|
|
57
57
|
__exportStar(require("./styles"), exports);
|
|
58
58
|
var MultiSelect = function (selectProps) {
|
|
59
|
-
var value = selectProps.value, onValueChange = selectProps.onValueChange, label = selectProps.label, _a = selectProps.styles, styles = _a === void 0 ? {} : _a, options = selectProps.options, style = selectProps.style, variants = selectProps.variants, _b = selectProps.hideInput, hideInput = _b === void 0 ? false : _b, renderItem = selectProps.renderItem, listProps = selectProps.listProps, _c = selectProps.placeholder, placeholder = _c === void 0 ? 'Select' : _c, _d = selectProps.arrowIconName, arrowIconName = _d === void 0 ? 'selectArrow' : _d, _e = selectProps.selectedIcon, selectedIcon = _e === void 0 ? 'multiSelectMarker' : _e, _f = selectProps.inputProps, inputProps = _f === void 0 ? {} : _f, drawerProps = __rest(selectProps, ["value", "onValueChange", "label", "styles", "options", "style", "variants", "hideInput", "renderItem", "listProps", "placeholder", "arrowIconName", "selectedIcon", "inputProps"]);
|
|
59
|
+
var value = selectProps.value, onValueChange = selectProps.onValueChange, label = selectProps.label, _a = selectProps.styles, styles = _a === void 0 ? {} : _a, options = selectProps.options, style = selectProps.style, variants = selectProps.variants, _b = selectProps.hideInput, hideInput = _b === void 0 ? false : _b, renderItem = selectProps.renderItem, listProps = selectProps.listProps, _c = selectProps.placeholder, placeholder = _c === void 0 ? 'Select' : _c, _d = selectProps.arrowIconName, arrowIconName = _d === void 0 ? 'selectArrow' : _d, _e = selectProps.selectedIcon, selectedIcon = _e === void 0 ? 'multiSelectMarker' : _e, _f = selectProps.inputProps, inputProps = _f === void 0 ? {} : _f, _g = selectProps.clearable, clearable = _g === void 0 ? false : _g, _h = selectProps.clearIconName, clearIconName = _h === void 0 ? 'close' : _h, _j = selectProps.validate, validate = _j === void 0 ? null : _j, drawerProps = __rest(selectProps, ["value", "onValueChange", "label", "styles", "options", "style", "variants", "hideInput", "renderItem", "listProps", "placeholder", "arrowIconName", "selectedIcon", "inputProps", "clearable", "clearIconName", "validate"]);
|
|
60
60
|
var variantStyles = (0, common_1.useDefaultComponentStyle)('u:MultiSelect', {
|
|
61
61
|
transform: react_native_1.StyleSheet.flatten,
|
|
62
62
|
rootElement: 'inputWrapper',
|
|
@@ -86,13 +86,25 @@ var MultiSelect = function (selectProps) {
|
|
|
86
86
|
var item = _a.item;
|
|
87
87
|
return <Item isSelected={value.includes(item.value)} item={item} onPress={function () { return select(item.value); }} styles={variantStyles} icon={selectedIcon}/>;
|
|
88
88
|
};
|
|
89
|
+
var isEmpty = value.length === 0;
|
|
90
|
+
var showClearIcon = !isEmpty && clearable;
|
|
91
|
+
var inputIcon = showClearIcon ? clearIconName : arrowIconName;
|
|
92
|
+
var onPressInputIcon = function () {
|
|
93
|
+
if (showClearIcon) {
|
|
94
|
+
onValueChange([]);
|
|
95
|
+
}
|
|
96
|
+
else {
|
|
97
|
+
close === null || close === void 0 ? void 0 : close();
|
|
98
|
+
}
|
|
99
|
+
};
|
|
89
100
|
return <>
|
|
90
101
|
{!hideInput && (<TextInput_1.TextInput caretHidden value={selectedLabel} rightIcon={{
|
|
91
|
-
icon:
|
|
102
|
+
icon: inputIcon,
|
|
103
|
+
onPress: onPressInputIcon,
|
|
92
104
|
}} editable={false} touchableWrapper wrapperProps={{
|
|
93
105
|
debugName: 'Select',
|
|
94
106
|
onPress: close,
|
|
95
|
-
}} pointerEvents={'none'} label={label} debugName={'Select input'} styles={inputStyles} style={style} {...inputProps}/>)}
|
|
107
|
+
}} pointerEvents={'none'} label={label} debugName={'Select input'} styles={inputStyles} style={style} validate={validate} {...inputProps}/>)}
|
|
96
108
|
|
|
97
109
|
<utils_1.ModalManager.Drawer scroll={false} title={label} {...drawerProps} styles={variantStyles}>
|
|
98
110
|
<List_1.List data={options} style={variantStyles.list} contentContainerStyle={variantStyles.listContent} keyExtractor={function (i) { return i.value; }} renderItem={renderListItem} {...listProps}/>
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/MultiSelect/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAGsC;AACtC,6CAAsC;AACtC,6CAAyC;AACzC,gCAA8B;AAC9B,0CAAwC;AAExC,qCAA0C;AAE1C,oCAAsC;AAEtC,2CAAwB;AACjB,IAAM,WAAW,GAAG,UAAmC,WAA+B;IAEzF,IAAA,KAAK,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/MultiSelect/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -28,5 +28,8 @@ export declare type MultiSelectProps<T> = MultiSelectDrawerProps & {
|
|
|
28
28
|
selectedIcon?: IconPlaceholder;
|
|
29
29
|
hideInput?: boolean;
|
|
30
30
|
listProps?: Partial<FlatListProps>;
|
|
31
|
+
clearable?: boolean;
|
|
32
|
+
clearIconName?: IconPlaceholder;
|
|
33
|
+
validate?: TextInputProps['validate'];
|
|
31
34
|
} & ComponentVariants<typeof MultiSelectStyles>;
|
|
32
35
|
export {};
|
|
@@ -1,4 +1,15 @@
|
|
|
1
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
|
+
};
|
|
2
13
|
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
14
|
if (k2 === undefined) k2 = k;
|
|
4
15
|
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
@@ -44,7 +55,7 @@ var common_1 = require("@codeleap/common");
|
|
|
44
55
|
var react_native_1 = require("react-native");
|
|
45
56
|
var utils_1 = require("../../utils");
|
|
46
57
|
exports.Scroll = (0, react_1.forwardRef)(function (scrollProps, ref) {
|
|
47
|
-
var _a = scrollProps.variants, variants = _a === void 0 ? [] : _a, style = scrollProps.style, _b = scrollProps.refreshTimeout, refreshTimeout = _b === void 0 ? 3000 : _b, children = scrollProps.children, changeData = scrollProps.changeData, _c = scrollProps.styles, styles = _c === void 0 ? {} : _c, _d = scrollProps.refreshControlProps, refreshControlProps = _d === void 0 ? {} : _d, _e = scrollProps.keyboardAware, keyboardAware = _e === void 0 ? true : _e, props = __rest(scrollProps, ["variants", "style", "refreshTimeout", "children", "changeData", "styles", "refreshControlProps", "keyboardAware"]);
|
|
58
|
+
var _a = scrollProps.variants, variants = _a === void 0 ? [] : _a, style = scrollProps.style, _b = scrollProps.refreshTimeout, refreshTimeout = _b === void 0 ? 3000 : _b, children = scrollProps.children, changeData = scrollProps.changeData, _c = scrollProps.styles, styles = _c === void 0 ? {} : _c, _d = scrollProps.refreshControlProps, refreshControlProps = _d === void 0 ? {} : _d, contentContainerStyle = scrollProps.contentContainerStyle, _e = scrollProps.keyboardAware, keyboardAware = _e === void 0 ? true : _e, props = __rest(scrollProps, ["variants", "style", "refreshTimeout", "children", "changeData", "styles", "refreshControlProps", "contentContainerStyle", "keyboardAware"]);
|
|
48
59
|
var hasRefresh = !!props.onRefresh;
|
|
49
60
|
var _f = (0, react_1.useState)(false), refreshingState = _f[0], setRefreshing = _f[1];
|
|
50
61
|
var refreshingDisplay = props.refreshing !== undefined ? props.refreshing : refreshingState;
|
|
@@ -73,13 +84,16 @@ exports.Scroll = (0, react_1.forwardRef)(function (scrollProps, ref) {
|
|
|
73
84
|
variants: variants,
|
|
74
85
|
styles: styles,
|
|
75
86
|
transform: react_native_1.StyleSheet.flatten,
|
|
76
|
-
rootElement: '
|
|
87
|
+
rootElement: 'content',
|
|
77
88
|
});
|
|
78
|
-
var Component = keyboardAware ? utils_1.KeyboardAwareScrollView : react_native_1.ScrollView;
|
|
79
89
|
var refreshStyles = react_native_1.StyleSheet.flatten([variantStyles.refreshControl, styles.refreshControl]);
|
|
80
|
-
|
|
90
|
+
var _scrollProps = __assign({ style: [variantStyles.wrapper, style], contentContainerStyle: [variantStyles.content, contentContainerStyle], ref: ref, refreshControl: hasRefresh && (<react_native_1.RefreshControl refreshing={refreshingDisplay} onRefresh={onRefresh} tintColor={refreshStyles === null || refreshStyles === void 0 ? void 0 : refreshStyles.color} colors={[refreshStyles === null || refreshStyles === void 0 ? void 0 : refreshStyles.color]} {...refreshControlProps}/>) }, props);
|
|
91
|
+
var keyboard = (0, utils_1.useKeyboardScrollView)();
|
|
92
|
+
var keyboardAwareScrollProps = keyboard.getScrollProps(_scrollProps);
|
|
93
|
+
var rootProps = keyboardAware ? keyboardAwareScrollProps : _scrollProps;
|
|
94
|
+
return (<react_native_1.ScrollView {...rootProps}>
|
|
81
95
|
{children}
|
|
82
|
-
</
|
|
96
|
+
</react_native_1.ScrollView>);
|
|
83
97
|
});
|
|
84
98
|
__exportStar(require("./styles"), exports);
|
|
85
99
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Scroll/index.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Scroll/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA8B;AAC9B,+BAA4C;AAC5C,2CAMyB;AAEzB,6CAA0F;AAK1F,qCAAmD;AAgBtC,QAAA,MAAM,GAAG,IAAA,kBAAU,EAC9B,UAAC,WAAW,EAAE,GAAG;IAEb,IAAA,KAUE,WAAW,SAVA,EAAb,QAAQ,mBAAG,EAAE,KAAA,EACb,KAAK,GASH,WAAW,MATR,EACL,KAQE,WAAW,eARQ,EAArB,cAAc,mBAAG,IAAI,KAAA,EACrB,QAAQ,GAON,WAAW,SAPL,EACR,UAAU,GAMR,WAAW,WANH,EACV,KAKE,WAAW,OALF,EAAX,MAAM,mBAAG,EAAE,KAAA,EACX,KAIE,WAAW,oBAJW,EAAxB,mBAAmB,mBAAG,EAAE,KAAA,EACxB,qBAAqB,GAGnB,WAAW,sBAHQ,EACrB,KAEE,WAAW,cAFO,EAApB,aAAa,mBAAG,IAAI,KAAA,EACjB,KAAK,UACN,WAAW,EAXT,4IAWL,CADS,CACK;IACf,IAAM,UAAU,GAAG,CAAC,CAAC,KAAK,CAAC,SAAS,CAAA;IAC9B,IAAA,KAAmC,IAAA,gBAAQ,EAAC,KAAK,CAAC,EAAjD,eAAe,QAAA,EAAE,aAAa,QAAmB,CAAA;IACxD,IAAM,iBAAiB,GAAG,KAAK,CAAC,UAAU,KAAK,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,UAAU,CAAC,CAAC,CAAC,eAAe,CAAA;IAE7F,IAAM,KAAK,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAA;IAChC,IAAM,YAAY,GAAG,IAAA,oBAAW,EAAC,UAAU,CAAC,CAAA;IAE5C,IAAM,SAAS,GAAG;QAChB,IAAI,KAAK,CAAC,OAAO,EAAE;YACjB,YAAY,CAAC,KAAK,CAAC,OAAO,CAAC,CAAA;SAC5B;QAED,aAAa,CAAC,IAAI,CAAC,CAAA;QAEnB,KAAK,CAAC,SAAS,EAAE,CAAA;QAEjB,KAAK,CAAC,OAAO,GAAG,UAAU,CAAC;YACzB,aAAa,CAAC,KAAK,CAAC,CAAA;QACtB,CAAC,EAAE,cAAc,CAAC,CAAA;IACpB,CAAC,CAAA;IACD,IAAA,iBAAQ,EAAC;QACP,IAAI,iBAAiB,IAAI,CAAC,IAAA,kBAAS,EAAC,YAAY,EAAE,UAAU,CAAC,EAAE;YAC7D,aAAa,CAAC,KAAK,CAAC,CAAA;YACpB,IAAI,KAAK,CAAC,OAAO,EAAE;gBACjB,YAAY,CAAC,KAAK,CAAC,OAAO,CAAC,CAAA;aAC5B;SACF;IACH,CAAC,EAAE,CAAC,iBAAiB,EAAE,UAAU,CAAC,CAAC,CAAA;IAC3B,IAAA,KAAK,GAAK,IAAA,2BAAkB,GAAE,MAAzB,CAAyB;IAEtC,IAAM,aAAa,GAAG,IAAA,iCAAwB,EAAkC,UAAU,EAAE;QAC1F,QAAQ,UAAA;QACR,MAAM,QAAA;QACN,SAAS,EAAE,yBAAU,CAAC,OAAO;QAC7B,WAAW,EAAE,SAAS;KACvB,CAAC,CAAA;IAEF,IAAM,aAAa,GAAG,yBAAU,CAAC,OAAO,CAAC,CAAC,aAAa,CAAC,cAAc,EAAE,MAAM,CAAC,cAAc,CAAC,CAAC,CAAA;IAC/F,IAAM,YAAY,cAChB,KAAK,EAAE,CAAC,aAAa,CAAC,OAAO,EAAE,KAAK,CAAC,EACrC,qBAAqB,EAAE,CAAC,aAAa,CAAC,OAAO,EAAE,qBAAqB,CAAC,EACrE,GAAG,EAAE,GAA4B,EACjC,cAAc,EAAE,UAAU,IAAI,CAC5B,CAAC,6BAAc,CACb,UAAU,CAAC,CAAC,iBAAiB,CAAC,CAC9B,SAAS,CAAC,CAAC,SAAS,CAAC,CACrB,SAAS,CAAC,CAAC,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,KAAK,CAAC,CAChC,MAAM,CAAC,CAAC,CAAC,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,KAAK,CAAC,CAAC,CAC/B,IAAI,mBAAmB,CAAC,EACxB,CACH,IACE,KAAK,CACT,CAAA;IACD,IAAM,QAAQ,GAAG,IAAA,6BAAqB,GAAE,CAAA;IACxC,IAAM,wBAAwB,GAAG,QAAQ,CAAC,cAAc,CAAC,YAAY,CAAC,CAAA;IACtE,IAAM,SAAS,GAAG,aAAa,CAAC,CAAC,CAAC,wBAAwB,CAAC,CAAC,CAAC,YAAY,CAAA;IAEzE,OAAO,CACL,CAAC,yBAAU,CACT,IAAI,SAAS,CAAC,CAEd;QAAA,CAAC,QAAQ,CACX;MAAA,EAAE,yBAAU,CAAC,CACd,CAAA;AACH,CAAC,CACF,CAAA;AACD,2CAAwB"}
|
|
@@ -1,15 +1,4 @@
|
|
|
1
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
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
14
3
|
exports.ScrollStyles = void 0;
|
|
15
4
|
var common_1 = require("@codeleap/common");
|
|
@@ -17,7 +6,10 @@ var createScrollStyle = (0, common_1.createDefaultVariantFactory)();
|
|
|
17
6
|
exports.ScrollStyles = {
|
|
18
7
|
default: createScrollStyle(function (theme) {
|
|
19
8
|
return {
|
|
20
|
-
wrapper:
|
|
9
|
+
wrapper: {
|
|
10
|
+
height: '100%',
|
|
11
|
+
// maxHeight: theme.values.height,
|
|
12
|
+
},
|
|
21
13
|
refreshControl: {
|
|
22
14
|
color: theme.colors.primary,
|
|
23
15
|
},
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/components/Scroll/styles.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/components/Scroll/styles.ts"],"names":[],"mappings":";;;AAAA,2CAA8D;AAI9D,IAAM,iBAAiB,GAAG,IAAA,oCAA2B,GAAqB,CAAA;AAE7D,QAAA,YAAY,GAAG;IAC1B,OAAO,EAAE,iBAAiB,CAAC,UAAC,KAAK;QAC/B,OAAO;YACL,OAAO,EAAE;gBACP,MAAM,EAAE,MAAM;gBACd,kCAAkC;aACnC;YACD,cAAc,EAAE;gBACd,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO;aAC5B;SACF,CAAA;IACH,CAAC,CAAC;CACH,CAAA"}
|
|
@@ -1,4 +1,15 @@
|
|
|
1
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
|
+
};
|
|
2
13
|
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
14
|
if (k2 === undefined) k2 = k;
|
|
4
15
|
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
@@ -63,7 +74,7 @@ var SelectItem = function (_a) {
|
|
|
63
74
|
exports.SelectItem = SelectItem;
|
|
64
75
|
__exportStar(require("./styles"), exports);
|
|
65
76
|
var Select = function (selectProps) {
|
|
66
|
-
var value = selectProps.value, onValueChange = selectProps.onValueChange, label = selectProps.label, _a = selectProps.styles, styles = _a === void 0 ? {} : _a, options = selectProps.options, style = selectProps.style, variants = selectProps.variants, renderItem = selectProps.renderItem, _b = selectProps.closeOnSelect, closeOnSelect = _b === void 0 ? true : _b, listProps = selectProps.listProps, _c = selectProps.placeholder, placeholder = _c === void 0 ? 'Select' : _c, _d = selectProps.arrowIconName, arrowIconName = _d === void 0 ? 'selectArrow' : _d, _e = selectProps.
|
|
77
|
+
var value = selectProps.value, onValueChange = selectProps.onValueChange, label = selectProps.label, _a = selectProps.styles, styles = _a === void 0 ? {} : _a, options = selectProps.options, style = selectProps.style, variants = selectProps.variants, renderItem = selectProps.renderItem, _b = selectProps.closeOnSelect, closeOnSelect = _b === void 0 ? true : _b, listProps = selectProps.listProps, _c = selectProps.placeholder, placeholder = _c === void 0 ? 'Select' : _c, _d = selectProps.arrowIconName, arrowIconName = _d === void 0 ? 'selectArrow' : _d, _e = selectProps.clearIconName, clearIconName = _e === void 0 ? 'close' : _e, _f = selectProps.clearable, clearable = _f === void 0 ? false : _f, _g = selectProps.selectedIcon, selectedIcon = _g === void 0 ? 'selectMarker' : _g, _h = selectProps.inputProps, inputProps = _h === void 0 ? {} : _h, _j = selectProps.hideInput, hideInput = _j === void 0 ? false : _j, _k = selectProps.keyboardAware, keyboardAware = _k === void 0 ? true : _k, drawerProps = __rest(selectProps, ["value", "onValueChange", "label", "styles", "options", "style", "variants", "renderItem", "closeOnSelect", "listProps", "placeholder", "arrowIconName", "clearIconName", "clearable", "selectedIcon", "inputProps", "hideInput", "keyboardAware"]);
|
|
67
78
|
var variantStyles = (0, common_1.useDefaultComponentStyle)('u:Select', {
|
|
68
79
|
transform: react_native_1.StyleSheet.flatten,
|
|
69
80
|
rootElement: 'inputWrapper',
|
|
@@ -89,15 +100,31 @@ var Select = function (selectProps) {
|
|
|
89
100
|
var item = _a.item;
|
|
90
101
|
return <Item isSelected={value === item.value} item={item} onPress={function () { return select(item.value); }} icon={selectedIcon} styles={variantStyles}/>;
|
|
91
102
|
};
|
|
103
|
+
var isEmpty = common_1.TypeGuards.isNil(value);
|
|
104
|
+
var showClearIcon = !isEmpty && clearable;
|
|
105
|
+
var inputIcon = showClearIcon ? clearIconName : arrowIconName;
|
|
106
|
+
var onPressInputIcon = function () {
|
|
107
|
+
if (showClearIcon) {
|
|
108
|
+
onValueChange(null);
|
|
109
|
+
}
|
|
110
|
+
else {
|
|
111
|
+
close === null || close === void 0 ? void 0 : close();
|
|
112
|
+
}
|
|
113
|
+
};
|
|
114
|
+
var baseListProps = __assign({ data: options, style: variantStyles.list, contentContainerStyle: variantStyles.listContent, keyExtractor: function (i) { return i.value; }, renderItem: renderListItem }, listProps);
|
|
115
|
+
var keyboard = (0, utils_1.useKeyboardScrollView)();
|
|
116
|
+
var _listProps = keyboardAware ? keyboard.getScrollProps(baseListProps, 'contentContainerStyle', 'paddingBottom') : baseListProps;
|
|
92
117
|
return <>
|
|
93
118
|
{!hideInput && (<TextInput_1.TextInput caretHidden value={selectedLabel} rightIcon={{
|
|
94
|
-
icon:
|
|
119
|
+
icon: inputIcon,
|
|
120
|
+
onPress: onPressInputIcon,
|
|
121
|
+
noFeedback: true,
|
|
95
122
|
}} editable={false} touchableWrapper onPress={close} wrapperProps={{
|
|
96
123
|
debugName: 'Select',
|
|
97
124
|
}} pointerEvents={'none'} label={label} debugName={'Select input'} styles={inputStyles} style={style} {...inputProps}/>)}
|
|
98
125
|
|
|
99
126
|
<utils_1.ModalManager.Drawer scroll={false} title={label} {...drawerProps} styles={variantStyles}>
|
|
100
|
-
<List_1.List
|
|
127
|
+
<List_1.List {..._listProps}/>
|
|
101
128
|
</utils_1.ModalManager.Drawer>
|
|
102
129
|
|
|
103
130
|
</>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Select/index.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Select/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -24,9 +24,7 @@ exports.SelectStyles = __assign(__assign({}, Drawer_1.DrawerStyles), { default:
|
|
|
24
24
|
}, 'itemIcon:selected': __assign({ color: theme.colors.white }, theme.sized(3)), itemIcon: {
|
|
25
25
|
width: 0,
|
|
26
26
|
height: 0,
|
|
27
|
-
}, list: {
|
|
28
|
-
height: 'auto',
|
|
29
|
-
}, listContent: {
|
|
27
|
+
}, list: __assign({ height: 'auto', maxHeight: theme.values.height * 0.7 }, theme.presets.safeAreaBottom()), listContent: {
|
|
30
28
|
paddingBottom: theme.values.bottomNavHeight + theme.spacing.value(1),
|
|
31
29
|
} });
|
|
32
30
|
}) });
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/components/Select/styles.ts"],"names":[],"mappings":";;;;;;;;;;;;;;AAAA,2CAAoF;AACpF,oCAA2D;AAa3D,IAAM,iBAAiB,GAAG,IAAA,oCAA2B,GAAqB,CAAA;AAE7D,QAAA,YAAY,yBACpB,qBAAY,KACf,OAAO,EAAE,iBAAiB,CAAC,UAAC,KAAK;QAC/B,IAAM,YAAY,GAAG,qBAAY,CAAC,OAAO,CAAC,KAAK,CAAC,CAAA;QAChD,6BACK,YAAY,KACf,GAAG,eACE,KAAK,CAAC,OAAO,CAAC,iBAAiB,CAAC,CAAC,CAAC,GAGvC,WAAW,mDACN,KAAK,CAAC,OAAO,CAAC,GAAG,GACjB,KAAK,CAAC,OAAO,CAAC,mBAAmB,GACjC,KAAK,CAAC,OAAO,CAAC,WAAW,GACzB,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,GAAG,CAAC,KAC7B,MAAM,EAAE,EAAE,KAEZ,sBAAsB,EAAE;gBACtB,eAAe,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO;aACtC,EACD,mBAAmB,EAAE;gBACnB,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,KAAK;aAE1B,EACD,mBAAmB,aACjB,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,KAAK,IACtB,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,GAEnB,QAAQ,EAAE;gBACR,KAAK,EAAE,CAAC;gBACR,MAAM,EAAE,CAAC;aACV,EACD,IAAI,EAAE
|
|
1
|
+
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/components/Select/styles.ts"],"names":[],"mappings":";;;;;;;;;;;;;;AAAA,2CAAoF;AACpF,oCAA2D;AAa3D,IAAM,iBAAiB,GAAG,IAAA,oCAA2B,GAAqB,CAAA;AAE7D,QAAA,YAAY,yBACpB,qBAAY,KACf,OAAO,EAAE,iBAAiB,CAAC,UAAC,KAAK;QAC/B,IAAM,YAAY,GAAG,qBAAY,CAAC,OAAO,CAAC,KAAK,CAAC,CAAA;QAChD,6BACK,YAAY,KACf,GAAG,eACE,KAAK,CAAC,OAAO,CAAC,iBAAiB,CAAC,CAAC,CAAC,GAGvC,WAAW,mDACN,KAAK,CAAC,OAAO,CAAC,GAAG,GACjB,KAAK,CAAC,OAAO,CAAC,mBAAmB,GACjC,KAAK,CAAC,OAAO,CAAC,WAAW,GACzB,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,GAAG,CAAC,KAC7B,MAAM,EAAE,EAAE,KAEZ,sBAAsB,EAAE;gBACtB,eAAe,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO;aACtC,EACD,mBAAmB,EAAE;gBACnB,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,KAAK;aAE1B,EACD,mBAAmB,aACjB,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,KAAK,IACtB,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,GAEnB,QAAQ,EAAE;gBACR,KAAK,EAAE,CAAC;gBACR,MAAM,EAAE,CAAC;aACV,EACD,IAAI,aACF,MAAM,EAAE,MAAM,EAEd,SAAS,EAAE,KAAK,CAAC,MAAM,CAAC,MAAM,GAAG,GAAG,IACjC,KAAK,CAAC,OAAO,CAAC,cAAc,EAAE,GAEnC,WAAW,EAAE;gBACX,aAAa,EAAE,KAAK,CAAC,MAAM,CAAC,eAAe,GAAG,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC;aACrE,IAEF;IACH,CAAC,CAAC,IACH"}
|
|
@@ -28,5 +28,8 @@ export declare type CustomSelectProps<T> = SelectDrawerProps & {
|
|
|
28
28
|
closeOnSelect?: boolean;
|
|
29
29
|
inputProps?: Partial<TextInputProps>;
|
|
30
30
|
listProps?: Partial<FlatListProps>;
|
|
31
|
+
clearable?: boolean;
|
|
32
|
+
clearIconName?: IconPlaceholder;
|
|
33
|
+
keyboardAware?: boolean;
|
|
31
34
|
} & ComponentVariants<typeof SelectStyles>;
|
|
32
35
|
export {};
|
|
@@ -2,5 +2,6 @@ import listenToKeyboardEvents from './lib/KeyboardAwareHOC';
|
|
|
2
2
|
import KeyboardAwareScrollView from './lib/KeyboardAwareScrollView';
|
|
3
3
|
import KeyboardAwareFlatList from './lib/KeyboardAwareFlatList';
|
|
4
4
|
import KeyboardAwareSectionList from './lib/KeyboardAwareSectionList';
|
|
5
|
+
export * from './keyboardHooks';
|
|
5
6
|
export { listenToKeyboardEvents, KeyboardAwareFlatList, KeyboardAwareSectionList, KeyboardAwareScrollView, };
|
|
6
7
|
export * from './types';
|
|
@@ -27,5 +27,6 @@ var KeyboardAwareFlatList_1 = __importDefault(require("./lib/KeyboardAwareFlatLi
|
|
|
27
27
|
exports.KeyboardAwareFlatList = KeyboardAwareFlatList_1.default;
|
|
28
28
|
var KeyboardAwareSectionList_1 = __importDefault(require("./lib/KeyboardAwareSectionList"));
|
|
29
29
|
exports.KeyboardAwareSectionList = KeyboardAwareSectionList_1.default;
|
|
30
|
+
__exportStar(require("./keyboardHooks"), exports);
|
|
30
31
|
__exportStar(require("./types"), exports);
|
|
31
32
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/utils/KeyboardAware/index.ts"],"names":[],"mappings":";AAAA,WAAW;;;;;;;;;;;;;;;;;;;;AAEX,4EAA2D;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/utils/KeyboardAware/index.ts"],"names":[],"mappings":";AAAA,WAAW;;;;;;;;;;;;;;;;;;;;AAEX,4EAA2D;AAOzD,iCAPK,0BAAsB,CAOL;AANxB,0FAAmE;AASjE,kCATK,iCAAuB,CASL;AARzB,sFAA+D;AAM7D,gCANK,+BAAqB,CAML;AALvB,4FAAqE;AAMnE,mCANK,kCAAwB,CAML;AAL1B,kDAA+B;AAS/B,0CAAuB"}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import { KeyboardEvent, ViewStyle } from 'react-native';
|
|
2
|
+
export declare const useKeyboardVisibility: () => {
|
|
3
|
+
event: KeyboardEvent;
|
|
4
|
+
visible: boolean;
|
|
5
|
+
height: number;
|
|
6
|
+
};
|
|
7
|
+
export declare const useKeyboardScrollView: () => {
|
|
8
|
+
keyboard: {
|
|
9
|
+
event: KeyboardEvent;
|
|
10
|
+
visible: boolean;
|
|
11
|
+
height: number;
|
|
12
|
+
};
|
|
13
|
+
getScrollProps: <T extends import("react-native").ScrollViewProps>(base?: T, styleProperty?: keyof T, insetProperty?: keyof ViewStyle) => T;
|
|
14
|
+
};
|
|
@@ -0,0 +1,79 @@
|
|
|
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.useKeyboardScrollView = exports.useKeyboardVisibility = void 0;
|
|
15
|
+
var common_1 = require("@codeleap/common");
|
|
16
|
+
var react_1 = require("react");
|
|
17
|
+
var react_native_1 = require("react-native");
|
|
18
|
+
var useKeyboardVisibility = function () {
|
|
19
|
+
var _a;
|
|
20
|
+
var _b = (0, react_1.useState)(null), keyboardEvent = _b[0], setKeyboardEvent = _b[1];
|
|
21
|
+
var _c = (0, react_1.useState)(true), keyboardVisible = _c[0], setKeyboardVisible = _c[1];
|
|
22
|
+
(0, react_1.useEffect)(function () {
|
|
23
|
+
var eventNames = react_native_1.Platform.select({
|
|
24
|
+
ios: {
|
|
25
|
+
show: 'keyboardWillShow',
|
|
26
|
+
hide: 'keyboardWillHide',
|
|
27
|
+
},
|
|
28
|
+
android: {
|
|
29
|
+
show: 'keyboardDidShow',
|
|
30
|
+
hide: 'keyboardDidHide',
|
|
31
|
+
},
|
|
32
|
+
});
|
|
33
|
+
var events = [
|
|
34
|
+
react_native_1.Keyboard.addListener(eventNames.show, function (e) {
|
|
35
|
+
setKeyboardVisible(true);
|
|
36
|
+
setKeyboardEvent(e);
|
|
37
|
+
}),
|
|
38
|
+
react_native_1.Keyboard.addListener(eventNames.hide, function (e) {
|
|
39
|
+
setKeyboardVisible(false);
|
|
40
|
+
setKeyboardEvent(e);
|
|
41
|
+
}),
|
|
42
|
+
];
|
|
43
|
+
return function () {
|
|
44
|
+
events.forEach(function (e) { return e.remove(); });
|
|
45
|
+
};
|
|
46
|
+
}, []);
|
|
47
|
+
var _return = {
|
|
48
|
+
event: keyboardEvent,
|
|
49
|
+
visible: keyboardVisible,
|
|
50
|
+
height: ((_a = keyboardEvent === null || keyboardEvent === void 0 ? void 0 : keyboardEvent.endCoordinates) === null || _a === void 0 ? void 0 : _a.height) || 0,
|
|
51
|
+
};
|
|
52
|
+
return _return;
|
|
53
|
+
};
|
|
54
|
+
exports.useKeyboardVisibility = useKeyboardVisibility;
|
|
55
|
+
var useKeyboardScrollView = function () {
|
|
56
|
+
var keyboard = (0, exports.useKeyboardVisibility)();
|
|
57
|
+
return {
|
|
58
|
+
keyboard: keyboard,
|
|
59
|
+
getScrollProps: function (base, styleProperty, insetProperty) {
|
|
60
|
+
var _a, _b;
|
|
61
|
+
if (styleProperty === void 0) { styleProperty = 'style'; }
|
|
62
|
+
if (insetProperty === void 0) { insetProperty = 'marginBottom'; }
|
|
63
|
+
if (!keyboard.visible)
|
|
64
|
+
return base || {};
|
|
65
|
+
var baseProps = base;
|
|
66
|
+
var baseStyle = react_native_1.StyleSheet.flatten(baseProps === null || baseProps === void 0 ? void 0 : baseProps[styleProperty]);
|
|
67
|
+
var baseBottom = (baseStyle === null || baseStyle === void 0 ? void 0 : baseStyle.paddingBottom) || (baseStyle === null || baseStyle === void 0 ? void 0 : baseStyle.padding) || 0;
|
|
68
|
+
if (common_1.TypeGuards.isNumber(baseBottom)) {
|
|
69
|
+
var keyboardAdaptionStyle = __assign(__assign({}, baseStyle), (_a = {}, _a[insetProperty] = baseBottom + keyboard.height, _a));
|
|
70
|
+
return __assign(__assign({}, baseProps), (_b = { keyboardDismissMode: 'interactive', contentInset: { bottom: keyboard.height }, automaticallyAdjustContentInsets: false, showsVerticalScrollIndicator: true, scrollEventThrottle: 1, keyboardSpace: keyboard.height }, _b[styleProperty] = keyboardAdaptionStyle, _b));
|
|
71
|
+
}
|
|
72
|
+
else {
|
|
73
|
+
throw new Error('Keyboard adaptive scroll view\'s "style.marginBottom" must be a number');
|
|
74
|
+
}
|
|
75
|
+
},
|
|
76
|
+
};
|
|
77
|
+
};
|
|
78
|
+
exports.useKeyboardScrollView = useKeyboardScrollView;
|
|
79
|
+
//# sourceMappingURL=keyboardHooks.js.map
|