@semcore/select 4.51.0-prerelease.2 → 4.51.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 +15 -19
- package/lib/cjs/InputSearch.js.map +1 -1
- package/lib/cjs/Select.js +8 -8
- package/lib/es6/InputSearch.js +15 -19
- package/lib/es6/InputSearch.js.map +1 -1
- package/lib/es6/Select.js +8 -8
- package/lib/esm/InputSearch.mjs +63 -65
- package/lib/esm/Select.mjs +122 -122
- package/package.json +4 -4
package/CHANGELOG.md
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_1tr1j_gg_._size_m_1tr1j_gg_{height:32px}.___SSearchClear_1tr1j_gg_{padding:0 var(--intergalactic-spacing-2x, 8px)}.___SSearchClear_1tr1j_gg_.__hide_1tr1j_gg_{visibility:hidden}.___SOutline_1tr1j_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__*/, "1tr1j_gg_") /*__reshadow_css_end__*/, {
|
|
28
|
+
"__SInputSearch": "___SInputSearch_1tr1j_gg_",
|
|
29
|
+
"_size_m": "_size_m_1tr1j_gg_",
|
|
30
|
+
"__SSearchClear": "___SSearchClear_1tr1j_gg_",
|
|
31
|
+
"_hide": "__hide_1tr1j_gg_",
|
|
32
|
+
"__SOutline": "___SOutline_1tr1j_gg_"
|
|
33
33
|
});
|
|
34
34
|
var InputSearchRoot = /*#__PURE__*/function (_Component) {
|
|
35
35
|
(0, _inherits2["default"])(InputSearchRoot, _Component);
|
|
@@ -64,12 +64,8 @@ var InputSearchRoot = /*#__PURE__*/function (_Component) {
|
|
|
64
64
|
}, {
|
|
65
65
|
key: "getValueProps",
|
|
66
66
|
value: function getValueProps() {
|
|
67
|
-
var
|
|
68
|
-
value = _this$asProps.value,
|
|
69
|
-
getI18nText = _this$asProps.getI18nText;
|
|
67
|
+
var getI18nText = this.asProps.getI18nText;
|
|
70
68
|
return {
|
|
71
|
-
value: value,
|
|
72
|
-
onChange: this.handlers.value,
|
|
73
69
|
autoFocus: true,
|
|
74
70
|
ref: this.inputRef,
|
|
75
71
|
placeholder: getI18nText('Select.InputSearch.Value:placeholder'),
|
|
@@ -79,9 +75,9 @@ var InputSearchRoot = /*#__PURE__*/function (_Component) {
|
|
|
79
75
|
}, {
|
|
80
76
|
key: "getClearProps",
|
|
81
77
|
value: function getClearProps() {
|
|
82
|
-
var _this$
|
|
83
|
-
value = _this$
|
|
84
|
-
getI18nText = _this$
|
|
78
|
+
var _this$asProps = this.asProps,
|
|
79
|
+
value = _this$asProps.value,
|
|
80
|
+
getI18nText = _this$asProps.getI18nText;
|
|
85
81
|
return {
|
|
86
82
|
ref: this.closeIconRef,
|
|
87
83
|
/* hide through css because the width of the input changes */
|
|
@@ -98,11 +94,11 @@ var InputSearchRoot = /*#__PURE__*/function (_Component) {
|
|
|
98
94
|
_ref5;
|
|
99
95
|
var Value = InputSearch.Value;
|
|
100
96
|
var SInputSearch = _input["default"];
|
|
101
|
-
var _this$
|
|
102
|
-
size = _this$
|
|
103
|
-
styles = _this$
|
|
104
|
-
hasChildren = _this$
|
|
105
|
-
Children = _this$
|
|
97
|
+
var _this$asProps2 = this.asProps,
|
|
98
|
+
size = _this$asProps2.size,
|
|
99
|
+
styles = _this$asProps2.styles,
|
|
100
|
+
hasChildren = _this$asProps2.children,
|
|
101
|
+
Children = _this$asProps2.Children;
|
|
106
102
|
return _ref5 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SInputSearch, _ref5.cn("SInputSearch", {
|
|
107
103
|
"size": size || this.context.size || 'm',
|
|
108
104
|
"styles": styles
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"InputSearch.js","names":["_core","_interopRequireWildcard","require","_react","_interopRequireDefault","_m","_m2","_input","_button","_context","_i18nEnhance","_intergalacticDynamicLocales","style","_index","sstyled","insert","InputSearchRoot","_Component","_inherits2","_super","_createSuper2","_this","_classCallCheck2","_len","arguments","length","args","Array","_key","call","apply","concat","_defineProperty2","_assertThisInitialized2","React","createRef","e","handlers","value","setTimeout","document","activeElement","body","closeIconRef","current","_this$inputRef$curren","inputRef","focus","_createClass2","key","uncontrolledProps","getValueProps","
|
|
1
|
+
{"version":3,"file":"InputSearch.js","names":["_core","_interopRequireWildcard","require","_react","_interopRequireDefault","_m","_m2","_input","_button","_context","_i18nEnhance","_intergalacticDynamicLocales","style","_index","sstyled","insert","InputSearchRoot","_Component","_inherits2","_super","_createSuper2","_this","_classCallCheck2","_len","arguments","length","args","Array","_key","call","apply","concat","_defineProperty2","_assertThisInitialized2","React","createRef","e","handlers","value","setTimeout","document","activeElement","body","closeIconRef","current","_this$inputRef$curren","inputRef","focus","_createClass2","key","uncontrolledProps","getValueProps","getI18nText","asProps","autoFocus","ref","placeholder","getClearProps","_this$asProps","hide","onClick","handleClear","render","_ref","_ref5","Value","InputSearch","SInputSearch","Input","_this$asProps2","size","styles","hasChildren","children","Children","createElement","cn","context","Fragment","SearchIcon","_objectSpread2","assignProps","Clear","Component","i18nEnhance","localizedMessages","defaultValue","i18n","locale","selectContext","props","_ref2","arguments[0]","_ref6","SSearchIcon","Addon","SearchValue","_ref3","_ref7","SSearchValue","SearchClear","_ref4","_ref8","SSearchClear","ButtonLink","CloseM","createComponent","_default","exports"],"sources":["../../src/InputSearch.jsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Component, sstyled, Root } from '@semcore/core';\nimport SearchM from '@semcore/icon/Search/m';\nimport CloseM from '@semcore/icon/Close/m';\nimport Input from '@semcore/input';\nimport { ButtonLink } from '@semcore/button';\nimport { selectContext } from './context';\nimport i18nEnhance from '@semcore/utils/lib/enhances/i18nEnhance';\nimport { localizedMessages } from './translations/__intergalactic-dynamic-locales';\n\nimport style from './style/input-search.shadow.css';\n\nclass InputSearchRoot extends Component {\n static displayName = 'InputSearch';\n\n static style = style;\n static enhance = [i18nEnhance(localizedMessages)];\n static defaultProps = {\n defaultValue: '',\n i18n: localizedMessages,\n locale: 'en',\n };\n inputRef = React.createRef();\n closeIconRef = React.createRef();\n\n static contextType = selectContext;\n\n uncontrolledProps() {\n return {\n value: null,\n };\n }\n\n handleClear = (e) => {\n this.handlers.value('', e);\n setTimeout(() => {\n if (\n document.activeElement === document.body ||\n document.activeElement === this.closeIconRef.current\n ) {\n this.inputRef.current?.focus();\n }\n }, 0);\n };\n\n getValueProps() {\n const { getI18nText } = this.asProps;\n return {\n autoFocus: true,\n ref: this.inputRef,\n placeholder: getI18nText('Select.InputSearch.Value:placeholder'),\n 'aria-label': getI18nText('Select.InputSearch.Value:aria-label'),\n };\n }\n getClearProps() {\n const { value, getI18nText } = this.asProps;\n return {\n ref: this.closeIconRef,\n /* hide through css because the width of the input changes */\n hide: !value,\n 'aria-hidden': !value,\n 'aria-label': getI18nText('clearSearch'),\n onClick: this.handleClear,\n };\n }\n\n render() {\n const Value = Root;\n const SInputSearch = Input;\n const { size, styles, children: hasChildren, Children } = this.asProps;\n\n return sstyled(styles)(\n <SInputSearch size={size || this.context.size || 'm'} styles={styles}>\n {hasChildren ? (\n <Children />\n ) : (\n <>\n <InputSearch.SearchIcon />\n <Value render={InputSearch.Value} />\n <InputSearch.Clear />\n </>\n )}\n </SInputSearch>,\n );\n }\n}\n\nconst SearchIcon = (props) => {\n const SSearchIcon = Root;\n const { styles } = props;\n return sstyled(styles)(\n <SSearchIcon render={Input.Addon}>\n <SearchM />\n </SSearchIcon>,\n );\n};\nconst SearchValue = (props) => {\n const SSearchValue = Root;\n const { styles } = props;\n return sstyled(styles)(<SSearchValue render={Input.Value} />);\n};\nconst SearchClear = (props) => {\n const SSearchClear = Root;\n const { styles } = props;\n return sstyled(styles)(<SSearchClear render={ButtonLink} addonLeft={CloseM} use={'secondary'} />);\n};\n\nconst InputSearch = createComponent(InputSearchRoot, {\n SearchIcon: SearchIcon,\n Value: SearchValue,\n Clear: SearchClear,\n});\n\nexport default InputSearch;\n"],"mappings":"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"}
|
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_ar3o7_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_ar3o7_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_ar3o7_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_ar3o7_gg_.__selected_ar3o7_gg_::after{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iNyIgdmlld0JveD0iMCAwIDEwIDciIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik04LjI1IDFMNCA1LjI1TDEuNzUgMyIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==)}.___SOptionCheckbox_ar3o7_gg_._size_l_ar3o7_gg_{width:20px;height:20px}.___SOptionCheckbox_ar3o7_gg_._size_l_ar3o7_gg_.__selected_ar3o7_gg_::after{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iOSIgdmlld0JveD0iMCAwIDEyIDkiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xMSAxLjVMNC43NSA3Ljc1TDEgNCIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==)}.___SOptionCheckbox_ar3o7_gg_.__indeterminate_ar3o7_gg_:before,.___SOptionCheckbox_ar3o7_gg_.__selected_ar3o7_gg_:before{background-color:var(--intergalactic-control-primary-info, #008ff8);border-color:var(--intergalactic-control-primary-info, #008ff8)}.___SOptionCheckbox_ar3o7_gg_.__theme_ar3o7_gg_:before{border-color:var(--theme_ar3o7)}.___SOptionCheckbox_ar3o7_gg_.__theme_ar3o7_gg_.__indeterminate_ar3o7_gg_:before,.___SOptionCheckbox_ar3o7_gg_.__theme_ar3o7_gg_.__selected_ar3o7_gg_:before{background-color:var(--theme_ar3o7);border-color:var(--theme_ar3o7)}.___SOptionCheckbox_ar3o7_gg_.__selected_ar3o7_gg_{background-color:var(--intergalactic-dropdown-menu-item-selected, rgba(196, 229, 254, 0.7))}@media (hover:hover){.___SOptionCheckbox_ar3o7_gg_.__selected_ar3o7_gg_:hover{background-color:var(--intergalactic-dropdown-menu-item-selected-hover, #c4e5fe)}}.___SOptionCheckbox_ar3o7_gg_.__indeterminate_ar3o7_gg_:after{background-color:#fff;background-image:none;margin:auto;border-radius:1px}.___SOptionCheckbox_ar3o7_gg_.__indeterminate_ar3o7_gg_._size_l_ar3o7_gg_:after{width:12px;height:2px}.___SOptionCheckbox_ar3o7_gg_.__indeterminate_ar3o7_gg_._size_m_ar3o7_gg_:after{width:8px;height:2px}" /*__inner_css_end__*/, "ar3o7_gg_") /*__reshadow_css_end__*/, {
|
|
42
|
+
"__SOptionCheckbox": "___SOptionCheckbox_ar3o7_gg_",
|
|
43
|
+
"_selected": "__selected_ar3o7_gg_",
|
|
44
|
+
"_size_l": "_size_l_ar3o7_gg_",
|
|
45
|
+
"_indeterminate": "__indeterminate_ar3o7_gg_",
|
|
46
|
+
"_theme": "__theme_ar3o7_gg_",
|
|
47
|
+
"--theme": "--theme_ar3o7",
|
|
48
|
+
"_size_m": "_size_m_ar3o7_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_1tr1j_gg_._size_m_1tr1j_gg_{height:32px}.___SSearchClear_1tr1j_gg_{padding:0 var(--intergalactic-spacing-2x, 8px)}.___SSearchClear_1tr1j_gg_.__hide_1tr1j_gg_{visibility:hidden}.___SOutline_1tr1j_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__*/, "1tr1j_gg_") /*__reshadow_css_end__*/, {
|
|
24
|
+
"__SInputSearch": "___SInputSearch_1tr1j_gg_",
|
|
25
|
+
"_size_m": "_size_m_1tr1j_gg_",
|
|
26
|
+
"__SSearchClear": "___SSearchClear_1tr1j_gg_",
|
|
27
|
+
"_hide": "__hide_1tr1j_gg_",
|
|
28
|
+
"__SOutline": "___SOutline_1tr1j_gg_"
|
|
29
29
|
});
|
|
30
30
|
var InputSearchRoot = /*#__PURE__*/function (_Component) {
|
|
31
31
|
_inherits(InputSearchRoot, _Component);
|
|
@@ -60,12 +60,8 @@ var InputSearchRoot = /*#__PURE__*/function (_Component) {
|
|
|
60
60
|
}, {
|
|
61
61
|
key: "getValueProps",
|
|
62
62
|
value: function getValueProps() {
|
|
63
|
-
var
|
|
64
|
-
value = _this$asProps.value,
|
|
65
|
-
getI18nText = _this$asProps.getI18nText;
|
|
63
|
+
var getI18nText = this.asProps.getI18nText;
|
|
66
64
|
return {
|
|
67
|
-
value: value,
|
|
68
|
-
onChange: this.handlers.value,
|
|
69
65
|
autoFocus: true,
|
|
70
66
|
ref: this.inputRef,
|
|
71
67
|
placeholder: getI18nText('Select.InputSearch.Value:placeholder'),
|
|
@@ -75,9 +71,9 @@ var InputSearchRoot = /*#__PURE__*/function (_Component) {
|
|
|
75
71
|
}, {
|
|
76
72
|
key: "getClearProps",
|
|
77
73
|
value: function getClearProps() {
|
|
78
|
-
var _this$
|
|
79
|
-
value = _this$
|
|
80
|
-
getI18nText = _this$
|
|
74
|
+
var _this$asProps = this.asProps,
|
|
75
|
+
value = _this$asProps.value,
|
|
76
|
+
getI18nText = _this$asProps.getI18nText;
|
|
81
77
|
return {
|
|
82
78
|
ref: this.closeIconRef,
|
|
83
79
|
/* hide through css because the width of the input changes */
|
|
@@ -94,11 +90,11 @@ var InputSearchRoot = /*#__PURE__*/function (_Component) {
|
|
|
94
90
|
_ref5;
|
|
95
91
|
var Value = InputSearch.Value;
|
|
96
92
|
var SInputSearch = Input;
|
|
97
|
-
var _this$
|
|
98
|
-
size = _this$
|
|
99
|
-
styles = _this$
|
|
100
|
-
hasChildren = _this$
|
|
101
|
-
Children = _this$
|
|
93
|
+
var _this$asProps2 = this.asProps,
|
|
94
|
+
size = _this$asProps2.size,
|
|
95
|
+
styles = _this$asProps2.styles,
|
|
96
|
+
hasChildren = _this$asProps2.children,
|
|
97
|
+
Children = _this$asProps2.Children;
|
|
102
98
|
return _ref5 = sstyled(styles), /*#__PURE__*/React.createElement(SInputSearch, _ref5.cn("SInputSearch", {
|
|
103
99
|
"size": size || this.context.size || 'm',
|
|
104
100
|
"styles": styles
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"InputSearch.js","names":["React","createComponent","Component","sstyled","Root","SearchM","CloseM","Input","ButtonLink","selectContext","i18nEnhance","localizedMessages","style","_sstyled","insert","InputSearchRoot","_Component","_inherits","_super","_createSuper","_this","_classCallCheck","_len","arguments","length","args","Array","_key","call","apply","concat","_defineProperty","_assertThisInitialized","createRef","e","handlers","value","setTimeout","document","activeElement","body","closeIconRef","current","_this$inputRef$curren","inputRef","focus","_createClass","key","uncontrolledProps","getValueProps","
|
|
1
|
+
{"version":3,"file":"InputSearch.js","names":["React","createComponent","Component","sstyled","Root","SearchM","CloseM","Input","ButtonLink","selectContext","i18nEnhance","localizedMessages","style","_sstyled","insert","InputSearchRoot","_Component","_inherits","_super","_createSuper","_this","_classCallCheck","_len","arguments","length","args","Array","_key","call","apply","concat","_defineProperty","_assertThisInitialized","createRef","e","handlers","value","setTimeout","document","activeElement","body","closeIconRef","current","_this$inputRef$curren","inputRef","focus","_createClass","key","uncontrolledProps","getValueProps","getI18nText","asProps","autoFocus","ref","placeholder","getClearProps","_this$asProps","hide","onClick","handleClear","render","_ref","_ref5","Value","InputSearch","SInputSearch","_this$asProps2","size","styles","hasChildren","children","Children","createElement","cn","context","Fragment","SearchIcon","_objectSpread","_assignProps","Clear","defaultValue","i18n","locale","props","_ref2","arguments[0]","_ref6","SSearchIcon","Addon","_assignProps2","SearchValue","_ref3","_ref7","SSearchValue","_assignProps3","SearchClear","_ref4","_ref8","SSearchClear","_assignProps4"],"sources":["../../src/InputSearch.jsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Component, sstyled, Root } from '@semcore/core';\nimport SearchM from '@semcore/icon/Search/m';\nimport CloseM from '@semcore/icon/Close/m';\nimport Input from '@semcore/input';\nimport { ButtonLink } from '@semcore/button';\nimport { selectContext } from './context';\nimport i18nEnhance from '@semcore/utils/lib/enhances/i18nEnhance';\nimport { localizedMessages } from './translations/__intergalactic-dynamic-locales';\n\nimport style from './style/input-search.shadow.css';\n\nclass InputSearchRoot extends Component {\n static displayName = 'InputSearch';\n\n static style = style;\n static enhance = [i18nEnhance(localizedMessages)];\n static defaultProps = {\n defaultValue: '',\n i18n: localizedMessages,\n locale: 'en',\n };\n inputRef = React.createRef();\n closeIconRef = React.createRef();\n\n static contextType = selectContext;\n\n uncontrolledProps() {\n return {\n value: null,\n };\n }\n\n handleClear = (e) => {\n this.handlers.value('', e);\n setTimeout(() => {\n if (\n document.activeElement === document.body ||\n document.activeElement === this.closeIconRef.current\n ) {\n this.inputRef.current?.focus();\n }\n }, 0);\n };\n\n getValueProps() {\n const { getI18nText } = this.asProps;\n return {\n autoFocus: true,\n ref: this.inputRef,\n placeholder: getI18nText('Select.InputSearch.Value:placeholder'),\n 'aria-label': getI18nText('Select.InputSearch.Value:aria-label'),\n };\n }\n getClearProps() {\n const { value, getI18nText } = this.asProps;\n return {\n ref: this.closeIconRef,\n /* hide through css because the width of the input changes */\n hide: !value,\n 'aria-hidden': !value,\n 'aria-label': getI18nText('clearSearch'),\n onClick: this.handleClear,\n };\n }\n\n render() {\n const Value = Root;\n const SInputSearch = Input;\n const { size, styles, children: hasChildren, Children } = this.asProps;\n\n return sstyled(styles)(\n <SInputSearch size={size || this.context.size || 'm'} styles={styles}>\n {hasChildren ? (\n <Children />\n ) : (\n <>\n <InputSearch.SearchIcon />\n <Value render={InputSearch.Value} />\n <InputSearch.Clear />\n </>\n )}\n </SInputSearch>,\n );\n }\n}\n\nconst SearchIcon = (props) => {\n const SSearchIcon = Root;\n const { styles } = props;\n return sstyled(styles)(\n <SSearchIcon render={Input.Addon}>\n <SearchM />\n </SSearchIcon>,\n );\n};\nconst SearchValue = (props) => {\n const SSearchValue = Root;\n const { styles } = props;\n return sstyled(styles)(<SSearchValue render={Input.Value} />);\n};\nconst SearchClear = (props) => {\n const SSearchClear = Root;\n const { styles } = props;\n return sstyled(styles)(<SSearchClear render={ButtonLink} addonLeft={CloseM} use={'secondary'} />);\n};\n\nconst InputSearch = createComponent(InputSearchRoot, {\n SearchIcon: SearchIcon,\n Value: SearchValue,\n Clear: SearchClear,\n});\n\nexport default InputSearch;\n"],"mappings":"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"}
|
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_ar3o7_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_ar3o7_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_ar3o7_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_ar3o7_gg_.__selected_ar3o7_gg_::after{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iNyIgdmlld0JveD0iMCAwIDEwIDciIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik04LjI1IDFMNCA1LjI1TDEuNzUgMyIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==)}.___SOptionCheckbox_ar3o7_gg_._size_l_ar3o7_gg_{width:20px;height:20px}.___SOptionCheckbox_ar3o7_gg_._size_l_ar3o7_gg_.__selected_ar3o7_gg_::after{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iOSIgdmlld0JveD0iMCAwIDEyIDkiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xMSAxLjVMNC43NSA3Ljc1TDEgNCIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==)}.___SOptionCheckbox_ar3o7_gg_.__indeterminate_ar3o7_gg_:before,.___SOptionCheckbox_ar3o7_gg_.__selected_ar3o7_gg_:before{background-color:var(--intergalactic-control-primary-info, #008ff8);border-color:var(--intergalactic-control-primary-info, #008ff8)}.___SOptionCheckbox_ar3o7_gg_.__theme_ar3o7_gg_:before{border-color:var(--theme_ar3o7)}.___SOptionCheckbox_ar3o7_gg_.__theme_ar3o7_gg_.__indeterminate_ar3o7_gg_:before,.___SOptionCheckbox_ar3o7_gg_.__theme_ar3o7_gg_.__selected_ar3o7_gg_:before{background-color:var(--theme_ar3o7);border-color:var(--theme_ar3o7)}.___SOptionCheckbox_ar3o7_gg_.__selected_ar3o7_gg_{background-color:var(--intergalactic-dropdown-menu-item-selected, rgba(196, 229, 254, 0.7))}@media (hover:hover){.___SOptionCheckbox_ar3o7_gg_.__selected_ar3o7_gg_:hover{background-color:var(--intergalactic-dropdown-menu-item-selected-hover, #c4e5fe)}}.___SOptionCheckbox_ar3o7_gg_.__indeterminate_ar3o7_gg_:after{background-color:#fff;background-image:none;margin:auto;border-radius:1px}.___SOptionCheckbox_ar3o7_gg_.__indeterminate_ar3o7_gg_._size_l_ar3o7_gg_:after{width:12px;height:2px}.___SOptionCheckbox_ar3o7_gg_.__indeterminate_ar3o7_gg_._size_m_ar3o7_gg_:after{width:8px;height:2px}" /*__inner_css_end__*/, "ar3o7_gg_") /*__reshadow_css_end__*/, {
|
|
38
|
+
"__SOptionCheckbox": "___SOptionCheckbox_ar3o7_gg_",
|
|
39
|
+
"_selected": "__selected_ar3o7_gg_",
|
|
40
|
+
"_size_l": "_size_l_ar3o7_gg_",
|
|
41
|
+
"_indeterminate": "__indeterminate_ar3o7_gg_",
|
|
42
|
+
"_theme": "__theme_ar3o7_gg_",
|
|
43
|
+
"--theme": "--theme_ar3o7",
|
|
44
|
+
"_size_m": "_size_m_ar3o7_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 d from "@babel/runtime/helpers/esm/assertThisInitialized";
|
|
5
5
|
import V from "@babel/runtime/helpers/esm/inherits";
|
|
6
|
-
import
|
|
7
|
-
import
|
|
8
|
-
import { sstyled as
|
|
9
|
-
import
|
|
10
|
-
import
|
|
11
|
-
import
|
|
12
|
-
import
|
|
13
|
-
import
|
|
14
|
-
import { ButtonLink as
|
|
15
|
-
import { selectContext as
|
|
16
|
-
import
|
|
17
|
-
import { localizedMessages as
|
|
18
|
-
var
|
|
6
|
+
import j from "@babel/runtime/helpers/esm/createSuper";
|
|
7
|
+
import i from "@babel/runtime/helpers/esm/defineProperty";
|
|
8
|
+
import { sstyled as E } from "@semcore/utils/lib/core/index";
|
|
9
|
+
import z, { sstyled as h, assignProps as p, Component as b } from "@semcore/core";
|
|
10
|
+
import a from "react";
|
|
11
|
+
import R from "@semcore/icon/Search/m";
|
|
12
|
+
import T from "@semcore/icon/Close/m";
|
|
13
|
+
import S from "@semcore/input";
|
|
14
|
+
import { ButtonLink as k } from "@semcore/button";
|
|
15
|
+
import { selectContext as M } from "./context.mjs";
|
|
16
|
+
import O from "@semcore/utils/lib/enhances/i18nEnhance";
|
|
17
|
+
import { localizedMessages as v } from "./translations/__intergalactic-dynamic-locales.mjs";
|
|
18
|
+
var w = (
|
|
19
19
|
/*__reshadow_css_start__*/
|
|
20
|
-
(
|
|
20
|
+
(E.insert(
|
|
21
21
|
/*__inner_css_start__*/
|
|
22
|
-
".
|
|
23
|
-
"
|
|
22
|
+
".___SInputSearch_1tr1j_gg_._size_m_1tr1j_gg_{height:32px}.___SSearchClear_1tr1j_gg_{padding:0 var(--intergalactic-spacing-2x, 8px)}.___SSearchClear_1tr1j_gg_.__hide_1tr1j_gg_{visibility:hidden}.___SOutline_1tr1j_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
|
+
"1tr1j_gg_"
|
|
24
24
|
), {
|
|
25
|
-
__SInputSearch: "
|
|
26
|
-
_size_m: "
|
|
27
|
-
__SSearchClear: "
|
|
28
|
-
_hide: "
|
|
29
|
-
__SOutline: "
|
|
25
|
+
__SInputSearch: "___SInputSearch_1tr1j_gg_",
|
|
26
|
+
_size_m: "_size_m_1tr1j_gg_",
|
|
27
|
+
__SSearchClear: "___SSearchClear_1tr1j_gg_",
|
|
28
|
+
_hide: "__hide_1tr1j_gg_",
|
|
29
|
+
__SOutline: "___SOutline_1tr1j_gg_"
|
|
30
30
|
})
|
|
31
|
-
),
|
|
31
|
+
), s = /* @__PURE__ */ function(u) {
|
|
32
32
|
V(n, u);
|
|
33
|
-
var
|
|
33
|
+
var l = j(n);
|
|
34
34
|
function n() {
|
|
35
35
|
var e;
|
|
36
36
|
x(this, n);
|
|
37
|
-
for (var
|
|
38
|
-
|
|
39
|
-
return e =
|
|
40
|
-
e.handlers.value("",
|
|
37
|
+
for (var r = arguments.length, t = new Array(r), o = 0; o < r; o++)
|
|
38
|
+
t[o] = arguments[o];
|
|
39
|
+
return e = l.call.apply(l, [this].concat(t)), i(d(e), "inputRef", /* @__PURE__ */ a.createRef()), i(d(e), "closeIconRef", /* @__PURE__ */ a.createRef()), i(d(e), "handleClear", function(m) {
|
|
40
|
+
e.handlers.value("", m), setTimeout(function() {
|
|
41
41
|
if (document.activeElement === document.body || document.activeElement === e.closeIconRef.current) {
|
|
42
|
-
var
|
|
43
|
-
(
|
|
42
|
+
var c;
|
|
43
|
+
(c = e.inputRef.current) === null || c === void 0 || c.focus();
|
|
44
44
|
}
|
|
45
45
|
}, 0);
|
|
46
46
|
}), e;
|
|
@@ -55,66 +55,64 @@ var A = (
|
|
|
55
55
|
}, {
|
|
56
56
|
key: "getValueProps",
|
|
57
57
|
value: function() {
|
|
58
|
-
var
|
|
58
|
+
var r = this.asProps.getI18nText;
|
|
59
59
|
return {
|
|
60
|
-
value: r,
|
|
61
|
-
onChange: this.handlers.value,
|
|
62
60
|
autoFocus: !0,
|
|
63
61
|
ref: this.inputRef,
|
|
64
|
-
placeholder:
|
|
65
|
-
"aria-label":
|
|
62
|
+
placeholder: r("Select.InputSearch.Value:placeholder"),
|
|
63
|
+
"aria-label": r("Select.InputSearch.Value:aria-label")
|
|
66
64
|
};
|
|
67
65
|
}
|
|
68
66
|
}, {
|
|
69
67
|
key: "getClearProps",
|
|
70
68
|
value: function() {
|
|
71
|
-
var
|
|
69
|
+
var r = this.asProps, t = r.value, o = r.getI18nText;
|
|
72
70
|
return {
|
|
73
71
|
ref: this.closeIconRef,
|
|
74
72
|
/* hide through css because the width of the input changes */
|
|
75
|
-
hide: !
|
|
76
|
-
"aria-hidden": !
|
|
77
|
-
"aria-label":
|
|
73
|
+
hide: !t,
|
|
74
|
+
"aria-hidden": !t,
|
|
75
|
+
"aria-label": o("clearSearch"),
|
|
78
76
|
onClick: this.handleClear
|
|
79
77
|
};
|
|
80
78
|
}
|
|
81
79
|
}, {
|
|
82
80
|
key: "render",
|
|
83
81
|
value: function() {
|
|
84
|
-
var
|
|
85
|
-
return
|
|
82
|
+
var r = this.asProps, t, o = f.Value, m = S, c = this.asProps, C = c.size, g = c.styles, I = c.children, y = c.Children;
|
|
83
|
+
return t = h(g), /* @__PURE__ */ a.createElement(m, t.cn("SInputSearch", {
|
|
86
84
|
size: C || this.context.size || "m",
|
|
87
|
-
styles:
|
|
88
|
-
}), I ? /* @__PURE__ */
|
|
85
|
+
styles: g
|
|
86
|
+
}), I ? /* @__PURE__ */ a.createElement(y, t.cn("Children", {})) : /* @__PURE__ */ a.createElement(a.Fragment, null, /* @__PURE__ */ a.createElement(f.SearchIcon, null), /* @__PURE__ */ a.createElement(o, t.cn("Value", _({}, p({}, r)))), /* @__PURE__ */ a.createElement(f.Clear, null)));
|
|
89
87
|
}
|
|
90
88
|
}]), n;
|
|
91
|
-
}(
|
|
92
|
-
s
|
|
93
|
-
s
|
|
94
|
-
s
|
|
95
|
-
s
|
|
89
|
+
}(b);
|
|
90
|
+
i(s, "displayName", "InputSearch");
|
|
91
|
+
i(s, "style", w);
|
|
92
|
+
i(s, "enhance", [O(v)]);
|
|
93
|
+
i(s, "defaultProps", {
|
|
96
94
|
defaultValue: "",
|
|
97
|
-
i18n:
|
|
95
|
+
i18n: v,
|
|
98
96
|
locale: "en"
|
|
99
97
|
});
|
|
100
|
-
s
|
|
101
|
-
var
|
|
102
|
-
var n = arguments[0], e,
|
|
103
|
-
return e =
|
|
104
|
-
},
|
|
105
|
-
var n = arguments[0], e,
|
|
106
|
-
return e =
|
|
107
|
-
},
|
|
108
|
-
var n = arguments[0], e,
|
|
109
|
-
return e =
|
|
110
|
-
addonLeft:
|
|
98
|
+
i(s, "contextType", M);
|
|
99
|
+
var A = function(l) {
|
|
100
|
+
var n = arguments[0], e, r = S.Addon, t = l.styles;
|
|
101
|
+
return e = h(t), /* @__PURE__ */ a.createElement(r, e.cn("SSearchIcon", _({}, p({}, n))), /* @__PURE__ */ a.createElement(R, e.cn("SearchM", {})));
|
|
102
|
+
}, F = function(l) {
|
|
103
|
+
var n = arguments[0], e, r = S.Value, t = l.styles;
|
|
104
|
+
return e = h(t), /* @__PURE__ */ a.createElement(r, e.cn("SSearchValue", _({}, p({}, n))));
|
|
105
|
+
}, L = function(l) {
|
|
106
|
+
var n = arguments[0], e, r = k, t = l.styles;
|
|
107
|
+
return e = h(t), /* @__PURE__ */ a.createElement(r, e.cn("SSearchClear", _({}, p({
|
|
108
|
+
addonLeft: T,
|
|
111
109
|
use: "secondary"
|
|
112
110
|
}, n))));
|
|
113
|
-
},
|
|
114
|
-
SearchIcon:
|
|
115
|
-
Value:
|
|
116
|
-
Clear:
|
|
111
|
+
}, f = z(s, {
|
|
112
|
+
SearchIcon: A,
|
|
113
|
+
Value: F,
|
|
114
|
+
Clear: L
|
|
117
115
|
});
|
|
118
116
|
export {
|
|
119
|
-
|
|
117
|
+
f as default
|
|
120
118
|
};
|
package/lib/esm/Select.mjs
CHANGED
|
@@ -5,96 +5,96 @@ 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 y from "@babel/runtime/helpers/esm/get";
|
|
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
|
|
14
|
+
import q, { assignProps as S, sstyled as R } from "@semcore/core";
|
|
15
15
|
import g from "react";
|
|
16
16
|
import Y from "classnames";
|
|
17
|
-
import
|
|
17
|
+
import v from "@semcore/dropdown-menu";
|
|
18
18
|
import w, { enhance as ee, selectedIndexContext as te, AbstractDropdown as re } from "@semcore/dropdown";
|
|
19
|
-
import { ButtonTrigger as
|
|
20
|
-
import
|
|
21
|
-
import
|
|
19
|
+
import { ButtonTrigger as I } from "@semcore/base-trigger";
|
|
20
|
+
import oe from "@semcore/divider";
|
|
21
|
+
import ie, { 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
25
|
import D from "./InputSearch.mjs";
|
|
26
|
-
import { useBox as
|
|
27
|
-
import { selectContext as
|
|
28
|
-
import { localizedMessages as
|
|
26
|
+
import { useBox as se } from "@semcore/flex-box";
|
|
27
|
+
import { selectContext as de } from "./context.mjs";
|
|
28
|
+
import { localizedMessages as ce } 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
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_ar3o7_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_ar3o7_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_ar3o7_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_ar3o7_gg_.__selected_ar3o7_gg_::after{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iNyIgdmlld0JveD0iMCAwIDEwIDciIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik04LjI1IDFMNCA1LjI1TDEuNzUgMyIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==)}.___SOptionCheckbox_ar3o7_gg_._size_l_ar3o7_gg_{width:20px;height:20px}.___SOptionCheckbox_ar3o7_gg_._size_l_ar3o7_gg_.__selected_ar3o7_gg_::after{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iOSIgdmlld0JveD0iMCAwIDEyIDkiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xMSAxLjVMNC43NSA3Ljc1TDEgNCIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==)}.___SOptionCheckbox_ar3o7_gg_.__indeterminate_ar3o7_gg_:before,.___SOptionCheckbox_ar3o7_gg_.__selected_ar3o7_gg_:before{background-color:var(--intergalactic-control-primary-info, #008ff8);border-color:var(--intergalactic-control-primary-info, #008ff8)}.___SOptionCheckbox_ar3o7_gg_.__theme_ar3o7_gg_:before{border-color:var(--theme_ar3o7)}.___SOptionCheckbox_ar3o7_gg_.__theme_ar3o7_gg_.__indeterminate_ar3o7_gg_:before,.___SOptionCheckbox_ar3o7_gg_.__theme_ar3o7_gg_.__selected_ar3o7_gg_:before{background-color:var(--theme_ar3o7);border-color:var(--theme_ar3o7)}.___SOptionCheckbox_ar3o7_gg_.__selected_ar3o7_gg_{background-color:var(--intergalactic-dropdown-menu-item-selected, rgba(196, 229, 254, 0.7))}@media (hover:hover){.___SOptionCheckbox_ar3o7_gg_.__selected_ar3o7_gg_:hover{background-color:var(--intergalactic-dropdown-menu-item-selected-hover, #c4e5fe)}}.___SOptionCheckbox_ar3o7_gg_.__indeterminate_ar3o7_gg_:after{background-color:#fff;background-image:none;margin:auto;border-radius:1px}.___SOptionCheckbox_ar3o7_gg_.__indeterminate_ar3o7_gg_._size_l_ar3o7_gg_:after{width:12px;height:2px}.___SOptionCheckbox_ar3o7_gg_.__indeterminate_ar3o7_gg_._size_m_ar3o7_gg_:after{width:8px;height:2px}',
|
|
36
|
+
"ar3o7_gg_"
|
|
37
37
|
), {
|
|
38
|
-
__SOptionCheckbox: "
|
|
39
|
-
_selected: "
|
|
40
|
-
_size_l: "
|
|
41
|
-
_indeterminate: "
|
|
42
|
-
_theme: "
|
|
43
|
-
"--theme": "--
|
|
44
|
-
_size_m: "
|
|
38
|
+
__SOptionCheckbox: "___SOptionCheckbox_ar3o7_gg_",
|
|
39
|
+
_selected: "__selected_ar3o7_gg_",
|
|
40
|
+
_size_l: "_size_l_ar3o7_gg_",
|
|
41
|
+
_indeterminate: "__indeterminate_ar3o7_gg_",
|
|
42
|
+
_theme: "__theme_ar3o7_gg_",
|
|
43
|
+
"--theme": "--theme_ar3o7",
|
|
44
|
+
_size_m: "_size_m_ar3o7_gg_"
|
|
45
45
|
})
|
|
46
46
|
);
|
|
47
|
-
function E(
|
|
48
|
-
return Array.isArray(
|
|
47
|
+
function E(o, l) {
|
|
48
|
+
return Array.isArray(o) ? o.includes(l) : l === o;
|
|
49
49
|
}
|
|
50
|
-
function he(
|
|
51
|
-
return Array.isArray(
|
|
50
|
+
function he(o) {
|
|
51
|
+
return Array.isArray(o) ? o.length === 0 : o === null;
|
|
52
52
|
}
|
|
53
|
-
function $(
|
|
54
|
-
return
|
|
53
|
+
function $(o) {
|
|
54
|
+
return o ? [] : null;
|
|
55
55
|
}
|
|
56
|
-
var O = /* @__PURE__ */ function(
|
|
57
|
-
U(
|
|
58
|
-
var l = X(
|
|
59
|
-
function
|
|
56
|
+
var O = /* @__PURE__ */ function(o) {
|
|
57
|
+
U(i, o);
|
|
58
|
+
var l = X(i);
|
|
59
|
+
function i() {
|
|
60
60
|
var n;
|
|
61
|
-
Q(this,
|
|
61
|
+
Q(this, i);
|
|
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)),
|
|
65
|
-
return function(
|
|
66
|
-
var _ = a, u = n.asProps,
|
|
67
|
-
Array.isArray(
|
|
64
|
+
return n = l.call.apply(l, [this].concat(t)), x(A(n), "role", "listbox"), x(A(n), "bindHandlerOptionClick", function(a, s) {
|
|
65
|
+
return function(d) {
|
|
66
|
+
var _ = a, u = n.asProps, c = u.value, f = u.multiselect;
|
|
67
|
+
Array.isArray(c) && (c.includes(a) ? _ = c.filter(function(m) {
|
|
68
68
|
return m !== a;
|
|
69
|
-
}) : _ =
|
|
69
|
+
}) : _ = c.concat(a)), n.handlers.value(_, d), f || (n.handlers.visible(!1), d.preventDefault());
|
|
70
70
|
};
|
|
71
|
-
}),
|
|
72
|
-
var
|
|
73
|
-
n.handlers.value(
|
|
71
|
+
}), x(A(n), "handlerClear", function(a) {
|
|
72
|
+
var s = n.asProps.value, d = $(Array.isArray(s));
|
|
73
|
+
n.handlers.value(d, a), n.handlers.visible(!1);
|
|
74
74
|
}), n;
|
|
75
75
|
}
|
|
76
|
-
return V(
|
|
76
|
+
return V(i, [{
|
|
77
77
|
key: "itemRef",
|
|
78
78
|
value: function(e, t, r) {
|
|
79
|
-
|
|
80
|
-
var a = this.asProps.highlightedIndex,
|
|
81
|
-
|
|
79
|
+
y(C(i.prototype), "itemRef", this).call(this, e, t, r);
|
|
80
|
+
var a = this.asProps.highlightedIndex, s = t === a;
|
|
81
|
+
s && this.scrollToNode(r);
|
|
82
82
|
}
|
|
83
83
|
}, {
|
|
84
84
|
key: "uncontrolledProps",
|
|
85
85
|
value: function() {
|
|
86
86
|
var e = this;
|
|
87
|
-
return h(h({},
|
|
87
|
+
return h(h({}, y(C(i.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, [p.InputSearch.displayName], !0), a = r ? null : e.props.defaultHighlightedIndex;
|
|
91
91
|
e.handlers.highlightedIndex(a), setTimeout(function() {
|
|
92
|
-
var
|
|
92
|
+
var s, d, _ = (s = e.menuRef.current) === null || s === void 0 ? void 0 : s.querySelectorAll('[role="option"]'), u = (d = e.menuRef.current) === null || d === void 0 ? void 0 : d.querySelector('[aria-selected="true"]');
|
|
93
93
|
if (u && _) {
|
|
94
94
|
e.scrollToNode(u);
|
|
95
|
-
for (var
|
|
96
|
-
if (_[
|
|
97
|
-
e.handlers.highlightedIndex(
|
|
95
|
+
for (var c = 0; c < _.length; c++)
|
|
96
|
+
if (_[c] === u) {
|
|
97
|
+
e.handlers.highlightedIndex(c);
|
|
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 h(h({},
|
|
110
|
+
var e = this, t = this.asProps, r = t.disabled, a = t.visible, s = t.state, d = t.placeholder, _ = t.value, u = t.options, c = t.forwardRef, f = t.name, m = t.multiselect, b = t.getI18nText, T = t.highlightedIndex, P = t.uid, G = t.Children, Z = t.children, z = k(G, [p.Menu.displayName], !0) || !Z, j = z ? "igc-".concat(P, "-list") : "igc-".concat(P, "-popper");
|
|
111
|
+
return h(h({}, y(C(i.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(
|
|
116
|
+
"aria-activedescendant": a && T !== null && this.itemRefs[T] ? "igc-".concat(P, "-option-").concat(T) : void 0,
|
|
117
117
|
empty: he(_),
|
|
118
118
|
value: _,
|
|
119
|
-
name:
|
|
120
|
-
$hiddenRef:
|
|
119
|
+
name: f,
|
|
120
|
+
$hiddenRef: c,
|
|
121
121
|
multiselect: m,
|
|
122
|
-
state:
|
|
123
|
-
placeholder:
|
|
122
|
+
state: s,
|
|
123
|
+
placeholder: d,
|
|
124
124
|
disabled: r,
|
|
125
125
|
active: a,
|
|
126
126
|
onClear: this.handlerClear,
|
|
127
127
|
children: this.renderChildrenTrigger(_, u),
|
|
128
|
-
getI18nText:
|
|
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 O = /* @__PURE__ */ function(i) {
|
|
|
141
141
|
key: "getListProps",
|
|
142
142
|
value: function() {
|
|
143
143
|
var e = this.asProps.multiselect;
|
|
144
|
-
return h(h({},
|
|
144
|
+
return h(h({}, y(C(i.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 h(h({},
|
|
151
|
+
return h(h({}, y(C(i.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 h(h({},
|
|
158
|
+
var r, a = this, s = this.asProps, d = s.value, _ = s.highlightedIndex, u = s.focusSourceRef, c = s.size, f = c === void 0 ? "m" : c, m = t === _ && u.current === "keyboard" && !e.disabled, b = (r = e.selected) !== null && r !== void 0 ? r : E(d, e.value);
|
|
159
|
+
return h(h({}, y(C(i.prototype), "getItemProps", this).call(this, e, t)), {}, {
|
|
160
160
|
highlighted: m,
|
|
161
|
-
selected:
|
|
162
|
-
"aria-selected":
|
|
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
|
-
ref: function(
|
|
167
|
-
return a.itemRef(e, t,
|
|
166
|
+
ref: function(P) {
|
|
167
|
+
return a.itemRef(e, t, P);
|
|
168
168
|
},
|
|
169
|
-
size:
|
|
169
|
+
size: f
|
|
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
|
|
194
|
-
return E(a,
|
|
193
|
+
var s = t.find(function(d) {
|
|
194
|
+
return E(a, d.value);
|
|
195
195
|
});
|
|
196
|
-
return
|
|
196
|
+
return s && (r.length && r.push(", "), r.push(s.label || s.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,50 +201,50 @@ 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, s = t.multiselect;
|
|
205
205
|
t.value;
|
|
206
|
-
var
|
|
207
|
-
if (ne.warn(a &&
|
|
208
|
-
var
|
|
209
|
-
return /* @__PURE__ */ g.createElement(
|
|
206
|
+
var d = t.uid, _ = t.forcedAdvancedMode, u = J(t, ge), c = _ || ie(r, [p.Trigger.displayName, p.Popper.displayName]);
|
|
207
|
+
if (ne.warn(a && c, "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 f = this.asProps;
|
|
209
|
+
return /* @__PURE__ */ g.createElement(v, S({}, f), /* @__PURE__ */ g.createElement(p.Trigger, u), /* @__PURE__ */ g.createElement(p.Menu, null, a.map(function(m, b) {
|
|
210
210
|
return /* @__PURE__ */ g.createElement(p.Option, M({
|
|
211
211
|
key: m.value,
|
|
212
|
-
id: "igc-".concat(
|
|
213
|
-
}, m),
|
|
212
|
+
id: "igc-".concat(d, "-option-").concat(b)
|
|
213
|
+
}, m), s && /* @__PURE__ */ g.createElement(p.Option.Checkbox, null), m.children);
|
|
214
214
|
})));
|
|
215
215
|
}
|
|
216
|
-
return /* @__PURE__ */ g.createElement(
|
|
216
|
+
return /* @__PURE__ */ g.createElement(v, S({}, e), /* @__PURE__ */ g.createElement(r, null));
|
|
217
217
|
}
|
|
218
|
-
}]),
|
|
218
|
+
}]), i;
|
|
219
219
|
}(re);
|
|
220
|
-
|
|
221
|
-
|
|
222
|
-
|
|
223
|
-
|
|
224
|
-
var l,
|
|
220
|
+
x(O, "displayName", "Select");
|
|
221
|
+
x(O, "style", ue);
|
|
222
|
+
x(O, "enhance", Object.values(ee).concat([ae()]));
|
|
223
|
+
x(O, "defaultProps", function(o) {
|
|
224
|
+
var l, i, n, e, t = o.children && k(o.children, [p.InputSearch.displayName], !0), r = t ? null : 0;
|
|
225
225
|
return {
|
|
226
|
-
placeholder:
|
|
226
|
+
placeholder: o.multiselect ? "Select options" : "Select option",
|
|
227
227
|
size: "m",
|
|
228
|
-
defaultValue: $(
|
|
228
|
+
defaultValue: $(o.multiselect),
|
|
229
229
|
defaultVisible: !1,
|
|
230
|
-
defaultHighlightedIndex: (l =
|
|
231
|
-
defaultSelectedIndex: (
|
|
230
|
+
defaultHighlightedIndex: (l = o.highlightedIndex) !== null && l !== void 0 ? l : r,
|
|
231
|
+
defaultSelectedIndex: (i = o.selectedIndex) !== null && i !== void 0 ? i : r,
|
|
232
232
|
scrollToSelected: !0,
|
|
233
|
-
i18n:
|
|
233
|
+
i18n: ce,
|
|
234
234
|
locale: "en",
|
|
235
|
-
interaction: (n =
|
|
235
|
+
interaction: (n = o.interaction) !== null && n !== void 0 ? n : "click",
|
|
236
236
|
inlineActions: !1,
|
|
237
|
-
timeout: (e =
|
|
237
|
+
timeout: (e = o.timeout) !== null && e !== void 0 ? e : 0
|
|
238
238
|
};
|
|
239
239
|
});
|
|
240
|
-
function pe(
|
|
241
|
-
var l = arguments[0],
|
|
242
|
-
return
|
|
243
|
-
tag:
|
|
240
|
+
function pe(o) {
|
|
241
|
+
var l = arguments[0], i, n = o.Children, e = o.name, t = o.value, r = o.styles, a = o.$hiddenRef, s = o.tag, d = s === void 0 ? I : s, _ = o.getI18nText, u = _e(d), c = w.Trigger;
|
|
242
|
+
return i = R(r), /* @__PURE__ */ g.createElement(c, i.cn("SSelectTrigger", h({}, S({
|
|
243
|
+
tag: d,
|
|
244
244
|
placeholder: _("selectPlaceholder"),
|
|
245
245
|
role: "combobox",
|
|
246
246
|
"aria-autocomplete": u && "list" || void 0
|
|
247
|
-
}, l))), le(n,
|
|
247
|
+
}, l))), le(n, d.Text || I.Text, d.Value || I.Text, d.Addon || I.Addon, !0), e && /* @__PURE__ */ g.createElement("input", i.cn("input", {
|
|
248
248
|
type: "hidden",
|
|
249
249
|
defaultValue: t,
|
|
250
250
|
name: e,
|
|
@@ -252,57 +252,57 @@ function pe(i) {
|
|
|
252
252
|
})));
|
|
253
253
|
}
|
|
254
254
|
var L = /* @__PURE__ */ g.createContext({});
|
|
255
|
-
function me(
|
|
256
|
-
var l = arguments[0],
|
|
257
|
-
return
|
|
258
|
-
value:
|
|
259
|
-
}, r && !a ? /* @__PURE__ */ g.createElement(p.Option.Content, null, /* @__PURE__ */ g.createElement(t,
|
|
255
|
+
function me(o) {
|
|
256
|
+
var l = arguments[0], i, n = w.Item, e = o.styles, t = o.Children, r = k(t, [p.Option.Checkbox.displayName]), a = k(t, [p.Option.Content.displayName]);
|
|
257
|
+
return i = R(e), /* @__PURE__ */ g.createElement(n, i.cn("SSelectOption", h({}, S({}, l))), /* @__PURE__ */ g.createElement(L.Provider, {
|
|
258
|
+
value: o
|
|
259
|
+
}, r && !a ? /* @__PURE__ */ g.createElement(p.Option.Content, null, /* @__PURE__ */ g.createElement(t, i.cn("Children", {}))) : /* @__PURE__ */ g.createElement(t, i.cn("Children", {}))));
|
|
260
260
|
}
|
|
261
|
-
function
|
|
262
|
-
var l = g.useContext(L),
|
|
261
|
+
function fe(o) {
|
|
262
|
+
var l = g.useContext(L), i = g.useMemo(function() {
|
|
263
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
|
-
},
|
|
268
|
-
}, [
|
|
267
|
+
}, o || {});
|
|
268
|
+
}, [o, l]), n = se(i, i.forwardRef), e = K(n, 2), t = e[0], r = e[1], a = i.size, s = i.theme, d = i.selected, _ = i.resolveColor, u = i.indeterminate, c = R(i.styles), f = c.cn("SOptionCheckbox", {
|
|
269
269
|
size: a,
|
|
270
|
-
"use:theme": _(
|
|
270
|
+
"use:theme": _(s),
|
|
271
271
|
indeterminate: u,
|
|
272
|
-
selected:
|
|
273
|
-
}), m =
|
|
272
|
+
selected: d
|
|
273
|
+
}), m = f.className, b = f.style;
|
|
274
274
|
return /* @__PURE__ */ g.createElement(t, M({}, r, {
|
|
275
275
|
className: Y(m, r.className) || void 0,
|
|
276
|
-
style: h(h({},
|
|
276
|
+
style: h(h({}, b), r.style),
|
|
277
277
|
tabIndex: -1
|
|
278
278
|
}));
|
|
279
279
|
}
|
|
280
280
|
var H = function() {
|
|
281
281
|
var l = arguments[0];
|
|
282
|
-
return /* @__PURE__ */ g.createElement(D,
|
|
282
|
+
return /* @__PURE__ */ g.createElement(D, S({}, l));
|
|
283
283
|
}, p = q(O, {
|
|
284
284
|
Trigger: [pe, {
|
|
285
|
-
Addon:
|
|
286
|
-
Text:
|
|
285
|
+
Addon: I.Addon,
|
|
286
|
+
Text: I.Text
|
|
287
287
|
}],
|
|
288
288
|
Popper: w.Popper,
|
|
289
|
-
List:
|
|
290
|
-
Menu:
|
|
289
|
+
List: v.List,
|
|
290
|
+
Menu: v.Menu,
|
|
291
291
|
Option: [me, {
|
|
292
|
-
Addon:
|
|
293
|
-
Content:
|
|
294
|
-
Hint:
|
|
295
|
-
Checkbox:
|
|
292
|
+
Addon: v.Item.Addon,
|
|
293
|
+
Content: v.Item.Content,
|
|
294
|
+
Hint: v.Item.Hint,
|
|
295
|
+
Checkbox: fe
|
|
296
296
|
}],
|
|
297
297
|
Group: w.Group,
|
|
298
|
-
OptionTitle:
|
|
299
|
-
OptionHint:
|
|
300
|
-
Divider:
|
|
298
|
+
OptionTitle: v.ItemTitle,
|
|
299
|
+
OptionHint: v.ItemHint,
|
|
300
|
+
Divider: oe,
|
|
301
301
|
InputSearch: [H, D._______childrenComponents],
|
|
302
302
|
Input: [H, D._______childrenComponents]
|
|
303
303
|
}, {
|
|
304
|
-
parent:
|
|
305
|
-
context:
|
|
304
|
+
parent: v,
|
|
305
|
+
context: de
|
|
306
306
|
}), Ve = function(l) {
|
|
307
307
|
return l;
|
|
308
308
|
};
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@semcore/select",
|
|
3
3
|
"description": "Semrush Select Component",
|
|
4
|
-
"version": "4.51.
|
|
4
|
+
"version": "4.51.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",
|
|
@@ -14,12 +14,12 @@
|
|
|
14
14
|
},
|
|
15
15
|
"dependencies": {
|
|
16
16
|
"@semcore/base-trigger": "4.52.1",
|
|
17
|
-
"@semcore/button": "5.43.0
|
|
17
|
+
"@semcore/button": "5.43.0",
|
|
18
18
|
"@semcore/checkbox": "7.44.1",
|
|
19
19
|
"@semcore/divider": "4.40.1",
|
|
20
|
-
"@semcore/dropdown-menu": "4.47.0
|
|
20
|
+
"@semcore/dropdown-menu": "4.47.0",
|
|
21
21
|
"@semcore/dropdown": "4.43.1",
|
|
22
|
-
"@semcore/popper": "5.
|
|
22
|
+
"@semcore/popper": "5.47.0-prerelease.0",
|
|
23
23
|
"@semcore/flex-box": "5.41.1",
|
|
24
24
|
"@semcore/icon": "4.60.1",
|
|
25
25
|
"@semcore/input": "4.42.1",
|