@wordpress/block-library 10.1.0 → 10.2.0

package/build-module/tab-panel/add-tab-toolbar-control.mjs

@@ -1,72 +0,0 @@
-// packages/block-library/src/tab-panel/add-tab-toolbar-control.js
-import { __ } from "@wordpress/i18n";
-import { createBlock } from "@wordpress/blocks";
-import {
-  BlockControls,
-  store as blockEditorStore
-} from "@wordpress/block-editor";
-import { ToolbarGroup, ToolbarButton } from "@wordpress/components";
-import { useDispatch, useSelect } from "@wordpress/data";
-import { jsx } from "react/jsx-runtime";
-function AddTabToolbarControl({ tabsClientId }) {
-  const {
-    insertBlock,
-    updateBlockAttributes,
-    selectBlock,
-    __unstableMarkNextChangeAsNotPersistent
-  } = useDispatch(blockEditorStore);
-  const { tabPanelsClientId, tabCount, tabListClientId } = useSelect(
-    (select) => {
-      if (!tabsClientId) {
-        return {
-          tabPanelsClientId: null,
-          tabCount: 0,
-          tabListClientId: null
-        };
-      }
-      const { getBlocks } = select(blockEditorStore);
-      const innerBlocks = getBlocks(tabsClientId);
-      const tabPanels = innerBlocks.find(
-        (block) => block.name === "core/tab-panels"
-      );
-      const tabList = innerBlocks.find(
-        (block) => block.name === "core/tab-list"
-      );
-      return {
-        tabPanelsClientId: tabPanels?.clientId || null,
-        tabCount: tabPanels?.innerBlocks?.length || 0,
-        tabListClientId: tabList?.clientId || null
-      };
-    },
-    [tabsClientId]
-  );
-  const addTab = () => {
-    if (!tabPanelsClientId) {
-      return;
-    }
-    const newTabPanelBlock = createBlock("core/tab-panel", {
-      label: __("Tab")
-    });
-    insertBlock(newTabPanelBlock, void 0, tabPanelsClientId, false);
-    const newIndex = tabCount;
-    __unstableMarkNextChangeAsNotPersistent();
-    updateBlockAttributes(tabsClientId, {
-      editorActiveTabIndex: newIndex
-    });
-    if (tabListClientId) {
-      selectBlock(tabListClientId);
-    }
-  };
-  return /* @__PURE__ */ jsx(BlockControls, { group: "other", children: /* @__PURE__ */ jsx(ToolbarGroup, { children: /* @__PURE__ */ jsx(
-    ToolbarButton,
-    {
-      className: "components-toolbar__control",
-      onClick: addTab,
-      text: __("Add tab")
-    }
-  ) }) });
-}
-export {
-  AddTabToolbarControl as default
-};
-//# sourceMappingURL=add-tab-toolbar-control.mjs.map

package/build-module/tab-panel/add-tab-toolbar-control.mjs.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/tab-panel/add-tab-toolbar-control.js"],
-  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { createBlock } from '@wordpress/blocks';\nimport {\n\tBlockControls,\n\tstore as blockEditorStore,\n} from '@wordpress/block-editor';\nimport { ToolbarGroup, ToolbarButton } from '@wordpress/components';\nimport { useDispatch, useSelect } from '@wordpress/data';\n\n/**\n * \"Add tab\" button in the block toolbar for the tabs block.\n * Inserts a new core/tab-panel into the tab-panels. The tab-list items\n * attribute is kept in sync automatically via useTabListItemsSync.\n *\n * @param {Object} props\n * @param {string} props.tabsClientId The client ID of the parent tabs block.\n * @return {React.JSX.Element} The toolbar control element.\n */\nexport default function AddTabToolbarControl( { tabsClientId } ) {\n\tconst {\n\t\tinsertBlock,\n\t\tupdateBlockAttributes,\n\t\tselectBlock,\n\t\t__unstableMarkNextChangeAsNotPersistent,\n\t} = useDispatch( blockEditorStore );\n\n\tconst { tabPanelsClientId, tabCount, tabListClientId } = useSelect(\n\t\t( select ) => {\n\t\t\tif ( ! tabsClientId ) {\n\t\t\t\treturn {\n\t\t\t\t\ttabPanelsClientId: null,\n\t\t\t\t\ttabCount: 0,\n\t\t\t\t\ttabListClientId: null,\n\t\t\t\t};\n\t\t\t}\n\t\t\tconst { getBlocks } = select( blockEditorStore );\n\t\t\tconst innerBlocks = getBlocks( tabsClientId );\n\t\t\tconst tabPanels = innerBlocks.find(\n\t\t\t\t( block ) => block.name === 'core/tab-panels'\n\t\t\t);\n\t\t\tconst tabList = innerBlocks.find(\n\t\t\t\t( block ) => block.name === 'core/tab-list'\n\t\t\t);\n\t\t\treturn {\n\t\t\t\ttabPanelsClientId: tabPanels?.clientId || null,\n\t\t\t\ttabCount: tabPanels?.innerBlocks?.length || 0,\n\t\t\t\ttabListClientId: tabList?.clientId || null,\n\t\t\t};\n\t\t},\n\t\t[ tabsClientId ]\n\t);\n\n\tconst addTab = () => {\n\t\tif ( ! tabPanelsClientId ) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst newTabPanelBlock = createBlock( 'core/tab-panel', {\n\t\t\tlabel: __( 'Tab' ),\n\t\t} );\n\t\tinsertBlock( newTabPanelBlock, undefined, tabPanelsClientId, false );\n\n\t\t// Switch editor active tab to the new tab.\n\t\tconst newIndex = tabCount;\n\t\t__unstableMarkNextChangeAsNotPersistent();\n\t\tupdateBlockAttributes( tabsClientId, {\n\t\t\teditorActiveTabIndex: newIndex,\n\t\t} );\n\n\t\t// Select the tab-list block so focus stays in the menu area.\n\t\tif ( tabListClientId ) {\n\t\t\tselectBlock( tabListClientId );\n\t\t}\n\t};\n\n\treturn (\n\t\t<BlockControls group=\"other\">\n\t\t\t<ToolbarGroup>\n\t\t\t\t<ToolbarButton\n\t\t\t\t\tclassName=\"components-toolbar__control\"\n\t\t\t\t\tonClick={ addTab }\n\t\t\t\t\ttext={ __( 'Add tab' ) }\n\t\t\t\t/>\n\t\t\t</ToolbarGroup>\n\t\t</BlockControls>\n\t);\n}\n"],
-  "mappings": ";AAGA,SAAS,UAAU;AACnB,SAAS,mBAAmB;AAC5B;AAAA,EACC;AAAA,EACA,SAAS;AAAA,OACH;AACP,SAAS,cAAc,qBAAqB;AAC5C,SAAS,aAAa,iBAAiB;AAuEnC;AA5DW,SAAR,qBAAuC,EAAE,aAAa,GAAI;AAChE,QAAM;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACD,IAAI,YAAa,gBAAiB;AAElC,QAAM,EAAE,mBAAmB,UAAU,gBAAgB,IAAI;AAAA,IACxD,CAAE,WAAY;AACb,UAAK,CAAE,cAAe;AACrB,eAAO;AAAA,UACN,mBAAmB;AAAA,UACnB,UAAU;AAAA,UACV,iBAAiB;AAAA,QAClB;AAAA,MACD;AACA,YAAM,EAAE,UAAU,IAAI,OAAQ,gBAAiB;AAC/C,YAAM,cAAc,UAAW,YAAa;AAC5C,YAAM,YAAY,YAAY;AAAA,QAC7B,CAAE,UAAW,MAAM,SAAS;AAAA,MAC7B;AACA,YAAM,UAAU,YAAY;AAAA,QAC3B,CAAE,UAAW,MAAM,SAAS;AAAA,MAC7B;AACA,aAAO;AAAA,QACN,mBAAmB,WAAW,YAAY;AAAA,QAC1C,UAAU,WAAW,aAAa,UAAU;AAAA,QAC5C,iBAAiB,SAAS,YAAY;AAAA,MACvC;AAAA,IACD;AAAA,IACA,CAAE,YAAa;AAAA,EAChB;AAEA,QAAM,SAAS,MAAM;AACpB,QAAK,CAAE,mBAAoB;AAC1B;AAAA,IACD;AAEA,UAAM,mBAAmB,YAAa,kBAAkB;AAAA,MACvD,OAAO,GAAI,KAAM;AAAA,IAClB,CAAE;AACF,gBAAa,kBAAkB,QAAW,mBAAmB,KAAM;AAGnE,UAAM,WAAW;AACjB,4CAAwC;AACxC,0BAAuB,cAAc;AAAA,MACpC,sBAAsB;AAAA,IACvB,CAAE;AAGF,QAAK,iBAAkB;AACtB,kBAAa,eAAgB;AAAA,IAC9B;AAAA,EACD;AAEA,SACC,oBAAC,iBAAc,OAAM,SACpB,8BAAC,gBACA;AAAA,IAAC;AAAA;AAAA,MACA,WAAU;AAAA,MACV,SAAU;AAAA,MACV,MAAO,GAAI,SAAU;AAAA;AAAA,EACtB,GACD,GACD;AAEF;",
-  "names": []
-}

package/build-module/tab-panel/remove-tab-toolbar-control.mjs

@@ -1,81 +0,0 @@
-// packages/block-library/src/tab-panel/remove-tab-toolbar-control.js
-import {
-  BlockControls,
-  store as blockEditorStore
-} from "@wordpress/block-editor";
-import { ToolbarGroup, ToolbarButton } from "@wordpress/components";
-import { __ } from "@wordpress/i18n";
-import { useDispatch, useSelect } from "@wordpress/data";
-import { jsx } from "react/jsx-runtime";
-function RemoveTabToolbarControl({ tabsClientId }) {
-  const {
-    removeBlock,
-    updateBlockAttributes,
-    selectBlock,
-    __unstableMarkNextChangeAsNotPersistent
-  } = useDispatch(blockEditorStore);
-  const {
-    activeTabPanelClientId,
-    tabCount,
-    editorActiveTabIndex,
-    tabListClientId
-  } = useSelect(
-    (select) => {
-      if (!tabsClientId) {
-        return {
-          activeTabPanelClientId: null,
-          tabCount: 0,
-          editorActiveTabIndex: 0,
-          tabListClientId: null
-        };
-      }
-      const { getBlocks, getBlockAttributes } = select(blockEditorStore);
-      const tabsAttributes = getBlockAttributes(tabsClientId);
-      const activeIndex = tabsAttributes?.editorActiveTabIndex ?? tabsAttributes?.activeTabIndex ?? 0;
-      const innerBlocks = getBlocks(tabsClientId);
-      const tabPanels = innerBlocks.find(
-        (block) => block.name === "core/tab-panels"
-      );
-      const tabList = innerBlocks.find(
-        (block) => block.name === "core/tab-list"
-      );
-      const tabPanelBlocks = tabPanels?.innerBlocks || [];
-      const activeTabPanel = tabPanelBlocks[activeIndex];
-      return {
-        activeTabPanelClientId: activeTabPanel?.clientId || null,
-        tabCount: tabPanelBlocks.length,
-        editorActiveTabIndex: activeIndex,
-        tabListClientId: tabList?.clientId || null
-      };
-    },
-    [tabsClientId]
-  );
-  const removeTab = () => {
-    if (!activeTabPanelClientId || tabCount <= 1) {
-      return;
-    }
-    const newActiveIndex = editorActiveTabIndex >= tabCount - 1 ? tabCount - 2 : editorActiveTabIndex;
-    __unstableMarkNextChangeAsNotPersistent();
-    updateBlockAttributes(tabsClientId, {
-      editorActiveTabIndex: newActiveIndex
-    });
-    removeBlock(activeTabPanelClientId, false);
-    if (tabListClientId) {
-      selectBlock(tabListClientId);
-    }
-  };
-  const isDisabled = tabCount <= 1 || !activeTabPanelClientId;
-  return /* @__PURE__ */ jsx(BlockControls, { group: "other", children: /* @__PURE__ */ jsx(ToolbarGroup, { children: /* @__PURE__ */ jsx(
-    ToolbarButton,
-    {
-      className: "components-toolbar__control",
-      onClick: removeTab,
-      text: __("Remove tab"),
-      disabled: isDisabled
-    }
-  ) }) });
-}
-export {
-  RemoveTabToolbarControl as default
-};
-//# sourceMappingURL=remove-tab-toolbar-control.mjs.map

package/build-module/tab-panel/remove-tab-toolbar-control.mjs.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/tab-panel/remove-tab-toolbar-control.js"],
-  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport {\n\tBlockControls,\n\tstore as blockEditorStore,\n} from '@wordpress/block-editor';\nimport { ToolbarGroup, ToolbarButton } from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\nimport { useDispatch, useSelect } from '@wordpress/data';\n\n/**\n * \"Remove Tab\" button in the block toolbar for the tabs block.\n * Removes the currently active core/tab-panel. The tab-list items\n * attribute is kept in sync automatically via useTabListItemsSync.\n *\n * @param {Object} props\n * @param {string} props.tabsClientId The client ID of the parent tabs block.\n * @return {React.JSX.Element} The toolbar control element.\n */\nexport default function RemoveTabToolbarControl( { tabsClientId } ) {\n\tconst {\n\t\tremoveBlock,\n\t\tupdateBlockAttributes,\n\t\tselectBlock,\n\t\t__unstableMarkNextChangeAsNotPersistent,\n\t} = useDispatch( blockEditorStore );\n\n\tconst {\n\t\tactiveTabPanelClientId,\n\t\ttabCount,\n\t\teditorActiveTabIndex,\n\t\ttabListClientId,\n\t} = useSelect(\n\t\t( select ) => {\n\t\t\tif ( ! tabsClientId ) {\n\t\t\t\treturn {\n\t\t\t\t\tactiveTabPanelClientId: null,\n\t\t\t\t\ttabCount: 0,\n\t\t\t\t\teditorActiveTabIndex: 0,\n\t\t\t\t\ttabListClientId: null,\n\t\t\t\t};\n\t\t\t}\n\t\t\tconst { getBlocks, getBlockAttributes } =\n\t\t\t\tselect( blockEditorStore );\n\t\t\tconst tabsAttributes = getBlockAttributes( tabsClientId );\n\t\t\tconst activeIndex =\n\t\t\t\ttabsAttributes?.editorActiveTabIndex ??\n\t\t\t\ttabsAttributes?.activeTabIndex ??\n\t\t\t\t0;\n\t\t\tconst innerBlocks = getBlocks( tabsClientId );\n\t\t\tconst tabPanels = innerBlocks.find(\n\t\t\t\t( block ) => block.name === 'core/tab-panels'\n\t\t\t);\n\t\t\tconst tabList = innerBlocks.find(\n\t\t\t\t( block ) => block.name === 'core/tab-list'\n\t\t\t);\n\t\t\tconst tabPanelBlocks = tabPanels?.innerBlocks || [];\n\t\t\tconst activeTabPanel = tabPanelBlocks[ activeIndex ];\n\n\t\t\treturn {\n\t\t\t\tactiveTabPanelClientId: activeTabPanel?.clientId || null,\n\t\t\t\ttabCount: tabPanelBlocks.length,\n\t\t\t\teditorActiveTabIndex: activeIndex,\n\t\t\t\ttabListClientId: tabList?.clientId || null,\n\t\t\t};\n\t\t},\n\t\t[ tabsClientId ]\n\t);\n\n\tconst removeTab = () => {\n\t\tif ( ! activeTabPanelClientId || tabCount <= 1 ) {\n\t\t\treturn;\n\t\t}\n\n\t\t// Calculate new active index after removal.\n\t\tconst newActiveIndex =\n\t\t\teditorActiveTabIndex >= tabCount - 1\n\t\t\t\t? tabCount - 2\n\t\t\t\t: editorActiveTabIndex;\n\n\t\t__unstableMarkNextChangeAsNotPersistent();\n\t\tupdateBlockAttributes( tabsClientId, {\n\t\t\teditorActiveTabIndex: newActiveIndex,\n\t\t} );\n\n\t\t// Remove the tab panel.\n\t\tremoveBlock( activeTabPanelClientId, false );\n\n\t\t// Select the tab-list so focus moves to the new active tab button.\n\t\tif ( tabListClientId ) {\n\t\t\tselectBlock( tabListClientId );\n\t\t}\n\t};\n\n\tconst isDisabled = tabCount <= 1 || ! activeTabPanelClientId;\n\n\treturn (\n\t\t<BlockControls group=\"other\">\n\t\t\t<ToolbarGroup>\n\t\t\t\t<ToolbarButton\n\t\t\t\t\tclassName=\"components-toolbar__control\"\n\t\t\t\t\tonClick={ removeTab }\n\t\t\t\t\ttext={ __( 'Remove tab' ) }\n\t\t\t\t\tdisabled={ isDisabled }\n\t\t\t\t/>\n\t\t\t</ToolbarGroup>\n\t\t</BlockControls>\n\t);\n}\n"],
-  "mappings": ";AAGA;AAAA,EACC;AAAA,EACA,SAAS;AAAA,OACH;AACP,SAAS,cAAc,qBAAqB;AAC5C,SAAS,UAAU;AACnB,SAAS,aAAa,iBAAiB;AA2FnC;AAhFW,SAAR,wBAA0C,EAAE,aAAa,GAAI;AACnE,QAAM;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACD,IAAI,YAAa,gBAAiB;AAElC,QAAM;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACD,IAAI;AAAA,IACH,CAAE,WAAY;AACb,UAAK,CAAE,cAAe;AACrB,eAAO;AAAA,UACN,wBAAwB;AAAA,UACxB,UAAU;AAAA,UACV,sBAAsB;AAAA,UACtB,iBAAiB;AAAA,QAClB;AAAA,MACD;AACA,YAAM,EAAE,WAAW,mBAAmB,IACrC,OAAQ,gBAAiB;AAC1B,YAAM,iBAAiB,mBAAoB,YAAa;AACxD,YAAM,cACL,gBAAgB,wBAChB,gBAAgB,kBAChB;AACD,YAAM,cAAc,UAAW,YAAa;AAC5C,YAAM,YAAY,YAAY;AAAA,QAC7B,CAAE,UAAW,MAAM,SAAS;AAAA,MAC7B;AACA,YAAM,UAAU,YAAY;AAAA,QAC3B,CAAE,UAAW,MAAM,SAAS;AAAA,MAC7B;AACA,YAAM,iBAAiB,WAAW,eAAe,CAAC;AAClD,YAAM,iBAAiB,eAAgB,WAAY;AAEnD,aAAO;AAAA,QACN,wBAAwB,gBAAgB,YAAY;AAAA,QACpD,UAAU,eAAe;AAAA,QACzB,sBAAsB;AAAA,QACtB,iBAAiB,SAAS,YAAY;AAAA,MACvC;AAAA,IACD;AAAA,IACA,CAAE,YAAa;AAAA,EAChB;AAEA,QAAM,YAAY,MAAM;AACvB,QAAK,CAAE,0BAA0B,YAAY,GAAI;AAChD;AAAA,IACD;AAGA,UAAM,iBACL,wBAAwB,WAAW,IAChC,WAAW,IACX;AAEJ,4CAAwC;AACxC,0BAAuB,cAAc;AAAA,MACpC,sBAAsB;AAAA,IACvB,CAAE;AAGF,gBAAa,wBAAwB,KAAM;AAG3C,QAAK,iBAAkB;AACtB,kBAAa,eAAgB;AAAA,IAC9B;AAAA,EACD;AAEA,QAAM,aAAa,YAAY,KAAK,CAAE;AAEtC,SACC,oBAAC,iBAAc,OAAM,SACpB,8BAAC,gBACA;AAAA,IAAC;AAAA;AAAA,MACA,WAAU;AAAA,MACV,SAAU;AAAA,MACV,MAAO,GAAI,YAAa;AAAA,MACxB,UAAW;AAAA;AAAA,EACZ,GACD,GACD;AAEF;",
-  "names": []
-}

package/build-module/tabs/controls.mjs

@@ -1,14 +0,0 @@
-// packages/block-library/src/tabs/controls.js
-import AddTabToolbarControl from "../tab-panel/add-tab-toolbar-control.mjs";
-import RemoveTabToolbarControl from "../tab-panel/remove-tab-toolbar-control.mjs";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-function Controls({ clientId }) {
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx(AddTabToolbarControl, { tabsClientId: clientId }),
-    /* @__PURE__ */ jsx(RemoveTabToolbarControl, { tabsClientId: clientId })
-  ] });
-}
-export {
-  Controls as default
-};
-//# sourceMappingURL=controls.mjs.map

package/build-module/tabs/controls.mjs.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/tabs/controls.js"],
-  "sourcesContent": ["/**\n * Internal dependencies\n */\nimport AddTabToolbarControl from '../tab-panel/add-tab-toolbar-control';\nimport RemoveTabToolbarControl from '../tab-panel/remove-tab-toolbar-control';\n\nexport default function Controls( { clientId } ) {\n\treturn (\n\t\t<>\n\t\t\t<AddTabToolbarControl tabsClientId={ clientId } />\n\t\t\t<RemoveTabToolbarControl tabsClientId={ clientId } />\n\t\t</>\n\t);\n}\n"],
-  "mappings": ";AAGA,OAAO,0BAA0B;AACjC,OAAO,6BAA6B;AAIlC,mBACC,KADD;AAFa,SAAR,SAA2B,EAAE,SAAS,GAAI;AAChD,SACC,iCACC;AAAA,wBAAC,wBAAqB,cAAe,UAAW;AAAA,IAChD,oBAAC,2BAAwB,cAAe,UAAW;AAAA,KACpD;AAEF;",
-  "names": []
-}

package/src/freeform/migration-notice.js

@@ -1,49 +0,0 @@
-/**
- * WordPress dependencies
- */
-import { Warning } from '@wordpress/block-editor';
-import { Button } from '@wordpress/components';
-import { createBlock, rawHandler } from '@wordpress/blocks';
-import { __ } from '@wordpress/i18n';
-
-/**
- * Block-level deprecation warning for the Classic block.
- * Uses the same `Warning` primitive as `core/missing` so the experience is
- * visually consistent with how the editor already surfaces deprecated blocks,
- * and offers two migration actions - a primary "Convert to blocks", and a
- * secondary "Convert to HTML".
- *
- * @param {Object}   props
- * @param {string}   props.content   Raw HTML content of the Classic block.
- * @param {Function} props.onReplace Replace the current block with the given blocks.
- */
-export default function MigrationNotice( { content, onReplace } ) {
-	const actions = [
-		<Button
-			__next40pxDefaultSize
-			key="convert-to-blocks"
-			variant="primary"
-			onClick={ () => onReplace( rawHandler( { HTML: content } ) ) }
-		>
-			{ __( 'Convert to blocks' ) }
-		</Button>,
-		<Button
-			__next40pxDefaultSize
-			key="convert-to-html"
-			variant="secondary"
-			onClick={ () =>
-				onReplace( createBlock( 'core/html', { content } ) )
-			}
-		>
-			{ __( 'Convert to HTML' ) }
-		</Button>,
-	];
-
-	return (
-		<Warning actions={ actions }>
-			{ __(
-				'The Classic block is being phased out. Convert this content to blocks for the best editing experience, or move it to a Custom HTML block to preserve the original markup.'
-			) }
-		</Warning>
-	);
-}

package/src/tab-panel/add-tab-toolbar-control.js

@@ -1,90 +0,0 @@
-/**
- * WordPress dependencies
- */
-import { __ } from '@wordpress/i18n';
-import { createBlock } from '@wordpress/blocks';
-import {
-	BlockControls,
-	store as blockEditorStore,
-} from '@wordpress/block-editor';
-import { ToolbarGroup, ToolbarButton } from '@wordpress/components';
-import { useDispatch, useSelect } from '@wordpress/data';
-
-/**
- * "Add tab" button in the block toolbar for the tabs block.
- * Inserts a new core/tab-panel into the tab-panels. The tab-list items
- * attribute is kept in sync automatically via useTabListItemsSync.
- *
- * @param {Object} props
- * @param {string} props.tabsClientId The client ID of the parent tabs block.
- * @return {React.JSX.Element} The toolbar control element.
- */
-export default function AddTabToolbarControl( { tabsClientId } ) {
-	const {
-		insertBlock,
-		updateBlockAttributes,
-		selectBlock,
-		__unstableMarkNextChangeAsNotPersistent,
-	} = useDispatch( blockEditorStore );
-
-	const { tabPanelsClientId, tabCount, tabListClientId } = useSelect(
-		( select ) => {
-			if ( ! tabsClientId ) {
-				return {
-					tabPanelsClientId: null,
-					tabCount: 0,
-					tabListClientId: null,
-				};
-			}
-			const { getBlocks } = select( blockEditorStore );
-			const innerBlocks = getBlocks( tabsClientId );
-			const tabPanels = innerBlocks.find(
-				( block ) => block.name === 'core/tab-panels'
-			);
-			const tabList = innerBlocks.find(
-				( block ) => block.name === 'core/tab-list'
-			);
-			return {
-				tabPanelsClientId: tabPanels?.clientId || null,
-				tabCount: tabPanels?.innerBlocks?.length || 0,
-				tabListClientId: tabList?.clientId || null,
-			};
-		},
-		[ tabsClientId ]
-	);
-
-	const addTab = () => {
-		if ( ! tabPanelsClientId ) {
-			return;
-		}
-
-		const newTabPanelBlock = createBlock( 'core/tab-panel', {
-			label: __( 'Tab' ),
-		} );
-		insertBlock( newTabPanelBlock, undefined, tabPanelsClientId, false );
-
-		// Switch editor active tab to the new tab.
-		const newIndex = tabCount;
-		__unstableMarkNextChangeAsNotPersistent();
-		updateBlockAttributes( tabsClientId, {
-			editorActiveTabIndex: newIndex,
-		} );
-
-		// Select the tab-list block so focus stays in the menu area.
-		if ( tabListClientId ) {
-			selectBlock( tabListClientId );
-		}
-	};
-
-	return (
-		<BlockControls group="other">
-			<ToolbarGroup>
-				<ToolbarButton
-					className="components-toolbar__control"
-					onClick={ addTab }
-					text={ __( 'Add tab' ) }
-				/>
-			</ToolbarGroup>
-		</BlockControls>
-	);
-}

package/src/tab-panel/remove-tab-toolbar-control.js

@@ -1,110 +0,0 @@
-/**
- * WordPress dependencies
- */
-import {
-	BlockControls,
-	store as blockEditorStore,
-} from '@wordpress/block-editor';
-import { ToolbarGroup, ToolbarButton } from '@wordpress/components';
-import { __ } from '@wordpress/i18n';
-import { useDispatch, useSelect } from '@wordpress/data';
-
-/**
- * "Remove Tab" button in the block toolbar for the tabs block.
- * Removes the currently active core/tab-panel. The tab-list items
- * attribute is kept in sync automatically via useTabListItemsSync.
- *
- * @param {Object} props
- * @param {string} props.tabsClientId The client ID of the parent tabs block.
- * @return {React.JSX.Element} The toolbar control element.
- */
-export default function RemoveTabToolbarControl( { tabsClientId } ) {
-	const {
-		removeBlock,
-		updateBlockAttributes,
-		selectBlock,
-		__unstableMarkNextChangeAsNotPersistent,
-	} = useDispatch( blockEditorStore );
-
-	const {
-		activeTabPanelClientId,
-		tabCount,
-		editorActiveTabIndex,
-		tabListClientId,
-	} = useSelect(
-		( select ) => {
-			if ( ! tabsClientId ) {
-				return {
-					activeTabPanelClientId: null,
-					tabCount: 0,
-					editorActiveTabIndex: 0,
-					tabListClientId: null,
-				};
-			}
-			const { getBlocks, getBlockAttributes } =
-				select( blockEditorStore );
-			const tabsAttributes = getBlockAttributes( tabsClientId );
-			const activeIndex =
-				tabsAttributes?.editorActiveTabIndex ??
-				tabsAttributes?.activeTabIndex ??
-				0;
-			const innerBlocks = getBlocks( tabsClientId );
-			const tabPanels = innerBlocks.find(
-				( block ) => block.name === 'core/tab-panels'
-			);
-			const tabList = innerBlocks.find(
-				( block ) => block.name === 'core/tab-list'
-			);
-			const tabPanelBlocks = tabPanels?.innerBlocks || [];
-			const activeTabPanel = tabPanelBlocks[ activeIndex ];
-
-			return {
-				activeTabPanelClientId: activeTabPanel?.clientId || null,
-				tabCount: tabPanelBlocks.length,
-				editorActiveTabIndex: activeIndex,
-				tabListClientId: tabList?.clientId || null,
-			};
-		},
-		[ tabsClientId ]
-	);
-
-	const removeTab = () => {
-		if ( ! activeTabPanelClientId || tabCount <= 1 ) {
-			return;
-		}
-
-		// Calculate new active index after removal.
-		const newActiveIndex =
-			editorActiveTabIndex >= tabCount - 1
-				? tabCount - 2
-				: editorActiveTabIndex;
-
-		__unstableMarkNextChangeAsNotPersistent();
-		updateBlockAttributes( tabsClientId, {
-			editorActiveTabIndex: newActiveIndex,
-		} );
-
-		// Remove the tab panel.
-		removeBlock( activeTabPanelClientId, false );
-
-		// Select the tab-list so focus moves to the new active tab button.
-		if ( tabListClientId ) {
-			selectBlock( tabListClientId );
-		}
-	};
-
-	const isDisabled = tabCount <= 1 || ! activeTabPanelClientId;
-
-	return (
-		<BlockControls group="other">
-			<ToolbarGroup>
-				<ToolbarButton
-					className="components-toolbar__control"
-					onClick={ removeTab }
-					text={ __( 'Remove tab' ) }
-					disabled={ isDisabled }
-				/>
-			</ToolbarGroup>
-		</BlockControls>
-	);
-}

package/src/tabs/controls.js

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