@rescui/select 0.18.1-RUI-297-Add-react-compiler-to-the-packages-build-f15074a13.11 → 0.18.2
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/lib/_virtual/index.css.js +12 -12
- package/lib/hooks/use-multi-handlers.js +5 -2
- package/lib/hooks/use-primary-contrast-css-var-transfer.js +10 -13
- package/lib/hooks/use-safe-id.d.ts +3 -5
- package/lib/hooks/use-safe-id.js +7 -12
- package/lib/index.css +229 -189
- package/lib/multiselect.js +6 -2
- package/lib/public-api.p.css +5 -0
- package/lib/public-api.pcss +5 -0
- package/lib/select-basic.js +6 -2
- package/lib/select-searchable.js +6 -2
- package/lib/styles/common.p.module.css.js +29 -29
- package/lib/styles/form-trigger.p.module.css.js +12 -12
- package/lib/styles/list-box.p.module.css.js +13 -13
- package/lib/types.d.ts +5 -0
- package/package.json +11 -11
package/lib/multiselect.js
CHANGED
|
@@ -176,12 +176,16 @@ function Multiselect(_ref) {
|
|
|
176
176
|
}
|
|
177
177
|
|
|
178
178
|
});
|
|
179
|
-
const menuProps = getMenuProps(
|
|
179
|
+
const menuProps = getMenuProps( // Downshift composes the ref into a callback ref without reading it during render.
|
|
180
|
+
// eslint-disable-next-line react-hooks/refs
|
|
181
|
+
{
|
|
180
182
|
ref: menuRef,
|
|
181
183
|
'aria-multiselectable': isListBoxEmpty ? undefined : 'true'
|
|
182
184
|
}, {
|
|
183
185
|
suppressRefError: true
|
|
184
|
-
});
|
|
186
|
+
}); // Downshift composes the ref into a callback ref without reading it during render.
|
|
187
|
+
// eslint-disable-next-line react-hooks/refs
|
|
188
|
+
|
|
185
189
|
const triggerProps = getToggleButtonProps({
|
|
186
190
|
ref: triggerRef,
|
|
187
191
|
// eslint-disable-next-line complexity
|
package/lib/public-api.p.css
CHANGED
package/lib/public-api.pcss
CHANGED
package/lib/select-basic.js
CHANGED
|
@@ -99,12 +99,16 @@ function SelectBasic(_ref) {
|
|
|
99
99
|
return item && item.disabled;
|
|
100
100
|
}
|
|
101
101
|
|
|
102
|
-
});
|
|
102
|
+
}); // Downshift composes the ref into a callback ref without reading it during render.
|
|
103
|
+
// eslint-disable-next-line react-hooks/refs
|
|
104
|
+
|
|
103
105
|
const menuProps = getMenuProps({
|
|
104
106
|
ref: menuRef
|
|
105
107
|
}, {
|
|
106
108
|
suppressRefError: true
|
|
107
|
-
});
|
|
109
|
+
}); // Downshift composes the ref into a callback ref without reading it during render.
|
|
110
|
+
// eslint-disable-next-line react-hooks/refs
|
|
111
|
+
|
|
108
112
|
const triggerProps = getToggleButtonProps({
|
|
109
113
|
ref: triggerRef,
|
|
110
114
|
onKeyDown: event => {
|
package/lib/select-searchable.js
CHANGED
|
@@ -147,12 +147,16 @@ function SelectSearchable(_ref) {
|
|
|
147
147
|
}
|
|
148
148
|
}
|
|
149
149
|
|
|
150
|
-
});
|
|
150
|
+
}); // Downshift composes the ref into a callback ref without reading it during render.
|
|
151
|
+
// eslint-disable-next-line react-hooks/refs
|
|
152
|
+
|
|
151
153
|
const menuProps = getMenuProps({
|
|
152
154
|
ref: menuRef
|
|
153
155
|
}, {
|
|
154
156
|
suppressRefError: true
|
|
155
|
-
});
|
|
157
|
+
}); // Downshift composes the ref into a callback ref without reading it during render.
|
|
158
|
+
// eslint-disable-next-line react-hooks/refs
|
|
159
|
+
|
|
156
160
|
const inputProps = getInputProps({
|
|
157
161
|
ref: inputRef,
|
|
158
162
|
// fix screen-reader focus on an opened popup with an empty list
|
|
@@ -1,32 +1,32 @@
|
|
|
1
1
|
var styles = {
|
|
2
|
-
"themeLight": "
|
|
3
|
-
"themeDark": "
|
|
4
|
-
"sizeS": "
|
|
5
|
-
"sizeM": "
|
|
6
|
-
"sizeL": "
|
|
7
|
-
"classic": "
|
|
8
|
-
"rock": "
|
|
9
|
-
"root": "
|
|
10
|
-
"triggerContainer": "
|
|
11
|
-
"disabled": "
|
|
12
|
-
"trigger": "
|
|
13
|
-
"error": "
|
|
14
|
-
"enabled": "
|
|
15
|
-
"searchable": "
|
|
16
|
-
"canBeMultiline": "
|
|
17
|
-
"triggerText": "
|
|
18
|
-
"searchInput": "
|
|
19
|
-
"labelNotSelected": "
|
|
20
|
-
"multi": "
|
|
21
|
-
"tagsContainer": "
|
|
22
|
-
"tag": "
|
|
23
|
-
"filledTag": "
|
|
24
|
-
"iconsWrapper": "
|
|
25
|
-
"toggle": "
|
|
26
|
-
"icon": "
|
|
27
|
-
"clearIcon": "
|
|
28
|
-
"visuallyHidden": "
|
|
29
|
-
"select": "
|
|
30
|
-
"observable": "
|
|
2
|
+
"themeLight": "_themeLight_j38uw6_6",
|
|
3
|
+
"themeDark": "_themeDark_j38uw6_9",
|
|
4
|
+
"sizeS": "_sizeS_j38uw6_13",
|
|
5
|
+
"sizeM": "_sizeM_j38uw6_16",
|
|
6
|
+
"sizeL": "_sizeL_j38uw6_19",
|
|
7
|
+
"classic": "_classic_j38uw6_23",
|
|
8
|
+
"rock": "_rock_j38uw6_26",
|
|
9
|
+
"root": "_root_j38uw6_30",
|
|
10
|
+
"triggerContainer": "_triggerContainer_j38uw6_36",
|
|
11
|
+
"disabled": "_disabled_j38uw6_41",
|
|
12
|
+
"trigger": "_trigger_j38uw6_36",
|
|
13
|
+
"error": "_error_j38uw6_78",
|
|
14
|
+
"enabled": "_enabled_j38uw6_83",
|
|
15
|
+
"searchable": "_searchable_j38uw6_98",
|
|
16
|
+
"canBeMultiline": "_canBeMultiline_j38uw6_125",
|
|
17
|
+
"triggerText": "_triggerText_j38uw6_129",
|
|
18
|
+
"searchInput": "_searchInput_j38uw6_130",
|
|
19
|
+
"labelNotSelected": "_labelNotSelected_j38uw6_161",
|
|
20
|
+
"multi": "_multi_j38uw6_217",
|
|
21
|
+
"tagsContainer": "_tagsContainer_j38uw6_234",
|
|
22
|
+
"tag": "_tag_j38uw6_234",
|
|
23
|
+
"filledTag": "_filledTag_j38uw6_256",
|
|
24
|
+
"iconsWrapper": "_iconsWrapper_j38uw6_264",
|
|
25
|
+
"toggle": "_toggle_j38uw6_282",
|
|
26
|
+
"icon": "_icon_j38uw6_264",
|
|
27
|
+
"clearIcon": "_clearIcon_j38uw6_356",
|
|
28
|
+
"visuallyHidden": "_visuallyHidden_j38uw6_416",
|
|
29
|
+
"select": "_select_j38uw6_433",
|
|
30
|
+
"observable": "_observable_j38uw6_455"
|
|
31
31
|
};
|
|
32
32
|
export { styles as default };
|
|
@@ -1,15 +1,15 @@
|
|
|
1
1
|
var styles = {
|
|
2
|
-
"themeLight": "
|
|
3
|
-
"themeDark": "
|
|
4
|
-
"sizeS": "
|
|
5
|
-
"sizeM": "
|
|
6
|
-
"sizeL": "
|
|
7
|
-
"main": "
|
|
8
|
-
"label": "
|
|
9
|
-
"disabled": "
|
|
10
|
-
"footer": "
|
|
11
|
-
"errorMessage": "
|
|
12
|
-
"error": "
|
|
13
|
-
"note": "
|
|
2
|
+
"themeLight": "_themeLight_19sugsm_6",
|
|
3
|
+
"themeDark": "_themeDark_19sugsm_9",
|
|
4
|
+
"sizeS": "_sizeS_19sugsm_13",
|
|
5
|
+
"sizeM": "_sizeM_19sugsm_16",
|
|
6
|
+
"sizeL": "_sizeL_19sugsm_19",
|
|
7
|
+
"main": "_main_19sugsm_23",
|
|
8
|
+
"label": "_label_19sugsm_27",
|
|
9
|
+
"disabled": "_disabled_19sugsm_33",
|
|
10
|
+
"footer": "_footer_19sugsm_38",
|
|
11
|
+
"errorMessage": "_errorMessage_19sugsm_45",
|
|
12
|
+
"error": "_error_19sugsm_45",
|
|
13
|
+
"note": "_note_19sugsm_54"
|
|
14
14
|
};
|
|
15
15
|
export { styles as default };
|
|
@@ -1,16 +1,16 @@
|
|
|
1
1
|
var styles = {
|
|
2
|
-
"sizeS": "
|
|
3
|
-
"sizeM": "
|
|
4
|
-
"sizeL": "
|
|
5
|
-
"classic": "
|
|
6
|
-
"rock": "
|
|
7
|
-
"listBox": "
|
|
8
|
-
"item": "
|
|
9
|
-
"selected": "
|
|
10
|
-
"disabled": "
|
|
11
|
-
"checkIcon": "
|
|
12
|
-
"visible": "
|
|
13
|
-
"divider": "
|
|
14
|
-
"groupHeader": "
|
|
2
|
+
"sizeS": "_sizeS_19q54es_6",
|
|
3
|
+
"sizeM": "_sizeM_19q54es_9",
|
|
4
|
+
"sizeL": "_sizeL_19q54es_12",
|
|
5
|
+
"classic": "_classic_19q54es_16",
|
|
6
|
+
"rock": "_rock_19q54es_26",
|
|
7
|
+
"listBox": "_listBox_19q54es_37",
|
|
8
|
+
"item": "_item_19q54es_53",
|
|
9
|
+
"selected": "_selected_19q54es_91",
|
|
10
|
+
"disabled": "_disabled_19q54es_105",
|
|
11
|
+
"checkIcon": "_checkIcon_19q54es_112",
|
|
12
|
+
"visible": "_visible_19q54es_119",
|
|
13
|
+
"divider": "_divider_19q54es_126",
|
|
14
|
+
"groupHeader": "_groupHeader_19q54es_140"
|
|
15
15
|
};
|
|
16
16
|
export { styles as default };
|
package/lib/types.d.ts
CHANGED
|
@@ -57,6 +57,7 @@ export type NoOptionsMessage = string | NoOptionsMessageConfig;
|
|
|
57
57
|
export type SelectProps = {
|
|
58
58
|
/**
|
|
59
59
|
* Value of the select
|
|
60
|
+
* @rawDefaultValue
|
|
60
61
|
*/
|
|
61
62
|
value?: SelectOption | null;
|
|
62
63
|
/**
|
|
@@ -71,6 +72,7 @@ export type SelectProps = {
|
|
|
71
72
|
id?: string;
|
|
72
73
|
/**
|
|
73
74
|
* Array of options or option groups
|
|
75
|
+
* @rawDefaultValue
|
|
74
76
|
*/
|
|
75
77
|
options?: (SelectOption | SelectOptionsGroup)[] | null;
|
|
76
78
|
/**
|
|
@@ -157,6 +159,7 @@ export type SelectProps = {
|
|
|
157
159
|
export type MultiselectProps = {
|
|
158
160
|
/**
|
|
159
161
|
* Value of the multiselect (array of selected options)
|
|
162
|
+
* @rawDefaultValue
|
|
160
163
|
*/
|
|
161
164
|
value?: SelectOption[] | null;
|
|
162
165
|
/**
|
|
@@ -176,12 +179,14 @@ export type TriggerFuncProps = {
|
|
|
176
179
|
focused: boolean;
|
|
177
180
|
};
|
|
178
181
|
export type NativeSelectProps = {
|
|
182
|
+
/** @rawDefaultValue */
|
|
179
183
|
options?: (NativeSelectOption | NativeSelectOptionsGroup)[];
|
|
180
184
|
size?: SelectSize;
|
|
181
185
|
theme?: Theme;
|
|
182
186
|
className?: string;
|
|
183
187
|
id?: string;
|
|
184
188
|
style?: React.CSSProperties;
|
|
189
|
+
/** @rawDefaultValue */
|
|
185
190
|
value?: NativeSelectOption | null;
|
|
186
191
|
onChange?: (newValue: NativeSelectOption | null) => void;
|
|
187
192
|
placeholder?: string;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@rescui/select",
|
|
3
|
-
"version": "0.18.
|
|
3
|
+
"version": "0.18.2",
|
|
4
4
|
"description": "",
|
|
5
5
|
"license": "Apache-2.0",
|
|
6
6
|
"author": "JetBrains",
|
|
@@ -17,10 +17,10 @@
|
|
|
17
17
|
},
|
|
18
18
|
"dependencies": {
|
|
19
19
|
"@babel/runtime-corejs3": "^7.26.0",
|
|
20
|
-
"@rescui/dropdown": "0.11.
|
|
21
|
-
"@rescui/form-field": "0.1.
|
|
22
|
-
"@rescui/tag": "0.13.
|
|
23
|
-
"@rescui/use-resize-observer": "0.3.4
|
|
20
|
+
"@rescui/dropdown": "^0.11.2",
|
|
21
|
+
"@rescui/form-field": "^0.1.7",
|
|
22
|
+
"@rescui/tag": "^0.13.13",
|
|
23
|
+
"@rescui/use-resize-observer": "^0.3.4",
|
|
24
24
|
"classnames": "^2.2.6",
|
|
25
25
|
"downshift": "^9.3.2",
|
|
26
26
|
"scroll-into-view-if-needed": "3.1.0"
|
|
@@ -28,13 +28,13 @@
|
|
|
28
28
|
"peerDependencies": {
|
|
29
29
|
"@rescui/ui-contexts": "^0.6.0",
|
|
30
30
|
"prop-types": "^15",
|
|
31
|
-
"react": ">=
|
|
31
|
+
"react": ">=16.8.0 <20"
|
|
32
32
|
},
|
|
33
33
|
"devDependencies": {
|
|
34
|
-
"@rescui/colors": "0.3.3
|
|
35
|
-
"@rescui/scripts": "0.5.2",
|
|
36
|
-
"@rescui/typography": "0.27.
|
|
37
|
-
"@rescui/visual-regression": "0.1.4",
|
|
34
|
+
"@rescui/colors": "^0.3.3",
|
|
35
|
+
"@rescui/scripts": "^0.5.2",
|
|
36
|
+
"@rescui/typography": "^0.27.4",
|
|
37
|
+
"@rescui/visual-regression": "^0.1.4",
|
|
38
38
|
"sniffr": "^1.2.0"
|
|
39
39
|
},
|
|
40
40
|
"scripts": {
|
|
@@ -42,5 +42,5 @@
|
|
|
42
42
|
"build-pcss-api": "rescui-scripts build-pcss-api --file public-api.p.css"
|
|
43
43
|
},
|
|
44
44
|
"nx": {},
|
|
45
|
-
"gitHead": "
|
|
45
|
+
"gitHead": "3711cbfc0c797014395421b008aa5331d6d47c6e"
|
|
46
46
|
}
|