npm - @wordpress/block-editor - Versions diffs - 17.0.0 → 17.1.0 - Mend

@wordpress/block-editor 17.0.0 → 17.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1862) hide show

package/build-module/components/inspector-controls/list-view-content-popover.mjs.map CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../../src/components/inspector-controls/list-view-content-popover.js"],
+  "sources": ["../../../src/components/inspector-controls/list-view-content-popover.jsx"],
   "sourcesContent": ["import {\n\tcreateSlotFill,\n\tPopover,\n\t__experimentalUseSlotFills as useSlotFills,\n} from '@wordpress/components';\nimport { useState, useLayoutEffect } from '@wordpress/element';\nimport { useViewportMatch } from '@wordpress/compose';\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport { store as blockEditorStore } from '../../store';\nimport { unlock } from '../../lock-unlock';\n\n/** @typedef {import('@wordpress/element').RefObject} RefObject */\n\n// Create private slot-fill for ListViewContentPanel\nconst LIST_VIEW_CONTENT_PANEL_SLOT = Symbol( 'ListViewContentPopover' );\nconst { Fill, Slot } = createSlotFill( LIST_VIEW_CONTENT_PANEL_SLOT );\n\nexport { Fill as ListViewContentFill };\n\n// Hook to determine popover placement for inspector controls\nfunction useInspectorPopoverPlacement() {\n\tconst isMobile = useViewportMatch( 'medium', '<' );\n\treturn ! isMobile\n\t\t? {\n\t\t\t\tpopoverProps: {\n\t\t\t\t\tplacement: 'left-start',\n\t\t\t\t\toffset: 35,\n\t\t\t\t\tresize: false,\n\t\t\t\t},\n\t\t  }\n\t\t: {};\n}\n\n/**\n * Displays a popover for the List View block inspector support.\n * Blocks can use `<InspectorControls group=\"content\">` to display their\n * controls in this popover when inside a section with a parent that has\n * List View block support. The routing is handled automatically by\n * `InspectorControlsFill`.\n *\n * @param {Object}                 props\n * @param {RefObject<HTMLElement>} props.listViewRef Ref to the List View slot for the block inspector.\n */\nexport function ListViewContentPopover( { listViewRef } ) {\n\tconst { popoverProps } = useInspectorPopoverPlacement();\n\tconst fills = useSlotFills( LIST_VIEW_CONTENT_PANEL_SLOT );\n\tconst hasFills = Boolean( fills && fills.length );\n\n\t// Get both the selected client ID and the popover open state.\n\tconst { selectedClientId, isOpen } = useSelect( ( select ) => {\n\t\tconst { getSelectedBlockClientId } = select( blockEditorStore );\n\t\tconst privateSelectors = unlock( select( blockEditorStore ) );\n\n\t\treturn {\n\t\t\tselectedClientId: getSelectedBlockClientId(),\n\t\t\tisOpen: privateSelectors.isListViewContentPanelOpen(),\n\t\t};\n\t}, [] );\n\n\t// Query DOM for the selected block row element in List View.\n\tconst [ anchorElement, setAnchorElement ] = useState( null );\n\n\tuseLayoutEffect( () => {\n\t\tif ( ! selectedClientId || ! listViewRef?.current ) {\n\t\t\tsetAnchorElement( null );\n\t\t\treturn;\n\t\t}\n\n\t\t// Query for the block in list view to anchor the popover.\n\t\t// Ensures the vertical positioning of the popover matches the\n\t\t// selected block in List View.\n\t\tconst element = listViewRef.current.querySelector(\n\t\t\t`[data-block=\"${ selectedClientId }\"]`\n\t\t);\n\n\t\tsetAnchorElement( element );\n\t}, [ selectedClientId, listViewRef ] );\n\n\t// eslint-disable-next-line @wordpress/no-unused-vars-before-return\n\tconst { closeListViewContentPanel } = unlock(\n\t\tuseDispatch( blockEditorStore )\n\t);\n\n\t// Only render when explicitly open.\n\tif ( ! isOpen || ! hasFills || ! anchorElement ) {\n\t\treturn null;\n\t}\n\n\t// The slot rendered in the popover doesn't use `bubblesVirtually`, this has a downside\n\t// that certain context providers (like `BlockEditContext`) are not available\n\t// to fills.\n\t// The upside is that it allows nested popovers to function correctly. If `bubblesVirtually`\n\t// is set opening a nest popover triggers the `onFocusOutside` of this popover and closes it.\n\t// Is there a solution that has no trade-offs?\n\treturn (\n\t\t<Popover\n\t\t\t{ ...( popoverProps ?? {} ) }\n\t\t\tclassName=\"block-editor-inspector-list-view-content-popover\"\n\t\t\tanchor={ anchorElement }\n\t\t\tonClose={ closeListViewContentPanel }\n\t\t>\n\t\t\t<div style={ { width: '280px' } }>\n\t\t\t\t<Slot />\n\t\t\t</div>\n\t\t</Popover>\n\t);\n}\n"],
   "mappings": ";AAAA;AAAA,EACC;AAAA,EACA;AAAA,EACA,8BAA8B;AAAA,OACxB;AACP,SAAS,UAAU,uBAAuB;AAC1C,SAAS,wBAAwB;AACjC,SAAS,WAAW,mBAAmB;AACvC,SAAS,SAAS,wBAAwB;AAC1C,SAAS,cAAc;AA6FnB;AAxFJ,IAAM,+BAA+B,uBAAQ,wBAAyB;AACtE,IAAM,EAAE,MAAM,KAAK,IAAI,eAAgB,4BAA6B;AAKpE,SAAS,+BAA+B;AACvC,QAAM,WAAW,iBAAkB,UAAU,GAAI;AACjD,SAAO,CAAE,WACN;AAAA,IACA,cAAc;AAAA,MACb,WAAW;AAAA,MACX,QAAQ;AAAA,MACR,QAAQ;AAAA,IACT;AAAA,EACA,IACA,CAAC;AACL;AAYO,SAAS,uBAAwB,EAAE,YAAY,GAAI;AACzD,QAAM,EAAE,aAAa,IAAI,6BAA6B;AACtD,QAAM,QAAQ,aAAc,4BAA6B;AACzD,QAAM,WAAW,QAAS,SAAS,MAAM,MAAO;AAGhD,QAAM,EAAE,kBAAkB,OAAO,IAAI,UAAW,CAAE,WAAY;AAC7D,UAAM,EAAE,yBAAyB,IAAI,OAAQ,gBAAiB;AAC9D,UAAM,mBAAmB,OAAQ,OAAQ,gBAAiB,CAAE;AAE5D,WAAO;AAAA,MACN,kBAAkB,yBAAyB;AAAA,MAC3C,QAAQ,iBAAiB,2BAA2B;AAAA,IACrD;AAAA,EACD,GAAG,CAAC,CAAE;AAGN,QAAM,CAAE,eAAe,gBAAiB,IAAI,SAAU,IAAK;AAE3D,kBAAiB,MAAM;AACtB,QAAK,CAAE,oBAAoB,CAAE,aAAa,SAAU;AACnD,uBAAkB,IAAK;AACvB;AAAA,IACD;AAKA,UAAM,UAAU,YAAY,QAAQ;AAAA,MACnC,gBAAiB,gBAAiB;AAAA,IACnC;AAEA,qBAAkB,OAAQ;AAAA,EAC3B,GAAG,CAAE,kBAAkB,WAAY,CAAE;AAGrC,QAAM,EAAE,0BAA0B,IAAI;AAAA,IACrC,YAAa,gBAAiB;AAAA,EAC/B;AAGA,MAAK,CAAE,UAAU,CAAE,YAAY,CAAE,eAAgB;AAChD,WAAO;AAAA,EACR;AAQA,SACC;AAAA,IAAC;AAAA;AAAA,MACE,GAAK,gBAAgB,CAAC;AAAA,MACxB,WAAU;AAAA,MACV,QAAS;AAAA,MACT,SAAU;AAAA,MAEV,8BAAC,SAAI,OAAQ,EAAE,OAAO,QAAQ,GAC7B,8BAAC,QAAK,GACP;AAAA;AAAA,EACD;AAEF;",
   "names": []

package/build-module/components/inspector-controls/slot.mjs CHANGED Viewed

@@ -1,4 +1,4 @@
-// packages/block-editor/src/components/inspector-controls/slot.js
+// packages/block-editor/src/components/inspector-controls/slot.jsx
 import { __experimentalUseSlotFills as useSlotFills } from "@wordpress/components";
 import { forwardRef } from "@wordpress/element";
 import warning from "@wordpress/warning";

package/build-module/components/inspector-controls/slot.mjs.map CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../../src/components/inspector-controls/slot.js"],
+  "sources": ["../../../src/components/inspector-controls/slot.jsx"],
   "sourcesContent": ["import { __experimentalUseSlotFills as useSlotFills } from '@wordpress/components';\nimport { forwardRef } from '@wordpress/element';\nimport warning from '@wordpress/warning';\nimport deprecated from '@wordpress/deprecated';\nimport BlockSupportToolsPanel from './block-support-tools-panel';\nimport BlockSupportSlotContainer from './block-support-slot-container';\nimport groups from './groups';\n\nfunction InspectorControlsSlot(\n\t{ __experimentalGroup, group = 'default', label, fillProps, ...props },\n\tref\n) {\n\tif ( __experimentalGroup ) {\n\t\tdeprecated(\n\t\t\t'`__experimentalGroup` property in `InspectorControlsSlot`',\n\t\t\t{\n\t\t\t\tsince: '6.2',\n\t\t\t\tversion: '6.4',\n\t\t\t\talternative: '`group`',\n\t\t\t}\n\t\t);\n\t\tgroup = __experimentalGroup;\n\t}\n\tconst slotFill = groups[ group ];\n\tconst fills = useSlotFills( slotFill?.name );\n\n\tif ( ! slotFill ) {\n\t\twarning( `Unknown InspectorControls group \"${ group }\" provided.` );\n\t\treturn null;\n\t}\n\n\tif ( ! fills?.length ) {\n\t\treturn null;\n\t}\n\n\tconst { Slot } = slotFill;\n\n\tif ( label ) {\n\t\treturn (\n\t\t\t<BlockSupportToolsPanel group={ group } label={ label }>\n\t\t\t\t<BlockSupportSlotContainer\n\t\t\t\t\t{ ...props }\n\t\t\t\t\tfillProps={ fillProps }\n\t\t\t\t\tSlot={ Slot }\n\t\t\t\t/>\n\t\t\t</BlockSupportToolsPanel>\n\t\t);\n\t}\n\n\treturn (\n\t\t<Slot\n\t\t\t{ ...props }\n\t\t\tref={ ref }\n\t\t\tfillProps={ fillProps }\n\t\t\tbubblesVirtually\n\t\t/>\n\t);\n}\n\nexport default forwardRef( InspectorControlsSlot );\n"],
   "mappings": ";AAAA,SAAS,8BAA8B,oBAAoB;AAC3D,SAAS,kBAAkB;AAC3B,OAAO,aAAa;AACpB,OAAO,gBAAgB;AACvB,OAAO,4BAA4B;AACnC,OAAO,+BAA+B;AACtC,OAAO,YAAY;AAkCf;AAhCJ,SAAS,sBACR,EAAE,qBAAqB,QAAQ,WAAW,OAAO,WAAW,GAAG,MAAM,GACrE,KACC;AACD,MAAK,qBAAsB;AAC1B;AAAA,MACC;AAAA,MACA;AAAA,QACC,OAAO;AAAA,QACP,SAAS;AAAA,QACT,aAAa;AAAA,MACd;AAAA,IACD;AACA,YAAQ;AAAA,EACT;AACA,QAAM,WAAW,OAAQ,KAAM;AAC/B,QAAM,QAAQ,aAAc,UAAU,IAAK;AAE3C,MAAK,CAAE,UAAW;AACjB,YAAS,oCAAqC,KAAM,aAAc;AAClE,WAAO;AAAA,EACR;AAEA,MAAK,CAAE,OAAO,QAAS;AACtB,WAAO;AAAA,EACR;AAEA,QAAM,EAAE,KAAK,IAAI;AAEjB,MAAK,OAAQ;AACZ,WACC,oBAAC,0BAAuB,OAAgB,OACvC;AAAA,MAAC;AAAA;AAAA,QACE,GAAG;AAAA,QACL;AAAA,QACA;AAAA;AAAA,IACD,GACD;AAAA,EAEF;AAEA,SACC;AAAA,IAAC;AAAA;AAAA,MACE,GAAG;AAAA,MACL;AAAA,MACA;AAAA,MACA,kBAAgB;AAAA;AAAA,EACjB;AAEF;AAEA,IAAO,eAAQ,WAAY,qBAAsB;",
   "names": []

package/build-module/components/inspector-controls-tabs/advanced-controls-panel.mjs CHANGED Viewed

@@ -1,4 +1,4 @@
-// packages/block-editor/src/components/inspector-controls-tabs/advanced-controls-panel.js
+// packages/block-editor/src/components/inspector-controls-tabs/advanced-controls-panel.jsx
 import {
   PanelBody,
   __experimentalUseSlotFills as useSlotFills

package/build-module/components/inspector-controls-tabs/advanced-controls-panel.mjs.map CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../../src/components/inspector-controls-tabs/advanced-controls-panel.js"],
+  "sources": ["../../../src/components/inspector-controls-tabs/advanced-controls-panel.jsx"],
   "sourcesContent": ["import {\n\tPanelBody,\n\t__experimentalUseSlotFills as useSlotFills,\n} from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\nimport {\n\tdefault as InspectorControls,\n\tInspectorAdvancedControls,\n} from '../inspector-controls';\nimport { PrivateInspectorControlsAllowedBlocks } from '../inspector-controls/groups';\n\nconst AdvancedControls = ( { initialOpen = false } ) => {\n\tconst fills = useSlotFills( InspectorAdvancedControls.slotName );\n\tconst privateFills = useSlotFills(\n\t\tPrivateInspectorControlsAllowedBlocks.name\n\t);\n\tconst hasFills = Boolean( fills && fills.length );\n\tconst hasPrivateFills = Boolean( privateFills && privateFills.length );\n\n\tif ( ! hasFills && ! hasPrivateFills ) {\n\t\treturn null;\n\t}\n\n\treturn (\n\t\t<PanelBody\n\t\t\tclassName=\"block-editor-block-inspector__advanced\"\n\t\t\ttitle={ __( 'Advanced' ) }\n\t\t\tinitialOpen={ initialOpen }\n\t\t>\n\t\t\t<InspectorControls.Slot group=\"advanced\" />\n\t\t\t<PrivateInspectorControlsAllowedBlocks.Slot />\n\t\t</PanelBody>\n\t);\n};\n\nexport default AdvancedControls;\n"],
   "mappings": ";AAAA;AAAA,EACC;AAAA,EACA,8BAA8B;AAAA,OACxB;AACP,SAAS,UAAU;AACnB;AAAA,EACC,WAAW;AAAA,EACX;AAAA,OACM;AACP,SAAS,6CAA6C;AAepD,SAKC,KALD;AAbF,IAAM,mBAAmB,CAAE,EAAE,cAAc,MAAM,MAAO;AACvD,QAAM,QAAQ,aAAc,0BAA0B,QAAS;AAC/D,QAAM,eAAe;AAAA,IACpB,sCAAsC;AAAA,EACvC;AACA,QAAM,WAAW,QAAS,SAAS,MAAM,MAAO;AAChD,QAAM,kBAAkB,QAAS,gBAAgB,aAAa,MAAO;AAErE,MAAK,CAAE,YAAY,CAAE,iBAAkB;AACtC,WAAO;AAAA,EACR;AAEA,SACC;AAAA,IAAC;AAAA;AAAA,MACA,WAAU;AAAA,MACV,OAAQ,GAAI,UAAW;AAAA,MACvB;AAAA,MAEA;AAAA,4BAAC,kBAAkB,MAAlB,EAAuB,OAAM,YAAW;AAAA,QACzC,oBAAC,sCAAsC,MAAtC,EAA2C;AAAA;AAAA;AAAA,EAC7C;AAEF;AAEA,IAAO,kCAAQ;",
   "names": []

package/build-module/components/inspector-controls-tabs/content-tab.mjs CHANGED Viewed

@@ -1,8 +1,8 @@
-// packages/block-editor/src/components/inspector-controls-tabs/content-tab.js
+// packages/block-editor/src/components/inspector-controls-tabs/content-tab.jsx
 import { PanelBody } from "@wordpress/components";
 import { __ } from "@wordpress/i18n";
 import BlockQuickNavigation from "../block-quick-navigation/index.mjs";
-import { Fragment, jsx } from "react/jsx-runtime";
+import { jsx } from "react/jsx-runtime";
 var ContentTab = ({
   contentClientIds,
   onSwitchToListView,
@@ -11,15 +11,14 @@ var ContentTab = ({
   if (!contentClientIds || contentClientIds.length === 0) {
     return null;
   }
-  const shouldShowBlockFields = window?.__experimentalContentOnlyInspectorFields;
-  return /* @__PURE__ */ jsx(Fragment, { children: !shouldShowBlockFields && /* @__PURE__ */ jsx(PanelBody, { title: __("Content"), children: /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsx(PanelBody, { title: __("Content"), children: /* @__PURE__ */ jsx(
     BlockQuickNavigation,
     {
       clientIds: contentClientIds,
       onSwitchToListView,
       hasListViewTab
     }
-  ) }) });
+  ) });
 };
 var content_tab_default = ContentTab;
 export {

package/build-module/components/inspector-controls-tabs/content-tab.mjs.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
-  "sources": ["../../../src/components/inspector-controls-tabs/content-tab.js"],
-  "sourcesContent": ["import { PanelBody } from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\nimport BlockQuickNavigation from '../block-quick-navigation';\n\nconst ContentTab = ( {\n\tcontentClientIds,\n\tonSwitchToListView,\n\thasListViewTab,\n} ) => {\n\tif ( ! contentClientIds || contentClientIds.length === 0 ) {\n\t\treturn null;\n\t}\n\n\tconst shouldShowBlockFields =\n\t\twindow?.__experimentalContentOnlyInspectorFields;\n\n\treturn (\n\t\t<>\n\t\t\t{ ! shouldShowBlockFields && (\n\t\t\t\t<PanelBody title={ __( 'Content' ) }>\n\t\t\t\t\t<BlockQuickNavigation\n\t\t\t\t\t\tclientIds={ contentClientIds }\n\t\t\t\t\t\tonSwitchToListView={ onSwitchToListView }\n\t\t\t\t\t\thasListViewTab={ hasListViewTab }\n\t\t\t\t\t/>\n\t\t\t\t</PanelBody>\n\t\t\t) }\n\t\t</>\n\t);\n};\n\nexport default ContentTab;\n"],
-  "mappings": ";AAAA,SAAS,iBAAiB;AAC1B,SAAS,UAAU;AACnB,OAAO,0BAA0B;AAe/B,mBAGG,WAHH;AAbF,IAAM,aAAa,CAAE;AAAA,EACpB;AAAA,EACA;AAAA,EACA;AACD,MAAO;AACN,MAAK,CAAE,oBAAoB,iBAAiB,WAAW,GAAI;AAC1D,WAAO;AAAA,EACR;AAEA,QAAM,wBACL,QAAQ;AAET,SACC,gCACG,WAAE,yBACH,oBAAC,aAAU,OAAQ,GAAI,SAAU,GAChC;AAAA,IAAC;AAAA;AAAA,MACA,WAAY;AAAA,MACZ;AAAA,MACA;AAAA;AAAA,EACD,GACD,GAEF;AAEF;AAEA,IAAO,sBAAQ;",
+  "sources": ["../../../src/components/inspector-controls-tabs/content-tab.jsx"],
+  "sourcesContent": ["import { PanelBody } from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\nimport BlockQuickNavigation from '../block-quick-navigation';\n\nconst ContentTab = ( {\n\tcontentClientIds,\n\tonSwitchToListView,\n\thasListViewTab,\n} ) => {\n\tif ( ! contentClientIds || contentClientIds.length === 0 ) {\n\t\treturn null;\n\t}\n\n\treturn (\n\t\t<PanelBody title={ __( 'Content' ) }>\n\t\t\t<BlockQuickNavigation\n\t\t\t\tclientIds={ contentClientIds }\n\t\t\t\tonSwitchToListView={ onSwitchToListView }\n\t\t\t\thasListViewTab={ hasListViewTab }\n\t\t\t/>\n\t\t</PanelBody>\n\t);\n};\n\nexport default ContentTab;\n"],
+  "mappings": ";AAAA,SAAS,iBAAiB;AAC1B,SAAS,UAAU;AACnB,OAAO,0BAA0B;AAa9B;AAXH,IAAM,aAAa,CAAE;AAAA,EACpB;AAAA,EACA;AAAA,EACA;AACD,MAAO;AACN,MAAK,CAAE,oBAAoB,iBAAiB,WAAW,GAAI;AAC1D,WAAO;AAAA,EACR;AAEA,SACC,oBAAC,aAAU,OAAQ,GAAI,SAAU,GAChC;AAAA,IAAC;AAAA;AAAA,MACA,WAAY;AAAA,MACZ;AAAA,MACA;AAAA;AAAA,EACD,GACD;AAEF;AAEA,IAAO,sBAAQ;",
   "names": []
 }

package/build-module/components/inspector-controls-tabs/index.mjs CHANGED Viewed

@@ -1,4 +1,4 @@
-// packages/block-editor/src/components/inspector-controls-tabs/index.js
+// packages/block-editor/src/components/inspector-controls-tabs/index.jsx
 import {
   Icon as WCIcon,
   privateApis as componentsPrivateApis

package/build-module/components/inspector-controls-tabs/index.mjs.map CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../../src/components/inspector-controls-tabs/index.js"],
+  "sources": ["../../../src/components/inspector-controls-tabs/index.jsx"],
   "sourcesContent": ["import {\n\tIcon as WCIcon,\n\tprivateApis as componentsPrivateApis,\n} from '@wordpress/components';\nimport { useEffect, useState, useRef } from '@wordpress/element';\nimport { store as preferencesStore } from '@wordpress/preferences';\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport { Tooltip } from '@wordpress/ui';\nimport { TAB_SETTINGS, TAB_STYLES, TAB_LIST_VIEW, TAB_CONTENT } from './utils';\nimport SettingsTab from './settings-tab';\nimport StylesTab from './styles-tab';\nimport ContentTab from './content-tab';\nimport { ListViewContentPopover } from '../inspector-controls/list-view-content-popover';\nimport InspectorControls from '../inspector-controls';\nimport { unlock } from '../../lock-unlock';\nimport { store as blockEditorStore } from '../../store';\n\nconst { Tabs } = unlock( componentsPrivateApis );\n\nexport default function InspectorControlsTabs( {\n\tblockName,\n\tclientId,\n\thasBlockStyles,\n\ttabs,\n\tisSectionBlock,\n\tcontentClientIds,\n} ) {\n\tconst listViewRef = useRef( null );\n\tconst showIconLabels = useSelect( ( select ) => {\n\t\treturn select( preferencesStore ).get( 'core', 'showIconLabels' );\n\t}, [] );\n\n\t// Get any requested inspector tab (used for initial state when programmatically switching)\n\tconst { requestedTab } = useSelect( ( select ) => ( {\n\t\trequestedTab: unlock(\n\t\t\tselect( blockEditorStore )\n\t\t).getRequestedInspectorTab(),\n\t} ) );\n\n\tconst [ selectedTabId, setSelectedTabId ] = useState(\n\t\t() => requestedTab?.tabName ?? tabs[ 0 ]?.name\n\t);\n\tconst hasUserSelectionRef = useRef( false );\n\tconst isProgrammaticSwitchRef = useRef( false );\n\tconst {\n\t\t__unstableSetOpenListViewPanel: setOpenListViewPanel,\n\t\t__unstableIncrementListViewExpandRevision:\n\t\t\tincrementListViewExpandRevision,\n\t\t__unstableSetAllListViewPanelsOpen: setAllListViewPanelsOpen,\n\t} = useDispatch( blockEditorStore );\n\tconst { clearRequestedInspectorTab } = unlock(\n\t\tuseDispatch( blockEditorStore )\n\t);\n\n\t// Reset when switching blocks\n\tuseEffect( () => {\n\t\thasUserSelectionRef.current = false;\n\t}, [ clientId ] );\n\n\t// Handle explicit inspector tab requests (panel opening, refs, clear).\n\t// Tab state is initialized from requestedTab above.\n\tuseEffect( () => {\n\t\tif ( ! requestedTab ) {\n\t\t\treturn;\n\t\t}\n\n\t\t// Switch to the requested tab\n\t\tsetSelectedTabId( requestedTab.tabName );\n\n\t\t// Handle tab-specific options\n\t\tif (\n\t\t\trequestedTab.tabName === TAB_LIST_VIEW.name &&\n\t\t\trequestedTab.options?.openPanel\n\t\t) {\n\t\t\t// Open the specific panel for List View\n\t\t\tsetOpenListViewPanel( requestedTab.options.openPanel );\n\t\t\tincrementListViewExpandRevision();\n\t\t}\n\n\t\t// Mark as handled (programmatic switch)\n\t\tisProgrammaticSwitchRef.current = true;\n\t\thasUserSelectionRef.current = true;\n\n\t\t// Clear the request\n\t\tclearRequestedInspectorTab();\n\t}, [\n\t\trequestedTab,\n\t\tsetOpenListViewPanel,\n\t\tincrementListViewExpandRevision,\n\t\tclearRequestedInspectorTab,\n\t] );\n\n\t// Initialize List View panels when the tab is selected and clientId changes\n\tuseEffect( () => {\n\t\tif (\n\t\t\tselectedTabId === TAB_LIST_VIEW.name &&\n\t\t\t! hasUserSelectionRef.current\n\t\t) {\n\t\t\tsetAllListViewPanelsOpen();\n\t\t\tincrementListViewExpandRevision();\n\t\t}\n\t}, [\n\t\tclientId,\n\t\tselectedTabId,\n\t\tsetAllListViewPanelsOpen,\n\t\tincrementListViewExpandRevision,\n\t] );\n\n\t// Auto-select first available tab unless user has made a selection\n\tuseEffect( () => {\n\t\tif (\n\t\t\t! tabs?.length ||\n\t\t\t( hasUserSelectionRef.current &&\n\t\t\t\ttabs.some( ( tab ) => tab.name === selectedTabId ) )\n\t\t) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst firstTabName = tabs[ 0 ]?.name;\n\t\tif ( selectedTabId !== firstTabName ) {\n\t\t\tsetSelectedTabId( firstTabName );\n\t\t}\n\t}, [ tabs, selectedTabId ] );\n\n\tconst handleTabSelect = ( tabId ) => {\n\t\tsetSelectedTabId( tabId );\n\t\thasUserSelectionRef.current = true;\n\n\t\t// If manually switching to List View tab (not via click-through), open all panels\n\t\tif (\n\t\t\ttabId === TAB_LIST_VIEW.name &&\n\t\t\t! isProgrammaticSwitchRef.current\n\t\t) {\n\t\t\tsetAllListViewPanelsOpen();\n\t\t\tincrementListViewExpandRevision();\n\t\t}\n\n\t\t// Reset the flag\n\t\tisProgrammaticSwitchRef.current = false;\n\t};\n\n\tconst hasListViewTab = tabs.some(\n\t\t( tab ) => tab.name === TAB_LIST_VIEW.name\n\t);\n\n\tconst switchToListView = ( targetClientId ) => {\n\t\tif ( hasListViewTab ) {\n\t\t\t// Open only the target panel\n\t\t\tsetOpenListViewPanel( targetClientId );\n\t\t\tincrementListViewExpandRevision();\n\t\t\t// Mark this as a programmatic switch\n\t\t\tisProgrammaticSwitchRef.current = true;\n\t\t\thandleTabSelect( TAB_LIST_VIEW.name );\n\t\t}\n\t};\n\n\treturn (\n\t\t<div className=\"block-editor-block-inspector__tabs\">\n\t\t\t<Tabs\n\t\t\t\tselectedTabId={ selectedTabId }\n\t\t\t\tonSelect={ handleTabSelect }\n\t\t\t\tkey={ clientId }\n\t\t\t>\n\t\t\t\t<Tabs.TabList>\n\t\t\t\t\t{ tabs.map( ( tab ) =>\n\t\t\t\t\t\tshowIconLabels ? (\n\t\t\t\t\t\t\t<Tabs.Tab key={ tab.name } tabId={ tab.name }>\n\t\t\t\t\t\t\t\t{ tab.title }\n\t\t\t\t\t\t\t</Tabs.Tab>\n\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t<Tooltip.Root key={ tab.name }>\n\t\t\t\t\t\t\t\t<Tabs.Tab\n\t\t\t\t\t\t\t\t\ttabId={ tab.name }\n\t\t\t\t\t\t\t\t\taria-label={ tab.title }\n\t\t\t\t\t\t\t\t\trender={ <Tooltip.Trigger /> }\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t<WCIcon icon={ tab.icon } />\n\t\t\t\t\t\t\t\t</Tabs.Tab>\n\t\t\t\t\t\t\t\t<Tooltip.Popup>{ tab.title }</Tooltip.Popup>\n\t\t\t\t\t\t\t</Tooltip.Root>\n\t\t\t\t\t\t)\n\t\t\t\t\t) }\n\t\t\t\t</Tabs.TabList>\n\t\t\t\t<Tabs.TabPanel tabId={ TAB_CONTENT.name } focusable={ false }>\n\t\t\t\t\t<ContentTab\n\t\t\t\t\t\tcontentClientIds={ contentClientIds }\n\t\t\t\t\t\tonSwitchToListView={ switchToListView }\n\t\t\t\t\t\thasListViewTab={ hasListViewTab }\n\t\t\t\t\t/>\n\t\t\t\t\t<InspectorControls.Slot group=\"content\" />\n\t\t\t\t</Tabs.TabPanel>\n\t\t\t\t<Tabs.TabPanel tabId={ TAB_LIST_VIEW.name } focusable={ false }>\n\t\t\t\t\t<InspectorControls.Slot group=\"list\" ref={ listViewRef } />\n\t\t\t\t\t<ListViewContentPopover listViewRef={ listViewRef } />\n\t\t\t\t</Tabs.TabPanel>\n\t\t\t\t<Tabs.TabPanel tabId={ TAB_SETTINGS.name } focusable={ false }>\n\t\t\t\t\t<SettingsTab showAdvancedControls={ !! blockName } />\n\t\t\t\t</Tabs.TabPanel>\n\t\t\t\t<Tabs.TabPanel tabId={ TAB_STYLES.name } focusable={ false }>\n\t\t\t\t\t<StylesTab\n\t\t\t\t\t\tblockName={ blockName }\n\t\t\t\t\t\tclientId={ clientId }\n\t\t\t\t\t\thasBlockStyles={ hasBlockStyles }\n\t\t\t\t\t\tisSectionBlock={ isSectionBlock }\n\t\t\t\t\t\tcontentClientIds={ contentClientIds }\n\t\t\t\t\t/>\n\t\t\t\t</Tabs.TabPanel>\n\t\t\t</Tabs>\n\t\t</div>\n\t);\n}\n"],
   "mappings": "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",
   "names": []

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

@@ -1,4 +1,4 @@
-// packages/block-editor/src/components/inspector-controls-tabs/position-controls-panel.js
+// packages/block-editor/src/components/inspector-controls-tabs/position-controls-panel.jsx
 import {
   __experimentalUseSlotFills as useSlotFills,
   __experimentalToolsPanel as ToolsPanel,

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

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../../src/components/inspector-controls-tabs/position-controls-panel.js"],
+  "sources": ["../../../src/components/inspector-controls-tabs/position-controls-panel.jsx"],
   "sourcesContent": ["import {\n\t__experimentalUseSlotFills as useSlotFills,\n\t__experimentalToolsPanel as ToolsPanel,\n\t__experimentalToolsPanelItem as ToolsPanelItem,\n} from '@wordpress/components';\nimport { useDispatch, useSelect } from '@wordpress/data';\nimport { __ } from '@wordpress/i18n';\nimport InspectorControlsGroups from '../inspector-controls/groups';\nimport { default as InspectorControls } from '../inspector-controls';\nimport { store as blockEditorStore } from '../../store';\nimport { useToolsPanelDropdownMenuProps } from '../global-styles/utils';\nimport { cleanEmptyObject } from '../../hooks/utils';\n\nconst PositionControlsPanel = () => {\n\tconst { selectedClientIds, selectedBlocks, hasPositionAttribute } =\n\t\tuseSelect( ( select ) => {\n\t\t\tconst { getBlocksByClientId, getSelectedBlockClientIds } =\n\t\t\t\tselect( blockEditorStore );\n\n\t\t\tconst selectedBlockClientIds = getSelectedBlockClientIds();\n\t\t\tconst _selectedBlocks = getBlocksByClientId(\n\t\t\t\tselectedBlockClientIds\n\t\t\t);\n\n\t\t\treturn {\n\t\t\t\tselectedClientIds: selectedBlockClientIds,\n\t\t\t\tselectedBlocks: _selectedBlocks,\n\t\t\t\thasPositionAttribute: _selectedBlocks?.some(\n\t\t\t\t\t( { attributes } ) => !! attributes?.style?.position?.type\n\t\t\t\t),\n\t\t\t};\n\t\t}, [] );\n\n\tconst { updateBlockAttributes } = useDispatch( blockEditorStore );\n\tconst dropdownMenuProps = useToolsPanelDropdownMenuProps();\n\n\tfunction resetPosition() {\n\t\tif ( ! selectedClientIds?.length || ! selectedBlocks?.length ) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst attributesByClientId = Object.fromEntries(\n\t\t\tselectedBlocks?.map( ( { clientId, attributes } ) => [\n\t\t\t\tclientId,\n\t\t\t\t{\n\t\t\t\t\tstyle: cleanEmptyObject( {\n\t\t\t\t\t\t...attributes?.style,\n\t\t\t\t\t\tposition: {\n\t\t\t\t\t\t\t...attributes?.style?.position,\n\t\t\t\t\t\t\ttype: undefined,\n\t\t\t\t\t\t\ttop: undefined,\n\t\t\t\t\t\t\tright: undefined,\n\t\t\t\t\t\t\tbottom: undefined,\n\t\t\t\t\t\t\tleft: undefined,\n\t\t\t\t\t\t},\n\t\t\t\t\t} ),\n\t\t\t\t},\n\t\t\t] )\n\t\t);\n\n\t\tupdateBlockAttributes( selectedClientIds, attributesByClientId, true );\n\t}\n\n\treturn (\n\t\t<ToolsPanel\n\t\t\tclassName=\"block-editor-block-inspector__position\"\n\t\t\tlabel={ __( 'Position' ) }\n\t\t\tresetAll={ resetPosition }\n\t\t\tdropdownMenuProps={ dropdownMenuProps }\n\t\t>\n\t\t\t<ToolsPanelItem\n\t\t\t\tisShownByDefault={ hasPositionAttribute }\n\t\t\t\tlabel={ __( 'Position' ) }\n\t\t\t\thasValue={ () => hasPositionAttribute }\n\t\t\t\tonDeselect={ resetPosition }\n\t\t\t>\n\t\t\t\t<InspectorControls.Slot group=\"position\" />\n\t\t\t</ToolsPanelItem>\n\t\t</ToolsPanel>\n\t);\n};\n\nconst PositionControls = () => {\n\tconst fills = useSlotFills( InspectorControlsGroups.position.name );\n\tconst hasFills = Boolean( fills && fills.length );\n\n\tif ( ! hasFills ) {\n\t\treturn null;\n\t}\n\n\treturn <PositionControlsPanel />;\n};\n\nexport default PositionControls;\n"],
   "mappings": ";AAAA;AAAA,EACC,8BAA8B;AAAA,EAC9B,4BAA4B;AAAA,EAC5B,gCAAgC;AAAA,OAC1B;AACP,SAAS,aAAa,iBAAiB;AACvC,SAAS,UAAU;AACnB,OAAO,6BAA6B;AACpC,SAAS,WAAW,yBAAyB;AAC7C,SAAS,SAAS,wBAAwB;AAC1C,SAAS,sCAAsC;AAC/C,SAAS,wBAAwB;AAiE7B;AA/DJ,IAAM,wBAAwB,MAAM;AACnC,QAAM,EAAE,mBAAmB,gBAAgB,qBAAqB,IAC/D,UAAW,CAAE,WAAY;AACxB,UAAM,EAAE,qBAAqB,0BAA0B,IACtD,OAAQ,gBAAiB;AAE1B,UAAM,yBAAyB,0BAA0B;AACzD,UAAM,kBAAkB;AAAA,MACvB;AAAA,IACD;AAEA,WAAO;AAAA,MACN,mBAAmB;AAAA,MACnB,gBAAgB;AAAA,MAChB,sBAAsB,iBAAiB;AAAA,QACtC,CAAE,EAAE,WAAW,MAAO,CAAC,CAAE,YAAY,OAAO,UAAU;AAAA,MACvD;AAAA,IACD;AAAA,EACD,GAAG,CAAC,CAAE;AAEP,QAAM,EAAE,sBAAsB,IAAI,YAAa,gBAAiB;AAChE,QAAM,oBAAoB,+BAA+B;AAEzD,WAAS,gBAAgB;AACxB,QAAK,CAAE,mBAAmB,UAAU,CAAE,gBAAgB,QAAS;AAC9D;AAAA,IACD;AAEA,UAAM,uBAAuB,OAAO;AAAA,MACnC,gBAAgB,IAAK,CAAE,EAAE,UAAU,WAAW,MAAO;AAAA,QACpD;AAAA,QACA;AAAA,UACC,OAAO,iBAAkB;AAAA,YACxB,GAAG,YAAY;AAAA,YACf,UAAU;AAAA,cACT,GAAG,YAAY,OAAO;AAAA,cACtB,MAAM;AAAA,cACN,KAAK;AAAA,cACL,OAAO;AAAA,cACP,QAAQ;AAAA,cACR,MAAM;AAAA,YACP;AAAA,UACD,CAAE;AAAA,QACH;AAAA,MACD,CAAE;AAAA,IACH;AAEA,0BAAuB,mBAAmB,sBAAsB,IAAK;AAAA,EACtE;AAEA,SACC;AAAA,IAAC;AAAA;AAAA,MACA,WAAU;AAAA,MACV,OAAQ,GAAI,UAAW;AAAA,MACvB,UAAW;AAAA,MACX;AAAA,MAEA;AAAA,QAAC;AAAA;AAAA,UACA,kBAAmB;AAAA,UACnB,OAAQ,GAAI,UAAW;AAAA,UACvB,UAAW,MAAM;AAAA,UACjB,YAAa;AAAA,UAEb,8BAAC,kBAAkB,MAAlB,EAAuB,OAAM,YAAW;AAAA;AAAA,MAC1C;AAAA;AAAA,EACD;AAEF;AAEA,IAAM,mBAAmB,MAAM;AAC9B,QAAM,QAAQ,aAAc,wBAAwB,SAAS,IAAK;AAClE,QAAM,WAAW,QAAS,SAAS,MAAM,MAAO;AAEhD,MAAK,CAAE,UAAW;AACjB,WAAO;AAAA,EACR;AAEA,SAAO,oBAAC,yBAAsB;AAC/B;AAEA,IAAO,kCAAQ;",
   "names": []

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

@@ -1,4 +1,4 @@
-// packages/block-editor/src/components/inspector-controls-tabs/settings-tab.js
+// packages/block-editor/src/components/inspector-controls-tabs/settings-tab.jsx
 import { __experimentalUseSlotFills as useSlotFills } from "@wordpress/components";
 import AdvancedControls from "./advanced-controls-panel.mjs";
 import { default as InspectorControls } from "../inspector-controls/index.mjs";

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

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../../src/components/inspector-controls-tabs/settings-tab.js"],
+  "sources": ["../../../src/components/inspector-controls-tabs/settings-tab.jsx"],
   "sourcesContent": ["import { __experimentalUseSlotFills as useSlotFills } from '@wordpress/components';\nimport AdvancedControls from './advanced-controls-panel';\nimport { default as InspectorControls } from '../inspector-controls';\nimport groups from '../inspector-controls/groups';\n\nconst SettingsTab = ( { showAdvancedControls = false } ) => {\n\tconst defaultFills = useSlotFills( groups.default.name );\n\tconst bindingsFills = useSlotFills( groups.bindings.name );\n\n\t// Expand the advanced panel when there are no other fills\n\t// in the settings tab.\n\tconst hasOtherFills = !! defaultFills?.length || !! bindingsFills?.length;\n\n\treturn (\n\t\t<>\n\t\t\t<InspectorControls.Slot />\n\t\t\t<InspectorControls.Slot group=\"bindings\" />\n\t\t\t{ showAdvancedControls && (\n\t\t\t\t<div>\n\t\t\t\t\t<AdvancedControls initialOpen={ ! hasOtherFills } />\n\t\t\t\t</div>\n\t\t\t) }\n\t\t</>\n\t);\n};\n\nexport default SettingsTab;\n"],
   "mappings": ";AAAA,SAAS,8BAA8B,oBAAoB;AAC3D,OAAO,sBAAsB;AAC7B,SAAS,WAAW,yBAAyB;AAC7C,OAAO,YAAY;AAWjB,mBACC,KADD;AATF,IAAM,cAAc,CAAE,EAAE,uBAAuB,MAAM,MAAO;AAC3D,QAAM,eAAe,aAAc,OAAO,QAAQ,IAAK;AACvD,QAAM,gBAAgB,aAAc,OAAO,SAAS,IAAK;AAIzD,QAAM,gBAAgB,CAAC,CAAE,cAAc,UAAU,CAAC,CAAE,eAAe;AAEnE,SACC,iCACC;AAAA,wBAAC,kBAAkB,MAAlB,EAAuB;AAAA,IACxB,oBAAC,kBAAkB,MAAlB,EAAuB,OAAM,YAAW;AAAA,IACvC,wBACD,oBAAC,SACA,8BAAC,oBAAiB,aAAc,CAAE,eAAgB,GACnD;AAAA,KAEF;AAEF;AAEA,IAAO,uBAAQ;",
   "names": []

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

@@ -1,11 +1,10 @@
-// packages/block-editor/src/components/inspector-controls-tabs/styles-tab.js
+// packages/block-editor/src/components/inspector-controls-tabs/styles-tab.jsx
 import { __ } from "@wordpress/i18n";
 import { useDispatch, useSelect } from "@wordpress/data";
 import { useMemo } from "@wordpress/element";
 import BlockStyles from "../block-styles/index.mjs";
 import InspectorControls from "../inspector-controls/index.mjs";
 import PositionControls from "./position-controls-panel.mjs";
-import { useBorderPanelLabel } from "../../hooks/border.mjs";
 import { useBlockSettings } from "../../hooks/utils.mjs";
 import { store as blockEditorStore } from "../../store/index.mjs";
 import { ElementsEdit } from "../../hooks/elements.mjs";
@@ -97,7 +96,6 @@ var StylesTab = ({
   isSectionBlock,
   contentClientIds
 }) => {
-  const borderPanelLabel = useBorderPanelLabel({ clientId });
   return /* @__PURE__ */ jsxs(Fragment, { children: [
     hasBlockStyles && /* @__PURE__ */ jsx(BlockStyles, { clientId }),
     isSectionBlock && blockName !== "core/template-part" && /* @__PURE__ */ jsx(
@@ -151,7 +149,7 @@ var StylesTab = ({
         InspectorControls.Slot,
         {
           group: "border",
-          label: borderPanelLabel
+          label: __("Borders")
         }
       ),
       /* @__PURE__ */ jsx(

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
-  "sources": ["../../../src/components/inspector-controls-tabs/styles-tab.js"],
-  "sourcesContent": ["import { __ } from '@wordpress/i18n';\nimport { useDispatch, useSelect } from '@wordpress/data';\nimport { useMemo } from '@wordpress/element';\nimport BlockStyles from '../block-styles';\nimport InspectorControls from '../inspector-controls';\nimport PositionControls from './position-controls-panel';\nimport { useBorderPanelLabel } from '../../hooks/border';\nimport { useBlockSettings } from '../../hooks/utils';\nimport { store as blockEditorStore } from '../../store';\nimport { ElementsEdit } from '../../hooks/elements';\nimport { TypographyPanel } from '../../hooks/typography';\nimport { BackgroundImagePanel } from '../../hooks/background';\nimport { ColorToolsPanel } from '../global-styles/color-panel';\nimport { TypographyToolsPanel } from '../global-styles/typography-panel';\nimport { BackgroundToolsPanel } from '../global-styles/background-panel';\n\n// Section blocks present a curated subset of the normal block style panels.\n// Their block-support fills are gated off by editing mode (see\n// `BlockStyleControls` in hooks/style.js), so each panel is direct-rendered\n// here rather than via the inspector slots, with settings restricted to the\n// supports a section should expose:\n// - Typography: text color only (font controls disabled).\n// - Background: color + gradient only (image controls disabled).\n// - Elements: link/heading/button/caption colors (unchanged).\nexport function SectionStyleControls( {\n\tblockName,\n\tclientId,\n\tcontentClientIds,\n} ) {\n\tconst settings = useBlockSettings( blockName );\n\tconst { updateBlockAttributes } = useDispatch( blockEditorStore );\n\n\tconst { hasButtons, 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\thasButtons: blockNames.includes( 'core/buttons' ),\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\tconst typographySettings = useMemo(\n\t\t() => ( { ...settings, typography: {} } ),\n\t\t[ settings ]\n\t);\n\tconst backgroundSettings = useMemo(\n\t\t() => ( {\n\t\t\t...settings,\n\t\t\tbackground: {\n\t\t\t\t...settings.background,\n\t\t\t\tbackgroundImage: false,\n\t\t\t\tbackgroundSize: false,\n\t\t\t},\n\t\t} ),\n\t\t[ settings ]\n\t);\n\n\treturn (\n\t\t<>\n\t\t\t<TypographyPanel\n\t\t\t\tclientId={ clientId }\n\t\t\t\tname={ blockName }\n\t\t\t\tsettings={ typographySettings }\n\t\t\t\tsetAttributes={ setAttributes }\n\t\t\t\tasWrapper={ TypographyToolsPanel }\n\t\t\t/>\n\t\t\t<BackgroundImagePanel\n\t\t\t\tclientId={ clientId }\n\t\t\t\tname={ blockName }\n\t\t\t\tsettings={ backgroundSettings }\n\t\t\t\tsetAttributes={ setAttributes }\n\t\t\t\tasWrapper={ BackgroundToolsPanel }\n\t\t\t/>\n\t\t\t<ElementsEdit\n\t\t\t\tclientId={ clientId }\n\t\t\t\tname={ blockName }\n\t\t\t\tsettings={ settings }\n\t\t\t\tsetAttributes={ setAttributes }\n\t\t\t\tasWrapper={ ColorToolsPanel }\n\t\t\t\tlabel={ __( 'Elements' ) }\n\t\t\t\tdefaultControls={ {\n\t\t\t\t\tbutton: hasButtons,\n\t\t\t\t\theading: hasHeading,\n\t\t\t\t} }\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( { clientId } );\n\n\treturn (\n\t\t<>\n\t\t\t{ hasBlockStyles && <BlockStyles clientId={ clientId } /> }\n\t\t\t{ isSectionBlock && blockName !== 'core/template-part' && (\n\t\t\t\t<SectionStyleControls\n\t\t\t\t\tblockName={ blockName }\n\t\t\t\t\tclientId={ clientId }\n\t\t\t\t\tcontentClientIds={ contentClientIds }\n\t\t\t\t/>\n\t\t\t) }\n\t\t\t{\n\t\t\t\t// Extenders have in the past always been allowed to add controls to group\n\t\t\t\t// the restrictions are lessened for that block. Template parts are\n\t\t\t\t// excluded from the curated section controls above and fall through\n\t\t\t\t// to the full panel set here.\n\t\t\t }\n\t\t\t{ ( ! isSectionBlock || blockName === 'core/template-part' ) && (\n\t\t\t\t<>\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=\"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' ) }\n\t\t\t\t\t\tclassName=\"background-block-support-panel__inner-wrapper\"\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=\"layout\"\n\t\t\t\t\t\tlabel={ __( 'Layout' ) }\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\n\t\t\t\t\t\tgroup=\"elements\"\n\t\t\t\t\t\tlabel={ __( 'Elements' ) }\n\t\t\t\t\t\tclassName=\"elements-block-support-panel__inner-wrapper\"\n\t\t\t\t\t/>\n\t\t\t\t\t<PositionControls />\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": ";AAAA,SAAS,UAAU;AACnB,SAAS,aAAa,iBAAiB;AACvC,SAAS,eAAe;AACxB,OAAO,iBAAiB;AACxB,OAAO,uBAAuB;AAC9B,OAAO,sBAAsB;AAC7B,SAAS,2BAA2B;AACpC,SAAS,wBAAwB;AACjC,SAAS,SAAS,wBAAwB;AAC1C,SAAS,oBAAoB;AAC7B,SAAS,uBAAuB;AAChC,SAAS,4BAA4B;AACrC,SAAS,uBAAuB;AAChC,SAAS,4BAA4B;AACrC,SAAS,4BAA4B;AAqDnC,mBACC,KADD;AA3CK,SAAS,qBAAsB;AAAA,EACrC;AAAA,EACA;AAAA,EACA;AACD,GAAI;AACH,QAAM,WAAW,iBAAkB,SAAU;AAC7C,QAAM,EAAE,sBAAsB,IAAI,YAAa,gBAAiB;AAEhE,QAAM,EAAE,YAAY,WAAW,IAAI;AAAA,IAClC,CAAE,WAAY;AACb,YAAM,aACL,OAAQ,gBAAiB,EAAE;AAAA,QAC1B;AAAA,MACD;AACD,aAAO;AAAA,QACN,YAAY,WAAW,SAAU,cAAe;AAAA,QAChD,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,QAAM,qBAAqB;AAAA,IAC1B,OAAQ,EAAE,GAAG,UAAU,YAAY,CAAC,EAAE;AAAA,IACtC,CAAE,QAAS;AAAA,EACZ;AACA,QAAM,qBAAqB;AAAA,IAC1B,OAAQ;AAAA,MACP,GAAG;AAAA,MACH,YAAY;AAAA,QACX,GAAG,SAAS;AAAA,QACZ,iBAAiB;AAAA,QACjB,gBAAgB;AAAA,MACjB;AAAA,IACD;AAAA,IACA,CAAE,QAAS;AAAA,EACZ;AAEA,SACC,iCACC;AAAA;AAAA,MAAC;AAAA;AAAA,QACA;AAAA,QACA,MAAO;AAAA,QACP,UAAW;AAAA,QACX;AAAA,QACA,WAAY;AAAA;AAAA,IACb;AAAA,IACA;AAAA,MAAC;AAAA;AAAA,QACA;AAAA,QACA,MAAO;AAAA,QACP,UAAW;AAAA,QACX;AAAA,QACA,WAAY;AAAA;AAAA,IACb;AAAA,IACA;AAAA,MAAC;AAAA;AAAA,QACA;AAAA,QACA,MAAO;AAAA,QACP;AAAA,QACA;AAAA,QACA,WAAY;AAAA,QACZ,OAAQ,GAAI,UAAW;AAAA,QACvB,iBAAkB;AAAA,UACjB,QAAQ;AAAA,UACR,SAAS;AAAA,QACV;AAAA;AAAA,IACD;AAAA,KACD;AAEF;AAEA,IAAM,YAAY,CAAE;AAAA,EACnB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACD,MAAO;AACN,QAAM,mBAAmB,oBAAqB,EAAE,SAAS,CAAE;AAE3D,SACC,iCACG;AAAA,sBAAkB,oBAAC,eAAY,UAAsB;AAAA,IACrD,kBAAkB,cAAc,wBACjC;AAAA,MAAC;AAAA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA;AAAA,IACD;AAAA,KAQG,CAAE,kBAAkB,cAAc,yBACrC,iCACC;AAAA;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,OAAQ;AAAA,UACpB,WAAU;AAAA;AAAA,MACX;AAAA,MACA;AAAA,QAAC,kBAAkB;AAAA,QAAlB;AAAA,UACA,OAAM;AAAA,UACN,OAAQ,GAAI,YAAa;AAAA,UACzB,WAAU;AAAA;AAAA,MACX;AAAA,MACA,oBAAC,kBAAkB,MAAlB,EAAuB,OAAM,UAAS;AAAA,MACvC;AAAA,QAAC,kBAAkB;AAAA,QAAlB;AAAA,UACA,OAAM;AAAA,UACN,OAAQ,GAAI,QAAS;AAAA;AAAA,MACtB;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;AAAA,QAAC,kBAAkB;AAAA,QAAlB;AAAA,UACA,OAAM;AAAA,UACN,OAAQ,GAAI,UAAW;AAAA,UACvB,WAAU;AAAA;AAAA,MACX;AAAA,MACA,oBAAC,oBAAiB;AAAA,MAClB,oBAAC,kBAAkB,MAAlB,EAAuB,OAAM,UAAS;AAAA,OACxC;AAAA,KAEF;AAEF;AAEA,IAAO,qBAAQ;",
+  "sources": ["../../../src/components/inspector-controls-tabs/styles-tab.jsx"],
+  "sourcesContent": ["import { __ } from '@wordpress/i18n';\nimport { useDispatch, useSelect } from '@wordpress/data';\nimport { useMemo } from '@wordpress/element';\nimport BlockStyles from '../block-styles';\nimport InspectorControls from '../inspector-controls';\nimport PositionControls from './position-controls-panel';\nimport { useBlockSettings } from '../../hooks/utils';\nimport { store as blockEditorStore } from '../../store';\nimport { ElementsEdit } from '../../hooks/elements';\nimport { TypographyPanel } from '../../hooks/typography';\nimport { BackgroundImagePanel } from '../../hooks/background';\nimport { ColorToolsPanel } from '../global-styles/color-panel';\nimport { TypographyToolsPanel } from '../global-styles/typography-panel';\nimport { BackgroundToolsPanel } from '../global-styles/background-panel';\n\n// Section blocks present a curated subset of the normal block style panels.\n// Their block-support fills are gated off by editing mode (see\n// `BlockStyleControls` in hooks/style.js), so each panel is direct-rendered\n// here rather than via the inspector slots, with settings restricted to the\n// supports a section should expose:\n// - Typography: text color only (font controls disabled).\n// - Background: color + gradient only (image controls disabled).\n// - Elements: link/heading/button/caption colors (unchanged).\nexport function SectionStyleControls( {\n\tblockName,\n\tclientId,\n\tcontentClientIds,\n} ) {\n\tconst settings = useBlockSettings( blockName );\n\tconst { updateBlockAttributes } = useDispatch( blockEditorStore );\n\n\tconst { hasButtons, 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\thasButtons: blockNames.includes( 'core/buttons' ),\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\tconst typographySettings = useMemo(\n\t\t() => ( { ...settings, typography: {} } ),\n\t\t[ settings ]\n\t);\n\tconst backgroundSettings = useMemo(\n\t\t() => ( {\n\t\t\t...settings,\n\t\t\tbackground: {\n\t\t\t\t...settings.background,\n\t\t\t\tbackgroundImage: false,\n\t\t\t\tbackgroundSize: false,\n\t\t\t},\n\t\t} ),\n\t\t[ settings ]\n\t);\n\n\treturn (\n\t\t<>\n\t\t\t<TypographyPanel\n\t\t\t\tclientId={ clientId }\n\t\t\t\tname={ blockName }\n\t\t\t\tsettings={ typographySettings }\n\t\t\t\tsetAttributes={ setAttributes }\n\t\t\t\tasWrapper={ TypographyToolsPanel }\n\t\t\t/>\n\t\t\t<BackgroundImagePanel\n\t\t\t\tclientId={ clientId }\n\t\t\t\tname={ blockName }\n\t\t\t\tsettings={ backgroundSettings }\n\t\t\t\tsetAttributes={ setAttributes }\n\t\t\t\tasWrapper={ BackgroundToolsPanel }\n\t\t\t/>\n\t\t\t<ElementsEdit\n\t\t\t\tclientId={ clientId }\n\t\t\t\tname={ blockName }\n\t\t\t\tsettings={ settings }\n\t\t\t\tsetAttributes={ setAttributes }\n\t\t\t\tasWrapper={ ColorToolsPanel }\n\t\t\t\tlabel={ __( 'Elements' ) }\n\t\t\t\tdefaultControls={ {\n\t\t\t\t\tbutton: hasButtons,\n\t\t\t\t\theading: hasHeading,\n\t\t\t\t} }\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\treturn (\n\t\t<>\n\t\t\t{ hasBlockStyles && <BlockStyles clientId={ clientId } /> }\n\t\t\t{ isSectionBlock && blockName !== 'core/template-part' && (\n\t\t\t\t<SectionStyleControls\n\t\t\t\t\tblockName={ blockName }\n\t\t\t\t\tclientId={ clientId }\n\t\t\t\t\tcontentClientIds={ contentClientIds }\n\t\t\t\t/>\n\t\t\t) }\n\t\t\t{\n\t\t\t\t// Extenders have in the past always been allowed to add controls to group\n\t\t\t\t// the restrictions are lessened for that block. Template parts are\n\t\t\t\t// excluded from the curated section controls above and fall through\n\t\t\t\t// to the full panel set here.\n\t\t\t }\n\t\t\t{ ( ! isSectionBlock || blockName === 'core/template-part' ) && (\n\t\t\t\t<>\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=\"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' ) }\n\t\t\t\t\t\tclassName=\"background-block-support-panel__inner-wrapper\"\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=\"layout\"\n\t\t\t\t\t\tlabel={ __( 'Layout' ) }\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={ __( 'Borders' ) }\n\t\t\t\t\t/>\n\t\t\t\t\t<InspectorControls.Slot\n\t\t\t\t\t\tgroup=\"elements\"\n\t\t\t\t\t\tlabel={ __( 'Elements' ) }\n\t\t\t\t\t\tclassName=\"elements-block-support-panel__inner-wrapper\"\n\t\t\t\t\t/>\n\t\t\t\t\t<PositionControls />\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": "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",
   "names": []
 }

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

@@ -54,8 +54,7 @@ function useInspectorControlsTabs(blockName, contentClientIds, isSectionBlock, h
     ...useSlotFills(defaultGroup.name) || [],
     ...hasListFills && hasStyleFills > 1 ? advancedFills : []
   ];
-  const shouldShowBlockFields = window?.__experimentalContentOnlyInspectorFields;
-  const hasContentTab = hasContentFills || !shouldShowBlockFields && contentClientIds?.length;
+  const hasContentTab = hasContentFills || contentClientIds?.length;
   if (hasContentTab) {
     tabs.push(TAB_CONTENT);
   }

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/inspector-controls-tabs/use-inspector-controls-tabs.js"],
-  "sourcesContent": ["import { __experimentalUseSlotFills as useSlotFills } from '@wordpress/components';\nimport { useSelect } from '@wordpress/data';\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\tlayout: layoutGroup,\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( layoutGroup.name ) || [] ),\n\t\t...( useSlotFills( positionGroup.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\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...( hasListFills && hasStyleFills > 1 ? advancedFills : [] ),\n\t];\n\n\t// When the block fields experiment is active, only rely on `hasContentFills`\n\t// to determine whether the content tab to be shown. The tab purely uses slot\n\t// fills in this situation.\n\tconst shouldShowBlockFields =\n\t\twindow?.__experimentalContentOnlyInspectorFields;\n\tconst hasContentTab =\n\t\thasContentFills ||\n\t\t( ! shouldShowBlockFields && contentClientIds?.length );\n\n\tif ( hasContentTab ) {\n\t\ttabs.push( TAB_CONTENT );\n\t}\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 ( hasListFills ) {\n\t\ttabs.push( TAB_LIST_VIEW );\n\t}\n\n\tif (\n\t\tsettingsFills.length ||\n\t\t// Advanced fills show up in settings tab if available or they blend into the default tab, if there's only one tab.\n\t\t( advancedFills.length && ( hasContentTab || hasListFills ) )\n\t) {\n\t\ttabs.push( TAB_SETTINGS );\n\t}\n\n\tconst { tabSettings, isPreviewMode } = useSelect( ( select ) => {\n\t\tconst settings = select( blockEditorStore ).getSettings();\n\t\treturn {\n\t\t\ttabSettings: settings.blockInspectorTabs,\n\t\t\tisPreviewMode: settings.isPreviewMode,\n\t\t};\n\t}, [] );\n\n\tif ( ! isPreviewMode && ( hasBlockStyles || hasStyleFills ) ) {\n\t\ttabs.push( TAB_STYLES );\n\t}\n\n\tconst showTabs = getShowTabs( blockName, tabSettings );\n\treturn showTabs ? tabs : EMPTY_ARRAY;\n}\n"],
-  "mappings": ";AAAA,SAAS,8BAA8B,oBAAoB;AAC3D,SAAS,iBAAiB;AAC1B,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,QAAQ;AAAA,IACR,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,YAAY,IAAK,KAAK,CAAC;AAAA,IAC1C,GAAK,aAAc,cAAc,IAAK,KAAK,CAAC;AAAA,IAC5C,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,gBAAgB,gBAAgB,IAAI,gBAAgB,CAAC;AAAA,EAC3D;AAKA,QAAM,wBACL,QAAQ;AACT,QAAM,gBACL,mBACE,CAAE,yBAAyB,kBAAkB;AAEhD,MAAK,eAAgB;AACpB,SAAK,KAAM,WAAY;AAAA,EACxB;AAIA,MAAK,cAAe;AACnB,SAAK,KAAM,aAAc;AAAA,EAC1B;AAEA,MACC,cAAc;AAAA,EAEZ,cAAc,WAAY,iBAAiB,eAC5C;AACD,SAAK,KAAM,YAAa;AAAA,EACzB;AAEA,QAAM,EAAE,aAAa,cAAc,IAAI,UAAW,CAAE,WAAY;AAC/D,UAAM,WAAW,OAAQ,gBAAiB,EAAE,YAAY;AACxD,WAAO;AAAA,MACN,aAAa,SAAS;AAAA,MACtB,eAAe,SAAS;AAAA,IACzB;AAAA,EACD,GAAG,CAAC,CAAE;AAEN,MAAK,CAAE,kBAAmB,kBAAkB,gBAAkB;AAC7D,SAAK,KAAM,UAAW;AAAA,EACvB;AAEA,QAAM,WAAW,YAAa,WAAW,WAAY;AACrD,SAAO,WAAW,OAAO;AAC1B;",
+  "sourcesContent": ["import { __experimentalUseSlotFills as useSlotFills } from '@wordpress/components';\nimport { useSelect } from '@wordpress/data';\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\tlayout: layoutGroup,\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( layoutGroup.name ) || [] ),\n\t\t...( useSlotFills( positionGroup.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\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...( hasListFills && hasStyleFills > 1 ? advancedFills : [] ),\n\t];\n\n\tconst hasContentTab = hasContentFills || contentClientIds?.length;\n\n\tif ( hasContentTab ) {\n\t\ttabs.push( TAB_CONTENT );\n\t}\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 ( hasListFills ) {\n\t\ttabs.push( TAB_LIST_VIEW );\n\t}\n\n\tif (\n\t\tsettingsFills.length ||\n\t\t// Advanced fills show up in settings tab if available or they blend into the default tab, if there's only one tab.\n\t\t( advancedFills.length && ( hasContentTab || hasListFills ) )\n\t) {\n\t\ttabs.push( TAB_SETTINGS );\n\t}\n\n\tconst { tabSettings, isPreviewMode } = useSelect( ( select ) => {\n\t\tconst settings = select( blockEditorStore ).getSettings();\n\t\treturn {\n\t\t\ttabSettings: settings.blockInspectorTabs,\n\t\t\tisPreviewMode: settings.isPreviewMode,\n\t\t};\n\t}, [] );\n\n\tif ( ! isPreviewMode && ( hasBlockStyles || hasStyleFills ) ) {\n\t\ttabs.push( TAB_STYLES );\n\t}\n\n\tconst showTabs = getShowTabs( blockName, tabSettings );\n\treturn showTabs ? tabs : EMPTY_ARRAY;\n}\n"],
+  "mappings": ";AAAA,SAAS,8BAA8B,oBAAoB;AAC3D,SAAS,iBAAiB;AAC1B,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,QAAQ;AAAA,IACR,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,YAAY,IAAK,KAAK,CAAC;AAAA,IAC1C,GAAK,aAAc,cAAc,IAAK,KAAK,CAAC;AAAA,IAC5C,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,gBAAgB,gBAAgB,IAAI,gBAAgB,CAAC;AAAA,EAC3D;AAEA,QAAM,gBAAgB,mBAAmB,kBAAkB;AAE3D,MAAK,eAAgB;AACpB,SAAK,KAAM,WAAY;AAAA,EACxB;AAIA,MAAK,cAAe;AACnB,SAAK,KAAM,aAAc;AAAA,EAC1B;AAEA,MACC,cAAc;AAAA,EAEZ,cAAc,WAAY,iBAAiB,eAC5C;AACD,SAAK,KAAM,YAAa;AAAA,EACzB;AAEA,QAAM,EAAE,aAAa,cAAc,IAAI,UAAW,CAAE,WAAY;AAC/D,UAAM,WAAW,OAAQ,gBAAiB,EAAE,YAAY;AACxD,WAAO;AAAA,MACN,aAAa,SAAS;AAAA,MACtB,eAAe,SAAS;AAAA,IACzB;AAAA,EACD,GAAG,CAAC,CAAE;AAEN,MAAK,CAAE,kBAAmB,kBAAkB,gBAAkB;AAC7D,SAAK,KAAM,UAAW;AAAA,EACvB;AAEA,QAAM,WAAW,YAAa,WAAW,WAAY;AACrD,SAAO,WAAW,OAAO;AAC1B;",
   "names": []
 }

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

@@ -1,14 +1,13 @@
-// packages/block-editor/src/components/inspector-popover-header/index.js
+// packages/block-editor/src/components/inspector-popover-header/index.jsx
 import {
   __experimentalVStack as VStack,
   __experimentalHStack as HStack,
-  __experimentalHeading as Heading,
   __experimentalSpacer as Spacer,
-  Button,
-  __experimentalText as WCText
+  Button
 } from "@wordpress/components";
 import { closeSmall } from "@wordpress/icons";
 import { __ } from "@wordpress/i18n";
+import { Text } from "@wordpress/ui";
 import { jsx, jsxs } from "react/jsx-runtime";
 function InspectorPopoverHeader({
   title,
@@ -19,11 +18,11 @@ function InspectorPopoverHeader({
   return /* @__PURE__ */ jsxs(VStack, { className: "block-editor-inspector-popover-header", spacing: 4, children: [
     /* @__PURE__ */ jsxs(HStack, { alignment: "center", children: [
       /* @__PURE__ */ jsx(
-        Heading,
+        Text,
         {
+          variant: "heading-md",
+          render: /* @__PURE__ */ jsx("h2", {}),
           className: "block-editor-inspector-popover-header__heading",
-          level: 2,
-          size: 13,
           children: title
         }
       ),
@@ -52,7 +51,7 @@ function InspectorPopoverHeader({
         }
       )
     ] }),
-    help && /* @__PURE__ */ jsx(WCText, { children: help })
+    help && /* @__PURE__ */ jsx(Text, { children: help })
   ] });
 }
 export {

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
-  "sources": ["../../../src/components/inspector-popover-header/index.js"],
-  "sourcesContent": ["import {\n\t__experimentalVStack as VStack,\n\t__experimentalHStack as HStack,\n\t__experimentalHeading as Heading,\n\t__experimentalSpacer as Spacer,\n\tButton,\n\t__experimentalText as WCText,\n} from '@wordpress/components';\nimport { closeSmall } from '@wordpress/icons';\nimport { __ } from '@wordpress/i18n';\n\nexport default function InspectorPopoverHeader( {\n\ttitle,\n\thelp,\n\tactions = [],\n\tonClose,\n} ) {\n\treturn (\n\t\t<VStack className=\"block-editor-inspector-popover-header\" spacing={ 4 }>\n\t\t\t<HStack alignment=\"center\">\n\t\t\t\t<Heading\n\t\t\t\t\tclassName=\"block-editor-inspector-popover-header__heading\"\n\t\t\t\t\tlevel={ 2 }\n\t\t\t\t\tsize={ 13 }\n\t\t\t\t>\n\t\t\t\t\t{ title }\n\t\t\t\t</Heading>\n\t\t\t\t<Spacer />\n\t\t\t\t{ actions.map( ( { label, icon, onClick } ) => (\n\t\t\t\t\t<Button\n\t\t\t\t\t\tsize=\"small\"\n\t\t\t\t\t\tkey={ label }\n\t\t\t\t\t\tclassName=\"block-editor-inspector-popover-header__action\"\n\t\t\t\t\t\tlabel={ label }\n\t\t\t\t\t\ticon={ icon }\n\t\t\t\t\t\tvariant={ ! icon && 'tertiary' }\n\t\t\t\t\t\tonClick={ onClick }\n\t\t\t\t\t>\n\t\t\t\t\t\t{ ! icon && label }\n\t\t\t\t\t</Button>\n\t\t\t\t) ) }\n\t\t\t\t{ onClose && (\n\t\t\t\t\t<Button\n\t\t\t\t\t\tsize=\"small\"\n\t\t\t\t\t\tclassName=\"block-editor-inspector-popover-header__action\"\n\t\t\t\t\t\tlabel={ __( 'Close' ) }\n\t\t\t\t\t\ticon={ closeSmall }\n\t\t\t\t\t\tonClick={ onClose }\n\t\t\t\t\t/>\n\t\t\t\t) }\n\t\t\t</HStack>\n\t\t\t{ help && <WCText>{ help }</WCText> }\n\t\t</VStack>\n\t);\n}\n"],
-  "mappings": ";AAAA;AAAA,EACC,wBAAwB;AAAA,EACxB,wBAAwB;AAAA,EACxB,yBAAyB;AAAA,EACzB,wBAAwB;AAAA,EACxB;AAAA,EACA,sBAAsB;AAAA,OAChB;AACP,SAAS,kBAAkB;AAC3B,SAAS,UAAU;AAUhB,SACC,KADD;AARY,SAAR,uBAAyC;AAAA,EAC/C;AAAA,EACA;AAAA,EACA,UAAU,CAAC;AAAA,EACX;AACD,GAAI;AACH,SACC,qBAAC,UAAO,WAAU,yCAAwC,SAAU,GACnE;AAAA,yBAAC,UAAO,WAAU,UACjB;AAAA;AAAA,QAAC;AAAA;AAAA,UACA,WAAU;AAAA,UACV,OAAQ;AAAA,UACR,MAAO;AAAA,UAEL;AAAA;AAAA,MACH;AAAA,MACA,oBAAC,UAAO;AAAA,MACN,QAAQ,IAAK,CAAE,EAAE,OAAO,MAAM,QAAQ,MACvC;AAAA,QAAC;AAAA;AAAA,UACA,MAAK;AAAA,UAEL,WAAU;AAAA,UACV;AAAA,UACA;AAAA,UACA,SAAU,CAAE,QAAQ;AAAA,UACpB;AAAA,UAEE,WAAE,QAAQ;AAAA;AAAA,QAPN;AAAA,MAQP,CACC;AAAA,MACA,WACD;AAAA,QAAC;AAAA;AAAA,UACA,MAAK;AAAA,UACL,WAAU;AAAA,UACV,OAAQ,GAAI,OAAQ;AAAA,UACpB,MAAO;AAAA,UACP,SAAU;AAAA;AAAA,MACX;AAAA,OAEF;AAAA,IACE,QAAQ,oBAAC,UAAS,gBAAM;AAAA,KAC3B;AAEF;",
+  "sources": ["../../../src/components/inspector-popover-header/index.jsx"],
+  "sourcesContent": ["import {\n\t__experimentalVStack as VStack,\n\t__experimentalHStack as HStack,\n\t__experimentalSpacer as Spacer,\n\tButton,\n} from '@wordpress/components';\nimport { closeSmall } from '@wordpress/icons';\nimport { __ } from '@wordpress/i18n';\nimport { Text } from '@wordpress/ui';\n\nexport default function InspectorPopoverHeader( {\n\ttitle,\n\thelp,\n\tactions = [],\n\tonClose,\n} ) {\n\treturn (\n\t\t<VStack className=\"block-editor-inspector-popover-header\" spacing={ 4 }>\n\t\t\t<HStack alignment=\"center\">\n\t\t\t\t<Text\n\t\t\t\t\tvariant=\"heading-md\"\n\t\t\t\t\trender={ <h2 /> }\n\t\t\t\t\tclassName=\"block-editor-inspector-popover-header__heading\"\n\t\t\t\t>\n\t\t\t\t\t{ title }\n\t\t\t\t</Text>\n\t\t\t\t<Spacer />\n\t\t\t\t{ actions.map( ( { label, icon, onClick } ) => (\n\t\t\t\t\t<Button\n\t\t\t\t\t\tsize=\"small\"\n\t\t\t\t\t\tkey={ label }\n\t\t\t\t\t\tclassName=\"block-editor-inspector-popover-header__action\"\n\t\t\t\t\t\tlabel={ label }\n\t\t\t\t\t\ticon={ icon }\n\t\t\t\t\t\tvariant={ ! icon && 'tertiary' }\n\t\t\t\t\t\tonClick={ onClick }\n\t\t\t\t\t>\n\t\t\t\t\t\t{ ! icon && label }\n\t\t\t\t\t</Button>\n\t\t\t\t) ) }\n\t\t\t\t{ onClose && (\n\t\t\t\t\t<Button\n\t\t\t\t\t\tsize=\"small\"\n\t\t\t\t\t\tclassName=\"block-editor-inspector-popover-header__action\"\n\t\t\t\t\t\tlabel={ __( 'Close' ) }\n\t\t\t\t\t\ticon={ closeSmall }\n\t\t\t\t\t\tonClick={ onClose }\n\t\t\t\t\t/>\n\t\t\t\t) }\n\t\t\t</HStack>\n\t\t\t{ help && <Text>{ help }</Text> }\n\t\t</VStack>\n\t);\n}\n"],
+  "mappings": ";AAAA;AAAA,EACC,wBAAwB;AAAA,EACxB,wBAAwB;AAAA,EACxB,wBAAwB;AAAA,EACxB;AAAA,OACM;AACP,SAAS,kBAAkB;AAC3B,SAAS,UAAU;AACnB,SAAS,YAAY;AAUlB,SAGW,KAHX;AARY,SAAR,uBAAyC;AAAA,EAC/C;AAAA,EACA;AAAA,EACA,UAAU,CAAC;AAAA,EACX;AACD,GAAI;AACH,SACC,qBAAC,UAAO,WAAU,yCAAwC,SAAU,GACnE;AAAA,yBAAC,UAAO,WAAU,UACjB;AAAA;AAAA,QAAC;AAAA;AAAA,UACA,SAAQ;AAAA,UACR,QAAS,oBAAC,QAAG;AAAA,UACb,WAAU;AAAA,UAER;AAAA;AAAA,MACH;AAAA,MACA,oBAAC,UAAO;AAAA,MACN,QAAQ,IAAK,CAAE,EAAE,OAAO,MAAM,QAAQ,MACvC;AAAA,QAAC;AAAA;AAAA,UACA,MAAK;AAAA,UAEL,WAAU;AAAA,UACV;AAAA,UACA;AAAA,UACA,SAAU,CAAE,QAAQ;AAAA,UACpB;AAAA,UAEE,WAAE,QAAQ;AAAA;AAAA,QAPN;AAAA,MAQP,CACC;AAAA,MACA,WACD;AAAA,QAAC;AAAA;AAAA,UACA,MAAK;AAAA,UACL,WAAU;AAAA,UACV,OAAQ,GAAI,OAAQ;AAAA,UACpB,MAAO;AAAA,UACP,SAAU;AAAA;AAAA,MACX;AAAA,OAEF;AAAA,IACE,QAAQ,oBAAC,QAAO,gBAAM;AAAA,KACzB;AAEF;",
   "names": []
 }

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

@@ -1,4 +1,4 @@
-// packages/block-editor/src/components/justify-content-control/index.js
+// packages/block-editor/src/components/justify-content-control/index.jsx
 import JustifyContentUI from "./ui.mjs";
 import { jsx } from "react/jsx-runtime";
 var JustifyContentControl = (props) => {

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

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../../src/components/justify-content-control/index.js"],
+  "sources": ["../../../src/components/justify-content-control/index.jsx"],
   "sourcesContent": ["import JustifyContentUI from './ui';\n\nconst JustifyContentControl = ( props ) => {\n\treturn <JustifyContentUI { ...props } isToolbar={ false } />;\n};\n\nconst JustifyToolbar = ( props ) => {\n\treturn <JustifyContentUI { ...props } isToolbar />;\n};\n\n/**\n * @see https://github.com/WordPress/gutenberg/blob/HEAD/packages/block-editor/src/components/justify-content-control/README.md\n */\nexport { JustifyContentControl, JustifyToolbar };\n"],
   "mappings": ";AAAA,OAAO,sBAAsB;AAGrB;AADR,IAAM,wBAAwB,CAAE,UAAW;AAC1C,SAAO,oBAAC,oBAAmB,GAAG,OAAQ,WAAY,OAAQ;AAC3D;AAEA,IAAM,iBAAiB,CAAE,UAAW;AACnC,SAAO,oBAAC,oBAAmB,GAAG,OAAQ,WAAS,MAAC;AACjD;",
   "names": []

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

@@ -1,4 +1,4 @@
-// packages/block-editor/src/components/justify-content-control/ui.js
+// packages/block-editor/src/components/justify-content-control/ui.jsx
 import { ToolbarDropdownMenu, ToolbarGroup } from "@wordpress/components";
 import {
   justifyLeft,

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

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../../src/components/justify-content-control/ui.js"],
+  "sources": ["../../../src/components/justify-content-control/ui.jsx"],
   "sourcesContent": ["import { ToolbarDropdownMenu, ToolbarGroup } from '@wordpress/components';\nimport {\n\tjustifyLeft,\n\tjustifyCenter,\n\tjustifyRight,\n\tjustifySpaceBetween,\n\tjustifyStretch,\n} from '@wordpress/icons';\nimport { __ } from '@wordpress/i18n';\n\nconst icons = {\n\tleft: justifyLeft,\n\tcenter: justifyCenter,\n\tright: justifyRight,\n\t'space-between': justifySpaceBetween,\n\tstretch: justifyStretch,\n};\n\nfunction JustifyContentUI( {\n\tallowedControls = [ 'left', 'center', 'right', 'space-between' ],\n\tisCollapsed = true,\n\tonChange,\n\tvalue,\n\tpopoverProps,\n\tisToolbar,\n} ) {\n\t// If the control is already selected we want a click\n\t// again on the control to deselect the item, so we\n\t// call onChange( undefined )\n\tconst handleClick = ( next ) => {\n\t\tif ( next === value ) {\n\t\t\tonChange( undefined );\n\t\t} else {\n\t\t\tonChange( next );\n\t\t}\n\t};\n\n\tconst icon = value ? icons[ value ] : icons.left;\n\tconst allControls = [\n\t\t{\n\t\t\tname: 'left',\n\t\t\ticon: justifyLeft,\n\t\t\ttitle: __( 'Justify items left' ),\n\t\t\tisActive: 'left' === value,\n\t\t\tonClick: () => handleClick( 'left' ),\n\t\t},\n\t\t{\n\t\t\tname: 'center',\n\t\t\ticon: justifyCenter,\n\t\t\ttitle: __( 'Justify items center' ),\n\t\t\tisActive: 'center' === value,\n\t\t\tonClick: () => handleClick( 'center' ),\n\t\t},\n\t\t{\n\t\t\tname: 'right',\n\t\t\ticon: justifyRight,\n\t\t\ttitle: __( 'Justify items right' ),\n\t\t\tisActive: 'right' === value,\n\t\t\tonClick: () => handleClick( 'right' ),\n\t\t},\n\t\t{\n\t\t\tname: 'space-between',\n\t\t\ticon: justifySpaceBetween,\n\t\t\ttitle: __( 'Space between items' ),\n\t\t\tisActive: 'space-between' === value,\n\t\t\tonClick: () => handleClick( 'space-between' ),\n\t\t},\n\t\t{\n\t\t\tname: 'stretch',\n\t\t\ticon: justifyStretch,\n\t\t\ttitle: __( 'Stretch items' ),\n\t\t\tisActive: 'stretch' === value,\n\t\t\tonClick: () => handleClick( 'stretch' ),\n\t\t},\n\t];\n\n\tconst UIComponent = isToolbar ? ToolbarGroup : ToolbarDropdownMenu;\n\tconst extraProps = isToolbar ? { isCollapsed } : {};\n\n\treturn (\n\t\t<UIComponent\n\t\t\ticon={ icon }\n\t\t\tpopoverProps={ popoverProps }\n\t\t\tlabel={ __( 'Change items justification' ) }\n\t\t\tcontrols={ allControls.filter( ( elem ) =>\n\t\t\t\tallowedControls.includes( elem.name )\n\t\t\t) }\n\t\t\t{ ...extraProps }\n\t\t/>\n\t);\n}\n\nexport default JustifyContentUI;\n"],
   "mappings": ";AAAA,SAAS,qBAAqB,oBAAoB;AAClD;AAAA,EACC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACM;AACP,SAAS,UAAU;AAwEjB;AAtEF,IAAM,QAAQ;AAAA,EACb,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,OAAO;AAAA,EACP,iBAAiB;AAAA,EACjB,SAAS;AACV;AAEA,SAAS,iBAAkB;AAAA,EAC1B,kBAAkB,CAAE,QAAQ,UAAU,SAAS,eAAgB;AAAA,EAC/D,cAAc;AAAA,EACd;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACD,GAAI;AAIH,QAAM,cAAc,CAAE,SAAU;AAC/B,QAAK,SAAS,OAAQ;AACrB,eAAU,MAAU;AAAA,IACrB,OAAO;AACN,eAAU,IAAK;AAAA,IAChB;AAAA,EACD;AAEA,QAAM,OAAO,QAAQ,MAAO,KAAM,IAAI,MAAM;AAC5C,QAAM,cAAc;AAAA,IACnB;AAAA,MACC,MAAM;AAAA,MACN,MAAM;AAAA,MACN,OAAO,GAAI,oBAAqB;AAAA,MAChC,UAAU,WAAW;AAAA,MACrB,SAAS,MAAM,YAAa,MAAO;AAAA,IACpC;AAAA,IACA;AAAA,MACC,MAAM;AAAA,MACN,MAAM;AAAA,MACN,OAAO,GAAI,sBAAuB;AAAA,MAClC,UAAU,aAAa;AAAA,MACvB,SAAS,MAAM,YAAa,QAAS;AAAA,IACtC;AAAA,IACA;AAAA,MACC,MAAM;AAAA,MACN,MAAM;AAAA,MACN,OAAO,GAAI,qBAAsB;AAAA,MACjC,UAAU,YAAY;AAAA,MACtB,SAAS,MAAM,YAAa,OAAQ;AAAA,IACrC;AAAA,IACA;AAAA,MACC,MAAM;AAAA,MACN,MAAM;AAAA,MACN,OAAO,GAAI,qBAAsB;AAAA,MACjC,UAAU,oBAAoB;AAAA,MAC9B,SAAS,MAAM,YAAa,eAAgB;AAAA,IAC7C;AAAA,IACA;AAAA,MACC,MAAM;AAAA,MACN,MAAM;AAAA,MACN,OAAO,GAAI,eAAgB;AAAA,MAC3B,UAAU,cAAc;AAAA,MACxB,SAAS,MAAM,YAAa,SAAU;AAAA,IACvC;AAAA,EACD;AAEA,QAAM,cAAc,YAAY,eAAe;AAC/C,QAAM,aAAa,YAAY,EAAE,YAAY,IAAI,CAAC;AAElD,SACC;AAAA,IAAC;AAAA;AAAA,MACA;AAAA,MACA;AAAA,MACA,OAAQ,GAAI,4BAA6B;AAAA,MACzC,UAAW,YAAY;AAAA,QAAQ,CAAE,SAChC,gBAAgB,SAAU,KAAK,IAAK;AAAA,MACrC;AAAA,MACE,GAAG;AAAA;AAAA,EACN;AAEF;AAEA,IAAO,aAAQ;",
   "names": []

package/build-module/components/letter-spacing-control/index.mjs CHANGED Viewed

@@ -1,4 +1,4 @@
-// packages/block-editor/src/components/letter-spacing-control/index.js
+// packages/block-editor/src/components/letter-spacing-control/index.jsx
 import {
   __experimentalUnitControl as UnitControl,
   __experimentalUseCustomUnits as useCustomUnits

package/build-module/components/letter-spacing-control/index.mjs.map CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../../src/components/letter-spacing-control/index.js"],
+  "sources": ["../../../src/components/letter-spacing-control/index.jsx"],
   "sourcesContent": ["import {\n\t__experimentalUnitControl as UnitControl,\n\t__experimentalUseCustomUnits as useCustomUnits,\n} from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\nimport { useSettings } from '../../components/use-settings';\n\n/**\n * Control for letter-spacing.\n *\n * @param {Object}                  props                         Component props.\n * @param {boolean}                 [props.__next40pxDefaultSize] Start opting into the larger default height that will become the default size in a future version.\n * @param {string}                  props.value                   Currently selected letter-spacing.\n * @param {Function}                props.onChange                Handles change in letter-spacing selection.\n * @param {string|number|undefined} props.__unstableInputWidth    Input width to pass through to inner UnitControl. Should be a valid CSS value.\n *\n * @return {Element} Letter-spacing control.\n */\nexport default function LetterSpacingControl( {\n\tvalue,\n\tonChange,\n\t__unstableInputWidth = '60px',\n\t...otherProps\n} ) {\n\tconst [ availableUnits ] = useSettings( 'spacing.units' );\n\tconst units = useCustomUnits( {\n\t\tavailableUnits: availableUnits || [ 'px', 'em', 'rem' ],\n\t\tdefaultValues: { px: 2, em: 0.2, rem: 0.2 },\n\t} );\n\n\treturn (\n\t\t<UnitControl\n\t\t\t{ ...otherProps }\n\t\t\tlabel={ __( 'Letter spacing' ) }\n\t\t\tvalue={ value }\n\t\t\t__unstableInputWidth={ __unstableInputWidth }\n\t\t\tunits={ units }\n\t\t\tonChange={ onChange }\n\t\t/>\n\t);\n}\n"],
   "mappings": ";AAAA;AAAA,EACC,6BAA6B;AAAA,EAC7B,gCAAgC;AAAA,OAC1B;AACP,SAAS,UAAU;AACnB,SAAS,mBAAmB;AA0B1B;AAba,SAAR,qBAAuC;AAAA,EAC7C;AAAA,EACA;AAAA,EACA,uBAAuB;AAAA,EACvB,GAAG;AACJ,GAAI;AACH,QAAM,CAAE,cAAe,IAAI,YAAa,eAAgB;AACxD,QAAM,QAAQ,eAAgB;AAAA,IAC7B,gBAAgB,kBAAkB,CAAE,MAAM,MAAM,KAAM;AAAA,IACtD,eAAe,EAAE,IAAI,GAAG,IAAI,KAAK,KAAK,IAAI;AAAA,EAC3C,CAAE;AAEF,SACC;AAAA,IAAC;AAAA;AAAA,MACE,GAAG;AAAA,MACL,OAAQ,GAAI,gBAAiB;AAAA,MAC7B;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA;AAAA,EACD;AAEF;",
   "names": []

package/build-module/components/line-height-control/index.mjs CHANGED Viewed

@@ -1,4 +1,4 @@
-// packages/block-editor/src/components/line-height-control/index.js
+// packages/block-editor/src/components/line-height-control/index.jsx
 import { __ } from "@wordpress/i18n";
 import { __experimentalNumberControl as NumberControl } from "@wordpress/components";
 import {

package/build-module/components/line-height-control/index.mjs.map CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../../src/components/line-height-control/index.js"],
+  "sources": ["../../../src/components/line-height-control/index.jsx"],
   "sourcesContent": ["import { __ } from '@wordpress/i18n';\nimport { __experimentalNumberControl as NumberControl } from '@wordpress/components';\nimport {\n\tBASE_DEFAULT_VALUE,\n\tRESET_VALUE,\n\tSTEP,\n\tSPIN_FACTOR,\n\tisLineHeightDefined,\n} from './utils';\n\nconst LineHeightControl = ( {\n\t/**\n\t * Start opting into the larger default height that will become the default size in a future version.\n\t *\n\t * @deprecated Default behavior since WordPress 7.1. Prop can be safely removed.\n\t */\n\t__next40pxDefaultSize: _next40pxDefaultSize,\n\tvalue: lineHeight,\n\tonChange,\n\t__unstableInputWidth = '60px',\n\t...otherProps\n} ) => {\n\tconst isDefined = isLineHeightDefined( lineHeight );\n\n\tconst adjustNextValue = ( nextValue, wasTypedOrPasted ) => {\n\t\t// Set the next value without modification if lineHeight has been defined.\n\t\tif ( isDefined ) {\n\t\t\treturn nextValue;\n\t\t}\n\n\t\t/**\n\t\t * The following logic handles the initial spin up/down action\n\t\t * (from an undefined value state) so that the next values are better suited for\n\t\t * line-height rendering. For example, the first spin up should immediately\n\t\t * go to 1.6, rather than the normally expected 0.1.\n\t\t *\n\t\t * Spin up/down actions can be triggered by keydowns of the up/down arrow keys,\n\t\t * dragging the input or by clicking the spin buttons.\n\t\t */\n\t\tconst spin = STEP * SPIN_FACTOR;\n\t\tswitch ( `${ nextValue }` ) {\n\t\t\tcase `${ spin }`:\n\t\t\t\t// Increment by spin value.\n\t\t\t\treturn BASE_DEFAULT_VALUE + spin;\n\t\t\tcase '0': {\n\t\t\t\t// This means the user explicitly input '0', rather than using the\n\t\t\t\t// spin down action from an undefined value state.\n\t\t\t\tif ( wasTypedOrPasted ) {\n\t\t\t\t\treturn nextValue;\n\t\t\t\t}\n\t\t\t\t// Decrement by spin value.\n\t\t\t\treturn BASE_DEFAULT_VALUE - spin;\n\t\t\t}\n\t\t\tcase '':\n\t\t\t\treturn BASE_DEFAULT_VALUE;\n\t\t\tdefault:\n\t\t\t\treturn nextValue;\n\t\t}\n\t};\n\n\tconst stateReducer = ( state, action ) => {\n\t\t// Be careful when changing this — cross-browser behavior of the\n\t\t// `inputType` field in `input` events are inconsistent.\n\t\t// For example, Firefox emits an input event with inputType=\"insertReplacementText\"\n\t\t// on spin button clicks, while other browsers do not even emit an input event.\n\t\tconst wasTypedOrPasted = [ 'insertText', 'insertFromPaste' ].includes(\n\t\t\taction.payload.event.nativeEvent?.inputType\n\t\t);\n\t\tconst value = adjustNextValue( state.value, wasTypedOrPasted );\n\t\treturn { ...state, value };\n\t};\n\n\tconst value = isDefined ? lineHeight : RESET_VALUE;\n\n\tconst handleOnChange = ( nextValue, { event } ) => {\n\t\tif ( nextValue === '' ) {\n\t\t\tonChange();\n\t\t\treturn;\n\t\t}\n\n\t\tif ( event.type === 'click' ) {\n\t\t\tonChange( adjustNextValue( `${ nextValue }`, false ) );\n\t\t\treturn;\n\t\t}\n\n\t\tonChange( `${ nextValue }` );\n\t};\n\n\treturn (\n\t\t<div className=\"block-editor-line-height-control\">\n\t\t\t<NumberControl\n\t\t\t\tplaceholder={ BASE_DEFAULT_VALUE }\n\t\t\t\t{ ...otherProps }\n\t\t\t\t__unstableInputWidth={ __unstableInputWidth }\n\t\t\t\t__unstableStateReducer={ stateReducer }\n\t\t\t\tonChange={ handleOnChange }\n\t\t\t\tlabel={ __( 'Line height' ) }\n\t\t\t\tstep={ STEP }\n\t\t\t\tspinFactor={ SPIN_FACTOR }\n\t\t\t\tvalue={ value }\n\t\t\t\tmin={ 0 }\n\t\t\t\tspinControls=\"custom\"\n\t\t\t/>\n\t\t</div>\n\t);\n};\n\n/**\n * @see https://github.com/WordPress/gutenberg/blob/HEAD/packages/block-editor/src/components/line-height-control/README.md\n */\nexport default LineHeightControl;\n"],
   "mappings": ";AAAA,SAAS,UAAU;AACnB,SAAS,+BAA+B,qBAAqB;AAC7D;AAAA,EACC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACM;AAkFJ;AAhFH,IAAM,oBAAoB,CAAE;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAM3B,uBAAuB;AAAA,EACvB,OAAO;AAAA,EACP;AAAA,EACA,uBAAuB;AAAA,EACvB,GAAG;AACJ,MAAO;AACN,QAAM,YAAY,oBAAqB,UAAW;AAElD,QAAM,kBAAkB,CAAE,WAAW,qBAAsB;AAE1D,QAAK,WAAY;AAChB,aAAO;AAAA,IACR;AAWA,UAAM,OAAO,OAAO;AACpB,YAAS,GAAI,SAAU,IAAK;AAAA,MAC3B,KAAK,GAAI,IAAK;AAEb,eAAO,qBAAqB;AAAA,MAC7B,KAAK,KAAK;AAGT,YAAK,kBAAmB;AACvB,iBAAO;AAAA,QACR;AAEA,eAAO,qBAAqB;AAAA,MAC7B;AAAA,MACA,KAAK;AACJ,eAAO;AAAA,MACR;AACC,eAAO;AAAA,IACT;AAAA,EACD;AAEA,QAAM,eAAe,CAAE,OAAO,WAAY;AAKzC,UAAM,mBAAmB,CAAE,cAAc,iBAAkB,EAAE;AAAA,MAC5D,OAAO,QAAQ,MAAM,aAAa;AAAA,IACnC;AACA,UAAMA,SAAQ,gBAAiB,MAAM,OAAO,gBAAiB;AAC7D,WAAO,EAAE,GAAG,OAAO,OAAAA,OAAM;AAAA,EAC1B;AAEA,QAAM,QAAQ,YAAY,aAAa;AAEvC,QAAM,iBAAiB,CAAE,WAAW,EAAE,MAAM,MAAO;AAClD,QAAK,cAAc,IAAK;AACvB,eAAS;AACT;AAAA,IACD;AAEA,QAAK,MAAM,SAAS,SAAU;AAC7B,eAAU,gBAAiB,GAAI,SAAU,IAAI,KAAM,CAAE;AACrD;AAAA,IACD;AAEA,aAAU,GAAI,SAAU,EAAG;AAAA,EAC5B;AAEA,SACC,oBAAC,SAAI,WAAU,oCACd;AAAA,IAAC;AAAA;AAAA,MACA,aAAc;AAAA,MACZ,GAAG;AAAA,MACL;AAAA,MACA,wBAAyB;AAAA,MACzB,UAAW;AAAA,MACX,OAAQ,GAAI,aAAc;AAAA,MAC1B,MAAO;AAAA,MACP,YAAa;AAAA,MACb;AAAA,MACA,KAAM;AAAA,MACN,cAAa;AAAA;AAAA,EACd,GACD;AAEF;AAKA,IAAO,8BAAQ;",
   "names": ["value"]

package/build-module/components/link-control/index.mjs CHANGED Viewed

@@ -1,4 +1,4 @@
-// packages/block-editor/src/components/link-control/index.js
+// packages/block-editor/src/components/link-control/index.jsx
 import clsx from "clsx";
 import {
   Button,