feat(warehouse): add shared warehouse components

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>

src/admin/components/warehouse/ItemPicker.tsx

@@ -0,0 +1,59 @@
+import { useState } from "react";
+import { useQuery } from "@tanstack/react-query";
+import { warehouseItemListOptions } from "../../lib/queries/warehouse";
+
+interface ItemPickerProps {
+  value: number | null;
+  onChange: (itemId: number) => void;
+}
+
+export default function ItemPicker({ value, onChange }: ItemPickerProps) {
+  const [search, setSearch] = useState("");
+  const [open, setOpen] = useState(false);
+  const { data } = useQuery(warehouseItemListOptions({ search, perPage: 20 }));
+  const items = data?.data ?? [];
+
+  return (
+    <div className="admin-form-group">
+      <input
+        type="text"
+        className="admin-form-input"
+        placeholder="Hledat položku..."
+        value={search}
+        onChange={(e) => {
+          setSearch(e.target.value);
+          setOpen(true);
+        }}
+        onFocus={() => setOpen(true)}
+        onBlur={() => setTimeout(() => setOpen(false), 200)}
+      />
+      {open && items.length > 0 && (
+        <ul className="admin-item-picker-list">
+          {items.map((item) => (
+            <li
+              key={item.id}
+              className={`admin-item-picker-item ${value === item.id ? "active" : ""}`}
+              onClick={() => {
+                onChange(item.id);
+                setOpen(false);
+                setSearch(item.name);
+              }}
+            >
+              <span className="admin-item-picker-name">{item.name}</span>
+              {item.item_number && (
+                <span className="admin-item-picker-number">
+                  {item.item_number}
+                </span>
+              )}
+              {item.available_quantity !== undefined && (
+                <span className="admin-item-picker-qty">
+                  {item.available_quantity} {item.unit}
+                </span>
+              )}
+            </li>
+          ))}
+        </ul>
+      )}
+    </div>
+  );
+}