@codeleap/mobile 2.1.9 → 2.2.1
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 -2
- 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 +3 -5
- 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 +4 -2
- package/dist/components/Modal/index.js +11 -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 +15 -15
- package/dist/components/Modal/styles.js.map +1 -1
- package/dist/components/MultiSelect/index.js +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 +20 -6
- package/dist/components/Scroll/index.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 +13 -1
- package/dist/components/Select/index.js.map +1 -1
- package/dist/components/Select/styles.js +2 -0
- package/dist/components/Select/styles.js.map +1 -1
- package/dist/components/Select/types.d.ts +2 -0
- 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/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 +30 -0
- package/dist/utils/KeyboardAware/keyboardHooks.js +113 -0
- package/dist/utils/KeyboardAware/keyboardHooks.js.map +1 -0
- package/dist/utils/KeyboardAware/lib/KeyboardAwareHOC.d.ts +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 -2
- package/src/components/Drawer/index.tsx +11 -1
- package/src/components/Drawer/styles.ts +4 -4
- 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 +18 -7
- package/src/components/Modal/styles.ts +38 -27
- package/src/components/MultiSelect/index.tsx +1 -1
- package/src/components/Pager/styles.ts +7 -7
- package/src/components/Scroll/index.tsx +37 -24
- package/src/components/SegmentedControl/index.tsx +3 -0
- package/src/components/Select/index.tsx +13 -7
- package/src/components/Select/styles.ts +2 -0
- package/src/components/Select/types.ts +2 -0
- package/src/components/legacy/Modal/index.tsx +3 -2
- package/src/components/legacy/Modal/styles.ts +17 -17
- package/src/utils/KeyboardAware/index.ts +1 -0
- package/src/utils/KeyboardAware/keyboardHooks.ts +155 -0
- package/src/utils/hooks.ts +19 -1
|
@@ -18,8 +18,7 @@ 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
|
-
|
|
22
|
-
maxHeight: theme.values.height * 0.85,
|
|
21
|
+
maxHeight: theme.values.window.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',
|
|
25
24
|
right: 0,
|
|
@@ -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,
|
|
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,CAAC,MAAM,GAAG,IAAI;aAC7C,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"}
|
|
@@ -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);
|
|
@@ -47,13 +58,13 @@ var react_native_1 = require("react-native");
|
|
|
47
58
|
var Modal_1 = __importDefault(require("../Modal"));
|
|
48
59
|
__exportStar(require("./styles"), exports);
|
|
49
60
|
var Drawer = function (props) {
|
|
50
|
-
var variants = props.variants, styles = props.styles, modalProps = __rest(props, ["variants", "styles"]);
|
|
61
|
+
var variants = props.variants, styles = props.styles, scrollProps = props.scrollProps, modalProps = __rest(props, ["variants", "styles", "scrollProps"]);
|
|
51
62
|
var variantStyles = (0, common_1.useDefaultComponentStyle)('u:Drawer', {
|
|
52
63
|
variants: variants,
|
|
53
64
|
styles: styles,
|
|
54
65
|
transform: react_native_1.StyleSheet.flatten,
|
|
55
66
|
});
|
|
56
|
-
return <Modal_1.default styles={variantStyles} {...modalProps}/>;
|
|
67
|
+
return <Modal_1.default styles={variantStyles} scroll={false} {...modalProps} scrollProps={__assign(__assign({}, scrollProps), { keyboardAware: __assign({ adapt: 'height', baseStyleProp: 'style' }, scrollProps === null || scrollProps === void 0 ? void 0 : scrollProps.keyboardAware) })}/>;
|
|
57
68
|
};
|
|
58
69
|
exports.Drawer = Drawer;
|
|
59
70
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Drawer/index.tsx"],"names":[],"mappings":"
|
|
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,GAAyC,KAAK,SAA9C,EAAE,MAAM,GAAiC,KAAK,OAAtC,EAAE,WAAW,GAAoB,KAAK,YAAzB,EAAK,UAAU,UAAK,KAAK,EAAxD,qCAAgD,CAAF,CAAU;IAE9D,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,CAEd,IAAI,UAAU,CAAC,CACf,WAAW,CAAC,uBACP,WAAW,KACd,aAAa,aACX,KAAK,EAAE,QAAQ,EACf,aAAa,EAAE,OAAO,IAEnB,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,aAAa,KAE/B,EACF,CAAA;AACJ,CAAC,CAAA;AAxBY,QAAA,MAAM,UAwBlB"}
|
|
@@ -16,14 +16,12 @@ var common_1 = require("@codeleap/common");
|
|
|
16
16
|
var Modal_1 = require("../Modal");
|
|
17
17
|
var createDrawerStyle = (0, common_1.createDefaultVariantFactory)();
|
|
18
18
|
exports.DrawerStyles = __assign(__assign({}, Modal_1.ModalStyles), { default: createDrawerStyle(function (theme) {
|
|
19
|
-
var _a;
|
|
20
19
|
var defaultStyle = Modal_1.ModalStyles.default(theme);
|
|
21
20
|
return __assign(__assign({}, defaultStyle), { box: {
|
|
22
21
|
width: '100%',
|
|
23
|
-
maxHeight: theme.values.height * 0.
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
translateY: theme.values.height,
|
|
22
|
+
maxHeight: theme.values.window.height * 0.99,
|
|
23
|
+
}, innerWrapper: __assign({}, theme.presets.justifyEnd), 'box:hidden': {
|
|
24
|
+
translateY: theme.values.window.height,
|
|
27
25
|
opacity: 1,
|
|
28
26
|
scale: 1,
|
|
29
27
|
}, 'box:visible': {
|
|
@@ -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
|
|
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,CAAC,MAAM,GAAG,IAAI;aAE7C,EACD,YAAY,eACP,KAAK,CAAC,OAAO,CAAC,UAAU,GAG7B,YAAY,EAAE;gBACZ,UAAU,EAAE,KAAK,CAAC,MAAM,CAAC,MAAM,CAAC,MAAM;gBACtC,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"}
|
|
@@ -16,7 +16,7 @@ var common_1 = require("@codeleap/common");
|
|
|
16
16
|
var createEmptyPlaceholderStyle = (0, common_1.createDefaultVariantFactory)();
|
|
17
17
|
var presets = (0, common_1.includePresets)(function (styles) { return createEmptyPlaceholderStyle(function () { return ({ wrapper: styles }); }); });
|
|
18
18
|
exports.EmptyPlaceholderStyles = __assign(__assign({}, presets), { default: createEmptyPlaceholderStyle(function (theme) { return ({
|
|
19
|
-
wrapper: __assign(__assign({}, theme.presets.center), { minHeight: theme.values.height / 2, height: '100%', flex: 1 }),
|
|
19
|
+
wrapper: __assign(__assign({}, theme.presets.center), { minHeight: theme.values.window.height / 2, height: '100%', flex: 1 }),
|
|
20
20
|
loaderWrapper: __assign(__assign(__assign({}, theme.spacing.marginVertical(8)), theme.presets.center), theme.presets.flex),
|
|
21
21
|
icon: {
|
|
22
22
|
color: theme.colors.placeholder,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/components/EmptyPlaceholder/styles.ts"],"names":[],"mappings":";;;;;;;;;;;;;;AAAA,2CAA+F;AAU/F,IAAM,2BAA2B,GAAG,IAAA,oCAA2B,GAA+B,CAAA;AAE9F,IAAM,OAAO,GAAG,IAAA,uBAAc,EAAC,UAAC,MAAM,IAAK,OAAA,2BAA2B,CAAC,cAAM,OAAA,CAAC,EAAE,OAAO,EAAE,MAAM,EAAE,CAAC,EAArB,CAAqB,CAAC,EAAxD,CAAwD,CAClG,CAAA;AAEY,QAAA,sBAAsB,yBAC9B,OAAO,KACV,OAAO,EAAE,2BAA2B,CAAC,UAAC,KAAK,IAAK,OAAA,CAAC;QAC/C,OAAO,wBACF,KAAK,CAAC,OAAO,CAAC,MAAM,KACvB,SAAS,EAAE,KAAK,CAAC,MAAM,CAAC,MAAM,GAAG,CAAC,
|
|
1
|
+
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/components/EmptyPlaceholder/styles.ts"],"names":[],"mappings":";;;;;;;;;;;;;;AAAA,2CAA+F;AAU/F,IAAM,2BAA2B,GAAG,IAAA,oCAA2B,GAA+B,CAAA;AAE9F,IAAM,OAAO,GAAG,IAAA,uBAAc,EAAC,UAAC,MAAM,IAAK,OAAA,2BAA2B,CAAC,cAAM,OAAA,CAAC,EAAE,OAAO,EAAE,MAAM,EAAE,CAAC,EAArB,CAAqB,CAAC,EAAxD,CAAwD,CAClG,CAAA;AAEY,QAAA,sBAAsB,yBAC9B,OAAO,KACV,OAAO,EAAE,2BAA2B,CAAC,UAAC,KAAK,IAAK,OAAA,CAAC;QAC/C,OAAO,wBACF,KAAK,CAAC,OAAO,CAAC,MAAM,KACvB,SAAS,EAAE,KAAK,CAAC,MAAM,CAAC,MAAM,CAAC,MAAM,GAAG,CAAC,EACzC,MAAM,EAAE,MAAM,EACd,IAAI,EAAE,CAAC,GACR;QACD,aAAa,iCAER,KAAK,CAAC,OAAO,CAAC,cAAc,CAAC,CAAC,CAAC,GAC/B,KAAK,CAAC,OAAO,CAAC,MAAM,GACpB,KAAK,CAAC,OAAO,CAAC,IAAI,CACtB;QACD,IAAI,EAAE;YACJ,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,WAAW;YAC/B,IAAI,EAAE,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE,CAAC;SAC9B;QACD,IAAI,wBACC,IAAA,wBAAe,EAAC,IAAI,CAAC,CAAC,KAAK,CAAC,CAAC,IAAI,GACjC,KAAK,CAAC,OAAO,CAAC,UAAU,CAC5B;KACF,CAAC,EArB8C,CAqB9C,CAAC,EACH,OAAO,EAAE,2BAA2B,CAAC,UAAC,KAAK,IAAK,OAAA,CAAC;QAC/C,OAAO,wBACF,KAAK,CAAC,OAAO,CAAC,cAAc,CAAC,CAAC,CAAC,KAClC,YAAY,EAAE,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,GACrC;KACF,CAAC,EAL8C,CAK9C,CAAC,EACH,QAAQ,EAAE,2BAA2B,CAAC,UAAC,KAAK,IAAK,OAAA,CAAC;QAChD,iBAAiB,iCACZ,KAAK,CAAC,OAAO,CAAC,QAAQ,GACtB,KAAK,CAAC,OAAO,CAAC,KAAK,KACtB,eAAe,EAAE,KAAK,CAAC,MAAM,CAAC,UAAU,GACzC;QACD,OAAO,iCACF,KAAK,CAAC,OAAO,CAAC,QAAQ,GACtB,KAAK,CAAC,OAAO,CAAC,KAAK,KACtB,eAAe,EAAE,KAAK,CAAC,MAAM,CAAC,UAAU,GACzC;KACF,CAAC,EAX+C,CAW/C,CAAC,IACJ"}
|
|
@@ -6,6 +6,7 @@ import { ViewProps } from '../View';
|
|
|
6
6
|
import { EmptyPlaceholderProps } from '../EmptyPlaceholder';
|
|
7
7
|
import { GridComposition, GridStyles } from './styles';
|
|
8
8
|
import { StylesOf } from '../../types';
|
|
9
|
+
import { GetKeyboardAwarePropsOptions } from '../../utils';
|
|
9
10
|
export declare type DataboundFlatGridPropsTypes = 'data' | 'renderItem' | 'keyExtractor' | 'getItemLayout';
|
|
10
11
|
export declare type ReplaceFlatGridProps<P, T> = Omit<P, DataboundFlatGridPropsTypes> & {
|
|
11
12
|
data: T[];
|
|
@@ -22,7 +23,8 @@ export * from './styles';
|
|
|
22
23
|
export declare type GridProps<T = any[], Data = T extends Array<infer D> ? D : never> = FlatGridProps<Data> & Omit<ViewProps, 'variants'> & {
|
|
23
24
|
separators?: boolean;
|
|
24
25
|
placeholder?: EmptyPlaceholderProps;
|
|
25
|
-
keyboardAware?:
|
|
26
|
+
keyboardAware?: GetKeyboardAwarePropsOptions;
|
|
27
|
+
debugName?: string;
|
|
26
28
|
styles?: StylesOf<GridComposition>;
|
|
27
29
|
refreshControlProps?: Partial<RefreshControlProps>;
|
|
28
30
|
} & ComponentVariants<typeof GridStyles>;
|
|
@@ -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);
|
|
@@ -47,9 +58,8 @@ var View_1 = require("../View");
|
|
|
47
58
|
var EmptyPlaceholder_1 = require("../EmptyPlaceholder");
|
|
48
59
|
var utils_1 = require("../../utils");
|
|
49
60
|
__exportStar(require("./styles"), exports);
|
|
50
|
-
var KeyboardAwareFlatGrid = (0, utils_1.listenToKeyboardEvents)(react_native_super_grid_1.FlatGrid);
|
|
51
61
|
var GridCP = (0, react_1.forwardRef)(function (flatGridProps, ref) {
|
|
52
|
-
var _a = flatGridProps.variants, variants = _a === void 0 ? [] : _a, style = flatGridProps.style, _b = flatGridProps.styles, styles = _b === void 0 ? {} : _b, onRefresh = flatGridProps.onRefresh, refreshing = flatGridProps.refreshing, placeholder = flatGridProps.placeholder,
|
|
62
|
+
var _a = flatGridProps.variants, variants = _a === void 0 ? [] : _a, style = flatGridProps.style, _b = flatGridProps.styles, styles = _b === void 0 ? {} : _b, onRefresh = flatGridProps.onRefresh, refreshing = flatGridProps.refreshing, placeholder = flatGridProps.placeholder, keyboardAware = flatGridProps.keyboardAware, debugName = flatGridProps.debugName, _c = flatGridProps.refreshControlProps, refreshControlProps = _c === void 0 ? {} : _c, props = __rest(flatGridProps, ["variants", "style", "styles", "onRefresh", "refreshing", "placeholder", "keyboardAware", "debugName", "refreshControlProps"]);
|
|
53
63
|
var variantStyles = (0, common_1.useDefaultComponentStyle)('u:Grid', {
|
|
54
64
|
variants: variants,
|
|
55
65
|
styles: styles,
|
|
@@ -61,9 +71,14 @@ var GridCP = (0, react_1.forwardRef)(function (flatGridProps, ref) {
|
|
|
61
71
|
var separatorProp = props.separators;
|
|
62
72
|
var isEmpty = !props.data || !props.data.length;
|
|
63
73
|
var separator = !isEmpty && separatorProp == true && renderSeparator;
|
|
64
|
-
var Component = keyboardAware ? KeyboardAwareFlatGrid : react_native_super_grid_1.FlatGrid;
|
|
65
74
|
var refreshStyles = react_native_1.StyleSheet.flatten([variantStyles.refreshControl, styles.refreshControl]);
|
|
66
|
-
|
|
75
|
+
var Component = react_native_super_grid_1.FlatGrid;
|
|
76
|
+
var _gridProps = __assign({ style: [variantStyles.wrapper, style], contentContainerStyle: variantStyles.content, ref: ref, ItemSeparatorComponent: separator, refreshControl: !!onRefresh && (<react_native_1.RefreshControl refreshing={refreshing} onRefresh={onRefresh} tintColor={refreshStyles === null || refreshStyles === void 0 ? void 0 : refreshStyles.color} colors={[refreshStyles === null || refreshStyles === void 0 ? void 0 : refreshStyles.color]} {...refreshControlProps}/>), ListEmptyComponent: <EmptyPlaceholder_1.EmptyPlaceholder {...placeholder}/> }, props);
|
|
77
|
+
var keyboard = (0, utils_1.useKeyboardAwareView)({
|
|
78
|
+
debugName: debugName,
|
|
79
|
+
});
|
|
80
|
+
var gridProps = keyboard.getKeyboardAwareProps(_gridProps, __assign({ baseStyleProp: 'contentContainerStyle', adapt: 'paddingBottom' }, keyboardAware));
|
|
81
|
+
return (<Component {...gridProps}/>);
|
|
67
82
|
});
|
|
68
83
|
exports.Grid = GridCP;
|
|
69
84
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Grid/index.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Grid/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA8B;AAC9B,+BAAkC;AAClC,2CAGyB;AAEzB,mEAAqF;AACrF,6CAA8E;AAC9E,gCAAyC;AACzC,wDAA6E;AAG7E,qCAAgF;AAehF,2CAAwB;AAexB,IAAM,MAAM,GAAG,IAAA,kBAAU,EACvB,UAAC,aAAa,EAAE,GAAG;IAEf,IAAA,KAUE,aAAa,SAVF,EAAb,QAAQ,mBAAG,EAAE,KAAA,EACb,KAAK,GASH,aAAa,MATV,EACL,KAQE,aAAa,OARJ,EAAX,MAAM,mBAAG,EAAE,KAAA,EACX,SAAS,GAOP,aAAa,UAPN,EACT,UAAU,GAMR,aAAa,WANL,EACV,WAAW,GAKT,aAAa,YALJ,EACX,aAAa,GAIX,aAAa,cAJF,EACb,SAAS,GAGP,aAAa,UAHN,EACT,KAEE,aAAa,oBAFS,EAAxB,mBAAmB,mBAAG,EAAE,KAAA,EACrB,KAAK,UACN,aAAa,EAXX,8HAWL,CADS,CACO;IAEjB,IAAM,aAAa,GAAG,IAAA,iCAAwB,EAA8B,QAAQ,EAAE;QACpF,QAAQ,UAAA;QACR,MAAM,QAAA;QACN,SAAS,EAAE,yBAAU,CAAC,OAAO;KAE9B,CAAC,CAAA;IAEF,IAAM,eAAe,GAAG;QACtB,OAAO,CACL,CAAC,WAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,EAAE,WAAI,CAAC,CACvC,CAAA;IACH,CAAC,CAAA;IAED,IAAM,aAAa,GAAG,KAAK,CAAC,UAAU,CAAA;IACtC,IAAM,OAAO,GAAG,CAAC,KAAK,CAAC,IAAI,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,MAAM,CAAA;IACjD,IAAM,SAAS,GAAG,CAAC,OAAO,IAAI,aAAa,IAAI,IAAI,IAAI,eAAe,CAAA;IAEtE,IAAM,aAAa,GAAG,yBAAU,CAAC,OAAO,CAAC,CAAC,aAAa,CAAC,cAAc,EAAE,MAAM,CAAC,cAAc,CAAC,CAAC,CAAA;IAC/F,IAAM,SAAS,GAAG,kCAAQ,CAAA;IAE1B,IAAM,UAAU,cACd,KAAK,EAAE,CAAC,aAAa,CAAC,OAAO,EAAE,KAAK,CAAC,EACrC,qBAAqB,EAAE,aAAa,CAAC,OAAO,EAC5C,GAAG,EAAE,GAA0B,EAC/B,sBAAsB,EAAE,SAAS,EACjC,cAAc,EACV,CAAC,CAAC,SAAS,IAAI,CACb,CAAC,6BAAc,CACb,UAAU,CAAC,CAAC,UAAU,CAAC,CACvB,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,EAEL,kBAAkB,EAAE,CAAC,mCAAgB,CAAC,IAAI,WAAW,CAAC,EAAE,IACrD,KAAK,CACT,CAAA;IACD,IAAM,QAAQ,GAAG,IAAA,4BAAoB,EAAC;QACpC,SAAS,WAAA;KACV,CAAC,CAAA;IACF,IAAM,SAAS,GAAG,QAAQ,CAAC,qBAAqB,CAAC,UAAU,aACzD,aAAa,EAAE,uBAAuB,EACtC,KAAK,EAAE,eAAe,IACnB,aAAa,EAChB,CAAA;IACF,OAAO,CACL,CAAC,SAAS,CACR,IAAI,SAAS,CAAC,EACd,CACH,CAAA;AACH,CAAC,CACF,CAAA;AAIY,QAAA,IAAI,GAAG,MAA2B,CAAA"}
|
|
@@ -60,8 +60,7 @@ var SpotlightProvider = function (_a) {
|
|
|
60
60
|
exports.SpotlightProvider = SpotlightProvider;
|
|
61
61
|
function useSpotlight(name) {
|
|
62
62
|
var ctx = (0, react_1.useContext)(SpotlightCtx);
|
|
63
|
-
var imList = Object.values(ctx.spotlights[name] || {})
|
|
64
|
-
.sort(function (a, b) { return a.created - b.created; });
|
|
63
|
+
var imList = Object.values(ctx.spotlights[name] || {});
|
|
65
64
|
return {
|
|
66
65
|
images: imList,
|
|
67
66
|
currentIndex: ctx.indexes[name],
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Spotlight.js","sourceRoot":"","sources":["../../../src/components/ImageView/Spotlight.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAAmD;AACnD,2CAAuG;AAGvG,wEAAoC;AACpC,yCAAuC;AAoBvC,IAAM,YAAY,GAAG,eAAK,CAAC,aAAa,CAAC,EAAmB,CAAC,CAAA;AAEtD,IAAM,iBAAiB,GAAY,UAAC,EAAY;QAAV,QAAQ,cAAA;IAC7C,IAAA,KAA8B,IAAA,gBAAQ,EAA8B,EAAE,CAAC,EAAtE,UAAU,QAAA,EAAE,aAAa,QAA6C,CAAA;IACvE,IAAA,KAAwB,IAAA,gBAAQ,EAA2B,EAAE,CAAC,EAA7D,OAAO,QAAA,EAAE,UAAU,QAA0C,CAAA;IACpE,IAAM,QAAQ,GAAiB;QAC7B,UAAU,YAAA;QACV,aAAa,eAAA;QACb,OAAO,SAAA;QACP,UAAU,YAAA;KACX,CAAA;IAED,OAAO,CAAC,YAAY,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,QAAQ,CAAC,CAC5C;IAAA,CAAC,QAAQ,CACX;EAAA,EAAE,YAAY,CAAC,QAAQ,CAAC,CAAA;AAC1B,CAAC,CAAA;AAbY,QAAA,iBAAiB,qBAa7B;AAED,SAAgB,YAAY,CAAC,IAAY;IACvC,IAAM,GAAG,GAAG,IAAA,kBAAU,EAAC,YAAY,CAAC,CAAA;IAEpC,IAAM,MAAM,GACV,MAAM,CAAC,MAAM,CAAC,GAAG,CAAC,UAAU,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC
|
|
1
|
+
{"version":3,"file":"Spotlight.js","sourceRoot":"","sources":["../../../src/components/ImageView/Spotlight.tsx"],"names":[],"mappings":"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"}
|
|
@@ -5,6 +5,7 @@ import { ViewProps } from '../View';
|
|
|
5
5
|
import { EmptyPlaceholderProps } from '../EmptyPlaceholder';
|
|
6
6
|
import { ListComposition, ListStyles } from './styles';
|
|
7
7
|
import { StylesOf } from '../../types';
|
|
8
|
+
import { GetKeyboardAwarePropsOptions } from '../../utils';
|
|
8
9
|
export declare type DataboundFlatListPropsTypes = 'data' | 'renderItem' | 'keyExtractor' | 'getItemLayout';
|
|
9
10
|
export declare type ReplaceFlatlistProps<P, T> = Omit<P, DataboundFlatListPropsTypes> & {
|
|
10
11
|
data: T[];
|
|
@@ -22,7 +23,7 @@ export * from './PaginationIndicator';
|
|
|
22
23
|
export declare type FlatListProps<T = any[], Data = T extends Array<infer D> ? D : never> = RNFlatListProps<Data> & Omit<ViewProps, 'variants'> & {
|
|
23
24
|
separators?: boolean;
|
|
24
25
|
placeholder?: EmptyPlaceholderProps;
|
|
25
|
-
keyboardAware?:
|
|
26
|
+
keyboardAware?: GetKeyboardAwarePropsOptions;
|
|
26
27
|
styles?: StylesOf<ListComposition>;
|
|
27
28
|
refreshControlProps?: Partial<RefreshControlProps>;
|
|
28
29
|
} & ComponentVariants<typeof ListStyles>;
|
|
@@ -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);
|
|
@@ -48,21 +59,24 @@ var utils_1 = require("../../utils");
|
|
|
48
59
|
__exportStar(require("./styles"), exports);
|
|
49
60
|
__exportStar(require("./PaginationIndicator"), exports);
|
|
50
61
|
var ListCP = (0, react_1.forwardRef)(function (flatListProps, ref) {
|
|
51
|
-
var _a = flatListProps.variants, variants = _a === void 0 ? [] : _a, style = flatListProps.style, _b = flatListProps.styles, styles = _b === void 0 ? {} : _b, onRefresh = flatListProps.onRefresh, component = flatListProps.component, refreshing = flatListProps.refreshing, placeholder = flatListProps.placeholder,
|
|
62
|
+
var _a = flatListProps.variants, variants = _a === void 0 ? [] : _a, style = flatListProps.style, _b = flatListProps.styles, styles = _b === void 0 ? {} : _b, onRefresh = flatListProps.onRefresh, component = flatListProps.component, refreshing = flatListProps.refreshing, placeholder = flatListProps.placeholder, keyboardAware = flatListProps.keyboardAware, _c = flatListProps.refreshControlProps, refreshControlProps = _c === void 0 ? {} : _c, props = __rest(flatListProps, ["variants", "style", "styles", "onRefresh", "component", "refreshing", "placeholder", "keyboardAware", "refreshControlProps"]);
|
|
52
63
|
var variantStyles = (0, common_1.useDefaultComponentStyle)('u:List', {
|
|
53
64
|
variants: variants,
|
|
54
65
|
styles: styles,
|
|
55
66
|
transform: react_native_1.StyleSheet.flatten,
|
|
56
67
|
});
|
|
57
|
-
var renderSeparator = function () {
|
|
68
|
+
var renderSeparator = (0, common_1.useCallback)(function () {
|
|
58
69
|
return (<View_1.View variants={['separator']}></View_1.View>);
|
|
59
|
-
};
|
|
70
|
+
}, []);
|
|
60
71
|
var separatorProp = props.separators;
|
|
61
72
|
var isEmpty = !props.data || !props.data.length;
|
|
62
73
|
var separator = !isEmpty && separatorProp == true && renderSeparator;
|
|
63
|
-
var Component = component ||
|
|
74
|
+
var Component = component || react_native_1.FlatList;
|
|
64
75
|
var refreshStyles = react_native_1.StyleSheet.flatten([variantStyles.refreshControl, styles.refreshControl]);
|
|
65
|
-
|
|
76
|
+
var _listProps = __assign({ style: [variantStyles.wrapper, style], contentContainerStyle: variantStyles.content, ref: ref, ItemSeparatorComponent: separator, refreshControl: !!onRefresh && (<react_native_1.RefreshControl refreshing={refreshing} onRefresh={onRefresh} tintColor={refreshStyles === null || refreshStyles === void 0 ? void 0 : refreshStyles.color} colors={[refreshStyles === null || refreshStyles === void 0 ? void 0 : refreshStyles.color]} {...refreshControlProps}/>), ListEmptyComponent: <EmptyPlaceholder_1.EmptyPlaceholder {...placeholder}/> }, props);
|
|
77
|
+
var keyboard = (0, utils_1.useKeyboardAwareView)();
|
|
78
|
+
var listProps = keyboard.getKeyboardAwareProps(_listProps, __assign({ adapt: 'paddingBottom', baseStyleProp: 'contentContainerStyle' }, keyboardAware));
|
|
79
|
+
return (<Component {...listProps}/>);
|
|
66
80
|
});
|
|
67
81
|
exports.List = ListCP;
|
|
68
82
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/List/index.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/List/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA8B;AAC9B,+BAAkC;AAClC,2CAMyB;AAEzB,6CAA8I;AAC9I,gCAAyC;AACzC,wDAA6E;AAG7E,qCAAgF;AAehF,2CAAwB;AACxB,wDAAqC;AAcrC,IAAM,MAAM,GAAG,IAAA,kBAAU,EACvB,UAAC,aAAa,EAAE,GAAG;IAEf,IAAA,KAUE,aAAa,SAVF,EAAb,QAAQ,mBAAG,EAAE,KAAA,EACb,KAAK,GASH,aAAa,MATV,EACL,KAQE,aAAa,OARJ,EAAX,MAAM,mBAAG,EAAE,KAAA,EACX,SAAS,GAOP,aAAa,UAPN,EACT,SAAS,GAMP,aAAa,UANN,EACT,UAAU,GAKR,aAAa,WALL,EACV,WAAW,GAIT,aAAa,YAJJ,EACX,aAAa,GAGX,aAAa,cAHF,EACb,KAEE,aAAa,oBAFS,EAAxB,mBAAmB,mBAAG,EAAE,KAAA,EACrB,KAAK,UACN,aAAa,EAXX,8HAWL,CADS,CACO;IAEjB,IAAM,aAAa,GAAG,IAAA,iCAAwB,EAA8B,QAAQ,EAAE;QACpF,QAAQ,UAAA;QACR,MAAM,QAAA;QACN,SAAS,EAAE,yBAAU,CAAC,OAAO;KAE9B,CAAC,CAAA;IAEF,IAAM,eAAe,GAAG,IAAA,oBAAW,EAAC;QAClC,OAAO,CACL,CAAC,WAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,EAAE,WAAI,CAAC,CACvC,CAAA;IACH,CAAC,EAAE,EAAE,CAAC,CAAA;IAEN,IAAM,aAAa,GAAG,KAAK,CAAC,UAAU,CAAA;IACtC,IAAM,OAAO,GAAG,CAAC,KAAK,CAAC,IAAI,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,MAAM,CAAA;IACjD,IAAM,SAAS,GAAG,CAAC,OAAO,IAAI,aAAa,IAAI,IAAI,IAAI,eAAe,CAAA;IAEtE,IAAM,SAAS,GAAO,SAAS,IAAI,uBAAQ,CAAA;IAC3C,IAAM,aAAa,GAAG,yBAAU,CAAC,OAAO,CAAC,CAAC,aAAa,CAAC,cAAc,EAAE,MAAM,CAAC,cAAc,CAAC,CAAC,CAAA;IAE/F,IAAM,UAAU,cACd,KAAK,EAAE,CAAC,aAAa,CAAC,OAAO,EAAE,KAAK,CAAC,EACrC,qBAAqB,EAAE,aAAa,CAAC,OAAO,EAC5C,GAAG,EAAE,GAA0B,EAC/B,sBAAsB,EAAE,SAAS,EACjC,cAAc,EAAE,CAAC,CAAC,SAAS,IAAI,CAC7B,CAAC,6BAAc,CACb,UAAU,CAAC,CAAC,UAAU,CAAC,CACvB,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,EACD,kBAAkB,EAAE,CAAC,mCAAgB,CAAC,IAAI,WAAW,CAAC,EAAE,IACrD,KAAK,CACT,CAAA;IACD,IAAM,QAAQ,GAAG,IAAA,4BAAoB,GAAE,CAAA;IACvC,IAAM,SAAS,GAAG,QAAQ,CAAC,qBAAqB,CAAC,UAAU,aACzD,KAAK,EAAE,eAAe,EACtB,aAAa,EAAE,uBAAuB,IACnC,aAAa,EAChB,CAAA;IACF,OAAO,CACL,CAAC,SAAS,CACR,IAAI,SAAS,CAAC,EACd,CACH,CAAA;AACH,CAAC,CACF,CAAA;AAIY,QAAA,IAAI,GAAG,MAA2B,CAAA"}
|
|
@@ -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,9 @@ export declare type ModalProps = Omit<ViewProps, 'variants' | 'styles'> & {
|
|
|
23
24
|
zIndex?: number;
|
|
24
25
|
scroll?: boolean;
|
|
25
26
|
header?: React.ReactElement;
|
|
26
|
-
|
|
27
|
+
closeOnHardwareBackPress?: boolean;
|
|
27
28
|
renderHeader?: (props: ModalHeaderProps) => React.ReactElement;
|
|
29
|
+
scrollProps?: PropsOf<typeof Scroll>;
|
|
28
30
|
};
|
|
29
31
|
export declare type ModalHeaderProps = Omit<ModalProps, 'styles' | 'renderHeader'> & {
|
|
30
32
|
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, _k = modalProps.closeOnHardwareBackPress, closeOnHardwareBackPress = _k === void 0 ? true : _k, props = __rest(modalProps, ["variants", "styles", "visible", "closable", "footer", "children", "toggle", "dismissOnBackdrop", "header", "debugName", "scroll", "renderHeader", "zIndex", "scrollProps", "closeOnHardwareBackPress"]);
|
|
75
75
|
var variantStyles = (0, common_1.useDefaultComponentStyle)('u:Modal', {
|
|
76
76
|
variants: variants,
|
|
77
77
|
transform: react_native_1.StyleSheet.flatten,
|
|
@@ -94,13 +94,19 @@ 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'),
|
|
101
101
|
closeButton: buttonStyles,
|
|
102
102
|
} });
|
|
103
103
|
var Header = renderHeader || DefaultHeader;
|
|
104
|
+
(0, hooks_1.useBackButton)(function () {
|
|
105
|
+
if (visible && closeOnHardwareBackPress) {
|
|
106
|
+
toggle();
|
|
107
|
+
return true;
|
|
108
|
+
}
|
|
109
|
+
}, [visible, toggle, closeOnHardwareBackPress]);
|
|
104
110
|
return (<View_1.View style={[wrapperStyle, { zIndex: common_1.TypeGuards.isNumber(zIndex) ? zIndex : wrapperStyle === null || wrapperStyle === void 0 ? void 0 : wrapperStyle.zIndex }]} pointerEvents={visible ? 'auto' : 'none'}>
|
|
105
111
|
|
|
106
112
|
<Backdrop_1.Backdrop visible={visible} debugName={"Modal ".concat(debugName, " backdrop")} styles={{
|
|
@@ -110,9 +116,10 @@ var Modal = function (modalProps) {
|
|
|
110
116
|
}} wrapperProps={{
|
|
111
117
|
transition: __assign({}, variantStyles['backdrop:transition']),
|
|
112
118
|
}}/>
|
|
113
|
-
<ScrollComponent style={scrollStyle} contentContainerStyle={getStyles('
|
|
119
|
+
<ScrollComponent style={scrollStyle} contentContainerStyle={getStyles('scrollContent')} {...scrollProps}>
|
|
114
120
|
{dismissOnBackdrop &&
|
|
115
121
|
<Touchable_1.Touchable onPress={closable ? toggle : (function () { })} debugName={'Modal backdrop touchable'} style={variantStyles.backdropTouchable} android_ripple={null} noFeedback/>}
|
|
122
|
+
|
|
116
123
|
<View_1.View animated state={boxAnimation} style={getStyles('box')} transition={__assign({}, variantStyles['box:transition'])} {...props}>
|
|
117
124
|
|
|
118
125
|
{header ? header : <Header {...headerProps}/>}
|
|
@@ -122,6 +129,7 @@ var Modal = function (modalProps) {
|
|
|
122
129
|
{typeof footer === 'string' ? <Text_1.Text text={footer}/> : footer}
|
|
123
130
|
</View_1.View>)}
|
|
124
131
|
</View_1.View>
|
|
132
|
+
|
|
125
133
|
</ScrollComponent>
|
|
126
134
|
</View_1.View>);
|
|
127
135
|
};
|
|
@@ -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>>;
|
|
@@ -15,28 +15,27 @@ exports.ModalStyles = void 0;
|
|
|
15
15
|
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
|
-
exports.ModalStyles = __assign(__assign({}, presets), { default: createModalStyle(function (
|
|
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 });
|
|
18
|
+
exports.ModalStyles = __assign(__assign({}, presets), { default: createModalStyle(function (theme) {
|
|
19
|
+
var fullSize = __assign(__assign({}, theme.presets.whole), { position: 'absolute', width: '100%', height: '100%' });
|
|
21
20
|
return {
|
|
22
|
-
wrapper: __assign({ zIndex: 1 },
|
|
21
|
+
wrapper: __assign(__assign({ zIndex: 1, height: theme.values.height, width: theme.values.width }, theme.presets.whole), { position: 'absolute' }),
|
|
23
22
|
'box:transition': {
|
|
24
23
|
scale: {
|
|
25
|
-
duration:
|
|
24
|
+
duration: theme.values.transitions.modal.duration,
|
|
26
25
|
type: 'timing',
|
|
27
26
|
},
|
|
28
27
|
opacity: {
|
|
29
|
-
duration:
|
|
28
|
+
duration: theme.values.transitions.modal.duration,
|
|
30
29
|
type: 'timing',
|
|
31
30
|
},
|
|
32
31
|
},
|
|
33
32
|
'backdrop:transition': {
|
|
34
33
|
opacity: {
|
|
35
|
-
duration:
|
|
34
|
+
duration: theme.values.transitions.modal.duration,
|
|
36
35
|
type: 'timing',
|
|
37
36
|
},
|
|
38
37
|
},
|
|
39
|
-
backdrop: __assign({ backgroundColor:
|
|
38
|
+
backdrop: __assign({ backgroundColor: theme.colors.black }, fullSize),
|
|
40
39
|
backdropTouchable: __assign({}, fullSize),
|
|
41
40
|
'backdrop:visible': {
|
|
42
41
|
opacity: 0.5,
|
|
@@ -44,9 +43,10 @@ exports.ModalStyles = __assign(__assign({}, presets), { default: createModalStyl
|
|
|
44
43
|
'backdrop:hidden': {
|
|
45
44
|
opacity: 0,
|
|
46
45
|
},
|
|
47
|
-
innerWrapper: {},
|
|
48
|
-
|
|
49
|
-
|
|
46
|
+
innerWrapper: __assign(__assign(__assign(__assign({}, theme.presets.alignCenter), theme.presets.justifyCenter), theme.presets.fullHeight), theme.presets.fullWidth),
|
|
47
|
+
scroll: __assign({}, fullSize),
|
|
48
|
+
scrollContent: __assign(__assign(__assign({}, theme.presets.alignCenter), theme.presets.justifyCenter), theme.presets.full),
|
|
49
|
+
box: __assign({ width: '80%', backgroundColor: theme.colors.background, borderRadius: theme.borderRadius.medium }, theme.spacing.padding(2)),
|
|
50
50
|
'box:hidden': {
|
|
51
51
|
opacity: 0,
|
|
52
52
|
scale: 0.8,
|
|
@@ -55,9 +55,9 @@ exports.ModalStyles = __assign(__assign({}, presets), { default: createModalStyl
|
|
|
55
55
|
opacity: 1,
|
|
56
56
|
scale: 1,
|
|
57
57
|
},
|
|
58
|
-
header: __assign(__assign({ flexDirection: 'row' },
|
|
59
|
-
closeButtonWrapper: __assign({ alignSelf: 'center' },
|
|
60
|
-
title: __assign(__assign(__assign(__assign({},
|
|
58
|
+
header: __assign(__assign({ flexDirection: 'row' }, theme.presets.justifySpaceBetween), theme.presets.alignCenter),
|
|
59
|
+
closeButtonWrapper: __assign({ alignSelf: 'center' }, theme.spacing.marginLeft('auto')),
|
|
60
|
+
title: __assign(__assign(__assign(__assign({}, theme.presets.textCenter), (0, common_1.assignTextStyle)('h3')(theme).text), theme.spacing.paddingBottom(1)), { flex: 1 }),
|
|
61
61
|
};
|
|
62
62
|
}), popup: createModalStyle(function () { return ({}); }), fullscreen: createModalStyle(function (theme) { return ({
|
|
63
63
|
overlay: {
|
|
@@ -66,6 +66,6 @@ exports.ModalStyles = __assign(__assign({}, presets), { default: createModalStyl
|
|
|
66
66
|
'overlay:visible': {
|
|
67
67
|
opacity: 1,
|
|
68
68
|
},
|
|
69
|
-
box: __assign({ flex: 1, borderRadius: 0, width: theme.values.width, height: theme.values.height }, theme.presets.center),
|
|
69
|
+
box: __assign({ flex: 1, borderRadius: 0, width: theme.values.width, height: theme.values.window.height }, theme.presets.center),
|
|
70
70
|
}); }) });
|
|
71
71
|
//# sourceMappingURL=styles.js.map
|
|
@@ -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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"}
|
|
@@ -88,7 +88,7 @@ var MultiSelect = function (selectProps) {
|
|
|
88
88
|
};
|
|
89
89
|
var isEmpty = value.length === 0;
|
|
90
90
|
var showClearIcon = !isEmpty && clearable;
|
|
91
|
-
var inputIcon = showClearIcon ?
|
|
91
|
+
var inputIcon = showClearIcon ? clearIconName : arrowIconName;
|
|
92
92
|
var onPressInputIcon = function () {
|
|
93
93
|
if (showClearIcon) {
|
|
94
94
|
onValueChange([]);
|
|
@@ -50,7 +50,7 @@ function pagerAnimation(height, width, translate, transition) {
|
|
|
50
50
|
exports.pagerAnimation = pagerAnimation;
|
|
51
51
|
exports.PagerStyles = __assign(__assign({}, presets), { default: createPagerStyle(function (theme) {
|
|
52
52
|
var width = theme.values.width;
|
|
53
|
-
var height = theme.values.height * 0.8;
|
|
53
|
+
var height = theme.values.window.height * 0.8;
|
|
54
54
|
return __assign(__assign({}, pagerAnimation(height, width, 'X')), { page: {
|
|
55
55
|
width: '100%',
|
|
56
56
|
height: '100%',
|
|
@@ -60,13 +60,13 @@ exports.PagerStyles = __assign(__assign({}, presets), { default: createPagerStyl
|
|
|
60
60
|
bottom: 0,
|
|
61
61
|
top: 0,
|
|
62
62
|
} });
|
|
63
|
-
}), horizontal: createPagerStyle(function (
|
|
64
|
-
var width =
|
|
65
|
-
var height =
|
|
63
|
+
}), horizontal: createPagerStyle(function (theme) {
|
|
64
|
+
var width = theme.values.width;
|
|
65
|
+
var height = theme.values.window.height * 0.8;
|
|
66
66
|
return pagerAnimation(height, width, 'X');
|
|
67
|
-
}), vertical: createPagerStyle(function (
|
|
68
|
-
var height =
|
|
69
|
-
var width =
|
|
67
|
+
}), vertical: createPagerStyle(function (theme) {
|
|
68
|
+
var height = theme.values.window.height * 0.8;
|
|
69
|
+
var width = theme.values.width;
|
|
70
70
|
return pagerAnimation(height, width, 'Y');
|
|
71
71
|
}) });
|
|
72
72
|
//# sourceMappingURL=styles.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/components/Pager/styles.ts"],"names":[],"mappings":";;;;;;;;;;;;;;AAAA,2CAGyB;AACzB,6CAAqC;AAUrC,IAAM,gBAAgB,GAAG,IAAA,oCAA2B,GAAoB,CAAA;AAExE,IAAM,OAAO,GAAG,IAAA,uBAAc,EAAC,UAAC,KAAK,IAAK,OAAA,gBAAgB,CAAC,cAAM,OAAA,CAAC,EAAE,OAAO,EAAE,KAAK,EAAE,CAAC,EAApB,CAAoB,CAAC,EAA5C,CAA4C,CACrF,CAAA;AACY,QAAA,sBAAsB,GAAG;IACpC,IAAI,EAAE,QAAQ;IACd,QAAQ,EAAE,GAAG;IACb,MAAM,EAAE,qBAAM,CAAC,MAAM;CACtB,CAAA;AAED,SAAgB,cAAc,CAAC,MAAM,EAAE,KAAK,EAAE,SAAe,EAAE,UAAmC;;IAApD,0BAAA,EAAA,eAAe;IAAE,2BAAA,EAAA,aAAa,8BAAsB;IAChG,IAAM,aAAa,GAAG,mBAAY,SAAS,CAAE,CAAA;IAE7C,IAAM,YAAY,GAAG,SAAS,KAAK,GAAG,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAA;IAEvD,OAAO;QACL,OAAO,EAAE;YACP,MAAM,QAAA;YACN,KAAK,OAAA;YACL,QAAQ,EAAE,QAAQ;SACnB;QACD,iBAAiB;YACf,GAAC,aAAa,IAAG,UAAU;eAC5B;QACD,WAAW;YACT,GAAC,aAAa,IAAG,YAAY;eAE9B;QACD,cAAc;YACZ,GAAC,aAAa,IAAG,CAAC;eACnB;QACD,eAAe;YACb,GAAC,aAAa,IAAG,CAAC,YAAY;eAC/B;KACF,CAAA;AACH,CAAC;AAzBD,wCAyBC;AAEY,QAAA,WAAW,yBACnB,OAAO,KACV,OAAO,EAAE,gBAAgB,CAAC,UAAC,KAAK;QAC9B,IAAM,KAAK,GAAG,KAAK,CAAC,MAAM,CAAC,KAAK,CAAA;QAChC,IAAM,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC,MAAM,GAAG,GAAG,CAAA;
|
|
1
|
+
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/components/Pager/styles.ts"],"names":[],"mappings":";;;;;;;;;;;;;;AAAA,2CAGyB;AACzB,6CAAqC;AAUrC,IAAM,gBAAgB,GAAG,IAAA,oCAA2B,GAAoB,CAAA;AAExE,IAAM,OAAO,GAAG,IAAA,uBAAc,EAAC,UAAC,KAAK,IAAK,OAAA,gBAAgB,CAAC,cAAM,OAAA,CAAC,EAAE,OAAO,EAAE,KAAK,EAAE,CAAC,EAApB,CAAoB,CAAC,EAA5C,CAA4C,CACrF,CAAA;AACY,QAAA,sBAAsB,GAAG;IACpC,IAAI,EAAE,QAAQ;IACd,QAAQ,EAAE,GAAG;IACb,MAAM,EAAE,qBAAM,CAAC,MAAM;CACtB,CAAA;AAED,SAAgB,cAAc,CAAC,MAAM,EAAE,KAAK,EAAE,SAAe,EAAE,UAAmC;;IAApD,0BAAA,EAAA,eAAe;IAAE,2BAAA,EAAA,aAAa,8BAAsB;IAChG,IAAM,aAAa,GAAG,mBAAY,SAAS,CAAE,CAAA;IAE7C,IAAM,YAAY,GAAG,SAAS,KAAK,GAAG,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAA;IAEvD,OAAO;QACL,OAAO,EAAE;YACP,MAAM,QAAA;YACN,KAAK,OAAA;YACL,QAAQ,EAAE,QAAQ;SACnB;QACD,iBAAiB;YACf,GAAC,aAAa,IAAG,UAAU;eAC5B;QACD,WAAW;YACT,GAAC,aAAa,IAAG,YAAY;eAE9B;QACD,cAAc;YACZ,GAAC,aAAa,IAAG,CAAC;eACnB;QACD,eAAe;YACb,GAAC,aAAa,IAAG,CAAC,YAAY;eAC/B;KACF,CAAA;AACH,CAAC;AAzBD,wCAyBC;AAEY,QAAA,WAAW,yBACnB,OAAO,KACV,OAAO,EAAE,gBAAgB,CAAC,UAAC,KAAK;QAC9B,IAAM,KAAK,GAAG,KAAK,CAAC,MAAM,CAAC,KAAK,CAAA;QAChC,IAAM,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC,MAAM,CAAC,MAAM,GAAG,GAAG,CAAA;QAC/C,6BACK,cAAc,CAAC,MAAM,EAAE,KAAK,EAAE,GAAG,CAAC,KACrC,IAAI,EAAE;gBACJ,KAAK,EAAE,MAAM;gBACb,MAAM,EAAE,MAAM;gBACd,QAAQ,EAAE,UAAU;gBACpB,IAAI,EAAE,CAAC;gBACP,KAAK,EAAE,CAAC;gBACR,MAAM,EAAE,CAAC;gBACT,GAAG,EAAE,CAAC;aACP,IACF;IACH,CAAC,CAAC,EACF,UAAU,EAAE,gBAAgB,CAAC,UAAC,KAAK;QAEjC,IAAM,KAAK,GAAG,KAAK,CAAC,MAAM,CAAC,KAAK,CAAA;QAChC,IAAM,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC,MAAM,CAAC,MAAM,GAAG,GAAG,CAAA;QAC/C,OAAO,cAAc,CAAC,MAAM,EAAE,KAAK,EAAE,GAAG,CAAC,CAAA;IAC3C,CAAC,CAAC,EACF,QAAQ,EAAE,gBAAgB,CAAC,UAAC,KAAK;QAC/B,IAAM,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC,MAAM,CAAC,MAAM,GAAG,GAAG,CAAA;QAC/C,IAAM,KAAK,GAAG,KAAK,CAAC,MAAM,CAAC,KAAK,CAAA;QAChC,OAAO,cAAc,CAAC,MAAM,EAAE,KAAK,EAAE,GAAG,CAAC,CAAA;IAC3C,CAAC,CAAC,IACH"}
|