d?(a.sortIndex=c,f(t,a),null===h(r)&&a===h(t)&&(B?(E(L),L=-1):B=!0,K(H,c-d))):(a.sortIndex=e,f(r,a),A||z||(A=!0,I(J)));return a};\nexports.unstable_shouldYield=M;exports.unstable_wrapCallback=function(a){var b=y;return function(){var c=y;y=b;try{return a.apply(this,arguments)}finally{y=c}}};\n","'use strict';\n\nif (process.env.NODE_ENV === 'production') {\n module.exports = require('./cjs/scheduler.production.min.js');\n} else {\n module.exports = require('./cjs/scheduler.development.js');\n}\n","// The module cache\nvar __webpack_module_cache__ = {};\n\n// The require function\nfunction __webpack_require__(moduleId) {\n\t// Check if module is in cache\n\tvar cachedModule = __webpack_module_cache__[moduleId];\n\tif (cachedModule !== undefined) {\n\t\treturn cachedModule.exports;\n\t}\n\t// Create a new module (and put it into the cache)\n\tvar module = __webpack_module_cache__[moduleId] = {\n\t\t// no module.id needed\n\t\t// no module.loaded needed\n\t\texports: {}\n\t};\n\n\t// Execute the module function\n\t__webpack_modules__[moduleId](module, module.exports, __webpack_require__);\n\n\t// Return the exports of the module\n\treturn module.exports;\n}\n\n","__webpack_require__.p = \"/aesthetic-checklist-react/\";","export default function _arrayLikeToArray(arr, len) {\n if (len == null || len > arr.length) len = arr.length;\n for (var i = 0, arr2 = new Array(len); i < len; i++) {\n arr2[i] = arr[i];\n }\n return arr2;\n}","import arrayLikeToArray from \"./arrayLikeToArray.js\";\nexport default function _unsupportedIterableToArray(o, minLen) {\n if (!o) return;\n if (typeof o === \"string\") return arrayLikeToArray(o, minLen);\n var n = Object.prototype.toString.call(o).slice(8, -1);\n if (n === \"Object\" && o.constructor) n = o.constructor.name;\n if (n === \"Map\" || n === \"Set\") return Array.from(o);\n if (n === \"Arguments\" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return arrayLikeToArray(o, minLen);\n}","import arrayWithoutHoles from \"./arrayWithoutHoles.js\";\nimport iterableToArray from \"./iterableToArray.js\";\nimport unsupportedIterableToArray from \"./unsupportedIterableToArray.js\";\nimport nonIterableSpread from \"./nonIterableSpread.js\";\nexport default function _toConsumableArray(arr) {\n return arrayWithoutHoles(arr) || iterableToArray(arr) || unsupportedIterableToArray(arr) || nonIterableSpread();\n}","import arrayLikeToArray from \"./arrayLikeToArray.js\";\nexport default function _arrayWithoutHoles(arr) {\n if (Array.isArray(arr)) return arrayLikeToArray(arr);\n}","export default function _iterableToArray(iter) {\n if (typeof Symbol !== \"undefined\" && iter[Symbol.iterator] != null || iter[\"@@iterator\"] != null) return Array.from(iter);\n}","export default function _nonIterableSpread() {\n throw new TypeError(\"Invalid attempt to spread non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.\");\n}","import arrayWithHoles from \"./arrayWithHoles.js\";\nimport iterableToArrayLimit from \"./iterableToArrayLimit.js\";\nimport unsupportedIterableToArray from \"./unsupportedIterableToArray.js\";\nimport nonIterableRest from \"./nonIterableRest.js\";\nexport default function _slicedToArray(arr, i) {\n return arrayWithHoles(arr) || iterableToArrayLimit(arr, i) || unsupportedIterableToArray(arr, i) || nonIterableRest();\n}","export default function _arrayWithHoles(arr) {\n if (Array.isArray(arr)) return arr;\n}","export default function _iterableToArrayLimit(arr, i) {\n var _i = arr == null ? null : typeof Symbol !== \"undefined\" && arr[Symbol.iterator] || arr[\"@@iterator\"];\n if (_i == null) return;\n var _arr = [];\n var _n = true;\n var _d = false;\n var _s, _e;\n try {\n for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) {\n _arr.push(_s.value);\n if (i && _arr.length === i) break;\n }\n } catch (err) {\n _d = true;\n _e = err;\n } finally {\n try {\n if (!_n && _i[\"return\"] != null) _i[\"return\"]();\n } finally {\n if (_d) throw _e;\n }\n }\n return _arr;\n}","export default function _nonIterableRest() {\n throw new TypeError(\"Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.\");\n}","var _path;\nvar _excluded = [\"title\", \"titleId\"];\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\nimport * as React from \"react\";\nfunction SvgIcoSearch(_ref, svgRef) {\n var title = _ref.title,\n titleId = _ref.titleId,\n props = _objectWithoutProperties(_ref, _excluded);\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n width: 16,\n height: 16,\n viewBox: \"0 0 16 16\",\n fill: \"none\",\n xmlns: \"http://www.w3.org/2000/svg\",\n ref: svgRef,\n \"aria-labelledby\": titleId\n }, props), title ? /*#__PURE__*/React.createElement(\"title\", {\n id: titleId\n }, title) : null, _path || (_path = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M10.3333 9.33334H9.80667L9.62 9.15334C10.2959 8.36935 10.6674 7.36846 10.6667 6.33334C10.6667 5.47628 10.4125 4.63848 9.93637 3.92586C9.46022 3.21325 8.78344 2.65784 7.99163 2.32986C7.19982 2.00188 6.32853 1.91606 5.48794 2.08327C4.64736 2.25047 3.87523 2.66318 3.26921 3.26921C2.66318 3.87523 2.25047 4.64736 2.08327 5.48794C1.91606 6.32853 2.00188 7.19982 2.32986 7.99163C2.65784 8.78344 3.21325 9.46022 3.92586 9.93637C4.63848 10.4125 5.47628 10.6667 6.33334 10.6667C7.40667 10.6667 8.39334 10.2733 9.15334 9.62L9.33334 9.80667V10.3333L12.6667 13.66L13.66 12.6667L10.3333 9.33334ZM6.33334 9.33334C4.67334 9.33334 3.33334 7.99334 3.33334 6.33334C3.33334 4.67334 4.67334 3.33334 6.33334 3.33334C7.99334 3.33334 9.33334 4.67334 9.33334 6.33334C9.33334 7.99334 7.99334 9.33334 6.33334 9.33334Z\",\n fill: \"#A2B8CC\"\n })));\n}\nvar ForwardRef = /*#__PURE__*/React.forwardRef(SvgIcoSearch);\nexport default __webpack_public_path__ + \"static/media/ico-search.d4371046c61e4ad92189f1a3954ee7db.svg\";\nexport { ForwardRef as ReactComponent };","import React from \"react\";\nimport { useLocalStorage } from \"./useLocalStorage\";\n\nconst TodoContext = React.createContext();\n\nfunction TodoProvider({ children }) {\n const {\n item: todos,\n saveItem: saveTodos,\n loading,\n error,\n } = useLocalStorage('TODOS_V1', []);\n const [searchValue, setSearchValue] = React.useState('');\n const [openModal, setOpenModal] = React.useState(false);\n\n const completedTodos = todos.filter(todo => !!todo.completed).length;\n const totalTodos = todos.length;\n\n const searchedTodos = todos.filter(\n (todo) => {\n const todoText = todo.text.toLowerCase();\n const searchText = searchValue.toLowerCase();\n return todoText.includes(searchText);\n }\n )\n\n const addTodo = (text) => {\n const newTodos = [...todos];\n newTodos.push({\n text,\n completed: false,\n });\n saveTodos(newTodos);\n }\n\n const completeTodo = (text) => {\n const todoIndex = todos.findIndex((todo) => todo.text === text);\n const newTodos = [...todos];\n newTodos[todoIndex].completed = !newTodos[todoIndex].completed;\n saveTodos(newTodos);\n };\n\n const deleteTodo = (text) => {\n const newTodos = [...todos];\n const todoIndex = newTodos.findIndex(\n (todo) => todo.text === text\n );\n newTodos.splice(todoIndex, 1)\n saveTodos(newTodos)\n }\n\n return (\n \n {children}\n \n );\n}\n\nexport { TodoContext, TodoProvider };","import React from \"react\";\n\nfunction useLocalStorage(itemName, initialValue) {\n const [item, setItem] = React.useState(initialValue);\n const [loading, setLoading] = React.useState(true);\n const [error, setError] = React.useState(false);\n\n React.useEffect(() => {\n setTimeout(() => {\n try {\n const localStorageItem = localStorage.getItem(itemName);\n let parsedItem;\n \n if (!localStorageItem) {\n localStorage.setItem(itemName, JSON.stringify(initialValue));\n parsedItem = initialValue;\n } else {\n parsedItem = JSON.parse(localStorageItem);\n setItem(parsedItem);\n }\n \n setLoading(false);\n } catch (error) {\n setLoading(false);\n setError(true);\n } \n }, 2000);\n }, []);\n\n const saveItem = (newItem) => {\n localStorage.setItem(itemName, JSON.stringify(newItem));\n setItem(newItem);\n }\n\n return {\n item,\n saveItem,\n loading,\n error,\n };\n}\n\nexport { useLocalStorage };","import React from 'react';\nimport './TodoCounter.css'\nimport { TodoContext } from '../TodoContext/TodoContext';\n\nfunction TodoCounter() {\n const {\n completedTodos,\n totalTodos,\n } = React.useContext(TodoContext);\n\n return (\n totalTodos == completedTodos ?\n \n Todo en orden\n
\n :\n \n {completedTodos}/{totalTodos} completadas\n
\n )\n\n}\n\nexport { TodoCounter };","var _path;\nvar _excluded = [\"title\", \"titleId\"];\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\nimport * as React from \"react\";\nfunction SvgIcoChecked(_ref, svgRef) {\n var title = _ref.title,\n titleId = _ref.titleId,\n props = _objectWithoutProperties(_ref, _excluded);\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n width: 16,\n height: 16,\n viewBox: \"0 0 16 16\",\n ref: svgRef,\n \"aria-labelledby\": titleId\n }, props), title ? /*#__PURE__*/React.createElement(\"title\", {\n id: titleId\n }, title) : null, _path || (_path = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M7.06667 11.0666L11.7667 6.36665L10.8333 5.43331L7.06667 9.19998L5.16667 7.29998L4.23334 8.23331L7.06667 11.0666ZM8 14.6666C7.07778 14.6666 6.21111 14.4915 5.4 14.1413C4.58889 13.7911 3.88334 13.3162 3.28334 12.7166C2.68334 12.1166 2.20845 11.4111 1.85867 10.6C1.50889 9.78887 1.33378 8.9222 1.33334 7.99998C1.33334 7.07776 1.50845 6.21109 1.85867 5.39998C2.20889 4.58887 2.68378 3.88331 3.28334 3.28331C3.88334 2.68331 4.58889 2.20842 5.4 1.85865C6.21111 1.50887 7.07778 1.33376 8 1.33331C8.92222 1.33331 9.78889 1.50842 10.6 1.85865C11.4111 2.20887 12.1167 2.68376 12.7167 3.28331C13.3167 3.88331 13.7918 4.58887 14.142 5.39998C14.4922 6.21109 14.6671 7.07776 14.6667 7.99998C14.6667 8.9222 14.4916 9.78887 14.1413 10.6C13.7911 11.4111 13.3162 12.1166 12.7167 12.7166C12.1167 13.3166 11.4111 13.7918 10.6 14.142C9.78889 14.4922 8.92222 14.6671 8 14.6666ZM8 13.3333C9.48889 13.3333 10.75 12.8166 11.7833 11.7833C12.8167 10.75 13.3333 9.48887 13.3333 7.99998C13.3333 6.51109 12.8167 5.24998 11.7833 4.21665C10.75 3.18331 9.48889 2.66665 8 2.66665C6.51111 2.66665 5.25 3.18331 4.21667 4.21665C3.18334 5.24998 2.66667 6.51109 2.66667 7.99998C2.66667 9.48887 3.18334 10.75 4.21667 11.7833C5.25 12.8166 6.51111 13.3333 8 13.3333Z\"\n })));\n}\nvar ForwardRef = /*#__PURE__*/React.forwardRef(SvgIcoChecked);\nexport default __webpack_public_path__ + \"static/media/ico-checked.d397954a069b59e688df426a87cfdf4f.svg\";\nexport { ForwardRef as ReactComponent };","import React from 'react';\nimport './TodoSearch.css'\nimport { ReactComponent as SearchIcon } from './ico-search.svg'\nimport { TodoContext } from '../TodoContext/TodoContext';\n\nfunction TodoSearch() {\n const {\n searchValue,\n setSearchValue,\n } = React.useContext(TodoContext);\n\n return (\n \n\n \n {\n setSearchValue(event.target.value);\n }}\n />\n\n
\n )\n}\n\nexport { TodoSearch };","import './TodoList.css'\n\nfunction TodoList(props) {\n return (\n \n )\n }\n\n export { TodoList };","var _path;\nvar _excluded = [\"title\", \"titleId\"];\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\nimport * as React from \"react\";\nfunction SvgIcoUnchecked(_ref, svgRef) {\n var title = _ref.title,\n titleId = _ref.titleId,\n props = _objectWithoutProperties(_ref, _excluded);\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n width: 16,\n height: 16,\n viewBox: \"0 0 16 16\",\n xmlns: \"http://www.w3.org/2000/svg\",\n ref: svgRef,\n \"aria-labelledby\": titleId\n }, props), title ? /*#__PURE__*/React.createElement(\"title\", {\n id: titleId\n }, title) : null, _path || (_path = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M8 14.6666C7.07778 14.6666 6.21111 14.4915 5.4 14.1413C4.58889 13.7911 3.88334 13.3162 3.28334 12.7166C2.68334 12.1166 2.20845 11.4111 1.85867 10.6C1.50889 9.78887 1.33378 8.9222 1.33334 7.99998C1.33334 7.07776 1.50845 6.21109 1.85867 5.39998C2.20889 4.58887 2.68378 3.88331 3.28334 3.28331C3.88334 2.68331 4.58889 2.20842 5.4 1.85865C6.21111 1.50887 7.07778 1.33376 8 1.33331C8.92222 1.33331 9.78889 1.50842 10.6 1.85865C11.4111 2.20887 12.1167 2.68376 12.7167 3.28331C13.3167 3.88331 13.7918 4.58887 14.142 5.39998C14.4922 6.21109 14.6671 7.07776 14.6667 7.99998C14.6667 8.9222 14.4916 9.78887 14.1413 10.6C13.7911 11.4111 13.3162 12.1166 12.7167 12.7166C12.1167 13.3166 11.4111 13.7918 10.6 14.142C9.78889 14.4922 8.92222 14.6671 8 14.6666ZM8 13.3333C9.48889 13.3333 10.75 12.8166 11.7833 11.7833C12.8167 10.75 13.3333 9.48887 13.3333 7.99998C13.3333 6.51109 12.8167 5.24998 11.7833 4.21665C10.75 3.18331 9.48889 2.66665 8 2.66665C6.51111 2.66665 5.25 3.18331 4.21667 4.21665C3.18334 5.24998 2.66667 6.51109 2.66667 7.99998C2.66667 9.48887 3.18334 10.75 4.21667 11.7833C5.25 12.8166 6.51111 13.3333 8 13.3333Z\"\n })));\n}\nvar ForwardRef = /*#__PURE__*/React.forwardRef(SvgIcoUnchecked);\nexport default __webpack_public_path__ + \"static/media/ico-unchecked.638fbbf399a5d4ab619e3ea5f2af8e88.svg\";\nexport { ForwardRef as ReactComponent };","var _path;\nvar _excluded = [\"title\", \"titleId\"];\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\nimport * as React from \"react\";\nfunction SvgIcoDelete(_ref, svgRef) {\n var title = _ref.title,\n titleId = _ref.titleId,\n props = _objectWithoutProperties(_ref, _excluded);\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n width: 16,\n height: 16,\n viewBox: \"0 0 16 16\",\n ref: svgRef,\n \"aria-labelledby\": titleId\n }, props), title ? /*#__PURE__*/React.createElement(\"title\", {\n id: titleId\n }, title) : null, _path || (_path = /*#__PURE__*/React.createElement(\"path\", {\n id: \"Vector\",\n d: \"M9.52 1.33331C9.79984 1.33339 10.0726 1.4215 10.2995 1.58518C10.5265 1.74887 10.6962 1.97981 10.7847 2.24531L11.1467 3.33331H13.3333C13.5101 3.33331 13.6797 3.40355 13.8047 3.52858C13.9298 3.6536 14 3.82317 14 3.99998C14 4.17679 13.9298 4.34636 13.8047 4.47138C13.6797 4.59641 13.5101 4.66665 13.3333 4.66665L13.3313 4.71398L12.7533 12.8093C12.7173 13.3137 12.4915 13.7857 12.1214 14.1304C11.7513 14.475 11.2644 14.6666 10.7587 14.6666H5.24133C4.73564 14.6666 4.24874 14.475 3.87864 14.1304C3.50855 13.7857 3.28274 13.3137 3.24667 12.8093L2.66867 4.71331C2.66746 4.69779 2.66679 4.68222 2.66667 4.66665C2.48986 4.66665 2.32029 4.59641 2.19526 4.47138C2.07024 4.34636 2 4.17679 2 3.99998C2 3.82317 2.07024 3.6536 2.19526 3.52858C2.32029 3.40355 2.48986 3.33331 2.66667 3.33331H4.85333L5.21533 2.24531C5.3038 1.97971 5.47362 1.74868 5.70073 1.58499C5.92784 1.4213 6.20071 1.33325 6.48067 1.33331H9.52ZM11.998 4.66665H4.002L4.57667 12.714C4.58863 12.8821 4.66385 13.0395 4.78717 13.1544C4.9105 13.2693 5.07277 13.3332 5.24133 13.3333H10.7587C10.9272 13.3332 11.0895 13.2693 11.2128 13.1544C11.3362 13.0395 11.4114 12.8821 11.4233 12.714L11.998 4.66665ZM6.66667 6.66665C6.82996 6.66667 6.98756 6.72662 7.10958 6.83512C7.23161 6.94363 7.30956 7.09315 7.32867 7.25531L7.33333 7.33331V10.6666C7.33315 10.8366 7.26808 11 7.15143 11.1236C7.03479 11.2471 6.87536 11.3215 6.70574 11.3314C6.53611 11.3414 6.36908 11.2862 6.23878 11.1771C6.10848 11.0681 6.02474 10.9134 6.00467 10.7446L6 10.6666V7.33331C6 7.1565 6.07024 6.98693 6.19526 6.86191C6.32029 6.73688 6.48986 6.66665 6.66667 6.66665ZM9.33333 6.66665C9.51014 6.66665 9.67971 6.73688 9.80474 6.86191C9.92976 6.98693 10 7.1565 10 7.33331V10.6666C10 10.8435 9.92976 11.013 9.80474 11.1381C9.67971 11.2631 9.51014 11.3333 9.33333 11.3333C9.15652 11.3333 8.98695 11.2631 8.86193 11.1381C8.73691 11.013 8.66667 10.8435 8.66667 10.6666V7.33331C8.66667 7.1565 8.73691 6.98693 8.86193 6.86191C8.98695 6.73688 9.15652 6.66665 9.33333 6.66665ZM9.52 2.66665H6.48L6.258 3.33331H9.742L9.52 2.66665Z\"\n })));\n}\nvar ForwardRef = /*#__PURE__*/React.forwardRef(SvgIcoDelete);\nexport default __webpack_public_path__ + \"static/media/ico-delete.ce6ad258e53fed78ee56fbb8199cb076.svg\";\nexport { ForwardRef as ReactComponent };","import { ReactComponent as CheckSVG } from './svg/ico-checked.svg';\nimport { ReactComponent as UncheckSVG } from './svg/ico-unchecked.svg';\nimport { ReactComponent as DeleteSVG } from './svg/ico-delete.svg';\n\nconst iconTypes = {\n // Alternativa para manejar el color desde JS\n // \"check\": (color) => ,\n // \"uncheck\": (color) => ,\n // \"delete\": (color) => ,\n\n \"check\": ,\n \"uncheck\": ,\n \"delete\": ,\n}\n\n// Mapeo de tipos de iconos a etiquetas accesibles\nconst ariaLabels = {\n \"check\": \"Marcar como completado\",\n \"uncheck\": \"Marcar como no completado\",\n \"delete\": \"Eliminar tarea\",\n};\n\nfunction TodoIcon({ type, onClick }) {\n // color como prop\n\n // Manejador de eventos de teclado\n const handleKeyDown = (event) => {\n // Activa onComplete si se presiona Enter o Espacio\n if (event.key === 'Enter' || event.key === ' ') {\n onClick();\n }\n };\n\n return (\n \n {iconTypes[type]}\n {/* {iconTypes[type](color)} */}\n \n\n )\n}\n\nexport { TodoIcon };","import React from \"react\";\nimport { TodoIcon } from './TodoIcon';\n\nfunction CompleteIcon({ onComplete }) {\n return (\n \n );\n}\n\nexport { CompleteIcon };","import React from \"react\";\nimport { TodoIcon } from './TodoIcon';\n\nfunction UncompleteIcon({ onComplete }) {\n return (\n \n );\n}\n\nexport { UncompleteIcon };","import React from \"react\";\nimport { TodoIcon } from './TodoIcon';\n\nfunction DeleteIcon({ onDelete }) {\n return (\n \n );\n}\n\nexport { DeleteIcon };","import { CompleteIcon } from './icons/CompleteIcon';\nimport { UncompleteIcon } from './icons/UncompleteIcon';\nimport { DeleteIcon } from './icons/DeleteIcon';\n\nfunction TodoItem(props) {\n return (\n \n\n {props.completed && }\n {!props.completed && }\n\n {props.text}
\n\n \n\n {/* \n {props.text}
\n */}\n\n \n )\n\n}\n\nexport { TodoItem };","import React from 'react';\nimport { TodoContext } from '../TodoContext/TodoContext';\nimport './CreateTodoButton.css'\n\nfunction CreateTodoButton() {\n const {\n setOpenModal,\n } = React.useContext(TodoContext);\n\n return (\n \n\n )\n}\n\nexport { ModalCloseButton };","import React from \"react\";\nimport { createPortal } from \"react-dom\";\nimport './Modal.css';\nimport { ModalCloseButton } from \"./ModalCloseButton\";\n\nfunction Modal({ children }) {\n\n return createPortal(\n \n
\n
\n
Nueva tarea
\n \n \n {children}\n
\n
\n
\n ¡Doh!
\n Hubo un problema...
\n \n
\n
Todo tranquilo por aquí
\n\n {\n searchValue ?
No tenemos esa tarea
:
Añade una tarea
\n }\n\n\n
Crea tu primer Todo
} \n// {((!loading && searchTodos == 0 && totalToDos > 0)) && No hay coincidencias
}","import React, { useContext } from 'react'; // Importa useContext\nimport { TodoCounter } from '../TodoCounter/TodoCounter';\nimport { TodoSearch } from '../TodoSearch/TodoSearch';\nimport { TodoList } from '../TodoList/TodoList';\nimport { TodoItem } from '../TodoList/TodoItem';\nimport { CreateTodoButton } from '../CreateTodoButton/CreateTodoButton';\nimport { TodoForm } from '../TodoForm/TodoForm';\n\nimport { Modal } from '../Modal/Modal';\n\nimport { TodosLoading } from '../TodosLoading/TodosLoading';\nimport { TodosError } from '../EmptyAndError/TodosError';\nimport { EmptyTodos } from '../EmptyAndError/EmptyTodos';\n\nimport { TodoContext } from '../TodoContext/TodoContext';\n\nfunction AppUI() {\n // Usa useContext para acceder a los valores del contexto\n const {\n loading,\n error,\n searchedTodos,\n completeTodo,\n deleteTodo,\n openModal,\n } = useContext(TodoContext);\n\n if (loading) {\n return (\n \n
\n {/* Esqueleto */}\n
\n
\n
\n
\n\n
\n\n
\n {error && }\n {(!loading && searchedTodos.length === 0) && }\n\n {searchedTodos.map(todo => (\n completeTodo(todo.text)}\n onDelete={() => deleteTodo(todo.text)}\n />\n ))}\n \n\n {openModal && (\n
\n \n \n )}\n\n
\n