{"ast":null,"code":"import _asyncToGenerator from \"@babel/runtime/helpers/asyncToGenerator\";\nimport _slicedToArray from \"@babel/runtime/helpers/slicedToArray\";\nimport View from \"react-native-web/dist/exports/View\";\nimport StyleSheet from \"react-native-web/dist/exports/StyleSheet\";\nimport TouchableHighlight from \"react-native-web/dist/exports/TouchableHighlight\";\nimport { FlatList } from \"react-native-gesture-handler\";\nimport { VilleCompopo } from \"../components/VilleCompopo\";\nimport { TopBar } from \"../components/TopBar\";\nimport { useDispatch, useSelector } from \"react-redux\";\nimport { useEffect, useState } from \"react\";\nimport { getWeatherList } from \"../redux/actions/getWeatherList\";\nimport { SearchBar } from '@rneui/themed';\nimport { setWeatherSearched } from \"../redux/actions/setWeatherSearched\";\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nimport { jsxs as _jsxs } from \"react/jsx-runtime\";\nexport default function CityList(_ref) {\n  var navigation = _ref.navigation;\n  var weatherList = useSelector(function (state) {\n    return state.appReducer.weatherList;\n  });\n  var weatherListSearched = useSelector(function (state) {\n    return state.appReducer.weatherListSearched;\n  });\n  var favoriteCity = useSelector(function (state) {\n    return state.appReducer.favoriteCity;\n  });\n  var dispatch = useDispatch();\n  var _useState = useState(''),\n    _useState2 = _slicedToArray(_useState, 2),\n    cityName = _useState2[0],\n    setCityName = _useState2[1];\n  useEffect(function () {\n    var loadWeather = function () {\n      var _ref2 = _asyncToGenerator(function* () {\n        dispatch(getWeatherList());\n      });\n      return function loadWeather() {\n        return _ref2.apply(this, arguments);\n      };\n    }();\n    loadWeather();\n  }, [dispatch]);\n  function updateSearch(newVal) {\n    if (newVal == \"\") {\n      dispatch(setWeatherSearched(weatherList));\n    } else {\n      dispatch(setWeatherSearched(weatherList.filter(function (arg) {\n        return arg.city.name.toLowerCase().startsWith(newVal.toLowerCase());\n      })));\n    }\n  }\n  return _jsxs(View, {\n    style: {\n      flex: 1,\n      width: \"100%\",\n      alignItems: \"center\"\n    },\n    children: [_jsx(TopBar, {}), _jsx(SearchBar, {\n      platform: \"default\",\n      containerStyle: {\n        width: \"100%\",\n        backgroundColor: \"darksalmon\"\n      },\n      inputContainerStyle: {\n        backgroundColor: \"powderblue\"\n      },\n      inputStyle: {},\n      leftIconContainerStyle: {},\n      rightIconContainerStyle: {},\n      loadingProps: {},\n      onChangeText: function onChangeText(newVal) {\n        setCityName(newVal);\n        updateSearch(newVal);\n      },\n      placeholder: \"Type query here...\",\n      placeholderTextColor: \"#888\",\n      round: true,\n      value: cityName\n    }), _jsx(FlatList, {\n      data: weatherListSearched,\n      keyExtractor: function keyExtractor(item) {\n        return item.city.name;\n      },\n      renderItem: function renderItem(_ref3) {\n        var item = _ref3.item;\n        return _jsx(TouchableHighlight, {\n          onPress: function onPress() {\n            return navigation.navigate(\"CityDetails\", {\n              \"weather\": item\n            });\n          },\n          children: _jsx(VilleCompopo, {\n            weather: item,\n            fav: favoriteCity\n          })\n        });\n      },\n      style: leStyle.container\n    })]\n  });\n}\nvar leStyle = StyleSheet.create({\n  container: {\n    flex: 1,\n    alignContent: 'center',\n    width: '100%'\n  },\n  searchBar: {\n    width: \"90%\",\n    margin: 20,\n    height: 30,\n    backgroundColor: \"powderblue\",\n    borderRadius: 10,\n    textAlign: \"center\"\n  }\n});","map":{"version":3,"names":["FlatList","VilleCompopo","TopBar","useDispatch","useSelector","useEffect","useState","getWeatherList","SearchBar","setWeatherSearched","CityList","navigation","weatherList","state","appReducer","weatherListSearched","favoriteCity","dispatch","cityName","setCityName","loadWeather","updateSearch","newVal","filter","arg","city","name","toLowerCase","startsWith","flex","width","alignItems","backgroundColor","item","navigate","leStyle","container","StyleSheet","create","alignContent","searchBar","margin","height","borderRadius","textAlign"],"sources":["/Users/thomaschazot/Documents/But2A/LaSuperMeteo/iut-expo-starter/screens/CityList.tsx"],"sourcesContent":["import { View, Text, StyleSheet, TouchableHighlight, Image } from \"react-native\"\nimport { FlatList, TextInput } from \"react-native-gesture-handler\"\nimport { CITIES_DATA, City, getCurrentWeather, FAVORITE_CITY_DATA, Weather } from \"../data/stub\"\nimport { VilleCompopo } from \"../components/VilleCompopo\";\nimport { TopBar } from \"../components/TopBar\";\nimport { useDispatch, useSelector } from \"react-redux\";\nimport { useEffect, useState } from \"react\";\nimport { getWeatherList } from \"../redux/actions/getWeatherList\";\nimport { SearchBar } from '@rneui/themed';\nimport { setWeatherSearched } from \"../redux/actions/setWeatherSearched\";\n\n\nexport default function CityList({navigation}){\n\n    const weatherList: Weather[] = useSelector(state => state.appReducer.weatherList);\n    const weatherListSearched: Weather[] = useSelector(state => state.appReducer.weatherListSearched);\n\n\n    const favoriteCity = useSelector(state => state.appReducer.favoriteCity)\n\n    // Create a const that will hold the react-redux events dispatcher\n    const dispatch = useDispatch();\n    \n    const [cityName, setCityName] = useState('');\n\n\n    \n    // Let's define a hook that will be used to update the rendered state after the return will be called\n    // You cannot perform side-effects outside of a useEffect hook\n    useEffect(() => {\n      const loadWeather = async () => {\n        dispatch(getWeatherList());\n      };\n      loadWeather();\n    }, [dispatch]);\n    \n\n    function updateSearch(newVal: string){\n        if (newVal == \"\"){\n            dispatch(setWeatherSearched(weatherList))\n        }\n        else{\n            dispatch(setWeatherSearched(weatherList.filter((arg) => arg.city.name.toLowerCase().startsWith(newVal.toLowerCase()))))\n        }\n    }\n\n    return (\n        <View style={{flex: 1, width: \"100%\", alignItems: \"center\"}}>\n            <TopBar/>\n            <SearchBar\n            platform=\"default\"\n            containerStyle={{width: \"100%\", backgroundColor: \"darksalmon\"}}\n            inputContainerStyle={{backgroundColor: \"powderblue\"}}\n            inputStyle={{}}\n            leftIconContainerStyle={{}}\n            rightIconContainerStyle={{}}\n            loadingProps={{}}\n            onChangeText={newVal => {setCityName(newVal); updateSearch(newVal)}}\n            placeholder=\"Type query here...\"\n            placeholderTextColor=\"#888\"\n            round\n            value={cityName}\n            /> \n\n            <FlatList\n            data={weatherListSearched}\n            keyExtractor={item =>item.city.name}\n            renderItem={({item}) => <TouchableHighlight onPress={() => navigation.navigate(\"CityDetails\", {\"weather\": item})}><VilleCompopo weather={item} fav={favoriteCity}/></TouchableHighlight>}\n            style={leStyle.container} \n            />\n        </View>\n    )\n}\n\nconst leStyle = StyleSheet.create({\n    container: {\n        flex: 1,\n        alignContent: 'center',\n        width: '100%'\n    },\n    searchBar: {\n        width: \"90%\",\n        margin: 20,\n        height: 30,\n        backgroundColor: \"powderblue\",\n        borderRadius: 10,\n        textAlign: \"center\"\n    }\n});"],"mappings":"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"},"metadata":{},"sourceType":"module"}