@wordpress/components/build/mobile/link-settings/link-settings-screen.native.js

UI components for WordPress.

"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.default = void 0;

var _element = require("@wordpress/element");

var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));

var _native = require("@react-navigation/native");

var _ = _interopRequireDefault(require("./"));

/**
 * External dependencies
 */

/**
 * WordPress dependencies
 */

/**
 * Internal dependencies
 */
const LinkSettingsScreen = props => {
  const navigation = (0, _native.useNavigation)();
  const route = (0, _native.useRoute)();
  const {
    url = ''
  } = props;
  const {
    inputValue = url
  } = route.params || {};

  const onLinkCellPressed = () => {
    if (props.onLinkCellPressed) {
      props.onLinkCellPressed({
        navigation
      });
    } else {
      navigation.navigate('linkPicker', {
        inputValue
      });
    }
  };

  return (0, _element.useMemo)(() => {
    return (0, _element.createElement)(_.default, (0, _extends2.default)({}, props, {
      onLinkCellPressed: props.hasPicker ? onLinkCellPressed : undefined,
      urlValue: inputValue
    })); // Disable reason: deferring this refactor to the native team.
    // see https://github.com/WordPress/gutenberg/pull/41166
    // eslint-disable-next-line react-hooks/exhaustive-deps
  }, [props, inputValue, navigation, route]);
};

var _default = LinkSettingsScreen;
exports.default = _default;
//# sourceMappingURL=link-settings-screen.native.js.map