react-native-element-dropdown/lib/module/components/SelectCountry/index.js

React Native Element Dropdown is a library that provides a customizable dropdown component for React Native applications.

function _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); }
import React, { useImperativeHandle, useMemo, useRef } from 'react';
import { Image, Text, View } from 'react-native';
import Dropdown from '../Dropdown';
import { styles } from './styles';
const SelectCountryComponent = /*#__PURE__*/React.forwardRef((props, currentRef) => {
  const {
    data,
    value,
    valueField,
    labelField,
    imageField,
    selectedTextStyle,
    imageStyle
  } = props;
  const ref = useRef(null);
  useImperativeHandle(currentRef, () => {
    return {
      open: eventOpen,
      close: eventClose
    };
  });
  const eventOpen = () => {
    ref.current.open();
  };
  const eventClose = () => {
    ref.current.close();
  };
  const _renderItem = item => {
    return /*#__PURE__*/React.createElement(View, {
      style: styles.item
    }, /*#__PURE__*/React.createElement(Image, {
      source: item[imageField],
      style: [styles.image, imageStyle]
    }), /*#__PURE__*/React.createElement(Text, {
      style: [styles.selectedTextStyle, selectedTextStyle]
    }, item[labelField]));
  };
  const selectItem = useMemo(() => {
    const index = data.findIndex(e => e[valueField] === value);
    return data[index];
  }, [data, valueField, value]);
  return /*#__PURE__*/React.createElement(Dropdown, _extends({
    ref: ref
  }, props, {
    renderItem: _renderItem,
    renderLeftIcon: () => {
      if (selectItem !== null && selectItem !== void 0 && selectItem.image) {
        return /*#__PURE__*/React.createElement(Image, {
          source: selectItem.image,
          style: [styles.image, imageStyle]
        });
      } else {
        return null;
      }
    }
  }));
});
export default SelectCountryComponent;
//# sourceMappingURL=index.js.map