@wordpress/block-editor 15.10.0 → 15.10.1-next.79a2f3cdd.0

package/build-module/components/link-control/index.mjs

@@ -0,0 +1,417 @@
+// packages/block-editor/src/components/link-control/index.js
+import clsx from "clsx";
+import {
+  Button,
+  Spinner,
+  Notice,
+  TextControl,
+  __experimentalHStack as HStack,
+  __experimentalInputControlSuffixWrapper as InputControlSuffixWrapper
+} from "@wordpress/components";
+import { __, sprintf } from "@wordpress/i18n";
+import { useRef, useState, useEffect, useMemo } from "@wordpress/element";
+import { useInstanceId } from "@wordpress/compose";
+import { focus } from "@wordpress/dom";
+import { ENTER } from "@wordpress/keycodes";
+import { isShallowEqualObjects } from "@wordpress/is-shallow-equal";
+import { useSelect, useDispatch } from "@wordpress/data";
+import { store as preferencesStore } from "@wordpress/preferences";
+import { keyboardReturn, linkOff } from "@wordpress/icons";
+import deprecated from "@wordpress/deprecated";
+import LinkControlSettingsDrawer from "./settings-drawer.mjs";
+import LinkControlSearchInput from "./search-input.mjs";
+import LinkPreview from "./link-preview.mjs";
+import LinkSettings from "./settings.mjs";
+import useCreatePage from "./use-create-page.mjs";
+import useInternalValue from "./use-internal-value.mjs";
+import { ViewerFill } from "./viewer-slot.mjs";
+import { DEFAULT_LINK_SETTINGS } from "./constants.mjs";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+var noop = () => {
+};
+var PREFERENCE_SCOPE = "core/block-editor";
+var PREFERENCE_KEY = "linkControlSettingsDrawer";
+function LinkControl({
+  searchInputPlaceholder,
+  value,
+  settings = DEFAULT_LINK_SETTINGS,
+  onChange = noop,
+  onRemove,
+  onCancel,
+  noDirectEntry = false,
+  showSuggestions = true,
+  showInitialSuggestions,
+  forceIsEditingLink,
+  createSuggestion,
+  withCreateSuggestion,
+  inputValue: propInputValue = "",
+  suggestionsQuery = {},
+  noURLSuggestion = false,
+  createSuggestionButtonText,
+  hasRichPreviews = false,
+  hasTextControl = false,
+  renderControlBottom = null,
+  handleEntities = false
+}) {
+  if (withCreateSuggestion === void 0 && createSuggestion) {
+    withCreateSuggestion = true;
+  }
+  const [settingsOpen, setSettingsOpen] = useState(false);
+  const { advancedSettingsPreference } = useSelect((select) => {
+    const prefsStore = select(preferencesStore);
+    return {
+      advancedSettingsPreference: prefsStore.get(PREFERENCE_SCOPE, PREFERENCE_KEY) ?? false
+    };
+  }, []);
+  const { set: setPreference } = useDispatch(preferencesStore);
+  const setSettingsOpenWithPreference = (prefVal) => {
+    if (setPreference) {
+      setPreference(PREFERENCE_SCOPE, PREFERENCE_KEY, prefVal);
+    }
+    setSettingsOpen(prefVal);
+  };
+  const isSettingsOpen = advancedSettingsPreference || settingsOpen;
+  const isMountingRef = useRef(true);
+  const wrapperNode = useRef();
+  const textInputRef = useRef();
+  const searchInputRef = useRef();
+  const entityUrlFallbackRef = useRef();
+  const settingsKeys = settings.map(({ id }) => id);
+  const [
+    internalControlValue,
+    setInternalControlValue,
+    setInternalURLInputValue,
+    setInternalTextInputValue,
+    createSetInternalSettingValueHandler
+  ] = useInternalValue(value);
+  const isEntity = handleEntities && !!internalControlValue?.id;
+  const baseId = useInstanceId(LinkControl, "link-control");
+  const helpTextId = isEntity ? `${baseId}__help` : null;
+  const valueHasChanges = value && !isShallowEqualObjects(internalControlValue, value);
+  const [isEditingLink, setIsEditingLink] = useState(
+    forceIsEditingLink !== void 0 ? forceIsEditingLink : !value || !value.url
+  );
+  const { createPage, isCreatingPage, errorMessage } = useCreatePage(createSuggestion);
+  useEffect(() => {
+    if (forceIsEditingLink === void 0) {
+      return;
+    }
+    setIsEditingLink(forceIsEditingLink);
+  }, [forceIsEditingLink]);
+  useEffect(() => {
+    if (isMountingRef.current) {
+      return;
+    }
+    const nextFocusTarget = focus.focusable.find(wrapperNode.current)[0] || wrapperNode.current;
+    nextFocusTarget.focus();
+  }, [isEditingLink, isCreatingPage]);
+  useEffect(() => {
+    isMountingRef.current = false;
+    return () => {
+      isMountingRef.current = true;
+    };
+  }, []);
+  const hasLinkValue = value?.url?.trim()?.length > 0;
+  const stopEditing = () => {
+    setIsEditingLink(false);
+  };
+  const handleSelectSuggestion = (updatedValue) => {
+    if (updatedValue?.kind === "taxonomy" && updatedValue?.url) {
+      entityUrlFallbackRef.current = updatedValue.url;
+    }
+    const nonSettingsChanges = Object.keys(updatedValue).reduce(
+      (acc, key) => {
+        if (!settingsKeys.includes(key)) {
+          acc[key] = updatedValue[key];
+        }
+        return acc;
+      },
+      {}
+    );
+    onChange({
+      ...internalControlValue,
+      ...nonSettingsChanges,
+      // As title is not a setting, it must be manually applied
+      // in such a way as to preserve the users changes over
+      // any "title" value provided by the "suggestion".
+      title: internalControlValue?.title || updatedValue?.title
+    });
+    stopEditing();
+  };
+  const handleSubmit = () => {
+    if (valueHasChanges) {
+      onChange({
+        ...value,
+        ...internalControlValue,
+        url: currentUrlInputValue
+      });
+    }
+    stopEditing();
+  };
+  const handleSubmitWithEnter = (event) => {
+    const { keyCode } = event;
+    if (keyCode === ENTER && !currentInputIsEmpty) {
+      event.preventDefault();
+      handleSubmit();
+    }
+  };
+  const resetInternalValues = () => {
+    setInternalControlValue(value);
+  };
+  const handleCancel = (event) => {
+    event.preventDefault();
+    event.stopPropagation();
+    resetInternalValues();
+    if (hasLinkValue) {
+      stopEditing();
+    } else {
+      onRemove?.();
+    }
+    onCancel?.();
+  };
+  const [shouldFocusSearchInput, setShouldFocusSearchInput] = useState(false);
+  const handleUnlink = () => {
+    const { id, kind, type, ...restValue } = internalControlValue;
+    setInternalControlValue({
+      ...restValue,
+      id: void 0,
+      kind: void 0,
+      type: void 0,
+      url: void 0
+    });
+    setShouldFocusSearchInput(true);
+  };
+  useEffect(() => {
+    if (shouldFocusSearchInput) {
+      searchInputRef.current?.focus();
+      setShouldFocusSearchInput(false);
+    }
+  }, [shouldFocusSearchInput]);
+  const currentUrlInputValue = propInputValue || internalControlValue?.url || "";
+  const currentInputIsEmpty = !currentUrlInputValue?.trim()?.length;
+  const shownUnlinkControl = onRemove && value && !isEditingLink && !isCreatingPage;
+  const showActions = isEditingLink && hasLinkValue;
+  const showTextControl = hasLinkValue && hasTextControl;
+  const isEditing = (isEditingLink || !value) && !isCreatingPage;
+  const isDisabled = !valueHasChanges || currentInputIsEmpty;
+  const showSettings = !!settings?.length && isEditingLink && hasLinkValue;
+  const previewValue = useMemo(() => {
+    if (value?.kind === "taxonomy" && !value?.url && entityUrlFallbackRef.current) {
+      return {
+        ...value,
+        url: entityUrlFallbackRef.current
+      };
+    }
+    return value;
+  }, [value]);
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      tabIndex: -1,
+      ref: wrapperNode,
+      className: "block-editor-link-control",
+      children: [
+        isCreatingPage && /* @__PURE__ */ jsxs("div", { className: "block-editor-link-control__loading", children: [
+          /* @__PURE__ */ jsx(Spinner, {}),
+          " ",
+          __("Creating"),
+          "\u2026"
+        ] }),
+        isEditing && /* @__PURE__ */ jsxs(Fragment, { children: [
+          /* @__PURE__ */ jsxs(
+            "div",
+            {
+              className: clsx({
+                "block-editor-link-control__search-input-wrapper": true,
+                "has-text-control": showTextControl,
+                "has-actions": showActions
+              }),
+              children: [
+                showTextControl && /* @__PURE__ */ jsx(
+                  TextControl,
+                  {
+                    ref: textInputRef,
+                    className: "block-editor-link-control__field block-editor-link-control__text-content",
+                    label: __("Text"),
+                    value: internalControlValue?.title,
+                    onChange: setInternalTextInputValue,
+                    onKeyDown: handleSubmitWithEnter,
+                    __next40pxDefaultSize: true
+                  }
+                ),
+                /* @__PURE__ */ jsx(
+                  LinkControlSearchInput,
+                  {
+                    ref: searchInputRef,
+                    currentLink: value,
+                    className: "block-editor-link-control__field block-editor-link-control__search-input",
+                    placeholder: searchInputPlaceholder,
+                    value: currentUrlInputValue,
+                    withCreateSuggestion,
+                    onCreateSuggestion: createPage,
+                    onChange: setInternalURLInputValue,
+                    onSelect: handleSelectSuggestion,
+                    showInitialSuggestions,
+                    allowDirectEntry: !noDirectEntry,
+                    showSuggestions,
+                    suggestionsQuery,
+                    withURLSuggestion: !noURLSuggestion,
+                    createSuggestionButtonText,
+                    hideLabelFromVision: !showTextControl,
+                    isEntity,
+                    suffix: /* @__PURE__ */ jsx(
+                      SearchSuffixControl,
+                      {
+                        isEntity,
+                        showActions,
+                        isDisabled,
+                        onUnlink: handleUnlink,
+                        onSubmit: handleSubmit,
+                        helpTextId
+                      }
+                    )
+                  }
+                ),
+                isEntity && helpTextId && /* @__PURE__ */ jsx(
+                  "p",
+                  {
+                    id: helpTextId,
+                    className: "block-editor-link-control__help",
+                    children: sprintf(
+                      /* translators: %s: entity type (e.g., page, post) */
+                      __("Synced with the selected %s."),
+                      internalControlValue?.type || "item"
+                    )
+                  }
+                )
+              ]
+            }
+          ),
+          errorMessage && /* @__PURE__ */ jsx(
+            Notice,
+            {
+              className: "block-editor-link-control__search-error",
+              status: "error",
+              isDismissible: false,
+              children: errorMessage
+            }
+          )
+        ] }),
+        value && !isEditingLink && !isCreatingPage && /* @__PURE__ */ jsx(
+          LinkPreview,
+          {
+            value: previewValue,
+            onEditClick: () => setIsEditingLink(true),
+            hasRichPreviews,
+            hasUnlinkControl: shownUnlinkControl,
+            onRemove: () => {
+              onRemove();
+              setIsEditingLink(true);
+            }
+          },
+          previewValue?.url
+        ),
+        showSettings && /* @__PURE__ */ jsx("div", { className: "block-editor-link-control__tools", children: !currentInputIsEmpty && /* @__PURE__ */ jsx(
+          LinkControlSettingsDrawer,
+          {
+            settingsOpen: isSettingsOpen,
+            setSettingsOpen: setSettingsOpenWithPreference,
+            children: /* @__PURE__ */ jsx(
+              LinkSettings,
+              {
+                value: internalControlValue,
+                settings,
+                onChange: createSetInternalSettingValueHandler(
+                  settingsKeys
+                )
+              }
+            )
+          }
+        ) }),
+        showActions && /* @__PURE__ */ jsxs(
+          HStack,
+          {
+            justify: "right",
+            className: "block-editor-link-control__search-actions",
+            children: [
+              /* @__PURE__ */ jsx(
+                Button,
+                {
+                  __next40pxDefaultSize: true,
+                  variant: "tertiary",
+                  onClick: handleCancel,
+                  children: __("Cancel")
+                }
+              ),
+              /* @__PURE__ */ jsx(
+                Button,
+                {
+                  __next40pxDefaultSize: true,
+                  variant: "primary",
+                  onClick: isDisabled ? noop : handleSubmit,
+                  className: "block-editor-link-control__search-submit",
+                  "aria-disabled": isDisabled,
+                  children: __("Apply")
+                }
+              )
+            ]
+          }
+        ),
+        !isCreatingPage && renderControlBottom && renderControlBottom()
+      ]
+    }
+  );
+}
+function SearchSuffixControl({
+  isEntity,
+  showActions,
+  isDisabled,
+  onUnlink,
+  onSubmit,
+  helpTextId
+}) {
+  if (isEntity) {
+    return /* @__PURE__ */ jsx(
+      Button,
+      {
+        icon: linkOff,
+        onClick: onUnlink,
+        "aria-describedby": helpTextId,
+        showTooltip: true,
+        label: __("Unsync and edit"),
+        __next40pxDefaultSize: true
+      }
+    );
+  }
+  if (showActions) {
+    return void 0;
+  }
+  return /* @__PURE__ */ jsx(InputControlSuffixWrapper, { variant: "control", children: /* @__PURE__ */ jsx(
+    Button,
+    {
+      onClick: isDisabled ? noop : onSubmit,
+      label: __("Submit"),
+      icon: keyboardReturn,
+      className: "block-editor-link-control__search-submit",
+      "aria-disabled": isDisabled,
+      size: "small"
+    }
+  ) });
+}
+LinkControl.ViewerFill = ViewerFill;
+LinkControl.DEFAULT_LINK_SETTINGS = DEFAULT_LINK_SETTINGS;
+var DeprecatedExperimentalLinkControl = (props) => {
+  deprecated("wp.blockEditor.__experimentalLinkControl", {
+    since: "6.8",
+    alternative: "wp.blockEditor.LinkControl"
+  });
+  return /* @__PURE__ */ jsx(LinkControl, { ...props });
+};
+DeprecatedExperimentalLinkControl.ViewerFill = LinkControl.ViewerFill;
+DeprecatedExperimentalLinkControl.DEFAULT_LINK_SETTINGS = LinkControl.DEFAULT_LINK_SETTINGS;
+var link_control_default = LinkControl;
+export {
+  DeprecatedExperimentalLinkControl,
+  link_control_default as default
+};
+//# sourceMappingURL=index.mjs.map

package/build-module/components/link-control/index.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/components/link-control/index.js"],
+  "sourcesContent": ["/**\n * External dependencies\n */\nimport clsx from 'clsx';\n\n/**\n * WordPress dependencies\n */\nimport {\n\tButton,\n\tSpinner,\n\tNotice,\n\tTextControl,\n\t__experimentalHStack as HStack,\n\t__experimentalInputControlSuffixWrapper as InputControlSuffixWrapper,\n} from '@wordpress/components';\nimport { __, sprintf } from '@wordpress/i18n';\nimport { useRef, useState, useEffect, useMemo } from '@wordpress/element';\nimport { useInstanceId } from '@wordpress/compose';\nimport { focus } from '@wordpress/dom';\nimport { ENTER } from '@wordpress/keycodes';\nimport { isShallowEqualObjects } from '@wordpress/is-shallow-equal';\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport { store as preferencesStore } from '@wordpress/preferences';\nimport { keyboardReturn, linkOff } from '@wordpress/icons';\nimport deprecated from '@wordpress/deprecated';\n\n/**\n * Internal dependencies\n */\nimport LinkControlSettingsDrawer from './settings-drawer';\nimport LinkControlSearchInput from './search-input';\nimport LinkPreview from './link-preview';\nimport LinkSettings from './settings';\nimport useCreatePage from './use-create-page';\nimport useInternalValue from './use-internal-value';\nimport { ViewerFill } from './viewer-slot';\nimport { DEFAULT_LINK_SETTINGS } from './constants';\n\n/**\n * Default properties associated with a link control value.\n *\n * @typedef WPLinkControlDefaultValue\n *\n * @property {string}   url           Link URL.\n * @property {string=}  title         Link title.\n * @property {boolean=} opensInNewTab Whether link should open in a new browser\n *                                    tab. This value is only assigned if not\n *                                    providing a custom `settings` prop.\n */\n\n/**\n * Custom settings values associated with a link.\n *\n * @typedef {{[setting:string]:any}} WPLinkControlSettingsValue\n */\n\n/**\n * Custom settings values associated with a link.\n *\n * @typedef WPLinkControlSetting\n *\n * @property {string} id    Identifier to use as property for setting value.\n * @property {string} title Human-readable label to show in user interface.\n */\n\n/**\n * Properties associated with a link control value, composed as a union of the\n * default properties and any custom settings values.\n *\n * @typedef {WPLinkControlDefaultValue&WPLinkControlSettingsValue} WPLinkControlValue\n */\n\n/** @typedef {(nextValue:WPLinkControlValue)=>void} WPLinkControlOnChangeProp */\n\n/**\n * Properties associated with a search suggestion used within the LinkControl.\n *\n * @typedef WPLinkControlSuggestion\n *\n * @property {string} id    Identifier to use to uniquely identify the suggestion.\n * @property {string} type  Identifies the type of the suggestion (eg: `post`,\n *                          `page`, `url`...etc)\n * @property {string} title Human-readable label to show in user interface.\n * @property {string} url   A URL for the suggestion.\n */\n\n/** @typedef {(title:string)=>WPLinkControlSuggestion} WPLinkControlCreateSuggestionProp */\n\n/**\n * @typedef WPLinkControlProps\n *\n * @property {(WPLinkControlSetting[])=}  settings                   An array of settings objects. Each object will used to\n *                                                                   render a `ToggleControl` for that setting.\n * @property {boolean=}                   forceIsEditingLink         If passed as either `true` or `false`, controls the\n *                                                                   internal editing state of the component to respective\n *                                                                   show or not show the URL input field.\n * @property {WPLinkControlValue=}        value                      Current link value.\n * @property {WPLinkControlOnChangeProp=} onChange                   Value change handler, called with the updated value if\n *                                                                   the user selects a new link or updates settings.\n * @property {boolean=}                   noDirectEntry              Whether to allow turning a URL-like search query directly into a link.\n * @property {boolean=}                   showSuggestions            Whether to present suggestions when typing the URL.\n * @property {boolean=}                   showInitialSuggestions     Whether to present initial suggestions immediately.\n * @property {boolean=}                   withCreateSuggestion       Whether to allow creation of link value from suggestion.\n * @property {Object=}                    suggestionsQuery           Query parameters to pass along to wp.blockEditor.__experimentalFetchLinkSuggestions.\n * @property {boolean=}                   noURLSuggestion            Whether to add a fallback suggestion which treats the search query as a URL.\n * @property {boolean=}                   hasTextControl             Whether to add a text field to the UI to update the value.title.\n * @property {string|Function|undefined}  createSuggestionButtonText The text to use in the button that calls createSuggestion.\n * @property {Function}                   renderControlBottom        Optional controls to be rendered at the bottom of the component.\n * @property {boolean=}                   handleEntities             Whether to handle entity links (links with ID). When true and a link has an ID, the input will be disabled and show an unlink button.\n */\n\nconst noop = () => {};\n\nconst PREFERENCE_SCOPE = 'core/block-editor';\nconst PREFERENCE_KEY = 'linkControlSettingsDrawer';\n\n/**\n * Renders a link control. A link control is a controlled input which maintains\n * a value associated with a link (HTML anchor element) and relevant settings\n * for how that link is expected to behave.\n *\n * @param {WPLinkControlProps} props Component props.\n */\nfunction LinkControl( {\n\tsearchInputPlaceholder,\n\tvalue,\n\tsettings = DEFAULT_LINK_SETTINGS,\n\tonChange = noop,\n\tonRemove,\n\tonCancel,\n\tnoDirectEntry = false,\n\tshowSuggestions = true,\n\tshowInitialSuggestions,\n\tforceIsEditingLink,\n\tcreateSuggestion,\n\twithCreateSuggestion,\n\tinputValue: propInputValue = '',\n\tsuggestionsQuery = {},\n\tnoURLSuggestion = false,\n\tcreateSuggestionButtonText,\n\thasRichPreviews = false,\n\thasTextControl = false,\n\trenderControlBottom = null,\n\thandleEntities = false,\n} ) {\n\tif ( withCreateSuggestion === undefined && createSuggestion ) {\n\t\twithCreateSuggestion = true;\n\t}\n\n\tconst [ settingsOpen, setSettingsOpen ] = useState( false );\n\n\tconst { advancedSettingsPreference } = useSelect( ( select ) => {\n\t\tconst prefsStore = select( preferencesStore );\n\n\t\treturn {\n\t\t\tadvancedSettingsPreference:\n\t\t\t\tprefsStore.get( PREFERENCE_SCOPE, PREFERENCE_KEY ) ?? false,\n\t\t};\n\t}, [] );\n\n\tconst { set: setPreference } = useDispatch( preferencesStore );\n\n\t/**\n\t * Sets the open/closed state of the Advanced Settings Drawer,\n\t * optionlly persisting the state to the user's preferences.\n\t *\n\t * Note that Block Editor components can be consumed by non-WordPress\n\t * environments which may not have preferences setup.\n\t * Therefore a local state is also  used as a fallback.\n\t *\n\t * @param {boolean} prefVal the open/closed state of the Advanced Settings Drawer.\n\t */\n\tconst setSettingsOpenWithPreference = ( prefVal ) => {\n\t\tif ( setPreference ) {\n\t\t\tsetPreference( PREFERENCE_SCOPE, PREFERENCE_KEY, prefVal );\n\t\t}\n\t\tsetSettingsOpen( prefVal );\n\t};\n\n\t// Block Editor components can be consumed by non-WordPress environments\n\t// which may not have these preferences setup.\n\t// Therefore a local state is used as a fallback.\n\tconst isSettingsOpen = advancedSettingsPreference || settingsOpen;\n\n\tconst isMountingRef = useRef( true );\n\tconst wrapperNode = useRef();\n\tconst textInputRef = useRef();\n\tconst searchInputRef = useRef();\n\t// TODO: Remove entityUrlFallbackRef and previewValue in favor of value prop after taxonomy entity binding\n\t// is stable and returns the correct URL instead of null while resolving when creating the entity.\n\t//\n\t// Preserve the URL from entity suggestions before binding overrides it\n\t// This is due to entity binding not being available immediately after the suggestion is selected.\n\t// The URL can return null, especially for taxonomy entities, while entity binding is being resolved.\n\t// To avoid unnecessary rerenders and focus loss, we preserve the URL from the suggestion and use it\n\t// as a fallback until the entity binding is available.\n\tconst entityUrlFallbackRef = useRef();\n\n\tconst settingsKeys = settings.map( ( { id } ) => id );\n\n\tconst [\n\t\tinternalControlValue,\n\t\tsetInternalControlValue,\n\t\tsetInternalURLInputValue,\n\t\tsetInternalTextInputValue,\n\t\tcreateSetInternalSettingValueHandler,\n\t] = useInternalValue( value );\n\n\t// Compute isEntity internally based on handleEntities prop and presence of ID\n\tconst isEntity = handleEntities && !! internalControlValue?.id;\n\n\t// Generate help text ID for accessibility association\n\tconst baseId = useInstanceId( LinkControl, 'link-control' );\n\tconst helpTextId = isEntity ? `${ baseId }__help` : null;\n\n\tconst valueHasChanges =\n\t\tvalue && ! isShallowEqualObjects( internalControlValue, value );\n\n\tconst [ isEditingLink, setIsEditingLink ] = useState(\n\t\tforceIsEditingLink !== undefined\n\t\t\t? forceIsEditingLink\n\t\t\t: ! value || ! value.url\n\t);\n\n\tconst { createPage, isCreatingPage, errorMessage } =\n\t\tuseCreatePage( createSuggestion );\n\n\tuseEffect( () => {\n\t\tif ( forceIsEditingLink === undefined ) {\n\t\t\treturn;\n\t\t}\n\n\t\tsetIsEditingLink( forceIsEditingLink );\n\t}, [ forceIsEditingLink ] );\n\n\tuseEffect( () => {\n\t\t// We don't auto focus into the Link UI on mount\n\t\t// because otherwise using the keyboard to select text\n\t\t// *within* the link format is not possible.\n\t\tif ( isMountingRef.current ) {\n\t\t\treturn;\n\t\t}\n\n\t\t// Scenario - when:\n\t\t// - switching between editable and non editable LinkControl\n\t\t// - clicking on a link\n\t\t// ...then move focus to the *first* element to avoid focus loss\n\t\t// and to ensure focus is *within* the Link UI.\n\t\tconst nextFocusTarget =\n\t\t\tfocus.focusable.find( wrapperNode.current )[ 0 ] ||\n\t\t\twrapperNode.current;\n\n\t\tnextFocusTarget.focus();\n\t}, [ isEditingLink, isCreatingPage ] );\n\n\t// The component mounting reference is maintained separately\n\t// to correctly reset values in `StrictMode`.\n\tuseEffect( () => {\n\t\tisMountingRef.current = false;\n\n\t\treturn () => {\n\t\t\tisMountingRef.current = true;\n\t\t};\n\t}, [] );\n\n\tconst hasLinkValue = value?.url?.trim()?.length > 0;\n\n\t/**\n\t * Cancels editing state.\n\t */\n\tconst stopEditing = () => {\n\t\tsetIsEditingLink( false );\n\t};\n\n\tconst handleSelectSuggestion = ( updatedValue ) => {\n\t\t// Preserve the URL for taxonomy entities before binding overrides it\n\t\tif ( updatedValue?.kind === 'taxonomy' && updatedValue?.url ) {\n\t\t\tentityUrlFallbackRef.current = updatedValue.url;\n\t\t}\n\n\t\t// Suggestions may contains \"settings\" values (e.g. `opensInNewTab`)\n\t\t// which should not override any existing settings values set by the\n\t\t// user. This filters out any settings values from the suggestion.\n\t\tconst nonSettingsChanges = Object.keys( updatedValue ).reduce(\n\t\t\t( acc, key ) => {\n\t\t\t\tif ( ! settingsKeys.includes( key ) ) {\n\t\t\t\t\tacc[ key ] = updatedValue[ key ];\n\t\t\t\t}\n\t\t\t\treturn acc;\n\t\t\t},\n\t\t\t{}\n\t\t);\n\n\t\tonChange( {\n\t\t\t...internalControlValue,\n\t\t\t...nonSettingsChanges,\n\t\t\t// As title is not a setting, it must be manually applied\n\t\t\t// in such a way as to preserve the users changes over\n\t\t\t// any \"title\" value provided by the \"suggestion\".\n\t\t\ttitle: internalControlValue?.title || updatedValue?.title,\n\t\t} );\n\n\t\tstopEditing();\n\t};\n\n\tconst handleSubmit = () => {\n\t\tif ( valueHasChanges ) {\n\t\t\t// Submit the original value with new stored values applied\n\t\t\t// on top. URL is a special case as it may also be a prop.\n\t\t\tonChange( {\n\t\t\t\t...value,\n\t\t\t\t...internalControlValue,\n\t\t\t\turl: currentUrlInputValue,\n\t\t\t} );\n\t\t}\n\t\tstopEditing();\n\t};\n\n\tconst handleSubmitWithEnter = ( event ) => {\n\t\tconst { keyCode } = event;\n\n\t\tif (\n\t\t\tkeyCode === ENTER &&\n\t\t\t! currentInputIsEmpty // Disallow submitting empty values.\n\t\t) {\n\t\t\tevent.preventDefault();\n\t\t\thandleSubmit();\n\t\t}\n\t};\n\n\tconst resetInternalValues = () => {\n\t\tsetInternalControlValue( value );\n\t};\n\n\tconst handleCancel = ( event ) => {\n\t\tevent.preventDefault();\n\t\tevent.stopPropagation();\n\n\t\t// Ensure that any unsubmitted input changes are reset.\n\t\tresetInternalValues();\n\n\t\tif ( hasLinkValue ) {\n\t\t\t// If there is a link then exist editing mode and show preview.\n\t\t\tstopEditing();\n\t\t} else {\n\t\t\t// If there is no link value, then remove the link entirely.\n\t\t\tonRemove?.();\n\t\t}\n\n\t\tonCancel?.();\n\t};\n\n\tconst [ shouldFocusSearchInput, setShouldFocusSearchInput ] =\n\t\tuseState( false );\n\n\tconst handleUnlink = () => {\n\t\t// Clear the internal state to remove the ID and re-enable the field\n\t\t// Explicitly set id, kind, and type to undefined so they override\n\t\t// the original values when spread in handleSubmit. This ensures that\n\t\t// when the user types a custom URL and submits, the entity link is\n\t\t// properly severed (not just when selecting a different entity from suggestions).\n\t\tconst { id, kind, type, ...restValue } = internalControlValue;\n\t\tsetInternalControlValue( {\n\t\t\t...restValue,\n\t\t\tid: undefined,\n\t\t\tkind: undefined,\n\t\t\ttype: undefined,\n\t\t\turl: undefined,\n\t\t} );\n\n\t\t// Request focus after the component re-renders with the cleared state\n\t\t// We can't focus immediately because the input might still be disabled\n\t\tsetShouldFocusSearchInput( true );\n\t};\n\n\t// Focus the search input when requested, once the component has re-rendered\n\t// This ensures the input is enabled and ready to receive focus\n\tuseEffect( () => {\n\t\tif ( shouldFocusSearchInput ) {\n\t\t\tsearchInputRef.current?.focus();\n\t\t\tsetShouldFocusSearchInput( false );\n\t\t}\n\t}, [ shouldFocusSearchInput ] );\n\n\tconst currentUrlInputValue =\n\t\tpropInputValue || internalControlValue?.url || '';\n\n\tconst currentInputIsEmpty = ! currentUrlInputValue?.trim()?.length;\n\n\tconst shownUnlinkControl =\n\t\tonRemove && value && ! isEditingLink && ! isCreatingPage;\n\n\tconst showActions = isEditingLink && hasLinkValue;\n\n\t// Only show text control once a URL value has been committed\n\t// and it isn't just empty whitespace.\n\t// See https://github.com/WordPress/gutenberg/pull/33849/#issuecomment-932194927.\n\tconst showTextControl = hasLinkValue && hasTextControl;\n\n\tconst isEditing = ( isEditingLink || ! value ) && ! isCreatingPage;\n\tconst isDisabled = ! valueHasChanges || currentInputIsEmpty;\n\tconst showSettings = !! settings?.length && isEditingLink && hasLinkValue;\n\n\tconst previewValue = useMemo( () => {\n\t\t// There is a chance that the value is not yet set from the entity binding, so we use the preserved URL.\n\t\tif (\n\t\t\tvalue?.kind === 'taxonomy' &&\n\t\t\t! value?.url &&\n\t\t\tentityUrlFallbackRef.current\n\t\t) {\n\t\t\t// combine the value prop with the preserved URL from the suggestion\n\t\t\treturn {\n\t\t\t\t...value,\n\t\t\t\turl: entityUrlFallbackRef.current,\n\t\t\t};\n\t\t}\n\n\t\t// If we don't have a fallback URL, use the value prop.\n\t\treturn value;\n\t}, [ value ] );\n\n\treturn (\n\t\t<div\n\t\t\ttabIndex={ -1 }\n\t\t\tref={ wrapperNode }\n\t\t\tclassName=\"block-editor-link-control\"\n\t\t>\n\t\t\t{ isCreatingPage && (\n\t\t\t\t<div className=\"block-editor-link-control__loading\">\n\t\t\t\t\t<Spinner /> { __( 'Creating' ) }\u2026\n\t\t\t\t</div>\n\t\t\t) }\n\n\t\t\t{ isEditing && (\n\t\t\t\t<>\n\t\t\t\t\t<div\n\t\t\t\t\t\tclassName={ clsx( {\n\t\t\t\t\t\t\t'block-editor-link-control__search-input-wrapper': true,\n\t\t\t\t\t\t\t'has-text-control': showTextControl,\n\t\t\t\t\t\t\t'has-actions': showActions,\n\t\t\t\t\t\t} ) }\n\t\t\t\t\t>\n\t\t\t\t\t\t{ showTextControl && (\n\t\t\t\t\t\t\t<TextControl\n\t\t\t\t\t\t\t\tref={ textInputRef }\n\t\t\t\t\t\t\t\tclassName=\"block-editor-link-control__field block-editor-link-control__text-content\"\n\t\t\t\t\t\t\t\tlabel={ __( 'Text' ) }\n\t\t\t\t\t\t\t\tvalue={ internalControlValue?.title }\n\t\t\t\t\t\t\t\tonChange={ setInternalTextInputValue }\n\t\t\t\t\t\t\t\tonKeyDown={ handleSubmitWithEnter }\n\t\t\t\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t) }\n\t\t\t\t\t\t<LinkControlSearchInput\n\t\t\t\t\t\t\tref={ searchInputRef }\n\t\t\t\t\t\t\tcurrentLink={ value }\n\t\t\t\t\t\t\tclassName=\"block-editor-link-control__field block-editor-link-control__search-input\"\n\t\t\t\t\t\t\tplaceholder={ searchInputPlaceholder }\n\t\t\t\t\t\t\tvalue={ currentUrlInputValue }\n\t\t\t\t\t\t\twithCreateSuggestion={ withCreateSuggestion }\n\t\t\t\t\t\t\tonCreateSuggestion={ createPage }\n\t\t\t\t\t\t\tonChange={ setInternalURLInputValue }\n\t\t\t\t\t\t\tonSelect={ handleSelectSuggestion }\n\t\t\t\t\t\t\tshowInitialSuggestions={ showInitialSuggestions }\n\t\t\t\t\t\t\tallowDirectEntry={ ! noDirectEntry }\n\t\t\t\t\t\t\tshowSuggestions={ showSuggestions }\n\t\t\t\t\t\t\tsuggestionsQuery={ suggestionsQuery }\n\t\t\t\t\t\t\twithURLSuggestion={ ! noURLSuggestion }\n\t\t\t\t\t\t\tcreateSuggestionButtonText={\n\t\t\t\t\t\t\t\tcreateSuggestionButtonText\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\thideLabelFromVision={ ! showTextControl }\n\t\t\t\t\t\t\tisEntity={ isEntity }\n\t\t\t\t\t\t\tsuffix={\n\t\t\t\t\t\t\t\t<SearchSuffixControl\n\t\t\t\t\t\t\t\t\tisEntity={ isEntity }\n\t\t\t\t\t\t\t\t\tshowActions={ showActions }\n\t\t\t\t\t\t\t\t\tisDisabled={ isDisabled }\n\t\t\t\t\t\t\t\t\tonUnlink={ handleUnlink }\n\t\t\t\t\t\t\t\t\tonSubmit={ handleSubmit }\n\t\t\t\t\t\t\t\t\thelpTextId={ helpTextId }\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{ isEntity && helpTextId && (\n\t\t\t\t\t\t\t<p\n\t\t\t\t\t\t\t\tid={ helpTextId }\n\t\t\t\t\t\t\t\tclassName=\"block-editor-link-control__help\"\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{ sprintf(\n\t\t\t\t\t\t\t\t\t/* translators: %s: entity type (e.g., page, post) */\n\t\t\t\t\t\t\t\t\t__( 'Synced with the selected %s.' ),\n\t\t\t\t\t\t\t\t\tinternalControlValue?.type || 'item'\n\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t</p>\n\t\t\t\t\t\t) }\n\t\t\t\t\t</div>\n\t\t\t\t\t{ errorMessage && (\n\t\t\t\t\t\t<Notice\n\t\t\t\t\t\t\tclassName=\"block-editor-link-control__search-error\"\n\t\t\t\t\t\t\tstatus=\"error\"\n\t\t\t\t\t\t\tisDismissible={ false }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ errorMessage }\n\t\t\t\t\t\t</Notice>\n\t\t\t\t\t) }\n\t\t\t\t</>\n\t\t\t) }\n\n\t\t\t{ value && ! isEditingLink && ! isCreatingPage && (\n\t\t\t\t<LinkPreview\n\t\t\t\t\tkey={ previewValue?.url } // force remount when URL changes to avoid race conditions for rich previews\n\t\t\t\t\tvalue={ previewValue }\n\t\t\t\t\tonEditClick={ () => setIsEditingLink( true ) }\n\t\t\t\t\thasRichPreviews={ hasRichPreviews }\n\t\t\t\t\thasUnlinkControl={ shownUnlinkControl }\n\t\t\t\t\tonRemove={ () => {\n\t\t\t\t\t\tonRemove();\n\t\t\t\t\t\tsetIsEditingLink( true );\n\t\t\t\t\t} }\n\t\t\t\t/>\n\t\t\t) }\n\n\t\t\t{ showSettings && (\n\t\t\t\t<div className=\"block-editor-link-control__tools\">\n\t\t\t\t\t{ ! currentInputIsEmpty && (\n\t\t\t\t\t\t<LinkControlSettingsDrawer\n\t\t\t\t\t\t\tsettingsOpen={ isSettingsOpen }\n\t\t\t\t\t\t\tsetSettingsOpen={ setSettingsOpenWithPreference }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<LinkSettings\n\t\t\t\t\t\t\t\tvalue={ internalControlValue }\n\t\t\t\t\t\t\t\tsettings={ settings }\n\t\t\t\t\t\t\t\tonChange={ createSetInternalSettingValueHandler(\n\t\t\t\t\t\t\t\t\tsettingsKeys\n\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</LinkControlSettingsDrawer>\n\t\t\t\t\t) }\n\t\t\t\t</div>\n\t\t\t) }\n\n\t\t\t{ showActions && (\n\t\t\t\t<HStack\n\t\t\t\t\tjustify=\"right\"\n\t\t\t\t\tclassName=\"block-editor-link-control__search-actions\"\n\t\t\t\t>\n\t\t\t\t\t<Button\n\t\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t\tvariant=\"tertiary\"\n\t\t\t\t\t\tonClick={ handleCancel }\n\t\t\t\t\t>\n\t\t\t\t\t\t{ __( 'Cancel' ) }\n\t\t\t\t\t</Button>\n\t\t\t\t\t<Button\n\t\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t\tvariant=\"primary\"\n\t\t\t\t\t\tonClick={ isDisabled ? noop : handleSubmit }\n\t\t\t\t\t\tclassName=\"block-editor-link-control__search-submit\"\n\t\t\t\t\t\taria-disabled={ isDisabled }\n\t\t\t\t\t>\n\t\t\t\t\t\t{ __( 'Apply' ) }\n\t\t\t\t\t</Button>\n\t\t\t\t</HStack>\n\t\t\t) }\n\n\t\t\t{ ! isCreatingPage && renderControlBottom && renderControlBottom() }\n\t\t</div>\n\t);\n}\n\n/**\n * Suffix control component for LinkControl search input.\n * Handles the display of unlink button for entities and submit button for regular links.\n *\n * @param {Object}   props             - Component props\n * @param {boolean}  props.isEntity    - Whether the link is bound to an entity\n * @param {boolean}  props.showActions - Whether to show action buttons\n * @param {boolean}  props.isDisabled  - Whether the submit button should be disabled\n * @param {Function} props.onUnlink    - Callback when unlink button is clicked\n * @param {Function} props.onSubmit    - Callback when submit button is clicked\n * @param {string}   props.helpTextId  - ID of the help text element for accessibility\n */\nfunction SearchSuffixControl( {\n\tisEntity,\n\tshowActions,\n\tisDisabled,\n\tonUnlink,\n\tonSubmit,\n\thelpTextId,\n} ) {\n\tif ( isEntity ) {\n\t\treturn (\n\t\t\t<Button\n\t\t\t\ticon={ linkOff }\n\t\t\t\tonClick={ onUnlink }\n\t\t\t\taria-describedby={ helpTextId }\n\t\t\t\tshowTooltip\n\t\t\t\tlabel={ __( 'Unsync and edit' ) }\n\t\t\t\t__next40pxDefaultSize\n\t\t\t/>\n\t\t);\n\t}\n\n\tif ( showActions ) {\n\t\treturn undefined;\n\t}\n\n\treturn (\n\t\t<InputControlSuffixWrapper variant=\"control\">\n\t\t\t<Button\n\t\t\t\tonClick={ isDisabled ? noop : onSubmit }\n\t\t\t\tlabel={ __( 'Submit' ) }\n\t\t\t\ticon={ keyboardReturn }\n\t\t\t\tclassName=\"block-editor-link-control__search-submit\"\n\t\t\t\taria-disabled={ isDisabled }\n\t\t\t\tsize=\"small\"\n\t\t\t/>\n\t\t</InputControlSuffixWrapper>\n\t);\n}\n\nLinkControl.ViewerFill = ViewerFill;\nLinkControl.DEFAULT_LINK_SETTINGS = DEFAULT_LINK_SETTINGS;\n\nconst DeprecatedExperimentalLinkControl = ( props ) => {\n\tdeprecated( 'wp.blockEditor.__experimentalLinkControl', {\n\t\tsince: '6.8',\n\t\talternative: 'wp.blockEditor.LinkControl',\n\t} );\n\n\treturn <LinkControl { ...props } />;\n};\n\nDeprecatedExperimentalLinkControl.ViewerFill = LinkControl.ViewerFill;\nDeprecatedExperimentalLinkControl.DEFAULT_LINK_SETTINGS =\n\tLinkControl.DEFAULT_LINK_SETTINGS;\n\nexport { DeprecatedExperimentalLinkControl };\nexport default LinkControl;\n"],
+  "mappings": "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",
+  "names": []
+}

package/build-module/components/link-control/is-url-like.mjs

@@ -0,0 +1,25 @@
+// packages/block-editor/src/components/link-control/is-url-like.js
+import { getProtocol, isValidProtocol, isValidFragment } from "@wordpress/url";
+function isURLLike(val) {
+  const hasSpaces = val.includes(" ");
+  if (hasSpaces) {
+    return false;
+  }
+  const protocol = getProtocol(val);
+  const protocolIsValid = isValidProtocol(protocol);
+  const mayBeTLD = hasPossibleTLD(val);
+  const isWWW = val?.startsWith("www.");
+  const isInternal = val?.startsWith("#") && isValidFragment(val);
+  return protocolIsValid || isWWW || isInternal || mayBeTLD;
+}
+function hasPossibleTLD(url, maxLength = 6) {
+  const cleanedURL = url.split(/[?#]/)[0];
+  const regex = new RegExp(
+    `(?<=\\S)\\.(?:[a-zA-Z_]{2,${maxLength}})(?:\\/|$)`
+  );
+  return regex.test(cleanedURL);
+}
+export {
+  isURLLike as default
+};
+//# sourceMappingURL=is-url-like.mjs.map

package/build-module/components/link-control/link-preview.mjs

@@ -0,0 +1,163 @@
+// packages/block-editor/src/components/link-control/link-preview.js
+import clsx from "clsx";
+import { __ } from "@wordpress/i18n";
+import {
+  Button,
+  ExternalLink,
+  __experimentalTruncate as Truncate,
+  Flex
+} from "@wordpress/components";
+import { useCopyToClipboard } from "@wordpress/compose";
+import { filterURLForDisplay, safeDecodeURI } from "@wordpress/url";
+import {
+  Icon,
+  globe,
+  info,
+  linkOff,
+  pencil,
+  copySmall
+} from "@wordpress/icons";
+import { __unstableStripHTML as stripHTML } from "@wordpress/dom";
+import { useDispatch, useSelect } from "@wordpress/data";
+import { store as noticesStore } from "@wordpress/notices";
+import { store as preferencesStore } from "@wordpress/preferences";
+import { ViewerSlot } from "./viewer-slot.mjs";
+import useRichUrlData from "./use-rich-url-data.mjs";
+import { Fragment, jsx, jsxs } from "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 = useSelect(
+    (select) => select(preferencesStore).get("core", "showIconLabels"),
+    []
+  );
+  const showRichPreviews = hasRichPreviews ? value?.url : null;
+  const { richData, isFetching } = useRichUrlData(showRichPreviews);
+  const hasRichData = richData && Object.keys(richData).length;
+  const displayURL = value && filterURLForDisplay(safeDecodeURI(value.url), 24) || "";
+  const isEmptyURL = !value?.url?.length;
+  const displayTitle = !isEmptyURL && stripHTML(richData?.title || value?.title || displayURL);
+  const isUrlRedundant = !value?.url || filterTitleForDisplay(displayTitle) === displayURL;
+  let icon;
+  if (richData?.icon) {
+    icon = /* @__PURE__ */ jsx("img", { src: richData?.icon, alt: "" });
+  } else if (isEmptyURL) {
+    icon = /* @__PURE__ */ jsx(Icon, { icon: info, size: 32 });
+  } else {
+    icon = /* @__PURE__ */ jsx(Icon, { icon: globe });
+  }
+  const { createNotice } = useDispatch(noticesStore);
+  const ref = useCopyToClipboard(value.url, () => {
+    createNotice("info", __("Link copied to clipboard."), {
+      isDismissible: true,
+      type: "snackbar"
+    });
+  });
+  return /* @__PURE__ */ jsx(
+    Flex,
+    {
+      role: "group",
+      "aria-label": __("Manage link"),
+      className: clsx("block-editor-link-control__preview", {
+        "is-current": true,
+        "is-rich": hasRichData,
+        "is-fetching": !!isFetching,
+        "is-preview": true,
+        "is-error": isEmptyURL,
+        "is-url-title": displayTitle === displayURL
+      }),
+      children: /* @__PURE__ */ jsxs(Flex, { gap: 0, children: [
+        /* @__PURE__ */ jsxs(
+          Flex,
+          {
+            className: "block-editor-link-control__link-information",
+            role: "figure",
+            "aria-label": (
+              /* translators: Accessibility text for the link preview when editing a link. */
+              __("Link information")
+            ),
+            justify: "start",
+            children: [
+              /* @__PURE__ */ jsx(
+                Flex,
+                {
+                  className: clsx(
+                    "block-editor-link-control__preview-icon",
+                    {
+                      "is-image": richData?.icon
+                    }
+                  ),
+                  justify: "center",
+                  children: icon
+                }
+              ),
+              /* @__PURE__ */ jsx(
+                Flex,
+                {
+                  className: "block-editor-link-control__preview-details",
+                  direction: "column",
+                  gap: 1,
+                  children: !isEmptyURL ? /* @__PURE__ */ jsxs(Fragment, { children: [
+                    /* @__PURE__ */ jsx(
+                      ExternalLink,
+                      {
+                        className: "block-editor-link-control__preview-title",
+                        href: value.url,
+                        children: /* @__PURE__ */ jsx(Truncate, { numberOfLines: 1, children: displayTitle })
+                      }
+                    ),
+                    !isUrlRedundant && /* @__PURE__ */ jsx("span", { className: "block-editor-link-control__preview-info", children: /* @__PURE__ */ jsx(Truncate, { numberOfLines: 1, children: displayURL }) })
+                  ] }) : /* @__PURE__ */ jsx("span", { className: "block-editor-link-control__preview-error-notice", children: __("Link is empty") })
+                }
+              )
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          Button,
+          {
+            icon: pencil,
+            label: __("Edit link"),
+            onClick: onEditClick,
+            size: "compact",
+            showTooltip: !showIconLabels
+          }
+        ),
+        hasUnlinkControl && /* @__PURE__ */ jsx(
+          Button,
+          {
+            icon: linkOff,
+            label: __("Remove link"),
+            onClick: onRemove,
+            size: "compact",
+            showTooltip: !showIconLabels
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          Button,
+          {
+            icon: copySmall,
+            label: __("Copy link"),
+            ref,
+            accessibleWhenDisabled: true,
+            disabled: isEmptyURL,
+            size: "compact",
+            showTooltip: !showIconLabels
+          }
+        ),
+        /* @__PURE__ */ jsx(ViewerSlot, { fillProps: value })
+      ] })
+    }
+  );
+}
+export {
+  LinkPreview as default
+};
+//# sourceMappingURL=link-preview.mjs.map