@wordpress/block-editor 15.9.1-next.738bb1424.0 → 15.10.0

package/build/components/link-control/link-preview.js

@@ -0,0 +1,172 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// packages/block-editor/src/components/link-control/link-preview.js
+var link_preview_exports = {};
+__export(link_preview_exports, {
+  default: () => LinkPreview
+});
+module.exports = __toCommonJS(link_preview_exports);
+var import_clsx = __toESM(require("clsx"));
+var import_i18n = require("@wordpress/i18n");
+var import_components = require("@wordpress/components");
+var import_compose = require("@wordpress/compose");
+var import_url = require("@wordpress/url");
+var import_icons = require("@wordpress/icons");
+var import_dom = require("@wordpress/dom");
+var import_data = require("@wordpress/data");
+var import_notices = require("@wordpress/notices");
+var import_preferences = require("@wordpress/preferences");
+var import_viewer_slot = require("./viewer-slot");
+var import_use_rich_url_data = __toESM(require("./use-rich-url-data"));
+var import_jsx_runtime = require("react/jsx-runtime");
+function filterTitleForDisplay(title) {
+  return title.replace(/^[a-z\-.\+]+[0-9]*:(\/\/)?/i, "").replace(/^www\./i, "");
+}
+function LinkPreview({
+  value,
+  onEditClick,
+  hasRichPreviews = false,
+  hasUnlinkControl = false,
+  onRemove
+}) {
+  const showIconLabels = (0, import_data.useSelect)(
+    (select) => select(import_preferences.store).get("core", "showIconLabels"),
+    []
+  );
+  const showRichPreviews = hasRichPreviews ? value?.url : null;
+  const { richData, isFetching } = (0, import_use_rich_url_data.default)(showRichPreviews);
+  const hasRichData = richData && Object.keys(richData).length;
+  const displayURL = value && (0, import_url.filterURLForDisplay)((0, import_url.safeDecodeURI)(value.url), 24) || "";
+  const isEmptyURL = !value?.url?.length;
+  const displayTitle = !isEmptyURL && (0, import_dom.__unstableStripHTML)(richData?.title || value?.title || displayURL);
+  const isUrlRedundant = !value?.url || filterTitleForDisplay(displayTitle) === displayURL;
+  let icon;
+  if (richData?.icon) {
+    icon = /* @__PURE__ */ (0, import_jsx_runtime.jsx)("img", { src: richData?.icon, alt: "" });
+  } else if (isEmptyURL) {
+    icon = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons.Icon, { icon: import_icons.info, size: 32 });
+  } else {
+    icon = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons.Icon, { icon: import_icons.globe });
+  }
+  const { createNotice } = (0, import_data.useDispatch)(import_notices.store);
+  const ref = (0, import_compose.useCopyToClipboard)(value.url, () => {
+    createNotice("info", (0, import_i18n.__)("Link copied to clipboard."), {
+      isDismissible: true,
+      type: "snackbar"
+    });
+  });
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    "div",
+    {
+      role: "group",
+      "aria-label": (0, import_i18n.__)("Manage link"),
+      className: (0, import_clsx.default)("block-editor-link-control__search-item", {
+        "is-current": true,
+        "is-rich": hasRichData,
+        "is-fetching": !!isFetching,
+        "is-preview": true,
+        "is-error": isEmptyURL,
+        "is-url-title": displayTitle === displayURL
+      }),
+      children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "block-editor-link-control__search-item-top", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+          "span",
+          {
+            className: "block-editor-link-control__search-item-header",
+            role: "figure",
+            "aria-label": (
+              /* translators: Accessibility text for the link preview when editing a link. */
+              (0, import_i18n.__)("Link information")
+            ),
+            children: [
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                "span",
+                {
+                  className: (0, import_clsx.default)(
+                    "block-editor-link-control__search-item-icon",
+                    {
+                      "is-image": richData?.icon
+                    }
+                  ),
+                  children: icon
+                }
+              ),
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "block-editor-link-control__search-item-details", children: !isEmptyURL ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+                /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                  import_components.ExternalLink,
+                  {
+                    className: "block-editor-link-control__search-item-title",
+                    href: value.url,
+                    children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_components.__experimentalTruncate, { numberOfLines: 1, children: displayTitle })
+                  }
+                ),
+                !isUrlRedundant && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "block-editor-link-control__search-item-info", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_components.__experimentalTruncate, { numberOfLines: 1, children: displayURL }) })
+              ] }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "block-editor-link-control__search-item-error-notice", children: (0, import_i18n.__)("Link is empty") }) })
+            ]
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          import_components.Button,
+          {
+            icon: import_icons.pencil,
+            label: (0, import_i18n.__)("Edit link"),
+            onClick: onEditClick,
+            size: "compact",
+            showTooltip: !showIconLabels
+          }
+        ),
+        hasUnlinkControl && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          import_components.Button,
+          {
+            icon: import_icons.linkOff,
+            label: (0, import_i18n.__)("Remove link"),
+            onClick: onRemove,
+            size: "compact",
+            showTooltip: !showIconLabels
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          import_components.Button,
+          {
+            icon: import_icons.copySmall,
+            label: (0, import_i18n.__)("Copy link"),
+            ref,
+            accessibleWhenDisabled: true,
+            disabled: isEmptyURL,
+            size: "compact",
+            showTooltip: !showIconLabels
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_viewer_slot.ViewerSlot, { fillProps: value })
+      ] })
+    }
+  );
+}
+//# sourceMappingURL=link-preview.js.map

package/build/components/link-control/link-preview.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/components/link-control/link-preview.js"],
+  "sourcesContent": ["/**\n * External dependencies\n */\nimport clsx from 'clsx';\n\n/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport {\n\tButton,\n\tExternalLink,\n\t__experimentalTruncate as Truncate,\n} from '@wordpress/components';\nimport { useCopyToClipboard } from '@wordpress/compose';\nimport { filterURLForDisplay, safeDecodeURI } from '@wordpress/url';\nimport {\n\tIcon,\n\tglobe,\n\tinfo,\n\tlinkOff,\n\tpencil,\n\tcopySmall,\n} from '@wordpress/icons';\nimport { __unstableStripHTML as stripHTML } from '@wordpress/dom';\nimport { useDispatch, useSelect } from '@wordpress/data';\nimport { store as noticesStore } from '@wordpress/notices';\nimport { store as preferencesStore } from '@wordpress/preferences';\n\n/**\n * Internal dependencies\n */\nimport { ViewerSlot } from './viewer-slot';\n\nimport useRichUrlData from './use-rich-url-data';\n\n/**\n * Filters the title for display. Removes the protocol and www prefix.\n *\n * @param {string} title The title to be filtered.\n *\n * @return {string} The filtered title.\n */\nfunction filterTitleForDisplay( title ) {\n\t// Derived from `filterURLForDisplay` in `@wordpress/url`.\n\treturn title\n\t\t.replace( /^[a-z\\-.\\+]+[0-9]*:(\\/\\/)?/i, '' )\n\t\t.replace( /^www\\./i, '' );\n}\n\nexport default function LinkPreview( {\n\tvalue,\n\tonEditClick,\n\thasRichPreviews = false,\n\thasUnlinkControl = false,\n\tonRemove,\n} ) {\n\tconst showIconLabels = useSelect(\n\t\t( select ) =>\n\t\t\tselect( preferencesStore ).get( 'core', 'showIconLabels' ),\n\t\t[]\n\t);\n\n\t// Avoid fetching if rich previews are not desired.\n\tconst showRichPreviews = hasRichPreviews ? value?.url : null;\n\n\tconst { richData, isFetching } = useRichUrlData( showRichPreviews );\n\n\t// Rich data may be an empty object so test for that.\n\tconst hasRichData = richData && Object.keys( richData ).length;\n\n\tconst displayURL =\n\t\t( value && filterURLForDisplay( safeDecodeURI( value.url ), 24 ) ) ||\n\t\t'';\n\n\t// url can be undefined if the href attribute is unset\n\tconst isEmptyURL = ! value?.url?.length;\n\n\tconst displayTitle =\n\t\t! isEmptyURL &&\n\t\tstripHTML( richData?.title || value?.title || displayURL );\n\n\tconst isUrlRedundant =\n\t\t! value?.url || filterTitleForDisplay( displayTitle ) === displayURL;\n\n\tlet icon;\n\n\tif ( richData?.icon ) {\n\t\ticon = <img src={ richData?.icon } alt=\"\" />;\n\t} else if ( isEmptyURL ) {\n\t\ticon = <Icon icon={ info } size={ 32 } />;\n\t} else {\n\t\ticon = <Icon icon={ globe } />;\n\t}\n\n\tconst { createNotice } = useDispatch( noticesStore );\n\tconst ref = useCopyToClipboard( value.url, () => {\n\t\tcreateNotice( 'info', __( 'Link copied to clipboard.' ), {\n\t\t\tisDismissible: true,\n\t\t\ttype: 'snackbar',\n\t\t} );\n\t} );\n\n\treturn (\n\t\t<div\n\t\t\trole=\"group\"\n\t\t\taria-label={ __( 'Manage link' ) }\n\t\t\tclassName={ clsx( 'block-editor-link-control__search-item', {\n\t\t\t\t'is-current': true,\n\t\t\t\t'is-rich': hasRichData,\n\t\t\t\t'is-fetching': !! isFetching,\n\t\t\t\t'is-preview': true,\n\t\t\t\t'is-error': isEmptyURL,\n\t\t\t\t'is-url-title': displayTitle === displayURL,\n\t\t\t} ) }\n\t\t>\n\t\t\t<div className=\"block-editor-link-control__search-item-top\">\n\t\t\t\t<span\n\t\t\t\t\tclassName=\"block-editor-link-control__search-item-header\"\n\t\t\t\t\trole=\"figure\"\n\t\t\t\t\taria-label={\n\t\t\t\t\t\t/* translators: Accessibility text for the link preview when editing a link. */\n\t\t\t\t\t\t__( 'Link information' )\n\t\t\t\t\t}\n\t\t\t\t>\n\t\t\t\t\t<span\n\t\t\t\t\t\tclassName={ clsx(\n\t\t\t\t\t\t\t'block-editor-link-control__search-item-icon',\n\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t'is-image': richData?.icon,\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t) }\n\t\t\t\t\t>\n\t\t\t\t\t\t{ icon }\n\t\t\t\t\t</span>\n\t\t\t\t\t<span className=\"block-editor-link-control__search-item-details\">\n\t\t\t\t\t\t{ ! isEmptyURL ? (\n\t\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t\t<ExternalLink\n\t\t\t\t\t\t\t\t\tclassName=\"block-editor-link-control__search-item-title\"\n\t\t\t\t\t\t\t\t\thref={ value.url }\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t<Truncate numberOfLines={ 1 }>\n\t\t\t\t\t\t\t\t\t\t{ displayTitle }\n\t\t\t\t\t\t\t\t\t</Truncate>\n\t\t\t\t\t\t\t\t</ExternalLink>\n\t\t\t\t\t\t\t\t{ ! isUrlRedundant && (\n\t\t\t\t\t\t\t\t\t<span className=\"block-editor-link-control__search-item-info\">\n\t\t\t\t\t\t\t\t\t\t<Truncate numberOfLines={ 1 }>\n\t\t\t\t\t\t\t\t\t\t\t{ displayURL }\n\t\t\t\t\t\t\t\t\t\t</Truncate>\n\t\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t</>\n\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t<span className=\"block-editor-link-control__search-item-error-notice\">\n\t\t\t\t\t\t\t\t{ __( 'Link is empty' ) }\n\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t) }\n\t\t\t\t\t</span>\n\t\t\t\t</span>\n\t\t\t\t<Button\n\t\t\t\t\ticon={ pencil }\n\t\t\t\t\tlabel={ __( 'Edit link' ) }\n\t\t\t\t\tonClick={ onEditClick }\n\t\t\t\t\tsize=\"compact\"\n\t\t\t\t\tshowTooltip={ ! showIconLabels }\n\t\t\t\t/>\n\t\t\t\t{ hasUnlinkControl && (\n\t\t\t\t\t<Button\n\t\t\t\t\t\ticon={ linkOff }\n\t\t\t\t\t\tlabel={ __( 'Remove link' ) }\n\t\t\t\t\t\tonClick={ onRemove }\n\t\t\t\t\t\tsize=\"compact\"\n\t\t\t\t\t\tshowTooltip={ ! showIconLabels }\n\t\t\t\t\t/>\n\t\t\t\t) }\n\t\t\t\t<Button\n\t\t\t\t\ticon={ copySmall }\n\t\t\t\t\tlabel={ __( 'Copy link' ) }\n\t\t\t\t\tref={ ref }\n\t\t\t\t\taccessibleWhenDisabled\n\t\t\t\t\tdisabled={ isEmptyURL }\n\t\t\t\t\tsize=\"compact\"\n\t\t\t\t\tshowTooltip={ ! showIconLabels }\n\t\t\t\t/>\n\t\t\t\t<ViewerSlot fillProps={ value } />\n\t\t\t</div>\n\t\t</div>\n\t);\n}\n"],
+  "mappings": "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",
+  "names": ["preferencesStore", "useRichUrlData", "stripHTML", "noticesStore", "clsx", "Truncate"]
+}

package/build/components/link-control/search-create-button.js

@@ -0,0 +1,71 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// packages/block-editor/src/components/link-control/search-create-button.js
+var search_create_button_exports = {};
+__export(search_create_button_exports, {
+  LinkControlSearchCreate: () => LinkControlSearchCreate,
+  default: () => search_create_button_default
+});
+module.exports = __toCommonJS(search_create_button_exports);
+var import_i18n = require("@wordpress/i18n");
+var import_components = require("@wordpress/components");
+var import_element = require("@wordpress/element");
+var import_icons = require("@wordpress/icons");
+var import_jsx_runtime = require("react/jsx-runtime");
+var LinkControlSearchCreate = ({
+  searchTerm,
+  onClick,
+  itemProps,
+  buttonText
+}) => {
+  if (!searchTerm) {
+    return null;
+  }
+  let text;
+  if (buttonText) {
+    text = typeof buttonText === "function" ? buttonText(searchTerm) : buttonText;
+  } else {
+    text = (0, import_element.createInterpolateElement)(
+      (0, import_i18n.sprintf)(
+        /* translators: %s: search term. */
+        (0, import_i18n.__)("Create: <mark>%s</mark>"),
+        searchTerm
+      ),
+      { mark: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("mark", {}) }
+    );
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_components.MenuItem,
+    {
+      ...itemProps,
+      iconPosition: "left",
+      icon: import_icons.plus,
+      className: "block-editor-link-control__search-item",
+      onClick,
+      children: text
+    }
+  );
+};
+var search_create_button_default = LinkControlSearchCreate;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  LinkControlSearchCreate
+});
+//# sourceMappingURL=search-create-button.js.map

package/build/components/link-control/search-input.js

@@ -0,0 +1,165 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// packages/block-editor/src/components/link-control/search-input.js
+var search_input_exports = {};
+__export(search_input_exports, {
+  __experimentalLinkControlSearchInput: () => __experimentalLinkControlSearchInput,
+  default: () => search_input_default
+});
+module.exports = __toCommonJS(search_input_exports);
+var import_element = require("@wordpress/element");
+var import_i18n = require("@wordpress/i18n");
+var import_deprecated = __toESM(require("@wordpress/deprecated"));
+var import__ = require("../");
+var import_search_results = __toESM(require("./search-results"));
+var import_constants = require("./constants");
+var import_use_search_handler = __toESM(require("./use-search-handler"));
+var import_jsx_runtime = require("react/jsx-runtime");
+var noopSearchHandler = () => Promise.resolve([]);
+var noop = () => {
+};
+var LinkControlSearchInput = (0, import_element.forwardRef)(
+  ({
+    value,
+    children,
+    currentLink = {},
+    className = null,
+    placeholder = null,
+    withCreateSuggestion = false,
+    onCreateSuggestion = noop,
+    onChange = noop,
+    onSelect = noop,
+    showSuggestions = true,
+    renderSuggestions = (props) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_search_results.default, { ...props }),
+    fetchSuggestions = null,
+    allowDirectEntry = true,
+    showInitialSuggestions = false,
+    suggestionsQuery = {},
+    withURLSuggestion = true,
+    createSuggestionButtonText,
+    hideLabelFromVision = false,
+    suffix,
+    isEntity = false
+  }, ref) => {
+    const genericSearchHandler = (0, import_use_search_handler.default)(
+      suggestionsQuery,
+      allowDirectEntry,
+      withCreateSuggestion,
+      withURLSuggestion
+    );
+    const searchHandler = showSuggestions ? fetchSuggestions || genericSearchHandler : noopSearchHandler;
+    const [focusedSuggestion, setFocusedSuggestion] = (0, import_element.useState)();
+    const onInputChange = (selection, suggestion) => {
+      onChange(selection);
+      setFocusedSuggestion(suggestion);
+    };
+    const handleRenderSuggestions = (props) => renderSuggestions({
+      ...props,
+      withCreateSuggestion,
+      createSuggestionButtonText,
+      suggestionsQuery,
+      handleSuggestionClick: (suggestion) => {
+        if (props.handleSuggestionClick) {
+          props.handleSuggestionClick(suggestion);
+        }
+        onSuggestionSelected(suggestion);
+      }
+    });
+    const onSuggestionSelected = async (selectedSuggestion) => {
+      let suggestion = selectedSuggestion;
+      if (import_constants.CREATE_TYPE === selectedSuggestion.type) {
+        try {
+          suggestion = await onCreateSuggestion(
+            selectedSuggestion.title
+          );
+          if (suggestion?.url) {
+            onSelect(suggestion);
+          }
+        } catch (e) {
+        }
+        return;
+      }
+      if (allowDirectEntry || suggestion && Object.keys(suggestion).length >= 1) {
+        const { id, url, kind, type, ...restLinkProps } = currentLink ?? {};
+        onSelect(
+          // Some direct entries don't have types or IDs, and we still need to clear the previous ones.
+          { ...restLinkProps, ...suggestion },
+          suggestion
+        );
+      }
+    };
+    const _placeholder = placeholder ?? (0, import_i18n.__)("Search or type URL");
+    const label = hideLabelFromVision && placeholder !== "" ? _placeholder : (0, import_i18n.__)("Link");
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "block-editor-link-control__search-input-container", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        import__.URLInput,
+        {
+          disableSuggestions: currentLink?.url === value,
+          label,
+          hideLabelFromVision,
+          className,
+          value,
+          onChange: onInputChange,
+          placeholder: _placeholder,
+          __experimentalRenderSuggestions: showSuggestions ? handleRenderSuggestions : null,
+          __experimentalFetchLinkSuggestions: searchHandler,
+          __experimentalHandleURLSuggestions: true,
+          __experimentalShowInitialSuggestions: showInitialSuggestions,
+          onSubmit: (suggestion, event) => {
+            const hasSuggestion = suggestion || focusedSuggestion;
+            if (!hasSuggestion && !value?.trim()?.length) {
+              event.preventDefault();
+            } else {
+              onSuggestionSelected(
+                hasSuggestion || { url: value }
+              );
+            }
+          },
+          inputRef: ref,
+          suffix,
+          disabled: isEntity
+        }
+      ),
+      children
+    ] });
+  }
+);
+var search_input_default = LinkControlSearchInput;
+var __experimentalLinkControlSearchInput = (props) => {
+  (0, import_deprecated.default)("wp.blockEditor.__experimentalLinkControlSearchInput", {
+    since: "6.8"
+  });
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(LinkControlSearchInput, { ...props });
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  __experimentalLinkControlSearchInput
+});
+//# sourceMappingURL=search-input.js.map

package/build/components/link-control/search-item.js

@@ -0,0 +1,178 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// packages/block-editor/src/components/link-control/search-item.js
+var search_item_exports = {};
+__export(search_item_exports, {
+  LinkControlSearchItem: () => LinkControlSearchItem,
+  __experimentalLinkControlSearchItem: () => __experimentalLinkControlSearchItem,
+  default: () => search_item_default
+});
+module.exports = __toCommonJS(search_item_exports);
+var import_i18n = require("@wordpress/i18n");
+var import_components = require("@wordpress/components");
+var import_icons = require("@wordpress/icons");
+var import_dom = require("@wordpress/dom");
+var import_url = require("@wordpress/url");
+var import_compose = require("@wordpress/compose");
+var import_deprecated = __toESM(require("@wordpress/deprecated"));
+var import_jsx_runtime = require("react/jsx-runtime");
+var TYPES = {
+  post: {
+    icon: import_icons.postList,
+    label: (0, import_i18n.__)("Post")
+  },
+  page: {
+    icon: import_icons.page,
+    label: (0, import_i18n.__)("Page")
+  },
+  post_tag: {
+    icon: import_icons.tag,
+    label: (0, import_i18n.__)("Tag")
+  },
+  category: {
+    icon: import_icons.category,
+    label: (0, import_i18n.__)("Category")
+  },
+  attachment: {
+    icon: import_icons.file,
+    label: (0, import_i18n.__)("Attachment")
+  }
+};
+function SearchItemIcon({ isURL, suggestion }) {
+  let icon = null;
+  if (isURL) {
+    icon = import_icons.globe;
+  } else if (suggestion.type in TYPES) {
+    icon = TYPES[suggestion.type].icon;
+    if (suggestion.type === "page") {
+      if (suggestion.isFrontPage) {
+        icon = import_icons.home;
+      }
+      if (suggestion.isBlogHome) {
+        icon = import_icons.verse;
+      }
+    }
+  }
+  if (icon) {
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_icons.Icon,
+      {
+        className: "block-editor-link-control__search-item-icon",
+        icon
+      }
+    );
+  }
+  return null;
+}
+function addLeadingSlash(url) {
+  const trimmedURL = url?.trim();
+  if (!trimmedURL?.length) {
+    return url;
+  }
+  return url?.replace(/^\/?/, "/");
+}
+function removeTrailingSlash(url) {
+  const trimmedURL = url?.trim();
+  if (!trimmedURL?.length) {
+    return url;
+  }
+  return url?.replace(/\/$/, "");
+}
+var partialRight = (fn, ...partialArgs) => (...args) => fn(...args, ...partialArgs);
+var defaultTo = (d) => (v) => {
+  return v === null || v === void 0 || v !== v ? d : v;
+};
+function getURLForDisplay(url) {
+  if (!url) {
+    return url;
+  }
+  return (0, import_compose.pipe)(
+    import_url.safeDecodeURI,
+    import_url.getPath,
+    defaultTo(""),
+    partialRight(import_url.filterURLForDisplay, 24),
+    removeTrailingSlash,
+    addLeadingSlash
+  )(url);
+}
+var LinkControlSearchItem = ({
+  itemProps,
+  suggestion,
+  searchTerm,
+  onClick,
+  isURL = false,
+  shouldShowType = false
+}) => {
+  const info = isURL ? (0, import_i18n.__)("Press ENTER to add this link") : getURLForDisplay(suggestion.url);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_components.MenuItem,
+    {
+      ...itemProps,
+      info,
+      iconPosition: "left",
+      icon: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SearchItemIcon, { suggestion, isURL }),
+      onClick,
+      shortcut: shouldShowType && getVisualTypeName(suggestion),
+      className: "block-editor-link-control__search-item",
+      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        import_components.TextHighlight,
+        {
+          text: (0, import_dom.__unstableStripHTML)(suggestion.title),
+          highlight: searchTerm
+        }
+      )
+    }
+  );
+};
+function getVisualTypeName(suggestion) {
+  if (suggestion.isFrontPage) {
+    return (0, import_i18n.__)("Front page");
+  }
+  if (suggestion.isBlogHome) {
+    return (0, import_i18n.__)("Blog home");
+  }
+  if (suggestion.type in TYPES) {
+    return TYPES[suggestion.type].label;
+  }
+  return suggestion.type;
+}
+var search_item_default = LinkControlSearchItem;
+var __experimentalLinkControlSearchItem = (props) => {
+  (0, import_deprecated.default)("wp.blockEditor.__experimentalLinkControlSearchItem", {
+    since: "6.8"
+  });
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(LinkControlSearchItem, { ...props });
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  LinkControlSearchItem,
+  __experimentalLinkControlSearchItem
+});
+//# sourceMappingURL=search-item.js.map