@codeleap/mobile 4.3.9 → 5.0.0
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/index.js.map +1 -1
- package/dist/components/Autocomplete/types.d.ts +9 -10
- package/dist/components/Backdrop/index.js.map +1 -1
- package/dist/components/Checkbox/index.js +13 -9
- package/dist/components/Checkbox/index.js.map +1 -1
- package/dist/components/Checkbox/types.d.ts +5 -2
- package/dist/components/DatePickerModal/index.js +18 -11
- package/dist/components/DatePickerModal/index.js.map +1 -1
- package/dist/components/DatePickerModal/types.d.ts +12 -9
- package/dist/components/FileInput/types.d.ts +3 -4
- package/dist/components/Grid/index.js.map +1 -1
- package/dist/components/Image/types.d.ts +2 -5
- package/dist/components/InputBase/index.d.ts +2 -6
- package/dist/components/InputBase/index.js +9 -5
- package/dist/components/InputBase/index.js.map +1 -1
- package/dist/components/InputBase/types.d.ts +2 -0
- package/dist/components/InputBase/useInputBase.d.ts +24 -0
- package/dist/components/InputBase/useInputBase.js +46 -0
- package/dist/components/InputBase/useInputBase.js.map +1 -0
- package/dist/components/InputBase/useInputBasePartialStyles.d.ts +2 -0
- package/dist/components/InputBase/useInputBasePartialStyles.js +30 -0
- package/dist/components/InputBase/useInputBasePartialStyles.js.map +1 -0
- package/dist/components/InputBase/utils.js +16 -16
- package/dist/components/InputBase/utils.js.map +1 -1
- package/dist/components/List/index.js +1 -1
- package/dist/components/List/index.js.map +1 -1
- package/dist/components/Modal/index.js +4 -14
- package/dist/components/Modal/index.js.map +1 -1
- package/dist/components/NumberIncrement/index.js +21 -132
- package/dist/components/NumberIncrement/index.js.map +1 -1
- package/dist/components/NumberIncrement/types.d.ts +7 -5
- package/dist/components/NumberIncrement/useNumberIncrement.d.ts +55 -0
- package/dist/components/NumberIncrement/useNumberIncrement.js +107 -0
- package/dist/components/NumberIncrement/useNumberIncrement.js.map +1 -0
- package/dist/components/RadioInput/index.d.ts +1 -1
- package/dist/components/RadioInput/index.js +20 -41
- package/dist/components/RadioInput/index.js.map +1 -1
- package/dist/components/RadioInput/types.d.ts +11 -9
- package/dist/components/Scroll/index.js +25 -28
- package/dist/components/Scroll/index.js.map +1 -1
- package/dist/components/Scroll/types.d.ts +4 -4
- package/dist/components/Sections/index.js +1 -1
- package/dist/components/Sections/index.js.map +1 -1
- package/dist/components/SegmentedControl/index.js +6 -4
- package/dist/components/SegmentedControl/index.js.map +1 -1
- package/dist/components/SegmentedControl/types.d.ts +4 -3
- package/dist/components/Select/index.js +10 -6
- package/dist/components/Select/index.js.map +1 -1
- package/dist/components/Select/types.d.ts +19 -18
- package/dist/components/Slider/index.js +18 -57
- package/dist/components/Slider/index.js.map +1 -1
- package/dist/components/Slider/types.d.ts +7 -5
- package/dist/components/SortablePhotos/index.js +17 -18
- package/dist/components/SortablePhotos/index.js.map +1 -1
- package/dist/components/SortablePhotos/types.d.ts +5 -15
- package/dist/components/SortablePhotos/useSortablePhotos.d.ts +11 -8
- package/dist/components/SortablePhotos/useSortablePhotos.js +18 -11
- package/dist/components/SortablePhotos/useSortablePhotos.js.map +1 -1
- package/dist/components/Switch/index.js +13 -9
- package/dist/components/Switch/index.js.map +1 -1
- package/dist/components/Switch/types.d.ts +5 -2
- package/dist/components/TextInput/index.js +26 -70
- package/dist/components/TextInput/index.js.map +1 -1
- package/dist/components/TextInput/types.d.ts +8 -6
- package/dist/components/TextInput/useTextInput.d.ts +54 -0
- package/dist/components/TextInput/useTextInput.js +59 -0
- package/dist/components/TextInput/useTextInput.js.map +1 -0
- package/dist/components/Touchable/index.js +4 -3
- package/dist/components/Touchable/index.js.map +1 -1
- package/dist/components/View/index.d.ts +7 -12
- package/dist/components/View/index.js +9 -7
- package/dist/components/View/index.js.map +1 -1
- package/dist/components/View/types.d.ts +6 -6
- package/dist/components/components.d.ts +0 -2
- package/dist/components/components.js +0 -2
- package/dist/components/components.js.map +1 -1
- package/dist/hooks/index.d.ts +3 -2
- package/dist/hooks/index.js +3 -10
- package/dist/hooks/index.js.map +1 -1
- package/dist/hooks/useKeyboardController.d.ts +6 -0
- package/dist/hooks/useKeyboardController.js +19 -0
- package/dist/hooks/useKeyboardController.js.map +1 -0
- package/dist/hooks/useStatusBar.d.ts +6 -0
- package/dist/hooks/useStatusBar.js +15 -0
- package/dist/hooks/useStatusBar.js.map +1 -0
- package/dist/hooks/useStylesFor.d.ts +2 -0
- package/dist/hooks/useStylesFor.js +11 -0
- package/dist/hooks/useStylesFor.js.map +1 -0
- package/dist/index.d.ts +2 -1
- package/dist/index.js +2 -1
- package/dist/index.js.map +1 -1
- package/dist/modules/backgroundTimer.d.ts +3 -0
- package/dist/modules/backgroundTimer.js +31 -0
- package/dist/modules/backgroundTimer.js.map +1 -0
- package/dist/modules/index.d.ts +3 -0
- package/dist/modules/index.js +3 -0
- package/dist/modules/index.js.map +1 -0
- package/dist/modules/reactNavigation.d.ts +8 -21
- package/dist/modules/reactNavigation.js +38 -12
- package/dist/modules/reactNavigation.js.map +1 -1
- package/dist/modules/scroll.d.ts +18 -0
- package/dist/modules/scroll.js +57 -0
- package/dist/modules/scroll.js.map +1 -0
- package/dist/modules/types/textInputMask.d.ts +6 -2
- package/dist/utils/KeyboardAware/context.js +2 -6
- package/dist/utils/KeyboardAware/context.js.map +1 -1
- package/dist/utils/KeyboardAware/index.d.ts +0 -1
- package/dist/utils/KeyboardAware/index.js +0 -1
- package/dist/utils/KeyboardAware/index.js.map +1 -1
- package/dist/utils/ModalManager/context.js +2 -2
- package/dist/utils/ModalManager/context.js.map +1 -1
- package/dist/utils/hooks.js +4 -4
- package/dist/utils/hooks.js.map +1 -1
- package/dist/utils/locale.d.ts +1 -1
- package/dist/utils/locale.js +10 -5
- package/dist/utils/locale.js.map +1 -1
- package/dist/utils/theme.d.ts +1 -0
- package/dist/utils/theme.js +4 -2
- package/dist/utils/theme.js.map +1 -1
- package/package.json +31 -35
- package/package.json.bak +17 -20
- package/src/components/Autocomplete/index.tsx +2 -3
- package/src/components/Autocomplete/types.ts +9 -10
- package/src/components/Backdrop/index.tsx +0 -1
- package/src/components/Checkbox/index.tsx +23 -9
- package/src/components/Checkbox/types.ts +5 -2
- package/src/components/DatePickerModal/index.tsx +27 -18
- package/src/components/DatePickerModal/types.ts +12 -9
- package/src/components/FileInput/types.ts +3 -4
- package/src/components/Grid/index.tsx +3 -3
- package/src/components/Image/types.ts +3 -6
- package/src/components/InputBase/index.tsx +13 -7
- package/src/components/InputBase/types.ts +2 -0
- package/src/components/InputBase/useInputBase.ts +60 -0
- package/src/components/InputBase/useInputBasePartialStyles.ts +38 -0
- package/src/components/InputBase/utils.ts +17 -17
- package/src/components/List/index.tsx +0 -1
- package/src/components/Modal/index.tsx +4 -15
- package/src/components/NumberIncrement/index.tsx +52 -160
- package/src/components/NumberIncrement/types.ts +7 -5
- package/src/components/NumberIncrement/useNumberIncrement.ts +152 -0
- package/src/components/RadioInput/index.tsx +37 -53
- package/src/components/RadioInput/types.ts +11 -9
- package/src/components/Scroll/index.tsx +44 -45
- package/src/components/Scroll/types.ts +4 -4
- package/src/components/Sections/index.tsx +0 -1
- package/src/components/SegmentedControl/index.tsx +8 -6
- package/src/components/SegmentedControl/types.ts +4 -3
- package/src/components/Select/index.tsx +32 -24
- package/src/components/Select/types.ts +19 -18
- package/src/components/Slider/index.tsx +34 -66
- package/src/components/Slider/types.ts +7 -5
- package/src/components/SortablePhotos/index.tsx +31 -47
- package/src/components/SortablePhotos/types.ts +6 -15
- package/src/components/SortablePhotos/useSortablePhotos.ts +28 -22
- package/src/components/Switch/index.tsx +23 -9
- package/src/components/Switch/types.ts +5 -2
- package/src/components/TextInput/index.tsx +55 -89
- package/src/components/TextInput/types.ts +9 -7
- package/src/components/TextInput/useTextInput.ts +88 -0
- package/src/components/Touchable/index.tsx +5 -1
- package/src/components/View/index.tsx +19 -12
- package/src/components/View/types.ts +7 -6
- package/src/components/components.ts +0 -2
- package/src/hooks/index.ts +3 -13
- package/src/hooks/useKeyboardController.ts +28 -0
- package/src/hooks/useStatusBar.ts +21 -0
- package/src/hooks/useStylesFor.ts +13 -0
- package/src/index.ts +3 -1
- package/src/modules/backgroundTimer.ts +39 -0
- package/src/modules/index.ts +3 -0
- package/src/modules/reactNavigation.ts +64 -14
- package/src/modules/scroll.tsx +89 -0
- package/src/modules/types/textInputMask.ts +8 -4
- package/src/types/index.ts +1 -0
- package/src/utils/KeyboardAware/context.tsx +2 -6
- package/src/utils/KeyboardAware/index.ts +1 -1
- package/src/utils/ModalManager/context.tsx +2 -2
- package/src/utils/hooks.ts +4 -4
- package/src/utils/locale.ts +13 -5
- package/src/utils/theme.ts +6 -2
- package/dist/components/Navigation/Navigation.d.ts +0 -55
- package/dist/components/Navigation/Navigation.js +0 -41
- package/dist/components/Navigation/Navigation.js.map +0 -1
- package/dist/components/Navigation/constants.d.ts +0 -9
- package/dist/components/Navigation/constants.js +0 -9
- package/dist/components/Navigation/constants.js.map +0 -1
- package/dist/components/Navigation/index.d.ts +0 -3
- package/dist/components/Navigation/index.js +0 -4
- package/dist/components/Navigation/index.js.map +0 -1
- package/dist/components/Navigation/types.d.ts +0 -26
- package/dist/components/Navigation/types.js +0 -2
- package/dist/components/Navigation/types.js.map +0 -1
- package/dist/components/Navigation/utils.d.ts +0 -3
- package/dist/components/Navigation/utils.js +0 -34
- package/dist/components/Navigation/utils.js.map +0 -1
- package/dist/components/NumberIncrement/utils.d.ts +0 -5
- package/dist/components/NumberIncrement/utils.js +0 -23
- package/dist/components/NumberIncrement/utils.js.map +0 -1
- package/dist/utils/KeyboardAware/types.d.ts +0 -1
- package/dist/utils/KeyboardAware/types.js +0 -6
- package/dist/utils/KeyboardAware/types.js.map +0 -1
- package/src/components/Navigation/Navigation.tsx +0 -55
- package/src/components/Navigation/constants.ts +0 -24
- package/src/components/Navigation/index.tsx +0 -3
- package/src/components/Navigation/types.ts +0 -28
- package/src/components/Navigation/utils.tsx +0 -57
- package/src/components/NumberIncrement/utils.ts +0 -27
- package/src/utils/KeyboardAware/types.ts +0 -159
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useNumberIncrement.js","sourceRoot":"","sources":["../../../src/components/NumberIncrement/useNumberIncrement.ts"],"names":[],"mappings":"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"}
|
|
@@ -9,5 +9,5 @@ export declare const RadioGroup: {
|
|
|
9
9
|
elements: string[];
|
|
10
10
|
rootElement: string;
|
|
11
11
|
withVariantTypes<S extends AnyRecord>(styles: S): <T_1 extends string | number>(props: StyledComponentProps<RadioGroupProps<T_1>, S>) => IJSX;
|
|
12
|
-
defaultProps: Partial<RadioGroupProps<string
|
|
12
|
+
defaultProps: Partial<RadioGroupProps<string>>;
|
|
13
13
|
};
|
|
@@ -6,57 +6,35 @@ import { View } from '../View';
|
|
|
6
6
|
import { InputBase, selectInputBaseProps } from '../InputBase';
|
|
7
7
|
import { MobileStyleRegistry } from '../../Registry';
|
|
8
8
|
import { useStylesFor } from '../../hooks';
|
|
9
|
+
import { useInputBasePartialStyles } from '../InputBase/useInputBasePartialStyles';
|
|
10
|
+
import { useInputBase } from '../InputBase/useInputBase';
|
|
11
|
+
import { fields } from '@codeleap/form';
|
|
9
12
|
export * from './styles';
|
|
10
13
|
export * from './types';
|
|
11
14
|
const Option = (props) => {
|
|
12
15
|
const { debugName, item, disabled, styles, selected, onSelect, separator = false, reverseOrder, } = props;
|
|
13
16
|
const isDisabled = disabled || item.disabled;
|
|
14
|
-
const
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
}
|
|
21
|
-
if (selected) {
|
|
22
|
-
return styles[`${key}:selected`];
|
|
23
|
-
}
|
|
24
|
-
return styles[key];
|
|
25
|
-
};
|
|
26
|
-
const label = TypeGuards.isString(item.label) ? <Text style={[
|
|
27
|
-
styles.optionLabel,
|
|
28
|
-
getStyle('optionLabel'),
|
|
29
|
-
]} text={item.label}/> : item.label;
|
|
17
|
+
const partialStyles = useInputBasePartialStyles(styles, ['optionLabel', 'optionWrapper', 'optionIndicator', 'optionIndicatorInner'], {
|
|
18
|
+
selectedDisabled: isDisabled && selected,
|
|
19
|
+
disabled: isDisabled,
|
|
20
|
+
selected,
|
|
21
|
+
});
|
|
22
|
+
const label = TypeGuards.isString(item.label) ? <Text style={partialStyles.optionLabel} text={item.label}/> : item.label;
|
|
30
23
|
return <>
|
|
31
|
-
<Touchable debugName={`${debugName} option ${item.value}`} style={
|
|
32
|
-
styles.optionWrapper,
|
|
33
|
-
getStyle('optionWrapper'),
|
|
34
|
-
]} rippleDisabled onPress={onSelect} disabled={isDisabled}>
|
|
24
|
+
<Touchable debugName={`${debugName} option ${item.value}`} style={partialStyles.optionWrapper} rippleDisabled onPress={onSelect} disabled={isDisabled}>
|
|
35
25
|
{reverseOrder ? (<>
|
|
36
26
|
{label}
|
|
37
|
-
<View style={
|
|
38
|
-
|
|
39
|
-
getStyle('optionIndicator'),
|
|
40
|
-
]}>
|
|
41
|
-
<View style={[
|
|
42
|
-
styles.optionIndicatorInner,
|
|
43
|
-
getStyle('optionIndicatorInner'),
|
|
44
|
-
]}/>
|
|
27
|
+
<View style={partialStyles.optionIndicator}>
|
|
28
|
+
<View style={partialStyles.optionIndicatorInner}/>
|
|
45
29
|
</View>
|
|
46
30
|
</>) : (<>
|
|
47
|
-
<View style={
|
|
48
|
-
|
|
49
|
-
getStyle('optionIndicator'),
|
|
50
|
-
]}>
|
|
51
|
-
<View style={[
|
|
52
|
-
styles.optionIndicatorInner,
|
|
53
|
-
getStyle('optionIndicatorInner'),
|
|
54
|
-
]}/>
|
|
31
|
+
<View style={partialStyles.optionIndicator}>
|
|
32
|
+
<View style={partialStyles.optionIndicatorInner}/>
|
|
55
33
|
</View>
|
|
56
34
|
{label}
|
|
57
35
|
</>)}
|
|
58
|
-
|
|
59
36
|
</Touchable>
|
|
37
|
+
|
|
60
38
|
{separator ? <View style={styles.optionSeparator}/> : null}
|
|
61
39
|
</>;
|
|
62
40
|
};
|
|
@@ -65,13 +43,14 @@ export const RadioGroup = (props) => {
|
|
|
65
43
|
...RadioGroup.defaultProps,
|
|
66
44
|
...props,
|
|
67
45
|
});
|
|
68
|
-
const {
|
|
46
|
+
const { disabled, debugName, radioOnRight, style, field, options, value, onValueChange, } = others;
|
|
69
47
|
const styles = useStylesFor(RadioGroup.styleRegistryName, style);
|
|
48
|
+
const { fieldHandle, wrapperRef, } = useInputBase(field, fields.selectable, [value, onValueChange]);
|
|
70
49
|
// @ts-expect-error icss type
|
|
71
50
|
const _radioOnRight = radioOnRight ?? styles?.__props?.radioOnRight;
|
|
72
|
-
const hasValue = !TypeGuards.isNil(value);
|
|
73
|
-
return <InputBase {...inputBaseProps} disabled={disabled} style={styles} debugName={debugName} hasValue={hasValue}>
|
|
74
|
-
{options?.map((item, idx) => (<Option debugName={debugName} item={item} key={idx} disabled={disabled} styles={styles} selected={value === item.value} onSelect={() =>
|
|
51
|
+
const hasValue = !TypeGuards.isNil(fieldHandle?.value);
|
|
52
|
+
return <InputBase {...inputBaseProps} ref={wrapperRef} disabled={disabled} style={styles} debugName={debugName} hasValue={hasValue}>
|
|
53
|
+
{options?.map((item, idx) => (<Option debugName={debugName} item={item} key={idx} disabled={disabled} styles={styles} selected={fieldHandle?.value === item.value} onSelect={() => fieldHandle.setValue(item.value)} separator={idx < options?.length - 1} reverseOrder={_radioOnRight}/>))}
|
|
75
54
|
</InputBase>;
|
|
76
55
|
};
|
|
77
56
|
RadioGroup.styleRegistryName = 'RadioGroup';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/RadioInput/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAA;AAC9B,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AACxC,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAA;AAC5C,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAA;AAC9B,OAAO,EAAE,SAAS,EAAE,oBAAoB,EAAE,MAAM,cAAc,CAAA;AAG9D,OAAO,EAAE,mBAAmB,EAAE,MAAM,gBAAgB,CAAA;AACpD,OAAO,EAAE,YAAY,EAAE,MAAM,aAAa,CAAA;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/RadioInput/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,19 +1,21 @@
|
|
|
1
|
-
import { StylesOf } from '@codeleap/types';
|
|
2
|
-
import { FormTypes } from '@codeleap/form';
|
|
3
1
|
import { StyledProp } from '@codeleap/styles';
|
|
4
|
-
import { ReactNode } from 'react';
|
|
5
2
|
import { RadioInputComposition } from './styles';
|
|
6
3
|
import { InputBaseProps } from '../InputBase';
|
|
7
|
-
|
|
4
|
+
import { ViewStyle } from 'react-native';
|
|
5
|
+
import { SelectableField } from '@codeleap/form';
|
|
6
|
+
import { Options } from '@codeleap/types';
|
|
7
|
+
type RadioOption<T extends string | number> = {
|
|
8
|
+
value: T;
|
|
9
|
+
label: string;
|
|
8
10
|
disabled?: boolean;
|
|
9
11
|
};
|
|
10
12
|
export type RadioGroupProps<T extends string | number> = Omit<InputBaseProps, 'style'> & {
|
|
11
|
-
options: RadioOption<T>[];
|
|
12
|
-
value: T;
|
|
13
|
-
onValueChange(value: T): void;
|
|
14
|
-
label: ReactNode;
|
|
15
13
|
radioOnRight?: boolean;
|
|
16
14
|
style?: StyledProp<RadioInputComposition>;
|
|
15
|
+
field?: SelectableField<T, any>;
|
|
16
|
+
options?: Options<T>;
|
|
17
|
+
value?: T;
|
|
18
|
+
onValueChange?: (value: T) => void;
|
|
17
19
|
};
|
|
18
20
|
export type RadioOptionProps<T extends string | number> = {
|
|
19
21
|
item: RadioOption<T>;
|
|
@@ -23,6 +25,6 @@ export type RadioOptionProps<T extends string | number> = {
|
|
|
23
25
|
disabled?: boolean;
|
|
24
26
|
separator?: boolean;
|
|
25
27
|
reverseOrder?: boolean;
|
|
26
|
-
styles?:
|
|
28
|
+
styles?: Record<RadioInputComposition, ViewStyle>;
|
|
27
29
|
};
|
|
28
30
|
export {};
|
|
@@ -1,49 +1,47 @@
|
|
|
1
|
-
import React, { forwardRef, useState } from 'react';
|
|
2
|
-
import { onUpdate, usePrevious } from '@codeleap/hooks';
|
|
3
|
-
import { deepEqual } from '@codeleap/utils';
|
|
1
|
+
import React, { forwardRef, useCallback, useImperativeHandle, useRef, useState } from 'react';
|
|
4
2
|
import { ScrollView } from 'react-native';
|
|
5
3
|
import { RefreshControl } from '../RefreshControl';
|
|
6
|
-
import { useKeyboardPaddingStyle } from '../../utils';
|
|
7
4
|
import { MobileStyleRegistry } from '../../Registry';
|
|
8
5
|
import { useStylesFor } from '../../hooks';
|
|
6
|
+
import { KeyboardAwareScrollView } from 'react-native-keyboard-controller';
|
|
7
|
+
import { ScrollProvider, useScrollPubSub } from '../../modules/scroll';
|
|
9
8
|
export * from './styles';
|
|
10
9
|
export * from './types';
|
|
11
10
|
export const Scroll = forwardRef((scrollProps, ref) => {
|
|
12
|
-
const { style, refreshTimeout, children,
|
|
11
|
+
const { style, refreshTimeout, children, refreshControlProps = {}, contentContainerStyle, keyboardAware, onRefresh: onRefresh, ...props } = {
|
|
13
12
|
...Scroll.defaultProps,
|
|
14
13
|
...scrollProps,
|
|
15
14
|
};
|
|
16
|
-
const hasRefresh = !!
|
|
17
|
-
const [
|
|
18
|
-
const refreshingDisplay = props.refreshing !== undefined ? props.refreshing :
|
|
15
|
+
const hasRefresh = !!onRefresh;
|
|
16
|
+
const [refreshing, setRefreshing] = useState(false);
|
|
17
|
+
const refreshingDisplay = props.refreshing !== undefined ? props.refreshing : refreshing;
|
|
19
18
|
const timer = React.useRef(null);
|
|
20
|
-
const
|
|
21
|
-
|
|
22
|
-
if (timer.current) {
|
|
19
|
+
const refresh = useCallback(() => {
|
|
20
|
+
if (timer.current !== null) {
|
|
23
21
|
clearTimeout(timer.current);
|
|
22
|
+
timer.current = null;
|
|
24
23
|
}
|
|
25
24
|
setRefreshing(true);
|
|
26
|
-
|
|
25
|
+
onRefresh?.();
|
|
27
26
|
timer.current = setTimeout(() => {
|
|
28
27
|
setRefreshing(false);
|
|
29
28
|
}, refreshTimeout);
|
|
30
|
-
};
|
|
31
|
-
onUpdate(() => {
|
|
32
|
-
if (refreshingDisplay && !deepEqual(previousData, changeData)) {
|
|
33
|
-
setRefreshing(false);
|
|
34
|
-
if (timer.current) {
|
|
35
|
-
clearTimeout(timer.current);
|
|
36
|
-
}
|
|
37
|
-
}
|
|
38
|
-
}, [refreshingDisplay, changeData]);
|
|
29
|
+
}, [onRefresh]);
|
|
39
30
|
const styles = useStylesFor(Scroll.styleRegistryName, style);
|
|
40
|
-
const Component = ScrollView;
|
|
41
|
-
const
|
|
42
|
-
|
|
31
|
+
const Component = keyboardAware ? KeyboardAwareScrollView : ScrollView;
|
|
32
|
+
const _scrollRef = useRef();
|
|
33
|
+
const { ref: scrollRef, emit } = useScrollPubSub(_scrollRef);
|
|
34
|
+
useImperativeHandle(ref, () => scrollRef.current, []);
|
|
35
|
+
return (<ScrollProvider ref={scrollRef}>
|
|
36
|
+
<Component showsVerticalScrollIndicator={false}
|
|
43
37
|
// @ts-ignore
|
|
44
|
-
ref={
|
|
45
|
-
|
|
46
|
-
|
|
38
|
+
ref={_scrollRef} refreshControl={hasRefresh && (<RefreshControl refreshing={refreshingDisplay} onRefresh={refresh} {...refreshControlProps}/>)} bottomOffset={30} {...props} style={styles?.wrapper} contentContainerStyle={[styles?.content, contentContainerStyle]} onMomentumScrollEnd={(e) => {
|
|
39
|
+
emit('onMomentumScrollEnd', e);
|
|
40
|
+
props?.onMomentumScrollEnd?.(e);
|
|
41
|
+
}}>
|
|
42
|
+
{children}
|
|
43
|
+
</Component>
|
|
44
|
+
</ScrollProvider>);
|
|
47
45
|
});
|
|
48
46
|
Scroll.styleRegistryName = 'Scroll';
|
|
49
47
|
Scroll.elements = ['wrapper', 'content'];
|
|
@@ -55,7 +53,6 @@ Scroll.defaultProps = {
|
|
|
55
53
|
keyboardShouldPersistTaps: 'handled',
|
|
56
54
|
refreshTimeout: 3000,
|
|
57
55
|
keyboardAware: true,
|
|
58
|
-
animated: true,
|
|
59
56
|
};
|
|
60
57
|
MobileStyleRegistry.registerComponent(Scroll);
|
|
61
58
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Scroll/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Scroll/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import { StyledProp } from '@codeleap/styles';
|
|
2
|
-
import { KeyboardAwareScrollView, KeyboardAwareScrollViewProps } from 'react-native-keyboard-aware-scroll-view';
|
|
3
2
|
import { ScrollComposition } from './styles';
|
|
4
3
|
import { RefreshControlProps } from '../RefreshControl';
|
|
5
|
-
import {
|
|
6
|
-
|
|
4
|
+
import { ScrollView, ScrollViewProps } from 'react-native';
|
|
5
|
+
import { KeyboardAwareScrollViewProps } from 'react-native-keyboard-controller';
|
|
6
|
+
export type ScrollProps = Omit<ScrollViewProps, 'style'> & Omit<KeyboardAwareScrollViewProps, 'style'> & {
|
|
7
7
|
onRefresh?: () => void;
|
|
8
8
|
refreshTimeout?: number;
|
|
9
9
|
changeData?: any;
|
|
@@ -13,4 +13,4 @@ export type ScrollProps = Omit<KeyboardAwareScrollViewProps, 'style'> & Omit<Vie
|
|
|
13
13
|
debugName?: string;
|
|
14
14
|
style?: StyledProp<ScrollComposition>;
|
|
15
15
|
};
|
|
16
|
-
export type ScrollRef =
|
|
16
|
+
export type ScrollRef = ScrollView;
|
|
@@ -14,7 +14,7 @@ const RenderSeparator = (props) => {
|
|
|
14
14
|
return <View style={props.separatorStyles}/>;
|
|
15
15
|
};
|
|
16
16
|
export function Sections(sectionsProps) {
|
|
17
|
-
const { style, onRefresh,
|
|
17
|
+
const { style, onRefresh, refreshing, placeholder, refreshControlProps, loading, keyboardAware, fakeEmpty = loading, contentContainerStyle, refreshControl, renderItem: RenderItem, sections: data, renderSectionHeader: RenderSectionHeader, renderSectionFooter: RenderSectionFooter, ...props } = {
|
|
18
18
|
...Sections.defaultProps,
|
|
19
19
|
...sectionsProps,
|
|
20
20
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Sections/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,OAAO,CAAA;AACtC,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAA;AAC5C,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAA;AAC7C,OAAO,EAAE,WAAW,EAAsC,MAAM,cAAc,CAAA;AAC9E,OAAO,EAAE,IAAI,EAAa,MAAM,SAAS,CAAA;AACzC,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAA;AAClD,OAAO,EAAE,uBAAuB,EAAE,MAAM,aAAa,CAAA;AAGrD,OAAO,EAAE,mBAAmB,EAAE,MAAM,gBAAgB,CAAA;AACpD,OAAO,EAAE,YAAY,EAAE,MAAM,aAAa,CAAA;AAC1C,OAAO,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAA;AAEtD,cAAc,UAAU,CAAA;AACxB,cAAc,SAAS,CAAA;AAEvB,MAAM,eAAe,GAAG,CAAC,KAA8C,EAAE,EAAE;IACzE,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,KAAK,CAAC,eAAe,CAAC,EAAG,CAAA;AAC/C,CAAC,CAAA;AAED,MAAM,UAAU,QAAQ,CAAI,aAA8B;IACxD,MAAM,EACJ,KAAK,EACL,SAAS,EACT,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Sections/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -20,7 +20,7 @@ const defaultAnimation = {
|
|
|
20
20
|
export const SegmentedControl = React.forwardRef((props, ref) => {
|
|
21
21
|
// @ts-expect-error
|
|
22
22
|
const [themeValues, themeSpacing] = useTheme(store => [store.current?.values, store.current?.spacing]);
|
|
23
|
-
const { options = [], onValueChange, debugName, label, value, animation = {}, scrollProps = {}, getItemWidth = () => (themeValues?.width - themeSpacing?.value?.(4)) / options.length, renderBubble, scrollToCurrentOptionOnMount, renderOption, touchableProps, style, ...viewProps } = {
|
|
23
|
+
const { options = [], onValueChange, debugName, label, value, animation = {}, scrollProps = {}, getItemWidth = () => (themeValues?.width - themeSpacing?.value?.(4)) / options.length, renderBubble: BubbleView, scrollToCurrentOptionOnMount, renderOption: Option, touchableProps, style, ...viewProps } = {
|
|
24
24
|
...SegmentedControl.defaultProps,
|
|
25
25
|
...props,
|
|
26
26
|
};
|
|
@@ -35,7 +35,11 @@ export const SegmentedControl = React.forwardRef((props, ref) => {
|
|
|
35
35
|
if (!scrollRef.current)
|
|
36
36
|
return;
|
|
37
37
|
setTimeout(() => {
|
|
38
|
-
scrollRef.current?.
|
|
38
|
+
scrollRef.current?.scrollTo({
|
|
39
|
+
x: widthStyle.width * idx,
|
|
40
|
+
y: 0,
|
|
41
|
+
animated: true
|
|
42
|
+
});
|
|
39
43
|
});
|
|
40
44
|
}
|
|
41
45
|
const widthStyle = useMemo(() => {
|
|
@@ -75,8 +79,6 @@ export const SegmentedControl = React.forwardRef((props, ref) => {
|
|
|
75
79
|
scrollTo(currentOptionIdx);
|
|
76
80
|
hasScrolledInitially.current = true;
|
|
77
81
|
}
|
|
78
|
-
const BubbleView = renderBubble;
|
|
79
|
-
const Option = renderOption;
|
|
80
82
|
const bubbleAnimation = useAnimatedVariantStyles({
|
|
81
83
|
variantStyles: styles,
|
|
82
84
|
animatedProperties: [],
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/SegmentedControl/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,mBAAmB,EAAE,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAO,MAAM,OAAO,CAAA;AAClF,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AACjD,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAA;AAC9B,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAA;AAC9B,OAAO,EAAE,wBAAwB,EAAE,MAAM,aAAa,CAAA;AACtD,OAAO,EAAE,sBAAsB,EAAE,MAAM,UAAU,CAAA;AAEjD,OAAO,EAAmE,QAAQ,EAAE,MAAM,kBAAkB,CAAA;AAC5G,OAAO,EAAE,mBAAmB,EAAE,MAAM,gBAAgB,CAAA;AACpD,OAAO,EAAE,YAAY,EAAE,MAAM,aAAa,CAAA;AAE1C,cAAc,UAAU,CAAA;AACxB,cAAc,SAAS,CAAA;AAEvB,MAAM,aAAa,GAAG,CAAC,KAAK,EAAE,EAAE;IAC9B,OAAO,CAAC,IAAI,CAAC,QAAQ,CAAC,IAAI,KAAK,CAAC,EAAG,CAAA;AACrC,CAAC,CAAA;AAED,MAAM,gBAAgB,GAAG;IACvB,IAAI,EAAE,QAAQ;IACd,QAAQ,EAAE,GAAG;IACb,MAAM,EAAE,MAAM,CAAC,MAAM;CACtB,CAAA;AAED,MAAM,CAAC,MAAM,gBAAgB,GAAG,KAAK,CAAC,UAAU,CAA6C,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IAC1G,mBAAmB;IACnB,MAAM,CAAC,WAAW,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC,KAAK,CAAC,OAAO,EAAE,MAAM,EAAE,KAAK,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC,CAAA;IAEtG,MAAM,EACJ,OAAO,GAAG,EAAE,EACZ,aAAa,EACb,SAAS,EACT,KAAK,EACL,KAAK,EACL,SAAS,GAAG,EAAE,EACd,WAAW,GAAG,EAAE,EAChB,YAAY,GAAG,GAAG,EAAE,CAAC,CAAC,WAAW,EAAE,KAAK,GAAG,YAAY,EAAE,KAAK,EAAE,CAAC,CAAC,CAAC,CAAC,GAAG,OAAO,CAAC,MAAM,EACrF,YAAY,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/SegmentedControl/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -4,9 +4,8 @@ import { SegmentedControlOptionProps } from './Option';
|
|
|
4
4
|
import { TransitionConfig } from '../../utils';
|
|
5
5
|
import { TextProps } from '../Text';
|
|
6
6
|
import { TouchableProps } from '../Touchable';
|
|
7
|
-
import { FormTypes } from '@codeleap/form';
|
|
8
7
|
import { StyledProp } from '@codeleap/styles';
|
|
9
|
-
import { SegmentedControlComposition } from '../components';
|
|
8
|
+
import { SegmentedControlComposition, ViewProps } from '../components';
|
|
10
9
|
export type SegmentedControlRef = ScrollRef & {
|
|
11
10
|
scrollTo: (index: number) => void;
|
|
12
11
|
scrollToCurrent: () => void;
|
|
@@ -17,9 +16,11 @@ export type SegmentedControlProps<T = string> = Omit<ScrollProps, 'style'> & {
|
|
|
17
16
|
value: T;
|
|
18
17
|
debugName: string;
|
|
19
18
|
animation?: TransitionConfig;
|
|
19
|
+
animated?: boolean;
|
|
20
|
+
animatedStyle?: ViewProps['animatedStyle'];
|
|
20
21
|
textProps?: Partial<TextProps>;
|
|
21
22
|
touchableProps?: Partial<TouchableProps>;
|
|
22
|
-
label?:
|
|
23
|
+
label?: string;
|
|
23
24
|
renderOption?: (props: SegmentedControlOptionProps) => JSX.Element;
|
|
24
25
|
renderBubble?: (props: Partial<SegmentedControlProps>) => JSX.Element;
|
|
25
26
|
getItemWidth?: (item: {
|
|
@@ -11,6 +11,8 @@ import Modal from '../Modal';
|
|
|
11
11
|
import { MobileStyleRegistry } from '../../Registry';
|
|
12
12
|
import { SearchInput } from '../SearchInput';
|
|
13
13
|
import { useStylesFor } from '../../hooks';
|
|
14
|
+
import { fields } from '@codeleap/form';
|
|
15
|
+
import { useInputBase } from '../InputBase/useInputBase';
|
|
14
16
|
export * from './styles';
|
|
15
17
|
export * from './types';
|
|
16
18
|
const defaultFilterFunction = (search, options) => {
|
|
@@ -45,7 +47,9 @@ export const Select = (selectProps) => {
|
|
|
45
47
|
...Select.defaultProps,
|
|
46
48
|
...selectProps,
|
|
47
49
|
};
|
|
48
|
-
const {
|
|
50
|
+
const { label, options = [], style, description, renderItem: Item, listProps, debugName, placeholder, arrowIconName, clearIconName, clearable, selectedIcon, inputProps = {}, hideInput, itemProps = {}, searchable, loadOptions, multiple, closeOnSelect = !multiple, limit = null, defaultOptions = options, visible: _visible, toggle: _toggle, ListHeaderComponent, ListComponent, onLoadOptionsError, loadOptionsOnMount = defaultOptions.length === 0, loadOptionsOnOpen, filterItems, getLabel, searchInputProps, outerInputComponent, disabled, field, value: _value, onValueChange: _onValueChange, ...modalProps } = allProps;
|
|
51
|
+
const { fieldHandle } = useInputBase(field, fields.selectable, [_value, _onValueChange]);
|
|
52
|
+
const value = fieldHandle.value;
|
|
49
53
|
const isValueArray = TypeGuards.isArray(value) && multiple;
|
|
50
54
|
const { loading, setLoading, labelOptions, setLabelOptions, filteredOptions, load, onChangeSearch, } = useSearch({
|
|
51
55
|
value,
|
|
@@ -99,7 +103,7 @@ export const Select = (selectProps) => {
|
|
|
99
103
|
newValue = selectedValue;
|
|
100
104
|
newOption = currentOptions.find(o => o.value === selectedValue);
|
|
101
105
|
}
|
|
102
|
-
|
|
106
|
+
fieldHandle.setValue(newValue);
|
|
103
107
|
if (isValueArray) {
|
|
104
108
|
if (removedIndex !== null) {
|
|
105
109
|
const newOptions = [...labelOptions];
|
|
@@ -126,18 +130,18 @@ export const Select = (selectProps) => {
|
|
|
126
130
|
else {
|
|
127
131
|
selected = value === item.value;
|
|
128
132
|
}
|
|
129
|
-
return <Item debugName={`${debugName} item ${item.value}`} selected={selected} text={item.label} item={item} onPress={() => select(item.value)}
|
|
133
|
+
return (<Item debugName={`${debugName} item ${item.value}`} selected={selected} text={item.label} item={item} onPress={() => select(item.value)}
|
|
130
134
|
// @ts-ignore
|
|
131
135
|
icon={selectedIcon}
|
|
132
136
|
// @ts-ignore
|
|
133
|
-
rightIcon={selectedIcon} style={compositionStyles?.item} index={index} {...itemProps}
|
|
137
|
+
rightIcon={selectedIcon} style={compositionStyles?.item} index={index} {...itemProps}/>);
|
|
134
138
|
}, [value, select, multiple]);
|
|
135
139
|
const isEmpty = TypeGuards.isNil(value);
|
|
136
140
|
const showClearIcon = !isEmpty && clearable;
|
|
137
141
|
const inputIcon = showClearIcon ? clearIconName : arrowIconName;
|
|
138
142
|
const onPressInputIcon = () => {
|
|
139
143
|
if (showClearIcon) {
|
|
140
|
-
|
|
144
|
+
fieldHandle.setValue(null);
|
|
141
145
|
}
|
|
142
146
|
else {
|
|
143
147
|
close?.();
|
|
@@ -164,7 +168,7 @@ export const Select = (selectProps) => {
|
|
|
164
168
|
}} currentValueLabel={currentValueLabel} debugName={`${debugName} select input`} style={compositionStyles?.input} {...allProps} {...inputProps} visible={visible} toggle={toggle}/>) : null}
|
|
165
169
|
|
|
166
170
|
<ModalManager.Modal title={label} description={description} {...modalProps} debugName={`${debugName} modal`} style={styles} id={null} visible={visible} toggle={toggle}>
|
|
167
|
-
<ListComponent data={searchable ? filteredOptions : options} scrollEnabled={
|
|
171
|
+
<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={{
|
|
168
172
|
loading,
|
|
169
173
|
}}/>
|
|
170
174
|
</ModalManager.Modal>
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Select/index.tsx"],"names":[],"mappings":"AAAA,8BAA8B;AAC9B,OAAO,
|
|
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,YAAY,EAAE,MAAM,aAAa,CAAA;AAC1C,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAA;AAClC,OAAO,EAAkD,oBAAoB,EAAE,MAAM,kBAAkB,CAAA;AACvG,OAAO,KAAK,MAAM,UAAU,CAAA;AAC5B,OAAO,EAAE,mBAAmB,EAAE,MAAM,gBAAgB,CAAA;AACpD,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAA;AAC5C,OAAO,EAAE,YAAY,EAAE,MAAM,aAAa,CAAA;AAC1C,OAAO,EAAmB,MAAM,EAAE,MAAM,gBAAgB,CAAA;AACxD,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAA;AAExD,cAAc,UAAU,CAAA;AACxB,cAAc,SAAS,CAAA;AAEvB,MAAM,qBAAqB,GAAG,CAAC,MAAc,EAAE,OAAqB,EAAE,EAAE;IACtE,OAAO,OAAO,CAAC,MAAM,CAAC,CAAC,MAAM,EAAE,EAAE;QAC/B,IAAI,UAAU,CAAC,QAAQ,CAAC,MAAM,CAAC,KAAK,CAAC,EAAE;YACrC,OAAO,MAAM,CAAC,KAAK,CAAC,WAAW,EAAE,CAAC,QAAQ,CAAC,MAAM,CAAC,WAAW,EAAE,CAAC,CAAA;SACjE;QAED,OAAO,MAAM,CAAC,KAAK,KAAK,MAAM,CAAA;IAChC,CAAC,CAAC,CAAA;AACJ,CAAC,CAAA;AAED,MAAM,eAAe,GAAG,CAAC,MAAM,EAAE,EAAE;IACjC,IAAI,UAAU,CAAC,OAAO,CAAC,MAAM,CAAC,EAAE;QAC9B,IAAI,MAAM,EAAE,MAAM,KAAK,CAAC;YAAE,OAAO,IAAI,CAAA;QAErC,MAAM,MAAM,GAAG,MAAM,EAAE,GAAG,CAAC,MAAM,CAAC,EAAE,CAAC,MAAM,EAAE,KAAK,CAAC,EAAE,MAAM,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,CAAA;QAE7E,OAAO,MAAM,EAAE,IAAI,CAAC,IAAI,CAAC,CAAA;KAC1B;SAAM;QACL,IAAI,CAAC,MAAM;YAAE,OAAO,IAAI,CAAA;QACxB,OAAO,MAAM,EAAE,KAAK,CAAA;KACrB;AACH,CAAC,CAAA;AAED,MAAM,UAAU,GAA+D,CAAC,KAAK,EAAE,EAAE;IACvF,MAAM,EACJ,iBAAiB,EACjB,SAAS,EACT,SAAS,EACT,KAAK,EACL,MAAM,EACN,KAAK,EACL,WAAW,EACX,QAAQ,GAAG,KAAK,EAChB,UAAU,GAAG,EAAE,GAChB,GAAG,KAAK,CAAA;IAET,OAAO,CAAC,SAAS,CACf,KAAK,CAAC,CAAC,UAAU,CAAC,QAAQ,CAAC,iBAAiB,CAAC,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC,IAAI,CAAC,CACzE,SAAS,CAAC,CAAC,SAAS,CAAC,CACrB,OAAO,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,EAAE,CAAC,MAAM,EAAE,CAAC,CAC1C,QAAQ,CAAC,CAAC,QAAQ,CAAC,CACnB,KAAK,CAAC,CAAC,KAAK,CAAC,CACb,SAAS,CAAC,CAAC,SAAS,CAAC,CACrB,KAAK,CAAC,CAAC,KAAK,CAAC,CACb,iBAAiB,CAAC,CAAC;YACjB,cAAc,EAAE,IAAI;SACrB,CAAC,CACF,WAAW,CAAC,CAAC,WAAkB,CAAC,CAChC,IAAI,UAAU,CAAC,EACf,CAAA;AACJ,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,MAAM,GAAG,CAAoE,WAAkC,EAAE,EAAE;IAC9H,MAAM,QAAQ,GAAG;QACf,GAAG,MAAM,CAAC,YAAY;QACtB,GAAG,WAAW;KACf,CAAA;IAED,MAAM,EACJ,KAAK,EACL,OAAO,GAAG,EAAE,EACZ,KAAK,EACL,WAAW,EACX,UAAU,EAAE,IAAI,EAChB,SAAS,EACT,SAAS,EACT,WAAW,EACX,aAAa,EACb,aAAa,EACb,SAAS,EACT,YAAY,EACZ,UAAU,GAAG,EAAE,EACf,SAAS,EACT,SAAS,GAAG,EAAE,EACd,UAAU,EACV,WAAW,EACX,QAAQ,EACR,aAAa,GAAG,CAAC,QAAQ,EACzB,KAAK,GAAG,IAAI,EACZ,cAAc,GAAG,OAAO,EACxB,OAAO,EAAE,QAAQ,EACjB,MAAM,EAAE,OAAO,EACf,mBAAmB,EACnB,aAAa,EACb,kBAAkB,EAClB,kBAAkB,GAAG,cAAc,CAAC,MAAM,KAAK,CAAC,EAChD,iBAAiB,EACjB,WAAW,EACX,QAAQ,EACR,gBAAgB,EAChB,mBAAmB,EACnB,QAAQ,EACR,KAAK,EACL,KAAK,EAAE,MAAM,EACb,aAAa,EAAE,cAAc,EAC7B,GAAG,UAAU,EACd,GAAG,QAAQ,CAAA;IAEZ,MAAM,EAAE,WAAW,EAAE,GAAG,YAAY,CAAC,KAAK,EAAE,MAAM,CAAC,UAA2C,EAAE,CAAC,MAAM,EAAE,cAAc,CAAC,CAAC,CAAA;IAEzH,MAAM,KAAK,GAAG,WAAW,CAAC,KAAK,CAAA;IAE/B,MAAM,YAAY,GAAG,UAAU,CAAC,OAAO,CAAC,KAAK,CAAC,IAAI,QAAQ,CAAA;IAE1D,MAAM,EACJ,OAAO,EACP,UAAU,EACV,YAAY,EACZ,eAAe,EACf,eAAe,EACf,IAAI,EACJ,cAAc,GACf,GAAG,SAAS,CAAC;QACZ,KAAK;QACL,QAAQ;QACR,OAAO;QACP,WAAW;QACX,SAAS;QACT,cAAc;QACd,WAAW;QACX,kBAAkB;KACnB,CAAC,CAAA;IAEF,MAAM,CAAC,OAAO,EAAE,MAAM,CAAC,GAAG,mBAAmB,CAAC,QAAQ,EAAE,OAAO,EAAE,EAAE,YAAY,EAAE,KAAK,EAAE,eAAe,EAAE,IAAI,EAAE,CAAC,CAAA;IAEhH,MAAM,iBAAiB,GAAG,OAAO,CAAC,GAAG,EAAE;QACrC,MAAM,QAAQ,GAAG,CAAC,QAAQ,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,YAAY,EAAE,CAAC,CAAC,CAAC,CAAgD,CAAA;QAE7G,MAAM,KAAK,GAAG,QAAQ,CAAC,QAAQ,CAAC,CAAA;QAEhC,OAAO,KAAK,CAAA;IACd,CAAC,EAAE,CAAC,YAAY,CAAC,CAAC,CAAA;IAElB,OAAO,CAAC,GAAG,EAAE;QACX,IAAI,kBAAkB,IAAI,CAAC,CAAC,WAAW,EAAE;YACvC,IAAI,EAAE,CAAA;SACP;IACH,CAAC,CAAC,CAAA;IAEF,MAAM,WAAW,GAAG,WAAW,CAAC,OAAO,CAAC,CAAA;IAExC,QAAQ,CAAC,GAAG,EAAE;QACZ,IAAI,OAAO,IAAI,CAAC,WAAW,IAAI,iBAAiB,IAAI,CAAC,CAAC,WAAW,EAAE;YACjE,IAAI,EAAE,CAAA;SACP;IACH,CAAC,EAAE,CAAC,OAAO,EAAE,WAAW,CAAC,CAAC,CAAA;IAE1B,MAAM,MAAM,GAAG,YAAY,CAAC,MAAM,CAAC,iBAAiB,EAAE,KAAK,CAAC,CAAA;IAE5D,MAAM,iBAAiB,GAAG,oBAAoB,CAAC,CAAC,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,aAAa,CAAC,EAAE,MAAM,CAAC,CAAA;IAEhG,MAAM,cAAc,GAAG,UAAU,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,cAAc,CAAA;IAEpE,MAAM,KAAK,GAAG,GAAG,EAAE,CAAC,MAAM,EAAE,EAAE,CAAA;IAE9B,MAAM,MAAM,GAAG,WAAW,CAAC,CAAC,aAAa,EAAE,EAAE;QAC3C,IAAI,QAAQ,GAAG,IAAI,CAAA;QACnB,IAAI,SAAS,GAAG,IAAI,CAAA;QACpB,IAAI,YAAY,GAAG,IAAI,CAAA;QAEvB,IAAI,QAAQ,IAAI,YAAY,EAAE;YAC5B,IAAI,KAAK,CAAC,QAAQ,CAAC,aAAa,CAAC,EAAE;gBACjC,YAAY,GAAG,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,KAAK,aAAa,CAAC,CAAA;gBAExD,QAAQ,GAAG,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,KAAK,YAAY,CAAC,CAAA;aACtD;iBAAM;gBACL,IAAI,UAAU,CAAC,QAAQ,CAAC,KAAK,CAAC,IAAI,KAAK,CAAC,MAAM,IAAI,KAAK,EAAE;oBACvD,OAAM;iBACP;gBAED,SAAS,GAAG,cAAc,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,KAAK,KAAK,aAAa,CAAC,CAAA;gBAE/D,QAAQ,GAAG,CAAC,GAAG,KAAK,EAAE,aAAa,CAAC,CAAA;aACrC;SACF;aAAM;YACL,QAAQ,GAAG,aAAa,CAAA;YACxB,SAAS,GAAG,cAAc,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,KAAK,KAAK,aAAa,CAAC,CAAA;SAChE;QAED,WAAW,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAA;QAE9B,IAAI,YAAY,EAAE;YAChB,IAAI,YAAY,KAAK,IAAI,EAAE;gBACzB,MAAM,UAAU,GAAG,CAAC,GAAG,YAAY,CAAC,CAAA;gBACpC,UAAU,CAAC,MAAM,CAAC,YAAY,EAAE,CAAC,CAAC,CAAA;gBAClC,eAAe,CAAC,UAAU,CAAC,CAAA;aAC5B;iBAAM;gBACL,MAAM,SAAS,GAAG,CAAC,GAAG,YAAY,EAAE,SAAS,CAAC,CAAA;gBAC9C,eAAe,CAAC,SAAS,CAAC,CAAA;aAC3B;SACF;aAAM;YACL,eAAe,CAAC,CAAC,SAAS,CAAC,CAAC,CAAA;SAC7B;QAED,IAAI,aAAa,EAAE;YACjB,KAAK,EAAE,EAAE,CAAA;SACV;IACH,CAAC,EAAE,CAAC,YAAY,EAAE,CAAC,YAAY,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,YAAY,EAAE,cAAc,CAAC,CAAC,CAAA;IAEnG,MAAM,cAAc,GAAG,WAAW,CAAC,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,EAAE,EAAE;QACrD,IAAI,QAAQ,GAAG,KAAK,CAAA;QAEpB,IAAI,QAAQ,IAAI,YAAY,EAAE;YAC5B,QAAQ,GAAG,KAAK,EAAE,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,CAAA;SACvC;aAAM;YACL,QAAQ,GAAG,KAAK,KAAK,IAAI,CAAC,KAAK,CAAA;SAChC;QAED,OAAO,CACL,CAAC,IAAI,CACH,SAAS,CAAC,CAAC,GAAG,SAAS,SAAS,IAAI,CAAC,KAAK,EAAE,CAAC,CAC7C,QAAQ,CAAC,CAAC,QAAQ,CAAC,CACnB,IAAI,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CACjB,IAAI,CAAC,CAAC,IAAI,CAAC,CACX,OAAO,CAAC,CAAC,GAAG,EAAE,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QAClC,aAAa;QACb,IAAI,CAAC,CAAC,YAAY,CAAC;QACnB,aAAa;QACb,SAAS,CAAC,CAAC,YAAY,CAAC,CACxB,KAAK,CAAC,CAAC,iBAAiB,EAAE,IAAI,CAAC,CAC/B,KAAK,CAAC,CAAC,KAAK,CAAC,CACb,IAAI,SAAS,CAAC,EACd,CACH,CAAA;IACH,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,QAAQ,CAAC,CAAC,CAAA;IAE7B,MAAM,OAAO,GAAG,UAAU,CAAC,KAAK,CAAC,KAAK,CAAC,CAAA;IACvC,MAAM,aAAa,GAAG,CAAC,OAAO,IAAI,SAAS,CAAA;IAE3C,MAAM,SAAS,GAAG,aAAa,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,aAAa,CAAA;IAE/D,MAAM,gBAAgB,GAAG,GAAG,EAAE;QAC5B,IAAI,aAAa,EAAE;YACjB,WAAW,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAA;SAC3B;aAAM;YACL,KAAK,EAAE,EAAE,CAAA;SACV;IAEH,CAAC,CAAA;IAED,MAAM,YAAY,GAAG,UAAU,CAAC,CAAC,CAAC,CAAC,WAAW,CAC5C,SAAS,CAAC,CAAC,SAAS,CAAC,CACrB,cAAc,CAAC,CAAC,CAAC,QAAQ,EAAE,EAAE;YAC3B,IAAI,UAAU,IAAI,CAAC,CAAC,WAAW,EAAE;gBAC/B,UAAU,CAAC,QAAQ,CAAC,CAAA;aACrB;QACH,CAAC,CAAC,CACF,QAAQ,CAAC,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,IAAI,CAAC,CACrC,cAAc,CAAC,CAAC,cAAc,CAAC,CAC/B,KAAK,CAAC,CAAC,iBAAiB,EAAE,WAAW,CAAC,CACtC,IAAI,gBAAgB,CAAC,EACrB,CAAC,CAAC,CAAC,IAAI,CAAA;IAET,MAAM,oBAAoB,GAAG,OAAO,CAAC,GAAG,EAAE;QACxC,IAAI,mBAAmB,EAAE;YACvB,OAAO,CAAC,mBAAmB,CACzB,eAAe,CAAC,CAAC,YAAY,CAAC,EAC9B,CAAA;SACH;QAED,OAAO,YAAY,CAAA;IAErB,CAAC,EAAE,CAAC,UAAU,EAAE,mBAAmB,CAAC,CAAC,CAAA;IAErC,MAAM,KAAK,GAAG,mBAAmB,CAAA;IAEjC,OAAO,EACL;IAAA,CACE,CAAC,SAAS,CAAC,CAAC,CAAC;QACX,aAAa;QACb,CAAC,KAAK,CACJ,SAAS,CAAC,CAAC;gBACT,IAAI,EAAE,SAAoB;gBAC1B,OAAO,EAAE,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,gBAAgB;aAC5C,CAAC,CACF,iBAAiB,CAAC,CAAC,iBAAiB,CAAC,CACrC,SAAS,CAAC,CAAC,GAAG,SAAS,eAAe,CAAC,CACvC,KAAK,CAAC,CAAC,iBAAiB,EAAE,KAAK,CAAC,CAChC,IAAI,QAAQ,CAAC,CACb,IAAI,UAAU,CAAC,CACf,OAAO,CAAC,CAAC,OAAO,CAAC,CACjB,MAAM,CAAC,CAAC,MAAM,CAAC,EACf,CACH,CAAC,CAAC,CAAC,IAAI,CAGV;;IAAA,CAAC,YAAY,CAAC,KAAK,CACjB,KAAK,CAAC,CAAC,KAAK,CAAC,CACb,WAAW,CAAC,CAAC,WAAW,CAAC,CACzB,IAAI,UAAU,CAAC,CACf,SAAS,CAAC,CAAC,GAAG,SAAS,QAAQ,CAAC,CAChC,KAAK,CAAC,CAAC,MAAM,CAAC,CACd,EAAE,CAAC,CAAC,IAAI,CAAC,CACT,OAAO,CAAC,CAAC,OAAO,CAAC,CACjB,MAAM,CAAC,CAAC,MAAM,CAAC,CAEf;MAAA,CAAC,aAAa,CACZ,IAAI,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,OAAO,CAAC,CAC7C,aAAa,CAAC,CAAC,IAAI,CAAC,CACpB,8BAA8B,CAAC,CAAC,KAAK,CAAC,CACtC,KAAK,CAAC,CAAC,iBAAiB,EAAE,IAAI,CAAC,CAC/B,YAAY,CAAC,CAAC,CAAC,CAAiB,EAAE,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,CAC7C,UAAU,CAAC,CAAC,cAAc,CAAC,CAC3B,SAAS,CAAC,CAAC,OAAO,CAAC,CACnB,UAAU,CACV,aAAa,CAAC,CAAC,KAAK,CAAC,CACrB,IAAI,SAAS,CAAC,CACd,mBAAmB,CAAC,CAAC,oBAAoB,CAAC,CAC1C,WAAW,CAAC,CAAC;YACX,OAAO;SACR,CAAC,EAEN;IAAA,EAAE,YAAY,CAAC,KAAK,CACtB;EAAA,GAAG,CAAA;AACL,CAAC,CAAA;AAED,MAAM,CAAC,iBAAiB,GAAG,QAAQ,CAAA;AACnC,MAAM,CAAC,QAAQ,GAAG,CAAC,GAAG,KAAK,CAAC,QAAQ,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,aAAa,CAAC,CAAA;AAC7E,MAAM,CAAC,WAAW,GAAG,cAAc,CAAA;AAEnC,MAAM,CAAC,gBAAgB,GAAG,CAAsB,MAAS,EAAE,EAAE;IAC3D,OAAO,MAA0J,CAAA;AACnK,CAAC,CAAA;AAED,MAAM,CAAC,YAAY,GAAG;IACpB,QAAQ,EAAE,eAAe;IACzB,mBAAmB,EAAE,UAAU;IAC/B,gBAAgB,EAAE,EAAE;IACpB,aAAa,EAAE,kBAA6B;IAC5C,aAAa,EAAE,GAAc;IAC7B,WAAW,EAAE,QAAQ;IACrB,SAAS,EAAE,KAAK;IAChB,YAAY,EAAE,OAAkB;IAChC,SAAS,EAAE,KAAK;IAChB,QAAQ,EAAE,KAAK;IACf,iBAAiB,EAAE,KAAK;IACxB,QAAQ,EAAE,KAAK;IACf,WAAW,EAAE,qBAAqB;IAClC,UAAU,EAAE,MAAM;IAClB,aAAa,EAAE,IAAI;CACkB,CAAA;AAEvC,mBAAmB,CAAC,iBAAiB,CAAC,MAAM,CAAC,CAAA"}
|
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
import { PropsOf } from '@codeleap/types';
|
|
3
|
-
import { FormTypes } from '@codeleap/form';
|
|
2
|
+
import { Option, Options, PropsOf } from '@codeleap/types';
|
|
4
3
|
import { AppIcon, StyledProp } from '@codeleap/styles';
|
|
5
4
|
import { StylesOf } from '../../types/utility';
|
|
6
5
|
import { GetKeyboardAwarePropsOptions } from '../../utils';
|
|
@@ -13,11 +12,12 @@ import { TextInputComposition } from '../TextInput';
|
|
|
13
12
|
import { SearchInputProps } from '../SearchInput';
|
|
14
13
|
import { Touchable } from '../Touchable';
|
|
15
14
|
import { SelectComposition } from './styles';
|
|
15
|
+
import { SelectableField } from '@codeleap/form';
|
|
16
16
|
export type SelectRenderFNProps<T> = {
|
|
17
17
|
style: StylesOf<SelectComposition>;
|
|
18
18
|
onPress: () => void;
|
|
19
19
|
selected?: boolean;
|
|
20
|
-
item:
|
|
20
|
+
item: Option<T>;
|
|
21
21
|
touchableProps?: Partial<PropsOf<typeof Touchable>>;
|
|
22
22
|
textProps?: Partial<PropsOf<typeof Text>>;
|
|
23
23
|
iconProps?: Partial<PropsOf<typeof Icon>>;
|
|
@@ -31,31 +31,29 @@ export type SelectValue<T, Multi extends boolean = false> = Multi extends true ?
|
|
|
31
31
|
type SelectHeaderProps = {
|
|
32
32
|
searchComponent?: React.ReactNode;
|
|
33
33
|
};
|
|
34
|
-
export type SelectOuterInputProps<T = any, Multi extends boolean = false> = SelectProps<T, Multi> & {
|
|
35
|
-
currentValueLabel:
|
|
34
|
+
export type SelectOuterInputProps<T extends string | number = any, Multi extends boolean = false> = SelectProps<T, Multi> & {
|
|
35
|
+
currentValueLabel: string;
|
|
36
36
|
styles?: StylesOf<TextInputComposition>;
|
|
37
37
|
clearIcon?: Partial<ActionIconProps>;
|
|
38
38
|
};
|
|
39
|
-
type OuterInputComponent<T, Multi extends boolean> = (props: SelectOuterInputProps<T, Multi>) => JSX.Element;
|
|
40
|
-
export type ValueBoundSelectProps<T, Multi extends boolean = false> = {
|
|
41
|
-
options?:
|
|
42
|
-
defaultOptions?:
|
|
43
|
-
loadOptions?: (search: string) => Promise<
|
|
44
|
-
value: SelectValue<T, Multi>;
|
|
39
|
+
type OuterInputComponent<T extends string | number, Multi extends boolean> = (props: SelectOuterInputProps<T, Multi>) => JSX.Element;
|
|
40
|
+
export type ValueBoundSelectProps<T extends string | number, Multi extends boolean = false> = {
|
|
41
|
+
options?: Options<T>;
|
|
42
|
+
defaultOptions?: Options<T>;
|
|
43
|
+
loadOptions?: (search: string) => Promise<Options<T>>;
|
|
45
44
|
renderItem?: SelectRenderFN<SelectValue<T, Multi>>;
|
|
46
|
-
|
|
47
|
-
filterItems?: (search: string, items: FormTypes.Options<T>) => FormTypes.Options<T>;
|
|
45
|
+
filterItems?: (search: string, items: Options<T>) => Options<T>;
|
|
48
46
|
onLoadOptionsError?: (error: any) => void;
|
|
49
47
|
multiple?: Multi;
|
|
50
|
-
getLabel?: (forOption: Multi extends true ?
|
|
48
|
+
getLabel?: (forOption: Multi extends true ? Options<T> : Option<T>) => string;
|
|
51
49
|
outerInputComponent?: OuterInputComponent<T, Multi>;
|
|
52
50
|
inputProps?: Partial<SelectOuterInputProps<T, Multi>>;
|
|
53
51
|
disabled?: boolean;
|
|
54
52
|
};
|
|
55
|
-
export type ReplaceSelectProps<Props, T, Multi extends boolean = false> = Omit<Props, keyof ValueBoundSelectProps<T, Multi>> & ValueBoundSelectProps<T, Multi>;
|
|
56
|
-
export type SelectProps<T = any, Multi extends boolean = false> = SelectModalProps & ValueBoundSelectProps<T, Multi> & {
|
|
57
|
-
placeholder?:
|
|
58
|
-
label?:
|
|
53
|
+
export type ReplaceSelectProps<Props, T extends string | number, Multi extends boolean = false> = Omit<Props, keyof ValueBoundSelectProps<T, Multi>> & ValueBoundSelectProps<T, Multi>;
|
|
54
|
+
export type SelectProps<T extends string | number = any, Multi extends boolean = false> = SelectModalProps & ValueBoundSelectProps<T, Multi> & {
|
|
55
|
+
placeholder?: string;
|
|
56
|
+
label?: string;
|
|
59
57
|
hideInput?: boolean;
|
|
60
58
|
selectedIcon?: AppIcon;
|
|
61
59
|
arrowIconName?: AppIcon;
|
|
@@ -74,5 +72,8 @@ export type SelectProps<T = any, Multi extends boolean = false> = SelectModalPro
|
|
|
74
72
|
loadOptionsOnMount?: boolean;
|
|
75
73
|
loadOptionsOnOpen?: boolean;
|
|
76
74
|
style?: StyledProp<SelectComposition>;
|
|
75
|
+
field?: SelectableField<T, any>;
|
|
76
|
+
value?: T;
|
|
77
|
+
onValueChange?: (value: T) => void;
|
|
77
78
|
};
|
|
78
79
|
export {};
|