{"version":3,"file":"MemoTab-Thtf3O0-.js","sources":["../../../app/javascript/entrypoints/pages/StockPage/Tabs/MemoTab.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\n\nimport type { Memo } from '../../../output/models';\n\nimport { Button } from '../../../components/Button';\nimport { CircularProgress } from '../../../components/CircularProgress';\nimport { MemoModal } from '../../../components/MemoModal';\n\nimport { MemoTable } from '../MemoTable';\n\nimport { useMemos } from '../hooks';\nimport { useMemo } from '../../../hooks/useMemo';\n\ninterface Props {\n  code: string;\n  selected: boolean;\n  stockId: number;\n}\n\nexport const MemoTab: React.FC<Props> = ({ code, selected, stockId }) => {\n  const data = useMemos(code, selected);\n  const [memos, setMemos] = useState<Memo[] | undefined>(data);\n  // eslint-disable-next-line react-hooks/exhaustive-deps\n  const { memoInitial, memo, setMemo, createMemo, updateMemo, deleteMemo } = useMemo(\n    memos,\n    setMemos,\n    stockId,\n  );\n  const [isOpen, setIsOpen] = useState<boolean>(false);\n\n  useEffect(() => {\n    setMemos(data);\n  }, [data]);\n\n  const onClose = (result: boolean) => {\n    if (result) {\n      onCloseModalOk();\n    } else {\n      setMemo(memoInitial);\n    }\n    setIsOpen(false);\n  };\n\n  const onClickDelete = (memo: Memo) => {\n    if (confirm('メモを削除しますか')) {\n      deleteMemo(memo);\n    }\n  };\n\n  const onClickEdit = (memo: Memo) => {\n    setMemo(memo);\n    setIsOpen(true);\n  };\n\n  const onCloseModalOk = () => {\n    memo.id === 0 ? createMemo() : updateMemo();\n  };\n\n  return selected ? (\n    memos ? (\n      <div>\n        <div className=\"mb-3 flex justify-end\">\n          <Button\n            disabled={!memos}\n            onClick={() => {\n              setIsOpen(true);\n            }}\n          >\n            追加\n          </Button>\n        </div>\n        <MemoTable memos={memos} onClickDelete={onClickDelete} onClickEdit={onClickEdit} />\n        <MemoModal memo={memo} setMemo={setMemo} isOpen={isOpen} onClose={onClose} />\n      </div>\n    ) : (\n      <div className=\"relative\">\n        <CircularProgress variant={'full'} />\n      </div>\n    )\n  ) : (\n    <></>\n  );\n};\n"],"names":["MemoTab","code","selected","stockId","data","useMemos","memos","setMemos","useState","memoInitial","memo","setMemo","createMemo","updateMemo","deleteMemo","useMemo","isOpen","setIsOpen","useEffect","onClose","result","onCloseModalOk","onClickDelete","onClickEdit","jsxs","jsx","Button","MemoTable","MemoModal","CircularProgress","Fragment"],"mappings":"ozDAmBO,MAAMA,GAA2B,CAAC,CAAE,KAAAC,EAAM,SAAAC,EAAU,QAAAC,KAAc,CACjE,MAAAC,EAAOC,EAASJ,EAAMC,CAAQ,EAC9B,CAACI,EAAOC,CAAQ,EAAIC,WAA6BJ,CAAI,EAErD,CAAE,YAAAK,EAAa,KAAAC,EAAM,QAAAC,EAAS,WAAAC,EAAY,WAAAC,EAAY,WAAAC,GAAeC,EACzET,EACAC,EACAJ,CAAA,EAEI,CAACa,EAAQC,CAAS,EAAIT,WAAkB,EAAK,EAEnDU,EAAAA,UAAU,IAAM,CACdX,EAASH,CAAI,CAAA,EACZ,CAACA,CAAI,CAAC,EAEH,MAAAe,EAAWC,GAAoB,CAC/BA,EACaC,IAEfV,EAAQF,CAAW,EAErBQ,EAAU,EAAK,CAAA,EAGXK,EAAiBZ,GAAe,CAChC,QAAQ,WAAW,GACrBI,EAAWJ,CAAI,CACjB,EAGIa,EAAeb,GAAe,CAClCC,EAAQD,CAAI,EACZO,EAAU,EAAI,CAAA,EAGVI,EAAiB,IAAM,CAC3BX,EAAK,KAAO,EAAIE,EAAW,EAAIC,EAAW,CAAA,EAGrC,OAAAX,EACLI,EACEkB,EAAA,KAAC,MACC,CAAA,SAAA,CAACC,EAAAA,IAAA,MAAA,CAAI,UAAU,wBACb,SAAAA,EAAA,IAACC,EAAA,CACC,SAAU,CAACpB,EACX,QAAS,IAAM,CACbW,EAAU,EAAI,CAChB,EACD,SAAA,IAAA,CAAA,EAGH,EACCQ,EAAAA,IAAAE,EAAA,CAAU,MAAArB,EAAc,cAAAgB,EAA8B,YAAAC,CAA0B,CAAA,EAChFE,EAAA,IAAAG,EAAA,CAAU,KAAAlB,EAAY,QAAAC,EAAkB,OAAAK,EAAgB,QAAAG,EAAkB,CAAA,CAC7E,CAAA,EAECM,EAAAA,IAAA,MAAA,CAAI,UAAU,WACb,SAACA,EAAA,IAAAI,EAAA,CAAiB,QAAS,OAAQ,CACrC,CAAA,EAGAJ,MAAAK,EAAAA,SAAA,CAAA,CAAA,CAEN"}