@rescui/select 0.11.13 → 0.11.14
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/check.js +84 -14
- package/lib/_virtual/close.js +84 -14
- package/lib/_virtual/down.js +84 -14
- package/lib/_virtual/index.css.js +12 -7
- package/lib/_virtual/loading.js +100 -22
- package/lib/_virtual/warning.js +84 -14
- package/lib/index.css +193 -157
- package/lib/parts/common-select.p.module.css.js +12 -12
- package/lib/parts/form-trigger-wrapper.js +2 -1
- package/lib/parts/form-trigger.p.module.css.js +10 -10
- package/lib/parts/multiselect.js +2 -1
- package/lib/parts/native-select.p.module.css.js +6 -6
- package/lib/parts/trigger.js +8 -4
- package/lib/parts/trigger.p.module.css.js +27 -27
- package/package.json +9 -9
|
@@ -1,15 +1,15 @@
|
|
|
1
1
|
var styles = {
|
|
2
|
-
"sizeS": "
|
|
3
|
-
"sizeM": "
|
|
4
|
-
"sizeL": "
|
|
5
|
-
"menu": "
|
|
6
|
-
"menuSizeS": "
|
|
7
|
-
"menuSizeM": "
|
|
8
|
-
"menuSizeL": "
|
|
9
|
-
"withGroupsLabel": "
|
|
10
|
-
"lastOption": "
|
|
11
|
-
"divider": "
|
|
12
|
-
"checkIcon": "
|
|
13
|
-
"observable": "
|
|
2
|
+
"sizeS": "_sizeS_1x1l0cq_3",
|
|
3
|
+
"sizeM": "_sizeM_1x1l0cq_6",
|
|
4
|
+
"sizeL": "_sizeL_1x1l0cq_9",
|
|
5
|
+
"menu": "_menu_1x1l0cq_13",
|
|
6
|
+
"menuSizeS": "_menuSizeS_1x1l0cq_26",
|
|
7
|
+
"menuSizeM": "_menuSizeM_1x1l0cq_30",
|
|
8
|
+
"menuSizeL": "_menuSizeL_1x1l0cq_34",
|
|
9
|
+
"withGroupsLabel": "_withGroupsLabel_1x1l0cq_40",
|
|
10
|
+
"lastOption": "_lastOption_1x1l0cq_39",
|
|
11
|
+
"divider": "_divider_1x1l0cq_45",
|
|
12
|
+
"checkIcon": "_checkIcon_1x1l0cq_51",
|
|
13
|
+
"observable": "_observable_1x1l0cq_56"
|
|
14
14
|
};
|
|
15
15
|
export { styles as default };
|
|
@@ -56,7 +56,8 @@ const FormTriggerWrapper = /*#__PURE__*/React.forwardRef((_ref2, ref) => {
|
|
|
56
56
|
"data-rs-internal": 'select-form-trigger-wrapper__error-message'
|
|
57
57
|
}, /*#__PURE__*/React.createElement(WarningIcon, {
|
|
58
58
|
className: styles.errorIcon,
|
|
59
|
-
"data-rs-internal": 'select-form-trigger-wrapper__error-icon'
|
|
59
|
+
"data-rs-internal": 'select-form-trigger-wrapper__error-icon',
|
|
60
|
+
"data-render-all-sizes": true
|
|
60
61
|
}), /*#__PURE__*/React.createElement("span", null, error)), note && /*#__PURE__*/React.createElement("div", {
|
|
61
62
|
className: styles.note,
|
|
62
63
|
"data-rs-internal": 'select-form-trigger-wrapper__note'
|
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
var styles = {
|
|
2
|
-
"themeLight": "
|
|
3
|
-
"themeDark": "
|
|
4
|
-
"sizeS": "
|
|
5
|
-
"sizeM": "
|
|
6
|
-
"sizeL": "
|
|
7
|
-
"main": "
|
|
8
|
-
"label": "
|
|
9
|
-
"errorMessage": "
|
|
10
|
-
"errorIcon": "
|
|
11
|
-
"note": "
|
|
2
|
+
"themeLight": "_themeLight_124s1wv_7",
|
|
3
|
+
"themeDark": "_themeDark_124s1wv_10",
|
|
4
|
+
"sizeS": "_sizeS_124s1wv_14",
|
|
5
|
+
"sizeM": "_sizeM_124s1wv_17",
|
|
6
|
+
"sizeL": "_sizeL_124s1wv_20",
|
|
7
|
+
"main": "_main_124s1wv_24",
|
|
8
|
+
"label": "_label_124s1wv_28",
|
|
9
|
+
"errorMessage": "_errorMessage_124s1wv_34",
|
|
10
|
+
"errorIcon": "_errorIcon_124s1wv_45",
|
|
11
|
+
"note": "_note_124s1wv_50"
|
|
12
12
|
};
|
|
13
13
|
export { styles as default };
|
package/lib/parts/multiselect.js
CHANGED
|
@@ -36,7 +36,8 @@ const Option = _ref => {
|
|
|
36
36
|
const isItemSelected = Boolean(selected && selected.length && selected.some(s => value === getOptionValue(s)));
|
|
37
37
|
const isHighlighted = isIndexMatchCursor(cursorIndex, index);
|
|
38
38
|
const icon = isSingleLine && isItemSelected ? /*#__PURE__*/React.createElement(CheckIcon, {
|
|
39
|
-
className: styles.checkIcon
|
|
39
|
+
className: styles.checkIcon,
|
|
40
|
+
"data-render-all-sizes": true
|
|
40
41
|
}) : null;
|
|
41
42
|
return /*#__PURE__*/React.createElement(MenuItem, {
|
|
42
43
|
selected: isItemSelected,
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
var styles = {
|
|
2
|
-
"sizeS": "
|
|
3
|
-
"sizeM": "
|
|
4
|
-
"sizeL": "
|
|
5
|
-
"main": "
|
|
6
|
-
"wrapper": "
|
|
7
|
-
"select": "
|
|
2
|
+
"sizeS": "_sizeS_1lwji1_6",
|
|
3
|
+
"sizeM": "_sizeM_1lwji1_9",
|
|
4
|
+
"sizeL": "_sizeL_1lwji1_12",
|
|
5
|
+
"main": "_main_1lwji1_16",
|
|
6
|
+
"wrapper": "_wrapper_1lwji1_20",
|
|
7
|
+
"select": "_select_1lwji1_24"
|
|
8
8
|
};
|
|
9
9
|
export { styles as default };
|
package/lib/parts/trigger.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import React, { useRef, useState } from 'react';
|
|
2
|
-
import PropTypes from 'prop-types';
|
|
3
2
|
import cn from 'classnames';
|
|
3
|
+
import PropTypes from 'prop-types';
|
|
4
4
|
import { RemovableTag, Tag, presets } from '@rescui/tag';
|
|
5
5
|
import { useThemeWithUndefined } from '@rescui/ui-contexts';
|
|
6
6
|
import DownIcon from '../_virtual/down.js';
|
|
@@ -115,7 +115,8 @@ const SelectTrigger = /*#__PURE__*/React.memo(props => {
|
|
|
115
115
|
selected: selected
|
|
116
116
|
}), /*#__PURE__*/React.createElement(DownIcon, {
|
|
117
117
|
className: styles.toggle,
|
|
118
|
-
"data-test": "down-icon"
|
|
118
|
+
"data-test": "down-icon",
|
|
119
|
+
"data-render-all-sizes": true
|
|
119
120
|
})));
|
|
120
121
|
});
|
|
121
122
|
SelectTrigger.displayName = 'SelectTrigger';
|
|
@@ -218,7 +219,8 @@ const ClearOrLoading = _ref3 => {
|
|
|
218
219
|
pointerEvents: 'none'
|
|
219
220
|
},
|
|
220
221
|
className: styles.icon,
|
|
221
|
-
"data-test": "loading-icon"
|
|
222
|
+
"data-test": "loading-icon",
|
|
223
|
+
"data-render-all-sizes": true
|
|
222
224
|
});
|
|
223
225
|
} else if (isClearable && !isDisabled && !isSelectedEmpty(selected)) {
|
|
224
226
|
return /*#__PURE__*/React.createElement("button", {
|
|
@@ -229,7 +231,9 @@ const ClearOrLoading = _ref3 => {
|
|
|
229
231
|
e.stopPropagation();
|
|
230
232
|
onClearClick();
|
|
231
233
|
}
|
|
232
|
-
}, /*#__PURE__*/React.createElement(CloseIcon,
|
|
234
|
+
}, /*#__PURE__*/React.createElement(CloseIcon, {
|
|
235
|
+
"data-render-all-sizes": true
|
|
236
|
+
}));
|
|
233
237
|
} else {
|
|
234
238
|
return null;
|
|
235
239
|
}
|
|
@@ -1,30 +1,30 @@
|
|
|
1
1
|
var styles = {
|
|
2
|
-
"themeLight": "
|
|
3
|
-
"themeDark": "
|
|
4
|
-
"sizeS": "
|
|
5
|
-
"sizeM": "
|
|
6
|
-
"sizeL": "
|
|
7
|
-
"classic": "
|
|
8
|
-
"rock": "
|
|
9
|
-
"main": "
|
|
10
|
-
"open": "
|
|
11
|
-
"focused": "
|
|
12
|
-
"searchFocused": "
|
|
13
|
-
"error": "
|
|
14
|
-
"searchKeyFocused": "
|
|
15
|
-
"enabled": "
|
|
16
|
-
"disabled": "
|
|
17
|
-
"isMulti": "
|
|
18
|
-
"iconsWrapper": "
|
|
19
|
-
"labelWrapper": "
|
|
20
|
-
"label": "
|
|
21
|
-
"labelNotSelected": "
|
|
22
|
-
"searchInput": "
|
|
23
|
-
"multi": "
|
|
24
|
-
"tagsContainer": "
|
|
25
|
-
"tag": "
|
|
26
|
-
"toggle": "
|
|
27
|
-
"icon": "
|
|
28
|
-
"clearIcon": "
|
|
2
|
+
"themeLight": "_themeLight_a9lkn9_27",
|
|
3
|
+
"themeDark": "_themeDark_a9lkn9_30",
|
|
4
|
+
"sizeS": "_sizeS_a9lkn9_34",
|
|
5
|
+
"sizeM": "_sizeM_a9lkn9_37",
|
|
6
|
+
"sizeL": "_sizeL_a9lkn9_40",
|
|
7
|
+
"classic": "_classic_a9lkn9_44",
|
|
8
|
+
"rock": "_rock_a9lkn9_47",
|
|
9
|
+
"main": "_main_a9lkn9_51",
|
|
10
|
+
"open": "_open_a9lkn9_73",
|
|
11
|
+
"focused": "_focused_a9lkn9_77",
|
|
12
|
+
"searchFocused": "_searchFocused_a9lkn9_78",
|
|
13
|
+
"error": "_error_a9lkn9_80",
|
|
14
|
+
"searchKeyFocused": "_searchKeyFocused_a9lkn9_85",
|
|
15
|
+
"enabled": "_enabled_a9lkn9_89",
|
|
16
|
+
"disabled": "_disabled_a9lkn9_95",
|
|
17
|
+
"isMulti": "_isMulti_a9lkn9_125",
|
|
18
|
+
"iconsWrapper": "_iconsWrapper_a9lkn9_143",
|
|
19
|
+
"labelWrapper": "_labelWrapper_a9lkn9_168",
|
|
20
|
+
"label": "_label_a9lkn9_168",
|
|
21
|
+
"labelNotSelected": "_labelNotSelected_a9lkn9_218",
|
|
22
|
+
"searchInput": "_searchInput_a9lkn9_231",
|
|
23
|
+
"multi": "_multi_a9lkn9_271",
|
|
24
|
+
"tagsContainer": "_tagsContainer_a9lkn9_291",
|
|
25
|
+
"tag": "_tag_a9lkn9_291",
|
|
26
|
+
"toggle": "_toggle_a9lkn9_313",
|
|
27
|
+
"icon": "_icon_a9lkn9_143",
|
|
28
|
+
"clearIcon": "_clearIcon_a9lkn9_380"
|
|
29
29
|
};
|
|
30
30
|
export { styles as default };
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@rescui/select",
|
|
3
|
-
"version": "0.11.
|
|
3
|
+
"version": "0.11.14",
|
|
4
4
|
"description": "",
|
|
5
5
|
"license": "Apache-2.0",
|
|
6
6
|
"author": "JetBrains",
|
|
@@ -16,10 +16,10 @@
|
|
|
16
16
|
},
|
|
17
17
|
"dependencies": {
|
|
18
18
|
"@babel/runtime-corejs3": "^7.26.0",
|
|
19
|
-
"@rescui/dropdown": "^0.7.
|
|
20
|
-
"@rescui/menu": "^0.10.
|
|
21
|
-
"@rescui/tag": "^0.10.
|
|
22
|
-
"@rescui/use-resize-observer": "^0.2.
|
|
19
|
+
"@rescui/dropdown": "^0.7.18",
|
|
20
|
+
"@rescui/menu": "^0.10.16",
|
|
21
|
+
"@rescui/tag": "^0.10.18",
|
|
22
|
+
"@rescui/use-resize-observer": "^0.2.7",
|
|
23
23
|
"classnames": "^2.2.6",
|
|
24
24
|
"scroll-into-view-if-needed": "2.2.20"
|
|
25
25
|
},
|
|
@@ -29,9 +29,9 @@
|
|
|
29
29
|
"react": ">=16.8.0 <19"
|
|
30
30
|
},
|
|
31
31
|
"devDependencies": {
|
|
32
|
-
"@rescui/colors": "^0.2.
|
|
33
|
-
"@rescui/scripts": "^0.
|
|
34
|
-
"@rescui/typography": "^0.23.
|
|
32
|
+
"@rescui/colors": "^0.2.8",
|
|
33
|
+
"@rescui/scripts": "^0.4.0",
|
|
34
|
+
"@rescui/typography": "^0.23.1",
|
|
35
35
|
"@rescui/visual-regression": "^0.1.2",
|
|
36
36
|
"sniffr": "^1.2.0"
|
|
37
37
|
},
|
|
@@ -40,5 +40,5 @@
|
|
|
40
40
|
"build-pcss-api": "rescui-scripts build-pcss-api --file public-api.p.css"
|
|
41
41
|
},
|
|
42
42
|
"nx": {},
|
|
43
|
-
"gitHead": "
|
|
43
|
+
"gitHead": "f521c66dfa4124f1cac34821bf8531a0f9596bcc"
|
|
44
44
|
}
|