@wordpress/customize-widgets 4.18.0 → 4.19.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/customize-widgets/index.js +2 -3
- package/build/components/customize-widgets/index.js.map +1 -1
- package/build/components/sidebar-block-editor/index.js +9 -5
- package/build/components/sidebar-block-editor/index.js.map +1 -1
- package/build-module/components/customize-widgets/index.js +2 -3
- package/build-module/components/customize-widgets/index.js.map +1 -1
- package/build-module/components/sidebar-block-editor/index.js +10 -6
- package/build-module/components/sidebar-block-editor/index.js.map +1 -1
- package/build-style/style-rtl.css +4 -1
- package/build-style/style.css +4 -1
- package/package.json +22 -22
- package/src/components/customize-widgets/index.js +11 -17
- package/src/components/sidebar-block-editor/index.js +15 -14
- package/src/components/sidebar-block-editor/style.scss +7 -1
package/CHANGELOG.md
CHANGED
|
@@ -7,7 +7,6 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
7
7
|
exports.default = CustomizeWidgets;
|
|
8
8
|
var _element = require("@wordpress/element");
|
|
9
9
|
var _components = require("@wordpress/components");
|
|
10
|
-
var _keyboardShortcuts = require("@wordpress/keyboard-shortcuts");
|
|
11
10
|
var _errorBoundary = _interopRequireDefault(require("../error-boundary"));
|
|
12
11
|
var _sidebarBlockEditor = _interopRequireDefault(require("../sidebar-block-editor"));
|
|
13
12
|
var _focusControl = _interopRequireDefault(require("../focus-control"));
|
|
@@ -54,12 +53,12 @@ function CustomizeWidgets({
|
|
|
54
53
|
className: "customize-widgets-popover",
|
|
55
54
|
ref: popoverRef
|
|
56
55
|
}, (0, _element.createElement)(_components.Popover.Slot, null)), parentContainer);
|
|
57
|
-
return (0, _element.createElement)(
|
|
56
|
+
return (0, _element.createElement)(_components.SlotFillProvider, null, (0, _element.createElement)(_sidebarControls.default, {
|
|
58
57
|
sidebarControls: sidebarControls,
|
|
59
58
|
activeSidebarControl: activeSidebarControl
|
|
60
59
|
}, (0, _element.createElement)(_focusControl.default, {
|
|
61
60
|
api: api,
|
|
62
61
|
sidebarControls: sidebarControls
|
|
63
|
-
}, activeSidebar, popover)))
|
|
62
|
+
}, activeSidebar, popover)));
|
|
64
63
|
}
|
|
65
64
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_element","require","_components","
|
|
1
|
+
{"version":3,"names":["_element","require","_components","_errorBoundary","_interopRequireDefault","_sidebarBlockEditor","_focusControl","_sidebarControls","_useClearSelectedBlock","CustomizeWidgets","api","sidebarControls","blockEditorSettings","activeSidebarControl","setActiveSidebarControl","useState","parentContainer","document","getElementById","popoverRef","useRef","useClearSelectedBlock","useEffect","unsubscribers","map","sidebarControl","subscribe","expanded","forEach","unsubscriber","activeSidebar","createPortal","createElement","default","key","id","sidebar","sidebarAdapter","inserter","inspector","container","popover","className","ref","Popover","Slot","SlotFillProvider"],"sources":["@wordpress/customize-widgets/src/components/customize-widgets/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useState, useEffect, useRef, createPortal } from '@wordpress/element';\nimport { SlotFillProvider, Popover } from '@wordpress/components';\n\n/**\n * Internal dependencies\n */\nimport ErrorBoundary from '../error-boundary';\nimport SidebarBlockEditor from '../sidebar-block-editor';\nimport FocusControl from '../focus-control';\nimport SidebarControls from '../sidebar-controls';\nimport useClearSelectedBlock from './use-clear-selected-block';\n\nexport default function CustomizeWidgets( {\n\tapi,\n\tsidebarControls,\n\tblockEditorSettings,\n} ) {\n\tconst [ activeSidebarControl, setActiveSidebarControl ] = useState( null );\n\tconst parentContainer = document.getElementById(\n\t\t'customize-theme-controls'\n\t);\n\tconst popoverRef = useRef();\n\n\tuseClearSelectedBlock( activeSidebarControl, popoverRef );\n\n\tuseEffect( () => {\n\t\tconst unsubscribers = sidebarControls.map( ( sidebarControl ) =>\n\t\t\tsidebarControl.subscribe( ( expanded ) => {\n\t\t\t\tif ( expanded ) {\n\t\t\t\t\tsetActiveSidebarControl( sidebarControl );\n\t\t\t\t}\n\t\t\t} )\n\t\t);\n\n\t\treturn () => {\n\t\t\tunsubscribers.forEach( ( unsubscriber ) => unsubscriber() );\n\t\t};\n\t}, [ sidebarControls ] );\n\n\tconst activeSidebar =\n\t\tactiveSidebarControl &&\n\t\tcreatePortal(\n\t\t\t<ErrorBoundary>\n\t\t\t\t<SidebarBlockEditor\n\t\t\t\t\tkey={ activeSidebarControl.id }\n\t\t\t\t\tblockEditorSettings={ blockEditorSettings }\n\t\t\t\t\tsidebar={ activeSidebarControl.sidebarAdapter }\n\t\t\t\t\tinserter={ activeSidebarControl.inserter }\n\t\t\t\t\tinspector={ activeSidebarControl.inspector }\n\t\t\t\t/>\n\t\t\t</ErrorBoundary>,\n\t\t\tactiveSidebarControl.container[ 0 ]\n\t\t);\n\n\t// We have to portal this to the parent of both the editor and the inspector,\n\t// so that the popovers will appear above both of them.\n\tconst popover =\n\t\tparentContainer &&\n\t\tcreatePortal(\n\t\t\t<div className=\"customize-widgets-popover\" ref={ popoverRef }>\n\t\t\t\t<Popover.Slot />\n\t\t\t</div>,\n\t\t\tparentContainer\n\t\t);\n\n\treturn (\n\t\t<SlotFillProvider>\n\t\t\t<SidebarControls\n\t\t\t\tsidebarControls={ sidebarControls }\n\t\t\t\tactiveSidebarControl={ activeSidebarControl }\n\t\t\t>\n\t\t\t\t<FocusControl api={ api } sidebarControls={ sidebarControls }>\n\t\t\t\t\t{ activeSidebar }\n\t\t\t\t\t{ popover }\n\t\t\t\t</FocusControl>\n\t\t\t</SidebarControls>\n\t\t</SlotFillProvider>\n\t);\n}\n"],"mappings":";;;;;;;AAGA,IAAAA,QAAA,GAAAC,OAAA;AACA,IAAAC,WAAA,GAAAD,OAAA;AAKA,IAAAE,cAAA,GAAAC,sBAAA,CAAAH,OAAA;AACA,IAAAI,mBAAA,GAAAD,sBAAA,CAAAH,OAAA;AACA,IAAAK,aAAA,GAAAF,sBAAA,CAAAH,OAAA;AACA,IAAAM,gBAAA,GAAAH,sBAAA,CAAAH,OAAA;AACA,IAAAO,sBAAA,GAAAJ,sBAAA,CAAAH,OAAA;AAbA;AACA;AACA;;AAIA;AACA;AACA;;AAOe,SAASQ,gBAAgBA,CAAE;EACzCC,GAAG;EACHC,eAAe;EACfC;AACD,CAAC,EAAG;EACH,MAAM,CAAEC,oBAAoB,EAAEC,uBAAuB,CAAE,GAAG,IAAAC,iBAAQ,EAAE,IAAK,CAAC;EAC1E,MAAMC,eAAe,GAAGC,QAAQ,CAACC,cAAc,CAC9C,0BACD,CAAC;EACD,MAAMC,UAAU,GAAG,IAAAC,eAAM,EAAC,CAAC;EAE3B,IAAAC,8BAAqB,EAAER,oBAAoB,EAAEM,UAAW,CAAC;EAEzD,IAAAG,kBAAS,EAAE,MAAM;IAChB,MAAMC,aAAa,GAAGZ,eAAe,CAACa,GAAG,CAAIC,cAAc,IAC1DA,cAAc,CAACC,SAAS,CAAIC,QAAQ,IAAM;MACzC,IAAKA,QAAQ,EAAG;QACfb,uBAAuB,CAAEW,cAAe,CAAC;MAC1C;IACD,CAAE,CACH,CAAC;IAED,OAAO,MAAM;MACZF,aAAa,CAACK,OAAO,CAAIC,YAAY,IAAMA,YAAY,CAAC,CAAE,CAAC;IAC5D,CAAC;EACF,CAAC,EAAE,CAAElB,eAAe,CAAG,CAAC;EAExB,MAAMmB,aAAa,GAClBjB,oBAAoB,IACpB,IAAAkB,qBAAY,EACX,IAAA/B,QAAA,CAAAgC,aAAA,EAAC7B,cAAA,CAAA8B,OAAa,QACb,IAAAjC,QAAA,CAAAgC,aAAA,EAAC3B,mBAAA,CAAA4B,OAAkB;IAClBC,GAAG,EAAGrB,oBAAoB,CAACsB,EAAI;IAC/BvB,mBAAmB,EAAGA,mBAAqB;IAC3CwB,OAAO,EAAGvB,oBAAoB,CAACwB,cAAgB;IAC/CC,QAAQ,EAAGzB,oBAAoB,CAACyB,QAAU;IAC1CC,SAAS,EAAG1B,oBAAoB,CAAC0B;EAAW,CAC5C,CACa,CAAC,EAChB1B,oBAAoB,CAAC2B,SAAS,CAAE,CAAC,CAClC,CAAC;;EAEF;EACA;EACA,MAAMC,OAAO,GACZzB,eAAe,IACf,IAAAe,qBAAY,EACX,IAAA/B,QAAA,CAAAgC,aAAA;IAAKU,SAAS,EAAC,2BAA2B;IAACC,GAAG,EAAGxB;EAAY,GAC5D,IAAAnB,QAAA,CAAAgC,aAAA,EAAC9B,WAAA,CAAA0C,OAAO,CAACC,IAAI,MAAE,CACX,CAAC,EACN7B,eACD,CAAC;EAEF,OACC,IAAAhB,QAAA,CAAAgC,aAAA,EAAC9B,WAAA,CAAA4C,gBAAgB,QAChB,IAAA9C,QAAA,CAAAgC,aAAA,EAACzB,gBAAA,CAAA0B,OAAe;IACftB,eAAe,EAAGA,eAAiB;IACnCE,oBAAoB,EAAGA;EAAsB,GAE7C,IAAAb,QAAA,CAAAgC,aAAA,EAAC1B,aAAA,CAAA2B,OAAY;IAACvB,GAAG,EAAGA,GAAK;IAACC,eAAe,EAAGA;EAAiB,GAC1DmB,aAAa,EACbW,OACW,CACE,CACA,CAAC;AAErB"}
|
|
@@ -18,6 +18,7 @@ var _sidebarEditorProvider = _interopRequireDefault(require("./sidebar-editor-pr
|
|
|
18
18
|
var _welcomeGuide = _interopRequireDefault(require("../welcome-guide"));
|
|
19
19
|
var _keyboardShortcuts = _interopRequireDefault(require("../keyboard-shortcuts"));
|
|
20
20
|
var _blockAppender = _interopRequireDefault(require("../block-appender"));
|
|
21
|
+
var _lockUnlock = require("../../lock-unlock");
|
|
21
22
|
/**
|
|
22
23
|
* WordPress dependencies
|
|
23
24
|
*/
|
|
@@ -26,6 +27,9 @@ var _blockAppender = _interopRequireDefault(require("../block-appender"));
|
|
|
26
27
|
* Internal dependencies
|
|
27
28
|
*/
|
|
28
29
|
|
|
30
|
+
const {
|
|
31
|
+
ExperimentalBlockCanvas: BlockCanvas
|
|
32
|
+
} = (0, _lockUnlock.unlock)(_blockEditor.privateApis);
|
|
29
33
|
function SidebarBlockEditor({
|
|
30
34
|
blockEditorSettings,
|
|
31
35
|
sidebar,
|
|
@@ -93,13 +97,13 @@ function SidebarBlockEditor({
|
|
|
93
97
|
isInserterOpened: isInserterOpened,
|
|
94
98
|
setIsInserterOpened: setIsInserterOpened,
|
|
95
99
|
isFixedToolbarActive: isFixedToolbarActive
|
|
96
|
-
}), (0, _element.createElement)(_blockEditor.
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
+
}), (0, _element.createElement)(_blockEditor.BlockTools, null, (0, _element.createElement)(BlockCanvas, {
|
|
101
|
+
shouldIframe: false,
|
|
102
|
+
styles: settings.defaultEditorStyles,
|
|
103
|
+
height: "100%"
|
|
100
104
|
}, (0, _element.createElement)(_blockEditor.BlockList, {
|
|
101
105
|
renderAppender: _blockAppender.default
|
|
102
|
-
})))
|
|
106
|
+
}))), (0, _element.createPortal)(
|
|
103
107
|
// This is a temporary hack to prevent button component inside <BlockInspector>
|
|
104
108
|
// from submitting form when type="button" is not specified.
|
|
105
109
|
(0, _element.createElement)("form", {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_element","require","_coreData","_data","_blockEditor","_mediaUtils","_preferences","_blockInspectorButton","_interopRequireDefault","_header","_useInserter","_sidebarEditorProvider","_welcomeGuide","_keyboardShortcuts","_blockAppender","SidebarBlockEditor","blockEditorSettings","sidebar","inserter","inspector","isInserterOpened","setIsInserterOpened","useInserter","hasUploadPermissions","isFixedToolbarActive","keepCaretInsideBlock","isWelcomeGuideActive","useSelect","select","_select$canUser","get","preferencesStore","coreStore","canUser","settings","useMemo","mediaUploadBlockEditor","onError","argumentsObject","uploadMedia","wpAllowedMimeTypes","allowedMimeTypes","message","__experimentalSetIsInserterOpened","mediaUpload","hasFixedToolbar","__unstableHasCustomAppender","createElement","default","Fragment","Register","undo","redo","save","
|
|
1
|
+
{"version":3,"names":["_element","require","_coreData","_data","_blockEditor","_mediaUtils","_preferences","_blockInspectorButton","_interopRequireDefault","_header","_useInserter","_sidebarEditorProvider","_welcomeGuide","_keyboardShortcuts","_blockAppender","_lockUnlock","ExperimentalBlockCanvas","BlockCanvas","unlock","blockEditorPrivateApis","SidebarBlockEditor","blockEditorSettings","sidebar","inserter","inspector","isInserterOpened","setIsInserterOpened","useInserter","hasUploadPermissions","isFixedToolbarActive","keepCaretInsideBlock","isWelcomeGuideActive","useSelect","select","_select$canUser","get","preferencesStore","coreStore","canUser","settings","useMemo","mediaUploadBlockEditor","onError","argumentsObject","uploadMedia","wpAllowedMimeTypes","allowedMimeTypes","message","__experimentalSetIsInserterOpened","mediaUpload","hasFixedToolbar","__unstableHasCustomAppender","createElement","default","Fragment","Register","undo","redo","save","BlockTools","shouldIframe","styles","defaultEditorStyles","height","BlockList","renderAppender","BlockAppender","createPortal","onSubmit","event","preventDefault","BlockInspector","contentContainer","__unstableBlockSettingsMenuFirstItem","onClose","closeMenu"],"sources":["@wordpress/customize-widgets/src/components/sidebar-block-editor/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { store as coreStore } from '@wordpress/core-data';\nimport { useSelect } from '@wordpress/data';\nimport { useMemo, createPortal } from '@wordpress/element';\nimport {\n\tBlockList,\n\tBlockTools,\n\tBlockInspector,\n\tprivateApis as blockEditorPrivateApis,\n\t__unstableBlockSettingsMenuFirstItem,\n} from '@wordpress/block-editor';\nimport { uploadMedia } from '@wordpress/media-utils';\nimport { store as preferencesStore } from '@wordpress/preferences';\n\n/**\n * Internal dependencies\n */\nimport BlockInspectorButton from '../block-inspector-button';\nimport Header from '../header';\nimport useInserter from '../inserter/use-inserter';\nimport SidebarEditorProvider from './sidebar-editor-provider';\nimport WelcomeGuide from '../welcome-guide';\nimport KeyboardShortcuts from '../keyboard-shortcuts';\nimport BlockAppender from '../block-appender';\nimport { unlock } from '../../lock-unlock';\n\nconst { ExperimentalBlockCanvas: BlockCanvas } = unlock(\n\tblockEditorPrivateApis\n);\n\nexport default function SidebarBlockEditor( {\n\tblockEditorSettings,\n\tsidebar,\n\tinserter,\n\tinspector,\n} ) {\n\tconst [ isInserterOpened, setIsInserterOpened ] = useInserter( inserter );\n\tconst {\n\t\thasUploadPermissions,\n\t\tisFixedToolbarActive,\n\t\tkeepCaretInsideBlock,\n\t\tisWelcomeGuideActive,\n\t} = useSelect( ( select ) => {\n\t\tconst { get } = select( preferencesStore );\n\t\treturn {\n\t\t\thasUploadPermissions:\n\t\t\t\tselect( coreStore ).canUser( 'create', 'media' ) ?? true,\n\t\t\tisFixedToolbarActive: !! get(\n\t\t\t\t'core/customize-widgets',\n\t\t\t\t'fixedToolbar'\n\t\t\t),\n\t\t\tkeepCaretInsideBlock: !! get(\n\t\t\t\t'core/customize-widgets',\n\t\t\t\t'keepCaretInsideBlock'\n\t\t\t),\n\t\t\tisWelcomeGuideActive: !! get(\n\t\t\t\t'core/customize-widgets',\n\t\t\t\t'welcomeGuide'\n\t\t\t),\n\t\t};\n\t}, [] );\n\tconst settings = useMemo( () => {\n\t\tlet mediaUploadBlockEditor;\n\t\tif ( hasUploadPermissions ) {\n\t\t\tmediaUploadBlockEditor = ( { onError, ...argumentsObject } ) => {\n\t\t\t\tuploadMedia( {\n\t\t\t\t\twpAllowedMimeTypes: blockEditorSettings.allowedMimeTypes,\n\t\t\t\t\tonError: ( { message } ) => onError( message ),\n\t\t\t\t\t...argumentsObject,\n\t\t\t\t} );\n\t\t\t};\n\t\t}\n\n\t\treturn {\n\t\t\t...blockEditorSettings,\n\t\t\t__experimentalSetIsInserterOpened: setIsInserterOpened,\n\t\t\tmediaUpload: mediaUploadBlockEditor,\n\t\t\thasFixedToolbar: isFixedToolbarActive,\n\t\t\tkeepCaretInsideBlock,\n\t\t\t__unstableHasCustomAppender: true,\n\t\t};\n\t}, [\n\t\thasUploadPermissions,\n\t\tblockEditorSettings,\n\t\tisFixedToolbarActive,\n\t\tkeepCaretInsideBlock,\n\t\tsetIsInserterOpened,\n\t] );\n\n\tif ( isWelcomeGuideActive ) {\n\t\treturn <WelcomeGuide sidebar={ sidebar } />;\n\t}\n\n\treturn (\n\t\t<>\n\t\t\t<KeyboardShortcuts.Register />\n\n\t\t\t<SidebarEditorProvider sidebar={ sidebar } settings={ settings }>\n\t\t\t\t<KeyboardShortcuts\n\t\t\t\t\tundo={ sidebar.undo }\n\t\t\t\t\tredo={ sidebar.redo }\n\t\t\t\t\tsave={ sidebar.save }\n\t\t\t\t/>\n\n\t\t\t\t<Header\n\t\t\t\t\tsidebar={ sidebar }\n\t\t\t\t\tinserter={ inserter }\n\t\t\t\t\tisInserterOpened={ isInserterOpened }\n\t\t\t\t\tsetIsInserterOpened={ setIsInserterOpened }\n\t\t\t\t\tisFixedToolbarActive={ isFixedToolbarActive }\n\t\t\t\t/>\n\n\t\t\t\t<BlockTools>\n\t\t\t\t\t<BlockCanvas\n\t\t\t\t\t\tshouldIframe={ false }\n\t\t\t\t\t\tstyles={ settings.defaultEditorStyles }\n\t\t\t\t\t\theight=\"100%\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<BlockList renderAppender={ BlockAppender } />\n\t\t\t\t\t</BlockCanvas>\n\t\t\t\t</BlockTools>\n\n\t\t\t\t{ createPortal(\n\t\t\t\t\t// This is a temporary hack to prevent button component inside <BlockInspector>\n\t\t\t\t\t// from submitting form when type=\"button\" is not specified.\n\t\t\t\t\t<form onSubmit={ ( event ) => event.preventDefault() }>\n\t\t\t\t\t\t<BlockInspector />\n\t\t\t\t\t</form>,\n\t\t\t\t\tinspector.contentContainer[ 0 ]\n\t\t\t\t) }\n\t\t\t</SidebarEditorProvider>\n\n\t\t\t<__unstableBlockSettingsMenuFirstItem>\n\t\t\t\t{ ( { onClose } ) => (\n\t\t\t\t\t<BlockInspectorButton\n\t\t\t\t\t\tinspector={ inspector }\n\t\t\t\t\t\tcloseMenu={ onClose }\n\t\t\t\t\t/>\n\t\t\t\t) }\n\t\t\t</__unstableBlockSettingsMenuFirstItem>\n\t\t</>\n\t);\n}\n"],"mappings":";;;;;;;AAKA,IAAAA,QAAA,GAAAC,OAAA;AAFA,IAAAC,SAAA,GAAAD,OAAA;AACA,IAAAE,KAAA,GAAAF,OAAA;AAEA,IAAAG,YAAA,GAAAH,OAAA;AAOA,IAAAI,WAAA,GAAAJ,OAAA;AACA,IAAAK,YAAA,GAAAL,OAAA;AAKA,IAAAM,qBAAA,GAAAC,sBAAA,CAAAP,OAAA;AACA,IAAAQ,OAAA,GAAAD,sBAAA,CAAAP,OAAA;AACA,IAAAS,YAAA,GAAAF,sBAAA,CAAAP,OAAA;AACA,IAAAU,sBAAA,GAAAH,sBAAA,CAAAP,OAAA;AACA,IAAAW,aAAA,GAAAJ,sBAAA,CAAAP,OAAA;AACA,IAAAY,kBAAA,GAAAL,sBAAA,CAAAP,OAAA;AACA,IAAAa,cAAA,GAAAN,sBAAA,CAAAP,OAAA;AACA,IAAAc,WAAA,GAAAd,OAAA;AA1BA;AACA;AACA;;AAcA;AACA;AACA;;AAUA,MAAM;EAAEe,uBAAuB,EAAEC;AAAY,CAAC,GAAG,IAAAC,kBAAM,EACtDC,wBACD,CAAC;AAEc,SAASC,kBAAkBA,CAAE;EAC3CC,mBAAmB;EACnBC,OAAO;EACPC,QAAQ;EACRC;AACD,CAAC,EAAG;EACH,MAAM,CAAEC,gBAAgB,EAAEC,mBAAmB,CAAE,GAAG,IAAAC,oBAAW,EAAEJ,QAAS,CAAC;EACzE,MAAM;IACLK,oBAAoB;IACpBC,oBAAoB;IACpBC,oBAAoB;IACpBC;EACD,CAAC,GAAG,IAAAC,eAAS,EAAIC,MAAM,IAAM;IAAA,IAAAC,eAAA;IAC5B,MAAM;MAAEC;IAAI,CAAC,GAAGF,MAAM,CAAEG,kBAAiB,CAAC;IAC1C,OAAO;MACNR,oBAAoB,GAAAM,eAAA,GACnBD,MAAM,CAAEI,eAAU,CAAC,CAACC,OAAO,CAAE,QAAQ,EAAE,OAAQ,CAAC,cAAAJ,eAAA,cAAAA,eAAA,GAAI,IAAI;MACzDL,oBAAoB,EAAE,CAAC,CAAEM,GAAG,CAC3B,wBAAwB,EACxB,cACD,CAAC;MACDL,oBAAoB,EAAE,CAAC,CAAEK,GAAG,CAC3B,wBAAwB,EACxB,sBACD,CAAC;MACDJ,oBAAoB,EAAE,CAAC,CAAEI,GAAG,CAC3B,wBAAwB,EACxB,cACD;IACD,CAAC;EACF,CAAC,EAAE,EAAG,CAAC;EACP,MAAMI,QAAQ,GAAG,IAAAC,gBAAO,EAAE,MAAM;IAC/B,IAAIC,sBAAsB;IAC1B,IAAKb,oBAAoB,EAAG;MAC3Ba,sBAAsB,GAAGA,CAAE;QAAEC,OAAO;QAAE,GAAGC;MAAgB,CAAC,KAAM;QAC/D,IAAAC,uBAAW,EAAE;UACZC,kBAAkB,EAAExB,mBAAmB,CAACyB,gBAAgB;UACxDJ,OAAO,EAAEA,CAAE;YAAEK;UAAQ,CAAC,KAAML,OAAO,CAAEK,OAAQ,CAAC;UAC9C,GAAGJ;QACJ,CAAE,CAAC;MACJ,CAAC;IACF;IAEA,OAAO;MACN,GAAGtB,mBAAmB;MACtB2B,iCAAiC,EAAEtB,mBAAmB;MACtDuB,WAAW,EAAER,sBAAsB;MACnCS,eAAe,EAAErB,oBAAoB;MACrCC,oBAAoB;MACpBqB,2BAA2B,EAAE;IAC9B,CAAC;EACF,CAAC,EAAE,CACFvB,oBAAoB,EACpBP,mBAAmB,EACnBQ,oBAAoB,EACpBC,oBAAoB,EACpBJ,mBAAmB,CAClB,CAAC;EAEH,IAAKK,oBAAoB,EAAG;IAC3B,OAAO,IAAA/B,QAAA,CAAAoD,aAAA,EAACxC,aAAA,CAAAyC,OAAY;MAAC/B,OAAO,EAAGA;IAAS,CAAE,CAAC;EAC5C;EAEA,OACC,IAAAtB,QAAA,CAAAoD,aAAA,EAAApD,QAAA,CAAAsD,QAAA,QACC,IAAAtD,QAAA,CAAAoD,aAAA,EAACvC,kBAAA,CAAAwC,OAAiB,CAACE,QAAQ,MAAE,CAAC,EAE9B,IAAAvD,QAAA,CAAAoD,aAAA,EAACzC,sBAAA,CAAA0C,OAAqB;IAAC/B,OAAO,EAAGA,OAAS;IAACiB,QAAQ,EAAGA;EAAU,GAC/D,IAAAvC,QAAA,CAAAoD,aAAA,EAACvC,kBAAA,CAAAwC,OAAiB;IACjBG,IAAI,EAAGlC,OAAO,CAACkC,IAAM;IACrBC,IAAI,EAAGnC,OAAO,CAACmC,IAAM;IACrBC,IAAI,EAAGpC,OAAO,CAACoC;EAAM,CACrB,CAAC,EAEF,IAAA1D,QAAA,CAAAoD,aAAA,EAAC3C,OAAA,CAAA4C,OAAM;IACN/B,OAAO,EAAGA,OAAS;IACnBC,QAAQ,EAAGA,QAAU;IACrBE,gBAAgB,EAAGA,gBAAkB;IACrCC,mBAAmB,EAAGA,mBAAqB;IAC3CG,oBAAoB,EAAGA;EAAsB,CAC7C,CAAC,EAEF,IAAA7B,QAAA,CAAAoD,aAAA,EAAChD,YAAA,CAAAuD,UAAU,QACV,IAAA3D,QAAA,CAAAoD,aAAA,EAACnC,WAAW;IACX2C,YAAY,EAAG,KAAO;IACtBC,MAAM,EAAGtB,QAAQ,CAACuB,mBAAqB;IACvCC,MAAM,EAAC;EAAM,GAEb,IAAA/D,QAAA,CAAAoD,aAAA,EAAChD,YAAA,CAAA4D,SAAS;IAACC,cAAc,EAAGC;EAAe,CAAE,CACjC,CACF,CAAC,EAEX,IAAAC,qBAAY;EACb;EACA;EACA,IAAAnE,QAAA,CAAAoD,aAAA;IAAMgB,QAAQ,EAAKC,KAAK,IAAMA,KAAK,CAACC,cAAc,CAAC;EAAG,GACrD,IAAAtE,QAAA,CAAAoD,aAAA,EAAChD,YAAA,CAAAmE,cAAc,MAAE,CACZ,CAAC,EACP/C,SAAS,CAACgD,gBAAgB,CAAE,CAAC,CAC9B,CACsB,CAAC,EAExB,IAAAxE,QAAA,CAAAoD,aAAA,EAAChD,YAAA,CAAAqE,oCAAoC,QAClC,CAAE;IAAEC;EAAQ,CAAC,KACd,IAAA1E,QAAA,CAAAoD,aAAA,EAAC7C,qBAAA,CAAA8C,OAAoB;IACpB7B,SAAS,EAAGA,SAAW;IACvBmD,SAAS,EAAGD;EAAS,CACrB,CAEmC,CACrC,CAAC;AAEL"}
|
|
@@ -4,7 +4,6 @@ import { createElement } from "@wordpress/element";
|
|
|
4
4
|
*/
|
|
5
5
|
import { useState, useEffect, useRef, createPortal } from '@wordpress/element';
|
|
6
6
|
import { SlotFillProvider, Popover } from '@wordpress/components';
|
|
7
|
-
import { ShortcutProvider } from '@wordpress/keyboard-shortcuts';
|
|
8
7
|
|
|
9
8
|
/**
|
|
10
9
|
* Internal dependencies
|
|
@@ -47,12 +46,12 @@ export default function CustomizeWidgets({
|
|
|
47
46
|
className: "customize-widgets-popover",
|
|
48
47
|
ref: popoverRef
|
|
49
48
|
}, createElement(Popover.Slot, null)), parentContainer);
|
|
50
|
-
return createElement(
|
|
49
|
+
return createElement(SlotFillProvider, null, createElement(SidebarControls, {
|
|
51
50
|
sidebarControls: sidebarControls,
|
|
52
51
|
activeSidebarControl: activeSidebarControl
|
|
53
52
|
}, createElement(FocusControl, {
|
|
54
53
|
api: api,
|
|
55
54
|
sidebarControls: sidebarControls
|
|
56
|
-
}, activeSidebar, popover)))
|
|
55
|
+
}, activeSidebar, popover)));
|
|
57
56
|
}
|
|
58
57
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["useState","useEffect","useRef","createPortal","SlotFillProvider","Popover","
|
|
1
|
+
{"version":3,"names":["useState","useEffect","useRef","createPortal","SlotFillProvider","Popover","ErrorBoundary","SidebarBlockEditor","FocusControl","SidebarControls","useClearSelectedBlock","CustomizeWidgets","api","sidebarControls","blockEditorSettings","activeSidebarControl","setActiveSidebarControl","parentContainer","document","getElementById","popoverRef","unsubscribers","map","sidebarControl","subscribe","expanded","forEach","unsubscriber","activeSidebar","createElement","key","id","sidebar","sidebarAdapter","inserter","inspector","container","popover","className","ref","Slot"],"sources":["@wordpress/customize-widgets/src/components/customize-widgets/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useState, useEffect, useRef, createPortal } from '@wordpress/element';\nimport { SlotFillProvider, Popover } from '@wordpress/components';\n\n/**\n * Internal dependencies\n */\nimport ErrorBoundary from '../error-boundary';\nimport SidebarBlockEditor from '../sidebar-block-editor';\nimport FocusControl from '../focus-control';\nimport SidebarControls from '../sidebar-controls';\nimport useClearSelectedBlock from './use-clear-selected-block';\n\nexport default function CustomizeWidgets( {\n\tapi,\n\tsidebarControls,\n\tblockEditorSettings,\n} ) {\n\tconst [ activeSidebarControl, setActiveSidebarControl ] = useState( null );\n\tconst parentContainer = document.getElementById(\n\t\t'customize-theme-controls'\n\t);\n\tconst popoverRef = useRef();\n\n\tuseClearSelectedBlock( activeSidebarControl, popoverRef );\n\n\tuseEffect( () => {\n\t\tconst unsubscribers = sidebarControls.map( ( sidebarControl ) =>\n\t\t\tsidebarControl.subscribe( ( expanded ) => {\n\t\t\t\tif ( expanded ) {\n\t\t\t\t\tsetActiveSidebarControl( sidebarControl );\n\t\t\t\t}\n\t\t\t} )\n\t\t);\n\n\t\treturn () => {\n\t\t\tunsubscribers.forEach( ( unsubscriber ) => unsubscriber() );\n\t\t};\n\t}, [ sidebarControls ] );\n\n\tconst activeSidebar =\n\t\tactiveSidebarControl &&\n\t\tcreatePortal(\n\t\t\t<ErrorBoundary>\n\t\t\t\t<SidebarBlockEditor\n\t\t\t\t\tkey={ activeSidebarControl.id }\n\t\t\t\t\tblockEditorSettings={ blockEditorSettings }\n\t\t\t\t\tsidebar={ activeSidebarControl.sidebarAdapter }\n\t\t\t\t\tinserter={ activeSidebarControl.inserter }\n\t\t\t\t\tinspector={ activeSidebarControl.inspector }\n\t\t\t\t/>\n\t\t\t</ErrorBoundary>,\n\t\t\tactiveSidebarControl.container[ 0 ]\n\t\t);\n\n\t// We have to portal this to the parent of both the editor and the inspector,\n\t// so that the popovers will appear above both of them.\n\tconst popover =\n\t\tparentContainer &&\n\t\tcreatePortal(\n\t\t\t<div className=\"customize-widgets-popover\" ref={ popoverRef }>\n\t\t\t\t<Popover.Slot />\n\t\t\t</div>,\n\t\t\tparentContainer\n\t\t);\n\n\treturn (\n\t\t<SlotFillProvider>\n\t\t\t<SidebarControls\n\t\t\t\tsidebarControls={ sidebarControls }\n\t\t\t\tactiveSidebarControl={ activeSidebarControl }\n\t\t\t>\n\t\t\t\t<FocusControl api={ api } sidebarControls={ sidebarControls }>\n\t\t\t\t\t{ activeSidebar }\n\t\t\t\t\t{ popover }\n\t\t\t\t</FocusControl>\n\t\t\t</SidebarControls>\n\t\t</SlotFillProvider>\n\t);\n}\n"],"mappings":";AAAA;AACA;AACA;AACA,SAASA,QAAQ,EAAEC,SAAS,EAAEC,MAAM,EAAEC,YAAY,QAAQ,oBAAoB;AAC9E,SAASC,gBAAgB,EAAEC,OAAO,QAAQ,uBAAuB;;AAEjE;AACA;AACA;AACA,OAAOC,aAAa,MAAM,mBAAmB;AAC7C,OAAOC,kBAAkB,MAAM,yBAAyB;AACxD,OAAOC,YAAY,MAAM,kBAAkB;AAC3C,OAAOC,eAAe,MAAM,qBAAqB;AACjD,OAAOC,qBAAqB,MAAM,4BAA4B;AAE9D,eAAe,SAASC,gBAAgBA,CAAE;EACzCC,GAAG;EACHC,eAAe;EACfC;AACD,CAAC,EAAG;EACH,MAAM,CAAEC,oBAAoB,EAAEC,uBAAuB,CAAE,GAAGhB,QAAQ,CAAE,IAAK,CAAC;EAC1E,MAAMiB,eAAe,GAAGC,QAAQ,CAACC,cAAc,CAC9C,0BACD,CAAC;EACD,MAAMC,UAAU,GAAGlB,MAAM,CAAC,CAAC;EAE3BQ,qBAAqB,CAAEK,oBAAoB,EAAEK,UAAW,CAAC;EAEzDnB,SAAS,CAAE,MAAM;IAChB,MAAMoB,aAAa,GAAGR,eAAe,CAACS,GAAG,CAAIC,cAAc,IAC1DA,cAAc,CAACC,SAAS,CAAIC,QAAQ,IAAM;MACzC,IAAKA,QAAQ,EAAG;QACfT,uBAAuB,CAAEO,cAAe,CAAC;MAC1C;IACD,CAAE,CACH,CAAC;IAED,OAAO,MAAM;MACZF,aAAa,CAACK,OAAO,CAAIC,YAAY,IAAMA,YAAY,CAAC,CAAE,CAAC;IAC5D,CAAC;EACF,CAAC,EAAE,CAAEd,eAAe,CAAG,CAAC;EAExB,MAAMe,aAAa,GAClBb,oBAAoB,IACpBZ,YAAY,CACX0B,aAAA,CAACvB,aAAa,QACbuB,aAAA,CAACtB,kBAAkB;IAClBuB,GAAG,EAAGf,oBAAoB,CAACgB,EAAI;IAC/BjB,mBAAmB,EAAGA,mBAAqB;IAC3CkB,OAAO,EAAGjB,oBAAoB,CAACkB,cAAgB;IAC/CC,QAAQ,EAAGnB,oBAAoB,CAACmB,QAAU;IAC1CC,SAAS,EAAGpB,oBAAoB,CAACoB;EAAW,CAC5C,CACa,CAAC,EAChBpB,oBAAoB,CAACqB,SAAS,CAAE,CAAC,CAClC,CAAC;;EAEF;EACA;EACA,MAAMC,OAAO,GACZpB,eAAe,IACfd,YAAY,CACX0B,aAAA;IAAKS,SAAS,EAAC,2BAA2B;IAACC,GAAG,EAAGnB;EAAY,GAC5DS,aAAA,CAACxB,OAAO,CAACmC,IAAI,MAAE,CACX,CAAC,EACNvB,eACD,CAAC;EAEF,OACCY,aAAA,CAACzB,gBAAgB,QAChByB,aAAA,CAACpB,eAAe;IACfI,eAAe,EAAGA,eAAiB;IACnCE,oBAAoB,EAAGA;EAAsB,GAE7Cc,aAAA,CAACrB,YAAY;IAACI,GAAG,EAAGA,GAAK;IAACC,eAAe,EAAGA;EAAiB,GAC1De,aAAa,EACbS,OACW,CACE,CACA,CAAC;AAErB"}
|
|
@@ -5,7 +5,7 @@ import { createElement, Fragment } from "@wordpress/element";
|
|
|
5
5
|
import { store as coreStore } from '@wordpress/core-data';
|
|
6
6
|
import { useSelect } from '@wordpress/data';
|
|
7
7
|
import { useMemo, createPortal } from '@wordpress/element';
|
|
8
|
-
import { BlockList, BlockTools,
|
|
8
|
+
import { BlockList, BlockTools, BlockInspector, privateApis as blockEditorPrivateApis, __unstableBlockSettingsMenuFirstItem } from '@wordpress/block-editor';
|
|
9
9
|
import { uploadMedia } from '@wordpress/media-utils';
|
|
10
10
|
import { store as preferencesStore } from '@wordpress/preferences';
|
|
11
11
|
|
|
@@ -19,6 +19,10 @@ import SidebarEditorProvider from './sidebar-editor-provider';
|
|
|
19
19
|
import WelcomeGuide from '../welcome-guide';
|
|
20
20
|
import KeyboardShortcuts from '../keyboard-shortcuts';
|
|
21
21
|
import BlockAppender from '../block-appender';
|
|
22
|
+
import { unlock } from '../../lock-unlock';
|
|
23
|
+
const {
|
|
24
|
+
ExperimentalBlockCanvas: BlockCanvas
|
|
25
|
+
} = unlock(blockEditorPrivateApis);
|
|
22
26
|
export default function SidebarBlockEditor({
|
|
23
27
|
blockEditorSettings,
|
|
24
28
|
sidebar,
|
|
@@ -86,13 +90,13 @@ export default function SidebarBlockEditor({
|
|
|
86
90
|
isInserterOpened: isInserterOpened,
|
|
87
91
|
setIsInserterOpened: setIsInserterOpened,
|
|
88
92
|
isFixedToolbarActive: isFixedToolbarActive
|
|
89
|
-
}), createElement(
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
+
}), createElement(BlockTools, null, createElement(BlockCanvas, {
|
|
94
|
+
shouldIframe: false,
|
|
95
|
+
styles: settings.defaultEditorStyles,
|
|
96
|
+
height: "100%"
|
|
93
97
|
}, createElement(BlockList, {
|
|
94
98
|
renderAppender: BlockAppender
|
|
95
|
-
})))
|
|
99
|
+
}))), createPortal(
|
|
96
100
|
// This is a temporary hack to prevent button component inside <BlockInspector>
|
|
97
101
|
// from submitting form when type="button" is not specified.
|
|
98
102
|
createElement("form", {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["store","coreStore","useSelect","useMemo","createPortal","BlockList","BlockTools","
|
|
1
|
+
{"version":3,"names":["store","coreStore","useSelect","useMemo","createPortal","BlockList","BlockTools","BlockInspector","privateApis","blockEditorPrivateApis","__unstableBlockSettingsMenuFirstItem","uploadMedia","preferencesStore","BlockInspectorButton","Header","useInserter","SidebarEditorProvider","WelcomeGuide","KeyboardShortcuts","BlockAppender","unlock","ExperimentalBlockCanvas","BlockCanvas","SidebarBlockEditor","blockEditorSettings","sidebar","inserter","inspector","isInserterOpened","setIsInserterOpened","hasUploadPermissions","isFixedToolbarActive","keepCaretInsideBlock","isWelcomeGuideActive","select","_select$canUser","get","canUser","settings","mediaUploadBlockEditor","onError","argumentsObject","wpAllowedMimeTypes","allowedMimeTypes","message","__experimentalSetIsInserterOpened","mediaUpload","hasFixedToolbar","__unstableHasCustomAppender","createElement","Fragment","Register","undo","redo","save","shouldIframe","styles","defaultEditorStyles","height","renderAppender","onSubmit","event","preventDefault","contentContainer","onClose","closeMenu"],"sources":["@wordpress/customize-widgets/src/components/sidebar-block-editor/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { store as coreStore } from '@wordpress/core-data';\nimport { useSelect } from '@wordpress/data';\nimport { useMemo, createPortal } from '@wordpress/element';\nimport {\n\tBlockList,\n\tBlockTools,\n\tBlockInspector,\n\tprivateApis as blockEditorPrivateApis,\n\t__unstableBlockSettingsMenuFirstItem,\n} from '@wordpress/block-editor';\nimport { uploadMedia } from '@wordpress/media-utils';\nimport { store as preferencesStore } from '@wordpress/preferences';\n\n/**\n * Internal dependencies\n */\nimport BlockInspectorButton from '../block-inspector-button';\nimport Header from '../header';\nimport useInserter from '../inserter/use-inserter';\nimport SidebarEditorProvider from './sidebar-editor-provider';\nimport WelcomeGuide from '../welcome-guide';\nimport KeyboardShortcuts from '../keyboard-shortcuts';\nimport BlockAppender from '../block-appender';\nimport { unlock } from '../../lock-unlock';\n\nconst { ExperimentalBlockCanvas: BlockCanvas } = unlock(\n\tblockEditorPrivateApis\n);\n\nexport default function SidebarBlockEditor( {\n\tblockEditorSettings,\n\tsidebar,\n\tinserter,\n\tinspector,\n} ) {\n\tconst [ isInserterOpened, setIsInserterOpened ] = useInserter( inserter );\n\tconst {\n\t\thasUploadPermissions,\n\t\tisFixedToolbarActive,\n\t\tkeepCaretInsideBlock,\n\t\tisWelcomeGuideActive,\n\t} = useSelect( ( select ) => {\n\t\tconst { get } = select( preferencesStore );\n\t\treturn {\n\t\t\thasUploadPermissions:\n\t\t\t\tselect( coreStore ).canUser( 'create', 'media' ) ?? true,\n\t\t\tisFixedToolbarActive: !! get(\n\t\t\t\t'core/customize-widgets',\n\t\t\t\t'fixedToolbar'\n\t\t\t),\n\t\t\tkeepCaretInsideBlock: !! get(\n\t\t\t\t'core/customize-widgets',\n\t\t\t\t'keepCaretInsideBlock'\n\t\t\t),\n\t\t\tisWelcomeGuideActive: !! get(\n\t\t\t\t'core/customize-widgets',\n\t\t\t\t'welcomeGuide'\n\t\t\t),\n\t\t};\n\t}, [] );\n\tconst settings = useMemo( () => {\n\t\tlet mediaUploadBlockEditor;\n\t\tif ( hasUploadPermissions ) {\n\t\t\tmediaUploadBlockEditor = ( { onError, ...argumentsObject } ) => {\n\t\t\t\tuploadMedia( {\n\t\t\t\t\twpAllowedMimeTypes: blockEditorSettings.allowedMimeTypes,\n\t\t\t\t\tonError: ( { message } ) => onError( message ),\n\t\t\t\t\t...argumentsObject,\n\t\t\t\t} );\n\t\t\t};\n\t\t}\n\n\t\treturn {\n\t\t\t...blockEditorSettings,\n\t\t\t__experimentalSetIsInserterOpened: setIsInserterOpened,\n\t\t\tmediaUpload: mediaUploadBlockEditor,\n\t\t\thasFixedToolbar: isFixedToolbarActive,\n\t\t\tkeepCaretInsideBlock,\n\t\t\t__unstableHasCustomAppender: true,\n\t\t};\n\t}, [\n\t\thasUploadPermissions,\n\t\tblockEditorSettings,\n\t\tisFixedToolbarActive,\n\t\tkeepCaretInsideBlock,\n\t\tsetIsInserterOpened,\n\t] );\n\n\tif ( isWelcomeGuideActive ) {\n\t\treturn <WelcomeGuide sidebar={ sidebar } />;\n\t}\n\n\treturn (\n\t\t<>\n\t\t\t<KeyboardShortcuts.Register />\n\n\t\t\t<SidebarEditorProvider sidebar={ sidebar } settings={ settings }>\n\t\t\t\t<KeyboardShortcuts\n\t\t\t\t\tundo={ sidebar.undo }\n\t\t\t\t\tredo={ sidebar.redo }\n\t\t\t\t\tsave={ sidebar.save }\n\t\t\t\t/>\n\n\t\t\t\t<Header\n\t\t\t\t\tsidebar={ sidebar }\n\t\t\t\t\tinserter={ inserter }\n\t\t\t\t\tisInserterOpened={ isInserterOpened }\n\t\t\t\t\tsetIsInserterOpened={ setIsInserterOpened }\n\t\t\t\t\tisFixedToolbarActive={ isFixedToolbarActive }\n\t\t\t\t/>\n\n\t\t\t\t<BlockTools>\n\t\t\t\t\t<BlockCanvas\n\t\t\t\t\t\tshouldIframe={ false }\n\t\t\t\t\t\tstyles={ settings.defaultEditorStyles }\n\t\t\t\t\t\theight=\"100%\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<BlockList renderAppender={ BlockAppender } />\n\t\t\t\t\t</BlockCanvas>\n\t\t\t\t</BlockTools>\n\n\t\t\t\t{ createPortal(\n\t\t\t\t\t// This is a temporary hack to prevent button component inside <BlockInspector>\n\t\t\t\t\t// from submitting form when type=\"button\" is not specified.\n\t\t\t\t\t<form onSubmit={ ( event ) => event.preventDefault() }>\n\t\t\t\t\t\t<BlockInspector />\n\t\t\t\t\t</form>,\n\t\t\t\t\tinspector.contentContainer[ 0 ]\n\t\t\t\t) }\n\t\t\t</SidebarEditorProvider>\n\n\t\t\t<__unstableBlockSettingsMenuFirstItem>\n\t\t\t\t{ ( { onClose } ) => (\n\t\t\t\t\t<BlockInspectorButton\n\t\t\t\t\t\tinspector={ inspector }\n\t\t\t\t\t\tcloseMenu={ onClose }\n\t\t\t\t\t/>\n\t\t\t\t) }\n\t\t\t</__unstableBlockSettingsMenuFirstItem>\n\t\t</>\n\t);\n}\n"],"mappings":"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"}
|
|
@@ -247,10 +247,13 @@
|
|
|
247
247
|
top: 0;
|
|
248
248
|
margin-right: -12px;
|
|
249
249
|
margin-left: -12px;
|
|
250
|
-
width: calc(100% + 24px);
|
|
250
|
+
width: calc(100% + 24px) !important;
|
|
251
251
|
overflow-y: auto;
|
|
252
252
|
z-index: 7;
|
|
253
253
|
}
|
|
254
|
+
.block-editor-block-contextual-toolbar.is-fixed > .block-editor-block-toolbar__group-collapse-fixed-toolbar {
|
|
255
|
+
display: none;
|
|
256
|
+
}
|
|
254
257
|
|
|
255
258
|
.customize-control-sidebar_block_editor .block-editor-block-list__block-popover {
|
|
256
259
|
position: fixed !important;
|
package/build-style/style.css
CHANGED
|
@@ -247,10 +247,13 @@
|
|
|
247
247
|
top: 0;
|
|
248
248
|
margin-left: -12px;
|
|
249
249
|
margin-right: -12px;
|
|
250
|
-
width: calc(100% + 24px);
|
|
250
|
+
width: calc(100% + 24px) !important;
|
|
251
251
|
overflow-y: auto;
|
|
252
252
|
z-index: 7;
|
|
253
253
|
}
|
|
254
|
+
.block-editor-block-contextual-toolbar.is-fixed > .block-editor-block-toolbar__group-collapse-fixed-toolbar {
|
|
255
|
+
display: none;
|
|
256
|
+
}
|
|
254
257
|
|
|
255
258
|
.customize-control-sidebar_block_editor .block-editor-block-list__block-popover {
|
|
256
259
|
position: fixed !important;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@wordpress/customize-widgets",
|
|
3
|
-
"version": "4.
|
|
3
|
+
"version": "4.19.0",
|
|
4
4
|
"description": "Widgets blocks in Customizer Module for WordPress.",
|
|
5
5
|
"author": "The WordPress Contributors",
|
|
6
6
|
"license": "GPL-2.0-or-later",
|
|
@@ -24,26 +24,26 @@
|
|
|
24
24
|
"react-native": "src/index",
|
|
25
25
|
"dependencies": {
|
|
26
26
|
"@babel/runtime": "^7.16.0",
|
|
27
|
-
"@wordpress/block-editor": "^12.
|
|
28
|
-
"@wordpress/block-library": "^8.
|
|
29
|
-
"@wordpress/blocks": "^12.
|
|
30
|
-
"@wordpress/components": "^25.
|
|
31
|
-
"@wordpress/compose": "^6.
|
|
32
|
-
"@wordpress/core-data": "^6.
|
|
33
|
-
"@wordpress/data": "^9.
|
|
34
|
-
"@wordpress/dom": "^3.
|
|
35
|
-
"@wordpress/element": "^5.
|
|
36
|
-
"@wordpress/hooks": "^3.
|
|
37
|
-
"@wordpress/i18n": "^4.
|
|
38
|
-
"@wordpress/icons": "^9.
|
|
39
|
-
"@wordpress/interface": "^5.
|
|
40
|
-
"@wordpress/is-shallow-equal": "^4.
|
|
41
|
-
"@wordpress/keyboard-shortcuts": "^4.
|
|
42
|
-
"@wordpress/keycodes": "^3.
|
|
43
|
-
"@wordpress/media-utils": "^4.
|
|
44
|
-
"@wordpress/preferences": "^3.
|
|
45
|
-
"@wordpress/private-apis": "^0.
|
|
46
|
-
"@wordpress/widgets": "^3.
|
|
27
|
+
"@wordpress/block-editor": "^12.10.0",
|
|
28
|
+
"@wordpress/block-library": "^8.19.0",
|
|
29
|
+
"@wordpress/blocks": "^12.19.0",
|
|
30
|
+
"@wordpress/components": "^25.8.0",
|
|
31
|
+
"@wordpress/compose": "^6.19.0",
|
|
32
|
+
"@wordpress/core-data": "^6.19.0",
|
|
33
|
+
"@wordpress/data": "^9.12.0",
|
|
34
|
+
"@wordpress/dom": "^3.42.0",
|
|
35
|
+
"@wordpress/element": "^5.19.0",
|
|
36
|
+
"@wordpress/hooks": "^3.42.0",
|
|
37
|
+
"@wordpress/i18n": "^4.42.0",
|
|
38
|
+
"@wordpress/icons": "^9.33.0",
|
|
39
|
+
"@wordpress/interface": "^5.19.0",
|
|
40
|
+
"@wordpress/is-shallow-equal": "^4.42.0",
|
|
41
|
+
"@wordpress/keyboard-shortcuts": "^4.19.0",
|
|
42
|
+
"@wordpress/keycodes": "^3.42.0",
|
|
43
|
+
"@wordpress/media-utils": "^4.33.0",
|
|
44
|
+
"@wordpress/preferences": "^3.19.0",
|
|
45
|
+
"@wordpress/private-apis": "^0.24.0",
|
|
46
|
+
"@wordpress/widgets": "^3.19.0",
|
|
47
47
|
"classnames": "^2.3.1",
|
|
48
48
|
"fast-deep-equal": "^3.1.3"
|
|
49
49
|
},
|
|
@@ -54,5 +54,5 @@
|
|
|
54
54
|
"publishConfig": {
|
|
55
55
|
"access": "public"
|
|
56
56
|
},
|
|
57
|
-
"gitHead": "
|
|
57
|
+
"gitHead": "cc35f517ed017ab7131319af3e87c359e8de175d"
|
|
58
58
|
}
|
|
@@ -3,7 +3,6 @@
|
|
|
3
3
|
*/
|
|
4
4
|
import { useState, useEffect, useRef, createPortal } from '@wordpress/element';
|
|
5
5
|
import { SlotFillProvider, Popover } from '@wordpress/components';
|
|
6
|
-
import { ShortcutProvider } from '@wordpress/keyboard-shortcuts';
|
|
7
6
|
|
|
8
7
|
/**
|
|
9
8
|
* Internal dependencies
|
|
@@ -68,21 +67,16 @@ export default function CustomizeWidgets( {
|
|
|
68
67
|
);
|
|
69
68
|
|
|
70
69
|
return (
|
|
71
|
-
<
|
|
72
|
-
<
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
>
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
{ popover }
|
|
83
|
-
</FocusControl>
|
|
84
|
-
</SidebarControls>
|
|
85
|
-
</SlotFillProvider>
|
|
86
|
-
</ShortcutProvider>
|
|
70
|
+
<SlotFillProvider>
|
|
71
|
+
<SidebarControls
|
|
72
|
+
sidebarControls={ sidebarControls }
|
|
73
|
+
activeSidebarControl={ activeSidebarControl }
|
|
74
|
+
>
|
|
75
|
+
<FocusControl api={ api } sidebarControls={ sidebarControls }>
|
|
76
|
+
{ activeSidebar }
|
|
77
|
+
{ popover }
|
|
78
|
+
</FocusControl>
|
|
79
|
+
</SidebarControls>
|
|
80
|
+
</SlotFillProvider>
|
|
87
81
|
);
|
|
88
82
|
}
|
|
@@ -7,12 +7,9 @@ import { useMemo, createPortal } from '@wordpress/element';
|
|
|
7
7
|
import {
|
|
8
8
|
BlockList,
|
|
9
9
|
BlockTools,
|
|
10
|
-
BlockSelectionClearer,
|
|
11
10
|
BlockInspector,
|
|
12
|
-
|
|
13
|
-
WritingFlow,
|
|
11
|
+
privateApis as blockEditorPrivateApis,
|
|
14
12
|
__unstableBlockSettingsMenuFirstItem,
|
|
15
|
-
__unstableEditorStyles as EditorStyles,
|
|
16
13
|
} from '@wordpress/block-editor';
|
|
17
14
|
import { uploadMedia } from '@wordpress/media-utils';
|
|
18
15
|
import { store as preferencesStore } from '@wordpress/preferences';
|
|
@@ -27,6 +24,11 @@ import SidebarEditorProvider from './sidebar-editor-provider';
|
|
|
27
24
|
import WelcomeGuide from '../welcome-guide';
|
|
28
25
|
import KeyboardShortcuts from '../keyboard-shortcuts';
|
|
29
26
|
import BlockAppender from '../block-appender';
|
|
27
|
+
import { unlock } from '../../lock-unlock';
|
|
28
|
+
|
|
29
|
+
const { ExperimentalBlockCanvas: BlockCanvas } = unlock(
|
|
30
|
+
blockEditorPrivateApis
|
|
31
|
+
);
|
|
30
32
|
|
|
31
33
|
export default function SidebarBlockEditor( {
|
|
32
34
|
blockEditorSettings,
|
|
@@ -110,16 +112,15 @@ export default function SidebarBlockEditor( {
|
|
|
110
112
|
isFixedToolbarActive={ isFixedToolbarActive }
|
|
111
113
|
/>
|
|
112
114
|
|
|
113
|
-
<
|
|
114
|
-
<
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
</CopyHandler>
|
|
115
|
+
<BlockTools>
|
|
116
|
+
<BlockCanvas
|
|
117
|
+
shouldIframe={ false }
|
|
118
|
+
styles={ settings.defaultEditorStyles }
|
|
119
|
+
height="100%"
|
|
120
|
+
>
|
|
121
|
+
<BlockList renderAppender={ BlockAppender } />
|
|
122
|
+
</BlockCanvas>
|
|
123
|
+
</BlockTools>
|
|
123
124
|
|
|
124
125
|
{ createPortal(
|
|
125
126
|
// This is a temporary hack to prevent button component inside <BlockInspector>
|
|
@@ -5,7 +5,13 @@
|
|
|
5
5
|
// Offset the customizer's sidebar padding.
|
|
6
6
|
margin-left: -$grid-unit-15;
|
|
7
7
|
margin-right: -$grid-unit-15;
|
|
8
|
-
|
|
8
|
+
// added important to override the inline style coming from
|
|
9
|
+
// the block-editor/block-contextual-toolbar component.
|
|
10
|
+
width: calc(100% + #{ $grid-unit-30 }) !important;
|
|
11
|
+
|
|
12
|
+
& > .block-editor-block-toolbar__group-collapse-fixed-toolbar {
|
|
13
|
+
display: none;
|
|
14
|
+
}
|
|
9
15
|
|
|
10
16
|
// Scroll sideways.
|
|
11
17
|
overflow-y: auto;
|