@wordpress/block-editor 15.13.2-next.v.202602241322.0 → 15.14.0

package/build/hooks/auto-inspector-controls.cjs

@@ -42,6 +42,8 @@ var import_i18n = require("@wordpress/i18n");
 var import_inspector_controls = __toESM(require("../components/inspector-controls/index.cjs"));
 var import_block_editing_mode = require("../components/block-editing-mode/index.cjs");
 var import_store = require("../store/index.cjs");
+var import_lock_unlock = require("../lock-unlock.cjs");
+var import_block_context = __toESM(require("../components/block-context/index.cjs"));
 var import_generate_fields_from_attributes = require("./generate-fields-from-attributes.cjs");
 var import_jsx_runtime = require("react/jsx-runtime");
 function hasAutoGenerateControl(blockTypeAttributes) {
@@ -54,9 +56,31 @@ function hasAutoGenerateControl(blockTypeAttributes) {
 }
 function AutoRegisterControls({ name, clientId, setAttributes }) {
   const blockEditingMode = (0, import_block_editing_mode.useBlockEditingMode)();
+  const blockContext = (0, import_element.useContext)(import_block_context.default);
   const attributes = (0, import_data.useSelect)(
-    (select) => select(import_store.store).getBlockAttributes(clientId),
-    [clientId]
+    (select) => {
+      const _attributes = select(import_store.store).getBlockAttributes(clientId);
+      if (!_attributes?.metadata?.bindings) {
+        return _attributes;
+      }
+      const { getBlockBindingsSource } = (0, import_lock_unlock.unlock)(select(import_blocks.store));
+      return Object.entries(_attributes.metadata.bindings).reduce(
+        (acc, [attribute, binding]) => {
+          const source = getBlockBindingsSource(binding.source);
+          if (!source) {
+            return acc;
+          }
+          const values = source.getValues({
+            select,
+            context: blockContext,
+            bindings: { [attribute]: binding }
+          });
+          return { ...acc, ...values };
+        },
+        _attributes
+      );
+    },
+    [blockContext, clientId]
   );
   const blockType = (0, import_blocks.getBlockType)(name);
   const { fields, form } = (0, import_element.useMemo)(() => {

package/build/hooks/auto-inspector-controls.cjs.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/hooks/auto-inspector-controls.js"],
-  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { getBlockType } from '@wordpress/blocks';\nimport { PanelBody } from '@wordpress/components';\nimport { useSelect } from '@wordpress/data';\nimport { DataForm } from '@wordpress/dataviews';\nimport { useMemo } from '@wordpress/element';\nimport { __ } from '@wordpress/i18n';\n\n/**\n * Internal dependencies\n */\nimport InspectorControls from '../components/inspector-controls';\nimport { useBlockEditingMode } from '../components/block-editing-mode';\nimport { store as blockEditorStore } from '../store';\nimport { generateFieldsFromAttributes } from './generate-fields-from-attributes';\n\n/**\n * Checks if a block has any attributes marked for auto-generated inspector controls.\n *\n * @param {Object} blockTypeAttributes - The block type's attributes object.\n * @return {boolean} True if any attribute has autoGenerateControl marker.\n */\nfunction hasAutoGenerateControl( blockTypeAttributes ) {\n\tif ( ! blockTypeAttributes ) {\n\t\treturn false;\n\t}\n\treturn Object.values( blockTypeAttributes ).some(\n\t\t( attr ) => attr?.autoGenerateControl\n\t);\n}\n\n/**\n * Renders DataForm-based inspector controls for auto-registered PHP-only blocks.\n *\n * Fields are generated on-the-fly from attributes marked with `autoGenerateControl`\n * during PHP registration.\n *\n * @param {Object}   props               Component props.\n * @param {string}   props.name          Block name.\n * @param {string}   props.clientId      Block client ID.\n * @param {Function} props.setAttributes Function to update block attributes.\n */\nfunction AutoRegisterControls( { name, clientId, setAttributes } ) {\n\tconst blockEditingMode = useBlockEditingMode();\n\n\tconst attributes = useSelect(\n\t\t( select ) => select( blockEditorStore ).getBlockAttributes( clientId ),\n\t\t[ clientId ]\n\t);\n\n\tconst blockType = getBlockType( name );\n\n\t// Generate fields from user-defined attributes marked by PHP.\n\t// The autoGenerateControl marker excludes block support attributes\n\t// (which have their own UI) and internal state (role: 'local').\n\t// Memoized since blockType.attributes don't change after registration.\n\tconst { fields, form } = useMemo( () => {\n\t\tif ( ! blockType?.attributes ) {\n\t\t\treturn { fields: [], form: { fields: [] } };\n\t\t}\n\t\treturn generateFieldsFromAttributes( blockType.attributes );\n\t}, [ blockType?.attributes ] );\n\n\tif ( blockEditingMode !== 'default' ) {\n\t\treturn null;\n\t}\n\n\tif ( ! fields || fields.length === 0 ) {\n\t\treturn null;\n\t}\n\n\treturn (\n\t\t<InspectorControls>\n\t\t\t<PanelBody title={ __( 'Settings' ) }>\n\t\t\t\t<DataForm\n\t\t\t\t\tdata={ attributes }\n\t\t\t\t\tfields={ fields }\n\t\t\t\t\tform={ form }\n\t\t\t\t\tonChange={ setAttributes }\n\t\t\t\t/>\n\t\t\t</PanelBody>\n\t\t</InspectorControls>\n\t);\n}\n\nexport default {\n\tedit: AutoRegisterControls,\n\tattributeKeys: [],\n\thasSupport( name ) {\n\t\tconst blockType = getBlockType( name );\n\t\treturn hasAutoGenerateControl( blockType?.attributes );\n\t},\n};\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,oBAA6B;AAC7B,wBAA0B;AAC1B,kBAA0B;AAC1B,uBAAyB;AACzB,qBAAwB;AACxB,kBAAmB;AAKnB,gCAA8B;AAC9B,gCAAoC;AACpC,mBAA0C;AAC1C,6CAA6C;AA4DzC;AApDJ,SAAS,uBAAwB,qBAAsB;AACtD,MAAK,CAAE,qBAAsB;AAC5B,WAAO;AAAA,EACR;AACA,SAAO,OAAO,OAAQ,mBAAoB,EAAE;AAAA,IAC3C,CAAE,SAAU,MAAM;AAAA,EACnB;AACD;AAaA,SAAS,qBAAsB,EAAE,MAAM,UAAU,cAAc,GAAI;AAClE,QAAM,uBAAmB,+CAAoB;AAE7C,QAAM,iBAAa;AAAA,IAClB,CAAE,WAAY,OAAQ,aAAAA,KAAiB,EAAE,mBAAoB,QAAS;AAAA,IACtE,CAAE,QAAS;AAAA,EACZ;AAEA,QAAM,gBAAY,4BAAc,IAAK;AAMrC,QAAM,EAAE,QAAQ,KAAK,QAAI,wBAAS,MAAM;AACvC,QAAK,CAAE,WAAW,YAAa;AAC9B,aAAO,EAAE,QAAQ,CAAC,GAAG,MAAM,EAAE,QAAQ,CAAC,EAAE,EAAE;AAAA,IAC3C;AACA,eAAO,qEAA8B,UAAU,UAAW;AAAA,EAC3D,GAAG,CAAE,WAAW,UAAW,CAAE;AAE7B,MAAK,qBAAqB,WAAY;AACrC,WAAO;AAAA,EACR;AAEA,MAAK,CAAE,UAAU,OAAO,WAAW,GAAI;AACtC,WAAO;AAAA,EACR;AAEA,SACC,4CAAC,0BAAAC,SAAA,EACA,sDAAC,+BAAU,WAAQ,gBAAI,UAAW,GACjC;AAAA,IAAC;AAAA;AAAA,MACA,MAAO;AAAA,MACP;AAAA,MACA;AAAA,MACA,UAAW;AAAA;AAAA,EACZ,GACD,GACD;AAEF;AAEA,IAAO,kCAAQ;AAAA,EACd,MAAM;AAAA,EACN,eAAe,CAAC;AAAA,EAChB,WAAY,MAAO;AAClB,UAAM,gBAAY,4BAAc,IAAK;AACrC,WAAO,uBAAwB,WAAW,UAAW;AAAA,EACtD;AACD;",
-  "names": ["blockEditorStore", "InspectorControls"]
+  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { getBlockType, store as blocksStore } from '@wordpress/blocks';\nimport { PanelBody } from '@wordpress/components';\nimport { useSelect } from '@wordpress/data';\nimport { DataForm } from '@wordpress/dataviews';\nimport { useContext, useMemo } from '@wordpress/element';\nimport { __ } from '@wordpress/i18n';\n\n/**\n * Internal dependencies\n */\nimport InspectorControls from '../components/inspector-controls';\nimport { useBlockEditingMode } from '../components/block-editing-mode';\nimport { store as blockEditorStore } from '../store';\nimport { unlock } from '../lock-unlock';\nimport BlockContext from '../components/block-context';\nimport { generateFieldsFromAttributes } from './generate-fields-from-attributes';\n\n/**\n * Checks if a block has any attributes marked for auto-generated inspector controls.\n *\n * @param {Object} blockTypeAttributes - The block type's attributes object.\n * @return {boolean} True if any attribute has autoGenerateControl marker.\n */\nfunction hasAutoGenerateControl( blockTypeAttributes ) {\n\tif ( ! blockTypeAttributes ) {\n\t\treturn false;\n\t}\n\treturn Object.values( blockTypeAttributes ).some(\n\t\t( attr ) => attr?.autoGenerateControl\n\t);\n}\n\n/**\n * Renders DataForm-based inspector controls for auto-registered PHP-only blocks.\n *\n * Fields are generated on-the-fly from attributes marked with `autoGenerateControl`\n * during PHP registration.\n *\n * @param {Object}   props               Component props.\n * @param {string}   props.name          Block name.\n * @param {string}   props.clientId      Block client ID.\n * @param {Function} props.setAttributes Function to update block attributes.\n */\nfunction AutoRegisterControls( { name, clientId, setAttributes } ) {\n\tconst blockEditingMode = useBlockEditingMode();\n\n\tconst blockContext = useContext( BlockContext );\n\n\tconst attributes = useSelect(\n\t\t( select ) => {\n\t\t\tconst _attributes =\n\t\t\t\tselect( blockEditorStore ).getBlockAttributes( clientId );\n\t\t\tif ( ! _attributes?.metadata?.bindings ) {\n\t\t\t\treturn _attributes;\n\t\t\t}\n\n\t\t\tconst { getBlockBindingsSource } = unlock( select( blocksStore ) );\n\t\t\treturn Object.entries( _attributes.metadata.bindings ).reduce(\n\t\t\t\t( acc, [ attribute, binding ] ) => {\n\t\t\t\t\tconst source = getBlockBindingsSource( binding.source );\n\t\t\t\t\tif ( ! source ) {\n\t\t\t\t\t\treturn acc;\n\t\t\t\t\t}\n\t\t\t\t\tconst values = source.getValues( {\n\t\t\t\t\t\tselect,\n\t\t\t\t\t\tcontext: blockContext,\n\t\t\t\t\t\tbindings: { [ attribute ]: binding },\n\t\t\t\t\t} );\n\t\t\t\t\treturn { ...acc, ...values };\n\t\t\t\t},\n\t\t\t\t_attributes\n\t\t\t);\n\t\t},\n\t\t[ blockContext, clientId ]\n\t);\n\n\tconst blockType = getBlockType( name );\n\n\t// Generate fields from user-defined attributes marked by PHP.\n\t// The autoGenerateControl marker excludes block support attributes\n\t// (which have their own UI) and internal state (role: 'local').\n\t// Memoized since blockType.attributes don't change after registration.\n\tconst { fields, form } = useMemo( () => {\n\t\tif ( ! blockType?.attributes ) {\n\t\t\treturn { fields: [], form: { fields: [] } };\n\t\t}\n\t\treturn generateFieldsFromAttributes( blockType.attributes );\n\t}, [ blockType?.attributes ] );\n\n\tif ( blockEditingMode !== 'default' ) {\n\t\treturn null;\n\t}\n\n\tif ( ! fields || fields.length === 0 ) {\n\t\treturn null;\n\t}\n\n\treturn (\n\t\t<InspectorControls>\n\t\t\t<PanelBody title={ __( 'Settings' ) }>\n\t\t\t\t<DataForm\n\t\t\t\t\tdata={ attributes }\n\t\t\t\t\tfields={ fields }\n\t\t\t\t\tform={ form }\n\t\t\t\t\tonChange={ setAttributes }\n\t\t\t\t/>\n\t\t\t</PanelBody>\n\t\t</InspectorControls>\n\t);\n}\n\nexport default {\n\tedit: AutoRegisterControls,\n\tattributeKeys: [],\n\thasSupport( name ) {\n\t\tconst blockType = getBlockType( name );\n\t\treturn hasAutoGenerateControl( blockType?.attributes );\n\t},\n};\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,oBAAmD;AACnD,wBAA0B;AAC1B,kBAA0B;AAC1B,uBAAyB;AACzB,qBAAoC;AACpC,kBAAmB;AAKnB,gCAA8B;AAC9B,gCAAoC;AACpC,mBAA0C;AAC1C,yBAAuB;AACvB,2BAAyB;AACzB,6CAA6C;AAqFzC;AA7EJ,SAAS,uBAAwB,qBAAsB;AACtD,MAAK,CAAE,qBAAsB;AAC5B,WAAO;AAAA,EACR;AACA,SAAO,OAAO,OAAQ,mBAAoB,EAAE;AAAA,IAC3C,CAAE,SAAU,MAAM;AAAA,EACnB;AACD;AAaA,SAAS,qBAAsB,EAAE,MAAM,UAAU,cAAc,GAAI;AAClE,QAAM,uBAAmB,+CAAoB;AAE7C,QAAM,mBAAe,2BAAY,qBAAAA,OAAa;AAE9C,QAAM,iBAAa;AAAA,IAClB,CAAE,WAAY;AACb,YAAM,cACL,OAAQ,aAAAC,KAAiB,EAAE,mBAAoB,QAAS;AACzD,UAAK,CAAE,aAAa,UAAU,UAAW;AACxC,eAAO;AAAA,MACR;AAEA,YAAM,EAAE,uBAAuB,QAAI,2BAAQ,OAAQ,cAAAC,KAAY,CAAE;AACjE,aAAO,OAAO,QAAS,YAAY,SAAS,QAAS,EAAE;AAAA,QACtD,CAAE,KAAK,CAAE,WAAW,OAAQ,MAAO;AAClC,gBAAM,SAAS,uBAAwB,QAAQ,MAAO;AACtD,cAAK,CAAE,QAAS;AACf,mBAAO;AAAA,UACR;AACA,gBAAM,SAAS,OAAO,UAAW;AAAA,YAChC;AAAA,YACA,SAAS;AAAA,YACT,UAAU,EAAE,CAAE,SAAU,GAAG,QAAQ;AAAA,UACpC,CAAE;AACF,iBAAO,EAAE,GAAG,KAAK,GAAG,OAAO;AAAA,QAC5B;AAAA,QACA;AAAA,MACD;AAAA,IACD;AAAA,IACA,CAAE,cAAc,QAAS;AAAA,EAC1B;AAEA,QAAM,gBAAY,4BAAc,IAAK;AAMrC,QAAM,EAAE,QAAQ,KAAK,QAAI,wBAAS,MAAM;AACvC,QAAK,CAAE,WAAW,YAAa;AAC9B,aAAO,EAAE,QAAQ,CAAC,GAAG,MAAM,EAAE,QAAQ,CAAC,EAAE,EAAE;AAAA,IAC3C;AACA,eAAO,qEAA8B,UAAU,UAAW;AAAA,EAC3D,GAAG,CAAE,WAAW,UAAW,CAAE;AAE7B,MAAK,qBAAqB,WAAY;AACrC,WAAO;AAAA,EACR;AAEA,MAAK,CAAE,UAAU,OAAO,WAAW,GAAI;AACtC,WAAO;AAAA,EACR;AAEA,SACC,4CAAC,0BAAAC,SAAA,EACA,sDAAC,+BAAU,WAAQ,gBAAI,UAAW,GACjC;AAAA,IAAC;AAAA;AAAA,MACA,MAAO;AAAA,MACP;AAAA,MACA;AAAA,MACA,UAAW;AAAA;AAAA,EACZ,GACD,GACD;AAEF;AAEA,IAAO,kCAAQ;AAAA,EACd,MAAM;AAAA,EACN,eAAe,CAAC;AAAA,EAChB,WAAY,MAAO;AAClB,UAAM,gBAAY,4BAAc,IAAK;AACrC,WAAO,uBAAwB,WAAW,UAAW;AAAA,EACtD;AACD;",
+  "names": ["BlockContext", "blockEditorStore", "blocksStore", "InspectorControls"]
 }

package/build/index.cjs

@@ -24,6 +24,7 @@ __export(index_exports, {
   SETTINGS_DEFAULTS: () => import_defaults.SETTINGS_DEFAULTS,
   __experimentalGetBorderClassesAndStyles: () => import_hooks2.getBorderClassesAndStyles,
   __experimentalGetColorClassesAndStyles: () => import_hooks2.getColorClassesAndStyles,
+  __experimentalGetDimensionsClassesAndStyles: () => import_hooks2.getDimensionsClassesAndStyles,
   __experimentalGetGapCSSValue: () => import_hooks2.getGapCSSValue,
   __experimentalGetShadowClassesAndStyles: () => import_hooks2.getShadowClassesAndStyles,
   __experimentalGetSpacingClassesAndStyles: () => import_hooks2.getSpacingClassesAndStyles,
@@ -52,6 +53,7 @@ var import_private_apis = require("./private-apis.cjs");
   SETTINGS_DEFAULTS,
   __experimentalGetBorderClassesAndStyles,
   __experimentalGetColorClassesAndStyles,
+  __experimentalGetDimensionsClassesAndStyles,
   __experimentalGetGapCSSValue,
   __experimentalGetShadowClassesAndStyles,
   __experimentalGetSpacingClassesAndStyles,

package/build/index.cjs.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../src/index.js"],
-  "sourcesContent": ["/**\n * Internal dependencies\n */\nimport './hooks';\nexport {\n\tgetBorderClassesAndStyles as __experimentalGetBorderClassesAndStyles,\n\tuseBorderProps as __experimentalUseBorderProps,\n\tgetColorClassesAndStyles as __experimentalGetColorClassesAndStyles,\n\tgetDimensionsClassesAndStyles,\n\tgetTypographyClassesAndStyles,\n\tuseColorProps as __experimentalUseColorProps,\n\tuseCustomSides as __experimentalUseCustomSides,\n\tgetSpacingClassesAndStyles as __experimentalGetSpacingClassesAndStyles,\n\tgetGapCSSValue as __experimentalGetGapCSSValue,\n\tgetShadowClassesAndStyles as __experimentalGetShadowClassesAndStyles,\n\tuseCachedTruthy,\n\tuseStyleOverride,\n} from './hooks';\nexport * from './components';\nexport * from './elements';\nexport * from './utils';\nexport { storeConfig, store } from './store';\nexport { SETTINGS_DEFAULTS } from './store/defaults';\nexport { privateApis } from './private-apis';\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,mBAAO;AACP,IAAAA,gBAaO;AACP,0BAAc,mCAlBd;AAmBA,0BAAc,iCAnBd;AAoBA,0BAAc,8BApBd;AAqBA,mBAAmC;AACnC,sBAAkC;AAClC,0BAA4B;",
+  "sourcesContent": ["/**\n * Internal dependencies\n */\nimport './hooks';\nexport {\n\tgetBorderClassesAndStyles as __experimentalGetBorderClassesAndStyles,\n\tuseBorderProps as __experimentalUseBorderProps,\n\tgetColorClassesAndStyles as __experimentalGetColorClassesAndStyles,\n\tgetDimensionsClassesAndStyles,\n\tgetTypographyClassesAndStyles,\n\tuseColorProps as __experimentalUseColorProps,\n\tuseCustomSides as __experimentalUseCustomSides,\n\tgetSpacingClassesAndStyles as __experimentalGetSpacingClassesAndStyles,\n\tgetDimensionsClassesAndStyles as __experimentalGetDimensionsClassesAndStyles,\n\tgetGapCSSValue as __experimentalGetGapCSSValue,\n\tgetShadowClassesAndStyles as __experimentalGetShadowClassesAndStyles,\n\tuseCachedTruthy,\n\tuseStyleOverride,\n} from './hooks';\nexport * from './components';\nexport * from './elements';\nexport * from './utils';\nexport { storeConfig, store } from './store';\nexport { SETTINGS_DEFAULTS } from './store/defaults';\nexport { privateApis } from './private-apis';\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,mBAAO;AACP,IAAAA,gBAcO;AACP,0BAAc,mCAnBd;AAoBA,0BAAc,iCApBd;AAqBA,0BAAc,8BArBd;AAsBA,mBAAmC;AACnC,sBAAkC;AAClC,0BAA4B;",
   "names": ["import_hooks"]
 }

package/build/store/reducer.cjs

@@ -1695,6 +1695,17 @@ function getDerivedBlockEditingModesForTree(state, treeClientId = "") {
   ];
   traverseBlockTree(state, treeClientId, (block) => {
     const { clientId, name: blockName } = block;
+    const hasEditedContentOnlySection = !!state.editedContentOnlySection;
+    let isWithinEditedContentOnlySection = false;
+    if (hasEditedContentOnlySection) {
+      isWithinEditedContentOnlySection = clientId === state.editedContentOnlySection || !!findParentInClientIdsList(state, clientId, [
+        state.editedContentOnlySection
+      ]);
+      if (!isWithinEditedContentOnlySection) {
+        derivedBlockEditingModes.set(clientId, "disabled");
+        return;
+      }
+    }
     if (state.blockEditingModes.has(clientId)) {
       return;
     }
@@ -1765,21 +1776,8 @@ function getDerivedBlockEditingModesForTree(state, treeClientId = "") {
         return;
       }
     }
-    if (state.editedContentOnlySection) {
-      if (state.editedContentOnlySection === clientId) {
-        derivedBlockEditingModes.set(clientId, "default");
-        return;
-      }
-      const parentTempEditedClientId = findParentInClientIdsList(
-        state,
-        clientId,
-        [state.editedContentOnlySection]
-      );
-      if (parentTempEditedClientId) {
-        derivedBlockEditingModes.set(clientId, "default");
-        return;
-      }
-      derivedBlockEditingModes.set(clientId, "disabled");
+    if (hasEditedContentOnlySection && isWithinEditedContentOnlySection) {
+      derivedBlockEditingModes.set(clientId, "default");
       return;
     }
     if (contentOnlyParents.length) {