@wordpress/format-library 4.35.0 → 5.0.1
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.
- package/CHANGELOG.md +6 -0
- package/build/bold/index.js +19 -17
- package/build/bold/index.js.map +1 -1
- package/build/code/index.js +14 -12
- package/build/code/index.js.map +1 -1
- package/build/image/index.js +79 -85
- package/build/image/index.js.map +1 -1
- package/build/italic/index.js +19 -17
- package/build/italic/index.js.map +1 -1
- package/build/keyboard/index.js +2 -2
- package/build/keyboard/index.js.map +1 -1
- package/build/language/index.js +63 -58
- package/build/language/index.js.map +1 -1
- package/build/link/index.js +33 -31
- package/build/link/index.js.map +1 -1
- package/build/link/index.native.js +20 -18
- package/build/link/index.native.js.map +1 -1
- package/build/link/inline.js +24 -23
- package/build/link/inline.js.map +1 -1
- package/build/link/modal-screens/link-picker-screen.native.js +2 -2
- package/build/link/modal-screens/link-picker-screen.native.js.map +1 -1
- package/build/link/modal-screens/link-settings-screen.native.js +28 -24
- package/build/link/modal-screens/link-settings-screen.native.js.map +1 -1
- package/build/link/modal.native.js +20 -16
- package/build/link/modal.native.js.map +1 -1
- package/build/non-breaking-space/index.js +2 -2
- package/build/non-breaking-space/index.js.map +1 -1
- package/build/strikethrough/index.js +14 -12
- package/build/strikethrough/index.js.map +1 -1
- package/build/subscript/index.js +2 -2
- package/build/subscript/index.js.map +1 -1
- package/build/superscript/index.js +2 -2
- package/build/superscript/index.js.map +1 -1
- package/build/text-color/index.js +24 -22
- package/build/text-color/index.js.map +1 -1
- package/build/text-color/index.native.js +36 -30
- package/build/text-color/index.native.js.map +1 -1
- package/build/text-color/inline.js +22 -17
- package/build/text-color/inline.js.map +1 -1
- package/build/text-color/inline.native.js +20 -16
- package/build/text-color/inline.native.js.map +1 -1
- package/build/underline/index.js +11 -9
- package/build/underline/index.js.map +1 -1
- package/build/unknown/index.js +2 -2
- package/build/unknown/index.js.map +1 -1
- package/build-module/bold/index.js +21 -17
- package/build-module/bold/index.js.map +1 -1
- package/build-module/code/index.js +16 -12
- package/build-module/code/index.js.map +1 -1
- package/build-module/image/index.js +80 -85
- package/build-module/image/index.js.map +1 -1
- package/build-module/italic/index.js +21 -17
- package/build-module/italic/index.js.map +1 -1
- package/build-module/keyboard/index.js +2 -2
- package/build-module/keyboard/index.js.map +1 -1
- package/build-module/language/index.js +65 -58
- package/build-module/language/index.js.map +1 -1
- package/build-module/link/index.js +35 -31
- package/build-module/link/index.js.map +1 -1
- package/build-module/link/index.native.js +22 -18
- package/build-module/link/index.native.js.map +1 -1
- package/build-module/link/inline.js +24 -23
- package/build-module/link/inline.js.map +1 -1
- package/build-module/link/modal-screens/link-picker-screen.native.js +2 -2
- package/build-module/link/modal-screens/link-picker-screen.native.js.map +1 -1
- package/build-module/link/modal-screens/link-settings-screen.native.js +30 -24
- package/build-module/link/modal-screens/link-settings-screen.native.js.map +1 -1
- package/build-module/link/modal.native.js +21 -16
- package/build-module/link/modal.native.js.map +1 -1
- package/build-module/non-breaking-space/index.js +2 -2
- package/build-module/non-breaking-space/index.js.map +1 -1
- package/build-module/strikethrough/index.js +16 -12
- package/build-module/strikethrough/index.js.map +1 -1
- package/build-module/subscript/index.js +2 -2
- package/build-module/subscript/index.js.map +1 -1
- package/build-module/superscript/index.js +2 -2
- package/build-module/superscript/index.js.map +1 -1
- package/build-module/text-color/index.js +26 -22
- package/build-module/text-color/index.js.map +1 -1
- package/build-module/text-color/index.native.js +39 -31
- package/build-module/text-color/index.native.js.map +1 -1
- package/build-module/text-color/inline.js +23 -17
- package/build-module/text-color/inline.js.map +1 -1
- package/build-module/text-color/inline.native.js +21 -17
- package/build-module/text-color/inline.native.js.map +1 -1
- package/build-module/underline/index.js +13 -9
- package/build-module/underline/index.js.map +1 -1
- package/build-module/unknown/index.js +2 -2
- package/build-module/unknown/index.js.map +1 -1
- package/package.json +16 -15
- package/src/image/index.js +34 -47
- package/src/link/modal-screens/link-settings-screen.native.js +2 -2
- package/src/text-color/index.native.js +4 -4
- 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)
|
package/build/bold/index.js
CHANGED
|
@@ -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,
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
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
|
package/build/bold/index.js.map
CHANGED
|
@@ -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","
|
|
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":[]}
|
package/build/code/index.js
CHANGED
|
@@ -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,
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
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
|
package/build/code/index.js.map
CHANGED
|
@@ -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","
|
|
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":[]}
|
package/build/image/index.js
CHANGED
|
@@ -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,
|
|
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
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
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
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
|
|
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
|
package/build/image/index.js.map
CHANGED
|
@@ -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","
|
|
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":[]}
|
package/build/italic/index.js
CHANGED
|
@@ -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,
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
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","
|
|
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":[]}
|
package/build/keyboard/index.js
CHANGED
|
@@ -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,
|
|
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","
|
|
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":[]}
|