@codeleap/mobile 2.1.10 → 2.2.2
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 +1 -1
- package/dist/components/AutoComplete/styles.js.map +1 -1
- package/dist/components/Drawer/index.js +13 -2
- package/dist/components/Drawer/index.js.map +1 -1
- package/dist/components/Drawer/styles.js +2 -4
- package/dist/components/Drawer/styles.js.map +1 -1
- package/dist/components/EmptyPlaceholder/styles.js +1 -1
- package/dist/components/EmptyPlaceholder/styles.js.map +1 -1
- package/dist/components/Grid/index.d.ts +3 -1
- package/dist/components/Grid/index.js +19 -4
- package/dist/components/Grid/index.js.map +1 -1
- package/dist/components/ImageView/Spotlight.js +1 -2
- package/dist/components/ImageView/Spotlight.js.map +1 -1
- package/dist/components/List/index.d.ts +2 -1
- package/dist/components/List/index.js +19 -5
- package/dist/components/List/index.js.map +1 -1
- package/dist/components/Modal/index.d.ts +1 -0
- package/dist/components/Modal/index.js +7 -1
- package/dist/components/Modal/index.js.map +1 -1
- package/dist/components/Modal/styles.js +15 -18
- package/dist/components/Modal/styles.js.map +1 -1
- package/dist/components/Pager/styles.js +7 -7
- package/dist/components/Pager/styles.js.map +1 -1
- package/dist/components/Scroll/index.d.ts +4 -2
- package/dist/components/Scroll/index.js +5 -5
- package/dist/components/Scroll/index.js.map +1 -1
- package/dist/components/Scroll/styles.js +12 -4
- package/dist/components/Scroll/styles.js.map +1 -1
- package/dist/components/SegmentedControl/index.js +3 -1
- package/dist/components/SegmentedControl/index.js.map +1 -1
- package/dist/components/Select/index.js +2 -4
- package/dist/components/Select/index.js.map +1 -1
- package/dist/components/Select/styles.js +5 -1
- package/dist/components/Select/styles.js.map +1 -1
- package/dist/components/Select/types.d.ts +2 -1
- package/dist/components/legacy/Modal/index.d.ts +2 -1
- package/dist/components/legacy/Modal/index.js +1 -1
- package/dist/components/legacy/Modal/index.js.map +1 -1
- package/dist/components/legacy/Modal/styles.js +9 -9
- package/dist/components/legacy/Modal/styles.js.map +1 -1
- package/dist/utils/KeyboardAware/keyboardHooks.d.ts +22 -6
- package/dist/utils/KeyboardAware/keyboardHooks.js +63 -29
- package/dist/utils/KeyboardAware/keyboardHooks.js.map +1 -1
- package/dist/utils/hooks.d.ts +1 -0
- package/dist/utils/hooks.js +17 -1
- package/dist/utils/hooks.js.map +1 -1
- package/package.json +1 -1
- package/src/components/AutoComplete/styles.ts +1 -1
- package/src/components/Drawer/index.tsx +11 -1
- package/src/components/Drawer/styles.ts +3 -3
- package/src/components/EmptyPlaceholder/styles.ts +1 -1
- package/src/components/Grid/index.tsx +28 -18
- package/src/components/ImageView/Spotlight.tsx +0 -1
- package/src/components/List/index.tsx +31 -24
- package/src/components/Modal/index.tsx +11 -1
- package/src/components/Modal/styles.ts +28 -28
- package/src/components/Pager/styles.ts +7 -7
- package/src/components/Scroll/index.tsx +15 -8
- package/src/components/Scroll/styles.ts +1 -2
- package/src/components/SegmentedControl/index.tsx +3 -0
- package/src/components/Select/index.tsx +3 -6
- package/src/components/Select/styles.ts +2 -2
- package/src/components/Select/types.ts +2 -1
- package/src/components/legacy/Modal/index.tsx +3 -2
- package/src/components/legacy/Modal/styles.ts +17 -17
- package/src/utils/KeyboardAware/keyboardHooks.ts +102 -38
- package/src/utils/hooks.ts +19 -1
|
@@ -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
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
14
|
exports.ScrollStyles = void 0;
|
|
4
15
|
var common_1 = require("@codeleap/common");
|
|
@@ -6,10 +17,7 @@ var createScrollStyle = (0, common_1.createDefaultVariantFactory)();
|
|
|
6
17
|
exports.ScrollStyles = {
|
|
7
18
|
default: createScrollStyle(function (theme) {
|
|
8
19
|
return {
|
|
9
|
-
wrapper: {
|
|
10
|
-
height: '100%',
|
|
11
|
-
// maxHeight: theme.values.height,
|
|
12
|
-
},
|
|
20
|
+
wrapper: __assign({}, theme.presets.fullHeight),
|
|
13
21
|
refreshControl: {
|
|
14
22
|
color: theme.colors.primary,
|
|
15
23
|
},
|
|
@@ -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,eACF,KAAK,CAAC,OAAO,CAAC,UAAU,CAC5B;YACD,cAAc,EAAE;gBACd,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO;aAC5B;SACF,CAAA;IACH,CAAC,CAAC;CACH,CAAA"}
|
|
@@ -102,7 +102,9 @@ var _SegmentedControl = react_1.default.forwardRef(function (props, ref) {
|
|
|
102
102
|
var labelStyles = (0, common_1.getNestedStylesByKey)('label', variantStyles);
|
|
103
103
|
return (<>
|
|
104
104
|
<InputLabel_1.InputLabel label={label} styles={labelStyles} required={false}/>
|
|
105
|
-
<Scroll_1.Scroll horizontal showsHorizontalScrollIndicator={false} style={variantStyles.scroll} contentContainerStyle={variantStyles.scrollContent} {...scrollProps}
|
|
105
|
+
<Scroll_1.Scroll horizontal showsHorizontalScrollIndicator={false} style={variantStyles.scroll} contentContainerStyle={variantStyles.scrollContent} {...scrollProps} keyboardAware={{
|
|
106
|
+
enabled: false,
|
|
107
|
+
}} ref={scrollRef}>
|
|
106
108
|
<View_1.View style={variantStyles.wrapper}>
|
|
107
109
|
<AnimatedView options={options} styles={variantStyles} animated style={[variantStyles.selectedBubble, widthStyle]} animate={{
|
|
108
110
|
translateX: translateX,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/SegmentedControl/index.tsx"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/SegmentedControl/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -74,7 +74,7 @@ var SelectItem = function (_a) {
|
|
|
74
74
|
exports.SelectItem = SelectItem;
|
|
75
75
|
__exportStar(require("./styles"), exports);
|
|
76
76
|
var Select = function (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,
|
|
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, drawerProps = __rest(selectProps, ["value", "onValueChange", "label", "styles", "options", "style", "variants", "renderItem", "closeOnSelect", "listProps", "placeholder", "arrowIconName", "clearIconName", "clearable", "selectedIcon", "inputProps", "hideInput"]);
|
|
78
78
|
var variantStyles = (0, common_1.useDefaultComponentStyle)('u:Select', {
|
|
79
79
|
transform: react_native_1.StyleSheet.flatten,
|
|
80
80
|
rootElement: 'inputWrapper',
|
|
@@ -112,8 +112,6 @@ var Select = function (selectProps) {
|
|
|
112
112
|
}
|
|
113
113
|
};
|
|
114
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;
|
|
117
115
|
return <>
|
|
118
116
|
{!hideInput && (<TextInput_1.TextInput caretHidden value={selectedLabel} rightIcon={{
|
|
119
117
|
icon: inputIcon,
|
|
@@ -124,7 +122,7 @@ var Select = function (selectProps) {
|
|
|
124
122
|
}} pointerEvents={'none'} label={label} debugName={'Select input'} styles={inputStyles} style={style} {...inputProps}/>)}
|
|
125
123
|
|
|
126
124
|
<utils_1.ModalManager.Drawer scroll={false} title={label} {...drawerProps} styles={variantStyles}>
|
|
127
|
-
<List_1.List {...
|
|
125
|
+
<List_1.List {...baseListProps}/>
|
|
128
126
|
</utils_1.ModalManager.Drawer>
|
|
129
127
|
|
|
130
128
|
</>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Select/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAGsC;AACtC,6CAAsC;AACtC,6CAAyC;AACzC,gCAA8B;AAC9B,gCAA8B;AAC9B,0CAAwC;AACxC,0CAAwC;AAGxC,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Select/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -24,7 +24,11 @@ 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:
|
|
27
|
+
}, list: {
|
|
28
|
+
height: 'auto',
|
|
29
|
+
maxHeight: theme.values.window.height * 0.7,
|
|
30
|
+
// ...theme.presets.safeAreaBottom(),
|
|
31
|
+
}, listContent: {
|
|
28
32
|
paddingBottom: theme.values.bottomNavHeight + theme.spacing.value(1),
|
|
29
33
|
} });
|
|
30
34
|
}) });
|
|
@@ -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,
|
|
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;gBACJ,MAAM,EAAE,MAAM;gBAEd,SAAS,EAAE,KAAK,CAAC,MAAM,CAAC,MAAM,CAAC,MAAM,GAAG,GAAG;gBAC3C,qCAAqC;aACtC,EACD,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"}
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import { ComponentVariants, FormTypes, IconPlaceholder } from '@codeleap/common';
|
|
3
3
|
import { StylesOf } from '../../types/utility';
|
|
4
|
+
import { GetKeyboardAwarePropsOptions } from '../../utils';
|
|
4
5
|
import { DrawerProps } from '../Drawer';
|
|
5
6
|
import { FlatListProps } from '../List';
|
|
6
7
|
import { TextInputProps } from '../TextInput';
|
|
@@ -30,6 +31,6 @@ export declare type CustomSelectProps<T> = SelectDrawerProps & {
|
|
|
30
31
|
listProps?: Partial<FlatListProps>;
|
|
31
32
|
clearable?: boolean;
|
|
32
33
|
clearIconName?: IconPlaceholder;
|
|
33
|
-
keyboardAware?:
|
|
34
|
+
keyboardAware?: GetKeyboardAwarePropsOptions;
|
|
34
35
|
} & ComponentVariants<typeof SelectStyles>;
|
|
35
36
|
export {};
|
|
@@ -4,6 +4,7 @@ import { ButtonProps } from '../../Button';
|
|
|
4
4
|
import { ComponentVariants, IconPlaceholder } from '@codeleap/common';
|
|
5
5
|
import { MobileModalComposition, MobileModalStyles } from './styles';
|
|
6
6
|
import { StylesOf } from '../../../types/utility';
|
|
7
|
+
import { GetKeyboardAwarePropsOptions } from '../../../utils';
|
|
7
8
|
export * from './styles';
|
|
8
9
|
export declare type ModalProps = Omit<ViewProps, 'variants' | 'styles'> & {
|
|
9
10
|
variants?: ComponentVariants<typeof MobileModalStyles>['variants'];
|
|
@@ -21,7 +22,7 @@ export declare type ModalProps = Omit<ViewProps, 'variants' | 'styles'> & {
|
|
|
21
22
|
toggle?: () => void;
|
|
22
23
|
zIndex?: number;
|
|
23
24
|
scroll?: boolean;
|
|
24
|
-
keyboardAware?:
|
|
25
|
+
keyboardAware?: GetKeyboardAwarePropsOptions;
|
|
25
26
|
};
|
|
26
27
|
export declare const Modal: React.FC<ModalProps>;
|
|
27
28
|
export default Modal;
|
|
@@ -60,7 +60,7 @@ var Text_1 = require("../../Text");
|
|
|
60
60
|
var Animated_1 = require("../../Animated");
|
|
61
61
|
__exportStar(require("./styles"), exports);
|
|
62
62
|
var Modal = function (modalProps) {
|
|
63
|
-
var _a = modalProps.variants, variants = _a === void 0 ? [] : _a, _b = modalProps.styles, styles = _b === void 0 ? {} : _b, visible = modalProps.visible, showClose = modalProps.showClose, _c = modalProps.closable, closable = _c === void 0 ? true : _c, title = modalProps.title, 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.closeIconName, closeIconName = _f === void 0 ? 'close' : _f, debugName = modalProps.debugName, _g = modalProps.scroll, scroll = _g === void 0 ? true : _g,
|
|
63
|
+
var _a = modalProps.variants, variants = _a === void 0 ? [] : _a, _b = modalProps.styles, styles = _b === void 0 ? {} : _b, visible = modalProps.visible, showClose = modalProps.showClose, _c = modalProps.closable, closable = _c === void 0 ? true : _c, title = modalProps.title, 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.closeIconName, closeIconName = _f === void 0 ? 'close' : _f, debugName = modalProps.debugName, _g = modalProps.scroll, scroll = _g === void 0 ? true : _g, keyboardAware = modalProps.keyboardAware, _h = modalProps.zIndex, zIndex = _h === void 0 ? null : _h, props = __rest(modalProps, ["variants", "styles", "visible", "showClose", "closable", "title", "footer", "children", "toggle", "dismissOnBackdrop", "closeIconName", "debugName", "scroll", "keyboardAware", "zIndex"]);
|
|
64
64
|
var variantStyles = (0, common_1.useDefaultComponentStyle)('Modal', {
|
|
65
65
|
variants: variants,
|
|
66
66
|
transform: react_native_1.StyleSheet.flatten,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/legacy/Modal/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA8B;AAC9B,mCAA0D;AAC1D,uCAAkD;AAClD,uCAAqC;AACrC,2CAKyB;AAMzB,6CAAyC;AAGzC,6CAA2C;AAC3C,mCAAiC;AACjC,2CAAyC;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/legacy/Modal/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -21,18 +21,18 @@ exports.modalTransition = {
|
|
|
21
21
|
var createModalStyle = (0, common_1.createDefaultVariantFactory)();
|
|
22
22
|
var presets = (0, common_1.includePresets)(function (style) { return createModalStyle(function () { return ({ body: style }); }); });
|
|
23
23
|
var defaultModalStyles = common_1.ModalStyles;
|
|
24
|
-
exports.MobileModalStyles = __assign(__assign(__assign({}, defaultModalStyles), presets), { default: createModalStyle(function (
|
|
24
|
+
exports.MobileModalStyles = __assign(__assign(__assign({}, defaultModalStyles), presets), { default: createModalStyle(function (theme) {
|
|
25
25
|
var _a, _b;
|
|
26
|
-
var fullSize = __assign(__assign({},
|
|
26
|
+
var fullSize = __assign(__assign({}, theme.presets.whole), { position: 'absolute', width: (_a = theme === null || theme === void 0 ? void 0 : theme.values) === null || _a === void 0 ? void 0 : _a.width, height: (_b = theme === null || theme === void 0 ? void 0 : theme.values) === null || _b === void 0 ? void 0 : _b.height });
|
|
27
27
|
return {
|
|
28
28
|
wrapper: __assign({ zIndex: 1 }, fullSize),
|
|
29
|
-
overlay: __assign({ opacity: 0, backgroundColor:
|
|
29
|
+
overlay: __assign({ opacity: 0, backgroundColor: theme.colors.black }, fullSize),
|
|
30
30
|
'overlay:visible': {
|
|
31
31
|
opacity: 0.5,
|
|
32
32
|
},
|
|
33
33
|
innerWrapper: {},
|
|
34
|
-
innerWrapperScroll: __assign(__assign({ display: 'flex', alignItems: 'center' },
|
|
35
|
-
box: __assign({ width: '80%', backgroundColor:
|
|
34
|
+
innerWrapperScroll: __assign(__assign({ display: 'flex', alignItems: 'center' }, theme.presets.justifyCenter), { minHeight: theme.values.window.height }),
|
|
35
|
+
box: __assign({ width: '80%', backgroundColor: theme.colors.background, borderRadius: theme.borderRadius.medium }, theme.spacing.padding(2)),
|
|
36
36
|
touchableBackdrop: __assign({}, fullSize),
|
|
37
37
|
'box:pose': {
|
|
38
38
|
opacity: 0,
|
|
@@ -44,9 +44,9 @@ exports.MobileModalStyles = __assign(__assign(__assign({}, defaultModalStyles),
|
|
|
44
44
|
scale: 1,
|
|
45
45
|
transition: exports.modalTransition,
|
|
46
46
|
},
|
|
47
|
-
header: __assign(__assign({ flexDirection: 'row' },
|
|
48
|
-
closeButtonWrapper: __assign({ alignSelf: 'center' },
|
|
49
|
-
title: __assign(__assign(__assign(__assign({},
|
|
47
|
+
header: __assign(__assign({ flexDirection: 'row' }, theme.presets.justifySpaceBetween), theme.presets.alignCenter),
|
|
48
|
+
closeButtonWrapper: __assign({ alignSelf: 'center' }, theme.spacing.marginLeft('auto')),
|
|
49
|
+
title: __assign(__assign(__assign(__assign({}, theme.presets.textCenter), (0, common_1.assignTextStyle)('h3')(theme).text), theme.spacing.paddingBottom(1)), { flex: 1 }),
|
|
50
50
|
};
|
|
51
51
|
}), popup: createModalStyle(function () { return ({}); }), fullscreen: createModalStyle(function (theme) { return ({
|
|
52
52
|
overlay: {
|
|
@@ -55,6 +55,6 @@ exports.MobileModalStyles = __assign(__assign(__assign({}, defaultModalStyles),
|
|
|
55
55
|
'overlay:visible': {
|
|
56
56
|
opacity: 1,
|
|
57
57
|
},
|
|
58
|
-
box: __assign({ flex: 1, borderRadius: 0, width: theme.values.width, height: theme.values.height }, theme.presets.center),
|
|
58
|
+
box: __assign({ flex: 1, borderRadius: 0, width: theme.values.width, height: theme.values.window.height }, theme.presets.center),
|
|
59
59
|
}); }) });
|
|
60
60
|
//# sourceMappingURL=styles.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../src/components/legacy/Modal/styles.ts"],"names":[],"mappings":";;;;;;;;;;;;;;AAAA,2CAMyB;AAEZ,QAAA,eAAe,GAAG;IAC7B,QAAQ,EAAE,GAAG;IACb,IAAI,EAAE,SAAS;IACf,eAAe,EAAE,KAAK;CACvB,CAAA;AAoBD,IAAM,gBAAgB,GAAG,IAAA,oCAA2B,GAA0B,CAAA;AAE9E,IAAM,OAAO,GAAG,IAAA,uBAAc,EAAC,UAAC,KAAK,IAAK,OAAA,gBAAgB,CAAC,cAAM,OAAA,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC,EAAjB,CAAiB,CAAC,EAAzC,CAAyC,CAAC,CAAA;AAEpF,IAAM,kBAAkB,GAAG,oBAAW,CAAA;AAEzB,QAAA,iBAAiB,kCACzB,kBAAkB,GAClB,OAAO,KACV,OAAO,EAAE,gBAAgB,CAAC,UAAC,KAAK;;QAC9B,IAAM,QAAQ,yBACT,KAAK,CAAC,OAAO,CAAC,KAAK,KACtB,QAAQ,EAAE,UAAU,EACpB,KAAK,EAAE,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,MAAM,0CAAE,KAAK,EAC3B,MAAM,EAAE,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,MAAM,0CAAE,MAAM,GAC9B,CAAA;QAED,OAAO;YACL,OAAO,aACL,MAAM,EAAE,CAAC,IAEN,QAAQ,CACZ;YAED,OAAO,aACL,OAAO,EAAE,CAAC,EAEV,eAAe,EAAE,KAAK,CAAC,MAAM,CAAC,KAAK,IAChC,QAAQ,CACZ;YACD,iBAAiB,EAAE;gBACjB,OAAO,EAAE,GAAG;aACb;YACD,YAAY,EAAE,EAAE;YAChB,kBAAkB,sBAChB,OAAO,EAAE,MAAM,EACf,UAAU,EAAE,QAAQ,IACjB,KAAK,CAAC,OAAO,CAAC,aAAa,KAC9B,SAAS,EAAE,KAAK,CAAC,MAAM,CAAC,MAAM,
|
|
1
|
+
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../src/components/legacy/Modal/styles.ts"],"names":[],"mappings":"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"}
|
|
@@ -1,14 +1,30 @@
|
|
|
1
|
-
import { KeyboardEvent,
|
|
2
|
-
export declare const
|
|
1
|
+
import { KeyboardEvent, KeyboardEventName } from 'react-native';
|
|
2
|
+
export declare const useKeyboard: () => {
|
|
3
|
+
dismiss: () => void;
|
|
4
|
+
addListener: (eventType: KeyboardEventName, listener: import("react-native").KeyboardEventListener) => import("react-native").EmitterSubscription;
|
|
5
|
+
scheduleLayoutAnimation: (event: KeyboardEvent) => void;
|
|
3
6
|
event: KeyboardEvent;
|
|
4
|
-
|
|
7
|
+
isVisible: boolean;
|
|
5
8
|
height: number;
|
|
6
9
|
};
|
|
7
|
-
export declare
|
|
10
|
+
export declare type GetKeyboardAwarePropsOptions = {
|
|
11
|
+
baseStyleProp?: 'style' | 'contentContainerStyle';
|
|
12
|
+
adapt?: 'height' | 'maxHeight' | 'paddingBottom' | 'marginBottom' | 'bottom';
|
|
13
|
+
enabled?: boolean;
|
|
14
|
+
enableOnAndroid?: boolean;
|
|
15
|
+
};
|
|
16
|
+
declare type UseKeyboardAwareViewParams = {
|
|
17
|
+
debugName?: string;
|
|
18
|
+
};
|
|
19
|
+
export declare const useKeyboardAwareView: (params?: UseKeyboardAwareViewParams) => {
|
|
8
20
|
keyboard: {
|
|
21
|
+
dismiss: () => void;
|
|
22
|
+
addListener: (eventType: KeyboardEventName, listener: import("react-native").KeyboardEventListener) => import("react-native").EmitterSubscription;
|
|
23
|
+
scheduleLayoutAnimation: (event: KeyboardEvent) => void;
|
|
9
24
|
event: KeyboardEvent;
|
|
10
|
-
|
|
25
|
+
isVisible: boolean;
|
|
11
26
|
height: number;
|
|
12
27
|
};
|
|
13
|
-
|
|
28
|
+
getKeyboardAwareProps: <T extends Partial<Pick<import("react-native").ScrollViewProps, "style" | "contentContainerStyle" | "horizontal">>>(props?: T, options?: GetKeyboardAwarePropsOptions) => T;
|
|
14
29
|
};
|
|
30
|
+
export {};
|
|
@@ -11,14 +11,14 @@ var __assign = (this && this.__assign) || function () {
|
|
|
11
11
|
return __assign.apply(this, arguments);
|
|
12
12
|
};
|
|
13
13
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
14
|
-
exports.
|
|
14
|
+
exports.useKeyboardAwareView = exports.useKeyboard = void 0;
|
|
15
15
|
var common_1 = require("@codeleap/common");
|
|
16
16
|
var react_1 = require("react");
|
|
17
17
|
var react_native_1 = require("react-native");
|
|
18
|
-
var
|
|
18
|
+
var useKeyboard = function () {
|
|
19
19
|
var _a;
|
|
20
20
|
var _b = (0, react_1.useState)(null), keyboardEvent = _b[0], setKeyboardEvent = _b[1];
|
|
21
|
-
var _c = (0, react_1.useState)(
|
|
21
|
+
var _c = (0, react_1.useState)(false), keyboardVisible = _c[0], setKeyboardVisible = _c[1];
|
|
22
22
|
(0, react_1.useEffect)(function () {
|
|
23
23
|
var eventNames = react_native_1.Platform.select({
|
|
24
24
|
ios: {
|
|
@@ -44,36 +44,70 @@ var useKeyboardVisibility = function () {
|
|
|
44
44
|
events.forEach(function (e) { return e.remove(); });
|
|
45
45
|
};
|
|
46
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
|
-
};
|
|
47
|
+
var _return = __assign({ event: keyboardEvent, isVisible: keyboardVisible, height: ((_a = keyboardEvent === null || keyboardEvent === void 0 ? void 0 : keyboardEvent.endCoordinates) === null || _a === void 0 ? void 0 : _a.height) || 0 }, react_native_1.Keyboard);
|
|
52
48
|
return _return;
|
|
53
49
|
};
|
|
54
|
-
exports.
|
|
55
|
-
var
|
|
56
|
-
var keyboard = (0, exports.
|
|
50
|
+
exports.useKeyboard = useKeyboard;
|
|
51
|
+
var useKeyboardAwareView = function (params) {
|
|
52
|
+
var keyboard = (0, exports.useKeyboard)();
|
|
53
|
+
var logger = (0, common_1.useCodeleapContext)().logger;
|
|
54
|
+
function getKeyboardAwareProps(props, options) {
|
|
55
|
+
var _a;
|
|
56
|
+
var _options = __assign({ adapt: 'maxHeight', baseStyleProp: 'style', enabled: true, enableOnAndroid: true }, options);
|
|
57
|
+
if (!_options.enabled || (props === null || props === void 0 ? void 0 : props.horizontal) || (react_native_1.Platform.OS === 'android' && !_options.enableOnAndroid))
|
|
58
|
+
return props;
|
|
59
|
+
if (!props) {
|
|
60
|
+
props = {};
|
|
61
|
+
}
|
|
62
|
+
var baseStyle = react_native_1.StyleSheet.flatten(props[_options.baseStyleProp] || {});
|
|
63
|
+
var baseValue = baseStyle[_options.adapt];
|
|
64
|
+
var valid = true;
|
|
65
|
+
var warnOnNotNumber = function () {
|
|
66
|
+
if (!common_1.TypeGuards.isNil(baseValue) && !common_1.TypeGuards.isNumber(baseValue)) {
|
|
67
|
+
valid = false;
|
|
68
|
+
var debugStr = (params === null || params === void 0 ? void 0 : params.debugName) ? 'at ' + (params === null || params === void 0 ? void 0 : params.debugName) + ' ' : '';
|
|
69
|
+
logger.warn("".concat(_options.baseStyleProp, ".").concat(_options.adapt, " must be a number or not be set at all"), { props: props, options: _options }, 'useKeyboardAwareView' + debugStr);
|
|
70
|
+
}
|
|
71
|
+
};
|
|
72
|
+
var newStyleProp = __assign({}, baseStyle);
|
|
73
|
+
switch (_options.adapt) {
|
|
74
|
+
case 'height':
|
|
75
|
+
warnOnNotNumber();
|
|
76
|
+
var baseHeight = baseValue || 0;
|
|
77
|
+
newStyleProp.height = baseHeight - keyboard.height;
|
|
78
|
+
break;
|
|
79
|
+
case 'maxHeight':
|
|
80
|
+
if (keyboard.isVisible) {
|
|
81
|
+
warnOnNotNumber();
|
|
82
|
+
var baseMaxHeight = baseValue || react_native_1.Dimensions.get('window').height;
|
|
83
|
+
newStyleProp.maxHeight = baseMaxHeight - keyboard.height;
|
|
84
|
+
// break
|
|
85
|
+
}
|
|
86
|
+
break;
|
|
87
|
+
case 'paddingBottom':
|
|
88
|
+
warnOnNotNumber();
|
|
89
|
+
var basePaddingBottom = baseValue || 0;
|
|
90
|
+
newStyleProp.paddingBottom = basePaddingBottom + keyboard.height;
|
|
91
|
+
break;
|
|
92
|
+
case 'marginBottom':
|
|
93
|
+
warnOnNotNumber();
|
|
94
|
+
var baseMarginBottom = baseValue || 0;
|
|
95
|
+
newStyleProp.marginBottom = baseMarginBottom + keyboard.height;
|
|
96
|
+
break;
|
|
97
|
+
case 'bottom':
|
|
98
|
+
warnOnNotNumber();
|
|
99
|
+
var baseBottom = baseValue || 0;
|
|
100
|
+
newStyleProp.bottom = baseBottom + keyboard.height;
|
|
101
|
+
break;
|
|
102
|
+
}
|
|
103
|
+
if (!valid)
|
|
104
|
+
return props;
|
|
105
|
+
return __assign(__assign({}, props), (_a = {}, _a[_options.baseStyleProp] = newStyleProp, _a));
|
|
106
|
+
}
|
|
57
107
|
return {
|
|
58
108
|
keyboard: keyboard,
|
|
59
|
-
|
|
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
|
-
},
|
|
109
|
+
getKeyboardAwareProps: getKeyboardAwareProps,
|
|
76
110
|
};
|
|
77
111
|
};
|
|
78
|
-
exports.
|
|
112
|
+
exports.useKeyboardAwareView = useKeyboardAwareView;
|
|
79
113
|
//# sourceMappingURL=keyboardHooks.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"keyboardHooks.js","sourceRoot":"","sources":["../../../src/utils/KeyboardAware/keyboardHooks.ts"],"names":[],"mappings":";;;;;;;;;;;;;;AAAA,
|
|
1
|
+
{"version":3,"file":"keyboardHooks.js","sourceRoot":"","sources":["../../../src/utils/KeyboardAware/keyboardHooks.ts"],"names":[],"mappings":"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"}
|
package/dist/utils/hooks.d.ts
CHANGED
package/dist/utils/hooks.js
CHANGED
|
@@ -11,7 +11,7 @@ var __assign = (this && this.__assign) || function () {
|
|
|
11
11
|
return __assign.apply(this, arguments);
|
|
12
12
|
};
|
|
13
13
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
14
|
-
exports.usePressableFeedback = exports.useStaticAnimationStyles = exports.useAppState = exports.useAnimateColor = void 0;
|
|
14
|
+
exports.useBackButton = exports.usePressableFeedback = exports.useStaticAnimationStyles = exports.useAppState = exports.useAnimateColor = void 0;
|
|
15
15
|
var common_1 = require("@codeleap/common");
|
|
16
16
|
var react_native_1 = require("react-native");
|
|
17
17
|
function useAnimateColor(value, opts) {
|
|
@@ -112,4 +112,20 @@ function usePressableFeedback(styles, config) {
|
|
|
112
112
|
};
|
|
113
113
|
}
|
|
114
114
|
exports.usePressableFeedback = usePressableFeedback;
|
|
115
|
+
function useBackButton(cb, deps) {
|
|
116
|
+
if (deps === void 0) { deps = []; }
|
|
117
|
+
(0, common_1.onUpdate)(function () {
|
|
118
|
+
var subscription = react_native_1.BackHandler.addEventListener('hardwareBackPress', function () {
|
|
119
|
+
var stopBubbling = cb();
|
|
120
|
+
if (common_1.TypeGuards.isBoolean(stopBubbling)) {
|
|
121
|
+
return stopBubbling;
|
|
122
|
+
}
|
|
123
|
+
return false;
|
|
124
|
+
});
|
|
125
|
+
return function () {
|
|
126
|
+
subscription.remove();
|
|
127
|
+
};
|
|
128
|
+
}, deps);
|
|
129
|
+
}
|
|
130
|
+
exports.useBackButton = useBackButton;
|
|
115
131
|
//# sourceMappingURL=hooks.js.map
|
package/dist/utils/hooks.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"hooks.js","sourceRoot":"","sources":["../../src/utils/hooks.ts"],"names":[],"mappings":";;;;;;;;;;;;;;AAAA,2CAA2G;AAC3G,
|
|
1
|
+
{"version":3,"file":"hooks.js","sourceRoot":"","sources":["../../src/utils/hooks.ts"],"names":[],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -8,7 +8,7 @@ export * from './styles'
|
|
|
8
8
|
export type DrawerProps = Omit<ModalProps, 'variants'> & ComponentVariants<typeof DrawerStyles>
|
|
9
9
|
|
|
10
10
|
export const Drawer:React.FC<DrawerProps> = (props) => {
|
|
11
|
-
const { variants, styles, ...modalProps } = props
|
|
11
|
+
const { variants, styles, scrollProps, ...modalProps } = props
|
|
12
12
|
|
|
13
13
|
const variantStyles = useDefaultComponentStyle('u:Drawer', {
|
|
14
14
|
variants,
|
|
@@ -19,6 +19,16 @@ export const Drawer:React.FC<DrawerProps> = (props) => {
|
|
|
19
19
|
return <Modal
|
|
20
20
|
styles={variantStyles}
|
|
21
21
|
scroll={false}
|
|
22
|
+
|
|
22
23
|
{...modalProps}
|
|
24
|
+
scrollProps={{
|
|
25
|
+
...scrollProps,
|
|
26
|
+
keyboardAware: {
|
|
27
|
+
adapt: 'height',
|
|
28
|
+
baseStyleProp: 'style',
|
|
29
|
+
|
|
30
|
+
...scrollProps?.keyboardAware,
|
|
31
|
+
},
|
|
32
|
+
}}
|
|
23
33
|
/>
|
|
24
34
|
}
|
|
@@ -13,15 +13,15 @@ export const DrawerStyles = {
|
|
|
13
13
|
...defaultStyle,
|
|
14
14
|
box: {
|
|
15
15
|
width: '100%',
|
|
16
|
-
maxHeight: theme.values.height * 0.99,
|
|
17
|
-
|
|
16
|
+
maxHeight: theme.values.window.height * 0.99,
|
|
17
|
+
|
|
18
18
|
},
|
|
19
19
|
innerWrapper: {
|
|
20
20
|
...theme.presets.justifyEnd,
|
|
21
21
|
},
|
|
22
22
|
|
|
23
23
|
'box:hidden': {
|
|
24
|
-
translateY: theme.values.height,
|
|
24
|
+
translateY: theme.values.window.height,
|
|
25
25
|
opacity: 1,
|
|
26
26
|
scale: 1,
|
|
27
27
|
},
|