@semcore/select 4.50.0 → 4.50.1-prerelease.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/CHANGELOG.md +6 -0
- 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/lib/esm/InputSearch.mjs +51 -51
- package/lib/esm/Select.mjs +126 -126
- package/package.json +13 -13
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.50.1] - 2025-03-17
|
|
6
|
+
|
|
7
|
+
### Changed
|
|
8
|
+
|
|
9
|
+
- Version patch update due to children dependencies update (`@semcore/base-trigger` [4.52.0 ~> 4.52.1], `@semcore/button` [5.42.0 ~> 5.42.1], `@semcore/checkbox` [7.44.0 ~> 7.44.1], `@semcore/divider` [4.40.0 ~> 4.40.1], `@semcore/dropdown-menu` [4.46.0 ~> 4.46.1], `@semcore/dropdown` [4.43.0 ~> 4.43.1], `@semcore/popper` [5.46.0 ~> 5.46.1], `@semcore/flex-box` [5.41.0 ~> 5.41.1], `@semcore/icon` [4.60.0 ~> 4.60.1], `@semcore/input` [4.42.0 ~> 4.42.1], `@semcore/utils` [4.48.0 ~> 4.48.1], `@semcore/core` [2.39.0 ~> 2.39.1]).
|
|
10
|
+
|
|
5
11
|
## [4.50.0] - 2025-03-14
|
|
6
12
|
|
|
7
13
|
### Added
|
package/lib/cjs/InputSearch.js
CHANGED
|
@@ -24,12 +24,12 @@ var _context = require("./context");
|
|
|
24
24
|
var _i18nEnhance = _interopRequireDefault(require("@semcore/utils/lib/enhances/i18nEnhance"));
|
|
25
25
|
var _intergalacticDynamicLocales = require("./translations/__intergalactic-dynamic-locales");
|
|
26
26
|
/*__reshadow-styles__:"./style/input-search.shadow.css"*/
|
|
27
|
-
var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".
|
|
28
|
-
"__SInputSearch": "
|
|
29
|
-
"_size_m": "
|
|
30
|
-
"__SSearchClear": "
|
|
31
|
-
"_hide": "
|
|
32
|
-
"__SOutline": "
|
|
27
|
+
var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SInputSearch_1180s_gg_._size_m_1180s_gg_{height:32px}.___SSearchClear_1180s_gg_{padding:0 var(--intergalactic-spacing-2x, 8px)}.___SSearchClear_1180s_gg_.__hide_1180s_gg_{visibility:hidden}.___SOutline_1180s_gg_{top:-1px;left:-1px;width:100%;border-radius:var(--intergalactic-control-rounded, 6px) var(--intergalactic-control-rounded, 6px)0 0;box-sizing:content-box}" /*__inner_css_end__*/, "1180s_gg_") /*__reshadow_css_end__*/, {
|
|
28
|
+
"__SInputSearch": "___SInputSearch_1180s_gg_",
|
|
29
|
+
"_size_m": "_size_m_1180s_gg_",
|
|
30
|
+
"__SSearchClear": "___SSearchClear_1180s_gg_",
|
|
31
|
+
"_hide": "__hide_1180s_gg_",
|
|
32
|
+
"__SOutline": "___SOutline_1180s_gg_"
|
|
33
33
|
});
|
|
34
34
|
var InputSearchRoot = /*#__PURE__*/function (_Component) {
|
|
35
35
|
(0, _inherits2["default"])(InputSearchRoot, _Component);
|
package/lib/cjs/Select.js
CHANGED
|
@@ -38,14 +38,14 @@ var _popper = require("@semcore/popper");
|
|
|
38
38
|
var _assignProps6 = require("@semcore/utils/lib/assignProps");
|
|
39
39
|
var _excluded = ["Children", "options", "multiselect", "value", "uid", "forcedAdvancedMode"];
|
|
40
40
|
/*__reshadow-styles__:"./style/select.shadow.css"*/
|
|
41
|
-
var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".
|
|
42
|
-
"__SOptionCheckbox": "
|
|
43
|
-
"_selected": "
|
|
44
|
-
"_size_l": "
|
|
45
|
-
"_indeterminate": "
|
|
46
|
-
"_theme": "
|
|
47
|
-
"--theme": "--
|
|
48
|
-
"_size_m": "
|
|
41
|
+
var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SOptionCheckbox_1v5md_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_1v5md_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_1v5md_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_1v5md_gg_.__selected_1v5md_gg_::after{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iNyIgdmlld0JveD0iMCAwIDEwIDciIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik04LjI1IDFMNCA1LjI1TDEuNzUgMyIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==)}.___SOptionCheckbox_1v5md_gg_._size_l_1v5md_gg_{width:20px;height:20px}.___SOptionCheckbox_1v5md_gg_._size_l_1v5md_gg_.__selected_1v5md_gg_::after{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iOSIgdmlld0JveD0iMCAwIDEyIDkiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xMSAxLjVMNC43NSA3Ljc1TDEgNCIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==)}.___SOptionCheckbox_1v5md_gg_.__indeterminate_1v5md_gg_:before,.___SOptionCheckbox_1v5md_gg_.__selected_1v5md_gg_:before{background-color:var(--intergalactic-control-primary-info, #008ff8);border-color:var(--intergalactic-control-primary-info, #008ff8)}.___SOptionCheckbox_1v5md_gg_.__theme_1v5md_gg_:before{border-color:var(--theme_1v5md)}.___SOptionCheckbox_1v5md_gg_.__theme_1v5md_gg_.__indeterminate_1v5md_gg_:before,.___SOptionCheckbox_1v5md_gg_.__theme_1v5md_gg_.__selected_1v5md_gg_:before{background-color:var(--theme_1v5md);border-color:var(--theme_1v5md)}.___SOptionCheckbox_1v5md_gg_.__selected_1v5md_gg_{background-color:var(--intergalactic-dropdown-menu-item-selected, rgba(196, 229, 254, 0.7))}@media (hover:hover){.___SOptionCheckbox_1v5md_gg_.__selected_1v5md_gg_:hover{background-color:var(--intergalactic-dropdown-menu-item-selected-hover, #c4e5fe)}}.___SOptionCheckbox_1v5md_gg_.__indeterminate_1v5md_gg_:after{background-color:#fff;background-image:none;margin:auto;border-radius:1px}.___SOptionCheckbox_1v5md_gg_.__indeterminate_1v5md_gg_._size_l_1v5md_gg_:after{width:12px;height:2px}.___SOptionCheckbox_1v5md_gg_.__indeterminate_1v5md_gg_._size_m_1v5md_gg_:after{width:8px;height:2px}" /*__inner_css_end__*/, "1v5md_gg_") /*__reshadow_css_end__*/, {
|
|
42
|
+
"__SOptionCheckbox": "___SOptionCheckbox_1v5md_gg_",
|
|
43
|
+
"_selected": "__selected_1v5md_gg_",
|
|
44
|
+
"_size_l": "_size_l_1v5md_gg_",
|
|
45
|
+
"_indeterminate": "__indeterminate_1v5md_gg_",
|
|
46
|
+
"_theme": "__theme_1v5md_gg_",
|
|
47
|
+
"--theme": "--theme_1v5md",
|
|
48
|
+
"_size_m": "_size_m_1v5md_gg_"
|
|
49
49
|
});
|
|
50
50
|
function isSelectedOption(value, valueOption) {
|
|
51
51
|
return Array.isArray(value) ? value.includes(valueOption) : valueOption === value;
|
package/lib/es6/InputSearch.js
CHANGED
|
@@ -20,12 +20,12 @@ import { selectContext } from './context';
|
|
|
20
20
|
import i18nEnhance from '@semcore/utils/lib/enhances/i18nEnhance';
|
|
21
21
|
import { localizedMessages } from './translations/__intergalactic-dynamic-locales';
|
|
22
22
|
/*__reshadow-styles__:"./style/input-search.shadow.css"*/
|
|
23
|
-
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".
|
|
24
|
-
"__SInputSearch": "
|
|
25
|
-
"_size_m": "
|
|
26
|
-
"__SSearchClear": "
|
|
27
|
-
"_hide": "
|
|
28
|
-
"__SOutline": "
|
|
23
|
+
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SInputSearch_1180s_gg_._size_m_1180s_gg_{height:32px}.___SSearchClear_1180s_gg_{padding:0 var(--intergalactic-spacing-2x, 8px)}.___SSearchClear_1180s_gg_.__hide_1180s_gg_{visibility:hidden}.___SOutline_1180s_gg_{top:-1px;left:-1px;width:100%;border-radius:var(--intergalactic-control-rounded, 6px) var(--intergalactic-control-rounded, 6px)0 0;box-sizing:content-box}" /*__inner_css_end__*/, "1180s_gg_") /*__reshadow_css_end__*/, {
|
|
24
|
+
"__SInputSearch": "___SInputSearch_1180s_gg_",
|
|
25
|
+
"_size_m": "_size_m_1180s_gg_",
|
|
26
|
+
"__SSearchClear": "___SSearchClear_1180s_gg_",
|
|
27
|
+
"_hide": "__hide_1180s_gg_",
|
|
28
|
+
"__SOutline": "___SOutline_1180s_gg_"
|
|
29
29
|
});
|
|
30
30
|
var InputSearchRoot = /*#__PURE__*/function (_Component) {
|
|
31
31
|
_inherits(InputSearchRoot, _Component);
|
package/lib/es6/Select.js
CHANGED
|
@@ -34,14 +34,14 @@ import { selectContext } from './context';
|
|
|
34
34
|
import { localizedMessages } from './translations/__intergalactic-dynamic-locales';
|
|
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_1v5md_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_1v5md_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_1v5md_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_1v5md_gg_.__selected_1v5md_gg_::after{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iNyIgdmlld0JveD0iMCAwIDEwIDciIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik04LjI1IDFMNCA1LjI1TDEuNzUgMyIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==)}.___SOptionCheckbox_1v5md_gg_._size_l_1v5md_gg_{width:20px;height:20px}.___SOptionCheckbox_1v5md_gg_._size_l_1v5md_gg_.__selected_1v5md_gg_::after{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iOSIgdmlld0JveD0iMCAwIDEyIDkiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xMSAxLjVMNC43NSA3Ljc1TDEgNCIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==)}.___SOptionCheckbox_1v5md_gg_.__indeterminate_1v5md_gg_:before,.___SOptionCheckbox_1v5md_gg_.__selected_1v5md_gg_:before{background-color:var(--intergalactic-control-primary-info, #008ff8);border-color:var(--intergalactic-control-primary-info, #008ff8)}.___SOptionCheckbox_1v5md_gg_.__theme_1v5md_gg_:before{border-color:var(--theme_1v5md)}.___SOptionCheckbox_1v5md_gg_.__theme_1v5md_gg_.__indeterminate_1v5md_gg_:before,.___SOptionCheckbox_1v5md_gg_.__theme_1v5md_gg_.__selected_1v5md_gg_:before{background-color:var(--theme_1v5md);border-color:var(--theme_1v5md)}.___SOptionCheckbox_1v5md_gg_.__selected_1v5md_gg_{background-color:var(--intergalactic-dropdown-menu-item-selected, rgba(196, 229, 254, 0.7))}@media (hover:hover){.___SOptionCheckbox_1v5md_gg_.__selected_1v5md_gg_:hover{background-color:var(--intergalactic-dropdown-menu-item-selected-hover, #c4e5fe)}}.___SOptionCheckbox_1v5md_gg_.__indeterminate_1v5md_gg_:after{background-color:#fff;background-image:none;margin:auto;border-radius:1px}.___SOptionCheckbox_1v5md_gg_.__indeterminate_1v5md_gg_._size_l_1v5md_gg_:after{width:12px;height:2px}.___SOptionCheckbox_1v5md_gg_.__indeterminate_1v5md_gg_._size_m_1v5md_gg_:after{width:8px;height:2px}" /*__inner_css_end__*/, "1v5md_gg_") /*__reshadow_css_end__*/, {
|
|
38
|
+
"__SOptionCheckbox": "___SOptionCheckbox_1v5md_gg_",
|
|
39
|
+
"_selected": "__selected_1v5md_gg_",
|
|
40
|
+
"_size_l": "_size_l_1v5md_gg_",
|
|
41
|
+
"_indeterminate": "__indeterminate_1v5md_gg_",
|
|
42
|
+
"_theme": "__theme_1v5md_gg_",
|
|
43
|
+
"--theme": "--theme_1v5md",
|
|
44
|
+
"_size_m": "_size_m_1v5md_gg_"
|
|
45
45
|
});
|
|
46
46
|
import { callAllEventHandlers } from '@semcore/utils/lib/assignProps';
|
|
47
47
|
import { isAdvanceMode } from '@semcore/utils/lib/findComponent';
|
package/lib/esm/InputSearch.mjs
CHANGED
|
@@ -1,51 +1,51 @@
|
|
|
1
1
|
import _ from "@babel/runtime/helpers/esm/objectSpread2";
|
|
2
2
|
import x from "@babel/runtime/helpers/esm/classCallCheck";
|
|
3
|
-
import
|
|
4
|
-
import
|
|
5
|
-
import
|
|
6
|
-
import
|
|
7
|
-
import
|
|
8
|
-
import { sstyled as
|
|
9
|
-
import
|
|
3
|
+
import P from "@babel/runtime/helpers/esm/createClass";
|
|
4
|
+
import d from "@babel/runtime/helpers/esm/assertThisInitialized";
|
|
5
|
+
import V from "@babel/runtime/helpers/esm/inherits";
|
|
6
|
+
import E from "@babel/runtime/helpers/esm/createSuper";
|
|
7
|
+
import c from "@babel/runtime/helpers/esm/defineProperty";
|
|
8
|
+
import { sstyled as z } from "@semcore/utils/lib/core/index";
|
|
9
|
+
import b, { sstyled as h, assignProps as p, Component as R } from "@semcore/core";
|
|
10
10
|
import t from "react";
|
|
11
|
-
import
|
|
12
|
-
import
|
|
13
|
-
import
|
|
11
|
+
import T from "@semcore/icon/Search/m";
|
|
12
|
+
import k from "@semcore/icon/Close/m";
|
|
13
|
+
import S from "@semcore/input";
|
|
14
14
|
import { ButtonLink as M } from "@semcore/button";
|
|
15
15
|
import { selectContext as O } from "./context.mjs";
|
|
16
16
|
import w from "@semcore/utils/lib/enhances/i18nEnhance";
|
|
17
17
|
import { localizedMessages as v } from "./translations/__intergalactic-dynamic-locales.mjs";
|
|
18
18
|
var A = (
|
|
19
19
|
/*__reshadow_css_start__*/
|
|
20
|
-
(
|
|
20
|
+
(z.insert(
|
|
21
21
|
/*__inner_css_start__*/
|
|
22
|
-
".
|
|
23
|
-
"
|
|
22
|
+
".___SInputSearch_1180s_gg_._size_m_1180s_gg_{height:32px}.___SSearchClear_1180s_gg_{padding:0 var(--intergalactic-spacing-2x, 8px)}.___SSearchClear_1180s_gg_.__hide_1180s_gg_{visibility:hidden}.___SOutline_1180s_gg_{top:-1px;left:-1px;width:100%;border-radius:var(--intergalactic-control-rounded, 6px) var(--intergalactic-control-rounded, 6px)0 0;box-sizing:content-box}",
|
|
23
|
+
"1180s_gg_"
|
|
24
24
|
), {
|
|
25
|
-
__SInputSearch: "
|
|
26
|
-
_size_m: "
|
|
27
|
-
__SSearchClear: "
|
|
28
|
-
_hide: "
|
|
29
|
-
__SOutline: "
|
|
25
|
+
__SInputSearch: "___SInputSearch_1180s_gg_",
|
|
26
|
+
_size_m: "_size_m_1180s_gg_",
|
|
27
|
+
__SSearchClear: "___SSearchClear_1180s_gg_",
|
|
28
|
+
_hide: "__hide_1180s_gg_",
|
|
29
|
+
__SOutline: "___SOutline_1180s_gg_"
|
|
30
30
|
})
|
|
31
31
|
), i = /* @__PURE__ */ function(u) {
|
|
32
|
-
|
|
33
|
-
var
|
|
32
|
+
V(n, u);
|
|
33
|
+
var o = E(n);
|
|
34
34
|
function n() {
|
|
35
35
|
var e;
|
|
36
36
|
x(this, n);
|
|
37
|
-
for (var a = arguments.length, r = new Array(a),
|
|
38
|
-
r[
|
|
39
|
-
return e =
|
|
37
|
+
for (var a = arguments.length, r = new Array(a), l = 0; l < a; l++)
|
|
38
|
+
r[l] = arguments[l];
|
|
39
|
+
return e = o.call.apply(o, [this].concat(r)), c(d(e), "inputRef", /* @__PURE__ */ t.createRef()), c(d(e), "closeIconRef", /* @__PURE__ */ t.createRef()), c(d(e), "handleClear", function(m) {
|
|
40
40
|
e.handlers.value("", m), setTimeout(function() {
|
|
41
41
|
if (document.activeElement === document.body || document.activeElement === e.closeIconRef.current) {
|
|
42
|
-
var
|
|
43
|
-
(
|
|
42
|
+
var s;
|
|
43
|
+
(s = e.inputRef.current) === null || s === void 0 || s.focus();
|
|
44
44
|
}
|
|
45
45
|
}, 0);
|
|
46
46
|
}), e;
|
|
47
47
|
}
|
|
48
|
-
return
|
|
48
|
+
return P(n, [{
|
|
49
49
|
key: "uncontrolledProps",
|
|
50
50
|
value: function() {
|
|
51
51
|
return {
|
|
@@ -55,66 +55,66 @@ var A = (
|
|
|
55
55
|
}, {
|
|
56
56
|
key: "getValueProps",
|
|
57
57
|
value: function() {
|
|
58
|
-
var a = this.asProps, r = a.value,
|
|
58
|
+
var a = this.asProps, r = a.value, l = a.getI18nText;
|
|
59
59
|
return {
|
|
60
60
|
value: r,
|
|
61
61
|
onChange: this.handlers.value,
|
|
62
62
|
autoFocus: !0,
|
|
63
63
|
ref: this.inputRef,
|
|
64
|
-
placeholder:
|
|
65
|
-
"aria-label":
|
|
64
|
+
placeholder: l("Select.InputSearch.Value:placeholder"),
|
|
65
|
+
"aria-label": l("Select.InputSearch.Value:aria-label")
|
|
66
66
|
};
|
|
67
67
|
}
|
|
68
68
|
}, {
|
|
69
69
|
key: "getClearProps",
|
|
70
70
|
value: function() {
|
|
71
|
-
var a = this.asProps, r = a.value,
|
|
71
|
+
var a = this.asProps, r = a.value, l = a.getI18nText;
|
|
72
72
|
return {
|
|
73
73
|
ref: this.closeIconRef,
|
|
74
74
|
/* hide through css because the width of the input changes */
|
|
75
75
|
hide: !r,
|
|
76
76
|
"aria-hidden": !r,
|
|
77
|
-
"aria-label":
|
|
77
|
+
"aria-label": l("clearSearch"),
|
|
78
78
|
onClick: this.handleClear
|
|
79
79
|
};
|
|
80
80
|
}
|
|
81
81
|
}, {
|
|
82
82
|
key: "render",
|
|
83
83
|
value: function() {
|
|
84
|
-
var a = this.asProps, r,
|
|
85
|
-
return r = h(
|
|
84
|
+
var a = this.asProps, r, l = f.Value, m = S, s = this.asProps, C = s.size, g = s.styles, I = s.children, y = s.Children;
|
|
85
|
+
return r = h(g), /* @__PURE__ */ t.createElement(m, r.cn("SInputSearch", {
|
|
86
86
|
size: C || this.context.size || "m",
|
|
87
|
-
styles:
|
|
88
|
-
}), I ? /* @__PURE__ */ t.createElement(y, r.cn("Children", {})) : /* @__PURE__ */ t.createElement(t.Fragment, null, /* @__PURE__ */ t.createElement(
|
|
87
|
+
styles: g
|
|
88
|
+
}), I ? /* @__PURE__ */ t.createElement(y, r.cn("Children", {})) : /* @__PURE__ */ t.createElement(t.Fragment, null, /* @__PURE__ */ t.createElement(f.SearchIcon, null), /* @__PURE__ */ t.createElement(l, r.cn("Value", _({}, p({}, a)))), /* @__PURE__ */ t.createElement(f.Clear, null)));
|
|
89
89
|
}
|
|
90
90
|
}]), n;
|
|
91
|
-
}(
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
91
|
+
}(R);
|
|
92
|
+
c(i, "displayName", "InputSearch");
|
|
93
|
+
c(i, "style", A);
|
|
94
|
+
c(i, "enhance", [w(v)]);
|
|
95
|
+
c(i, "defaultProps", {
|
|
96
96
|
defaultValue: "",
|
|
97
97
|
i18n: v,
|
|
98
98
|
locale: "en"
|
|
99
99
|
});
|
|
100
|
-
|
|
101
|
-
var F = function(
|
|
102
|
-
var n = arguments[0], e, a =
|
|
103
|
-
return e = h(r), /* @__PURE__ */ t.createElement(a, e.cn("SSearchIcon", _({}, p({}, n))), /* @__PURE__ */ t.createElement(
|
|
104
|
-
}, L = function(
|
|
105
|
-
var n = arguments[0], e, a =
|
|
100
|
+
c(i, "contextType", O);
|
|
101
|
+
var F = function(o) {
|
|
102
|
+
var n = arguments[0], e, a = S.Addon, r = o.styles;
|
|
103
|
+
return e = h(r), /* @__PURE__ */ t.createElement(a, e.cn("SSearchIcon", _({}, p({}, n))), /* @__PURE__ */ t.createElement(T, e.cn("SearchM", {})));
|
|
104
|
+
}, L = function(o) {
|
|
105
|
+
var n = arguments[0], e, a = S.Value, r = o.styles;
|
|
106
106
|
return e = h(r), /* @__PURE__ */ t.createElement(a, e.cn("SSearchValue", _({}, p({}, n))));
|
|
107
|
-
}, j = function(
|
|
108
|
-
var n = arguments[0], e, a = M, r =
|
|
107
|
+
}, j = function(o) {
|
|
108
|
+
var n = arguments[0], e, a = M, r = o.styles;
|
|
109
109
|
return e = h(r), /* @__PURE__ */ t.createElement(a, e.cn("SSearchClear", _({}, p({
|
|
110
|
-
addonLeft:
|
|
110
|
+
addonLeft: k,
|
|
111
111
|
use: "secondary"
|
|
112
112
|
}, n))));
|
|
113
|
-
},
|
|
113
|
+
}, f = b(i, {
|
|
114
114
|
SearchIcon: F,
|
|
115
115
|
Value: L,
|
|
116
116
|
Clear: j
|
|
117
117
|
});
|
|
118
118
|
export {
|
|
119
|
-
|
|
119
|
+
f as default
|
|
120
120
|
};
|
package/lib/esm/Select.mjs
CHANGED
|
@@ -1,59 +1,59 @@
|
|
|
1
1
|
import K from "@babel/runtime/helpers/esm/slicedToArray";
|
|
2
|
-
import
|
|
2
|
+
import M from "@babel/runtime/helpers/esm/extends";
|
|
3
3
|
import J from "@babel/runtime/helpers/esm/objectWithoutProperties";
|
|
4
|
-
import
|
|
4
|
+
import u from "@babel/runtime/helpers/esm/objectSpread2";
|
|
5
5
|
import Q from "@babel/runtime/helpers/esm/classCallCheck";
|
|
6
6
|
import V from "@babel/runtime/helpers/esm/createClass";
|
|
7
|
-
import
|
|
7
|
+
import A from "@babel/runtime/helpers/esm/assertThisInitialized";
|
|
8
8
|
import y from "@babel/runtime/helpers/esm/get";
|
|
9
9
|
import C from "@babel/runtime/helpers/esm/getPrototypeOf";
|
|
10
10
|
import U from "@babel/runtime/helpers/esm/inherits";
|
|
11
11
|
import X from "@babel/runtime/helpers/esm/createSuper";
|
|
12
|
-
import
|
|
12
|
+
import x from "@babel/runtime/helpers/esm/defineProperty";
|
|
13
13
|
import { sstyled as F } from "@semcore/utils/lib/core/index";
|
|
14
|
-
import q, { assignProps as S, sstyled as
|
|
15
|
-
import
|
|
14
|
+
import q, { assignProps as S, sstyled as R } from "@semcore/core";
|
|
15
|
+
import m from "react";
|
|
16
16
|
import Y from "classnames";
|
|
17
|
-
import
|
|
18
|
-
import
|
|
17
|
+
import f from "@semcore/dropdown-menu";
|
|
18
|
+
import w, { enhance as ee, selectedIndexContext as te, AbstractDropdown as re } from "@semcore/dropdown";
|
|
19
19
|
import { ButtonTrigger as I } from "@semcore/base-trigger";
|
|
20
20
|
import ie from "@semcore/divider";
|
|
21
|
-
import oe, { isAdvanceMode as
|
|
21
|
+
import oe, { isAdvanceMode as k } from "@semcore/utils/lib/findComponent";
|
|
22
22
|
import ne from "@semcore/utils/lib/logger";
|
|
23
23
|
import ae from "@semcore/utils/lib/enhances/resolveColorEnhance";
|
|
24
24
|
import le from "@semcore/utils/lib/addonTextChildren";
|
|
25
|
-
import
|
|
26
|
-
import { useBox as
|
|
25
|
+
import D from "./InputSearch.mjs";
|
|
26
|
+
import { useBox as de } from "@semcore/flex-box";
|
|
27
27
|
import { selectContext as se } from "./context.mjs";
|
|
28
|
-
import { localizedMessages as
|
|
28
|
+
import { localizedMessages as ce } from "./translations/__intergalactic-dynamic-locales.mjs";
|
|
29
29
|
import { isInputTriggerTag as _e } from "@semcore/popper";
|
|
30
|
-
import { callAllEventHandlers as
|
|
31
|
-
var
|
|
30
|
+
import { callAllEventHandlers as N } from "@semcore/utils/lib/assignProps";
|
|
31
|
+
var me = ["Children", "options", "multiselect", "value", "uid", "forcedAdvancedMode"], ge = (
|
|
32
32
|
/*__reshadow_css_start__*/
|
|
33
33
|
(F.insert(
|
|
34
34
|
/*__inner_css_start__*/
|
|
35
|
-
'.
|
|
36
|
-
"
|
|
35
|
+
'.___SOptionCheckbox_1v5md_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_1v5md_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_1v5md_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_1v5md_gg_.__selected_1v5md_gg_::after{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iNyIgdmlld0JveD0iMCAwIDEwIDciIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik04LjI1IDFMNCA1LjI1TDEuNzUgMyIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==)}.___SOptionCheckbox_1v5md_gg_._size_l_1v5md_gg_{width:20px;height:20px}.___SOptionCheckbox_1v5md_gg_._size_l_1v5md_gg_.__selected_1v5md_gg_::after{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iOSIgdmlld0JveD0iMCAwIDEyIDkiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xMSAxLjVMNC43NSA3Ljc1TDEgNCIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==)}.___SOptionCheckbox_1v5md_gg_.__indeterminate_1v5md_gg_:before,.___SOptionCheckbox_1v5md_gg_.__selected_1v5md_gg_:before{background-color:var(--intergalactic-control-primary-info, #008ff8);border-color:var(--intergalactic-control-primary-info, #008ff8)}.___SOptionCheckbox_1v5md_gg_.__theme_1v5md_gg_:before{border-color:var(--theme_1v5md)}.___SOptionCheckbox_1v5md_gg_.__theme_1v5md_gg_.__indeterminate_1v5md_gg_:before,.___SOptionCheckbox_1v5md_gg_.__theme_1v5md_gg_.__selected_1v5md_gg_:before{background-color:var(--theme_1v5md);border-color:var(--theme_1v5md)}.___SOptionCheckbox_1v5md_gg_.__selected_1v5md_gg_{background-color:var(--intergalactic-dropdown-menu-item-selected, rgba(196, 229, 254, 0.7))}@media (hover:hover){.___SOptionCheckbox_1v5md_gg_.__selected_1v5md_gg_:hover{background-color:var(--intergalactic-dropdown-menu-item-selected-hover, #c4e5fe)}}.___SOptionCheckbox_1v5md_gg_.__indeterminate_1v5md_gg_:after{background-color:#fff;background-image:none;margin:auto;border-radius:1px}.___SOptionCheckbox_1v5md_gg_.__indeterminate_1v5md_gg_._size_l_1v5md_gg_:after{width:12px;height:2px}.___SOptionCheckbox_1v5md_gg_.__indeterminate_1v5md_gg_._size_m_1v5md_gg_:after{width:8px;height:2px}',
|
|
36
|
+
"1v5md_gg_"
|
|
37
37
|
), {
|
|
38
|
-
__SOptionCheckbox: "
|
|
39
|
-
_selected: "
|
|
40
|
-
_size_l: "
|
|
41
|
-
_indeterminate: "
|
|
42
|
-
_theme: "
|
|
43
|
-
"--theme": "--
|
|
44
|
-
_size_m: "
|
|
38
|
+
__SOptionCheckbox: "___SOptionCheckbox_1v5md_gg_",
|
|
39
|
+
_selected: "__selected_1v5md_gg_",
|
|
40
|
+
_size_l: "_size_l_1v5md_gg_",
|
|
41
|
+
_indeterminate: "__indeterminate_1v5md_gg_",
|
|
42
|
+
_theme: "__theme_1v5md_gg_",
|
|
43
|
+
"--theme": "--theme_1v5md",
|
|
44
|
+
_size_m: "_size_m_1v5md_gg_"
|
|
45
45
|
})
|
|
46
46
|
);
|
|
47
|
-
function
|
|
47
|
+
function E(i, l) {
|
|
48
48
|
return Array.isArray(i) ? i.includes(l) : l === i;
|
|
49
49
|
}
|
|
50
|
-
function
|
|
50
|
+
function ue(i) {
|
|
51
51
|
return Array.isArray(i) ? i.length === 0 : i === null;
|
|
52
52
|
}
|
|
53
|
-
function
|
|
53
|
+
function $(i) {
|
|
54
54
|
return i ? [] : null;
|
|
55
55
|
}
|
|
56
|
-
var
|
|
56
|
+
var O = /* @__PURE__ */ function(i) {
|
|
57
57
|
U(o, i);
|
|
58
58
|
var l = X(o);
|
|
59
59
|
function o() {
|
|
@@ -61,15 +61,15 @@ var k = /* @__PURE__ */ function(i) {
|
|
|
61
61
|
Q(this, o);
|
|
62
62
|
for (var e = arguments.length, t = new Array(e), r = 0; r < e; r++)
|
|
63
63
|
t[r] = arguments[r];
|
|
64
|
-
return n = l.call.apply(l, [this].concat(t)),
|
|
64
|
+
return n = l.call.apply(l, [this].concat(t)), x(A(n), "role", "listbox"), x(A(n), "bindHandlerOptionClick", function(a, d) {
|
|
65
65
|
return function(s) {
|
|
66
|
-
var _ = a,
|
|
67
|
-
Array.isArray(
|
|
68
|
-
return
|
|
69
|
-
}) : _ =
|
|
66
|
+
var _ = a, g = n.asProps, c = g.value, v = g.multiselect;
|
|
67
|
+
Array.isArray(c) && (c.includes(a) ? _ = c.filter(function(p) {
|
|
68
|
+
return p !== a;
|
|
69
|
+
}) : _ = c.concat(a)), n.handlers.value(_, s), v || (n.handlers.visible(!1), s.preventDefault());
|
|
70
70
|
};
|
|
71
|
-
}),
|
|
72
|
-
var
|
|
71
|
+
}), x(A(n), "handlerClear", function(a) {
|
|
72
|
+
var d = n.asProps.value, s = $(Array.isArray(d));
|
|
73
73
|
n.handlers.value(s, a), n.handlers.visible(!1);
|
|
74
74
|
}), n;
|
|
75
75
|
}
|
|
@@ -77,24 +77,24 @@ var k = /* @__PURE__ */ function(i) {
|
|
|
77
77
|
key: "itemRef",
|
|
78
78
|
value: function(e, t, r) {
|
|
79
79
|
y(C(o.prototype), "itemRef", this).call(this, e, t, r);
|
|
80
|
-
var a = this.asProps.highlightedIndex,
|
|
81
|
-
|
|
80
|
+
var a = this.asProps.highlightedIndex, d = t === a;
|
|
81
|
+
d && this.scrollToNode(r);
|
|
82
82
|
}
|
|
83
83
|
}, {
|
|
84
84
|
key: "uncontrolledProps",
|
|
85
85
|
value: function() {
|
|
86
86
|
var e = this;
|
|
87
|
-
return
|
|
87
|
+
return u(u({}, y(C(o.prototype), "uncontrolledProps", this).call(this)), {}, {
|
|
88
88
|
visible: [null, function(t) {
|
|
89
89
|
if (t === !0) {
|
|
90
|
-
var r =
|
|
90
|
+
var r = k(e.asProps.Children, [h.InputSearch.displayName], !0), a = r ? null : e.props.defaultHighlightedIndex;
|
|
91
91
|
e.handlers.highlightedIndex(a), setTimeout(function() {
|
|
92
|
-
var
|
|
93
|
-
if (
|
|
94
|
-
e.scrollToNode(
|
|
95
|
-
for (var
|
|
96
|
-
if (_[
|
|
97
|
-
e.handlers.highlightedIndex(
|
|
92
|
+
var d, s, _ = (d = e.menuRef.current) === null || d === void 0 ? void 0 : d.querySelectorAll('[role="option"]'), g = (s = e.menuRef.current) === null || s === void 0 ? void 0 : s.querySelector('[aria-selected="true"]');
|
|
93
|
+
if (g && _) {
|
|
94
|
+
e.scrollToNode(g);
|
|
95
|
+
for (var c = 0; c < _.length; c++)
|
|
96
|
+
if (_[c] === g) {
|
|
97
|
+
e.handlers.highlightedIndex(c);
|
|
98
98
|
break;
|
|
99
99
|
}
|
|
100
100
|
}
|
|
@@ -107,25 +107,25 @@ var k = /* @__PURE__ */ function(i) {
|
|
|
107
107
|
}, {
|
|
108
108
|
key: "getTriggerProps",
|
|
109
109
|
value: function() {
|
|
110
|
-
var e = this, t = this.asProps, r = t.disabled, a = t.visible,
|
|
111
|
-
return
|
|
112
|
-
onKeyDown:
|
|
113
|
-
"aria-controls": a ?
|
|
114
|
-
"aria-haspopup":
|
|
110
|
+
var e = this, t = this.asProps, r = t.disabled, a = t.visible, d = t.state, s = t.placeholder, _ = t.value, g = t.options, c = t.forwardRef, v = t.name, p = t.multiselect, b = t.getI18nText, T = t.highlightedIndex, P = t.uid, G = t.Children, Z = t.children, z = k(G, [h.Menu.displayName], !0) || !Z, j = z ? "igc-".concat(P, "-list") : "igc-".concat(P, "-popper");
|
|
111
|
+
return u(u({}, y(C(o.prototype), "getTriggerProps", this).call(this)), {}, {
|
|
112
|
+
onKeyDown: N(this.handlePreventCommonKeyDown.bind(this), this.handleOpenKeyDown.bind(this), this.handleArrowKeyDown.bind(this)),
|
|
113
|
+
"aria-controls": a ? j : void 0,
|
|
114
|
+
"aria-haspopup": z ? "listbox" : "dialog",
|
|
115
115
|
"aria-disabled": r ? "true" : "false",
|
|
116
|
-
"aria-activedescendant": a &&
|
|
117
|
-
empty:
|
|
116
|
+
"aria-activedescendant": a && T !== null && this.itemRefs[T] ? "igc-".concat(P, "-option-").concat(T) : void 0,
|
|
117
|
+
empty: ue(_),
|
|
118
118
|
value: _,
|
|
119
|
-
name:
|
|
120
|
-
$hiddenRef:
|
|
121
|
-
multiselect:
|
|
122
|
-
state:
|
|
119
|
+
name: v,
|
|
120
|
+
$hiddenRef: c,
|
|
121
|
+
multiselect: p,
|
|
122
|
+
state: d,
|
|
123
123
|
placeholder: s,
|
|
124
124
|
disabled: r,
|
|
125
125
|
active: a,
|
|
126
126
|
onClear: this.handlerClear,
|
|
127
|
-
children: this.renderChildrenTrigger(_,
|
|
128
|
-
getI18nText:
|
|
127
|
+
children: this.renderChildrenTrigger(_, g),
|
|
128
|
+
getI18nText: b,
|
|
129
129
|
onBlur: function() {
|
|
130
130
|
e.asProps.visible && (e.prevHighlightedIndex = e.asProps.highlightedIndex, e.handlers.highlightedIndex(null));
|
|
131
131
|
},
|
|
@@ -141,32 +141,32 @@ var k = /* @__PURE__ */ function(i) {
|
|
|
141
141
|
key: "getListProps",
|
|
142
142
|
value: function() {
|
|
143
143
|
var e = this.asProps.multiselect;
|
|
144
|
-
return
|
|
144
|
+
return u(u({}, y(C(o.prototype), "getListProps", this).call(this)), {}, {
|
|
145
145
|
"aria-multiselectable": e ? "true" : void 0
|
|
146
146
|
});
|
|
147
147
|
}
|
|
148
148
|
}, {
|
|
149
149
|
key: "getPopperProps",
|
|
150
150
|
value: function() {
|
|
151
|
-
return
|
|
152
|
-
onKeyDown:
|
|
151
|
+
return u(u({}, y(C(o.prototype), "getPopperProps", this).call(this)), {}, {
|
|
152
|
+
onKeyDown: N(this.handlePreventCommonKeyDown.bind(this), this.handlePreventPopperKeyDown.bind(this), this.handleArrowKeyDown.bind(this))
|
|
153
153
|
});
|
|
154
154
|
}
|
|
155
155
|
}, {
|
|
156
156
|
key: "getOptionProps",
|
|
157
157
|
value: function(e, t) {
|
|
158
|
-
var r, a = this,
|
|
159
|
-
return
|
|
160
|
-
highlighted:
|
|
161
|
-
selected:
|
|
162
|
-
"aria-selected":
|
|
158
|
+
var r, a = this, d = this.asProps, s = d.value, _ = d.highlightedIndex, g = d.focusSourceRef, c = d.size, v = c === void 0 ? "m" : c, p = t === _ && g.current === "keyboard" && !e.disabled, b = (r = e.selected) !== null && r !== void 0 ? r : E(s, e.value);
|
|
159
|
+
return u(u({}, y(C(o.prototype), "getItemProps", this).call(this, e, t)), {}, {
|
|
160
|
+
highlighted: p,
|
|
161
|
+
selected: b,
|
|
162
|
+
"aria-selected": b ? "true" : "false",
|
|
163
163
|
"aria-disabled": e.disabled ? "true" : "false",
|
|
164
164
|
role: "option",
|
|
165
165
|
onClick: this.bindHandlerOptionClick(e.value, t),
|
|
166
166
|
ref: function(P) {
|
|
167
167
|
return a.itemRef(e, t, P);
|
|
168
168
|
},
|
|
169
|
-
size:
|
|
169
|
+
size: v
|
|
170
170
|
});
|
|
171
171
|
}
|
|
172
172
|
}, {
|
|
@@ -190,10 +190,10 @@ var k = /* @__PURE__ */ function(i) {
|
|
|
190
190
|
key: "renderChildrenTrigger",
|
|
191
191
|
value: function(e, t) {
|
|
192
192
|
return t ? [].concat(e).reduce(function(r, a) {
|
|
193
|
-
var
|
|
194
|
-
return
|
|
193
|
+
var d = t.find(function(s) {
|
|
194
|
+
return E(a, s.value);
|
|
195
195
|
});
|
|
196
|
-
return
|
|
196
|
+
return d && (r.length && r.push(", "), r.push(d.label || d.value)), r;
|
|
197
197
|
}, []) : Array.isArray(e) ? e.reduce(function(r, a) {
|
|
198
198
|
return r.length && r.push(", "), r.push(a), r;
|
|
199
199
|
}, []) : e;
|
|
@@ -201,113 +201,113 @@ var k = /* @__PURE__ */ function(i) {
|
|
|
201
201
|
}, {
|
|
202
202
|
key: "render",
|
|
203
203
|
value: function() {
|
|
204
|
-
var e = this.asProps, t = this.asProps, r = t.Children, a = t.options,
|
|
204
|
+
var e = this.asProps, t = this.asProps, r = t.Children, a = t.options, d = t.multiselect;
|
|
205
205
|
t.value;
|
|
206
|
-
var s = t.uid, _ = t.forcedAdvancedMode,
|
|
207
|
-
if (ne.warn(a &&
|
|
208
|
-
var
|
|
209
|
-
return /* @__PURE__ */
|
|
210
|
-
return /* @__PURE__ */
|
|
211
|
-
key:
|
|
212
|
-
id: "igc-".concat(s, "-option-").concat(
|
|
213
|
-
},
|
|
206
|
+
var s = t.uid, _ = t.forcedAdvancedMode, g = J(t, me), c = _ || oe(r, [h.Trigger.displayName, h.Popper.displayName]);
|
|
207
|
+
if (ne.warn(a && c, "Don't use at the same time 'options' property and '<Select.Trigger/>/<Select.Popper/>'", g["data-ui-name"] || h.displayName), this.itemProps = [], a) {
|
|
208
|
+
var v = this.asProps;
|
|
209
|
+
return /* @__PURE__ */ m.createElement(f, S({}, v), /* @__PURE__ */ m.createElement(h.Trigger, g), /* @__PURE__ */ m.createElement(h.Menu, null, a.map(function(p, b) {
|
|
210
|
+
return /* @__PURE__ */ m.createElement(h.Option, M({
|
|
211
|
+
key: p.value,
|
|
212
|
+
id: "igc-".concat(s, "-option-").concat(b)
|
|
213
|
+
}, p), d && /* @__PURE__ */ m.createElement(h.Option.Checkbox, null), p.children);
|
|
214
214
|
})));
|
|
215
215
|
}
|
|
216
|
-
return /* @__PURE__ */
|
|
216
|
+
return /* @__PURE__ */ m.createElement(f, S({}, e), /* @__PURE__ */ m.createElement(r, null));
|
|
217
217
|
}
|
|
218
218
|
}]), o;
|
|
219
219
|
}(re);
|
|
220
|
-
|
|
221
|
-
|
|
222
|
-
|
|
223
|
-
|
|
224
|
-
var l, o, n, e, t = i.children &&
|
|
220
|
+
x(O, "displayName", "Select");
|
|
221
|
+
x(O, "style", ge);
|
|
222
|
+
x(O, "enhance", Object.values(ee).concat([ae()]));
|
|
223
|
+
x(O, "defaultProps", function(i) {
|
|
224
|
+
var l, o, n, e, t = i.children && k(i.children, [h.InputSearch.displayName], !0), r = t ? null : 0;
|
|
225
225
|
return {
|
|
226
226
|
placeholder: i.multiselect ? "Select options" : "Select option",
|
|
227
227
|
size: "m",
|
|
228
|
-
defaultValue:
|
|
228
|
+
defaultValue: $(i.multiselect),
|
|
229
229
|
defaultVisible: !1,
|
|
230
230
|
defaultHighlightedIndex: (l = i.highlightedIndex) !== null && l !== void 0 ? l : r,
|
|
231
231
|
defaultSelectedIndex: (o = i.selectedIndex) !== null && o !== void 0 ? o : r,
|
|
232
232
|
scrollToSelected: !0,
|
|
233
|
-
i18n:
|
|
233
|
+
i18n: ce,
|
|
234
234
|
locale: "en",
|
|
235
235
|
interaction: (n = i.interaction) !== null && n !== void 0 ? n : "click",
|
|
236
236
|
inlineActions: !1,
|
|
237
237
|
timeout: (e = i.timeout) !== null && e !== void 0 ? e : 0
|
|
238
238
|
};
|
|
239
239
|
});
|
|
240
|
-
function
|
|
241
|
-
var l = arguments[0], o, n = i.Children, e = i.name, t = i.value, r = i.styles, a = i.$hiddenRef,
|
|
242
|
-
return o =
|
|
240
|
+
function he(i) {
|
|
241
|
+
var l = arguments[0], o, n = i.Children, e = i.name, t = i.value, r = i.styles, a = i.$hiddenRef, d = i.tag, s = d === void 0 ? I : d, _ = i.getI18nText, g = _e(s), c = w.Trigger;
|
|
242
|
+
return o = R(r), /* @__PURE__ */ m.createElement(c, o.cn("SSelectTrigger", u({}, S({
|
|
243
243
|
tag: s,
|
|
244
244
|
placeholder: _("selectPlaceholder"),
|
|
245
245
|
role: "combobox",
|
|
246
|
-
"aria-autocomplete":
|
|
247
|
-
}, l))), le(n, s.Text || I.Text, s.Value || I.Text, s.Addon || I.Addon, !0), e && /* @__PURE__ */
|
|
246
|
+
"aria-autocomplete": g && "list" || void 0
|
|
247
|
+
}, l))), le(n, s.Text || I.Text, s.Value || I.Text, s.Addon || I.Addon, !0), e && /* @__PURE__ */ m.createElement("input", o.cn("input", {
|
|
248
248
|
type: "hidden",
|
|
249
249
|
defaultValue: t,
|
|
250
250
|
name: e,
|
|
251
251
|
ref: a
|
|
252
252
|
})));
|
|
253
253
|
}
|
|
254
|
-
var
|
|
255
|
-
function
|
|
256
|
-
var l = arguments[0], o, n =
|
|
257
|
-
return o =
|
|
254
|
+
var L = /* @__PURE__ */ m.createContext({});
|
|
255
|
+
function pe(i) {
|
|
256
|
+
var l = arguments[0], o, n = w.Item, e = i.styles, t = i.Children, r = k(t, [h.Option.Checkbox.displayName]), a = k(t, [h.Option.Content.displayName]);
|
|
257
|
+
return o = R(e), /* @__PURE__ */ m.createElement(n, o.cn("SSelectOption", u({}, S({}, l))), /* @__PURE__ */ m.createElement(L.Provider, {
|
|
258
258
|
value: i
|
|
259
|
-
}, r && !a ? /* @__PURE__ */
|
|
259
|
+
}, r && !a ? /* @__PURE__ */ m.createElement(h.Option.Content, null, /* @__PURE__ */ m.createElement(t, o.cn("Children", {}))) : /* @__PURE__ */ m.createElement(t, o.cn("Children", {}))));
|
|
260
260
|
}
|
|
261
|
-
function
|
|
262
|
-
var l =
|
|
263
|
-
return
|
|
261
|
+
function ve(i) {
|
|
262
|
+
var l = m.useContext(L), o = m.useMemo(function() {
|
|
263
|
+
return u({
|
|
264
264
|
selected: l == null ? void 0 : l.selected,
|
|
265
265
|
disabled: l == null ? void 0 : l.disabled,
|
|
266
266
|
size: l == null ? void 0 : l.size
|
|
267
267
|
}, i || {});
|
|
268
|
-
}, [i, l]), n =
|
|
268
|
+
}, [i, l]), n = de(o, o.forwardRef), e = K(n, 2), t = e[0], r = e[1], a = o.size, d = o.theme, s = o.selected, _ = o.resolveColor, g = o.indeterminate, c = R(o.styles), v = c.cn("SOptionCheckbox", {
|
|
269
269
|
size: a,
|
|
270
|
-
"use:theme": _(
|
|
271
|
-
indeterminate:
|
|
270
|
+
"use:theme": _(d),
|
|
271
|
+
indeterminate: g,
|
|
272
272
|
selected: s
|
|
273
|
-
}),
|
|
274
|
-
return /* @__PURE__ */
|
|
275
|
-
className: Y(
|
|
276
|
-
style:
|
|
273
|
+
}), p = v.className, b = v.style;
|
|
274
|
+
return /* @__PURE__ */ m.createElement(t, M({}, r, {
|
|
275
|
+
className: Y(p, r.className) || void 0,
|
|
276
|
+
style: u(u({}, b), r.style),
|
|
277
277
|
tabIndex: -1
|
|
278
278
|
}));
|
|
279
279
|
}
|
|
280
|
-
var
|
|
280
|
+
var H = function() {
|
|
281
281
|
var l = arguments[0];
|
|
282
|
-
return /* @__PURE__ */
|
|
283
|
-
},
|
|
284
|
-
Trigger: [
|
|
282
|
+
return /* @__PURE__ */ m.createElement(D, S({}, l));
|
|
283
|
+
}, h = q(O, {
|
|
284
|
+
Trigger: [he, {
|
|
285
285
|
Addon: I.Addon,
|
|
286
286
|
Text: I.Text
|
|
287
287
|
}],
|
|
288
|
-
Popper:
|
|
289
|
-
List:
|
|
290
|
-
Menu:
|
|
291
|
-
Option: [
|
|
292
|
-
Addon:
|
|
293
|
-
Content:
|
|
294
|
-
Hint:
|
|
295
|
-
Checkbox:
|
|
288
|
+
Popper: w.Popper,
|
|
289
|
+
List: f.List,
|
|
290
|
+
Menu: f.Menu,
|
|
291
|
+
Option: [pe, {
|
|
292
|
+
Addon: f.Item.Addon,
|
|
293
|
+
Content: f.Item.Content,
|
|
294
|
+
Hint: f.Item.Hint,
|
|
295
|
+
Checkbox: ve
|
|
296
296
|
}],
|
|
297
|
-
Group:
|
|
298
|
-
OptionTitle:
|
|
299
|
-
OptionHint:
|
|
297
|
+
Group: w.Group,
|
|
298
|
+
OptionTitle: f.ItemTitle,
|
|
299
|
+
OptionHint: f.ItemHint,
|
|
300
300
|
Divider: ie,
|
|
301
|
-
InputSearch: [
|
|
302
|
-
Input: [
|
|
301
|
+
InputSearch: [H, D._______childrenComponents],
|
|
302
|
+
Input: [H, D._______childrenComponents]
|
|
303
303
|
}, {
|
|
304
|
-
parent:
|
|
304
|
+
parent: f,
|
|
305
305
|
context: se
|
|
306
306
|
}), Ve = function(l) {
|
|
307
307
|
return l;
|
|
308
308
|
};
|
|
309
|
-
|
|
309
|
+
h.selectedIndexContext = te;
|
|
310
310
|
export {
|
|
311
|
-
|
|
311
|
+
h as default,
|
|
312
312
|
Ve as wrapSelect
|
|
313
313
|
};
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@semcore/select",
|
|
3
3
|
"description": "Semrush Select Component",
|
|
4
|
-
"version": "4.50.0",
|
|
4
|
+
"version": "4.50.1-prerelease.0",
|
|
5
5
|
"main": "lib/cjs/index.js",
|
|
6
6
|
"module": "lib/es6/index.js",
|
|
7
7
|
"typings": "lib/types/index.d.ts",
|
|
@@ -13,21 +13,21 @@
|
|
|
13
13
|
"types": "./lib/types/index.d.ts"
|
|
14
14
|
},
|
|
15
15
|
"dependencies": {
|
|
16
|
-
"@semcore/base-trigger": "4.52.0",
|
|
17
|
-
"@semcore/button": "5.42.0",
|
|
18
|
-
"@semcore/checkbox": "7.44.0",
|
|
19
|
-
"@semcore/divider": "4.40.0",
|
|
20
|
-
"@semcore/dropdown-menu": "4.46.0",
|
|
21
|
-
"@semcore/dropdown": "4.43.0",
|
|
22
|
-
"@semcore/popper": "5.46.0",
|
|
23
|
-
"@semcore/flex-box": "5.41.0",
|
|
24
|
-
"@semcore/icon": "4.60.0",
|
|
25
|
-
"@semcore/input": "4.42.0",
|
|
26
|
-
"@semcore/utils": "4.48.0",
|
|
16
|
+
"@semcore/base-trigger": "4.52.1-prerelease.0",
|
|
17
|
+
"@semcore/button": "5.42.1-prerelease.0",
|
|
18
|
+
"@semcore/checkbox": "7.44.1-prerelease.0",
|
|
19
|
+
"@semcore/divider": "4.40.1-prerelease.0",
|
|
20
|
+
"@semcore/dropdown-menu": "4.46.1-prerelease.0",
|
|
21
|
+
"@semcore/dropdown": "4.43.1-prerelease.0",
|
|
22
|
+
"@semcore/popper": "5.46.1-prerelease.0",
|
|
23
|
+
"@semcore/flex-box": "5.41.1-prerelease.0",
|
|
24
|
+
"@semcore/icon": "4.60.1-prerelease.0",
|
|
25
|
+
"@semcore/input": "4.42.1-prerelease.0",
|
|
26
|
+
"@semcore/utils": "4.48.1-prerelease.0",
|
|
27
27
|
"classnames": "2.2.6"
|
|
28
28
|
},
|
|
29
29
|
"peerDependencies": {
|
|
30
|
-
"@semcore/core": "^2.
|
|
30
|
+
"@semcore/core": "^2.39.1-prerelease.0",
|
|
31
31
|
"react": "16.8 - 18",
|
|
32
32
|
"react-dom": "16.8 - 18"
|
|
33
33
|
},
|