@wordpress/block-editor 15.5.0 → 15.5.1-next.47f435fc9.0

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

@@ -1,20 +1,9 @@
-/**
- * External dependencies
- */
-import clsx from 'clsx';
-
-/**
- * WordPress dependencies
- */
-import { __, _x, sprintf } from '@wordpress/i18n';
-import { Fragment } from '@wordpress/element';
-import { ToggleControl } from '@wordpress/components';
-
-/**
- * Internal dependencies
- */
-import ResponsiveBlockControlLabel from './label';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx, jsxs } from "react/jsx-runtime";
+import clsx from "clsx";
+import { __, _x, sprintf } from "@wordpress/i18n";
+import { Fragment } from "@wordpress/element";
+import { ToggleControl } from "@wordpress/components";
+import ResponsiveBlockControlLabel from "./label";
 function ResponsiveBlockControl(props) {
   const {
     title,
@@ -25,60 +14,91 @@ function ResponsiveBlockControl(props) {
     renderResponsiveControls,
     isResponsive = false,
     defaultLabel = {
-      id: 'all',
-      label: _x('All', 'screen sizes')
+      id: "all",
+      label: _x("All", "screen sizes")
     },
-    viewports = [{
-      id: 'small',
-      label: __('Small screens')
-    }, {
-      id: 'medium',
-      label: __('Medium screens')
-    }, {
-      id: 'large',
-      label: __('Large screens')
-    }]
+    viewports = [
+      {
+        id: "small",
+        label: __("Small screens")
+      },
+      {
+        id: "medium",
+        label: __("Medium screens")
+      },
+      {
+        id: "large",
+        label: __("Large screens")
+      }
+    ]
   } = props;
   if (!title || !property || !renderDefaultControl) {
     return null;
   }
-  const toggleControlLabel = toggleLabel || sprintf(/* translators: %s: Property value for the control (eg: margin, padding, etc.). */
-  __('Use the same %s on all screen sizes.'), property);
-  const toggleHelpText = __('Choose whether to use the same value for all screen sizes or a unique value for each screen size.');
-  const defaultControl = renderDefaultControl(/*#__PURE__*/_jsx(ResponsiveBlockControlLabel, {
-    property: property,
-    viewport: defaultLabel
-  }), defaultLabel);
+  const toggleControlLabel = toggleLabel || sprintf(
+    /* translators: %s: Property value for the control (eg: margin, padding, etc.). */
+    __("Use the same %s on all screen sizes."),
+    property
+  );
+  const toggleHelpText = __(
+    "Choose whether to use the same value for all screen sizes or a unique value for each screen size."
+  );
+  const defaultControl = renderDefaultControl(
+    /* @__PURE__ */ jsx(
+      ResponsiveBlockControlLabel,
+      {
+        property,
+        viewport: defaultLabel
+      }
+    ),
+    defaultLabel
+  );
   const defaultResponsiveControls = () => {
-    return viewports.map(viewport => /*#__PURE__*/_jsx(Fragment, {
-      children: renderDefaultControl(/*#__PURE__*/_jsx(ResponsiveBlockControlLabel, {
-        property: property,
-        viewport: viewport
-      }), viewport)
-    }, viewport.id));
+    return viewports.map((viewport) => /* @__PURE__ */ jsx(Fragment, { children: renderDefaultControl(
+      /* @__PURE__ */ jsx(
+        ResponsiveBlockControlLabel,
+        {
+          property,
+          viewport
+        }
+      ),
+      viewport
+    ) }, viewport.id));
   };
-  return /*#__PURE__*/_jsxs("fieldset", {
-    className: "block-editor-responsive-block-control",
-    children: [/*#__PURE__*/_jsx("legend", {
-      className: "block-editor-responsive-block-control__title",
-      children: title
-    }), /*#__PURE__*/_jsxs("div", {
-      className: "block-editor-responsive-block-control__inner",
-      children: [/*#__PURE__*/_jsx(ToggleControl, {
-        __nextHasNoMarginBottom: true,
-        className: "block-editor-responsive-block-control__toggle",
-        label: toggleControlLabel,
-        checked: !isResponsive,
-        onChange: onIsResponsiveChange,
-        help: toggleHelpText
-      }), /*#__PURE__*/_jsxs("div", {
-        className: clsx('block-editor-responsive-block-control__group', {
-          'is-responsive': isResponsive
-        }),
-        children: [!isResponsive && defaultControl, isResponsive && (renderResponsiveControls ? renderResponsiveControls(viewports) : defaultResponsiveControls())]
-      })]
-    })]
-  });
+  return /* @__PURE__ */ jsxs("fieldset", { className: "block-editor-responsive-block-control", children: [
+    /* @__PURE__ */ jsx("legend", { className: "block-editor-responsive-block-control__title", children: title }),
+    /* @__PURE__ */ jsxs("div", { className: "block-editor-responsive-block-control__inner", children: [
+      /* @__PURE__ */ jsx(
+        ToggleControl,
+        {
+          __nextHasNoMarginBottom: true,
+          className: "block-editor-responsive-block-control__toggle",
+          label: toggleControlLabel,
+          checked: !isResponsive,
+          onChange: onIsResponsiveChange,
+          help: toggleHelpText
+        }
+      ),
+      /* @__PURE__ */ jsxs(
+        "div",
+        {
+          className: clsx(
+            "block-editor-responsive-block-control__group",
+            {
+              "is-responsive": isResponsive
+            }
+          ),
+          children: [
+            !isResponsive && defaultControl,
+            isResponsive && (renderResponsiveControls ? renderResponsiveControls(viewports) : defaultResponsiveControls())
+          ]
+        }
+      )
+    ] })
+  ] });
 }
-export default ResponsiveBlockControl;
-//# sourceMappingURL=index.js.map
+var responsive_block_control_default = ResponsiveBlockControl;
+export {
+  responsive_block_control_default as default
+};
+//# sourceMappingURL=index.js.map

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

@@ -1 +1,7 @@
-{"version":3,"names":["clsx","__","_x","sprintf","Fragment","ToggleControl","ResponsiveBlockControlLabel","jsx","_jsx","jsxs","_jsxs","ResponsiveBlockControl","props","title","property","toggleLabel","onIsResponsiveChange","renderDefaultControl","renderResponsiveControls","isResponsive","defaultLabel","id","label","viewports","toggleControlLabel","toggleHelpText","defaultControl","viewport","defaultResponsiveControls","map","children","className","__nextHasNoMarginBottom","checked","onChange","help"],"sources":["@wordpress/block-editor/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":"AAAA;AACA;AACA;AACA,OAAOA,IAAI,MAAM,MAAM;;AAEvB;AACA;AACA;AACA,SAASC,EAAE,EAAEC,EAAE,EAAEC,OAAO,QAAQ,iBAAiB;AACjD,SAASC,QAAQ,QAAQ,oBAAoB;AAC7C,SAASC,aAAa,QAAQ,uBAAuB;;AAErD;AACA;AACA;AACA,OAAOC,2BAA2B,MAAM,SAAS;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAElD,SAASC,sBAAsBA,CAAEC,KAAK,EAAG;EACxC,MAAM;IACLC,KAAK;IACLC,QAAQ;IACRC,WAAW;IACXC,oBAAoB;IACpBC,oBAAoB;IACpBC,wBAAwB;IACxBC,YAAY,GAAG,KAAK;IACpBC,YAAY,GAAG;MACdC,EAAE,EAAE,KAAK;MACTC,KAAK,EAAEpB,EAAE,CAAE,KAAK,EAAE,cAAe;IAClC,CAAC;IACDqB,SAAS,GAAG,CACX;MACCF,EAAE,EAAE,OAAO;MACXC,KAAK,EAAErB,EAAE,CAAE,eAAgB;IAC5B,CAAC,EACD;MACCoB,EAAE,EAAE,QAAQ;MACZC,KAAK,EAAErB,EAAE,CAAE,gBAAiB;IAC7B,CAAC,EACD;MACCoB,EAAE,EAAE,OAAO;MACXC,KAAK,EAAErB,EAAE,CAAE,eAAgB;IAC5B,CAAC;EAEH,CAAC,GAAGW,KAAK;EAET,IAAK,CAAEC,KAAK,IAAI,CAAEC,QAAQ,IAAI,CAAEG,oBAAoB,EAAG;IACtD,OAAO,IAAI;EACZ;EAEA,MAAMO,kBAAkB,GACvBT,WAAW,IACXZ,OAAO,CACN;EACAF,EAAE,CAAE,sCAAuC,CAAC,EAC5Ca,QACD,CAAC;EAEF,MAAMW,cAAc,GAAGxB,EAAE,CACxB,mGACD,CAAC;EAED,MAAMyB,cAAc,GAAGT,oBAAoB,cAC1CT,IAAA,CAACF,2BAA2B;IAC3BQ,QAAQ,EAAGA,QAAU;IACrBa,QAAQ,EAAGP;EAAc,CACzB,CAAC,EACFA,YACD,CAAC;EAED,MAAMQ,yBAAyB,GAAGA,CAAA,KAAM;IACvC,OAAOL,SAAS,CAACM,GAAG,CAAIF,QAAQ,iBAC/BnB,IAAA,CAACJ,QAAQ;MAAA0B,QAAA,EACNb,oBAAoB,cACrBT,IAAA,CAACF,2BAA2B;QAC3BQ,QAAQ,EAAGA,QAAU;QACrBa,QAAQ,EAAGA;MAAU,CACrB,CAAC,EACFA,QACD;IAAC,GAPcA,QAAQ,CAACN,EAQf,CACT,CAAC;EACJ,CAAC;EAED,oBACCX,KAAA;IAAUqB,SAAS,EAAC,uCAAuC;IAAAD,QAAA,gBAC1DtB,IAAA;MAAQuB,SAAS,EAAC,8CAA8C;MAAAD,QAAA,EAC7DjB;IAAK,CACA,CAAC,eAETH,KAAA;MAAKqB,SAAS,EAAC,8CAA8C;MAAAD,QAAA,gBAC5DtB,IAAA,CAACH,aAAa;QACb2B,uBAAuB;QACvBD,SAAS,EAAC,+CAA+C;QACzDT,KAAK,EAAGE,kBAAoB;QAC5BS,OAAO,EAAG,CAAEd,YAAc;QAC1Be,QAAQ,EAAGlB,oBAAsB;QACjCmB,IAAI,EAAGV;MAAgB,CACvB,CAAC,eACFf,KAAA;QACCqB,SAAS,EAAG/B,IAAI,CACf,8CAA8C,EAC9C;UACC,eAAe,EAAEmB;QAClB,CACD,CAAG;QAAAW,QAAA,GAED,CAAEX,YAAY,IAAIO,cAAc,EAChCP,YAAY,KACXD,wBAAwB,GACvBA,wBAAwB,CAAEK,SAAU,CAAC,GACrCK,yBAAyB,CAAC,CAAC,CAAE;MAAA,CAC7B,CAAC;IAAA,CACF,CAAC;EAAA,CACG,CAAC;AAEb;AAEA,eAAejB,sBAAsB","ignoreList":[]}
+{
+  "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": "AA+DE,cAoCE,YApCF;AA5DF,OAAO,UAAU;AAKjB,SAAS,IAAI,IAAI,eAAe;AAChC,SAAS,gBAAgB;AACzB,SAAS,qBAAqB;AAK9B,OAAO,iCAAiC;AAExC,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;",
+  "names": []
+}

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

@@ -1,27 +1,28 @@
-/**
- * WordPress dependencies
- */
-import { useInstanceId } from '@wordpress/compose';
-import { VisuallyHidden } from '@wordpress/components';
-import { _x, sprintf } from '@wordpress/i18n';
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-export default function ResponsiveBlockControlLabel({
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { useInstanceId } from "@wordpress/compose";
+import { VisuallyHidden } from "@wordpress/components";
+import { _x, sprintf } from "@wordpress/i18n";
+function ResponsiveBlockControlLabel({
   property,
   viewport,
   desc
 }) {
   const instanceId = useInstanceId(ResponsiveBlockControlLabel);
-  const accessibleLabel = desc || sprintf(/* translators: 1: property name. 2: viewport name. */
-  _x('Controls the %1$s property for %2$s viewports.', 'Text labelling a interface as controlling a given layout property (eg: margin) for a given screen size.'), property, viewport.label);
-  return /*#__PURE__*/_jsxs(_Fragment, {
-    children: [/*#__PURE__*/_jsx("span", {
-      "aria-describedby": `rbc-desc-${instanceId}`,
-      children: viewport.label
-    }), /*#__PURE__*/_jsx(VisuallyHidden, {
-      as: "span",
-      id: `rbc-desc-${instanceId}`,
-      children: accessibleLabel
-    })]
-  });
+  const accessibleLabel = desc || sprintf(
+    /* translators: 1: property name. 2: viewport name. */
+    _x(
+      "Controls the %1$s property for %2$s viewports.",
+      "Text labelling a interface as controlling a given layout property (eg: margin) for a given screen size."
+    ),
+    property,
+    viewport.label
+  );
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx("span", { "aria-describedby": `rbc-desc-${instanceId}`, children: viewport.label }),
+    /* @__PURE__ */ jsx(VisuallyHidden, { as: "span", id: `rbc-desc-${instanceId}`, children: accessibleLabel })
+  ] });
 }
-//# sourceMappingURL=label.js.map
+export {
+  ResponsiveBlockControlLabel as default
+};
+//# sourceMappingURL=label.js.map

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

@@ -1 +1,7 @@
-{"version":3,"names":["useInstanceId","VisuallyHidden","_x","sprintf","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","ResponsiveBlockControlLabel","property","viewport","desc","instanceId","accessibleLabel","label","children","as","id"],"sources":["@wordpress/block-editor/src/components/responsive-block-control/label.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useInstanceId } from '@wordpress/compose';\nimport { VisuallyHidden } from '@wordpress/components';\nimport { _x, sprintf } from '@wordpress/i18n';\n\nexport default function ResponsiveBlockControlLabel( {\n\tproperty,\n\tviewport,\n\tdesc,\n} ) {\n\tconst instanceId = useInstanceId( ResponsiveBlockControlLabel );\n\tconst accessibleLabel =\n\t\tdesc ||\n\t\tsprintf(\n\t\t\t/* translators: 1: property name. 2: viewport name. */\n\t\t\t_x(\n\t\t\t\t'Controls the %1$s property for %2$s viewports.',\n\t\t\t\t'Text labelling a interface as controlling a given layout property (eg: margin) for a given screen size.'\n\t\t\t),\n\t\t\tproperty,\n\t\t\tviewport.label\n\t\t);\n\treturn (\n\t\t<>\n\t\t\t<span aria-describedby={ `rbc-desc-${ instanceId }` }>\n\t\t\t\t{ viewport.label }\n\t\t\t</span>\n\t\t\t<VisuallyHidden as=\"span\" id={ `rbc-desc-${ instanceId }` }>\n\t\t\t\t{ accessibleLabel }\n\t\t\t</VisuallyHidden>\n\t\t</>\n\t);\n}\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,aAAa,QAAQ,oBAAoB;AAClD,SAASC,cAAc,QAAQ,uBAAuB;AACtD,SAASC,EAAE,EAAEC,OAAO,QAAQ,iBAAiB;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,QAAA,IAAAC,SAAA,EAAAC,IAAA,IAAAC,KAAA;AAE9C,eAAe,SAASC,2BAA2BA,CAAE;EACpDC,QAAQ;EACRC,QAAQ;EACRC;AACD,CAAC,EAAG;EACH,MAAMC,UAAU,GAAGd,aAAa,CAAEU,2BAA4B,CAAC;EAC/D,MAAMK,eAAe,GACpBF,IAAI,IACJV,OAAO,CACN;EACAD,EAAE,CACD,gDAAgD,EAChD,yGACD,CAAC,EACDS,QAAQ,EACRC,QAAQ,CAACI,KACV,CAAC;EACF,oBACCP,KAAA,CAAAF,SAAA;IAAAU,QAAA,gBACCZ,IAAA;MAAM,oBAAmB,YAAaS,UAAU,EAAK;MAAAG,QAAA,EAClDL,QAAQ,CAACI;IAAK,CACX,CAAC,eACPX,IAAA,CAACJ,cAAc;MAACiB,EAAE,EAAC,MAAM;MAACC,EAAE,EAAG,YAAaL,UAAU,EAAK;MAAAG,QAAA,EACxDF;IAAe,CACF,CAAC;EAAA,CAChB,CAAC;AAEL","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../../src/components/responsive-block-control/label.js"],
+  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { useInstanceId } from '@wordpress/compose';\nimport { VisuallyHidden } from '@wordpress/components';\nimport { _x, sprintf } from '@wordpress/i18n';\n\nexport default function ResponsiveBlockControlLabel( {\n\tproperty,\n\tviewport,\n\tdesc,\n} ) {\n\tconst instanceId = useInstanceId( ResponsiveBlockControlLabel );\n\tconst accessibleLabel =\n\t\tdesc ||\n\t\tsprintf(\n\t\t\t/* translators: 1: property name. 2: viewport name. */\n\t\t\t_x(\n\t\t\t\t'Controls the %1$s property for %2$s viewports.',\n\t\t\t\t'Text labelling a interface as controlling a given layout property (eg: margin) for a given screen size.'\n\t\t\t),\n\t\t\tproperty,\n\t\t\tviewport.label\n\t\t);\n\treturn (\n\t\t<>\n\t\t\t<span aria-describedby={ `rbc-desc-${ instanceId }` }>\n\t\t\t\t{ viewport.label }\n\t\t\t</span>\n\t\t\t<VisuallyHidden as=\"span\" id={ `rbc-desc-${ instanceId }` }>\n\t\t\t\t{ accessibleLabel }\n\t\t\t</VisuallyHidden>\n\t\t</>\n\t);\n}\n"],
+  "mappings": "AAyBE,mBACC,KADD;AAtBF,SAAS,qBAAqB;AAC9B,SAAS,sBAAsB;AAC/B,SAAS,IAAI,eAAe;AAEb,SAAR,4BAA8C;AAAA,EACpD;AAAA,EACA;AAAA,EACA;AACD,GAAI;AACH,QAAM,aAAa,cAAe,2BAA4B;AAC9D,QAAM,kBACL,QACA;AAAA;AAAA,IAEC;AAAA,MACC;AAAA,MACA;AAAA,IACD;AAAA,IACA;AAAA,IACA,SAAS;AAAA,EACV;AACD,SACC,iCACC;AAAA,wBAAC,UAAK,oBAAmB,YAAa,UAAW,IAC9C,mBAAS,OACZ;AAAA,IACA,oBAAC,kBAAe,IAAG,QAAO,IAAK,YAAa,UAAW,IACpD,2BACH;AAAA,KACD;AAEF;",
+  "names": []
+}

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

@@ -1,58 +1,40 @@
-/**
- * WordPress dependencies
- */
-import { RawHTML } from '@wordpress/element';
-import { children as childrenSource } from '@wordpress/blocks';
-import deprecated from '@wordpress/deprecated';
-
-/**
- * Internal dependencies
- */
-import RichText from './';
-
-/**
- * Internal dependencies
- */
-import { getMultilineTag } from './utils';
-import { jsx as _jsx } from "react/jsx-runtime";
-export function valueToHTMLString(value, multiline) {
+import { jsx } from "react/jsx-runtime";
+import { RawHTML } from "@wordpress/element";
+import { children as childrenSource } from "@wordpress/blocks";
+import deprecated from "@wordpress/deprecated";
+import RichText from "./";
+import { getMultilineTag } from "./utils";
+function valueToHTMLString(value, multiline) {
   if (RichText.isEmpty(value)) {
     const multilineTag = getMultilineTag(multiline);
-    return multilineTag ? `<${multilineTag}></${multilineTag}>` : '';
+    return multilineTag ? `<${multilineTag}></${multilineTag}>` : "";
   }
   if (Array.isArray(value)) {
-    deprecated('wp.blockEditor.RichText value prop as children type', {
-      since: '6.1',
-      version: '6.3',
-      alternative: 'value prop as string',
-      link: 'https://developer.wordpress.org/block-editor/how-to-guides/block-tutorial/introducing-attributes-and-editable-fields/'
+    deprecated("wp.blockEditor.RichText value prop as children type", {
+      since: "6.1",
+      version: "6.3",
+      alternative: "value prop as string",
+      link: "https://developer.wordpress.org/block-editor/how-to-guides/block-tutorial/introducing-attributes-and-editable-fields/"
     });
     return childrenSource.toHTML(value);
   }
-
-  // To do: deprecate string type.
-  if (typeof value === 'string') {
+  if (typeof value === "string") {
     return value;
   }
-
-  // To do: create a toReactComponent method on RichTextData, which we
-  // might in the future also use for the editable tree. See
-  // https://github.com/WordPress/gutenberg/pull/41655.
   return value.toHTMLString();
 }
-export function Content({
+function Content({
   value,
   tagName: Tag,
   multiline,
   format,
   ...props
 }) {
-  value = /*#__PURE__*/_jsx(RawHTML, {
-    children: valueToHTMLString(value, multiline)
-  });
-  return Tag ? /*#__PURE__*/_jsx(Tag, {
-    ...props,
-    children: value
-  }) : value;
+  value = /* @__PURE__ */ jsx(RawHTML, { children: valueToHTMLString(value, multiline) });
+  return Tag ? /* @__PURE__ */ jsx(Tag, { ...props, children: value }) : value;
 }
-//# sourceMappingURL=content.js.map
+export {
+  Content,
+  valueToHTMLString
+};
+//# sourceMappingURL=content.js.map

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

@@ -1 +1,7 @@
-{"version":3,"names":["RawHTML","children","childrenSource","deprecated","RichText","getMultilineTag","jsx","_jsx","valueToHTMLString","value","multiline","isEmpty","multilineTag","Array","isArray","since","version","alternative","link","toHTML","toHTMLString","Content","tagName","Tag","format","props"],"sources":["@wordpress/block-editor/src/components/rich-text/content.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { RawHTML } from '@wordpress/element';\nimport { children as childrenSource } from '@wordpress/blocks';\nimport deprecated from '@wordpress/deprecated';\n\n/**\n * Internal dependencies\n */\nimport RichText from './';\n\n/**\n * Internal dependencies\n */\nimport { getMultilineTag } from './utils';\n\nexport function valueToHTMLString( value, multiline ) {\n\tif ( RichText.isEmpty( value ) ) {\n\t\tconst multilineTag = getMultilineTag( multiline );\n\t\treturn multilineTag ? `<${ multilineTag }></${ multilineTag }>` : '';\n\t}\n\n\tif ( Array.isArray( value ) ) {\n\t\tdeprecated( 'wp.blockEditor.RichText value prop as children type', {\n\t\t\tsince: '6.1',\n\t\t\tversion: '6.3',\n\t\t\talternative: 'value prop as string',\n\t\t\tlink: 'https://developer.wordpress.org/block-editor/how-to-guides/block-tutorial/introducing-attributes-and-editable-fields/',\n\t\t} );\n\t\treturn childrenSource.toHTML( value );\n\t}\n\n\t// To do: deprecate string type.\n\tif ( typeof value === 'string' ) {\n\t\treturn value;\n\t}\n\n\t// To do: create a toReactComponent method on RichTextData, which we\n\t// might in the future also use for the editable tree. See\n\t// https://github.com/WordPress/gutenberg/pull/41655.\n\treturn value.toHTMLString();\n}\n\nexport function Content( {\n\tvalue,\n\ttagName: Tag,\n\tmultiline,\n\tformat,\n\t...props\n} ) {\n\tvalue = <RawHTML>{ valueToHTMLString( value, multiline ) }</RawHTML>;\n\treturn Tag ? <Tag { ...props }>{ value }</Tag> : value;\n}\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,OAAO,QAAQ,oBAAoB;AAC5C,SAASC,QAAQ,IAAIC,cAAc,QAAQ,mBAAmB;AAC9D,OAAOC,UAAU,MAAM,uBAAuB;;AAE9C;AACA;AACA;AACA,OAAOC,QAAQ,MAAM,IAAI;;AAEzB;AACA;AACA;AACA,SAASC,eAAe,QAAQ,SAAS;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAE1C,OAAO,SAASC,iBAAiBA,CAAEC,KAAK,EAAEC,SAAS,EAAG;EACrD,IAAKN,QAAQ,CAACO,OAAO,CAAEF,KAAM,CAAC,EAAG;IAChC,MAAMG,YAAY,GAAGP,eAAe,CAAEK,SAAU,CAAC;IACjD,OAAOE,YAAY,GAAG,IAAKA,YAAY,MAAQA,YAAY,GAAI,GAAG,EAAE;EACrE;EAEA,IAAKC,KAAK,CAACC,OAAO,CAAEL,KAAM,CAAC,EAAG;IAC7BN,UAAU,CAAE,qDAAqD,EAAE;MAClEY,KAAK,EAAE,KAAK;MACZC,OAAO,EAAE,KAAK;MACdC,WAAW,EAAE,sBAAsB;MACnCC,IAAI,EAAE;IACP,CAAE,CAAC;IACH,OAAOhB,cAAc,CAACiB,MAAM,CAAEV,KAAM,CAAC;EACtC;;EAEA;EACA,IAAK,OAAOA,KAAK,KAAK,QAAQ,EAAG;IAChC,OAAOA,KAAK;EACb;;EAEA;EACA;EACA;EACA,OAAOA,KAAK,CAACW,YAAY,CAAC,CAAC;AAC5B;AAEA,OAAO,SAASC,OAAOA,CAAE;EACxBZ,KAAK;EACLa,OAAO,EAAEC,GAAG;EACZb,SAAS;EACTc,MAAM;EACN,GAAGC;AACJ,CAAC,EAAG;EACHhB,KAAK,gBAAGF,IAAA,CAACP,OAAO;IAAAC,QAAA,EAAGO,iBAAiB,CAAEC,KAAK,EAAEC,SAAU;EAAC,CAAW,CAAC;EACpE,OAAOa,GAAG,gBAAGhB,IAAA,CAACgB,GAAG;IAAA,GAAME,KAAK;IAAAxB,QAAA,EAAKQ;EAAK,CAAO,CAAC,GAAGA,KAAK;AACvD","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../../src/components/rich-text/content.js"],
+  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { RawHTML } from '@wordpress/element';\nimport { children as childrenSource } from '@wordpress/blocks';\nimport deprecated from '@wordpress/deprecated';\n\n/**\n * Internal dependencies\n */\nimport RichText from './';\n\n/**\n * Internal dependencies\n */\nimport { getMultilineTag } from './utils';\n\nexport function valueToHTMLString( value, multiline ) {\n\tif ( RichText.isEmpty( value ) ) {\n\t\tconst multilineTag = getMultilineTag( multiline );\n\t\treturn multilineTag ? `<${ multilineTag }></${ multilineTag }>` : '';\n\t}\n\n\tif ( Array.isArray( value ) ) {\n\t\tdeprecated( 'wp.blockEditor.RichText value prop as children type', {\n\t\t\tsince: '6.1',\n\t\t\tversion: '6.3',\n\t\t\talternative: 'value prop as string',\n\t\t\tlink: 'https://developer.wordpress.org/block-editor/how-to-guides/block-tutorial/introducing-attributes-and-editable-fields/',\n\t\t} );\n\t\treturn childrenSource.toHTML( value );\n\t}\n\n\t// To do: deprecate string type.\n\tif ( typeof value === 'string' ) {\n\t\treturn value;\n\t}\n\n\t// To do: create a toReactComponent method on RichTextData, which we\n\t// might in the future also use for the editable tree. See\n\t// https://github.com/WordPress/gutenberg/pull/41655.\n\treturn value.toHTMLString();\n}\n\nexport function Content( {\n\tvalue,\n\ttagName: Tag,\n\tmultiline,\n\tformat,\n\t...props\n} ) {\n\tvalue = <RawHTML>{ valueToHTMLString( value, multiline ) }</RawHTML>;\n\treturn Tag ? <Tag { ...props }>{ value }</Tag> : value;\n}\n"],
+  "mappings": "AAmDS;AAhDT,SAAS,eAAe;AACxB,SAAS,YAAY,sBAAsB;AAC3C,OAAO,gBAAgB;AAKvB,OAAO,cAAc;AAKrB,SAAS,uBAAuB;AAEzB,SAAS,kBAAmB,OAAO,WAAY;AACrD,MAAK,SAAS,QAAS,KAAM,GAAI;AAChC,UAAM,eAAe,gBAAiB,SAAU;AAChD,WAAO,eAAe,IAAK,YAAa,MAAO,YAAa,MAAM;AAAA,EACnE;AAEA,MAAK,MAAM,QAAS,KAAM,GAAI;AAC7B,eAAY,uDAAuD;AAAA,MAClE,OAAO;AAAA,MACP,SAAS;AAAA,MACT,aAAa;AAAA,MACb,MAAM;AAAA,IACP,CAAE;AACF,WAAO,eAAe,OAAQ,KAAM;AAAA,EACrC;AAGA,MAAK,OAAO,UAAU,UAAW;AAChC,WAAO;AAAA,EACR;AAKA,SAAO,MAAM,aAAa;AAC3B;AAEO,SAAS,QAAS;AAAA,EACxB;AAAA,EACA,SAAS;AAAA,EACT;AAAA,EACA;AAAA,EACA,GAAG;AACJ,GAAI;AACH,UAAQ,oBAAC,WAAU,4BAAmB,OAAO,SAAU,GAAG;AAC1D,SAAO,MAAM,oBAAC,OAAM,GAAG,OAAU,iBAAO,IAAS;AAClD;",
+  "names": []
+}

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

@@ -1,42 +1,23 @@
-/**
- * WordPress dependencies
- */
-import { insert, isCollapsed } from '@wordpress/rich-text';
-import { applyFilters } from '@wordpress/hooks';
-
-/**
- * Internal dependencies
- */
-import { store as blockEditorStore } from '../../../store';
-
-/**
- * When typing over a selection, the selection will we wrapped by a matching
- * character pair. The second character is optional, it defaults to the first
- * character.
- *
- * @type {string[]} Array of character pairs.
- */
-const wrapSelectionSettings = ['`', '"', "'", '“”', '‘’'];
-export default props => element => {
+import { insert, isCollapsed } from "@wordpress/rich-text";
+import { applyFilters } from "@wordpress/hooks";
+import { store as blockEditorStore } from "../../../store";
+const wrapSelectionSettings = ["`", '"', "'", "\u201C\u201D", "\u2018\u2019"];
+var before_input_rules_default = (props) => (element) => {
   function onInput(event) {
-    const {
-      inputType,
-      data
-    } = event;
-    const {
-      value,
-      onChange,
-      registry
-    } = props.current;
-
-    // Only run the rules when inserting text.
-    if (inputType !== 'insertText') {
+    const { inputType, data } = event;
+    const { value, onChange, registry } = props.current;
+    if (inputType !== "insertText") {
       return;
     }
     if (isCollapsed(value)) {
       return;
     }
-    const pair = applyFilters('blockEditor.wrapSelectionSettings', wrapSelectionSettings).find(([startChar, endChar]) => startChar === data || endChar === data);
+    const pair = applyFilters(
+      "blockEditor.wrapSelectionSettings",
+      wrapSelectionSettings
+    ).find(
+      ([startChar2, endChar2]) => startChar2 === data || endChar2 === data
+    );
     if (!pair) {
       return;
     }
@@ -57,30 +38,20 @@ export default props => element => {
       init[key] = event[key];
     }
     init.data = endChar;
-    const {
-      ownerDocument
-    } = element;
-    const {
-      defaultView
-    } = ownerDocument;
-    const newEvent = new defaultView.InputEvent('input', init);
-
-    // Dispatch an `input` event with the new data. This will trigger the
-    // input rules.
-    // Postpone the `input` to the next event loop tick so that the dispatch
-    // doesn't happen synchronously in the middle of `beforeinput` dispatch.
-    // This is closer to how native `input` event would be timed, and also
-    // makes sure that the `input` event is dispatched only after the `onChange`
-    // call few lines above has fully updated the data store state and rerendered
-    // all affected components.
+    const { ownerDocument } = element;
+    const { defaultView } = ownerDocument;
+    const newEvent = new defaultView.InputEvent("input", init);
     window.queueMicrotask(() => {
       event.target.dispatchEvent(newEvent);
     });
     event.preventDefault();
   }
-  element.addEventListener('beforeinput', onInput);
+  element.addEventListener("beforeinput", onInput);
   return () => {
-    element.removeEventListener('beforeinput', onInput);
+    element.removeEventListener("beforeinput", onInput);
   };
 };
-//# sourceMappingURL=before-input-rules.js.map
+export {
+  before_input_rules_default as default
+};
+//# sourceMappingURL=before-input-rules.js.map

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

@@ -1 +1,7 @@
-{"version":3,"names":["insert","isCollapsed","applyFilters","store","blockEditorStore","wrapSelectionSettings","props","element","onInput","event","inputType","data","value","onChange","registry","current","pair","find","startChar","endChar","start","end","length","newValue","__unstableMarkLastChangeAsPersistent","__unstableMarkAutomaticChange","dispatch","init","key","ownerDocument","defaultView","newEvent","InputEvent","window","queueMicrotask","target","dispatchEvent","preventDefault","addEventListener","removeEventListener"],"sources":["@wordpress/block-editor/src/components/rich-text/event-listeners/before-input-rules.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { insert, isCollapsed } from '@wordpress/rich-text';\nimport { applyFilters } from '@wordpress/hooks';\n\n/**\n * Internal dependencies\n */\nimport { store as blockEditorStore } from '../../../store';\n\n/**\n * When typing over a selection, the selection will we wrapped by a matching\n * character pair. The second character is optional, it defaults to the first\n * character.\n *\n * @type {string[]} Array of character pairs.\n */\nconst wrapSelectionSettings = [ '`', '\"', \"'\", '“”', '‘’' ];\n\nexport default ( props ) => ( element ) => {\n\tfunction onInput( event ) {\n\t\tconst { inputType, data } = event;\n\t\tconst { value, onChange, registry } = props.current;\n\n\t\t// Only run the rules when inserting text.\n\t\tif ( inputType !== 'insertText' ) {\n\t\t\treturn;\n\t\t}\n\n\t\tif ( isCollapsed( value ) ) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst pair = applyFilters(\n\t\t\t'blockEditor.wrapSelectionSettings',\n\t\t\twrapSelectionSettings\n\t\t).find(\n\t\t\t( [ startChar, endChar ] ) => startChar === data || endChar === data\n\t\t);\n\n\t\tif ( ! pair ) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst [ startChar, endChar = startChar ] = pair;\n\t\tconst start = value.start;\n\t\tconst end = value.end + startChar.length;\n\n\t\tlet newValue = insert( value, startChar, start, start );\n\t\tnewValue = insert( newValue, endChar, end, end );\n\n\t\tconst {\n\t\t\t__unstableMarkLastChangeAsPersistent,\n\t\t\t__unstableMarkAutomaticChange,\n\t\t} = registry.dispatch( blockEditorStore );\n\n\t\t__unstableMarkLastChangeAsPersistent();\n\t\tonChange( newValue );\n\t\t__unstableMarkAutomaticChange();\n\n\t\tconst init = {};\n\n\t\tfor ( const key in event ) {\n\t\t\tinit[ key ] = event[ key ];\n\t\t}\n\n\t\tinit.data = endChar;\n\n\t\tconst { ownerDocument } = element;\n\t\tconst { defaultView } = ownerDocument;\n\t\tconst newEvent = new defaultView.InputEvent( 'input', init );\n\n\t\t// Dispatch an `input` event with the new data. This will trigger the\n\t\t// input rules.\n\t\t// Postpone the `input` to the next event loop tick so that the dispatch\n\t\t// doesn't happen synchronously in the middle of `beforeinput` dispatch.\n\t\t// This is closer to how native `input` event would be timed, and also\n\t\t// makes sure that the `input` event is dispatched only after the `onChange`\n\t\t// call few lines above has fully updated the data store state and rerendered\n\t\t// all affected components.\n\t\twindow.queueMicrotask( () => {\n\t\t\tevent.target.dispatchEvent( newEvent );\n\t\t} );\n\t\tevent.preventDefault();\n\t}\n\n\telement.addEventListener( 'beforeinput', onInput );\n\treturn () => {\n\t\telement.removeEventListener( 'beforeinput', onInput );\n\t};\n};\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,MAAM,EAAEC,WAAW,QAAQ,sBAAsB;AAC1D,SAASC,YAAY,QAAQ,kBAAkB;;AAE/C;AACA;AACA;AACA,SAASC,KAAK,IAAIC,gBAAgB,QAAQ,gBAAgB;;AAE1D;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAMC,qBAAqB,GAAG,CAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,IAAI,EAAE,IAAI,CAAE;AAE3D,eAAiBC,KAAK,IAAQC,OAAO,IAAM;EAC1C,SAASC,OAAOA,CAAEC,KAAK,EAAG;IACzB,MAAM;MAAEC,SAAS;MAAEC;IAAK,CAAC,GAAGF,KAAK;IACjC,MAAM;MAAEG,KAAK;MAAEC,QAAQ;MAAEC;IAAS,CAAC,GAAGR,KAAK,CAACS,OAAO;;IAEnD;IACA,IAAKL,SAAS,KAAK,YAAY,EAAG;MACjC;IACD;IAEA,IAAKT,WAAW,CAAEW,KAAM,CAAC,EAAG;MAC3B;IACD;IAEA,MAAMI,IAAI,GAAGd,YAAY,CACxB,mCAAmC,EACnCG,qBACD,CAAC,CAACY,IAAI,CACL,CAAE,CAAEC,SAAS,EAAEC,OAAO,CAAE,KAAMD,SAAS,KAAKP,IAAI,IAAIQ,OAAO,KAAKR,IACjE,CAAC;IAED,IAAK,CAAEK,IAAI,EAAG;MACb;IACD;IAEA,MAAM,CAAEE,SAAS,EAAEC,OAAO,GAAGD,SAAS,CAAE,GAAGF,IAAI;IAC/C,MAAMI,KAAK,GAAGR,KAAK,CAACQ,KAAK;IACzB,MAAMC,GAAG,GAAGT,KAAK,CAACS,GAAG,GAAGH,SAAS,CAACI,MAAM;IAExC,IAAIC,QAAQ,GAAGvB,MAAM,CAAEY,KAAK,EAAEM,SAAS,EAAEE,KAAK,EAAEA,KAAM,CAAC;IACvDG,QAAQ,GAAGvB,MAAM,CAAEuB,QAAQ,EAAEJ,OAAO,EAAEE,GAAG,EAAEA,GAAI,CAAC;IAEhD,MAAM;MACLG,oCAAoC;MACpCC;IACD,CAAC,GAAGX,QAAQ,CAACY,QAAQ,CAAEtB,gBAAiB,CAAC;IAEzCoB,oCAAoC,CAAC,CAAC;IACtCX,QAAQ,CAAEU,QAAS,CAAC;IACpBE,6BAA6B,CAAC,CAAC;IAE/B,MAAME,IAAI,GAAG,CAAC,CAAC;IAEf,KAAM,MAAMC,GAAG,IAAInB,KAAK,EAAG;MAC1BkB,IAAI,CAAEC,GAAG,CAAE,GAAGnB,KAAK,CAAEmB,GAAG,CAAE;IAC3B;IAEAD,IAAI,CAAChB,IAAI,GAAGQ,OAAO;IAEnB,MAAM;MAAEU;IAAc,CAAC,GAAGtB,OAAO;IACjC,MAAM;MAAEuB;IAAY,CAAC,GAAGD,aAAa;IACrC,MAAME,QAAQ,GAAG,IAAID,WAAW,CAACE,UAAU,CAAE,OAAO,EAAEL,IAAK,CAAC;;IAE5D;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACAM,MAAM,CAACC,cAAc,CAAE,MAAM;MAC5BzB,KAAK,CAAC0B,MAAM,CAACC,aAAa,CAAEL,QAAS,CAAC;IACvC,CAAE,CAAC;IACHtB,KAAK,CAAC4B,cAAc,CAAC,CAAC;EACvB;EAEA9B,OAAO,CAAC+B,gBAAgB,CAAE,aAAa,EAAE9B,OAAQ,CAAC;EAClD,OAAO,MAAM;IACZD,OAAO,CAACgC,mBAAmB,CAAE,aAAa,EAAE/B,OAAQ,CAAC;EACtD,CAAC;AACF,CAAC","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../../../src/components/rich-text/event-listeners/before-input-rules.js"],
+  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { insert, isCollapsed } from '@wordpress/rich-text';\nimport { applyFilters } from '@wordpress/hooks';\n\n/**\n * Internal dependencies\n */\nimport { store as blockEditorStore } from '../../../store';\n\n/**\n * When typing over a selection, the selection will we wrapped by a matching\n * character pair. The second character is optional, it defaults to the first\n * character.\n *\n * @type {string[]} Array of character pairs.\n */\nconst wrapSelectionSettings = [ '`', '\"', \"'\", '\u201C\u201D', '\u2018\u2019' ];\n\nexport default ( props ) => ( element ) => {\n\tfunction onInput( event ) {\n\t\tconst { inputType, data } = event;\n\t\tconst { value, onChange, registry } = props.current;\n\n\t\t// Only run the rules when inserting text.\n\t\tif ( inputType !== 'insertText' ) {\n\t\t\treturn;\n\t\t}\n\n\t\tif ( isCollapsed( value ) ) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst pair = applyFilters(\n\t\t\t'blockEditor.wrapSelectionSettings',\n\t\t\twrapSelectionSettings\n\t\t).find(\n\t\t\t( [ startChar, endChar ] ) => startChar === data || endChar === data\n\t\t);\n\n\t\tif ( ! pair ) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst [ startChar, endChar = startChar ] = pair;\n\t\tconst start = value.start;\n\t\tconst end = value.end + startChar.length;\n\n\t\tlet newValue = insert( value, startChar, start, start );\n\t\tnewValue = insert( newValue, endChar, end, end );\n\n\t\tconst {\n\t\t\t__unstableMarkLastChangeAsPersistent,\n\t\t\t__unstableMarkAutomaticChange,\n\t\t} = registry.dispatch( blockEditorStore );\n\n\t\t__unstableMarkLastChangeAsPersistent();\n\t\tonChange( newValue );\n\t\t__unstableMarkAutomaticChange();\n\n\t\tconst init = {};\n\n\t\tfor ( const key in event ) {\n\t\t\tinit[ key ] = event[ key ];\n\t\t}\n\n\t\tinit.data = endChar;\n\n\t\tconst { ownerDocument } = element;\n\t\tconst { defaultView } = ownerDocument;\n\t\tconst newEvent = new defaultView.InputEvent( 'input', init );\n\n\t\t// Dispatch an `input` event with the new data. This will trigger the\n\t\t// input rules.\n\t\t// Postpone the `input` to the next event loop tick so that the dispatch\n\t\t// doesn't happen synchronously in the middle of `beforeinput` dispatch.\n\t\t// This is closer to how native `input` event would be timed, and also\n\t\t// makes sure that the `input` event is dispatched only after the `onChange`\n\t\t// call few lines above has fully updated the data store state and rerendered\n\t\t// all affected components.\n\t\twindow.queueMicrotask( () => {\n\t\t\tevent.target.dispatchEvent( newEvent );\n\t\t} );\n\t\tevent.preventDefault();\n\t}\n\n\telement.addEventListener( 'beforeinput', onInput );\n\treturn () => {\n\t\telement.removeEventListener( 'beforeinput', onInput );\n\t};\n};\n"],
+  "mappings": "AAGA,SAAS,QAAQ,mBAAmB;AACpC,SAAS,oBAAoB;AAK7B,SAAS,SAAS,wBAAwB;AAS1C,MAAM,wBAAwB,CAAE,KAAK,KAAK,KAAK,gBAAM,cAAK;AAE1D,IAAO,6BAAQ,CAAE,UAAW,CAAE,YAAa;AAC1C,WAAS,QAAS,OAAQ;AACzB,UAAM,EAAE,WAAW,KAAK,IAAI;AAC5B,UAAM,EAAE,OAAO,UAAU,SAAS,IAAI,MAAM;AAG5C,QAAK,cAAc,cAAe;AACjC;AAAA,IACD;AAEA,QAAK,YAAa,KAAM,GAAI;AAC3B;AAAA,IACD;AAEA,UAAM,OAAO;AAAA,MACZ;AAAA,MACA;AAAA,IACD,EAAE;AAAA,MACD,CAAE,CAAEA,YAAWC,QAAQ,MAAOD,eAAc,QAAQC,aAAY;AAAA,IACjE;AAEA,QAAK,CAAE,MAAO;AACb;AAAA,IACD;AAEA,UAAM,CAAE,WAAW,UAAU,SAAU,IAAI;AAC3C,UAAM,QAAQ,MAAM;AACpB,UAAM,MAAM,MAAM,MAAM,UAAU;AAElC,QAAI,WAAW,OAAQ,OAAO,WAAW,OAAO,KAAM;AACtD,eAAW,OAAQ,UAAU,SAAS,KAAK,GAAI;AAE/C,UAAM;AAAA,MACL;AAAA,MACA;AAAA,IACD,IAAI,SAAS,SAAU,gBAAiB;AAExC,yCAAqC;AACrC,aAAU,QAAS;AACnB,kCAA8B;AAE9B,UAAM,OAAO,CAAC;AAEd,eAAY,OAAO,OAAQ;AAC1B,WAAM,GAAI,IAAI,MAAO,GAAI;AAAA,IAC1B;AAEA,SAAK,OAAO;AAEZ,UAAM,EAAE,cAAc,IAAI;AAC1B,UAAM,EAAE,YAAY,IAAI;AACxB,UAAM,WAAW,IAAI,YAAY,WAAY,SAAS,IAAK;AAU3D,WAAO,eAAgB,MAAM;AAC5B,YAAM,OAAO,cAAe,QAAS;AAAA,IACtC,CAAE;AACF,UAAM,eAAe;AAAA,EACtB;AAEA,UAAQ,iBAAkB,eAAe,OAAQ;AACjD,SAAO,MAAM;AACZ,YAAQ,oBAAqB,eAAe,OAAQ;AAAA,EACrD;AACD;",
+  "names": ["startChar", "endChar"]
+}

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

@@ -1,51 +1,33 @@
-/**
- * WordPress dependencies
- */
-import { DELETE, BACKSPACE } from '@wordpress/keycodes';
-import { isCollapsed, isEmpty } from '@wordpress/rich-text';
-export default props => element => {
+import { DELETE, BACKSPACE } from "@wordpress/keycodes";
+import { isCollapsed, isEmpty } from "@wordpress/rich-text";
+var delete_default = (props) => (element) => {
   function onKeyDown(event) {
-    const {
-      keyCode
-    } = event;
+    const { keyCode } = event;
     if (event.defaultPrevented) {
       return;
     }
-    const {
-      value,
-      onMerge,
-      onRemove
-    } = props.current;
+    const { value, onMerge, onRemove } = props.current;
     if (keyCode === DELETE || keyCode === BACKSPACE) {
-      const {
-        start,
-        end,
-        text
-      } = value;
+      const { start, end, text } = value;
       const isReverse = keyCode === BACKSPACE;
       const hasActiveFormats = value.activeFormats && !!value.activeFormats.length;
-
-      // Only process delete if the key press occurs at an uncollapsed edge.
       if (!isCollapsed(value) || hasActiveFormats || isReverse && start !== 0 || !isReverse && end !== text.length) {
         return;
       }
       if (onMerge) {
         onMerge(!isReverse);
-      }
-
-      // Only handle remove on Backspace. This serves dual-purpose of being
-      // an intentional user interaction distinguishing between Backspace and
-      // Delete to remove the empty field, but also to avoid merge & remove
-      // causing destruction of two fields (merge, then removed merged).
-      else if (onRemove && isEmpty(value) && isReverse) {
+      } else if (onRemove && isEmpty(value) && isReverse) {
         onRemove(!isReverse);
       }
       event.preventDefault();
     }
   }
-  element.addEventListener('keydown', onKeyDown);
+  element.addEventListener("keydown", onKeyDown);
   return () => {
-    element.removeEventListener('keydown', onKeyDown);
+    element.removeEventListener("keydown", onKeyDown);
   };
 };
-//# sourceMappingURL=delete.js.map
+export {
+  delete_default as default
+};
+//# sourceMappingURL=delete.js.map

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

@@ -1 +1,7 @@
-{"version":3,"names":["DELETE","BACKSPACE","isCollapsed","isEmpty","props","element","onKeyDown","event","keyCode","defaultPrevented","value","onMerge","onRemove","current","start","end","text","isReverse","hasActiveFormats","activeFormats","length","preventDefault","addEventListener","removeEventListener"],"sources":["@wordpress/block-editor/src/components/rich-text/event-listeners/delete.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { DELETE, BACKSPACE } from '@wordpress/keycodes';\nimport { isCollapsed, isEmpty } from '@wordpress/rich-text';\n\nexport default ( props ) => ( element ) => {\n\tfunction onKeyDown( event ) {\n\t\tconst { keyCode } = event;\n\n\t\tif ( event.defaultPrevented ) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst { value, onMerge, onRemove } = props.current;\n\n\t\tif ( keyCode === DELETE || keyCode === BACKSPACE ) {\n\t\t\tconst { start, end, text } = value;\n\t\t\tconst isReverse = keyCode === BACKSPACE;\n\t\t\tconst hasActiveFormats =\n\t\t\t\tvalue.activeFormats && !! value.activeFormats.length;\n\n\t\t\t// Only process delete if the key press occurs at an uncollapsed edge.\n\t\t\tif (\n\t\t\t\t! isCollapsed( value ) ||\n\t\t\t\thasActiveFormats ||\n\t\t\t\t( isReverse && start !== 0 ) ||\n\t\t\t\t( ! isReverse && end !== text.length )\n\t\t\t) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tif ( onMerge ) {\n\t\t\t\tonMerge( ! isReverse );\n\t\t\t}\n\n\t\t\t// Only handle remove on Backspace. This serves dual-purpose of being\n\t\t\t// an intentional user interaction distinguishing between Backspace and\n\t\t\t// Delete to remove the empty field, but also to avoid merge & remove\n\t\t\t// causing destruction of two fields (merge, then removed merged).\n\t\t\telse if ( onRemove && isEmpty( value ) && isReverse ) {\n\t\t\t\tonRemove( ! isReverse );\n\t\t\t}\n\n\t\t\tevent.preventDefault();\n\t\t}\n\t}\n\n\telement.addEventListener( 'keydown', onKeyDown );\n\treturn () => {\n\t\telement.removeEventListener( 'keydown', onKeyDown );\n\t};\n};\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,MAAM,EAAEC,SAAS,QAAQ,qBAAqB;AACvD,SAASC,WAAW,EAAEC,OAAO,QAAQ,sBAAsB;AAE3D,eAAiBC,KAAK,IAAQC,OAAO,IAAM;EAC1C,SAASC,SAASA,CAAEC,KAAK,EAAG;IAC3B,MAAM;MAAEC;IAAQ,CAAC,GAAGD,KAAK;IAEzB,IAAKA,KAAK,CAACE,gBAAgB,EAAG;MAC7B;IACD;IAEA,MAAM;MAAEC,KAAK;MAAEC,OAAO;MAAEC;IAAS,CAAC,GAAGR,KAAK,CAACS,OAAO;IAElD,IAAKL,OAAO,KAAKR,MAAM,IAAIQ,OAAO,KAAKP,SAAS,EAAG;MAClD,MAAM;QAAEa,KAAK;QAAEC,GAAG;QAAEC;MAAK,CAAC,GAAGN,KAAK;MAClC,MAAMO,SAAS,GAAGT,OAAO,KAAKP,SAAS;MACvC,MAAMiB,gBAAgB,GACrBR,KAAK,CAACS,aAAa,IAAI,CAAC,CAAET,KAAK,CAACS,aAAa,CAACC,MAAM;;MAErD;MACA,IACC,CAAElB,WAAW,CAAEQ,KAAM,CAAC,IACtBQ,gBAAgB,IACdD,SAAS,IAAIH,KAAK,KAAK,CAAG,IAC1B,CAAEG,SAAS,IAAIF,GAAG,KAAKC,IAAI,CAACI,MAAQ,EACrC;QACD;MACD;MAEA,IAAKT,OAAO,EAAG;QACdA,OAAO,CAAE,CAAEM,SAAU,CAAC;MACvB;;MAEA;MACA;MACA;MACA;MAAA,KACK,IAAKL,QAAQ,IAAIT,OAAO,CAAEO,KAAM,CAAC,IAAIO,SAAS,EAAG;QACrDL,QAAQ,CAAE,CAAEK,SAAU,CAAC;MACxB;MAEAV,KAAK,CAACc,cAAc,CAAC,CAAC;IACvB;EACD;EAEAhB,OAAO,CAACiB,gBAAgB,CAAE,SAAS,EAAEhB,SAAU,CAAC;EAChD,OAAO,MAAM;IACZD,OAAO,CAACkB,mBAAmB,CAAE,SAAS,EAAEjB,SAAU,CAAC;EACpD,CAAC;AACF,CAAC","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../../../src/components/rich-text/event-listeners/delete.js"],
+  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { DELETE, BACKSPACE } from '@wordpress/keycodes';\nimport { isCollapsed, isEmpty } from '@wordpress/rich-text';\n\nexport default ( props ) => ( element ) => {\n\tfunction onKeyDown( event ) {\n\t\tconst { keyCode } = event;\n\n\t\tif ( event.defaultPrevented ) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst { value, onMerge, onRemove } = props.current;\n\n\t\tif ( keyCode === DELETE || keyCode === BACKSPACE ) {\n\t\t\tconst { start, end, text } = value;\n\t\t\tconst isReverse = keyCode === BACKSPACE;\n\t\t\tconst hasActiveFormats =\n\t\t\t\tvalue.activeFormats && !! value.activeFormats.length;\n\n\t\t\t// Only process delete if the key press occurs at an uncollapsed edge.\n\t\t\tif (\n\t\t\t\t! isCollapsed( value ) ||\n\t\t\t\thasActiveFormats ||\n\t\t\t\t( isReverse && start !== 0 ) ||\n\t\t\t\t( ! isReverse && end !== text.length )\n\t\t\t) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tif ( onMerge ) {\n\t\t\t\tonMerge( ! isReverse );\n\t\t\t}\n\n\t\t\t// Only handle remove on Backspace. This serves dual-purpose of being\n\t\t\t// an intentional user interaction distinguishing between Backspace and\n\t\t\t// Delete to remove the empty field, but also to avoid merge & remove\n\t\t\t// causing destruction of two fields (merge, then removed merged).\n\t\t\telse if ( onRemove && isEmpty( value ) && isReverse ) {\n\t\t\t\tonRemove( ! isReverse );\n\t\t\t}\n\n\t\t\tevent.preventDefault();\n\t\t}\n\t}\n\n\telement.addEventListener( 'keydown', onKeyDown );\n\treturn () => {\n\t\telement.removeEventListener( 'keydown', onKeyDown );\n\t};\n};\n"],
+  "mappings": "AAGA,SAAS,QAAQ,iBAAiB;AAClC,SAAS,aAAa,eAAe;AAErC,IAAO,iBAAQ,CAAE,UAAW,CAAE,YAAa;AAC1C,WAAS,UAAW,OAAQ;AAC3B,UAAM,EAAE,QAAQ,IAAI;AAEpB,QAAK,MAAM,kBAAmB;AAC7B;AAAA,IACD;AAEA,UAAM,EAAE,OAAO,SAAS,SAAS,IAAI,MAAM;AAE3C,QAAK,YAAY,UAAU,YAAY,WAAY;AAClD,YAAM,EAAE,OAAO,KAAK,KAAK,IAAI;AAC7B,YAAM,YAAY,YAAY;AAC9B,YAAM,mBACL,MAAM,iBAAiB,CAAC,CAAE,MAAM,cAAc;AAG/C,UACC,CAAE,YAAa,KAAM,KACrB,oBACE,aAAa,UAAU,KACvB,CAAE,aAAa,QAAQ,KAAK,QAC7B;AACD;AAAA,MACD;AAEA,UAAK,SAAU;AACd,gBAAS,CAAE,SAAU;AAAA,MACtB,WAMU,YAAY,QAAS,KAAM,KAAK,WAAY;AACrD,iBAAU,CAAE,SAAU;AAAA,MACvB;AAEA,YAAM,eAAe;AAAA,IACtB;AAAA,EACD;AAEA,UAAQ,iBAAkB,WAAW,SAAU;AAC/C,SAAO,MAAM;AACZ,YAAQ,oBAAqB,WAAW,SAAU;AAAA,EACnD;AACD;",
+  "names": []
+}