{"ast":null,"code":"import _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\nimport React from 'react';\nimport { Input, IconButton, Checkbox, Text, Box, VStack, HStack, Heading, Icon, Center, useToast } 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 toast = useToast();\n\n var addItem = function addItem(title) {\n if (title === '') {\n toast.show({\n title: 'Please Enter Text',\n status: 'warning'\n });\n return;\n }\n\n setList(function (prevList) {\n return [].concat(_toConsumableArray(prevList), [{\n title: title,\n isCompleted: false\n }]);\n });\n };\n\n var handleDelete = function handleDelete(index) {\n setList(function (prevList) {\n var temp = prevList.filter(function (_, itemI) {\n return itemI !== index;\n });\n return temp;\n });\n };\n\n var handleStatusChange = function handleStatusChange(index) {\n setList(function (prevList) {\n var newList = _toConsumableArray(prevList);\n\n newList[index].isCompleted = !newList[index].isCompleted;\n return newList;\n });\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 width: \"100%\",\n flexShrink: 1,\n textAlign: \"left\",\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 onPress: function onPress() {\n return handleStatusChange(itemI);\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","useToast","Feather","Entypo","Example","instState","title","isCompleted","useState","list","setList","inputValue","setInputValue","toast","addItem","show","status","prevList","handleDelete","index","temp","filter","_","itemI","handleStatusChange","newList","v","map","item","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 useToast,\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 const toast = useToast();\n const addItem = (title: string) => {\n if (title === '') {\n toast.show({\n title: 'Please Enter Text',\n status: 'warning',\n });\n return;\n }\n setList((prevList) => {\n return [...prevList, { title: title, isCompleted: false }];\n });\n };\n\n const handleDelete = (index: number) => {\n setList((prevList) => {\n const temp = prevList.filter((_, itemI) => itemI !== index);\n return temp;\n });\n };\n\n const handleStatusChange = (index: number) => {\n setList((prevList) => {\n const newList = [...prevList];\n newList[index].isCompleted = !newList[index].isCompleted;\n return newList;\n });\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 handleStatusChange(itemI)}\n >\n {item.title}\n \n \n }\n onPress={() => handleDelete(itemI)}\n />\n \n ))}\n \n \n \n
\n );\n};\n"]},"metadata":{},"sourceType":"module"}