@wordpress/block-editor 12.10.6 → 12.11.1

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

@@ -4,10 +4,11 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _element = require("@wordpress/element");
+var _react = require("react");
 var _components = require("@wordpress/components");
 var _i18n = require("@wordpress/i18n");
 var _data = require("@wordpress/data");
+var _element = require("@wordpress/element");
 var _icons = require("@wordpress/icons");
 var _store = require("../../store");
 /**
@@ -18,12 +19,12 @@ var _store = require("../../store");
  * Internal dependencies
  */
 
-const selectIcon = (0, _element.createElement)(_components.SVG, {
+const selectIcon = (0, _react.createElement)(_components.SVG, {
   xmlns: "http://www.w3.org/2000/svg",
   width: "24",
   height: "24",
   viewBox: "0 0 24 24"
-}, (0, _element.createElement)(_components.Path, {
+}, (0, _react.createElement)(_components.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) {
@@ -31,11 +32,11 @@ function ToolSelector(props, ref) {
   const {
     __unstableSetEditorMode
   } = (0, _data.useDispatch)(_store.store);
-  return (0, _element.createElement)(_components.Dropdown, {
+  return (0, _react.createElement)(_components.Dropdown, {
     renderToggle: ({
       isOpen,
       onToggle
-    }) => (0, _element.createElement)(_components.Button, {
+    }) => (0, _react.createElement)(_components.Button, {
       ...props,
       ref: ref,
       icon: mode === 'navigation' ? selectIcon : _icons.edit,
@@ -49,22 +50,22 @@ function ToolSelector(props, ref) {
       placement: 'bottom-start',
       variant: undefined
     },
-    renderContent: () => (0, _element.createElement)(_element.Fragment, null, (0, _element.createElement)(_components.NavigableMenu, {
+    renderContent: () => (0, _react.createElement)(_react.Fragment, null, (0, _react.createElement)(_components.NavigableMenu, {
       role: "menu",
       "aria-label": (0, _i18n.__)('Tools')
-    }, (0, _element.createElement)(_components.MenuItemsChoice, {
+    }, (0, _react.createElement)(_components.MenuItemsChoice, {
       value: mode === 'navigation' ? 'navigation' : 'edit',
       onSelect: __unstableSetEditorMode,
       choices: [{
         value: 'edit',
-        label: (0, _element.createElement)(_element.Fragment, null, (0, _element.createElement)(_icons.Icon, {
+        label: (0, _react.createElement)(_react.Fragment, null, (0, _react.createElement)(_icons.Icon, {
           icon: _icons.edit
         }), (0, _i18n.__)('Edit'))
       }, {
         value: 'navigation',
-        label: (0, _element.createElement)(_element.Fragment, null, selectIcon, (0, _i18n.__)('Select'))
+        label: (0, _react.createElement)(_react.Fragment, null, selectIcon, (0, _i18n.__)('Select'))
       }]
-    })), (0, _element.createElement)("div", {
+    })), (0, _react.createElement)("div", {
       className: "block-editor-tool-selector__help"
     }, (0, _i18n.__)('Tools provide different interactions for selecting, navigating, and editing blocks. Toggle between select and edit by pressing Escape and Enter.')))
   });

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

@@ -1 +1 @@
-{"version":3,"names":["_element","require","_components","_i18n","_data","_icons","_store","selectIcon","createElement","SVG","xmlns","width","height","viewBox","Path","d","ToolSelector","props","ref","mode","useSelect","select","blockEditorStore","__unstableGetEditorMode","__unstableSetEditorMode","useDispatch","Dropdown","renderToggle","isOpen","onToggle","Button","icon","editIcon","onClick","label","__","popoverProps","placement","variant","undefined","renderContent","Fragment","NavigableMenu","role","MenuItemsChoice","value","onSelect","choices","Icon","className","_default","forwardRef","exports","default"],"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', variant: undefined } }\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,IAAAA,QAAA,GAAAC,OAAA;AAVA,IAAAC,WAAA,GAAAD,OAAA;AAQA,IAAAE,KAAA,GAAAF,OAAA;AACA,IAAAG,KAAA,GAAAH,OAAA;AAEA,IAAAI,MAAA,GAAAJ,OAAA;AAKA,IAAAK,MAAA,GAAAL,OAAA;AAnBA;AACA;AACA;;AAcA;AACA;AACA;;AAGA,MAAMM,UAAU,GACf,IAAAP,QAAA,CAAAQ,aAAA,EAACN,WAAA,CAAAO,GAAG;EACHC,KAAK,EAAC,4BAA4B;EAClCC,KAAK,EAAC,IAAI;EACVC,MAAM,EAAC,IAAI;EACXC,OAAO,EAAC;AAAW,GAEnB,IAAAb,QAAA,CAAAQ,aAAA,EAACN,WAAA,CAAAY,IAAI;EAACC,CAAC,EAAC;AAA2N,CAAE,CACjO,CACL;AAED,SAASC,YAAYA,CAAEC,KAAK,EAAEC,GAAG,EAAG;EACnC,MAAMC,IAAI,GAAG,IAAAC,eAAS,EACnBC,MAAM,IAAMA,MAAM,CAAEC,YAAiB,CAAC,CAACC,uBAAuB,CAAC,CAAC,EAClE,EACD,CAAC;EACD,MAAM;IAAEC;EAAwB,CAAC,GAAG,IAAAC,iBAAW,EAAEH,YAAiB,CAAC;EAEnE,OACC,IAAAtB,QAAA,CAAAQ,aAAA,EAACN,WAAA,CAAAwB,QAAQ;IACRC,YAAY,EAAGA,CAAE;MAAEC,MAAM;MAAEC;IAAS,CAAC,KACpC,IAAA7B,QAAA,CAAAQ,aAAA,EAACN,WAAA,CAAA4B,MAAM;MAAA,GACDb,KAAK;MACVC,GAAG,EAAGA,GAAK;MACXa,IAAI,EAAGZ,IAAI,KAAK,YAAY,GAAGZ,UAAU,GAAGyB,WAAU;MACtD,iBAAgBJ,MAAQ;MACxB,iBAAc,MAAM;MACpBK,OAAO,EAAGJ;MACV;MACAK,KAAK,EAAG,IAAAC,QAAE,EAAE,OAAQ;IAAG,CACvB,CACC;IACHC,YAAY,EAAG;MAAEC,SAAS,EAAE,cAAc;MAAEC,OAAO,EAAEC;IAAU,CAAG;IAClEC,aAAa,EAAGA,CAAA,KACf,IAAAxC,QAAA,CAAAQ,aAAA,EAAAR,QAAA,CAAAyC,QAAA,QACC,IAAAzC,QAAA,CAAAQ,aAAA,EAACN,WAAA,CAAAwC,aAAa;MAACC,IAAI,EAAC,MAAM;MAAC,cAAa,IAAAR,QAAE,EAAE,OAAQ;IAAG,GACtD,IAAAnC,QAAA,CAAAQ,aAAA,EAACN,WAAA,CAAA0C,eAAe;MACfC,KAAK,EACJ1B,IAAI,KAAK,YAAY,GAAG,YAAY,GAAG,MACvC;MACD2B,QAAQ,EAAGtB,uBAAyB;MACpCuB,OAAO,EAAG,CACT;QACCF,KAAK,EAAE,MAAM;QACbX,KAAK,EACJ,IAAAlC,QAAA,CAAAQ,aAAA,EAAAR,QAAA,CAAAyC,QAAA,QACC,IAAAzC,QAAA,CAAAQ,aAAA,EAACH,MAAA,CAAA2C,IAAI;UAACjB,IAAI,EAAGC;QAAU,CAAE,CAAC,EACxB,IAAAG,QAAE,EAAE,MAAO,CACZ;MAEJ,CAAC,EACD;QACCU,KAAK,EAAE,YAAY;QACnBX,KAAK,EACJ,IAAAlC,QAAA,CAAAQ,aAAA,EAAAR,QAAA,CAAAyC,QAAA,QACGlC,UAAU,EACV,IAAA4B,QAAE,EAAE,QAAS,CACd;MAEJ,CAAC;IACC,CACH,CACa,CAAC,EAChB,IAAAnC,QAAA,CAAAQ,aAAA;MAAKyC,SAAS,EAAC;IAAkC,GAC9C,IAAAd,QAAE,EACH,kJACD,CACI,CACJ;EACA,CACH,CAAC;AAEJ;AAAC,IAAAe,QAAA,GAEc,IAAAC,mBAAU,EAAEnC,YAAa,CAAC;AAAAoC,OAAA,CAAAC,OAAA,GAAAH,QAAA"}
+{"version":3,"names":["_components","require","_i18n","_data","_element","_icons","_store","selectIcon","_react","createElement","SVG","xmlns","width","height","viewBox","Path","d","ToolSelector","props","ref","mode","useSelect","select","blockEditorStore","__unstableGetEditorMode","__unstableSetEditorMode","useDispatch","Dropdown","renderToggle","isOpen","onToggle","Button","icon","editIcon","onClick","label","__","popoverProps","placement","variant","undefined","renderContent","Fragment","NavigableMenu","role","MenuItemsChoice","value","onSelect","choices","Icon","className","_default","forwardRef","exports","default"],"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', variant: undefined } }\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":";;;;;;;AAGA,IAAAA,WAAA,GAAAC,OAAA;AAQA,IAAAC,KAAA,GAAAD,OAAA;AACA,IAAAE,KAAA,GAAAF,OAAA;AACA,IAAAG,QAAA,GAAAH,OAAA;AACA,IAAAI,MAAA,GAAAJ,OAAA;AAKA,IAAAK,MAAA,GAAAL,OAAA;AAnBA;AACA;AACA;;AAcA;AACA;AACA;;AAGA,MAAMM,UAAU,GACf,IAAAC,MAAA,CAAAC,aAAA,EAACT,WAAA,CAAAU,GAAG;EACHC,KAAK,EAAC,4BAA4B;EAClCC,KAAK,EAAC,IAAI;EACVC,MAAM,EAAC,IAAI;EACXC,OAAO,EAAC;AAAW,GAEnB,IAAAN,MAAA,CAAAC,aAAA,EAACT,WAAA,CAAAe,IAAI;EAACC,CAAC,EAAC;AAA2N,CAAE,CACjO,CACL;AAED,SAASC,YAAYA,CAAEC,KAAK,EAAEC,GAAG,EAAG;EACnC,MAAMC,IAAI,GAAG,IAAAC,eAAS,EACnBC,MAAM,IAAMA,MAAM,CAAEC,YAAiB,CAAC,CAACC,uBAAuB,CAAC,CAAC,EAClE,EACD,CAAC;EACD,MAAM;IAAEC;EAAwB,CAAC,GAAG,IAAAC,iBAAW,EAAEH,YAAiB,CAAC;EAEnE,OACC,IAAAf,MAAA,CAAAC,aAAA,EAACT,WAAA,CAAA2B,QAAQ;IACRC,YAAY,EAAGA,CAAE;MAAEC,MAAM;MAAEC;IAAS,CAAC,KACpC,IAAAtB,MAAA,CAAAC,aAAA,EAACT,WAAA,CAAA+B,MAAM;MAAA,GACDb,KAAK;MACVC,GAAG,EAAGA,GAAK;MACXa,IAAI,EAAGZ,IAAI,KAAK,YAAY,GAAGb,UAAU,GAAG0B,WAAU;MACtD,iBAAgBJ,MAAQ;MACxB,iBAAc,MAAM;MACpBK,OAAO,EAAGJ;MACV;MACAK,KAAK,EAAG,IAAAC,QAAE,EAAE,OAAQ;IAAG,CACvB,CACC;IACHC,YAAY,EAAG;MAAEC,SAAS,EAAE,cAAc;MAAEC,OAAO,EAAEC;IAAU,CAAG;IAClEC,aAAa,EAAGA,CAAA,KACf,IAAAjC,MAAA,CAAAC,aAAA,EAAAD,MAAA,CAAAkC,QAAA,QACC,IAAAlC,MAAA,CAAAC,aAAA,EAACT,WAAA,CAAA2C,aAAa;MAACC,IAAI,EAAC,MAAM;MAAC,cAAa,IAAAR,QAAE,EAAE,OAAQ;IAAG,GACtD,IAAA5B,MAAA,CAAAC,aAAA,EAACT,WAAA,CAAA6C,eAAe;MACfC,KAAK,EACJ1B,IAAI,KAAK,YAAY,GAAG,YAAY,GAAG,MACvC;MACD2B,QAAQ,EAAGtB,uBAAyB;MACpCuB,OAAO,EAAG,CACT;QACCF,KAAK,EAAE,MAAM;QACbX,KAAK,EACJ,IAAA3B,MAAA,CAAAC,aAAA,EAAAD,MAAA,CAAAkC,QAAA,QACC,IAAAlC,MAAA,CAAAC,aAAA,EAACJ,MAAA,CAAA4C,IAAI;UAACjB,IAAI,EAAGC;QAAU,CAAE,CAAC,EACxB,IAAAG,QAAE,EAAE,MAAO,CACZ;MAEJ,CAAC,EACD;QACCU,KAAK,EAAE,YAAY;QACnBX,KAAK,EACJ,IAAA3B,MAAA,CAAAC,aAAA,EAAAD,MAAA,CAAAkC,QAAA,QACGnC,UAAU,EACV,IAAA6B,QAAE,EAAE,QAAS,CACd;MAEJ,CAAC;IACC,CACH,CACa,CAAC,EAChB,IAAA5B,MAAA,CAAAC,aAAA;MAAKyC,SAAS,EAAC;IAAkC,GAC9C,IAAAd,QAAE,EACH,kJACD,CACI,CACJ;EACA,CACH,CAAC;AAEJ;AAAC,IAAAe,QAAA,GAEc,IAAAC,mBAAU,EAAEnC,YAAa,CAAC;AAAAoC,OAAA,CAAAC,OAAA,GAAAH,QAAA"}

package/build/components/typewriter/index.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 exports.useTypewriter = useTypewriter;
-var _element = require("@wordpress/element");
+var _react = require("react");
 var _compose = require("@wordpress/compose");
 var _dom = require("@wordpress/dom");
 var _data = require("@wordpress/data");
@@ -202,7 +202,7 @@ function useTypewriter() {
 function Typewriter({
   children
 }) {
-  return (0, _element.createElement)("div", {
+  return (0, _react.createElement)("div", {
     ref: useTypewriter(),
     className: "block-editor__typewriter"
   }, children);
@@ -213,7 +213,7 @@ function Typewriter({
  * challenges in Internet Explorer, and is simply skipped, rendering the given
  * props children instead.
  *
- * @type {WPComponent}
+ * @type {Component}
  */
 const TypewriterOrIEBypass = isIE ? props => props.children : Typewriter;
 

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

@@ -1 +1 @@
-{"version":3,"names":["_compose","require","_dom","_data","_keycodes","_store","isIE","window","navigator","userAgent","indexOf","arrowKeyCodes","Set","UP","DOWN","LEFT","RIGHT","initialTriggerPercentage","useTypewriter","hasSelectedBlock","useSelect","select","blockEditorStore","useRefEffect","node","ownerDocument","defaultView","scrollResizeRafId","onKeyDownRafId","caretRect","onScrollResize","requestAnimationFrame","computeCaretRectangle","onKeyDown","event","cancelAnimationFrame","maintainCaretPosition","keyCode","isSelectionEligibleForScroll","currentCaretRect","computeCaretRect","has","diff","top","scrollContainer","getScrollContainer","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","_element","createElement","ref","className","TypewriterOrIEBypass","props","_default","exports","default"],"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 {WPComponent}\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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"}
+{"version":3,"names":["_compose","require","_dom","_data","_keycodes","_store","isIE","window","navigator","userAgent","indexOf","arrowKeyCodes","Set","UP","DOWN","LEFT","RIGHT","initialTriggerPercentage","useTypewriter","hasSelectedBlock","useSelect","select","blockEditorStore","useRefEffect","node","ownerDocument","defaultView","scrollResizeRafId","onKeyDownRafId","caretRect","onScrollResize","requestAnimationFrame","computeCaretRectangle","onKeyDown","event","cancelAnimationFrame","maintainCaretPosition","keyCode","isSelectionEligibleForScroll","currentCaretRect","computeCaretRect","has","diff","top","scrollContainer","getScrollContainer","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","_react","createElement","ref","className","TypewriterOrIEBypass","props","_default","exports","default"],"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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"}

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

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.UngroupButton = UngroupButton;
 exports.default = void 0;
-var _element = require("@wordpress/element");
+var _react = require("react");
 var _blocks = require("@wordpress/blocks");
 var _components = require("@wordpress/components");
 var _i18n = require("@wordpress/i18n");
@@ -30,7 +30,7 @@ function UngroupButton({
   if (!isUngroupable) {
     return null;
   }
-  return (0, _element.createElement)(_components.ToolbarGroup, null, (0, _element.createElement)(_components.ToolbarButton, {
+  return (0, _react.createElement)(_components.ToolbarGroup, null, (0, _react.createElement)(_components.ToolbarButton, {
     title: (0, _i18n.__)('Ungroup'),
     icon: _icons.ungroup,
     onClick: onConvertFromGroup

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

@@ -1 +1 @@
-{"version":3,"names":["_blocks","require","_components","_i18n","_data","_compose","_icons","_store","noop","EMPTY_BLOCKS_LIST","UngroupButton","onConvertFromGroup","isUngroupable","_element","createElement","ToolbarGroup","ToolbarButton","title","__","icon","ungroup","onClick","_default","compose","withSelect","select","getSelectedBlockClientId","getBlock","blockEditorStore","getGroupingBlockName","blocksStore","selectedId","selectedBlock","groupingBlockName","innerBlocks","length","name","clientId","withDispatch","dispatch","onToggle","replaceBlocks","exports","default"],"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":";;;;;;;;AAGA,IAAAA,OAAA,GAAAC,OAAA;AACA,IAAAC,WAAA,GAAAD,OAAA;AACA,IAAAE,KAAA,GAAAF,OAAA;AACA,IAAAG,KAAA,GAAAH,OAAA;AACA,IAAAI,QAAA,GAAAJ,OAAA;AACA,IAAAK,MAAA,GAAAL,OAAA;AAKA,IAAAM,MAAA,GAAAN,OAAA;AAbA;AACA;AACA;;AAQA;AACA;AACA;;AAGA,MAAMO,IAAI,GAAGA,CAAA,KAAM,CAAC,CAAC;AACrB,MAAMC,iBAAiB,GAAG,EAAE;AAErB,SAASC,aAAaA,CAAE;EAAEC,kBAAkB;EAAEC,aAAa,GAAG;AAAM,CAAC,EAAG;EAC9E,IAAK,CAAEA,aAAa,EAAG;IACtB,OAAO,IAAI;EACZ;EACA,OACC,IAAAC,QAAA,CAAAC,aAAA,EAACZ,WAAA,CAAAa,YAAY,QACZ,IAAAF,QAAA,CAAAC,aAAA,EAACZ,WAAA,CAAAc,aAAa;IACbC,KAAK,EAAG,IAAAC,QAAE,EAAE,SAAU,CAAG;IACzBC,IAAI,EAAGC,cAAS;IAChBC,OAAO,EAAGV;EAAoB,CAC9B,CACY,CAAC;AAEjB;AAAC,IAAAW,QAAA,GAEc,IAAAC,gBAAO,EAAE,CACvB,IAAAC,gBAAU,EAAIC,MAAM,IAAM;EACzB,MAAM;IAAEC,wBAAwB;IAAEC;EAAS,CAAC,GAC3CF,MAAM,CAAEG,YAAiB,CAAC;EAE3B,MAAM;IAAEC;EAAqB,CAAC,GAAGJ,MAAM,CAAEK,aAAY,CAAC;EAEtD,MAAMC,UAAU,GAAGL,wBAAwB,CAAC,CAAC;EAC7C,MAAMM,aAAa,GAAGL,QAAQ,CAAEI,UAAW,CAAC;EAE5C,MAAME,iBAAiB,GAAGJ,oBAAoB,CAAC,CAAC;EAEhD,MAAMjB,aAAa,GAClBoB,aAAa,IACbA,aAAa,CAACE,WAAW,IACzBF,aAAa,CAACE,WAAW,CAACC,MAAM,GAAG,CAAC,IACpCH,aAAa,CAACI,IAAI,KAAKH,iBAAiB;EAEzC,MAAMC,WAAW,GAAGtB,aAAa,GAC9BoB,aAAa,CAACE,WAAW,GACzBzB,iBAAiB;EAEpB,OAAO;IACNG,aAAa;IACbyB,QAAQ,EAAEN,UAAU;IACpBG;EACD,CAAC;AACF,CAAE,CAAC,EACH,IAAAI,kBAAY,EAAE,CAAEC,QAAQ,EAAE;EAAEF,QAAQ;EAAEH,WAAW;EAAEM,QAAQ,GAAGhC;AAAK,CAAC,KAAM;EACzE,MAAM;IAAEiC;EAAc,CAAC,GAAGF,QAAQ,CAAEX,YAAiB,CAAC;EAEtD,OAAO;IACNjB,kBAAkBA,CAAA,EAAG;MACpB,IAAK,CAAEuB,WAAW,CAACC,MAAM,EAAG;QAC3B;MACD;MAEAM,aAAa,CAAEJ,QAAQ,EAAEH,WAAY,CAAC;MAEtCM,QAAQ,CAAC,CAAC;IACX;EACD,CAAC;AACF,CAAE,CAAC,CACF,CAAC,CAAE9B,aAAc,CAAC;AAAAgC,OAAA,CAAAC,OAAA,GAAArB,QAAA"}
+{"version":3,"names":["_blocks","require","_components","_i18n","_data","_compose","_icons","_store","noop","EMPTY_BLOCKS_LIST","UngroupButton","onConvertFromGroup","isUngroupable","_react","createElement","ToolbarGroup","ToolbarButton","title","__","icon","ungroup","onClick","_default","compose","withSelect","select","getSelectedBlockClientId","getBlock","blockEditorStore","getGroupingBlockName","blocksStore","selectedId","selectedBlock","groupingBlockName","innerBlocks","length","name","clientId","withDispatch","dispatch","onToggle","replaceBlocks","exports","default"],"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":";;;;;;;;AAGA,IAAAA,OAAA,GAAAC,OAAA;AACA,IAAAC,WAAA,GAAAD,OAAA;AACA,IAAAE,KAAA,GAAAF,OAAA;AACA,IAAAG,KAAA,GAAAH,OAAA;AACA,IAAAI,QAAA,GAAAJ,OAAA;AACA,IAAAK,MAAA,GAAAL,OAAA;AAKA,IAAAM,MAAA,GAAAN,OAAA;AAbA;AACA;AACA;;AAQA;AACA;AACA;;AAGA,MAAMO,IAAI,GAAGA,CAAA,KAAM,CAAC,CAAC;AACrB,MAAMC,iBAAiB,GAAG,EAAE;AAErB,SAASC,aAAaA,CAAE;EAAEC,kBAAkB;EAAEC,aAAa,GAAG;AAAM,CAAC,EAAG;EAC9E,IAAK,CAAEA,aAAa,EAAG;IACtB,OAAO,IAAI;EACZ;EACA,OACC,IAAAC,MAAA,CAAAC,aAAA,EAACZ,WAAA,CAAAa,YAAY,QACZ,IAAAF,MAAA,CAAAC,aAAA,EAACZ,WAAA,CAAAc,aAAa;IACbC,KAAK,EAAG,IAAAC,QAAE,EAAE,SAAU,CAAG;IACzBC,IAAI,EAAGC,cAAS;IAChBC,OAAO,EAAGV;EAAoB,CAC9B,CACY,CAAC;AAEjB;AAAC,IAAAW,QAAA,GAEc,IAAAC,gBAAO,EAAE,CACvB,IAAAC,gBAAU,EAAIC,MAAM,IAAM;EACzB,MAAM;IAAEC,wBAAwB;IAAEC;EAAS,CAAC,GAC3CF,MAAM,CAAEG,YAAiB,CAAC;EAE3B,MAAM;IAAEC;EAAqB,CAAC,GAAGJ,MAAM,CAAEK,aAAY,CAAC;EAEtD,MAAMC,UAAU,GAAGL,wBAAwB,CAAC,CAAC;EAC7C,MAAMM,aAAa,GAAGL,QAAQ,CAAEI,UAAW,CAAC;EAE5C,MAAME,iBAAiB,GAAGJ,oBAAoB,CAAC,CAAC;EAEhD,MAAMjB,aAAa,GAClBoB,aAAa,IACbA,aAAa,CAACE,WAAW,IACzBF,aAAa,CAACE,WAAW,CAACC,MAAM,GAAG,CAAC,IACpCH,aAAa,CAACI,IAAI,KAAKH,iBAAiB;EAEzC,MAAMC,WAAW,GAAGtB,aAAa,GAC9BoB,aAAa,CAACE,WAAW,GACzBzB,iBAAiB;EAEpB,OAAO;IACNG,aAAa;IACbyB,QAAQ,EAAEN,UAAU;IACpBG;EACD,CAAC;AACF,CAAE,CAAC,EACH,IAAAI,kBAAY,EAAE,CAAEC,QAAQ,EAAE;EAAEF,QAAQ;EAAEH,WAAW;EAAEM,QAAQ,GAAGhC;AAAK,CAAC,KAAM;EACzE,MAAM;IAAEiC;EAAc,CAAC,GAAGF,QAAQ,CAAEX,YAAiB,CAAC;EAEtD,OAAO;IACNjB,kBAAkBA,CAAA,EAAG;MACpB,IAAK,CAAEuB,WAAW,CAACC,MAAM,EAAG;QAC3B;MACD;MAEAM,aAAa,CAAEJ,QAAQ,EAAEH,WAAY,CAAC;MAEtCM,QAAQ,CAAC,CAAC;IACX;EACD,CAAC;AACF,CAAE,CAAC,CACF,CAAC,CAAE9B,aAAc,CAAC;AAAAgC,OAAA,CAAAC,OAAA,GAAArB,QAAA"}

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

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = UnitControl;
-var _element = require("@wordpress/element");
+var _react = require("react");
 var _components = require("@wordpress/components");
 var _useSetting = _interopRequireDefault(require("../use-setting"));
 /**
@@ -24,7 +24,7 @@ function UnitControl({
     availableUnits: (0, _useSetting.default)('spacing.units') || ['%', 'px', 'em', 'rem', 'vw'],
     units: unitsProp
   });
-  return (0, _element.createElement)(_components.__experimentalUnitControl, {
+  return (0, _react.createElement)(_components.__experimentalUnitControl, {
     units: units,
     ...props
   });

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

@@ -1 +1 @@
-{"version":3,"names":["_components","require","_useSetting","_interopRequireDefault","UnitControl","units","unitsProp","props","useCustomUnits","availableUnits","useSetting","_element","createElement","__experimentalUnitControl"],"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 useSetting from '../use-setting';\n\nexport default function UnitControl( { units: unitsProp, ...props } ) {\n\tconst units = useCustomUnits( {\n\t\tavailableUnits: useSetting( 'spacing.units' ) || [\n\t\t\t'%',\n\t\t\t'px',\n\t\t\t'em',\n\t\t\t'rem',\n\t\t\t'vw',\n\t\t],\n\t\tunits: unitsProp,\n\t} );\n\n\treturn <BaseUnitControl units={ units } { ...props } />;\n}\n"],"mappings":";;;;;;;;AAGA,IAAAA,WAAA,GAAAC,OAAA;AAQA,IAAAC,WAAA,GAAAC,sBAAA,CAAAF,OAAA;AAXA;AACA;AACA;;AAMA;AACA;AACA;;AAGe,SAASG,WAAWA,CAAE;EAAEC,KAAK,EAAEC,SAAS;EAAE,GAAGC;AAAM,CAAC,EAAG;EACrE,MAAMF,KAAK,GAAG,IAAAG,wCAAc,EAAE;IAC7BC,cAAc,EAAE,IAAAC,mBAAU,EAAE,eAAgB,CAAC,IAAI,CAChD,GAAG,EACH,IAAI,EACJ,IAAI,EACJ,KAAK,EACL,IAAI,CACJ;IACDL,KAAK,EAAEC;EACR,CAAE,CAAC;EAEH,OAAO,IAAAK,QAAA,CAAAC,aAAA,EAACZ,WAAA,CAAAa,yBAAe;IAACR,KAAK,EAAGA,KAAO;IAAA,GAAME;EAAK,CAAI,CAAC;AACxD"}
+{"version":3,"names":["_components","require","_useSetting","_interopRequireDefault","UnitControl","units","unitsProp","props","useCustomUnits","availableUnits","useSetting","_react","createElement","__experimentalUnitControl"],"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 useSetting from '../use-setting';\n\nexport default function UnitControl( { units: unitsProp, ...props } ) {\n\tconst units = useCustomUnits( {\n\t\tavailableUnits: useSetting( 'spacing.units' ) || [\n\t\t\t'%',\n\t\t\t'px',\n\t\t\t'em',\n\t\t\t'rem',\n\t\t\t'vw',\n\t\t],\n\t\tunits: unitsProp,\n\t} );\n\n\treturn <BaseUnitControl units={ units } { ...props } />;\n}\n"],"mappings":";;;;;;;;AAGA,IAAAA,WAAA,GAAAC,OAAA;AAQA,IAAAC,WAAA,GAAAC,sBAAA,CAAAF,OAAA;AAXA;AACA;AACA;;AAMA;AACA;AACA;;AAGe,SAASG,WAAWA,CAAE;EAAEC,KAAK,EAAEC,SAAS;EAAE,GAAGC;AAAM,CAAC,EAAG;EACrE,MAAMF,KAAK,GAAG,IAAAG,wCAAc,EAAE;IAC7BC,cAAc,EAAE,IAAAC,mBAAU,EAAE,eAAgB,CAAC,IAAI,CAChD,GAAG,EACH,IAAI,EACJ,IAAI,EACJ,KAAK,EACL,IAAI,CACJ;IACDL,KAAK,EAAEC;EACR,CAAE,CAAC;EAEH,OAAO,IAAAK,MAAA,CAAAC,aAAA,EAACZ,WAAA,CAAAa,yBAAe;IAACR,KAAK,EAAGA,KAAO;IAAA,GAAME;EAAK,CAAI,CAAC;AACxD"}

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

@@ -0,0 +1,127 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = require("react");
+var _reactNative = require("react-native");
+var _components = require("@wordpress/components");
+var _reactNativeBridge = require("@wordpress/react-native-bridge");
+var _icons = require("@wordpress/icons");
+var _i18n = require("@wordpress/i18n");
+var _compose = require("@wordpress/compose");
+var _blocks = require("@wordpress/blocks");
+var _element = require("@wordpress/element");
+var _hooks = require("@wordpress/hooks");
+var _style = _interopRequireDefault(require("./style.scss"));
+var _useUnsupportedBlockEditor = _interopRequireDefault(require("../use-unsupported-block-editor"));
+/**
+ * External dependencies
+ */
+
+/**
+ * WordPress dependencies
+ */
+
+/**
+ * Internal dependencies
+ */
+
+const EMPTY_ARRAY = [];
+const UnsupportedBlockDetails = ({
+  clientId,
+  showSheet,
+  onCloseSheet,
+  customBlockTitle = '',
+  icon,
+  title,
+  description,
+  actionButtonLabel,
+  customActions = EMPTY_ARRAY
+}) => {
+  const [sendFallbackMessage, setSendFallbackMessage] = (0, _element.useState)(false);
+  const [sendButtonPressMessage, setSendButtonPressMessage] = (0, _element.useState)(false);
+  const {
+    blockName,
+    blockContent,
+    isUnsupportedBlockEditorSupported,
+    canEnableUnsupportedBlockEditor,
+    isEditableInUnsupportedBlockEditor
+  } = (0, _useUnsupportedBlockEditor.default)(clientId);
+
+  // Styles
+  const textStyle = (0, _compose.usePreferredColorSchemeStyle)(_style.default['unsupported-block-details__text'], _style.default['unsupported-block-details__text--dark']);
+  const titleStyle = (0, _compose.usePreferredColorSchemeStyle)(_style.default['unsupported-block-details__title'], _style.default['unsupported-block-details__title--dark']);
+  const descriptionStyle = (0, _compose.usePreferredColorSchemeStyle)(_style.default['unsupported-block-details__description'], _style.default['unsupported-block-details__description--dark']);
+  const iconStyle = (0, _compose.usePreferredColorSchemeStyle)(_style.default['unsupported-block-details__icon'], _style.default['unsupported-block-details__icon--dark']);
+  const actionButtonStyle = (0, _compose.usePreferredColorSchemeStyle)(_style.default['unsupported-block-details__action-button'], _style.default['unsupported-block-details__action-button--dark']);
+  const blockTitle = customBlockTitle || (0, _blocks.getBlockType)(blockName)?.title || blockName;
+  const requestFallback = (0, _element.useCallback)(() => {
+    if (canEnableUnsupportedBlockEditor && isUnsupportedBlockEditorSupported === false) {
+      onCloseSheet();
+      setSendButtonPressMessage(true);
+    } else {
+      onCloseSheet();
+      setSendFallbackMessage(true);
+    }
+  }, [canEnableUnsupportedBlockEditor, isUnsupportedBlockEditorSupported, onCloseSheet]);
+
+  // The description can include extra notes via WP hooks.
+  const descriptionWithNotes = (0, _hooks.applyFilters)('native.unsupported_block_details_extra_note', description, blockName);
+  const webEditorDefaultLabel = (0, _hooks.applyFilters)('native.unsupported_block_details_web_editor_action', (0, _i18n.__)('Edit using web editor'));
+  const canUseWebEditor = (isUnsupportedBlockEditorSupported || canEnableUnsupportedBlockEditor) && isEditableInUnsupportedBlockEditor;
+  const actions = [...[canUseWebEditor && {
+    label: actionButtonLabel || webEditorDefaultLabel,
+    onPress: requestFallback
+  }], ...customActions].filter(Boolean);
+  return (0, _react.createElement)(_components.BottomSheet, {
+    isVisible: showSheet,
+    hideHeader: true,
+    onClose: onCloseSheet,
+    onModalHide: () => {
+      if (sendFallbackMessage) {
+        // On iOS, onModalHide is called when the controller is still part of the hierarchy.
+        // A small delay will ensure that the controller has already been removed.
+        (void 0).timeout = setTimeout(() => {
+          // For the Classic block, the content is kept in the `content` attribute.
+          (0, _reactNativeBridge.requestUnsupportedBlockFallback)(blockContent, clientId, blockName, blockTitle);
+        }, 100);
+        setSendFallbackMessage(false);
+      } else if (sendButtonPressMessage) {
+        (void 0).timeout = setTimeout(() => {
+          (0, _reactNativeBridge.sendActionButtonPressedAction)(_reactNativeBridge.actionButtons.missingBlockAlertActionButton);
+        }, 100);
+        setSendButtonPressMessage(false);
+      }
+    }
+  }, (0, _react.createElement)(_reactNative.View, {
+    style: _style.default['unsupported-block-details__container']
+  }, (0, _react.createElement)(_components.Icon, {
+    icon: icon || _icons.help,
+    color: iconStyle.color,
+    size: iconStyle.size
+  }), (0, _react.createElement)(_reactNative.Text, {
+    style: [textStyle, titleStyle]
+  }, title), isEditableInUnsupportedBlockEditor && descriptionWithNotes && (0, _react.createElement)(_reactNative.Text, {
+    style: [textStyle, descriptionStyle]
+  }, descriptionWithNotes)), actions.map(({
+    label,
+    onPress
+  }, index) => (0, _react.createElement)(_components.TextControl, {
+    key: `${label} - ${index}`,
+    label: label,
+    separatorType: "topFullWidth",
+    onPress: onPress,
+    labelStyle: actionButtonStyle
+  })), (0, _react.createElement)(_components.TextControl, {
+    label: (0, _i18n.__)('Dismiss'),
+    separatorType: "topFullWidth",
+    onPress: onCloseSheet,
+    labelStyle: actionButtonStyle
+  }));
+};
+var _default = UnsupportedBlockDetails;
+exports.default = _default;
+//# sourceMappingURL=index.native.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNative","require","_components","_reactNativeBridge","_icons","_i18n","_compose","_blocks","_element","_hooks","_style","_interopRequireDefault","_useUnsupportedBlockEditor","EMPTY_ARRAY","UnsupportedBlockDetails","clientId","showSheet","onCloseSheet","customBlockTitle","icon","title","description","actionButtonLabel","customActions","sendFallbackMessage","setSendFallbackMessage","useState","sendButtonPressMessage","setSendButtonPressMessage","blockName","blockContent","isUnsupportedBlockEditorSupported","canEnableUnsupportedBlockEditor","isEditableInUnsupportedBlockEditor","useUnsupportedBlockEditor","textStyle","usePreferredColorSchemeStyle","styles","titleStyle","descriptionStyle","iconStyle","actionButtonStyle","blockTitle","getBlockType","requestFallback","useCallback","descriptionWithNotes","applyFilters","webEditorDefaultLabel","__","canUseWebEditor","actions","label","onPress","filter","Boolean","_react","createElement","BottomSheet","isVisible","hideHeader","onClose","onModalHide","timeout","setTimeout","requestUnsupportedBlockFallback","sendActionButtonPressedAction","actionButtons","missingBlockAlertActionButton","View","style","Icon","help","color","size","Text","map","index","TextControl","key","separatorType","labelStyle","_default","exports","default"],"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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"}

package/build/components/url-input/button.js

@@ -5,8 +5,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _element = require("@wordpress/element");
+var _react = require("react");
 var _i18n = require("@wordpress/i18n");
+var _element = require("@wordpress/element");
 var _components = require("@wordpress/components");
 var _icons = require("@wordpress/icons");
 var _ = _interopRequireDefault(require("./"));
@@ -45,29 +46,29 @@ class URLInputButton extends _element.Component {
       expanded
     } = this.state;
     const buttonLabel = url ? (0, _i18n.__)('Edit link') : (0, _i18n.__)('Insert link');
-    return (0, _element.createElement)("div", {
+    return (0, _react.createElement)("div", {
       className: "block-editor-url-input__button"
-    }, (0, _element.createElement)(_components.Button, {
+    }, (0, _react.createElement)(_components.Button, {
       icon: _icons.link,
       label: buttonLabel,
       onClick: this.toggle,
       className: "components-toolbar__control",
       isPressed: !!url
-    }), expanded && (0, _element.createElement)("form", {
+    }), expanded && (0, _react.createElement)("form", {
       className: "block-editor-url-input__button-modal",
       onSubmit: this.submitLink
-    }, (0, _element.createElement)("div", {
+    }, (0, _react.createElement)("div", {
       className: "block-editor-url-input__button-modal-line"
-    }, (0, _element.createElement)(_components.Button, {
+    }, (0, _react.createElement)(_components.Button, {
       className: "block-editor-url-input__back",
       icon: _icons.arrowLeft,
       label: (0, _i18n.__)('Close'),
       onClick: this.toggle
-    }), (0, _element.createElement)(_.default, {
+    }), (0, _react.createElement)(_.default, {
       __nextHasNoMarginBottom: true,
       value: url || '',
       onChange: onChange
-    }), (0, _element.createElement)(_components.Button, {
+    }), (0, _react.createElement)(_components.Button, {
       icon: _icons.keyboardReturn,
       label: (0, _i18n.__)('Submit'),
       type: "submit"

package/build/components/url-input/button.js.map

@@ -1 +1 @@
-{"version":3,"names":["_element","require","_i18n","_components","_icons","_","_interopRequireDefault","URLInputButton","Component","constructor","arguments","toggle","bind","submitLink","state","expanded","setState","event","preventDefault","render","url","onChange","props","buttonLabel","__","createElement","className","Button","icon","link","label","onClick","isPressed","onSubmit","arrowLeft","default","__nextHasNoMarginBottom","value","keyboardReturn","type","_default","exports"],"sources":["@wordpress/block-editor/src/components/url-input/button.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { Component } from '@wordpress/element';\nimport { Button } from '@wordpress/components';\nimport { link, keyboardReturn, arrowLeft } from '@wordpress/icons';\n\n/**\n * Internal dependencies\n */\nimport URLInput from './';\n\nclass URLInputButton extends Component {\n\tconstructor() {\n\t\tsuper( ...arguments );\n\t\tthis.toggle = this.toggle.bind( this );\n\t\tthis.submitLink = this.submitLink.bind( this );\n\t\tthis.state = {\n\t\t\texpanded: false,\n\t\t};\n\t}\n\n\ttoggle() {\n\t\tthis.setState( { expanded: ! this.state.expanded } );\n\t}\n\n\tsubmitLink( event ) {\n\t\tevent.preventDefault();\n\t\tthis.toggle();\n\t}\n\n\trender() {\n\t\tconst { url, onChange } = this.props;\n\t\tconst { expanded } = this.state;\n\t\tconst buttonLabel = url ? __( 'Edit link' ) : __( 'Insert link' );\n\n\t\treturn (\n\t\t\t<div className=\"block-editor-url-input__button\">\n\t\t\t\t<Button\n\t\t\t\t\ticon={ link }\n\t\t\t\t\tlabel={ buttonLabel }\n\t\t\t\t\tonClick={ this.toggle }\n\t\t\t\t\tclassName=\"components-toolbar__control\"\n\t\t\t\t\tisPressed={ !! url }\n\t\t\t\t/>\n\t\t\t\t{ expanded && (\n\t\t\t\t\t<form\n\t\t\t\t\t\tclassName=\"block-editor-url-input__button-modal\"\n\t\t\t\t\t\tonSubmit={ this.submitLink }\n\t\t\t\t\t>\n\t\t\t\t\t\t<div className=\"block-editor-url-input__button-modal-line\">\n\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\tclassName=\"block-editor-url-input__back\"\n\t\t\t\t\t\t\t\ticon={ arrowLeft }\n\t\t\t\t\t\t\t\tlabel={ __( 'Close' ) }\n\t\t\t\t\t\t\t\tonClick={ this.toggle }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t<URLInput\n\t\t\t\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\t\t\t\tvalue={ url || '' }\n\t\t\t\t\t\t\t\tonChange={ onChange }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\ticon={ keyboardReturn }\n\t\t\t\t\t\t\t\tlabel={ __( 'Submit' ) }\n\t\t\t\t\t\t\t\ttype=\"submit\"\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</form>\n\t\t\t\t) }\n\t\t\t</div>\n\t\t);\n\t}\n}\n\n/**\n * @see https://github.com/WordPress/gutenberg/blob/HEAD/packages/block-editor/src/components/url-input/README.md\n */\nexport default URLInputButton;\n"],"mappings":";;;;;;;AAIA,IAAAA,QAAA,GAAAC,OAAA;AADA,IAAAC,KAAA,GAAAD,OAAA;AAEA,IAAAE,WAAA,GAAAF,OAAA;AACA,IAAAG,MAAA,GAAAH,OAAA;AAKA,IAAAI,CAAA,GAAAC,sBAAA,CAAAL,OAAA;AAXA;AACA;AACA;;AAMA;AACA;AACA;;AAGA,MAAMM,cAAc,SAASC,kBAAS,CAAC;EACtCC,WAAWA,CAAA,EAAG;IACb,KAAK,CAAE,GAAGC,SAAU,CAAC;IACrB,IAAI,CAACC,MAAM,GAAG,IAAI,CAACA,MAAM,CAACC,IAAI,CAAE,IAAK,CAAC;IACtC,IAAI,CAACC,UAAU,GAAG,IAAI,CAACA,UAAU,CAACD,IAAI,CAAE,IAAK,CAAC;IAC9C,IAAI,CAACE,KAAK,GAAG;MACZC,QAAQ,EAAE;IACX,CAAC;EACF;EAEAJ,MAAMA,CAAA,EAAG;IACR,IAAI,CAACK,QAAQ,CAAE;MAAED,QAAQ,EAAE,CAAE,IAAI,CAACD,KAAK,CAACC;IAAS,CAAE,CAAC;EACrD;EAEAF,UAAUA,CAAEI,KAAK,EAAG;IACnBA,KAAK,CAACC,cAAc,CAAC,CAAC;IACtB,IAAI,CAACP,MAAM,CAAC,CAAC;EACd;EAEAQ,MAAMA,CAAA,EAAG;IACR,MAAM;MAAEC,GAAG;MAAEC;IAAS,CAAC,GAAG,IAAI,CAACC,KAAK;IACpC,MAAM;MAAEP;IAAS,CAAC,GAAG,IAAI,CAACD,KAAK;IAC/B,MAAMS,WAAW,GAAGH,GAAG,GAAG,IAAAI,QAAE,EAAE,WAAY,CAAC,GAAG,IAAAA,QAAE,EAAE,aAAc,CAAC;IAEjE,OACC,IAAAxB,QAAA,CAAAyB,aAAA;MAAKC,SAAS,EAAC;IAAgC,GAC9C,IAAA1B,QAAA,CAAAyB,aAAA,EAACtB,WAAA,CAAAwB,MAAM;MACNC,IAAI,EAAGC,WAAM;MACbC,KAAK,EAAGP,WAAa;MACrBQ,OAAO,EAAG,IAAI,CAACpB,MAAQ;MACvBe,SAAS,EAAC,6BAA6B;MACvCM,SAAS,EAAG,CAAC,CAAEZ;IAAK,CACpB,CAAC,EACAL,QAAQ,IACT,IAAAf,QAAA,CAAAyB,aAAA;MACCC,SAAS,EAAC,sCAAsC;MAChDO,QAAQ,EAAG,IAAI,CAACpB;IAAY,GAE5B,IAAAb,QAAA,CAAAyB,aAAA;MAAKC,SAAS,EAAC;IAA2C,GACzD,IAAA1B,QAAA,CAAAyB,aAAA,EAACtB,WAAA,CAAAwB,MAAM;MACND,SAAS,EAAC,8BAA8B;MACxCE,IAAI,EAAGM,gBAAW;MAClBJ,KAAK,EAAG,IAAAN,QAAE,EAAE,OAAQ,CAAG;MACvBO,OAAO,EAAG,IAAI,CAACpB;IAAQ,CACvB,CAAC,EACF,IAAAX,QAAA,CAAAyB,aAAA,EAACpB,CAAA,CAAA8B,OAAQ;MACRC,uBAAuB;MACvBC,KAAK,EAAGjB,GAAG,IAAI,EAAI;MACnBC,QAAQ,EAAGA;IAAU,CACrB,CAAC,EACF,IAAArB,QAAA,CAAAyB,aAAA,EAACtB,WAAA,CAAAwB,MAAM;MACNC,IAAI,EAAGU,qBAAgB;MACvBR,KAAK,EAAG,IAAAN,QAAE,EAAE,QAAS,CAAG;MACxBe,IAAI,EAAC;IAAQ,CACb,CACG,CACA,CAEH,CAAC;EAER;AACD;;AAEA;AACA;AACA;AAFA,IAAAC,QAAA,GAGejC,cAAc;AAAAkC,OAAA,CAAAN,OAAA,GAAAK,QAAA"}
+{"version":3,"names":["_i18n","require","_element","_components","_icons","_","_interopRequireDefault","URLInputButton","Component","constructor","arguments","toggle","bind","submitLink","state","expanded","setState","event","preventDefault","render","url","onChange","props","buttonLabel","__","_react","createElement","className","Button","icon","link","label","onClick","isPressed","onSubmit","arrowLeft","default","__nextHasNoMarginBottom","value","keyboardReturn","type","_default","exports"],"sources":["@wordpress/block-editor/src/components/url-input/button.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { Component } from '@wordpress/element';\nimport { Button } from '@wordpress/components';\nimport { link, keyboardReturn, arrowLeft } from '@wordpress/icons';\n\n/**\n * Internal dependencies\n */\nimport URLInput from './';\n\nclass URLInputButton extends Component {\n\tconstructor() {\n\t\tsuper( ...arguments );\n\t\tthis.toggle = this.toggle.bind( this );\n\t\tthis.submitLink = this.submitLink.bind( this );\n\t\tthis.state = {\n\t\t\texpanded: false,\n\t\t};\n\t}\n\n\ttoggle() {\n\t\tthis.setState( { expanded: ! this.state.expanded } );\n\t}\n\n\tsubmitLink( event ) {\n\t\tevent.preventDefault();\n\t\tthis.toggle();\n\t}\n\n\trender() {\n\t\tconst { url, onChange } = this.props;\n\t\tconst { expanded } = this.state;\n\t\tconst buttonLabel = url ? __( 'Edit link' ) : __( 'Insert link' );\n\n\t\treturn (\n\t\t\t<div className=\"block-editor-url-input__button\">\n\t\t\t\t<Button\n\t\t\t\t\ticon={ link }\n\t\t\t\t\tlabel={ buttonLabel }\n\t\t\t\t\tonClick={ this.toggle }\n\t\t\t\t\tclassName=\"components-toolbar__control\"\n\t\t\t\t\tisPressed={ !! url }\n\t\t\t\t/>\n\t\t\t\t{ expanded && (\n\t\t\t\t\t<form\n\t\t\t\t\t\tclassName=\"block-editor-url-input__button-modal\"\n\t\t\t\t\t\tonSubmit={ this.submitLink }\n\t\t\t\t\t>\n\t\t\t\t\t\t<div className=\"block-editor-url-input__button-modal-line\">\n\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\tclassName=\"block-editor-url-input__back\"\n\t\t\t\t\t\t\t\ticon={ arrowLeft }\n\t\t\t\t\t\t\t\tlabel={ __( 'Close' ) }\n\t\t\t\t\t\t\t\tonClick={ this.toggle }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t<URLInput\n\t\t\t\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\t\t\t\tvalue={ url || '' }\n\t\t\t\t\t\t\t\tonChange={ onChange }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\ticon={ keyboardReturn }\n\t\t\t\t\t\t\t\tlabel={ __( 'Submit' ) }\n\t\t\t\t\t\t\t\ttype=\"submit\"\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</form>\n\t\t\t\t) }\n\t\t\t</div>\n\t\t);\n\t}\n}\n\n/**\n * @see https://github.com/WordPress/gutenberg/blob/HEAD/packages/block-editor/src/components/url-input/README.md\n */\nexport default URLInputButton;\n"],"mappings":";;;;;;;;AAGA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,QAAA,GAAAD,OAAA;AACA,IAAAE,WAAA,GAAAF,OAAA;AACA,IAAAG,MAAA,GAAAH,OAAA;AAKA,IAAAI,CAAA,GAAAC,sBAAA,CAAAL,OAAA;AAXA;AACA;AACA;;AAMA;AACA;AACA;;AAGA,MAAMM,cAAc,SAASC,kBAAS,CAAC;EACtCC,WAAWA,CAAA,EAAG;IACb,KAAK,CAAE,GAAGC,SAAU,CAAC;IACrB,IAAI,CAACC,MAAM,GAAG,IAAI,CAACA,MAAM,CAACC,IAAI,CAAE,IAAK,CAAC;IACtC,IAAI,CAACC,UAAU,GAAG,IAAI,CAACA,UAAU,CAACD,IAAI,CAAE,IAAK,CAAC;IAC9C,IAAI,CAACE,KAAK,GAAG;MACZC,QAAQ,EAAE;IACX,CAAC;EACF;EAEAJ,MAAMA,CAAA,EAAG;IACR,IAAI,CAACK,QAAQ,CAAE;MAAED,QAAQ,EAAE,CAAE,IAAI,CAACD,KAAK,CAACC;IAAS,CAAE,CAAC;EACrD;EAEAF,UAAUA,CAAEI,KAAK,EAAG;IACnBA,KAAK,CAACC,cAAc,CAAC,CAAC;IACtB,IAAI,CAACP,MAAM,CAAC,CAAC;EACd;EAEAQ,MAAMA,CAAA,EAAG;IACR,MAAM;MAAEC,GAAG;MAAEC;IAAS,CAAC,GAAG,IAAI,CAACC,KAAK;IACpC,MAAM;MAAEP;IAAS,CAAC,GAAG,IAAI,CAACD,KAAK;IAC/B,MAAMS,WAAW,GAAGH,GAAG,GAAG,IAAAI,QAAE,EAAE,WAAY,CAAC,GAAG,IAAAA,QAAE,EAAE,aAAc,CAAC;IAEjE,OACC,IAAAC,MAAA,CAAAC,aAAA;MAAKC,SAAS,EAAC;IAAgC,GAC9C,IAAAF,MAAA,CAAAC,aAAA,EAACvB,WAAA,CAAAyB,MAAM;MACNC,IAAI,EAAGC,WAAM;MACbC,KAAK,EAAGR,WAAa;MACrBS,OAAO,EAAG,IAAI,CAACrB,MAAQ;MACvBgB,SAAS,EAAC,6BAA6B;MACvCM,SAAS,EAAG,CAAC,CAAEb;IAAK,CACpB,CAAC,EACAL,QAAQ,IACT,IAAAU,MAAA,CAAAC,aAAA;MACCC,SAAS,EAAC,sCAAsC;MAChDO,QAAQ,EAAG,IAAI,CAACrB;IAAY,GAE5B,IAAAY,MAAA,CAAAC,aAAA;MAAKC,SAAS,EAAC;IAA2C,GACzD,IAAAF,MAAA,CAAAC,aAAA,EAACvB,WAAA,CAAAyB,MAAM;MACND,SAAS,EAAC,8BAA8B;MACxCE,IAAI,EAAGM,gBAAW;MAClBJ,KAAK,EAAG,IAAAP,QAAE,EAAE,OAAQ,CAAG;MACvBQ,OAAO,EAAG,IAAI,CAACrB;IAAQ,CACvB,CAAC,EACF,IAAAc,MAAA,CAAAC,aAAA,EAACrB,CAAA,CAAA+B,OAAQ;MACRC,uBAAuB;MACvBC,KAAK,EAAGlB,GAAG,IAAI,EAAI;MACnBC,QAAQ,EAAGA;IAAU,CACrB,CAAC,EACF,IAAAI,MAAA,CAAAC,aAAA,EAACvB,WAAA,CAAAyB,MAAM;MACNC,IAAI,EAAGU,qBAAgB;MACvBR,KAAK,EAAG,IAAAP,QAAE,EAAE,QAAS,CAAG;MACxBgB,IAAI,EAAC;IAAQ,CACb,CACG,CACA,CAEH,CAAC;EAER;AACD;;AAEA;AACA;AACA;AAFA,IAAAC,QAAA,GAGelC,cAAc;AAAAmC,OAAA,CAAAN,OAAA,GAAAK,QAAA"}

package/build/components/url-input/index.js

@@ -5,11 +5,12 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _element = require("@wordpress/element");
+var _react = require("react");
 var _classnames = _interopRequireDefault(require("classnames"));
 var _domScrollIntoView = _interopRequireDefault(require("dom-scroll-into-view"));
 var _deprecated = _interopRequireDefault(require("@wordpress/deprecated"));
 var _i18n = require("@wordpress/i18n");
+var _element = require("@wordpress/element");
 var _keycodes = require("@wordpress/keycodes");
 var _components = require("@wordpress/components");
 var _compose = require("@wordpress/compose");
@@ -343,7 +344,7 @@ class URLInput extends _element.Component {
     };
   }
   render() {
-    return (0, _element.createElement)(_element.Fragment, null, this.renderControl(), this.renderSuggestions());
+    return (0, _react.createElement)(_react.Fragment, null, this.renderControl(), this.renderSuggestions());
   }
   renderControl() {
     const {
@@ -404,12 +405,12 @@ class URLInput extends _element.Component {
         hint: 'Set the `__nextHasNoMarginBottom` prop to true to start opting into the new styles, which will become the default in a future version'
       });
     }
-    return (0, _element.createElement)(_components.BaseControl, {
+    return (0, _react.createElement)(_components.BaseControl, {
       __nextHasNoMarginBottom: __nextHasNoMarginBottom,
       ...controlProps
-    }, (0, _element.createElement)("input", {
+    }, (0, _react.createElement)("input", {
       ...inputProps
-    }), loading && (0, _element.createElement)(_components.Spinner, null));
+    }), loading && (0, _react.createElement)(_components.Spinner, null));
   }
   renderSuggestions() {
     const {
@@ -454,13 +455,13 @@ class URLInput extends _element.Component {
         currentInputValue: suggestionsValue
       });
     }
-    return (0, _element.createElement)(_components.Popover, {
+    return (0, _react.createElement)(_components.Popover, {
       placement: "bottom",
       focusOnMount: false
-    }, (0, _element.createElement)("div", {
+    }, (0, _react.createElement)("div", {
       ...suggestionsListProps,
       className: (0, _classnames.default)('block-editor-url-input__suggestions', `${className}__suggestions`)
-    }, suggestions.map((suggestion, index) => (0, _element.createElement)(_components.Button, {
+    }, suggestions.map((suggestion, index) => (0, _react.createElement)(_components.Button, {
       ...buildSuggestionItemProps(suggestion, index),
       key: suggestion.id,
       className: (0, _classnames.default)('block-editor-url-input__suggestion', {