@wordpress/interface 5.34.0 → 6.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +14 -2
- package/build/components/action-item/index.js +46 -43
- package/build/components/action-item/index.js.map +1 -1
- package/build/components/complementary-area/index.js +83 -67
- package/build/components/complementary-area/index.js.map +1 -1
- package/build/components/complementary-area-header/index.js +16 -11
- package/build/components/complementary-area-header/index.js.map +1 -1
- package/build/components/complementary-area-more-menu-item/index.js +4 -4
- package/build/components/complementary-area-more-menu-item/index.js.map +1 -1
- package/build/components/complementary-area-toggle/index.js +2 -2
- package/build/components/complementary-area-toggle/index.js.map +1 -1
- package/build/components/interface-skeleton/index.js +100 -72
- package/build/components/interface-skeleton/index.js.map +1 -1
- package/build/components/navigable-region/index.js +7 -6
- package/build/components/navigable-region/index.js.map +1 -1
- package/build/components/pinned-items/index.js +10 -8
- package/build/components/pinned-items/index.js.map +1 -1
- package/build-module/components/action-item/index.js +46 -43
- package/build-module/components/action-item/index.js.map +1 -1
- package/build-module/components/complementary-area/index.js +85 -67
- package/build-module/components/complementary-area/index.js.map +1 -1
- package/build-module/components/complementary-area-header/index.js +18 -11
- package/build-module/components/complementary-area-header/index.js.map +1 -1
- package/build-module/components/complementary-area-more-menu-item/index.js +4 -4
- package/build-module/components/complementary-area-more-menu-item/index.js.map +1 -1
- package/build-module/components/complementary-area-toggle/index.js +2 -2
- package/build-module/components/complementary-area-toggle/index.js.map +1 -1
- package/build-module/components/interface-skeleton/index.js +101 -72
- package/build-module/components/interface-skeleton/index.js.map +1 -1
- package/build-module/components/navigable-region/index.js +7 -6
- package/build-module/components/navigable-region/index.js.map +1 -1
- package/build-module/components/pinned-items/index.js +10 -8
- package/build-module/components/pinned-items/index.js.map +1 -1
- package/build-style/style-rtl.css +14 -13
- package/build-style/style.css +14 -13
- package/package.json +17 -16
- package/src/components/complementary-area/index.js +4 -5
- package/src/components/complementary-area/style.scss +2 -1
- package/src/components/complementary-area-header/index.js +2 -2
- package/src/components/complementary-area-header/style.scss +2 -9
- package/src/components/interface-skeleton/index.js +62 -42
- package/src/components/interface-skeleton/style.scss +13 -5
- package/src/components/navigable-region/index.js +2 -2
- package/src/components/pinned-items/index.js +2 -2
|
@@ -5,13 +5,13 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5
5
|
value: true
|
|
6
6
|
});
|
|
7
7
|
exports.default = void 0;
|
|
8
|
-
var
|
|
9
|
-
var _classnames = _interopRequireDefault(require("classnames"));
|
|
8
|
+
var _clsx = _interopRequireDefault(require("clsx"));
|
|
10
9
|
var _element = require("@wordpress/element");
|
|
11
10
|
var _components = require("@wordpress/components");
|
|
12
11
|
var _i18n = require("@wordpress/i18n");
|
|
13
12
|
var _compose = require("@wordpress/compose");
|
|
14
13
|
var _navigableRegion = _interopRequireDefault(require("../navigable-region"));
|
|
14
|
+
var _jsxRuntime = require("react/jsx-runtime");
|
|
15
15
|
/**
|
|
16
16
|
* External dependencies
|
|
17
17
|
*/
|
|
@@ -25,6 +25,11 @@ var _navigableRegion = _interopRequireDefault(require("../navigable-region"));
|
|
|
25
25
|
*/
|
|
26
26
|
|
|
27
27
|
const ANIMATION_DURATION = 0.25;
|
|
28
|
+
const commonTransition = {
|
|
29
|
+
type: 'tween',
|
|
30
|
+
duration: ANIMATION_DURATION,
|
|
31
|
+
ease: [0.6, 0, 0.4, 1]
|
|
32
|
+
};
|
|
28
33
|
function useHTMLClass(className) {
|
|
29
34
|
(0, _element.useEffect)(() => {
|
|
30
35
|
const element = document && document.querySelector(`html:not(.${className})`);
|
|
@@ -39,20 +44,33 @@ function useHTMLClass(className) {
|
|
|
39
44
|
}
|
|
40
45
|
const headerVariants = {
|
|
41
46
|
hidden: {
|
|
42
|
-
opacity:
|
|
47
|
+
opacity: 1,
|
|
48
|
+
marginTop: -60
|
|
49
|
+
},
|
|
50
|
+
visible: {
|
|
51
|
+
opacity: 1,
|
|
52
|
+
marginTop: 0
|
|
43
53
|
},
|
|
44
|
-
|
|
54
|
+
distractionFreeHover: {
|
|
45
55
|
opacity: 1,
|
|
56
|
+
marginTop: 0,
|
|
46
57
|
transition: {
|
|
47
|
-
|
|
58
|
+
...commonTransition,
|
|
48
59
|
delay: 0.2,
|
|
49
60
|
delayChildren: 0.2
|
|
50
61
|
}
|
|
51
62
|
},
|
|
52
|
-
|
|
53
|
-
opacity:
|
|
63
|
+
distractionFreeHidden: {
|
|
64
|
+
opacity: 0,
|
|
65
|
+
marginTop: -60
|
|
66
|
+
},
|
|
67
|
+
distractionFreeDisabled: {
|
|
68
|
+
opacity: 0,
|
|
69
|
+
marginTop: 0,
|
|
54
70
|
transition: {
|
|
55
|
-
|
|
71
|
+
...commonTransition,
|
|
72
|
+
delay: 0.8,
|
|
73
|
+
delayChildren: 0.8
|
|
56
74
|
}
|
|
57
75
|
}
|
|
58
76
|
};
|
|
@@ -63,7 +81,6 @@ function InterfaceSkeleton({
|
|
|
63
81
|
editorNotices,
|
|
64
82
|
sidebar,
|
|
65
83
|
secondarySidebar,
|
|
66
|
-
notices,
|
|
67
84
|
content,
|
|
68
85
|
actions,
|
|
69
86
|
labels,
|
|
@@ -101,71 +118,82 @@ function InterfaceSkeleton({
|
|
|
101
118
|
...defaultLabels,
|
|
102
119
|
...labels
|
|
103
120
|
};
|
|
104
|
-
return (0,
|
|
121
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
|
|
105
122
|
...(enableRegionNavigation ? navigateRegionsProps : {}),
|
|
106
123
|
ref: (0, _compose.useMergeRefs)([ref, enableRegionNavigation ? navigateRegionsProps.ref : undefined]),
|
|
107
|
-
className: (0,
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
|
|
146
|
-
|
|
147
|
-
|
|
148
|
-
|
|
149
|
-
|
|
150
|
-
|
|
151
|
-
|
|
152
|
-
|
|
153
|
-
|
|
154
|
-
|
|
155
|
-
|
|
156
|
-
|
|
157
|
-
|
|
158
|
-
|
|
159
|
-
|
|
160
|
-
|
|
161
|
-
|
|
162
|
-
|
|
163
|
-
|
|
164
|
-
|
|
165
|
-
|
|
166
|
-
|
|
167
|
-
|
|
168
|
-
|
|
124
|
+
className: (0, _clsx.default)(className, 'interface-interface-skeleton', navigateRegionsProps.className, !!footer && 'has-footer'),
|
|
125
|
+
children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
|
|
126
|
+
className: "interface-interface-skeleton__editor",
|
|
127
|
+
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_components.__unstableAnimatePresence, {
|
|
128
|
+
initial: false,
|
|
129
|
+
children: !!header && /*#__PURE__*/(0, _jsxRuntime.jsx)(_navigableRegion.default, {
|
|
130
|
+
as: _components.__unstableMotion.div,
|
|
131
|
+
className: "interface-interface-skeleton__header",
|
|
132
|
+
"aria-label": mergedLabels.header,
|
|
133
|
+
initial: isDistractionFree ? 'distractionFreeHidden' : 'hidden',
|
|
134
|
+
whileHover: isDistractionFree ? 'distractionFreeHover' : 'visible',
|
|
135
|
+
animate: isDistractionFree ? 'distractionFreeDisabled' : 'visible',
|
|
136
|
+
exit: isDistractionFree ? 'distractionFreeHidden' : 'hidden',
|
|
137
|
+
variants: headerVariants,
|
|
138
|
+
transition: defaultTransition,
|
|
139
|
+
children: header
|
|
140
|
+
})
|
|
141
|
+
}), isDistractionFree && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
|
|
142
|
+
className: "interface-interface-skeleton__header",
|
|
143
|
+
children: editorNotices
|
|
144
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
|
|
145
|
+
className: "interface-interface-skeleton__body",
|
|
146
|
+
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_components.__unstableAnimatePresence, {
|
|
147
|
+
initial: false,
|
|
148
|
+
children: !!secondarySidebar && /*#__PURE__*/(0, _jsxRuntime.jsx)(_navigableRegion.default, {
|
|
149
|
+
className: "interface-interface-skeleton__secondary-sidebar",
|
|
150
|
+
ariaLabel: mergedLabels.secondarySidebar,
|
|
151
|
+
as: _components.__unstableMotion.div,
|
|
152
|
+
initial: "closed",
|
|
153
|
+
animate: isMobileViewport ? 'mobileOpen' : 'open',
|
|
154
|
+
exit: "closed",
|
|
155
|
+
variants: {
|
|
156
|
+
open: {
|
|
157
|
+
width: secondarySidebarSize.width
|
|
158
|
+
},
|
|
159
|
+
closed: {
|
|
160
|
+
width: 0
|
|
161
|
+
},
|
|
162
|
+
mobileOpen: {
|
|
163
|
+
width: '100vw'
|
|
164
|
+
}
|
|
165
|
+
},
|
|
166
|
+
transition: defaultTransition,
|
|
167
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
|
|
168
|
+
style: {
|
|
169
|
+
position: 'absolute',
|
|
170
|
+
width: isMobileViewport ? '100vw' : 'fit-content',
|
|
171
|
+
height: '100%',
|
|
172
|
+
right: 0
|
|
173
|
+
},
|
|
174
|
+
children: [secondarySidebarResizeListener, secondarySidebar]
|
|
175
|
+
})
|
|
176
|
+
})
|
|
177
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_navigableRegion.default, {
|
|
178
|
+
className: "interface-interface-skeleton__content",
|
|
179
|
+
ariaLabel: mergedLabels.body,
|
|
180
|
+
children: content
|
|
181
|
+
}), !!sidebar && /*#__PURE__*/(0, _jsxRuntime.jsx)(_navigableRegion.default, {
|
|
182
|
+
className: "interface-interface-skeleton__sidebar",
|
|
183
|
+
ariaLabel: mergedLabels.sidebar,
|
|
184
|
+
children: sidebar
|
|
185
|
+
}), !!actions && /*#__PURE__*/(0, _jsxRuntime.jsx)(_navigableRegion.default, {
|
|
186
|
+
className: "interface-interface-skeleton__actions",
|
|
187
|
+
ariaLabel: mergedLabels.actions,
|
|
188
|
+
children: actions
|
|
189
|
+
})]
|
|
190
|
+
})]
|
|
191
|
+
}), !!footer && /*#__PURE__*/(0, _jsxRuntime.jsx)(_navigableRegion.default, {
|
|
192
|
+
className: "interface-interface-skeleton__footer",
|
|
193
|
+
ariaLabel: mergedLabels.footer,
|
|
194
|
+
children: footer
|
|
195
|
+
})]
|
|
196
|
+
});
|
|
169
197
|
}
|
|
170
198
|
var _default = exports.default = (0, _element.forwardRef)(InterfaceSkeleton);
|
|
171
199
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_classnames","_interopRequireDefault","require","_element","_components","_i18n","_compose","_navigableRegion","ANIMATION_DURATION","useHTMLClass","className","useEffect","element","document","querySelector","classList","toggle","headerVariants","hidden","opacity","hover","transition","type","delay","delayChildren","distractionFreeInactive","InterfaceSkeleton","isDistractionFree","footer","header","editorNotices","sidebar","secondarySidebar","notices","content","actions","labels","enableRegionNavigation","shortcuts","ref","secondarySidebarResizeListener","secondarySidebarSize","useResizeObserver","isMobileViewport","useViewportMatch","disableMotion","useReducedMotion","defaultTransition","duration","ease","navigateRegionsProps","useNavigateRegions","defaultLabels","_x","body","__","mergedLabels","_react","createElement","useMergeRefs","undefined","classnames","default","as","motion","div","initial","whileHover","animate","variants","__unstableAnimatePresence","ariaLabel","exit","open","width","closed","mobileOpen","style","position","height","right","_default","exports","forwardRef"],"sources":["@wordpress/interface/src/components/interface-skeleton/index.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport classnames from 'classnames';\n\n/**\n * WordPress dependencies\n */\nimport { forwardRef, useEffect } from '@wordpress/element';\nimport {\n\t__unstableUseNavigateRegions as useNavigateRegions,\n\t__unstableMotion as motion,\n\t__unstableAnimatePresence as AnimatePresence,\n} from '@wordpress/components';\nimport { __, _x } from '@wordpress/i18n';\nimport {\n\tuseMergeRefs,\n\tuseReducedMotion,\n\tuseViewportMatch,\n\tuseResizeObserver,\n} from '@wordpress/compose';\n\n/**\n * Internal dependencies\n */\nimport NavigableRegion from '../navigable-region';\n\nconst ANIMATION_DURATION = 0.25;\n\nfunction useHTMLClass( className ) {\n\tuseEffect( () => {\n\t\tconst element =\n\t\t\tdocument && document.querySelector( `html:not(.${ className })` );\n\t\tif ( ! element ) {\n\t\t\treturn;\n\t\t}\n\t\telement.classList.toggle( className );\n\t\treturn () => {\n\t\t\telement.classList.toggle( className );\n\t\t};\n\t}, [ className ] );\n}\n\nconst headerVariants = {\n\thidden: { opacity: 0 },\n\thover: {\n\t\topacity: 1,\n\t\ttransition: { type: 'tween', delay: 0.2, delayChildren: 0.2 },\n\t},\n\tdistractionFreeInactive: { opacity: 1, transition: { delay: 0 } },\n};\n\nfunction InterfaceSkeleton(\n\t{\n\t\tisDistractionFree,\n\t\tfooter,\n\t\theader,\n\t\teditorNotices,\n\t\tsidebar,\n\t\tsecondarySidebar,\n\t\tnotices,\n\t\tcontent,\n\t\tactions,\n\t\tlabels,\n\t\tclassName,\n\t\tenableRegionNavigation = true,\n\t\t// Todo: does this need to be a prop.\n\t\t// Can we use a dependency to keyboard-shortcuts directly?\n\t\tshortcuts,\n\t},\n\tref\n) {\n\tconst [ secondarySidebarResizeListener, secondarySidebarSize ] =\n\t\tuseResizeObserver();\n\tconst isMobileViewport = useViewportMatch( 'medium', '<' );\n\tconst disableMotion = useReducedMotion();\n\tconst defaultTransition = {\n\t\ttype: 'tween',\n\t\tduration: disableMotion ? 0 : ANIMATION_DURATION,\n\t\tease: [ 0.6, 0, 0.4, 1 ],\n\t};\n\tconst navigateRegionsProps = useNavigateRegions( shortcuts );\n\tuseHTMLClass( 'interface-interface-skeleton__html-container' );\n\n\tconst defaultLabels = {\n\t\t/* translators: accessibility text for the top bar landmark region. */\n\t\theader: _x( 'Header', 'header landmark area' ),\n\t\t/* translators: accessibility text for the content landmark region. */\n\t\tbody: __( 'Content' ),\n\t\t/* translators: accessibility text for the secondary sidebar landmark region. */\n\t\tsecondarySidebar: __( 'Block Library' ),\n\t\t/* translators: accessibility text for the settings landmark region. */\n\t\tsidebar: __( 'Settings' ),\n\t\t/* translators: accessibility text for the publish landmark region. */\n\t\tactions: __( 'Publish' ),\n\t\t/* translators: accessibility text for the footer landmark region. */\n\t\tfooter: __( 'Footer' ),\n\t};\n\n\tconst mergedLabels = { ...defaultLabels, ...labels };\n\n\treturn (\n\t\t<div\n\t\t\t{ ...( enableRegionNavigation ? navigateRegionsProps : {} ) }\n\t\t\tref={ useMergeRefs( [\n\t\t\t\tref,\n\t\t\t\tenableRegionNavigation ? navigateRegionsProps.ref : undefined,\n\t\t\t] ) }\n\t\t\tclassName={ classnames(\n\t\t\t\tclassName,\n\t\t\t\t'interface-interface-skeleton',\n\t\t\t\tnavigateRegionsProps.className,\n\t\t\t\t!! footer && 'has-footer'\n\t\t\t) }\n\t\t>\n\t\t\t<div className=\"interface-interface-skeleton__editor\">\n\t\t\t\t{ !! header && (\n\t\t\t\t\t<NavigableRegion\n\t\t\t\t\t\tas={ motion.div }\n\t\t\t\t\t\tclassName=\"interface-interface-skeleton__header\"\n\t\t\t\t\t\taria-label={ mergedLabels.header }\n\t\t\t\t\t\tinitial={\n\t\t\t\t\t\t\tisDistractionFree\n\t\t\t\t\t\t\t\t? 'hidden'\n\t\t\t\t\t\t\t\t: 'distractionFreeInactive'\n\t\t\t\t\t\t}\n\t\t\t\t\t\twhileHover={\n\t\t\t\t\t\t\tisDistractionFree\n\t\t\t\t\t\t\t\t? 'hover'\n\t\t\t\t\t\t\t\t: 'distractionFreeInactive'\n\t\t\t\t\t\t}\n\t\t\t\t\t\tanimate={\n\t\t\t\t\t\t\tisDistractionFree\n\t\t\t\t\t\t\t\t? 'hidden'\n\t\t\t\t\t\t\t\t: 'distractionFreeInactive'\n\t\t\t\t\t\t}\n\t\t\t\t\t\tvariants={ headerVariants }\n\t\t\t\t\t\ttransition={\n\t\t\t\t\t\t\tisDistractionFree\n\t\t\t\t\t\t\t\t? { type: 'tween', delay: 0.8 }\n\t\t\t\t\t\t\t\t: undefined\n\t\t\t\t\t\t}\n\t\t\t\t\t>\n\t\t\t\t\t\t{ header }\n\t\t\t\t\t</NavigableRegion>\n\t\t\t\t) }\n\t\t\t\t{ isDistractionFree && (\n\t\t\t\t\t<div className=\"interface-interface-skeleton__header\">\n\t\t\t\t\t\t{ editorNotices }\n\t\t\t\t\t</div>\n\t\t\t\t) }\n\t\t\t\t<div className=\"interface-interface-skeleton__body\">\n\t\t\t\t\t<AnimatePresence initial={ false }>\n\t\t\t\t\t\t{ !! secondarySidebar && (\n\t\t\t\t\t\t\t<NavigableRegion\n\t\t\t\t\t\t\t\tclassName=\"interface-interface-skeleton__secondary-sidebar\"\n\t\t\t\t\t\t\t\tariaLabel={ mergedLabels.secondarySidebar }\n\t\t\t\t\t\t\t\tas={ motion.div }\n\t\t\t\t\t\t\t\tinitial=\"closed\"\n\t\t\t\t\t\t\t\tanimate={\n\t\t\t\t\t\t\t\t\tisMobileViewport ? 'mobileOpen' : 'open'\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\texit=\"closed\"\n\t\t\t\t\t\t\t\tvariants={ {\n\t\t\t\t\t\t\t\t\topen: { width: secondarySidebarSize.width },\n\t\t\t\t\t\t\t\t\tclosed: { width: 0 },\n\t\t\t\t\t\t\t\t\tmobileOpen: { width: '100vw' },\n\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t\ttransition={ defaultTransition }\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\tstyle={ {\n\t\t\t\t\t\t\t\t\t\tposition: 'absolute',\n\t\t\t\t\t\t\t\t\t\twidth: isMobileViewport\n\t\t\t\t\t\t\t\t\t\t\t? '100vw'\n\t\t\t\t\t\t\t\t\t\t\t: 'fit-content',\n\t\t\t\t\t\t\t\t\t\theight: '100%',\n\t\t\t\t\t\t\t\t\t\tright: 0,\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\t\t{ secondarySidebarResizeListener }\n\t\t\t\t\t\t\t\t\t{ secondarySidebar }\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t</NavigableRegion>\n\t\t\t\t\t\t) }\n\t\t\t\t\t</AnimatePresence>\n\t\t\t\t\t{ !! notices && (\n\t\t\t\t\t\t<div className=\"interface-interface-skeleton__notices\">\n\t\t\t\t\t\t\t{ notices }\n\t\t\t\t\t\t</div>\n\t\t\t\t\t) }\n\t\t\t\t\t<NavigableRegion\n\t\t\t\t\t\tclassName=\"interface-interface-skeleton__content\"\n\t\t\t\t\t\tariaLabel={ mergedLabels.body }\n\t\t\t\t\t>\n\t\t\t\t\t\t{ content }\n\t\t\t\t\t</NavigableRegion>\n\t\t\t\t\t{ !! sidebar && (\n\t\t\t\t\t\t<NavigableRegion\n\t\t\t\t\t\t\tclassName=\"interface-interface-skeleton__sidebar\"\n\t\t\t\t\t\t\tariaLabel={ mergedLabels.sidebar }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ sidebar }\n\t\t\t\t\t\t</NavigableRegion>\n\t\t\t\t\t) }\n\t\t\t\t\t{ !! actions && (\n\t\t\t\t\t\t<NavigableRegion\n\t\t\t\t\t\t\tclassName=\"interface-interface-skeleton__actions\"\n\t\t\t\t\t\t\tariaLabel={ mergedLabels.actions }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ actions }\n\t\t\t\t\t\t</NavigableRegion>\n\t\t\t\t\t) }\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t\t{ !! footer && (\n\t\t\t\t<NavigableRegion\n\t\t\t\t\tclassName=\"interface-interface-skeleton__footer\"\n\t\t\t\t\tariaLabel={ mergedLabels.footer }\n\t\t\t\t>\n\t\t\t\t\t{ footer }\n\t\t\t\t</NavigableRegion>\n\t\t\t) }\n\t\t</div>\n\t);\n}\n\nexport default forwardRef( InterfaceSkeleton );\n"],"mappings":"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","ignoreList":[]}
|
|
1
|
+
{"version":3,"names":["_clsx","_interopRequireDefault","require","_element","_components","_i18n","_compose","_navigableRegion","_jsxRuntime","ANIMATION_DURATION","commonTransition","type","duration","ease","useHTMLClass","className","useEffect","element","document","querySelector","classList","toggle","headerVariants","hidden","opacity","marginTop","visible","distractionFreeHover","transition","delay","delayChildren","distractionFreeHidden","distractionFreeDisabled","InterfaceSkeleton","isDistractionFree","footer","header","editorNotices","sidebar","secondarySidebar","content","actions","labels","enableRegionNavigation","shortcuts","ref","secondarySidebarResizeListener","secondarySidebarSize","useResizeObserver","isMobileViewport","useViewportMatch","disableMotion","useReducedMotion","defaultTransition","navigateRegionsProps","useNavigateRegions","defaultLabels","_x","body","__","mergedLabels","jsxs","useMergeRefs","undefined","clsx","children","jsx","__unstableAnimatePresence","initial","default","as","motion","div","whileHover","animate","exit","variants","ariaLabel","open","width","closed","mobileOpen","style","position","height","right","_default","exports","forwardRef"],"sources":["@wordpress/interface/src/components/interface-skeleton/index.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport clsx from 'clsx';\n\n/**\n * WordPress dependencies\n */\nimport { forwardRef, useEffect } from '@wordpress/element';\nimport {\n\t__unstableUseNavigateRegions as useNavigateRegions,\n\t__unstableMotion as motion,\n\t__unstableAnimatePresence as AnimatePresence,\n} from '@wordpress/components';\nimport { __, _x } from '@wordpress/i18n';\nimport {\n\tuseMergeRefs,\n\tuseReducedMotion,\n\tuseViewportMatch,\n\tuseResizeObserver,\n} from '@wordpress/compose';\n\n/**\n * Internal dependencies\n */\nimport NavigableRegion from '../navigable-region';\n\nconst ANIMATION_DURATION = 0.25;\nconst commonTransition = {\n\ttype: 'tween',\n\tduration: ANIMATION_DURATION,\n\tease: [ 0.6, 0, 0.4, 1 ],\n};\n\nfunction useHTMLClass( className ) {\n\tuseEffect( () => {\n\t\tconst element =\n\t\t\tdocument && document.querySelector( `html:not(.${ className })` );\n\t\tif ( ! element ) {\n\t\t\treturn;\n\t\t}\n\t\telement.classList.toggle( className );\n\t\treturn () => {\n\t\t\telement.classList.toggle( className );\n\t\t};\n\t}, [ className ] );\n}\n\nconst headerVariants = {\n\thidden: { opacity: 1, marginTop: -60 },\n\tvisible: { opacity: 1, marginTop: 0 },\n\tdistractionFreeHover: {\n\t\topacity: 1,\n\t\tmarginTop: 0,\n\t\ttransition: {\n\t\t\t...commonTransition,\n\t\t\tdelay: 0.2,\n\t\t\tdelayChildren: 0.2,\n\t\t},\n\t},\n\tdistractionFreeHidden: {\n\t\topacity: 0,\n\t\tmarginTop: -60,\n\t},\n\tdistractionFreeDisabled: {\n\t\topacity: 0,\n\t\tmarginTop: 0,\n\t\ttransition: {\n\t\t\t...commonTransition,\n\t\t\tdelay: 0.8,\n\t\t\tdelayChildren: 0.8,\n\t\t},\n\t},\n};\n\nfunction InterfaceSkeleton(\n\t{\n\t\tisDistractionFree,\n\t\tfooter,\n\t\theader,\n\t\teditorNotices,\n\t\tsidebar,\n\t\tsecondarySidebar,\n\t\tcontent,\n\t\tactions,\n\t\tlabels,\n\t\tclassName,\n\t\tenableRegionNavigation = true,\n\t\t// Todo: does this need to be a prop.\n\t\t// Can we use a dependency to keyboard-shortcuts directly?\n\t\tshortcuts,\n\t},\n\tref\n) {\n\tconst [ secondarySidebarResizeListener, secondarySidebarSize ] =\n\t\tuseResizeObserver();\n\tconst isMobileViewport = useViewportMatch( 'medium', '<' );\n\tconst disableMotion = useReducedMotion();\n\tconst defaultTransition = {\n\t\ttype: 'tween',\n\t\tduration: disableMotion ? 0 : ANIMATION_DURATION,\n\t\tease: [ 0.6, 0, 0.4, 1 ],\n\t};\n\tconst navigateRegionsProps = useNavigateRegions( shortcuts );\n\tuseHTMLClass( 'interface-interface-skeleton__html-container' );\n\n\tconst defaultLabels = {\n\t\t/* translators: accessibility text for the top bar landmark region. */\n\t\theader: _x( 'Header', 'header landmark area' ),\n\t\t/* translators: accessibility text for the content landmark region. */\n\t\tbody: __( 'Content' ),\n\t\t/* translators: accessibility text for the secondary sidebar landmark region. */\n\t\tsecondarySidebar: __( 'Block Library' ),\n\t\t/* translators: accessibility text for the settings landmark region. */\n\t\tsidebar: __( 'Settings' ),\n\t\t/* translators: accessibility text for the publish landmark region. */\n\t\tactions: __( 'Publish' ),\n\t\t/* translators: accessibility text for the footer landmark region. */\n\t\tfooter: __( 'Footer' ),\n\t};\n\n\tconst mergedLabels = { ...defaultLabels, ...labels };\n\n\treturn (\n\t\t<div\n\t\t\t{ ...( enableRegionNavigation ? navigateRegionsProps : {} ) }\n\t\t\tref={ useMergeRefs( [\n\t\t\t\tref,\n\t\t\t\tenableRegionNavigation ? navigateRegionsProps.ref : undefined,\n\t\t\t] ) }\n\t\t\tclassName={ clsx(\n\t\t\t\tclassName,\n\t\t\t\t'interface-interface-skeleton',\n\t\t\t\tnavigateRegionsProps.className,\n\t\t\t\t!! footer && 'has-footer'\n\t\t\t) }\n\t\t>\n\t\t\t<div className=\"interface-interface-skeleton__editor\">\n\t\t\t\t<AnimatePresence initial={ false }>\n\t\t\t\t\t{ !! header && (\n\t\t\t\t\t\t<NavigableRegion\n\t\t\t\t\t\t\tas={ motion.div }\n\t\t\t\t\t\t\tclassName=\"interface-interface-skeleton__header\"\n\t\t\t\t\t\t\taria-label={ mergedLabels.header }\n\t\t\t\t\t\t\tinitial={\n\t\t\t\t\t\t\t\tisDistractionFree\n\t\t\t\t\t\t\t\t\t? 'distractionFreeHidden'\n\t\t\t\t\t\t\t\t\t: 'hidden'\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\twhileHover={\n\t\t\t\t\t\t\t\tisDistractionFree\n\t\t\t\t\t\t\t\t\t? 'distractionFreeHover'\n\t\t\t\t\t\t\t\t\t: 'visible'\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tanimate={\n\t\t\t\t\t\t\t\tisDistractionFree\n\t\t\t\t\t\t\t\t\t? 'distractionFreeDisabled'\n\t\t\t\t\t\t\t\t\t: 'visible'\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\texit={\n\t\t\t\t\t\t\t\tisDistractionFree\n\t\t\t\t\t\t\t\t\t? 'distractionFreeHidden'\n\t\t\t\t\t\t\t\t\t: 'hidden'\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tvariants={ headerVariants }\n\t\t\t\t\t\t\ttransition={ defaultTransition }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ header }\n\t\t\t\t\t\t</NavigableRegion>\n\t\t\t\t\t) }\n\t\t\t\t</AnimatePresence>\n\t\t\t\t{ isDistractionFree && (\n\t\t\t\t\t<div className=\"interface-interface-skeleton__header\">\n\t\t\t\t\t\t{ editorNotices }\n\t\t\t\t\t</div>\n\t\t\t\t) }\n\t\t\t\t<div className=\"interface-interface-skeleton__body\">\n\t\t\t\t\t<AnimatePresence initial={ false }>\n\t\t\t\t\t\t{ !! secondarySidebar && (\n\t\t\t\t\t\t\t<NavigableRegion\n\t\t\t\t\t\t\t\tclassName=\"interface-interface-skeleton__secondary-sidebar\"\n\t\t\t\t\t\t\t\tariaLabel={ mergedLabels.secondarySidebar }\n\t\t\t\t\t\t\t\tas={ motion.div }\n\t\t\t\t\t\t\t\tinitial=\"closed\"\n\t\t\t\t\t\t\t\tanimate={\n\t\t\t\t\t\t\t\t\tisMobileViewport ? 'mobileOpen' : 'open'\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\texit=\"closed\"\n\t\t\t\t\t\t\t\tvariants={ {\n\t\t\t\t\t\t\t\t\topen: { width: secondarySidebarSize.width },\n\t\t\t\t\t\t\t\t\tclosed: { width: 0 },\n\t\t\t\t\t\t\t\t\tmobileOpen: { width: '100vw' },\n\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t\ttransition={ defaultTransition }\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\tstyle={ {\n\t\t\t\t\t\t\t\t\t\tposition: 'absolute',\n\t\t\t\t\t\t\t\t\t\twidth: isMobileViewport\n\t\t\t\t\t\t\t\t\t\t\t? '100vw'\n\t\t\t\t\t\t\t\t\t\t\t: 'fit-content',\n\t\t\t\t\t\t\t\t\t\theight: '100%',\n\t\t\t\t\t\t\t\t\t\tright: 0,\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\t\t{ secondarySidebarResizeListener }\n\t\t\t\t\t\t\t\t\t{ secondarySidebar }\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t</NavigableRegion>\n\t\t\t\t\t\t) }\n\t\t\t\t\t</AnimatePresence>\n\t\t\t\t\t<NavigableRegion\n\t\t\t\t\t\tclassName=\"interface-interface-skeleton__content\"\n\t\t\t\t\t\tariaLabel={ mergedLabels.body }\n\t\t\t\t\t>\n\t\t\t\t\t\t{ content }\n\t\t\t\t\t</NavigableRegion>\n\t\t\t\t\t{ !! sidebar && (\n\t\t\t\t\t\t<NavigableRegion\n\t\t\t\t\t\t\tclassName=\"interface-interface-skeleton__sidebar\"\n\t\t\t\t\t\t\tariaLabel={ mergedLabels.sidebar }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ sidebar }\n\t\t\t\t\t\t</NavigableRegion>\n\t\t\t\t\t) }\n\t\t\t\t\t{ !! actions && (\n\t\t\t\t\t\t<NavigableRegion\n\t\t\t\t\t\t\tclassName=\"interface-interface-skeleton__actions\"\n\t\t\t\t\t\t\tariaLabel={ mergedLabels.actions }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ actions }\n\t\t\t\t\t\t</NavigableRegion>\n\t\t\t\t\t) }\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t\t{ !! footer && (\n\t\t\t\t<NavigableRegion\n\t\t\t\t\tclassName=\"interface-interface-skeleton__footer\"\n\t\t\t\t\tariaLabel={ mergedLabels.footer }\n\t\t\t\t>\n\t\t\t\t\t{ footer }\n\t\t\t\t</NavigableRegion>\n\t\t\t) }\n\t\t</div>\n\t);\n}\n\nexport default forwardRef( InterfaceSkeleton );\n"],"mappings":"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","ignoreList":[]}
|
|
@@ -5,8 +5,8 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5
5
|
value: true
|
|
6
6
|
});
|
|
7
7
|
exports.default = NavigableRegion;
|
|
8
|
-
var
|
|
9
|
-
var
|
|
8
|
+
var _clsx = _interopRequireDefault(require("clsx"));
|
|
9
|
+
var _jsxRuntime = require("react/jsx-runtime");
|
|
10
10
|
/**
|
|
11
11
|
* External dependencies
|
|
12
12
|
*/
|
|
@@ -18,12 +18,13 @@ function NavigableRegion({
|
|
|
18
18
|
as: Tag = 'div',
|
|
19
19
|
...props
|
|
20
20
|
}) {
|
|
21
|
-
return (0,
|
|
22
|
-
className: (0,
|
|
21
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(Tag, {
|
|
22
|
+
className: (0, _clsx.default)('interface-navigable-region', className),
|
|
23
23
|
"aria-label": ariaLabel,
|
|
24
24
|
role: "region",
|
|
25
25
|
tabIndex: "-1",
|
|
26
|
-
...props
|
|
27
|
-
|
|
26
|
+
...props,
|
|
27
|
+
children: children
|
|
28
|
+
});
|
|
28
29
|
}
|
|
29
30
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["
|
|
1
|
+
{"version":3,"names":["_clsx","_interopRequireDefault","require","_jsxRuntime","NavigableRegion","children","className","ariaLabel","as","Tag","props","jsx","clsx","role","tabIndex"],"sources":["@wordpress/interface/src/components/navigable-region/index.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport clsx from 'clsx';\n\nexport default function NavigableRegion( {\n\tchildren,\n\tclassName,\n\tariaLabel,\n\tas: Tag = 'div',\n\t...props\n} ) {\n\treturn (\n\t\t<Tag\n\t\t\tclassName={ clsx( 'interface-navigable-region', className ) }\n\t\t\taria-label={ ariaLabel }\n\t\t\trole=\"region\"\n\t\t\ttabIndex=\"-1\"\n\t\t\t{ ...props }\n\t\t>\n\t\t\t{ children }\n\t\t</Tag>\n\t);\n}\n"],"mappings":";;;;;;;AAGA,IAAAA,KAAA,GAAAC,sBAAA,CAAAC,OAAA;AAAwB,IAAAC,WAAA,GAAAD,OAAA;AAHxB;AACA;AACA;;AAGe,SAASE,eAAeA,CAAE;EACxCC,QAAQ;EACRC,SAAS;EACTC,SAAS;EACTC,EAAE,EAAEC,GAAG,GAAG,KAAK;EACf,GAAGC;AACJ,CAAC,EAAG;EACH,oBACC,IAAAP,WAAA,CAAAQ,GAAA,EAACF,GAAG;IACHH,SAAS,EAAG,IAAAM,aAAI,EAAE,4BAA4B,EAAEN,SAAU,CAAG;IAC7D,cAAaC,SAAW;IACxBM,IAAI,EAAC,QAAQ;IACbC,QAAQ,EAAC,IAAI;IAAA,GACRJ,KAAK;IAAAL,QAAA,EAERA;EAAQ,CACN,CAAC;AAER","ignoreList":[]}
|
|
@@ -5,9 +5,9 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5
5
|
value: true
|
|
6
6
|
});
|
|
7
7
|
exports.default = void 0;
|
|
8
|
-
var
|
|
9
|
-
var _classnames = _interopRequireDefault(require("classnames"));
|
|
8
|
+
var _clsx = _interopRequireDefault(require("clsx"));
|
|
10
9
|
var _components = require("@wordpress/components");
|
|
10
|
+
var _jsxRuntime = require("react/jsx-runtime");
|
|
11
11
|
/**
|
|
12
12
|
* External dependencies
|
|
13
13
|
*/
|
|
@@ -20,7 +20,7 @@ function PinnedItems({
|
|
|
20
20
|
scope,
|
|
21
21
|
...props
|
|
22
22
|
}) {
|
|
23
|
-
return (0,
|
|
23
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Fill, {
|
|
24
24
|
name: `PinnedItems/${scope}`,
|
|
25
25
|
...props
|
|
26
26
|
});
|
|
@@ -30,12 +30,14 @@ function PinnedItemsSlot({
|
|
|
30
30
|
className,
|
|
31
31
|
...props
|
|
32
32
|
}) {
|
|
33
|
-
return (0,
|
|
33
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Slot, {
|
|
34
34
|
name: `PinnedItems/${scope}`,
|
|
35
|
-
...props
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
35
|
+
...props,
|
|
36
|
+
children: fills => fills?.length > 0 && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
|
|
37
|
+
className: (0, _clsx.default)(className, 'interface-pinned-items'),
|
|
38
|
+
children: fills
|
|
39
|
+
})
|
|
40
|
+
});
|
|
39
41
|
}
|
|
40
42
|
PinnedItems.Slot = PinnedItemsSlot;
|
|
41
43
|
var _default = exports.default = PinnedItems;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["
|
|
1
|
+
{"version":3,"names":["_clsx","_interopRequireDefault","require","_components","_jsxRuntime","PinnedItems","scope","props","jsx","Fill","name","PinnedItemsSlot","className","Slot","children","fills","length","clsx","_default","exports","default"],"sources":["@wordpress/interface/src/components/pinned-items/index.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport clsx from 'clsx';\n\n/**\n * WordPress dependencies\n */\nimport { Slot, Fill } from '@wordpress/components';\n\nfunction PinnedItems( { scope, ...props } ) {\n\treturn <Fill name={ `PinnedItems/${ scope }` } { ...props } />;\n}\n\nfunction PinnedItemsSlot( { scope, className, ...props } ) {\n\treturn (\n\t\t<Slot name={ `PinnedItems/${ scope }` } { ...props }>\n\t\t\t{ ( fills ) =>\n\t\t\t\tfills?.length > 0 && (\n\t\t\t\t\t<div\n\t\t\t\t\t\tclassName={ clsx(\n\t\t\t\t\t\t\tclassName,\n\t\t\t\t\t\t\t'interface-pinned-items'\n\t\t\t\t\t\t) }\n\t\t\t\t\t>\n\t\t\t\t\t\t{ fills }\n\t\t\t\t\t</div>\n\t\t\t\t)\n\t\t\t}\n\t\t</Slot>\n\t);\n}\n\nPinnedItems.Slot = PinnedItemsSlot;\n\nexport default PinnedItems;\n"],"mappings":";;;;;;;AAGA,IAAAA,KAAA,GAAAC,sBAAA,CAAAC,OAAA;AAKA,IAAAC,WAAA,GAAAD,OAAA;AAAmD,IAAAE,WAAA,GAAAF,OAAA;AARnD;AACA;AACA;;AAGA;AACA;AACA;;AAGA,SAASG,WAAWA,CAAE;EAAEC,KAAK;EAAE,GAAGC;AAAM,CAAC,EAAG;EAC3C,oBAAO,IAAAH,WAAA,CAAAI,GAAA,EAACL,WAAA,CAAAM,IAAI;IAACC,IAAI,EAAI,eAAeJ,KAAO,EAAG;IAAA,GAAMC;EAAK,CAAI,CAAC;AAC/D;AAEA,SAASI,eAAeA,CAAE;EAAEL,KAAK;EAAEM,SAAS;EAAE,GAAGL;AAAM,CAAC,EAAG;EAC1D,oBACC,IAAAH,WAAA,CAAAI,GAAA,EAACL,WAAA,CAAAU,IAAI;IAACH,IAAI,EAAI,eAAeJ,KAAO,EAAG;IAAA,GAAMC,KAAK;IAAAO,QAAA,EAC7CC,KAAK,IACRA,KAAK,EAAEC,MAAM,GAAG,CAAC,iBAChB,IAAAZ,WAAA,CAAAI,GAAA;MACCI,SAAS,EAAG,IAAAK,aAAI,EACfL,SAAS,EACT,wBACD,CAAG;MAAAE,QAAA,EAEDC;IAAK,CACH;EACL,CAEG,CAAC;AAET;AAEAV,WAAW,CAACQ,IAAI,GAAGF,eAAe;AAAC,IAAAO,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAEpBf,WAAW","ignoreList":[]}
|
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
import { createElement } from "react";
|
|
2
1
|
/**
|
|
3
2
|
* WordPress dependencies
|
|
4
3
|
*/
|
|
5
4
|
import { ButtonGroup, Button, Slot, Fill } from '@wordpress/components';
|
|
6
5
|
import { Children } from '@wordpress/element';
|
|
6
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
7
7
|
const noop = () => {};
|
|
8
8
|
function ActionItemSlot({
|
|
9
9
|
name,
|
|
@@ -12,40 +12,42 @@ function ActionItemSlot({
|
|
|
12
12
|
bubblesVirtually,
|
|
13
13
|
...props
|
|
14
14
|
}) {
|
|
15
|
-
return
|
|
15
|
+
return /*#__PURE__*/_jsx(Slot, {
|
|
16
16
|
name: name,
|
|
17
17
|
bubblesVirtually: bubblesVirtually,
|
|
18
|
-
fillProps: fillProps
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
return null;
|
|
22
|
-
}
|
|
23
|
-
|
|
24
|
-
// Special handling exists for backward compatibility.
|
|
25
|
-
// It ensures that menu items created by plugin authors aren't
|
|
26
|
-
// duplicated with automatically injected menu items coming
|
|
27
|
-
// from pinnable plugin sidebars.
|
|
28
|
-
// @see https://github.com/WordPress/gutenberg/issues/14457
|
|
29
|
-
const initializedByPlugins = [];
|
|
30
|
-
Children.forEach(fills, ({
|
|
31
|
-
props: {
|
|
32
|
-
__unstableExplicitMenuItem,
|
|
33
|
-
__unstableTarget
|
|
34
|
-
}
|
|
35
|
-
}) => {
|
|
36
|
-
if (__unstableTarget && __unstableExplicitMenuItem) {
|
|
37
|
-
initializedByPlugins.push(__unstableTarget);
|
|
38
|
-
}
|
|
39
|
-
});
|
|
40
|
-
const children = Children.map(fills, child => {
|
|
41
|
-
if (!child.props.__unstableExplicitMenuItem && initializedByPlugins.includes(child.props.__unstableTarget)) {
|
|
18
|
+
fillProps: fillProps,
|
|
19
|
+
children: fills => {
|
|
20
|
+
if (!Children.toArray(fills).length) {
|
|
42
21
|
return null;
|
|
43
22
|
}
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
23
|
+
|
|
24
|
+
// Special handling exists for backward compatibility.
|
|
25
|
+
// It ensures that menu items created by plugin authors aren't
|
|
26
|
+
// duplicated with automatically injected menu items coming
|
|
27
|
+
// from pinnable plugin sidebars.
|
|
28
|
+
// @see https://github.com/WordPress/gutenberg/issues/14457
|
|
29
|
+
const initializedByPlugins = [];
|
|
30
|
+
Children.forEach(fills, ({
|
|
31
|
+
props: {
|
|
32
|
+
__unstableExplicitMenuItem,
|
|
33
|
+
__unstableTarget
|
|
34
|
+
}
|
|
35
|
+
}) => {
|
|
36
|
+
if (__unstableTarget && __unstableExplicitMenuItem) {
|
|
37
|
+
initializedByPlugins.push(__unstableTarget);
|
|
38
|
+
}
|
|
39
|
+
});
|
|
40
|
+
const children = Children.map(fills, child => {
|
|
41
|
+
if (!child.props.__unstableExplicitMenuItem && initializedByPlugins.includes(child.props.__unstableTarget)) {
|
|
42
|
+
return null;
|
|
43
|
+
}
|
|
44
|
+
return child;
|
|
45
|
+
});
|
|
46
|
+
return /*#__PURE__*/_jsx(Component, {
|
|
47
|
+
...props,
|
|
48
|
+
children: children
|
|
49
|
+
});
|
|
50
|
+
}
|
|
49
51
|
});
|
|
50
52
|
}
|
|
51
53
|
function ActionItem({
|
|
@@ -54,18 +56,19 @@ function ActionItem({
|
|
|
54
56
|
onClick,
|
|
55
57
|
...props
|
|
56
58
|
}) {
|
|
57
|
-
return
|
|
58
|
-
name: name
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
59
|
+
return /*#__PURE__*/_jsx(Fill, {
|
|
60
|
+
name: name,
|
|
61
|
+
children: ({
|
|
62
|
+
onClick: fpOnClick
|
|
63
|
+
}) => {
|
|
64
|
+
return /*#__PURE__*/_jsx(Component, {
|
|
65
|
+
onClick: onClick || fpOnClick ? (...args) => {
|
|
66
|
+
(onClick || noop)(...args);
|
|
67
|
+
(fpOnClick || noop)(...args);
|
|
68
|
+
} : undefined,
|
|
69
|
+
...props
|
|
70
|
+
});
|
|
71
|
+
}
|
|
69
72
|
});
|
|
70
73
|
}
|
|
71
74
|
ActionItem.Slot = ActionItemSlot;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["ButtonGroup","Button","Slot","Fill","Children","noop","ActionItemSlot","name","as","Component","fillProps","bubblesVirtually","props","
|
|
1
|
+
{"version":3,"names":["ButtonGroup","Button","Slot","Fill","Children","jsx","_jsx","noop","ActionItemSlot","name","as","Component","fillProps","bubblesVirtually","props","children","fills","toArray","length","initializedByPlugins","forEach","__unstableExplicitMenuItem","__unstableTarget","push","map","child","includes","ActionItem","onClick","fpOnClick","args","undefined"],"sources":["@wordpress/interface/src/components/action-item/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { ButtonGroup, Button, Slot, Fill } from '@wordpress/components';\nimport { Children } from '@wordpress/element';\n\nconst noop = () => {};\n\nfunction ActionItemSlot( {\n\tname,\n\tas: Component = ButtonGroup,\n\tfillProps = {},\n\tbubblesVirtually,\n\t...props\n} ) {\n\treturn (\n\t\t<Slot\n\t\t\tname={ name }\n\t\t\tbubblesVirtually={ bubblesVirtually }\n\t\t\tfillProps={ fillProps }\n\t\t>\n\t\t\t{ ( fills ) => {\n\t\t\t\tif ( ! Children.toArray( fills ).length ) {\n\t\t\t\t\treturn null;\n\t\t\t\t}\n\n\t\t\t\t// Special handling exists for backward compatibility.\n\t\t\t\t// It ensures that menu items created by plugin authors aren't\n\t\t\t\t// duplicated with automatically injected menu items coming\n\t\t\t\t// from pinnable plugin sidebars.\n\t\t\t\t// @see https://github.com/WordPress/gutenberg/issues/14457\n\t\t\t\tconst initializedByPlugins = [];\n\t\t\t\tChildren.forEach(\n\t\t\t\t\tfills,\n\t\t\t\t\t( {\n\t\t\t\t\t\tprops: { __unstableExplicitMenuItem, __unstableTarget },\n\t\t\t\t\t} ) => {\n\t\t\t\t\t\tif ( __unstableTarget && __unstableExplicitMenuItem ) {\n\t\t\t\t\t\t\tinitializedByPlugins.push( __unstableTarget );\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t);\n\t\t\t\tconst children = Children.map( fills, ( child ) => {\n\t\t\t\t\tif (\n\t\t\t\t\t\t! child.props.__unstableExplicitMenuItem &&\n\t\t\t\t\t\tinitializedByPlugins.includes(\n\t\t\t\t\t\t\tchild.props.__unstableTarget\n\t\t\t\t\t\t)\n\t\t\t\t\t) {\n\t\t\t\t\t\treturn null;\n\t\t\t\t\t}\n\t\t\t\t\treturn child;\n\t\t\t\t} );\n\n\t\t\t\treturn <Component { ...props }>{ children }</Component>;\n\t\t\t} }\n\t\t</Slot>\n\t);\n}\n\nfunction ActionItem( { name, as: Component = Button, onClick, ...props } ) {\n\treturn (\n\t\t<Fill name={ name }>\n\t\t\t{ ( { onClick: fpOnClick } ) => {\n\t\t\t\treturn (\n\t\t\t\t\t<Component\n\t\t\t\t\t\tonClick={\n\t\t\t\t\t\t\tonClick || fpOnClick\n\t\t\t\t\t\t\t\t? ( ...args ) => {\n\t\t\t\t\t\t\t\t\t\t( onClick || noop )( ...args );\n\t\t\t\t\t\t\t\t\t\t( fpOnClick || noop )( ...args );\n\t\t\t\t\t\t\t\t }\n\t\t\t\t\t\t\t\t: undefined\n\t\t\t\t\t\t}\n\t\t\t\t\t\t{ ...props }\n\t\t\t\t\t/>\n\t\t\t\t);\n\t\t\t} }\n\t\t</Fill>\n\t);\n}\n\nActionItem.Slot = ActionItemSlot;\n\nexport default ActionItem;\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,WAAW,EAAEC,MAAM,EAAEC,IAAI,EAAEC,IAAI,QAAQ,uBAAuB;AACvE,SAASC,QAAQ,QAAQ,oBAAoB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAE9C,MAAMC,IAAI,GAAGA,CAAA,KAAM,CAAC,CAAC;AAErB,SAASC,cAAcA,CAAE;EACxBC,IAAI;EACJC,EAAE,EAAEC,SAAS,GAAGX,WAAW;EAC3BY,SAAS,GAAG,CAAC,CAAC;EACdC,gBAAgB;EAChB,GAAGC;AACJ,CAAC,EAAG;EACH,oBACCR,IAAA,CAACJ,IAAI;IACJO,IAAI,EAAGA,IAAM;IACbI,gBAAgB,EAAGA,gBAAkB;IACrCD,SAAS,EAAGA,SAAW;IAAAG,QAAA,EAEnBC,KAAK,IAAM;MACd,IAAK,CAAEZ,QAAQ,CAACa,OAAO,CAAED,KAAM,CAAC,CAACE,MAAM,EAAG;QACzC,OAAO,IAAI;MACZ;;MAEA;MACA;MACA;MACA;MACA;MACA,MAAMC,oBAAoB,GAAG,EAAE;MAC/Bf,QAAQ,CAACgB,OAAO,CACfJ,KAAK,EACL,CAAE;QACDF,KAAK,EAAE;UAAEO,0BAA0B;UAAEC;QAAiB;MACvD,CAAC,KAAM;QACN,IAAKA,gBAAgB,IAAID,0BAA0B,EAAG;UACrDF,oBAAoB,CAACI,IAAI,CAAED,gBAAiB,CAAC;QAC9C;MACD,CACD,CAAC;MACD,MAAMP,QAAQ,GAAGX,QAAQ,CAACoB,GAAG,CAAER,KAAK,EAAIS,KAAK,IAAM;QAClD,IACC,CAAEA,KAAK,CAACX,KAAK,CAACO,0BAA0B,IACxCF,oBAAoB,CAACO,QAAQ,CAC5BD,KAAK,CAACX,KAAK,CAACQ,gBACb,CAAC,EACA;UACD,OAAO,IAAI;QACZ;QACA,OAAOG,KAAK;MACb,CAAE,CAAC;MAEH,oBAAOnB,IAAA,CAACK,SAAS;QAAA,GAAMG,KAAK;QAAAC,QAAA,EAAKA;MAAQ,CAAa,CAAC;IACxD;EAAC,CACI,CAAC;AAET;AAEA,SAASY,UAAUA,CAAE;EAAElB,IAAI;EAAEC,EAAE,EAAEC,SAAS,GAAGV,MAAM;EAAE2B,OAAO;EAAE,GAAGd;AAAM,CAAC,EAAG;EAC1E,oBACCR,IAAA,CAACH,IAAI;IAACM,IAAI,EAAGA,IAAM;IAAAM,QAAA,EAChBA,CAAE;MAAEa,OAAO,EAAEC;IAAU,CAAC,KAAM;MAC/B,oBACCvB,IAAA,CAACK,SAAS;QACTiB,OAAO,EACNA,OAAO,IAAIC,SAAS,GACjB,CAAE,GAAGC,IAAI,KAAM;UACf,CAAEF,OAAO,IAAIrB,IAAI,EAAI,GAAGuB,IAAK,CAAC;UAC9B,CAAED,SAAS,IAAItB,IAAI,EAAI,GAAGuB,IAAK,CAAC;QAChC,CAAC,GACDC,SACH;QAAA,GACIjB;MAAK,CACV,CAAC;IAEJ;EAAC,CACI,CAAC;AAET;AAEAa,UAAU,CAACzB,IAAI,GAAGM,cAAc;AAEhC,eAAemB,UAAU","ignoreList":[]}
|