@wordpress/block-editor 12.26.0 → 13.0.0

package/build-module/components/text-alignment-control/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["clsx","__","alignLeft","alignCenter","alignRight","alignJustify","useMemo","SegmentedTextControl","TEXT_ALIGNMENT_OPTIONS","label","value","icon","DEFAULT_OPTIONS","TextAlignmentControl","className","onChange","options","validOptions","filter","option","includes","length","createElement","newValue","undefined"],"sources":["@wordpress/block-editor/src/components/text-alignment-control/index.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport clsx from 'clsx';\n\n/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport {\n\talignLeft,\n\talignCenter,\n\talignRight,\n\talignJustify,\n} from '@wordpress/icons';\nimport { useMemo } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport SegmentedTextControl from '../segmented-text-control';\n\nconst TEXT_ALIGNMENT_OPTIONS = [\n\t{\n\t\tlabel: __( 'Align text left' ),\n\t\tvalue: 'left',\n\t\ticon: alignLeft,\n\t},\n\t{\n\t\tlabel: __( 'Align text center' ),\n\t\tvalue: 'center',\n\t\ticon: alignCenter,\n\t},\n\t{\n\t\tlabel: __( 'Align text right' ),\n\t\tvalue: 'right',\n\t\ticon: alignRight,\n\t},\n\t{\n\t\tlabel: __( 'Justify text' ),\n\t\tvalue: 'justify',\n\t\ticon: alignJustify,\n\t},\n];\n\nconst DEFAULT_OPTIONS = [ 'left', 'center', 'right' ];\n\n/**\n * Control to facilitate text alignment selections.\n *\n * @param {Object}   props           Component props.\n * @param {string}   props.className Class name to add to the control.\n * @param {string}   props.value     Currently selected text alignment.\n * @param {Function} props.onChange  Handles change in text alignment selection.\n * @param {string[]} props.options   Array of text alignment options to display.\n *\n * @return {Element} Text alignment control.\n */\nexport default function TextAlignmentControl( {\n\tclassName,\n\tvalue,\n\tonChange,\n\toptions = DEFAULT_OPTIONS,\n} ) {\n\tconst validOptions = useMemo(\n\t\t() =>\n\t\t\tTEXT_ALIGNMENT_OPTIONS.filter( ( option ) =>\n\t\t\t\toptions.includes( option.value )\n\t\t\t),\n\t\t[ options ]\n\t);\n\n\tif ( ! validOptions.length ) {\n\t\treturn null;\n\t}\n\n\treturn (\n\t\t<SegmentedTextControl\n\t\t\tlabel={ __( 'Text alignment' ) }\n\t\t\toptions={ validOptions }\n\t\t\tclassName={ clsx(\n\t\t\t\t'block-editor-text-alignment-control',\n\t\t\t\tclassName\n\t\t\t) }\n\t\t\tvalue={ value }\n\t\t\tonChange={ ( newValue ) => {\n\t\t\t\tonChange( newValue === value ? undefined : newValue );\n\t\t\t} }\n\t\t/>\n\t);\n}\n"],"mappings":";AAAA;AACA;AACA;AACA,OAAOA,IAAI,MAAM,MAAM;;AAEvB;AACA;AACA;AACA,SAASC,EAAE,QAAQ,iBAAiB;AACpC,SACCC,SAAS,EACTC,WAAW,EACXC,UAAU,EACVC,YAAY,QACN,kBAAkB;AACzB,SAASC,OAAO,QAAQ,oBAAoB;;AAE5C;AACA;AACA;AACA,OAAOC,oBAAoB,MAAM,2BAA2B;AAE5D,MAAMC,sBAAsB,GAAG,CAC9B;EACCC,KAAK,EAAER,EAAE,CAAE,iBAAkB,CAAC;EAC9BS,KAAK,EAAE,MAAM;EACbC,IAAI,EAAET;AACP,CAAC,EACD;EACCO,KAAK,EAAER,EAAE,CAAE,mBAAoB,CAAC;EAChCS,KAAK,EAAE,QAAQ;EACfC,IAAI,EAAER;AACP,CAAC,EACD;EACCM,KAAK,EAAER,EAAE,CAAE,kBAAmB,CAAC;EAC/BS,KAAK,EAAE,OAAO;EACdC,IAAI,EAAEP;AACP,CAAC,EACD;EACCK,KAAK,EAAER,EAAE,CAAE,cAAe,CAAC;EAC3BS,KAAK,EAAE,SAAS;EAChBC,IAAI,EAAEN;AACP,CAAC,CACD;AAED,MAAMO,eAAe,GAAG,CAAE,MAAM,EAAE,QAAQ,EAAE,OAAO,CAAE;;AAErD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,eAAe,SAASC,oBAAoBA,CAAE;EAC7CC,SAAS;EACTJ,KAAK;EACLK,QAAQ;EACRC,OAAO,GAAGJ;AACX,CAAC,EAAG;EACH,MAAMK,YAAY,GAAGX,OAAO,CAC3B,MACCE,sBAAsB,CAACU,MAAM,CAAIC,MAAM,IACtCH,OAAO,CAACI,QAAQ,CAAED,MAAM,CAACT,KAAM,CAChC,CAAC,EACF,CAAEM,OAAO,CACV,CAAC;EAED,IAAK,CAAEC,YAAY,CAACI,MAAM,EAAG;IAC5B,OAAO,IAAI;EACZ;EAEA,OACCC,aAAA,CAACf,oBAAoB;IACpBE,KAAK,EAAGR,EAAE,CAAE,gBAAiB,CAAG;IAChCe,OAAO,EAAGC,YAAc;IACxBH,SAAS,EAAGd,IAAI,CACf,qCAAqC,EACrCc,SACD,CAAG;IACHJ,KAAK,EAAGA,KAAO;IACfK,QAAQ,EAAKQ,QAAQ,IAAM;MAC1BR,QAAQ,CAAEQ,QAAQ,KAAKb,KAAK,GAAGc,SAAS,GAAGD,QAAS,CAAC;IACtD;EAAG,CACH,CAAC;AAEJ","ignoreList":[]}
+{"version":3,"names":["clsx","__","alignLeft","alignCenter","alignRight","alignJustify","useMemo","SegmentedTextControl","jsx","_jsx","TEXT_ALIGNMENT_OPTIONS","label","value","icon","DEFAULT_OPTIONS","TextAlignmentControl","className","onChange","options","validOptions","filter","option","includes","length","newValue","undefined"],"sources":["@wordpress/block-editor/src/components/text-alignment-control/index.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport clsx from 'clsx';\n\n/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport {\n\talignLeft,\n\talignCenter,\n\talignRight,\n\talignJustify,\n} from '@wordpress/icons';\nimport { useMemo } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport SegmentedTextControl from '../segmented-text-control';\n\nconst TEXT_ALIGNMENT_OPTIONS = [\n\t{\n\t\tlabel: __( 'Align text left' ),\n\t\tvalue: 'left',\n\t\ticon: alignLeft,\n\t},\n\t{\n\t\tlabel: __( 'Align text center' ),\n\t\tvalue: 'center',\n\t\ticon: alignCenter,\n\t},\n\t{\n\t\tlabel: __( 'Align text right' ),\n\t\tvalue: 'right',\n\t\ticon: alignRight,\n\t},\n\t{\n\t\tlabel: __( 'Justify text' ),\n\t\tvalue: 'justify',\n\t\ticon: alignJustify,\n\t},\n];\n\nconst DEFAULT_OPTIONS = [ 'left', 'center', 'right' ];\n\n/**\n * Control to facilitate text alignment selections.\n *\n * @param {Object}   props           Component props.\n * @param {string}   props.className Class name to add to the control.\n * @param {string}   props.value     Currently selected text alignment.\n * @param {Function} props.onChange  Handles change in text alignment selection.\n * @param {string[]} props.options   Array of text alignment options to display.\n *\n * @return {Element} Text alignment control.\n */\nexport default function TextAlignmentControl( {\n\tclassName,\n\tvalue,\n\tonChange,\n\toptions = DEFAULT_OPTIONS,\n} ) {\n\tconst validOptions = useMemo(\n\t\t() =>\n\t\t\tTEXT_ALIGNMENT_OPTIONS.filter( ( option ) =>\n\t\t\t\toptions.includes( option.value )\n\t\t\t),\n\t\t[ options ]\n\t);\n\n\tif ( ! validOptions.length ) {\n\t\treturn null;\n\t}\n\n\treturn (\n\t\t<SegmentedTextControl\n\t\t\tlabel={ __( 'Text alignment' ) }\n\t\t\toptions={ validOptions }\n\t\t\tclassName={ clsx(\n\t\t\t\t'block-editor-text-alignment-control',\n\t\t\t\tclassName\n\t\t\t) }\n\t\t\tvalue={ value }\n\t\t\tonChange={ ( newValue ) => {\n\t\t\t\tonChange( newValue === value ? undefined : newValue );\n\t\t\t} }\n\t\t/>\n\t);\n}\n"],"mappings":"AAAA;AACA;AACA;AACA,OAAOA,IAAI,MAAM,MAAM;;AAEvB;AACA;AACA;AACA,SAASC,EAAE,QAAQ,iBAAiB;AACpC,SACCC,SAAS,EACTC,WAAW,EACXC,UAAU,EACVC,YAAY,QACN,kBAAkB;AACzB,SAASC,OAAO,QAAQ,oBAAoB;;AAE5C;AACA;AACA;AACA,OAAOC,oBAAoB,MAAM,2BAA2B;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAE7D,MAAMC,sBAAsB,GAAG,CAC9B;EACCC,KAAK,EAAEV,EAAE,CAAE,iBAAkB,CAAC;EAC9BW,KAAK,EAAE,MAAM;EACbC,IAAI,EAAEX;AACP,CAAC,EACD;EACCS,KAAK,EAAEV,EAAE,CAAE,mBAAoB,CAAC;EAChCW,KAAK,EAAE,QAAQ;EACfC,IAAI,EAAEV;AACP,CAAC,EACD;EACCQ,KAAK,EAAEV,EAAE,CAAE,kBAAmB,CAAC;EAC/BW,KAAK,EAAE,OAAO;EACdC,IAAI,EAAET;AACP,CAAC,EACD;EACCO,KAAK,EAAEV,EAAE,CAAE,cAAe,CAAC;EAC3BW,KAAK,EAAE,SAAS;EAChBC,IAAI,EAAER;AACP,CAAC,CACD;AAED,MAAMS,eAAe,GAAG,CAAE,MAAM,EAAE,QAAQ,EAAE,OAAO,CAAE;;AAErD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,eAAe,SAASC,oBAAoBA,CAAE;EAC7CC,SAAS;EACTJ,KAAK;EACLK,QAAQ;EACRC,OAAO,GAAGJ;AACX,CAAC,EAAG;EACH,MAAMK,YAAY,GAAGb,OAAO,CAC3B,MACCI,sBAAsB,CAACU,MAAM,CAAIC,MAAM,IACtCH,OAAO,CAACI,QAAQ,CAAED,MAAM,CAACT,KAAM,CAChC,CAAC,EACF,CAAEM,OAAO,CACV,CAAC;EAED,IAAK,CAAEC,YAAY,CAACI,MAAM,EAAG;IAC5B,OAAO,IAAI;EACZ;EAEA,oBACCd,IAAA,CAACF,oBAAoB;IACpBI,KAAK,EAAGV,EAAE,CAAE,gBAAiB,CAAG;IAChCiB,OAAO,EAAGC,YAAc;IACxBH,SAAS,EAAGhB,IAAI,CACf,qCAAqC,EACrCgB,SACD,CAAG;IACHJ,KAAK,EAAGA,KAAO;IACfK,QAAQ,EAAKO,QAAQ,IAAM;MAC1BP,QAAQ,CAAEO,QAAQ,KAAKZ,KAAK,GAAGa,SAAS,GAAGD,QAAS,CAAC;IACtD;EAAG,CACH,CAAC;AAEJ","ignoreList":[]}

package/build-module/components/text-decoration-control/index.js

@@ -1,4 +1,3 @@
-import { createElement } from "react";
 /**
  * External dependencies
  */
@@ -14,6 +13,7 @@ import { __ } from '@wordpress/i18n';
  * Internal dependencies
  */
 import SegmentedTextControl from '../segmented-text-control';
+import { jsx as _jsx } from "react/jsx-runtime";
 const TEXT_DECORATIONS = [{
   label: __('None'),
   value: 'none',
@@ -43,7 +43,7 @@ export default function TextDecorationControl({
   onChange,
   className
 }) {
-  return createElement(SegmentedTextControl, {
+  return /*#__PURE__*/_jsx(SegmentedTextControl, {
     label: __('Decoration'),
     options: TEXT_DECORATIONS,
     className: clsx('block-editor-text-decoration-control', className),

package/build-module/components/text-decoration-control/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["clsx","reset","formatStrikethrough","formatUnderline","__","SegmentedTextControl","TEXT_DECORATIONS","label","value","icon","TextDecorationControl","onChange","className","createElement","options","newValue","undefined"],"sources":["@wordpress/block-editor/src/components/text-decoration-control/index.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport clsx from 'clsx';\n\n/**\n * WordPress dependencies\n */\nimport { reset, formatStrikethrough, formatUnderline } from '@wordpress/icons';\nimport { __ } from '@wordpress/i18n';\n\n/**\n * Internal dependencies\n */\nimport SegmentedTextControl from '../segmented-text-control';\n\nconst TEXT_DECORATIONS = [\n\t{\n\t\tlabel: __( 'None' ),\n\t\tvalue: 'none',\n\t\ticon: reset,\n\t},\n\t{\n\t\tlabel: __( 'Underline' ),\n\t\tvalue: 'underline',\n\t\ticon: formatUnderline,\n\t},\n\t{\n\t\tlabel: __( 'Strikethrough' ),\n\t\tvalue: 'line-through',\n\t\ticon: formatStrikethrough,\n\t},\n];\n\n/**\n * Control to facilitate text decoration selections.\n *\n * @param {Object}   props           Component props.\n * @param {string}   props.value     Currently selected text decoration.\n * @param {Function} props.onChange  Handles change in text decoration selection.\n * @param {string}   props.className Additional class name to apply.\n *\n * @return {Element} Text decoration control.\n */\nexport default function TextDecorationControl( {\n\tvalue,\n\tonChange,\n\tclassName,\n} ) {\n\treturn (\n\t\t<SegmentedTextControl\n\t\t\tlabel={ __( 'Decoration' ) }\n\t\t\toptions={ TEXT_DECORATIONS }\n\t\t\tclassName={ clsx(\n\t\t\t\t'block-editor-text-decoration-control',\n\t\t\t\tclassName\n\t\t\t) }\n\t\t\tvalue={ value }\n\t\t\tonChange={ ( newValue ) => {\n\t\t\t\tonChange( newValue === value ? undefined : newValue );\n\t\t\t} }\n\t\t/>\n\t);\n}\n"],"mappings":";AAAA;AACA;AACA;AACA,OAAOA,IAAI,MAAM,MAAM;;AAEvB;AACA;AACA;AACA,SAASC,KAAK,EAAEC,mBAAmB,EAAEC,eAAe,QAAQ,kBAAkB;AAC9E,SAASC,EAAE,QAAQ,iBAAiB;;AAEpC;AACA;AACA;AACA,OAAOC,oBAAoB,MAAM,2BAA2B;AAE5D,MAAMC,gBAAgB,GAAG,CACxB;EACCC,KAAK,EAAEH,EAAE,CAAE,MAAO,CAAC;EACnBI,KAAK,EAAE,MAAM;EACbC,IAAI,EAAER;AACP,CAAC,EACD;EACCM,KAAK,EAAEH,EAAE,CAAE,WAAY,CAAC;EACxBI,KAAK,EAAE,WAAW;EAClBC,IAAI,EAAEN;AACP,CAAC,EACD;EACCI,KAAK,EAAEH,EAAE,CAAE,eAAgB,CAAC;EAC5BI,KAAK,EAAE,cAAc;EACrBC,IAAI,EAAEP;AACP,CAAC,CACD;;AAED;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,eAAe,SAASQ,qBAAqBA,CAAE;EAC9CF,KAAK;EACLG,QAAQ;EACRC;AACD,CAAC,EAAG;EACH,OACCC,aAAA,CAACR,oBAAoB;IACpBE,KAAK,EAAGH,EAAE,CAAE,YAAa,CAAG;IAC5BU,OAAO,EAAGR,gBAAkB;IAC5BM,SAAS,EAAGZ,IAAI,CACf,sCAAsC,EACtCY,SACD,CAAG;IACHJ,KAAK,EAAGA,KAAO;IACfG,QAAQ,EAAKI,QAAQ,IAAM;MAC1BJ,QAAQ,CAAEI,QAAQ,KAAKP,KAAK,GAAGQ,SAAS,GAAGD,QAAS,CAAC;IACtD;EAAG,CACH,CAAC;AAEJ","ignoreList":[]}
+{"version":3,"names":["clsx","reset","formatStrikethrough","formatUnderline","__","SegmentedTextControl","jsx","_jsx","TEXT_DECORATIONS","label","value","icon","TextDecorationControl","onChange","className","options","newValue","undefined"],"sources":["@wordpress/block-editor/src/components/text-decoration-control/index.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport clsx from 'clsx';\n\n/**\n * WordPress dependencies\n */\nimport { reset, formatStrikethrough, formatUnderline } from '@wordpress/icons';\nimport { __ } from '@wordpress/i18n';\n\n/**\n * Internal dependencies\n */\nimport SegmentedTextControl from '../segmented-text-control';\n\nconst TEXT_DECORATIONS = [\n\t{\n\t\tlabel: __( 'None' ),\n\t\tvalue: 'none',\n\t\ticon: reset,\n\t},\n\t{\n\t\tlabel: __( 'Underline' ),\n\t\tvalue: 'underline',\n\t\ticon: formatUnderline,\n\t},\n\t{\n\t\tlabel: __( 'Strikethrough' ),\n\t\tvalue: 'line-through',\n\t\ticon: formatStrikethrough,\n\t},\n];\n\n/**\n * Control to facilitate text decoration selections.\n *\n * @param {Object}   props           Component props.\n * @param {string}   props.value     Currently selected text decoration.\n * @param {Function} props.onChange  Handles change in text decoration selection.\n * @param {string}   props.className Additional class name to apply.\n *\n * @return {Element} Text decoration control.\n */\nexport default function TextDecorationControl( {\n\tvalue,\n\tonChange,\n\tclassName,\n} ) {\n\treturn (\n\t\t<SegmentedTextControl\n\t\t\tlabel={ __( 'Decoration' ) }\n\t\t\toptions={ TEXT_DECORATIONS }\n\t\t\tclassName={ clsx(\n\t\t\t\t'block-editor-text-decoration-control',\n\t\t\t\tclassName\n\t\t\t) }\n\t\t\tvalue={ value }\n\t\t\tonChange={ ( newValue ) => {\n\t\t\t\tonChange( newValue === value ? undefined : newValue );\n\t\t\t} }\n\t\t/>\n\t);\n}\n"],"mappings":"AAAA;AACA;AACA;AACA,OAAOA,IAAI,MAAM,MAAM;;AAEvB;AACA;AACA;AACA,SAASC,KAAK,EAAEC,mBAAmB,EAAEC,eAAe,QAAQ,kBAAkB;AAC9E,SAASC,EAAE,QAAQ,iBAAiB;;AAEpC;AACA;AACA;AACA,OAAOC,oBAAoB,MAAM,2BAA2B;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAE7D,MAAMC,gBAAgB,GAAG,CACxB;EACCC,KAAK,EAAEL,EAAE,CAAE,MAAO,CAAC;EACnBM,KAAK,EAAE,MAAM;EACbC,IAAI,EAAEV;AACP,CAAC,EACD;EACCQ,KAAK,EAAEL,EAAE,CAAE,WAAY,CAAC;EACxBM,KAAK,EAAE,WAAW;EAClBC,IAAI,EAAER;AACP,CAAC,EACD;EACCM,KAAK,EAAEL,EAAE,CAAE,eAAgB,CAAC;EAC5BM,KAAK,EAAE,cAAc;EACrBC,IAAI,EAAET;AACP,CAAC,CACD;;AAED;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,eAAe,SAASU,qBAAqBA,CAAE;EAC9CF,KAAK;EACLG,QAAQ;EACRC;AACD,CAAC,EAAG;EACH,oBACCP,IAAA,CAACF,oBAAoB;IACpBI,KAAK,EAAGL,EAAE,CAAE,YAAa,CAAG;IAC5BW,OAAO,EAAGP,gBAAkB;IAC5BM,SAAS,EAAGd,IAAI,CACf,sCAAsC,EACtCc,SACD,CAAG;IACHJ,KAAK,EAAGA,KAAO;IACfG,QAAQ,EAAKG,QAAQ,IAAM;MAC1BH,QAAQ,CAAEG,QAAQ,KAAKN,KAAK,GAAGO,SAAS,GAAGD,QAAS,CAAC;IACtD;EAAG,CACH,CAAC;AAEJ","ignoreList":[]}

package/build-module/components/text-transform-control/index.js

@@ -1,4 +1,3 @@
-import { createElement } from "react";
 /**
  * External dependencies
  */
@@ -14,6 +13,7 @@ import { reset, formatCapitalize, formatLowercase, formatUppercase } from '@word
  * Internal dependencies
  */
 import SegmentedTextControl from '../segmented-text-control';
+import { jsx as _jsx } from "react/jsx-runtime";
 const TEXT_TRANSFORMS = [{
   label: __('None'),
   value: 'none',
@@ -47,7 +47,7 @@ export default function TextTransformControl({
   value,
   onChange
 }) {
-  return createElement(SegmentedTextControl, {
+  return /*#__PURE__*/_jsx(SegmentedTextControl, {
     label: __('Letter case'),
     options: TEXT_TRANSFORMS,
     className: clsx('block-editor-text-transform-control', className),

package/build-module/components/text-transform-control/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["clsx","__","reset","formatCapitalize","formatLowercase","formatUppercase","SegmentedTextControl","TEXT_TRANSFORMS","label","value","icon","TextTransformControl","className","onChange","createElement","options","newValue","undefined"],"sources":["@wordpress/block-editor/src/components/text-transform-control/index.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport clsx from 'clsx';\n\n/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport {\n\treset,\n\tformatCapitalize,\n\tformatLowercase,\n\tformatUppercase,\n} from '@wordpress/icons';\n\n/**\n * Internal dependencies\n */\nimport SegmentedTextControl from '../segmented-text-control';\n\nconst TEXT_TRANSFORMS = [\n\t{\n\t\tlabel: __( 'None' ),\n\t\tvalue: 'none',\n\t\ticon: reset,\n\t},\n\t{\n\t\tlabel: __( 'Uppercase' ),\n\t\tvalue: 'uppercase',\n\t\ticon: formatUppercase,\n\t},\n\t{\n\t\tlabel: __( 'Lowercase' ),\n\t\tvalue: 'lowercase',\n\t\ticon: formatLowercase,\n\t},\n\t{\n\t\tlabel: __( 'Capitalize' ),\n\t\tvalue: 'capitalize',\n\t\ticon: formatCapitalize,\n\t},\n];\n\n/**\n * Control to facilitate text transform selections.\n *\n * @param {Object}   props           Component props.\n * @param {string}   props.className Class name to add to the control.\n * @param {string}   props.value     Currently selected text transform.\n * @param {Function} props.onChange  Handles change in text transform selection.\n *\n * @return {Element} Text transform control.\n */\nexport default function TextTransformControl( { className, value, onChange } ) {\n\treturn (\n\t\t<SegmentedTextControl\n\t\t\tlabel={ __( 'Letter case' ) }\n\t\t\toptions={ TEXT_TRANSFORMS }\n\t\t\tclassName={ clsx(\n\t\t\t\t'block-editor-text-transform-control',\n\t\t\t\tclassName\n\t\t\t) }\n\t\t\tvalue={ value }\n\t\t\tonChange={ ( newValue ) => {\n\t\t\t\tonChange( newValue === value ? undefined : newValue );\n\t\t\t} }\n\t\t/>\n\t);\n}\n"],"mappings":";AAAA;AACA;AACA;AACA,OAAOA,IAAI,MAAM,MAAM;;AAEvB;AACA;AACA;AACA,SAASC,EAAE,QAAQ,iBAAiB;AACpC,SACCC,KAAK,EACLC,gBAAgB,EAChBC,eAAe,EACfC,eAAe,QACT,kBAAkB;;AAEzB;AACA;AACA;AACA,OAAOC,oBAAoB,MAAM,2BAA2B;AAE5D,MAAMC,eAAe,GAAG,CACvB;EACCC,KAAK,EAAEP,EAAE,CAAE,MAAO,CAAC;EACnBQ,KAAK,EAAE,MAAM;EACbC,IAAI,EAAER;AACP,CAAC,EACD;EACCM,KAAK,EAAEP,EAAE,CAAE,WAAY,CAAC;EACxBQ,KAAK,EAAE,WAAW;EAClBC,IAAI,EAAEL;AACP,CAAC,EACD;EACCG,KAAK,EAAEP,EAAE,CAAE,WAAY,CAAC;EACxBQ,KAAK,EAAE,WAAW;EAClBC,IAAI,EAAEN;AACP,CAAC,EACD;EACCI,KAAK,EAAEP,EAAE,CAAE,YAAa,CAAC;EACzBQ,KAAK,EAAE,YAAY;EACnBC,IAAI,EAAEP;AACP,CAAC,CACD;;AAED;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,eAAe,SAASQ,oBAAoBA,CAAE;EAAEC,SAAS;EAAEH,KAAK;EAAEI;AAAS,CAAC,EAAG;EAC9E,OACCC,aAAA,CAACR,oBAAoB;IACpBE,KAAK,EAAGP,EAAE,CAAE,aAAc,CAAG;IAC7Bc,OAAO,EAAGR,eAAiB;IAC3BK,SAAS,EAAGZ,IAAI,CACf,qCAAqC,EACrCY,SACD,CAAG;IACHH,KAAK,EAAGA,KAAO;IACfI,QAAQ,EAAKG,QAAQ,IAAM;MAC1BH,QAAQ,CAAEG,QAAQ,KAAKP,KAAK,GAAGQ,SAAS,GAAGD,QAAS,CAAC;IACtD;EAAG,CACH,CAAC;AAEJ","ignoreList":[]}
+{"version":3,"names":["clsx","__","reset","formatCapitalize","formatLowercase","formatUppercase","SegmentedTextControl","jsx","_jsx","TEXT_TRANSFORMS","label","value","icon","TextTransformControl","className","onChange","options","newValue","undefined"],"sources":["@wordpress/block-editor/src/components/text-transform-control/index.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport clsx from 'clsx';\n\n/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport {\n\treset,\n\tformatCapitalize,\n\tformatLowercase,\n\tformatUppercase,\n} from '@wordpress/icons';\n\n/**\n * Internal dependencies\n */\nimport SegmentedTextControl from '../segmented-text-control';\n\nconst TEXT_TRANSFORMS = [\n\t{\n\t\tlabel: __( 'None' ),\n\t\tvalue: 'none',\n\t\ticon: reset,\n\t},\n\t{\n\t\tlabel: __( 'Uppercase' ),\n\t\tvalue: 'uppercase',\n\t\ticon: formatUppercase,\n\t},\n\t{\n\t\tlabel: __( 'Lowercase' ),\n\t\tvalue: 'lowercase',\n\t\ticon: formatLowercase,\n\t},\n\t{\n\t\tlabel: __( 'Capitalize' ),\n\t\tvalue: 'capitalize',\n\t\ticon: formatCapitalize,\n\t},\n];\n\n/**\n * Control to facilitate text transform selections.\n *\n * @param {Object}   props           Component props.\n * @param {string}   props.className Class name to add to the control.\n * @param {string}   props.value     Currently selected text transform.\n * @param {Function} props.onChange  Handles change in text transform selection.\n *\n * @return {Element} Text transform control.\n */\nexport default function TextTransformControl( { className, value, onChange } ) {\n\treturn (\n\t\t<SegmentedTextControl\n\t\t\tlabel={ __( 'Letter case' ) }\n\t\t\toptions={ TEXT_TRANSFORMS }\n\t\t\tclassName={ clsx(\n\t\t\t\t'block-editor-text-transform-control',\n\t\t\t\tclassName\n\t\t\t) }\n\t\t\tvalue={ value }\n\t\t\tonChange={ ( newValue ) => {\n\t\t\t\tonChange( newValue === value ? undefined : newValue );\n\t\t\t} }\n\t\t/>\n\t);\n}\n"],"mappings":"AAAA;AACA;AACA;AACA,OAAOA,IAAI,MAAM,MAAM;;AAEvB;AACA;AACA;AACA,SAASC,EAAE,QAAQ,iBAAiB;AACpC,SACCC,KAAK,EACLC,gBAAgB,EAChBC,eAAe,EACfC,eAAe,QACT,kBAAkB;;AAEzB;AACA;AACA;AACA,OAAOC,oBAAoB,MAAM,2BAA2B;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAE7D,MAAMC,eAAe,GAAG,CACvB;EACCC,KAAK,EAAET,EAAE,CAAE,MAAO,CAAC;EACnBU,KAAK,EAAE,MAAM;EACbC,IAAI,EAAEV;AACP,CAAC,EACD;EACCQ,KAAK,EAAET,EAAE,CAAE,WAAY,CAAC;EACxBU,KAAK,EAAE,WAAW;EAClBC,IAAI,EAAEP;AACP,CAAC,EACD;EACCK,KAAK,EAAET,EAAE,CAAE,WAAY,CAAC;EACxBU,KAAK,EAAE,WAAW;EAClBC,IAAI,EAAER;AACP,CAAC,EACD;EACCM,KAAK,EAAET,EAAE,CAAE,YAAa,CAAC;EACzBU,KAAK,EAAE,YAAY;EACnBC,IAAI,EAAET;AACP,CAAC,CACD;;AAED;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,eAAe,SAASU,oBAAoBA,CAAE;EAAEC,SAAS;EAAEH,KAAK;EAAEI;AAAS,CAAC,EAAG;EAC9E,oBACCP,IAAA,CAACF,oBAAoB;IACpBI,KAAK,EAAGT,EAAE,CAAE,aAAc,CAAG;IAC7Be,OAAO,EAAGP,eAAiB;IAC3BK,SAAS,EAAGd,IAAI,CACf,qCAAqC,EACrCc,SACD,CAAG;IACHH,KAAK,EAAGA,KAAO;IACfI,QAAQ,EAAKE,QAAQ,IAAM;MAC1BF,QAAQ,CAAEE,QAAQ,KAAKN,KAAK,GAAGO,SAAS,GAAGD,QAAS,CAAC;IACtD;EAAG,CACH,CAAC;AAEJ","ignoreList":[]}

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

@@ -1,4 +1,3 @@
-import { createElement, Fragment } from "react";
 /**
  * WordPress dependencies
  */
@@ -12,24 +11,28 @@ import { Icon, edit as editIcon } from '@wordpress/icons';
  * Internal dependencies
  */
 import { store as blockEditorStore } from '../../store';
-const selectIcon = createElement(SVG, {
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Fragment as _Fragment } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+const selectIcon = /*#__PURE__*/_jsx(SVG, {
   xmlns: "http://www.w3.org/2000/svg",
   width: "24",
   height: "24",
-  viewBox: "0 0 24 24"
-}, createElement(Path, {
-  d: "M9.4 20.5L5.2 3.8l14.6 9-2 .3c-.2 0-.4.1-.7.1-.9.2-1.6.3-2.2.5-.8.3-1.4.5-1.8.8-.4.3-.8.8-1.3 1.5-.4.5-.8 1.2-1.2 2l-.3.6-.9 1.9zM7.6 7.1l2.4 9.3c.2-.4.5-.8.7-1.1.6-.8 1.1-1.4 1.6-1.8.5-.4 1.3-.8 2.2-1.1l1.2-.3-8.1-5z"
-}));
+  viewBox: "0 0 24 24",
+  children: /*#__PURE__*/_jsx(Path, {
+    d: "M9.4 20.5L5.2 3.8l14.6 9-2 .3c-.2 0-.4.1-.7.1-.9.2-1.6.3-2.2.5-.8.3-1.4.5-1.8.8-.4.3-.8.8-1.3 1.5-.4.5-.8 1.2-1.2 2l-.3.6-.9 1.9zM7.6 7.1l2.4 9.3c.2-.4.5-.8.7-1.1.6-.8 1.1-1.4 1.6-1.8.5-.4 1.3-.8 2.2-1.1l1.2-.3-8.1-5z"
+  })
+});
 function ToolSelector(props, ref) {
   const mode = useSelect(select => select(blockEditorStore).__unstableGetEditorMode(), []);
   const {
     __unstableSetEditorMode
   } = useDispatch(blockEditorStore);
-  return createElement(Dropdown, {
+  return /*#__PURE__*/_jsx(Dropdown, {
     renderToggle: ({
       isOpen,
       onToggle
-    }) => createElement(Button, {
+    }) => /*#__PURE__*/_jsx(Button, {
       ...props,
       ref: ref,
       icon: mode === 'navigation' ? selectIcon : editIcon,
@@ -42,24 +45,32 @@ function ToolSelector(props, ref) {
     popoverProps: {
       placement: 'bottom-start'
     },
-    renderContent: () => createElement(Fragment, null, createElement(NavigableMenu, {
-      role: "menu",
-      "aria-label": __('Tools')
-    }, createElement(MenuItemsChoice, {
-      value: mode === 'navigation' ? 'navigation' : 'edit',
-      onSelect: __unstableSetEditorMode,
-      choices: [{
-        value: 'edit',
-        label: createElement(Fragment, null, createElement(Icon, {
-          icon: editIcon
-        }), __('Edit'))
-      }, {
-        value: 'navigation',
-        label: createElement(Fragment, null, selectIcon, __('Select'))
-      }]
-    })), createElement("div", {
-      className: "block-editor-tool-selector__help"
-    }, __('Tools provide different interactions for selecting, navigating, and editing blocks. Toggle between select and edit by pressing Escape and Enter.')))
+    renderContent: () => /*#__PURE__*/_jsxs(_Fragment, {
+      children: [/*#__PURE__*/_jsx(NavigableMenu, {
+        role: "menu",
+        "aria-label": __('Tools'),
+        children: /*#__PURE__*/_jsx(MenuItemsChoice, {
+          value: mode === 'navigation' ? 'navigation' : 'edit',
+          onSelect: __unstableSetEditorMode,
+          choices: [{
+            value: 'edit',
+            label: /*#__PURE__*/_jsxs(_Fragment, {
+              children: [/*#__PURE__*/_jsx(Icon, {
+                icon: editIcon
+              }), __('Edit')]
+            })
+          }, {
+            value: 'navigation',
+            label: /*#__PURE__*/_jsxs(_Fragment, {
+              children: [selectIcon, __('Select')]
+            })
+          }]
+        })
+      }), /*#__PURE__*/_jsx("div", {
+        className: "block-editor-tool-selector__help",
+        children: __('Tools provide different interactions for selecting, navigating, and editing blocks. Toggle between select and edit by pressing Escape and Enter.')
+      })]
+    })
   });
 }
 export default forwardRef(ToolSelector);

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

@@ -1 +1 @@
-{"version":3,"names":["Dropdown","Button","MenuItemsChoice","SVG","Path","NavigableMenu","__","useSelect","useDispatch","forwardRef","Icon","edit","editIcon","store","blockEditorStore","selectIcon","createElement","xmlns","width","height","viewBox","d","ToolSelector","props","ref","mode","select","__unstableGetEditorMode","__unstableSetEditorMode","renderToggle","isOpen","onToggle","icon","onClick","label","popoverProps","placement","renderContent","Fragment","role","value","onSelect","choices","className"],"sources":["@wordpress/block-editor/src/components/tool-selector/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport {\n\tDropdown,\n\tButton,\n\tMenuItemsChoice,\n\tSVG,\n\tPath,\n\tNavigableMenu,\n} from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport { forwardRef } from '@wordpress/element';\nimport { Icon, edit as editIcon } from '@wordpress/icons';\n\n/**\n * Internal dependencies\n */\nimport { store as blockEditorStore } from '../../store';\n\nconst selectIcon = (\n\t<SVG\n\t\txmlns=\"http://www.w3.org/2000/svg\"\n\t\twidth=\"24\"\n\t\theight=\"24\"\n\t\tviewBox=\"0 0 24 24\"\n\t>\n\t\t<Path d=\"M9.4 20.5L5.2 3.8l14.6 9-2 .3c-.2 0-.4.1-.7.1-.9.2-1.6.3-2.2.5-.8.3-1.4.5-1.8.8-.4.3-.8.8-1.3 1.5-.4.5-.8 1.2-1.2 2l-.3.6-.9 1.9zM7.6 7.1l2.4 9.3c.2-.4.5-.8.7-1.1.6-.8 1.1-1.4 1.6-1.8.5-.4 1.3-.8 2.2-1.1l1.2-.3-8.1-5z\" />\n\t</SVG>\n);\n\nfunction ToolSelector( props, ref ) {\n\tconst mode = useSelect(\n\t\t( select ) => select( blockEditorStore ).__unstableGetEditorMode(),\n\t\t[]\n\t);\n\tconst { __unstableSetEditorMode } = useDispatch( blockEditorStore );\n\n\treturn (\n\t\t<Dropdown\n\t\t\trenderToggle={ ( { isOpen, onToggle } ) => (\n\t\t\t\t<Button\n\t\t\t\t\t{ ...props }\n\t\t\t\t\tref={ ref }\n\t\t\t\t\ticon={ mode === 'navigation' ? selectIcon : editIcon }\n\t\t\t\t\taria-expanded={ isOpen }\n\t\t\t\t\taria-haspopup=\"true\"\n\t\t\t\t\tonClick={ onToggle }\n\t\t\t\t\t/* translators: button label text should, if possible, be under 16 characters. */\n\t\t\t\t\tlabel={ __( 'Tools' ) }\n\t\t\t\t/>\n\t\t\t) }\n\t\t\tpopoverProps={ { placement: 'bottom-start' } }\n\t\t\trenderContent={ () => (\n\t\t\t\t<>\n\t\t\t\t\t<NavigableMenu role=\"menu\" aria-label={ __( 'Tools' ) }>\n\t\t\t\t\t\t<MenuItemsChoice\n\t\t\t\t\t\t\tvalue={\n\t\t\t\t\t\t\t\tmode === 'navigation' ? 'navigation' : 'edit'\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tonSelect={ __unstableSetEditorMode }\n\t\t\t\t\t\t\tchoices={ [\n\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\tvalue: 'edit',\n\t\t\t\t\t\t\t\t\tlabel: (\n\t\t\t\t\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t\t\t\t\t<Icon icon={ editIcon } />\n\t\t\t\t\t\t\t\t\t\t\t{ __( 'Edit' ) }\n\t\t\t\t\t\t\t\t\t\t</>\n\t\t\t\t\t\t\t\t\t),\n\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\tvalue: 'navigation',\n\t\t\t\t\t\t\t\t\tlabel: (\n\t\t\t\t\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t\t\t\t\t{ selectIcon }\n\t\t\t\t\t\t\t\t\t\t\t{ __( 'Select' ) }\n\t\t\t\t\t\t\t\t\t\t</>\n\t\t\t\t\t\t\t\t\t),\n\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t] }\n\t\t\t\t\t\t/>\n\t\t\t\t\t</NavigableMenu>\n\t\t\t\t\t<div className=\"block-editor-tool-selector__help\">\n\t\t\t\t\t\t{ __(\n\t\t\t\t\t\t\t'Tools provide different interactions for selecting, navigating, and editing blocks. Toggle between select and edit by pressing Escape and Enter.'\n\t\t\t\t\t\t) }\n\t\t\t\t\t</div>\n\t\t\t\t</>\n\t\t\t) }\n\t\t/>\n\t);\n}\n\nexport default forwardRef( ToolSelector );\n"],"mappings":";AAAA;AACA;AACA;AACA,SACCA,QAAQ,EACRC,MAAM,EACNC,eAAe,EACfC,GAAG,EACHC,IAAI,EACJC,aAAa,QACP,uBAAuB;AAC9B,SAASC,EAAE,QAAQ,iBAAiB;AACpC,SAASC,SAAS,EAAEC,WAAW,QAAQ,iBAAiB;AACxD,SAASC,UAAU,QAAQ,oBAAoB;AAC/C,SAASC,IAAI,EAAEC,IAAI,IAAIC,QAAQ,QAAQ,kBAAkB;;AAEzD;AACA;AACA;AACA,SAASC,KAAK,IAAIC,gBAAgB,QAAQ,aAAa;AAEvD,MAAMC,UAAU,GACfC,aAAA,CAACb,GAAG;EACHc,KAAK,EAAC,4BAA4B;EAClCC,KAAK,EAAC,IAAI;EACVC,MAAM,EAAC,IAAI;EACXC,OAAO,EAAC;AAAW,GAEnBJ,aAAA,CAACZ,IAAI;EAACiB,CAAC,EAAC;AAA2N,CAAE,CACjO,CACL;AAED,SAASC,YAAYA,CAAEC,KAAK,EAAEC,GAAG,EAAG;EACnC,MAAMC,IAAI,GAAGlB,SAAS,CACnBmB,MAAM,IAAMA,MAAM,CAAEZ,gBAAiB,CAAC,CAACa,uBAAuB,CAAC,CAAC,EAClE,EACD,CAAC;EACD,MAAM;IAAEC;EAAwB,CAAC,GAAGpB,WAAW,CAAEM,gBAAiB,CAAC;EAEnE,OACCE,aAAA,CAAChB,QAAQ;IACR6B,YAAY,EAAGA,CAAE;MAAEC,MAAM;MAAEC;IAAS,CAAC,KACpCf,aAAA,CAACf,MAAM;MAAA,GACDsB,KAAK;MACVC,GAAG,EAAGA,GAAK;MACXQ,IAAI,EAAGP,IAAI,KAAK,YAAY,GAAGV,UAAU,GAAGH,QAAU;MACtD,iBAAgBkB,MAAQ;MACxB,iBAAc,MAAM;MACpBG,OAAO,EAAGF;MACV;MACAG,KAAK,EAAG5B,EAAE,CAAE,OAAQ;IAAG,CACvB,CACC;IACH6B,YAAY,EAAG;MAAEC,SAAS,EAAE;IAAe,CAAG;IAC9CC,aAAa,EAAGA,CAAA,KACfrB,aAAA,CAAAsB,QAAA,QACCtB,aAAA,CAACX,aAAa;MAACkC,IAAI,EAAC,MAAM;MAAC,cAAajC,EAAE,CAAE,OAAQ;IAAG,GACtDU,aAAA,CAACd,eAAe;MACfsC,KAAK,EACJf,IAAI,KAAK,YAAY,GAAG,YAAY,GAAG,MACvC;MACDgB,QAAQ,EAAGb,uBAAyB;MACpCc,OAAO,EAAG,CACT;QACCF,KAAK,EAAE,MAAM;QACbN,KAAK,EACJlB,aAAA,CAAAsB,QAAA,QACCtB,aAAA,CAACN,IAAI;UAACsB,IAAI,EAAGpB;QAAU,CAAE,CAAC,EACxBN,EAAE,CAAE,MAAO,CACZ;MAEJ,CAAC,EACD;QACCkC,KAAK,EAAE,YAAY;QACnBN,KAAK,EACJlB,aAAA,CAAAsB,QAAA,QACGvB,UAAU,EACVT,EAAE,CAAE,QAAS,CACd;MAEJ,CAAC;IACC,CACH,CACa,CAAC,EAChBU,aAAA;MAAK2B,SAAS,EAAC;IAAkC,GAC9CrC,EAAE,CACH,kJACD,CACI,CACJ;EACA,CACH,CAAC;AAEJ;AAEA,eAAeG,UAAU,CAAEa,YAAa,CAAC","ignoreList":[]}
+{"version":3,"names":["Dropdown","Button","MenuItemsChoice","SVG","Path","NavigableMenu","__","useSelect","useDispatch","forwardRef","Icon","edit","editIcon","store","blockEditorStore","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","selectIcon","xmlns","width","height","viewBox","children","d","ToolSelector","props","ref","mode","select","__unstableGetEditorMode","__unstableSetEditorMode","renderToggle","isOpen","onToggle","icon","onClick","label","popoverProps","placement","renderContent","role","value","onSelect","choices","className"],"sources":["@wordpress/block-editor/src/components/tool-selector/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport {\n\tDropdown,\n\tButton,\n\tMenuItemsChoice,\n\tSVG,\n\tPath,\n\tNavigableMenu,\n} from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport { forwardRef } from '@wordpress/element';\nimport { Icon, edit as editIcon } from '@wordpress/icons';\n\n/**\n * Internal dependencies\n */\nimport { store as blockEditorStore } from '../../store';\n\nconst selectIcon = (\n\t<SVG\n\t\txmlns=\"http://www.w3.org/2000/svg\"\n\t\twidth=\"24\"\n\t\theight=\"24\"\n\t\tviewBox=\"0 0 24 24\"\n\t>\n\t\t<Path d=\"M9.4 20.5L5.2 3.8l14.6 9-2 .3c-.2 0-.4.1-.7.1-.9.2-1.6.3-2.2.5-.8.3-1.4.5-1.8.8-.4.3-.8.8-1.3 1.5-.4.5-.8 1.2-1.2 2l-.3.6-.9 1.9zM7.6 7.1l2.4 9.3c.2-.4.5-.8.7-1.1.6-.8 1.1-1.4 1.6-1.8.5-.4 1.3-.8 2.2-1.1l1.2-.3-8.1-5z\" />\n\t</SVG>\n);\n\nfunction ToolSelector( props, ref ) {\n\tconst mode = useSelect(\n\t\t( select ) => select( blockEditorStore ).__unstableGetEditorMode(),\n\t\t[]\n\t);\n\tconst { __unstableSetEditorMode } = useDispatch( blockEditorStore );\n\n\treturn (\n\t\t<Dropdown\n\t\t\trenderToggle={ ( { isOpen, onToggle } ) => (\n\t\t\t\t<Button\n\t\t\t\t\t{ ...props }\n\t\t\t\t\tref={ ref }\n\t\t\t\t\ticon={ mode === 'navigation' ? selectIcon : editIcon }\n\t\t\t\t\taria-expanded={ isOpen }\n\t\t\t\t\taria-haspopup=\"true\"\n\t\t\t\t\tonClick={ onToggle }\n\t\t\t\t\t/* translators: button label text should, if possible, be under 16 characters. */\n\t\t\t\t\tlabel={ __( 'Tools' ) }\n\t\t\t\t/>\n\t\t\t) }\n\t\t\tpopoverProps={ { placement: 'bottom-start' } }\n\t\t\trenderContent={ () => (\n\t\t\t\t<>\n\t\t\t\t\t<NavigableMenu role=\"menu\" aria-label={ __( 'Tools' ) }>\n\t\t\t\t\t\t<MenuItemsChoice\n\t\t\t\t\t\t\tvalue={\n\t\t\t\t\t\t\t\tmode === 'navigation' ? 'navigation' : 'edit'\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tonSelect={ __unstableSetEditorMode }\n\t\t\t\t\t\t\tchoices={ [\n\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\tvalue: 'edit',\n\t\t\t\t\t\t\t\t\tlabel: (\n\t\t\t\t\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t\t\t\t\t<Icon icon={ editIcon } />\n\t\t\t\t\t\t\t\t\t\t\t{ __( 'Edit' ) }\n\t\t\t\t\t\t\t\t\t\t</>\n\t\t\t\t\t\t\t\t\t),\n\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\tvalue: 'navigation',\n\t\t\t\t\t\t\t\t\tlabel: (\n\t\t\t\t\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t\t\t\t\t{ selectIcon }\n\t\t\t\t\t\t\t\t\t\t\t{ __( 'Select' ) }\n\t\t\t\t\t\t\t\t\t\t</>\n\t\t\t\t\t\t\t\t\t),\n\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t] }\n\t\t\t\t\t\t/>\n\t\t\t\t\t</NavigableMenu>\n\t\t\t\t\t<div className=\"block-editor-tool-selector__help\">\n\t\t\t\t\t\t{ __(\n\t\t\t\t\t\t\t'Tools provide different interactions for selecting, navigating, and editing blocks. Toggle between select and edit by pressing Escape and Enter.'\n\t\t\t\t\t\t) }\n\t\t\t\t\t</div>\n\t\t\t\t</>\n\t\t\t) }\n\t\t/>\n\t);\n}\n\nexport default forwardRef( ToolSelector );\n"],"mappings":"AAAA;AACA;AACA;AACA,SACCA,QAAQ,EACRC,MAAM,EACNC,eAAe,EACfC,GAAG,EACHC,IAAI,EACJC,aAAa,QACP,uBAAuB;AAC9B,SAASC,EAAE,QAAQ,iBAAiB;AACpC,SAASC,SAAS,EAAEC,WAAW,QAAQ,iBAAiB;AACxD,SAASC,UAAU,QAAQ,oBAAoB;AAC/C,SAASC,IAAI,EAAEC,IAAI,IAAIC,QAAQ,QAAQ,kBAAkB;;AAEzD;AACA;AACA;AACA,SAASC,KAAK,IAAIC,gBAAgB,QAAQ,aAAa;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAAA,SAAAC,QAAA,IAAAC,SAAA;AAAA,SAAAC,IAAA,IAAAC,KAAA;AAExD,MAAMC,UAAU,gBACfL,IAAA,CAACb,GAAG;EACHmB,KAAK,EAAC,4BAA4B;EAClCC,KAAK,EAAC,IAAI;EACVC,MAAM,EAAC,IAAI;EACXC,OAAO,EAAC,WAAW;EAAAC,QAAA,eAEnBV,IAAA,CAACZ,IAAI;IAACuB,CAAC,EAAC;EAA2N,CAAE;AAAC,CAClO,CACL;AAED,SAASC,YAAYA,CAAEC,KAAK,EAAEC,GAAG,EAAG;EACnC,MAAMC,IAAI,GAAGxB,SAAS,CACnByB,MAAM,IAAMA,MAAM,CAAElB,gBAAiB,CAAC,CAACmB,uBAAuB,CAAC,CAAC,EAClE,EACD,CAAC;EACD,MAAM;IAAEC;EAAwB,CAAC,GAAG1B,WAAW,CAAEM,gBAAiB,CAAC;EAEnE,oBACCE,IAAA,CAAChB,QAAQ;IACRmC,YAAY,EAAGA,CAAE;MAAEC,MAAM;MAAEC;IAAS,CAAC,kBACpCrB,IAAA,CAACf,MAAM;MAAA,GACD4B,KAAK;MACVC,GAAG,EAAGA,GAAK;MACXQ,IAAI,EAAGP,IAAI,KAAK,YAAY,GAAGV,UAAU,GAAGT,QAAU;MACtD,iBAAgBwB,MAAQ;MACxB,iBAAc,MAAM;MACpBG,OAAO,EAAGF;MACV;MACAG,KAAK,EAAGlC,EAAE,CAAE,OAAQ;IAAG,CACvB,CACC;IACHmC,YAAY,EAAG;MAAEC,SAAS,EAAE;IAAe,CAAG;IAC9CC,aAAa,EAAGA,CAAA,kBACfvB,KAAA,CAAAF,SAAA;MAAAQ,QAAA,gBACCV,IAAA,CAACX,aAAa;QAACuC,IAAI,EAAC,MAAM;QAAC,cAAatC,EAAE,CAAE,OAAQ,CAAG;QAAAoB,QAAA,eACtDV,IAAA,CAACd,eAAe;UACf2C,KAAK,EACJd,IAAI,KAAK,YAAY,GAAG,YAAY,GAAG,MACvC;UACDe,QAAQ,EAAGZ,uBAAyB;UACpCa,OAAO,EAAG,CACT;YACCF,KAAK,EAAE,MAAM;YACbL,KAAK,eACJpB,KAAA,CAAAF,SAAA;cAAAQ,QAAA,gBACCV,IAAA,CAACN,IAAI;gBAAC4B,IAAI,EAAG1B;cAAU,CAAE,CAAC,EACxBN,EAAE,CAAE,MAAO,CAAC;YAAA,CACb;UAEJ,CAAC,EACD;YACCuC,KAAK,EAAE,YAAY;YACnBL,KAAK,eACJpB,KAAA,CAAAF,SAAA;cAAAQ,QAAA,GACGL,UAAU,EACVf,EAAE,CAAE,QAAS,CAAC;YAAA,CACf;UAEJ,CAAC;QACC,CACH;MAAC,CACY,CAAC,eAChBU,IAAA;QAAKgC,SAAS,EAAC,kCAAkC;QAAAtB,QAAA,EAC9CpB,EAAE,CACH,kJACD;MAAC,CACG,CAAC;IAAA,CACL;EACA,CACH,CAAC;AAEJ;AAEA,eAAeG,UAAU,CAAEmB,YAAa,CAAC","ignoreList":[]}

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

@@ -1,4 +1,3 @@
-import { createElement } from "react";
 /**
  * WordPress dependencies
  */
@@ -11,6 +10,7 @@ import { UP, DOWN, LEFT, RIGHT } from '@wordpress/keycodes';
  * Internal dependencies
  */
 import { store as blockEditorStore } from '../../store';
+import { jsx as _jsx } from "react/jsx-runtime";
 const isIE = window.navigator.userAgent.indexOf('Trident') !== -1;
 const arrowKeyCodes = new Set([UP, DOWN, LEFT, RIGHT]);
 const initialTriggerPercentage = 0.75;
@@ -194,10 +194,11 @@ export function useTypewriter() {
 function Typewriter({
   children
 }) {
-  return createElement("div", {
+  return /*#__PURE__*/_jsx("div", {
     ref: useTypewriter(),
-    className: "block-editor__typewriter"
-  }, children);
+    className: "block-editor__typewriter",
+    children: children
+  });
 }
 
 /**

package/build-module/components/typewriter/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["useRefEffect","computeCaretRect","getScrollContainer","useSelect","UP","DOWN","LEFT","RIGHT","store","blockEditorStore","isIE","window","navigator","userAgent","indexOf","arrowKeyCodes","Set","initialTriggerPercentage","useTypewriter","hasSelectedBlock","select","node","ownerDocument","defaultView","scrollResizeRafId","onKeyDownRafId","caretRect","onScrollResize","requestAnimationFrame","computeCaretRectangle","onKeyDown","event","cancelAnimationFrame","maintainCaretPosition","keyCode","isSelectionEligibleForScroll","currentCaretRect","has","diff","top","scrollContainer","windowScroll","body","documentElement","scrollY","scrollTop","scrollContainerY","getBoundingClientRect","relativeScrollPosition","innerHeight","isLastEditableNode","scrollContainerHeight","clientHeight","height","scrollBy","addSelectionChangeListener","addEventListener","computeCaretRectOnSelectionChange","removeEventListener","contains","activeElement","isContentEditable","editableNodes","querySelectorAll","lastEditableNode","length","Typewriter","children","createElement","ref","className","TypewriterOrIEBypass","props"],"sources":["@wordpress/block-editor/src/components/typewriter/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useRefEffect } from '@wordpress/compose';\nimport { computeCaretRect, getScrollContainer } from '@wordpress/dom';\nimport { useSelect } from '@wordpress/data';\nimport { UP, DOWN, LEFT, RIGHT } from '@wordpress/keycodes';\n\n/**\n * Internal dependencies\n */\nimport { store as blockEditorStore } from '../../store';\n\nconst isIE = window.navigator.userAgent.indexOf( 'Trident' ) !== -1;\nconst arrowKeyCodes = new Set( [ UP, DOWN, LEFT, RIGHT ] );\nconst initialTriggerPercentage = 0.75;\n\nexport function useTypewriter() {\n\tconst hasSelectedBlock = useSelect(\n\t\t( select ) => select( blockEditorStore ).hasSelectedBlock(),\n\t\t[]\n\t);\n\n\treturn useRefEffect(\n\t\t( node ) => {\n\t\t\tif ( ! hasSelectedBlock ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tconst { ownerDocument } = node;\n\t\t\tconst { defaultView } = ownerDocument;\n\n\t\t\tlet scrollResizeRafId;\n\t\t\tlet onKeyDownRafId;\n\n\t\t\tlet caretRect;\n\n\t\t\tfunction onScrollResize() {\n\t\t\t\tif ( scrollResizeRafId ) {\n\t\t\t\t\treturn;\n\t\t\t\t}\n\n\t\t\t\tscrollResizeRafId = defaultView.requestAnimationFrame( () => {\n\t\t\t\t\tcomputeCaretRectangle();\n\t\t\t\t\tscrollResizeRafId = null;\n\t\t\t\t} );\n\t\t\t}\n\n\t\t\tfunction onKeyDown( event ) {\n\t\t\t\t// Ensure the any remaining request is cancelled.\n\t\t\t\tif ( onKeyDownRafId ) {\n\t\t\t\t\tdefaultView.cancelAnimationFrame( onKeyDownRafId );\n\t\t\t\t}\n\n\t\t\t\t// Use an animation frame for a smooth result.\n\t\t\t\tonKeyDownRafId = defaultView.requestAnimationFrame( () => {\n\t\t\t\t\tmaintainCaretPosition( event );\n\t\t\t\t\tonKeyDownRafId = null;\n\t\t\t\t} );\n\t\t\t}\n\n\t\t\t/**\n\t\t\t * Maintains the scroll position after a selection change caused by a\n\t\t\t * keyboard event.\n\t\t\t *\n\t\t\t * @param {KeyboardEvent} event Keyboard event.\n\t\t\t */\n\t\t\tfunction maintainCaretPosition( { keyCode } ) {\n\t\t\t\tif ( ! isSelectionEligibleForScroll() ) {\n\t\t\t\t\treturn;\n\t\t\t\t}\n\n\t\t\t\tconst currentCaretRect = computeCaretRect( defaultView );\n\n\t\t\t\tif ( ! currentCaretRect ) {\n\t\t\t\t\treturn;\n\t\t\t\t}\n\n\t\t\t\t// If for some reason there is no position set to be scrolled to, let\n\t\t\t\t// this be the position to be scrolled to in the future.\n\t\t\t\tif ( ! caretRect ) {\n\t\t\t\t\tcaretRect = currentCaretRect;\n\t\t\t\t\treturn;\n\t\t\t\t}\n\n\t\t\t\t// Even though enabling the typewriter effect for arrow keys results in\n\t\t\t\t// a pleasant experience, it may not be the case for everyone, so, for\n\t\t\t\t// now, let's disable it.\n\t\t\t\tif ( arrowKeyCodes.has( keyCode ) ) {\n\t\t\t\t\t// Reset the caret position to maintain.\n\t\t\t\t\tcaretRect = currentCaretRect;\n\t\t\t\t\treturn;\n\t\t\t\t}\n\n\t\t\t\tconst diff = currentCaretRect.top - caretRect.top;\n\n\t\t\t\tif ( diff === 0 ) {\n\t\t\t\t\treturn;\n\t\t\t\t}\n\n\t\t\t\tconst scrollContainer = getScrollContainer( node );\n\n\t\t\t\t// The page must be scrollable.\n\t\t\t\tif ( ! scrollContainer ) {\n\t\t\t\t\treturn;\n\t\t\t\t}\n\n\t\t\t\tconst windowScroll =\n\t\t\t\t\tscrollContainer === ownerDocument.body ||\n\t\t\t\t\tscrollContainer === ownerDocument.documentElement;\n\t\t\t\tconst scrollY = windowScroll\n\t\t\t\t\t? defaultView.scrollY\n\t\t\t\t\t: scrollContainer.scrollTop;\n\t\t\t\tconst scrollContainerY = windowScroll\n\t\t\t\t\t? 0\n\t\t\t\t\t: scrollContainer.getBoundingClientRect().top;\n\t\t\t\tconst relativeScrollPosition = windowScroll\n\t\t\t\t\t? caretRect.top / defaultView.innerHeight\n\t\t\t\t\t: ( caretRect.top - scrollContainerY ) /\n\t\t\t\t\t  ( defaultView.innerHeight - scrollContainerY );\n\n\t\t\t\t// If the scroll position is at the start, the active editable element\n\t\t\t\t// is the last one, and the caret is positioned within the initial\n\t\t\t\t// trigger percentage of the page, do not scroll the page.\n\t\t\t\t// The typewriter effect should not kick in until an empty page has been\n\t\t\t\t// filled with the initial trigger percentage or the user scrolls\n\t\t\t\t// intentionally down.\n\t\t\t\tif (\n\t\t\t\t\tscrollY === 0 &&\n\t\t\t\t\trelativeScrollPosition < initialTriggerPercentage &&\n\t\t\t\t\tisLastEditableNode()\n\t\t\t\t) {\n\t\t\t\t\t// Reset the caret position to maintain.\n\t\t\t\t\tcaretRect = currentCaretRect;\n\t\t\t\t\treturn;\n\t\t\t\t}\n\n\t\t\t\tconst scrollContainerHeight = windowScroll\n\t\t\t\t\t? defaultView.innerHeight\n\t\t\t\t\t: scrollContainer.clientHeight;\n\n\t\t\t\t// Abort if the target scroll position would scroll the caret out of\n\t\t\t\t// view.\n\t\t\t\tif (\n\t\t\t\t\t// The caret is under the lower fold.\n\t\t\t\t\tcaretRect.top + caretRect.height >\n\t\t\t\t\t\tscrollContainerY + scrollContainerHeight ||\n\t\t\t\t\t// The caret is above the upper fold.\n\t\t\t\t\tcaretRect.top < scrollContainerY\n\t\t\t\t) {\n\t\t\t\t\t// Reset the caret position to maintain.\n\t\t\t\t\tcaretRect = currentCaretRect;\n\t\t\t\t\treturn;\n\t\t\t\t}\n\n\t\t\t\tif ( windowScroll ) {\n\t\t\t\t\tdefaultView.scrollBy( 0, diff );\n\t\t\t\t} else {\n\t\t\t\t\tscrollContainer.scrollTop += diff;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t/**\n\t\t\t * Adds a `selectionchange` listener to reset the scroll position to be\n\t\t\t * maintained.\n\t\t\t */\n\t\t\tfunction addSelectionChangeListener() {\n\t\t\t\townerDocument.addEventListener(\n\t\t\t\t\t'selectionchange',\n\t\t\t\t\tcomputeCaretRectOnSelectionChange\n\t\t\t\t);\n\t\t\t}\n\n\t\t\t/**\n\t\t\t * Resets the scroll position to be maintained during a `selectionchange`\n\t\t\t * event. Also removes the listener, so it acts as a one-time listener.\n\t\t\t */\n\t\t\tfunction computeCaretRectOnSelectionChange() {\n\t\t\t\townerDocument.removeEventListener(\n\t\t\t\t\t'selectionchange',\n\t\t\t\t\tcomputeCaretRectOnSelectionChange\n\t\t\t\t);\n\t\t\t\tcomputeCaretRectangle();\n\t\t\t}\n\n\t\t\t/**\n\t\t\t * Resets the scroll position to be maintained.\n\t\t\t */\n\t\t\tfunction computeCaretRectangle() {\n\t\t\t\tif ( isSelectionEligibleForScroll() ) {\n\t\t\t\t\tcaretRect = computeCaretRect( defaultView );\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t/**\n\t\t\t * Checks if the current situation is elegible for scroll:\n\t\t\t * - There should be one and only one block selected.\n\t\t\t * - The component must contain the selection.\n\t\t\t * - The active element must be contenteditable.\n\t\t\t */\n\t\t\tfunction isSelectionEligibleForScroll() {\n\t\t\t\treturn (\n\t\t\t\t\tnode.contains( ownerDocument.activeElement ) &&\n\t\t\t\t\townerDocument.activeElement.isContentEditable\n\t\t\t\t);\n\t\t\t}\n\n\t\t\tfunction isLastEditableNode() {\n\t\t\t\tconst editableNodes = node.querySelectorAll(\n\t\t\t\t\t'[contenteditable=\"true\"]'\n\t\t\t\t);\n\t\t\t\tconst lastEditableNode =\n\t\t\t\t\teditableNodes[ editableNodes.length - 1 ];\n\t\t\t\treturn lastEditableNode === ownerDocument.activeElement;\n\t\t\t}\n\n\t\t\t// When the user scrolls or resizes, the scroll position should be\n\t\t\t// reset.\n\t\t\tdefaultView.addEventListener( 'scroll', onScrollResize, true );\n\t\t\tdefaultView.addEventListener( 'resize', onScrollResize, true );\n\n\t\t\tnode.addEventListener( 'keydown', onKeyDown );\n\t\t\tnode.addEventListener( 'keyup', maintainCaretPosition );\n\t\t\tnode.addEventListener( 'mousedown', addSelectionChangeListener );\n\t\t\tnode.addEventListener( 'touchstart', addSelectionChangeListener );\n\n\t\t\treturn () => {\n\t\t\t\tdefaultView.removeEventListener(\n\t\t\t\t\t'scroll',\n\t\t\t\t\tonScrollResize,\n\t\t\t\t\ttrue\n\t\t\t\t);\n\t\t\t\tdefaultView.removeEventListener(\n\t\t\t\t\t'resize',\n\t\t\t\t\tonScrollResize,\n\t\t\t\t\ttrue\n\t\t\t\t);\n\n\t\t\t\tnode.removeEventListener( 'keydown', onKeyDown );\n\t\t\t\tnode.removeEventListener( 'keyup', maintainCaretPosition );\n\t\t\t\tnode.removeEventListener(\n\t\t\t\t\t'mousedown',\n\t\t\t\t\taddSelectionChangeListener\n\t\t\t\t);\n\t\t\t\tnode.removeEventListener(\n\t\t\t\t\t'touchstart',\n\t\t\t\t\taddSelectionChangeListener\n\t\t\t\t);\n\n\t\t\t\townerDocument.removeEventListener(\n\t\t\t\t\t'selectionchange',\n\t\t\t\t\tcomputeCaretRectOnSelectionChange\n\t\t\t\t);\n\n\t\t\t\tdefaultView.cancelAnimationFrame( scrollResizeRafId );\n\t\t\t\tdefaultView.cancelAnimationFrame( onKeyDownRafId );\n\t\t\t};\n\t\t},\n\t\t[ hasSelectedBlock ]\n\t);\n}\n\nfunction Typewriter( { children } ) {\n\treturn (\n\t\t<div ref={ useTypewriter() } className=\"block-editor__typewriter\">\n\t\t\t{ children }\n\t\t</div>\n\t);\n}\n\n/**\n * The exported component. The implementation of Typewriter faced technical\n * challenges in Internet Explorer, and is simply skipped, rendering the given\n * props children instead.\n *\n * @type {Component}\n */\nconst TypewriterOrIEBypass = isIE ? ( props ) => props.children : Typewriter;\n\n/**\n * Ensures that the text selection keeps the same vertical distance from the\n * viewport during keyboard events within this component. The vertical distance\n * can vary. It is the last clicked or scrolled to position.\n */\nexport default TypewriterOrIEBypass;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["useRefEffect","computeCaretRect","getScrollContainer","useSelect","UP","DOWN","LEFT","RIGHT","store","blockEditorStore","jsx","_jsx","isIE","window","navigator","userAgent","indexOf","arrowKeyCodes","Set","initialTriggerPercentage","useTypewriter","hasSelectedBlock","select","node","ownerDocument","defaultView","scrollResizeRafId","onKeyDownRafId","caretRect","onScrollResize","requestAnimationFrame","computeCaretRectangle","onKeyDown","event","cancelAnimationFrame","maintainCaretPosition","keyCode","isSelectionEligibleForScroll","currentCaretRect","has","diff","top","scrollContainer","windowScroll","body","documentElement","scrollY","scrollTop","scrollContainerY","getBoundingClientRect","relativeScrollPosition","innerHeight","isLastEditableNode","scrollContainerHeight","clientHeight","height","scrollBy","addSelectionChangeListener","addEventListener","computeCaretRectOnSelectionChange","removeEventListener","contains","activeElement","isContentEditable","editableNodes","querySelectorAll","lastEditableNode","length","Typewriter","children","ref","className","TypewriterOrIEBypass","props"],"sources":["@wordpress/block-editor/src/components/typewriter/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useRefEffect } from '@wordpress/compose';\nimport { computeCaretRect, getScrollContainer } from '@wordpress/dom';\nimport { useSelect } from '@wordpress/data';\nimport { UP, DOWN, LEFT, RIGHT } from '@wordpress/keycodes';\n\n/**\n * Internal dependencies\n */\nimport { store as blockEditorStore } from '../../store';\n\nconst isIE = window.navigator.userAgent.indexOf( 'Trident' ) !== -1;\nconst arrowKeyCodes = new Set( [ UP, DOWN, LEFT, RIGHT ] );\nconst initialTriggerPercentage = 0.75;\n\nexport function useTypewriter() {\n\tconst hasSelectedBlock = useSelect(\n\t\t( select ) => select( blockEditorStore ).hasSelectedBlock(),\n\t\t[]\n\t);\n\n\treturn useRefEffect(\n\t\t( node ) => {\n\t\t\tif ( ! hasSelectedBlock ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tconst { ownerDocument } = node;\n\t\t\tconst { defaultView } = ownerDocument;\n\n\t\t\tlet scrollResizeRafId;\n\t\t\tlet onKeyDownRafId;\n\n\t\t\tlet caretRect;\n\n\t\t\tfunction onScrollResize() {\n\t\t\t\tif ( scrollResizeRafId ) {\n\t\t\t\t\treturn;\n\t\t\t\t}\n\n\t\t\t\tscrollResizeRafId = defaultView.requestAnimationFrame( () => {\n\t\t\t\t\tcomputeCaretRectangle();\n\t\t\t\t\tscrollResizeRafId = null;\n\t\t\t\t} );\n\t\t\t}\n\n\t\t\tfunction onKeyDown( event ) {\n\t\t\t\t// Ensure the any remaining request is cancelled.\n\t\t\t\tif ( onKeyDownRafId ) {\n\t\t\t\t\tdefaultView.cancelAnimationFrame( onKeyDownRafId );\n\t\t\t\t}\n\n\t\t\t\t// Use an animation frame for a smooth result.\n\t\t\t\tonKeyDownRafId = defaultView.requestAnimationFrame( () => {\n\t\t\t\t\tmaintainCaretPosition( event );\n\t\t\t\t\tonKeyDownRafId = null;\n\t\t\t\t} );\n\t\t\t}\n\n\t\t\t/**\n\t\t\t * Maintains the scroll position after a selection change caused by a\n\t\t\t * keyboard event.\n\t\t\t *\n\t\t\t * @param {KeyboardEvent} event Keyboard event.\n\t\t\t */\n\t\t\tfunction maintainCaretPosition( { keyCode } ) {\n\t\t\t\tif ( ! isSelectionEligibleForScroll() ) {\n\t\t\t\t\treturn;\n\t\t\t\t}\n\n\t\t\t\tconst currentCaretRect = computeCaretRect( defaultView );\n\n\t\t\t\tif ( ! currentCaretRect ) {\n\t\t\t\t\treturn;\n\t\t\t\t}\n\n\t\t\t\t// If for some reason there is no position set to be scrolled to, let\n\t\t\t\t// this be the position to be scrolled to in the future.\n\t\t\t\tif ( ! caretRect ) {\n\t\t\t\t\tcaretRect = currentCaretRect;\n\t\t\t\t\treturn;\n\t\t\t\t}\n\n\t\t\t\t// Even though enabling the typewriter effect for arrow keys results in\n\t\t\t\t// a pleasant experience, it may not be the case for everyone, so, for\n\t\t\t\t// now, let's disable it.\n\t\t\t\tif ( arrowKeyCodes.has( keyCode ) ) {\n\t\t\t\t\t// Reset the caret position to maintain.\n\t\t\t\t\tcaretRect = currentCaretRect;\n\t\t\t\t\treturn;\n\t\t\t\t}\n\n\t\t\t\tconst diff = currentCaretRect.top - caretRect.top;\n\n\t\t\t\tif ( diff === 0 ) {\n\t\t\t\t\treturn;\n\t\t\t\t}\n\n\t\t\t\tconst scrollContainer = getScrollContainer( node );\n\n\t\t\t\t// The page must be scrollable.\n\t\t\t\tif ( ! scrollContainer ) {\n\t\t\t\t\treturn;\n\t\t\t\t}\n\n\t\t\t\tconst windowScroll =\n\t\t\t\t\tscrollContainer === ownerDocument.body ||\n\t\t\t\t\tscrollContainer === ownerDocument.documentElement;\n\t\t\t\tconst scrollY = windowScroll\n\t\t\t\t\t? defaultView.scrollY\n\t\t\t\t\t: scrollContainer.scrollTop;\n\t\t\t\tconst scrollContainerY = windowScroll\n\t\t\t\t\t? 0\n\t\t\t\t\t: scrollContainer.getBoundingClientRect().top;\n\t\t\t\tconst relativeScrollPosition = windowScroll\n\t\t\t\t\t? caretRect.top / defaultView.innerHeight\n\t\t\t\t\t: ( caretRect.top - scrollContainerY ) /\n\t\t\t\t\t  ( defaultView.innerHeight - scrollContainerY );\n\n\t\t\t\t// If the scroll position is at the start, the active editable element\n\t\t\t\t// is the last one, and the caret is positioned within the initial\n\t\t\t\t// trigger percentage of the page, do not scroll the page.\n\t\t\t\t// The typewriter effect should not kick in until an empty page has been\n\t\t\t\t// filled with the initial trigger percentage or the user scrolls\n\t\t\t\t// intentionally down.\n\t\t\t\tif (\n\t\t\t\t\tscrollY === 0 &&\n\t\t\t\t\trelativeScrollPosition < initialTriggerPercentage &&\n\t\t\t\t\tisLastEditableNode()\n\t\t\t\t) {\n\t\t\t\t\t// Reset the caret position to maintain.\n\t\t\t\t\tcaretRect = currentCaretRect;\n\t\t\t\t\treturn;\n\t\t\t\t}\n\n\t\t\t\tconst scrollContainerHeight = windowScroll\n\t\t\t\t\t? defaultView.innerHeight\n\t\t\t\t\t: scrollContainer.clientHeight;\n\n\t\t\t\t// Abort if the target scroll position would scroll the caret out of\n\t\t\t\t// view.\n\t\t\t\tif (\n\t\t\t\t\t// The caret is under the lower fold.\n\t\t\t\t\tcaretRect.top + caretRect.height >\n\t\t\t\t\t\tscrollContainerY + scrollContainerHeight ||\n\t\t\t\t\t// The caret is above the upper fold.\n\t\t\t\t\tcaretRect.top < scrollContainerY\n\t\t\t\t) {\n\t\t\t\t\t// Reset the caret position to maintain.\n\t\t\t\t\tcaretRect = currentCaretRect;\n\t\t\t\t\treturn;\n\t\t\t\t}\n\n\t\t\t\tif ( windowScroll ) {\n\t\t\t\t\tdefaultView.scrollBy( 0, diff );\n\t\t\t\t} else {\n\t\t\t\t\tscrollContainer.scrollTop += diff;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t/**\n\t\t\t * Adds a `selectionchange` listener to reset the scroll position to be\n\t\t\t * maintained.\n\t\t\t */\n\t\t\tfunction addSelectionChangeListener() {\n\t\t\t\townerDocument.addEventListener(\n\t\t\t\t\t'selectionchange',\n\t\t\t\t\tcomputeCaretRectOnSelectionChange\n\t\t\t\t);\n\t\t\t}\n\n\t\t\t/**\n\t\t\t * Resets the scroll position to be maintained during a `selectionchange`\n\t\t\t * event. Also removes the listener, so it acts as a one-time listener.\n\t\t\t */\n\t\t\tfunction computeCaretRectOnSelectionChange() {\n\t\t\t\townerDocument.removeEventListener(\n\t\t\t\t\t'selectionchange',\n\t\t\t\t\tcomputeCaretRectOnSelectionChange\n\t\t\t\t);\n\t\t\t\tcomputeCaretRectangle();\n\t\t\t}\n\n\t\t\t/**\n\t\t\t * Resets the scroll position to be maintained.\n\t\t\t */\n\t\t\tfunction computeCaretRectangle() {\n\t\t\t\tif ( isSelectionEligibleForScroll() ) {\n\t\t\t\t\tcaretRect = computeCaretRect( defaultView );\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t/**\n\t\t\t * Checks if the current situation is elegible for scroll:\n\t\t\t * - There should be one and only one block selected.\n\t\t\t * - The component must contain the selection.\n\t\t\t * - The active element must be contenteditable.\n\t\t\t */\n\t\t\tfunction isSelectionEligibleForScroll() {\n\t\t\t\treturn (\n\t\t\t\t\tnode.contains( ownerDocument.activeElement ) &&\n\t\t\t\t\townerDocument.activeElement.isContentEditable\n\t\t\t\t);\n\t\t\t}\n\n\t\t\tfunction isLastEditableNode() {\n\t\t\t\tconst editableNodes = node.querySelectorAll(\n\t\t\t\t\t'[contenteditable=\"true\"]'\n\t\t\t\t);\n\t\t\t\tconst lastEditableNode =\n\t\t\t\t\teditableNodes[ editableNodes.length - 1 ];\n\t\t\t\treturn lastEditableNode === ownerDocument.activeElement;\n\t\t\t}\n\n\t\t\t// When the user scrolls or resizes, the scroll position should be\n\t\t\t// reset.\n\t\t\tdefaultView.addEventListener( 'scroll', onScrollResize, true );\n\t\t\tdefaultView.addEventListener( 'resize', onScrollResize, true );\n\n\t\t\tnode.addEventListener( 'keydown', onKeyDown );\n\t\t\tnode.addEventListener( 'keyup', maintainCaretPosition );\n\t\t\tnode.addEventListener( 'mousedown', addSelectionChangeListener );\n\t\t\tnode.addEventListener( 'touchstart', addSelectionChangeListener );\n\n\t\t\treturn () => {\n\t\t\t\tdefaultView.removeEventListener(\n\t\t\t\t\t'scroll',\n\t\t\t\t\tonScrollResize,\n\t\t\t\t\ttrue\n\t\t\t\t);\n\t\t\t\tdefaultView.removeEventListener(\n\t\t\t\t\t'resize',\n\t\t\t\t\tonScrollResize,\n\t\t\t\t\ttrue\n\t\t\t\t);\n\n\t\t\t\tnode.removeEventListener( 'keydown', onKeyDown );\n\t\t\t\tnode.removeEventListener( 'keyup', maintainCaretPosition );\n\t\t\t\tnode.removeEventListener(\n\t\t\t\t\t'mousedown',\n\t\t\t\t\taddSelectionChangeListener\n\t\t\t\t);\n\t\t\t\tnode.removeEventListener(\n\t\t\t\t\t'touchstart',\n\t\t\t\t\taddSelectionChangeListener\n\t\t\t\t);\n\n\t\t\t\townerDocument.removeEventListener(\n\t\t\t\t\t'selectionchange',\n\t\t\t\t\tcomputeCaretRectOnSelectionChange\n\t\t\t\t);\n\n\t\t\t\tdefaultView.cancelAnimationFrame( scrollResizeRafId );\n\t\t\t\tdefaultView.cancelAnimationFrame( onKeyDownRafId );\n\t\t\t};\n\t\t},\n\t\t[ hasSelectedBlock ]\n\t);\n}\n\nfunction Typewriter( { children } ) {\n\treturn (\n\t\t<div ref={ useTypewriter() } className=\"block-editor__typewriter\">\n\t\t\t{ children }\n\t\t</div>\n\t);\n}\n\n/**\n * The exported component. The implementation of Typewriter faced technical\n * challenges in Internet Explorer, and is simply skipped, rendering the given\n * props children instead.\n *\n * @type {Component}\n */\nconst TypewriterOrIEBypass = isIE ? ( props ) => props.children : Typewriter;\n\n/**\n * Ensures that the text selection keeps the same vertical distance from the\n * viewport during keyboard events within this component. The vertical distance\n * can vary. It is the last clicked or scrolled to position.\n */\nexport default TypewriterOrIEBypass;\n"],"mappings":"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","ignoreList":[]}

package/build-module/components/ungroup-button/index.native.js

@@ -1,4 +1,3 @@
-import { createElement } from "react";
 /**
  * WordPress dependencies
  */
@@ -13,6 +12,7 @@ import { ungroup } from '@wordpress/icons';
  * Internal dependencies
  */
 import { store as blockEditorStore } from '../../store';
+import { jsx as _jsx } from "react/jsx-runtime";
 const noop = () => {};
 const EMPTY_BLOCKS_LIST = [];
 export function UngroupButton({
@@ -22,11 +22,13 @@ export function UngroupButton({
   if (!isUngroupable) {
     return null;
   }
-  return createElement(ToolbarGroup, null, createElement(ToolbarButton, {
-    title: __('Ungroup'),
-    icon: ungroup,
-    onClick: onConvertFromGroup
-  }));
+  return /*#__PURE__*/_jsx(ToolbarGroup, {
+    children: /*#__PURE__*/_jsx(ToolbarButton, {
+      title: __('Ungroup'),
+      icon: ungroup,
+      onClick: onConvertFromGroup
+    })
+  });
 }
 export default compose([withSelect(select => {
   const {

package/build-module/components/ungroup-button/index.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["store","blocksStore","ToolbarGroup","ToolbarButton","__","withSelect","withDispatch","compose","ungroup","blockEditorStore","noop","EMPTY_BLOCKS_LIST","UngroupButton","onConvertFromGroup","isUngroupable","createElement","title","icon","onClick","select","getSelectedBlockClientId","getBlock","getGroupingBlockName","selectedId","selectedBlock","groupingBlockName","innerBlocks","length","name","clientId","dispatch","onToggle","replaceBlocks"],"sources":["@wordpress/block-editor/src/components/ungroup-button/index.native.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { store as blocksStore } from '@wordpress/blocks';\nimport { ToolbarGroup, ToolbarButton } from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\nimport { withSelect, withDispatch } from '@wordpress/data';\nimport { compose } from '@wordpress/compose';\nimport { ungroup } from '@wordpress/icons';\n\n/**\n * Internal dependencies\n */\nimport { store as blockEditorStore } from '../../store';\n\nconst noop = () => {};\nconst EMPTY_BLOCKS_LIST = [];\n\nexport function UngroupButton( { onConvertFromGroup, isUngroupable = false } ) {\n\tif ( ! isUngroupable ) {\n\t\treturn null;\n\t}\n\treturn (\n\t\t<ToolbarGroup>\n\t\t\t<ToolbarButton\n\t\t\t\ttitle={ __( 'Ungroup' ) }\n\t\t\t\ticon={ ungroup }\n\t\t\t\tonClick={ onConvertFromGroup }\n\t\t\t/>\n\t\t</ToolbarGroup>\n\t);\n}\n\nexport default compose( [\n\twithSelect( ( select ) => {\n\t\tconst { getSelectedBlockClientId, getBlock } =\n\t\t\tselect( blockEditorStore );\n\n\t\tconst { getGroupingBlockName } = select( blocksStore );\n\n\t\tconst selectedId = getSelectedBlockClientId();\n\t\tconst selectedBlock = getBlock( selectedId );\n\n\t\tconst groupingBlockName = getGroupingBlockName();\n\n\t\tconst isUngroupable =\n\t\t\tselectedBlock &&\n\t\t\tselectedBlock.innerBlocks &&\n\t\t\tselectedBlock.innerBlocks.length > 0 &&\n\t\t\tselectedBlock.name === groupingBlockName;\n\n\t\tconst innerBlocks = isUngroupable\n\t\t\t? selectedBlock.innerBlocks\n\t\t\t: EMPTY_BLOCKS_LIST;\n\n\t\treturn {\n\t\t\tisUngroupable,\n\t\t\tclientId: selectedId,\n\t\t\tinnerBlocks,\n\t\t};\n\t} ),\n\twithDispatch( ( dispatch, { clientId, innerBlocks, onToggle = noop } ) => {\n\t\tconst { replaceBlocks } = dispatch( blockEditorStore );\n\n\t\treturn {\n\t\t\tonConvertFromGroup() {\n\t\t\t\tif ( ! innerBlocks.length ) {\n\t\t\t\t\treturn;\n\t\t\t\t}\n\n\t\t\t\treplaceBlocks( clientId, innerBlocks );\n\n\t\t\t\tonToggle();\n\t\t\t},\n\t\t};\n\t} ),\n] )( UngroupButton );\n"],"mappings":";AAAA;AACA;AACA;AACA,SAASA,KAAK,IAAIC,WAAW,QAAQ,mBAAmB;AACxD,SAASC,YAAY,EAAEC,aAAa,QAAQ,uBAAuB;AACnE,SAASC,EAAE,QAAQ,iBAAiB;AACpC,SAASC,UAAU,EAAEC,YAAY,QAAQ,iBAAiB;AAC1D,SAASC,OAAO,QAAQ,oBAAoB;AAC5C,SAASC,OAAO,QAAQ,kBAAkB;;AAE1C;AACA;AACA;AACA,SAASR,KAAK,IAAIS,gBAAgB,QAAQ,aAAa;AAEvD,MAAMC,IAAI,GAAGA,CAAA,KAAM,CAAC,CAAC;AACrB,MAAMC,iBAAiB,GAAG,EAAE;AAE5B,OAAO,SAASC,aAAaA,CAAE;EAAEC,kBAAkB;EAAEC,aAAa,GAAG;AAAM,CAAC,EAAG;EAC9E,IAAK,CAAEA,aAAa,EAAG;IACtB,OAAO,IAAI;EACZ;EACA,OACCC,aAAA,CAACb,YAAY,QACZa,aAAA,CAACZ,aAAa;IACba,KAAK,EAAGZ,EAAE,CAAE,SAAU,CAAG;IACzBa,IAAI,EAAGT,OAAS;IAChBU,OAAO,EAAGL;EAAoB,CAC9B,CACY,CAAC;AAEjB;AAEA,eAAeN,OAAO,CAAE,CACvBF,UAAU,CAAIc,MAAM,IAAM;EACzB,MAAM;IAAEC,wBAAwB;IAAEC;EAAS,CAAC,GAC3CF,MAAM,CAAEV,gBAAiB,CAAC;EAE3B,MAAM;IAAEa;EAAqB,CAAC,GAAGH,MAAM,CAAElB,WAAY,CAAC;EAEtD,MAAMsB,UAAU,GAAGH,wBAAwB,CAAC,CAAC;EAC7C,MAAMI,aAAa,GAAGH,QAAQ,CAAEE,UAAW,CAAC;EAE5C,MAAME,iBAAiB,GAAGH,oBAAoB,CAAC,CAAC;EAEhD,MAAMR,aAAa,GAClBU,aAAa,IACbA,aAAa,CAACE,WAAW,IACzBF,aAAa,CAACE,WAAW,CAACC,MAAM,GAAG,CAAC,IACpCH,aAAa,CAACI,IAAI,KAAKH,iBAAiB;EAEzC,MAAMC,WAAW,GAAGZ,aAAa,GAC9BU,aAAa,CAACE,WAAW,GACzBf,iBAAiB;EAEpB,OAAO;IACNG,aAAa;IACbe,QAAQ,EAAEN,UAAU;IACpBG;EACD,CAAC;AACF,CAAE,CAAC,EACHpB,YAAY,CAAE,CAAEwB,QAAQ,EAAE;EAAED,QAAQ;EAAEH,WAAW;EAAEK,QAAQ,GAAGrB;AAAK,CAAC,KAAM;EACzE,MAAM;IAAEsB;EAAc,CAAC,GAAGF,QAAQ,CAAErB,gBAAiB,CAAC;EAEtD,OAAO;IACNI,kBAAkBA,CAAA,EAAG;MACpB,IAAK,CAAEa,WAAW,CAACC,MAAM,EAAG;QAC3B;MACD;MAEAK,aAAa,CAAEH,QAAQ,EAAEH,WAAY,CAAC;MAEtCK,QAAQ,CAAC,CAAC;IACX;EACD,CAAC;AACF,CAAE,CAAC,CACF,CAAC,CAAEnB,aAAc,CAAC","ignoreList":[]}
+{"version":3,"names":["store","blocksStore","ToolbarGroup","ToolbarButton","__","withSelect","withDispatch","compose","ungroup","blockEditorStore","jsx","_jsx","noop","EMPTY_BLOCKS_LIST","UngroupButton","onConvertFromGroup","isUngroupable","children","title","icon","onClick","select","getSelectedBlockClientId","getBlock","getGroupingBlockName","selectedId","selectedBlock","groupingBlockName","innerBlocks","length","name","clientId","dispatch","onToggle","replaceBlocks"],"sources":["@wordpress/block-editor/src/components/ungroup-button/index.native.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { store as blocksStore } from '@wordpress/blocks';\nimport { ToolbarGroup, ToolbarButton } from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\nimport { withSelect, withDispatch } from '@wordpress/data';\nimport { compose } from '@wordpress/compose';\nimport { ungroup } from '@wordpress/icons';\n\n/**\n * Internal dependencies\n */\nimport { store as blockEditorStore } from '../../store';\n\nconst noop = () => {};\nconst EMPTY_BLOCKS_LIST = [];\n\nexport function UngroupButton( { onConvertFromGroup, isUngroupable = false } ) {\n\tif ( ! isUngroupable ) {\n\t\treturn null;\n\t}\n\treturn (\n\t\t<ToolbarGroup>\n\t\t\t<ToolbarButton\n\t\t\t\ttitle={ __( 'Ungroup' ) }\n\t\t\t\ticon={ ungroup }\n\t\t\t\tonClick={ onConvertFromGroup }\n\t\t\t/>\n\t\t</ToolbarGroup>\n\t);\n}\n\nexport default compose( [\n\twithSelect( ( select ) => {\n\t\tconst { getSelectedBlockClientId, getBlock } =\n\t\t\tselect( blockEditorStore );\n\n\t\tconst { getGroupingBlockName } = select( blocksStore );\n\n\t\tconst selectedId = getSelectedBlockClientId();\n\t\tconst selectedBlock = getBlock( selectedId );\n\n\t\tconst groupingBlockName = getGroupingBlockName();\n\n\t\tconst isUngroupable =\n\t\t\tselectedBlock &&\n\t\t\tselectedBlock.innerBlocks &&\n\t\t\tselectedBlock.innerBlocks.length > 0 &&\n\t\t\tselectedBlock.name === groupingBlockName;\n\n\t\tconst innerBlocks = isUngroupable\n\t\t\t? selectedBlock.innerBlocks\n\t\t\t: EMPTY_BLOCKS_LIST;\n\n\t\treturn {\n\t\t\tisUngroupable,\n\t\t\tclientId: selectedId,\n\t\t\tinnerBlocks,\n\t\t};\n\t} ),\n\twithDispatch( ( dispatch, { clientId, innerBlocks, onToggle = noop } ) => {\n\t\tconst { replaceBlocks } = dispatch( blockEditorStore );\n\n\t\treturn {\n\t\t\tonConvertFromGroup() {\n\t\t\t\tif ( ! innerBlocks.length ) {\n\t\t\t\t\treturn;\n\t\t\t\t}\n\n\t\t\t\treplaceBlocks( clientId, innerBlocks );\n\n\t\t\t\tonToggle();\n\t\t\t},\n\t\t};\n\t} ),\n] )( UngroupButton );\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,KAAK,IAAIC,WAAW,QAAQ,mBAAmB;AACxD,SAASC,YAAY,EAAEC,aAAa,QAAQ,uBAAuB;AACnE,SAASC,EAAE,QAAQ,iBAAiB;AACpC,SAASC,UAAU,EAAEC,YAAY,QAAQ,iBAAiB;AAC1D,SAASC,OAAO,QAAQ,oBAAoB;AAC5C,SAASC,OAAO,QAAQ,kBAAkB;;AAE1C;AACA;AACA;AACA,SAASR,KAAK,IAAIS,gBAAgB,QAAQ,aAAa;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAExD,MAAMC,IAAI,GAAGA,CAAA,KAAM,CAAC,CAAC;AACrB,MAAMC,iBAAiB,GAAG,EAAE;AAE5B,OAAO,SAASC,aAAaA,CAAE;EAAEC,kBAAkB;EAAEC,aAAa,GAAG;AAAM,CAAC,EAAG;EAC9E,IAAK,CAAEA,aAAa,EAAG;IACtB,OAAO,IAAI;EACZ;EACA,oBACCL,IAAA,CAACT,YAAY;IAAAe,QAAA,eACZN,IAAA,CAACR,aAAa;MACbe,KAAK,EAAGd,EAAE,CAAE,SAAU,CAAG;MACzBe,IAAI,EAAGX,OAAS;MAChBY,OAAO,EAAGL;IAAoB,CAC9B;EAAC,CACW,CAAC;AAEjB;AAEA,eAAeR,OAAO,CAAE,CACvBF,UAAU,CAAIgB,MAAM,IAAM;EACzB,MAAM;IAAEC,wBAAwB;IAAEC;EAAS,CAAC,GAC3CF,MAAM,CAAEZ,gBAAiB,CAAC;EAE3B,MAAM;IAAEe;EAAqB,CAAC,GAAGH,MAAM,CAAEpB,WAAY,CAAC;EAEtD,MAAMwB,UAAU,GAAGH,wBAAwB,CAAC,CAAC;EAC7C,MAAMI,aAAa,GAAGH,QAAQ,CAAEE,UAAW,CAAC;EAE5C,MAAME,iBAAiB,GAAGH,oBAAoB,CAAC,CAAC;EAEhD,MAAMR,aAAa,GAClBU,aAAa,IACbA,aAAa,CAACE,WAAW,IACzBF,aAAa,CAACE,WAAW,CAACC,MAAM,GAAG,CAAC,IACpCH,aAAa,CAACI,IAAI,KAAKH,iBAAiB;EAEzC,MAAMC,WAAW,GAAGZ,aAAa,GAC9BU,aAAa,CAACE,WAAW,GACzBf,iBAAiB;EAEpB,OAAO;IACNG,aAAa;IACbe,QAAQ,EAAEN,UAAU;IACpBG;EACD,CAAC;AACF,CAAE,CAAC,EACHtB,YAAY,CAAE,CAAE0B,QAAQ,EAAE;EAAED,QAAQ;EAAEH,WAAW;EAAEK,QAAQ,GAAGrB;AAAK,CAAC,KAAM;EACzE,MAAM;IAAEsB;EAAc,CAAC,GAAGF,QAAQ,CAAEvB,gBAAiB,CAAC;EAEtD,OAAO;IACNM,kBAAkBA,CAAA,EAAG;MACpB,IAAK,CAAEa,WAAW,CAACC,MAAM,EAAG;QAC3B;MACD;MAEAK,aAAa,CAAEH,QAAQ,EAAEH,WAAY,CAAC;MAEtCK,QAAQ,CAAC,CAAC;IACX;EACD,CAAC;AACF,CAAE,CAAC,CACF,CAAC,CAAEnB,aAAc,CAAC","ignoreList":[]}

package/build-module/components/unit-control/index.js

@@ -1,4 +1,3 @@
-import { createElement } from "react";
 /**
  * WordPress dependencies
  */
@@ -8,6 +7,7 @@ import { __experimentalUseCustomUnits as useCustomUnits, __experimentalUnitContr
  * Internal dependencies
  */
 import { useSettings } from '../use-settings';
+import { jsx as _jsx } from "react/jsx-runtime";
 export default function UnitControl({
   units: unitsProp,
   ...props
@@ -17,7 +17,7 @@ export default function UnitControl({
     availableUnits: availableUnits || ['%', 'px', 'em', 'rem', 'vw'],
     units: unitsProp
   });
-  return createElement(BaseUnitControl, {
+  return /*#__PURE__*/_jsx(BaseUnitControl, {
     units: units,
     ...props
   });

package/build-module/components/unit-control/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["__experimentalUseCustomUnits","useCustomUnits","__experimentalUnitControl","BaseUnitControl","useSettings","UnitControl","units","unitsProp","props","availableUnits","createElement"],"sources":["@wordpress/block-editor/src/components/unit-control/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport {\n\t__experimentalUseCustomUnits as useCustomUnits,\n\t__experimentalUnitControl as BaseUnitControl,\n} from '@wordpress/components';\n\n/**\n * Internal dependencies\n */\nimport { useSettings } from '../use-settings';\n\nexport default function UnitControl( { units: unitsProp, ...props } ) {\n\tconst [ availableUnits ] = useSettings( 'spacing.units' );\n\tconst units = useCustomUnits( {\n\t\tavailableUnits: availableUnits || [ '%', 'px', 'em', 'rem', 'vw' ],\n\t\tunits: unitsProp,\n\t} );\n\n\treturn <BaseUnitControl units={ units } { ...props } />;\n}\n"],"mappings":";AAAA;AACA;AACA;AACA,SACCA,4BAA4B,IAAIC,cAAc,EAC9CC,yBAAyB,IAAIC,eAAe,QACtC,uBAAuB;;AAE9B;AACA;AACA;AACA,SAASC,WAAW,QAAQ,iBAAiB;AAE7C,eAAe,SAASC,WAAWA,CAAE;EAAEC,KAAK,EAAEC,SAAS;EAAE,GAAGC;AAAM,CAAC,EAAG;EACrE,MAAM,CAAEC,cAAc,CAAE,GAAGL,WAAW,CAAE,eAAgB,CAAC;EACzD,MAAME,KAAK,GAAGL,cAAc,CAAE;IAC7BQ,cAAc,EAAEA,cAAc,IAAI,CAAE,GAAG,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,IAAI,CAAE;IAClEH,KAAK,EAAEC;EACR,CAAE,CAAC;EAEH,OAAOG,aAAA,CAACP,eAAe;IAACG,KAAK,EAAGA,KAAO;IAAA,GAAME;EAAK,CAAI,CAAC;AACxD","ignoreList":[]}
+{"version":3,"names":["__experimentalUseCustomUnits","useCustomUnits","__experimentalUnitControl","BaseUnitControl","useSettings","jsx","_jsx","UnitControl","units","unitsProp","props","availableUnits"],"sources":["@wordpress/block-editor/src/components/unit-control/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport {\n\t__experimentalUseCustomUnits as useCustomUnits,\n\t__experimentalUnitControl as BaseUnitControl,\n} from '@wordpress/components';\n\n/**\n * Internal dependencies\n */\nimport { useSettings } from '../use-settings';\n\nexport default function UnitControl( { units: unitsProp, ...props } ) {\n\tconst [ availableUnits ] = useSettings( 'spacing.units' );\n\tconst units = useCustomUnits( {\n\t\tavailableUnits: availableUnits || [ '%', 'px', 'em', 'rem', 'vw' ],\n\t\tunits: unitsProp,\n\t} );\n\n\treturn <BaseUnitControl units={ units } { ...props } />;\n}\n"],"mappings":"AAAA;AACA;AACA;AACA,SACCA,4BAA4B,IAAIC,cAAc,EAC9CC,yBAAyB,IAAIC,eAAe,QACtC,uBAAuB;;AAE9B;AACA;AACA;AACA,SAASC,WAAW,QAAQ,iBAAiB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAE9C,eAAe,SAASC,WAAWA,CAAE;EAAEC,KAAK,EAAEC,SAAS;EAAE,GAAGC;AAAM,CAAC,EAAG;EACrE,MAAM,CAAEC,cAAc,CAAE,GAAGP,WAAW,CAAE,eAAgB,CAAC;EACzD,MAAMI,KAAK,GAAGP,cAAc,CAAE;IAC7BU,cAAc,EAAEA,cAAc,IAAI,CAAE,GAAG,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,IAAI,CAAE;IAClEH,KAAK,EAAEC;EACR,CAAE,CAAC;EAEH,oBAAOH,IAAA,CAACH,eAAe;IAACK,KAAK,EAAGA,KAAO;IAAA,GAAME;EAAK,CAAI,CAAC;AACxD","ignoreList":[]}

package/build-module/components/unsupported-block-details/index.native.js

@@ -1,4 +1,3 @@
-import { createElement } from "react";
 /**
  * External dependencies
  */
@@ -21,6 +20,8 @@ import { applyFilters } from '@wordpress/hooks';
  */
 import styles from './style.scss';
 import useUnsupportedBlockEditor from '../use-unsupported-block-editor';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
 const EMPTY_ARRAY = [];
 const UnsupportedBlockDetails = ({
   clientId,
@@ -68,7 +69,7 @@ const UnsupportedBlockDetails = ({
     label: actionButtonLabel || webEditorDefaultLabel,
     onPress: requestFallback
   }], ...customActions].filter(Boolean);
-  return createElement(BottomSheet, {
+  return /*#__PURE__*/_jsxs(BottomSheet, {
     isVisible: showSheet,
     hideHeader: true,
     onClose: onCloseSheet,
@@ -87,32 +88,35 @@ const UnsupportedBlockDetails = ({
         }, 100);
         setSendButtonPressMessage(false);
       }
-    }
-  }, createElement(View, {
-    style: styles['unsupported-block-details__container']
-  }, createElement(Icon, {
-    icon: icon || help,
-    color: iconStyle.color,
-    size: iconStyle.size
-  }), createElement(Text, {
-    style: [textStyle, titleStyle]
-  }, title), isEditableInUnsupportedBlockEditor && descriptionWithNotes && createElement(Text, {
-    style: [textStyle, descriptionStyle]
-  }, descriptionWithNotes)), actions.map(({
-    label,
-    onPress
-  }, index) => createElement(TextControl, {
-    key: `${label} - ${index}`,
-    label: label,
-    separatorType: "topFullWidth",
-    onPress: onPress,
-    labelStyle: actionButtonStyle
-  })), createElement(TextControl, {
-    label: __('Dismiss'),
-    separatorType: "topFullWidth",
-    onPress: onCloseSheet,
-    labelStyle: actionButtonStyle
-  }));
+    },
+    children: [/*#__PURE__*/_jsxs(View, {
+      style: styles['unsupported-block-details__container'],
+      children: [/*#__PURE__*/_jsx(Icon, {
+        icon: icon || help,
+        color: iconStyle.color,
+        size: iconStyle.size
+      }), /*#__PURE__*/_jsx(Text, {
+        style: [textStyle, titleStyle],
+        children: title
+      }), isEditableInUnsupportedBlockEditor && descriptionWithNotes && /*#__PURE__*/_jsx(Text, {
+        style: [textStyle, descriptionStyle],
+        children: descriptionWithNotes
+      })]
+    }), actions.map(({
+      label,
+      onPress
+    }, index) => /*#__PURE__*/_jsx(TextControl, {
+      label: label,
+      separatorType: "topFullWidth",
+      onPress: onPress,
+      labelStyle: actionButtonStyle
+    }, `${label} - ${index}`)), /*#__PURE__*/_jsx(TextControl, {
+      label: __('Dismiss'),
+      separatorType: "topFullWidth",
+      onPress: onCloseSheet,
+      labelStyle: actionButtonStyle
+    })]
+  });
 };
 export default UnsupportedBlockDetails;
 //# sourceMappingURL=index.native.js.map

package/build-module/components/unsupported-block-details/index.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["View","Text","BottomSheet","Icon","TextControl","requestUnsupportedBlockFallback","sendActionButtonPressedAction","actionButtons","help","__","usePreferredColorSchemeStyle","getBlockType","useCallback","useState","applyFilters","styles","useUnsupportedBlockEditor","EMPTY_ARRAY","UnsupportedBlockDetails","clientId","showSheet","onCloseSheet","customBlockTitle","icon","title","description","actionButtonLabel","customActions","sendFallbackMessage","setSendFallbackMessage","sendButtonPressMessage","setSendButtonPressMessage","blockName","blockContent","isUnsupportedBlockEditorSupported","canEnableUnsupportedBlockEditor","isEditableInUnsupportedBlockEditor","textStyle","titleStyle","descriptionStyle","iconStyle","actionButtonStyle","blockTitle","requestFallback","descriptionWithNotes","webEditorDefaultLabel","canUseWebEditor","actions","label","onPress","filter","Boolean","createElement","isVisible","hideHeader","onClose","onModalHide","timeout","setTimeout","missingBlockAlertActionButton","style","color","size","map","index","key","separatorType","labelStyle"],"sources":["@wordpress/block-editor/src/components/unsupported-block-details/index.native.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport { View, Text } from 'react-native';\n\n/**\n * WordPress dependencies\n */\nimport { BottomSheet, Icon, TextControl } from '@wordpress/components';\nimport {\n\trequestUnsupportedBlockFallback,\n\tsendActionButtonPressedAction,\n\tactionButtons,\n} from '@wordpress/react-native-bridge';\nimport { help } from '@wordpress/icons';\nimport { __ } from '@wordpress/i18n';\nimport { usePreferredColorSchemeStyle } from '@wordpress/compose';\nimport { getBlockType } from '@wordpress/blocks';\nimport { useCallback, useState } from '@wordpress/element';\nimport { applyFilters } from '@wordpress/hooks';\n\n/**\n * Internal dependencies\n */\nimport styles from './style.scss';\nimport useUnsupportedBlockEditor from '../use-unsupported-block-editor';\n\nconst EMPTY_ARRAY = [];\n\nconst UnsupportedBlockDetails = ( {\n\tclientId,\n\tshowSheet,\n\tonCloseSheet,\n\tcustomBlockTitle = '',\n\ticon,\n\ttitle,\n\tdescription,\n\tactionButtonLabel,\n\tcustomActions = EMPTY_ARRAY,\n} ) => {\n\tconst [ sendFallbackMessage, setSendFallbackMessage ] = useState( false );\n\tconst [ sendButtonPressMessage, setSendButtonPressMessage ] =\n\t\tuseState( false );\n\n\tconst {\n\t\tblockName,\n\t\tblockContent,\n\t\tisUnsupportedBlockEditorSupported,\n\t\tcanEnableUnsupportedBlockEditor,\n\t\tisEditableInUnsupportedBlockEditor,\n\t} = useUnsupportedBlockEditor( clientId );\n\n\t// Styles\n\tconst textStyle = usePreferredColorSchemeStyle(\n\t\tstyles[ 'unsupported-block-details__text' ],\n\t\tstyles[ 'unsupported-block-details__text--dark' ]\n\t);\n\tconst titleStyle = usePreferredColorSchemeStyle(\n\t\tstyles[ 'unsupported-block-details__title' ],\n\t\tstyles[ 'unsupported-block-details__title--dark' ]\n\t);\n\tconst descriptionStyle = usePreferredColorSchemeStyle(\n\t\tstyles[ 'unsupported-block-details__description' ],\n\t\tstyles[ 'unsupported-block-details__description--dark' ]\n\t);\n\tconst iconStyle = usePreferredColorSchemeStyle(\n\t\tstyles[ 'unsupported-block-details__icon' ],\n\t\tstyles[ 'unsupported-block-details__icon--dark' ]\n\t);\n\tconst actionButtonStyle = usePreferredColorSchemeStyle(\n\t\tstyles[ 'unsupported-block-details__action-button' ],\n\t\tstyles[ 'unsupported-block-details__action-button--dark' ]\n\t);\n\n\tconst blockTitle =\n\t\tcustomBlockTitle || getBlockType( blockName )?.title || blockName;\n\n\tconst requestFallback = useCallback( () => {\n\t\tif (\n\t\t\tcanEnableUnsupportedBlockEditor &&\n\t\t\tisUnsupportedBlockEditorSupported === false\n\t\t) {\n\t\t\tonCloseSheet();\n\t\t\tsetSendButtonPressMessage( true );\n\t\t} else {\n\t\t\tonCloseSheet();\n\t\t\tsetSendFallbackMessage( true );\n\t\t}\n\t}, [\n\t\tcanEnableUnsupportedBlockEditor,\n\t\tisUnsupportedBlockEditorSupported,\n\t\tonCloseSheet,\n\t] );\n\n\t// The description can include extra notes via WP hooks.\n\tconst descriptionWithNotes = applyFilters(\n\t\t'native.unsupported_block_details_extra_note',\n\t\tdescription,\n\t\tblockName\n\t);\n\n\tconst webEditorDefaultLabel = applyFilters(\n\t\t'native.unsupported_block_details_web_editor_action',\n\t\t__( 'Edit using web editor' )\n\t);\n\n\tconst canUseWebEditor =\n\t\t( isUnsupportedBlockEditorSupported ||\n\t\t\tcanEnableUnsupportedBlockEditor ) &&\n\t\tisEditableInUnsupportedBlockEditor;\n\tconst actions = [\n\t\t...[\n\t\t\tcanUseWebEditor && {\n\t\t\t\tlabel: actionButtonLabel || webEditorDefaultLabel,\n\t\t\t\tonPress: requestFallback,\n\t\t\t},\n\t\t],\n\t\t...customActions,\n\t].filter( Boolean );\n\n\treturn (\n\t\t<BottomSheet\n\t\t\tisVisible={ showSheet }\n\t\t\thideHeader\n\t\t\tonClose={ onCloseSheet }\n\t\t\tonModalHide={ () => {\n\t\t\t\tif ( sendFallbackMessage ) {\n\t\t\t\t\t// On iOS, onModalHide is called when the controller is still part of the hierarchy.\n\t\t\t\t\t// A small delay will ensure that the controller has already been removed.\n\t\t\t\t\tthis.timeout = setTimeout( () => {\n\t\t\t\t\t\t// For the Classic block, the content is kept in the `content` attribute.\n\t\t\t\t\t\trequestUnsupportedBlockFallback(\n\t\t\t\t\t\t\tblockContent,\n\t\t\t\t\t\t\tclientId,\n\t\t\t\t\t\t\tblockName,\n\t\t\t\t\t\t\tblockTitle\n\t\t\t\t\t\t);\n\t\t\t\t\t}, 100 );\n\t\t\t\t\tsetSendFallbackMessage( false );\n\t\t\t\t} else if ( sendButtonPressMessage ) {\n\t\t\t\t\tthis.timeout = setTimeout( () => {\n\t\t\t\t\t\tsendActionButtonPressedAction(\n\t\t\t\t\t\t\tactionButtons.missingBlockAlertActionButton\n\t\t\t\t\t\t);\n\t\t\t\t\t}, 100 );\n\t\t\t\t\tsetSendButtonPressMessage( false );\n\t\t\t\t}\n\t\t\t} }\n\t\t>\n\t\t\t<View style={ styles[ 'unsupported-block-details__container' ] }>\n\t\t\t\t<Icon\n\t\t\t\t\ticon={ icon || help }\n\t\t\t\t\tcolor={ iconStyle.color }\n\t\t\t\t\tsize={ iconStyle.size }\n\t\t\t\t/>\n\t\t\t\t<Text style={ [ textStyle, titleStyle ] }>{ title }</Text>\n\t\t\t\t{ isEditableInUnsupportedBlockEditor &&\n\t\t\t\t\tdescriptionWithNotes && (\n\t\t\t\t\t\t<Text style={ [ textStyle, descriptionStyle ] }>\n\t\t\t\t\t\t\t{ descriptionWithNotes }\n\t\t\t\t\t\t</Text>\n\t\t\t\t\t) }\n\t\t\t</View>\n\t\t\t{ actions.map( ( { label, onPress }, index ) => (\n\t\t\t\t<TextControl\n\t\t\t\t\tkey={ `${ label } - ${ index }` }\n\t\t\t\t\tlabel={ label }\n\t\t\t\t\tseparatorType=\"topFullWidth\"\n\t\t\t\t\tonPress={ onPress }\n\t\t\t\t\tlabelStyle={ actionButtonStyle }\n\t\t\t\t/>\n\t\t\t) ) }\n\t\t\t<TextControl\n\t\t\t\tlabel={ __( 'Dismiss' ) }\n\t\t\t\tseparatorType=\"topFullWidth\"\n\t\t\t\tonPress={ onCloseSheet }\n\t\t\t\tlabelStyle={ actionButtonStyle }\n\t\t\t/>\n\t\t</BottomSheet>\n\t);\n};\n\nexport default UnsupportedBlockDetails;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["View","Text","BottomSheet","Icon","TextControl","requestUnsupportedBlockFallback","sendActionButtonPressedAction","actionButtons","help","__","usePreferredColorSchemeStyle","getBlockType","useCallback","useState","applyFilters","styles","useUnsupportedBlockEditor","jsx","_jsx","jsxs","_jsxs","EMPTY_ARRAY","UnsupportedBlockDetails","clientId","showSheet","onCloseSheet","customBlockTitle","icon","title","description","actionButtonLabel","customActions","sendFallbackMessage","setSendFallbackMessage","sendButtonPressMessage","setSendButtonPressMessage","blockName","blockContent","isUnsupportedBlockEditorSupported","canEnableUnsupportedBlockEditor","isEditableInUnsupportedBlockEditor","textStyle","titleStyle","descriptionStyle","iconStyle","actionButtonStyle","blockTitle","requestFallback","descriptionWithNotes","webEditorDefaultLabel","canUseWebEditor","actions","label","onPress","filter","Boolean","isVisible","hideHeader","onClose","onModalHide","timeout","setTimeout","missingBlockAlertActionButton","children","style","color","size","map","index","separatorType","labelStyle"],"sources":["@wordpress/block-editor/src/components/unsupported-block-details/index.native.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport { View, Text } from 'react-native';\n\n/**\n * WordPress dependencies\n */\nimport { BottomSheet, Icon, TextControl } from '@wordpress/components';\nimport {\n\trequestUnsupportedBlockFallback,\n\tsendActionButtonPressedAction,\n\tactionButtons,\n} from '@wordpress/react-native-bridge';\nimport { help } from '@wordpress/icons';\nimport { __ } from '@wordpress/i18n';\nimport { usePreferredColorSchemeStyle } from '@wordpress/compose';\nimport { getBlockType } from '@wordpress/blocks';\nimport { useCallback, useState } from '@wordpress/element';\nimport { applyFilters } from '@wordpress/hooks';\n\n/**\n * Internal dependencies\n */\nimport styles from './style.scss';\nimport useUnsupportedBlockEditor from '../use-unsupported-block-editor';\n\nconst EMPTY_ARRAY = [];\n\nconst UnsupportedBlockDetails = ( {\n\tclientId,\n\tshowSheet,\n\tonCloseSheet,\n\tcustomBlockTitle = '',\n\ticon,\n\ttitle,\n\tdescription,\n\tactionButtonLabel,\n\tcustomActions = EMPTY_ARRAY,\n} ) => {\n\tconst [ sendFallbackMessage, setSendFallbackMessage ] = useState( false );\n\tconst [ sendButtonPressMessage, setSendButtonPressMessage ] =\n\t\tuseState( false );\n\n\tconst {\n\t\tblockName,\n\t\tblockContent,\n\t\tisUnsupportedBlockEditorSupported,\n\t\tcanEnableUnsupportedBlockEditor,\n\t\tisEditableInUnsupportedBlockEditor,\n\t} = useUnsupportedBlockEditor( clientId );\n\n\t// Styles\n\tconst textStyle = usePreferredColorSchemeStyle(\n\t\tstyles[ 'unsupported-block-details__text' ],\n\t\tstyles[ 'unsupported-block-details__text--dark' ]\n\t);\n\tconst titleStyle = usePreferredColorSchemeStyle(\n\t\tstyles[ 'unsupported-block-details__title' ],\n\t\tstyles[ 'unsupported-block-details__title--dark' ]\n\t);\n\tconst descriptionStyle = usePreferredColorSchemeStyle(\n\t\tstyles[ 'unsupported-block-details__description' ],\n\t\tstyles[ 'unsupported-block-details__description--dark' ]\n\t);\n\tconst iconStyle = usePreferredColorSchemeStyle(\n\t\tstyles[ 'unsupported-block-details__icon' ],\n\t\tstyles[ 'unsupported-block-details__icon--dark' ]\n\t);\n\tconst actionButtonStyle = usePreferredColorSchemeStyle(\n\t\tstyles[ 'unsupported-block-details__action-button' ],\n\t\tstyles[ 'unsupported-block-details__action-button--dark' ]\n\t);\n\n\tconst blockTitle =\n\t\tcustomBlockTitle || getBlockType( blockName )?.title || blockName;\n\n\tconst requestFallback = useCallback( () => {\n\t\tif (\n\t\t\tcanEnableUnsupportedBlockEditor &&\n\t\t\tisUnsupportedBlockEditorSupported === false\n\t\t) {\n\t\t\tonCloseSheet();\n\t\t\tsetSendButtonPressMessage( true );\n\t\t} else {\n\t\t\tonCloseSheet();\n\t\t\tsetSendFallbackMessage( true );\n\t\t}\n\t}, [\n\t\tcanEnableUnsupportedBlockEditor,\n\t\tisUnsupportedBlockEditorSupported,\n\t\tonCloseSheet,\n\t] );\n\n\t// The description can include extra notes via WP hooks.\n\tconst descriptionWithNotes = applyFilters(\n\t\t'native.unsupported_block_details_extra_note',\n\t\tdescription,\n\t\tblockName\n\t);\n\n\tconst webEditorDefaultLabel = applyFilters(\n\t\t'native.unsupported_block_details_web_editor_action',\n\t\t__( 'Edit using web editor' )\n\t);\n\n\tconst canUseWebEditor =\n\t\t( isUnsupportedBlockEditorSupported ||\n\t\t\tcanEnableUnsupportedBlockEditor ) &&\n\t\tisEditableInUnsupportedBlockEditor;\n\tconst actions = [\n\t\t...[\n\t\t\tcanUseWebEditor && {\n\t\t\t\tlabel: actionButtonLabel || webEditorDefaultLabel,\n\t\t\t\tonPress: requestFallback,\n\t\t\t},\n\t\t],\n\t\t...customActions,\n\t].filter( Boolean );\n\n\treturn (\n\t\t<BottomSheet\n\t\t\tisVisible={ showSheet }\n\t\t\thideHeader\n\t\t\tonClose={ onCloseSheet }\n\t\t\tonModalHide={ () => {\n\t\t\t\tif ( sendFallbackMessage ) {\n\t\t\t\t\t// On iOS, onModalHide is called when the controller is still part of the hierarchy.\n\t\t\t\t\t// A small delay will ensure that the controller has already been removed.\n\t\t\t\t\tthis.timeout = setTimeout( () => {\n\t\t\t\t\t\t// For the Classic block, the content is kept in the `content` attribute.\n\t\t\t\t\t\trequestUnsupportedBlockFallback(\n\t\t\t\t\t\t\tblockContent,\n\t\t\t\t\t\t\tclientId,\n\t\t\t\t\t\t\tblockName,\n\t\t\t\t\t\t\tblockTitle\n\t\t\t\t\t\t);\n\t\t\t\t\t}, 100 );\n\t\t\t\t\tsetSendFallbackMessage( false );\n\t\t\t\t} else if ( sendButtonPressMessage ) {\n\t\t\t\t\tthis.timeout = setTimeout( () => {\n\t\t\t\t\t\tsendActionButtonPressedAction(\n\t\t\t\t\t\t\tactionButtons.missingBlockAlertActionButton\n\t\t\t\t\t\t);\n\t\t\t\t\t}, 100 );\n\t\t\t\t\tsetSendButtonPressMessage( false );\n\t\t\t\t}\n\t\t\t} }\n\t\t>\n\t\t\t<View style={ styles[ 'unsupported-block-details__container' ] }>\n\t\t\t\t<Icon\n\t\t\t\t\ticon={ icon || help }\n\t\t\t\t\tcolor={ iconStyle.color }\n\t\t\t\t\tsize={ iconStyle.size }\n\t\t\t\t/>\n\t\t\t\t<Text style={ [ textStyle, titleStyle ] }>{ title }</Text>\n\t\t\t\t{ isEditableInUnsupportedBlockEditor &&\n\t\t\t\t\tdescriptionWithNotes && (\n\t\t\t\t\t\t<Text style={ [ textStyle, descriptionStyle ] }>\n\t\t\t\t\t\t\t{ descriptionWithNotes }\n\t\t\t\t\t\t</Text>\n\t\t\t\t\t) }\n\t\t\t</View>\n\t\t\t{ actions.map( ( { label, onPress }, index ) => (\n\t\t\t\t<TextControl\n\t\t\t\t\tkey={ `${ label } - ${ index }` }\n\t\t\t\t\tlabel={ label }\n\t\t\t\t\tseparatorType=\"topFullWidth\"\n\t\t\t\t\tonPress={ onPress }\n\t\t\t\t\tlabelStyle={ actionButtonStyle }\n\t\t\t\t/>\n\t\t\t) ) }\n\t\t\t<TextControl\n\t\t\t\tlabel={ __( 'Dismiss' ) }\n\t\t\t\tseparatorType=\"topFullWidth\"\n\t\t\t\tonPress={ onCloseSheet }\n\t\t\t\tlabelStyle={ actionButtonStyle }\n\t\t\t/>\n\t\t</BottomSheet>\n\t);\n};\n\nexport default UnsupportedBlockDetails;\n"],"mappings":"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","ignoreList":[]}