{"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\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 } from \"/Users/rohitsingh/Documents/projects/new-nativebase-setup/NativeBase/src/index\";\nimport { Feather, Entypo } from '@expo/vector-icons';\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nimport { jsxs as _jsxs } from \"react/jsx-runtime\";\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 _jsxs(Box, {\n    children: [_jsx(Heading, {\n      mb: \"5\",\n      children: \"Wednesday\"\n    }), _jsxs(VStack, {\n      space: 4,\n      children: [_jsxs(HStack, {\n        space: 2,\n        children: [_jsx(Input, {\n          flex: 1,\n          onChangeText: function onChangeText(v) {\n            return setInputValue(v);\n          },\n          value: inputValue,\n          placeholder: \"Add Task\"\n        }), _jsx(IconButton, {\n          borderRadius: \"sm\",\n          variant: \"solid\",\n          icon: _jsx(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        })]\n      }), _jsx(VStack, {\n        space: 2,\n        children: list.map(function (item, itemI) {\n          return _jsxs(HStack, {\n            w: \"100%\",\n            justifyContent: \"space-between\",\n            alignItems: \"center\",\n            children: [_jsx(Checkbox, {\n              isChecked: item.isCompleted,\n              onChange: function onChange() {\n                return handleStatusChange(itemI);\n              },\n              value: item.title,\n              children: _jsx(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                children: item.title\n              })\n            }), _jsx(IconButton, {\n              size: \"sm\",\n              colorScheme: \"trueGray\",\n              icon: _jsx(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          }, item.title + itemI.toString());\n        })\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","Feather","Entypo","Example","instState","title","isCompleted","useState","list","setList","inputValue","setInputValue","addItem","handleDelete","index","temp","filter","_","itemI","handleStatusChange","map","item","v","color","toString"],"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} from 'native-base';\nimport { Feather, Entypo } from '@expo/vector-icons';\n\nexport const Example = () => {\n  const instState = [\n    { title: 'Code', isCompleted: true },\n    { title: 'Meeting with team at 9', isCompleted: false },\n    { title: 'Check Emails', isCompleted: false },\n    { title: 'Write an article', isCompleted: false },\n  ];\n  const [list, setList] = React.useState(instState);\n  const [inputValue, setInputValue] = React.useState('');\n  const addItem = (title: string) => {\n    setList([\n      ...list,\n      {\n        title: title,\n        isCompleted: false,\n      },\n    ]);\n  };\n  const handleDelete = (index: number) => {\n    const temp = list.filter((_, itemI) => itemI !== index);\n    setList(temp);\n  };\n  const handleStatusChange = (index: number) => {\n    const temp = list.map((item, itemI) =>\n      itemI !== index\n        ? item\n        : {\n            ...item,\n            isCompleted: !item.isCompleted,\n          }\n    );\n    setList(temp);\n  };\n  return (\n    <Box>\n      <Heading mb=\"5\">Wednesday</Heading>\n      <VStack space={4}>\n        <HStack space={2}>\n          <Input\n            flex={1}\n            onChangeText={(v) => setInputValue(v)}\n            value={inputValue}\n            placeholder=\"Add Task\"\n          />\n          <IconButton\n            borderRadius=\"sm\"\n            variant=\"solid\"\n            icon={\n              <Icon as={Feather} name=\"plus\" size=\"sm\" color=\"warmGray.50\" />\n            }\n            onPress={() => {\n              addItem(inputValue);\n              setInputValue('');\n            }}\n          />\n        </HStack>\n        <VStack space={2}>\n          {list.map((item, itemI) => (\n            <HStack\n              w=\"100%\"\n              justifyContent=\"space-between\"\n              alignItems=\"center\"\n              key={item.title + itemI.toString()}\n            >\n              <Checkbox\n                isChecked={item.isCompleted}\n                onChange={() => handleStatusChange(itemI)}\n                value={item.title}\n              >\n                <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                >\n                  {item.title}\n                </Text>\n              </Checkbox>\n              <IconButton\n                size=\"sm\"\n                colorScheme=\"trueGray\"\n                icon={\n                  <Icon\n                    as={Entypo}\n                    name=\"minus\"\n                    size=\"xs\"\n                    color=\"trueGray.400\"\n                  />\n                }\n                onPress={() => handleDelete(itemI)}\n              />\n            </HStack>\n          ))}\n        </VStack>\n      </VStack>\n    </Box>\n  );\n};\n"]},"metadata":{},"sourceType":"module"}