@semcore/select 4.44.2 → 4.44.3
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/CHANGELOG.md +8 -2
- package/lib/cjs/InputSearch.js +6 -6
- package/lib/cjs/Select.js +8 -8
- package/lib/es6/InputSearch.js +6 -6
- package/lib/es6/Select.js +8 -8
- package/package.json +5 -5
package/CHANGELOG.md
CHANGED
|
@@ -2,6 +2,12 @@
|
|
|
2
2
|
|
|
3
3
|
CHANGELOG.md standards are inspired by [keepachangelog.com](https://keepachangelog.com/en/1.0.0/).
|
|
4
4
|
|
|
5
|
+
## [4.44.3] - 2024-07-05
|
|
6
|
+
|
|
7
|
+
### Changed
|
|
8
|
+
|
|
9
|
+
- Version patch update due to children dependencies update (`@semcore/base-trigger` [4.39.0 ~> 4.40.0], `@semcore/dropdown-menu` [4.34.2 ~> 4.34.3], `@semcore/popper` [5.37.0 ~> 5.37.1], `@semcore/icon` [4.39.1 ~> 4.41.0]).
|
|
10
|
+
|
|
5
11
|
## [4.44.2] - 2024-06-26
|
|
6
12
|
|
|
7
13
|
### Changed
|
|
@@ -846,7 +852,7 @@ CHANGELOG.md standards are inspired by [keepachangelog.com](https://keepachangel
|
|
|
846
852
|
|
|
847
853
|
### Fixed
|
|
848
854
|
|
|
849
|
-
- `aria-controls` and `aria-expanded`
|
|
855
|
+
- `aria-controls` and `aria-expanded` HTML attributes wasn't applied on closed dropdown.
|
|
850
856
|
- `aria-activedescendant` was applied to selected option but not on focused one.
|
|
851
857
|
- Option keys are now based on option value.
|
|
852
858
|
- Removed unexpected tabIndex=-1.
|
|
@@ -1286,7 +1292,7 @@ CHANGELOG.md standards are inspired by [keepachangelog.com](https://keepachangel
|
|
|
1286
1292
|
|
|
1287
1293
|
### Added
|
|
1288
1294
|
|
|
1289
|
-
- Появилась возможность добавления различных стилистических тем через
|
|
1295
|
+
- Появилась возможность добавления различных стилистических тем через CSS переменные
|
|
1290
1296
|
- Появилась возможность оптицонально подключать адаптивноссть
|
|
1291
1297
|
- Появилась возможность изолировать стили даже в пределах одной страницы
|
|
1292
1298
|
|
package/lib/cjs/InputSearch.js
CHANGED
|
@@ -23,12 +23,12 @@ var _context = require("./context");
|
|
|
23
23
|
var _i18nEnhance = _interopRequireDefault(require("@semcore/utils/lib/enhances/i18nEnhance"));
|
|
24
24
|
var _intergalacticDynamicLocales = require("./translations/__intergalactic-dynamic-locales");
|
|
25
25
|
/*__reshadow-styles__:"./style/input-search.shadow.css"*/
|
|
26
|
-
var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".
|
|
27
|
-
"__SInputSearch": "
|
|
28
|
-
"_size_m": "
|
|
29
|
-
"__SSearchClear": "
|
|
30
|
-
"_hide": "
|
|
31
|
-
"__SOutline": "
|
|
26
|
+
var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SInputSearch_4zz89_gg_._size_m_4zz89_gg_{height:32px}.___SSearchClear_4zz89_gg_.__hide_4zz89_gg_{visibility:hidden}.___SOutline_4zz89_gg_{top:-1px;left:-1px;width:100%;border-radius:var(--intergalactic-control-rounded, 6px) var(--intergalactic-control-rounded, 6px)0 0}" /*__inner_css_end__*/, "4zz89_gg_") /*__reshadow_css_end__*/, {
|
|
27
|
+
"__SInputSearch": "___SInputSearch_4zz89_gg_",
|
|
28
|
+
"_size_m": "_size_m_4zz89_gg_",
|
|
29
|
+
"__SSearchClear": "___SSearchClear_4zz89_gg_",
|
|
30
|
+
"_hide": "__hide_4zz89_gg_",
|
|
31
|
+
"__SOutline": "___SOutline_4zz89_gg_"
|
|
32
32
|
});
|
|
33
33
|
var InputSearchRoot = /*#__PURE__*/function (_Component) {
|
|
34
34
|
(0, _inherits2["default"])(InputSearchRoot, _Component);
|
package/lib/cjs/Select.js
CHANGED
|
@@ -37,14 +37,14 @@ var _useFocusLock = require("@semcore/utils/lib/use/useFocusLock");
|
|
|
37
37
|
var _popper = require("@semcore/popper");
|
|
38
38
|
var _excluded = ["Children", "options", "multiselect", "value", "uid", "forcedAdvancedMode"];
|
|
39
39
|
/*__reshadow-styles__:"./style/select.shadow.css"*/
|
|
40
|
-
var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".
|
|
41
|
-
"__SOptionCheckbox": "
|
|
42
|
-
"_selected": "
|
|
43
|
-
"_size_l": "
|
|
44
|
-
"_indeterminate": "
|
|
45
|
-
"_theme": "
|
|
46
|
-
"--theme": "--
|
|
47
|
-
"_size_m": "
|
|
40
|
+
var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SOptionCheckbox_s2m1x_gg_{margin-top:var(--intergalactic-spacing-05x, 2px);margin-right:var(--intergalactic-spacing-2x, 8px);margin-bottom:auto;position:relative;flex-shrink:0;width:16px;height:16px}.___SOptionCheckbox_s2m1x_gg_::before{content:\"\";position:absolute;top:0;left:0;right:0;bottom:0;background:var(--intergalactic-bg-primary-neutral, #ffffff);border:1px solid;border-radius:var(--intergalactic-addon-rounded, 4px);border-color:var(--intergalactic-border-primary, #c4c7cf)}.___SOptionCheckbox_s2m1x_gg_::after{content:\"\";position:absolute;top:0;left:0;right:0;bottom:0;margin:0 var(--intergalactic-spacing-05x, 2px);background-repeat:no-repeat;background-position:center center}.___SOptionCheckbox_s2m1x_gg_.__selected_s2m1x_gg_::after{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iNyIgdmlld0JveD0iMCAwIDEwIDciIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik04LjI1IDFMNCA1LjI1TDEuNzUgMyIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==)}.___SOptionCheckbox_s2m1x_gg_._size_l_s2m1x_gg_{width:20px;height:20px}.___SOptionCheckbox_s2m1x_gg_._size_l_s2m1x_gg_.__selected_s2m1x_gg_::after{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iOSIgdmlld0JveD0iMCAwIDEyIDkiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xMSAxLjVMNC43NSA3Ljc1TDEgNCIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==)}.___SOptionCheckbox_s2m1x_gg_.__indeterminate_s2m1x_gg_:before,.___SOptionCheckbox_s2m1x_gg_.__selected_s2m1x_gg_:before{background-color:var(--intergalactic-control-primary-info, #008ff8);border-color:var(--intergalactic-control-primary-info, #008ff8)}.___SOptionCheckbox_s2m1x_gg_.__theme_s2m1x_gg_:before{border-color:var(--theme_s2m1x)}.___SOptionCheckbox_s2m1x_gg_.__theme_s2m1x_gg_.__indeterminate_s2m1x_gg_:before,.___SOptionCheckbox_s2m1x_gg_.__theme_s2m1x_gg_.__selected_s2m1x_gg_:before{background-color:var(--theme_s2m1x);border-color:var(--theme_s2m1x)}.___SOptionCheckbox_s2m1x_gg_.__selected_s2m1x_gg_{background-color:var(--intergalactic-dropdown-menu-item-selected, rgba(196, 229, 254, 0.7))}@media (hover:hover){.___SOptionCheckbox_s2m1x_gg_.__selected_s2m1x_gg_:hover{background-color:var(--intergalactic-dropdown-menu-item-selected-hover, #c4e5fe)}}.___SOptionCheckbox_s2m1x_gg_.__indeterminate_s2m1x_gg_:after{background-color:#fff;background-image:none;margin:auto;border-radius:1px}.___SOptionCheckbox_s2m1x_gg_.__indeterminate_s2m1x_gg_._size_l_s2m1x_gg_:after{width:12px;height:2px}.___SOptionCheckbox_s2m1x_gg_.__indeterminate_s2m1x_gg_._size_m_s2m1x_gg_:after{width:8px;height:2px}" /*__inner_css_end__*/, "s2m1x_gg_") /*__reshadow_css_end__*/, {
|
|
41
|
+
"__SOptionCheckbox": "___SOptionCheckbox_s2m1x_gg_",
|
|
42
|
+
"_selected": "__selected_s2m1x_gg_",
|
|
43
|
+
"_size_l": "_size_l_s2m1x_gg_",
|
|
44
|
+
"_indeterminate": "__indeterminate_s2m1x_gg_",
|
|
45
|
+
"_theme": "__theme_s2m1x_gg_",
|
|
46
|
+
"--theme": "--theme_s2m1x",
|
|
47
|
+
"_size_m": "_size_m_s2m1x_gg_"
|
|
48
48
|
});
|
|
49
49
|
function isSelectedOption(value, valueOption) {
|
|
50
50
|
return Array.isArray(value) ? value.includes(valueOption) : valueOption === value;
|
package/lib/es6/InputSearch.js
CHANGED
|
@@ -19,12 +19,12 @@ import { selectContext } from './context';
|
|
|
19
19
|
import i18nEnhance from '@semcore/utils/lib/enhances/i18nEnhance';
|
|
20
20
|
import { localizedMessages } from './translations/__intergalactic-dynamic-locales';
|
|
21
21
|
/*__reshadow-styles__:"./style/input-search.shadow.css"*/
|
|
22
|
-
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".
|
|
23
|
-
"__SInputSearch": "
|
|
24
|
-
"_size_m": "
|
|
25
|
-
"__SSearchClear": "
|
|
26
|
-
"_hide": "
|
|
27
|
-
"__SOutline": "
|
|
22
|
+
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SInputSearch_4zz89_gg_._size_m_4zz89_gg_{height:32px}.___SSearchClear_4zz89_gg_.__hide_4zz89_gg_{visibility:hidden}.___SOutline_4zz89_gg_{top:-1px;left:-1px;width:100%;border-radius:var(--intergalactic-control-rounded, 6px) var(--intergalactic-control-rounded, 6px)0 0}" /*__inner_css_end__*/, "4zz89_gg_") /*__reshadow_css_end__*/, {
|
|
23
|
+
"__SInputSearch": "___SInputSearch_4zz89_gg_",
|
|
24
|
+
"_size_m": "_size_m_4zz89_gg_",
|
|
25
|
+
"__SSearchClear": "___SSearchClear_4zz89_gg_",
|
|
26
|
+
"_hide": "__hide_4zz89_gg_",
|
|
27
|
+
"__SOutline": "___SOutline_4zz89_gg_"
|
|
28
28
|
});
|
|
29
29
|
var InputSearchRoot = /*#__PURE__*/function (_Component) {
|
|
30
30
|
_inherits(InputSearchRoot, _Component);
|
package/lib/es6/Select.js
CHANGED
|
@@ -34,14 +34,14 @@ import { localizedMessages } from './translations/__intergalactic-dynamic-locale
|
|
|
34
34
|
import { setFocus } from '@semcore/utils/lib/use/useFocusLock';
|
|
35
35
|
import { isInputTriggerTag } from '@semcore/popper';
|
|
36
36
|
/*__reshadow-styles__:"./style/select.shadow.css"*/
|
|
37
|
-
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".
|
|
38
|
-
"__SOptionCheckbox": "
|
|
39
|
-
"_selected": "
|
|
40
|
-
"_size_l": "
|
|
41
|
-
"_indeterminate": "
|
|
42
|
-
"_theme": "
|
|
43
|
-
"--theme": "--
|
|
44
|
-
"_size_m": "
|
|
37
|
+
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SOptionCheckbox_s2m1x_gg_{margin-top:var(--intergalactic-spacing-05x, 2px);margin-right:var(--intergalactic-spacing-2x, 8px);margin-bottom:auto;position:relative;flex-shrink:0;width:16px;height:16px}.___SOptionCheckbox_s2m1x_gg_::before{content:\"\";position:absolute;top:0;left:0;right:0;bottom:0;background:var(--intergalactic-bg-primary-neutral, #ffffff);border:1px solid;border-radius:var(--intergalactic-addon-rounded, 4px);border-color:var(--intergalactic-border-primary, #c4c7cf)}.___SOptionCheckbox_s2m1x_gg_::after{content:\"\";position:absolute;top:0;left:0;right:0;bottom:0;margin:0 var(--intergalactic-spacing-05x, 2px);background-repeat:no-repeat;background-position:center center}.___SOptionCheckbox_s2m1x_gg_.__selected_s2m1x_gg_::after{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iNyIgdmlld0JveD0iMCAwIDEwIDciIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik04LjI1IDFMNCA1LjI1TDEuNzUgMyIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==)}.___SOptionCheckbox_s2m1x_gg_._size_l_s2m1x_gg_{width:20px;height:20px}.___SOptionCheckbox_s2m1x_gg_._size_l_s2m1x_gg_.__selected_s2m1x_gg_::after{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iOSIgdmlld0JveD0iMCAwIDEyIDkiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xMSAxLjVMNC43NSA3Ljc1TDEgNCIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==)}.___SOptionCheckbox_s2m1x_gg_.__indeterminate_s2m1x_gg_:before,.___SOptionCheckbox_s2m1x_gg_.__selected_s2m1x_gg_:before{background-color:var(--intergalactic-control-primary-info, #008ff8);border-color:var(--intergalactic-control-primary-info, #008ff8)}.___SOptionCheckbox_s2m1x_gg_.__theme_s2m1x_gg_:before{border-color:var(--theme_s2m1x)}.___SOptionCheckbox_s2m1x_gg_.__theme_s2m1x_gg_.__indeterminate_s2m1x_gg_:before,.___SOptionCheckbox_s2m1x_gg_.__theme_s2m1x_gg_.__selected_s2m1x_gg_:before{background-color:var(--theme_s2m1x);border-color:var(--theme_s2m1x)}.___SOptionCheckbox_s2m1x_gg_.__selected_s2m1x_gg_{background-color:var(--intergalactic-dropdown-menu-item-selected, rgba(196, 229, 254, 0.7))}@media (hover:hover){.___SOptionCheckbox_s2m1x_gg_.__selected_s2m1x_gg_:hover{background-color:var(--intergalactic-dropdown-menu-item-selected-hover, #c4e5fe)}}.___SOptionCheckbox_s2m1x_gg_.__indeterminate_s2m1x_gg_:after{background-color:#fff;background-image:none;margin:auto;border-radius:1px}.___SOptionCheckbox_s2m1x_gg_.__indeterminate_s2m1x_gg_._size_l_s2m1x_gg_:after{width:12px;height:2px}.___SOptionCheckbox_s2m1x_gg_.__indeterminate_s2m1x_gg_._size_m_s2m1x_gg_:after{width:8px;height:2px}" /*__inner_css_end__*/, "s2m1x_gg_") /*__reshadow_css_end__*/, {
|
|
38
|
+
"__SOptionCheckbox": "___SOptionCheckbox_s2m1x_gg_",
|
|
39
|
+
"_selected": "__selected_s2m1x_gg_",
|
|
40
|
+
"_size_l": "_size_l_s2m1x_gg_",
|
|
41
|
+
"_indeterminate": "__indeterminate_s2m1x_gg_",
|
|
42
|
+
"_theme": "__theme_s2m1x_gg_",
|
|
43
|
+
"--theme": "--theme_s2m1x",
|
|
44
|
+
"_size_m": "_size_m_s2m1x_gg_"
|
|
45
45
|
});
|
|
46
46
|
function isSelectedOption(value, valueOption) {
|
|
47
47
|
return Array.isArray(value) ? value.includes(valueOption) : valueOption === value;
|
package/package.json
CHANGED
|
@@ -1,20 +1,20 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@semcore/select",
|
|
3
3
|
"description": "Semrush Select Component",
|
|
4
|
-
"version": "4.44.
|
|
4
|
+
"version": "4.44.3",
|
|
5
5
|
"main": "lib/cjs/index.js",
|
|
6
6
|
"module": "lib/es6/index.js",
|
|
7
7
|
"typings": "lib/types/index.d.ts",
|
|
8
8
|
"author": "UI-kit team <ui-kit-team@semrush.com>",
|
|
9
9
|
"license": "MIT",
|
|
10
10
|
"dependencies": {
|
|
11
|
-
"@semcore/base-trigger": "4.
|
|
11
|
+
"@semcore/base-trigger": "4.40.0",
|
|
12
12
|
"@semcore/checkbox": "7.32.0",
|
|
13
13
|
"@semcore/divider": "4.28.0",
|
|
14
|
-
"@semcore/dropdown-menu": "4.34.
|
|
15
|
-
"@semcore/popper": "5.37.
|
|
14
|
+
"@semcore/dropdown-menu": "4.34.3",
|
|
15
|
+
"@semcore/popper": "5.37.1",
|
|
16
16
|
"@semcore/flex-box": "5.29.0",
|
|
17
|
-
"@semcore/icon": "4.
|
|
17
|
+
"@semcore/icon": "4.41.0",
|
|
18
18
|
"@semcore/input": "4.30.0",
|
|
19
19
|
"@semcore/utils": "4.30.0",
|
|
20
20
|
"classnames": "2.2.6"
|