@wordpress/edit-post 8.43.1-next.v.202604091042.0 → 8.45.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +8 -0
- package/build/components/back-button/fullscreen-mode-close.cjs +1 -1
- package/build/components/back-button/fullscreen-mode-close.cjs.map +1 -1
- package/build/components/layout/index.cjs +2 -1
- package/build/components/layout/index.cjs.map +2 -2
- package/build/components/meta-boxes/use-meta-box-initialization.cjs +10 -4
- package/build/components/meta-boxes/use-meta-box-initialization.cjs.map +3 -3
- package/build/store/reducer.cjs +4 -1
- package/build/store/reducer.cjs.map +2 -2
- package/build-module/components/back-button/fullscreen-mode-close.mjs +1 -1
- package/build-module/components/back-button/fullscreen-mode-close.mjs.map +1 -1
- package/build-module/components/layout/index.mjs +1 -1
- package/build-module/components/layout/index.mjs.map +2 -2
- package/build-module/components/meta-boxes/use-meta-box-initialization.mjs +10 -4
- package/build-module/components/meta-boxes/use-meta-box-initialization.mjs.map +2 -2
- package/build-module/store/reducer.mjs +4 -1
- package/build-module/store/reducer.mjs.map +2 -2
- package/build-style/classic-rtl.css +2 -1
- package/build-style/classic.css +2 -1
- package/build-style/style-rtl.css +1 -136
- package/build-style/style.css +1 -136
- package/package.json +34 -33
- package/src/classic.scss +4 -1
- package/src/components/back-button/fullscreen-mode-close.js +1 -1
- package/src/components/layout/index.js +2 -2
- package/src/components/layout/style.scss +1 -1
- package/src/components/meta-boxes/test/use-meta-box-initialization.js +191 -0
- package/src/components/meta-boxes/use-meta-box-initialization.js +14 -4
- package/src/store/reducer.js +4 -1
- package/src/style.scss +0 -1
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../src/components/meta-boxes/use-meta-box-initialization.js"],
|
|
4
|
-
"sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { useDispatch, useSelect } from '@wordpress/data';\nimport { store as editorStore } from '@wordpress/editor';\nimport { store as coreStore } from '@wordpress/core-data';\nimport { useEffect } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport { store as editPostStore } from '../../store';\nimport { unlock } from '../../lock-unlock';\n\n/**\n * Initializes WordPress `postboxes` script and the logic for saving meta boxes.\n *\n * @param { boolean } enabled\n */\nexport const useMetaBoxInitialization = ( enabled ) => {\n\tconst {
|
|
5
|
-
"mappings": ";AAGA,SAAS,aAAa,iBAAiB;AACvC,SAAS,SAAS,mBAAmB;AACrC,SAAS,SAAS,iBAAiB;AACnC,SAAS,iBAAiB;AAK1B,SAAS,SAAS,qBAAqB;AACvC,SAAS,cAAc;AAOhB,IAAM,2BAA2B,CAAE,YAAa;AACtD,QAAM,
|
|
4
|
+
"sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { useDispatch, useSelect } from '@wordpress/data';\nimport { store as editorStore } from '@wordpress/editor';\nimport { store as coreStore } from '@wordpress/core-data';\nimport { useEffect } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport { store as editPostStore } from '../../store';\nimport { unlock } from '../../lock-unlock';\n\n/**\n * Initializes WordPress `postboxes` script and the logic for saving meta boxes.\n *\n * @param { boolean } enabled\n */\nexport const useMetaBoxInitialization = ( enabled ) => {\n\tconst {\n\t\tisEnabledAndEditorReady,\n\t\tisCollaborationEnabled,\n\t\thasIncompatibleMetaBoxes,\n\t} = useSelect(\n\t\t( select ) => ( {\n\t\t\tisEnabledAndEditorReady:\n\t\t\t\tenabled && select( editorStore ).__unstableIsEditorReady(),\n\t\t\tisCollaborationEnabled:\n\t\t\t\tselect( editorStore ).isCollaborationEnabledForCurrentPost(),\n\t\t\thasIncompatibleMetaBoxes: enabled\n\t\t\t\t? select( editPostStore )\n\t\t\t\t\t\t.getAllMetaBoxes()\n\t\t\t\t\t\t.some( ( metaBox ) => ! metaBox.__rtc_compatible )\n\t\t\t\t: false,\n\t\t} ),\n\t\t[ enabled ]\n\t);\n\tconst { setCollaborationSupported } = unlock( useDispatch( coreStore ) );\n\tconst { initializeMetaBoxes } = useDispatch( editPostStore );\n\n\t// The effect has to rerun when the editor is ready because initializeMetaBoxes\n\t// will noop until then.\n\tuseEffect( () => {\n\t\tif ( isEnabledAndEditorReady ) {\n\t\t\tinitializeMetaBoxes();\n\n\t\t\t// Disable real-time collaboration when incompatible meta boxes are detected.\n\t\t\tif ( isCollaborationEnabled && hasIncompatibleMetaBoxes ) {\n\t\t\t\tsetCollaborationSupported( false );\n\t\t\t}\n\t\t}\n\t}, [\n\t\tisEnabledAndEditorReady,\n\t\tinitializeMetaBoxes,\n\t\tisCollaborationEnabled,\n\t\tsetCollaborationSupported,\n\t\thasIncompatibleMetaBoxes,\n\t] );\n};\n"],
|
|
5
|
+
"mappings": ";AAGA,SAAS,aAAa,iBAAiB;AACvC,SAAS,SAAS,mBAAmB;AACrC,SAAS,SAAS,iBAAiB;AACnC,SAAS,iBAAiB;AAK1B,SAAS,SAAS,qBAAqB;AACvC,SAAS,cAAc;AAOhB,IAAM,2BAA2B,CAAE,YAAa;AACtD,QAAM;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,EACD,IAAI;AAAA,IACH,CAAE,YAAc;AAAA,MACf,yBACC,WAAW,OAAQ,WAAY,EAAE,wBAAwB;AAAA,MAC1D,wBACC,OAAQ,WAAY,EAAE,qCAAqC;AAAA,MAC5D,0BAA0B,UACvB,OAAQ,aAAc,EACrB,gBAAgB,EAChB,KAAM,CAAE,YAAa,CAAE,QAAQ,gBAAiB,IACjD;AAAA,IACJ;AAAA,IACA,CAAE,OAAQ;AAAA,EACX;AACA,QAAM,EAAE,0BAA0B,IAAI,OAAQ,YAAa,SAAU,CAAE;AACvE,QAAM,EAAE,oBAAoB,IAAI,YAAa,aAAc;AAI3D,YAAW,MAAM;AAChB,QAAK,yBAA0B;AAC9B,0BAAoB;AAGpB,UAAK,0BAA0B,0BAA2B;AACzD,kCAA2B,KAAM;AAAA,MAClC;AAAA,IACD;AAAA,EACD,GAAG;AAAA,IACF;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACD,CAAE;AACH;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -18,7 +18,10 @@ function mergeMetaboxes(metaboxes = [], newMetaboxes) {
|
|
|
18
18
|
(box) => box.id === metabox.id
|
|
19
19
|
);
|
|
20
20
|
if (existing !== -1) {
|
|
21
|
-
mergedMetaboxes[existing] =
|
|
21
|
+
mergedMetaboxes[existing] = {
|
|
22
|
+
...mergedMetaboxes[existing],
|
|
23
|
+
...metabox
|
|
24
|
+
};
|
|
22
25
|
} else {
|
|
23
26
|
mergedMetaboxes.push(metabox);
|
|
24
27
|
}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/store/reducer.js"],
|
|
4
|
-
"sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { combineReducers } from '@wordpress/data';\n\n/**\n * Reducer keeping track of the meta boxes isSaving state.\n * A \"true\" value means the meta boxes saving request is in-flight.\n *\n *\n * @param {boolean} state Previous state.\n * @param {Object} action Action Object.\n *\n * @return {Object} Updated state.\n */\nexport function isSavingMetaBoxes( state = false, action ) {\n\tswitch ( action.type ) {\n\t\tcase 'REQUEST_META_BOX_UPDATES':\n\t\t\treturn true;\n\t\tcase 'META_BOX_UPDATES_SUCCESS':\n\t\tcase 'META_BOX_UPDATES_FAILURE':\n\t\t\treturn false;\n\t\tdefault:\n\t\t\treturn state;\n\t}\n}\n\nfunction mergeMetaboxes( metaboxes = [], newMetaboxes ) {\n\tconst mergedMetaboxes = [ ...metaboxes ];\n\tfor ( const metabox of newMetaboxes ) {\n\t\tconst existing = mergedMetaboxes.findIndex(\n\t\t\t( box ) => box.id === metabox.id\n\t\t);\n\t\tif ( existing !== -1 ) {\n\t\t\tmergedMetaboxes[ existing ] = metabox;\n\t\t} else {\n\t\t\tmergedMetaboxes.push( metabox );\n\t\t}\n\t}\n\treturn mergedMetaboxes;\n}\n\n/**\n * Reducer keeping track of the meta boxes per location.\n *\n * @param {boolean} state Previous state.\n * @param {Object} action Action Object.\n *\n * @return {Object} Updated state.\n */\nexport function metaBoxLocations( state = {}, action ) {\n\tswitch ( action.type ) {\n\t\tcase 'SET_META_BOXES_PER_LOCATIONS': {\n\t\t\tconst newState = { ...state };\n\t\t\tfor ( const [ location, metaboxes ] of Object.entries(\n\t\t\t\taction.metaBoxesPerLocation\n\t\t\t) ) {\n\t\t\t\tnewState[ location ] = mergeMetaboxes(\n\t\t\t\t\tnewState[ location ],\n\t\t\t\t\tmetaboxes\n\t\t\t\t);\n\t\t\t}\n\t\t\treturn newState;\n\t\t}\n\t}\n\n\treturn state;\n}\n\n/**\n * Reducer tracking whether meta boxes are initialized.\n *\n * @param {boolean} state\n * @param {Object} action\n *\n * @return {boolean} Updated state.\n */\nfunction metaBoxesInitialized( state = false, action ) {\n\tswitch ( action.type ) {\n\t\tcase 'META_BOXES_INITIALIZED':\n\t\t\treturn true;\n\t}\n\treturn state;\n}\n\nconst metaBoxes = combineReducers( {\n\tisSaving: isSavingMetaBoxes,\n\tlocations: metaBoxLocations,\n\tinitialized: metaBoxesInitialized,\n} );\n\nexport default combineReducers( {\n\tmetaBoxes,\n} );\n"],
|
|
5
|
-
"mappings": ";AAGA,SAAS,uBAAuB;AAYzB,SAAS,kBAAmB,QAAQ,OAAO,QAAS;AAC1D,UAAS,OAAO,MAAO;AAAA,IACtB,KAAK;AACJ,aAAO;AAAA,IACR,KAAK;AAAA,IACL,KAAK;AACJ,aAAO;AAAA,IACR;AACC,aAAO;AAAA,EACT;AACD;AAEA,SAAS,eAAgB,YAAY,CAAC,GAAG,cAAe;AACvD,QAAM,kBAAkB,CAAE,GAAG,SAAU;AACvC,aAAY,WAAW,cAAe;AACrC,UAAM,WAAW,gBAAgB;AAAA,MAChC,CAAE,QAAS,IAAI,OAAO,QAAQ;AAAA,IAC/B;AACA,QAAK,aAAa,IAAK;AACtB,sBAAiB,QAAS,IAAI;AAAA,
|
|
4
|
+
"sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { combineReducers } from '@wordpress/data';\n\n/**\n * Reducer keeping track of the meta boxes isSaving state.\n * A \"true\" value means the meta boxes saving request is in-flight.\n *\n *\n * @param {boolean} state Previous state.\n * @param {Object} action Action Object.\n *\n * @return {Object} Updated state.\n */\nexport function isSavingMetaBoxes( state = false, action ) {\n\tswitch ( action.type ) {\n\t\tcase 'REQUEST_META_BOX_UPDATES':\n\t\t\treturn true;\n\t\tcase 'META_BOX_UPDATES_SUCCESS':\n\t\tcase 'META_BOX_UPDATES_FAILURE':\n\t\t\treturn false;\n\t\tdefault:\n\t\t\treturn state;\n\t}\n}\n\nfunction mergeMetaboxes( metaboxes = [], newMetaboxes ) {\n\tconst mergedMetaboxes = [ ...metaboxes ];\n\tfor ( const metabox of newMetaboxes ) {\n\t\tconst existing = mergedMetaboxes.findIndex(\n\t\t\t( box ) => box.id === metabox.id\n\t\t);\n\t\tif ( existing !== -1 ) {\n\t\t\tmergedMetaboxes[ existing ] = {\n\t\t\t\t...mergedMetaboxes[ existing ],\n\t\t\t\t...metabox,\n\t\t\t};\n\t\t} else {\n\t\t\tmergedMetaboxes.push( metabox );\n\t\t}\n\t}\n\treturn mergedMetaboxes;\n}\n\n/**\n * Reducer keeping track of the meta boxes per location.\n *\n * @param {boolean} state Previous state.\n * @param {Object} action Action Object.\n *\n * @return {Object} Updated state.\n */\nexport function metaBoxLocations( state = {}, action ) {\n\tswitch ( action.type ) {\n\t\tcase 'SET_META_BOXES_PER_LOCATIONS': {\n\t\t\tconst newState = { ...state };\n\t\t\tfor ( const [ location, metaboxes ] of Object.entries(\n\t\t\t\taction.metaBoxesPerLocation\n\t\t\t) ) {\n\t\t\t\tnewState[ location ] = mergeMetaboxes(\n\t\t\t\t\tnewState[ location ],\n\t\t\t\t\tmetaboxes\n\t\t\t\t);\n\t\t\t}\n\t\t\treturn newState;\n\t\t}\n\t}\n\n\treturn state;\n}\n\n/**\n * Reducer tracking whether meta boxes are initialized.\n *\n * @param {boolean} state\n * @param {Object} action\n *\n * @return {boolean} Updated state.\n */\nfunction metaBoxesInitialized( state = false, action ) {\n\tswitch ( action.type ) {\n\t\tcase 'META_BOXES_INITIALIZED':\n\t\t\treturn true;\n\t}\n\treturn state;\n}\n\nconst metaBoxes = combineReducers( {\n\tisSaving: isSavingMetaBoxes,\n\tlocations: metaBoxLocations,\n\tinitialized: metaBoxesInitialized,\n} );\n\nexport default combineReducers( {\n\tmetaBoxes,\n} );\n"],
|
|
5
|
+
"mappings": ";AAGA,SAAS,uBAAuB;AAYzB,SAAS,kBAAmB,QAAQ,OAAO,QAAS;AAC1D,UAAS,OAAO,MAAO;AAAA,IACtB,KAAK;AACJ,aAAO;AAAA,IACR,KAAK;AAAA,IACL,KAAK;AACJ,aAAO;AAAA,IACR;AACC,aAAO;AAAA,EACT;AACD;AAEA,SAAS,eAAgB,YAAY,CAAC,GAAG,cAAe;AACvD,QAAM,kBAAkB,CAAE,GAAG,SAAU;AACvC,aAAY,WAAW,cAAe;AACrC,UAAM,WAAW,gBAAgB;AAAA,MAChC,CAAE,QAAS,IAAI,OAAO,QAAQ;AAAA,IAC/B;AACA,QAAK,aAAa,IAAK;AACtB,sBAAiB,QAAS,IAAI;AAAA,QAC7B,GAAG,gBAAiB,QAAS;AAAA,QAC7B,GAAG;AAAA,MACJ;AAAA,IACD,OAAO;AACN,sBAAgB,KAAM,OAAQ;AAAA,IAC/B;AAAA,EACD;AACA,SAAO;AACR;AAUO,SAAS,iBAAkB,QAAQ,CAAC,GAAG,QAAS;AACtD,UAAS,OAAO,MAAO;AAAA,IACtB,KAAK,gCAAgC;AACpC,YAAM,WAAW,EAAE,GAAG,MAAM;AAC5B,iBAAY,CAAE,UAAU,SAAU,KAAK,OAAO;AAAA,QAC7C,OAAO;AAAA,MACR,GAAI;AACH,iBAAU,QAAS,IAAI;AAAA,UACtB,SAAU,QAAS;AAAA,UACnB;AAAA,QACD;AAAA,MACD;AACA,aAAO;AAAA,IACR;AAAA,EACD;AAEA,SAAO;AACR;AAUA,SAAS,qBAAsB,QAAQ,OAAO,QAAS;AACtD,UAAS,OAAO,MAAO;AAAA,IACtB,KAAK;AACJ,aAAO;AAAA,EACT;AACA,SAAO;AACR;AAEA,IAAM,YAAY,gBAAiB;AAAA,EAClC,UAAU;AAAA,EACV,WAAW;AAAA,EACX,aAAa;AACd,CAAE;AAEF,IAAO,kBAAQ,gBAAiB;AAAA,EAC/B;AACD,CAAE;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -92,9 +92,10 @@
|
|
|
92
92
|
margin-left: auto;
|
|
93
93
|
}
|
|
94
94
|
|
|
95
|
-
|
|
95
|
+
.editor-styles-wrapper {
|
|
96
96
|
padding: 8px;
|
|
97
97
|
}
|
|
98
|
+
|
|
98
99
|
html :where(.editor-styles-wrapper) .block-editor-block-list__layout.is-root-container > .wp-block[data-align=full] {
|
|
99
100
|
margin-right: -8px;
|
|
100
101
|
margin-left: -8px;
|
package/build-style/classic.css
CHANGED
|
@@ -92,9 +92,10 @@
|
|
|
92
92
|
margin-right: auto;
|
|
93
93
|
}
|
|
94
94
|
|
|
95
|
-
|
|
95
|
+
.editor-styles-wrapper {
|
|
96
96
|
padding: 8px;
|
|
97
97
|
}
|
|
98
|
+
|
|
98
99
|
html :where(.editor-styles-wrapper) .block-editor-block-list__layout.is-root-container > .wp-block[data-align=full] {
|
|
99
100
|
margin-left: -8px;
|
|
100
101
|
margin-right: -8px;
|
|
@@ -106,141 +106,6 @@
|
|
|
106
106
|
}
|
|
107
107
|
}
|
|
108
108
|
|
|
109
|
-
.admin-ui-page {
|
|
110
|
-
display: flex;
|
|
111
|
-
height: 100%;
|
|
112
|
-
background-color: var(--wpds-color-bg-surface-neutral-strong, #ffffff);
|
|
113
|
-
color: var(--wpds-color-fg-content-neutral, #1e1e1e);
|
|
114
|
-
position: relative;
|
|
115
|
-
z-index: 1;
|
|
116
|
-
flex-flow: column;
|
|
117
|
-
text-wrap: pretty;
|
|
118
|
-
}
|
|
119
|
-
|
|
120
|
-
.admin-ui-page__header {
|
|
121
|
-
padding: var(--wpds-dimension-padding-md, 12px) var(--wpds-dimension-padding-2xl, 24px);
|
|
122
|
-
border-bottom: var(--wpds-border-width-xs, 1px) solid var(--wpds-color-stroke-surface-neutral-weak, #e0e0e0);
|
|
123
|
-
background: var(--wpds-color-bg-surface-neutral-strong, #ffffff);
|
|
124
|
-
position: sticky;
|
|
125
|
-
top: 0;
|
|
126
|
-
z-index: 1;
|
|
127
|
-
}
|
|
128
|
-
|
|
129
|
-
.admin-ui-page__header-title {
|
|
130
|
-
font-family: var(--wpds-font-family-heading, -apple-system, system-ui, "Segoe UI", "Roboto", "Oxygen-Sans", "Ubuntu", "Cantarell", "Helvetica Neue", sans-serif);
|
|
131
|
-
font-size: var(--wpds-font-size-lg, 15px);
|
|
132
|
-
font-weight: var(--wpds-font-weight-medium, 499);
|
|
133
|
-
line-height: var(--wpds-font-line-height-lg, 28px);
|
|
134
|
-
margin: 0;
|
|
135
|
-
overflow: hidden;
|
|
136
|
-
text-overflow: ellipsis;
|
|
137
|
-
white-space: nowrap;
|
|
138
|
-
}
|
|
139
|
-
|
|
140
|
-
.admin-ui-page__sidebar-toggle-slot:empty {
|
|
141
|
-
display: none;
|
|
142
|
-
}
|
|
143
|
-
|
|
144
|
-
.admin-ui-page__header-subtitle {
|
|
145
|
-
padding-block-end: var(--wpds-dimension-padding-xs, 4px);
|
|
146
|
-
color: var(--wpds-color-fg-content-neutral-weak, #6d6d6d);
|
|
147
|
-
font-size: var(--wpds-font-size-md, 13px);
|
|
148
|
-
line-height: var(--wpds-font-line-height-md, 24px);
|
|
149
|
-
margin: 0;
|
|
150
|
-
}
|
|
151
|
-
|
|
152
|
-
.admin-ui-page__content {
|
|
153
|
-
flex-grow: 1;
|
|
154
|
-
overflow: auto;
|
|
155
|
-
display: flex;
|
|
156
|
-
flex-direction: column;
|
|
157
|
-
}
|
|
158
|
-
|
|
159
|
-
.admin-ui-page__content.has-padding {
|
|
160
|
-
padding: var(--wpds-dimension-padding-lg, 16px) var(--wpds-dimension-padding-2xl, 24px);
|
|
161
|
-
}
|
|
162
|
-
|
|
163
|
-
.show-icon-labels .admin-ui-page__header-actions .components-button.has-icon {
|
|
164
|
-
width: auto;
|
|
165
|
-
padding: 0 var(--wpds-dimension-padding-xs, 4px);
|
|
166
|
-
}
|
|
167
|
-
|
|
168
|
-
.show-icon-labels .admin-ui-page__header-actions .components-button.has-icon svg {
|
|
169
|
-
display: none;
|
|
170
|
-
}
|
|
171
|
-
|
|
172
|
-
.show-icon-labels .admin-ui-page__header-actions .components-button.has-icon::after {
|
|
173
|
-
content: attr(aria-label);
|
|
174
|
-
font-size: var(--wpds-font-size-sm, 12px);
|
|
175
|
-
}
|
|
176
|
-
|
|
177
|
-
/**
|
|
178
|
-
* SCSS Variables.
|
|
179
|
-
*
|
|
180
|
-
* Please use variables from this sheet to ensure consistency across the UI.
|
|
181
|
-
* Don't add to this sheet unless you're pretty sure the value will be reused in many places.
|
|
182
|
-
* For example, don't add rules to this sheet that affect block visuals. It's purely for UI.
|
|
183
|
-
*/
|
|
184
|
-
/**
|
|
185
|
-
* Colors
|
|
186
|
-
*/
|
|
187
|
-
/**
|
|
188
|
-
* Fonts & basic variables.
|
|
189
|
-
*/
|
|
190
|
-
/**
|
|
191
|
-
* Typography
|
|
192
|
-
*/
|
|
193
|
-
/**
|
|
194
|
-
* Grid System.
|
|
195
|
-
* https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/
|
|
196
|
-
*/
|
|
197
|
-
/**
|
|
198
|
-
* Radius scale.
|
|
199
|
-
*/
|
|
200
|
-
/**
|
|
201
|
-
* Elevation scale.
|
|
202
|
-
*/
|
|
203
|
-
/**
|
|
204
|
-
* Dimensions.
|
|
205
|
-
*/
|
|
206
|
-
/**
|
|
207
|
-
* Mobile specific styles
|
|
208
|
-
*/
|
|
209
|
-
/**
|
|
210
|
-
* Editor styles.
|
|
211
|
-
*/
|
|
212
|
-
/**
|
|
213
|
-
* Block & Editor UI.
|
|
214
|
-
*/
|
|
215
|
-
/**
|
|
216
|
-
* Block paddings.
|
|
217
|
-
*/
|
|
218
|
-
/**
|
|
219
|
-
* React Native specific.
|
|
220
|
-
* These variables do not appear to be used anywhere else.
|
|
221
|
-
*/
|
|
222
|
-
.admin-ui-breadcrumbs__list {
|
|
223
|
-
font-family: var(--wpds-font-family-heading, -apple-system, system-ui, "Segoe UI", "Roboto", "Oxygen-Sans", "Ubuntu", "Cantarell", "Helvetica Neue", sans-serif);
|
|
224
|
-
font-size: var(--wpds-font-size-lg, 15px);
|
|
225
|
-
font-weight: var(--wpds-font-weight-medium, 499);
|
|
226
|
-
line-height: var(--wpds-font-line-height-lg, 28px);
|
|
227
|
-
list-style: none;
|
|
228
|
-
padding: 0;
|
|
229
|
-
margin: 0;
|
|
230
|
-
gap: 0;
|
|
231
|
-
min-height: 32px;
|
|
232
|
-
}
|
|
233
|
-
|
|
234
|
-
.admin-ui-breadcrumbs__list li:not(:last-child)::after {
|
|
235
|
-
content: "/";
|
|
236
|
-
margin: 0 8px;
|
|
237
|
-
}
|
|
238
|
-
|
|
239
|
-
.admin-ui-breadcrumbs__list h1 {
|
|
240
|
-
font-size: inherit;
|
|
241
|
-
line-height: inherit;
|
|
242
|
-
}
|
|
243
|
-
|
|
244
109
|
.edit-post-fullscreen-mode-close__view-mode-toggle {
|
|
245
110
|
top: 0;
|
|
246
111
|
right: 0;
|
|
@@ -367,7 +232,7 @@
|
|
|
367
232
|
touch-action: none;
|
|
368
233
|
}
|
|
369
234
|
.edit-post-meta-boxes-main__presenter > button[aria-expanded] {
|
|
370
|
-
cursor: pointer;
|
|
235
|
+
cursor: var(--wpds-cursor-control, pointer);
|
|
371
236
|
width: 100%;
|
|
372
237
|
display: flex;
|
|
373
238
|
justify-content: space-between;
|
package/build-style/style.css
CHANGED
|
@@ -106,141 +106,6 @@
|
|
|
106
106
|
}
|
|
107
107
|
}
|
|
108
108
|
|
|
109
|
-
.admin-ui-page {
|
|
110
|
-
display: flex;
|
|
111
|
-
height: 100%;
|
|
112
|
-
background-color: var(--wpds-color-bg-surface-neutral-strong, #ffffff);
|
|
113
|
-
color: var(--wpds-color-fg-content-neutral, #1e1e1e);
|
|
114
|
-
position: relative;
|
|
115
|
-
z-index: 1;
|
|
116
|
-
flex-flow: column;
|
|
117
|
-
text-wrap: pretty;
|
|
118
|
-
}
|
|
119
|
-
|
|
120
|
-
.admin-ui-page__header {
|
|
121
|
-
padding: var(--wpds-dimension-padding-md, 12px) var(--wpds-dimension-padding-2xl, 24px);
|
|
122
|
-
border-bottom: var(--wpds-border-width-xs, 1px) solid var(--wpds-color-stroke-surface-neutral-weak, #e0e0e0);
|
|
123
|
-
background: var(--wpds-color-bg-surface-neutral-strong, #ffffff);
|
|
124
|
-
position: sticky;
|
|
125
|
-
top: 0;
|
|
126
|
-
z-index: 1;
|
|
127
|
-
}
|
|
128
|
-
|
|
129
|
-
.admin-ui-page__header-title {
|
|
130
|
-
font-family: var(--wpds-font-family-heading, -apple-system, system-ui, "Segoe UI", "Roboto", "Oxygen-Sans", "Ubuntu", "Cantarell", "Helvetica Neue", sans-serif);
|
|
131
|
-
font-size: var(--wpds-font-size-lg, 15px);
|
|
132
|
-
font-weight: var(--wpds-font-weight-medium, 499);
|
|
133
|
-
line-height: var(--wpds-font-line-height-lg, 28px);
|
|
134
|
-
margin: 0;
|
|
135
|
-
overflow: hidden;
|
|
136
|
-
text-overflow: ellipsis;
|
|
137
|
-
white-space: nowrap;
|
|
138
|
-
}
|
|
139
|
-
|
|
140
|
-
.admin-ui-page__sidebar-toggle-slot:empty {
|
|
141
|
-
display: none;
|
|
142
|
-
}
|
|
143
|
-
|
|
144
|
-
.admin-ui-page__header-subtitle {
|
|
145
|
-
padding-block-end: var(--wpds-dimension-padding-xs, 4px);
|
|
146
|
-
color: var(--wpds-color-fg-content-neutral-weak, #6d6d6d);
|
|
147
|
-
font-size: var(--wpds-font-size-md, 13px);
|
|
148
|
-
line-height: var(--wpds-font-line-height-md, 24px);
|
|
149
|
-
margin: 0;
|
|
150
|
-
}
|
|
151
|
-
|
|
152
|
-
.admin-ui-page__content {
|
|
153
|
-
flex-grow: 1;
|
|
154
|
-
overflow: auto;
|
|
155
|
-
display: flex;
|
|
156
|
-
flex-direction: column;
|
|
157
|
-
}
|
|
158
|
-
|
|
159
|
-
.admin-ui-page__content.has-padding {
|
|
160
|
-
padding: var(--wpds-dimension-padding-lg, 16px) var(--wpds-dimension-padding-2xl, 24px);
|
|
161
|
-
}
|
|
162
|
-
|
|
163
|
-
.show-icon-labels .admin-ui-page__header-actions .components-button.has-icon {
|
|
164
|
-
width: auto;
|
|
165
|
-
padding: 0 var(--wpds-dimension-padding-xs, 4px);
|
|
166
|
-
}
|
|
167
|
-
|
|
168
|
-
.show-icon-labels .admin-ui-page__header-actions .components-button.has-icon svg {
|
|
169
|
-
display: none;
|
|
170
|
-
}
|
|
171
|
-
|
|
172
|
-
.show-icon-labels .admin-ui-page__header-actions .components-button.has-icon::after {
|
|
173
|
-
content: attr(aria-label);
|
|
174
|
-
font-size: var(--wpds-font-size-sm, 12px);
|
|
175
|
-
}
|
|
176
|
-
|
|
177
|
-
/**
|
|
178
|
-
* SCSS Variables.
|
|
179
|
-
*
|
|
180
|
-
* Please use variables from this sheet to ensure consistency across the UI.
|
|
181
|
-
* Don't add to this sheet unless you're pretty sure the value will be reused in many places.
|
|
182
|
-
* For example, don't add rules to this sheet that affect block visuals. It's purely for UI.
|
|
183
|
-
*/
|
|
184
|
-
/**
|
|
185
|
-
* Colors
|
|
186
|
-
*/
|
|
187
|
-
/**
|
|
188
|
-
* Fonts & basic variables.
|
|
189
|
-
*/
|
|
190
|
-
/**
|
|
191
|
-
* Typography
|
|
192
|
-
*/
|
|
193
|
-
/**
|
|
194
|
-
* Grid System.
|
|
195
|
-
* https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/
|
|
196
|
-
*/
|
|
197
|
-
/**
|
|
198
|
-
* Radius scale.
|
|
199
|
-
*/
|
|
200
|
-
/**
|
|
201
|
-
* Elevation scale.
|
|
202
|
-
*/
|
|
203
|
-
/**
|
|
204
|
-
* Dimensions.
|
|
205
|
-
*/
|
|
206
|
-
/**
|
|
207
|
-
* Mobile specific styles
|
|
208
|
-
*/
|
|
209
|
-
/**
|
|
210
|
-
* Editor styles.
|
|
211
|
-
*/
|
|
212
|
-
/**
|
|
213
|
-
* Block & Editor UI.
|
|
214
|
-
*/
|
|
215
|
-
/**
|
|
216
|
-
* Block paddings.
|
|
217
|
-
*/
|
|
218
|
-
/**
|
|
219
|
-
* React Native specific.
|
|
220
|
-
* These variables do not appear to be used anywhere else.
|
|
221
|
-
*/
|
|
222
|
-
.admin-ui-breadcrumbs__list {
|
|
223
|
-
font-family: var(--wpds-font-family-heading, -apple-system, system-ui, "Segoe UI", "Roboto", "Oxygen-Sans", "Ubuntu", "Cantarell", "Helvetica Neue", sans-serif);
|
|
224
|
-
font-size: var(--wpds-font-size-lg, 15px);
|
|
225
|
-
font-weight: var(--wpds-font-weight-medium, 499);
|
|
226
|
-
line-height: var(--wpds-font-line-height-lg, 28px);
|
|
227
|
-
list-style: none;
|
|
228
|
-
padding: 0;
|
|
229
|
-
margin: 0;
|
|
230
|
-
gap: 0;
|
|
231
|
-
min-height: 32px;
|
|
232
|
-
}
|
|
233
|
-
|
|
234
|
-
.admin-ui-breadcrumbs__list li:not(:last-child)::after {
|
|
235
|
-
content: "/";
|
|
236
|
-
margin: 0 8px;
|
|
237
|
-
}
|
|
238
|
-
|
|
239
|
-
.admin-ui-breadcrumbs__list h1 {
|
|
240
|
-
font-size: inherit;
|
|
241
|
-
line-height: inherit;
|
|
242
|
-
}
|
|
243
|
-
|
|
244
109
|
.edit-post-fullscreen-mode-close__view-mode-toggle {
|
|
245
110
|
top: 0;
|
|
246
111
|
left: 0;
|
|
@@ -367,7 +232,7 @@
|
|
|
367
232
|
touch-action: none;
|
|
368
233
|
}
|
|
369
234
|
.edit-post-meta-boxes-main__presenter > button[aria-expanded] {
|
|
370
|
-
cursor: pointer;
|
|
235
|
+
cursor: var(--wpds-cursor-control, pointer);
|
|
371
236
|
width: 100%;
|
|
372
237
|
display: flex;
|
|
373
238
|
justify-content: space-between;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@wordpress/edit-post",
|
|
3
|
-
"version": "8.
|
|
3
|
+
"version": "8.45.0",
|
|
4
4
|
"description": "Edit Post module for WordPress.",
|
|
5
5
|
"author": "The WordPress Contributors",
|
|
6
6
|
"license": "GPL-2.0-or-later",
|
|
@@ -48,37 +48,38 @@
|
|
|
48
48
|
"postbox"
|
|
49
49
|
],
|
|
50
50
|
"dependencies": {
|
|
51
|
-
"@wordpress/a11y": "^4.
|
|
52
|
-
"@wordpress/admin-ui": "^
|
|
53
|
-
"@wordpress/api-fetch": "^7.
|
|
54
|
-
"@wordpress/base-styles": "^
|
|
55
|
-
"@wordpress/block-editor": "^15.
|
|
56
|
-
"@wordpress/block-library": "^9.
|
|
57
|
-
"@wordpress/blocks": "^15.
|
|
58
|
-
"@wordpress/commands": "^1.
|
|
59
|
-
"@wordpress/components": "^
|
|
60
|
-
"@wordpress/compose": "^7.
|
|
61
|
-
"@wordpress/core-data": "^7.
|
|
62
|
-
"@wordpress/data": "^10.
|
|
63
|
-
"@wordpress/deprecated": "^4.
|
|
64
|
-
"@wordpress/dom": "^4.
|
|
65
|
-
"@wordpress/editor": "^14.
|
|
66
|
-
"@wordpress/element": "^6.
|
|
67
|
-
"@wordpress/global-styles-engine": "^1.
|
|
68
|
-
"@wordpress/hooks": "^4.
|
|
69
|
-
"@wordpress/html-entities": "^4.
|
|
70
|
-
"@wordpress/i18n": "^6.
|
|
71
|
-
"@wordpress/icons": "^
|
|
72
|
-
"@wordpress/keyboard-shortcuts": "^5.
|
|
73
|
-
"@wordpress/keycodes": "^4.
|
|
74
|
-
"@wordpress/notices": "^5.
|
|
75
|
-
"@wordpress/plugins": "^7.
|
|
76
|
-
"@wordpress/preferences": "^4.
|
|
77
|
-
"@wordpress/private-apis": "^1.
|
|
78
|
-
"@wordpress/
|
|
79
|
-
"@wordpress/
|
|
80
|
-
"@wordpress/
|
|
81
|
-
"@wordpress/
|
|
51
|
+
"@wordpress/a11y": "^4.45.0",
|
|
52
|
+
"@wordpress/admin-ui": "^2.0.0",
|
|
53
|
+
"@wordpress/api-fetch": "^7.45.0",
|
|
54
|
+
"@wordpress/base-styles": "^7.0.0",
|
|
55
|
+
"@wordpress/block-editor": "^15.18.0",
|
|
56
|
+
"@wordpress/block-library": "^9.45.0",
|
|
57
|
+
"@wordpress/blocks": "^15.18.0",
|
|
58
|
+
"@wordpress/commands": "^1.45.0",
|
|
59
|
+
"@wordpress/components": "^33.0.0",
|
|
60
|
+
"@wordpress/compose": "^7.45.0",
|
|
61
|
+
"@wordpress/core-data": "^7.45.0",
|
|
62
|
+
"@wordpress/data": "^10.45.0",
|
|
63
|
+
"@wordpress/deprecated": "^4.45.0",
|
|
64
|
+
"@wordpress/dom": "^4.45.0",
|
|
65
|
+
"@wordpress/editor": "^14.45.0",
|
|
66
|
+
"@wordpress/element": "^6.45.0",
|
|
67
|
+
"@wordpress/global-styles-engine": "^1.12.0",
|
|
68
|
+
"@wordpress/hooks": "^4.45.0",
|
|
69
|
+
"@wordpress/html-entities": "^4.45.0",
|
|
70
|
+
"@wordpress/i18n": "^6.18.0",
|
|
71
|
+
"@wordpress/icons": "^13.0.0",
|
|
72
|
+
"@wordpress/keyboard-shortcuts": "^5.45.0",
|
|
73
|
+
"@wordpress/keycodes": "^4.45.0",
|
|
74
|
+
"@wordpress/notices": "^5.45.0",
|
|
75
|
+
"@wordpress/plugins": "^7.45.0",
|
|
76
|
+
"@wordpress/preferences": "^4.45.0",
|
|
77
|
+
"@wordpress/private-apis": "^1.45.0",
|
|
78
|
+
"@wordpress/ui": "^0.12.0",
|
|
79
|
+
"@wordpress/url": "^4.45.0",
|
|
80
|
+
"@wordpress/viewport": "^6.45.0",
|
|
81
|
+
"@wordpress/warning": "^3.45.0",
|
|
82
|
+
"@wordpress/widgets": "^4.45.0",
|
|
82
83
|
"clsx": "^2.1.1",
|
|
83
84
|
"memize": "^2.1.0"
|
|
84
85
|
},
|
|
@@ -89,5 +90,5 @@
|
|
|
89
90
|
"publishConfig": {
|
|
90
91
|
"access": "public"
|
|
91
92
|
},
|
|
92
|
-
"gitHead": "
|
|
93
|
+
"gitHead": "8c229eaed0e88c9827e2da3d73a78f9ddd77714b"
|
|
93
94
|
}
|
package/src/classic.scss
CHANGED
|
@@ -14,8 +14,11 @@
|
|
|
14
14
|
// Themes with theme.json can control this themselves.
|
|
15
15
|
// For full-wide blocks, we compensate for the base padding.
|
|
16
16
|
// These margins should match the padding value above.
|
|
17
|
-
|
|
17
|
+
.editor-styles-wrapper {
|
|
18
18
|
padding: 8px;
|
|
19
|
+
}
|
|
20
|
+
|
|
21
|
+
html :where(.editor-styles-wrapper) {
|
|
19
22
|
.block-editor-block-list__layout.is-root-container > .wp-block[data-align="full"] {
|
|
20
23
|
margin-left: -8px;
|
|
21
24
|
margin-right: -8px;
|
|
@@ -134,7 +134,7 @@ function FullscreenModeClose( { showTooltip, icon, href, initialPost } ) {
|
|
|
134
134
|
href={ buttonHref }
|
|
135
135
|
label={ buttonLabel }
|
|
136
136
|
showTooltip={ showTooltip }
|
|
137
|
-
tooltipPosition="
|
|
137
|
+
tooltipPosition="bottom"
|
|
138
138
|
>
|
|
139
139
|
<motion.div variants={ ! disableMotion && siteIconVariants }>
|
|
140
140
|
<div className="edit-post-fullscreen-mode-close__view-mode-toggle-icon">
|
|
@@ -41,7 +41,6 @@ import {
|
|
|
41
41
|
Icon,
|
|
42
42
|
SlotFillProvider,
|
|
43
43
|
Tooltip,
|
|
44
|
-
VisuallyHidden,
|
|
45
44
|
__unstableUseNavigateRegions as useNavigateRegions,
|
|
46
45
|
privateApis as componentsPrivateApis,
|
|
47
46
|
} from '@wordpress/components';
|
|
@@ -51,6 +50,7 @@ import {
|
|
|
51
50
|
useRefEffect,
|
|
52
51
|
useViewportMatch,
|
|
53
52
|
} from '@wordpress/compose';
|
|
53
|
+
import { VisuallyHidden } from '@wordpress/ui';
|
|
54
54
|
|
|
55
55
|
/**
|
|
56
56
|
* Internal dependencies
|
|
@@ -329,7 +329,7 @@ function MetaBoxesMain( { isLegacy } ) {
|
|
|
329
329
|
const separator = ! isShort && (
|
|
330
330
|
<>
|
|
331
331
|
<Tooltip text={ __( 'Drag to resize' ) }>
|
|
332
|
-
<button
|
|
332
|
+
<button
|
|
333
333
|
ref={ separatorRef }
|
|
334
334
|
role="separator" // eslint-disable-line jsx-a11y/no-interactive-element-to-noninteractive-role
|
|
335
335
|
aria-valuenow={ usedAriaValueNow }
|