@semcore/select 16.1.1-prerelease.4 → 16.1.2-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/README.md +1 -31
- package/lib/cjs/InputSearch.js +33 -34
- package/lib/cjs/InputSearch.js.map +1 -1
- package/lib/cjs/Select.js +53 -55
- package/lib/cjs/Select.js.map +1 -1
- package/lib/cjs/context.js +2 -3
- package/lib/cjs/context.js.map +1 -1
- package/lib/cjs/index.d.js.map +1 -1
- package/lib/cjs/index.js +2 -2
- package/lib/cjs/index.js.map +1 -1
- package/lib/cjs/translations/__intergalactic-dynamic-locales.js +4 -5
- package/lib/cjs/translations/__intergalactic-dynamic-locales.js.map +1 -1
- package/lib/es6/InputSearch.js +29 -29
- package/lib/es6/InputSearch.js.map +1 -1
- package/lib/es6/Select.js +52 -53
- package/lib/es6/Select.js.map +1 -1
- package/lib/es6/context.js.map +1 -1
- package/lib/es6/index.d.js.map +1 -1
- package/lib/es6/index.js.map +1 -1
- package/lib/es6/translations/__intergalactic-dynamic-locales.js +2 -2
- package/lib/es6/translations/__intergalactic-dynamic-locales.js.map +1 -1
- package/lib/esm/InputSearch.mjs +31 -29
- package/lib/esm/Select.mjs +55 -48
- package/lib/esm/translations/__intergalactic-dynamic-locales.mjs +2 -2
- package/lib/types/index.d.ts +13 -11
- package/package.json +15 -15
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.2] - 2025-06-11
|
|
6
|
+
|
|
7
|
+
### Changed
|
|
8
|
+
|
|
9
|
+
- Version patch update due to children dependencies update (`@semcore/dropdown-menu` [16.1.1 ~> 16.1.2]).
|
|
10
|
+
|
|
5
11
|
## [16.1.1] - 2025-05-30
|
|
6
12
|
|
|
7
13
|
### Changed
|
package/README.md
CHANGED
|
@@ -13,40 +13,10 @@
|
|
|
13
13
|
## Install
|
|
14
14
|
|
|
15
15
|
```sh
|
|
16
|
-
npm install
|
|
16
|
+
npm install @semcore/select
|
|
17
17
|
```
|
|
18
18
|
|
|
19
|
-
## Usage
|
|
20
19
|
|
|
21
|
-
```jsx
|
|
22
|
-
import Select, { InputSearch } from 'intergalactic/select';
|
|
23
|
-
```
|
|
24
|
-
|
|
25
|
-
<details>
|
|
26
|
-
<summary>Alternative installation and use</summary>
|
|
27
|
-
|
|
28
|
-
**We do not recommend this usage path due to possible dependency and update issues.**
|
|
29
|
-
|
|
30
|
-
### Install
|
|
31
|
-
|
|
32
|
-
You can only install one package from the design system
|
|
33
|
-
|
|
34
|
-
```sh
|
|
35
|
-
npm install @semcore/select @semcore/core
|
|
36
|
-
```
|
|
37
|
-
|
|
38
|
-
`@semcore/core` - _is the basic package by which we create our components, and it contains all of the common logic
|
|
39
|
-
of the components that is discussed below. There should only be one version of the package in the project._
|
|
40
|
-
|
|
41
|
-
### Usage
|
|
42
|
-
|
|
43
|
-
You can use the package the same way but without `/ui/` in the import path.
|
|
44
|
-
|
|
45
|
-
```jsx
|
|
46
|
-
import Select, { InputSearch } from '@semcore/select';
|
|
47
|
-
```
|
|
48
|
-
|
|
49
|
-
</details>
|
|
50
20
|
|
|
51
21
|
## 👤 Author
|
|
52
22
|
|
package/lib/cjs/InputSearch.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
|
|
4
4
|
Object.defineProperty(exports, "__esModule", {
|
|
5
5
|
value: true
|
|
6
6
|
});
|
|
@@ -8,53 +8,54 @@ exports["default"] = void 0;
|
|
|
8
8
|
var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
|
|
9
9
|
var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
|
|
10
10
|
var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
|
|
11
|
-
var
|
|
11
|
+
var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
|
|
12
|
+
var _isNativeReflectConstruct2 = _interopRequireDefault(require("@babel/runtime/helpers/isNativeReflectConstruct"));
|
|
13
|
+
var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
|
|
12
14
|
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
|
|
13
|
-
var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
|
|
14
15
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
15
16
|
var _core = require("@semcore/core");
|
|
16
|
-
var _react = _interopRequireDefault(require("react"));
|
|
17
|
-
var _m = _interopRequireDefault(require("@semcore/icon/Search/m"));
|
|
18
|
-
var _m2 = _interopRequireDefault(require("@semcore/icon/Close/m"));
|
|
19
|
-
var _input = _interopRequireDefault(require("@semcore/input"));
|
|
20
17
|
var _button = require("@semcore/button");
|
|
21
|
-
var _context = require("./context");
|
|
22
18
|
var _i18nEnhance = _interopRequireDefault(require("@semcore/core/lib/utils/enhances/i18nEnhance"));
|
|
19
|
+
var _m = _interopRequireDefault(require("@semcore/icon/Close/m"));
|
|
20
|
+
var _m2 = _interopRequireDefault(require("@semcore/icon/Search/m"));
|
|
21
|
+
var _input = _interopRequireDefault(require("@semcore/input"));
|
|
22
|
+
var _react = _interopRequireDefault(require("react"));
|
|
23
|
+
var _context = require("./context");
|
|
23
24
|
var _intergalacticDynamicLocales = require("./translations/__intergalactic-dynamic-locales");
|
|
25
|
+
function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2["default"])(o), (0, _possibleConstructorReturn2["default"])(t, (0, _isNativeReflectConstruct2["default"])() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2["default"])(t).constructor) : o.apply(t, e)); }
|
|
24
26
|
/*!__reshadow-styles__:"./style/input-search.shadow.css"*/
|
|
25
|
-
var style = (
|
|
27
|
+
var style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___SInputSearch_1jla1_gg_._size_m_1jla1_gg_{height:32px}.___SSearchClear_1jla1_gg_{padding:0 var(--intergalactic-spacing-2x, 8px)}.___SSearchClear_1jla1_gg_.__hide_1jla1_gg_{visibility:hidden}.___SOutline_1jla1_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__*/"1jla1_gg_"),
|
|
26
28
|
/*__reshadow_css_end__*/
|
|
27
29
|
{
|
|
28
|
-
"__SInputSearch": "
|
|
29
|
-
"_size_m": "
|
|
30
|
-
"__SSearchClear": "
|
|
31
|
-
"_hide": "
|
|
32
|
-
"__SOutline": "
|
|
30
|
+
"__SInputSearch": "___SInputSearch_1jla1_gg_",
|
|
31
|
+
"_size_m": "_size_m_1jla1_gg_",
|
|
32
|
+
"__SSearchClear": "___SSearchClear_1jla1_gg_",
|
|
33
|
+
"_hide": "__hide_1jla1_gg_",
|
|
34
|
+
"__SOutline": "___SOutline_1jla1_gg_"
|
|
33
35
|
});
|
|
34
36
|
var InputSearchRoot = /*#__PURE__*/function (_Component) {
|
|
35
|
-
(0, _inherits2["default"])(InputSearchRoot, _Component);
|
|
36
|
-
var _super = (0, _createSuper2["default"])(InputSearchRoot);
|
|
37
37
|
function InputSearchRoot() {
|
|
38
38
|
var _this;
|
|
39
39
|
(0, _classCallCheck2["default"])(this, InputSearchRoot);
|
|
40
40
|
for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
|
|
41
41
|
args[_key] = arguments[_key];
|
|
42
42
|
}
|
|
43
|
-
_this =
|
|
44
|
-
(0, _defineProperty2["default"])(
|
|
45
|
-
(0, _defineProperty2["default"])(
|
|
46
|
-
(0, _defineProperty2["default"])(
|
|
43
|
+
_this = _callSuper(this, InputSearchRoot, [].concat(args));
|
|
44
|
+
(0, _defineProperty2["default"])(_this, "inputRef", /*#__PURE__*/_react["default"].createRef());
|
|
45
|
+
(0, _defineProperty2["default"])(_this, "closeIconRef", /*#__PURE__*/_react["default"].createRef());
|
|
46
|
+
(0, _defineProperty2["default"])(_this, "handleClear", function (e) {
|
|
47
47
|
_this.handlers.value('', e);
|
|
48
48
|
setTimeout(function () {
|
|
49
49
|
if (document.activeElement === document.body || document.activeElement === _this.closeIconRef.current) {
|
|
50
50
|
var _this$inputRef$curren;
|
|
51
|
-
(_this$inputRef$curren = _this.inputRef.current) === null || _this$inputRef$curren === void 0
|
|
51
|
+
(_this$inputRef$curren = _this.inputRef.current) === null || _this$inputRef$curren === void 0 || _this$inputRef$curren.focus();
|
|
52
52
|
}
|
|
53
53
|
}, 0);
|
|
54
54
|
});
|
|
55
55
|
return _this;
|
|
56
56
|
}
|
|
57
|
-
(0,
|
|
57
|
+
(0, _inherits2["default"])(InputSearchRoot, _Component);
|
|
58
|
+
return (0, _createClass2["default"])(InputSearchRoot, [{
|
|
58
59
|
key: "uncontrolledProps",
|
|
59
60
|
value: function uncontrolledProps() {
|
|
60
61
|
return {
|
|
@@ -71,10 +72,10 @@ var InputSearchRoot = /*#__PURE__*/function (_Component) {
|
|
|
71
72
|
hasChildren = _this$asProps.children;
|
|
72
73
|
return {
|
|
73
74
|
value: value,
|
|
74
|
-
onChange: hasChildren ? onChange : undefined,
|
|
75
|
-
autoFocus: true,
|
|
76
|
-
ref: this.inputRef,
|
|
77
|
-
placeholder: getI18nText('Select.InputSearch.Value:placeholder'),
|
|
75
|
+
'onChange': hasChildren ? onChange : undefined,
|
|
76
|
+
'autoFocus': true,
|
|
77
|
+
'ref': this.inputRef,
|
|
78
|
+
'placeholder': getI18nText('Select.InputSearch.Value:placeholder'),
|
|
78
79
|
'aria-label': getI18nText('Select.InputSearch.Value:aria-label')
|
|
79
80
|
};
|
|
80
81
|
}
|
|
@@ -85,12 +86,12 @@ var InputSearchRoot = /*#__PURE__*/function (_Component) {
|
|
|
85
86
|
value = _this$asProps2.value,
|
|
86
87
|
getI18nText = _this$asProps2.getI18nText;
|
|
87
88
|
return {
|
|
88
|
-
ref: this.closeIconRef,
|
|
89
|
+
'ref': this.closeIconRef,
|
|
89
90
|
/* hide through css because the width of the input changes */
|
|
90
|
-
hide: !value,
|
|
91
|
+
'hide': !value,
|
|
91
92
|
'aria-hidden': !value,
|
|
92
93
|
'aria-label': getI18nText('clearSearch'),
|
|
93
|
-
onClick: this.handleClear
|
|
94
|
+
'onClick': this.handleClear
|
|
94
95
|
};
|
|
95
96
|
}
|
|
96
97
|
}, {
|
|
@@ -111,7 +112,6 @@ var InputSearchRoot = /*#__PURE__*/function (_Component) {
|
|
|
111
112
|
}), hasChildren ? /*#__PURE__*/_react["default"].createElement(Children, _ref5.cn("Children", {})) : /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(InputSearch.SearchIcon, null), /*#__PURE__*/_react["default"].createElement(Value, _ref5.cn("Value", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({}, _ref)))), /*#__PURE__*/_react["default"].createElement(InputSearch.Clear, null)));
|
|
112
113
|
}
|
|
113
114
|
}]);
|
|
114
|
-
return InputSearchRoot;
|
|
115
115
|
}(_core.Component);
|
|
116
116
|
(0, _defineProperty2["default"])(InputSearchRoot, "displayName", 'InputSearch');
|
|
117
117
|
(0, _defineProperty2["default"])(InputSearchRoot, "style", style);
|
|
@@ -127,7 +127,7 @@ var SearchIcon = function SearchIcon(props) {
|
|
|
127
127
|
_ref6;
|
|
128
128
|
var SSearchIcon = _input["default"].Addon;
|
|
129
129
|
var styles = props.styles;
|
|
130
|
-
return _ref6 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SSearchIcon, _ref6.cn("SSearchIcon", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({}, _ref2))), /*#__PURE__*/_react["default"].createElement(
|
|
130
|
+
return _ref6 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SSearchIcon, _ref6.cn("SSearchIcon", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({}, _ref2))), /*#__PURE__*/_react["default"].createElement(_m2["default"], _ref6.cn("SearchM", {})));
|
|
131
131
|
};
|
|
132
132
|
var SearchValue = function SearchValue(props) {
|
|
133
133
|
var _ref3 = arguments[0],
|
|
@@ -142,7 +142,7 @@ var SearchClear = function SearchClear(props) {
|
|
|
142
142
|
var SSearchClear = _button.ButtonLink;
|
|
143
143
|
var styles = props.styles;
|
|
144
144
|
return _ref8 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SSearchClear, _ref8.cn("SSearchClear", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
|
|
145
|
-
"addonLeft":
|
|
145
|
+
"addonLeft": _m["default"],
|
|
146
146
|
"use": 'secondary'
|
|
147
147
|
}, _ref4))));
|
|
148
148
|
};
|
|
@@ -151,6 +151,5 @@ var InputSearch = (0, _core.createComponent)(InputSearchRoot, {
|
|
|
151
151
|
Value: SearchValue,
|
|
152
152
|
Clear: SearchClear
|
|
153
153
|
});
|
|
154
|
-
var _default = InputSearch;
|
|
155
|
-
exports["default"] = _default;
|
|
154
|
+
var _default = exports["default"] = InputSearch;
|
|
156
155
|
//# sourceMappingURL=InputSearch.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"InputSearch.js","names":["_core","require","
|
|
1
|
+
{"version":3,"file":"InputSearch.js","names":["_core","require","_button","_i18nEnhance","_interopRequireDefault","_m","_m2","_input","_react","_context","_intergalacticDynamicLocales","_callSuper","t","o","e","_getPrototypeOf2","_possibleConstructorReturn2","_isNativeReflectConstruct2","Reflect","construct","constructor","apply","style","sstyled","insert","InputSearchRoot","_Component","_this","_classCallCheck2","_len","arguments","length","args","Array","_key","concat","_defineProperty2","React","createRef","handlers","value","setTimeout","document","activeElement","body","closeIconRef","current","_this$inputRef$curren","inputRef","focus","_inherits2","_createClass2","key","uncontrolledProps","getValueProps","_this$asProps","asProps","onChange","getI18nText","hasChildren","children","undefined","getClearProps","_this$asProps2","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 { ButtonLink } from '@semcore/button';\nimport { createComponent, Component, sstyled, Root } from '@semcore/core';\nimport i18nEnhance from '@semcore/core/lib/utils/enhances/i18nEnhance';\nimport CloseM from '@semcore/icon/Close/m';\nimport SearchM from '@semcore/icon/Search/m';\nimport Input from '@semcore/input';\nimport React from 'react';\n\nimport { selectContext } from './context';\nimport style from './style/input-search.shadow.css';\nimport { localizedMessages } from './translations/__intergalactic-dynamic-locales';\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\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\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 ? (\n <Children />\n )\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":";;;;;;;;;;;;;;;AACA,IAAAA,KAAA,GAAAC,OAAA;AADA,IAAAC,OAAA,GAAAD,OAAA;AAEA,IAAAE,YAAA,GAAAC,sBAAA,CAAAH,OAAA;AACA,IAAAI,EAAA,GAAAD,sBAAA,CAAAH,OAAA;AACA,IAAAK,GAAA,GAAAF,sBAAA,CAAAH,OAAA;AACA,IAAAM,MAAA,GAAAH,sBAAA,CAAAH,OAAA;AACA,IAAAO,MAAA,GAAAJ,sBAAA,CAAAH,OAAA;AAEA,IAAAQ,QAAA,GAAAR,OAAA;AAEA,IAAAS,4BAAA,GAAAT,OAAA;AAAmF,SAAAU,WAAAC,CAAA,EAAAC,CAAA,EAAAC,CAAA,WAAAD,CAAA,OAAAE,gBAAA,aAAAF,CAAA,OAAAG,2BAAA,aAAAJ,CAAA,MAAAK,0BAAA,iBAAAC,OAAA,CAAAC,SAAA,CAAAN,CAAA,EAAAC,CAAA,YAAAC,gBAAA,aAAAH,CAAA,EAAAQ,WAAA,IAAAP,CAAA,CAAAQ,KAAA,CAAAT,CAAA,EAAAE,CAAA;AAAA;AAAA,IAAAQ,KAAA,8BAAAtB,KAAA,CAAAuB,OAAA,CAAAC,MAAA;AAAA;AAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAAA;AAAA,IAE7EC,eAAe,0BAAAC,UAAA;EAAA,SAAAD,gBAAA;IAAA,IAAAE,KAAA;IAAA,IAAAC,gBAAA,mBAAAH,eAAA;IAAA,SAAAI,IAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAC,IAAA,OAAAC,KAAA,CAAAJ,IAAA,GAAAK,IAAA,MAAAA,IAAA,GAAAL,IAAA,EAAAK,IAAA;MAAAF,IAAA,CAAAE,IAAA,IAAAJ,SAAA,CAAAI,IAAA;IAAA;IAAAP,KAAA,GAAAhB,UAAA,OAAAc,eAAA,KAAAU,MAAA,CAAAH,IAAA;IAAA,IAAAI,gBAAA,aAAAT,KAAA,2BAWRU,iBAAK,CAACC,SAAS,CAAC,CAAC;IAAA,IAAAF,gBAAA,aAAAT,KAAA,+BACbU,iBAAK,CAACC,SAAS,CAAC,CAAC;IAAA,IAAAF,gBAAA,aAAAT,KAAA,iBAUlB,UAACb,CAAC,EAAK;MACnBa,KAAA,CAAKY,QAAQ,CAACC,KAAK,CAAC,EAAE,EAAE1B,CAAC,CAAC;MAC1B2B,UAAU,CAAC,YAAM;QACf,IACEC,QAAQ,CAACC,aAAa,KAAKD,QAAQ,CAACE,IAAI,IACxCF,QAAQ,CAACC,aAAa,KAAKhB,KAAA,CAAKkB,YAAY,CAACC,OAAO,EACpD;UAAA,IAAAC,qBAAA;UACA,CAAAA,qBAAA,GAAApB,KAAA,CAAKqB,QAAQ,CAACF,OAAO,cAAAC,qBAAA,eAArBA,qBAAA,CAAuBE,KAAK,CAAC,CAAC;QAChC;MACF,CAAC,EAAE,CAAC,CAAC;IACP,CAAC;IAAA,OAAAtB,KAAA;EAAA;EAAA,IAAAuB,UAAA,aAAAzB,eAAA,EAAAC,UAAA;EAAA,WAAAyB,aAAA,aAAA1B,eAAA;IAAA2B,GAAA;IAAAZ,KAAA,EAhBD,SAAAa,iBAAiBA,CAAA,EAAG;MAClB,OAAO;QACLb,KAAK,EAAE;MACT,CAAC;IACH;EAAC;IAAAY,GAAA;IAAAZ,KAAA,EAcD,SAAAc,aAAaA,CAAA,EAAG;MACd,IAAAC,aAAA,GAAgE,IAAI,CAACC,OAAO;QAApEhB,KAAK,GAAAe,aAAA,CAALf,KAAK;QAAEiB,QAAQ,GAAAF,aAAA,CAARE,QAAQ;QAAEC,WAAW,GAAAH,aAAA,CAAXG,WAAW;QAAYC,WAAW,GAAAJ,aAAA,CAArBK,QAAQ;MAC9C,OAAO;QACLpB,KAAK,EAALA,KAAK;QACL,UAAU,EAAEmB,WAAW,GAAGF,QAAQ,GAAGI,SAAS;QAC9C,WAAW,EAAE,IAAI;QACjB,KAAK,EAAE,IAAI,CAACb,QAAQ;QACpB,aAAa,EAAEU,WAAW,CAAC,sCAAsC,CAAC;QAClE,YAAY,EAAEA,WAAW,CAAC,qCAAqC;MACjE,CAAC;IACH;EAAC;IAAAN,GAAA;IAAAZ,KAAA,EAED,SAAAsB,aAAaA,CAAA,EAAG;MACd,IAAAC,cAAA,GAA+B,IAAI,CAACP,OAAO;QAAnChB,KAAK,GAAAuB,cAAA,CAALvB,KAAK;QAAEkB,WAAW,GAAAK,cAAA,CAAXL,WAAW;MAC1B,OAAO;QACL,KAAK,EAAE,IAAI,CAACb,YAAY;QACxB;QACA,MAAM,EAAE,CAACL,KAAK;QACd,aAAa,EAAE,CAACA,KAAK;QACrB,YAAY,EAAEkB,WAAW,CAAC,aAAa,CAAC;QACxC,SAAS,EAAE,IAAI,CAACM;MAClB,CAAC;IACH;EAAC;IAAAZ,GAAA;IAAAZ,KAAA,EAED,SAAAyB,MAAMA,CAAA,EAAG;MAAA,IAAAC,IAAA,QAAAV,OAAA;QAAAW,KAAA;MACP,IAAMC,KAAK,GAagBC,WAAW,CAACD,KAAK;MAZ5C,IAAME,YAAY,GAAGC,iBAAK;MAC1B,IAAAC,cAAA,GAA0D,IAAI,CAAChB,OAAO;QAA9DiB,IAAI,GAAAD,cAAA,CAAJC,IAAI;QAAEC,MAAM,GAAAF,cAAA,CAANE,MAAM;QAAYf,WAAW,GAAAa,cAAA,CAArBZ,QAAQ;QAAee,QAAQ,GAAAH,cAAA,CAARG,QAAQ;MAErD,OAAAR,KAAA,GAAO,IAAA5C,aAAO,EAACmD,MAAM,CAAC,eACpBlE,MAAA,YAAAoE,aAAA,CAACN,YAAY,EAAAH,KAAA,CAAAU,EAAA;QAAA,QAAOJ,IAAI,IAAI,IAAI,CAACK,OAAO,CAACL,IAAI,IAAI,GAAG;QAAA,UAAUC;MAAM,IACjEf,WAAW,gBAENnD,MAAA,YAAAoE,aAAA,CAACD,QAAQ,EAAAR,KAAA,CAAAU,EAAA,gBAAE,CAAC,gBAGZrE,MAAA,YAAAoE,aAAA,CAAApE,MAAA,YAAAuE,QAAA,qBACEvE,MAAA,YAAAoE,aAAA,CAACP,WAAW,CAACW,UAAU,MAAE,CAAC,eAC1BxE,MAAA,YAAAoE,aAAA,CAACR,KAAK,EAAAD,KAAA,CAAAU,EAAA,cAAAI,cAAA,qBAAAjF,KAAA,CAAAkF,WAAA,MAAAhB,IAAA,GAA6B,CAAC,eACpC1D,MAAA,YAAAoE,aAAA,CAACP,WAAW,CAACc,KAAK,MAAE,CACpB,CAEI,CAAC;IAEnB;EAAC;AAAA,EA9E2BC,eAAS;AAAA,IAAAhD,gBAAA,aAAjCX,eAAe,iBACE,aAAa;AAAA,IAAAW,gBAAA,aAD9BX,eAAe,WAGJH,KAAK;AAAA,IAAAc,gBAAA,aAHhBX,eAAe,aAIF,CAAC,IAAA4D,uBAAW,EAACC,8CAAiB,CAAC,CAAC;AAAA,IAAAlD,gBAAA,aAJ7CX,eAAe,kBAKG;EACpB8D,YAAY,EAAE,EAAE;EAChBC,IAAI,EAAEF,8CAAiB;EACvBG,MAAM,EAAE;AACV,CAAC;AAAA,IAAArD,gBAAA,aATGX,eAAe,iBAcEiE,sBAAa;AAmEpC,IAAMV,UAAU,GAAG,SAAbA,UAAUA,CAAIW,KAAK,EAAK;EAAA,IAAAC,KAAA,GAAAC,YAAA;IAAAC,KAAA;EAC5B,IAAMC,WAAW,GAGMxB,iBAAK,CAACyB,KAAK;EAFlC,IAAQtB,MAAM,GAAKiB,KAAK,CAAhBjB,MAAM;EACd,OAAAoB,KAAA,GAAO,IAAAvE,aAAO,EAACmD,MAAM,CAAC,eACpBlE,MAAA,YAAAoE,aAAA,CAACmB,WAAW,EAAAD,KAAA,CAAAjB,EAAA,oBAAAI,cAAA,qBAAAjF,KAAA,CAAAkF,WAAA,MAAAU,KAAA,kBACVpF,MAAA,YAAAoE,aAAA,CAACtE,GAAA,WAAO,EAAAwF,KAAA,CAAAjB,EAAA,eAAE,CACC,CAAC;AAElB,CAAC;AACD,IAAMoB,WAAW,GAAG,SAAdA,WAAWA,CAAIN,KAAK,EAAK;EAAA,IAAAO,KAAA,GAAAL,YAAA;IAAAM,KAAA;EAC7B,IAAMC,YAAY,GAE2B7B,iBAAK,CAACH,KAAK;EADxD,IAAQM,MAAM,GAAKiB,KAAK,CAAhBjB,MAAM;EACd,OAAAyB,KAAA,GAAO,IAAA5E,aAAO,EAACmD,MAAM,CAAC,eAAClE,MAAA,YAAAoE,aAAA,CAACwB,YAAY,EAAAD,KAAA,CAAAtB,EAAA,qBAAAI,cAAA,qBAAAjF,KAAA,CAAAkF,WAAA,MAAAgB,KAAA,GAAuB,CAAC;AAC9D,CAAC;AACD,IAAMG,WAAW,GAAG,SAAdA,WAAWA,CAAIV,KAAK,EAAK;EAAA,IAAAW,KAAA,GAAAT,YAAA;IAAAU,KAAA;EAC7B,IAAMC,YAAY,GAE2BC,kBAAU;EADvD,IAAQ/B,MAAM,GAAKiB,KAAK,CAAhBjB,MAAM;EACd,OAAA6B,KAAA,GAAO,IAAAhF,aAAO,EAACmD,MAAM,CAAC,eAAClE,MAAA,YAAAoE,aAAA,CAAC4B,YAAY,EAAAD,KAAA,CAAA1B,EAAA,qBAAAI,cAAA,qBAAAjF,KAAA,CAAAkF,WAAA;IAAA,aAAgCwB,aAAM;IAAA,OAAM;EAAW,GAAAJ,KAAA,GAAE,CAAC;AAChG,CAAC;AAED,IAAMjC,WAAW,GAAG,IAAAsC,qBAAe,EAAClF,eAAe,EAAE;EACnDuD,UAAU,EAAEA,UAAU;EACtBZ,KAAK,EAAE6B,WAAW;EAClBd,KAAK,EAAEkB;AACT,CAAC,CAAC;AAAC,IAAAO,QAAA,GAAAC,OAAA,cAEYxC,WAAW","ignoreList":[]}
|
package/lib/cjs/Select.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
|
|
4
|
+
var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard")["default"];
|
|
5
5
|
Object.defineProperty(exports, "__esModule", {
|
|
6
6
|
value: true
|
|
7
7
|
});
|
|
@@ -12,41 +12,43 @@ var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/h
|
|
|
12
12
|
var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
|
|
13
13
|
var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
|
|
14
14
|
var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
|
|
15
|
-
var
|
|
16
|
-
var
|
|
15
|
+
var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
|
|
16
|
+
var _isNativeReflectConstruct2 = _interopRequireDefault(require("@babel/runtime/helpers/isNativeReflectConstruct"));
|
|
17
17
|
var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
|
|
18
|
+
var _get2 = _interopRequireDefault(require("@babel/runtime/helpers/get"));
|
|
18
19
|
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
|
|
19
|
-
var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
|
|
20
20
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
21
21
|
var _core = require("@semcore/core");
|
|
22
|
-
var _react = _interopRequireDefault(require("react"));
|
|
23
|
-
var _classnames = _interopRequireDefault(require("classnames"));
|
|
24
|
-
var _dropdownMenu = _interopRequireDefault(require("@semcore/dropdown-menu"));
|
|
25
|
-
var _dropdown = _interopRequireWildcard(require("@semcore/dropdown"));
|
|
26
22
|
var _baseTrigger = require("@semcore/base-trigger");
|
|
27
|
-
var
|
|
23
|
+
var _addonTextChildren = _interopRequireDefault(require("@semcore/core/lib/utils/addonTextChildren"));
|
|
24
|
+
var _assignProps6 = require("@semcore/core/lib/utils/assignProps");
|
|
25
|
+
var _resolveColorEnhance = _interopRequireDefault(require("@semcore/core/lib/utils/enhances/resolveColorEnhance"));
|
|
28
26
|
var _findComponent = _interopRequireWildcard(require("@semcore/core/lib/utils/findComponent"));
|
|
29
27
|
var _logger = _interopRequireDefault(require("@semcore/core/lib/utils/logger"));
|
|
30
|
-
var
|
|
31
|
-
var
|
|
32
|
-
var
|
|
28
|
+
var _divider = _interopRequireDefault(require("@semcore/divider"));
|
|
29
|
+
var _dropdown = _interopRequireWildcard(require("@semcore/dropdown"));
|
|
30
|
+
var _dropdownMenu = _interopRequireDefault(require("@semcore/dropdown-menu"));
|
|
33
31
|
var _flexBox = require("@semcore/flex-box");
|
|
32
|
+
var _popper = require("@semcore/popper");
|
|
33
|
+
var _classnames = _interopRequireDefault(require("classnames"));
|
|
34
|
+
var _react = _interopRequireDefault(require("react"));
|
|
34
35
|
var _context = require("./context");
|
|
36
|
+
var _InputSearch = _interopRequireDefault(require("./InputSearch"));
|
|
35
37
|
var _intergalacticDynamicLocales = require("./translations/__intergalactic-dynamic-locales");
|
|
36
|
-
var _popper = require("@semcore/popper");
|
|
37
|
-
var _assignProps6 = require("@semcore/core/lib/utils/assignProps");
|
|
38
38
|
var _excluded = ["Children", "options", "multiselect", "value", "uid", "forcedAdvancedMode"];
|
|
39
|
+
function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2["default"])(o), (0, _possibleConstructorReturn2["default"])(t, (0, _isNativeReflectConstruct2["default"])() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2["default"])(t).constructor) : o.apply(t, e)); }
|
|
40
|
+
function _superPropGet(t, o, e, r) { var p = (0, _get2["default"])((0, _getPrototypeOf2["default"])(1 & r ? t.prototype : t), o, e); return 2 & r && "function" == typeof p ? function (t) { return p.apply(e, t); } : p; }
|
|
39
41
|
/*!__reshadow-styles__:"./style/select.shadow.css"*/
|
|
40
|
-
var style = (
|
|
42
|
+
var style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___SOptionCheckbox_119jy_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_119jy_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_119jy_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_119jy_gg_.__selected_119jy_gg_::after{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iNyIgdmlld0JveD0iMCAwIDEwIDciIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik04LjI1IDFMNCA1LjI1TDEuNzUgMyIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==)}.___SOptionCheckbox_119jy_gg_._size_l_119jy_gg_{width:20px;height:20px}.___SOptionCheckbox_119jy_gg_._size_l_119jy_gg_.__selected_119jy_gg_::after{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iOSIgdmlld0JveD0iMCAwIDEyIDkiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xMSAxLjVMNC43NSA3Ljc1TDEgNCIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==)}.___SOptionCheckbox_119jy_gg_.__indeterminate_119jy_gg_:before,.___SOptionCheckbox_119jy_gg_.__selected_119jy_gg_:before{background-color:var(--intergalactic-control-primary-info, #008ff8);border-color:var(--intergalactic-control-primary-info, #008ff8)}.___SOptionCheckbox_119jy_gg_.__theme_119jy_gg_:before{border-color:var(--theme_119jy)}.___SOptionCheckbox_119jy_gg_.__theme_119jy_gg_.__indeterminate_119jy_gg_:before,.___SOptionCheckbox_119jy_gg_.__theme_119jy_gg_.__selected_119jy_gg_:before{background-color:var(--theme_119jy);border-color:var(--theme_119jy)}.___SOptionCheckbox_119jy_gg_.__selected_119jy_gg_{background-color:var(--intergalactic-dropdown-menu-item-selected, rgba(196, 229, 254, 0.7))}@media (hover:hover){.___SOptionCheckbox_119jy_gg_.__selected_119jy_gg_:hover{background-color:var(--intergalactic-dropdown-menu-item-selected-hover, #c4e5fe)}}.___SOptionCheckbox_119jy_gg_.__indeterminate_119jy_gg_:after{background-color:#fff;background-image:none;margin:auto;border-radius:1px}.___SOptionCheckbox_119jy_gg_.__indeterminate_119jy_gg_._size_l_119jy_gg_:after{width:12px;height:2px}.___SOptionCheckbox_119jy_gg_.__indeterminate_119jy_gg_._size_m_119jy_gg_:after{width:8px;height:2px}", /*__inner_css_end__*/"119jy_gg_"),
|
|
41
43
|
/*__reshadow_css_end__*/
|
|
42
44
|
{
|
|
43
|
-
"__SOptionCheckbox": "
|
|
44
|
-
"_selected": "
|
|
45
|
-
"_size_l": "
|
|
46
|
-
"_indeterminate": "
|
|
47
|
-
"_theme": "
|
|
48
|
-
"--theme": "--
|
|
49
|
-
"_size_m": "
|
|
45
|
+
"__SOptionCheckbox": "___SOptionCheckbox_119jy_gg_",
|
|
46
|
+
"_selected": "__selected_119jy_gg_",
|
|
47
|
+
"_size_l": "_size_l_119jy_gg_",
|
|
48
|
+
"_indeterminate": "__indeterminate_119jy_gg_",
|
|
49
|
+
"_theme": "__theme_119jy_gg_",
|
|
50
|
+
"--theme": "--theme_119jy",
|
|
51
|
+
"_size_m": "_size_m_119jy_gg_"
|
|
50
52
|
});
|
|
51
53
|
function isSelectedOption(value, valueOption) {
|
|
52
54
|
return Array.isArray(value) ? value.includes(valueOption) : valueOption === value;
|
|
@@ -58,17 +60,15 @@ function getEmptyValue(multiselect) {
|
|
|
58
60
|
return multiselect ? [] : null;
|
|
59
61
|
}
|
|
60
62
|
var RootSelect = /*#__PURE__*/function (_AbstractDropdown) {
|
|
61
|
-
(0, _inherits2["default"])(RootSelect, _AbstractDropdown);
|
|
62
|
-
var _super = (0, _createSuper2["default"])(RootSelect);
|
|
63
63
|
function RootSelect() {
|
|
64
64
|
var _this;
|
|
65
65
|
(0, _classCallCheck2["default"])(this, RootSelect);
|
|
66
66
|
for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
|
|
67
67
|
args[_key] = arguments[_key];
|
|
68
68
|
}
|
|
69
|
-
_this =
|
|
70
|
-
(0, _defineProperty2["default"])(
|
|
71
|
-
(0, _defineProperty2["default"])(
|
|
69
|
+
_this = _callSuper(this, RootSelect, [].concat(args));
|
|
70
|
+
(0, _defineProperty2["default"])(_this, "role", 'listbox');
|
|
71
|
+
(0, _defineProperty2["default"])(_this, "bindHandlerOptionClick", function (optionValue, _index) {
|
|
72
72
|
return function (e) {
|
|
73
73
|
var newValue = optionValue;
|
|
74
74
|
var _this$asProps = _this.asProps,
|
|
@@ -90,7 +90,7 @@ var RootSelect = /*#__PURE__*/function (_AbstractDropdown) {
|
|
|
90
90
|
}
|
|
91
91
|
};
|
|
92
92
|
});
|
|
93
|
-
(0, _defineProperty2["default"])(
|
|
93
|
+
(0, _defineProperty2["default"])(_this, "handlerClear", function (e) {
|
|
94
94
|
var value = _this.asProps.value;
|
|
95
95
|
var emptyValue = getEmptyValue(Array.isArray(value));
|
|
96
96
|
_this.handlers.value(emptyValue, e);
|
|
@@ -98,10 +98,11 @@ var RootSelect = /*#__PURE__*/function (_AbstractDropdown) {
|
|
|
98
98
|
});
|
|
99
99
|
return _this;
|
|
100
100
|
}
|
|
101
|
-
(0,
|
|
101
|
+
(0, _inherits2["default"])(RootSelect, _AbstractDropdown);
|
|
102
|
+
return (0, _createClass2["default"])(RootSelect, [{
|
|
102
103
|
key: "itemRef",
|
|
103
104
|
value: function itemRef(props, index, node) {
|
|
104
|
-
(
|
|
105
|
+
_superPropGet(RootSelect, "itemRef", this, 3)([props, index, node]);
|
|
105
106
|
var highlightedIndex = this.asProps.highlightedIndex;
|
|
106
107
|
var isHighlighted = index === highlightedIndex;
|
|
107
108
|
if (isHighlighted) {
|
|
@@ -112,7 +113,7 @@ var RootSelect = /*#__PURE__*/function (_AbstractDropdown) {
|
|
|
112
113
|
key: "uncontrolledProps",
|
|
113
114
|
value: function uncontrolledProps() {
|
|
114
115
|
var _this2 = this;
|
|
115
|
-
return (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, (
|
|
116
|
+
return (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, _superPropGet(RootSelect, "uncontrolledProps", this, 3)([])), {}, {
|
|
116
117
|
visible: [null, function (visible) {
|
|
117
118
|
if (visible === true) {
|
|
118
119
|
var hasInputSearch = (0, _findComponent.isAdvanceMode)(_this2.asProps.Children, [Select.InputSearch.displayName], true);
|
|
@@ -160,32 +161,32 @@ var RootSelect = /*#__PURE__*/function (_AbstractDropdown) {
|
|
|
160
161
|
hasChildren = _this$asProps2.children;
|
|
161
162
|
var isMenu = (0, _findComponent.isAdvanceMode)(Children, [Select.Menu.displayName], true) || !hasChildren;
|
|
162
163
|
var ariaControls = isMenu ? "igc-".concat(uid, "-list") : "igc-".concat(uid, "-popper");
|
|
163
|
-
return (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, (
|
|
164
|
-
onKeyDown: (0, _assignProps6.callAllEventHandlers)(this.handlePreventCommonKeyDown.bind(this), this.handleOpenKeyDown.bind(this), this.handleArrowKeyDown.bind(this)),
|
|
164
|
+
return (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, _superPropGet(RootSelect, "getTriggerProps", this, 3)([])), {}, {
|
|
165
|
+
'onKeyDown': (0, _assignProps6.callAllEventHandlers)(this.handlePreventCommonKeyDown.bind(this), this.handleOpenKeyDown.bind(this), this.handleArrowKeyDown.bind(this)),
|
|
165
166
|
'aria-controls': visible ? ariaControls : undefined,
|
|
166
167
|
'aria-haspopup': isMenu ? 'listbox' : 'dialog',
|
|
167
168
|
'aria-disabled': disabled ? 'true' : 'false',
|
|
168
169
|
'aria-activedescendant': visible && highlightedIndex !== null && this.itemRefs[highlightedIndex] ? "igc-".concat(uid, "-option-").concat(highlightedIndex) : undefined,
|
|
169
|
-
empty: isEmptyValue(value),
|
|
170
|
+
'empty': isEmptyValue(value),
|
|
170
171
|
value: value,
|
|
171
172
|
name: name,
|
|
172
|
-
$hiddenRef: forwardRef,
|
|
173
|
+
'$hiddenRef': forwardRef,
|
|
173
174
|
multiselect: multiselect,
|
|
174
175
|
state: state,
|
|
175
176
|
placeholder: placeholder,
|
|
176
177
|
disabled: disabled,
|
|
177
|
-
active: visible,
|
|
178
|
-
onClear: this.handlerClear,
|
|
179
|
-
children: this.renderChildrenTrigger(value, options),
|
|
178
|
+
'active': visible,
|
|
179
|
+
'onClear': this.handlerClear,
|
|
180
|
+
'children': this.renderChildrenTrigger(value, options),
|
|
180
181
|
getI18nText: getI18nText,
|
|
181
|
-
onBlur: function onBlur() {
|
|
182
|
+
'onBlur': function onBlur() {
|
|
182
183
|
// if popper is opened and we moved from the trigger in select - it means we moved on some controls in popper and should hide highlighted for the option
|
|
183
184
|
if (_this3.asProps.visible) {
|
|
184
185
|
_this3.prevHighlightedIndex = _this3.asProps.highlightedIndex;
|
|
185
186
|
_this3.handlers.highlightedIndex(null);
|
|
186
187
|
}
|
|
187
188
|
},
|
|
188
|
-
onFocus: function onFocus() {
|
|
189
|
+
'onFocus': function onFocus() {
|
|
189
190
|
// if popper is opened and we moved to the trigger in select - it means we moved from some controls in popper and should highlight the last highlighted option
|
|
190
191
|
if (_this3.asProps.visible) {
|
|
191
192
|
var index = _this3.prevHighlightedIndex;
|
|
@@ -198,14 +199,14 @@ var RootSelect = /*#__PURE__*/function (_AbstractDropdown) {
|
|
|
198
199
|
key: "getListProps",
|
|
199
200
|
value: function getListProps() {
|
|
200
201
|
var multiselect = this.asProps.multiselect;
|
|
201
|
-
return (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, (
|
|
202
|
+
return (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, _superPropGet(RootSelect, "getListProps", this, 3)([])), {}, {
|
|
202
203
|
'aria-multiselectable': multiselect ? 'true' : undefined
|
|
203
204
|
});
|
|
204
205
|
}
|
|
205
206
|
}, {
|
|
206
207
|
key: "getPopperProps",
|
|
207
208
|
value: function getPopperProps() {
|
|
208
|
-
return (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, (
|
|
209
|
+
return (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, _superPropGet(RootSelect, "getPopperProps", this, 3)([])), {}, {
|
|
209
210
|
onKeyDown: (0, _assignProps6.callAllEventHandlers)(this.handlePreventCommonKeyDown.bind(this), this.handlePreventPopperKeyDown.bind(this), this.handleArrowKeyDown.bind(this))
|
|
210
211
|
});
|
|
211
212
|
}
|
|
@@ -221,14 +222,14 @@ var RootSelect = /*#__PURE__*/function (_AbstractDropdown) {
|
|
|
221
222
|
size = _this$asProps3$size === void 0 ? 'm' : _this$asProps3$size;
|
|
222
223
|
var highlighted = index === highlightedIndex && _core.lastInteraction.isKeyboard() && !props.disabled;
|
|
223
224
|
var selected = (_props$selected = props.selected) !== null && _props$selected !== void 0 ? _props$selected : isSelectedOption(value, props.value);
|
|
224
|
-
return (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, (
|
|
225
|
+
return (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, _superPropGet(RootSelect, "getItemProps", this, 3)([props, index])), {}, {
|
|
225
226
|
highlighted: highlighted,
|
|
226
227
|
selected: selected,
|
|
227
228
|
'aria-selected': selected ? 'true' : 'false',
|
|
228
229
|
'aria-disabled': props.disabled ? 'true' : 'false',
|
|
229
|
-
role: 'option',
|
|
230
|
-
onClick: this.bindHandlerOptionClick(props.value, index),
|
|
231
|
-
ref: function ref(node) {
|
|
230
|
+
'role': 'option',
|
|
231
|
+
'onClick': this.bindHandlerOptionClick(props.value, index),
|
|
232
|
+
'ref': function ref(node) {
|
|
232
233
|
return _this4.itemRef(props, index, node);
|
|
233
234
|
},
|
|
234
235
|
size: size
|
|
@@ -249,7 +250,7 @@ var RootSelect = /*#__PURE__*/function (_AbstractDropdown) {
|
|
|
249
250
|
key: "getDividerProps",
|
|
250
251
|
value: function getDividerProps() {
|
|
251
252
|
return {
|
|
252
|
-
my: 1,
|
|
253
|
+
'my': 1,
|
|
253
254
|
'aria-disabled': 'true'
|
|
254
255
|
};
|
|
255
256
|
}
|
|
@@ -281,12 +282,12 @@ var RootSelect = /*#__PURE__*/function (_AbstractDropdown) {
|
|
|
281
282
|
Children = _this$asProps5.Children,
|
|
282
283
|
options = _this$asProps5.options,
|
|
283
284
|
multiselect = _this$asProps5.multiselect,
|
|
284
|
-
|
|
285
|
+
_value = _this$asProps5.value,
|
|
285
286
|
uid = _this$asProps5.uid,
|
|
286
287
|
forcedAdvancedMode = _this$asProps5.forcedAdvancedMode,
|
|
287
288
|
other = (0, _objectWithoutProperties2["default"])(_this$asProps5, _excluded);
|
|
288
289
|
var advancedMode = forcedAdvancedMode || (0, _findComponent["default"])(Children, [Select.Trigger.displayName, Select.Popper.displayName]);
|
|
289
|
-
_logger["default"].warn(options && advancedMode,
|
|
290
|
+
_logger["default"].warn(options && advancedMode, 'Don\'t use at the same time \'options\' property and \'<Select.Trigger/>/<Select.Popper/>\'', other['data-ui-name'] || Select.displayName);
|
|
290
291
|
this.itemProps = [];
|
|
291
292
|
if (options) {
|
|
292
293
|
var _ref = this.asProps;
|
|
@@ -300,7 +301,6 @@ var RootSelect = /*#__PURE__*/function (_AbstractDropdown) {
|
|
|
300
301
|
return /*#__PURE__*/_react["default"].createElement(_dropdownMenu["default"], (0, _core.assignProps)({}, _ref2), /*#__PURE__*/_react["default"].createElement(Children, null));
|
|
301
302
|
}
|
|
302
303
|
}]);
|
|
303
|
-
return RootSelect;
|
|
304
304
|
}(_dropdown.AbstractDropdown);
|
|
305
305
|
(0, _defineProperty2["default"])(RootSelect, "displayName", 'Select');
|
|
306
306
|
(0, _defineProperty2["default"])(RootSelect, "style", style);
|
|
@@ -423,11 +423,9 @@ var Select = (0, _core.createComponent)(RootSelect, {
|
|
|
423
423
|
parent: _dropdownMenu["default"],
|
|
424
424
|
context: _context.selectContext
|
|
425
425
|
});
|
|
426
|
-
var wrapSelect = function wrapSelect(wrapper) {
|
|
426
|
+
var wrapSelect = exports.wrapSelect = function wrapSelect(wrapper) {
|
|
427
427
|
return wrapper;
|
|
428
428
|
};
|
|
429
|
-
exports.wrapSelect = wrapSelect;
|
|
430
429
|
Select.selectedIndexContext = _dropdown.selectedIndexContext;
|
|
431
|
-
var _default = Select;
|
|
432
|
-
exports["default"] = _default;
|
|
430
|
+
var _default = exports["default"] = Select;
|
|
433
431
|
//# sourceMappingURL=Select.js.map
|