@codeleap/mobile 2.1.9 → 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.
Files changed (43) hide show
  1. package/dist/components/AutoComplete/styles.js +0 -1
  2. package/dist/components/AutoComplete/styles.js.map +1 -1
  3. package/dist/components/Drawer/index.js +1 -1
  4. package/dist/components/Drawer/index.js.map +1 -1
  5. package/dist/components/Drawer/styles.js +2 -2
  6. package/dist/components/Drawer/styles.js.map +1 -1
  7. package/dist/components/Modal/index.d.ts +3 -2
  8. package/dist/components/Modal/index.js +5 -3
  9. package/dist/components/Modal/index.js.map +1 -1
  10. package/dist/components/Modal/styles.d.ts +1 -1
  11. package/dist/components/Modal/styles.js +7 -4
  12. package/dist/components/Modal/styles.js.map +1 -1
  13. package/dist/components/MultiSelect/index.js +1 -1
  14. package/dist/components/Scroll/index.js +19 -5
  15. package/dist/components/Scroll/index.js.map +1 -1
  16. package/dist/components/Scroll/styles.js +4 -12
  17. package/dist/components/Scroll/styles.js.map +1 -1
  18. package/dist/components/Select/index.js +16 -2
  19. package/dist/components/Select/index.js.map +1 -1
  20. package/dist/components/Select/styles.js +1 -3
  21. package/dist/components/Select/styles.js.map +1 -1
  22. package/dist/components/Select/types.d.ts +1 -0
  23. package/dist/utils/KeyboardAware/index.d.ts +1 -0
  24. package/dist/utils/KeyboardAware/index.js +1 -0
  25. package/dist/utils/KeyboardAware/index.js.map +1 -1
  26. package/dist/utils/KeyboardAware/keyboardHooks.d.ts +14 -0
  27. package/dist/utils/KeyboardAware/keyboardHooks.js +79 -0
  28. package/dist/utils/KeyboardAware/keyboardHooks.js.map +1 -0
  29. package/dist/utils/KeyboardAware/lib/KeyboardAwareHOC.d.ts +1 -1
  30. package/package.json +1 -1
  31. package/src/components/AutoComplete/styles.ts +0 -1
  32. package/src/components/Drawer/index.tsx +1 -1
  33. package/src/components/Drawer/styles.ts +2 -2
  34. package/src/components/Modal/index.tsx +8 -7
  35. package/src/components/Modal/styles.ts +17 -6
  36. package/src/components/MultiSelect/index.tsx +1 -1
  37. package/src/components/Scroll/index.tsx +26 -20
  38. package/src/components/Scroll/styles.ts +2 -1
  39. package/src/components/Select/index.tsx +16 -7
  40. package/src/components/Select/styles.ts +2 -0
  41. package/src/components/Select/types.ts +1 -0
  42. package/src/utils/KeyboardAware/index.ts +1 -0
  43. package/src/utils/KeyboardAware/keyboardHooks.ts +91 -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;gBACrC,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"}
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,CAEtB,IAAI,UAAU,CAAC,EACf,CAAA;AACJ,CAAC,CAAA;AAdY,QAAA,MAAM,UAclB"}
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.7,
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
- }, innerWrapperScroll: __assign({}, theme.presets.justifyEnd), 'box:hidden': {
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,GAAG;gBACpC,aAAa,EAAE,CAAC,MAAA,KAAK,CAAC,MAAM,CAAC,eAAe,mCAAI,CAAC,CAAC,GAAG,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC;aAC5E,EACD,kBAAkB,eACb,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
+ {"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 { ComponentVariants, IconPlaceholder } from '@codeleap/common';
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.keyboardAware, keyboardAware = _h === void 0 ? true : _h, _j = modalProps.zIndex, zIndex = _j === void 0 ? null : _j, props = __rest(modalProps, ["variants", "styles", "visible", "closable", "footer", "children", "toggle", "dismissOnBackdrop", "header", "debugName", "scroll", "renderHeader", "keyboardAware", "zIndex"]);
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('innerWrapper') : [getStyles('innerWrapper'), getStyles('innerWrapperScroll')];
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('innerWrapperScroll')} scrollEnabled={scroll} keyboardAware={keyboardAware}>
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":"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"}
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,2CAQyB;AAMzB,6CAAyC;AAGzC,6BAA0C;AAC1C,wCAAsC;AACtC,2CAA4D;AAC5D,gCAAyC;AACzC,0CAAwC;AAExC,2CAAwB;AA+BxB,IAAM,aAAa,GAA8B,UAAC,KAAK;IAC7C,IAAA,MAAM,GAA4F,KAAK,OAAjG,EAAE,KAA0F,KAAK,MAAnF,EAAZ,KAAK,mBAAG,IAAI,KAAA,EAAE,KAA4E,KAAK,UAAhE,EAAjB,SAAS,mBAAG,KAAK,KAAA,EAAE,QAAQ,GAAiD,KAAK,SAAtD,EAAE,SAAS,GAAsC,KAAK,UAA3C,EAAE,KAAoC,KAAK,cAAlB,EAAvB,aAAa,mBAAG,OAAO,KAAA,EAAE,MAAM,GAAK,KAAK,OAAV,CAAU;IAC/G,OAAO,EACL;IAAA,CAAC,CAAC,KAAK,IAAI,SAAS,CAAC,IAAI,CACvB,CAAC,WAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAC1B;QAAA,CAAC,OAAO,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,CAC3B,CAAC,WAAI,CAAC,IAAI,CAAC,CAAC,KAAK,CAAC,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,EAAG,CAC3C,CAAC,CAAC,CAAC,CACF,KAAK,CACN,CAED;;QAAA,CAAC,CAAC,SAAS,IAAI,QAAQ,CAAC,IAAI,CAC1B,CAAC,eAAM,CACL,SAAS,CAAC,CAAC,UAAG,SAAS,wBAAqB,CAAC,CAC7C,IAAI,CAAC,CAAC,aAAgC,CAAC,CACvC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CACnB,OAAO,CAAC,CAAC,MAAM,CAAC,CAChB,MAAM,CAAC,CAAC,MAAM,CAAC,WAAW,CAAC,EAC3B,CACH,CACH;MAAA,EAAE,WAAI,CAAC,CACR,CAAC,GAAG,CAAA;AACT,CAAC,CAAA;AAEM,IAAM,KAAK,GAAyB,UAAC,UAAU;IAElD,IAAA,KAiBE,UAAU,SAjBC,EAAb,QAAQ,mBAAG,EAAE,KAAA,EACb,KAgBE,UAAU,OAhBD,EAAX,MAAM,mBAAG,EAAE,KAAA,EACX,OAAO,GAeL,UAAU,QAfL,EAEP,KAaE,UAAU,SAbG,EAAf,QAAQ,mBAAG,IAAI,KAAA,EAEf,MAAM,GAWJ,UAAU,OAXN,EACN,QAAQ,GAUN,UAAU,SAVJ,EACR,KASE,UAAU,OATO,EAAnB,MAAM,mBAAG,cAAM,OAAA,IAAI,EAAJ,CAAI,KAAA,EACnB,KAQE,UAAU,kBARY,EAAxB,iBAAiB,mBAAG,IAAI,KAAA,EACxB,KAOE,UAAU,OAPC,EAAb,MAAM,mBAAG,IAAI,KAAA,EACb,SAAS,GAMP,UAAU,UANH,EACT,KAKE,UAAU,OALC,EAAb,MAAM,mBAAG,IAAI,KAAA,EACb,YAAY,GAIV,UAAU,aAJA,EACZ,KAGE,UAAU,OAHC,EAAb,MAAM,mBAAG,IAAI,KAAA,EACb,KAEE,UAAU,YAFI,EAAhB,WAAW,mBAAG,EAAE,KAAA,EACb,KAAK,UACN,UAAU,EAlBR,4KAkBL,CADS,CACI;IAEd,IAAM,aAAa,GAAG,IAAA,iCAAwB,EAAC,SAAS,EAAE;QACxD,QAAQ,EAAE,QAAe;QACzB,SAAS,EAAE,yBAAU,CAAC,OAAO;QAC7B,MAAM,QAAA;KACP,CAAyB,CAAA;IAE1B,SAAS,SAAS,CAAC,GAAe;QAChC,IAAM,CAAC,GAAG;YACR,aAAa,CAAC,GAAG,CAAC;YAClB,MAAM,CAAC,GAAG,CAAC;SACZ,CAAA;QAED,OAAO,yBAAU,CAAC,OAAO,CAAC,CAAC,CAAC,CAAA;IAC9B,CAAC;IACD,IAAM,YAAY,GAAG,KAAK,CAAC,OAAO,CAAC,cAAM,OAAA,IAAA,6BAAoB,EAAC,aAAa,EAAE,aAAa,CAAC,EAAlD,CAAkD,EAAE,CAAC,aAAa,CAAC,CAAC,CAAA;IAE7G,IAAM,kBAAkB,GAAG,IAAA,gCAAwB,EAAC,aAAa,EAAE,CAAC,YAAY,EAAE,aAAa,CAAC,CAAC,CAAA;IAEjG,IAAM,YAAY,GAAG,IAAA,0BAAmB,EAAC;QACvC,OAAO,OAAO,CAAC,CAAC,CAAC,kBAAkB,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,kBAAkB,CAAC,YAAY,CAAC,CAAA;IACvF,CAAC,CAAC,CAAA;IAEF,IAAA,iBAAQ,EAAC;QACP,YAAY,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC,CAAC,kBAAkB,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,kBAAkB,CAAC,YAAY,CAAC,CAAC,CAAA;IACxG,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAA;IACb,IAAM,YAAY,GAAG,SAAS,CAAC,SAAS,CAAC,CAAA;IACzC,IAAM,eAAe,GAAG,MAAM,CAAC,CAAC,CAAC,eAAM,CAAC,CAAC,CAAC,WAAI,CAAA;IAC9C,IAAM,WAAW,GAAG,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,cAAc,CAAC,CAAA;IAE5E,IAAM,WAAW,yBACZ,UAAU,KACb,MAAM,EAAE;YACN,OAAO,EAAE,SAAS,CAAC,QAAQ,CAAC;YAC5B,KAAK,EAAE,SAAS,CAAC,OAAO,CAAC;YACzB,WAAW,EAAE,YAAY;SAC1B,GACF,CAAA;IACD,IAAM,MAAM,GAAG,YAAY,IAAI,aAAa,CAAA;IAC5C,OAAO,CACL,CAAC,WAAI,CACH,KAAK,CAAC,CAAC,CAAC,YAAY,EAAE,EAAE,MAAM,EAAE,mBAAU,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,MAAM,EAAE,CAAC,CAAC,CAC/F,aAAa,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAGzC;;MAAA,CAAC,mBAAQ,CAAC,OAAO,CAAC,CAAC,OAAO,CAAC,CAAC,SAAS,CAAC,CAAC,gBAAS,SAAS,cAAW,CAAC,CAAC,MAAM,CAAC,CAAC;YAC5E,gBAAgB,EAAE,aAAa,CAAC,iBAAiB,CAAC;YAClD,iBAAiB,EAAE,aAAa,CAAC,kBAAkB,CAAC;YACpD,OAAO,EAAE,aAAa,CAAC,QAAQ;SAChC,CAAC,CACF,YAAY,CAAC,CAAC;YACZ,UAAU,eAAO,aAAa,CAAC,qBAAqB,CAAC,CAAE;SACxD,CAAC,EAEF;MAAA,CAAC,eAAe,CACd,KAAK,CAAC,CAAC,WAAW,CAAC,CACnB,qBAAqB,CAAC,CAAC,SAAS,CAAC,eAAe,CAAC,CAAC,CAClD,IAAI,WAAW,CAAC,CAEhB;QAAA,CAAC,iBAAiB;YAChB,CAAC,qBAAS,CACR,OAAO,CAAC,CAAE,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,cAAO,CAAC,CAAC,CAAC,CACzC,SAAS,CAAC,CAAC,0BAA0B,CAAC,CACtC,KAAK,CAAC,CAAC,aAAa,CAAC,iBAAiB,CAAC,CACvC,cAAc,CAAC,CAAC,IAAI,CAAC,CACrB,UAAU,EACV,CAEJ;;QAAA,CAAC,WAAI,CACH,QAAQ,CACR,KAAK,CAAC,CAAC,YAAY,CAAC,CACpB,KAAK,CAAC,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC,CACxB,UAAU,CAAC,cAAM,aAAa,CAAC,gBAAgB,CAAC,EAAG,CACnD,IAAI,KAAK,CAAC,CAGV;;UAAA,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,WAAW,CAAC,EAAE,CAE7C;;UAAA,CAAC,WAAI,CAAC,KAAK,CAAC,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,EAAE,WAAI,CAChD;UAAA,CAAC,MAAM,IAAI,CACT,CAAC,WAAI,CAAC,KAAK,CAAC,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAC,CAC/B;cAAA,CAAC,OAAO,MAAM,KAAK,QAAQ,CAAC,CAAC,CAAC,CAAC,WAAI,CAAC,IAAI,CAAC,CAAC,MAAM,CAAC,EAAG,CAAC,CAAC,CAAC,MAAM,CAC/D;YAAA,EAAE,WAAI,CAAC,CACR,CACH;QAAA,EAAE,WAAI,CAER;;MAAA,EAAE,eAAe,CACnB;IAAA,EAAE,WAAI,CAAC,CAER,CAAA;AACH,CAAC,CAAA;AA9GY,QAAA,KAAK,SA8GjB;AAED,kBAAe,aAAK,CAAA"}
@@ -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' | 'innerWrapperScroll' | 'body' | 'footer' | 'header' | 'backdropTouchable' | 'title' | `closeButton${Capitalize<ButtonComposition>}`;
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 _a, _b;
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
- innerWrapperScroll: __assign(__assign({ display: 'flex', alignItems: 'center' }, Theme.presets.justifyCenter), { minHeight: Theme.values.height }),
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":"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"}
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 ? arrowIconName : clearIconName;
91
+ var inputIcon = showClearIcon ? clearIconName : arrowIconName;
92
92
  var onPressInputIcon = function () {
93
93
  if (showClearIcon) {
94
94
  onValueChange([]);
@@ -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: 'wrapper',
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
- return (<Component style={[Theme.presets.full, style]} contentContainerStyle={[variantStyles.wrapper]} 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}>
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
- </Component>);
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":"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"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Scroll/index.tsx"],"names":[],"mappings":"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"}
@@ -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: __assign({}, theme.presets.fullHeight),
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":";;;;;;;;;;;;;;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"}
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.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"]);
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',
@@ -100,6 +111,9 @@ var Select = function (selectProps) {
100
111
  close === null || close === void 0 ? void 0 : close();
101
112
  }
102
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;
103
117
  return <>
104
118
  {!hideInput && (<TextInput_1.TextInput caretHidden value={selectedLabel} rightIcon={{
105
119
  icon: inputIcon,
@@ -110,7 +124,7 @@ var Select = function (selectProps) {
110
124
  }} pointerEvents={'none'} label={label} debugName={'Select input'} styles={inputStyles} style={style} {...inputProps}/>)}
111
125
 
112
126
  <utils_1.ModalManager.Drawer scroll={false} title={label} {...drawerProps} styles={variantStyles}>
113
- <List_1.List data={options} style={variantStyles.list} contentContainerStyle={variantStyles.listContent} keyExtractor={function (i) { return i.value; }} renderItem={renderListItem} {...listProps}/>
127
+ <List_1.List {..._listProps}/>
114
128
  </utils_1.ModalManager.Drawer>
115
129
 
116
130
  </>;
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Select/index.tsx"],"names":[],"mappings":"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"}
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;gBACJ,MAAM,EAAE,MAAM;aAEf,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
+ {"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"}
@@ -30,5 +30,6 @@ export declare type CustomSelectProps<T> = SelectDrawerProps & {
30
30
  listProps?: Partial<FlatListProps>;
31
31
  clearable?: boolean;
32
32
  clearIconName?: IconPlaceholder;
33
+ keyboardAware?: boolean;
33
34
  } & ComponentVariants<typeof SelectStyles>;
34
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;AAMzD,iCANK,0BAAsB,CAML;AALxB,0FAAmE;AAQjE,kCARK,iCAAuB,CAQL;AAPzB,sFAA+D;AAK7D,gCALK,+BAAqB,CAKL;AAJvB,4FAAqE;AAKnE,mCALK,kCAAwB,CAKL;AAI1B,0CAAuB"}
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
@@ -0,0 +1 @@
1
+ {"version":3,"file":"keyboardHooks.js","sourceRoot":"","sources":["../../../src/utils/KeyboardAware/keyboardHooks.ts"],"names":[],"mappings":"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"}
@@ -63,5 +63,5 @@ export declare type KeyboardAwareHOCOptions = {
63
63
  refPropName: string;
64
64
  extractNativeRef: Function;
65
65
  };
66
- declare const listenToKeyboardEvents: <C extends React.ComponentType<{}> | React.ComponentClass<{}, any>>(configOrComp: C) => C;
66
+ declare const listenToKeyboardEvents: <C extends React.ComponentClass<{}, any> | React.ComponentType<{}>>(configOrComp: C) => C;
67
67
  export default listenToKeyboardEvents;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@codeleap/mobile",
3
- "version": "2.1.9",
3
+ "version": "2.1.10",
4
4
  "main": "src/index.ts",
5
5
  "license": "UNLICENSED",
6
6
  "repository": {
@@ -19,7 +19,6 @@ export const AutoCompleteStyles = {
19
19
  ...theme.presets.alignStart,
20
20
  },
21
21
  box: {
22
- minHeight: theme.values.height * 0.85,
23
22
  maxHeight: theme.values.height * 0.85,
24
23
  },
25
24
  listContent: {
@@ -18,7 +18,7 @@ export const Drawer:React.FC<DrawerProps> = (props) => {
18
18
 
19
19
  return <Modal
20
20
  styles={variantStyles}
21
-
21
+ scroll={false}
22
22
  {...modalProps}
23
23
  />
24
24
  }
@@ -13,10 +13,10 @@ export const DrawerStyles = {
13
13
  ...defaultStyle,
14
14
  box: {
15
15
  width: '100%',
16
- maxHeight: theme.values.height * 0.7,
16
+ maxHeight: theme.values.height * 0.99,
17
17
  paddingBottom: (theme.values.bottomNavHeight ?? 0) + theme.spacing.value(1),
18
18
  },
19
- innerWrapperScroll: {
19
+ innerWrapper: {
20
20
  ...theme.presets.justifyEnd,
21
21
  },
22
22
 
@@ -7,6 +7,7 @@ import {
7
7
  getNestedStylesByKey,
8
8
  IconPlaceholder,
9
9
  onUpdate,
10
+ PropsOf,
10
11
  TypeGuards,
11
12
  useDefaultComponentStyle,
12
13
  } from '@codeleap/common'
@@ -43,8 +44,8 @@ export type ModalProps = Omit<ViewProps, 'variants' | 'styles'> & {
43
44
  zIndex?: number
44
45
  scroll?: boolean
45
46
  header?: React.ReactElement
46
- keyboardAware?: boolean
47
47
  renderHeader?: (props: ModalHeaderProps) => React.ReactElement
48
+ scrollProps?: PropsOf<typeof Scroll>
48
49
  }
49
50
 
50
51
  export type ModalHeaderProps = Omit<ModalProps, 'styles' | 'renderHeader'> & {
@@ -95,8 +96,8 @@ export const Modal: React.FC<ModalProps> = (modalProps) => {
95
96
  debugName,
96
97
  scroll = true,
97
98
  renderHeader,
98
- keyboardAware = true,
99
99
  zIndex = null,
100
+ scrollProps = {},
100
101
  ...props
101
102
  } = modalProps
102
103
 
@@ -127,7 +128,7 @@ export const Modal: React.FC<ModalProps> = (modalProps) => {
127
128
  }, [visible])
128
129
  const wrapperStyle = getStyles('wrapper')
129
130
  const ScrollComponent = scroll ? Scroll : View
130
- const scrollStyle = scroll ? getStyles('innerWrapper') : [getStyles('innerWrapper'), getStyles('innerWrapperScroll')]
131
+ const scrollStyle = scroll ? getStyles('scroll') : getStyles('innerWrapper')
131
132
 
132
133
  const headerProps:ModalHeaderProps = {
133
134
  ...modalProps,
@@ -138,7 +139,6 @@ export const Modal: React.FC<ModalProps> = (modalProps) => {
138
139
  },
139
140
  }
140
141
  const Header = renderHeader || DefaultHeader
141
-
142
142
  return (
143
143
  <View
144
144
  style={[wrapperStyle, { zIndex: TypeGuards.isNumber(zIndex) ? zIndex : wrapperStyle?.zIndex }]}
@@ -156,9 +156,8 @@ export const Modal: React.FC<ModalProps> = (modalProps) => {
156
156
  />
157
157
  <ScrollComponent
158
158
  style={scrollStyle}
159
- contentContainerStyle={getStyles('innerWrapperScroll')}
160
- scrollEnabled={scroll}
161
- keyboardAware={keyboardAware}
159
+ contentContainerStyle={getStyles('scrollContent')}
160
+ {...scrollProps}
162
161
  >
163
162
  {dismissOnBackdrop &&
164
163
  <Touchable
@@ -168,6 +167,7 @@ export const Modal: React.FC<ModalProps> = (modalProps) => {
168
167
  android_ripple={null}
169
168
  noFeedback
170
169
  />}
170
+
171
171
  <View
172
172
  animated
173
173
  state={boxAnimation}
@@ -185,6 +185,7 @@ export const Modal: React.FC<ModalProps> = (modalProps) => {
185
185
  </View>
186
186
  )}
187
187
  </View>
188
+
188
189
  </ScrollComponent>
189
190
  </View>
190
191
 
@@ -11,7 +11,9 @@ export type ModalParts =
11
11
  | AnimatableParts
12
12
  | 'wrapper'
13
13
  | 'innerWrapper'
14
- | 'innerWrapperScroll'
14
+
15
+ | 'scrollContent'
16
+ | 'scroll'
15
17
  | 'body'
16
18
  | 'footer'
17
19
  | 'header'
@@ -36,8 +38,8 @@ export const ModalStyles = {
36
38
  const fullSize = {
37
39
  ...Theme.presets.whole,
38
40
  position: 'absolute',
39
- width: Theme?.values?.width,
40
- height: Theme?.values?.height,
41
+ width: '100%',
42
+ height: '100%',
41
43
  }
42
44
 
43
45
  return {
@@ -76,12 +78,21 @@ export const ModalStyles = {
76
78
  'backdrop:hidden': {
77
79
  opacity: 0,
78
80
  },
79
- innerWrapper: {},
80
- innerWrapperScroll: {
81
+ innerWrapper: {
82
+ display: 'flex',
83
+ alignItems: 'center',
84
+ ...Theme.presets.justifyCenter,
85
+ ...Theme.presets.fullHeight,
86
+ },
87
+ scroll: {
88
+ height: '100%',
89
+ width: '100%',
90
+ },
91
+ scrollContent: {
81
92
  display: 'flex',
82
93
  alignItems: 'center',
83
94
  ...Theme.presets.justifyCenter,
84
- minHeight: Theme.values.height,
95
+ ...Theme.presets.fullHeight,
85
96
  },
86
97
  box: {
87
98
  width: '80%',
@@ -82,7 +82,7 @@ export const MultiSelect = <T extends string|number = string>(selectProps:MultiS
82
82
 
83
83
  const isEmpty = value.length === 0
84
84
  const showClearIcon = !isEmpty && clearable
85
- const inputIcon = showClearIcon ? arrowIconName : clearIconName
85
+ const inputIcon = showClearIcon ? clearIconName : arrowIconName
86
86
 
87
87
  const onPressInputIcon = () => {
88
88
  if (showClearIcon) {
@@ -13,7 +13,8 @@ import { ViewProps } from '../View'
13
13
  import { KeyboardAwareScrollViewTypes } from '../../modules'
14
14
  import { StylesOf } from '../../types'
15
15
  import { ScrollComposition, ScrollStyles } from './styles'
16
- import { KeyboardAwareScrollView } from '../../utils'
16
+ import { useKeyboardScrollView } from '../../utils'
17
+ // import { KeyboardAwareScrollView } from '../../utils'
17
18
 
18
19
  type KeyboardAwareScrollViewProps = KeyboardAwareScrollViewTypes.KeyboardAwareScrollViewProps
19
20
 
@@ -38,6 +39,7 @@ export const Scroll = forwardRef<ScrollView, ScrollProps>(
38
39
  changeData,
39
40
  styles = {},
40
41
  refreshControlProps = {},
42
+ contentContainerStyle,
41
43
  keyboardAware = true,
42
44
  ...props
43
45
  } = scrollProps
@@ -75,31 +77,35 @@ export const Scroll = forwardRef<ScrollView, ScrollProps>(
75
77
  variants,
76
78
  styles,
77
79
  transform: StyleSheet.flatten,
78
- rootElement: 'wrapper',
80
+ rootElement: 'content',
79
81
  })
80
82
 
81
- const Component = keyboardAware ? KeyboardAwareScrollView : ScrollView
82
83
  const refreshStyles = StyleSheet.flatten([variantStyles.refreshControl, styles.refreshControl])
84
+ const _scrollProps = {
85
+ style: [variantStyles.wrapper, style],
86
+ contentContainerStyle: [variantStyles.content, contentContainerStyle],
87
+ ref: ref as unknown as ScrollView,
88
+ refreshControl: hasRefresh && (
89
+ <RefreshControl
90
+ refreshing={refreshingDisplay}
91
+ onRefresh={onRefresh}
92
+ tintColor={refreshStyles?.color}
93
+ colors={[refreshStyles?.color]}
94
+ {...refreshControlProps}
95
+ />
96
+ ),
97
+ ...props,
98
+ }
99
+ const keyboard = useKeyboardScrollView()
100
+ const keyboardAwareScrollProps = keyboard.getScrollProps(_scrollProps)
101
+ const rootProps = keyboardAware ? keyboardAwareScrollProps : _scrollProps
102
+
83
103
  return (
84
- <Component
85
- style={[Theme.presets.full, style]}
86
- contentContainerStyle={[variantStyles.wrapper]}
87
- ref={ref as unknown as ScrollView}
88
- refreshControl={
89
- hasRefresh && (
90
- <RefreshControl
91
- refreshing={refreshingDisplay}
92
- onRefresh={onRefresh}
93
- tintColor={refreshStyles?.color}
94
- colors={[refreshStyles?.color]}
95
- {...refreshControlProps}
96
- />
97
- )
98
- }
99
- {...props}
104
+ <ScrollView
105
+ {...rootProps}
100
106
  >
101
107
  {children}
102
- </Component>
108
+ </ScrollView>
103
109
  )
104
110
  },
105
111
  )
@@ -8,7 +8,8 @@ export const ScrollStyles = {
8
8
  default: createScrollStyle((theme) => {
9
9
  return {
10
10
  wrapper: {
11
- ...theme.presets.fullHeight,
11
+ height: '100%',
12
+ // maxHeight: theme.values.height,
12
13
  },
13
14
  refreshControl: {
14
15
  color: theme.colors.primary,
@@ -10,7 +10,7 @@ import { TextInput } from '../TextInput'
10
10
  import { Touchable } from '../Touchable'
11
11
  import { SelectStyles } from './styles'
12
12
  import { CustomSelectProps } from './types'
13
- import { ModalManager } from '../../utils'
13
+ import { ModalManager, useKeyboardScrollView } from '../../utils'
14
14
  import { Icon } from '../Icon'
15
15
 
16
16
  export const SelectItem = ({ item, icon = null, isSelected, styles, onPress }) => {
@@ -46,6 +46,7 @@ export const Select = <T extends string|number = string>(selectProps:CustomSelec
46
46
  selectedIcon = 'selectMarker',
47
47
  inputProps = {},
48
48
  hideInput = false,
49
+ keyboardAware = true,
49
50
  ...drawerProps
50
51
  } = selectProps
51
52
 
@@ -102,6 +103,19 @@ export const Select = <T extends string|number = string>(selectProps:CustomSelec
102
103
  }
103
104
 
104
105
  }
106
+
107
+ const baseListProps = {
108
+ data: options,
109
+ style: variantStyles.list,
110
+ contentContainerStyle: variantStyles.listContent,
111
+ keyExtractor: (i) => i.value,
112
+ renderItem: renderListItem,
113
+ ...listProps,
114
+ }
115
+
116
+ const keyboard = useKeyboardScrollView()
117
+ const _listProps = keyboardAware ? keyboard.getScrollProps(baseListProps, 'contentContainerStyle', 'paddingBottom') : baseListProps
118
+
105
119
  return <>
106
120
  {
107
121
  !hideInput && (
@@ -132,12 +146,7 @@ export const Select = <T extends string|number = string>(selectProps:CustomSelec
132
146
 
133
147
  <ModalManager.Drawer scroll={false} title={label} {...drawerProps} styles={variantStyles}>
134
148
  <List<CustomSelectProps<any>['options']>
135
- data={options}
136
- style={variantStyles.list}
137
- contentContainerStyle={variantStyles.listContent}
138
- keyExtractor={(i) => i.value}
139
- renderItem={renderListItem}
140
- {...listProps}
149
+ {..._listProps}
141
150
  />
142
151
  </ModalManager.Drawer>
143
152
 
@@ -49,6 +49,8 @@ export const SelectStyles = {
49
49
  list: {
50
50
  height: 'auto',
51
51
 
52
+ maxHeight: theme.values.height * 0.7,
53
+ ...theme.presets.safeAreaBottom(),
52
54
  },
53
55
  listContent: {
54
56
  paddingBottom: theme.values.bottomNavHeight + theme.spacing.value(1),
@@ -37,5 +37,6 @@ export type CustomSelectProps<T> = SelectDrawerProps & {
37
37
  listProps?: Partial<FlatListProps>
38
38
  clearable?: boolean
39
39
  clearIconName?: IconPlaceholder
40
+ keyboardAware?: boolean
40
41
  } & ComponentVariants<typeof SelectStyles>
41
42
 
@@ -4,6 +4,7 @@ import listenToKeyboardEvents from './lib/KeyboardAwareHOC'
4
4
  import KeyboardAwareScrollView from './lib/KeyboardAwareScrollView'
5
5
  import KeyboardAwareFlatList from './lib/KeyboardAwareFlatList'
6
6
  import KeyboardAwareSectionList from './lib/KeyboardAwareSectionList'
7
+ export * from './keyboardHooks'
7
8
 
8
9
  export {
9
10
  listenToKeyboardEvents,
@@ -0,0 +1,91 @@
1
+ import { PropsOf, TypeGuards } from '@codeleap/common'
2
+ import { useEffect, useState } from 'react'
3
+ import { Keyboard, Platform, KeyboardEvent, KeyboardEventName, ScrollView, StyleSheet, ViewStyle } from 'react-native'
4
+
5
+ type KeyboardVisibilityEvents = {
6
+ show: KeyboardEventName
7
+ hide: KeyboardEventName
8
+ }
9
+
10
+ export const useKeyboardVisibility = () => {
11
+ const [keyboardEvent, setKeyboardEvent] = useState<KeyboardEvent>(null)
12
+ const [keyboardVisible, setKeyboardVisible] = useState(true)
13
+
14
+ useEffect(() => {
15
+ const eventNames = Platform.select<KeyboardVisibilityEvents>({
16
+ ios: {
17
+ show: 'keyboardWillShow',
18
+ hide: 'keyboardWillHide',
19
+ },
20
+ android: {
21
+ show: 'keyboardDidShow',
22
+ hide: 'keyboardDidHide',
23
+ },
24
+ })
25
+ const events = [
26
+ Keyboard.addListener(eventNames.show, (e) => {
27
+ setKeyboardVisible(true)
28
+ setKeyboardEvent(e)
29
+ }),
30
+ Keyboard.addListener(eventNames.hide, (e) => {
31
+ setKeyboardVisible(false)
32
+ setKeyboardEvent(e)
33
+ }),
34
+ ]
35
+ return () => {
36
+ events.forEach(e => e.remove())
37
+ }
38
+ }, [])
39
+
40
+ const _return = {
41
+ event: keyboardEvent,
42
+ visible: keyboardVisible,
43
+ height: keyboardEvent?.endCoordinates?.height || 0,
44
+ }
45
+
46
+ return _return
47
+ }
48
+ type ScrollViewProps = PropsOf<typeof ScrollView>
49
+
50
+ export const useKeyboardScrollView = () => {
51
+ const keyboard = useKeyboardVisibility()
52
+
53
+ return {
54
+ keyboard,
55
+ getScrollProps: <T extends ScrollViewProps>(
56
+ base?:T,
57
+ styleProperty: keyof T = 'style',
58
+ insetProperty:keyof ViewStyle = 'marginBottom',
59
+ ): T => {
60
+ if (!keyboard.visible) return base || ({} as T)
61
+ const baseProps = base
62
+
63
+ const baseStyle:ScrollViewProps['style'] = StyleSheet.flatten(baseProps?.[styleProperty])
64
+
65
+ const baseBottom = baseStyle?.paddingBottom || baseStyle?.padding || 0
66
+
67
+ if (TypeGuards.isNumber(baseBottom)) {
68
+
69
+ const keyboardAdaptionStyle = {
70
+ ...baseStyle,
71
+ [insetProperty]: baseBottom + keyboard.height,
72
+
73
+ }
74
+ return {
75
+
76
+ ...baseProps,
77
+ keyboardDismissMode: 'interactive',
78
+ contentInset: { bottom: keyboard.height },
79
+ automaticallyAdjustContentInsets: false,
80
+ showsVerticalScrollIndicator: true,
81
+ scrollEventThrottle: 1,
82
+ keyboardSpace: keyboard.height,
83
+ [styleProperty]: keyboardAdaptionStyle,
84
+ } as unknown as T
85
+ } else {
86
+ throw new Error('Keyboard adaptive scroll view\'s "style.marginBottom" must be a number')
87
+ }
88
+
89
+ },
90
+ }
91
+ }