function MainComponent() { const [searchCode, setSearchCode] = React.useState(""); const [loading, setLoading] = React.useState(false); const [error, setError] = React.useState(null); const [sdiData, setSdiData] = React.useState(null); const [backtestResult, setBacktestResult] = React.useState(null); const [selectedAlgorithm, setSelectedAlgorithm] = React.useState("o1"); const [initialCapital, setInitialCapital] = React.useState(10000000); const [backtestResults, setBacktestResults] = React.useState([]); const [isBacktesting, setIsBacktesting] = React.useState(false); const [showAllTransactions, setShowAllTransactions] = React.useState(false); const [showAllData, setShowAllData] = React.useState(false); const algorithmsOptions = [ { value: "o1", label: "SDI (o1)" }, { value: "o3-mini", label: "SDI (o3-mini)（有償）", disabled: true }, { value: "o3-mini-high", label: "SDI (o3-mini-high)（有償）", disabled: true }, { value: "qwen", label: "SDI (Qwen2.5-Max)（有償）", disabled: true }, { value: "deepseek", label: "SDI (DeepSeek R1)", disabled: false }, { value: "grok3", label: "SDI (Grok3)（有償）", disabled: true }, { value: "claude37", label: "SDI (Claude3.7)（有償）", disabled: true } ]; const getSignalColor = (signal)=>{ if (signal >= 75) return "#4CAF50"; if (signal >= 50) return "#FFA726"; if (signal >= 25) return "#EF5350"; return "#42A5F5"; }; const handleCapitalChange = (e)=>{ const value = parseInt(e.target.value.replace(/,/g, ""), 10); if (!isNaN(value) && value > 0) { setInitialCapital(value); } }; const runBacktest = async ()=>{ setIsBacktesting(true); try { const backtestResponse = await fetch("/api/backtest-calculator", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ ticker: searchCode, data: sdiData.data, initialCapital: initialCapital }) }); const backtestData = await backtestResponse.json(); if (backtestData.error) { throw new Error(backtestData.error); } setBacktestResults((prev)=>[ { timestamp: new Date().toISOString(), capital: initialCapital, ...backtestData }, ...prev ]); } catch (err) { setError(err.message || "バックテストの実行に失敗しました"); } finally{ setIsBacktesting(false); } }; const fetchSDIData = async (code)=>{ setLoading(true); setError(null); try { let endpoint = "/api/sdi-calculator"; if (selectedAlgorithm === "o3-mini") { endpoint = "/api/o-3-mini"; } else if (selectedAlgorithm === "o3-mini-high") { endpoint = "/api/o-3-mini2"; } else if (selectedAlgorithm === "qwen") { endpoint = "/api/qwen-sdi-calculator"; } else if (selectedAlgorithm === "deepseek") { endpoint = "/api/deepseek-sdi"; } else if (selectedAlgorithm === "grok3") { endpoint = "/api/grok3-sdi"; } else if (selectedAlgorithm === "claude37") { endpoint = "/api/claude3-sdi"; } const response = await fetch(endpoint, { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ ticker: code }) }); const data = await response.json(); if (data.error) { throw new Error(data.error); } const processedData = data.data?.map((item)=>({ date: item.date || "", open: Number(item.open) || 0, high: Number(item.high) || 0, low: Number(item.low) || 0, close: Number(item.close) || 0, volume: Number(item.volume) || 0, sdi: Number(item.sdi) || 0, index: Number(item.sdi) || 0 })) || []; processedData.sort((a, b)=>new Date(b.date) - new Date(a.date)); setShowAllData(false); setSdiData({ name: `${code} - ${data.name || "SDI分析"} (${selectedAlgorithm})`, data: processedData }); } catch (err) { console.error("Error:", err); setError(err.message || "データの取得に失敗しました"); setSdiData(null); setBacktestResults([]); } finally{ setLoading(false); } }; const handleSearch = ()=>{ if (searchCode) { fetchSDIData(searchCode); } }; return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-gray-50 p-6", __source: { fileName: "", lineNumber: 140, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-7xl mx-auto", __source: { fileName: "", lineNumber: 141, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-3xl font-bold mb-12 font-noto text-blue-900 text-center", __source: { fileName: "", lineNumber: 142, columnNumber: 9 }, __self: this }, "株需給指数PRO"), /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-lg shadow-lg p-6", __source: { fileName: "", lineNumber: 146, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex flex-col gap-2 mb-8", __source: { fileName: "", lineNumber: 147, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center gap-1", __source: { fileName: "", lineNumber: 148, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("select", { value: selectedAlgorithm, onChange: (e)=>setSelectedAlgorithm(e.target.value), className: "px-2 py-2 border rounded-lg font-noto", __source: { fileName: "", lineNumber: 149, columnNumber: 15 }, __self: this }, algorithmsOptions.map((option)=>/*#__PURE__*/ React.createElement("option", { key: option.value, value: option.value, disabled: option.disabled, __source: { fileName: "", lineNumber: 155, columnNumber: 19 }, __self: this }, option.label))), /*#__PURE__*/ React.createElement("input", { type: "text", placeholder: "銘柄コードを入力（例：7203）", className: "px-4 py-2 border rounded-lg w-full font-noto text-center", value: searchCode, onChange: (e)=>setSearchCode(e.target.value), onKeyPress: (e)=>e.key === "Enter" && handleSearch(), __source: { fileName: "", lineNumber: 164, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("button", { onClick: handleSearch, className: "px-6 py-2 bg-blue-500 text-white rounded-lg hover:bg-blue-600 font-noto", disabled: loading, __source: { fileName: "", lineNumber: 172, columnNumber: 15 }, __self: this }, "検索"))), loading ? /*#__PURE__*/ React.createElement("div", { className: "flex justify-center items-center py-8", __source: { fileName: "", lineNumber: 183, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "animate-spin rounded-full h-8 w-8 border-b-2 border-gray-900", __source: { fileName: "", lineNumber: 184, columnNumber: 15 }, __self: this })) : error ? /*#__PURE__*/ React.createElement("div", { className: "text-red-500 text-center py-8 font-noto", __source: { fileName: "", lineNumber: 187, columnNumber: 13 }, __self: this }, error) : sdiData ? /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-3 gap-4 mb-8", __source: { fileName: "", lineNumber: 192, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-gray-50 p-4 rounded", __source: { fileName: "", lineNumber: 193, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-sm font-semibold mb-2 font-noto", __source: { fileName: "", lineNumber: 194, columnNumber: 19 }, __self: this }, "銘柄情報"), /*#__PURE__*/ React.createElement("p", { className: "text-sm font-noto", __source: { fileName: "", lineNumber: 197, columnNumber: 19 }, __self: this }, "コード: ", sdiData.name), /*#__PURE__*/ React.createElement("p", { className: "text-sm font-noto", __source: { fileName: "", lineNumber: 198, columnNumber: 19 }, __self: this }, "最新値: ", sdiData.data[0]?.close?.toLocaleString() ?? "N/A")), /*#__PURE__*/ React.createElement("div", { className: "bg-gray-50 p-4 rounded", __source: { fileName: "", lineNumber: 202, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-sm font-semibold mb-2 font-noto", __source: { fileName: "", lineNumber: 203, columnNumber: 19 }, __self: this }, "最新SDI"), /*#__PURE__*/ React.createElement("p", { className: "text-sm font-noto", __source: { fileName: "", lineNumber: 206, columnNumber: 19 }, __self: this }, sdiData.data[0]?.index?.toFixed(2) ?? "N/A"), /*#__PURE__*/ React.createElement("p", { className: `text-sm font-noto ${sdiData.data[0]?.index >= 75 ? "text-red-600" : sdiData.data[0]?.index >= 50 ? "text-yellow-600" : sdiData.data[0]?.index >= 25 ? "text-green-600" : "text-blue-600"}`, __source: { fileName: "", lineNumber: 209, columnNumber: 19 }, __self: this }, sdiData.data[0]?.index >= 75 ? "強い買い圧力" : sdiData.data[0]?.index >= 50 ? "やや買い優勢" : sdiData.data[0]?.index >= 25 ? "やや売り優勢" : "強い売り圧力")), /*#__PURE__*/ React.createElement("div", { className: "bg-gray-50 p-4 rounded", __source: { fileName: "", lineNumber: 229, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-sm font-semibold mb-2 font-noto", __source: { fileName: "", lineNumber: 230, columnNumber: 19 }, __self: this }, "出来高"), /*#__PURE__*/ React.createElement("p", { className: "text-sm font-noto", __source: { fileName: "", lineNumber: 233, columnNumber: 19 }, __self: this }, sdiData.data[0]?.volume?.toLocaleString() ?? "N/A", "株"))), /*#__PURE__*/ React.createElement("div", { className: "h-[10px] mb-8", __source: { fileName: "", lineNumber: 238, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement(React.Fragment, null)), /*#__PURE__*/ React.createElement("div", { className: "overflow-x-auto", __source: { fileName: "", lineNumber: 241, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("table", { className: "w-full border-collapse", __source: { fileName: "", lineNumber: 242, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("thead", { __source: { fileName: "", lineNumber: 243, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("tr", { className: "bg-gray-100", __source: { fileName: "", lineNumber: 244, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("th", { className: "px-1 py-0.5 text-left font-noto text-xs", __source: { fileName: "", lineNumber: 245, columnNumber: 23 }, __self: this }, "日付"), /*#__PURE__*/ React.createElement("th", { className: "px-1 py-0.5 text-left font-noto text-xs", __source: { fileName: "", lineNumber: 248, columnNumber: 23 }, __self: this }, "始値"), /*#__PURE__*/ React.createElement("th", { className: "px-1 py-0.5 text-left font-noto text-xs", __source: { fileName: "", lineNumber: 251, columnNumber: 23 }, __self: this }, "高値"), /*#__PURE__*/ React.createElement("th", { className: "px-1 py-0.5 text-left font-noto text-xs", __source: { fileName: "", lineNumber: 254, columnNumber: 23 }, __self: this }, "安値"), /*#__PURE__*/ React.createElement("th", { className: "px-1 py-0.5 text-left font-noto text-xs", __source: { fileName: "", lineNumber: 257, columnNumber: 23 }, __self: this }, "終値"), /*#__PURE__*/ React.createElement("th", { className: "px-1 py-0.5 text-left font-noto text-xs", __source: { fileName: "", lineNumber: 260, columnNumber: 23 }, __self: this }, "出来高"), /*#__PURE__*/ React.createElement("th", { className: "px-1 py-0.5 text-left font-noto text-xs", __source: { fileName: "", lineNumber: 263, columnNumber: 23 }, __self: this }, "需給指数"), /*#__PURE__*/ React.createElement("th", { className: "px-1 py-0.5 text-left font-noto text-xs", __source: { fileName: "", lineNumber: 266, columnNumber: 23 }, __self: this }, "状態"))), /*#__PURE__*/ React.createElement("tbody", { __source: { fileName: "", lineNumber: 271, columnNumber: 19 }, __self: this }, sdiData.data.slice(0, showAllData ? undefined : 20).map((item, index)=>/*#__PURE__*/ React.createElement("tr", { key: index, className: "border-b hover:bg-gray-50", __source: { fileName: "", lineNumber: 275, columnNumber: 25 }, __self: this }, /*#__PURE__*/ React.createElement("td", { className: "px-1 py-0.5 font-noto text-xs", __source: { fileName: "", lineNumber: 276, columnNumber: 27 }, __self: this }, new Date(item.date).toLocaleDateString("ja-JP")), /*#__PURE__*/ React.createElement("td", { className: "px-1 py-0.5 font-noto text-xs", __source: { fileName: "", lineNumber: 279, columnNumber: 27 }, __self: this }, item.open?.toLocaleString() ?? "N/A"), /*#__PURE__*/ React.createElement("td", { className: "px-1 py-0.5 font-noto text-xs", __source: { fileName: "", lineNumber: 282, columnNumber: 27 }, __self: this }, item.high?.toLocaleString() ?? "N/A"), /*#__PURE__*/ React.createElement("td", { className: "px-1 py-0.5 font-noto text-xs", __source: { fileName: "", lineNumber: 285, columnNumber: 27 }, __self: this }, item.low?.toLocaleString() ?? "N/A"), /*#__PURE__*/ React.createElement("td", { className: "px-1 py-0.5 font-noto text-xs", __source: { fileName: "", lineNumber: 288, columnNumber: 27 }, __self: this }, item.close?.toLocaleString() ?? "N/A"), /*#__PURE__*/ React.createElement("td", { className: "px-1 py-0.5 font-noto text-xs", __source: { fileName: "", lineNumber: 291, columnNumber: 27 }, __self: this }, item.volume?.toLocaleString() ?? "N/A"), /*#__PURE__*/ React.createElement("td", { className: "px-1 py-0.5 font-noto text-xs", __source: { fileName: "", lineNumber: 294, columnNumber: 27 }, __self: this }, item.index !== null ? item.index.toFixed(2) : "N/A"), /*#__PURE__*/ React.createElement("td", { className: "px-1 py-0.5", __source: { fileName: "", lineNumber: 299, columnNumber: 27 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: `px-1 py-0.5 rounded-full text-xs ${item.index >= 75 ? "bg-red-100" : item.index >= 50 ? "bg-yellow-100" : item.index >= 25 ? "bg-green-100" : "bg-blue-100"}`, __source: { fileName: "", lineNumber: 300, columnNumber: 29 }, __self: this }, item.index >= 75 ? "強い買い圧力" : item.index >= 50 ? "やや買い優勢" : item.index >= 25 ? "やや売り優勢" : "強い売り圧力"))))), !showAllData && sdiData.data.length > 20 && /*#__PURE__*/ React.createElement("tfoot", { __source: { fileName: "", lineNumber: 324, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("tr", { __source: { fileName: "", lineNumber: 325, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("td", { colSpan: "8", className: "text-center py-4", __source: { fileName: "", lineNumber: 326, columnNumber: 25 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: ()=>setShowAllData(true), className: "text-blue-600 hover:text-blue-800 font-noto text-sm", __source: { fileName: "", lineNumber: 327, columnNumber: 27 }, __self: this }, "過去のデータをもっと見る")))))), /*#__PURE__*/ React.createElement("div", { className: "mt-8 p-4 bg-white rounded-lg shadow", __source: { fileName: "", lineNumber: 339, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-bold mb-4 font-noto", __source: { fileName: "", lineNumber: 340, columnNumber: 17 }, __self: this }, "バックテスト設定"), /*#__PURE__*/ React.createElement("div", { className: "flex items-center gap-4 mb-6", __source: { fileName: "", lineNumber: 343, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center gap-2", __source: { fileName: "", lineNumber: 344, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "font-noto", __source: { fileName: "", lineNumber: 345, columnNumber: 21 }, __self: this }, "資本金:"), /*#__PURE__*/ React.createElement("input", { type: "text", className: "px-4 py-2 border rounded-lg w-40 font-noto text-right", value: initialCapital.toLocaleString(), onChange: handleCapitalChange, placeholder: "資本金を入力", __source: { fileName: "", lineNumber: 346, columnNumber: 21 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: "font-noto", __source: { fileName: "", lineNumber: 353, columnNumber: 21 }, __self: this }, "円")), /*#__PURE__*/ React.createElement("button", { onClick: runBacktest, disabled: isBacktesting, className: "px-6 py-2 bg-blue-500 text-white rounded-lg hover:bg-blue-600 font-noto disabled:bg-gray-400", __source: { fileName: "", lineNumber: 355, columnNumber: 19 }, __self: this }, isBacktesting ? "計算中..." : "バックテスト実行")), backtestResults.length > 0 && /*#__PURE__*/ React.createElement("div", { className: "space-y-6", __source: { fileName: "", lineNumber: 365, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-lg font-bold mb-2 font-noto", __source: { fileName: "", lineNumber: 366, columnNumber: 21 }, __self: this }, "バックテスト履歴"), backtestResults.map((result, index)=>/*#__PURE__*/ React.createElement("div", { key: result.timestamp, className: "border p-4 rounded-lg", __source: { fileName: "", lineNumber: 370, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "mb-2 text-sm text-gray-600 font-noto", __source: { fileName: "", lineNumber: 374, columnNumber: 25 }, __self: this }, "実行時刻:", " ", new Date(result.timestamp).toLocaleString("ja-JP")), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-2 gap-4 mb-4", __source: { fileName: "", lineNumber: 378, columnNumber: 25 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "p-3 bg-gray-50 rounded", __source: { fileName: "", lineNumber: 379, columnNumber: 27 }, __self: this }, /*#__PURE__*/ React.createElement("h4", { className: "text-sm font-semibold mb-2 font-noto", __source: { fileName: "", lineNumber: 380, columnNumber: 29 }, __self: this }, "最適パラメータ"), /*#__PURE__*/ React.createElement("p", { className: "text-sm font-noto", __source: { fileName: "", lineNumber: 383, columnNumber: 29 }, __self: this }, "買いシグナル: SDI ≤ ", result.buyThreshold), /*#__PURE__*/ React.createElement("p", { className: "text-sm font-noto", __source: { fileName: "", lineNumber: 386, columnNumber: 29 }, __self: this }, "売りシグナル: SDI ≥ ", result.sellThreshold)), /*#__PURE__*/ React.createElement("div", { className: "p-3 bg-gray-50 rounded", __source: { fileName: "", lineNumber: 390, columnNumber: 27 }, __self: this }, /*#__PURE__*/ React.createElement("h4", { className: "text-sm font-semibold mb-2 font-noto", __source: { fileName: "", lineNumber: 391, columnNumber: 29 }, __self: this }, "取引サマリー"), /*#__PURE__*/ React.createElement("p", { className: "text-sm font-noto", __source: { fileName: "", lineNumber: 394, columnNumber: 29 }, __self: this }, "総取引回数: ", result.summary.totalTrades, "回"), /*#__PURE__*/ React.createElement("p", { className: "text-sm font-noto", __source: { fileName: "", lineNumber: 397, columnNumber: 29 }, __self: this }, "買い取引: ", result.summary.buyTrades, "回"), /*#__PURE__*/ React.createElement("p", { className: "text-sm font-noto", __source: { fileName: "", lineNumber: 400, columnNumber: 29 }, __self: this }, "売り取引: ", result.summary.sellTrades, "回"))), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-2 gap-4 mb-4", __source: { fileName: "", lineNumber: 405, columnNumber: 25 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "p-3 bg-gray-50 rounded", __source: { fileName: "", lineNumber: 406, columnNumber: 27 }, __self: this }, /*#__PURE__*/ React.createElement("h4", { className: "text-sm font-semibold mb-2 font-noto", __source: { fileName: "", lineNumber: 407, columnNumber: 29 }, __self: this }, "ポジション状況"), /*#__PURE__*/ React.createElement("p", { className: "text-sm font-noto", __source: { fileName: "", lineNumber: 410, columnNumber: 29 }, __self: this }, "資本金: ", result.capital.toLocaleString(), "円"), /*#__PURE__*/ React.createElement("p", { className: "text-sm font-noto", __source: { fileName: "", lineNumber: 413, columnNumber: 29 }, __self: this }, "現在の保有株数:", " ", result.finalPosition.toLocaleString(), "株"), /*#__PURE__*/ React.createElement("p", { className: "text-sm font-noto", __source: { fileName: "", lineNumber: 417, columnNumber: 29 }, __self: this }, "現在の現金:", " ", Math.round(result.finalCapital).toLocaleString(), "円")), /*#__PURE__*/ React.createElement("div", { className: "p-3 bg-gray-50 rounded", __source: { fileName: "", lineNumber: 423, columnNumber: 27 }, __self: this }, /*#__PURE__*/ React.createElement("h4", { className: "text-sm font-semibold mb-2 font-noto", __source: { fileName: "", lineNumber: 424, columnNumber: 29 }, __self: this }, "収益状況"), /*#__PURE__*/ React.createElement("p", { className: "text-sm font-noto", __source: { fileName: "", lineNumber: 427, columnNumber: 29 }, __self: this }, "総資産:", " ", Math.round(result.finalValue).toLocaleString(), "円"), /*#__PURE__*/ React.createElement("p", { className: `text-sm font-noto ${result.profit >= 0 ? "text-red-600" : "text-blue-600"}`, __source: { fileName: "", lineNumber: 431, columnNumber: 29 }, __self: this }, "損益: ", Math.round(result.profit).toLocaleString(), "円 (", result.profitRate.toFixed(2), "%)"), /*#__PURE__*/ React.createElement("p", { className: "text-sm font-noto", __source: { fileName: "", lineNumber: 441, columnNumber: 29 }, __self: this }, "最大ドローダウン:", " ", result.summary.maxDrawdownPercent.toFixed(2), "%"))), /*#__PURE__*/ React.createElement("div", { className: "mt-4", __source: { fileName: "", lineNumber: 447, columnNumber: 25 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-between items-center mb-2", __source: { fileName: "", lineNumber: 448, columnNumber: 27 }, __self: this }, /*#__PURE__*/ React.createElement("h4", { className: "text-sm font-semibold font-noto", __source: { fileName: "", lineNumber: 449, columnNumber: 29 }, __self: this }, "取引履歴"), /*#__PURE__*/ React.createElement("button", { onClick: ()=>setShowAllTransactions(!showAllTransactions), className: "text-xs text-blue-600 hover:text-blue-800 font-noto", __source: { fileName: "", lineNumber: 452, columnNumber: 29 }, __self: this }, showAllTransactions ? "最新10件のみ表示" : "全件表示")), /*#__PURE__*/ React.createElement("div", { className: "overflow-x-auto", __source: { fileName: "", lineNumber: 463, columnNumber: 27 }, __self: this }, /*#__PURE__*/ React.createElement("table", { className: "w-full border-collapse", __source: { fileName: "", lineNumber: 464, columnNumber: 29 }, __self: this }, /*#__PURE__*/ React.createElement("thead", { __source: { fileName: "", lineNumber: 465, columnNumber: 31 }, __self: this }, /*#__PURE__*/ React.createElement("tr", { className: "bg-gray-100", __source: { fileName: "", lineNumber: 466, columnNumber: 33 }, __self: this }, /*#__PURE__*/ React.createElement("th", { className: "px-2 py-1 text-left font-noto text-xs", __source: { fileName: "", lineNumber: 467, columnNumber: 35 }, __self: this }, "日付"), /*#__PURE__*/ React.createElement("th", { className: "px-2 py-1 text-left font-noto text-xs", __source: { fileName: "", lineNumber: 470, columnNumber: 35 }, __self: this }, "取引種別"), /*#__PURE__*/ React.createElement("th", { className: "px-2 py-1 text-left font-noto text-xs", __source: { fileName: "", lineNumber: 473, columnNumber: 35 }, __self: this }, "価格"), /*#__PURE__*/ React.createElement("th", { className: "px-2 py-1 text-left font-noto text-xs", __source: { fileName: "", lineNumber: 476, columnNumber: 35 }, __self: this }, "株数"), /*#__PURE__*/ React.createElement("th", { className: "px-2 py-1 text-left font-noto text-xs", __source: { fileName: "", lineNumber: 479, columnNumber: 35 }, __self: this }, "SDI"), /*#__PURE__*/ React.createElement("th", { className: "px-2 py-1 text-left font-noto text-xs", __source: { fileName: "", lineNumber: 482, columnNumber: 35 }, __self: this }, "金額"), /*#__PURE__*/ React.createElement("th", { className: "px-2 py-1 text-left font-noto text-xs", __source: { fileName: "", lineNumber: 485, columnNumber: 35 }, __self: this }, "メモ"))), /*#__PURE__*/ React.createElement("tbody", { __source: { fileName: "", lineNumber: 490, columnNumber: 31 }, __self: this }, (showAllTransactions ? result.transactions : result.transactions.slice(0, 10)).map((transaction, idx)=>/*#__PURE__*/ React.createElement("tr", { key: idx, className: "border-b hover:bg-gray-50", __source: { fileName: "", lineNumber: 495, columnNumber: 35 }, __self: this }, /*#__PURE__*/ React.createElement("td", { className: "px-2 py-1 font-noto text-xs", __source: { fileName: "", lineNumber: 499, columnNumber: 37 }, __self: this }, new Date(transaction.date).toLocaleDateString("ja-JP")), /*#__PURE__*/ React.createElement("td", { className: "px-2 py-1 font-noto text-xs", __source: { fileName: "", lineNumber: 504, columnNumber: 37 }, __self: this }, transaction.type === "buy" ? "買" : transaction.type === "sell" ? "売" : "損切"), /*#__PURE__*/ React.createElement("td", { className: "px-2 py-1 font-noto text-xs", __source: { fileName: "", lineNumber: 511, columnNumber: 37 }, __self: this }, transaction.price.toLocaleString(), "円"), /*#__PURE__*/ React.createElement("td", { className: "px-2 py-1 font-noto text-xs", __source: { fileName: "", lineNumber: 514, columnNumber: 37 }, __self: this }, transaction.shares.toLocaleString(), "株"), /*#__PURE__*/ React.createElement("td", { className: "px-2 py-1 font-noto text-xs", __source: { fileName: "", lineNumber: 517, columnNumber: 37 }, __self: this }, transaction.sdi.toFixed(2)), /*#__PURE__*/ React.createElement("td", { className: "px-2 py-1 font-noto text-xs", __source: { fileName: "", lineNumber: 520, columnNumber: 37 }, __self: this }, transaction.type === "buy" ? `-${transaction.cost.toLocaleString()}円` : `+${transaction.revenue.toLocaleString()}円`), /*#__PURE__*/ React.createElement("td", { className: "px-2 py-1 font-noto text-xs", __source: { fileName: "", lineNumber: 525, columnNumber: 37 }, __self: this }, transaction.note))))), !showAllTransactions && result.transactions.length > 10 && /*#__PURE__*/ React.createElement("div", { className: "text-center mt-2 text-sm text-gray-500 font-noto", __source: { fileName: "", lineNumber: 534, columnNumber: 33 }, __self: this }, "他 ", result.transactions.length - 10, " ", "件の取引があります")))))))) : /*#__PURE__*/ React.createElement("div", { className: "text-center text-gray-500 py-8 font-noto", __source: { fileName: "", lineNumber: 548, columnNumber: 13 }, __self: this }, "銘柄コードを入力して検索してください")))); }