@diwauhris/ui 1.7.2 → 1.7.4

package/lib/index.cjs

@@ -829,12 +829,12 @@ function Combobox({ value, onChange, options, placeholder, className, disabled,
 	const listboxId = `${uid}-listbox`;
 	const optionId = (index) => `${uid}-option-${index}`;
 	const q = search.toLowerCase().trim();
-	const filtered = q.length < 2 ? [] : options.filter((opt) => opt.label.toLowerCase().includes(q)).sort((a, b) => {
+	const DISPLAY_LIMIT = 100;
+	const filtered = q.length === 0 ? options : options.filter((opt) => opt.label.toLowerCase().includes(q)).sort((a, b) => {
 		const al = a.label.toLowerCase();
 		const bl = b.label.toLowerCase();
 		return (al === q ? 0 : al.startsWith(q) ? 1 : al.indexOf(q) + 2) - (bl === q ? 0 : bl.startsWith(q) ? 1 : bl.indexOf(q) + 2);
 	});
-	const DISPLAY_LIMIT = 100;
 	const displayed = filtered.length > DISPLAY_LIMIT ? filtered.slice(0, DISPLAY_LIMIT) : filtered;
 	(0, react.useEffect)(() => {
 		setSearch(value);
@@ -925,7 +925,7 @@ function Combobox({ value, onChange, options, placeholder, className, disabled,
 				children: "Loading..."
 			}) : filtered.length === 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 				className: "px-3 py-2 text-sm text-slate-400 font-semibold",
-				children: q.length < 2 ? "Type at least 2 characters to search..." : "No matches — press Enter to use this value"
+				children: "No matches — press Enter to use this value"
 			}) : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [displayed.map((opt, i) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 				id: optionId(i),
 				role: "option",
@@ -2906,8 +2906,21 @@ function Pagination({ page, totalPages, onPageChange, ariaLabel = "Pagination",
 	const rangeEnd = showRecordCount ? Math.min(page * pageSize, totalItems) : null;
 	const pageNumbers = getPageNumbers(page, totalPages);
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-		className: "flex flex-col items-center gap-1.5",
-		children: [totalPages > 1 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("nav", {
+		className: "flex items-center justify-between gap-4",
+		children: [showRecordCount ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("p", {
+			className: "text-[11px] font-bold tabular-nums text-slate-400",
+			"aria-live": "polite",
+			children: [
+				"Showing ",
+				rangeStart,
+				"–",
+				rangeEnd,
+				" of ",
+				totalItems,
+				" ",
+				itemLabel
+			]
+		}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {}), totalPages > 1 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("nav", {
 			"aria-label": ariaLabel,
 			children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("ol", {
 				className: "list-none flex items-center gap-1",
@@ -2951,19 +2964,6 @@ function Pagination({ page, totalPages, onPageChange, ariaLabel = "Pagination",
 					}) })
 				]
 			})
-		}), showRecordCount && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("p", {
-			className: "text-[11px] font-bold tabular-nums text-slate-400",
-			"aria-live": "polite",
-			children: [
-				"Showing ",
-				rangeStart,
-				"–",
-				rangeEnd,
-				" of ",
-				totalItems,
-				" ",
-				itemLabel
-			]
 		})]
 	});
 }

package/lib/index.mjs

@@ -804,12 +804,12 @@ function Combobox({ value, onChange, options, placeholder, className, disabled,
 	const listboxId = `${uid}-listbox`;
 	const optionId = (index) => `${uid}-option-${index}`;
 	const q = search.toLowerCase().trim();
-	const filtered = q.length < 2 ? [] : options.filter((opt) => opt.label.toLowerCase().includes(q)).sort((a, b) => {
+	const DISPLAY_LIMIT = 100;
+	const filtered = q.length === 0 ? options : options.filter((opt) => opt.label.toLowerCase().includes(q)).sort((a, b) => {
 		const al = a.label.toLowerCase();
 		const bl = b.label.toLowerCase();
 		return (al === q ? 0 : al.startsWith(q) ? 1 : al.indexOf(q) + 2) - (bl === q ? 0 : bl.startsWith(q) ? 1 : bl.indexOf(q) + 2);
 	});
-	const DISPLAY_LIMIT = 100;
 	const displayed = filtered.length > DISPLAY_LIMIT ? filtered.slice(0, DISPLAY_LIMIT) : filtered;
 	useEffect(() => {
 		setSearch(value);
@@ -900,7 +900,7 @@ function Combobox({ value, onChange, options, placeholder, className, disabled,
 				children: "Loading..."
 			}) : filtered.length === 0 ? /* @__PURE__ */ jsx("div", {
 				className: "px-3 py-2 text-sm text-slate-400 font-semibold",
-				children: q.length < 2 ? "Type at least 2 characters to search..." : "No matches — press Enter to use this value"
+				children: "No matches — press Enter to use this value"
 			}) : /* @__PURE__ */ jsxs(Fragment, { children: [displayed.map((opt, i) => /* @__PURE__ */ jsx("div", {
 				id: optionId(i),
 				role: "option",
@@ -2881,8 +2881,21 @@ function Pagination({ page, totalPages, onPageChange, ariaLabel = "Pagination",
 	const rangeEnd = showRecordCount ? Math.min(page * pageSize, totalItems) : null;
 	const pageNumbers = getPageNumbers(page, totalPages);
 	return /* @__PURE__ */ jsxs("div", {
-		className: "flex flex-col items-center gap-1.5",
-		children: [totalPages > 1 && /* @__PURE__ */ jsx("nav", {
+		className: "flex items-center justify-between gap-4",
+		children: [showRecordCount ? /* @__PURE__ */ jsxs("p", {
+			className: "text-[11px] font-bold tabular-nums text-slate-400",
+			"aria-live": "polite",
+			children: [
+				"Showing ",
+				rangeStart,
+				"–",
+				rangeEnd,
+				" of ",
+				totalItems,
+				" ",
+				itemLabel
+			]
+		}) : /* @__PURE__ */ jsx("span", {}), totalPages > 1 && /* @__PURE__ */ jsx("nav", {
 			"aria-label": ariaLabel,
 			children: /* @__PURE__ */ jsxs("ol", {
 				className: "list-none flex items-center gap-1",
@@ -2926,19 +2939,6 @@ function Pagination({ page, totalPages, onPageChange, ariaLabel = "Pagination",
 					}) })
 				]
 			})
-		}), showRecordCount && /* @__PURE__ */ jsxs("p", {
-			className: "text-[11px] font-bold tabular-nums text-slate-400",
-			"aria-live": "polite",
-			children: [
-				"Showing ",
-				rangeStart,
-				"–",
-				rangeEnd,
-				" of ",
-				totalItems,
-				" ",
-				itemLabel
-			]
 		})]
 	});
 }

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@diwauhris/ui",
   "private": false,
-  "version": "1.7.2",
+  "version": "1.7.4",
   "type": "module",
   "description": "DIWA UHRIS UI component library — React + Tailwind CSS",
   "keywords": [
@@ -90,3 +90,5 @@
     "vite-plugin-dts": "^5.0.3"
   }
 }
+
+