@wordpress/block-editor 12.8.1 → 12.9.0

package/build-module/utils/pre-parse-patterns.js

@@ -1,61 +0,0 @@
-/**
- * WordPress dependencies
- */
-import { useSelect, select } from '@wordpress/data';
-import { useEffect } from '@wordpress/element';
-
-/**
- * Internal dependencies
- */
-import { store as blockEditorStore } from '../store';
-const requestIdleCallback = (() => {
-  if (typeof window === 'undefined') {
-    return callback => {
-      setTimeout(() => callback(Date.now()), 0);
-    };
-  }
-  return window.requestIdleCallback || window.requestAnimationFrame;
-})();
-const cancelIdleCallback = (() => {
-  if (typeof window === 'undefined') {
-    return clearTimeout;
-  }
-  return window.cancelIdleCallback || window.cancelAnimationFrame;
-})();
-export function usePreParsePatterns() {
-  const {
-    patterns,
-    isPreviewMode
-  } = useSelect(_select => {
-    const {
-      __experimentalBlockPatterns,
-      __unstableIsPreviewMode
-    } = _select(blockEditorStore).getSettings();
-    return {
-      patterns: __experimentalBlockPatterns,
-      isPreviewMode: __unstableIsPreviewMode
-    };
-  }, []);
-  useEffect(() => {
-    if (isPreviewMode) {
-      return;
-    }
-    if (!patterns?.length) {
-      return;
-    }
-    let handle;
-    let index = -1;
-    const callback = () => {
-      index++;
-      if (index >= patterns.length) {
-        return;
-      }
-      select(blockEditorStore).__experimentalGetParsedPattern(patterns[index].name);
-      handle = requestIdleCallback(callback);
-    };
-    handle = requestIdleCallback(callback);
-    return () => cancelIdleCallback(handle);
-  }, [patterns, isPreviewMode]);
-  return null;
-}
-//# sourceMappingURL=pre-parse-patterns.js.map

package/build-module/utils/pre-parse-patterns.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["useSelect","select","useEffect","store","blockEditorStore","requestIdleCallback","window","callback","setTimeout","Date","now","requestAnimationFrame","cancelIdleCallback","clearTimeout","cancelAnimationFrame","usePreParsePatterns","patterns","isPreviewMode","_select","__experimentalBlockPatterns","__unstableIsPreviewMode","getSettings","length","handle","index","__experimentalGetParsedPattern","name"],"sources":["@wordpress/block-editor/src/utils/pre-parse-patterns.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useSelect, select } from '@wordpress/data';\nimport { useEffect } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport { store as blockEditorStore } from '../store';\n\nconst requestIdleCallback = ( () => {\n\tif ( typeof window === 'undefined' ) {\n\t\treturn ( callback ) => {\n\t\t\tsetTimeout( () => callback( Date.now() ), 0 );\n\t\t};\n\t}\n\n\treturn window.requestIdleCallback || window.requestAnimationFrame;\n} )();\n\nconst cancelIdleCallback = ( () => {\n\tif ( typeof window === 'undefined' ) {\n\t\treturn clearTimeout;\n\t}\n\n\treturn window.cancelIdleCallback || window.cancelAnimationFrame;\n} )();\n\nexport function usePreParsePatterns() {\n\tconst { patterns, isPreviewMode } = useSelect( ( _select ) => {\n\t\tconst { __experimentalBlockPatterns, __unstableIsPreviewMode } =\n\t\t\t_select( blockEditorStore ).getSettings();\n\t\treturn {\n\t\t\tpatterns: __experimentalBlockPatterns,\n\t\t\tisPreviewMode: __unstableIsPreviewMode,\n\t\t};\n\t}, [] );\n\n\tuseEffect( () => {\n\t\tif ( isPreviewMode ) {\n\t\t\treturn;\n\t\t}\n\t\tif ( ! patterns?.length ) {\n\t\t\treturn;\n\t\t}\n\n\t\tlet handle;\n\t\tlet index = -1;\n\n\t\tconst callback = () => {\n\t\t\tindex++;\n\t\t\tif ( index >= patterns.length ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tselect( blockEditorStore ).__experimentalGetParsedPattern(\n\t\t\t\tpatterns[ index ].name\n\t\t\t);\n\n\t\t\thandle = requestIdleCallback( callback );\n\t\t};\n\n\t\thandle = requestIdleCallback( callback );\n\t\treturn () => cancelIdleCallback( handle );\n\t}, [ patterns, isPreviewMode ] );\n\n\treturn null;\n}\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,SAAS,EAAEC,MAAM,QAAQ,iBAAiB;AACnD,SAASC,SAAS,QAAQ,oBAAoB;;AAE9C;AACA;AACA;AACA,SAASC,KAAK,IAAIC,gBAAgB,QAAQ,UAAU;AAEpD,MAAMC,mBAAmB,GAAG,CAAE,MAAM;EACnC,IAAK,OAAOC,MAAM,KAAK,WAAW,EAAG;IACpC,OAASC,QAAQ,IAAM;MACtBC,UAAU,CAAE,MAAMD,QAAQ,CAAEE,IAAI,CAACC,GAAG,CAAC,CAAE,CAAC,EAAE,CAAE,CAAC;IAC9C,CAAC;EACF;EAEA,OAAOJ,MAAM,CAACD,mBAAmB,IAAIC,MAAM,CAACK,qBAAqB;AAClE,CAAC,EAAG,CAAC;AAEL,MAAMC,kBAAkB,GAAG,CAAE,MAAM;EAClC,IAAK,OAAON,MAAM,KAAK,WAAW,EAAG;IACpC,OAAOO,YAAY;EACpB;EAEA,OAAOP,MAAM,CAACM,kBAAkB,IAAIN,MAAM,CAACQ,oBAAoB;AAChE,CAAC,EAAG,CAAC;AAEL,OAAO,SAASC,mBAAmBA,CAAA,EAAG;EACrC,MAAM;IAAEC,QAAQ;IAAEC;EAAc,CAAC,GAAGjB,SAAS,CAAIkB,OAAO,IAAM;IAC7D,MAAM;MAAEC,2BAA2B;MAAEC;IAAwB,CAAC,GAC7DF,OAAO,CAAEd,gBAAiB,CAAC,CAACiB,WAAW,CAAC,CAAC;IAC1C,OAAO;MACNL,QAAQ,EAAEG,2BAA2B;MACrCF,aAAa,EAAEG;IAChB,CAAC;EACF,CAAC,EAAE,EAAG,CAAC;EAEPlB,SAAS,CAAE,MAAM;IAChB,IAAKe,aAAa,EAAG;MACpB;IACD;IACA,IAAK,CAAED,QAAQ,EAAEM,MAAM,EAAG;MACzB;IACD;IAEA,IAAIC,MAAM;IACV,IAAIC,KAAK,GAAG,CAAC,CAAC;IAEd,MAAMjB,QAAQ,GAAGA,CAAA,KAAM;MACtBiB,KAAK,EAAE;MACP,IAAKA,KAAK,IAAIR,QAAQ,CAACM,MAAM,EAAG;QAC/B;MACD;MAEArB,MAAM,CAAEG,gBAAiB,CAAC,CAACqB,8BAA8B,CACxDT,QAAQ,CAAEQ,KAAK,CAAE,CAACE,IACnB,CAAC;MAEDH,MAAM,GAAGlB,mBAAmB,CAAEE,QAAS,CAAC;IACzC,CAAC;IAEDgB,MAAM,GAAGlB,mBAAmB,CAAEE,QAAS,CAAC;IACxC,OAAO,MAAMK,kBAAkB,CAAEW,MAAO,CAAC;EAC1C,CAAC,EAAE,CAAEP,QAAQ,EAAEC,aAAa,CAAG,CAAC;EAEhC,OAAO,IAAI;AACZ"}

package/src/components/url-popover/test/__snapshots__/index.js.snap

@@ -1,133 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`URLPopover matches the snapshot in its default state 1`] = `
-<div>
-  <span>
-    <div
-      class="components-popover block-editor-url-popover is-positioned"
-      style="position: absolute; top: 0px; left: 0px; transform: none;"
-      tabindex="-1"
-    >
-      <div
-        class="components-popover__content"
-        style="max-height: 0px; overflow: auto;"
-      >
-        <div
-          class="block-editor-url-popover__input-container"
-        >
-          <div
-            class="block-editor-url-popover__row"
-          >
-            <div>
-              Editor
-            </div>
-            <button
-              aria-expanded="false"
-              aria-label="Link settings"
-              class="components-button block-editor-url-popover__settings-toggle has-icon"
-              type="button"
-            >
-              <svg
-                aria-hidden="true"
-                focusable="false"
-                height="24"
-                viewBox="0 0 24 24"
-                width="24"
-                xmlns="http://www.w3.org/2000/svg"
-              >
-                <path
-                  d="M17.5 11.6L12 16l-5.5-4.4.9-1.2L12 14l4.5-3.6 1 1.2z"
-                />
-              </svg>
-            </button>
-          </div>
-        </div>
-      </div>
-    </div>
-  </span>
-</div>
-`;
-
-exports[`URLPopover matches the snapshot when the settings are toggled open 1`] = `
-<div>
-  <span>
-    <div
-      class="components-popover block-editor-url-popover is-positioned"
-      style="position: absolute; top: 0px; left: 0px; transform: none;"
-      tabindex="-1"
-    >
-      <div
-        class="components-popover__content"
-        style="max-height: 0px; overflow: auto;"
-      >
-        <div
-          class="block-editor-url-popover__input-container"
-        >
-          <div
-            class="block-editor-url-popover__row"
-          >
-            <div>
-              Editor
-            </div>
-            <button
-              aria-expanded="true"
-              aria-label="Link settings"
-              class="components-button block-editor-url-popover__settings-toggle has-icon"
-              type="button"
-            >
-              <svg
-                aria-hidden="true"
-                focusable="false"
-                height="24"
-                viewBox="0 0 24 24"
-                width="24"
-                xmlns="http://www.w3.org/2000/svg"
-              >
-                <path
-                  d="M17.5 11.6L12 16l-5.5-4.4.9-1.2L12 14l4.5-3.6 1 1.2z"
-                />
-              </svg>
-            </button>
-          </div>
-          <div
-            class="block-editor-url-popover__row block-editor-url-popover__settings"
-          >
-            <div>
-              Settings
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-  </span>
-</div>
-`;
-
-exports[`URLPopover matches the snapshot when there are no settings 1`] = `
-<div>
-  <span>
-    <div
-      class="components-popover block-editor-url-popover is-positioned"
-      style="position: absolute; top: 0px; left: 0px; transform: none;"
-      tabindex="-1"
-    >
-      <div
-        class="components-popover__content"
-        style="max-height: 0px; overflow: auto;"
-      >
-        <div
-          class="block-editor-url-popover__input-container"
-        >
-          <div
-            class="block-editor-url-popover__row"
-          >
-            <div>
-              Editor
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-  </span>
-</div>
-`;

package/src/components/url-popover/test/index.js

@@ -1,75 +0,0 @@
-/**
- * External dependencies
- */
-import { render, screen, waitFor } from '@testing-library/react';
-import userEvent from '@testing-library/user-event';
-
-/**
- * Internal dependencies
- */
-import URLPopover from '../';
-
-/**
- * Returns the first found popover element up the DOM tree.
- *
- * @param {HTMLElement} element Element to start with.
- * @return {HTMLElement|null} Popover element, or `null` if not found.
- */
-function getWrappingPopoverElement( element ) {
-	return element.closest( '.components-popover' );
-}
-
-describe( 'URLPopover', () => {
-	it( 'matches the snapshot in its default state', async () => {
-		const { container } = render(
-			<URLPopover
-				animate={ false }
-				renderSettings={ () => <div>Settings</div> }
-			>
-				<div>Editor</div>
-			</URLPopover>
-		);
-
-		await waitFor( () =>
-			expect(
-				getWrappingPopoverElement( screen.getByText( 'Editor' ) )
-			).toBePositionedPopover()
-		);
-
-		expect( container ).toMatchSnapshot();
-	} );
-
-	it( 'matches the snapshot when the settings are toggled open', async () => {
-		const user = userEvent.setup();
-		const { container } = render(
-			<URLPopover
-				animate={ false }
-				renderSettings={ () => <div>Settings</div> }
-			>
-				<div>Editor</div>
-			</URLPopover>
-		);
-
-		await user.click(
-			screen.getByRole( 'button', { name: 'Link settings' } )
-		);
-
-		expect( container ).toMatchSnapshot();
-	} );
-
-	it( 'matches the snapshot when there are no settings', async () => {
-		const { container } = render(
-			<URLPopover animate={ false }>
-				<div>Editor</div>
-			</URLPopover>
-		);
-
-		await waitFor( () =>
-			expect(
-				getWrappingPopoverElement( screen.getByText( 'Editor' ) )
-			).toBePositionedPopover()
-		);
-
-		expect( container ).toMatchSnapshot();
-	} );
-} );

package/src/utils/pre-parse-patterns.js

@@ -1,69 +0,0 @@
-/**
- * WordPress dependencies
- */
-import { useSelect, select } from '@wordpress/data';
-import { useEffect } from '@wordpress/element';
-
-/**
- * Internal dependencies
- */
-import { store as blockEditorStore } from '../store';
-
-const requestIdleCallback = ( () => {
-	if ( typeof window === 'undefined' ) {
-		return ( callback ) => {
-			setTimeout( () => callback( Date.now() ), 0 );
-		};
-	}
-
-	return window.requestIdleCallback || window.requestAnimationFrame;
-} )();
-
-const cancelIdleCallback = ( () => {
-	if ( typeof window === 'undefined' ) {
-		return clearTimeout;
-	}
-
-	return window.cancelIdleCallback || window.cancelAnimationFrame;
-} )();
-
-export function usePreParsePatterns() {
-	const { patterns, isPreviewMode } = useSelect( ( _select ) => {
-		const { __experimentalBlockPatterns, __unstableIsPreviewMode } =
-			_select( blockEditorStore ).getSettings();
-		return {
-			patterns: __experimentalBlockPatterns,
-			isPreviewMode: __unstableIsPreviewMode,
-		};
-	}, [] );
-
-	useEffect( () => {
-		if ( isPreviewMode ) {
-			return;
-		}
-		if ( ! patterns?.length ) {
-			return;
-		}
-
-		let handle;
-		let index = -1;
-
-		const callback = () => {
-			index++;
-			if ( index >= patterns.length ) {
-				return;
-			}
-
-			select( blockEditorStore ).__experimentalGetParsedPattern(
-				patterns[ index ].name
-			);
-
-			handle = requestIdleCallback( callback );
-		};
-
-		handle = requestIdleCallback( callback );
-		return () => cancelIdleCallback( handle );
-	}, [ patterns, isPreviewMode ] );
-
-	return null;
-}