@payfit/unity-components 3.22.18 → 3.22.20

package/dist/esm/core/components/select/Select.d.ts

@@ -16,6 +16,12 @@ export interface SelectProps<T extends object> extends Omit<AriaSelectProps<T>,
     onChange?: AriaSelectProps<T>['onChange'];
     /** Whether the search input should be displayed or not */
     isSearchable?: boolean;
+    /**
+     * Focus the search input each time the dropdown opens.
+     * Only applies when `isSearchable` is true.
+     * When omitted, preserves the existing search focus behavior.
+     */
+    searchAutoFocus?: boolean;
     /** The placement of the popover */
     placement?: Extract<AriaPopoverProps['placement'], 'top' | 'bottom'>;
     /** The aria-label for the search input when isSearchable is true */

package/dist/esm/core/components/select/Select.js

@@ -13,41 +13,42 @@ var _ = a({ slots: {
 	base: "uy:flex uy:flex-col uy:gap-100 uy:w-full",
 	popover: "uy:rounded-100 uy:sm:rounded-75 uy:border uy:border-solid uy:border-border-neutral uy:w-[var(--trigger-width)] uy:bg-surface-neutral uy:shadow-300",
 	listbox: "uy:overflow-y-auto uy:max-h-[296px] uy:pt-100 uy:pb-100"
-} }), v = ({ children: n, items: a, placeholder: v, isDisabled: y, isInvalid: b, isReadOnly: x, value: S, defaultValue: C, onChange: w, isSearchable: T = !1, onBlur: E, placement: D, searchInputAriaLabel: O, renderEmptyState: k, renderValue: A, ...j }, M) => {
-	let N = c(), [P, F] = i(!1), { contains: I } = d({ sensitivity: "base" }), { base: L, popover: R, listbox: z } = _(), B = S !== void 0 || w !== void 0 ? {
+} }), v = ({ children: n, items: a, placeholder: v, isDisabled: y, isInvalid: b, isReadOnly: x, value: S, defaultValue: C, onChange: w, isSearchable: T = !1, searchAutoFocus: E, onBlur: D, placement: O, searchInputAriaLabel: k, renderEmptyState: A, renderValue: j, ...M }, N) => {
+	let P = c(), [F, I] = i(!1), { contains: L } = d({ sensitivity: "base" }), { base: R, popover: z, listbox: B } = _(), V = S !== void 0 || w !== void 0 ? {
 		value: S,
 		onChange: w
-	} : { defaultValue: C }, V = r(() => {
-		if (k !== void 0) return typeof k == "function" ? k : () => k;
-	}, [k]);
+	} : { defaultValue: C }, H = r(() => {
+		if (A !== void 0) return typeof A == "function" ? A : () => A;
+	}, [A]);
 	return /* @__PURE__ */ s(g, {
-		onOpenChange: F,
-		...j,
-		ref: M,
-		className: L(),
+		onOpenChange: I,
+		...M,
+		ref: N,
+		className: R(),
 		placeholder: y ? void 0 : v,
 		isDisabled: y || x,
 		isInvalid: b,
-		onBlur: E,
-		...B,
+		onBlur: D,
+		...V,
 		children: [/* @__PURE__ */ o(t, {
 			isDisabled: y,
 			isInvalid: b,
 			isReadOnly: x,
-			isOpen: P,
-			renderValue: A
+			isOpen: F,
+			renderValue: j
 		}), /* @__PURE__ */ o(h, {
 			offset: 1,
 			containerPadding: 8,
-			className: R(),
-			placement: D,
+			className: z(),
+			placement: O,
 			children: T ? /* @__PURE__ */ s(u, {
-				filter: I,
+				filter: L,
 				children: [
 					/* @__PURE__ */ o("div", {
 						className: "uy:m-100",
 						children: /* @__PURE__ */ o(e, {
-							label: O ?? N.formatMessage({
+							autoFocus: E,
+							label: k ?? P.formatMessage({
 								id: "unity:component:select:search:label",
 								defaultMessage: "Search options"
 							}),
@@ -60,8 +61,8 @@ var _ = a({ slots: {
 						layoutOptions: { padding: 8 },
 						children: /* @__PURE__ */ o(m, {
 							items: a,
-							className: z(),
-							renderEmptyState: V,
+							className: B(),
+							renderEmptyState: H,
 							children: n
 						})
 					})
@@ -71,8 +72,8 @@ var _ = a({ slots: {
 				layoutOptions: { padding: 8 },
 				children: /* @__PURE__ */ o(m, {
 					items: a,
-					className: z(),
-					renderEmptyState: V,
+					className: B(),
+					renderEmptyState: H,
 					children: n
 				})
 			})

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@payfit/unity-components",
-  "version": "3.22.18",
+  "version": "3.22.20",
   "module": "./dist/esm/index.js",
   "type": "module",
   "sideEffects": false,
@@ -103,7 +103,7 @@
     "@formatjs/intl": "4.1.12",
     "@internationalized/date": "3.12.4",
     "minimatch": "10.2.5",
-    "@payfit/unity-illustrations": "3.22.18",
+    "@payfit/unity-illustrations": "3.22.20",
     "@radix-ui/react-avatar": "1.2.7",
     "@radix-ui/react-slot": "1.4.0",
     "@react-aria/interactions": "3.28.1",
@@ -132,8 +132,8 @@
     "zod": "4.6.7"
   },
   "peerDependencies": {
-    "@payfit/unity-icons": "3.22.18",
-    "@payfit/unity-themes": "3.22.18",
+    "@payfit/unity-icons": "3.22.20",
+    "@payfit/unity-themes": "3.22.20",
     "@storybook/react-vite": "^10",
     "@tanstack/react-query": "^5",
     "@tanstack/form-core": "1.33.5",
@@ -156,8 +156,8 @@
     "@payfit/storybook-addon-console-errors": "0.0.0-use.local",
     "@payfit/storybook-addon-datadog-rum": "0.0.0-use.local",
     "@payfit/storybook-config": "0.0.0-use.local",
-    "@payfit/unity-icons": "3.22.18",
-    "@payfit/unity-themes": "3.22.18",
+    "@payfit/unity-icons": "3.22.20",
+    "@payfit/unity-themes": "3.22.20",
     "@payfit/vite-configs": "0.0.0-use.local",
     "@storybook/addon-a11y": "10.6.1",
     "@storybook/addon-designs": "11.1.4",