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

package/build-module/components/block-list/use-block-props/use-block-refs.js

@@ -1,73 +1,45 @@
-/**
- * WordPress dependencies
- */
-import { useContext, useState, useLayoutEffect } from '@wordpress/element';
-import { useRefEffect } from '@wordpress/compose';
-
-/**
- * Internal dependencies
- */
-import { BlockRefs } from '../../provider/block-refs-provider';
-
-/** @typedef {import('@wordpress/element').RefCallback} RefCallback */
-/** @typedef {import('@wordpress/element').Ref} Ref */
-
-/**
- * Provides a ref to the BlockRefs context.
- *
- * @param {string} clientId The client ID of the element ref.
- *
- * @return {RefCallback} Ref callback.
- */
-export function useBlockRefProvider(clientId) {
-  const {
-    refsMap
-  } = useContext(BlockRefs);
-  return useRefEffect(element => {
-    refsMap.set(clientId, element);
-    return () => refsMap.delete(clientId);
-  }, [clientId]);
+import { useContext, useState, useLayoutEffect } from "@wordpress/element";
+import { useRefEffect } from "@wordpress/compose";
+import { BlockRefs } from "../../provider/block-refs-provider";
+function useBlockRefProvider(clientId) {
+  const { refsMap } = useContext(BlockRefs);
+  return useRefEffect(
+    (element) => {
+      refsMap.set(clientId, element);
+      return () => refsMap.delete(clientId);
+    },
+    [clientId]
+  );
 }
 function assignRef(ref, value) {
-  if (typeof ref === 'function') {
+  if (typeof ref === "function") {
     ref(value);
   } else if (ref) {
     ref.current = value;
   }
 }
-
-/**
- * Tracks the DOM element for the block identified by `clientId` and assigns it to the `ref`
- * whenever it changes.
- *
- * @param {string} clientId The client ID to track.
- * @param {Ref}    ref      The ref object/callback to assign to.
- */
-export function useBlockElementRef(clientId, ref) {
-  const {
-    refsMap
-  } = useContext(BlockRefs);
+function useBlockElementRef(clientId, ref) {
+  const { refsMap } = useContext(BlockRefs);
   useLayoutEffect(() => {
     assignRef(ref, refsMap.get(clientId));
-    const unsubscribe = refsMap.subscribe(clientId, () => assignRef(ref, refsMap.get(clientId)));
+    const unsubscribe = refsMap.subscribe(
+      clientId,
+      () => assignRef(ref, refsMap.get(clientId))
+    );
     return () => {
       unsubscribe();
       assignRef(ref, null);
     };
   }, [refsMap, clientId, ref]);
 }
-
-/**
- * Return the element for a given client ID. Updates whenever the element
- * changes, becomes available, or disappears.
- *
- * @param {string} clientId The client ID to an element for.
- *
- * @return {Element|null} The block's wrapper element.
- */
-export function useBlockElement(clientId) {
+function useBlockElement(clientId) {
   const [blockElement, setBlockElement] = useState(null);
   useBlockElementRef(clientId, setBlockElement);
   return blockElement;
 }
-//# sourceMappingURL=use-block-refs.js.map
+export {
+  useBlockElement,
+  useBlockElementRef,
+  useBlockRefProvider
+};
+//# sourceMappingURL=use-block-refs.js.map

package/build-module/components/block-list/use-block-props/use-block-refs.js.map

@@ -1 +1,7 @@
-{"version":3,"names":["useContext","useState","useLayoutEffect","useRefEffect","BlockRefs","useBlockRefProvider","clientId","refsMap","element","set","delete","assignRef","ref","value","current","useBlockElementRef","get","unsubscribe","subscribe","useBlockElement","blockElement","setBlockElement"],"sources":["@wordpress/block-editor/src/components/block-list/use-block-props/use-block-refs.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useContext, useState, useLayoutEffect } from '@wordpress/element';\nimport { useRefEffect } from '@wordpress/compose';\n\n/**\n * Internal dependencies\n */\nimport { BlockRefs } from '../../provider/block-refs-provider';\n\n/** @typedef {import('@wordpress/element').RefCallback} RefCallback */\n/** @typedef {import('@wordpress/element').Ref} Ref */\n\n/**\n * Provides a ref to the BlockRefs context.\n *\n * @param {string} clientId The client ID of the element ref.\n *\n * @return {RefCallback} Ref callback.\n */\nexport function useBlockRefProvider( clientId ) {\n\tconst { refsMap } = useContext( BlockRefs );\n\treturn useRefEffect(\n\t\t( element ) => {\n\t\t\trefsMap.set( clientId, element );\n\t\t\treturn () => refsMap.delete( clientId );\n\t\t},\n\t\t[ clientId ]\n\t);\n}\n\nfunction assignRef( ref, value ) {\n\tif ( typeof ref === 'function' ) {\n\t\tref( value );\n\t} else if ( ref ) {\n\t\tref.current = value;\n\t}\n}\n\n/**\n * Tracks the DOM element for the block identified by `clientId` and assigns it to the `ref`\n * whenever it changes.\n *\n * @param {string} clientId The client ID to track.\n * @param {Ref}    ref      The ref object/callback to assign to.\n */\nexport function useBlockElementRef( clientId, ref ) {\n\tconst { refsMap } = useContext( BlockRefs );\n\tuseLayoutEffect( () => {\n\t\tassignRef( ref, refsMap.get( clientId ) );\n\t\tconst unsubscribe = refsMap.subscribe( clientId, () =>\n\t\t\tassignRef( ref, refsMap.get( clientId ) )\n\t\t);\n\t\treturn () => {\n\t\t\tunsubscribe();\n\t\t\tassignRef( ref, null );\n\t\t};\n\t}, [ refsMap, clientId, ref ] );\n}\n\n/**\n * Return the element for a given client ID. Updates whenever the element\n * changes, becomes available, or disappears.\n *\n * @param {string} clientId The client ID to an element for.\n *\n * @return {Element|null} The block's wrapper element.\n */\nexport function useBlockElement( clientId ) {\n\tconst [ blockElement, setBlockElement ] = useState( null );\n\tuseBlockElementRef( clientId, setBlockElement );\n\treturn blockElement;\n}\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,UAAU,EAAEC,QAAQ,EAAEC,eAAe,QAAQ,oBAAoB;AAC1E,SAASC,YAAY,QAAQ,oBAAoB;;AAEjD;AACA;AACA;AACA,SAASC,SAAS,QAAQ,oCAAoC;;AAE9D;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,mBAAmBA,CAAEC,QAAQ,EAAG;EAC/C,MAAM;IAAEC;EAAQ,CAAC,GAAGP,UAAU,CAAEI,SAAU,CAAC;EAC3C,OAAOD,YAAY,CAChBK,OAAO,IAAM;IACdD,OAAO,CAACE,GAAG,CAAEH,QAAQ,EAAEE,OAAQ,CAAC;IAChC,OAAO,MAAMD,OAAO,CAACG,MAAM,CAAEJ,QAAS,CAAC;EACxC,CAAC,EACD,CAAEA,QAAQ,CACX,CAAC;AACF;AAEA,SAASK,SAASA,CAAEC,GAAG,EAAEC,KAAK,EAAG;EAChC,IAAK,OAAOD,GAAG,KAAK,UAAU,EAAG;IAChCA,GAAG,CAAEC,KAAM,CAAC;EACb,CAAC,MAAM,IAAKD,GAAG,EAAG;IACjBA,GAAG,CAACE,OAAO,GAAGD,KAAK;EACpB;AACD;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASE,kBAAkBA,CAAET,QAAQ,EAAEM,GAAG,EAAG;EACnD,MAAM;IAAEL;EAAQ,CAAC,GAAGP,UAAU,CAAEI,SAAU,CAAC;EAC3CF,eAAe,CAAE,MAAM;IACtBS,SAAS,CAAEC,GAAG,EAAEL,OAAO,CAACS,GAAG,CAAEV,QAAS,CAAE,CAAC;IACzC,MAAMW,WAAW,GAAGV,OAAO,CAACW,SAAS,CAAEZ,QAAQ,EAAE,MAChDK,SAAS,CAAEC,GAAG,EAAEL,OAAO,CAACS,GAAG,CAAEV,QAAS,CAAE,CACzC,CAAC;IACD,OAAO,MAAM;MACZW,WAAW,CAAC,CAAC;MACbN,SAAS,CAAEC,GAAG,EAAE,IAAK,CAAC;IACvB,CAAC;EACF,CAAC,EAAE,CAAEL,OAAO,EAAED,QAAQ,EAAEM,GAAG,CAAG,CAAC;AAChC;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASO,eAAeA,CAAEb,QAAQ,EAAG;EAC3C,MAAM,CAAEc,YAAY,EAAEC,eAAe,CAAE,GAAGpB,QAAQ,CAAE,IAAK,CAAC;EAC1Dc,kBAAkB,CAAET,QAAQ,EAAEe,eAAgB,CAAC;EAC/C,OAAOD,YAAY;AACpB","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../../../src/components/block-list/use-block-props/use-block-refs.js"],
+  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { useContext, useState, useLayoutEffect } from '@wordpress/element';\nimport { useRefEffect } from '@wordpress/compose';\n\n/**\n * Internal dependencies\n */\nimport { BlockRefs } from '../../provider/block-refs-provider';\n\n/** @typedef {import('@wordpress/element').RefCallback} RefCallback */\n/** @typedef {import('@wordpress/element').Ref} Ref */\n\n/**\n * Provides a ref to the BlockRefs context.\n *\n * @param {string} clientId The client ID of the element ref.\n *\n * @return {RefCallback} Ref callback.\n */\nexport function useBlockRefProvider( clientId ) {\n\tconst { refsMap } = useContext( BlockRefs );\n\treturn useRefEffect(\n\t\t( element ) => {\n\t\t\trefsMap.set( clientId, element );\n\t\t\treturn () => refsMap.delete( clientId );\n\t\t},\n\t\t[ clientId ]\n\t);\n}\n\nfunction assignRef( ref, value ) {\n\tif ( typeof ref === 'function' ) {\n\t\tref( value );\n\t} else if ( ref ) {\n\t\tref.current = value;\n\t}\n}\n\n/**\n * Tracks the DOM element for the block identified by `clientId` and assigns it to the `ref`\n * whenever it changes.\n *\n * @param {string} clientId The client ID to track.\n * @param {Ref}    ref      The ref object/callback to assign to.\n */\nexport function useBlockElementRef( clientId, ref ) {\n\tconst { refsMap } = useContext( BlockRefs );\n\tuseLayoutEffect( () => {\n\t\tassignRef( ref, refsMap.get( clientId ) );\n\t\tconst unsubscribe = refsMap.subscribe( clientId, () =>\n\t\t\tassignRef( ref, refsMap.get( clientId ) )\n\t\t);\n\t\treturn () => {\n\t\t\tunsubscribe();\n\t\t\tassignRef( ref, null );\n\t\t};\n\t}, [ refsMap, clientId, ref ] );\n}\n\n/**\n * Return the element for a given client ID. Updates whenever the element\n * changes, becomes available, or disappears.\n *\n * @param {string} clientId The client ID to an element for.\n *\n * @return {Element|null} The block's wrapper element.\n */\nexport function useBlockElement( clientId ) {\n\tconst [ blockElement, setBlockElement ] = useState( null );\n\tuseBlockElementRef( clientId, setBlockElement );\n\treturn blockElement;\n}\n"],
+  "mappings": "AAGA,SAAS,YAAY,UAAU,uBAAuB;AACtD,SAAS,oBAAoB;AAK7B,SAAS,iBAAiB;AAYnB,SAAS,oBAAqB,UAAW;AAC/C,QAAM,EAAE,QAAQ,IAAI,WAAY,SAAU;AAC1C,SAAO;AAAA,IACN,CAAE,YAAa;AACd,cAAQ,IAAK,UAAU,OAAQ;AAC/B,aAAO,MAAM,QAAQ,OAAQ,QAAS;AAAA,IACvC;AAAA,IACA,CAAE,QAAS;AAAA,EACZ;AACD;AAEA,SAAS,UAAW,KAAK,OAAQ;AAChC,MAAK,OAAO,QAAQ,YAAa;AAChC,QAAK,KAAM;AAAA,EACZ,WAAY,KAAM;AACjB,QAAI,UAAU;AAAA,EACf;AACD;AASO,SAAS,mBAAoB,UAAU,KAAM;AACnD,QAAM,EAAE,QAAQ,IAAI,WAAY,SAAU;AAC1C,kBAAiB,MAAM;AACtB,cAAW,KAAK,QAAQ,IAAK,QAAS,CAAE;AACxC,UAAM,cAAc,QAAQ;AAAA,MAAW;AAAA,MAAU,MAChD,UAAW,KAAK,QAAQ,IAAK,QAAS,CAAE;AAAA,IACzC;AACA,WAAO,MAAM;AACZ,kBAAY;AACZ,gBAAW,KAAK,IAAK;AAAA,IACtB;AAAA,EACD,GAAG,CAAE,SAAS,UAAU,GAAI,CAAE;AAC/B;AAUO,SAAS,gBAAiB,UAAW;AAC3C,QAAM,CAAE,cAAc,eAAgB,IAAI,SAAU,IAAK;AACzD,qBAAoB,UAAU,eAAgB;AAC9C,SAAO;AACR;",
+  "names": []
+}

package/build-module/components/block-list/use-block-props/use-firefox-draggable-compatibility.js

@@ -1,14 +1,11 @@
-/**
- * WordPress dependencies
- */
-import { useRefEffect } from '@wordpress/compose';
-const nodesByDocument = new Map();
+import { useRefEffect } from "@wordpress/compose";
+const nodesByDocument = /* @__PURE__ */ new Map();
 function add(doc, node) {
   let set = nodesByDocument.get(doc);
   if (!set) {
-    set = new Set();
+    set = /* @__PURE__ */ new Set();
     nodesByDocument.set(doc, set);
-    doc.addEventListener('pointerdown', down);
+    doc.addEventListener("pointerdown", down);
   }
   set.add(node);
 }
@@ -19,65 +16,46 @@ function remove(doc, node) {
     restore(node);
     if (set.size === 0) {
       nodesByDocument.delete(doc);
-      doc.removeEventListener('pointerdown', down);
+      doc.removeEventListener("pointerdown", down);
     }
   }
 }
 function restore(node) {
-  const prevDraggable = node.getAttribute('data-draggable');
+  const prevDraggable = node.getAttribute("data-draggable");
   if (prevDraggable) {
-    node.removeAttribute('data-draggable');
-    // Only restore if `draggable` is still removed. It could have been
-    // changed by React in the meantime.
-    if (prevDraggable === 'true' && !node.getAttribute('draggable')) {
-      node.setAttribute('draggable', 'true');
+    node.removeAttribute("data-draggable");
+    if (prevDraggable === "true" && !node.getAttribute("draggable")) {
+      node.setAttribute("draggable", "true");
     }
   }
 }
 function down(event) {
-  const {
-    target
-  } = event;
-  const {
-    ownerDocument,
-    isContentEditable,
-    tagName
-  } = target;
-  const isInputOrTextArea = ['INPUT', 'TEXTAREA'].includes(tagName);
+  const { target } = event;
+  const { ownerDocument, isContentEditable, tagName } = target;
+  const isInputOrTextArea = ["INPUT", "TEXTAREA"].includes(tagName);
   const nodes = nodesByDocument.get(ownerDocument);
   if (isContentEditable || isInputOrTextArea) {
-    // Whenever an editable element or an input or textarea is clicked,
-    // check which draggable blocks contain this element, and temporarily
-    // disable draggability.
     for (const node of nodes) {
-      if (node.getAttribute('draggable') === 'true' && node.contains(target)) {
-        node.removeAttribute('draggable');
-        node.setAttribute('data-draggable', 'true');
+      if (node.getAttribute("draggable") === "true" && node.contains(target)) {
+        node.removeAttribute("draggable");
+        node.setAttribute("data-draggable", "true");
       }
     }
   } else {
-    // Whenever a non-editable element or an input or textarea is clicked,
-    // re-enable draggability for any blocks that were previously disabled.
     for (const node of nodes) {
       restore(node);
     }
   }
 }
-
-/**
- * In Firefox, the `draggable` and `contenteditable` or `input` or `textarea`
- * elements don't play well together. When these elements are within a
- * `draggable` element, selection doesn't get set in the right place. The only
- * solution is to temporarily remove the `draggable` attribute clicking inside
- * these elements.
- * @return {Function} Cleanup function.
- */
-export function useFirefoxDraggableCompatibility() {
-  return useRefEffect(node => {
+function useFirefoxDraggableCompatibility() {
+  return useRefEffect((node) => {
     add(node.ownerDocument, node);
     return () => {
       remove(node.ownerDocument, node);
     };
   }, []);
 }
-//# sourceMappingURL=use-firefox-draggable-compatibility.js.map
+export {
+  useFirefoxDraggableCompatibility
+};
+//# sourceMappingURL=use-firefox-draggable-compatibility.js.map

package/build-module/components/block-list/use-block-props/use-firefox-draggable-compatibility.js.map

@@ -1 +1,7 @@
-{"version":3,"names":["useRefEffect","nodesByDocument","Map","add","doc","node","set","get","Set","addEventListener","down","remove","delete","restore","size","removeEventListener","prevDraggable","getAttribute","removeAttribute","setAttribute","event","target","ownerDocument","isContentEditable","tagName","isInputOrTextArea","includes","nodes","contains","useFirefoxDraggableCompatibility"],"sources":["@wordpress/block-editor/src/components/block-list/use-block-props/use-firefox-draggable-compatibility.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useRefEffect } from '@wordpress/compose';\n\nconst nodesByDocument = new Map();\n\nfunction add( doc, node ) {\n\tlet set = nodesByDocument.get( doc );\n\tif ( ! set ) {\n\t\tset = new Set();\n\t\tnodesByDocument.set( doc, set );\n\t\tdoc.addEventListener( 'pointerdown', down );\n\t}\n\tset.add( node );\n}\n\nfunction remove( doc, node ) {\n\tconst set = nodesByDocument.get( doc );\n\tif ( set ) {\n\t\tset.delete( node );\n\t\trestore( node );\n\t\tif ( set.size === 0 ) {\n\t\t\tnodesByDocument.delete( doc );\n\t\t\tdoc.removeEventListener( 'pointerdown', down );\n\t\t}\n\t}\n}\n\nfunction restore( node ) {\n\tconst prevDraggable = node.getAttribute( 'data-draggable' );\n\tif ( prevDraggable ) {\n\t\tnode.removeAttribute( 'data-draggable' );\n\t\t// Only restore if `draggable` is still removed. It could have been\n\t\t// changed by React in the meantime.\n\t\tif ( prevDraggable === 'true' && ! node.getAttribute( 'draggable' ) ) {\n\t\t\tnode.setAttribute( 'draggable', 'true' );\n\t\t}\n\t}\n}\n\nfunction down( event ) {\n\tconst { target } = event;\n\tconst { ownerDocument, isContentEditable, tagName } = target;\n\tconst isInputOrTextArea = [ 'INPUT', 'TEXTAREA' ].includes( tagName );\n\n\tconst nodes = nodesByDocument.get( ownerDocument );\n\n\tif ( isContentEditable || isInputOrTextArea ) {\n\t\t// Whenever an editable element or an input or textarea is clicked,\n\t\t// check which draggable blocks contain this element, and temporarily\n\t\t// disable draggability.\n\t\tfor ( const node of nodes ) {\n\t\t\tif (\n\t\t\t\tnode.getAttribute( 'draggable' ) === 'true' &&\n\t\t\t\tnode.contains( target )\n\t\t\t) {\n\t\t\t\tnode.removeAttribute( 'draggable' );\n\t\t\t\tnode.setAttribute( 'data-draggable', 'true' );\n\t\t\t}\n\t\t}\n\t} else {\n\t\t// Whenever a non-editable element or an input or textarea is clicked,\n\t\t// re-enable draggability for any blocks that were previously disabled.\n\t\tfor ( const node of nodes ) {\n\t\t\trestore( node );\n\t\t}\n\t}\n}\n\n/**\n * In Firefox, the `draggable` and `contenteditable` or `input` or `textarea`\n * elements don't play well together. When these elements are within a\n * `draggable` element, selection doesn't get set in the right place. The only\n * solution is to temporarily remove the `draggable` attribute clicking inside\n * these elements.\n * @return {Function} Cleanup function.\n */\nexport function useFirefoxDraggableCompatibility() {\n\treturn useRefEffect( ( node ) => {\n\t\tadd( node.ownerDocument, node );\n\t\treturn () => {\n\t\t\tremove( node.ownerDocument, node );\n\t\t};\n\t}, [] );\n}\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,YAAY,QAAQ,oBAAoB;AAEjD,MAAMC,eAAe,GAAG,IAAIC,GAAG,CAAC,CAAC;AAEjC,SAASC,GAAGA,CAAEC,GAAG,EAAEC,IAAI,EAAG;EACzB,IAAIC,GAAG,GAAGL,eAAe,CAACM,GAAG,CAAEH,GAAI,CAAC;EACpC,IAAK,CAAEE,GAAG,EAAG;IACZA,GAAG,GAAG,IAAIE,GAAG,CAAC,CAAC;IACfP,eAAe,CAACK,GAAG,CAAEF,GAAG,EAAEE,GAAI,CAAC;IAC/BF,GAAG,CAACK,gBAAgB,CAAE,aAAa,EAAEC,IAAK,CAAC;EAC5C;EACAJ,GAAG,CAACH,GAAG,CAAEE,IAAK,CAAC;AAChB;AAEA,SAASM,MAAMA,CAAEP,GAAG,EAAEC,IAAI,EAAG;EAC5B,MAAMC,GAAG,GAAGL,eAAe,CAACM,GAAG,CAAEH,GAAI,CAAC;EACtC,IAAKE,GAAG,EAAG;IACVA,GAAG,CAACM,MAAM,CAAEP,IAAK,CAAC;IAClBQ,OAAO,CAAER,IAAK,CAAC;IACf,IAAKC,GAAG,CAACQ,IAAI,KAAK,CAAC,EAAG;MACrBb,eAAe,CAACW,MAAM,CAAER,GAAI,CAAC;MAC7BA,GAAG,CAACW,mBAAmB,CAAE,aAAa,EAAEL,IAAK,CAAC;IAC/C;EACD;AACD;AAEA,SAASG,OAAOA,CAAER,IAAI,EAAG;EACxB,MAAMW,aAAa,GAAGX,IAAI,CAACY,YAAY,CAAE,gBAAiB,CAAC;EAC3D,IAAKD,aAAa,EAAG;IACpBX,IAAI,CAACa,eAAe,CAAE,gBAAiB,CAAC;IACxC;IACA;IACA,IAAKF,aAAa,KAAK,MAAM,IAAI,CAAEX,IAAI,CAACY,YAAY,CAAE,WAAY,CAAC,EAAG;MACrEZ,IAAI,CAACc,YAAY,CAAE,WAAW,EAAE,MAAO,CAAC;IACzC;EACD;AACD;AAEA,SAAST,IAAIA,CAAEU,KAAK,EAAG;EACtB,MAAM;IAAEC;EAAO,CAAC,GAAGD,KAAK;EACxB,MAAM;IAAEE,aAAa;IAAEC,iBAAiB;IAAEC;EAAQ,CAAC,GAAGH,MAAM;EAC5D,MAAMI,iBAAiB,GAAG,CAAE,OAAO,EAAE,UAAU,CAAE,CAACC,QAAQ,CAAEF,OAAQ,CAAC;EAErE,MAAMG,KAAK,GAAG1B,eAAe,CAACM,GAAG,CAAEe,aAAc,CAAC;EAElD,IAAKC,iBAAiB,IAAIE,iBAAiB,EAAG;IAC7C;IACA;IACA;IACA,KAAM,MAAMpB,IAAI,IAAIsB,KAAK,EAAG;MAC3B,IACCtB,IAAI,CAACY,YAAY,CAAE,WAAY,CAAC,KAAK,MAAM,IAC3CZ,IAAI,CAACuB,QAAQ,CAAEP,MAAO,CAAC,EACtB;QACDhB,IAAI,CAACa,eAAe,CAAE,WAAY,CAAC;QACnCb,IAAI,CAACc,YAAY,CAAE,gBAAgB,EAAE,MAAO,CAAC;MAC9C;IACD;EACD,CAAC,MAAM;IACN;IACA;IACA,KAAM,MAAMd,IAAI,IAAIsB,KAAK,EAAG;MAC3Bd,OAAO,CAAER,IAAK,CAAC;IAChB;EACD;AACD;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASwB,gCAAgCA,CAAA,EAAG;EAClD,OAAO7B,YAAY,CAAIK,IAAI,IAAM;IAChCF,GAAG,CAAEE,IAAI,CAACiB,aAAa,EAAEjB,IAAK,CAAC;IAC/B,OAAO,MAAM;MACZM,MAAM,CAAEN,IAAI,CAACiB,aAAa,EAAEjB,IAAK,CAAC;IACnC,CAAC;EACF,CAAC,EAAE,EAAG,CAAC;AACR","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../../../src/components/block-list/use-block-props/use-firefox-draggable-compatibility.js"],
+  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { useRefEffect } from '@wordpress/compose';\n\nconst nodesByDocument = new Map();\n\nfunction add( doc, node ) {\n\tlet set = nodesByDocument.get( doc );\n\tif ( ! set ) {\n\t\tset = new Set();\n\t\tnodesByDocument.set( doc, set );\n\t\tdoc.addEventListener( 'pointerdown', down );\n\t}\n\tset.add( node );\n}\n\nfunction remove( doc, node ) {\n\tconst set = nodesByDocument.get( doc );\n\tif ( set ) {\n\t\tset.delete( node );\n\t\trestore( node );\n\t\tif ( set.size === 0 ) {\n\t\t\tnodesByDocument.delete( doc );\n\t\t\tdoc.removeEventListener( 'pointerdown', down );\n\t\t}\n\t}\n}\n\nfunction restore( node ) {\n\tconst prevDraggable = node.getAttribute( 'data-draggable' );\n\tif ( prevDraggable ) {\n\t\tnode.removeAttribute( 'data-draggable' );\n\t\t// Only restore if `draggable` is still removed. It could have been\n\t\t// changed by React in the meantime.\n\t\tif ( prevDraggable === 'true' && ! node.getAttribute( 'draggable' ) ) {\n\t\t\tnode.setAttribute( 'draggable', 'true' );\n\t\t}\n\t}\n}\n\nfunction down( event ) {\n\tconst { target } = event;\n\tconst { ownerDocument, isContentEditable, tagName } = target;\n\tconst isInputOrTextArea = [ 'INPUT', 'TEXTAREA' ].includes( tagName );\n\n\tconst nodes = nodesByDocument.get( ownerDocument );\n\n\tif ( isContentEditable || isInputOrTextArea ) {\n\t\t// Whenever an editable element or an input or textarea is clicked,\n\t\t// check which draggable blocks contain this element, and temporarily\n\t\t// disable draggability.\n\t\tfor ( const node of nodes ) {\n\t\t\tif (\n\t\t\t\tnode.getAttribute( 'draggable' ) === 'true' &&\n\t\t\t\tnode.contains( target )\n\t\t\t) {\n\t\t\t\tnode.removeAttribute( 'draggable' );\n\t\t\t\tnode.setAttribute( 'data-draggable', 'true' );\n\t\t\t}\n\t\t}\n\t} else {\n\t\t// Whenever a non-editable element or an input or textarea is clicked,\n\t\t// re-enable draggability for any blocks that were previously disabled.\n\t\tfor ( const node of nodes ) {\n\t\t\trestore( node );\n\t\t}\n\t}\n}\n\n/**\n * In Firefox, the `draggable` and `contenteditable` or `input` or `textarea`\n * elements don't play well together. When these elements are within a\n * `draggable` element, selection doesn't get set in the right place. The only\n * solution is to temporarily remove the `draggable` attribute clicking inside\n * these elements.\n * @return {Function} Cleanup function.\n */\nexport function useFirefoxDraggableCompatibility() {\n\treturn useRefEffect( ( node ) => {\n\t\tadd( node.ownerDocument, node );\n\t\treturn () => {\n\t\t\tremove( node.ownerDocument, node );\n\t\t};\n\t}, [] );\n}\n"],
+  "mappings": "AAGA,SAAS,oBAAoB;AAE7B,MAAM,kBAAkB,oBAAI,IAAI;AAEhC,SAAS,IAAK,KAAK,MAAO;AACzB,MAAI,MAAM,gBAAgB,IAAK,GAAI;AACnC,MAAK,CAAE,KAAM;AACZ,UAAM,oBAAI,IAAI;AACd,oBAAgB,IAAK,KAAK,GAAI;AAC9B,QAAI,iBAAkB,eAAe,IAAK;AAAA,EAC3C;AACA,MAAI,IAAK,IAAK;AACf;AAEA,SAAS,OAAQ,KAAK,MAAO;AAC5B,QAAM,MAAM,gBAAgB,IAAK,GAAI;AACrC,MAAK,KAAM;AACV,QAAI,OAAQ,IAAK;AACjB,YAAS,IAAK;AACd,QAAK,IAAI,SAAS,GAAI;AACrB,sBAAgB,OAAQ,GAAI;AAC5B,UAAI,oBAAqB,eAAe,IAAK;AAAA,IAC9C;AAAA,EACD;AACD;AAEA,SAAS,QAAS,MAAO;AACxB,QAAM,gBAAgB,KAAK,aAAc,gBAAiB;AAC1D,MAAK,eAAgB;AACpB,SAAK,gBAAiB,gBAAiB;AAGvC,QAAK,kBAAkB,UAAU,CAAE,KAAK,aAAc,WAAY,GAAI;AACrE,WAAK,aAAc,aAAa,MAAO;AAAA,IACxC;AAAA,EACD;AACD;AAEA,SAAS,KAAM,OAAQ;AACtB,QAAM,EAAE,OAAO,IAAI;AACnB,QAAM,EAAE,eAAe,mBAAmB,QAAQ,IAAI;AACtD,QAAM,oBAAoB,CAAE,SAAS,UAAW,EAAE,SAAU,OAAQ;AAEpE,QAAM,QAAQ,gBAAgB,IAAK,aAAc;AAEjD,MAAK,qBAAqB,mBAAoB;AAI7C,eAAY,QAAQ,OAAQ;AAC3B,UACC,KAAK,aAAc,WAAY,MAAM,UACrC,KAAK,SAAU,MAAO,GACrB;AACD,aAAK,gBAAiB,WAAY;AAClC,aAAK,aAAc,kBAAkB,MAAO;AAAA,MAC7C;AAAA,IACD;AAAA,EACD,OAAO;AAGN,eAAY,QAAQ,OAAQ;AAC3B,cAAS,IAAK;AAAA,IACf;AAAA,EACD;AACD;AAUO,SAAS,mCAAmC;AAClD,SAAO,aAAc,CAAE,SAAU;AAChC,QAAK,KAAK,eAAe,IAAK;AAC9B,WAAO,MAAM;AACZ,aAAQ,KAAK,eAAe,IAAK;AAAA,IAClC;AAAA,EACD,GAAG,CAAC,CAAE;AACP;",
+  "names": []
+}

package/build-module/components/block-list/use-block-props/use-focus-first-element.js

@@ -1,73 +1,42 @@
-/**
- * WordPress dependencies
- */
-import { useEffect, useRef } from '@wordpress/element';
-import { focus, isFormElement, isTextField, placeCaretAtHorizontalEdge } from '@wordpress/dom';
-import { useSelect } from '@wordpress/data';
-
-/**
- * Internal dependencies
- */
-import { isInsideRootBlock } from '../../../utils/dom';
-import { store as blockEditorStore } from '../../../store';
-import { unlock } from '../../../lock-unlock';
-
-/** @typedef {import('@wordpress/element').RefObject} RefObject */
-
-/**
- * Transitions focus to the block or inner tabbable when the block becomes
- * selected and an initial position is set.
- *
- * @param {string} clientId Block client ID.
- *
- * @return {RefObject} React ref with the block element.
- */
-export function useFocusFirstElement({
-  clientId,
-  initialPosition
-}) {
+import { useEffect, useRef } from "@wordpress/element";
+import {
+  focus,
+  isFormElement,
+  isTextField,
+  placeCaretAtHorizontalEdge
+} from "@wordpress/dom";
+import { useSelect } from "@wordpress/data";
+import { isInsideRootBlock } from "../../../utils/dom";
+import { store as blockEditorStore } from "../../../store";
+import { unlock } from "../../../lock-unlock";
+function useFocusFirstElement({ clientId, initialPosition }) {
   const ref = useRef();
-  const {
-    isBlockSelected,
-    isMultiSelecting,
-    isZoomOut
-  } = unlock(useSelect(blockEditorStore));
+  const { isBlockSelected, isMultiSelecting, isZoomOut } = unlock(
+    useSelect(blockEditorStore)
+  );
   useEffect(() => {
-    // Check if the block is still selected at the time this effect runs.
     if (!isBlockSelected(clientId) || isMultiSelecting() || isZoomOut()) {
       return;
     }
-    if (initialPosition === undefined || initialPosition === null) {
+    if (initialPosition === void 0 || initialPosition === null) {
       return;
     }
     if (!ref.current) {
       return;
     }
-    const {
-      ownerDocument
-    } = ref.current;
-
-    // Do not focus the block if it already contains the active element.
+    const { ownerDocument } = ref.current;
     if (isInsideRootBlock(ref.current, ownerDocument.activeElement)) {
       return;
     }
-
-    // Find all tabbables within node.
-    const textInputs = focus.tabbable.find(ref.current).filter(node => isTextField(node));
-
-    // If reversed (e.g. merge via backspace), use the last in the set of
-    // tabbables.
+    const textInputs = focus.tabbable.find(ref.current).filter((node) => isTextField(node));
     const isReverse = -1 === initialPosition;
     const target = textInputs[isReverse ? textInputs.length - 1 : 0] || ref.current;
     if (!isInsideRootBlock(ref.current, target)) {
       ref.current.focus();
       return;
     }
-
-    // Check to see if element is focussable before a generic caret insert.
-    if (!ref.current.getAttribute('contenteditable')) {
+    if (!ref.current.getAttribute("contenteditable")) {
       const focusElement = focus.tabbable.findNext(ref.current);
-      // Make sure focusElement is valid, contained in the same block, and a form field.
       if (focusElement && isInsideRootBlock(ref.current, focusElement) && isFormElement(focusElement)) {
         focusElement.focus();
         return;
@@ -77,4 +46,7 @@ export function useFocusFirstElement({
   }, [initialPosition, clientId]);
   return ref;
 }
-//# sourceMappingURL=use-focus-first-element.js.map
+export {
+  useFocusFirstElement
+};
+//# sourceMappingURL=use-focus-first-element.js.map

package/build-module/components/block-list/use-block-props/use-focus-first-element.js.map

@@ -1 +1,7 @@
-{"version":3,"names":["useEffect","useRef","focus","isFormElement","isTextField","placeCaretAtHorizontalEdge","useSelect","isInsideRootBlock","store","blockEditorStore","unlock","useFocusFirstElement","clientId","initialPosition","ref","isBlockSelected","isMultiSelecting","isZoomOut","undefined","current","ownerDocument","activeElement","textInputs","tabbable","find","filter","node","isReverse","target","length","getAttribute","focusElement","findNext"],"sources":["@wordpress/block-editor/src/components/block-list/use-block-props/use-focus-first-element.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useEffect, useRef } from '@wordpress/element';\nimport {\n\tfocus,\n\tisFormElement,\n\tisTextField,\n\tplaceCaretAtHorizontalEdge,\n} from '@wordpress/dom';\nimport { useSelect } from '@wordpress/data';\n\n/**\n * Internal dependencies\n */\nimport { isInsideRootBlock } from '../../../utils/dom';\nimport { store as blockEditorStore } from '../../../store';\nimport { unlock } from '../../../lock-unlock';\n\n/** @typedef {import('@wordpress/element').RefObject} RefObject */\n\n/**\n * Transitions focus to the block or inner tabbable when the block becomes\n * selected and an initial position is set.\n *\n * @param {string} clientId Block client ID.\n *\n * @return {RefObject} React ref with the block element.\n */\nexport function useFocusFirstElement( { clientId, initialPosition } ) {\n\tconst ref = useRef();\n\tconst { isBlockSelected, isMultiSelecting, isZoomOut } = unlock(\n\t\tuseSelect( blockEditorStore )\n\t);\n\n\tuseEffect( () => {\n\t\t// Check if the block is still selected at the time this effect runs.\n\t\tif (\n\t\t\t! isBlockSelected( clientId ) ||\n\t\t\tisMultiSelecting() ||\n\t\t\tisZoomOut()\n\t\t) {\n\t\t\treturn;\n\t\t}\n\n\t\tif ( initialPosition === undefined || initialPosition === null ) {\n\t\t\treturn;\n\t\t}\n\n\t\tif ( ! ref.current ) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst { ownerDocument } = ref.current;\n\n\t\t// Do not focus the block if it already contains the active element.\n\t\tif ( isInsideRootBlock( ref.current, ownerDocument.activeElement ) ) {\n\t\t\treturn;\n\t\t}\n\n\t\t// Find all tabbables within node.\n\t\tconst textInputs = focus.tabbable\n\t\t\t.find( ref.current )\n\t\t\t.filter( ( node ) => isTextField( node ) );\n\n\t\t// If reversed (e.g. merge via backspace), use the last in the set of\n\t\t// tabbables.\n\t\tconst isReverse = -1 === initialPosition;\n\t\tconst target =\n\t\t\ttextInputs[ isReverse ? textInputs.length - 1 : 0 ] || ref.current;\n\n\t\tif ( ! isInsideRootBlock( ref.current, target ) ) {\n\t\t\tref.current.focus();\n\t\t\treturn;\n\t\t}\n\n\t\t// Check to see if element is focussable before a generic caret insert.\n\t\tif ( ! ref.current.getAttribute( 'contenteditable' ) ) {\n\t\t\tconst focusElement = focus.tabbable.findNext( ref.current );\n\t\t\t// Make sure focusElement is valid, contained in the same block, and a form field.\n\t\t\tif (\n\t\t\t\tfocusElement &&\n\t\t\t\tisInsideRootBlock( ref.current, focusElement ) &&\n\t\t\t\tisFormElement( focusElement )\n\t\t\t) {\n\t\t\t\tfocusElement.focus();\n\t\t\t\treturn;\n\t\t\t}\n\t\t}\n\t\tplaceCaretAtHorizontalEdge( target, isReverse );\n\t}, [ initialPosition, clientId ] );\n\n\treturn ref;\n}\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,SAAS,EAAEC,MAAM,QAAQ,oBAAoB;AACtD,SACCC,KAAK,EACLC,aAAa,EACbC,WAAW,EACXC,0BAA0B,QACpB,gBAAgB;AACvB,SAASC,SAAS,QAAQ,iBAAiB;;AAE3C;AACA;AACA;AACA,SAASC,iBAAiB,QAAQ,oBAAoB;AACtD,SAASC,KAAK,IAAIC,gBAAgB,QAAQ,gBAAgB;AAC1D,SAASC,MAAM,QAAQ,sBAAsB;;AAE7C;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,oBAAoBA,CAAE;EAAEC,QAAQ;EAAEC;AAAgB,CAAC,EAAG;EACrE,MAAMC,GAAG,GAAGb,MAAM,CAAC,CAAC;EACpB,MAAM;IAAEc,eAAe;IAAEC,gBAAgB;IAAEC;EAAU,CAAC,GAAGP,MAAM,CAC9DJ,SAAS,CAAEG,gBAAiB,CAC7B,CAAC;EAEDT,SAAS,CAAE,MAAM;IAChB;IACA,IACC,CAAEe,eAAe,CAAEH,QAAS,CAAC,IAC7BI,gBAAgB,CAAC,CAAC,IAClBC,SAAS,CAAC,CAAC,EACV;MACD;IACD;IAEA,IAAKJ,eAAe,KAAKK,SAAS,IAAIL,eAAe,KAAK,IAAI,EAAG;MAChE;IACD;IAEA,IAAK,CAAEC,GAAG,CAACK,OAAO,EAAG;MACpB;IACD;IAEA,MAAM;MAAEC;IAAc,CAAC,GAAGN,GAAG,CAACK,OAAO;;IAErC;IACA,IAAKZ,iBAAiB,CAAEO,GAAG,CAACK,OAAO,EAAEC,aAAa,CAACC,aAAc,CAAC,EAAG;MACpE;IACD;;IAEA;IACA,MAAMC,UAAU,GAAGpB,KAAK,CAACqB,QAAQ,CAC/BC,IAAI,CAAEV,GAAG,CAACK,OAAQ,CAAC,CACnBM,MAAM,CAAIC,IAAI,IAAMtB,WAAW,CAAEsB,IAAK,CAAE,CAAC;;IAE3C;IACA;IACA,MAAMC,SAAS,GAAG,CAAC,CAAC,KAAKd,eAAe;IACxC,MAAMe,MAAM,GACXN,UAAU,CAAEK,SAAS,GAAGL,UAAU,CAACO,MAAM,GAAG,CAAC,GAAG,CAAC,CAAE,IAAIf,GAAG,CAACK,OAAO;IAEnE,IAAK,CAAEZ,iBAAiB,CAAEO,GAAG,CAACK,OAAO,EAAES,MAAO,CAAC,EAAG;MACjDd,GAAG,CAACK,OAAO,CAACjB,KAAK,CAAC,CAAC;MACnB;IACD;;IAEA;IACA,IAAK,CAAEY,GAAG,CAACK,OAAO,CAACW,YAAY,CAAE,iBAAkB,CAAC,EAAG;MACtD,MAAMC,YAAY,GAAG7B,KAAK,CAACqB,QAAQ,CAACS,QAAQ,CAAElB,GAAG,CAACK,OAAQ,CAAC;MAC3D;MACA,IACCY,YAAY,IACZxB,iBAAiB,CAAEO,GAAG,CAACK,OAAO,EAAEY,YAAa,CAAC,IAC9C5B,aAAa,CAAE4B,YAAa,CAAC,EAC5B;QACDA,YAAY,CAAC7B,KAAK,CAAC,CAAC;QACpB;MACD;IACD;IACAG,0BAA0B,CAAEuB,MAAM,EAAED,SAAU,CAAC;EAChD,CAAC,EAAE,CAAEd,eAAe,EAAED,QAAQ,CAAG,CAAC;EAElC,OAAOE,GAAG;AACX","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../../../src/components/block-list/use-block-props/use-focus-first-element.js"],
+  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { useEffect, useRef } from '@wordpress/element';\nimport {\n\tfocus,\n\tisFormElement,\n\tisTextField,\n\tplaceCaretAtHorizontalEdge,\n} from '@wordpress/dom';\nimport { useSelect } from '@wordpress/data';\n\n/**\n * Internal dependencies\n */\nimport { isInsideRootBlock } from '../../../utils/dom';\nimport { store as blockEditorStore } from '../../../store';\nimport { unlock } from '../../../lock-unlock';\n\n/** @typedef {import('@wordpress/element').RefObject} RefObject */\n\n/**\n * Transitions focus to the block or inner tabbable when the block becomes\n * selected and an initial position is set.\n *\n * @param {string} clientId Block client ID.\n *\n * @return {RefObject} React ref with the block element.\n */\nexport function useFocusFirstElement( { clientId, initialPosition } ) {\n\tconst ref = useRef();\n\tconst { isBlockSelected, isMultiSelecting, isZoomOut } = unlock(\n\t\tuseSelect( blockEditorStore )\n\t);\n\n\tuseEffect( () => {\n\t\t// Check if the block is still selected at the time this effect runs.\n\t\tif (\n\t\t\t! isBlockSelected( clientId ) ||\n\t\t\tisMultiSelecting() ||\n\t\t\tisZoomOut()\n\t\t) {\n\t\t\treturn;\n\t\t}\n\n\t\tif ( initialPosition === undefined || initialPosition === null ) {\n\t\t\treturn;\n\t\t}\n\n\t\tif ( ! ref.current ) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst { ownerDocument } = ref.current;\n\n\t\t// Do not focus the block if it already contains the active element.\n\t\tif ( isInsideRootBlock( ref.current, ownerDocument.activeElement ) ) {\n\t\t\treturn;\n\t\t}\n\n\t\t// Find all tabbables within node.\n\t\tconst textInputs = focus.tabbable\n\t\t\t.find( ref.current )\n\t\t\t.filter( ( node ) => isTextField( node ) );\n\n\t\t// If reversed (e.g. merge via backspace), use the last in the set of\n\t\t// tabbables.\n\t\tconst isReverse = -1 === initialPosition;\n\t\tconst target =\n\t\t\ttextInputs[ isReverse ? textInputs.length - 1 : 0 ] || ref.current;\n\n\t\tif ( ! isInsideRootBlock( ref.current, target ) ) {\n\t\t\tref.current.focus();\n\t\t\treturn;\n\t\t}\n\n\t\t// Check to see if element is focussable before a generic caret insert.\n\t\tif ( ! ref.current.getAttribute( 'contenteditable' ) ) {\n\t\t\tconst focusElement = focus.tabbable.findNext( ref.current );\n\t\t\t// Make sure focusElement is valid, contained in the same block, and a form field.\n\t\t\tif (\n\t\t\t\tfocusElement &&\n\t\t\t\tisInsideRootBlock( ref.current, focusElement ) &&\n\t\t\t\tisFormElement( focusElement )\n\t\t\t) {\n\t\t\t\tfocusElement.focus();\n\t\t\t\treturn;\n\t\t\t}\n\t\t}\n\t\tplaceCaretAtHorizontalEdge( target, isReverse );\n\t}, [ initialPosition, clientId ] );\n\n\treturn ref;\n}\n"],
+  "mappings": "AAGA,SAAS,WAAW,cAAc;AAClC;AAAA,EACC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACM;AACP,SAAS,iBAAiB;AAK1B,SAAS,yBAAyB;AAClC,SAAS,SAAS,wBAAwB;AAC1C,SAAS,cAAc;AAYhB,SAAS,qBAAsB,EAAE,UAAU,gBAAgB,GAAI;AACrE,QAAM,MAAM,OAAO;AACnB,QAAM,EAAE,iBAAiB,kBAAkB,UAAU,IAAI;AAAA,IACxD,UAAW,gBAAiB;AAAA,EAC7B;AAEA,YAAW,MAAM;AAEhB,QACC,CAAE,gBAAiB,QAAS,KAC5B,iBAAiB,KACjB,UAAU,GACT;AACD;AAAA,IACD;AAEA,QAAK,oBAAoB,UAAa,oBAAoB,MAAO;AAChE;AAAA,IACD;AAEA,QAAK,CAAE,IAAI,SAAU;AACpB;AAAA,IACD;AAEA,UAAM,EAAE,cAAc,IAAI,IAAI;AAG9B,QAAK,kBAAmB,IAAI,SAAS,cAAc,aAAc,GAAI;AACpE;AAAA,IACD;AAGA,UAAM,aAAa,MAAM,SACvB,KAAM,IAAI,OAAQ,EAClB,OAAQ,CAAE,SAAU,YAAa,IAAK,CAAE;AAI1C,UAAM,YAAY,OAAO;AACzB,UAAM,SACL,WAAY,YAAY,WAAW,SAAS,IAAI,CAAE,KAAK,IAAI;AAE5D,QAAK,CAAE,kBAAmB,IAAI,SAAS,MAAO,GAAI;AACjD,UAAI,QAAQ,MAAM;AAClB;AAAA,IACD;AAGA,QAAK,CAAE,IAAI,QAAQ,aAAc,iBAAkB,GAAI;AACtD,YAAM,eAAe,MAAM,SAAS,SAAU,IAAI,OAAQ;AAE1D,UACC,gBACA,kBAAmB,IAAI,SAAS,YAAa,KAC7C,cAAe,YAAa,GAC3B;AACD,qBAAa,MAAM;AACnB;AAAA,MACD;AAAA,IACD;AACA,+BAA4B,QAAQ,SAAU;AAAA,EAC/C,GAAG,CAAE,iBAAiB,QAAS,CAAE;AAEjC,SAAO;AACR;",
+  "names": []
+}

package/build-module/components/block-list/use-block-props/use-focus-handler.js

@@ -1,65 +1,36 @@
-/**
- * WordPress dependencies
- */
-import { useSelect, useDispatch } from '@wordpress/data';
-import { useRefEffect } from '@wordpress/compose';
-
-/**
- * Internal dependencies
- */
-import { isInsideRootBlock } from '../../../utils/dom';
-import { store as blockEditorStore } from '../../../store';
-
-/**
- * Selects the block if it receives focus.
- *
- * @param {string} clientId Block client ID.
- */
-export function useFocusHandler(clientId) {
-  const {
-    isBlockSelected
-  } = useSelect(blockEditorStore);
-  const {
-    selectBlock,
-    selectionChange
-  } = useDispatch(blockEditorStore);
-  return useRefEffect(node => {
-    /**
-     * Marks the block as selected when focused and not already
-     * selected. This specifically handles the case where block does not
-     * set focus on its own (via `setFocus`), typically if there is no
-     * focusable input in the block.
-     *
-     * @param {FocusEvent} event Focus event.
-     */
-    function onFocus(event) {
-      // When the whole editor is editable, let writing flow handle
-      // selection.
-      if (node.parentElement.closest('[contenteditable="true"]')) {
-        return;
-      }
-
-      // Check synchronously because a non-selected block might be
-      // getting data through `useSelect` asynchronously.
-      if (isBlockSelected(clientId)) {
-        // Potentially change selection away from rich text.
-        if (!event.target.isContentEditable) {
-          selectionChange(clientId);
+import { useSelect, useDispatch } from "@wordpress/data";
+import { useRefEffect } from "@wordpress/compose";
+import { isInsideRootBlock } from "../../../utils/dom";
+import { store as blockEditorStore } from "../../../store";
+function useFocusHandler(clientId) {
+  const { isBlockSelected } = useSelect(blockEditorStore);
+  const { selectBlock, selectionChange } = useDispatch(blockEditorStore);
+  return useRefEffect(
+    (node) => {
+      function onFocus(event) {
+        if (node.parentElement.closest('[contenteditable="true"]')) {
+          return;
         }
-        return;
-      }
-
-      // If an inner block is focussed, that block is responsible for
-      // setting the selected block.
-      if (!isInsideRootBlock(node, event.target)) {
-        return;
+        if (isBlockSelected(clientId)) {
+          if (!event.target.isContentEditable) {
+            selectionChange(clientId);
+          }
+          return;
+        }
+        if (!isInsideRootBlock(node, event.target)) {
+          return;
+        }
+        selectBlock(clientId);
       }
-      selectBlock(clientId);
-    }
-    node.addEventListener('focusin', onFocus);
-    return () => {
-      node.removeEventListener('focusin', onFocus);
-    };
-  }, [isBlockSelected, selectBlock]);
+      node.addEventListener("focusin", onFocus);
+      return () => {
+        node.removeEventListener("focusin", onFocus);
+      };
+    },
+    [isBlockSelected, selectBlock]
+  );
 }
-//# sourceMappingURL=use-focus-handler.js.map
+export {
+  useFocusHandler
+};
+//# sourceMappingURL=use-focus-handler.js.map

package/build-module/components/block-list/use-block-props/use-focus-handler.js.map

@@ -1 +1,7 @@
-{"version":3,"names":["useSelect","useDispatch","useRefEffect","isInsideRootBlock","store","blockEditorStore","useFocusHandler","clientId","isBlockSelected","selectBlock","selectionChange","node","onFocus","event","parentElement","closest","target","isContentEditable","addEventListener","removeEventListener"],"sources":["@wordpress/block-editor/src/components/block-list/use-block-props/use-focus-handler.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport { useRefEffect } from '@wordpress/compose';\n\n/**\n * Internal dependencies\n */\nimport { isInsideRootBlock } from '../../../utils/dom';\nimport { store as blockEditorStore } from '../../../store';\n\n/**\n * Selects the block if it receives focus.\n *\n * @param {string} clientId Block client ID.\n */\nexport function useFocusHandler( clientId ) {\n\tconst { isBlockSelected } = useSelect( blockEditorStore );\n\tconst { selectBlock, selectionChange } = useDispatch( blockEditorStore );\n\n\treturn useRefEffect(\n\t\t( node ) => {\n\t\t\t/**\n\t\t\t * Marks the block as selected when focused and not already\n\t\t\t * selected. This specifically handles the case where block does not\n\t\t\t * set focus on its own (via `setFocus`), typically if there is no\n\t\t\t * focusable input in the block.\n\t\t\t *\n\t\t\t * @param {FocusEvent} event Focus event.\n\t\t\t */\n\t\t\tfunction onFocus( event ) {\n\t\t\t\t// When the whole editor is editable, let writing flow handle\n\t\t\t\t// selection.\n\t\t\t\tif (\n\t\t\t\t\tnode.parentElement.closest( '[contenteditable=\"true\"]' )\n\t\t\t\t) {\n\t\t\t\t\treturn;\n\t\t\t\t}\n\n\t\t\t\t// Check synchronously because a non-selected block might be\n\t\t\t\t// getting data through `useSelect` asynchronously.\n\t\t\t\tif ( isBlockSelected( clientId ) ) {\n\t\t\t\t\t// Potentially change selection away from rich text.\n\t\t\t\t\tif ( ! event.target.isContentEditable ) {\n\t\t\t\t\t\tselectionChange( clientId );\n\t\t\t\t\t}\n\t\t\t\t\treturn;\n\t\t\t\t}\n\n\t\t\t\t// If an inner block is focussed, that block is responsible for\n\t\t\t\t// setting the selected block.\n\t\t\t\tif ( ! isInsideRootBlock( node, event.target ) ) {\n\t\t\t\t\treturn;\n\t\t\t\t}\n\n\t\t\t\tselectBlock( clientId );\n\t\t\t}\n\n\t\t\tnode.addEventListener( 'focusin', onFocus );\n\n\t\t\treturn () => {\n\t\t\t\tnode.removeEventListener( 'focusin', onFocus );\n\t\t\t};\n\t\t},\n\t\t[ isBlockSelected, selectBlock ]\n\t);\n}\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,SAAS,EAAEC,WAAW,QAAQ,iBAAiB;AACxD,SAASC,YAAY,QAAQ,oBAAoB;;AAEjD;AACA;AACA;AACA,SAASC,iBAAiB,QAAQ,oBAAoB;AACtD,SAASC,KAAK,IAAIC,gBAAgB,QAAQ,gBAAgB;;AAE1D;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,eAAeA,CAAEC,QAAQ,EAAG;EAC3C,MAAM;IAAEC;EAAgB,CAAC,GAAGR,SAAS,CAAEK,gBAAiB,CAAC;EACzD,MAAM;IAAEI,WAAW;IAAEC;EAAgB,CAAC,GAAGT,WAAW,CAAEI,gBAAiB,CAAC;EAExE,OAAOH,YAAY,CAChBS,IAAI,IAAM;IACX;AACH;AACA;AACA;AACA;AACA;AACA;AACA;IACG,SAASC,OAAOA,CAAEC,KAAK,EAAG;MACzB;MACA;MACA,IACCF,IAAI,CAACG,aAAa,CAACC,OAAO,CAAE,0BAA2B,CAAC,EACvD;QACD;MACD;;MAEA;MACA;MACA,IAAKP,eAAe,CAAED,QAAS,CAAC,EAAG;QAClC;QACA,IAAK,CAAEM,KAAK,CAACG,MAAM,CAACC,iBAAiB,EAAG;UACvCP,eAAe,CAAEH,QAAS,CAAC;QAC5B;QACA;MACD;;MAEA;MACA;MACA,IAAK,CAAEJ,iBAAiB,CAAEQ,IAAI,EAAEE,KAAK,CAACG,MAAO,CAAC,EAAG;QAChD;MACD;MAEAP,WAAW,CAAEF,QAAS,CAAC;IACxB;IAEAI,IAAI,CAACO,gBAAgB,CAAE,SAAS,EAAEN,OAAQ,CAAC;IAE3C,OAAO,MAAM;MACZD,IAAI,CAACQ,mBAAmB,CAAE,SAAS,EAAEP,OAAQ,CAAC;IAC/C,CAAC;EACF,CAAC,EACD,CAAEJ,eAAe,EAAEC,WAAW,CAC/B,CAAC;AACF","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../../../src/components/block-list/use-block-props/use-focus-handler.js"],
+  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport { useRefEffect } from '@wordpress/compose';\n\n/**\n * Internal dependencies\n */\nimport { isInsideRootBlock } from '../../../utils/dom';\nimport { store as blockEditorStore } from '../../../store';\n\n/**\n * Selects the block if it receives focus.\n *\n * @param {string} clientId Block client ID.\n */\nexport function useFocusHandler( clientId ) {\n\tconst { isBlockSelected } = useSelect( blockEditorStore );\n\tconst { selectBlock, selectionChange } = useDispatch( blockEditorStore );\n\n\treturn useRefEffect(\n\t\t( node ) => {\n\t\t\t/**\n\t\t\t * Marks the block as selected when focused and not already\n\t\t\t * selected. This specifically handles the case where block does not\n\t\t\t * set focus on its own (via `setFocus`), typically if there is no\n\t\t\t * focusable input in the block.\n\t\t\t *\n\t\t\t * @param {FocusEvent} event Focus event.\n\t\t\t */\n\t\t\tfunction onFocus( event ) {\n\t\t\t\t// When the whole editor is editable, let writing flow handle\n\t\t\t\t// selection.\n\t\t\t\tif (\n\t\t\t\t\tnode.parentElement.closest( '[contenteditable=\"true\"]' )\n\t\t\t\t) {\n\t\t\t\t\treturn;\n\t\t\t\t}\n\n\t\t\t\t// Check synchronously because a non-selected block might be\n\t\t\t\t// getting data through `useSelect` asynchronously.\n\t\t\t\tif ( isBlockSelected( clientId ) ) {\n\t\t\t\t\t// Potentially change selection away from rich text.\n\t\t\t\t\tif ( ! event.target.isContentEditable ) {\n\t\t\t\t\t\tselectionChange( clientId );\n\t\t\t\t\t}\n\t\t\t\t\treturn;\n\t\t\t\t}\n\n\t\t\t\t// If an inner block is focussed, that block is responsible for\n\t\t\t\t// setting the selected block.\n\t\t\t\tif ( ! isInsideRootBlock( node, event.target ) ) {\n\t\t\t\t\treturn;\n\t\t\t\t}\n\n\t\t\t\tselectBlock( clientId );\n\t\t\t}\n\n\t\t\tnode.addEventListener( 'focusin', onFocus );\n\n\t\t\treturn () => {\n\t\t\t\tnode.removeEventListener( 'focusin', onFocus );\n\t\t\t};\n\t\t},\n\t\t[ isBlockSelected, selectBlock ]\n\t);\n}\n"],
+  "mappings": "AAGA,SAAS,WAAW,mBAAmB;AACvC,SAAS,oBAAoB;AAK7B,SAAS,yBAAyB;AAClC,SAAS,SAAS,wBAAwB;AAOnC,SAAS,gBAAiB,UAAW;AAC3C,QAAM,EAAE,gBAAgB,IAAI,UAAW,gBAAiB;AACxD,QAAM,EAAE,aAAa,gBAAgB,IAAI,YAAa,gBAAiB;AAEvE,SAAO;AAAA,IACN,CAAE,SAAU;AASX,eAAS,QAAS,OAAQ;AAGzB,YACC,KAAK,cAAc,QAAS,0BAA2B,GACtD;AACD;AAAA,QACD;AAIA,YAAK,gBAAiB,QAAS,GAAI;AAElC,cAAK,CAAE,MAAM,OAAO,mBAAoB;AACvC,4BAAiB,QAAS;AAAA,UAC3B;AACA;AAAA,QACD;AAIA,YAAK,CAAE,kBAAmB,MAAM,MAAM,MAAO,GAAI;AAChD;AAAA,QACD;AAEA,oBAAa,QAAS;AAAA,MACvB;AAEA,WAAK,iBAAkB,WAAW,OAAQ;AAE1C,aAAO,MAAM;AACZ,aAAK,oBAAqB,WAAW,OAAQ;AAAA,MAC9C;AAAA,IACD;AAAA,IACA,CAAE,iBAAiB,WAAY;AAAA,EAChC;AACD;",
+  "names": []
+}

package/build-module/components/block-list/use-block-props/use-intersection-observer.js

@@ -1,22 +1,21 @@
-/**
- * WordPress dependencies
- */
-import { useRefEffect } from '@wordpress/compose';
-import { useContext } from '@wordpress/element';
-
-/**
- * Internal dependencies
- */
-import { IntersectionObserver } from '../';
-export function useIntersectionObserver() {
+import { useRefEffect } from "@wordpress/compose";
+import { useContext } from "@wordpress/element";
+import { IntersectionObserver } from "../";
+function useIntersectionObserver() {
   const observer = useContext(IntersectionObserver);
-  return useRefEffect(node => {
-    if (observer) {
-      observer.observe(node);
-      return () => {
-        observer.unobserve(node);
-      };
-    }
-  }, [observer]);
+  return useRefEffect(
+    (node) => {
+      if (observer) {
+        observer.observe(node);
+        return () => {
+          observer.unobserve(node);
+        };
+      }
+    },
+    [observer]
+  );
 }
-//# sourceMappingURL=use-intersection-observer.js.map
+export {
+  useIntersectionObserver
+};
+//# sourceMappingURL=use-intersection-observer.js.map

package/build-module/components/block-list/use-block-props/use-intersection-observer.js.map

@@ -1 +1,7 @@
-{"version":3,"names":["useRefEffect","useContext","IntersectionObserver","useIntersectionObserver","observer","node","observe","unobserve"],"sources":["@wordpress/block-editor/src/components/block-list/use-block-props/use-intersection-observer.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useRefEffect } from '@wordpress/compose';\nimport { useContext } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport { IntersectionObserver } from '../';\n\nexport function useIntersectionObserver() {\n\tconst observer = useContext( IntersectionObserver );\n\treturn useRefEffect(\n\t\t( node ) => {\n\t\t\tif ( observer ) {\n\t\t\t\tobserver.observe( node );\n\t\t\t\treturn () => {\n\t\t\t\t\tobserver.unobserve( node );\n\t\t\t\t};\n\t\t\t}\n\t\t},\n\t\t[ observer ]\n\t);\n}\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,YAAY,QAAQ,oBAAoB;AACjD,SAASC,UAAU,QAAQ,oBAAoB;;AAE/C;AACA;AACA;AACA,SAASC,oBAAoB,QAAQ,KAAK;AAE1C,OAAO,SAASC,uBAAuBA,CAAA,EAAG;EACzC,MAAMC,QAAQ,GAAGH,UAAU,CAAEC,oBAAqB,CAAC;EACnD,OAAOF,YAAY,CAChBK,IAAI,IAAM;IACX,IAAKD,QAAQ,EAAG;MACfA,QAAQ,CAACE,OAAO,CAAED,IAAK,CAAC;MACxB,OAAO,MAAM;QACZD,QAAQ,CAACG,SAAS,CAAEF,IAAK,CAAC;MAC3B,CAAC;IACF;EACD,CAAC,EACD,CAAED,QAAQ,CACX,CAAC;AACF","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../../../src/components/block-list/use-block-props/use-intersection-observer.js"],
+  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { useRefEffect } from '@wordpress/compose';\nimport { useContext } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport { IntersectionObserver } from '../';\n\nexport function useIntersectionObserver() {\n\tconst observer = useContext( IntersectionObserver );\n\treturn useRefEffect(\n\t\t( node ) => {\n\t\t\tif ( observer ) {\n\t\t\t\tobserver.observe( node );\n\t\t\t\treturn () => {\n\t\t\t\t\tobserver.unobserve( node );\n\t\t\t\t};\n\t\t\t}\n\t\t},\n\t\t[ observer ]\n\t);\n}\n"],
+  "mappings": "AAGA,SAAS,oBAAoB;AAC7B,SAAS,kBAAkB;AAK3B,SAAS,4BAA4B;AAE9B,SAAS,0BAA0B;AACzC,QAAM,WAAW,WAAY,oBAAqB;AAClD,SAAO;AAAA,IACN,CAAE,SAAU;AACX,UAAK,UAAW;AACf,iBAAS,QAAS,IAAK;AACvB,eAAO,MAAM;AACZ,mBAAS,UAAW,IAAK;AAAA,QAC1B;AAAA,MACD;AAAA,IACD;AAAA,IACA,CAAE,QAAS;AAAA,EACZ;AACD;",
+  "names": []
+}

package/build-module/components/block-list/use-block-props/use-is-hovered.js

@@ -1,30 +1,26 @@
-/**
- * WordPress dependencies
- */
-import { useRefEffect } from '@wordpress/compose';
+import { useRefEffect } from "@wordpress/compose";
 function listener(event) {
   if (event.defaultPrevented) {
     return;
   }
   event.preventDefault();
-  event.currentTarget.classList.toggle('is-hovered', event.type === 'mouseover');
+  event.currentTarget.classList.toggle(
+    "is-hovered",
+    event.type === "mouseover"
+  );
 }
-
-/*
- * Adds `is-hovered` class when the block is hovered and in navigation or
- * outline mode.
- */
-export function useIsHovered() {
-  return useRefEffect(node => {
-    node.addEventListener('mouseout', listener);
-    node.addEventListener('mouseover', listener);
+function useIsHovered() {
+  return useRefEffect((node) => {
+    node.addEventListener("mouseout", listener);
+    node.addEventListener("mouseover", listener);
     return () => {
-      node.removeEventListener('mouseout', listener);
-      node.removeEventListener('mouseover', listener);
-
-      // Remove class in case it lingers.
-      node.classList.remove('is-hovered');
+      node.removeEventListener("mouseout", listener);
+      node.removeEventListener("mouseover", listener);
+      node.classList.remove("is-hovered");
     };
   }, []);
 }
-//# sourceMappingURL=use-is-hovered.js.map
+export {
+  useIsHovered
+};
+//# sourceMappingURL=use-is-hovered.js.map

package/build-module/components/block-list/use-block-props/use-is-hovered.js.map

@@ -1 +1,7 @@
-{"version":3,"names":["useRefEffect","listener","event","defaultPrevented","preventDefault","currentTarget","classList","toggle","type","useIsHovered","node","addEventListener","removeEventListener","remove"],"sources":["@wordpress/block-editor/src/components/block-list/use-block-props/use-is-hovered.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useRefEffect } from '@wordpress/compose';\n\nfunction listener( event ) {\n\tif ( event.defaultPrevented ) {\n\t\treturn;\n\t}\n\n\tevent.preventDefault();\n\tevent.currentTarget.classList.toggle(\n\t\t'is-hovered',\n\t\tevent.type === 'mouseover'\n\t);\n}\n\n/*\n * Adds `is-hovered` class when the block is hovered and in navigation or\n * outline mode.\n */\nexport function useIsHovered() {\n\treturn useRefEffect( ( node ) => {\n\t\tnode.addEventListener( 'mouseout', listener );\n\t\tnode.addEventListener( 'mouseover', listener );\n\n\t\treturn () => {\n\t\t\tnode.removeEventListener( 'mouseout', listener );\n\t\t\tnode.removeEventListener( 'mouseover', listener );\n\n\t\t\t// Remove class in case it lingers.\n\t\t\tnode.classList.remove( 'is-hovered' );\n\t\t};\n\t}, [] );\n}\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,YAAY,QAAQ,oBAAoB;AAEjD,SAASC,QAAQA,CAAEC,KAAK,EAAG;EAC1B,IAAKA,KAAK,CAACC,gBAAgB,EAAG;IAC7B;EACD;EAEAD,KAAK,CAACE,cAAc,CAAC,CAAC;EACtBF,KAAK,CAACG,aAAa,CAACC,SAAS,CAACC,MAAM,CACnC,YAAY,EACZL,KAAK,CAACM,IAAI,KAAK,WAChB,CAAC;AACF;;AAEA;AACA;AACA;AACA;AACA,OAAO,SAASC,YAAYA,CAAA,EAAG;EAC9B,OAAOT,YAAY,CAAIU,IAAI,IAAM;IAChCA,IAAI,CAACC,gBAAgB,CAAE,UAAU,EAAEV,QAAS,CAAC;IAC7CS,IAAI,CAACC,gBAAgB,CAAE,WAAW,EAAEV,QAAS,CAAC;IAE9C,OAAO,MAAM;MACZS,IAAI,CAACE,mBAAmB,CAAE,UAAU,EAAEX,QAAS,CAAC;MAChDS,IAAI,CAACE,mBAAmB,CAAE,WAAW,EAAEX,QAAS,CAAC;;MAEjD;MACAS,IAAI,CAACJ,SAAS,CAACO,MAAM,CAAE,YAAa,CAAC;IACtC,CAAC;EACF,CAAC,EAAE,EAAG,CAAC;AACR","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../../../src/components/block-list/use-block-props/use-is-hovered.js"],
+  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { useRefEffect } from '@wordpress/compose';\n\nfunction listener( event ) {\n\tif ( event.defaultPrevented ) {\n\t\treturn;\n\t}\n\n\tevent.preventDefault();\n\tevent.currentTarget.classList.toggle(\n\t\t'is-hovered',\n\t\tevent.type === 'mouseover'\n\t);\n}\n\n/*\n * Adds `is-hovered` class when the block is hovered and in navigation or\n * outline mode.\n */\nexport function useIsHovered() {\n\treturn useRefEffect( ( node ) => {\n\t\tnode.addEventListener( 'mouseout', listener );\n\t\tnode.addEventListener( 'mouseover', listener );\n\n\t\treturn () => {\n\t\t\tnode.removeEventListener( 'mouseout', listener );\n\t\t\tnode.removeEventListener( 'mouseover', listener );\n\n\t\t\t// Remove class in case it lingers.\n\t\t\tnode.classList.remove( 'is-hovered' );\n\t\t};\n\t}, [] );\n}\n"],
+  "mappings": "AAGA,SAAS,oBAAoB;AAE7B,SAAS,SAAU,OAAQ;AAC1B,MAAK,MAAM,kBAAmB;AAC7B;AAAA,EACD;AAEA,QAAM,eAAe;AACrB,QAAM,cAAc,UAAU;AAAA,IAC7B;AAAA,IACA,MAAM,SAAS;AAAA,EAChB;AACD;AAMO,SAAS,eAAe;AAC9B,SAAO,aAAc,CAAE,SAAU;AAChC,SAAK,iBAAkB,YAAY,QAAS;AAC5C,SAAK,iBAAkB,aAAa,QAAS;AAE7C,WAAO,MAAM;AACZ,WAAK,oBAAqB,YAAY,QAAS;AAC/C,WAAK,oBAAqB,aAAa,QAAS;AAGhD,WAAK,UAAU,OAAQ,YAAa;AAAA,IACrC;AAAA,EACD,GAAG,CAAC,CAAE;AACP;",
+  "names": []
+}