@wordpress/edit-site 5.19.2 → 5.20.0

package/build/components/template-part-converter/index.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = TemplatePartConverter;
-var _element = require("@wordpress/element");
+var _react = require("react");
 var _data = require("@wordpress/data");
 var _blockEditor = require("@wordpress/block-editor");
 var _convertToRegular = _interopRequireDefault(require("./convert-to-regular"));
@@ -19,10 +19,10 @@ var _convertToTemplatePart = _interopRequireDefault(require("./convert-to-templa
  */
 
 function TemplatePartConverter() {
-  return (0, _element.createElement)(_blockEditor.BlockSettingsMenuControls, null, ({
+  return (0, _react.createElement)(_blockEditor.BlockSettingsMenuControls, null, ({
     selectedClientIds,
     onClose
-  }) => (0, _element.createElement)(TemplatePartConverterMenuItem, {
+  }) => (0, _react.createElement)(TemplatePartConverterMenuItem, {
     clientIds: selectedClientIds,
     onClose: onClose
   }));
@@ -35,12 +35,12 @@ function TemplatePartConverterMenuItem({
 
   // Allow converting a single template part to standard blocks.
   if (blocks.length === 1 && blocks[0]?.name === 'core/template-part') {
-    return (0, _element.createElement)(_convertToRegular.default, {
+    return (0, _react.createElement)(_convertToRegular.default, {
       clientId: clientIds[0],
       onClose: onClose
     });
   }
-  return (0, _element.createElement)(_convertToTemplatePart.default, {
+  return (0, _react.createElement)(_convertToTemplatePart.default, {
     clientIds: clientIds,
     blocks: blocks
   });

package/build/components/template-part-converter/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_data","require","_blockEditor","_convertToRegular","_interopRequireDefault","_convertToTemplatePart","TemplatePartConverter","_element","createElement","BlockSettingsMenuControls","selectedClientIds","onClose","TemplatePartConverterMenuItem","clientIds","blocks","useSelect","select","blockEditorStore","getBlocksByClientId","length","name","default","clientId"],"sources":["@wordpress/edit-site/src/components/template-part-converter/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useSelect } from '@wordpress/data';\nimport {\n\tBlockSettingsMenuControls,\n\tstore as blockEditorStore,\n} from '@wordpress/block-editor';\n\n/**\n * Internal dependencies\n */\nimport ConvertToRegularBlocks from './convert-to-regular';\nimport ConvertToTemplatePart from './convert-to-template-part';\n\nexport default function TemplatePartConverter() {\n\treturn (\n\t\t<BlockSettingsMenuControls>\n\t\t\t{ ( { selectedClientIds, onClose } ) => (\n\t\t\t\t<TemplatePartConverterMenuItem\n\t\t\t\t\tclientIds={ selectedClientIds }\n\t\t\t\t\tonClose={ onClose }\n\t\t\t\t/>\n\t\t\t) }\n\t\t</BlockSettingsMenuControls>\n\t);\n}\n\nfunction TemplatePartConverterMenuItem( { clientIds, onClose } ) {\n\tconst blocks = useSelect(\n\t\t( select ) =>\n\t\t\tselect( blockEditorStore ).getBlocksByClientId( clientIds ),\n\t\t[ clientIds ]\n\t);\n\n\t// Allow converting a single template part to standard blocks.\n\tif ( blocks.length === 1 && blocks[ 0 ]?.name === 'core/template-part' ) {\n\t\treturn (\n\t\t\t<ConvertToRegularBlocks\n\t\t\t\tclientId={ clientIds[ 0 ] }\n\t\t\t\tonClose={ onClose }\n\t\t\t/>\n\t\t);\n\t}\n\treturn <ConvertToTemplatePart clientIds={ clientIds } blocks={ blocks } />;\n}\n"],"mappings":";;;;;;;;AAGA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAQA,IAAAE,iBAAA,GAAAC,sBAAA,CAAAH,OAAA;AACA,IAAAI,sBAAA,GAAAD,sBAAA,CAAAH,OAAA;AAbA;AACA;AACA;;AAOA;AACA;AACA;;AAIe,SAASK,qBAAqBA,CAAA,EAAG;EAC/C,OACC,IAAAC,QAAA,CAAAC,aAAA,EAACN,YAAA,CAAAO,yBAAyB,QACvB,CAAE;IAAEC,iBAAiB;IAAEC;EAAQ,CAAC,KACjC,IAAAJ,QAAA,CAAAC,aAAA,EAACI,6BAA6B;IAC7BC,SAAS,EAAGH,iBAAmB;IAC/BC,OAAO,EAAGA;EAAS,CACnB,CAEwB,CAAC;AAE9B;AAEA,SAASC,6BAA6BA,CAAE;EAAEC,SAAS;EAAEF;AAAQ,CAAC,EAAG;EAChE,MAAMG,MAAM,GAAG,IAAAC,eAAS,EACrBC,MAAM,IACPA,MAAM,CAAEC,kBAAiB,CAAC,CAACC,mBAAmB,CAAEL,SAAU,CAAC,EAC5D,CAAEA,SAAS,CACZ,CAAC;;EAED;EACA,IAAKC,MAAM,CAACK,MAAM,KAAK,CAAC,IAAIL,MAAM,CAAE,CAAC,CAAE,EAAEM,IAAI,KAAK,oBAAoB,EAAG;IACxE,OACC,IAAAb,QAAA,CAAAC,aAAA,EAACL,iBAAA,CAAAkB,OAAsB;MACtBC,QAAQ,EAAGT,SAAS,CAAE,CAAC,CAAI;MAC3BF,OAAO,EAAGA;IAAS,CACnB,CAAC;EAEJ;EACA,OAAO,IAAAJ,QAAA,CAAAC,aAAA,EAACH,sBAAA,CAAAgB,OAAqB;IAACR,SAAS,EAAGA,SAAW;IAACC,MAAM,EAAGA;EAAQ,CAAE,CAAC;AAC3E"}
+{"version":3,"names":["_data","require","_blockEditor","_convertToRegular","_interopRequireDefault","_convertToTemplatePart","TemplatePartConverter","_react","createElement","BlockSettingsMenuControls","selectedClientIds","onClose","TemplatePartConverterMenuItem","clientIds","blocks","useSelect","select","blockEditorStore","getBlocksByClientId","length","name","default","clientId"],"sources":["@wordpress/edit-site/src/components/template-part-converter/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useSelect } from '@wordpress/data';\nimport {\n\tBlockSettingsMenuControls,\n\tstore as blockEditorStore,\n} from '@wordpress/block-editor';\n\n/**\n * Internal dependencies\n */\nimport ConvertToRegularBlocks from './convert-to-regular';\nimport ConvertToTemplatePart from './convert-to-template-part';\n\nexport default function TemplatePartConverter() {\n\treturn (\n\t\t<BlockSettingsMenuControls>\n\t\t\t{ ( { selectedClientIds, onClose } ) => (\n\t\t\t\t<TemplatePartConverterMenuItem\n\t\t\t\t\tclientIds={ selectedClientIds }\n\t\t\t\t\tonClose={ onClose }\n\t\t\t\t/>\n\t\t\t) }\n\t\t</BlockSettingsMenuControls>\n\t);\n}\n\nfunction TemplatePartConverterMenuItem( { clientIds, onClose } ) {\n\tconst blocks = useSelect(\n\t\t( select ) =>\n\t\t\tselect( blockEditorStore ).getBlocksByClientId( clientIds ),\n\t\t[ clientIds ]\n\t);\n\n\t// Allow converting a single template part to standard blocks.\n\tif ( blocks.length === 1 && blocks[ 0 ]?.name === 'core/template-part' ) {\n\t\treturn (\n\t\t\t<ConvertToRegularBlocks\n\t\t\t\tclientId={ clientIds[ 0 ] }\n\t\t\t\tonClose={ onClose }\n\t\t\t/>\n\t\t);\n\t}\n\treturn <ConvertToTemplatePart clientIds={ clientIds } blocks={ blocks } />;\n}\n"],"mappings":";;;;;;;;AAGA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAQA,IAAAE,iBAAA,GAAAC,sBAAA,CAAAH,OAAA;AACA,IAAAI,sBAAA,GAAAD,sBAAA,CAAAH,OAAA;AAbA;AACA;AACA;;AAOA;AACA;AACA;;AAIe,SAASK,qBAAqBA,CAAA,EAAG;EAC/C,OACC,IAAAC,MAAA,CAAAC,aAAA,EAACN,YAAA,CAAAO,yBAAyB,QACvB,CAAE;IAAEC,iBAAiB;IAAEC;EAAQ,CAAC,KACjC,IAAAJ,MAAA,CAAAC,aAAA,EAACI,6BAA6B;IAC7BC,SAAS,EAAGH,iBAAmB;IAC/BC,OAAO,EAAGA;EAAS,CACnB,CAEwB,CAAC;AAE9B;AAEA,SAASC,6BAA6BA,CAAE;EAAEC,SAAS;EAAEF;AAAQ,CAAC,EAAG;EAChE,MAAMG,MAAM,GAAG,IAAAC,eAAS,EACrBC,MAAM,IACPA,MAAM,CAAEC,kBAAiB,CAAC,CAACC,mBAAmB,CAAEL,SAAU,CAAC,EAC5D,CAAEA,SAAS,CACZ,CAAC;;EAED;EACA,IAAKC,MAAM,CAACK,MAAM,KAAK,CAAC,IAAIL,MAAM,CAAE,CAAC,CAAE,EAAEM,IAAI,KAAK,oBAAoB,EAAG;IACxE,OACC,IAAAb,MAAA,CAAAC,aAAA,EAACL,iBAAA,CAAAkB,OAAsB;MACtBC,QAAQ,EAAGT,SAAS,CAAE,CAAC,CAAI;MAC3BF,OAAO,EAAGA;IAAS,CACnB,CAAC;EAEJ;EACA,OAAO,IAAAJ,MAAA,CAAAC,aAAA,EAACH,sBAAA,CAAAgB,OAAqB;IAACR,SAAS,EAAGA,SAAW;IAACC,MAAM,EAAGA;EAAQ,CAAE,CAAC;AAC3E"}

package/build/components/welcome-guide/editor.js

@@ -5,10 +5,11 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = WelcomeGuideEditor;
-var _element = require("@wordpress/element");
+var _react = require("react");
 var _data = require("@wordpress/data");
 var _components = require("@wordpress/components");
 var _i18n = require("@wordpress/i18n");
+var _element = require("@wordpress/element");
 var _preferences = require("@wordpress/preferences");
 var _image = _interopRequireDefault(require("./image"));
 /**
@@ -27,24 +28,24 @@ function WelcomeGuideEditor() {
   if (!isActive) {
     return null;
   }
-  return (0, _element.createElement)(_components.Guide, {
+  return (0, _react.createElement)(_components.Guide, {
     className: "edit-site-welcome-guide guide-editor",
     contentLabel: (0, _i18n.__)('Welcome to the site editor'),
     finishButtonText: (0, _i18n.__)('Get started'),
     onFinish: () => toggle('core/edit-site', 'welcomeGuide'),
     pages: [{
-      image: (0, _element.createElement)(_image.default, {
+      image: (0, _react.createElement)(_image.default, {
         nonAnimatedSrc: "https://s.w.org/images/block-editor/edit-your-site.svg?1",
         animatedSrc: "https://s.w.org/images/block-editor/edit-your-site.gif?1"
       }),
-      content: (0, _element.createElement)(_element.Fragment, null, (0, _element.createElement)("h1", {
+      content: (0, _react.createElement)(_react.Fragment, null, (0, _react.createElement)("h1", {
         className: "edit-site-welcome-guide__heading"
-      }, (0, _i18n.__)('Edit your site')), (0, _element.createElement)("p", {
+      }, (0, _i18n.__)('Edit your site')), (0, _react.createElement)("p", {
         className: "edit-site-welcome-guide__text"
-      }, (0, _i18n.__)('Design everything on your site — from the header right down to the footer — using blocks.')), (0, _element.createElement)("p", {
+      }, (0, _i18n.__)('Design everything on your site — from the header right down to the footer — using blocks.')), (0, _react.createElement)("p", {
         className: "edit-site-welcome-guide__text"
       }, (0, _element.createInterpolateElement)((0, _i18n.__)('Click <StylesIconImage /> to start designing your blocks, and choose your typography, layout, and colors.'), {
-        StylesIconImage: (0, _element.createElement)("img", {
+        StylesIconImage: (0, _react.createElement)("img", {
           alt: (0, _i18n.__)('styles'),
           src: "data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 4c-4.4 0-8 3.6-8 8v.1c0 4.1 3.2 7.5 7.2 7.9h.8c4.4 0 8-3.6 8-8s-3.6-8-8-8zm0 15V5c3.9 0 7 3.1 7 7s-3.1 7-7 7z' fill='%231E1E1E'/%3E%3C/svg%3E%0A"
         })

package/build/components/welcome-guide/editor.js.map

@@ -1 +1 @@
-{"version":3,"names":["_element","require","_data","_components","_i18n","_preferences","_image","_interopRequireDefault","WelcomeGuideEditor","toggle","useDispatch","preferencesStore","isActive","useSelect","select","get","createElement","Guide","className","contentLabel","__","finishButtonText","onFinish","pages","image","default","nonAnimatedSrc","animatedSrc","content","Fragment","createInterpolateElement","StylesIconImage","alt","src"],"sources":["@wordpress/edit-site/src/components/welcome-guide/editor.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useDispatch, useSelect } from '@wordpress/data';\nimport { Guide } from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\nimport { createInterpolateElement } from '@wordpress/element';\nimport { store as preferencesStore } from '@wordpress/preferences';\n\n/**\n * Internal dependencies\n */\nimport WelcomeGuideImage from './image';\n\nexport default function WelcomeGuideEditor() {\n\tconst { toggle } = useDispatch( preferencesStore );\n\n\tconst isActive = useSelect(\n\t\t( select ) =>\n\t\t\t!! select( preferencesStore ).get(\n\t\t\t\t'core/edit-site',\n\t\t\t\t'welcomeGuide'\n\t\t\t),\n\t\t[]\n\t);\n\n\tif ( ! isActive ) {\n\t\treturn null;\n\t}\n\n\treturn (\n\t\t<Guide\n\t\t\tclassName=\"edit-site-welcome-guide guide-editor\"\n\t\t\tcontentLabel={ __( 'Welcome to the site editor' ) }\n\t\t\tfinishButtonText={ __( 'Get started' ) }\n\t\t\tonFinish={ () => toggle( 'core/edit-site', '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/edit-your-site.svg?1\"\n\t\t\t\t\t\t\tanimatedSrc=\"https://s.w.org/images/block-editor/edit-your-site.gif?1\"\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-site-welcome-guide__heading\">\n\t\t\t\t\t\t\t\t{ __( 'Edit your site' ) }\n\t\t\t\t\t\t\t</h1>\n\t\t\t\t\t\t\t<p className=\"edit-site-welcome-guide__text\">\n\t\t\t\t\t\t\t\t{ __(\n\t\t\t\t\t\t\t\t\t'Design everything on your site — from the header right down to the footer — using blocks.'\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\t<p className=\"edit-site-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'Click <StylesIconImage /> to start designing your blocks, and choose your typography, layout, and colors.'\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\tStylesIconImage: (\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\talt={ __( 'styles' ) }\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 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 4c-4.4 0-8 3.6-8 8v.1c0 4.1 3.2 7.5 7.2 7.9h.8c4.4 0 8-3.6 8-8s-3.6-8-8-8zm0 15V5c3.9 0 7 3.1 7 7s-3.1 7-7 7z' fill='%231E1E1E'/%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] }\n\t\t/>\n\t);\n}\n"],"mappings":";;;;;;;AAMA,IAAAA,QAAA,GAAAC,OAAA;AAHA,IAAAC,KAAA,GAAAD,OAAA;AACA,IAAAE,WAAA,GAAAF,OAAA;AACA,IAAAG,KAAA,GAAAH,OAAA;AAEA,IAAAI,YAAA,GAAAJ,OAAA;AAKA,IAAAK,MAAA,GAAAC,sBAAA,CAAAN,OAAA;AAZA;AACA;AACA;;AAOA;AACA;AACA;;AAGe,SAASO,kBAAkBA,CAAA,EAAG;EAC5C,MAAM;IAAEC;EAAO,CAAC,GAAG,IAAAC,iBAAW,EAAEC,kBAAiB,CAAC;EAElD,MAAMC,QAAQ,GAAG,IAAAC,eAAS,EACvBC,MAAM,IACP,CAAC,CAAEA,MAAM,CAAEH,kBAAiB,CAAC,CAACI,GAAG,CAChC,gBAAgB,EAChB,cACD,CAAC,EACF,EACD,CAAC;EAED,IAAK,CAAEH,QAAQ,EAAG;IACjB,OAAO,IAAI;EACZ;EAEA,OACC,IAAAZ,QAAA,CAAAgB,aAAA,EAACb,WAAA,CAAAc,KAAK;IACLC,SAAS,EAAC,sCAAsC;IAChDC,YAAY,EAAG,IAAAC,QAAE,EAAE,4BAA6B,CAAG;IACnDC,gBAAgB,EAAG,IAAAD,QAAE,EAAE,aAAc,CAAG;IACxCE,QAAQ,EAAGA,CAAA,KAAMb,MAAM,CAAE,gBAAgB,EAAE,cAAe,CAAG;IAC7Dc,KAAK,EAAG,CACP;MACCC,KAAK,EACJ,IAAAxB,QAAA,CAAAgB,aAAA,EAACV,MAAA,CAAAmB,OAAiB;QACjBC,cAAc,EAAC,0DAA0D;QACzEC,WAAW,EAAC;MAA0D,CACtE,CACD;MACDC,OAAO,EACN,IAAA5B,QAAA,CAAAgB,aAAA,EAAAhB,QAAA,CAAA6B,QAAA,QACC,IAAA7B,QAAA,CAAAgB,aAAA;QAAIE,SAAS,EAAC;MAAkC,GAC7C,IAAAE,QAAE,EAAE,gBAAiB,CACpB,CAAC,EACL,IAAApB,QAAA,CAAAgB,aAAA;QAAGE,SAAS,EAAC;MAA+B,GACzC,IAAAE,QAAE,EACH,2FACD,CACE,CAAC,EACJ,IAAApB,QAAA,CAAAgB,aAAA;QAAGE,SAAS,EAAC;MAA+B,GACzC,IAAAY,iCAAwB,EACzB,IAAAV,QAAE,EACD,2GACD,CAAC,EACD;QACCW,eAAe,EACd,IAAA/B,QAAA,CAAAgB,aAAA;UACCgB,GAAG,EAAG,IAAAZ,QAAE,EAAE,QAAS,CAAG;UACtBa,GAAG,EAAC;QAAuR,CAC3R;MAEH,CACD,CACE,CACF;IAEJ,CAAC;EACC,CACH,CAAC;AAEJ"}
+{"version":3,"names":["_data","require","_components","_i18n","_element","_preferences","_image","_interopRequireDefault","WelcomeGuideEditor","toggle","useDispatch","preferencesStore","isActive","useSelect","select","get","_react","createElement","Guide","className","contentLabel","__","finishButtonText","onFinish","pages","image","default","nonAnimatedSrc","animatedSrc","content","Fragment","createInterpolateElement","StylesIconImage","alt","src"],"sources":["@wordpress/edit-site/src/components/welcome-guide/editor.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useDispatch, useSelect } from '@wordpress/data';\nimport { Guide } from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\nimport { createInterpolateElement } from '@wordpress/element';\nimport { store as preferencesStore } from '@wordpress/preferences';\n\n/**\n * Internal dependencies\n */\nimport WelcomeGuideImage from './image';\n\nexport default function WelcomeGuideEditor() {\n\tconst { toggle } = useDispatch( preferencesStore );\n\n\tconst isActive = useSelect(\n\t\t( select ) =>\n\t\t\t!! select( preferencesStore ).get(\n\t\t\t\t'core/edit-site',\n\t\t\t\t'welcomeGuide'\n\t\t\t),\n\t\t[]\n\t);\n\n\tif ( ! isActive ) {\n\t\treturn null;\n\t}\n\n\treturn (\n\t\t<Guide\n\t\t\tclassName=\"edit-site-welcome-guide guide-editor\"\n\t\t\tcontentLabel={ __( 'Welcome to the site editor' ) }\n\t\t\tfinishButtonText={ __( 'Get started' ) }\n\t\t\tonFinish={ () => toggle( 'core/edit-site', '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/edit-your-site.svg?1\"\n\t\t\t\t\t\t\tanimatedSrc=\"https://s.w.org/images/block-editor/edit-your-site.gif?1\"\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-site-welcome-guide__heading\">\n\t\t\t\t\t\t\t\t{ __( 'Edit your site' ) }\n\t\t\t\t\t\t\t</h1>\n\t\t\t\t\t\t\t<p className=\"edit-site-welcome-guide__text\">\n\t\t\t\t\t\t\t\t{ __(\n\t\t\t\t\t\t\t\t\t'Design everything on your site — from the header right down to the footer — using blocks.'\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\t<p className=\"edit-site-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'Click <StylesIconImage /> to start designing your blocks, and choose your typography, layout, and colors.'\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\tStylesIconImage: (\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\talt={ __( 'styles' ) }\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 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 4c-4.4 0-8 3.6-8 8v.1c0 4.1 3.2 7.5 7.2 7.9h.8c4.4 0 8-3.6 8-8s-3.6-8-8-8zm0 15V5c3.9 0 7 3.1 7 7s-3.1 7-7 7z' fill='%231E1E1E'/%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] }\n\t\t/>\n\t);\n}\n"],"mappings":";;;;;;;;AAGA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,WAAA,GAAAD,OAAA;AACA,IAAAE,KAAA,GAAAF,OAAA;AACA,IAAAG,QAAA,GAAAH,OAAA;AACA,IAAAI,YAAA,GAAAJ,OAAA;AAKA,IAAAK,MAAA,GAAAC,sBAAA,CAAAN,OAAA;AAZA;AACA;AACA;;AAOA;AACA;AACA;;AAGe,SAASO,kBAAkBA,CAAA,EAAG;EAC5C,MAAM;IAAEC;EAAO,CAAC,GAAG,IAAAC,iBAAW,EAAEC,kBAAiB,CAAC;EAElD,MAAMC,QAAQ,GAAG,IAAAC,eAAS,EACvBC,MAAM,IACP,CAAC,CAAEA,MAAM,CAAEH,kBAAiB,CAAC,CAACI,GAAG,CAChC,gBAAgB,EAChB,cACD,CAAC,EACF,EACD,CAAC;EAED,IAAK,CAAEH,QAAQ,EAAG;IACjB,OAAO,IAAI;EACZ;EAEA,OACC,IAAAI,MAAA,CAAAC,aAAA,EAACf,WAAA,CAAAgB,KAAK;IACLC,SAAS,EAAC,sCAAsC;IAChDC,YAAY,EAAG,IAAAC,QAAE,EAAE,4BAA6B,CAAG;IACnDC,gBAAgB,EAAG,IAAAD,QAAE,EAAE,aAAc,CAAG;IACxCE,QAAQ,EAAGA,CAAA,KAAMd,MAAM,CAAE,gBAAgB,EAAE,cAAe,CAAG;IAC7De,KAAK,EAAG,CACP;MACCC,KAAK,EACJ,IAAAT,MAAA,CAAAC,aAAA,EAACX,MAAA,CAAAoB,OAAiB;QACjBC,cAAc,EAAC,0DAA0D;QACzEC,WAAW,EAAC;MAA0D,CACtE,CACD;MACDC,OAAO,EACN,IAAAb,MAAA,CAAAC,aAAA,EAAAD,MAAA,CAAAc,QAAA,QACC,IAAAd,MAAA,CAAAC,aAAA;QAAIE,SAAS,EAAC;MAAkC,GAC7C,IAAAE,QAAE,EAAE,gBAAiB,CACpB,CAAC,EACL,IAAAL,MAAA,CAAAC,aAAA;QAAGE,SAAS,EAAC;MAA+B,GACzC,IAAAE,QAAE,EACH,2FACD,CACE,CAAC,EACJ,IAAAL,MAAA,CAAAC,aAAA;QAAGE,SAAS,EAAC;MAA+B,GACzC,IAAAY,iCAAwB,EACzB,IAAAV,QAAE,EACD,2GACD,CAAC,EACD;QACCW,eAAe,EACd,IAAAhB,MAAA,CAAAC,aAAA;UACCgB,GAAG,EAAG,IAAAZ,QAAE,EAAE,QAAS,CAAG;UACtBa,GAAG,EAAC;QAAuR,CAC3R;MAEH,CACD,CACE,CACF;IAEJ,CAAC;EACC,CACH,CAAC;AAEJ"}

package/build/components/welcome-guide/image.js

@@ -4,17 +4,17 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = WelcomeGuideImage;
-var _element = require("@wordpress/element");
+var _react = require("react");
 function WelcomeGuideImage({
   nonAnimatedSrc,
   animatedSrc
 }) {
-  return (0, _element.createElement)("picture", {
+  return (0, _react.createElement)("picture", {
     className: "edit-site-welcome-guide__image"
-  }, (0, _element.createElement)("source", {
+  }, (0, _react.createElement)("source", {
     srcSet: nonAnimatedSrc,
     media: "(prefers-reduced-motion: reduce)"
-  }), (0, _element.createElement)("img", {
+  }), (0, _react.createElement)("img", {
     src: animatedSrc,
     width: "312",
     height: "240",

package/build/components/welcome-guide/image.js.map

@@ -1 +1 @@
-{"version":3,"names":["WelcomeGuideImage","nonAnimatedSrc","animatedSrc","_element","createElement","className","srcSet","media","src","width","height","alt"],"sources":["@wordpress/edit-site/src/components/welcome-guide/image.js"],"sourcesContent":["export default function WelcomeGuideImage( { nonAnimatedSrc, animatedSrc } ) {\n\treturn (\n\t\t<picture className=\"edit-site-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":";;;;;;;AAAe,SAASA,iBAAiBA,CAAE;EAAEC,cAAc;EAAEC;AAAY,CAAC,EAAG;EAC5E,OACC,IAAAC,QAAA,CAAAC,aAAA;IAASC,SAAS,EAAC;EAAgC,GAClD,IAAAF,QAAA,CAAAC,aAAA;IACCE,MAAM,EAAGL,cAAgB;IACzBM,KAAK,EAAC;EAAkC,CACxC,CAAC,EACF,IAAAJ,QAAA,CAAAC,aAAA;IAAKI,GAAG,EAAGN,WAAa;IAACO,KAAK,EAAC,KAAK;IAACC,MAAM,EAAC,KAAK;IAACC,GAAG,EAAC;EAAE,CAAE,CAClD,CAAC;AAEZ"}
+{"version":3,"names":["WelcomeGuideImage","nonAnimatedSrc","animatedSrc","_react","createElement","className","srcSet","media","src","width","height","alt"],"sources":["@wordpress/edit-site/src/components/welcome-guide/image.js"],"sourcesContent":["export default function WelcomeGuideImage( { nonAnimatedSrc, animatedSrc } ) {\n\treturn (\n\t\t<picture className=\"edit-site-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":";;;;;;;AAAe,SAASA,iBAAiBA,CAAE;EAAEC,cAAc;EAAEC;AAAY,CAAC,EAAG;EAC5E,OACC,IAAAC,MAAA,CAAAC,aAAA;IAASC,SAAS,EAAC;EAAgC,GAClD,IAAAF,MAAA,CAAAC,aAAA;IACCE,MAAM,EAAGL,cAAgB;IACzBM,KAAK,EAAC;EAAkC,CACxC,CAAC,EACF,IAAAJ,MAAA,CAAAC,aAAA;IAAKI,GAAG,EAAGN,WAAa;IAACO,KAAK,EAAC,KAAK;IAACC,MAAM,EAAC,KAAK;IAACC,GAAG,EAAC;EAAE,CAAE,CAClD,CAAC;AAEZ"}

package/build/components/welcome-guide/index.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = WelcomeGuide;
-var _element = require("@wordpress/element");
+var _react = require("react");
 var _editor = _interopRequireDefault(require("./editor"));
 var _styles = _interopRequireDefault(require("./styles"));
 var _page = _interopRequireDefault(require("./page"));
@@ -15,6 +15,6 @@ var _template = _interopRequireDefault(require("./template"));
  */
 
 function WelcomeGuide() {
-  return (0, _element.createElement)(_element.Fragment, null, (0, _element.createElement)(_editor.default, null), (0, _element.createElement)(_styles.default, null), (0, _element.createElement)(_page.default, null), (0, _element.createElement)(_template.default, null));
+  return (0, _react.createElement)(_react.Fragment, null, (0, _react.createElement)(_editor.default, null), (0, _react.createElement)(_styles.default, null), (0, _react.createElement)(_page.default, null), (0, _react.createElement)(_template.default, null));
 }
 //# sourceMappingURL=index.js.map

package/build/components/welcome-guide/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_editor","_interopRequireDefault","require","_styles","_page","_template","WelcomeGuide","_element","createElement","Fragment","default"],"sources":["@wordpress/edit-site/src/components/welcome-guide/index.js"],"sourcesContent":["/**\n * Internal dependencies\n */\nimport WelcomeGuideEditor from './editor';\nimport WelcomeGuideStyles from './styles';\nimport WelcomeGuidePage from './page';\nimport WelcomeGuideTemplate from './template';\n\nexport default function WelcomeGuide() {\n\treturn (\n\t\t<>\n\t\t\t<WelcomeGuideEditor />\n\t\t\t<WelcomeGuideStyles />\n\t\t\t<WelcomeGuidePage />\n\t\t\t<WelcomeGuideTemplate />\n\t\t</>\n\t);\n}\n"],"mappings":";;;;;;;;AAGA,IAAAA,OAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,OAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,KAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,SAAA,GAAAJ,sBAAA,CAAAC,OAAA;AANA;AACA;AACA;;AAMe,SAASI,YAAYA,CAAA,EAAG;EACtC,OACC,IAAAC,QAAA,CAAAC,aAAA,EAAAD,QAAA,CAAAE,QAAA,QACC,IAAAF,QAAA,CAAAC,aAAA,EAACR,OAAA,CAAAU,OAAkB,MAAE,CAAC,EACtB,IAAAH,QAAA,CAAAC,aAAA,EAACL,OAAA,CAAAO,OAAkB,MAAE,CAAC,EACtB,IAAAH,QAAA,CAAAC,aAAA,EAACJ,KAAA,CAAAM,OAAgB,MAAE,CAAC,EACpB,IAAAH,QAAA,CAAAC,aAAA,EAACH,SAAA,CAAAK,OAAoB,MAAE,CACtB,CAAC;AAEL"}
+{"version":3,"names":["_editor","_interopRequireDefault","require","_styles","_page","_template","WelcomeGuide","_react","createElement","Fragment","default"],"sources":["@wordpress/edit-site/src/components/welcome-guide/index.js"],"sourcesContent":["/**\n * Internal dependencies\n */\nimport WelcomeGuideEditor from './editor';\nimport WelcomeGuideStyles from './styles';\nimport WelcomeGuidePage from './page';\nimport WelcomeGuideTemplate from './template';\n\nexport default function WelcomeGuide() {\n\treturn (\n\t\t<>\n\t\t\t<WelcomeGuideEditor />\n\t\t\t<WelcomeGuideStyles />\n\t\t\t<WelcomeGuidePage />\n\t\t\t<WelcomeGuideTemplate />\n\t\t</>\n\t);\n}\n"],"mappings":";;;;;;;;AAGA,IAAAA,OAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,OAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,KAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,SAAA,GAAAJ,sBAAA,CAAAC,OAAA;AANA;AACA;AACA;;AAMe,SAASI,YAAYA,CAAA,EAAG;EACtC,OACC,IAAAC,MAAA,CAAAC,aAAA,EAAAD,MAAA,CAAAE,QAAA,QACC,IAAAF,MAAA,CAAAC,aAAA,EAACR,OAAA,CAAAU,OAAkB,MAAE,CAAC,EACtB,IAAAH,MAAA,CAAAC,aAAA,EAACL,OAAA,CAAAO,OAAkB,MAAE,CAAC,EACtB,IAAAH,MAAA,CAAAC,aAAA,EAACJ,KAAA,CAAAM,OAAgB,MAAE,CAAC,EACpB,IAAAH,MAAA,CAAAC,aAAA,EAACH,SAAA,CAAAK,OAAoB,MAAE,CACtB,CAAC;AAEL"}

package/build/components/welcome-guide/page.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = WelcomeGuidePage;
-var _element = require("@wordpress/element");
+var _react = require("react");
 var _data = require("@wordpress/data");
 var _components = require("@wordpress/components");
 var _i18n = require("@wordpress/i18n");
@@ -34,26 +34,26 @@ function WelcomeGuidePage() {
     return null;
   }
   const heading = (0, _i18n.__)('Editing a page');
-  return (0, _element.createElement)(_components.Guide, {
+  return (0, _react.createElement)(_components.Guide, {
     className: "edit-site-welcome-guide guide-page",
     contentLabel: heading,
     finishButtonText: (0, _i18n.__)('Continue'),
     onFinish: () => toggle('core/edit-site', 'welcomeGuidePage'),
     pages: [{
-      image: (0, _element.createElement)("video", {
+      image: (0, _react.createElement)("video", {
         className: "edit-site-welcome-guide__video",
         autoPlay: true,
         loop: true,
         muted: true,
         width: "312",
         height: "240"
-      }, (0, _element.createElement)("source", {
+      }, (0, _react.createElement)("source", {
         src: "https://s.w.org/images/block-editor/editing-your-page.mp4",
         type: "video/mp4"
       })),
-      content: (0, _element.createElement)(_element.Fragment, null, (0, _element.createElement)("h1", {
+      content: (0, _react.createElement)(_react.Fragment, null, (0, _react.createElement)("h1", {
         className: "edit-site-welcome-guide__heading"
-      }, heading), (0, _element.createElement)("p", {
+      }, heading), (0, _react.createElement)("p", {
         className: "edit-site-welcome-guide__text"
       }, (0, _i18n.__)('It’s now possible to edit page content in the site editor. To customise other parts of the page like the header and footer switch to editing the template using the settings sidebar.')))
     }]

package/build/components/welcome-guide/page.js.map

@@ -1 +1 @@
-{"version":3,"names":["_data","require","_components","_i18n","_preferences","_store","WelcomeGuidePage","toggle","useDispatch","preferencesStore","isVisible","useSelect","select","isPageActive","get","isEditorActive","hasPageContentFocus","editSiteStore","heading","__","_element","createElement","Guide","className","contentLabel","finishButtonText","onFinish","pages","image","autoPlay","loop","muted","width","height","src","type","content","Fragment"],"sources":["@wordpress/edit-site/src/components/welcome-guide/page.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useDispatch, useSelect } from '@wordpress/data';\nimport { Guide } from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\nimport { store as preferencesStore } from '@wordpress/preferences';\n\n/**\n * Internal dependencies\n */\nimport { store as editSiteStore } from '../../store';\n\nexport default function WelcomeGuidePage() {\n\tconst { toggle } = useDispatch( preferencesStore );\n\n\tconst isVisible = useSelect( ( select ) => {\n\t\tconst isPageActive = !! select( preferencesStore ).get(\n\t\t\t'core/edit-site',\n\t\t\t'welcomeGuidePage'\n\t\t);\n\t\tconst isEditorActive = !! select( preferencesStore ).get(\n\t\t\t'core/edit-site',\n\t\t\t'welcomeGuide'\n\t\t);\n\t\tconst { hasPageContentFocus } = select( editSiteStore );\n\t\treturn isPageActive && ! isEditorActive && hasPageContentFocus();\n\t}, [] );\n\n\tif ( ! isVisible ) {\n\t\treturn null;\n\t}\n\n\tconst heading = __( 'Editing a page' );\n\n\treturn (\n\t\t<Guide\n\t\t\tclassName=\"edit-site-welcome-guide guide-page\"\n\t\t\tcontentLabel={ heading }\n\t\t\tfinishButtonText={ __( 'Continue' ) }\n\t\t\tonFinish={ () => toggle( 'core/edit-site', 'welcomeGuidePage' ) }\n\t\t\tpages={ [\n\t\t\t\t{\n\t\t\t\t\timage: (\n\t\t\t\t\t\t<video\n\t\t\t\t\t\t\tclassName=\"edit-site-welcome-guide__video\"\n\t\t\t\t\t\t\tautoPlay\n\t\t\t\t\t\t\tloop\n\t\t\t\t\t\t\tmuted\n\t\t\t\t\t\t\twidth=\"312\"\n\t\t\t\t\t\t\theight=\"240\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<source\n\t\t\t\t\t\t\t\tsrc=\"https://s.w.org/images/block-editor/editing-your-page.mp4\"\n\t\t\t\t\t\t\t\ttype=\"video/mp4\"\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</video>\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-site-welcome-guide__heading\">\n\t\t\t\t\t\t\t\t{ heading }\n\t\t\t\t\t\t\t</h1>\n\t\t\t\t\t\t\t<p className=\"edit-site-welcome-guide__text\">\n\t\t\t\t\t\t\t\t{ __(\n\t\t\t\t\t\t\t\t\t'It’s now possible to edit page content in the site editor. To customise other parts of the page like the header and footer switch to editing the template using the settings sidebar.'\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"],"mappings":";;;;;;;AAGA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,WAAA,GAAAD,OAAA;AACA,IAAAE,KAAA,GAAAF,OAAA;AACA,IAAAG,YAAA,GAAAH,OAAA;AAKA,IAAAI,MAAA,GAAAJ,OAAA;AAXA;AACA;AACA;;AAMA;AACA;AACA;;AAGe,SAASK,gBAAgBA,CAAA,EAAG;EAC1C,MAAM;IAAEC;EAAO,CAAC,GAAG,IAAAC,iBAAW,EAAEC,kBAAiB,CAAC;EAElD,MAAMC,SAAS,GAAG,IAAAC,eAAS,EAAIC,MAAM,IAAM;IAC1C,MAAMC,YAAY,GAAG,CAAC,CAAED,MAAM,CAAEH,kBAAiB,CAAC,CAACK,GAAG,CACrD,gBAAgB,EAChB,kBACD,CAAC;IACD,MAAMC,cAAc,GAAG,CAAC,CAAEH,MAAM,CAAEH,kBAAiB,CAAC,CAACK,GAAG,CACvD,gBAAgB,EAChB,cACD,CAAC;IACD,MAAM;MAAEE;IAAoB,CAAC,GAAGJ,MAAM,CAAEK,YAAc,CAAC;IACvD,OAAOJ,YAAY,IAAI,CAAEE,cAAc,IAAIC,mBAAmB,CAAC,CAAC;EACjE,CAAC,EAAE,EAAG,CAAC;EAEP,IAAK,CAAEN,SAAS,EAAG;IAClB,OAAO,IAAI;EACZ;EAEA,MAAMQ,OAAO,GAAG,IAAAC,QAAE,EAAE,gBAAiB,CAAC;EAEtC,OACC,IAAAC,QAAA,CAAAC,aAAA,EAACnB,WAAA,CAAAoB,KAAK;IACLC,SAAS,EAAC,oCAAoC;IAC9CC,YAAY,EAAGN,OAAS;IACxBO,gBAAgB,EAAG,IAAAN,QAAE,EAAE,UAAW,CAAG;IACrCO,QAAQ,EAAGA,CAAA,KAAMnB,MAAM,CAAE,gBAAgB,EAAE,kBAAmB,CAAG;IACjEoB,KAAK,EAAG,CACP;MACCC,KAAK,EACJ,IAAAR,QAAA,CAAAC,aAAA;QACCE,SAAS,EAAC,gCAAgC;QAC1CM,QAAQ;QACRC,IAAI;QACJC,KAAK;QACLC,KAAK,EAAC,KAAK;QACXC,MAAM,EAAC;MAAK,GAEZ,IAAAb,QAAA,CAAAC,aAAA;QACCa,GAAG,EAAC,2DAA2D;QAC/DC,IAAI,EAAC;MAAW,CAChB,CACK,CACP;MACDC,OAAO,EACN,IAAAhB,QAAA,CAAAC,aAAA,EAAAD,QAAA,CAAAiB,QAAA,QACC,IAAAjB,QAAA,CAAAC,aAAA;QAAIE,SAAS,EAAC;MAAkC,GAC7CL,OACC,CAAC,EACL,IAAAE,QAAA,CAAAC,aAAA;QAAGE,SAAS,EAAC;MAA+B,GACzC,IAAAJ,QAAE,EACH,uLACD,CACE,CACF;IAEJ,CAAC;EACC,CACH,CAAC;AAEJ"}
+{"version":3,"names":["_data","require","_components","_i18n","_preferences","_store","WelcomeGuidePage","toggle","useDispatch","preferencesStore","isVisible","useSelect","select","isPageActive","get","isEditorActive","hasPageContentFocus","editSiteStore","heading","__","_react","createElement","Guide","className","contentLabel","finishButtonText","onFinish","pages","image","autoPlay","loop","muted","width","height","src","type","content","Fragment"],"sources":["@wordpress/edit-site/src/components/welcome-guide/page.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useDispatch, useSelect } from '@wordpress/data';\nimport { Guide } from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\nimport { store as preferencesStore } from '@wordpress/preferences';\n\n/**\n * Internal dependencies\n */\nimport { store as editSiteStore } from '../../store';\n\nexport default function WelcomeGuidePage() {\n\tconst { toggle } = useDispatch( preferencesStore );\n\n\tconst isVisible = useSelect( ( select ) => {\n\t\tconst isPageActive = !! select( preferencesStore ).get(\n\t\t\t'core/edit-site',\n\t\t\t'welcomeGuidePage'\n\t\t);\n\t\tconst isEditorActive = !! select( preferencesStore ).get(\n\t\t\t'core/edit-site',\n\t\t\t'welcomeGuide'\n\t\t);\n\t\tconst { hasPageContentFocus } = select( editSiteStore );\n\t\treturn isPageActive && ! isEditorActive && hasPageContentFocus();\n\t}, [] );\n\n\tif ( ! isVisible ) {\n\t\treturn null;\n\t}\n\n\tconst heading = __( 'Editing a page' );\n\n\treturn (\n\t\t<Guide\n\t\t\tclassName=\"edit-site-welcome-guide guide-page\"\n\t\t\tcontentLabel={ heading }\n\t\t\tfinishButtonText={ __( 'Continue' ) }\n\t\t\tonFinish={ () => toggle( 'core/edit-site', 'welcomeGuidePage' ) }\n\t\t\tpages={ [\n\t\t\t\t{\n\t\t\t\t\timage: (\n\t\t\t\t\t\t<video\n\t\t\t\t\t\t\tclassName=\"edit-site-welcome-guide__video\"\n\t\t\t\t\t\t\tautoPlay\n\t\t\t\t\t\t\tloop\n\t\t\t\t\t\t\tmuted\n\t\t\t\t\t\t\twidth=\"312\"\n\t\t\t\t\t\t\theight=\"240\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<source\n\t\t\t\t\t\t\t\tsrc=\"https://s.w.org/images/block-editor/editing-your-page.mp4\"\n\t\t\t\t\t\t\t\ttype=\"video/mp4\"\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</video>\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-site-welcome-guide__heading\">\n\t\t\t\t\t\t\t\t{ heading }\n\t\t\t\t\t\t\t</h1>\n\t\t\t\t\t\t\t<p className=\"edit-site-welcome-guide__text\">\n\t\t\t\t\t\t\t\t{ __(\n\t\t\t\t\t\t\t\t\t'It’s now possible to edit page content in the site editor. To customise other parts of the page like the header and footer switch to editing the template using the settings sidebar.'\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"],"mappings":";;;;;;;AAGA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,WAAA,GAAAD,OAAA;AACA,IAAAE,KAAA,GAAAF,OAAA;AACA,IAAAG,YAAA,GAAAH,OAAA;AAKA,IAAAI,MAAA,GAAAJ,OAAA;AAXA;AACA;AACA;;AAMA;AACA;AACA;;AAGe,SAASK,gBAAgBA,CAAA,EAAG;EAC1C,MAAM;IAAEC;EAAO,CAAC,GAAG,IAAAC,iBAAW,EAAEC,kBAAiB,CAAC;EAElD,MAAMC,SAAS,GAAG,IAAAC,eAAS,EAAIC,MAAM,IAAM;IAC1C,MAAMC,YAAY,GAAG,CAAC,CAAED,MAAM,CAAEH,kBAAiB,CAAC,CAACK,GAAG,CACrD,gBAAgB,EAChB,kBACD,CAAC;IACD,MAAMC,cAAc,GAAG,CAAC,CAAEH,MAAM,CAAEH,kBAAiB,CAAC,CAACK,GAAG,CACvD,gBAAgB,EAChB,cACD,CAAC;IACD,MAAM;MAAEE;IAAoB,CAAC,GAAGJ,MAAM,CAAEK,YAAc,CAAC;IACvD,OAAOJ,YAAY,IAAI,CAAEE,cAAc,IAAIC,mBAAmB,CAAC,CAAC;EACjE,CAAC,EAAE,EAAG,CAAC;EAEP,IAAK,CAAEN,SAAS,EAAG;IAClB,OAAO,IAAI;EACZ;EAEA,MAAMQ,OAAO,GAAG,IAAAC,QAAE,EAAE,gBAAiB,CAAC;EAEtC,OACC,IAAAC,MAAA,CAAAC,aAAA,EAACnB,WAAA,CAAAoB,KAAK;IACLC,SAAS,EAAC,oCAAoC;IAC9CC,YAAY,EAAGN,OAAS;IACxBO,gBAAgB,EAAG,IAAAN,QAAE,EAAE,UAAW,CAAG;IACrCO,QAAQ,EAAGA,CAAA,KAAMnB,MAAM,CAAE,gBAAgB,EAAE,kBAAmB,CAAG;IACjEoB,KAAK,EAAG,CACP;MACCC,KAAK,EACJ,IAAAR,MAAA,CAAAC,aAAA;QACCE,SAAS,EAAC,gCAAgC;QAC1CM,QAAQ;QACRC,IAAI;QACJC,KAAK;QACLC,KAAK,EAAC,KAAK;QACXC,MAAM,EAAC;MAAK,GAEZ,IAAAb,MAAA,CAAAC,aAAA;QACCa,GAAG,EAAC,2DAA2D;QAC/DC,IAAI,EAAC;MAAW,CAChB,CACK,CACP;MACDC,OAAO,EACN,IAAAhB,MAAA,CAAAC,aAAA,EAAAD,MAAA,CAAAiB,QAAA,QACC,IAAAjB,MAAA,CAAAC,aAAA;QAAIE,SAAS,EAAC;MAAkC,GAC7CL,OACC,CAAC,EACL,IAAAE,MAAA,CAAAC,aAAA;QAAGE,SAAS,EAAC;MAA+B,GACzC,IAAAJ,QAAE,EACH,uLACD,CACE,CACF;IAEJ,CAAC;EACC,CACH,CAAC;AAEJ"}

package/build/components/welcome-guide/styles.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = WelcomeGuideStyles;
-var _element = require("@wordpress/element");
+var _react = require("react");
 var _data = require("@wordpress/data");
 var _components = require("@wordpress/components");
 var _i18n = require("@wordpress/i18n");
@@ -39,51 +39,51 @@ function WelcomeGuideStyles() {
     return null;
   }
   const welcomeLabel = (0, _i18n.__)('Welcome to Styles');
-  return (0, _element.createElement)(_components.Guide, {
+  return (0, _react.createElement)(_components.Guide, {
     className: "edit-site-welcome-guide guide-styles",
     contentLabel: welcomeLabel,
     finishButtonText: (0, _i18n.__)('Get started'),
     onFinish: () => toggle('core/edit-site', 'welcomeGuideStyles'),
     pages: [{
-      image: (0, _element.createElement)(_image.default, {
+      image: (0, _react.createElement)(_image.default, {
         nonAnimatedSrc: "https://s.w.org/images/block-editor/welcome-to-styles.svg?1",
         animatedSrc: "https://s.w.org/images/block-editor/welcome-to-styles.gif?1"
       }),
-      content: (0, _element.createElement)(_element.Fragment, null, (0, _element.createElement)("h1", {
+      content: (0, _react.createElement)(_react.Fragment, null, (0, _react.createElement)("h1", {
         className: "edit-site-welcome-guide__heading"
-      }, welcomeLabel), (0, _element.createElement)("p", {
+      }, welcomeLabel), (0, _react.createElement)("p", {
         className: "edit-site-welcome-guide__text"
       }, (0, _i18n.__)('Tweak your site, or give it a whole new look! Get creative — how about a new color palette for your buttons, or choosing a new font? Take a look at what you can do here.')))
     }, {
-      image: (0, _element.createElement)(_image.default, {
+      image: (0, _react.createElement)(_image.default, {
         nonAnimatedSrc: "https://s.w.org/images/block-editor/set-the-design.svg?1",
         animatedSrc: "https://s.w.org/images/block-editor/set-the-design.gif?1"
       }),
-      content: (0, _element.createElement)(_element.Fragment, null, (0, _element.createElement)("h1", {
+      content: (0, _react.createElement)(_react.Fragment, null, (0, _react.createElement)("h1", {
         className: "edit-site-welcome-guide__heading"
-      }, (0, _i18n.__)('Set the design')), (0, _element.createElement)("p", {
+      }, (0, _i18n.__)('Set the design')), (0, _react.createElement)("p", {
         className: "edit-site-welcome-guide__text"
       }, (0, _i18n.__)('You can customize your site as much as you like with different colors, typography, and layouts. Or if you prefer, just leave it up to your theme to handle!')))
     }, {
-      image: (0, _element.createElement)(_image.default, {
+      image: (0, _react.createElement)(_image.default, {
         nonAnimatedSrc: "https://s.w.org/images/block-editor/personalize-blocks.svg?1",
         animatedSrc: "https://s.w.org/images/block-editor/personalize-blocks.gif?1"
       }),
-      content: (0, _element.createElement)(_element.Fragment, null, (0, _element.createElement)("h1", {
+      content: (0, _react.createElement)(_react.Fragment, null, (0, _react.createElement)("h1", {
         className: "edit-site-welcome-guide__heading"
-      }, (0, _i18n.__)('Personalize blocks')), (0, _element.createElement)("p", {
+      }, (0, _i18n.__)('Personalize blocks')), (0, _react.createElement)("p", {
         className: "edit-site-welcome-guide__text"
       }, (0, _i18n.__)('You can adjust your blocks to ensure a cohesive experience across your site — add your unique colors to a branded Button block, or adjust the Heading block to your preferred size.')))
     }, {
-      image: (0, _element.createElement)(_image.default, {
+      image: (0, _react.createElement)(_image.default, {
         nonAnimatedSrc: "https://s.w.org/images/block-editor/welcome-documentation.svg",
         animatedSrc: "https://s.w.org/images/block-editor/welcome-documentation.gif"
       }),
-      content: (0, _element.createElement)(_element.Fragment, null, (0, _element.createElement)("h1", {
+      content: (0, _react.createElement)(_react.Fragment, null, (0, _react.createElement)("h1", {
         className: "edit-site-welcome-guide__heading"
-      }, (0, _i18n.__)('Learn more')), (0, _element.createElement)("p", {
+      }, (0, _i18n.__)('Learn more')), (0, _react.createElement)("p", {
         className: "edit-site-welcome-guide__text"
-      }, (0, _i18n.__)('New to block themes and styling your site?'), (0, _element.createElement)(_components.ExternalLink, {
+      }, (0, _i18n.__)('New to block themes and styling your site?'), (0, _react.createElement)(_components.ExternalLink, {
         href: (0, _i18n.__)('https://wordpress.org/documentation/article/styles-overview/')
       }, (0, _i18n.__)('Here’s a detailed guide to learn how to make the most of it.'))))
     }]

package/build/components/welcome-guide/styles.js.map

@@ -1 +1 @@
-{"version":3,"names":["_data","require","_components","_i18n","_interface","_preferences","_image","_interopRequireDefault","_store","WelcomeGuideStyles","toggle","useDispatch","preferencesStore","isActive","isStylesOpen","useSelect","select","sidebar","interfaceStore","getActiveComplementaryArea","editSiteStore","name","get","welcomeLabel","__","_element","createElement","Guide","className","contentLabel","finishButtonText","onFinish","pages","image","default","nonAnimatedSrc","animatedSrc","content","Fragment","ExternalLink","href"],"sources":["@wordpress/edit-site/src/components/welcome-guide/styles.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useDispatch, useSelect } from '@wordpress/data';\nimport { ExternalLink, Guide } from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\nimport { store as interfaceStore } from '@wordpress/interface';\nimport { store as preferencesStore } from '@wordpress/preferences';\n\n/**\n * Internal dependencies\n */\nimport WelcomeGuideImage from './image';\nimport { store as editSiteStore } from '../../store';\n\nexport default function WelcomeGuideStyles() {\n\tconst { toggle } = useDispatch( preferencesStore );\n\n\tconst { isActive, isStylesOpen } = useSelect( ( select ) => {\n\t\tconst sidebar = select( interfaceStore ).getActiveComplementaryArea(\n\t\t\teditSiteStore.name\n\t\t);\n\n\t\treturn {\n\t\t\tisActive: !! select( preferencesStore ).get(\n\t\t\t\t'core/edit-site',\n\t\t\t\t'welcomeGuideStyles'\n\t\t\t),\n\t\t\tisStylesOpen: sidebar === 'edit-site/global-styles',\n\t\t};\n\t}, [] );\n\n\tif ( ! isActive || ! isStylesOpen ) {\n\t\treturn null;\n\t}\n\n\tconst welcomeLabel = __( 'Welcome to Styles' );\n\n\treturn (\n\t\t<Guide\n\t\t\tclassName=\"edit-site-welcome-guide guide-styles\"\n\t\t\tcontentLabel={ welcomeLabel }\n\t\t\tfinishButtonText={ __( 'Get started' ) }\n\t\t\tonFinish={ () => toggle( 'core/edit-site', 'welcomeGuideStyles' ) }\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-to-styles.svg?1\"\n\t\t\t\t\t\t\tanimatedSrc=\"https://s.w.org/images/block-editor/welcome-to-styles.gif?1\"\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-site-welcome-guide__heading\">\n\t\t\t\t\t\t\t\t{ welcomeLabel }\n\t\t\t\t\t\t\t</h1>\n\t\t\t\t\t\t\t<p className=\"edit-site-welcome-guide__text\">\n\t\t\t\t\t\t\t\t{ __(\n\t\t\t\t\t\t\t\t\t'Tweak your site, or give it a whole new look! Get creative — how about a new color palette for your buttons, or choosing a new font? Take a look at what you can do here.'\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/set-the-design.svg?1\"\n\t\t\t\t\t\t\tanimatedSrc=\"https://s.w.org/images/block-editor/set-the-design.gif?1\"\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-site-welcome-guide__heading\">\n\t\t\t\t\t\t\t\t{ __( 'Set the design' ) }\n\t\t\t\t\t\t\t</h1>\n\t\t\t\t\t\t\t<p className=\"edit-site-welcome-guide__text\">\n\t\t\t\t\t\t\t\t{ __(\n\t\t\t\t\t\t\t\t\t'You can customize your site as much as you like with different colors, typography, and layouts. Or if you prefer, just leave it up to your theme to handle!'\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/personalize-blocks.svg?1\"\n\t\t\t\t\t\t\tanimatedSrc=\"https://s.w.org/images/block-editor/personalize-blocks.gif?1\"\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-site-welcome-guide__heading\">\n\t\t\t\t\t\t\t\t{ __( 'Personalize blocks' ) }\n\t\t\t\t\t\t\t</h1>\n\t\t\t\t\t\t\t<p className=\"edit-site-welcome-guide__text\">\n\t\t\t\t\t\t\t\t{ __(\n\t\t\t\t\t\t\t\t\t'You can adjust your blocks to ensure a cohesive experience across your site — add your unique colors to a branded Button block, or adjust the Heading block to your preferred size.'\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-site-welcome-guide__heading\">\n\t\t\t\t\t\t\t\t{ __( 'Learn more' ) }\n\t\t\t\t\t\t\t</h1>\n\t\t\t\t\t\t\t<p className=\"edit-site-welcome-guide__text\">\n\t\t\t\t\t\t\t\t{ __(\n\t\t\t\t\t\t\t\t\t'New to block themes and styling your site?'\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/styles-overview/'\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{ __(\n\t\t\t\t\t\t\t\t\t\t'Here’s a detailed guide to learn how to make the most of it.'\n\t\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</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"],"mappings":";;;;;;;;AAGA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,WAAA,GAAAD,OAAA;AACA,IAAAE,KAAA,GAAAF,OAAA;AACA,IAAAG,UAAA,GAAAH,OAAA;AACA,IAAAI,YAAA,GAAAJ,OAAA;AAKA,IAAAK,MAAA,GAAAC,sBAAA,CAAAN,OAAA;AACA,IAAAO,MAAA,GAAAP,OAAA;AAbA;AACA;AACA;;AAOA;AACA;AACA;;AAIe,SAASQ,kBAAkBA,CAAA,EAAG;EAC5C,MAAM;IAAEC;EAAO,CAAC,GAAG,IAAAC,iBAAW,EAAEC,kBAAiB,CAAC;EAElD,MAAM;IAAEC,QAAQ;IAAEC;EAAa,CAAC,GAAG,IAAAC,eAAS,EAAIC,MAAM,IAAM;IAC3D,MAAMC,OAAO,GAAGD,MAAM,CAAEE,gBAAe,CAAC,CAACC,0BAA0B,CAClEC,YAAa,CAACC,IACf,CAAC;IAED,OAAO;MACNR,QAAQ,EAAE,CAAC,CAAEG,MAAM,CAAEJ,kBAAiB,CAAC,CAACU,GAAG,CAC1C,gBAAgB,EAChB,oBACD,CAAC;MACDR,YAAY,EAAEG,OAAO,KAAK;IAC3B,CAAC;EACF,CAAC,EAAE,EAAG,CAAC;EAEP,IAAK,CAAEJ,QAAQ,IAAI,CAAEC,YAAY,EAAG;IACnC,OAAO,IAAI;EACZ;EAEA,MAAMS,YAAY,GAAG,IAAAC,QAAE,EAAE,mBAAoB,CAAC;EAE9C,OACC,IAAAC,QAAA,CAAAC,aAAA,EAACxB,WAAA,CAAAyB,KAAK;IACLC,SAAS,EAAC,sCAAsC;IAChDC,YAAY,EAAGN,YAAc;IAC7BO,gBAAgB,EAAG,IAAAN,QAAE,EAAE,aAAc,CAAG;IACxCO,QAAQ,EAAGA,CAAA,KAAMrB,MAAM,CAAE,gBAAgB,EAAE,oBAAqB,CAAG;IACnEsB,KAAK,EAAG,CACP;MACCC,KAAK,EACJ,IAAAR,QAAA,CAAAC,aAAA,EAACpB,MAAA,CAAA4B,OAAiB;QACjBC,cAAc,EAAC,6DAA6D;QAC5EC,WAAW,EAAC;MAA6D,CACzE,CACD;MACDC,OAAO,EACN,IAAAZ,QAAA,CAAAC,aAAA,EAAAD,QAAA,CAAAa,QAAA,QACC,IAAAb,QAAA,CAAAC,aAAA;QAAIE,SAAS,EAAC;MAAkC,GAC7CL,YACC,CAAC,EACL,IAAAE,QAAA,CAAAC,aAAA;QAAGE,SAAS,EAAC;MAA+B,GACzC,IAAAJ,QAAE,EACH,2KACD,CACE,CACF;IAEJ,CAAC,EACD;MACCS,KAAK,EACJ,IAAAR,QAAA,CAAAC,aAAA,EAACpB,MAAA,CAAA4B,OAAiB;QACjBC,cAAc,EAAC,0DAA0D;QACzEC,WAAW,EAAC;MAA0D,CACtE,CACD;MACDC,OAAO,EACN,IAAAZ,QAAA,CAAAC,aAAA,EAAAD,QAAA,CAAAa,QAAA,QACC,IAAAb,QAAA,CAAAC,aAAA;QAAIE,SAAS,EAAC;MAAkC,GAC7C,IAAAJ,QAAE,EAAE,gBAAiB,CACpB,CAAC,EACL,IAAAC,QAAA,CAAAC,aAAA;QAAGE,SAAS,EAAC;MAA+B,GACzC,IAAAJ,QAAE,EACH,6JACD,CACE,CACF;IAEJ,CAAC,EACD;MACCS,KAAK,EACJ,IAAAR,QAAA,CAAAC,aAAA,EAACpB,MAAA,CAAA4B,OAAiB;QACjBC,cAAc,EAAC,8DAA8D;QAC7EC,WAAW,EAAC;MAA8D,CAC1E,CACD;MACDC,OAAO,EACN,IAAAZ,QAAA,CAAAC,aAAA,EAAAD,QAAA,CAAAa,QAAA,QACC,IAAAb,QAAA,CAAAC,aAAA;QAAIE,SAAS,EAAC;MAAkC,GAC7C,IAAAJ,QAAE,EAAE,oBAAqB,CACxB,CAAC,EACL,IAAAC,QAAA,CAAAC,aAAA;QAAGE,SAAS,EAAC;MAA+B,GACzC,IAAAJ,QAAE,EACH,qLACD,CACE,CACF;IAEJ,CAAC,EACD;MACCS,KAAK,EACJ,IAAAR,QAAA,CAAAC,aAAA,EAACpB,MAAA,CAAA4B,OAAiB;QACjBC,cAAc,EAAC,+DAA+D;QAC9EC,WAAW,EAAC;MAA+D,CAC3E,CACD;MACDC,OAAO,EACN,IAAAZ,QAAA,CAAAC,aAAA,EAAAD,QAAA,CAAAa,QAAA,QACC,IAAAb,QAAA,CAAAC,aAAA;QAAIE,SAAS,EAAC;MAAkC,GAC7C,IAAAJ,QAAE,EAAE,YAAa,CAChB,CAAC,EACL,IAAAC,QAAA,CAAAC,aAAA;QAAGE,SAAS,EAAC;MAA+B,GACzC,IAAAJ,QAAE,EACH,4CACD,CAAC,EACD,IAAAC,QAAA,CAAAC,aAAA,EAACxB,WAAA,CAAAqC,YAAY;QACZC,IAAI,EAAG,IAAAhB,QAAE,EACR,8DACD;MAAG,GAED,IAAAA,QAAE,EACH,8DACD,CACa,CACZ,CACF;IAEJ,CAAC;EACC,CACH,CAAC;AAEJ"}
+{"version":3,"names":["_data","require","_components","_i18n","_interface","_preferences","_image","_interopRequireDefault","_store","WelcomeGuideStyles","toggle","useDispatch","preferencesStore","isActive","isStylesOpen","useSelect","select","sidebar","interfaceStore","getActiveComplementaryArea","editSiteStore","name","get","welcomeLabel","__","_react","createElement","Guide","className","contentLabel","finishButtonText","onFinish","pages","image","default","nonAnimatedSrc","animatedSrc","content","Fragment","ExternalLink","href"],"sources":["@wordpress/edit-site/src/components/welcome-guide/styles.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useDispatch, useSelect } from '@wordpress/data';\nimport { ExternalLink, Guide } from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\nimport { store as interfaceStore } from '@wordpress/interface';\nimport { store as preferencesStore } from '@wordpress/preferences';\n\n/**\n * Internal dependencies\n */\nimport WelcomeGuideImage from './image';\nimport { store as editSiteStore } from '../../store';\n\nexport default function WelcomeGuideStyles() {\n\tconst { toggle } = useDispatch( preferencesStore );\n\n\tconst { isActive, isStylesOpen } = useSelect( ( select ) => {\n\t\tconst sidebar = select( interfaceStore ).getActiveComplementaryArea(\n\t\t\teditSiteStore.name\n\t\t);\n\n\t\treturn {\n\t\t\tisActive: !! select( preferencesStore ).get(\n\t\t\t\t'core/edit-site',\n\t\t\t\t'welcomeGuideStyles'\n\t\t\t),\n\t\t\tisStylesOpen: sidebar === 'edit-site/global-styles',\n\t\t};\n\t}, [] );\n\n\tif ( ! isActive || ! isStylesOpen ) {\n\t\treturn null;\n\t}\n\n\tconst welcomeLabel = __( 'Welcome to Styles' );\n\n\treturn (\n\t\t<Guide\n\t\t\tclassName=\"edit-site-welcome-guide guide-styles\"\n\t\t\tcontentLabel={ welcomeLabel }\n\t\t\tfinishButtonText={ __( 'Get started' ) }\n\t\t\tonFinish={ () => toggle( 'core/edit-site', 'welcomeGuideStyles' ) }\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-to-styles.svg?1\"\n\t\t\t\t\t\t\tanimatedSrc=\"https://s.w.org/images/block-editor/welcome-to-styles.gif?1\"\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-site-welcome-guide__heading\">\n\t\t\t\t\t\t\t\t{ welcomeLabel }\n\t\t\t\t\t\t\t</h1>\n\t\t\t\t\t\t\t<p className=\"edit-site-welcome-guide__text\">\n\t\t\t\t\t\t\t\t{ __(\n\t\t\t\t\t\t\t\t\t'Tweak your site, or give it a whole new look! Get creative — how about a new color palette for your buttons, or choosing a new font? Take a look at what you can do here.'\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/set-the-design.svg?1\"\n\t\t\t\t\t\t\tanimatedSrc=\"https://s.w.org/images/block-editor/set-the-design.gif?1\"\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-site-welcome-guide__heading\">\n\t\t\t\t\t\t\t\t{ __( 'Set the design' ) }\n\t\t\t\t\t\t\t</h1>\n\t\t\t\t\t\t\t<p className=\"edit-site-welcome-guide__text\">\n\t\t\t\t\t\t\t\t{ __(\n\t\t\t\t\t\t\t\t\t'You can customize your site as much as you like with different colors, typography, and layouts. Or if you prefer, just leave it up to your theme to handle!'\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/personalize-blocks.svg?1\"\n\t\t\t\t\t\t\tanimatedSrc=\"https://s.w.org/images/block-editor/personalize-blocks.gif?1\"\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-site-welcome-guide__heading\">\n\t\t\t\t\t\t\t\t{ __( 'Personalize blocks' ) }\n\t\t\t\t\t\t\t</h1>\n\t\t\t\t\t\t\t<p className=\"edit-site-welcome-guide__text\">\n\t\t\t\t\t\t\t\t{ __(\n\t\t\t\t\t\t\t\t\t'You can adjust your blocks to ensure a cohesive experience across your site — add your unique colors to a branded Button block, or adjust the Heading block to your preferred size.'\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-site-welcome-guide__heading\">\n\t\t\t\t\t\t\t\t{ __( 'Learn more' ) }\n\t\t\t\t\t\t\t</h1>\n\t\t\t\t\t\t\t<p className=\"edit-site-welcome-guide__text\">\n\t\t\t\t\t\t\t\t{ __(\n\t\t\t\t\t\t\t\t\t'New to block themes and styling your site?'\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/styles-overview/'\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{ __(\n\t\t\t\t\t\t\t\t\t\t'Here’s a detailed guide to learn how to make the most of it.'\n\t\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</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"],"mappings":"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"}

package/build/components/welcome-guide/template.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = WelcomeGuideTemplate;
-var _element = require("@wordpress/element");
+var _react = require("react");
 var _data = require("@wordpress/data");
 var _components = require("@wordpress/components");
 var _i18n = require("@wordpress/i18n");
@@ -35,26 +35,26 @@ function WelcomeGuideTemplate() {
     return null;
   }
   const heading = (0, _i18n.__)('Editing a template');
-  return (0, _element.createElement)(_components.Guide, {
+  return (0, _react.createElement)(_components.Guide, {
     className: "edit-site-welcome-guide guide-template",
     contentLabel: heading,
     finishButtonText: (0, _i18n.__)('Continue'),
     onFinish: () => toggle('core/edit-site', 'welcomeGuideTemplate'),
     pages: [{
-      image: (0, _element.createElement)("video", {
+      image: (0, _react.createElement)("video", {
         className: "edit-site-welcome-guide__video",
         autoPlay: true,
         loop: true,
         muted: true,
         width: "312",
         height: "240"
-      }, (0, _element.createElement)("source", {
+      }, (0, _react.createElement)("source", {
         src: "https://s.w.org/images/block-editor/editing-your-template.mp4",
         type: "video/mp4"
       })),
-      content: (0, _element.createElement)(_element.Fragment, null, (0, _element.createElement)("h1", {
+      content: (0, _react.createElement)(_react.Fragment, null, (0, _react.createElement)("h1", {
         className: "edit-site-welcome-guide__heading"
-      }, heading), (0, _element.createElement)("p", {
+      }, heading), (0, _react.createElement)("p", {
         className: "edit-site-welcome-guide__text"
       }, (0, _i18n.__)('Note that the same template can be used by multiple pages, so any changes made here may affect other pages on the site. To switch back to editing the page content click the ‘Back’ button in the toolbar.')))
     }]

package/build/components/welcome-guide/template.js.map

@@ -1 +1 @@
-{"version":3,"names":["_data","require","_components","_i18n","_preferences","_store","WelcomeGuideTemplate","toggle","useDispatch","preferencesStore","isVisible","useSelect","select","isTemplateActive","get","isEditorActive","isPage","hasPageContentFocus","editSiteStore","heading","__","_element","createElement","Guide","className","contentLabel","finishButtonText","onFinish","pages","image","autoPlay","loop","muted","width","height","src","type","content","Fragment"],"sources":["@wordpress/edit-site/src/components/welcome-guide/template.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useDispatch, useSelect } from '@wordpress/data';\nimport { Guide } from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\nimport { store as preferencesStore } from '@wordpress/preferences';\n\n/**\n * Internal dependencies\n */\nimport { store as editSiteStore } from '../../store';\n\nexport default function WelcomeGuideTemplate() {\n\tconst { toggle } = useDispatch( preferencesStore );\n\n\tconst isVisible = useSelect( ( select ) => {\n\t\tconst isTemplateActive = !! select( preferencesStore ).get(\n\t\t\t'core/edit-site',\n\t\t\t'welcomeGuideTemplate'\n\t\t);\n\t\tconst isEditorActive = !! select( preferencesStore ).get(\n\t\t\t'core/edit-site',\n\t\t\t'welcomeGuide'\n\t\t);\n\t\tconst { isPage, hasPageContentFocus } = select( editSiteStore );\n\t\treturn (\n\t\t\tisTemplateActive &&\n\t\t\t! isEditorActive &&\n\t\t\tisPage() &&\n\t\t\t! hasPageContentFocus()\n\t\t);\n\t}, [] );\n\n\tif ( ! isVisible ) {\n\t\treturn null;\n\t}\n\n\tconst heading = __( 'Editing a template' );\n\n\treturn (\n\t\t<Guide\n\t\t\tclassName=\"edit-site-welcome-guide guide-template\"\n\t\t\tcontentLabel={ heading }\n\t\t\tfinishButtonText={ __( 'Continue' ) }\n\t\t\tonFinish={ () =>\n\t\t\t\ttoggle( 'core/edit-site', 'welcomeGuideTemplate' )\n\t\t\t}\n\t\t\tpages={ [\n\t\t\t\t{\n\t\t\t\t\timage: (\n\t\t\t\t\t\t<video\n\t\t\t\t\t\t\tclassName=\"edit-site-welcome-guide__video\"\n\t\t\t\t\t\t\tautoPlay\n\t\t\t\t\t\t\tloop\n\t\t\t\t\t\t\tmuted\n\t\t\t\t\t\t\twidth=\"312\"\n\t\t\t\t\t\t\theight=\"240\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<source\n\t\t\t\t\t\t\t\tsrc=\"https://s.w.org/images/block-editor/editing-your-template.mp4\"\n\t\t\t\t\t\t\t\ttype=\"video/mp4\"\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</video>\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-site-welcome-guide__heading\">\n\t\t\t\t\t\t\t\t{ heading }\n\t\t\t\t\t\t\t</h1>\n\t\t\t\t\t\t\t<p className=\"edit-site-welcome-guide__text\">\n\t\t\t\t\t\t\t\t{ __(\n\t\t\t\t\t\t\t\t\t'Note that the same template can be used by multiple pages, so any changes made here may affect other pages on the site. To switch back to editing the page content click the ‘Back’ button in the toolbar.'\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"],"mappings":";;;;;;;AAGA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,WAAA,GAAAD,OAAA;AACA,IAAAE,KAAA,GAAAF,OAAA;AACA,IAAAG,YAAA,GAAAH,OAAA;AAKA,IAAAI,MAAA,GAAAJ,OAAA;AAXA;AACA;AACA;;AAMA;AACA;AACA;;AAGe,SAASK,oBAAoBA,CAAA,EAAG;EAC9C,MAAM;IAAEC;EAAO,CAAC,GAAG,IAAAC,iBAAW,EAAEC,kBAAiB,CAAC;EAElD,MAAMC,SAAS,GAAG,IAAAC,eAAS,EAAIC,MAAM,IAAM;IAC1C,MAAMC,gBAAgB,GAAG,CAAC,CAAED,MAAM,CAAEH,kBAAiB,CAAC,CAACK,GAAG,CACzD,gBAAgB,EAChB,sBACD,CAAC;IACD,MAAMC,cAAc,GAAG,CAAC,CAAEH,MAAM,CAAEH,kBAAiB,CAAC,CAACK,GAAG,CACvD,gBAAgB,EAChB,cACD,CAAC;IACD,MAAM;MAAEE,MAAM;MAAEC;IAAoB,CAAC,GAAGL,MAAM,CAAEM,YAAc,CAAC;IAC/D,OACCL,gBAAgB,IAChB,CAAEE,cAAc,IAChBC,MAAM,CAAC,CAAC,IACR,CAAEC,mBAAmB,CAAC,CAAC;EAEzB,CAAC,EAAE,EAAG,CAAC;EAEP,IAAK,CAAEP,SAAS,EAAG;IAClB,OAAO,IAAI;EACZ;EAEA,MAAMS,OAAO,GAAG,IAAAC,QAAE,EAAE,oBAAqB,CAAC;EAE1C,OACC,IAAAC,QAAA,CAAAC,aAAA,EAACpB,WAAA,CAAAqB,KAAK;IACLC,SAAS,EAAC,wCAAwC;IAClDC,YAAY,EAAGN,OAAS;IACxBO,gBAAgB,EAAG,IAAAN,QAAE,EAAE,UAAW,CAAG;IACrCO,QAAQ,EAAGA,CAAA,KACVpB,MAAM,CAAE,gBAAgB,EAAE,sBAAuB,CACjD;IACDqB,KAAK,EAAG,CACP;MACCC,KAAK,EACJ,IAAAR,QAAA,CAAAC,aAAA;QACCE,SAAS,EAAC,gCAAgC;QAC1CM,QAAQ;QACRC,IAAI;QACJC,KAAK;QACLC,KAAK,EAAC,KAAK;QACXC,MAAM,EAAC;MAAK,GAEZ,IAAAb,QAAA,CAAAC,aAAA;QACCa,GAAG,EAAC,+DAA+D;QACnEC,IAAI,EAAC;MAAW,CAChB,CACK,CACP;MACDC,OAAO,EACN,IAAAhB,QAAA,CAAAC,aAAA,EAAAD,QAAA,CAAAiB,QAAA,QACC,IAAAjB,QAAA,CAAAC,aAAA;QAAIE,SAAS,EAAC;MAAkC,GAC7CL,OACC,CAAC,EACL,IAAAE,QAAA,CAAAC,aAAA;QAAGE,SAAS,EAAC;MAA+B,GACzC,IAAAJ,QAAE,EACH,4MACD,CACE,CACF;IAEJ,CAAC;EACC,CACH,CAAC;AAEJ"}
+{"version":3,"names":["_data","require","_components","_i18n","_preferences","_store","WelcomeGuideTemplate","toggle","useDispatch","preferencesStore","isVisible","useSelect","select","isTemplateActive","get","isEditorActive","isPage","hasPageContentFocus","editSiteStore","heading","__","_react","createElement","Guide","className","contentLabel","finishButtonText","onFinish","pages","image","autoPlay","loop","muted","width","height","src","type","content","Fragment"],"sources":["@wordpress/edit-site/src/components/welcome-guide/template.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useDispatch, useSelect } from '@wordpress/data';\nimport { Guide } from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\nimport { store as preferencesStore } from '@wordpress/preferences';\n\n/**\n * Internal dependencies\n */\nimport { store as editSiteStore } from '../../store';\n\nexport default function WelcomeGuideTemplate() {\n\tconst { toggle } = useDispatch( preferencesStore );\n\n\tconst isVisible = useSelect( ( select ) => {\n\t\tconst isTemplateActive = !! select( preferencesStore ).get(\n\t\t\t'core/edit-site',\n\t\t\t'welcomeGuideTemplate'\n\t\t);\n\t\tconst isEditorActive = !! select( preferencesStore ).get(\n\t\t\t'core/edit-site',\n\t\t\t'welcomeGuide'\n\t\t);\n\t\tconst { isPage, hasPageContentFocus } = select( editSiteStore );\n\t\treturn (\n\t\t\tisTemplateActive &&\n\t\t\t! isEditorActive &&\n\t\t\tisPage() &&\n\t\t\t! hasPageContentFocus()\n\t\t);\n\t}, [] );\n\n\tif ( ! isVisible ) {\n\t\treturn null;\n\t}\n\n\tconst heading = __( 'Editing a template' );\n\n\treturn (\n\t\t<Guide\n\t\t\tclassName=\"edit-site-welcome-guide guide-template\"\n\t\t\tcontentLabel={ heading }\n\t\t\tfinishButtonText={ __( 'Continue' ) }\n\t\t\tonFinish={ () =>\n\t\t\t\ttoggle( 'core/edit-site', 'welcomeGuideTemplate' )\n\t\t\t}\n\t\t\tpages={ [\n\t\t\t\t{\n\t\t\t\t\timage: (\n\t\t\t\t\t\t<video\n\t\t\t\t\t\t\tclassName=\"edit-site-welcome-guide__video\"\n\t\t\t\t\t\t\tautoPlay\n\t\t\t\t\t\t\tloop\n\t\t\t\t\t\t\tmuted\n\t\t\t\t\t\t\twidth=\"312\"\n\t\t\t\t\t\t\theight=\"240\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<source\n\t\t\t\t\t\t\t\tsrc=\"https://s.w.org/images/block-editor/editing-your-template.mp4\"\n\t\t\t\t\t\t\t\ttype=\"video/mp4\"\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</video>\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-site-welcome-guide__heading\">\n\t\t\t\t\t\t\t\t{ heading }\n\t\t\t\t\t\t\t</h1>\n\t\t\t\t\t\t\t<p className=\"edit-site-welcome-guide__text\">\n\t\t\t\t\t\t\t\t{ __(\n\t\t\t\t\t\t\t\t\t'Note that the same template can be used by multiple pages, so any changes made here may affect other pages on the site. To switch back to editing the page content click the ‘Back’ button in the toolbar.'\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"],"mappings":";;;;;;;AAGA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,WAAA,GAAAD,OAAA;AACA,IAAAE,KAAA,GAAAF,OAAA;AACA,IAAAG,YAAA,GAAAH,OAAA;AAKA,IAAAI,MAAA,GAAAJ,OAAA;AAXA;AACA;AACA;;AAMA;AACA;AACA;;AAGe,SAASK,oBAAoBA,CAAA,EAAG;EAC9C,MAAM;IAAEC;EAAO,CAAC,GAAG,IAAAC,iBAAW,EAAEC,kBAAiB,CAAC;EAElD,MAAMC,SAAS,GAAG,IAAAC,eAAS,EAAIC,MAAM,IAAM;IAC1C,MAAMC,gBAAgB,GAAG,CAAC,CAAED,MAAM,CAAEH,kBAAiB,CAAC,CAACK,GAAG,CACzD,gBAAgB,EAChB,sBACD,CAAC;IACD,MAAMC,cAAc,GAAG,CAAC,CAAEH,MAAM,CAAEH,kBAAiB,CAAC,CAACK,GAAG,CACvD,gBAAgB,EAChB,cACD,CAAC;IACD,MAAM;MAAEE,MAAM;MAAEC;IAAoB,CAAC,GAAGL,MAAM,CAAEM,YAAc,CAAC;IAC/D,OACCL,gBAAgB,IAChB,CAAEE,cAAc,IAChBC,MAAM,CAAC,CAAC,IACR,CAAEC,mBAAmB,CAAC,CAAC;EAEzB,CAAC,EAAE,EAAG,CAAC;EAEP,IAAK,CAAEP,SAAS,EAAG;IAClB,OAAO,IAAI;EACZ;EAEA,MAAMS,OAAO,GAAG,IAAAC,QAAE,EAAE,oBAAqB,CAAC;EAE1C,OACC,IAAAC,MAAA,CAAAC,aAAA,EAACpB,WAAA,CAAAqB,KAAK;IACLC,SAAS,EAAC,wCAAwC;IAClDC,YAAY,EAAGN,OAAS;IACxBO,gBAAgB,EAAG,IAAAN,QAAE,EAAE,UAAW,CAAG;IACrCO,QAAQ,EAAGA,CAAA,KACVpB,MAAM,CAAE,gBAAgB,EAAE,sBAAuB,CACjD;IACDqB,KAAK,EAAG,CACP;MACCC,KAAK,EACJ,IAAAR,MAAA,CAAAC,aAAA;QACCE,SAAS,EAAC,gCAAgC;QAC1CM,QAAQ;QACRC,IAAI;QACJC,KAAK;QACLC,KAAK,EAAC,KAAK;QACXC,MAAM,EAAC;MAAK,GAEZ,IAAAb,MAAA,CAAAC,aAAA;QACCa,GAAG,EAAC,+DAA+D;QACnEC,IAAI,EAAC;MAAW,CAChB,CACK,CACP;MACDC,OAAO,EACN,IAAAhB,MAAA,CAAAC,aAAA,EAAAD,MAAA,CAAAiB,QAAA,QACC,IAAAjB,MAAA,CAAAC,aAAA;QAAIE,SAAS,EAAC;MAAkC,GAC7CL,OACC,CAAC,EACL,IAAAE,MAAA,CAAAC,aAAA;QAAGE,SAAS,EAAC;MAA+B,GACzC,IAAAJ,QAAE,EACH,4MACD,CACE,CACF;IAEJ,CAAC;EACC,CACH,CAAC;AAEJ"}

package/build/hooks/commands/use-common-commands.js

@@ -144,8 +144,8 @@ function useGlobalStylesResetCommands() {
     }
     return [{
       name: 'core/edit-site/reset-global-styles',
-      label: (0, _i18n.__)('Reset styles to defaults'),
-      icon: _icons.trash,
+      label: (0, _i18n.__)('Reset styles'),
+      icon: (0, _i18n.isRTL)() ? _icons.rotateRight : _icons.rotateLeft,
       callback: ({
         close
       }) => {

package/build/hooks/commands/use-common-commands.js.map

@@ -1 +1 @@
-{"version":3,"names":["_element","require","_data","_i18n","_icons","_commands","_blockEditor","_router","_preferences","_coreData","_compose","_lockUnlock","_store","_getIsListPage","_interopRequireDefault","useGlobalStylesReset","unlock","blockEditorPrivateApis","useHistory","useLocation","routerPrivateApis","useGlobalStylesOpenStylesCommands","openGeneralSidebar","setCanvasMode","useDispatch","editSiteStore","params","isMobileViewport","useViewportMatch","isEditorPage","getIsListPage","getCanvasMode","useSelect","history","isBlockBasedTheme","select","coreStore","getCurrentTheme","is_block_theme","commands","useMemo","name","label","__","callback","close","push","path","canvas","icon","styles","isLoading","useGlobalStylesToggleWelcomeGuideCommands","set","preferencesStore","setTimeout","help","useGlobalStylesResetCommands","canReset","onReset","trash","useGlobalStylesOpenCssCommands","setEditorCanvasContainerView","isListPage","canEditCSS","_globalStyles$_links$","getEntityRecord","__experimentalGetCurrentGlobalStylesId","globalStylesId","globalStyles","undefined","_links","brush","useGlobalStylesOpenRevisionsCommands","hasRevisions","getCurrentThemeGlobalStylesRevisions","length","backup","useCommonCommands","homeUrl","getUnstableBase","home","useCommand","window","open","external","useCommandLoader","hook"],"sources":["@wordpress/edit-site/src/hooks/commands/use-common-commands.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useMemo } from '@wordpress/element';\nimport { useDispatch, useSelect } from '@wordpress/data';\nimport { __ } from '@wordpress/i18n';\nimport { trash, backup, help, styles, external, brush } from '@wordpress/icons';\nimport { useCommandLoader, useCommand } from '@wordpress/commands';\nimport { privateApis as blockEditorPrivateApis } from '@wordpress/block-editor';\nimport { privateApis as routerPrivateApis } from '@wordpress/router';\nimport { store as preferencesStore } from '@wordpress/preferences';\nimport { store as coreStore } from '@wordpress/core-data';\nimport { useViewportMatch } from '@wordpress/compose';\n\n/**\n * Internal dependencies\n */\nimport { unlock } from '../../lock-unlock';\nimport { store as editSiteStore } from '../../store';\nimport getIsListPage from '../../utils/get-is-list-page';\n\nconst { useGlobalStylesReset } = unlock( blockEditorPrivateApis );\nconst { useHistory, useLocation } = unlock( routerPrivateApis );\n\nfunction useGlobalStylesOpenStylesCommands() {\n\tconst { openGeneralSidebar, setCanvasMode } = unlock(\n\t\tuseDispatch( editSiteStore )\n\t);\n\tconst { params } = useLocation();\n\tconst isMobileViewport = useViewportMatch( 'medium', '<' );\n\tconst isEditorPage = ! getIsListPage( params, isMobileViewport );\n\tconst { getCanvasMode } = unlock( useSelect( editSiteStore ) );\n\tconst history = useHistory();\n\n\tconst isBlockBasedTheme = useSelect( ( select ) => {\n\t\treturn select( coreStore ).getCurrentTheme().is_block_theme;\n\t}, [] );\n\n\tconst commands = useMemo( () => {\n\t\tif ( ! isBlockBasedTheme ) {\n\t\t\treturn [];\n\t\t}\n\n\t\treturn [\n\t\t\t{\n\t\t\t\tname: 'core/edit-site/open-styles',\n\t\t\t\tlabel: __( 'Open styles' ),\n\t\t\t\tcallback: ( { close } ) => {\n\t\t\t\t\tclose();\n\t\t\t\t\tif ( ! isEditorPage ) {\n\t\t\t\t\t\thistory.push( {\n\t\t\t\t\t\t\tpath: '/wp_global_styles',\n\t\t\t\t\t\t\tcanvas: 'edit',\n\t\t\t\t\t\t} );\n\t\t\t\t\t}\n\t\t\t\t\tif ( isEditorPage && getCanvasMode() !== 'edit' ) {\n\t\t\t\t\t\tsetCanvasMode( 'edit' );\n\t\t\t\t\t}\n\t\t\t\t\topenGeneralSidebar( 'edit-site/global-styles' );\n\t\t\t\t},\n\t\t\t\ticon: styles,\n\t\t\t},\n\t\t];\n\t}, [\n\t\thistory,\n\t\topenGeneralSidebar,\n\t\tsetCanvasMode,\n\t\tisEditorPage,\n\t\tgetCanvasMode,\n\t\tisBlockBasedTheme,\n\t] );\n\n\treturn {\n\t\tisLoading: false,\n\t\tcommands,\n\t};\n}\n\nfunction useGlobalStylesToggleWelcomeGuideCommands() {\n\tconst { openGeneralSidebar, setCanvasMode } = unlock(\n\t\tuseDispatch( editSiteStore )\n\t);\n\tconst { params } = useLocation();\n\tconst isMobileViewport = useViewportMatch( 'medium', '<' );\n\tconst isEditorPage = ! getIsListPage( params, isMobileViewport );\n\tconst { getCanvasMode } = unlock( useSelect( editSiteStore ) );\n\tconst { set } = useDispatch( preferencesStore );\n\n\tconst history = useHistory();\n\tconst isBlockBasedTheme = useSelect( ( select ) => {\n\t\treturn select( coreStore ).getCurrentTheme().is_block_theme;\n\t}, [] );\n\n\tconst commands = useMemo( () => {\n\t\tif ( ! isBlockBasedTheme ) {\n\t\t\treturn [];\n\t\t}\n\n\t\treturn [\n\t\t\t{\n\t\t\t\tname: 'core/edit-site/toggle-styles-welcome-guide',\n\t\t\t\tlabel: __( 'Learn about styles' ),\n\t\t\t\tcallback: ( { close } ) => {\n\t\t\t\t\tclose();\n\t\t\t\t\tif ( ! isEditorPage ) {\n\t\t\t\t\t\thistory.push( {\n\t\t\t\t\t\t\tpath: '/wp_global_styles',\n\t\t\t\t\t\t\tcanvas: 'edit',\n\t\t\t\t\t\t} );\n\t\t\t\t\t}\n\t\t\t\t\tif ( isEditorPage && getCanvasMode() !== 'edit' ) {\n\t\t\t\t\t\tsetCanvasMode( 'edit' );\n\t\t\t\t\t}\n\t\t\t\t\topenGeneralSidebar( 'edit-site/global-styles' );\n\t\t\t\t\tset( 'core/edit-site', 'welcomeGuideStyles', true );\n\t\t\t\t\t// sometimes there's a focus loss that happens after some time\n\t\t\t\t\t// that closes the modal, we need to force reopening it.\n\t\t\t\t\tsetTimeout( () => {\n\t\t\t\t\t\tset( 'core/edit-site', 'welcomeGuideStyles', true );\n\t\t\t\t\t}, 500 );\n\t\t\t\t},\n\t\t\t\ticon: help,\n\t\t\t},\n\t\t];\n\t}, [\n\t\thistory,\n\t\topenGeneralSidebar,\n\t\tsetCanvasMode,\n\t\tisEditorPage,\n\t\tgetCanvasMode,\n\t\tisBlockBasedTheme,\n\t\tset,\n\t] );\n\n\treturn {\n\t\tisLoading: false,\n\t\tcommands,\n\t};\n}\n\nfunction useGlobalStylesResetCommands() {\n\tconst [ canReset, onReset ] = useGlobalStylesReset();\n\tconst commands = useMemo( () => {\n\t\tif ( ! canReset ) {\n\t\t\treturn [];\n\t\t}\n\n\t\treturn [\n\t\t\t{\n\t\t\t\tname: 'core/edit-site/reset-global-styles',\n\t\t\t\tlabel: __( 'Reset styles to defaults' ),\n\t\t\t\ticon: trash,\n\t\t\t\tcallback: ( { close } ) => {\n\t\t\t\t\tclose();\n\t\t\t\t\tonReset();\n\t\t\t\t},\n\t\t\t},\n\t\t];\n\t}, [ canReset, onReset ] );\n\n\treturn {\n\t\tisLoading: false,\n\t\tcommands,\n\t};\n}\n\nfunction useGlobalStylesOpenCssCommands() {\n\tconst { openGeneralSidebar, setEditorCanvasContainerView, setCanvasMode } =\n\t\tunlock( useDispatch( editSiteStore ) );\n\tconst { params } = useLocation();\n\tconst isMobileViewport = useViewportMatch( 'medium', '<' );\n\tconst isListPage = getIsListPage( params, isMobileViewport );\n\tconst isEditorPage = ! isListPage;\n\tconst history = useHistory();\n\tconst { canEditCSS } = useSelect( ( select ) => {\n\t\tconst { getEntityRecord, __experimentalGetCurrentGlobalStylesId } =\n\t\t\tselect( coreStore );\n\n\t\tconst globalStylesId = __experimentalGetCurrentGlobalStylesId();\n\t\tconst globalStyles = globalStylesId\n\t\t\t? getEntityRecord( 'root', 'globalStyles', globalStylesId )\n\t\t\t: undefined;\n\n\t\treturn {\n\t\t\tcanEditCSS:\n\t\t\t\t!! globalStyles?._links?.[ 'wp:action-edit-css' ] ?? false,\n\t\t};\n\t}, [] );\n\tconst { getCanvasMode } = unlock( useSelect( editSiteStore ) );\n\n\tconst commands = useMemo( () => {\n\t\tif ( ! canEditCSS ) {\n\t\t\treturn [];\n\t\t}\n\n\t\treturn [\n\t\t\t{\n\t\t\t\tname: 'core/edit-site/open-styles-css',\n\t\t\t\tlabel: __( 'Customize CSS' ),\n\t\t\t\ticon: brush,\n\t\t\t\tcallback: ( { close } ) => {\n\t\t\t\t\tclose();\n\t\t\t\t\tif ( ! isEditorPage ) {\n\t\t\t\t\t\thistory.push( {\n\t\t\t\t\t\t\tpath: '/wp_global_styles',\n\t\t\t\t\t\t\tcanvas: 'edit',\n\t\t\t\t\t\t} );\n\t\t\t\t\t}\n\t\t\t\t\tif ( isEditorPage && getCanvasMode() !== 'edit' ) {\n\t\t\t\t\t\tsetCanvasMode( 'edit' );\n\t\t\t\t\t}\n\t\t\t\t\topenGeneralSidebar( 'edit-site/global-styles' );\n\t\t\t\t\tsetEditorCanvasContainerView( 'global-styles-css' );\n\t\t\t\t},\n\t\t\t},\n\t\t];\n\t}, [\n\t\thistory,\n\t\topenGeneralSidebar,\n\t\tsetEditorCanvasContainerView,\n\t\tcanEditCSS,\n\t\tisEditorPage,\n\t\tgetCanvasMode,\n\t\tsetCanvasMode,\n\t] );\n\treturn {\n\t\tisLoading: false,\n\t\tcommands,\n\t};\n}\n\nfunction useGlobalStylesOpenRevisionsCommands() {\n\tconst { openGeneralSidebar, setEditorCanvasContainerView, setCanvasMode } =\n\t\tunlock( useDispatch( editSiteStore ) );\n\tconst { getCanvasMode } = unlock( useSelect( editSiteStore ) );\n\tconst { params } = useLocation();\n\tconst isMobileViewport = useViewportMatch( 'medium', '<' );\n\tconst isEditorPage = ! getIsListPage( params, isMobileViewport );\n\tconst history = useHistory();\n\tconst hasRevisions = useSelect(\n\t\t( select ) =>\n\t\t\tselect( coreStore ).getCurrentThemeGlobalStylesRevisions()?.length,\n\t\t[]\n\t);\n\tconst commands = useMemo( () => {\n\t\tif ( ! hasRevisions ) {\n\t\t\treturn [];\n\t\t}\n\n\t\treturn [\n\t\t\t{\n\t\t\t\tname: 'core/edit-site/open-global-styles-revisions',\n\t\t\t\tlabel: __( 'Style revisions' ),\n\t\t\t\ticon: backup,\n\t\t\t\tcallback: ( { close } ) => {\n\t\t\t\t\tclose();\n\t\t\t\t\tif ( ! isEditorPage ) {\n\t\t\t\t\t\thistory.push( {\n\t\t\t\t\t\t\tpath: '/wp_global_styles',\n\t\t\t\t\t\t\tcanvas: 'edit',\n\t\t\t\t\t\t} );\n\t\t\t\t\t}\n\t\t\t\t\tif ( isEditorPage && getCanvasMode() !== 'edit' ) {\n\t\t\t\t\t\tsetCanvasMode( 'edit' );\n\t\t\t\t\t}\n\t\t\t\t\topenGeneralSidebar( 'edit-site/global-styles' );\n\t\t\t\t\tsetEditorCanvasContainerView( 'global-styles-revisions' );\n\t\t\t\t},\n\t\t\t},\n\t\t];\n\t}, [\n\t\thasRevisions,\n\t\thistory,\n\t\topenGeneralSidebar,\n\t\tsetEditorCanvasContainerView,\n\t\tisEditorPage,\n\t\tgetCanvasMode,\n\t\tsetCanvasMode,\n\t] );\n\n\treturn {\n\t\tisLoading: false,\n\t\tcommands,\n\t};\n}\n\nexport function useCommonCommands() {\n\tconst homeUrl = useSelect( ( select ) => {\n\t\tconst {\n\t\t\tgetUnstableBase, // Site index.\n\t\t} = select( coreStore );\n\n\t\treturn getUnstableBase()?.home;\n\t}, [] );\n\n\tuseCommand( {\n\t\tname: 'core/edit-site/view-site',\n\t\tlabel: __( 'View site' ),\n\t\tcallback: ( { close } ) => {\n\t\t\tclose();\n\t\t\twindow.open( homeUrl, '_blank' );\n\t\t},\n\t\ticon: external,\n\t} );\n\n\tuseCommandLoader( {\n\t\tname: 'core/edit-site/open-styles',\n\t\thook: useGlobalStylesOpenStylesCommands,\n\t} );\n\n\tuseCommandLoader( {\n\t\tname: 'core/edit-site/toggle-styles-welcome-guide',\n\t\thook: useGlobalStylesToggleWelcomeGuideCommands,\n\t} );\n\n\tuseCommandLoader( {\n\t\tname: 'core/edit-site/reset-global-styles',\n\t\thook: useGlobalStylesResetCommands,\n\t} );\n\n\tuseCommandLoader( {\n\t\tname: 'core/edit-site/open-styles-css',\n\t\thook: useGlobalStylesOpenCssCommands,\n\t} );\n\n\tuseCommandLoader( {\n\t\tname: 'core/edit-site/open-styles-revisions',\n\t\thook: useGlobalStylesOpenRevisionsCommands,\n\t} );\n}\n"],"mappings":"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"}
+{"version":3,"names":["_element","require","_data","_i18n","_icons","_commands","_blockEditor","_router","_preferences","_coreData","_compose","_lockUnlock","_store","_getIsListPage","_interopRequireDefault","useGlobalStylesReset","unlock","blockEditorPrivateApis","useHistory","useLocation","routerPrivateApis","useGlobalStylesOpenStylesCommands","openGeneralSidebar","setCanvasMode","useDispatch","editSiteStore","params","isMobileViewport","useViewportMatch","isEditorPage","getIsListPage","getCanvasMode","useSelect","history","isBlockBasedTheme","select","coreStore","getCurrentTheme","is_block_theme","commands","useMemo","name","label","__","callback","close","push","path","canvas","icon","styles","isLoading","useGlobalStylesToggleWelcomeGuideCommands","set","preferencesStore","setTimeout","help","useGlobalStylesResetCommands","canReset","onReset","isRTL","rotateRight","rotateLeft","useGlobalStylesOpenCssCommands","setEditorCanvasContainerView","isListPage","canEditCSS","_globalStyles$_links$","getEntityRecord","__experimentalGetCurrentGlobalStylesId","globalStylesId","globalStyles","undefined","_links","brush","useGlobalStylesOpenRevisionsCommands","hasRevisions","getCurrentThemeGlobalStylesRevisions","length","backup","useCommonCommands","homeUrl","getUnstableBase","home","useCommand","window","open","external","useCommandLoader","hook"],"sources":["@wordpress/edit-site/src/hooks/commands/use-common-commands.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useMemo } from '@wordpress/element';\nimport { useDispatch, useSelect } from '@wordpress/data';\nimport { __, isRTL } from '@wordpress/i18n';\nimport {\n\trotateLeft,\n\trotateRight,\n\tbackup,\n\thelp,\n\tstyles,\n\texternal,\n\tbrush,\n} from '@wordpress/icons';\nimport { useCommandLoader, useCommand } from '@wordpress/commands';\nimport { privateApis as blockEditorPrivateApis } from '@wordpress/block-editor';\nimport { privateApis as routerPrivateApis } from '@wordpress/router';\nimport { store as preferencesStore } from '@wordpress/preferences';\nimport { store as coreStore } from '@wordpress/core-data';\nimport { useViewportMatch } from '@wordpress/compose';\n\n/**\n * Internal dependencies\n */\nimport { unlock } from '../../lock-unlock';\nimport { store as editSiteStore } from '../../store';\nimport getIsListPage from '../../utils/get-is-list-page';\n\nconst { useGlobalStylesReset } = unlock( blockEditorPrivateApis );\nconst { useHistory, useLocation } = unlock( routerPrivateApis );\n\nfunction useGlobalStylesOpenStylesCommands() {\n\tconst { openGeneralSidebar, setCanvasMode } = unlock(\n\t\tuseDispatch( editSiteStore )\n\t);\n\tconst { params } = useLocation();\n\tconst isMobileViewport = useViewportMatch( 'medium', '<' );\n\tconst isEditorPage = ! getIsListPage( params, isMobileViewport );\n\tconst { getCanvasMode } = unlock( useSelect( editSiteStore ) );\n\tconst history = useHistory();\n\n\tconst isBlockBasedTheme = useSelect( ( select ) => {\n\t\treturn select( coreStore ).getCurrentTheme().is_block_theme;\n\t}, [] );\n\n\tconst commands = useMemo( () => {\n\t\tif ( ! isBlockBasedTheme ) {\n\t\t\treturn [];\n\t\t}\n\n\t\treturn [\n\t\t\t{\n\t\t\t\tname: 'core/edit-site/open-styles',\n\t\t\t\tlabel: __( 'Open styles' ),\n\t\t\t\tcallback: ( { close } ) => {\n\t\t\t\t\tclose();\n\t\t\t\t\tif ( ! isEditorPage ) {\n\t\t\t\t\t\thistory.push( {\n\t\t\t\t\t\t\tpath: '/wp_global_styles',\n\t\t\t\t\t\t\tcanvas: 'edit',\n\t\t\t\t\t\t} );\n\t\t\t\t\t}\n\t\t\t\t\tif ( isEditorPage && getCanvasMode() !== 'edit' ) {\n\t\t\t\t\t\tsetCanvasMode( 'edit' );\n\t\t\t\t\t}\n\t\t\t\t\topenGeneralSidebar( 'edit-site/global-styles' );\n\t\t\t\t},\n\t\t\t\ticon: styles,\n\t\t\t},\n\t\t];\n\t}, [\n\t\thistory,\n\t\topenGeneralSidebar,\n\t\tsetCanvasMode,\n\t\tisEditorPage,\n\t\tgetCanvasMode,\n\t\tisBlockBasedTheme,\n\t] );\n\n\treturn {\n\t\tisLoading: false,\n\t\tcommands,\n\t};\n}\n\nfunction useGlobalStylesToggleWelcomeGuideCommands() {\n\tconst { openGeneralSidebar, setCanvasMode } = unlock(\n\t\tuseDispatch( editSiteStore )\n\t);\n\tconst { params } = useLocation();\n\tconst isMobileViewport = useViewportMatch( 'medium', '<' );\n\tconst isEditorPage = ! getIsListPage( params, isMobileViewport );\n\tconst { getCanvasMode } = unlock( useSelect( editSiteStore ) );\n\tconst { set } = useDispatch( preferencesStore );\n\n\tconst history = useHistory();\n\tconst isBlockBasedTheme = useSelect( ( select ) => {\n\t\treturn select( coreStore ).getCurrentTheme().is_block_theme;\n\t}, [] );\n\n\tconst commands = useMemo( () => {\n\t\tif ( ! isBlockBasedTheme ) {\n\t\t\treturn [];\n\t\t}\n\n\t\treturn [\n\t\t\t{\n\t\t\t\tname: 'core/edit-site/toggle-styles-welcome-guide',\n\t\t\t\tlabel: __( 'Learn about styles' ),\n\t\t\t\tcallback: ( { close } ) => {\n\t\t\t\t\tclose();\n\t\t\t\t\tif ( ! isEditorPage ) {\n\t\t\t\t\t\thistory.push( {\n\t\t\t\t\t\t\tpath: '/wp_global_styles',\n\t\t\t\t\t\t\tcanvas: 'edit',\n\t\t\t\t\t\t} );\n\t\t\t\t\t}\n\t\t\t\t\tif ( isEditorPage && getCanvasMode() !== 'edit' ) {\n\t\t\t\t\t\tsetCanvasMode( 'edit' );\n\t\t\t\t\t}\n\t\t\t\t\topenGeneralSidebar( 'edit-site/global-styles' );\n\t\t\t\t\tset( 'core/edit-site', 'welcomeGuideStyles', true );\n\t\t\t\t\t// sometimes there's a focus loss that happens after some time\n\t\t\t\t\t// that closes the modal, we need to force reopening it.\n\t\t\t\t\tsetTimeout( () => {\n\t\t\t\t\t\tset( 'core/edit-site', 'welcomeGuideStyles', true );\n\t\t\t\t\t}, 500 );\n\t\t\t\t},\n\t\t\t\ticon: help,\n\t\t\t},\n\t\t];\n\t}, [\n\t\thistory,\n\t\topenGeneralSidebar,\n\t\tsetCanvasMode,\n\t\tisEditorPage,\n\t\tgetCanvasMode,\n\t\tisBlockBasedTheme,\n\t\tset,\n\t] );\n\n\treturn {\n\t\tisLoading: false,\n\t\tcommands,\n\t};\n}\n\nfunction useGlobalStylesResetCommands() {\n\tconst [ canReset, onReset ] = useGlobalStylesReset();\n\tconst commands = useMemo( () => {\n\t\tif ( ! canReset ) {\n\t\t\treturn [];\n\t\t}\n\n\t\treturn [\n\t\t\t{\n\t\t\t\tname: 'core/edit-site/reset-global-styles',\n\t\t\t\tlabel: __( 'Reset styles' ),\n\t\t\t\ticon: isRTL() ? rotateRight : rotateLeft,\n\t\t\t\tcallback: ( { close } ) => {\n\t\t\t\t\tclose();\n\t\t\t\t\tonReset();\n\t\t\t\t},\n\t\t\t},\n\t\t];\n\t}, [ canReset, onReset ] );\n\n\treturn {\n\t\tisLoading: false,\n\t\tcommands,\n\t};\n}\n\nfunction useGlobalStylesOpenCssCommands() {\n\tconst { openGeneralSidebar, setEditorCanvasContainerView, setCanvasMode } =\n\t\tunlock( useDispatch( editSiteStore ) );\n\tconst { params } = useLocation();\n\tconst isMobileViewport = useViewportMatch( 'medium', '<' );\n\tconst isListPage = getIsListPage( params, isMobileViewport );\n\tconst isEditorPage = ! isListPage;\n\tconst history = useHistory();\n\tconst { canEditCSS } = useSelect( ( select ) => {\n\t\tconst { getEntityRecord, __experimentalGetCurrentGlobalStylesId } =\n\t\t\tselect( coreStore );\n\n\t\tconst globalStylesId = __experimentalGetCurrentGlobalStylesId();\n\t\tconst globalStyles = globalStylesId\n\t\t\t? getEntityRecord( 'root', 'globalStyles', globalStylesId )\n\t\t\t: undefined;\n\n\t\treturn {\n\t\t\tcanEditCSS:\n\t\t\t\t!! globalStyles?._links?.[ 'wp:action-edit-css' ] ?? false,\n\t\t};\n\t}, [] );\n\tconst { getCanvasMode } = unlock( useSelect( editSiteStore ) );\n\n\tconst commands = useMemo( () => {\n\t\tif ( ! canEditCSS ) {\n\t\t\treturn [];\n\t\t}\n\n\t\treturn [\n\t\t\t{\n\t\t\t\tname: 'core/edit-site/open-styles-css',\n\t\t\t\tlabel: __( 'Customize CSS' ),\n\t\t\t\ticon: brush,\n\t\t\t\tcallback: ( { close } ) => {\n\t\t\t\t\tclose();\n\t\t\t\t\tif ( ! isEditorPage ) {\n\t\t\t\t\t\thistory.push( {\n\t\t\t\t\t\t\tpath: '/wp_global_styles',\n\t\t\t\t\t\t\tcanvas: 'edit',\n\t\t\t\t\t\t} );\n\t\t\t\t\t}\n\t\t\t\t\tif ( isEditorPage && getCanvasMode() !== 'edit' ) {\n\t\t\t\t\t\tsetCanvasMode( 'edit' );\n\t\t\t\t\t}\n\t\t\t\t\topenGeneralSidebar( 'edit-site/global-styles' );\n\t\t\t\t\tsetEditorCanvasContainerView( 'global-styles-css' );\n\t\t\t\t},\n\t\t\t},\n\t\t];\n\t}, [\n\t\thistory,\n\t\topenGeneralSidebar,\n\t\tsetEditorCanvasContainerView,\n\t\tcanEditCSS,\n\t\tisEditorPage,\n\t\tgetCanvasMode,\n\t\tsetCanvasMode,\n\t] );\n\treturn {\n\t\tisLoading: false,\n\t\tcommands,\n\t};\n}\n\nfunction useGlobalStylesOpenRevisionsCommands() {\n\tconst { openGeneralSidebar, setEditorCanvasContainerView, setCanvasMode } =\n\t\tunlock( useDispatch( editSiteStore ) );\n\tconst { getCanvasMode } = unlock( useSelect( editSiteStore ) );\n\tconst { params } = useLocation();\n\tconst isMobileViewport = useViewportMatch( 'medium', '<' );\n\tconst isEditorPage = ! getIsListPage( params, isMobileViewport );\n\tconst history = useHistory();\n\tconst hasRevisions = useSelect(\n\t\t( select ) =>\n\t\t\tselect( coreStore ).getCurrentThemeGlobalStylesRevisions()?.length,\n\t\t[]\n\t);\n\tconst commands = useMemo( () => {\n\t\tif ( ! hasRevisions ) {\n\t\t\treturn [];\n\t\t}\n\n\t\treturn [\n\t\t\t{\n\t\t\t\tname: 'core/edit-site/open-global-styles-revisions',\n\t\t\t\tlabel: __( 'Style revisions' ),\n\t\t\t\ticon: backup,\n\t\t\t\tcallback: ( { close } ) => {\n\t\t\t\t\tclose();\n\t\t\t\t\tif ( ! isEditorPage ) {\n\t\t\t\t\t\thistory.push( {\n\t\t\t\t\t\t\tpath: '/wp_global_styles',\n\t\t\t\t\t\t\tcanvas: 'edit',\n\t\t\t\t\t\t} );\n\t\t\t\t\t}\n\t\t\t\t\tif ( isEditorPage && getCanvasMode() !== 'edit' ) {\n\t\t\t\t\t\tsetCanvasMode( 'edit' );\n\t\t\t\t\t}\n\t\t\t\t\topenGeneralSidebar( 'edit-site/global-styles' );\n\t\t\t\t\tsetEditorCanvasContainerView( 'global-styles-revisions' );\n\t\t\t\t},\n\t\t\t},\n\t\t];\n\t}, [\n\t\thasRevisions,\n\t\thistory,\n\t\topenGeneralSidebar,\n\t\tsetEditorCanvasContainerView,\n\t\tisEditorPage,\n\t\tgetCanvasMode,\n\t\tsetCanvasMode,\n\t] );\n\n\treturn {\n\t\tisLoading: false,\n\t\tcommands,\n\t};\n}\n\nexport function useCommonCommands() {\n\tconst homeUrl = useSelect( ( select ) => {\n\t\tconst {\n\t\t\tgetUnstableBase, // Site index.\n\t\t} = select( coreStore );\n\n\t\treturn getUnstableBase()?.home;\n\t}, [] );\n\n\tuseCommand( {\n\t\tname: 'core/edit-site/view-site',\n\t\tlabel: __( 'View site' ),\n\t\tcallback: ( { close } ) => {\n\t\t\tclose();\n\t\t\twindow.open( homeUrl, '_blank' );\n\t\t},\n\t\ticon: external,\n\t} );\n\n\tuseCommandLoader( {\n\t\tname: 'core/edit-site/open-styles',\n\t\thook: useGlobalStylesOpenStylesCommands,\n\t} );\n\n\tuseCommandLoader( {\n\t\tname: 'core/edit-site/toggle-styles-welcome-guide',\n\t\thook: useGlobalStylesToggleWelcomeGuideCommands,\n\t} );\n\n\tuseCommandLoader( {\n\t\tname: 'core/edit-site/reset-global-styles',\n\t\thook: useGlobalStylesResetCommands,\n\t} );\n\n\tuseCommandLoader( {\n\t\tname: 'core/edit-site/open-styles-css',\n\t\thook: useGlobalStylesOpenCssCommands,\n\t} );\n\n\tuseCommandLoader( {\n\t\tname: 'core/edit-site/open-styles-revisions',\n\t\thook: useGlobalStylesOpenRevisionsCommands,\n\t} );\n}\n"],"mappings":"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"}

package/build/hooks/navigation-menu-edit.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.withEditBlockControls = void 0;
-var _element = require("@wordpress/element");
+var _react = require("react");
 var _i18n = require("@wordpress/i18n");
 var _data = require("@wordpress/data");
 var _blockEditor = require("@wordpress/block-editor");
@@ -57,9 +57,9 @@ function NavigationMenuEdit({
   if (!navigationMenu || blockEditingMode !== 'default') {
     return null;
   }
-  return (0, _element.createElement)(_blockEditor.BlockControls, {
+  return (0, _react.createElement)(_blockEditor.BlockControls, {
     group: "other"
-  }, (0, _element.createElement)(_components.ToolbarButton, {
+  }, (0, _react.createElement)(_components.ToolbarButton, {
     ...linkProps,
     onClick: event => {
       linkProps.onClick(event);
@@ -72,9 +72,9 @@ const withEditBlockControls = (0, _compose.createHigherOrderComponent)(BlockEdit
     name
   } = props;
   const isDisplayed = name === 'core/navigation' && attributes.ref;
-  return (0, _element.createElement)(_element.Fragment, null, (0, _element.createElement)(BlockEdit, {
+  return (0, _react.createElement)(_react.Fragment, null, (0, _react.createElement)(BlockEdit, {
     ...props
-  }), isDisplayed && (0, _element.createElement)(NavigationMenuEdit, {
+  }), isDisplayed && (0, _react.createElement)(NavigationMenuEdit, {
     attributes: attributes
   }));
 }, 'withEditBlockControls');