@codeleap/mobile 4.3.9 → 5.0.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/Autocomplete/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 +32 -36
- package/package.json.bak +16 -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
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Autocomplete/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,WAAW,EAAE,MAAM,OAAO,CAAA;AAC1C,OAAO,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Autocomplete/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -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 { StylesOf } from '../../types/utility';
|
|
5
4
|
import { GetKeyboardAwarePropsOptions } from '../../utils';
|
|
6
5
|
import { Icon } from '../Icon';
|
|
@@ -15,7 +14,7 @@ export type AutocompleteRenderFNProps<T> = {
|
|
|
15
14
|
style?: StylesOf<AutocompleteComposition>;
|
|
16
15
|
onPress: () => void;
|
|
17
16
|
isSelected?: boolean;
|
|
18
|
-
item:
|
|
17
|
+
item: Option<T>;
|
|
19
18
|
touchableProps?: Partial<PropsOf<typeof Touchable>>;
|
|
20
19
|
textProps?: Partial<PropsOf<typeof Text>>;
|
|
21
20
|
iconProps?: Partial<PropsOf<typeof Icon>>;
|
|
@@ -23,22 +22,22 @@ export type AutocompleteRenderFNProps<T> = {
|
|
|
23
22
|
export type AutocompleteRenderFN<T> = (props: AutocompleteRenderFNProps<T>) => JSX.Element;
|
|
24
23
|
export type AutocompleteValue<T, Multi extends boolean = false> = Multi extends true ? T[] : T;
|
|
25
24
|
export type ValueBoundAutocompleteProps<T, Multi extends boolean = false> = {
|
|
26
|
-
options?:
|
|
27
|
-
defaultOptions?:
|
|
28
|
-
loadOptions?: (search: string) => Promise<
|
|
25
|
+
options?: Options<T>;
|
|
26
|
+
defaultOptions?: Options<T>;
|
|
27
|
+
loadOptions?: (search: string) => Promise<Options<T>>;
|
|
29
28
|
value: AutocompleteValue<T, Multi>;
|
|
30
29
|
renderItem?: AutocompleteRenderFN<AutocompleteValue<T, Multi>>;
|
|
31
30
|
onValueChange: (value: AutocompleteValue<T, Multi>) => void;
|
|
32
|
-
filterItems?: (search: string, items:
|
|
31
|
+
filterItems?: (search: string, items: Options<T>) => Options<T>;
|
|
33
32
|
onLoadOptionsError?: (error: any) => void;
|
|
34
33
|
multiple?: Multi;
|
|
35
|
-
getLabel?: (forOption: Multi extends true ?
|
|
36
|
-
onItemPressed?: (item:
|
|
34
|
+
getLabel?: (forOption: Multi extends true ? Options<T> : Options<T>[number]) => string;
|
|
35
|
+
onItemPressed?: (item: Options<T>[number]) => any;
|
|
37
36
|
};
|
|
38
37
|
export type ReplaceAutocompleteProps<Props, T, Multi extends boolean = false> = Omit<Props, keyof ValueBoundAutocompleteProps<T, Multi>> & ValueBoundAutocompleteProps<T, Multi>;
|
|
39
38
|
export type AutocompleteProps<T = any, Multi extends boolean = false> = Omit<FlatListProps<T>, 'renderItem' | 'style'> & ValueBoundAutocompleteProps<T, Multi> & {
|
|
40
39
|
placeholder?: string;
|
|
41
|
-
label?:
|
|
40
|
+
label?: string;
|
|
42
41
|
closeOnSelect?: boolean;
|
|
43
42
|
style?: StyledProp<AutocompleteComposition>;
|
|
44
43
|
keyboardAware?: GetKeyboardAwarePropsOptions;
|
|
@@ -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,
|
|
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;IACxB,OAAO,EAAE,OAAO,CAAC,KAAK,EAAE;CACC,CAAA;AAE3B,mBAAmB,CAAC,iBAAiB,CAAC,QAAQ,CAAC,CAAA"}
|
|
@@ -6,6 +6,8 @@ import { Touchable } from '../Touchable';
|
|
|
6
6
|
import { Icon } from '../Icon';
|
|
7
7
|
import { MobileStyleRegistry } from '../../Registry';
|
|
8
8
|
import { useStylesFor } from '../../hooks';
|
|
9
|
+
import { useInputBase } from '../InputBase/useInputBase';
|
|
10
|
+
import { fields } from '@codeleap/form';
|
|
9
11
|
export * from './styles';
|
|
10
12
|
export * from './types';
|
|
11
13
|
const reversedOrder = [...InputBaseDefaultOrder].reverse();
|
|
@@ -14,8 +16,9 @@ export const Checkbox = (props) => {
|
|
|
14
16
|
...Checkbox.defaultProps,
|
|
15
17
|
...props,
|
|
16
18
|
});
|
|
17
|
-
const { style,
|
|
19
|
+
const { style, disabled, debugName, checkboxOnLeft, checkIcon, field, forceError, value, onValueChange, } = others;
|
|
18
20
|
const styles = useStylesFor(Checkbox.styleRegistryName, style);
|
|
21
|
+
const { fieldHandle, validation, wrapperRef, } = useInputBase(field, fields.boolean, [value, onValueChange]);
|
|
19
22
|
const boxAnimation = useAnimatedVariantStyles({
|
|
20
23
|
variantStyles: styles,
|
|
21
24
|
animatedProperties: ['box:unchecked', 'box:disabled', 'box:checked', 'box:disabled-checked', 'box:disabled-unchecked'],
|
|
@@ -24,15 +27,15 @@ export const Checkbox = (props) => {
|
|
|
24
27
|
'worklet';
|
|
25
28
|
let disabledStyle = {};
|
|
26
29
|
if (disabled) {
|
|
27
|
-
disabledStyle = value ? styles['box:disabled-checked'] : styles['box:disabled-unchecked'];
|
|
30
|
+
disabledStyle = fieldHandle?.value ? styles['box:disabled-checked'] : styles['box:disabled-unchecked'];
|
|
28
31
|
}
|
|
29
|
-
const style = value ? styles['box:checked'] : styles['box:unchecked'];
|
|
32
|
+
const style = fieldHandle?.value ? styles['box:checked'] : styles['box:unchecked'];
|
|
30
33
|
return {
|
|
31
34
|
...style,
|
|
32
35
|
...disabledStyle,
|
|
33
36
|
};
|
|
34
37
|
},
|
|
35
|
-
dependencies: [value, disabled],
|
|
38
|
+
dependencies: [fieldHandle?.value, disabled],
|
|
36
39
|
});
|
|
37
40
|
const checkmarkWrapperAnimation = useAnimatedVariantStyles({
|
|
38
41
|
variantStyles: styles,
|
|
@@ -42,21 +45,22 @@ export const Checkbox = (props) => {
|
|
|
42
45
|
'worklet';
|
|
43
46
|
let disabledStyle = {};
|
|
44
47
|
if (disabled) {
|
|
45
|
-
disabledStyle = value ? styles['checkmarkWrapper:disabled-checked'] : styles['checkmarkWrapper:disabled-unchecked'];
|
|
48
|
+
disabledStyle = fieldHandle?.value ? styles['checkmarkWrapper:disabled-checked'] : styles['checkmarkWrapper:disabled-unchecked'];
|
|
46
49
|
}
|
|
47
|
-
const style = value ? styles['checkmarkWrapper:checked'] : styles['checkmarkWrapper:unchecked'];
|
|
50
|
+
const style = fieldHandle?.value ? styles['checkmarkWrapper:checked'] : styles['checkmarkWrapper:unchecked'];
|
|
48
51
|
return {
|
|
49
52
|
...style,
|
|
50
53
|
...disabledStyle,
|
|
51
54
|
};
|
|
52
55
|
},
|
|
53
|
-
dependencies: [value, disabled],
|
|
56
|
+
dependencies: [fieldHandle?.value, disabled],
|
|
54
57
|
});
|
|
55
58
|
// @ts-expect-error
|
|
56
59
|
const _checkboxOnLeft = checkboxOnLeft ?? styles.__props?.checkboxOnLeft;
|
|
57
|
-
|
|
60
|
+
const hasError = validation.showError || forceError;
|
|
61
|
+
return <InputBase {...inputBaseProps} ref={wrapperRef} error={hasError ? validation.message || forceError : null} debugName={debugName} wrapper={Touchable} style={styles} wrapperProps={{
|
|
58
62
|
onPress: () => {
|
|
59
|
-
|
|
63
|
+
fieldHandle.setValue(!fieldHandle?.value);
|
|
60
64
|
},
|
|
61
65
|
disabled,
|
|
62
66
|
rippleDisabled: true,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Checkbox/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAA;AAC9B,OAAO,EAAE,SAAS,EAAE,qBAAqB,EAAE,oBAAoB,EAAE,MAAM,cAAc,CAAA;AACrF,OAAO,EAAE,wBAAwB,EAAE,MAAM,OAAO,CAAA;AAChD,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AACxC,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAA;AAG9B,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/Checkbox/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,10 +1,13 @@
|
|
|
1
1
|
import { AppIcon, StyledProp } from '@codeleap/styles';
|
|
2
2
|
import { InputBaseProps } from '../InputBase';
|
|
3
3
|
import { CheckboxComposition } from './styles';
|
|
4
|
+
import { BooleanField } from '@codeleap/form';
|
|
4
5
|
export type CheckboxProps = Pick<InputBaseProps, 'debugName' | 'disabled' | 'label'> & {
|
|
5
|
-
|
|
6
|
-
onValueChange: (value: boolean) => void;
|
|
6
|
+
field?: BooleanField<any>;
|
|
7
7
|
style?: StyledProp<CheckboxComposition>;
|
|
8
8
|
checkboxOnLeft?: boolean;
|
|
9
9
|
checkIcon?: AppIcon;
|
|
10
|
+
forceError?: boolean;
|
|
11
|
+
value?: boolean;
|
|
12
|
+
onValueChange?: (value: boolean) => void;
|
|
10
13
|
};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import React, { useRef } from 'react';
|
|
1
|
+
import React, { useMemo, useRef } from 'react';
|
|
2
2
|
import { TypeGuards } from '@codeleap/types';
|
|
3
3
|
import { useConditionalState } from '@codeleap/hooks';
|
|
4
4
|
import { useI18N } from '@codeleap/i18n';
|
|
@@ -10,15 +10,18 @@ import { Button } from '../Button';
|
|
|
10
10
|
import { useCompositionStyles } from '@codeleap/styles';
|
|
11
11
|
import { MobileStyleRegistry } from '../../Registry';
|
|
12
12
|
import { useStylesFor } from '../../hooks';
|
|
13
|
+
import { fields } from '@codeleap/form';
|
|
14
|
+
import { useInputBase } from '../InputBase/useInputBase';
|
|
13
15
|
export * from './styles';
|
|
14
16
|
export * from './types';
|
|
15
17
|
const OuterInputComponent = (props) => {
|
|
16
18
|
const { debugName, toggle, valueLabel, placeholder, ...otherProps } = props;
|
|
17
19
|
return <TextInput debugName={`${debugName} outer input`} onPress={toggle} {...otherProps} value={TypeGuards.isString(valueLabel) ? valueLabel : ''} placeholder={TypeGuards.isString(placeholder) ? placeholder : ''}/>;
|
|
18
20
|
};
|
|
19
|
-
const defaultFormatDate = (
|
|
20
|
-
if (!
|
|
21
|
+
const defaultFormatDate = (_date) => {
|
|
22
|
+
if (!_date)
|
|
21
23
|
return null;
|
|
24
|
+
const date = new Date(_date);
|
|
22
25
|
return `${date.getDate()}/${date.getMonth() + 1}/${date.getFullYear()}`;
|
|
23
26
|
};
|
|
24
27
|
const DefaultFooter = (props) => {
|
|
@@ -38,15 +41,16 @@ export const DatePickerModal = (props) => {
|
|
|
38
41
|
...DatePickerModal.defaultProps,
|
|
39
42
|
...props,
|
|
40
43
|
};
|
|
41
|
-
const { isCustomModal, hideInput, visible: _visible, toggle: _toggle,
|
|
44
|
+
const { field, isCustomModal, hideInput, visible: _visible, toggle: _toggle, formatDate, debugName, cancelButtonProps = {}, confirmButtonProps = {}, outerInputComponent: OuterInput, datePickerProps, mode, label, commitDate, description, showDoneButton, style, minimumDate, maximumDate, initialDate = minimumDate, footerComponent: Footer, toggleOnConfirm, onConfirm: _onConfirm, value: _value, onValueChange: _onValueChange, ...modalProps } = allProps;
|
|
42
45
|
const styles = useStylesFor(DatePickerModal.styleRegistryName, style);
|
|
43
46
|
const [visible, toggle] = useConditionalState(_visible, _toggle, { initialValue: false, isBooleanToggle: true });
|
|
44
|
-
const
|
|
47
|
+
const { fieldHandle, } = useInputBase(field, fields.date, [_value, _onValueChange]);
|
|
48
|
+
const [value, setValue] = [fieldHandle?.value, fieldHandle.setValue];
|
|
45
49
|
const Wrapper = isCustomModal ? ModalManager.Modal : React.Fragment;
|
|
46
50
|
const compositionStyles = useCompositionStyles(['input', 'doneButton', 'cancelButton', 'confirmButton'], styles);
|
|
47
51
|
const formattedDate = value ? formatDate(value) : '';
|
|
48
52
|
const { locale } = useI18N();
|
|
49
|
-
const tempDate = useRef(
|
|
53
|
+
const tempDate = useRef(initialDate instanceof Date ? initialDate : new Date(initialDate));
|
|
50
54
|
const onConfirm = () => {
|
|
51
55
|
if (commitDate == 'onConfirm' && !!tempDate.current) {
|
|
52
56
|
setValue(tempDate.current);
|
|
@@ -58,7 +62,7 @@ export const DatePickerModal = (props) => {
|
|
|
58
62
|
_onConfirm?.(tempDate.current);
|
|
59
63
|
}
|
|
60
64
|
};
|
|
61
|
-
const modalFooter =
|
|
65
|
+
const modalFooter = <Footer {...allProps} confirm={onConfirm} doneStyles={compositionStyles?.doneButton} cancelStyles={compositionStyles?.cancelButton} confirmStyles={compositionStyles?.confirmButton} confirmButtonProps={confirmButtonProps} cancelButtonProps={cancelButtonProps} showDoneButton={showDoneButton} debugName={debugName} visible={visible} toggle={toggle} valueLabel={formattedDate}/>;
|
|
62
66
|
const wrapperProps = isCustomModal ? {
|
|
63
67
|
title: label,
|
|
64
68
|
description: description,
|
|
@@ -70,16 +74,19 @@ export const DatePickerModal = (props) => {
|
|
|
70
74
|
...modalProps,
|
|
71
75
|
id: null,
|
|
72
76
|
} : {};
|
|
77
|
+
const date = useMemo(() => {
|
|
78
|
+
const newValue = value ?? initialDate;
|
|
79
|
+
return newValue instanceof Date ? newValue : new Date(newValue);
|
|
80
|
+
}, [value, initialDate]);
|
|
73
81
|
return (<>
|
|
74
82
|
{!hideInput ? <OuterInput {...allProps} style={compositionStyles?.input} value={value} debugName={debugName} visible={visible} toggle={toggle} onValueChange={setValue} valueLabel={formattedDate}/> : null}
|
|
75
83
|
|
|
76
84
|
<Wrapper {...wrapperProps}>
|
|
77
|
-
<DatePicker modal={!isCustomModal} open={visible} onCancel={toggle} date={
|
|
85
|
+
<DatePicker modal={!isCustomModal} open={visible} onCancel={toggle} date={date} onDateChange={(currentDate) => {
|
|
86
|
+
tempDate.current = currentDate;
|
|
78
87
|
if (commitDate === 'onChange') {
|
|
79
|
-
setValue(
|
|
80
|
-
return;
|
|
88
|
+
setValue(currentDate);
|
|
81
89
|
}
|
|
82
|
-
tempDate.current = date;
|
|
83
90
|
}} locale={locale}
|
|
84
91
|
// @ts-expect-error
|
|
85
92
|
textColor={styles?.picker?.color} theme='light' androidVariant='iosClone' onConfirm={setValue} minimumDate={minimumDate} maximumDate={maximumDate} {...datePickerProps} mode={mode}/>
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/DatePickerModal/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,MAAM,EAAE,MAAM,OAAO,CAAA;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/DatePickerModal/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,35 +1,36 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { StylesOf } from '@codeleap/types';
|
|
3
|
-
import { FormTypes } from '@codeleap/form';
|
|
4
3
|
import { DatePickerModalButtonCompositions, DatePickerModalComposition } from './styles';
|
|
5
4
|
import { DatePickerProps } from 'react-native-date-picker';
|
|
6
5
|
import { ButtonProps } from '../Button';
|
|
7
6
|
import { ModalProps } from '../Modal';
|
|
8
7
|
import { StyledProp } from '@codeleap/styles';
|
|
9
|
-
|
|
10
|
-
|
|
8
|
+
import { DateField } from '@codeleap/form';
|
|
9
|
+
export type DatePickerModalOuterInputProps = Omit<DatePickerModalProps, 'outerInputComponent' | 'field'> & {
|
|
10
|
+
valueLabel: string;
|
|
11
|
+
value: any;
|
|
12
|
+
onValueChange: (date: any) => void;
|
|
11
13
|
};
|
|
12
14
|
type DatePickerModalFooterProps = Omit<DatePickerModalProps, 'outerInputComponent' | 'style'> & {
|
|
13
|
-
valueLabel:
|
|
15
|
+
valueLabel: string;
|
|
14
16
|
confirm: () => void;
|
|
15
17
|
cancelStyles: StylesOf<DatePickerModalButtonCompositions>;
|
|
16
18
|
confirmStyles: StylesOf<DatePickerModalButtonCompositions>;
|
|
17
19
|
doneStyles: StylesOf<DatePickerModalButtonCompositions>;
|
|
18
20
|
};
|
|
19
21
|
export type DatePickerModalProps = Omit<ModalProps, 'style' | 'ref'> & {
|
|
22
|
+
field?: DateField<any>;
|
|
20
23
|
hideInput?: boolean;
|
|
21
24
|
debugName: string;
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
placeholder?: FormTypes.Label;
|
|
25
|
-
onValueChange: (date: Date) => void;
|
|
25
|
+
label?: string;
|
|
26
|
+
placeholder?: string;
|
|
26
27
|
isCustomModal?: boolean;
|
|
27
28
|
mode?: DatePickerProps['mode'];
|
|
28
29
|
cancelButtonProps?: Partial<ButtonProps>;
|
|
29
30
|
confirmButtonProps?: Partial<ButtonProps>;
|
|
30
31
|
datePickerProps?: Partial<DatePickerProps>;
|
|
31
32
|
outerInputComponent?: React.ComponentType<DatePickerModalOuterInputProps>;
|
|
32
|
-
formatDate?: (date: Date) =>
|
|
33
|
+
formatDate?: (date: Date) => string;
|
|
33
34
|
commitDate?: 'onConfirm' | 'onChange';
|
|
34
35
|
showDoneButton?: boolean;
|
|
35
36
|
footerComponent?: React.ComponentType<DatePickerModalFooterProps>;
|
|
@@ -39,5 +40,7 @@ export type DatePickerModalProps = Omit<ModalProps, 'style' | 'ref'> & {
|
|
|
39
40
|
toggleOnConfirm?: boolean;
|
|
40
41
|
onConfirm?: (value: Date) => void;
|
|
41
42
|
style?: StyledProp<DatePickerModalComposition>;
|
|
43
|
+
value?: Date;
|
|
44
|
+
onValueChange?: (value: Date) => void;
|
|
42
45
|
};
|
|
43
46
|
export {};
|
|
@@ -1,17 +1,16 @@
|
|
|
1
|
-
import { AnyRef } from '@codeleap/types';
|
|
2
|
-
import { FormTypes } from '@codeleap/form';
|
|
1
|
+
import { AnyRef, MobileInputFile } from '@codeleap/types';
|
|
3
2
|
import { DocumentPickerOptions } from 'react-native-document-picker';
|
|
4
3
|
import { Options } from 'react-native-image-crop-picker';
|
|
5
4
|
import { OSAlert } from '../../utils';
|
|
6
5
|
export type FileInputImageSource = 'camera' | 'library' | 'fs';
|
|
7
|
-
export type FileResult =
|
|
6
|
+
export type FileResult = MobileInputFile | string | number;
|
|
8
7
|
export type FileInputRef = {
|
|
9
8
|
openFilePicker: (source?: FileInputImageSource, options?: Partial<Options>) => Promise<FileResult[]>;
|
|
10
9
|
};
|
|
11
10
|
export type FileInputProps = {
|
|
12
11
|
mode: 'hidden' | 'button';
|
|
13
12
|
onFileSelect?: (files: FileResult[]) => void;
|
|
14
|
-
options?: DocumentPickerOptions
|
|
13
|
+
options?: DocumentPickerOptions;
|
|
15
14
|
ref?: AnyRef<FileInputRef>;
|
|
16
15
|
type?: 'image' | 'anyFile';
|
|
17
16
|
alertProps?: Parameters<typeof OSAlert.ask>[0];
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Grid/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,WAAW,EAAE,UAAU,EAAiB,MAAM,OAAO,CAAA;AAErE,OAAO,EAAE,IAAI,EAAa,MAAM,SAAS,CAAA;AACzC,OAAO,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAA;AACtD,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAA;AAClD,OAAO,EAAE,IAAI,EAAY,MAAM,SAAS,CAAA;AAGxC,OAAO,EAAoF,QAAQ,EAAE,MAAM,kBAAkB,CAAA;AAC7H,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,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,CAAC,MAAM,IAAI,GAAG,UAAU,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Grid/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,14 +1,11 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import { LoadingOverlayProps } from '../LoadingOverlay';
|
|
3
|
-
import FastImage, {
|
|
4
|
-
import { ImageProps as RNImageProps } from 'react-native';
|
|
3
|
+
import FastImage, { FastImageProps } from '@d11/react-native-fast-image';
|
|
5
4
|
import { ImageComposition } from './styles';
|
|
6
5
|
import { StyledProp } from '@codeleap/styles';
|
|
7
|
-
|
|
8
|
-
export type ImageProps = Omit<RNImageProps, 'source' | 'style'> & {
|
|
6
|
+
export type ImageProps = Omit<FastImageProps, 'style' | 'resizeMode'> & {
|
|
9
7
|
fast?: boolean;
|
|
10
8
|
style?: StyledProp<ImageComposition>;
|
|
11
|
-
source: Source | FormTypes.AnyFile;
|
|
12
9
|
resizeMode?: keyof typeof FastImage.resizeMode;
|
|
13
10
|
spotlight?: string;
|
|
14
11
|
maintainAspectRatio?: boolean;
|
|
@@ -1,11 +1,7 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
1
|
import { InputBaseProps } from './types';
|
|
2
|
+
import { StyledComponentWithProps } from '@codeleap/styles';
|
|
3
3
|
export * from './styles';
|
|
4
4
|
export * from './utils';
|
|
5
5
|
export * from './types';
|
|
6
6
|
export declare const InputBaseDefaultOrder: InputBaseProps['order'];
|
|
7
|
-
export declare const InputBase:
|
|
8
|
-
(props: InputBaseProps): JSX.Element;
|
|
9
|
-
elements: string[];
|
|
10
|
-
defaultProps: Partial<InputBaseProps>;
|
|
11
|
-
};
|
|
7
|
+
export declare const InputBase: StyledComponentWithProps<InputBaseProps>;
|
|
@@ -1,10 +1,11 @@
|
|
|
1
|
-
import React from 'react';
|
|
1
|
+
import React, { forwardRef } from 'react';
|
|
2
2
|
import { TypeGuards } from '@codeleap/types';
|
|
3
3
|
import { getRenderedComponent } from '@codeleap/utils';
|
|
4
4
|
import { ActionIcon } from '../ActionIcon';
|
|
5
5
|
import { View } from '../View';
|
|
6
6
|
import { useInputBaseStyles } from './styles';
|
|
7
7
|
import { Text } from '../Text';
|
|
8
|
+
import RNAnimated, { FadeIn, FadeOut } from 'react-native-reanimated';
|
|
8
9
|
export * from './styles';
|
|
9
10
|
export * from './utils';
|
|
10
11
|
export * from './types';
|
|
@@ -17,7 +18,7 @@ export const InputBaseDefaultOrder = [
|
|
|
17
18
|
const KeyPassthrough = (props) => {
|
|
18
19
|
return <>{props.children}</>;
|
|
19
20
|
};
|
|
20
|
-
export const InputBase = (props) => {
|
|
21
|
+
export const InputBase = forwardRef((props, ref) => {
|
|
21
22
|
const { children, error = null, label, description = null, leftIcon = null, rightIcon = null, wrapper: WrapperComponent, debugName, innerWrapper: InnerWrapperComponent, focused, innerWrapperProps = {}, wrapperProps = {}, disabled, order = InputBaseDefaultOrder, style, labelAsRow, hideErrorMessage, ...otherProps } = {
|
|
22
23
|
...InputBase.defaultProps,
|
|
23
24
|
...props,
|
|
@@ -51,14 +52,17 @@ export const InputBase = (props) => {
|
|
|
51
52
|
{children}
|
|
52
53
|
{_rightIcon}
|
|
53
54
|
</InnerWrapperComponent>,
|
|
54
|
-
error: hideErrorMessage ? null : (_error || <Text text={''} style={styles.errorStyle}/>),
|
|
55
55
|
};
|
|
56
|
-
return <WrapperComponent {...otherProps} {...wrapperProps} style={styles.wrapperStyle}>
|
|
56
|
+
return <WrapperComponent {...otherProps} {...wrapperProps} style={styles.wrapperStyle} ref={ref}>
|
|
57
57
|
{order.map((key) => <KeyPassthrough key={key}>
|
|
58
58
|
{parts[key]}
|
|
59
59
|
</KeyPassthrough>)}
|
|
60
|
+
|
|
61
|
+
{hideErrorMessage || !error ? null : (<RNAnimated.View exiting={FadeOut.duration(100)} entering={FadeIn.duration(200)}>
|
|
62
|
+
{_error}
|
|
63
|
+
</RNAnimated.View>)}
|
|
60
64
|
</WrapperComponent>;
|
|
61
|
-
};
|
|
65
|
+
});
|
|
62
66
|
InputBase.elements = ['wrapper', 'innerWrapper', 'label', 'errorMessage', 'description', 'icon', 'leftIcon', 'rightIcon'];
|
|
63
67
|
InputBase.defaultProps = {
|
|
64
68
|
disabled: false,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/InputBase/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/InputBase/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -2,6 +2,7 @@
|
|
|
2
2
|
import { PropsOf, StylesOf } from '@codeleap/types';
|
|
3
3
|
import { InputBaseComposition } from './styles';
|
|
4
4
|
import { ActionIcon } from '../ActionIcon';
|
|
5
|
+
import { View } from 'react-native';
|
|
5
6
|
type ActionIconProps = PropsOf<typeof ActionIcon>;
|
|
6
7
|
type OrderedParts = 'label' | 'description' | 'innerWrapper' | 'error';
|
|
7
8
|
type IconProp = Partial<ActionIconProps> | JSX.Element;
|
|
@@ -23,5 +24,6 @@ export type InputBaseProps = React.PropsWithChildren<{
|
|
|
23
24
|
labelAsRow?: boolean;
|
|
24
25
|
hideErrorMessage?: boolean;
|
|
25
26
|
hasValue?: boolean;
|
|
27
|
+
ref?: React.Ref<View>;
|
|
26
28
|
}>;
|
|
27
29
|
export {};
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import { View, TextInput } from 'react-native';
|
|
3
|
+
import { Field, IFieldRef } from '@codeleap/form';
|
|
4
|
+
import { AnyRecord } from '@codeleap/types';
|
|
5
|
+
export declare function useInputBase<V, T extends Field<V, any, any, unknown> = Field<V, any, any, unknown>>(field: T, defaultField?: (options: AnyRecord) => T, customState?: [V, (value: V) => void] | [], params?: Partial<IFieldRef<V>>, deps?: any[]): {
|
|
6
|
+
fieldHandle: ReturnType<T["use"]>;
|
|
7
|
+
validation: {
|
|
8
|
+
onInputBlurred(): void;
|
|
9
|
+
hasBlurred: boolean;
|
|
10
|
+
hasChanged: boolean;
|
|
11
|
+
startedUnset: boolean;
|
|
12
|
+
isSet: boolean;
|
|
13
|
+
isInvalid: boolean;
|
|
14
|
+
isValid: boolean;
|
|
15
|
+
message: any;
|
|
16
|
+
showError: boolean;
|
|
17
|
+
isUnset: boolean;
|
|
18
|
+
validation: import("@codeleap/form").ValidationResult<any, unknown>;
|
|
19
|
+
value: V | import("nanostores").StoreValue<V extends object ? import("nanostores").MapStore<V> : never>;
|
|
20
|
+
};
|
|
21
|
+
wrapperRef: import("react").MutableRefObject<View>;
|
|
22
|
+
innerInputRef: import("react").MutableRefObject<TextInput>;
|
|
23
|
+
scrollable: import("react").MutableRefObject<import("../../modules/scroll").Scrollable>;
|
|
24
|
+
};
|
|
@@ -0,0 +1,46 @@
|
|
|
1
|
+
import { useRef } from 'react';
|
|
2
|
+
import { useWrappingScrollable } from '../../modules/scroll';
|
|
3
|
+
import { fields, useField } from '@codeleap/form';
|
|
4
|
+
export function useInputBase(field, defaultField = fields.text, customState = [], params = {}, deps = []) {
|
|
5
|
+
const hasState = customState?.length === 2;
|
|
6
|
+
const wrapperRef = useRef();
|
|
7
|
+
const innerInputRef = useRef(null);
|
|
8
|
+
const scrollable = useWrappingScrollable();
|
|
9
|
+
const fieldHandle = useField(field, [
|
|
10
|
+
{
|
|
11
|
+
blur() {
|
|
12
|
+
innerInputRef.current.blur();
|
|
13
|
+
},
|
|
14
|
+
focus() {
|
|
15
|
+
innerInputRef.current.focus();
|
|
16
|
+
},
|
|
17
|
+
getValue() {
|
|
18
|
+
return innerInputRef.current.state;
|
|
19
|
+
},
|
|
20
|
+
scrollIntoView() {
|
|
21
|
+
return field.measurePosition(wrapperRef).then((measureResult) => {
|
|
22
|
+
field.scrollTo(scrollable, measureResult);
|
|
23
|
+
});
|
|
24
|
+
},
|
|
25
|
+
...params,
|
|
26
|
+
},
|
|
27
|
+
deps
|
|
28
|
+
], () => defaultField(hasState ? {
|
|
29
|
+
state: {
|
|
30
|
+
get: () => customState[0],
|
|
31
|
+
set: (val) => customState[1](val),
|
|
32
|
+
value: customState[0],
|
|
33
|
+
listen: () => { },
|
|
34
|
+
},
|
|
35
|
+
validate: () => ({ isValid: true })
|
|
36
|
+
} : {}));
|
|
37
|
+
const validation = fieldHandle.validation;
|
|
38
|
+
return {
|
|
39
|
+
fieldHandle,
|
|
40
|
+
validation,
|
|
41
|
+
wrapperRef,
|
|
42
|
+
innerInputRef,
|
|
43
|
+
scrollable,
|
|
44
|
+
};
|
|
45
|
+
}
|
|
46
|
+
//# sourceMappingURL=useInputBase.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useInputBase.js","sourceRoot":"","sources":["../../../src/components/InputBase/useInputBase.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,OAAO,CAAA;AAE9B,OAAO,EAAE,qBAAqB,EAAE,MAAM,sBAAsB,CAAA;AAC5D,OAAO,EAAoB,MAAM,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAA;AAGnE,MAAM,UAAU,YAAY,CAC1B,KAAQ,EACR,eAA0C,MAAM,CAAC,IAAe,EAChE,cAA4C,EAAE,EAC9C,SAAgC,EAAE,EAClC,OAAc,EAAE;IAEhB,MAAM,QAAQ,GAAG,WAAW,EAAE,MAAM,KAAK,CAAC,CAAA;IAE1C,MAAM,UAAU,GAAG,MAAM,EAAQ,CAAA;IAEjC,MAAM,aAAa,GAAG,MAAM,CAAY,IAAI,CAAC,CAAA;IAE7C,MAAM,UAAU,GAAG,qBAAqB,EAAE,CAAA;IAE1C,MAAM,WAAW,GAAG,QAAQ,CAAO,KAAU,EAAE;QAC7C;YACE,IAAI;gBACF,aAAa,CAAC,OAAO,CAAC,IAAI,EAAE,CAAA;YAC9B,CAAC;YACD,KAAK;gBACH,aAAa,CAAC,OAAO,CAAC,KAAK,EAAE,CAAA;YAC/B,CAAC;YACD,QAAQ;gBACN,OAAO,aAAa,CAAC,OAAO,CAAC,KAAU,CAAA;YACzC,CAAC;YACD,cAAc;gBACZ,OAAO,KAAK,CAAC,eAAe,CAAC,UAAU,CAAC,CAAC,IAAI,CAAC,CAAC,aAAa,EAAE,EAAE;oBAC9D,KAAK,CAAC,QAAQ,CAAC,UAAU,EAAE,aAAa,CAAC,CAAA;gBAC3C,CAAC,CAAC,CAAA;YACJ,CAAC;YACD,GAAG,MAAM;SACV;QACD,IAAI;KAC8B,EAAE,GAAG,EAAE,CAAC,YAAY,CAAC,QAAQ,CAAC,CAAC,CAAC;QAClE,KAAK,EAAE;YACL,GAAG,EAAE,GAAG,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC;YACzB,GAAG,EAAE,CAAC,GAAM,EAAE,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC;YACpC,KAAK,EAAE,WAAW,CAAC,CAAC,CAAC;YACrB,MAAM,EAAE,GAAG,EAAE,GAAE,CAAC;SACjB;QACD,QAAQ,EAAE,GAAG,EAAE,CAAC,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;KACpC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAA;IAER,MAAM,UAAU,GAAG,WAAW,CAAC,UAAU,CAAA;IAEzC,OAAO;QACL,WAAW;QACX,UAAU;QACV,UAAU;QACV,aAAa;QACb,UAAU;KACX,CAAA;AACH,CAAC"}
|