@gluestack-ui/core 5.0.5-alpha.0 → 5.0.6-alpha.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.
|
@@ -1,3 +1,21 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
|
|
2
|
+
import { NativeSyntheticEvent, TextInputKeyPressEventData } from 'react-native';
|
|
3
|
+
export interface InputProps {
|
|
4
|
+
children?: React.ReactNode;
|
|
5
|
+
name?: string;
|
|
6
|
+
type?: string;
|
|
7
|
+
onKeyPress?: (e: NativeSyntheticEvent<TextInputKeyPressEventData>) => void;
|
|
8
|
+
editable?: boolean;
|
|
9
|
+
disabled?: boolean;
|
|
10
|
+
secureTextEntry?: boolean;
|
|
11
|
+
id?: string;
|
|
12
|
+
isDisabled?: boolean;
|
|
13
|
+
isInvalid?: boolean;
|
|
14
|
+
isReadOnly?: boolean;
|
|
15
|
+
isRequired?: boolean;
|
|
16
|
+
onFocus?: (e: any) => void;
|
|
17
|
+
onBlur?: (e: any) => void;
|
|
18
|
+
[key: string]: any;
|
|
19
|
+
}
|
|
20
|
+
export declare const Input: (StyledInput: any) => React.ForwardRefExoticComponent<Omit<InputProps, "ref"> & React.RefAttributes<any>>;
|
|
3
21
|
//# sourceMappingURL=Input.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../../../src/input/creator/Input.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../../../src/input/creator/Input.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AACnD,OAAO,EAAE,oBAAoB,EAAY,0BAA0B,EAAE,MAAM,cAAc,CAAC;AAK1F,MAAM,WAAW,UAAU;IACzB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,UAAU,CAAC,EAAE,CAAC,CAAC,EAAE,oBAAoB,CAAC,0BAA0B,CAAC,KAAK,IAAI,CAAC;IAC3E,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,GAAG,KAAK,IAAI,CAAC;IAC3B,MAAM,CAAC,EAAE,CAAC,CAAC,EAAE,GAAG,KAAK,IAAI,CAAC;IAC1B,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC;CACpB;AAGD,eAAO,MAAM,KAAK,GAAI,aAAa,GAAG,wFA8GnC,CAAC"}
|
|
@@ -15,7 +15,7 @@ import { useFormControl } from '../../form-control/creator';
|
|
|
15
15
|
import { useInput } from './InputContext';
|
|
16
16
|
import { mergeRefs } from '@gluestack-ui/utils/common';
|
|
17
17
|
export const Input = (StyledInput) => forwardRef((_a, ref) => {
|
|
18
|
-
var { children, onKeyPress, type = 'text', 'aria-label': ariaLabel = 'Input Field', secureTextEntry, editable, disabled } = _a, props = __rest(_a, ["children", "onKeyPress", "type", 'aria-label', "secureTextEntry", "editable", "disabled"]);
|
|
18
|
+
var { children, onKeyPress, name, type = 'text', 'aria-label': ariaLabel = 'Input Field', secureTextEntry, editable, disabled } = _a, props = __rest(_a, ["children", "onKeyPress", "name", "type", 'aria-label', "secureTextEntry", "editable", "disabled"]);
|
|
19
19
|
const { isDisabled, isReadOnly, isFocused, isInvalid, setIsFocused, isHovered, isFocusVisible, inputFieldRef, isRequired, } = useInput('InputContext');
|
|
20
20
|
const inputProps = useFormControl({
|
|
21
21
|
isDisabled: props.isDisabled || disabled,
|
|
@@ -34,12 +34,10 @@ export const Input = (StyledInput) => forwardRef((_a, ref) => {
|
|
|
34
34
|
return editable;
|
|
35
35
|
}
|
|
36
36
|
else {
|
|
37
|
-
return isDisabled || inputProps.isDisabled || isReadOnly
|
|
38
|
-
? false
|
|
39
|
-
: true;
|
|
37
|
+
return !(isDisabled || inputProps.isDisabled || isReadOnly);
|
|
40
38
|
}
|
|
41
39
|
}, [isDisabled, inputProps.isDisabled, isReadOnly, editable]);
|
|
42
|
-
return (<StyledInput {...props} type={type} states={{
|
|
40
|
+
return (<StyledInput {...props} name={name} type={type} states={{
|
|
43
41
|
focus: isFocused,
|
|
44
42
|
invalid: isInvalid,
|
|
45
43
|
readonly: isReadOnly,
|
|
@@ -62,7 +60,8 @@ export const Input = (StyledInput) => forwardRef((_a, ref) => {
|
|
|
62
60
|
}} disabled={isDisabled || inputProps.isDisabled} secureTextEntry={secureTextEntry || type === 'password'} accessible aria-label={ariaLabel} aria-required={isRequired || inputProps.isRequired} aria-invalid={isInvalid || inputProps.isInvalid} aria-disabled={isDisabled || inputProps.isDisabled} aria-selected={Platform.OS !== 'web' ? isFocused : undefined}
|
|
63
61
|
// ios accessibility
|
|
64
62
|
accessibilityElementsHidden={isDisabled || inputProps.isDisabled} readOnly={!editableProp} onKeyPress={(e) => {
|
|
65
|
-
|
|
63
|
+
var _a;
|
|
64
|
+
(_a = e.persist) === null || _a === void 0 ? void 0 : _a.call(e);
|
|
66
65
|
onKeyPress && onKeyPress(e);
|
|
67
66
|
}} onFocus={(e) => {
|
|
68
67
|
handleFocus(true, (props === null || props === void 0 ? void 0 : props.onFocus) ? () => props === null || props === void 0 ? void 0 : props.onFocus(e) : () => { });
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Input.jsx","sourceRoot":"","sources":["../../../../src/input/creator/Input.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AACnD,OAAO,
|
|
1
|
+
{"version":3,"file":"Input.jsx","sourceRoot":"","sources":["../../../../src/input/creator/Input.tsx"],"names":[],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@gluestack-ui/core",
|
|
3
3
|
"description": "Universal UI components for React Native, Expo, and Next.js",
|
|
4
|
-
"version": "5.0.
|
|
4
|
+
"version": "5.0.6-alpha.0",
|
|
5
5
|
"repository": {
|
|
6
6
|
"type": "git",
|
|
7
7
|
"url": "git+https://github.com/gluestack/gluestack-ui.git"
|