@korsolutions/ui 0.0.39 → 0.0.40
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/module/primitives/autocomplete/autocomplete-input.js +2 -3
- package/dist/module/primitives/autocomplete/autocomplete-input.js.map +1 -1
- package/dist/module/utils/input-utils.js +13 -0
- package/dist/module/utils/input-utils.js.map +1 -0
- package/dist/typescript/src/primitives/autocomplete/autocomplete-input.d.ts.map +1 -1
- package/dist/typescript/src/utils/input-utils.d.ts +3 -0
- package/dist/typescript/src/utils/input-utils.d.ts.map +1 -0
- package/package.json +1 -1
- package/scripts/build.sh +2 -2
- package/src/primitives/autocomplete/autocomplete-input.tsx +2 -1
- package/src/utils/input-utils.ts +10 -0
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
+
import { setInnerInputValue } from "../../utils/input-utils.js";
|
|
3
4
|
import { measureLayoutPosition } from "../../utils/normalize-layout.js";
|
|
4
5
|
import { forwardRef, useEffect, useImperativeHandle, useRef } from "react";
|
|
5
6
|
import { StyleSheet, TextInput } from "react-native";
|
|
@@ -51,9 +52,7 @@ export const AutocompleteInput = /*#__PURE__*/forwardRef((props, ref) => {
|
|
|
51
52
|
inputRef.current?.blur();
|
|
52
53
|
});
|
|
53
54
|
autocomplete.setInputDisplayValueSetter(() => v => {
|
|
54
|
-
inputRef.current
|
|
55
|
-
text: v
|
|
56
|
-
});
|
|
55
|
+
setInnerInputValue(inputRef.current, v);
|
|
57
56
|
});
|
|
58
57
|
}, []);
|
|
59
58
|
return /*#__PURE__*/_jsx(TextInput, {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["measureLayoutPosition","forwardRef","useEffect","useImperativeHandle","useRef","StyleSheet","TextInput","useFieldOptional","useAutocomplete","jsx","_jsx","AutocompleteInput","props","ref","autocomplete","field","inputRef","blurTimeoutRef","undefined","composedStyles","styles","input","default","state","style","handleFocus","e","current","clearTimeout","openOnFocus","isDisabled","layout","setInputPosition","setIsOpen","onFocus","handleBlur","setTimeout","onBlur","handleChangeText","text","setInputValue","isOpen","trim","onChangeText","setBlurInput","blur","setInputDisplayValueSetter","v","
|
|
1
|
+
{"version":3,"names":["setInnerInputValue","measureLayoutPosition","forwardRef","useEffect","useImperativeHandle","useRef","StyleSheet","TextInput","useFieldOptional","useAutocomplete","jsx","_jsx","AutocompleteInput","props","ref","autocomplete","field","inputRef","blurTimeoutRef","undefined","composedStyles","styles","input","default","state","style","handleFocus","e","current","clearTimeout","openOnFocus","isDisabled","layout","setInputPosition","setIsOpen","onFocus","handleBlur","setTimeout","onBlur","handleChangeText","text","setInputValue","isOpen","trim","onChangeText","setBlurInput","blur","setInputDisplayValueSetter","v","id","value","inputValue","placeholder","editable","flatten","displayName"],"sourceRoot":"../../../../src","sources":["primitives/autocomplete/autocomplete-input.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
import { Platform } from "react-native";
|
|
4
|
+
export function setInnerInputValue(element, value) {
|
|
5
|
+
if (Platform.OS === "web") {
|
|
6
|
+
element.value = value;
|
|
7
|
+
} else {
|
|
8
|
+
element?.setNativeProps?.({
|
|
9
|
+
text: value
|
|
10
|
+
});
|
|
11
|
+
}
|
|
12
|
+
}
|
|
13
|
+
//# sourceMappingURL=input-utils.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["Platform","setInnerInputValue","element","value","OS","setNativeProps","text"],"sourceRoot":"../../../src","sources":["utils/input-utils.ts"],"mappings":";;AACA,SAASA,QAAQ,QAAQ,cAAc;AAEvC,OAAO,SAASC,kBAAkBA,CAACC,OAAwC,EAAEC,KAAa,EAAE;EAC1F,IAAIH,QAAQ,CAACI,EAAE,KAAK,KAAK,EAAE;IACxBF,OAAO,CAAsBC,KAAK,GAAGA,KAAK;EAC7C,CAAC,MAAM;IACJD,OAAO,EAAmBG,cAAc,GAAG;MAAEC,IAAI,EAAEH;IAAM,CAAC,CAAC;EAC9D;AACF","ignoreList":[]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"autocomplete-input.d.ts","sourceRoot":"","sources":["../../../../../src/primitives/autocomplete/autocomplete-input.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;
|
|
1
|
+
{"version":3,"file":"autocomplete-input.d.ts","sourceRoot":"","sources":["../../../../../src/primitives/autocomplete/autocomplete-input.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAI1D,OAAO,EAAyB,KAAK,SAAS,EAAE,KAAK,cAAc,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAI1G,MAAM,WAAW,sBAAuB,SAAQ,IAAI,CAAC,cAAc,EAAE,UAAU,GAAG,OAAO,CAAC;IACxF,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B;AAED,eAAO,MAAM,iBAAiB,iHAuE5B,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"input-utils.d.ts","sourceRoot":"","sources":["../../../../src/utils/input-utils.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAG1D,wBAAgB,kBAAkB,CAAC,OAAO,EAAE,gBAAgB,GAAG,YAAY,EAAE,KAAK,EAAE,MAAM,QAMzF"}
|
package/package.json
CHANGED
package/scripts/build.sh
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
1
|
+
bob build
|
|
2
|
+
tsc-alias -p tsconfig.json --outDir dist/typescript
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import type { TextInputRef } from "@/types/element.types";
|
|
2
|
+
import { setInnerInputValue } from "@/utils/input-utils";
|
|
2
3
|
import { measureLayoutPosition } from "@/utils/normalize-layout";
|
|
3
4
|
import { forwardRef, useEffect, useImperativeHandle, useRef } from "react";
|
|
4
5
|
import { StyleSheet, TextInput, type StyleProp, type TextInputProps, type TextStyle } from "react-native";
|
|
@@ -62,7 +63,7 @@ export const AutocompleteInput = forwardRef<TextInputRef, AutocompleteInputProps
|
|
|
62
63
|
inputRef.current?.blur();
|
|
63
64
|
});
|
|
64
65
|
autocomplete.setInputDisplayValueSetter(() => (v: string) => {
|
|
65
|
-
inputRef.current
|
|
66
|
+
setInnerInputValue(inputRef.current!, v);
|
|
66
67
|
});
|
|
67
68
|
}, []);
|
|
68
69
|
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import type { TextInputRef } from "@/types/element.types";
|
|
2
|
+
import { Platform } from "react-native";
|
|
3
|
+
|
|
4
|
+
export function setInnerInputValue(element: HTMLInputElement | TextInputRef, value: string) {
|
|
5
|
+
if (Platform.OS === "web") {
|
|
6
|
+
(element as HTMLInputElement).value = value;
|
|
7
|
+
} else {
|
|
8
|
+
(element as TextInputRef)?.setNativeProps?.({ text: value });
|
|
9
|
+
}
|
|
10
|
+
}
|