From 8535bec4fed9545a693caef4570f1c0eb03cc94d Mon Sep 17 00:00:00 2001 From: Aksandr Al-Ghazali <85372599+Dragodui@users.noreply.github.com> Date: Sun, 15 Oct 2023 19:20:05 +0200 Subject: [PATCH] Updates --- asset-manifest.json | 12 ++++++------ index.html | 2 +- static/css/main.4a931ea7.css | 2 -- static/css/main.4a931ea7.css.map | 1 - static/css/main.553f653a.css | 2 ++ static/css/main.553f653a.css.map | 1 + static/js/{main.e02e2c07.js => main.353b50a8.js} | 6 +++--- ...7.js.LICENSE.txt => main.353b50a8.js.LICENSE.txt} | 0 static/js/main.353b50a8.js.map | 1 + static/js/main.e02e2c07.js.map | 1 - 10 files changed, 14 insertions(+), 14 deletions(-) delete mode 100644 static/css/main.4a931ea7.css delete mode 100644 static/css/main.4a931ea7.css.map create mode 100644 static/css/main.553f653a.css create mode 100644 static/css/main.553f653a.css.map rename static/js/{main.e02e2c07.js => main.353b50a8.js} (90%) rename static/js/{main.e02e2c07.js.LICENSE.txt => main.353b50a8.js.LICENSE.txt} (100%) create mode 100644 static/js/main.353b50a8.js.map delete mode 100644 static/js/main.e02e2c07.js.map diff --git a/asset-manifest.json b/asset-manifest.json index b01ac64..c47ce07 100644 --- a/asset-manifest.json +++ b/asset-manifest.json @@ -1,14 +1,14 @@ { "files": { - "main.css": "/to-do-list-on-react/static/css/main.4a931ea7.css", - "main.js": "/to-do-list-on-react/static/js/main.e02e2c07.js", + "main.css": "/to-do-list-on-react/static/css/main.553f653a.css", + "main.js": "/to-do-list-on-react/static/js/main.353b50a8.js", "static/media/delete_icon.svg": "/to-do-list-on-react/static/media/delete_icon.bcba3f6e7a8b71ce50514cd3228b14ec.svg", "index.html": "/to-do-list-on-react/index.html", - "main.4a931ea7.css.map": "/to-do-list-on-react/static/css/main.4a931ea7.css.map", - "main.e02e2c07.js.map": "/to-do-list-on-react/static/js/main.e02e2c07.js.map" + "main.553f653a.css.map": "/to-do-list-on-react/static/css/main.553f653a.css.map", + "main.353b50a8.js.map": "/to-do-list-on-react/static/js/main.353b50a8.js.map" }, "entrypoints": [ - "static/css/main.4a931ea7.css", - "static/js/main.e02e2c07.js" + "static/css/main.553f653a.css", + "static/js/main.353b50a8.js" ] } \ No newline at end of file diff --git a/index.html b/index.html index 42a40d8..cd62cfa 100644 --- a/index.html +++ b/index.html @@ -1 +1 @@ -To Do List App
\ No newline at end of file +To Do List App
\ No newline at end of file diff --git a/static/css/main.4a931ea7.css b/static/css/main.4a931ea7.css deleted file mode 100644 index 852d729..0000000 --- a/static/css/main.4a931ea7.css +++ /dev/null @@ -1,2 +0,0 @@ -@import url(https://fonts.googleapis.com/css2?family=Montserrat&family=Work+Sans&display=swap);*{box-sizing:border-box;font-family:Work Sans,serif;margin:0;padding:0}#root,.App,body,html{width:100%}.App{padding:0 15px}.modal-open{overflow:hidden}.item{border-radius:14px;box-shadow:-1px 3px 13px -4px #42445a;cursor:pointer;margin-top:30px;max-width:700px;padding:10px 20px}.item,.item__text{align-items:center;display:flex;justify-content:space-between;width:100%}.item__text{flex-direction:column;gap:20px}.item__header,.item__info{align-items:center;display:flex;gap:5px;justify-content:space-between;width:100%}.item__title{font-size:20px}.item__note{font-size:30px}.item__buttons{align-items:center;display:flex;gap:5px}.item__buttons button{background:none;border:none;color:#000;cursor:pointer}.item__buttons button img{width:30px}.item p{overflow-wrap:break-word;word-break:break-all}.item input{font-size:20px}@media (max-width:400px){.item__buttons{flex-direction:column}}.completed{-webkit-text-decoration:line-through 4px;text-decoration:line-through 4px;text-decoration-color:#ffe01b}.todo{align-items:center;display:flex;flex-direction:column;justify-content:center;margin:20px 0;width:100%}.todo__list{margin-top:20px}.todo__listTitle{font-size:24px;font-weight:600}.todo__wrapper{border-radius:20px;box-shadow:-1px 3px 13px -4px #42445a;padding:40px}.todo__panel{display:flex;flex-direction:column;gap:20px;justify-content:space-between}.todo__panel input{border:none;border-radius:25px;box-shadow:-1px 3px 13px -4px #42445a;font-size:20px;outline:none;padding:10px 20px}.todo__panel button{background:#ffe01b;border:1px solid #000;border-radius:25px;color:#000;cursor:pointer;font-size:20px;font-weight:600;padding:10px 20px;transition:all .3s ease}.todo__panel button:active{-webkit-transform:translateY(-5px);transform:translateY(-5px)}.checkbox-container{cursor:pointer;display:block;font-size:16px;height:30px;padding-left:30px;position:relative}.checkbox-container input{cursor:pointer;opacity:0;position:absolute}.checkmark{background-color:#cdcdcd;border:1px solid #000;border-radius:50%;box-shadow:-1px 3px 33px -4px #42445a;height:30px;left:0;position:absolute;top:0;width:30px}.checkbox-container:hover input~.checkmark{background-color:#aaa}.checkbox-container input:checked~.checkmark{background:#ffe01b}.checkmark:after{content:"";display:none;position:absolute}.checkbox-container input:checked~.checkmark:after{display:block}.checkbox-container .checkmark:after{border:solid #000;border-width:0 3px 3px 0;height:10px;left:11px;top:6px;-webkit-transform:rotate(45deg);transform:rotate(45deg);width:5px}.title{font-size:40px;font-weight:700;margin-top:100px;text-align:center}.delete{align-items:center;background:rgba(0,0,0,.3);bottom:0;display:flex;justify-content:center;left:0;padding:0 15px;position:absolute;right:0;top:0;z-index:10}.delete__item{background:#fff;border-radius:20px;box-shadow:-1px 3px 13px -4px #42445a;display:flex;flex-direction:column;gap:20px;max-width:400px;padding:30px 60px;width:100%}.delete__title{font-size:24px;font-weight:600;text-align:center}.delete__buttons{align-items:center;display:flex;justify-content:space-between}.delete__button{background:#fff;border:1px solid #000;border-radius:10px;cursor:pointer;font-size:20px;font-weight:600;padding:10px 20px}.delete__yes{background:#ff4a4a;border:1px solid #ff4a4a;color:#fff}.delete__opened{display:flex}.delete__closed{display:none}@media (max-width:450px){.delete__item{padding:10px 20px}}.Button_button__OdBUH{background:#ffe01b;border:1px solid #000;border-radius:25px;color:#000;cursor:pointer;font-size:20px;font-weight:600;padding:10px 20px;transition:all .3s ease}.Button_button__OdBUH:active{-webkit-transform:translateY(-5px);transform:translateY(-5px)}.Modal_wrapper__DmD\+P{align-items:center;background:rgba(0,0,0,.3);bottom:0;display:flex;justify-content:center;left:0;padding:0 15px;position:absolute;right:0;top:0;z-index:10}.Modal_header__OcD7h{display:flex;justify-content:space-between}.Modal_modal__Vm9u9{background:#fff;border-radius:20px;box-shadow:-1px 3px 13px -4px #42445a;display:flex;flex-direction:column;gap:20px;max-width:700px;padding:30px 60px;width:100%}.Modal_closeButton__TYObM{background:none;border:none;cursor:pointer;font-size:30px;outline:none}.Modal_title__XEx2V{font-size:30px;font-weight:600}.Modal_opened__4Wi3I{display:flex}.Modal_closed__NRTs0{display:none}.Modal_error__4SYes{color:#ff4d4d;font-size:20px}.Modal_noError__SO8RG{display:none}@media (max-width:550px){.Modal_modal__Vm9u9{padding:20px 30px}}.Input_input__P5Esx,.TextArea_textarea__RMn3T{border:none;border-radius:25px;box-shadow:-1px 3px 13px -4px #42445a;font-size:20px;outline:none;padding:10px 20px}.TextArea_textarea__RMn3T{height:200px;resize:none;width:100%} -/*# sourceMappingURL=main.4a931ea7.css.map*/ \ No newline at end of file diff --git a/static/css/main.4a931ea7.css.map b/static/css/main.4a931ea7.css.map deleted file mode 100644 index 75a890d..0000000 --- a/static/css/main.4a931ea7.css.map +++ /dev/null @@ -1 +0,0 @@ -{"version":3,"file":"static/css/main.4a931ea7.css","mappings":"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","sources":["styles/style.scss","styles/style.css","components/UI/Button/Button.module.scss","components/UI/Button/Button.module.css","components/UI/Modal/Modal.module.scss","components/UI/Modal/Modal.module.css","components/UI/TextArea/TextArea.module.scss","components/UI/Input/Input.module.scss","components/UI/TextArea/TextArea.module.css"],"sourcesContent":["@import url('https://fonts.googleapis.com/css2?family=Montserrat&family=Work+Sans&display=swap');\r\n\r\n\r\n\r\n* {\r\n padding: 0;\r\n margin: 0;\r\n box-sizing: border-box;\r\n font-family: \"Work Sans\", serif;\r\n}\r\nhtml, body {\r\n width: 100%;\r\n}\r\n#root {\r\n width: 100%;\r\n}\r\n.App {\r\n width: 100%;\r\n padding: 0 15px;\r\n}\r\n.modal-open {\r\n overflow: hidden;\r\n}\r\n\r\n.item {\r\n display: flex;\r\n align-items: center;\r\n box-shadow: -1px 3px 13px -4px rgba(66, 68, 90, 1);\r\n padding: 10px 20px;\r\n border-radius: 14px;\r\n justify-content: space-between;\r\n margin-top: 30px;\r\n width:100%;\r\n max-width: 700px;\r\n cursor: pointer;\r\n &__text {\r\n align-items: center;\r\n gap: 20px;\r\n display: flex;\r\n width: 100%;\r\n flex-direction: column;\r\n justify-content: space-between;\r\n }\r\n\r\n &__info {\r\n width: 100%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n gap: 5px;\r\n }\r\n &__header {\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n gap: 5px;\r\n width: 100%;\r\n }\r\n &__title {\r\n font-size: 20px;\r\n }\r\n &__note {\r\n font-size: 30px;\r\n }\r\n &__buttons {\r\n display: flex;\r\n align-items: center;\r\n gap: 5px;\r\n & button {\r\n color: black;\r\n background: none;\r\n border: none;\r\n cursor:pointer;\r\n & img {\r\n width: 30px;\r\n }\r\n }\r\n }\r\n & p {\r\n overflow-wrap: break-word;\r\n word-break: break-all;\r\n }\r\n & input {\r\n font-size: 20px;\r\n }\r\n}\r\n@media (max-width: 400px) {\r\n .item {\r\n &__buttons {\r\n flex-direction: column;\r\n }\r\n }\r\n}\r\n.completed {\r\n text-decoration: line-through 4px;\r\n text-decoration-color: #ffe01b;\r\n}\r\n.todo {\r\n margin: 20px 0;\r\n width: 100%;\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n justify-content: center;\r\n &__list {\r\n margin-top: 20px;\r\n }\r\n &__listTitle {\r\n font-weight: 600;\r\n font-size: 24px;\r\n }\r\n &__wrapper {\r\n \r\n box-shadow: -1px 3px 13px -4px rgba(66, 68, 90, 1);\r\n padding: 40px;\r\n border-radius: 20px;\r\n\r\n }\r\n &__panel {\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: space-between;\r\n gap: 20px;\r\n & input {\r\n padding: 10px 20px;\r\n border: none;\r\n border-radius: 25px;\r\n outline: none;\r\n box-shadow: -1px 3px 13px -4px rgba(66, 68, 90, 1);\r\n font-size: 20px;\r\n }\r\n & button {\r\n font-size: 20px;\r\n color: black;\r\n background: #ffe01b;\r\n border: 1px solid black;\r\n padding: 10px 20px;\r\n border-radius: 25px;\r\n cursor:pointer;\r\n font-weight: 600;\r\n transition: .3s ease all;\r\n }\r\n & button:active {\r\n transform: translateY(-5px);\r\n }\r\n }\r\n}\r\n\r\n\r\n.checkbox-container {\r\n position: relative;\r\n display: block;\r\n padding-left: 30px;\r\n height: 30px;\r\n cursor: pointer;\r\n font-size: 16px;\r\n\r\n}\r\n\r\n.checkbox-container input {\r\n position: absolute;\r\n opacity: 0;\r\n cursor: pointer;\r\n}\r\n\r\n.checkmark {\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n height: 30px;\r\n width: 30px;\r\n border-radius: 50%;\r\n background-color: #cdcdcd;\r\n box-shadow: -1px 3px 33px -4px rgba(66, 68, 90, 1);\r\n border: 1px solid black;;\r\n}\r\n\r\n.checkbox-container:hover input ~ .checkmark {\r\n background-color: #aaa;\r\n}\r\n\r\n.checkbox-container input:checked ~ .checkmark {\r\n background: #ffe01b;\r\n}\r\n\r\n.checkmark:after {\r\n content: \"\";\r\n position: absolute;\r\n display: none;\r\n}\r\n\r\n.checkbox-container input:checked ~ .checkmark:after {\r\n display: block;\r\n}\r\n\r\n.checkbox-container .checkmark:after {\r\n left: 11px;\r\n top: 6px;\r\n width: 5px;\r\n height: 10px;\r\n border: solid black;\r\n border-width: 0 3px 3px 0;\r\n transform: rotate(45deg);\r\n}\r\n.title {\r\n text-align: center;\r\n font-size: 40px;\r\n font-weight: 700;\r\n margin-top: 100px;\r\n}\r\n\r\n.delete {\r\n position: absolute;\r\n top: 0;\r\n bottom: 0;\r\n right: 0;\r\n left: 0;\r\n background: rgba(0,0,0,.3);\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n padding: 0 15px;\r\n z-index: 10;\r\n &__item {\r\n display: flex;\r\n background: white;\r\n flex-direction: column;\r\n gap: 20px;\r\n border-radius: 20px;\r\n box-shadow: -1px 3px 13px -4px rgba(66, 68, 90, 1);\r\n padding: 30px 60px;\r\n width: 100%;\r\n max-width: 400px;\r\n }\r\n &__title {\r\n text-align: center;\r\n font-size: 24px;\r\n font-weight: 600;\r\n }\r\n &__buttons {\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n }\r\n &__button {\r\n border-radius: 10px;\r\n padding: 10px 20px;\r\n font-size: 20px;\r\n border: 1px solid black;\r\n font-weight: 600;\r\n cursor: pointer;\r\n background: #ffffff;\r\n }\r\n &__yes {\r\n background: #ff4a4a;\r\n border: 1px solid #ff4a4a;\r\n color: white;\r\n }\r\n &__opened {\r\n display: flex;\r\n }\r\n\r\n &__closed {\r\n display: none;\r\n }\r\n}\r\n@media (max-width: 450px) {\r\n .delete {\r\n &__item {\r\n padding: 10px 20px;\r\n }\r\n }\r\n}","@import url(\"https://fonts.googleapis.com/css2?family=Montserrat&family=Work+Sans&display=swap\");\n* {\n padding: 0;\n margin: 0;\n box-sizing: border-box;\n font-family: \"Work Sans\", serif;\n}\n\nhtml, body {\n width: 100%;\n}\n\n#root {\n width: 100%;\n}\n\n.App {\n width: 100%;\n padding: 0 15px;\n}\n\n.modal-open {\n overflow: hidden;\n}\n\n.item {\n display: flex;\n align-items: center;\n box-shadow: -1px 3px 13px -4px rgb(66, 68, 90);\n padding: 10px 20px;\n border-radius: 14px;\n justify-content: space-between;\n margin-top: 30px;\n width: 100%;\n max-width: 700px;\n cursor: pointer;\n}\n.item__text {\n align-items: center;\n gap: 20px;\n display: flex;\n width: 100%;\n flex-direction: column;\n justify-content: space-between;\n}\n.item__info {\n width: 100%;\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: 5px;\n}\n.item__header {\n display: flex;\n justify-content: space-between;\n align-items: center;\n gap: 5px;\n width: 100%;\n}\n.item__title {\n font-size: 20px;\n}\n.item__note {\n font-size: 30px;\n}\n.item__buttons {\n display: flex;\n align-items: center;\n gap: 5px;\n}\n.item__buttons button {\n color: black;\n background: none;\n border: none;\n cursor: pointer;\n}\n.item__buttons button img {\n width: 30px;\n}\n.item p {\n overflow-wrap: break-word;\n word-break: break-all;\n}\n.item input {\n font-size: 20px;\n}\n\n@media (max-width: 400px) {\n .item__buttons {\n flex-direction: column;\n }\n}\n.completed {\n text-decoration: line-through 4px;\n text-decoration-color: #ffe01b;\n}\n\n.todo {\n margin: 20px 0;\n width: 100%;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n}\n.todo__list {\n margin-top: 20px;\n}\n.todo__listTitle {\n font-weight: 600;\n font-size: 24px;\n}\n.todo__wrapper {\n box-shadow: -1px 3px 13px -4px rgb(66, 68, 90);\n padding: 40px;\n border-radius: 20px;\n}\n.todo__panel {\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n gap: 20px;\n}\n.todo__panel input {\n padding: 10px 20px;\n border: none;\n border-radius: 25px;\n outline: none;\n box-shadow: -1px 3px 13px -4px rgb(66, 68, 90);\n font-size: 20px;\n}\n.todo__panel button {\n font-size: 20px;\n color: black;\n background: #ffe01b;\n border: 1px solid black;\n padding: 10px 20px;\n border-radius: 25px;\n cursor: pointer;\n font-weight: 600;\n transition: 0.3s ease all;\n}\n.todo__panel button:active {\n transform: translateY(-5px);\n}\n\n.checkbox-container {\n position: relative;\n display: block;\n padding-left: 30px;\n height: 30px;\n cursor: pointer;\n font-size: 16px;\n}\n\n.checkbox-container input {\n position: absolute;\n opacity: 0;\n cursor: pointer;\n}\n\n.checkmark {\n position: absolute;\n top: 0;\n left: 0;\n height: 30px;\n width: 30px;\n border-radius: 50%;\n background-color: #cdcdcd;\n box-shadow: -1px 3px 33px -4px rgb(66, 68, 90);\n border: 1px solid black;\n}\n\n.checkbox-container:hover input ~ .checkmark {\n background-color: #aaa;\n}\n\n.checkbox-container input:checked ~ .checkmark {\n background: #ffe01b;\n}\n\n.checkmark:after {\n content: \"\";\n position: absolute;\n display: none;\n}\n\n.checkbox-container input:checked ~ .checkmark:after {\n display: block;\n}\n\n.checkbox-container .checkmark:after {\n left: 11px;\n top: 6px;\n width: 5px;\n height: 10px;\n border: solid black;\n border-width: 0 3px 3px 0;\n transform: rotate(45deg);\n}\n\n.title {\n text-align: center;\n font-size: 40px;\n font-weight: 700;\n margin-top: 100px;\n}\n\n.delete {\n position: absolute;\n top: 0;\n bottom: 0;\n right: 0;\n left: 0;\n background: rgba(0, 0, 0, 0.3);\n display: flex;\n align-items: center;\n justify-content: center;\n padding: 0 15px;\n z-index: 10;\n}\n.delete__item {\n display: flex;\n background: white;\n flex-direction: column;\n gap: 20px;\n border-radius: 20px;\n box-shadow: -1px 3px 13px -4px rgb(66, 68, 90);\n padding: 30px 60px;\n width: 100%;\n max-width: 400px;\n}\n.delete__title {\n text-align: center;\n font-size: 24px;\n font-weight: 600;\n}\n.delete__buttons {\n display: flex;\n align-items: center;\n justify-content: space-between;\n}\n.delete__button {\n border-radius: 10px;\n padding: 10px 20px;\n font-size: 20px;\n border: 1px solid black;\n font-weight: 600;\n cursor: pointer;\n background: #ffffff;\n}\n.delete__yes {\n background: #ff4a4a;\n border: 1px solid #ff4a4a;\n color: white;\n}\n.delete__opened {\n display: flex;\n}\n.delete__closed {\n display: none;\n}\n\n@media (max-width: 450px) {\n .delete__item {\n padding: 10px 20px;\n }\n}\n\n",".button {\r\n font-size: 20px;\r\n color: black;\r\n background: #ffe01b;\r\n border: 1px solid black;\r\n padding: 10px 20px;\r\n border-radius: 25px;\r\n cursor:pointer;\r\n font-weight: 600;\r\n transition: .3s ease all;\r\n}\r\n\r\n.button:active{\r\n transform: translateY(-5px);\r\n}",".button {\n font-size: 20px;\n color: black;\n background: #ffe01b;\n border: 1px solid black;\n padding: 10px 20px;\n border-radius: 25px;\n cursor: pointer;\n font-weight: 600;\n transition: 0.3s ease all;\n}\n\n.button:active {\n transform: translateY(-5px);\n}\n\n",".wrapper {\r\n position: absolute;\r\n top: 0;\r\n bottom: 0;\r\n right: 0;\r\n left: 0;\r\n background: rgba(0,0,0,.3);\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n padding: 0 15px;\r\n z-index: 10;\r\n}\r\n.header {\r\n display: flex;\r\n justify-content: space-between;\r\n}\r\n.modal {\r\n display: flex;\r\n background: white;\r\n flex-direction: column;\r\n gap: 20px;\r\n border-radius: 20px;\r\n box-shadow: -1px 3px 13px -4px rgba(66, 68, 90, 1);\r\n padding: 30px 60px;\r\n max-width: 700px;\r\n width: 100%;\r\n}\r\n.closeButton {\r\n font-size: 30px;\r\n background: none;\r\n outline: none;\r\n cursor: pointer;\r\n border: none;\r\n}\r\n.title {\r\n font-size: 30px;\r\n font-weight: 600;\r\n}\r\n\r\n.opened {\r\n display: flex;\r\n}\r\n\r\n.closed {\r\n display: none;\r\n}\r\n.error {\r\n color: #ff4d4d;\r\n font-size: 20px;\r\n}\r\n.noError {\r\n display: none;\r\n}\r\n@media(max-width: 550px) {\r\n .modal {\r\n padding: 20px 30px;\r\n }\r\n}",".wrapper {\n position: absolute;\n top: 0;\n bottom: 0;\n right: 0;\n left: 0;\n background: rgba(0, 0, 0, 0.3);\n display: flex;\n align-items: center;\n justify-content: center;\n padding: 0 15px;\n z-index: 10;\n}\n\n.header {\n display: flex;\n justify-content: space-between;\n}\n\n.modal {\n display: flex;\n background: white;\n flex-direction: column;\n gap: 20px;\n border-radius: 20px;\n box-shadow: -1px 3px 13px -4px rgb(66, 68, 90);\n padding: 30px 60px;\n max-width: 700px;\n width: 100%;\n}\n\n.closeButton {\n font-size: 30px;\n background: none;\n outline: none;\n cursor: pointer;\n border: none;\n}\n\n.title {\n font-size: 30px;\n font-weight: 600;\n}\n\n.opened {\n display: flex;\n}\n\n.closed {\n display: none;\n}\n\n.error {\n color: #ff4d4d;\n font-size: 20px;\n}\n\n.noError {\n display: none;\n}\n\n@media (max-width: 550px) {\n .modal {\n padding: 20px 30px;\n }\n}\n\n",".textarea {\r\n padding: 10px 20px;\r\n border: none;\r\n border-radius: 25px;\r\n outline: none;\r\n box-shadow: -1px 3px 13px -4px rgba(66, 68, 90, 1);\r\n font-size: 20px;\r\n resize: none;\r\n width: 100%;\r\n height: 200px;\r\n}",".input {\r\n padding: 10px 20px;\r\n border: none;\r\n border-radius: 25px;\r\n outline: none;\r\n box-shadow: -1px 3px 13px -4px rgba(66, 68, 90, 1);\r\n font-size: 20px;\r\n}",".textarea {\n padding: 10px 20px;\n border: none;\n border-radius: 25px;\n outline: none;\n box-shadow: -1px 3px 13px -4px rgb(66, 68, 90);\n font-size: 20px;\n resize: none;\n width: 100%;\n height: 200px;\n}\n\n"],"names":[],"sourceRoot":""} \ No newline at end of file diff --git a/static/css/main.553f653a.css b/static/css/main.553f653a.css new file mode 100644 index 0000000..a72e434 --- /dev/null +++ b/static/css/main.553f653a.css @@ -0,0 +1,2 @@ +@import url(https://fonts.googleapis.com/css2?family=Montserrat&family=Work+Sans&display=swap);*{box-sizing:border-box;font-family:Work Sans,serif;margin:0;padding:0}#root,.App,body,html{width:100%}.App{padding:0 15px}.modal-open{overflow:hidden}.item{border-radius:14px;box-shadow:-1px 3px 13px -4px #42445a;cursor:pointer;margin-top:30px;max-width:700px;padding:10px 20px}.item,.item__text{align-items:center;display:flex;justify-content:space-between;width:100%}.item__text{flex-direction:column;gap:20px}.item__header,.item__info{align-items:center;display:flex;gap:5px;justify-content:space-between;width:100%}.item__title{font-size:20px}.item__note{font-size:30px}.item__buttons{align-items:center;display:flex;gap:5px}.item__buttons button{background:none;border:none;color:#000;cursor:pointer}.item__buttons button img{width:30px}.item p{overflow-wrap:break-word;word-break:break-all}.item input{font-size:20px}@media (max-width:400px){.item__buttons{flex-direction:column}}.completed{-webkit-text-decoration:line-through 4px;text-decoration:line-through 4px;text-decoration-color:#ffe01b}.todo{align-items:center;display:flex;flex-direction:column;justify-content:center;margin:20px 0;width:100%}.todo__list{margin-top:20px}.todo__empty{color:#aaa;font-size:20px;margin:40px 0 20px;text-align:center}.todo__listTitle{font-size:24px;font-weight:600}.todo__wrapper{border-radius:20px;box-shadow:-1px 3px 13px -4px #42445a;padding:40px}.todo__panel{display:flex;flex-direction:column;gap:20px;justify-content:space-between}.todo__panel input{border:none;border-radius:25px;box-shadow:-1px 3px 13px -4px #42445a;font-size:20px;outline:none;padding:10px 20px}.todo__panel button{background:#ffe01b;border:1px solid #000;border-radius:25px;color:#000;cursor:pointer;font-size:20px;font-weight:600;padding:10px 20px;transition:all .3s ease}.todo__panel button:active{-webkit-transform:translateY(-5px);transform:translateY(-5px)}.checkbox-container{cursor:pointer;display:block;font-size:16px;height:30px;padding-left:30px;position:relative}.checkbox-container input{cursor:pointer;opacity:0;position:absolute}.checkmark{background-color:#cdcdcd;border:1px solid #000;border-radius:50%;box-shadow:-1px 3px 33px -4px #42445a;height:30px;left:0;position:absolute;top:0;width:30px}.checkbox-container:hover input~.checkmark{background-color:#aaa}.checkbox-container input:checked~.checkmark{background:#ffe01b}.checkmark:after{content:"";display:none;position:absolute}.checkbox-container input:checked~.checkmark:after{display:block}.checkbox-container .checkmark:after{border:solid #000;border-width:0 3px 3px 0;height:10px;left:11px;top:6px;-webkit-transform:rotate(45deg);transform:rotate(45deg);width:5px}.title{font-size:40px;font-weight:700;margin-top:100px;text-align:center}.delete{align-items:center;background:rgba(0,0,0,.3);bottom:0;display:flex;justify-content:center;left:0;padding:0 15px;position:fixed;right:0;top:0;z-index:10}.delete__item{background:#fff;border-radius:20px;box-shadow:-1px 3px 13px -4px #42445a;display:flex;flex-direction:column;gap:20px;max-width:400px;padding:30px 60px;width:100%}.delete__title{font-size:24px;font-weight:600;text-align:center}.delete__buttons{align-items:center;display:flex;justify-content:space-between}.delete__button{background:#fff;border:1px solid #000;border-radius:10px;cursor:pointer;font-size:20px;font-weight:600;padding:10px 20px}.delete__yes{background:#ff4a4a;border:1px solid #ff4a4a;color:#fff}.delete__opened{display:flex}.delete__closed{display:none}@media (max-width:450px){.delete__item{padding:10px 20px}}.Button_button__OdBUH{background:#ffe01b;border:1px solid #000;border-radius:25px;color:#000;cursor:pointer;font-size:20px;font-weight:600;padding:10px 20px;transition:all .3s ease}.Button_button__OdBUH:active{-webkit-transform:translateY(-5px);transform:translateY(-5px)}.Modal_wrapper__DmD\+P{align-items:center;background:rgba(0,0,0,.3);bottom:0;display:flex;justify-content:center;left:0;padding:0 15px;position:absolute;right:0;top:0;z-index:10}.Modal_header__OcD7h{display:flex;justify-content:space-between}.Modal_modal__Vm9u9{background:#fff;border-radius:20px;box-shadow:-1px 3px 13px -4px #42445a;display:flex;flex-direction:column;gap:20px;max-width:700px;padding:30px 60px;width:100%}.Modal_closeButton__TYObM{background:none;border:none;cursor:pointer;font-size:30px;outline:none}.Modal_title__XEx2V{font-size:30px;font-weight:600}.Modal_opened__4Wi3I{display:flex}.Modal_closed__NRTs0{display:none}.Modal_error__4SYes{color:#ff4d4d;font-size:20px}.Modal_noError__SO8RG{display:none}@media (max-width:550px){.Modal_modal__Vm9u9{padding:20px 30px}}.Input_input__P5Esx,.TextArea_textarea__RMn3T{border:none;border-radius:25px;box-shadow:-1px 3px 13px -4px #42445a;font-size:20px;outline:none;padding:10px 20px}.TextArea_textarea__RMn3T{height:200px;resize:none;width:100%} +/*# sourceMappingURL=main.553f653a.css.map*/ \ No newline at end of file diff --git a/static/css/main.553f653a.css.map b/static/css/main.553f653a.css.map new file mode 100644 index 0000000..e698095 --- /dev/null +++ b/static/css/main.553f653a.css.map @@ -0,0 +1 @@ +{"version":3,"file":"static/css/main.553f653a.css","mappings":"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","sources":["styles/style.scss","styles/style.css","components/UI/Button/Button.module.scss","components/UI/Button/Button.module.css","components/UI/Modal/Modal.module.scss","components/UI/Modal/Modal.module.css","components/UI/TextArea/TextArea.module.scss","components/UI/Input/Input.module.scss","components/UI/TextArea/TextArea.module.css"],"sourcesContent":["@import url('https://fonts.googleapis.com/css2?family=Montserrat&family=Work+Sans&display=swap');\r\n\r\n\r\n\r\n* {\r\n padding: 0;\r\n margin: 0;\r\n box-sizing: border-box;\r\n font-family: \"Work Sans\", serif;\r\n}\r\nhtml, body {\r\n width: 100%;\r\n}\r\n#root {\r\n width: 100%;\r\n}\r\n.App {\r\n width: 100%;\r\n padding: 0 15px;\r\n}\r\n.modal-open {\r\n overflow: hidden;\r\n}\r\n\r\n.item {\r\n display: flex;\r\n align-items: center;\r\n box-shadow: -1px 3px 13px -4px rgba(66, 68, 90, 1);\r\n padding: 10px 20px;\r\n border-radius: 14px;\r\n justify-content: space-between;\r\n margin-top: 30px;\r\n width:100%;\r\n max-width: 700px;\r\n cursor: pointer;\r\n &__text {\r\n align-items: center;\r\n gap: 20px;\r\n display: flex;\r\n width: 100%;\r\n flex-direction: column;\r\n justify-content: space-between;\r\n }\r\n\r\n &__info {\r\n width: 100%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n gap: 5px;\r\n }\r\n &__header {\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n gap: 5px;\r\n width: 100%;\r\n }\r\n &__title {\r\n font-size: 20px;\r\n }\r\n &__note {\r\n font-size: 30px;\r\n }\r\n &__buttons {\r\n display: flex;\r\n align-items: center;\r\n gap: 5px;\r\n & button {\r\n color: black;\r\n background: none;\r\n border: none;\r\n cursor:pointer;\r\n & img {\r\n width: 30px;\r\n }\r\n }\r\n }\r\n & p {\r\n overflow-wrap: break-word;\r\n word-break: break-all;\r\n }\r\n & input {\r\n font-size: 20px;\r\n }\r\n}\r\n@media (max-width: 400px) {\r\n .item {\r\n &__buttons {\r\n flex-direction: column;\r\n }\r\n }\r\n}\r\n.completed {\r\n text-decoration: line-through 4px;\r\n text-decoration-color: #ffe01b;\r\n}\r\n.todo {\r\n margin: 20px 0;\r\n width: 100%;\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n justify-content: center;\r\n &__list {\r\n margin-top: 20px;\r\n }\r\n &__empty {\r\n margin: 40px 0 20px 0;\r\n font-size: 20px;\r\n color: #aaaaaa;\r\n text-align: center;\r\n }\r\n &__listTitle {\r\n font-weight: 600;\r\n font-size: 24px;\r\n }\r\n &__wrapper {\r\n\r\n box-shadow: -1px 3px 13px -4px rgba(66, 68, 90, 1);\r\n padding: 40px;\r\n border-radius: 20px;\r\n\r\n }\r\n &__panel {\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: space-between;\r\n gap: 20px;\r\n & input {\r\n padding: 10px 20px;\r\n border: none;\r\n border-radius: 25px;\r\n outline: none;\r\n box-shadow: -1px 3px 13px -4px rgba(66, 68, 90, 1);\r\n font-size: 20px;\r\n }\r\n & button {\r\n font-size: 20px;\r\n color: black;\r\n background: #ffe01b;\r\n border: 1px solid black;\r\n padding: 10px 20px;\r\n border-radius: 25px;\r\n cursor:pointer;\r\n font-weight: 600;\r\n transition: .3s ease all;\r\n }\r\n & button:active {\r\n transform: translateY(-5px);\r\n }\r\n }\r\n}\r\n\r\n\r\n.checkbox-container {\r\n position: relative;\r\n display: block;\r\n padding-left: 30px;\r\n height: 30px;\r\n cursor: pointer;\r\n font-size: 16px;\r\n\r\n}\r\n\r\n.checkbox-container input {\r\n position: absolute;\r\n opacity: 0;\r\n cursor: pointer;\r\n}\r\n\r\n.checkmark {\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n height: 30px;\r\n width: 30px;\r\n border-radius: 50%;\r\n background-color: #cdcdcd;\r\n box-shadow: -1px 3px 33px -4px rgba(66, 68, 90, 1);\r\n border: 1px solid black;;\r\n}\r\n\r\n.checkbox-container:hover input ~ .checkmark {\r\n background-color: #aaa;\r\n}\r\n\r\n.checkbox-container input:checked ~ .checkmark {\r\n background: #ffe01b;\r\n}\r\n\r\n.checkmark:after {\r\n content: \"\";\r\n position: absolute;\r\n display: none;\r\n}\r\n\r\n.checkbox-container input:checked ~ .checkmark:after {\r\n display: block;\r\n}\r\n\r\n.checkbox-container .checkmark:after {\r\n left: 11px;\r\n top: 6px;\r\n width: 5px;\r\n height: 10px;\r\n border: solid black;\r\n border-width: 0 3px 3px 0;\r\n transform: rotate(45deg);\r\n}\r\n.title {\r\n text-align: center;\r\n font-size: 40px;\r\n font-weight: 700;\r\n margin-top: 100px;\r\n}\r\n\r\n.delete {\r\n position: fixed;\r\n top: 0;\r\n bottom: 0;\r\n right: 0;\r\n left: 0;\r\n background: rgba(0,0,0,.3);\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n padding: 0 15px;\r\n z-index: 10;\r\n &__item {\r\n display: flex;\r\n background: white;\r\n flex-direction: column;\r\n gap: 20px;\r\n border-radius: 20px;\r\n box-shadow: -1px 3px 13px -4px rgba(66, 68, 90, 1);\r\n padding: 30px 60px;\r\n width: 100%;\r\n max-width: 400px;\r\n }\r\n &__title {\r\n text-align: center;\r\n font-size: 24px;\r\n font-weight: 600;\r\n }\r\n &__buttons {\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n }\r\n &__button {\r\n border-radius: 10px;\r\n padding: 10px 20px;\r\n font-size: 20px;\r\n border: 1px solid black;\r\n font-weight: 600;\r\n cursor: pointer;\r\n background: #ffffff;\r\n }\r\n &__yes {\r\n background: #ff4a4a;\r\n border: 1px solid #ff4a4a;\r\n color: white;\r\n }\r\n &__opened {\r\n display: flex;\r\n }\r\n\r\n &__closed {\r\n display: none;\r\n }\r\n}\r\n@media (max-width: 450px) {\r\n .delete {\r\n &__item {\r\n padding: 10px 20px;\r\n }\r\n }\r\n}\r\n\r\n","@import url(\"https://fonts.googleapis.com/css2?family=Montserrat&family=Work+Sans&display=swap\");\n* {\n padding: 0;\n margin: 0;\n box-sizing: border-box;\n font-family: \"Work Sans\", serif;\n}\n\nhtml, body {\n width: 100%;\n}\n\n#root {\n width: 100%;\n}\n\n.App {\n width: 100%;\n padding: 0 15px;\n}\n\n.modal-open {\n overflow: hidden;\n}\n\n.item {\n display: flex;\n align-items: center;\n box-shadow: -1px 3px 13px -4px rgb(66, 68, 90);\n padding: 10px 20px;\n border-radius: 14px;\n justify-content: space-between;\n margin-top: 30px;\n width: 100%;\n max-width: 700px;\n cursor: pointer;\n}\n.item__text {\n align-items: center;\n gap: 20px;\n display: flex;\n width: 100%;\n flex-direction: column;\n justify-content: space-between;\n}\n.item__info {\n width: 100%;\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: 5px;\n}\n.item__header {\n display: flex;\n justify-content: space-between;\n align-items: center;\n gap: 5px;\n width: 100%;\n}\n.item__title {\n font-size: 20px;\n}\n.item__note {\n font-size: 30px;\n}\n.item__buttons {\n display: flex;\n align-items: center;\n gap: 5px;\n}\n.item__buttons button {\n color: black;\n background: none;\n border: none;\n cursor: pointer;\n}\n.item__buttons button img {\n width: 30px;\n}\n.item p {\n overflow-wrap: break-word;\n word-break: break-all;\n}\n.item input {\n font-size: 20px;\n}\n\n@media (max-width: 400px) {\n .item__buttons {\n flex-direction: column;\n }\n}\n.completed {\n text-decoration: line-through 4px;\n text-decoration-color: #ffe01b;\n}\n\n.todo {\n margin: 20px 0;\n width: 100%;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n}\n.todo__list {\n margin-top: 20px;\n}\n.todo__empty {\n margin: 40px 0 20px 0;\n font-size: 20px;\n color: #aaaaaa;\n text-align: center;\n}\n.todo__listTitle {\n font-weight: 600;\n font-size: 24px;\n}\n.todo__wrapper {\n box-shadow: -1px 3px 13px -4px rgb(66, 68, 90);\n padding: 40px;\n border-radius: 20px;\n}\n.todo__panel {\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n gap: 20px;\n}\n.todo__panel input {\n padding: 10px 20px;\n border: none;\n border-radius: 25px;\n outline: none;\n box-shadow: -1px 3px 13px -4px rgb(66, 68, 90);\n font-size: 20px;\n}\n.todo__panel button {\n font-size: 20px;\n color: black;\n background: #ffe01b;\n border: 1px solid black;\n padding: 10px 20px;\n border-radius: 25px;\n cursor: pointer;\n font-weight: 600;\n transition: 0.3s ease all;\n}\n.todo__panel button:active {\n transform: translateY(-5px);\n}\n\n.checkbox-container {\n position: relative;\n display: block;\n padding-left: 30px;\n height: 30px;\n cursor: pointer;\n font-size: 16px;\n}\n\n.checkbox-container input {\n position: absolute;\n opacity: 0;\n cursor: pointer;\n}\n\n.checkmark {\n position: absolute;\n top: 0;\n left: 0;\n height: 30px;\n width: 30px;\n border-radius: 50%;\n background-color: #cdcdcd;\n box-shadow: -1px 3px 33px -4px rgb(66, 68, 90);\n border: 1px solid black;\n}\n\n.checkbox-container:hover input ~ .checkmark {\n background-color: #aaa;\n}\n\n.checkbox-container input:checked ~ .checkmark {\n background: #ffe01b;\n}\n\n.checkmark:after {\n content: \"\";\n position: absolute;\n display: none;\n}\n\n.checkbox-container input:checked ~ .checkmark:after {\n display: block;\n}\n\n.checkbox-container .checkmark:after {\n left: 11px;\n top: 6px;\n width: 5px;\n height: 10px;\n border: solid black;\n border-width: 0 3px 3px 0;\n transform: rotate(45deg);\n}\n\n.title {\n text-align: center;\n font-size: 40px;\n font-weight: 700;\n margin-top: 100px;\n}\n\n.delete {\n position: fixed;\n top: 0;\n bottom: 0;\n right: 0;\n left: 0;\n background: rgba(0, 0, 0, 0.3);\n display: flex;\n align-items: center;\n justify-content: center;\n padding: 0 15px;\n z-index: 10;\n}\n.delete__item {\n display: flex;\n background: white;\n flex-direction: column;\n gap: 20px;\n border-radius: 20px;\n box-shadow: -1px 3px 13px -4px rgb(66, 68, 90);\n padding: 30px 60px;\n width: 100%;\n max-width: 400px;\n}\n.delete__title {\n text-align: center;\n font-size: 24px;\n font-weight: 600;\n}\n.delete__buttons {\n display: flex;\n align-items: center;\n justify-content: space-between;\n}\n.delete__button {\n border-radius: 10px;\n padding: 10px 20px;\n font-size: 20px;\n border: 1px solid black;\n font-weight: 600;\n cursor: pointer;\n background: #ffffff;\n}\n.delete__yes {\n background: #ff4a4a;\n border: 1px solid #ff4a4a;\n color: white;\n}\n.delete__opened {\n display: flex;\n}\n.delete__closed {\n display: none;\n}\n\n@media (max-width: 450px) {\n .delete__item {\n padding: 10px 20px;\n }\n}\n\n",".button {\r\n font-size: 20px;\r\n color: black;\r\n background: #ffe01b;\r\n border: 1px solid black;\r\n padding: 10px 20px;\r\n border-radius: 25px;\r\n cursor:pointer;\r\n font-weight: 600;\r\n transition: .3s ease all;\r\n}\r\n\r\n.button:active{\r\n transform: translateY(-5px);\r\n}",".button {\n font-size: 20px;\n color: black;\n background: #ffe01b;\n border: 1px solid black;\n padding: 10px 20px;\n border-radius: 25px;\n cursor: pointer;\n font-weight: 600;\n transition: 0.3s ease all;\n}\n\n.button:active {\n transform: translateY(-5px);\n}\n\n",".wrapper {\r\n position: absolute;\r\n top: 0;\r\n bottom: 0;\r\n right: 0;\r\n left: 0;\r\n background: rgba(0,0,0,.3);\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n padding: 0 15px;\r\n z-index: 10;\r\n}\r\n.header {\r\n display: flex;\r\n justify-content: space-between;\r\n}\r\n.modal {\r\n display: flex;\r\n background: white;\r\n flex-direction: column;\r\n gap: 20px;\r\n border-radius: 20px;\r\n box-shadow: -1px 3px 13px -4px rgba(66, 68, 90, 1);\r\n padding: 30px 60px;\r\n max-width: 700px;\r\n width: 100%;\r\n}\r\n.closeButton {\r\n font-size: 30px;\r\n background: none;\r\n outline: none;\r\n cursor: pointer;\r\n border: none;\r\n}\r\n.title {\r\n font-size: 30px;\r\n font-weight: 600;\r\n}\r\n\r\n.opened {\r\n display: flex;\r\n}\r\n\r\n.closed {\r\n display: none;\r\n}\r\n.error {\r\n color: #ff4d4d;\r\n font-size: 20px;\r\n}\r\n.noError {\r\n display: none;\r\n}\r\n@media(max-width: 550px) {\r\n .modal {\r\n padding: 20px 30px;\r\n }\r\n}",".wrapper {\n position: absolute;\n top: 0;\n bottom: 0;\n right: 0;\n left: 0;\n background: rgba(0, 0, 0, 0.3);\n display: flex;\n align-items: center;\n justify-content: center;\n padding: 0 15px;\n z-index: 10;\n}\n\n.header {\n display: flex;\n justify-content: space-between;\n}\n\n.modal {\n display: flex;\n background: white;\n flex-direction: column;\n gap: 20px;\n border-radius: 20px;\n box-shadow: -1px 3px 13px -4px rgb(66, 68, 90);\n padding: 30px 60px;\n max-width: 700px;\n width: 100%;\n}\n\n.closeButton {\n font-size: 30px;\n background: none;\n outline: none;\n cursor: pointer;\n border: none;\n}\n\n.title {\n font-size: 30px;\n font-weight: 600;\n}\n\n.opened {\n display: flex;\n}\n\n.closed {\n display: none;\n}\n\n.error {\n color: #ff4d4d;\n font-size: 20px;\n}\n\n.noError {\n display: none;\n}\n\n@media (max-width: 550px) {\n .modal {\n padding: 20px 30px;\n }\n}\n\n",".textarea {\r\n padding: 10px 20px;\r\n border: none;\r\n border-radius: 25px;\r\n outline: none;\r\n box-shadow: -1px 3px 13px -4px rgba(66, 68, 90, 1);\r\n font-size: 20px;\r\n resize: none;\r\n width: 100%;\r\n height: 200px;\r\n}",".input {\r\n padding: 10px 20px;\r\n border: none;\r\n border-radius: 25px;\r\n outline: none;\r\n box-shadow: -1px 3px 13px -4px rgba(66, 68, 90, 1);\r\n font-size: 20px;\r\n}",".textarea {\n padding: 10px 20px;\n border: none;\n border-radius: 25px;\n outline: none;\n box-shadow: -1px 3px 13px -4px rgb(66, 68, 90);\n font-size: 20px;\n resize: none;\n width: 100%;\n height: 200px;\n}\n\n"],"names":[],"sourceRoot":""} \ No newline at end of file diff --git a/static/js/main.e02e2c07.js b/static/js/main.353b50a8.js similarity index 90% rename from static/js/main.e02e2c07.js rename to static/js/main.353b50a8.js index 1b35baa..0f95e37 100644 --- a/static/js/main.e02e2c07.js +++ b/static/js/main.353b50a8.js @@ -1,3 +1,3 @@ -/*! For license information please see main.e02e2c07.js.LICENSE.txt */ -!function(){"use strict";var e={981:function(e,t,n){var r=n(791),l=n(164);function a(e){var t=e,n=e;if(e.alternate)for(;t.return;)t=t.return;else{e=t;do{0!==(4098&(t=e).flags)&&(n=t.return),e=t.return}while(e)}return 3===t.tag?n:null}function o(e){if(a(e)!==e)throw Error("Unable to find node on an unmounted component.")}var i=Object.assign;function u(e){var t=e.keyCode;return"charCode"in e?0===(e=e.charCode)&&13===t&&(e=13):e=t,10===e&&(e=13),32<=e||13===e?e:0}function s(){return!0}function c(){return!1}function f(e){function t(t,n,r,l,a){for(var o in this._reactName=t,this._targetInst=r,this.type=n,this.nativeEvent=l,this.target=a,this.currentTarget=null,e)e.hasOwnProperty(o)&&(t=e[o],this[o]=t?t(l):l[o]);return this.isDefaultPrevented=(null!=l.defaultPrevented?l.defaultPrevented:!1===l.returnValue)?s:c,this.isPropagationStopped=c,this}return i(t.prototype,{preventDefault:function(){this.defaultPrevented=!0;var e=this.nativeEvent;e&&(e.preventDefault?e.preventDefault():"unknown"!==typeof e.returnValue&&(e.returnValue=!1),this.isDefaultPrevented=s)},stopPropagation:function(){var e=this.nativeEvent;e&&(e.stopPropagation?e.stopPropagation():"unknown"!==typeof e.cancelBubble&&(e.cancelBubble=!0),this.isPropagationStopped=s)},persist:function(){},isPersistent:s}),t}var d={eventPhase:0,bubbles:0,cancelable:0,timeStamp:function(e){return e.timeStamp||Date.now()},defaultPrevented:0,isTrusted:0},p=f(d),m=i({},d,{view:0,detail:0});f(m);var h,v,g,y=i({},m,{screenX:0,screenY:0,clientX:0,clientY:0,pageX:0,pageY:0,ctrlKey:0,shiftKey:0,altKey:0,metaKey:0,getModifierState:_,button:0,buttons:0,relatedTarget:function(e){return void 0===e.relatedTarget?e.fromElement===e.srcElement?e.toElement:e.fromElement:e.relatedTarget},movementX:function(e){return"movementX"in e?e.movementX:(e!==g&&(g&&"mousemove"===e.type?(h=e.screenX-g.screenX,v=e.screenY-g.screenY):v=h=0,g=e),h)},movementY:function(e){return"movementY"in e?e.movementY:v}});f(y),f(i({},y,{dataTransfer:0})),f(i({},m,{relatedTarget:0})),f(i({},d,{animationName:0,elapsedTime:0,pseudoElement:0})),f(i({},d,{clipboardData:function(e){return"clipboardData"in e?e.clipboardData:window.clipboardData}})),f(i({},d,{data:0}));var b={Esc:"Escape",Spacebar:" ",Left:"ArrowLeft",Up:"ArrowUp",Right:"ArrowRight",Down:"ArrowDown",Del:"Delete",Win:"OS",Menu:"ContextMenu",Apps:"ContextMenu",Scroll:"ScrollLock",MozPrintableKey:"Unidentified"},w={8:"Backspace",9:"Tab",12:"Clear",13:"Enter",16:"Shift",17:"Control",18:"Alt",19:"Pause",20:"CapsLock",27:"Escape",32:" ",33:"PageUp",34:"PageDown",35:"End",36:"Home",37:"ArrowLeft",38:"ArrowUp",39:"ArrowRight",40:"ArrowDown",45:"Insert",46:"Delete",112:"F1",113:"F2",114:"F3",115:"F4",116:"F5",117:"F6",118:"F7",119:"F8",120:"F9",121:"F10",122:"F11",123:"F12",144:"NumLock",145:"ScrollLock",224:"Meta"},k={Alt:"altKey",Control:"ctrlKey",Meta:"metaKey",Shift:"shiftKey"};function S(e){var t=this.nativeEvent;return t.getModifierState?t.getModifierState(e):!!(e=k[e])&&!!t[e]}function _(){return S}function x(e,t,n,r,l,a,o,i,u){var s=Array.prototype.slice.call(arguments,3);try{t.apply(n,s)}catch(c){this.onError(c)}}f(i({},m,{key:function(e){if(e.key){var t=b[e.key]||e.key;if("Unidentified"!==t)return t}return"keypress"===e.type?13===(e=u(e))?"Enter":String.fromCharCode(e):"keydown"===e.type||"keyup"===e.type?w[e.keyCode]||"Unidentified":""},code:0,location:0,ctrlKey:0,shiftKey:0,altKey:0,metaKey:0,repeat:0,locale:0,getModifierState:_,charCode:function(e){return"keypress"===e.type?u(e):0},keyCode:function(e){return"keydown"===e.type||"keyup"===e.type?e.keyCode:0},which:function(e){return"keypress"===e.type?u(e):"keydown"===e.type||"keyup"===e.type?e.keyCode:0}})),f(i({},y,{pointerId:0,width:0,height:0,pressure:0,tangentialPressure:0,tiltX:0,tiltY:0,twist:0,pointerType:0,isPrimary:0})),f(i({},m,{touches:0,targetTouches:0,changedTouches:0,altKey:0,metaKey:0,ctrlKey:0,shiftKey:0,getModifierState:_})),f(i({},d,{propertyName:0,elapsedTime:0,pseudoElement:0})),f(i({},y,{deltaX:function(e){return"deltaX"in e?e.deltaX:"wheelDeltaX"in e?-e.wheelDeltaX:0},deltaY:function(e){return"deltaY"in e?e.deltaY:"wheelDeltaY"in e?-e.wheelDeltaY:"wheelDelta"in e?-e.wheelDelta:0},deltaZ:0,deltaMode:0}));var E=!1,C=null,N=!1,P=null,T={onError:function(e){E=!0,C=e}};function z(e,t,n,r,l,a,o,i,u){E=!1,C=null,x.apply(T,arguments)}var O=Array.isArray,L=l.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.Events,M=L[0],D=L[1],R=L[2],I=L[3],F=L[4],j=r.unstable_act;function U(){}function A(e,t){if(!e)return[];if(e=function(e){var t=e.alternate;if(!t){if(null===(t=a(e)))throw Error("Unable to find node on an unmounted component.");return t!==e?null:e}for(var n=e,r=t;;){var l=n.return;if(null===l)break;var i=l.alternate;if(null===i){if(null!==(r=l.return)){n=r;continue}break}if(l.child===i.child){for(i=l.child;i;){if(i===n)return o(l),e;if(i===r)return o(l),t;i=i.sibling}throw Error("Unable to find node on an unmounted component.")}if(n.return!==r.return)n=l,r=i;else{for(var u=!1,s=l.child;s;){if(s===n){u=!0,n=l,r=i;break}if(s===r){u=!0,r=l,n=i;break}s=s.sibling}if(!u){for(s=i.child;s;){if(s===n){u=!0,n=i,r=l;break}if(s===r){u=!0,r=i,n=l;break}s=s.sibling}if(!u)throw Error("Child was not found in either parent set. This indicates a bug in React related to the return pointer. Please file an issue.")}}if(n.alternate!==r)throw Error("Return fibers should always be each others' alternates. This error is likely caused by a bug in React. Please file an issue.")}if(3!==n.tag)throw Error("Unable to find node on an unmounted component.");return n.stateNode.current===n?e:t}(e),!e)return[];for(var n=e,r=[];;){if(5===n.tag||6===n.tag||1===n.tag||0===n.tag){var l=n.stateNode;t(l)&&r.push(l)}if(n.child)n.child.return=n,n=n.child;else{if(n===e)return r;for(;!n.sibling;){if(!n.return||n.return===e)return r;n=n.return}n.sibling.return=n.return,n=n.sibling}}}function V(e,t){if(e&&!e._reactInternals){var n=String(e);throw e=O(e)?"an array":e&&1===e.nodeType&&e.tagName?"a DOM node":"[object Object]"===n?"object with keys {"+Object.keys(e).join(", ")+"}":n,Error(t+"(...): the first argument must be a React class instance. Instead received: "+e+".")}}function $(e){return!(!e||1!==e.nodeType||!e.tagName)}function B(e){return!$(e)&&(null!=e&&"function"===typeof e.render&&"function"===typeof e.setState)}function W(e,t){return!!B(e)&&e._reactInternals.type===t}function H(e,t){return V(e,"findAllInRenderedTree"),e?A(e._reactInternals,t):[]}function Q(e,t){return V(e,"scryRenderedDOMComponentsWithClass"),H(e,(function(e){if($(e)){var n=e.className;"string"!==typeof n&&(n=e.getAttribute("class")||"");var r=n.split(/\s+/);if(!O(t)){if(void 0===t)throw Error("TestUtils.scryRenderedDOMComponentsWithClass expects a className as a second argument.");t=t.split(/\s+/)}return t.every((function(e){return-1!==r.indexOf(e)}))}return!1}))}function K(e,t){return V(e,"scryRenderedDOMComponentsWithTag"),H(e,(function(e){return $(e)&&e.tagName.toUpperCase()===t.toUpperCase()}))}function Y(e,t){return V(e,"scryRenderedComponentsWithType"),H(e,(function(e){return W(e,t)}))}function X(e,t,n){var r=e.type||"unknown-event";e.currentTarget=D(n),function(e,t,n,r,l,a,o,i,u){if(z.apply(this,arguments),E){if(!E)throw Error("clearCaughtError was called but no error was captured. This error is likely caused by a bug in React. Please file an issue.");var s=C;E=!1,C=null,N||(N=!0,P=s)}}(r,t,void 0,e),e.currentTarget=null}function q(e,t,n){for(var r=[];e;){r.push(e);do{e=e.return}while(e&&5!==e.tag);e=e||null}for(e=r.length;0