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

package/build-module/components/use-on-block-drop/index.mjs

@@ -0,0 +1,269 @@
+// packages/block-editor/src/components/use-on-block-drop/index.js
+import { useCallback } from "@wordpress/element";
+import {
+  cloneBlock,
+  createBlock,
+  findTransform,
+  getBlockTransforms,
+  pasteHandler,
+  store as blocksStore
+} from "@wordpress/blocks";
+import { useDispatch, useSelect, useRegistry } from "@wordpress/data";
+import { getFilesFromDataTransfer } from "@wordpress/dom";
+import { store as blockEditorStore } from "../../store/index.mjs";
+function parseDropEvent(event) {
+  let result = {
+    srcRootClientId: null,
+    srcClientIds: null,
+    srcIndex: null,
+    type: null,
+    blocks: null
+  };
+  if (!event.dataTransfer) {
+    return result;
+  }
+  try {
+    result = Object.assign(
+      result,
+      JSON.parse(event.dataTransfer.getData("wp-blocks"))
+    );
+  } catch (err) {
+    return result;
+  }
+  return result;
+}
+function onBlockDrop(targetRootClientId, targetBlockIndex, getBlockIndex, getClientIdsOfDescendants, moveBlocks, insertOrReplaceBlocks, clearSelectedBlock, operation, getBlock) {
+  return (event) => {
+    const {
+      srcRootClientId: sourceRootClientId,
+      srcClientIds: sourceClientIds,
+      type: dropType,
+      blocks
+    } = parseDropEvent(event);
+    if (dropType === "inserter") {
+      clearSelectedBlock();
+      const blocksToInsert = blocks.map(
+        (block) => cloneBlock(block)
+      );
+      insertOrReplaceBlocks(blocksToInsert, true, null);
+    }
+    if (dropType === "block") {
+      const sourceBlockIndex = getBlockIndex(sourceClientIds[0]);
+      if (sourceRootClientId === targetRootClientId && sourceBlockIndex === targetBlockIndex) {
+        return;
+      }
+      if (sourceClientIds.includes(targetRootClientId) || getClientIdsOfDescendants(sourceClientIds).some(
+        (id) => id === targetRootClientId
+      )) {
+        return;
+      }
+      if (operation === "group") {
+        const blocksToInsert = sourceClientIds.map(
+          (clientId) => getBlock(clientId)
+        );
+        insertOrReplaceBlocks(
+          blocksToInsert,
+          true,
+          null,
+          sourceClientIds
+        );
+        return;
+      }
+      const isAtSameLevel = sourceRootClientId === targetRootClientId;
+      const draggedBlockCount = sourceClientIds.length;
+      const insertIndex = isAtSameLevel && sourceBlockIndex < targetBlockIndex ? targetBlockIndex - draggedBlockCount : targetBlockIndex;
+      moveBlocks(sourceClientIds, sourceRootClientId, insertIndex);
+    }
+  };
+}
+function onFilesDrop(targetRootClientId, getSettings, updateBlockAttributes, canInsertBlockType, insertOrReplaceBlocks) {
+  return (files) => {
+    if (!getSettings().mediaUpload) {
+      return;
+    }
+    const transformation = findTransform(
+      getBlockTransforms("from"),
+      (transform) => transform.type === "files" && canInsertBlockType(transform.blockName, targetRootClientId) && transform.isMatch(files)
+    );
+    if (transformation) {
+      const blocks = transformation.transform(
+        files,
+        updateBlockAttributes
+      );
+      insertOrReplaceBlocks(blocks);
+    }
+  };
+}
+function onHTMLDrop(insertOrReplaceBlocks) {
+  return (HTML) => {
+    const blocks = pasteHandler({ HTML, mode: "BLOCKS" });
+    if (blocks.length) {
+      insertOrReplaceBlocks(blocks);
+    }
+  };
+}
+function useOnBlockDrop(targetRootClientId, targetBlockIndex, options = {}) {
+  const { operation = "insert", nearestSide = "right" } = options;
+  const {
+    canInsertBlockType,
+    getBlockIndex,
+    getClientIdsOfDescendants,
+    getBlockOrder,
+    getBlocksByClientId,
+    getSettings,
+    getBlock
+  } = useSelect(blockEditorStore);
+  const { getGroupingBlockName } = useSelect(blocksStore);
+  const {
+    insertBlocks,
+    moveBlocksToPosition,
+    updateBlockAttributes,
+    clearSelectedBlock,
+    replaceBlocks,
+    removeBlocks
+  } = useDispatch(blockEditorStore);
+  const registry = useRegistry();
+  const insertOrReplaceBlocks = useCallback(
+    (blocks, updateSelection = true, initialPosition = 0, clientIdsToReplace = []) => {
+      if (!Array.isArray(blocks)) {
+        blocks = [blocks];
+      }
+      const clientIds = getBlockOrder(targetRootClientId);
+      const clientId = clientIds[targetBlockIndex];
+      if (operation === "replace") {
+        replaceBlocks(clientId, blocks, void 0, initialPosition);
+      } else if (operation === "group") {
+        const targetBlock = getBlock(clientId);
+        if (nearestSide === "left") {
+          blocks.push(targetBlock);
+        } else {
+          blocks.unshift(targetBlock);
+        }
+        const groupInnerBlocks = blocks.map((block) => {
+          return createBlock(
+            block.name,
+            block.attributes,
+            block.innerBlocks
+          );
+        });
+        const areAllImages = blocks.every((block) => {
+          return block.name === "core/image";
+        });
+        const galleryBlock = canInsertBlockType(
+          "core/gallery",
+          targetRootClientId
+        );
+        const wrappedBlocks = createBlock(
+          areAllImages && galleryBlock ? "core/gallery" : getGroupingBlockName(),
+          {
+            layout: {
+              type: "flex",
+              flexWrap: areAllImages && galleryBlock ? null : "nowrap"
+            }
+          },
+          groupInnerBlocks
+        );
+        replaceBlocks(
+          [clientId, ...clientIdsToReplace],
+          wrappedBlocks,
+          void 0,
+          initialPosition
+        );
+      } else {
+        insertBlocks(
+          blocks,
+          targetBlockIndex,
+          targetRootClientId,
+          updateSelection,
+          initialPosition
+        );
+      }
+    },
+    [
+      getBlockOrder,
+      targetRootClientId,
+      targetBlockIndex,
+      operation,
+      replaceBlocks,
+      getBlock,
+      nearestSide,
+      canInsertBlockType,
+      getGroupingBlockName,
+      insertBlocks
+    ]
+  );
+  const moveBlocks = useCallback(
+    (sourceClientIds, sourceRootClientId, insertIndex) => {
+      if (operation === "replace") {
+        const sourceBlocks = getBlocksByClientId(sourceClientIds);
+        const targetBlockClientIds = getBlockOrder(targetRootClientId);
+        const targetBlockClientId = targetBlockClientIds[targetBlockIndex];
+        registry.batch(() => {
+          removeBlocks(sourceClientIds, false);
+          replaceBlocks(
+            targetBlockClientId,
+            sourceBlocks,
+            void 0,
+            0
+          );
+        });
+      } else {
+        moveBlocksToPosition(
+          sourceClientIds,
+          sourceRootClientId,
+          targetRootClientId,
+          insertIndex
+        );
+      }
+    },
+    [
+      operation,
+      getBlockOrder,
+      getBlocksByClientId,
+      moveBlocksToPosition,
+      registry,
+      removeBlocks,
+      replaceBlocks,
+      targetBlockIndex,
+      targetRootClientId
+    ]
+  );
+  const _onDrop = onBlockDrop(
+    targetRootClientId,
+    targetBlockIndex,
+    getBlockIndex,
+    getClientIdsOfDescendants,
+    moveBlocks,
+    insertOrReplaceBlocks,
+    clearSelectedBlock,
+    operation,
+    getBlock
+  );
+  const _onFilesDrop = onFilesDrop(
+    targetRootClientId,
+    getSettings,
+    updateBlockAttributes,
+    canInsertBlockType,
+    insertOrReplaceBlocks
+  );
+  const _onHTMLDrop = onHTMLDrop(insertOrReplaceBlocks);
+  return (event) => {
+    const files = getFilesFromDataTransfer(event.dataTransfer);
+    const html = event.dataTransfer.getData("text/html");
+    if (html) {
+      _onHTMLDrop(html);
+    } else if (files.length) {
+      _onFilesDrop(files);
+    } else {
+      _onDrop(event);
+    }
+  };
+}
+export {
+  useOnBlockDrop as default,
+  onBlockDrop,
+  onFilesDrop,
+  onHTMLDrop,
+  parseDropEvent
+};
+//# sourceMappingURL=index.mjs.map

package/build-module/components/use-on-block-drop/types.mjs

@@ -0,0 +1 @@
+//# sourceMappingURL=types.mjs.map

package/build-module/components/use-paste-styles/index.mjs

@@ -0,0 +1,163 @@
+// packages/block-editor/src/components/use-paste-styles/index.js
+import { useCallback } from "@wordpress/element";
+import { getBlockType, parse } from "@wordpress/blocks";
+import { useDispatch, useRegistry } from "@wordpress/data";
+import { store as noticesStore } from "@wordpress/notices";
+import { __, sprintf } from "@wordpress/i18n";
+import { store as blockEditorStore } from "../../store/index.mjs";
+import {
+  hasAlignSupport,
+  hasBorderSupport,
+  hasBackgroundColorSupport,
+  hasTextAlignSupport,
+  hasTextColorSupport,
+  hasGradientSupport,
+  hasCustomClassNameSupport,
+  hasFontFamilySupport,
+  hasFontSizeSupport,
+  hasLayoutSupport,
+  hasStyleSupport
+} from "../../hooks/supports.mjs";
+function hasSerializedBlocks(text) {
+  try {
+    const blocks = parse(text, {
+      __unstableSkipMigrationLogs: true,
+      __unstableSkipAutop: true
+    });
+    if (blocks.length === 1 && blocks[0].name === "core/freeform") {
+      return false;
+    }
+    return true;
+  } catch (err) {
+    return false;
+  }
+}
+var STYLE_ATTRIBUTES = {
+  align: hasAlignSupport,
+  borderColor: (nameOrType) => hasBorderSupport(nameOrType, "color"),
+  backgroundColor: hasBackgroundColorSupport,
+  textAlign: hasTextAlignSupport,
+  textColor: hasTextColorSupport,
+  gradient: hasGradientSupport,
+  className: hasCustomClassNameSupport,
+  fontFamily: hasFontFamilySupport,
+  fontSize: hasFontSizeSupport,
+  layout: hasLayoutSupport,
+  style: hasStyleSupport
+};
+function getStyleAttributes(sourceBlock, targetBlock) {
+  return Object.entries(STYLE_ATTRIBUTES).reduce(
+    (attributes, [attributeKey, hasSupport]) => {
+      if (hasSupport(sourceBlock.name) && hasSupport(targetBlock.name)) {
+        attributes[attributeKey] = sourceBlock.attributes[attributeKey];
+      }
+      return attributes;
+    },
+    {}
+  );
+}
+function recursivelyUpdateBlockAttributes(targetBlocks, sourceBlocks, updateBlockAttributes) {
+  for (let index = 0; index < Math.min(sourceBlocks.length, targetBlocks.length); index += 1) {
+    updateBlockAttributes(
+      targetBlocks[index].clientId,
+      getStyleAttributes(sourceBlocks[index], targetBlocks[index])
+    );
+    recursivelyUpdateBlockAttributes(
+      targetBlocks[index].innerBlocks,
+      sourceBlocks[index].innerBlocks,
+      updateBlockAttributes
+    );
+  }
+}
+function usePasteStyles() {
+  const registry = useRegistry();
+  const { updateBlockAttributes } = useDispatch(blockEditorStore);
+  const { createSuccessNotice, createWarningNotice, createErrorNotice } = useDispatch(noticesStore);
+  return useCallback(
+    async (targetBlocks) => {
+      let html = "";
+      try {
+        if (!window.navigator.clipboard) {
+          createErrorNotice(
+            __(
+              "Unable to paste styles. This feature is only available on secure (https) sites in supporting browsers."
+            ),
+            { type: "snackbar" }
+          );
+          return;
+        }
+        html = await window.navigator.clipboard.readText();
+      } catch (error) {
+        createErrorNotice(
+          __(
+            "Unable to paste styles. Please allow browser clipboard permissions before continuing."
+          ),
+          {
+            type: "snackbar"
+          }
+        );
+        return;
+      }
+      if (!html || !hasSerializedBlocks(html)) {
+        createWarningNotice(
+          __(
+            "Unable to paste styles. Block styles couldn't be found within the copied content."
+          ),
+          {
+            type: "snackbar"
+          }
+        );
+        return;
+      }
+      const copiedBlocks = parse(html);
+      if (copiedBlocks.length === 1) {
+        registry.batch(() => {
+          recursivelyUpdateBlockAttributes(
+            targetBlocks,
+            targetBlocks.map(() => copiedBlocks[0]),
+            updateBlockAttributes
+          );
+        });
+      } else {
+        registry.batch(() => {
+          recursivelyUpdateBlockAttributes(
+            targetBlocks,
+            copiedBlocks,
+            updateBlockAttributes
+          );
+        });
+      }
+      if (targetBlocks.length === 1) {
+        const title = getBlockType(targetBlocks[0].name)?.title;
+        createSuccessNotice(
+          sprintf(
+            // Translators: %s: Name of the block being pasted, e.g. "Paragraph".
+            __("Pasted styles to %s."),
+            title
+          ),
+          { type: "snackbar" }
+        );
+      } else {
+        createSuccessNotice(
+          sprintf(
+            // Translators: %d: The number of the blocks.
+            __("Pasted styles to %d blocks."),
+            targetBlocks.length
+          ),
+          { type: "snackbar" }
+        );
+      }
+    },
+    [
+      registry.batch,
+      updateBlockAttributes,
+      createSuccessNotice,
+      createWarningNotice,
+      createErrorNotice
+    ]
+  );
+}
+export {
+  usePasteStyles as default
+};
+//# sourceMappingURL=index.mjs.map

package/build-module/components/use-resize-canvas/index.mjs

@@ -0,0 +1,59 @@
+// packages/block-editor/src/components/use-resize-canvas/index.js
+import { useEffect, useState } from "@wordpress/element";
+function useResizeCanvas(deviceType) {
+  const [actualWidth, updateActualWidth] = useState(window.innerWidth);
+  useEffect(() => {
+    if (deviceType === "Desktop") {
+      return;
+    }
+    const resizeListener = () => updateActualWidth(window.innerWidth);
+    window.addEventListener("resize", resizeListener);
+    return () => {
+      window.removeEventListener("resize", resizeListener);
+    };
+  }, [deviceType]);
+  const getCanvasWidth = (device) => {
+    let deviceWidth;
+    switch (device) {
+      case "Tablet":
+        deviceWidth = 782 - 1;
+        break;
+      case "Mobile":
+        deviceWidth = 480 - 1;
+        break;
+      default:
+        return null;
+    }
+    return deviceWidth < actualWidth ? deviceWidth : actualWidth;
+  };
+  const contentInlineStyles = (device) => {
+    const height = device === "Mobile" ? "768px" : "1024px";
+    const marginVertical = "40px";
+    const marginHorizontal = "auto";
+    switch (device) {
+      case "Tablet":
+      case "Mobile":
+        return {
+          width: getCanvasWidth(device),
+          // Keeping margin styles separate to avoid warnings
+          // when those props get overridden in the iframe component
+          marginTop: marginVertical,
+          marginBottom: marginVertical,
+          marginLeft: marginHorizontal,
+          marginRight: marginHorizontal,
+          height,
+          overflowY: "auto"
+        };
+      default:
+        return {
+          marginLeft: marginHorizontal,
+          marginRight: marginHorizontal
+        };
+    }
+  };
+  return contentInlineStyles(deviceType);
+}
+export {
+  useResizeCanvas as default
+};
+//# sourceMappingURL=index.mjs.map

package/build-module/components/use-resize-canvas/index.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/components/use-resize-canvas/index.js"],
+  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { useEffect, useState } from '@wordpress/element';\n\n/**\n * Function to resize the editor window.\n *\n * @param {string} deviceType Used for determining the size of the container (e.g. Desktop, Tablet, Mobile)\n *\n * @return {Object} Inline styles to be added to resizable container.\n */\nexport default function useResizeCanvas( deviceType ) {\n\tconst [ actualWidth, updateActualWidth ] = useState( window.innerWidth );\n\n\tuseEffect( () => {\n\t\tif ( deviceType === 'Desktop' ) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst resizeListener = () => updateActualWidth( window.innerWidth );\n\t\twindow.addEventListener( 'resize', resizeListener );\n\n\t\treturn () => {\n\t\t\twindow.removeEventListener( 'resize', resizeListener );\n\t\t};\n\t}, [ deviceType ] );\n\n\tconst getCanvasWidth = ( device ) => {\n\t\tlet deviceWidth;\n\n\t\t/*\n\t\t * Matches the breakpoints in packages/base-styles/_breakpoints.scss,\n\t\t * and breakpoints in packages/compose/src/hooks/use-viewport-match/index.js.\n\t\t * minus 1 to trigger the media query for device preview.\n\t\t */\n\t\tswitch ( device ) {\n\t\t\tcase 'Tablet':\n\t\t\t\tdeviceWidth = 782 - 1; // preview for useViewportMatch( 'medium', '<' )\n\t\t\t\tbreak;\n\t\t\tcase 'Mobile':\n\t\t\t\tdeviceWidth = 480 - 1; // preview for useViewportMatch( 'mobile', '<' )\n\t\t\t\tbreak;\n\t\t\tdefault:\n\t\t\t\treturn null;\n\t\t}\n\n\t\treturn deviceWidth < actualWidth ? deviceWidth : actualWidth;\n\t};\n\n\tconst contentInlineStyles = ( device ) => {\n\t\tconst height = device === 'Mobile' ? '768px' : '1024px';\n\t\tconst marginVertical = '40px';\n\t\tconst marginHorizontal = 'auto';\n\n\t\tswitch ( device ) {\n\t\t\tcase 'Tablet':\n\t\t\tcase 'Mobile':\n\t\t\t\treturn {\n\t\t\t\t\twidth: getCanvasWidth( device ),\n\t\t\t\t\t// Keeping margin styles separate to avoid warnings\n\t\t\t\t\t// when those props get overridden in the iframe component\n\t\t\t\t\tmarginTop: marginVertical,\n\t\t\t\t\tmarginBottom: marginVertical,\n\t\t\t\t\tmarginLeft: marginHorizontal,\n\t\t\t\t\tmarginRight: marginHorizontal,\n\t\t\t\t\theight,\n\t\t\t\t\toverflowY: 'auto',\n\t\t\t\t};\n\t\t\tdefault:\n\t\t\t\treturn {\n\t\t\t\t\tmarginLeft: marginHorizontal,\n\t\t\t\t\tmarginRight: marginHorizontal,\n\t\t\t\t};\n\t\t}\n\t};\n\n\treturn contentInlineStyles( deviceType );\n}\n"],
+  "mappings": ";AAGA,SAAS,WAAW,gBAAgB;AASrB,SAAR,gBAAkC,YAAa;AACrD,QAAM,CAAE,aAAa,iBAAkB,IAAI,SAAU,OAAO,UAAW;AAEvE,YAAW,MAAM;AAChB,QAAK,eAAe,WAAY;AAC/B;AAAA,IACD;AAEA,UAAM,iBAAiB,MAAM,kBAAmB,OAAO,UAAW;AAClE,WAAO,iBAAkB,UAAU,cAAe;AAElD,WAAO,MAAM;AACZ,aAAO,oBAAqB,UAAU,cAAe;AAAA,IACtD;AAAA,EACD,GAAG,CAAE,UAAW,CAAE;AAElB,QAAM,iBAAiB,CAAE,WAAY;AACpC,QAAI;AAOJ,YAAS,QAAS;AAAA,MACjB,KAAK;AACJ,sBAAc,MAAM;AACpB;AAAA,MACD,KAAK;AACJ,sBAAc,MAAM;AACpB;AAAA,MACD;AACC,eAAO;AAAA,IACT;AAEA,WAAO,cAAc,cAAc,cAAc;AAAA,EAClD;AAEA,QAAM,sBAAsB,CAAE,WAAY;AACzC,UAAM,SAAS,WAAW,WAAW,UAAU;AAC/C,UAAM,iBAAiB;AACvB,UAAM,mBAAmB;AAEzB,YAAS,QAAS;AAAA,MACjB,KAAK;AAAA,MACL,KAAK;AACJ,eAAO;AAAA,UACN,OAAO,eAAgB,MAAO;AAAA;AAAA;AAAA,UAG9B,WAAW;AAAA,UACX,cAAc;AAAA,UACd,YAAY;AAAA,UACZ,aAAa;AAAA,UACb;AAAA,UACA,WAAW;AAAA,QACZ;AAAA,MACD;AACC,eAAO;AAAA,UACN,YAAY;AAAA,UACZ,aAAa;AAAA,QACd;AAAA,IACF;AAAA,EACD;AAEA,SAAO,oBAAqB,UAAW;AACxC;",
+  "names": []
+}

package/build-module/components/use-settings/index.mjs

@@ -0,0 +1,30 @@
+// packages/block-editor/src/components/use-settings/index.js
+import { useSelect } from "@wordpress/data";
+import deprecated from "@wordpress/deprecated";
+import { useBlockEditContext } from "../block-edit/index.mjs";
+import { store as blockEditorStore } from "../../store/index.mjs";
+import { unlock } from "../../lock-unlock.mjs";
+function useSettings(...paths) {
+  const { clientId = null } = useBlockEditContext();
+  return useSelect(
+    (select) => unlock(select(blockEditorStore)).getBlockSettings(
+      clientId,
+      ...paths
+    ),
+    [clientId, ...paths]
+  );
+}
+function useSetting(path) {
+  deprecated("wp.blockEditor.useSetting", {
+    since: "6.5",
+    alternative: "wp.blockEditor.useSettings",
+    note: "The new useSettings function can retrieve multiple settings at once, with better performance."
+  });
+  const [value] = useSettings(path);
+  return value;
+}
+export {
+  useSetting,
+  useSettings
+};
+//# sourceMappingURL=index.mjs.map

package/build-module/components/warning/index.mjs

@@ -0,0 +1,49 @@
+// packages/block-editor/src/components/warning/index.js
+import clsx from "clsx";
+import { DropdownMenu, MenuGroup, MenuItem } from "@wordpress/components";
+import { __ } from "@wordpress/i18n";
+import { moreVertical } from "@wordpress/icons";
+import { jsx, jsxs } from "react/jsx-runtime";
+function Warning({ className, actions, children, secondaryActions }) {
+  return /* @__PURE__ */ jsx("div", { style: { display: "contents", all: "initial" }, children: /* @__PURE__ */ jsx("div", { className: clsx(className, "block-editor-warning"), children: /* @__PURE__ */ jsxs("div", { className: "block-editor-warning__contents", children: [
+    /* @__PURE__ */ jsx("p", { className: "block-editor-warning__message", children }),
+    (actions?.length > 0 || secondaryActions) && /* @__PURE__ */ jsxs("div", { className: "block-editor-warning__actions", children: [
+      actions?.length > 0 && actions.map((action, i) => /* @__PURE__ */ jsx(
+        "span",
+        {
+          className: "block-editor-warning__action",
+          children: action
+        },
+        i
+      )),
+      secondaryActions && /* @__PURE__ */ jsx(
+        DropdownMenu,
+        {
+          className: "block-editor-warning__secondary",
+          icon: moreVertical,
+          label: __("More options"),
+          popoverProps: {
+            placement: "bottom-end",
+            className: "block-editor-warning__dropdown"
+          },
+          noIcons: true,
+          children: () => /* @__PURE__ */ jsx(MenuGroup, { children: secondaryActions.map(
+            (item, pos) => /* @__PURE__ */ jsx(
+              MenuItem,
+              {
+                onClick: item.onClick,
+                children: item.title
+              },
+              pos
+            )
+          ) })
+        }
+      )
+    ] })
+  ] }) }) });
+}
+var warning_default = Warning;
+export {
+  warning_default as default
+};
+//# sourceMappingURL=index.mjs.map

package/build-module/components/writing-flow/index.mjs

@@ -0,0 +1,84 @@
+// packages/block-editor/src/components/writing-flow/index.js
+import clsx from "clsx";
+import { useSelect } from "@wordpress/data";
+import { __ } from "@wordpress/i18n";
+import { useMergeRefs, useRefEffect } from "@wordpress/compose";
+import { forwardRef } from "@wordpress/element";
+import useMultiSelection from "./use-multi-selection.mjs";
+import useTabNav from "./use-tab-nav.mjs";
+import useArrowNav from "./use-arrow-nav.mjs";
+import useSelectAll from "./use-select-all.mjs";
+import useDragSelection from "./use-drag-selection.mjs";
+import useSelectionObserver from "./use-selection-observer.mjs";
+import useClickSelection from "./use-click-selection.mjs";
+import useInput from "./use-input.mjs";
+import useClipboardHandler from "./use-clipboard-handler.mjs";
+import { store as blockEditorStore } from "../../store/index.mjs";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+function useWritingFlow() {
+  const [before, ref, after] = useTabNav();
+  const hasMultiSelection = useSelect(
+    (select) => select(blockEditorStore).hasMultiSelection(),
+    []
+  );
+  return [
+    before,
+    useMergeRefs([
+      ref,
+      useClipboardHandler(),
+      useInput(),
+      useDragSelection(),
+      useSelectionObserver(),
+      useClickSelection(),
+      useMultiSelection(),
+      useSelectAll(),
+      useArrowNav(),
+      useRefEffect(
+        (node) => {
+          node.tabIndex = 0;
+          node.dataset.hasMultiSelection = hasMultiSelection;
+          if (!hasMultiSelection) {
+            return () => {
+              delete node.dataset.hasMultiSelection;
+            };
+          }
+          node.setAttribute(
+            "aria-label",
+            __("Multiple selected blocks")
+          );
+          return () => {
+            delete node.dataset.hasMultiSelection;
+            node.removeAttribute("aria-label");
+          };
+        },
+        [hasMultiSelection]
+      )
+    ]),
+    after
+  ];
+}
+function WritingFlow({ children, ...props }, forwardedRef) {
+  const [before, ref, after] = useWritingFlow();
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    before,
+    /* @__PURE__ */ jsx(
+      "div",
+      {
+        ...props,
+        ref: useMergeRefs([ref, forwardedRef]),
+        className: clsx(
+          props.className,
+          "block-editor-writing-flow"
+        ),
+        children
+      }
+    ),
+    after
+  ] });
+}
+var writing_flow_default = forwardRef(WritingFlow);
+export {
+  writing_flow_default as default,
+  useWritingFlow
+};
+//# sourceMappingURL=index.mjs.map