@wordpress/format-library 4.19.3 → 4.20.0

package/CHANGELOG.md

@@ -2,6 +2,8 @@
 
 ## Unreleased
 
+## 4.20.0 (2023-10-05)
+
 ## 4.19.0 (2023-09-20)
 
 ## 4.18.0 (2023-08-31)

package/build/bold/index.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.bold = void 0;
-var _element = require("@wordpress/element");
+var _react = require("react");
 var _i18n = require("@wordpress/i18n");
 var _richText = require("@wordpress/rich-text");
 var _blockEditor = require("@wordpress/block-editor");
@@ -38,11 +38,11 @@ const bold = {
       }));
       onFocus();
     }
-    return (0, _element.createElement)(_element.Fragment, null, (0, _element.createElement)(_blockEditor.RichTextShortcut, {
+    return (0, _react.createElement)(_react.Fragment, null, (0, _react.createElement)(_blockEditor.RichTextShortcut, {
       type: "primary",
       character: "b",
       onUse: onToggle
-    }), (0, _element.createElement)(_blockEditor.RichTextToolbarButton, {
+    }), (0, _react.createElement)(_blockEditor.RichTextToolbarButton, {
       name: "bold",
       icon: _icons.formatBold,
       title: title,
@@ -50,7 +50,7 @@ const bold = {
       isActive: isActive,
       shortcutType: "primary",
       shortcutCharacter: "b"
-    }), (0, _element.createElement)(_blockEditor.__unstableRichTextInputEvent, {
+    }), (0, _react.createElement)(_blockEditor.__unstableRichTextInputEvent, {
       inputType: "formatBold",
       onInput: onToggle
     }));

package/build/bold/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_i18n","require","_richText","_blockEditor","_icons","name","title","__","bold","tagName","className","edit","isActive","value","onChange","onFocus","onToggle","toggleFormat","type","onClick","_element","createElement","Fragment","RichTextShortcut","character","onUse","RichTextToolbarButton","icon","formatBold","shortcutType","shortcutCharacter","__unstableRichTextInputEvent","inputType","onInput","exports"],"sources":["@wordpress/format-library/src/bold/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { toggleFormat } from '@wordpress/rich-text';\nimport {\n\tRichTextToolbarButton,\n\tRichTextShortcut,\n\t__unstableRichTextInputEvent,\n} from '@wordpress/block-editor';\nimport { formatBold } from '@wordpress/icons';\n\nconst name = 'core/bold';\nconst title = __( 'Bold' );\n\nexport const bold = {\n\tname,\n\ttitle,\n\ttagName: 'strong',\n\tclassName: null,\n\tedit( { isActive, value, onChange, onFocus } ) {\n\t\tfunction onToggle() {\n\t\t\tonChange( toggleFormat( value, { type: name, title } ) );\n\t\t}\n\n\t\tfunction onClick() {\n\t\t\tonChange( toggleFormat( value, { type: name } ) );\n\t\t\tonFocus();\n\t\t}\n\n\t\treturn (\n\t\t\t<>\n\t\t\t\t<RichTextShortcut\n\t\t\t\t\ttype=\"primary\"\n\t\t\t\t\tcharacter=\"b\"\n\t\t\t\t\tonUse={ onToggle }\n\t\t\t\t/>\n\t\t\t\t<RichTextToolbarButton\n\t\t\t\t\tname=\"bold\"\n\t\t\t\t\ticon={ formatBold }\n\t\t\t\t\ttitle={ title }\n\t\t\t\t\tonClick={ onClick }\n\t\t\t\t\tisActive={ isActive }\n\t\t\t\t\tshortcutType=\"primary\"\n\t\t\t\t\tshortcutCharacter=\"b\"\n\t\t\t\t/>\n\t\t\t\t<__unstableRichTextInputEvent\n\t\t\t\t\tinputType=\"formatBold\"\n\t\t\t\t\tonInput={ onToggle }\n\t\t\t\t/>\n\t\t\t</>\n\t\t);\n\t},\n};\n"],"mappings":";;;;;;;AAGA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,SAAA,GAAAD,OAAA;AACA,IAAAE,YAAA,GAAAF,OAAA;AAKA,IAAAG,MAAA,GAAAH,OAAA;AAVA;AACA;AACA;;AAUA,MAAMI,IAAI,GAAG,WAAW;AACxB,MAAMC,KAAK,GAAG,IAAAC,QAAE,EAAE,MAAO,CAAC;AAEnB,MAAMC,IAAI,GAAG;EACnBH,IAAI;EACJC,KAAK;EACLG,OAAO,EAAE,QAAQ;EACjBC,SAAS,EAAE,IAAI;EACfC,IAAIA,CAAE;IAAEC,QAAQ;IAAEC,KAAK;IAAEC,QAAQ;IAAEC;EAAQ,CAAC,EAAG;IAC9C,SAASC,QAAQA,CAAA,EAAG;MACnBF,QAAQ,CAAE,IAAAG,sBAAY,EAAEJ,KAAK,EAAE;QAAEK,IAAI,EAAEb,IAAI;QAAEC;MAAM,CAAE,CAAE,CAAC;IACzD;IAEA,SAASa,OAAOA,CAAA,EAAG;MAClBL,QAAQ,CAAE,IAAAG,sBAAY,EAAEJ,KAAK,EAAE;QAAEK,IAAI,EAAEb;MAAK,CAAE,CAAE,CAAC;MACjDU,OAAO,CAAC,CAAC;IACV;IAEA,OACC,IAAAK,QAAA,CAAAC,aAAA,EAAAD,QAAA,CAAAE,QAAA,QACC,IAAAF,QAAA,CAAAC,aAAA,EAAClB,YAAA,CAAAoB,gBAAgB;MAChBL,IAAI,EAAC,SAAS;MACdM,SAAS,EAAC,GAAG;MACbC,KAAK,EAAGT;IAAU,CAClB,CAAC,EACF,IAAAI,QAAA,CAAAC,aAAA,EAAClB,YAAA,CAAAuB,qBAAqB;MACrBrB,IAAI,EAAC,MAAM;MACXsB,IAAI,EAAGC,iBAAY;MACnBtB,KAAK,EAAGA,KAAO;MACfa,OAAO,EAAGA,OAAS;MACnBP,QAAQ,EAAGA,QAAU;MACrBiB,YAAY,EAAC,SAAS;MACtBC,iBAAiB,EAAC;IAAG,CACrB,CAAC,EACF,IAAAV,QAAA,CAAAC,aAAA,EAAClB,YAAA,CAAA4B,4BAA4B;MAC5BC,SAAS,EAAC,YAAY;MACtBC,OAAO,EAAGjB;IAAU,CACpB,CACA,CAAC;EAEL;AACD,CAAC;AAACkB,OAAA,CAAA1B,IAAA,GAAAA,IAAA"}
+{"version":3,"names":["_i18n","require","_richText","_blockEditor","_icons","name","title","__","bold","tagName","className","edit","isActive","value","onChange","onFocus","onToggle","toggleFormat","type","onClick","_react","createElement","Fragment","RichTextShortcut","character","onUse","RichTextToolbarButton","icon","formatBold","shortcutType","shortcutCharacter","__unstableRichTextInputEvent","inputType","onInput","exports"],"sources":["@wordpress/format-library/src/bold/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { toggleFormat } from '@wordpress/rich-text';\nimport {\n\tRichTextToolbarButton,\n\tRichTextShortcut,\n\t__unstableRichTextInputEvent,\n} from '@wordpress/block-editor';\nimport { formatBold } from '@wordpress/icons';\n\nconst name = 'core/bold';\nconst title = __( 'Bold' );\n\nexport const bold = {\n\tname,\n\ttitle,\n\ttagName: 'strong',\n\tclassName: null,\n\tedit( { isActive, value, onChange, onFocus } ) {\n\t\tfunction onToggle() {\n\t\t\tonChange( toggleFormat( value, { type: name, title } ) );\n\t\t}\n\n\t\tfunction onClick() {\n\t\t\tonChange( toggleFormat( value, { type: name } ) );\n\t\t\tonFocus();\n\t\t}\n\n\t\treturn (\n\t\t\t<>\n\t\t\t\t<RichTextShortcut\n\t\t\t\t\ttype=\"primary\"\n\t\t\t\t\tcharacter=\"b\"\n\t\t\t\t\tonUse={ onToggle }\n\t\t\t\t/>\n\t\t\t\t<RichTextToolbarButton\n\t\t\t\t\tname=\"bold\"\n\t\t\t\t\ticon={ formatBold }\n\t\t\t\t\ttitle={ title }\n\t\t\t\t\tonClick={ onClick }\n\t\t\t\t\tisActive={ isActive }\n\t\t\t\t\tshortcutType=\"primary\"\n\t\t\t\t\tshortcutCharacter=\"b\"\n\t\t\t\t/>\n\t\t\t\t<__unstableRichTextInputEvent\n\t\t\t\t\tinputType=\"formatBold\"\n\t\t\t\t\tonInput={ onToggle }\n\t\t\t\t/>\n\t\t\t</>\n\t\t);\n\t},\n};\n"],"mappings":";;;;;;;AAGA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,SAAA,GAAAD,OAAA;AACA,IAAAE,YAAA,GAAAF,OAAA;AAKA,IAAAG,MAAA,GAAAH,OAAA;AAVA;AACA;AACA;;AAUA,MAAMI,IAAI,GAAG,WAAW;AACxB,MAAMC,KAAK,GAAG,IAAAC,QAAE,EAAE,MAAO,CAAC;AAEnB,MAAMC,IAAI,GAAG;EACnBH,IAAI;EACJC,KAAK;EACLG,OAAO,EAAE,QAAQ;EACjBC,SAAS,EAAE,IAAI;EACfC,IAAIA,CAAE;IAAEC,QAAQ;IAAEC,KAAK;IAAEC,QAAQ;IAAEC;EAAQ,CAAC,EAAG;IAC9C,SAASC,QAAQA,CAAA,EAAG;MACnBF,QAAQ,CAAE,IAAAG,sBAAY,EAAEJ,KAAK,EAAE;QAAEK,IAAI,EAAEb,IAAI;QAAEC;MAAM,CAAE,CAAE,CAAC;IACzD;IAEA,SAASa,OAAOA,CAAA,EAAG;MAClBL,QAAQ,CAAE,IAAAG,sBAAY,EAAEJ,KAAK,EAAE;QAAEK,IAAI,EAAEb;MAAK,CAAE,CAAE,CAAC;MACjDU,OAAO,CAAC,CAAC;IACV;IAEA,OACC,IAAAK,MAAA,CAAAC,aAAA,EAAAD,MAAA,CAAAE,QAAA,QACC,IAAAF,MAAA,CAAAC,aAAA,EAAClB,YAAA,CAAAoB,gBAAgB;MAChBL,IAAI,EAAC,SAAS;MACdM,SAAS,EAAC,GAAG;MACbC,KAAK,EAAGT;IAAU,CAClB,CAAC,EACF,IAAAI,MAAA,CAAAC,aAAA,EAAClB,YAAA,CAAAuB,qBAAqB;MACrBrB,IAAI,EAAC,MAAM;MACXsB,IAAI,EAAGC,iBAAY;MACnBtB,KAAK,EAAGA,KAAO;MACfa,OAAO,EAAGA,OAAS;MACnBP,QAAQ,EAAGA,QAAU;MACrBiB,YAAY,EAAC,SAAS;MACtBC,iBAAiB,EAAC;IAAG,CACrB,CAAC,EACF,IAAAV,MAAA,CAAAC,aAAA,EAAClB,YAAA,CAAA4B,4BAA4B;MAC5BC,SAAS,EAAC,YAAY;MACtBC,OAAO,EAAGjB;IAAU,CACpB,CACA,CAAC;EAEL;AACD,CAAC;AAACkB,OAAA,CAAA1B,IAAA,GAAAA,IAAA"}

package/build/code/index.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.code = void 0;
-var _element = require("@wordpress/element");
+var _react = require("react");
 var _i18n = require("@wordpress/i18n");
 var _richText = require("@wordpress/rich-text");
 var _blockEditor = require("@wordpress/block-editor");
@@ -64,11 +64,11 @@ const code = {
       }));
       onFocus();
     }
-    return (0, _element.createElement)(_element.Fragment, null, (0, _element.createElement)(_blockEditor.RichTextShortcut, {
+    return (0, _react.createElement)(_react.Fragment, null, (0, _react.createElement)(_blockEditor.RichTextShortcut, {
       type: "access",
       character: "x",
       onUse: onClick
-    }), (0, _element.createElement)(_blockEditor.RichTextToolbarButton, {
+    }), (0, _react.createElement)(_blockEditor.RichTextToolbarButton, {
       icon: _icons.code,
       title: title,
       onClick: onClick,

package/build/code/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_i18n","require","_richText","_blockEditor","_icons","name","title","__","code","tagName","className","__unstableInputRule","value","BACKTICK","start","text","characterBefore","indexBefore","lastIndexOf","startIndex","endIndex","remove","applyFormat","type","edit","onChange","onFocus","isActive","onClick","toggleFormat","_element","createElement","Fragment","RichTextShortcut","character","onUse","RichTextToolbarButton","icon","codeIcon","role","exports"],"sources":["@wordpress/format-library/src/code/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { toggleFormat, remove, applyFormat } from '@wordpress/rich-text';\nimport {\n\tRichTextToolbarButton,\n\tRichTextShortcut,\n} from '@wordpress/block-editor';\nimport { code as codeIcon } from '@wordpress/icons';\n\nconst name = 'core/code';\nconst title = __( 'Inline code' );\n\nexport const code = {\n\tname,\n\ttitle,\n\ttagName: 'code',\n\tclassName: null,\n\t__unstableInputRule( value ) {\n\t\tconst BACKTICK = '`';\n\t\tconst { start, text } = value;\n\t\tconst characterBefore = text[ start - 1 ];\n\n\t\t// Quick check the text for the necessary character.\n\t\tif ( characterBefore !== BACKTICK ) {\n\t\t\treturn value;\n\t\t}\n\n\t\tif ( start - 2 < 0 ) {\n\t\t\treturn value;\n\t\t}\n\n\t\tconst indexBefore = text.lastIndexOf( BACKTICK, start - 2 );\n\t\tif ( indexBefore === -1 ) {\n\t\t\treturn value;\n\t\t}\n\n\t\tconst startIndex = indexBefore;\n\t\tconst endIndex = start - 2;\n\n\t\tif ( startIndex === endIndex ) {\n\t\t\treturn value;\n\t\t}\n\n\t\tvalue = remove( value, startIndex, startIndex + 1 );\n\t\tvalue = remove( value, endIndex, endIndex + 1 );\n\t\tvalue = applyFormat( value, { type: name }, startIndex, endIndex );\n\n\t\treturn value;\n\t},\n\tedit( { value, onChange, onFocus, isActive } ) {\n\t\tfunction onClick() {\n\t\t\tonChange( toggleFormat( value, { type: name, title } ) );\n\t\t\tonFocus();\n\t\t}\n\n\t\treturn (\n\t\t\t<>\n\t\t\t\t<RichTextShortcut\n\t\t\t\t\ttype=\"access\"\n\t\t\t\t\tcharacter=\"x\"\n\t\t\t\t\tonUse={ onClick }\n\t\t\t\t/>\n\t\t\t\t<RichTextToolbarButton\n\t\t\t\t\ticon={ codeIcon }\n\t\t\t\t\ttitle={ title }\n\t\t\t\t\tonClick={ onClick }\n\t\t\t\t\tisActive={ isActive }\n\t\t\t\t\trole=\"menuitemcheckbox\"\n\t\t\t\t/>\n\t\t\t</>\n\t\t);\n\t},\n};\n"],"mappings":";;;;;;;AAGA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,SAAA,GAAAD,OAAA;AACA,IAAAE,YAAA,GAAAF,OAAA;AAIA,IAAAG,MAAA,GAAAH,OAAA;AATA;AACA;AACA;;AASA,MAAMI,IAAI,GAAG,WAAW;AACxB,MAAMC,KAAK,GAAG,IAAAC,QAAE,EAAE,aAAc,CAAC;AAE1B,MAAMC,IAAI,GAAG;EACnBH,IAAI;EACJC,KAAK;EACLG,OAAO,EAAE,MAAM;EACfC,SAAS,EAAE,IAAI;EACfC,mBAAmBA,CAAEC,KAAK,EAAG;IAC5B,MAAMC,QAAQ,GAAG,GAAG;IACpB,MAAM;MAAEC,KAAK;MAAEC;IAAK,CAAC,GAAGH,KAAK;IAC7B,MAAMI,eAAe,GAAGD,IAAI,CAAED,KAAK,GAAG,CAAC,CAAE;;IAEzC;IACA,IAAKE,eAAe,KAAKH,QAAQ,EAAG;MACnC,OAAOD,KAAK;IACb;IAEA,IAAKE,KAAK,GAAG,CAAC,GAAG,CAAC,EAAG;MACpB,OAAOF,KAAK;IACb;IAEA,MAAMK,WAAW,GAAGF,IAAI,CAACG,WAAW,CAAEL,QAAQ,EAAEC,KAAK,GAAG,CAAE,CAAC;IAC3D,IAAKG,WAAW,KAAK,CAAC,CAAC,EAAG;MACzB,OAAOL,KAAK;IACb;IAEA,MAAMO,UAAU,GAAGF,WAAW;IAC9B,MAAMG,QAAQ,GAAGN,KAAK,GAAG,CAAC;IAE1B,IAAKK,UAAU,KAAKC,QAAQ,EAAG;MAC9B,OAAOR,KAAK;IACb;IAEAA,KAAK,GAAG,IAAAS,gBAAM,EAAET,KAAK,EAAEO,UAAU,EAAEA,UAAU,GAAG,CAAE,CAAC;IACnDP,KAAK,GAAG,IAAAS,gBAAM,EAAET,KAAK,EAAEQ,QAAQ,EAAEA,QAAQ,GAAG,CAAE,CAAC;IAC/CR,KAAK,GAAG,IAAAU,qBAAW,EAAEV,KAAK,EAAE;MAAEW,IAAI,EAAElB;IAAK,CAAC,EAAEc,UAAU,EAAEC,QAAS,CAAC;IAElE,OAAOR,KAAK;EACb,CAAC;EACDY,IAAIA,CAAE;IAAEZ,KAAK;IAAEa,QAAQ;IAAEC,OAAO;IAAEC;EAAS,CAAC,EAAG;IAC9C,SAASC,OAAOA,CAAA,EAAG;MAClBH,QAAQ,CAAE,IAAAI,sBAAY,EAAEjB,KAAK,EAAE;QAAEW,IAAI,EAAElB,IAAI;QAAEC;MAAM,CAAE,CAAE,CAAC;MACxDoB,OAAO,CAAC,CAAC;IACV;IAEA,OACC,IAAAI,QAAA,CAAAC,aAAA,EAAAD,QAAA,CAAAE,QAAA,QACC,IAAAF,QAAA,CAAAC,aAAA,EAAC5B,YAAA,CAAA8B,gBAAgB;MAChBV,IAAI,EAAC,QAAQ;MACbW,SAAS,EAAC,GAAG;MACbC,KAAK,EAAGP;IAAS,CACjB,CAAC,EACF,IAAAE,QAAA,CAAAC,aAAA,EAAC5B,YAAA,CAAAiC,qBAAqB;MACrBC,IAAI,EAAGC,WAAU;MACjBhC,KAAK,EAAGA,KAAO;MACfsB,OAAO,EAAGA,OAAS;MACnBD,QAAQ,EAAGA,QAAU;MACrBY,IAAI,EAAC;IAAkB,CACvB,CACA,CAAC;EAEL;AACD,CAAC;AAACC,OAAA,CAAAhC,IAAA,GAAAA,IAAA"}
+{"version":3,"names":["_i18n","require","_richText","_blockEditor","_icons","name","title","__","code","tagName","className","__unstableInputRule","value","BACKTICK","start","text","characterBefore","indexBefore","lastIndexOf","startIndex","endIndex","remove","applyFormat","type","edit","onChange","onFocus","isActive","onClick","toggleFormat","_react","createElement","Fragment","RichTextShortcut","character","onUse","RichTextToolbarButton","icon","codeIcon","role","exports"],"sources":["@wordpress/format-library/src/code/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { toggleFormat, remove, applyFormat } from '@wordpress/rich-text';\nimport {\n\tRichTextToolbarButton,\n\tRichTextShortcut,\n} from '@wordpress/block-editor';\nimport { code as codeIcon } from '@wordpress/icons';\n\nconst name = 'core/code';\nconst title = __( 'Inline code' );\n\nexport const code = {\n\tname,\n\ttitle,\n\ttagName: 'code',\n\tclassName: null,\n\t__unstableInputRule( value ) {\n\t\tconst BACKTICK = '`';\n\t\tconst { start, text } = value;\n\t\tconst characterBefore = text[ start - 1 ];\n\n\t\t// Quick check the text for the necessary character.\n\t\tif ( characterBefore !== BACKTICK ) {\n\t\t\treturn value;\n\t\t}\n\n\t\tif ( start - 2 < 0 ) {\n\t\t\treturn value;\n\t\t}\n\n\t\tconst indexBefore = text.lastIndexOf( BACKTICK, start - 2 );\n\t\tif ( indexBefore === -1 ) {\n\t\t\treturn value;\n\t\t}\n\n\t\tconst startIndex = indexBefore;\n\t\tconst endIndex = start - 2;\n\n\t\tif ( startIndex === endIndex ) {\n\t\t\treturn value;\n\t\t}\n\n\t\tvalue = remove( value, startIndex, startIndex + 1 );\n\t\tvalue = remove( value, endIndex, endIndex + 1 );\n\t\tvalue = applyFormat( value, { type: name }, startIndex, endIndex );\n\n\t\treturn value;\n\t},\n\tedit( { value, onChange, onFocus, isActive } ) {\n\t\tfunction onClick() {\n\t\t\tonChange( toggleFormat( value, { type: name, title } ) );\n\t\t\tonFocus();\n\t\t}\n\n\t\treturn (\n\t\t\t<>\n\t\t\t\t<RichTextShortcut\n\t\t\t\t\ttype=\"access\"\n\t\t\t\t\tcharacter=\"x\"\n\t\t\t\t\tonUse={ onClick }\n\t\t\t\t/>\n\t\t\t\t<RichTextToolbarButton\n\t\t\t\t\ticon={ codeIcon }\n\t\t\t\t\ttitle={ title }\n\t\t\t\t\tonClick={ onClick }\n\t\t\t\t\tisActive={ isActive }\n\t\t\t\t\trole=\"menuitemcheckbox\"\n\t\t\t\t/>\n\t\t\t</>\n\t\t);\n\t},\n};\n"],"mappings":";;;;;;;AAGA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,SAAA,GAAAD,OAAA;AACA,IAAAE,YAAA,GAAAF,OAAA;AAIA,IAAAG,MAAA,GAAAH,OAAA;AATA;AACA;AACA;;AASA,MAAMI,IAAI,GAAG,WAAW;AACxB,MAAMC,KAAK,GAAG,IAAAC,QAAE,EAAE,aAAc,CAAC;AAE1B,MAAMC,IAAI,GAAG;EACnBH,IAAI;EACJC,KAAK;EACLG,OAAO,EAAE,MAAM;EACfC,SAAS,EAAE,IAAI;EACfC,mBAAmBA,CAAEC,KAAK,EAAG;IAC5B,MAAMC,QAAQ,GAAG,GAAG;IACpB,MAAM;MAAEC,KAAK;MAAEC;IAAK,CAAC,GAAGH,KAAK;IAC7B,MAAMI,eAAe,GAAGD,IAAI,CAAED,KAAK,GAAG,CAAC,CAAE;;IAEzC;IACA,IAAKE,eAAe,KAAKH,QAAQ,EAAG;MACnC,OAAOD,KAAK;IACb;IAEA,IAAKE,KAAK,GAAG,CAAC,GAAG,CAAC,EAAG;MACpB,OAAOF,KAAK;IACb;IAEA,MAAMK,WAAW,GAAGF,IAAI,CAACG,WAAW,CAAEL,QAAQ,EAAEC,KAAK,GAAG,CAAE,CAAC;IAC3D,IAAKG,WAAW,KAAK,CAAC,CAAC,EAAG;MACzB,OAAOL,KAAK;IACb;IAEA,MAAMO,UAAU,GAAGF,WAAW;IAC9B,MAAMG,QAAQ,GAAGN,KAAK,GAAG,CAAC;IAE1B,IAAKK,UAAU,KAAKC,QAAQ,EAAG;MAC9B,OAAOR,KAAK;IACb;IAEAA,KAAK,GAAG,IAAAS,gBAAM,EAAET,KAAK,EAAEO,UAAU,EAAEA,UAAU,GAAG,CAAE,CAAC;IACnDP,KAAK,GAAG,IAAAS,gBAAM,EAAET,KAAK,EAAEQ,QAAQ,EAAEA,QAAQ,GAAG,CAAE,CAAC;IAC/CR,KAAK,GAAG,IAAAU,qBAAW,EAAEV,KAAK,EAAE;MAAEW,IAAI,EAAElB;IAAK,CAAC,EAAEc,UAAU,EAAEC,QAAS,CAAC;IAElE,OAAOR,KAAK;EACb,CAAC;EACDY,IAAIA,CAAE;IAAEZ,KAAK;IAAEa,QAAQ;IAAEC,OAAO;IAAEC;EAAS,CAAC,EAAG;IAC9C,SAASC,OAAOA,CAAA,EAAG;MAClBH,QAAQ,CAAE,IAAAI,sBAAY,EAAEjB,KAAK,EAAE;QAAEW,IAAI,EAAElB,IAAI;QAAEC;MAAM,CAAE,CAAE,CAAC;MACxDoB,OAAO,CAAC,CAAC;IACV;IAEA,OACC,IAAAI,MAAA,CAAAC,aAAA,EAAAD,MAAA,CAAAE,QAAA,QACC,IAAAF,MAAA,CAAAC,aAAA,EAAC5B,YAAA,CAAA8B,gBAAgB;MAChBV,IAAI,EAAC,QAAQ;MACbW,SAAS,EAAC,GAAG;MACbC,KAAK,EAAGP;IAAS,CACjB,CAAC,EACF,IAAAE,MAAA,CAAAC,aAAA,EAAC5B,YAAA,CAAAiC,qBAAqB;MACrBC,IAAI,EAAGC,WAAU;MACjBhC,KAAK,EAAGA,KAAO;MACfsB,OAAO,EAAGA,OAAS;MACnBD,QAAQ,EAAGA,QAAU;MACrBY,IAAI,EAAC;IAAkB,CACvB,CACA,CAAC;EAEL;AACD,CAAC;AAACC,OAAA,CAAAhC,IAAA,GAAAA,IAAA"}

package/build/image/index.js

@@ -4,9 +4,10 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.image = void 0;
-var _element = require("@wordpress/element");
+var _react = require("react");
 var _components = require("@wordpress/components");
 var _i18n = require("@wordpress/i18n");
+var _element = require("@wordpress/element");
 var _richText = require("@wordpress/rich-text");
 var _blockEditor = require("@wordpress/block-editor");
 var _icons = require("@wordpress/icons");
@@ -47,12 +48,12 @@ function InlineUI({
     editableContentElement: contentRef.current,
     settings: image
   });
-  return (0, _element.createElement)(_components.Popover, {
+  return (0, _react.createElement)(_components.Popover, {
     placement: "bottom",
     focusOnMount: false,
     anchor: popoverAnchor,
     className: "block-editor-format-toolbar__image-popover"
-  }, (0, _element.createElement)("form", {
+  }, (0, _react.createElement)("form", {
     className: "block-editor-format-toolbar__image-container-content",
     onSubmit: event => {
       const newReplacements = value.replacements.slice();
@@ -69,16 +70,16 @@ function InlineUI({
       });
       event.preventDefault();
     }
-  }, (0, _element.createElement)(_components.__experimentalHStack, {
+  }, (0, _react.createElement)(_components.__experimentalHStack, {
     alignment: "bottom",
     spacing: "0"
-  }, (0, _element.createElement)(_components.__experimentalNumberControl, {
+  }, (0, _react.createElement)(_components.__experimentalNumberControl, {
     className: "block-editor-format-toolbar__image-container-value",
     label: (0, _i18n.__)('Width'),
     value: width,
     min: 1,
     onChange: newWidth => setWidth(newWidth)
-  }), (0, _element.createElement)(_components.Button, {
+  }), (0, _react.createElement)(_components.Button, {
     className: "block-editor-format-toolbar__image-container-button",
     icon: _icons.keyboardReturn,
     label: (0, _i18n.__)('Apply'),
@@ -100,17 +101,17 @@ function Edit({
   function closeModal() {
     setIsModalOpen(false);
   }
-  return (0, _element.createElement)(_blockEditor.MediaUploadCheck, null, (0, _element.createElement)(_blockEditor.RichTextToolbarButton, {
-    icon: (0, _element.createElement)(_components.SVG, {
+  return (0, _react.createElement)(_blockEditor.MediaUploadCheck, null, (0, _react.createElement)(_blockEditor.RichTextToolbarButton, {
+    icon: (0, _react.createElement)(_components.SVG, {
       xmlns: "http://www.w3.org/2000/svg",
       viewBox: "0 0 24 24"
-    }, (0, _element.createElement)(_components.Path, {
+    }, (0, _react.createElement)(_components.Path, {
       d: "M4 18.5h16V17H4v1.5zM16 13v1.5h4V13h-4zM5.1 15h7.8c.6 0 1.1-.5 1.1-1.1V6.1c0-.6-.5-1.1-1.1-1.1H5.1C4.5 5 4 5.5 4 6.1v7.8c0 .6.5 1.1 1.1 1.1zm.4-8.5h7V10l-1-1c-.3-.3-.8-.3-1 0l-1.6 1.5-1.2-.7c-.3-.2-.6-.2-.9 0l-1.3 1V6.5zm0 6.1l1.8-1.3 1.3.8c.3.2.7.2.9-.1l1.5-1.4 1.5 1.4v1.5h-7v-.9z"
     })),
     title: title,
     onClick: openModal,
     isActive: isObjectActive
-  }), isModalOpen && (0, _element.createElement)(_blockEditor.MediaUpload, {
+  }), isModalOpen && (0, _react.createElement)(_blockEditor.MediaUpload, {
     allowedTypes: ALLOWED_MEDIA_TYPES,
     onSelect: ({
       id,
@@ -137,7 +138,7 @@ function Edit({
       open();
       return null;
     }
-  }), isObjectActive && (0, _element.createElement)(InlineUI, {
+  }), isObjectActive && (0, _react.createElement)(InlineUI, {
     value: value,
     onChange: onChange,
     activeObjectAttributes: activeObjectAttributes,

package/build/image/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_element","require","_components","_i18n","_richText","_blockEditor","_icons","ALLOWED_MEDIA_TYPES","name","title","__","image","keywords","object","tagName","className","attributes","style","url","alt","edit","Edit","exports","InlineUI","value","onChange","activeObjectAttributes","contentRef","width","setWidth","useState","replace","popoverAnchor","useAnchor","editableContentElement","current","settings","createElement","Popover","placement","focusOnMount","anchor","onSubmit","event","newReplacements","replacements","slice","start","type","preventDefault","__experimentalHStack","alignment","spacing","__experimentalNumberControl","label","min","newWidth","Button","icon","keyboardReturn","onFocus","isObjectActive","isModalOpen","setIsModalOpen","openModal","closeModal","MediaUploadCheck","RichTextToolbarButton","SVG","xmlns","viewBox","Path","d","onClick","isActive","MediaUpload","allowedTypes","onSelect","id","imgWidth","insertObject","Math","onClose","render","open"],"sources":["@wordpress/format-library/src/image/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport {\n\tPath,\n\tSVG,\n\tPopover,\n\tButton,\n\t__experimentalNumberControl as NumberControl,\n\t__experimentalHStack as HStack,\n} from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\nimport { useState } from '@wordpress/element';\nimport { insertObject, useAnchor } from '@wordpress/rich-text';\nimport {\n\tMediaUpload,\n\tRichTextToolbarButton,\n\tMediaUploadCheck,\n} from '@wordpress/block-editor';\nimport { keyboardReturn } from '@wordpress/icons';\n\nconst ALLOWED_MEDIA_TYPES = [ 'image' ];\n\nconst name = 'core/image';\nconst title = __( 'Inline image' );\n\nexport const image = {\n\tname,\n\ttitle,\n\tkeywords: [ __( 'photo' ), __( 'media' ) ],\n\tobject: true,\n\ttagName: 'img',\n\tclassName: null,\n\tattributes: {\n\t\tclassName: 'class',\n\t\tstyle: 'style',\n\t\turl: 'src',\n\t\talt: 'alt',\n\t},\n\tedit: Edit,\n};\n\nfunction InlineUI( { value, onChange, activeObjectAttributes, contentRef } ) {\n\tconst { style } = activeObjectAttributes;\n\tconst [ width, setWidth ] = useState( style?.replace( /\\D/g, '' ) );\n\tconst popoverAnchor = useAnchor( {\n\t\teditableContentElement: contentRef.current,\n\t\tsettings: image,\n\t} );\n\n\treturn (\n\t\t<Popover\n\t\t\tplacement=\"bottom\"\n\t\t\tfocusOnMount={ false }\n\t\t\tanchor={ popoverAnchor }\n\t\t\tclassName=\"block-editor-format-toolbar__image-popover\"\n\t\t>\n\t\t\t<form\n\t\t\t\tclassName=\"block-editor-format-toolbar__image-container-content\"\n\t\t\t\tonSubmit={ ( event ) => {\n\t\t\t\t\tconst newReplacements = value.replacements.slice();\n\n\t\t\t\t\tnewReplacements[ value.start ] = {\n\t\t\t\t\t\ttype: name,\n\t\t\t\t\t\tattributes: {\n\t\t\t\t\t\t\t...activeObjectAttributes,\n\t\t\t\t\t\t\tstyle: width ? `width: ${ width }px;` : '',\n\t\t\t\t\t\t},\n\t\t\t\t\t};\n\n\t\t\t\t\tonChange( {\n\t\t\t\t\t\t...value,\n\t\t\t\t\t\treplacements: newReplacements,\n\t\t\t\t\t} );\n\n\t\t\t\t\tevent.preventDefault();\n\t\t\t\t} }\n\t\t\t>\n\t\t\t\t<HStack alignment=\"bottom\" spacing=\"0\">\n\t\t\t\t\t<NumberControl\n\t\t\t\t\t\tclassName=\"block-editor-format-toolbar__image-container-value\"\n\t\t\t\t\t\tlabel={ __( 'Width' ) }\n\t\t\t\t\t\tvalue={ width }\n\t\t\t\t\t\tmin={ 1 }\n\t\t\t\t\t\tonChange={ ( newWidth ) => setWidth( newWidth ) }\n\t\t\t\t\t/>\n\t\t\t\t\t<Button\n\t\t\t\t\t\tclassName=\"block-editor-format-toolbar__image-container-button\"\n\t\t\t\t\t\ticon={ keyboardReturn }\n\t\t\t\t\t\tlabel={ __( 'Apply' ) }\n\t\t\t\t\t\ttype=\"submit\"\n\t\t\t\t\t/>\n\t\t\t\t</HStack>\n\t\t\t</form>\n\t\t</Popover>\n\t);\n}\n\nfunction Edit( {\n\tvalue,\n\tonChange,\n\tonFocus,\n\tisObjectActive,\n\tactiveObjectAttributes,\n\tcontentRef,\n} ) {\n\tconst [ isModalOpen, setIsModalOpen ] = useState( false );\n\n\tfunction openModal() {\n\t\tsetIsModalOpen( true );\n\t}\n\n\tfunction closeModal() {\n\t\tsetIsModalOpen( false );\n\t}\n\n\treturn (\n\t\t<MediaUploadCheck>\n\t\t\t<RichTextToolbarButton\n\t\t\t\ticon={\n\t\t\t\t\t<SVG xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\">\n\t\t\t\t\t\t<Path d=\"M4 18.5h16V17H4v1.5zM16 13v1.5h4V13h-4zM5.1 15h7.8c.6 0 1.1-.5 1.1-1.1V6.1c0-.6-.5-1.1-1.1-1.1H5.1C4.5 5 4 5.5 4 6.1v7.8c0 .6.5 1.1 1.1 1.1zm.4-8.5h7V10l-1-1c-.3-.3-.8-.3-1 0l-1.6 1.5-1.2-.7c-.3-.2-.6-.2-.9 0l-1.3 1V6.5zm0 6.1l1.8-1.3 1.3.8c.3.2.7.2.9-.1l1.5-1.4 1.5 1.4v1.5h-7v-.9z\" />\n\t\t\t\t\t</SVG>\n\t\t\t\t}\n\t\t\t\ttitle={ title }\n\t\t\t\tonClick={ openModal }\n\t\t\t\tisActive={ isObjectActive }\n\t\t\t/>\n\t\t\t{ isModalOpen && (\n\t\t\t\t<MediaUpload\n\t\t\t\t\tallowedTypes={ ALLOWED_MEDIA_TYPES }\n\t\t\t\t\tonSelect={ ( { id, url, alt, width: imgWidth } ) => {\n\t\t\t\t\t\tcloseModal();\n\t\t\t\t\t\tonChange(\n\t\t\t\t\t\t\tinsertObject( value, {\n\t\t\t\t\t\t\t\ttype: name,\n\t\t\t\t\t\t\t\tattributes: {\n\t\t\t\t\t\t\t\t\tclassName: `wp-image-${ id }`,\n\t\t\t\t\t\t\t\t\tstyle: `width: ${ Math.min(\n\t\t\t\t\t\t\t\t\t\timgWidth,\n\t\t\t\t\t\t\t\t\t\t150\n\t\t\t\t\t\t\t\t\t) }px;`,\n\t\t\t\t\t\t\t\t\turl,\n\t\t\t\t\t\t\t\t\talt,\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\tonFocus();\n\t\t\t\t\t} }\n\t\t\t\t\tonClose={ closeModal }\n\t\t\t\t\trender={ ( { open } ) => {\n\t\t\t\t\t\topen();\n\t\t\t\t\t\treturn null;\n\t\t\t\t\t} }\n\t\t\t\t/>\n\t\t\t) }\n\t\t\t{ isObjectActive && (\n\t\t\t\t<InlineUI\n\t\t\t\t\tvalue={ value }\n\t\t\t\t\tonChange={ onChange }\n\t\t\t\t\tactiveObjectAttributes={ activeObjectAttributes }\n\t\t\t\t\tcontentRef={ contentRef }\n\t\t\t\t/>\n\t\t\t) }\n\t\t</MediaUploadCheck>\n\t);\n}\n"],"mappings":"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"}
+{"version":3,"names":["_components","require","_i18n","_element","_richText","_blockEditor","_icons","ALLOWED_MEDIA_TYPES","name","title","__","image","keywords","object","tagName","className","attributes","style","url","alt","edit","Edit","exports","InlineUI","value","onChange","activeObjectAttributes","contentRef","width","setWidth","useState","replace","popoverAnchor","useAnchor","editableContentElement","current","settings","_react","createElement","Popover","placement","focusOnMount","anchor","onSubmit","event","newReplacements","replacements","slice","start","type","preventDefault","__experimentalHStack","alignment","spacing","__experimentalNumberControl","label","min","newWidth","Button","icon","keyboardReturn","onFocus","isObjectActive","isModalOpen","setIsModalOpen","openModal","closeModal","MediaUploadCheck","RichTextToolbarButton","SVG","xmlns","viewBox","Path","d","onClick","isActive","MediaUpload","allowedTypes","onSelect","id","imgWidth","insertObject","Math","onClose","render","open"],"sources":["@wordpress/format-library/src/image/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport {\n\tPath,\n\tSVG,\n\tPopover,\n\tButton,\n\t__experimentalNumberControl as NumberControl,\n\t__experimentalHStack as HStack,\n} from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\nimport { useState } from '@wordpress/element';\nimport { insertObject, useAnchor } from '@wordpress/rich-text';\nimport {\n\tMediaUpload,\n\tRichTextToolbarButton,\n\tMediaUploadCheck,\n} from '@wordpress/block-editor';\nimport { keyboardReturn } from '@wordpress/icons';\n\nconst ALLOWED_MEDIA_TYPES = [ 'image' ];\n\nconst name = 'core/image';\nconst title = __( 'Inline image' );\n\nexport const image = {\n\tname,\n\ttitle,\n\tkeywords: [ __( 'photo' ), __( 'media' ) ],\n\tobject: true,\n\ttagName: 'img',\n\tclassName: null,\n\tattributes: {\n\t\tclassName: 'class',\n\t\tstyle: 'style',\n\t\turl: 'src',\n\t\talt: 'alt',\n\t},\n\tedit: Edit,\n};\n\nfunction InlineUI( { value, onChange, activeObjectAttributes, contentRef } ) {\n\tconst { style } = activeObjectAttributes;\n\tconst [ width, setWidth ] = useState( style?.replace( /\\D/g, '' ) );\n\tconst popoverAnchor = useAnchor( {\n\t\teditableContentElement: contentRef.current,\n\t\tsettings: image,\n\t} );\n\n\treturn (\n\t\t<Popover\n\t\t\tplacement=\"bottom\"\n\t\t\tfocusOnMount={ false }\n\t\t\tanchor={ popoverAnchor }\n\t\t\tclassName=\"block-editor-format-toolbar__image-popover\"\n\t\t>\n\t\t\t<form\n\t\t\t\tclassName=\"block-editor-format-toolbar__image-container-content\"\n\t\t\t\tonSubmit={ ( event ) => {\n\t\t\t\t\tconst newReplacements = value.replacements.slice();\n\n\t\t\t\t\tnewReplacements[ value.start ] = {\n\t\t\t\t\t\ttype: name,\n\t\t\t\t\t\tattributes: {\n\t\t\t\t\t\t\t...activeObjectAttributes,\n\t\t\t\t\t\t\tstyle: width ? `width: ${ width }px;` : '',\n\t\t\t\t\t\t},\n\t\t\t\t\t};\n\n\t\t\t\t\tonChange( {\n\t\t\t\t\t\t...value,\n\t\t\t\t\t\treplacements: newReplacements,\n\t\t\t\t\t} );\n\n\t\t\t\t\tevent.preventDefault();\n\t\t\t\t} }\n\t\t\t>\n\t\t\t\t<HStack alignment=\"bottom\" spacing=\"0\">\n\t\t\t\t\t<NumberControl\n\t\t\t\t\t\tclassName=\"block-editor-format-toolbar__image-container-value\"\n\t\t\t\t\t\tlabel={ __( 'Width' ) }\n\t\t\t\t\t\tvalue={ width }\n\t\t\t\t\t\tmin={ 1 }\n\t\t\t\t\t\tonChange={ ( newWidth ) => setWidth( newWidth ) }\n\t\t\t\t\t/>\n\t\t\t\t\t<Button\n\t\t\t\t\t\tclassName=\"block-editor-format-toolbar__image-container-button\"\n\t\t\t\t\t\ticon={ keyboardReturn }\n\t\t\t\t\t\tlabel={ __( 'Apply' ) }\n\t\t\t\t\t\ttype=\"submit\"\n\t\t\t\t\t/>\n\t\t\t\t</HStack>\n\t\t\t</form>\n\t\t</Popover>\n\t);\n}\n\nfunction Edit( {\n\tvalue,\n\tonChange,\n\tonFocus,\n\tisObjectActive,\n\tactiveObjectAttributes,\n\tcontentRef,\n} ) {\n\tconst [ isModalOpen, setIsModalOpen ] = useState( false );\n\n\tfunction openModal() {\n\t\tsetIsModalOpen( true );\n\t}\n\n\tfunction closeModal() {\n\t\tsetIsModalOpen( false );\n\t}\n\n\treturn (\n\t\t<MediaUploadCheck>\n\t\t\t<RichTextToolbarButton\n\t\t\t\ticon={\n\t\t\t\t\t<SVG xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\">\n\t\t\t\t\t\t<Path d=\"M4 18.5h16V17H4v1.5zM16 13v1.5h4V13h-4zM5.1 15h7.8c.6 0 1.1-.5 1.1-1.1V6.1c0-.6-.5-1.1-1.1-1.1H5.1C4.5 5 4 5.5 4 6.1v7.8c0 .6.5 1.1 1.1 1.1zm.4-8.5h7V10l-1-1c-.3-.3-.8-.3-1 0l-1.6 1.5-1.2-.7c-.3-.2-.6-.2-.9 0l-1.3 1V6.5zm0 6.1l1.8-1.3 1.3.8c.3.2.7.2.9-.1l1.5-1.4 1.5 1.4v1.5h-7v-.9z\" />\n\t\t\t\t\t</SVG>\n\t\t\t\t}\n\t\t\t\ttitle={ title }\n\t\t\t\tonClick={ openModal }\n\t\t\t\tisActive={ isObjectActive }\n\t\t\t/>\n\t\t\t{ isModalOpen && (\n\t\t\t\t<MediaUpload\n\t\t\t\t\tallowedTypes={ ALLOWED_MEDIA_TYPES }\n\t\t\t\t\tonSelect={ ( { id, url, alt, width: imgWidth } ) => {\n\t\t\t\t\t\tcloseModal();\n\t\t\t\t\t\tonChange(\n\t\t\t\t\t\t\tinsertObject( value, {\n\t\t\t\t\t\t\t\ttype: name,\n\t\t\t\t\t\t\t\tattributes: {\n\t\t\t\t\t\t\t\t\tclassName: `wp-image-${ id }`,\n\t\t\t\t\t\t\t\t\tstyle: `width: ${ Math.min(\n\t\t\t\t\t\t\t\t\t\timgWidth,\n\t\t\t\t\t\t\t\t\t\t150\n\t\t\t\t\t\t\t\t\t) }px;`,\n\t\t\t\t\t\t\t\t\turl,\n\t\t\t\t\t\t\t\t\talt,\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\tonFocus();\n\t\t\t\t\t} }\n\t\t\t\t\tonClose={ closeModal }\n\t\t\t\t\trender={ ( { open } ) => {\n\t\t\t\t\t\topen();\n\t\t\t\t\t\treturn null;\n\t\t\t\t\t} }\n\t\t\t\t/>\n\t\t\t) }\n\t\t\t{ isObjectActive && (\n\t\t\t\t<InlineUI\n\t\t\t\t\tvalue={ value }\n\t\t\t\t\tonChange={ onChange }\n\t\t\t\t\tactiveObjectAttributes={ activeObjectAttributes }\n\t\t\t\t\tcontentRef={ contentRef }\n\t\t\t\t/>\n\t\t\t) }\n\t\t</MediaUploadCheck>\n\t);\n}\n"],"mappings":"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"}

package/build/italic/index.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.italic = void 0;
-var _element = require("@wordpress/element");
+var _react = require("react");
 var _i18n = require("@wordpress/i18n");
 var _richText = require("@wordpress/rich-text");
 var _blockEditor = require("@wordpress/block-editor");
@@ -38,11 +38,11 @@ const italic = {
       }));
       onFocus();
     }
-    return (0, _element.createElement)(_element.Fragment, null, (0, _element.createElement)(_blockEditor.RichTextShortcut, {
+    return (0, _react.createElement)(_react.Fragment, null, (0, _react.createElement)(_blockEditor.RichTextShortcut, {
       type: "primary",
       character: "i",
       onUse: onToggle
-    }), (0, _element.createElement)(_blockEditor.RichTextToolbarButton, {
+    }), (0, _react.createElement)(_blockEditor.RichTextToolbarButton, {
       name: "italic",
       icon: _icons.formatItalic,
       title: title,
@@ -50,7 +50,7 @@ const italic = {
       isActive: isActive,
       shortcutType: "primary",
       shortcutCharacter: "i"
-    }), (0, _element.createElement)(_blockEditor.__unstableRichTextInputEvent, {
+    }), (0, _react.createElement)(_blockEditor.__unstableRichTextInputEvent, {
       inputType: "formatItalic",
       onInput: onToggle
     }));

package/build/italic/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_i18n","require","_richText","_blockEditor","_icons","name","title","__","italic","tagName","className","edit","isActive","value","onChange","onFocus","onToggle","toggleFormat","type","onClick","_element","createElement","Fragment","RichTextShortcut","character","onUse","RichTextToolbarButton","icon","formatItalic","shortcutType","shortcutCharacter","__unstableRichTextInputEvent","inputType","onInput","exports"],"sources":["@wordpress/format-library/src/italic/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { toggleFormat } from '@wordpress/rich-text';\nimport {\n\tRichTextToolbarButton,\n\tRichTextShortcut,\n\t__unstableRichTextInputEvent,\n} from '@wordpress/block-editor';\nimport { formatItalic } from '@wordpress/icons';\n\nconst name = 'core/italic';\nconst title = __( 'Italic' );\n\nexport const italic = {\n\tname,\n\ttitle,\n\ttagName: 'em',\n\tclassName: null,\n\tedit( { isActive, value, onChange, onFocus } ) {\n\t\tfunction onToggle() {\n\t\t\tonChange( toggleFormat( value, { type: name, title } ) );\n\t\t}\n\n\t\tfunction onClick() {\n\t\t\tonChange( toggleFormat( value, { type: name } ) );\n\t\t\tonFocus();\n\t\t}\n\n\t\treturn (\n\t\t\t<>\n\t\t\t\t<RichTextShortcut\n\t\t\t\t\ttype=\"primary\"\n\t\t\t\t\tcharacter=\"i\"\n\t\t\t\t\tonUse={ onToggle }\n\t\t\t\t/>\n\t\t\t\t<RichTextToolbarButton\n\t\t\t\t\tname=\"italic\"\n\t\t\t\t\ticon={ formatItalic }\n\t\t\t\t\ttitle={ title }\n\t\t\t\t\tonClick={ onClick }\n\t\t\t\t\tisActive={ isActive }\n\t\t\t\t\tshortcutType=\"primary\"\n\t\t\t\t\tshortcutCharacter=\"i\"\n\t\t\t\t/>\n\t\t\t\t<__unstableRichTextInputEvent\n\t\t\t\t\tinputType=\"formatItalic\"\n\t\t\t\t\tonInput={ onToggle }\n\t\t\t\t/>\n\t\t\t</>\n\t\t);\n\t},\n};\n"],"mappings":";;;;;;;AAGA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,SAAA,GAAAD,OAAA;AACA,IAAAE,YAAA,GAAAF,OAAA;AAKA,IAAAG,MAAA,GAAAH,OAAA;AAVA;AACA;AACA;;AAUA,MAAMI,IAAI,GAAG,aAAa;AAC1B,MAAMC,KAAK,GAAG,IAAAC,QAAE,EAAE,QAAS,CAAC;AAErB,MAAMC,MAAM,GAAG;EACrBH,IAAI;EACJC,KAAK;EACLG,OAAO,EAAE,IAAI;EACbC,SAAS,EAAE,IAAI;EACfC,IAAIA,CAAE;IAAEC,QAAQ;IAAEC,KAAK;IAAEC,QAAQ;IAAEC;EAAQ,CAAC,EAAG;IAC9C,SAASC,QAAQA,CAAA,EAAG;MACnBF,QAAQ,CAAE,IAAAG,sBAAY,EAAEJ,KAAK,EAAE;QAAEK,IAAI,EAAEb,IAAI;QAAEC;MAAM,CAAE,CAAE,CAAC;IACzD;IAEA,SAASa,OAAOA,CAAA,EAAG;MAClBL,QAAQ,CAAE,IAAAG,sBAAY,EAAEJ,KAAK,EAAE;QAAEK,IAAI,EAAEb;MAAK,CAAE,CAAE,CAAC;MACjDU,OAAO,CAAC,CAAC;IACV;IAEA,OACC,IAAAK,QAAA,CAAAC,aAAA,EAAAD,QAAA,CAAAE,QAAA,QACC,IAAAF,QAAA,CAAAC,aAAA,EAAClB,YAAA,CAAAoB,gBAAgB;MAChBL,IAAI,EAAC,SAAS;MACdM,SAAS,EAAC,GAAG;MACbC,KAAK,EAAGT;IAAU,CAClB,CAAC,EACF,IAAAI,QAAA,CAAAC,aAAA,EAAClB,YAAA,CAAAuB,qBAAqB;MACrBrB,IAAI,EAAC,QAAQ;MACbsB,IAAI,EAAGC,mBAAc;MACrBtB,KAAK,EAAGA,KAAO;MACfa,OAAO,EAAGA,OAAS;MACnBP,QAAQ,EAAGA,QAAU;MACrBiB,YAAY,EAAC,SAAS;MACtBC,iBAAiB,EAAC;IAAG,CACrB,CAAC,EACF,IAAAV,QAAA,CAAAC,aAAA,EAAClB,YAAA,CAAA4B,4BAA4B;MAC5BC,SAAS,EAAC,cAAc;MACxBC,OAAO,EAAGjB;IAAU,CACpB,CACA,CAAC;EAEL;AACD,CAAC;AAACkB,OAAA,CAAA1B,MAAA,GAAAA,MAAA"}
+{"version":3,"names":["_i18n","require","_richText","_blockEditor","_icons","name","title","__","italic","tagName","className","edit","isActive","value","onChange","onFocus","onToggle","toggleFormat","type","onClick","_react","createElement","Fragment","RichTextShortcut","character","onUse","RichTextToolbarButton","icon","formatItalic","shortcutType","shortcutCharacter","__unstableRichTextInputEvent","inputType","onInput","exports"],"sources":["@wordpress/format-library/src/italic/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { toggleFormat } from '@wordpress/rich-text';\nimport {\n\tRichTextToolbarButton,\n\tRichTextShortcut,\n\t__unstableRichTextInputEvent,\n} from '@wordpress/block-editor';\nimport { formatItalic } from '@wordpress/icons';\n\nconst name = 'core/italic';\nconst title = __( 'Italic' );\n\nexport const italic = {\n\tname,\n\ttitle,\n\ttagName: 'em',\n\tclassName: null,\n\tedit( { isActive, value, onChange, onFocus } ) {\n\t\tfunction onToggle() {\n\t\t\tonChange( toggleFormat( value, { type: name, title } ) );\n\t\t}\n\n\t\tfunction onClick() {\n\t\t\tonChange( toggleFormat( value, { type: name } ) );\n\t\t\tonFocus();\n\t\t}\n\n\t\treturn (\n\t\t\t<>\n\t\t\t\t<RichTextShortcut\n\t\t\t\t\ttype=\"primary\"\n\t\t\t\t\tcharacter=\"i\"\n\t\t\t\t\tonUse={ onToggle }\n\t\t\t\t/>\n\t\t\t\t<RichTextToolbarButton\n\t\t\t\t\tname=\"italic\"\n\t\t\t\t\ticon={ formatItalic }\n\t\t\t\t\ttitle={ title }\n\t\t\t\t\tonClick={ onClick }\n\t\t\t\t\tisActive={ isActive }\n\t\t\t\t\tshortcutType=\"primary\"\n\t\t\t\t\tshortcutCharacter=\"i\"\n\t\t\t\t/>\n\t\t\t\t<__unstableRichTextInputEvent\n\t\t\t\t\tinputType=\"formatItalic\"\n\t\t\t\t\tonInput={ onToggle }\n\t\t\t\t/>\n\t\t\t</>\n\t\t);\n\t},\n};\n"],"mappings":";;;;;;;AAGA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,SAAA,GAAAD,OAAA;AACA,IAAAE,YAAA,GAAAF,OAAA;AAKA,IAAAG,MAAA,GAAAH,OAAA;AAVA;AACA;AACA;;AAUA,MAAMI,IAAI,GAAG,aAAa;AAC1B,MAAMC,KAAK,GAAG,IAAAC,QAAE,EAAE,QAAS,CAAC;AAErB,MAAMC,MAAM,GAAG;EACrBH,IAAI;EACJC,KAAK;EACLG,OAAO,EAAE,IAAI;EACbC,SAAS,EAAE,IAAI;EACfC,IAAIA,CAAE;IAAEC,QAAQ;IAAEC,KAAK;IAAEC,QAAQ;IAAEC;EAAQ,CAAC,EAAG;IAC9C,SAASC,QAAQA,CAAA,EAAG;MACnBF,QAAQ,CAAE,IAAAG,sBAAY,EAAEJ,KAAK,EAAE;QAAEK,IAAI,EAAEb,IAAI;QAAEC;MAAM,CAAE,CAAE,CAAC;IACzD;IAEA,SAASa,OAAOA,CAAA,EAAG;MAClBL,QAAQ,CAAE,IAAAG,sBAAY,EAAEJ,KAAK,EAAE;QAAEK,IAAI,EAAEb;MAAK,CAAE,CAAE,CAAC;MACjDU,OAAO,CAAC,CAAC;IACV;IAEA,OACC,IAAAK,MAAA,CAAAC,aAAA,EAAAD,MAAA,CAAAE,QAAA,QACC,IAAAF,MAAA,CAAAC,aAAA,EAAClB,YAAA,CAAAoB,gBAAgB;MAChBL,IAAI,EAAC,SAAS;MACdM,SAAS,EAAC,GAAG;MACbC,KAAK,EAAGT;IAAU,CAClB,CAAC,EACF,IAAAI,MAAA,CAAAC,aAAA,EAAClB,YAAA,CAAAuB,qBAAqB;MACrBrB,IAAI,EAAC,QAAQ;MACbsB,IAAI,EAAGC,mBAAc;MACrBtB,KAAK,EAAGA,KAAO;MACfa,OAAO,EAAGA,OAAS;MACnBP,QAAQ,EAAGA,QAAU;MACrBiB,YAAY,EAAC,SAAS;MACtBC,iBAAiB,EAAC;IAAG,CACrB,CAAC,EACF,IAAAV,MAAA,CAAAC,aAAA,EAAClB,YAAA,CAAA4B,4BAA4B;MAC5BC,SAAS,EAAC,cAAc;MACxBC,OAAO,EAAGjB;IAAU,CACpB,CACA,CAAC;EAEL;AACD,CAAC;AAACkB,OAAA,CAAA1B,MAAA,GAAAA,MAAA"}

package/build/keyboard/index.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.keyboard = void 0;
-var _element = require("@wordpress/element");
+var _react = require("react");
 var _i18n = require("@wordpress/i18n");
 var _richText = require("@wordpress/rich-text");
 var _blockEditor = require("@wordpress/block-editor");
@@ -36,7 +36,7 @@ const keyboard = {
       onToggle();
       onFocus();
     }
-    return (0, _element.createElement)(_blockEditor.RichTextToolbarButton, {
+    return (0, _react.createElement)(_blockEditor.RichTextToolbarButton, {
       icon: _icons.button,
       title: title,
       onClick: onClick,

package/build/keyboard/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_i18n","require","_richText","_blockEditor","_icons","name","title","__","keyboard","tagName","className","edit","isActive","value","onChange","onFocus","onToggle","toggleFormat","type","onClick","_element","createElement","RichTextToolbarButton","icon","button","role","exports"],"sources":["@wordpress/format-library/src/keyboard/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { toggleFormat } from '@wordpress/rich-text';\nimport { RichTextToolbarButton } from '@wordpress/block-editor';\nimport { button } from '@wordpress/icons';\n\nconst name = 'core/keyboard';\nconst title = __( 'Keyboard input' );\n\nexport const keyboard = {\n\tname,\n\ttitle,\n\ttagName: 'kbd',\n\tclassName: null,\n\tedit( { isActive, value, onChange, onFocus } ) {\n\t\tfunction onToggle() {\n\t\t\tonChange( toggleFormat( value, { type: name, title } ) );\n\t\t}\n\n\t\tfunction onClick() {\n\t\t\tonToggle();\n\t\t\tonFocus();\n\t\t}\n\n\t\treturn (\n\t\t\t<RichTextToolbarButton\n\t\t\t\ticon={ button }\n\t\t\t\ttitle={ title }\n\t\t\t\tonClick={ onClick }\n\t\t\t\tisActive={ isActive }\n\t\t\t\trole=\"menuitemcheckbox\"\n\t\t\t/>\n\t\t);\n\t},\n};\n"],"mappings":";;;;;;;AAGA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,SAAA,GAAAD,OAAA;AACA,IAAAE,YAAA,GAAAF,OAAA;AACA,IAAAG,MAAA,GAAAH,OAAA;AANA;AACA;AACA;;AAMA,MAAMI,IAAI,GAAG,eAAe;AAC5B,MAAMC,KAAK,GAAG,IAAAC,QAAE,EAAE,gBAAiB,CAAC;AAE7B,MAAMC,QAAQ,GAAG;EACvBH,IAAI;EACJC,KAAK;EACLG,OAAO,EAAE,KAAK;EACdC,SAAS,EAAE,IAAI;EACfC,IAAIA,CAAE;IAAEC,QAAQ;IAAEC,KAAK;IAAEC,QAAQ;IAAEC;EAAQ,CAAC,EAAG;IAC9C,SAASC,QAAQA,CAAA,EAAG;MACnBF,QAAQ,CAAE,IAAAG,sBAAY,EAAEJ,KAAK,EAAE;QAAEK,IAAI,EAAEb,IAAI;QAAEC;MAAM,CAAE,CAAE,CAAC;IACzD;IAEA,SAASa,OAAOA,CAAA,EAAG;MAClBH,QAAQ,CAAC,CAAC;MACVD,OAAO,CAAC,CAAC;IACV;IAEA,OACC,IAAAK,QAAA,CAAAC,aAAA,EAAClB,YAAA,CAAAmB,qBAAqB;MACrBC,IAAI,EAAGC,aAAQ;MACflB,KAAK,EAAGA,KAAO;MACfa,OAAO,EAAGA,OAAS;MACnBP,QAAQ,EAAGA,QAAU;MACrBa,IAAI,EAAC;IAAkB,CACvB,CAAC;EAEJ;AACD,CAAC;AAACC,OAAA,CAAAlB,QAAA,GAAAA,QAAA"}
+{"version":3,"names":["_i18n","require","_richText","_blockEditor","_icons","name","title","__","keyboard","tagName","className","edit","isActive","value","onChange","onFocus","onToggle","toggleFormat","type","onClick","_react","createElement","RichTextToolbarButton","icon","button","role","exports"],"sources":["@wordpress/format-library/src/keyboard/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { toggleFormat } from '@wordpress/rich-text';\nimport { RichTextToolbarButton } from '@wordpress/block-editor';\nimport { button } from '@wordpress/icons';\n\nconst name = 'core/keyboard';\nconst title = __( 'Keyboard input' );\n\nexport const keyboard = {\n\tname,\n\ttitle,\n\ttagName: 'kbd',\n\tclassName: null,\n\tedit( { isActive, value, onChange, onFocus } ) {\n\t\tfunction onToggle() {\n\t\t\tonChange( toggleFormat( value, { type: name, title } ) );\n\t\t}\n\n\t\tfunction onClick() {\n\t\t\tonToggle();\n\t\t\tonFocus();\n\t\t}\n\n\t\treturn (\n\t\t\t<RichTextToolbarButton\n\t\t\t\ticon={ button }\n\t\t\t\ttitle={ title }\n\t\t\t\tonClick={ onClick }\n\t\t\t\tisActive={ isActive }\n\t\t\t\trole=\"menuitemcheckbox\"\n\t\t\t/>\n\t\t);\n\t},\n};\n"],"mappings":";;;;;;;AAGA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,SAAA,GAAAD,OAAA;AACA,IAAAE,YAAA,GAAAF,OAAA;AACA,IAAAG,MAAA,GAAAH,OAAA;AANA;AACA;AACA;;AAMA,MAAMI,IAAI,GAAG,eAAe;AAC5B,MAAMC,KAAK,GAAG,IAAAC,QAAE,EAAE,gBAAiB,CAAC;AAE7B,MAAMC,QAAQ,GAAG;EACvBH,IAAI;EACJC,KAAK;EACLG,OAAO,EAAE,KAAK;EACdC,SAAS,EAAE,IAAI;EACfC,IAAIA,CAAE;IAAEC,QAAQ;IAAEC,KAAK;IAAEC,QAAQ;IAAEC;EAAQ,CAAC,EAAG;IAC9C,SAASC,QAAQA,CAAA,EAAG;MACnBF,QAAQ,CAAE,IAAAG,sBAAY,EAAEJ,KAAK,EAAE;QAAEK,IAAI,EAAEb,IAAI;QAAEC;MAAM,CAAE,CAAE,CAAC;IACzD;IAEA,SAASa,OAAOA,CAAA,EAAG;MAClBH,QAAQ,CAAC,CAAC;MACVD,OAAO,CAAC,CAAC;IACV;IAEA,OACC,IAAAK,MAAA,CAAAC,aAAA,EAAClB,YAAA,CAAAmB,qBAAqB;MACrBC,IAAI,EAAGC,aAAQ;MACflB,KAAK,EAAGA,KAAO;MACfa,OAAO,EAAGA,OAAS;MACnBP,QAAQ,EAAGA,QAAU;MACrBa,IAAI,EAAC;IAAkB,CACvB,CAAC;EAEJ;AACD,CAAC;AAACC,OAAA,CAAAlB,QAAA,GAAAA,QAAA"}

package/build/language/index.js

@@ -4,10 +4,11 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.language = void 0;
-var _element = require("@wordpress/element");
+var _react = require("react");
 var _i18n = require("@wordpress/i18n");
 var _blockEditor = require("@wordpress/block-editor");
 var _components = require("@wordpress/components");
+var _element = require("@wordpress/element");
 var _richText = require("@wordpress/rich-text");
 var _icons = require("@wordpress/icons");
 /**
@@ -38,7 +39,7 @@ function Edit({
   const togglePopover = () => {
     setIsPopoverVisible(state => !state);
   };
-  return (0, _element.createElement)(_element.Fragment, null, (0, _element.createElement)(_blockEditor.RichTextToolbarButton, {
+  return (0, _react.createElement)(_react.Fragment, null, (0, _react.createElement)(_blockEditor.RichTextToolbarButton, {
     icon: _icons.language,
     label: title,
     title: title,
@@ -51,7 +52,7 @@ function Edit({
     },
     isActive: isActive,
     role: "menuitemcheckbox"
-  }), isPopoverVisible && (0, _element.createElement)(InlineLanguageUI, {
+  }), isPopoverVisible && (0, _react.createElement)(InlineLanguageUI, {
     value: value,
     onChange: onChange,
     onClose: togglePopover,
@@ -70,11 +71,11 @@ function InlineLanguageUI({
   });
   const [lang, setLang] = (0, _element.useState)('');
   const [dir, setDir] = (0, _element.useState)('ltr');
-  return (0, _element.createElement)(_components.Popover, {
+  return (0, _react.createElement)(_components.Popover, {
     className: "block-editor-format-toolbar__language-popover",
     anchor: popoverAnchor,
     onClose: onClose
-  }, (0, _element.createElement)("form", {
+  }, (0, _react.createElement)("form", {
     className: "block-editor-format-toolbar__language-container-content",
     onSubmit: event => {
       event.preventDefault();
@@ -87,12 +88,12 @@ function InlineLanguageUI({
       }));
       onClose();
     }
-  }, (0, _element.createElement)(_components.TextControl, {
+  }, (0, _react.createElement)(_components.TextControl, {
     label: title,
     value: lang,
     onChange: val => setLang(val),
     help: (0, _i18n.__)('A valid language attribute, like "en" or "fr".')
-  }), (0, _element.createElement)(_components.SelectControl, {
+  }), (0, _react.createElement)(_components.SelectControl, {
     label: (0, _i18n.__)('Text direction'),
     value: dir,
     options: [{
@@ -103,9 +104,9 @@ function InlineLanguageUI({
       value: 'rtl'
     }],
     onChange: val => setDir(val)
-  }), (0, _element.createElement)(_components.__experimentalHStack, {
+  }), (0, _react.createElement)(_components.__experimentalHStack, {
     alignment: "right"
-  }, (0, _element.createElement)(_components.Button, {
+  }, (0, _react.createElement)(_components.Button, {
     variant: "primary",
     type: "submit",
     text: (0, _i18n.__)('Apply')

package/build/language/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_element","require","_i18n","_blockEditor","_components","_richText","_icons","name","title","__","language","tagName","className","edit","Edit","exports","isActive","value","onChange","contentRef","isPopoverVisible","setIsPopoverVisible","useState","togglePopover","state","createElement","Fragment","RichTextToolbarButton","icon","languageIcon","label","onClick","removeFormat","role","InlineLanguageUI","onClose","popoverAnchor","useAnchor","editableContentElement","current","settings","lang","setLang","dir","setDir","Popover","anchor","onSubmit","event","preventDefault","applyFormat","type","attributes","TextControl","val","help","SelectControl","options","__experimentalHStack","alignment","Button","variant","text"],"sources":["@wordpress/format-library/src/language/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\n\n/**\n * WordPress dependencies\n */\nimport { RichTextToolbarButton } from '@wordpress/block-editor';\nimport {\n\tTextControl,\n\tSelectControl,\n\tButton,\n\tPopover,\n\t__experimentalHStack as HStack,\n} from '@wordpress/components';\nimport { useState } from '@wordpress/element';\nimport { applyFormat, removeFormat, useAnchor } from '@wordpress/rich-text';\nimport { language as languageIcon } from '@wordpress/icons';\n\nconst name = 'core/language';\nconst title = __( 'Language' );\n\nexport const language = {\n\tname,\n\ttagName: 'bdo',\n\tclassName: null,\n\tedit: Edit,\n\ttitle,\n};\n\nfunction Edit( { isActive, value, onChange, contentRef } ) {\n\tconst [ isPopoverVisible, setIsPopoverVisible ] = useState( false );\n\tconst togglePopover = () => {\n\t\tsetIsPopoverVisible( ( state ) => ! state );\n\t};\n\n\treturn (\n\t\t<>\n\t\t\t<RichTextToolbarButton\n\t\t\t\ticon={ languageIcon }\n\t\t\t\tlabel={ title }\n\t\t\t\ttitle={ title }\n\t\t\t\tonClick={ () => {\n\t\t\t\t\tif ( isActive ) {\n\t\t\t\t\t\tonChange( removeFormat( value, name ) );\n\t\t\t\t\t} else {\n\t\t\t\t\t\ttogglePopover();\n\t\t\t\t\t}\n\t\t\t\t} }\n\t\t\t\tisActive={ isActive }\n\t\t\t\trole=\"menuitemcheckbox\"\n\t\t\t/>\n\t\t\t{ isPopoverVisible && (\n\t\t\t\t<InlineLanguageUI\n\t\t\t\t\tvalue={ value }\n\t\t\t\t\tonChange={ onChange }\n\t\t\t\t\tonClose={ togglePopover }\n\t\t\t\t\tcontentRef={ contentRef }\n\t\t\t\t/>\n\t\t\t) }\n\t\t</>\n\t);\n}\n\nfunction InlineLanguageUI( { value, contentRef, onChange, onClose } ) {\n\tconst popoverAnchor = useAnchor( {\n\t\teditableContentElement: contentRef.current,\n\t\tsettings: language,\n\t} );\n\n\tconst [ lang, setLang ] = useState( '' );\n\tconst [ dir, setDir ] = useState( 'ltr' );\n\n\treturn (\n\t\t<Popover\n\t\t\tclassName=\"block-editor-format-toolbar__language-popover\"\n\t\t\tanchor={ popoverAnchor }\n\t\t\tonClose={ onClose }\n\t\t>\n\t\t\t<form\n\t\t\t\tclassName=\"block-editor-format-toolbar__language-container-content\"\n\t\t\t\tonSubmit={ ( event ) => {\n\t\t\t\t\tevent.preventDefault();\n\t\t\t\t\tonChange(\n\t\t\t\t\t\tapplyFormat( value, {\n\t\t\t\t\t\t\ttype: name,\n\t\t\t\t\t\t\tattributes: {\n\t\t\t\t\t\t\t\tlang,\n\t\t\t\t\t\t\t\tdir,\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t} )\n\t\t\t\t\t);\n\t\t\t\t\tonClose();\n\t\t\t\t} }\n\t\t\t>\n\t\t\t\t<TextControl\n\t\t\t\t\tlabel={ title }\n\t\t\t\t\tvalue={ lang }\n\t\t\t\t\tonChange={ ( val ) => setLang( val ) }\n\t\t\t\t\thelp={ __(\n\t\t\t\t\t\t'A valid language attribute, like \"en\" or \"fr\".'\n\t\t\t\t\t) }\n\t\t\t\t/>\n\t\t\t\t<SelectControl\n\t\t\t\t\tlabel={ __( 'Text direction' ) }\n\t\t\t\t\tvalue={ dir }\n\t\t\t\t\toptions={ [\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\tlabel: __( 'Left to right' ),\n\t\t\t\t\t\t\tvalue: 'ltr',\n\t\t\t\t\t\t},\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\tlabel: __( 'Right to left' ),\n\t\t\t\t\t\t\tvalue: 'rtl',\n\t\t\t\t\t\t},\n\t\t\t\t\t] }\n\t\t\t\t\tonChange={ ( val ) => setDir( val ) }\n\t\t\t\t/>\n\t\t\t\t<HStack alignment=\"right\">\n\t\t\t\t\t<Button\n\t\t\t\t\t\tvariant=\"primary\"\n\t\t\t\t\t\ttype=\"submit\"\n\t\t\t\t\t\ttext={ __( 'Apply' ) }\n\t\t\t\t\t/>\n\t\t\t\t</HStack>\n\t\t\t</form>\n\t\t</Popover>\n\t);\n}\n"],"mappings":"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"}
+{"version":3,"names":["_i18n","require","_blockEditor","_components","_element","_richText","_icons","name","title","__","language","tagName","className","edit","Edit","exports","isActive","value","onChange","contentRef","isPopoverVisible","setIsPopoverVisible","useState","togglePopover","state","_react","createElement","Fragment","RichTextToolbarButton","icon","languageIcon","label","onClick","removeFormat","role","InlineLanguageUI","onClose","popoverAnchor","useAnchor","editableContentElement","current","settings","lang","setLang","dir","setDir","Popover","anchor","onSubmit","event","preventDefault","applyFormat","type","attributes","TextControl","val","help","SelectControl","options","__experimentalHStack","alignment","Button","variant","text"],"sources":["@wordpress/format-library/src/language/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\n\n/**\n * WordPress dependencies\n */\nimport { RichTextToolbarButton } from '@wordpress/block-editor';\nimport {\n\tTextControl,\n\tSelectControl,\n\tButton,\n\tPopover,\n\t__experimentalHStack as HStack,\n} from '@wordpress/components';\nimport { useState } from '@wordpress/element';\nimport { applyFormat, removeFormat, useAnchor } from '@wordpress/rich-text';\nimport { language as languageIcon } from '@wordpress/icons';\n\nconst name = 'core/language';\nconst title = __( 'Language' );\n\nexport const language = {\n\tname,\n\ttagName: 'bdo',\n\tclassName: null,\n\tedit: Edit,\n\ttitle,\n};\n\nfunction Edit( { isActive, value, onChange, contentRef } ) {\n\tconst [ isPopoverVisible, setIsPopoverVisible ] = useState( false );\n\tconst togglePopover = () => {\n\t\tsetIsPopoverVisible( ( state ) => ! state );\n\t};\n\n\treturn (\n\t\t<>\n\t\t\t<RichTextToolbarButton\n\t\t\t\ticon={ languageIcon }\n\t\t\t\tlabel={ title }\n\t\t\t\ttitle={ title }\n\t\t\t\tonClick={ () => {\n\t\t\t\t\tif ( isActive ) {\n\t\t\t\t\t\tonChange( removeFormat( value, name ) );\n\t\t\t\t\t} else {\n\t\t\t\t\t\ttogglePopover();\n\t\t\t\t\t}\n\t\t\t\t} }\n\t\t\t\tisActive={ isActive }\n\t\t\t\trole=\"menuitemcheckbox\"\n\t\t\t/>\n\t\t\t{ isPopoverVisible && (\n\t\t\t\t<InlineLanguageUI\n\t\t\t\t\tvalue={ value }\n\t\t\t\t\tonChange={ onChange }\n\t\t\t\t\tonClose={ togglePopover }\n\t\t\t\t\tcontentRef={ contentRef }\n\t\t\t\t/>\n\t\t\t) }\n\t\t</>\n\t);\n}\n\nfunction InlineLanguageUI( { value, contentRef, onChange, onClose } ) {\n\tconst popoverAnchor = useAnchor( {\n\t\teditableContentElement: contentRef.current,\n\t\tsettings: language,\n\t} );\n\n\tconst [ lang, setLang ] = useState( '' );\n\tconst [ dir, setDir ] = useState( 'ltr' );\n\n\treturn (\n\t\t<Popover\n\t\t\tclassName=\"block-editor-format-toolbar__language-popover\"\n\t\t\tanchor={ popoverAnchor }\n\t\t\tonClose={ onClose }\n\t\t>\n\t\t\t<form\n\t\t\t\tclassName=\"block-editor-format-toolbar__language-container-content\"\n\t\t\t\tonSubmit={ ( event ) => {\n\t\t\t\t\tevent.preventDefault();\n\t\t\t\t\tonChange(\n\t\t\t\t\t\tapplyFormat( value, {\n\t\t\t\t\t\t\ttype: name,\n\t\t\t\t\t\t\tattributes: {\n\t\t\t\t\t\t\t\tlang,\n\t\t\t\t\t\t\t\tdir,\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t} )\n\t\t\t\t\t);\n\t\t\t\t\tonClose();\n\t\t\t\t} }\n\t\t\t>\n\t\t\t\t<TextControl\n\t\t\t\t\tlabel={ title }\n\t\t\t\t\tvalue={ lang }\n\t\t\t\t\tonChange={ ( val ) => setLang( val ) }\n\t\t\t\t\thelp={ __(\n\t\t\t\t\t\t'A valid language attribute, like \"en\" or \"fr\".'\n\t\t\t\t\t) }\n\t\t\t\t/>\n\t\t\t\t<SelectControl\n\t\t\t\t\tlabel={ __( 'Text direction' ) }\n\t\t\t\t\tvalue={ dir }\n\t\t\t\t\toptions={ [\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\tlabel: __( 'Left to right' ),\n\t\t\t\t\t\t\tvalue: 'ltr',\n\t\t\t\t\t\t},\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\tlabel: __( 'Right to left' ),\n\t\t\t\t\t\t\tvalue: 'rtl',\n\t\t\t\t\t\t},\n\t\t\t\t\t] }\n\t\t\t\t\tonChange={ ( val ) => setDir( val ) }\n\t\t\t\t/>\n\t\t\t\t<HStack alignment=\"right\">\n\t\t\t\t\t<Button\n\t\t\t\t\t\tvariant=\"primary\"\n\t\t\t\t\t\ttype=\"submit\"\n\t\t\t\t\t\ttext={ __( 'Apply' ) }\n\t\t\t\t\t/>\n\t\t\t\t</HStack>\n\t\t\t</form>\n\t\t</Popover>\n\t);\n}\n"],"mappings":"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"}

package/build/link/index.js

@@ -5,8 +5,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.link = void 0;
-var _element = require("@wordpress/element");
+var _react = require("react");
 var _i18n = require("@wordpress/i18n");
+var _element = require("@wordpress/element");
 var _richText = require("@wordpress/rich-text");
 var _url = require("@wordpress/url");
 var _blockEditor = require("@wordpress/block-editor");
@@ -64,15 +65,15 @@ function Edit({
     onChange((0, _richText.removeFormat)(value, name));
     (0, _a11y.speak)((0, _i18n.__)('Link removed.'), 'assertive');
   }
-  return (0, _element.createElement)(_element.Fragment, null, (0, _element.createElement)(_blockEditor.RichTextShortcut, {
+  return (0, _react.createElement)(_react.Fragment, null, (0, _react.createElement)(_blockEditor.RichTextShortcut, {
     type: "primary",
     character: "k",
     onUse: addLink
-  }), (0, _element.createElement)(_blockEditor.RichTextShortcut, {
+  }), (0, _react.createElement)(_blockEditor.RichTextShortcut, {
     type: "primaryShift",
     character: "k",
     onUse: onRemoveFormat
-  }), isActive && (0, _element.createElement)(_blockEditor.RichTextToolbarButton, {
+  }), isActive && (0, _react.createElement)(_blockEditor.RichTextToolbarButton, {
     name: "link",
     icon: _icons.linkOff,
     title: (0, _i18n.__)('Unlink'),
@@ -82,7 +83,7 @@ function Edit({
     shortcutCharacter: "k",
     "aria-haspopup": "true",
     "aria-expanded": addingLink || isActive
-  }), !isActive && (0, _element.createElement)(_blockEditor.RichTextToolbarButton, {
+  }), !isActive && (0, _react.createElement)(_blockEditor.RichTextToolbarButton, {
     name: "link",
     icon: _icons.link,
     title: title,
@@ -92,7 +93,7 @@ function Edit({
     shortcutCharacter: "k",
     "aria-haspopup": "true",
     "aria-expanded": addingLink || isActive
-  }), (addingLink || isActive) && (0, _element.createElement)(_inline.default, {
+  }), (addingLink || isActive) && (0, _react.createElement)(_inline.default, {
     addingLink: addingLink,
     stopAddingLink: stopAddingLink,
     isActive: isActive,
@@ -111,6 +112,7 @@ const link = {
     url: 'href',
     type: 'data-type',
     id: 'data-id',
+    _id: 'id',
     target: 'target',
     rel: 'rel'
   },

package/build/link/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_element","require","_i18n","_richText","_url","_blockEditor","_htmlEntities","_icons","_a11y","_inline","_interopRequireDefault","_utils","name","title","__","Edit","isActive","activeAttributes","value","onChange","onFocus","contentRef","addingLink","setAddingLink","useState","addLink","text","getTextContent","slice","isURL","isValidHref","applyFormat","type","attributes","url","isEmail","stopAddingLink","returnFocus","onRemoveFormat","removeFormat","speak","createElement","Fragment","RichTextShortcut","character","onUse","RichTextToolbarButton","icon","linkOff","onClick","shortcutType","shortcutCharacter","linkIcon","default","link","tagName","className","id","target","rel","__unstablePasteRule","html","plainText","isCollapsed","pastedText","replace","trim","window","console","log","decodeEntities","edit","exports"],"sources":["@wordpress/format-library/src/link/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { useState } from '@wordpress/element';\nimport {\n\tgetTextContent,\n\tapplyFormat,\n\tremoveFormat,\n\tslice,\n\tisCollapsed,\n} from '@wordpress/rich-text';\nimport { isURL, isEmail } from '@wordpress/url';\nimport {\n\tRichTextToolbarButton,\n\tRichTextShortcut,\n} from '@wordpress/block-editor';\nimport { decodeEntities } from '@wordpress/html-entities';\nimport { link as linkIcon, linkOff } from '@wordpress/icons';\nimport { speak } from '@wordpress/a11y';\n\n/**\n * Internal dependencies\n */\nimport InlineLinkUI from './inline';\nimport { isValidHref } from './utils';\n\nconst name = 'core/link';\nconst title = __( 'Link' );\n\nfunction Edit( {\n\tisActive,\n\tactiveAttributes,\n\tvalue,\n\tonChange,\n\tonFocus,\n\tcontentRef,\n} ) {\n\tconst [ addingLink, setAddingLink ] = useState( false );\n\n\tfunction addLink() {\n\t\tconst text = getTextContent( slice( value ) );\n\n\t\tif ( text && isURL( text ) && isValidHref( text ) ) {\n\t\t\tonChange(\n\t\t\t\tapplyFormat( value, {\n\t\t\t\t\ttype: name,\n\t\t\t\t\tattributes: { url: text },\n\t\t\t\t} )\n\t\t\t);\n\t\t} else if ( text && isEmail( text ) ) {\n\t\t\tonChange(\n\t\t\t\tapplyFormat( value, {\n\t\t\t\t\ttype: name,\n\t\t\t\t\tattributes: { url: `mailto:${ text }` },\n\t\t\t\t} )\n\t\t\t);\n\t\t} else {\n\t\t\tsetAddingLink( true );\n\t\t}\n\t}\n\n\tfunction stopAddingLink( returnFocus = true ) {\n\t\tsetAddingLink( false );\n\t\tif ( returnFocus ) {\n\t\t\tonFocus();\n\t\t}\n\t}\n\n\tfunction onRemoveFormat() {\n\t\tonChange( removeFormat( value, name ) );\n\t\tspeak( __( 'Link removed.' ), 'assertive' );\n\t}\n\n\treturn (\n\t\t<>\n\t\t\t<RichTextShortcut type=\"primary\" character=\"k\" onUse={ addLink } />\n\t\t\t<RichTextShortcut\n\t\t\t\ttype=\"primaryShift\"\n\t\t\t\tcharacter=\"k\"\n\t\t\t\tonUse={ onRemoveFormat }\n\t\t\t/>\n\t\t\t{ isActive && (\n\t\t\t\t<RichTextToolbarButton\n\t\t\t\t\tname=\"link\"\n\t\t\t\t\ticon={ linkOff }\n\t\t\t\t\ttitle={ __( 'Unlink' ) }\n\t\t\t\t\tonClick={ onRemoveFormat }\n\t\t\t\t\tisActive={ isActive }\n\t\t\t\t\tshortcutType=\"primaryShift\"\n\t\t\t\t\tshortcutCharacter=\"k\"\n\t\t\t\t\taria-haspopup=\"true\"\n\t\t\t\t\taria-expanded={ addingLink || isActive }\n\t\t\t\t/>\n\t\t\t) }\n\t\t\t{ ! isActive && (\n\t\t\t\t<RichTextToolbarButton\n\t\t\t\t\tname=\"link\"\n\t\t\t\t\ticon={ linkIcon }\n\t\t\t\t\ttitle={ title }\n\t\t\t\t\tonClick={ addLink }\n\t\t\t\t\tisActive={ isActive }\n\t\t\t\t\tshortcutType=\"primary\"\n\t\t\t\t\tshortcutCharacter=\"k\"\n\t\t\t\t\taria-haspopup=\"true\"\n\t\t\t\t\taria-expanded={ addingLink || isActive }\n\t\t\t\t/>\n\t\t\t) }\n\t\t\t{ ( addingLink || isActive ) && (\n\t\t\t\t<InlineLinkUI\n\t\t\t\t\taddingLink={ addingLink }\n\t\t\t\t\tstopAddingLink={ stopAddingLink }\n\t\t\t\t\tisActive={ isActive }\n\t\t\t\t\tactiveAttributes={ activeAttributes }\n\t\t\t\t\tvalue={ value }\n\t\t\t\t\tonChange={ onChange }\n\t\t\t\t\tcontentRef={ contentRef }\n\t\t\t\t/>\n\t\t\t) }\n\t\t</>\n\t);\n}\n\nexport const link = {\n\tname,\n\ttitle,\n\ttagName: 'a',\n\tclassName: null,\n\tattributes: {\n\t\turl: 'href',\n\t\ttype: 'data-type',\n\t\tid: 'data-id',\n\t\ttarget: 'target',\n\t\trel: 'rel',\n\t},\n\t__unstablePasteRule( value, { html, plainText } ) {\n\t\tif ( isCollapsed( value ) ) {\n\t\t\treturn value;\n\t\t}\n\n\t\tconst pastedText = ( html || plainText )\n\t\t\t.replace( /<[^>]+>/g, '' )\n\t\t\t.trim();\n\n\t\t// A URL was pasted, turn the selection into a link.\n\t\tif ( ! isURL( pastedText ) ) {\n\t\t\treturn value;\n\t\t}\n\n\t\t// Allows us to ask for this information when we get a report.\n\t\twindow.console.log( 'Created link:\\n\\n', pastedText );\n\n\t\treturn applyFormat( value, {\n\t\t\ttype: name,\n\t\t\tattributes: {\n\t\t\t\turl: decodeEntities( pastedText ),\n\t\t\t},\n\t\t} );\n\t},\n\tedit: Edit,\n};\n"],"mappings":";;;;;;;AAIA,IAAAA,QAAA,GAAAC,OAAA;AADA,IAAAC,KAAA,GAAAD,OAAA;AAEA,IAAAE,SAAA,GAAAF,OAAA;AAOA,IAAAG,IAAA,GAAAH,OAAA;AACA,IAAAI,YAAA,GAAAJ,OAAA;AAIA,IAAAK,aAAA,GAAAL,OAAA;AACA,IAAAM,MAAA,GAAAN,OAAA;AACA,IAAAO,KAAA,GAAAP,OAAA;AAKA,IAAAQ,OAAA,GAAAC,sBAAA,CAAAT,OAAA;AACA,IAAAU,MAAA,GAAAV,OAAA;AAzBA;AACA;AACA;;AAmBA;AACA;AACA;;AAIA,MAAMW,IAAI,GAAG,WAAW;AACxB,MAAMC,KAAK,GAAG,IAAAC,QAAE,EAAE,MAAO,CAAC;AAE1B,SAASC,IAAIA,CAAE;EACdC,QAAQ;EACRC,gBAAgB;EAChBC,KAAK;EACLC,QAAQ;EACRC,OAAO;EACPC;AACD,CAAC,EAAG;EACH,MAAM,CAAEC,UAAU,EAAEC,aAAa,CAAE,GAAG,IAAAC,iBAAQ,EAAE,KAAM,CAAC;EAEvD,SAASC,OAAOA,CAAA,EAAG;IAClB,MAAMC,IAAI,GAAG,IAAAC,wBAAc,EAAE,IAAAC,eAAK,EAAEV,KAAM,CAAE,CAAC;IAE7C,IAAKQ,IAAI,IAAI,IAAAG,UAAK,EAAEH,IAAK,CAAC,IAAI,IAAAI,kBAAW,EAAEJ,IAAK,CAAC,EAAG;MACnDP,QAAQ,CACP,IAAAY,qBAAW,EAAEb,KAAK,EAAE;QACnBc,IAAI,EAAEpB,IAAI;QACVqB,UAAU,EAAE;UAAEC,GAAG,EAAER;QAAK;MACzB,CAAE,CACH,CAAC;IACF,CAAC,MAAM,IAAKA,IAAI,IAAI,IAAAS,YAAO,EAAET,IAAK,CAAC,EAAG;MACrCP,QAAQ,CACP,IAAAY,qBAAW,EAAEb,KAAK,EAAE;QACnBc,IAAI,EAAEpB,IAAI;QACVqB,UAAU,EAAE;UAAEC,GAAG,EAAG,UAAUR,IAAM;QAAE;MACvC,CAAE,CACH,CAAC;IACF,CAAC,MAAM;MACNH,aAAa,CAAE,IAAK,CAAC;IACtB;EACD;EAEA,SAASa,cAAcA,CAAEC,WAAW,GAAG,IAAI,EAAG;IAC7Cd,aAAa,CAAE,KAAM,CAAC;IACtB,IAAKc,WAAW,EAAG;MAClBjB,OAAO,CAAC,CAAC;IACV;EACD;EAEA,SAASkB,cAAcA,CAAA,EAAG;IACzBnB,QAAQ,CAAE,IAAAoB,sBAAY,EAAErB,KAAK,EAAEN,IAAK,CAAE,CAAC;IACvC,IAAA4B,WAAK,EAAE,IAAA1B,QAAE,EAAE,eAAgB,CAAC,EAAE,WAAY,CAAC;EAC5C;EAEA,OACC,IAAAd,QAAA,CAAAyC,aAAA,EAAAzC,QAAA,CAAA0C,QAAA,QACC,IAAA1C,QAAA,CAAAyC,aAAA,EAACpC,YAAA,CAAAsC,gBAAgB;IAACX,IAAI,EAAC,SAAS;IAACY,SAAS,EAAC,GAAG;IAACC,KAAK,EAAGpB;EAAS,CAAE,CAAC,EACnE,IAAAzB,QAAA,CAAAyC,aAAA,EAACpC,YAAA,CAAAsC,gBAAgB;IAChBX,IAAI,EAAC,cAAc;IACnBY,SAAS,EAAC,GAAG;IACbC,KAAK,EAAGP;EAAgB,CACxB,CAAC,EACAtB,QAAQ,IACT,IAAAhB,QAAA,CAAAyC,aAAA,EAACpC,YAAA,CAAAyC,qBAAqB;IACrBlC,IAAI,EAAC,MAAM;IACXmC,IAAI,EAAGC,cAAS;IAChBnC,KAAK,EAAG,IAAAC,QAAE,EAAE,QAAS,CAAG;IACxBmC,OAAO,EAAGX,cAAgB;IAC1BtB,QAAQ,EAAGA,QAAU;IACrBkC,YAAY,EAAC,cAAc;IAC3BC,iBAAiB,EAAC,GAAG;IACrB,iBAAc,MAAM;IACpB,iBAAgB7B,UAAU,IAAIN;EAAU,CACxC,CACD,EACC,CAAEA,QAAQ,IACX,IAAAhB,QAAA,CAAAyC,aAAA,EAACpC,YAAA,CAAAyC,qBAAqB;IACrBlC,IAAI,EAAC,MAAM;IACXmC,IAAI,EAAGK,WAAU;IACjBvC,KAAK,EAAGA,KAAO;IACfoC,OAAO,EAAGxB,OAAS;IACnBT,QAAQ,EAAGA,QAAU;IACrBkC,YAAY,EAAC,SAAS;IACtBC,iBAAiB,EAAC,GAAG;IACrB,iBAAc,MAAM;IACpB,iBAAgB7B,UAAU,IAAIN;EAAU,CACxC,CACD,EACC,CAAEM,UAAU,IAAIN,QAAQ,KACzB,IAAAhB,QAAA,CAAAyC,aAAA,EAAChC,OAAA,CAAA4C,OAAY;IACZ/B,UAAU,EAAGA,UAAY;IACzBc,cAAc,EAAGA,cAAgB;IACjCpB,QAAQ,EAAGA,QAAU;IACrBC,gBAAgB,EAAGA,gBAAkB;IACrCC,KAAK,EAAGA,KAAO;IACfC,QAAQ,EAAGA,QAAU;IACrBE,UAAU,EAAGA;EAAY,CACzB,CAED,CAAC;AAEL;AAEO,MAAMiC,IAAI,GAAG;EACnB1C,IAAI;EACJC,KAAK;EACL0C,OAAO,EAAE,GAAG;EACZC,SAAS,EAAE,IAAI;EACfvB,UAAU,EAAE;IACXC,GAAG,EAAE,MAAM;IACXF,IAAI,EAAE,WAAW;IACjByB,EAAE,EAAE,SAAS;IACbC,MAAM,EAAE,QAAQ;IAChBC,GAAG,EAAE;EACN,CAAC;EACDC,mBAAmBA,CAAE1C,KAAK,EAAE;IAAE2C,IAAI;IAAEC;EAAU,CAAC,EAAG;IACjD,IAAK,IAAAC,qBAAW,EAAE7C,KAAM,CAAC,EAAG;MAC3B,OAAOA,KAAK;IACb;IAEA,MAAM8C,UAAU,GAAG,CAAEH,IAAI,IAAIC,SAAS,EACpCG,OAAO,CAAE,UAAU,EAAE,EAAG,CAAC,CACzBC,IAAI,CAAC,CAAC;;IAER;IACA,IAAK,CAAE,IAAArC,UAAK,EAAEmC,UAAW,CAAC,EAAG;MAC5B,OAAO9C,KAAK;IACb;;IAEA;IACAiD,MAAM,CAACC,OAAO,CAACC,GAAG,CAAE,mBAAmB,EAAEL,UAAW,CAAC;IAErD,OAAO,IAAAjC,qBAAW,EAAEb,KAAK,EAAE;MAC1Bc,IAAI,EAAEpB,IAAI;MACVqB,UAAU,EAAE;QACXC,GAAG,EAAE,IAAAoC,4BAAc,EAAEN,UAAW;MACjC;IACD,CAAE,CAAC;EACJ,CAAC;EACDO,IAAI,EAAExD;AACP,CAAC;AAACyD,OAAA,CAAAlB,IAAA,GAAAA,IAAA"}
+{"version":3,"names":["_i18n","require","_element","_richText","_url","_blockEditor","_htmlEntities","_icons","_a11y","_inline","_interopRequireDefault","_utils","name","title","__","Edit","isActive","activeAttributes","value","onChange","onFocus","contentRef","addingLink","setAddingLink","useState","addLink","text","getTextContent","slice","isURL","isValidHref","applyFormat","type","attributes","url","isEmail","stopAddingLink","returnFocus","onRemoveFormat","removeFormat","speak","_react","createElement","Fragment","RichTextShortcut","character","onUse","RichTextToolbarButton","icon","linkOff","onClick","shortcutType","shortcutCharacter","linkIcon","default","link","tagName","className","id","_id","target","rel","__unstablePasteRule","html","plainText","isCollapsed","pastedText","replace","trim","window","console","log","decodeEntities","edit","exports"],"sources":["@wordpress/format-library/src/link/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { useState } from '@wordpress/element';\nimport {\n\tgetTextContent,\n\tapplyFormat,\n\tremoveFormat,\n\tslice,\n\tisCollapsed,\n} from '@wordpress/rich-text';\nimport { isURL, isEmail } from '@wordpress/url';\nimport {\n\tRichTextToolbarButton,\n\tRichTextShortcut,\n} from '@wordpress/block-editor';\nimport { decodeEntities } from '@wordpress/html-entities';\nimport { link as linkIcon, linkOff } from '@wordpress/icons';\nimport { speak } from '@wordpress/a11y';\n\n/**\n * Internal dependencies\n */\nimport InlineLinkUI from './inline';\nimport { isValidHref } from './utils';\n\nconst name = 'core/link';\nconst title = __( 'Link' );\n\nfunction Edit( {\n\tisActive,\n\tactiveAttributes,\n\tvalue,\n\tonChange,\n\tonFocus,\n\tcontentRef,\n} ) {\n\tconst [ addingLink, setAddingLink ] = useState( false );\n\n\tfunction addLink() {\n\t\tconst text = getTextContent( slice( value ) );\n\n\t\tif ( text && isURL( text ) && isValidHref( text ) ) {\n\t\t\tonChange(\n\t\t\t\tapplyFormat( value, {\n\t\t\t\t\ttype: name,\n\t\t\t\t\tattributes: { url: text },\n\t\t\t\t} )\n\t\t\t);\n\t\t} else if ( text && isEmail( text ) ) {\n\t\t\tonChange(\n\t\t\t\tapplyFormat( value, {\n\t\t\t\t\ttype: name,\n\t\t\t\t\tattributes: { url: `mailto:${ text }` },\n\t\t\t\t} )\n\t\t\t);\n\t\t} else {\n\t\t\tsetAddingLink( true );\n\t\t}\n\t}\n\n\tfunction stopAddingLink( returnFocus = true ) {\n\t\tsetAddingLink( false );\n\t\tif ( returnFocus ) {\n\t\t\tonFocus();\n\t\t}\n\t}\n\n\tfunction onRemoveFormat() {\n\t\tonChange( removeFormat( value, name ) );\n\t\tspeak( __( 'Link removed.' ), 'assertive' );\n\t}\n\n\treturn (\n\t\t<>\n\t\t\t<RichTextShortcut type=\"primary\" character=\"k\" onUse={ addLink } />\n\t\t\t<RichTextShortcut\n\t\t\t\ttype=\"primaryShift\"\n\t\t\t\tcharacter=\"k\"\n\t\t\t\tonUse={ onRemoveFormat }\n\t\t\t/>\n\t\t\t{ isActive && (\n\t\t\t\t<RichTextToolbarButton\n\t\t\t\t\tname=\"link\"\n\t\t\t\t\ticon={ linkOff }\n\t\t\t\t\ttitle={ __( 'Unlink' ) }\n\t\t\t\t\tonClick={ onRemoveFormat }\n\t\t\t\t\tisActive={ isActive }\n\t\t\t\t\tshortcutType=\"primaryShift\"\n\t\t\t\t\tshortcutCharacter=\"k\"\n\t\t\t\t\taria-haspopup=\"true\"\n\t\t\t\t\taria-expanded={ addingLink || isActive }\n\t\t\t\t/>\n\t\t\t) }\n\t\t\t{ ! isActive && (\n\t\t\t\t<RichTextToolbarButton\n\t\t\t\t\tname=\"link\"\n\t\t\t\t\ticon={ linkIcon }\n\t\t\t\t\ttitle={ title }\n\t\t\t\t\tonClick={ addLink }\n\t\t\t\t\tisActive={ isActive }\n\t\t\t\t\tshortcutType=\"primary\"\n\t\t\t\t\tshortcutCharacter=\"k\"\n\t\t\t\t\taria-haspopup=\"true\"\n\t\t\t\t\taria-expanded={ addingLink || isActive }\n\t\t\t\t/>\n\t\t\t) }\n\t\t\t{ ( addingLink || isActive ) && (\n\t\t\t\t<InlineLinkUI\n\t\t\t\t\taddingLink={ addingLink }\n\t\t\t\t\tstopAddingLink={ stopAddingLink }\n\t\t\t\t\tisActive={ isActive }\n\t\t\t\t\tactiveAttributes={ activeAttributes }\n\t\t\t\t\tvalue={ value }\n\t\t\t\t\tonChange={ onChange }\n\t\t\t\t\tcontentRef={ contentRef }\n\t\t\t\t/>\n\t\t\t) }\n\t\t</>\n\t);\n}\n\nexport const link = {\n\tname,\n\ttitle,\n\ttagName: 'a',\n\tclassName: null,\n\tattributes: {\n\t\turl: 'href',\n\t\ttype: 'data-type',\n\t\tid: 'data-id',\n\t\t_id: 'id',\n\t\ttarget: 'target',\n\t\trel: 'rel',\n\t},\n\t__unstablePasteRule( value, { html, plainText } ) {\n\t\tif ( isCollapsed( value ) ) {\n\t\t\treturn value;\n\t\t}\n\n\t\tconst pastedText = ( html || plainText )\n\t\t\t.replace( /<[^>]+>/g, '' )\n\t\t\t.trim();\n\n\t\t// A URL was pasted, turn the selection into a link.\n\t\tif ( ! isURL( pastedText ) ) {\n\t\t\treturn value;\n\t\t}\n\n\t\t// Allows us to ask for this information when we get a report.\n\t\twindow.console.log( 'Created link:\\n\\n', pastedText );\n\n\t\treturn applyFormat( value, {\n\t\t\ttype: name,\n\t\t\tattributes: {\n\t\t\t\turl: decodeEntities( pastedText ),\n\t\t\t},\n\t\t} );\n\t},\n\tedit: Edit,\n};\n"],"mappings":"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"}

package/build/link/index.native.js

@@ -5,9 +5,10 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.link = void 0;
-var _element = require("@wordpress/element");
+var _react = require("react");
 var _clipboard = _interopRequireDefault(require("@react-native-clipboard/clipboard"));
 var _i18n = require("@wordpress/i18n");
+var _element = require("@wordpress/element");
 var _components = require("@wordpress/components");
 var _blockEditor = require("@wordpress/block-editor");
 var _richText = require("@wordpress/rich-text");
@@ -148,7 +149,7 @@ const link = {
       if (!activeAttributes.url && this.state.clipboardURL) {
         activeAttributes.url = this.state.clipboardURL;
       }
-      return (0, _element.createElement)(_element.Fragment, null, (0, _element.createElement)(_modal.default, {
+      return (0, _react.createElement)(_react.Fragment, null, (0, _react.createElement)(_modal.default, {
         isVisible: this.state.addingLink,
         isActive: isActive,
         activeAttributes: activeAttributes,
@@ -156,7 +157,7 @@ const link = {
         onChange: onChange,
         onRemove: this.onRemoveFormat,
         value: linkSelection
-      }), (0, _element.createElement)(_blockEditor.RichTextToolbarButton, {
+      }), (0, _react.createElement)(_blockEditor.RichTextToolbarButton, {
         name: "link",
         icon: _icons.link,
         title: (0, _i18n.__)('Link'),