@wordpress/format-library 4.35.0 → 5.0.1

package/build-module/bold/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["__","toggleFormat","RichTextToolbarButton","RichTextShortcut","__unstableRichTextInputEvent","formatBold","name","title","bold","tagName","className","edit","isActive","value","onChange","onFocus","onToggle","type","onClick","createElement","Fragment","character","onUse","icon","shortcutType","shortcutCharacter","inputType","onInput"],"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":";AAAA;AACA;AACA;AACA,SAASA,EAAE,QAAQ,iBAAiB;AACpC,SAASC,YAAY,QAAQ,sBAAsB;AACnD,SACCC,qBAAqB,EACrBC,gBAAgB,EAChBC,4BAA4B,QACtB,yBAAyB;AAChC,SAASC,UAAU,QAAQ,kBAAkB;AAE7C,MAAMC,IAAI,GAAG,WAAW;AACxB,MAAMC,KAAK,GAAGP,EAAE,CAAE,MAAO,CAAC;AAE1B,OAAO,MAAMQ,IAAI,GAAG;EACnBF,IAAI;EACJC,KAAK;EACLE,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,CAAEb,YAAY,CAAEY,KAAK,EAAE;QAAEI,IAAI,EAAEX,IAAI;QAAEC;MAAM,CAAE,CAAE,CAAC;IACzD;IAEA,SAASW,OAAOA,CAAA,EAAG;MAClBJ,QAAQ,CAAEb,YAAY,CAAEY,KAAK,EAAE;QAAEI,IAAI,EAAEX;MAAK,CAAE,CAAE,CAAC;MACjDS,OAAO,CAAC,CAAC;IACV;IAEA,OACCI,aAAA,CAAAC,QAAA,QACCD,aAAA,CAAChB,gBAAgB;MAChBc,IAAI,EAAC,SAAS;MACdI,SAAS,EAAC,GAAG;MACbC,KAAK,EAAGN;IAAU,CAClB,CAAC,EACFG,aAAA,CAACjB,qBAAqB;MACrBI,IAAI,EAAC,MAAM;MACXiB,IAAI,EAAGlB,UAAY;MACnBE,KAAK,EAAGA,KAAO;MACfW,OAAO,EAAGA,OAAS;MACnBN,QAAQ,EAAGA,QAAU;MACrBY,YAAY,EAAC,SAAS;MACtBC,iBAAiB,EAAC;IAAG,CACrB,CAAC,EACFN,aAAA,CAACf,4BAA4B;MAC5BsB,SAAS,EAAC,YAAY;MACtBC,OAAO,EAAGX;IAAU,CACpB,CACA,CAAC;EAEL;AACD,CAAC","ignoreList":[]}
+{"version":3,"names":["__","toggleFormat","RichTextToolbarButton","RichTextShortcut","__unstableRichTextInputEvent","formatBold","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","name","title","bold","tagName","className","edit","isActive","value","onChange","onFocus","onToggle","type","onClick","children","character","onUse","icon","shortcutType","shortcutCharacter","inputType","onInput"],"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":"AAAA;AACA;AACA;AACA,SAASA,EAAE,QAAQ,iBAAiB;AACpC,SAASC,YAAY,QAAQ,sBAAsB;AACnD,SACCC,qBAAqB,EACrBC,gBAAgB,EAChBC,4BAA4B,QACtB,yBAAyB;AAChC,SAASC,UAAU,QAAQ,kBAAkB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAAA,SAAAC,QAAA,IAAAC,SAAA;AAAA,SAAAC,IAAA,IAAAC,KAAA;AAE9C,MAAMC,IAAI,GAAG,WAAW;AACxB,MAAMC,KAAK,GAAGb,EAAE,CAAE,MAAO,CAAC;AAE1B,OAAO,MAAMc,IAAI,GAAG;EACnBF,IAAI;EACJC,KAAK;EACLE,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,CAAEnB,YAAY,CAAEkB,KAAK,EAAE;QAAEI,IAAI,EAAEX,IAAI;QAAEC;MAAM,CAAE,CAAE,CAAC;IACzD;IAEA,SAASW,OAAOA,CAAA,EAAG;MAClBJ,QAAQ,CAAEnB,YAAY,CAAEkB,KAAK,EAAE;QAAEI,IAAI,EAAEX;MAAK,CAAE,CAAE,CAAC;MACjDS,OAAO,CAAC,CAAC;IACV;IAEA,oBACCV,KAAA,CAAAF,SAAA;MAAAgB,QAAA,gBACClB,IAAA,CAACJ,gBAAgB;QAChBoB,IAAI,EAAC,SAAS;QACdG,SAAS,EAAC,GAAG;QACbC,KAAK,EAAGL;MAAU,CAClB,CAAC,eACFf,IAAA,CAACL,qBAAqB;QACrBU,IAAI,EAAC,MAAM;QACXgB,IAAI,EAAGvB,UAAY;QACnBQ,KAAK,EAAGA,KAAO;QACfW,OAAO,EAAGA,OAAS;QACnBN,QAAQ,EAAGA,QAAU;QACrBW,YAAY,EAAC,SAAS;QACtBC,iBAAiB,EAAC;MAAG,CACrB,CAAC,eACFvB,IAAA,CAACH,4BAA4B;QAC5B2B,SAAS,EAAC,YAAY;QACtBC,OAAO,EAAGV;MAAU,CACpB,CAAC;IAAA,CACD,CAAC;EAEL;AACD,CAAC","ignoreList":[]}

package/build-module/code/index.js

@@ -1,4 +1,3 @@
-import { createElement, Fragment } from "react";
 /**
  * WordPress dependencies
  */
@@ -6,6 +5,9 @@ import { __ } from '@wordpress/i18n';
 import { toggleFormat, remove, applyFormat } from '@wordpress/rich-text';
 import { RichTextToolbarButton, RichTextShortcut } from '@wordpress/block-editor';
 import { code as codeIcon } from '@wordpress/icons';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Fragment as _Fragment } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
 const name = 'core/code';
 const title = __('Inline code');
 export const code = {
@@ -57,17 +59,19 @@ export const code = {
       }));
       onFocus();
     }
-    return createElement(Fragment, null, createElement(RichTextShortcut, {
-      type: "access",
-      character: "x",
-      onUse: onClick
-    }), createElement(RichTextToolbarButton, {
-      icon: codeIcon,
-      title: title,
-      onClick: onClick,
-      isActive: isActive,
-      role: "menuitemcheckbox"
-    }));
+    return /*#__PURE__*/_jsxs(_Fragment, {
+      children: [/*#__PURE__*/_jsx(RichTextShortcut, {
+        type: "access",
+        character: "x",
+        onUse: onClick
+      }), /*#__PURE__*/_jsx(RichTextToolbarButton, {
+        icon: codeIcon,
+        title: title,
+        onClick: onClick,
+        isActive: isActive,
+        role: "menuitemcheckbox"
+      })]
+    });
   }
 };
 //# sourceMappingURL=index.js.map

package/build-module/code/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["__","toggleFormat","remove","applyFormat","RichTextToolbarButton","RichTextShortcut","code","codeIcon","name","title","tagName","className","__unstableInputRule","value","BACKTICK","start","text","characterBefore","indexBefore","lastIndexOf","startIndex","endIndex","type","edit","onChange","onFocus","isActive","onClick","createElement","Fragment","character","onUse","icon","role"],"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":";AAAA;AACA;AACA;AACA,SAASA,EAAE,QAAQ,iBAAiB;AACpC,SAASC,YAAY,EAAEC,MAAM,EAAEC,WAAW,QAAQ,sBAAsB;AACxE,SACCC,qBAAqB,EACrBC,gBAAgB,QACV,yBAAyB;AAChC,SAASC,IAAI,IAAIC,QAAQ,QAAQ,kBAAkB;AAEnD,MAAMC,IAAI,GAAG,WAAW;AACxB,MAAMC,KAAK,GAAGT,EAAE,CAAE,aAAc,CAAC;AAEjC,OAAO,MAAMM,IAAI,GAAG;EACnBE,IAAI;EACJC,KAAK;EACLC,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,GAAGX,MAAM,CAAEW,KAAK,EAAEO,UAAU,EAAEA,UAAU,GAAG,CAAE,CAAC;IACnDP,KAAK,GAAGX,MAAM,CAAEW,KAAK,EAAEQ,QAAQ,EAAEA,QAAQ,GAAG,CAAE,CAAC;IAC/CR,KAAK,GAAGV,WAAW,CAAEU,KAAK,EAAE;MAAES,IAAI,EAAEd;IAAK,CAAC,EAAEY,UAAU,EAAEC,QAAS,CAAC;IAElE,OAAOR,KAAK;EACb,CAAC;EACDU,IAAIA,CAAE;IAAEV,KAAK;IAAEW,QAAQ;IAAEC,OAAO;IAAEC;EAAS,CAAC,EAAG;IAC9C,SAASC,OAAOA,CAAA,EAAG;MAClBH,QAAQ,CAAEvB,YAAY,CAAEY,KAAK,EAAE;QAAES,IAAI,EAAEd,IAAI;QAAEC;MAAM,CAAE,CAAE,CAAC;MACxDgB,OAAO,CAAC,CAAC;IACV;IAEA,OACCG,aAAA,CAAAC,QAAA,QACCD,aAAA,CAACvB,gBAAgB;MAChBiB,IAAI,EAAC,QAAQ;MACbQ,SAAS,EAAC,GAAG;MACbC,KAAK,EAAGJ;IAAS,CACjB,CAAC,EACFC,aAAA,CAACxB,qBAAqB;MACrB4B,IAAI,EAAGzB,QAAU;MACjBE,KAAK,EAAGA,KAAO;MACfkB,OAAO,EAAGA,OAAS;MACnBD,QAAQ,EAAGA,QAAU;MACrBO,IAAI,EAAC;IAAkB,CACvB,CACA,CAAC;EAEL;AACD,CAAC","ignoreList":[]}
+{"version":3,"names":["__","toggleFormat","remove","applyFormat","RichTextToolbarButton","RichTextShortcut","code","codeIcon","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","name","title","tagName","className","__unstableInputRule","value","BACKTICK","start","text","characterBefore","indexBefore","lastIndexOf","startIndex","endIndex","type","edit","onChange","onFocus","isActive","onClick","children","character","onUse","icon","role"],"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":"AAAA;AACA;AACA;AACA,SAASA,EAAE,QAAQ,iBAAiB;AACpC,SAASC,YAAY,EAAEC,MAAM,EAAEC,WAAW,QAAQ,sBAAsB;AACxE,SACCC,qBAAqB,EACrBC,gBAAgB,QACV,yBAAyB;AAChC,SAASC,IAAI,IAAIC,QAAQ,QAAQ,kBAAkB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAAA,SAAAC,QAAA,IAAAC,SAAA;AAAA,SAAAC,IAAA,IAAAC,KAAA;AAEpD,MAAMC,IAAI,GAAG,WAAW;AACxB,MAAMC,KAAK,GAAGf,EAAE,CAAE,aAAc,CAAC;AAEjC,OAAO,MAAMM,IAAI,GAAG;EACnBQ,IAAI;EACJC,KAAK;EACLC,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,GAAGjB,MAAM,CAAEiB,KAAK,EAAEO,UAAU,EAAEA,UAAU,GAAG,CAAE,CAAC;IACnDP,KAAK,GAAGjB,MAAM,CAAEiB,KAAK,EAAEQ,QAAQ,EAAEA,QAAQ,GAAG,CAAE,CAAC;IAC/CR,KAAK,GAAGhB,WAAW,CAAEgB,KAAK,EAAE;MAAES,IAAI,EAAEd;IAAK,CAAC,EAAEY,UAAU,EAAEC,QAAS,CAAC;IAElE,OAAOR,KAAK;EACb,CAAC;EACDU,IAAIA,CAAE;IAAEV,KAAK;IAAEW,QAAQ;IAAEC,OAAO;IAAEC;EAAS,CAAC,EAAG;IAC9C,SAASC,OAAOA,CAAA,EAAG;MAClBH,QAAQ,CAAE7B,YAAY,CAAEkB,KAAK,EAAE;QAAES,IAAI,EAAEd,IAAI;QAAEC;MAAM,CAAE,CAAE,CAAC;MACxDgB,OAAO,CAAC,CAAC;IACV;IAEA,oBACClB,KAAA,CAAAF,SAAA;MAAAuB,QAAA,gBACCzB,IAAA,CAACJ,gBAAgB;QAChBuB,IAAI,EAAC,QAAQ;QACbO,SAAS,EAAC,GAAG;QACbC,KAAK,EAAGH;MAAS,CACjB,CAAC,eACFxB,IAAA,CAACL,qBAAqB;QACrBiC,IAAI,EAAG9B,QAAU;QACjBQ,KAAK,EAAGA,KAAO;QACfkB,OAAO,EAAGA,OAAS;QACnBD,QAAQ,EAAGA,QAAU;QACrBM,IAAI,EAAC;MAAkB,CACvB,CAAC;IAAA,CACD,CAAC;EAEL;AACD,CAAC","ignoreList":[]}

package/build-module/image/index.js

@@ -1,4 +1,3 @@
-import { createElement } from "react";
 /**
  * WordPress dependencies
  */
@@ -8,6 +7,8 @@ import { useState } from '@wordpress/element';
 import { insertObject, useAnchor } from '@wordpress/rich-text';
 import { MediaUpload, RichTextToolbarButton, MediaUploadCheck } from '@wordpress/block-editor';
 import { keyboardReturn } from '@wordpress/icons';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
 const ALLOWED_MEDIA_TYPES = ['image'];
 const name = 'core/image';
 const title = __('Inline image');
@@ -40,43 +41,46 @@ function InlineUI({
     editableContentElement: contentRef.current,
     settings: image
   });
-  return createElement(Popover, {
+  return /*#__PURE__*/_jsx(Popover, {
     placement: "bottom",
     focusOnMount: false,
     anchor: popoverAnchor,
-    className: "block-editor-format-toolbar__image-popover"
-  }, createElement("form", {
-    className: "block-editor-format-toolbar__image-container-content",
-    onSubmit: event => {
-      const newReplacements = value.replacements.slice();
-      newReplacements[value.start] = {
-        type: name,
-        attributes: {
-          ...activeObjectAttributes,
-          style: width ? `width: ${width}px;` : ''
-        }
-      };
-      onChange({
-        ...value,
-        replacements: newReplacements
-      });
-      event.preventDefault();
-    }
-  }, createElement(HStack, {
-    alignment: "bottom",
-    spacing: "0"
-  }, createElement(NumberControl, {
-    className: "block-editor-format-toolbar__image-container-value",
-    label: __('Width'),
-    value: width,
-    min: 1,
-    onChange: newWidth => setWidth(newWidth)
-  }), createElement(Button, {
-    className: "block-editor-format-toolbar__image-container-button",
-    icon: keyboardReturn,
-    label: __('Apply'),
-    type: "submit"
-  }))));
+    className: "block-editor-format-toolbar__image-popover",
+    children: /*#__PURE__*/_jsx("form", {
+      className: "block-editor-format-toolbar__image-container-content",
+      onSubmit: event => {
+        const newReplacements = value.replacements.slice();
+        newReplacements[value.start] = {
+          type: name,
+          attributes: {
+            ...activeObjectAttributes,
+            style: width ? `width: ${width}px;` : ''
+          }
+        };
+        onChange({
+          ...value,
+          replacements: newReplacements
+        });
+        event.preventDefault();
+      },
+      children: /*#__PURE__*/_jsxs(HStack, {
+        alignment: "bottom",
+        spacing: "0",
+        children: [/*#__PURE__*/_jsx(NumberControl, {
+          className: "block-editor-format-toolbar__image-container-value",
+          label: __('Width'),
+          value: width,
+          min: 1,
+          onChange: newWidth => setWidth(newWidth)
+        }), /*#__PURE__*/_jsx(Button, {
+          className: "block-editor-format-toolbar__image-container-button",
+          icon: keyboardReturn,
+          label: __('Apply'),
+          type: "submit"
+        })]
+      })
+    })
+  });
 }
 function Edit({
   value,
@@ -86,55 +90,46 @@ function Edit({
   activeObjectAttributes,
   contentRef
 }) {
-  const [isModalOpen, setIsModalOpen] = useState(false);
-  function openModal() {
-    setIsModalOpen(true);
-  }
-  function closeModal() {
-    setIsModalOpen(false);
-  }
-  return createElement(MediaUploadCheck, null, createElement(RichTextToolbarButton, {
-    icon: createElement(SVG, {
-      xmlns: "http://www.w3.org/2000/svg",
-      viewBox: "0 0 24 24"
-    }, createElement(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 && createElement(MediaUpload, {
-    allowedTypes: ALLOWED_MEDIA_TYPES,
-    onSelect: ({
-      id,
-      url,
-      alt,
-      width: imgWidth
-    }) => {
-      closeModal();
-      onChange(insertObject(value, {
-        type: name,
-        attributes: {
-          className: `wp-image-${id}`,
-          style: `width: ${Math.min(imgWidth, 150)}px;`,
-          url,
-          alt
-        }
-      }));
-      onFocus();
-    },
-    onClose: closeModal,
-    render: ({
-      open
-    }) => {
-      open();
-      return null;
-    }
-  }), isObjectActive && createElement(InlineUI, {
-    value: value,
-    onChange: onChange,
-    activeObjectAttributes: activeObjectAttributes,
-    contentRef: contentRef
-  }));
+  return /*#__PURE__*/_jsxs(MediaUploadCheck, {
+    children: [/*#__PURE__*/_jsx(MediaUpload, {
+      allowedTypes: ALLOWED_MEDIA_TYPES,
+      onSelect: ({
+        id,
+        url,
+        alt,
+        width: imgWidth
+      }) => {
+        onChange(insertObject(value, {
+          type: name,
+          attributes: {
+            className: `wp-image-${id}`,
+            style: `width: ${Math.min(imgWidth, 150)}px;`,
+            url,
+            alt
+          }
+        }));
+        onFocus();
+      },
+      render: ({
+        open
+      }) => /*#__PURE__*/_jsx(RichTextToolbarButton, {
+        icon: /*#__PURE__*/_jsx(SVG, {
+          xmlns: "http://www.w3.org/2000/svg",
+          viewBox: "0 0 24 24",
+          children: /*#__PURE__*/_jsx(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: open,
+        isActive: isObjectActive
+      })
+    }), isObjectActive && /*#__PURE__*/_jsx(InlineUI, {
+      value: value,
+      onChange: onChange,
+      activeObjectAttributes: activeObjectAttributes,
+      contentRef: contentRef
+    })]
+  });
 }
 //# sourceMappingURL=index.js.map

package/build-module/image/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["Path","SVG","Popover","Button","__experimentalNumberControl","NumberControl","__experimentalHStack","HStack","__","useState","insertObject","useAnchor","MediaUpload","RichTextToolbarButton","MediaUploadCheck","keyboardReturn","ALLOWED_MEDIA_TYPES","name","title","image","keywords","object","tagName","className","attributes","style","url","alt","edit","Edit","InlineUI","value","onChange","activeObjectAttributes","contentRef","width","setWidth","replace","popoverAnchor","editableContentElement","current","settings","createElement","placement","focusOnMount","anchor","onSubmit","event","newReplacements","replacements","slice","start","type","preventDefault","alignment","spacing","label","min","newWidth","icon","onFocus","isObjectActive","isModalOpen","setIsModalOpen","openModal","closeModal","xmlns","viewBox","d","onClick","isActive","allowedTypes","onSelect","id","imgWidth","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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","ignoreList":[]}
+{"version":3,"names":["Path","SVG","Popover","Button","__experimentalNumberControl","NumberControl","__experimentalHStack","HStack","__","useState","insertObject","useAnchor","MediaUpload","RichTextToolbarButton","MediaUploadCheck","keyboardReturn","jsx","_jsx","jsxs","_jsxs","ALLOWED_MEDIA_TYPES","name","title","image","keywords","object","tagName","className","attributes","style","url","alt","edit","Edit","InlineUI","value","onChange","activeObjectAttributes","contentRef","width","setWidth","replace","popoverAnchor","editableContentElement","current","settings","placement","focusOnMount","anchor","children","onSubmit","event","newReplacements","replacements","slice","start","type","preventDefault","alignment","spacing","label","min","newWidth","icon","onFocus","isObjectActive","allowedTypes","onSelect","id","imgWidth","Math","render","open","xmlns","viewBox","d","onClick","isActive"],"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\treturn (\n\t\t<MediaUploadCheck>\n\t\t\t<MediaUpload\n\t\t\t\tallowedTypes={ ALLOWED_MEDIA_TYPES }\n\t\t\t\tonSelect={ ( { id, url, alt, width: imgWidth } ) => {\n\t\t\t\t\tonChange(\n\t\t\t\t\t\tinsertObject( 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\tclassName: `wp-image-${ id }`,\n\t\t\t\t\t\t\t\tstyle: `width: ${ Math.min(\n\t\t\t\t\t\t\t\t\timgWidth,\n\t\t\t\t\t\t\t\t\t150\n\t\t\t\t\t\t\t\t) }px;`,\n\t\t\t\t\t\t\t\turl,\n\t\t\t\t\t\t\t\talt,\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\tonFocus();\n\t\t\t\t} }\n\t\t\t\trender={ ( { open } ) => (\n\t\t\t\t\t<RichTextToolbarButton\n\t\t\t\t\t\ticon={\n\t\t\t\t\t\t\t<SVG\n\t\t\t\t\t\t\t\txmlns=\"http://www.w3.org/2000/svg\"\n\t\t\t\t\t\t\t\tviewBox=\"0 0 24 24\"\n\t\t\t\t\t\t\t>\n\t\t\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\t\t</SVG>\n\t\t\t\t\t\t}\n\t\t\t\t\t\ttitle={ title }\n\t\t\t\t\t\tonClick={ open }\n\t\t\t\t\t\tisActive={ isObjectActive }\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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","ignoreList":[]}

package/build-module/italic/index.js

@@ -1,4 +1,3 @@
-import { createElement, Fragment } from "react";
 /**
  * WordPress dependencies
  */
@@ -6,6 +5,9 @@ import { __ } from '@wordpress/i18n';
 import { toggleFormat } from '@wordpress/rich-text';
 import { RichTextToolbarButton, RichTextShortcut, __unstableRichTextInputEvent } from '@wordpress/block-editor';
 import { formatItalic } from '@wordpress/icons';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Fragment as _Fragment } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
 const name = 'core/italic';
 const title = __('Italic');
 export const italic = {
@@ -31,22 +33,24 @@ export const italic = {
       }));
       onFocus();
     }
-    return createElement(Fragment, null, createElement(RichTextShortcut, {
-      type: "primary",
-      character: "i",
-      onUse: onToggle
-    }), createElement(RichTextToolbarButton, {
-      name: "italic",
-      icon: formatItalic,
-      title: title,
-      onClick: onClick,
-      isActive: isActive,
-      shortcutType: "primary",
-      shortcutCharacter: "i"
-    }), createElement(__unstableRichTextInputEvent, {
-      inputType: "formatItalic",
-      onInput: onToggle
-    }));
+    return /*#__PURE__*/_jsxs(_Fragment, {
+      children: [/*#__PURE__*/_jsx(RichTextShortcut, {
+        type: "primary",
+        character: "i",
+        onUse: onToggle
+      }), /*#__PURE__*/_jsx(RichTextToolbarButton, {
+        name: "italic",
+        icon: formatItalic,
+        title: title,
+        onClick: onClick,
+        isActive: isActive,
+        shortcutType: "primary",
+        shortcutCharacter: "i"
+      }), /*#__PURE__*/_jsx(__unstableRichTextInputEvent, {
+        inputType: "formatItalic",
+        onInput: onToggle
+      })]
+    });
   }
 };
 //# sourceMappingURL=index.js.map

package/build-module/italic/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["__","toggleFormat","RichTextToolbarButton","RichTextShortcut","__unstableRichTextInputEvent","formatItalic","name","title","italic","tagName","className","edit","isActive","value","onChange","onFocus","onToggle","type","onClick","createElement","Fragment","character","onUse","icon","shortcutType","shortcutCharacter","inputType","onInput"],"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":";AAAA;AACA;AACA;AACA,SAASA,EAAE,QAAQ,iBAAiB;AACpC,SAASC,YAAY,QAAQ,sBAAsB;AACnD,SACCC,qBAAqB,EACrBC,gBAAgB,EAChBC,4BAA4B,QACtB,yBAAyB;AAChC,SAASC,YAAY,QAAQ,kBAAkB;AAE/C,MAAMC,IAAI,GAAG,aAAa;AAC1B,MAAMC,KAAK,GAAGP,EAAE,CAAE,QAAS,CAAC;AAE5B,OAAO,MAAMQ,MAAM,GAAG;EACrBF,IAAI;EACJC,KAAK;EACLE,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,CAAEb,YAAY,CAAEY,KAAK,EAAE;QAAEI,IAAI,EAAEX,IAAI;QAAEC;MAAM,CAAE,CAAE,CAAC;IACzD;IAEA,SAASW,OAAOA,CAAA,EAAG;MAClBJ,QAAQ,CAAEb,YAAY,CAAEY,KAAK,EAAE;QAAEI,IAAI,EAAEX;MAAK,CAAE,CAAE,CAAC;MACjDS,OAAO,CAAC,CAAC;IACV;IAEA,OACCI,aAAA,CAAAC,QAAA,QACCD,aAAA,CAAChB,gBAAgB;MAChBc,IAAI,EAAC,SAAS;MACdI,SAAS,EAAC,GAAG;MACbC,KAAK,EAAGN;IAAU,CAClB,CAAC,EACFG,aAAA,CAACjB,qBAAqB;MACrBI,IAAI,EAAC,QAAQ;MACbiB,IAAI,EAAGlB,YAAc;MACrBE,KAAK,EAAGA,KAAO;MACfW,OAAO,EAAGA,OAAS;MACnBN,QAAQ,EAAGA,QAAU;MACrBY,YAAY,EAAC,SAAS;MACtBC,iBAAiB,EAAC;IAAG,CACrB,CAAC,EACFN,aAAA,CAACf,4BAA4B;MAC5BsB,SAAS,EAAC,cAAc;MACxBC,OAAO,EAAGX;IAAU,CACpB,CACA,CAAC;EAEL;AACD,CAAC","ignoreList":[]}
+{"version":3,"names":["__","toggleFormat","RichTextToolbarButton","RichTextShortcut","__unstableRichTextInputEvent","formatItalic","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","name","title","italic","tagName","className","edit","isActive","value","onChange","onFocus","onToggle","type","onClick","children","character","onUse","icon","shortcutType","shortcutCharacter","inputType","onInput"],"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":"AAAA;AACA;AACA;AACA,SAASA,EAAE,QAAQ,iBAAiB;AACpC,SAASC,YAAY,QAAQ,sBAAsB;AACnD,SACCC,qBAAqB,EACrBC,gBAAgB,EAChBC,4BAA4B,QACtB,yBAAyB;AAChC,SAASC,YAAY,QAAQ,kBAAkB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAAA,SAAAC,QAAA,IAAAC,SAAA;AAAA,SAAAC,IAAA,IAAAC,KAAA;AAEhD,MAAMC,IAAI,GAAG,aAAa;AAC1B,MAAMC,KAAK,GAAGb,EAAE,CAAE,QAAS,CAAC;AAE5B,OAAO,MAAMc,MAAM,GAAG;EACrBF,IAAI;EACJC,KAAK;EACLE,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,CAAEnB,YAAY,CAAEkB,KAAK,EAAE;QAAEI,IAAI,EAAEX,IAAI;QAAEC;MAAM,CAAE,CAAE,CAAC;IACzD;IAEA,SAASW,OAAOA,CAAA,EAAG;MAClBJ,QAAQ,CAAEnB,YAAY,CAAEkB,KAAK,EAAE;QAAEI,IAAI,EAAEX;MAAK,CAAE,CAAE,CAAC;MACjDS,OAAO,CAAC,CAAC;IACV;IAEA,oBACCV,KAAA,CAAAF,SAAA;MAAAgB,QAAA,gBACClB,IAAA,CAACJ,gBAAgB;QAChBoB,IAAI,EAAC,SAAS;QACdG,SAAS,EAAC,GAAG;QACbC,KAAK,EAAGL;MAAU,CAClB,CAAC,eACFf,IAAA,CAACL,qBAAqB;QACrBU,IAAI,EAAC,QAAQ;QACbgB,IAAI,EAAGvB,YAAc;QACrBQ,KAAK,EAAGA,KAAO;QACfW,OAAO,EAAGA,OAAS;QACnBN,QAAQ,EAAGA,QAAU;QACrBW,YAAY,EAAC,SAAS;QACtBC,iBAAiB,EAAC;MAAG,CACrB,CAAC,eACFvB,IAAA,CAACH,4BAA4B;QAC5B2B,SAAS,EAAC,cAAc;QACxBC,OAAO,EAAGV;MAAU,CACpB,CAAC;IAAA,CACD,CAAC;EAEL;AACD,CAAC","ignoreList":[]}

package/build-module/keyboard/index.js

@@ -1,4 +1,3 @@
-import { createElement } from "react";
 /**
  * WordPress dependencies
  */
@@ -6,6 +5,7 @@ import { __ } from '@wordpress/i18n';
 import { toggleFormat } from '@wordpress/rich-text';
 import { RichTextToolbarButton } from '@wordpress/block-editor';
 import { button } from '@wordpress/icons';
+import { jsx as _jsx } from "react/jsx-runtime";
 const name = 'core/keyboard';
 const title = __('Keyboard input');
 export const keyboard = {
@@ -29,7 +29,7 @@ export const keyboard = {
       onToggle();
       onFocus();
     }
-    return createElement(RichTextToolbarButton, {
+    return /*#__PURE__*/_jsx(RichTextToolbarButton, {
       icon: button,
       title: title,
       onClick: onClick,

package/build-module/keyboard/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["__","toggleFormat","RichTextToolbarButton","button","name","title","keyboard","tagName","className","edit","isActive","value","onChange","onFocus","onToggle","type","onClick","createElement","icon","role"],"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":";AAAA;AACA;AACA;AACA,SAASA,EAAE,QAAQ,iBAAiB;AACpC,SAASC,YAAY,QAAQ,sBAAsB;AACnD,SAASC,qBAAqB,QAAQ,yBAAyB;AAC/D,SAASC,MAAM,QAAQ,kBAAkB;AAEzC,MAAMC,IAAI,GAAG,eAAe;AAC5B,MAAMC,KAAK,GAAGL,EAAE,CAAE,gBAAiB,CAAC;AAEpC,OAAO,MAAMM,QAAQ,GAAG;EACvBF,IAAI;EACJC,KAAK;EACLE,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,CAAEX,YAAY,CAAEU,KAAK,EAAE;QAAEI,IAAI,EAAEX,IAAI;QAAEC;MAAM,CAAE,CAAE,CAAC;IACzD;IAEA,SAASW,OAAOA,CAAA,EAAG;MAClBF,QAAQ,CAAC,CAAC;MACVD,OAAO,CAAC,CAAC;IACV;IAEA,OACCI,aAAA,CAACf,qBAAqB;MACrBgB,IAAI,EAAGf,MAAQ;MACfE,KAAK,EAAGA,KAAO;MACfW,OAAO,EAAGA,OAAS;MACnBN,QAAQ,EAAGA,QAAU;MACrBS,IAAI,EAAC;IAAkB,CACvB,CAAC;EAEJ;AACD,CAAC","ignoreList":[]}
+{"version":3,"names":["__","toggleFormat","RichTextToolbarButton","button","jsx","_jsx","name","title","keyboard","tagName","className","edit","isActive","value","onChange","onFocus","onToggle","type","onClick","icon","role"],"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":"AAAA;AACA;AACA;AACA,SAASA,EAAE,QAAQ,iBAAiB;AACpC,SAASC,YAAY,QAAQ,sBAAsB;AACnD,SAASC,qBAAqB,QAAQ,yBAAyB;AAC/D,SAASC,MAAM,QAAQ,kBAAkB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAE1C,MAAMC,IAAI,GAAG,eAAe;AAC5B,MAAMC,KAAK,GAAGP,EAAE,CAAE,gBAAiB,CAAC;AAEpC,OAAO,MAAMQ,QAAQ,GAAG;EACvBF,IAAI;EACJC,KAAK;EACLE,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,CAAEb,YAAY,CAAEY,KAAK,EAAE;QAAEI,IAAI,EAAEX,IAAI;QAAEC;MAAM,CAAE,CAAE,CAAC;IACzD;IAEA,SAASW,OAAOA,CAAA,EAAG;MAClBF,QAAQ,CAAC,CAAC;MACVD,OAAO,CAAC,CAAC;IACV;IAEA,oBACCV,IAAA,CAACH,qBAAqB;MACrBiB,IAAI,EAAGhB,MAAQ;MACfI,KAAK,EAAGA,KAAO;MACfW,OAAO,EAAGA,OAAS;MACnBN,QAAQ,EAAGA,QAAU;MACrBQ,IAAI,EAAC;IAAkB,CACvB,CAAC;EAEJ;AACD,CAAC","ignoreList":[]}

package/build-module/language/index.js

@@ -1,4 +1,3 @@
-import { createElement, Fragment } from "react";
 /**
  * WordPress dependencies
  */
@@ -12,6 +11,9 @@ import { TextControl, SelectControl, Button, Popover, __experimentalHStack as HS
 import { useState } from '@wordpress/element';
 import { applyFormat, removeFormat, useAnchor } from '@wordpress/rich-text';
 import { language as languageIcon } from '@wordpress/icons';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Fragment as _Fragment } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
 const name = 'core/language';
 const title = __('Language');
 export const language = {
@@ -31,25 +33,27 @@ function Edit({
   const togglePopover = () => {
     setIsPopoverVisible(state => !state);
   };
-  return createElement(Fragment, null, createElement(RichTextToolbarButton, {
-    icon: languageIcon,
-    label: title,
-    title: title,
-    onClick: () => {
-      if (isActive) {
-        onChange(removeFormat(value, name));
-      } else {
-        togglePopover();
-      }
-    },
-    isActive: isActive,
-    role: "menuitemcheckbox"
-  }), isPopoverVisible && createElement(InlineLanguageUI, {
-    value: value,
-    onChange: onChange,
-    onClose: togglePopover,
-    contentRef: contentRef
-  }));
+  return /*#__PURE__*/_jsxs(_Fragment, {
+    children: [/*#__PURE__*/_jsx(RichTextToolbarButton, {
+      icon: languageIcon,
+      label: title,
+      title: title,
+      onClick: () => {
+        if (isActive) {
+          onChange(removeFormat(value, name));
+        } else {
+          togglePopover();
+        }
+      },
+      isActive: isActive,
+      role: "menuitemcheckbox"
+    }), isPopoverVisible && /*#__PURE__*/_jsx(InlineLanguageUI, {
+      value: value,
+      onChange: onChange,
+      onClose: togglePopover,
+      contentRef: contentRef
+    })]
+  });
 }
 function InlineLanguageUI({
   value,
@@ -63,45 +67,48 @@ function InlineLanguageUI({
   });
   const [lang, setLang] = useState('');
   const [dir, setDir] = useState('ltr');
-  return createElement(Popover, {
+  return /*#__PURE__*/_jsx(Popover, {
     className: "block-editor-format-toolbar__language-popover",
     anchor: popoverAnchor,
-    onClose: onClose
-  }, createElement("form", {
-    className: "block-editor-format-toolbar__language-container-content",
-    onSubmit: event => {
-      event.preventDefault();
-      onChange(applyFormat(value, {
-        type: name,
-        attributes: {
-          lang,
-          dir
-        }
-      }));
-      onClose();
-    }
-  }, createElement(TextControl, {
-    label: title,
-    value: lang,
-    onChange: val => setLang(val),
-    help: __('A valid language attribute, like "en" or "fr".')
-  }), createElement(SelectControl, {
-    label: __('Text direction'),
-    value: dir,
-    options: [{
-      label: __('Left to right'),
-      value: 'ltr'
-    }, {
-      label: __('Right to left'),
-      value: 'rtl'
-    }],
-    onChange: val => setDir(val)
-  }), createElement(HStack, {
-    alignment: "right"
-  }, createElement(Button, {
-    variant: "primary",
-    type: "submit",
-    text: __('Apply')
-  }))));
+    onClose: onClose,
+    children: /*#__PURE__*/_jsxs("form", {
+      className: "block-editor-format-toolbar__language-container-content",
+      onSubmit: event => {
+        event.preventDefault();
+        onChange(applyFormat(value, {
+          type: name,
+          attributes: {
+            lang,
+            dir
+          }
+        }));
+        onClose();
+      },
+      children: [/*#__PURE__*/_jsx(TextControl, {
+        label: title,
+        value: lang,
+        onChange: val => setLang(val),
+        help: __('A valid language attribute, like "en" or "fr".')
+      }), /*#__PURE__*/_jsx(SelectControl, {
+        label: __('Text direction'),
+        value: dir,
+        options: [{
+          label: __('Left to right'),
+          value: 'ltr'
+        }, {
+          label: __('Right to left'),
+          value: 'rtl'
+        }],
+        onChange: val => setDir(val)
+      }), /*#__PURE__*/_jsx(HStack, {
+        alignment: "right",
+        children: /*#__PURE__*/_jsx(Button, {
+          variant: "primary",
+          type: "submit",
+          text: __('Apply')
+        })
+      })]
+    })
+  });
 }
 //# sourceMappingURL=index.js.map