@eightshift/ui-components 5.1.1 → 5.1.2

package/dist/components/menu/menu.js

@@ -19,6 +19,7 @@ import { _ as __ } from "../../default-i18n-OFa3zAyB.js";
  * @param {boolean} [props.keepOpen=false] - If `true`, the menu will not close when an item is selected.
  * @param {boolean} [props.openOnLongPress=false] - If `true`, the menu will open on long press instead of click. If enabled, a regular `onPress` event can also be passed to the trigger button to enable dual behavior.
  * @param {Object} [props.popoverProps] - Props to pass to the popover.
+ * @param {boolean} [props.disabled] - If `true`, the trigger button is disabled.
  * @param {boolean} [props.hidden] - If `true`, the component is not rendered.
  *
  * @returns {JSX.Element} The Menu component.
@@ -70,6 +71,7 @@ const Menu = (props) => {
     keepOpen = false,
     "aria-label": ariaLabel = triggerLabel ?? __("Menu", "eightshift-ui-components"),
     openOnLongPress = false,
+    disabled,
     hidden
   } = props;
   if (hidden) {
@@ -101,6 +103,7 @@ const Menu = (props) => {
           {
             icon: triggerIcon,
             tooltip,
+            disabled,
             ...triggerProps,
             children: triggerLabel
           }

package/dist/components/select/v2/async-select.js

@@ -303,7 +303,7 @@ const AsyncSelectNext = (props) => {
                             return /* @__PURE__ */ jsxs(
                               OptionItemBase,
                               {
-                                id: item.value,
+                                id: item?.value,
                                 className: item?.className,
                                 children: [
                                   customMenuOption && customMenuOption(item),
@@ -312,7 +312,7 @@ const AsyncSelectNext = (props) => {
                                     {
                                       icon: icon2,
                                       label: item?.label,
-                                      subtitle: item.subtitle,
+                                      subtitle: item?.subtitle,
                                       noColor: true
                                     }
                                   )

package/dist/components/select/v2/single-select.js

@@ -38,6 +38,7 @@ import { $ as $bb77f239b46e8c72$export$3274cf84b703fff } from "../../../useFilte
  * @param {JSX.Element} [props.customDropdownArrow] - If provided, replaces the default dropdown arrow indicator.
  * @param {string} [props.className] - Classes to pass to the select menu.
  * @param {boolean} [props.noMinWidth=false] - If `true`, the select menu will not have a minimum width.
+ * @param {boolean} [props.searchable] - If `true`, the menu will allow searching through the options.
  * @param {boolean} [props.hidden] - If `true`, the component is not rendered.
  *
  * @returns {JSX.Element} The SelectNext component.
@@ -159,7 +160,7 @@ const SelectNext = (props) => {
                         {
                           icon: icon2,
                           label: selectedItem?.label,
-                          subtitle: selectedItem.subtitle,
+                          subtitle: selectedItem?.subtitle,
                           className: clsx("es:pr-6 es:grow es:w-full", disabled && "es:grayscale es:pointer-events-none"),
                           iconClassName: "es:pointer-events-none es:select-none"
                         }
@@ -272,7 +273,7 @@ const SelectNext = (props) => {
                                   {
                                     icon: icon2,
                                     label: item?.label,
-                                    subtitle: item.subtitle
+                                    subtitle: item?.subtitle
                                   }
                                 )
                               ]
@@ -285,7 +286,7 @@ const SelectNext = (props) => {
                   !searchable && /* @__PURE__ */ jsx(
                     $eed445e0843c11d0$export$41f133550aa26f48,
                     {
-                      className: "es:space-y-0.5 es:p-1 es:any-focus:outline-hidden",
+                      className: "es:space-y-0.5 es:p-1 es:any-focus:outline-hidden es:overflow-y-auto",
                       items: options,
                       renderEmptyState: () => /* @__PURE__ */ jsx(
                         RichLabel,
@@ -315,7 +316,7 @@ const SelectNext = (props) => {
                                 {
                                   icon: icon2,
                                   label: item?.label,
-                                  subtitle: item.subtitle,
+                                  subtitle: item?.subtitle,
                                   noColor: true
                                 }
                               )

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@eightshift/ui-components",
-	"version": "5.1.1",
+	"version": "5.1.2",
 	"type": "module",
 	"main": "./dist/index.js",
 	"module": "./dist/index.js",
@@ -64,12 +64,12 @@
 		"class-variance-authority": "^0.7.1",
 		"clsx": "^2.1.1",
 		"css-gradient-parser": "^0.0.16",
-		"eslint": "^9.29.0",
+		"eslint": "^9.30.1",
 		"eslint-config-prettier": "^10.1.5",
-		"eslint-plugin-jsdoc": "^51.2.3",
+		"eslint-plugin-jsdoc": "^51.3.4",
 		"eslint-plugin-prettier": "^5.5.1",
 		"glob": "^11.0.3",
-		"globals": "^16.2.0",
+		"globals": "^16.3.0",
 		"just-camel-case": "^6.2.0",
 		"just-debounce-it": "^3.2.0",
 		"just-has": "^2.3.0",
@@ -79,7 +79,7 @@
 		"lightningcss": "^1.30.1",
 		"postcss": "^8.5.6",
 		"prettier": "^3.6.2",
-		"prettier-plugin-tailwindcss": "^0.6.13",
+		"prettier-plugin-tailwindcss": "^0.6.14",
 		"react": "^18.3.1",
 		"react-aria": "^3.41.1",
 		"react-aria-components": "^1.10.1",
@@ -92,7 +92,7 @@
 		"tailwindcss": "^4.1.11",
 		"tailwindcss-motion": "^1.1.1",
 		"tailwindcss-react-aria-components": "^2.0.0",
-		"vite": "^7.0.0",
+		"vite": "^7.0.4",
 		"vite-plugin-lib-inject-css": "^2.2.2"
 	},
 	"dependencies": {