@wordpress/block-library 9.48.1 → 10.0.0

package/build-module/tabs/use-tab-list-sync.mjs

@@ -1,169 +0,0 @@
-// packages/block-library/src/tabs/use-tab-list-sync.js
-import { createBlock } from "@wordpress/blocks";
-import { store as blockEditorStore } from "@wordpress/block-editor";
-import { useDispatch } from "@wordpress/data";
-import { useEffect, useRef } from "@wordpress/element";
-function useTabListSync({
-  tabPanels,
-  tabs,
-  tabPanelsClientId,
-  tabsListClientId
-}) {
-  const {
-    removeBlock,
-    insertBlocks,
-    replaceInnerBlocks,
-    __unstableMarkNextChangeAsNotPersistent
-  } = useDispatch(blockEditorStore);
-  const prevSyncStateRef = useRef(null);
-  useEffect(() => {
-    if (prevSyncStateRef.current === null) {
-      prevSyncStateRef.current = {
-        tabPanels: [...tabPanels],
-        tabs: [...tabs]
-      };
-      return;
-    }
-    const { tabPanels: prevTabPanels, tabs: prevTabs } = prevSyncStateRef.current;
-    const tabPanelCountChange = tabPanels.length - prevTabPanels.length;
-    const tabCountChange = tabs.length - prevTabs.length;
-    const tabPanelsInserted = tabPanelCountChange > 0;
-    const tabsInserted = tabCountChange > 0;
-    if (tabPanelCountChange === tabCountChange) {
-      if (tabPanelCountChange === 0 && tabPanelsClientId && tabs.some((m, i) => m.clientId !== prevTabs[i]?.clientId)) {
-        const reorderedTabPanels = tabs.map((tab) => {
-          const oldIndex = prevTabs.findIndex(
-            (pm) => pm.clientId === tab.clientId
-          );
-          return oldIndex !== -1 ? tabPanels[oldIndex] : null;
-        }).filter(Boolean);
-        if (reorderedTabPanels.length === tabPanels.length) {
-          __unstableMarkNextChangeAsNotPersistent();
-          replaceInnerBlocks(
-            tabPanelsClientId,
-            reorderedTabPanels,
-            false
-          );
-        }
-      }
-      prevSyncStateRef.current = {
-        tabPanels: [...tabPanels],
-        tabs: [...tabs]
-      };
-      return;
-    }
-    if (tabPanelCountChange > 0 && tabCountChange > 0 || tabPanelCountChange < 0 && tabCountChange < 0) {
-      prevSyncStateRef.current = {
-        tabPanels: [...tabPanels],
-        tabs: [...tabs]
-      };
-      return;
-    }
-    if (tabPanelsInserted && !tabsListClientId) {
-      return;
-    }
-    if (tabsInserted && !tabPanelsClientId) {
-      return;
-    }
-    prevSyncStateRef.current = {
-      tabPanels: [...tabPanels],
-      tabs: [...tabs]
-    };
-    const currentTabPanelIds = new Set(
-      tabPanels.map((t) => t.clientId)
-    );
-    const currentTabIds = new Set(tabs.map((m) => m.clientId));
-    if (tabPanelCountChange < 0) {
-      const removedIndices = prevTabPanels.map(
-        (t, i) => !currentTabPanelIds.has(t.clientId) ? i : -1
-      ).filter((i) => i !== -1);
-      const removedSet = new Set(removedIndices);
-      removedIndices.forEach((removedIndex) => {
-        if (tabs[removedIndex]) {
-          __unstableMarkNextChangeAsNotPersistent();
-          removeBlock(tabs[removedIndex].clientId, false);
-        }
-      });
-      prevSyncStateRef.current.tabs = prevSyncStateRef.current.tabs.filter(
-        (_, i) => !removedSet.has(i)
-      );
-    } else if (tabCountChange < 0) {
-      const removedIndices = prevTabs.map(
-        (m, i) => !currentTabIds.has(m.clientId) ? i : -1
-      ).filter((i) => i !== -1);
-      const removedSet = new Set(removedIndices);
-      removedIndices.forEach((removedIndex) => {
-        if (tabPanels[removedIndex]) {
-          __unstableMarkNextChangeAsNotPersistent();
-          removeBlock(tabPanels[removedIndex].clientId, false);
-        }
-      });
-      prevSyncStateRef.current.tabPanels = prevSyncStateRef.current.tabPanels.filter(
-        (_, i) => !removedSet.has(i)
-      );
-    } else if (tabPanelsInserted) {
-      const prevTabPanelIds = new Set(
-        prevTabPanels.map((t) => t.clientId)
-      );
-      const newTabs = tabPanels.map(
-        (tabPanel, tabPanelIndex) => !prevTabPanelIds.has(tabPanel.clientId) ? {
-          tabPanelIndex,
-          block: createBlock("core/tab", {})
-        } : null
-      ).filter(Boolean);
-      if (newTabs.length > 0) {
-        __unstableMarkNextChangeAsNotPersistent();
-        insertBlocks(
-          newTabs.map(({ block }) => block),
-          newTabs[0].tabPanelIndex,
-          tabsListClientId,
-          false
-        );
-        newTabs.forEach(({ tabPanelIndex, block }) => {
-          prevSyncStateRef.current.tabs.splice(tabPanelIndex, 0, {
-            clientId: block.clientId
-          });
-        });
-      }
-    } else if (tabsInserted) {
-      const prevTabIds = new Set(prevTabs.map((m) => m.clientId));
-      const newTabPanels = tabs.map((tab, tabIndex) => {
-        if (prevTabIds.has(tab.clientId)) {
-          return null;
-        }
-        const label = tabPanels[tabIndex - 1]?.attributes?.label ?? tabPanels[tabIndex]?.attributes?.label ?? "";
-        return {
-          tabIndex,
-          block: createBlock("core/tab-panel", { label })
-        };
-      }).filter(Boolean);
-      if (newTabPanels.length > 0) {
-        __unstableMarkNextChangeAsNotPersistent();
-        insertBlocks(
-          newTabPanels.map(({ block }) => block),
-          newTabPanels[0].tabIndex,
-          tabPanelsClientId,
-          false
-        );
-        newTabPanels.forEach(({ tabIndex, block }) => {
-          prevSyncStateRef.current.tabPanels.splice(tabIndex, 0, {
-            clientId: block.clientId
-          });
-        });
-      }
-    }
-  }, [
-    tabPanels,
-    tabs,
-    removeBlock,
-    insertBlocks,
-    replaceInnerBlocks,
-    __unstableMarkNextChangeAsNotPersistent,
-    tabsListClientId,
-    tabPanelsClientId
-  ]);
-}
-export {
-  useTabListSync as default
-};
-//# sourceMappingURL=use-tab-list-sync.mjs.map

package/build-module/tabs/use-tab-list-sync.mjs.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/tabs/use-tab-list-sync.js"],
-  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { createBlock } from '@wordpress/blocks';\nimport { store as blockEditorStore } from '@wordpress/block-editor';\nimport { useDispatch } from '@wordpress/data';\nimport { useEffect, useRef } from '@wordpress/element';\n\n/**\n * Keep tabs and tab panels in sync when the lists change due to direct\n * user actions (deletion, paste, duplicate, drag-and-drop).\n *\n * Deletion: when one side shrinks, remove the counterpart at the same index.\n * Insertion: when one side grows without the other, insert the missing\n * counterpart at the matching index.\n *\n * When both lists change simultaneously (e.g. the \"Add Tab\" toolbar button,\n * which inserts both at once), no action is needed and the effect exits early.\n *\n * @param {Object}      props\n * @param {Array}       props.tabs              Raw core/tab block objects.\n * @param {Array}       props.tabPanels         Raw core/tab-panel block objects.\n * @param {string|null} props.tabPanelsClientId Client ID of the core/tab-panels block.\n * @param {string|null} props.tabsListClientId  Client ID of the core/tab-list block.\n */\nexport default function useTabListSync( {\n\ttabPanels,\n\ttabs,\n\ttabPanelsClientId,\n\ttabsListClientId,\n} ) {\n\tconst {\n\t\tremoveBlock,\n\t\tinsertBlocks,\n\t\treplaceInnerBlocks,\n\t\t__unstableMarkNextChangeAsNotPersistent,\n\t} = useDispatch( blockEditorStore );\n\n\tconst prevSyncStateRef = useRef( null );\n\tuseEffect( () => {\n\t\tif ( prevSyncStateRef.current === null ) {\n\t\t\tprevSyncStateRef.current = {\n\t\t\t\ttabPanels: [ ...tabPanels ],\n\t\t\t\ttabs: [ ...tabs ],\n\t\t\t};\n\t\t\treturn;\n\t\t}\n\n\t\tconst { tabPanels: prevTabPanels, tabs: prevTabs } =\n\t\t\tprevSyncStateRef.current;\n\n\t\tconst tabPanelCountChange = tabPanels.length - prevTabPanels.length;\n\t\tconst tabCountChange = tabs.length - prevTabs.length;\n\n\t\tconst tabPanelsInserted = tabPanelCountChange > 0;\n\t\tconst tabsInserted = tabCountChange > 0;\n\n\t\t// Both sides changed by the same amount.\n\t\t// Covers: no-op re-renders, \"Add Tab\" toolbar, and toolbar-remove.\n\t\t// Also handles drag-and-drop reordering of tabs.\n\t\tif ( tabPanelCountChange === tabCountChange ) {\n\t\t\t// When lengths are equal but order changed, the user reordered tabs\n\t\t\t// via drag-and-drop. Reorder the tab panel blocks to match.\n\t\t\tif (\n\t\t\t\ttabPanelCountChange === 0 &&\n\t\t\t\ttabPanelsClientId &&\n\t\t\t\ttabs.some( ( m, i ) => m.clientId !== prevTabs[ i ]?.clientId )\n\t\t\t) {\n\t\t\t\tconst reorderedTabPanels = tabs\n\t\t\t\t\t.map( ( tab ) => {\n\t\t\t\t\t\tconst oldIndex = prevTabs.findIndex(\n\t\t\t\t\t\t\t( pm ) => pm.clientId === tab.clientId\n\t\t\t\t\t\t);\n\t\t\t\t\t\treturn oldIndex !== -1 ? tabPanels[ oldIndex ] : null;\n\t\t\t\t\t} )\n\t\t\t\t\t.filter( Boolean );\n\t\t\t\tif ( reorderedTabPanels.length === tabPanels.length ) {\n\t\t\t\t\t__unstableMarkNextChangeAsNotPersistent();\n\t\t\t\t\treplaceInnerBlocks(\n\t\t\t\t\t\ttabPanelsClientId,\n\t\t\t\t\t\treorderedTabPanels,\n\t\t\t\t\t\tfalse\n\t\t\t\t\t);\n\t\t\t\t}\n\t\t\t}\n\t\t\tprevSyncStateRef.current = {\n\t\t\t\ttabPanels: [ ...tabPanels ],\n\t\t\t\ttabs: [ ...tabs ],\n\t\t\t};\n\t\t\treturn;\n\t\t}\n\n\t\t// Both sides changed in the same direction but by different amounts.\n\t\t// Bail without making a partial fix.\n\t\tif (\n\t\t\t( tabPanelCountChange > 0 && tabCountChange > 0 ) ||\n\t\t\t( tabPanelCountChange < 0 && tabCountChange < 0 )\n\t\t) {\n\t\t\tprevSyncStateRef.current = {\n\t\t\t\ttabPanels: [ ...tabPanels ],\n\t\t\t\ttabs: [ ...tabs ],\n\t\t\t};\n\t\t\treturn;\n\t\t}\n\n\t\t// If the required container block isn't available yet, bail without\n\t\t// updating the snapshot so the next render re-evaluates the same count change.\n\t\tif ( tabPanelsInserted && ! tabsListClientId ) {\n\t\t\treturn;\n\t\t}\n\t\tif ( tabsInserted && ! tabPanelsClientId ) {\n\t\t\treturn;\n\t\t}\n\n\t\t// Update snapshot to the current state.\n\t\tprevSyncStateRef.current = {\n\t\t\ttabPanels: [ ...tabPanels ],\n\t\t\ttabs: [ ...tabs ],\n\t\t};\n\n\t\tconst currentTabPanelIds = new Set(\n\t\t\ttabPanels.map( ( t ) => t.clientId )\n\t\t);\n\t\tconst currentTabIds = new Set( tabs.map( ( m ) => m.clientId ) );\n\n\t\tif ( tabPanelCountChange < 0 ) {\n\t\t\t// Remove the tab at the same position as each deleted tab panel.\n\t\t\tconst removedIndices = prevTabPanels\n\t\t\t\t.map( ( t, i ) =>\n\t\t\t\t\t! currentTabPanelIds.has( t.clientId ) ? i : -1\n\t\t\t\t)\n\t\t\t\t.filter( ( i ) => i !== -1 );\n\t\t\tconst removedSet = new Set( removedIndices );\n\t\t\tremovedIndices.forEach( ( removedIndex ) => {\n\t\t\t\tif ( tabs[ removedIndex ] ) {\n\t\t\t\t\t__unstableMarkNextChangeAsNotPersistent();\n\t\t\t\t\tremoveBlock( tabs[ removedIndex ].clientId, false );\n\t\t\t\t}\n\t\t\t} );\n\t\t\tprevSyncStateRef.current.tabs =\n\t\t\t\tprevSyncStateRef.current.tabs.filter(\n\t\t\t\t\t( _, i ) => ! removedSet.has( i )\n\t\t\t\t);\n\t\t} else if ( tabCountChange < 0 ) {\n\t\t\t// Remove the tab panel at the same position as each deleted tab.\n\t\t\tconst removedIndices = prevTabs\n\t\t\t\t.map( ( m, i ) =>\n\t\t\t\t\t! currentTabIds.has( m.clientId ) ? i : -1\n\t\t\t\t)\n\t\t\t\t.filter( ( i ) => i !== -1 );\n\t\t\tconst removedSet = new Set( removedIndices );\n\t\t\tremovedIndices.forEach( ( removedIndex ) => {\n\t\t\t\tif ( tabPanels[ removedIndex ] ) {\n\t\t\t\t\t__unstableMarkNextChangeAsNotPersistent();\n\t\t\t\t\tremoveBlock( tabPanels[ removedIndex ].clientId, false );\n\t\t\t\t}\n\t\t\t} );\n\t\t\tprevSyncStateRef.current.tabPanels =\n\t\t\t\tprevSyncStateRef.current.tabPanels.filter(\n\t\t\t\t\t( _, i ) => ! removedSet.has( i )\n\t\t\t\t);\n\t\t} else if ( tabPanelsInserted ) {\n\t\t\t// A tab panel was pasted or duplicated \u2014 insert a matching tab.\n\t\t\tconst prevTabPanelIds = new Set(\n\t\t\t\tprevTabPanels.map( ( t ) => t.clientId )\n\t\t\t);\n\t\t\tconst newTabs = tabPanels\n\t\t\t\t.map( ( tabPanel, tabPanelIndex ) =>\n\t\t\t\t\t! prevTabPanelIds.has( tabPanel.clientId )\n\t\t\t\t\t\t? {\n\t\t\t\t\t\t\t\ttabPanelIndex,\n\t\t\t\t\t\t\t\tblock: createBlock( 'core/tab', {} ),\n\t\t\t\t\t\t  }\n\t\t\t\t\t\t: null\n\t\t\t\t)\n\t\t\t\t.filter( Boolean );\n\n\t\t\tif ( newTabs.length > 0 ) {\n\t\t\t\t__unstableMarkNextChangeAsNotPersistent();\n\t\t\t\tinsertBlocks(\n\t\t\t\t\tnewTabs.map( ( { block } ) => block ),\n\t\t\t\t\tnewTabs[ 0 ].tabPanelIndex,\n\t\t\t\t\ttabsListClientId,\n\t\t\t\t\tfalse\n\t\t\t\t);\n\t\t\t\tnewTabs.forEach( ( { tabPanelIndex, block } ) => {\n\t\t\t\t\tprevSyncStateRef.current.tabs.splice( tabPanelIndex, 0, {\n\t\t\t\t\t\tclientId: block.clientId,\n\t\t\t\t\t} );\n\t\t\t\t} );\n\t\t\t}\n\t\t} else if ( tabsInserted ) {\n\t\t\t// A tab was pasted or duplicated \u2014 insert a matching tab panels,\n\t\t\t// copying the label from the adjacent tab panel.\n\t\t\tconst prevTabIds = new Set( prevTabs.map( ( m ) => m.clientId ) );\n\t\t\tconst newTabPanels = tabs\n\t\t\t\t.map( ( tab, tabIndex ) => {\n\t\t\t\t\tif ( prevTabIds.has( tab.clientId ) ) {\n\t\t\t\t\t\treturn null;\n\t\t\t\t\t}\n\t\t\t\t\tconst label =\n\t\t\t\t\t\ttabPanels[ tabIndex - 1 ]?.attributes?.label ??\n\t\t\t\t\t\ttabPanels[ tabIndex ]?.attributes?.label ??\n\t\t\t\t\t\t'';\n\t\t\t\t\treturn {\n\t\t\t\t\t\ttabIndex,\n\t\t\t\t\t\tblock: createBlock( 'core/tab-panel', { label } ),\n\t\t\t\t\t};\n\t\t\t\t} )\n\t\t\t\t.filter( Boolean );\n\n\t\t\tif ( newTabPanels.length > 0 ) {\n\t\t\t\t__unstableMarkNextChangeAsNotPersistent();\n\t\t\t\tinsertBlocks(\n\t\t\t\t\tnewTabPanels.map( ( { block } ) => block ),\n\t\t\t\t\tnewTabPanels[ 0 ].tabIndex,\n\t\t\t\t\ttabPanelsClientId,\n\t\t\t\t\tfalse\n\t\t\t\t);\n\t\t\t\tnewTabPanels.forEach( ( { tabIndex, block } ) => {\n\t\t\t\t\tprevSyncStateRef.current.tabPanels.splice( tabIndex, 0, {\n\t\t\t\t\t\tclientId: block.clientId,\n\t\t\t\t\t} );\n\t\t\t\t} );\n\t\t\t}\n\t\t}\n\t}, [\n\t\ttabPanels,\n\t\ttabs,\n\t\tremoveBlock,\n\t\tinsertBlocks,\n\t\treplaceInnerBlocks,\n\t\t__unstableMarkNextChangeAsNotPersistent,\n\t\ttabsListClientId,\n\t\ttabPanelsClientId,\n\t] );\n}\n"],
-  "mappings": "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",
-  "names": []
-}

package/build-style/tab/editor-rtl.css

@@ -1,11 +0,0 @@
-.wp-block-tab.is-selected {
-  outline-offset: 2px;
-}
-
-.block-editor-block-preview__live-content:has(.wp-block-tab) {
-  flex-basis: inherit !important;
-  flex-grow: inherit !important;
-}
-.block-editor-block-preview__live-content:has(.wp-block-tab) .wp-block-tab {
-  flex-basis: 100% !important;
-}

package/build-style/tab/editor.css

@@ -1,11 +0,0 @@
-.wp-block-tab.is-selected {
-  outline-offset: 2px;
-}
-
-.block-editor-block-preview__live-content:has(.wp-block-tab) {
-  flex-basis: inherit !important;
-  flex-grow: inherit !important;
-}
-.block-editor-block-preview__live-content:has(.wp-block-tab) .wp-block-tab {
-  flex-basis: 100% !important;
-}

package/build-style/tab-list/editor-rtl.css

@@ -1,6 +0,0 @@
-.wp-block-tab-list > .block-editor-block-list__layout {
-  display: contents;
-}
-.wp-block-tab-list .block-editor-block-list__block:has(> .wp-block-tab) {
-  display: contents;
-}

package/build-style/tab-list/editor.css

@@ -1,6 +0,0 @@
-.wp-block-tab-list > .block-editor-block-list__layout {
-  display: contents;
-}
-.wp-block-tab-list .block-editor-block-list__block:has(> .wp-block-tab) {
-  display: contents;
-}

package/build-style/tab-panels/style-rtl.css

@@ -1,4 +0,0 @@
-.wp-block-tab-panels {
-  flex-grow: 1;
-  min-width: 0;
-}

package/build-style/tab-panels/style.css

@@ -1,4 +0,0 @@
-.wp-block-tab-panels {
-  flex-grow: 1;
-  min-width: 0;
-}

package/src/freeform/convert-to-blocks-button.js

@@ -1,18 +0,0 @@
-/**
- * WordPress dependencies
- */
-import { __ } from '@wordpress/i18n';
-import { ToolbarButton } from '@wordpress/components';
-import { rawHandler } from '@wordpress/blocks';
-
-const ConvertToBlocksButton = ( { content, onReplace } ) => {
-	return (
-		<ToolbarButton
-			onClick={ () => onReplace( rawHandler( { HTML: content } ) ) }
-		>
-			{ __( 'Convert to blocks' ) }
-		</ToolbarButton>
-	);
-};
-
-export default ConvertToBlocksButton;

package/src/list-item/utils.js

@@ -1,34 +0,0 @@
-/**
- * WordPress dependencies
- */
-import { switchToBlockType } from '@wordpress/blocks';
-
-function convertBlockToList( block ) {
-	const list = switchToBlockType( block, 'core/list' );
-	if ( list ) {
-		return list;
-	}
-	const paragraph = switchToBlockType( block, 'core/paragraph' );
-	if ( ! paragraph ) {
-		return null;
-	}
-	return switchToBlockType( paragraph, 'core/list' );
-}
-
-export function convertToListItems( blocks ) {
-	const listItems = [];
-
-	for ( let block of blocks ) {
-		if ( block.name === 'core/list-item' ) {
-			listItems.push( block );
-		} else if ( block.name === 'core/list' ) {
-			listItems.push( ...block.innerBlocks );
-		} else if ( ( block = convertBlockToList( block ) ) ) {
-			for ( const { innerBlocks } of block ) {
-				listItems.push( ...innerBlocks );
-			}
-		}
-	}
-
-	return listItems;
-}

package/src/tab/README.md

@@ -1,69 +0,0 @@
-# Tab
-
-<!-- START TOKEN(Autogenerated block API docs) -->
-<div class="callout callout-warning">This block is <strong>experimental</strong> and may change or be removed without notice.</div>
-
-A single tab button in the tab list.
-
-- **Name:** `core/tab`
-- **Category:** [design](https://developer.wordpress.org/block-editor/reference-guides/core-blocks/core-blocks-design/)
-- **API Version:** [3](https://developer.wordpress.org/block-editor/reference-guides/block-api/block-api-versions/)
-- **Block Type:** [Hybrid](https://developer.wordpress.org/block-editor/getting-started/fundamentals/static-dynamic-rendering/) (static save + server enhancements)
-
-## Block Relationships
-
-**[Parent](https://developer.wordpress.org/block-editor/reference-guides/block-api/block-metadata/#parent) blocks (direct):**
-- [`core/tab-list`](https://developer.wordpress.org/block-editor/reference-guides/core-blocks/core-blocks-design/core-block-tab-list/)
-
-## Attributes
-
-_Defined via the [`attributes`](https://developer.wordpress.org/block-editor/reference-guides/block-api/block-attributes/) property in block.json._
-
-_This block has no custom attributes._
-
-## Supports
-
-_Defined via the [`supports`](https://developer.wordpress.org/block-editor/reference-guides/block-api/block-supports/) property in block.json._
-
-- [`html`](https://developer.wordpress.org/block-editor/reference-guides/block-api/block-supports/#html): `false`
-- [`reusable`](https://developer.wordpress.org/block-editor/reference-guides/block-api/block-supports/#reusable): `false`
-- [`visibility`](https://developer.wordpress.org/block-editor/reference-guides/block-api/block-supports/#visibility): `false`
-- [`lock`](https://developer.wordpress.org/block-editor/reference-guides/block-api/block-supports/#lock): `false`
-- [`color`](https://developer.wordpress.org/block-editor/reference-guides/block-api/block-supports/#color):
-  - [`background`](https://developer.wordpress.org/block-editor/reference-guides/block-api/block-supports/#color-background): `true`
-  - [`text`](https://developer.wordpress.org/block-editor/reference-guides/block-api/block-supports/#color-text): `true`
-- [`typography`](https://developer.wordpress.org/block-editor/reference-guides/block-api/block-supports/#typography):
-  - [`fontSize`](https://developer.wordpress.org/block-editor/reference-guides/block-api/block-supports/#typography-fontsize): `true`
-  - [`textAlign`](https://developer.wordpress.org/block-editor/reference-guides/block-api/block-supports/#typography-textalign): `true`
-- [`spacing`](https://developer.wordpress.org/block-editor/reference-guides/block-api/block-supports/#spacing):
-  - `padding`: `true`
-
-## Context
-
-_Defined via the [`usesContext` and `providesContext`](https://developer.wordpress.org/block-editor/reference-guides/block-api/block-context/) properties in block.json._
-
-**Uses context:**
-
-- `core/tabs-list`
-- `core/tabs-activeTabIndex`
-- `core/tabs-editorActiveTabIndex`
-- `core/tab-index`
-- `core/tab-id`
-- `core/tab-label`
-
-## Block Markup
-
-This is a [**hybrid block**](https://developer.wordpress.org/block-editor/getting-started/fundamentals/static-dynamic-rendering/). It saves static markup that the server may enhance during rendering.
-
-```html
-<!-- wp:tab -->
-<!-- Content... -->
-<!-- /wp:tab -->
-```
-
-## Source
-
-- [block.json](https://github.com/WordPress/gutenberg/tree/trunk/packages/block-library/src/tab/block.json) ([reference](https://developer.wordpress.org/block-editor/reference-guides/block-api/block-metadata/))
-- [Source directory](https://github.com/WordPress/gutenberg/tree/trunk/packages/block-library/src/tab/) — browse `edit.js`, `save.js`, `index.php`, and more.
-
-<!-- END TOKEN(Autogenerated block API docs) -->

package/src/tab/block.json

@@ -1,56 +0,0 @@
-{
-	"$schema": "https://schemas.wp.org/trunk/block.json",
-	"__experimental": true,
-	"apiVersion": 3,
-	"name": "core/tab",
-	"title": "Tab",
-	"description": "A single tab button in the tab list.",
-	"category": "design",
-	"textdomain": "default",
-	"parent": [ "core/tab-list" ],
-	"usesContext": [
-		"core/tabs-list",
-		"core/tabs-activeTabIndex",
-		"core/tabs-editorActiveTabIndex",
-		"core/tab-index",
-		"core/tab-id",
-		"core/tab-label"
-	],
-	"supports": {
-		"html": false,
-		"reusable": false,
-		"visibility": false,
-		"lock": false,
-		"color": {
-			"background": true,
-			"text": true,
-			"__experimentalDefaultControls": {
-				"background": true,
-				"text": true
-			}
-		},
-		"typography": {
-			"fontSize": true,
-			"__experimentalFontFamily": true,
-			"textAlign": true,
-			"__experimentalDefaultControls": {
-				"fontSize": true
-			}
-		},
-		"spacing": {
-			"padding": true,
-			"__experimentalDefaultControls": {
-				"padding": true
-			}
-		},
-		"__experimentalBorder": {
-			"radius": true,
-			"color": true,
-			"width": true,
-			"style": true
-		}
-	},
-	"editorScript": "file:./index.js",
-	"editorStyle": "file:./editor.css",
-	"style": "file:./style-index.css"
-}

package/src/tab/controls.js

@@ -1,19 +0,0 @@
-/**
- * WordPress dependencies
- */
-import { BlockControls } from '@wordpress/block-editor';
-
-/**
- * Internal dependencies
- */
-import AddTabToolbarControl from '../tab-panel/add-tab-toolbar-control';
-import RemoveTabToolbarControl from '../tab-panel/remove-tab-toolbar-control';
-
-export default function Controls( { tabsClientId } ) {
-	return (
-		<BlockControls>
-			<AddTabToolbarControl tabsClientId={ tabsClientId } />
-			<RemoveTabToolbarControl tabsClientId={ tabsClientId } />
-		</BlockControls>
-	);
-}

package/src/tab/edit.js

@@ -1,141 +0,0 @@
-/**
- * External dependencies
- */
-import clsx from 'clsx';
-
-/**
- * WordPress dependencies
- */
-import { __ } from '@wordpress/i18n';
-import {
-	useBlockProps,
-	store as blockEditorStore,
-	RichText,
-} from '@wordpress/block-editor';
-import { useSelect, useDispatch } from '@wordpress/data';
-import { useMemo, useCallback } from '@wordpress/element';
-
-/**
- * Internal dependencies
- */
-import Controls from './controls';
-
-const EMPTY_ARRAY = [];
-
-function Edit( { context, clientId } ) {
-	const tabsList = context[ 'core/tabs-list' ] || EMPTY_ARRAY;
-	const activeTabIndex = context[ 'core/tabs-activeTabIndex' ];
-	const editorActiveTabIndex = context[ 'core/tabs-editorActiveTabIndex' ];
-
-	const effectiveActiveIndex = useMemo( () => {
-		return editorActiveTabIndex ?? activeTabIndex;
-	}, [ editorActiveTabIndex, activeTabIndex ] );
-
-	const { tabIndex, tabsClientId, selectedTabClientId } = useSelect(
-		( select ) => {
-			const {
-				getBlockOrder,
-				getBlockRootClientId,
-				getSelectedBlockClientIds,
-				hasSelectedInnerBlock,
-			} = select( blockEditorStore );
-
-			const _tabsListClientId = getBlockRootClientId( clientId );
-			const _tabsClientId = _tabsListClientId
-				? getBlockRootClientId( _tabsListClientId )
-				: null;
-
-			const siblings = getBlockOrder( _tabsListClientId );
-			const _tabIndex = siblings.indexOf( clientId );
-
-			// Find which tab panel block is currently selected.
-			const selectedIds = getSelectedBlockClientIds();
-			let _selectedTabClientId = null;
-			for ( const tab of tabsList ) {
-				if (
-					selectedIds.includes( tab.clientId ) ||
-					hasSelectedInnerBlock( tab.clientId, true )
-				) {
-					_selectedTabClientId = tab.clientId;
-					break;
-				}
-			}
-
-			return {
-				tabIndex: _tabIndex,
-				tabsClientId: _tabsClientId,
-				selectedTabClientId: _selectedTabClientId,
-			};
-		},
-		[ clientId, tabsList ]
-	);
-
-	const tab = tabsList[ tabIndex ] || {};
-
-	// tabListIndex is the tab's position in tabsList, used for active-state
-	// checks and click handling.
-	const tabListIndex = tab.index ?? tabIndex;
-
-	const tabClientId = tab.clientId || '';
-	const label = tab.label || '';
-
-	const isActive = tabListIndex === effectiveActiveIndex;
-	const isSelected = tabClientId === selectedTabClientId;
-
-	const { __unstableMarkNextChangeAsNotPersistent, updateBlockAttributes } =
-		useDispatch( blockEditorStore );
-
-	const handleTabClick = useCallback(
-		( event ) => {
-			event.preventDefault();
-			if ( tabsClientId && tabListIndex !== effectiveActiveIndex ) {
-				__unstableMarkNextChangeAsNotPersistent();
-				updateBlockAttributes( tabsClientId, {
-					editorActiveTabIndex: tabListIndex,
-				} );
-			}
-		},
-		[
-			tabsClientId,
-			tabListIndex,
-			effectiveActiveIndex,
-			updateBlockAttributes,
-			__unstableMarkNextChangeAsNotPersistent,
-		]
-	);
-
-	const handleLabelChange = useCallback(
-		( newLabel ) => {
-			if ( tabClientId ) {
-				updateBlockAttributes( tabClientId, { label: newLabel } );
-			}
-		},
-		[ tabClientId, updateBlockAttributes ]
-	);
-
-	const blockProps = useBlockProps( {
-		className: clsx( {
-			'is-active': isActive,
-			'is-selected': isSelected,
-		} ),
-		tabIndex: -1,
-		onClick: handleTabClick,
-	} );
-
-	return (
-		<>
-			<Controls tabsClientId={ tabsClientId } />
-			<button { ...blockProps } type="button">
-				<RichText
-					tagName="span"
-					withoutInteractiveFormatting
-					placeholder={ __( 'Tab title' ) }
-					value={ label }
-					onChange={ handleLabelChange }
-				/>
-			</button>
-		</>
-	);
-}
-
-export default Edit;

package/src/tab/editor.scss

@@ -1,14 +0,0 @@
-.wp-block-tab {
-	&.is-selected {
-		outline-offset: 2px;
-	}
-}
-
-.block-editor-block-preview__live-content:has(.wp-block-tab) {
-	flex-basis: inherit !important;
-	flex-grow: inherit !important;
-
-	.wp-block-tab {
-		flex-basis: 100% !important;
-	}
-}

package/src/tab/index.js

@@ -1,24 +0,0 @@
-/**
- * WordPress dependencies
- */
-import { tab as icon } from '@wordpress/icons';
-
-/**
- * Internal dependencies
- */
-import initBlock from '../utils/init-block';
-import edit from './edit';
-import save from './save';
-import metadata from './block.json';
-
-const { name } = metadata;
-
-export { metadata, name };
-
-export const settings = {
-	icon,
-	edit,
-	save,
-};
-
-export const init = () => initBlock( { name, metadata, settings } );