etudes 14.5.0 → 14.6.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/components/Dropdown.d.ts +2 -2
- package/build/components/Select.d.ts +91 -0
- package/build/components/TextArea.d.ts +13 -0
- package/build/etudes.js +2033 -1924
- package/build/etudes.umd.cjs +9 -9
- package/build/hooks/useKeyboardShortcut.d.ts +11 -0
- package/build/index.d.ts +3 -0
- package/package.json +2 -2
|
@@ -120,13 +120,13 @@ export declare const DropdownToggle: {
|
|
|
120
120
|
* Component for the collapse icon of a {@link Dropdown}.
|
|
121
121
|
*/
|
|
122
122
|
export declare const DropdownCollapseIcon: {
|
|
123
|
-
({ children,
|
|
123
|
+
({ children, ...props }: HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
|
|
124
124
|
displayName: string;
|
|
125
125
|
};
|
|
126
126
|
/**
|
|
127
127
|
* Component for the expand icon of a {@link Dropdown}.
|
|
128
128
|
*/
|
|
129
129
|
export declare const DropdownExpandIcon: {
|
|
130
|
-
({ children,
|
|
130
|
+
({ children, ...props }: HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
|
|
131
131
|
displayName: string;
|
|
132
132
|
};
|
|
@@ -0,0 +1,91 @@
|
|
|
1
|
+
import { HTMLAttributes } from 'react';
|
|
2
|
+
/**
|
|
3
|
+
* Type describing the props of {@link Select}.
|
|
4
|
+
*/
|
|
5
|
+
export type SelectProps = Omit<HTMLAttributes<HTMLDivElement>, 'onChange'> & {
|
|
6
|
+
/**
|
|
7
|
+
* Specifies if a selection is required.
|
|
8
|
+
*/
|
|
9
|
+
isRequired?: boolean;
|
|
10
|
+
/**
|
|
11
|
+
* Name of the `select` element.
|
|
12
|
+
*/
|
|
13
|
+
name?: string;
|
|
14
|
+
/**
|
|
15
|
+
* The options to display in the `select` element.
|
|
16
|
+
*/
|
|
17
|
+
options: string[];
|
|
18
|
+
/**
|
|
19
|
+
* Placeholder text to display when no option is selected (i.e. when the value
|
|
20
|
+
* is `''`).
|
|
21
|
+
*/
|
|
22
|
+
placeholder?: string;
|
|
23
|
+
/**
|
|
24
|
+
* Current value of the `select` element.
|
|
25
|
+
*/
|
|
26
|
+
value?: string;
|
|
27
|
+
/**
|
|
28
|
+
* Handler invoked when the value of the `select` element changes.
|
|
29
|
+
*
|
|
30
|
+
* @param value The new value of the `select` element.
|
|
31
|
+
*/
|
|
32
|
+
onChange?: (value: string) => void;
|
|
33
|
+
};
|
|
34
|
+
/**
|
|
35
|
+
* A select component that allows users to select an option from a dropdown
|
|
36
|
+
* toggle.
|
|
37
|
+
*
|
|
38
|
+
* @exports SelectExpandIcon Component for the expand icon.
|
|
39
|
+
* @exports SelectOption Component for each option.
|
|
40
|
+
* @exports SelectToggle Component for the toggle.
|
|
41
|
+
*/
|
|
42
|
+
export declare const Select: import('react').ForwardRefExoticComponent<Omit<HTMLAttributes<HTMLDivElement>, "onChange"> & {
|
|
43
|
+
/**
|
|
44
|
+
* Specifies if a selection is required.
|
|
45
|
+
*/
|
|
46
|
+
isRequired?: boolean;
|
|
47
|
+
/**
|
|
48
|
+
* Name of the `select` element.
|
|
49
|
+
*/
|
|
50
|
+
name?: string;
|
|
51
|
+
/**
|
|
52
|
+
* The options to display in the `select` element.
|
|
53
|
+
*/
|
|
54
|
+
options: string[];
|
|
55
|
+
/**
|
|
56
|
+
* Placeholder text to display when no option is selected (i.e. when the value
|
|
57
|
+
* is `''`).
|
|
58
|
+
*/
|
|
59
|
+
placeholder?: string;
|
|
60
|
+
/**
|
|
61
|
+
* Current value of the `select` element.
|
|
62
|
+
*/
|
|
63
|
+
value?: string;
|
|
64
|
+
/**
|
|
65
|
+
* Handler invoked when the value of the `select` element changes.
|
|
66
|
+
*
|
|
67
|
+
* @param value The new value of the `select` element.
|
|
68
|
+
*/
|
|
69
|
+
onChange?: (value: string) => void;
|
|
70
|
+
} & import('react').RefAttributes<HTMLDivElement>>;
|
|
71
|
+
/**
|
|
72
|
+
* Component for the expand icon of a {@link Select}.
|
|
73
|
+
*/
|
|
74
|
+
export declare const SelectExpandIcon: {
|
|
75
|
+
({ children, style, ...props }: HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
|
|
76
|
+
displayName: string;
|
|
77
|
+
};
|
|
78
|
+
/**
|
|
79
|
+
* Component for the `select` element of a {@link Select}.
|
|
80
|
+
*/
|
|
81
|
+
export declare const SelectToggle: {
|
|
82
|
+
({ children, ...props }: HTMLAttributes<HTMLSelectElement>): import("react/jsx-runtime").JSX.Element;
|
|
83
|
+
displayName: string;
|
|
84
|
+
};
|
|
85
|
+
/**
|
|
86
|
+
* Component for each option of a {@link Select}.
|
|
87
|
+
*/
|
|
88
|
+
export declare const SelectOption: {
|
|
89
|
+
({ ...props }: HTMLAttributes<HTMLOptionElement>): import("react/jsx-runtime").JSX.Element;
|
|
90
|
+
displayName: string;
|
|
91
|
+
};
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { TextareaHTMLAttributes } from 'react';
|
|
2
|
+
/**
|
|
3
|
+
* Type describing the props of {@link TextArea}.
|
|
4
|
+
*/
|
|
5
|
+
export type TextAreaProps = Omit<TextareaHTMLAttributes<HTMLTextAreaElement>, 'onChange'> & {
|
|
6
|
+
onChange: (value: string) => void;
|
|
7
|
+
};
|
|
8
|
+
/**
|
|
9
|
+
* A text area component that allows the user to enter multiple lines of text.
|
|
10
|
+
*/
|
|
11
|
+
export declare const TextArea: import('react').ForwardRefExoticComponent<Omit<TextareaHTMLAttributes<HTMLTextAreaElement>, "onChange"> & {
|
|
12
|
+
onChange: (value: string) => void;
|
|
13
|
+
} & import('react').RefAttributes<HTMLTextAreaElement>>;
|