@wordpress/block-editor 15.4.1-next.f56bd8138.0 → 15.5.1-next.47f435fc9.0

package/build-module/components/typewriter/index.js

@@ -1,219 +1,165 @@
-/**
- * WordPress dependencies
- */
-import { useRefEffect } from '@wordpress/compose';
-import { computeCaretRect, getScrollContainer } from '@wordpress/dom';
-import { useSelect } from '@wordpress/data';
-import { UP, DOWN, LEFT, RIGHT } from '@wordpress/keycodes';
-
-/**
- * Internal dependencies
- */
-import { store as blockEditorStore } from '../../store';
-import { jsx as _jsx } from "react/jsx-runtime";
-const isIE = window.navigator.userAgent.indexOf('Trident') !== -1;
-const arrowKeyCodes = new Set([UP, DOWN, LEFT, RIGHT]);
+import { jsx } from "react/jsx-runtime";
+import { useRefEffect } from "@wordpress/compose";
+import { computeCaretRect, getScrollContainer } from "@wordpress/dom";
+import { useSelect } from "@wordpress/data";
+import { UP, DOWN, LEFT, RIGHT } from "@wordpress/keycodes";
+import { store as blockEditorStore } from "../../store";
+const isIE = window.navigator.userAgent.indexOf("Trident") !== -1;
+const arrowKeyCodes = /* @__PURE__ */ new Set([UP, DOWN, LEFT, RIGHT]);
 const initialTriggerPercentage = 0.75;
-export function useTypewriter() {
-  const hasSelectedBlock = useSelect(select => select(blockEditorStore).hasSelectedBlock(), []);
-  return useRefEffect(node => {
-    if (!hasSelectedBlock) {
-      return;
-    }
-    const {
-      ownerDocument
-    } = node;
-    const {
-      defaultView
-    } = ownerDocument;
-    let scrollResizeRafId;
-    let onKeyDownRafId;
-    let caretRect;
-    function onScrollResize() {
-      if (scrollResizeRafId) {
+function useTypewriter() {
+  const hasSelectedBlock = useSelect(
+    (select) => select(blockEditorStore).hasSelectedBlock(),
+    []
+  );
+  return useRefEffect(
+    (node) => {
+      if (!hasSelectedBlock) {
         return;
       }
-      scrollResizeRafId = defaultView.requestAnimationFrame(() => {
-        computeCaretRectangle();
-        scrollResizeRafId = null;
-      });
-    }
-    function onKeyDown(event) {
-      // Ensure the any remaining request is cancelled.
-      if (onKeyDownRafId) {
-        defaultView.cancelAnimationFrame(onKeyDownRafId);
-      }
-
-      // Use an animation frame for a smooth result.
-      onKeyDownRafId = defaultView.requestAnimationFrame(() => {
-        maintainCaretPosition(event);
-        onKeyDownRafId = null;
-      });
-    }
-
-    /**
-     * Maintains the scroll position after a selection change caused by a
-     * keyboard event.
-     *
-     * @param {KeyboardEvent} event Keyboard event.
-     */
-    function maintainCaretPosition({
-      keyCode
-    }) {
-      if (!isSelectionEligibleForScroll()) {
-        return;
+      const { ownerDocument } = node;
+      const { defaultView } = ownerDocument;
+      let scrollResizeRafId;
+      let onKeyDownRafId;
+      let caretRect;
+      function onScrollResize() {
+        if (scrollResizeRafId) {
+          return;
+        }
+        scrollResizeRafId = defaultView.requestAnimationFrame(() => {
+          computeCaretRectangle();
+          scrollResizeRafId = null;
+        });
       }
-      const currentCaretRect = computeCaretRect(defaultView);
-      if (!currentCaretRect) {
-        return;
+      function onKeyDown(event) {
+        if (onKeyDownRafId) {
+          defaultView.cancelAnimationFrame(onKeyDownRafId);
+        }
+        onKeyDownRafId = defaultView.requestAnimationFrame(() => {
+          maintainCaretPosition(event);
+          onKeyDownRafId = null;
+        });
       }
-
-      // If for some reason there is no position set to be scrolled to, let
-      // this be the position to be scrolled to in the future.
-      if (!caretRect) {
-        caretRect = currentCaretRect;
-        return;
+      function maintainCaretPosition({ keyCode }) {
+        if (!isSelectionEligibleForScroll()) {
+          return;
+        }
+        const currentCaretRect = computeCaretRect(defaultView);
+        if (!currentCaretRect) {
+          return;
+        }
+        if (!caretRect) {
+          caretRect = currentCaretRect;
+          return;
+        }
+        if (arrowKeyCodes.has(keyCode)) {
+          caretRect = currentCaretRect;
+          return;
+        }
+        const diff = currentCaretRect.top - caretRect.top;
+        if (diff === 0) {
+          return;
+        }
+        const scrollContainer = getScrollContainer(node);
+        if (!scrollContainer) {
+          return;
+        }
+        const windowScroll = scrollContainer === ownerDocument.body || scrollContainer === ownerDocument.documentElement;
+        const scrollY = windowScroll ? defaultView.scrollY : scrollContainer.scrollTop;
+        const scrollContainerY = windowScroll ? 0 : scrollContainer.getBoundingClientRect().top;
+        const relativeScrollPosition = windowScroll ? caretRect.top / defaultView.innerHeight : (caretRect.top - scrollContainerY) / (defaultView.innerHeight - scrollContainerY);
+        if (scrollY === 0 && relativeScrollPosition < initialTriggerPercentage && isLastEditableNode()) {
+          caretRect = currentCaretRect;
+          return;
+        }
+        const scrollContainerHeight = windowScroll ? defaultView.innerHeight : scrollContainer.clientHeight;
+        if (
+          // The caret is under the lower fold.
+          caretRect.top + caretRect.height > scrollContainerY + scrollContainerHeight || // The caret is above the upper fold.
+          caretRect.top < scrollContainerY
+        ) {
+          caretRect = currentCaretRect;
+          return;
+        }
+        if (windowScroll) {
+          defaultView.scrollBy(0, diff);
+        } else {
+          scrollContainer.scrollTop += diff;
+        }
       }
-
-      // Even though enabling the typewriter effect for arrow keys results in
-      // a pleasant experience, it may not be the case for everyone, so, for
-      // now, let's disable it.
-      if (arrowKeyCodes.has(keyCode)) {
-        // Reset the caret position to maintain.
-        caretRect = currentCaretRect;
-        return;
+      function addSelectionChangeListener() {
+        ownerDocument.addEventListener(
+          "selectionchange",
+          computeCaretRectOnSelectionChange
+        );
       }
-      const diff = currentCaretRect.top - caretRect.top;
-      if (diff === 0) {
-        return;
-      }
-      const scrollContainer = getScrollContainer(node);
-
-      // The page must be scrollable.
-      if (!scrollContainer) {
-        return;
-      }
-      const windowScroll = scrollContainer === ownerDocument.body || scrollContainer === ownerDocument.documentElement;
-      const scrollY = windowScroll ? defaultView.scrollY : scrollContainer.scrollTop;
-      const scrollContainerY = windowScroll ? 0 : scrollContainer.getBoundingClientRect().top;
-      const relativeScrollPosition = windowScroll ? caretRect.top / defaultView.innerHeight : (caretRect.top - scrollContainerY) / (defaultView.innerHeight - scrollContainerY);
-
-      // If the scroll position is at the start, the active editable element
-      // is the last one, and the caret is positioned within the initial
-      // trigger percentage of the page, do not scroll the page.
-      // The typewriter effect should not kick in until an empty page has been
-      // filled with the initial trigger percentage or the user scrolls
-      // intentionally down.
-      if (scrollY === 0 && relativeScrollPosition < initialTriggerPercentage && isLastEditableNode()) {
-        // Reset the caret position to maintain.
-        caretRect = currentCaretRect;
-        return;
+      function computeCaretRectOnSelectionChange() {
+        ownerDocument.removeEventListener(
+          "selectionchange",
+          computeCaretRectOnSelectionChange
+        );
+        computeCaretRectangle();
       }
-      const scrollContainerHeight = windowScroll ? defaultView.innerHeight : scrollContainer.clientHeight;
-
-      // Abort if the target scroll position would scroll the caret out of
-      // view.
-      if (
-      // The caret is under the lower fold.
-      caretRect.top + caretRect.height > scrollContainerY + scrollContainerHeight ||
-      // The caret is above the upper fold.
-      caretRect.top < scrollContainerY) {
-        // Reset the caret position to maintain.
-        caretRect = currentCaretRect;
-        return;
+      function computeCaretRectangle() {
+        if (isSelectionEligibleForScroll()) {
+          caretRect = computeCaretRect(defaultView);
+        }
       }
-      if (windowScroll) {
-        defaultView.scrollBy(0, diff);
-      } else {
-        scrollContainer.scrollTop += diff;
+      function isSelectionEligibleForScroll() {
+        return node.contains(ownerDocument.activeElement) && ownerDocument.activeElement.isContentEditable;
       }
-    }
-
-    /**
-     * Adds a `selectionchange` listener to reset the scroll position to be
-     * maintained.
-     */
-    function addSelectionChangeListener() {
-      ownerDocument.addEventListener('selectionchange', computeCaretRectOnSelectionChange);
-    }
-
-    /**
-     * Resets the scroll position to be maintained during a `selectionchange`
-     * event. Also removes the listener, so it acts as a one-time listener.
-     */
-    function computeCaretRectOnSelectionChange() {
-      ownerDocument.removeEventListener('selectionchange', computeCaretRectOnSelectionChange);
-      computeCaretRectangle();
-    }
-
-    /**
-     * Resets the scroll position to be maintained.
-     */
-    function computeCaretRectangle() {
-      if (isSelectionEligibleForScroll()) {
-        caretRect = computeCaretRect(defaultView);
+      function isLastEditableNode() {
+        const editableNodes = node.querySelectorAll(
+          '[contenteditable="true"]'
+        );
+        const lastEditableNode = editableNodes[editableNodes.length - 1];
+        return lastEditableNode === ownerDocument.activeElement;
       }
-    }
-
-    /**
-     * Checks if the current situation is eligible for scroll:
-     * - There should be one and only one block selected.
-     * - The component must contain the selection.
-     * - The active element must be contenteditable.
-     */
-    function isSelectionEligibleForScroll() {
-      return node.contains(ownerDocument.activeElement) && ownerDocument.activeElement.isContentEditable;
-    }
-    function isLastEditableNode() {
-      const editableNodes = node.querySelectorAll('[contenteditable="true"]');
-      const lastEditableNode = editableNodes[editableNodes.length - 1];
-      return lastEditableNode === ownerDocument.activeElement;
-    }
-
-    // When the user scrolls or resizes, the scroll position should be
-    // reset.
-    defaultView.addEventListener('scroll', onScrollResize, true);
-    defaultView.addEventListener('resize', onScrollResize, true);
-    node.addEventListener('keydown', onKeyDown);
-    node.addEventListener('keyup', maintainCaretPosition);
-    node.addEventListener('mousedown', addSelectionChangeListener);
-    node.addEventListener('touchstart', addSelectionChangeListener);
-    return () => {
-      defaultView.removeEventListener('scroll', onScrollResize, true);
-      defaultView.removeEventListener('resize', onScrollResize, true);
-      node.removeEventListener('keydown', onKeyDown);
-      node.removeEventListener('keyup', maintainCaretPosition);
-      node.removeEventListener('mousedown', addSelectionChangeListener);
-      node.removeEventListener('touchstart', addSelectionChangeListener);
-      ownerDocument.removeEventListener('selectionchange', computeCaretRectOnSelectionChange);
-      defaultView.cancelAnimationFrame(scrollResizeRafId);
-      defaultView.cancelAnimationFrame(onKeyDownRafId);
-    };
-  }, [hasSelectedBlock]);
+      defaultView.addEventListener("scroll", onScrollResize, true);
+      defaultView.addEventListener("resize", onScrollResize, true);
+      node.addEventListener("keydown", onKeyDown);
+      node.addEventListener("keyup", maintainCaretPosition);
+      node.addEventListener("mousedown", addSelectionChangeListener);
+      node.addEventListener("touchstart", addSelectionChangeListener);
+      return () => {
+        defaultView.removeEventListener(
+          "scroll",
+          onScrollResize,
+          true
+        );
+        defaultView.removeEventListener(
+          "resize",
+          onScrollResize,
+          true
+        );
+        node.removeEventListener("keydown", onKeyDown);
+        node.removeEventListener("keyup", maintainCaretPosition);
+        node.removeEventListener(
+          "mousedown",
+          addSelectionChangeListener
+        );
+        node.removeEventListener(
+          "touchstart",
+          addSelectionChangeListener
+        );
+        ownerDocument.removeEventListener(
+          "selectionchange",
+          computeCaretRectOnSelectionChange
+        );
+        defaultView.cancelAnimationFrame(scrollResizeRafId);
+        defaultView.cancelAnimationFrame(onKeyDownRafId);
+      };
+    },
+    [hasSelectedBlock]
+  );
 }
-function Typewriter({
-  children
-}) {
-  return /*#__PURE__*/_jsx("div", {
-    ref: useTypewriter(),
-    className: "block-editor__typewriter",
-    children: children
-  });
+function Typewriter({ children }) {
+  return /* @__PURE__ */ jsx("div", { ref: useTypewriter(), className: "block-editor__typewriter", children });
 }
-
-/**
- * The exported component. The implementation of Typewriter faced technical
- * challenges in Internet Explorer, and is simply skipped, rendering the given
- * props children instead.
- *
- * @type {Component}
- */
-const TypewriterOrIEBypass = isIE ? props => props.children : Typewriter;
-
-/**
- * Ensures that the text selection keeps the same vertical distance from the
- * viewport during keyboard events within this component. The vertical distance
- * can vary. It is the last clicked or scrolled to position.
- */
-export default TypewriterOrIEBypass;
-//# sourceMappingURL=index.js.map
+const TypewriterOrIEBypass = isIE ? (props) => props.children : Typewriter;
+var typewriter_default = TypewriterOrIEBypass;
+export {
+  typewriter_default as default,
+  useTypewriter
+};
+//# sourceMappingURL=index.js.map

package/build-module/components/typewriter/index.js.map

@@ -1 +1,7 @@
-{"version":3,"names":["useRefEffect","computeCaretRect","getScrollContainer","useSelect","UP","DOWN","LEFT","RIGHT","store","blockEditorStore","jsx","_jsx","isIE","window","navigator","userAgent","indexOf","arrowKeyCodes","Set","initialTriggerPercentage","useTypewriter","hasSelectedBlock","select","node","ownerDocument","defaultView","scrollResizeRafId","onKeyDownRafId","caretRect","onScrollResize","requestAnimationFrame","computeCaretRectangle","onKeyDown","event","cancelAnimationFrame","maintainCaretPosition","keyCode","isSelectionEligibleForScroll","currentCaretRect","has","diff","top","scrollContainer","windowScroll","body","documentElement","scrollY","scrollTop","scrollContainerY","getBoundingClientRect","relativeScrollPosition","innerHeight","isLastEditableNode","scrollContainerHeight","clientHeight","height","scrollBy","addSelectionChangeListener","addEventListener","computeCaretRectOnSelectionChange","removeEventListener","contains","activeElement","isContentEditable","editableNodes","querySelectorAll","lastEditableNode","length","Typewriter","children","ref","className","TypewriterOrIEBypass","props"],"sources":["@wordpress/block-editor/src/components/typewriter/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useRefEffect } from '@wordpress/compose';\nimport { computeCaretRect, getScrollContainer } from '@wordpress/dom';\nimport { useSelect } from '@wordpress/data';\nimport { UP, DOWN, LEFT, RIGHT } from '@wordpress/keycodes';\n\n/**\n * Internal dependencies\n */\nimport { store as blockEditorStore } from '../../store';\n\nconst isIE = window.navigator.userAgent.indexOf( 'Trident' ) !== -1;\nconst arrowKeyCodes = new Set( [ UP, DOWN, LEFT, RIGHT ] );\nconst initialTriggerPercentage = 0.75;\n\nexport function useTypewriter() {\n\tconst hasSelectedBlock = useSelect(\n\t\t( select ) => select( blockEditorStore ).hasSelectedBlock(),\n\t\t[]\n\t);\n\n\treturn useRefEffect(\n\t\t( node ) => {\n\t\t\tif ( ! hasSelectedBlock ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tconst { ownerDocument } = node;\n\t\t\tconst { defaultView } = ownerDocument;\n\n\t\t\tlet scrollResizeRafId;\n\t\t\tlet onKeyDownRafId;\n\n\t\t\tlet caretRect;\n\n\t\t\tfunction onScrollResize() {\n\t\t\t\tif ( scrollResizeRafId ) {\n\t\t\t\t\treturn;\n\t\t\t\t}\n\n\t\t\t\tscrollResizeRafId = defaultView.requestAnimationFrame( () => {\n\t\t\t\t\tcomputeCaretRectangle();\n\t\t\t\t\tscrollResizeRafId = null;\n\t\t\t\t} );\n\t\t\t}\n\n\t\t\tfunction onKeyDown( event ) {\n\t\t\t\t// Ensure the any remaining request is cancelled.\n\t\t\t\tif ( onKeyDownRafId ) {\n\t\t\t\t\tdefaultView.cancelAnimationFrame( onKeyDownRafId );\n\t\t\t\t}\n\n\t\t\t\t// Use an animation frame for a smooth result.\n\t\t\t\tonKeyDownRafId = defaultView.requestAnimationFrame( () => {\n\t\t\t\t\tmaintainCaretPosition( event );\n\t\t\t\t\tonKeyDownRafId = null;\n\t\t\t\t} );\n\t\t\t}\n\n\t\t\t/**\n\t\t\t * Maintains the scroll position after a selection change caused by a\n\t\t\t * keyboard event.\n\t\t\t *\n\t\t\t * @param {KeyboardEvent} event Keyboard event.\n\t\t\t */\n\t\t\tfunction maintainCaretPosition( { keyCode } ) {\n\t\t\t\tif ( ! isSelectionEligibleForScroll() ) {\n\t\t\t\t\treturn;\n\t\t\t\t}\n\n\t\t\t\tconst currentCaretRect = computeCaretRect( defaultView );\n\n\t\t\t\tif ( ! currentCaretRect ) {\n\t\t\t\t\treturn;\n\t\t\t\t}\n\n\t\t\t\t// If for some reason there is no position set to be scrolled to, let\n\t\t\t\t// this be the position to be scrolled to in the future.\n\t\t\t\tif ( ! caretRect ) {\n\t\t\t\t\tcaretRect = currentCaretRect;\n\t\t\t\t\treturn;\n\t\t\t\t}\n\n\t\t\t\t// Even though enabling the typewriter effect for arrow keys results in\n\t\t\t\t// a pleasant experience, it may not be the case for everyone, so, for\n\t\t\t\t// now, let's disable it.\n\t\t\t\tif ( arrowKeyCodes.has( keyCode ) ) {\n\t\t\t\t\t// Reset the caret position to maintain.\n\t\t\t\t\tcaretRect = currentCaretRect;\n\t\t\t\t\treturn;\n\t\t\t\t}\n\n\t\t\t\tconst diff = currentCaretRect.top - caretRect.top;\n\n\t\t\t\tif ( diff === 0 ) {\n\t\t\t\t\treturn;\n\t\t\t\t}\n\n\t\t\t\tconst scrollContainer = getScrollContainer( node );\n\n\t\t\t\t// The page must be scrollable.\n\t\t\t\tif ( ! scrollContainer ) {\n\t\t\t\t\treturn;\n\t\t\t\t}\n\n\t\t\t\tconst windowScroll =\n\t\t\t\t\tscrollContainer === ownerDocument.body ||\n\t\t\t\t\tscrollContainer === ownerDocument.documentElement;\n\t\t\t\tconst scrollY = windowScroll\n\t\t\t\t\t? defaultView.scrollY\n\t\t\t\t\t: scrollContainer.scrollTop;\n\t\t\t\tconst scrollContainerY = windowScroll\n\t\t\t\t\t? 0\n\t\t\t\t\t: scrollContainer.getBoundingClientRect().top;\n\t\t\t\tconst relativeScrollPosition = windowScroll\n\t\t\t\t\t? caretRect.top / defaultView.innerHeight\n\t\t\t\t\t: ( caretRect.top - scrollContainerY ) /\n\t\t\t\t\t  ( defaultView.innerHeight - scrollContainerY );\n\n\t\t\t\t// If the scroll position is at the start, the active editable element\n\t\t\t\t// is the last one, and the caret is positioned within the initial\n\t\t\t\t// trigger percentage of the page, do not scroll the page.\n\t\t\t\t// The typewriter effect should not kick in until an empty page has been\n\t\t\t\t// filled with the initial trigger percentage or the user scrolls\n\t\t\t\t// intentionally down.\n\t\t\t\tif (\n\t\t\t\t\tscrollY === 0 &&\n\t\t\t\t\trelativeScrollPosition < initialTriggerPercentage &&\n\t\t\t\t\tisLastEditableNode()\n\t\t\t\t) {\n\t\t\t\t\t// Reset the caret position to maintain.\n\t\t\t\t\tcaretRect = currentCaretRect;\n\t\t\t\t\treturn;\n\t\t\t\t}\n\n\t\t\t\tconst scrollContainerHeight = windowScroll\n\t\t\t\t\t? defaultView.innerHeight\n\t\t\t\t\t: scrollContainer.clientHeight;\n\n\t\t\t\t// Abort if the target scroll position would scroll the caret out of\n\t\t\t\t// view.\n\t\t\t\tif (\n\t\t\t\t\t// The caret is under the lower fold.\n\t\t\t\t\tcaretRect.top + caretRect.height >\n\t\t\t\t\t\tscrollContainerY + scrollContainerHeight ||\n\t\t\t\t\t// The caret is above the upper fold.\n\t\t\t\t\tcaretRect.top < scrollContainerY\n\t\t\t\t) {\n\t\t\t\t\t// Reset the caret position to maintain.\n\t\t\t\t\tcaretRect = currentCaretRect;\n\t\t\t\t\treturn;\n\t\t\t\t}\n\n\t\t\t\tif ( windowScroll ) {\n\t\t\t\t\tdefaultView.scrollBy( 0, diff );\n\t\t\t\t} else {\n\t\t\t\t\tscrollContainer.scrollTop += diff;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t/**\n\t\t\t * Adds a `selectionchange` listener to reset the scroll position to be\n\t\t\t * maintained.\n\t\t\t */\n\t\t\tfunction addSelectionChangeListener() {\n\t\t\t\townerDocument.addEventListener(\n\t\t\t\t\t'selectionchange',\n\t\t\t\t\tcomputeCaretRectOnSelectionChange\n\t\t\t\t);\n\t\t\t}\n\n\t\t\t/**\n\t\t\t * Resets the scroll position to be maintained during a `selectionchange`\n\t\t\t * event. Also removes the listener, so it acts as a one-time listener.\n\t\t\t */\n\t\t\tfunction computeCaretRectOnSelectionChange() {\n\t\t\t\townerDocument.removeEventListener(\n\t\t\t\t\t'selectionchange',\n\t\t\t\t\tcomputeCaretRectOnSelectionChange\n\t\t\t\t);\n\t\t\t\tcomputeCaretRectangle();\n\t\t\t}\n\n\t\t\t/**\n\t\t\t * Resets the scroll position to be maintained.\n\t\t\t */\n\t\t\tfunction computeCaretRectangle() {\n\t\t\t\tif ( isSelectionEligibleForScroll() ) {\n\t\t\t\t\tcaretRect = computeCaretRect( defaultView );\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t/**\n\t\t\t * Checks if the current situation is eligible for scroll:\n\t\t\t * - There should be one and only one block selected.\n\t\t\t * - The component must contain the selection.\n\t\t\t * - The active element must be contenteditable.\n\t\t\t */\n\t\t\tfunction isSelectionEligibleForScroll() {\n\t\t\t\treturn (\n\t\t\t\t\tnode.contains( ownerDocument.activeElement ) &&\n\t\t\t\t\townerDocument.activeElement.isContentEditable\n\t\t\t\t);\n\t\t\t}\n\n\t\t\tfunction isLastEditableNode() {\n\t\t\t\tconst editableNodes = node.querySelectorAll(\n\t\t\t\t\t'[contenteditable=\"true\"]'\n\t\t\t\t);\n\t\t\t\tconst lastEditableNode =\n\t\t\t\t\teditableNodes[ editableNodes.length - 1 ];\n\t\t\t\treturn lastEditableNode === ownerDocument.activeElement;\n\t\t\t}\n\n\t\t\t// When the user scrolls or resizes, the scroll position should be\n\t\t\t// reset.\n\t\t\tdefaultView.addEventListener( 'scroll', onScrollResize, true );\n\t\t\tdefaultView.addEventListener( 'resize', onScrollResize, true );\n\n\t\t\tnode.addEventListener( 'keydown', onKeyDown );\n\t\t\tnode.addEventListener( 'keyup', maintainCaretPosition );\n\t\t\tnode.addEventListener( 'mousedown', addSelectionChangeListener );\n\t\t\tnode.addEventListener( 'touchstart', addSelectionChangeListener );\n\n\t\t\treturn () => {\n\t\t\t\tdefaultView.removeEventListener(\n\t\t\t\t\t'scroll',\n\t\t\t\t\tonScrollResize,\n\t\t\t\t\ttrue\n\t\t\t\t);\n\t\t\t\tdefaultView.removeEventListener(\n\t\t\t\t\t'resize',\n\t\t\t\t\tonScrollResize,\n\t\t\t\t\ttrue\n\t\t\t\t);\n\n\t\t\t\tnode.removeEventListener( 'keydown', onKeyDown );\n\t\t\t\tnode.removeEventListener( 'keyup', maintainCaretPosition );\n\t\t\t\tnode.removeEventListener(\n\t\t\t\t\t'mousedown',\n\t\t\t\t\taddSelectionChangeListener\n\t\t\t\t);\n\t\t\t\tnode.removeEventListener(\n\t\t\t\t\t'touchstart',\n\t\t\t\t\taddSelectionChangeListener\n\t\t\t\t);\n\n\t\t\t\townerDocument.removeEventListener(\n\t\t\t\t\t'selectionchange',\n\t\t\t\t\tcomputeCaretRectOnSelectionChange\n\t\t\t\t);\n\n\t\t\t\tdefaultView.cancelAnimationFrame( scrollResizeRafId );\n\t\t\t\tdefaultView.cancelAnimationFrame( onKeyDownRafId );\n\t\t\t};\n\t\t},\n\t\t[ hasSelectedBlock ]\n\t);\n}\n\nfunction Typewriter( { children } ) {\n\treturn (\n\t\t<div ref={ useTypewriter() } className=\"block-editor__typewriter\">\n\t\t\t{ children }\n\t\t</div>\n\t);\n}\n\n/**\n * The exported component. The implementation of Typewriter faced technical\n * challenges in Internet Explorer, and is simply skipped, rendering the given\n * props children instead.\n *\n * @type {Component}\n */\nconst TypewriterOrIEBypass = isIE ? ( props ) => props.children : Typewriter;\n\n/**\n * Ensures that the text selection keeps the same vertical distance from the\n * viewport during keyboard events within this component. The vertical distance\n * can vary. It is the last clicked or scrolled to position.\n */\nexport default TypewriterOrIEBypass;\n"],"mappings":"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","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../../src/components/typewriter/index.js"],
+  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { useRefEffect } from '@wordpress/compose';\nimport { computeCaretRect, getScrollContainer } from '@wordpress/dom';\nimport { useSelect } from '@wordpress/data';\nimport { UP, DOWN, LEFT, RIGHT } from '@wordpress/keycodes';\n\n/**\n * Internal dependencies\n */\nimport { store as blockEditorStore } from '../../store';\n\nconst isIE = window.navigator.userAgent.indexOf( 'Trident' ) !== -1;\nconst arrowKeyCodes = new Set( [ UP, DOWN, LEFT, RIGHT ] );\nconst initialTriggerPercentage = 0.75;\n\nexport function useTypewriter() {\n\tconst hasSelectedBlock = useSelect(\n\t\t( select ) => select( blockEditorStore ).hasSelectedBlock(),\n\t\t[]\n\t);\n\n\treturn useRefEffect(\n\t\t( node ) => {\n\t\t\tif ( ! hasSelectedBlock ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tconst { ownerDocument } = node;\n\t\t\tconst { defaultView } = ownerDocument;\n\n\t\t\tlet scrollResizeRafId;\n\t\t\tlet onKeyDownRafId;\n\n\t\t\tlet caretRect;\n\n\t\t\tfunction onScrollResize() {\n\t\t\t\tif ( scrollResizeRafId ) {\n\t\t\t\t\treturn;\n\t\t\t\t}\n\n\t\t\t\tscrollResizeRafId = defaultView.requestAnimationFrame( () => {\n\t\t\t\t\tcomputeCaretRectangle();\n\t\t\t\t\tscrollResizeRafId = null;\n\t\t\t\t} );\n\t\t\t}\n\n\t\t\tfunction onKeyDown( event ) {\n\t\t\t\t// Ensure the any remaining request is cancelled.\n\t\t\t\tif ( onKeyDownRafId ) {\n\t\t\t\t\tdefaultView.cancelAnimationFrame( onKeyDownRafId );\n\t\t\t\t}\n\n\t\t\t\t// Use an animation frame for a smooth result.\n\t\t\t\tonKeyDownRafId = defaultView.requestAnimationFrame( () => {\n\t\t\t\t\tmaintainCaretPosition( event );\n\t\t\t\t\tonKeyDownRafId = null;\n\t\t\t\t} );\n\t\t\t}\n\n\t\t\t/**\n\t\t\t * Maintains the scroll position after a selection change caused by a\n\t\t\t * keyboard event.\n\t\t\t *\n\t\t\t * @param {KeyboardEvent} event Keyboard event.\n\t\t\t */\n\t\t\tfunction maintainCaretPosition( { keyCode } ) {\n\t\t\t\tif ( ! isSelectionEligibleForScroll() ) {\n\t\t\t\t\treturn;\n\t\t\t\t}\n\n\t\t\t\tconst currentCaretRect = computeCaretRect( defaultView );\n\n\t\t\t\tif ( ! currentCaretRect ) {\n\t\t\t\t\treturn;\n\t\t\t\t}\n\n\t\t\t\t// If for some reason there is no position set to be scrolled to, let\n\t\t\t\t// this be the position to be scrolled to in the future.\n\t\t\t\tif ( ! caretRect ) {\n\t\t\t\t\tcaretRect = currentCaretRect;\n\t\t\t\t\treturn;\n\t\t\t\t}\n\n\t\t\t\t// Even though enabling the typewriter effect for arrow keys results in\n\t\t\t\t// a pleasant experience, it may not be the case for everyone, so, for\n\t\t\t\t// now, let's disable it.\n\t\t\t\tif ( arrowKeyCodes.has( keyCode ) ) {\n\t\t\t\t\t// Reset the caret position to maintain.\n\t\t\t\t\tcaretRect = currentCaretRect;\n\t\t\t\t\treturn;\n\t\t\t\t}\n\n\t\t\t\tconst diff = currentCaretRect.top - caretRect.top;\n\n\t\t\t\tif ( diff === 0 ) {\n\t\t\t\t\treturn;\n\t\t\t\t}\n\n\t\t\t\tconst scrollContainer = getScrollContainer( node );\n\n\t\t\t\t// The page must be scrollable.\n\t\t\t\tif ( ! scrollContainer ) {\n\t\t\t\t\treturn;\n\t\t\t\t}\n\n\t\t\t\tconst windowScroll =\n\t\t\t\t\tscrollContainer === ownerDocument.body ||\n\t\t\t\t\tscrollContainer === ownerDocument.documentElement;\n\t\t\t\tconst scrollY = windowScroll\n\t\t\t\t\t? defaultView.scrollY\n\t\t\t\t\t: scrollContainer.scrollTop;\n\t\t\t\tconst scrollContainerY = windowScroll\n\t\t\t\t\t? 0\n\t\t\t\t\t: scrollContainer.getBoundingClientRect().top;\n\t\t\t\tconst relativeScrollPosition = windowScroll\n\t\t\t\t\t? caretRect.top / defaultView.innerHeight\n\t\t\t\t\t: ( caretRect.top - scrollContainerY ) /\n\t\t\t\t\t  ( defaultView.innerHeight - scrollContainerY );\n\n\t\t\t\t// If the scroll position is at the start, the active editable element\n\t\t\t\t// is the last one, and the caret is positioned within the initial\n\t\t\t\t// trigger percentage of the page, do not scroll the page.\n\t\t\t\t// The typewriter effect should not kick in until an empty page has been\n\t\t\t\t// filled with the initial trigger percentage or the user scrolls\n\t\t\t\t// intentionally down.\n\t\t\t\tif (\n\t\t\t\t\tscrollY === 0 &&\n\t\t\t\t\trelativeScrollPosition < initialTriggerPercentage &&\n\t\t\t\t\tisLastEditableNode()\n\t\t\t\t) {\n\t\t\t\t\t// Reset the caret position to maintain.\n\t\t\t\t\tcaretRect = currentCaretRect;\n\t\t\t\t\treturn;\n\t\t\t\t}\n\n\t\t\t\tconst scrollContainerHeight = windowScroll\n\t\t\t\t\t? defaultView.innerHeight\n\t\t\t\t\t: scrollContainer.clientHeight;\n\n\t\t\t\t// Abort if the target scroll position would scroll the caret out of\n\t\t\t\t// view.\n\t\t\t\tif (\n\t\t\t\t\t// The caret is under the lower fold.\n\t\t\t\t\tcaretRect.top + caretRect.height >\n\t\t\t\t\t\tscrollContainerY + scrollContainerHeight ||\n\t\t\t\t\t// The caret is above the upper fold.\n\t\t\t\t\tcaretRect.top < scrollContainerY\n\t\t\t\t) {\n\t\t\t\t\t// Reset the caret position to maintain.\n\t\t\t\t\tcaretRect = currentCaretRect;\n\t\t\t\t\treturn;\n\t\t\t\t}\n\n\t\t\t\tif ( windowScroll ) {\n\t\t\t\t\tdefaultView.scrollBy( 0, diff );\n\t\t\t\t} else {\n\t\t\t\t\tscrollContainer.scrollTop += diff;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t/**\n\t\t\t * Adds a `selectionchange` listener to reset the scroll position to be\n\t\t\t * maintained.\n\t\t\t */\n\t\t\tfunction addSelectionChangeListener() {\n\t\t\t\townerDocument.addEventListener(\n\t\t\t\t\t'selectionchange',\n\t\t\t\t\tcomputeCaretRectOnSelectionChange\n\t\t\t\t);\n\t\t\t}\n\n\t\t\t/**\n\t\t\t * Resets the scroll position to be maintained during a `selectionchange`\n\t\t\t * event. Also removes the listener, so it acts as a one-time listener.\n\t\t\t */\n\t\t\tfunction computeCaretRectOnSelectionChange() {\n\t\t\t\townerDocument.removeEventListener(\n\t\t\t\t\t'selectionchange',\n\t\t\t\t\tcomputeCaretRectOnSelectionChange\n\t\t\t\t);\n\t\t\t\tcomputeCaretRectangle();\n\t\t\t}\n\n\t\t\t/**\n\t\t\t * Resets the scroll position to be maintained.\n\t\t\t */\n\t\t\tfunction computeCaretRectangle() {\n\t\t\t\tif ( isSelectionEligibleForScroll() ) {\n\t\t\t\t\tcaretRect = computeCaretRect( defaultView );\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t/**\n\t\t\t * Checks if the current situation is eligible for scroll:\n\t\t\t * - There should be one and only one block selected.\n\t\t\t * - The component must contain the selection.\n\t\t\t * - The active element must be contenteditable.\n\t\t\t */\n\t\t\tfunction isSelectionEligibleForScroll() {\n\t\t\t\treturn (\n\t\t\t\t\tnode.contains( ownerDocument.activeElement ) &&\n\t\t\t\t\townerDocument.activeElement.isContentEditable\n\t\t\t\t);\n\t\t\t}\n\n\t\t\tfunction isLastEditableNode() {\n\t\t\t\tconst editableNodes = node.querySelectorAll(\n\t\t\t\t\t'[contenteditable=\"true\"]'\n\t\t\t\t);\n\t\t\t\tconst lastEditableNode =\n\t\t\t\t\teditableNodes[ editableNodes.length - 1 ];\n\t\t\t\treturn lastEditableNode === ownerDocument.activeElement;\n\t\t\t}\n\n\t\t\t// When the user scrolls or resizes, the scroll position should be\n\t\t\t// reset.\n\t\t\tdefaultView.addEventListener( 'scroll', onScrollResize, true );\n\t\t\tdefaultView.addEventListener( 'resize', onScrollResize, true );\n\n\t\t\tnode.addEventListener( 'keydown', onKeyDown );\n\t\t\tnode.addEventListener( 'keyup', maintainCaretPosition );\n\t\t\tnode.addEventListener( 'mousedown', addSelectionChangeListener );\n\t\t\tnode.addEventListener( 'touchstart', addSelectionChangeListener );\n\n\t\t\treturn () => {\n\t\t\t\tdefaultView.removeEventListener(\n\t\t\t\t\t'scroll',\n\t\t\t\t\tonScrollResize,\n\t\t\t\t\ttrue\n\t\t\t\t);\n\t\t\t\tdefaultView.removeEventListener(\n\t\t\t\t\t'resize',\n\t\t\t\t\tonScrollResize,\n\t\t\t\t\ttrue\n\t\t\t\t);\n\n\t\t\t\tnode.removeEventListener( 'keydown', onKeyDown );\n\t\t\t\tnode.removeEventListener( 'keyup', maintainCaretPosition );\n\t\t\t\tnode.removeEventListener(\n\t\t\t\t\t'mousedown',\n\t\t\t\t\taddSelectionChangeListener\n\t\t\t\t);\n\t\t\t\tnode.removeEventListener(\n\t\t\t\t\t'touchstart',\n\t\t\t\t\taddSelectionChangeListener\n\t\t\t\t);\n\n\t\t\t\townerDocument.removeEventListener(\n\t\t\t\t\t'selectionchange',\n\t\t\t\t\tcomputeCaretRectOnSelectionChange\n\t\t\t\t);\n\n\t\t\t\tdefaultView.cancelAnimationFrame( scrollResizeRafId );\n\t\t\t\tdefaultView.cancelAnimationFrame( onKeyDownRafId );\n\t\t\t};\n\t\t},\n\t\t[ hasSelectedBlock ]\n\t);\n}\n\nfunction Typewriter( { children } ) {\n\treturn (\n\t\t<div ref={ useTypewriter() } className=\"block-editor__typewriter\">\n\t\t\t{ children }\n\t\t</div>\n\t);\n}\n\n/**\n * The exported component. The implementation of Typewriter faced technical\n * challenges in Internet Explorer, and is simply skipped, rendering the given\n * props children instead.\n *\n * @type {Component}\n */\nconst TypewriterOrIEBypass = isIE ? ( props ) => props.children : Typewriter;\n\n/**\n * Ensures that the text selection keeps the same vertical distance from the\n * viewport during keyboard events within this component. The vertical distance\n * can vary. It is the last clicked or scrolled to position.\n */\nexport default TypewriterOrIEBypass;\n"],
+  "mappings": "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",
+  "names": []
+}

package/build-module/components/unit-control/index.js

@@ -1,25 +1,18 @@
-/**
- * WordPress dependencies
- */
-import { __experimentalUseCustomUnits as useCustomUnits, __experimentalUnitControl as BaseUnitControl } from '@wordpress/components';
-
-/**
- * Internal dependencies
- */
-import { useSettings } from '../use-settings';
-import { jsx as _jsx } from "react/jsx-runtime";
-export default function UnitControl({
-  units: unitsProp,
-  ...props
-}) {
-  const [availableUnits] = useSettings('spacing.units');
+import { jsx } from "react/jsx-runtime";
+import {
+  __experimentalUseCustomUnits as useCustomUnits,
+  __experimentalUnitControl as BaseUnitControl
+} from "@wordpress/components";
+import { useSettings } from "../use-settings";
+function UnitControl({ units: unitsProp, ...props }) {
+  const [availableUnits] = useSettings("spacing.units");
   const units = useCustomUnits({
-    availableUnits: availableUnits || ['%', 'px', 'em', 'rem', 'vw'],
+    availableUnits: availableUnits || ["%", "px", "em", "rem", "vw"],
     units: unitsProp
   });
-  return /*#__PURE__*/_jsx(BaseUnitControl, {
-    units: units,
-    ...props
-  });
+  return /* @__PURE__ */ jsx(BaseUnitControl, { units, ...props });
 }
-//# sourceMappingURL=index.js.map
+export {
+  UnitControl as default
+};
+//# sourceMappingURL=index.js.map

package/build-module/components/unit-control/index.js.map

@@ -1 +1,7 @@
-{"version":3,"names":["__experimentalUseCustomUnits","useCustomUnits","__experimentalUnitControl","BaseUnitControl","useSettings","jsx","_jsx","UnitControl","units","unitsProp","props","availableUnits"],"sources":["@wordpress/block-editor/src/components/unit-control/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport {\n\t__experimentalUseCustomUnits as useCustomUnits,\n\t__experimentalUnitControl as BaseUnitControl,\n} from '@wordpress/components';\n\n/**\n * Internal dependencies\n */\nimport { useSettings } from '../use-settings';\n\nexport default function UnitControl( { units: unitsProp, ...props } ) {\n\tconst [ availableUnits ] = useSettings( 'spacing.units' );\n\tconst units = useCustomUnits( {\n\t\tavailableUnits: availableUnits || [ '%', 'px', 'em', 'rem', 'vw' ],\n\t\tunits: unitsProp,\n\t} );\n\n\treturn <BaseUnitControl units={ units } { ...props } />;\n}\n"],"mappings":"AAAA;AACA;AACA;AACA,SACCA,4BAA4B,IAAIC,cAAc,EAC9CC,yBAAyB,IAAIC,eAAe,QACtC,uBAAuB;;AAE9B;AACA;AACA;AACA,SAASC,WAAW,QAAQ,iBAAiB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAE9C,eAAe,SAASC,WAAWA,CAAE;EAAEC,KAAK,EAAEC,SAAS;EAAE,GAAGC;AAAM,CAAC,EAAG;EACrE,MAAM,CAAEC,cAAc,CAAE,GAAGP,WAAW,CAAE,eAAgB,CAAC;EACzD,MAAMI,KAAK,GAAGP,cAAc,CAAE;IAC7BU,cAAc,EAAEA,cAAc,IAAI,CAAE,GAAG,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,IAAI,CAAE;IAClEH,KAAK,EAAEC;EACR,CAAE,CAAC;EAEH,oBAAOH,IAAA,CAACH,eAAe;IAACK,KAAK,EAAGA,KAAO;IAAA,GAAME;EAAK,CAAI,CAAC;AACxD","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../../src/components/unit-control/index.js"],
+  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport {\n\t__experimentalUseCustomUnits as useCustomUnits,\n\t__experimentalUnitControl as BaseUnitControl,\n} from '@wordpress/components';\n\n/**\n * Internal dependencies\n */\nimport { useSettings } from '../use-settings';\n\nexport default function UnitControl( { units: unitsProp, ...props } ) {\n\tconst [ availableUnits ] = useSettings( 'spacing.units' );\n\tconst units = useCustomUnits( {\n\t\tavailableUnits: availableUnits || [ '%', 'px', 'em', 'rem', 'vw' ],\n\t\tunits: unitsProp,\n\t} );\n\n\treturn <BaseUnitControl units={ units } { ...props } />;\n}\n"],
+  "mappings": "AAoBQ;AAjBR;AAAA,EACC,gCAAgC;AAAA,EAChC,6BAA6B;AAAA,OACvB;AAKP,SAAS,mBAAmB;AAEb,SAAR,YAA8B,EAAE,OAAO,WAAW,GAAG,MAAM,GAAI;AACrE,QAAM,CAAE,cAAe,IAAI,YAAa,eAAgB;AACxD,QAAM,QAAQ,eAAgB;AAAA,IAC7B,gBAAgB,kBAAkB,CAAE,KAAK,MAAM,MAAM,OAAO,IAAK;AAAA,IACjE,OAAO;AAAA,EACR,CAAE;AAEF,SAAO,oBAAC,mBAAgB,OAAkB,GAAG,OAAQ;AACtD;",
+  "names": []
+}

package/build-module/components/url-input/button.js

@@ -1,74 +1,72 @@
-/**
- * WordPress dependencies
- */
-import { __ } from '@wordpress/i18n';
-import { useReducer } from '@wordpress/element';
-import { Button, __experimentalInputControlSuffixWrapper as InputControlSuffixWrapper } from '@wordpress/components';
-import { link, keyboardReturn, arrowLeft } from '@wordpress/icons';
-
-/**
- * Internal dependencies
- */
-import URLInput from './';
-
-/**
- * A button that toggles a URL input field for inserting or editing links.
- *
- * @param {Object}   props          Component properties.
- * @param {string}   props.url      The current URL value.
- * @param {Function} props.onChange Callback function to handle URL changes.
- * @return {JSX.Element} The URL input button component.
- */
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-function URLInputButton({
-  url,
-  onChange
-}) {
-  const [expanded, toggleExpanded] = useReducer(isExpanded => !isExpanded, false);
-  const submitLink = event => {
+import { jsx, jsxs } from "react/jsx-runtime";
+import { __ } from "@wordpress/i18n";
+import { useReducer } from "@wordpress/element";
+import {
+  Button,
+  __experimentalInputControlSuffixWrapper as InputControlSuffixWrapper
+} from "@wordpress/components";
+import { link, keyboardReturn, arrowLeft } from "@wordpress/icons";
+import URLInput from "./";
+function URLInputButton({ url, onChange }) {
+  const [expanded, toggleExpanded] = useReducer(
+    (isExpanded) => !isExpanded,
+    false
+  );
+  const submitLink = (event) => {
     event.preventDefault();
     toggleExpanded();
   };
-  return /*#__PURE__*/_jsxs("div", {
-    className: "block-editor-url-input__button",
-    children: [/*#__PURE__*/_jsx(Button, {
-      size: "compact",
-      icon: link,
-      label: url ? __('Edit link') : __('Insert link'),
-      onClick: toggleExpanded,
-      className: "components-toolbar__control",
-      isPressed: !!url
-    }), expanded && /*#__PURE__*/_jsx("form", {
-      className: "block-editor-url-input__button-modal",
-      onSubmit: submitLink,
-      children: /*#__PURE__*/_jsxs("div", {
-        className: "block-editor-url-input__button-modal-line",
-        children: [/*#__PURE__*/_jsx(Button, {
-          __next40pxDefaultSize: true,
-          className: "block-editor-url-input__back",
-          icon: arrowLeft,
-          label: __('Close'),
-          onClick: toggleExpanded
-        }), /*#__PURE__*/_jsx(URLInput, {
-          value: url || '',
-          onChange: onChange,
-          suffix: /*#__PURE__*/_jsx(InputControlSuffixWrapper, {
-            variant: "control",
-            children: /*#__PURE__*/_jsx(Button, {
-              size: "small",
-              icon: keyboardReturn,
-              label: __('Submit'),
-              type: "submit"
-            })
-          })
-        })]
-      })
-    })]
-  });
+  return /* @__PURE__ */ jsxs("div", { className: "block-editor-url-input__button", children: [
+    /* @__PURE__ */ jsx(
+      Button,
+      {
+        size: "compact",
+        icon: link,
+        label: url ? __("Edit link") : __("Insert link"),
+        onClick: toggleExpanded,
+        className: "components-toolbar__control",
+        isPressed: !!url
+      }
+    ),
+    expanded && /* @__PURE__ */ jsx(
+      "form",
+      {
+        className: "block-editor-url-input__button-modal",
+        onSubmit: submitLink,
+        children: /* @__PURE__ */ jsxs("div", { className: "block-editor-url-input__button-modal-line", children: [
+          /* @__PURE__ */ jsx(
+            Button,
+            {
+              __next40pxDefaultSize: true,
+              className: "block-editor-url-input__back",
+              icon: arrowLeft,
+              label: __("Close"),
+              onClick: toggleExpanded
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            URLInput,
+            {
+              value: url || "",
+              onChange,
+              suffix: /* @__PURE__ */ jsx(InputControlSuffixWrapper, { variant: "control", children: /* @__PURE__ */ jsx(
+                Button,
+                {
+                  size: "small",
+                  icon: keyboardReturn,
+                  label: __("Submit"),
+                  type: "submit"
+                }
+              ) })
+            }
+          )
+        ] })
+      }
+    )
+  ] });
 }
-
-/**
- * @see https://github.com/WordPress/gutenberg/blob/HEAD/packages/block-editor/src/components/url-input/README.md
- */
-export default URLInputButton;
-//# sourceMappingURL=button.js.map
+var button_default = URLInputButton;
+export {
+  button_default as default
+};
+//# sourceMappingURL=button.js.map