@wordpress/format-library 4.35.0 → 5.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (94) hide show
  1. package/CHANGELOG.md +6 -0
  2. package/build/bold/index.js +19 -17
  3. package/build/bold/index.js.map +1 -1
  4. package/build/code/index.js +14 -12
  5. package/build/code/index.js.map +1 -1
  6. package/build/image/index.js +79 -85
  7. package/build/image/index.js.map +1 -1
  8. package/build/italic/index.js +19 -17
  9. package/build/italic/index.js.map +1 -1
  10. package/build/keyboard/index.js +2 -2
  11. package/build/keyboard/index.js.map +1 -1
  12. package/build/language/index.js +63 -58
  13. package/build/language/index.js.map +1 -1
  14. package/build/link/index.js +33 -31
  15. package/build/link/index.js.map +1 -1
  16. package/build/link/index.native.js +20 -18
  17. package/build/link/index.native.js.map +1 -1
  18. package/build/link/inline.js +24 -23
  19. package/build/link/inline.js.map +1 -1
  20. package/build/link/modal-screens/link-picker-screen.native.js +2 -2
  21. package/build/link/modal-screens/link-picker-screen.native.js.map +1 -1
  22. package/build/link/modal-screens/link-settings-screen.native.js +28 -24
  23. package/build/link/modal-screens/link-settings-screen.native.js.map +1 -1
  24. package/build/link/modal.native.js +20 -16
  25. package/build/link/modal.native.js.map +1 -1
  26. package/build/non-breaking-space/index.js +2 -2
  27. package/build/non-breaking-space/index.js.map +1 -1
  28. package/build/strikethrough/index.js +14 -12
  29. package/build/strikethrough/index.js.map +1 -1
  30. package/build/subscript/index.js +2 -2
  31. package/build/subscript/index.js.map +1 -1
  32. package/build/superscript/index.js +2 -2
  33. package/build/superscript/index.js.map +1 -1
  34. package/build/text-color/index.js +24 -22
  35. package/build/text-color/index.js.map +1 -1
  36. package/build/text-color/index.native.js +36 -30
  37. package/build/text-color/index.native.js.map +1 -1
  38. package/build/text-color/inline.js +22 -17
  39. package/build/text-color/inline.js.map +1 -1
  40. package/build/text-color/inline.native.js +20 -16
  41. package/build/text-color/inline.native.js.map +1 -1
  42. package/build/underline/index.js +11 -9
  43. package/build/underline/index.js.map +1 -1
  44. package/build/unknown/index.js +2 -2
  45. package/build/unknown/index.js.map +1 -1
  46. package/build-module/bold/index.js +21 -17
  47. package/build-module/bold/index.js.map +1 -1
  48. package/build-module/code/index.js +16 -12
  49. package/build-module/code/index.js.map +1 -1
  50. package/build-module/image/index.js +80 -85
  51. package/build-module/image/index.js.map +1 -1
  52. package/build-module/italic/index.js +21 -17
  53. package/build-module/italic/index.js.map +1 -1
  54. package/build-module/keyboard/index.js +2 -2
  55. package/build-module/keyboard/index.js.map +1 -1
  56. package/build-module/language/index.js +65 -58
  57. package/build-module/language/index.js.map +1 -1
  58. package/build-module/link/index.js +35 -31
  59. package/build-module/link/index.js.map +1 -1
  60. package/build-module/link/index.native.js +22 -18
  61. package/build-module/link/index.native.js.map +1 -1
  62. package/build-module/link/inline.js +24 -23
  63. package/build-module/link/inline.js.map +1 -1
  64. package/build-module/link/modal-screens/link-picker-screen.native.js +2 -2
  65. package/build-module/link/modal-screens/link-picker-screen.native.js.map +1 -1
  66. package/build-module/link/modal-screens/link-settings-screen.native.js +30 -24
  67. package/build-module/link/modal-screens/link-settings-screen.native.js.map +1 -1
  68. package/build-module/link/modal.native.js +21 -16
  69. package/build-module/link/modal.native.js.map +1 -1
  70. package/build-module/non-breaking-space/index.js +2 -2
  71. package/build-module/non-breaking-space/index.js.map +1 -1
  72. package/build-module/strikethrough/index.js +16 -12
  73. package/build-module/strikethrough/index.js.map +1 -1
  74. package/build-module/subscript/index.js +2 -2
  75. package/build-module/subscript/index.js.map +1 -1
  76. package/build-module/superscript/index.js +2 -2
  77. package/build-module/superscript/index.js.map +1 -1
  78. package/build-module/text-color/index.js +26 -22
  79. package/build-module/text-color/index.js.map +1 -1
  80. package/build-module/text-color/index.native.js +39 -31
  81. package/build-module/text-color/index.native.js.map +1 -1
  82. package/build-module/text-color/inline.js +23 -17
  83. package/build-module/text-color/inline.js.map +1 -1
  84. package/build-module/text-color/inline.native.js +21 -17
  85. package/build-module/text-color/inline.native.js.map +1 -1
  86. package/build-module/underline/index.js +13 -9
  87. package/build-module/underline/index.js.map +1 -1
  88. package/build-module/unknown/index.js +2 -2
  89. package/build-module/unknown/index.js.map +1 -1
  90. package/package.json +16 -15
  91. package/src/image/index.js +34 -47
  92. package/src/link/modal-screens/link-settings-screen.native.js +2 -2
  93. package/src/text-color/index.native.js +4 -4
  94. package/src/text-color/inline.native.js +3 -5
package/CHANGELOG.md CHANGED
@@ -2,6 +2,12 @@
2
2
 
3
3
  ## Unreleased
4
4
 
5
+ ## 5.0.0 (2024-05-31)
6
+
7
+ ### Breaking Changes
8
+
9
+ - Increase the minimum required Node.js version to v18.12.0 matching long-term support releases ([#31270](https://github.com/WordPress/gutenberg/pull/61930)). Learn more about [Node.js releases](https://nodejs.org/en/about/previous-releases).
10
+
5
11
  ## 4.35.0 (2024-05-16)
6
12
 
7
13
  ## 4.34.0 (2024-05-02)
@@ -4,11 +4,11 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports.bold = void 0;
7
- var _react = require("react");
8
7
  var _i18n = require("@wordpress/i18n");
9
8
  var _richText = require("@wordpress/rich-text");
10
9
  var _blockEditor = require("@wordpress/block-editor");
11
10
  var _icons = require("@wordpress/icons");
11
+ var _jsxRuntime = require("react/jsx-runtime");
12
12
  /**
13
13
  * WordPress dependencies
14
14
  */
@@ -38,22 +38,24 @@ const bold = exports.bold = {
38
38
  }));
39
39
  onFocus();
40
40
  }
41
- return (0, _react.createElement)(_react.Fragment, null, (0, _react.createElement)(_blockEditor.RichTextShortcut, {
42
- type: "primary",
43
- character: "b",
44
- onUse: onToggle
45
- }), (0, _react.createElement)(_blockEditor.RichTextToolbarButton, {
46
- name: "bold",
47
- icon: _icons.formatBold,
48
- title: title,
49
- onClick: onClick,
50
- isActive: isActive,
51
- shortcutType: "primary",
52
- shortcutCharacter: "b"
53
- }), (0, _react.createElement)(_blockEditor.__unstableRichTextInputEvent, {
54
- inputType: "formatBold",
55
- onInput: onToggle
56
- }));
41
+ return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
42
+ children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_blockEditor.RichTextShortcut, {
43
+ type: "primary",
44
+ character: "b",
45
+ onUse: onToggle
46
+ }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_blockEditor.RichTextToolbarButton, {
47
+ name: "bold",
48
+ icon: _icons.formatBold,
49
+ title: title,
50
+ onClick: onClick,
51
+ isActive: isActive,
52
+ shortcutType: "primary",
53
+ shortcutCharacter: "b"
54
+ }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_blockEditor.__unstableRichTextInputEvent, {
55
+ inputType: "formatBold",
56
+ onInput: onToggle
57
+ })]
58
+ });
57
59
  }
58
60
  };
59
61
  //# sourceMappingURL=index.js.map
@@ -1 +1 @@
1
- {"version":3,"names":["_i18n","require","_richText","_blockEditor","_icons","name","title","__","bold","exports","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"],"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,GAAAC,OAAA,CAAAD,IAAA,GAAG;EACnBH,IAAI;EACJC,KAAK;EACLI,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,EAAEd,IAAI;QAAEC;MAAM,CAAE,CAAE,CAAC;IACzD;IAEA,SAASc,OAAOA,CAAA,EAAG;MAClBL,QAAQ,CAAE,IAAAG,sBAAY,EAAEJ,KAAK,EAAE;QAAEK,IAAI,EAAEd;MAAK,CAAE,CAAE,CAAC;MACjDW,OAAO,CAAC,CAAC;IACV;IAEA,OACC,IAAAK,MAAA,CAAAC,aAAA,EAAAD,MAAA,CAAAE,QAAA,QACC,IAAAF,MAAA,CAAAC,aAAA,EAACnB,YAAA,CAAAqB,gBAAgB;MAChBL,IAAI,EAAC,SAAS;MACdM,SAAS,EAAC,GAAG;MACbC,KAAK,EAAGT;IAAU,CAClB,CAAC,EACF,IAAAI,MAAA,CAAAC,aAAA,EAACnB,YAAA,CAAAwB,qBAAqB;MACrBtB,IAAI,EAAC,MAAM;MACXuB,IAAI,EAAGC,iBAAY;MACnBvB,KAAK,EAAGA,KAAO;MACfc,OAAO,EAAGA,OAAS;MACnBP,QAAQ,EAAGA,QAAU;MACrBiB,YAAY,EAAC,SAAS;MACtBC,iBAAiB,EAAC;IAAG,CACrB,CAAC,EACF,IAAAV,MAAA,CAAAC,aAAA,EAACnB,YAAA,CAAA6B,4BAA4B;MAC5BC,SAAS,EAAC,YAAY;MACtBC,OAAO,EAAGjB;IAAU,CACpB,CACA,CAAC;EAEL;AACD,CAAC","ignoreList":[]}
1
+ {"version":3,"names":["_i18n","require","_richText","_blockEditor","_icons","_jsxRuntime","name","title","__","bold","exports","tagName","className","edit","isActive","value","onChange","onFocus","onToggle","toggleFormat","type","onClick","jsxs","Fragment","children","jsx","RichTextShortcut","character","onUse","RichTextToolbarButton","icon","formatBold","shortcutType","shortcutCharacter","__unstableRichTextInputEvent","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":";;;;;;AAGA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,SAAA,GAAAD,OAAA;AACA,IAAAE,YAAA,GAAAF,OAAA;AAKA,IAAAG,MAAA,GAAAH,OAAA;AAA8C,IAAAI,WAAA,GAAAJ,OAAA;AAV9C;AACA;AACA;;AAUA,MAAMK,IAAI,GAAG,WAAW;AACxB,MAAMC,KAAK,GAAG,IAAAC,QAAE,EAAE,MAAO,CAAC;AAEnB,MAAMC,IAAI,GAAAC,OAAA,CAAAD,IAAA,GAAG;EACnBH,IAAI;EACJC,KAAK;EACLI,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,EAAEd,IAAI;QAAEC;MAAM,CAAE,CAAE,CAAC;IACzD;IAEA,SAASc,OAAOA,CAAA,EAAG;MAClBL,QAAQ,CAAE,IAAAG,sBAAY,EAAEJ,KAAK,EAAE;QAAEK,IAAI,EAAEd;MAAK,CAAE,CAAE,CAAC;MACjDW,OAAO,CAAC,CAAC;IACV;IAEA,oBACC,IAAAZ,WAAA,CAAAiB,IAAA,EAAAjB,WAAA,CAAAkB,QAAA;MAAAC,QAAA,gBACC,IAAAnB,WAAA,CAAAoB,GAAA,EAACtB,YAAA,CAAAuB,gBAAgB;QAChBN,IAAI,EAAC,SAAS;QACdO,SAAS,EAAC,GAAG;QACbC,KAAK,EAAGV;MAAU,CAClB,CAAC,eACF,IAAAb,WAAA,CAAAoB,GAAA,EAACtB,YAAA,CAAA0B,qBAAqB;QACrBvB,IAAI,EAAC,MAAM;QACXwB,IAAI,EAAGC,iBAAY;QACnBxB,KAAK,EAAGA,KAAO;QACfc,OAAO,EAAGA,OAAS;QACnBP,QAAQ,EAAGA,QAAU;QACrBkB,YAAY,EAAC,SAAS;QACtBC,iBAAiB,EAAC;MAAG,CACrB,CAAC,eACF,IAAA5B,WAAA,CAAAoB,GAAA,EAACtB,YAAA,CAAA+B,4BAA4B;QAC5BC,SAAS,EAAC,YAAY;QACtBC,OAAO,EAAGlB;MAAU,CACpB,CAAC;IAAA,CACD,CAAC;EAEL;AACD,CAAC","ignoreList":[]}
@@ -4,11 +4,11 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports.code = void 0;
7
- var _react = require("react");
8
7
  var _i18n = require("@wordpress/i18n");
9
8
  var _richText = require("@wordpress/rich-text");
10
9
  var _blockEditor = require("@wordpress/block-editor");
11
10
  var _icons = require("@wordpress/icons");
11
+ var _jsxRuntime = require("react/jsx-runtime");
12
12
  /**
13
13
  * WordPress dependencies
14
14
  */
@@ -64,17 +64,19 @@ const code = exports.code = {
64
64
  }));
65
65
  onFocus();
66
66
  }
67
- return (0, _react.createElement)(_react.Fragment, null, (0, _react.createElement)(_blockEditor.RichTextShortcut, {
68
- type: "access",
69
- character: "x",
70
- onUse: onClick
71
- }), (0, _react.createElement)(_blockEditor.RichTextToolbarButton, {
72
- icon: _icons.code,
73
- title: title,
74
- onClick: onClick,
75
- isActive: isActive,
76
- role: "menuitemcheckbox"
77
- }));
67
+ return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
68
+ children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_blockEditor.RichTextShortcut, {
69
+ type: "access",
70
+ character: "x",
71
+ onUse: onClick
72
+ }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_blockEditor.RichTextToolbarButton, {
73
+ icon: _icons.code,
74
+ title: title,
75
+ onClick: onClick,
76
+ isActive: isActive,
77
+ role: "menuitemcheckbox"
78
+ })]
79
+ });
78
80
  }
79
81
  };
80
82
  //# sourceMappingURL=index.js.map
@@ -1 +1 @@
1
- {"version":3,"names":["_i18n","require","_richText","_blockEditor","_icons","name","title","__","code","exports","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"],"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,GAAAC,OAAA,CAAAD,IAAA,GAAG;EACnBH,IAAI;EACJC,KAAK;EACLI,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,EAAEnB;IAAK,CAAC,EAAEe,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,EAAEnB,IAAI;QAAEC;MAAM,CAAE,CAAE,CAAC;MACxDqB,OAAO,CAAC,CAAC;IACV;IAEA,OACC,IAAAI,MAAA,CAAAC,aAAA,EAAAD,MAAA,CAAAE,QAAA,QACC,IAAAF,MAAA,CAAAC,aAAA,EAAC7B,YAAA,CAAA+B,gBAAgB;MAChBV,IAAI,EAAC,QAAQ;MACbW,SAAS,EAAC,GAAG;MACbC,KAAK,EAAGP;IAAS,CACjB,CAAC,EACF,IAAAE,MAAA,CAAAC,aAAA,EAAC7B,YAAA,CAAAkC,qBAAqB;MACrBC,IAAI,EAAGC,WAAU;MACjBjC,KAAK,EAAGA,KAAO;MACfuB,OAAO,EAAGA,OAAS;MACnBD,QAAQ,EAAGA,QAAU;MACrBY,IAAI,EAAC;IAAkB,CACvB,CACA,CAAC;EAEL;AACD,CAAC","ignoreList":[]}
1
+ {"version":3,"names":["_i18n","require","_richText","_blockEditor","_icons","_jsxRuntime","name","title","__","code","exports","tagName","className","__unstableInputRule","value","BACKTICK","start","text","characterBefore","indexBefore","lastIndexOf","startIndex","endIndex","remove","applyFormat","type","edit","onChange","onFocus","isActive","onClick","toggleFormat","jsxs","Fragment","children","jsx","RichTextShortcut","character","onUse","RichTextToolbarButton","icon","codeIcon","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":";;;;;;AAGA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,SAAA,GAAAD,OAAA;AACA,IAAAE,YAAA,GAAAF,OAAA;AAIA,IAAAG,MAAA,GAAAH,OAAA;AAAoD,IAAAI,WAAA,GAAAJ,OAAA;AATpD;AACA;AACA;;AASA,MAAMK,IAAI,GAAG,WAAW;AACxB,MAAMC,KAAK,GAAG,IAAAC,QAAE,EAAE,aAAc,CAAC;AAE1B,MAAMC,IAAI,GAAAC,OAAA,CAAAD,IAAA,GAAG;EACnBH,IAAI;EACJC,KAAK;EACLI,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,EAAEnB;IAAK,CAAC,EAAEe,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,EAAEnB,IAAI;QAAEC;MAAM,CAAE,CAAE,CAAC;MACxDqB,OAAO,CAAC,CAAC;IACV;IAEA,oBACC,IAAAvB,WAAA,CAAA2B,IAAA,EAAA3B,WAAA,CAAA4B,QAAA;MAAAC,QAAA,gBACC,IAAA7B,WAAA,CAAA8B,GAAA,EAAChC,YAAA,CAAAiC,gBAAgB;QAChBX,IAAI,EAAC,QAAQ;QACbY,SAAS,EAAC,GAAG;QACbC,KAAK,EAAGR;MAAS,CACjB,CAAC,eACF,IAAAzB,WAAA,CAAA8B,GAAA,EAAChC,YAAA,CAAAoC,qBAAqB;QACrBC,IAAI,EAAGC,WAAU;QACjBlC,KAAK,EAAGA,KAAO;QACfuB,OAAO,EAAGA,OAAS;QACnBD,QAAQ,EAAGA,QAAU;QACrBa,IAAI,EAAC;MAAkB,CACvB,CAAC;IAAA,CACD,CAAC;EAEL;AACD,CAAC","ignoreList":[]}
@@ -4,13 +4,13 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports.image = void 0;
7
- var _react = require("react");
8
7
  var _components = require("@wordpress/components");
9
8
  var _i18n = require("@wordpress/i18n");
10
9
  var _element = require("@wordpress/element");
11
10
  var _richText = require("@wordpress/rich-text");
12
11
  var _blockEditor = require("@wordpress/block-editor");
13
12
  var _icons = require("@wordpress/icons");
13
+ var _jsxRuntime = require("react/jsx-runtime");
14
14
  /**
15
15
  * WordPress dependencies
16
16
  */
@@ -47,43 +47,46 @@ function InlineUI({
47
47
  editableContentElement: contentRef.current,
48
48
  settings: image
49
49
  });
50
- return (0, _react.createElement)(_components.Popover, {
50
+ return /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Popover, {
51
51
  placement: "bottom",
52
52
  focusOnMount: false,
53
53
  anchor: popoverAnchor,
54
- className: "block-editor-format-toolbar__image-popover"
55
- }, (0, _react.createElement)("form", {
56
- className: "block-editor-format-toolbar__image-container-content",
57
- onSubmit: event => {
58
- const newReplacements = value.replacements.slice();
59
- newReplacements[value.start] = {
60
- type: name,
61
- attributes: {
62
- ...activeObjectAttributes,
63
- style: width ? `width: ${width}px;` : ''
64
- }
65
- };
66
- onChange({
67
- ...value,
68
- replacements: newReplacements
69
- });
70
- event.preventDefault();
71
- }
72
- }, (0, _react.createElement)(_components.__experimentalHStack, {
73
- alignment: "bottom",
74
- spacing: "0"
75
- }, (0, _react.createElement)(_components.__experimentalNumberControl, {
76
- className: "block-editor-format-toolbar__image-container-value",
77
- label: (0, _i18n.__)('Width'),
78
- value: width,
79
- min: 1,
80
- onChange: newWidth => setWidth(newWidth)
81
- }), (0, _react.createElement)(_components.Button, {
82
- className: "block-editor-format-toolbar__image-container-button",
83
- icon: _icons.keyboardReturn,
84
- label: (0, _i18n.__)('Apply'),
85
- type: "submit"
86
- }))));
54
+ className: "block-editor-format-toolbar__image-popover",
55
+ children: /*#__PURE__*/(0, _jsxRuntime.jsx)("form", {
56
+ className: "block-editor-format-toolbar__image-container-content",
57
+ onSubmit: event => {
58
+ const newReplacements = value.replacements.slice();
59
+ newReplacements[value.start] = {
60
+ type: name,
61
+ attributes: {
62
+ ...activeObjectAttributes,
63
+ style: width ? `width: ${width}px;` : ''
64
+ }
65
+ };
66
+ onChange({
67
+ ...value,
68
+ replacements: newReplacements
69
+ });
70
+ event.preventDefault();
71
+ },
72
+ children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_components.__experimentalHStack, {
73
+ alignment: "bottom",
74
+ spacing: "0",
75
+ children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_components.__experimentalNumberControl, {
76
+ className: "block-editor-format-toolbar__image-container-value",
77
+ label: (0, _i18n.__)('Width'),
78
+ value: width,
79
+ min: 1,
80
+ onChange: newWidth => setWidth(newWidth)
81
+ }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Button, {
82
+ className: "block-editor-format-toolbar__image-container-button",
83
+ icon: _icons.keyboardReturn,
84
+ label: (0, _i18n.__)('Apply'),
85
+ type: "submit"
86
+ })]
87
+ })
88
+ })
89
+ });
87
90
  }
88
91
  function Edit({
89
92
  value,
@@ -93,55 +96,46 @@ function Edit({
93
96
  activeObjectAttributes,
94
97
  contentRef
95
98
  }) {
96
- const [isModalOpen, setIsModalOpen] = (0, _element.useState)(false);
97
- function openModal() {
98
- setIsModalOpen(true);
99
- }
100
- function closeModal() {
101
- setIsModalOpen(false);
102
- }
103
- return (0, _react.createElement)(_blockEditor.MediaUploadCheck, null, (0, _react.createElement)(_blockEditor.RichTextToolbarButton, {
104
- icon: (0, _react.createElement)(_components.SVG, {
105
- xmlns: "http://www.w3.org/2000/svg",
106
- viewBox: "0 0 24 24"
107
- }, (0, _react.createElement)(_components.Path, {
108
- 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"
109
- })),
110
- title: title,
111
- onClick: openModal,
112
- isActive: isObjectActive
113
- }), isModalOpen && (0, _react.createElement)(_blockEditor.MediaUpload, {
114
- allowedTypes: ALLOWED_MEDIA_TYPES,
115
- onSelect: ({
116
- id,
117
- url,
118
- alt,
119
- width: imgWidth
120
- }) => {
121
- closeModal();
122
- onChange((0, _richText.insertObject)(value, {
123
- type: name,
124
- attributes: {
125
- className: `wp-image-${id}`,
126
- style: `width: ${Math.min(imgWidth, 150)}px;`,
127
- url,
128
- alt
129
- }
130
- }));
131
- onFocus();
132
- },
133
- onClose: closeModal,
134
- render: ({
135
- open
136
- }) => {
137
- open();
138
- return null;
139
- }
140
- }), isObjectActive && (0, _react.createElement)(InlineUI, {
141
- value: value,
142
- onChange: onChange,
143
- activeObjectAttributes: activeObjectAttributes,
144
- contentRef: contentRef
145
- }));
99
+ return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_blockEditor.MediaUploadCheck, {
100
+ children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_blockEditor.MediaUpload, {
101
+ allowedTypes: ALLOWED_MEDIA_TYPES,
102
+ onSelect: ({
103
+ id,
104
+ url,
105
+ alt,
106
+ width: imgWidth
107
+ }) => {
108
+ onChange((0, _richText.insertObject)(value, {
109
+ type: name,
110
+ attributes: {
111
+ className: `wp-image-${id}`,
112
+ style: `width: ${Math.min(imgWidth, 150)}px;`,
113
+ url,
114
+ alt
115
+ }
116
+ }));
117
+ onFocus();
118
+ },
119
+ render: ({
120
+ open
121
+ }) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_blockEditor.RichTextToolbarButton, {
122
+ icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.SVG, {
123
+ xmlns: "http://www.w3.org/2000/svg",
124
+ viewBox: "0 0 24 24",
125
+ children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Path, {
126
+ 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"
127
+ })
128
+ }),
129
+ title: title,
130
+ onClick: open,
131
+ isActive: isObjectActive
132
+ })
133
+ }), isObjectActive && /*#__PURE__*/(0, _jsxRuntime.jsx)(InlineUI, {
134
+ value: value,
135
+ onChange: onChange,
136
+ activeObjectAttributes: activeObjectAttributes,
137
+ contentRef: contentRef
138
+ })]
139
+ });
146
140
  }
147
141
  //# sourceMappingURL=index.js.map
@@ -1 +1 @@
1
- {"version":3,"names":["_components","require","_i18n","_element","_richText","_blockEditor","_icons","ALLOWED_MEDIA_TYPES","name","title","__","image","exports","keywords","object","tagName","className","attributes","style","url","alt","edit","Edit","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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","ignoreList":[]}
1
+ {"version":3,"names":["_components","require","_i18n","_element","_richText","_blockEditor","_icons","_jsxRuntime","ALLOWED_MEDIA_TYPES","name","title","__","image","exports","keywords","object","tagName","className","attributes","style","url","alt","edit","Edit","InlineUI","value","onChange","activeObjectAttributes","contentRef","width","setWidth","useState","replace","popoverAnchor","useAnchor","editableContentElement","current","settings","jsx","Popover","placement","focusOnMount","anchor","children","onSubmit","event","newReplacements","replacements","slice","start","type","preventDefault","jsxs","__experimentalHStack","alignment","spacing","__experimentalNumberControl","label","min","newWidth","Button","icon","keyboardReturn","onFocus","isObjectActive","MediaUploadCheck","MediaUpload","allowedTypes","onSelect","id","imgWidth","insertObject","Math","render","open","RichTextToolbarButton","SVG","xmlns","viewBox","Path","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":[]}
@@ -4,11 +4,11 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports.italic = void 0;
7
- var _react = require("react");
8
7
  var _i18n = require("@wordpress/i18n");
9
8
  var _richText = require("@wordpress/rich-text");
10
9
  var _blockEditor = require("@wordpress/block-editor");
11
10
  var _icons = require("@wordpress/icons");
11
+ var _jsxRuntime = require("react/jsx-runtime");
12
12
  /**
13
13
  * WordPress dependencies
14
14
  */
@@ -38,22 +38,24 @@ const italic = exports.italic = {
38
38
  }));
39
39
  onFocus();
40
40
  }
41
- return (0, _react.createElement)(_react.Fragment, null, (0, _react.createElement)(_blockEditor.RichTextShortcut, {
42
- type: "primary",
43
- character: "i",
44
- onUse: onToggle
45
- }), (0, _react.createElement)(_blockEditor.RichTextToolbarButton, {
46
- name: "italic",
47
- icon: _icons.formatItalic,
48
- title: title,
49
- onClick: onClick,
50
- isActive: isActive,
51
- shortcutType: "primary",
52
- shortcutCharacter: "i"
53
- }), (0, _react.createElement)(_blockEditor.__unstableRichTextInputEvent, {
54
- inputType: "formatItalic",
55
- onInput: onToggle
56
- }));
41
+ return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
42
+ children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_blockEditor.RichTextShortcut, {
43
+ type: "primary",
44
+ character: "i",
45
+ onUse: onToggle
46
+ }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_blockEditor.RichTextToolbarButton, {
47
+ name: "italic",
48
+ icon: _icons.formatItalic,
49
+ title: title,
50
+ onClick: onClick,
51
+ isActive: isActive,
52
+ shortcutType: "primary",
53
+ shortcutCharacter: "i"
54
+ }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_blockEditor.__unstableRichTextInputEvent, {
55
+ inputType: "formatItalic",
56
+ onInput: onToggle
57
+ })]
58
+ });
57
59
  }
58
60
  };
59
61
  //# sourceMappingURL=index.js.map
@@ -1 +1 @@
1
- {"version":3,"names":["_i18n","require","_richText","_blockEditor","_icons","name","title","__","italic","exports","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"],"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,GAAAC,OAAA,CAAAD,MAAA,GAAG;EACrBH,IAAI;EACJC,KAAK;EACLI,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,EAAEd,IAAI;QAAEC;MAAM,CAAE,CAAE,CAAC;IACzD;IAEA,SAASc,OAAOA,CAAA,EAAG;MAClBL,QAAQ,CAAE,IAAAG,sBAAY,EAAEJ,KAAK,EAAE;QAAEK,IAAI,EAAEd;MAAK,CAAE,CAAE,CAAC;MACjDW,OAAO,CAAC,CAAC;IACV;IAEA,OACC,IAAAK,MAAA,CAAAC,aAAA,EAAAD,MAAA,CAAAE,QAAA,QACC,IAAAF,MAAA,CAAAC,aAAA,EAACnB,YAAA,CAAAqB,gBAAgB;MAChBL,IAAI,EAAC,SAAS;MACdM,SAAS,EAAC,GAAG;MACbC,KAAK,EAAGT;IAAU,CAClB,CAAC,EACF,IAAAI,MAAA,CAAAC,aAAA,EAACnB,YAAA,CAAAwB,qBAAqB;MACrBtB,IAAI,EAAC,QAAQ;MACbuB,IAAI,EAAGC,mBAAc;MACrBvB,KAAK,EAAGA,KAAO;MACfc,OAAO,EAAGA,OAAS;MACnBP,QAAQ,EAAGA,QAAU;MACrBiB,YAAY,EAAC,SAAS;MACtBC,iBAAiB,EAAC;IAAG,CACrB,CAAC,EACF,IAAAV,MAAA,CAAAC,aAAA,EAACnB,YAAA,CAAA6B,4BAA4B;MAC5BC,SAAS,EAAC,cAAc;MACxBC,OAAO,EAAGjB;IAAU,CACpB,CACA,CAAC;EAEL;AACD,CAAC","ignoreList":[]}
1
+ {"version":3,"names":["_i18n","require","_richText","_blockEditor","_icons","_jsxRuntime","name","title","__","italic","exports","tagName","className","edit","isActive","value","onChange","onFocus","onToggle","toggleFormat","type","onClick","jsxs","Fragment","children","jsx","RichTextShortcut","character","onUse","RichTextToolbarButton","icon","formatItalic","shortcutType","shortcutCharacter","__unstableRichTextInputEvent","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":";;;;;;AAGA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,SAAA,GAAAD,OAAA;AACA,IAAAE,YAAA,GAAAF,OAAA;AAKA,IAAAG,MAAA,GAAAH,OAAA;AAAgD,IAAAI,WAAA,GAAAJ,OAAA;AAVhD;AACA;AACA;;AAUA,MAAMK,IAAI,GAAG,aAAa;AAC1B,MAAMC,KAAK,GAAG,IAAAC,QAAE,EAAE,QAAS,CAAC;AAErB,MAAMC,MAAM,GAAAC,OAAA,CAAAD,MAAA,GAAG;EACrBH,IAAI;EACJC,KAAK;EACLI,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,EAAEd,IAAI;QAAEC;MAAM,CAAE,CAAE,CAAC;IACzD;IAEA,SAASc,OAAOA,CAAA,EAAG;MAClBL,QAAQ,CAAE,IAAAG,sBAAY,EAAEJ,KAAK,EAAE;QAAEK,IAAI,EAAEd;MAAK,CAAE,CAAE,CAAC;MACjDW,OAAO,CAAC,CAAC;IACV;IAEA,oBACC,IAAAZ,WAAA,CAAAiB,IAAA,EAAAjB,WAAA,CAAAkB,QAAA;MAAAC,QAAA,gBACC,IAAAnB,WAAA,CAAAoB,GAAA,EAACtB,YAAA,CAAAuB,gBAAgB;QAChBN,IAAI,EAAC,SAAS;QACdO,SAAS,EAAC,GAAG;QACbC,KAAK,EAAGV;MAAU,CAClB,CAAC,eACF,IAAAb,WAAA,CAAAoB,GAAA,EAACtB,YAAA,CAAA0B,qBAAqB;QACrBvB,IAAI,EAAC,QAAQ;QACbwB,IAAI,EAAGC,mBAAc;QACrBxB,KAAK,EAAGA,KAAO;QACfc,OAAO,EAAGA,OAAS;QACnBP,QAAQ,EAAGA,QAAU;QACrBkB,YAAY,EAAC,SAAS;QACtBC,iBAAiB,EAAC;MAAG,CACrB,CAAC,eACF,IAAA5B,WAAA,CAAAoB,GAAA,EAACtB,YAAA,CAAA+B,4BAA4B;QAC5BC,SAAS,EAAC,cAAc;QACxBC,OAAO,EAAGlB;MAAU,CACpB,CAAC;IAAA,CACD,CAAC;EAEL;AACD,CAAC","ignoreList":[]}
@@ -4,11 +4,11 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports.keyboard = void 0;
7
- var _react = require("react");
8
7
  var _i18n = require("@wordpress/i18n");
9
8
  var _richText = require("@wordpress/rich-text");
10
9
  var _blockEditor = require("@wordpress/block-editor");
11
10
  var _icons = require("@wordpress/icons");
11
+ var _jsxRuntime = require("react/jsx-runtime");
12
12
  /**
13
13
  * WordPress dependencies
14
14
  */
@@ -36,7 +36,7 @@ const keyboard = exports.keyboard = {
36
36
  onToggle();
37
37
  onFocus();
38
38
  }
39
- return (0, _react.createElement)(_blockEditor.RichTextToolbarButton, {
39
+ return /*#__PURE__*/(0, _jsxRuntime.jsx)(_blockEditor.RichTextToolbarButton, {
40
40
  icon: _icons.button,
41
41
  title: title,
42
42
  onClick: onClick,
@@ -1 +1 @@
1
- {"version":3,"names":["_i18n","require","_richText","_blockEditor","_icons","name","title","__","keyboard","exports","tagName","className","edit","isActive","value","onChange","onFocus","onToggle","toggleFormat","type","onClick","_react","createElement","RichTextToolbarButton","icon","button","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":";;;;;;;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,GAAAC,OAAA,CAAAD,QAAA,GAAG;EACvBH,IAAI;EACJC,KAAK;EACLI,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,EAAEd,IAAI;QAAEC;MAAM,CAAE,CAAE,CAAC;IACzD;IAEA,SAASc,OAAOA,CAAA,EAAG;MAClBH,QAAQ,CAAC,CAAC;MACVD,OAAO,CAAC,CAAC;IACV;IAEA,OACC,IAAAK,MAAA,CAAAC,aAAA,EAACnB,YAAA,CAAAoB,qBAAqB;MACrBC,IAAI,EAAGC,aAAQ;MACfnB,KAAK,EAAGA,KAAO;MACfc,OAAO,EAAGA,OAAS;MACnBP,QAAQ,EAAGA,QAAU;MACrBa,IAAI,EAAC;IAAkB,CACvB,CAAC;EAEJ;AACD,CAAC","ignoreList":[]}
1
+ {"version":3,"names":["_i18n","require","_richText","_blockEditor","_icons","_jsxRuntime","name","title","__","keyboard","exports","tagName","className","edit","isActive","value","onChange","onFocus","onToggle","toggleFormat","type","onClick","jsx","RichTextToolbarButton","icon","button","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":";;;;;;AAGA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,SAAA,GAAAD,OAAA;AACA,IAAAE,YAAA,GAAAF,OAAA;AACA,IAAAG,MAAA,GAAAH,OAAA;AAA0C,IAAAI,WAAA,GAAAJ,OAAA;AAN1C;AACA;AACA;;AAMA,MAAMK,IAAI,GAAG,eAAe;AAC5B,MAAMC,KAAK,GAAG,IAAAC,QAAE,EAAE,gBAAiB,CAAC;AAE7B,MAAMC,QAAQ,GAAAC,OAAA,CAAAD,QAAA,GAAG;EACvBH,IAAI;EACJC,KAAK;EACLI,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,EAAEd,IAAI;QAAEC;MAAM,CAAE,CAAE,CAAC;IACzD;IAEA,SAASc,OAAOA,CAAA,EAAG;MAClBH,QAAQ,CAAC,CAAC;MACVD,OAAO,CAAC,CAAC;IACV;IAEA,oBACC,IAAAZ,WAAA,CAAAiB,GAAA,EAACnB,YAAA,CAAAoB,qBAAqB;MACrBC,IAAI,EAAGC,aAAQ;MACflB,KAAK,EAAGA,KAAO;MACfc,OAAO,EAAGA,OAAS;MACnBP,QAAQ,EAAGA,QAAU;MACrBY,IAAI,EAAC;IAAkB,CACvB,CAAC;EAEJ;AACD,CAAC","ignoreList":[]}