@wordpress/edit-site 5.35.0 → 6.0.0

package/build-module/components/save-panel/index.js

@@ -1,4 +1,3 @@
-import { createElement } from "react";
 /**
  * External dependencies
  */
@@ -21,6 +20,8 @@ import { unlock } from '../../lock-unlock';
 import { useActivateTheme } from '../../utils/use-activate-theme';
 import { useActualCurrentTheme } from '../../utils/use-actual-current-theme';
 import { isPreviewingTheme } from '../../utils/is-previewing-theme';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
 const {
   EntitiesSavedStatesExtensible,
   NavigableRegion
@@ -38,14 +39,16 @@ const EntitiesSavedStatesForPreview = ({
   }
   const currentTheme = useActualCurrentTheme();
   const previewingTheme = useSelect(select => select(coreStore).getCurrentTheme(), []);
-  const additionalPrompt = createElement("p", null, sprintf( /* translators: %1$s: The name of active theme, %2$s: The name of theme to be activated. */
-  __('Saving your changes will change your active theme from %1$s to %2$s.'), (_currentTheme$name$re = currentTheme?.name?.rendered) !== null && _currentTheme$name$re !== void 0 ? _currentTheme$name$re : '...', (_previewingTheme$name = previewingTheme?.name?.rendered) !== null && _previewingTheme$name !== void 0 ? _previewingTheme$name : '...'));
+  const additionalPrompt = /*#__PURE__*/_jsx("p", {
+    children: sprintf( /* translators: %1$s: The name of active theme, %2$s: The name of theme to be activated. */
+    __('Saving your changes will change your active theme from %1$s to %2$s.'), (_currentTheme$name$re = currentTheme?.name?.rendered) !== null && _currentTheme$name$re !== void 0 ? _currentTheme$name$re : '...', (_previewingTheme$name = previewingTheme?.name?.rendered) !== null && _previewingTheme$name !== void 0 ? _previewingTheme$name : '...')
+  });
   const activateTheme = useActivateTheme();
   const onSave = async values => {
     await activateTheme();
     return values;
   };
-  return createElement(EntitiesSavedStatesExtensible, {
+  return /*#__PURE__*/_jsx(EntitiesSavedStatesExtensible, {
     ...isDirtyProps,
     additionalPrompt,
     close: onClose,
@@ -59,11 +62,11 @@ const _EntitiesSavedStates = ({
   renderDialog = undefined
 }) => {
   if (isPreviewingTheme()) {
-    return createElement(EntitiesSavedStatesForPreview, {
+    return /*#__PURE__*/_jsx(EntitiesSavedStatesForPreview, {
       onClose: onClose
     });
   }
-  return createElement(EntitiesSavedStates, {
+  return /*#__PURE__*/_jsx(EntitiesSavedStates, {
     close: onClose,
     renderDialog: renderDialog
   });
@@ -101,36 +104,40 @@ export default function SavePanel() {
   } = useDispatch(editSiteStore);
   const onClose = () => setIsSaveViewOpened(false);
   if (canvasMode === 'view') {
-    return isSaveViewOpen ? createElement(Modal, {
+    return isSaveViewOpen ? /*#__PURE__*/_jsx(Modal, {
       className: "edit-site-save-panel__modal",
       onRequestClose: onClose,
       __experimentalHideHeader: true,
-      contentLabel: __('Save site, content, and template changes')
-    }, createElement(_EntitiesSavedStates, {
-      onClose: onClose
-    })) : null;
+      contentLabel: __('Save site, content, and template changes'),
+      children: /*#__PURE__*/_jsx(_EntitiesSavedStates, {
+        onClose: onClose
+      })
+    }) : null;
   }
   const activateSaveEnabled = isPreviewingTheme() || isDirty;
   const disabled = isSaving || !activateSaveEnabled;
-  return createElement(NavigableRegion, {
+  return /*#__PURE__*/_jsxs(NavigableRegion, {
     className: clsx('edit-site-layout__actions', {
       'is-entity-save-view-open': isSaveViewOpen
     }),
-    ariaLabel: __('Save panel')
-  }, createElement("div", {
-    className: clsx('edit-site-editor__toggle-save-panel', {
-      'screen-reader-text': isSaveViewOpen
-    })
-  }, createElement(Button, {
-    variant: "secondary",
-    className: clsx('edit-site-editor__toggle-save-panel-button'),
-    onClick: () => setIsSaveViewOpened(true),
-    "aria-haspopup": 'dialog',
-    disabled: disabled,
-    __experimentalIsFocusable: true
-  }, __('Open save panel'))), isSaveViewOpen && createElement(_EntitiesSavedStates, {
-    onClose: onClose,
-    renderDialog: true
-  }));
+    ariaLabel: __('Save panel'),
+    children: [/*#__PURE__*/_jsx("div", {
+      className: clsx('edit-site-editor__toggle-save-panel', {
+        'screen-reader-text': isSaveViewOpen
+      }),
+      children: /*#__PURE__*/_jsx(Button, {
+        variant: "secondary",
+        className: "edit-site-editor__toggle-save-panel-button",
+        onClick: () => setIsSaveViewOpened(true),
+        "aria-haspopup": "dialog",
+        disabled: disabled,
+        __experimentalIsFocusable: true,
+        children: __('Open save panel')
+      })
+    }), isSaveViewOpen && /*#__PURE__*/_jsx(_EntitiesSavedStates, {
+      onClose: onClose,
+      renderDialog: true
+    })]
+  });
 }
 //# sourceMappingURL=index.js.map

package/build-module/components/save-panel/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["clsx","Button","Modal","EntitiesSavedStates","useEntitiesSavedStatesIsDirty","privateApis","useDispatch","useSelect","__","sprintf","store","coreStore","editSiteStore","unlock","useActivateTheme","useActualCurrentTheme","isPreviewingTheme","EntitiesSavedStatesExtensible","NavigableRegion","EntitiesSavedStatesForPreview","onClose","_currentTheme$name$re","_previewingTheme$name","isDirtyProps","activateSaveLabel","isDirty","currentTheme","previewingTheme","select","getCurrentTheme","additionalPrompt","createElement","name","rendered","activateTheme","onSave","values","close","saveEnabled","saveLabel","_EntitiesSavedStates","renderDialog","undefined","SavePanel","isSaveViewOpen","canvasMode","isSaving","__experimentalGetDirtyEntityRecords","isSavingEntityRecord","isResolving","dirtyEntityRecords","isActivatingTheme","isSaveViewOpened","getCanvasMode","length","some","record","kind","key","setIsSaveViewOpened","className","onRequestClose","__experimentalHideHeader","contentLabel","activateSaveEnabled","disabled","ariaLabel","variant","onClick","__experimentalIsFocusable"],"sources":["@wordpress/edit-site/src/components/save-panel/index.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport clsx from 'clsx';\n\n/**\n * WordPress dependencies\n */\nimport { Button, Modal } from '@wordpress/components';\nimport {\n\tEntitiesSavedStates,\n\tuseEntitiesSavedStatesIsDirty,\n\tprivateApis,\n} from '@wordpress/editor';\nimport { useDispatch, useSelect } from '@wordpress/data';\nimport { __, sprintf } from '@wordpress/i18n';\nimport { store as coreStore } from '@wordpress/core-data';\n\n/**\n * Internal dependencies\n */\nimport { store as editSiteStore } from '../../store';\nimport { unlock } from '../../lock-unlock';\nimport { useActivateTheme } from '../../utils/use-activate-theme';\nimport { useActualCurrentTheme } from '../../utils/use-actual-current-theme';\nimport { isPreviewingTheme } from '../../utils/is-previewing-theme';\n\nconst { EntitiesSavedStatesExtensible, NavigableRegion } =\n\tunlock( privateApis );\n\nconst EntitiesSavedStatesForPreview = ( { onClose } ) => {\n\tconst isDirtyProps = useEntitiesSavedStatesIsDirty();\n\tlet activateSaveLabel;\n\tif ( isDirtyProps.isDirty ) {\n\t\tactivateSaveLabel = __( 'Activate & Save' );\n\t} else {\n\t\tactivateSaveLabel = __( 'Activate' );\n\t}\n\n\tconst currentTheme = useActualCurrentTheme();\n\n\tconst previewingTheme = useSelect(\n\t\t( select ) => select( coreStore ).getCurrentTheme(),\n\t\t[]\n\t);\n\n\tconst additionalPrompt = (\n\t\t<p>\n\t\t\t{ sprintf(\n\t\t\t\t/* translators: %1$s: The name of active theme, %2$s: The name of theme to be activated. */\n\t\t\t\t__(\n\t\t\t\t\t'Saving your changes will change your active theme from %1$s to %2$s.'\n\t\t\t\t),\n\t\t\t\tcurrentTheme?.name?.rendered ?? '...',\n\t\t\t\tpreviewingTheme?.name?.rendered ?? '...'\n\t\t\t) }\n\t\t</p>\n\t);\n\n\tconst activateTheme = useActivateTheme();\n\tconst onSave = async ( values ) => {\n\t\tawait activateTheme();\n\t\treturn values;\n\t};\n\n\treturn (\n\t\t<EntitiesSavedStatesExtensible\n\t\t\t{ ...{\n\t\t\t\t...isDirtyProps,\n\t\t\t\tadditionalPrompt,\n\t\t\t\tclose: onClose,\n\t\t\t\tonSave,\n\t\t\t\tsaveEnabled: true,\n\t\t\t\tsaveLabel: activateSaveLabel,\n\t\t\t} }\n\t\t/>\n\t);\n};\n\nconst _EntitiesSavedStates = ( { onClose, renderDialog = undefined } ) => {\n\tif ( isPreviewingTheme() ) {\n\t\treturn <EntitiesSavedStatesForPreview onClose={ onClose } />;\n\t}\n\treturn (\n\t\t<EntitiesSavedStates close={ onClose } renderDialog={ renderDialog } />\n\t);\n};\n\nexport default function SavePanel() {\n\tconst { isSaveViewOpen, canvasMode, isDirty, isSaving } = useSelect(\n\t\t( select ) => {\n\t\t\tconst {\n\t\t\t\t__experimentalGetDirtyEntityRecords,\n\t\t\t\tisSavingEntityRecord,\n\t\t\t\tisResolving,\n\t\t\t} = select( coreStore );\n\t\t\tconst dirtyEntityRecords = __experimentalGetDirtyEntityRecords();\n\t\t\tconst isActivatingTheme = isResolving( 'activateTheme' );\n\t\t\tconst { isSaveViewOpened, getCanvasMode } = unlock(\n\t\t\t\tselect( editSiteStore )\n\t\t\t);\n\n\t\t\t// The currently selected entity to display.\n\t\t\t// Typically template or template part in the site editor.\n\t\t\treturn {\n\t\t\t\tisSaveViewOpen: isSaveViewOpened(),\n\t\t\t\tcanvasMode: getCanvasMode(),\n\t\t\t\tisDirty: dirtyEntityRecords.length > 0,\n\t\t\t\tisSaving:\n\t\t\t\t\tdirtyEntityRecords.some( ( record ) =>\n\t\t\t\t\t\tisSavingEntityRecord(\n\t\t\t\t\t\t\trecord.kind,\n\t\t\t\t\t\t\trecord.name,\n\t\t\t\t\t\t\trecord.key\n\t\t\t\t\t\t)\n\t\t\t\t\t) || isActivatingTheme,\n\t\t\t};\n\t\t},\n\t\t[]\n\t);\n\tconst { setIsSaveViewOpened } = useDispatch( editSiteStore );\n\tconst onClose = () => setIsSaveViewOpened( false );\n\n\tif ( canvasMode === 'view' ) {\n\t\treturn isSaveViewOpen ? (\n\t\t\t<Modal\n\t\t\t\tclassName=\"edit-site-save-panel__modal\"\n\t\t\t\tonRequestClose={ onClose }\n\t\t\t\t__experimentalHideHeader\n\t\t\t\tcontentLabel={ __(\n\t\t\t\t\t'Save site, content, and template changes'\n\t\t\t\t) }\n\t\t\t>\n\t\t\t\t<_EntitiesSavedStates onClose={ onClose } />\n\t\t\t</Modal>\n\t\t) : null;\n\t}\n\tconst activateSaveEnabled = isPreviewingTheme() || isDirty;\n\tconst disabled = isSaving || ! activateSaveEnabled;\n\treturn (\n\t\t<NavigableRegion\n\t\t\tclassName={ clsx( 'edit-site-layout__actions', {\n\t\t\t\t'is-entity-save-view-open': isSaveViewOpen,\n\t\t\t} ) }\n\t\t\tariaLabel={ __( 'Save panel' ) }\n\t\t>\n\t\t\t<div\n\t\t\t\tclassName={ clsx( 'edit-site-editor__toggle-save-panel', {\n\t\t\t\t\t'screen-reader-text': isSaveViewOpen,\n\t\t\t\t} ) }\n\t\t\t>\n\t\t\t\t<Button\n\t\t\t\t\tvariant=\"secondary\"\n\t\t\t\t\tclassName={ clsx(\n\t\t\t\t\t\t'edit-site-editor__toggle-save-panel-button'\n\t\t\t\t\t) }\n\t\t\t\t\tonClick={ () => setIsSaveViewOpened( true ) }\n\t\t\t\t\taria-haspopup={ 'dialog' }\n\t\t\t\t\tdisabled={ disabled }\n\t\t\t\t\t__experimentalIsFocusable\n\t\t\t\t>\n\t\t\t\t\t{ __( 'Open save panel' ) }\n\t\t\t\t</Button>\n\t\t\t</div>\n\t\t\t{ isSaveViewOpen && (\n\t\t\t\t<_EntitiesSavedStates onClose={ onClose } renderDialog />\n\t\t\t) }\n\t\t</NavigableRegion>\n\t);\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["clsx","Button","Modal","EntitiesSavedStates","useEntitiesSavedStatesIsDirty","privateApis","useDispatch","useSelect","__","sprintf","store","coreStore","editSiteStore","unlock","useActivateTheme","useActualCurrentTheme","isPreviewingTheme","jsx","_jsx","jsxs","_jsxs","EntitiesSavedStatesExtensible","NavigableRegion","EntitiesSavedStatesForPreview","onClose","_currentTheme$name$re","_previewingTheme$name","isDirtyProps","activateSaveLabel","isDirty","currentTheme","previewingTheme","select","getCurrentTheme","additionalPrompt","children","name","rendered","activateTheme","onSave","values","close","saveEnabled","saveLabel","_EntitiesSavedStates","renderDialog","undefined","SavePanel","isSaveViewOpen","canvasMode","isSaving","__experimentalGetDirtyEntityRecords","isSavingEntityRecord","isResolving","dirtyEntityRecords","isActivatingTheme","isSaveViewOpened","getCanvasMode","length","some","record","kind","key","setIsSaveViewOpened","className","onRequestClose","__experimentalHideHeader","contentLabel","activateSaveEnabled","disabled","ariaLabel","variant","onClick","__experimentalIsFocusable"],"sources":["@wordpress/edit-site/src/components/save-panel/index.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport clsx from 'clsx';\n\n/**\n * WordPress dependencies\n */\nimport { Button, Modal } from '@wordpress/components';\nimport {\n\tEntitiesSavedStates,\n\tuseEntitiesSavedStatesIsDirty,\n\tprivateApis,\n} from '@wordpress/editor';\nimport { useDispatch, useSelect } from '@wordpress/data';\nimport { __, sprintf } from '@wordpress/i18n';\nimport { store as coreStore } from '@wordpress/core-data';\n\n/**\n * Internal dependencies\n */\nimport { store as editSiteStore } from '../../store';\nimport { unlock } from '../../lock-unlock';\nimport { useActivateTheme } from '../../utils/use-activate-theme';\nimport { useActualCurrentTheme } from '../../utils/use-actual-current-theme';\nimport { isPreviewingTheme } from '../../utils/is-previewing-theme';\n\nconst { EntitiesSavedStatesExtensible, NavigableRegion } =\n\tunlock( privateApis );\n\nconst EntitiesSavedStatesForPreview = ( { onClose } ) => {\n\tconst isDirtyProps = useEntitiesSavedStatesIsDirty();\n\tlet activateSaveLabel;\n\tif ( isDirtyProps.isDirty ) {\n\t\tactivateSaveLabel = __( 'Activate & Save' );\n\t} else {\n\t\tactivateSaveLabel = __( 'Activate' );\n\t}\n\n\tconst currentTheme = useActualCurrentTheme();\n\n\tconst previewingTheme = useSelect(\n\t\t( select ) => select( coreStore ).getCurrentTheme(),\n\t\t[]\n\t);\n\n\tconst additionalPrompt = (\n\t\t<p>\n\t\t\t{ sprintf(\n\t\t\t\t/* translators: %1$s: The name of active theme, %2$s: The name of theme to be activated. */\n\t\t\t\t__(\n\t\t\t\t\t'Saving your changes will change your active theme from %1$s to %2$s.'\n\t\t\t\t),\n\t\t\t\tcurrentTheme?.name?.rendered ?? '...',\n\t\t\t\tpreviewingTheme?.name?.rendered ?? '...'\n\t\t\t) }\n\t\t</p>\n\t);\n\n\tconst activateTheme = useActivateTheme();\n\tconst onSave = async ( values ) => {\n\t\tawait activateTheme();\n\t\treturn values;\n\t};\n\n\treturn (\n\t\t<EntitiesSavedStatesExtensible\n\t\t\t{ ...{\n\t\t\t\t...isDirtyProps,\n\t\t\t\tadditionalPrompt,\n\t\t\t\tclose: onClose,\n\t\t\t\tonSave,\n\t\t\t\tsaveEnabled: true,\n\t\t\t\tsaveLabel: activateSaveLabel,\n\t\t\t} }\n\t\t/>\n\t);\n};\n\nconst _EntitiesSavedStates = ( { onClose, renderDialog = undefined } ) => {\n\tif ( isPreviewingTheme() ) {\n\t\treturn <EntitiesSavedStatesForPreview onClose={ onClose } />;\n\t}\n\treturn (\n\t\t<EntitiesSavedStates close={ onClose } renderDialog={ renderDialog } />\n\t);\n};\n\nexport default function SavePanel() {\n\tconst { isSaveViewOpen, canvasMode, isDirty, isSaving } = useSelect(\n\t\t( select ) => {\n\t\t\tconst {\n\t\t\t\t__experimentalGetDirtyEntityRecords,\n\t\t\t\tisSavingEntityRecord,\n\t\t\t\tisResolving,\n\t\t\t} = select( coreStore );\n\t\t\tconst dirtyEntityRecords = __experimentalGetDirtyEntityRecords();\n\t\t\tconst isActivatingTheme = isResolving( 'activateTheme' );\n\t\t\tconst { isSaveViewOpened, getCanvasMode } = unlock(\n\t\t\t\tselect( editSiteStore )\n\t\t\t);\n\n\t\t\t// The currently selected entity to display.\n\t\t\t// Typically template or template part in the site editor.\n\t\t\treturn {\n\t\t\t\tisSaveViewOpen: isSaveViewOpened(),\n\t\t\t\tcanvasMode: getCanvasMode(),\n\t\t\t\tisDirty: dirtyEntityRecords.length > 0,\n\t\t\t\tisSaving:\n\t\t\t\t\tdirtyEntityRecords.some( ( record ) =>\n\t\t\t\t\t\tisSavingEntityRecord(\n\t\t\t\t\t\t\trecord.kind,\n\t\t\t\t\t\t\trecord.name,\n\t\t\t\t\t\t\trecord.key\n\t\t\t\t\t\t)\n\t\t\t\t\t) || isActivatingTheme,\n\t\t\t};\n\t\t},\n\t\t[]\n\t);\n\tconst { setIsSaveViewOpened } = useDispatch( editSiteStore );\n\tconst onClose = () => setIsSaveViewOpened( false );\n\n\tif ( canvasMode === 'view' ) {\n\t\treturn isSaveViewOpen ? (\n\t\t\t<Modal\n\t\t\t\tclassName=\"edit-site-save-panel__modal\"\n\t\t\t\tonRequestClose={ onClose }\n\t\t\t\t__experimentalHideHeader\n\t\t\t\tcontentLabel={ __(\n\t\t\t\t\t'Save site, content, and template changes'\n\t\t\t\t) }\n\t\t\t>\n\t\t\t\t<_EntitiesSavedStates onClose={ onClose } />\n\t\t\t</Modal>\n\t\t) : null;\n\t}\n\tconst activateSaveEnabled = isPreviewingTheme() || isDirty;\n\tconst disabled = isSaving || ! activateSaveEnabled;\n\treturn (\n\t\t<NavigableRegion\n\t\t\tclassName={ clsx( 'edit-site-layout__actions', {\n\t\t\t\t'is-entity-save-view-open': isSaveViewOpen,\n\t\t\t} ) }\n\t\t\tariaLabel={ __( 'Save panel' ) }\n\t\t>\n\t\t\t<div\n\t\t\t\tclassName={ clsx( 'edit-site-editor__toggle-save-panel', {\n\t\t\t\t\t'screen-reader-text': isSaveViewOpen,\n\t\t\t\t} ) }\n\t\t\t>\n\t\t\t\t<Button\n\t\t\t\t\tvariant=\"secondary\"\n\t\t\t\t\tclassName=\"edit-site-editor__toggle-save-panel-button\"\n\t\t\t\t\tonClick={ () => setIsSaveViewOpened( true ) }\n\t\t\t\t\taria-haspopup=\"dialog\"\n\t\t\t\t\tdisabled={ disabled }\n\t\t\t\t\t__experimentalIsFocusable\n\t\t\t\t>\n\t\t\t\t\t{ __( 'Open save panel' ) }\n\t\t\t\t</Button>\n\t\t\t</div>\n\t\t\t{ isSaveViewOpen && (\n\t\t\t\t<_EntitiesSavedStates onClose={ onClose } renderDialog />\n\t\t\t) }\n\t\t</NavigableRegion>\n\t);\n}\n"],"mappings":"AAAA;AACA;AACA;AACA,OAAOA,IAAI,MAAM,MAAM;;AAEvB;AACA;AACA;AACA,SAASC,MAAM,EAAEC,KAAK,QAAQ,uBAAuB;AACrD,SACCC,mBAAmB,EACnBC,6BAA6B,EAC7BC,WAAW,QACL,mBAAmB;AAC1B,SAASC,WAAW,EAAEC,SAAS,QAAQ,iBAAiB;AACxD,SAASC,EAAE,EAAEC,OAAO,QAAQ,iBAAiB;AAC7C,SAASC,KAAK,IAAIC,SAAS,QAAQ,sBAAsB;;AAEzD;AACA;AACA;AACA,SAASD,KAAK,IAAIE,aAAa,QAAQ,aAAa;AACpD,SAASC,MAAM,QAAQ,mBAAmB;AAC1C,SAASC,gBAAgB,QAAQ,gCAAgC;AACjE,SAASC,qBAAqB,QAAQ,sCAAsC;AAC5E,SAASC,iBAAiB,QAAQ,iCAAiC;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAAA,SAAAC,IAAA,IAAAC,KAAA;AAEpE,MAAM;EAAEC,6BAA6B;EAAEC;AAAgB,CAAC,GACvDT,MAAM,CAAER,WAAY,CAAC;AAEtB,MAAMkB,6BAA6B,GAAGA,CAAE;EAAEC;AAAQ,CAAC,KAAM;EAAA,IAAAC,qBAAA,EAAAC,qBAAA;EACxD,MAAMC,YAAY,GAAGvB,6BAA6B,CAAC,CAAC;EACpD,IAAIwB,iBAAiB;EACrB,IAAKD,YAAY,CAACE,OAAO,EAAG;IAC3BD,iBAAiB,GAAGpB,EAAE,CAAE,iBAAkB,CAAC;EAC5C,CAAC,MAAM;IACNoB,iBAAiB,GAAGpB,EAAE,CAAE,UAAW,CAAC;EACrC;EAEA,MAAMsB,YAAY,GAAGf,qBAAqB,CAAC,CAAC;EAE5C,MAAMgB,eAAe,GAAGxB,SAAS,CAC9ByB,MAAM,IAAMA,MAAM,CAAErB,SAAU,CAAC,CAACsB,eAAe,CAAC,CAAC,EACnD,EACD,CAAC;EAED,MAAMC,gBAAgB,gBACrBhB,IAAA;IAAAiB,QAAA,EACG1B,OAAO,EACR;IACAD,EAAE,CACD,sEACD,CAAC,GAAAiB,qBAAA,GACDK,YAAY,EAAEM,IAAI,EAAEC,QAAQ,cAAAZ,qBAAA,cAAAA,qBAAA,GAAI,KAAK,GAAAC,qBAAA,GACrCK,eAAe,EAAEK,IAAI,EAAEC,QAAQ,cAAAX,qBAAA,cAAAA,qBAAA,GAAI,KACpC;EAAC,CACC,CACH;EAED,MAAMY,aAAa,GAAGxB,gBAAgB,CAAC,CAAC;EACxC,MAAMyB,MAAM,GAAG,MAAQC,MAAM,IAAM;IAClC,MAAMF,aAAa,CAAC,CAAC;IACrB,OAAOE,MAAM;EACd,CAAC;EAED,oBACCtB,IAAA,CAACG,6BAA6B;IAE5B,GAAGM,YAAY;IACfO,gBAAgB;IAChBO,KAAK,EAAEjB,OAAO;IACde,MAAM;IACNG,WAAW,EAAE,IAAI;IACjBC,SAAS,EAAEf;EAAiB,CAE7B,CAAC;AAEJ,CAAC;AAED,MAAMgB,oBAAoB,GAAGA,CAAE;EAAEpB,OAAO;EAAEqB,YAAY,GAAGC;AAAU,CAAC,KAAM;EACzE,IAAK9B,iBAAiB,CAAC,CAAC,EAAG;IAC1B,oBAAOE,IAAA,CAACK,6BAA6B;MAACC,OAAO,EAAGA;IAAS,CAAE,CAAC;EAC7D;EACA,oBACCN,IAAA,CAACf,mBAAmB;IAACsC,KAAK,EAAGjB,OAAS;IAACqB,YAAY,EAAGA;EAAc,CAAE,CAAC;AAEzE,CAAC;AAED,eAAe,SAASE,SAASA,CAAA,EAAG;EACnC,MAAM;IAAEC,cAAc;IAAEC,UAAU;IAAEpB,OAAO;IAAEqB;EAAS,CAAC,GAAG3C,SAAS,CAChEyB,MAAM,IAAM;IACb,MAAM;MACLmB,mCAAmC;MACnCC,oBAAoB;MACpBC;IACD,CAAC,GAAGrB,MAAM,CAAErB,SAAU,CAAC;IACvB,MAAM2C,kBAAkB,GAAGH,mCAAmC,CAAC,CAAC;IAChE,MAAMI,iBAAiB,GAAGF,WAAW,CAAE,eAAgB,CAAC;IACxD,MAAM;MAAEG,gBAAgB;MAAEC;IAAc,CAAC,GAAG5C,MAAM,CACjDmB,MAAM,CAAEpB,aAAc,CACvB,CAAC;;IAED;IACA;IACA,OAAO;MACNoC,cAAc,EAAEQ,gBAAgB,CAAC,CAAC;MAClCP,UAAU,EAAEQ,aAAa,CAAC,CAAC;MAC3B5B,OAAO,EAAEyB,kBAAkB,CAACI,MAAM,GAAG,CAAC;MACtCR,QAAQ,EACPI,kBAAkB,CAACK,IAAI,CAAIC,MAAM,IAChCR,oBAAoB,CACnBQ,MAAM,CAACC,IAAI,EACXD,MAAM,CAACxB,IAAI,EACXwB,MAAM,CAACE,GACR,CACD,CAAC,IAAIP;IACP,CAAC;EACF,CAAC,EACD,EACD,CAAC;EACD,MAAM;IAAEQ;EAAoB,CAAC,GAAGzD,WAAW,CAAEM,aAAc,CAAC;EAC5D,MAAMY,OAAO,GAAGA,CAAA,KAAMuC,mBAAmB,CAAE,KAAM,CAAC;EAElD,IAAKd,UAAU,KAAK,MAAM,EAAG;IAC5B,OAAOD,cAAc,gBACpB9B,IAAA,CAAChB,KAAK;MACL8D,SAAS,EAAC,6BAA6B;MACvCC,cAAc,EAAGzC,OAAS;MAC1B0C,wBAAwB;MACxBC,YAAY,EAAG3D,EAAE,CAChB,0CACD,CAAG;MAAA2B,QAAA,eAEHjB,IAAA,CAAC0B,oBAAoB;QAACpB,OAAO,EAAGA;MAAS,CAAE;IAAC,CACtC,CAAC,GACL,IAAI;EACT;EACA,MAAM4C,mBAAmB,GAAGpD,iBAAiB,CAAC,CAAC,IAAIa,OAAO;EAC1D,MAAMwC,QAAQ,GAAGnB,QAAQ,IAAI,CAAEkB,mBAAmB;EAClD,oBACChD,KAAA,CAACE,eAAe;IACf0C,SAAS,EAAGhE,IAAI,CAAE,2BAA2B,EAAE;MAC9C,0BAA0B,EAAEgD;IAC7B,CAAE,CAAG;IACLsB,SAAS,EAAG9D,EAAE,CAAE,YAAa,CAAG;IAAA2B,QAAA,gBAEhCjB,IAAA;MACC8C,SAAS,EAAGhE,IAAI,CAAE,qCAAqC,EAAE;QACxD,oBAAoB,EAAEgD;MACvB,CAAE,CAAG;MAAAb,QAAA,eAELjB,IAAA,CAACjB,MAAM;QACNsE,OAAO,EAAC,WAAW;QACnBP,SAAS,EAAC,4CAA4C;QACtDQ,OAAO,EAAGA,CAAA,KAAMT,mBAAmB,CAAE,IAAK,CAAG;QAC7C,iBAAc,QAAQ;QACtBM,QAAQ,EAAGA,QAAU;QACrBI,yBAAyB;QAAAtC,QAAA,EAEvB3B,EAAE,CAAE,iBAAkB;MAAC,CAClB;IAAC,CACL,CAAC,EACJwC,cAAc,iBACf9B,IAAA,CAAC0B,oBAAoB;MAACpB,OAAO,EAAGA,OAAS;MAACqB,YAAY;IAAA,CAAE,CACxD;EAAA,CACe,CAAC;AAEpB","ignoreList":[]}

package/build-module/components/sidebar/index.js

@@ -1,4 +1,3 @@
-import { createElement } from "react";
 /**
  * External dependencies
  */
@@ -9,6 +8,7 @@ import clsx from 'clsx';
  */
 import { createContext, useContext, useState, useRef, useLayoutEffect } from '@wordpress/element';
 import { focus } from '@wordpress/dom';
+import { jsx as _jsx } from "react/jsx-runtime";
 export const SidebarNavigationContext = createContext(() => {});
 // Focus a sidebar element after a navigation. The element to focus is either
 // specified by `focusSelector` (when navigating back) or it is the first
@@ -62,22 +62,25 @@ function SidebarContentWrapper({
     'slide-from-left': navAnimation === 'back',
     'slide-from-right': navAnimation === 'forward'
   });
-  return createElement("div", {
+  return /*#__PURE__*/_jsx("div", {
     ref: wrapperRef,
-    className: wrapperCls
-  }, children);
+    className: wrapperCls,
+    children: children
+  });
 }
 export default function SidebarContent({
   routeKey,
   children
 }) {
   const [navState] = useState(createNavState);
-  return createElement(SidebarNavigationContext.Provider, {
-    value: navState
-  }, createElement("div", {
-    className: "edit-site-sidebar__content"
-  }, createElement(SidebarContentWrapper, {
-    key: routeKey
-  }, children)));
+  return /*#__PURE__*/_jsx(SidebarNavigationContext.Provider, {
+    value: navState,
+    children: /*#__PURE__*/_jsx("div", {
+      className: "edit-site-sidebar__content",
+      children: /*#__PURE__*/_jsx(SidebarContentWrapper, {
+        children: children
+      }, routeKey)
+    })
+  });
 }
 //# sourceMappingURL=index.js.map

package/build-module/components/sidebar/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["clsx","createContext","useContext","useState","useRef","useLayoutEffect","focus","SidebarNavigationContext","focusSidebarElement","el","direction","focusSelector","elementToFocus","querySelector","firstTabbable","tabbable","find","createNavState","state","get","navigate","SidebarContentWrapper","children","navState","wrapperRef","navAnimation","setNavAnimation","current","wrapperCls","createElement","ref","className","SidebarContent","routeKey","Provider","value","key"],"sources":["@wordpress/edit-site/src/components/sidebar/index.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport clsx from 'clsx';\n\n/**\n * WordPress dependencies\n */\nimport {\n\tcreateContext,\n\tuseContext,\n\tuseState,\n\tuseRef,\n\tuseLayoutEffect,\n} from '@wordpress/element';\nimport { focus } from '@wordpress/dom';\n\nexport const SidebarNavigationContext = createContext( () => {} );\n// Focus a sidebar element after a navigation. The element to focus is either\n// specified by `focusSelector` (when navigating back) or it is the first\n// tabbable element (usually the \"Back\" button).\nfunction focusSidebarElement( el, direction, focusSelector ) {\n\tlet elementToFocus;\n\tif ( direction === 'back' && focusSelector ) {\n\t\telementToFocus = el.querySelector( focusSelector );\n\t}\n\tif ( direction !== null && ! elementToFocus ) {\n\t\tconst [ firstTabbable ] = focus.tabbable.find( el );\n\t\telementToFocus = firstTabbable ?? el;\n\t}\n\telementToFocus?.focus();\n}\n\n// Navigation state that is updated when navigating back or forward. Helps us\n// manage the animations and also focus.\nfunction createNavState() {\n\tlet state = {\n\t\tdirection: null,\n\t\tfocusSelector: null,\n\t};\n\n\treturn {\n\t\tget() {\n\t\t\treturn state;\n\t\t},\n\t\tnavigate( direction, focusSelector = null ) {\n\t\t\tstate = {\n\t\t\t\tdirection,\n\t\t\t\tfocusSelector:\n\t\t\t\t\tdirection === 'forward' && focusSelector\n\t\t\t\t\t\t? focusSelector\n\t\t\t\t\t\t: state.focusSelector,\n\t\t\t};\n\t\t},\n\t};\n}\n\nfunction SidebarContentWrapper( { children } ) {\n\tconst navState = useContext( SidebarNavigationContext );\n\tconst wrapperRef = useRef();\n\tconst [ navAnimation, setNavAnimation ] = useState( null );\n\n\tuseLayoutEffect( () => {\n\t\tconst { direction, focusSelector } = navState.get();\n\t\tfocusSidebarElement( wrapperRef.current, direction, focusSelector );\n\t\tsetNavAnimation( direction );\n\t}, [ navState ] );\n\n\tconst wrapperCls = clsx( 'edit-site-sidebar__screen-wrapper', {\n\t\t'slide-from-left': navAnimation === 'back',\n\t\t'slide-from-right': navAnimation === 'forward',\n\t} );\n\n\treturn (\n\t\t<div ref={ wrapperRef } className={ wrapperCls }>\n\t\t\t{ children }\n\t\t</div>\n\t);\n}\n\nexport default function SidebarContent( { routeKey, children } ) {\n\tconst [ navState ] = useState( createNavState );\n\n\treturn (\n\t\t<SidebarNavigationContext.Provider value={ navState }>\n\t\t\t<div className=\"edit-site-sidebar__content\">\n\t\t\t\t<SidebarContentWrapper key={ routeKey }>\n\t\t\t\t\t{ children }\n\t\t\t\t</SidebarContentWrapper>\n\t\t\t</div>\n\t\t</SidebarNavigationContext.Provider>\n\t);\n}\n"],"mappings":";AAAA;AACA;AACA;AACA,OAAOA,IAAI,MAAM,MAAM;;AAEvB;AACA;AACA;AACA,SACCC,aAAa,EACbC,UAAU,EACVC,QAAQ,EACRC,MAAM,EACNC,eAAe,QACT,oBAAoB;AAC3B,SAASC,KAAK,QAAQ,gBAAgB;AAEtC,OAAO,MAAMC,wBAAwB,GAAGN,aAAa,CAAE,MAAM,CAAC,CAAE,CAAC;AACjE;AACA;AACA;AACA,SAASO,mBAAmBA,CAAEC,EAAE,EAAEC,SAAS,EAAEC,aAAa,EAAG;EAC5D,IAAIC,cAAc;EAClB,IAAKF,SAAS,KAAK,MAAM,IAAIC,aAAa,EAAG;IAC5CC,cAAc,GAAGH,EAAE,CAACI,aAAa,CAAEF,aAAc,CAAC;EACnD;EACA,IAAKD,SAAS,KAAK,IAAI,IAAI,CAAEE,cAAc,EAAG;IAC7C,MAAM,CAAEE,aAAa,CAAE,GAAGR,KAAK,CAACS,QAAQ,CAACC,IAAI,CAAEP,EAAG,CAAC;IACnDG,cAAc,GAAGE,aAAa,aAAbA,aAAa,cAAbA,aAAa,GAAIL,EAAE;EACrC;EACAG,cAAc,EAAEN,KAAK,CAAC,CAAC;AACxB;;AAEA;AACA;AACA,SAASW,cAAcA,CAAA,EAAG;EACzB,IAAIC,KAAK,GAAG;IACXR,SAAS,EAAE,IAAI;IACfC,aAAa,EAAE;EAChB,CAAC;EAED,OAAO;IACNQ,GAAGA,CAAA,EAAG;MACL,OAAOD,KAAK;IACb,CAAC;IACDE,QAAQA,CAAEV,SAAS,EAAEC,aAAa,GAAG,IAAI,EAAG;MAC3CO,KAAK,GAAG;QACPR,SAAS;QACTC,aAAa,EACZD,SAAS,KAAK,SAAS,IAAIC,aAAa,GACrCA,aAAa,GACbO,KAAK,CAACP;MACX,CAAC;IACF;EACD,CAAC;AACF;AAEA,SAASU,qBAAqBA,CAAE;EAAEC;AAAS,CAAC,EAAG;EAC9C,MAAMC,QAAQ,GAAGrB,UAAU,CAAEK,wBAAyB,CAAC;EACvD,MAAMiB,UAAU,GAAGpB,MAAM,CAAC,CAAC;EAC3B,MAAM,CAAEqB,YAAY,EAAEC,eAAe,CAAE,GAAGvB,QAAQ,CAAE,IAAK,CAAC;EAE1DE,eAAe,CAAE,MAAM;IACtB,MAAM;MAAEK,SAAS;MAAEC;IAAc,CAAC,GAAGY,QAAQ,CAACJ,GAAG,CAAC,CAAC;IACnDX,mBAAmB,CAAEgB,UAAU,CAACG,OAAO,EAAEjB,SAAS,EAAEC,aAAc,CAAC;IACnEe,eAAe,CAAEhB,SAAU,CAAC;EAC7B,CAAC,EAAE,CAAEa,QAAQ,CAAG,CAAC;EAEjB,MAAMK,UAAU,GAAG5B,IAAI,CAAE,mCAAmC,EAAE;IAC7D,iBAAiB,EAAEyB,YAAY,KAAK,MAAM;IAC1C,kBAAkB,EAAEA,YAAY,KAAK;EACtC,CAAE,CAAC;EAEH,OACCI,aAAA;IAAKC,GAAG,EAAGN,UAAY;IAACO,SAAS,EAAGH;EAAY,GAC7CN,QACE,CAAC;AAER;AAEA,eAAe,SAASU,cAAcA,CAAE;EAAEC,QAAQ;EAAEX;AAAS,CAAC,EAAG;EAChE,MAAM,CAAEC,QAAQ,CAAE,GAAGpB,QAAQ,CAAEc,cAAe,CAAC;EAE/C,OACCY,aAAA,CAACtB,wBAAwB,CAAC2B,QAAQ;IAACC,KAAK,EAAGZ;EAAU,GACpDM,aAAA;IAAKE,SAAS,EAAC;EAA4B,GAC1CF,aAAA,CAACR,qBAAqB;IAACe,GAAG,EAAGH;EAAU,GACpCX,QACoB,CACnB,CAC6B,CAAC;AAEtC","ignoreList":[]}
+{"version":3,"names":["clsx","createContext","useContext","useState","useRef","useLayoutEffect","focus","jsx","_jsx","SidebarNavigationContext","focusSidebarElement","el","direction","focusSelector","elementToFocus","querySelector","firstTabbable","tabbable","find","createNavState","state","get","navigate","SidebarContentWrapper","children","navState","wrapperRef","navAnimation","setNavAnimation","current","wrapperCls","ref","className","SidebarContent","routeKey","Provider","value"],"sources":["@wordpress/edit-site/src/components/sidebar/index.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport clsx from 'clsx';\n\n/**\n * WordPress dependencies\n */\nimport {\n\tcreateContext,\n\tuseContext,\n\tuseState,\n\tuseRef,\n\tuseLayoutEffect,\n} from '@wordpress/element';\nimport { focus } from '@wordpress/dom';\n\nexport const SidebarNavigationContext = createContext( () => {} );\n// Focus a sidebar element after a navigation. The element to focus is either\n// specified by `focusSelector` (when navigating back) or it is the first\n// tabbable element (usually the \"Back\" button).\nfunction focusSidebarElement( el, direction, focusSelector ) {\n\tlet elementToFocus;\n\tif ( direction === 'back' && focusSelector ) {\n\t\telementToFocus = el.querySelector( focusSelector );\n\t}\n\tif ( direction !== null && ! elementToFocus ) {\n\t\tconst [ firstTabbable ] = focus.tabbable.find( el );\n\t\telementToFocus = firstTabbable ?? el;\n\t}\n\telementToFocus?.focus();\n}\n\n// Navigation state that is updated when navigating back or forward. Helps us\n// manage the animations and also focus.\nfunction createNavState() {\n\tlet state = {\n\t\tdirection: null,\n\t\tfocusSelector: null,\n\t};\n\n\treturn {\n\t\tget() {\n\t\t\treturn state;\n\t\t},\n\t\tnavigate( direction, focusSelector = null ) {\n\t\t\tstate = {\n\t\t\t\tdirection,\n\t\t\t\tfocusSelector:\n\t\t\t\t\tdirection === 'forward' && focusSelector\n\t\t\t\t\t\t? focusSelector\n\t\t\t\t\t\t: state.focusSelector,\n\t\t\t};\n\t\t},\n\t};\n}\n\nfunction SidebarContentWrapper( { children } ) {\n\tconst navState = useContext( SidebarNavigationContext );\n\tconst wrapperRef = useRef();\n\tconst [ navAnimation, setNavAnimation ] = useState( null );\n\n\tuseLayoutEffect( () => {\n\t\tconst { direction, focusSelector } = navState.get();\n\t\tfocusSidebarElement( wrapperRef.current, direction, focusSelector );\n\t\tsetNavAnimation( direction );\n\t}, [ navState ] );\n\n\tconst wrapperCls = clsx( 'edit-site-sidebar__screen-wrapper', {\n\t\t'slide-from-left': navAnimation === 'back',\n\t\t'slide-from-right': navAnimation === 'forward',\n\t} );\n\n\treturn (\n\t\t<div ref={ wrapperRef } className={ wrapperCls }>\n\t\t\t{ children }\n\t\t</div>\n\t);\n}\n\nexport default function SidebarContent( { routeKey, children } ) {\n\tconst [ navState ] = useState( createNavState );\n\n\treturn (\n\t\t<SidebarNavigationContext.Provider value={ navState }>\n\t\t\t<div className=\"edit-site-sidebar__content\">\n\t\t\t\t<SidebarContentWrapper key={ routeKey }>\n\t\t\t\t\t{ children }\n\t\t\t\t</SidebarContentWrapper>\n\t\t\t</div>\n\t\t</SidebarNavigationContext.Provider>\n\t);\n}\n"],"mappings":"AAAA;AACA;AACA;AACA,OAAOA,IAAI,MAAM,MAAM;;AAEvB;AACA;AACA;AACA,SACCC,aAAa,EACbC,UAAU,EACVC,QAAQ,EACRC,MAAM,EACNC,eAAe,QACT,oBAAoB;AAC3B,SAASC,KAAK,QAAQ,gBAAgB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAEvC,OAAO,MAAMC,wBAAwB,GAAGR,aAAa,CAAE,MAAM,CAAC,CAAE,CAAC;AACjE;AACA;AACA;AACA,SAASS,mBAAmBA,CAAEC,EAAE,EAAEC,SAAS,EAAEC,aAAa,EAAG;EAC5D,IAAIC,cAAc;EAClB,IAAKF,SAAS,KAAK,MAAM,IAAIC,aAAa,EAAG;IAC5CC,cAAc,GAAGH,EAAE,CAACI,aAAa,CAAEF,aAAc,CAAC;EACnD;EACA,IAAKD,SAAS,KAAK,IAAI,IAAI,CAAEE,cAAc,EAAG;IAC7C,MAAM,CAAEE,aAAa,CAAE,GAAGV,KAAK,CAACW,QAAQ,CAACC,IAAI,CAAEP,EAAG,CAAC;IACnDG,cAAc,GAAGE,aAAa,aAAbA,aAAa,cAAbA,aAAa,GAAIL,EAAE;EACrC;EACAG,cAAc,EAAER,KAAK,CAAC,CAAC;AACxB;;AAEA;AACA;AACA,SAASa,cAAcA,CAAA,EAAG;EACzB,IAAIC,KAAK,GAAG;IACXR,SAAS,EAAE,IAAI;IACfC,aAAa,EAAE;EAChB,CAAC;EAED,OAAO;IACNQ,GAAGA,CAAA,EAAG;MACL,OAAOD,KAAK;IACb,CAAC;IACDE,QAAQA,CAAEV,SAAS,EAAEC,aAAa,GAAG,IAAI,EAAG;MAC3CO,KAAK,GAAG;QACPR,SAAS;QACTC,aAAa,EACZD,SAAS,KAAK,SAAS,IAAIC,aAAa,GACrCA,aAAa,GACbO,KAAK,CAACP;MACX,CAAC;IACF;EACD,CAAC;AACF;AAEA,SAASU,qBAAqBA,CAAE;EAAEC;AAAS,CAAC,EAAG;EAC9C,MAAMC,QAAQ,GAAGvB,UAAU,CAAEO,wBAAyB,CAAC;EACvD,MAAMiB,UAAU,GAAGtB,MAAM,CAAC,CAAC;EAC3B,MAAM,CAAEuB,YAAY,EAAEC,eAAe,CAAE,GAAGzB,QAAQ,CAAE,IAAK,CAAC;EAE1DE,eAAe,CAAE,MAAM;IACtB,MAAM;MAAEO,SAAS;MAAEC;IAAc,CAAC,GAAGY,QAAQ,CAACJ,GAAG,CAAC,CAAC;IACnDX,mBAAmB,CAAEgB,UAAU,CAACG,OAAO,EAAEjB,SAAS,EAAEC,aAAc,CAAC;IACnEe,eAAe,CAAEhB,SAAU,CAAC;EAC7B,CAAC,EAAE,CAAEa,QAAQ,CAAG,CAAC;EAEjB,MAAMK,UAAU,GAAG9B,IAAI,CAAE,mCAAmC,EAAE;IAC7D,iBAAiB,EAAE2B,YAAY,KAAK,MAAM;IAC1C,kBAAkB,EAAEA,YAAY,KAAK;EACtC,CAAE,CAAC;EAEH,oBACCnB,IAAA;IAAKuB,GAAG,EAAGL,UAAY;IAACM,SAAS,EAAGF,UAAY;IAAAN,QAAA,EAC7CA;EAAQ,CACN,CAAC;AAER;AAEA,eAAe,SAASS,cAAcA,CAAE;EAAEC,QAAQ;EAAEV;AAAS,CAAC,EAAG;EAChE,MAAM,CAAEC,QAAQ,CAAE,GAAGtB,QAAQ,CAAEgB,cAAe,CAAC;EAE/C,oBACCX,IAAA,CAACC,wBAAwB,CAAC0B,QAAQ;IAACC,KAAK,EAAGX,QAAU;IAAAD,QAAA,eACpDhB,IAAA;MAAKwB,SAAS,EAAC,4BAA4B;MAAAR,QAAA,eAC1ChB,IAAA,CAACe,qBAAqB;QAAAC,QAAA,EACnBA;MAAQ,GADkBU,QAEN;IAAC,CACpB;EAAC,CAC4B,CAAC;AAEtC","ignoreList":[]}

package/build-module/components/sidebar-button/index.js

@@ -1,4 +1,3 @@
-import { createElement } from "react";
 /**
  * External dependencies
  */
@@ -8,8 +7,9 @@ import clsx from 'clsx';
  * WordPress dependencies
  */
 import { Button } from '@wordpress/components';
+import { jsx as _jsx } from "react/jsx-runtime";
 export default function SidebarButton(props) {
-  return createElement(Button, {
+  return /*#__PURE__*/_jsx(Button, {
     ...props,
     className: clsx('edit-site-sidebar-button', props.className)
   });

package/build-module/components/sidebar-button/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["clsx","Button","SidebarButton","props","createElement","className"],"sources":["@wordpress/edit-site/src/components/sidebar-button/index.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport clsx from 'clsx';\n\n/**\n * WordPress dependencies\n */\nimport { Button } from '@wordpress/components';\n\nexport default function SidebarButton( props ) {\n\treturn (\n\t\t<Button\n\t\t\t{ ...props }\n\t\t\tclassName={ clsx( 'edit-site-sidebar-button', props.className ) }\n\t\t/>\n\t);\n}\n"],"mappings":";AAAA;AACA;AACA;AACA,OAAOA,IAAI,MAAM,MAAM;;AAEvB;AACA;AACA;AACA,SAASC,MAAM,QAAQ,uBAAuB;AAE9C,eAAe,SAASC,aAAaA,CAAEC,KAAK,EAAG;EAC9C,OACCC,aAAA,CAACH,MAAM;IAAA,GACDE,KAAK;IACVE,SAAS,EAAGL,IAAI,CAAE,0BAA0B,EAAEG,KAAK,CAACE,SAAU;EAAG,CACjE,CAAC;AAEJ","ignoreList":[]}
+{"version":3,"names":["clsx","Button","jsx","_jsx","SidebarButton","props","className"],"sources":["@wordpress/edit-site/src/components/sidebar-button/index.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport clsx from 'clsx';\n\n/**\n * WordPress dependencies\n */\nimport { Button } from '@wordpress/components';\n\nexport default function SidebarButton( props ) {\n\treturn (\n\t\t<Button\n\t\t\t{ ...props }\n\t\t\tclassName={ clsx( 'edit-site-sidebar-button', props.className ) }\n\t\t/>\n\t);\n}\n"],"mappings":"AAAA;AACA;AACA;AACA,OAAOA,IAAI,MAAM,MAAM;;AAEvB;AACA;AACA;AACA,SAASC,MAAM,QAAQ,uBAAuB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAE/C,eAAe,SAASC,aAAaA,CAAEC,KAAK,EAAG;EAC9C,oBACCF,IAAA,CAACF,MAAM;IAAA,GACDI,KAAK;IACVC,SAAS,EAAGN,IAAI,CAAE,0BAA0B,EAAEK,KAAK,CAACC,SAAU;EAAG,CACjE,CAAC;AAEJ","ignoreList":[]}

package/build-module/components/sidebar-dataviews/add-new-view.js

@@ -1,4 +1,3 @@
-import { createElement, Fragment } from "react";
 /**
  * WordPress dependencies
  */
@@ -16,26 +15,23 @@ import { privateApis as routerPrivateApis } from '@wordpress/router';
 import SidebarNavigationItem from '../sidebar-navigation-item';
 import { DEFAULT_VIEWS } from './default-views';
 import { unlock } from '../../lock-unlock';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+import { Fragment as _Fragment } from "react/jsx-runtime";
 const {
-  useHistory,
-  useLocation
+  useHistory
 } = unlock(routerPrivateApis);
 function AddNewItemModalContent({
   type,
   setIsAdding
 }) {
-  const {
-    params: {
-      path
-    }
-  } = useLocation();
   const history = useHistory();
   const {
     saveEntityRecord
   } = useDispatch(coreStore);
   const [title, setTitle] = useState('');
   const [isSaving, setIsSaving] = useState(false);
-  return createElement("form", {
+  return /*#__PURE__*/_jsx("form", {
     onSubmit: async event => {
       event.preventDefault();
       setIsSaving(true);
@@ -62,55 +58,69 @@ function AddNewItemModalContent({
         wp_dataviews_type: dataViewTaxonomyId,
         content: JSON.stringify(DEFAULT_VIEWS[type][0].view)
       });
+      const {
+        params: {
+          postType
+        }
+      } = history.getLocationWithParams();
       history.push({
-        path,
+        postType,
         activeView: savedRecord.id,
         isCustom: 'true'
       });
       setIsSaving(false);
       setIsAdding(false);
-    }
-  }, createElement(VStack, {
-    spacing: "5"
-  }, createElement(TextControl, {
-    __nextHasNoMarginBottom: true,
-    label: __('Name'),
-    value: title,
-    onChange: setTitle,
-    placeholder: __('My view'),
-    className: "patterns-create-modal__name-input"
-  }), createElement(HStack, {
-    justify: "right"
-  }, createElement(Button, {
-    variant: "tertiary",
-    onClick: () => {
-      setIsAdding(false);
-    }
-  }, __('Cancel')), createElement(Button, {
-    variant: "primary",
-    type: "submit",
-    "aria-disabled": !title || isSaving,
-    isBusy: isSaving
-  }, __('Create')))));
+    },
+    children: /*#__PURE__*/_jsxs(VStack, {
+      spacing: "5",
+      children: [/*#__PURE__*/_jsx(TextControl, {
+        __nextHasNoMarginBottom: true,
+        label: __('Name'),
+        value: title,
+        onChange: setTitle,
+        placeholder: __('My view'),
+        className: "patterns-create-modal__name-input"
+      }), /*#__PURE__*/_jsxs(HStack, {
+        justify: "right",
+        children: [/*#__PURE__*/_jsx(Button, {
+          variant: "tertiary",
+          onClick: () => {
+            setIsAdding(false);
+          },
+          children: __('Cancel')
+        }), /*#__PURE__*/_jsx(Button, {
+          variant: "primary",
+          type: "submit",
+          "aria-disabled": !title || isSaving,
+          isBusy: isSaving,
+          children: __('Create')
+        })]
+      })]
+    })
+  });
 }
 export default function AddNewItem({
   type
 }) {
   const [isAdding, setIsAdding] = useState(false);
-  return createElement(Fragment, null, createElement(SidebarNavigationItem, {
-    icon: plus,
-    onClick: () => {
-      setIsAdding(true);
-    },
-    className: "dataviews__siderbar-content-add-new-item"
-  }, __('New view')), isAdding && createElement(Modal, {
-    title: __('Add new view'),
-    onRequestClose: () => {
-      setIsAdding(false);
-    }
-  }, createElement(AddNewItemModalContent, {
-    type: type,
-    setIsAdding: setIsAdding
-  })));
+  return /*#__PURE__*/_jsxs(_Fragment, {
+    children: [/*#__PURE__*/_jsx(SidebarNavigationItem, {
+      icon: plus,
+      onClick: () => {
+        setIsAdding(true);
+      },
+      className: "dataviews__siderbar-content-add-new-item",
+      children: __('New view')
+    }), isAdding && /*#__PURE__*/_jsx(Modal, {
+      title: __('Add new view'),
+      onRequestClose: () => {
+        setIsAdding(false);
+      },
+      children: /*#__PURE__*/_jsx(AddNewItemModalContent, {
+        type: type,
+        setIsAdding: setIsAdding
+      })
+    })]
+  });
 }
 //# sourceMappingURL=add-new-view.js.map

package/build-module/components/sidebar-dataviews/add-new-view.js.map

@@ -1 +1 @@
-{"version":3,"names":["Modal","TextControl","__experimentalHStack","HStack","__experimentalVStack","VStack","Button","__","useDispatch","resolveSelect","store","coreStore","useState","plus","privateApis","routerPrivateApis","SidebarNavigationItem","DEFAULT_VIEWS","unlock","useHistory","useLocation","AddNewItemModalContent","type","setIsAdding","params","path","history","saveEntityRecord","title","setTitle","isSaving","setIsSaving","createElement","onSubmit","event","preventDefault","getEntityRecords","dataViewTaxonomyId","dataViewTypeRecords","slug","length","id","record","name","savedRecord","status","wp_dataviews_type","content","JSON","stringify","view","push","activeView","isCustom","spacing","__nextHasNoMarginBottom","label","value","onChange","placeholder","className","justify","variant","onClick","isBusy","AddNewItem","isAdding","Fragment","icon","onRequestClose"],"sources":["@wordpress/edit-site/src/components/sidebar-dataviews/add-new-view.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport {\n\tModal,\n\tTextControl,\n\t__experimentalHStack as HStack,\n\t__experimentalVStack as VStack,\n\tButton,\n} from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\nimport { useDispatch, resolveSelect } from '@wordpress/data';\nimport { store as coreStore } from '@wordpress/core-data';\nimport { useState } from '@wordpress/element';\nimport { plus } from '@wordpress/icons';\nimport { privateApis as routerPrivateApis } from '@wordpress/router';\n\n/**\n * Internal dependencies\n */\nimport SidebarNavigationItem from '../sidebar-navigation-item';\nimport { DEFAULT_VIEWS } from './default-views';\nimport { unlock } from '../../lock-unlock';\n\nconst { useHistory, useLocation } = unlock( routerPrivateApis );\n\nfunction AddNewItemModalContent( { type, setIsAdding } ) {\n\tconst {\n\t\tparams: { path },\n\t} = useLocation();\n\tconst history = useHistory();\n\tconst { saveEntityRecord } = useDispatch( coreStore );\n\tconst [ title, setTitle ] = useState( '' );\n\tconst [ isSaving, setIsSaving ] = useState( false );\n\treturn (\n\t\t<form\n\t\t\tonSubmit={ async ( event ) => {\n\t\t\t\tevent.preventDefault();\n\t\t\t\tsetIsSaving( true );\n\t\t\t\tconst { getEntityRecords } = resolveSelect( coreStore );\n\t\t\t\tlet dataViewTaxonomyId;\n\t\t\t\tconst dataViewTypeRecords = await getEntityRecords(\n\t\t\t\t\t'taxonomy',\n\t\t\t\t\t'wp_dataviews_type',\n\t\t\t\t\t{ slug: type }\n\t\t\t\t);\n\t\t\t\tif ( dataViewTypeRecords && dataViewTypeRecords.length > 0 ) {\n\t\t\t\t\tdataViewTaxonomyId = dataViewTypeRecords[ 0 ].id;\n\t\t\t\t} else {\n\t\t\t\t\tconst record = await saveEntityRecord(\n\t\t\t\t\t\t'taxonomy',\n\t\t\t\t\t\t'wp_dataviews_type',\n\t\t\t\t\t\t{ name: type }\n\t\t\t\t\t);\n\t\t\t\t\tif ( record && record.id ) {\n\t\t\t\t\t\tdataViewTaxonomyId = record.id;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t\tconst savedRecord = await saveEntityRecord(\n\t\t\t\t\t'postType',\n\t\t\t\t\t'wp_dataviews',\n\t\t\t\t\t{\n\t\t\t\t\t\ttitle,\n\t\t\t\t\t\tstatus: 'publish',\n\t\t\t\t\t\twp_dataviews_type: dataViewTaxonomyId,\n\t\t\t\t\t\tcontent: JSON.stringify(\n\t\t\t\t\t\t\tDEFAULT_VIEWS[ type ][ 0 ].view\n\t\t\t\t\t\t),\n\t\t\t\t\t}\n\t\t\t\t);\n\t\t\t\thistory.push( {\n\t\t\t\t\tpath,\n\t\t\t\t\tactiveView: savedRecord.id,\n\t\t\t\t\tisCustom: 'true',\n\t\t\t\t} );\n\t\t\t\tsetIsSaving( false );\n\t\t\t\tsetIsAdding( false );\n\t\t\t} }\n\t\t>\n\t\t\t<VStack spacing=\"5\">\n\t\t\t\t<TextControl\n\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\tlabel={ __( 'Name' ) }\n\t\t\t\t\tvalue={ title }\n\t\t\t\t\tonChange={ setTitle }\n\t\t\t\t\tplaceholder={ __( 'My view' ) }\n\t\t\t\t\tclassName=\"patterns-create-modal__name-input\"\n\t\t\t\t/>\n\t\t\t\t<HStack justify=\"right\">\n\t\t\t\t\t<Button\n\t\t\t\t\t\tvariant=\"tertiary\"\n\t\t\t\t\t\tonClick={ () => {\n\t\t\t\t\t\t\tsetIsAdding( false );\n\t\t\t\t\t\t} }\n\t\t\t\t\t>\n\t\t\t\t\t\t{ __( 'Cancel' ) }\n\t\t\t\t\t</Button>\n\n\t\t\t\t\t<Button\n\t\t\t\t\t\tvariant=\"primary\"\n\t\t\t\t\t\ttype=\"submit\"\n\t\t\t\t\t\taria-disabled={ ! title || isSaving }\n\t\t\t\t\t\tisBusy={ isSaving }\n\t\t\t\t\t>\n\t\t\t\t\t\t{ __( 'Create' ) }\n\t\t\t\t\t</Button>\n\t\t\t\t</HStack>\n\t\t\t</VStack>\n\t\t</form>\n\t);\n}\n\nexport default function AddNewItem( { type } ) {\n\tconst [ isAdding, setIsAdding ] = useState( false );\n\treturn (\n\t\t<>\n\t\t\t<SidebarNavigationItem\n\t\t\t\ticon={ plus }\n\t\t\t\tonClick={ () => {\n\t\t\t\t\tsetIsAdding( true );\n\t\t\t\t} }\n\t\t\t\tclassName=\"dataviews__siderbar-content-add-new-item\"\n\t\t\t>\n\t\t\t\t{ __( 'New view' ) }\n\t\t\t</SidebarNavigationItem>\n\t\t\t{ isAdding && (\n\t\t\t\t<Modal\n\t\t\t\t\ttitle={ __( 'Add new view' ) }\n\t\t\t\t\tonRequestClose={ () => {\n\t\t\t\t\t\tsetIsAdding( false );\n\t\t\t\t\t} }\n\t\t\t\t>\n\t\t\t\t\t<AddNewItemModalContent\n\t\t\t\t\t\ttype={ type }\n\t\t\t\t\t\tsetIsAdding={ setIsAdding }\n\t\t\t\t\t/>\n\t\t\t\t</Modal>\n\t\t\t) }\n\t\t</>\n\t);\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["Modal","TextControl","__experimentalHStack","HStack","__experimentalVStack","VStack","Button","__","useDispatch","resolveSelect","store","coreStore","useState","plus","privateApis","routerPrivateApis","SidebarNavigationItem","DEFAULT_VIEWS","unlock","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","useHistory","AddNewItemModalContent","type","setIsAdding","history","saveEntityRecord","title","setTitle","isSaving","setIsSaving","onSubmit","event","preventDefault","getEntityRecords","dataViewTaxonomyId","dataViewTypeRecords","slug","length","id","record","name","savedRecord","status","wp_dataviews_type","content","JSON","stringify","view","params","postType","getLocationWithParams","push","activeView","isCustom","children","spacing","__nextHasNoMarginBottom","label","value","onChange","placeholder","className","justify","variant","onClick","isBusy","AddNewItem","isAdding","icon","onRequestClose"],"sources":["@wordpress/edit-site/src/components/sidebar-dataviews/add-new-view.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport {\n\tModal,\n\tTextControl,\n\t__experimentalHStack as HStack,\n\t__experimentalVStack as VStack,\n\tButton,\n} from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\nimport { useDispatch, resolveSelect } from '@wordpress/data';\nimport { store as coreStore } from '@wordpress/core-data';\nimport { useState } from '@wordpress/element';\nimport { plus } from '@wordpress/icons';\nimport { privateApis as routerPrivateApis } from '@wordpress/router';\n\n/**\n * Internal dependencies\n */\nimport SidebarNavigationItem from '../sidebar-navigation-item';\nimport { DEFAULT_VIEWS } from './default-views';\nimport { unlock } from '../../lock-unlock';\n\nconst { useHistory } = unlock( routerPrivateApis );\n\nfunction AddNewItemModalContent( { type, setIsAdding } ) {\n\tconst history = useHistory();\n\tconst { saveEntityRecord } = useDispatch( coreStore );\n\tconst [ title, setTitle ] = useState( '' );\n\tconst [ isSaving, setIsSaving ] = useState( false );\n\treturn (\n\t\t<form\n\t\t\tonSubmit={ async ( event ) => {\n\t\t\t\tevent.preventDefault();\n\t\t\t\tsetIsSaving( true );\n\t\t\t\tconst { getEntityRecords } = resolveSelect( coreStore );\n\t\t\t\tlet dataViewTaxonomyId;\n\t\t\t\tconst dataViewTypeRecords = await getEntityRecords(\n\t\t\t\t\t'taxonomy',\n\t\t\t\t\t'wp_dataviews_type',\n\t\t\t\t\t{ slug: type }\n\t\t\t\t);\n\t\t\t\tif ( dataViewTypeRecords && dataViewTypeRecords.length > 0 ) {\n\t\t\t\t\tdataViewTaxonomyId = dataViewTypeRecords[ 0 ].id;\n\t\t\t\t} else {\n\t\t\t\t\tconst record = await saveEntityRecord(\n\t\t\t\t\t\t'taxonomy',\n\t\t\t\t\t\t'wp_dataviews_type',\n\t\t\t\t\t\t{ name: type }\n\t\t\t\t\t);\n\t\t\t\t\tif ( record && record.id ) {\n\t\t\t\t\t\tdataViewTaxonomyId = record.id;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t\tconst savedRecord = await saveEntityRecord(\n\t\t\t\t\t'postType',\n\t\t\t\t\t'wp_dataviews',\n\t\t\t\t\t{\n\t\t\t\t\t\ttitle,\n\t\t\t\t\t\tstatus: 'publish',\n\t\t\t\t\t\twp_dataviews_type: dataViewTaxonomyId,\n\t\t\t\t\t\tcontent: JSON.stringify(\n\t\t\t\t\t\t\tDEFAULT_VIEWS[ type ][ 0 ].view\n\t\t\t\t\t\t),\n\t\t\t\t\t}\n\t\t\t\t);\n\t\t\t\tconst {\n\t\t\t\t\tparams: { postType },\n\t\t\t\t} = history.getLocationWithParams();\n\t\t\t\thistory.push( {\n\t\t\t\t\tpostType,\n\t\t\t\t\tactiveView: savedRecord.id,\n\t\t\t\t\tisCustom: 'true',\n\t\t\t\t} );\n\t\t\t\tsetIsSaving( false );\n\t\t\t\tsetIsAdding( false );\n\t\t\t} }\n\t\t>\n\t\t\t<VStack spacing=\"5\">\n\t\t\t\t<TextControl\n\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\tlabel={ __( 'Name' ) }\n\t\t\t\t\tvalue={ title }\n\t\t\t\t\tonChange={ setTitle }\n\t\t\t\t\tplaceholder={ __( 'My view' ) }\n\t\t\t\t\tclassName=\"patterns-create-modal__name-input\"\n\t\t\t\t/>\n\t\t\t\t<HStack justify=\"right\">\n\t\t\t\t\t<Button\n\t\t\t\t\t\tvariant=\"tertiary\"\n\t\t\t\t\t\tonClick={ () => {\n\t\t\t\t\t\t\tsetIsAdding( false );\n\t\t\t\t\t\t} }\n\t\t\t\t\t>\n\t\t\t\t\t\t{ __( 'Cancel' ) }\n\t\t\t\t\t</Button>\n\n\t\t\t\t\t<Button\n\t\t\t\t\t\tvariant=\"primary\"\n\t\t\t\t\t\ttype=\"submit\"\n\t\t\t\t\t\taria-disabled={ ! title || isSaving }\n\t\t\t\t\t\tisBusy={ isSaving }\n\t\t\t\t\t>\n\t\t\t\t\t\t{ __( 'Create' ) }\n\t\t\t\t\t</Button>\n\t\t\t\t</HStack>\n\t\t\t</VStack>\n\t\t</form>\n\t);\n}\n\nexport default function AddNewItem( { type } ) {\n\tconst [ isAdding, setIsAdding ] = useState( false );\n\treturn (\n\t\t<>\n\t\t\t<SidebarNavigationItem\n\t\t\t\ticon={ plus }\n\t\t\t\tonClick={ () => {\n\t\t\t\t\tsetIsAdding( true );\n\t\t\t\t} }\n\t\t\t\tclassName=\"dataviews__siderbar-content-add-new-item\"\n\t\t\t>\n\t\t\t\t{ __( 'New view' ) }\n\t\t\t</SidebarNavigationItem>\n\t\t\t{ isAdding && (\n\t\t\t\t<Modal\n\t\t\t\t\ttitle={ __( 'Add new view' ) }\n\t\t\t\t\tonRequestClose={ () => {\n\t\t\t\t\t\tsetIsAdding( false );\n\t\t\t\t\t} }\n\t\t\t\t>\n\t\t\t\t\t<AddNewItemModalContent\n\t\t\t\t\t\ttype={ type }\n\t\t\t\t\t\tsetIsAdding={ setIsAdding }\n\t\t\t\t\t/>\n\t\t\t\t</Modal>\n\t\t\t) }\n\t\t</>\n\t);\n}\n"],"mappings":"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","ignoreList":[]}