@semcore/dropdown 17.0.0-prerelease.36 → 17.0.0-prerelease.37

package/CHANGELOG.md

@@ -2,7 +2,7 @@
 
 CHANGELOG.md standards are inspired by [keepachangelog.com](https://keepachangelog.com/en/1.0.0/).
 
-## [17.0.0] - 2026-04-10
+## [17.0.0] - 2026-04-13
 
 ### BREAK
 

package/lib/esm/AbstractDropdown.mjs

@@ -37,9 +37,8 @@ class AbstractDropdown extends Component {
     this.setupObserver();
   }
   componentWillUnmount() {
-    var _a;
     this.cleanupScroll();
-    (_a = this.scrollObserver) == null ? void 0 : _a.disconnect();
+    this.scrollObserver?.disconnect();
   }
   get childRole() {
     if (this.role === "listbox") {
@@ -60,12 +59,12 @@ class AbstractDropdown extends Component {
   afterOpenPopper() {
     let highlightedIndex = this.asProps.highlightedIndex ?? 0;
     const elementProps = this.itemProps[highlightedIndex];
-    if (elementProps == null ? void 0 : elementProps.disabled) {
+    if (elementProps?.disabled) {
       highlightedIndex = this.itemProps.findIndex((p) => !p.disabled);
     }
     if (highlightedIndex === -1) return;
     const element = this.itemRefs[highlightedIndex];
-    element == null ? void 0 : element.focus();
+    element?.focus();
     if (this.role === "menu") {
       this.handlers.highlightedIndex(highlightedIndex);
     }
@@ -164,7 +163,7 @@ class AbstractDropdown extends Component {
       this.highlightedItem = node;
     }
     setTimeout(() => {
-      if (node == null ? void 0 : node.scrollIntoView) {
+      if (node?.scrollIntoView) {
         if (this.asProps.highlightedIndex !== this.prevHighlightedIndex) {
           this.prevHighlightedIndex = this.asProps.highlightedIndex;
           node.scrollIntoView({
@@ -190,16 +189,14 @@ class AbstractDropdown extends Component {
     });
   }
   cleanupScroll() {
-    var _a;
     clearTimeout(this.scrollTimeoutId);
     if (this.highlightedItem) {
-      (_a = this.scrollObserver) == null ? void 0 : _a.unobserve(this.highlightedItem);
+      this.scrollObserver?.unobserve(this.highlightedItem);
     }
     this.scrollResolve = null;
   }
   scrollToNodeAsync(node, withAnimation = false) {
     return new Promise((resolve) => {
-      var _a;
       this.cleanupScroll();
       if (!node) {
         resolve();
@@ -211,13 +208,12 @@ class AbstractDropdown extends Component {
         resolve();
       }, 3e3);
       this.scrollResolve = () => {
-        var _a2;
         clearTimeout(this.scrollTimeoutId);
-        (_a2 = this.scrollObserver) == null ? void 0 : _a2.unobserve(node);
+        this.scrollObserver?.unobserve(node);
         this.scrollResolve = null;
         resolve();
       };
-      (_a = this.scrollObserver) == null ? void 0 : _a.observe(node);
+      this.scrollObserver?.observe(node);
       requestAnimationFrame(() => {
         node.scrollIntoView({
           block: "nearest",
@@ -228,13 +224,12 @@ class AbstractDropdown extends Component {
     });
   }
   getHighlightedIndex(amount) {
-    var _a;
     const {
       highlightedIndex,
       itemsCount
     } = this.asProps;
     const itemsLastIndex = (itemsCount ?? this.itemProps.length) - 1;
-    const selectedIndex = this.itemProps.findIndex((item) => item == null ? void 0 : item.selected);
+    const selectedIndex = this.itemProps.findIndex((item) => item?.selected);
     if (itemsLastIndex < 0) return -1;
     let innerHighlightedIndex;
     if (highlightedIndex == null) {
@@ -254,7 +249,7 @@ class AbstractDropdown extends Component {
     } else if (newIndex > itemsLastIndex) {
       newIndex = newIndex - itemsLastIndex - 1;
     }
-    if ((_a = this.itemProps[newIndex]) == null ? void 0 : _a.disabled) {
+    if (this.itemProps[newIndex]?.disabled) {
       return this.getHighlightedIndex(amount < 0 ? amount - 1 : amount + 1);
     } else if (!this.itemProps[newIndex]) {
       return -1;
@@ -279,8 +274,7 @@ class AbstractDropdown extends Component {
     }
   }
   itemRef(props, index, node) {
-    var _a;
-    if ((_a = node == null ? void 0 : node.getAttribute("role")) == null ? void 0 : _a.startsWith(this.childRole)) {
+    if (node?.getAttribute("role")?.startsWith(this.childRole)) {
       this.itemRefs[index] = node;
       this.itemProps[index] = props;
     }
@@ -299,8 +293,7 @@ class AbstractDropdown extends Component {
     }
   }
   handleOpenKeyDown(e) {
-    var _a;
-    if (["Enter", " ", "ArrowDown", "ArrowUp"].includes(e.key) && !((_a = e.currentTarget.getAttribute("role")) == null ? void 0 : _a.startsWith(this.childRole))) {
+    if (["Enter", " ", "ArrowDown", "ArrowUp"].includes(e.key) && !e.currentTarget.getAttribute("role")?.startsWith(this.childRole)) {
       if (this.asProps.visible !== true) {
         if (["ArrowDown", "ArrowUp"].includes(e.key)) {
           e.preventDefault();
@@ -320,7 +313,6 @@ class AbstractDropdown extends Component {
     }
   }
   handleArrowKeyDown(e) {
-    var _a;
     const amountCount = e.shiftKey ? 5 : 1;
     const {
       highlightedIndex,
@@ -370,7 +362,7 @@ class AbstractDropdown extends Component {
       if (newHighlightedIndex !== -1) {
         this.handlers.highlightedIndex(newHighlightedIndex, e);
         if (this.role === "menu") {
-          (_a = this.itemRefs[newHighlightedIndex]) == null ? void 0 : _a.focus();
+          this.itemRefs[newHighlightedIndex]?.focus();
         }
       }
     }
@@ -386,12 +378,11 @@ class AbstractDropdown extends Component {
     setFocus(trigger);
   }
   getBasicListProps() {
-    var _a;
     const {
       size,
       uid
     } = this.asProps;
-    const triggerId = (_a = this.triggerRef.current) == null ? void 0 : _a.id;
+    const triggerId = this.triggerRef.current?.id;
     const triggerElement = triggerId ? document.getElementById(triggerId) : null;
     return {
       size,

package/lib/esm/Dropdown.mjs

@@ -1,7 +1,7 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-import { sstyled, createComponent, Component, assignProps } from "@semcore/core";
-import { Popper, Flex, Box, isInputTriggerTag } from "@semcore/base-components";
+import { sstyled, Component, assignProps, createComponent } from "@semcore/core";
+import { Popper, isInputTriggerTag, Box, Flex } from "@semcore/base-components";
 import capitalizeFirstLetter from "@semcore/core/lib/utils/capitalizeFirstLetter";
 import i18nEnhance from "@semcore/core/lib/utils/enhances/i18nEnhance";
 import uniqueIDEnhancement, { useUID } from "@semcore/core/lib/utils/uniqueID";
@@ -9,7 +9,6 @@ import { hasFocusableIn } from "@semcore/core/lib/utils/use/useFocusLock";
 import React from "react";
 import { DropdownItem } from "./DropdownItem.mjs";
 import { localizedMessages } from "./translations/__intergalactic-dynamic-locales.mjs";
-/*!__reshadow-styles__:"./style/dropdown.shadow.css"*/
 const style = (
   /*__reshadow_css_start__*/
   (sstyled.insert(

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@semcore/dropdown",
   "description": "Semrush Dropdown Component",
-  "version": "17.0.0-prerelease.36",
+  "version": "17.0.0-prerelease.37",
   "main": "lib/cjs/index.js",
   "module": "lib/es6/index.js",
   "typings": "lib/types/index.d.ts",
@@ -22,9 +22,9 @@
     "directory": "semcore/dropdown"
   },
   "devDependencies": {
-    "@semcore/core": "17.0.0-prerelease.36",
-    "@semcore/base-components": "17.0.0-prerelease.36",
-    "@semcore/testing-utils": "1.0.0"
+    "@semcore/core": "17.0.0-prerelease.37",
+    "@semcore/testing-utils": "1.0.0",
+    "@semcore/base-components": "17.0.0-prerelease.37"
   },
   "scripts": {
     "build": "pnpm semcore-builder --source=js && pnpm vite build"