@semcore/select 4.50.1-prerelease.8 → 4.51.0-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 +38 -38
- package/lib/esm/Select.mjs +106 -106
- 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.51.0] - 2025-03-21
|
|
6
|
+
|
|
7
|
+
### Changed
|
|
8
|
+
|
|
9
|
+
- Version minor update due to children dependencies update (`@semcore/button` [5.42.1 ~> 5.43.0], `@semcore/dropdown-menu` [4.46.1 ~> 4.47.0]).
|
|
10
|
+
|
|
5
11
|
## [4.50.1] - 2025-03-20
|
|
6
12
|
|
|
7
13
|
### Changed
|
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_1umcv_gg_._size_m_1umcv_gg_{height:32px}.___SSearchClear_1umcv_gg_{padding:0 var(--intergalactic-spacing-2x, 8px)}.___SSearchClear_1umcv_gg_.__hide_1umcv_gg_{visibility:hidden}.___SOutline_1umcv_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__*/, "1umcv_gg_") /*__reshadow_css_end__*/, {
|
|
28
|
+
"__SInputSearch": "___SInputSearch_1umcv_gg_",
|
|
29
|
+
"_size_m": "_size_m_1umcv_gg_",
|
|
30
|
+
"__SSearchClear": "___SSearchClear_1umcv_gg_",
|
|
31
|
+
"_hide": "__hide_1umcv_gg_",
|
|
32
|
+
"__SOutline": "___SOutline_1umcv_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_xxc2k_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_xxc2k_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_xxc2k_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_xxc2k_gg_.__selected_xxc2k_gg_::after{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iNyIgdmlld0JveD0iMCAwIDEwIDciIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik04LjI1IDFMNCA1LjI1TDEuNzUgMyIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==)}.___SOptionCheckbox_xxc2k_gg_._size_l_xxc2k_gg_{width:20px;height:20px}.___SOptionCheckbox_xxc2k_gg_._size_l_xxc2k_gg_.__selected_xxc2k_gg_::after{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iOSIgdmlld0JveD0iMCAwIDEyIDkiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xMSAxLjVMNC43NSA3Ljc1TDEgNCIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==)}.___SOptionCheckbox_xxc2k_gg_.__indeterminate_xxc2k_gg_:before,.___SOptionCheckbox_xxc2k_gg_.__selected_xxc2k_gg_:before{background-color:var(--intergalactic-control-primary-info, #008ff8);border-color:var(--intergalactic-control-primary-info, #008ff8)}.___SOptionCheckbox_xxc2k_gg_.__theme_xxc2k_gg_:before{border-color:var(--theme_xxc2k)}.___SOptionCheckbox_xxc2k_gg_.__theme_xxc2k_gg_.__indeterminate_xxc2k_gg_:before,.___SOptionCheckbox_xxc2k_gg_.__theme_xxc2k_gg_.__selected_xxc2k_gg_:before{background-color:var(--theme_xxc2k);border-color:var(--theme_xxc2k)}.___SOptionCheckbox_xxc2k_gg_.__selected_xxc2k_gg_{background-color:var(--intergalactic-dropdown-menu-item-selected, rgba(196, 229, 254, 0.7))}@media (hover:hover){.___SOptionCheckbox_xxc2k_gg_.__selected_xxc2k_gg_:hover{background-color:var(--intergalactic-dropdown-menu-item-selected-hover, #c4e5fe)}}.___SOptionCheckbox_xxc2k_gg_.__indeterminate_xxc2k_gg_:after{background-color:#fff;background-image:none;margin:auto;border-radius:1px}.___SOptionCheckbox_xxc2k_gg_.__indeterminate_xxc2k_gg_._size_l_xxc2k_gg_:after{width:12px;height:2px}.___SOptionCheckbox_xxc2k_gg_.__indeterminate_xxc2k_gg_._size_m_xxc2k_gg_:after{width:8px;height:2px}" /*__inner_css_end__*/, "xxc2k_gg_") /*__reshadow_css_end__*/, {
|
|
42
|
+
"__SOptionCheckbox": "___SOptionCheckbox_xxc2k_gg_",
|
|
43
|
+
"_selected": "__selected_xxc2k_gg_",
|
|
44
|
+
"_size_l": "_size_l_xxc2k_gg_",
|
|
45
|
+
"_indeterminate": "__indeterminate_xxc2k_gg_",
|
|
46
|
+
"_theme": "__theme_xxc2k_gg_",
|
|
47
|
+
"--theme": "--theme_xxc2k",
|
|
48
|
+
"_size_m": "_size_m_xxc2k_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_1umcv_gg_._size_m_1umcv_gg_{height:32px}.___SSearchClear_1umcv_gg_{padding:0 var(--intergalactic-spacing-2x, 8px)}.___SSearchClear_1umcv_gg_.__hide_1umcv_gg_{visibility:hidden}.___SOutline_1umcv_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__*/, "1umcv_gg_") /*__reshadow_css_end__*/, {
|
|
24
|
+
"__SInputSearch": "___SInputSearch_1umcv_gg_",
|
|
25
|
+
"_size_m": "_size_m_1umcv_gg_",
|
|
26
|
+
"__SSearchClear": "___SSearchClear_1umcv_gg_",
|
|
27
|
+
"_hide": "__hide_1umcv_gg_",
|
|
28
|
+
"__SOutline": "___SOutline_1umcv_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_xxc2k_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_xxc2k_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_xxc2k_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_xxc2k_gg_.__selected_xxc2k_gg_::after{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iNyIgdmlld0JveD0iMCAwIDEwIDciIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik04LjI1IDFMNCA1LjI1TDEuNzUgMyIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==)}.___SOptionCheckbox_xxc2k_gg_._size_l_xxc2k_gg_{width:20px;height:20px}.___SOptionCheckbox_xxc2k_gg_._size_l_xxc2k_gg_.__selected_xxc2k_gg_::after{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iOSIgdmlld0JveD0iMCAwIDEyIDkiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xMSAxLjVMNC43NSA3Ljc1TDEgNCIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==)}.___SOptionCheckbox_xxc2k_gg_.__indeterminate_xxc2k_gg_:before,.___SOptionCheckbox_xxc2k_gg_.__selected_xxc2k_gg_:before{background-color:var(--intergalactic-control-primary-info, #008ff8);border-color:var(--intergalactic-control-primary-info, #008ff8)}.___SOptionCheckbox_xxc2k_gg_.__theme_xxc2k_gg_:before{border-color:var(--theme_xxc2k)}.___SOptionCheckbox_xxc2k_gg_.__theme_xxc2k_gg_.__indeterminate_xxc2k_gg_:before,.___SOptionCheckbox_xxc2k_gg_.__theme_xxc2k_gg_.__selected_xxc2k_gg_:before{background-color:var(--theme_xxc2k);border-color:var(--theme_xxc2k)}.___SOptionCheckbox_xxc2k_gg_.__selected_xxc2k_gg_{background-color:var(--intergalactic-dropdown-menu-item-selected, rgba(196, 229, 254, 0.7))}@media (hover:hover){.___SOptionCheckbox_xxc2k_gg_.__selected_xxc2k_gg_:hover{background-color:var(--intergalactic-dropdown-menu-item-selected-hover, #c4e5fe)}}.___SOptionCheckbox_xxc2k_gg_.__indeterminate_xxc2k_gg_:after{background-color:#fff;background-image:none;margin:auto;border-radius:1px}.___SOptionCheckbox_xxc2k_gg_.__indeterminate_xxc2k_gg_._size_l_xxc2k_gg_:after{width:12px;height:2px}.___SOptionCheckbox_xxc2k_gg_.__indeterminate_xxc2k_gg_._size_m_xxc2k_gg_:after{width:8px;height:2px}" /*__inner_css_end__*/, "xxc2k_gg_") /*__reshadow_css_end__*/, {
|
|
38
|
+
"__SOptionCheckbox": "___SOptionCheckbox_xxc2k_gg_",
|
|
39
|
+
"_selected": "__selected_xxc2k_gg_",
|
|
40
|
+
"_size_l": "_size_l_xxc2k_gg_",
|
|
41
|
+
"_indeterminate": "__indeterminate_xxc2k_gg_",
|
|
42
|
+
"_theme": "__theme_xxc2k_gg_",
|
|
43
|
+
"--theme": "--theme_xxc2k",
|
|
44
|
+
"_size_m": "_size_m_xxc2k_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,46 +1,46 @@
|
|
|
1
1
|
import _ from "@babel/runtime/helpers/esm/objectSpread2";
|
|
2
2
|
import x from "@babel/runtime/helpers/esm/classCallCheck";
|
|
3
3
|
import P from "@babel/runtime/helpers/esm/createClass";
|
|
4
|
-
import
|
|
4
|
+
import v from "@babel/runtime/helpers/esm/assertThisInitialized";
|
|
5
5
|
import V from "@babel/runtime/helpers/esm/inherits";
|
|
6
6
|
import E from "@babel/runtime/helpers/esm/createSuper";
|
|
7
|
-
import
|
|
7
|
+
import s from "@babel/runtime/helpers/esm/defineProperty";
|
|
8
8
|
import { sstyled as z } from "@semcore/utils/lib/core/index";
|
|
9
|
-
import b, { sstyled as
|
|
9
|
+
import b, { sstyled as m, assignProps as h, Component as R } from "@semcore/core";
|
|
10
10
|
import t from "react";
|
|
11
11
|
import T from "@semcore/icon/Search/m";
|
|
12
12
|
import k from "@semcore/icon/Close/m";
|
|
13
|
-
import
|
|
13
|
+
import f 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
|
-
import { localizedMessages as
|
|
17
|
+
import { localizedMessages as g } 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_1umcv_gg_._size_m_1umcv_gg_{height:32px}.___SSearchClear_1umcv_gg_{padding:0 var(--intergalactic-spacing-2x, 8px)}.___SSearchClear_1umcv_gg_.__hide_1umcv_gg_{visibility:hidden}.___SOutline_1umcv_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
|
+
"1umcv_gg_"
|
|
24
24
|
), {
|
|
25
|
-
__SInputSearch: "
|
|
26
|
-
_size_m: "
|
|
27
|
-
__SSearchClear: "
|
|
28
|
-
_hide: "
|
|
29
|
-
__SOutline: "
|
|
25
|
+
__SInputSearch: "___SInputSearch_1umcv_gg_",
|
|
26
|
+
_size_m: "_size_m_1umcv_gg_",
|
|
27
|
+
__SSearchClear: "___SSearchClear_1umcv_gg_",
|
|
28
|
+
_hide: "__hide_1umcv_gg_",
|
|
29
|
+
__SOutline: "___SOutline_1umcv_gg_"
|
|
30
30
|
})
|
|
31
31
|
), i = /* @__PURE__ */ function(u) {
|
|
32
32
|
V(n, u);
|
|
33
|
-
var
|
|
33
|
+
var c = E(n);
|
|
34
34
|
function n() {
|
|
35
35
|
var e;
|
|
36
36
|
x(this, n);
|
|
37
37
|
for (var a = arguments.length, r = new Array(a), l = 0; l < a; l++)
|
|
38
38
|
r[l] = arguments[l];
|
|
39
|
-
return e =
|
|
40
|
-
e.handlers.value("",
|
|
39
|
+
return e = c.call.apply(c, [this].concat(r)), s(v(e), "inputRef", /* @__PURE__ */ t.createRef()), s(v(e), "closeIconRef", /* @__PURE__ */ t.createRef()), s(v(e), "handleClear", function(p) {
|
|
40
|
+
e.handlers.value("", p), setTimeout(function() {
|
|
41
41
|
if (document.activeElement === document.body || document.activeElement === e.closeIconRef.current) {
|
|
42
|
-
var
|
|
43
|
-
(
|
|
42
|
+
var o;
|
|
43
|
+
(o = e.inputRef.current) === null || o === void 0 || o.focus();
|
|
44
44
|
}
|
|
45
45
|
}, 0);
|
|
46
46
|
}), e;
|
|
@@ -81,40 +81,40 @@ var A = (
|
|
|
81
81
|
}, {
|
|
82
82
|
key: "render",
|
|
83
83
|
value: function() {
|
|
84
|
-
var a = this.asProps, r, l =
|
|
85
|
-
return r =
|
|
84
|
+
var a = this.asProps, r, l = d.Value, p = f, o = this.asProps, C = o.size, S = o.styles, I = o.children, y = o.Children;
|
|
85
|
+
return r = m(S), /* @__PURE__ */ t.createElement(p, 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: S
|
|
88
|
+
}), I ? /* @__PURE__ */ t.createElement(y, r.cn("Children", {})) : /* @__PURE__ */ t.createElement(t.Fragment, null, /* @__PURE__ */ t.createElement(d.SearchIcon, null), /* @__PURE__ */ t.createElement(l, r.cn("Value", _({}, h({}, a)))), /* @__PURE__ */ t.createElement(d.Clear, null)));
|
|
89
89
|
}
|
|
90
90
|
}]), n;
|
|
91
91
|
}(R);
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
92
|
+
s(i, "displayName", "InputSearch");
|
|
93
|
+
s(i, "style", A);
|
|
94
|
+
s(i, "enhance", [w(g)]);
|
|
95
|
+
s(i, "defaultProps", {
|
|
96
96
|
defaultValue: "",
|
|
97
|
-
i18n:
|
|
97
|
+
i18n: g,
|
|
98
98
|
locale: "en"
|
|
99
99
|
});
|
|
100
|
-
|
|
101
|
-
var F = function(
|
|
102
|
-
var n = arguments[0], e, a =
|
|
103
|
-
return e =
|
|
104
|
-
}, L = function(
|
|
105
|
-
var n = arguments[0], e, a =
|
|
106
|
-
return e =
|
|
107
|
-
}, j = function(
|
|
108
|
-
var n = arguments[0], e, a = M, r =
|
|
109
|
-
return e =
|
|
100
|
+
s(i, "contextType", O);
|
|
101
|
+
var F = function(c) {
|
|
102
|
+
var n = arguments[0], e, a = f.Addon, r = c.styles;
|
|
103
|
+
return e = m(r), /* @__PURE__ */ t.createElement(a, e.cn("SSearchIcon", _({}, h({}, n))), /* @__PURE__ */ t.createElement(T, e.cn("SearchM", {})));
|
|
104
|
+
}, L = function(c) {
|
|
105
|
+
var n = arguments[0], e, a = f.Value, r = c.styles;
|
|
106
|
+
return e = m(r), /* @__PURE__ */ t.createElement(a, e.cn("SSearchValue", _({}, h({}, n))));
|
|
107
|
+
}, j = function(c) {
|
|
108
|
+
var n = arguments[0], e, a = M, r = c.styles;
|
|
109
|
+
return e = m(r), /* @__PURE__ */ t.createElement(a, e.cn("SSearchClear", _({}, h({
|
|
110
110
|
addonLeft: k,
|
|
111
111
|
use: "secondary"
|
|
112
112
|
}, n))));
|
|
113
|
-
},
|
|
113
|
+
}, d = b(i, {
|
|
114
114
|
SearchIcon: F,
|
|
115
115
|
Value: L,
|
|
116
116
|
Clear: j
|
|
117
117
|
});
|
|
118
118
|
export {
|
|
119
|
-
|
|
119
|
+
d as default
|
|
120
120
|
};
|
package/lib/esm/Select.mjs
CHANGED
|
@@ -1,53 +1,53 @@
|
|
|
1
1
|
import K from "@babel/runtime/helpers/esm/slicedToArray";
|
|
2
2
|
import M from "@babel/runtime/helpers/esm/extends";
|
|
3
3
|
import J from "@babel/runtime/helpers/esm/objectWithoutProperties";
|
|
4
|
-
import
|
|
4
|
+
import h 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
7
|
import A from "@babel/runtime/helpers/esm/assertThisInitialized";
|
|
8
|
-
import
|
|
9
|
-
import
|
|
8
|
+
import k from "@babel/runtime/helpers/esm/get";
|
|
9
|
+
import y 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 b from "@babel/runtime/helpers/esm/defineProperty";
|
|
13
13
|
import { sstyled as F } from "@semcore/utils/lib/core/index";
|
|
14
|
-
import q, { assignProps as
|
|
15
|
-
import
|
|
14
|
+
import q, { assignProps as P, sstyled as R } from "@semcore/core";
|
|
15
|
+
import g from "react";
|
|
16
16
|
import Y from "classnames";
|
|
17
17
|
import f from "@semcore/dropdown-menu";
|
|
18
18
|
import w, { enhance as ee, selectedIndexContext as te, AbstractDropdown as re } from "@semcore/dropdown";
|
|
19
|
-
import { ButtonTrigger as
|
|
19
|
+
import { ButtonTrigger as C } from "@semcore/base-trigger";
|
|
20
20
|
import ie from "@semcore/divider";
|
|
21
|
-
import oe, { isAdvanceMode as
|
|
21
|
+
import oe, { isAdvanceMode as S } 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
25
|
import D from "./InputSearch.mjs";
|
|
26
|
-
import { useBox as
|
|
26
|
+
import { useBox as ce } from "@semcore/flex-box";
|
|
27
27
|
import { selectContext as se } from "./context.mjs";
|
|
28
|
-
import { localizedMessages as
|
|
28
|
+
import { localizedMessages as de } from "./translations/__intergalactic-dynamic-locales.mjs";
|
|
29
29
|
import { isInputTriggerTag as _e } from "@semcore/popper";
|
|
30
30
|
import { callAllEventHandlers as N } from "@semcore/utils/lib/assignProps";
|
|
31
|
-
var
|
|
31
|
+
var ge = ["Children", "options", "multiselect", "value", "uid", "forcedAdvancedMode"], ue = (
|
|
32
32
|
/*__reshadow_css_start__*/
|
|
33
33
|
(F.insert(
|
|
34
34
|
/*__inner_css_start__*/
|
|
35
|
-
'.
|
|
36
|
-
"
|
|
35
|
+
'.___SOptionCheckbox_xxc2k_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_xxc2k_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_xxc2k_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_xxc2k_gg_.__selected_xxc2k_gg_::after{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iNyIgdmlld0JveD0iMCAwIDEwIDciIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik04LjI1IDFMNCA1LjI1TDEuNzUgMyIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==)}.___SOptionCheckbox_xxc2k_gg_._size_l_xxc2k_gg_{width:20px;height:20px}.___SOptionCheckbox_xxc2k_gg_._size_l_xxc2k_gg_.__selected_xxc2k_gg_::after{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iOSIgdmlld0JveD0iMCAwIDEyIDkiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xMSAxLjVMNC43NSA3Ljc1TDEgNCIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==)}.___SOptionCheckbox_xxc2k_gg_.__indeterminate_xxc2k_gg_:before,.___SOptionCheckbox_xxc2k_gg_.__selected_xxc2k_gg_:before{background-color:var(--intergalactic-control-primary-info, #008ff8);border-color:var(--intergalactic-control-primary-info, #008ff8)}.___SOptionCheckbox_xxc2k_gg_.__theme_xxc2k_gg_:before{border-color:var(--theme_xxc2k)}.___SOptionCheckbox_xxc2k_gg_.__theme_xxc2k_gg_.__indeterminate_xxc2k_gg_:before,.___SOptionCheckbox_xxc2k_gg_.__theme_xxc2k_gg_.__selected_xxc2k_gg_:before{background-color:var(--theme_xxc2k);border-color:var(--theme_xxc2k)}.___SOptionCheckbox_xxc2k_gg_.__selected_xxc2k_gg_{background-color:var(--intergalactic-dropdown-menu-item-selected, rgba(196, 229, 254, 0.7))}@media (hover:hover){.___SOptionCheckbox_xxc2k_gg_.__selected_xxc2k_gg_:hover{background-color:var(--intergalactic-dropdown-menu-item-selected-hover, #c4e5fe)}}.___SOptionCheckbox_xxc2k_gg_.__indeterminate_xxc2k_gg_:after{background-color:#fff;background-image:none;margin:auto;border-radius:1px}.___SOptionCheckbox_xxc2k_gg_.__indeterminate_xxc2k_gg_._size_l_xxc2k_gg_:after{width:12px;height:2px}.___SOptionCheckbox_xxc2k_gg_.__indeterminate_xxc2k_gg_._size_m_xxc2k_gg_:after{width:8px;height:2px}',
|
|
36
|
+
"xxc2k_gg_"
|
|
37
37
|
), {
|
|
38
|
-
__SOptionCheckbox: "
|
|
39
|
-
_selected: "
|
|
40
|
-
_size_l: "
|
|
41
|
-
_indeterminate: "
|
|
42
|
-
_theme: "
|
|
43
|
-
"--theme": "--
|
|
44
|
-
_size_m: "
|
|
38
|
+
__SOptionCheckbox: "___SOptionCheckbox_xxc2k_gg_",
|
|
39
|
+
_selected: "__selected_xxc2k_gg_",
|
|
40
|
+
_size_l: "_size_l_xxc2k_gg_",
|
|
41
|
+
_indeterminate: "__indeterminate_xxc2k_gg_",
|
|
42
|
+
_theme: "__theme_xxc2k_gg_",
|
|
43
|
+
"--theme": "--theme_xxc2k",
|
|
44
|
+
_size_m: "_size_m_xxc2k_gg_"
|
|
45
45
|
})
|
|
46
46
|
);
|
|
47
47
|
function E(i, l) {
|
|
48
48
|
return Array.isArray(i) ? i.includes(l) : l === i;
|
|
49
49
|
}
|
|
50
|
-
function
|
|
50
|
+
function he(i) {
|
|
51
51
|
return Array.isArray(i) ? i.length === 0 : i === null;
|
|
52
52
|
}
|
|
53
53
|
function $(i) {
|
|
@@ -61,40 +61,40 @@ var O = /* @__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)), b(A(n), "role", "listbox"), b(A(n), "bindHandlerOptionClick", function(a, c) {
|
|
65
65
|
return function(s) {
|
|
66
|
-
var _ = a,
|
|
67
|
-
Array.isArray(
|
|
68
|
-
return
|
|
69
|
-
}) : _ =
|
|
66
|
+
var _ = a, u = n.asProps, d = u.value, x = u.multiselect;
|
|
67
|
+
Array.isArray(d) && (d.includes(a) ? _ = d.filter(function(m) {
|
|
68
|
+
return m !== a;
|
|
69
|
+
}) : _ = d.concat(a)), n.handlers.value(_, s), x || (n.handlers.visible(!1), s.preventDefault());
|
|
70
70
|
};
|
|
71
|
-
}),
|
|
72
|
-
var
|
|
71
|
+
}), b(A(n), "handlerClear", function(a) {
|
|
72
|
+
var c = n.asProps.value, s = $(Array.isArray(c));
|
|
73
73
|
n.handlers.value(s, a), n.handlers.visible(!1);
|
|
74
74
|
}), n;
|
|
75
75
|
}
|
|
76
76
|
return V(o, [{
|
|
77
77
|
key: "itemRef",
|
|
78
78
|
value: function(e, t, r) {
|
|
79
|
-
y(
|
|
80
|
-
var a = this.asProps.highlightedIndex,
|
|
81
|
-
|
|
79
|
+
k(y(o.prototype), "itemRef", this).call(this, e, t, r);
|
|
80
|
+
var a = this.asProps.highlightedIndex, c = t === a;
|
|
81
|
+
c && this.scrollToNode(r);
|
|
82
82
|
}
|
|
83
83
|
}, {
|
|
84
84
|
key: "uncontrolledProps",
|
|
85
85
|
value: function() {
|
|
86
86
|
var e = this;
|
|
87
|
-
return
|
|
87
|
+
return h(h({}, k(y(o.prototype), "uncontrolledProps", this).call(this)), {}, {
|
|
88
88
|
visible: [null, function(t) {
|
|
89
89
|
if (t === !0) {
|
|
90
|
-
var r =
|
|
90
|
+
var r = S(e.asProps.Children, [p.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 c, s, _ = (c = e.menuRef.current) === null || c === void 0 ? void 0 : c.querySelectorAll('[role="option"]'), u = (s = e.menuRef.current) === null || s === void 0 ? void 0 : s.querySelector('[aria-selected="true"]');
|
|
93
|
+
if (u && _) {
|
|
94
|
+
e.scrollToNode(u);
|
|
95
|
+
for (var d = 0; d < _.length; d++)
|
|
96
|
+
if (_[d] === u) {
|
|
97
|
+
e.handlers.highlightedIndex(d);
|
|
98
98
|
break;
|
|
99
99
|
}
|
|
100
100
|
}
|
|
@@ -107,25 +107,25 @@ var O = /* @__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
|
|
110
|
+
var e = this, t = this.asProps, r = t.disabled, a = t.visible, c = t.state, s = t.placeholder, _ = t.value, u = t.options, d = t.forwardRef, x = t.name, m = t.multiselect, v = t.getI18nText, T = t.highlightedIndex, I = t.uid, G = t.Children, Z = t.children, z = S(G, [p.Menu.displayName], !0) || !Z, j = z ? "igc-".concat(I, "-list") : "igc-".concat(I, "-popper");
|
|
111
|
+
return h(h({}, k(y(o.prototype), "getTriggerProps", this).call(this)), {}, {
|
|
112
112
|
onKeyDown: N(this.handlePreventCommonKeyDown.bind(this), this.handleOpenKeyDown.bind(this), this.handleArrowKeyDown.bind(this)),
|
|
113
113
|
"aria-controls": a ? j : void 0,
|
|
114
114
|
"aria-haspopup": z ? "listbox" : "dialog",
|
|
115
115
|
"aria-disabled": r ? "true" : "false",
|
|
116
|
-
"aria-activedescendant": a && T !== null && this.itemRefs[T] ? "igc-".concat(
|
|
117
|
-
empty:
|
|
116
|
+
"aria-activedescendant": a && T !== null && this.itemRefs[T] ? "igc-".concat(I, "-option-").concat(T) : void 0,
|
|
117
|
+
empty: he(_),
|
|
118
118
|
value: _,
|
|
119
|
-
name:
|
|
120
|
-
$hiddenRef:
|
|
121
|
-
multiselect:
|
|
122
|
-
state:
|
|
119
|
+
name: x,
|
|
120
|
+
$hiddenRef: d,
|
|
121
|
+
multiselect: m,
|
|
122
|
+
state: c,
|
|
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(_, u),
|
|
128
|
+
getI18nText: v,
|
|
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 O = /* @__PURE__ */ function(i) {
|
|
|
141
141
|
key: "getListProps",
|
|
142
142
|
value: function() {
|
|
143
143
|
var e = this.asProps.multiselect;
|
|
144
|
-
return
|
|
144
|
+
return h(h({}, k(y(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
|
|
151
|
+
return h(h({}, k(y(o.prototype), "getPopperProps", this).call(this)), {}, {
|
|
152
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, c = this.asProps, s = c.value, _ = c.highlightedIndex, u = c.focusSourceRef, d = c.size, x = d === void 0 ? "m" : d, m = t === _ && u.current === "keyboard" && !e.disabled, v = (r = e.selected) !== null && r !== void 0 ? r : E(s, e.value);
|
|
159
|
+
return h(h({}, k(y(o.prototype), "getItemProps", this).call(this, e, t)), {}, {
|
|
160
|
+
highlighted: m,
|
|
161
|
+
selected: v,
|
|
162
|
+
"aria-selected": v ? "true" : "false",
|
|
163
163
|
"aria-disabled": e.disabled ? "true" : "false",
|
|
164
164
|
role: "option",
|
|
165
165
|
onClick: this.bindHandlerOptionClick(e.value, t),
|
|
166
|
-
ref: function(
|
|
167
|
-
return a.itemRef(e, t,
|
|
166
|
+
ref: function(I) {
|
|
167
|
+
return a.itemRef(e, t, I);
|
|
168
168
|
},
|
|
169
|
-
size:
|
|
169
|
+
size: x
|
|
170
170
|
});
|
|
171
171
|
}
|
|
172
172
|
}, {
|
|
@@ -190,10 +190,10 @@ var O = /* @__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
|
|
193
|
+
var c = t.find(function(s) {
|
|
194
194
|
return E(a, s.value);
|
|
195
195
|
});
|
|
196
|
-
return
|
|
196
|
+
return c && (r.length && r.push(", "), r.push(c.label || c.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,27 +201,27 @@ var O = /* @__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, c = 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, u = J(t, ge), d = _ || oe(r, [p.Trigger.displayName, p.Popper.displayName]);
|
|
207
|
+
if (ne.warn(a && d, "Don't use at the same time 'options' property and '<Select.Trigger/>/<Select.Popper/>'", u["data-ui-name"] || p.displayName), this.itemProps = [], a) {
|
|
208
|
+
var x = this.asProps;
|
|
209
|
+
return /* @__PURE__ */ g.createElement(f, P({}, x), /* @__PURE__ */ g.createElement(p.Trigger, u), /* @__PURE__ */ g.createElement(p.Menu, null, a.map(function(m, v) {
|
|
210
|
+
return /* @__PURE__ */ g.createElement(p.Option, M({
|
|
211
|
+
key: m.value,
|
|
212
|
+
id: "igc-".concat(s, "-option-").concat(v)
|
|
213
|
+
}, m), c && /* @__PURE__ */ g.createElement(p.Option.Checkbox, null), m.children);
|
|
214
214
|
})));
|
|
215
215
|
}
|
|
216
|
-
return /* @__PURE__ */
|
|
216
|
+
return /* @__PURE__ */ g.createElement(f, P({}, e), /* @__PURE__ */ g.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
|
+
b(O, "displayName", "Select");
|
|
221
|
+
b(O, "style", ue);
|
|
222
|
+
b(O, "enhance", Object.values(ee).concat([ae()]));
|
|
223
|
+
b(O, "defaultProps", function(i) {
|
|
224
|
+
var l, o, n, e, t = i.children && S(i.children, [p.InputSearch.displayName], !0), r = t ? null : 0;
|
|
225
225
|
return {
|
|
226
226
|
placeholder: i.multiselect ? "Select options" : "Select option",
|
|
227
227
|
size: "m",
|
|
@@ -230,69 +230,69 @@ x(O, "defaultProps", function(i) {
|
|
|
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: de,
|
|
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 = R(r), /* @__PURE__ */
|
|
240
|
+
function pe(i) {
|
|
241
|
+
var l = arguments[0], o, n = i.Children, e = i.name, t = i.value, r = i.styles, a = i.$hiddenRef, c = i.tag, s = c === void 0 ? C : c, _ = i.getI18nText, u = _e(s), d = w.Trigger;
|
|
242
|
+
return o = R(r), /* @__PURE__ */ g.createElement(d, o.cn("SSelectTrigger", h({}, P({
|
|
243
243
|
tag: s,
|
|
244
244
|
placeholder: _("selectPlaceholder"),
|
|
245
245
|
role: "combobox",
|
|
246
|
-
"aria-autocomplete":
|
|
247
|
-
}, l))), le(n, s.Text ||
|
|
246
|
+
"aria-autocomplete": u && "list" || void 0
|
|
247
|
+
}, l))), le(n, s.Text || C.Text, s.Value || C.Text, s.Addon || C.Addon, !0), e && /* @__PURE__ */ g.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 L = /* @__PURE__ */
|
|
255
|
-
function
|
|
256
|
-
var l = arguments[0], o, n = w.Item, e = i.styles, t = i.Children, r =
|
|
257
|
-
return o = R(e), /* @__PURE__ */
|
|
254
|
+
var L = /* @__PURE__ */ g.createContext({});
|
|
255
|
+
function me(i) {
|
|
256
|
+
var l = arguments[0], o, n = w.Item, e = i.styles, t = i.Children, r = S(t, [p.Option.Checkbox.displayName]), a = S(t, [p.Option.Content.displayName]);
|
|
257
|
+
return o = R(e), /* @__PURE__ */ g.createElement(n, o.cn("SSelectOption", h({}, P({}, l))), /* @__PURE__ */ g.createElement(L.Provider, {
|
|
258
258
|
value: i
|
|
259
|
-
}, r && !a ? /* @__PURE__ */
|
|
259
|
+
}, r && !a ? /* @__PURE__ */ g.createElement(p.Option.Content, null, /* @__PURE__ */ g.createElement(t, o.cn("Children", {}))) : /* @__PURE__ */ g.createElement(t, o.cn("Children", {}))));
|
|
260
260
|
}
|
|
261
|
-
function
|
|
262
|
-
var l =
|
|
263
|
-
return
|
|
261
|
+
function xe(i) {
|
|
262
|
+
var l = g.useContext(L), o = g.useMemo(function() {
|
|
263
|
+
return h({
|
|
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 = ce(o, o.forwardRef), e = K(n, 2), t = e[0], r = e[1], a = o.size, c = o.theme, s = o.selected, _ = o.resolveColor, u = o.indeterminate, d = R(o.styles), x = d.cn("SOptionCheckbox", {
|
|
269
269
|
size: a,
|
|
270
|
-
"use:theme": _(
|
|
271
|
-
indeterminate:
|
|
270
|
+
"use:theme": _(c),
|
|
271
|
+
indeterminate: u,
|
|
272
272
|
selected: s
|
|
273
|
-
}),
|
|
274
|
-
return /* @__PURE__ */
|
|
275
|
-
className: Y(
|
|
276
|
-
style:
|
|
273
|
+
}), m = x.className, v = x.style;
|
|
274
|
+
return /* @__PURE__ */ g.createElement(t, M({}, r, {
|
|
275
|
+
className: Y(m, r.className) || void 0,
|
|
276
|
+
style: h(h({}, v), r.style),
|
|
277
277
|
tabIndex: -1
|
|
278
278
|
}));
|
|
279
279
|
}
|
|
280
280
|
var H = function() {
|
|
281
281
|
var l = arguments[0];
|
|
282
|
-
return /* @__PURE__ */
|
|
283
|
-
},
|
|
284
|
-
Trigger: [
|
|
285
|
-
Addon:
|
|
286
|
-
Text:
|
|
282
|
+
return /* @__PURE__ */ g.createElement(D, P({}, l));
|
|
283
|
+
}, p = q(O, {
|
|
284
|
+
Trigger: [pe, {
|
|
285
|
+
Addon: C.Addon,
|
|
286
|
+
Text: C.Text
|
|
287
287
|
}],
|
|
288
288
|
Popper: w.Popper,
|
|
289
289
|
List: f.List,
|
|
290
290
|
Menu: f.Menu,
|
|
291
|
-
Option: [
|
|
291
|
+
Option: [me, {
|
|
292
292
|
Addon: f.Item.Addon,
|
|
293
293
|
Content: f.Item.Content,
|
|
294
294
|
Hint: f.Item.Hint,
|
|
295
|
-
Checkbox:
|
|
295
|
+
Checkbox: xe
|
|
296
296
|
}],
|
|
297
297
|
Group: w.Group,
|
|
298
298
|
OptionTitle: f.ItemTitle,
|
|
@@ -306,8 +306,8 @@ var H = function() {
|
|
|
306
306
|
}), Ve = function(l) {
|
|
307
307
|
return l;
|
|
308
308
|
};
|
|
309
|
-
|
|
309
|
+
p.selectedIndexContext = te;
|
|
310
310
|
export {
|
|
311
|
-
|
|
311
|
+
p 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.
|
|
4
|
+
"version": "4.51.0-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.1
|
|
17
|
-
"@semcore/button": "5.
|
|
18
|
-
"@semcore/checkbox": "7.44.1
|
|
19
|
-
"@semcore/divider": "4.40.1
|
|
20
|
-
"@semcore/dropdown-menu": "4.
|
|
21
|
-
"@semcore/dropdown": "4.43.1
|
|
22
|
-
"@semcore/popper": "5.46.1
|
|
23
|
-
"@semcore/flex-box": "5.41.1
|
|
24
|
-
"@semcore/icon": "4.60.1
|
|
25
|
-
"@semcore/input": "4.42.1
|
|
26
|
-
"@semcore/utils": "4.48.1
|
|
16
|
+
"@semcore/base-trigger": "4.52.1",
|
|
17
|
+
"@semcore/button": "5.43.0-prerelease.0",
|
|
18
|
+
"@semcore/checkbox": "7.44.1",
|
|
19
|
+
"@semcore/divider": "4.40.1",
|
|
20
|
+
"@semcore/dropdown-menu": "4.47.0-prerelease.0",
|
|
21
|
+
"@semcore/dropdown": "4.43.1",
|
|
22
|
+
"@semcore/popper": "5.46.1",
|
|
23
|
+
"@semcore/flex-box": "5.41.1",
|
|
24
|
+
"@semcore/icon": "4.60.1",
|
|
25
|
+
"@semcore/input": "4.42.1",
|
|
26
|
+
"@semcore/utils": "4.48.1",
|
|
27
27
|
"classnames": "2.2.6"
|
|
28
28
|
},
|
|
29
29
|
"peerDependencies": {
|
|
30
|
-
"@semcore/core": "^2.
|
|
30
|
+
"@semcore/core": "^2.17.5",
|
|
31
31
|
"react": "16.8 - 18",
|
|
32
32
|
"react-dom": "16.8 - 18"
|
|
33
33
|
},
|