@wordpress/editor 14.32.0 → 14.32.1-next.ff1cebbba.0

package/build-module/components/post-publish-panel/maybe-post-format-panel.js.map

@@ -1 +1,7 @@
-{"version":3,"names":["Button","PanelBody","useDispatch","useSelect","__","sprintf","store","coreStore","POST_FORMATS","editorStore","jsx","_jsx","jsxs","_jsxs","getSuggestion","supportedFormats","suggestedPostFormat","formats","filter","format","includes","id","find","PostFormatSuggestion","suggestionText","onUpdatePostFormat","__next40pxDefaultSize","variant","onClick","children","PostFormatPanel","currentPostFormat","suggestion","select","_select$getThemeSuppo","getEditedPostAttribute","getSuggestedPostFormat","getThemeSupports","editPost","panelBodyTitle","className","initialOpen","title","caption"],"sources":["@wordpress/editor/src/components/post-publish-panel/maybe-post-format-panel.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { Button, PanelBody } from '@wordpress/components';\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 { POST_FORMATS } from '../post-format';\nimport { store as editorStore } from '../../store';\n\nconst getSuggestion = ( supportedFormats, suggestedPostFormat ) => {\n\tconst formats = POST_FORMATS.filter( ( format ) =>\n\t\tsupportedFormats?.includes( format.id )\n\t);\n\treturn formats.find( ( format ) => format.id === suggestedPostFormat );\n};\n\nconst PostFormatSuggestion = ( {\n\tsuggestedPostFormat,\n\tsuggestionText,\n\tonUpdatePostFormat,\n} ) => (\n\t<Button\n\t\t__next40pxDefaultSize\n\t\tvariant=\"link\"\n\t\tonClick={ () => onUpdatePostFormat( suggestedPostFormat ) }\n\t>\n\t\t{ suggestionText }\n\t</Button>\n);\n\nexport default function PostFormatPanel() {\n\tconst { currentPostFormat, suggestion } = useSelect( ( select ) => {\n\t\tconst { getEditedPostAttribute, getSuggestedPostFormat } =\n\t\t\tselect( editorStore );\n\t\tconst supportedFormats =\n\t\t\tselect( coreStore ).getThemeSupports().formats ?? [];\n\t\treturn {\n\t\t\tcurrentPostFormat: getEditedPostAttribute( 'format' ),\n\t\t\tsuggestion: getSuggestion(\n\t\t\t\tsupportedFormats,\n\t\t\t\tgetSuggestedPostFormat()\n\t\t\t),\n\t\t};\n\t}, [] );\n\n\tconst { editPost } = useDispatch( editorStore );\n\n\tconst onUpdatePostFormat = ( format ) => editPost( { format } );\n\n\tconst panelBodyTitle = [\n\t\t__( 'Suggestion:' ),\n\t\t<span className=\"editor-post-publish-panel__link\" key=\"label\">\n\t\t\t{ __( 'Use a post format' ) }\n\t\t</span>,\n\t];\n\n\tif ( ! suggestion || suggestion.id === currentPostFormat ) {\n\t\treturn null;\n\t}\n\n\treturn (\n\t\t<PanelBody initialOpen={ false } title={ panelBodyTitle }>\n\t\t\t<p>\n\t\t\t\t{ __(\n\t\t\t\t\t'Your theme uses post formats to highlight different kinds of content, like images or videos. Apply a post format to see this special styling.'\n\t\t\t\t) }\n\t\t\t</p>\n\t\t\t<p>\n\t\t\t\t<PostFormatSuggestion\n\t\t\t\t\tonUpdatePostFormat={ onUpdatePostFormat }\n\t\t\t\t\tsuggestedPostFormat={ suggestion.id }\n\t\t\t\t\tsuggestionText={ sprintf(\n\t\t\t\t\t\t/* translators: %1s: post format */\n\t\t\t\t\t\t__( 'Apply the \"%1$s\" format.' ),\n\t\t\t\t\t\tsuggestion.caption\n\t\t\t\t\t) }\n\t\t\t\t/>\n\t\t\t</p>\n\t\t</PanelBody>\n\t);\n}\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,MAAM,EAAEC,SAAS,QAAQ,uBAAuB;AACzD,SAASC,WAAW,EAAEC,SAAS,QAAQ,iBAAiB;AACxD,SAASC,EAAE,EAAEC,OAAO,QAAQ,iBAAiB;AAC7C,SAASC,KAAK,IAAIC,SAAS,QAAQ,sBAAsB;;AAEzD;AACA;AACA;AACA,SAASC,YAAY,QAAQ,gBAAgB;AAC7C,SAASF,KAAK,IAAIG,WAAW,QAAQ,aAAa;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAEnD,MAAMC,aAAa,GAAGA,CAAEC,gBAAgB,EAAEC,mBAAmB,KAAM;EAClE,MAAMC,OAAO,GAAGT,YAAY,CAACU,MAAM,CAAIC,MAAM,IAC5CJ,gBAAgB,EAAEK,QAAQ,CAAED,MAAM,CAACE,EAAG,CACvC,CAAC;EACD,OAAOJ,OAAO,CAACK,IAAI,CAAIH,MAAM,IAAMA,MAAM,CAACE,EAAE,KAAKL,mBAAoB,CAAC;AACvE,CAAC;AAED,MAAMO,oBAAoB,GAAGA,CAAE;EAC9BP,mBAAmB;EACnBQ,cAAc;EACdC;AACD,CAAC,kBACAd,IAAA,CAACX,MAAM;EACN0B,qBAAqB;EACrBC,OAAO,EAAC,MAAM;EACdC,OAAO,EAAGA,CAAA,KAAMH,kBAAkB,CAAET,mBAAoB,CAAG;EAAAa,QAAA,EAEzDL;AAAc,CACT,CACR;AAED,eAAe,SAASM,eAAeA,CAAA,EAAG;EACzC,MAAM;IAAEC,iBAAiB;IAAEC;EAAW,CAAC,GAAG7B,SAAS,CAAI8B,MAAM,IAAM;IAAA,IAAAC,qBAAA;IAClE,MAAM;MAAEC,sBAAsB;MAAEC;IAAuB,CAAC,GACvDH,MAAM,CAAExB,WAAY,CAAC;IACtB,MAAMM,gBAAgB,IAAAmB,qBAAA,GACrBD,MAAM,CAAE1B,SAAU,CAAC,CAAC8B,gBAAgB,CAAC,CAAC,CAACpB,OAAO,cAAAiB,qBAAA,cAAAA,qBAAA,GAAI,EAAE;IACrD,OAAO;MACNH,iBAAiB,EAAEI,sBAAsB,CAAE,QAAS,CAAC;MACrDH,UAAU,EAAElB,aAAa,CACxBC,gBAAgB,EAChBqB,sBAAsB,CAAC,CACxB;IACD,CAAC;EACF,CAAC,EAAE,EAAG,CAAC;EAEP,MAAM;IAAEE;EAAS,CAAC,GAAGpC,WAAW,CAAEO,WAAY,CAAC;EAE/C,MAAMgB,kBAAkB,GAAKN,MAAM,IAAMmB,QAAQ,CAAE;IAAEnB;EAAO,CAAE,CAAC;EAE/D,MAAMoB,cAAc,GAAG,CACtBnC,EAAE,CAAE,aAAc,CAAC,eACnBO,IAAA;IAAM6B,SAAS,EAAC,iCAAiC;IAAAX,QAAA,EAC9CzB,EAAE,CAAE,mBAAoB;EAAC,GAD0B,OAEhD,CAAC,CACP;EAED,IAAK,CAAE4B,UAAU,IAAIA,UAAU,CAACX,EAAE,KAAKU,iBAAiB,EAAG;IAC1D,OAAO,IAAI;EACZ;EAEA,oBACClB,KAAA,CAACZ,SAAS;IAACwC,WAAW,EAAG,KAAO;IAACC,KAAK,EAAGH,cAAgB;IAAAV,QAAA,gBACxDlB,IAAA;MAAAkB,QAAA,EACGzB,EAAE,CACH,+IACD;IAAC,CACC,CAAC,eACJO,IAAA;MAAAkB,QAAA,eACClB,IAAA,CAACY,oBAAoB;QACpBE,kBAAkB,EAAGA,kBAAoB;QACzCT,mBAAmB,EAAGgB,UAAU,CAACX,EAAI;QACrCG,cAAc,EAAGnB,OAAO,CACvB;QACAD,EAAE,CAAE,0BAA2B,CAAC,EAChC4B,UAAU,CAACW,OACZ;MAAG,CACH;IAAC,CACA,CAAC;EAAA,CACM,CAAC;AAEd","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../../src/components/post-publish-panel/maybe-post-format-panel.js"],
+  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { Button, PanelBody } from '@wordpress/components';\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 { POST_FORMATS } from '../post-format';\nimport { store as editorStore } from '../../store';\n\nconst getSuggestion = ( supportedFormats, suggestedPostFormat ) => {\n\tconst formats = POST_FORMATS.filter( ( format ) =>\n\t\tsupportedFormats?.includes( format.id )\n\t);\n\treturn formats.find( ( format ) => format.id === suggestedPostFormat );\n};\n\nconst PostFormatSuggestion = ( {\n\tsuggestedPostFormat,\n\tsuggestionText,\n\tonUpdatePostFormat,\n} ) => (\n\t<Button\n\t\t__next40pxDefaultSize\n\t\tvariant=\"link\"\n\t\tonClick={ () => onUpdatePostFormat( suggestedPostFormat ) }\n\t>\n\t\t{ suggestionText }\n\t</Button>\n);\n\nexport default function PostFormatPanel() {\n\tconst { currentPostFormat, suggestion } = useSelect( ( select ) => {\n\t\tconst { getEditedPostAttribute, getSuggestedPostFormat } =\n\t\t\tselect( editorStore );\n\t\tconst supportedFormats =\n\t\t\tselect( coreStore ).getThemeSupports().formats ?? [];\n\t\treturn {\n\t\t\tcurrentPostFormat: getEditedPostAttribute( 'format' ),\n\t\t\tsuggestion: getSuggestion(\n\t\t\t\tsupportedFormats,\n\t\t\t\tgetSuggestedPostFormat()\n\t\t\t),\n\t\t};\n\t}, [] );\n\n\tconst { editPost } = useDispatch( editorStore );\n\n\tconst onUpdatePostFormat = ( format ) => editPost( { format } );\n\n\tconst panelBodyTitle = [\n\t\t__( 'Suggestion:' ),\n\t\t<span className=\"editor-post-publish-panel__link\" key=\"label\">\n\t\t\t{ __( 'Use a post format' ) }\n\t\t</span>,\n\t];\n\n\tif ( ! suggestion || suggestion.id === currentPostFormat ) {\n\t\treturn null;\n\t}\n\n\treturn (\n\t\t<PanelBody initialOpen={ false } title={ panelBodyTitle }>\n\t\t\t<p>\n\t\t\t\t{ __(\n\t\t\t\t\t'Your theme uses post formats to highlight different kinds of content, like images or videos. Apply a post format to see this special styling.'\n\t\t\t\t) }\n\t\t\t</p>\n\t\t\t<p>\n\t\t\t\t<PostFormatSuggestion\n\t\t\t\t\tonUpdatePostFormat={ onUpdatePostFormat }\n\t\t\t\t\tsuggestedPostFormat={ suggestion.id }\n\t\t\t\t\tsuggestionText={ sprintf(\n\t\t\t\t\t\t/* translators: %1s: post format */\n\t\t\t\t\t\t__( 'Apply the \"%1$s\" format.' ),\n\t\t\t\t\t\tsuggestion.caption\n\t\t\t\t\t) }\n\t\t\t\t/>\n\t\t\t</p>\n\t\t</PanelBody>\n\t);\n}\n"],
+  "mappings": "AA0BC,cAwCC,YAxCD;AAvBD,SAAS,QAAQ,iBAAiB;AAClC,SAAS,aAAa,iBAAiB;AACvC,SAAS,IAAI,eAAe;AAC5B,SAAS,SAAS,iBAAiB;AAKnC,SAAS,oBAAoB;AAC7B,SAAS,SAAS,mBAAmB;AAErC,MAAM,gBAAgB,CAAE,kBAAkB,wBAAyB;AAClE,QAAM,UAAU,aAAa;AAAA,IAAQ,CAAE,WACtC,kBAAkB,SAAU,OAAO,EAAG;AAAA,EACvC;AACA,SAAO,QAAQ,KAAM,CAAE,WAAY,OAAO,OAAO,mBAAoB;AACtE;AAEA,MAAM,uBAAuB,CAAE;AAAA,EAC9B;AAAA,EACA;AAAA,EACA;AACD,MACC;AAAA,EAAC;AAAA;AAAA,IACA,uBAAqB;AAAA,IACrB,SAAQ;AAAA,IACR,SAAU,MAAM,mBAAoB,mBAAoB;AAAA,IAEtD;AAAA;AACH;AAGc,SAAR,kBAAmC;AACzC,QAAM,EAAE,mBAAmB,WAAW,IAAI,UAAW,CAAE,WAAY;AAClE,UAAM,EAAE,wBAAwB,uBAAuB,IACtD,OAAQ,WAAY;AACrB,UAAM,mBACL,OAAQ,SAAU,EAAE,iBAAiB,EAAE,WAAW,CAAC;AACpD,WAAO;AAAA,MACN,mBAAmB,uBAAwB,QAAS;AAAA,MACpD,YAAY;AAAA,QACX;AAAA,QACA,uBAAuB;AAAA,MACxB;AAAA,IACD;AAAA,EACD,GAAG,CAAC,CAAE;AAEN,QAAM,EAAE,SAAS,IAAI,YAAa,WAAY;AAE9C,QAAM,qBAAqB,CAAE,WAAY,SAAU,EAAE,OAAO,CAAE;AAE9D,QAAM,iBAAiB;AAAA,IACtB,GAAI,aAAc;AAAA,IAClB,oBAAC,UAAK,WAAU,mCACb,aAAI,mBAAoB,KAD2B,OAEtD;AAAA,EACD;AAEA,MAAK,CAAE,cAAc,WAAW,OAAO,mBAAoB;AAC1D,WAAO;AAAA,EACR;AAEA,SACC,qBAAC,aAAU,aAAc,OAAQ,OAAQ,gBACxC;AAAA,wBAAC,OACE;AAAA,MACD;AAAA,IACD,GACD;AAAA,IACA,oBAAC,OACA;AAAA,MAAC;AAAA;AAAA,QACA;AAAA,QACA,qBAAsB,WAAW;AAAA,QACjC,gBAAiB;AAAA;AAAA,UAEhB,GAAI,0BAA2B;AAAA,UAC/B,WAAW;AAAA,QACZ;AAAA;AAAA,IACD,GACD;AAAA,KACD;AAEF;",
+  "names": []
+}

package/build-module/components/post-publish-panel/maybe-tags-panel.js

@@ -1,87 +1,71 @@
-/**
- * WordPress dependencies
- */
-import { __, sprintf } from '@wordpress/i18n';
-import { useState } from '@wordpress/element';
-import { useSelect } from '@wordpress/data';
-import { PanelBody } from '@wordpress/components';
-import { store as coreStore } from '@wordpress/core-data';
-
-/**
- * Internal dependencies
- */
-import FlatTermSelector from '../post-taxonomies/flat-term-selector';
-import { store as editorStore } from '../../store';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { __, sprintf } from "@wordpress/i18n";
+import { useState } from "@wordpress/element";
+import { useSelect } from "@wordpress/data";
+import { PanelBody } from "@wordpress/components";
+import { store as coreStore } from "@wordpress/core-data";
+import FlatTermSelector from "../post-taxonomies/flat-term-selector";
+import { store as editorStore } from "../../store";
 const TagsPanel = () => {
-  var _tagLabels$add_new_it, _tagLabels$name;
-  const tagLabels = useSelect(select => {
-    const taxonomy = select(coreStore).getTaxonomy('post_tag');
+  const tagLabels = useSelect((select) => {
+    const taxonomy = select(coreStore).getTaxonomy("post_tag");
     return taxonomy?.labels;
   }, []);
-  const addNewItem = (_tagLabels$add_new_it = tagLabels?.add_new_item) !== null && _tagLabels$add_new_it !== void 0 ? _tagLabels$add_new_it : __('Add tag');
-  const tagLabel = (_tagLabels$name = tagLabels?.name) !== null && _tagLabels$name !== void 0 ? _tagLabels$name : __('Tags');
-  const panelBodyTitle = [__('Suggestion:'), /*#__PURE__*/_jsx("span", {
-    className: "editor-post-publish-panel__link",
-    children: addNewItem
-  }, "label")];
-  return /*#__PURE__*/_jsxs(PanelBody, {
-    initialOpen: false,
-    title: panelBodyTitle,
-    children: [/*#__PURE__*/_jsx("p", {
-      children: sprintf(
+  const addNewItem = tagLabels?.add_new_item ?? __("Add tag");
+  const tagLabel = tagLabels?.name ?? __("Tags");
+  const panelBodyTitle = [
+    __("Suggestion:"),
+    /* @__PURE__ */ jsx("span", { className: "editor-post-publish-panel__link", children: addNewItem }, "label")
+  ];
+  return /* @__PURE__ */ jsxs(PanelBody, { initialOpen: false, title: panelBodyTitle, children: [
+    /* @__PURE__ */ jsx("p", { children: sprintf(
       // translators: %s is the taxonomy name (e.g., "Tags").
-      __('%s help users and search engines navigate your site and find your content. Add a few keywords to describe your post.'), tagLabel)
-    }), /*#__PURE__*/_jsx(FlatTermSelector, {
-      slug: "post_tag",
-      __nextHasNoMarginBottom: true
-    })]
-  });
+      __(
+        "%s help users and search engines navigate your site and find your content. Add a few keywords to describe your post."
+      ),
+      tagLabel
+    ) }),
+    /* @__PURE__ */ jsx(FlatTermSelector, { slug: "post_tag", __nextHasNoMarginBottom: true })
+  ] });
 };
 const MaybeTagsPanel = () => {
-  const {
-    postHasTags,
-    siteHasTags,
-    isPostTypeSupported
-  } = useSelect(select => {
-    const postType = select(editorStore).getCurrentPostType();
-    const tagsTaxonomy = select(coreStore).getEntityRecord('root', 'taxonomy', 'post_tag');
-    const _isPostTypeSupported = tagsTaxonomy?.types?.includes(postType);
-    const areTagsFetched = tagsTaxonomy !== undefined;
-    const tags = tagsTaxonomy && select(editorStore).getEditedPostAttribute(tagsTaxonomy.rest_base);
-    const siteTags = _isPostTypeSupported ? !!select(coreStore).getEntityRecords('taxonomy', 'post_tag', {
-      per_page: 1
-    })?.length : false;
-    return {
-      postHasTags: !!tags?.length,
-      siteHasTags: siteTags,
-      isPostTypeSupported: areTagsFetched && _isPostTypeSupported
-    };
-  }, []);
+  const { postHasTags, siteHasTags, isPostTypeSupported } = useSelect(
+    (select) => {
+      const postType = select(editorStore).getCurrentPostType();
+      const tagsTaxonomy = select(coreStore).getEntityRecord(
+        "root",
+        "taxonomy",
+        "post_tag"
+      );
+      const _isPostTypeSupported = tagsTaxonomy?.types?.includes(postType);
+      const areTagsFetched = tagsTaxonomy !== void 0;
+      const tags = tagsTaxonomy && select(editorStore).getEditedPostAttribute(
+        tagsTaxonomy.rest_base
+      );
+      const siteTags = _isPostTypeSupported ? !!select(coreStore).getEntityRecords(
+        "taxonomy",
+        "post_tag",
+        { per_page: 1 }
+      )?.length : false;
+      return {
+        postHasTags: !!tags?.length,
+        siteHasTags: siteTags,
+        isPostTypeSupported: areTagsFetched && _isPostTypeSupported
+      };
+    },
+    []
+  );
   const [hadTagsWhenOpeningThePanel] = useState(postHasTags);
-
-  /**
-   * We only want to show the tag panel if the post type supports
-   * tags and the site has tags.
-   */
   if (!isPostTypeSupported || !siteHasTags) {
     return null;
   }
-
-  /*
-   * We only want to show the tag panel if the post didn't have
-   * any tags when the user hit the Publish button.
-   *
-   * We can't use the prop.postHasTags because it'll change to true
-   * if the user adds a new tag within the pre-publish panel.
-   * This would force a re-render and a new prop.postHasTags check,
-   * hiding this panel and keeping the user from adding
-   * more than one tag.
-   */
   if (!hadTagsWhenOpeningThePanel) {
-    return /*#__PURE__*/_jsx(TagsPanel, {});
+    return /* @__PURE__ */ jsx(TagsPanel, {});
   }
   return null;
 };
-export default MaybeTagsPanel;
-//# sourceMappingURL=maybe-tags-panel.js.map
+var maybe_tags_panel_default = MaybeTagsPanel;
+export {
+  maybe_tags_panel_default as default
+};
+//# sourceMappingURL=maybe-tags-panel.js.map

package/build-module/components/post-publish-panel/maybe-tags-panel.js.map

@@ -1 +1,7 @@
-{"version":3,"names":["__","sprintf","useState","useSelect","PanelBody","store","coreStore","FlatTermSelector","editorStore","jsx","_jsx","jsxs","_jsxs","TagsPanel","_tagLabels$add_new_it","_tagLabels$name","tagLabels","select","taxonomy","getTaxonomy","labels","addNewItem","add_new_item","tagLabel","name","panelBodyTitle","className","children","initialOpen","title","slug","__nextHasNoMarginBottom","MaybeTagsPanel","postHasTags","siteHasTags","isPostTypeSupported","postType","getCurrentPostType","tagsTaxonomy","getEntityRecord","_isPostTypeSupported","types","includes","areTagsFetched","undefined","tags","getEditedPostAttribute","rest_base","siteTags","getEntityRecords","per_page","length","hadTagsWhenOpeningThePanel"],"sources":["@wordpress/editor/src/components/post-publish-panel/maybe-tags-panel.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __, sprintf } from '@wordpress/i18n';\nimport { useState } from '@wordpress/element';\nimport { useSelect } from '@wordpress/data';\nimport { PanelBody } from '@wordpress/components';\nimport { store as coreStore } from '@wordpress/core-data';\n\n/**\n * Internal dependencies\n */\nimport FlatTermSelector from '../post-taxonomies/flat-term-selector';\nimport { store as editorStore } from '../../store';\n\nconst TagsPanel = () => {\n\tconst tagLabels = useSelect( ( select ) => {\n\t\tconst taxonomy = select( coreStore ).getTaxonomy( 'post_tag' );\n\t\treturn taxonomy?.labels;\n\t}, [] );\n\n\tconst addNewItem = tagLabels?.add_new_item ?? __( 'Add tag' );\n\tconst tagLabel = tagLabels?.name ?? __( 'Tags' );\n\n\tconst panelBodyTitle = [\n\t\t__( 'Suggestion:' ),\n\t\t<span className=\"editor-post-publish-panel__link\" key=\"label\">\n\t\t\t{ addNewItem }\n\t\t</span>,\n\t];\n\n\treturn (\n\t\t<PanelBody initialOpen={ false } title={ panelBodyTitle }>\n\t\t\t<p>\n\t\t\t\t{ sprintf(\n\t\t\t\t\t// translators: %s is the taxonomy name (e.g., \"Tags\").\n\t\t\t\t\t__(\n\t\t\t\t\t\t'%s help users and search engines navigate your site and find your content. Add a few keywords to describe your post.'\n\t\t\t\t\t),\n\t\t\t\t\ttagLabel\n\t\t\t\t) }\n\t\t\t</p>\n\t\t\t<FlatTermSelector slug=\"post_tag\" __nextHasNoMarginBottom />\n\t\t</PanelBody>\n\t);\n};\n\nconst MaybeTagsPanel = () => {\n\tconst { postHasTags, siteHasTags, isPostTypeSupported } = useSelect(\n\t\t( select ) => {\n\t\t\tconst postType = select( editorStore ).getCurrentPostType();\n\t\t\tconst tagsTaxonomy = select( coreStore ).getEntityRecord(\n\t\t\t\t'root',\n\t\t\t\t'taxonomy',\n\t\t\t\t'post_tag'\n\t\t\t);\n\t\t\tconst _isPostTypeSupported =\n\t\t\t\ttagsTaxonomy?.types?.includes( postType );\n\t\t\tconst areTagsFetched = tagsTaxonomy !== undefined;\n\t\t\tconst tags =\n\t\t\t\ttagsTaxonomy &&\n\t\t\t\tselect( editorStore ).getEditedPostAttribute(\n\t\t\t\t\ttagsTaxonomy.rest_base\n\t\t\t\t);\n\t\t\tconst siteTags = _isPostTypeSupported\n\t\t\t\t? !! select( coreStore ).getEntityRecords(\n\t\t\t\t\t\t'taxonomy',\n\t\t\t\t\t\t'post_tag',\n\t\t\t\t\t\t{ per_page: 1 }\n\t\t\t\t  )?.length\n\t\t\t\t: false;\n\n\t\t\treturn {\n\t\t\t\tpostHasTags: !! tags?.length,\n\t\t\t\tsiteHasTags: siteTags,\n\t\t\t\tisPostTypeSupported: areTagsFetched && _isPostTypeSupported,\n\t\t\t};\n\t\t},\n\t\t[]\n\t);\n\tconst [ hadTagsWhenOpeningThePanel ] = useState( postHasTags );\n\n\t/**\n\t * We only want to show the tag panel if the post type supports\n\t * tags and the site has tags.\n\t */\n\tif ( ! isPostTypeSupported || ! siteHasTags ) {\n\t\treturn null;\n\t}\n\n\t/*\n\t * We only want to show the tag panel if the post didn't have\n\t * any tags when the user hit the Publish button.\n\t *\n\t * We can't use the prop.postHasTags because it'll change to true\n\t * if the user adds a new tag within the pre-publish panel.\n\t * This would force a re-render and a new prop.postHasTags check,\n\t * hiding this panel and keeping the user from adding\n\t * more than one tag.\n\t */\n\tif ( ! hadTagsWhenOpeningThePanel ) {\n\t\treturn <TagsPanel />;\n\t}\n\n\treturn null;\n};\n\nexport default MaybeTagsPanel;\n"],"mappings":"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","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../../src/components/post-publish-panel/maybe-tags-panel.js"],
+  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { __, sprintf } from '@wordpress/i18n';\nimport { useState } from '@wordpress/element';\nimport { useSelect } from '@wordpress/data';\nimport { PanelBody } from '@wordpress/components';\nimport { store as coreStore } from '@wordpress/core-data';\n\n/**\n * Internal dependencies\n */\nimport FlatTermSelector from '../post-taxonomies/flat-term-selector';\nimport { store as editorStore } from '../../store';\n\nconst TagsPanel = () => {\n\tconst tagLabels = useSelect( ( select ) => {\n\t\tconst taxonomy = select( coreStore ).getTaxonomy( 'post_tag' );\n\t\treturn taxonomy?.labels;\n\t}, [] );\n\n\tconst addNewItem = tagLabels?.add_new_item ?? __( 'Add tag' );\n\tconst tagLabel = tagLabels?.name ?? __( 'Tags' );\n\n\tconst panelBodyTitle = [\n\t\t__( 'Suggestion:' ),\n\t\t<span className=\"editor-post-publish-panel__link\" key=\"label\">\n\t\t\t{ addNewItem }\n\t\t</span>,\n\t];\n\n\treturn (\n\t\t<PanelBody initialOpen={ false } title={ panelBodyTitle }>\n\t\t\t<p>\n\t\t\t\t{ sprintf(\n\t\t\t\t\t// translators: %s is the taxonomy name (e.g., \"Tags\").\n\t\t\t\t\t__(\n\t\t\t\t\t\t'%s help users and search engines navigate your site and find your content. Add a few keywords to describe your post.'\n\t\t\t\t\t),\n\t\t\t\t\ttagLabel\n\t\t\t\t) }\n\t\t\t</p>\n\t\t\t<FlatTermSelector slug=\"post_tag\" __nextHasNoMarginBottom />\n\t\t</PanelBody>\n\t);\n};\n\nconst MaybeTagsPanel = () => {\n\tconst { postHasTags, siteHasTags, isPostTypeSupported } = useSelect(\n\t\t( select ) => {\n\t\t\tconst postType = select( editorStore ).getCurrentPostType();\n\t\t\tconst tagsTaxonomy = select( coreStore ).getEntityRecord(\n\t\t\t\t'root',\n\t\t\t\t'taxonomy',\n\t\t\t\t'post_tag'\n\t\t\t);\n\t\t\tconst _isPostTypeSupported =\n\t\t\t\ttagsTaxonomy?.types?.includes( postType );\n\t\t\tconst areTagsFetched = tagsTaxonomy !== undefined;\n\t\t\tconst tags =\n\t\t\t\ttagsTaxonomy &&\n\t\t\t\tselect( editorStore ).getEditedPostAttribute(\n\t\t\t\t\ttagsTaxonomy.rest_base\n\t\t\t\t);\n\t\t\tconst siteTags = _isPostTypeSupported\n\t\t\t\t? !! select( coreStore ).getEntityRecords(\n\t\t\t\t\t\t'taxonomy',\n\t\t\t\t\t\t'post_tag',\n\t\t\t\t\t\t{ per_page: 1 }\n\t\t\t\t  )?.length\n\t\t\t\t: false;\n\n\t\t\treturn {\n\t\t\t\tpostHasTags: !! tags?.length,\n\t\t\t\tsiteHasTags: siteTags,\n\t\t\t\tisPostTypeSupported: areTagsFetched && _isPostTypeSupported,\n\t\t\t};\n\t\t},\n\t\t[]\n\t);\n\tconst [ hadTagsWhenOpeningThePanel ] = useState( postHasTags );\n\n\t/**\n\t * We only want to show the tag panel if the post type supports\n\t * tags and the site has tags.\n\t */\n\tif ( ! isPostTypeSupported || ! siteHasTags ) {\n\t\treturn null;\n\t}\n\n\t/*\n\t * We only want to show the tag panel if the post didn't have\n\t * any tags when the user hit the Publish button.\n\t *\n\t * We can't use the prop.postHasTags because it'll change to true\n\t * if the user adds a new tag within the pre-publish panel.\n\t * This would force a re-render and a new prop.postHasTags check,\n\t * hiding this panel and keeping the user from adding\n\t * more than one tag.\n\t */\n\tif ( ! hadTagsWhenOpeningThePanel ) {\n\t\treturn <TagsPanel />;\n\t}\n\n\treturn null;\n};\n\nexport default MaybeTagsPanel;\n"],
+  "mappings": "AA0BE,cAMA,YANA;AAvBF,SAAS,IAAI,eAAe;AAC5B,SAAS,gBAAgB;AACzB,SAAS,iBAAiB;AAC1B,SAAS,iBAAiB;AAC1B,SAAS,SAAS,iBAAiB;AAKnC,OAAO,sBAAsB;AAC7B,SAAS,SAAS,mBAAmB;AAErC,MAAM,YAAY,MAAM;AACvB,QAAM,YAAY,UAAW,CAAE,WAAY;AAC1C,UAAM,WAAW,OAAQ,SAAU,EAAE,YAAa,UAAW;AAC7D,WAAO,UAAU;AAAA,EAClB,GAAG,CAAC,CAAE;AAEN,QAAM,aAAa,WAAW,gBAAgB,GAAI,SAAU;AAC5D,QAAM,WAAW,WAAW,QAAQ,GAAI,MAAO;AAE/C,QAAM,iBAAiB;AAAA,IACtB,GAAI,aAAc;AAAA,IAClB,oBAAC,UAAK,WAAU,mCACb,wBADmD,OAEtD;AAAA,EACD;AAEA,SACC,qBAAC,aAAU,aAAc,OAAQ,OAAQ,gBACxC;AAAA,wBAAC,OACE;AAAA;AAAA,MAED;AAAA,QACC;AAAA,MACD;AAAA,MACA;AAAA,IACD,GACD;AAAA,IACA,oBAAC,oBAAiB,MAAK,YAAW,yBAAuB,MAAC;AAAA,KAC3D;AAEF;AAEA,MAAM,iBAAiB,MAAM;AAC5B,QAAM,EAAE,aAAa,aAAa,oBAAoB,IAAI;AAAA,IACzD,CAAE,WAAY;AACb,YAAM,WAAW,OAAQ,WAAY,EAAE,mBAAmB;AAC1D,YAAM,eAAe,OAAQ,SAAU,EAAE;AAAA,QACxC;AAAA,QACA;AAAA,QACA;AAAA,MACD;AACA,YAAM,uBACL,cAAc,OAAO,SAAU,QAAS;AACzC,YAAM,iBAAiB,iBAAiB;AACxC,YAAM,OACL,gBACA,OAAQ,WAAY,EAAE;AAAA,QACrB,aAAa;AAAA,MACd;AACD,YAAM,WAAW,uBACd,CAAC,CAAE,OAAQ,SAAU,EAAE;AAAA,QACvB;AAAA,QACA;AAAA,QACA,EAAE,UAAU,EAAE;AAAA,MACd,GAAG,SACH;AAEH,aAAO;AAAA,QACN,aAAa,CAAC,CAAE,MAAM;AAAA,QACtB,aAAa;AAAA,QACb,qBAAqB,kBAAkB;AAAA,MACxC;AAAA,IACD;AAAA,IACA,CAAC;AAAA,EACF;AACA,QAAM,CAAE,0BAA2B,IAAI,SAAU,WAAY;AAM7D,MAAK,CAAE,uBAAuB,CAAE,aAAc;AAC7C,WAAO;AAAA,EACR;AAYA,MAAK,CAAE,4BAA6B;AACnC,WAAO,oBAAC,aAAU;AAAA,EACnB;AAEA,SAAO;AACR;AAEA,IAAO,2BAAQ;",
+  "names": []
+}

package/build-module/components/post-publish-panel/maybe-upload-media.js

@@ -1,253 +1,204 @@
-/**
- * WordPress dependencies
- */
-import { PanelBody, Button, Spinner, __unstableMotion as motion, __unstableAnimatePresence as AnimatePresence } from '@wordpress/components';
-import { useSelect, useDispatch } from '@wordpress/data';
-import { __, _x } from '@wordpress/i18n';
-import { store as blockEditorStore } from '@wordpress/block-editor';
-import { useState } from '@wordpress/element';
-import { isBlobURL } from '@wordpress/blob';
-
-/**
- * Internal dependencies
- */
-import { fetchMedia } from './media-util';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx, jsxs } from "react/jsx-runtime";
+import {
+  PanelBody,
+  Button,
+  Spinner,
+  __unstableMotion as motion,
+  __unstableAnimatePresence as AnimatePresence
+} from "@wordpress/components";
+import { useSelect, useDispatch } from "@wordpress/data";
+import { __, _x } from "@wordpress/i18n";
+import { store as blockEditorStore } from "@wordpress/block-editor";
+import { useState } from "@wordpress/element";
+import { isBlobURL } from "@wordpress/blob";
+import { fetchMedia } from "./media-util";
 function flattenBlocks(blocks) {
   const result = [];
-  blocks.forEach(block => {
+  blocks.forEach((block) => {
     result.push(block);
     result.push(...flattenBlocks(block.innerBlocks));
   });
   return result;
 }
-
-/**
- * Determine whether a block has external media.
- *
- * Different blocks use different attribute names (and potentially
- * different logic as well) in determining whether the media is
- * present, and whether it's external.
- *
- * @param {{name: string, attributes: Object}} block The block.
- * @return {boolean?} Whether the block has external media
- */
 function hasExternalMedia(block) {
-  if (block.name === 'core/image' || block.name === 'core/cover') {
+  if (block.name === "core/image" || block.name === "core/cover") {
     return block.attributes.url && !block.attributes.id;
   }
-  if (block.name === 'core/media-text') {
+  if (block.name === "core/media-text") {
     return block.attributes.mediaUrl && !block.attributes.mediaId;
   }
-  return undefined;
+  return void 0;
 }
-
-/**
- * Retrieve media info from a block.
- *
- * Different blocks use different attribute names, so we need this
- * function to normalize things into a consistent naming scheme.
- *
- * @param {{name: string, attributes: Object}} block The block.
- * @return {{url: ?string, alt: ?string, id: ?number}} The media info for the block.
- */
 function getMediaInfo(block) {
-  if (block.name === 'core/image' || block.name === 'core/cover') {
-    const {
-      url,
-      alt,
-      id
-    } = block.attributes;
-    return {
-      url,
-      alt,
-      id
-    };
+  if (block.name === "core/image" || block.name === "core/cover") {
+    const { url, alt, id } = block.attributes;
+    return { url, alt, id };
   }
-  if (block.name === 'core/media-text') {
-    const {
-      mediaUrl: url,
-      mediaAlt: alt,
-      mediaId: id
-    } = block.attributes;
-    return {
-      url,
-      alt,
-      id
-    };
+  if (block.name === "core/media-text") {
+    const { mediaUrl: url, mediaAlt: alt, mediaId: id } = block.attributes;
+    return { url, alt, id };
   }
   return {};
 }
-
-// Image component to represent a single image in the upload dialog.
-function Image({
-  clientId,
-  alt,
-  url
-}) {
-  const {
-    selectBlock
-  } = useDispatch(blockEditorStore);
-  return /*#__PURE__*/_jsx(motion.img, {
-    tabIndex: 0,
-    role: "button",
-    "aria-label": __('Select image block.'),
-    onClick: () => {
-      selectBlock(clientId);
-    },
-    onKeyDown: event => {
-      if (event.key === 'Enter' || event.key === ' ') {
+function Image({ clientId, alt, url }) {
+  const { selectBlock } = useDispatch(blockEditorStore);
+  return /* @__PURE__ */ jsx(
+    motion.img,
+    {
+      tabIndex: 0,
+      role: "button",
+      "aria-label": __("Select image block."),
+      onClick: () => {
         selectBlock(clientId);
-        event.preventDefault();
-      }
-    },
-    alt: alt,
-    src: url,
-    animate: {
-      opacity: 1
-    },
-    exit: {
-      opacity: 0,
-      scale: 0
-    },
-    style: {
-      width: '32px',
-      height: '32px',
-      objectFit: 'cover',
-      borderRadius: '2px',
-      cursor: 'pointer'
+      },
+      onKeyDown: (event) => {
+        if (event.key === "Enter" || event.key === " ") {
+          selectBlock(clientId);
+          event.preventDefault();
+        }
+      },
+      alt,
+      src: url,
+      animate: { opacity: 1 },
+      exit: { opacity: 0, scale: 0 },
+      style: {
+        width: "32px",
+        height: "32px",
+        objectFit: "cover",
+        borderRadius: "2px",
+        cursor: "pointer"
+      },
+      whileHover: { scale: 1.08 }
     },
-    whileHover: {
-      scale: 1.08
-    }
-  }, clientId);
+    clientId
+  );
 }
-export default function MaybeUploadMediaPanel() {
+function MaybeUploadMediaPanel() {
   const [isUploading, setIsUploading] = useState(false);
   const [isAnimating, setIsAnimating] = useState(false);
   const [hadUploadError, setHadUploadError] = useState(false);
-  const {
-    editorBlocks,
-    mediaUpload
-  } = useSelect(select => ({
-    editorBlocks: select(blockEditorStore).getBlocks(),
-    mediaUpload: select(blockEditorStore).getSettings().mediaUpload
-  }), []);
-
-  // Get a list of blocks with external media.
-  const blocksWithExternalMedia = flattenBlocks(editorBlocks).filter(block => hasExternalMedia(block));
-  const {
-    updateBlockAttributes
-  } = useDispatch(blockEditorStore);
+  const { editorBlocks, mediaUpload } = useSelect(
+    (select) => ({
+      editorBlocks: select(blockEditorStore).getBlocks(),
+      mediaUpload: select(blockEditorStore).getSettings().mediaUpload
+    }),
+    []
+  );
+  const blocksWithExternalMedia = flattenBlocks(editorBlocks).filter(
+    (block) => hasExternalMedia(block)
+  );
+  const { updateBlockAttributes } = useDispatch(blockEditorStore);
   if (!mediaUpload || !blocksWithExternalMedia.length) {
     return null;
   }
-  const panelBodyTitle = [__('Suggestion:'), /*#__PURE__*/_jsx("span", {
-    className: "editor-post-publish-panel__link",
-    children: __('External media')
-  }, "label")];
-
-  /**
-   * Update an individual block to point to newly-added library media.
-   *
-   * Different blocks use different attribute names, so we need this
-   * function to ensure we modify the correct attributes for each type.
-   *
-   * @param {{name: string, attributes: Object}} block The block.
-   * @param {{id: number, url: string}}          media Media library file info.
-   */
+  const panelBodyTitle = [
+    __("Suggestion:"),
+    /* @__PURE__ */ jsx("span", { className: "editor-post-publish-panel__link", children: __("External media") }, "label")
+  ];
   function updateBlockWithUploadedMedia(block, media) {
-    if (block.name === 'core/image' || block.name === 'core/cover') {
+    if (block.name === "core/image" || block.name === "core/cover") {
       updateBlockAttributes(block.clientId, {
         id: media.id,
         url: media.url
       });
     }
-    if (block.name === 'core/media-text') {
+    if (block.name === "core/media-text") {
       updateBlockAttributes(block.clientId, {
         mediaId: media.id,
         mediaUrl: media.url
       });
     }
   }
-
-  // Handle fetching and uploading all external media in the post.
   function uploadImages() {
     setIsUploading(true);
     setHadUploadError(false);
-
-    // Multiple blocks can be using the same URL, so we
-    // should ensure we only fetch and upload each of them once.
-    const mediaUrls = new Set(blocksWithExternalMedia.map(block => {
-      const {
-        url
-      } = getMediaInfo(block);
-      return url;
-    }));
-
-    // Create an upload promise for each URL, that we can wait for in all
-    // blocks that make use of that media.
-    const uploadPromises = Object.fromEntries(Object.entries(fetchMedia([...mediaUrls])).map(([url, filePromise]) => {
-      const uploadPromise = filePromise.then(blob => new Promise((resolve, reject) => {
-        mediaUpload({
-          filesList: [blob],
-          onFileChange: ([media]) => {
-            if (isBlobURL(media.url)) {
-              return;
-            }
-            resolve(media);
-          },
-          onError() {
-            reject();
-          }
-        });
-      }));
-      return [url, uploadPromise];
-    }));
-
-    // Wait for all blocks to be updated with library media.
-    Promise.allSettled(blocksWithExternalMedia.map(block => {
-      const {
-        url
-      } = getMediaInfo(block);
-      return uploadPromises[url].then(media => updateBlockWithUploadedMedia(block, media)).then(() => setIsAnimating(true)).catch(() => setHadUploadError(true));
-    })).finally(() => {
+    const mediaUrls = new Set(
+      blocksWithExternalMedia.map((block) => {
+        const { url } = getMediaInfo(block);
+        return url;
+      })
+    );
+    const uploadPromises = Object.fromEntries(
+      Object.entries(fetchMedia([...mediaUrls])).map(
+        ([url, filePromise]) => {
+          const uploadPromise = filePromise.then(
+            (blob) => new Promise((resolve, reject) => {
+              mediaUpload({
+                filesList: [blob],
+                onFileChange: ([media]) => {
+                  if (isBlobURL(media.url)) {
+                    return;
+                  }
+                  resolve(media);
+                },
+                onError() {
+                  reject();
+                }
+              });
+            })
+          );
+          return [url, uploadPromise];
+        }
+      )
+    );
+    Promise.allSettled(
+      blocksWithExternalMedia.map((block) => {
+        const { url } = getMediaInfo(block);
+        return uploadPromises[url].then(
+          (media) => updateBlockWithUploadedMedia(block, media)
+        ).then(() => setIsAnimating(true)).catch(() => setHadUploadError(true));
+      })
+    ).finally(() => {
       setIsUploading(false);
     });
   }
-  return /*#__PURE__*/_jsxs(PanelBody, {
-    initialOpen: true,
-    title: panelBodyTitle,
-    children: [/*#__PURE__*/_jsx("p", {
-      children: __('Upload external images to the Media Library. Images from different domains may load slowly, display incorrectly, or be removed unexpectedly.')
-    }), /*#__PURE__*/_jsxs("div", {
-      style: {
-        display: 'inline-flex',
-        flexWrap: 'wrap',
-        gap: '8px'
-      },
-      children: [/*#__PURE__*/_jsx(AnimatePresence, {
-        onExitComplete: () => setIsAnimating(false),
-        children: blocksWithExternalMedia.map(block => {
-          const {
-            url,
-            alt
-          } = getMediaInfo(block);
-          return /*#__PURE__*/_jsx(Image, {
-            clientId: block.clientId,
-            url: url,
-            alt: alt
-          }, block.clientId);
-        })
-      }), isUploading || isAnimating ? /*#__PURE__*/_jsx(Spinner, {}) : /*#__PURE__*/_jsx(Button, {
-        size: "compact",
-        variant: "primary",
-        onClick: uploadImages,
-        children: _x('Upload', 'verb')
-      })]
-    }), hadUploadError && /*#__PURE__*/_jsx("p", {
-      children: __('Upload failed, try again.')
-    })]
-  });
+  return /* @__PURE__ */ jsxs(PanelBody, { initialOpen: true, title: panelBodyTitle, children: [
+    /* @__PURE__ */ jsx("p", { children: __(
+      "Upload external images to the Media Library. Images from different domains may load slowly, display incorrectly, or be removed unexpectedly."
+    ) }),
+    /* @__PURE__ */ jsxs(
+      "div",
+      {
+        style: {
+          display: "inline-flex",
+          flexWrap: "wrap",
+          gap: "8px"
+        },
+        children: [
+          /* @__PURE__ */ jsx(
+            AnimatePresence,
+            {
+              onExitComplete: () => setIsAnimating(false),
+              children: blocksWithExternalMedia.map((block) => {
+                const { url, alt } = getMediaInfo(block);
+                return /* @__PURE__ */ jsx(
+                  Image,
+                  {
+                    clientId: block.clientId,
+                    url,
+                    alt
+                  },
+                  block.clientId
+                );
+              })
+            }
+          ),
+          isUploading || isAnimating ? /* @__PURE__ */ jsx(Spinner, {}) : /* @__PURE__ */ jsx(
+            Button,
+            {
+              size: "compact",
+              variant: "primary",
+              onClick: uploadImages,
+              children: _x("Upload", "verb")
+            }
+          )
+        ]
+      }
+    ),
+    hadUploadError && /* @__PURE__ */ jsx("p", { children: __("Upload failed, try again.") })
+  ] });
 }
-//# sourceMappingURL=maybe-upload-media.js.map
+export {
+  MaybeUploadMediaPanel as default
+};
+//# sourceMappingURL=maybe-upload-media.js.map