@payfit/unity-components 3.15.21 → 3.15.23

package/dist/esm/core/components/select-list/SelectList.d.ts

@@ -27,6 +27,11 @@ export interface SelectListProps<TType extends object = object> extends Omit<Ari
      * @default undefined - Auto-shows when items >= 10
      */
     showSearch?: boolean;
+    /**
+     * Contextual placeholder shown when the search input is displayed.
+     * Does not replace the translated accessible search label.
+     */
+    searchPlaceholder?: string;
     /**
      * Additional CSS classes to apply to the list container. Use this to customize height or other container styles.
      */

package/dist/esm/core/components/select-list/SelectList.js

@@ -20,48 +20,48 @@ var v = c({ slots: {
 	list: "uy:overflow-y-auto uy:mt-100 uy:max-h-[300px]",
 	selectedListBox: "uy:bg-surface-neutral uy:border-b uy:border-border-neutral uy:py-100 uy:data-[empty=true]:border-0 uy:data-[is-last=true]:border-0 uy:data-[is-last=true]:py-0"
 } });
-function y({ items: o, children: c, value: y, onChange: b, className: x, showSearch: S = !1, sortSelectedFirst: C = !1, selectedSectionLabel: w = "Selected", ...T }, E) {
-	let { contains: D } = g({ sensitivity: "base" }), { wrapper: O, inputContainer: k, list: A, separator: j, selectedListBox: M } = v(), [N, P] = t(y, b), F = s(() => (Array.isArray(o) ? o.length : Array.from(o).length) >= 10 || S, [o, S]), I = n(o, N, C), L = s(() => I.remainingItems ? !I.remainingItems[Symbol.iterator]().next().done : !1, [I.remainingItems]), R = /* @__PURE__ */ u(r, {
-		items: I.selectedItems,
-		selectedKeys: N,
-		onSelectionChange: P,
-		selectionMode: T.selectionMode,
-		selectionBehavior: T.selectionBehavior,
-		label: w,
-		className: M(),
-		"data-is-last": !L
-	}), z = /* @__PURE__ */ u(m, {
-		...T,
-		className: A({ className: x }),
-		items: I.remainingItems,
-		selectedKeys: N,
-		onSelectionChange: P,
+function y({ items: o, children: c, value: y, onChange: b, className: x, showSearch: S = !1, searchPlaceholder: C, sortSelectedFirst: w = !1, selectedSectionLabel: T = "Selected", ...E }, D) {
+	let { contains: O } = g({ sensitivity: "base" }), { wrapper: k, inputContainer: A, list: j, separator: M, selectedListBox: N } = v(), [P, F] = t(y, b), I = s(() => (Array.isArray(o) ? o.length : Array.from(o).length) >= 10 || S, [o, S]), L = n(o, P, w), R = s(() => L.remainingItems ? !L.remainingItems[Symbol.iterator]().next().done : !1, [L.remainingItems]), z = /* @__PURE__ */ u(r, {
+		items: L.selectedItems,
+		selectedKeys: P,
+		onSelectionChange: F,
+		selectionMode: E.selectionMode,
+		selectionBehavior: E.selectionBehavior,
+		label: T,
+		className: N(),
+		"data-is-last": !R
+	}), B = /* @__PURE__ */ u(m, {
+		...E,
+		className: j({ className: x }),
+		items: L.remainingItems,
+		selectedKeys: P,
+		onSelectionChange: F,
 		renderEmptyState: i,
 		children: /* @__PURE__ */ u(p, {
-			items: I.remainingItems,
+			items: L.remainingItems,
 			children: c
 		})
 	});
 	return /* @__PURE__ */ u("div", {
-		ref: E,
-		className: O(),
-		children: F ? /* @__PURE__ */ d(h, {
-			filter: D,
+		ref: D,
+		className: k(),
+		children: I ? /* @__PURE__ */ d(h, {
+			filter: O,
 			children: [
 				/* @__PURE__ */ d("div", {
-					className: k(),
+					className: A(),
 					"data-dd-privacy": "mask",
-					children: [/* @__PURE__ */ u(a, {}), /* @__PURE__ */ u(f, { className: j() })]
+					children: [/* @__PURE__ */ u(a, { placeholder: C }), /* @__PURE__ */ u(f, { className: M() })]
 				}),
-				R,
-				L && /* @__PURE__ */ u(_, {
+				z,
+				R && /* @__PURE__ */ u(_, {
 					...e,
-					children: z
+					children: B
 				})
 			]
-		}) : /* @__PURE__ */ d(l, { children: [R, L && /* @__PURE__ */ u(_, {
+		}) : /* @__PURE__ */ d(l, { children: [z, R && /* @__PURE__ */ u(_, {
 			...e,
-			children: z
+			children: B
 		})] })
 	});
 }

package/dist/esm/core/components/select-list/parts/SelectListSearchInput.d.ts

@@ -1,2 +1,5 @@
-declare const SelectListSearchInput: import('react').ForwardRefExoticComponent<import('react').RefAttributes<HTMLDivElement>>;
+type SelectListSearchInputProps = {
+    placeholder?: string;
+};
+declare const SelectListSearchInput: import('react').ForwardRefExoticComponent<SelectListSearchInputProps & import('react').RefAttributes<HTMLDivElement>>;
 export { SelectListSearchInput };

package/dist/esm/core/components/select-list/parts/SelectListSearchInput.js

@@ -10,7 +10,7 @@ import { SearchField as c } from "react-aria-components/SearchField";
 var l = r({ slots: {
 	base: "uy:flex uy:gap-100 uy:items-center uy:transition-colors uy:py-125 uy:sm:py-100 uy:px-150 uy:rounded-100 uy:sm:rounded-75 uy:bg-surface-form-high-enabled uy:focus-within:outline-utility-focus-ring uy:focus-within:outline-2 uy:focus-within:outline-offset-2 uy:text-content-form-active uy:typography-body",
 	input: "uy:flex-grow uy:outline-none uy:[&::-webkit-search-cancel-button]:hidden"
-} }), u = n((n, r) => {
+} }), u = n(({ placeholder: n }, r) => {
 	let u = o(), { base: d, input: f } = l();
 	return /* @__PURE__ */ a(c, {
 		className: d(),
@@ -23,6 +23,7 @@ var l = r({ slots: {
 				color: "content.neutral.lowest"
 			}),
 			/* @__PURE__ */ i(s, {
+				placeholder: n,
 				"aria-label": u.formatMessage({
 					id: "unity:component:common:search:label",
 					defaultMessage: "Search"

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@payfit/unity-components",
-  "version": "3.15.21",
+  "version": "3.15.23",
   "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.15.21",
+    "@payfit/unity-illustrations": "3.15.23",
     "@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.5"
   },
   "peerDependencies": {
-    "@payfit/unity-icons": "3.15.21",
-    "@payfit/unity-themes": "3.15.21",
+    "@payfit/unity-icons": "3.15.23",
+    "@payfit/unity-themes": "3.15.23",
     "@storybook/react-vite": "^10",
     "@tanstack/react-query": "^5",
     "@tanstack/form-core": "1.33.5",
@@ -157,9 +157,9 @@
     "@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.15.21",
-    "@payfit/unity-illustrations": "3.15.21",
-    "@payfit/unity-themes": "3.15.21",
+    "@payfit/unity-icons": "3.15.23",
+    "@payfit/unity-illustrations": "3.15.23",
+    "@payfit/unity-themes": "3.15.23",
     "@payfit/vite-configs": "0.0.0-use.local",
     "@storybook/addon-a11y": "10.6.1",
     "@storybook/addon-designs": "11.1.4",
@@ -175,6 +175,7 @@
     "@tanstack/react-form-devtools": "0.2.34",
     "@tanstack/react-query": "5.104.1",
     "@tanstack/react-store": "0.11.1",
+    "@tanstack/react-table": "9.3.1",
     "@tanstack/react-router": "1.170.44",
     "@tanstack/react-router-devtools": "1.167.2",
     "@tanstack/react-virtual": "3.14.14",