@wordpress/block-editor 15.10.0 → 15.10.1-next.79a2f3cdd.0

package/build-module/components/inspector-controls-tabs/position-controls-panel.mjs

@@ -0,0 +1,88 @@
+// packages/block-editor/src/components/inspector-controls-tabs/position-controls-panel.js
+import {
+  __experimentalUseSlotFills as useSlotFills,
+  __experimentalToolsPanel as ToolsPanel,
+  __experimentalToolsPanelItem as ToolsPanelItem
+} from "@wordpress/components";
+import { useDispatch, useSelect } from "@wordpress/data";
+import { __ } from "@wordpress/i18n";
+import InspectorControlsGroups from "../inspector-controls/groups.mjs";
+import { default as InspectorControls } from "../inspector-controls/index.mjs";
+import { store as blockEditorStore } from "../../store/index.mjs";
+import { useToolsPanelDropdownMenuProps } from "../global-styles/utils.mjs";
+import { cleanEmptyObject } from "../../hooks/utils.mjs";
+import { jsx } from "react/jsx-runtime";
+var PositionControlsPanel = () => {
+  const { selectedClientIds, selectedBlocks, hasPositionAttribute } = useSelect((select) => {
+    const { getBlocksByClientId, getSelectedBlockClientIds } = select(blockEditorStore);
+    const selectedBlockClientIds = getSelectedBlockClientIds();
+    const _selectedBlocks = getBlocksByClientId(
+      selectedBlockClientIds
+    );
+    return {
+      selectedClientIds: selectedBlockClientIds,
+      selectedBlocks: _selectedBlocks,
+      hasPositionAttribute: _selectedBlocks?.some(
+        ({ attributes }) => !!attributes?.style?.position?.type
+      )
+    };
+  }, []);
+  const { updateBlockAttributes } = useDispatch(blockEditorStore);
+  const dropdownMenuProps = useToolsPanelDropdownMenuProps();
+  function resetPosition() {
+    if (!selectedClientIds?.length || !selectedBlocks?.length) {
+      return;
+    }
+    const attributesByClientId = Object.fromEntries(
+      selectedBlocks?.map(({ clientId, attributes }) => [
+        clientId,
+        {
+          style: cleanEmptyObject({
+            ...attributes?.style,
+            position: {
+              ...attributes?.style?.position,
+              type: void 0,
+              top: void 0,
+              right: void 0,
+              bottom: void 0,
+              left: void 0
+            }
+          })
+        }
+      ])
+    );
+    updateBlockAttributes(selectedClientIds, attributesByClientId, true);
+  }
+  return /* @__PURE__ */ jsx(
+    ToolsPanel,
+    {
+      className: "block-editor-block-inspector__position",
+      label: __("Position"),
+      resetAll: resetPosition,
+      dropdownMenuProps,
+      children: /* @__PURE__ */ jsx(
+        ToolsPanelItem,
+        {
+          isShownByDefault: hasPositionAttribute,
+          label: __("Position"),
+          hasValue: () => hasPositionAttribute,
+          onDeselect: resetPosition,
+          children: /* @__PURE__ */ jsx(InspectorControls.Slot, { group: "position" })
+        }
+      )
+    }
+  );
+};
+var PositionControls = () => {
+  const fills = useSlotFills(InspectorControlsGroups.position.name);
+  const hasFills = Boolean(fills && fills.length);
+  if (!hasFills) {
+    return null;
+  }
+  return /* @__PURE__ */ jsx(PositionControlsPanel, {});
+};
+var position_controls_panel_default = PositionControls;
+export {
+  position_controls_panel_default as default
+};
+//# sourceMappingURL=position-controls-panel.mjs.map

package/build-module/components/inspector-controls-tabs/settings-tab.mjs

@@ -0,0 +1,16 @@
+// packages/block-editor/src/components/inspector-controls-tabs/settings-tab.js
+import AdvancedControls from "./advanced-controls-panel.mjs";
+import PositionControls from "./position-controls-panel.mjs";
+import { default as InspectorControls } from "../inspector-controls/index.mjs";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+var SettingsTab = ({ showAdvancedControls = false }) => /* @__PURE__ */ jsxs(Fragment, { children: [
+  /* @__PURE__ */ jsx(InspectorControls.Slot, {}),
+  /* @__PURE__ */ jsx(PositionControls, {}),
+  /* @__PURE__ */ jsx(InspectorControls.Slot, { group: "bindings" }),
+  showAdvancedControls && /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(AdvancedControls, {}) })
+] });
+var settings_tab_default = SettingsTab;
+export {
+  settings_tab_default as default
+};
+//# sourceMappingURL=settings-tab.mjs.map

package/build-module/components/inspector-controls-tabs/styles-tab.mjs

@@ -0,0 +1,116 @@
+// packages/block-editor/src/components/inspector-controls-tabs/styles-tab.js
+import { __ } from "@wordpress/i18n";
+import { useDispatch, useSelect } from "@wordpress/data";
+import BlockStyles from "../block-styles/index.mjs";
+import InspectorControls from "../inspector-controls/index.mjs";
+import { useBorderPanelLabel } from "../../hooks/border.mjs";
+import { useBlockSettings } from "../../hooks/utils.mjs";
+import { store as blockEditorStore } from "../../store/index.mjs";
+import { ColorEdit } from "../../hooks/color.mjs";
+import { ColorToolsPanel } from "../global-styles/color-panel.mjs";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+function SectionBlockColorControls({
+  blockName,
+  clientId,
+  contentClientIds
+}) {
+  const settings = useBlockSettings(blockName);
+  const { updateBlockAttributes } = useDispatch(blockEditorStore);
+  const { hasButton, hasHeading } = useSelect(
+    (select) => {
+      const blockNames = select(blockEditorStore).getBlockNamesByClientId(
+        contentClientIds
+      );
+      return {
+        hasButton: blockNames.includes("core/button"),
+        hasHeading: blockNames.includes("core/heading")
+      };
+    },
+    [contentClientIds]
+  );
+  const setAttributes = (newAttributes) => {
+    updateBlockAttributes(clientId, newAttributes);
+  };
+  return /* @__PURE__ */ jsx(
+    ColorEdit,
+    {
+      clientId,
+      name: blockName,
+      settings,
+      setAttributes,
+      asWrapper: ColorToolsPanel,
+      label: __("Color"),
+      defaultControls: {
+        text: true,
+        background: true,
+        button: hasButton,
+        heading: hasHeading
+      }
+    }
+  );
+}
+var StylesTab = ({
+  blockName,
+  clientId,
+  hasBlockStyles,
+  isSectionBlock,
+  contentClientIds
+}) => {
+  const borderPanelLabel = useBorderPanelLabel({ blockName });
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    hasBlockStyles && /* @__PURE__ */ jsx(BlockStyles, { clientId }),
+    isSectionBlock && window?.__experimentalContentOnlyPatternInsertion && /* @__PURE__ */ jsx(
+      SectionBlockColorControls,
+      {
+        blockName,
+        clientId,
+        contentClientIds
+      }
+    ),
+    !isSectionBlock && /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx(
+        InspectorControls.Slot,
+        {
+          group: "color",
+          label: __("Color"),
+          className: "color-block-support-panel__inner-wrapper"
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        InspectorControls.Slot,
+        {
+          group: "background",
+          label: __("Background image")
+        }
+      ),
+      /* @__PURE__ */ jsx(InspectorControls.Slot, { group: "filter" }),
+      /* @__PURE__ */ jsx(
+        InspectorControls.Slot,
+        {
+          group: "typography",
+          label: __("Typography")
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        InspectorControls.Slot,
+        {
+          group: "dimensions",
+          label: __("Dimensions")
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        InspectorControls.Slot,
+        {
+          group: "border",
+          label: borderPanelLabel
+        }
+      ),
+      /* @__PURE__ */ jsx(InspectorControls.Slot, { group: "styles" })
+    ] })
+  ] });
+};
+var styles_tab_default = StylesTab;
+export {
+  styles_tab_default as default
+};
+//# sourceMappingURL=styles-tab.mjs.map

package/build-module/components/inspector-controls-tabs/styles-tab.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/components/inspector-controls-tabs/styles-tab.js"],
+  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { useDispatch, useSelect } from '@wordpress/data';\n\n/**\n * Internal dependencies\n */\nimport BlockStyles from '../block-styles';\nimport InspectorControls from '../inspector-controls';\nimport { useBorderPanelLabel } from '../../hooks/border';\nimport { useBlockSettings } from '../../hooks/utils';\nimport { store as blockEditorStore } from '../../store';\nimport { ColorEdit } from '../../hooks/color';\nimport { ColorToolsPanel } from '../global-styles/color-panel';\n\nfunction SectionBlockColorControls( {\n\tblockName,\n\tclientId,\n\tcontentClientIds,\n} ) {\n\tconst settings = useBlockSettings( blockName );\n\tconst { updateBlockAttributes } = useDispatch( blockEditorStore );\n\n\tconst { hasButton, hasHeading } = useSelect(\n\t\t( select ) => {\n\t\t\tconst blockNames =\n\t\t\t\tselect( blockEditorStore ).getBlockNamesByClientId(\n\t\t\t\t\tcontentClientIds\n\t\t\t\t);\n\t\t\treturn {\n\t\t\t\thasButton: blockNames.includes( 'core/button' ),\n\t\t\t\thasHeading: blockNames.includes( 'core/heading' ),\n\t\t\t};\n\t\t},\n\t\t[ contentClientIds ]\n\t);\n\n\tconst setAttributes = ( newAttributes ) => {\n\t\tupdateBlockAttributes( clientId, newAttributes );\n\t};\n\n\treturn (\n\t\t<ColorEdit\n\t\t\tclientId={ clientId }\n\t\t\tname={ blockName }\n\t\t\tsettings={ settings }\n\t\t\tsetAttributes={ setAttributes }\n\t\t\tasWrapper={ ColorToolsPanel }\n\t\t\tlabel={ __( 'Color' ) }\n\t\t\tdefaultControls={ {\n\t\t\t\ttext: true,\n\t\t\t\tbackground: true,\n\t\t\t\tbutton: hasButton,\n\t\t\t\theading: hasHeading,\n\t\t\t} }\n\t\t/>\n\t);\n}\n\nconst StylesTab = ( {\n\tblockName,\n\tclientId,\n\thasBlockStyles,\n\tisSectionBlock,\n\tcontentClientIds,\n} ) => {\n\tconst borderPanelLabel = useBorderPanelLabel( { blockName } );\n\n\treturn (\n\t\t<>\n\t\t\t{ hasBlockStyles && <BlockStyles clientId={ clientId } /> }\n\t\t\t{ isSectionBlock &&\n\t\t\t\twindow?.__experimentalContentOnlyPatternInsertion && (\n\t\t\t\t\t<SectionBlockColorControls\n\t\t\t\t\t\tblockName={ blockName }\n\t\t\t\t\t\tclientId={ clientId }\n\t\t\t\t\t\tcontentClientIds={ contentClientIds }\n\t\t\t\t\t/>\n\t\t\t\t) }\n\t\t\t{ ! isSectionBlock && (\n\t\t\t\t<>\n\t\t\t\t\t<InspectorControls.Slot\n\t\t\t\t\t\tgroup=\"color\"\n\t\t\t\t\t\tlabel={ __( 'Color' ) }\n\t\t\t\t\t\tclassName=\"color-block-support-panel__inner-wrapper\"\n\t\t\t\t\t/>\n\t\t\t\t\t<InspectorControls.Slot\n\t\t\t\t\t\tgroup=\"background\"\n\t\t\t\t\t\tlabel={ __( 'Background image' ) }\n\t\t\t\t\t/>\n\t\t\t\t\t<InspectorControls.Slot group=\"filter\" />\n\t\t\t\t\t<InspectorControls.Slot\n\t\t\t\t\t\tgroup=\"typography\"\n\t\t\t\t\t\tlabel={ __( 'Typography' ) }\n\t\t\t\t\t/>\n\t\t\t\t\t<InspectorControls.Slot\n\t\t\t\t\t\tgroup=\"dimensions\"\n\t\t\t\t\t\tlabel={ __( 'Dimensions' ) }\n\t\t\t\t\t/>\n\t\t\t\t\t<InspectorControls.Slot\n\t\t\t\t\t\tgroup=\"border\"\n\t\t\t\t\t\tlabel={ borderPanelLabel }\n\t\t\t\t\t/>\n\t\t\t\t\t<InspectorControls.Slot group=\"styles\" />\n\t\t\t\t</>\n\t\t\t) }\n\t\t</>\n\t);\n};\n\nexport default StylesTab;\n"],
+  "mappings": ";AAGA,SAAS,UAAU;AACnB,SAAS,aAAa,iBAAiB;AAKvC,OAAO,iBAAiB;AACxB,OAAO,uBAAuB;AAC9B,SAAS,2BAA2B;AACpC,SAAS,wBAAwB;AACjC,SAAS,SAAS,wBAAwB;AAC1C,SAAS,iBAAiB;AAC1B,SAAS,uBAAuB;AA6B9B,SAsCE,UAtCF,KAsCE,YAtCF;AA3BF,SAAS,0BAA2B;AAAA,EACnC;AAAA,EACA;AAAA,EACA;AACD,GAAI;AACH,QAAM,WAAW,iBAAkB,SAAU;AAC7C,QAAM,EAAE,sBAAsB,IAAI,YAAa,gBAAiB;AAEhE,QAAM,EAAE,WAAW,WAAW,IAAI;AAAA,IACjC,CAAE,WAAY;AACb,YAAM,aACL,OAAQ,gBAAiB,EAAE;AAAA,QAC1B;AAAA,MACD;AACD,aAAO;AAAA,QACN,WAAW,WAAW,SAAU,aAAc;AAAA,QAC9C,YAAY,WAAW,SAAU,cAAe;AAAA,MACjD;AAAA,IACD;AAAA,IACA,CAAE,gBAAiB;AAAA,EACpB;AAEA,QAAM,gBAAgB,CAAE,kBAAmB;AAC1C,0BAAuB,UAAU,aAAc;AAAA,EAChD;AAEA,SACC;AAAA,IAAC;AAAA;AAAA,MACA;AAAA,MACA,MAAO;AAAA,MACP;AAAA,MACA;AAAA,MACA,WAAY;AAAA,MACZ,OAAQ,GAAI,OAAQ;AAAA,MACpB,iBAAkB;AAAA,QACjB,MAAM;AAAA,QACN,YAAY;AAAA,QACZ,QAAQ;AAAA,QACR,SAAS;AAAA,MACV;AAAA;AAAA,EACD;AAEF;AAEA,IAAM,YAAY,CAAE;AAAA,EACnB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACD,MAAO;AACN,QAAM,mBAAmB,oBAAqB,EAAE,UAAU,CAAE;AAE5D,SACC,iCACG;AAAA,sBAAkB,oBAAC,eAAY,UAAsB;AAAA,IACrD,kBACD,QAAQ,6CACP;AAAA,MAAC;AAAA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA;AAAA,IACD;AAAA,IAEA,CAAE,kBACH,iCACC;AAAA;AAAA,QAAC,kBAAkB;AAAA,QAAlB;AAAA,UACA,OAAM;AAAA,UACN,OAAQ,GAAI,OAAQ;AAAA,UACpB,WAAU;AAAA;AAAA,MACX;AAAA,MACA;AAAA,QAAC,kBAAkB;AAAA,QAAlB;AAAA,UACA,OAAM;AAAA,UACN,OAAQ,GAAI,kBAAmB;AAAA;AAAA,MAChC;AAAA,MACA,oBAAC,kBAAkB,MAAlB,EAAuB,OAAM,UAAS;AAAA,MACvC;AAAA,QAAC,kBAAkB;AAAA,QAAlB;AAAA,UACA,OAAM;AAAA,UACN,OAAQ,GAAI,YAAa;AAAA;AAAA,MAC1B;AAAA,MACA;AAAA,QAAC,kBAAkB;AAAA,QAAlB;AAAA,UACA,OAAM;AAAA,UACN,OAAQ,GAAI,YAAa;AAAA;AAAA,MAC1B;AAAA,MACA;AAAA,QAAC,kBAAkB;AAAA,QAAlB;AAAA,UACA,OAAM;AAAA,UACN,OAAQ;AAAA;AAAA,MACT;AAAA,MACA,oBAAC,kBAAkB,MAAlB,EAAuB,OAAM,UAAS;AAAA,OACxC;AAAA,KAEF;AAEF;AAEA,IAAO,qBAAQ;",
+  "names": []
+}

package/build-module/components/inspector-controls-tabs/use-inspector-controls-tabs.mjs

@@ -0,0 +1,79 @@
+// packages/block-editor/src/components/inspector-controls-tabs/use-inspector-controls-tabs.js
+import { __experimentalUseSlotFills as useSlotFills } from "@wordpress/components";
+import { useSelect } from "@wordpress/data";
+import InspectorControlsGroups from "../inspector-controls/groups.mjs";
+import { InspectorAdvancedControls } from "../inspector-controls/index.mjs";
+import { TAB_LIST_VIEW, TAB_SETTINGS, TAB_STYLES, TAB_CONTENT } from "./utils.mjs";
+import { store as blockEditorStore } from "../../store/index.mjs";
+var EMPTY_ARRAY = [];
+function getShowTabs(blockName, tabSettings = {}) {
+  if (tabSettings[blockName] !== void 0) {
+    return tabSettings[blockName];
+  }
+  if (tabSettings.default !== void 0) {
+    return tabSettings.default;
+  }
+  return true;
+}
+function useInspectorControlsTabs(blockName, contentClientIds, isSectionBlock, hasBlockStyles) {
+  const tabs = [];
+  const {
+    bindings: bindingsGroup,
+    border: borderGroup,
+    color: colorGroup,
+    content: contentGroup,
+    default: defaultGroup,
+    dimensions: dimensionsGroup,
+    list: listGroup,
+    position: positionGroup,
+    styles: stylesGroup,
+    typography: typographyGroup,
+    effects: effectsGroup
+  } = InspectorControlsGroups;
+  const listFills = useSlotFills(listGroup.name);
+  const hasListFills = !!listFills && listFills.length;
+  const contentFills = useSlotFills(contentGroup.name);
+  const hasContentFills = !!contentFills && contentFills.length;
+  const styleFills = [
+    ...useSlotFills(borderGroup.name) || [],
+    ...useSlotFills(colorGroup.name) || [],
+    ...useSlotFills(dimensionsGroup.name) || [],
+    ...useSlotFills(stylesGroup.name) || [],
+    ...useSlotFills(typographyGroup.name) || [],
+    ...useSlotFills(effectsGroup.name) || []
+  ];
+  const hasStyleFills = styleFills.length;
+  const advancedFills = [
+    ...useSlotFills(InspectorAdvancedControls.slotName) || [],
+    ...useSlotFills(bindingsGroup.name) || []
+  ];
+  const settingsFills = [
+    ...useSlotFills(defaultGroup.name) || [],
+    ...useSlotFills(positionGroup.name) || [],
+    ...hasListFills && hasStyleFills > 1 ? advancedFills : []
+  ];
+  const hasContentTab = hasContentFills || !!(contentClientIds && contentClientIds.length > 0);
+  const hasListTab = hasListFills && !isSectionBlock;
+  if (hasListTab) {
+    tabs.push(TAB_LIST_VIEW);
+  }
+  if (hasContentTab) {
+    tabs.push(TAB_CONTENT);
+  }
+  if ((settingsFills.length || // Advanded fills who up in settings tab if available or they blend into the default tab, if there's only one tab.
+  advancedFills.length && (hasContentTab || hasListTab)) && !isSectionBlock) {
+    tabs.push(TAB_SETTINGS);
+  }
+  if (hasBlockStyles || hasStyleFills) {
+    tabs.push(TAB_STYLES);
+  }
+  const tabSettings = useSelect((select) => {
+    return select(blockEditorStore).getSettings().blockInspectorTabs;
+  }, []);
+  const showTabs = getShowTabs(blockName, tabSettings);
+  return showTabs ? tabs : EMPTY_ARRAY;
+}
+export {
+  useInspectorControlsTabs as default
+};
+//# sourceMappingURL=use-inspector-controls-tabs.mjs.map

package/build-module/components/inspector-controls-tabs/use-inspector-controls-tabs.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/components/inspector-controls-tabs/use-inspector-controls-tabs.js"],
+  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { __experimentalUseSlotFills as useSlotFills } from '@wordpress/components';\nimport { useSelect } from '@wordpress/data';\n\n/**\n * Internal dependencies\n */\nimport InspectorControlsGroups from '../inspector-controls/groups';\nimport { InspectorAdvancedControls } from '../inspector-controls';\nimport { TAB_LIST_VIEW, TAB_SETTINGS, TAB_STYLES, TAB_CONTENT } from './utils';\nimport { store as blockEditorStore } from '../../store';\n\nconst EMPTY_ARRAY = [];\n\nfunction getShowTabs( blockName, tabSettings = {} ) {\n\t// Block specific setting takes precedence over generic default.\n\tif ( tabSettings[ blockName ] !== undefined ) {\n\t\treturn tabSettings[ blockName ];\n\t}\n\n\t// Use generic default if set over the Gutenberg experiment option.\n\tif ( tabSettings.default !== undefined ) {\n\t\treturn tabSettings.default;\n\t}\n\n\treturn true;\n}\n\nexport default function useInspectorControlsTabs(\n\tblockName,\n\tcontentClientIds,\n\tisSectionBlock,\n\thasBlockStyles\n) {\n\tconst tabs = [];\n\tconst {\n\t\tbindings: bindingsGroup,\n\t\tborder: borderGroup,\n\t\tcolor: colorGroup,\n\t\tcontent: contentGroup,\n\t\tdefault: defaultGroup,\n\t\tdimensions: dimensionsGroup,\n\t\tlist: listGroup,\n\t\tposition: positionGroup,\n\t\tstyles: stylesGroup,\n\t\ttypography: typographyGroup,\n\t\teffects: effectsGroup,\n\t} = InspectorControlsGroups;\n\n\t// List View Tab: If there are any fills for the list group add that tab.\n\tconst listFills = useSlotFills( listGroup.name );\n\tconst hasListFills = !! listFills && listFills.length;\n\n\t// Content Tab: If there are any fills for the content group add that tab.\n\tconst contentFills = useSlotFills( contentGroup.name );\n\tconst hasContentFills = !! contentFills && contentFills.length;\n\n\t// Styles Tab: Add this tab if there are any fills for block supports\n\t// e.g. border, color, spacing, typography, etc.\n\tconst styleFills = [\n\t\t...( useSlotFills( borderGroup.name ) || [] ),\n\t\t...( useSlotFills( colorGroup.name ) || [] ),\n\t\t...( useSlotFills( dimensionsGroup.name ) || [] ),\n\t\t...( useSlotFills( stylesGroup.name ) || [] ),\n\t\t...( useSlotFills( typographyGroup.name ) || [] ),\n\t\t...( useSlotFills( effectsGroup.name ) || [] ),\n\t];\n\tconst hasStyleFills = styleFills.length;\n\n\t// Settings Tab: If we don't have multiple tabs to display\n\t// (i.e. both list view and styles), check only the default and position\n\t// InspectorControls slots. If we have multiple tabs, we'll need to check\n\t// the advanced controls slot as well to ensure they are rendered.\n\tconst advancedFills = [\n\t\t...( useSlotFills( InspectorAdvancedControls.slotName ) || [] ),\n\t\t...( useSlotFills( bindingsGroup.name ) || [] ),\n\t];\n\n\tconst settingsFills = [\n\t\t...( useSlotFills( defaultGroup.name ) || [] ),\n\t\t...( useSlotFills( positionGroup.name ) || [] ),\n\t\t...( hasListFills && hasStyleFills > 1 ? advancedFills : [] ),\n\t];\n\n\tconst hasContentTab =\n\t\thasContentFills ||\n\t\t!! ( contentClientIds && contentClientIds.length > 0 );\n\n\tconst hasListTab = hasListFills && ! isSectionBlock;\n\n\t// Add the tabs in the order that they will default to if available.\n\t// List View > Content > Settings > Styles.\n\tif ( hasListTab ) {\n\t\ttabs.push( TAB_LIST_VIEW );\n\t}\n\n\tif ( hasContentTab ) {\n\t\ttabs.push( TAB_CONTENT );\n\t}\n\n\tif (\n\t\t( settingsFills.length ||\n\t\t\t// Advanded fills who up in settings tab if available or they blend into the default tab, if there's only one tab.\n\t\t\t( advancedFills.length && ( hasContentTab || hasListTab ) ) ) &&\n\t\t! isSectionBlock\n\t) {\n\t\ttabs.push( TAB_SETTINGS );\n\t}\n\n\tif ( hasBlockStyles || hasStyleFills ) {\n\t\ttabs.push( TAB_STYLES );\n\t}\n\n\tconst tabSettings = useSelect( ( select ) => {\n\t\treturn select( blockEditorStore ).getSettings().blockInspectorTabs;\n\t}, [] );\n\n\tconst showTabs = getShowTabs( blockName, tabSettings );\n\treturn showTabs ? tabs : EMPTY_ARRAY;\n}\n"],
+  "mappings": ";AAGA,SAAS,8BAA8B,oBAAoB;AAC3D,SAAS,iBAAiB;AAK1B,OAAO,6BAA6B;AACpC,SAAS,iCAAiC;AAC1C,SAAS,eAAe,cAAc,YAAY,mBAAmB;AACrE,SAAS,SAAS,wBAAwB;AAE1C,IAAM,cAAc,CAAC;AAErB,SAAS,YAAa,WAAW,cAAc,CAAC,GAAI;AAEnD,MAAK,YAAa,SAAU,MAAM,QAAY;AAC7C,WAAO,YAAa,SAAU;AAAA,EAC/B;AAGA,MAAK,YAAY,YAAY,QAAY;AACxC,WAAO,YAAY;AAAA,EACpB;AAEA,SAAO;AACR;AAEe,SAAR,yBACN,WACA,kBACA,gBACA,gBACC;AACD,QAAM,OAAO,CAAC;AACd,QAAM;AAAA,IACL,UAAU;AAAA,IACV,QAAQ;AAAA,IACR,OAAO;AAAA,IACP,SAAS;AAAA,IACT,SAAS;AAAA,IACT,YAAY;AAAA,IACZ,MAAM;AAAA,IACN,UAAU;AAAA,IACV,QAAQ;AAAA,IACR,YAAY;AAAA,IACZ,SAAS;AAAA,EACV,IAAI;AAGJ,QAAM,YAAY,aAAc,UAAU,IAAK;AAC/C,QAAM,eAAe,CAAC,CAAE,aAAa,UAAU;AAG/C,QAAM,eAAe,aAAc,aAAa,IAAK;AACrD,QAAM,kBAAkB,CAAC,CAAE,gBAAgB,aAAa;AAIxD,QAAM,aAAa;AAAA,IAClB,GAAK,aAAc,YAAY,IAAK,KAAK,CAAC;AAAA,IAC1C,GAAK,aAAc,WAAW,IAAK,KAAK,CAAC;AAAA,IACzC,GAAK,aAAc,gBAAgB,IAAK,KAAK,CAAC;AAAA,IAC9C,GAAK,aAAc,YAAY,IAAK,KAAK,CAAC;AAAA,IAC1C,GAAK,aAAc,gBAAgB,IAAK,KAAK,CAAC;AAAA,IAC9C,GAAK,aAAc,aAAa,IAAK,KAAK,CAAC;AAAA,EAC5C;AACA,QAAM,gBAAgB,WAAW;AAMjC,QAAM,gBAAgB;AAAA,IACrB,GAAK,aAAc,0BAA0B,QAAS,KAAK,CAAC;AAAA,IAC5D,GAAK,aAAc,cAAc,IAAK,KAAK,CAAC;AAAA,EAC7C;AAEA,QAAM,gBAAgB;AAAA,IACrB,GAAK,aAAc,aAAa,IAAK,KAAK,CAAC;AAAA,IAC3C,GAAK,aAAc,cAAc,IAAK,KAAK,CAAC;AAAA,IAC5C,GAAK,gBAAgB,gBAAgB,IAAI,gBAAgB,CAAC;AAAA,EAC3D;AAEA,QAAM,gBACL,mBACA,CAAC,EAAI,oBAAoB,iBAAiB,SAAS;AAEpD,QAAM,aAAa,gBAAgB,CAAE;AAIrC,MAAK,YAAa;AACjB,SAAK,KAAM,aAAc;AAAA,EAC1B;AAEA,MAAK,eAAgB;AACpB,SAAK,KAAM,WAAY;AAAA,EACxB;AAEA,OACG,cAAc;AAAA,EAEb,cAAc,WAAY,iBAAiB,gBAC9C,CAAE,gBACD;AACD,SAAK,KAAM,YAAa;AAAA,EACzB;AAEA,MAAK,kBAAkB,eAAgB;AACtC,SAAK,KAAM,UAAW;AAAA,EACvB;AAEA,QAAM,cAAc,UAAW,CAAE,WAAY;AAC5C,WAAO,OAAQ,gBAAiB,EAAE,YAAY,EAAE;AAAA,EACjD,GAAG,CAAC,CAAE;AAEN,QAAM,WAAW,YAAa,WAAW,WAAY;AACrD,SAAO,WAAW,OAAO;AAC1B;",
+  "names": []
+}

package/build-module/components/inspector-controls-tabs/utils.mjs

@@ -0,0 +1,34 @@
+// packages/block-editor/src/components/inspector-controls-tabs/utils.js
+import { cog, styles, listView, page } from "@wordpress/icons";
+import { __ } from "@wordpress/i18n";
+var TAB_SETTINGS = {
+  name: "settings",
+  title: __("Settings"),
+  value: "settings",
+  icon: cog
+};
+var TAB_STYLES = {
+  name: "styles",
+  title: __("Styles"),
+  value: "styles",
+  icon: styles
+};
+var TAB_CONTENT = {
+  name: "content",
+  title: __("Content"),
+  value: "content",
+  icon: page
+};
+var TAB_LIST_VIEW = {
+  name: "list",
+  title: __("List View"),
+  value: "list-view",
+  icon: listView
+};
+export {
+  TAB_CONTENT,
+  TAB_LIST_VIEW,
+  TAB_SETTINGS,
+  TAB_STYLES
+};
+//# sourceMappingURL=utils.mjs.map

package/build-module/components/inspector-popover-header/index.mjs

@@ -0,0 +1,61 @@
+// packages/block-editor/src/components/inspector-popover-header/index.js
+import {
+  __experimentalVStack as VStack,
+  __experimentalHStack as HStack,
+  __experimentalHeading as Heading,
+  __experimentalSpacer as Spacer,
+  Button,
+  __experimentalText as Text
+} from "@wordpress/components";
+import { closeSmall } from "@wordpress/icons";
+import { __ } from "@wordpress/i18n";
+import { jsx, jsxs } from "react/jsx-runtime";
+function InspectorPopoverHeader({
+  title,
+  help,
+  actions = [],
+  onClose
+}) {
+  return /* @__PURE__ */ jsxs(VStack, { className: "block-editor-inspector-popover-header", spacing: 4, children: [
+    /* @__PURE__ */ jsxs(HStack, { alignment: "center", children: [
+      /* @__PURE__ */ jsx(
+        Heading,
+        {
+          className: "block-editor-inspector-popover-header__heading",
+          level: 2,
+          size: 13,
+          children: title
+        }
+      ),
+      /* @__PURE__ */ jsx(Spacer, {}),
+      actions.map(({ label, icon, onClick }) => /* @__PURE__ */ jsx(
+        Button,
+        {
+          size: "small",
+          className: "block-editor-inspector-popover-header__action",
+          label,
+          icon,
+          variant: !icon && "tertiary",
+          onClick,
+          children: !icon && label
+        },
+        label
+      )),
+      onClose && /* @__PURE__ */ jsx(
+        Button,
+        {
+          size: "small",
+          className: "block-editor-inspector-popover-header__action",
+          label: __("Close"),
+          icon: closeSmall,
+          onClick: onClose
+        }
+      )
+    ] }),
+    help && /* @__PURE__ */ jsx(Text, { children: help })
+  ] });
+}
+export {
+  InspectorPopoverHeader as default
+};
+//# sourceMappingURL=index.mjs.map

package/build-module/components/justify-content-control/index.mjs

@@ -0,0 +1,14 @@
+// packages/block-editor/src/components/justify-content-control/index.js
+import JustifyContentUI from "./ui.mjs";
+import { jsx } from "react/jsx-runtime";
+var JustifyContentControl = (props) => {
+  return /* @__PURE__ */ jsx(JustifyContentUI, { ...props, isToolbar: false });
+};
+var JustifyToolbar = (props) => {
+  return /* @__PURE__ */ jsx(JustifyContentUI, { ...props, isToolbar: true });
+};
+export {
+  JustifyContentControl,
+  JustifyToolbar
+};
+//# sourceMappingURL=index.mjs.map

package/build-module/components/justify-content-control/ui.mjs

@@ -0,0 +1,91 @@
+// packages/block-editor/src/components/justify-content-control/ui.js
+import { ToolbarDropdownMenu, ToolbarGroup } from "@wordpress/components";
+import {
+  justifyLeft,
+  justifyCenter,
+  justifyRight,
+  justifySpaceBetween,
+  justifyStretch
+} from "@wordpress/icons";
+import { __ } from "@wordpress/i18n";
+import { jsx } from "react/jsx-runtime";
+var icons = {
+  left: justifyLeft,
+  center: justifyCenter,
+  right: justifyRight,
+  "space-between": justifySpaceBetween,
+  stretch: justifyStretch
+};
+function JustifyContentUI({
+  allowedControls = ["left", "center", "right", "space-between"],
+  isCollapsed = true,
+  onChange,
+  value,
+  popoverProps,
+  isToolbar
+}) {
+  const handleClick = (next) => {
+    if (next === value) {
+      onChange(void 0);
+    } else {
+      onChange(next);
+    }
+  };
+  const icon = value ? icons[value] : icons.left;
+  const allControls = [
+    {
+      name: "left",
+      icon: justifyLeft,
+      title: __("Justify items left"),
+      isActive: "left" === value,
+      onClick: () => handleClick("left")
+    },
+    {
+      name: "center",
+      icon: justifyCenter,
+      title: __("Justify items center"),
+      isActive: "center" === value,
+      onClick: () => handleClick("center")
+    },
+    {
+      name: "right",
+      icon: justifyRight,
+      title: __("Justify items right"),
+      isActive: "right" === value,
+      onClick: () => handleClick("right")
+    },
+    {
+      name: "space-between",
+      icon: justifySpaceBetween,
+      title: __("Space between items"),
+      isActive: "space-between" === value,
+      onClick: () => handleClick("space-between")
+    },
+    {
+      name: "stretch",
+      icon: justifyStretch,
+      title: __("Stretch items"),
+      isActive: "stretch" === value,
+      onClick: () => handleClick("stretch")
+    }
+  ];
+  const UIComponent = isToolbar ? ToolbarGroup : ToolbarDropdownMenu;
+  const extraProps = isToolbar ? { isCollapsed } : {};
+  return /* @__PURE__ */ jsx(
+    UIComponent,
+    {
+      icon,
+      popoverProps,
+      label: __("Change items justification"),
+      controls: allControls.filter(
+        (elem) => allowedControls.includes(elem.name)
+      ),
+      ...extraProps
+    }
+  );
+}
+var ui_default = JustifyContentUI;
+export {
+  ui_default as default
+};
+//# sourceMappingURL=ui.mjs.map