function MainComponent() { const [quotes, setQuotes] = useState([]); const [currentView, setCurrentView] = useState("list"); const [searchTerm, setSearchTerm] = useState(""); const [currentQuote, setCurrentQuote] = useState(null); const [showPdfPreview, setShowPdfPreview] = useState(false); const mockQuotes = [ { id: 1, customerName: "株式会社テスト", amount: 1000000, status: "承認待ち", createdAt: "2024-01-15", details: "製品A: 500,000円\n製品B: 500,000円", pdfUrl: "/sample.pdf" }, { id: 2, customerName: "株式会社サンプル", amount: 2000000, status: "承認済み", createdAt: "2024-01-14", details: "製品C: 1,000,000円\n製品D: 1,000,000円", pdfUrl: "/sample.pdf" } ]; useEffect(()=>{ setQuotes(mockQuotes); }, []); const handleViewDetails = (quote)=>{ setCurrentQuote(quote); setCurrentView("detail"); }; const handleEdit = (quote)=>{ setCurrentQuote(quote); setCurrentView("edit"); }; const handleBack = ()=>{ setCurrentView("list"); setCurrentQuote(null); }; const [showMobileMenu, setShowMobileMenu] = useState(false); return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-[#f0f2f5]", __source: { fileName: "", lineNumber: 48, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-between items-center h-16 bg-[#2b579a] px-4", __source: { fileName: "", lineNumber: 49, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-white font-roboto text-lg md:text-xl", __source: { fileName: "", lineNumber: 50, columnNumber: 9 }, __self: this }, "見積書管理システム")), /*#__PURE__*/ React.createElement("div", { className: "p-2 md:p-4", __source: { fileName: "", lineNumber: 55, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-lg shadow-sm p-2 md:p-4 mb-4", __source: { fileName: "", lineNumber: 56, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex flex-col md:flex-row md:justify-between md:items-center space-y-2 md:space-y-0", __source: { fileName: "", lineNumber: 57, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex flex-wrap gap-2", __source: { fileName: "", lineNumber: 58, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: ()=>setCurrentView("list"), className: `w-full md:w-auto px-4 py-2 rounded ${currentView === "list" ? "bg-[#2b579a] text-white" : "bg-gray-100"}`, __source: { fileName: "", lineNumber: 59, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-list mr-2", __source: { fileName: "", lineNumber: 67, columnNumber: 17 }, __self: this }), "一覧"), /*#__PURE__*/ React.createElement("button", { onClick: ()=>setCurrentView("new"), className: `w-full md:w-auto px-4 py-2 rounded ${currentView === "new" ? "bg-[#2b579a] text-white" : "bg-gray-100"}`, __source: { fileName: "", lineNumber: 69, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-plus mr-2", __source: { fileName: "", lineNumber: 77, columnNumber: 17 }, __self: this }), "新規作成")), currentView === "list" && /*#__PURE__*/ React.createElement("div", { className: "relative w-full md:w-auto", __source: { fileName: "", lineNumber: 81, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "text", name: "search", placeholder: "検索...", className: "w-full md:w-auto pl-10 pr-4 py-2 border rounded-lg", value: searchTerm, onChange: (e)=>setSearchTerm(e.target.value), __source: { fileName: "", lineNumber: 82, columnNumber: 17 }, __self: this }), /*#__PURE__*/ React.createElement("i", { className: "fas fa-search absolute left-3 top-3 text-gray-400", __source: { fileName: "", lineNumber: 90, columnNumber: 17 }, __self: this })))), currentView === "list" ? /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-lg shadow-sm overflow-x-auto", __source: { fileName: "", lineNumber: 97, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "hidden md:block", __source: { fileName: "", lineNumber: 98, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("table", { className: "w-full", __source: { fileName: "", lineNumber: 99, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("thead", { className: "bg-gray-50", __source: { fileName: "", lineNumber: 100, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("tr", { __source: { fileName: "", lineNumber: 101, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("th", { className: "px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase", __source: { fileName: "", lineNumber: 102, columnNumber: 21 }, __self: this }, "見積番号"), /*#__PURE__*/ React.createElement("th", { className: "px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase", __source: { fileName: "", lineNumber: 105, columnNumber: 21 }, __self: this }, "顧客名"), /*#__PURE__*/ React.createElement("th", { className: "px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase", __source: { fileName: "", lineNumber: 108, columnNumber: 21 }, __self: this }, "金額"), /*#__PURE__*/ React.createElement("th", { className: "px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase", __source: { fileName: "", lineNumber: 111, columnNumber: 21 }, __self: this }, "ステータス"), /*#__PURE__*/ React.createElement("th", { className: "px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase", __source: { fileName: "", lineNumber: 114, columnNumber: 21 }, __self: this }, "作成日"), /*#__PURE__*/ React.createElement("th", { className: "px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase", __source: { fileName: "", lineNumber: 117, columnNumber: 21 }, __self: this }, "操作"))), /*#__PURE__*/ React.createElement("tbody", { className: "divide-y divide-gray-200", __source: { fileName: "", lineNumber: 122, columnNumber: 17 }, __self: this }, quotes.map((quote)=>/*#__PURE__*/ React.createElement("tr", { key: quote.id, className: "hover:bg-gray-50", __source: { fileName: "", lineNumber: 124, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("td", { className: "px-6 py-4", __source: { fileName: "", lineNumber: 125, columnNumber: 23 }, __self: this }, quote.id), /*#__PURE__*/ React.createElement("td", { className: "px-6 py-4", __source: { fileName: "", lineNumber: 126, columnNumber: 23 }, __self: this }, quote.customerName), /*#__PURE__*/ React.createElement("td", { className: "px-6 py-4", __source: { fileName: "", lineNumber: 127, columnNumber: 23 }, __self: this }, quote.amount.toLocaleString(), "円"), /*#__PURE__*/ React.createElement("td", { className: "px-6 py-4", __source: { fileName: "", lineNumber: 130, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: `px-2 py-1 rounded-full text-xs ${quote.status === "承認済み" ? "bg-green-100 text-green-800" : "bg-yellow-100 text-yellow-800"}`, __source: { fileName: "", lineNumber: 131, columnNumber: 25 }, __self: this }, quote.status)), /*#__PURE__*/ React.createElement("td", { className: "px-6 py-4", __source: { fileName: "", lineNumber: 141, columnNumber: 23 }, __self: this }, quote.createdAt), /*#__PURE__*/ React.createElement("td", { className: "px-6 py-4", __source: { fileName: "", lineNumber: 142, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: ()=>handleEdit(quote), className: "text-[#2b579a] hover:text-[#1b3b6f] mr-2", __source: { fileName: "", lineNumber: 143, columnNumber: 25 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-edit", __source: { fileName: "", lineNumber: 147, columnNumber: 27 }, __self: this })), /*#__PURE__*/ React.createElement("button", { onClick: ()=>handleViewDetails(quote), className: "text-[#2b579a] hover:text-[#1b3b6f] mr-2", __source: { fileName: "", lineNumber: 149, columnNumber: 25 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-eye", __source: { fileName: "", lineNumber: 153, columnNumber: 27 }, __self: this })))))))), /*#__PURE__*/ React.createElement("div", { className: "md:hidden", __source: { fileName: "", lineNumber: 161, columnNumber: 13 }, __self: this }, quotes.map((quote)=>/*#__PURE__*/ React.createElement("div", { key: quote.id, className: "p-4 border-b", __source: { fileName: "", lineNumber: 163, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-between items-center mb-2", __source: { fileName: "", lineNumber: 164, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "font-medium", __source: { fileName: "", lineNumber: 165, columnNumber: 21 }, __self: this }, "#", quote.id), /*#__PURE__*/ React.createElement("span", { className: `px-2 py-1 rounded-full text-xs ${quote.status === "承認済み" ? "bg-green-100 text-green-800" : "bg-yellow-100 text-yellow-800"}`, __source: { fileName: "", lineNumber: 166, columnNumber: 21 }, __self: this }, quote.status)), /*#__PURE__*/ React.createElement("div", { className: "space-y-1", __source: { fileName: "", lineNumber: 176, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 177, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "text-gray-500", __source: { fileName: "", lineNumber: 178, columnNumber: 23 }, __self: this }, "顧客名:"), " ", quote.customerName), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 181, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "text-gray-500", __source: { fileName: "", lineNumber: 182, columnNumber: 23 }, __self: this }, "金額:"), " ", quote.amount.toLocaleString(), "円"), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 185, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "text-gray-500", __source: { fileName: "", lineNumber: 186, columnNumber: 23 }, __self: this }, "作成日:"), " ", quote.createdAt)), /*#__PURE__*/ React.createElement("div", { className: "mt-3 flex justify-end space-x-2", __source: { fileName: "", lineNumber: 190, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: ()=>handleEdit(quote), className: "text-[#2b579a] hover:text-[#1b3b6f] p-2", __source: { fileName: "", lineNumber: 191, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-edit", __source: { fileName: "", lineNumber: 195, columnNumber: 23 }, __self: this })), /*#__PURE__*/ React.createElement("button", { onClick: ()=>handleViewDetails(quote), className: "text-[#2b579a] hover:text-[#1b3b6f] p-2", __source: { fileName: "", lineNumber: 197, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-eye", __source: { fileName: "", lineNumber: 201, columnNumber: 23 }, __self: this }))))))) : currentView === "new" ? /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-lg shadow-sm p-4 md:p-6", __source: { fileName: "", lineNumber: 209, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center mb-6", __source: { fileName: "", lineNumber: 210, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: handleBack, className: "mr-4", __source: { fileName: "", lineNumber: 211, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-arrow-left text-[#2b579a]", __source: { fileName: "", lineNumber: 212, columnNumber: 17 }, __self: this })), /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-roboto", __source: { fileName: "", lineNumber: 214, columnNumber: 15 }, __self: this }, "新規見積書作成")), /*#__PURE__*/ React.createElement("form", { className: "space-y-4", __source: { fileName: "", lineNumber: 216, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 217, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium text-gray-700", __source: { fileName: "", lineNumber: 218, columnNumber: 17 }, __self: this }, "顧客名"), /*#__PURE__*/ React.createElement("input", { type: "text", name: "customerName", className: "mt-1 block w-full border rounded-md p-2", __source: { fileName: "", lineNumber: 221, columnNumber: 17 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 227, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium text-gray-700", __source: { fileName: "", lineNumber: 228, columnNumber: 17 }, __self: this }, "見積金額"), /*#__PURE__*/ React.createElement("input", { type: "number", name: "amount", className: "mt-1 block w-full border rounded-md p-2", __source: { fileName: "", lineNumber: 231, columnNumber: 17 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 237, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium text-gray-700", __source: { fileName: "", lineNumber: 238, columnNumber: 17 }, __self: this }, "商品詳細"), /*#__PURE__*/ React.createElement("textarea", { name: "details", rows: "4", className: "mt-1 block w-full border rounded-md p-2", __source: { fileName: "", lineNumber: 241, columnNumber: 17 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "flex justify-end space-x-2", __source: { fileName: "", lineNumber: 247, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("button", { type: "button", className: "px-4 py-2 bg-gray-100 rounded", __source: { fileName: "", lineNumber: 248, columnNumber: 17 }, __self: this }, "一時保存"), /*#__PURE__*/ React.createElement("button", { type: "submit", className: "px-4 py-2 bg-[#2b579a] text-white rounded", __source: { fileName: "", lineNumber: 251, columnNumber: 17 }, __self: this }, "承認申請")))) : currentView === "detail" ? /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-lg shadow-sm p-4 md:p-6", __source: { fileName: "", lineNumber: 261, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center mb-6", __source: { fileName: "", lineNumber: 262, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: handleBack, className: "mr-4", __source: { fileName: "", lineNumber: 263, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-arrow-left text-[#2b579a]", __source: { fileName: "", lineNumber: 264, columnNumber: 17 }, __self: this })), /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-roboto", __source: { fileName: "", lineNumber: 266, columnNumber: 15 }, __self: this }, "見積書詳細")), currentQuote && /*#__PURE__*/ React.createElement("div", { className: "space-y-4", __source: { fileName: "", lineNumber: 269, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 270, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("strong", { __source: { fileName: "", lineNumber: 271, columnNumber: 19 }, __self: this }, "顧客名:"), " ", currentQuote.customerName), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 273, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("strong", { __source: { fileName: "", lineNumber: 274, columnNumber: 19 }, __self: this }, "見積金額:"), " ", currentQuote.amount.toLocaleString(), "円"), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 277, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("strong", { __source: { fileName: "", lineNumber: 278, columnNumber: 19 }, __self: this }, "商品詳細:"), " ", currentQuote.details), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 280, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("strong", { __source: { fileName: "", lineNumber: 281, columnNumber: 19 }, __self: this }, "ステータス:"), " ", currentQuote.status), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 283, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("strong", { __source: { fileName: "", lineNumber: 284, columnNumber: 19 }, __self: this }, "作成日:"), " ", currentQuote.createdAt), /*#__PURE__*/ React.createElement("button", { onClick: ()=>setShowPdfPreview(true), className: "mt-4 px-4 py-2 bg-[#2b579a] text-white rounded", __source: { fileName: "", lineNumber: 286, columnNumber: 17 }, __self: this }, "PDFプレビュー"), showPdfPreview && /*#__PURE__*/ React.createElement("div", { className: "mt-4", __source: { fileName: "", lineNumber: 293, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("iframe", { src: currentQuote.pdfUrl, width: "100%", height: "500px", title: "PDF Preview", __source: { fileName: "", lineNumber: 294, columnNumber: 21 }, __self: this })))) : currentView === "edit" ? /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-lg shadow-sm p-4 md:p-6", __source: { fileName: "", lineNumber: 306, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center mb-6", __source: { fileName: "", lineNumber: 307, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: handleBack, className: "mr-4", __source: { fileName: "", lineNumber: 308, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-arrow-left text-[#2b579a]", __source: { fileName: "", lineNumber: 309, columnNumber: 17 }, __self: this })), /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-roboto", __source: { fileName: "", lineNumber: 311, columnNumber: 15 }, __self: this }, "見積書編集")), currentQuote && /*#__PURE__*/ React.createElement("form", { className: "space-y-4", __source: { fileName: "", lineNumber: 314, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 315, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium text-gray-700", __source: { fileName: "", lineNumber: 316, columnNumber: 19 }, __self: this }, "顧客名"), /*#__PURE__*/ React.createElement("input", { type: "text", name: "customerName", defaultValue: currentQuote.customerName, className: "mt-1 block w-full border rounded-md p-2", __source: { fileName: "", lineNumber: 319, columnNumber: 19 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 326, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium text-gray-700", __source: { fileName: "", lineNumber: 327, columnNumber: 19 }, __self: this }, "見積金額"), /*#__PURE__*/ React.createElement("input", { type: "number", name: "amount", defaultValue: currentQuote.amount, className: "mt-1 block w-full border rounded-md p-2", __source: { fileName: "", lineNumber: 330, columnNumber: 19 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 337, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium text-gray-700", __source: { fileName: "", lineNumber: 338, columnNumber: 19 }, __self: this }, "商品詳細"), /*#__PURE__*/ React.createElement("textarea", { name: "details", defaultValue: currentQuote.details, rows: "4", className: "mt-1 block w-full border rounded-md p-2", __source: { fileName: "", lineNumber: 341, columnNumber: 19 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "flex justify-end space-x-2", __source: { fileName: "", lineNumber: 348, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("button", { type: "button", className: "px-4 py-2 bg-gray-100 rounded", __source: { fileName: "", lineNumber: 349, columnNumber: 19 }, __self: this }, "キャンセル"), /*#__PURE__*/ React.createElement("button", { type: "submit", className: "px-4 py-2 bg-[#2b579a] text-white rounded", __source: { fileName: "", lineNumber: 355, columnNumber: 19 }, __self: this }, "保存")))) : null)); }