@wordpress/block-editor 15.9.1-next.8b30e05b0.0 → 15.9.1-next.8fd3f8831.0

package/build-module/components/preset-input-control/utils.js

@@ -0,0 +1,57 @@
+// packages/block-editor/src/components/preset-input-control/utils.js
+var isValuePreset = (value, slug) => {
+  if (!value?.includes) {
+    return false;
+  }
+  return value === "0" || value.includes(`var:preset|${slug}|`);
+};
+function getPresetSlug(value, presetType) {
+  if (!value) {
+    return;
+  }
+  if (value === "0" || value === "default") {
+    return value;
+  }
+  const slug = value.match(
+    new RegExp(`var:preset\\|${presetType}\\|(.+)`)
+  );
+  return slug ? slug[1] : void 0;
+}
+function getSliderValueFromPreset(presetValue, presets, presetType) {
+  if (presetValue === void 0) {
+    return 0;
+  }
+  const slug = parseFloat(presetValue, 10) === 0 ? "0" : getPresetSlug(presetValue, presetType);
+  const sliderValue = presets.findIndex((size) => {
+    return String(size.slug) === slug;
+  });
+  return sliderValue !== -1 ? sliderValue : NaN;
+}
+function getCustomValueFromPreset(value, presets, presetType) {
+  if (!isValuePreset(value, presetType)) {
+    return value;
+  }
+  const slug = parseFloat(value, 10) === 0 ? "0" : getPresetSlug(value, presetType);
+  const preset = presets.find((size) => String(size.slug) === slug);
+  return preset?.size;
+}
+function getPresetValueFromCustomValue(value, spacingSizes, presetType) {
+  if (!value || isValuePreset(value, presetType) || value === "0") {
+    return value;
+  }
+  const spacingMatch = spacingSizes.find(
+    (size) => String(size.size) === String(value)
+  );
+  if (spacingMatch?.slug) {
+    return `var:preset|${presetType}|${spacingMatch.slug}`;
+  }
+  return value;
+}
+export {
+  getCustomValueFromPreset,
+  getPresetSlug,
+  getPresetValueFromCustomValue,
+  getSliderValueFromPreset,
+  isValuePreset
+};
+//# sourceMappingURL=utils.js.map

package/build-module/components/preset-input-control/utils.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/components/preset-input-control/utils.js"],
+  "sourcesContent": ["export const isValuePreset = ( value, slug ) => {\n\tif ( ! value?.includes ) {\n\t\treturn false;\n\t}\n\n\treturn value === '0' || value.includes( `var:preset|${ slug }|` );\n};\n\n/**\n * Returns the slug section of the given preset string.\n *\n * @param {string} value      Value to extract slug from.\n * @param {string} presetType Preset type slug.\n *\n * @return {string|undefined} The value slug from given preset.\n */\nexport function getPresetSlug( value, presetType ) {\n\tif ( ! value ) {\n\t\treturn;\n\t}\n\n\tif ( value === '0' || value === 'default' ) {\n\t\treturn value;\n\t}\n\n\tconst slug = value.match(\n\t\tnew RegExp( `var:preset\\\\|${ presetType }\\\\|(.+)` )\n\t);\n\n\treturn slug ? slug[ 1 ] : undefined;\n}\n\n/**\n * Converts preset value into a Range component value .\n *\n * @param {string} presetValue Value to convert to Range value.\n * @param {Array}  presets     Array of current preset value objects.\n * @param {string} presetType  Preset type slug.\n *\n * @return {number} The int value for use in Range control.\n */\nexport function getSliderValueFromPreset( presetValue, presets, presetType ) {\n\tif ( presetValue === undefined ) {\n\t\treturn 0;\n\t}\n\tconst slug =\n\t\tparseFloat( presetValue, 10 ) === 0\n\t\t\t? '0'\n\t\t\t: getPresetSlug( presetValue, presetType );\n\tconst sliderValue = presets.findIndex( ( size ) => {\n\t\treturn String( size.slug ) === slug;\n\t} );\n\n\t// Returning NaN rather than undefined as undefined makes range control thumb sit in center\n\treturn sliderValue !== -1 ? sliderValue : NaN;\n}\n\n/**\n * Converts a preset into a custom value.\n *\n * @param {string} value      Value to convert\n * @param {Array}  presets    Array of the current radius preset objects\n * @param {string} presetType Preset type slug e.g. border-radius\n *\n * @return {string} Mapping of the preset to its equivalent custom value.\n */\nexport function getCustomValueFromPreset( value, presets, presetType ) {\n\tif ( ! isValuePreset( value, presetType ) ) {\n\t\treturn value;\n\t}\n\n\tconst slug =\n\t\tparseFloat( value, 10 ) === 0\n\t\t\t? '0'\n\t\t\t: getPresetSlug( value, presetType );\n\n\tconst preset = presets.find( ( size ) => String( size.slug ) === slug );\n\n\treturn preset?.size;\n}\n\n/**\n * Converts a custom value to preset value if one can be found.\n *\n * Returns value as-is if no match is found.\n *\n * @param {string} value        Value to convert\n * @param {Array}  spacingSizes Array of the current spacing preset objects\n * @param {string} presetType   Preset type slug e.g. border-radius\n *\n * @return {string} The preset value if it can be found.\n */\nexport function getPresetValueFromCustomValue(\n\tvalue,\n\tspacingSizes,\n\tpresetType\n) {\n\t// Return value as-is if it is undefined or is already a preset, or '0';\n\tif ( ! value || isValuePreset( value, presetType ) || value === '0' ) {\n\t\treturn value;\n\t}\n\n\tconst spacingMatch = spacingSizes.find(\n\t\t( size ) => String( size.size ) === String( value )\n\t);\n\n\tif ( spacingMatch?.slug ) {\n\t\treturn `var:preset|${ presetType }|${ spacingMatch.slug }`;\n\t}\n\n\treturn value;\n}\n"],
+  "mappings": ";AAAO,IAAM,gBAAgB,CAAE,OAAO,SAAU;AAC/C,MAAK,CAAE,OAAO,UAAW;AACxB,WAAO;AAAA,EACR;AAEA,SAAO,UAAU,OAAO,MAAM,SAAU,cAAe,IAAK,GAAI;AACjE;AAUO,SAAS,cAAe,OAAO,YAAa;AAClD,MAAK,CAAE,OAAQ;AACd;AAAA,EACD;AAEA,MAAK,UAAU,OAAO,UAAU,WAAY;AAC3C,WAAO;AAAA,EACR;AAEA,QAAM,OAAO,MAAM;AAAA,IAClB,IAAI,OAAQ,gBAAiB,UAAW,SAAU;AAAA,EACnD;AAEA,SAAO,OAAO,KAAM,CAAE,IAAI;AAC3B;AAWO,SAAS,yBAA0B,aAAa,SAAS,YAAa;AAC5E,MAAK,gBAAgB,QAAY;AAChC,WAAO;AAAA,EACR;AACA,QAAM,OACL,WAAY,aAAa,EAAG,MAAM,IAC/B,MACA,cAAe,aAAa,UAAW;AAC3C,QAAM,cAAc,QAAQ,UAAW,CAAE,SAAU;AAClD,WAAO,OAAQ,KAAK,IAAK,MAAM;AAAA,EAChC,CAAE;AAGF,SAAO,gBAAgB,KAAK,cAAc;AAC3C;AAWO,SAAS,yBAA0B,OAAO,SAAS,YAAa;AACtE,MAAK,CAAE,cAAe,OAAO,UAAW,GAAI;AAC3C,WAAO;AAAA,EACR;AAEA,QAAM,OACL,WAAY,OAAO,EAAG,MAAM,IACzB,MACA,cAAe,OAAO,UAAW;AAErC,QAAM,SAAS,QAAQ,KAAM,CAAE,SAAU,OAAQ,KAAK,IAAK,MAAM,IAAK;AAEtE,SAAO,QAAQ;AAChB;AAaO,SAAS,8BACf,OACA,cACA,YACC;AAED,MAAK,CAAE,SAAS,cAAe,OAAO,UAAW,KAAK,UAAU,KAAM;AACrE,WAAO;AAAA,EACR;AAEA,QAAM,eAAe,aAAa;AAAA,IACjC,CAAE,SAAU,OAAQ,KAAK,IAAK,MAAM,OAAQ,KAAM;AAAA,EACnD;AAEA,MAAK,cAAc,MAAO;AACzB,WAAO,cAAe,UAAW,IAAK,aAAa,IAAK;AAAA,EACzD;AAEA,SAAO;AACR;",
+  "names": []
+}

package/build-module/components/provider/index.js

@@ -6,13 +6,13 @@ import {
   MediaUploadProvider,
   store as uploadStore
 } from "@wordpress/upload-media";
-import withRegistryProvider from "./with-registry-provider";
-import useBlockSync from "./use-block-sync";
-import { store as blockEditorStore } from "../../store";
-import { BlockRefsProvider } from "./block-refs-provider";
-import { unlock } from "../../lock-unlock";
-import KeyboardShortcuts from "../keyboard-shortcuts";
-import useMediaUploadSettings from "./use-media-upload-settings";
+import withRegistryProvider from "./with-registry-provider.js";
+import useBlockSync from "./use-block-sync.js";
+import { store as blockEditorStore } from "../../store/index.js";
+import { BlockRefsProvider } from "./block-refs-provider.js";
+import { unlock } from "../../lock-unlock.js";
+import KeyboardShortcuts from "../keyboard-shortcuts/index.js";
+import useMediaUploadSettings from "./use-media-upload-settings.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 var noop = () => {
 };

package/build-module/components/provider/use-block-sync.js

@@ -2,7 +2,7 @@
 import { useEffect, useRef } from "@wordpress/element";
 import { useRegistry, useSelect } from "@wordpress/data";
 import { cloneBlock } from "@wordpress/blocks";
-import { store as blockEditorStore } from "../../store";
+import { store as blockEditorStore } from "../../store/index.js";
 var noop = () => {
 };
 function useBlockSync({

package/build-module/components/provider/with-registry-provider.js

@@ -2,8 +2,8 @@
 import { useState } from "@wordpress/element";
 import { useRegistry, createRegistry, RegistryProvider } from "@wordpress/data";
 import { createHigherOrderComponent } from "@wordpress/compose";
-import { storeConfig } from "../../store";
-import { STORE_NAME as blockEditorStoreName } from "../../store/constants";
+import { storeConfig } from "../../store/index.js";
+import { STORE_NAME as blockEditorStoreName } from "../../store/constants.js";
 import { jsx } from "react/jsx-runtime";
 function getSubRegistry(subRegistries, registry, useSubRegistry) {
   if (!useSubRegistry) {

package/build-module/components/publish-date-time-picker/index.js

@@ -3,7 +3,7 @@ import { DateTimePicker, TimePicker } from "@wordpress/components";
 import { __ } from "@wordpress/i18n";
 import { forwardRef } from "@wordpress/element";
 import { getSettings } from "@wordpress/date";
-import InspectorPopoverHeader from "../inspector-popover-header";
+import InspectorPopoverHeader from "../inspector-popover-header/index.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 function PublishDateTimePicker({
   onClose,

package/build-module/components/recursion-provider/index.js

@@ -1,7 +1,7 @@
 // packages/block-editor/src/components/recursion-provider/index.js
 import { createContext, useContext, useMemo } from "@wordpress/element";
 import deprecated from "@wordpress/deprecated";
-import { useBlockEditContext } from "../block-edit/context";
+import { useBlockEditContext } from "../block-edit/context.js";
 import { jsx } from "react/jsx-runtime";
 var RenderedRefsContext = createContext({});
 RenderedRefsContext.displayName = "RenderedRefsContext";

package/build-module/components/resizable-box-popover/index.js

@@ -1,6 +1,6 @@
 // packages/block-editor/src/components/resizable-box-popover/index.js
 import { ResizableBox } from "@wordpress/components";
-import BlockPopoverCover from "../block-popover/cover";
+import BlockPopoverCover from "../block-popover/cover.js";
 import { jsx } from "react/jsx-runtime";
 function ResizableBoxPopover({
   clientId,

package/build-module/components/resolution-tool/index.js

@@ -45,7 +45,6 @@ function ResolutionTool({
       children: /* @__PURE__ */ jsx(
         SelectControl,
         {
-          __nextHasNoMarginBottom: true,
           label: __("Resolution"),
           value: displayValue,
           options,

package/build-module/components/resolution-tool/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/resolution-tool/index.js"],
-  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport {\n\tSelectControl,\n\t__experimentalToolsPanelItem as ToolsPanelItem,\n} from '@wordpress/components';\nimport { __, _x } from '@wordpress/i18n';\n\nconst DEFAULT_SIZE_OPTIONS = [\n\t{\n\t\tlabel: _x( 'Thumbnail', 'Image size option for resolution control' ),\n\t\tvalue: 'thumbnail',\n\t},\n\t{\n\t\tlabel: _x( 'Medium', 'Image size option for resolution control' ),\n\t\tvalue: 'medium',\n\t},\n\t{\n\t\tlabel: _x( 'Large', 'Image size option for resolution control' ),\n\t\tvalue: 'large',\n\t},\n\t{\n\t\tlabel: _x( 'Full Size', 'Image size option for resolution control' ),\n\t\tvalue: 'full',\n\t},\n];\n\nexport default function ResolutionTool( {\n\tpanelId,\n\tvalue,\n\tonChange,\n\toptions = DEFAULT_SIZE_OPTIONS,\n\tdefaultValue = DEFAULT_SIZE_OPTIONS[ 0 ].value,\n\tisShownByDefault = true,\n\tresetAllFilter,\n} ) {\n\tconst displayValue = value ?? defaultValue;\n\treturn (\n\t\t<ToolsPanelItem\n\t\t\thasValue={ () => displayValue !== defaultValue }\n\t\t\tlabel={ __( 'Resolution' ) }\n\t\t\tonDeselect={ () => onChange( defaultValue ) }\n\t\t\tisShownByDefault={ isShownByDefault }\n\t\t\tpanelId={ panelId }\n\t\t\tresetAllFilter={ resetAllFilter }\n\t\t>\n\t\t\t<SelectControl\n\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\tlabel={ __( 'Resolution' ) }\n\t\t\t\tvalue={ displayValue }\n\t\t\t\toptions={ options }\n\t\t\t\tonChange={ onChange }\n\t\t\t\thelp={ __( 'Select the size of the source image.' ) }\n\t\t\t\tsize=\"__unstable-large\"\n\t\t\t/>\n\t\t</ToolsPanelItem>\n\t);\n}\n"],
-  "mappings": ";AAGA;AAAA,EACC;AAAA,EACA,gCAAgC;AAAA,OAC1B;AACP,SAAS,IAAI,UAAU;AAwCpB;AAtCH,IAAM,uBAAuB;AAAA,EAC5B;AAAA,IACC,OAAO,GAAI,aAAa,0CAA2C;AAAA,IACnE,OAAO;AAAA,EACR;AAAA,EACA;AAAA,IACC,OAAO,GAAI,UAAU,0CAA2C;AAAA,IAChE,OAAO;AAAA,EACR;AAAA,EACA;AAAA,IACC,OAAO,GAAI,SAAS,0CAA2C;AAAA,IAC/D,OAAO;AAAA,EACR;AAAA,EACA;AAAA,IACC,OAAO,GAAI,aAAa,0CAA2C;AAAA,IACnE,OAAO;AAAA,EACR;AACD;AAEe,SAAR,eAAiC;AAAA,EACvC;AAAA,EACA;AAAA,EACA;AAAA,EACA,UAAU;AAAA,EACV,eAAe,qBAAsB,CAAE,EAAE;AAAA,EACzC,mBAAmB;AAAA,EACnB;AACD,GAAI;AACH,QAAM,eAAe,SAAS;AAC9B,SACC;AAAA,IAAC;AAAA;AAAA,MACA,UAAW,MAAM,iBAAiB;AAAA,MAClC,OAAQ,GAAI,YAAa;AAAA,MACzB,YAAa,MAAM,SAAU,YAAa;AAAA,MAC1C;AAAA,MACA;AAAA,MACA;AAAA,MAEA;AAAA,QAAC;AAAA;AAAA,UACA,yBAAuB;AAAA,UACvB,OAAQ,GAAI,YAAa;AAAA,UACzB,OAAQ;AAAA,UACR;AAAA,UACA;AAAA,UACA,MAAO,GAAI,sCAAuC;AAAA,UAClD,MAAK;AAAA;AAAA,MACN;AAAA;AAAA,EACD;AAEF;",
+  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport {\n\tSelectControl,\n\t__experimentalToolsPanelItem as ToolsPanelItem,\n} from '@wordpress/components';\nimport { __, _x } from '@wordpress/i18n';\n\nconst DEFAULT_SIZE_OPTIONS = [\n\t{\n\t\tlabel: _x( 'Thumbnail', 'Image size option for resolution control' ),\n\t\tvalue: 'thumbnail',\n\t},\n\t{\n\t\tlabel: _x( 'Medium', 'Image size option for resolution control' ),\n\t\tvalue: 'medium',\n\t},\n\t{\n\t\tlabel: _x( 'Large', 'Image size option for resolution control' ),\n\t\tvalue: 'large',\n\t},\n\t{\n\t\tlabel: _x( 'Full Size', 'Image size option for resolution control' ),\n\t\tvalue: 'full',\n\t},\n];\n\nexport default function ResolutionTool( {\n\tpanelId,\n\tvalue,\n\tonChange,\n\toptions = DEFAULT_SIZE_OPTIONS,\n\tdefaultValue = DEFAULT_SIZE_OPTIONS[ 0 ].value,\n\tisShownByDefault = true,\n\tresetAllFilter,\n} ) {\n\tconst displayValue = value ?? defaultValue;\n\treturn (\n\t\t<ToolsPanelItem\n\t\t\thasValue={ () => displayValue !== defaultValue }\n\t\t\tlabel={ __( 'Resolution' ) }\n\t\t\tonDeselect={ () => onChange( defaultValue ) }\n\t\t\tisShownByDefault={ isShownByDefault }\n\t\t\tpanelId={ panelId }\n\t\t\tresetAllFilter={ resetAllFilter }\n\t\t>\n\t\t\t<SelectControl\n\t\t\t\tlabel={ __( 'Resolution' ) }\n\t\t\t\tvalue={ displayValue }\n\t\t\t\toptions={ options }\n\t\t\t\tonChange={ onChange }\n\t\t\t\thelp={ __( 'Select the size of the source image.' ) }\n\t\t\t\tsize=\"__unstable-large\"\n\t\t\t/>\n\t\t</ToolsPanelItem>\n\t);\n}\n"],
+  "mappings": ";AAGA;AAAA,EACC;AAAA,EACA,gCAAgC;AAAA,OAC1B;AACP,SAAS,IAAI,UAAU;AAwCpB;AAtCH,IAAM,uBAAuB;AAAA,EAC5B;AAAA,IACC,OAAO,GAAI,aAAa,0CAA2C;AAAA,IACnE,OAAO;AAAA,EACR;AAAA,EACA;AAAA,IACC,OAAO,GAAI,UAAU,0CAA2C;AAAA,IAChE,OAAO;AAAA,EACR;AAAA,EACA;AAAA,IACC,OAAO,GAAI,SAAS,0CAA2C;AAAA,IAC/D,OAAO;AAAA,EACR;AAAA,EACA;AAAA,IACC,OAAO,GAAI,aAAa,0CAA2C;AAAA,IACnE,OAAO;AAAA,EACR;AACD;AAEe,SAAR,eAAiC;AAAA,EACvC;AAAA,EACA;AAAA,EACA;AAAA,EACA,UAAU;AAAA,EACV,eAAe,qBAAsB,CAAE,EAAE;AAAA,EACzC,mBAAmB;AAAA,EACnB;AACD,GAAI;AACH,QAAM,eAAe,SAAS;AAC9B,SACC;AAAA,IAAC;AAAA;AAAA,MACA,UAAW,MAAM,iBAAiB;AAAA,MAClC,OAAQ,GAAI,YAAa;AAAA,MACzB,YAAa,MAAM,SAAU,YAAa;AAAA,MAC1C;AAAA,MACA;AAAA,MACA;AAAA,MAEA;AAAA,QAAC;AAAA;AAAA,UACA,OAAQ,GAAI,YAAa;AAAA,UACzB,OAAQ;AAAA,UACR;AAAA,UACA;AAAA,UACA,MAAO,GAAI,sCAAuC;AAAA,UAClD,MAAK;AAAA;AAAA,MACN;AAAA;AAAA,EACD;AAEF;",
   "names": []
 }

package/build-module/components/responsive-block-control/index.js

@@ -3,7 +3,7 @@ import clsx from "clsx";
 import { __, _x, sprintf } from "@wordpress/i18n";
 import { Fragment } from "@wordpress/element";
 import { ToggleControl } from "@wordpress/components";
-import ResponsiveBlockControlLabel from "./label";
+import ResponsiveBlockControlLabel from "./label.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 function ResponsiveBlockControl(props) {
   const {
@@ -72,7 +72,6 @@ function ResponsiveBlockControl(props) {
       /* @__PURE__ */ jsx(
         ToggleControl,
         {
-          __nextHasNoMarginBottom: true,
           className: "block-editor-responsive-block-control__toggle",
           label: toggleControlLabel,
           checked: !isResponsive,

package/build-module/components/responsive-block-control/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/responsive-block-control/index.js"],
-  "sourcesContent": ["/**\n * External dependencies\n */\nimport clsx from 'clsx';\n\n/**\n * WordPress dependencies\n */\nimport { __, _x, sprintf } from '@wordpress/i18n';\nimport { Fragment } from '@wordpress/element';\nimport { ToggleControl } from '@wordpress/components';\n\n/**\n * Internal dependencies\n */\nimport ResponsiveBlockControlLabel from './label';\n\nfunction ResponsiveBlockControl( props ) {\n\tconst {\n\t\ttitle,\n\t\tproperty,\n\t\ttoggleLabel,\n\t\tonIsResponsiveChange,\n\t\trenderDefaultControl,\n\t\trenderResponsiveControls,\n\t\tisResponsive = false,\n\t\tdefaultLabel = {\n\t\t\tid: 'all',\n\t\t\tlabel: _x( 'All', 'screen sizes' ),\n\t\t},\n\t\tviewports = [\n\t\t\t{\n\t\t\t\tid: 'small',\n\t\t\t\tlabel: __( 'Small screens' ),\n\t\t\t},\n\t\t\t{\n\t\t\t\tid: 'medium',\n\t\t\t\tlabel: __( 'Medium screens' ),\n\t\t\t},\n\t\t\t{\n\t\t\t\tid: 'large',\n\t\t\t\tlabel: __( 'Large screens' ),\n\t\t\t},\n\t\t],\n\t} = props;\n\n\tif ( ! title || ! property || ! renderDefaultControl ) {\n\t\treturn null;\n\t}\n\n\tconst toggleControlLabel =\n\t\ttoggleLabel ||\n\t\tsprintf(\n\t\t\t/* translators: %s: Property value for the control (eg: margin, padding, etc.). */\n\t\t\t__( 'Use the same %s on all screen sizes.' ),\n\t\t\tproperty\n\t\t);\n\n\tconst toggleHelpText = __(\n\t\t'Choose whether to use the same value for all screen sizes or a unique value for each screen size.'\n\t);\n\n\tconst defaultControl = renderDefaultControl(\n\t\t<ResponsiveBlockControlLabel\n\t\t\tproperty={ property }\n\t\t\tviewport={ defaultLabel }\n\t\t/>,\n\t\tdefaultLabel\n\t);\n\n\tconst defaultResponsiveControls = () => {\n\t\treturn viewports.map( ( viewport ) => (\n\t\t\t<Fragment key={ viewport.id }>\n\t\t\t\t{ renderDefaultControl(\n\t\t\t\t\t<ResponsiveBlockControlLabel\n\t\t\t\t\t\tproperty={ property }\n\t\t\t\t\t\tviewport={ viewport }\n\t\t\t\t\t/>,\n\t\t\t\t\tviewport\n\t\t\t\t) }\n\t\t\t</Fragment>\n\t\t) );\n\t};\n\n\treturn (\n\t\t<fieldset className=\"block-editor-responsive-block-control\">\n\t\t\t<legend className=\"block-editor-responsive-block-control__title\">\n\t\t\t\t{ title }\n\t\t\t</legend>\n\n\t\t\t<div className=\"block-editor-responsive-block-control__inner\">\n\t\t\t\t<ToggleControl\n\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\tclassName=\"block-editor-responsive-block-control__toggle\"\n\t\t\t\t\tlabel={ toggleControlLabel }\n\t\t\t\t\tchecked={ ! isResponsive }\n\t\t\t\t\tonChange={ onIsResponsiveChange }\n\t\t\t\t\thelp={ toggleHelpText }\n\t\t\t\t/>\n\t\t\t\t<div\n\t\t\t\t\tclassName={ clsx(\n\t\t\t\t\t\t'block-editor-responsive-block-control__group',\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\t'is-responsive': isResponsive,\n\t\t\t\t\t\t}\n\t\t\t\t\t) }\n\t\t\t\t>\n\t\t\t\t\t{ ! isResponsive && defaultControl }\n\t\t\t\t\t{ isResponsive &&\n\t\t\t\t\t\t( renderResponsiveControls\n\t\t\t\t\t\t\t? renderResponsiveControls( viewports )\n\t\t\t\t\t\t\t: defaultResponsiveControls() ) }\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</fieldset>\n\t);\n}\n\nexport default ResponsiveBlockControl;\n"],
-  "mappings": ";AAGA,OAAO,UAAU;AAKjB,SAAS,IAAI,IAAI,eAAe;AAChC,SAAS,gBAAgB;AACzB,SAAS,qBAAqB;AAK9B,OAAO,iCAAiC;AAgDtC,cAoCE,YApCF;AA9CF,SAAS,uBAAwB,OAAQ;AACxC,QAAM;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,eAAe;AAAA,IACf,eAAe;AAAA,MACd,IAAI;AAAA,MACJ,OAAO,GAAI,OAAO,cAAe;AAAA,IAClC;AAAA,IACA,YAAY;AAAA,MACX;AAAA,QACC,IAAI;AAAA,QACJ,OAAO,GAAI,eAAgB;AAAA,MAC5B;AAAA,MACA;AAAA,QACC,IAAI;AAAA,QACJ,OAAO,GAAI,gBAAiB;AAAA,MAC7B;AAAA,MACA;AAAA,QACC,IAAI;AAAA,QACJ,OAAO,GAAI,eAAgB;AAAA,MAC5B;AAAA,IACD;AAAA,EACD,IAAI;AAEJ,MAAK,CAAE,SAAS,CAAE,YAAY,CAAE,sBAAuB;AACtD,WAAO;AAAA,EACR;AAEA,QAAM,qBACL,eACA;AAAA;AAAA,IAEC,GAAI,sCAAuC;AAAA,IAC3C;AAAA,EACD;AAED,QAAM,iBAAiB;AAAA,IACtB;AAAA,EACD;AAEA,QAAM,iBAAiB;AAAA,IACtB;AAAA,MAAC;AAAA;AAAA,QACA;AAAA,QACA,UAAW;AAAA;AAAA,IACZ;AAAA,IACA;AAAA,EACD;AAEA,QAAM,4BAA4B,MAAM;AACvC,WAAO,UAAU,IAAK,CAAE,aACvB,oBAAC,YACE;AAAA,MACD;AAAA,QAAC;AAAA;AAAA,UACA;AAAA,UACA;AAAA;AAAA,MACD;AAAA,MACA;AAAA,IACD,KAPe,SAAS,EAQzB,CACC;AAAA,EACH;AAEA,SACC,qBAAC,cAAS,WAAU,yCACnB;AAAA,wBAAC,YAAO,WAAU,gDACf,iBACH;AAAA,IAEA,qBAAC,SAAI,WAAU,gDACd;AAAA;AAAA,QAAC;AAAA;AAAA,UACA,yBAAuB;AAAA,UACvB,WAAU;AAAA,UACV,OAAQ;AAAA,UACR,SAAU,CAAE;AAAA,UACZ,UAAW;AAAA,UACX,MAAO;AAAA;AAAA,MACR;AAAA,MACA;AAAA,QAAC;AAAA;AAAA,UACA,WAAY;AAAA,YACX;AAAA,YACA;AAAA,cACC,iBAAiB;AAAA,YAClB;AAAA,UACD;AAAA,UAEE;AAAA,aAAE,gBAAgB;AAAA,YAClB,iBACC,2BACC,yBAA0B,SAAU,IACpC,0BAA0B;AAAA;AAAA;AAAA,MAC/B;AAAA,OACD;AAAA,KACD;AAEF;AAEA,IAAO,mCAAQ;",
+  "sourcesContent": ["/**\n * External dependencies\n */\nimport clsx from 'clsx';\n\n/**\n * WordPress dependencies\n */\nimport { __, _x, sprintf } from '@wordpress/i18n';\nimport { Fragment } from '@wordpress/element';\nimport { ToggleControl } from '@wordpress/components';\n\n/**\n * Internal dependencies\n */\nimport ResponsiveBlockControlLabel from './label';\n\nfunction ResponsiveBlockControl( props ) {\n\tconst {\n\t\ttitle,\n\t\tproperty,\n\t\ttoggleLabel,\n\t\tonIsResponsiveChange,\n\t\trenderDefaultControl,\n\t\trenderResponsiveControls,\n\t\tisResponsive = false,\n\t\tdefaultLabel = {\n\t\t\tid: 'all',\n\t\t\tlabel: _x( 'All', 'screen sizes' ),\n\t\t},\n\t\tviewports = [\n\t\t\t{\n\t\t\t\tid: 'small',\n\t\t\t\tlabel: __( 'Small screens' ),\n\t\t\t},\n\t\t\t{\n\t\t\t\tid: 'medium',\n\t\t\t\tlabel: __( 'Medium screens' ),\n\t\t\t},\n\t\t\t{\n\t\t\t\tid: 'large',\n\t\t\t\tlabel: __( 'Large screens' ),\n\t\t\t},\n\t\t],\n\t} = props;\n\n\tif ( ! title || ! property || ! renderDefaultControl ) {\n\t\treturn null;\n\t}\n\n\tconst toggleControlLabel =\n\t\ttoggleLabel ||\n\t\tsprintf(\n\t\t\t/* translators: %s: Property value for the control (eg: margin, padding, etc.). */\n\t\t\t__( 'Use the same %s on all screen sizes.' ),\n\t\t\tproperty\n\t\t);\n\n\tconst toggleHelpText = __(\n\t\t'Choose whether to use the same value for all screen sizes or a unique value for each screen size.'\n\t);\n\n\tconst defaultControl = renderDefaultControl(\n\t\t<ResponsiveBlockControlLabel\n\t\t\tproperty={ property }\n\t\t\tviewport={ defaultLabel }\n\t\t/>,\n\t\tdefaultLabel\n\t);\n\n\tconst defaultResponsiveControls = () => {\n\t\treturn viewports.map( ( viewport ) => (\n\t\t\t<Fragment key={ viewport.id }>\n\t\t\t\t{ renderDefaultControl(\n\t\t\t\t\t<ResponsiveBlockControlLabel\n\t\t\t\t\t\tproperty={ property }\n\t\t\t\t\t\tviewport={ viewport }\n\t\t\t\t\t/>,\n\t\t\t\t\tviewport\n\t\t\t\t) }\n\t\t\t</Fragment>\n\t\t) );\n\t};\n\n\treturn (\n\t\t<fieldset className=\"block-editor-responsive-block-control\">\n\t\t\t<legend className=\"block-editor-responsive-block-control__title\">\n\t\t\t\t{ title }\n\t\t\t</legend>\n\n\t\t\t<div className=\"block-editor-responsive-block-control__inner\">\n\t\t\t\t<ToggleControl\n\t\t\t\t\tclassName=\"block-editor-responsive-block-control__toggle\"\n\t\t\t\t\tlabel={ toggleControlLabel }\n\t\t\t\t\tchecked={ ! isResponsive }\n\t\t\t\t\tonChange={ onIsResponsiveChange }\n\t\t\t\t\thelp={ toggleHelpText }\n\t\t\t\t/>\n\t\t\t\t<div\n\t\t\t\t\tclassName={ clsx(\n\t\t\t\t\t\t'block-editor-responsive-block-control__group',\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\t'is-responsive': isResponsive,\n\t\t\t\t\t\t}\n\t\t\t\t\t) }\n\t\t\t\t>\n\t\t\t\t\t{ ! isResponsive && defaultControl }\n\t\t\t\t\t{ isResponsive &&\n\t\t\t\t\t\t( renderResponsiveControls\n\t\t\t\t\t\t\t? renderResponsiveControls( viewports )\n\t\t\t\t\t\t\t: defaultResponsiveControls() ) }\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</fieldset>\n\t);\n}\n\nexport default ResponsiveBlockControl;\n"],
+  "mappings": ";AAGA,OAAO,UAAU;AAKjB,SAAS,IAAI,IAAI,eAAe;AAChC,SAAS,gBAAgB;AACzB,SAAS,qBAAqB;AAK9B,OAAO,iCAAiC;AAgDtC,cAmCE,YAnCF;AA9CF,SAAS,uBAAwB,OAAQ;AACxC,QAAM;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,eAAe;AAAA,IACf,eAAe;AAAA,MACd,IAAI;AAAA,MACJ,OAAO,GAAI,OAAO,cAAe;AAAA,IAClC;AAAA,IACA,YAAY;AAAA,MACX;AAAA,QACC,IAAI;AAAA,QACJ,OAAO,GAAI,eAAgB;AAAA,MAC5B;AAAA,MACA;AAAA,QACC,IAAI;AAAA,QACJ,OAAO,GAAI,gBAAiB;AAAA,MAC7B;AAAA,MACA;AAAA,QACC,IAAI;AAAA,QACJ,OAAO,GAAI,eAAgB;AAAA,MAC5B;AAAA,IACD;AAAA,EACD,IAAI;AAEJ,MAAK,CAAE,SAAS,CAAE,YAAY,CAAE,sBAAuB;AACtD,WAAO;AAAA,EACR;AAEA,QAAM,qBACL,eACA;AAAA;AAAA,IAEC,GAAI,sCAAuC;AAAA,IAC3C;AAAA,EACD;AAED,QAAM,iBAAiB;AAAA,IACtB;AAAA,EACD;AAEA,QAAM,iBAAiB;AAAA,IACtB;AAAA,MAAC;AAAA;AAAA,QACA;AAAA,QACA,UAAW;AAAA;AAAA,IACZ;AAAA,IACA;AAAA,EACD;AAEA,QAAM,4BAA4B,MAAM;AACvC,WAAO,UAAU,IAAK,CAAE,aACvB,oBAAC,YACE;AAAA,MACD;AAAA,QAAC;AAAA;AAAA,UACA;AAAA,UACA;AAAA;AAAA,MACD;AAAA,MACA;AAAA,IACD,KAPe,SAAS,EAQzB,CACC;AAAA,EACH;AAEA,SACC,qBAAC,cAAS,WAAU,yCACnB;AAAA,wBAAC,YAAO,WAAU,gDACf,iBACH;AAAA,IAEA,qBAAC,SAAI,WAAU,gDACd;AAAA;AAAA,QAAC;AAAA;AAAA,UACA,WAAU;AAAA,UACV,OAAQ;AAAA,UACR,SAAU,CAAE;AAAA,UACZ,UAAW;AAAA,UACX,MAAO;AAAA;AAAA,MACR;AAAA,MACA;AAAA,QAAC;AAAA;AAAA,UACA,WAAY;AAAA,YACX;AAAA,YACA;AAAA,cACC,iBAAiB;AAAA,YAClB;AAAA,UACD;AAAA,UAEE;AAAA,aAAE,gBAAgB;AAAA,YAClB,iBACC,2BACC,yBAA0B,SAAU,IACpC,0BAA0B;AAAA;AAAA;AAAA,MAC/B;AAAA,OACD;AAAA,KACD;AAEF;AAEA,IAAO,mCAAQ;",
   "names": []
 }

package/build-module/components/rich-text/content.js

@@ -2,8 +2,8 @@
 import { RawHTML } from "@wordpress/element";
 import { children as childrenSource } from "@wordpress/blocks";
 import deprecated from "@wordpress/deprecated";
-import RichText from "./";
-import { getMultilineTag } from "./utils";
+import RichText from "./index.js";
+import { getMultilineTag } from "./utils.js";
 import { jsx } from "react/jsx-runtime";
 function valueToHTMLString(value, multiline) {
   if (RichText.isEmpty(value)) {

package/build-module/components/rich-text/event-listeners/before-input-rules.js

@@ -1,7 +1,7 @@
 // packages/block-editor/src/components/rich-text/event-listeners/before-input-rules.js
 import { insert, isCollapsed } from "@wordpress/rich-text";
 import { applyFilters } from "@wordpress/hooks";
-import { store as blockEditorStore } from "../../../store";
+import { store as blockEditorStore } from "../../../store/index.js";
 var wrapSelectionSettings = ["`", '"', "'", "\u201C\u201D", "\u2018\u2019"];
 var before_input_rules_default = (props) => (element) => {
   function onInput(event) {

package/build-module/components/rich-text/event-listeners/firefox-compat.js

@@ -1,5 +1,5 @@
 // packages/block-editor/src/components/rich-text/event-listeners/firefox-compat.js
-import { store as blockEditorStore } from "../../../store";
+import { store as blockEditorStore } from "../../../store/index.js";
 var firefox_compat_default = (props) => (element) => {
   function onFocus() {
     const { registry } = props.current;

package/build-module/components/rich-text/event-listeners/index.js

@@ -1,17 +1,17 @@
 // packages/block-editor/src/components/rich-text/event-listeners/index.js
 import { useMemo, useRef, useInsertionEffect } from "@wordpress/element";
 import { useRefEffect } from "@wordpress/compose";
-import beforeInputRules from "./before-input-rules";
-import inputRules from "./input-rules";
-import insertReplacementText from "./insert-replacement-text";
-import removeBrowserShortcuts from "./remove-browser-shortcuts";
-import shortcuts from "./shortcuts";
-import inputEvents from "./input-events";
-import undoAutomaticChange from "./undo-automatic-change";
-import pasteHandler from "./paste-handler";
-import _delete from "./delete";
-import enter from "./enter";
-import firefoxCompat from "./firefox-compat";
+import beforeInputRules from "./before-input-rules.js";
+import inputRules from "./input-rules.js";
+import insertReplacementText from "./insert-replacement-text.js";
+import removeBrowserShortcuts from "./remove-browser-shortcuts.js";
+import shortcuts from "./shortcuts.js";
+import inputEvents from "./input-events.js";
+import undoAutomaticChange from "./undo-automatic-change.js";
+import pasteHandler from "./paste-handler.js";
+import _delete from "./delete.js";
+import enter from "./enter.js";
+import firefoxCompat from "./firefox-compat.js";
 var allEventListeners = [
   beforeInputRules,
   inputRules,

package/build-module/components/rich-text/event-listeners/input-rules.js

@@ -1,12 +1,12 @@
 // packages/block-editor/src/components/rich-text/event-listeners/input-rules.js
 import { insert, toHTMLString } from "@wordpress/rich-text";
 import { getBlockTransforms, findTransform } from "@wordpress/blocks";
-import { store as blockEditorStore } from "../../../store";
-import { preventEventDiscovery } from "../prevent-event-discovery";
+import { store as blockEditorStore } from "../../../store/index.js";
+import { preventEventDiscovery } from "../prevent-event-discovery.js";
 import {
   retrieveSelectedAttribute,
   START_OF_SELECTED_AREA
-} from "../../../utils/selection";
+} from "../../../utils/selection.js";
 function findSelection(blocks) {
   let i = blocks.length;
   while (i--) {

package/build-module/components/rich-text/event-listeners/insert-replacement-text.js

@@ -1,5 +1,5 @@
 // packages/block-editor/src/components/rich-text/event-listeners/insert-replacement-text.js
-import { store as blockEditorStore } from "../../../store";
+import { store as blockEditorStore } from "../../../store/index.js";
 var insert_replacement_text_default = (props) => (element) => {
   function onInput(event) {
     if (event.inputType !== "insertReplacementText") {

package/build-module/components/rich-text/event-listeners/paste-handler.js

@@ -2,8 +2,8 @@
 import { pasteHandler } from "@wordpress/blocks";
 import { isEmpty, insert, create } from "@wordpress/rich-text";
 import { isURL } from "@wordpress/url";
-import { addActiveFormats } from "../utils";
-import { getPasteEventData } from "../../../utils/pasting";
+import { addActiveFormats } from "../utils.js";
+import { getPasteEventData } from "../../../utils/pasting.js";
 var paste_handler_default = (props) => (element) => {
   function _onPaste(event) {
     const {

package/build-module/components/rich-text/event-listeners/undo-automatic-change.js

@@ -1,6 +1,6 @@
 // packages/block-editor/src/components/rich-text/event-listeners/undo-automatic-change.js
 import { BACKSPACE, ESCAPE } from "@wordpress/keycodes";
-import { store as blockEditorStore } from "../../../store";
+import { store as blockEditorStore } from "../../../store/index.js";
 var undo_automatic_change_default = (props) => (element) => {
   function onKeyDown(event) {
     const { keyCode } = event;

package/build-module/components/rich-text/format-edit.js

@@ -1,7 +1,7 @@
 // packages/block-editor/src/components/rich-text/format-edit.js
 import { getActiveFormat, getActiveObject } from "@wordpress/rich-text";
 import { useContext, useMemo } from "@wordpress/element";
-import BlockContext from "../block-context";
+import BlockContext from "../block-context/index.js";
 import { jsx } from "react/jsx-runtime";
 import { createElement } from "react";
 var DEFAULT_BLOCK_CONTEXT = {};

package/build-module/components/rich-text/format-toolbar/index.js

@@ -3,7 +3,7 @@ import clsx from "clsx";
 import { __ } from "@wordpress/i18n";
 import { ToolbarItem, DropdownMenu, Slot } from "@wordpress/components";
 import { chevronDown } from "@wordpress/icons";
-import { orderBy } from "../../../utils/sorting";
+import { orderBy } from "../../../utils/sorting.js";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 var POPOVER_PROPS = {
   placement: "bottom-start"

package/build-module/components/rich-text/format-toolbar-container.js

@@ -1,9 +1,9 @@
 // packages/block-editor/src/components/rich-text/format-toolbar-container.js
 import { __ } from "@wordpress/i18n";
 import { Popover, ToolbarGroup } from "@wordpress/components";
-import BlockControls from "../block-controls";
-import FormatToolbar from "./format-toolbar";
-import NavigableToolbar from "../navigable-toolbar";
+import BlockControls from "../block-controls/index.js";
+import FormatToolbar from "./format-toolbar/index.js";
+import NavigableToolbar from "../navigable-toolbar/index.js";
 import { jsx } from "react/jsx-runtime";
 function InlineToolbar({ popoverAnchor }) {
   return /* @__PURE__ */ jsx(

package/build-module/components/rich-text/get-rich-text-values.js

@@ -5,8 +5,8 @@ import {
   __unstableGetBlockProps as getBlockProps
 } from "@wordpress/blocks";
 import { RichTextData } from "@wordpress/rich-text";
-import InnerBlocks from "../inner-blocks";
-import { Content } from "./content";
+import InnerBlocks from "../inner-blocks/index.js";
+import { Content } from "./content.js";
 import { jsx } from "react/jsx-runtime";
 function addValuesForElement(element, values, innerBlocks) {
   if (null === element || void 0 === element || false === element) {

package/build-module/components/rich-text/index.js

@@ -3,6 +3,7 @@ import clsx from "clsx";
 import fastDeepEqual from "fast-deep-equal/es6";
 import {
   useRef,
+  useState,
   useCallback,
   forwardRef,
   createContext,
@@ -18,23 +19,22 @@ import { Popover } from "@wordpress/components";
 import { getBlockBindingsSource } from "@wordpress/blocks";
 import deprecated from "@wordpress/deprecated";
 import { __, sprintf } from "@wordpress/i18n";
-import { useBlockEditorAutocompleteProps } from "../autocomplete";
-import { useBlockEditContext } from "../block-edit";
-import { blockBindingsKey, isPreviewModeKey } from "../block-edit/context";
-import FormatToolbarContainer from "./format-toolbar-container";
-import { store as blockEditorStore } from "../../store";
-import { useMarkPersistent } from "./use-mark-persistent";
-import { useFormatTypes } from "./use-format-types";
-import { useEventListeners } from "./event-listeners";
-import FormatEdit from "./format-edit";
-import { getAllowedFormats } from "./utils";
-import { Content, valueToHTMLString } from "./content";
-import { withDeprecations } from "./with-deprecations";
-import BlockContext from "../block-context";
-import { PrivateBlockContext } from "../block-list/private-block-context";
-import { RichTextShortcut } from "./shortcut";
-import { RichTextToolbarButton } from "./toolbar-button";
-import { __unstableRichTextInputEvent } from "./input-event";
+import { useBlockEditorAutocompleteProps } from "../autocomplete/index.js";
+import { useBlockEditContext } from "../block-edit/index.js";
+import { blockBindingsKey, isPreviewModeKey } from "../block-edit/context.js";
+import FormatToolbarContainer from "./format-toolbar-container.js";
+import { store as blockEditorStore } from "../../store/index.js";
+import { useMarkPersistent } from "./use-mark-persistent.js";
+import { useFormatTypes } from "./use-format-types.js";
+import { useEventListeners } from "./event-listeners/index.js";
+import FormatEdit from "./format-edit.js";
+import { getAllowedFormats } from "./utils.js";
+import { Content, valueToHTMLString } from "./content.js";
+import { withDeprecations } from "./with-deprecations.js";
+import BlockContext from "../block-context/index.js";
+import { RichTextShortcut } from "./shortcut.js";
+import { RichTextToolbarButton } from "./toolbar-button.js";
+import { __unstableRichTextInputEvent } from "./input-event.js";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 var keyboardShortcutContext = createContext();
 keyboardShortcutContext.displayName = "keyboardShortcutContext";
@@ -100,11 +100,11 @@ function RichTextWrapper({
   }
   const instanceId = useInstanceId(RichTextWrapper);
   const anchorRef = useRef();
+  const [anchorElement, setAnchorElement] = useState(null);
   const context = useBlockEditContext();
-  const { clientId, isSelected: isBlockSelected } = context;
+  const { clientId, isSelected: isBlockSelected, name: blockName } = context;
   const blockBindings = context[blockBindingsKey];
   const blockContext = useContext(BlockContext);
-  const { bindableAttributes } = useContext(PrivateBlockContext);
   const registry = useRegistry();
   const selector = (select) => {
     if (!isBlockSelected) {
@@ -135,7 +135,12 @@ function RichTextWrapper({
   ]);
   const { disableBoundBlock, bindingsPlaceholder, bindingsLabel } = useSelect(
     (select) => {
-      if (!blockBindings?.[identifier] || !bindableAttributes) {
+      if (!blockBindings?.[identifier]) {
+        return {};
+      }
+      const { __experimentalBlockBindingsSupportedAttributes } = select(blockEditorStore).getSettings();
+      const bindableAttributes = __experimentalBlockBindingsSupportedAttributes?.[blockName];
+      if (!bindableAttributes) {
         return {};
       }
       const relatedBinding = blockBindings[identifier];
@@ -193,7 +198,7 @@ function RichTextWrapper({
     [
       blockBindings,
       identifier,
-      bindableAttributes,
+      blockName,
       adjustedValue,
       clientId,
       blockContext
@@ -342,7 +347,7 @@ function RichTextWrapper({
       FormatToolbarContainer,
       {
         inline: inlineToolbar,
-        editableContentElement: anchorRef.current
+        editableContentElement: anchorElement
       }
     ),
     /* @__PURE__ */ jsx(
@@ -387,7 +392,8 @@ function RichTextWrapper({
             keyboardShortcuts,
             inputEvents
           }),
-          anchorRef
+          anchorRef,
+          setAnchorElement
         ]),
         contentEditable: !shouldDisableEditing,
         suppressContentEditableWarning: true,