@wordpress/edit-widgets 6.44.1-next.v.202604201441.0 → 6.45.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 +2 -0
- package/build/components/header/index.cjs +3 -2
- package/build/components/header/index.cjs.map +2 -2
- package/build/components/more-menu/index.cjs +3 -2
- package/build/components/more-menu/index.cjs.map +2 -2
- package/build-module/components/header/index.mjs +3 -2
- package/build-module/components/header/index.mjs.map +2 -2
- package/build-module/components/more-menu/index.mjs +3 -7
- package/build-module/components/more-menu/index.mjs.map +2 -2
- package/build-style/style-rtl.css +0 -121
- package/build-style/style.css +0 -121
- package/package.json +30 -29
- package/src/components/header/index.js +3 -2
- package/src/components/more-menu/index.js +3 -7
package/CHANGELOG.md
CHANGED
|
@@ -40,6 +40,7 @@ var import_components = require("@wordpress/components");
|
|
|
40
40
|
var import_interface = require("@wordpress/interface");
|
|
41
41
|
var import_compose = require("@wordpress/compose");
|
|
42
42
|
var import_preferences = require("@wordpress/preferences");
|
|
43
|
+
var import_ui = require("@wordpress/ui");
|
|
43
44
|
var import_document_tools = __toESM(require("./document-tools/index.cjs"));
|
|
44
45
|
var import_save_button = __toESM(require("../save-button/index.cjs"));
|
|
45
46
|
var import_more_menu = __toESM(require("../more-menu/index.cjs"));
|
|
@@ -60,10 +61,10 @@ function Header() {
|
|
|
60
61
|
/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "edit-widgets-header__navigable-toolbar-wrapper", children: [
|
|
61
62
|
isLargeViewport && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h1", { className: "edit-widgets-header__title", children: (0, import_i18n.__)("Widgets") }),
|
|
62
63
|
!isLargeViewport && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
63
|
-
|
|
64
|
+
import_ui.VisuallyHidden,
|
|
64
65
|
{
|
|
65
|
-
as: "h1",
|
|
66
66
|
className: "edit-widgets-header__title",
|
|
67
|
+
render: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h1", {}),
|
|
67
68
|
children: (0, import_i18n.__)("Widgets")
|
|
68
69
|
}
|
|
69
70
|
),
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../src/components/header/index.js"],
|
|
4
|
-
"sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { BlockToolbar } from '@wordpress/block-editor';\nimport { useSelect } from '@wordpress/data';\nimport { useRef } from '@wordpress/element';\nimport { __ } from '@wordpress/i18n';\nimport { Popover
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,0BAA6B;AAC7B,kBAA0B;AAC1B,qBAAuB;AACvB,kBAAmB;AACnB,
|
|
4
|
+
"sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { BlockToolbar } from '@wordpress/block-editor';\nimport { useSelect } from '@wordpress/data';\nimport { useRef } from '@wordpress/element';\nimport { __ } from '@wordpress/i18n';\nimport { Popover } from '@wordpress/components';\nimport { PinnedItems } from '@wordpress/interface';\nimport { useViewportMatch } from '@wordpress/compose';\nimport { store as preferencesStore } from '@wordpress/preferences';\nimport { VisuallyHidden } from '@wordpress/ui';\n\n/**\n * Internal dependencies\n */\nimport DocumentTools from './document-tools';\nimport SaveButton from '../save-button';\nimport MoreMenu from '../more-menu';\n\nfunction Header() {\n\tconst isLargeViewport = useViewportMatch( 'medium' );\n\tconst blockToolbarRef = useRef();\n\tconst { hasFixedToolbar } = useSelect(\n\t\t( select ) => ( {\n\t\t\thasFixedToolbar: !! select( preferencesStore ).get(\n\t\t\t\t'core/edit-widgets',\n\t\t\t\t'fixedToolbar'\n\t\t\t),\n\t\t} ),\n\t\t[]\n\t);\n\n\treturn (\n\t\t<>\n\t\t\t<div className=\"edit-widgets-header\">\n\t\t\t\t<div className=\"edit-widgets-header__navigable-toolbar-wrapper\">\n\t\t\t\t\t{ isLargeViewport && (\n\t\t\t\t\t\t<h1 className=\"edit-widgets-header__title\">\n\t\t\t\t\t\t\t{ __( 'Widgets' ) }\n\t\t\t\t\t\t</h1>\n\t\t\t\t\t) }\n\t\t\t\t\t{ ! isLargeViewport && (\n\t\t\t\t\t\t<VisuallyHidden\n\t\t\t\t\t\t\tclassName=\"edit-widgets-header__title\"\n\t\t\t\t\t\t\trender={ <h1 /> }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ __( 'Widgets' ) }\n\t\t\t\t\t\t</VisuallyHidden>\n\t\t\t\t\t) }\n\t\t\t\t\t<DocumentTools />\n\t\t\t\t\t{ hasFixedToolbar && isLargeViewport && (\n\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t<div className=\"selected-block-tools-wrapper\">\n\t\t\t\t\t\t\t\t<BlockToolbar hideDragHandle />\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t<Popover.Slot\n\t\t\t\t\t\t\t\tref={ blockToolbarRef }\n\t\t\t\t\t\t\t\tname=\"block-toolbar\"\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</div>\n\t\t\t\t<div className=\"edit-widgets-header__actions\">\n\t\t\t\t\t<PinnedItems.Slot scope=\"core/edit-widgets\" />\n\t\t\t\t\t<SaveButton />\n\t\t\t\t\t<MoreMenu />\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</>\n\t);\n}\n\nexport default Header;\n"],
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,0BAA6B;AAC7B,kBAA0B;AAC1B,qBAAuB;AACvB,kBAAmB;AACnB,wBAAwB;AACxB,uBAA4B;AAC5B,qBAAiC;AACjC,yBAA0C;AAC1C,gBAA+B;AAK/B,4BAA0B;AAC1B,yBAAuB;AACvB,uBAAqB;AAoBf;AAlBN,SAAS,SAAS;AACjB,QAAM,sBAAkB,iCAAkB,QAAS;AACnD,QAAM,sBAAkB,uBAAO;AAC/B,QAAM,EAAE,gBAAgB,QAAI;AAAA,IAC3B,CAAE,YAAc;AAAA,MACf,iBAAiB,CAAC,CAAE,OAAQ,mBAAAA,KAAiB,EAAE;AAAA,QAC9C;AAAA,QACA;AAAA,MACD;AAAA,IACD;AAAA,IACA,CAAC;AAAA,EACF;AAEA,SACC,2EACC,uDAAC,SAAI,WAAU,uBACd;AAAA,iDAAC,SAAI,WAAU,kDACZ;AAAA,yBACD,4CAAC,QAAG,WAAU,8BACX,8BAAI,SAAU,GACjB;AAAA,MAEC,CAAE,mBACH;AAAA,QAAC;AAAA;AAAA,UACA,WAAU;AAAA,UACV,QAAS,4CAAC,QAAG;AAAA,UAEX,8BAAI,SAAU;AAAA;AAAA,MACjB;AAAA,MAED,4CAAC,sBAAAC,SAAA,EAAc;AAAA,MACb,mBAAmB,mBACpB,4EACC;AAAA,oDAAC,SAAI,WAAU,gCACd,sDAAC,oCAAa,gBAAc,MAAC,GAC9B;AAAA,QACA;AAAA,UAAC,0BAAQ;AAAA,UAAR;AAAA,YACA,KAAM;AAAA,YACN,MAAK;AAAA;AAAA,QACN;AAAA,SACD;AAAA,OAEF;AAAA,IACA,6CAAC,SAAI,WAAU,gCACd;AAAA,kDAAC,6BAAY,MAAZ,EAAiB,OAAM,qBAAoB;AAAA,MAC5C,4CAAC,mBAAAC,SAAA,EAAW;AAAA,MACZ,4CAAC,iBAAAC,SAAA,EAAS;AAAA,OACX;AAAA,KACD,GACD;AAEF;AAEA,IAAO,iBAAQ;",
|
|
6
6
|
"names": ["preferencesStore", "DocumentTools", "SaveButton", "MoreMenu"]
|
|
7
7
|
}
|
|
@@ -40,6 +40,7 @@ var import_preferences = require("@wordpress/preferences");
|
|
|
40
40
|
var import_keycodes = require("@wordpress/keycodes");
|
|
41
41
|
var import_keyboard_shortcuts = require("@wordpress/keyboard-shortcuts");
|
|
42
42
|
var import_compose = require("@wordpress/compose");
|
|
43
|
+
var import_ui = require("@wordpress/ui");
|
|
43
44
|
var import_keyboard_shortcut_help_modal = __toESM(require("../keyboard-shortcut-help-modal/index.cjs"));
|
|
44
45
|
var import_tools_more_menu_group = __toESM(require("./tools-more-menu-group.cjs"));
|
|
45
46
|
var import_jsx_runtime = require("react/jsx-runtime");
|
|
@@ -117,8 +118,8 @@ function MoreMenu() {
|
|
|
117
118
|
rel: "noopener",
|
|
118
119
|
children: [
|
|
119
120
|
(0, import_i18n.__)("Help"),
|
|
120
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
121
|
-
|
|
121
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ui.VisuallyHidden, {
|
|
122
|
+
render: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {}),
|
|
122
123
|
/* translators: accessibility text */
|
|
123
124
|
children: (0, import_i18n.__)("(opens in a new tab)")
|
|
124
125
|
})
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../src/components/more-menu/index.js"],
|
|
4
|
-
"sourcesContent": ["/**\n * WordPress dependencies\n */\nimport {
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,
|
|
4
|
+
"sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { MenuGroup, MenuItem, DropdownMenu } from '@wordpress/components';\nimport { useState } from '@wordpress/element';\nimport { __, _x } from '@wordpress/i18n';\nimport { external, moreVertical } from '@wordpress/icons';\nimport { PreferenceToggleMenuItem } from '@wordpress/preferences';\nimport { displayShortcut } from '@wordpress/keycodes';\nimport { useShortcut } from '@wordpress/keyboard-shortcuts';\nimport { useViewportMatch } from '@wordpress/compose';\nimport { VisuallyHidden } from '@wordpress/ui';\n\n/**\n * Internal dependencies\n */\nimport KeyboardShortcutHelpModal from '../keyboard-shortcut-help-modal';\nimport ToolsMoreMenuGroup from './tools-more-menu-group';\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/edit-widgets/keyboard-shortcuts',\n\t\ttoggleKeyboardShortcutsModal\n\t);\n\n\tconst isLargeViewport = useViewportMatch( 'medium' );\n\n\treturn (\n\t\t<>\n\t\t\t<DropdownMenu\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{ ( onClose ) => (\n\t\t\t\t\t<>\n\t\t\t\t\t\t{ isLargeViewport && (\n\t\t\t\t\t\t\t<MenuGroup label={ _x( 'View', 'noun' ) }>\n\t\t\t\t\t\t\t\t<PreferenceToggleMenuItem\n\t\t\t\t\t\t\t\t\tscope=\"core/edit-widgets\"\n\t\t\t\t\t\t\t\t\tname=\"fixedToolbar\"\n\t\t\t\t\t\t\t\t\tlabel={ __( 'Top toolbar' ) }\n\t\t\t\t\t\t\t\t\tinfo={ __(\n\t\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\t) }\n\t\t\t\t\t\t\t\t\tmessageActivated={ __(\n\t\t\t\t\t\t\t\t\t\t'Top toolbar activated'\n\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t\tmessageDeactivated={ __(\n\t\t\t\t\t\t\t\t\t\t'Top toolbar deactivated'\n\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t</MenuGroup>\n\t\t\t\t\t\t) }\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/edit-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\"\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 render={ <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\t<ToolsMoreMenuGroup.Slot\n\t\t\t\t\t\t\t\tfillProps={ { onClose } }\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={ __( 'Preferences' ) }>\n\t\t\t\t\t\t\t<PreferenceToggleMenuItem\n\t\t\t\t\t\t\t\tscope=\"core/edit-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\t<PreferenceToggleMenuItem\n\t\t\t\t\t\t\t\tscope=\"core/edit-widgets\"\n\t\t\t\t\t\t\t\tname=\"themeStyles\"\n\t\t\t\t\t\t\t\tinfo={ __(\n\t\t\t\t\t\t\t\t\t'Make the editor look like your theme.'\n\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\tlabel={ __( 'Use theme styles' ) }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t{ isLargeViewport && (\n\t\t\t\t\t\t\t\t<PreferenceToggleMenuItem\n\t\t\t\t\t\t\t\t\tscope=\"core/edit-widgets\"\n\t\t\t\t\t\t\t\t\tname=\"showBlockBreadcrumbs\"\n\t\t\t\t\t\t\t\t\tlabel={ __( 'Display block breadcrumbs' ) }\n\t\t\t\t\t\t\t\t\tinfo={ __(\n\t\t\t\t\t\t\t\t\t\t'Shows block breadcrumbs at the bottom of the editor.'\n\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t\tmessageActivated={ __(\n\t\t\t\t\t\t\t\t\t\t'Display block breadcrumbs activated'\n\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t\tmessageDeactivated={ __(\n\t\t\t\t\t\t\t\t\t\t'Display block breadcrumbs deactivated'\n\t\t\t\t\t\t\t\t\t) }\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</DropdownMenu>\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"],
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,wBAAkD;AAClD,qBAAyB;AACzB,kBAAuB;AACvB,mBAAuC;AACvC,yBAAyC;AACzC,sBAAgC;AAChC,gCAA4B;AAC5B,qBAAiC;AACjC,gBAA+B;AAK/B,0CAAsC;AACtC,mCAA+B;AAgC1B;AA9BU,SAAR,WAA4B;AAClC,QAAM;AAAA,IACL;AAAA,IACA;AAAA,EACD,QAAI,yBAAU,KAAM;AACpB,QAAM,+BAA+B,MACpC,mCAAoC,CAAE,8BAA+B;AAEtE;AAAA,IACC;AAAA,IACA;AAAA,EACD;AAEA,QAAM,sBAAkB,iCAAkB,QAAS;AAEnD,SACC,4EACC;AAAA;AAAA,MAAC;AAAA;AAAA,QACA,MAAO;AAAA,QACP,WAAQ,gBAAI,SAAU;AAAA,QACtB,cAAe;AAAA,UACd,WAAW;AAAA,UACX,WAAW;AAAA,QACZ;AAAA,QACA,aAAc;AAAA,UACb,iBAAiB;AAAA,UACjB,MAAM;AAAA,QACP;AAAA,QAEE,WAAE,YACH,4EACG;AAAA,6BACD,4CAAC,+BAAU,WAAQ,gBAAI,QAAQ,MAAO,GACrC;AAAA,YAAC;AAAA;AAAA,cACA,OAAM;AAAA,cACN,MAAK;AAAA,cACL,WAAQ,gBAAI,aAAc;AAAA,cAC1B,UAAO;AAAA,gBACN;AAAA,cACD;AAAA,cACA,sBAAmB;AAAA,gBAClB;AAAA,cACD;AAAA,cACA,wBAAqB;AAAA,gBACpB;AAAA,cACD;AAAA;AAAA,UACD,GACD;AAAA,UAED,6CAAC,+BAAU,WAAQ,gBAAI,OAAQ,GAC9B;AAAA;AAAA,cAAC;AAAA;AAAA,gBACA,SAAU,MAAM;AACf,qDAAoC,IAAK;AAAA,gBAC1C;AAAA,gBACA,UAAW,gCAAgB,OAAQ,GAAI;AAAA,gBAErC,8BAAI,oBAAqB;AAAA;AAAA,YAC5B;AAAA,YACA;AAAA,cAAC;AAAA;AAAA,gBACA,OAAM;AAAA,gBACN,MAAK;AAAA,gBACL,WAAQ,gBAAI,eAAgB;AAAA;AAAA,YAC7B;AAAA,YACA;AAAA,cAAC;AAAA;AAAA,gBACA,MAAK;AAAA,gBACL,MAAO;AAAA,gBACP,UAAO;AAAA,kBACN;AAAA,gBACD;AAAA,gBACA,QAAO;AAAA,gBACP,KAAI;AAAA,gBAEF;AAAA,sCAAI,MAAO;AAAA,kBACb,4CAAC;AAAA,oBAAe,QAAS,4CAAC,UAAK;AAAA;AAAA,oBAG7B,8BAAI,sBAAuB;AAAA,mBAE7B;AAAA;AAAA;AAAA,YACD;AAAA,YACA;AAAA,cAAC,6BAAAA,QAAmB;AAAA,cAAnB;AAAA,gBACA,WAAY,EAAE,QAAQ;AAAA;AAAA,YACvB;AAAA,aACD;AAAA,UACA,6CAAC,+BAAU,WAAQ,gBAAI,aAAc,GACpC;AAAA;AAAA,cAAC;AAAA;AAAA,gBACA,OAAM;AAAA,gBACN,MAAK;AAAA,gBACL,WAAQ;AAAA,kBACP;AAAA,gBACD;AAAA,gBACA,UAAO;AAAA,kBACN;AAAA,gBACD;AAAA,gBACA,sBAAmB;AAAA,kBAClB;AAAA,gBACD;AAAA,gBACA,wBAAqB;AAAA,kBACpB;AAAA,gBACD;AAAA;AAAA,YACD;AAAA,YACA;AAAA,cAAC;AAAA;AAAA,gBACA,OAAM;AAAA,gBACN,MAAK;AAAA,gBACL,UAAO;AAAA,kBACN;AAAA,gBACD;AAAA,gBACA,WAAQ,gBAAI,kBAAmB;AAAA;AAAA,YAChC;AAAA,YACE,mBACD;AAAA,cAAC;AAAA;AAAA,gBACA,OAAM;AAAA,gBACN,MAAK;AAAA,gBACL,WAAQ,gBAAI,2BAA4B;AAAA,gBACxC,UAAO;AAAA,kBACN;AAAA,gBACD;AAAA,gBACA,sBAAmB;AAAA,kBAClB;AAAA,gBACD;AAAA,gBACA,wBAAqB;AAAA,kBACpB;AAAA,gBACD;AAAA;AAAA,YACD;AAAA,aAEF;AAAA,WACD;AAAA;AAAA,IAEF;AAAA,IACA;AAAA,MAAC,oCAAAC;AAAA,MAAA;AAAA,QACA,eAAgB;AAAA,QAChB,aAAc;AAAA;AAAA,IACf;AAAA,KACD;AAEF;",
|
|
6
6
|
"names": ["ToolsMoreMenuGroup", "KeyboardShortcutHelpModal"]
|
|
7
7
|
}
|
|
@@ -3,10 +3,11 @@ import { BlockToolbar } from "@wordpress/block-editor";
|
|
|
3
3
|
import { useSelect } from "@wordpress/data";
|
|
4
4
|
import { useRef } from "@wordpress/element";
|
|
5
5
|
import { __ } from "@wordpress/i18n";
|
|
6
|
-
import { Popover
|
|
6
|
+
import { Popover } from "@wordpress/components";
|
|
7
7
|
import { PinnedItems } from "@wordpress/interface";
|
|
8
8
|
import { useViewportMatch } from "@wordpress/compose";
|
|
9
9
|
import { store as preferencesStore } from "@wordpress/preferences";
|
|
10
|
+
import { VisuallyHidden } from "@wordpress/ui";
|
|
10
11
|
import DocumentTools from "./document-tools/index.mjs";
|
|
11
12
|
import SaveButton from "../save-button/index.mjs";
|
|
12
13
|
import MoreMenu from "../more-menu/index.mjs";
|
|
@@ -29,8 +30,8 @@ function Header() {
|
|
|
29
30
|
!isLargeViewport && /* @__PURE__ */ jsx(
|
|
30
31
|
VisuallyHidden,
|
|
31
32
|
{
|
|
32
|
-
as: "h1",
|
|
33
33
|
className: "edit-widgets-header__title",
|
|
34
|
+
render: /* @__PURE__ */ jsx("h1", {}),
|
|
34
35
|
children: __("Widgets")
|
|
35
36
|
}
|
|
36
37
|
),
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../src/components/header/index.js"],
|
|
4
|
-
"sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { BlockToolbar } from '@wordpress/block-editor';\nimport { useSelect } from '@wordpress/data';\nimport { useRef } from '@wordpress/element';\nimport { __ } from '@wordpress/i18n';\nimport { Popover
|
|
5
|
-
"mappings": ";AAGA,SAAS,oBAAoB;AAC7B,SAAS,iBAAiB;AAC1B,SAAS,cAAc;AACvB,SAAS,UAAU;AACnB,SAAS,
|
|
4
|
+
"sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { BlockToolbar } from '@wordpress/block-editor';\nimport { useSelect } from '@wordpress/data';\nimport { useRef } from '@wordpress/element';\nimport { __ } from '@wordpress/i18n';\nimport { Popover } from '@wordpress/components';\nimport { PinnedItems } from '@wordpress/interface';\nimport { useViewportMatch } from '@wordpress/compose';\nimport { store as preferencesStore } from '@wordpress/preferences';\nimport { VisuallyHidden } from '@wordpress/ui';\n\n/**\n * Internal dependencies\n */\nimport DocumentTools from './document-tools';\nimport SaveButton from '../save-button';\nimport MoreMenu from '../more-menu';\n\nfunction Header() {\n\tconst isLargeViewport = useViewportMatch( 'medium' );\n\tconst blockToolbarRef = useRef();\n\tconst { hasFixedToolbar } = useSelect(\n\t\t( select ) => ( {\n\t\t\thasFixedToolbar: !! select( preferencesStore ).get(\n\t\t\t\t'core/edit-widgets',\n\t\t\t\t'fixedToolbar'\n\t\t\t),\n\t\t} ),\n\t\t[]\n\t);\n\n\treturn (\n\t\t<>\n\t\t\t<div className=\"edit-widgets-header\">\n\t\t\t\t<div className=\"edit-widgets-header__navigable-toolbar-wrapper\">\n\t\t\t\t\t{ isLargeViewport && (\n\t\t\t\t\t\t<h1 className=\"edit-widgets-header__title\">\n\t\t\t\t\t\t\t{ __( 'Widgets' ) }\n\t\t\t\t\t\t</h1>\n\t\t\t\t\t) }\n\t\t\t\t\t{ ! isLargeViewport && (\n\t\t\t\t\t\t<VisuallyHidden\n\t\t\t\t\t\t\tclassName=\"edit-widgets-header__title\"\n\t\t\t\t\t\t\trender={ <h1 /> }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ __( 'Widgets' ) }\n\t\t\t\t\t\t</VisuallyHidden>\n\t\t\t\t\t) }\n\t\t\t\t\t<DocumentTools />\n\t\t\t\t\t{ hasFixedToolbar && isLargeViewport && (\n\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t<div className=\"selected-block-tools-wrapper\">\n\t\t\t\t\t\t\t\t<BlockToolbar hideDragHandle />\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t<Popover.Slot\n\t\t\t\t\t\t\t\tref={ blockToolbarRef }\n\t\t\t\t\t\t\t\tname=\"block-toolbar\"\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</div>\n\t\t\t\t<div className=\"edit-widgets-header__actions\">\n\t\t\t\t\t<PinnedItems.Slot scope=\"core/edit-widgets\" />\n\t\t\t\t\t<SaveButton />\n\t\t\t\t\t<MoreMenu />\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</>\n\t);\n}\n\nexport default Header;\n"],
|
|
5
|
+
"mappings": ";AAGA,SAAS,oBAAoB;AAC7B,SAAS,iBAAiB;AAC1B,SAAS,cAAc;AACvB,SAAS,UAAU;AACnB,SAAS,eAAe;AACxB,SAAS,mBAAmB;AAC5B,SAAS,wBAAwB;AACjC,SAAS,SAAS,wBAAwB;AAC1C,SAAS,sBAAsB;AAK/B,OAAO,mBAAmB;AAC1B,OAAO,gBAAgB;AACvB,OAAO,cAAc;AAoBf,SAcA,UAdA,KAcA,YAdA;AAlBN,SAAS,SAAS;AACjB,QAAM,kBAAkB,iBAAkB,QAAS;AACnD,QAAM,kBAAkB,OAAO;AAC/B,QAAM,EAAE,gBAAgB,IAAI;AAAA,IAC3B,CAAE,YAAc;AAAA,MACf,iBAAiB,CAAC,CAAE,OAAQ,gBAAiB,EAAE;AAAA,QAC9C;AAAA,QACA;AAAA,MACD;AAAA,IACD;AAAA,IACA,CAAC;AAAA,EACF;AAEA,SACC,gCACC,+BAAC,SAAI,WAAU,uBACd;AAAA,yBAAC,SAAI,WAAU,kDACZ;AAAA,yBACD,oBAAC,QAAG,WAAU,8BACX,aAAI,SAAU,GACjB;AAAA,MAEC,CAAE,mBACH;AAAA,QAAC;AAAA;AAAA,UACA,WAAU;AAAA,UACV,QAAS,oBAAC,QAAG;AAAA,UAEX,aAAI,SAAU;AAAA;AAAA,MACjB;AAAA,MAED,oBAAC,iBAAc;AAAA,MACb,mBAAmB,mBACpB,iCACC;AAAA,4BAAC,SAAI,WAAU,gCACd,8BAAC,gBAAa,gBAAc,MAAC,GAC9B;AAAA,QACA;AAAA,UAAC,QAAQ;AAAA,UAAR;AAAA,YACA,KAAM;AAAA,YACN,MAAK;AAAA;AAAA,QACN;AAAA,SACD;AAAA,OAEF;AAAA,IACA,qBAAC,SAAI,WAAU,gCACd;AAAA,0BAAC,YAAY,MAAZ,EAAiB,OAAM,qBAAoB;AAAA,MAC5C,oBAAC,cAAW;AAAA,MACZ,oBAAC,YAAS;AAAA,OACX;AAAA,KACD,GACD;AAEF;AAEA,IAAO,iBAAQ;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -1,10 +1,5 @@
|
|
|
1
1
|
// packages/edit-widgets/src/components/more-menu/index.js
|
|
2
|
-
import {
|
|
3
|
-
MenuGroup,
|
|
4
|
-
MenuItem,
|
|
5
|
-
VisuallyHidden,
|
|
6
|
-
DropdownMenu
|
|
7
|
-
} from "@wordpress/components";
|
|
2
|
+
import { MenuGroup, MenuItem, DropdownMenu } from "@wordpress/components";
|
|
8
3
|
import { useState } from "@wordpress/element";
|
|
9
4
|
import { __, _x } from "@wordpress/i18n";
|
|
10
5
|
import { external, moreVertical } from "@wordpress/icons";
|
|
@@ -12,6 +7,7 @@ import { PreferenceToggleMenuItem } from "@wordpress/preferences";
|
|
|
12
7
|
import { displayShortcut } from "@wordpress/keycodes";
|
|
13
8
|
import { useShortcut } from "@wordpress/keyboard-shortcuts";
|
|
14
9
|
import { useViewportMatch } from "@wordpress/compose";
|
|
10
|
+
import { VisuallyHidden } from "@wordpress/ui";
|
|
15
11
|
import KeyboardShortcutHelpModal from "../keyboard-shortcut-help-modal/index.mjs";
|
|
16
12
|
import ToolsMoreMenuGroup from "./tools-more-menu-group.mjs";
|
|
17
13
|
import { Fragment, jsx, jsxs } from "react/jsx-runtime";
|
|
@@ -90,7 +86,7 @@ function MoreMenu() {
|
|
|
90
86
|
children: [
|
|
91
87
|
__("Help"),
|
|
92
88
|
/* @__PURE__ */ jsx(VisuallyHidden, {
|
|
93
|
-
|
|
89
|
+
render: /* @__PURE__ */ jsx("span", {}),
|
|
94
90
|
/* translators: accessibility text */
|
|
95
91
|
children: __("(opens in a new tab)")
|
|
96
92
|
})
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../src/components/more-menu/index.js"],
|
|
4
|
-
"sourcesContent": ["/**\n * WordPress dependencies\n */\nimport {
|
|
5
|
-
"mappings": ";AAGA
|
|
4
|
+
"sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { MenuGroup, MenuItem, DropdownMenu } from '@wordpress/components';\nimport { useState } from '@wordpress/element';\nimport { __, _x } from '@wordpress/i18n';\nimport { external, moreVertical } from '@wordpress/icons';\nimport { PreferenceToggleMenuItem } from '@wordpress/preferences';\nimport { displayShortcut } from '@wordpress/keycodes';\nimport { useShortcut } from '@wordpress/keyboard-shortcuts';\nimport { useViewportMatch } from '@wordpress/compose';\nimport { VisuallyHidden } from '@wordpress/ui';\n\n/**\n * Internal dependencies\n */\nimport KeyboardShortcutHelpModal from '../keyboard-shortcut-help-modal';\nimport ToolsMoreMenuGroup from './tools-more-menu-group';\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/edit-widgets/keyboard-shortcuts',\n\t\ttoggleKeyboardShortcutsModal\n\t);\n\n\tconst isLargeViewport = useViewportMatch( 'medium' );\n\n\treturn (\n\t\t<>\n\t\t\t<DropdownMenu\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{ ( onClose ) => (\n\t\t\t\t\t<>\n\t\t\t\t\t\t{ isLargeViewport && (\n\t\t\t\t\t\t\t<MenuGroup label={ _x( 'View', 'noun' ) }>\n\t\t\t\t\t\t\t\t<PreferenceToggleMenuItem\n\t\t\t\t\t\t\t\t\tscope=\"core/edit-widgets\"\n\t\t\t\t\t\t\t\t\tname=\"fixedToolbar\"\n\t\t\t\t\t\t\t\t\tlabel={ __( 'Top toolbar' ) }\n\t\t\t\t\t\t\t\t\tinfo={ __(\n\t\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\t) }\n\t\t\t\t\t\t\t\t\tmessageActivated={ __(\n\t\t\t\t\t\t\t\t\t\t'Top toolbar activated'\n\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t\tmessageDeactivated={ __(\n\t\t\t\t\t\t\t\t\t\t'Top toolbar deactivated'\n\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t</MenuGroup>\n\t\t\t\t\t\t) }\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/edit-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\"\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 render={ <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\t<ToolsMoreMenuGroup.Slot\n\t\t\t\t\t\t\t\tfillProps={ { onClose } }\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={ __( 'Preferences' ) }>\n\t\t\t\t\t\t\t<PreferenceToggleMenuItem\n\t\t\t\t\t\t\t\tscope=\"core/edit-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\t<PreferenceToggleMenuItem\n\t\t\t\t\t\t\t\tscope=\"core/edit-widgets\"\n\t\t\t\t\t\t\t\tname=\"themeStyles\"\n\t\t\t\t\t\t\t\tinfo={ __(\n\t\t\t\t\t\t\t\t\t'Make the editor look like your theme.'\n\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\tlabel={ __( 'Use theme styles' ) }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t{ isLargeViewport && (\n\t\t\t\t\t\t\t\t<PreferenceToggleMenuItem\n\t\t\t\t\t\t\t\t\tscope=\"core/edit-widgets\"\n\t\t\t\t\t\t\t\t\tname=\"showBlockBreadcrumbs\"\n\t\t\t\t\t\t\t\t\tlabel={ __( 'Display block breadcrumbs' ) }\n\t\t\t\t\t\t\t\t\tinfo={ __(\n\t\t\t\t\t\t\t\t\t\t'Shows block breadcrumbs at the bottom of the editor.'\n\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t\tmessageActivated={ __(\n\t\t\t\t\t\t\t\t\t\t'Display block breadcrumbs activated'\n\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t\tmessageDeactivated={ __(\n\t\t\t\t\t\t\t\t\t\t'Display block breadcrumbs deactivated'\n\t\t\t\t\t\t\t\t\t) }\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</DropdownMenu>\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"],
|
|
5
|
+
"mappings": "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",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -106,127 +106,6 @@
|
|
|
106
106
|
}
|
|
107
107
|
}
|
|
108
108
|
|
|
109
|
-
.admin-ui-page {
|
|
110
|
-
display: flex;
|
|
111
|
-
height: 100%;
|
|
112
|
-
background-color: var(--wpds-color-bg-surface-neutral, #fcfcfc);
|
|
113
|
-
color: var(--wpds-color-fg-content-neutral, #1e1e1e);
|
|
114
|
-
position: relative;
|
|
115
|
-
z-index: 1;
|
|
116
|
-
flex-flow: column;
|
|
117
|
-
text-wrap: pretty;
|
|
118
|
-
}
|
|
119
|
-
|
|
120
|
-
.admin-ui-page__header {
|
|
121
|
-
padding: var(--wpds-dimension-padding-lg, 16px) var(--wpds-dimension-padding-2xl, 24px);
|
|
122
|
-
border-bottom: var(--wpds-border-width-xs, 1px) solid var(--wpds-color-stroke-surface-neutral-weak, #e4e4e4);
|
|
123
|
-
background: var(--wpds-color-bg-surface-neutral-strong, #fff);
|
|
124
|
-
position: sticky;
|
|
125
|
-
top: 0;
|
|
126
|
-
z-index: 1;
|
|
127
|
-
}
|
|
128
|
-
|
|
129
|
-
.admin-ui-page__header-title {
|
|
130
|
-
font-family: var(--wpds-typography-font-family-heading, -apple-system, system-ui, "Segoe UI", "Roboto", "Oxygen-Sans", "Ubuntu", "Cantarell", "Helvetica Neue", sans-serif);
|
|
131
|
-
font-size: var(--wpds-typography-font-size-lg, 15px);
|
|
132
|
-
font-weight: var(--wpds-typography-font-weight-medium, 499);
|
|
133
|
-
line-height: var(--wpds-typography-line-height-lg, 28px);
|
|
134
|
-
margin: 0;
|
|
135
|
-
overflow: hidden;
|
|
136
|
-
text-overflow: ellipsis;
|
|
137
|
-
white-space: nowrap;
|
|
138
|
-
}
|
|
139
|
-
|
|
140
|
-
.admin-ui-page__sidebar-toggle-slot:empty {
|
|
141
|
-
display: none;
|
|
142
|
-
}
|
|
143
|
-
|
|
144
|
-
.admin-ui-page__header-subtitle {
|
|
145
|
-
padding-block-end: var(--wpds-dimension-padding-xs, 4px);
|
|
146
|
-
color: var(--wpds-color-fg-content-neutral-weak, #707070);
|
|
147
|
-
font-size: var(--wpds-typography-font-size-md, 13px);
|
|
148
|
-
line-height: var(--wpds-typography-line-height-md, 24px);
|
|
149
|
-
margin: 0;
|
|
150
|
-
}
|
|
151
|
-
|
|
152
|
-
.admin-ui-page__content {
|
|
153
|
-
flex-grow: 1;
|
|
154
|
-
overflow: auto;
|
|
155
|
-
display: flex;
|
|
156
|
-
flex-direction: column;
|
|
157
|
-
}
|
|
158
|
-
|
|
159
|
-
.admin-ui-page__content.has-padding {
|
|
160
|
-
padding: var(--wpds-dimension-padding-lg, 16px) var(--wpds-dimension-padding-2xl, 24px);
|
|
161
|
-
}
|
|
162
|
-
|
|
163
|
-
/**
|
|
164
|
-
* SCSS Variables.
|
|
165
|
-
*
|
|
166
|
-
* Please use variables from this sheet to ensure consistency across the UI.
|
|
167
|
-
* Don't add to this sheet unless you're pretty sure the value will be reused in many places.
|
|
168
|
-
* For example, don't add rules to this sheet that affect block visuals. It's purely for UI.
|
|
169
|
-
*/
|
|
170
|
-
/**
|
|
171
|
-
* Colors
|
|
172
|
-
*/
|
|
173
|
-
/**
|
|
174
|
-
* Fonts & basic variables.
|
|
175
|
-
*/
|
|
176
|
-
/**
|
|
177
|
-
* Typography
|
|
178
|
-
*/
|
|
179
|
-
/**
|
|
180
|
-
* Grid System.
|
|
181
|
-
* https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/
|
|
182
|
-
*/
|
|
183
|
-
/**
|
|
184
|
-
* Radius scale.
|
|
185
|
-
*/
|
|
186
|
-
/**
|
|
187
|
-
* Elevation scale.
|
|
188
|
-
*/
|
|
189
|
-
/**
|
|
190
|
-
* Dimensions.
|
|
191
|
-
*/
|
|
192
|
-
/**
|
|
193
|
-
* Mobile specific styles
|
|
194
|
-
*/
|
|
195
|
-
/**
|
|
196
|
-
* Editor styles.
|
|
197
|
-
*/
|
|
198
|
-
/**
|
|
199
|
-
* Block & Editor UI.
|
|
200
|
-
*/
|
|
201
|
-
/**
|
|
202
|
-
* Block paddings.
|
|
203
|
-
*/
|
|
204
|
-
/**
|
|
205
|
-
* React Native specific.
|
|
206
|
-
* These variables do not appear to be used anywhere else.
|
|
207
|
-
*/
|
|
208
|
-
.admin-ui-breadcrumbs__list {
|
|
209
|
-
font-family: var(--wpds-typography-font-family-heading, -apple-system, system-ui, "Segoe UI", "Roboto", "Oxygen-Sans", "Ubuntu", "Cantarell", "Helvetica Neue", sans-serif);
|
|
210
|
-
font-size: var(--wpds-typography-font-size-lg, 15px);
|
|
211
|
-
font-weight: var(--wpds-typography-font-weight-medium, 499);
|
|
212
|
-
line-height: var(--wpds-typography-line-height-lg, 28px);
|
|
213
|
-
list-style: none;
|
|
214
|
-
padding: 0;
|
|
215
|
-
margin: 0;
|
|
216
|
-
gap: 0;
|
|
217
|
-
min-height: 32px;
|
|
218
|
-
}
|
|
219
|
-
|
|
220
|
-
.admin-ui-breadcrumbs__list li:not(:last-child)::after {
|
|
221
|
-
content: "/";
|
|
222
|
-
margin: 0 8px;
|
|
223
|
-
}
|
|
224
|
-
|
|
225
|
-
.admin-ui-breadcrumbs__list h1 {
|
|
226
|
-
font-size: inherit;
|
|
227
|
-
line-height: inherit;
|
|
228
|
-
}
|
|
229
|
-
|
|
230
109
|
/**
|
|
231
110
|
* Colors
|
|
232
111
|
*/
|
package/build-style/style.css
CHANGED
|
@@ -106,127 +106,6 @@
|
|
|
106
106
|
}
|
|
107
107
|
}
|
|
108
108
|
|
|
109
|
-
.admin-ui-page {
|
|
110
|
-
display: flex;
|
|
111
|
-
height: 100%;
|
|
112
|
-
background-color: var(--wpds-color-bg-surface-neutral, #fcfcfc);
|
|
113
|
-
color: var(--wpds-color-fg-content-neutral, #1e1e1e);
|
|
114
|
-
position: relative;
|
|
115
|
-
z-index: 1;
|
|
116
|
-
flex-flow: column;
|
|
117
|
-
text-wrap: pretty;
|
|
118
|
-
}
|
|
119
|
-
|
|
120
|
-
.admin-ui-page__header {
|
|
121
|
-
padding: var(--wpds-dimension-padding-lg, 16px) var(--wpds-dimension-padding-2xl, 24px);
|
|
122
|
-
border-bottom: var(--wpds-border-width-xs, 1px) solid var(--wpds-color-stroke-surface-neutral-weak, #e4e4e4);
|
|
123
|
-
background: var(--wpds-color-bg-surface-neutral-strong, #fff);
|
|
124
|
-
position: sticky;
|
|
125
|
-
top: 0;
|
|
126
|
-
z-index: 1;
|
|
127
|
-
}
|
|
128
|
-
|
|
129
|
-
.admin-ui-page__header-title {
|
|
130
|
-
font-family: var(--wpds-typography-font-family-heading, -apple-system, system-ui, "Segoe UI", "Roboto", "Oxygen-Sans", "Ubuntu", "Cantarell", "Helvetica Neue", sans-serif);
|
|
131
|
-
font-size: var(--wpds-typography-font-size-lg, 15px);
|
|
132
|
-
font-weight: var(--wpds-typography-font-weight-medium, 499);
|
|
133
|
-
line-height: var(--wpds-typography-line-height-lg, 28px);
|
|
134
|
-
margin: 0;
|
|
135
|
-
overflow: hidden;
|
|
136
|
-
text-overflow: ellipsis;
|
|
137
|
-
white-space: nowrap;
|
|
138
|
-
}
|
|
139
|
-
|
|
140
|
-
.admin-ui-page__sidebar-toggle-slot:empty {
|
|
141
|
-
display: none;
|
|
142
|
-
}
|
|
143
|
-
|
|
144
|
-
.admin-ui-page__header-subtitle {
|
|
145
|
-
padding-block-end: var(--wpds-dimension-padding-xs, 4px);
|
|
146
|
-
color: var(--wpds-color-fg-content-neutral-weak, #707070);
|
|
147
|
-
font-size: var(--wpds-typography-font-size-md, 13px);
|
|
148
|
-
line-height: var(--wpds-typography-line-height-md, 24px);
|
|
149
|
-
margin: 0;
|
|
150
|
-
}
|
|
151
|
-
|
|
152
|
-
.admin-ui-page__content {
|
|
153
|
-
flex-grow: 1;
|
|
154
|
-
overflow: auto;
|
|
155
|
-
display: flex;
|
|
156
|
-
flex-direction: column;
|
|
157
|
-
}
|
|
158
|
-
|
|
159
|
-
.admin-ui-page__content.has-padding {
|
|
160
|
-
padding: var(--wpds-dimension-padding-lg, 16px) var(--wpds-dimension-padding-2xl, 24px);
|
|
161
|
-
}
|
|
162
|
-
|
|
163
|
-
/**
|
|
164
|
-
* SCSS Variables.
|
|
165
|
-
*
|
|
166
|
-
* Please use variables from this sheet to ensure consistency across the UI.
|
|
167
|
-
* Don't add to this sheet unless you're pretty sure the value will be reused in many places.
|
|
168
|
-
* For example, don't add rules to this sheet that affect block visuals. It's purely for UI.
|
|
169
|
-
*/
|
|
170
|
-
/**
|
|
171
|
-
* Colors
|
|
172
|
-
*/
|
|
173
|
-
/**
|
|
174
|
-
* Fonts & basic variables.
|
|
175
|
-
*/
|
|
176
|
-
/**
|
|
177
|
-
* Typography
|
|
178
|
-
*/
|
|
179
|
-
/**
|
|
180
|
-
* Grid System.
|
|
181
|
-
* https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/
|
|
182
|
-
*/
|
|
183
|
-
/**
|
|
184
|
-
* Radius scale.
|
|
185
|
-
*/
|
|
186
|
-
/**
|
|
187
|
-
* Elevation scale.
|
|
188
|
-
*/
|
|
189
|
-
/**
|
|
190
|
-
* Dimensions.
|
|
191
|
-
*/
|
|
192
|
-
/**
|
|
193
|
-
* Mobile specific styles
|
|
194
|
-
*/
|
|
195
|
-
/**
|
|
196
|
-
* Editor styles.
|
|
197
|
-
*/
|
|
198
|
-
/**
|
|
199
|
-
* Block & Editor UI.
|
|
200
|
-
*/
|
|
201
|
-
/**
|
|
202
|
-
* Block paddings.
|
|
203
|
-
*/
|
|
204
|
-
/**
|
|
205
|
-
* React Native specific.
|
|
206
|
-
* These variables do not appear to be used anywhere else.
|
|
207
|
-
*/
|
|
208
|
-
.admin-ui-breadcrumbs__list {
|
|
209
|
-
font-family: var(--wpds-typography-font-family-heading, -apple-system, system-ui, "Segoe UI", "Roboto", "Oxygen-Sans", "Ubuntu", "Cantarell", "Helvetica Neue", sans-serif);
|
|
210
|
-
font-size: var(--wpds-typography-font-size-lg, 15px);
|
|
211
|
-
font-weight: var(--wpds-typography-font-weight-medium, 499);
|
|
212
|
-
line-height: var(--wpds-typography-line-height-lg, 28px);
|
|
213
|
-
list-style: none;
|
|
214
|
-
padding: 0;
|
|
215
|
-
margin: 0;
|
|
216
|
-
gap: 0;
|
|
217
|
-
min-height: 32px;
|
|
218
|
-
}
|
|
219
|
-
|
|
220
|
-
.admin-ui-breadcrumbs__list li:not(:last-child)::after {
|
|
221
|
-
content: "/";
|
|
222
|
-
margin: 0 8px;
|
|
223
|
-
}
|
|
224
|
-
|
|
225
|
-
.admin-ui-breadcrumbs__list h1 {
|
|
226
|
-
font-size: inherit;
|
|
227
|
-
line-height: inherit;
|
|
228
|
-
}
|
|
229
|
-
|
|
230
109
|
/**
|
|
231
110
|
* Colors
|
|
232
111
|
*/
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@wordpress/edit-widgets",
|
|
3
|
-
"version": "6.
|
|
3
|
+
"version": "6.45.0",
|
|
4
4
|
"description": "Widgets Page module for WordPress..",
|
|
5
5
|
"author": "The WordPress Contributors",
|
|
6
6
|
"license": "GPL-2.0-or-later",
|
|
@@ -48,33 +48,34 @@
|
|
|
48
48
|
]
|
|
49
49
|
},
|
|
50
50
|
"dependencies": {
|
|
51
|
-
"@wordpress/api-fetch": "^7.
|
|
52
|
-
"@wordpress/base-styles": "^
|
|
53
|
-
"@wordpress/block-editor": "^15.18.
|
|
54
|
-
"@wordpress/block-library": "^9.
|
|
55
|
-
"@wordpress/blocks": "^15.
|
|
56
|
-
"@wordpress/components": "^33.0.
|
|
57
|
-
"@wordpress/compose": "^7.
|
|
58
|
-
"@wordpress/core-data": "^7.
|
|
59
|
-
"@wordpress/data": "^10.45.
|
|
60
|
-
"@wordpress/deprecated": "^4.
|
|
61
|
-
"@wordpress/dom": "^4.
|
|
62
|
-
"@wordpress/element": "^6.
|
|
63
|
-
"@wordpress/hooks": "^4.
|
|
64
|
-
"@wordpress/i18n": "^6.
|
|
65
|
-
"@wordpress/icons": "^
|
|
66
|
-
"@wordpress/interface": "^9.
|
|
67
|
-
"@wordpress/keyboard-shortcuts": "^5.
|
|
68
|
-
"@wordpress/keycodes": "^4.
|
|
69
|
-
"@wordpress/media-utils": "^5.
|
|
70
|
-
"@wordpress/notices": "^5.
|
|
71
|
-
"@wordpress/patterns": "^2.
|
|
72
|
-
"@wordpress/plugins": "^7.
|
|
73
|
-
"@wordpress/preferences": "^4.
|
|
74
|
-
"@wordpress/private-apis": "^1.
|
|
75
|
-
"@wordpress/reusable-blocks": "^5.
|
|
76
|
-
"@wordpress/
|
|
77
|
-
"@wordpress/
|
|
51
|
+
"@wordpress/api-fetch": "^7.45.0",
|
|
52
|
+
"@wordpress/base-styles": "^7.0.0",
|
|
53
|
+
"@wordpress/block-editor": "^15.18.0",
|
|
54
|
+
"@wordpress/block-library": "^9.45.0",
|
|
55
|
+
"@wordpress/blocks": "^15.18.0",
|
|
56
|
+
"@wordpress/components": "^33.0.0",
|
|
57
|
+
"@wordpress/compose": "^7.45.0",
|
|
58
|
+
"@wordpress/core-data": "^7.45.0",
|
|
59
|
+
"@wordpress/data": "^10.45.0",
|
|
60
|
+
"@wordpress/deprecated": "^4.45.0",
|
|
61
|
+
"@wordpress/dom": "^4.45.0",
|
|
62
|
+
"@wordpress/element": "^6.45.0",
|
|
63
|
+
"@wordpress/hooks": "^4.45.0",
|
|
64
|
+
"@wordpress/i18n": "^6.18.0",
|
|
65
|
+
"@wordpress/icons": "^13.0.0",
|
|
66
|
+
"@wordpress/interface": "^9.30.0",
|
|
67
|
+
"@wordpress/keyboard-shortcuts": "^5.45.0",
|
|
68
|
+
"@wordpress/keycodes": "^4.45.0",
|
|
69
|
+
"@wordpress/media-utils": "^5.45.0",
|
|
70
|
+
"@wordpress/notices": "^5.45.0",
|
|
71
|
+
"@wordpress/patterns": "^2.45.0",
|
|
72
|
+
"@wordpress/plugins": "^7.45.0",
|
|
73
|
+
"@wordpress/preferences": "^4.45.0",
|
|
74
|
+
"@wordpress/private-apis": "^1.45.0",
|
|
75
|
+
"@wordpress/reusable-blocks": "^5.45.0",
|
|
76
|
+
"@wordpress/ui": "^0.12.0",
|
|
77
|
+
"@wordpress/url": "^4.45.0",
|
|
78
|
+
"@wordpress/widgets": "^4.45.0",
|
|
78
79
|
"clsx": "^2.1.1"
|
|
79
80
|
},
|
|
80
81
|
"devDependencies": {
|
|
@@ -87,5 +88,5 @@
|
|
|
87
88
|
"publishConfig": {
|
|
88
89
|
"access": "public"
|
|
89
90
|
},
|
|
90
|
-
"gitHead": "
|
|
91
|
+
"gitHead": "8c229eaed0e88c9827e2da3d73a78f9ddd77714b"
|
|
91
92
|
}
|
|
@@ -5,10 +5,11 @@ import { BlockToolbar } from '@wordpress/block-editor';
|
|
|
5
5
|
import { useSelect } from '@wordpress/data';
|
|
6
6
|
import { useRef } from '@wordpress/element';
|
|
7
7
|
import { __ } from '@wordpress/i18n';
|
|
8
|
-
import { Popover
|
|
8
|
+
import { Popover } from '@wordpress/components';
|
|
9
9
|
import { PinnedItems } from '@wordpress/interface';
|
|
10
10
|
import { useViewportMatch } from '@wordpress/compose';
|
|
11
11
|
import { store as preferencesStore } from '@wordpress/preferences';
|
|
12
|
+
import { VisuallyHidden } from '@wordpress/ui';
|
|
12
13
|
|
|
13
14
|
/**
|
|
14
15
|
* Internal dependencies
|
|
@@ -41,8 +42,8 @@ function Header() {
|
|
|
41
42
|
) }
|
|
42
43
|
{ ! isLargeViewport && (
|
|
43
44
|
<VisuallyHidden
|
|
44
|
-
as="h1"
|
|
45
45
|
className="edit-widgets-header__title"
|
|
46
|
+
render={ <h1 /> }
|
|
46
47
|
>
|
|
47
48
|
{ __( 'Widgets' ) }
|
|
48
49
|
</VisuallyHidden>
|
|
@@ -1,12 +1,7 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* WordPress dependencies
|
|
3
3
|
*/
|
|
4
|
-
import {
|
|
5
|
-
MenuGroup,
|
|
6
|
-
MenuItem,
|
|
7
|
-
VisuallyHidden,
|
|
8
|
-
DropdownMenu,
|
|
9
|
-
} from '@wordpress/components';
|
|
4
|
+
import { MenuGroup, MenuItem, DropdownMenu } from '@wordpress/components';
|
|
10
5
|
import { useState } from '@wordpress/element';
|
|
11
6
|
import { __, _x } from '@wordpress/i18n';
|
|
12
7
|
import { external, moreVertical } from '@wordpress/icons';
|
|
@@ -14,6 +9,7 @@ import { PreferenceToggleMenuItem } from '@wordpress/preferences';
|
|
|
14
9
|
import { displayShortcut } from '@wordpress/keycodes';
|
|
15
10
|
import { useShortcut } from '@wordpress/keyboard-shortcuts';
|
|
16
11
|
import { useViewportMatch } from '@wordpress/compose';
|
|
12
|
+
import { VisuallyHidden } from '@wordpress/ui';
|
|
17
13
|
|
|
18
14
|
/**
|
|
19
15
|
* Internal dependencies
|
|
@@ -94,7 +90,7 @@ export default function MoreMenu() {
|
|
|
94
90
|
rel="noopener"
|
|
95
91
|
>
|
|
96
92
|
{ __( 'Help' ) }
|
|
97
|
-
<VisuallyHidden
|
|
93
|
+
<VisuallyHidden render={ <span /> }>
|
|
98
94
|
{
|
|
99
95
|
/* translators: accessibility text */
|
|
100
96
|
__( '(opens in a new tab)' )
|