etudes 32.7.0 → 32.8.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/build/etudes.js +60 -29
- package/build/etudes.umd.cjs +1 -1
- package/build/primitives/TextArea.d.ts +6 -2
- package/build/primitives/TextField.d.ts +7 -3
- package/package.json +13 -13
|
@@ -8,13 +8,17 @@ export declare namespace TextArea {
|
|
|
8
8
|
* Reference to the root element.
|
|
9
9
|
*/
|
|
10
10
|
ref?: Ref<HTMLTextAreaElement>;
|
|
11
|
+
/**
|
|
12
|
+
* Specifies if the text area should be focused when it is mounted.
|
|
13
|
+
*/
|
|
14
|
+
autoFocus?: boolean;
|
|
11
15
|
onChange: (value: string) => void;
|
|
12
|
-
} & Omit<TextareaHTMLAttributes<HTMLTextAreaElement>, 'onChange'>;
|
|
16
|
+
} & Omit<TextareaHTMLAttributes<HTMLTextAreaElement>, 'autoFocus' | 'onChange'>;
|
|
13
17
|
}
|
|
14
18
|
/**
|
|
15
19
|
* A text area component that allows the user to enter multiple lines of text.
|
|
16
20
|
*/
|
|
17
|
-
export declare function TextArea({ ref, onChange, ...props }: TextArea.Props): import("react").JSX.Element;
|
|
21
|
+
export declare function TextArea({ ref, autoFocus, onChange, ...props }: TextArea.Props): import("react").JSX.Element;
|
|
18
22
|
export declare namespace TextArea {
|
|
19
23
|
var displayName: string;
|
|
20
24
|
}
|
|
@@ -8,6 +8,10 @@ export declare namespace TextField {
|
|
|
8
8
|
* Reference to the root element.
|
|
9
9
|
*/
|
|
10
10
|
ref?: Ref<HTMLInputElement>;
|
|
11
|
+
/**
|
|
12
|
+
* Specifies if the text field should be focused when it is mounted.
|
|
13
|
+
*/
|
|
14
|
+
autoFocus?: boolean;
|
|
11
15
|
/**
|
|
12
16
|
* The value to set to when the text field is empty.
|
|
13
17
|
*/
|
|
@@ -39,7 +43,7 @@ export declare namespace TextField {
|
|
|
39
43
|
*
|
|
40
44
|
* @returns The formatted value.
|
|
41
45
|
*/
|
|
42
|
-
|
|
46
|
+
formatValue?: (value: string) => string;
|
|
43
47
|
/**
|
|
44
48
|
* Handler invoked the text field is focused.
|
|
45
49
|
*
|
|
@@ -58,12 +62,12 @@ export declare namespace TextField {
|
|
|
58
62
|
* @param value The new value of the text field.
|
|
59
63
|
*/
|
|
60
64
|
onChange?: (value: string) => void;
|
|
61
|
-
} & Omit<InputHTMLAttributes<HTMLInputElement>, 'aria-disabled' | 'aria-placeholder' | 'aria-required' | 'disabled' | 'onBlur' | 'onChange' | 'onFocus' | 'placeholder' | 'required' | 'type' | 'value'>;
|
|
65
|
+
} & Omit<InputHTMLAttributes<HTMLInputElement>, 'aria-disabled' | 'aria-placeholder' | 'aria-required' | 'autoFocus' | 'disabled' | 'onBlur' | 'onChange' | 'onFocus' | 'placeholder' | 'required' | 'type' | 'value'>;
|
|
62
66
|
}
|
|
63
67
|
/**
|
|
64
68
|
* A text field that supports custom value formatting and empty value.
|
|
65
69
|
*/
|
|
66
|
-
export declare function TextField({ className, ref,
|
|
70
|
+
export declare function TextField({ className, ref, autoFocus, emptyValue, placeholder, type, value, isDisabled, isRequired, formatValue, onChange, onFocus, onUnfocus, ...props }: TextField.Props): import("react").JSX.Element;
|
|
67
71
|
export declare namespace TextField {
|
|
68
72
|
var displayName: string;
|
|
69
73
|
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "etudes",
|
|
3
|
-
"version": "32.
|
|
3
|
+
"version": "32.8.0",
|
|
4
4
|
"description": "A study of headless React components",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"sideEffects": false,
|
|
@@ -43,33 +43,33 @@
|
|
|
43
43
|
"author": "Andrew Wei <andrewscwei@gmail.com>",
|
|
44
44
|
"license": "MIT",
|
|
45
45
|
"devDependencies": {
|
|
46
|
-
"@commitlint/config-conventional": "^21.0
|
|
46
|
+
"@commitlint/config-conventional": "^21.2.0",
|
|
47
47
|
"@eslint/js": "^10.0.1",
|
|
48
48
|
"@semantic-release/git": "^10.0.1",
|
|
49
49
|
"@stylistic/eslint-plugin": "^5.10.0",
|
|
50
|
-
"@tailwindcss/vite": "^4.3.
|
|
50
|
+
"@tailwindcss/vite": "^4.3.2",
|
|
51
51
|
"@testing-library/react": "^16.3.2",
|
|
52
52
|
"@testing-library/user-event": "^14.6.1",
|
|
53
|
-
"@types/node": "^
|
|
53
|
+
"@types/node": "^26.1.0",
|
|
54
54
|
"@types/react": "^19.2.17",
|
|
55
55
|
"@types/react-dom": "^19.2.3",
|
|
56
|
-
"@vitejs/plugin-react": "^6.0.
|
|
57
|
-
"@vitest/coverage-v8": "^4.1.
|
|
56
|
+
"@vitejs/plugin-react": "^6.0.3",
|
|
57
|
+
"@vitest/coverage-v8": "^4.1.10",
|
|
58
58
|
"concurrently": "^10.0.3",
|
|
59
|
-
"eslint": "^10.
|
|
59
|
+
"eslint": "^10.6.0",
|
|
60
60
|
"eslint-plugin-perfectionist": "^5.9.1",
|
|
61
|
-
"happy-dom": "^20.10.
|
|
61
|
+
"happy-dom": "^20.10.6",
|
|
62
62
|
"react": "^19.2.7",
|
|
63
63
|
"react-dom": "^19.2.7",
|
|
64
64
|
"rimraf": "^6.1.3",
|
|
65
65
|
"semantic-release": "^25.0.5",
|
|
66
|
-
"tailwindcss": "^4.3.
|
|
66
|
+
"tailwindcss": "^4.3.2",
|
|
67
67
|
"typescript": "^6.0.3",
|
|
68
|
-
"typescript-eslint": "^8.
|
|
69
|
-
"vite": "^8.
|
|
70
|
-
"vite-plugin-dts": "^5.0.
|
|
68
|
+
"typescript-eslint": "^8.62.1",
|
|
69
|
+
"vite": "^8.1.3",
|
|
70
|
+
"vite-plugin-dts": "^5.0.3",
|
|
71
71
|
"vite-plugin-svgr": "^5.2.0",
|
|
72
|
-
"vitest": "^4.1.
|
|
72
|
+
"vitest": "^4.1.10",
|
|
73
73
|
"wait-on": "^9.0.10"
|
|
74
74
|
},
|
|
75
75
|
"dependencies": {
|