@semcore/select 16.0.0 → 16.1.0-prerelease.2
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 +21 -15
- package/lib/cjs/InputSearch.js.map +1 -1
- package/lib/cjs/Select.js +8 -8
- package/lib/es6/InputSearch.js +21 -15
- package/lib/es6/InputSearch.js.map +1 -1
- package/lib/es6/Select.js +8 -8
- package/lib/esm/InputSearch.mjs +12 -10
- package/lib/esm/Select.mjs +9 -9
- package/package.json +12 -12
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
|
+
## [16.1.0] - 2025-05-23
|
|
6
|
+
|
|
7
|
+
### Changed
|
|
8
|
+
|
|
9
|
+
- Version minor update due to children dependencies update (`@semcore/base-trigger` [16.0.0 ~> 16.1.0], `@semcore/dropdown-menu` [16.0.0 ~> 16.1.0], `@semcore/icon` [16.0.0 ~> 16.1.0]).
|
|
10
|
+
|
|
5
11
|
## [16.0.0] - 2025-05-19
|
|
6
12
|
|
|
7
13
|
### Added
|
package/lib/cjs/InputSearch.js
CHANGED
|
@@ -22,14 +22,14 @@ var _context = require("./context");
|
|
|
22
22
|
var _i18nEnhance = _interopRequireDefault(require("@semcore/core/lib/utils/enhances/i18nEnhance"));
|
|
23
23
|
var _intergalacticDynamicLocales = require("./translations/__intergalactic-dynamic-locales");
|
|
24
24
|
/*!__reshadow-styles__:"./style/input-search.shadow.css"*/
|
|
25
|
-
var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".
|
|
25
|
+
var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SInputSearch_1pmfk_gg_._size_m_1pmfk_gg_{height:32px}.___SSearchClear_1pmfk_gg_{padding:0 var(--intergalactic-spacing-2x, 8px)}.___SSearchClear_1pmfk_gg_.__hide_1pmfk_gg_{visibility:hidden}.___SOutline_1pmfk_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__*/"1pmfk_gg_"),
|
|
26
26
|
/*__reshadow_css_end__*/
|
|
27
27
|
{
|
|
28
|
-
"__SInputSearch": "
|
|
29
|
-
"_size_m": "
|
|
30
|
-
"__SSearchClear": "
|
|
31
|
-
"_hide": "
|
|
32
|
-
"__SOutline": "
|
|
28
|
+
"__SInputSearch": "___SInputSearch_1pmfk_gg_",
|
|
29
|
+
"_size_m": "_size_m_1pmfk_gg_",
|
|
30
|
+
"__SSearchClear": "___SSearchClear_1pmfk_gg_",
|
|
31
|
+
"_hide": "__hide_1pmfk_gg_",
|
|
32
|
+
"__SOutline": "___SOutline_1pmfk_gg_"
|
|
33
33
|
});
|
|
34
34
|
var InputSearchRoot = /*#__PURE__*/function (_Component) {
|
|
35
35
|
(0, _inherits2["default"])(InputSearchRoot, _Component);
|
|
@@ -64,8 +64,14 @@ var InputSearchRoot = /*#__PURE__*/function (_Component) {
|
|
|
64
64
|
}, {
|
|
65
65
|
key: "getValueProps",
|
|
66
66
|
value: function getValueProps() {
|
|
67
|
-
var
|
|
67
|
+
var _this$asProps = this.asProps,
|
|
68
|
+
value = _this$asProps.value,
|
|
69
|
+
onChange = _this$asProps.onChange,
|
|
70
|
+
getI18nText = _this$asProps.getI18nText,
|
|
71
|
+
hasChildren = _this$asProps.children;
|
|
68
72
|
return {
|
|
73
|
+
value: value,
|
|
74
|
+
onChange: hasChildren ? onChange : undefined,
|
|
69
75
|
autoFocus: true,
|
|
70
76
|
ref: this.inputRef,
|
|
71
77
|
placeholder: getI18nText('Select.InputSearch.Value:placeholder'),
|
|
@@ -75,9 +81,9 @@ var InputSearchRoot = /*#__PURE__*/function (_Component) {
|
|
|
75
81
|
}, {
|
|
76
82
|
key: "getClearProps",
|
|
77
83
|
value: function getClearProps() {
|
|
78
|
-
var _this$
|
|
79
|
-
value = _this$
|
|
80
|
-
getI18nText = _this$
|
|
84
|
+
var _this$asProps2 = this.asProps,
|
|
85
|
+
value = _this$asProps2.value,
|
|
86
|
+
getI18nText = _this$asProps2.getI18nText;
|
|
81
87
|
return {
|
|
82
88
|
ref: this.closeIconRef,
|
|
83
89
|
/* hide through css because the width of the input changes */
|
|
@@ -94,11 +100,11 @@ var InputSearchRoot = /*#__PURE__*/function (_Component) {
|
|
|
94
100
|
_ref5;
|
|
95
101
|
var Value = InputSearch.Value;
|
|
96
102
|
var SInputSearch = _input["default"];
|
|
97
|
-
var _this$
|
|
98
|
-
size = _this$
|
|
99
|
-
styles = _this$
|
|
100
|
-
hasChildren = _this$
|
|
101
|
-
Children = _this$
|
|
103
|
+
var _this$asProps3 = this.asProps,
|
|
104
|
+
size = _this$asProps3.size,
|
|
105
|
+
styles = _this$asProps3.styles,
|
|
106
|
+
hasChildren = _this$asProps3.children,
|
|
107
|
+
Children = _this$asProps3.Children;
|
|
102
108
|
return _ref5 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SInputSearch, _ref5.cn("SInputSearch", {
|
|
103
109
|
"size": size || this.context.size || 'm',
|
|
104
110
|
"styles": styles
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"InputSearch.js","names":["_core","require","_react","_interopRequireDefault","_m","_m2","_input","_button","_context","_i18nEnhance","_intergalacticDynamicLocales","style","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","require","_react","_interopRequireDefault","_m","_m2","_input","_button","_context","_i18nEnhance","_intergalacticDynamicLocales","style","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","_this$asProps","asProps","onChange","getI18nText","hasChildren","children","undefined","autoFocus","ref","placeholder","getClearProps","_this$asProps2","hide","onClick","handleClear","render","_ref","_ref5","Value","InputSearch","SInputSearch","Input","_this$asProps3","size","styles","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/core/lib/utils/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 { value, onChange, getI18nText, children: hasChildren } = this.asProps;\n return {\n value,\n onChange: hasChildren ? onChange : undefined,\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
|
@@ -37,16 +37,16 @@ var _popper = require("@semcore/popper");
|
|
|
37
37
|
var _assignProps6 = require("@semcore/core/lib/utils/assignProps");
|
|
38
38
|
var _excluded = ["Children", "options", "multiselect", "value", "uid", "forcedAdvancedMode"];
|
|
39
39
|
/*!__reshadow-styles__:"./style/select.shadow.css"*/
|
|
40
|
-
var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".
|
|
40
|
+
var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SOptionCheckbox_a3e6b_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_a3e6b_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_a3e6b_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_a3e6b_gg_.__selected_a3e6b_gg_::after{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iNyIgdmlld0JveD0iMCAwIDEwIDciIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik04LjI1IDFMNCA1LjI1TDEuNzUgMyIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==)}.___SOptionCheckbox_a3e6b_gg_._size_l_a3e6b_gg_{width:20px;height:20px}.___SOptionCheckbox_a3e6b_gg_._size_l_a3e6b_gg_.__selected_a3e6b_gg_::after{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iOSIgdmlld0JveD0iMCAwIDEyIDkiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xMSAxLjVMNC43NSA3Ljc1TDEgNCIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==)}.___SOptionCheckbox_a3e6b_gg_.__indeterminate_a3e6b_gg_:before,.___SOptionCheckbox_a3e6b_gg_.__selected_a3e6b_gg_:before{background-color:var(--intergalactic-control-primary-info, #008ff8);border-color:var(--intergalactic-control-primary-info, #008ff8)}.___SOptionCheckbox_a3e6b_gg_.__theme_a3e6b_gg_:before{border-color:var(--theme_a3e6b)}.___SOptionCheckbox_a3e6b_gg_.__theme_a3e6b_gg_.__indeterminate_a3e6b_gg_:before,.___SOptionCheckbox_a3e6b_gg_.__theme_a3e6b_gg_.__selected_a3e6b_gg_:before{background-color:var(--theme_a3e6b);border-color:var(--theme_a3e6b)}.___SOptionCheckbox_a3e6b_gg_.__selected_a3e6b_gg_{background-color:var(--intergalactic-dropdown-menu-item-selected, rgba(196, 229, 254, 0.7))}@media (hover:hover){.___SOptionCheckbox_a3e6b_gg_.__selected_a3e6b_gg_:hover{background-color:var(--intergalactic-dropdown-menu-item-selected-hover, #c4e5fe)}}.___SOptionCheckbox_a3e6b_gg_.__indeterminate_a3e6b_gg_:after{background-color:#fff;background-image:none;margin:auto;border-radius:1px}.___SOptionCheckbox_a3e6b_gg_.__indeterminate_a3e6b_gg_._size_l_a3e6b_gg_:after{width:12px;height:2px}.___SOptionCheckbox_a3e6b_gg_.__indeterminate_a3e6b_gg_._size_m_a3e6b_gg_:after{width:8px;height:2px}", /*__inner_css_end__*/"a3e6b_gg_"),
|
|
41
41
|
/*__reshadow_css_end__*/
|
|
42
42
|
{
|
|
43
|
-
"__SOptionCheckbox": "
|
|
44
|
-
"_selected": "
|
|
45
|
-
"_size_l": "
|
|
46
|
-
"_indeterminate": "
|
|
47
|
-
"_theme": "
|
|
48
|
-
"--theme": "--
|
|
49
|
-
"_size_m": "
|
|
43
|
+
"__SOptionCheckbox": "___SOptionCheckbox_a3e6b_gg_",
|
|
44
|
+
"_selected": "__selected_a3e6b_gg_",
|
|
45
|
+
"_size_l": "_size_l_a3e6b_gg_",
|
|
46
|
+
"_indeterminate": "__indeterminate_a3e6b_gg_",
|
|
47
|
+
"_theme": "__theme_a3e6b_gg_",
|
|
48
|
+
"--theme": "--theme_a3e6b",
|
|
49
|
+
"_size_m": "_size_m_a3e6b_gg_"
|
|
50
50
|
});
|
|
51
51
|
function isSelectedOption(value, valueOption) {
|
|
52
52
|
return Array.isArray(value) ? value.includes(valueOption) : valueOption === value;
|
package/lib/es6/InputSearch.js
CHANGED
|
@@ -20,14 +20,14 @@ import { selectContext } from './context';
|
|
|
20
20
|
import i18nEnhance from '@semcore/core/lib/utils/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__*/".
|
|
23
|
+
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SInputSearch_1pmfk_gg_._size_m_1pmfk_gg_{height:32px}.___SSearchClear_1pmfk_gg_{padding:0 var(--intergalactic-spacing-2x, 8px)}.___SSearchClear_1pmfk_gg_.__hide_1pmfk_gg_{visibility:hidden}.___SOutline_1pmfk_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__*/"1pmfk_gg_"),
|
|
24
24
|
/*__reshadow_css_end__*/
|
|
25
25
|
{
|
|
26
|
-
"__SInputSearch": "
|
|
27
|
-
"_size_m": "
|
|
28
|
-
"__SSearchClear": "
|
|
29
|
-
"_hide": "
|
|
30
|
-
"__SOutline": "
|
|
26
|
+
"__SInputSearch": "___SInputSearch_1pmfk_gg_",
|
|
27
|
+
"_size_m": "_size_m_1pmfk_gg_",
|
|
28
|
+
"__SSearchClear": "___SSearchClear_1pmfk_gg_",
|
|
29
|
+
"_hide": "__hide_1pmfk_gg_",
|
|
30
|
+
"__SOutline": "___SOutline_1pmfk_gg_"
|
|
31
31
|
});
|
|
32
32
|
var InputSearchRoot = /*#__PURE__*/function (_Component) {
|
|
33
33
|
_inherits(InputSearchRoot, _Component);
|
|
@@ -62,8 +62,14 @@ var InputSearchRoot = /*#__PURE__*/function (_Component) {
|
|
|
62
62
|
}, {
|
|
63
63
|
key: "getValueProps",
|
|
64
64
|
value: function getValueProps() {
|
|
65
|
-
var
|
|
65
|
+
var _this$asProps = this.asProps,
|
|
66
|
+
value = _this$asProps.value,
|
|
67
|
+
onChange = _this$asProps.onChange,
|
|
68
|
+
getI18nText = _this$asProps.getI18nText,
|
|
69
|
+
hasChildren = _this$asProps.children;
|
|
66
70
|
return {
|
|
71
|
+
value: value,
|
|
72
|
+
onChange: hasChildren ? onChange : undefined,
|
|
67
73
|
autoFocus: true,
|
|
68
74
|
ref: this.inputRef,
|
|
69
75
|
placeholder: getI18nText('Select.InputSearch.Value:placeholder'),
|
|
@@ -73,9 +79,9 @@ var InputSearchRoot = /*#__PURE__*/function (_Component) {
|
|
|
73
79
|
}, {
|
|
74
80
|
key: "getClearProps",
|
|
75
81
|
value: function getClearProps() {
|
|
76
|
-
var _this$
|
|
77
|
-
value = _this$
|
|
78
|
-
getI18nText = _this$
|
|
82
|
+
var _this$asProps2 = this.asProps,
|
|
83
|
+
value = _this$asProps2.value,
|
|
84
|
+
getI18nText = _this$asProps2.getI18nText;
|
|
79
85
|
return {
|
|
80
86
|
ref: this.closeIconRef,
|
|
81
87
|
/* hide through css because the width of the input changes */
|
|
@@ -92,11 +98,11 @@ var InputSearchRoot = /*#__PURE__*/function (_Component) {
|
|
|
92
98
|
_ref5;
|
|
93
99
|
var Value = InputSearch.Value;
|
|
94
100
|
var SInputSearch = Input;
|
|
95
|
-
var _this$
|
|
96
|
-
size = _this$
|
|
97
|
-
styles = _this$
|
|
98
|
-
hasChildren = _this$
|
|
99
|
-
Children = _this$
|
|
101
|
+
var _this$asProps3 = this.asProps,
|
|
102
|
+
size = _this$asProps3.size,
|
|
103
|
+
styles = _this$asProps3.styles,
|
|
104
|
+
hasChildren = _this$asProps3.children,
|
|
105
|
+
Children = _this$asProps3.Children;
|
|
100
106
|
return _ref5 = sstyled(styles), /*#__PURE__*/React.createElement(SInputSearch, _ref5.cn("SInputSearch", {
|
|
101
107
|
"size": size || this.context.size || 'm',
|
|
102
108
|
"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","_this$asProps","asProps","onChange","getI18nText","hasChildren","children","undefined","autoFocus","ref","placeholder","getClearProps","_this$asProps2","hide","onClick","handleClear","render","_ref","_ref5","Value","InputSearch","SInputSearch","_this$asProps3","size","styles","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/core/lib/utils/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 { value, onChange, getI18nText, children: hasChildren } = this.asProps;\n return {\n value,\n onChange: hasChildren ? onChange : undefined,\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,16 +34,16 @@ 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__*/".
|
|
37
|
+
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SOptionCheckbox_a3e6b_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_a3e6b_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_a3e6b_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_a3e6b_gg_.__selected_a3e6b_gg_::after{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iNyIgdmlld0JveD0iMCAwIDEwIDciIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik04LjI1IDFMNCA1LjI1TDEuNzUgMyIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==)}.___SOptionCheckbox_a3e6b_gg_._size_l_a3e6b_gg_{width:20px;height:20px}.___SOptionCheckbox_a3e6b_gg_._size_l_a3e6b_gg_.__selected_a3e6b_gg_::after{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iOSIgdmlld0JveD0iMCAwIDEyIDkiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xMSAxLjVMNC43NSA3Ljc1TDEgNCIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==)}.___SOptionCheckbox_a3e6b_gg_.__indeterminate_a3e6b_gg_:before,.___SOptionCheckbox_a3e6b_gg_.__selected_a3e6b_gg_:before{background-color:var(--intergalactic-control-primary-info, #008ff8);border-color:var(--intergalactic-control-primary-info, #008ff8)}.___SOptionCheckbox_a3e6b_gg_.__theme_a3e6b_gg_:before{border-color:var(--theme_a3e6b)}.___SOptionCheckbox_a3e6b_gg_.__theme_a3e6b_gg_.__indeterminate_a3e6b_gg_:before,.___SOptionCheckbox_a3e6b_gg_.__theme_a3e6b_gg_.__selected_a3e6b_gg_:before{background-color:var(--theme_a3e6b);border-color:var(--theme_a3e6b)}.___SOptionCheckbox_a3e6b_gg_.__selected_a3e6b_gg_{background-color:var(--intergalactic-dropdown-menu-item-selected, rgba(196, 229, 254, 0.7))}@media (hover:hover){.___SOptionCheckbox_a3e6b_gg_.__selected_a3e6b_gg_:hover{background-color:var(--intergalactic-dropdown-menu-item-selected-hover, #c4e5fe)}}.___SOptionCheckbox_a3e6b_gg_.__indeterminate_a3e6b_gg_:after{background-color:#fff;background-image:none;margin:auto;border-radius:1px}.___SOptionCheckbox_a3e6b_gg_.__indeterminate_a3e6b_gg_._size_l_a3e6b_gg_:after{width:12px;height:2px}.___SOptionCheckbox_a3e6b_gg_.__indeterminate_a3e6b_gg_._size_m_a3e6b_gg_:after{width:8px;height:2px}", /*__inner_css_end__*/"a3e6b_gg_"),
|
|
38
38
|
/*__reshadow_css_end__*/
|
|
39
39
|
{
|
|
40
|
-
"__SOptionCheckbox": "
|
|
41
|
-
"_selected": "
|
|
42
|
-
"_size_l": "
|
|
43
|
-
"_indeterminate": "
|
|
44
|
-
"_theme": "
|
|
45
|
-
"--theme": "--
|
|
46
|
-
"_size_m": "
|
|
40
|
+
"__SOptionCheckbox": "___SOptionCheckbox_a3e6b_gg_",
|
|
41
|
+
"_selected": "__selected_a3e6b_gg_",
|
|
42
|
+
"_size_l": "_size_l_a3e6b_gg_",
|
|
43
|
+
"_indeterminate": "__indeterminate_a3e6b_gg_",
|
|
44
|
+
"_theme": "__theme_a3e6b_gg_",
|
|
45
|
+
"--theme": "--theme_a3e6b",
|
|
46
|
+
"_size_m": "_size_m_a3e6b_gg_"
|
|
47
47
|
});
|
|
48
48
|
import { callAllEventHandlers } from '@semcore/core/lib/utils/assignProps';
|
|
49
49
|
import { isAdvanceMode } from '@semcore/core/lib/utils/findComponent';
|
package/lib/esm/InputSearch.mjs
CHANGED
|
@@ -19,16 +19,16 @@ var style = (
|
|
|
19
19
|
/*__reshadow_css_start__*/
|
|
20
20
|
(sstyled.insert(
|
|
21
21
|
/*__inner_css_start__*/
|
|
22
|
-
".
|
|
22
|
+
".___SInputSearch_1pmfk_gg_._size_m_1pmfk_gg_{height:32px}.___SSearchClear_1pmfk_gg_{padding:0 var(--intergalactic-spacing-2x, 8px)}.___SSearchClear_1pmfk_gg_.__hide_1pmfk_gg_{visibility:hidden}.___SOutline_1pmfk_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
23
|
/*__inner_css_end__*/
|
|
24
|
-
"
|
|
24
|
+
"1pmfk_gg_"
|
|
25
25
|
), /*__reshadow_css_end__*/
|
|
26
26
|
{
|
|
27
|
-
"__SInputSearch": "
|
|
28
|
-
"_size_m": "
|
|
29
|
-
"__SSearchClear": "
|
|
30
|
-
"_hide": "
|
|
31
|
-
"__SOutline": "
|
|
27
|
+
"__SInputSearch": "___SInputSearch_1pmfk_gg_",
|
|
28
|
+
"_size_m": "_size_m_1pmfk_gg_",
|
|
29
|
+
"__SSearchClear": "___SSearchClear_1pmfk_gg_",
|
|
30
|
+
"_hide": "__hide_1pmfk_gg_",
|
|
31
|
+
"__SOutline": "___SOutline_1pmfk_gg_"
|
|
32
32
|
})
|
|
33
33
|
);
|
|
34
34
|
var InputSearchRoot = /* @__PURE__ */ function(_Component) {
|
|
@@ -64,8 +64,10 @@ var InputSearchRoot = /* @__PURE__ */ function(_Component) {
|
|
|
64
64
|
}, {
|
|
65
65
|
key: "getValueProps",
|
|
66
66
|
value: function getValueProps() {
|
|
67
|
-
var
|
|
67
|
+
var _this$asProps = this.asProps, value = _this$asProps.value, onChange = _this$asProps.onChange, getI18nText = _this$asProps.getI18nText, hasChildren = _this$asProps.children;
|
|
68
68
|
return {
|
|
69
|
+
value,
|
|
70
|
+
onChange: hasChildren ? onChange : void 0,
|
|
69
71
|
autoFocus: true,
|
|
70
72
|
ref: this.inputRef,
|
|
71
73
|
placeholder: getI18nText("Select.InputSearch.Value:placeholder"),
|
|
@@ -75,7 +77,7 @@ var InputSearchRoot = /* @__PURE__ */ function(_Component) {
|
|
|
75
77
|
}, {
|
|
76
78
|
key: "getClearProps",
|
|
77
79
|
value: function getClearProps() {
|
|
78
|
-
var _this$
|
|
80
|
+
var _this$asProps2 = this.asProps, value = _this$asProps2.value, getI18nText = _this$asProps2.getI18nText;
|
|
79
81
|
return {
|
|
80
82
|
ref: this.closeIconRef,
|
|
81
83
|
/* hide through css because the width of the input changes */
|
|
@@ -91,7 +93,7 @@ var InputSearchRoot = /* @__PURE__ */ function(_Component) {
|
|
|
91
93
|
var _ref = this.asProps, _ref5;
|
|
92
94
|
var Value = InputSearch.Value;
|
|
93
95
|
var SInputSearch = Input;
|
|
94
|
-
var _this$
|
|
96
|
+
var _this$asProps3 = this.asProps, size = _this$asProps3.size, styles = _this$asProps3.styles, hasChildren = _this$asProps3.children, Children = _this$asProps3.Children;
|
|
95
97
|
return _ref5 = sstyled(styles), /* @__PURE__ */ React.createElement(SInputSearch, _ref5.cn("SInputSearch", {
|
|
96
98
|
"size": size || this.context.size || "m",
|
|
97
99
|
"styles": styles
|
package/lib/esm/Select.mjs
CHANGED
|
@@ -33,18 +33,18 @@ var style = (
|
|
|
33
33
|
/*__reshadow_css_start__*/
|
|
34
34
|
(sstyled.insert(
|
|
35
35
|
/*__inner_css_start__*/
|
|
36
|
-
'.
|
|
36
|
+
'.___SOptionCheckbox_a3e6b_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_a3e6b_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_a3e6b_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_a3e6b_gg_.__selected_a3e6b_gg_::after{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iNyIgdmlld0JveD0iMCAwIDEwIDciIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik04LjI1IDFMNCA1LjI1TDEuNzUgMyIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==)}.___SOptionCheckbox_a3e6b_gg_._size_l_a3e6b_gg_{width:20px;height:20px}.___SOptionCheckbox_a3e6b_gg_._size_l_a3e6b_gg_.__selected_a3e6b_gg_::after{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iOSIgdmlld0JveD0iMCAwIDEyIDkiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xMSAxLjVMNC43NSA3Ljc1TDEgNCIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==)}.___SOptionCheckbox_a3e6b_gg_.__indeterminate_a3e6b_gg_:before,.___SOptionCheckbox_a3e6b_gg_.__selected_a3e6b_gg_:before{background-color:var(--intergalactic-control-primary-info, #008ff8);border-color:var(--intergalactic-control-primary-info, #008ff8)}.___SOptionCheckbox_a3e6b_gg_.__theme_a3e6b_gg_:before{border-color:var(--theme_a3e6b)}.___SOptionCheckbox_a3e6b_gg_.__theme_a3e6b_gg_.__indeterminate_a3e6b_gg_:before,.___SOptionCheckbox_a3e6b_gg_.__theme_a3e6b_gg_.__selected_a3e6b_gg_:before{background-color:var(--theme_a3e6b);border-color:var(--theme_a3e6b)}.___SOptionCheckbox_a3e6b_gg_.__selected_a3e6b_gg_{background-color:var(--intergalactic-dropdown-menu-item-selected, rgba(196, 229, 254, 0.7))}@media (hover:hover){.___SOptionCheckbox_a3e6b_gg_.__selected_a3e6b_gg_:hover{background-color:var(--intergalactic-dropdown-menu-item-selected-hover, #c4e5fe)}}.___SOptionCheckbox_a3e6b_gg_.__indeterminate_a3e6b_gg_:after{background-color:#fff;background-image:none;margin:auto;border-radius:1px}.___SOptionCheckbox_a3e6b_gg_.__indeterminate_a3e6b_gg_._size_l_a3e6b_gg_:after{width:12px;height:2px}.___SOptionCheckbox_a3e6b_gg_.__indeterminate_a3e6b_gg_._size_m_a3e6b_gg_:after{width:8px;height:2px}',
|
|
37
37
|
/*__inner_css_end__*/
|
|
38
|
-
"
|
|
38
|
+
"a3e6b_gg_"
|
|
39
39
|
), /*__reshadow_css_end__*/
|
|
40
40
|
{
|
|
41
|
-
"__SOptionCheckbox": "
|
|
42
|
-
"_selected": "
|
|
43
|
-
"_size_l": "
|
|
44
|
-
"_indeterminate": "
|
|
45
|
-
"_theme": "
|
|
46
|
-
"--theme": "--
|
|
47
|
-
"_size_m": "
|
|
41
|
+
"__SOptionCheckbox": "___SOptionCheckbox_a3e6b_gg_",
|
|
42
|
+
"_selected": "__selected_a3e6b_gg_",
|
|
43
|
+
"_size_l": "_size_l_a3e6b_gg_",
|
|
44
|
+
"_indeterminate": "__indeterminate_a3e6b_gg_",
|
|
45
|
+
"_theme": "__theme_a3e6b_gg_",
|
|
46
|
+
"--theme": "--theme_a3e6b",
|
|
47
|
+
"_size_m": "_size_m_a3e6b_gg_"
|
|
48
48
|
})
|
|
49
49
|
);
|
|
50
50
|
function isSelectedOption(value, valueOption) {
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@semcore/select",
|
|
3
3
|
"description": "Semrush Select Component",
|
|
4
|
-
"version": "16.0.
|
|
4
|
+
"version": "16.1.0-prerelease.2",
|
|
5
5
|
"main": "lib/cjs/index.js",
|
|
6
6
|
"module": "lib/es6/index.js",
|
|
7
7
|
"typings": "lib/types/index.d.ts",
|
|
@@ -13,20 +13,20 @@
|
|
|
13
13
|
"types": "./lib/types/index.d.ts"
|
|
14
14
|
},
|
|
15
15
|
"dependencies": {
|
|
16
|
-
"@semcore/base-trigger": "16.0.
|
|
17
|
-
"@semcore/button": "16.0.0",
|
|
18
|
-
"@semcore/checkbox": "16.0.0",
|
|
19
|
-
"@semcore/divider": "16.0.0",
|
|
20
|
-
"@semcore/dropdown-menu": "16.0.
|
|
21
|
-
"@semcore/dropdown": "16.0.0",
|
|
22
|
-
"@semcore/icon": "16.0.
|
|
23
|
-
"@semcore/input": "16.0.0",
|
|
24
|
-
"@semcore/popper": "16.0.0",
|
|
25
|
-
"@semcore/flex-box": "16.0.0",
|
|
16
|
+
"@semcore/base-trigger": "16.1.0-prerelease.2",
|
|
17
|
+
"@semcore/button": "16.0.0-prerelease.2",
|
|
18
|
+
"@semcore/checkbox": "16.0.0-prerelease.2",
|
|
19
|
+
"@semcore/divider": "16.0.0-prerelease.2",
|
|
20
|
+
"@semcore/dropdown-menu": "16.1.0-prerelease.2",
|
|
21
|
+
"@semcore/dropdown": "16.0.0-prerelease.2",
|
|
22
|
+
"@semcore/icon": "16.1.0-prerelease.2",
|
|
23
|
+
"@semcore/input": "16.0.0-prerelease.2",
|
|
24
|
+
"@semcore/popper": "16.0.0-prerelease.2",
|
|
25
|
+
"@semcore/flex-box": "16.0.0-prerelease.2",
|
|
26
26
|
"classnames": "2.2.6"
|
|
27
27
|
},
|
|
28
28
|
"peerDependencies": {
|
|
29
|
-
"@semcore/base-components": "^16.0.0"
|
|
29
|
+
"@semcore/base-components": "^16.0.0-prerelease.2"
|
|
30
30
|
},
|
|
31
31
|
"repository": {
|
|
32
32
|
"type": "git",
|