@wordpress/editor 13.35.0 → 14.0.0

package/build-module/components/post-visibility/index.js

@@ -1,4 +1,3 @@
-import { createElement } from "react";
 /**
  * WordPress dependencies
  */
@@ -14,6 +13,16 @@ import { __experimentalInspectorPopoverHeader as InspectorPopoverHeader } from '
  */
 import { visibilityOptions } from './utils';
 import { store as editorStore } from '../../store';
+
+/**
+ * Allows users to set the visibility of a post.
+ *
+ * @param {Object}   props         The component props.
+ * @param {Function} props.onClose Function to call when the popover is closed.
+ * @return {JSX.Element} The rendered component.
+ */
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
 export default function PostVisibility({
   onClose
 }) {
@@ -67,55 +76,61 @@ export default function PostVisibility({
       password: event.target.value
     });
   };
-  return createElement("div", {
-    className: "editor-post-visibility"
-  }, createElement(InspectorPopoverHeader, {
-    title: __('Visibility'),
-    help: __('Control how this post is viewed.'),
-    onClose: onClose
-  }), createElement("fieldset", {
-    className: "editor-post-visibility__fieldset"
-  }, createElement(VisuallyHidden, {
-    as: "legend"
-  }, __('Visibility')), createElement(PostVisibilityChoice, {
-    instanceId: instanceId,
-    value: "public",
-    label: visibilityOptions.public.label,
-    info: visibilityOptions.public.info,
-    checked: visibility === 'public' && !hasPassword,
-    onChange: setPublic
-  }), createElement(PostVisibilityChoice, {
-    instanceId: instanceId,
-    value: "private",
-    label: visibilityOptions.private.label,
-    info: visibilityOptions.private.info,
-    checked: visibility === 'private',
-    onChange: setPrivate
-  }), createElement(PostVisibilityChoice, {
-    instanceId: instanceId,
-    value: "password",
-    label: visibilityOptions.password.label,
-    info: visibilityOptions.password.info,
-    checked: hasPassword,
-    onChange: setPasswordProtected
-  }), hasPassword && createElement("div", {
-    className: "editor-post-visibility__password"
-  }, createElement(VisuallyHidden, {
-    as: "label",
-    htmlFor: `editor-post-visibility__password-input-${instanceId}`
-  }, __('Create password')), createElement("input", {
-    className: "editor-post-visibility__password-input",
-    id: `editor-post-visibility__password-input-${instanceId}`,
-    type: "text",
-    onChange: updatePassword,
-    value: password,
-    placeholder: __('Use a secure password')
-  }))), createElement(ConfirmDialog, {
-    isOpen: showPrivateConfirmDialog,
-    onConfirm: confirmPrivate,
-    onCancel: handleDialogCancel,
-    confirmButtonText: __('Publish')
-  }, __('Would you like to privately publish this post now?')));
+  return /*#__PURE__*/_jsxs("div", {
+    className: "editor-post-visibility",
+    children: [/*#__PURE__*/_jsx(InspectorPopoverHeader, {
+      title: __('Visibility'),
+      help: __('Control how this post is viewed.'),
+      onClose: onClose
+    }), /*#__PURE__*/_jsxs("fieldset", {
+      className: "editor-post-visibility__fieldset",
+      children: [/*#__PURE__*/_jsx(VisuallyHidden, {
+        as: "legend",
+        children: __('Visibility')
+      }), /*#__PURE__*/_jsx(PostVisibilityChoice, {
+        instanceId: instanceId,
+        value: "public",
+        label: visibilityOptions.public.label,
+        info: visibilityOptions.public.info,
+        checked: visibility === 'public' && !hasPassword,
+        onChange: setPublic
+      }), /*#__PURE__*/_jsx(PostVisibilityChoice, {
+        instanceId: instanceId,
+        value: "private",
+        label: visibilityOptions.private.label,
+        info: visibilityOptions.private.info,
+        checked: visibility === 'private',
+        onChange: setPrivate
+      }), /*#__PURE__*/_jsx(PostVisibilityChoice, {
+        instanceId: instanceId,
+        value: "password",
+        label: visibilityOptions.password.label,
+        info: visibilityOptions.password.info,
+        checked: hasPassword,
+        onChange: setPasswordProtected
+      }), hasPassword && /*#__PURE__*/_jsxs("div", {
+        className: "editor-post-visibility__password",
+        children: [/*#__PURE__*/_jsx(VisuallyHidden, {
+          as: "label",
+          htmlFor: `editor-post-visibility__password-input-${instanceId}`,
+          children: __('Create password')
+        }), /*#__PURE__*/_jsx("input", {
+          className: "editor-post-visibility__password-input",
+          id: `editor-post-visibility__password-input-${instanceId}`,
+          type: "text",
+          onChange: updatePassword,
+          value: password,
+          placeholder: __('Use a secure password')
+        })]
+      })]
+    }), /*#__PURE__*/_jsx(ConfirmDialog, {
+      isOpen: showPrivateConfirmDialog,
+      onConfirm: confirmPrivate,
+      onCancel: handleDialogCancel,
+      confirmButtonText: __('Publish'),
+      children: __('Would you like to privately publish this post now?')
+    })]
+  });
 }
 function PostVisibilityChoice({
   instanceId,
@@ -124,22 +139,25 @@ function PostVisibilityChoice({
   info,
   ...props
 }) {
-  return createElement("div", {
-    className: "editor-post-visibility__choice"
-  }, createElement("input", {
-    type: "radio",
-    name: `editor-post-visibility__setting-${instanceId}`,
-    value: value,
-    id: `editor-post-${value}-${instanceId}`,
-    "aria-describedby": `editor-post-${value}-${instanceId}-description`,
-    className: "editor-post-visibility__radio",
-    ...props
-  }), createElement("label", {
-    htmlFor: `editor-post-${value}-${instanceId}`,
-    className: "editor-post-visibility__label"
-  }, label), createElement("p", {
-    id: `editor-post-${value}-${instanceId}-description`,
-    className: "editor-post-visibility__info"
-  }, info));
+  return /*#__PURE__*/_jsxs("div", {
+    className: "editor-post-visibility__choice",
+    children: [/*#__PURE__*/_jsx("input", {
+      type: "radio",
+      name: `editor-post-visibility__setting-${instanceId}`,
+      value: value,
+      id: `editor-post-${value}-${instanceId}`,
+      "aria-describedby": `editor-post-${value}-${instanceId}-description`,
+      className: "editor-post-visibility__radio",
+      ...props
+    }), /*#__PURE__*/_jsx("label", {
+      htmlFor: `editor-post-${value}-${instanceId}`,
+      className: "editor-post-visibility__label",
+      children: label
+    }), /*#__PURE__*/_jsx("p", {
+      id: `editor-post-${value}-${instanceId}-description`,
+      className: "editor-post-visibility__info",
+      children: info
+    })]
+  });
 }
 //# sourceMappingURL=index.js.map

package/build-module/components/post-visibility/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["__","useState","VisuallyHidden","__experimentalConfirmDialog","ConfirmDialog","useInstanceId","useSelect","useDispatch","__experimentalInspectorPopoverHeader","InspectorPopoverHeader","visibilityOptions","store","editorStore","PostVisibility","onClose","instanceId","status","visibility","password","select","getEditedPostAttribute","getEditedPostVisibility","editPost","savePost","hasPassword","setHasPassword","showPrivateConfirmDialog","setShowPrivateConfirmDialog","setPublic","setPrivate","confirmPrivate","handleDialogCancel","setPasswordProtected","updatePassword","event","target","value","createElement","className","title","help","as","PostVisibilityChoice","label","public","info","checked","onChange","private","htmlFor","id","type","placeholder","isOpen","onConfirm","onCancel","confirmButtonText","props","name"],"sources":["@wordpress/editor/src/components/post-visibility/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { useState } from '@wordpress/element';\nimport {\n\tVisuallyHidden,\n\t__experimentalConfirmDialog as ConfirmDialog,\n} from '@wordpress/components';\nimport { useInstanceId } from '@wordpress/compose';\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport { __experimentalInspectorPopoverHeader as InspectorPopoverHeader } from '@wordpress/block-editor';\n\n/**\n * Internal dependencies\n */\nimport { visibilityOptions } from './utils';\nimport { store as editorStore } from '../../store';\n\nexport default function PostVisibility( { onClose } ) {\n\tconst instanceId = useInstanceId( PostVisibility );\n\n\tconst { status, visibility, password } = useSelect( ( select ) => ( {\n\t\tstatus: select( editorStore ).getEditedPostAttribute( 'status' ),\n\t\tvisibility: select( editorStore ).getEditedPostVisibility(),\n\t\tpassword: select( editorStore ).getEditedPostAttribute( 'password' ),\n\t} ) );\n\n\tconst { editPost, savePost } = useDispatch( editorStore );\n\n\tconst [ hasPassword, setHasPassword ] = useState( !! password );\n\tconst [ showPrivateConfirmDialog, setShowPrivateConfirmDialog ] =\n\t\tuseState( false );\n\n\tconst setPublic = () => {\n\t\teditPost( {\n\t\t\tstatus: visibility === 'private' ? 'draft' : status,\n\t\t\tpassword: '',\n\t\t} );\n\t\tsetHasPassword( false );\n\t};\n\n\tconst setPrivate = () => {\n\t\tsetShowPrivateConfirmDialog( true );\n\t};\n\n\tconst confirmPrivate = () => {\n\t\teditPost( { status: 'private', password: '' } );\n\t\tsetHasPassword( false );\n\t\tsetShowPrivateConfirmDialog( false );\n\t\tsavePost();\n\t};\n\n\tconst handleDialogCancel = () => {\n\t\tsetShowPrivateConfirmDialog( false );\n\t};\n\n\tconst setPasswordProtected = () => {\n\t\teditPost( {\n\t\t\tstatus: visibility === 'private' ? 'draft' : status,\n\t\t\tpassword: password || '',\n\t\t} );\n\t\tsetHasPassword( true );\n\t};\n\n\tconst updatePassword = ( event ) => {\n\t\teditPost( { password: event.target.value } );\n\t};\n\n\treturn (\n\t\t<div className=\"editor-post-visibility\">\n\t\t\t<InspectorPopoverHeader\n\t\t\t\ttitle={ __( 'Visibility' ) }\n\t\t\t\thelp={ __( 'Control how this post is viewed.' ) }\n\t\t\t\tonClose={ onClose }\n\t\t\t/>\n\t\t\t<fieldset className=\"editor-post-visibility__fieldset\">\n\t\t\t\t<VisuallyHidden as=\"legend\">\n\t\t\t\t\t{ __( 'Visibility' ) }\n\t\t\t\t</VisuallyHidden>\n\t\t\t\t<PostVisibilityChoice\n\t\t\t\t\tinstanceId={ instanceId }\n\t\t\t\t\tvalue=\"public\"\n\t\t\t\t\tlabel={ visibilityOptions.public.label }\n\t\t\t\t\tinfo={ visibilityOptions.public.info }\n\t\t\t\t\tchecked={ visibility === 'public' && ! hasPassword }\n\t\t\t\t\tonChange={ setPublic }\n\t\t\t\t/>\n\t\t\t\t<PostVisibilityChoice\n\t\t\t\t\tinstanceId={ instanceId }\n\t\t\t\t\tvalue=\"private\"\n\t\t\t\t\tlabel={ visibilityOptions.private.label }\n\t\t\t\t\tinfo={ visibilityOptions.private.info }\n\t\t\t\t\tchecked={ visibility === 'private' }\n\t\t\t\t\tonChange={ setPrivate }\n\t\t\t\t/>\n\t\t\t\t<PostVisibilityChoice\n\t\t\t\t\tinstanceId={ instanceId }\n\t\t\t\t\tvalue=\"password\"\n\t\t\t\t\tlabel={ visibilityOptions.password.label }\n\t\t\t\t\tinfo={ visibilityOptions.password.info }\n\t\t\t\t\tchecked={ hasPassword }\n\t\t\t\t\tonChange={ setPasswordProtected }\n\t\t\t\t/>\n\t\t\t\t{ hasPassword && (\n\t\t\t\t\t<div className=\"editor-post-visibility__password\">\n\t\t\t\t\t\t<VisuallyHidden\n\t\t\t\t\t\t\tas=\"label\"\n\t\t\t\t\t\t\thtmlFor={ `editor-post-visibility__password-input-${ instanceId }` }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ __( 'Create password' ) }\n\t\t\t\t\t\t</VisuallyHidden>\n\t\t\t\t\t\t<input\n\t\t\t\t\t\t\tclassName=\"editor-post-visibility__password-input\"\n\t\t\t\t\t\t\tid={ `editor-post-visibility__password-input-${ instanceId }` }\n\t\t\t\t\t\t\ttype=\"text\"\n\t\t\t\t\t\t\tonChange={ updatePassword }\n\t\t\t\t\t\t\tvalue={ password }\n\t\t\t\t\t\t\tplaceholder={ __( 'Use a secure password' ) }\n\t\t\t\t\t\t/>\n\t\t\t\t\t</div>\n\t\t\t\t) }\n\t\t\t</fieldset>\n\t\t\t<ConfirmDialog\n\t\t\t\tisOpen={ showPrivateConfirmDialog }\n\t\t\t\tonConfirm={ confirmPrivate }\n\t\t\t\tonCancel={ handleDialogCancel }\n\t\t\t\tconfirmButtonText={ __( 'Publish' ) }\n\t\t\t>\n\t\t\t\t{ __( 'Would you like to privately publish this post now?' ) }\n\t\t\t</ConfirmDialog>\n\t\t</div>\n\t);\n}\n\nfunction PostVisibilityChoice( { instanceId, value, label, info, ...props } ) {\n\treturn (\n\t\t<div className=\"editor-post-visibility__choice\">\n\t\t\t<input\n\t\t\t\ttype=\"radio\"\n\t\t\t\tname={ `editor-post-visibility__setting-${ instanceId }` }\n\t\t\t\tvalue={ value }\n\t\t\t\tid={ `editor-post-${ value }-${ instanceId }` }\n\t\t\t\taria-describedby={ `editor-post-${ value }-${ instanceId }-description` }\n\t\t\t\tclassName=\"editor-post-visibility__radio\"\n\t\t\t\t{ ...props }\n\t\t\t/>\n\t\t\t<label\n\t\t\t\thtmlFor={ `editor-post-${ value }-${ instanceId }` }\n\t\t\t\tclassName=\"editor-post-visibility__label\"\n\t\t\t>\n\t\t\t\t{ label }\n\t\t\t</label>\n\t\t\t<p\n\t\t\t\tid={ `editor-post-${ value }-${ instanceId }-description` }\n\t\t\t\tclassName=\"editor-post-visibility__info\"\n\t\t\t>\n\t\t\t\t{ info }\n\t\t\t</p>\n\t\t</div>\n\t);\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["__","useState","VisuallyHidden","__experimentalConfirmDialog","ConfirmDialog","useInstanceId","useSelect","useDispatch","__experimentalInspectorPopoverHeader","InspectorPopoverHeader","visibilityOptions","store","editorStore","jsx","_jsx","jsxs","_jsxs","PostVisibility","onClose","instanceId","status","visibility","password","select","getEditedPostAttribute","getEditedPostVisibility","editPost","savePost","hasPassword","setHasPassword","showPrivateConfirmDialog","setShowPrivateConfirmDialog","setPublic","setPrivate","confirmPrivate","handleDialogCancel","setPasswordProtected","updatePassword","event","target","value","className","children","title","help","as","PostVisibilityChoice","label","public","info","checked","onChange","private","htmlFor","id","type","placeholder","isOpen","onConfirm","onCancel","confirmButtonText","props","name"],"sources":["@wordpress/editor/src/components/post-visibility/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { useState } from '@wordpress/element';\nimport {\n\tVisuallyHidden,\n\t__experimentalConfirmDialog as ConfirmDialog,\n} from '@wordpress/components';\nimport { useInstanceId } from '@wordpress/compose';\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport { __experimentalInspectorPopoverHeader as InspectorPopoverHeader } from '@wordpress/block-editor';\n\n/**\n * Internal dependencies\n */\nimport { visibilityOptions } from './utils';\nimport { store as editorStore } from '../../store';\n\n/**\n * Allows users to set the visibility of a post.\n *\n * @param {Object}   props         The component props.\n * @param {Function} props.onClose Function to call when the popover is closed.\n * @return {JSX.Element} The rendered component.\n */\nexport default function PostVisibility( { onClose } ) {\n\tconst instanceId = useInstanceId( PostVisibility );\n\n\tconst { status, visibility, password } = useSelect( ( select ) => ( {\n\t\tstatus: select( editorStore ).getEditedPostAttribute( 'status' ),\n\t\tvisibility: select( editorStore ).getEditedPostVisibility(),\n\t\tpassword: select( editorStore ).getEditedPostAttribute( 'password' ),\n\t} ) );\n\n\tconst { editPost, savePost } = useDispatch( editorStore );\n\n\tconst [ hasPassword, setHasPassword ] = useState( !! password );\n\tconst [ showPrivateConfirmDialog, setShowPrivateConfirmDialog ] =\n\t\tuseState( false );\n\n\tconst setPublic = () => {\n\t\teditPost( {\n\t\t\tstatus: visibility === 'private' ? 'draft' : status,\n\t\t\tpassword: '',\n\t\t} );\n\t\tsetHasPassword( false );\n\t};\n\n\tconst setPrivate = () => {\n\t\tsetShowPrivateConfirmDialog( true );\n\t};\n\n\tconst confirmPrivate = () => {\n\t\teditPost( { status: 'private', password: '' } );\n\t\tsetHasPassword( false );\n\t\tsetShowPrivateConfirmDialog( false );\n\t\tsavePost();\n\t};\n\n\tconst handleDialogCancel = () => {\n\t\tsetShowPrivateConfirmDialog( false );\n\t};\n\n\tconst setPasswordProtected = () => {\n\t\teditPost( {\n\t\t\tstatus: visibility === 'private' ? 'draft' : status,\n\t\t\tpassword: password || '',\n\t\t} );\n\t\tsetHasPassword( true );\n\t};\n\n\tconst updatePassword = ( event ) => {\n\t\teditPost( { password: event.target.value } );\n\t};\n\n\treturn (\n\t\t<div className=\"editor-post-visibility\">\n\t\t\t<InspectorPopoverHeader\n\t\t\t\ttitle={ __( 'Visibility' ) }\n\t\t\t\thelp={ __( 'Control how this post is viewed.' ) }\n\t\t\t\tonClose={ onClose }\n\t\t\t/>\n\t\t\t<fieldset className=\"editor-post-visibility__fieldset\">\n\t\t\t\t<VisuallyHidden as=\"legend\">\n\t\t\t\t\t{ __( 'Visibility' ) }\n\t\t\t\t</VisuallyHidden>\n\t\t\t\t<PostVisibilityChoice\n\t\t\t\t\tinstanceId={ instanceId }\n\t\t\t\t\tvalue=\"public\"\n\t\t\t\t\tlabel={ visibilityOptions.public.label }\n\t\t\t\t\tinfo={ visibilityOptions.public.info }\n\t\t\t\t\tchecked={ visibility === 'public' && ! hasPassword }\n\t\t\t\t\tonChange={ setPublic }\n\t\t\t\t/>\n\t\t\t\t<PostVisibilityChoice\n\t\t\t\t\tinstanceId={ instanceId }\n\t\t\t\t\tvalue=\"private\"\n\t\t\t\t\tlabel={ visibilityOptions.private.label }\n\t\t\t\t\tinfo={ visibilityOptions.private.info }\n\t\t\t\t\tchecked={ visibility === 'private' }\n\t\t\t\t\tonChange={ setPrivate }\n\t\t\t\t/>\n\t\t\t\t<PostVisibilityChoice\n\t\t\t\t\tinstanceId={ instanceId }\n\t\t\t\t\tvalue=\"password\"\n\t\t\t\t\tlabel={ visibilityOptions.password.label }\n\t\t\t\t\tinfo={ visibilityOptions.password.info }\n\t\t\t\t\tchecked={ hasPassword }\n\t\t\t\t\tonChange={ setPasswordProtected }\n\t\t\t\t/>\n\t\t\t\t{ hasPassword && (\n\t\t\t\t\t<div className=\"editor-post-visibility__password\">\n\t\t\t\t\t\t<VisuallyHidden\n\t\t\t\t\t\t\tas=\"label\"\n\t\t\t\t\t\t\thtmlFor={ `editor-post-visibility__password-input-${ instanceId }` }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ __( 'Create password' ) }\n\t\t\t\t\t\t</VisuallyHidden>\n\t\t\t\t\t\t<input\n\t\t\t\t\t\t\tclassName=\"editor-post-visibility__password-input\"\n\t\t\t\t\t\t\tid={ `editor-post-visibility__password-input-${ instanceId }` }\n\t\t\t\t\t\t\ttype=\"text\"\n\t\t\t\t\t\t\tonChange={ updatePassword }\n\t\t\t\t\t\t\tvalue={ password }\n\t\t\t\t\t\t\tplaceholder={ __( 'Use a secure password' ) }\n\t\t\t\t\t\t/>\n\t\t\t\t\t</div>\n\t\t\t\t) }\n\t\t\t</fieldset>\n\t\t\t<ConfirmDialog\n\t\t\t\tisOpen={ showPrivateConfirmDialog }\n\t\t\t\tonConfirm={ confirmPrivate }\n\t\t\t\tonCancel={ handleDialogCancel }\n\t\t\t\tconfirmButtonText={ __( 'Publish' ) }\n\t\t\t>\n\t\t\t\t{ __( 'Would you like to privately publish this post now?' ) }\n\t\t\t</ConfirmDialog>\n\t\t</div>\n\t);\n}\n\nfunction PostVisibilityChoice( { instanceId, value, label, info, ...props } ) {\n\treturn (\n\t\t<div className=\"editor-post-visibility__choice\">\n\t\t\t<input\n\t\t\t\ttype=\"radio\"\n\t\t\t\tname={ `editor-post-visibility__setting-${ instanceId }` }\n\t\t\t\tvalue={ value }\n\t\t\t\tid={ `editor-post-${ value }-${ instanceId }` }\n\t\t\t\taria-describedby={ `editor-post-${ value }-${ instanceId }-description` }\n\t\t\t\tclassName=\"editor-post-visibility__radio\"\n\t\t\t\t{ ...props }\n\t\t\t/>\n\t\t\t<label\n\t\t\t\thtmlFor={ `editor-post-${ value }-${ instanceId }` }\n\t\t\t\tclassName=\"editor-post-visibility__label\"\n\t\t\t>\n\t\t\t\t{ label }\n\t\t\t</label>\n\t\t\t<p\n\t\t\t\tid={ `editor-post-${ value }-${ instanceId }-description` }\n\t\t\t\tclassName=\"editor-post-visibility__info\"\n\t\t\t>\n\t\t\t\t{ info }\n\t\t\t</p>\n\t\t</div>\n\t);\n}\n"],"mappings":"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","ignoreList":[]}

package/build-module/components/post-visibility/label.js

@@ -8,9 +8,21 @@ import { useSelect } from '@wordpress/data';
  */
 import { visibilityOptions } from './utils';
 import { store as editorStore } from '../../store';
+
+/**
+ * Returns the label for the current post visibility setting.
+ *
+ * @return {string} Post visibility label.
+ */
 export default function PostVisibilityLabel() {
   return usePostVisibilityLabel();
 }
+
+/**
+ * Get the label for the current post visibility setting.
+ *
+ * @return {string} Post visibility label.
+ */
 export function usePostVisibilityLabel() {
   const visibility = useSelect(select => select(editorStore).getEditedPostVisibility());
   return visibilityOptions[visibility]?.label;

package/build-module/components/post-visibility/label.js.map

@@ -1 +1 @@
-{"version":3,"names":["useSelect","visibilityOptions","store","editorStore","PostVisibilityLabel","usePostVisibilityLabel","visibility","select","getEditedPostVisibility","label"],"sources":["@wordpress/editor/src/components/post-visibility/label.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useSelect } from '@wordpress/data';\n\n/**\n * Internal dependencies\n */\nimport { visibilityOptions } from './utils';\nimport { store as editorStore } from '../../store';\n\nexport default function PostVisibilityLabel() {\n\treturn usePostVisibilityLabel();\n}\n\nexport function usePostVisibilityLabel() {\n\tconst visibility = useSelect( ( select ) =>\n\t\tselect( editorStore ).getEditedPostVisibility()\n\t);\n\treturn visibilityOptions[ visibility ]?.label;\n}\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,SAAS,QAAQ,iBAAiB;;AAE3C;AACA;AACA;AACA,SAASC,iBAAiB,QAAQ,SAAS;AAC3C,SAASC,KAAK,IAAIC,WAAW,QAAQ,aAAa;AAElD,eAAe,SAASC,mBAAmBA,CAAA,EAAG;EAC7C,OAAOC,sBAAsB,CAAC,CAAC;AAChC;AAEA,OAAO,SAASA,sBAAsBA,CAAA,EAAG;EACxC,MAAMC,UAAU,GAAGN,SAAS,CAAIO,MAAM,IACrCA,MAAM,CAAEJ,WAAY,CAAC,CAACK,uBAAuB,CAAC,CAC/C,CAAC;EACD,OAAOP,iBAAiB,CAAEK,UAAU,CAAE,EAAEG,KAAK;AAC9C","ignoreList":[]}
+{"version":3,"names":["useSelect","visibilityOptions","store","editorStore","PostVisibilityLabel","usePostVisibilityLabel","visibility","select","getEditedPostVisibility","label"],"sources":["@wordpress/editor/src/components/post-visibility/label.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useSelect } from '@wordpress/data';\n\n/**\n * Internal dependencies\n */\nimport { visibilityOptions } from './utils';\nimport { store as editorStore } from '../../store';\n\n/**\n * Returns the label for the current post visibility setting.\n *\n * @return {string} Post visibility label.\n */\nexport default function PostVisibilityLabel() {\n\treturn usePostVisibilityLabel();\n}\n\n/**\n * Get the label for the current post visibility setting.\n *\n * @return {string} Post visibility label.\n */\nexport function usePostVisibilityLabel() {\n\tconst visibility = useSelect( ( select ) =>\n\t\tselect( editorStore ).getEditedPostVisibility()\n\t);\n\treturn visibilityOptions[ visibility ]?.label;\n}\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,SAAS,QAAQ,iBAAiB;;AAE3C;AACA;AACA;AACA,SAASC,iBAAiB,QAAQ,SAAS;AAC3C,SAASC,KAAK,IAAIC,WAAW,QAAQ,aAAa;;AAElD;AACA;AACA;AACA;AACA;AACA,eAAe,SAASC,mBAAmBA,CAAA,EAAG;EAC7C,OAAOC,sBAAsB,CAAC,CAAC;AAChC;;AAEA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASA,sBAAsBA,CAAA,EAAG;EACxC,MAAMC,UAAU,GAAGN,SAAS,CAAIO,MAAM,IACrCA,MAAM,CAAEJ,WAAY,CAAC,CAACK,uBAAuB,CAAC,CAC/C,CAAC;EACD,OAAOP,iBAAiB,CAAEK,UAAU,CAAE,EAAEG,KAAK;AAC9C","ignoreList":[]}

package/build-module/components/posts-per-page/index.js

@@ -0,0 +1,103 @@
+/**
+ * WordPress dependencies
+ */
+import { __ } from '@wordpress/i18n';
+import { useSelect, useDispatch } from '@wordpress/data';
+import { store as coreStore } from '@wordpress/core-data';
+import { Button, Dropdown, __experimentalNumberControl as NumberControl } from '@wordpress/components';
+import { useState, useMemo } from '@wordpress/element';
+import { __experimentalInspectorPopoverHeader as InspectorPopoverHeader } from '@wordpress/block-editor';
+
+/**
+ * Internal dependencies
+ */
+import { TEMPLATE_POST_TYPE } from '../../store/constants';
+import { store as editorStore } from '../../store';
+import PostPanelRow from '../post-panel-row';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Fragment as _Fragment } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+export default function PostsPerPage() {
+  const {
+    editEntityRecord
+  } = useDispatch(coreStore);
+  const {
+    postsPerPage,
+    isTemplate,
+    postSlug
+  } = useSelect(select => {
+    const {
+      getEditedPostAttribute,
+      getCurrentPostType
+    } = select(editorStore);
+    const {
+      getEditedEntityRecord
+    } = select(coreStore);
+    const siteSettings = getEditedEntityRecord('root', 'site');
+    return {
+      isTemplate: getCurrentPostType() === TEMPLATE_POST_TYPE,
+      postSlug: getEditedPostAttribute('slug'),
+      postsPerPage: siteSettings?.posts_per_page || 1
+    };
+  }, []);
+  // Use internal state instead of a ref to make sure that the component
+  // re-renders when the popover's anchor updates.
+  const [popoverAnchor, setPopoverAnchor] = useState(null);
+  // Memoize popoverProps to avoid returning a new object every time.
+  const popoverProps = 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 (!isTemplate || !['home', 'index'].includes(postSlug)) {
+    return null;
+  }
+  const setPostsPerPage = newValue => {
+    editEntityRecord('root', 'site', undefined, {
+      posts_per_page: newValue
+    });
+  };
+  return /*#__PURE__*/_jsx(PostPanelRow, {
+    label: __('Posts per page'),
+    ref: setPopoverAnchor,
+    children: /*#__PURE__*/_jsx(Dropdown, {
+      popoverProps: popoverProps,
+      contentClassName: "editor-posts-per-page-dropdown__content",
+      focusOnMount: true,
+      renderToggle: ({
+        isOpen,
+        onToggle
+      }) => /*#__PURE__*/_jsx(Button, {
+        size: "compact",
+        variant: "tertiary",
+        "aria-expanded": isOpen,
+        "aria-label": __('Change posts per page'),
+        onClick: onToggle,
+        children: postsPerPage
+      }),
+      renderContent: ({
+        onClose
+      }) => /*#__PURE__*/_jsxs(_Fragment, {
+        children: [/*#__PURE__*/_jsx(InspectorPopoverHeader, {
+          title: __('Posts per page'),
+          onClose: onClose
+        }), /*#__PURE__*/_jsx(NumberControl, {
+          placeholder: 0,
+          value: postsPerPage,
+          size: "__unstable-large",
+          spinControls: "custom",
+          step: "1",
+          min: "1",
+          onChange: setPostsPerPage,
+          label: __('Posts per page'),
+          help: __('Set the default number of posts to display on blog pages, including categories and tags. Some templates may override this setting.'),
+          hideLabelFromVision: true
+        })]
+      })
+    })
+  });
+}
+//# sourceMappingURL=index.js.map

package/build-module/components/posts-per-page/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["__","useSelect","useDispatch","store","coreStore","Button","Dropdown","__experimentalNumberControl","NumberControl","useState","useMemo","__experimentalInspectorPopoverHeader","InspectorPopoverHeader","TEMPLATE_POST_TYPE","editorStore","PostPanelRow","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","PostsPerPage","editEntityRecord","postsPerPage","isTemplate","postSlug","select","getEditedPostAttribute","getCurrentPostType","getEditedEntityRecord","siteSettings","posts_per_page","popoverAnchor","setPopoverAnchor","popoverProps","anchor","placement","offset","shift","includes","setPostsPerPage","newValue","undefined","label","ref","children","contentClassName","focusOnMount","renderToggle","isOpen","onToggle","size","variant","onClick","renderContent","onClose","title","placeholder","value","spinControls","step","min","onChange","help","hideLabelFromVision"],"sources":["@wordpress/editor/src/components/posts-per-page/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport { store as coreStore } from '@wordpress/core-data';\nimport {\n\tButton,\n\tDropdown,\n\t__experimentalNumberControl as NumberControl,\n} from '@wordpress/components';\nimport { useState, useMemo } from '@wordpress/element';\nimport { __experimentalInspectorPopoverHeader as InspectorPopoverHeader } from '@wordpress/block-editor';\n\n/**\n * Internal dependencies\n */\nimport { TEMPLATE_POST_TYPE } from '../../store/constants';\nimport { store as editorStore } from '../../store';\nimport PostPanelRow from '../post-panel-row';\n\nexport default function PostsPerPage() {\n\tconst { editEntityRecord } = useDispatch( coreStore );\n\tconst { postsPerPage, isTemplate, postSlug } = useSelect( ( select ) => {\n\t\tconst { getEditedPostAttribute, getCurrentPostType } =\n\t\t\tselect( editorStore );\n\t\tconst { getEditedEntityRecord } = select( coreStore );\n\t\tconst siteSettings = getEditedEntityRecord( 'root', 'site' );\n\t\treturn {\n\t\t\tisTemplate: getCurrentPostType() === TEMPLATE_POST_TYPE,\n\t\t\tpostSlug: getEditedPostAttribute( 'slug' ),\n\t\t\tpostsPerPage: siteSettings?.posts_per_page || 1,\n\t\t};\n\t}, [] );\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 ( ! isTemplate || ! [ 'home', 'index' ].includes( postSlug ) ) {\n\t\treturn null;\n\t}\n\tconst setPostsPerPage = ( newValue ) => {\n\t\teditEntityRecord( 'root', 'site', undefined, {\n\t\t\tposts_per_page: newValue,\n\t\t} );\n\t};\n\treturn (\n\t\t<PostPanelRow label={ __( 'Posts per page' ) } ref={ setPopoverAnchor }>\n\t\t\t<Dropdown\n\t\t\t\tpopoverProps={ popoverProps }\n\t\t\t\tcontentClassName=\"editor-posts-per-page-dropdown__content\"\n\t\t\t\tfocusOnMount\n\t\t\t\trenderToggle={ ( { isOpen, onToggle } ) => (\n\t\t\t\t\t<Button\n\t\t\t\t\t\tsize=\"compact\"\n\t\t\t\t\t\tvariant=\"tertiary\"\n\t\t\t\t\t\taria-expanded={ isOpen }\n\t\t\t\t\t\taria-label={ __( 'Change posts per page' ) }\n\t\t\t\t\t\tonClick={ onToggle }\n\t\t\t\t\t>\n\t\t\t\t\t\t{ postsPerPage }\n\t\t\t\t\t</Button>\n\t\t\t\t) }\n\t\t\t\trenderContent={ ( { onClose } ) => (\n\t\t\t\t\t<>\n\t\t\t\t\t\t<InspectorPopoverHeader\n\t\t\t\t\t\t\ttitle={ __( 'Posts per page' ) }\n\t\t\t\t\t\t\tonClose={ onClose }\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t<NumberControl\n\t\t\t\t\t\t\tplaceholder={ 0 }\n\t\t\t\t\t\t\tvalue={ postsPerPage }\n\t\t\t\t\t\t\tsize=\"__unstable-large\"\n\t\t\t\t\t\t\tspinControls=\"custom\"\n\t\t\t\t\t\t\tstep=\"1\"\n\t\t\t\t\t\t\tmin=\"1\"\n\t\t\t\t\t\t\tonChange={ setPostsPerPage }\n\t\t\t\t\t\t\tlabel={ __( 'Posts per page' ) }\n\t\t\t\t\t\t\thelp={ __(\n\t\t\t\t\t\t\t\t'Set the default number of posts to display on blog pages, including categories and tags. Some templates may override this setting.'\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\thideLabelFromVision\n\t\t\t\t\t\t/>\n\t\t\t\t\t</>\n\t\t\t\t) }\n\t\t\t/>\n\t\t</PostPanelRow>\n\t);\n}\n"],"mappings":"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","ignoreList":[]}

package/build-module/components/preferences-modal/enable-plugin-document-setting-panel.js

@@ -1,4 +1,3 @@
-import { createElement } from "react";
 /**
  * WordPress dependencies
  */
@@ -8,6 +7,7 @@ import { createSlotFill } from '@wordpress/components';
  * Internal dependencies
  */
 import EnablePanelOption from './enable-panel';
+import { jsx as _jsx } from "react/jsx-runtime";
 const {
   Fill,
   Slot
@@ -15,10 +15,12 @@ const {
 const EnablePluginDocumentSettingPanelOption = ({
   label,
   panelName
-}) => createElement(Fill, null, createElement(EnablePanelOption, {
-  label: label,
-  panelName: panelName
-}));
+}) => /*#__PURE__*/_jsx(Fill, {
+  children: /*#__PURE__*/_jsx(EnablePanelOption, {
+    label: label,
+    panelName: panelName
+  })
+});
 EnablePluginDocumentSettingPanelOption.Slot = Slot;
 export default EnablePluginDocumentSettingPanelOption;
 //# sourceMappingURL=enable-plugin-document-setting-panel.js.map

package/build-module/components/preferences-modal/enable-plugin-document-setting-panel.js.map

@@ -1 +1 @@
-{"version":3,"names":["createSlotFill","EnablePanelOption","Fill","Slot","EnablePluginDocumentSettingPanelOption","label","panelName","createElement"],"sources":["@wordpress/editor/src/components/preferences-modal/enable-plugin-document-setting-panel.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { createSlotFill } from '@wordpress/components';\n\n/**\n * Internal dependencies\n */\nimport EnablePanelOption from './enable-panel';\n\nconst { Fill, Slot } = createSlotFill(\n\t'EnablePluginDocumentSettingPanelOption'\n);\n\nconst EnablePluginDocumentSettingPanelOption = ( { label, panelName } ) => (\n\t<Fill>\n\t\t<EnablePanelOption label={ label } panelName={ panelName } />\n\t</Fill>\n);\n\nEnablePluginDocumentSettingPanelOption.Slot = Slot;\n\nexport default EnablePluginDocumentSettingPanelOption;\n"],"mappings":";AAAA;AACA;AACA;AACA,SAASA,cAAc,QAAQ,uBAAuB;;AAEtD;AACA;AACA;AACA,OAAOC,iBAAiB,MAAM,gBAAgB;AAE9C,MAAM;EAAEC,IAAI;EAAEC;AAAK,CAAC,GAAGH,cAAc,CACpC,wCACD,CAAC;AAED,MAAMI,sCAAsC,GAAGA,CAAE;EAAEC,KAAK;EAAEC;AAAU,CAAC,KACpEC,aAAA,CAACL,IAAI,QACJK,aAAA,CAACN,iBAAiB;EAACI,KAAK,EAAGA,KAAO;EAACC,SAAS,EAAGA;AAAW,CAAE,CACvD,CACN;AAEDF,sCAAsC,CAACD,IAAI,GAAGA,IAAI;AAElD,eAAeC,sCAAsC","ignoreList":[]}
+{"version":3,"names":["createSlotFill","EnablePanelOption","jsx","_jsx","Fill","Slot","EnablePluginDocumentSettingPanelOption","label","panelName","children"],"sources":["@wordpress/editor/src/components/preferences-modal/enable-plugin-document-setting-panel.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { createSlotFill } from '@wordpress/components';\n\n/**\n * Internal dependencies\n */\nimport EnablePanelOption from './enable-panel';\n\nconst { Fill, Slot } = createSlotFill(\n\t'EnablePluginDocumentSettingPanelOption'\n);\n\nconst EnablePluginDocumentSettingPanelOption = ( { label, panelName } ) => (\n\t<Fill>\n\t\t<EnablePanelOption label={ label } panelName={ panelName } />\n\t</Fill>\n);\n\nEnablePluginDocumentSettingPanelOption.Slot = Slot;\n\nexport default EnablePluginDocumentSettingPanelOption;\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,cAAc,QAAQ,uBAAuB;;AAEtD;AACA;AACA;AACA,OAAOC,iBAAiB,MAAM,gBAAgB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAE/C,MAAM;EAAEC,IAAI;EAAEC;AAAK,CAAC,GAAGL,cAAc,CACpC,wCACD,CAAC;AAED,MAAMM,sCAAsC,GAAGA,CAAE;EAAEC,KAAK;EAAEC;AAAU,CAAC,kBACpEL,IAAA,CAACC,IAAI;EAAAK,QAAA,eACJN,IAAA,CAACF,iBAAiB;IAACM,KAAK,EAAGA,KAAO;IAACC,SAAS,EAAGA;EAAW,CAAE;AAAC,CACxD,CACN;AAEDF,sCAAsC,CAACD,IAAI,GAAGA,IAAI;AAElD,eAAeC,sCAAsC","ignoreList":[]}