{"ast":null,"code":"import _defineProperty from \"@babel/runtime/helpers/defineProperty\";\nimport _toConsumableArray from \"@babel/runtime/helpers/toConsumableArray\";\nimport _slicedToArray from \"@babel/runtime/helpers/slicedToArray\";\n\nvar _this = this,\n _jsxFileName = \"/Users/rohitsingh/Documents/projects/new-nativebase-setup/NativeBase/example/storybook/stories/examples/TodoApp.tsx\";\n\nfunction ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }\n\nfunction _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }\n\nimport React from 'react';\nimport { Input, IconButton, Checkbox, Text, Box, VStack, HStack, Heading, Icon, Center } from \"/Users/rohitsingh/Documents/projects/new-nativebase-setup/NativeBase/src/index\";\nimport { Feather, Entypo } from '@expo/vector-icons';\nexport var Example = function Example() {\n var instState = [{\n title: 'Code',\n isCompleted: true\n }, {\n title: 'Meeting with team at 9',\n isCompleted: false\n }, {\n title: 'Check Emails',\n isCompleted: false\n }, {\n title: 'Write an article',\n isCompleted: false\n }];\n\n var _React$useState = React.useState(instState),\n _React$useState2 = _slicedToArray(_React$useState, 2),\n list = _React$useState2[0],\n setList = _React$useState2[1];\n\n var _React$useState3 = React.useState(''),\n _React$useState4 = _slicedToArray(_React$useState3, 2),\n inputValue = _React$useState4[0],\n setInputValue = _React$useState4[1];\n\n var addItem = function addItem(title) {\n setList([].concat(_toConsumableArray(list), [{\n title: title,\n isCompleted: false\n }]));\n };\n\n var handleDelete = function handleDelete(index) {\n var temp = list.filter(function (_, itemI) {\n return itemI !== index;\n });\n setList(temp);\n };\n\n var handleStatusChange = function handleStatusChange(index) {\n var temp = list.map(function (item, itemI) {\n return itemI !== index ? item : _objectSpread(_objectSpread({}, item), {}, {\n isCompleted: !item.isCompleted\n });\n });\n setList(temp);\n };\n\n return React.createElement(Center, {\n w: \"100%\"\n }, React.createElement(Box, {\n maxW: \"300\",\n w: \"100%\"\n }, React.createElement(Heading, {\n mb: \"2\",\n size: \"md\"\n }, \"Wednesday\"), React.createElement(VStack, {\n space: 4\n }, React.createElement(HStack, {\n space: 2\n }, React.createElement(Input, {\n flex: 1,\n onChangeText: function onChangeText(v) {\n return setInputValue(v);\n },\n value: inputValue,\n placeholder: \"Add Task\"\n }), React.createElement(IconButton, {\n borderRadius: \"sm\",\n variant: \"solid\",\n icon: React.createElement(Icon, {\n as: Feather,\n name: \"plus\",\n size: \"sm\",\n color: \"warmGray.50\"\n }),\n onPress: function onPress() {\n addItem(inputValue);\n setInputValue('');\n }\n })), React.createElement(VStack, {\n space: 2\n }, list.map(function (item, itemI) {\n return React.createElement(HStack, {\n w: \"100%\",\n justifyContent: \"space-between\",\n alignItems: \"center\",\n key: item.title + itemI.toString()\n }, React.createElement(Checkbox, {\n isChecked: item.isCompleted,\n onChange: function onChange() {\n return handleStatusChange(itemI);\n },\n value: item.title\n }, React.createElement(Text, {\n mx: \"2\",\n strikeThrough: item.isCompleted,\n _light: {\n color: item.isCompleted ? 'gray.400' : 'coolGray.800'\n },\n _dark: {\n color: item.isCompleted ? 'gray.400' : 'coolGray.50'\n }\n }, item.title)), React.createElement(IconButton, {\n size: \"sm\",\n colorScheme: \"trueGray\",\n icon: React.createElement(Icon, {\n as: Entypo,\n name: \"minus\",\n size: \"xs\",\n color: \"trueGray.400\"\n }),\n onPress: function onPress() {\n return handleDelete(itemI);\n }\n }));\n })))));\n};","map":{"version":3,"sources":["/Users/rohitsingh/Documents/projects/new-nativebase-setup/NativeBase/example/storybook/stories/examples/TodoApp.tsx"],"names":["React","Input","IconButton","Checkbox","Text","Box","VStack","HStack","Heading","Icon","Center","Feather","Entypo","Example","instState","title","isCompleted","useState","list","setList","inputValue","setInputValue","addItem","handleDelete","index","temp","filter","_","itemI","handleStatusChange","map","item","v","toString","color"],"mappings":"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","sourcesContent":["import React from 'react';\nimport {\n Input,\n IconButton,\n Checkbox,\n Text,\n Box,\n VStack,\n HStack,\n Heading,\n Icon,\n Center,\n} from 'native-base';\nimport { Feather, Entypo } from '@expo/vector-icons';\n\nexport const Example = () => {\n const instState = [\n {\n title: 'Code',\n isCompleted: true,\n },\n {\n title: 'Meeting with team at 9',\n isCompleted: false,\n },\n {\n title: 'Check Emails',\n isCompleted: false,\n },\n {\n title: 'Write an article',\n isCompleted: false,\n },\n ];\n const [list, setList] = React.useState(instState);\n const [inputValue, setInputValue] = React.useState('');\n\n const addItem = (title: string) => {\n setList([\n ...list,\n {\n title: title,\n isCompleted: false,\n },\n ]);\n };\n\n const handleDelete = (index: number) => {\n const temp = list.filter((_, itemI) => itemI !== index);\n setList(temp);\n };\n\n const handleStatusChange = (index: number) => {\n const temp = list.map((item, itemI) =>\n itemI !== index ? item : { ...item, isCompleted: !item.isCompleted }\n );\n setList(temp);\n };\n\n return (\n
\n \n \n Wednesday\n \n \n \n setInputValue(v)}\n value={inputValue}\n placeholder=\"Add Task\"\n />\n \n }\n onPress={() => {\n addItem(inputValue);\n setInputValue('');\n }}\n />\n \n \n {list.map((item, itemI) => (\n \n handleStatusChange(itemI)}\n value={item.title}\n >\n \n {item.title}\n \n \n \n }\n onPress={() => handleDelete(itemI)}\n />\n \n ))}\n \n \n \n
\n );\n};\n"]},"metadata":{},"sourceType":"module"}