@wordpress/format-library/build/link/modal.native.js

Format library for the WordPress editor.

"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 _components = require("@wordpress/components");
var _screens = _interopRequireDefault(require("./modal-screens/screens"));
var _linkSettingsScreen = _interopRequireDefault(require("./modal-screens/link-settings-screen"));
var _linkPickerScreen = _interopRequireDefault(require("./modal-screens/link-picker-screen"));
var _jsxRuntime = require("react/jsx-runtime");
/**
 * WordPress dependencies
 */

/**
 * Internal dependencies
 */

const ModalLinkUI = ({
  isVisible,
  ...restProps
}) => {
  return (0, _element.useMemo)(() => {
    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.BottomSheet, {
      isVisible: isVisible,
      hideHeader: true,
      onClose: restProps.onClose,
      hasNavigation: true,
      testID: "link-settings-modal",
      children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_components.BottomSheet.NavigationContainer, {
        animate: true,
        main: true,
        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_components.BottomSheet.NavigationScreen, {
          name: _screens.default.settings,
          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_linkSettingsScreen.default, {
            isVisible: isVisible,
            ...restProps
          })
        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.BottomSheet.NavigationScreen, {
          name: _screens.default.picker,
          isScrollable: true,
          fullScreen: true,
          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_linkPickerScreen.default, {})
        })]
      })
    });
  }, [isVisible]);
};
var _default = exports.default = (0, _components.withSpokenMessages)(ModalLinkUI);
//# sourceMappingURL=modal.native.js.map