@semcore/select 17.0.0-prerelease.34 → 17.0.0-prerelease.37
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 +1 -1
- package/lib/esm/InputSearch.mjs +2 -4
- package/lib/esm/Select.mjs +12 -14
- package/package.json +12 -12
package/CHANGELOG.md
CHANGED
package/lib/esm/InputSearch.mjs
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
|
|
2
|
-
import { sstyled,
|
|
2
|
+
import { sstyled, Component, assignProps, createComponent } from "@semcore/core";
|
|
3
3
|
import { ButtonLink } from "@semcore/button";
|
|
4
4
|
import i18nEnhance from "@semcore/core/lib/utils/enhances/i18nEnhance";
|
|
5
5
|
import CloseM from "@semcore/icon/Close/m";
|
|
@@ -8,7 +8,6 @@ import Input from "@semcore/input";
|
|
|
8
8
|
import React from "react";
|
|
9
9
|
import { selectContext } from "./context.mjs";
|
|
10
10
|
import { localizedMessages } from "./translations/__intergalactic-dynamic-locales.mjs";
|
|
11
|
-
/*!__reshadow-styles__:"./style/input-search.shadow.css"*/
|
|
12
11
|
const style = (
|
|
13
12
|
/*__reshadow_css_start__*/
|
|
14
13
|
(sstyled.insert(
|
|
@@ -33,9 +32,8 @@ class InputSearchRoot extends Component {
|
|
|
33
32
|
_defineProperty(this, "handleClear", (e) => {
|
|
34
33
|
this.handlers.value("", e);
|
|
35
34
|
setTimeout(() => {
|
|
36
|
-
var _a;
|
|
37
35
|
if (document.activeElement === document.body || document.activeElement === this.closeIconRef.current) {
|
|
38
|
-
|
|
36
|
+
this.inputRef.current?.focus();
|
|
39
37
|
}
|
|
40
38
|
}, 0);
|
|
41
39
|
});
|
package/lib/esm/Select.mjs
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import _extends from "@babel/runtime/helpers/esm/extends";
|
|
2
2
|
import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
|
|
3
|
-
import { sstyled,
|
|
4
|
-
import {
|
|
3
|
+
import { sstyled, lastInteraction, assignProps, createComponent } from "@semcore/core";
|
|
4
|
+
import { hideScrollBarsFromScreenReadersContext, isInputTriggerTag, useBox } from "@semcore/base-components";
|
|
5
5
|
import { ButtonTrigger } from "@semcore/base-trigger";
|
|
6
6
|
import addonTextChildren from "@semcore/core/lib/utils/addonTextChildren";
|
|
7
7
|
import { callAllEventHandlers } from "@semcore/core/lib/utils/assignProps";
|
|
@@ -9,7 +9,7 @@ import resolveColorEnhance from "@semcore/core/lib/utils/enhances/resolveColorEn
|
|
|
9
9
|
import findComponent, { isAdvanceMode } from "@semcore/core/lib/utils/findComponent";
|
|
10
10
|
import logger from "@semcore/core/lib/utils/logger";
|
|
11
11
|
import Divider from "@semcore/divider";
|
|
12
|
-
import Dropdown, { enhance, selectedIndexContext
|
|
12
|
+
import Dropdown, { AbstractDropdown, enhance, selectedIndexContext } from "@semcore/dropdown";
|
|
13
13
|
import DropdownMenu from "@semcore/dropdown-menu";
|
|
14
14
|
import { Text } from "@semcore/typography";
|
|
15
15
|
import cn from "classnames";
|
|
@@ -17,7 +17,6 @@ import React from "react";
|
|
|
17
17
|
import { selectContext } from "./context.mjs";
|
|
18
18
|
import InputSearch from "./InputSearch.mjs";
|
|
19
19
|
import { localizedMessages } from "./translations/__intergalactic-dynamic-locales.mjs";
|
|
20
|
-
/*!__reshadow-styles__:"./style/select.shadow.css"*/
|
|
21
20
|
const style = (
|
|
22
21
|
/*__reshadow_css_start__*/
|
|
23
22
|
(sstyled.insert(
|
|
@@ -102,9 +101,8 @@ class RootSelect extends AbstractDropdown {
|
|
|
102
101
|
const defaultIndex = hasInputSearch || lastInteraction.isMouse() ? null : this.props.defaultHighlightedIndex;
|
|
103
102
|
this.handlers.highlightedIndex(defaultIndex);
|
|
104
103
|
setTimeout(() => {
|
|
105
|
-
|
|
106
|
-
const
|
|
107
|
-
const selected = (_b = this.menuRef.current) == null ? void 0 : _b.querySelector('[aria-selected="true"]');
|
|
104
|
+
const options = this.menuRef.current?.querySelectorAll('[role="option"]');
|
|
105
|
+
const selected = this.menuRef.current?.querySelector('[aria-selected="true"]');
|
|
108
106
|
if (selected && options) {
|
|
109
107
|
this.scrollToNode(selected);
|
|
110
108
|
for (let i = 0; i < options.length; i++) {
|
|
@@ -363,9 +361,9 @@ function Option(props) {
|
|
|
363
361
|
function Checkbox(providedProps) {
|
|
364
362
|
const optionProps = React.useContext(optionPropsContext);
|
|
365
363
|
const props = React.useMemo(() => ({
|
|
366
|
-
selected: optionProps
|
|
367
|
-
disabled: optionProps
|
|
368
|
-
size: optionProps
|
|
364
|
+
selected: optionProps?.selected,
|
|
365
|
+
disabled: optionProps?.disabled,
|
|
366
|
+
size: optionProps?.size,
|
|
369
367
|
...providedProps || {}
|
|
370
368
|
}), [providedProps, optionProps]);
|
|
371
369
|
const [SOptionCheckbox, componentProps] = useBox(props, props.forwardRef);
|
|
@@ -400,10 +398,10 @@ function OptionText(providedProps) {
|
|
|
400
398
|
const optionProps = React.useContext(optionPropsContext);
|
|
401
399
|
const selectedIndex = React.useContext(selectedIndexContext);
|
|
402
400
|
const props = React.useMemo(() => ({
|
|
403
|
-
key: optionProps
|
|
404
|
-
selected: optionProps
|
|
405
|
-
disabled: optionProps
|
|
406
|
-
size: optionProps
|
|
401
|
+
key: optionProps?.id,
|
|
402
|
+
selected: optionProps?.selected,
|
|
403
|
+
disabled: optionProps?.disabled,
|
|
404
|
+
size: optionProps?.size,
|
|
407
405
|
...providedProps || {}
|
|
408
406
|
}), [providedProps, optionProps]);
|
|
409
407
|
return _ref9 = sstyled(props.styles), /* @__PURE__ */ React.createElement(Text, _ref9.cn("Text", {
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@semcore/select",
|
|
3
3
|
"description": "Semrush Select Component",
|
|
4
|
-
"version": "17.0.0-prerelease.
|
|
4
|
+
"version": "17.0.0-prerelease.37",
|
|
5
5
|
"main": "lib/cjs/index.js",
|
|
6
6
|
"module": "lib/es6/index.js",
|
|
7
7
|
"typings": "lib/types/index.d.ts",
|
|
@@ -13,14 +13,14 @@
|
|
|
13
13
|
"types": "./lib/types/index.d.ts"
|
|
14
14
|
},
|
|
15
15
|
"dependencies": {
|
|
16
|
-
"@semcore/base-trigger": "^17.0.0-prerelease.
|
|
17
|
-
"@semcore/button": "^17.0.0-prerelease.
|
|
18
|
-
"@semcore/checkbox": "^17.0.0-prerelease.
|
|
19
|
-
"@semcore/divider": "^17.0.0-prerelease.
|
|
20
|
-
"@semcore/dropdown": "^17.0.0-prerelease.
|
|
21
|
-
"@semcore/dropdown-menu": "^17.0.0-prerelease.
|
|
22
|
-
"@semcore/input": "^17.0.0-prerelease.
|
|
23
|
-
"@semcore/typography": "^17.0.0-prerelease.
|
|
16
|
+
"@semcore/base-trigger": "^17.0.0-prerelease.37",
|
|
17
|
+
"@semcore/button": "^17.0.0-prerelease.37",
|
|
18
|
+
"@semcore/checkbox": "^17.0.0-prerelease.37",
|
|
19
|
+
"@semcore/divider": "^17.0.0-prerelease.37",
|
|
20
|
+
"@semcore/dropdown": "^17.0.0-prerelease.37",
|
|
21
|
+
"@semcore/dropdown-menu": "^17.0.0-prerelease.37",
|
|
22
|
+
"@semcore/input": "^17.0.0-prerelease.37",
|
|
23
|
+
"@semcore/typography": "^17.0.0-prerelease.37",
|
|
24
24
|
"classnames": "2.2.6"
|
|
25
25
|
},
|
|
26
26
|
"peerDependencies": {
|
|
@@ -34,10 +34,10 @@
|
|
|
34
34
|
},
|
|
35
35
|
"devDependencies": {
|
|
36
36
|
"@types/classnames": "2.2.6",
|
|
37
|
-
"@semcore/
|
|
37
|
+
"@semcore/core": "17.0.0-prerelease.37",
|
|
38
|
+
"@semcore/base-components": "17.0.0-prerelease.37",
|
|
38
39
|
"@semcore/testing-utils": "1.0.0",
|
|
39
|
-
"@semcore/
|
|
40
|
-
"@semcore/icon": "16.7.2-prerelease.34"
|
|
40
|
+
"@semcore/icon": "16.7.2-prerelease.37"
|
|
41
41
|
},
|
|
42
42
|
"scripts": {
|
|
43
43
|
"build": "pnpm semcore-builder --source=js && pnpm vite build"
|