@wordpress/editor 13.35.0 → 14.0.1

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

@@ -4,7 +4,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = PostVisibility;
-var _react = require("react");
 var _i18n = require("@wordpress/i18n");
 var _element = require("@wordpress/element");
 var _components = require("@wordpress/components");
@@ -13,6 +12,7 @@ var _data = require("@wordpress/data");
 var _blockEditor = require("@wordpress/block-editor");
 var _utils = require("./utils");
 var _store = require("../../store");
+var _jsxRuntime = require("react/jsx-runtime");
 /**
  * WordPress dependencies
  */
@@ -21,7 +21,13 @@ var _store = require("../../store");
  * Internal dependencies
  */
 
-function PostVisibility({
+/**
+ * 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.
+ */function PostVisibility({
   onClose
 }) {
   const instanceId = (0, _compose.useInstanceId)(PostVisibility);
@@ -74,55 +80,61 @@ function PostVisibility({
       password: event.target.value
     });
   };
-  return (0, _react.createElement)("div", {
-    className: "editor-post-visibility"
-  }, (0, _react.createElement)(_blockEditor.__experimentalInspectorPopoverHeader, {
-    title: (0, _i18n.__)('Visibility'),
-    help: (0, _i18n.__)('Control how this post is viewed.'),
-    onClose: onClose
-  }), (0, _react.createElement)("fieldset", {
-    className: "editor-post-visibility__fieldset"
-  }, (0, _react.createElement)(_components.VisuallyHidden, {
-    as: "legend"
-  }, (0, _i18n.__)('Visibility')), (0, _react.createElement)(PostVisibilityChoice, {
-    instanceId: instanceId,
-    value: "public",
-    label: _utils.visibilityOptions.public.label,
-    info: _utils.visibilityOptions.public.info,
-    checked: visibility === 'public' && !hasPassword,
-    onChange: setPublic
-  }), (0, _react.createElement)(PostVisibilityChoice, {
-    instanceId: instanceId,
-    value: "private",
-    label: _utils.visibilityOptions.private.label,
-    info: _utils.visibilityOptions.private.info,
-    checked: visibility === 'private',
-    onChange: setPrivate
-  }), (0, _react.createElement)(PostVisibilityChoice, {
-    instanceId: instanceId,
-    value: "password",
-    label: _utils.visibilityOptions.password.label,
-    info: _utils.visibilityOptions.password.info,
-    checked: hasPassword,
-    onChange: setPasswordProtected
-  }), hasPassword && (0, _react.createElement)("div", {
-    className: "editor-post-visibility__password"
-  }, (0, _react.createElement)(_components.VisuallyHidden, {
-    as: "label",
-    htmlFor: `editor-post-visibility__password-input-${instanceId}`
-  }, (0, _i18n.__)('Create password')), (0, _react.createElement)("input", {
-    className: "editor-post-visibility__password-input",
-    id: `editor-post-visibility__password-input-${instanceId}`,
-    type: "text",
-    onChange: updatePassword,
-    value: password,
-    placeholder: (0, _i18n.__)('Use a secure password')
-  }))), (0, _react.createElement)(_components.__experimentalConfirmDialog, {
-    isOpen: showPrivateConfirmDialog,
-    onConfirm: confirmPrivate,
-    onCancel: handleDialogCancel,
-    confirmButtonText: (0, _i18n.__)('Publish')
-  }, (0, _i18n.__)('Would you like to privately publish this post now?')));
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+    className: "editor-post-visibility",
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_blockEditor.__experimentalInspectorPopoverHeader, {
+      title: (0, _i18n.__)('Visibility'),
+      help: (0, _i18n.__)('Control how this post is viewed.'),
+      onClose: onClose
+    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("fieldset", {
+      className: "editor-post-visibility__fieldset",
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_components.VisuallyHidden, {
+        as: "legend",
+        children: (0, _i18n.__)('Visibility')
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(PostVisibilityChoice, {
+        instanceId: instanceId,
+        value: "public",
+        label: _utils.visibilityOptions.public.label,
+        info: _utils.visibilityOptions.public.info,
+        checked: visibility === 'public' && !hasPassword,
+        onChange: setPublic
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(PostVisibilityChoice, {
+        instanceId: instanceId,
+        value: "private",
+        label: _utils.visibilityOptions.private.label,
+        info: _utils.visibilityOptions.private.info,
+        checked: visibility === 'private',
+        onChange: setPrivate
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(PostVisibilityChoice, {
+        instanceId: instanceId,
+        value: "password",
+        label: _utils.visibilityOptions.password.label,
+        info: _utils.visibilityOptions.password.info,
+        checked: hasPassword,
+        onChange: setPasswordProtected
+      }), hasPassword && /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+        className: "editor-post-visibility__password",
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_components.VisuallyHidden, {
+          as: "label",
+          htmlFor: `editor-post-visibility__password-input-${instanceId}`,
+          children: (0, _i18n.__)('Create password')
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)("input", {
+          className: "editor-post-visibility__password-input",
+          id: `editor-post-visibility__password-input-${instanceId}`,
+          type: "text",
+          onChange: updatePassword,
+          value: password,
+          placeholder: (0, _i18n.__)('Use a secure password')
+        })]
+      })]
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.__experimentalConfirmDialog, {
+      isOpen: showPrivateConfirmDialog,
+      onConfirm: confirmPrivate,
+      onCancel: handleDialogCancel,
+      confirmButtonText: (0, _i18n.__)('Publish'),
+      children: (0, _i18n.__)('Would you like to privately publish this post now?')
+    })]
+  });
 }
 function PostVisibilityChoice({
   instanceId,
@@ -131,22 +143,25 @@ function PostVisibilityChoice({
   info,
   ...props
 }) {
-  return (0, _react.createElement)("div", {
-    className: "editor-post-visibility__choice"
-  }, (0, _react.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
-  }), (0, _react.createElement)("label", {
-    htmlFor: `editor-post-${value}-${instanceId}`,
-    className: "editor-post-visibility__label"
-  }, label), (0, _react.createElement)("p", {
-    id: `editor-post-${value}-${instanceId}-description`,
-    className: "editor-post-visibility__info"
-  }, info));
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+    className: "editor-post-visibility__choice",
+    children: [/*#__PURE__*/(0, _jsxRuntime.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__*/(0, _jsxRuntime.jsx)("label", {
+      htmlFor: `editor-post-${value}-${instanceId}`,
+      className: "editor-post-visibility__label",
+      children: label
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
+      id: `editor-post-${value}-${instanceId}-description`,
+      className: "editor-post-visibility__info",
+      children: info
+    })]
+  });
 }
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["_i18n","require","_element","_components","_compose","_data","_blockEditor","_utils","_store","PostVisibility","onClose","instanceId","useInstanceId","status","visibility","password","useSelect","select","editorStore","getEditedPostAttribute","getEditedPostVisibility","editPost","savePost","useDispatch","hasPassword","setHasPassword","useState","showPrivateConfirmDialog","setShowPrivateConfirmDialog","setPublic","setPrivate","confirmPrivate","handleDialogCancel","setPasswordProtected","updatePassword","event","target","value","_react","createElement","className","__experimentalInspectorPopoverHeader","title","__","help","VisuallyHidden","as","PostVisibilityChoice","label","visibilityOptions","public","info","checked","onChange","private","htmlFor","id","type","placeholder","__experimentalConfirmDialog","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":["_i18n","require","_element","_components","_compose","_data","_blockEditor","_utils","_store","_jsxRuntime","PostVisibility","onClose","instanceId","useInstanceId","status","visibility","password","useSelect","select","editorStore","getEditedPostAttribute","getEditedPostVisibility","editPost","savePost","useDispatch","hasPassword","setHasPassword","useState","showPrivateConfirmDialog","setShowPrivateConfirmDialog","setPublic","setPrivate","confirmPrivate","handleDialogCancel","setPasswordProtected","updatePassword","event","target","value","jsxs","className","children","jsx","__experimentalInspectorPopoverHeader","title","__","help","VisuallyHidden","as","PostVisibilityChoice","label","visibilityOptions","public","info","checked","onChange","private","htmlFor","id","type","placeholder","__experimentalConfirmDialog","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":";;;;;;AAGA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,QAAA,GAAAD,OAAA;AACA,IAAAE,WAAA,GAAAF,OAAA;AAIA,IAAAG,QAAA,GAAAH,OAAA;AACA,IAAAI,KAAA,GAAAJ,OAAA;AACA,IAAAK,YAAA,GAAAL,OAAA;AAKA,IAAAM,MAAA,GAAAN,OAAA;AACA,IAAAO,MAAA,GAAAP,OAAA;AAAmD,IAAAQ,WAAA,GAAAR,OAAA;AAjBnD;AACA;AACA;;AAWA;AACA;AACA;;AAIA;AACA;AACA;AACA;AACA;AACA;AACA,GACe,SAASS,cAAcA,CAAE;EAAEC;AAAQ,CAAC,EAAG;EACrD,MAAMC,UAAU,GAAG,IAAAC,sBAAa,EAAEH,cAAe,CAAC;EAElD,MAAM;IAAEI,MAAM;IAAEC,UAAU;IAAEC;EAAS,CAAC,GAAG,IAAAC,eAAS,EAAIC,MAAM,KAAQ;IACnEJ,MAAM,EAAEI,MAAM,CAAEC,YAAY,CAAC,CAACC,sBAAsB,CAAE,QAAS,CAAC;IAChEL,UAAU,EAAEG,MAAM,CAAEC,YAAY,CAAC,CAACE,uBAAuB,CAAC,CAAC;IAC3DL,QAAQ,EAAEE,MAAM,CAAEC,YAAY,CAAC,CAACC,sBAAsB,CAAE,UAAW;EACpE,CAAC,CAAG,CAAC;EAEL,MAAM;IAAEE,QAAQ;IAAEC;EAAS,CAAC,GAAG,IAAAC,iBAAW,EAAEL,YAAY,CAAC;EAEzD,MAAM,CAAEM,WAAW,EAAEC,cAAc,CAAE,GAAG,IAAAC,iBAAQ,EAAE,CAAC,CAAEX,QAAS,CAAC;EAC/D,MAAM,CAAEY,wBAAwB,EAAEC,2BAA2B,CAAE,GAC9D,IAAAF,iBAAQ,EAAE,KAAM,CAAC;EAElB,MAAMG,SAAS,GAAGA,CAAA,KAAM;IACvBR,QAAQ,CAAE;MACTR,MAAM,EAAEC,UAAU,KAAK,SAAS,GAAG,OAAO,GAAGD,MAAM;MACnDE,QAAQ,EAAE;IACX,CAAE,CAAC;IACHU,cAAc,CAAE,KAAM,CAAC;EACxB,CAAC;EAED,MAAMK,UAAU,GAAGA,CAAA,KAAM;IACxBF,2BAA2B,CAAE,IAAK,CAAC;EACpC,CAAC;EAED,MAAMG,cAAc,GAAGA,CAAA,KAAM;IAC5BV,QAAQ,CAAE;MAAER,MAAM,EAAE,SAAS;MAAEE,QAAQ,EAAE;IAAG,CAAE,CAAC;IAC/CU,cAAc,CAAE,KAAM,CAAC;IACvBG,2BAA2B,CAAE,KAAM,CAAC;IACpCN,QAAQ,CAAC,CAAC;EACX,CAAC;EAED,MAAMU,kBAAkB,GAAGA,CAAA,KAAM;IAChCJ,2BAA2B,CAAE,KAAM,CAAC;EACrC,CAAC;EAED,MAAMK,oBAAoB,GAAGA,CAAA,KAAM;IAClCZ,QAAQ,CAAE;MACTR,MAAM,EAAEC,UAAU,KAAK,SAAS,GAAG,OAAO,GAAGD,MAAM;MACnDE,QAAQ,EAAEA,QAAQ,IAAI;IACvB,CAAE,CAAC;IACHU,cAAc,CAAE,IAAK,CAAC;EACvB,CAAC;EAED,MAAMS,cAAc,GAAKC,KAAK,IAAM;IACnCd,QAAQ,CAAE;MAAEN,QAAQ,EAAEoB,KAAK,CAACC,MAAM,CAACC;IAAM,CAAE,CAAC;EAC7C,CAAC;EAED,oBACC,IAAA7B,WAAA,CAAA8B,IAAA;IAAKC,SAAS,EAAC,wBAAwB;IAAAC,QAAA,gBACtC,IAAAhC,WAAA,CAAAiC,GAAA,EAACpC,YAAA,CAAAqC,oCAAsB;MACtBC,KAAK,EAAG,IAAAC,QAAE,EAAE,YAAa,CAAG;MAC5BC,IAAI,EAAG,IAAAD,QAAE,EAAE,kCAAmC,CAAG;MACjDlC,OAAO,EAAGA;IAAS,CACnB,CAAC,eACF,IAAAF,WAAA,CAAA8B,IAAA;MAAUC,SAAS,EAAC,kCAAkC;MAAAC,QAAA,gBACrD,IAAAhC,WAAA,CAAAiC,GAAA,EAACvC,WAAA,CAAA4C,cAAc;QAACC,EAAE,EAAC,QAAQ;QAAAP,QAAA,EACxB,IAAAI,QAAE,EAAE,YAAa;MAAC,CACL,CAAC,eACjB,IAAApC,WAAA,CAAAiC,GAAA,EAACO,oBAAoB;QACpBrC,UAAU,EAAGA,UAAY;QACzB0B,KAAK,EAAC,QAAQ;QACdY,KAAK,EAAGC,wBAAiB,CAACC,MAAM,CAACF,KAAO;QACxCG,IAAI,EAAGF,wBAAiB,CAACC,MAAM,CAACC,IAAM;QACtCC,OAAO,EAAGvC,UAAU,KAAK,QAAQ,IAAI,CAAEU,WAAa;QACpD8B,QAAQ,EAAGzB;MAAW,CACtB,CAAC,eACF,IAAArB,WAAA,CAAAiC,GAAA,EAACO,oBAAoB;QACpBrC,UAAU,EAAGA,UAAY;QACzB0B,KAAK,EAAC,SAAS;QACfY,KAAK,EAAGC,wBAAiB,CAACK,OAAO,CAACN,KAAO;QACzCG,IAAI,EAAGF,wBAAiB,CAACK,OAAO,CAACH,IAAM;QACvCC,OAAO,EAAGvC,UAAU,KAAK,SAAW;QACpCwC,QAAQ,EAAGxB;MAAY,CACvB,CAAC,eACF,IAAAtB,WAAA,CAAAiC,GAAA,EAACO,oBAAoB;QACpBrC,UAAU,EAAGA,UAAY;QACzB0B,KAAK,EAAC,UAAU;QAChBY,KAAK,EAAGC,wBAAiB,CAACnC,QAAQ,CAACkC,KAAO;QAC1CG,IAAI,EAAGF,wBAAiB,CAACnC,QAAQ,CAACqC,IAAM;QACxCC,OAAO,EAAG7B,WAAa;QACvB8B,QAAQ,EAAGrB;MAAsB,CACjC,CAAC,EACAT,WAAW,iBACZ,IAAAhB,WAAA,CAAA8B,IAAA;QAAKC,SAAS,EAAC,kCAAkC;QAAAC,QAAA,gBAChD,IAAAhC,WAAA,CAAAiC,GAAA,EAACvC,WAAA,CAAA4C,cAAc;UACdC,EAAE,EAAC,OAAO;UACVS,OAAO,EAAI,0CAA0C7C,UAAY,EAAG;UAAA6B,QAAA,EAElE,IAAAI,QAAE,EAAE,iBAAkB;QAAC,CACV,CAAC,eACjB,IAAApC,WAAA,CAAAiC,GAAA;UACCF,SAAS,EAAC,wCAAwC;UAClDkB,EAAE,EAAI,0CAA0C9C,UAAY,EAAG;UAC/D+C,IAAI,EAAC,MAAM;UACXJ,QAAQ,EAAGpB,cAAgB;UAC3BG,KAAK,EAAGtB,QAAU;UAClB4C,WAAW,EAAG,IAAAf,QAAE,EAAE,uBAAwB;QAAG,CAC7C,CAAC;MAAA,CACE,CACL;IAAA,CACQ,CAAC,eACX,IAAApC,WAAA,CAAAiC,GAAA,EAACvC,WAAA,CAAA0D,2BAAa;MACbC,MAAM,EAAGlC,wBAA0B;MACnCmC,SAAS,EAAG/B,cAAgB;MAC5BgC,QAAQ,EAAG/B,kBAAoB;MAC/BgC,iBAAiB,EAAG,IAAApB,QAAE,EAAE,SAAU,CAAG;MAAAJ,QAAA,EAEnC,IAAAI,QAAE,EAAE,oDAAqD;IAAC,CAC9C,CAAC;EAAA,CACZ,CAAC;AAER;AAEA,SAASI,oBAAoBA,CAAE;EAAErC,UAAU;EAAE0B,KAAK;EAAEY,KAAK;EAAEG,IAAI;EAAE,GAAGa;AAAM,CAAC,EAAG;EAC7E,oBACC,IAAAzD,WAAA,CAAA8B,IAAA;IAAKC,SAAS,EAAC,gCAAgC;IAAAC,QAAA,gBAC9C,IAAAhC,WAAA,CAAAiC,GAAA;MACCiB,IAAI,EAAC,OAAO;MACZQ,IAAI,EAAI,mCAAmCvD,UAAY,EAAG;MAC1D0B,KAAK,EAAGA,KAAO;MACfoB,EAAE,EAAI,eAAepB,KAAO,IAAI1B,UAAY,EAAG;MAC/C,oBAAoB,eAAe0B,KAAO,IAAI1B,UAAY,cAAe;MACzE4B,SAAS,EAAC,+BAA+B;MAAA,GACpC0B;IAAK,CACV,CAAC,eACF,IAAAzD,WAAA,CAAAiC,GAAA;MACCe,OAAO,EAAI,eAAenB,KAAO,IAAI1B,UAAY,EAAG;MACpD4B,SAAS,EAAC,+BAA+B;MAAAC,QAAA,EAEvCS;IAAK,CACD,CAAC,eACR,IAAAzC,WAAA,CAAAiC,GAAA;MACCgB,EAAE,EAAI,eAAepB,KAAO,IAAI1B,UAAY,cAAe;MAC3D4B,SAAS,EAAC,8BAA8B;MAAAC,QAAA,EAEtCY;IAAI,CACJ,CAAC;EAAA,CACA,CAAC;AAER","ignoreList":[]}

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

@@ -16,9 +16,20 @@ var _store = require("../../store");
  * Internal dependencies
  */
 
+/**
+ * Returns the label for the current post visibility setting.
+ *
+ * @return {string} Post visibility label.
+ */
 function PostVisibilityLabel() {
   return usePostVisibilityLabel();
 }
+
+/**
+ * Get the label for the current post visibility setting.
+ *
+ * @return {string} Post visibility label.
+ */
 function usePostVisibilityLabel() {
   const visibility = (0, _data.useSelect)(select => select(_store.store).getEditedPostVisibility());
   return _utils.visibilityOptions[visibility]?.label;

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

@@ -1 +1 @@
-{"version":3,"names":["_data","require","_utils","_store","PostVisibilityLabel","usePostVisibilityLabel","visibility","useSelect","select","editorStore","getEditedPostVisibility","visibilityOptions","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":";;;;;;;AAGA,IAAAA,KAAA,GAAAC,OAAA;AAKA,IAAAC,MAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAF,OAAA;AATA;AACA;AACA;;AAGA;AACA;AACA;;AAIe,SAASG,mBAAmBA,CAAA,EAAG;EAC7C,OAAOC,sBAAsB,CAAC,CAAC;AAChC;AAEO,SAASA,sBAAsBA,CAAA,EAAG;EACxC,MAAMC,UAAU,GAAG,IAAAC,eAAS,EAAIC,MAAM,IACrCA,MAAM,CAAEC,YAAY,CAAC,CAACC,uBAAuB,CAAC,CAC/C,CAAC;EACD,OAAOC,wBAAiB,CAAEL,UAAU,CAAE,EAAEM,KAAK;AAC9C","ignoreList":[]}
+{"version":3,"names":["_data","require","_utils","_store","PostVisibilityLabel","usePostVisibilityLabel","visibility","useSelect","select","editorStore","getEditedPostVisibility","visibilityOptions","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":";;;;;;;AAGA,IAAAA,KAAA,GAAAC,OAAA;AAKA,IAAAC,MAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAF,OAAA;AATA;AACA;AACA;;AAGA;AACA;AACA;;AAIA;AACA;AACA;AACA;AACA;AACe,SAASG,mBAAmBA,CAAA,EAAG;EAC7C,OAAOC,sBAAsB,CAAC,CAAC;AAChC;;AAEA;AACA;AACA;AACA;AACA;AACO,SAASA,sBAAsBA,CAAA,EAAG;EACxC,MAAMC,UAAU,GAAG,IAAAC,eAAS,EAAIC,MAAM,IACrCA,MAAM,CAAEC,YAAY,CAAC,CAACC,uBAAuB,CAAC,CAC/C,CAAC;EACD,OAAOC,wBAAiB,CAAEL,UAAU,CAAE,EAAEM,KAAK;AAC9C","ignoreList":[]}

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

@@ -0,0 +1,109 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = PostsPerPage;
+var _i18n = require("@wordpress/i18n");
+var _data = require("@wordpress/data");
+var _coreData = require("@wordpress/core-data");
+var _components = require("@wordpress/components");
+var _element = require("@wordpress/element");
+var _blockEditor = require("@wordpress/block-editor");
+var _constants = require("../../store/constants");
+var _store = require("../../store");
+var _postPanelRow = _interopRequireDefault(require("../post-panel-row"));
+var _jsxRuntime = require("react/jsx-runtime");
+/**
+ * WordPress dependencies
+ */
+
+/**
+ * Internal dependencies
+ */
+
+function PostsPerPage() {
+  const {
+    editEntityRecord
+  } = (0, _data.useDispatch)(_coreData.store);
+  const {
+    postsPerPage,
+    isTemplate,
+    postSlug
+  } = (0, _data.useSelect)(select => {
+    const {
+      getEditedPostAttribute,
+      getCurrentPostType
+    } = select(_store.store);
+    const {
+      getEditedEntityRecord
+    } = select(_coreData.store);
+    const siteSettings = getEditedEntityRecord('root', 'site');
+    return {
+      isTemplate: getCurrentPostType() === _constants.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] = (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 (!isTemplate || !['home', 'index'].includes(postSlug)) {
+    return null;
+  }
+  const setPostsPerPage = newValue => {
+    editEntityRecord('root', 'site', undefined, {
+      posts_per_page: newValue
+    });
+  };
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_postPanelRow.default, {
+    label: (0, _i18n.__)('Posts per page'),
+    ref: setPopoverAnchor,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Dropdown, {
+      popoverProps: popoverProps,
+      contentClassName: "editor-posts-per-page-dropdown__content",
+      focusOnMount: true,
+      renderToggle: ({
+        isOpen,
+        onToggle
+      }) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Button, {
+        size: "compact",
+        variant: "tertiary",
+        "aria-expanded": isOpen,
+        "aria-label": (0, _i18n.__)('Change posts per page'),
+        onClick: onToggle,
+        children: postsPerPage
+      }),
+      renderContent: ({
+        onClose
+      }) => /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_blockEditor.__experimentalInspectorPopoverHeader, {
+          title: (0, _i18n.__)('Posts per page'),
+          onClose: onClose
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.__experimentalNumberControl, {
+          placeholder: 0,
+          value: postsPerPage,
+          size: "__unstable-large",
+          spinControls: "custom",
+          step: "1",
+          min: "1",
+          onChange: setPostsPerPage,
+          label: (0, _i18n.__)('Posts per page'),
+          help: (0, _i18n.__)('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/components/posts-per-page/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_i18n","require","_data","_coreData","_components","_element","_blockEditor","_constants","_store","_postPanelRow","_interopRequireDefault","_jsxRuntime","PostsPerPage","editEntityRecord","useDispatch","coreStore","postsPerPage","isTemplate","postSlug","useSelect","select","getEditedPostAttribute","getCurrentPostType","editorStore","getEditedEntityRecord","siteSettings","TEMPLATE_POST_TYPE","posts_per_page","popoverAnchor","setPopoverAnchor","useState","popoverProps","useMemo","anchor","placement","offset","shift","includes","setPostsPerPage","newValue","undefined","jsx","default","label","__","ref","children","Dropdown","contentClassName","focusOnMount","renderToggle","isOpen","onToggle","Button","size","variant","onClick","renderContent","onClose","jsxs","Fragment","__experimentalInspectorPopoverHeader","title","__experimentalNumberControl","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/components/preferences-modal/enable-plugin-document-setting-panel.js

@@ -5,9 +5,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _react = require("react");
 var _components = require("@wordpress/components");
 var _enablePanel = _interopRequireDefault(require("./enable-panel"));
+var _jsxRuntime = require("react/jsx-runtime");
 /**
  * WordPress dependencies
  */
@@ -23,10 +23,12 @@ const {
 const EnablePluginDocumentSettingPanelOption = ({
   label,
   panelName
-}) => (0, _react.createElement)(Fill, null, (0, _react.createElement)(_enablePanel.default, {
-  label: label,
-  panelName: panelName
-}));
+}) => /*#__PURE__*/(0, _jsxRuntime.jsx)(Fill, {
+  children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_enablePanel.default, {
+    label: label,
+    panelName: panelName
+  })
+});
 EnablePluginDocumentSettingPanelOption.Slot = Slot;
 var _default = exports.default = EnablePluginDocumentSettingPanelOption;
 //# sourceMappingURL=enable-plugin-document-setting-panel.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["_components","require","_enablePanel","_interopRequireDefault","Fill","Slot","createSlotFill","EnablePluginDocumentSettingPanelOption","label","panelName","_react","createElement","default","_default","exports"],"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":";;;;;;;;AAGA,IAAAA,WAAA,GAAAC,OAAA;AAKA,IAAAC,YAAA,GAAAC,sBAAA,CAAAF,OAAA;AARA;AACA;AACA;;AAGA;AACA;AACA;;AAGA,MAAM;EAAEG,IAAI;EAAEC;AAAK,CAAC,GAAG,IAAAC,0BAAc,EACpC,wCACD,CAAC;AAED,MAAMC,sCAAsC,GAAGA,CAAE;EAAEC,KAAK;EAAEC;AAAU,CAAC,KACpE,IAAAC,MAAA,CAAAC,aAAA,EAACP,IAAI,QACJ,IAAAM,MAAA,CAAAC,aAAA,EAACT,YAAA,CAAAU,OAAiB;EAACJ,KAAK,EAAGA,KAAO;EAACC,SAAS,EAAGA;AAAW,CAAE,CACvD,CACN;AAEDF,sCAAsC,CAACF,IAAI,GAAGA,IAAI;AAAC,IAAAQ,QAAA,GAAAC,OAAA,CAAAF,OAAA,GAEpCL,sCAAsC","ignoreList":[]}
+{"version":3,"names":["_components","require","_enablePanel","_interopRequireDefault","_jsxRuntime","Fill","Slot","createSlotFill","EnablePluginDocumentSettingPanelOption","label","panelName","jsx","children","default","_default","exports"],"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":";;;;;;;AAGA,IAAAA,WAAA,GAAAC,OAAA;AAKA,IAAAC,YAAA,GAAAC,sBAAA,CAAAF,OAAA;AAA+C,IAAAG,WAAA,GAAAH,OAAA;AAR/C;AACA;AACA;;AAGA;AACA;AACA;;AAGA,MAAM;EAAEI,IAAI;EAAEC;AAAK,CAAC,GAAG,IAAAC,0BAAc,EACpC,wCACD,CAAC;AAED,MAAMC,sCAAsC,GAAGA,CAAE;EAAEC,KAAK;EAAEC;AAAU,CAAC,kBACpE,IAAAN,WAAA,CAAAO,GAAA,EAACN,IAAI;EAAAO,QAAA,eACJ,IAAAR,WAAA,CAAAO,GAAA,EAACT,YAAA,CAAAW,OAAiB;IAACJ,KAAK,EAAGA,KAAO;IAACC,SAAS,EAAGA;EAAW,CAAE;AAAC,CACxD,CACN;AAEDF,sCAAsC,CAACF,IAAI,GAAGA,IAAI;AAAC,IAAAQ,QAAA,GAAAC,OAAA,CAAAF,OAAA,GAEpCL,sCAAsC","ignoreList":[]}