@datarobot/design-system 29.2.0 → 29.2.1

package/cjs/dropdown-menu/dropdown-menu-trigger.js

@@ -18,11 +18,16 @@ function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r
 const DefaultTriggerContent = ({
   selectedItem,
   defaultTriggerText
-}) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_truncateWithTooltip.TruncateWithTooltip, {
-  children: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-    children: selectedItem?.title ?? defaultTriggerText
-  })
-}, selectedItem?.key ?? 0);
+}) => {
+  const id = (0, _react.useId)();
+  const title = selectedItem?.title ?? defaultTriggerText;
+  const key = typeof title === 'string' && title.length ? title : id;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_truncateWithTooltip.TruncateWithTooltip, {
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+      children: title
+    })
+  }, key);
+};
 const DropdownMenuTrigger = /*#__PURE__*/(0, _react.forwardRef)(({
   onClick,
   isOpen,

package/esm/dropdown-menu/dropdown-menu-trigger.js

@@ -1,4 +1,4 @@
-import React, { forwardRef } from 'react';
+import React, { forwardRef, useId } from 'react';
 import classNames from 'classnames';
 import { faChevronDown } from '@fortawesome/free-solid-svg-icons/faChevronDown';
 import { FontAwesomeIcon } from '../font-awesome-icon';
@@ -10,11 +10,16 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const DefaultTriggerContent = ({
   selectedItem,
   defaultTriggerText
-}) => /*#__PURE__*/_jsx(TruncateWithTooltip, {
-  children: /*#__PURE__*/_jsx("span", {
-    children: selectedItem?.title ?? defaultTriggerText
-  })
-}, selectedItem?.key ?? 0);
+}) => {
+  const id = useId();
+  const title = selectedItem?.title ?? defaultTriggerText;
+  const key = typeof title === 'string' && title.length ? title : id;
+  return /*#__PURE__*/_jsx(TruncateWithTooltip, {
+    children: /*#__PURE__*/_jsx("span", {
+      children: title
+    })
+  }, key);
+};
 const DropdownMenuTrigger = /*#__PURE__*/forwardRef(({
   onClick,
   isOpen,

package/js/bundle/bundle.js

@@ -51546,12 +51546,15 @@ function _extends() { return _extends = Object.assign ? Object.assign.bind() : f
 
 
 var DefaultTriggerContent = function DefaultTriggerContent(_ref) {
-  var _selectedItem$key, _selectedItem$title;
+  var _selectedItem$title;
   var selectedItem = _ref.selectedItem,
     defaultTriggerText = _ref.defaultTriggerText;
+  var id = (0,react__WEBPACK_IMPORTED_MODULE_0__.useId)();
+  var title = (_selectedItem$title = selectedItem === null || selectedItem === void 0 ? void 0 : selectedItem.title) !== null && _selectedItem$title !== void 0 ? _selectedItem$title : defaultTriggerText;
+  var key = typeof title === 'string' && title.length ? title : id;
   return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_truncate_with_tooltip__WEBPACK_IMPORTED_MODULE_4__.TruncateWithTooltip, {
-    key: (_selectedItem$key = selectedItem === null || selectedItem === void 0 ? void 0 : selectedItem.key) !== null && _selectedItem$key !== void 0 ? _selectedItem$key : 0
-  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("span", null, (_selectedItem$title = selectedItem === null || selectedItem === void 0 ? void 0 : selectedItem.title) !== null && _selectedItem$title !== void 0 ? _selectedItem$title : defaultTriggerText));
+    key: key
+  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("span", null, title));
 };
 var DropdownMenuTrigger = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_0__.forwardRef)(function (_ref2, ref) {
   var onClick = _ref2.onClick,