@wordpress/editor 14.18.0 → 14.19.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (141) hide show
  1. package/CHANGELOG.md +2 -0
  2. package/README.md +2 -0
  3. package/build/components/document-outline/index.js +16 -16
  4. package/build/components/document-outline/index.js.map +1 -1
  5. package/build/components/entities-saved-states/entity-record-item.js +2 -1
  6. package/build/components/entities-saved-states/entity-record-item.js.map +1 -1
  7. package/build/components/entities-saved-states/entity-type-list.js +2 -1
  8. package/build/components/entities-saved-states/entity-type-list.js.map +1 -1
  9. package/build/components/entities-saved-states/index.js +66 -42
  10. package/build/components/entities-saved-states/index.js.map +1 -1
  11. package/build/components/post-actions/index.js +19 -28
  12. package/build/components/post-actions/index.js.map +1 -1
  13. package/build/components/post-card-panel/index.js +2 -2
  14. package/build/components/post-card-panel/index.js.map +1 -1
  15. package/build/components/post-featured-image/index.js +4 -2
  16. package/build/components/post-featured-image/index.js.map +1 -1
  17. package/build/components/post-template/block-theme.js +68 -48
  18. package/build/components/post-template/block-theme.js.map +1 -1
  19. package/build/components/post-template/classic-theme.js +30 -18
  20. package/build/components/post-template/classic-theme.js.map +1 -1
  21. package/build/components/post-template/create-new-template-modal.js +3 -1
  22. package/build/components/post-template/create-new-template-modal.js.map +1 -1
  23. package/build/components/post-template/panel.js +3 -11
  24. package/build/components/post-template/panel.js.map +1 -1
  25. package/build/components/preferences-modal/block-visibility.js +2 -1
  26. package/build/components/preferences-modal/block-visibility.js.map +1 -1
  27. package/build/components/preferences-modal/index.js +1 -1
  28. package/build/components/preferences-modal/index.js.map +1 -1
  29. package/build/components/preview-dropdown/index.js +6 -3
  30. package/build/components/preview-dropdown/index.js.map +1 -1
  31. package/build/components/provider/index.js +19 -18
  32. package/build/components/provider/index.js.map +1 -1
  33. package/build/components/sidebar/header.js +1 -1
  34. package/build/components/sidebar/header.js.map +1 -1
  35. package/build/components/sidebar/index.js +1 -1
  36. package/build/components/sidebar/index.js.map +1 -1
  37. package/build/components/start-page-options/index.js +148 -23
  38. package/build/components/start-page-options/index.js.map +1 -1
  39. package/build/components/visual-editor/edit-template-blocks-notification.js +1 -1
  40. package/build/components/visual-editor/edit-template-blocks-notification.js.map +1 -1
  41. package/build/store/private-actions.js +29 -2
  42. package/build/store/private-actions.js.map +1 -1
  43. package/build/store/private-selectors.js +44 -0
  44. package/build/store/private-selectors.js.map +1 -1
  45. package/build/utils/media-upload/index.js +5 -2
  46. package/build/utils/media-upload/index.js.map +1 -1
  47. package/build-module/components/document-outline/index.js +17 -17
  48. package/build-module/components/document-outline/index.js.map +1 -1
  49. package/build-module/components/entities-saved-states/entity-record-item.js +2 -1
  50. package/build-module/components/entities-saved-states/entity-record-item.js.map +1 -1
  51. package/build-module/components/entities-saved-states/entity-type-list.js +2 -1
  52. package/build-module/components/entities-saved-states/entity-type-list.js.map +1 -1
  53. package/build-module/components/entities-saved-states/index.js +67 -43
  54. package/build-module/components/entities-saved-states/index.js.map +1 -1
  55. package/build-module/components/post-actions/index.js +19 -28
  56. package/build-module/components/post-actions/index.js.map +1 -1
  57. package/build-module/components/post-card-panel/index.js +2 -2
  58. package/build-module/components/post-card-panel/index.js.map +1 -1
  59. package/build-module/components/post-featured-image/index.js +4 -2
  60. package/build-module/components/post-featured-image/index.js.map +1 -1
  61. package/build-module/components/post-template/block-theme.js +68 -48
  62. package/build-module/components/post-template/block-theme.js.map +1 -1
  63. package/build-module/components/post-template/classic-theme.js +30 -18
  64. package/build-module/components/post-template/classic-theme.js.map +1 -1
  65. package/build-module/components/post-template/create-new-template-modal.js +3 -1
  66. package/build-module/components/post-template/create-new-template-modal.js.map +1 -1
  67. package/build-module/components/post-template/panel.js +3 -11
  68. package/build-module/components/post-template/panel.js.map +1 -1
  69. package/build-module/components/preferences-modal/block-visibility.js +2 -1
  70. package/build-module/components/preferences-modal/block-visibility.js.map +1 -1
  71. package/build-module/components/preferences-modal/index.js +1 -1
  72. package/build-module/components/preferences-modal/index.js.map +1 -1
  73. package/build-module/components/preview-dropdown/index.js +6 -3
  74. package/build-module/components/preview-dropdown/index.js.map +1 -1
  75. package/build-module/components/provider/index.js +19 -18
  76. package/build-module/components/provider/index.js.map +1 -1
  77. package/build-module/components/sidebar/header.js +1 -1
  78. package/build-module/components/sidebar/header.js.map +1 -1
  79. package/build-module/components/sidebar/index.js +1 -1
  80. package/build-module/components/sidebar/index.js.map +1 -1
  81. package/build-module/components/start-page-options/index.js +148 -24
  82. package/build-module/components/start-page-options/index.js.map +1 -1
  83. package/build-module/components/visual-editor/edit-template-blocks-notification.js +1 -1
  84. package/build-module/components/visual-editor/edit-template-blocks-notification.js.map +1 -1
  85. package/build-module/store/private-actions.js +25 -0
  86. package/build-module/store/private-actions.js.map +1 -1
  87. package/build-module/store/private-selectors.js +43 -0
  88. package/build-module/store/private-selectors.js.map +1 -1
  89. package/build-module/utils/media-upload/index.js +5 -2
  90. package/build-module/utils/media-upload/index.js.map +1 -1
  91. package/build-style/style-rtl.css +49 -8
  92. package/build-style/style.css +49 -8
  93. package/build-types/components/document-outline/index.d.ts.map +1 -1
  94. package/build-types/components/entities-saved-states/entity-record-item.d.ts.map +1 -1
  95. package/build-types/components/entities-saved-states/entity-type-list.d.ts.map +1 -1
  96. package/build-types/components/entities-saved-states/index.d.ts +6 -2
  97. package/build-types/components/entities-saved-states/index.d.ts.map +1 -1
  98. package/build-types/components/post-actions/index.d.ts.map +1 -1
  99. package/build-types/components/post-card-panel/index.d.ts.map +1 -1
  100. package/build-types/components/post-template/block-theme.d.ts.map +1 -1
  101. package/build-types/components/post-template/classic-theme.d.ts.map +1 -1
  102. package/build-types/components/post-template/create-new-template-modal.d.ts.map +1 -1
  103. package/build-types/components/post-template/panel.d.ts.map +1 -1
  104. package/build-types/components/preferences-modal/block-visibility.d.ts.map +1 -1
  105. package/build-types/components/preview-dropdown/index.d.ts.map +1 -1
  106. package/build-types/components/provider/index.d.ts.map +1 -1
  107. package/build-types/components/start-page-options/index.d.ts +2 -1
  108. package/build-types/components/start-page-options/index.d.ts.map +1 -1
  109. package/build-types/store/private-actions.d.ts +4 -0
  110. package/build-types/store/private-actions.d.ts.map +1 -1
  111. package/build-types/store/private-selectors.d.ts +13 -0
  112. package/build-types/store/private-selectors.d.ts.map +1 -1
  113. package/build-types/utils/media-upload/index.d.ts +3 -1
  114. package/build-types/utils/media-upload/index.d.ts.map +1 -1
  115. package/package.json +37 -37
  116. package/src/components/document-outline/index.js +22 -16
  117. package/src/components/entities-saved-states/entity-record-item.js +1 -0
  118. package/src/components/entities-saved-states/entity-type-list.js +6 -2
  119. package/src/components/entities-saved-states/index.js +98 -58
  120. package/src/components/entities-saved-states/style.scss +40 -5
  121. package/src/components/post-actions/index.js +19 -37
  122. package/src/components/post-card-panel/index.js +7 -5
  123. package/src/components/post-featured-image/index.js +2 -0
  124. package/src/components/post-template/block-theme.js +76 -56
  125. package/src/components/post-template/classic-theme.js +31 -15
  126. package/src/components/post-template/create-new-template-modal.js +1 -0
  127. package/src/components/post-template/panel.js +2 -12
  128. package/src/components/post-text-editor/style.scss +0 -2
  129. package/src/components/preferences-modal/block-visibility.js +2 -1
  130. package/src/components/preferences-modal/index.js +1 -1
  131. package/src/components/preview-dropdown/index.js +8 -6
  132. package/src/components/provider/index.js +21 -30
  133. package/src/components/sidebar/header.js +1 -1
  134. package/src/components/sidebar/index.js +1 -1
  135. package/src/components/start-page-options/index.js +149 -23
  136. package/src/components/start-page-options/style.scss +27 -0
  137. package/src/components/visual-editor/edit-template-blocks-notification.js +1 -1
  138. package/src/store/private-actions.js +33 -0
  139. package/src/store/private-selectors.js +57 -0
  140. package/src/utils/media-upload/index.js +3 -0
  141. package/tsconfig.tsbuildinfo +1 -1
package/CHANGELOG.md CHANGED
@@ -2,6 +2,8 @@
2
2
 
3
3
  ## Unreleased
4
4
 
5
+ ## 14.19.0 (2025-02-28)
6
+
5
7
  ## 14.18.0 (2025-02-12)
6
8
 
7
9
  ## 14.17.0 (2025-01-29)
package/README.md CHANGED
@@ -402,6 +402,7 @@ _Parameters_
402
402
  - _props_ `Object`: The component props.
403
403
  - _props.close_ `Function`: The function to close the dialog.
404
404
  - _props.renderDialog_ `boolean`: Whether to render the component with modal dialog behavior.
405
+ - _props.variant_ `string`: Changes the layout of the component. When an `inline` value is provided, the action buttons are rendered at the end of the component instead of at the start.
405
406
 
406
407
  _Returns_
407
408
 
@@ -500,6 +501,7 @@ _Parameters_
500
501
  - _$0.onError_ `Function`: Function called when an error happens.
501
502
  - _$0.onFileChange_ `Function`: Function called each time a file or a temporary representation of the file is available.
502
503
  - _$0.onSuccess_ `Function`: Function called after the final representation of the file is available.
504
+ - _$0.multiple_ `boolean`: Whether to allow multiple files to be uploaded.
503
505
 
504
506
  ### MediaUploadCheck
505
507
 
@@ -127,16 +127,11 @@ function EmptyOutlineIllustration() {
127
127
  * @return {Array} An array of heading blocks enhanced with the properties described above.
128
128
  */
129
129
  const computeOutlineHeadings = (blocks = []) => {
130
- return blocks.flatMap((block = {}) => {
131
- if (block.name === 'core/heading') {
132
- return {
133
- ...block,
134
- level: block.attributes.level,
135
- isEmpty: isEmptyHeading(block)
136
- };
137
- }
138
- return computeOutlineHeadings(block.innerBlocks);
139
- });
130
+ return blocks.filter(block => block.name === 'core/heading').map(block => ({
131
+ ...block,
132
+ level: block.attributes.level,
133
+ isEmpty: isEmptyHeading(block)
134
+ }));
140
135
  };
141
136
  const isEmptyHeading = heading => !heading.attributes.content || heading.attributes.content.trim().length === 0;
142
137
 
@@ -157,14 +152,10 @@ function DocumentOutline({
157
152
  selectBlock
158
153
  } = (0, _data.useDispatch)(_blockEditor.store);
159
154
  const {
160
- blocks,
161
155
  title,
162
156
  isTitleSupported
163
157
  } = (0, _data.useSelect)(select => {
164
158
  var _postType$supports$ti;
165
- const {
166
- getBlocks
167
- } = select(_blockEditor.store);
168
159
  const {
169
160
  getEditedPostAttribute
170
161
  } = select(_store.store);
@@ -174,12 +165,21 @@ function DocumentOutline({
174
165
  const postType = getPostType(getEditedPostAttribute('type'));
175
166
  return {
176
167
  title: getEditedPostAttribute('title'),
177
- blocks: getBlocks(),
178
168
  isTitleSupported: (_postType$supports$ti = postType?.supports?.title) !== null && _postType$supports$ti !== void 0 ? _postType$supports$ti : false
179
169
  };
180
170
  });
171
+ const blocks = (0, _data.useSelect)(select => {
172
+ const {
173
+ getClientIdsWithDescendants,
174
+ getBlock
175
+ } = select(_blockEditor.store);
176
+ const clientIds = getClientIdsWithDescendants();
177
+ // Note: Don't modify data inside the `Array.map` callback,
178
+ // all compulations should happen in `computeOutlineHeadings`.
179
+ return clientIds.map(id => getBlock(id));
180
+ });
181
181
  const prevHeadingLevelRef = (0, _element.useRef)(1);
182
- const headings = computeOutlineHeadings(blocks);
182
+ const headings = (0, _element.useMemo)(() => computeOutlineHeadings(blocks), [blocks]);
183
183
  if (headings.length < 1) {
184
184
  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
185
185
  className: "editor-document-outline has-no-headings",
@@ -1 +1 @@
1
- {"version":3,"names":["_i18n","require","_data","_element","_richText","_blockEditor","_coreData","_components","_item","_interopRequireDefault","_store","_jsxRuntime","emptyHeadingContent","jsx","children","__","incorrectLevelContent","singleH1Headings","multipleH1Headings","EmptyOutlineIllustration","jsxs","SVG","width","height","viewBox","fill","xmlns","Rect","rx","Line","x1","y1","x2","y2","stroke","x","y","Path","d","computeOutlineHeadings","blocks","flatMap","block","name","level","attributes","isEmpty","isEmptyHeading","innerBlocks","heading","content","trim","length","DocumentOutline","onSelect","hasOutlineItemsDisabled","selectBlock","useDispatch","blockEditorStore","title","isTitleSupported","useSelect","select","_postType$supports$ti","getBlocks","getEditedPostAttribute","editorStore","getPostType","coreStore","postType","supports","prevHeadingLevelRef","useRef","headings","className","titleNode","document","querySelector","hasTitle","countByLevel","reduce","acc","hasMultipleH1","default","isValid","href","id","isDisabled","map","item","isIncorrectLevel","current","clientId","getTextContent","create","html"],"sources":["@wordpress/editor/src/components/document-outline/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { useDispatch, useSelect } from '@wordpress/data';\nimport { useRef } from '@wordpress/element';\nimport { create, getTextContent } from '@wordpress/rich-text';\nimport { store as blockEditorStore } from '@wordpress/block-editor';\nimport { store as coreStore } from '@wordpress/core-data';\nimport { Path, SVG, Line, Rect } from '@wordpress/components';\n\n/**\n * Internal dependencies\n */\nimport DocumentOutlineItem from './item';\nimport { store as editorStore } from '../../store';\n\n/**\n * Module constants\n */\nconst emptyHeadingContent = <em>{ __( '(Empty heading)' ) }</em>;\nconst incorrectLevelContent = [\n\t<br key=\"incorrect-break\" />,\n\t<em key=\"incorrect-message\">{ __( '(Incorrect heading level)' ) }</em>,\n];\nconst singleH1Headings = [\n\t<br key=\"incorrect-break-h1\" />,\n\t<em key=\"incorrect-message-h1\">\n\t\t{ __( '(Your theme may already use a H1 for the post title)' ) }\n\t</em>,\n];\nconst multipleH1Headings = [\n\t<br key=\"incorrect-break-multiple-h1\" />,\n\t<em key=\"incorrect-message-multiple-h1\">\n\t\t{ __( '(Multiple H1 headings are not recommended)' ) }\n\t</em>,\n];\nfunction EmptyOutlineIllustration() {\n\treturn (\n\t\t<SVG\n\t\t\twidth=\"138\"\n\t\t\theight=\"148\"\n\t\t\tviewBox=\"0 0 138 148\"\n\t\t\tfill=\"none\"\n\t\t\txmlns=\"http://www.w3.org/2000/svg\"\n\t\t>\n\t\t\t<Rect width=\"138\" height=\"148\" rx=\"4\" fill=\"#F0F6FC\" />\n\t\t\t<Line x1=\"44\" y1=\"28\" x2=\"24\" y2=\"28\" stroke=\"#DDDDDD\" />\n\t\t\t<Rect x=\"48\" y=\"16\" width=\"27\" height=\"23\" rx=\"4\" fill=\"#DDDDDD\" />\n\t\t\t<Path\n\t\t\t\td=\"M54.7585 32V23.2727H56.6037V26.8736H60.3494V23.2727H62.1903V32H60.3494V28.3949H56.6037V32H54.7585ZM67.4574 23.2727V32H65.6122V25.0241H65.5611L63.5625 26.277V24.6406L65.723 23.2727H67.4574Z\"\n\t\t\t\tfill=\"black\"\n\t\t\t/>\n\t\t\t<Line x1=\"55\" y1=\"59\" x2=\"24\" y2=\"59\" stroke=\"#DDDDDD\" />\n\t\t\t<Rect x=\"59\" y=\"47\" width=\"29\" height=\"23\" rx=\"4\" fill=\"#DDDDDD\" />\n\t\t\t<Path\n\t\t\t\td=\"M65.7585 63V54.2727H67.6037V57.8736H71.3494V54.2727H73.1903V63H71.3494V59.3949H67.6037V63H65.7585ZM74.6605 63V61.6705L77.767 58.794C78.0313 58.5384 78.2528 58.3082 78.4318 58.1037C78.6136 57.8991 78.7514 57.6989 78.8452 57.5028C78.9389 57.304 78.9858 57.0895 78.9858 56.8594C78.9858 56.6037 78.9276 56.3835 78.8111 56.1989C78.6946 56.0114 78.5355 55.8679 78.3338 55.7685C78.1321 55.6662 77.9034 55.6151 77.6477 55.6151C77.3807 55.6151 77.1477 55.669 76.9489 55.777C76.75 55.8849 76.5966 56.0398 76.4886 56.2415C76.3807 56.4432 76.3267 56.6832 76.3267 56.9616H74.5753C74.5753 56.3906 74.7045 55.8949 74.9631 55.4744C75.2216 55.054 75.5838 54.7287 76.0497 54.4986C76.5156 54.2685 77.0526 54.1534 77.6605 54.1534C78.2855 54.1534 78.8295 54.2642 79.2926 54.4858C79.7585 54.7045 80.1207 55.0085 80.3793 55.3977C80.6378 55.7869 80.767 56.233 80.767 56.7358C80.767 57.0653 80.7017 57.3906 80.571 57.7116C80.4432 58.0327 80.2145 58.3892 79.8849 58.7812C79.5554 59.1705 79.0909 59.6378 78.4915 60.1832L77.2173 61.4318V61.4915H80.8821V63H74.6605Z\"\n\t\t\t\tfill=\"black\"\n\t\t\t/>\n\t\t\t<Line x1=\"80\" y1=\"90\" x2=\"24\" y2=\"90\" stroke=\"#DDDDDD\" />\n\t\t\t<Rect x=\"84\" y=\"78\" width=\"30\" height=\"23\" rx=\"4\" fill=\"#F0B849\" />\n\t\t\t<Path\n\t\t\t\td=\"M90.7585 94V85.2727H92.6037V88.8736H96.3494V85.2727H98.1903V94H96.3494V90.3949H92.6037V94H90.7585ZM99.5284 92.4659V91.0128L103.172 85.2727H104.425V87.2841H103.683L101.386 90.919V90.9872H106.564V92.4659H99.5284ZM103.717 94V92.0227L103.751 91.3793V85.2727H105.482V94H103.717Z\"\n\t\t\t\tfill=\"black\"\n\t\t\t/>\n\t\t\t<Line x1=\"66\" y1=\"121\" x2=\"24\" y2=\"121\" stroke=\"#DDDDDD\" />\n\t\t\t<Rect x=\"70\" y=\"109\" width=\"29\" height=\"23\" rx=\"4\" fill=\"#DDDDDD\" />\n\t\t\t<Path\n\t\t\t\td=\"M76.7585 125V116.273H78.6037V119.874H82.3494V116.273H84.1903V125H82.3494V121.395H78.6037V125H76.7585ZM88.8864 125.119C88.25 125.119 87.6832 125.01 87.1861 124.791C86.6918 124.57 86.3011 124.266 86.0142 123.879C85.7301 123.49 85.5838 123.041 85.5753 122.533H87.4332C87.4446 122.746 87.5142 122.933 87.642 123.095C87.7727 123.254 87.946 123.378 88.1619 123.466C88.3778 123.554 88.6207 123.598 88.8906 123.598C89.1719 123.598 89.4205 123.548 89.6364 123.449C89.8523 123.349 90.0213 123.212 90.1435 123.036C90.2656 122.859 90.3267 122.656 90.3267 122.426C90.3267 122.193 90.2614 121.987 90.1307 121.808C90.0028 121.626 89.8182 121.484 89.5767 121.382C89.3381 121.28 89.054 121.229 88.7244 121.229H87.9105V119.874H88.7244C89.0028 119.874 89.2486 119.825 89.4616 119.729C89.6776 119.632 89.8452 119.499 89.9645 119.328C90.0838 119.155 90.1435 118.953 90.1435 118.723C90.1435 118.504 90.0909 118.312 89.9858 118.148C89.8835 117.98 89.7386 117.849 89.5511 117.756C89.3665 117.662 89.1506 117.615 88.9034 117.615C88.6534 117.615 88.4247 117.661 88.2173 117.751C88.0099 117.839 87.8438 117.966 87.7188 118.131C87.5938 118.295 87.527 118.489 87.5185 118.71H85.75C85.7585 118.207 85.902 117.764 86.1804 117.381C86.4588 116.997 86.8338 116.697 87.3054 116.482C87.7798 116.263 88.3153 116.153 88.9119 116.153C89.5142 116.153 90.0412 116.263 90.4929 116.482C90.9446 116.7 91.2955 116.996 91.5455 117.368C91.7983 117.737 91.9233 118.152 91.9205 118.612C91.9233 119.101 91.7713 119.509 91.4645 119.835C91.1605 120.162 90.7642 120.369 90.2756 120.457V120.526C90.9176 120.608 91.4063 120.831 91.7415 121.195C92.0795 121.555 92.2472 122.007 92.2443 122.55C92.2472 123.047 92.1037 123.489 91.8139 123.875C91.527 124.261 91.1307 124.565 90.625 124.787C90.1193 125.009 89.5398 125.119 88.8864 125.119Z\"\n\t\t\t\tfill=\"black\"\n\t\t\t/>\n\t\t</SVG>\n\t);\n}\n\n/**\n * Returns an array of heading blocks enhanced with the following properties:\n * level - An integer with the heading level.\n * isEmpty - Flag indicating if the heading has no content.\n *\n * @param {?Array} blocks An array of blocks.\n *\n * @return {Array} An array of heading blocks enhanced with the properties described above.\n */\nconst computeOutlineHeadings = ( blocks = [] ) => {\n\treturn blocks.flatMap( ( block = {} ) => {\n\t\tif ( block.name === 'core/heading' ) {\n\t\t\treturn {\n\t\t\t\t...block,\n\t\t\t\tlevel: block.attributes.level,\n\t\t\t\tisEmpty: isEmptyHeading( block ),\n\t\t\t};\n\t\t}\n\t\treturn computeOutlineHeadings( block.innerBlocks );\n\t} );\n};\n\nconst isEmptyHeading = ( heading ) =>\n\t! heading.attributes.content ||\n\theading.attributes.content.trim().length === 0;\n\n/**\n * Renders a document outline component.\n *\n * @param {Object} props Props.\n * @param {Function} props.onSelect Function to be called when an outline item is selected\n * @param {boolean} props.hasOutlineItemsDisabled Indicates whether the outline items are disabled.\n *\n * @return {React.ReactNode} The rendered component.\n */\nexport default function DocumentOutline( {\n\tonSelect,\n\thasOutlineItemsDisabled,\n} ) {\n\tconst { selectBlock } = useDispatch( blockEditorStore );\n\tconst { blocks, title, isTitleSupported } = useSelect( ( select ) => {\n\t\tconst { getBlocks } = select( blockEditorStore );\n\t\tconst { getEditedPostAttribute } = select( editorStore );\n\t\tconst { getPostType } = select( coreStore );\n\t\tconst postType = getPostType( getEditedPostAttribute( 'type' ) );\n\n\t\treturn {\n\t\t\ttitle: getEditedPostAttribute( 'title' ),\n\t\t\tblocks: getBlocks(),\n\t\t\tisTitleSupported: postType?.supports?.title ?? false,\n\t\t};\n\t} );\n\n\tconst prevHeadingLevelRef = useRef( 1 );\n\n\tconst headings = computeOutlineHeadings( blocks );\n\tif ( headings.length < 1 ) {\n\t\treturn (\n\t\t\t<div className=\"editor-document-outline has-no-headings\">\n\t\t\t\t<EmptyOutlineIllustration />\n\t\t\t\t<p>\n\t\t\t\t\t{ __(\n\t\t\t\t\t\t'Navigate the structure of your document and address issues like empty or incorrect heading levels.'\n\t\t\t\t\t) }\n\t\t\t\t</p>\n\t\t\t</div>\n\t\t);\n\t}\n\n\t// Not great but it's the simplest way to locate the title right now.\n\tconst titleNode = document.querySelector( '.editor-post-title__input' );\n\tconst hasTitle = isTitleSupported && title && titleNode;\n\tconst countByLevel = headings.reduce(\n\t\t( acc, heading ) => ( {\n\t\t\t...acc,\n\t\t\t[ heading.level ]: ( acc[ heading.level ] || 0 ) + 1,\n\t\t} ),\n\t\t{}\n\t);\n\tconst hasMultipleH1 = countByLevel[ 1 ] > 1;\n\n\treturn (\n\t\t<div className=\"document-outline\">\n\t\t\t<ul>\n\t\t\t\t{ hasTitle && (\n\t\t\t\t\t<DocumentOutlineItem\n\t\t\t\t\t\tlevel={ __( 'Title' ) }\n\t\t\t\t\t\tisValid\n\t\t\t\t\t\tonSelect={ onSelect }\n\t\t\t\t\t\thref={ `#${ titleNode.id }` }\n\t\t\t\t\t\tisDisabled={ hasOutlineItemsDisabled }\n\t\t\t\t\t>\n\t\t\t\t\t\t{ title }\n\t\t\t\t\t</DocumentOutlineItem>\n\t\t\t\t) }\n\t\t\t\t{ headings.map( ( item ) => {\n\t\t\t\t\t// Headings remain the same, go up by one, or down by any amount.\n\t\t\t\t\t// Otherwise there are missing levels.\n\t\t\t\t\tconst isIncorrectLevel =\n\t\t\t\t\t\titem.level > prevHeadingLevelRef.current + 1;\n\n\t\t\t\t\tconst isValid =\n\t\t\t\t\t\t! item.isEmpty &&\n\t\t\t\t\t\t! isIncorrectLevel &&\n\t\t\t\t\t\t!! item.level &&\n\t\t\t\t\t\t( item.level !== 1 ||\n\t\t\t\t\t\t\t( ! hasMultipleH1 && ! hasTitle ) );\n\t\t\t\t\tprevHeadingLevelRef.current = item.level;\n\n\t\t\t\t\treturn (\n\t\t\t\t\t\t<DocumentOutlineItem\n\t\t\t\t\t\t\tkey={ item.clientId }\n\t\t\t\t\t\t\tlevel={ `H${ item.level }` }\n\t\t\t\t\t\t\tisValid={ isValid }\n\t\t\t\t\t\t\tisDisabled={ hasOutlineItemsDisabled }\n\t\t\t\t\t\t\thref={ `#block-${ item.clientId }` }\n\t\t\t\t\t\t\tonSelect={ () => {\n\t\t\t\t\t\t\t\tselectBlock( item.clientId );\n\t\t\t\t\t\t\t\tonSelect?.();\n\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ item.isEmpty\n\t\t\t\t\t\t\t\t? emptyHeadingContent\n\t\t\t\t\t\t\t\t: getTextContent(\n\t\t\t\t\t\t\t\t\t\tcreate( {\n\t\t\t\t\t\t\t\t\t\t\thtml: item.attributes.content,\n\t\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{ isIncorrectLevel && incorrectLevelContent }\n\t\t\t\t\t\t\t{ item.level === 1 &&\n\t\t\t\t\t\t\t\thasMultipleH1 &&\n\t\t\t\t\t\t\t\tmultipleH1Headings }\n\t\t\t\t\t\t\t{ hasTitle &&\n\t\t\t\t\t\t\t\titem.level === 1 &&\n\t\t\t\t\t\t\t\t! hasMultipleH1 &&\n\t\t\t\t\t\t\t\tsingleH1Headings }\n\t\t\t\t\t\t</DocumentOutlineItem>\n\t\t\t\t\t);\n\t\t\t\t} ) }\n\t\t\t</ul>\n\t\t</div>\n\t);\n}\n"],"mappings":"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","ignoreList":[]}
1
+ {"version":3,"names":["_i18n","require","_data","_element","_richText","_blockEditor","_coreData","_components","_item","_interopRequireDefault","_store","_jsxRuntime","emptyHeadingContent","jsx","children","__","incorrectLevelContent","singleH1Headings","multipleH1Headings","EmptyOutlineIllustration","jsxs","SVG","width","height","viewBox","fill","xmlns","Rect","rx","Line","x1","y1","x2","y2","stroke","x","y","Path","d","computeOutlineHeadings","blocks","filter","block","name","map","level","attributes","isEmpty","isEmptyHeading","heading","content","trim","length","DocumentOutline","onSelect","hasOutlineItemsDisabled","selectBlock","useDispatch","blockEditorStore","title","isTitleSupported","useSelect","select","_postType$supports$ti","getEditedPostAttribute","editorStore","getPostType","coreStore","postType","supports","getClientIdsWithDescendants","getBlock","clientIds","id","prevHeadingLevelRef","useRef","headings","useMemo","className","titleNode","document","querySelector","hasTitle","countByLevel","reduce","acc","hasMultipleH1","default","isValid","href","isDisabled","item","isIncorrectLevel","current","clientId","getTextContent","create","html"],"sources":["@wordpress/editor/src/components/document-outline/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { useDispatch, useSelect } from '@wordpress/data';\nimport { useRef, useMemo } from '@wordpress/element';\nimport { create, getTextContent } from '@wordpress/rich-text';\nimport { store as blockEditorStore } from '@wordpress/block-editor';\nimport { store as coreStore } from '@wordpress/core-data';\nimport { Path, SVG, Line, Rect } from '@wordpress/components';\n\n/**\n * Internal dependencies\n */\nimport DocumentOutlineItem from './item';\nimport { store as editorStore } from '../../store';\n\n/**\n * Module constants\n */\nconst emptyHeadingContent = <em>{ __( '(Empty heading)' ) }</em>;\nconst incorrectLevelContent = [\n\t<br key=\"incorrect-break\" />,\n\t<em key=\"incorrect-message\">{ __( '(Incorrect heading level)' ) }</em>,\n];\nconst singleH1Headings = [\n\t<br key=\"incorrect-break-h1\" />,\n\t<em key=\"incorrect-message-h1\">\n\t\t{ __( '(Your theme may already use a H1 for the post title)' ) }\n\t</em>,\n];\nconst multipleH1Headings = [\n\t<br key=\"incorrect-break-multiple-h1\" />,\n\t<em key=\"incorrect-message-multiple-h1\">\n\t\t{ __( '(Multiple H1 headings are not recommended)' ) }\n\t</em>,\n];\nfunction EmptyOutlineIllustration() {\n\treturn (\n\t\t<SVG\n\t\t\twidth=\"138\"\n\t\t\theight=\"148\"\n\t\t\tviewBox=\"0 0 138 148\"\n\t\t\tfill=\"none\"\n\t\t\txmlns=\"http://www.w3.org/2000/svg\"\n\t\t>\n\t\t\t<Rect width=\"138\" height=\"148\" rx=\"4\" fill=\"#F0F6FC\" />\n\t\t\t<Line x1=\"44\" y1=\"28\" x2=\"24\" y2=\"28\" stroke=\"#DDDDDD\" />\n\t\t\t<Rect x=\"48\" y=\"16\" width=\"27\" height=\"23\" rx=\"4\" fill=\"#DDDDDD\" />\n\t\t\t<Path\n\t\t\t\td=\"M54.7585 32V23.2727H56.6037V26.8736H60.3494V23.2727H62.1903V32H60.3494V28.3949H56.6037V32H54.7585ZM67.4574 23.2727V32H65.6122V25.0241H65.5611L63.5625 26.277V24.6406L65.723 23.2727H67.4574Z\"\n\t\t\t\tfill=\"black\"\n\t\t\t/>\n\t\t\t<Line x1=\"55\" y1=\"59\" x2=\"24\" y2=\"59\" stroke=\"#DDDDDD\" />\n\t\t\t<Rect x=\"59\" y=\"47\" width=\"29\" height=\"23\" rx=\"4\" fill=\"#DDDDDD\" />\n\t\t\t<Path\n\t\t\t\td=\"M65.7585 63V54.2727H67.6037V57.8736H71.3494V54.2727H73.1903V63H71.3494V59.3949H67.6037V63H65.7585ZM74.6605 63V61.6705L77.767 58.794C78.0313 58.5384 78.2528 58.3082 78.4318 58.1037C78.6136 57.8991 78.7514 57.6989 78.8452 57.5028C78.9389 57.304 78.9858 57.0895 78.9858 56.8594C78.9858 56.6037 78.9276 56.3835 78.8111 56.1989C78.6946 56.0114 78.5355 55.8679 78.3338 55.7685C78.1321 55.6662 77.9034 55.6151 77.6477 55.6151C77.3807 55.6151 77.1477 55.669 76.9489 55.777C76.75 55.8849 76.5966 56.0398 76.4886 56.2415C76.3807 56.4432 76.3267 56.6832 76.3267 56.9616H74.5753C74.5753 56.3906 74.7045 55.8949 74.9631 55.4744C75.2216 55.054 75.5838 54.7287 76.0497 54.4986C76.5156 54.2685 77.0526 54.1534 77.6605 54.1534C78.2855 54.1534 78.8295 54.2642 79.2926 54.4858C79.7585 54.7045 80.1207 55.0085 80.3793 55.3977C80.6378 55.7869 80.767 56.233 80.767 56.7358C80.767 57.0653 80.7017 57.3906 80.571 57.7116C80.4432 58.0327 80.2145 58.3892 79.8849 58.7812C79.5554 59.1705 79.0909 59.6378 78.4915 60.1832L77.2173 61.4318V61.4915H80.8821V63H74.6605Z\"\n\t\t\t\tfill=\"black\"\n\t\t\t/>\n\t\t\t<Line x1=\"80\" y1=\"90\" x2=\"24\" y2=\"90\" stroke=\"#DDDDDD\" />\n\t\t\t<Rect x=\"84\" y=\"78\" width=\"30\" height=\"23\" rx=\"4\" fill=\"#F0B849\" />\n\t\t\t<Path\n\t\t\t\td=\"M90.7585 94V85.2727H92.6037V88.8736H96.3494V85.2727H98.1903V94H96.3494V90.3949H92.6037V94H90.7585ZM99.5284 92.4659V91.0128L103.172 85.2727H104.425V87.2841H103.683L101.386 90.919V90.9872H106.564V92.4659H99.5284ZM103.717 94V92.0227L103.751 91.3793V85.2727H105.482V94H103.717Z\"\n\t\t\t\tfill=\"black\"\n\t\t\t/>\n\t\t\t<Line x1=\"66\" y1=\"121\" x2=\"24\" y2=\"121\" stroke=\"#DDDDDD\" />\n\t\t\t<Rect x=\"70\" y=\"109\" width=\"29\" height=\"23\" rx=\"4\" fill=\"#DDDDDD\" />\n\t\t\t<Path\n\t\t\t\td=\"M76.7585 125V116.273H78.6037V119.874H82.3494V116.273H84.1903V125H82.3494V121.395H78.6037V125H76.7585ZM88.8864 125.119C88.25 125.119 87.6832 125.01 87.1861 124.791C86.6918 124.57 86.3011 124.266 86.0142 123.879C85.7301 123.49 85.5838 123.041 85.5753 122.533H87.4332C87.4446 122.746 87.5142 122.933 87.642 123.095C87.7727 123.254 87.946 123.378 88.1619 123.466C88.3778 123.554 88.6207 123.598 88.8906 123.598C89.1719 123.598 89.4205 123.548 89.6364 123.449C89.8523 123.349 90.0213 123.212 90.1435 123.036C90.2656 122.859 90.3267 122.656 90.3267 122.426C90.3267 122.193 90.2614 121.987 90.1307 121.808C90.0028 121.626 89.8182 121.484 89.5767 121.382C89.3381 121.28 89.054 121.229 88.7244 121.229H87.9105V119.874H88.7244C89.0028 119.874 89.2486 119.825 89.4616 119.729C89.6776 119.632 89.8452 119.499 89.9645 119.328C90.0838 119.155 90.1435 118.953 90.1435 118.723C90.1435 118.504 90.0909 118.312 89.9858 118.148C89.8835 117.98 89.7386 117.849 89.5511 117.756C89.3665 117.662 89.1506 117.615 88.9034 117.615C88.6534 117.615 88.4247 117.661 88.2173 117.751C88.0099 117.839 87.8438 117.966 87.7188 118.131C87.5938 118.295 87.527 118.489 87.5185 118.71H85.75C85.7585 118.207 85.902 117.764 86.1804 117.381C86.4588 116.997 86.8338 116.697 87.3054 116.482C87.7798 116.263 88.3153 116.153 88.9119 116.153C89.5142 116.153 90.0412 116.263 90.4929 116.482C90.9446 116.7 91.2955 116.996 91.5455 117.368C91.7983 117.737 91.9233 118.152 91.9205 118.612C91.9233 119.101 91.7713 119.509 91.4645 119.835C91.1605 120.162 90.7642 120.369 90.2756 120.457V120.526C90.9176 120.608 91.4063 120.831 91.7415 121.195C92.0795 121.555 92.2472 122.007 92.2443 122.55C92.2472 123.047 92.1037 123.489 91.8139 123.875C91.527 124.261 91.1307 124.565 90.625 124.787C90.1193 125.009 89.5398 125.119 88.8864 125.119Z\"\n\t\t\t\tfill=\"black\"\n\t\t\t/>\n\t\t</SVG>\n\t);\n}\n\n/**\n * Returns an array of heading blocks enhanced with the following properties:\n * level - An integer with the heading level.\n * isEmpty - Flag indicating if the heading has no content.\n *\n * @param {?Array} blocks An array of blocks.\n *\n * @return {Array} An array of heading blocks enhanced with the properties described above.\n */\nconst computeOutlineHeadings = ( blocks = [] ) => {\n\treturn blocks\n\t\t.filter( ( block ) => block.name === 'core/heading' )\n\t\t.map( ( block ) => ( {\n\t\t\t...block,\n\t\t\tlevel: block.attributes.level,\n\t\t\tisEmpty: isEmptyHeading( block ),\n\t\t} ) );\n};\n\nconst isEmptyHeading = ( heading ) =>\n\t! heading.attributes.content ||\n\theading.attributes.content.trim().length === 0;\n\n/**\n * Renders a document outline component.\n *\n * @param {Object} props Props.\n * @param {Function} props.onSelect Function to be called when an outline item is selected\n * @param {boolean} props.hasOutlineItemsDisabled Indicates whether the outline items are disabled.\n *\n * @return {React.ReactNode} The rendered component.\n */\nexport default function DocumentOutline( {\n\tonSelect,\n\thasOutlineItemsDisabled,\n} ) {\n\tconst { selectBlock } = useDispatch( blockEditorStore );\n\tconst { title, isTitleSupported } = useSelect( ( select ) => {\n\t\tconst { getEditedPostAttribute } = select( editorStore );\n\t\tconst { getPostType } = select( coreStore );\n\t\tconst postType = getPostType( getEditedPostAttribute( 'type' ) );\n\t\treturn {\n\t\t\ttitle: getEditedPostAttribute( 'title' ),\n\t\t\tisTitleSupported: postType?.supports?.title ?? false,\n\t\t};\n\t} );\n\tconst blocks = useSelect( ( select ) => {\n\t\tconst { getClientIdsWithDescendants, getBlock } =\n\t\t\tselect( blockEditorStore );\n\t\tconst clientIds = getClientIdsWithDescendants();\n\t\t// Note: Don't modify data inside the `Array.map` callback,\n\t\t// all compulations should happen in `computeOutlineHeadings`.\n\t\treturn clientIds.map( ( id ) => getBlock( id ) );\n\t} );\n\n\tconst prevHeadingLevelRef = useRef( 1 );\n\n\tconst headings = useMemo(\n\t\t() => computeOutlineHeadings( blocks ),\n\t\t[ blocks ]\n\t);\n\n\tif ( headings.length < 1 ) {\n\t\treturn (\n\t\t\t<div className=\"editor-document-outline has-no-headings\">\n\t\t\t\t<EmptyOutlineIllustration />\n\t\t\t\t<p>\n\t\t\t\t\t{ __(\n\t\t\t\t\t\t'Navigate the structure of your document and address issues like empty or incorrect heading levels.'\n\t\t\t\t\t) }\n\t\t\t\t</p>\n\t\t\t</div>\n\t\t);\n\t}\n\n\t// Not great but it's the simplest way to locate the title right now.\n\tconst titleNode = document.querySelector( '.editor-post-title__input' );\n\tconst hasTitle = isTitleSupported && title && titleNode;\n\tconst countByLevel = headings.reduce(\n\t\t( acc, heading ) => ( {\n\t\t\t...acc,\n\t\t\t[ heading.level ]: ( acc[ heading.level ] || 0 ) + 1,\n\t\t} ),\n\t\t{}\n\t);\n\tconst hasMultipleH1 = countByLevel[ 1 ] > 1;\n\n\treturn (\n\t\t<div className=\"document-outline\">\n\t\t\t<ul>\n\t\t\t\t{ hasTitle && (\n\t\t\t\t\t<DocumentOutlineItem\n\t\t\t\t\t\tlevel={ __( 'Title' ) }\n\t\t\t\t\t\tisValid\n\t\t\t\t\t\tonSelect={ onSelect }\n\t\t\t\t\t\thref={ `#${ titleNode.id }` }\n\t\t\t\t\t\tisDisabled={ hasOutlineItemsDisabled }\n\t\t\t\t\t>\n\t\t\t\t\t\t{ title }\n\t\t\t\t\t</DocumentOutlineItem>\n\t\t\t\t) }\n\t\t\t\t{ headings.map( ( item ) => {\n\t\t\t\t\t// Headings remain the same, go up by one, or down by any amount.\n\t\t\t\t\t// Otherwise there are missing levels.\n\t\t\t\t\tconst isIncorrectLevel =\n\t\t\t\t\t\titem.level > prevHeadingLevelRef.current + 1;\n\n\t\t\t\t\tconst isValid =\n\t\t\t\t\t\t! item.isEmpty &&\n\t\t\t\t\t\t! isIncorrectLevel &&\n\t\t\t\t\t\t!! item.level &&\n\t\t\t\t\t\t( item.level !== 1 ||\n\t\t\t\t\t\t\t( ! hasMultipleH1 && ! hasTitle ) );\n\t\t\t\t\tprevHeadingLevelRef.current = item.level;\n\n\t\t\t\t\treturn (\n\t\t\t\t\t\t<DocumentOutlineItem\n\t\t\t\t\t\t\tkey={ item.clientId }\n\t\t\t\t\t\t\tlevel={ `H${ item.level }` }\n\t\t\t\t\t\t\tisValid={ isValid }\n\t\t\t\t\t\t\tisDisabled={ hasOutlineItemsDisabled }\n\t\t\t\t\t\t\thref={ `#block-${ item.clientId }` }\n\t\t\t\t\t\t\tonSelect={ () => {\n\t\t\t\t\t\t\t\tselectBlock( item.clientId );\n\t\t\t\t\t\t\t\tonSelect?.();\n\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ item.isEmpty\n\t\t\t\t\t\t\t\t? emptyHeadingContent\n\t\t\t\t\t\t\t\t: getTextContent(\n\t\t\t\t\t\t\t\t\t\tcreate( {\n\t\t\t\t\t\t\t\t\t\t\thtml: item.attributes.content,\n\t\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{ isIncorrectLevel && incorrectLevelContent }\n\t\t\t\t\t\t\t{ item.level === 1 &&\n\t\t\t\t\t\t\t\thasMultipleH1 &&\n\t\t\t\t\t\t\t\tmultipleH1Headings }\n\t\t\t\t\t\t\t{ hasTitle &&\n\t\t\t\t\t\t\t\titem.level === 1 &&\n\t\t\t\t\t\t\t\t! hasMultipleH1 &&\n\t\t\t\t\t\t\t\tsingleH1Headings }\n\t\t\t\t\t\t</DocumentOutlineItem>\n\t\t\t\t\t);\n\t\t\t\t} ) }\n\t\t\t</ul>\n\t\t</div>\n\t);\n}\n"],"mappings":"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","ignoreList":[]}
@@ -63,7 +63,8 @@ function EntityRecordItem({
63
63
  __nextHasNoMarginBottom: true,
64
64
  label: (0, _htmlEntities.decodeEntities)(entityRecordTitle) || (0, _i18n.__)('Untitled'),
65
65
  checked: checked,
66
- onChange: onChange
66
+ onChange: onChange,
67
+ className: "entities-saved-states__change-control"
67
68
  })
68
69
  }), hasPostMetaChanges && /*#__PURE__*/(0, _jsxRuntime.jsx)("ul", {
69
70
  className: "entities-saved-states__changes",
@@ -1 +1 @@
1
- {"version":3,"names":["_components","require","_i18n","_data","_coreData","_htmlEntities","_store","_lockUnlock","_getTemplateInfo","_jsxRuntime","EntityRecordItem","record","checked","onChange","name","kind","title","key","entityRecordTitle","hasPostMetaChanges","useSelect","select","_select$getEntityReco","unlock","editorStore","template","coreStore","getEditedEntityRecord","default_template_types","templateTypes","getEntityRecord","getTemplateInfo","jsxs","Fragment","children","jsx","PanelRow","CheckboxControl","__nextHasNoMarginBottom","label","decodeEntities","__","className"],"sources":["@wordpress/editor/src/components/entities-saved-states/entity-record-item.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { CheckboxControl, PanelRow } from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\nimport { useSelect } from '@wordpress/data';\nimport { store as coreStore } from '@wordpress/core-data';\nimport { decodeEntities } from '@wordpress/html-entities';\n\n/**\n * Internal dependencies\n */\nimport { store as editorStore } from '../../store';\nimport { unlock } from '../../lock-unlock';\nimport { getTemplateInfo } from '../../utils/get-template-info';\n\nexport default function EntityRecordItem( { record, checked, onChange } ) {\n\tconst { name, kind, title, key } = record;\n\n\t// Handle templates that might use default descriptive titles.\n\tconst { entityRecordTitle, hasPostMetaChanges } = useSelect(\n\t\t( select ) => {\n\t\t\tif ( 'postType' !== kind || 'wp_template' !== name ) {\n\t\t\t\treturn {\n\t\t\t\t\tentityRecordTitle: title,\n\t\t\t\t\thasPostMetaChanges: unlock(\n\t\t\t\t\t\tselect( editorStore )\n\t\t\t\t\t).hasPostMetaChanges( name, key ),\n\t\t\t\t};\n\t\t\t}\n\n\t\t\tconst template = select( coreStore ).getEditedEntityRecord(\n\t\t\t\tkind,\n\t\t\t\tname,\n\t\t\t\tkey\n\t\t\t);\n\n\t\t\tconst { default_template_types: templateTypes = [] } =\n\t\t\t\tselect( coreStore ).getEntityRecord(\n\t\t\t\t\t'root',\n\t\t\t\t\t'__unstableBase'\n\t\t\t\t) ?? {};\n\n\t\t\treturn {\n\t\t\t\tentityRecordTitle: getTemplateInfo( {\n\t\t\t\t\ttemplate,\n\t\t\t\t\ttemplateTypes,\n\t\t\t\t} ).title,\n\t\t\t\thasPostMetaChanges: unlock(\n\t\t\t\t\tselect( editorStore )\n\t\t\t\t).hasPostMetaChanges( name, key ),\n\t\t\t};\n\t\t},\n\t\t[ name, kind, title, key ]\n\t);\n\n\treturn (\n\t\t<>\n\t\t\t<PanelRow>\n\t\t\t\t<CheckboxControl\n\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\tlabel={\n\t\t\t\t\t\tdecodeEntities( entityRecordTitle ) || __( 'Untitled' )\n\t\t\t\t\t}\n\t\t\t\t\tchecked={ checked }\n\t\t\t\t\tonChange={ onChange }\n\t\t\t\t/>\n\t\t\t</PanelRow>\n\t\t\t{ hasPostMetaChanges && (\n\t\t\t\t<ul className=\"entities-saved-states__changes\">\n\t\t\t\t\t<li>{ __( 'Post Meta.' ) }</li>\n\t\t\t\t</ul>\n\t\t\t) }\n\t\t</>\n\t);\n}\n"],"mappings":";;;;;;AAGA,IAAAA,WAAA,GAAAC,OAAA;AACA,IAAAC,KAAA,GAAAD,OAAA;AACA,IAAAE,KAAA,GAAAF,OAAA;AACA,IAAAG,SAAA,GAAAH,OAAA;AACA,IAAAI,aAAA,GAAAJ,OAAA;AAKA,IAAAK,MAAA,GAAAL,OAAA;AACA,IAAAM,WAAA,GAAAN,OAAA;AACA,IAAAO,gBAAA,GAAAP,OAAA;AAAgE,IAAAQ,WAAA,GAAAR,OAAA;AAdhE;AACA;AACA;;AAOA;AACA;AACA;;AAKe,SAASS,gBAAgBA,CAAE;EAAEC,MAAM;EAAEC,OAAO;EAAEC;AAAS,CAAC,EAAG;EACzE,MAAM;IAAEC,IAAI;IAAEC,IAAI;IAAEC,KAAK;IAAEC;EAAI,CAAC,GAAGN,MAAM;;EAEzC;EACA,MAAM;IAAEO,iBAAiB;IAAEC;EAAmB,CAAC,GAAG,IAAAC,eAAS,EACxDC,MAAM,IAAM;IAAA,IAAAC,qBAAA;IACb,IAAK,UAAU,KAAKP,IAAI,IAAI,aAAa,KAAKD,IAAI,EAAG;MACpD,OAAO;QACNI,iBAAiB,EAAEF,KAAK;QACxBG,kBAAkB,EAAE,IAAAI,kBAAM,EACzBF,MAAM,CAAEG,YAAY,CACrB,CAAC,CAACL,kBAAkB,CAAEL,IAAI,EAAEG,GAAI;MACjC,CAAC;IACF;IAEA,MAAMQ,QAAQ,GAAGJ,MAAM,CAAEK,eAAU,CAAC,CAACC,qBAAqB,CACzDZ,IAAI,EACJD,IAAI,EACJG,GACD,CAAC;IAED,MAAM;MAAEW,sBAAsB,EAAEC,aAAa,GAAG;IAAG,CAAC,IAAAP,qBAAA,GACnDD,MAAM,CAAEK,eAAU,CAAC,CAACI,eAAe,CAClC,MAAM,EACN,gBACD,CAAC,cAAAR,qBAAA,cAAAA,qBAAA,GAAI,CAAC,CAAC;IAER,OAAO;MACNJ,iBAAiB,EAAE,IAAAa,gCAAe,EAAE;QACnCN,QAAQ;QACRI;MACD,CAAE,CAAC,CAACb,KAAK;MACTG,kBAAkB,EAAE,IAAAI,kBAAM,EACzBF,MAAM,CAAEG,YAAY,CACrB,CAAC,CAACL,kBAAkB,CAAEL,IAAI,EAAEG,GAAI;IACjC,CAAC;EACF,CAAC,EACD,CAAEH,IAAI,EAAEC,IAAI,EAAEC,KAAK,EAAEC,GAAG,CACzB,CAAC;EAED,oBACC,IAAAR,WAAA,CAAAuB,IAAA,EAAAvB,WAAA,CAAAwB,QAAA;IAAAC,QAAA,gBACC,IAAAzB,WAAA,CAAA0B,GAAA,EAACnC,WAAA,CAAAoC,QAAQ;MAAAF,QAAA,eACR,IAAAzB,WAAA,CAAA0B,GAAA,EAACnC,WAAA,CAAAqC,eAAe;QACfC,uBAAuB;QACvBC,KAAK,EACJ,IAAAC,4BAAc,EAAEtB,iBAAkB,CAAC,IAAI,IAAAuB,QAAE,EAAE,UAAW,CACtD;QACD7B,OAAO,EAAGA,OAAS;QACnBC,QAAQ,EAAGA;MAAU,CACrB;IAAC,CACO,CAAC,EACTM,kBAAkB,iBACnB,IAAAV,WAAA,CAAA0B,GAAA;MAAIO,SAAS,EAAC,gCAAgC;MAAAR,QAAA,eAC7C,IAAAzB,WAAA,CAAA0B,GAAA;QAAAD,QAAA,EAAM,IAAAO,QAAE,EAAE,YAAa;MAAC,CAAM;IAAC,CAC5B,CACJ;EAAA,CACA,CAAC;AAEL","ignoreList":[]}
1
+ {"version":3,"names":["_components","require","_i18n","_data","_coreData","_htmlEntities","_store","_lockUnlock","_getTemplateInfo","_jsxRuntime","EntityRecordItem","record","checked","onChange","name","kind","title","key","entityRecordTitle","hasPostMetaChanges","useSelect","select","_select$getEntityReco","unlock","editorStore","template","coreStore","getEditedEntityRecord","default_template_types","templateTypes","getEntityRecord","getTemplateInfo","jsxs","Fragment","children","jsx","PanelRow","CheckboxControl","__nextHasNoMarginBottom","label","decodeEntities","__","className"],"sources":["@wordpress/editor/src/components/entities-saved-states/entity-record-item.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { CheckboxControl, PanelRow } from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\nimport { useSelect } from '@wordpress/data';\nimport { store as coreStore } from '@wordpress/core-data';\nimport { decodeEntities } from '@wordpress/html-entities';\n\n/**\n * Internal dependencies\n */\nimport { store as editorStore } from '../../store';\nimport { unlock } from '../../lock-unlock';\nimport { getTemplateInfo } from '../../utils/get-template-info';\n\nexport default function EntityRecordItem( { record, checked, onChange } ) {\n\tconst { name, kind, title, key } = record;\n\n\t// Handle templates that might use default descriptive titles.\n\tconst { entityRecordTitle, hasPostMetaChanges } = useSelect(\n\t\t( select ) => {\n\t\t\tif ( 'postType' !== kind || 'wp_template' !== name ) {\n\t\t\t\treturn {\n\t\t\t\t\tentityRecordTitle: title,\n\t\t\t\t\thasPostMetaChanges: unlock(\n\t\t\t\t\t\tselect( editorStore )\n\t\t\t\t\t).hasPostMetaChanges( name, key ),\n\t\t\t\t};\n\t\t\t}\n\n\t\t\tconst template = select( coreStore ).getEditedEntityRecord(\n\t\t\t\tkind,\n\t\t\t\tname,\n\t\t\t\tkey\n\t\t\t);\n\n\t\t\tconst { default_template_types: templateTypes = [] } =\n\t\t\t\tselect( coreStore ).getEntityRecord(\n\t\t\t\t\t'root',\n\t\t\t\t\t'__unstableBase'\n\t\t\t\t) ?? {};\n\n\t\t\treturn {\n\t\t\t\tentityRecordTitle: getTemplateInfo( {\n\t\t\t\t\ttemplate,\n\t\t\t\t\ttemplateTypes,\n\t\t\t\t} ).title,\n\t\t\t\thasPostMetaChanges: unlock(\n\t\t\t\t\tselect( editorStore )\n\t\t\t\t).hasPostMetaChanges( name, key ),\n\t\t\t};\n\t\t},\n\t\t[ name, kind, title, key ]\n\t);\n\n\treturn (\n\t\t<>\n\t\t\t<PanelRow>\n\t\t\t\t<CheckboxControl\n\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\tlabel={\n\t\t\t\t\t\tdecodeEntities( entityRecordTitle ) || __( 'Untitled' )\n\t\t\t\t\t}\n\t\t\t\t\tchecked={ checked }\n\t\t\t\t\tonChange={ onChange }\n\t\t\t\t\tclassName=\"entities-saved-states__change-control\"\n\t\t\t\t/>\n\t\t\t</PanelRow>\n\t\t\t{ hasPostMetaChanges && (\n\t\t\t\t<ul className=\"entities-saved-states__changes\">\n\t\t\t\t\t<li>{ __( 'Post Meta.' ) }</li>\n\t\t\t\t</ul>\n\t\t\t) }\n\t\t</>\n\t);\n}\n"],"mappings":";;;;;;AAGA,IAAAA,WAAA,GAAAC,OAAA;AACA,IAAAC,KAAA,GAAAD,OAAA;AACA,IAAAE,KAAA,GAAAF,OAAA;AACA,IAAAG,SAAA,GAAAH,OAAA;AACA,IAAAI,aAAA,GAAAJ,OAAA;AAKA,IAAAK,MAAA,GAAAL,OAAA;AACA,IAAAM,WAAA,GAAAN,OAAA;AACA,IAAAO,gBAAA,GAAAP,OAAA;AAAgE,IAAAQ,WAAA,GAAAR,OAAA;AAdhE;AACA;AACA;;AAOA;AACA;AACA;;AAKe,SAASS,gBAAgBA,CAAE;EAAEC,MAAM;EAAEC,OAAO;EAAEC;AAAS,CAAC,EAAG;EACzE,MAAM;IAAEC,IAAI;IAAEC,IAAI;IAAEC,KAAK;IAAEC;EAAI,CAAC,GAAGN,MAAM;;EAEzC;EACA,MAAM;IAAEO,iBAAiB;IAAEC;EAAmB,CAAC,GAAG,IAAAC,eAAS,EACxDC,MAAM,IAAM;IAAA,IAAAC,qBAAA;IACb,IAAK,UAAU,KAAKP,IAAI,IAAI,aAAa,KAAKD,IAAI,EAAG;MACpD,OAAO;QACNI,iBAAiB,EAAEF,KAAK;QACxBG,kBAAkB,EAAE,IAAAI,kBAAM,EACzBF,MAAM,CAAEG,YAAY,CACrB,CAAC,CAACL,kBAAkB,CAAEL,IAAI,EAAEG,GAAI;MACjC,CAAC;IACF;IAEA,MAAMQ,QAAQ,GAAGJ,MAAM,CAAEK,eAAU,CAAC,CAACC,qBAAqB,CACzDZ,IAAI,EACJD,IAAI,EACJG,GACD,CAAC;IAED,MAAM;MAAEW,sBAAsB,EAAEC,aAAa,GAAG;IAAG,CAAC,IAAAP,qBAAA,GACnDD,MAAM,CAAEK,eAAU,CAAC,CAACI,eAAe,CAClC,MAAM,EACN,gBACD,CAAC,cAAAR,qBAAA,cAAAA,qBAAA,GAAI,CAAC,CAAC;IAER,OAAO;MACNJ,iBAAiB,EAAE,IAAAa,gCAAe,EAAE;QACnCN,QAAQ;QACRI;MACD,CAAE,CAAC,CAACb,KAAK;MACTG,kBAAkB,EAAE,IAAAI,kBAAM,EACzBF,MAAM,CAAEG,YAAY,CACrB,CAAC,CAACL,kBAAkB,CAAEL,IAAI,EAAEG,GAAI;IACjC,CAAC;EACF,CAAC,EACD,CAAEH,IAAI,EAAEC,IAAI,EAAEC,KAAK,EAAEC,GAAG,CACzB,CAAC;EAED,oBACC,IAAAR,WAAA,CAAAuB,IAAA,EAAAvB,WAAA,CAAAwB,QAAA;IAAAC,QAAA,gBACC,IAAAzB,WAAA,CAAA0B,GAAA,EAACnC,WAAA,CAAAoC,QAAQ;MAAAF,QAAA,eACR,IAAAzB,WAAA,CAAA0B,GAAA,EAACnC,WAAA,CAAAqC,eAAe;QACfC,uBAAuB;QACvBC,KAAK,EACJ,IAAAC,4BAAc,EAAEtB,iBAAkB,CAAC,IAAI,IAAAuB,QAAE,EAAE,UAAW,CACtD;QACD7B,OAAO,EAAGA,OAAS;QACnBC,QAAQ,EAAGA,QAAU;QACrB6B,SAAS,EAAC;MAAuC,CACjD;IAAC,CACO,CAAC,EACTvB,kBAAkB,iBACnB,IAAAV,WAAA,CAAA0B,GAAA;MAAIO,SAAS,EAAC,gCAAgC;MAAAR,QAAA,eAC7C,IAAAzB,WAAA,CAAA0B,GAAA;QAAAD,QAAA,EAAM,IAAAO,QAAE,EAAE,YAAa;MAAC,CAAM;IAAC,CAC5B,CACJ;EAAA,CACA,CAAC;AAEL","ignoreList":[]}
@@ -31,7 +31,7 @@ function getEntityDescription(entity, count) {
31
31
  case 'site':
32
32
  return 1 === count ? (0, _i18n.__)('This change will affect your whole site.') : (0, _i18n.__)('These changes will affect your whole site.');
33
33
  case 'wp_template':
34
- return (0, _i18n.__)('This change will affect pages and posts that use this template.');
34
+ return (0, _i18n.__)('This change will affect other parts of your site that use this template.');
35
35
  case 'page':
36
36
  case 'post':
37
37
  return (0, _i18n.__)('The following has been modified.');
@@ -81,6 +81,7 @@ function EntityTypeList({
81
81
  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_components.PanelBody, {
82
82
  title: entityLabel,
83
83
  initialOpen: true,
84
+ className: "entities-saved-states__panel-body",
84
85
  children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(EntityDescription, {
85
86
  record: firstRecord,
86
87
  count: count
@@ -1 +1 @@
1
- {"version":3,"names":["_i18n","require","_data","_components","_coreData","_blockEditor","_element","_entityRecordItem","_interopRequireDefault","_lockUnlock","_jsxRuntime","getGlobalStylesChanges","GlobalStylesContext","unlock","blockEditorPrivateApis","getEntityDescription","entity","count","__","GlobalStylesDescription","record","user","currentEditorGlobalStyles","useContext","savedRecord","useSelect","select","coreStore","getEntityRecord","kind","name","key","globalStylesChanges","maxResults","length","jsx","className","children","map","change","EntityDescription","description","PanelRow","EntityTypeList","list","unselectedEntities","setUnselectedEntities","firstRecord","entityConfig","getEntityConfig","entityLabel","label","jsxs","PanelBody","title","initialOpen","default","checked","some","elt","property","onChange","value"],"sources":["@wordpress/editor/src/components/entities-saved-states/entity-type-list.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { useSelect } from '@wordpress/data';\nimport { PanelBody, PanelRow } from '@wordpress/components';\nimport { store as coreStore } from '@wordpress/core-data';\nimport { privateApis as blockEditorPrivateApis } from '@wordpress/block-editor';\nimport { useContext } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport EntityRecordItem from './entity-record-item';\nimport { unlock } from '../../lock-unlock';\n\nconst { getGlobalStylesChanges, GlobalStylesContext } = unlock(\n\tblockEditorPrivateApis\n);\n\nfunction getEntityDescription( entity, count ) {\n\tswitch ( entity ) {\n\t\tcase 'site':\n\t\t\treturn 1 === count\n\t\t\t\t? __( 'This change will affect your whole site.' )\n\t\t\t\t: __( 'These changes will affect your whole site.' );\n\t\tcase 'wp_template':\n\t\t\treturn __(\n\t\t\t\t'This change will affect pages and posts that use this template.'\n\t\t\t);\n\t\tcase 'page':\n\t\tcase 'post':\n\t\t\treturn __( 'The following has been modified.' );\n\t}\n}\n\nfunction GlobalStylesDescription( { record } ) {\n\tconst { user: currentEditorGlobalStyles } =\n\t\tuseContext( GlobalStylesContext );\n\tconst savedRecord = useSelect(\n\t\t( select ) =>\n\t\t\tselect( coreStore ).getEntityRecord(\n\t\t\t\trecord.kind,\n\t\t\t\trecord.name,\n\t\t\t\trecord.key\n\t\t\t),\n\t\t[ record.kind, record.name, record.key ]\n\t);\n\n\tconst globalStylesChanges = getGlobalStylesChanges(\n\t\tcurrentEditorGlobalStyles,\n\t\tsavedRecord,\n\t\t{\n\t\t\tmaxResults: 10,\n\t\t}\n\t);\n\treturn globalStylesChanges.length ? (\n\t\t<ul className=\"entities-saved-states__changes\">\n\t\t\t{ globalStylesChanges.map( ( change ) => (\n\t\t\t\t<li key={ change }>{ change }</li>\n\t\t\t) ) }\n\t\t</ul>\n\t) : null;\n}\n\nfunction EntityDescription( { record, count } ) {\n\tif ( 'globalStyles' === record?.name ) {\n\t\treturn null;\n\t}\n\tconst description = getEntityDescription( record?.name, count );\n\treturn description ? <PanelRow>{ description }</PanelRow> : null;\n}\n\nexport default function EntityTypeList( {\n\tlist,\n\tunselectedEntities,\n\tsetUnselectedEntities,\n} ) {\n\tconst count = list.length;\n\tconst firstRecord = list[ 0 ];\n\tconst entityConfig = useSelect(\n\t\t( select ) =>\n\t\t\tselect( coreStore ).getEntityConfig(\n\t\t\t\tfirstRecord.kind,\n\t\t\t\tfirstRecord.name\n\t\t\t),\n\t\t[ firstRecord.kind, firstRecord.name ]\n\t);\n\n\tlet entityLabel = entityConfig.label;\n\tif ( firstRecord?.name === 'wp_template_part' ) {\n\t\tentityLabel =\n\t\t\t1 === count ? __( 'Template Part' ) : __( 'Template Parts' );\n\t}\n\n\treturn (\n\t\t<PanelBody title={ entityLabel } initialOpen>\n\t\t\t<EntityDescription record={ firstRecord } count={ count } />\n\t\t\t{ list.map( ( record ) => {\n\t\t\t\treturn (\n\t\t\t\t\t<EntityRecordItem\n\t\t\t\t\t\tkey={ record.key || record.property }\n\t\t\t\t\t\trecord={ record }\n\t\t\t\t\t\tchecked={\n\t\t\t\t\t\t\t! unselectedEntities.some(\n\t\t\t\t\t\t\t\t( elt ) =>\n\t\t\t\t\t\t\t\t\telt.kind === record.kind &&\n\t\t\t\t\t\t\t\t\telt.name === record.name &&\n\t\t\t\t\t\t\t\t\telt.key === record.key &&\n\t\t\t\t\t\t\t\t\telt.property === record.property\n\t\t\t\t\t\t\t)\n\t\t\t\t\t\t}\n\t\t\t\t\t\tonChange={ ( value ) =>\n\t\t\t\t\t\t\tsetUnselectedEntities( record, value )\n\t\t\t\t\t\t}\n\t\t\t\t\t/>\n\t\t\t\t);\n\t\t\t} ) }\n\t\t\t{ 'globalStyles' === firstRecord?.name && (\n\t\t\t\t<GlobalStylesDescription record={ firstRecord } />\n\t\t\t) }\n\t\t</PanelBody>\n\t);\n}\n"],"mappings":"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","ignoreList":[]}
1
+ {"version":3,"names":["_i18n","require","_data","_components","_coreData","_blockEditor","_element","_entityRecordItem","_interopRequireDefault","_lockUnlock","_jsxRuntime","getGlobalStylesChanges","GlobalStylesContext","unlock","blockEditorPrivateApis","getEntityDescription","entity","count","__","GlobalStylesDescription","record","user","currentEditorGlobalStyles","useContext","savedRecord","useSelect","select","coreStore","getEntityRecord","kind","name","key","globalStylesChanges","maxResults","length","jsx","className","children","map","change","EntityDescription","description","PanelRow","EntityTypeList","list","unselectedEntities","setUnselectedEntities","firstRecord","entityConfig","getEntityConfig","entityLabel","label","jsxs","PanelBody","title","initialOpen","default","checked","some","elt","property","onChange","value"],"sources":["@wordpress/editor/src/components/entities-saved-states/entity-type-list.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { useSelect } from '@wordpress/data';\nimport { PanelBody, PanelRow } from '@wordpress/components';\nimport { store as coreStore } from '@wordpress/core-data';\nimport { privateApis as blockEditorPrivateApis } from '@wordpress/block-editor';\nimport { useContext } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport EntityRecordItem from './entity-record-item';\nimport { unlock } from '../../lock-unlock';\n\nconst { getGlobalStylesChanges, GlobalStylesContext } = unlock(\n\tblockEditorPrivateApis\n);\n\nfunction getEntityDescription( entity, count ) {\n\tswitch ( entity ) {\n\t\tcase 'site':\n\t\t\treturn 1 === count\n\t\t\t\t? __( 'This change will affect your whole site.' )\n\t\t\t\t: __( 'These changes will affect your whole site.' );\n\t\tcase 'wp_template':\n\t\t\treturn __(\n\t\t\t\t'This change will affect other parts of your site that use this template.'\n\t\t\t);\n\t\tcase 'page':\n\t\tcase 'post':\n\t\t\treturn __( 'The following has been modified.' );\n\t}\n}\n\nfunction GlobalStylesDescription( { record } ) {\n\tconst { user: currentEditorGlobalStyles } =\n\t\tuseContext( GlobalStylesContext );\n\tconst savedRecord = useSelect(\n\t\t( select ) =>\n\t\t\tselect( coreStore ).getEntityRecord(\n\t\t\t\trecord.kind,\n\t\t\t\trecord.name,\n\t\t\t\trecord.key\n\t\t\t),\n\t\t[ record.kind, record.name, record.key ]\n\t);\n\n\tconst globalStylesChanges = getGlobalStylesChanges(\n\t\tcurrentEditorGlobalStyles,\n\t\tsavedRecord,\n\t\t{\n\t\t\tmaxResults: 10,\n\t\t}\n\t);\n\treturn globalStylesChanges.length ? (\n\t\t<ul className=\"entities-saved-states__changes\">\n\t\t\t{ globalStylesChanges.map( ( change ) => (\n\t\t\t\t<li key={ change }>{ change }</li>\n\t\t\t) ) }\n\t\t</ul>\n\t) : null;\n}\n\nfunction EntityDescription( { record, count } ) {\n\tif ( 'globalStyles' === record?.name ) {\n\t\treturn null;\n\t}\n\tconst description = getEntityDescription( record?.name, count );\n\treturn description ? <PanelRow>{ description }</PanelRow> : null;\n}\n\nexport default function EntityTypeList( {\n\tlist,\n\tunselectedEntities,\n\tsetUnselectedEntities,\n} ) {\n\tconst count = list.length;\n\tconst firstRecord = list[ 0 ];\n\tconst entityConfig = useSelect(\n\t\t( select ) =>\n\t\t\tselect( coreStore ).getEntityConfig(\n\t\t\t\tfirstRecord.kind,\n\t\t\t\tfirstRecord.name\n\t\t\t),\n\t\t[ firstRecord.kind, firstRecord.name ]\n\t);\n\n\tlet entityLabel = entityConfig.label;\n\tif ( firstRecord?.name === 'wp_template_part' ) {\n\t\tentityLabel =\n\t\t\t1 === count ? __( 'Template Part' ) : __( 'Template Parts' );\n\t}\n\n\treturn (\n\t\t<PanelBody\n\t\t\ttitle={ entityLabel }\n\t\t\tinitialOpen\n\t\t\tclassName=\"entities-saved-states__panel-body\"\n\t\t>\n\t\t\t<EntityDescription record={ firstRecord } count={ count } />\n\t\t\t{ list.map( ( record ) => {\n\t\t\t\treturn (\n\t\t\t\t\t<EntityRecordItem\n\t\t\t\t\t\tkey={ record.key || record.property }\n\t\t\t\t\t\trecord={ record }\n\t\t\t\t\t\tchecked={\n\t\t\t\t\t\t\t! unselectedEntities.some(\n\t\t\t\t\t\t\t\t( elt ) =>\n\t\t\t\t\t\t\t\t\telt.kind === record.kind &&\n\t\t\t\t\t\t\t\t\telt.name === record.name &&\n\t\t\t\t\t\t\t\t\telt.key === record.key &&\n\t\t\t\t\t\t\t\t\telt.property === record.property\n\t\t\t\t\t\t\t)\n\t\t\t\t\t\t}\n\t\t\t\t\t\tonChange={ ( value ) =>\n\t\t\t\t\t\t\tsetUnselectedEntities( record, value )\n\t\t\t\t\t\t}\n\t\t\t\t\t/>\n\t\t\t\t);\n\t\t\t} ) }\n\t\t\t{ 'globalStyles' === firstRecord?.name && (\n\t\t\t\t<GlobalStylesDescription record={ firstRecord } />\n\t\t\t) }\n\t\t</PanelBody>\n\t);\n}\n"],"mappings":"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","ignoreList":[]}
@@ -6,6 +6,7 @@ Object.defineProperty(exports, "__esModule", {
6
6
  });
7
7
  exports.EntitiesSavedStatesExtensible = EntitiesSavedStatesExtensible;
8
8
  exports.default = EntitiesSavedStates;
9
+ var _clsx = _interopRequireDefault(require("clsx"));
9
10
  var _components = require("@wordpress/components");
10
11
  var _i18n = require("@wordpress/i18n");
11
12
  var _element = require("@wordpress/element");
@@ -16,6 +17,10 @@ var _useIsDirty = require("./hooks/use-is-dirty");
16
17
  var _store = require("../../store");
17
18
  var _lockUnlock = require("../../lock-unlock");
18
19
  var _jsxRuntime = require("react/jsx-runtime");
20
+ /**
21
+ * External dependencies
22
+ */
23
+
19
24
  /**
20
25
  * WordPress dependencies
21
26
  */
@@ -34,17 +39,20 @@ function identity(values) {
34
39
  * @param {Object} props The component props.
35
40
  * @param {Function} props.close The function to close the dialog.
36
41
  * @param {boolean} props.renderDialog Whether to render the component with modal dialog behavior.
42
+ * @param {string} props.variant Changes the layout of the component. When an `inline` value is provided, the action buttons are rendered at the end of the component instead of at the start.
37
43
  *
38
44
  * @return {React.ReactNode} The rendered component.
39
45
  */
40
46
  function EntitiesSavedStates({
41
47
  close,
42
- renderDialog
48
+ renderDialog,
49
+ variant
43
50
  }) {
44
51
  const isDirtyProps = (0, _useIsDirty.useIsDirty)();
45
52
  return /*#__PURE__*/(0, _jsxRuntime.jsx)(EntitiesSavedStatesExtensible, {
46
53
  close: close,
47
54
  renderDialog: renderDialog,
55
+ variant: variant,
48
56
  ...isDirtyProps
49
57
  });
50
58
  }
@@ -63,6 +71,7 @@ function EntitiesSavedStates({
63
71
  * @param {boolean} props.isDirty Flag indicating if there are dirty entities.
64
72
  * @param {Function} props.setUnselectedEntities Function to set unselected entities.
65
73
  * @param {Array} props.unselectedEntities Array of unselected entities.
74
+ * @param {string} props.variant Changes the layout of the component. When an `inline` value is provided, the action buttons are rendered at the end of the component instead of at the start.
66
75
  *
67
76
  * @return {React.ReactNode} The rendered component.
68
77
  */
@@ -76,7 +85,8 @@ function EntitiesSavedStatesExtensible({
76
85
  dirtyEntityRecords,
77
86
  isDirty,
78
87
  setUnselectedEntities,
79
- unselectedEntities
88
+ unselectedEntities,
89
+ variant = 'default'
80
90
  }) {
81
91
  const saveButtonRef = (0, _element.useRef)();
82
92
  const {
@@ -109,58 +119,67 @@ function EntitiesSavedStatesExtensible({
109
119
  const [saveDialogRef, saveDialogProps] = (0, _compose.__experimentalUseDialog)({
110
120
  onClose: () => dismissPanel()
111
121
  });
112
- const dialogLabel = (0, _compose.useInstanceId)(EntitiesSavedStatesExtensible, 'label');
113
- const dialogDescription = (0, _compose.useInstanceId)(EntitiesSavedStatesExtensible, 'description');
122
+ const dialogLabelId = (0, _compose.useInstanceId)(EntitiesSavedStatesExtensible, 'entities-saved-states__panel-label');
123
+ const dialogDescriptionId = (0, _compose.useInstanceId)(EntitiesSavedStatesExtensible, 'entities-saved-states__panel-description');
114
124
  const selectItemsToSaveDescription = !!dirtyEntityRecords.length ? (0, _i18n.__)('Select the items you want to save.') : undefined;
125
+ const isInline = variant === 'inline';
126
+ const actionButtons = /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
127
+ children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_components.FlexItem, {
128
+ isBlock: isInline ? false : true,
129
+ as: _components.Button,
130
+ variant: isInline ? 'tertiary' : 'secondary',
131
+ size: isInline ? undefined : 'compact',
132
+ onClick: dismissPanel,
133
+ children: (0, _i18n.__)('Cancel')
134
+ }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.FlexItem, {
135
+ isBlock: isInline ? false : true,
136
+ as: _components.Button,
137
+ ref: saveButtonRef,
138
+ variant: "primary",
139
+ size: isInline ? undefined : 'compact',
140
+ disabled: !saveEnabled,
141
+ accessibleWhenDisabled: true,
142
+ onClick: () => saveDirtyEntities({
143
+ onSave,
144
+ dirtyEntityRecords,
145
+ entitiesToSkip: unselectedEntities,
146
+ close
147
+ }),
148
+ className: "editor-entities-saved-states__save-button",
149
+ children: saveLabel
150
+ })]
151
+ });
115
152
  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
116
153
  ref: renderDialog ? saveDialogRef : undefined,
117
154
  ...(renderDialog && saveDialogProps),
118
- className: "entities-saved-states__panel",
155
+ className: (0, _clsx.default)('entities-saved-states__panel', {
156
+ 'is-inline': isInline
157
+ }),
119
158
  role: renderDialog ? 'dialog' : undefined,
120
- "aria-labelledby": renderDialog ? dialogLabel : undefined,
121
- "aria-describedby": renderDialog ? dialogDescription : undefined,
122
- children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_components.Flex, {
159
+ "aria-labelledby": renderDialog ? dialogLabelId : undefined,
160
+ "aria-describedby": renderDialog ? dialogDescriptionId : undefined,
161
+ children: [!isInline && /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Flex, {
123
162
  className: "entities-saved-states__panel-header",
124
163
  gap: 2,
125
- children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_components.FlexItem, {
126
- isBlock: true,
127
- as: _components.Button,
128
- variant: "secondary",
129
- size: "compact",
130
- onClick: dismissPanel,
131
- children: (0, _i18n.__)('Cancel')
132
- }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.FlexItem, {
133
- isBlock: true,
134
- as: _components.Button,
135
- ref: saveButtonRef,
136
- variant: "primary",
137
- size: "compact",
138
- disabled: !saveEnabled,
139
- accessibleWhenDisabled: true,
140
- onClick: () => saveDirtyEntities({
141
- onSave,
142
- dirtyEntityRecords,
143
- entitiesToSkip: unselectedEntities,
144
- close
145
- }),
146
- className: "editor-entities-saved-states__save-button",
147
- children: saveLabel
148
- })]
164
+ children: actionButtons
149
165
  }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
150
166
  className: "entities-saved-states__text-prompt",
151
- children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
167
+ children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
152
168
  className: "entities-saved-states__text-prompt--header-wrapper",
153
- id: renderDialog ? dialogLabel : undefined,
154
- children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("strong", {
169
+ children: /*#__PURE__*/(0, _jsxRuntime.jsx)("strong", {
170
+ id: renderDialog ? dialogLabelId : undefined,
155
171
  className: "entities-saved-states__text-prompt--header",
156
172
  children: (0, _i18n.__)('Are you ready to save?')
157
- }), additionalPrompt]
158
- }), /*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
159
- id: renderDialog ? dialogDescription : undefined,
160
- children: isDirty ? (0, _element.createInterpolateElement)((0, _i18n.sprintf)(/* translators: %d: number of site changes waiting to be saved. */
161
- (0, _i18n._n)('There is <strong>%d site change</strong> waiting to be saved.', 'There are <strong>%d site changes</strong> waiting to be saved.', dirtyEntityRecords.length), dirtyEntityRecords.length), {
162
- strong: /*#__PURE__*/(0, _jsxRuntime.jsx)("strong", {})
163
- }) : selectItemsToSaveDescription
173
+ })
174
+ }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
175
+ id: renderDialog ? dialogDescriptionId : undefined,
176
+ children: [additionalPrompt, /*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
177
+ className: "entities-saved-states__text-prompt--changes-count",
178
+ children: isDirty ? (0, _element.createInterpolateElement)((0, _i18n.sprintf)(/* translators: %d: number of site changes waiting to be saved. */
179
+ (0, _i18n._n)('There is <strong>%d site change</strong> waiting to be saved.', 'There are <strong>%d site changes</strong> waiting to be saved.', dirtyEntityRecords.length), dirtyEntityRecords.length), {
180
+ strong: /*#__PURE__*/(0, _jsxRuntime.jsx)("strong", {})
181
+ }) : selectItemsToSaveDescription
182
+ })]
164
183
  })]
165
184
  }), sortedPartitionedSavables.map(list => {
166
185
  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_entityTypeList.default, {
@@ -168,6 +187,11 @@ function EntitiesSavedStatesExtensible({
168
187
  unselectedEntities: unselectedEntities,
169
188
  setUnselectedEntities: setUnselectedEntities
170
189
  }, list[0].name);
190
+ }), isInline && /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Flex, {
191
+ direction: "row",
192
+ justify: "flex-end",
193
+ className: "entities-saved-states__panel-footer",
194
+ children: actionButtons
171
195
  })]
172
196
  });
173
197
  }
@@ -1 +1 @@
1
- {"version":3,"names":["_components","require","_i18n","_element","_compose","_data","_entityTypeList","_interopRequireDefault","_useIsDirty","_store","_lockUnlock","_jsxRuntime","identity","values","EntitiesSavedStates","close","renderDialog","isDirtyProps","useIsDirty","jsx","EntitiesSavedStatesExtensible","additionalPrompt","undefined","onSave","saveEnabled","saveEnabledProp","saveLabel","__","dirtyEntityRecords","isDirty","setUnselectedEntities","unselectedEntities","saveButtonRef","useRef","saveDirtyEntities","unlock","useDispatch","editorStore","partitionedSavables","reduce","acc","record","name","push","site","siteSavables","wp_template","templateSavables","wp_template_part","templatePartSavables","contentSavables","sortedPartitionedSavables","Object","filter","Array","isArray","dismissPanel","useCallback","saveDialogRef","saveDialogProps","useDialog","onClose","dialogLabel","useInstanceId","dialogDescription","selectItemsToSaveDescription","length","jsxs","ref","className","role","children","Flex","gap","FlexItem","isBlock","as","Button","variant","size","onClick","disabled","accessibleWhenDisabled","entitiesToSkip","id","createInterpolateElement","sprintf","_n","strong","map","list","default"],"sources":["@wordpress/editor/src/components/entities-saved-states/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { Button, Flex, FlexItem } from '@wordpress/components';\nimport { __, _n, sprintf } from '@wordpress/i18n';\nimport {\n\tuseCallback,\n\tuseRef,\n\tcreateInterpolateElement,\n} from '@wordpress/element';\nimport {\n\t__experimentalUseDialog as useDialog,\n\tuseInstanceId,\n} from '@wordpress/compose';\nimport { useDispatch } from '@wordpress/data';\n\n/**\n * Internal dependencies\n */\nimport EntityTypeList from './entity-type-list';\nimport { useIsDirty } from './hooks/use-is-dirty';\nimport { store as editorStore } from '../../store';\nimport { unlock } from '../../lock-unlock';\n\nfunction identity( values ) {\n\treturn values;\n}\n\n/**\n * Renders the component for managing saved states of entities.\n *\n * @param {Object} props The component props.\n * @param {Function} props.close The function to close the dialog.\n * @param {boolean} props.renderDialog Whether to render the component with modal dialog behavior.\n *\n * @return {React.ReactNode} The rendered component.\n */\nexport default function EntitiesSavedStates( { close, renderDialog } ) {\n\tconst isDirtyProps = useIsDirty();\n\treturn (\n\t\t<EntitiesSavedStatesExtensible\n\t\t\tclose={ close }\n\t\t\trenderDialog={ renderDialog }\n\t\t\t{ ...isDirtyProps }\n\t\t/>\n\t);\n}\n\n/**\n * Renders a panel for saving entities with dirty records.\n *\n * @param {Object} props The component props.\n * @param {string} props.additionalPrompt Additional prompt to display.\n * @param {Function} props.close Function to close the panel.\n * @param {Function} props.onSave Function to call when saving entities.\n * @param {boolean} props.saveEnabled Flag indicating if save is enabled.\n * @param {string} props.saveLabel Label for the save button.\n * @param {boolean} props.renderDialog Whether to render the component with modal dialog behavior.\n * @param {Array} props.dirtyEntityRecords Array of dirty entity records.\n * @param {boolean} props.isDirty Flag indicating if there are dirty entities.\n * @param {Function} props.setUnselectedEntities Function to set unselected entities.\n * @param {Array} props.unselectedEntities Array of unselected entities.\n *\n * @return {React.ReactNode} The rendered component.\n */\nexport function EntitiesSavedStatesExtensible( {\n\tadditionalPrompt = undefined,\n\tclose,\n\tonSave = identity,\n\tsaveEnabled: saveEnabledProp = undefined,\n\tsaveLabel = __( 'Save' ),\n\trenderDialog,\n\tdirtyEntityRecords,\n\tisDirty,\n\tsetUnselectedEntities,\n\tunselectedEntities,\n} ) {\n\tconst saveButtonRef = useRef();\n\tconst { saveDirtyEntities } = unlock( useDispatch( editorStore ) );\n\t// To group entities by type.\n\tconst partitionedSavables = dirtyEntityRecords.reduce( ( acc, record ) => {\n\t\tconst { name } = record;\n\t\tif ( ! acc[ name ] ) {\n\t\t\tacc[ name ] = [];\n\t\t}\n\t\tacc[ name ].push( record );\n\t\treturn acc;\n\t}, {} );\n\n\t// Sort entity groups.\n\tconst {\n\t\tsite: siteSavables,\n\t\twp_template: templateSavables,\n\t\twp_template_part: templatePartSavables,\n\t\t...contentSavables\n\t} = partitionedSavables;\n\tconst sortedPartitionedSavables = [\n\t\tsiteSavables,\n\t\ttemplateSavables,\n\t\ttemplatePartSavables,\n\t\t...Object.values( contentSavables ),\n\t].filter( Array.isArray );\n\n\tconst saveEnabled = saveEnabledProp ?? isDirty;\n\t// Explicitly define this with no argument passed. Using `close` on\n\t// its own will use the event object in place of the expected saved entities.\n\tconst dismissPanel = useCallback( () => close(), [ close ] );\n\n\tconst [ saveDialogRef, saveDialogProps ] = useDialog( {\n\t\tonClose: () => dismissPanel(),\n\t} );\n\tconst dialogLabel = useInstanceId( EntitiesSavedStatesExtensible, 'label' );\n\tconst dialogDescription = useInstanceId(\n\t\tEntitiesSavedStatesExtensible,\n\t\t'description'\n\t);\n\n\tconst selectItemsToSaveDescription = !! dirtyEntityRecords.length\n\t\t? __( 'Select the items you want to save.' )\n\t\t: undefined;\n\n\treturn (\n\t\t<div\n\t\t\tref={ renderDialog ? saveDialogRef : undefined }\n\t\t\t{ ...( renderDialog && saveDialogProps ) }\n\t\t\tclassName=\"entities-saved-states__panel\"\n\t\t\trole={ renderDialog ? 'dialog' : undefined }\n\t\t\taria-labelledby={ renderDialog ? dialogLabel : undefined }\n\t\t\taria-describedby={ renderDialog ? dialogDescription : undefined }\n\t\t>\n\t\t\t<Flex className=\"entities-saved-states__panel-header\" gap={ 2 }>\n\t\t\t\t<FlexItem\n\t\t\t\t\tisBlock\n\t\t\t\t\tas={ Button }\n\t\t\t\t\tvariant=\"secondary\"\n\t\t\t\t\tsize=\"compact\"\n\t\t\t\t\tonClick={ dismissPanel }\n\t\t\t\t>\n\t\t\t\t\t{ __( 'Cancel' ) }\n\t\t\t\t</FlexItem>\n\t\t\t\t<FlexItem\n\t\t\t\t\tisBlock\n\t\t\t\t\tas={ Button }\n\t\t\t\t\tref={ saveButtonRef }\n\t\t\t\t\tvariant=\"primary\"\n\t\t\t\t\tsize=\"compact\"\n\t\t\t\t\tdisabled={ ! saveEnabled }\n\t\t\t\t\taccessibleWhenDisabled\n\t\t\t\t\tonClick={ () =>\n\t\t\t\t\t\tsaveDirtyEntities( {\n\t\t\t\t\t\t\tonSave,\n\t\t\t\t\t\t\tdirtyEntityRecords,\n\t\t\t\t\t\t\tentitiesToSkip: unselectedEntities,\n\t\t\t\t\t\t\tclose,\n\t\t\t\t\t\t} )\n\t\t\t\t\t}\n\t\t\t\t\tclassName=\"editor-entities-saved-states__save-button\"\n\t\t\t\t>\n\t\t\t\t\t{ saveLabel }\n\t\t\t\t</FlexItem>\n\t\t\t</Flex>\n\n\t\t\t<div className=\"entities-saved-states__text-prompt\">\n\t\t\t\t<div\n\t\t\t\t\tclassName=\"entities-saved-states__text-prompt--header-wrapper\"\n\t\t\t\t\tid={ renderDialog ? dialogLabel : undefined }\n\t\t\t\t>\n\t\t\t\t\t<strong className=\"entities-saved-states__text-prompt--header\">\n\t\t\t\t\t\t{ __( 'Are you ready to save?' ) }\n\t\t\t\t\t</strong>\n\t\t\t\t\t{ additionalPrompt }\n\t\t\t\t</div>\n\t\t\t\t<p id={ renderDialog ? dialogDescription : undefined }>\n\t\t\t\t\t{ isDirty\n\t\t\t\t\t\t? createInterpolateElement(\n\t\t\t\t\t\t\t\tsprintf(\n\t\t\t\t\t\t\t\t\t/* translators: %d: number of site changes waiting to be saved. */\n\t\t\t\t\t\t\t\t\t_n(\n\t\t\t\t\t\t\t\t\t\t'There is <strong>%d site change</strong> waiting to be saved.',\n\t\t\t\t\t\t\t\t\t\t'There are <strong>%d site changes</strong> waiting to be saved.',\n\t\t\t\t\t\t\t\t\t\tdirtyEntityRecords.length\n\t\t\t\t\t\t\t\t\t),\n\t\t\t\t\t\t\t\t\tdirtyEntityRecords.length\n\t\t\t\t\t\t\t\t),\n\t\t\t\t\t\t\t\t{ strong: <strong /> }\n\t\t\t\t\t\t )\n\t\t\t\t\t\t: selectItemsToSaveDescription }\n\t\t\t\t</p>\n\t\t\t</div>\n\n\t\t\t{ sortedPartitionedSavables.map( ( list ) => {\n\t\t\t\treturn (\n\t\t\t\t\t<EntityTypeList\n\t\t\t\t\t\tkey={ list[ 0 ].name }\n\t\t\t\t\t\tlist={ list }\n\t\t\t\t\t\tunselectedEntities={ unselectedEntities }\n\t\t\t\t\t\tsetUnselectedEntities={ setUnselectedEntities }\n\t\t\t\t\t/>\n\t\t\t\t);\n\t\t\t} ) }\n\t\t</div>\n\t);\n}\n"],"mappings":";;;;;;;;AAGA,IAAAA,WAAA,GAAAC,OAAA;AACA,IAAAC,KAAA,GAAAD,OAAA;AACA,IAAAE,QAAA,GAAAF,OAAA;AAKA,IAAAG,QAAA,GAAAH,OAAA;AAIA,IAAAI,KAAA,GAAAJ,OAAA;AAKA,IAAAK,eAAA,GAAAC,sBAAA,CAAAN,OAAA;AACA,IAAAO,WAAA,GAAAP,OAAA;AACA,IAAAQ,MAAA,GAAAR,OAAA;AACA,IAAAS,WAAA,GAAAT,OAAA;AAA2C,IAAAU,WAAA,GAAAV,OAAA;AAtB3C;AACA;AACA;;AAcA;AACA;AACA;;AAMA,SAASW,QAAQA,CAAEC,MAAM,EAAG;EAC3B,OAAOA,MAAM;AACd;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACe,SAASC,mBAAmBA,CAAE;EAAEC,KAAK;EAAEC;AAAa,CAAC,EAAG;EACtE,MAAMC,YAAY,GAAG,IAAAC,sBAAU,EAAC,CAAC;EACjC,oBACC,IAAAP,WAAA,CAAAQ,GAAA,EAACC,6BAA6B;IAC7BL,KAAK,EAAGA,KAAO;IACfC,YAAY,EAAGA,YAAc;IAAA,GACxBC;EAAY,CACjB,CAAC;AAEJ;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,SAASG,6BAA6BA,CAAE;EAC9CC,gBAAgB,GAAGC,SAAS;EAC5BP,KAAK;EACLQ,MAAM,GAAGX,QAAQ;EACjBY,WAAW,EAAEC,eAAe,GAAGH,SAAS;EACxCI,SAAS,GAAG,IAAAC,QAAE,EAAE,MAAO,CAAC;EACxBX,YAAY;EACZY,kBAAkB;EAClBC,OAAO;EACPC,qBAAqB;EACrBC;AACD,CAAC,EAAG;EACH,MAAMC,aAAa,GAAG,IAAAC,eAAM,EAAC,CAAC;EAC9B,MAAM;IAAEC;EAAkB,CAAC,GAAG,IAAAC,kBAAM,EAAE,IAAAC,iBAAW,EAAEC,YAAY,CAAE,CAAC;EAClE;EACA,MAAMC,mBAAmB,GAAGV,kBAAkB,CAACW,MAAM,CAAE,CAAEC,GAAG,EAAEC,MAAM,KAAM;IACzE,MAAM;MAAEC;IAAK,CAAC,GAAGD,MAAM;IACvB,IAAK,CAAED,GAAG,CAAEE,IAAI,CAAE,EAAG;MACpBF,GAAG,CAAEE,IAAI,CAAE,GAAG,EAAE;IACjB;IACAF,GAAG,CAAEE,IAAI,CAAE,CAACC,IAAI,CAAEF,MAAO,CAAC;IAC1B,OAAOD,GAAG;EACX,CAAC,EAAE,CAAC,CAAE,CAAC;;EAEP;EACA,MAAM;IACLI,IAAI,EAAEC,YAAY;IAClBC,WAAW,EAAEC,gBAAgB;IAC7BC,gBAAgB,EAAEC,oBAAoB;IACtC,GAAGC;EACJ,CAAC,GAAGZ,mBAAmB;EACvB,MAAMa,yBAAyB,GAAG,CACjCN,YAAY,EACZE,gBAAgB,EAChBE,oBAAoB,EACpB,GAAGG,MAAM,CAACvC,MAAM,CAAEqC,eAAgB,CAAC,CACnC,CAACG,MAAM,CAAEC,KAAK,CAACC,OAAQ,CAAC;EAEzB,MAAM/B,WAAW,GAAGC,eAAe,aAAfA,eAAe,cAAfA,eAAe,GAAII,OAAO;EAC9C;EACA;EACA,MAAM2B,YAAY,GAAG,IAAAC,oBAAW,EAAE,MAAM1C,KAAK,CAAC,CAAC,EAAE,CAAEA,KAAK,CAAG,CAAC;EAE5D,MAAM,CAAE2C,aAAa,EAAEC,eAAe,CAAE,GAAG,IAAAC,gCAAS,EAAE;IACrDC,OAAO,EAAEA,CAAA,KAAML,YAAY,CAAC;EAC7B,CAAE,CAAC;EACH,MAAMM,WAAW,GAAG,IAAAC,sBAAa,EAAE3C,6BAA6B,EAAE,OAAQ,CAAC;EAC3E,MAAM4C,iBAAiB,GAAG,IAAAD,sBAAa,EACtC3C,6BAA6B,EAC7B,aACD,CAAC;EAED,MAAM6C,4BAA4B,GAAG,CAAC,CAAErC,kBAAkB,CAACsC,MAAM,GAC9D,IAAAvC,QAAE,EAAE,oCAAqC,CAAC,GAC1CL,SAAS;EAEZ,oBACC,IAAAX,WAAA,CAAAwD,IAAA;IACCC,GAAG,EAAGpD,YAAY,GAAG0C,aAAa,GAAGpC,SAAW;IAAA,IACzCN,YAAY,IAAI2C,eAAe;IACtCU,SAAS,EAAC,8BAA8B;IACxCC,IAAI,EAAGtD,YAAY,GAAG,QAAQ,GAAGM,SAAW;IAC5C,mBAAkBN,YAAY,GAAG8C,WAAW,GAAGxC,SAAW;IAC1D,oBAAmBN,YAAY,GAAGgD,iBAAiB,GAAG1C,SAAW;IAAAiD,QAAA,gBAEjE,IAAA5D,WAAA,CAAAwD,IAAA,EAACnE,WAAA,CAAAwE,IAAI;MAACH,SAAS,EAAC,qCAAqC;MAACI,GAAG,EAAG,CAAG;MAAAF,QAAA,gBAC9D,IAAA5D,WAAA,CAAAQ,GAAA,EAACnB,WAAA,CAAA0E,QAAQ;QACRC,OAAO;QACPC,EAAE,EAAGC,kBAAQ;QACbC,OAAO,EAAC,WAAW;QACnBC,IAAI,EAAC,SAAS;QACdC,OAAO,EAAGxB,YAAc;QAAAe,QAAA,EAEtB,IAAA5C,QAAE,EAAE,QAAS;MAAC,CACP,CAAC,eACX,IAAAhB,WAAA,CAAAQ,GAAA,EAACnB,WAAA,CAAA0E,QAAQ;QACRC,OAAO;QACPC,EAAE,EAAGC,kBAAQ;QACbT,GAAG,EAAGpC,aAAe;QACrB8C,OAAO,EAAC,SAAS;QACjBC,IAAI,EAAC,SAAS;QACdE,QAAQ,EAAG,CAAEzD,WAAa;QAC1B0D,sBAAsB;QACtBF,OAAO,EAAGA,CAAA,KACT9C,iBAAiB,CAAE;UAClBX,MAAM;UACNK,kBAAkB;UAClBuD,cAAc,EAAEpD,kBAAkB;UAClChB;QACD,CAAE,CACF;QACDsD,SAAS,EAAC,2CAA2C;QAAAE,QAAA,EAEnD7C;MAAS,CACF,CAAC;IAAA,CACN,CAAC,eAEP,IAAAf,WAAA,CAAAwD,IAAA;MAAKE,SAAS,EAAC,oCAAoC;MAAAE,QAAA,gBAClD,IAAA5D,WAAA,CAAAwD,IAAA;QACCE,SAAS,EAAC,oDAAoD;QAC9De,EAAE,EAAGpE,YAAY,GAAG8C,WAAW,GAAGxC,SAAW;QAAAiD,QAAA,gBAE7C,IAAA5D,WAAA,CAAAQ,GAAA;UAAQkD,SAAS,EAAC,4CAA4C;UAAAE,QAAA,EAC3D,IAAA5C,QAAE,EAAE,wBAAyB;QAAC,CACzB,CAAC,EACPN,gBAAgB;MAAA,CACd,CAAC,eACN,IAAAV,WAAA,CAAAQ,GAAA;QAAGiE,EAAE,EAAGpE,YAAY,GAAGgD,iBAAiB,GAAG1C,SAAW;QAAAiD,QAAA,EACnD1C,OAAO,GACN,IAAAwD,iCAAwB,EACxB,IAAAC,aAAO,EACN;QACA,IAAAC,QAAE,EACD,+DAA+D,EAC/D,iEAAiE,EACjE3D,kBAAkB,CAACsC,MACpB,CAAC,EACDtC,kBAAkB,CAACsC,MACpB,CAAC,EACD;UAAEsB,MAAM,eAAE,IAAA7E,WAAA,CAAAQ,GAAA,cAAS;QAAE,CACrB,CAAC,GACD8C;MAA4B,CAC7B,CAAC;IAAA,CACA,CAAC,EAEJd,yBAAyB,CAACsC,GAAG,CAAIC,IAAI,IAAM;MAC5C,oBACC,IAAA/E,WAAA,CAAAQ,GAAA,EAACb,eAAA,CAAAqF,OAAc;QAEdD,IAAI,EAAGA,IAAM;QACb3D,kBAAkB,EAAGA,kBAAoB;QACzCD,qBAAqB,EAAGA;MAAuB,GAHzC4D,IAAI,CAAE,CAAC,CAAE,CAAChD,IAIhB,CAAC;IAEJ,CAAE,CAAC;EAAA,CACC,CAAC;AAER","ignoreList":[]}
1
+ {"version":3,"names":["_clsx","_interopRequireDefault","require","_components","_i18n","_element","_compose","_data","_entityTypeList","_useIsDirty","_store","_lockUnlock","_jsxRuntime","identity","values","EntitiesSavedStates","close","renderDialog","variant","isDirtyProps","useIsDirty","jsx","EntitiesSavedStatesExtensible","additionalPrompt","undefined","onSave","saveEnabled","saveEnabledProp","saveLabel","__","dirtyEntityRecords","isDirty","setUnselectedEntities","unselectedEntities","saveButtonRef","useRef","saveDirtyEntities","unlock","useDispatch","editorStore","partitionedSavables","reduce","acc","record","name","push","site","siteSavables","wp_template","templateSavables","wp_template_part","templatePartSavables","contentSavables","sortedPartitionedSavables","Object","filter","Array","isArray","dismissPanel","useCallback","saveDialogRef","saveDialogProps","useDialog","onClose","dialogLabelId","useInstanceId","dialogDescriptionId","selectItemsToSaveDescription","length","isInline","actionButtons","jsxs","Fragment","children","FlexItem","isBlock","as","Button","size","onClick","ref","disabled","accessibleWhenDisabled","entitiesToSkip","className","clsx","role","Flex","gap","id","createInterpolateElement","sprintf","_n","strong","map","list","default","direction","justify"],"sources":["@wordpress/editor/src/components/entities-saved-states/index.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport clsx from 'clsx';\n\n/**\n * WordPress dependencies\n */\nimport { Button, Flex, FlexItem } from '@wordpress/components';\nimport { __, _n, sprintf } from '@wordpress/i18n';\nimport {\n\tuseCallback,\n\tuseRef,\n\tcreateInterpolateElement,\n} from '@wordpress/element';\nimport {\n\t__experimentalUseDialog as useDialog,\n\tuseInstanceId,\n} from '@wordpress/compose';\nimport { useDispatch } from '@wordpress/data';\n\n/**\n * Internal dependencies\n */\nimport EntityTypeList from './entity-type-list';\nimport { useIsDirty } from './hooks/use-is-dirty';\nimport { store as editorStore } from '../../store';\nimport { unlock } from '../../lock-unlock';\n\nfunction identity( values ) {\n\treturn values;\n}\n\n/**\n * Renders the component for managing saved states of entities.\n *\n * @param {Object} props The component props.\n * @param {Function} props.close The function to close the dialog.\n * @param {boolean} props.renderDialog Whether to render the component with modal dialog behavior.\n * @param {string} props.variant Changes the layout of the component. When an `inline` value is provided, the action buttons are rendered at the end of the component instead of at the start.\n *\n * @return {React.ReactNode} The rendered component.\n */\nexport default function EntitiesSavedStates( {\n\tclose,\n\trenderDialog,\n\tvariant,\n} ) {\n\tconst isDirtyProps = useIsDirty();\n\treturn (\n\t\t<EntitiesSavedStatesExtensible\n\t\t\tclose={ close }\n\t\t\trenderDialog={ renderDialog }\n\t\t\tvariant={ variant }\n\t\t\t{ ...isDirtyProps }\n\t\t/>\n\t);\n}\n\n/**\n * Renders a panel for saving entities with dirty records.\n *\n * @param {Object} props The component props.\n * @param {string} props.additionalPrompt Additional prompt to display.\n * @param {Function} props.close Function to close the panel.\n * @param {Function} props.onSave Function to call when saving entities.\n * @param {boolean} props.saveEnabled Flag indicating if save is enabled.\n * @param {string} props.saveLabel Label for the save button.\n * @param {boolean} props.renderDialog Whether to render the component with modal dialog behavior.\n * @param {Array} props.dirtyEntityRecords Array of dirty entity records.\n * @param {boolean} props.isDirty Flag indicating if there are dirty entities.\n * @param {Function} props.setUnselectedEntities Function to set unselected entities.\n * @param {Array} props.unselectedEntities Array of unselected entities.\n * @param {string} props.variant Changes the layout of the component. When an `inline` value is provided, the action buttons are rendered at the end of the component instead of at the start.\n *\n * @return {React.ReactNode} The rendered component.\n */\nexport function EntitiesSavedStatesExtensible( {\n\tadditionalPrompt = undefined,\n\tclose,\n\tonSave = identity,\n\tsaveEnabled: saveEnabledProp = undefined,\n\tsaveLabel = __( 'Save' ),\n\trenderDialog,\n\tdirtyEntityRecords,\n\tisDirty,\n\tsetUnselectedEntities,\n\tunselectedEntities,\n\tvariant = 'default',\n} ) {\n\tconst saveButtonRef = useRef();\n\tconst { saveDirtyEntities } = unlock( useDispatch( editorStore ) );\n\t// To group entities by type.\n\tconst partitionedSavables = dirtyEntityRecords.reduce( ( acc, record ) => {\n\t\tconst { name } = record;\n\t\tif ( ! acc[ name ] ) {\n\t\t\tacc[ name ] = [];\n\t\t}\n\t\tacc[ name ].push( record );\n\t\treturn acc;\n\t}, {} );\n\n\t// Sort entity groups.\n\tconst {\n\t\tsite: siteSavables,\n\t\twp_template: templateSavables,\n\t\twp_template_part: templatePartSavables,\n\t\t...contentSavables\n\t} = partitionedSavables;\n\tconst sortedPartitionedSavables = [\n\t\tsiteSavables,\n\t\ttemplateSavables,\n\t\ttemplatePartSavables,\n\t\t...Object.values( contentSavables ),\n\t].filter( Array.isArray );\n\n\tconst saveEnabled = saveEnabledProp ?? isDirty;\n\t// Explicitly define this with no argument passed. Using `close` on\n\t// its own will use the event object in place of the expected saved entities.\n\tconst dismissPanel = useCallback( () => close(), [ close ] );\n\n\tconst [ saveDialogRef, saveDialogProps ] = useDialog( {\n\t\tonClose: () => dismissPanel(),\n\t} );\n\tconst dialogLabelId = useInstanceId(\n\t\tEntitiesSavedStatesExtensible,\n\t\t'entities-saved-states__panel-label'\n\t);\n\tconst dialogDescriptionId = useInstanceId(\n\t\tEntitiesSavedStatesExtensible,\n\t\t'entities-saved-states__panel-description'\n\t);\n\n\tconst selectItemsToSaveDescription = !! dirtyEntityRecords.length\n\t\t? __( 'Select the items you want to save.' )\n\t\t: undefined;\n\n\tconst isInline = variant === 'inline';\n\n\tconst actionButtons = (\n\t\t<>\n\t\t\t<FlexItem\n\t\t\t\tisBlock={ isInline ? false : true }\n\t\t\t\tas={ Button }\n\t\t\t\tvariant={ isInline ? 'tertiary' : 'secondary' }\n\t\t\t\tsize={ isInline ? undefined : 'compact' }\n\t\t\t\tonClick={ dismissPanel }\n\t\t\t>\n\t\t\t\t{ __( 'Cancel' ) }\n\t\t\t</FlexItem>\n\t\t\t<FlexItem\n\t\t\t\tisBlock={ isInline ? false : true }\n\t\t\t\tas={ Button }\n\t\t\t\tref={ saveButtonRef }\n\t\t\t\tvariant=\"primary\"\n\t\t\t\tsize={ isInline ? undefined : 'compact' }\n\t\t\t\tdisabled={ ! saveEnabled }\n\t\t\t\taccessibleWhenDisabled\n\t\t\t\tonClick={ () =>\n\t\t\t\t\tsaveDirtyEntities( {\n\t\t\t\t\t\tonSave,\n\t\t\t\t\t\tdirtyEntityRecords,\n\t\t\t\t\t\tentitiesToSkip: unselectedEntities,\n\t\t\t\t\t\tclose,\n\t\t\t\t\t} )\n\t\t\t\t}\n\t\t\t\tclassName=\"editor-entities-saved-states__save-button\"\n\t\t\t>\n\t\t\t\t{ saveLabel }\n\t\t\t</FlexItem>\n\t\t</>\n\t);\n\n\treturn (\n\t\t<div\n\t\t\tref={ renderDialog ? saveDialogRef : undefined }\n\t\t\t{ ...( renderDialog && saveDialogProps ) }\n\t\t\tclassName={ clsx( 'entities-saved-states__panel', {\n\t\t\t\t'is-inline': isInline,\n\t\t\t} ) }\n\t\t\trole={ renderDialog ? 'dialog' : undefined }\n\t\t\taria-labelledby={ renderDialog ? dialogLabelId : undefined }\n\t\t\taria-describedby={ renderDialog ? dialogDescriptionId : undefined }\n\t\t>\n\t\t\t{ ! isInline && (\n\t\t\t\t<Flex className=\"entities-saved-states__panel-header\" gap={ 2 }>\n\t\t\t\t\t{ actionButtons }\n\t\t\t\t</Flex>\n\t\t\t) }\n\n\t\t\t<div className=\"entities-saved-states__text-prompt\">\n\t\t\t\t<div className=\"entities-saved-states__text-prompt--header-wrapper\">\n\t\t\t\t\t<strong\n\t\t\t\t\t\tid={ renderDialog ? dialogLabelId : undefined }\n\t\t\t\t\t\tclassName=\"entities-saved-states__text-prompt--header\"\n\t\t\t\t\t>\n\t\t\t\t\t\t{ __( 'Are you ready to save?' ) }\n\t\t\t\t\t</strong>\n\t\t\t\t</div>\n\t\t\t\t<div id={ renderDialog ? dialogDescriptionId : undefined }>\n\t\t\t\t\t{ additionalPrompt }\n\t\t\t\t\t<p className=\"entities-saved-states__text-prompt--changes-count\">\n\t\t\t\t\t\t{ isDirty\n\t\t\t\t\t\t\t? createInterpolateElement(\n\t\t\t\t\t\t\t\t\tsprintf(\n\t\t\t\t\t\t\t\t\t\t/* translators: %d: number of site changes waiting to be saved. */\n\t\t\t\t\t\t\t\t\t\t_n(\n\t\t\t\t\t\t\t\t\t\t\t'There is <strong>%d site change</strong> waiting to be saved.',\n\t\t\t\t\t\t\t\t\t\t\t'There are <strong>%d site changes</strong> waiting to be saved.',\n\t\t\t\t\t\t\t\t\t\t\tdirtyEntityRecords.length\n\t\t\t\t\t\t\t\t\t\t),\n\t\t\t\t\t\t\t\t\t\tdirtyEntityRecords.length\n\t\t\t\t\t\t\t\t\t),\n\t\t\t\t\t\t\t\t\t{ strong: <strong /> }\n\t\t\t\t\t\t\t )\n\t\t\t\t\t\t\t: selectItemsToSaveDescription }\n\t\t\t\t\t</p>\n\t\t\t\t</div>\n\t\t\t</div>\n\n\t\t\t{ sortedPartitionedSavables.map( ( list ) => {\n\t\t\t\treturn (\n\t\t\t\t\t<EntityTypeList\n\t\t\t\t\t\tkey={ list[ 0 ].name }\n\t\t\t\t\t\tlist={ list }\n\t\t\t\t\t\tunselectedEntities={ unselectedEntities }\n\t\t\t\t\t\tsetUnselectedEntities={ setUnselectedEntities }\n\t\t\t\t\t/>\n\t\t\t\t);\n\t\t\t} ) }\n\n\t\t\t{ isInline && (\n\t\t\t\t<Flex\n\t\t\t\t\tdirection=\"row\"\n\t\t\t\t\tjustify=\"flex-end\"\n\t\t\t\t\tclassName=\"entities-saved-states__panel-footer\"\n\t\t\t\t>\n\t\t\t\t\t{ actionButtons }\n\t\t\t\t</Flex>\n\t\t\t) }\n\t\t</div>\n\t);\n}\n"],"mappings":"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","ignoreList":[]}
@@ -26,9 +26,14 @@ const {
26
26
  Menu,
27
27
  kebabCase
28
28
  } = (0, _lockUnlock.unlock)(_components.privateApis);
29
- function useEditedEntityRecordsWithPermissions(postType, postIds) {
29
+ function PostActions({
30
+ postType,
31
+ postId,
32
+ onActionPerformed
33
+ }) {
34
+ const [activeModalAction, setActiveModalAction] = (0, _element.useState)(null);
30
35
  const {
31
- items,
36
+ item,
32
37
  permissions
33
38
  } = (0, _data.useSelect)(select => {
34
39
  const {
@@ -36,39 +41,25 @@ function useEditedEntityRecordsWithPermissions(postType, postIds) {
36
41
  getEntityRecordPermissions
37
42
  } = (0, _lockUnlock.unlock)(select(_coreData.store));
38
43
  return {
39
- items: postIds.map(postId => getEditedEntityRecord('postType', postType, postId)),
40
- permissions: postIds.map(postId => getEntityRecordPermissions('postType', postType, postId))
44
+ item: getEditedEntityRecord('postType', postType, postId),
45
+ permissions: getEntityRecordPermissions('postType', postType, postId)
41
46
  };
42
- }, [postIds, postType]);
43
- return (0, _element.useMemo)(() => {
44
- return items.map((item, index) => ({
47
+ }, [postId, postType]);
48
+ const itemWithPermissions = (0, _element.useMemo)(() => {
49
+ return {
45
50
  ...item,
46
- permissions: permissions[index]
47
- }));
48
- }, [items, permissions]);
49
- }
50
- function PostActions({
51
- postType,
52
- postId,
53
- onActionPerformed
54
- }) {
55
- const [activeModalAction, setActiveModalAction] = (0, _element.useState)(null);
56
- const _postIds = (0, _element.useMemo)(() => {
57
- if (Array.isArray(postId)) {
58
- return postId;
59
- }
60
- return postId ? [postId] : [];
61
- }, [postId]);
62
- const itemsWithPermissions = useEditedEntityRecordsWithPermissions(postType, _postIds);
51
+ permissions
52
+ };
53
+ }, [item, permissions]);
63
54
  const allActions = (0, _actions.usePostActions)({
64
55
  postType,
65
56
  onActionPerformed
66
57
  });
67
58
  const actions = (0, _element.useMemo)(() => {
68
59
  return allActions.filter(action => {
69
- return (!action.isEligible || itemsWithPermissions.some(itemWithPermissions => action.isEligible(itemWithPermissions))) && (itemsWithPermissions.length < 2 || action.supportsBulk);
60
+ return !action.isEligible || action.isEligible(itemWithPermissions);
70
61
  });
71
- }, [allActions, itemsWithPermissions]);
62
+ }, [allActions, itemWithPermissions]);
72
63
  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
73
64
  children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(Menu, {
74
65
  placement: "bottom-end",
@@ -84,13 +75,13 @@ function PostActions({
84
75
  }), /*#__PURE__*/(0, _jsxRuntime.jsx)(Menu.Popover, {
85
76
  children: /*#__PURE__*/(0, _jsxRuntime.jsx)(ActionsDropdownMenuGroup, {
86
77
  actions: actions,
87
- items: itemsWithPermissions,
78
+ items: [itemWithPermissions],
88
79
  setActiveModalAction: setActiveModalAction
89
80
  })
90
81
  })]
91
82
  }), !!activeModalAction && /*#__PURE__*/(0, _jsxRuntime.jsx)(ActionModal, {
92
83
  action: activeModalAction,
93
- items: itemsWithPermissions,
84
+ items: [itemWithPermissions],
94
85
  closeModal: () => setActiveModalAction(null)
95
86
  })]
96
87
  });