@wordpress/block-editor 14.3.5 → 14.3.7
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/README.md +6 -2
- package/build/components/block-list/block.js +0 -3
- package/build/components/block-list/block.js.map +1 -1
- package/build/components/block-list/use-block-props/index.js +1 -4
- package/build/components/block-list/use-block-props/index.js.map +1 -1
- package/build/components/block-list/use-block-props/use-selected-block-event-handlers.js +14 -6
- package/build/components/block-list/use-block-props/use-selected-block-event-handlers.js.map +1 -1
- package/build/components/block-list/use-block-props/use-zoom-out-mode-exit.js +9 -12
- package/build/components/block-list/use-block-props/use-zoom-out-mode-exit.js.map +1 -1
- package/build/components/block-list/zoom-out-separator.js +10 -7
- package/build/components/block-list/zoom-out-separator.js.map +1 -1
- package/build/components/block-popover/index.js +1 -1
- package/build/components/block-popover/index.js.map +1 -1
- package/build/components/block-toolbar/index.js +28 -16
- package/build/components/block-toolbar/index.js.map +1 -1
- package/build/components/block-toolbar/use-has-block-toolbar.js +3 -3
- package/build/components/block-toolbar/use-has-block-toolbar.js.map +1 -1
- package/build/components/block-tools/index.js +1 -6
- package/build/components/block-tools/index.js.map +1 -1
- package/build/components/block-tools/use-show-block-tools.js +4 -6
- package/build/components/block-tools/use-show-block-tools.js.map +1 -1
- package/build/components/block-tools/zoom-out-mode-inserters.js +22 -36
- package/build/components/block-tools/zoom-out-mode-inserters.js.map +1 -1
- package/build/components/iframe/index.js +45 -10
- package/build/components/iframe/index.js.map +1 -1
- package/build/components/inserter/block-patterns-tab/index.js +4 -0
- package/build/components/inserter/block-patterns-tab/index.js.map +1 -1
- package/build/components/inserter/hooks/use-insertion-point.js +16 -4
- package/build/components/inserter/hooks/use-insertion-point.js.map +1 -1
- package/build/components/inserter/media-tab/media-tab.js +4 -0
- package/build/components/inserter/media-tab/media-tab.js.map +1 -1
- package/build/components/inserter/menu.js +8 -2
- package/build/components/inserter/menu.js.map +1 -1
- package/build/components/tool-selector/index.js +5 -1
- package/build/components/tool-selector/index.js.map +1 -1
- package/build/components/use-resize-canvas/index.js +1 -2
- package/build/components/use-resize-canvas/index.js.map +1 -1
- package/build/hooks/block-bindings.js +12 -1
- package/build/hooks/block-bindings.js.map +1 -1
- package/build/hooks/grid-visualizer.js +13 -11
- package/build/hooks/grid-visualizer.js.map +1 -1
- package/build/hooks/layout-child.js +41 -3
- package/build/hooks/layout-child.js.map +1 -1
- package/build/hooks/use-zoom-out.js +24 -16
- package/build/hooks/use-zoom-out.js.map +1 -1
- package/build/private-apis.js +2 -0
- package/build/private-apis.js.map +1 -1
- package/build/store/private-selectors.js +37 -2
- package/build/store/private-selectors.js.map +1 -1
- package/build/store/selectors.js +15 -8
- package/build/store/selectors.js.map +1 -1
- package/build/utils/block-bindings.js +9 -6
- package/build/utils/block-bindings.js.map +1 -1
- package/build-module/components/block-list/block.js +0 -3
- package/build-module/components/block-list/block.js.map +1 -1
- package/build-module/components/block-list/use-block-props/index.js +1 -4
- package/build-module/components/block-list/use-block-props/index.js.map +1 -1
- package/build-module/components/block-list/use-block-props/use-selected-block-event-handlers.js +14 -6
- package/build-module/components/block-list/use-block-props/use-selected-block-event-handlers.js.map +1 -1
- package/build-module/components/block-list/use-block-props/use-zoom-out-mode-exit.js +9 -12
- package/build-module/components/block-list/use-block-props/use-zoom-out-mode-exit.js.map +1 -1
- package/build-module/components/block-list/zoom-out-separator.js +10 -7
- package/build-module/components/block-list/zoom-out-separator.js.map +1 -1
- package/build-module/components/block-popover/index.js +1 -1
- package/build-module/components/block-popover/index.js.map +1 -1
- package/build-module/components/block-toolbar/index.js +30 -18
- package/build-module/components/block-toolbar/index.js.map +1 -1
- package/build-module/components/block-toolbar/use-has-block-toolbar.js +3 -3
- package/build-module/components/block-toolbar/use-has-block-toolbar.js.map +1 -1
- package/build-module/components/block-tools/index.js +1 -6
- package/build-module/components/block-tools/index.js.map +1 -1
- package/build-module/components/block-tools/use-show-block-tools.js +4 -6
- package/build-module/components/block-tools/use-show-block-tools.js.map +1 -1
- package/build-module/components/block-tools/zoom-out-mode-inserters.js +22 -36
- package/build-module/components/block-tools/zoom-out-mode-inserters.js.map +1 -1
- package/build-module/components/iframe/index.js +45 -10
- package/build-module/components/iframe/index.js.map +1 -1
- package/build-module/components/inserter/block-patterns-tab/index.js +5 -1
- package/build-module/components/inserter/block-patterns-tab/index.js.map +1 -1
- package/build-module/components/inserter/hooks/use-insertion-point.js +16 -4
- package/build-module/components/inserter/hooks/use-insertion-point.js.map +1 -1
- package/build-module/components/inserter/media-tab/media-tab.js +5 -1
- package/build-module/components/inserter/media-tab/media-tab.js.map +1 -1
- package/build-module/components/inserter/menu.js +8 -2
- package/build-module/components/inserter/menu.js.map +1 -1
- package/build-module/components/tool-selector/index.js +5 -1
- package/build-module/components/tool-selector/index.js.map +1 -1
- package/build-module/components/use-resize-canvas/index.js +1 -2
- package/build-module/components/use-resize-canvas/index.js.map +1 -1
- package/build-module/hooks/block-bindings.js +13 -2
- package/build-module/hooks/block-bindings.js.map +1 -1
- package/build-module/hooks/grid-visualizer.js +13 -11
- package/build-module/hooks/grid-visualizer.js.map +1 -1
- package/build-module/hooks/layout-child.js +41 -3
- package/build-module/hooks/layout-child.js.map +1 -1
- package/build-module/hooks/use-zoom-out.js +24 -17
- package/build-module/hooks/use-zoom-out.js.map +1 -1
- package/build-module/private-apis.js +2 -0
- package/build-module/private-apis.js.map +1 -1
- package/build-module/store/private-selectors.js +35 -2
- package/build-module/store/private-selectors.js.map +1 -1
- package/build-module/store/selectors.js +15 -8
- package/build-module/store/selectors.js.map +1 -1
- package/build-module/utils/block-bindings.js +9 -6
- package/build-module/utils/block-bindings.js.map +1 -1
- package/build-style/content-rtl.css +19 -26
- package/build-style/content.css +19 -26
- package/build-style/style-rtl.css +36 -21
- package/build-style/style.css +36 -21
- package/package.json +6 -6
- package/src/components/block-canvas/style.scss +1 -0
- package/src/components/block-list/block.js +0 -3
- package/src/components/block-list/content.scss +3 -2
- package/src/components/block-list/use-block-props/index.js +1 -2
- package/src/components/block-list/use-block-props/use-selected-block-event-handlers.js +25 -4
- package/src/components/block-list/use-block-props/use-zoom-out-mode-exit.js +19 -11
- package/src/components/block-list/zoom-out-separator.js +8 -6
- package/src/components/block-popover/index.js +2 -2
- package/src/components/block-toolbar/index.js +37 -24
- package/src/components/block-toolbar/style.scss +10 -1
- package/src/components/block-toolbar/use-has-block-toolbar.js +19 -28
- package/src/components/block-tools/index.js +0 -9
- package/src/components/block-tools/style.scss +2 -26
- package/src/components/block-tools/use-show-block-tools.js +2 -10
- package/src/components/block-tools/zoom-out-mode-inserters.js +26 -50
- package/src/components/iframe/content.scss +23 -32
- package/src/components/iframe/index.js +60 -13
- package/src/components/iframe/style.scss +18 -0
- package/src/components/inserter/block-patterns-tab/index.js +6 -1
- package/src/components/inserter/hooks/use-insertion-point.js +23 -5
- package/src/components/inserter/media-tab/media-tab.js +6 -1
- package/src/components/inserter/menu.js +12 -1
- package/src/components/inserter/style.scss +6 -0
- package/src/components/list-view/style.scss +9 -0
- package/src/components/rich-text/style.scss +5 -0
- package/src/components/tool-selector/index.js +5 -2
- package/src/components/use-resize-canvas/index.js +1 -3
- package/src/hooks/block-bindings.js +40 -23
- package/src/hooks/grid-visualizer.js +23 -9
- package/src/hooks/layout-child.js +48 -3
- package/src/hooks/use-zoom-out.js +36 -20
- package/src/private-apis.js +2 -0
- package/src/store/private-selectors.js +40 -1
- package/src/store/selectors.js +16 -8
- package/src/style.scss +1 -0
- package/src/utils/block-bindings.js +9 -6
- package/src/utils/test/use-block-bindings-utils.js +174 -0
- package/build/components/block-tools/zoom-out-popover.js +0 -57
- package/build/components/block-tools/zoom-out-popover.js.map +0 -1
- package/build/components/block-tools/zoom-out-toolbar.js +0 -159
- package/build/components/block-tools/zoom-out-toolbar.js.map +0 -1
- package/build-module/components/block-tools/zoom-out-popover.js +0 -48
- package/build-module/components/block-tools/zoom-out-popover.js.map +0 -1
- package/build-module/components/block-tools/zoom-out-toolbar.js +0 -152
- package/build-module/components/block-tools/zoom-out-toolbar.js.map +0 -1
- package/src/components/block-tools/zoom-out-popover.js +0 -46
- package/src/components/block-tools/zoom-out-toolbar.js +0 -167
|
@@ -1,48 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* External dependencies
|
|
3
|
-
*/
|
|
4
|
-
import clsx from 'clsx';
|
|
5
|
-
/**
|
|
6
|
-
* Internal dependencies
|
|
7
|
-
*/
|
|
8
|
-
import BlockPopover from '../block-popover';
|
|
9
|
-
import useBlockToolbarPopoverProps from './use-block-toolbar-popover-props';
|
|
10
|
-
import useSelectedBlockToolProps from './use-selected-block-tool-props';
|
|
11
|
-
import ZoomOutToolbar from './zoom-out-toolbar';
|
|
12
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
13
|
-
export default function ZoomOutPopover({
|
|
14
|
-
clientId,
|
|
15
|
-
__unstableContentRef
|
|
16
|
-
}) {
|
|
17
|
-
const {
|
|
18
|
-
capturingClientId,
|
|
19
|
-
isInsertionPointVisible,
|
|
20
|
-
lastClientId
|
|
21
|
-
} = useSelectedBlockToolProps(clientId);
|
|
22
|
-
const popoverProps = useBlockToolbarPopoverProps({
|
|
23
|
-
contentElement: __unstableContentRef?.current,
|
|
24
|
-
clientId
|
|
25
|
-
});
|
|
26
|
-
|
|
27
|
-
// Override some of the popover props for the zoom-out toolbar.
|
|
28
|
-
const props = {
|
|
29
|
-
...popoverProps,
|
|
30
|
-
placement: 'left-start',
|
|
31
|
-
flip: false,
|
|
32
|
-
shift: true
|
|
33
|
-
};
|
|
34
|
-
return /*#__PURE__*/_jsx(BlockPopover, {
|
|
35
|
-
clientId: capturingClientId || clientId,
|
|
36
|
-
bottomClientId: lastClientId,
|
|
37
|
-
className: clsx('zoom-out-toolbar-popover', {
|
|
38
|
-
'is-insertion-point-visible': isInsertionPointVisible
|
|
39
|
-
}),
|
|
40
|
-
resize: false,
|
|
41
|
-
...props,
|
|
42
|
-
children: /*#__PURE__*/_jsx(ZoomOutToolbar, {
|
|
43
|
-
__unstableContentRef: __unstableContentRef,
|
|
44
|
-
clientId: clientId
|
|
45
|
-
})
|
|
46
|
-
});
|
|
47
|
-
}
|
|
48
|
-
//# sourceMappingURL=zoom-out-popover.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":["clsx","BlockPopover","useBlockToolbarPopoverProps","useSelectedBlockToolProps","ZoomOutToolbar","jsx","_jsx","ZoomOutPopover","clientId","__unstableContentRef","capturingClientId","isInsertionPointVisible","lastClientId","popoverProps","contentElement","current","props","placement","flip","shift","bottomClientId","className","resize","children"],"sources":["@wordpress/block-editor/src/components/block-tools/zoom-out-popover.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport clsx from 'clsx';\n/**\n * Internal dependencies\n */\nimport BlockPopover from '../block-popover';\nimport useBlockToolbarPopoverProps from './use-block-toolbar-popover-props';\nimport useSelectedBlockToolProps from './use-selected-block-tool-props';\nimport ZoomOutToolbar from './zoom-out-toolbar';\n\nexport default function ZoomOutPopover( { clientId, __unstableContentRef } ) {\n\tconst { capturingClientId, isInsertionPointVisible, lastClientId } =\n\t\tuseSelectedBlockToolProps( clientId );\n\n\tconst popoverProps = useBlockToolbarPopoverProps( {\n\t\tcontentElement: __unstableContentRef?.current,\n\t\tclientId,\n\t} );\n\n\t// Override some of the popover props for the zoom-out toolbar.\n\tconst props = {\n\t\t...popoverProps,\n\t\tplacement: 'left-start',\n\t\tflip: false,\n\t\tshift: true,\n\t};\n\n\treturn (\n\t\t<BlockPopover\n\t\t\tclientId={ capturingClientId || clientId }\n\t\t\tbottomClientId={ lastClientId }\n\t\t\tclassName={ clsx( 'zoom-out-toolbar-popover', {\n\t\t\t\t'is-insertion-point-visible': isInsertionPointVisible,\n\t\t\t} ) }\n\t\t\tresize={ false }\n\t\t\t{ ...props }\n\t\t>\n\t\t\t<ZoomOutToolbar\n\t\t\t\t__unstableContentRef={ __unstableContentRef }\n\t\t\t\tclientId={ clientId }\n\t\t\t/>\n\t\t</BlockPopover>\n\t);\n}\n"],"mappings":"AAAA;AACA;AACA;AACA,OAAOA,IAAI,MAAM,MAAM;AACvB;AACA;AACA;AACA,OAAOC,YAAY,MAAM,kBAAkB;AAC3C,OAAOC,2BAA2B,MAAM,mCAAmC;AAC3E,OAAOC,yBAAyB,MAAM,iCAAiC;AACvE,OAAOC,cAAc,MAAM,oBAAoB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAEhD,eAAe,SAASC,cAAcA,CAAE;EAAEC,QAAQ;EAAEC;AAAqB,CAAC,EAAG;EAC5E,MAAM;IAAEC,iBAAiB;IAAEC,uBAAuB;IAAEC;EAAa,CAAC,GACjET,yBAAyB,CAAEK,QAAS,CAAC;EAEtC,MAAMK,YAAY,GAAGX,2BAA2B,CAAE;IACjDY,cAAc,EAAEL,oBAAoB,EAAEM,OAAO;IAC7CP;EACD,CAAE,CAAC;;EAEH;EACA,MAAMQ,KAAK,GAAG;IACb,GAAGH,YAAY;IACfI,SAAS,EAAE,YAAY;IACvBC,IAAI,EAAE,KAAK;IACXC,KAAK,EAAE;EACR,CAAC;EAED,oBACCb,IAAA,CAACL,YAAY;IACZO,QAAQ,EAAGE,iBAAiB,IAAIF,QAAU;IAC1CY,cAAc,EAAGR,YAAc;IAC/BS,SAAS,EAAGrB,IAAI,CAAE,0BAA0B,EAAE;MAC7C,4BAA4B,EAAEW;IAC/B,CAAE,CAAG;IACLW,MAAM,EAAG,KAAO;IAAA,GACXN,KAAK;IAAAO,QAAA,eAEVjB,IAAA,CAACF,cAAc;MACdK,oBAAoB,EAAGA,oBAAsB;MAC7CD,QAAQ,EAAGA;IAAU,CACrB;EAAC,CACW,CAAC;AAEjB","ignoreList":[]}
|
|
@@ -1,152 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* External dependencies
|
|
3
|
-
*/
|
|
4
|
-
import clsx from 'clsx';
|
|
5
|
-
|
|
6
|
-
/**
|
|
7
|
-
* WordPress dependencies
|
|
8
|
-
*/
|
|
9
|
-
import { dragHandle, trash, edit } from '@wordpress/icons';
|
|
10
|
-
import { Button, ToolbarButton } from '@wordpress/components';
|
|
11
|
-
import { useSelect, useDispatch } from '@wordpress/data';
|
|
12
|
-
import { store as blocksStore } from '@wordpress/blocks';
|
|
13
|
-
import { __ } from '@wordpress/i18n';
|
|
14
|
-
|
|
15
|
-
/**
|
|
16
|
-
* Internal dependencies
|
|
17
|
-
*/
|
|
18
|
-
import { store as blockEditorStore } from '../../store';
|
|
19
|
-
import BlockDraggable from '../block-draggable';
|
|
20
|
-
import BlockMover from '../block-mover';
|
|
21
|
-
import Shuffle from '../block-toolbar/shuffle';
|
|
22
|
-
import NavigableToolbar from '../navigable-toolbar';
|
|
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
|
-
export default function ZoomOutToolbar({
|
|
27
|
-
clientId,
|
|
28
|
-
__unstableContentRef
|
|
29
|
-
}) {
|
|
30
|
-
const selected = useSelect(select => {
|
|
31
|
-
const {
|
|
32
|
-
getBlock,
|
|
33
|
-
hasBlockMovingClientId,
|
|
34
|
-
getNextBlockClientId,
|
|
35
|
-
getPreviousBlockClientId,
|
|
36
|
-
canRemoveBlock,
|
|
37
|
-
canMoveBlock,
|
|
38
|
-
getSettings
|
|
39
|
-
} = select(blockEditorStore);
|
|
40
|
-
const {
|
|
41
|
-
__experimentalSetIsInserterOpened: setIsInserterOpened
|
|
42
|
-
} = getSettings();
|
|
43
|
-
const {
|
|
44
|
-
getBlockType
|
|
45
|
-
} = select(blocksStore);
|
|
46
|
-
const {
|
|
47
|
-
name
|
|
48
|
-
} = getBlock(clientId);
|
|
49
|
-
const blockType = getBlockType(name);
|
|
50
|
-
const isBlockTemplatePart = blockType?.name === 'core/template-part';
|
|
51
|
-
let isNextBlockTemplatePart = false;
|
|
52
|
-
const nextClientId = getNextBlockClientId();
|
|
53
|
-
if (nextClientId) {
|
|
54
|
-
const {
|
|
55
|
-
name: nextName
|
|
56
|
-
} = getBlock(nextClientId);
|
|
57
|
-
const nextBlockType = getBlockType(nextName);
|
|
58
|
-
isNextBlockTemplatePart = nextBlockType?.name === 'core/template-part';
|
|
59
|
-
}
|
|
60
|
-
let isPrevBlockTemplatePart = false;
|
|
61
|
-
const prevClientId = getPreviousBlockClientId();
|
|
62
|
-
if (prevClientId) {
|
|
63
|
-
const {
|
|
64
|
-
name: prevName
|
|
65
|
-
} = getBlock(prevClientId);
|
|
66
|
-
const prevBlockType = getBlockType(prevName);
|
|
67
|
-
isPrevBlockTemplatePart = prevBlockType?.name === 'core/template-part';
|
|
68
|
-
}
|
|
69
|
-
return {
|
|
70
|
-
blockMovingMode: hasBlockMovingClientId(),
|
|
71
|
-
isBlockTemplatePart,
|
|
72
|
-
isNextBlockTemplatePart,
|
|
73
|
-
isPrevBlockTemplatePart,
|
|
74
|
-
canRemove: canRemoveBlock(clientId),
|
|
75
|
-
canMove: canMoveBlock(clientId),
|
|
76
|
-
setIsInserterOpened
|
|
77
|
-
};
|
|
78
|
-
}, [clientId]);
|
|
79
|
-
const {
|
|
80
|
-
blockMovingMode,
|
|
81
|
-
isBlockTemplatePart,
|
|
82
|
-
isNextBlockTemplatePart,
|
|
83
|
-
isPrevBlockTemplatePart,
|
|
84
|
-
canRemove,
|
|
85
|
-
canMove,
|
|
86
|
-
setIsInserterOpened
|
|
87
|
-
} = selected;
|
|
88
|
-
const {
|
|
89
|
-
removeBlock,
|
|
90
|
-
__unstableSetEditorMode,
|
|
91
|
-
resetZoomLevel
|
|
92
|
-
} = unlock(useDispatch(blockEditorStore));
|
|
93
|
-
const classNames = clsx('zoom-out-toolbar', {
|
|
94
|
-
'is-block-moving-mode': !!blockMovingMode
|
|
95
|
-
});
|
|
96
|
-
const showBlockDraggable = canMove && !isBlockTemplatePart;
|
|
97
|
-
return /*#__PURE__*/_jsxs(NavigableToolbar, {
|
|
98
|
-
className: classNames
|
|
99
|
-
/* translators: accessibility text for the block toolbar */,
|
|
100
|
-
"aria-label": __('Block tools')
|
|
101
|
-
// The variant is applied as "toolbar" when undefined, which is the black border style of the dropdown from the toolbar popover.
|
|
102
|
-
,
|
|
103
|
-
variant: "unstyled",
|
|
104
|
-
orientation: "vertical",
|
|
105
|
-
children: [showBlockDraggable && /*#__PURE__*/_jsx(BlockDraggable, {
|
|
106
|
-
clientIds: [clientId],
|
|
107
|
-
children: draggableProps => /*#__PURE__*/_jsx(Button, {
|
|
108
|
-
icon: dragHandle,
|
|
109
|
-
className: "block-selection-button_drag-handle zoom-out-toolbar-button",
|
|
110
|
-
label: __('Drag'),
|
|
111
|
-
iconSize: 24,
|
|
112
|
-
size: "compact"
|
|
113
|
-
// Should not be able to tab to drag handle as this
|
|
114
|
-
// button can only be used with a pointer device.
|
|
115
|
-
,
|
|
116
|
-
tabIndex: "-1",
|
|
117
|
-
...draggableProps
|
|
118
|
-
})
|
|
119
|
-
}), !isBlockTemplatePart && /*#__PURE__*/_jsx(BlockMover, {
|
|
120
|
-
clientIds: [clientId],
|
|
121
|
-
hideDragHandle: true,
|
|
122
|
-
isBlockMoverUpButtonDisabled: isPrevBlockTemplatePart,
|
|
123
|
-
isBlockMoverDownButtonDisabled: isNextBlockTemplatePart,
|
|
124
|
-
iconSize: 24,
|
|
125
|
-
size: "compact"
|
|
126
|
-
}), canMove && canRemove && /*#__PURE__*/_jsx(Shuffle, {
|
|
127
|
-
clientId: clientId,
|
|
128
|
-
as: ToolbarButton
|
|
129
|
-
}), !isBlockTemplatePart && /*#__PURE__*/_jsx(ToolbarButton, {
|
|
130
|
-
className: "zoom-out-toolbar-button",
|
|
131
|
-
icon: edit,
|
|
132
|
-
label: __('Edit'),
|
|
133
|
-
onClick: () => {
|
|
134
|
-
// Setting may be undefined.
|
|
135
|
-
if (typeof setIsInserterOpened === 'function') {
|
|
136
|
-
setIsInserterOpened(false);
|
|
137
|
-
}
|
|
138
|
-
__unstableSetEditorMode('edit');
|
|
139
|
-
resetZoomLevel();
|
|
140
|
-
__unstableContentRef.current?.focus();
|
|
141
|
-
}
|
|
142
|
-
}), canRemove && !isBlockTemplatePart && /*#__PURE__*/_jsx(ToolbarButton, {
|
|
143
|
-
className: "zoom-out-toolbar-button",
|
|
144
|
-
icon: trash,
|
|
145
|
-
label: __('Delete'),
|
|
146
|
-
onClick: () => {
|
|
147
|
-
removeBlock(clientId);
|
|
148
|
-
}
|
|
149
|
-
})]
|
|
150
|
-
});
|
|
151
|
-
}
|
|
152
|
-
//# sourceMappingURL=zoom-out-toolbar.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":["clsx","dragHandle","trash","edit","Button","ToolbarButton","useSelect","useDispatch","store","blocksStore","__","blockEditorStore","BlockDraggable","BlockMover","Shuffle","NavigableToolbar","unlock","jsx","_jsx","jsxs","_jsxs","ZoomOutToolbar","clientId","__unstableContentRef","selected","select","getBlock","hasBlockMovingClientId","getNextBlockClientId","getPreviousBlockClientId","canRemoveBlock","canMoveBlock","getSettings","__experimentalSetIsInserterOpened","setIsInserterOpened","getBlockType","name","blockType","isBlockTemplatePart","isNextBlockTemplatePart","nextClientId","nextName","nextBlockType","isPrevBlockTemplatePart","prevClientId","prevName","prevBlockType","blockMovingMode","canRemove","canMove","removeBlock","__unstableSetEditorMode","resetZoomLevel","classNames","showBlockDraggable","className","variant","orientation","children","clientIds","draggableProps","icon","label","iconSize","size","tabIndex","hideDragHandle","isBlockMoverUpButtonDisabled","isBlockMoverDownButtonDisabled","as","onClick","current","focus"],"sources":["@wordpress/block-editor/src/components/block-tools/zoom-out-toolbar.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport clsx from 'clsx';\n\n/**\n * WordPress dependencies\n */\nimport { dragHandle, trash, edit } from '@wordpress/icons';\nimport { Button, ToolbarButton } from '@wordpress/components';\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport { store as blocksStore } from '@wordpress/blocks';\nimport { __ } from '@wordpress/i18n';\n\n/**\n * Internal dependencies\n */\nimport { store as blockEditorStore } from '../../store';\nimport BlockDraggable from '../block-draggable';\nimport BlockMover from '../block-mover';\nimport Shuffle from '../block-toolbar/shuffle';\nimport NavigableToolbar from '../navigable-toolbar';\nimport { unlock } from '../../lock-unlock';\n\nexport default function ZoomOutToolbar( { clientId, __unstableContentRef } ) {\n\tconst selected = useSelect(\n\t\t( select ) => {\n\t\t\tconst {\n\t\t\t\tgetBlock,\n\t\t\t\thasBlockMovingClientId,\n\t\t\t\tgetNextBlockClientId,\n\t\t\t\tgetPreviousBlockClientId,\n\t\t\t\tcanRemoveBlock,\n\t\t\t\tcanMoveBlock,\n\t\t\t\tgetSettings,\n\t\t\t} = select( blockEditorStore );\n\n\t\t\tconst { __experimentalSetIsInserterOpened: setIsInserterOpened } =\n\t\t\t\tgetSettings();\n\n\t\t\tconst { getBlockType } = select( blocksStore );\n\t\t\tconst { name } = getBlock( clientId );\n\t\t\tconst blockType = getBlockType( name );\n\t\t\tconst isBlockTemplatePart =\n\t\t\t\tblockType?.name === 'core/template-part';\n\n\t\t\tlet isNextBlockTemplatePart = false;\n\t\t\tconst nextClientId = getNextBlockClientId();\n\t\t\tif ( nextClientId ) {\n\t\t\t\tconst { name: nextName } = getBlock( nextClientId );\n\t\t\t\tconst nextBlockType = getBlockType( nextName );\n\t\t\t\tisNextBlockTemplatePart =\n\t\t\t\t\tnextBlockType?.name === 'core/template-part';\n\t\t\t}\n\n\t\t\tlet isPrevBlockTemplatePart = false;\n\t\t\tconst prevClientId = getPreviousBlockClientId();\n\t\t\tif ( prevClientId ) {\n\t\t\t\tconst { name: prevName } = getBlock( prevClientId );\n\t\t\t\tconst prevBlockType = getBlockType( prevName );\n\t\t\t\tisPrevBlockTemplatePart =\n\t\t\t\t\tprevBlockType?.name === 'core/template-part';\n\t\t\t}\n\n\t\t\treturn {\n\t\t\t\tblockMovingMode: hasBlockMovingClientId(),\n\t\t\t\tisBlockTemplatePart,\n\t\t\t\tisNextBlockTemplatePart,\n\t\t\t\tisPrevBlockTemplatePart,\n\t\t\t\tcanRemove: canRemoveBlock( clientId ),\n\t\t\t\tcanMove: canMoveBlock( clientId ),\n\t\t\t\tsetIsInserterOpened,\n\t\t\t};\n\t\t},\n\t\t[ clientId ]\n\t);\n\n\tconst {\n\t\tblockMovingMode,\n\t\tisBlockTemplatePart,\n\t\tisNextBlockTemplatePart,\n\t\tisPrevBlockTemplatePart,\n\t\tcanRemove,\n\t\tcanMove,\n\t\tsetIsInserterOpened,\n\t} = selected;\n\n\tconst { removeBlock, __unstableSetEditorMode, resetZoomLevel } = unlock(\n\t\tuseDispatch( blockEditorStore )\n\t);\n\n\tconst classNames = clsx( 'zoom-out-toolbar', {\n\t\t'is-block-moving-mode': !! blockMovingMode,\n\t} );\n\n\tconst showBlockDraggable = canMove && ! isBlockTemplatePart;\n\n\treturn (\n\t\t<NavigableToolbar\n\t\t\tclassName={ classNames }\n\t\t\t/* translators: accessibility text for the block toolbar */\n\t\t\taria-label={ __( 'Block tools' ) }\n\t\t\t// The variant is applied as \"toolbar\" when undefined, which is the black border style of the dropdown from the toolbar popover.\n\t\t\tvariant=\"unstyled\"\n\t\t\torientation=\"vertical\"\n\t\t>\n\t\t\t{ showBlockDraggable && (\n\t\t\t\t<BlockDraggable clientIds={ [ clientId ] }>\n\t\t\t\t\t{ ( draggableProps ) => (\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\ticon={ dragHandle }\n\t\t\t\t\t\t\tclassName=\"block-selection-button_drag-handle zoom-out-toolbar-button\"\n\t\t\t\t\t\t\tlabel={ __( 'Drag' ) }\n\t\t\t\t\t\t\ticonSize={ 24 }\n\t\t\t\t\t\t\tsize=\"compact\"\n\t\t\t\t\t\t\t// Should not be able to tab to drag handle as this\n\t\t\t\t\t\t\t// button can only be used with a pointer device.\n\t\t\t\t\t\t\ttabIndex=\"-1\"\n\t\t\t\t\t\t\t{ ...draggableProps }\n\t\t\t\t\t\t/>\n\t\t\t\t\t) }\n\t\t\t\t</BlockDraggable>\n\t\t\t) }\n\t\t\t{ ! isBlockTemplatePart && (\n\t\t\t\t<BlockMover\n\t\t\t\t\tclientIds={ [ clientId ] }\n\t\t\t\t\thideDragHandle\n\t\t\t\t\tisBlockMoverUpButtonDisabled={ isPrevBlockTemplatePart }\n\t\t\t\t\tisBlockMoverDownButtonDisabled={ isNextBlockTemplatePart }\n\t\t\t\t\ticonSize={ 24 }\n\t\t\t\t\tsize=\"compact\"\n\t\t\t\t/>\n\t\t\t) }\n\t\t\t{ canMove && canRemove && (\n\t\t\t\t<Shuffle clientId={ clientId } as={ ToolbarButton } />\n\t\t\t) }\n\n\t\t\t{ ! isBlockTemplatePart && (\n\t\t\t\t<ToolbarButton\n\t\t\t\t\tclassName=\"zoom-out-toolbar-button\"\n\t\t\t\t\ticon={ edit }\n\t\t\t\t\tlabel={ __( 'Edit' ) }\n\t\t\t\t\tonClick={ () => {\n\t\t\t\t\t\t// Setting may be undefined.\n\t\t\t\t\t\tif ( typeof setIsInserterOpened === 'function' ) {\n\t\t\t\t\t\t\tsetIsInserterOpened( false );\n\t\t\t\t\t\t}\n\t\t\t\t\t\t__unstableSetEditorMode( 'edit' );\n\t\t\t\t\t\tresetZoomLevel();\n\t\t\t\t\t\t__unstableContentRef.current?.focus();\n\t\t\t\t\t} }\n\t\t\t\t/>\n\t\t\t) }\n\n\t\t\t{ canRemove && ! isBlockTemplatePart && (\n\t\t\t\t<ToolbarButton\n\t\t\t\t\tclassName=\"zoom-out-toolbar-button\"\n\t\t\t\t\ticon={ trash }\n\t\t\t\t\tlabel={ __( 'Delete' ) }\n\t\t\t\t\tonClick={ () => {\n\t\t\t\t\t\tremoveBlock( clientId );\n\t\t\t\t\t} }\n\t\t\t\t/>\n\t\t\t) }\n\t\t</NavigableToolbar>\n\t);\n}\n"],"mappings":"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","ignoreList":[]}
|
|
@@ -1,46 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* External dependencies
|
|
3
|
-
*/
|
|
4
|
-
import clsx from 'clsx';
|
|
5
|
-
/**
|
|
6
|
-
* Internal dependencies
|
|
7
|
-
*/
|
|
8
|
-
import BlockPopover from '../block-popover';
|
|
9
|
-
import useBlockToolbarPopoverProps from './use-block-toolbar-popover-props';
|
|
10
|
-
import useSelectedBlockToolProps from './use-selected-block-tool-props';
|
|
11
|
-
import ZoomOutToolbar from './zoom-out-toolbar';
|
|
12
|
-
|
|
13
|
-
export default function ZoomOutPopover( { clientId, __unstableContentRef } ) {
|
|
14
|
-
const { capturingClientId, isInsertionPointVisible, lastClientId } =
|
|
15
|
-
useSelectedBlockToolProps( clientId );
|
|
16
|
-
|
|
17
|
-
const popoverProps = useBlockToolbarPopoverProps( {
|
|
18
|
-
contentElement: __unstableContentRef?.current,
|
|
19
|
-
clientId,
|
|
20
|
-
} );
|
|
21
|
-
|
|
22
|
-
// Override some of the popover props for the zoom-out toolbar.
|
|
23
|
-
const props = {
|
|
24
|
-
...popoverProps,
|
|
25
|
-
placement: 'left-start',
|
|
26
|
-
flip: false,
|
|
27
|
-
shift: true,
|
|
28
|
-
};
|
|
29
|
-
|
|
30
|
-
return (
|
|
31
|
-
<BlockPopover
|
|
32
|
-
clientId={ capturingClientId || clientId }
|
|
33
|
-
bottomClientId={ lastClientId }
|
|
34
|
-
className={ clsx( 'zoom-out-toolbar-popover', {
|
|
35
|
-
'is-insertion-point-visible': isInsertionPointVisible,
|
|
36
|
-
} ) }
|
|
37
|
-
resize={ false }
|
|
38
|
-
{ ...props }
|
|
39
|
-
>
|
|
40
|
-
<ZoomOutToolbar
|
|
41
|
-
__unstableContentRef={ __unstableContentRef }
|
|
42
|
-
clientId={ clientId }
|
|
43
|
-
/>
|
|
44
|
-
</BlockPopover>
|
|
45
|
-
);
|
|
46
|
-
}
|
|
@@ -1,167 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* External dependencies
|
|
3
|
-
*/
|
|
4
|
-
import clsx from 'clsx';
|
|
5
|
-
|
|
6
|
-
/**
|
|
7
|
-
* WordPress dependencies
|
|
8
|
-
*/
|
|
9
|
-
import { dragHandle, trash, edit } from '@wordpress/icons';
|
|
10
|
-
import { Button, ToolbarButton } from '@wordpress/components';
|
|
11
|
-
import { useSelect, useDispatch } from '@wordpress/data';
|
|
12
|
-
import { store as blocksStore } from '@wordpress/blocks';
|
|
13
|
-
import { __ } from '@wordpress/i18n';
|
|
14
|
-
|
|
15
|
-
/**
|
|
16
|
-
* Internal dependencies
|
|
17
|
-
*/
|
|
18
|
-
import { store as blockEditorStore } from '../../store';
|
|
19
|
-
import BlockDraggable from '../block-draggable';
|
|
20
|
-
import BlockMover from '../block-mover';
|
|
21
|
-
import Shuffle from '../block-toolbar/shuffle';
|
|
22
|
-
import NavigableToolbar from '../navigable-toolbar';
|
|
23
|
-
import { unlock } from '../../lock-unlock';
|
|
24
|
-
|
|
25
|
-
export default function ZoomOutToolbar( { clientId, __unstableContentRef } ) {
|
|
26
|
-
const selected = useSelect(
|
|
27
|
-
( select ) => {
|
|
28
|
-
const {
|
|
29
|
-
getBlock,
|
|
30
|
-
hasBlockMovingClientId,
|
|
31
|
-
getNextBlockClientId,
|
|
32
|
-
getPreviousBlockClientId,
|
|
33
|
-
canRemoveBlock,
|
|
34
|
-
canMoveBlock,
|
|
35
|
-
getSettings,
|
|
36
|
-
} = select( blockEditorStore );
|
|
37
|
-
|
|
38
|
-
const { __experimentalSetIsInserterOpened: setIsInserterOpened } =
|
|
39
|
-
getSettings();
|
|
40
|
-
|
|
41
|
-
const { getBlockType } = select( blocksStore );
|
|
42
|
-
const { name } = getBlock( clientId );
|
|
43
|
-
const blockType = getBlockType( name );
|
|
44
|
-
const isBlockTemplatePart =
|
|
45
|
-
blockType?.name === 'core/template-part';
|
|
46
|
-
|
|
47
|
-
let isNextBlockTemplatePart = false;
|
|
48
|
-
const nextClientId = getNextBlockClientId();
|
|
49
|
-
if ( nextClientId ) {
|
|
50
|
-
const { name: nextName } = getBlock( nextClientId );
|
|
51
|
-
const nextBlockType = getBlockType( nextName );
|
|
52
|
-
isNextBlockTemplatePart =
|
|
53
|
-
nextBlockType?.name === 'core/template-part';
|
|
54
|
-
}
|
|
55
|
-
|
|
56
|
-
let isPrevBlockTemplatePart = false;
|
|
57
|
-
const prevClientId = getPreviousBlockClientId();
|
|
58
|
-
if ( prevClientId ) {
|
|
59
|
-
const { name: prevName } = getBlock( prevClientId );
|
|
60
|
-
const prevBlockType = getBlockType( prevName );
|
|
61
|
-
isPrevBlockTemplatePart =
|
|
62
|
-
prevBlockType?.name === 'core/template-part';
|
|
63
|
-
}
|
|
64
|
-
|
|
65
|
-
return {
|
|
66
|
-
blockMovingMode: hasBlockMovingClientId(),
|
|
67
|
-
isBlockTemplatePart,
|
|
68
|
-
isNextBlockTemplatePart,
|
|
69
|
-
isPrevBlockTemplatePart,
|
|
70
|
-
canRemove: canRemoveBlock( clientId ),
|
|
71
|
-
canMove: canMoveBlock( clientId ),
|
|
72
|
-
setIsInserterOpened,
|
|
73
|
-
};
|
|
74
|
-
},
|
|
75
|
-
[ clientId ]
|
|
76
|
-
);
|
|
77
|
-
|
|
78
|
-
const {
|
|
79
|
-
blockMovingMode,
|
|
80
|
-
isBlockTemplatePart,
|
|
81
|
-
isNextBlockTemplatePart,
|
|
82
|
-
isPrevBlockTemplatePart,
|
|
83
|
-
canRemove,
|
|
84
|
-
canMove,
|
|
85
|
-
setIsInserterOpened,
|
|
86
|
-
} = selected;
|
|
87
|
-
|
|
88
|
-
const { removeBlock, __unstableSetEditorMode, resetZoomLevel } = unlock(
|
|
89
|
-
useDispatch( blockEditorStore )
|
|
90
|
-
);
|
|
91
|
-
|
|
92
|
-
const classNames = clsx( 'zoom-out-toolbar', {
|
|
93
|
-
'is-block-moving-mode': !! blockMovingMode,
|
|
94
|
-
} );
|
|
95
|
-
|
|
96
|
-
const showBlockDraggable = canMove && ! isBlockTemplatePart;
|
|
97
|
-
|
|
98
|
-
return (
|
|
99
|
-
<NavigableToolbar
|
|
100
|
-
className={ classNames }
|
|
101
|
-
/* translators: accessibility text for the block toolbar */
|
|
102
|
-
aria-label={ __( 'Block tools' ) }
|
|
103
|
-
// The variant is applied as "toolbar" when undefined, which is the black border style of the dropdown from the toolbar popover.
|
|
104
|
-
variant="unstyled"
|
|
105
|
-
orientation="vertical"
|
|
106
|
-
>
|
|
107
|
-
{ showBlockDraggable && (
|
|
108
|
-
<BlockDraggable clientIds={ [ clientId ] }>
|
|
109
|
-
{ ( draggableProps ) => (
|
|
110
|
-
<Button
|
|
111
|
-
icon={ dragHandle }
|
|
112
|
-
className="block-selection-button_drag-handle zoom-out-toolbar-button"
|
|
113
|
-
label={ __( 'Drag' ) }
|
|
114
|
-
iconSize={ 24 }
|
|
115
|
-
size="compact"
|
|
116
|
-
// Should not be able to tab to drag handle as this
|
|
117
|
-
// button can only be used with a pointer device.
|
|
118
|
-
tabIndex="-1"
|
|
119
|
-
{ ...draggableProps }
|
|
120
|
-
/>
|
|
121
|
-
) }
|
|
122
|
-
</BlockDraggable>
|
|
123
|
-
) }
|
|
124
|
-
{ ! isBlockTemplatePart && (
|
|
125
|
-
<BlockMover
|
|
126
|
-
clientIds={ [ clientId ] }
|
|
127
|
-
hideDragHandle
|
|
128
|
-
isBlockMoverUpButtonDisabled={ isPrevBlockTemplatePart }
|
|
129
|
-
isBlockMoverDownButtonDisabled={ isNextBlockTemplatePart }
|
|
130
|
-
iconSize={ 24 }
|
|
131
|
-
size="compact"
|
|
132
|
-
/>
|
|
133
|
-
) }
|
|
134
|
-
{ canMove && canRemove && (
|
|
135
|
-
<Shuffle clientId={ clientId } as={ ToolbarButton } />
|
|
136
|
-
) }
|
|
137
|
-
|
|
138
|
-
{ ! isBlockTemplatePart && (
|
|
139
|
-
<ToolbarButton
|
|
140
|
-
className="zoom-out-toolbar-button"
|
|
141
|
-
icon={ edit }
|
|
142
|
-
label={ __( 'Edit' ) }
|
|
143
|
-
onClick={ () => {
|
|
144
|
-
// Setting may be undefined.
|
|
145
|
-
if ( typeof setIsInserterOpened === 'function' ) {
|
|
146
|
-
setIsInserterOpened( false );
|
|
147
|
-
}
|
|
148
|
-
__unstableSetEditorMode( 'edit' );
|
|
149
|
-
resetZoomLevel();
|
|
150
|
-
__unstableContentRef.current?.focus();
|
|
151
|
-
} }
|
|
152
|
-
/>
|
|
153
|
-
) }
|
|
154
|
-
|
|
155
|
-
{ canRemove && ! isBlockTemplatePart && (
|
|
156
|
-
<ToolbarButton
|
|
157
|
-
className="zoom-out-toolbar-button"
|
|
158
|
-
icon={ trash }
|
|
159
|
-
label={ __( 'Delete' ) }
|
|
160
|
-
onClick={ () => {
|
|
161
|
-
removeBlock( clientId );
|
|
162
|
-
} }
|
|
163
|
-
/>
|
|
164
|
-
) }
|
|
165
|
-
</NavigableToolbar>
|
|
166
|
-
);
|
|
167
|
-
}
|