@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 CHANGED
@@ -2,7 +2,7 @@
2
2
 
3
3
  CHANGELOG.md standards are inspired by [keepachangelog.com](https://keepachangelog.com/en/1.0.0/).
4
4
 
5
- ## [17.0.0] - 2026-04-08
5
+ ## [17.0.0] - 2026-04-13
6
6
 
7
7
  ### BREAK
8
8
 
@@ -1,5 +1,5 @@
1
1
  import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
2
- import { sstyled, createComponent, Component, assignProps } from "@semcore/core";
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
- (_a = this.inputRef.current) == null ? void 0 : _a.focus();
36
+ this.inputRef.current?.focus();
39
37
  }
40
38
  }, 0);
41
39
  });
@@ -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, createComponent, lastInteraction, assignProps } from "@semcore/core";
4
- import { useBox, isInputTriggerTag, hideScrollBarsFromScreenReadersContext } from "@semcore/base-components";
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, AbstractDropdown } from "@semcore/dropdown";
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
- var _a, _b;
106
- const options = (_a = this.menuRef.current) == null ? void 0 : _a.querySelectorAll('[role="option"]');
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 == null ? void 0 : optionProps.selected,
367
- disabled: optionProps == null ? void 0 : optionProps.disabled,
368
- size: optionProps == null ? void 0 : optionProps.size,
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 == null ? void 0 : optionProps.id,
404
- selected: optionProps == null ? void 0 : optionProps.selected,
405
- disabled: optionProps == null ? void 0 : optionProps.disabled,
406
- size: optionProps == null ? void 0 : optionProps.size,
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.34",
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.34",
17
- "@semcore/button": "^17.0.0-prerelease.34",
18
- "@semcore/checkbox": "^17.0.0-prerelease.34",
19
- "@semcore/divider": "^17.0.0-prerelease.34",
20
- "@semcore/dropdown": "^17.0.0-prerelease.34",
21
- "@semcore/dropdown-menu": "^17.0.0-prerelease.34",
22
- "@semcore/input": "^17.0.0-prerelease.34",
23
- "@semcore/typography": "^17.0.0-prerelease.34",
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/base-components": "17.0.0-prerelease.34",
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/core": "17.0.0-prerelease.34",
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"