@wordpress/edit-widgets 6.5.0 → 6.6.1

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 (10) hide show
  1. package/CHANGELOG.md +2 -0
  2. package/build/components/welcome-guide/index.js +6 -5
  3. package/build/components/welcome-guide/index.js.map +1 -1
  4. package/build-module/components/welcome-guide/index.js +6 -5
  5. package/build-module/components/welcome-guide/index.js.map +1 -1
  6. package/build-style/style-rtl.css +2 -2
  7. package/build-style/style.css +2 -2
  8. package/package.json +28 -28
  9. package/src/components/error-boundary/style.scss +1 -1
  10. package/src/components/welcome-guide/index.js +13 -9
package/CHANGELOG.md CHANGED
@@ -2,6 +2,8 @@
2
2
 
3
3
  ## Unreleased
4
4
 
5
+ ## 6.6.0 (2024-08-21)
6
+
5
7
  ## 6.5.0 (2024-08-07)
6
8
 
7
9
  ## 6.4.0 (2024-07-24)
package/build/components/welcome-guide/index.js CHANGED
@@ -112,12 +112,13 @@ function WelcomeGuide() {
112
112
  children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("h1", {
113
113
  className: "edit-widgets-welcome-guide__heading",
114
114
  children: (0, _i18n.__)('Learn how to use the block editor')
115
- }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("p", {
115
+ }), /*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
116
116
  className: "edit-widgets-welcome-guide__text",
117
- children: [(0, _i18n.__)('New to the block editor? Want to learn more about using it? '), /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.ExternalLink, {
118
- href: (0, _i18n.__)('https://wordpress.org/documentation/article/wordpress-block-editor/'),
119
- children: (0, _i18n.__)("Here's a detailed guide.")
120
- })]
117
+ children: (0, _element.createInterpolateElement)((0, _i18n.__)("New to the block editor? Want to learn more about using it? <a>Here's a detailed guide.</a>"), {
118
+ a: /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.ExternalLink, {
119
+ href: (0, _i18n.__)('https://wordpress.org/documentation/article/wordpress-block-editor/')
120
+ })
121
+ })
121
122
  })]
122
123
  })
123
124
  }]
package/build/components/welcome-guide/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"names":["_data","require","_components","_i18n","_element","_preferences","_store","_jsxRuntime","WelcomeGuide","_widgetAreas$filter$l","isActive","useSelect","select","preferencesStore","get","toggle","useDispatch","widgetAreas","editWidgetsStore","getWidgetAreas","per_page","isEntirelyBlockWidgets","every","widgetArea","id","widgets","widgetId","startsWith","numWidgetAreas","filter","length","jsx","Guide","className","contentLabel","__","finishButtonText","onFinish","pages","image","WelcomeGuideImage","nonAnimatedSrc","animatedSrc","content","jsxs","Fragment","children","sprintf","_n","ExternalLink","href","createInterpolateElement","InserterIconImage","alt","src","srcSet","media","width","height"],"sources":["@wordpress/edit-widgets/src/components/welcome-guide/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport { ExternalLink, Guide } from '@wordpress/components';\nimport { __, sprintf, _n } from '@wordpress/i18n';\nimport { createInterpolateElement } from '@wordpress/element';\nimport { store as preferencesStore } from '@wordpress/preferences';\n\n/**\n * Internal dependencies\n */\nimport { store as editWidgetsStore } from '../../store';\n\nexport default function WelcomeGuide() {\n\tconst isActive = useSelect(\n\t\t( select ) =>\n\t\t\t!! select( preferencesStore ).get(\n\t\t\t\t'core/edit-widgets',\n\t\t\t\t'welcomeGuide'\n\t\t\t),\n\t\t[]\n\t);\n\n\tconst { toggle } = useDispatch( preferencesStore );\n\n\tconst widgetAreas = useSelect(\n\t\t( select ) =>\n\t\t\tselect( editWidgetsStore ).getWidgetAreas( { per_page: -1 } ),\n\t\t[]\n\t);\n\n\tif ( ! isActive ) {\n\t\treturn null;\n\t}\n\n\tconst isEntirelyBlockWidgets = widgetAreas?.every(\n\t\t( widgetArea ) =>\n\t\t\twidgetArea.id === 'wp_inactive_widgets' ||\n\t\t\twidgetArea.widgets.every( ( widgetId ) =>\n\t\t\t\twidgetId.startsWith( 'block-' )\n\t\t\t)\n\t);\n\n\tconst numWidgetAreas =\n\t\twidgetAreas?.filter(\n\t\t\t( widgetArea ) => widgetArea.id !== 'wp_inactive_widgets'\n\t\t).length ?? 0;\n\n\treturn (\n\t\t<Guide\n\t\t\tclassName=\"edit-widgets-welcome-guide\"\n\t\t\tcontentLabel={ __( 'Welcome to block Widgets' ) }\n\t\t\tfinishButtonText={ __( 'Get started' ) }\n\t\t\tonFinish={ () => toggle( 'core/edit-widgets', 'welcomeGuide' ) }\n\t\t\tpages={ [\n\t\t\t\t{\n\t\t\t\t\timage: (\n\t\t\t\t\t\t<WelcomeGuideImage\n\t\t\t\t\t\t\tnonAnimatedSrc=\"https://s.w.org/images/block-editor/welcome-canvas.svg\"\n\t\t\t\t\t\t\tanimatedSrc=\"https://s.w.org/images/block-editor/welcome-canvas.gif\"\n\t\t\t\t\t\t/>\n\t\t\t\t\t),\n\t\t\t\t\tcontent: (\n\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t<h1 className=\"edit-widgets-welcome-guide__heading\">\n\t\t\t\t\t\t\t\t{ __( 'Welcome to block Widgets' ) }\n\t\t\t\t\t\t\t</h1>\n\t\t\t\t\t\t\t{ isEntirelyBlockWidgets ? (\n\t\t\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t\t\t<p className=\"edit-widgets-welcome-guide__text\">\n\t\t\t\t\t\t\t\t\t\t{ sprintf(\n\t\t\t\t\t\t\t\t\t\t\t// Translators: %s: Number of block areas in the current theme.\n\t\t\t\t\t\t\t\t\t\t\t_n(\n\t\t\t\t\t\t\t\t\t\t\t\t'Your theme provides %s “block” area for you to add and edit content. Try adding a search bar, social icons, or other types of blocks here and see how they’ll look on your site.',\n\t\t\t\t\t\t\t\t\t\t\t\t'Your theme provides %s different “block” areas for you to add and edit content. Try adding a search bar, social icons, or other types of blocks here and see how they’ll look on your site.',\n\t\t\t\t\t\t\t\t\t\t\t\tnumWidgetAreas\n\t\t\t\t\t\t\t\t\t\t\t),\n\t\t\t\t\t\t\t\t\t\t\tnumWidgetAreas\n\t\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t\t</p>\n\t\t\t\t\t\t\t\t</>\n\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t\t\t<p className=\"edit-widgets-welcome-guide__text\">\n\t\t\t\t\t\t\t\t\t\t{ __(\n\t\t\t\t\t\t\t\t\t\t\t'You can now add any block to your site’s widget areas. Don’t worry, all of your favorite widgets still work flawlessly.'\n\t\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t\t</p>\n\t\t\t\t\t\t\t\t\t<p className=\"edit-widgets-welcome-guide__text\">\n\t\t\t\t\t\t\t\t\t\t<strong>\n\t\t\t\t\t\t\t\t\t\t\t{ __(\n\t\t\t\t\t\t\t\t\t\t\t\t'Want to stick with the old widgets?'\n\t\t\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t\t\t</strong>{ ' ' }\n\t\t\t\t\t\t\t\t\t\t<ExternalLink\n\t\t\t\t\t\t\t\t\t\t\thref={ __(\n\t\t\t\t\t\t\t\t\t\t\t\t'https://wordpress.org/plugins/classic-widgets/'\n\t\t\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t{ __(\n\t\t\t\t\t\t\t\t\t\t\t\t'Get the Classic Widgets plugin.'\n\t\t\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t\t\t</ExternalLink>\n\t\t\t\t\t\t\t\t\t</p>\n\t\t\t\t\t\t\t\t</>\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t</>\n\t\t\t\t\t),\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\timage: (\n\t\t\t\t\t\t<WelcomeGuideImage\n\t\t\t\t\t\t\tnonAnimatedSrc=\"https://s.w.org/images/block-editor/welcome-editor.svg\"\n\t\t\t\t\t\t\tanimatedSrc=\"https://s.w.org/images/block-editor/welcome-editor.gif\"\n\t\t\t\t\t\t/>\n\t\t\t\t\t),\n\t\t\t\t\tcontent: (\n\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t<h1 className=\"edit-widgets-welcome-guide__heading\">\n\t\t\t\t\t\t\t\t{ __( 'Make each block your own' ) }\n\t\t\t\t\t\t\t</h1>\n\t\t\t\t\t\t\t<p className=\"edit-widgets-welcome-guide__text\">\n\t\t\t\t\t\t\t\t{ __(\n\t\t\t\t\t\t\t\t\t'Each block comes with its own set of controls for changing things like color, width, and alignment. These will show and hide automatically when you have a block selected.'\n\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t</p>\n\t\t\t\t\t\t</>\n\t\t\t\t\t),\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\timage: (\n\t\t\t\t\t\t<WelcomeGuideImage\n\t\t\t\t\t\t\tnonAnimatedSrc=\"https://s.w.org/images/block-editor/welcome-library.svg\"\n\t\t\t\t\t\t\tanimatedSrc=\"https://s.w.org/images/block-editor/welcome-library.gif\"\n\t\t\t\t\t\t/>\n\t\t\t\t\t),\n\t\t\t\t\tcontent: (\n\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t<h1 className=\"edit-widgets-welcome-guide__heading\">\n\t\t\t\t\t\t\t\t{ __( 'Get to know the block library' ) }\n\t\t\t\t\t\t\t</h1>\n\t\t\t\t\t\t\t<p className=\"edit-widgets-welcome-guide__text\">\n\t\t\t\t\t\t\t\t{ createInterpolateElement(\n\t\t\t\t\t\t\t\t\t__(\n\t\t\t\t\t\t\t\t\t\t'All of the blocks available to you live in the block library. You’ll find it wherever you see the <InserterIconImage /> icon.'\n\t\t\t\t\t\t\t\t\t),\n\t\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\t\tInserterIconImage: (\n\t\t\t\t\t\t\t\t\t\t\t<img\n\t\t\t\t\t\t\t\t\t\t\t\tclassName=\"edit-widgets-welcome-guide__inserter-icon\"\n\t\t\t\t\t\t\t\t\t\t\t\talt={ __( 'inserter' ) }\n\t\t\t\t\t\t\t\t\t\t\t\tsrc=\"data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='18' height='18' rx='2' fill='%231E1E1E'/%3E%3Cpath d='M9.22727 4V14M4 8.77273H14' stroke='white' stroke-width='1.5'/%3E%3C/svg%3E%0A\"\n\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t),\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t</p>\n\t\t\t\t\t\t</>\n\t\t\t\t\t),\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\timage: (\n\t\t\t\t\t\t<WelcomeGuideImage\n\t\t\t\t\t\t\tnonAnimatedSrc=\"https://s.w.org/images/block-editor/welcome-documentation.svg\"\n\t\t\t\t\t\t\tanimatedSrc=\"https://s.w.org/images/block-editor/welcome-documentation.gif\"\n\t\t\t\t\t\t/>\n\t\t\t\t\t),\n\t\t\t\t\tcontent: (\n\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t<h1 className=\"edit-widgets-welcome-guide__heading\">\n\t\t\t\t\t\t\t\t{ __( 'Learn how to use the block editor' ) }\n\t\t\t\t\t\t\t</h1>\n\t\t\t\t\t\t\t<p className=\"edit-widgets-welcome-guide__text\">\n\t\t\t\t\t\t\t\t{ __(\n\t\t\t\t\t\t\t\t\t'New to the block editor? Want to learn more about using it? '\n\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t<ExternalLink\n\t\t\t\t\t\t\t\t\thref={ __(\n\t\t\t\t\t\t\t\t\t\t'https://wordpress.org/documentation/article/wordpress-block-editor/'\n\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t{ __( \"Here's a detailed guide.\" ) }\n\t\t\t\t\t\t\t\t</ExternalLink>\n\t\t\t\t\t\t\t</p>\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/>\n\t);\n}\n\nfunction WelcomeGuideImage( { nonAnimatedSrc, animatedSrc } ) {\n\treturn (\n\t\t<picture className=\"edit-widgets-welcome-guide__image\">\n\t\t\t<source\n\t\t\t\tsrcSet={ nonAnimatedSrc }\n\t\t\t\tmedia=\"(prefers-reduced-motion: reduce)\"\n\t\t\t/>\n\t\t\t<img src={ animatedSrc } width=\"312\" height=\"240\" alt=\"\" />\n\t\t</picture>\n\t);\n}\n"],"mappings":"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","ignoreList":[]}
1
+ {"version":3,"names":["_data","require","_components","_i18n","_element","_preferences","_store","_jsxRuntime","WelcomeGuide","_widgetAreas$filter$l","isActive","useSelect","select","preferencesStore","get","toggle","useDispatch","widgetAreas","editWidgetsStore","getWidgetAreas","per_page","isEntirelyBlockWidgets","every","widgetArea","id","widgets","widgetId","startsWith","numWidgetAreas","filter","length","jsx","Guide","className","contentLabel","__","finishButtonText","onFinish","pages","image","WelcomeGuideImage","nonAnimatedSrc","animatedSrc","content","jsxs","Fragment","children","sprintf","_n","ExternalLink","href","createInterpolateElement","InserterIconImage","alt","src","a","srcSet","media","width","height"],"sources":["@wordpress/edit-widgets/src/components/welcome-guide/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport { ExternalLink, Guide } from '@wordpress/components';\nimport { __, sprintf, _n } from '@wordpress/i18n';\nimport { createInterpolateElement } from '@wordpress/element';\nimport { store as preferencesStore } from '@wordpress/preferences';\n\n/**\n * Internal dependencies\n */\nimport { store as editWidgetsStore } from '../../store';\n\nexport default function WelcomeGuide() {\n\tconst isActive = useSelect(\n\t\t( select ) =>\n\t\t\t!! select( preferencesStore ).get(\n\t\t\t\t'core/edit-widgets',\n\t\t\t\t'welcomeGuide'\n\t\t\t),\n\t\t[]\n\t);\n\n\tconst { toggle } = useDispatch( preferencesStore );\n\n\tconst widgetAreas = useSelect(\n\t\t( select ) =>\n\t\t\tselect( editWidgetsStore ).getWidgetAreas( { per_page: -1 } ),\n\t\t[]\n\t);\n\n\tif ( ! isActive ) {\n\t\treturn null;\n\t}\n\n\tconst isEntirelyBlockWidgets = widgetAreas?.every(\n\t\t( widgetArea ) =>\n\t\t\twidgetArea.id === 'wp_inactive_widgets' ||\n\t\t\twidgetArea.widgets.every( ( widgetId ) =>\n\t\t\t\twidgetId.startsWith( 'block-' )\n\t\t\t)\n\t);\n\n\tconst numWidgetAreas =\n\t\twidgetAreas?.filter(\n\t\t\t( widgetArea ) => widgetArea.id !== 'wp_inactive_widgets'\n\t\t).length ?? 0;\n\n\treturn (\n\t\t<Guide\n\t\t\tclassName=\"edit-widgets-welcome-guide\"\n\t\t\tcontentLabel={ __( 'Welcome to block Widgets' ) }\n\t\t\tfinishButtonText={ __( 'Get started' ) }\n\t\t\tonFinish={ () => toggle( 'core/edit-widgets', 'welcomeGuide' ) }\n\t\t\tpages={ [\n\t\t\t\t{\n\t\t\t\t\timage: (\n\t\t\t\t\t\t<WelcomeGuideImage\n\t\t\t\t\t\t\tnonAnimatedSrc=\"https://s.w.org/images/block-editor/welcome-canvas.svg\"\n\t\t\t\t\t\t\tanimatedSrc=\"https://s.w.org/images/block-editor/welcome-canvas.gif\"\n\t\t\t\t\t\t/>\n\t\t\t\t\t),\n\t\t\t\t\tcontent: (\n\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t<h1 className=\"edit-widgets-welcome-guide__heading\">\n\t\t\t\t\t\t\t\t{ __( 'Welcome to block Widgets' ) }\n\t\t\t\t\t\t\t</h1>\n\t\t\t\t\t\t\t{ isEntirelyBlockWidgets ? (\n\t\t\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t\t\t<p className=\"edit-widgets-welcome-guide__text\">\n\t\t\t\t\t\t\t\t\t\t{ sprintf(\n\t\t\t\t\t\t\t\t\t\t\t// Translators: %s: Number of block areas in the current theme.\n\t\t\t\t\t\t\t\t\t\t\t_n(\n\t\t\t\t\t\t\t\t\t\t\t\t'Your theme provides %s “block” area for you to add and edit content. Try adding a search bar, social icons, or other types of blocks here and see how they’ll look on your site.',\n\t\t\t\t\t\t\t\t\t\t\t\t'Your theme provides %s different “block” areas for you to add and edit content. Try adding a search bar, social icons, or other types of blocks here and see how they’ll look on your site.',\n\t\t\t\t\t\t\t\t\t\t\t\tnumWidgetAreas\n\t\t\t\t\t\t\t\t\t\t\t),\n\t\t\t\t\t\t\t\t\t\t\tnumWidgetAreas\n\t\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t\t</p>\n\t\t\t\t\t\t\t\t</>\n\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t\t\t<p className=\"edit-widgets-welcome-guide__text\">\n\t\t\t\t\t\t\t\t\t\t{ __(\n\t\t\t\t\t\t\t\t\t\t\t'You can now add any block to your site’s widget areas. Don’t worry, all of your favorite widgets still work flawlessly.'\n\t\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t\t</p>\n\t\t\t\t\t\t\t\t\t<p className=\"edit-widgets-welcome-guide__text\">\n\t\t\t\t\t\t\t\t\t\t<strong>\n\t\t\t\t\t\t\t\t\t\t\t{ __(\n\t\t\t\t\t\t\t\t\t\t\t\t'Want to stick with the old widgets?'\n\t\t\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t\t\t</strong>{ ' ' }\n\t\t\t\t\t\t\t\t\t\t<ExternalLink\n\t\t\t\t\t\t\t\t\t\t\thref={ __(\n\t\t\t\t\t\t\t\t\t\t\t\t'https://wordpress.org/plugins/classic-widgets/'\n\t\t\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t{ __(\n\t\t\t\t\t\t\t\t\t\t\t\t'Get the Classic Widgets plugin.'\n\t\t\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t\t\t</ExternalLink>\n\t\t\t\t\t\t\t\t\t</p>\n\t\t\t\t\t\t\t\t</>\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t</>\n\t\t\t\t\t),\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\timage: (\n\t\t\t\t\t\t<WelcomeGuideImage\n\t\t\t\t\t\t\tnonAnimatedSrc=\"https://s.w.org/images/block-editor/welcome-editor.svg\"\n\t\t\t\t\t\t\tanimatedSrc=\"https://s.w.org/images/block-editor/welcome-editor.gif\"\n\t\t\t\t\t\t/>\n\t\t\t\t\t),\n\t\t\t\t\tcontent: (\n\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t<h1 className=\"edit-widgets-welcome-guide__heading\">\n\t\t\t\t\t\t\t\t{ __( 'Make each block your own' ) }\n\t\t\t\t\t\t\t</h1>\n\t\t\t\t\t\t\t<p className=\"edit-widgets-welcome-guide__text\">\n\t\t\t\t\t\t\t\t{ __(\n\t\t\t\t\t\t\t\t\t'Each block comes with its own set of controls for changing things like color, width, and alignment. These will show and hide automatically when you have a block selected.'\n\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t</p>\n\t\t\t\t\t\t</>\n\t\t\t\t\t),\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\timage: (\n\t\t\t\t\t\t<WelcomeGuideImage\n\t\t\t\t\t\t\tnonAnimatedSrc=\"https://s.w.org/images/block-editor/welcome-library.svg\"\n\t\t\t\t\t\t\tanimatedSrc=\"https://s.w.org/images/block-editor/welcome-library.gif\"\n\t\t\t\t\t\t/>\n\t\t\t\t\t),\n\t\t\t\t\tcontent: (\n\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t<h1 className=\"edit-widgets-welcome-guide__heading\">\n\t\t\t\t\t\t\t\t{ __( 'Get to know the block library' ) }\n\t\t\t\t\t\t\t</h1>\n\t\t\t\t\t\t\t<p className=\"edit-widgets-welcome-guide__text\">\n\t\t\t\t\t\t\t\t{ createInterpolateElement(\n\t\t\t\t\t\t\t\t\t__(\n\t\t\t\t\t\t\t\t\t\t'All of the blocks available to you live in the block library. You’ll find it wherever you see the <InserterIconImage /> icon.'\n\t\t\t\t\t\t\t\t\t),\n\t\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\t\tInserterIconImage: (\n\t\t\t\t\t\t\t\t\t\t\t<img\n\t\t\t\t\t\t\t\t\t\t\t\tclassName=\"edit-widgets-welcome-guide__inserter-icon\"\n\t\t\t\t\t\t\t\t\t\t\t\talt={ __( 'inserter' ) }\n\t\t\t\t\t\t\t\t\t\t\t\tsrc=\"data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='18' height='18' rx='2' fill='%231E1E1E'/%3E%3Cpath d='M9.22727 4V14M4 8.77273H14' stroke='white' stroke-width='1.5'/%3E%3C/svg%3E%0A\"\n\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t),\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t</p>\n\t\t\t\t\t\t</>\n\t\t\t\t\t),\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\timage: (\n\t\t\t\t\t\t<WelcomeGuideImage\n\t\t\t\t\t\t\tnonAnimatedSrc=\"https://s.w.org/images/block-editor/welcome-documentation.svg\"\n\t\t\t\t\t\t\tanimatedSrc=\"https://s.w.org/images/block-editor/welcome-documentation.gif\"\n\t\t\t\t\t\t/>\n\t\t\t\t\t),\n\t\t\t\t\tcontent: (\n\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t<h1 className=\"edit-widgets-welcome-guide__heading\">\n\t\t\t\t\t\t\t\t{ __( 'Learn how to use the block editor' ) }\n\t\t\t\t\t\t\t</h1>\n\t\t\t\t\t\t\t<p className=\"edit-widgets-welcome-guide__text\">\n\t\t\t\t\t\t\t\t{ createInterpolateElement(\n\t\t\t\t\t\t\t\t\t__(\n\t\t\t\t\t\t\t\t\t\t\"New to the block editor? Want to learn more about using it? <a>Here's a detailed guide.</a>\"\n\t\t\t\t\t\t\t\t\t),\n\t\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\t\ta: (\n\t\t\t\t\t\t\t\t\t\t\t<ExternalLink\n\t\t\t\t\t\t\t\t\t\t\t\thref={ __(\n\t\t\t\t\t\t\t\t\t\t\t\t\t'https://wordpress.org/documentation/article/wordpress-block-editor/'\n\t\t\t\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t),\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t</p>\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/>\n\t);\n}\n\nfunction WelcomeGuideImage( { nonAnimatedSrc, animatedSrc } ) {\n\treturn (\n\t\t<picture className=\"edit-widgets-welcome-guide__image\">\n\t\t\t<source\n\t\t\t\tsrcSet={ nonAnimatedSrc }\n\t\t\t\tmedia=\"(prefers-reduced-motion: reduce)\"\n\t\t\t/>\n\t\t\t<img src={ animatedSrc } width=\"312\" height=\"240\" alt=\"\" />\n\t\t</picture>\n\t);\n}\n"],"mappings":"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","ignoreList":[]}
package/build-module/components/welcome-guide/index.js CHANGED
@@ -107,12 +107,13 @@ export default function WelcomeGuide() {
107
107
  children: [/*#__PURE__*/_jsx("h1", {
108
108
  className: "edit-widgets-welcome-guide__heading",
109
109
  children: __('Learn how to use the block editor')
110
- }), /*#__PURE__*/_jsxs("p", {
110
+ }), /*#__PURE__*/_jsx("p", {
111
111
  className: "edit-widgets-welcome-guide__text",
112
- children: [__('New to the block editor? Want to learn more about using it? '), /*#__PURE__*/_jsx(ExternalLink, {
113
- href: __('https://wordpress.org/documentation/article/wordpress-block-editor/'),
114
- children: __("Here's a detailed guide.")
115
- })]
112
+ children: createInterpolateElement(__("New to the block editor? Want to learn more about using it? <a>Here's a detailed guide.</a>"), {
113
+ a: /*#__PURE__*/_jsx(ExternalLink, {
114
+ href: __('https://wordpress.org/documentation/article/wordpress-block-editor/')
115
+ })
116
+ })
116
117
  })]
117
118
  })
118
119
  }]
package/build-module/components/welcome-guide/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"names":["useSelect","useDispatch","ExternalLink","Guide","__","sprintf","_n","createInterpolateElement","store","preferencesStore","editWidgetsStore","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","WelcomeGuide","_widgetAreas$filter$l","isActive","select","get","toggle","widgetAreas","getWidgetAreas","per_page","isEntirelyBlockWidgets","every","widgetArea","id","widgets","widgetId","startsWith","numWidgetAreas","filter","length","className","contentLabel","finishButtonText","onFinish","pages","image","WelcomeGuideImage","nonAnimatedSrc","animatedSrc","content","children","href","InserterIconImage","alt","src","srcSet","media","width","height"],"sources":["@wordpress/edit-widgets/src/components/welcome-guide/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport { ExternalLink, Guide } from '@wordpress/components';\nimport { __, sprintf, _n } from '@wordpress/i18n';\nimport { createInterpolateElement } from '@wordpress/element';\nimport { store as preferencesStore } from '@wordpress/preferences';\n\n/**\n * Internal dependencies\n */\nimport { store as editWidgetsStore } from '../../store';\n\nexport default function WelcomeGuide() {\n\tconst isActive = useSelect(\n\t\t( select ) =>\n\t\t\t!! select( preferencesStore ).get(\n\t\t\t\t'core/edit-widgets',\n\t\t\t\t'welcomeGuide'\n\t\t\t),\n\t\t[]\n\t);\n\n\tconst { toggle } = useDispatch( preferencesStore );\n\n\tconst widgetAreas = useSelect(\n\t\t( select ) =>\n\t\t\tselect( editWidgetsStore ).getWidgetAreas( { per_page: -1 } ),\n\t\t[]\n\t);\n\n\tif ( ! isActive ) {\n\t\treturn null;\n\t}\n\n\tconst isEntirelyBlockWidgets = widgetAreas?.every(\n\t\t( widgetArea ) =>\n\t\t\twidgetArea.id === 'wp_inactive_widgets' ||\n\t\t\twidgetArea.widgets.every( ( widgetId ) =>\n\t\t\t\twidgetId.startsWith( 'block-' )\n\t\t\t)\n\t);\n\n\tconst numWidgetAreas =\n\t\twidgetAreas?.filter(\n\t\t\t( widgetArea ) => widgetArea.id !== 'wp_inactive_widgets'\n\t\t).length ?? 0;\n\n\treturn (\n\t\t<Guide\n\t\t\tclassName=\"edit-widgets-welcome-guide\"\n\t\t\tcontentLabel={ __( 'Welcome to block Widgets' ) }\n\t\t\tfinishButtonText={ __( 'Get started' ) }\n\t\t\tonFinish={ () => toggle( 'core/edit-widgets', 'welcomeGuide' ) }\n\t\t\tpages={ [\n\t\t\t\t{\n\t\t\t\t\timage: (\n\t\t\t\t\t\t<WelcomeGuideImage\n\t\t\t\t\t\t\tnonAnimatedSrc=\"https://s.w.org/images/block-editor/welcome-canvas.svg\"\n\t\t\t\t\t\t\tanimatedSrc=\"https://s.w.org/images/block-editor/welcome-canvas.gif\"\n\t\t\t\t\t\t/>\n\t\t\t\t\t),\n\t\t\t\t\tcontent: (\n\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t<h1 className=\"edit-widgets-welcome-guide__heading\">\n\t\t\t\t\t\t\t\t{ __( 'Welcome to block Widgets' ) }\n\t\t\t\t\t\t\t</h1>\n\t\t\t\t\t\t\t{ isEntirelyBlockWidgets ? (\n\t\t\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t\t\t<p className=\"edit-widgets-welcome-guide__text\">\n\t\t\t\t\t\t\t\t\t\t{ sprintf(\n\t\t\t\t\t\t\t\t\t\t\t// Translators: %s: Number of block areas in the current theme.\n\t\t\t\t\t\t\t\t\t\t\t_n(\n\t\t\t\t\t\t\t\t\t\t\t\t'Your theme provides %s “block” area for you to add and edit content. Try adding a search bar, social icons, or other types of blocks here and see how they’ll look on your site.',\n\t\t\t\t\t\t\t\t\t\t\t\t'Your theme provides %s different “block” areas for you to add and edit content. Try adding a search bar, social icons, or other types of blocks here and see how they’ll look on your site.',\n\t\t\t\t\t\t\t\t\t\t\t\tnumWidgetAreas\n\t\t\t\t\t\t\t\t\t\t\t),\n\t\t\t\t\t\t\t\t\t\t\tnumWidgetAreas\n\t\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t\t</p>\n\t\t\t\t\t\t\t\t</>\n\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t\t\t<p className=\"edit-widgets-welcome-guide__text\">\n\t\t\t\t\t\t\t\t\t\t{ __(\n\t\t\t\t\t\t\t\t\t\t\t'You can now add any block to your site’s widget areas. Don’t worry, all of your favorite widgets still work flawlessly.'\n\t\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t\t</p>\n\t\t\t\t\t\t\t\t\t<p className=\"edit-widgets-welcome-guide__text\">\n\t\t\t\t\t\t\t\t\t\t<strong>\n\t\t\t\t\t\t\t\t\t\t\t{ __(\n\t\t\t\t\t\t\t\t\t\t\t\t'Want to stick with the old widgets?'\n\t\t\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t\t\t</strong>{ ' ' }\n\t\t\t\t\t\t\t\t\t\t<ExternalLink\n\t\t\t\t\t\t\t\t\t\t\thref={ __(\n\t\t\t\t\t\t\t\t\t\t\t\t'https://wordpress.org/plugins/classic-widgets/'\n\t\t\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t{ __(\n\t\t\t\t\t\t\t\t\t\t\t\t'Get the Classic Widgets plugin.'\n\t\t\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t\t\t</ExternalLink>\n\t\t\t\t\t\t\t\t\t</p>\n\t\t\t\t\t\t\t\t</>\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t</>\n\t\t\t\t\t),\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\timage: (\n\t\t\t\t\t\t<WelcomeGuideImage\n\t\t\t\t\t\t\tnonAnimatedSrc=\"https://s.w.org/images/block-editor/welcome-editor.svg\"\n\t\t\t\t\t\t\tanimatedSrc=\"https://s.w.org/images/block-editor/welcome-editor.gif\"\n\t\t\t\t\t\t/>\n\t\t\t\t\t),\n\t\t\t\t\tcontent: (\n\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t<h1 className=\"edit-widgets-welcome-guide__heading\">\n\t\t\t\t\t\t\t\t{ __( 'Make each block your own' ) }\n\t\t\t\t\t\t\t</h1>\n\t\t\t\t\t\t\t<p className=\"edit-widgets-welcome-guide__text\">\n\t\t\t\t\t\t\t\t{ __(\n\t\t\t\t\t\t\t\t\t'Each block comes with its own set of controls for changing things like color, width, and alignment. These will show and hide automatically when you have a block selected.'\n\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t</p>\n\t\t\t\t\t\t</>\n\t\t\t\t\t),\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\timage: (\n\t\t\t\t\t\t<WelcomeGuideImage\n\t\t\t\t\t\t\tnonAnimatedSrc=\"https://s.w.org/images/block-editor/welcome-library.svg\"\n\t\t\t\t\t\t\tanimatedSrc=\"https://s.w.org/images/block-editor/welcome-library.gif\"\n\t\t\t\t\t\t/>\n\t\t\t\t\t),\n\t\t\t\t\tcontent: (\n\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t<h1 className=\"edit-widgets-welcome-guide__heading\">\n\t\t\t\t\t\t\t\t{ __( 'Get to know the block library' ) }\n\t\t\t\t\t\t\t</h1>\n\t\t\t\t\t\t\t<p className=\"edit-widgets-welcome-guide__text\">\n\t\t\t\t\t\t\t\t{ createInterpolateElement(\n\t\t\t\t\t\t\t\t\t__(\n\t\t\t\t\t\t\t\t\t\t'All of the blocks available to you live in the block library. You’ll find it wherever you see the <InserterIconImage /> icon.'\n\t\t\t\t\t\t\t\t\t),\n\t\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\t\tInserterIconImage: (\n\t\t\t\t\t\t\t\t\t\t\t<img\n\t\t\t\t\t\t\t\t\t\t\t\tclassName=\"edit-widgets-welcome-guide__inserter-icon\"\n\t\t\t\t\t\t\t\t\t\t\t\talt={ __( 'inserter' ) }\n\t\t\t\t\t\t\t\t\t\t\t\tsrc=\"data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='18' height='18' rx='2' fill='%231E1E1E'/%3E%3Cpath d='M9.22727 4V14M4 8.77273H14' stroke='white' stroke-width='1.5'/%3E%3C/svg%3E%0A\"\n\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t),\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t</p>\n\t\t\t\t\t\t</>\n\t\t\t\t\t),\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\timage: (\n\t\t\t\t\t\t<WelcomeGuideImage\n\t\t\t\t\t\t\tnonAnimatedSrc=\"https://s.w.org/images/block-editor/welcome-documentation.svg\"\n\t\t\t\t\t\t\tanimatedSrc=\"https://s.w.org/images/block-editor/welcome-documentation.gif\"\n\t\t\t\t\t\t/>\n\t\t\t\t\t),\n\t\t\t\t\tcontent: (\n\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t<h1 className=\"edit-widgets-welcome-guide__heading\">\n\t\t\t\t\t\t\t\t{ __( 'Learn how to use the block editor' ) }\n\t\t\t\t\t\t\t</h1>\n\t\t\t\t\t\t\t<p className=\"edit-widgets-welcome-guide__text\">\n\t\t\t\t\t\t\t\t{ __(\n\t\t\t\t\t\t\t\t\t'New to the block editor? Want to learn more about using it? '\n\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t<ExternalLink\n\t\t\t\t\t\t\t\t\thref={ __(\n\t\t\t\t\t\t\t\t\t\t'https://wordpress.org/documentation/article/wordpress-block-editor/'\n\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t{ __( \"Here's a detailed guide.\" ) }\n\t\t\t\t\t\t\t\t</ExternalLink>\n\t\t\t\t\t\t\t</p>\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/>\n\t);\n}\n\nfunction WelcomeGuideImage( { nonAnimatedSrc, animatedSrc } ) {\n\treturn (\n\t\t<picture className=\"edit-widgets-welcome-guide__image\">\n\t\t\t<source\n\t\t\t\tsrcSet={ nonAnimatedSrc }\n\t\t\t\tmedia=\"(prefers-reduced-motion: reduce)\"\n\t\t\t/>\n\t\t\t<img src={ animatedSrc } width=\"312\" height=\"240\" alt=\"\" />\n\t\t</picture>\n\t);\n}\n"],"mappings":"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","ignoreList":[]}
1
+ {"version":3,"names":["useSelect","useDispatch","ExternalLink","Guide","__","sprintf","_n","createInterpolateElement","store","preferencesStore","editWidgetsStore","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","WelcomeGuide","_widgetAreas$filter$l","isActive","select","get","toggle","widgetAreas","getWidgetAreas","per_page","isEntirelyBlockWidgets","every","widgetArea","id","widgets","widgetId","startsWith","numWidgetAreas","filter","length","className","contentLabel","finishButtonText","onFinish","pages","image","WelcomeGuideImage","nonAnimatedSrc","animatedSrc","content","children","href","InserterIconImage","alt","src","a","srcSet","media","width","height"],"sources":["@wordpress/edit-widgets/src/components/welcome-guide/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport { ExternalLink, Guide } from '@wordpress/components';\nimport { __, sprintf, _n } from '@wordpress/i18n';\nimport { createInterpolateElement } from '@wordpress/element';\nimport { store as preferencesStore } from '@wordpress/preferences';\n\n/**\n * Internal dependencies\n */\nimport { store as editWidgetsStore } from '../../store';\n\nexport default function WelcomeGuide() {\n\tconst isActive = useSelect(\n\t\t( select ) =>\n\t\t\t!! select( preferencesStore ).get(\n\t\t\t\t'core/edit-widgets',\n\t\t\t\t'welcomeGuide'\n\t\t\t),\n\t\t[]\n\t);\n\n\tconst { toggle } = useDispatch( preferencesStore );\n\n\tconst widgetAreas = useSelect(\n\t\t( select ) =>\n\t\t\tselect( editWidgetsStore ).getWidgetAreas( { per_page: -1 } ),\n\t\t[]\n\t);\n\n\tif ( ! isActive ) {\n\t\treturn null;\n\t}\n\n\tconst isEntirelyBlockWidgets = widgetAreas?.every(\n\t\t( widgetArea ) =>\n\t\t\twidgetArea.id === 'wp_inactive_widgets' ||\n\t\t\twidgetArea.widgets.every( ( widgetId ) =>\n\t\t\t\twidgetId.startsWith( 'block-' )\n\t\t\t)\n\t);\n\n\tconst numWidgetAreas =\n\t\twidgetAreas?.filter(\n\t\t\t( widgetArea ) => widgetArea.id !== 'wp_inactive_widgets'\n\t\t).length ?? 0;\n\n\treturn (\n\t\t<Guide\n\t\t\tclassName=\"edit-widgets-welcome-guide\"\n\t\t\tcontentLabel={ __( 'Welcome to block Widgets' ) }\n\t\t\tfinishButtonText={ __( 'Get started' ) }\n\t\t\tonFinish={ () => toggle( 'core/edit-widgets', 'welcomeGuide' ) }\n\t\t\tpages={ [\n\t\t\t\t{\n\t\t\t\t\timage: (\n\t\t\t\t\t\t<WelcomeGuideImage\n\t\t\t\t\t\t\tnonAnimatedSrc=\"https://s.w.org/images/block-editor/welcome-canvas.svg\"\n\t\t\t\t\t\t\tanimatedSrc=\"https://s.w.org/images/block-editor/welcome-canvas.gif\"\n\t\t\t\t\t\t/>\n\t\t\t\t\t),\n\t\t\t\t\tcontent: (\n\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t<h1 className=\"edit-widgets-welcome-guide__heading\">\n\t\t\t\t\t\t\t\t{ __( 'Welcome to block Widgets' ) }\n\t\t\t\t\t\t\t</h1>\n\t\t\t\t\t\t\t{ isEntirelyBlockWidgets ? (\n\t\t\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t\t\t<p className=\"edit-widgets-welcome-guide__text\">\n\t\t\t\t\t\t\t\t\t\t{ sprintf(\n\t\t\t\t\t\t\t\t\t\t\t// Translators: %s: Number of block areas in the current theme.\n\t\t\t\t\t\t\t\t\t\t\t_n(\n\t\t\t\t\t\t\t\t\t\t\t\t'Your theme provides %s “block” area for you to add and edit content. Try adding a search bar, social icons, or other types of blocks here and see how they’ll look on your site.',\n\t\t\t\t\t\t\t\t\t\t\t\t'Your theme provides %s different “block” areas for you to add and edit content. Try adding a search bar, social icons, or other types of blocks here and see how they’ll look on your site.',\n\t\t\t\t\t\t\t\t\t\t\t\tnumWidgetAreas\n\t\t\t\t\t\t\t\t\t\t\t),\n\t\t\t\t\t\t\t\t\t\t\tnumWidgetAreas\n\t\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t\t</p>\n\t\t\t\t\t\t\t\t</>\n\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t\t\t<p className=\"edit-widgets-welcome-guide__text\">\n\t\t\t\t\t\t\t\t\t\t{ __(\n\t\t\t\t\t\t\t\t\t\t\t'You can now add any block to your site’s widget areas. Don’t worry, all of your favorite widgets still work flawlessly.'\n\t\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t\t</p>\n\t\t\t\t\t\t\t\t\t<p className=\"edit-widgets-welcome-guide__text\">\n\t\t\t\t\t\t\t\t\t\t<strong>\n\t\t\t\t\t\t\t\t\t\t\t{ __(\n\t\t\t\t\t\t\t\t\t\t\t\t'Want to stick with the old widgets?'\n\t\t\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t\t\t</strong>{ ' ' }\n\t\t\t\t\t\t\t\t\t\t<ExternalLink\n\t\t\t\t\t\t\t\t\t\t\thref={ __(\n\t\t\t\t\t\t\t\t\t\t\t\t'https://wordpress.org/plugins/classic-widgets/'\n\t\t\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t{ __(\n\t\t\t\t\t\t\t\t\t\t\t\t'Get the Classic Widgets plugin.'\n\t\t\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t\t\t</ExternalLink>\n\t\t\t\t\t\t\t\t\t</p>\n\t\t\t\t\t\t\t\t</>\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t</>\n\t\t\t\t\t),\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\timage: (\n\t\t\t\t\t\t<WelcomeGuideImage\n\t\t\t\t\t\t\tnonAnimatedSrc=\"https://s.w.org/images/block-editor/welcome-editor.svg\"\n\t\t\t\t\t\t\tanimatedSrc=\"https://s.w.org/images/block-editor/welcome-editor.gif\"\n\t\t\t\t\t\t/>\n\t\t\t\t\t),\n\t\t\t\t\tcontent: (\n\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t<h1 className=\"edit-widgets-welcome-guide__heading\">\n\t\t\t\t\t\t\t\t{ __( 'Make each block your own' ) }\n\t\t\t\t\t\t\t</h1>\n\t\t\t\t\t\t\t<p className=\"edit-widgets-welcome-guide__text\">\n\t\t\t\t\t\t\t\t{ __(\n\t\t\t\t\t\t\t\t\t'Each block comes with its own set of controls for changing things like color, width, and alignment. These will show and hide automatically when you have a block selected.'\n\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t</p>\n\t\t\t\t\t\t</>\n\t\t\t\t\t),\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\timage: (\n\t\t\t\t\t\t<WelcomeGuideImage\n\t\t\t\t\t\t\tnonAnimatedSrc=\"https://s.w.org/images/block-editor/welcome-library.svg\"\n\t\t\t\t\t\t\tanimatedSrc=\"https://s.w.org/images/block-editor/welcome-library.gif\"\n\t\t\t\t\t\t/>\n\t\t\t\t\t),\n\t\t\t\t\tcontent: (\n\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t<h1 className=\"edit-widgets-welcome-guide__heading\">\n\t\t\t\t\t\t\t\t{ __( 'Get to know the block library' ) }\n\t\t\t\t\t\t\t</h1>\n\t\t\t\t\t\t\t<p className=\"edit-widgets-welcome-guide__text\">\n\t\t\t\t\t\t\t\t{ createInterpolateElement(\n\t\t\t\t\t\t\t\t\t__(\n\t\t\t\t\t\t\t\t\t\t'All of the blocks available to you live in the block library. You’ll find it wherever you see the <InserterIconImage /> icon.'\n\t\t\t\t\t\t\t\t\t),\n\t\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\t\tInserterIconImage: (\n\t\t\t\t\t\t\t\t\t\t\t<img\n\t\t\t\t\t\t\t\t\t\t\t\tclassName=\"edit-widgets-welcome-guide__inserter-icon\"\n\t\t\t\t\t\t\t\t\t\t\t\talt={ __( 'inserter' ) }\n\t\t\t\t\t\t\t\t\t\t\t\tsrc=\"data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='18' height='18' rx='2' fill='%231E1E1E'/%3E%3Cpath d='M9.22727 4V14M4 8.77273H14' stroke='white' stroke-width='1.5'/%3E%3C/svg%3E%0A\"\n\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t),\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t</p>\n\t\t\t\t\t\t</>\n\t\t\t\t\t),\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\timage: (\n\t\t\t\t\t\t<WelcomeGuideImage\n\t\t\t\t\t\t\tnonAnimatedSrc=\"https://s.w.org/images/block-editor/welcome-documentation.svg\"\n\t\t\t\t\t\t\tanimatedSrc=\"https://s.w.org/images/block-editor/welcome-documentation.gif\"\n\t\t\t\t\t\t/>\n\t\t\t\t\t),\n\t\t\t\t\tcontent: (\n\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t<h1 className=\"edit-widgets-welcome-guide__heading\">\n\t\t\t\t\t\t\t\t{ __( 'Learn how to use the block editor' ) }\n\t\t\t\t\t\t\t</h1>\n\t\t\t\t\t\t\t<p className=\"edit-widgets-welcome-guide__text\">\n\t\t\t\t\t\t\t\t{ createInterpolateElement(\n\t\t\t\t\t\t\t\t\t__(\n\t\t\t\t\t\t\t\t\t\t\"New to the block editor? Want to learn more about using it? <a>Here's a detailed guide.</a>\"\n\t\t\t\t\t\t\t\t\t),\n\t\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\t\ta: (\n\t\t\t\t\t\t\t\t\t\t\t<ExternalLink\n\t\t\t\t\t\t\t\t\t\t\t\thref={ __(\n\t\t\t\t\t\t\t\t\t\t\t\t\t'https://wordpress.org/documentation/article/wordpress-block-editor/'\n\t\t\t\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t),\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t</p>\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/>\n\t);\n}\n\nfunction WelcomeGuideImage( { nonAnimatedSrc, animatedSrc } ) {\n\treturn (\n\t\t<picture className=\"edit-widgets-welcome-guide__image\">\n\t\t\t<source\n\t\t\t\tsrcSet={ nonAnimatedSrc }\n\t\t\t\tmedia=\"(prefers-reduced-motion: reduce)\"\n\t\t\t/>\n\t\t\t<img src={ animatedSrc } width=\"312\" height=\"240\" alt=\"\" />\n\t\t</picture>\n\t);\n}\n"],"mappings":"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","ignoreList":[]}
package/build-style/style-rtl.css CHANGED
@@ -37,10 +37,10 @@
37
37
  * Radius scale.
38
38
  */
39
39
  /**
40
- * Dimensions.
40
+ * Elevation scale.
41
41
  */
42
42
  /**
43
- * Shadows.
43
+ * Dimensions.
44
44
  */
45
45
  /**
46
46
  * Editor widths.
package/build-style/style.css CHANGED
@@ -37,10 +37,10 @@
37
37
  * Radius scale.
38
38
  */
39
39
  /**
40
- * Dimensions.
40
+ * Elevation scale.
41
41
  */
42
42
  /**
43
- * Shadows.
43
+ * Dimensions.
44
44
  */
45
45
  /**
46
46
  * Editor widths.
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@wordpress/edit-widgets",
3
- "version": "6.5.0",
3
+ "version": "6.6.1",
4
4
  "description": "Widgets Page module for WordPress..",
5
5
  "author": "The WordPress Contributors",
6
6
  "license": "GPL-2.0-or-later",
@@ -28,32 +28,32 @@
28
28
  "react-native": "src/index",
29
29
  "dependencies": {
30
30
  "@babel/runtime": "^7.16.0",
31
- "@wordpress/api-fetch": "^7.5.0",
32
- "@wordpress/block-editor": "^14.0.0",
33
- "@wordpress/block-library": "^9.5.0",
34
- "@wordpress/blocks": "^13.5.0",
35
- "@wordpress/components": "^28.5.0",
36
- "@wordpress/compose": "^7.5.0",
37
- "@wordpress/core-data": "^7.5.0",
38
- "@wordpress/data": "^10.5.0",
39
- "@wordpress/deprecated": "^4.5.0",
40
- "@wordpress/dom": "^4.5.0",
41
- "@wordpress/element": "^6.5.0",
42
- "@wordpress/hooks": "^4.5.0",
43
- "@wordpress/i18n": "^5.5.0",
44
- "@wordpress/icons": "^10.5.0",
45
- "@wordpress/interface": "^6.5.0",
46
- "@wordpress/keyboard-shortcuts": "^5.5.0",
47
- "@wordpress/keycodes": "^4.5.0",
48
- "@wordpress/media-utils": "^5.5.0",
49
- "@wordpress/notices": "^5.5.0",
50
- "@wordpress/patterns": "^2.5.0",
51
- "@wordpress/plugins": "^7.5.0",
52
- "@wordpress/preferences": "^4.5.0",
53
- "@wordpress/private-apis": "^1.5.0",
54
- "@wordpress/reusable-blocks": "^5.5.0",
55
- "@wordpress/url": "^4.5.0",
56
- "@wordpress/widgets": "^4.5.0",
31
+ "@wordpress/api-fetch": "^7.6.0",
32
+ "@wordpress/block-editor": "^14.1.0",
33
+ "@wordpress/block-library": "^9.6.1",
34
+ "@wordpress/blocks": "^13.6.0",
35
+ "@wordpress/components": "^28.6.0",
36
+ "@wordpress/compose": "^7.6.0",
37
+ "@wordpress/core-data": "^7.6.0",
38
+ "@wordpress/data": "^10.6.0",
39
+ "@wordpress/deprecated": "^4.6.0",
40
+ "@wordpress/dom": "^4.6.0",
41
+ "@wordpress/element": "^6.6.0",
42
+ "@wordpress/hooks": "^4.6.0",
43
+ "@wordpress/i18n": "^5.6.0",
44
+ "@wordpress/icons": "^10.6.0",
45
+ "@wordpress/interface": "^6.6.0",
46
+ "@wordpress/keyboard-shortcuts": "^5.6.0",
47
+ "@wordpress/keycodes": "^4.6.0",
48
+ "@wordpress/media-utils": "^5.6.0",
49
+ "@wordpress/notices": "^5.6.0",
50
+ "@wordpress/patterns": "^2.6.0",
51
+ "@wordpress/plugins": "^7.6.0",
52
+ "@wordpress/preferences": "^4.6.0",
53
+ "@wordpress/private-apis": "^1.6.0",
54
+ "@wordpress/reusable-blocks": "^5.6.0",
55
+ "@wordpress/url": "^4.6.0",
56
+ "@wordpress/widgets": "^4.6.0",
57
57
  "clsx": "^2.1.1"
58
58
  },
59
59
  "peerDependencies": {
@@ -63,5 +63,5 @@
63
63
  "publishConfig": {
64
64
  "access": "public"
65
65
  },
66
- "gitHead": "c3101ab024e2bfc85d525c6d247e0d57cafc9fd9"
66
+ "gitHead": "2c178a34c8ea9b1c0e51c1fd48e24da95c418f6e"
67
67
  }
package/src/components/error-boundary/style.scss CHANGED
@@ -3,5 +3,5 @@
3
3
  max-width: 780px;
4
4
  padding: 20px;
5
5
  margin-top: 60px;
6
- box-shadow: $shadow-modal;
6
+ box-shadow: $elevation-large;
7
7
  }
package/src/components/welcome-guide/index.js CHANGED
@@ -172,16 +172,20 @@ export default function WelcomeGuide() {
172
172
  { __( 'Learn how to use the block editor' ) }
173
173
  </h1>
174
174
  <p className="edit-widgets-welcome-guide__text">
175
- { __(
176
- 'New to the block editor? Want to learn more about using it? '
175
+ { createInterpolateElement(
176
+ __(
177
+ "New to the block editor? Want to learn more about using it? <a>Here's a detailed guide.</a>"
178
+ ),
179
+ {
180
+ a: (
181
+ <ExternalLink
182
+ href={ __(
183
+ 'https://wordpress.org/documentation/article/wordpress-block-editor/'
184
+ ) }
185
+ />
186
+ ),
187
+ }
177
188
  ) }
178
- <ExternalLink
179
- href={ __(
180
- 'https://wordpress.org/documentation/article/wordpress-block-editor/'
181
- ) }
182
- >
183
- { __( "Here's a detailed guide." ) }
184
- </ExternalLink>
185
189
  </p>
186
190
  </>
187
191
  ),