@wordpress/format-library 5.32.0 → 5.32.1-next.ff1cebbba.0

package/build-module/link/inline.js

@@ -1,25 +1,50 @@
-/**
- * WordPress dependencies
- */
-import { useMemo, createInterpolateElement } from '@wordpress/element';
-import { __, sprintf } from '@wordpress/i18n';
-import { speak } from '@wordpress/a11y';
-import { Popover } from '@wordpress/components';
-import { prependHTTP } from '@wordpress/url';
-import { create, insert, isCollapsed, applyFormat, removeFormat, slice, replace, split, concat, useAnchor } from '@wordpress/rich-text';
-import { LinkControl, store as blockEditorStore } from '@wordpress/block-editor';
-import { useDispatch, useSelect } from '@wordpress/data';
-
-/**
- * Internal dependencies
- */
-import { createLinkFormat, isValidHref, getFormatBoundary } from './utils';
-import { link as settings } from './index';
-import { jsx as _jsx } from "react/jsx-runtime";
-const LINK_SETTINGS = [...LinkControl.DEFAULT_LINK_SETTINGS, {
-  id: 'nofollow',
-  title: __('Mark as nofollow')
-}];
+import { jsx } from "react/jsx-runtime";
+import { useMemo, createInterpolateElement } from "@wordpress/element";
+import { __, sprintf } from "@wordpress/i18n";
+import { speak } from "@wordpress/a11y";
+import { Popover } from "@wordpress/components";
+import { prependHTTP } from "@wordpress/url";
+import {
+  create,
+  insert,
+  isCollapsed,
+  applyFormat,
+  removeFormat,
+  slice,
+  replace,
+  split,
+  concat,
+  useAnchor
+} from "@wordpress/rich-text";
+import {
+  LinkControl,
+  store as blockEditorStore
+} from "@wordpress/block-editor";
+import { useDispatch, useSelect } from "@wordpress/data";
+import { createLinkFormat, isValidHref, getFormatBoundary } from "./utils";
+import { link as settings } from "./index";
+import CSSClassesSettingComponent from "./css-classes-setting";
+const LINK_SETTINGS = [
+  ...LinkControl.DEFAULT_LINK_SETTINGS,
+  {
+    id: "nofollow",
+    title: __("Mark as nofollow")
+  },
+  {
+    id: "cssClasses",
+    title: __("Additional CSS class(es)"),
+    render: (setting, value, onChange) => {
+      return /* @__PURE__ */ jsx(
+        CSSClassesSettingComponent,
+        {
+          setting,
+          value,
+          onChange
+        }
+      );
+    }
+  }
+];
 function InlineLinkUI({
   isActive,
   activeAttributes,
@@ -31,47 +56,49 @@ function InlineLinkUI({
   focusOnMount
 }) {
   const richLinkTextValue = getRichTextValueFromSelection(value, isActive);
-
-  // Get the text content minus any HTML tags.
   const richTextText = richLinkTextValue.text;
-  const {
-    selectionChange
-  } = useDispatch(blockEditorStore);
-  const {
-    createPageEntity,
-    userCanCreatePages,
-    selectionStart
-  } = useSelect(select => {
-    const {
-      getSettings,
-      getSelectionStart
-    } = select(blockEditorStore);
-    const _settings = getSettings();
-    return {
-      createPageEntity: _settings.__experimentalCreatePageEntity,
-      userCanCreatePages: _settings.__experimentalUserCanCreatePages,
-      selectionStart: getSelectionStart()
-    };
-  }, []);
-  const linkValue = useMemo(() => ({
-    url: activeAttributes.url,
-    type: activeAttributes.type,
-    id: activeAttributes.id,
-    opensInNewTab: activeAttributes.target === '_blank',
-    nofollow: activeAttributes.rel?.includes('nofollow'),
-    title: richTextText
-  }), [activeAttributes.id, activeAttributes.rel, activeAttributes.target, activeAttributes.type, activeAttributes.url, richTextText]);
+  const { selectionChange } = useDispatch(blockEditorStore);
+  const { createPageEntity, userCanCreatePages, selectionStart } = useSelect(
+    (select) => {
+      const { getSettings, getSelectionStart } = select(blockEditorStore);
+      const _settings = getSettings();
+      return {
+        createPageEntity: _settings.__experimentalCreatePageEntity,
+        userCanCreatePages: _settings.__experimentalUserCanCreatePages,
+        selectionStart: getSelectionStart()
+      };
+    },
+    []
+  );
+  const linkValue = useMemo(
+    () => ({
+      url: activeAttributes.url,
+      type: activeAttributes.type,
+      id: activeAttributes.id,
+      opensInNewTab: activeAttributes.target === "_blank",
+      nofollow: activeAttributes.rel?.includes("nofollow"),
+      title: richTextText,
+      cssClasses: activeAttributes.class
+    }),
+    [
+      activeAttributes.class,
+      activeAttributes.id,
+      activeAttributes.rel,
+      activeAttributes.target,
+      activeAttributes.type,
+      activeAttributes.url,
+      richTextText
+    ]
+  );
   function removeLink() {
-    const newValue = removeFormat(value, 'core/link');
+    const newValue = removeFormat(value, "core/link");
     onChange(newValue);
     stopAddingLink();
-    speak(__('Link removed.'), 'assertive');
+    speak(__("Link removed."), "assertive");
   }
   function onChangeLink(nextValue) {
     const hasLink = linkValue?.url;
     const isNewLink = !hasLink;
-
-    // Merge the next value with the current link value.
     nextValue = {
       ...linkValue,
       ...nextValue
@@ -80,25 +107,23 @@ function InlineLinkUI({
     const linkFormat = createLinkFormat({
       url: newUrl,
       type: nextValue.type,
-      id: nextValue.id !== undefined && nextValue.id !== null ? String(nextValue.id) : undefined,
+      id: nextValue.id !== void 0 && nextValue.id !== null ? String(nextValue.id) : void 0,
       opensInNewWindow: nextValue.opensInNewTab,
-      nofollow: nextValue.nofollow
+      nofollow: nextValue.nofollow,
+      cssClasses: nextValue.cssClasses
     });
     const newText = nextValue.title || newUrl;
-
-    // Scenario: we have any active text selection or an active format.
     let newValue;
     if (isCollapsed(value) && !isActive) {
-      // Scenario: we don't have any actively selected text or formats.
       const inserted = insert(value, newText);
-      newValue = applyFormat(inserted, linkFormat, value.start, value.start + newText.length);
+      newValue = applyFormat(
+        inserted,
+        linkFormat,
+        value.start,
+        value.start + newText.length
+      );
       onChange(newValue);
-
-      // Close the Link UI.
       stopAddingLink();
-
-      // Move the selection to the end of the inserted link outside of the format boundary
-      // so the user can continue typing after the link.
       selectionChange({
         clientId: selectionStart.clientId,
         identifier: selectionStart.attributeKey,
@@ -108,58 +133,34 @@ function InlineLinkUI({
     } else if (newText === richTextText) {
       newValue = applyFormat(value, linkFormat);
     } else {
-      // Scenario: Editing an existing link.
-
-      // Create new RichText value for the new text in order that we
-      // can apply formats to it.
-      newValue = create({
-        text: newText
-      });
-      // Apply the new Link format to this new text value.
+      newValue = create({ text: newText });
       newValue = applyFormat(newValue, linkFormat, 0, newText.length);
-
-      // Get the boundaries of the active link format.
       const boundary = getFormatBoundary(value, {
-        type: 'core/link'
+        type: "core/link"
       });
-
-      // Split the value at the start of the active link format.
-      // Passing "start" as the 3rd parameter is required to ensure
-      // the second half of the split value is split at the format's
-      // start boundary and avoids relying on the value's "end" property
-      // which may not correspond correctly.
-      const [valBefore, valAfter] = split(value, boundary.start, boundary.start);
-
-      // Update the original (full) RichTextValue replacing the
-      // target text with the *new* RichTextValue containing:
-      // 1. The new text content.
-      // 2. The new link format.
-      // As "replace" will operate on the first match only, it is
-      // run only against the second half of the value which was
-      // split at the active format's boundary. This avoids a bug
-      // with incorrectly targeted replacements.
-      // See: https://github.com/WordPress/gutenberg/issues/41771.
-      // Note original formats will be lost when applying this change.
-      // That is expected behaviour.
-      // See: https://github.com/WordPress/gutenberg/pull/33849#issuecomment-936134179.
+      const [valBefore, valAfter] = split(
+        value,
+        boundary.start,
+        boundary.start
+      );
       const newValAfter = replace(valAfter, richTextText, newValue);
       newValue = concat(valBefore, newValAfter);
     }
     onChange(newValue);
-
-    // Focus should only be returned to the rich text on submit if this link is not
-    // being created for the first time. If it is then focus should remain within the
-    // Link UI because it should remain open for the user to modify the link they have
-    // just created.
     if (!isNewLink) {
       stopAddingLink();
     }
     if (!isValidHref(newUrl)) {
-      speak(__('Warning: the link has been inserted but may have errors. Please test it.'), 'assertive');
+      speak(
+        __(
+          "Warning: the link has been inserted but may have errors. Please test it."
+        ),
+        "assertive"
+      );
     } else if (isActive) {
-      speak(__('Link edited.'), 'assertive');
+      speak(__("Link edited."), "assertive");
     } else {
-      speak(__('Link inserted.'), 'assertive');
+      speak(__("Link inserted."), "assertive");
     }
   }
   const popoverAnchor = useAnchor({
@@ -172,75 +173,78 @@ function InlineLinkUI({
   async function handleCreate(pageTitle) {
     const page = await createPageEntity({
       title: pageTitle,
-      status: 'draft'
+      status: "draft"
     });
     return {
       id: page.id,
       type: page.type,
       title: page.title.rendered,
       url: page.link,
-      kind: 'post-type'
+      kind: "post-type"
     };
   }
   function createButtonText(searchTerm) {
-    return createInterpolateElement(sprintf(/* translators: %s: search term. */
-    __('Create page: <mark>%s</mark>'), searchTerm), {
-      mark: /*#__PURE__*/_jsx("mark", {})
-    });
+    return createInterpolateElement(
+      sprintf(
+        /* translators: %s: search term. */
+        __("Create page: <mark>%s</mark>"),
+        searchTerm
+      ),
+      { mark: /* @__PURE__ */ jsx("mark", {}) }
+    );
   }
-  return /*#__PURE__*/_jsx(Popover, {
-    anchor: popoverAnchor,
-    animate: false,
-    onClose: stopAddingLink,
-    onFocusOutside: onFocusOutside,
-    placement: "bottom",
-    offset: 8,
-    shift: true,
-    focusOnMount: focusOnMount,
-    constrainTabbing: true,
-    children: /*#__PURE__*/_jsx(LinkControl, {
-      value: linkValue,
-      onChange: onChangeLink,
-      onRemove: removeLink,
-      hasRichPreviews: true,
-      createSuggestion: createPageEntity && handleCreate,
-      withCreateSuggestion: userCanCreatePages,
-      createSuggestionButtonText: createButtonText,
-      hasTextControl: true,
-      settings: LINK_SETTINGS,
-      showInitialSuggestions: true,
-      suggestionsQuery: {
-        // always show Pages as initial suggestions
-        initialSuggestionsSearchOptions: {
-          type: 'post',
-          subtype: 'page',
-          perPage: 20
+  return /* @__PURE__ */ jsx(
+    Popover,
+    {
+      anchor: popoverAnchor,
+      animate: false,
+      onClose: stopAddingLink,
+      onFocusOutside,
+      placement: "bottom",
+      offset: 8,
+      shift: true,
+      focusOnMount,
+      constrainTabbing: true,
+      children: /* @__PURE__ */ jsx(
+        LinkControl,
+        {
+          value: linkValue,
+          onChange: onChangeLink,
+          onRemove: removeLink,
+          hasRichPreviews: true,
+          createSuggestion: createPageEntity && handleCreate,
+          withCreateSuggestion: userCanCreatePages,
+          createSuggestionButtonText: createButtonText,
+          hasTextControl: true,
+          settings: LINK_SETTINGS,
+          showInitialSuggestions: true,
+          suggestionsQuery: {
+            // always show Pages as initial suggestions
+            initialSuggestionsSearchOptions: {
+              type: "post",
+              subtype: "page",
+              perPage: 20
+            }
+          }
         }
-      }
-    })
-  });
+      )
+    }
+  );
 }
 function getRichTextValueFromSelection(value, isActive) {
-  // Default to the selection ranges on the RichTextValue object.
   let textStart = value.start;
   let textEnd = value.end;
-
-  // If the format is currently active then the rich text value
-  // should always be taken from the bounds of the active format
-  // and not the selected text.
   if (isActive) {
     const boundary = getFormatBoundary(value, {
-      type: 'core/link'
+      type: "core/link"
     });
     textStart = boundary.start;
-
-    // Text *selection* always extends +1 beyond the edge of the format.
-    // We account for that here.
     textEnd = boundary.end + 1;
   }
-
-  // Get a RichTextValue containing the selected text content.
   return slice(value, textStart, textEnd);
 }
-export default InlineLinkUI;
-//# sourceMappingURL=inline.js.map
+var inline_default = InlineLinkUI;
+export {
+  inline_default as default
+};
+//# sourceMappingURL=inline.js.map

package/build-module/link/inline.js.map

@@ -1 +1,7 @@
-{"version":3,"names":["useMemo","createInterpolateElement","__","sprintf","speak","Popover","prependHTTP","create","insert","isCollapsed","applyFormat","removeFormat","slice","replace","split","concat","useAnchor","LinkControl","store","blockEditorStore","useDispatch","useSelect","createLinkFormat","isValidHref","getFormatBoundary","link","settings","jsx","_jsx","LINK_SETTINGS","DEFAULT_LINK_SETTINGS","id","title","InlineLinkUI","isActive","activeAttributes","value","onChange","onFocusOutside","stopAddingLink","contentRef","focusOnMount","richLinkTextValue","getRichTextValueFromSelection","richTextText","text","selectionChange","createPageEntity","userCanCreatePages","selectionStart","select","getSettings","getSelectionStart","_settings","__experimentalCreatePageEntity","__experimentalUserCanCreatePages","linkValue","url","type","opensInNewTab","target","nofollow","rel","includes","removeLink","newValue","onChangeLink","nextValue","hasLink","isNewLink","newUrl","linkFormat","undefined","String","opensInNewWindow","newText","inserted","start","length","clientId","identifier","attributeKey","boundary","valBefore","valAfter","newValAfter","popoverAnchor","editableContentElement","current","handleCreate","pageTitle","page","status","rendered","kind","createButtonText","searchTerm","mark","anchor","animate","onClose","placement","offset","shift","constrainTabbing","children","onRemove","hasRichPreviews","createSuggestion","withCreateSuggestion","createSuggestionButtonText","hasTextControl","showInitialSuggestions","suggestionsQuery","initialSuggestionsSearchOptions","subtype","perPage","textStart","textEnd","end"],"sources":["@wordpress/format-library/src/link/inline.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useMemo, createInterpolateElement } from '@wordpress/element';\nimport { __, sprintf } from '@wordpress/i18n';\nimport { speak } from '@wordpress/a11y';\nimport { Popover } from '@wordpress/components';\nimport { prependHTTP } from '@wordpress/url';\nimport {\n\tcreate,\n\tinsert,\n\tisCollapsed,\n\tapplyFormat,\n\tremoveFormat,\n\tslice,\n\treplace,\n\tsplit,\n\tconcat,\n\tuseAnchor,\n} from '@wordpress/rich-text';\nimport {\n\tLinkControl,\n\tstore as blockEditorStore,\n} from '@wordpress/block-editor';\nimport { useDispatch, useSelect } from '@wordpress/data';\n\n/**\n * Internal dependencies\n */\nimport { createLinkFormat, isValidHref, getFormatBoundary } from './utils';\nimport { link as settings } from './index';\n\nconst LINK_SETTINGS = [\n\t...LinkControl.DEFAULT_LINK_SETTINGS,\n\t{\n\t\tid: 'nofollow',\n\t\ttitle: __( 'Mark as nofollow' ),\n\t},\n];\n\nfunction InlineLinkUI( {\n\tisActive,\n\tactiveAttributes,\n\tvalue,\n\tonChange,\n\tonFocusOutside,\n\tstopAddingLink,\n\tcontentRef,\n\tfocusOnMount,\n} ) {\n\tconst richLinkTextValue = getRichTextValueFromSelection( value, isActive );\n\n\t// Get the text content minus any HTML tags.\n\tconst richTextText = richLinkTextValue.text;\n\n\tconst { selectionChange } = useDispatch( blockEditorStore );\n\n\tconst { createPageEntity, userCanCreatePages, selectionStart } = useSelect(\n\t\t( select ) => {\n\t\t\tconst { getSettings, getSelectionStart } =\n\t\t\t\tselect( blockEditorStore );\n\t\t\tconst _settings = getSettings();\n\n\t\t\treturn {\n\t\t\t\tcreatePageEntity: _settings.__experimentalCreatePageEntity,\n\t\t\t\tuserCanCreatePages: _settings.__experimentalUserCanCreatePages,\n\t\t\t\tselectionStart: getSelectionStart(),\n\t\t\t};\n\t\t},\n\t\t[]\n\t);\n\n\tconst linkValue = useMemo(\n\t\t() => ( {\n\t\t\turl: activeAttributes.url,\n\t\t\ttype: activeAttributes.type,\n\t\t\tid: activeAttributes.id,\n\t\t\topensInNewTab: activeAttributes.target === '_blank',\n\t\t\tnofollow: activeAttributes.rel?.includes( 'nofollow' ),\n\t\t\ttitle: richTextText,\n\t\t} ),\n\t\t[\n\t\t\tactiveAttributes.id,\n\t\t\tactiveAttributes.rel,\n\t\t\tactiveAttributes.target,\n\t\t\tactiveAttributes.type,\n\t\t\tactiveAttributes.url,\n\t\t\trichTextText,\n\t\t]\n\t);\n\n\tfunction removeLink() {\n\t\tconst newValue = removeFormat( value, 'core/link' );\n\t\tonChange( newValue );\n\t\tstopAddingLink();\n\t\tspeak( __( 'Link removed.' ), 'assertive' );\n\t}\n\n\tfunction onChangeLink( nextValue ) {\n\t\tconst hasLink = linkValue?.url;\n\t\tconst isNewLink = ! hasLink;\n\n\t\t// Merge the next value with the current link value.\n\t\tnextValue = {\n\t\t\t...linkValue,\n\t\t\t...nextValue,\n\t\t};\n\n\t\tconst newUrl = prependHTTP( nextValue.url );\n\t\tconst linkFormat = createLinkFormat( {\n\t\t\turl: newUrl,\n\t\t\ttype: nextValue.type,\n\t\t\tid:\n\t\t\t\tnextValue.id !== undefined && nextValue.id !== null\n\t\t\t\t\t? String( nextValue.id )\n\t\t\t\t\t: undefined,\n\t\t\topensInNewWindow: nextValue.opensInNewTab,\n\t\t\tnofollow: nextValue.nofollow,\n\t\t} );\n\n\t\tconst newText = nextValue.title || newUrl;\n\n\t\t// Scenario: we have any active text selection or an active format.\n\t\tlet newValue;\n\t\tif ( isCollapsed( value ) && ! isActive ) {\n\t\t\t// Scenario: we don't have any actively selected text or formats.\n\t\t\tconst inserted = insert( value, newText );\n\n\t\t\tnewValue = applyFormat(\n\t\t\t\tinserted,\n\t\t\t\tlinkFormat,\n\t\t\t\tvalue.start,\n\t\t\t\tvalue.start + newText.length\n\t\t\t);\n\n\t\t\tonChange( newValue );\n\n\t\t\t// Close the Link UI.\n\t\t\tstopAddingLink();\n\n\t\t\t// Move the selection to the end of the inserted link outside of the format boundary\n\t\t\t// so the user can continue typing after the link.\n\t\t\tselectionChange( {\n\t\t\t\tclientId: selectionStart.clientId,\n\t\t\t\tidentifier: selectionStart.attributeKey,\n\t\t\t\tstart: value.start + newText.length + 1,\n\t\t\t} );\n\n\t\t\treturn;\n\t\t} else if ( newText === richTextText ) {\n\t\t\tnewValue = applyFormat( value, linkFormat );\n\t\t} else {\n\t\t\t// Scenario: Editing an existing link.\n\n\t\t\t// Create new RichText value for the new text in order that we\n\t\t\t// can apply formats to it.\n\t\t\tnewValue = create( { text: newText } );\n\t\t\t// Apply the new Link format to this new text value.\n\t\t\tnewValue = applyFormat( newValue, linkFormat, 0, newText.length );\n\n\t\t\t// Get the boundaries of the active link format.\n\t\t\tconst boundary = getFormatBoundary( value, {\n\t\t\t\ttype: 'core/link',\n\t\t\t} );\n\n\t\t\t// Split the value at the start of the active link format.\n\t\t\t// Passing \"start\" as the 3rd parameter is required to ensure\n\t\t\t// the second half of the split value is split at the format's\n\t\t\t// start boundary and avoids relying on the value's \"end\" property\n\t\t\t// which may not correspond correctly.\n\t\t\tconst [ valBefore, valAfter ] = split(\n\t\t\t\tvalue,\n\t\t\t\tboundary.start,\n\t\t\t\tboundary.start\n\t\t\t);\n\n\t\t\t// Update the original (full) RichTextValue replacing the\n\t\t\t// target text with the *new* RichTextValue containing:\n\t\t\t// 1. The new text content.\n\t\t\t// 2. The new link format.\n\t\t\t// As \"replace\" will operate on the first match only, it is\n\t\t\t// run only against the second half of the value which was\n\t\t\t// split at the active format's boundary. This avoids a bug\n\t\t\t// with incorrectly targeted replacements.\n\t\t\t// See: https://github.com/WordPress/gutenberg/issues/41771.\n\t\t\t// Note original formats will be lost when applying this change.\n\t\t\t// That is expected behaviour.\n\t\t\t// See: https://github.com/WordPress/gutenberg/pull/33849#issuecomment-936134179.\n\t\t\tconst newValAfter = replace( valAfter, richTextText, newValue );\n\n\t\t\tnewValue = concat( valBefore, newValAfter );\n\t\t}\n\n\t\tonChange( newValue );\n\n\t\t// Focus should only be returned to the rich text on submit if this link is not\n\t\t// being created for the first time. If it is then focus should remain within the\n\t\t// Link UI because it should remain open for the user to modify the link they have\n\t\t// just created.\n\t\tif ( ! isNewLink ) {\n\t\t\tstopAddingLink();\n\t\t}\n\n\t\tif ( ! isValidHref( newUrl ) ) {\n\t\t\tspeak(\n\t\t\t\t__(\n\t\t\t\t\t'Warning: the link has been inserted but may have errors. Please test it.'\n\t\t\t\t),\n\t\t\t\t'assertive'\n\t\t\t);\n\t\t} else if ( isActive ) {\n\t\t\tspeak( __( 'Link edited.' ), 'assertive' );\n\t\t} else {\n\t\t\tspeak( __( 'Link inserted.' ), 'assertive' );\n\t\t}\n\t}\n\n\tconst popoverAnchor = useAnchor( {\n\t\teditableContentElement: contentRef.current,\n\t\tsettings: {\n\t\t\t...settings,\n\t\t\tisActive,\n\t\t},\n\t} );\n\n\tasync function handleCreate( pageTitle ) {\n\t\tconst page = await createPageEntity( {\n\t\t\ttitle: pageTitle,\n\t\t\tstatus: 'draft',\n\t\t} );\n\n\t\treturn {\n\t\t\tid: page.id,\n\t\t\ttype: page.type,\n\t\t\ttitle: page.title.rendered,\n\t\t\turl: page.link,\n\t\t\tkind: 'post-type',\n\t\t};\n\t}\n\n\tfunction createButtonText( searchTerm ) {\n\t\treturn createInterpolateElement(\n\t\t\tsprintf(\n\t\t\t\t/* translators: %s: search term. */\n\t\t\t\t__( 'Create page: <mark>%s</mark>' ),\n\t\t\t\tsearchTerm\n\t\t\t),\n\t\t\t{ mark: <mark /> }\n\t\t);\n\t}\n\n\treturn (\n\t\t<Popover\n\t\t\tanchor={ popoverAnchor }\n\t\t\tanimate={ false }\n\t\t\tonClose={ stopAddingLink }\n\t\t\tonFocusOutside={ onFocusOutside }\n\t\t\tplacement=\"bottom\"\n\t\t\toffset={ 8 }\n\t\t\tshift\n\t\t\tfocusOnMount={ focusOnMount }\n\t\t\tconstrainTabbing\n\t\t>\n\t\t\t<LinkControl\n\t\t\t\tvalue={ linkValue }\n\t\t\t\tonChange={ onChangeLink }\n\t\t\t\tonRemove={ removeLink }\n\t\t\t\thasRichPreviews\n\t\t\t\tcreateSuggestion={ createPageEntity && handleCreate }\n\t\t\t\twithCreateSuggestion={ userCanCreatePages }\n\t\t\t\tcreateSuggestionButtonText={ createButtonText }\n\t\t\t\thasTextControl\n\t\t\t\tsettings={ LINK_SETTINGS }\n\t\t\t\tshowInitialSuggestions\n\t\t\t\tsuggestionsQuery={ {\n\t\t\t\t\t// always show Pages as initial suggestions\n\t\t\t\t\tinitialSuggestionsSearchOptions: {\n\t\t\t\t\t\ttype: 'post',\n\t\t\t\t\t\tsubtype: 'page',\n\t\t\t\t\t\tperPage: 20,\n\t\t\t\t\t},\n\t\t\t\t} }\n\t\t\t/>\n\t\t</Popover>\n\t);\n}\n\nfunction getRichTextValueFromSelection( value, isActive ) {\n\t// Default to the selection ranges on the RichTextValue object.\n\tlet textStart = value.start;\n\tlet textEnd = value.end;\n\n\t// If the format is currently active then the rich text value\n\t// should always be taken from the bounds of the active format\n\t// and not the selected text.\n\tif ( isActive ) {\n\t\tconst boundary = getFormatBoundary( value, {\n\t\t\ttype: 'core/link',\n\t\t} );\n\n\t\ttextStart = boundary.start;\n\n\t\t// Text *selection* always extends +1 beyond the edge of the format.\n\t\t// We account for that here.\n\t\ttextEnd = boundary.end + 1;\n\t}\n\n\t// Get a RichTextValue containing the selected text content.\n\treturn slice( value, textStart, textEnd );\n}\n\nexport default InlineLinkUI;\n"],"mappings":"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","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../src/link/inline.js"],
+  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { useMemo, createInterpolateElement } from '@wordpress/element';\nimport { __, sprintf } from '@wordpress/i18n';\nimport { speak } from '@wordpress/a11y';\nimport { Popover } from '@wordpress/components';\nimport { prependHTTP } from '@wordpress/url';\nimport {\n\tcreate,\n\tinsert,\n\tisCollapsed,\n\tapplyFormat,\n\tremoveFormat,\n\tslice,\n\treplace,\n\tsplit,\n\tconcat,\n\tuseAnchor,\n} from '@wordpress/rich-text';\nimport {\n\tLinkControl,\n\tstore as blockEditorStore,\n} from '@wordpress/block-editor';\nimport { useDispatch, useSelect } from '@wordpress/data';\n\n/**\n * Internal dependencies\n */\nimport { createLinkFormat, isValidHref, getFormatBoundary } from './utils';\nimport { link as settings } from './index';\nimport CSSClassesSettingComponent from './css-classes-setting';\n\n// CSSClassesSettingComponent moved to its own file and imported above.\n\nconst LINK_SETTINGS = [\n\t...LinkControl.DEFAULT_LINK_SETTINGS,\n\t{\n\t\tid: 'nofollow',\n\t\ttitle: __( 'Mark as nofollow' ),\n\t},\n\t{\n\t\tid: 'cssClasses',\n\t\ttitle: __( 'Additional CSS class(es)' ),\n\t\trender: ( setting, value, onChange ) => {\n\t\t\treturn (\n\t\t\t\t<CSSClassesSettingComponent\n\t\t\t\t\tsetting={ setting }\n\t\t\t\t\tvalue={ value }\n\t\t\t\t\tonChange={ onChange }\n\t\t\t\t/>\n\t\t\t);\n\t\t},\n\t},\n];\n\nfunction InlineLinkUI( {\n\tisActive,\n\tactiveAttributes,\n\tvalue,\n\tonChange,\n\tonFocusOutside,\n\tstopAddingLink,\n\tcontentRef,\n\tfocusOnMount,\n} ) {\n\tconst richLinkTextValue = getRichTextValueFromSelection( value, isActive );\n\n\t// Get the text content minus any HTML tags.\n\tconst richTextText = richLinkTextValue.text;\n\n\tconst { selectionChange } = useDispatch( blockEditorStore );\n\n\tconst { createPageEntity, userCanCreatePages, selectionStart } = useSelect(\n\t\t( select ) => {\n\t\t\tconst { getSettings, getSelectionStart } =\n\t\t\t\tselect( blockEditorStore );\n\t\t\tconst _settings = getSettings();\n\n\t\t\treturn {\n\t\t\t\tcreatePageEntity: _settings.__experimentalCreatePageEntity,\n\t\t\t\tuserCanCreatePages: _settings.__experimentalUserCanCreatePages,\n\t\t\t\tselectionStart: getSelectionStart(),\n\t\t\t};\n\t\t},\n\t\t[]\n\t);\n\n\tconst linkValue = useMemo(\n\t\t() => ( {\n\t\t\turl: activeAttributes.url,\n\t\t\ttype: activeAttributes.type,\n\t\t\tid: activeAttributes.id,\n\t\t\topensInNewTab: activeAttributes.target === '_blank',\n\t\t\tnofollow: activeAttributes.rel?.includes( 'nofollow' ),\n\t\t\ttitle: richTextText,\n\t\t\tcssClasses: activeAttributes.class,\n\t\t} ),\n\t\t[\n\t\t\tactiveAttributes.class,\n\t\t\tactiveAttributes.id,\n\t\t\tactiveAttributes.rel,\n\t\t\tactiveAttributes.target,\n\t\t\tactiveAttributes.type,\n\t\t\tactiveAttributes.url,\n\t\t\trichTextText,\n\t\t]\n\t);\n\n\tfunction removeLink() {\n\t\tconst newValue = removeFormat( value, 'core/link' );\n\t\tonChange( newValue );\n\t\tstopAddingLink();\n\t\tspeak( __( 'Link removed.' ), 'assertive' );\n\t}\n\n\tfunction onChangeLink( nextValue ) {\n\t\tconst hasLink = linkValue?.url;\n\t\tconst isNewLink = ! hasLink;\n\n\t\t// Merge the next value with the current link value.\n\t\tnextValue = {\n\t\t\t...linkValue,\n\t\t\t...nextValue,\n\t\t};\n\n\t\tconst newUrl = prependHTTP( nextValue.url );\n\t\tconst linkFormat = createLinkFormat( {\n\t\t\turl: newUrl,\n\t\t\ttype: nextValue.type,\n\t\t\tid:\n\t\t\t\tnextValue.id !== undefined && nextValue.id !== null\n\t\t\t\t\t? String( nextValue.id )\n\t\t\t\t\t: undefined,\n\t\t\topensInNewWindow: nextValue.opensInNewTab,\n\t\t\tnofollow: nextValue.nofollow,\n\t\t\tcssClasses: nextValue.cssClasses,\n\t\t} );\n\n\t\tconst newText = nextValue.title || newUrl;\n\n\t\t// Scenario: we have any active text selection or an active format.\n\t\tlet newValue;\n\t\tif ( isCollapsed( value ) && ! isActive ) {\n\t\t\t// Scenario: we don't have any actively selected text or formats.\n\t\t\tconst inserted = insert( value, newText );\n\n\t\t\tnewValue = applyFormat(\n\t\t\t\tinserted,\n\t\t\t\tlinkFormat,\n\t\t\t\tvalue.start,\n\t\t\t\tvalue.start + newText.length\n\t\t\t);\n\n\t\t\tonChange( newValue );\n\n\t\t\t// Close the Link UI.\n\t\t\tstopAddingLink();\n\n\t\t\t// Move the selection to the end of the inserted link outside of the format boundary\n\t\t\t// so the user can continue typing after the link.\n\t\t\tselectionChange( {\n\t\t\t\tclientId: selectionStart.clientId,\n\t\t\t\tidentifier: selectionStart.attributeKey,\n\t\t\t\tstart: value.start + newText.length + 1,\n\t\t\t} );\n\n\t\t\treturn;\n\t\t} else if ( newText === richTextText ) {\n\t\t\tnewValue = applyFormat( value, linkFormat );\n\t\t} else {\n\t\t\t// Scenario: Editing an existing link.\n\n\t\t\t// Create new RichText value for the new text in order that we\n\t\t\t// can apply formats to it.\n\t\t\tnewValue = create( { text: newText } );\n\t\t\t// Apply the new Link format to this new text value.\n\t\t\tnewValue = applyFormat( newValue, linkFormat, 0, newText.length );\n\n\t\t\t// Get the boundaries of the active link format.\n\t\t\tconst boundary = getFormatBoundary( value, {\n\t\t\t\ttype: 'core/link',\n\t\t\t} );\n\n\t\t\t// Split the value at the start of the active link format.\n\t\t\t// Passing \"start\" as the 3rd parameter is required to ensure\n\t\t\t// the second half of the split value is split at the format's\n\t\t\t// start boundary and avoids relying on the value's \"end\" property\n\t\t\t// which may not correspond correctly.\n\t\t\tconst [ valBefore, valAfter ] = split(\n\t\t\t\tvalue,\n\t\t\t\tboundary.start,\n\t\t\t\tboundary.start\n\t\t\t);\n\n\t\t\t// Update the original (full) RichTextValue replacing the\n\t\t\t// target text with the *new* RichTextValue containing:\n\t\t\t// 1. The new text content.\n\t\t\t// 2. The new link format.\n\t\t\t// As \"replace\" will operate on the first match only, it is\n\t\t\t// run only against the second half of the value which was\n\t\t\t// split at the active format's boundary. This avoids a bug\n\t\t\t// with incorrectly targeted replacements.\n\t\t\t// See: https://github.com/WordPress/gutenberg/issues/41771.\n\t\t\t// Note original formats will be lost when applying this change.\n\t\t\t// That is expected behaviour.\n\t\t\t// See: https://github.com/WordPress/gutenberg/pull/33849#issuecomment-936134179.\n\t\t\tconst newValAfter = replace( valAfter, richTextText, newValue );\n\n\t\t\tnewValue = concat( valBefore, newValAfter );\n\t\t}\n\n\t\tonChange( newValue );\n\n\t\t// Focus should only be returned to the rich text on submit if this link is not\n\t\t// being created for the first time. If it is then focus should remain within the\n\t\t// Link UI because it should remain open for the user to modify the link they have\n\t\t// just created.\n\t\tif ( ! isNewLink ) {\n\t\t\tstopAddingLink();\n\t\t}\n\n\t\tif ( ! isValidHref( newUrl ) ) {\n\t\t\tspeak(\n\t\t\t\t__(\n\t\t\t\t\t'Warning: the link has been inserted but may have errors. Please test it.'\n\t\t\t\t),\n\t\t\t\t'assertive'\n\t\t\t);\n\t\t} else if ( isActive ) {\n\t\t\tspeak( __( 'Link edited.' ), 'assertive' );\n\t\t} else {\n\t\t\tspeak( __( 'Link inserted.' ), 'assertive' );\n\t\t}\n\t}\n\n\tconst popoverAnchor = useAnchor( {\n\t\teditableContentElement: contentRef.current,\n\t\tsettings: {\n\t\t\t...settings,\n\t\t\tisActive,\n\t\t},\n\t} );\n\n\tasync function handleCreate( pageTitle ) {\n\t\tconst page = await createPageEntity( {\n\t\t\ttitle: pageTitle,\n\t\t\tstatus: 'draft',\n\t\t} );\n\n\t\treturn {\n\t\t\tid: page.id,\n\t\t\ttype: page.type,\n\t\t\ttitle: page.title.rendered,\n\t\t\turl: page.link,\n\t\t\tkind: 'post-type',\n\t\t};\n\t}\n\n\tfunction createButtonText( searchTerm ) {\n\t\treturn createInterpolateElement(\n\t\t\tsprintf(\n\t\t\t\t/* translators: %s: search term. */\n\t\t\t\t__( 'Create page: <mark>%s</mark>' ),\n\t\t\t\tsearchTerm\n\t\t\t),\n\t\t\t{ mark: <mark /> }\n\t\t);\n\t}\n\n\treturn (\n\t\t<Popover\n\t\t\tanchor={ popoverAnchor }\n\t\t\tanimate={ false }\n\t\t\tonClose={ stopAddingLink }\n\t\t\tonFocusOutside={ onFocusOutside }\n\t\t\tplacement=\"bottom\"\n\t\t\toffset={ 8 }\n\t\t\tshift\n\t\t\tfocusOnMount={ focusOnMount }\n\t\t\tconstrainTabbing\n\t\t>\n\t\t\t<LinkControl\n\t\t\t\tvalue={ linkValue }\n\t\t\t\tonChange={ onChangeLink }\n\t\t\t\tonRemove={ removeLink }\n\t\t\t\thasRichPreviews\n\t\t\t\tcreateSuggestion={ createPageEntity && handleCreate }\n\t\t\t\twithCreateSuggestion={ userCanCreatePages }\n\t\t\t\tcreateSuggestionButtonText={ createButtonText }\n\t\t\t\thasTextControl\n\t\t\t\tsettings={ LINK_SETTINGS }\n\t\t\t\tshowInitialSuggestions\n\t\t\t\tsuggestionsQuery={ {\n\t\t\t\t\t// always show Pages as initial suggestions\n\t\t\t\t\tinitialSuggestionsSearchOptions: {\n\t\t\t\t\t\ttype: 'post',\n\t\t\t\t\t\tsubtype: 'page',\n\t\t\t\t\t\tperPage: 20,\n\t\t\t\t\t},\n\t\t\t\t} }\n\t\t\t/>\n\t\t</Popover>\n\t);\n}\n\nfunction getRichTextValueFromSelection( value, isActive ) {\n\t// Default to the selection ranges on the RichTextValue object.\n\tlet textStart = value.start;\n\tlet textEnd = value.end;\n\n\t// If the format is currently active then the rich text value\n\t// should always be taken from the bounds of the active format\n\t// and not the selected text.\n\tif ( isActive ) {\n\t\tconst boundary = getFormatBoundary( value, {\n\t\t\ttype: 'core/link',\n\t\t} );\n\n\t\ttextStart = boundary.start;\n\n\t\t// Text *selection* always extends +1 beyond the edge of the format.\n\t\t// We account for that here.\n\t\ttextEnd = boundary.end + 1;\n\t}\n\n\t// Get a RichTextValue containing the selected text content.\n\treturn slice( value, textStart, textEnd );\n}\n\nexport default InlineLinkUI;\n"],
+  "mappings": "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",
+  "names": []
+}

package/build-module/link/use-link-instance-key.js

@@ -1,19 +1,9 @@
-// Weakly referenced map allows unused ids to be garbage collected.
-const weakMap = new WeakMap();
-
-// Incrementing zero-based ID value.
+const weakMap = /* @__PURE__ */ new WeakMap();
 let id = -1;
-const prefix = 'link-control-instance';
+const prefix = "link-control-instance";
 function getKey(_id) {
   return `${prefix}-${_id}`;
 }
-
-/**
- * Builds a unique link control key for the given object reference.
- *
- * @param {Object} instance an unique object reference specific to this link control instance.
- * @return {string | undefined} the unique key to use for this link control.
- */
 function useLinkInstanceKey(instance) {
   if (!instance) {
     return;
@@ -25,5 +15,8 @@ function useLinkInstanceKey(instance) {
   weakMap.set(instance, id);
   return getKey(id);
 }
-export default useLinkInstanceKey;
-//# sourceMappingURL=use-link-instance-key.js.map
+var use_link_instance_key_default = useLinkInstanceKey;
+export {
+  use_link_instance_key_default as default
+};
+//# sourceMappingURL=use-link-instance-key.js.map

package/build-module/link/use-link-instance-key.js.map

@@ -1 +1,7 @@
-{"version":3,"names":["weakMap","WeakMap","id","prefix","getKey","_id","useLinkInstanceKey","instance","has","get","set"],"sources":["@wordpress/format-library/src/link/use-link-instance-key.js"],"sourcesContent":["// Weakly referenced map allows unused ids to be garbage collected.\nconst weakMap = new WeakMap();\n\n// Incrementing zero-based ID value.\nlet id = -1;\n\nconst prefix = 'link-control-instance';\n\nfunction getKey( _id ) {\n\treturn `${ prefix }-${ _id }`;\n}\n\n/**\n * Builds a unique link control key for the given object reference.\n *\n * @param {Object} instance an unique object reference specific to this link control instance.\n * @return {string | undefined} the unique key to use for this link control.\n */\nfunction useLinkInstanceKey( instance ) {\n\tif ( ! instance ) {\n\t\treturn;\n\t}\n\tif ( weakMap.has( instance ) ) {\n\t\treturn getKey( weakMap.get( instance ) );\n\t}\n\n\tid += 1;\n\n\tweakMap.set( instance, id );\n\n\treturn getKey( id );\n}\n\nexport default useLinkInstanceKey;\n"],"mappings":"AAAA;AACA,MAAMA,OAAO,GAAG,IAAIC,OAAO,CAAC,CAAC;;AAE7B;AACA,IAAIC,EAAE,GAAG,CAAC,CAAC;AAEX,MAAMC,MAAM,GAAG,uBAAuB;AAEtC,SAASC,MAAMA,CAAEC,GAAG,EAAG;EACtB,OAAO,GAAIF,MAAM,IAAME,GAAG,EAAG;AAC9B;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA,SAASC,kBAAkBA,CAAEC,QAAQ,EAAG;EACvC,IAAK,CAAEA,QAAQ,EAAG;IACjB;EACD;EACA,IAAKP,OAAO,CAACQ,GAAG,CAAED,QAAS,CAAC,EAAG;IAC9B,OAAOH,MAAM,CAAEJ,OAAO,CAACS,GAAG,CAAEF,QAAS,CAAE,CAAC;EACzC;EAEAL,EAAE,IAAI,CAAC;EAEPF,OAAO,CAACU,GAAG,CAAEH,QAAQ,EAAEL,EAAG,CAAC;EAE3B,OAAOE,MAAM,CAAEF,EAAG,CAAC;AACpB;AAEA,eAAeI,kBAAkB","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../src/link/use-link-instance-key.js"],
+  "sourcesContent": ["// Weakly referenced map allows unused ids to be garbage collected.\nconst weakMap = new WeakMap();\n\n// Incrementing zero-based ID value.\nlet id = -1;\n\nconst prefix = 'link-control-instance';\n\nfunction getKey( _id ) {\n\treturn `${ prefix }-${ _id }`;\n}\n\n/**\n * Builds a unique link control key for the given object reference.\n *\n * @param {Object} instance an unique object reference specific to this link control instance.\n * @return {string | undefined} the unique key to use for this link control.\n */\nfunction useLinkInstanceKey( instance ) {\n\tif ( ! instance ) {\n\t\treturn;\n\t}\n\tif ( weakMap.has( instance ) ) {\n\t\treturn getKey( weakMap.get( instance ) );\n\t}\n\n\tid += 1;\n\n\tweakMap.set( instance, id );\n\n\treturn getKey( id );\n}\n\nexport default useLinkInstanceKey;\n"],
+  "mappings": "AACA,MAAM,UAAU,oBAAI,QAAQ;AAG5B,IAAI,KAAK;AAET,MAAM,SAAS;AAEf,SAAS,OAAQ,KAAM;AACtB,SAAO,GAAI,MAAO,IAAK,GAAI;AAC5B;AAQA,SAAS,mBAAoB,UAAW;AACvC,MAAK,CAAE,UAAW;AACjB;AAAA,EACD;AACA,MAAK,QAAQ,IAAK,QAAS,GAAI;AAC9B,WAAO,OAAQ,QAAQ,IAAK,QAAS,CAAE;AAAA,EACxC;AAEA,QAAM;AAEN,UAAQ,IAAK,UAAU,EAAG;AAE1B,SAAO,OAAQ,EAAG;AACnB;AAEA,IAAO,gCAAQ;",
+  "names": []
+}