@codeleap/mobile 5.0.9 → 5.0.11
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/types.d.ts +1 -2
- package/dist/components/Backdrop/index.js +2 -2
- package/dist/components/Backdrop/index.js.map +1 -1
- package/dist/components/DatePickerModal/index.js +2 -3
- package/dist/components/DatePickerModal/index.js.map +1 -1
- package/dist/components/Modal/index.d.ts +0 -1
- package/dist/components/Modal/index.js +25 -41
- package/dist/components/Modal/index.js.map +1 -1
- package/dist/components/Modal/styles.d.ts +1 -1
- package/dist/components/Modal/types.d.ts +1 -2
- package/dist/components/Pager/PagerItem.d.ts +7 -0
- package/dist/components/Pager/PagerItem.js +12 -0
- package/dist/components/Pager/PagerItem.js.map +1 -0
- package/dist/components/Pager/index.js +34 -25
- package/dist/components/Pager/index.js.map +1 -1
- package/dist/components/Pager/types.d.ts +2 -3
- package/dist/components/Select/index.js +4 -5
- package/dist/components/Select/index.js.map +1 -1
- package/dist/components/Select/types.d.ts +1 -2
- package/dist/components/SortablePhotos/useSortablePhotos.js +2 -6
- package/dist/components/SortablePhotos/useSortablePhotos.js.map +1 -1
- package/dist/deprecated/index.d.ts +1 -0
- package/dist/deprecated/index.js +2 -0
- package/dist/deprecated/index.js.map +1 -1
- package/dist/{utils/ModalManager/context.js → deprecated/modals/Context.js} +3 -6
- package/dist/deprecated/modals/Context.js.map +1 -0
- package/dist/{utils/ModalManager → deprecated/modals}/components.js +1 -1
- package/dist/deprecated/modals/components.js.map +1 -0
- package/dist/{utils/ModalManager → deprecated/modals}/index.d.ts +1 -1
- package/dist/{utils/ModalManager → deprecated/modals}/index.js +1 -1
- package/dist/deprecated/modals/index.js.map +1 -0
- package/dist/deprecated/permissions/Context.js +1 -1
- package/dist/deprecated/permissions/Context.js.map +1 -1
- package/dist/index.d.ts +1 -2
- package/dist/index.js +1 -2
- package/dist/index.js.map +1 -1
- package/dist/types/utility.d.ts +8 -0
- package/dist/utils/index.d.ts +0 -2
- package/dist/utils/index.js +0 -2
- package/dist/utils/index.js.map +1 -1
- package/package.json +27 -25
- package/package.json.bak +14 -12
- package/src/components/Autocomplete/types.ts +1 -2
- package/src/components/Backdrop/index.tsx +2 -2
- package/src/components/DatePickerModal/index.tsx +2 -3
- package/src/components/Modal/index.tsx +77 -96
- package/src/components/Modal/styles.ts +0 -1
- package/src/components/Modal/types.ts +1 -2
- package/src/components/Pager/PagerItem.tsx +20 -0
- package/src/components/Pager/index.tsx +57 -32
- package/src/components/Pager/types.ts +2 -3
- package/src/components/Select/index.tsx +4 -4
- package/src/components/Select/types.ts +1 -2
- package/src/components/SortablePhotos/useSortablePhotos.ts +2 -7
- package/src/deprecated/index.ts +2 -1
- package/src/{utils/ModalManager/context.tsx → deprecated/modals/Context.tsx} +9 -11
- package/src/{utils/ModalManager → deprecated/modals}/components.tsx +5 -5
- package/src/{utils/ModalManager → deprecated/modals}/index.ts +2 -2
- package/src/deprecated/permissions/Context.tsx +1 -1
- package/src/index.ts +1 -2
- package/src/types/utility.ts +8 -0
- package/src/utils/index.ts +0 -2
- package/dist/utils/KeyboardAware/context.d.ts +0 -14
- package/dist/utils/KeyboardAware/context.js +0 -15
- package/dist/utils/KeyboardAware/context.js.map +0 -1
- package/dist/utils/KeyboardAware/index.d.ts +0 -2
- package/dist/utils/KeyboardAware/index.js +0 -3
- package/dist/utils/KeyboardAware/index.js.map +0 -1
- package/dist/utils/KeyboardAware/keyboardHooks.d.ts +0 -21
- package/dist/utils/KeyboardAware/keyboardHooks.js +0 -77
- package/dist/utils/KeyboardAware/keyboardHooks.js.map +0 -1
- package/dist/utils/ModalManager/components.js.map +0 -1
- package/dist/utils/ModalManager/context.js.map +0 -1
- package/dist/utils/ModalManager/index.js.map +0 -1
- package/src/utils/KeyboardAware/context.tsx +0 -21
- package/src/utils/KeyboardAware/index.ts +0 -4
- package/src/utils/KeyboardAware/keyboardHooks.ts +0 -110
- /package/dist/{utils/ModalManager/context.d.ts → deprecated/modals/Context.d.ts} +0 -0
- /package/dist/{utils/ModalManager → deprecated/modals}/components.d.ts +0 -0
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import { Option, Options, PropsOf } from '@codeleap/types';
|
|
3
|
-
import { StylesOf } from '../../types/utility';
|
|
4
|
-
import { GetKeyboardAwarePropsOptions } from '../../utils';
|
|
3
|
+
import { GetKeyboardAwarePropsOptions, StylesOf } from '../../types/utility';
|
|
5
4
|
import { Icon } from '../Icon';
|
|
6
5
|
import { FlatListProps } from '../List';
|
|
7
6
|
import { Text } from '../Text';
|
|
@@ -30,8 +30,8 @@ Backdrop.withVariantTypes = (styles) => {
|
|
|
30
30
|
return Backdrop;
|
|
31
31
|
};
|
|
32
32
|
Backdrop.defaultProps = {
|
|
33
|
-
entering: FadeIn.build(),
|
|
34
|
-
exiting: FadeOut.build(),
|
|
33
|
+
entering: FadeIn.duration(100).build(),
|
|
34
|
+
exiting: FadeOut.duration(100).delay(100).build(),
|
|
35
35
|
};
|
|
36
36
|
MobileStyleRegistry.registerComponent(Backdrop);
|
|
37
37
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Backdrop/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AACxC,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAA;AAI9B,OAAO,EAAE,mBAAmB,EAAE,MAAM,gBAAgB,CAAA;AACpD,OAAO,EAAE,YAAY,EAAE,MAAM,aAAa,CAAA;AAC1C,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,yBAAyB,CAAA;AAEzD,cAAc,UAAU,CAAA;AACxB,cAAc,SAAS,CAAA;AAEvB,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAC,KAAoB,EAAE,EAAE;IAC/C,MAAM,EACJ,OAAO,EACP,QAAQ,EACR,YAAY,GAAG,EAAE,EACjB,KAAK,EACL,QAAQ,EACR,OAAO,EACP,GAAG,IAAI,EACR,GAAG;QACF,GAAG,QAAQ,CAAC,YAAY;QACxB,GAAG,KAAK;KACT,CAAA;IAED,MAAM,MAAM,GAAG,YAAY,CAAC,QAAQ,CAAC,iBAAiB,EAAE,KAAK,CAAC,CAAA;IAE9D,MAAM,WAAW,GAAG,CAAC,CAAC,KAAK,EAAE,OAAO,CAAA;IAEpC,IAAI,CAAC,OAAO;QAAE,OAAO,IAAI,CAAA;IAEzB,OAAO,CACL,CAAC,IAAI,CAAC,QAAQ,CACZ,aAAa,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CACzC,QAAQ,CAAC,CAAC,QAAQ,CAAC,CACnB,OAAO,CAAC,CAAC,OAAO,CAAC,CACjB,IAAI,YAAY,CAAC,CACjB,KAAK,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAGtB;MAAA,CAAC,WAAW;YACV,CAAC,CAAC,CAAC,SAAS,CAAC,IAAI,IAAI,CAAC,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC,UAAU,CAAC,cAAc,CAAC,CAAC,IAAI,CAAC,EAAG;YACnF,CAAC,CAAC,IAAI,CAER;;MAAA,CAAC,QAAQ,CACX;IAAA,EAAE,IAAI,CAAC,QAAQ,CAAC,CACjB,CAAA;AACH,CAAC,CAAA;AAED,QAAQ,CAAC,iBAAiB,GAAG,UAAU,CAAA;AACvC,QAAQ,CAAC,QAAQ,GAAG,CAAC,SAAS,EAAE,WAAW,EAAE,YAAY,CAAC,CAAA;AAC1D,QAAQ,CAAC,WAAW,GAAG,SAAS,CAAA;AAEhC,QAAQ,CAAC,gBAAgB,GAAG,CAAsB,MAAS,EAAE,EAAE;IAC7D,OAAO,QAA+E,CAAA;AACxF,CAAC,CAAA;AAED,QAAQ,CAAC,YAAY,GAAG;IACtB,QAAQ,EAAE,MAAM,CAAC,KAAK,EAAE;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Backdrop/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AACxC,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAA;AAI9B,OAAO,EAAE,mBAAmB,EAAE,MAAM,gBAAgB,CAAA;AACpD,OAAO,EAAE,YAAY,EAAE,MAAM,aAAa,CAAA;AAC1C,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,yBAAyB,CAAA;AAEzD,cAAc,UAAU,CAAA;AACxB,cAAc,SAAS,CAAA;AAEvB,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAC,KAAoB,EAAE,EAAE;IAC/C,MAAM,EACJ,OAAO,EACP,QAAQ,EACR,YAAY,GAAG,EAAE,EACjB,KAAK,EACL,QAAQ,EACR,OAAO,EACP,GAAG,IAAI,EACR,GAAG;QACF,GAAG,QAAQ,CAAC,YAAY;QACxB,GAAG,KAAK;KACT,CAAA;IAED,MAAM,MAAM,GAAG,YAAY,CAAC,QAAQ,CAAC,iBAAiB,EAAE,KAAK,CAAC,CAAA;IAE9D,MAAM,WAAW,GAAG,CAAC,CAAC,KAAK,EAAE,OAAO,CAAA;IAEpC,IAAI,CAAC,OAAO;QAAE,OAAO,IAAI,CAAA;IAEzB,OAAO,CACL,CAAC,IAAI,CAAC,QAAQ,CACZ,aAAa,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CACzC,QAAQ,CAAC,CAAC,QAAQ,CAAC,CACnB,OAAO,CAAC,CAAC,OAAO,CAAC,CACjB,IAAI,YAAY,CAAC,CACjB,KAAK,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAGtB;MAAA,CAAC,WAAW;YACV,CAAC,CAAC,CAAC,SAAS,CAAC,IAAI,IAAI,CAAC,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC,UAAU,CAAC,cAAc,CAAC,CAAC,IAAI,CAAC,EAAG;YACnF,CAAC,CAAC,IAAI,CAER;;MAAA,CAAC,QAAQ,CACX;IAAA,EAAE,IAAI,CAAC,QAAQ,CAAC,CACjB,CAAA;AACH,CAAC,CAAA;AAED,QAAQ,CAAC,iBAAiB,GAAG,UAAU,CAAA;AACvC,QAAQ,CAAC,QAAQ,GAAG,CAAC,SAAS,EAAE,WAAW,EAAE,YAAY,CAAC,CAAA;AAC1D,QAAQ,CAAC,WAAW,GAAG,SAAS,CAAA;AAEhC,QAAQ,CAAC,gBAAgB,GAAG,CAAsB,MAAS,EAAE,EAAE;IAC7D,OAAO,QAA+E,CAAA;AACxF,CAAC,CAAA;AAED,QAAQ,CAAC,YAAY,GAAG;IACtB,QAAQ,EAAE,MAAM,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE;IACtC,OAAO,EAAE,OAAO,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE;CACxB,CAAA;AAE3B,mBAAmB,CAAC,iBAAiB,CAAC,QAAQ,CAAC,CAAA"}
|
|
@@ -2,9 +2,8 @@ import React, { useMemo, useRef } from 'react';
|
|
|
2
2
|
import { TypeGuards } from '@codeleap/types';
|
|
3
3
|
import { useConditionalState } from '@codeleap/hooks';
|
|
4
4
|
import DatePicker from 'react-native-date-picker';
|
|
5
|
-
import Modal from '../Modal';
|
|
5
|
+
import { Modal } from '../Modal';
|
|
6
6
|
import { TextInput } from '../TextInput';
|
|
7
|
-
import { ModalManager } from '../../utils';
|
|
8
7
|
import { Button } from '../Button';
|
|
9
8
|
import { useCompositionStyles } from '@codeleap/styles';
|
|
10
9
|
import { MobileStyleRegistry } from '../../Registry';
|
|
@@ -44,7 +43,7 @@ export const DatePickerModal = (props) => {
|
|
|
44
43
|
const styles = useStylesFor(DatePickerModal.styleRegistryName, style);
|
|
45
44
|
const [visible, toggle] = useConditionalState(_visible, _toggle, { initialValue: false, isBooleanToggle: true });
|
|
46
45
|
const { inputValue, onInputValueChange, } = useInputBase(field, fields.date, { value, onValueChange });
|
|
47
|
-
const Wrapper = isCustomModal ?
|
|
46
|
+
const Wrapper = isCustomModal ? Modal : React.Fragment;
|
|
48
47
|
const compositionStyles = useCompositionStyles(['input', 'doneButton', 'cancelButton', 'confirmButton'], styles);
|
|
49
48
|
const formattedDate = inputValue ? formatDate(inputValue) : '';
|
|
50
49
|
const tempDate = useRef(initialDate instanceof Date ? initialDate : new Date(initialDate));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/DatePickerModal/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,OAAO,CAAA;AAC9C,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAA;AAC5C,OAAO,EAAE,mBAAmB,EAAE,MAAM,iBAAiB,CAAA;AACrD,OAAO,UAAU,MAAM,0BAA0B,CAAA;AACjD,OAAO,KAAK,MAAM,UAAU,CAAA;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/DatePickerModal/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import React from 'react';
|
|
1
|
+
import React, { Fragment } from 'react';
|
|
2
2
|
import { View } from '../View';
|
|
3
3
|
import { Scroll } from '../Scroll';
|
|
4
4
|
import { TypeGuards } from '@codeleap/types';
|
|
@@ -7,11 +7,11 @@ import { useBackButton } from '../../utils/hooks';
|
|
|
7
7
|
import { Text } from '../Text';
|
|
8
8
|
import { Touchable } from '../Touchable';
|
|
9
9
|
import { ActionIcon } from '../ActionIcon';
|
|
10
|
-
import {
|
|
11
|
-
import { useNestedStylesByKey, useTheme } from '@codeleap/styles';
|
|
10
|
+
import { useNestedStylesByKey } from '@codeleap/styles';
|
|
12
11
|
import { MobileStyleRegistry } from '../../Registry';
|
|
13
12
|
import { useStylesFor } from '../../hooks';
|
|
14
13
|
import { FadeIn, FadeOut } from 'react-native-reanimated';
|
|
14
|
+
import { Portal } from '@gorhom/portal';
|
|
15
15
|
export * from './styles';
|
|
16
16
|
export * from './types';
|
|
17
17
|
const DefaultHeader = (props) => {
|
|
@@ -29,42 +29,24 @@ const DefaultHeader = (props) => {
|
|
|
29
29
|
</>;
|
|
30
30
|
};
|
|
31
31
|
export const Modal = (modalProps) => {
|
|
32
|
-
const { visible, closable, footer, children, toggle = () => null, dismissOnBackdrop, header
|
|
32
|
+
const { visible, closable, footer, children, toggle = () => null, dismissOnBackdrop, header, debugName, scroll, renderHeader: Header, scrollProps = {}, closeOnHardwareBackPress, style, boxExiting, boxEntering, withPortal, ...props } = {
|
|
33
33
|
...Modal.defaultProps,
|
|
34
34
|
...modalProps,
|
|
35
35
|
};
|
|
36
|
-
const themeValues = useTheme(store => store.current?.values);
|
|
37
|
-
const [modalHeight, setModalHeight] = useState(0);
|
|
38
36
|
const styles = useStylesFor(Modal.styleRegistryName, style);
|
|
39
37
|
const buttonStyles = useNestedStylesByKey('closeButton', styles);
|
|
40
38
|
const ScrollComponent = scroll ? Scroll : View;
|
|
41
39
|
const scrollStyle = scroll ? styles?.scroll : styles?.innerWrapper;
|
|
42
|
-
const
|
|
43
|
-
const topSpacing = modalHeight > heightThreshold ? styles?.topSpacing : 0;
|
|
44
|
-
const headerProps = {
|
|
45
|
-
...modalProps,
|
|
46
|
-
closable,
|
|
47
|
-
styles,
|
|
48
|
-
buttonStyles,
|
|
49
|
-
};
|
|
50
|
-
const Header = renderHeader || DefaultHeader;
|
|
40
|
+
const Wrapper = withPortal ? Portal : Fragment;
|
|
51
41
|
useBackButton(() => {
|
|
52
42
|
if (visible && closeOnHardwareBackPress) {
|
|
53
43
|
toggle();
|
|
54
44
|
return true;
|
|
55
45
|
}
|
|
56
46
|
}, [visible, toggle, closeOnHardwareBackPress]);
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
props?.onLayout?.(event);
|
|
61
|
-
};
|
|
62
|
-
return (<View style={[
|
|
63
|
-
styles?.wrapper,
|
|
64
|
-
// @ts-expect-error
|
|
65
|
-
{ zIndex: TypeGuards.isNumber(zIndex) ? zIndex : styles?.wrapper?.zIndex, ...topSpacing },
|
|
66
|
-
]} pointerEvents={visible ? 'auto' : 'none'}>
|
|
67
|
-
<Backdrop visible={visible} debugName={`Modal ${debugName} backdrop`} style={{
|
|
47
|
+
return (<Wrapper>
|
|
48
|
+
<View style={styles?.wrapper} pointerEvents={visible ? 'auto' : 'none'}>
|
|
49
|
+
<Backdrop visible={visible} debugName={`Modal ${debugName} backdrop`} style={{
|
|
68
50
|
'wrapper:hidden': styles['backdrop:hidden'],
|
|
69
51
|
'wrapper:visible': styles['backdrop:visible'],
|
|
70
52
|
'wrapper': styles?.backdrop,
|
|
@@ -73,24 +55,25 @@ export const Modal = (modalProps) => {
|
|
|
73
55
|
transition: styles['backdrop:transition'],
|
|
74
56
|
}}/>
|
|
75
57
|
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
58
|
+
<ScrollComponent contentContainerStyle={styles?.scrollContent} showsVerticalScrollIndicator={false} keyboardAware animated {...scrollProps} style={scrollStyle}>
|
|
59
|
+
{dismissOnBackdrop ? (<Touchable onPress={closable && visible ? toggle : (() => { })} debounce={400} debugName={'Modal backdrop touchable'} style={styles?.backdropTouchable} android_ripple={null} noFeedback/>) : null}
|
|
60
|
+
{visible ? (<View animated
|
|
79
61
|
// @ts-ignore
|
|
80
|
-
entering={boxEntering} exiting={boxExiting} {...props}
|
|
81
|
-
|
|
62
|
+
entering={boxEntering} exiting={boxExiting} {...props} style={styles?.box}>
|
|
63
|
+
{header ? header : (<Header {...modalProps} closable={closable} styles={styles} buttonStyles={buttonStyles}/>)}
|
|
82
64
|
|
|
83
|
-
|
|
65
|
+
<View style={styles?.body}>{children}</View>
|
|
84
66
|
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
67
|
+
{footer ? (<View style={styles?.footer}>
|
|
68
|
+
{typeof footer === 'string' ? <Text text={footer}/> : footer}
|
|
69
|
+
</View>) : null}
|
|
70
|
+
</View>) : null}
|
|
71
|
+
</ScrollComponent>
|
|
72
|
+
</View>
|
|
73
|
+
</Wrapper>);
|
|
91
74
|
};
|
|
92
75
|
Modal.styleRegistryName = 'Modal';
|
|
93
|
-
Modal.elements = ['wrapper', 'box', 'backdrop', 'innerWrapper', 'scroll', 'body', 'footer', 'header', 'title', 'description', 'closeButton'
|
|
76
|
+
Modal.elements = ['wrapper', 'box', 'backdrop', 'innerWrapper', 'scroll', 'body', 'footer', 'header', 'title', 'description', 'closeButton'];
|
|
94
77
|
Modal.rootElement = 'wrapper';
|
|
95
78
|
Modal.withVariantTypes = (styles) => {
|
|
96
79
|
return Modal;
|
|
@@ -101,9 +84,10 @@ Modal.defaultProps = {
|
|
|
101
84
|
dismissOnBackdrop: true,
|
|
102
85
|
scroll: true,
|
|
103
86
|
closeOnHardwareBackPress: true,
|
|
104
|
-
boxEntering: FadeIn.duration(100).build(),
|
|
87
|
+
boxEntering: FadeIn.duration(100).delay(50).build(),
|
|
105
88
|
boxExiting: FadeOut.duration(100).build(),
|
|
89
|
+
withPortal: true,
|
|
90
|
+
renderHeader: DefaultHeader,
|
|
106
91
|
};
|
|
107
92
|
MobileStyleRegistry.registerComponent(Modal);
|
|
108
|
-
export default Modal;
|
|
109
93
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Modal/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Modal/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AACvC,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAA;AAC9B,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAA;AAClC,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAA;AAC5C,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAA;AACtC,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAA;AACjD,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAA;AAC9B,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AACxC,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAE1C,OAAO,EAAsB,oBAAoB,EAA8B,MAAM,kBAAkB,CAAA;AACvG,OAAO,EAAE,mBAAmB,EAAE,MAAM,gBAAgB,CAAA;AACpD,OAAO,EAAE,YAAY,EAAE,MAAM,aAAa,CAAA;AAC1C,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,yBAAyB,CAAA;AACzD,OAAO,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAA;AAEvC,cAAc,UAAU,CAAA;AACxB,cAAc,SAAS,CAAA;AAEvB,MAAM,aAAa,GAAG,CAAC,KAAuB,EAAE,EAAE;IAChD,MAAM,EACJ,MAAM,EACN,YAAY,EACZ,KAAK,GAAG,IAAI,EACZ,SAAS,GAAG,KAAK,EACjB,WAAW,GAAG,IAAI,EAClB,QAAQ,EAAE,SAAS,EACnB,aAAa,GAAG,GAAG,EACnB,MAAM,GACP,GAAG,KAAK,CAAA;IAET,OAAO,EACL;IAAA,CAAC,CAAC,KAAK,IAAI,SAAS,IAAI,WAAW,CAAC,IAAI,CACtC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,MAAM,CAAC,CACzB;QAAA,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,YAAY,CAAC,CAC/B;UAAA,CAAC,UAAU,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAC5B,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,KAAK,CAAC,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,EAAG,CAC3C,CAAC,CAAC,CAAC,CACF,KAAK,CACN,CAED;;UAAA,CAAC,CAAC,SAAS,IAAI,QAAQ,CAAC,CAAC,CAAC,CAAC,CACzB,CAAC,UAAU,CACT,SAAS,CAAC,CAAC,GAAG,SAAS,qBAAqB,CAAC,CAC7C,IAAI,CAAC,CAAC,aAAwB,CAAC,CAC/B,OAAO,CAAC,CAAC,MAAM,CAAC,CAChB,KAAK,CAAC,CAAC,YAAY,CAAC,EACpB,CACH,CAAC,CAAC,CAAC,IAAI,CACV;QAAA,EAAE,IAAI,CAEN;;QAAA,CAAC,UAAU,CAAC,QAAQ,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,CAClC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,WAAW,CAAC,EAAG,CACvD,CAAC,CAAC,CAAC,CACF,WAAW,CACZ,CACH;MAAA,EAAE,IAAI,CAAC,CACR,CACH;EAAA,GAAG,CAAA;AACL,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,KAAK,GAAG,CAAC,UAAsB,EAAE,EAAE;IAC9C,MAAM,EACJ,OAAO,EACP,QAAQ,EACR,MAAM,EACN,QAAQ,EACR,MAAM,GAAG,GAAG,EAAE,CAAC,IAAI,EACnB,iBAAiB,EACjB,MAAM,EACN,SAAS,EACT,MAAM,EACN,YAAY,EAAE,MAAM,EACpB,WAAW,GAAG,EAAE,EAChB,wBAAwB,EACxB,KAAK,EACL,UAAU,EACV,WAAW,EACX,UAAU,EACV,GAAG,KAAK,EACT,GAAG;QACF,GAAG,KAAK,CAAC,YAAY;QACrB,GAAG,UAAU;KACd,CAAA;IAED,MAAM,MAAM,GAAG,YAAY,CAAC,KAAK,CAAC,iBAAiB,EAAE,KAAK,CAAC,CAAA;IAE3D,MAAM,YAAY,GAAG,oBAAoB,CAAC,aAAa,EAAE,MAAM,CAAC,CAAA;IAEhE,MAAM,eAAe,GAAG,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,CAAA;IAC9C,MAAM,WAAW,GAAG,MAAM,CAAC,CAAC,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC,CAAC,MAAM,EAAE,YAAY,CAAA;IAElE,MAAM,OAAO,GAAG,UAAU,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,QAAQ,CAAA;IAE9C,aAAa,CAAC,GAAG,EAAE;QACjB,IAAI,OAAO,IAAI,wBAAwB,EAAE;YACvC,MAAM,EAAE,CAAA;YACR,OAAO,IAAI,CAAA;SACZ;IACH,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,wBAAwB,CAAC,CAAC,CAAA;IAE/C,OAAO,CACL,CAAC,OAAO,CACN;MAAA,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,aAAa,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CACrE;QAAA,CAAC,QAAQ,CACP,OAAO,CAAC,CAAC,OAAO,CAAC,CACjB,SAAS,CAAC,CAAC,SAAS,SAAS,WAAW,CAAC,CACzC,KAAK,CAAC,CAAC;YACL,gBAAgB,EAAE,MAAM,CAAC,iBAAiB,CAAC;YAC3C,iBAAiB,EAAE,MAAM,CAAC,kBAAkB,CAAC;YAC7C,SAAS,EAAE,MAAM,EAAE,QAAQ;SAC5B,CAAC,CACF,YAAY,CAAC,CAAC;YACZ,mBAAmB;YACnB,UAAU,EAAE,MAAM,CAAC,qBAAqB,CAAC;SAC1C,CAAC,EAGJ;;QAAA,CAAC,eAAe,CACd,qBAAqB,CAAC,CAAC,MAAM,EAAE,aAAa,CAAC,CAC7C,4BAA4B,CAAC,CAAC,KAAK,CAAC,CACpC,aAAa,CACb,QAAQ,CACR,IAAI,WAAW,CAAC,CAChB,KAAK,CAAC,CAAC,WAAW,CAAC,CAEnB;UAAA,CAAC,iBAAiB,CAAC,CAAC,CAAC,CACnB,CAAC,SAAS,CACR,OAAO,CAAC,CAAC,QAAQ,IAAI,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,GAAG,EAAE,GAAG,CAAC,CAAC,CAAC,CACpD,QAAQ,CAAC,CAAC,GAAG,CAAC,CACd,SAAS,CAAC,CAAC,0BAA0B,CAAC,CACtC,KAAK,CAAC,CAAC,MAAM,EAAE,iBAAiB,CAAC,CACjC,cAAc,CAAC,CAAC,IAAI,CAAC,CACrB,UAAU,EACV,CAAC,CAAC,CAAC,CAAC,IAAI,CACZ;UAAA,CACE,OAAO,CAAC,CAAC,CAAC,CACR,CAAC,IAAI,CACH,QAAQ;QACR,aAAa;QACb,QAAQ,CAAC,CAAC,WAAW,CAAC,CACtB,OAAO,CAAC,CAAC,UAAU,CAAC,CACpB,IAAI,KAAK,CAAC,CACV,KAAK,CAAC,CAAC,MAAM,EAAE,GAAG,CAAC,CAEnB;gBAAA,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CACjB,CAAC,MAAM,CACL,IAAI,UAAU,CAAC,CACf,QAAQ,CAAC,CAAC,QAAQ,CAAC,CACnB,MAAM,CAAC,CAAC,MAAM,CAAC,CACf,YAAY,CAAC,CAAC,YAAY,CAAC,EAC3B,CACH,CAED;;gBAAA,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,EAAE,IAAI,CAAC,CAAC,CAAC,QAAQ,CAAC,EAAE,IAAI,CAE3C;;gBAAA,CAAC,MAAM,CAAC,CAAC,CAAC,CACR,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,EAAE,MAAM,CAAC,CAC1B;oBAAA,CAAC,OAAO,MAAM,KAAK,QAAQ,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,MAAM,CAAC,EAAG,CAAC,CAAC,CAAC,MAAM,CAC/D;kBAAA,EAAE,IAAI,CAAC,CACR,CAAC,CAAC,CAAC,IAAI,CACV;cAAA,EAAE,IAAI,CAAC,CACR,CAAC,CAAC,CAAC,IAAI,CAEZ;QAAA,EAAE,eAAe,CACnB;MAAA,EAAE,IAAI,CACR;IAAA,EAAE,OAAO,CAAC,CACX,CAAA;AACH,CAAC,CAAA;AAED,KAAK,CAAC,iBAAiB,GAAG,OAAO,CAAA;AACjC,KAAK,CAAC,QAAQ,GAAG,CAAC,SAAS,EAAE,KAAK,EAAE,UAAU,EAAE,cAAc,EAAE,QAAQ,EAAE,MAAM,EAAE,QAAQ,EAAE,QAAQ,EAAE,OAAO,EAAE,aAAa,EAAE,aAAa,CAAC,CAAA;AAC5I,KAAK,CAAC,WAAW,GAAG,SAAS,CAAA;AAE7B,KAAK,CAAC,gBAAgB,GAAG,CAAsB,MAAS,EAAE,EAAE;IAC1D,OAAO,KAAyE,CAAA;AAClF,CAAC,CAAA;AAED,KAAK,CAAC,YAAY,GAAG;IACnB,aAAa,EAAE,OAAkB;IACjC,QAAQ,EAAE,IAAI;IACd,iBAAiB,EAAE,IAAI;IACvB,MAAM,EAAE,IAAI;IACZ,wBAAwB,EAAE,IAAI;IAC9B,WAAW,EAAE,MAAM,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC,KAAK,EAAE;IACnD,UAAU,EAAE,OAAO,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE;IACzC,UAAU,EAAE,IAAI;IAChB,YAAY,EAAE,aAAa;CACL,CAAA;AAExB,mBAAmB,CAAC,iBAAiB,CAAC,KAAK,CAAC,CAAA"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import { ActionIconComposition } from '../ActionIcon';
|
|
2
2
|
export type AnimatableParts = 'box' | 'backdrop';
|
|
3
|
-
export type ModalParts = AnimatableParts | 'wrapper' | 'innerWrapper' | 'scrollContent' | 'scroll' | 'body' | 'footer' | 'header' | 'backdropTouchable' | 'title' | 'description' | 'titleWrapper' | `closeButton${Capitalize<ActionIconComposition>}
|
|
3
|
+
export type ModalParts = AnimatableParts | 'wrapper' | 'innerWrapper' | 'scrollContent' | 'scroll' | 'body' | 'footer' | 'header' | 'backdropTouchable' | 'title' | 'description' | 'titleWrapper' | `closeButton${Capitalize<ActionIconComposition>}`;
|
|
4
4
|
export type ModalComposition = ModalParts | `${AnimatableParts}:visible` | `${AnimatableParts}:hidden` | `${AnimatableParts}:transition`;
|
|
@@ -18,7 +18,6 @@ export type ModalProps = Omit<ViewProps, 'style'> & {
|
|
|
18
18
|
closeIconName?: AppIcon;
|
|
19
19
|
visible?: boolean;
|
|
20
20
|
toggle?: () => void;
|
|
21
|
-
zIndex?: number;
|
|
22
21
|
description?: React.ReactElement;
|
|
23
22
|
scroll?: boolean;
|
|
24
23
|
header?: React.ReactElement;
|
|
@@ -28,7 +27,7 @@ export type ModalProps = Omit<ViewProps, 'style'> & {
|
|
|
28
27
|
scrollProps?: PropsOf<typeof Scroll, 'ref'>;
|
|
29
28
|
style?: StyledProp<ModalComposition>;
|
|
30
29
|
id?: string;
|
|
31
|
-
|
|
30
|
+
withPortal?: boolean;
|
|
32
31
|
boxEntering?: ReanimatedEnteringAnimation;
|
|
33
32
|
boxExiting?: ReanimatedExitingAnimation;
|
|
34
33
|
};
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import { PageProps } from './types';
|
|
3
|
+
type PagerItemComponentProps = PageProps<any> & {
|
|
4
|
+
renderItem: (props: any) => JSX.Element;
|
|
5
|
+
};
|
|
6
|
+
export declare const PagerItem: import("react").NamedExoticComponent<PagerItemComponentProps>;
|
|
7
|
+
export {};
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { memoBy } from '@codeleap/utils';
|
|
2
|
+
import { TypeGuards } from '@codeleap/types';
|
|
3
|
+
function PagerItemComponent(props) {
|
|
4
|
+
const { item, renderItem: RenderItem, ...info } = props;
|
|
5
|
+
if (TypeGuards.isFunction(item)) {
|
|
6
|
+
const ItemComponent = item;
|
|
7
|
+
return <ItemComponent {...info}/>;
|
|
8
|
+
}
|
|
9
|
+
return <RenderItem {...info} item={item}/>;
|
|
10
|
+
}
|
|
11
|
+
export const PagerItem = memoBy(PagerItemComponent, ['renderItem', 'item']);
|
|
12
|
+
//# sourceMappingURL=PagerItem.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"PagerItem.js","sourceRoot":"","sources":["../../../src/components/Pager/PagerItem.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAA;AAExC,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAA;AAM5C,SAAS,kBAAkB,CAAC,KAA8B;IACxD,MAAM,EAAE,IAAI,EAAE,UAAU,EAAE,UAAU,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK,CAAA;IAEvD,IAAI,UAAU,CAAC,UAAU,CAAC,IAAI,CAAC,EAAE;QAC/B,MAAM,aAAa,GAAG,IAAI,CAAA;QAC1B,OAAO,CAAC,aAAa,CAAC,IAAI,IAAI,CAAC,EAAG,CAAA;KACnC;IAED,OAAO,CAAC,UAAU,CAAC,IAAI,IAAI,CAAC,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,EAAG,CAAA;AAC7C,CAAC;AAED,MAAM,CAAC,MAAM,SAAS,GAAG,MAAM,CAAC,kBAAkB,EAAE,CAAC,YAAY,EAAE,MAAM,CAAC,CAAC,CAAA"}
|
|
@@ -1,58 +1,64 @@
|
|
|
1
|
-
import React, { useCallback, useRef, useState } from 'react';
|
|
1
|
+
import React, { useCallback, useEffect, useRef, useState } from 'react';
|
|
2
2
|
import { ReduceMotion } from 'react-native-reanimated';
|
|
3
3
|
import Carousel from 'react-native-reanimated-carousel';
|
|
4
4
|
import { Dimensions } from 'react-native';
|
|
5
|
-
import {
|
|
6
|
-
import { onUpdate, useConditionalState } from '@codeleap/hooks';
|
|
5
|
+
import { useConditionalState } from '@codeleap/hooks';
|
|
7
6
|
import { useNestedStylesByKey } from '@codeleap/styles';
|
|
8
7
|
import { useStylesFor } from '../../hooks';
|
|
9
8
|
import { MobileStyleRegistry } from '../../Registry';
|
|
10
9
|
import { View } from '../View';
|
|
11
10
|
import { PagerDots } from './PagerDots';
|
|
11
|
+
import { PagerItem } from './PagerItem';
|
|
12
12
|
export * from './styles';
|
|
13
13
|
export * from './types';
|
|
14
14
|
export * from './PagerDots';
|
|
15
|
-
const window = Dimensions.get('
|
|
15
|
+
const window = Dimensions.get('screen');
|
|
16
16
|
export function Pager(props) {
|
|
17
|
-
const { pages, page, onChangePage, initialPage, style, showDots, renderItem
|
|
17
|
+
const { pages, page, onChangePage, initialPage, style, showDots, renderItem, footer, width: carouselWidth, height: carouselHeight, autoCalculateFooterHeight, removeFixedHeight, removeFixedWidth, ...rest } = {
|
|
18
18
|
...Pager.defaultProps,
|
|
19
19
|
...props,
|
|
20
20
|
};
|
|
21
|
-
const [currentPage, setCurrentPage] = useConditionalState(page, onChangePage, { initialValue: initialPage });
|
|
22
21
|
const carouselRef = useRef(null);
|
|
22
|
+
const [currentPage, setCurrentPage] = useConditionalState(page, onChangePage, { initialValue: initialPage });
|
|
23
23
|
const [footerHeight, setFooterHeight] = useState(0);
|
|
24
|
+
const [loaded, setLoaded] = useState(!showDots && !footer ? true : false);
|
|
24
25
|
const styles = useStylesFor(Pager.styleRegistryName, style);
|
|
25
26
|
const dotStyles = useNestedStylesByKey('dot', styles);
|
|
26
|
-
|
|
27
|
-
carouselRef.current?.
|
|
27
|
+
useEffect(() => {
|
|
28
|
+
if (carouselRef.current?.getCurrentIndex?.() !== currentPage) {
|
|
29
|
+
carouselRef.current?.scrollTo?.({ index: currentPage, animated: true });
|
|
30
|
+
}
|
|
28
31
|
}, [currentPage]);
|
|
29
|
-
const
|
|
30
|
-
const
|
|
32
|
+
const getItemInfo = useCallback((index) => {
|
|
33
|
+
const info = {
|
|
31
34
|
isFirst: index === 0,
|
|
32
35
|
isLast: index === pages?.length - 1,
|
|
33
36
|
isOnly: pages?.length === 1,
|
|
34
|
-
isActive: index === currentPage,
|
|
35
|
-
isNext: index === currentPage + 1,
|
|
36
|
-
isPrevious: index === currentPage - 1,
|
|
37
37
|
index,
|
|
38
|
-
animationValue,
|
|
39
38
|
};
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
return <
|
|
45
|
-
}, [
|
|
46
|
-
|
|
47
|
-
|
|
39
|
+
return info;
|
|
40
|
+
}, []);
|
|
41
|
+
const customRenderItem = useCallback(({ item, index, animationValue }) => {
|
|
42
|
+
const info = getItemInfo(index);
|
|
43
|
+
return (<PagerItem {...info} renderItem={renderItem} item={item} animationValue={animationValue}/>);
|
|
44
|
+
}, [renderItem, getItemInfo]);
|
|
45
|
+
const onFooterLayout = useCallback((event) => {
|
|
46
|
+
setFooterHeight(event.nativeEvent.layout.height);
|
|
47
|
+
setTimeout(() => setLoaded(true), 0);
|
|
48
|
+
}, []);
|
|
49
|
+
const width = carouselWidth - removeFixedWidth;
|
|
50
|
+
const height = carouselHeight - ((autoCalculateFooterHeight ? footerHeight : 0) + removeFixedHeight);
|
|
51
|
+
return (<View style={[{ width, opacity: !loaded ? 0 : 1 }, styles.wrapper]}>
|
|
52
|
+
<Carousel data={pages} autoPlay={false} loop={false} overscrollEnabled={false} pagingEnabled={false} ref={carouselRef} defaultIndex={initialPage} onSnapToItem={setCurrentPage} maxScrollDistancePerSwipe={carouselWidth} minScrollDistancePerSwipe={carouselWidth * 0.1} width={width} height={height} renderItem={customRenderItem} withAnimation={{
|
|
48
53
|
type: 'timing',
|
|
49
54
|
config: {
|
|
50
55
|
reduceMotion: ReduceMotion.Never,
|
|
51
56
|
},
|
|
52
|
-
}}
|
|
57
|
+
}} {...rest} style={styles.carousel}/>
|
|
58
|
+
|
|
59
|
+
<View onLayout={onFooterLayout} style={styles.footerWrapper}>
|
|
60
|
+
{footer}
|
|
53
61
|
|
|
54
|
-
<View onLayout={(event) => setFooterHeight(event.nativeEvent.layout.height)} style={styles.footerWrapper}>
|
|
55
|
-
{/* {footer} */}
|
|
56
62
|
{showDots ? (<PagerDots currentPage={currentPage} pages={pages} setCurrentPage={setCurrentPage} styles={dotStyles}/>) : null}
|
|
57
63
|
</View>
|
|
58
64
|
</View>);
|
|
@@ -69,6 +75,9 @@ Pager.defaultProps = {
|
|
|
69
75
|
showDots: true,
|
|
70
76
|
autoCalculateFooterHeight: true,
|
|
71
77
|
initialPage: 0,
|
|
78
|
+
footer: null,
|
|
79
|
+
removeFixedHeight: 0,
|
|
80
|
+
removeFixedWidth: 0,
|
|
72
81
|
};
|
|
73
82
|
MobileStyleRegistry.registerComponent(Pager);
|
|
74
83
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Pager/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,WAAW,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Pager/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -6,11 +6,8 @@ import { CarouselRenderItemInfo } from 'react-native-reanimated-carousel/lib/typ
|
|
|
6
6
|
export type PageProps<T> = CarouselRenderItemInfo<T> & {
|
|
7
7
|
isLast: boolean;
|
|
8
8
|
isFirst: boolean;
|
|
9
|
-
isActive: boolean;
|
|
10
9
|
isOnly: boolean;
|
|
11
|
-
isNext: boolean;
|
|
12
10
|
index: number;
|
|
13
|
-
isPrevious: boolean;
|
|
14
11
|
};
|
|
15
12
|
export type PagerProps<T> = Partial<Omit<TCarouselProps<T>, 'data' | 'renderItem'>> & {
|
|
16
13
|
pages: TCarouselProps<T>['data'];
|
|
@@ -22,4 +19,6 @@ export type PagerProps<T> = Partial<Omit<TCarouselProps<T>, 'data' | 'renderItem
|
|
|
22
19
|
showDots?: boolean;
|
|
23
20
|
footer?: ReactNode;
|
|
24
21
|
autoCalculateFooterHeight?: boolean;
|
|
22
|
+
removeFixedHeight?: number;
|
|
23
|
+
removeFixedWidth?: number;
|
|
25
24
|
};
|
|
@@ -4,10 +4,9 @@ import { onMount, onUpdate, usePrevious, useSearch, useConditionalState, } from
|
|
|
4
4
|
import React, { useCallback, useMemo } from 'react';
|
|
5
5
|
import { List } from '../List';
|
|
6
6
|
import { TextInput } from '../TextInput';
|
|
7
|
-
import { ModalManager } from '../../utils';
|
|
8
7
|
import { Button } from '../Button';
|
|
9
8
|
import { useCompositionStyles } from '@codeleap/styles';
|
|
10
|
-
import Modal from '../Modal';
|
|
9
|
+
import { Modal } from '../Modal';
|
|
11
10
|
import { MobileStyleRegistry } from '../../Registry';
|
|
12
11
|
import { SearchInput } from '../SearchInput';
|
|
13
12
|
import { useStylesFor } from '../../hooks';
|
|
@@ -38,7 +37,7 @@ const defaultGetLabel = (option) => {
|
|
|
38
37
|
};
|
|
39
38
|
const OuterInput = (props) => {
|
|
40
39
|
const { currentValueLabel, debugName, clearIcon, label, toggle, style, placeholder, disabled = false, inputProps = {}, } = props;
|
|
41
|
-
return <TextInput value={TypeGuards.isString(currentValueLabel) ? currentValueLabel : null} rightIcon={clearIcon} onPress={disabled ? null : () => toggle()} disabled={disabled} label={label} debugName={debugName} style={style} innerWrapperProps={{
|
|
40
|
+
return <TextInput value={TypeGuards.isString(currentValueLabel) ? currentValueLabel : null} onValueChange={() => currentValueLabel} rightIcon={clearIcon} onPress={disabled ? null : () => toggle()} disabled={disabled} label={label} debugName={debugName} style={style} innerWrapperProps={{
|
|
42
41
|
rippleDisabled: true,
|
|
43
42
|
}} placeholder={placeholder} {...inputProps}/>;
|
|
44
43
|
};
|
|
@@ -167,11 +166,11 @@ export const Select = (selectProps) => {
|
|
|
167
166
|
onPress: disabled ? null : onPressInputIcon,
|
|
168
167
|
}} currentValueLabel={currentValueLabel} debugName={`${debugName} select input`} style={compositionStyles?.input} {...allProps} {...inputProps} visible={visible} toggle={toggle}/>) : null}
|
|
169
168
|
|
|
170
|
-
<
|
|
169
|
+
<Modal title={label} description={description} {...modalProps} debugName={`${debugName} modal`} style={styles} id={null} visible={visible} toggle={toggle}>
|
|
171
170
|
<ListComponent data={searchable ? filteredOptions : options} scrollEnabled={true} showsHorizontalScrollIndicator={false} style={compositionStyles?.list} keyExtractor={(i) => i.value} renderItem={renderListItem} fakeEmpty={loading} separators keyboardAware={false} {...listProps} ListHeaderComponent={_ListHeaderComponent} placeholder={{
|
|
172
171
|
loading,
|
|
173
172
|
}}/>
|
|
174
|
-
</
|
|
173
|
+
</Modal>
|
|
175
174
|
</>;
|
|
176
175
|
};
|
|
177
176
|
Select.styleRegistryName = 'Select';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Select/index.tsx"],"names":[],"mappings":"AAAA,8BAA8B;AAC9B,OAAO,EAAmB,UAAU,EAAE,MAAM,iBAAiB,CAAA;AAC7D,OAAO,EACL,OAAO,EACP,QAAQ,EACR,WAAW,EACX,SAAS,EACT,mBAAmB,GACpB,MAAM,iBAAiB,CAAA;AACxB,OAAO,KAAK,EAAE,EAAE,WAAW,EAAE,OAAO,EAAE,MAAM,OAAO,CAAA;AACnD,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAA;AAC9B,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AAExC,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Select/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,8 +1,7 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import { Option, Options, PropsOf } from '@codeleap/types';
|
|
3
3
|
import { AppIcon, StyledProp } from '@codeleap/styles';
|
|
4
|
-
import { StylesOf } from '../../types/utility';
|
|
5
|
-
import { GetKeyboardAwarePropsOptions } from '../../utils';
|
|
4
|
+
import { GetKeyboardAwarePropsOptions, StylesOf } from '../../types/utility';
|
|
6
5
|
import { ActionIconProps } from '../ActionIcon';
|
|
7
6
|
import { Icon } from '../Icon';
|
|
8
7
|
import { FlatListProps } from '../List';
|
|
@@ -1,7 +1,6 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { alert } from '@codeleap/modals';
|
|
2
2
|
import { useEffect, useMemo, useState } from '@codeleap/hooks';
|
|
3
3
|
import { useFileInput } from '../FileInput';
|
|
4
|
-
const SortableAlert = CreateOSAlert();
|
|
5
4
|
export const useSortablePhotos = (props) => {
|
|
6
5
|
const { onChangePhotos, onPressPhoto, modalBody, modalTitle, modalCameraText, modalDeleteText, modalLibraryText, getFilename, numPhotos, loading, photos: currentPhotos } = props;
|
|
7
6
|
const input = useFileInput();
|
|
@@ -102,7 +101,7 @@ export const useSortablePhotos = (props) => {
|
|
|
102
101
|
onChange(newPhotos);
|
|
103
102
|
};
|
|
104
103
|
const handlePressPhoto = (photo, order) => {
|
|
105
|
-
|
|
104
|
+
alert.ask({
|
|
106
105
|
title: modalTitle,
|
|
107
106
|
body: modalBody,
|
|
108
107
|
options: [
|
|
@@ -110,9 +109,6 @@ export const useSortablePhotos = (props) => {
|
|
|
110
109
|
{ text: modalCameraText, onPress: () => handleOpenPicker('camera', photo, order) },
|
|
111
110
|
!!photo?.filename && { text: modalDeleteText, onPress: () => handleDeletePhoto(photo, order) },
|
|
112
111
|
],
|
|
113
|
-
// @ts-expect-error
|
|
114
|
-
closable: true,
|
|
115
|
-
isRow: false,
|
|
116
112
|
});
|
|
117
113
|
onPressPhoto?.(data, photo, order);
|
|
118
114
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useSortablePhotos.js","sourceRoot":"","sources":["../../../src/components/SortablePhotos/useSortablePhotos.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"useSortablePhotos.js","sourceRoot":"","sources":["../../../src/components/SortablePhotos/useSortablePhotos.ts"],"names":[],"mappings":"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"}
|
package/dist/deprecated/index.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/deprecated/index.ts"],"names":[],"mappings":"+BAA6B,eAAe;0BAAhC,WAAW"}
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/deprecated/index.ts"],"names":[],"mappings":"+BAA6B,eAAe;0BAAhC,WAAW;0BACC,eAAe;qBAA3B,MAAM"}
|