function TaskManagementApp() { return /*#__PURE__*/ React.createElement("table", { className: "min-w-full border-collapse", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("thead", { __source: { fileName: "", lineNumber: 4, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("tr", { __source: { fileName: "", lineNumber: 5, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("th", { className: "py-2 px-4 border-b font-roboto", __source: { fileName: "", lineNumber: 6, columnNumber: 11 }, __self: this }, "Uppgifter"), /*#__PURE__*/ React.createElement("th", { className: "py-2 px-4 border-b font-roboto", __source: { fileName: "", lineNumber: 7, columnNumber: 11 }, __self: this }, "Tid"), /*#__PURE__*/ React.createElement("th", { className: "py-2 px-4 border-b font-roboto", __source: { fileName: "", lineNumber: 8, columnNumber: 11 }, __self: this }, "Kommentar"), /*#__PURE__*/ React.createElement("th", { className: "py-2 px-4 border-b font-roboto", __source: { fileName: "", lineNumber: 9, columnNumber: 11 }, __self: this }, "Plats"), /*#__PURE__*/ React.createElement("th", { className: "py-2 px-4 border-b font-roboto", __source: { fileName: "", lineNumber: 10, columnNumber: 11 }, __self: this }, "Projekt"), /*#__PURE__*/ React.createElement("th", { className: "py-2 px-4 border-b font-roboto", __source: { fileName: "", lineNumber: 11, columnNumber: 11 }, __self: this }, "Ändring/tilläggsarbeten"))), /*#__PURE__*/ React.createElement("tbody", { __source: { fileName: "", lineNumber: 14, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("tr", { __source: { fileName: "", lineNumber: 16, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("td", { className: "py-2 px-4 border-b font-roboto", __source: { fileName: "", lineNumber: 17, columnNumber: 11 }, __self: this }, "Example"), /*#__PURE__*/ React.createElement("td", { className: "py-2 px-4 border-b font-roboto", __source: { fileName: "", lineNumber: 18, columnNumber: 11 }, __self: this }, "Sample Time"), /*#__PURE__*/ React.createElement("td", { className: "py-2 px-4 border-b font-roboto", __source: { fileName: "", lineNumber: 19, columnNumber: 11 }, __self: this }, "Sample Comment"), /*#__PURE__*/ React.createElement("td", { className: "py-2 px-4 border-b font-roboto", __source: { fileName: "", lineNumber: 20, columnNumber: 11 }, __self: this }, "Sample Place"), /*#__PURE__*/ React.createElement("td", { className: "py-2 px-4 border-b font-roboto", __source: { fileName: "", lineNumber: 21, columnNumber: 11 }, __self: this }, "Sample Project"), /*#__PURE__*/ React.createElement("td", { className: "py-2 px-4 border-b font-roboto", __source: { fileName: "", lineNumber: 22, columnNumber: 11 }, __self: this }, "Modification/Additional Work")))); } function TaskManagementAppStory() { return /*#__PURE__*/ React.createElement("div", { className: "p-4", __source: { fileName: "", lineNumber: 31, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(TaskManagementApp, { __source: { fileName: "", lineNumber: 32, columnNumber: 7 }, __self: this })); } function MainComponent() { const [rows, setRows] = React.useState([ { id: 1, uppgift: '', tid: '', kommentar: '', plats: '', projekt: '', andring: '' } ]); const handleChange = (e, id)=>{ const { name, value } = e.target; setRows(rows.map((row)=>row.id === id ? { ...row, [name]: value } : row)); }; const handleAddRow = ()=>{ setRows([ ...rows, { id: Date.now(), uppgift: '', tid: '', kommentar: '', plats: '', projekt: '', andring: '' } ]); }; return /*#__PURE__*/ React.createElement("div", { className: "p-4", __source: { fileName: "", lineNumber: 16, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-2xl font-bold mb-4 font-roboto", __source: { fileName: "", lineNumber: 17, columnNumber: 7 }, __self: this }, "Dagens Uppgifter"), /*#__PURE__*/ React.createElement("div", { className: "space-y-4", __source: { fileName: "", lineNumber: 18, columnNumber: 7 }, __self: this }, rows.map((row)=>/*#__PURE__*/ React.createElement("div", { key: row.id, className: "overflow-x-auto", __source: { fileName: "", lineNumber: 20, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("table", { className: "min-w-full bg-white border border-gray-300", __source: { fileName: "", lineNumber: 21, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("thead", { __source: { fileName: "", lineNumber: 22, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("tr", { __source: { fileName: "", lineNumber: 23, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("th", { className: "py-2 px-4 border-b", __source: { fileName: "", lineNumber: 24, columnNumber: 19 }, __self: this }, "Uppgifter"), /*#__PURE__*/ React.createElement("th", { className: "py-2 px-4 border-b", __source: { fileName: "", lineNumber: 25, columnNumber: 19 }, __self: this }, "Tid"), /*#__PURE__*/ React.createElement("th", { className: "py-2 px-4 border-b", __source: { fileName: "", lineNumber: 26, columnNumber: 19 }, __self: this }, "Kommentar"), /*#__PURE__*/ React.createElement("th", { className: "py-2 px-4 border-b", __source: { fileName: "", lineNumber: 27, columnNumber: 19 }, __self: this }, "Plats"), /*#__PURE__*/ React.createElement("th", { className: "py-2 px-4 border-b", __source: { fileName: "", lineNumber: 28, columnNumber: 19 }, __self: this }, "Projekt"), /*#__PURE__*/ React.createElement("th", { className: "py-2 px-4 border-b", __source: { fileName: "", lineNumber: 29, columnNumber: 19 }, __self: this }, "Ändring/tilläggsarbeten"))), /*#__PURE__*/ React.createElement("tbody", { __source: { fileName: "", lineNumber: 32, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("tr", { __source: { fileName: "", lineNumber: 33, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("td", { className: "py-2 px-4 border-b", __source: { fileName: "", lineNumber: 34, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "text", name: "uppgift", className: "w-full", value: row.uppgift, onChange: (e)=>handleChange(e, row.id), __source: { fileName: "", lineNumber: 35, columnNumber: 21 }, __self: this })), /*#__PURE__*/ React.createElement("td", { className: "py-2 px-4 border-b", __source: { fileName: "", lineNumber: 37, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "text", name: "tid", className: "w-full", value: row.tid, onChange: (e)=>handleChange(e, row.id), __source: { fileName: "", lineNumber: 38, columnNumber: 21 }, __self: this })), /*#__PURE__*/ React.createElement("td", { className: "py-2 px-4 border-b", __source: { fileName: "", lineNumber: 40, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "text", name: "kommentar", className: "w-full", value: row.kommentar, onChange: (e)=>handleChange(e, row.id), __source: { fileName: "", lineNumber: 41, columnNumber: 21 }, __self: this })), /*#__PURE__*/ React.createElement("td", { className: "py-2 px-4 border-b", __source: { fileName: "", lineNumber: 43, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "text", name: "plats", className: "w-full", value: row.plats, onChange: (e)=>handleChange(e, row.id), __source: { fileName: "", lineNumber: 44, columnNumber: 21 }, __self: this })), /*#__PURE__*/ React.createElement("td", { className: "py-2 px-4 border-b", __source: { fileName: "", lineNumber: 46, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "text", name: "projekt", className: "w-full", value: row.projekt, onChange: (e)=>handleChange(e, row.id), __source: { fileName: "", lineNumber: 47, columnNumber: 21 }, __self: this })), /*#__PURE__*/ React.createElement("td", { className: "py-2 px-4 border-b", __source: { fileName: "", lineNumber: 49, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "text", name: "andring", className: "w-full", value: row.andring, onChange: (e)=>handleChange(e, row.id), __source: { fileName: "", lineNumber: 50, columnNumber: 21 }, __self: this })))))))), /*#__PURE__*/ React.createElement("button", { onClick: handleAddRow, className: "mt-4 px-4 py-2 bg-blue-500 text-white rounded", __source: { fileName: "", lineNumber: 58, columnNumber: 7 }, __self: this }, "Lägg till rad")); }