@wordpress/editor 13.33.0 → 13.35.0

package/build/components/post-card-panel/index.js

@@ -1,28 +1,18 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = PostCardPanel;
 var _react = require("react");
-var _classnames = _interopRequireDefault(require("classnames"));
 var _components = require("@wordpress/components");
 var _coreData = require("@wordpress/core-data");
 var _data = require("@wordpress/data");
 var _i18n = require("@wordpress/i18n");
-var _date = require("@wordpress/date");
 var _htmlEntities = require("@wordpress/html-entities");
-var _wordcount = require("@wordpress/wordcount");
-var _element = require("@wordpress/element");
 var _store = require("../../store");
 var _constants = require("../../store/constants");
 var _lockUnlock = require("../../lock-unlock");
-var _templateAreas = _interopRequireDefault(require("../template-areas"));
-/**
- * External dependencies
- */
-
 /**
  * WordPress dependencies
  */
@@ -32,16 +22,11 @@ var _templateAreas = _interopRequireDefault(require("../template-areas"));
  */
 
 function PostCardPanel({
-  className,
   actions
 }) {
   const {
-    modified,
     title,
-    templateInfo,
-    icon,
-    postType,
-    isPostsPage
+    icon
   } = (0, _data.useSelect)(select => {
     const {
       getEditedPostAttribute,
@@ -50,33 +35,21 @@ function PostCardPanel({
       __experimentalGetTemplateInfo
     } = select(_store.store);
     const {
-      getEditedEntityRecord,
-      getEntityRecord
+      getEditedEntityRecord
     } = select(_coreData.store);
-    const siteSettings = getEntityRecord('root', 'site');
     const _type = getCurrentPostType();
     const _id = getCurrentPostId();
     const _record = getEditedEntityRecord('postType', _type, _id);
-    const _templateInfo = __experimentalGetTemplateInfo(_record);
+    const _templateInfo = [_constants.TEMPLATE_POST_TYPE, _constants.TEMPLATE_PART_POST_TYPE].includes(_type) && __experimentalGetTemplateInfo(_record);
     return {
       title: _templateInfo?.title || getEditedPostAttribute('title'),
-      modified: getEditedPostAttribute('modified'),
-      id: _id,
-      postType: _type,
-      templateInfo: _templateInfo,
       icon: (0, _lockUnlock.unlock)(select(_store.store)).getPostIcon(_type, {
         area: _record?.area
-      }),
-      isPostsPage: +_id === siteSettings?.page_for_posts
+      })
     };
   }, []);
-  const description = templateInfo?.description;
-  const lastEditedText = modified && (0, _i18n.sprintf)(
-  // translators: %s: Human-readable time difference, e.g. "2 days ago".
-  (0, _i18n.__)('Last edited %s.'), (0, _date.humanTimeDiff)(modified));
-  const showPostContentInfo = !isPostsPage && ![_constants.TEMPLATE_POST_TYPE, _constants.TEMPLATE_PART_POST_TYPE].includes(postType);
-  return (0, _react.createElement)(_components.PanelBody, null, (0, _react.createElement)("div", {
-    className: (0, _classnames.default)('editor-post-card-panel', className)
+  return (0, _react.createElement)("div", {
+    className: "editor-post-card-panel"
   }, (0, _react.createElement)(_components.__experimentalHStack, {
     spacing: 2,
     className: "editor-post-card-panel__header",
@@ -90,38 +63,6 @@ function PostCardPanel({
     className: "editor-post-card-panel__title",
     weight: 500,
     as: "h2"
-  }, title ? (0, _htmlEntities.decodeEntities)(title) : (0, _i18n.__)('No Title')), actions), (0, _react.createElement)(_components.__experimentalVStack, {
-    className: "editor-post-card-panel__content"
-  }, (description || lastEditedText || showPostContentInfo) && (0, _react.createElement)(_components.__experimentalVStack, {
-    className: "editor-post-card-panel__description",
-    spacing: 2
-  }, description && (0, _react.createElement)(_components.__experimentalText, null, description), showPostContentInfo && (0, _react.createElement)(PostContentInfo, null), lastEditedText && (0, _react.createElement)(_components.__experimentalText, null, lastEditedText)), postType === _constants.TEMPLATE_POST_TYPE && (0, _react.createElement)(_templateAreas.default, null))));
-}
-
-// Taken from packages/editor/src/components/time-to-read/index.js.
-const AVERAGE_READING_RATE = 189;
-
-// This component renders the wordcount and reading time for the post.
-function PostContentInfo() {
-  const postContent = (0, _data.useSelect)(select => select(_store.store).getEditedPostAttribute('content'), []);
-  /*
-   * translators: If your word count is based on single characters (e.g. East Asian characters),
-   * enter 'characters_excluding_spaces' or 'characters_including_spaces'. Otherwise, enter 'words'.
-   * Do not translate into your own language.
-   */
-  const wordCountType = (0, _i18n._x)('words', 'Word count type. Do not translate!');
-  const wordsCounted = (0, _element.useMemo)(() => postContent ? (0, _wordcount.count)(postContent, wordCountType) : 0, [postContent, wordCountType]);
-  if (!wordsCounted) {
-    return null;
-  }
-  const readingTime = Math.round(wordsCounted / AVERAGE_READING_RATE);
-  const wordsCountText = (0, _i18n.sprintf)(
-  // translators: %s: the number of words in the post.
-  (0, _i18n._n)('%s word', '%s words', wordsCounted), wordsCounted.toLocaleString());
-  const minutesText = readingTime <= 1 ? (0, _i18n.__)('1 minute') : (0, _i18n.sprintf)(
-  // translators: %s: the number of minutes to read the post.
-  (0, _i18n._n)('%s minute', '%s minutes', readingTime), readingTime.toLocaleString());
-  return (0, _react.createElement)(_components.__experimentalText, null, (0, _i18n.sprintf)( /* translators: 1: How many words a post has. 2: the number of minutes to read the post (e.g. 130 words, 2 minutes read time.) */
-  (0, _i18n.__)('%1$s, %2$s read time.'), wordsCountText, minutesText));
+  }, title ? (0, _htmlEntities.decodeEntities)(title) : (0, _i18n.__)('No Title')), actions));
 }
 //# sourceMappingURL=index.js.map

package/build/components/post-card-panel/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_classnames","_interopRequireDefault","require","_components","_coreData","_data","_i18n","_date","_htmlEntities","_wordcount","_element","_store","_constants","_lockUnlock","_templateAreas","PostCardPanel","className","actions","modified","title","templateInfo","icon","postType","isPostsPage","useSelect","select","getEditedPostAttribute","getCurrentPostType","getCurrentPostId","__experimentalGetTemplateInfo","editorStore","getEditedEntityRecord","getEntityRecord","coreStore","siteSettings","_type","_id","_record","_templateInfo","id","unlock","getPostIcon","area","page_for_posts","description","lastEditedText","sprintf","__","humanTimeDiff","showPostContentInfo","TEMPLATE_POST_TYPE","TEMPLATE_PART_POST_TYPE","includes","_react","createElement","PanelBody","classnames","__experimentalHStack","spacing","align","Icon","__experimentalText","numberOfLines","truncate","weight","as","decodeEntities","__experimentalVStack","PostContentInfo","default","AVERAGE_READING_RATE","postContent","wordCountType","_x","wordsCounted","useMemo","wordCount","readingTime","Math","round","wordsCountText","_n","toLocaleString","minutesText"],"sources":["@wordpress/editor/src/components/post-card-panel/index.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport classnames from 'classnames';\n\n/**\n * WordPress dependencies\n */\nimport {\n\tIcon,\n\t__experimentalHStack as HStack,\n\t__experimentalVStack as VStack,\n\t__experimentalText as Text,\n\tPanelBody,\n} from '@wordpress/components';\nimport { store as coreStore } from '@wordpress/core-data';\nimport { useSelect } from '@wordpress/data';\nimport { __, _x, _n, sprintf } from '@wordpress/i18n';\nimport { humanTimeDiff } from '@wordpress/date';\nimport { decodeEntities } from '@wordpress/html-entities';\nimport { count as wordCount } from '@wordpress/wordcount';\nimport { useMemo } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport { store as editorStore } from '../../store';\nimport {\n\tTEMPLATE_POST_TYPE,\n\tTEMPLATE_PART_POST_TYPE,\n} from '../../store/constants';\nimport { unlock } from '../../lock-unlock';\nimport TemplateAreas from '../template-areas';\n\nexport default function PostCardPanel( { className, actions } ) {\n\tconst { modified, title, templateInfo, icon, postType, isPostsPage } =\n\t\tuseSelect( ( select ) => {\n\t\t\tconst {\n\t\t\t\tgetEditedPostAttribute,\n\t\t\t\tgetCurrentPostType,\n\t\t\t\tgetCurrentPostId,\n\t\t\t\t__experimentalGetTemplateInfo,\n\t\t\t} = select( editorStore );\n\t\t\tconst { getEditedEntityRecord, getEntityRecord } =\n\t\t\t\tselect( coreStore );\n\t\t\tconst siteSettings = getEntityRecord( 'root', 'site' );\n\t\t\tconst _type = getCurrentPostType();\n\t\t\tconst _id = getCurrentPostId();\n\t\t\tconst _record = getEditedEntityRecord( 'postType', _type, _id );\n\t\t\tconst _templateInfo = __experimentalGetTemplateInfo( _record );\n\t\t\treturn {\n\t\t\t\ttitle:\n\t\t\t\t\t_templateInfo?.title || getEditedPostAttribute( 'title' ),\n\t\t\t\tmodified: getEditedPostAttribute( 'modified' ),\n\t\t\t\tid: _id,\n\t\t\t\tpostType: _type,\n\t\t\t\ttemplateInfo: _templateInfo,\n\t\t\t\ticon: unlock( select( editorStore ) ).getPostIcon( _type, {\n\t\t\t\t\tarea: _record?.area,\n\t\t\t\t} ),\n\t\t\t\tisPostsPage: +_id === siteSettings?.page_for_posts,\n\t\t\t};\n\t\t}, [] );\n\tconst description = templateInfo?.description;\n\tconst lastEditedText =\n\t\tmodified &&\n\t\tsprintf(\n\t\t\t// translators: %s: Human-readable time difference, e.g. \"2 days ago\".\n\t\t\t__( 'Last edited %s.' ),\n\t\t\thumanTimeDiff( modified )\n\t\t);\n\tconst showPostContentInfo =\n\t\t! isPostsPage &&\n\t\t! [ TEMPLATE_POST_TYPE, TEMPLATE_PART_POST_TYPE ].includes( postType );\n\treturn (\n\t\t<PanelBody>\n\t\t\t<div\n\t\t\t\tclassName={ classnames( 'editor-post-card-panel', className ) }\n\t\t\t>\n\t\t\t\t<HStack\n\t\t\t\t\tspacing={ 2 }\n\t\t\t\t\tclassName=\"editor-post-card-panel__header\"\n\t\t\t\t\talign=\"flex-start\"\n\t\t\t\t>\n\t\t\t\t\t<Icon\n\t\t\t\t\t\tclassName=\"editor-post-card-panel__icon\"\n\t\t\t\t\t\ticon={ icon }\n\t\t\t\t\t/>\n\t\t\t\t\t<Text\n\t\t\t\t\t\tnumberOfLines={ 2 }\n\t\t\t\t\t\ttruncate\n\t\t\t\t\t\tclassName=\"editor-post-card-panel__title\"\n\t\t\t\t\t\tweight={ 500 }\n\t\t\t\t\t\tas=\"h2\"\n\t\t\t\t\t>\n\t\t\t\t\t\t{ title ? decodeEntities( title ) : __( 'No Title' ) }\n\t\t\t\t\t</Text>\n\t\t\t\t\t{ actions }\n\t\t\t\t</HStack>\n\t\t\t\t<VStack className=\"editor-post-card-panel__content\">\n\t\t\t\t\t{ ( description ||\n\t\t\t\t\t\tlastEditedText ||\n\t\t\t\t\t\tshowPostContentInfo ) && (\n\t\t\t\t\t\t<VStack\n\t\t\t\t\t\t\tclassName=\"editor-post-card-panel__description\"\n\t\t\t\t\t\t\tspacing={ 2 }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ description && <Text>{ description }</Text> }\n\t\t\t\t\t\t\t{ showPostContentInfo && <PostContentInfo /> }\n\t\t\t\t\t\t\t{ lastEditedText && (\n\t\t\t\t\t\t\t\t<Text>{ lastEditedText }</Text>\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t</VStack>\n\t\t\t\t\t) }\n\t\t\t\t\t{ postType === TEMPLATE_POST_TYPE && <TemplateAreas /> }\n\t\t\t\t</VStack>\n\t\t\t</div>\n\t\t</PanelBody>\n\t);\n}\n\n// Taken from packages/editor/src/components/time-to-read/index.js.\nconst AVERAGE_READING_RATE = 189;\n\n// This component renders the wordcount and reading time for the post.\nfunction PostContentInfo() {\n\tconst postContent = useSelect(\n\t\t( select ) => select( editorStore ).getEditedPostAttribute( 'content' ),\n\t\t[]\n\t);\n\t/*\n\t * translators: If your word count is based on single characters (e.g. East Asian characters),\n\t * enter 'characters_excluding_spaces' or 'characters_including_spaces'. Otherwise, enter 'words'.\n\t * Do not translate into your own language.\n\t */\n\tconst wordCountType = _x( 'words', 'Word count type. Do not translate!' );\n\tconst wordsCounted = useMemo(\n\t\t() => ( postContent ? wordCount( postContent, wordCountType ) : 0 ),\n\t\t[ postContent, wordCountType ]\n\t);\n\tif ( ! wordsCounted ) {\n\t\treturn null;\n\t}\n\tconst readingTime = Math.round( wordsCounted / AVERAGE_READING_RATE );\n\tconst wordsCountText = sprintf(\n\t\t// translators: %s: the number of words in the post.\n\t\t_n( '%s word', '%s words', wordsCounted ),\n\t\twordsCounted.toLocaleString()\n\t);\n\tconst minutesText =\n\t\treadingTime <= 1\n\t\t\t? __( '1 minute' )\n\t\t\t: sprintf(\n\t\t\t\t\t// translators: %s: the number of minutes to read the post.\n\t\t\t\t\t_n( '%s minute', '%s minutes', readingTime ),\n\t\t\t\t\treadingTime.toLocaleString()\n\t\t\t  );\n\treturn (\n\t\t<Text>\n\t\t\t{ sprintf(\n\t\t\t\t/* translators: 1: How many words a post has. 2: the number of minutes to read the post (e.g. 130 words, 2 minutes read time.) */\n\t\t\t\t__( '%1$s, %2$s read time.' ),\n\t\t\t\twordsCountText,\n\t\t\t\tminutesText\n\t\t\t) }\n\t\t</Text>\n\t);\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_components","require","_coreData","_data","_i18n","_htmlEntities","_store","_constants","_lockUnlock","PostCardPanel","actions","title","icon","useSelect","select","getEditedPostAttribute","getCurrentPostType","getCurrentPostId","__experimentalGetTemplateInfo","editorStore","getEditedEntityRecord","coreStore","_type","_id","_record","_templateInfo","TEMPLATE_POST_TYPE","TEMPLATE_PART_POST_TYPE","includes","unlock","getPostIcon","area","_react","createElement","className","__experimentalHStack","spacing","align","Icon","__experimentalText","numberOfLines","truncate","weight","as","decodeEntities","__"],"sources":["@wordpress/editor/src/components/post-card-panel/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport {\n\tIcon,\n\t__experimentalHStack as HStack,\n\t__experimentalText as Text,\n} from '@wordpress/components';\nimport { store as coreStore } from '@wordpress/core-data';\nimport { useSelect } from '@wordpress/data';\nimport { __ } from '@wordpress/i18n';\nimport { decodeEntities } from '@wordpress/html-entities';\n\n/**\n * Internal dependencies\n */\nimport { store as editorStore } from '../../store';\nimport {\n\tTEMPLATE_POST_TYPE,\n\tTEMPLATE_PART_POST_TYPE,\n} from '../../store/constants';\nimport { unlock } from '../../lock-unlock';\n\nexport default function PostCardPanel( { actions } ) {\n\tconst { title, icon } = useSelect( ( select ) => {\n\t\tconst {\n\t\t\tgetEditedPostAttribute,\n\t\t\tgetCurrentPostType,\n\t\t\tgetCurrentPostId,\n\t\t\t__experimentalGetTemplateInfo,\n\t\t} = select( editorStore );\n\t\tconst { getEditedEntityRecord } = select( coreStore );\n\t\tconst _type = getCurrentPostType();\n\t\tconst _id = getCurrentPostId();\n\t\tconst _record = getEditedEntityRecord( 'postType', _type, _id );\n\t\tconst _templateInfo =\n\t\t\t[ TEMPLATE_POST_TYPE, TEMPLATE_PART_POST_TYPE ].includes( _type ) &&\n\t\t\t__experimentalGetTemplateInfo( _record );\n\t\treturn {\n\t\t\ttitle: _templateInfo?.title || getEditedPostAttribute( 'title' ),\n\t\t\ticon: unlock( select( editorStore ) ).getPostIcon( _type, {\n\t\t\t\tarea: _record?.area,\n\t\t\t} ),\n\t\t};\n\t}, [] );\n\treturn (\n\t\t<div className=\"editor-post-card-panel\">\n\t\t\t<HStack\n\t\t\t\tspacing={ 2 }\n\t\t\t\tclassName=\"editor-post-card-panel__header\"\n\t\t\t\talign=\"flex-start\"\n\t\t\t>\n\t\t\t\t<Icon className=\"editor-post-card-panel__icon\" icon={ icon } />\n\t\t\t\t<Text\n\t\t\t\t\tnumberOfLines={ 2 }\n\t\t\t\t\ttruncate\n\t\t\t\t\tclassName=\"editor-post-card-panel__title\"\n\t\t\t\t\tweight={ 500 }\n\t\t\t\t\tas=\"h2\"\n\t\t\t\t>\n\t\t\t\t\t{ title ? decodeEntities( title ) : __( 'No Title' ) }\n\t\t\t\t</Text>\n\t\t\t\t{ actions }\n\t\t\t</HStack>\n\t\t</div>\n\t);\n}\n"],"mappings":";;;;;;;AAGA,IAAAA,WAAA,GAAAC,OAAA;AAKA,IAAAC,SAAA,GAAAD,OAAA;AACA,IAAAE,KAAA,GAAAF,OAAA;AACA,IAAAG,KAAA,GAAAH,OAAA;AACA,IAAAI,aAAA,GAAAJ,OAAA;AAKA,IAAAK,MAAA,GAAAL,OAAA;AACA,IAAAM,UAAA,GAAAN,OAAA;AAIA,IAAAO,WAAA,GAAAP,OAAA;AArBA;AACA;AACA;;AAWA;AACA;AACA;;AAQe,SAASQ,aAAaA,CAAE;EAAEC;AAAQ,CAAC,EAAG;EACpD,MAAM;IAAEC,KAAK;IAAEC;EAAK,CAAC,GAAG,IAAAC,eAAS,EAAIC,MAAM,IAAM;IAChD,MAAM;MACLC,sBAAsB;MACtBC,kBAAkB;MAClBC,gBAAgB;MAChBC;IACD,CAAC,GAAGJ,MAAM,CAAEK,YAAY,CAAC;IACzB,MAAM;MAAEC;IAAsB,CAAC,GAAGN,MAAM,CAAEO,eAAU,CAAC;IACrD,MAAMC,KAAK,GAAGN,kBAAkB,CAAC,CAAC;IAClC,MAAMO,GAAG,GAAGN,gBAAgB,CAAC,CAAC;IAC9B,MAAMO,OAAO,GAAGJ,qBAAqB,CAAE,UAAU,EAAEE,KAAK,EAAEC,GAAI,CAAC;IAC/D,MAAME,aAAa,GAClB,CAAEC,6BAAkB,EAAEC,kCAAuB,CAAE,CAACC,QAAQ,CAAEN,KAAM,CAAC,IACjEJ,6BAA6B,CAAEM,OAAQ,CAAC;IACzC,OAAO;MACNb,KAAK,EAAEc,aAAa,EAAEd,KAAK,IAAII,sBAAsB,CAAE,OAAQ,CAAC;MAChEH,IAAI,EAAE,IAAAiB,kBAAM,EAAEf,MAAM,CAAEK,YAAY,CAAE,CAAC,CAACW,WAAW,CAAER,KAAK,EAAE;QACzDS,IAAI,EAAEP,OAAO,EAAEO;MAChB,CAAE;IACH,CAAC;EACF,CAAC,EAAE,EAAG,CAAC;EACP,OACC,IAAAC,MAAA,CAAAC,aAAA;IAAKC,SAAS,EAAC;EAAwB,GACtC,IAAAF,MAAA,CAAAC,aAAA,EAACjC,WAAA,CAAAmC,oBAAM;IACNC,OAAO,EAAG,CAAG;IACbF,SAAS,EAAC,gCAAgC;IAC1CG,KAAK,EAAC;EAAY,GAElB,IAAAL,MAAA,CAAAC,aAAA,EAACjC,WAAA,CAAAsC,IAAI;IAACJ,SAAS,EAAC,8BAA8B;IAACtB,IAAI,EAAGA;EAAM,CAAE,CAAC,EAC/D,IAAAoB,MAAA,CAAAC,aAAA,EAACjC,WAAA,CAAAuC,kBAAI;IACJC,aAAa,EAAG,CAAG;IACnBC,QAAQ;IACRP,SAAS,EAAC,+BAA+B;IACzCQ,MAAM,EAAG,GAAK;IACdC,EAAE,EAAC;EAAI,GAELhC,KAAK,GAAG,IAAAiC,4BAAc,EAAEjC,KAAM,CAAC,GAAG,IAAAkC,QAAE,EAAE,UAAW,CAC9C,CAAC,EACLnC,OACK,CACJ,CAAC;AAER","ignoreList":[]}

package/build/components/post-comments/index.js

@@ -17,6 +17,22 @@ var _store = require("../../store");
  * Internal dependencies
  */
 
+const COMMENT_OPTIONS = [{
+  label: (0, _react.createElement)(_react.Fragment, null, (0, _i18n.__)('Open'), (0, _react.createElement)(_components.__experimentalText, {
+    variant: "muted",
+    size: 12
+  }, (0, _i18n.__)('Visitors can add new comments and replies.'))),
+  value: 'open'
+}, {
+  label: (0, _react.createElement)(_react.Fragment, null, (0, _i18n.__)('Closed'), (0, _react.createElement)(_components.__experimentalText, {
+    variant: "muted",
+    size: 12
+  }, (0, _i18n.__)('Visitors cannot add new comments or replies.')), (0, _react.createElement)(_components.__experimentalText, {
+    variant: "muted",
+    size: 12
+  }, (0, _i18n.__)('Existing comments remain visible.'))),
+  value: 'closed'
+}];
 function PostComments() {
   const commentStatus = (0, _data.useSelect)(select => {
     var _select$getEditedPost;
@@ -25,15 +41,19 @@ function PostComments() {
   const {
     editPost
   } = (0, _data.useDispatch)(_store.store);
-  const onToggleComments = () => editPost({
-    comment_status: commentStatus === 'open' ? 'closed' : 'open'
-  });
-  return (0, _react.createElement)(_components.CheckboxControl, {
-    __nextHasNoMarginBottom: true,
-    label: (0, _i18n.__)('Allow comments'),
-    checked: commentStatus === 'open',
-    onChange: onToggleComments
+  const handleStatus = newCommentStatus => editPost({
+    comment_status: newCommentStatus
   });
+  return (0, _react.createElement)("form", null, (0, _react.createElement)(_components.__experimentalVStack, {
+    spacing: 4
+  }, (0, _react.createElement)(_components.RadioControl, {
+    className: "editor-change-status__options",
+    hideLabelFromVision: true,
+    label: (0, _i18n.__)('Comment status'),
+    options: COMMENT_OPTIONS,
+    onChange: handleStatus,
+    selected: commentStatus
+  })));
 }
 var _default = exports.default = PostComments;
 //# sourceMappingURL=index.js.map

package/build/components/post-comments/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_i18n","require","_components","_data","_store","PostComments","commentStatus","useSelect","select","_select$getEditedPost","editorStore","getEditedPostAttribute","editPost","useDispatch","onToggleComments","comment_status","_react","createElement","CheckboxControl","__nextHasNoMarginBottom","label","__","checked","onChange","_default","exports","default"],"sources":["@wordpress/editor/src/components/post-comments/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { CheckboxControl } from '@wordpress/components';\nimport { useDispatch, useSelect } from '@wordpress/data';\n\n/**\n * Internal dependencies\n */\nimport { store as editorStore } from '../../store';\n\nfunction PostComments() {\n\tconst commentStatus = useSelect(\n\t\t( select ) =>\n\t\t\tselect( editorStore ).getEditedPostAttribute( 'comment_status' ) ??\n\t\t\t'open',\n\t\t[]\n\t);\n\tconst { editPost } = useDispatch( editorStore );\n\tconst onToggleComments = () =>\n\t\teditPost( {\n\t\t\tcomment_status: commentStatus === 'open' ? 'closed' : 'open',\n\t\t} );\n\n\treturn (\n\t\t<CheckboxControl\n\t\t\t__nextHasNoMarginBottom\n\t\t\tlabel={ __( 'Allow comments' ) }\n\t\t\tchecked={ commentStatus === 'open' }\n\t\t\tonChange={ onToggleComments }\n\t\t/>\n\t);\n}\n\nexport default PostComments;\n"],"mappings":";;;;;;;AAGA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,WAAA,GAAAD,OAAA;AACA,IAAAE,KAAA,GAAAF,OAAA;AAKA,IAAAG,MAAA,GAAAH,OAAA;AAVA;AACA;AACA;;AAKA;AACA;AACA;;AAGA,SAASI,YAAYA,CAAA,EAAG;EACvB,MAAMC,aAAa,GAAG,IAAAC,eAAS,EAC5BC,MAAM;IAAA,IAAAC,qBAAA;IAAA,QAAAA,qBAAA,GACPD,MAAM,CAAEE,YAAY,CAAC,CAACC,sBAAsB,CAAE,gBAAiB,CAAC,cAAAF,qBAAA,cAAAA,qBAAA,GAChE,MAAM;EAAA,GACP,EACD,CAAC;EACD,MAAM;IAAEG;EAAS,CAAC,GAAG,IAAAC,iBAAW,EAAEH,YAAY,CAAC;EAC/C,MAAMI,gBAAgB,GAAGA,CAAA,KACxBF,QAAQ,CAAE;IACTG,cAAc,EAAET,aAAa,KAAK,MAAM,GAAG,QAAQ,GAAG;EACvD,CAAE,CAAC;EAEJ,OACC,IAAAU,MAAA,CAAAC,aAAA,EAACf,WAAA,CAAAgB,eAAe;IACfC,uBAAuB;IACvBC,KAAK,EAAG,IAAAC,QAAE,EAAE,gBAAiB,CAAG;IAChCC,OAAO,EAAGhB,aAAa,KAAK,MAAQ;IACpCiB,QAAQ,EAAGT;EAAkB,CAC7B,CAAC;AAEJ;AAAC,IAAAU,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAEcrB,YAAY","ignoreList":[]}
+{"version":3,"names":["_i18n","require","_components","_data","_store","COMMENT_OPTIONS","label","_react","createElement","Fragment","__","__experimentalText","variant","size","value","PostComments","commentStatus","useSelect","select","_select$getEditedPost","editorStore","getEditedPostAttribute","editPost","useDispatch","handleStatus","newCommentStatus","comment_status","__experimentalVStack","spacing","RadioControl","className","hideLabelFromVision","options","onChange","selected","_default","exports","default"],"sources":["@wordpress/editor/src/components/post-comments/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport {\n\tRadioControl,\n\t__experimentalText as Text,\n\t__experimentalVStack as VStack,\n} from '@wordpress/components';\nimport { useDispatch, useSelect } from '@wordpress/data';\n\n/**\n * Internal dependencies\n */\nimport { store as editorStore } from '../../store';\n\nconst COMMENT_OPTIONS = [\n\t{\n\t\tlabel: (\n\t\t\t<>\n\t\t\t\t{ __( 'Open' ) }\n\t\t\t\t<Text variant=\"muted\" size={ 12 }>\n\t\t\t\t\t{ __( 'Visitors can add new comments and replies.' ) }\n\t\t\t\t</Text>\n\t\t\t</>\n\t\t),\n\t\tvalue: 'open',\n\t},\n\t{\n\t\tlabel: (\n\t\t\t<>\n\t\t\t\t{ __( 'Closed' ) }\n\t\t\t\t<Text variant=\"muted\" size={ 12 }>\n\t\t\t\t\t{ __( 'Visitors cannot add new comments or replies.' ) }\n\t\t\t\t</Text>\n\t\t\t\t<Text variant=\"muted\" size={ 12 }>\n\t\t\t\t\t{ __( 'Existing comments remain visible.' ) }\n\t\t\t\t</Text>\n\t\t\t</>\n\t\t),\n\t\tvalue: 'closed',\n\t},\n];\n\nfunction PostComments() {\n\tconst commentStatus = useSelect(\n\t\t( select ) =>\n\t\t\tselect( editorStore ).getEditedPostAttribute( 'comment_status' ) ??\n\t\t\t'open',\n\t\t[]\n\t);\n\tconst { editPost } = useDispatch( editorStore );\n\tconst handleStatus = ( newCommentStatus ) =>\n\t\teditPost( {\n\t\t\tcomment_status: newCommentStatus,\n\t\t} );\n\n\treturn (\n\t\t<form>\n\t\t\t<VStack spacing={ 4 }>\n\t\t\t\t<RadioControl\n\t\t\t\t\tclassName=\"editor-change-status__options\"\n\t\t\t\t\thideLabelFromVision\n\t\t\t\t\tlabel={ __( 'Comment status' ) }\n\t\t\t\t\toptions={ COMMENT_OPTIONS }\n\t\t\t\t\tonChange={ handleStatus }\n\t\t\t\t\tselected={ commentStatus }\n\t\t\t\t/>\n\t\t\t</VStack>\n\t\t</form>\n\t);\n}\n\nexport default PostComments;\n"],"mappings":";;;;;;;AAGA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,WAAA,GAAAD,OAAA;AAKA,IAAAE,KAAA,GAAAF,OAAA;AAKA,IAAAG,MAAA,GAAAH,OAAA;AAdA;AACA;AACA;;AASA;AACA;AACA;;AAGA,MAAMI,eAAe,GAAG,CACvB;EACCC,KAAK,EACJ,IAAAC,MAAA,CAAAC,aAAA,EAAAD,MAAA,CAAAE,QAAA,QACG,IAAAC,QAAE,EAAE,MAAO,CAAC,EACd,IAAAH,MAAA,CAAAC,aAAA,EAACN,WAAA,CAAAS,kBAAI;IAACC,OAAO,EAAC,OAAO;IAACC,IAAI,EAAG;EAAI,GAC9B,IAAAH,QAAE,EAAE,4CAA6C,CAC9C,CACL,CACF;EACDI,KAAK,EAAE;AACR,CAAC,EACD;EACCR,KAAK,EACJ,IAAAC,MAAA,CAAAC,aAAA,EAAAD,MAAA,CAAAE,QAAA,QACG,IAAAC,QAAE,EAAE,QAAS,CAAC,EAChB,IAAAH,MAAA,CAAAC,aAAA,EAACN,WAAA,CAAAS,kBAAI;IAACC,OAAO,EAAC,OAAO;IAACC,IAAI,EAAG;EAAI,GAC9B,IAAAH,QAAE,EAAE,8CAA+C,CAChD,CAAC,EACP,IAAAH,MAAA,CAAAC,aAAA,EAACN,WAAA,CAAAS,kBAAI;IAACC,OAAO,EAAC,OAAO;IAACC,IAAI,EAAG;EAAI,GAC9B,IAAAH,QAAE,EAAE,mCAAoC,CACrC,CACL,CACF;EACDI,KAAK,EAAE;AACR,CAAC,CACD;AAED,SAASC,YAAYA,CAAA,EAAG;EACvB,MAAMC,aAAa,GAAG,IAAAC,eAAS,EAC5BC,MAAM;IAAA,IAAAC,qBAAA;IAAA,QAAAA,qBAAA,GACPD,MAAM,CAAEE,YAAY,CAAC,CAACC,sBAAsB,CAAE,gBAAiB,CAAC,cAAAF,qBAAA,cAAAA,qBAAA,GAChE,MAAM;EAAA,GACP,EACD,CAAC;EACD,MAAM;IAAEG;EAAS,CAAC,GAAG,IAAAC,iBAAW,EAAEH,YAAY,CAAC;EAC/C,MAAMI,YAAY,GAAKC,gBAAgB,IACtCH,QAAQ,CAAE;IACTI,cAAc,EAAED;EACjB,CAAE,CAAC;EAEJ,OACC,IAAAlB,MAAA,CAAAC,aAAA,gBACC,IAAAD,MAAA,CAAAC,aAAA,EAACN,WAAA,CAAAyB,oBAAM;IAACC,OAAO,EAAG;EAAG,GACpB,IAAArB,MAAA,CAAAC,aAAA,EAACN,WAAA,CAAA2B,YAAY;IACZC,SAAS,EAAC,+BAA+B;IACzCC,mBAAmB;IACnBzB,KAAK,EAAG,IAAAI,QAAE,EAAE,gBAAiB,CAAG;IAChCsB,OAAO,EAAG3B,eAAiB;IAC3B4B,QAAQ,EAAGT,YAAc;IACzBU,QAAQ,EAAGlB;EAAe,CAC1B,CACM,CACH,CAAC;AAET;AAAC,IAAAmB,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAEctB,YAAY","ignoreList":[]}

package/build/components/post-content-information/index.js

@@ -0,0 +1,72 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = PostContentInformation;
+var _react = require("react");
+var _components = require("@wordpress/components");
+var _data = require("@wordpress/data");
+var _i18n = require("@wordpress/i18n");
+var _wordcount = require("@wordpress/wordcount");
+var _element = require("@wordpress/element");
+var _coreData = require("@wordpress/core-data");
+var _store = require("../../store");
+var _constants = require("../../store/constants");
+/**
+ * WordPress dependencies
+ */
+
+/**
+ * Internal dependencies
+ */
+
+// Taken from packages/editor/src/components/time-to-read/index.js.
+const AVERAGE_READING_RATE = 189;
+
+// This component renders the wordcount and reading time for the post.
+function PostContentInformation() {
+  const {
+    postContent
+  } = (0, _data.useSelect)(select => {
+    const {
+      getEditedPostAttribute,
+      getCurrentPostType,
+      getCurrentPostId
+    } = select(_store.store);
+    const {
+      getEntityRecord
+    } = select(_coreData.store);
+    const siteSettings = getEntityRecord('root', 'site');
+    const postType = getCurrentPostType();
+    const _id = getCurrentPostId();
+    const isPostsPage = +_id === siteSettings?.page_for_posts;
+    const showPostContentInfo = !isPostsPage && ![_constants.TEMPLATE_POST_TYPE, _constants.TEMPLATE_PART_POST_TYPE].includes(postType);
+    return {
+      postContent: showPostContentInfo && getEditedPostAttribute('content')
+    };
+  }, []);
+
+  /*
+   * translators: If your word count is based on single characters (e.g. East Asian characters),
+   * enter 'characters_excluding_spaces' or 'characters_including_spaces'. Otherwise, enter 'words'.
+   * Do not translate into your own language.
+   */
+  const wordCountType = (0, _i18n._x)('words', 'Word count type. Do not translate!');
+  const wordsCounted = (0, _element.useMemo)(() => postContent ? (0, _wordcount.count)(postContent, wordCountType) : 0, [postContent, wordCountType]);
+  if (!wordsCounted) {
+    return null;
+  }
+  const readingTime = Math.round(wordsCounted / AVERAGE_READING_RATE);
+  const wordsCountText = (0, _i18n.sprintf)(
+  // translators: %s: the number of words in the post.
+  (0, _i18n._n)('%s word', '%s words', wordsCounted), wordsCounted.toLocaleString());
+  const minutesText = readingTime <= 1 ? (0, _i18n.__)('1 minute') : (0, _i18n.sprintf)(
+  // translators: %s: the number of minutes to read the post.
+  (0, _i18n._n)('%s minute', '%s minutes', readingTime), readingTime.toLocaleString());
+  return (0, _react.createElement)("div", {
+    className: "editor-post-content-information"
+  }, (0, _react.createElement)(_components.__experimentalText, null, (0, _i18n.sprintf)( /* translators: 1: How many words a post has. 2: the number of minutes to read the post (e.g. 130 words, 2 minutes read time.) */
+  (0, _i18n.__)('%1$s, %2$s read time.'), wordsCountText, minutesText)));
+}
+//# sourceMappingURL=index.js.map

package/build/components/post-content-information/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_components","require","_data","_i18n","_wordcount","_element","_coreData","_store","_constants","AVERAGE_READING_RATE","PostContentInformation","postContent","useSelect","select","getEditedPostAttribute","getCurrentPostType","getCurrentPostId","editorStore","getEntityRecord","coreStore","siteSettings","postType","_id","isPostsPage","page_for_posts","showPostContentInfo","TEMPLATE_POST_TYPE","TEMPLATE_PART_POST_TYPE","includes","wordCountType","_x","wordsCounted","useMemo","wordCount","readingTime","Math","round","wordsCountText","sprintf","_n","toLocaleString","minutesText","__","_react","createElement","className","__experimentalText"],"sources":["@wordpress/editor/src/components/post-content-information/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __experimentalText as Text } from '@wordpress/components';\nimport { useSelect } from '@wordpress/data';\nimport { __, _x, _n, sprintf } from '@wordpress/i18n';\nimport { count as wordCount } from '@wordpress/wordcount';\nimport { useMemo } from '@wordpress/element';\nimport { store as coreStore } from '@wordpress/core-data';\n\n/**\n * Internal dependencies\n */\nimport { store as editorStore } from '../../store';\nimport {\n\tTEMPLATE_POST_TYPE,\n\tTEMPLATE_PART_POST_TYPE,\n} from '../../store/constants';\n\n// Taken from packages/editor/src/components/time-to-read/index.js.\nconst AVERAGE_READING_RATE = 189;\n\n// This component renders the wordcount and reading time for the post.\nexport default function PostContentInformation() {\n\tconst { postContent } = useSelect( ( select ) => {\n\t\tconst { getEditedPostAttribute, getCurrentPostType, getCurrentPostId } =\n\t\t\tselect( editorStore );\n\t\tconst { getEntityRecord } = select( coreStore );\n\t\tconst siteSettings = getEntityRecord( 'root', 'site' );\n\t\tconst postType = getCurrentPostType();\n\t\tconst _id = getCurrentPostId();\n\t\tconst isPostsPage = +_id === siteSettings?.page_for_posts;\n\t\tconst showPostContentInfo =\n\t\t\t! isPostsPage &&\n\t\t\t! [ TEMPLATE_POST_TYPE, TEMPLATE_PART_POST_TYPE ].includes(\n\t\t\t\tpostType\n\t\t\t);\n\t\treturn {\n\t\t\tpostContent:\n\t\t\t\tshowPostContentInfo && getEditedPostAttribute( 'content' ),\n\t\t};\n\t}, [] );\n\n\t/*\n\t * translators: If your word count is based on single characters (e.g. East Asian characters),\n\t * enter 'characters_excluding_spaces' or 'characters_including_spaces'. Otherwise, enter 'words'.\n\t * Do not translate into your own language.\n\t */\n\tconst wordCountType = _x( 'words', 'Word count type. Do not translate!' );\n\tconst wordsCounted = useMemo(\n\t\t() => ( postContent ? wordCount( postContent, wordCountType ) : 0 ),\n\t\t[ postContent, wordCountType ]\n\t);\n\tif ( ! wordsCounted ) {\n\t\treturn null;\n\t}\n\tconst readingTime = Math.round( wordsCounted / AVERAGE_READING_RATE );\n\tconst wordsCountText = sprintf(\n\t\t// translators: %s: the number of words in the post.\n\t\t_n( '%s word', '%s words', wordsCounted ),\n\t\twordsCounted.toLocaleString()\n\t);\n\tconst minutesText =\n\t\treadingTime <= 1\n\t\t\t? __( '1 minute' )\n\t\t\t: sprintf(\n\t\t\t\t\t// translators: %s: the number of minutes to read the post.\n\t\t\t\t\t_n( '%s minute', '%s minutes', readingTime ),\n\t\t\t\t\treadingTime.toLocaleString()\n\t\t\t  );\n\treturn (\n\t\t<div className=\"editor-post-content-information\">\n\t\t\t<Text>\n\t\t\t\t{ sprintf(\n\t\t\t\t\t/* translators: 1: How many words a post has. 2: the number of minutes to read the post (e.g. 130 words, 2 minutes read time.) */\n\t\t\t\t\t__( '%1$s, %2$s read time.' ),\n\t\t\t\t\twordsCountText,\n\t\t\t\t\tminutesText\n\t\t\t\t) }\n\t\t\t</Text>\n\t\t</div>\n\t);\n}\n"],"mappings":";;;;;;;AAGA,IAAAA,WAAA,GAAAC,OAAA;AACA,IAAAC,KAAA,GAAAD,OAAA;AACA,IAAAE,KAAA,GAAAF,OAAA;AACA,IAAAG,UAAA,GAAAH,OAAA;AACA,IAAAI,QAAA,GAAAJ,OAAA;AACA,IAAAK,SAAA,GAAAL,OAAA;AAKA,IAAAM,MAAA,GAAAN,OAAA;AACA,IAAAO,UAAA,GAAAP,OAAA;AAdA;AACA;AACA;;AAQA;AACA;AACA;;AAOA;AACA,MAAMQ,oBAAoB,GAAG,GAAG;;AAEhC;AACe,SAASC,sBAAsBA,CAAA,EAAG;EAChD,MAAM;IAAEC;EAAY,CAAC,GAAG,IAAAC,eAAS,EAAIC,MAAM,IAAM;IAChD,MAAM;MAAEC,sBAAsB;MAAEC,kBAAkB;MAAEC;IAAiB,CAAC,GACrEH,MAAM,CAAEI,YAAY,CAAC;IACtB,MAAM;MAAEC;IAAgB,CAAC,GAAGL,MAAM,CAAEM,eAAU,CAAC;IAC/C,MAAMC,YAAY,GAAGF,eAAe,CAAE,MAAM,EAAE,MAAO,CAAC;IACtD,MAAMG,QAAQ,GAAGN,kBAAkB,CAAC,CAAC;IACrC,MAAMO,GAAG,GAAGN,gBAAgB,CAAC,CAAC;IAC9B,MAAMO,WAAW,GAAG,CAACD,GAAG,KAAKF,YAAY,EAAEI,cAAc;IACzD,MAAMC,mBAAmB,GACxB,CAAEF,WAAW,IACb,CAAE,CAAEG,6BAAkB,EAAEC,kCAAuB,CAAE,CAACC,QAAQ,CACzDP,QACD,CAAC;IACF,OAAO;MACNV,WAAW,EACVc,mBAAmB,IAAIX,sBAAsB,CAAE,SAAU;IAC3D,CAAC;EACF,CAAC,EAAE,EAAG,CAAC;;EAEP;AACD;AACA;AACA;AACA;EACC,MAAMe,aAAa,GAAG,IAAAC,QAAE,EAAE,OAAO,EAAE,oCAAqC,CAAC;EACzE,MAAMC,YAAY,GAAG,IAAAC,gBAAO,EAC3B,MAAQrB,WAAW,GAAG,IAAAsB,gBAAS,EAAEtB,WAAW,EAAEkB,aAAc,CAAC,GAAG,CAAG,EACnE,CAAElB,WAAW,EAAEkB,aAAa,CAC7B,CAAC;EACD,IAAK,CAAEE,YAAY,EAAG;IACrB,OAAO,IAAI;EACZ;EACA,MAAMG,WAAW,GAAGC,IAAI,CAACC,KAAK,CAAEL,YAAY,GAAGtB,oBAAqB,CAAC;EACrE,MAAM4B,cAAc,GAAG,IAAAC,aAAO;EAC7B;EACA,IAAAC,QAAE,EAAE,SAAS,EAAE,UAAU,EAAER,YAAa,CAAC,EACzCA,YAAY,CAACS,cAAc,CAAC,CAC7B,CAAC;EACD,MAAMC,WAAW,GAChBP,WAAW,IAAI,CAAC,GACb,IAAAQ,QAAE,EAAE,UAAW,CAAC,GAChB,IAAAJ,aAAO;EACP;EACA,IAAAC,QAAE,EAAE,WAAW,EAAE,YAAY,EAAEL,WAAY,CAAC,EAC5CA,WAAW,CAACM,cAAc,CAAC,CAC3B,CAAC;EACL,OACC,IAAAG,MAAA,CAAAC,aAAA;IAAKC,SAAS,EAAC;EAAiC,GAC/C,IAAAF,MAAA,CAAAC,aAAA,EAAC5C,WAAA,CAAA8C,kBAAI,QACF,IAAAR,aAAO,GACR;EACA,IAAAI,QAAE,EAAE,uBAAwB,CAAC,EAC7BL,cAAc,EACdI,WACD,CACK,CACF,CAAC;AAER","ignoreList":[]}

package/build/components/post-discussion/panel.js

@@ -4,15 +4,19 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
+exports.default = PostDiscussionPanel;
 var _react = require("react");
 var _i18n = require("@wordpress/i18n");
 var _components = require("@wordpress/components");
 var _data = require("@wordpress/data");
+var _element = require("@wordpress/element");
+var _blockEditor = require("@wordpress/block-editor");
+var _coreData = require("@wordpress/core-data");
 var _store = require("../../store");
 var _postTypeSupportCheck = _interopRequireDefault(require("../post-type-support-check"));
 var _postComments = _interopRequireDefault(require("../post-comments"));
 var _postPingbacks = _interopRequireDefault(require("../post-pingbacks"));
+var _postPanelRow = _interopRequireDefault(require("../post-panel-row"));
 /**
  * WordPress dependencies
  */
@@ -22,37 +26,117 @@ var _postPingbacks = _interopRequireDefault(require("../post-pingbacks"));
  */
 
 const PANEL_NAME = 'discussion-panel';
-function PostDiscussionPanel() {
+function ModalContents({
+  onClose
+}) {
+  return (0, _react.createElement)("div", {
+    className: "editor-post-discussion"
+  }, (0, _react.createElement)(_blockEditor.__experimentalInspectorPopoverHeader, {
+    title: (0, _i18n.__)('Discussion'),
+    onClose: onClose
+  }), (0, _react.createElement)(_components.__experimentalVStack, {
+    spacing: 4
+  }, (0, _react.createElement)(_postTypeSupportCheck.default, {
+    supportKeys: "comments"
+  }, (0, _react.createElement)(_postComments.default, null)), (0, _react.createElement)(_postTypeSupportCheck.default, {
+    supportKeys: "trackbacks"
+  }, (0, _react.createElement)(_postPingbacks.default, null))));
+}
+function PostDiscussionToggle({
+  isOpen,
+  onClick
+}) {
   const {
-    isEnabled,
-    isOpened
+    commentStatus,
+    pingStatus,
+    commentsSupported,
+    trackbacksSupported
   } = (0, _data.useSelect)(select => {
+    var _getEditedPostAttribu, _getEditedPostAttribu2;
     const {
-      isEditorPanelEnabled,
-      isEditorPanelOpened
+      getEditedPostAttribute
     } = select(_store.store);
+    const {
+      getPostType
+    } = select(_coreData.store);
+    const postType = getPostType(getEditedPostAttribute('type'));
     return {
-      isEnabled: isEditorPanelEnabled(PANEL_NAME),
-      isOpened: isEditorPanelOpened(PANEL_NAME)
+      commentStatus: (_getEditedPostAttribu = getEditedPostAttribute('comment_status')) !== null && _getEditedPostAttribu !== void 0 ? _getEditedPostAttribu : 'open',
+      pingStatus: (_getEditedPostAttribu2 = getEditedPostAttribute('ping_status')) !== null && _getEditedPostAttribu2 !== void 0 ? _getEditedPostAttribu2 : 'open',
+      commentsSupported: !!postType.supports.comments,
+      trackbacksSupported: !!postType.supports.trackbacks
     };
   }, []);
+  let label;
+  if (commentStatus === 'open') {
+    if (pingStatus === 'open') {
+      label = (0, _i18n.__)('Open');
+    } else {
+      label = trackbacksSupported ? (0, _i18n.__)('Comments only') : (0, _i18n.__)('Open');
+    }
+  } else if (pingStatus === 'open') {
+    label = commentsSupported ? (0, _i18n.__)('Pings only') : (0, _i18n.__)('Pings enabled');
+  } else {
+    label = (0, _i18n.__)('Closed');
+  }
+  return (0, _react.createElement)(_components.Button, {
+    size: "compact",
+    className: "editor-post-discussion__panel-toggle",
+    variant: "tertiary",
+    "aria-label": (0, _i18n.__)('Change discussion options'),
+    "aria-expanded": isOpen,
+    onClick: onClick
+  }, (0, _react.createElement)(_components.__experimentalText, null, label));
+}
+function PostDiscussionPanel() {
   const {
-    toggleEditorPanelOpened
-  } = (0, _data.useDispatch)(_store.store);
+    isEnabled
+  } = (0, _data.useSelect)(select => {
+    const {
+      isEditorPanelEnabled
+    } = select(_store.store);
+    return {
+      isEnabled: isEditorPanelEnabled(PANEL_NAME)
+    };
+  }, []);
+
+  // Use internal state instead of a ref to make sure that the component
+  // re-renders when the popover's anchor updates.
+  const [popoverAnchor, setPopoverAnchor] = (0, _element.useState)(null);
+  // Memoize popoverProps to avoid returning a new object every time.
+  const popoverProps = (0, _element.useMemo)(() => ({
+    // Anchor the popover to the middle of the entire row so that it doesn't
+    // move around when the label changes.
+    anchor: popoverAnchor,
+    placement: 'left-start',
+    offset: 36,
+    shift: true
+  }), [popoverAnchor]);
   if (!isEnabled) {
     return null;
   }
   return (0, _react.createElement)(_postTypeSupportCheck.default, {
     supportKeys: ['comments', 'trackbacks']
-  }, (0, _react.createElement)(_components.PanelBody, {
-    title: (0, _i18n.__)('Discussion'),
-    opened: isOpened,
-    onToggle: () => toggleEditorPanelOpened(PANEL_NAME)
-  }, (0, _react.createElement)(_postTypeSupportCheck.default, {
-    supportKeys: "comments"
-  }, (0, _react.createElement)(_components.PanelRow, null, (0, _react.createElement)(_postComments.default, null))), (0, _react.createElement)(_postTypeSupportCheck.default, {
-    supportKeys: "trackbacks"
-  }, (0, _react.createElement)(_components.PanelRow, null, (0, _react.createElement)(_postPingbacks.default, null)))));
+  }, (0, _react.createElement)(_postPanelRow.default, {
+    label: (0, _i18n.__)('Discussion'),
+    ref: setPopoverAnchor
+  }, (0, _react.createElement)(_components.Dropdown, {
+    popoverProps: popoverProps,
+    className: "editor-post-discussion__panel-dropdown",
+    contentClassName: "editor-post-discussion__panel-dialog",
+    focusOnMount: true,
+    renderToggle: ({
+      isOpen,
+      onToggle
+    }) => (0, _react.createElement)(PostDiscussionToggle, {
+      isOpen: isOpen,
+      onClick: onToggle
+    }),
+    renderContent: ({
+      onClose
+    }) => (0, _react.createElement)(ModalContents, {
+      onClose: onClose
+    })
+  })));
 }
-var _default = exports.default = PostDiscussionPanel;
 //# sourceMappingURL=panel.js.map

package/build/components/post-discussion/panel.js.map

@@ -1 +1 @@
-{"version":3,"names":["_i18n","require","_components","_data","_store","_postTypeSupportCheck","_interopRequireDefault","_postComments","_postPingbacks","PANEL_NAME","PostDiscussionPanel","isEnabled","isOpened","useSelect","select","isEditorPanelEnabled","isEditorPanelOpened","editorStore","toggleEditorPanelOpened","useDispatch","_react","createElement","default","supportKeys","PanelBody","title","__","opened","onToggle","PanelRow","_default","exports"],"sources":["@wordpress/editor/src/components/post-discussion/panel.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { PanelBody, PanelRow } from '@wordpress/components';\nimport { useDispatch, useSelect } from '@wordpress/data';\n\n/**\n * Internal dependencies\n */\nimport { store as editorStore } from '../../store';\nimport PostTypeSupportCheck from '../post-type-support-check';\nimport PostComments from '../post-comments';\nimport PostPingbacks from '../post-pingbacks';\n\nconst PANEL_NAME = 'discussion-panel';\n\nfunction PostDiscussionPanel() {\n\tconst { isEnabled, isOpened } = useSelect( ( select ) => {\n\t\tconst { isEditorPanelEnabled, isEditorPanelOpened } =\n\t\t\tselect( editorStore );\n\t\treturn {\n\t\t\tisEnabled: isEditorPanelEnabled( PANEL_NAME ),\n\t\t\tisOpened: isEditorPanelOpened( PANEL_NAME ),\n\t\t};\n\t}, [] );\n\n\tconst { toggleEditorPanelOpened } = useDispatch( editorStore );\n\n\tif ( ! isEnabled ) {\n\t\treturn null;\n\t}\n\n\treturn (\n\t\t<PostTypeSupportCheck supportKeys={ [ 'comments', 'trackbacks' ] }>\n\t\t\t<PanelBody\n\t\t\t\ttitle={ __( 'Discussion' ) }\n\t\t\t\topened={ isOpened }\n\t\t\t\tonToggle={ () => toggleEditorPanelOpened( PANEL_NAME ) }\n\t\t\t>\n\t\t\t\t<PostTypeSupportCheck supportKeys=\"comments\">\n\t\t\t\t\t<PanelRow>\n\t\t\t\t\t\t<PostComments />\n\t\t\t\t\t</PanelRow>\n\t\t\t\t</PostTypeSupportCheck>\n\n\t\t\t\t<PostTypeSupportCheck supportKeys=\"trackbacks\">\n\t\t\t\t\t<PanelRow>\n\t\t\t\t\t\t<PostPingbacks />\n\t\t\t\t\t</PanelRow>\n\t\t\t\t</PostTypeSupportCheck>\n\t\t\t</PanelBody>\n\t\t</PostTypeSupportCheck>\n\t);\n}\n\nexport default PostDiscussionPanel;\n"],"mappings":";;;;;;;;AAGA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,WAAA,GAAAD,OAAA;AACA,IAAAE,KAAA,GAAAF,OAAA;AAKA,IAAAG,MAAA,GAAAH,OAAA;AACA,IAAAI,qBAAA,GAAAC,sBAAA,CAAAL,OAAA;AACA,IAAAM,aAAA,GAAAD,sBAAA,CAAAL,OAAA;AACA,IAAAO,cAAA,GAAAF,sBAAA,CAAAL,OAAA;AAbA;AACA;AACA;;AAKA;AACA;AACA;;AAMA,MAAMQ,UAAU,GAAG,kBAAkB;AAErC,SAASC,mBAAmBA,CAAA,EAAG;EAC9B,MAAM;IAAEC,SAAS;IAAEC;EAAS,CAAC,GAAG,IAAAC,eAAS,EAAIC,MAAM,IAAM;IACxD,MAAM;MAAEC,oBAAoB;MAAEC;IAAoB,CAAC,GAClDF,MAAM,CAAEG,YAAY,CAAC;IACtB,OAAO;MACNN,SAAS,EAAEI,oBAAoB,CAAEN,UAAW,CAAC;MAC7CG,QAAQ,EAAEI,mBAAmB,CAAEP,UAAW;IAC3C,CAAC;EACF,CAAC,EAAE,EAAG,CAAC;EAEP,MAAM;IAAES;EAAwB,CAAC,GAAG,IAAAC,iBAAW,EAAEF,YAAY,CAAC;EAE9D,IAAK,CAAEN,SAAS,EAAG;IAClB,OAAO,IAAI;EACZ;EAEA,OACC,IAAAS,MAAA,CAAAC,aAAA,EAAChB,qBAAA,CAAAiB,OAAoB;IAACC,WAAW,EAAG,CAAE,UAAU,EAAE,YAAY;EAAI,GACjE,IAAAH,MAAA,CAAAC,aAAA,EAACnB,WAAA,CAAAsB,SAAS;IACTC,KAAK,EAAG,IAAAC,QAAE,EAAE,YAAa,CAAG;IAC5BC,MAAM,EAAGf,QAAU;IACnBgB,QAAQ,EAAGA,CAAA,KAAMV,uBAAuB,CAAET,UAAW;EAAG,GAExD,IAAAW,MAAA,CAAAC,aAAA,EAAChB,qBAAA,CAAAiB,OAAoB;IAACC,WAAW,EAAC;EAAU,GAC3C,IAAAH,MAAA,CAAAC,aAAA,EAACnB,WAAA,CAAA2B,QAAQ,QACR,IAAAT,MAAA,CAAAC,aAAA,EAACd,aAAA,CAAAe,OAAY,MAAE,CACN,CACW,CAAC,EAEvB,IAAAF,MAAA,CAAAC,aAAA,EAAChB,qBAAA,CAAAiB,OAAoB;IAACC,WAAW,EAAC;EAAY,GAC7C,IAAAH,MAAA,CAAAC,aAAA,EAACnB,WAAA,CAAA2B,QAAQ,QACR,IAAAT,MAAA,CAAAC,aAAA,EAACb,cAAA,CAAAc,OAAa,MAAE,CACP,CACW,CACZ,CACU,CAAC;AAEzB;AAAC,IAAAQ,QAAA,GAAAC,OAAA,CAAAT,OAAA,GAEcZ,mBAAmB","ignoreList":[]}
+{"version":3,"names":["_i18n","require","_components","_data","_element","_blockEditor","_coreData","_store","_postTypeSupportCheck","_interopRequireDefault","_postComments","_postPingbacks","_postPanelRow","PANEL_NAME","ModalContents","onClose","_react","createElement","className","__experimentalInspectorPopoverHeader","title","__","__experimentalVStack","spacing","default","supportKeys","PostDiscussionToggle","isOpen","onClick","commentStatus","pingStatus","commentsSupported","trackbacksSupported","useSelect","select","_getEditedPostAttribu","_getEditedPostAttribu2","getEditedPostAttribute","editorStore","getPostType","coreStore","postType","supports","comments","trackbacks","label","Button","size","variant","__experimentalText","PostDiscussionPanel","isEnabled","isEditorPanelEnabled","popoverAnchor","setPopoverAnchor","useState","popoverProps","useMemo","anchor","placement","offset","shift","ref","Dropdown","contentClassName","focusOnMount","renderToggle","onToggle","renderContent"],"sources":["@wordpress/editor/src/components/post-discussion/panel.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport {\n\tDropdown,\n\tButton,\n\t__experimentalVStack as VStack,\n\t__experimentalText as Text,\n} from '@wordpress/components';\nimport { useSelect } from '@wordpress/data';\nimport { useState, useMemo } from '@wordpress/element';\nimport { __experimentalInspectorPopoverHeader as InspectorPopoverHeader } from '@wordpress/block-editor';\nimport { store as coreStore } from '@wordpress/core-data';\n\n/**\n * Internal dependencies\n */\nimport { store as editorStore } from '../../store';\nimport PostTypeSupportCheck from '../post-type-support-check';\nimport PostComments from '../post-comments';\nimport PostPingbacks from '../post-pingbacks';\nimport PostPanelRow from '../post-panel-row';\n\nconst PANEL_NAME = 'discussion-panel';\n\nfunction ModalContents( { onClose } ) {\n\treturn (\n\t\t<div className=\"editor-post-discussion\">\n\t\t\t<InspectorPopoverHeader\n\t\t\t\ttitle={ __( 'Discussion' ) }\n\t\t\t\tonClose={ onClose }\n\t\t\t/>\n\t\t\t<VStack spacing={ 4 }>\n\t\t\t\t<PostTypeSupportCheck supportKeys=\"comments\">\n\t\t\t\t\t<PostComments />\n\t\t\t\t</PostTypeSupportCheck>\n\t\t\t\t<PostTypeSupportCheck supportKeys=\"trackbacks\">\n\t\t\t\t\t<PostPingbacks />\n\t\t\t\t</PostTypeSupportCheck>\n\t\t\t</VStack>\n\t\t</div>\n\t);\n}\n\nfunction PostDiscussionToggle( { isOpen, onClick } ) {\n\tconst {\n\t\tcommentStatus,\n\t\tpingStatus,\n\t\tcommentsSupported,\n\t\ttrackbacksSupported,\n\t} = useSelect( ( select ) => {\n\t\tconst { getEditedPostAttribute } = select( editorStore );\n\t\tconst { getPostType } = select( coreStore );\n\t\tconst postType = getPostType( getEditedPostAttribute( 'type' ) );\n\t\treturn {\n\t\t\tcommentStatus: getEditedPostAttribute( 'comment_status' ) ?? 'open',\n\t\t\tpingStatus: getEditedPostAttribute( 'ping_status' ) ?? 'open',\n\t\t\tcommentsSupported: !! postType.supports.comments,\n\t\t\ttrackbacksSupported: !! postType.supports.trackbacks,\n\t\t};\n\t}, [] );\n\tlet label;\n\tif ( commentStatus === 'open' ) {\n\t\tif ( pingStatus === 'open' ) {\n\t\t\tlabel = __( 'Open' );\n\t\t} else {\n\t\t\tlabel = trackbacksSupported ? __( 'Comments only' ) : __( 'Open' );\n\t\t}\n\t} else if ( pingStatus === 'open' ) {\n\t\tlabel = commentsSupported ? __( 'Pings only' ) : __( 'Pings enabled' );\n\t} else {\n\t\tlabel = __( 'Closed' );\n\t}\n\treturn (\n\t\t<Button\n\t\t\tsize=\"compact\"\n\t\t\tclassName=\"editor-post-discussion__panel-toggle\"\n\t\t\tvariant=\"tertiary\"\n\t\t\taria-label={ __( 'Change discussion options' ) }\n\t\t\taria-expanded={ isOpen }\n\t\t\tonClick={ onClick }\n\t\t>\n\t\t\t<Text>{ label }</Text>\n\t\t</Button>\n\t);\n}\n\nexport default function PostDiscussionPanel() {\n\tconst { isEnabled } = useSelect( ( select ) => {\n\t\tconst { isEditorPanelEnabled } = select( editorStore );\n\t\treturn {\n\t\t\tisEnabled: isEditorPanelEnabled( PANEL_NAME ),\n\t\t};\n\t}, [] );\n\n\t// Use internal state instead of a ref to make sure that the component\n\t// re-renders when the popover's anchor updates.\n\tconst [ popoverAnchor, setPopoverAnchor ] = useState( null );\n\t// Memoize popoverProps to avoid returning a new object every time.\n\tconst popoverProps = useMemo(\n\t\t() => ( {\n\t\t\t// Anchor the popover to the middle of the entire row so that it doesn't\n\t\t\t// move around when the label changes.\n\t\t\tanchor: popoverAnchor,\n\t\t\tplacement: 'left-start',\n\t\t\toffset: 36,\n\t\t\tshift: true,\n\t\t} ),\n\t\t[ popoverAnchor ]\n\t);\n\n\tif ( ! isEnabled ) {\n\t\treturn null;\n\t}\n\n\treturn (\n\t\t<PostTypeSupportCheck supportKeys={ [ 'comments', 'trackbacks' ] }>\n\t\t\t<PostPanelRow label={ __( 'Discussion' ) } ref={ setPopoverAnchor }>\n\t\t\t\t<Dropdown\n\t\t\t\t\tpopoverProps={ popoverProps }\n\t\t\t\t\tclassName=\"editor-post-discussion__panel-dropdown\"\n\t\t\t\t\tcontentClassName=\"editor-post-discussion__panel-dialog\"\n\t\t\t\t\tfocusOnMount\n\t\t\t\t\trenderToggle={ ( { isOpen, onToggle } ) => (\n\t\t\t\t\t\t<PostDiscussionToggle\n\t\t\t\t\t\t\tisOpen={ isOpen }\n\t\t\t\t\t\t\tonClick={ onToggle }\n\t\t\t\t\t\t/>\n\t\t\t\t\t) }\n\t\t\t\t\trenderContent={ ( { onClose } ) => (\n\t\t\t\t\t\t<ModalContents onClose={ onClose } />\n\t\t\t\t\t) }\n\t\t\t\t/>\n\t\t\t</PostPanelRow>\n\t\t</PostTypeSupportCheck>\n\t);\n}\n"],"mappings":"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","ignoreList":[]}

package/build/components/post-excerpt/check.js

@@ -6,13 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _react = require("react");
-var _data = require("@wordpress/data");
 var _postTypeSupportCheck = _interopRequireDefault(require("../post-type-support-check"));
-var _store = require("../../store");
-/**
- * WordPress dependencies
- */
-
 /**
  * Internal dependencies
  */
@@ -28,19 +22,6 @@ var _store = require("../../store");
 function PostExcerptCheck({
   children
 }) {
-  const postType = (0, _data.useSelect)(select => {
-    const {
-      getEditedPostAttribute
-    } = select(_store.store);
-    return getEditedPostAttribute('type');
-  }, []);
-
-  // This special case is unfortunate, but the REST API of wp_template and wp_template_part
-  // support the excerpt field throught the "description" field rather than "excerpt" which means
-  // the default ExcerptPanel won't work for these.
-  if (['wp_template', 'wp_template_part'].includes(postType)) {
-    return null;
-  }
   return (0, _react.createElement)(_postTypeSupportCheck.default, {
     supportKeys: "excerpt"
   }, children);

package/build/components/post-excerpt/check.js.map

@@ -1 +1 @@
-{"version":3,"names":["_data","require","_postTypeSupportCheck","_interopRequireDefault","_store","PostExcerptCheck","children","postType","useSelect","select","getEditedPostAttribute","editorStore","includes","_react","createElement","default","supportKeys","_default","exports"],"sources":["@wordpress/editor/src/components/post-excerpt/check.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useSelect } from '@wordpress/data';\n\n/**\n * Internal dependencies\n */\nimport PostTypeSupportCheck from '../post-type-support-check';\nimport { store as editorStore } from '../../store';\n\n/**\n * Component for checking if the post type supports the excerpt field.\n *\n * @param {Object}  props          Props.\n * @param {Element} props.children Children to be rendered.\n *\n * @return {Component} The component to be rendered.\n */\nfunction PostExcerptCheck( { children } ) {\n\tconst postType = useSelect( ( select ) => {\n\t\tconst { getEditedPostAttribute } = select( editorStore );\n\t\treturn getEditedPostAttribute( 'type' );\n\t}, [] );\n\n\t// This special case is unfortunate, but the REST API of wp_template and wp_template_part\n\t// support the excerpt field throught the \"description\" field rather than \"excerpt\" which means\n\t// the default ExcerptPanel won't work for these.\n\tif ( [ 'wp_template', 'wp_template_part' ].includes( postType ) ) {\n\t\treturn null;\n\t}\n\n\treturn (\n\t\t<PostTypeSupportCheck supportKeys=\"excerpt\">\n\t\t\t{ children }\n\t\t</PostTypeSupportCheck>\n\t);\n}\n\nexport default PostExcerptCheck;\n"],"mappings":";;;;;;;;AAGA,IAAAA,KAAA,GAAAC,OAAA;AAKA,IAAAC,qBAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,MAAA,GAAAH,OAAA;AATA;AACA;AACA;;AAGA;AACA;AACA;;AAIA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAASI,gBAAgBA,CAAE;EAAEC;AAAS,CAAC,EAAG;EACzC,MAAMC,QAAQ,GAAG,IAAAC,eAAS,EAAIC,MAAM,IAAM;IACzC,MAAM;MAAEC;IAAuB,CAAC,GAAGD,MAAM,CAAEE,YAAY,CAAC;IACxD,OAAOD,sBAAsB,CAAE,MAAO,CAAC;EACxC,CAAC,EAAE,EAAG,CAAC;;EAEP;EACA;EACA;EACA,IAAK,CAAE,aAAa,EAAE,kBAAkB,CAAE,CAACE,QAAQ,CAAEL,QAAS,CAAC,EAAG;IACjE,OAAO,IAAI;EACZ;EAEA,OACC,IAAAM,MAAA,CAAAC,aAAA,EAACZ,qBAAA,CAAAa,OAAoB;IAACC,WAAW,EAAC;EAAS,GACxCV,QACmB,CAAC;AAEzB;AAAC,IAAAW,QAAA,GAAAC,OAAA,CAAAH,OAAA,GAEcV,gBAAgB","ignoreList":[]}
+{"version":3,"names":["_postTypeSupportCheck","_interopRequireDefault","require","PostExcerptCheck","children","_react","createElement","default","supportKeys","_default","exports"],"sources":["@wordpress/editor/src/components/post-excerpt/check.js"],"sourcesContent":["/**\n * Internal dependencies\n */\nimport PostTypeSupportCheck from '../post-type-support-check';\n\n/**\n * Component for checking if the post type supports the excerpt field.\n *\n * @param {Object}  props          Props.\n * @param {Element} props.children Children to be rendered.\n *\n * @return {Component} The component to be rendered.\n */\nfunction PostExcerptCheck( { children } ) {\n\treturn (\n\t\t<PostTypeSupportCheck supportKeys=\"excerpt\">\n\t\t\t{ children }\n\t\t</PostTypeSupportCheck>\n\t);\n}\n\nexport default PostExcerptCheck;\n"],"mappings":";;;;;;;;AAGA,IAAAA,qBAAA,GAAAC,sBAAA,CAAAC,OAAA;AAHA;AACA;AACA;;AAGA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAASC,gBAAgBA,CAAE;EAAEC;AAAS,CAAC,EAAG;EACzC,OACC,IAAAC,MAAA,CAAAC,aAAA,EAACN,qBAAA,CAAAO,OAAoB;IAACC,WAAW,EAAC;EAAS,GACxCJ,QACmB,CAAC;AAEzB;AAAC,IAAAK,QAAA,GAAAC,OAAA,CAAAH,OAAA,GAEcJ,gBAAgB","ignoreList":[]}