matsuri-ui 17.0.2-alpha-1746256178747-0dc69ca.0 → 17.0.2-alpha-1746307672164-fc55bb3.0

package/ImageUploadArea/ImageUploadArea.js

@@ -60,7 +60,7 @@ var _ref9 = process.env.NODE_ENV === "production" ? {
   styles: "width:100%;aspect-ratio:4/3;cursor:pointer;object-fit:cover;label:ImageUploadAreaImage;/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9JbWFnZVVwbG9hZEFyZWEvSW1hZ2VVcGxvYWRBcmVhLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE0Q2dCIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9JbWFnZVVwbG9hZEFyZWEvSW1hZ2VVcGxvYWRBcmVhLnRzeCIsInNvdXJjZXNDb250ZW50IjpbIi8qIGVzbGludC1kaXNhYmxlIEB0eXBlc2NyaXB0LWVzbGludC9uby1ub24tbnVsbC1hc3NlcnRpb24gKi9cbmltcG9ydCB7IEJ1dHRvbiB9IGZyb20gXCIuLi9CdXR0b25cIjtcbmltcG9ydCB7IERyb3BBcmVhIH0gZnJvbSBcIi4uL0Ryb3BBcmVhXCI7XG5pbXBvcnQgeyBMYXlvdXQgfSBmcm9tIFwiLi4vTGF5b3V0c1wiO1xuaW1wb3J0IHsgU29ydEFyZWEgfSBmcm9tIFwiLi4vU29ydEFyZWFcIjtcbmltcG9ydCB7IFR5cG9ncmFwaHkgfSBmcm9tIFwiLi4vVHlwb2dyYXBoeVwiO1xuaW1wb3J0IHsgY3NzIH0gZnJvbSBcIkBlbW90aW9uL3JlYWN0XCI7XG5pbXBvcnQgeyB1c2VGb3JjZVVwZGF0ZSB9IGZyb20gXCIuLi9ob29rc1wiO1xuaW1wb3J0IERlbGV0ZUljb24gZnJvbSBcIkBtdWkvaWNvbnMtbWF0ZXJpYWwvRGVsZXRlXCI7XG5pbXBvcnQgT3BlbkluTmV3SWNvbiBmcm9tIFwiQG11aS9pY29ucy1tYXRlcmlhbC9PcGVuSW5OZXdcIjtcbmltcG9ydCBSZWFjdCwgeyB1c2VDYWxsYmFjaywgdXNlRWZmZWN0LCB1c2VTdGF0ZSB9IGZyb20gXCJyZWFjdFwiO1xuXG5leHBvcnQgaW50ZXJmYWNlIEltYWdlIHtcbiAgZGF0YTogc3RyaW5nO1xuICBpZDogc3RyaW5nO1xufVxuXG5jb25zdCBpc0VxdWFsQXNBcnJheSA9IDxULD4oYTogVFtdLCBiOiBUW10sIGVxdWFsOiAoYTogVCwgYjogVCkgPT4gYm9vbGVhbikgPT4ge1xuICBpZiAoYS5sZW5ndGggIT09IGIubGVuZ3RoKSByZXR1cm4gZmFsc2U7XG5cbiAgZm9yIChsZXQgaSA9IDA7IGkgPCBhLmxlbmd0aDsgaSsrKSB7XG4gICAgaWYgKCFlcXVhbChhW2ldLCBiW2ldKSkgcmV0dXJuIGZhbHNlO1xuICB9XG5cbiAgcmV0dXJuIHRydWU7XG59O1xuXG5leHBvcnQgaW50ZXJmYWNlIEltYWdlVXBsb2FkQXJlYUltYWdlUHJvcHMge1xuICBpbWFnZTogSW1hZ2U7XG4gIG9uRGVsZXRlOiAoaWQ6IHN0cmluZykgPT4gdm9pZDtcbn1cblxuZXhwb3J0IGNvbnN0IEltYWdlVXBsb2FkQXJlYUltYWdlID0gKHtcbiAgaW1hZ2UsXG4gIG9uRGVsZXRlLFxufTogSW1hZ2VVcGxvYWRBcmVhSW1hZ2VQcm9wcykgPT4ge1xuICByZXR1cm4gKFxuICAgIDxkaXZcbiAgICAgIGNzcz17Y3NzYFxuICAgICAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgICBgfVxuICAgID5cbiAgICAgIDxpbWdcbiAgICAgICAgc3JjPXtpbWFnZS5kYXRhfVxuICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICB3aWR0aDogMTAwJTtcbiAgICAgICAgICBhc3BlY3QtcmF0aW86IDQgLyAzO1xuICAgICAgICAgIGN1cnNvcjogcG9pbnRlcjtcbiAgICAgICAgICBvYmplY3QtZml0OiBjb3ZlcjtcbiAgICAgICAgYH1cbiAgICAgICAgbG9hZGluZz1cImxhenlcIlxuICAgICAgICB0YWJJbmRleD17LTF9XG4gICAgICAgIGFsdD1cIlwiXG4gICAgICAvPlxuICAgICAgPGRpdlxuICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgICAgICAgdG9wOiAwO1xuICAgICAgICAgIGxlZnQ6IDA7XG4gICAgICAgICAgei1pbmRleDogMTtcbiAgICAgICAgICB3aWR0aDogMTAwJTtcbiAgICAgICAgICBoZWlnaHQ6IDEwMCU7XG4gICAgICAgICAgYmFja2dyb3VuZC1pbWFnZTogbGluZWFyLWdyYWRpZW50KFxuICAgICAgICAgICAgcmdiYSgwLCAwLCAwLCAwLjUpLFxuICAgICAgICAgICAgcmdiYSgwLCAwLCAwLCAwKSAzMCVcbiAgICAgICAgICApO1xuICAgICAgICBgfVxuICAgICAgLz5cbiAgICAgIHtpbWFnZS5pZCAmJiAoXG4gICAgICAgIDxkaXZcbiAgICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICAgICAgICAgIHRvcDogMDtcbiAgICAgICAgICAgIGxlZnQ6IDA7XG4gICAgICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICAgICAganVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuO1xuICAgICAgICAgICAgd2lkdGg6IDEwMCU7XG4gICAgICAgICAgICBwYWRkaW5nOiA0cHg7XG4gICAgICAgICAgYH1cbiAgICAgICAgPlxuICAgICAgICAgIDxCdXR0b25cbiAgICAgICAgICAgIHR5cGU9XCJidXR0b25cIlxuICAgICAgICAgICAgc2l6ZT1cInNtYWxsXCJcbiAgICAgICAgICAgIGljb249ezxPcGVuSW5OZXdJY29uIC8+fVxuICAgICAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgICAgIHotaW5kZXg6IDI7XG4gICAgICAgICAgICAgIGNvbG9yOiB3aGl0ZTtcbiAgICAgICAgICAgIGB9XG4gICAgICAgICAgICBhcz17XCJhXCJ9XG4gICAgICAgICAgICBocmVmPXtpbWFnZS5kYXRhfVxuICAgICAgICAgICAgdGFyZ2V0PVwiX2JsYW5rXCJcbiAgICAgICAgICAgIHJlbD1cIm5vb3BlbmVyIG5vcmVmZXJyZXJcIlxuICAgICAgICAgIC8+XG4gICAgICAgICAgPEJ1dHRvblxuICAgICAgICAgICAgdHlwZT1cImJ1dHRvblwiXG4gICAgICAgICAgICBpY29uPXs8RGVsZXRlSWNvbiAvPn1cbiAgICAgICAgICAgIHNpemU9XCJzbWFsbFwiXG4gICAgICAgICAgICBvbkNsaWNrPXsoKSA9PiBvbkRlbGV0ZShpbWFnZS5pZCl9XG4gICAgICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICAgICAgei1pbmRleDogMjtcbiAgICAgICAgICAgICAgY29sb3I6IHdoaXRlO1xuICAgICAgICAgICAgYH1cbiAgICAgICAgICAvPlxuICAgICAgICA8L2Rpdj5cbiAgICAgICl9XG4gICAgPC9kaXY+XG4gICk7XG59O1xuXG5leHBvcnQgaW50ZXJmYWNlIEltYWdlVXBsb2FkQXJlYVByb3BzIHtcbiAgaW1hZ2VzPzogSW1hZ2VbXTtcbiAgcmVhZEJsb2I6IChibG9iOiBCbG9iKSA9PiBQcm9taXNlPHN0cmluZz47IC8vIOWcp+e4ruOBjOW/heimgeOBquOCieOBk+OBk+OBp1xuICBvblVwbG9hZDogKGRhdGE6IHN0cmluZ1tdKSA9PiB2b2lkO1xuICBvbkRlbGV0ZTogKGlkOiBzdHJpbmcpID0+IHZvaWQ7XG4gIG9uUmVvcmRlcj86IChpZHM6IHN0cmluZ1tdKSA9PiB2b2lkO1xuICByZW5kZXJJbWFnZT86IChwcm9wczogSW1hZ2VVcGxvYWRBcmVhSW1hZ2VQcm9wcykgPT4gUmVhY3QuSlNYLkVsZW1lbnQ7XG59XG5cbmV4cG9ydCBjb25zdCBJbWFnZVVwbG9hZEFyZWEgPSAoe1xuICBpbWFnZXMsXG4gIHJlYWRCbG9iLFxuICBvblVwbG9hZCxcbiAgb25EZWxldGUsXG4gIG9uUmVvcmRlcixcbiAgcmVuZGVySW1hZ2U6IEltYWdlQ29tcG9uZW50ID0gSW1hZ2VVcGxvYWRBcmVhSW1hZ2UsXG59OiBJbWFnZVVwbG9hZEFyZWFQcm9wcykgPT4ge1xuICBjb25zdCBmb3JjZVVwZGF0ZSA9IHVzZUZvcmNlVXBkYXRlKCk7XG4gIGNvbnN0IFtpdGVtcywgc2V0SXRlbXNdID0gdXNlU3RhdGU8SW1hZ2VbXT4oW10pO1xuICBjb25zdCBbY29tcHJlc3NpbmcsIHNldENvbXByZXNzaW5nXSA9IHVzZVN0YXRlKDApO1xuXG4gIGNvbnN0IGhhbmRsZURyb3AgPSB1c2VDYWxsYmFjayhcbiAgICAoZmlsZXM6IEZpbGVbXSkgPT4ge1xuICAgICAgc2V0SXRlbXMoKHByZXYpID0+IHtcbiAgICAgICAgY29uc3QgY29weSA9IHByZXYuY29uY2F0KCk7XG4gICAgICAgIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBAdHlwZXNjcmlwdC1lc2xpbnQvbm8tbWlzdXNlZC1wcm9taXNlc1xuICAgICAgICBmaWxlcy5mb3JFYWNoKGFzeW5jIChmaWxlKSA9PiB7XG4gICAgICAgICAgY29uc3QgZGF0YSA9IGF3YWl0IHJlYWRCbG9iKGZpbGUpO1xuICAgICAgICAgIGNvcHkucHVzaCh7XG4gICAgICAgICAgICBkYXRhLFxuICAgICAgICAgICAgaWQ6IGAke0RhdGUubm93KCl9LSR7TWF0aC5yYW5kb20oKX1gLFxuICAgICAgICAgIH0pO1xuXG4gICAgICAgICAgZm9yY2VVcGRhdGUoKTtcbiAgICAgICAgICBzZXRDb21wcmVzc2luZygodikgPT4gdiAtIDEpO1xuICAgICAgICB9KTtcbiAgICAgICAgcmV0dXJuIGNvcHk7XG4gICAgICB9KTtcbiAgICAgIHNldENvbXByZXNzaW5nKChjKSA9PiBjICsgZmlsZXMubGVuZ3RoKTtcbiAgICB9LFxuICAgIFtyZWFkQmxvYiwgZm9yY2VVcGRhdGVdLFxuICApO1xuICBjb25zdCBoYW5kbGVVcGxvYWQgPSAoZTogUmVhY3QuU3ludGhldGljRXZlbnQ8SFRNTElucHV0RWxlbWVudD4pID0+IHtcbiAgICBjb25zdCBmaWxlcyA9IEFycmF5LmZyb20oZS5jdXJyZW50VGFyZ2V0LmZpbGVzISk7XG4gICAgaGFuZGxlRHJvcChmaWxlcyk7XG4gIH07XG5cbiAgLy8gUEVSRjog5Yid5Zue44Gu44Os44Oz44OA44Oq44Oz44Kw5pmC44Gr5LuK44Go5ZCM44GY5Lim44Gz44Gu44G+44G+cmVvcmRlcuOBjOWRvOOBsOOCjOOBpuOBl+OBvuOBo+OBpueEoeaEj+WRs+OBqkFQSeOCs+ODvOODq+OBjOWFpeOCi+OBruOBp+OAgemFjeWIl+OBjOWkieOCj+OBo+OBpuOCi+aZguOBoOOBkW9uUmVvcmRlcuOCkuWRvOOBtuOCiOOBhuOBq+OBl+OBn+aWueOBjOOBhOOBhOOBi+OCguOBl+OCjOOBquOBhFxuICBjb25zdCBoYW5kbGVSZW9yZGVyID0gKGltYWdlc05ldzogSW1hZ2VbXSkgPT4ge1xuICAgIC8vIOWIneWbnuOBruiHquaYjuOBquWkieabtOOBp29uUmVvcmRlcuOBjOaEj+Wbs+OBm+OBmuOCiOOBsOOCjOOBquOBhOOCiOOBhuOBq1xuICAgIGlmIChcbiAgICAgIGltYWdlcyAmJlxuICAgICAgaW1hZ2VzLmxlbmd0aCA+IDAgJiZcbiAgICAgIGltYWdlc05ldy5sZW5ndGggPiAwICYmXG4gICAgICAhaXNFcXVhbEFzQXJyYXkoaW1hZ2VzLCBpbWFnZXNOZXcsIChhLCBiKSA9PiBhLmlkID09PSBiLmlkKVxuICAgICkge1xuICAgICAgb25SZW9yZGVyPy4oaW1hZ2VzTmV3Lm1hcCgoaSkgPT4gaS5pZCkpO1xuICAgIH1cbiAgfTtcblxuICAvLyBjb21wcmVzc2luZ+OBjDDjgavjgarjgaPjgZ/jgonliJ3jgoHjgaZ1cGxvYWTjgpLotbDjgonjgZvjgotcbiAgdXNlRWZmZWN0KFxuICAgICgpID0+IHtcbiAgICAgIGlmIChjb21wcmVzc2luZyA9PT0gMCAmJiBpdGVtcy5sZW5ndGggPiAwKSB7XG4gICAgICAgIG9uVXBsb2FkKGl0ZW1zLm1hcCgoeyBkYXRhIH0pID0+IGRhdGEpKTtcbiAgICAgICAgaWYgKGl0ZW1zLmxlbmd0aCkge1xuICAgICAgICAgIHNldEl0ZW1zKFtdKTtcbiAgICAgICAgfVxuICAgICAgfVxuICAgIH0sXG4gICAgLy8gb25VcGxvYWTjgoRpdGVtc+OCkmRlcHPjgavlhaXjgozjgovjgahwcm9wc+OBuOOBrua4oeOBl+aWueOBq+OCiOOBo+OBpuOBr+eEoemZkOODq+ODvOODl+OBmeOCi+OBruOBp+eEoeimluOBmeOCi1xuICAgIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSByZWFjdC1ob29rcy9leGhhdXN0aXZlLWRlcHNcbiAgICBbY29tcHJlc3NpbmddLFxuICApO1xuXG4gIHJldHVybiAoXG4gICAgPD5cbiAgICAgIDxkaXZcbiAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgZGlzcGxheTogZ3JpZDtcbiAgICAgICAgICBnYXA6IDE2cHg7XG4gICAgICAgICAgbWF4LXdpZHRoOiAxMDI0cHg7XG4gICAgICAgIGB9XG4gICAgICA+XG4gICAgICAgIDxEcm9wQXJlYVxuICAgICAgICAgIG9uRHJvcD17aGFuZGxlRHJvcH1cbiAgICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICAgIHdpZHRoOiAxMDAlO1xuICAgICAgICAgICAgaGVpZ2h0OiAyMDBweDtcbiAgICAgICAgICBgfVxuICAgICAgICAgIGFjY2VwdD17L2ltYWdlXFwvKi99XG4gICAgICAgID5cbiAgICAgICAgICA8TGF5b3V0LkNvbHVtbiBnYXA9ezJ9IGFsaWduSXRlbXM9XCJjZW50ZXJcIj5cbiAgICAgICAgICAgIDxCdXR0b25cbiAgICAgICAgICAgICAgYXM9XCJsYWJlbFwiXG4gICAgICAgICAgICAgIGh0bWxGb3I9XCJ1cGxvYWRcIlxuICAgICAgICAgICAgICBjb2xvcj1cInByaW1hcnlcIlxuICAgICAgICAgICAgICB2YXJpYW50PVwiZmlsbGVkXCJcbiAgICAgICAgICAgID5cbiAgICAgICAgICAgICAg5YaZ55yf44KS44Ki44OD44OX44Ot44O844OJXG4gICAgICAgICAgICA8L0J1dHRvbj5cbiAgICAgICAgICAgIDxpbnB1dFxuICAgICAgICAgICAgICB0eXBlPVwiZmlsZVwiXG4gICAgICAgICAgICAgIGFjY2VwdD1cImltYWdlLypcIlxuICAgICAgICAgICAgICBuYW1lPVwidXBsb2FkXCJcbiAgICAgICAgICAgICAgaWQ9XCJ1cGxvYWRcIlxuICAgICAgICAgICAgICBtdWx0aXBsZVxuICAgICAgICAgICAgICBvbkNoYW5nZT17aGFuZGxlVXBsb2FkfVxuICAgICAgICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICAgICAgICBkaXNwbGF5OiBub25lO1xuICAgICAgICAgICAgICBgfVxuICAgICAgICAgICAgLz5cbiAgICAgICAgICAgIDxUeXBvZ3JhcGh5IHZhcmlhbnQ9XCJjYXB0aW9uXCI+XG4gICAgICAgICAgICAgIOOBguOCi+OBhOOBr+eUu+WDj+OCkuOBk+OBk+OBq+ODieODqeODg+OCsFxuICAgICAgICAgICAgPC9UeXBvZ3JhcGh5PlxuICAgICAgICAgIDwvTGF5b3V0LkNvbHVtbj5cbiAgICAgICAgPC9Ecm9wQXJlYT5cbiAgICAgICAgPFNvcnRBcmVhXG4gICAgICAgICAgZ2FwPXsyfVxuICAgICAgICAgIGRpc2FibGVkPXshb25SZW9yZGVyfVxuICAgICAgICAgIG9uQ2hhbmdlPXtoYW5kbGVSZW9yZGVyfVxuICAgICAgICAgIGxpc3Q9e2ltYWdlc31cbiAgICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICAgIGRpc3BsYXk6IGdyaWQ7XG4gICAgICAgICAgICBncmlkLXRlbXBsYXRlLWNvbHVtbnM6IHJlcGVhdCg0LCAxZnIpO1xuXG4gICAgICAgICAgICBAbWVkaWEgc2NyZWVuIGFuZCAobWF4LXdpZHRoOiA3NjhweCkge1xuICAgICAgICAgICAgICBncmlkLXRlbXBsYXRlLWNvbHVtbnM6IHJlcGVhdCgyLCAxZnIpO1xuICAgICAgICAgICAgfVxuICAgICAgICAgIGB9XG4gICAgICAgID5cbiAgICAgICAgICB7Wy4uLihpbWFnZXMgPz8gW10pLCAuLi5pdGVtc10ubWFwKChpbWFnZSkgPT4ge1xuICAgICAgICAgICAgcmV0dXJuIChcbiAgICAgICAgICAgICAgLy8g44GT44GT44GnSW1hZ2VDb21wb25lbnTjgpLnm7Tmm7jjgY3jgZnjgovjgajjgarjgZzjgYtTb3J0QXJlYeOBi+OCiea4oeOBo+OBpuOBjeOBn3Byb3BzKG9uRHJhZ1N0YXJ044Gq44GpKeOBjEltYWdlQ29tcG9uZW5044Gucm9vdOOBrkRPTeOBq+a4oeOCieOBquOBj+OBquOBo+OBpuOBl+OBvuOBhlxuICAgICAgICAgICAgICAvLyDop6PmsbrnrZbjgajjgZfjgaZJbWFnZUNvbXBvbmVudHPjgafku7vmhI/jga5wcm9wc+OCkuWPl+OBkeWPluOCjOOCi+OCiOOBhuOBq+OBl3Jvb3Tjga5kaXbjgavmuKHjgZnjgajjgYTjgYbjga7jgafjgoLoia/jgYTjgYzjgIHjg6bjg7zjgrbjg7zjg6njg7Pjg4njgafjgZPjga7lh6bnkIbjgpLmjJ/jgoDjga7jgpLlv5jjgozjgovmgZDjgozjgYzjgYLjgovjga7jgafku6Pjgo/jgorjgatkaXbjgaflm7LjgYbjgZPjgajjgaflr77lv5zjgZfjgZ9cbiAgICAgICAgICAgICAgPGRpdiBrZXk9e2ltYWdlLmlkfT5cbiAgICAgICAgICAgICAgICA8SW1hZ2VDb21wb25lbnQgaW1hZ2U9e2ltYWdlfSBvbkRlbGV0ZT17b25EZWxldGV9IC8+XG4gICAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgKTtcbiAgICAgICAgICB9KX1cbiAgICAgICAgPC9Tb3J0QXJlYT5cbiAgICAgIDwvZGl2PlxuICAgIDwvPlxuICApO1xufTtcbiJdfQ== */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 };
-var _ref10 = process.env.NODE_ENV === "production" ? {
+var _ref0 = process.env.NODE_ENV === "production" ? {
   name: "bjn8wh",
   styles: "position:relative"
 } : {
@@ -68,13 +68,13 @@ var _ref10 = process.env.NODE_ENV === "production" ? {
   styles: "position:relative;label:ImageUploadAreaImage;/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9JbWFnZVVwbG9hZEFyZWEvSW1hZ2VVcGxvYWRBcmVhLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFzQ2MiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL0ltYWdlVXBsb2FkQXJlYS9JbWFnZVVwbG9hZEFyZWEudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLyogZXNsaW50LWRpc2FibGUgQHR5cGVzY3JpcHQtZXNsaW50L25vLW5vbi1udWxsLWFzc2VydGlvbiAqL1xuaW1wb3J0IHsgQnV0dG9uIH0gZnJvbSBcIi4uL0J1dHRvblwiO1xuaW1wb3J0IHsgRHJvcEFyZWEgfSBmcm9tIFwiLi4vRHJvcEFyZWFcIjtcbmltcG9ydCB7IExheW91dCB9IGZyb20gXCIuLi9MYXlvdXRzXCI7XG5pbXBvcnQgeyBTb3J0QXJlYSB9IGZyb20gXCIuLi9Tb3J0QXJlYVwiO1xuaW1wb3J0IHsgVHlwb2dyYXBoeSB9IGZyb20gXCIuLi9UeXBvZ3JhcGh5XCI7XG5pbXBvcnQgeyBjc3MgfSBmcm9tIFwiQGVtb3Rpb24vcmVhY3RcIjtcbmltcG9ydCB7IHVzZUZvcmNlVXBkYXRlIH0gZnJvbSBcIi4uL2hvb2tzXCI7XG5pbXBvcnQgRGVsZXRlSWNvbiBmcm9tIFwiQG11aS9pY29ucy1tYXRlcmlhbC9EZWxldGVcIjtcbmltcG9ydCBPcGVuSW5OZXdJY29uIGZyb20gXCJAbXVpL2ljb25zLW1hdGVyaWFsL09wZW5Jbk5ld1wiO1xuaW1wb3J0IFJlYWN0LCB7IHVzZUNhbGxiYWNrLCB1c2VFZmZlY3QsIHVzZVN0YXRlIH0gZnJvbSBcInJlYWN0XCI7XG5cbmV4cG9ydCBpbnRlcmZhY2UgSW1hZ2Uge1xuICBkYXRhOiBzdHJpbmc7XG4gIGlkOiBzdHJpbmc7XG59XG5cbmNvbnN0IGlzRXF1YWxBc0FycmF5ID0gPFQsPihhOiBUW10sIGI6IFRbXSwgZXF1YWw6IChhOiBULCBiOiBUKSA9PiBib29sZWFuKSA9PiB7XG4gIGlmIChhLmxlbmd0aCAhPT0gYi5sZW5ndGgpIHJldHVybiBmYWxzZTtcblxuICBmb3IgKGxldCBpID0gMDsgaSA8IGEubGVuZ3RoOyBpKyspIHtcbiAgICBpZiAoIWVxdWFsKGFbaV0sIGJbaV0pKSByZXR1cm4gZmFsc2U7XG4gIH1cblxuICByZXR1cm4gdHJ1ZTtcbn07XG5cbmV4cG9ydCBpbnRlcmZhY2UgSW1hZ2VVcGxvYWRBcmVhSW1hZ2VQcm9wcyB7XG4gIGltYWdlOiBJbWFnZTtcbiAgb25EZWxldGU6IChpZDogc3RyaW5nKSA9PiB2b2lkO1xufVxuXG5leHBvcnQgY29uc3QgSW1hZ2VVcGxvYWRBcmVhSW1hZ2UgPSAoe1xuICBpbWFnZSxcbiAgb25EZWxldGUsXG59OiBJbWFnZVVwbG9hZEFyZWFJbWFnZVByb3BzKSA9PiB7XG4gIHJldHVybiAoXG4gICAgPGRpdlxuICAgICAgY3NzPXtjc3NgXG4gICAgICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICAgIGB9XG4gICAgPlxuICAgICAgPGltZ1xuICAgICAgICBzcmM9e2ltYWdlLmRhdGF9XG4gICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgIHdpZHRoOiAxMDAlO1xuICAgICAgICAgIGFzcGVjdC1yYXRpbzogNCAvIDM7XG4gICAgICAgICAgY3Vyc29yOiBwb2ludGVyO1xuICAgICAgICAgIG9iamVjdC1maXQ6IGNvdmVyO1xuICAgICAgICBgfVxuICAgICAgICBsb2FkaW5nPVwibGF6eVwiXG4gICAgICAgIHRhYkluZGV4PXstMX1cbiAgICAgICAgYWx0PVwiXCJcbiAgICAgIC8+XG4gICAgICA8ZGl2XG4gICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICAgICAgICB0b3A6IDA7XG4gICAgICAgICAgbGVmdDogMDtcbiAgICAgICAgICB6LWluZGV4OiAxO1xuICAgICAgICAgIHdpZHRoOiAxMDAlO1xuICAgICAgICAgIGhlaWdodDogMTAwJTtcbiAgICAgICAgICBiYWNrZ3JvdW5kLWltYWdlOiBsaW5lYXItZ3JhZGllbnQoXG4gICAgICAgICAgICByZ2JhKDAsIDAsIDAsIDAuNSksXG4gICAgICAgICAgICByZ2JhKDAsIDAsIDAsIDApIDMwJVxuICAgICAgICAgICk7XG4gICAgICAgIGB9XG4gICAgICAvPlxuICAgICAge2ltYWdlLmlkICYmIChcbiAgICAgICAgPGRpdlxuICAgICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgICAgICAgICAgdG9wOiAwO1xuICAgICAgICAgICAgbGVmdDogMDtcbiAgICAgICAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICAgICAgICBqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWJldHdlZW47XG4gICAgICAgICAgICB3aWR0aDogMTAwJTtcbiAgICAgICAgICAgIHBhZGRpbmc6IDRweDtcbiAgICAgICAgICBgfVxuICAgICAgICA+XG4gICAgICAgICAgPEJ1dHRvblxuICAgICAgICAgICAgdHlwZT1cImJ1dHRvblwiXG4gICAgICAgICAgICBzaXplPVwic21hbGxcIlxuICAgICAgICAgICAgaWNvbj17PE9wZW5Jbk5ld0ljb24gLz59XG4gICAgICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICAgICAgei1pbmRleDogMjtcbiAgICAgICAgICAgICAgY29sb3I6IHdoaXRlO1xuICAgICAgICAgICAgYH1cbiAgICAgICAgICAgIGFzPXtcImFcIn1cbiAgICAgICAgICAgIGhyZWY9e2ltYWdlLmRhdGF9XG4gICAgICAgICAgICB0YXJnZXQ9XCJfYmxhbmtcIlxuICAgICAgICAgICAgcmVsPVwibm9vcGVuZXIgbm9yZWZlcnJlclwiXG4gICAgICAgICAgLz5cbiAgICAgICAgICA8QnV0dG9uXG4gICAgICAgICAgICB0eXBlPVwiYnV0dG9uXCJcbiAgICAgICAgICAgIGljb249ezxEZWxldGVJY29uIC8+fVxuICAgICAgICAgICAgc2l6ZT1cInNtYWxsXCJcbiAgICAgICAgICAgIG9uQ2xpY2s9eygpID0+IG9uRGVsZXRlKGltYWdlLmlkKX1cbiAgICAgICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgICAgICB6LWluZGV4OiAyO1xuICAgICAgICAgICAgICBjb2xvcjogd2hpdGU7XG4gICAgICAgICAgICBgfVxuICAgICAgICAgIC8+XG4gICAgICAgIDwvZGl2PlxuICAgICAgKX1cbiAgICA8L2Rpdj5cbiAgKTtcbn07XG5cbmV4cG9ydCBpbnRlcmZhY2UgSW1hZ2VVcGxvYWRBcmVhUHJvcHMge1xuICBpbWFnZXM/OiBJbWFnZVtdO1xuICByZWFkQmxvYjogKGJsb2I6IEJsb2IpID0+IFByb21pc2U8c3RyaW5nPjsgLy8g5Zyn57iu44GM5b+F6KaB44Gq44KJ44GT44GT44GnXG4gIG9uVXBsb2FkOiAoZGF0YTogc3RyaW5nW10pID0+IHZvaWQ7XG4gIG9uRGVsZXRlOiAoaWQ6IHN0cmluZykgPT4gdm9pZDtcbiAgb25SZW9yZGVyPzogKGlkczogc3RyaW5nW10pID0+IHZvaWQ7XG4gIHJlbmRlckltYWdlPzogKHByb3BzOiBJbWFnZVVwbG9hZEFyZWFJbWFnZVByb3BzKSA9PiBSZWFjdC5KU1guRWxlbWVudDtcbn1cblxuZXhwb3J0IGNvbnN0IEltYWdlVXBsb2FkQXJlYSA9ICh7XG4gIGltYWdlcyxcbiAgcmVhZEJsb2IsXG4gIG9uVXBsb2FkLFxuICBvbkRlbGV0ZSxcbiAgb25SZW9yZGVyLFxuICByZW5kZXJJbWFnZTogSW1hZ2VDb21wb25lbnQgPSBJbWFnZVVwbG9hZEFyZWFJbWFnZSxcbn06IEltYWdlVXBsb2FkQXJlYVByb3BzKSA9PiB7XG4gIGNvbnN0IGZvcmNlVXBkYXRlID0gdXNlRm9yY2VVcGRhdGUoKTtcbiAgY29uc3QgW2l0ZW1zLCBzZXRJdGVtc10gPSB1c2VTdGF0ZTxJbWFnZVtdPihbXSk7XG4gIGNvbnN0IFtjb21wcmVzc2luZywgc2V0Q29tcHJlc3NpbmddID0gdXNlU3RhdGUoMCk7XG5cbiAgY29uc3QgaGFuZGxlRHJvcCA9IHVzZUNhbGxiYWNrKFxuICAgIChmaWxlczogRmlsZVtdKSA9PiB7XG4gICAgICBzZXRJdGVtcygocHJldikgPT4ge1xuICAgICAgICBjb25zdCBjb3B5ID0gcHJldi5jb25jYXQoKTtcbiAgICAgICAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIEB0eXBlc2NyaXB0LWVzbGludC9uby1taXN1c2VkLXByb21pc2VzXG4gICAgICAgIGZpbGVzLmZvckVhY2goYXN5bmMgKGZpbGUpID0+IHtcbiAgICAgICAgICBjb25zdCBkYXRhID0gYXdhaXQgcmVhZEJsb2IoZmlsZSk7XG4gICAgICAgICAgY29weS5wdXNoKHtcbiAgICAgICAgICAgIGRhdGEsXG4gICAgICAgICAgICBpZDogYCR7RGF0ZS5ub3coKX0tJHtNYXRoLnJhbmRvbSgpfWAsXG4gICAgICAgICAgfSk7XG5cbiAgICAgICAgICBmb3JjZVVwZGF0ZSgpO1xuICAgICAgICAgIHNldENvbXByZXNzaW5nKCh2KSA9PiB2IC0gMSk7XG4gICAgICAgIH0pO1xuICAgICAgICByZXR1cm4gY29weTtcbiAgICAgIH0pO1xuICAgICAgc2V0Q29tcHJlc3NpbmcoKGMpID0+IGMgKyBmaWxlcy5sZW5ndGgpO1xuICAgIH0sXG4gICAgW3JlYWRCbG9iLCBmb3JjZVVwZGF0ZV0sXG4gICk7XG4gIGNvbnN0IGhhbmRsZVVwbG9hZCA9IChlOiBSZWFjdC5TeW50aGV0aWNFdmVudDxIVE1MSW5wdXRFbGVtZW50PikgPT4ge1xuICAgIGNvbnN0IGZpbGVzID0gQXJyYXkuZnJvbShlLmN1cnJlbnRUYXJnZXQuZmlsZXMhKTtcbiAgICBoYW5kbGVEcm9wKGZpbGVzKTtcbiAgfTtcblxuICAvLyBQRVJGOiDliJ3lm57jga7jg6zjg7Pjg4Djg6rjg7PjgrDmmYLjgavku4rjgajlkIzjgZjkuKbjgbPjga7jgb7jgb5yZW9yZGVy44GM5ZG844Gw44KM44Gm44GX44G+44Gj44Gm54Sh5oSP5ZGz44GqQVBJ44Kz44O844Or44GM5YWl44KL44Gu44Gn44CB6YWN5YiX44GM5aSJ44KP44Gj44Gm44KL5pmC44Gg44GRb25SZW9yZGVy44KS5ZG844G244KI44GG44Gr44GX44Gf5pa544GM44GE44GE44GL44KC44GX44KM44Gq44GEXG4gIGNvbnN0IGhhbmRsZVJlb3JkZXIgPSAoaW1hZ2VzTmV3OiBJbWFnZVtdKSA9PiB7XG4gICAgLy8g5Yid5Zue44Gu6Ieq5piO44Gq5aSJ5pu044Gnb25SZW9yZGVy44GM5oSP5Zuz44Gb44Ga44KI44Gw44KM44Gq44GE44KI44GG44GrXG4gICAgaWYgKFxuICAgICAgaW1hZ2VzICYmXG4gICAgICBpbWFnZXMubGVuZ3RoID4gMCAmJlxuICAgICAgaW1hZ2VzTmV3Lmxlbmd0aCA+IDAgJiZcbiAgICAgICFpc0VxdWFsQXNBcnJheShpbWFnZXMsIGltYWdlc05ldywgKGEsIGIpID0+IGEuaWQgPT09IGIuaWQpXG4gICAgKSB7XG4gICAgICBvblJlb3JkZXI/LihpbWFnZXNOZXcubWFwKChpKSA9PiBpLmlkKSk7XG4gICAgfVxuICB9O1xuXG4gIC8vIGNvbXByZXNzaW5n44GMMOOBq+OBquOBo+OBn+OCieWIneOCgeOBpnVwbG9hZOOCkui1sOOCieOBm+OCi1xuICB1c2VFZmZlY3QoXG4gICAgKCkgPT4ge1xuICAgICAgaWYgKGNvbXByZXNzaW5nID09PSAwICYmIGl0ZW1zLmxlbmd0aCA+IDApIHtcbiAgICAgICAgb25VcGxvYWQoaXRlbXMubWFwKCh7IGRhdGEgfSkgPT4gZGF0YSkpO1xuICAgICAgICBpZiAoaXRlbXMubGVuZ3RoKSB7XG4gICAgICAgICAgc2V0SXRlbXMoW10pO1xuICAgICAgICB9XG4gICAgICB9XG4gICAgfSxcbiAgICAvLyBvblVwbG9hZOOChGl0ZW1z44KSZGVwc+OBq+WFpeOCjOOCi+OBqHByb3Bz44G444Gu5rih44GX5pa544Gr44KI44Gj44Gm44Gv54Sh6ZmQ44Or44O844OX44GZ44KL44Gu44Gn54Sh6KaW44GZ44KLXG4gICAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIHJlYWN0LWhvb2tzL2V4aGF1c3RpdmUtZGVwc1xuICAgIFtjb21wcmVzc2luZ10sXG4gICk7XG5cbiAgcmV0dXJuIChcbiAgICA8PlxuICAgICAgPGRpdlxuICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICBkaXNwbGF5OiBncmlkO1xuICAgICAgICAgIGdhcDogMTZweDtcbiAgICAgICAgICBtYXgtd2lkdGg6IDEwMjRweDtcbiAgICAgICAgYH1cbiAgICAgID5cbiAgICAgICAgPERyb3BBcmVhXG4gICAgICAgICAgb25Ecm9wPXtoYW5kbGVEcm9wfVxuICAgICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgICAgd2lkdGg6IDEwMCU7XG4gICAgICAgICAgICBoZWlnaHQ6IDIwMHB4O1xuICAgICAgICAgIGB9XG4gICAgICAgICAgYWNjZXB0PXsvaW1hZ2VcXC8qL31cbiAgICAgICAgPlxuICAgICAgICAgIDxMYXlvdXQuQ29sdW1uIGdhcD17Mn0gYWxpZ25JdGVtcz1cImNlbnRlclwiPlxuICAgICAgICAgICAgPEJ1dHRvblxuICAgICAgICAgICAgICBhcz1cImxhYmVsXCJcbiAgICAgICAgICAgICAgaHRtbEZvcj1cInVwbG9hZFwiXG4gICAgICAgICAgICAgIGNvbG9yPVwicHJpbWFyeVwiXG4gICAgICAgICAgICAgIHZhcmlhbnQ9XCJmaWxsZWRcIlxuICAgICAgICAgICAgPlxuICAgICAgICAgICAgICDlhpnnnJ/jgpLjgqLjg4Pjg5fjg63jg7zjg4lcbiAgICAgICAgICAgIDwvQnV0dG9uPlxuICAgICAgICAgICAgPGlucHV0XG4gICAgICAgICAgICAgIHR5cGU9XCJmaWxlXCJcbiAgICAgICAgICAgICAgYWNjZXB0PVwiaW1hZ2UvKlwiXG4gICAgICAgICAgICAgIG5hbWU9XCJ1cGxvYWRcIlxuICAgICAgICAgICAgICBpZD1cInVwbG9hZFwiXG4gICAgICAgICAgICAgIG11bHRpcGxlXG4gICAgICAgICAgICAgIG9uQ2hhbmdlPXtoYW5kbGVVcGxvYWR9XG4gICAgICAgICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgICAgICAgIGRpc3BsYXk6IG5vbmU7XG4gICAgICAgICAgICAgIGB9XG4gICAgICAgICAgICAvPlxuICAgICAgICAgICAgPFR5cG9ncmFwaHkgdmFyaWFudD1cImNhcHRpb25cIj5cbiAgICAgICAgICAgICAg44GC44KL44GE44Gv55S75YOP44KS44GT44GT44Gr44OJ44Op44OD44KwXG4gICAgICAgICAgICA8L1R5cG9ncmFwaHk+XG4gICAgICAgICAgPC9MYXlvdXQuQ29sdW1uPlxuICAgICAgICA8L0Ryb3BBcmVhPlxuICAgICAgICA8U29ydEFyZWFcbiAgICAgICAgICBnYXA9ezJ9XG4gICAgICAgICAgZGlzYWJsZWQ9eyFvblJlb3JkZXJ9XG4gICAgICAgICAgb25DaGFuZ2U9e2hhbmRsZVJlb3JkZXJ9XG4gICAgICAgICAgbGlzdD17aW1hZ2VzfVxuICAgICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgICAgZGlzcGxheTogZ3JpZDtcbiAgICAgICAgICAgIGdyaWQtdGVtcGxhdGUtY29sdW1uczogcmVwZWF0KDQsIDFmcik7XG5cbiAgICAgICAgICAgIEBtZWRpYSBzY3JlZW4gYW5kIChtYXgtd2lkdGg6IDc2OHB4KSB7XG4gICAgICAgICAgICAgIGdyaWQtdGVtcGxhdGUtY29sdW1uczogcmVwZWF0KDIsIDFmcik7XG4gICAgICAgICAgICB9XG4gICAgICAgICAgYH1cbiAgICAgICAgPlxuICAgICAgICAgIHtbLi4uKGltYWdlcyA/PyBbXSksIC4uLml0ZW1zXS5tYXAoKGltYWdlKSA9PiB7XG4gICAgICAgICAgICByZXR1cm4gKFxuICAgICAgICAgICAgICAvLyDjgZPjgZPjgadJbWFnZUNvbXBvbmVudOOCkuebtOabuOOBjeOBmeOCi+OBqOOBquOBnOOBi1NvcnRBcmVh44GL44KJ5rih44Gj44Gm44GN44GfcHJvcHMob25EcmFnU3RhcnTjgarjgakp44GMSW1hZ2VDb21wb25lbnTjga5yb29044GuRE9N44Gr5rih44KJ44Gq44GP44Gq44Gj44Gm44GX44G+44GGXG4gICAgICAgICAgICAgIC8vIOino+axuuetluOBqOOBl+OBpkltYWdlQ29tcG9uZW50c+OBp+S7u+aEj+OBrnByb3Bz44KS5Y+X44GR5Y+W44KM44KL44KI44GG44Gr44GXcm9vdOOBrmRpduOBq+a4oeOBmeOBqOOBhOOBhuOBruOBp+OCguiJr+OBhOOBjOOAgeODpuODvOOCtuODvOODqeODs+ODieOBp+OBk+OBruWHpueQhuOCkuaMn+OCgOOBruOCkuW/mOOCjOOCi+aBkOOCjOOBjOOBguOCi+OBruOBp+S7o+OCj+OCiuOBq2RpduOBp+WbsuOBhuOBk+OBqOOBp+WvvuW/nOOBl+OBn1xuICAgICAgICAgICAgICA8ZGl2IGtleT17aW1hZ2UuaWR9PlxuICAgICAgICAgICAgICAgIDxJbWFnZUNvbXBvbmVudCBpbWFnZT17aW1hZ2V9IG9uRGVsZXRlPXtvbkRlbGV0ZX0gLz5cbiAgICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICApO1xuICAgICAgICAgIH0pfVxuICAgICAgICA8L1NvcnRBcmVhPlxuICAgICAgPC9kaXY+XG4gICAgPC8+XG4gICk7XG59O1xuIl19 */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 };
-export var ImageUploadAreaImage = _ref11 => {
+export var ImageUploadAreaImage = _ref1 => {
   var {
     image,
     onDelete
-  } = _ref11;
+  } = _ref1;
   return ___EmotionJSX("div", {
-    css: _ref10
+    css: _ref0
   }, ___EmotionJSX("img", {
     src: image.data,
     css: _ref9,
@@ -134,7 +134,7 @@ var _ref4 = process.env.NODE_ENV === "production" ? {
   styles: "display:grid;gap:16px;max-width:1024px;label:ImageUploadArea;/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9JbWFnZVVwbG9hZEFyZWEvSW1hZ2VVcGxvYWRBcmVhLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUEyTGdCIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9JbWFnZVVwbG9hZEFyZWEvSW1hZ2VVcGxvYWRBcmVhLnRzeCIsInNvdXJjZXNDb250ZW50IjpbIi8qIGVzbGludC1kaXNhYmxlIEB0eXBlc2NyaXB0LWVzbGludC9uby1ub24tbnVsbC1hc3NlcnRpb24gKi9cbmltcG9ydCB7IEJ1dHRvbiB9IGZyb20gXCIuLi9CdXR0b25cIjtcbmltcG9ydCB7IERyb3BBcmVhIH0gZnJvbSBcIi4uL0Ryb3BBcmVhXCI7XG5pbXBvcnQgeyBMYXlvdXQgfSBmcm9tIFwiLi4vTGF5b3V0c1wiO1xuaW1wb3J0IHsgU29ydEFyZWEgfSBmcm9tIFwiLi4vU29ydEFyZWFcIjtcbmltcG9ydCB7IFR5cG9ncmFwaHkgfSBmcm9tIFwiLi4vVHlwb2dyYXBoeVwiO1xuaW1wb3J0IHsgY3NzIH0gZnJvbSBcIkBlbW90aW9uL3JlYWN0XCI7XG5pbXBvcnQgeyB1c2VGb3JjZVVwZGF0ZSB9IGZyb20gXCIuLi9ob29rc1wiO1xuaW1wb3J0IERlbGV0ZUljb24gZnJvbSBcIkBtdWkvaWNvbnMtbWF0ZXJpYWwvRGVsZXRlXCI7XG5pbXBvcnQgT3BlbkluTmV3SWNvbiBmcm9tIFwiQG11aS9pY29ucy1tYXRlcmlhbC9PcGVuSW5OZXdcIjtcbmltcG9ydCBSZWFjdCwgeyB1c2VDYWxsYmFjaywgdXNlRWZmZWN0LCB1c2VTdGF0ZSB9IGZyb20gXCJyZWFjdFwiO1xuXG5leHBvcnQgaW50ZXJmYWNlIEltYWdlIHtcbiAgZGF0YTogc3RyaW5nO1xuICBpZDogc3RyaW5nO1xufVxuXG5jb25zdCBpc0VxdWFsQXNBcnJheSA9IDxULD4oYTogVFtdLCBiOiBUW10sIGVxdWFsOiAoYTogVCwgYjogVCkgPT4gYm9vbGVhbikgPT4ge1xuICBpZiAoYS5sZW5ndGggIT09IGIubGVuZ3RoKSByZXR1cm4gZmFsc2U7XG5cbiAgZm9yIChsZXQgaSA9IDA7IGkgPCBhLmxlbmd0aDsgaSsrKSB7XG4gICAgaWYgKCFlcXVhbChhW2ldLCBiW2ldKSkgcmV0dXJuIGZhbHNlO1xuICB9XG5cbiAgcmV0dXJuIHRydWU7XG59O1xuXG5leHBvcnQgaW50ZXJmYWNlIEltYWdlVXBsb2FkQXJlYUltYWdlUHJvcHMge1xuICBpbWFnZTogSW1hZ2U7XG4gIG9uRGVsZXRlOiAoaWQ6IHN0cmluZykgPT4gdm9pZDtcbn1cblxuZXhwb3J0IGNvbnN0IEltYWdlVXBsb2FkQXJlYUltYWdlID0gKHtcbiAgaW1hZ2UsXG4gIG9uRGVsZXRlLFxufTogSW1hZ2VVcGxvYWRBcmVhSW1hZ2VQcm9wcykgPT4ge1xuICByZXR1cm4gKFxuICAgIDxkaXZcbiAgICAgIGNzcz17Y3NzYFxuICAgICAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgICBgfVxuICAgID5cbiAgICAgIDxpbWdcbiAgICAgICAgc3JjPXtpbWFnZS5kYXRhfVxuICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICB3aWR0aDogMTAwJTtcbiAgICAgICAgICBhc3BlY3QtcmF0aW86IDQgLyAzO1xuICAgICAgICAgIGN1cnNvcjogcG9pbnRlcjtcbiAgICAgICAgICBvYmplY3QtZml0OiBjb3ZlcjtcbiAgICAgICAgYH1cbiAgICAgICAgbG9hZGluZz1cImxhenlcIlxuICAgICAgICB0YWJJbmRleD17LTF9XG4gICAgICAgIGFsdD1cIlwiXG4gICAgICAvPlxuICAgICAgPGRpdlxuICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgICAgICAgdG9wOiAwO1xuICAgICAgICAgIGxlZnQ6IDA7XG4gICAgICAgICAgei1pbmRleDogMTtcbiAgICAgICAgICB3aWR0aDogMTAwJTtcbiAgICAgICAgICBoZWlnaHQ6IDEwMCU7XG4gICAgICAgICAgYmFja2dyb3VuZC1pbWFnZTogbGluZWFyLWdyYWRpZW50KFxuICAgICAgICAgICAgcmdiYSgwLCAwLCAwLCAwLjUpLFxuICAgICAgICAgICAgcmdiYSgwLCAwLCAwLCAwKSAzMCVcbiAgICAgICAgICApO1xuICAgICAgICBgfVxuICAgICAgLz5cbiAgICAgIHtpbWFnZS5pZCAmJiAoXG4gICAgICAgIDxkaXZcbiAgICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICAgICAgICAgIHRvcDogMDtcbiAgICAgICAgICAgIGxlZnQ6IDA7XG4gICAgICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICAgICAganVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuO1xuICAgICAgICAgICAgd2lkdGg6IDEwMCU7XG4gICAgICAgICAgICBwYWRkaW5nOiA0cHg7XG4gICAgICAgICAgYH1cbiAgICAgICAgPlxuICAgICAgICAgIDxCdXR0b25cbiAgICAgICAgICAgIHR5cGU9XCJidXR0b25cIlxuICAgICAgICAgICAgc2l6ZT1cInNtYWxsXCJcbiAgICAgICAgICAgIGljb249ezxPcGVuSW5OZXdJY29uIC8+fVxuICAgICAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgICAgIHotaW5kZXg6IDI7XG4gICAgICAgICAgICAgIGNvbG9yOiB3aGl0ZTtcbiAgICAgICAgICAgIGB9XG4gICAgICAgICAgICBhcz17XCJhXCJ9XG4gICAgICAgICAgICBocmVmPXtpbWFnZS5kYXRhfVxuICAgICAgICAgICAgdGFyZ2V0PVwiX2JsYW5rXCJcbiAgICAgICAgICAgIHJlbD1cIm5vb3BlbmVyIG5vcmVmZXJyZXJcIlxuICAgICAgICAgIC8+XG4gICAgICAgICAgPEJ1dHRvblxuICAgICAgICAgICAgdHlwZT1cImJ1dHRvblwiXG4gICAgICAgICAgICBpY29uPXs8RGVsZXRlSWNvbiAvPn1cbiAgICAgICAgICAgIHNpemU9XCJzbWFsbFwiXG4gICAgICAgICAgICBvbkNsaWNrPXsoKSA9PiBvbkRlbGV0ZShpbWFnZS5pZCl9XG4gICAgICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICAgICAgei1pbmRleDogMjtcbiAgICAgICAgICAgICAgY29sb3I6IHdoaXRlO1xuICAgICAgICAgICAgYH1cbiAgICAgICAgICAvPlxuICAgICAgICA8L2Rpdj5cbiAgICAgICl9XG4gICAgPC9kaXY+XG4gICk7XG59O1xuXG5leHBvcnQgaW50ZXJmYWNlIEltYWdlVXBsb2FkQXJlYVByb3BzIHtcbiAgaW1hZ2VzPzogSW1hZ2VbXTtcbiAgcmVhZEJsb2I6IChibG9iOiBCbG9iKSA9PiBQcm9taXNlPHN0cmluZz47IC8vIOWcp+e4ruOBjOW/heimgeOBquOCieOBk+OBk+OBp1xuICBvblVwbG9hZDogKGRhdGE6IHN0cmluZ1tdKSA9PiB2b2lkO1xuICBvbkRlbGV0ZTogKGlkOiBzdHJpbmcpID0+IHZvaWQ7XG4gIG9uUmVvcmRlcj86IChpZHM6IHN0cmluZ1tdKSA9PiB2b2lkO1xuICByZW5kZXJJbWFnZT86IChwcm9wczogSW1hZ2VVcGxvYWRBcmVhSW1hZ2VQcm9wcykgPT4gUmVhY3QuSlNYLkVsZW1lbnQ7XG59XG5cbmV4cG9ydCBjb25zdCBJbWFnZVVwbG9hZEFyZWEgPSAoe1xuICBpbWFnZXMsXG4gIHJlYWRCbG9iLFxuICBvblVwbG9hZCxcbiAgb25EZWxldGUsXG4gIG9uUmVvcmRlcixcbiAgcmVuZGVySW1hZ2U6IEltYWdlQ29tcG9uZW50ID0gSW1hZ2VVcGxvYWRBcmVhSW1hZ2UsXG59OiBJbWFnZVVwbG9hZEFyZWFQcm9wcykgPT4ge1xuICBjb25zdCBmb3JjZVVwZGF0ZSA9IHVzZUZvcmNlVXBkYXRlKCk7XG4gIGNvbnN0IFtpdGVtcywgc2V0SXRlbXNdID0gdXNlU3RhdGU8SW1hZ2VbXT4oW10pO1xuICBjb25zdCBbY29tcHJlc3NpbmcsIHNldENvbXByZXNzaW5nXSA9IHVzZVN0YXRlKDApO1xuXG4gIGNvbnN0IGhhbmRsZURyb3AgPSB1c2VDYWxsYmFjayhcbiAgICAoZmlsZXM6IEZpbGVbXSkgPT4ge1xuICAgICAgc2V0SXRlbXMoKHByZXYpID0+IHtcbiAgICAgICAgY29uc3QgY29weSA9IHByZXYuY29uY2F0KCk7XG4gICAgICAgIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBAdHlwZXNjcmlwdC1lc2xpbnQvbm8tbWlzdXNlZC1wcm9taXNlc1xuICAgICAgICBmaWxlcy5mb3JFYWNoKGFzeW5jIChmaWxlKSA9PiB7XG4gICAgICAgICAgY29uc3QgZGF0YSA9IGF3YWl0IHJlYWRCbG9iKGZpbGUpO1xuICAgICAgICAgIGNvcHkucHVzaCh7XG4gICAgICAgICAgICBkYXRhLFxuICAgICAgICAgICAgaWQ6IGAke0RhdGUubm93KCl9LSR7TWF0aC5yYW5kb20oKX1gLFxuICAgICAgICAgIH0pO1xuXG4gICAgICAgICAgZm9yY2VVcGRhdGUoKTtcbiAgICAgICAgICBzZXRDb21wcmVzc2luZygodikgPT4gdiAtIDEpO1xuICAgICAgICB9KTtcbiAgICAgICAgcmV0dXJuIGNvcHk7XG4gICAgICB9KTtcbiAgICAgIHNldENvbXByZXNzaW5nKChjKSA9PiBjICsgZmlsZXMubGVuZ3RoKTtcbiAgICB9LFxuICAgIFtyZWFkQmxvYiwgZm9yY2VVcGRhdGVdLFxuICApO1xuICBjb25zdCBoYW5kbGVVcGxvYWQgPSAoZTogUmVhY3QuU3ludGhldGljRXZlbnQ8SFRNTElucHV0RWxlbWVudD4pID0+IHtcbiAgICBjb25zdCBmaWxlcyA9IEFycmF5LmZyb20oZS5jdXJyZW50VGFyZ2V0LmZpbGVzISk7XG4gICAgaGFuZGxlRHJvcChmaWxlcyk7XG4gIH07XG5cbiAgLy8gUEVSRjog5Yid5Zue44Gu44Os44Oz44OA44Oq44Oz44Kw5pmC44Gr5LuK44Go5ZCM44GY5Lim44Gz44Gu44G+44G+cmVvcmRlcuOBjOWRvOOBsOOCjOOBpuOBl+OBvuOBo+OBpueEoeaEj+WRs+OBqkFQSeOCs+ODvOODq+OBjOWFpeOCi+OBruOBp+OAgemFjeWIl+OBjOWkieOCj+OBo+OBpuOCi+aZguOBoOOBkW9uUmVvcmRlcuOCkuWRvOOBtuOCiOOBhuOBq+OBl+OBn+aWueOBjOOBhOOBhOOBi+OCguOBl+OCjOOBquOBhFxuICBjb25zdCBoYW5kbGVSZW9yZGVyID0gKGltYWdlc05ldzogSW1hZ2VbXSkgPT4ge1xuICAgIC8vIOWIneWbnuOBruiHquaYjuOBquWkieabtOOBp29uUmVvcmRlcuOBjOaEj+Wbs+OBm+OBmuOCiOOBsOOCjOOBquOBhOOCiOOBhuOBq1xuICAgIGlmIChcbiAgICAgIGltYWdlcyAmJlxuICAgICAgaW1hZ2VzLmxlbmd0aCA+IDAgJiZcbiAgICAgIGltYWdlc05ldy5sZW5ndGggPiAwICYmXG4gICAgICAhaXNFcXVhbEFzQXJyYXkoaW1hZ2VzLCBpbWFnZXNOZXcsIChhLCBiKSA9PiBhLmlkID09PSBiLmlkKVxuICAgICkge1xuICAgICAgb25SZW9yZGVyPy4oaW1hZ2VzTmV3Lm1hcCgoaSkgPT4gaS5pZCkpO1xuICAgIH1cbiAgfTtcblxuICAvLyBjb21wcmVzc2luZ+OBjDDjgavjgarjgaPjgZ/jgonliJ3jgoHjgaZ1cGxvYWTjgpLotbDjgonjgZvjgotcbiAgdXNlRWZmZWN0KFxuICAgICgpID0+IHtcbiAgICAgIGlmIChjb21wcmVzc2luZyA9PT0gMCAmJiBpdGVtcy5sZW5ndGggPiAwKSB7XG4gICAgICAgIG9uVXBsb2FkKGl0ZW1zLm1hcCgoeyBkYXRhIH0pID0+IGRhdGEpKTtcbiAgICAgICAgaWYgKGl0ZW1zLmxlbmd0aCkge1xuICAgICAgICAgIHNldEl0ZW1zKFtdKTtcbiAgICAgICAgfVxuICAgICAgfVxuICAgIH0sXG4gICAgLy8gb25VcGxvYWTjgoRpdGVtc+OCkmRlcHPjgavlhaXjgozjgovjgahwcm9wc+OBuOOBrua4oeOBl+aWueOBq+OCiOOBo+OBpuOBr+eEoemZkOODq+ODvOODl+OBmeOCi+OBruOBp+eEoeimluOBmeOCi1xuICAgIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSByZWFjdC1ob29rcy9leGhhdXN0aXZlLWRlcHNcbiAgICBbY29tcHJlc3NpbmddLFxuICApO1xuXG4gIHJldHVybiAoXG4gICAgPD5cbiAgICAgIDxkaXZcbiAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgZGlzcGxheTogZ3JpZDtcbiAgICAgICAgICBnYXA6IDE2cHg7XG4gICAgICAgICAgbWF4LXdpZHRoOiAxMDI0cHg7XG4gICAgICAgIGB9XG4gICAgICA+XG4gICAgICAgIDxEcm9wQXJlYVxuICAgICAgICAgIG9uRHJvcD17aGFuZGxlRHJvcH1cbiAgICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICAgIHdpZHRoOiAxMDAlO1xuICAgICAgICAgICAgaGVpZ2h0OiAyMDBweDtcbiAgICAgICAgICBgfVxuICAgICAgICAgIGFjY2VwdD17L2ltYWdlXFwvKi99XG4gICAgICAgID5cbiAgICAgICAgICA8TGF5b3V0LkNvbHVtbiBnYXA9ezJ9IGFsaWduSXRlbXM9XCJjZW50ZXJcIj5cbiAgICAgICAgICAgIDxCdXR0b25cbiAgICAgICAgICAgICAgYXM9XCJsYWJlbFwiXG4gICAgICAgICAgICAgIGh0bWxGb3I9XCJ1cGxvYWRcIlxuICAgICAgICAgICAgICBjb2xvcj1cInByaW1hcnlcIlxuICAgICAgICAgICAgICB2YXJpYW50PVwiZmlsbGVkXCJcbiAgICAgICAgICAgID5cbiAgICAgICAgICAgICAg5YaZ55yf44KS44Ki44OD44OX44Ot44O844OJXG4gICAgICAgICAgICA8L0J1dHRvbj5cbiAgICAgICAgICAgIDxpbnB1dFxuICAgICAgICAgICAgICB0eXBlPVwiZmlsZVwiXG4gICAgICAgICAgICAgIGFjY2VwdD1cImltYWdlLypcIlxuICAgICAgICAgICAgICBuYW1lPVwidXBsb2FkXCJcbiAgICAgICAgICAgICAgaWQ9XCJ1cGxvYWRcIlxuICAgICAgICAgICAgICBtdWx0aXBsZVxuICAgICAgICAgICAgICBvbkNoYW5nZT17aGFuZGxlVXBsb2FkfVxuICAgICAgICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICAgICAgICBkaXNwbGF5OiBub25lO1xuICAgICAgICAgICAgICBgfVxuICAgICAgICAgICAgLz5cbiAgICAgICAgICAgIDxUeXBvZ3JhcGh5IHZhcmlhbnQ9XCJjYXB0aW9uXCI+XG4gICAgICAgICAgICAgIOOBguOCi+OBhOOBr+eUu+WDj+OCkuOBk+OBk+OBq+ODieODqeODg+OCsFxuICAgICAgICAgICAgPC9UeXBvZ3JhcGh5PlxuICAgICAgICAgIDwvTGF5b3V0LkNvbHVtbj5cbiAgICAgICAgPC9Ecm9wQXJlYT5cbiAgICAgICAgPFNvcnRBcmVhXG4gICAgICAgICAgZ2FwPXsyfVxuICAgICAgICAgIGRpc2FibGVkPXshb25SZW9yZGVyfVxuICAgICAgICAgIG9uQ2hhbmdlPXtoYW5kbGVSZW9yZGVyfVxuICAgICAgICAgIGxpc3Q9e2ltYWdlc31cbiAgICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICAgIGRpc3BsYXk6IGdyaWQ7XG4gICAgICAgICAgICBncmlkLXRlbXBsYXRlLWNvbHVtbnM6IHJlcGVhdCg0LCAxZnIpO1xuXG4gICAgICAgICAgICBAbWVkaWEgc2NyZWVuIGFuZCAobWF4LXdpZHRoOiA3NjhweCkge1xuICAgICAgICAgICAgICBncmlkLXRlbXBsYXRlLWNvbHVtbnM6IHJlcGVhdCgyLCAxZnIpO1xuICAgICAgICAgICAgfVxuICAgICAgICAgIGB9XG4gICAgICAgID5cbiAgICAgICAgICB7Wy4uLihpbWFnZXMgPz8gW10pLCAuLi5pdGVtc10ubWFwKChpbWFnZSkgPT4ge1xuICAgICAgICAgICAgcmV0dXJuIChcbiAgICAgICAgICAgICAgLy8g44GT44GT44GnSW1hZ2VDb21wb25lbnTjgpLnm7Tmm7jjgY3jgZnjgovjgajjgarjgZzjgYtTb3J0QXJlYeOBi+OCiea4oeOBo+OBpuOBjeOBn3Byb3BzKG9uRHJhZ1N0YXJ044Gq44GpKeOBjEltYWdlQ29tcG9uZW5044Gucm9vdOOBrkRPTeOBq+a4oeOCieOBquOBj+OBquOBo+OBpuOBl+OBvuOBhlxuICAgICAgICAgICAgICAvLyDop6PmsbrnrZbjgajjgZfjgaZJbWFnZUNvbXBvbmVudHPjgafku7vmhI/jga5wcm9wc+OCkuWPl+OBkeWPluOCjOOCi+OCiOOBhuOBq+OBl3Jvb3Tjga5kaXbjgavmuKHjgZnjgajjgYTjgYbjga7jgafjgoLoia/jgYTjgYzjgIHjg6bjg7zjgrbjg7zjg6njg7Pjg4njgafjgZPjga7lh6bnkIbjgpLmjJ/jgoDjga7jgpLlv5jjgozjgovmgZDjgozjgYzjgYLjgovjga7jgafku6Pjgo/jgorjgatkaXbjgaflm7LjgYbjgZPjgajjgaflr77lv5zjgZfjgZ9cbiAgICAgICAgICAgICAgPGRpdiBrZXk9e2ltYWdlLmlkfT5cbiAgICAgICAgICAgICAgICA8SW1hZ2VDb21wb25lbnQgaW1hZ2U9e2ltYWdlfSBvbkRlbGV0ZT17b25EZWxldGV9IC8+XG4gICAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgKTtcbiAgICAgICAgICB9KX1cbiAgICAgICAgPC9Tb3J0QXJlYT5cbiAgICAgIDwvZGl2PlxuICAgIDwvPlxuICApO1xufTtcbiJdfQ== */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 };
-export var ImageUploadArea = _ref12 => {
+export var ImageUploadArea = _ref10 => {
   var {
     images,
     readBlob,
@@ -142,7 +142,7 @@ export var ImageUploadArea = _ref12 => {
     onDelete,
     onReorder,
     renderImage: ImageComponent = ImageUploadAreaImage
-  } = _ref12;
+  } = _ref10;
   var forceUpdate = useForceUpdate();
   var [items, setItems] = useState([]);
   var [compressing, setCompressing] = useState(0);
@@ -151,7 +151,7 @@ export var ImageUploadArea = _ref12 => {
       var copy = prev.concat();
       // eslint-disable-next-line @typescript-eslint/no-misused-promises
       files.forEach(/*#__PURE__*/function () {
-        var _ref13 = _asyncToGenerator(function* (file) {
+        var _ref11 = _asyncToGenerator(function* (file) {
           var data = yield readBlob(file);
           copy.push({
             data,
@@ -161,7 +161,7 @@ export var ImageUploadArea = _ref12 => {
           setCompressing(v => v - 1);
         });
         return function (_x) {
-          return _ref13.apply(this, arguments);
+          return _ref11.apply(this, arguments);
         };
       }());
       return copy;
@@ -184,10 +184,10 @@ export var ImageUploadArea = _ref12 => {
   // compressingが0になったら初めてuploadを走らせる
   useEffect(() => {
     if (compressing === 0 && items.length > 0) {
-      onUpload(items.map(_ref14 => {
+      onUpload(items.map(_ref12 => {
         var {
           data
-        } = _ref14;
+        } = _ref12;
         return data;
       }));
       if (items.length) {

package/ImageUploadArea/ImageUploadArea.js.map

@@ -1 +1 @@
-{"version":3,"file":"ImageUploadArea.js","names":["Button","DropArea","Layout","SortArea","Typography","css","useForceUpdate","DeleteIcon","OpenInNewIcon","React","useCallback","useEffect","useState","jsx","___EmotionJSX","isEqualAsArray","a","b","equal","length","i","_ref5","process","env","NODE_ENV","name","styles","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","_ref6","_ref7","_ref8","_ref9","_ref10","ImageUploadAreaImage","_ref11","image","onDelete","src","data","loading","tabIndex","alt","id","type","size","icon","as","href","target","rel","onClick","_ref","_ref2","_ref3","_ref4","ImageUploadArea","_ref12","images","readBlob","onUpload","onReorder","renderImage","ImageComponent","forceUpdate","items","setItems","compressing","setCompressing","handleDrop","files","prev","copy","concat","forEach","_ref13","_asyncToGenerator","file","push","Date","now","Math","random","v","_x","apply","arguments","c","handleUpload","e","Array","from","currentTarget","handleReorder","imagesNew","map","_ref14","Fragment","onDrop","accept","Column","gap","alignItems","htmlFor","color","variant","multiple","onChange","disabled","list","key"],"sources":["../../../src/ImageUploadArea/ImageUploadArea.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-non-null-assertion */\nimport { Button } from \"../Button\";\nimport { DropArea } from \"../DropArea\";\nimport { Layout } from \"../Layouts\";\nimport { SortArea } from \"../SortArea\";\nimport { Typography } from \"../Typography\";\nimport { css } from \"@emotion/react\";\nimport { useForceUpdate } from \"../hooks\";\nimport DeleteIcon from \"@mui/icons-material/Delete\";\nimport OpenInNewIcon from \"@mui/icons-material/OpenInNew\";\nimport React, { useCallback, useEffect, useState } from \"react\";\n\nexport interface Image {\n  data: string;\n  id: string;\n}\n\nconst isEqualAsArray = <T,>(a: T[], b: T[], equal: (a: T, b: T) => boolean) => {\n  if (a.length !== b.length) return false;\n\n  for (let i = 0; i < a.length; i++) {\n    if (!equal(a[i], b[i])) return false;\n  }\n\n  return true;\n};\n\nexport interface ImageUploadAreaImageProps {\n  image: Image;\n  onDelete: (id: string) => void;\n}\n\nexport const ImageUploadAreaImage = ({\n  image,\n  onDelete,\n}: ImageUploadAreaImageProps) => {\n  return (\n    <div\n      css={css`\n        position: relative;\n      `}\n    >\n      <img\n        src={image.data}\n        css={css`\n          width: 100%;\n          aspect-ratio: 4 / 3;\n          cursor: pointer;\n          object-fit: cover;\n        `}\n        loading=\"lazy\"\n        tabIndex={-1}\n        alt=\"\"\n      />\n      <div\n        css={css`\n          position: absolute;\n          top: 0;\n          left: 0;\n          z-index: 1;\n          width: 100%;\n          height: 100%;\n          background-image: linear-gradient(\n            rgba(0, 0, 0, 0.5),\n            rgba(0, 0, 0, 0) 30%\n          );\n        `}\n      />\n      {image.id && (\n        <div\n          css={css`\n            position: absolute;\n            top: 0;\n            left: 0;\n            display: flex;\n            justify-content: space-between;\n            width: 100%;\n            padding: 4px;\n          `}\n        >\n          <Button\n            type=\"button\"\n            size=\"small\"\n            icon={<OpenInNewIcon />}\n            css={css`\n              z-index: 2;\n              color: white;\n            `}\n            as={\"a\"}\n            href={image.data}\n            target=\"_blank\"\n            rel=\"noopener noreferrer\"\n          />\n          <Button\n            type=\"button\"\n            icon={<DeleteIcon />}\n            size=\"small\"\n            onClick={() => onDelete(image.id)}\n            css={css`\n              z-index: 2;\n              color: white;\n            `}\n          />\n        </div>\n      )}\n    </div>\n  );\n};\n\nexport interface ImageUploadAreaProps {\n  images?: Image[];\n  readBlob: (blob: Blob) => Promise<string>; // 圧縮が必要ならここで\n  onUpload: (data: string[]) => void;\n  onDelete: (id: string) => void;\n  onReorder?: (ids: string[]) => void;\n  renderImage?: (props: ImageUploadAreaImageProps) => React.JSX.Element;\n}\n\nexport const ImageUploadArea = ({\n  images,\n  readBlob,\n  onUpload,\n  onDelete,\n  onReorder,\n  renderImage: ImageComponent = ImageUploadAreaImage,\n}: ImageUploadAreaProps) => {\n  const forceUpdate = useForceUpdate();\n  const [items, setItems] = useState<Image[]>([]);\n  const [compressing, setCompressing] = useState(0);\n\n  const handleDrop = useCallback(\n    (files: File[]) => {\n      setItems((prev) => {\n        const copy = prev.concat();\n        // eslint-disable-next-line @typescript-eslint/no-misused-promises\n        files.forEach(async (file) => {\n          const data = await readBlob(file);\n          copy.push({\n            data,\n            id: `${Date.now()}-${Math.random()}`,\n          });\n\n          forceUpdate();\n          setCompressing((v) => v - 1);\n        });\n        return copy;\n      });\n      setCompressing((c) => c + files.length);\n    },\n    [readBlob, forceUpdate],\n  );\n  const handleUpload = (e: React.SyntheticEvent<HTMLInputElement>) => {\n    const files = Array.from(e.currentTarget.files!);\n    handleDrop(files);\n  };\n\n  // PERF: 初回のレンダリング時に今と同じ並びのままreorderが呼ばれてしまって無意味なAPIコールが入るので、配列が変わってる時だけonReorderを呼ぶようにした方がいいかもしれない\n  const handleReorder = (imagesNew: Image[]) => {\n    // 初回の自明な変更でonReorderが意図せずよばれないように\n    if (\n      images &&\n      images.length > 0 &&\n      imagesNew.length > 0 &&\n      !isEqualAsArray(images, imagesNew, (a, b) => a.id === b.id)\n    ) {\n      onReorder?.(imagesNew.map((i) => i.id));\n    }\n  };\n\n  // compressingが0になったら初めてuploadを走らせる\n  useEffect(\n    () => {\n      if (compressing === 0 && items.length > 0) {\n        onUpload(items.map(({ data }) => data));\n        if (items.length) {\n          setItems([]);\n        }\n      }\n    },\n    // onUploadやitemsをdepsに入れるとpropsへの渡し方によっては無限ループするので無視する\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    [compressing],\n  );\n\n  return (\n    <>\n      <div\n        css={css`\n          display: grid;\n          gap: 16px;\n          max-width: 1024px;\n        `}\n      >\n        <DropArea\n          onDrop={handleDrop}\n          css={css`\n            width: 100%;\n            height: 200px;\n          `}\n          accept={/image\\/*/}\n        >\n          <Layout.Column gap={2} alignItems=\"center\">\n            <Button\n              as=\"label\"\n              htmlFor=\"upload\"\n              color=\"primary\"\n              variant=\"filled\"\n            >\n              写真をアップロード\n            </Button>\n            <input\n              type=\"file\"\n              accept=\"image/*\"\n              name=\"upload\"\n              id=\"upload\"\n              multiple\n              onChange={handleUpload}\n              css={css`\n                display: none;\n              `}\n            />\n            <Typography variant=\"caption\">\n              あるいは画像をここにドラッグ\n            </Typography>\n          </Layout.Column>\n        </DropArea>\n        <SortArea\n          gap={2}\n          disabled={!onReorder}\n          onChange={handleReorder}\n          list={images}\n          css={css`\n            display: grid;\n            grid-template-columns: repeat(4, 1fr);\n\n            @media screen and (max-width: 768px) {\n              grid-template-columns: repeat(2, 1fr);\n            }\n          `}\n        >\n          {[...(images ?? []), ...items].map((image) => {\n            return (\n              // ここでImageComponentを直書きするとなぜかSortAreaから渡ってきたprops(onDragStartなど)がImageComponentのrootのDOMに渡らなくなってしまう\n              // 解決策としてImageComponentsで任意のpropsを受け取れるようにしrootのdivに渡すというのでも良いが、ユーザーランドでこの処理を挟むのを忘れる恐れがあるので代わりにdivで囲うことで対応した\n              <div key={image.id}>\n                <ImageComponent image={image} onDelete={onDelete} />\n              </div>\n            );\n          })}\n        </SortArea>\n      </div>\n    </>\n  );\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"ImageUploadArea.js","names":["Button","DropArea","Layout","SortArea","Typography","css","useForceUpdate","DeleteIcon","OpenInNewIcon","React","useCallback","useEffect","useState","jsx","___EmotionJSX","isEqualAsArray","a","b","equal","length","i","_ref5","process","env","NODE_ENV","name","styles","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","_ref6","_ref7","_ref8","_ref9","_ref0","ImageUploadAreaImage","_ref1","image","onDelete","src","data","loading","tabIndex","alt","id","type","size","icon","as","href","target","rel","onClick","_ref","_ref2","_ref3","_ref4","ImageUploadArea","_ref10","images","readBlob","onUpload","onReorder","renderImage","ImageComponent","forceUpdate","items","setItems","compressing","setCompressing","handleDrop","files","prev","copy","concat","forEach","_ref11","_asyncToGenerator","file","push","Date","now","Math","random","v","_x","apply","arguments","c","handleUpload","e","Array","from","currentTarget","handleReorder","imagesNew","map","_ref12","Fragment","onDrop","accept","Column","gap","alignItems","htmlFor","color","variant","multiple","onChange","disabled","list","key"],"sources":["../../../src/ImageUploadArea/ImageUploadArea.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-non-null-assertion */\nimport { Button } from \"../Button\";\nimport { DropArea } from \"../DropArea\";\nimport { Layout } from \"../Layouts\";\nimport { SortArea } from \"../SortArea\";\nimport { Typography } from \"../Typography\";\nimport { css } from \"@emotion/react\";\nimport { useForceUpdate } from \"../hooks\";\nimport DeleteIcon from \"@mui/icons-material/Delete\";\nimport OpenInNewIcon from \"@mui/icons-material/OpenInNew\";\nimport React, { useCallback, useEffect, useState } from \"react\";\n\nexport interface Image {\n  data: string;\n  id: string;\n}\n\nconst isEqualAsArray = <T,>(a: T[], b: T[], equal: (a: T, b: T) => boolean) => {\n  if (a.length !== b.length) return false;\n\n  for (let i = 0; i < a.length; i++) {\n    if (!equal(a[i], b[i])) return false;\n  }\n\n  return true;\n};\n\nexport interface ImageUploadAreaImageProps {\n  image: Image;\n  onDelete: (id: string) => void;\n}\n\nexport const ImageUploadAreaImage = ({\n  image,\n  onDelete,\n}: ImageUploadAreaImageProps) => {\n  return (\n    <div\n      css={css`\n        position: relative;\n      `}\n    >\n      <img\n        src={image.data}\n        css={css`\n          width: 100%;\n          aspect-ratio: 4 / 3;\n          cursor: pointer;\n          object-fit: cover;\n        `}\n        loading=\"lazy\"\n        tabIndex={-1}\n        alt=\"\"\n      />\n      <div\n        css={css`\n          position: absolute;\n          top: 0;\n          left: 0;\n          z-index: 1;\n          width: 100%;\n          height: 100%;\n          background-image: linear-gradient(\n            rgba(0, 0, 0, 0.5),\n            rgba(0, 0, 0, 0) 30%\n          );\n        `}\n      />\n      {image.id && (\n        <div\n          css={css`\n            position: absolute;\n            top: 0;\n            left: 0;\n            display: flex;\n            justify-content: space-between;\n            width: 100%;\n            padding: 4px;\n          `}\n        >\n          <Button\n            type=\"button\"\n            size=\"small\"\n            icon={<OpenInNewIcon />}\n            css={css`\n              z-index: 2;\n              color: white;\n            `}\n            as={\"a\"}\n            href={image.data}\n            target=\"_blank\"\n            rel=\"noopener noreferrer\"\n          />\n          <Button\n            type=\"button\"\n            icon={<DeleteIcon />}\n            size=\"small\"\n            onClick={() => onDelete(image.id)}\n            css={css`\n              z-index: 2;\n              color: white;\n            `}\n          />\n        </div>\n      )}\n    </div>\n  );\n};\n\nexport interface ImageUploadAreaProps {\n  images?: Image[];\n  readBlob: (blob: Blob) => Promise<string>; // 圧縮が必要ならここで\n  onUpload: (data: string[]) => void;\n  onDelete: (id: string) => void;\n  onReorder?: (ids: string[]) => void;\n  renderImage?: (props: ImageUploadAreaImageProps) => React.JSX.Element;\n}\n\nexport const ImageUploadArea = ({\n  images,\n  readBlob,\n  onUpload,\n  onDelete,\n  onReorder,\n  renderImage: ImageComponent = ImageUploadAreaImage,\n}: ImageUploadAreaProps) => {\n  const forceUpdate = useForceUpdate();\n  const [items, setItems] = useState<Image[]>([]);\n  const [compressing, setCompressing] = useState(0);\n\n  const handleDrop = useCallback(\n    (files: File[]) => {\n      setItems((prev) => {\n        const copy = prev.concat();\n        // eslint-disable-next-line @typescript-eslint/no-misused-promises\n        files.forEach(async (file) => {\n          const data = await readBlob(file);\n          copy.push({\n            data,\n            id: `${Date.now()}-${Math.random()}`,\n          });\n\n          forceUpdate();\n          setCompressing((v) => v - 1);\n        });\n        return copy;\n      });\n      setCompressing((c) => c + files.length);\n    },\n    [readBlob, forceUpdate],\n  );\n  const handleUpload = (e: React.SyntheticEvent<HTMLInputElement>) => {\n    const files = Array.from(e.currentTarget.files!);\n    handleDrop(files);\n  };\n\n  // PERF: 初回のレンダリング時に今と同じ並びのままreorderが呼ばれてしまって無意味なAPIコールが入るので、配列が変わってる時だけonReorderを呼ぶようにした方がいいかもしれない\n  const handleReorder = (imagesNew: Image[]) => {\n    // 初回の自明な変更でonReorderが意図せずよばれないように\n    if (\n      images &&\n      images.length > 0 &&\n      imagesNew.length > 0 &&\n      !isEqualAsArray(images, imagesNew, (a, b) => a.id === b.id)\n    ) {\n      onReorder?.(imagesNew.map((i) => i.id));\n    }\n  };\n\n  // compressingが0になったら初めてuploadを走らせる\n  useEffect(\n    () => {\n      if (compressing === 0 && items.length > 0) {\n        onUpload(items.map(({ data }) => data));\n        if (items.length) {\n          setItems([]);\n        }\n      }\n    },\n    // onUploadやitemsをdepsに入れるとpropsへの渡し方によっては無限ループするので無視する\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    [compressing],\n  );\n\n  return (\n    <>\n      <div\n        css={css`\n          display: grid;\n          gap: 16px;\n          max-width: 1024px;\n        `}\n      >\n        <DropArea\n          onDrop={handleDrop}\n          css={css`\n            width: 100%;\n            height: 200px;\n          `}\n          accept={/image\\/*/}\n        >\n          <Layout.Column gap={2} alignItems=\"center\">\n            <Button\n              as=\"label\"\n              htmlFor=\"upload\"\n              color=\"primary\"\n              variant=\"filled\"\n            >\n              写真をアップロード\n            </Button>\n            <input\n              type=\"file\"\n              accept=\"image/*\"\n              name=\"upload\"\n              id=\"upload\"\n              multiple\n              onChange={handleUpload}\n              css={css`\n                display: none;\n              `}\n            />\n            <Typography variant=\"caption\">\n              あるいは画像をここにドラッグ\n            </Typography>\n          </Layout.Column>\n        </DropArea>\n        <SortArea\n          gap={2}\n          disabled={!onReorder}\n          onChange={handleReorder}\n          list={images}\n          css={css`\n            display: grid;\n            grid-template-columns: repeat(4, 1fr);\n\n            @media screen and (max-width: 768px) {\n              grid-template-columns: repeat(2, 1fr);\n            }\n          `}\n        >\n          {[...(images ?? []), ...items].map((image) => {\n            return (\n              // ここでImageComponentを直書きするとなぜかSortAreaから渡ってきたprops(onDragStartなど)がImageComponentのrootのDOMに渡らなくなってしまう\n              // 解決策としてImageComponentsで任意のpropsを受け取れるようにしrootのdivに渡すというのでも良いが、ユーザーランドでこの処理を挟むのを忘れる恐れがあるので代わりにdivで囲うことで対応した\n              <div key={image.id}>\n                <ImageComponent image={image} onDelete={onDelete} />\n              </div>\n            );\n          })}\n        </SortArea>\n      </div>\n    </>\n  );\n};\n"],"mappings":"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","ignoreList":[]}

package/Table/Table.js

@@ -86,11 +86,11 @@ var TableHeaderCell = _ref9 => {
     css: [/*#__PURE__*/css("box-sizing:border-box;padding:", theme.spacing * 1.5, "px;font-weight:bolder;text-align:", align, ";white-space:nowrap;background-color:white;border-top:2px solid ", theme.palette.gray[300], ";border-bottom:2px solid ", theme.palette.gray[300], ";&:last-of-type{border-right:2px solid ", theme.palette.gray[300], ";}&:first-of-type{border-left:2px solid ", theme.palette.gray[300], ";}" + (process.env.NODE_ENV === "production" ? "" : ";label:TableHeaderCell;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9UYWJsZS9UYWJsZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBdUhXIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9UYWJsZS9UYWJsZS50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBUYWJsZUNoZWNrYm94IH0gZnJvbSBcIi4vVGFibGVDaGVja2JveFwiO1xuaW1wb3J0IHsgY3NzIH0gZnJvbSBcIkBlbW90aW9uL3JlYWN0XCI7XG5pbXBvcnQgeyBzdWJvcmRpbmF0ZUNvbXBvbmVudHMgfSBmcm9tIFwiLi4vQHV0aWxzL3N1Ym9yZGluYXRlQ29tcG9uZW50c1wiO1xuaW1wb3J0IHsgdXNlVGhlbWUgfSBmcm9tIFwiLi4vdGhlbWVcIjtcbmltcG9ydCBSZWFjdCBmcm9tIFwicmVhY3RcIjtcblxuZXhwb3J0IGludGVyZmFjZSBUYWJsZVJvb3RQcm9wcyBleHRlbmRzIFJlYWN0LkhUTUxBdHRyaWJ1dGVzPEhUTUxUYWJsZUVsZW1lbnQ+IHtcbiAgY2hpbGRyZW4/OiBSZWFjdC5SZWFjdE5vZGU7XG59XG5cbmNvbnN0IFRhYmxlXyA9ICh7IC4uLnByb3BzIH06IFRhYmxlUm9vdFByb3BzKSA9PiB7XG4gIHJldHVybiAoXG4gICAgPHRhYmxlXG4gICAgICBjc3M9e2Nzc2BcbiAgICAgICAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbiAgICAgICAgd2lkdGg6IDEwMCU7XG4gICAgICAgIGJvcmRlci1zcGFjaW5nOiAwO1xuICAgICAgICBib3JkZXItY29sbGFwc2U6IHNlcGFyYXRlO1xuICAgICAgICBpc29sYXRpb246IGlzb2xhdGU7XG4gICAgICBgfVxuICAgICAgey4uLnByb3BzfVxuICAgIC8+XG4gICk7XG59O1xuXG5leHBvcnQgaW50ZXJmYWNlIFRhYmxlSGVhZFByb3BzXG4gIGV4dGVuZHMgUmVhY3QuSFRNTEF0dHJpYnV0ZXM8SFRNTFRhYmxlU2VjdGlvbkVsZW1lbnQ+IHtcbiAgY2hpbGRyZW4/OiBSZWFjdC5SZWFjdE5vZGU7XG59XG5cbmNvbnN0IFRoZWFkID0gKHsgLi4ucHJvcHMgfTogVGFibGVIZWFkUHJvcHMpID0+IHtcbiAgcmV0dXJuIChcbiAgICA8dGhlYWRcbiAgICAgIGNzcz17Y3NzYFxuICAgICAgICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuICAgICAgYH1cbiAgICAgIHsuLi5wcm9wc31cbiAgICAvPlxuICApO1xufTtcblxuZXhwb3J0IGludGVyZmFjZSBUYWJsZUJvZHlQcm9wc1xuICBleHRlbmRzIFJlYWN0LkhUTUxBdHRyaWJ1dGVzPEhUTUxUYWJsZVNlY3Rpb25FbGVtZW50PiB7XG4gIC8qKlxuICAgKiBAZGVmYXVsdCBmYWxzZVxuICAgKi9cbiAgc3RyaXBlZD86IGJvb2xlYW47XG4gIGNoaWxkcmVuPzogUmVhY3QuUmVhY3ROb2RlO1xufVxuXG5jb25zdCBUYm9keSA9ICh7IHN0cmlwZWQsIC4uLnByb3BzIH06IFRhYmxlQm9keVByb3BzKSA9PiB7XG4gIGNvbnN0IHRoZW1lID0gdXNlVGhlbWUoKTtcbiAgcmV0dXJuIChcbiAgICA8dGJvZHlcbiAgICAgIGNzcz17W1xuICAgICAgICBjc3NgXG4gICAgICAgICAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbiAgICAgICAgYCxcbiAgICAgICAgc3RyaXBlZCAmJlxuICAgICAgICAgIGNzc2BcbiAgICAgICAgICAgICYgdHI6bnRoLW9mLXR5cGUoMm4gKyAxKSB7XG4gICAgICAgICAgICAgICYgdGQge1xuICAgICAgICAgICAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7dGhlbWUucGFsZXR0ZS5ncmF5WzEwMF19O1xuICAgICAgICAgICAgICB9XG4gICAgICAgICAgICB9XG4gICAgICAgICAgYCxcbiAgICAgIF19XG4gICAgICB7Li4ucHJvcHN9XG4gICAgLz5cbiAgKTtcbn07XG5cbmV4cG9ydCBpbnRlcmZhY2UgVGFibGVSb3dQcm9wc1xuICBleHRlbmRzIFJlYWN0LkhUTUxBdHRyaWJ1dGVzPEhUTUxUYWJsZVJvd0VsZW1lbnQ+IHtcbiAgc2VsZWN0ZWQ/OiBib29sZWFuO1xuICBjaGlsZHJlbj86IFJlYWN0LlJlYWN0Tm9kZTtcbn1cblxuY29uc3QgQm9keVJvdyA9ICh7IHNlbGVjdGVkLCAuLi5wcm9wcyB9OiBUYWJsZVJvd1Byb3BzKSA9PiB7XG4gIGNvbnN0IHRoZW1lID0gdXNlVGhlbWUoKTtcbiAgcmV0dXJuIChcbiAgICA8dHJcbiAgICAgIGNzcz17W1xuICAgICAgICBjc3NgXG4gICAgICAgICAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbiAgICAgICAgYCxcbiAgICAgICAgc2VsZWN0ZWQgJiZcbiAgICAgICAgICBjc3NgXG4gICAgICAgICAgICB0ZCxcbiAgICAgICAgICAgIHRoIHtcbiAgICAgICAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHt0aGVtZS5wYWxldHRlLmdyYXlbMzAwXX07XG4gICAgICAgICAgICB9XG4gICAgICAgICAgYCxcbiAgICAgIF19XG4gICAgICB7Li4ucHJvcHN9XG4gICAgLz5cbiAgKTtcbn07XG5cbmV4cG9ydCBpbnRlcmZhY2UgVGFibGVBbGlnblByb3BzIHtcbiAgLyoqXG4gICAqIEBkZXByZWNhdGVkXG4gICAqIFVzZSB1c2VUYWJsZS5hcmdzLmNvbHVtbnNbXS5hbGlnbiBpbnN0ZWFkXG4gICAqL1xuICBhbGlnbj86IFwibGVmdFwiIHwgXCJjZW50ZXJcIiB8IFwicmlnaHRcIjtcbiAgY2hpbGRyZW4/OiBSZWFjdC5SZWFjdE5vZGU7XG59XG5cbmV4cG9ydCBpbnRlcmZhY2UgVGFibGVIZWFkZXJDZWxsUHJvcHNcbiAgZXh0ZW5kcyBUYWJsZUFsaWduUHJvcHMsXG4gICAgT21pdDxSZWFjdC5Db21wb25lbnRQcm9wc1dpdGhvdXRSZWY8XCJ0aFwiPiwgXCJhbGlnblwiPiB7XG4gIGNoaWxkcmVuPzogUmVhY3QuUmVhY3ROb2RlO1xufVxuXG5jb25zdCBUYWJsZUhlYWRlckNlbGwgPSAoeyBhbGlnbiwgLi4ucHJvcHMgfTogVGFibGVIZWFkZXJDZWxsUHJvcHMpID0+IHtcbiAgY29uc3QgdGhlbWUgPSB1c2VUaGVtZSgpO1xuICByZXR1cm4gKFxuICAgIDx0aFxuICAgICAgY3NzPXtbXG4gICAgICAgIGNzc2BcbiAgICAgICAgICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuICAgICAgICAgIHBhZGRpbmc6ICR7dGhlbWUuc3BhY2luZyAqIDEuNX1weDtcbiAgICAgICAgICBmb250LXdlaWdodDogYm9sZGVyO1xuICAgICAgICAgIHRleHQtYWxpZ246ICR7YWxpZ259O1xuICAgICAgICAgIHdoaXRlLXNwYWNlOiBub3dyYXA7XG4gICAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogd2hpdGU7XG4gICAgICAgICAgYm9yZGVyLXRvcDogMnB4IHNvbGlkICR7dGhlbWUucGFsZXR0ZS5ncmF5WzMwMF19O1xuICAgICAgICAgIGJvcmRlci1ib3R0b206IDJweCBzb2xpZCAke3RoZW1lLnBhbGV0dGUuZ3JheVszMDBdfTtcbiAgICAgICAgICAmOmxhc3Qtb2YtdHlwZSB7XG4gICAgICAgICAgICBib3JkZXItcmlnaHQ6IDJweCBzb2xpZCAke3RoZW1lLnBhbGV0dGUuZ3JheVszMDBdfTtcbiAgICAgICAgICB9XG4gICAgICAgICAgJjpmaXJzdC1vZi10eXBlIHtcbiAgICAgICAgICAgIGJvcmRlci1sZWZ0OiAycHggc29saWQgJHt0aGVtZS5wYWxldHRlLmdyYXlbMzAwXX07XG4gICAgICAgICAgfVxuICAgICAgICBgLFxuICAgICAgICB0aGVtZS50eXBvZ3JhcGh5LmJvZHksXG4gICAgICBdfVxuICAgICAgey4uLnByb3BzfVxuICAgIC8+XG4gICk7XG59O1xuXG5leHBvcnQgaW50ZXJmYWNlIFRhYmxlRGF0YUNlbGxQcm9wc1xuICBleHRlbmRzIFRhYmxlQWxpZ25Qcm9wcyxcbiAgICBPbWl0PFJlYWN0LkNvbXBvbmVudFByb3BzV2l0aG91dFJlZjxcInRkXCI+LCBcImFsaWduXCI+IHtcbiAgY2hpbGRyZW4/OiBSZWFjdC5SZWFjdE5vZGU7XG59XG5cbmNvbnN0IFRhYmxlRGF0YUNlbGwgPSAoeyBhbGlnbiwgLi4ucHJvcHMgfTogVGFibGVEYXRhQ2VsbFByb3BzKSA9PiB7XG4gIGNvbnN0IHRoZW1lID0gdXNlVGhlbWUoKTtcbiAgcmV0dXJuIChcbiAgICA8dGRcbiAgICAgIGNzcz17W1xuICAgICAgICBjc3NgXG4gICAgICAgICAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbiAgICAgICAgICBwYWRkaW5nOiAke3RoZW1lLnNwYWNpbmcgKiAxLjV9cHg7XG4gICAgICAgICAgdGV4dC1hbGlnbjogJHthbGlnbn07XG4gICAgICAgICAgYm9yZGVyLWJvdHRvbTogMXB4IHNvbGlkICR7dGhlbWUucGFsZXR0ZS5ncmF5WzMwMF19O1xuICAgICAgICAgICY6bGFzdC1vZi10eXBlIHtcbiAgICAgICAgICAgIGJvcmRlci1yaWdodDogMnB4IHNvbGlkICR7dGhlbWUucGFsZXR0ZS5ncmF5WzMwMF19O1xuICAgICAgICAgIH1cbiAgICAgICAgICAmOmZpcnN0LW9mLXR5cGUge1xuICAgICAgICAgICAgYm9yZGVyLWxlZnQ6IDJweCBzb2xpZCAke3RoZW1lLnBhbGV0dGUuZ3JheVszMDBdfTtcbiAgICAgICAgICB9XG4gICAgICAgIGAsXG4gICAgICAgIHRoZW1lLnR5cG9ncmFwaHkuYm9keSxcbiAgICAgIF19XG4gICAgICB7Li4ucHJvcHN9XG4gICAgLz5cbiAgKTtcbn07XG5cbi8qKlxuICogQGRlcHJlY2F0ZWQgVXNlIFRhYmxlVUkgaW5zdGVhZFxuICovXG5leHBvcnQgY29uc3QgVGFibGUgPSBzdWJvcmRpbmF0ZUNvbXBvbmVudHMoVGFibGVfLCB7XG4gIEhlYWRlcjogVGhlYWQsXG4gIEJvZHk6IFRib2R5LFxuICBSb3c6IEJvZHlSb3csXG4gIEhlYWRlckNlbGw6IFRhYmxlSGVhZGVyQ2VsbCxcbiAgQ2VsbDogVGFibGVEYXRhQ2VsbCxcbiAgQ2hlY2tib3g6IFRhYmxlQ2hlY2tib3gsXG59KTtcbiJdfQ== */"), theme.typography.body, process.env.NODE_ENV === "production" ? "" : ";label:TableHeaderCell;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9UYWJsZS9UYWJsZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBc0hNIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9UYWJsZS9UYWJsZS50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBUYWJsZUNoZWNrYm94IH0gZnJvbSBcIi4vVGFibGVDaGVja2JveFwiO1xuaW1wb3J0IHsgY3NzIH0gZnJvbSBcIkBlbW90aW9uL3JlYWN0XCI7XG5pbXBvcnQgeyBzdWJvcmRpbmF0ZUNvbXBvbmVudHMgfSBmcm9tIFwiLi4vQHV0aWxzL3N1Ym9yZGluYXRlQ29tcG9uZW50c1wiO1xuaW1wb3J0IHsgdXNlVGhlbWUgfSBmcm9tIFwiLi4vdGhlbWVcIjtcbmltcG9ydCBSZWFjdCBmcm9tIFwicmVhY3RcIjtcblxuZXhwb3J0IGludGVyZmFjZSBUYWJsZVJvb3RQcm9wcyBleHRlbmRzIFJlYWN0LkhUTUxBdHRyaWJ1dGVzPEhUTUxUYWJsZUVsZW1lbnQ+IHtcbiAgY2hpbGRyZW4/OiBSZWFjdC5SZWFjdE5vZGU7XG59XG5cbmNvbnN0IFRhYmxlXyA9ICh7IC4uLnByb3BzIH06IFRhYmxlUm9vdFByb3BzKSA9PiB7XG4gIHJldHVybiAoXG4gICAgPHRhYmxlXG4gICAgICBjc3M9e2Nzc2BcbiAgICAgICAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbiAgICAgICAgd2lkdGg6IDEwMCU7XG4gICAgICAgIGJvcmRlci1zcGFjaW5nOiAwO1xuICAgICAgICBib3JkZXItY29sbGFwc2U6IHNlcGFyYXRlO1xuICAgICAgICBpc29sYXRpb246IGlzb2xhdGU7XG4gICAgICBgfVxuICAgICAgey4uLnByb3BzfVxuICAgIC8+XG4gICk7XG59O1xuXG5leHBvcnQgaW50ZXJmYWNlIFRhYmxlSGVhZFByb3BzXG4gIGV4dGVuZHMgUmVhY3QuSFRNTEF0dHJpYnV0ZXM8SFRNTFRhYmxlU2VjdGlvbkVsZW1lbnQ+IHtcbiAgY2hpbGRyZW4/OiBSZWFjdC5SZWFjdE5vZGU7XG59XG5cbmNvbnN0IFRoZWFkID0gKHsgLi4ucHJvcHMgfTogVGFibGVIZWFkUHJvcHMpID0+IHtcbiAgcmV0dXJuIChcbiAgICA8dGhlYWRcbiAgICAgIGNzcz17Y3NzYFxuICAgICAgICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuICAgICAgYH1cbiAgICAgIHsuLi5wcm9wc31cbiAgICAvPlxuICApO1xufTtcblxuZXhwb3J0IGludGVyZmFjZSBUYWJsZUJvZHlQcm9wc1xuICBleHRlbmRzIFJlYWN0LkhUTUxBdHRyaWJ1dGVzPEhUTUxUYWJsZVNlY3Rpb25FbGVtZW50PiB7XG4gIC8qKlxuICAgKiBAZGVmYXVsdCBmYWxzZVxuICAgKi9cbiAgc3RyaXBlZD86IGJvb2xlYW47XG4gIGNoaWxkcmVuPzogUmVhY3QuUmVhY3ROb2RlO1xufVxuXG5jb25zdCBUYm9keSA9ICh7IHN0cmlwZWQsIC4uLnByb3BzIH06IFRhYmxlQm9keVByb3BzKSA9PiB7XG4gIGNvbnN0IHRoZW1lID0gdXNlVGhlbWUoKTtcbiAgcmV0dXJuIChcbiAgICA8dGJvZHlcbiAgICAgIGNzcz17W1xuICAgICAgICBjc3NgXG4gICAgICAgICAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbiAgICAgICAgYCxcbiAgICAgICAgc3RyaXBlZCAmJlxuICAgICAgICAgIGNzc2BcbiAgICAgICAgICAgICYgdHI6bnRoLW9mLXR5cGUoMm4gKyAxKSB7XG4gICAgICAgICAgICAgICYgdGQge1xuICAgICAgICAgICAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7dGhlbWUucGFsZXR0ZS5ncmF5WzEwMF19O1xuICAgICAgICAgICAgICB9XG4gICAgICAgICAgICB9XG4gICAgICAgICAgYCxcbiAgICAgIF19XG4gICAgICB7Li4ucHJvcHN9XG4gICAgLz5cbiAgKTtcbn07XG5cbmV4cG9ydCBpbnRlcmZhY2UgVGFibGVSb3dQcm9wc1xuICBleHRlbmRzIFJlYWN0LkhUTUxBdHRyaWJ1dGVzPEhUTUxUYWJsZVJvd0VsZW1lbnQ+IHtcbiAgc2VsZWN0ZWQ/OiBib29sZWFuO1xuICBjaGlsZHJlbj86IFJlYWN0LlJlYWN0Tm9kZTtcbn1cblxuY29uc3QgQm9keVJvdyA9ICh7IHNlbGVjdGVkLCAuLi5wcm9wcyB9OiBUYWJsZVJvd1Byb3BzKSA9PiB7XG4gIGNvbnN0IHRoZW1lID0gdXNlVGhlbWUoKTtcbiAgcmV0dXJuIChcbiAgICA8dHJcbiAgICAgIGNzcz17W1xuICAgICAgICBjc3NgXG4gICAgICAgICAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbiAgICAgICAgYCxcbiAgICAgICAgc2VsZWN0ZWQgJiZcbiAgICAgICAgICBjc3NgXG4gICAgICAgICAgICB0ZCxcbiAgICAgICAgICAgIHRoIHtcbiAgICAgICAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHt0aGVtZS5wYWxldHRlLmdyYXlbMzAwXX07XG4gICAgICAgICAgICB9XG4gICAgICAgICAgYCxcbiAgICAgIF19XG4gICAgICB7Li4ucHJvcHN9XG4gICAgLz5cbiAgKTtcbn07XG5cbmV4cG9ydCBpbnRlcmZhY2UgVGFibGVBbGlnblByb3BzIHtcbiAgLyoqXG4gICAqIEBkZXByZWNhdGVkXG4gICAqIFVzZSB1c2VUYWJsZS5hcmdzLmNvbHVtbnNbXS5hbGlnbiBpbnN0ZWFkXG4gICAqL1xuICBhbGlnbj86IFwibGVmdFwiIHwgXCJjZW50ZXJcIiB8IFwicmlnaHRcIjtcbiAgY2hpbGRyZW4/OiBSZWFjdC5SZWFjdE5vZGU7XG59XG5cbmV4cG9ydCBpbnRlcmZhY2UgVGFibGVIZWFkZXJDZWxsUHJvcHNcbiAgZXh0ZW5kcyBUYWJsZUFsaWduUHJvcHMsXG4gICAgT21pdDxSZWFjdC5Db21wb25lbnRQcm9wc1dpdGhvdXRSZWY8XCJ0aFwiPiwgXCJhbGlnblwiPiB7XG4gIGNoaWxkcmVuPzogUmVhY3QuUmVhY3ROb2RlO1xufVxuXG5jb25zdCBUYWJsZUhlYWRlckNlbGwgPSAoeyBhbGlnbiwgLi4ucHJvcHMgfTogVGFibGVIZWFkZXJDZWxsUHJvcHMpID0+IHtcbiAgY29uc3QgdGhlbWUgPSB1c2VUaGVtZSgpO1xuICByZXR1cm4gKFxuICAgIDx0aFxuICAgICAgY3NzPXtbXG4gICAgICAgIGNzc2BcbiAgICAgICAgICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuICAgICAgICAgIHBhZGRpbmc6ICR7dGhlbWUuc3BhY2luZyAqIDEuNX1weDtcbiAgICAgICAgICBmb250LXdlaWdodDogYm9sZGVyO1xuICAgICAgICAgIHRleHQtYWxpZ246ICR7YWxpZ259O1xuICAgICAgICAgIHdoaXRlLXNwYWNlOiBub3dyYXA7XG4gICAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogd2hpdGU7XG4gICAgICAgICAgYm9yZGVyLXRvcDogMnB4IHNvbGlkICR7dGhlbWUucGFsZXR0ZS5ncmF5WzMwMF19O1xuICAgICAgICAgIGJvcmRlci1ib3R0b206IDJweCBzb2xpZCAke3RoZW1lLnBhbGV0dGUuZ3JheVszMDBdfTtcbiAgICAgICAgICAmOmxhc3Qtb2YtdHlwZSB7XG4gICAgICAgICAgICBib3JkZXItcmlnaHQ6IDJweCBzb2xpZCAke3RoZW1lLnBhbGV0dGUuZ3JheVszMDBdfTtcbiAgICAgICAgICB9XG4gICAgICAgICAgJjpmaXJzdC1vZi10eXBlIHtcbiAgICAgICAgICAgIGJvcmRlci1sZWZ0OiAycHggc29saWQgJHt0aGVtZS5wYWxldHRlLmdyYXlbMzAwXX07XG4gICAgICAgICAgfVxuICAgICAgICBgLFxuICAgICAgICB0aGVtZS50eXBvZ3JhcGh5LmJvZHksXG4gICAgICBdfVxuICAgICAgey4uLnByb3BzfVxuICAgIC8+XG4gICk7XG59O1xuXG5leHBvcnQgaW50ZXJmYWNlIFRhYmxlRGF0YUNlbGxQcm9wc1xuICBleHRlbmRzIFRhYmxlQWxpZ25Qcm9wcyxcbiAgICBPbWl0PFJlYWN0LkNvbXBvbmVudFByb3BzV2l0aG91dFJlZjxcInRkXCI+LCBcImFsaWduXCI+IHtcbiAgY2hpbGRyZW4/OiBSZWFjdC5SZWFjdE5vZGU7XG59XG5cbmNvbnN0IFRhYmxlRGF0YUNlbGwgPSAoeyBhbGlnbiwgLi4ucHJvcHMgfTogVGFibGVEYXRhQ2VsbFByb3BzKSA9PiB7XG4gIGNvbnN0IHRoZW1lID0gdXNlVGhlbWUoKTtcbiAgcmV0dXJuIChcbiAgICA8dGRcbiAgICAgIGNzcz17W1xuICAgICAgICBjc3NgXG4gICAgICAgICAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbiAgICAgICAgICBwYWRkaW5nOiAke3RoZW1lLnNwYWNpbmcgKiAxLjV9cHg7XG4gICAgICAgICAgdGV4dC1hbGlnbjogJHthbGlnbn07XG4gICAgICAgICAgYm9yZGVyLWJvdHRvbTogMXB4IHNvbGlkICR7dGhlbWUucGFsZXR0ZS5ncmF5WzMwMF19O1xuICAgICAgICAgICY6bGFzdC1vZi10eXBlIHtcbiAgICAgICAgICAgIGJvcmRlci1yaWdodDogMnB4IHNvbGlkICR7dGhlbWUucGFsZXR0ZS5ncmF5WzMwMF19O1xuICAgICAgICAgIH1cbiAgICAgICAgICAmOmZpcnN0LW9mLXR5cGUge1xuICAgICAgICAgICAgYm9yZGVyLWxlZnQ6IDJweCBzb2xpZCAke3RoZW1lLnBhbGV0dGUuZ3JheVszMDBdfTtcbiAgICAgICAgICB9XG4gICAgICAgIGAsXG4gICAgICAgIHRoZW1lLnR5cG9ncmFwaHkuYm9keSxcbiAgICAgIF19XG4gICAgICB7Li4ucHJvcHN9XG4gICAgLz5cbiAgKTtcbn07XG5cbi8qKlxuICogQGRlcHJlY2F0ZWQgVXNlIFRhYmxlVUkgaW5zdGVhZFxuICovXG5leHBvcnQgY29uc3QgVGFibGUgPSBzdWJvcmRpbmF0ZUNvbXBvbmVudHMoVGFibGVfLCB7XG4gIEhlYWRlcjogVGhlYWQsXG4gIEJvZHk6IFRib2R5LFxuICBSb3c6IEJvZHlSb3csXG4gIEhlYWRlckNlbGw6IFRhYmxlSGVhZGVyQ2VsbCxcbiAgQ2VsbDogVGFibGVEYXRhQ2VsbCxcbiAgQ2hlY2tib3g6IFRhYmxlQ2hlY2tib3gsXG59KTtcbiJdfQ== */"]
   }, props));
 };
-var TableDataCell = _ref10 => {
+var TableDataCell = _ref0 => {
   var {
       align
-    } = _ref10,
-    props = _objectWithoutPropertiesLoose(_ref10, _excluded4);
+    } = _ref0,
+    props = _objectWithoutPropertiesLoose(_ref0, _excluded4);
   var theme = useTheme();
   return ___EmotionJSX("td", _extends({
     css: [/*#__PURE__*/css("box-sizing:border-box;padding:", theme.spacing * 1.5, "px;text-align:", align, ";border-bottom:1px solid ", theme.palette.gray[300], ";&:last-of-type{border-right:2px solid ", theme.palette.gray[300], ";}&:first-of-type{border-left:2px solid ", theme.palette.gray[300], ";}" + (process.env.NODE_ENV === "production" ? "" : ";label:TableDataCell;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9UYWJsZS9UYWJsZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBeUpXIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9UYWJsZS9UYWJsZS50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBUYWJsZUNoZWNrYm94IH0gZnJvbSBcIi4vVGFibGVDaGVja2JveFwiO1xuaW1wb3J0IHsgY3NzIH0gZnJvbSBcIkBlbW90aW9uL3JlYWN0XCI7XG5pbXBvcnQgeyBzdWJvcmRpbmF0ZUNvbXBvbmVudHMgfSBmcm9tIFwiLi4vQHV0aWxzL3N1Ym9yZGluYXRlQ29tcG9uZW50c1wiO1xuaW1wb3J0IHsgdXNlVGhlbWUgfSBmcm9tIFwiLi4vdGhlbWVcIjtcbmltcG9ydCBSZWFjdCBmcm9tIFwicmVhY3RcIjtcblxuZXhwb3J0IGludGVyZmFjZSBUYWJsZVJvb3RQcm9wcyBleHRlbmRzIFJlYWN0LkhUTUxBdHRyaWJ1dGVzPEhUTUxUYWJsZUVsZW1lbnQ+IHtcbiAgY2hpbGRyZW4/OiBSZWFjdC5SZWFjdE5vZGU7XG59XG5cbmNvbnN0IFRhYmxlXyA9ICh7IC4uLnByb3BzIH06IFRhYmxlUm9vdFByb3BzKSA9PiB7XG4gIHJldHVybiAoXG4gICAgPHRhYmxlXG4gICAgICBjc3M9e2Nzc2BcbiAgICAgICAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbiAgICAgICAgd2lkdGg6IDEwMCU7XG4gICAgICAgIGJvcmRlci1zcGFjaW5nOiAwO1xuICAgICAgICBib3JkZXItY29sbGFwc2U6IHNlcGFyYXRlO1xuICAgICAgICBpc29sYXRpb246IGlzb2xhdGU7XG4gICAgICBgfVxuICAgICAgey4uLnByb3BzfVxuICAgIC8+XG4gICk7XG59O1xuXG5leHBvcnQgaW50ZXJmYWNlIFRhYmxlSGVhZFByb3BzXG4gIGV4dGVuZHMgUmVhY3QuSFRNTEF0dHJpYnV0ZXM8SFRNTFRhYmxlU2VjdGlvbkVsZW1lbnQ+IHtcbiAgY2hpbGRyZW4/OiBSZWFjdC5SZWFjdE5vZGU7XG59XG5cbmNvbnN0IFRoZWFkID0gKHsgLi4ucHJvcHMgfTogVGFibGVIZWFkUHJvcHMpID0+IHtcbiAgcmV0dXJuIChcbiAgICA8dGhlYWRcbiAgICAgIGNzcz17Y3NzYFxuICAgICAgICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuICAgICAgYH1cbiAgICAgIHsuLi5wcm9wc31cbiAgICAvPlxuICApO1xufTtcblxuZXhwb3J0IGludGVyZmFjZSBUYWJsZUJvZHlQcm9wc1xuICBleHRlbmRzIFJlYWN0LkhUTUxBdHRyaWJ1dGVzPEhUTUxUYWJsZVNlY3Rpb25FbGVtZW50PiB7XG4gIC8qKlxuICAgKiBAZGVmYXVsdCBmYWxzZVxuICAgKi9cbiAgc3RyaXBlZD86IGJvb2xlYW47XG4gIGNoaWxkcmVuPzogUmVhY3QuUmVhY3ROb2RlO1xufVxuXG5jb25zdCBUYm9keSA9ICh7IHN0cmlwZWQsIC4uLnByb3BzIH06IFRhYmxlQm9keVByb3BzKSA9PiB7XG4gIGNvbnN0IHRoZW1lID0gdXNlVGhlbWUoKTtcbiAgcmV0dXJuIChcbiAgICA8dGJvZHlcbiAgICAgIGNzcz17W1xuICAgICAgICBjc3NgXG4gICAgICAgICAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbiAgICAgICAgYCxcbiAgICAgICAgc3RyaXBlZCAmJlxuICAgICAgICAgIGNzc2BcbiAgICAgICAgICAgICYgdHI6bnRoLW9mLXR5cGUoMm4gKyAxKSB7XG4gICAgICAgICAgICAgICYgdGQge1xuICAgICAgICAgICAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7dGhlbWUucGFsZXR0ZS5ncmF5WzEwMF19O1xuICAgICAgICAgICAgICB9XG4gICAgICAgICAgICB9XG4gICAgICAgICAgYCxcbiAgICAgIF19XG4gICAgICB7Li4ucHJvcHN9XG4gICAgLz5cbiAgKTtcbn07XG5cbmV4cG9ydCBpbnRlcmZhY2UgVGFibGVSb3dQcm9wc1xuICBleHRlbmRzIFJlYWN0LkhUTUxBdHRyaWJ1dGVzPEhUTUxUYWJsZVJvd0VsZW1lbnQ+IHtcbiAgc2VsZWN0ZWQ/OiBib29sZWFuO1xuICBjaGlsZHJlbj86IFJlYWN0LlJlYWN0Tm9kZTtcbn1cblxuY29uc3QgQm9keVJvdyA9ICh7IHNlbGVjdGVkLCAuLi5wcm9wcyB9OiBUYWJsZVJvd1Byb3BzKSA9PiB7XG4gIGNvbnN0IHRoZW1lID0gdXNlVGhlbWUoKTtcbiAgcmV0dXJuIChcbiAgICA8dHJcbiAgICAgIGNzcz17W1xuICAgICAgICBjc3NgXG4gICAgICAgICAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbiAgICAgICAgYCxcbiAgICAgICAgc2VsZWN0ZWQgJiZcbiAgICAgICAgICBjc3NgXG4gICAgICAgICAgICB0ZCxcbiAgICAgICAgICAgIHRoIHtcbiAgICAgICAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHt0aGVtZS5wYWxldHRlLmdyYXlbMzAwXX07XG4gICAgICAgICAgICB9XG4gICAgICAgICAgYCxcbiAgICAgIF19XG4gICAgICB7Li4ucHJvcHN9XG4gICAgLz5cbiAgKTtcbn07XG5cbmV4cG9ydCBpbnRlcmZhY2UgVGFibGVBbGlnblByb3BzIHtcbiAgLyoqXG4gICAqIEBkZXByZWNhdGVkXG4gICAqIFVzZSB1c2VUYWJsZS5hcmdzLmNvbHVtbnNbXS5hbGlnbiBpbnN0ZWFkXG4gICAqL1xuICBhbGlnbj86IFwibGVmdFwiIHwgXCJjZW50ZXJcIiB8IFwicmlnaHRcIjtcbiAgY2hpbGRyZW4/OiBSZWFjdC5SZWFjdE5vZGU7XG59XG5cbmV4cG9ydCBpbnRlcmZhY2UgVGFibGVIZWFkZXJDZWxsUHJvcHNcbiAgZXh0ZW5kcyBUYWJsZUFsaWduUHJvcHMsXG4gICAgT21pdDxSZWFjdC5Db21wb25lbnRQcm9wc1dpdGhvdXRSZWY8XCJ0aFwiPiwgXCJhbGlnblwiPiB7XG4gIGNoaWxkcmVuPzogUmVhY3QuUmVhY3ROb2RlO1xufVxuXG5jb25zdCBUYWJsZUhlYWRlckNlbGwgPSAoeyBhbGlnbiwgLi4ucHJvcHMgfTogVGFibGVIZWFkZXJDZWxsUHJvcHMpID0+IHtcbiAgY29uc3QgdGhlbWUgPSB1c2VUaGVtZSgpO1xuICByZXR1cm4gKFxuICAgIDx0aFxuICAgICAgY3NzPXtbXG4gICAgICAgIGNzc2BcbiAgICAgICAgICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuICAgICAgICAgIHBhZGRpbmc6ICR7dGhlbWUuc3BhY2luZyAqIDEuNX1weDtcbiAgICAgICAgICBmb250LXdlaWdodDogYm9sZGVyO1xuICAgICAgICAgIHRleHQtYWxpZ246ICR7YWxpZ259O1xuICAgICAgICAgIHdoaXRlLXNwYWNlOiBub3dyYXA7XG4gICAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogd2hpdGU7XG4gICAgICAgICAgYm9yZGVyLXRvcDogMnB4IHNvbGlkICR7dGhlbWUucGFsZXR0ZS5ncmF5WzMwMF19O1xuICAgICAgICAgIGJvcmRlci1ib3R0b206IDJweCBzb2xpZCAke3RoZW1lLnBhbGV0dGUuZ3JheVszMDBdfTtcbiAgICAgICAgICAmOmxhc3Qtb2YtdHlwZSB7XG4gICAgICAgICAgICBib3JkZXItcmlnaHQ6IDJweCBzb2xpZCAke3RoZW1lLnBhbGV0dGUuZ3JheVszMDBdfTtcbiAgICAgICAgICB9XG4gICAgICAgICAgJjpmaXJzdC1vZi10eXBlIHtcbiAgICAgICAgICAgIGJvcmRlci1sZWZ0OiAycHggc29saWQgJHt0aGVtZS5wYWxldHRlLmdyYXlbMzAwXX07XG4gICAgICAgICAgfVxuICAgICAgICBgLFxuICAgICAgICB0aGVtZS50eXBvZ3JhcGh5LmJvZHksXG4gICAgICBdfVxuICAgICAgey4uLnByb3BzfVxuICAgIC8+XG4gICk7XG59O1xuXG5leHBvcnQgaW50ZXJmYWNlIFRhYmxlRGF0YUNlbGxQcm9wc1xuICBleHRlbmRzIFRhYmxlQWxpZ25Qcm9wcyxcbiAgICBPbWl0PFJlYWN0LkNvbXBvbmVudFByb3BzV2l0aG91dFJlZjxcInRkXCI+LCBcImFsaWduXCI+IHtcbiAgY2hpbGRyZW4/OiBSZWFjdC5SZWFjdE5vZGU7XG59XG5cbmNvbnN0IFRhYmxlRGF0YUNlbGwgPSAoeyBhbGlnbiwgLi4ucHJvcHMgfTogVGFibGVEYXRhQ2VsbFByb3BzKSA9PiB7XG4gIGNvbnN0IHRoZW1lID0gdXNlVGhlbWUoKTtcbiAgcmV0dXJuIChcbiAgICA8dGRcbiAgICAgIGNzcz17W1xuICAgICAgICBjc3NgXG4gICAgICAgICAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbiAgICAgICAgICBwYWRkaW5nOiAke3RoZW1lLnNwYWNpbmcgKiAxLjV9cHg7XG4gICAgICAgICAgdGV4dC1hbGlnbjogJHthbGlnbn07XG4gICAgICAgICAgYm9yZGVyLWJvdHRvbTogMXB4IHNvbGlkICR7dGhlbWUucGFsZXR0ZS5ncmF5WzMwMF19O1xuICAgICAgICAgICY6bGFzdC1vZi10eXBlIHtcbiAgICAgICAgICAgIGJvcmRlci1yaWdodDogMnB4IHNvbGlkICR7dGhlbWUucGFsZXR0ZS5ncmF5WzMwMF19O1xuICAgICAgICAgIH1cbiAgICAgICAgICAmOmZpcnN0LW9mLXR5cGUge1xuICAgICAgICAgICAgYm9yZGVyLWxlZnQ6IDJweCBzb2xpZCAke3RoZW1lLnBhbGV0dGUuZ3JheVszMDBdfTtcbiAgICAgICAgICB9XG4gICAgICAgIGAsXG4gICAgICAgIHRoZW1lLnR5cG9ncmFwaHkuYm9keSxcbiAgICAgIF19XG4gICAgICB7Li4ucHJvcHN9XG4gICAgLz5cbiAgKTtcbn07XG5cbi8qKlxuICogQGRlcHJlY2F0ZWQgVXNlIFRhYmxlVUkgaW5zdGVhZFxuICovXG5leHBvcnQgY29uc3QgVGFibGUgPSBzdWJvcmRpbmF0ZUNvbXBvbmVudHMoVGFibGVfLCB7XG4gIEhlYWRlcjogVGhlYWQsXG4gIEJvZHk6IFRib2R5LFxuICBSb3c6IEJvZHlSb3csXG4gIEhlYWRlckNlbGw6IFRhYmxlSGVhZGVyQ2VsbCxcbiAgQ2VsbDogVGFibGVEYXRhQ2VsbCxcbiAgQ2hlY2tib3g6IFRhYmxlQ2hlY2tib3gsXG59KTtcbiJdfQ== */"), theme.typography.body, process.env.NODE_ENV === "production" ? "" : ";label:TableDataCell;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9UYWJsZS9UYWJsZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBd0pNIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9UYWJsZS9UYWJsZS50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBUYWJsZUNoZWNrYm94IH0gZnJvbSBcIi4vVGFibGVDaGVja2JveFwiO1xuaW1wb3J0IHsgY3NzIH0gZnJvbSBcIkBlbW90aW9uL3JlYWN0XCI7XG5pbXBvcnQgeyBzdWJvcmRpbmF0ZUNvbXBvbmVudHMgfSBmcm9tIFwiLi4vQHV0aWxzL3N1Ym9yZGluYXRlQ29tcG9uZW50c1wiO1xuaW1wb3J0IHsgdXNlVGhlbWUgfSBmcm9tIFwiLi4vdGhlbWVcIjtcbmltcG9ydCBSZWFjdCBmcm9tIFwicmVhY3RcIjtcblxuZXhwb3J0IGludGVyZmFjZSBUYWJsZVJvb3RQcm9wcyBleHRlbmRzIFJlYWN0LkhUTUxBdHRyaWJ1dGVzPEhUTUxUYWJsZUVsZW1lbnQ+IHtcbiAgY2hpbGRyZW4/OiBSZWFjdC5SZWFjdE5vZGU7XG59XG5cbmNvbnN0IFRhYmxlXyA9ICh7IC4uLnByb3BzIH06IFRhYmxlUm9vdFByb3BzKSA9PiB7XG4gIHJldHVybiAoXG4gICAgPHRhYmxlXG4gICAgICBjc3M9e2Nzc2BcbiAgICAgICAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbiAgICAgICAgd2lkdGg6IDEwMCU7XG4gICAgICAgIGJvcmRlci1zcGFjaW5nOiAwO1xuICAgICAgICBib3JkZXItY29sbGFwc2U6IHNlcGFyYXRlO1xuICAgICAgICBpc29sYXRpb246IGlzb2xhdGU7XG4gICAgICBgfVxuICAgICAgey4uLnByb3BzfVxuICAgIC8+XG4gICk7XG59O1xuXG5leHBvcnQgaW50ZXJmYWNlIFRhYmxlSGVhZFByb3BzXG4gIGV4dGVuZHMgUmVhY3QuSFRNTEF0dHJpYnV0ZXM8SFRNTFRhYmxlU2VjdGlvbkVsZW1lbnQ+IHtcbiAgY2hpbGRyZW4/OiBSZWFjdC5SZWFjdE5vZGU7XG59XG5cbmNvbnN0IFRoZWFkID0gKHsgLi4ucHJvcHMgfTogVGFibGVIZWFkUHJvcHMpID0+IHtcbiAgcmV0dXJuIChcbiAgICA8dGhlYWRcbiAgICAgIGNzcz17Y3NzYFxuICAgICAgICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuICAgICAgYH1cbiAgICAgIHsuLi5wcm9wc31cbiAgICAvPlxuICApO1xufTtcblxuZXhwb3J0IGludGVyZmFjZSBUYWJsZUJvZHlQcm9wc1xuICBleHRlbmRzIFJlYWN0LkhUTUxBdHRyaWJ1dGVzPEhUTUxUYWJsZVNlY3Rpb25FbGVtZW50PiB7XG4gIC8qKlxuICAgKiBAZGVmYXVsdCBmYWxzZVxuICAgKi9cbiAgc3RyaXBlZD86IGJvb2xlYW47XG4gIGNoaWxkcmVuPzogUmVhY3QuUmVhY3ROb2RlO1xufVxuXG5jb25zdCBUYm9keSA9ICh7IHN0cmlwZWQsIC4uLnByb3BzIH06IFRhYmxlQm9keVByb3BzKSA9PiB7XG4gIGNvbnN0IHRoZW1lID0gdXNlVGhlbWUoKTtcbiAgcmV0dXJuIChcbiAgICA8dGJvZHlcbiAgICAgIGNzcz17W1xuICAgICAgICBjc3NgXG4gICAgICAgICAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbiAgICAgICAgYCxcbiAgICAgICAgc3RyaXBlZCAmJlxuICAgICAgICAgIGNzc2BcbiAgICAgICAgICAgICYgdHI6bnRoLW9mLXR5cGUoMm4gKyAxKSB7XG4gICAgICAgICAgICAgICYgdGQge1xuICAgICAgICAgICAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7dGhlbWUucGFsZXR0ZS5ncmF5WzEwMF19O1xuICAgICAgICAgICAgICB9XG4gICAgICAgICAgICB9XG4gICAgICAgICAgYCxcbiAgICAgIF19XG4gICAgICB7Li4ucHJvcHN9XG4gICAgLz5cbiAgKTtcbn07XG5cbmV4cG9ydCBpbnRlcmZhY2UgVGFibGVSb3dQcm9wc1xuICBleHRlbmRzIFJlYWN0LkhUTUxBdHRyaWJ1dGVzPEhUTUxUYWJsZVJvd0VsZW1lbnQ+IHtcbiAgc2VsZWN0ZWQ/OiBib29sZWFuO1xuICBjaGlsZHJlbj86IFJlYWN0LlJlYWN0Tm9kZTtcbn1cblxuY29uc3QgQm9keVJvdyA9ICh7IHNlbGVjdGVkLCAuLi5wcm9wcyB9OiBUYWJsZVJvd1Byb3BzKSA9PiB7XG4gIGNvbnN0IHRoZW1lID0gdXNlVGhlbWUoKTtcbiAgcmV0dXJuIChcbiAgICA8dHJcbiAgICAgIGNzcz17W1xuICAgICAgICBjc3NgXG4gICAgICAgICAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbiAgICAgICAgYCxcbiAgICAgICAgc2VsZWN0ZWQgJiZcbiAgICAgICAgICBjc3NgXG4gICAgICAgICAgICB0ZCxcbiAgICAgICAgICAgIHRoIHtcbiAgICAgICAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHt0aGVtZS5wYWxldHRlLmdyYXlbMzAwXX07XG4gICAgICAgICAgICB9XG4gICAgICAgICAgYCxcbiAgICAgIF19XG4gICAgICB7Li4ucHJvcHN9XG4gICAgLz5cbiAgKTtcbn07XG5cbmV4cG9ydCBpbnRlcmZhY2UgVGFibGVBbGlnblByb3BzIHtcbiAgLyoqXG4gICAqIEBkZXByZWNhdGVkXG4gICAqIFVzZSB1c2VUYWJsZS5hcmdzLmNvbHVtbnNbXS5hbGlnbiBpbnN0ZWFkXG4gICAqL1xuICBhbGlnbj86IFwibGVmdFwiIHwgXCJjZW50ZXJcIiB8IFwicmlnaHRcIjtcbiAgY2hpbGRyZW4/OiBSZWFjdC5SZWFjdE5vZGU7XG59XG5cbmV4cG9ydCBpbnRlcmZhY2UgVGFibGVIZWFkZXJDZWxsUHJvcHNcbiAgZXh0ZW5kcyBUYWJsZUFsaWduUHJvcHMsXG4gICAgT21pdDxSZWFjdC5Db21wb25lbnRQcm9wc1dpdGhvdXRSZWY8XCJ0aFwiPiwgXCJhbGlnblwiPiB7XG4gIGNoaWxkcmVuPzogUmVhY3QuUmVhY3ROb2RlO1xufVxuXG5jb25zdCBUYWJsZUhlYWRlckNlbGwgPSAoeyBhbGlnbiwgLi4ucHJvcHMgfTogVGFibGVIZWFkZXJDZWxsUHJvcHMpID0+IHtcbiAgY29uc3QgdGhlbWUgPSB1c2VUaGVtZSgpO1xuICByZXR1cm4gKFxuICAgIDx0aFxuICAgICAgY3NzPXtbXG4gICAgICAgIGNzc2BcbiAgICAgICAgICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuICAgICAgICAgIHBhZGRpbmc6ICR7dGhlbWUuc3BhY2luZyAqIDEuNX1weDtcbiAgICAgICAgICBmb250LXdlaWdodDogYm9sZGVyO1xuICAgICAgICAgIHRleHQtYWxpZ246ICR7YWxpZ259O1xuICAgICAgICAgIHdoaXRlLXNwYWNlOiBub3dyYXA7XG4gICAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogd2hpdGU7XG4gICAgICAgICAgYm9yZGVyLXRvcDogMnB4IHNvbGlkICR7dGhlbWUucGFsZXR0ZS5ncmF5WzMwMF19O1xuICAgICAgICAgIGJvcmRlci1ib3R0b206IDJweCBzb2xpZCAke3RoZW1lLnBhbGV0dGUuZ3JheVszMDBdfTtcbiAgICAgICAgICAmOmxhc3Qtb2YtdHlwZSB7XG4gICAgICAgICAgICBib3JkZXItcmlnaHQ6IDJweCBzb2xpZCAke3RoZW1lLnBhbGV0dGUuZ3JheVszMDBdfTtcbiAgICAgICAgICB9XG4gICAgICAgICAgJjpmaXJzdC1vZi10eXBlIHtcbiAgICAgICAgICAgIGJvcmRlci1sZWZ0OiAycHggc29saWQgJHt0aGVtZS5wYWxldHRlLmdyYXlbMzAwXX07XG4gICAgICAgICAgfVxuICAgICAgICBgLFxuICAgICAgICB0aGVtZS50eXBvZ3JhcGh5LmJvZHksXG4gICAgICBdfVxuICAgICAgey4uLnByb3BzfVxuICAgIC8+XG4gICk7XG59O1xuXG5leHBvcnQgaW50ZXJmYWNlIFRhYmxlRGF0YUNlbGxQcm9wc1xuICBleHRlbmRzIFRhYmxlQWxpZ25Qcm9wcyxcbiAgICBPbWl0PFJlYWN0LkNvbXBvbmVudFByb3BzV2l0aG91dFJlZjxcInRkXCI+LCBcImFsaWduXCI+IHtcbiAgY2hpbGRyZW4/OiBSZWFjdC5SZWFjdE5vZGU7XG59XG5cbmNvbnN0IFRhYmxlRGF0YUNlbGwgPSAoeyBhbGlnbiwgLi4ucHJvcHMgfTogVGFibGVEYXRhQ2VsbFByb3BzKSA9PiB7XG4gIGNvbnN0IHRoZW1lID0gdXNlVGhlbWUoKTtcbiAgcmV0dXJuIChcbiAgICA8dGRcbiAgICAgIGNzcz17W1xuICAgICAgICBjc3NgXG4gICAgICAgICAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbiAgICAgICAgICBwYWRkaW5nOiAke3RoZW1lLnNwYWNpbmcgKiAxLjV9cHg7XG4gICAgICAgICAgdGV4dC1hbGlnbjogJHthbGlnbn07XG4gICAgICAgICAgYm9yZGVyLWJvdHRvbTogMXB4IHNvbGlkICR7dGhlbWUucGFsZXR0ZS5ncmF5WzMwMF19O1xuICAgICAgICAgICY6bGFzdC1vZi10eXBlIHtcbiAgICAgICAgICAgIGJvcmRlci1yaWdodDogMnB4IHNvbGlkICR7dGhlbWUucGFsZXR0ZS5ncmF5WzMwMF19O1xuICAgICAgICAgIH1cbiAgICAgICAgICAmOmZpcnN0LW9mLXR5cGUge1xuICAgICAgICAgICAgYm9yZGVyLWxlZnQ6IDJweCBzb2xpZCAke3RoZW1lLnBhbGV0dGUuZ3JheVszMDBdfTtcbiAgICAgICAgICB9XG4gICAgICAgIGAsXG4gICAgICAgIHRoZW1lLnR5cG9ncmFwaHkuYm9keSxcbiAgICAgIF19XG4gICAgICB7Li4ucHJvcHN9XG4gICAgLz5cbiAgKTtcbn07XG5cbi8qKlxuICogQGRlcHJlY2F0ZWQgVXNlIFRhYmxlVUkgaW5zdGVhZFxuICovXG5leHBvcnQgY29uc3QgVGFibGUgPSBzdWJvcmRpbmF0ZUNvbXBvbmVudHMoVGFibGVfLCB7XG4gIEhlYWRlcjogVGhlYWQsXG4gIEJvZHk6IFRib2R5LFxuICBSb3c6IEJvZHlSb3csXG4gIEhlYWRlckNlbGw6IFRhYmxlSGVhZGVyQ2VsbCxcbiAgQ2VsbDogVGFibGVEYXRhQ2VsbCxcbiAgQ2hlY2tib3g6IFRhYmxlQ2hlY2tib3gsXG59KTtcbiJdfQ== */"]

package/Table/Table.js.map

@@ -1 +1 @@
-{"version":3,"file":"Table.js","names":["TableCheckbox","css","subordinateComponents","useTheme","React","jsx","___EmotionJSX","_ref4","process","env","NODE_ENV","name","styles","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","Table_","_ref5","props","_extends","_objectDestructuringEmpty","_ref3","Thead","_ref6","_ref2","Tbody","_ref7","striped","_objectWithoutPropertiesLoose","_excluded","theme","palette","gray","_ref","BodyRow","_ref8","selected","_excluded2","TableHeaderCell","_ref9","align","_excluded3","spacing","typography","body","TableDataCell","_ref10","_excluded4","Table","Header","Body","Row","HeaderCell","Cell","Checkbox"],"sources":["../../../src/Table/Table.tsx"],"sourcesContent":["import { TableCheckbox } from \"./TableCheckbox\";\nimport { css } from \"@emotion/react\";\nimport { subordinateComponents } from \"../@utils/subordinateComponents\";\nimport { useTheme } from \"../theme\";\nimport React from \"react\";\n\nexport interface TableRootProps extends React.HTMLAttributes<HTMLTableElement> {\n  children?: React.ReactNode;\n}\n\nconst Table_ = ({ ...props }: TableRootProps) => {\n  return (\n    <table\n      css={css`\n        box-sizing: border-box;\n        width: 100%;\n        border-spacing: 0;\n        border-collapse: separate;\n        isolation: isolate;\n      `}\n      {...props}\n    />\n  );\n};\n\nexport interface TableHeadProps\n  extends React.HTMLAttributes<HTMLTableSectionElement> {\n  children?: React.ReactNode;\n}\n\nconst Thead = ({ ...props }: TableHeadProps) => {\n  return (\n    <thead\n      css={css`\n        box-sizing: border-box;\n      `}\n      {...props}\n    />\n  );\n};\n\nexport interface TableBodyProps\n  extends React.HTMLAttributes<HTMLTableSectionElement> {\n  /**\n   * @default false\n   */\n  striped?: boolean;\n  children?: React.ReactNode;\n}\n\nconst Tbody = ({ striped, ...props }: TableBodyProps) => {\n  const theme = useTheme();\n  return (\n    <tbody\n      css={[\n        css`\n          box-sizing: border-box;\n        `,\n        striped &&\n          css`\n            & tr:nth-of-type(2n + 1) {\n              & td {\n                background-color: ${theme.palette.gray[100]};\n              }\n            }\n          `,\n      ]}\n      {...props}\n    />\n  );\n};\n\nexport interface TableRowProps\n  extends React.HTMLAttributes<HTMLTableRowElement> {\n  selected?: boolean;\n  children?: React.ReactNode;\n}\n\nconst BodyRow = ({ selected, ...props }: TableRowProps) => {\n  const theme = useTheme();\n  return (\n    <tr\n      css={[\n        css`\n          box-sizing: border-box;\n        `,\n        selected &&\n          css`\n            td,\n            th {\n              background-color: ${theme.palette.gray[300]};\n            }\n          `,\n      ]}\n      {...props}\n    />\n  );\n};\n\nexport interface TableAlignProps {\n  /**\n   * @deprecated\n   * Use useTable.args.columns[].align instead\n   */\n  align?: \"left\" | \"center\" | \"right\";\n  children?: React.ReactNode;\n}\n\nexport interface TableHeaderCellProps\n  extends TableAlignProps,\n    Omit<React.ComponentPropsWithoutRef<\"th\">, \"align\"> {\n  children?: React.ReactNode;\n}\n\nconst TableHeaderCell = ({ align, ...props }: TableHeaderCellProps) => {\n  const theme = useTheme();\n  return (\n    <th\n      css={[\n        css`\n          box-sizing: border-box;\n          padding: ${theme.spacing * 1.5}px;\n          font-weight: bolder;\n          text-align: ${align};\n          white-space: nowrap;\n          background-color: white;\n          border-top: 2px solid ${theme.palette.gray[300]};\n          border-bottom: 2px solid ${theme.palette.gray[300]};\n          &:last-of-type {\n            border-right: 2px solid ${theme.palette.gray[300]};\n          }\n          &:first-of-type {\n            border-left: 2px solid ${theme.palette.gray[300]};\n          }\n        `,\n        theme.typography.body,\n      ]}\n      {...props}\n    />\n  );\n};\n\nexport interface TableDataCellProps\n  extends TableAlignProps,\n    Omit<React.ComponentPropsWithoutRef<\"td\">, \"align\"> {\n  children?: React.ReactNode;\n}\n\nconst TableDataCell = ({ align, ...props }: TableDataCellProps) => {\n  const theme = useTheme();\n  return (\n    <td\n      css={[\n        css`\n          box-sizing: border-box;\n          padding: ${theme.spacing * 1.5}px;\n          text-align: ${align};\n          border-bottom: 1px solid ${theme.palette.gray[300]};\n          &:last-of-type {\n            border-right: 2px solid ${theme.palette.gray[300]};\n          }\n          &:first-of-type {\n            border-left: 2px solid ${theme.palette.gray[300]};\n          }\n        `,\n        theme.typography.body,\n      ]}\n      {...props}\n    />\n  );\n};\n\n/**\n * @deprecated Use TableUI instead\n */\nexport const Table = subordinateComponents(Table_, {\n  Header: Thead,\n  Body: Tbody,\n  Row: BodyRow,\n  HeaderCell: TableHeaderCell,\n  Cell: TableDataCell,\n  Checkbox: TableCheckbox,\n});\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"Table.js","names":["TableCheckbox","css","subordinateComponents","useTheme","React","jsx","___EmotionJSX","_ref4","process","env","NODE_ENV","name","styles","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","Table_","_ref5","props","_extends","_objectDestructuringEmpty","_ref3","Thead","_ref6","_ref2","Tbody","_ref7","striped","_objectWithoutPropertiesLoose","_excluded","theme","palette","gray","_ref","BodyRow","_ref8","selected","_excluded2","TableHeaderCell","_ref9","align","_excluded3","spacing","typography","body","TableDataCell","_ref0","_excluded4","Table","Header","Body","Row","HeaderCell","Cell","Checkbox"],"sources":["../../../src/Table/Table.tsx"],"sourcesContent":["import { TableCheckbox } from \"./TableCheckbox\";\nimport { css } from \"@emotion/react\";\nimport { subordinateComponents } from \"../@utils/subordinateComponents\";\nimport { useTheme } from \"../theme\";\nimport React from \"react\";\n\nexport interface TableRootProps extends React.HTMLAttributes<HTMLTableElement> {\n  children?: React.ReactNode;\n}\n\nconst Table_ = ({ ...props }: TableRootProps) => {\n  return (\n    <table\n      css={css`\n        box-sizing: border-box;\n        width: 100%;\n        border-spacing: 0;\n        border-collapse: separate;\n        isolation: isolate;\n      `}\n      {...props}\n    />\n  );\n};\n\nexport interface TableHeadProps\n  extends React.HTMLAttributes<HTMLTableSectionElement> {\n  children?: React.ReactNode;\n}\n\nconst Thead = ({ ...props }: TableHeadProps) => {\n  return (\n    <thead\n      css={css`\n        box-sizing: border-box;\n      `}\n      {...props}\n    />\n  );\n};\n\nexport interface TableBodyProps\n  extends React.HTMLAttributes<HTMLTableSectionElement> {\n  /**\n   * @default false\n   */\n  striped?: boolean;\n  children?: React.ReactNode;\n}\n\nconst Tbody = ({ striped, ...props }: TableBodyProps) => {\n  const theme = useTheme();\n  return (\n    <tbody\n      css={[\n        css`\n          box-sizing: border-box;\n        `,\n        striped &&\n          css`\n            & tr:nth-of-type(2n + 1) {\n              & td {\n                background-color: ${theme.palette.gray[100]};\n              }\n            }\n          `,\n      ]}\n      {...props}\n    />\n  );\n};\n\nexport interface TableRowProps\n  extends React.HTMLAttributes<HTMLTableRowElement> {\n  selected?: boolean;\n  children?: React.ReactNode;\n}\n\nconst BodyRow = ({ selected, ...props }: TableRowProps) => {\n  const theme = useTheme();\n  return (\n    <tr\n      css={[\n        css`\n          box-sizing: border-box;\n        `,\n        selected &&\n          css`\n            td,\n            th {\n              background-color: ${theme.palette.gray[300]};\n            }\n          `,\n      ]}\n      {...props}\n    />\n  );\n};\n\nexport interface TableAlignProps {\n  /**\n   * @deprecated\n   * Use useTable.args.columns[].align instead\n   */\n  align?: \"left\" | \"center\" | \"right\";\n  children?: React.ReactNode;\n}\n\nexport interface TableHeaderCellProps\n  extends TableAlignProps,\n    Omit<React.ComponentPropsWithoutRef<\"th\">, \"align\"> {\n  children?: React.ReactNode;\n}\n\nconst TableHeaderCell = ({ align, ...props }: TableHeaderCellProps) => {\n  const theme = useTheme();\n  return (\n    <th\n      css={[\n        css`\n          box-sizing: border-box;\n          padding: ${theme.spacing * 1.5}px;\n          font-weight: bolder;\n          text-align: ${align};\n          white-space: nowrap;\n          background-color: white;\n          border-top: 2px solid ${theme.palette.gray[300]};\n          border-bottom: 2px solid ${theme.palette.gray[300]};\n          &:last-of-type {\n            border-right: 2px solid ${theme.palette.gray[300]};\n          }\n          &:first-of-type {\n            border-left: 2px solid ${theme.palette.gray[300]};\n          }\n        `,\n        theme.typography.body,\n      ]}\n      {...props}\n    />\n  );\n};\n\nexport interface TableDataCellProps\n  extends TableAlignProps,\n    Omit<React.ComponentPropsWithoutRef<\"td\">, \"align\"> {\n  children?: React.ReactNode;\n}\n\nconst TableDataCell = ({ align, ...props }: TableDataCellProps) => {\n  const theme = useTheme();\n  return (\n    <td\n      css={[\n        css`\n          box-sizing: border-box;\n          padding: ${theme.spacing * 1.5}px;\n          text-align: ${align};\n          border-bottom: 1px solid ${theme.palette.gray[300]};\n          &:last-of-type {\n            border-right: 2px solid ${theme.palette.gray[300]};\n          }\n          &:first-of-type {\n            border-left: 2px solid ${theme.palette.gray[300]};\n          }\n        `,\n        theme.typography.body,\n      ]}\n      {...props}\n    />\n  );\n};\n\n/**\n * @deprecated Use TableUI instead\n */\nexport const Table = subordinateComponents(Table_, {\n  Header: Thead,\n  Body: Tbody,\n  Row: BodyRow,\n  HeaderCell: TableHeaderCell,\n  Cell: TableDataCell,\n  Checkbox: TableCheckbox,\n});\n"],"mappings":";;;;;;;;AAAA,SAASA,aAAa,QAAQ,iBAAiB;AAC/C,SAASC,GAAG,QAAQ,gBAAgB;AACpC,SAASC,qBAAqB,QAAQ,iCAAiC;AACvE,SAASC,QAAQ,QAAQ,UAAU;AACnC,OAAOC,KAAK,MAAM,OAAO;AAAC,SAAAC,GAAA,IAAAC,aAAA;AAAA,IAAAC,KAAA,GAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAC,IAAA;EAAAC,MAAA;AAAA;EAAAD,IAAA;EAAAC,MAAA;EAAAC,QAAA,EAAAC;AAAA;AAM1B,IAAMC,MAAM,GAAGC,KAAA,IAAkC;EAAA,IAA5BC,KAAK,GAAAC,QAAA,MAAAC,yBAAA,CAAAH,KAAA,GAAAA,KAAA;EACxB,OACEV,aAAA,UAAAY,QAAA;IACEjB,GAAG,EAAAM;EAMD,GACEU,KAAK,CACV,CAAC;AAEN,CAAC;AAAC,IAAAG,KAAA,GAAAZ,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAC,IAAA;EAAAC,MAAA;AAAA;EAAAD,IAAA;EAAAC,MAAA;EAAAC,QAAA,EAAAC;AAAA;AAOF,IAAMO,KAAK,GAAGC,KAAA,IAAkC;EAAA,IAA5BL,KAAK,GAAAC,QAAA,MAAAC,yBAAA,CAAAG,KAAA,GAAAA,KAAA;EACvB,OACEhB,aAAA,UAAAY,QAAA;IACEjB,GAAG,EAAAmB;EAED,GACEH,KAAK,CACV,CAAC;AAEN,CAAC;AAAC,IAAAM,KAAA,GAAAf,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAC,IAAA;EAAAC,MAAA;AAAA;EAAAD,IAAA;EAAAC,MAAA;EAAAC,QAAA,EAAAC;AAAA;AAWF,IAAMU,KAAK,GAAGC,KAAA,IAA2C;EAAA,IAA1C;MAAEC;IAAkC,CAAC,GAAAD,KAAA;IAAvBR,KAAK,GAAAU,6BAAA,CAAAF,KAAA,EAAAG,SAAA;EAChC,IAAMC,KAAK,GAAG1B,QAAQ,CAAC,CAAC;EACxB,OACEG,aAAA,UAAAY,QAAA;IACEjB,GAAG,GAAAsB,KAAA,EAIDG,OAAO,iBACLzB,GAAG,oDAGuB4B,KAAK,CAACC,OAAO,CAACC,IAAI,CAAC,GAAG,CAAC,WAAAvB,OAAA,CAAAC,GAAA,CAAAC,QAAA,2CAAAF,OAAA,CAAAC,GAAA,CAAAC,QAAA,25LAGhD,EAAAF,OAAA,CAAAC,GAAA,CAAAC,QAAA,0CAAAF,OAAA,CAAAC,GAAA,CAAAC,QAAA;EACH,GACEO,KAAK,CACV,CAAC;AAEN,CAAC;AAAC,IAAAe,IAAA,GAAAxB,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAC,IAAA;EAAAC,MAAA;AAAA;EAAAD,IAAA;EAAAC,MAAA;EAAAC,QAAA,EAAAC;AAAA;AAQF,IAAMmB,OAAO,GAAGC,KAAA,IAA2C;EAAA,IAA1C;MAAEC;IAAkC,CAAC,GAAAD,KAAA;IAAtBjB,KAAK,GAAAU,6BAAA,CAAAO,KAAA,EAAAE,UAAA;EACnC,IAAMP,KAAK,GAAG1B,QAAQ,CAAC,CAAC;EACxB,OACEG,aAAA,OAAAY,QAAA;IACEjB,GAAG,GAAA+B,IAAA,EAIDG,QAAQ,iBACNlC,GAAG,4BAGqB4B,KAAK,CAACC,OAAO,CAACC,IAAI,CAAC,GAAG,CAAC,UAAAvB,OAAA,CAAAC,GAAA,CAAAC,QAAA,6CAAAF,OAAA,CAAAC,GAAA,CAAAC,QAAA,25LAE9C,EAAAF,OAAA,CAAAC,GAAA,CAAAC,QAAA,4CAAAF,OAAA,CAAAC,GAAA,CAAAC,QAAA;EACH,GACEO,KAAK,CACV,CAAC;AAEN,CAAC;AAiBD,IAAMoB,eAAe,GAAGC,KAAA,IAA+C;EAAA,IAA9C;MAAEC;IAAsC,CAAC,GAAAD,KAAA;IAA7BrB,KAAK,GAAAU,6BAAA,CAAAW,KAAA,EAAAE,UAAA;EACxC,IAAMX,KAAK,GAAG1B,QAAQ,CAAC,CAAC;EACxB,OACEG,aAAA,OAAAY,QAAA;IACEjB,GAAG,gBACDA,GAAG,mCAEU4B,KAAK,CAACY,OAAO,GAAG,GAAG,uCAEhBF,KAAK,sEAGKV,KAAK,CAACC,OAAO,CAACC,IAAI,CAAC,GAAG,CAAC,+BACpBF,KAAK,CAACC,OAAO,CAACC,IAAI,CAAC,GAAG,CAAC,6CAEtBF,KAAK,CAACC,OAAO,CAACC,IAAI,CAAC,GAAG,CAAC,8CAGxBF,KAAK,CAACC,OAAO,CAACC,IAAI,CAAC,GAAG,CAAC,UAAAvB,OAAA,CAAAC,GAAA,CAAAC,QAAA,qDAAAF,OAAA,CAAAC,GAAA,CAAAC,QAAA,65LAGpDmB,KAAK,CAACa,UAAU,CAACC,IAAI,EAAAnC,OAAA,CAAAC,GAAA,CAAAC,QAAA,oDAAAF,OAAA,CAAAC,GAAA,CAAAC,QAAA;EACrB,GACEO,KAAK,CACV,CAAC;AAEN,CAAC;AAQD,IAAM2B,aAAa,GAAGC,KAAA,IAA6C;EAAA,IAA5C;MAAEN;IAAoC,CAAC,GAAAM,KAAA;IAA3B5B,KAAK,GAAAU,6BAAA,CAAAkB,KAAA,EAAAC,UAAA;EACtC,IAAMjB,KAAK,GAAG1B,QAAQ,CAAC,CAAC;EACxB,OACEG,aAAA,OAAAY,QAAA;IACEjB,GAAG,gBACDA,GAAG,mCAEU4B,KAAK,CAACY,OAAO,GAAG,GAAG,oBAChBF,KAAK,+BACQV,KAAK,CAACC,OAAO,CAACC,IAAI,CAAC,GAAG,CAAC,6CAEtBF,KAAK,CAACC,OAAO,CAACC,IAAI,CAAC,GAAG,CAAC,8CAGxBF,KAAK,CAACC,OAAO,CAACC,IAAI,CAAC,GAAG,CAAC,UAAAvB,OAAA,CAAAC,GAAA,CAAAC,QAAA,mDAAAF,OAAA,CAAAC,GAAA,CAAAC,QAAA,65LAGpDmB,KAAK,CAACa,UAAU,CAACC,IAAI,EAAAnC,OAAA,CAAAC,GAAA,CAAAC,QAAA,kDAAAF,OAAA,CAAAC,GAAA,CAAAC,QAAA;EACrB,GACEO,KAAK,CACV,CAAC;AAEN,CAAC;;AAED;AACA;AACA;AACA,OAAO,IAAM8B,KAAK,GAAG7C,qBAAqB,CAACa,MAAM,EAAE;EACjDiC,MAAM,EAAE3B,KAAK;EACb4B,IAAI,EAAEzB,KAAK;EACX0B,GAAG,EAAEjB,OAAO;EACZkB,UAAU,EAAEd,eAAe;EAC3Be,IAAI,EAAER,aAAa;EACnBS,QAAQ,EAAErD;AACZ,CAAC,CAAC","ignoreList":[]}

package/Tabs/TabUI.js

@@ -174,10 +174,10 @@ export var TabUI = _ref9 => {
     css: [_ref2, {
       justifyContent: tabPosition === "start" ? "flex-start" : tabPosition === "end" ? "flex-end" : tabPosition === "evenly" ? "initial" : "center"
     }, process.env.NODE_ENV === "production" ? "" : ";label:TabUI;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9UYWJzL1RhYlVJLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF1U1UiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL1RhYnMvVGFiVUkudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzLCBrZXlmcmFtZXMgfSBmcm9tIFwiQGVtb3Rpb24vcmVhY3RcIjtcbmltcG9ydCB7IHJlc2V0QnV0dG9uU3R5bGUgfSBmcm9tIFwiLi4vQnV0dG9uXCI7XG5pbXBvcnQgeyB1c2VUaGVtZSB9IGZyb20gXCIuLi90aGVtZVwiO1xuaW1wb3J0IFJlYWN0LCB7IHVzZUNhbGxiYWNrLCB1c2VSZWYsIHVzZVN0YXRlIH0gZnJvbSBcInJlYWN0XCI7XG5cbmNvbnN0IFRhYiA9ICh7IGNoaWxkcmVuLCAuLi5yZXN0IH06IFJlYWN0LkNvbXBvbmVudFByb3BzV2l0aG91dFJlZjxcImRpdlwiPikgPT4ge1xuICBjb25zdCB0aGVtZSA9IHVzZVRoZW1lKCk7XG5cbiAgcmV0dXJuIChcbiAgICA8ZGl2XG4gICAgICByb2xlPVwiYnV0dG9uXCJcbiAgICAgIHRhYkluZGV4PXswfVxuICAgICAgey4uLnJlc3R9XG4gICAgICBjc3M9e2NzcyhbXG4gICAgICAgIHRoZW1lLnR5cG9ncmFwaHkuYm9keSxcbiAgICAgICAge1xuICAgICAgICAgIHBvc2l0aW9uOiBcInJlbGF0aXZlXCIsXG4gICAgICAgICAgYm94U2l6aW5nOiBcImJvcmRlci1ib3hcIixcbiAgICAgICAgICBjb2xvcjogXCJpbmhlcml0XCIsXG4gICAgICAgICAgYm9yZGVyOiBcIjFweCBzb2xpZCB0cmFuc3BhcmVudFwiLFxuICAgICAgICAgIG1hcmdpbjogMCxcbiAgICAgICAgICBkaXNwbGF5OiBcImJsb2NrXCIsXG4gICAgICAgICAgb3V0bGluZTogMCxcbiAgICAgICAgICBwYWRkaW5nOiAwLFxuICAgICAgICAgIHVzZXJTZWxlY3Q6IFwibm9uZVwiLFxuICAgICAgICAgIGJvcmRlclJhZGl1czogMCxcbiAgICAgICAgICB2ZXJ0aWNhbEFsaWduOiBcIm1pZGRsZVwiLFxuICAgICAgICAgIGp1c3RpZnlDb250ZW50OiBcImNlbnRlclwiLFxuICAgICAgICAgIHRleHREZWNvcmF0aW9uOiBcIm5vbmVcIixcbiAgICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6IFwidHJhbnNwYXJlbnRcIixcbiAgICAgICAgICBhcHBlYXJhbmNlOiBcIm5vbmVcIixcbiAgICAgICAgICBXZWJraXRUYXBIaWdobGlnaHRDb2xvcjogXCJ0cmFuc3BhcmVudFwiLFxuICAgICAgICAgIHRleHRSZW5kZXJpbmc6IFwiYXV0b1wiLFxuICAgICAgICAgIHdvcmRTcGFjaW5nOiBcIm5vbXJhbFwiLFxuICAgICAgICAgIHRleHRJbmRlbnQ6IFwiMHB4XCIsXG4gICAgICAgICAgdGV4dFNoYWRvdzogXCJub25lXCIsXG4gICAgICAgICAgZmxleFNocmluazogMCxcbiAgICAgICAgICBjdXJzb3I6IFwicG9pbnRlclwiLFxuICAgICAgICAgIHdoaXRlU3BhY2U6IFwibm93cmFwXCIsXG4gICAgICAgICAgZ3JpZFJvdzogXCIxXCIsXG4gICAgICAgIH0sXG4gICAgICAgIGNzc2BcbiAgICAgICAgICBib3JkZXItcmFkaXVzOiA4cHggOHB4IDBweCAwcHg7XG4gICAgICAgICAgdHJhbnNpdGlvbjogYmFja2dyb3VuZC1jb2xvciAke3RoZW1lLnRyYW5zaXRpb25zLmR1cmF0aW9uLnNob3J0ZXN0fTtcbiAgICAgICAgICAmOmZvY3VzLXZpc2libGUge1xuICAgICAgICAgICAgYm9yZGVyLWNvbG9yOiAke3RoZW1lLnBhbGV0dGUuaW50ZW50aW9ucy5wcmltYXJ5Lm1haW59O1xuICAgICAgICAgIH1cbiAgICAgICAgICAmOmhvdmVyIHtcbiAgICAgICAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7dGhlbWUucGFsZXR0ZS5hY3Rpb24uaG92ZXJ9O1xuICAgICAgICAgIH1cbiAgICAgICAgICAmID4gKiB7XG4gICAgICAgICAgICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuICAgICAgICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgICAgICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgICAgICAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgICAgICAgICAgIG1pbi1oZWlnaHQ6ICR7dGhlbWUuc3BhY2luZyAqIDV9cHg7XG4gICAgICAgICAgICBwYWRkaW5nLXJpZ2h0OiAke3RoZW1lLnNwYWNpbmcgKiAzfXB4O1xuICAgICAgICAgICAgcGFkZGluZy1sZWZ0OiAke3RoZW1lLnNwYWNpbmcgKiAzfXB4O1xuICAgICAgICAgIH1cbiAgICAgICAgICBhIHtcbiAgICAgICAgICAgIGNvbG9yOiBpbmhlcml0O1xuICAgICAgICAgICAgdGV4dC1kZWNvcmF0aW9uOiBub25lO1xuICAgICAgICAgIH1cbiAgICAgICAgYCxcbiAgICAgIF0pfVxuICAgID5cbiAgICAgIHt0eXBlb2YgY2hpbGRyZW4gPT09IFwic3RyaW5nXCIgPyA8ZGl2PntjaGlsZHJlbn08L2Rpdj4gOiBjaGlsZHJlbn1cbiAgICA8L2Rpdj5cbiAgKTtcbn07XG5cbmV4cG9ydCBpbnRlcmZhY2UgQmFzZVRhYlVJUHJvcHM8VD4ge1xuICB2YXJpYW50PzogXCJ1bmRlcmxpbmVcIiB8IFwiYnV0dG9uc1wiO1xuXG4gIC8qKlxuICAgKiDooajnpLrjgZXjgozjgovjgrnjgq/jg6rjg7zjg7Pjgajjgr/jg5bjga7opovlh7rjgZfjgpLmjIflrprjgZfjgb7jgZnjgIJcbiAgICpcbiAgICog6Z2e5ZCM5pyf44Gn44K544Kv44Oq44O844Oz44Gu5pWw44Gv5aKX5rib44GZ44KL44KI44GG44Gq44CB44GT44GucHJvcOOBjOW+jOOBi+OCieWkieabtOOBleOCjOOCi+OCseODvOOCueOBr+aDs+WumuOBl+OBpuOBhOOBvuOBm+OCk+OAglxuICAgKiDjgoLjgZfjgZ3jgYbjgYTjgaPjgZ/jgrHjg7zjgrnjgYznmbrnlJ/jgZfjgZ/jgonjgIFJc3N1ZeOCkueri+OBpuOBpuOBj+OBoOOBleOBhOOAglxuICAgKlxuICAgKiBAZGVmYXVsdCBbXVxuICAgKi9cbiAgdGFicz86IHtcbiAgICB0aXRsZTogUmVhY3QuUmVhY3ROb2RlO1xuICAgIHNjcmVlbjogUmVhY3QuUmVhY3ROb2RlO1xuICAgIGljb24/OiBSZWFjdC5SZWFjdE5vZGU7XG4gICAgZGF0YT86IFQ7XG4gIH1bXTtcbiAgLyoqXG4gICAqIFRhYuOBruaPj+eUu+OBq+WIqeeUqOOBmeOCi+OCs+ODs+ODneODvOODjeODs+ODiOOCkuaMh+WumuOBl+OBvuOBmeOAglxuICAgKiDln7rmnKznmoTjgavjgrnjgr/jgqTjg6vjga7mjIflrprjga/ooYzjgo/jgarjgYTjgafjgY/jgaDjgZXjgYTjgIJcbiAgICovXG4gIHJlbmRlclRhYj86IChcbiAgICBwcm9wczogVCAmIHsgY2hpbGRyZW46IFJlYWN0LlJlYWN0Tm9kZSB9LFxuICApID0+IFJlYWN0LlJlYWN0RWxlbWVudDxhbnk+IHwgbnVsbDtcbiAgLyoqXG4gICAqIOOCv+ODluOCkuOBqeOBruOCiOOBhuOBquS9jee9ruOBq+ihqOekuuOBmeOCi+OBi+OCkuaMh+WumuOBl+OBvuOBmeOAglxuICAgKiBAZGVmYXVsdCBcInN0YXJ0XCJcbiAgICovXG4gIHRhYlBvc2l0aW9uPzogXCJzdGFydFwiIHwgXCJjZW50ZXJcIiB8IFwiZW5kXCIgfCBcImV2ZW5seVwiO1xuICAvKipcbiAgICog44K/44OW44Gu5LiL44Gr5LuY44GP6KOF6aO+44KS5oyH5a6a44GX44G+44GZ44CCXG4gICAqIEBkZWZhdWx0IFwiZGVmYXVsdFwiXG4gICAqL1xuICB1bmRlcmxpbmU/OiBcImRlZmF1bHRcIiB8IFwic2hhZG93XCI7XG4gIC8qKlxuICAgKiDmnIDliJ3jgavooajnpLrjgZnjgovjgr/jg5bjga7jgqTjg7Pjg4fjg4Pjgq/jgrnjgpLmjIflrprjgZfjgb7jgZnjgIJcbiAgICpcbiAgICog44Kk44Oz44OH44OD44Kv44K544GvdGFicyBwcm9w44Gr5oyH5a6a44GV44KM44Gf6YWN5YiX44Gu44GG44Gh44CB54++5Zyo6KGo56S644GV44KM44Gm44GE44KL44K544Kv44Oq44O844Oz44Gu44Kk44Oz44OH44OD44Kv44K544Gn44GZ44CCXG4gICAqIEBkZWZhdWx0IDBcbiAgICovXG4gIGRlZmF1bHRJbmRleD86IG51bWJlcjtcbiAgLyoqXG4gICAqIOOCv+ODluOBjOOCr+ODquODg+OCr+OBleOCjOOCi+OBquOBqeOBl+OBpuOCpOODs+ODh+ODg+OCr+OCueOBjOabtOaWsOOBleOCjOOBn+mam+OBq+eZuueBq+OBmeOCi+ODoeOCveODg+ODieOCkuaMh+WumuOBl+OBvuOBmeOAglxuICAgKlxuICAgKiDkvovjgYjjgbDjgIHjgZPjgozjgYzov5TjgZnjgqTjg7Pjg4fjg4Pjgq/jgrnjgpLjg63jg7zjgqvjg6vjgrnjg4jjg6zjg7zjgrjjgarjganjgavkv53lrZjjgZfjgabjgYrjgYTjgabjgIFcbiAgICogZGVmYXVsdEluZGV444Gr5rih44GZ44KI44GG44Gq5a6f6KOF44KS44GX44Gm44GK44GP44Go44Or44O844K/44O844Op44Kk44OW44Op44Oq44KS5L2/44KP44Ga44CBXG4gICAqIOWGjeiqreOBv+i+vOOBv+aZguOBq+WJjeWbnuihqOekuuOBl+OBpuOBhOOBn+OCv+ODluOCkuihqOekuuOBmeOCi+OBk+OBqOOBjOOBp+OBjeOBvuOBmeOAglxuICAgKlxuICAgKiDjgZ/jgaDjgZdVUkzjga7jgrfjgqfjgqLjgarjganjgafku5bjga7jg6bjg7zjgrbjg7zjgajlkIzjgZjjgr/jg5bjgpLopovjgovjgajjgYTjgaPjgZ/jgZPjgajjga/jg6vjg7zjgr/jg7zjg6njgqTjg5bjg6njg6rjgpLkvb/jgYblv4XopoHjgYzjgYLjgorjgb7jgZnjgILoqbPjgZfjgYTlrp/oo4Xjga/jgrXjg7Pjg5fjg6vjgajjgarjgotTdG9yeeOBjOeUqOaEj+OBleOCjOOBpuOBhOOCi+OBruOBp+imi+OBpuOBj+OBoOOBleOBhOOAglxuICAgKi9cbiAgb25DaGFuZ2U/OiAoaW5kZXg6IG51bWJlcikgPT4gdm9pZDtcbn1cblxuZXhwb3J0IGludGVyZmFjZSBUYWJVSVByb3BzPFQ+IGV4dGVuZHMgQmFzZVRhYlVJUHJvcHM8VD4ge1xuICBjaGlsZHJlbj86IG5ldmVyO1xufVxuXG5leHBvcnQgaW50ZXJmYWNlIFRhYlVJSGFzQ2hpbGRyZW5Qcm9wczxUPlxuICBleHRlbmRzIE9taXQ8QmFzZVRhYlVJUHJvcHM8VD4sIFwidGFic1wiPiB7XG4gIHRhYnM/OiB7XG4gICAgdGl0bGU6IFJlYWN0LlJlYWN0Tm9kZTtcbiAgICBzY3JlZW4/OiBuZXZlcjtcbiAgICBpY29uPzogUmVhY3QuUmVhY3ROb2RlO1xuICAgIGRhdGE/OiBUO1xuICB9W107XG4gIGNoaWxkcmVuOiBSZWFjdC5SZWFjdE5vZGU7XG59XG5cbmNvbnN0IHNsaWRlSW4gPSBrZXlmcmFtZXNgXG4gIHRvIHtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVgoMHB4KTtcbiAgfVxuYDtcblxuY29uc3QgdW5kZXJsaW5lSGVpZ2h0ID0gNDtcblxuaW50ZXJmYWNlIFRhYlVJVW5kZXJsaW5lSGVhZGVyUHJvcHM8VD4ge1xuICB0YWJzOiBUYWJVSUhhc0NoaWxkcmVuUHJvcHM8VD5bXCJ0YWJzXCJdIHwgVGFiVUlQcm9wczxUPltcInRhYnNcIl07XG4gIHVuZGVybGluZTogQmFzZVRhYlVJUHJvcHM8VD5bXCJ1bmRlcmxpbmVcIl07XG4gIHRhYlBvc2l0aW9uOiBCYXNlVGFiVUlQcm9wczxUPltcInRhYlBvc2l0aW9uXCJdO1xuICBvbkNoYW5nZTogQmFzZVRhYlVJUHJvcHM8VD5bXCJvbkNoYW5nZVwiXTtcbiAgY3VycmVudEluZGV4OiBudW1iZXI7XG4gIHJlbmRlclRhYj86IEJhc2VUYWJVSVByb3BzPFQ+W1wicmVuZGVyVGFiXCJdO1xufVxuXG5jb25zdCBEZWZhdWx0VGFiQ29udGVudCA9IChwcm9wczogUmVhY3QuUHJvcHNXaXRoQ2hpbGRyZW4pID0+IHtcbiAgcmV0dXJuIDw+e3Byb3BzLmNoaWxkcmVufTwvPjtcbn07XG5cbmV4cG9ydCBjb25zdCBUYWJVSVVuZGVybGluZUhlYWRlciA9IDxULD4oe1xuICB0YWJzID0gW10sXG4gIHVuZGVybGluZSxcbiAgdGFiUG9zaXRpb24sXG4gIG9uQ2hhbmdlLFxuICBjdXJyZW50SW5kZXgsXG4gIHJlbmRlclRhYjogVGFiQ29udGVudCA9IERlZmF1bHRUYWJDb250ZW50LFxufTogVGFiVUlVbmRlcmxpbmVIZWFkZXJQcm9wczxUPikgPT4ge1xuICBjb25zdCB0aGVtZSA9IHVzZVRoZW1lKCk7XG4gIGNvbnN0IHByZXZDdXJyZW50SW5kZXggPSB1c2VSZWYoY3VycmVudEluZGV4KTtcblxuICBjb25zdCBoYW5kbGVVcGRhdGVJbmRleCA9IHVzZUNhbGxiYWNrKFxuICAgIChldmVudDogUmVhY3QuTW91c2VFdmVudDxIVE1MRGl2RWxlbWVudD4pID0+IHtcbiAgICAgIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBAdHlwZXNjcmlwdC1lc2xpbnQvcHJlZmVyLW51bGxpc2gtY29hbGVzY2luZ1xuICAgICAgY29uc3QgbmV4dEluZGV4ID0gcGFyc2VJbnQoZXZlbnQuY3VycmVudFRhcmdldC5kYXRhc2V0LmluZGV4IHx8IFwiMFwiLCAxMCk7XG4gICAgICBwcmV2Q3VycmVudEluZGV4LmN1cnJlbnQgPSBjdXJyZW50SW5kZXg7XG4gICAgICBvbkNoYW5nZT8uKG5leHRJbmRleCk7XG4gICAgfSxcbiAgICBbY3VycmVudEluZGV4LCBvbkNoYW5nZV0sXG4gICk7XG4gIHJldHVybiAoXG4gICAgPGRpdlxuICAgICAgY3NzPXtjc3NgXG4gICAgICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICAgIGB9XG4gICAgPlxuICAgICAgPGRpdlxuICAgICAgICBjc3M9e1tcbiAgICAgICAgICBjc3NgXG4gICAgICAgICAgICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuICAgICAgICAgICAgZGlzcGxheTogZ3JpZDtcbiAgICAgICAgICAgIGdyaWQtYXV0by1mbG93OiBjb2x1bW47XG4gICAgICAgICAgICBvdmVyZmxvdy14OiBhdXRvO1xuICAgICAgICAgIGAsXG4gICAgICAgICAge1xuICAgICAgICAgICAganVzdGlmeUNvbnRlbnQ6XG4gICAgICAgICAgICAgIHRhYlBvc2l0aW9uID09PSBcInN0YXJ0XCJcbiAgICAgICAgICAgICAgICA/IFwiZmxleC1zdGFydFwiXG4gICAgICAgICAgICAgICAgOiB0YWJQb3NpdGlvbiA9PT0gXCJlbmRcIlxuICAgICAgICAgICAgICAgICAgPyBcImZsZXgtZW5kXCJcbiAgICAgICAgICAgICAgICAgIDogdGFiUG9zaXRpb24gPT09IFwiZXZlbmx5XCJcbiAgICAgICAgICAgICAgICAgICAgPyBcImluaXRpYWxcIlxuICAgICAgICAgICAgICAgICAgICA6IFwiY2VudGVyXCIsXG4gICAgICAgICAgfSxcbiAgICAgICAgICB1bmRlcmxpbmUgPT09IFwic2hhZG93XCJcbiAgICAgICAgICAgID8ge1xuICAgICAgICAgICAgICAgIGJveFNoYWRvdzogdGhlbWUuc2hhZG93c1sxXSxcbiAgICAgICAgICAgICAgICBjb2xvcjogdGhlbWUucGFsZXR0ZS50ZXh0LnByaW1hcnksXG4gICAgICAgICAgICAgICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS5wYWxldHRlLmJhY2tncm91bmQucGFwZXIsXG4gICAgICAgICAgICAgIH1cbiAgICAgICAgICAgIDogdW5kZXJsaW5lID09PSBcImRlZmF1bHRcIlxuICAgICAgICAgICAgICA/IHtcbiAgICAgICAgICAgICAgICAgIGJveFNoYWRvdzogYDBweCAtJHt1bmRlcmxpbmVIZWlnaHR9cHggMHB4IDBweCAke3RoZW1lLnBhbGV0dGUuZ3JheVszMDBdfSBpbnNldGAsXG4gICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICA6IHVuZGVmaW5lZCxcbiAgICAgICAgXX1cbiAgICAgID5cbiAgICAgICAge3RhYnMubWFwKCh7IHRpdGxlLCBkYXRhLCBpY29uIH0sIGluZGV4KSA9PiB7XG4gICAgICAgICAgcmV0dXJuIChcbiAgICAgICAgICAgIDxUYWIgb25DbGljaz17aGFuZGxlVXBkYXRlSW5kZXh9IGRhdGEtaW5kZXg9e2luZGV4fSBrZXk9e2luZGV4fT5cbiAgICAgICAgICAgICAgey8qXG4gICAgICAgICAgICAgIC8vIEB0cy1leHBlY3QtZXJyb3IgQGVtb3Rpb24vcmVhY3Tjga7lpInmm7TjgavjgojjgorlnovlronlhajjgafjgarjgY/jgarjgaPjgZ8gaHR0cHM6Ly9naXRodWIuY29tL2Vtb3Rpb24tanMvZW1vdGlvbi9jb21wYXJlLyU0MGVtb3Rpb24vcmVhY3QlNDAxMS4xMy4wLi4uJTQwZW1vdGlvbi9yZWFjdCU0MDExLjEzLjMjZGlmZi1hM2UzNzFjYzJjNzE5NjI2MTA3Yzg2OWRjZjVhMGZhZDgyZDllYTk5ZDM3YzcyN2M5NmIzYmFmM2MwMTZmZmZkTDg5LVI5MSovfVxuICAgICAgICAgICAgICA8VGFiQ29udGVudCB7Li4uKGRhdGEgYXMgVCl9PlxuICAgICAgICAgICAgICAgIDxzcGFuXG4gICAgICAgICAgICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICAgICAgICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgICAgICAgICAgICAgICAgZ2FwOiA4cHg7XG4gICAgICAgICAgICAgICAgICBgfVxuICAgICAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICAgIHtpY29ufVxuICAgICAgICAgICAgICAgICAge3RpdGxlfVxuICAgICAgICAgICAgICAgIDwvc3Bhbj5cbiAgICAgICAgICAgICAgPC9UYWJDb250ZW50PlxuICAgICAgICAgICAgPC9UYWI+XG4gICAgICAgICAgKTtcbiAgICAgICAgfSl9XG4gICAgICAgIDxkaXZcbiAgICAgICAgICBrZXk9e2N1cnJlbnRJbmRleH1cbiAgICAgICAgICBzdHlsZT17e1xuICAgICAgICAgICAgZ3JpZFJvdzogMixcbiAgICAgICAgICAgIGdyaWRDb2x1bW46IGN1cnJlbnRJbmRleCArIDEsXG4gICAgICAgICAgICB0cmFuc2Zvcm06IGB0cmFuc2xhdGVYKCR7XG4gICAgICAgICAgICAgIHByZXZDdXJyZW50SW5kZXguY3VycmVudCA9PT0gY3VycmVudEluZGV4XG4gICAgICAgICAgICAgICAgPyAwXG4gICAgICAgICAgICAgICAgOiBwcmV2Q3VycmVudEluZGV4LmN1cnJlbnQgPiBjdXJyZW50SW5kZXhcbiAgICAgICAgICAgICAgICAgID8gMTAwXG4gICAgICAgICAgICAgICAgICA6IC0xMDBcbiAgICAgICAgICAgIH0lKWAsXG4gICAgICAgICAgfX1cbiAgICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICAgIGhlaWdodDogJHt1bmRlcmxpbmVIZWlnaHR9cHg7XG4gICAgICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3RoZW1lLnBhbGV0dGUuaW50ZW50aW9ucy5wcmltYXJ5Lm1haW59O1xuICAgICAgICAgICAgYm9yZGVyLXJhZGl1czogOHB4O1xuICAgICAgICAgICAgYW5pbWF0aW9uOiAke3NsaWRlSW59ICR7dGhlbWUudHJhbnNpdGlvbnMuZHVyYXRpb24uc3RhbmRhcmR9XG4gICAgICAgICAgICAgICR7dGhlbWUudHJhbnNpdGlvbnMuZWFzaW5nLnNoYXJwfSBmb3J3YXJkcztcbiAgICAgICAgICBgfVxuICAgICAgICAvPlxuICAgICAgPC9kaXY+XG4gICAgPC9kaXY+XG4gICk7XG59O1xuXG5leHBvcnQgY29uc3QgVGFiVUkgPSA8VCw+KHtcbiAgdGFicyA9IFtdLFxuICB2YXJpYW50ID0gXCJ1bmRlcmxpbmVcIixcbiAgdW5kZXJsaW5lID0gXCJkZWZhdWx0XCIsXG4gIHRhYlBvc2l0aW9uID0gXCJzdGFydFwiLFxuICBkZWZhdWx0SW5kZXggPSAwLFxuICBvbkNoYW5nZSxcbiAgY2hpbGRyZW4sXG4gIHJlbmRlclRhYixcbn06IFRhYlVJUHJvcHM8VD4gfCBUYWJVSUhhc0NoaWxkcmVuUHJvcHM8VD4pID0+IHtcbiAgY29uc3QgW2N1cnJlbnRJbmRleCwgc2V0Q3VycmVudEluZGV4XSA9IHVzZVN0YXRlKGRlZmF1bHRJbmRleCk7XG4gIGNvbnN0IHRoZW1lID0gdXNlVGhlbWUoKTtcblxuICBpZiAodGFicyA9PT0gdW5kZWZpbmVkIHx8IHRhYnMubGVuZ3RoID09PSAwKSB7XG4gICAgcmV0dXJuIG51bGw7XG4gIH1cblxuICByZXR1cm4gKFxuICAgIDxkaXY+XG4gICAgICB7dmFyaWFudCA9PT0gXCJ1bmRlcmxpbmVcIiA/IChcbiAgICAgICAgPFRhYlVJVW5kZXJsaW5lSGVhZGVyXG4gICAgICAgICAgdGFicz17dGFic31cbiAgICAgICAgICBjdXJyZW50SW5kZXg9e2N1cnJlbnRJbmRleH1cbiAgICAgICAgICB1bmRlcmxpbmU9e3VuZGVybGluZX1cbiAgICAgICAgICB0YWJQb3NpdGlvbj17dGFiUG9zaXRpb259XG4gICAgICAgICAgb25DaGFuZ2U9eyhpbmRleCkgPT4ge1xuICAgICAgICAgICAgc2V0Q3VycmVudEluZGV4KGluZGV4KTtcbiAgICAgICAgICAgIG9uQ2hhbmdlPy4oaW5kZXgpO1xuICAgICAgICAgIH19XG4gICAgICAgICAgcmVuZGVyVGFiPXtyZW5kZXJUYWJ9XG4gICAgICAgIC8+XG4gICAgICApIDogKFxuICAgICAgICA8ZGl2XG4gICAgICAgICAgY3NzPXtbXG4gICAgICAgICAgICBjc3NgXG4gICAgICAgICAgICAgIGRpc3BsYXk6IGdyaWQ7XG4gICAgICAgICAgICAgIGdyaWQtYXV0by1mbG93OiBjb2x1bW47XG4gICAgICAgICAgICAgIGdhcDogOHB4O1xuICAgICAgICAgICAgICBwYWRkaW5nLWJvdHRvbTogOHB4O1xuICAgICAgICAgICAgICBvdmVyZmxvdy14OiBhdXRvO1xuICAgICAgICAgICAgICBvdmVyZmxvdy15OiBoaWRkZW47XG4gICAgICAgICAgICBgLFxuICAgICAgICAgICAge1xuICAgICAgICAgICAgICBqdXN0aWZ5Q29udGVudDpcbiAgICAgICAgICAgICAgICB0YWJQb3NpdGlvbiA9PT0gXCJzdGFydFwiXG4gICAgICAgICAgICAgICAgICA/IFwiZmxleC1zdGFydFwiXG4gICAgICAgICAgICAgICAgICA6IHRhYlBvc2l0aW9uID09PSBcImVuZFwiXG4gICAgICAgICAgICAgICAgICAgID8gXCJmbGV4LWVuZFwiXG4gICAgICAgICAgICAgICAgICAgIDogdGFiUG9zaXRpb24gPT09IFwiZXZlbmx5XCJcbiAgICAgICAgICAgICAgICAgICAgICA/IFwiaW5pdGlhbFwiXG4gICAgICAgICAgICAgICAgICAgICAgOiBcImNlbnRlclwiLFxuICAgICAgICAgICAgfSxcbiAgICAgICAgICBdfVxuICAgICAgICA+XG4gICAgICAgICAge3RhYnMubWFwKCh7IHRpdGxlIH0sIGluZGV4KSA9PiB7XG4gICAgICAgICAgICByZXR1cm4gKFxuICAgICAgICAgICAgICA8ZGl2XG4gICAgICAgICAgICAgICAga2V5PXtpbmRleH1cbiAgICAgICAgICAgICAgICByb2xlPVwiYnV0dG9uXCJcbiAgICAgICAgICAgICAgICB0YWJJbmRleD17MH1cbiAgICAgICAgICAgICAgICBvbkNsaWNrPXsoKSA9PiB7XG4gICAgICAgICAgICAgICAgICBzZXRDdXJyZW50SW5kZXgoaW5kZXgpO1xuICAgICAgICAgICAgICAgICAgb25DaGFuZ2U/LihpbmRleCk7XG4gICAgICAgICAgICAgICAgfX1cbiAgICAgICAgICAgICAgICBjc3M9e1tcbiAgICAgICAgICAgICAgICAgIHJlc2V0QnV0dG9uU3R5bGUsXG4gICAgICAgICAgICAgICAgICB0aGVtZS50eXBvZ3JhcGh5LmJvZHksXG4gICAgICAgICAgICAgICAgICBjdXJyZW50SW5kZXggPT09IGluZGV4XG4gICAgICAgICAgICAgICAgICAgID8gY3NzYFxuICAgICAgICAgICAgICAgICAgICAgICAgY29sb3I6ICR7dGhlbWUucGFsZXR0ZS5pbnRlbnRpb25zLnByaW1hcnkuY29udHJhc3RUZXh0fTtcbiAgICAgICAgICAgICAgICAgICAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7dGhlbWUucGFsZXR0ZS5pbnRlbnRpb25zLnByaW1hcnlcbiAgICAgICAgICAgICAgICAgICAgICAgICAgLm1haW59O1xuICAgICAgICAgICAgICAgICAgICAgIGBcbiAgICAgICAgICAgICAgICAgICAgOiBjc3NgXG4gICAgICAgICAgICAgICAgICAgICAgICBjb2xvcjogJHt0aGVtZS5wYWxldHRlLnRleHQucHJpbWFyeX07XG4gICAgICAgICAgICAgICAgICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3RoZW1lLnBhbGV0dGUuZ3JheVsxMDBdfTtcbiAgICAgICAgICAgICAgICAgICAgICAgIHRyYW5zaXRpb246IGJhY2tncm91bmQtY29sb3JcbiAgICAgICAgICAgICAgICAgICAgICAgICAgJHt0aGVtZS50cmFuc2l0aW9ucy5kdXJhdGlvbi5zaG9ydGVzdH07XG4gICAgICAgICAgICAgICAgICAgICAgICAmOmhvdmVyIHtcbiAgICAgICAgICAgICAgICAgICAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHt0aGVtZS5wYWxldHRlLmdyYXlbMzAwXX07XG4gICAgICAgICAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgICAgICAgICAgYCxcbiAgICAgICAgICAgICAgICAgIGNzc2BcbiAgICAgICAgICAgICAgICAgICAgYm9yZGVyLXJhZGl1czogNHB4O1xuICAgICAgICAgICAgICAgICAgICAmID4gKiB7XG4gICAgICAgICAgICAgICAgICAgICAgcGFkZGluZzogNnB4IDhweDtcbiAgICAgICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICAgICAgYCxcbiAgICAgICAgICAgICAgICBdfVxuICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAge3R5cGVvZiB0aXRsZSA9PT0gXCJzdHJpbmdcIiA/IDxkaXY+e3RpdGxlfTwvZGl2PiA6IHRpdGxlfVxuICAgICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgICk7XG4gICAgICAgICAgfSl9XG4gICAgICAgIDwvZGl2PlxuICAgICAgKX1cbiAgICAgIHtjaGlsZHJlbiA/PyB0YWJzW2N1cnJlbnRJbmRleF0uc2NyZWVufVxuICAgIDwvZGl2PlxuICApO1xufTtcbiJdfQ== */"]
-  }, tabs.map((_ref10, index) => {
+  }, tabs.map((_ref0, index) => {
     var {
       title
-    } = _ref10;
+    } = _ref0;
     return ___EmotionJSX("div", {
       key: index,
       role: "button",

package/Tabs/TabUI.js.map

@@ -1 +1 @@
-{"version":3,"file":"TabUI.js","names":["css","keyframes","resetButtonStyle","useTheme","React","useCallback","useRef","useState","jsx","___EmotionJSX","Tab","_ref6","children","rest","_objectWithoutPropertiesLoose","_excluded","theme","_extends","role","tabIndex","typography","body","position","boxSizing","color","border","margin","display","outline","padding","userSelect","borderRadius","verticalAlign","justifyContent","textDecoration","backgroundColor","appearance","WebkitTapHighlightColor","textRendering","wordSpacing","textIndent","textShadow","flexShrink","cursor","whiteSpace","gridRow","transitions","duration","shortest","palette","intentions","primary","main","action","hover","spacing","process","env","NODE_ENV","slideIn","_templateObject","_taggedTemplateLiteralLoose","underlineHeight","DefaultTabContent","props","Fragment","_ref3","name","styles","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","_ref4","_ref5","TabUIUnderlineHeader","_ref7","tabs","underline","tabPosition","onChange","currentIndex","renderTab","TabContent","prevCurrentIndex","handleUpdateIndex","event","nextIndex","parseInt","currentTarget","dataset","index","current","boxShadow","shadows","text","background","paper","gray","undefined","map","_ref8","title","data","icon","onClick","key","style","gridColumn","transform","standard","easing","sharp","_ref","_ref2","TabUI","_ref9","variant","defaultIndex","setCurrentIndex","length","_ref10","contrastText","screen"],"sources":["../../../src/Tabs/TabUI.tsx"],"sourcesContent":["import { css, keyframes } from \"@emotion/react\";\nimport { resetButtonStyle } from \"../Button\";\nimport { useTheme } from \"../theme\";\nimport React, { useCallback, useRef, useState } from \"react\";\n\nconst Tab = ({ children, ...rest }: React.ComponentPropsWithoutRef<\"div\">) => {\n  const theme = useTheme();\n\n  return (\n    <div\n      role=\"button\"\n      tabIndex={0}\n      {...rest}\n      css={css([\n        theme.typography.body,\n        {\n          position: \"relative\",\n          boxSizing: \"border-box\",\n          color: \"inherit\",\n          border: \"1px solid transparent\",\n          margin: 0,\n          display: \"block\",\n          outline: 0,\n          padding: 0,\n          userSelect: \"none\",\n          borderRadius: 0,\n          verticalAlign: \"middle\",\n          justifyContent: \"center\",\n          textDecoration: \"none\",\n          backgroundColor: \"transparent\",\n          appearance: \"none\",\n          WebkitTapHighlightColor: \"transparent\",\n          textRendering: \"auto\",\n          wordSpacing: \"nomral\",\n          textIndent: \"0px\",\n          textShadow: \"none\",\n          flexShrink: 0,\n          cursor: \"pointer\",\n          whiteSpace: \"nowrap\",\n          gridRow: \"1\",\n        },\n        css`\n          border-radius: 8px 8px 0px 0px;\n          transition: background-color ${theme.transitions.duration.shortest};\n          &:focus-visible {\n            border-color: ${theme.palette.intentions.primary.main};\n          }\n          &:hover {\n            background-color: ${theme.palette.action.hover};\n          }\n          & > * {\n            box-sizing: border-box;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            min-height: ${theme.spacing * 5}px;\n            padding-right: ${theme.spacing * 3}px;\n            padding-left: ${theme.spacing * 3}px;\n          }\n          a {\n            color: inherit;\n            text-decoration: none;\n          }\n        `,\n      ])}\n    >\n      {typeof children === \"string\" ? <div>{children}</div> : children}\n    </div>\n  );\n};\n\nexport interface BaseTabUIProps<T> {\n  variant?: \"underline\" | \"buttons\";\n\n  /**\n   * 表示されるスクリーンとタブの見出しを指定します。\n   *\n   * 非同期でスクリーンの数は増減するような、このpropが後から変更されるケースは想定していません。\n   * もしそういったケースが発生したら、Issueを立ててください。\n   *\n   * @default []\n   */\n  tabs?: {\n    title: React.ReactNode;\n    screen: React.ReactNode;\n    icon?: React.ReactNode;\n    data?: T;\n  }[];\n  /**\n   * Tabの描画に利用するコンポーネントを指定します。\n   * 基本的にスタイルの指定は行わないでください。\n   */\n  renderTab?: (\n    props: T & { children: React.ReactNode },\n  ) => React.ReactElement<any> | null;\n  /**\n   * タブをどのような位置に表示するかを指定します。\n   * @default \"start\"\n   */\n  tabPosition?: \"start\" | \"center\" | \"end\" | \"evenly\";\n  /**\n   * タブの下に付く装飾を指定します。\n   * @default \"default\"\n   */\n  underline?: \"default\" | \"shadow\";\n  /**\n   * 最初に表示するタブのインデックスを指定します。\n   *\n   * インデックスはtabs propに指定された配列のうち、現在表示されているスクリーンのインデックスです。\n   * @default 0\n   */\n  defaultIndex?: number;\n  /**\n   * タブがクリックされるなどしてインデックスが更新された際に発火するメソッドを指定します。\n   *\n   * 例えば、これが返すインデックスをローカルストレージなどに保存しておいて、\n   * defaultIndexに渡すような実装をしておくとルーターライブラリを使わず、\n   * 再読み込み時に前回表示していたタブを表示することができます。\n   *\n   * ただしURLのシェアなどで他のユーザーと同じタブを見るといったことはルーターライブラリを使う必要があります。詳しい実装はサンプルとなるStoryが用意されているので見てください。\n   */\n  onChange?: (index: number) => void;\n}\n\nexport interface TabUIProps<T> extends BaseTabUIProps<T> {\n  children?: never;\n}\n\nexport interface TabUIHasChildrenProps<T>\n  extends Omit<BaseTabUIProps<T>, \"tabs\"> {\n  tabs?: {\n    title: React.ReactNode;\n    screen?: never;\n    icon?: React.ReactNode;\n    data?: T;\n  }[];\n  children: React.ReactNode;\n}\n\nconst slideIn = keyframes`\n  to {\n    transform: translateX(0px);\n  }\n`;\n\nconst underlineHeight = 4;\n\ninterface TabUIUnderlineHeaderProps<T> {\n  tabs: TabUIHasChildrenProps<T>[\"tabs\"] | TabUIProps<T>[\"tabs\"];\n  underline: BaseTabUIProps<T>[\"underline\"];\n  tabPosition: BaseTabUIProps<T>[\"tabPosition\"];\n  onChange: BaseTabUIProps<T>[\"onChange\"];\n  currentIndex: number;\n  renderTab?: BaseTabUIProps<T>[\"renderTab\"];\n}\n\nconst DefaultTabContent = (props: React.PropsWithChildren) => {\n  return <>{props.children}</>;\n};\n\nexport const TabUIUnderlineHeader = <T,>({\n  tabs = [],\n  underline,\n  tabPosition,\n  onChange,\n  currentIndex,\n  renderTab: TabContent = DefaultTabContent,\n}: TabUIUnderlineHeaderProps<T>) => {\n  const theme = useTheme();\n  const prevCurrentIndex = useRef(currentIndex);\n\n  const handleUpdateIndex = useCallback(\n    (event: React.MouseEvent<HTMLDivElement>) => {\n      // eslint-disable-next-line @typescript-eslint/prefer-nullish-coalescing\n      const nextIndex = parseInt(event.currentTarget.dataset.index || \"0\", 10);\n      prevCurrentIndex.current = currentIndex;\n      onChange?.(nextIndex);\n    },\n    [currentIndex, onChange],\n  );\n  return (\n    <div\n      css={css`\n        position: relative;\n      `}\n    >\n      <div\n        css={[\n          css`\n            box-sizing: border-box;\n            display: grid;\n            grid-auto-flow: column;\n            overflow-x: auto;\n          `,\n          {\n            justifyContent:\n              tabPosition === \"start\"\n                ? \"flex-start\"\n                : tabPosition === \"end\"\n                  ? \"flex-end\"\n                  : tabPosition === \"evenly\"\n                    ? \"initial\"\n                    : \"center\",\n          },\n          underline === \"shadow\"\n            ? {\n                boxShadow: theme.shadows[1],\n                color: theme.palette.text.primary,\n                backgroundColor: theme.palette.background.paper,\n              }\n            : underline === \"default\"\n              ? {\n                  boxShadow: `0px -${underlineHeight}px 0px 0px ${theme.palette.gray[300]} inset`,\n                }\n              : undefined,\n        ]}\n      >\n        {tabs.map(({ title, data, icon }, index) => {\n          return (\n            <Tab onClick={handleUpdateIndex} data-index={index} key={index}>\n              {/*\n              // @ts-expect-error @emotion/reactの変更により型安全でなくなった https://github.com/emotion-js/emotion/compare/%40emotion/react%4011.13.0...%40emotion/react%4011.13.3#diff-a3e371cc2c719626107c869dcf5a0fad82d9ea99d37c727c96b3baf3c016fffdL89-R91*/}\n              <TabContent {...(data as T)}>\n                <span\n                  css={css`\n                    display: flex;\n                    gap: 8px;\n                  `}\n                >\n                  {icon}\n                  {title}\n                </span>\n              </TabContent>\n            </Tab>\n          );\n        })}\n        <div\n          key={currentIndex}\n          style={{\n            gridRow: 2,\n            gridColumn: currentIndex + 1,\n            transform: `translateX(${\n              prevCurrentIndex.current === currentIndex\n                ? 0\n                : prevCurrentIndex.current > currentIndex\n                  ? 100\n                  : -100\n            }%)`,\n          }}\n          css={css`\n            height: ${underlineHeight}px;\n            background-color: ${theme.palette.intentions.primary.main};\n            border-radius: 8px;\n            animation: ${slideIn} ${theme.transitions.duration.standard}\n              ${theme.transitions.easing.sharp} forwards;\n          `}\n        />\n      </div>\n    </div>\n  );\n};\n\nexport const TabUI = <T,>({\n  tabs = [],\n  variant = \"underline\",\n  underline = \"default\",\n  tabPosition = \"start\",\n  defaultIndex = 0,\n  onChange,\n  children,\n  renderTab,\n}: TabUIProps<T> | TabUIHasChildrenProps<T>) => {\n  const [currentIndex, setCurrentIndex] = useState(defaultIndex);\n  const theme = useTheme();\n\n  if (tabs === undefined || tabs.length === 0) {\n    return null;\n  }\n\n  return (\n    <div>\n      {variant === \"underline\" ? (\n        <TabUIUnderlineHeader\n          tabs={tabs}\n          currentIndex={currentIndex}\n          underline={underline}\n          tabPosition={tabPosition}\n          onChange={(index) => {\n            setCurrentIndex(index);\n            onChange?.(index);\n          }}\n          renderTab={renderTab}\n        />\n      ) : (\n        <div\n          css={[\n            css`\n              display: grid;\n              grid-auto-flow: column;\n              gap: 8px;\n              padding-bottom: 8px;\n              overflow-x: auto;\n              overflow-y: hidden;\n            `,\n            {\n              justifyContent:\n                tabPosition === \"start\"\n                  ? \"flex-start\"\n                  : tabPosition === \"end\"\n                    ? \"flex-end\"\n                    : tabPosition === \"evenly\"\n                      ? \"initial\"\n                      : \"center\",\n            },\n          ]}\n        >\n          {tabs.map(({ title }, index) => {\n            return (\n              <div\n                key={index}\n                role=\"button\"\n                tabIndex={0}\n                onClick={() => {\n                  setCurrentIndex(index);\n                  onChange?.(index);\n                }}\n                css={[\n                  resetButtonStyle,\n                  theme.typography.body,\n                  currentIndex === index\n                    ? css`\n                        color: ${theme.palette.intentions.primary.contrastText};\n                        background-color: ${theme.palette.intentions.primary\n                          .main};\n                      `\n                    : css`\n                        color: ${theme.palette.text.primary};\n                        background-color: ${theme.palette.gray[100]};\n                        transition: background-color\n                          ${theme.transitions.duration.shortest};\n                        &:hover {\n                          background-color: ${theme.palette.gray[300]};\n                        }\n                      `,\n                  css`\n                    border-radius: 4px;\n                    & > * {\n                      padding: 6px 8px;\n                    }\n                  `,\n                ]}\n              >\n                {typeof title === \"string\" ? <div>{title}</div> : title}\n              </div>\n            );\n          })}\n        </div>\n      )}\n      {children ?? tabs[currentIndex].screen}\n    </div>\n  );\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"TabUI.js","names":["css","keyframes","resetButtonStyle","useTheme","React","useCallback","useRef","useState","jsx","___EmotionJSX","Tab","_ref6","children","rest","_objectWithoutPropertiesLoose","_excluded","theme","_extends","role","tabIndex","typography","body","position","boxSizing","color","border","margin","display","outline","padding","userSelect","borderRadius","verticalAlign","justifyContent","textDecoration","backgroundColor","appearance","WebkitTapHighlightColor","textRendering","wordSpacing","textIndent","textShadow","flexShrink","cursor","whiteSpace","gridRow","transitions","duration","shortest","palette","intentions","primary","main","action","hover","spacing","process","env","NODE_ENV","slideIn","_templateObject","_taggedTemplateLiteralLoose","underlineHeight","DefaultTabContent","props","Fragment","_ref3","name","styles","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","_ref4","_ref5","TabUIUnderlineHeader","_ref7","tabs","underline","tabPosition","onChange","currentIndex","renderTab","TabContent","prevCurrentIndex","handleUpdateIndex","event","nextIndex","parseInt","currentTarget","dataset","index","current","boxShadow","shadows","text","background","paper","gray","undefined","map","_ref8","title","data","icon","onClick","key","style","gridColumn","transform","standard","easing","sharp","_ref","_ref2","TabUI","_ref9","variant","defaultIndex","setCurrentIndex","length","_ref0","contrastText","screen"],"sources":["../../../src/Tabs/TabUI.tsx"],"sourcesContent":["import { css, keyframes } from \"@emotion/react\";\nimport { resetButtonStyle } from \"../Button\";\nimport { useTheme } from \"../theme\";\nimport React, { useCallback, useRef, useState } from \"react\";\n\nconst Tab = ({ children, ...rest }: React.ComponentPropsWithoutRef<\"div\">) => {\n  const theme = useTheme();\n\n  return (\n    <div\n      role=\"button\"\n      tabIndex={0}\n      {...rest}\n      css={css([\n        theme.typography.body,\n        {\n          position: \"relative\",\n          boxSizing: \"border-box\",\n          color: \"inherit\",\n          border: \"1px solid transparent\",\n          margin: 0,\n          display: \"block\",\n          outline: 0,\n          padding: 0,\n          userSelect: \"none\",\n          borderRadius: 0,\n          verticalAlign: \"middle\",\n          justifyContent: \"center\",\n          textDecoration: \"none\",\n          backgroundColor: \"transparent\",\n          appearance: \"none\",\n          WebkitTapHighlightColor: \"transparent\",\n          textRendering: \"auto\",\n          wordSpacing: \"nomral\",\n          textIndent: \"0px\",\n          textShadow: \"none\",\n          flexShrink: 0,\n          cursor: \"pointer\",\n          whiteSpace: \"nowrap\",\n          gridRow: \"1\",\n        },\n        css`\n          border-radius: 8px 8px 0px 0px;\n          transition: background-color ${theme.transitions.duration.shortest};\n          &:focus-visible {\n            border-color: ${theme.palette.intentions.primary.main};\n          }\n          &:hover {\n            background-color: ${theme.palette.action.hover};\n          }\n          & > * {\n            box-sizing: border-box;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            min-height: ${theme.spacing * 5}px;\n            padding-right: ${theme.spacing * 3}px;\n            padding-left: ${theme.spacing * 3}px;\n          }\n          a {\n            color: inherit;\n            text-decoration: none;\n          }\n        `,\n      ])}\n    >\n      {typeof children === \"string\" ? <div>{children}</div> : children}\n    </div>\n  );\n};\n\nexport interface BaseTabUIProps<T> {\n  variant?: \"underline\" | \"buttons\";\n\n  /**\n   * 表示されるスクリーンとタブの見出しを指定します。\n   *\n   * 非同期でスクリーンの数は増減するような、このpropが後から変更されるケースは想定していません。\n   * もしそういったケースが発生したら、Issueを立ててください。\n   *\n   * @default []\n   */\n  tabs?: {\n    title: React.ReactNode;\n    screen: React.ReactNode;\n    icon?: React.ReactNode;\n    data?: T;\n  }[];\n  /**\n   * Tabの描画に利用するコンポーネントを指定します。\n   * 基本的にスタイルの指定は行わないでください。\n   */\n  renderTab?: (\n    props: T & { children: React.ReactNode },\n  ) => React.ReactElement<any> | null;\n  /**\n   * タブをどのような位置に表示するかを指定します。\n   * @default \"start\"\n   */\n  tabPosition?: \"start\" | \"center\" | \"end\" | \"evenly\";\n  /**\n   * タブの下に付く装飾を指定します。\n   * @default \"default\"\n   */\n  underline?: \"default\" | \"shadow\";\n  /**\n   * 最初に表示するタブのインデックスを指定します。\n   *\n   * インデックスはtabs propに指定された配列のうち、現在表示されているスクリーンのインデックスです。\n   * @default 0\n   */\n  defaultIndex?: number;\n  /**\n   * タブがクリックされるなどしてインデックスが更新された際に発火するメソッドを指定します。\n   *\n   * 例えば、これが返すインデックスをローカルストレージなどに保存しておいて、\n   * defaultIndexに渡すような実装をしておくとルーターライブラリを使わず、\n   * 再読み込み時に前回表示していたタブを表示することができます。\n   *\n   * ただしURLのシェアなどで他のユーザーと同じタブを見るといったことはルーターライブラリを使う必要があります。詳しい実装はサンプルとなるStoryが用意されているので見てください。\n   */\n  onChange?: (index: number) => void;\n}\n\nexport interface TabUIProps<T> extends BaseTabUIProps<T> {\n  children?: never;\n}\n\nexport interface TabUIHasChildrenProps<T>\n  extends Omit<BaseTabUIProps<T>, \"tabs\"> {\n  tabs?: {\n    title: React.ReactNode;\n    screen?: never;\n    icon?: React.ReactNode;\n    data?: T;\n  }[];\n  children: React.ReactNode;\n}\n\nconst slideIn = keyframes`\n  to {\n    transform: translateX(0px);\n  }\n`;\n\nconst underlineHeight = 4;\n\ninterface TabUIUnderlineHeaderProps<T> {\n  tabs: TabUIHasChildrenProps<T>[\"tabs\"] | TabUIProps<T>[\"tabs\"];\n  underline: BaseTabUIProps<T>[\"underline\"];\n  tabPosition: BaseTabUIProps<T>[\"tabPosition\"];\n  onChange: BaseTabUIProps<T>[\"onChange\"];\n  currentIndex: number;\n  renderTab?: BaseTabUIProps<T>[\"renderTab\"];\n}\n\nconst DefaultTabContent = (props: React.PropsWithChildren) => {\n  return <>{props.children}</>;\n};\n\nexport const TabUIUnderlineHeader = <T,>({\n  tabs = [],\n  underline,\n  tabPosition,\n  onChange,\n  currentIndex,\n  renderTab: TabContent = DefaultTabContent,\n}: TabUIUnderlineHeaderProps<T>) => {\n  const theme = useTheme();\n  const prevCurrentIndex = useRef(currentIndex);\n\n  const handleUpdateIndex = useCallback(\n    (event: React.MouseEvent<HTMLDivElement>) => {\n      // eslint-disable-next-line @typescript-eslint/prefer-nullish-coalescing\n      const nextIndex = parseInt(event.currentTarget.dataset.index || \"0\", 10);\n      prevCurrentIndex.current = currentIndex;\n      onChange?.(nextIndex);\n    },\n    [currentIndex, onChange],\n  );\n  return (\n    <div\n      css={css`\n        position: relative;\n      `}\n    >\n      <div\n        css={[\n          css`\n            box-sizing: border-box;\n            display: grid;\n            grid-auto-flow: column;\n            overflow-x: auto;\n          `,\n          {\n            justifyContent:\n              tabPosition === \"start\"\n                ? \"flex-start\"\n                : tabPosition === \"end\"\n                  ? \"flex-end\"\n                  : tabPosition === \"evenly\"\n                    ? \"initial\"\n                    : \"center\",\n          },\n          underline === \"shadow\"\n            ? {\n                boxShadow: theme.shadows[1],\n                color: theme.palette.text.primary,\n                backgroundColor: theme.palette.background.paper,\n              }\n            : underline === \"default\"\n              ? {\n                  boxShadow: `0px -${underlineHeight}px 0px 0px ${theme.palette.gray[300]} inset`,\n                }\n              : undefined,\n        ]}\n      >\n        {tabs.map(({ title, data, icon }, index) => {\n          return (\n            <Tab onClick={handleUpdateIndex} data-index={index} key={index}>\n              {/*\n              // @ts-expect-error @emotion/reactの変更により型安全でなくなった https://github.com/emotion-js/emotion/compare/%40emotion/react%4011.13.0...%40emotion/react%4011.13.3#diff-a3e371cc2c719626107c869dcf5a0fad82d9ea99d37c727c96b3baf3c016fffdL89-R91*/}\n              <TabContent {...(data as T)}>\n                <span\n                  css={css`\n                    display: flex;\n                    gap: 8px;\n                  `}\n                >\n                  {icon}\n                  {title}\n                </span>\n              </TabContent>\n            </Tab>\n          );\n        })}\n        <div\n          key={currentIndex}\n          style={{\n            gridRow: 2,\n            gridColumn: currentIndex + 1,\n            transform: `translateX(${\n              prevCurrentIndex.current === currentIndex\n                ? 0\n                : prevCurrentIndex.current > currentIndex\n                  ? 100\n                  : -100\n            }%)`,\n          }}\n          css={css`\n            height: ${underlineHeight}px;\n            background-color: ${theme.palette.intentions.primary.main};\n            border-radius: 8px;\n            animation: ${slideIn} ${theme.transitions.duration.standard}\n              ${theme.transitions.easing.sharp} forwards;\n          `}\n        />\n      </div>\n    </div>\n  );\n};\n\nexport const TabUI = <T,>({\n  tabs = [],\n  variant = \"underline\",\n  underline = \"default\",\n  tabPosition = \"start\",\n  defaultIndex = 0,\n  onChange,\n  children,\n  renderTab,\n}: TabUIProps<T> | TabUIHasChildrenProps<T>) => {\n  const [currentIndex, setCurrentIndex] = useState(defaultIndex);\n  const theme = useTheme();\n\n  if (tabs === undefined || tabs.length === 0) {\n    return null;\n  }\n\n  return (\n    <div>\n      {variant === \"underline\" ? (\n        <TabUIUnderlineHeader\n          tabs={tabs}\n          currentIndex={currentIndex}\n          underline={underline}\n          tabPosition={tabPosition}\n          onChange={(index) => {\n            setCurrentIndex(index);\n            onChange?.(index);\n          }}\n          renderTab={renderTab}\n        />\n      ) : (\n        <div\n          css={[\n            css`\n              display: grid;\n              grid-auto-flow: column;\n              gap: 8px;\n              padding-bottom: 8px;\n              overflow-x: auto;\n              overflow-y: hidden;\n            `,\n            {\n              justifyContent:\n                tabPosition === \"start\"\n                  ? \"flex-start\"\n                  : tabPosition === \"end\"\n                    ? \"flex-end\"\n                    : tabPosition === \"evenly\"\n                      ? \"initial\"\n                      : \"center\",\n            },\n          ]}\n        >\n          {tabs.map(({ title }, index) => {\n            return (\n              <div\n                key={index}\n                role=\"button\"\n                tabIndex={0}\n                onClick={() => {\n                  setCurrentIndex(index);\n                  onChange?.(index);\n                }}\n                css={[\n                  resetButtonStyle,\n                  theme.typography.body,\n                  currentIndex === index\n                    ? css`\n                        color: ${theme.palette.intentions.primary.contrastText};\n                        background-color: ${theme.palette.intentions.primary\n                          .main};\n                      `\n                    : css`\n                        color: ${theme.palette.text.primary};\n                        background-color: ${theme.palette.gray[100]};\n                        transition: background-color\n                          ${theme.transitions.duration.shortest};\n                        &:hover {\n                          background-color: ${theme.palette.gray[300]};\n                        }\n                      `,\n                  css`\n                    border-radius: 4px;\n                    & > * {\n                      padding: 6px 8px;\n                    }\n                  `,\n                ]}\n              >\n                {typeof title === \"string\" ? <div>{title}</div> : title}\n              </div>\n            );\n          })}\n        </div>\n      )}\n      {children ?? tabs[currentIndex].screen}\n    </div>\n  );\n};\n"],"mappings":"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","ignoreList":[]}

package/cjs/Alert/Alert.js

@@ -14,8 +14,7 @@ var _Error = _interopRequireDefault(require("@mui/icons-material/Error"));
 var _react3 = _interopRequireWildcard(require("react"));
 var _Warning = _interopRequireDefault(require("@mui/icons-material/Warning"));
 var _AlertContext = require("./AlertContext");
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
 var _ref2 = process.env.NODE_ENV === "production" ? {

package/cjs/Alert/Alert.js.map

@@ -1 +1 @@
-{"version":3,"file":"Alert.js","names":["_Button","require","_Tooltip","_react","_copyToClipboard","_react2","_theme","_Check","_interopRequireDefault","_Close","_Error","_react3","_interopRequireWildcard","_Warning","_AlertContext","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_EMOTION_STRINGIFIED_CSS_ERROR__","_ref2","process","env","NODE_ENV","name","styles","toString","_ref3","_ref4","Alert","message","duration","Infinity","id","severity","removeAlert","useAlert","show","setShow","useState","Icon","useMemo","CheckIcon","WarningIcon","ErrorIcon","theme","useTheme","useEffect","timeout","setTimeout","clearTimeout","undefined","jsx","AnimatePresence","motion","div","key","initial","opacity","animate","exit","onAnimationComplete","def","css","zIndex","tooltip","palette","intentions","contrastText","main","shadows","role","spacing","dark","fontSize","typography","body","happend","Fragment","caption","reason","action","log","CopyButton","value","Button","icon","rounded","onClick","exports","_ref","children","copyMessage","setCopyMessage","copied","setCopied","Tooltip","title","arrow","placement","open","resetButtonStyle","flag","copyToClipboard"],"sources":["../../../src/Alert/Alert.tsx"],"sourcesContent":["import { Button, resetButtonStyle } from \"../Button\";\nimport { Tooltip } from \"../Tooltip\";\nimport { motion, AnimatePresence } from \"motion/react\";\nimport { copyToClipboard } from \"../@utils/copyToClipboard\";\nimport { css } from \"@emotion/react\";\nimport { useTheme } from \"../theme\";\nimport CheckIcon from \"@mui/icons-material/Check\";\nimport CloseIcon from \"@mui/icons-material/Close\";\nimport ErrorIcon from \"@mui/icons-material/Error\";\nimport React, { useEffect, useMemo, useState } from \"react\";\nimport WarningIcon from \"@mui/icons-material/Warning\";\nimport { useAlert } from \"./AlertContext\";\n\nexport type AlertDuration = number | \"standard\" | \"short\";\n\nexport interface AlertOptions {\n  /**\n   * uniqueな文字列を入れてください。removeAlertを用いて任意のAlertを削除する場合に使用できます。\n   * 指定しない場合に任意の文字列が生成され、addAlertから取得できます。\n   */\n  id?: string;\n  /**\n   * 役割を表し、左側のアイコンと色を変更します。\n   * @default \"success\"\n   */\n  severity?: \"error\" | \"success\" | \"warning\";\n  /**\n   * トーストコンポーネントが消えるまでの時間(ms)を表します。\n   * @default Infinity\n   */\n  duration?: AlertDuration;\n}\n\nexport interface AlertRichMessageType {\n  reason?: string;\n  action?: string;\n  happend: string;\n  log?: string;\n}\n\nexport type AlertMessageType = string | AlertRichMessageType;\n\nexport interface AlertProps extends AlertOptions {\n  message: AlertMessageType;\n}\n\nexport const Alert = ({\n  message,\n  duration = Infinity,\n  id,\n  severity = \"success\",\n}: AlertProps) => {\n  const { removeAlert } = useAlert();\n  const [show, setShow] = useState(true);\n  const Icon = useMemo(() => {\n    return severity === \"success\"\n      ? CheckIcon\n      : severity === \"warning\"\n        ? WarningIcon\n        : ErrorIcon;\n  }, [severity]);\n\n  const theme = useTheme();\n\n  useEffect(() => {\n    if (show && duration !== Infinity) {\n      const timeout = setTimeout(\n        () => {\n          setShow(false);\n        },\n        duration === \"standard\" ? 3500 : duration === \"short\" ? 1500 : duration,\n      );\n\n      return () => clearTimeout(timeout);\n    }\n    return undefined;\n  }, [duration, id, removeAlert, show]);\n\n  return (\n    <AnimatePresence>\n      {show && (\n        <motion.div\n          key={id}\n          initial={{ opacity: 0 }}\n          animate={{ opacity: 1 }}\n          exit={{ opacity: 0 }}\n          onAnimationComplete={(def: { opacity: number }) => {\n            if (def.opacity === 0) {\n              if (id) {\n                removeAlert(id);\n              }\n            }\n          }}\n          css={css`\n            z-index: ${theme.zIndex.tooltip};\n            display: grid;\n            grid-template-columns: auto 1fr auto;\n            width: fit-content;\n            max-width: 384px;\n            min-height: 56px;\n            overflow: hidden;\n            color: ${theme.palette.intentions[severity].contrastText};\n            background-color: ${theme.palette.intentions[severity].main};\n            border-radius: 4px;\n            box-shadow: ${theme.shadows[4]};\n          `}\n          role=\"alert\"\n        >\n          <div\n            css={css`\n              padding: ${theme.spacing}px;\n              background-color: ${theme.palette.intentions[severity].dark};\n            `}\n          >\n            <Icon fontSize=\"medium\" />\n          </div>\n          <div\n            css={[\n              css`\n                display: flex;\n                flex-direction: column;\n                gap: ${theme.spacing}px;\n                padding: ${theme.spacing}px ${theme.spacing * 2}px\n                  ${theme.spacing * 2}px;\n              `,\n            ]}\n          >\n            <div\n              css={[\n                theme.typography.body,\n                css`\n                  word-break: break-all;\n                `,\n              ]}\n            >\n              {typeof message === \"string\" ? message : message.happend}\n            </div>\n            {typeof message === \"string\" ? null : (\n              <>\n                <div css={[theme.typography.caption]}>\n                  {message.reason}\n                  {message.action ? (\n                    <span\n                      css={css`\n                        font-weight: bolder;\n                      `}\n                    >\n                      {message.action}\n                    </span>\n                  ) : null}\n                </div>\n                {message.log ? (\n                  <div\n                    css={css`\n                      text-align: right;\n                    `}\n                  >\n                    <CopyButton value={message.log}>\n                      エラーログをコピーする\n                    </CopyButton>\n                  </div>\n                ) : null}\n              </>\n            )}\n          </div>\n          <div>\n            <Button\n              css={css`\n                color: ${theme.palette.intentions[severity].contrastText};\n              `}\n              icon={<CloseIcon fontSize=\"small\" />}\n              rounded\n              onClick={() => {\n                setShow(false);\n              }}\n            />\n          </div>\n        </motion.div>\n      )}\n    </AnimatePresence>\n  );\n};\n\n// Todo: Use TextButton\nconst CopyButton = ({\n  children,\n  value,\n}: {\n  children: string;\n  value: string;\n}) => {\n  const [copyMessage, setCopyMessage] = useState<string>(\"\");\n  const [copied, setCopied] = useState<boolean>(false);\n\n  const theme = useTheme();\n  return (\n    <Tooltip title={copyMessage} arrow placement=\"top-end\" open={copied}>\n      <button\n        css={[\n          resetButtonStyle,\n          theme.typography.caption,\n          css`\n            text-decoration: underline;\n          `,\n        ]}\n        onClick={() => {\n          const flag = copyToClipboard(value);\n          setCopyMessage(flag ? \"コピーしました\" : \"コピーできませんでした\");\n          setCopied(true);\n          setTimeout(\n            () => {\n              setCopied(false);\n            },\n            flag ? 2500 : 100000,\n          );\n        }}\n      >\n        {children}\n      </button>\n    </Tooltip>\n  );\n};\n"],"mappings":";;;;AAAA,IAAAA,OAAA,GAAAC,OAAA;AACA,IAAAC,QAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAF,OAAA;AACA,IAAAG,gBAAA,GAAAH,OAAA;AACA,IAAAI,OAAA,GAAAJ,OAAA;AACA,IAAAK,MAAA,GAAAL,OAAA;AACA,IAAAM,MAAA,GAAAC,sBAAA,CAAAP,OAAA;AACA,IAAAQ,MAAA,GAAAD,sBAAA,CAAAP,OAAA;AACA,IAAAS,MAAA,GAAAF,sBAAA,CAAAP,OAAA;AACA,IAAAU,OAAA,GAAAC,uBAAA,CAAAX,OAAA;AACA,IAAAY,QAAA,GAAAL,sBAAA,CAAAP,OAAA;AACA,IAAAa,aAAA,GAAAb,OAAA;AAA0C,SAAAc,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAJ,wBAAAI,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAI,UAAA,SAAAJ,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAK,OAAA,EAAAL,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAG,GAAA,CAAAN,CAAA,UAAAG,CAAA,CAAAI,GAAA,CAAAP,CAAA,OAAAQ,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAd,CAAA,oBAAAc,CAAA,OAAAC,cAAA,CAAAC,IAAA,CAAAhB,CAAA,EAAAc,CAAA,SAAAG,CAAA,GAAAP,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAc,CAAA,UAAAG,CAAA,KAAAA,CAAA,CAAAV,GAAA,IAAAU,CAAA,CAAAC,GAAA,IAAAP,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAG,CAAA,IAAAT,CAAA,CAAAM,CAAA,IAAAd,CAAA,CAAAc,CAAA,YAAAN,CAAA,CAAAH,OAAA,GAAAL,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAe,GAAA,CAAAlB,CAAA,EAAAQ,CAAA,GAAAA,CAAA;AAAA,SAAAhB,uBAAAQ,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAI,UAAA,GAAAJ,CAAA,KAAAK,OAAA,EAAAL,CAAA;AAAA,SAAAmB,iCAAA;AAAA,IAAAC,KAAA,GAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAC,IAAA;EAAAC,MAAA;AAAA;EAAAD,IAAA;EAAAC,MAAA;EAAAC,QAAA,EAAAP;AAAA;AAAA,IAAAQ,KAAA,GAAAN,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAC,IAAA;EAAAC,MAAA;AAAA;EAAAD,IAAA;EAAAC,MAAA;EAAAC,QAAA,EAAAP;AAAA;AAAA,IAAAS,KAAA,GAAAP,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAC,IAAA;EAAAC,MAAA;AAAA;EAAAD,IAAA;EAAAC,MAAA;EAAAC,QAAA,EAAAP;AAAA;AAmCnC,MAAMU,KAAK,GAAGA,CAAC;EACpBC,OAAO;EACPC,QAAQ,GAAGC,QAAQ;EACnBC,EAAE;EACFC,QAAQ,GAAG;AACD,CAAC,KAAK;EAChB,MAAM;IAAEC;EAAY,CAAC,GAAG,IAAAC,sBAAQ,EAAC,CAAC;EAClC,MAAM,CAACC,IAAI,EAAEC,OAAO,CAAC,GAAG,IAAAC,gBAAQ,EAAC,IAAI,CAAC;EACtC,MAAMC,IAAI,GAAG,IAAAC,eAAO,EAAC,MAAM;IACzB,OAAOP,QAAQ,KAAK,SAAS,GACzBQ,cAAS,GACTR,QAAQ,KAAK,SAAS,GACpBS,gBAAW,GACXC,cAAS;EACjB,CAAC,EAAE,CAACV,QAAQ,CAAC,CAAC;EAEd,MAAMW,KAAK,GAAG,IAAAC,eAAQ,EAAC,CAAC;EAExB,IAAAC,iBAAS,EAAC,MAAM;IACd,IAAIV,IAAI,IAAIN,QAAQ,KAAKC,QAAQ,EAAE;MACjC,MAAMgB,OAAO,GAAGC,UAAU,CACxB,MAAM;QACJX,OAAO,CAAC,KAAK,CAAC;MAChB,CAAC,EACDP,QAAQ,KAAK,UAAU,GAAG,IAAI,GAAGA,QAAQ,KAAK,OAAO,GAAG,IAAI,GAAGA,QACjE,CAAC;MAED,OAAO,MAAMmB,YAAY,CAACF,OAAO,CAAC;IACpC;IACA,OAAOG,SAAS;EAClB,CAAC,EAAE,CAACpB,QAAQ,EAAEE,EAAE,EAAEE,WAAW,EAAEE,IAAI,CAAC,CAAC;EAErC,OACE,IAAAhD,OAAA,CAAA+D,GAAA,EAACjE,MAAA,CAAAkE,eAAe,QACbhB,IAAI,IACH,IAAAhD,OAAA,CAAA+D,GAAA,EAACjE,MAAA,CAAAmE,MAAM,CAACC,GAAG;IACTC,GAAG,EAAEvB,EAAG;IACRwB,OAAO,EAAE;MAAEC,OAAO,EAAE;IAAE,CAAE;IACxBC,OAAO,EAAE;MAAED,OAAO,EAAE;IAAE,CAAE;IACxBE,IAAI,EAAE;MAAEF,OAAO,EAAE;IAAE,CAAE;IACrBG,mBAAmB,EAAGC,GAAwB,IAAK;MACjD,IAAIA,GAAG,CAACJ,OAAO,KAAK,CAAC,EAAE;QACrB,IAAIzB,EAAE,EAAE;UACNE,WAAW,CAACF,EAAE,CAAC;QACjB;MACF;IACF,CAAE;IACF8B,GAAG,mBAAEA,WAAG,cACKlB,KAAK,CAACmB,MAAM,CAACC,OAAO,gIAOtBpB,KAAK,CAACqB,OAAO,CAACC,UAAU,CAACjC,QAAQ,CAAC,CAACkC,YAAY,wBACpCvB,KAAK,CAACqB,OAAO,CAACC,UAAU,CAACjC,QAAQ,CAAC,CAACmC,IAAI,oCAE7CxB,KAAK,CAACyB,OAAO,CAAC,CAAC,CAAC,SAAAjD,OAAA,CAAAC,GAAA,CAAAC,QAAA,2CAAAF,OAAA,CAAAC,GAAA,CAAAC,QAAA,2xRAC9B;IACFgD,IAAI,EAAC;EAAO,GAEZ,IAAAlF,OAAA,CAAA+D,GAAA;IACEW,GAAG,mBAAEA,WAAG,cACKlB,KAAK,CAAC2B,OAAO,0BACJ3B,KAAK,CAACqB,OAAO,CAACC,UAAU,CAACjC,QAAQ,CAAC,CAACuC,IAAI,SAAApD,OAAA,CAAAC,GAAA,CAAAC,QAAA,2CAAAF,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAC3D,GAEF,IAAAlC,OAAA,CAAA+D,GAAA,EAACZ,IAAI;IAACkC,QAAQ,EAAC;EAAQ,CAAE,CACtB,CAAC,EACN,IAAArF,OAAA,CAAA+D,GAAA;IACEW,GAAG,oBACDA,WAAG,6CAGMlB,KAAK,CAAC2B,OAAO,iBACT3B,KAAK,CAAC2B,OAAO,SAAM3B,KAAK,CAAC2B,OAAO,GAAG,CAAC,SAC3C3B,KAAK,CAAC2B,OAAO,GAAG,CAAC,WAAAnD,OAAA,CAAAC,GAAA,CAAAC,QAAA,2CAAAF,OAAA,CAAAC,GAAA,CAAAC,QAAA,6xRAAAF,OAAA,CAAAC,GAAA,CAAAC,QAAA,0CAAAF,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAEvB,GAEF,IAAAlC,OAAA,CAAA+D,GAAA;IACEW,GAAG,GACDlB,KAAK,CAAC8B,UAAU,CAACC,IAAI,EAAAhD,KAAA,EAAAP,OAAA,CAAAC,GAAA,CAAAC,QAAA,0CAAAF,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAIrB,GAED,OAAOO,OAAO,KAAK,QAAQ,GAAGA,OAAO,GAAGA,OAAO,CAAC+C,OAC9C,CAAC,EACL,OAAO/C,OAAO,KAAK,QAAQ,GAAG,IAAI,GACjC,IAAAzC,OAAA,CAAA+D,GAAA,EAAAzD,OAAA,CAAAU,OAAA,CAAAyE,QAAA,QACE,IAAAzF,OAAA,CAAA+D,GAAA;IAAKW,GAAG,GAAGlB,KAAK,CAAC8B,UAAU,CAACI,OAAO,EAAA1D,OAAA,CAAAC,GAAA,CAAAC,QAAA,0CAAAF,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAE,GAClCO,OAAO,CAACkD,MAAM,EACdlD,OAAO,CAACmD,MAAM,GACb,IAAA5F,OAAA,CAAA+D,GAAA;IACEW,GAAG,EAAApC;EAED,GAEDG,OAAO,CAACmD,MACL,CAAC,GACL,IACD,CAAC,EACLnD,OAAO,CAACoD,GAAG,GACV,IAAA7F,OAAA,CAAA+D,GAAA;IACEW,GAAG,EAAA3C;EAED,GAEF,IAAA/B,OAAA,CAAA+D,GAAA,EAAC+B,UAAU;IAACC,KAAK,EAAEtD,OAAO,CAACoD;EAAI,GAAC,oEAEpB,CACT,CAAC,GACJ,IACJ,CAED,CAAC,EACN,IAAA7F,OAAA,CAAA+D,GAAA,eACE,IAAA/D,OAAA,CAAA+D,GAAA,EAACpE,OAAA,CAAAqG,MAAM;IACLtB,GAAG,mBAAEA,WAAG,YACGlB,KAAK,CAACqB,OAAO,CAACC,UAAU,CAACjC,QAAQ,CAAC,CAACkC,YAAY,SAAA/C,OAAA,CAAAC,GAAA,CAAAC,QAAA,2CAAAF,OAAA,CAAAC,GAAA,CAAAC,QAAA,2xRACxD;IACF+D,IAAI,EAAE,IAAAjG,OAAA,CAAA+D,GAAA,EAAC3D,MAAA,CAAAY,OAAS;MAACqE,QAAQ,EAAC;IAAO,CAAE,CAAE;IACrCa,OAAO;IACPC,OAAO,EAAEA,CAAA,KAAM;MACblD,OAAO,CAAC,KAAK,CAAC;IAChB;EAAE,CACH,CACE,CACK,CAEC,CAAC;AAEtB,CAAC;;AAED;AAAAmD,OAAA,CAAA5D,KAAA,GAAAA,KAAA;AAAA,IAAA6D,IAAA,GAAArE,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAC,IAAA;EAAAC,MAAA;AAAA;EAAAD,IAAA;EAAAC,MAAA;EAAAC,QAAA,EAAAP;AAAA;AACA,MAAMgE,UAAU,GAAGA,CAAC;EAClBQ,QAAQ;EACRP;AAIF,CAAC,KAAK;EACJ,MAAM,CAACQ,WAAW,EAAEC,cAAc,CAAC,GAAG,IAAAtD,gBAAQ,EAAS,EAAE,CAAC;EAC1D,MAAM,CAACuD,MAAM,EAAEC,SAAS,CAAC,GAAG,IAAAxD,gBAAQ,EAAU,KAAK,CAAC;EAEpD,MAAMM,KAAK,GAAG,IAAAC,eAAQ,EAAC,CAAC;EACxB,OACE,IAAAzD,OAAA,CAAA+D,GAAA,EAAClE,QAAA,CAAA8G,OAAO;IAACC,KAAK,EAAEL,WAAY;IAACM,KAAK;IAACC,SAAS,EAAC,SAAS;IAACC,IAAI,EAAEN;EAAO,GAClE,IAAAzG,OAAA,CAAA+D,GAAA;IACEW,GAAG,GACDsC,wBAAgB,EAChBxD,KAAK,CAAC8B,UAAU,CAACI,OAAO,EAAAW,IAAA,EAAArE,OAAA,CAAAC,GAAA,CAAAC,QAAA,+CAAAF,OAAA,CAAAC,GAAA,CAAAC,QAAA,uxRAIxB;IACFiE,OAAO,EAAEA,CAAA,KAAM;MACb,MAAMc,IAAI,GAAG,IAAAC,gCAAe,EAACnB,KAAK,CAAC;MACnCS,cAAc,CAACS,IAAI,GAAG,SAAS,GAAG,aAAa,CAAC;MAChDP,SAAS,CAAC,IAAI,CAAC;MACf9C,UAAU,CACR,MAAM;QACJ8C,SAAS,CAAC,KAAK,CAAC;MAClB,CAAC,EACDO,IAAI,GAAG,IAAI,GAAG,MAChB,CAAC;IACH;EAAE,GAEDX,QACK,CACD,CAAC;AAEd,CAAC","ignoreList":[]}
+{"version":3,"file":"Alert.js","names":["_Button","require","_Tooltip","_react","_copyToClipboard","_react2","_theme","_Check","_interopRequireDefault","_Close","_Error","_react3","_interopRequireWildcard","_Warning","_AlertContext","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_EMOTION_STRINGIFIED_CSS_ERROR__","_ref2","process","env","NODE_ENV","name","styles","toString","_ref3","_ref4","Alert","message","duration","Infinity","id","severity","removeAlert","useAlert","show","setShow","useState","Icon","useMemo","CheckIcon","WarningIcon","ErrorIcon","theme","useTheme","useEffect","timeout","setTimeout","clearTimeout","undefined","jsx","AnimatePresence","motion","div","key","initial","opacity","animate","exit","onAnimationComplete","def","css","zIndex","tooltip","palette","intentions","contrastText","main","shadows","role","spacing","dark","fontSize","typography","body","happend","Fragment","caption","reason","action","log","CopyButton","value","Button","icon","rounded","onClick","exports","_ref","children","copyMessage","setCopyMessage","copied","setCopied","Tooltip","title","arrow","placement","open","resetButtonStyle","flag","copyToClipboard"],"sources":["../../../src/Alert/Alert.tsx"],"sourcesContent":["import { Button, resetButtonStyle } from \"../Button\";\nimport { Tooltip } from \"../Tooltip\";\nimport { motion, AnimatePresence } from \"motion/react\";\nimport { copyToClipboard } from \"../@utils/copyToClipboard\";\nimport { css } from \"@emotion/react\";\nimport { useTheme } from \"../theme\";\nimport CheckIcon from \"@mui/icons-material/Check\";\nimport CloseIcon from \"@mui/icons-material/Close\";\nimport ErrorIcon from \"@mui/icons-material/Error\";\nimport React, { useEffect, useMemo, useState } from \"react\";\nimport WarningIcon from \"@mui/icons-material/Warning\";\nimport { useAlert } from \"./AlertContext\";\n\nexport type AlertDuration = number | \"standard\" | \"short\";\n\nexport interface AlertOptions {\n  /**\n   * uniqueな文字列を入れてください。removeAlertを用いて任意のAlertを削除する場合に使用できます。\n   * 指定しない場合に任意の文字列が生成され、addAlertから取得できます。\n   */\n  id?: string;\n  /**\n   * 役割を表し、左側のアイコンと色を変更します。\n   * @default \"success\"\n   */\n  severity?: \"error\" | \"success\" | \"warning\";\n  /**\n   * トーストコンポーネントが消えるまでの時間(ms)を表します。\n   * @default Infinity\n   */\n  duration?: AlertDuration;\n}\n\nexport interface AlertRichMessageType {\n  reason?: string;\n  action?: string;\n  happend: string;\n  log?: string;\n}\n\nexport type AlertMessageType = string | AlertRichMessageType;\n\nexport interface AlertProps extends AlertOptions {\n  message: AlertMessageType;\n}\n\nexport const Alert = ({\n  message,\n  duration = Infinity,\n  id,\n  severity = \"success\",\n}: AlertProps) => {\n  const { removeAlert } = useAlert();\n  const [show, setShow] = useState(true);\n  const Icon = useMemo(() => {\n    return severity === \"success\"\n      ? CheckIcon\n      : severity === \"warning\"\n        ? WarningIcon\n        : ErrorIcon;\n  }, [severity]);\n\n  const theme = useTheme();\n\n  useEffect(() => {\n    if (show && duration !== Infinity) {\n      const timeout = setTimeout(\n        () => {\n          setShow(false);\n        },\n        duration === \"standard\" ? 3500 : duration === \"short\" ? 1500 : duration,\n      );\n\n      return () => clearTimeout(timeout);\n    }\n    return undefined;\n  }, [duration, id, removeAlert, show]);\n\n  return (\n    <AnimatePresence>\n      {show && (\n        <motion.div\n          key={id}\n          initial={{ opacity: 0 }}\n          animate={{ opacity: 1 }}\n          exit={{ opacity: 0 }}\n          onAnimationComplete={(def: { opacity: number }) => {\n            if (def.opacity === 0) {\n              if (id) {\n                removeAlert(id);\n              }\n            }\n          }}\n          css={css`\n            z-index: ${theme.zIndex.tooltip};\n            display: grid;\n            grid-template-columns: auto 1fr auto;\n            width: fit-content;\n            max-width: 384px;\n            min-height: 56px;\n            overflow: hidden;\n            color: ${theme.palette.intentions[severity].contrastText};\n            background-color: ${theme.palette.intentions[severity].main};\n            border-radius: 4px;\n            box-shadow: ${theme.shadows[4]};\n          `}\n          role=\"alert\"\n        >\n          <div\n            css={css`\n              padding: ${theme.spacing}px;\n              background-color: ${theme.palette.intentions[severity].dark};\n            `}\n          >\n            <Icon fontSize=\"medium\" />\n          </div>\n          <div\n            css={[\n              css`\n                display: flex;\n                flex-direction: column;\n                gap: ${theme.spacing}px;\n                padding: ${theme.spacing}px ${theme.spacing * 2}px\n                  ${theme.spacing * 2}px;\n              `,\n            ]}\n          >\n            <div\n              css={[\n                theme.typography.body,\n                css`\n                  word-break: break-all;\n                `,\n              ]}\n            >\n              {typeof message === \"string\" ? message : message.happend}\n            </div>\n            {typeof message === \"string\" ? null : (\n              <>\n                <div css={[theme.typography.caption]}>\n                  {message.reason}\n                  {message.action ? (\n                    <span\n                      css={css`\n                        font-weight: bolder;\n                      `}\n                    >\n                      {message.action}\n                    </span>\n                  ) : null}\n                </div>\n                {message.log ? (\n                  <div\n                    css={css`\n                      text-align: right;\n                    `}\n                  >\n                    <CopyButton value={message.log}>\n                      エラーログをコピーする\n                    </CopyButton>\n                  </div>\n                ) : null}\n              </>\n            )}\n          </div>\n          <div>\n            <Button\n              css={css`\n                color: ${theme.palette.intentions[severity].contrastText};\n              `}\n              icon={<CloseIcon fontSize=\"small\" />}\n              rounded\n              onClick={() => {\n                setShow(false);\n              }}\n            />\n          </div>\n        </motion.div>\n      )}\n    </AnimatePresence>\n  );\n};\n\n// Todo: Use TextButton\nconst CopyButton = ({\n  children,\n  value,\n}: {\n  children: string;\n  value: string;\n}) => {\n  const [copyMessage, setCopyMessage] = useState<string>(\"\");\n  const [copied, setCopied] = useState<boolean>(false);\n\n  const theme = useTheme();\n  return (\n    <Tooltip title={copyMessage} arrow placement=\"top-end\" open={copied}>\n      <button\n        css={[\n          resetButtonStyle,\n          theme.typography.caption,\n          css`\n            text-decoration: underline;\n          `,\n        ]}\n        onClick={() => {\n          const flag = copyToClipboard(value);\n          setCopyMessage(flag ? \"コピーしました\" : \"コピーできませんでした\");\n          setCopied(true);\n          setTimeout(\n            () => {\n              setCopied(false);\n            },\n            flag ? 2500 : 100000,\n          );\n        }}\n      >\n        {children}\n      </button>\n    </Tooltip>\n  );\n};\n"],"mappings":"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","ignoreList":[]}