@wordpress/customize-widgets 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.
- package/CHANGELOG.md +7 -0
- package/build/components/block-appender/index.js +2 -2
- package/build/components/block-appender/index.js.map +1 -1
- package/build/components/block-inspector-button/index.js +5 -4
- package/build/components/block-inspector-button/index.js.map +1 -1
- package/build/components/customize-widgets/index.js +24 -18
- package/build/components/customize-widgets/index.js.map +1 -1
- package/build/components/error-boundary/index.js +12 -10
- package/build/components/error-boundary/index.js.map +1 -1
- package/build/components/focus-control/index.js +5 -4
- package/build/components/focus-control/index.js.map +1 -1
- package/build/components/header/index.js +48 -44
- package/build/components/header/index.js.map +1 -1
- package/build/components/inserter/index.js +25 -21
- package/build/components/inserter/index.js.map +1 -1
- package/build/components/keyboard-shortcut-help-modal/dynamic-shortcut.js +2 -2
- package/build/components/keyboard-shortcut-help-modal/dynamic-shortcut.js.map +1 -1
- package/build/components/keyboard-shortcut-help-modal/index.js +50 -45
- package/build/components/keyboard-shortcut-help-modal/index.js.map +1 -1
- package/build/components/keyboard-shortcut-help-modal/shortcut.js +30 -26
- package/build/components/keyboard-shortcut-help-modal/shortcut.js.map +1 -1
- package/build/components/more-menu/index.js +65 -54
- package/build/components/more-menu/index.js.map +1 -1
- package/build/components/sidebar-block-editor/index.js +42 -34
- package/build/components/sidebar-block-editor/index.js.map +1 -1
- package/build/components/sidebar-block-editor/sidebar-editor-provider.js +5 -4
- package/build/components/sidebar-block-editor/sidebar-editor-provider.js.map +1 -1
- package/build/components/sidebar-controls/index.js +5 -4
- package/build/components/sidebar-controls/index.js.map +1 -1
- package/build/components/welcome-guide/index.js +44 -33
- package/build/components/welcome-guide/index.js.map +1 -1
- package/build/filters/move-to-sidebar.js +16 -12
- package/build/filters/move-to-sidebar.js.map +1 -1
- package/build/filters/wide-widget-display.js +2 -2
- package/build/filters/wide-widget-display.js.map +1 -1
- package/build/index.js +3 -3
- package/build/index.js.map +1 -1
- package/build-module/components/block-appender/index.js +2 -2
- package/build-module/components/block-appender/index.js.map +1 -1
- package/build-module/components/block-inspector-button/index.js +5 -4
- package/build-module/components/block-inspector-button/index.js.map +1 -1
- package/build-module/components/customize-widgets/index.js +25 -18
- package/build-module/components/customize-widgets/index.js.map +1 -1
- package/build-module/components/error-boundary/index.js +12 -10
- package/build-module/components/error-boundary/index.js.map +1 -1
- package/build-module/components/focus-control/index.js +5 -4
- package/build-module/components/focus-control/index.js.map +1 -1
- package/build-module/components/header/index.js +50 -44
- package/build-module/components/header/index.js.map +1 -1
- package/build-module/components/inserter/index.js +26 -21
- package/build-module/components/inserter/index.js.map +1 -1
- package/build-module/components/keyboard-shortcut-help-modal/dynamic-shortcut.js +2 -2
- package/build-module/components/keyboard-shortcut-help-modal/dynamic-shortcut.js.map +1 -1
- package/build-module/components/keyboard-shortcut-help-modal/index.js +51 -45
- package/build-module/components/keyboard-shortcut-help-modal/index.js.map +1 -1
- package/build-module/components/keyboard-shortcut-help-modal/shortcut.js +32 -26
- package/build-module/components/keyboard-shortcut-help-modal/shortcut.js.map +1 -1
- package/build-module/components/more-menu/index.js +67 -54
- package/build-module/components/more-menu/index.js.map +1 -1
- package/build-module/components/sidebar-block-editor/index.js +44 -34
- package/build-module/components/sidebar-block-editor/index.js.map +1 -1
- package/build-module/components/sidebar-block-editor/sidebar-editor-provider.js +5 -4
- package/build-module/components/sidebar-block-editor/sidebar-editor-provider.js.map +1 -1
- package/build-module/components/sidebar-controls/index.js +5 -4
- package/build-module/components/sidebar-controls/index.js.map +1 -1
- package/build-module/components/welcome-guide/index.js +45 -33
- package/build-module/components/welcome-guide/index.js.map +1 -1
- package/build-module/filters/move-to-sidebar.js +18 -12
- package/build-module/filters/move-to-sidebar.js.map +1 -1
- package/build-module/filters/wide-widget-display.js +2 -2
- package/build-module/filters/wide-widget-display.js.map +1 -1
- package/build-module/index.js +3 -3
- package/build-module/index.js.map +1 -1
- package/package.json +24 -23
- package/src/index.js +1 -1
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
import { createElement } from "react";
|
|
2
1
|
/**
|
|
3
2
|
* External dependencies
|
|
4
3
|
*/
|
|
@@ -18,37 +17,43 @@ import { useDispatch, useSelect } from '@wordpress/data';
|
|
|
18
17
|
import { textFormattingShortcuts } from './config';
|
|
19
18
|
import Shortcut from './shortcut';
|
|
20
19
|
import DynamicShortcut from './dynamic-shortcut';
|
|
20
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
21
|
+
import { jsxs as _jsxs } from "react/jsx-runtime";
|
|
21
22
|
const ShortcutList = ({
|
|
22
23
|
shortcuts
|
|
23
24
|
}) =>
|
|
25
|
+
/*#__PURE__*/
|
|
24
26
|
/*
|
|
25
27
|
* Disable reason: The `list` ARIA role is redundant but
|
|
26
28
|
* Safari+VoiceOver won't announce the list otherwise.
|
|
27
29
|
*/
|
|
28
30
|
/* eslint-disable jsx-a11y/no-redundant-roles */
|
|
29
|
-
|
|
31
|
+
_jsx("ul", {
|
|
30
32
|
className: "customize-widgets-keyboard-shortcut-help-modal__shortcut-list",
|
|
31
|
-
role: "list"
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
}))
|
|
33
|
+
role: "list",
|
|
34
|
+
children: shortcuts.map((shortcut, index) => /*#__PURE__*/_jsx("li", {
|
|
35
|
+
className: "customize-widgets-keyboard-shortcut-help-modal__shortcut",
|
|
36
|
+
children: typeof shortcut === 'string' ? /*#__PURE__*/_jsx(DynamicShortcut, {
|
|
37
|
+
name: shortcut
|
|
38
|
+
}) : /*#__PURE__*/_jsx(Shortcut, {
|
|
39
|
+
...shortcut
|
|
40
|
+
})
|
|
41
|
+
}, index))
|
|
42
|
+
})
|
|
40
43
|
/* eslint-enable jsx-a11y/no-redundant-roles */;
|
|
41
44
|
const ShortcutSection = ({
|
|
42
45
|
title,
|
|
43
46
|
shortcuts,
|
|
44
47
|
className
|
|
45
|
-
}) =>
|
|
46
|
-
className: clsx('customize-widgets-keyboard-shortcut-help-modal__section', className)
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
48
|
+
}) => /*#__PURE__*/_jsxs("section", {
|
|
49
|
+
className: clsx('customize-widgets-keyboard-shortcut-help-modal__section', className),
|
|
50
|
+
children: [!!title && /*#__PURE__*/_jsx("h2", {
|
|
51
|
+
className: "customize-widgets-keyboard-shortcut-help-modal__section-title",
|
|
52
|
+
children: title
|
|
53
|
+
}), /*#__PURE__*/_jsx(ShortcutList, {
|
|
54
|
+
shortcuts: shortcuts
|
|
55
|
+
})]
|
|
56
|
+
});
|
|
52
57
|
const ShortcutCategorySection = ({
|
|
53
58
|
title,
|
|
54
59
|
categoryName,
|
|
@@ -57,7 +62,7 @@ const ShortcutCategorySection = ({
|
|
|
57
62
|
const categoryShortcuts = useSelect(select => {
|
|
58
63
|
return select(keyboardShortcutsStore).getCategoryShortcuts(categoryName);
|
|
59
64
|
}, [categoryName]);
|
|
60
|
-
return
|
|
65
|
+
return /*#__PURE__*/_jsx(ShortcutSection, {
|
|
61
66
|
title: title,
|
|
62
67
|
shortcuts: categoryShortcuts.concat(additionalShortcuts)
|
|
63
68
|
});
|
|
@@ -82,33 +87,34 @@ export default function KeyboardShortcutHelpModal({
|
|
|
82
87
|
if (!isModalActive) {
|
|
83
88
|
return null;
|
|
84
89
|
}
|
|
85
|
-
return
|
|
90
|
+
return /*#__PURE__*/_jsxs(Modal, {
|
|
86
91
|
className: "customize-widgets-keyboard-shortcut-help-modal",
|
|
87
92
|
title: __('Keyboard shortcuts'),
|
|
88
|
-
onRequestClose: toggleModal
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
93
|
+
onRequestClose: toggleModal,
|
|
94
|
+
children: [/*#__PURE__*/_jsx(ShortcutSection, {
|
|
95
|
+
className: "customize-widgets-keyboard-shortcut-help-modal__main-shortcuts",
|
|
96
|
+
shortcuts: ['core/customize-widgets/keyboard-shortcuts']
|
|
97
|
+
}), /*#__PURE__*/_jsx(ShortcutCategorySection, {
|
|
98
|
+
title: __('Global shortcuts'),
|
|
99
|
+
categoryName: "global"
|
|
100
|
+
}), /*#__PURE__*/_jsx(ShortcutCategorySection, {
|
|
101
|
+
title: __('Selection shortcuts'),
|
|
102
|
+
categoryName: "selection"
|
|
103
|
+
}), /*#__PURE__*/_jsx(ShortcutCategorySection, {
|
|
104
|
+
title: __('Block shortcuts'),
|
|
105
|
+
categoryName: "block",
|
|
106
|
+
additionalShortcuts: [{
|
|
107
|
+
keyCombination: {
|
|
108
|
+
character: '/'
|
|
109
|
+
},
|
|
110
|
+
description: __('Change the block type after adding a new paragraph.'),
|
|
111
|
+
/* translators: The forward-slash character. e.g. '/'. */
|
|
112
|
+
ariaLabel: __('Forward-slash')
|
|
113
|
+
}]
|
|
114
|
+
}), /*#__PURE__*/_jsx(ShortcutSection, {
|
|
115
|
+
title: __('Text formatting'),
|
|
116
|
+
shortcuts: textFormattingShortcuts
|
|
117
|
+
})]
|
|
118
|
+
});
|
|
113
119
|
}
|
|
114
120
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["clsx","Modal","__","useShortcut","store","keyboardShortcutsStore","useDispatch","useSelect","textFormattingShortcuts","Shortcut","DynamicShortcut","
|
|
1
|
+
{"version":3,"names":["clsx","Modal","__","useShortcut","store","keyboardShortcutsStore","useDispatch","useSelect","textFormattingShortcuts","Shortcut","DynamicShortcut","jsx","_jsx","jsxs","_jsxs","ShortcutList","shortcuts","className","role","children","map","shortcut","index","name","ShortcutSection","title","ShortcutCategorySection","categoryName","additionalShortcuts","categoryShortcuts","select","getCategoryShortcuts","concat","KeyboardShortcutHelpModal","isModalActive","toggleModal","registerShortcut","category","description","keyCombination","modifier","character","onRequestClose","ariaLabel"],"sources":["@wordpress/customize-widgets/src/components/keyboard-shortcut-help-modal/index.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport clsx from 'clsx';\n\n/**\n * WordPress dependencies\n */\nimport { Modal } from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\nimport {\n\tuseShortcut,\n\tstore as keyboardShortcutsStore,\n} from '@wordpress/keyboard-shortcuts';\nimport { useDispatch, useSelect } from '@wordpress/data';\n\n/**\n * Internal dependencies\n */\nimport { textFormattingShortcuts } from './config';\nimport Shortcut from './shortcut';\nimport DynamicShortcut from './dynamic-shortcut';\n\nconst ShortcutList = ( { shortcuts } ) => (\n\t/*\n\t * Disable reason: The `list` ARIA role is redundant but\n\t * Safari+VoiceOver won't announce the list otherwise.\n\t */\n\t/* eslint-disable jsx-a11y/no-redundant-roles */\n\t<ul\n\t\tclassName=\"customize-widgets-keyboard-shortcut-help-modal__shortcut-list\"\n\t\trole=\"list\"\n\t>\n\t\t{ shortcuts.map( ( shortcut, index ) => (\n\t\t\t<li\n\t\t\t\tclassName=\"customize-widgets-keyboard-shortcut-help-modal__shortcut\"\n\t\t\t\tkey={ index }\n\t\t\t>\n\t\t\t\t{ typeof shortcut === 'string' ? (\n\t\t\t\t\t<DynamicShortcut name={ shortcut } />\n\t\t\t\t) : (\n\t\t\t\t\t<Shortcut { ...shortcut } />\n\t\t\t\t) }\n\t\t\t</li>\n\t\t) ) }\n\t</ul>\n\t/* eslint-enable jsx-a11y/no-redundant-roles */\n);\n\nconst ShortcutSection = ( { title, shortcuts, className } ) => (\n\t<section\n\t\tclassName={ clsx(\n\t\t\t'customize-widgets-keyboard-shortcut-help-modal__section',\n\t\t\tclassName\n\t\t) }\n\t>\n\t\t{ !! title && (\n\t\t\t<h2 className=\"customize-widgets-keyboard-shortcut-help-modal__section-title\">\n\t\t\t\t{ title }\n\t\t\t</h2>\n\t\t) }\n\t\t<ShortcutList shortcuts={ shortcuts } />\n\t</section>\n);\n\nconst ShortcutCategorySection = ( {\n\ttitle,\n\tcategoryName,\n\tadditionalShortcuts = [],\n} ) => {\n\tconst categoryShortcuts = useSelect(\n\t\t( select ) => {\n\t\t\treturn select( keyboardShortcutsStore ).getCategoryShortcuts(\n\t\t\t\tcategoryName\n\t\t\t);\n\t\t},\n\t\t[ categoryName ]\n\t);\n\n\treturn (\n\t\t<ShortcutSection\n\t\t\ttitle={ title }\n\t\t\tshortcuts={ categoryShortcuts.concat( additionalShortcuts ) }\n\t\t/>\n\t);\n};\n\nexport default function KeyboardShortcutHelpModal( {\n\tisModalActive,\n\ttoggleModal,\n} ) {\n\tconst { registerShortcut } = useDispatch( keyboardShortcutsStore );\n\tregisterShortcut( {\n\t\tname: 'core/customize-widgets/keyboard-shortcuts',\n\t\tcategory: 'main',\n\t\tdescription: __( 'Display these keyboard shortcuts.' ),\n\t\tkeyCombination: {\n\t\t\tmodifier: 'access',\n\t\t\tcharacter: 'h',\n\t\t},\n\t} );\n\n\tuseShortcut( 'core/customize-widgets/keyboard-shortcuts', toggleModal );\n\n\tif ( ! isModalActive ) {\n\t\treturn null;\n\t}\n\n\treturn (\n\t\t<Modal\n\t\t\tclassName=\"customize-widgets-keyboard-shortcut-help-modal\"\n\t\t\ttitle={ __( 'Keyboard shortcuts' ) }\n\t\t\tonRequestClose={ toggleModal }\n\t\t>\n\t\t\t<ShortcutSection\n\t\t\t\tclassName=\"customize-widgets-keyboard-shortcut-help-modal__main-shortcuts\"\n\t\t\t\tshortcuts={ [ 'core/customize-widgets/keyboard-shortcuts' ] }\n\t\t\t/>\n\t\t\t<ShortcutCategorySection\n\t\t\t\ttitle={ __( 'Global shortcuts' ) }\n\t\t\t\tcategoryName=\"global\"\n\t\t\t/>\n\n\t\t\t<ShortcutCategorySection\n\t\t\t\ttitle={ __( 'Selection shortcuts' ) }\n\t\t\t\tcategoryName=\"selection\"\n\t\t\t/>\n\n\t\t\t<ShortcutCategorySection\n\t\t\t\ttitle={ __( 'Block shortcuts' ) }\n\t\t\t\tcategoryName=\"block\"\n\t\t\t\tadditionalShortcuts={ [\n\t\t\t\t\t{\n\t\t\t\t\t\tkeyCombination: { character: '/' },\n\t\t\t\t\t\tdescription: __(\n\t\t\t\t\t\t\t'Change the block type after adding a new paragraph.'\n\t\t\t\t\t\t),\n\t\t\t\t\t\t/* translators: The forward-slash character. e.g. '/'. */\n\t\t\t\t\t\tariaLabel: __( 'Forward-slash' ),\n\t\t\t\t\t},\n\t\t\t\t] }\n\t\t\t/>\n\t\t\t<ShortcutSection\n\t\t\t\ttitle={ __( 'Text formatting' ) }\n\t\t\t\tshortcuts={ textFormattingShortcuts }\n\t\t\t/>\n\t\t</Modal>\n\t);\n}\n"],"mappings":"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","ignoreList":[]}
|
|
@@ -1,29 +1,32 @@
|
|
|
1
|
-
import { createElement } from "react";
|
|
2
1
|
/**
|
|
3
2
|
* WordPress dependencies
|
|
4
3
|
*/
|
|
5
4
|
import { Fragment } from '@wordpress/element';
|
|
6
5
|
import { displayShortcutList, shortcutAriaLabel } from '@wordpress/keycodes';
|
|
6
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
7
|
+
import { jsxs as _jsxs } from "react/jsx-runtime";
|
|
8
|
+
import { Fragment as _Fragment } from "react/jsx-runtime";
|
|
7
9
|
function KeyCombination({
|
|
8
10
|
keyCombination,
|
|
9
11
|
forceAriaLabel
|
|
10
12
|
}) {
|
|
11
13
|
const shortcut = keyCombination.modifier ? displayShortcutList[keyCombination.modifier](keyCombination.character) : keyCombination.character;
|
|
12
14
|
const ariaLabel = keyCombination.modifier ? shortcutAriaLabel[keyCombination.modifier](keyCombination.character) : keyCombination.character;
|
|
13
|
-
return
|
|
15
|
+
return /*#__PURE__*/_jsx("kbd", {
|
|
14
16
|
className: "customize-widgets-keyboard-shortcut-help-modal__shortcut-key-combination",
|
|
15
|
-
"aria-label": forceAriaLabel || ariaLabel
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
17
|
+
"aria-label": forceAriaLabel || ariaLabel,
|
|
18
|
+
children: (Array.isArray(shortcut) ? shortcut : [shortcut]).map((character, index) => {
|
|
19
|
+
if (character === '+') {
|
|
20
|
+
return /*#__PURE__*/_jsx(Fragment, {
|
|
21
|
+
children: character
|
|
22
|
+
}, index);
|
|
23
|
+
}
|
|
24
|
+
return /*#__PURE__*/_jsx("kbd", {
|
|
25
|
+
className: "customize-widgets-keyboard-shortcut-help-modal__shortcut-key",
|
|
26
|
+
children: character
|
|
27
|
+
}, index);
|
|
28
|
+
})
|
|
29
|
+
});
|
|
27
30
|
}
|
|
28
31
|
function Shortcut({
|
|
29
32
|
description,
|
|
@@ -31,18 +34,21 @@ function Shortcut({
|
|
|
31
34
|
aliases = [],
|
|
32
35
|
ariaLabel
|
|
33
36
|
}) {
|
|
34
|
-
return
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
37
|
+
return /*#__PURE__*/_jsxs(_Fragment, {
|
|
38
|
+
children: [/*#__PURE__*/_jsx("div", {
|
|
39
|
+
className: "customize-widgets-keyboard-shortcut-help-modal__shortcut-description",
|
|
40
|
+
children: description
|
|
41
|
+
}), /*#__PURE__*/_jsxs("div", {
|
|
42
|
+
className: "customize-widgets-keyboard-shortcut-help-modal__shortcut-term",
|
|
43
|
+
children: [/*#__PURE__*/_jsx(KeyCombination, {
|
|
44
|
+
keyCombination: keyCombination,
|
|
45
|
+
forceAriaLabel: ariaLabel
|
|
46
|
+
}), aliases.map((alias, index) => /*#__PURE__*/_jsx(KeyCombination, {
|
|
47
|
+
keyCombination: alias,
|
|
48
|
+
forceAriaLabel: ariaLabel
|
|
49
|
+
}, index))]
|
|
50
|
+
})]
|
|
51
|
+
});
|
|
46
52
|
}
|
|
47
53
|
export default Shortcut;
|
|
48
54
|
//# sourceMappingURL=shortcut.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["Fragment","displayShortcutList","shortcutAriaLabel","KeyCombination","keyCombination","forceAriaLabel","shortcut","modifier","character","ariaLabel","
|
|
1
|
+
{"version":3,"names":["Fragment","displayShortcutList","shortcutAriaLabel","jsx","_jsx","jsxs","_jsxs","_Fragment","KeyCombination","keyCombination","forceAriaLabel","shortcut","modifier","character","ariaLabel","className","children","Array","isArray","map","index","Shortcut","description","aliases","alias"],"sources":["@wordpress/customize-widgets/src/components/keyboard-shortcut-help-modal/shortcut.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { Fragment } from '@wordpress/element';\nimport { displayShortcutList, shortcutAriaLabel } from '@wordpress/keycodes';\n\nfunction KeyCombination( { keyCombination, forceAriaLabel } ) {\n\tconst shortcut = keyCombination.modifier\n\t\t? displayShortcutList[ keyCombination.modifier ](\n\t\t\t\tkeyCombination.character\n\t\t )\n\t\t: keyCombination.character;\n\tconst ariaLabel = keyCombination.modifier\n\t\t? shortcutAriaLabel[ keyCombination.modifier ](\n\t\t\t\tkeyCombination.character\n\t\t )\n\t\t: keyCombination.character;\n\n\treturn (\n\t\t<kbd\n\t\t\tclassName=\"customize-widgets-keyboard-shortcut-help-modal__shortcut-key-combination\"\n\t\t\taria-label={ forceAriaLabel || ariaLabel }\n\t\t>\n\t\t\t{ ( Array.isArray( shortcut ) ? shortcut : [ shortcut ] ).map(\n\t\t\t\t( character, index ) => {\n\t\t\t\t\tif ( character === '+' ) {\n\t\t\t\t\t\treturn <Fragment key={ index }>{ character }</Fragment>;\n\t\t\t\t\t}\n\n\t\t\t\t\treturn (\n\t\t\t\t\t\t<kbd\n\t\t\t\t\t\t\tkey={ index }\n\t\t\t\t\t\t\tclassName=\"customize-widgets-keyboard-shortcut-help-modal__shortcut-key\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ character }\n\t\t\t\t\t\t</kbd>\n\t\t\t\t\t);\n\t\t\t\t}\n\t\t\t) }\n\t\t</kbd>\n\t);\n}\n\nfunction Shortcut( { description, keyCombination, aliases = [], ariaLabel } ) {\n\treturn (\n\t\t<>\n\t\t\t<div className=\"customize-widgets-keyboard-shortcut-help-modal__shortcut-description\">\n\t\t\t\t{ description }\n\t\t\t</div>\n\t\t\t<div className=\"customize-widgets-keyboard-shortcut-help-modal__shortcut-term\">\n\t\t\t\t<KeyCombination\n\t\t\t\t\tkeyCombination={ keyCombination }\n\t\t\t\t\tforceAriaLabel={ ariaLabel }\n\t\t\t\t/>\n\t\t\t\t{ aliases.map( ( alias, index ) => (\n\t\t\t\t\t<KeyCombination\n\t\t\t\t\t\tkeyCombination={ alias }\n\t\t\t\t\t\tforceAriaLabel={ ariaLabel }\n\t\t\t\t\t\tkey={ index }\n\t\t\t\t\t/>\n\t\t\t\t) ) }\n\t\t\t</div>\n\t\t</>\n\t);\n}\n\nexport default Shortcut;\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,QAAQ,QAAQ,oBAAoB;AAC7C,SAASC,mBAAmB,EAAEC,iBAAiB,QAAQ,qBAAqB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAAA,SAAAC,IAAA,IAAAC,KAAA;AAAA,SAAAN,QAAA,IAAAO,SAAA;AAE7E,SAASC,cAAcA,CAAE;EAAEC,cAAc;EAAEC;AAAe,CAAC,EAAG;EAC7D,MAAMC,QAAQ,GAAGF,cAAc,CAACG,QAAQ,GACrCX,mBAAmB,CAAEQ,cAAc,CAACG,QAAQ,CAAE,CAC9CH,cAAc,CAACI,SACf,CAAC,GACDJ,cAAc,CAACI,SAAS;EAC3B,MAAMC,SAAS,GAAGL,cAAc,CAACG,QAAQ,GACtCV,iBAAiB,CAAEO,cAAc,CAACG,QAAQ,CAAE,CAC5CH,cAAc,CAACI,SACf,CAAC,GACDJ,cAAc,CAACI,SAAS;EAE3B,oBACCT,IAAA;IACCW,SAAS,EAAC,0EAA0E;IACpF,cAAaL,cAAc,IAAII,SAAW;IAAAE,QAAA,EAExC,CAAEC,KAAK,CAACC,OAAO,CAAEP,QAAS,CAAC,GAAGA,QAAQ,GAAG,CAAEA,QAAQ,CAAE,EAAGQ,GAAG,CAC5D,CAAEN,SAAS,EAAEO,KAAK,KAAM;MACvB,IAAKP,SAAS,KAAK,GAAG,EAAG;QACxB,oBAAOT,IAAA,CAACJ,QAAQ;UAAAgB,QAAA,EAAiBH;QAAS,GAAnBO,KAA+B,CAAC;MACxD;MAEA,oBACChB,IAAA;QAECW,SAAS,EAAC,8DAA8D;QAAAC,QAAA,EAEtEH;MAAS,GAHLO,KAIF,CAAC;IAER,CACD;EAAC,CACG,CAAC;AAER;AAEA,SAASC,QAAQA,CAAE;EAAEC,WAAW;EAAEb,cAAc;EAAEc,OAAO,GAAG,EAAE;EAAET;AAAU,CAAC,EAAG;EAC7E,oBACCR,KAAA,CAAAC,SAAA;IAAAS,QAAA,gBACCZ,IAAA;MAAKW,SAAS,EAAC,sEAAsE;MAAAC,QAAA,EAClFM;IAAW,CACT,CAAC,eACNhB,KAAA;MAAKS,SAAS,EAAC,+DAA+D;MAAAC,QAAA,gBAC7EZ,IAAA,CAACI,cAAc;QACdC,cAAc,EAAGA,cAAgB;QACjCC,cAAc,EAAGI;MAAW,CAC5B,CAAC,EACAS,OAAO,CAACJ,GAAG,CAAE,CAAEK,KAAK,EAAEJ,KAAK,kBAC5BhB,IAAA,CAACI,cAAc;QACdC,cAAc,EAAGe,KAAO;QACxBd,cAAc,EAAGI;MAAW,GACtBM,KACN,CACA,CAAC;IAAA,CACC,CAAC;EAAA,CACL,CAAC;AAEL;AAEA,eAAeC,QAAQ","ignoreList":[]}
|
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
import { createElement, Fragment } from "react";
|
|
2
1
|
/**
|
|
3
2
|
* WordPress dependencies
|
|
4
3
|
*/
|
|
@@ -14,62 +13,76 @@ import { PreferenceToggleMenuItem } from '@wordpress/preferences';
|
|
|
14
13
|
* Internal dependencies
|
|
15
14
|
*/
|
|
16
15
|
import KeyboardShortcutHelpModal from '../keyboard-shortcut-help-modal';
|
|
16
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
17
|
+
import { jsxs as _jsxs } from "react/jsx-runtime";
|
|
18
|
+
import { Fragment as _Fragment } from "react/jsx-runtime";
|
|
17
19
|
export default function MoreMenu() {
|
|
18
20
|
const [isKeyboardShortcutsModalActive, setIsKeyboardShortcutsModalVisible] = useState(false);
|
|
19
21
|
const toggleKeyboardShortcutsModal = () => setIsKeyboardShortcutsModalVisible(!isKeyboardShortcutsModalActive);
|
|
20
22
|
useShortcut('core/customize-widgets/keyboard-shortcuts', toggleKeyboardShortcutsModal);
|
|
21
|
-
return
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
23
|
+
return /*#__PURE__*/_jsxs(_Fragment, {
|
|
24
|
+
children: [/*#__PURE__*/_jsx(ToolbarDropdownMenu, {
|
|
25
|
+
icon: moreVertical,
|
|
26
|
+
label: __('Options'),
|
|
27
|
+
popoverProps: {
|
|
28
|
+
placement: 'bottom-end',
|
|
29
|
+
className: 'more-menu-dropdown__content'
|
|
30
|
+
},
|
|
31
|
+
toggleProps: {
|
|
32
|
+
tooltipPosition: 'bottom',
|
|
33
|
+
size: 'compact'
|
|
34
|
+
},
|
|
35
|
+
children: () => /*#__PURE__*/_jsxs(_Fragment, {
|
|
36
|
+
children: [/*#__PURE__*/_jsx(MenuGroup, {
|
|
37
|
+
label: _x('View', 'noun'),
|
|
38
|
+
children: /*#__PURE__*/_jsx(PreferenceToggleMenuItem, {
|
|
39
|
+
scope: "core/customize-widgets",
|
|
40
|
+
name: "fixedToolbar",
|
|
41
|
+
label: __('Top toolbar'),
|
|
42
|
+
info: __('Access all block and document tools in a single place'),
|
|
43
|
+
messageActivated: __('Top toolbar activated'),
|
|
44
|
+
messageDeactivated: __('Top toolbar deactivated')
|
|
45
|
+
})
|
|
46
|
+
}), /*#__PURE__*/_jsxs(MenuGroup, {
|
|
47
|
+
label: __('Tools'),
|
|
48
|
+
children: [/*#__PURE__*/_jsx(MenuItem, {
|
|
49
|
+
onClick: () => {
|
|
50
|
+
setIsKeyboardShortcutsModalVisible(true);
|
|
51
|
+
},
|
|
52
|
+
shortcut: displayShortcut.access('h'),
|
|
53
|
+
children: __('Keyboard shortcuts')
|
|
54
|
+
}), /*#__PURE__*/_jsx(PreferenceToggleMenuItem, {
|
|
55
|
+
scope: "core/customize-widgets",
|
|
56
|
+
name: "welcomeGuide",
|
|
57
|
+
label: __('Welcome Guide')
|
|
58
|
+
}), /*#__PURE__*/_jsxs(MenuItem, {
|
|
59
|
+
role: "menuitem",
|
|
60
|
+
icon: external,
|
|
61
|
+
href: __('https://wordpress.org/documentation/article/block-based-widgets-editor/'),
|
|
62
|
+
target: "_blank",
|
|
63
|
+
rel: "noopener noreferrer",
|
|
64
|
+
children: [__('Help'), /*#__PURE__*/_jsx(VisuallyHidden, {
|
|
65
|
+
as: "span",
|
|
66
|
+
children: /* translators: accessibility text */
|
|
67
|
+
__('(opens in a new tab)')
|
|
68
|
+
})]
|
|
69
|
+
})]
|
|
70
|
+
}), /*#__PURE__*/_jsx(MenuGroup, {
|
|
71
|
+
label: __('Preferences'),
|
|
72
|
+
children: /*#__PURE__*/_jsx(PreferenceToggleMenuItem, {
|
|
73
|
+
scope: "core/customize-widgets",
|
|
74
|
+
name: "keepCaretInsideBlock",
|
|
75
|
+
label: __('Contain text cursor inside block'),
|
|
76
|
+
info: __('Aids screen readers by stopping text caret from leaving blocks.'),
|
|
77
|
+
messageActivated: __('Contain text cursor inside block activated'),
|
|
78
|
+
messageDeactivated: __('Contain text cursor inside block deactivated')
|
|
79
|
+
})
|
|
80
|
+
})]
|
|
81
|
+
})
|
|
82
|
+
}), /*#__PURE__*/_jsx(KeyboardShortcutHelpModal, {
|
|
83
|
+
isModalActive: isKeyboardShortcutsModalActive,
|
|
84
|
+
toggleModal: toggleKeyboardShortcutsModal
|
|
85
|
+
})]
|
|
86
|
+
});
|
|
74
87
|
}
|
|
75
88
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["MenuGroup","MenuItem","ToolbarDropdownMenu","VisuallyHidden","useState","__","_x","external","moreVertical","displayShortcut","useShortcut","PreferenceToggleMenuItem","KeyboardShortcutHelpModal","MoreMenu","isKeyboardShortcutsModalActive","setIsKeyboardShortcutsModalVisible","toggleKeyboardShortcutsModal","
|
|
1
|
+
{"version":3,"names":["MenuGroup","MenuItem","ToolbarDropdownMenu","VisuallyHidden","useState","__","_x","external","moreVertical","displayShortcut","useShortcut","PreferenceToggleMenuItem","KeyboardShortcutHelpModal","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","MoreMenu","isKeyboardShortcutsModalActive","setIsKeyboardShortcutsModalVisible","toggleKeyboardShortcutsModal","children","icon","label","popoverProps","placement","className","toggleProps","tooltipPosition","size","scope","name","info","messageActivated","messageDeactivated","onClick","shortcut","access","role","href","target","rel","as","isModalActive","toggleModal"],"sources":["@wordpress/customize-widgets/src/components/more-menu/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport {\n\tMenuGroup,\n\tMenuItem,\n\tToolbarDropdownMenu,\n\tVisuallyHidden,\n} from '@wordpress/components';\nimport { useState } from '@wordpress/element';\nimport { __, _x } from '@wordpress/i18n';\nimport { external, moreVertical } from '@wordpress/icons';\nimport { displayShortcut } from '@wordpress/keycodes';\nimport { useShortcut } from '@wordpress/keyboard-shortcuts';\nimport { PreferenceToggleMenuItem } from '@wordpress/preferences';\n\n/**\n * Internal dependencies\n */\nimport KeyboardShortcutHelpModal from '../keyboard-shortcut-help-modal';\n\nexport default function MoreMenu() {\n\tconst [\n\t\tisKeyboardShortcutsModalActive,\n\t\tsetIsKeyboardShortcutsModalVisible,\n\t] = useState( false );\n\tconst toggleKeyboardShortcutsModal = () =>\n\t\tsetIsKeyboardShortcutsModalVisible( ! isKeyboardShortcutsModalActive );\n\n\tuseShortcut(\n\t\t'core/customize-widgets/keyboard-shortcuts',\n\t\ttoggleKeyboardShortcutsModal\n\t);\n\n\treturn (\n\t\t<>\n\t\t\t<ToolbarDropdownMenu\n\t\t\t\ticon={ moreVertical }\n\t\t\t\tlabel={ __( 'Options' ) }\n\t\t\t\tpopoverProps={ {\n\t\t\t\t\tplacement: 'bottom-end',\n\t\t\t\t\tclassName: 'more-menu-dropdown__content',\n\t\t\t\t} }\n\t\t\t\ttoggleProps={ {\n\t\t\t\t\ttooltipPosition: 'bottom',\n\t\t\t\t\tsize: 'compact',\n\t\t\t\t} }\n\t\t\t>\n\t\t\t\t{ () => (\n\t\t\t\t\t<>\n\t\t\t\t\t\t<MenuGroup label={ _x( 'View', 'noun' ) }>\n\t\t\t\t\t\t\t<PreferenceToggleMenuItem\n\t\t\t\t\t\t\t\tscope=\"core/customize-widgets\"\n\t\t\t\t\t\t\t\tname=\"fixedToolbar\"\n\t\t\t\t\t\t\t\tlabel={ __( 'Top toolbar' ) }\n\t\t\t\t\t\t\t\tinfo={ __(\n\t\t\t\t\t\t\t\t\t'Access all block and document tools in a single place'\n\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\tmessageActivated={ __(\n\t\t\t\t\t\t\t\t\t'Top toolbar activated'\n\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\tmessageDeactivated={ __(\n\t\t\t\t\t\t\t\t\t'Top toolbar deactivated'\n\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</MenuGroup>\n\t\t\t\t\t\t<MenuGroup label={ __( 'Tools' ) }>\n\t\t\t\t\t\t\t<MenuItem\n\t\t\t\t\t\t\t\tonClick={ () => {\n\t\t\t\t\t\t\t\t\tsetIsKeyboardShortcutsModalVisible( true );\n\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t\tshortcut={ displayShortcut.access( 'h' ) }\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{ __( 'Keyboard shortcuts' ) }\n\t\t\t\t\t\t\t</MenuItem>\n\t\t\t\t\t\t\t<PreferenceToggleMenuItem\n\t\t\t\t\t\t\t\tscope=\"core/customize-widgets\"\n\t\t\t\t\t\t\t\tname=\"welcomeGuide\"\n\t\t\t\t\t\t\t\tlabel={ __( 'Welcome Guide' ) }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t<MenuItem\n\t\t\t\t\t\t\t\trole=\"menuitem\"\n\t\t\t\t\t\t\t\ticon={ external }\n\t\t\t\t\t\t\t\thref={ __(\n\t\t\t\t\t\t\t\t\t'https://wordpress.org/documentation/article/block-based-widgets-editor/'\n\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\ttarget=\"_blank\"\n\t\t\t\t\t\t\t\trel=\"noopener noreferrer\"\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{ __( 'Help' ) }\n\t\t\t\t\t\t\t\t<VisuallyHidden as=\"span\">\n\t\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\t\t/* translators: accessibility text */\n\t\t\t\t\t\t\t\t\t\t__( '(opens in a new tab)' )\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t</VisuallyHidden>\n\t\t\t\t\t\t\t</MenuItem>\n\t\t\t\t\t\t</MenuGroup>\n\t\t\t\t\t\t<MenuGroup label={ __( 'Preferences' ) }>\n\t\t\t\t\t\t\t<PreferenceToggleMenuItem\n\t\t\t\t\t\t\t\tscope=\"core/customize-widgets\"\n\t\t\t\t\t\t\t\tname=\"keepCaretInsideBlock\"\n\t\t\t\t\t\t\t\tlabel={ __(\n\t\t\t\t\t\t\t\t\t'Contain text cursor inside block'\n\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\tinfo={ __(\n\t\t\t\t\t\t\t\t\t'Aids screen readers by stopping text caret from leaving blocks.'\n\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\tmessageActivated={ __(\n\t\t\t\t\t\t\t\t\t'Contain text cursor inside block activated'\n\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\tmessageDeactivated={ __(\n\t\t\t\t\t\t\t\t\t'Contain text cursor inside block deactivated'\n\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</MenuGroup>\n\t\t\t\t\t</>\n\t\t\t\t) }\n\t\t\t</ToolbarDropdownMenu>\n\t\t\t<KeyboardShortcutHelpModal\n\t\t\t\tisModalActive={ isKeyboardShortcutsModalActive }\n\t\t\t\ttoggleModal={ toggleKeyboardShortcutsModal }\n\t\t\t/>\n\t\t</>\n\t);\n}\n"],"mappings":"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","ignoreList":[]}
|
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
import { createElement, Fragment } from "react";
|
|
2
1
|
/**
|
|
3
2
|
* WordPress dependencies
|
|
4
3
|
*/
|
|
@@ -22,6 +21,9 @@ import WelcomeGuide from '../welcome-guide';
|
|
|
22
21
|
import KeyboardShortcuts from '../keyboard-shortcuts';
|
|
23
22
|
import BlockAppender from '../block-appender';
|
|
24
23
|
import { unlock } from '../../lock-unlock';
|
|
24
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
25
|
+
import { jsxs as _jsxs } from "react/jsx-runtime";
|
|
26
|
+
import { Fragment as _Fragment } from "react/jsx-runtime";
|
|
25
27
|
const {
|
|
26
28
|
ExperimentalBlockCanvas: BlockCanvas
|
|
27
29
|
} = unlock(blockEditorPrivateApis);
|
|
@@ -79,41 +81,49 @@ export default function SidebarBlockEditor({
|
|
|
79
81
|
};
|
|
80
82
|
}, [hasUploadPermissions, blockEditorSettings, isFixedToolbarActive, isMediumViewport, keepCaretInsideBlock, setIsInserterOpened]);
|
|
81
83
|
if (isWelcomeGuideActive) {
|
|
82
|
-
return
|
|
84
|
+
return /*#__PURE__*/_jsx(WelcomeGuide, {
|
|
83
85
|
sidebar: sidebar
|
|
84
86
|
});
|
|
85
87
|
}
|
|
86
|
-
return
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
88
|
+
return /*#__PURE__*/_jsxs(_Fragment, {
|
|
89
|
+
children: [/*#__PURE__*/_jsx(KeyboardShortcuts.Register, {}), /*#__PURE__*/_jsx(BlockKeyboardShortcuts, {}), /*#__PURE__*/_jsxs(SidebarEditorProvider, {
|
|
90
|
+
sidebar: sidebar,
|
|
91
|
+
settings: settings,
|
|
92
|
+
children: [/*#__PURE__*/_jsx(KeyboardShortcuts, {
|
|
93
|
+
undo: sidebar.undo,
|
|
94
|
+
redo: sidebar.redo,
|
|
95
|
+
save: sidebar.save
|
|
96
|
+
}), /*#__PURE__*/_jsx(Header, {
|
|
97
|
+
sidebar: sidebar,
|
|
98
|
+
inserter: inserter,
|
|
99
|
+
isInserterOpened: isInserterOpened,
|
|
100
|
+
setIsInserterOpened: setIsInserterOpened,
|
|
101
|
+
isFixedToolbarActive: isFixedToolbarActive || !isMediumViewport
|
|
102
|
+
}), (isFixedToolbarActive || !isMediumViewport) && /*#__PURE__*/_jsx(BlockToolbar, {
|
|
103
|
+
hideDragHandle: true
|
|
104
|
+
}), /*#__PURE__*/_jsx(BlockCanvas, {
|
|
105
|
+
shouldIframe: false,
|
|
106
|
+
styles: settings.defaultEditorStyles,
|
|
107
|
+
height: "100%",
|
|
108
|
+
children: /*#__PURE__*/_jsx(BlockList, {
|
|
109
|
+
renderAppender: BlockAppender
|
|
110
|
+
})
|
|
111
|
+
}), createPortal(
|
|
112
|
+
/*#__PURE__*/
|
|
113
|
+
// This is a temporary hack to prevent button component inside <BlockInspector>
|
|
114
|
+
// from submitting form when type="button" is not specified.
|
|
115
|
+
_jsx("form", {
|
|
116
|
+
onSubmit: event => event.preventDefault(),
|
|
117
|
+
children: /*#__PURE__*/_jsx(BlockInspector, {})
|
|
118
|
+
}), inspector.contentContainer[0])]
|
|
119
|
+
}), /*#__PURE__*/_jsx(__unstableBlockSettingsMenuFirstItem, {
|
|
120
|
+
children: ({
|
|
121
|
+
onClose
|
|
122
|
+
}) => /*#__PURE__*/_jsx(BlockInspectorButton, {
|
|
123
|
+
inspector: inspector,
|
|
124
|
+
closeMenu: onClose
|
|
125
|
+
})
|
|
126
|
+
})]
|
|
127
|
+
});
|
|
118
128
|
}
|
|
119
129
|
//# sourceMappingURL=index.js.map
|