@wordpress/editor 12.5.4 → 12.7.0

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

@@ -1,190 +1,156 @@
-import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-import { createElement } from "@wordpress/element";
+import _extends from "@babel/runtime/helpers/esm/extends";
+import { createElement, Fragment } from "@wordpress/element";
 
 /**
  * WordPress dependencies
  */
 import { __ } from '@wordpress/i18n';
-import { Component } from '@wordpress/element';
-import { VisuallyHidden, __experimentalConfirmDialog as ConfirmDialog } from '@wordpress/components';
-import { withInstanceId, compose } from '@wordpress/compose';
-import { withSelect, withDispatch } from '@wordpress/data';
+import { useState } from '@wordpress/element';
+import { VisuallyHidden, __experimentalConfirmDialog as ConfirmDialog, Button } from '@wordpress/components';
+import { useInstanceId } from '@wordpress/compose';
+import { useSelect, useDispatch } from '@wordpress/data';
+import { close as closeIcon } from '@wordpress/icons';
 /**
  * Internal dependencies
  */
 
 import { visibilityOptions } from './utils';
 import { store as editorStore } from '../../store';
-export class PostVisibility extends Component {
-  constructor(props) {
-    super(...arguments);
-
-    _defineProperty(this, "confirmPrivate", () => {
-      const {
-        onUpdateVisibility,
-        onSave
-      } = this.props;
-      onUpdateVisibility('private');
-      this.setState({
-        hasPassword: false,
-        showPrivateConfirmDialog: false
-      });
-      onSave();
-    });
+export default function PostVisibility(_ref) {
+  let {
+    onClose
+  } = _ref;
+  const instanceId = useInstanceId(PostVisibility);
+  const {
+    status,
+    visibility,
+    password
+  } = useSelect(select => ({
+    status: select(editorStore).getEditedPostAttribute('status'),
+    visibility: select(editorStore).getEditedPostVisibility(),
+    password: select(editorStore).getEditedPostAttribute('password')
+  }));
+  const {
+    editPost,
+    savePost
+  } = useDispatch(editorStore);
+  const [hasPassword, setHasPassword] = useState(!!password);
+  const [showPrivateConfirmDialog, setShowPrivateConfirmDialog] = useState(false);
 
-    _defineProperty(this, "handleDialogCancel", () => {
-      this.setState({
-        showPrivateConfirmDialog: false
-      });
+  const setPublic = () => {
+    editPost({
+      status: visibility === 'private' ? 'draft' : status,
+      password: ''
     });
+    setHasPassword(false);
+  };
 
-    this.setPublic = this.setPublic.bind(this);
-    this.setPrivate = this.setPrivate.bind(this);
-    this.setPasswordProtected = this.setPasswordProtected.bind(this);
-    this.updatePassword = this.updatePassword.bind(this);
-    this.state = {
-      hasPassword: !!props.password,
-      showPrivateConfirmDialog: false
-    };
-  }
+  const setPrivate = () => {
+    setShowPrivateConfirmDialog(true);
+  };
 
-  setPublic() {
-    const {
-      visibility,
-      onUpdateVisibility,
-      status
-    } = this.props;
-    onUpdateVisibility(visibility === 'private' ? 'draft' : status);
-    this.setState({
-      hasPassword: false
+  const confirmPrivate = () => {
+    editPost({
+      status: 'private',
+      password: ''
     });
-  }
+    setHasPassword(false);
+    setShowPrivateConfirmDialog(false);
+    savePost();
+  };
 
-  setPrivate() {
-    this.setState({
-      showPrivateConfirmDialog: true
-    });
-  }
+  const handleDialogCancel = () => {
+    setShowPrivateConfirmDialog(false);
+  };
 
-  setPasswordProtected() {
-    const {
-      visibility,
-      onUpdateVisibility,
-      status,
-      password
-    } = this.props;
-    onUpdateVisibility(visibility === 'private' ? 'draft' : status, password || '');
-    this.setState({
-      hasPassword: true
+  const setPasswordProtected = () => {
+    editPost({
+      status: visibility === 'private' ? 'draft' : status,
+      password: password || ''
     });
-  }
-
-  updatePassword(event) {
-    const {
-      status,
-      onUpdateVisibility
-    } = this.props;
-    onUpdateVisibility(status, event.target.value);
-  }
-
-  render() {
-    const {
-      visibility,
-      password,
-      instanceId
-    } = this.props;
-    const visibilityHandlers = {
-      public: {
-        onSelect: this.setPublic,
-        checked: visibility === 'public' && !this.state.hasPassword
-      },
-      private: {
-        onSelect: this.setPrivate,
-        checked: visibility === 'private'
-      },
-      password: {
-        onSelect: this.setPasswordProtected,
-        checked: this.state.hasPassword
-      }
-    };
-    return [createElement("fieldset", {
-      key: "visibility-selector",
-      className: "editor-post-visibility__dialog-fieldset"
-    }, createElement("legend", {
-      className: "editor-post-visibility__dialog-legend"
-    }, __('Post Visibility')), visibilityOptions.map(_ref => {
-      let {
-        value,
-        label,
-        info
-      } = _ref;
-      return createElement("div", {
-        key: value,
-        className: "editor-post-visibility__choice"
-      }, createElement("input", {
-        type: "radio",
-        name: `editor-post-visibility__setting-${instanceId}`,
-        value: value,
-        onChange: visibilityHandlers[value].onSelect,
-        checked: visibilityHandlers[value].checked,
-        id: `editor-post-${value}-${instanceId}`,
-        "aria-describedby": `editor-post-${value}-${instanceId}-description`,
-        className: "editor-post-visibility__dialog-radio"
-      }), createElement("label", {
-        htmlFor: `editor-post-${value}-${instanceId}`,
-        className: "editor-post-visibility__dialog-label"
-      }, label), createElement("p", {
-        id: `editor-post-${value}-${instanceId}-description`,
-        className: "editor-post-visibility__dialog-info"
-      }, info));
-    })), this.state.hasPassword && createElement("div", {
-      className: "editor-post-visibility__dialog-password",
-      key: "password-selector"
-    }, createElement(VisuallyHidden, {
-      as: "label",
-      htmlFor: `editor-post-visibility__dialog-password-input-${instanceId}`
-    }, __('Create password')), createElement("input", {
-      className: "editor-post-visibility__dialog-password-input",
-      id: `editor-post-visibility__dialog-password-input-${instanceId}`,
-      type: "text",
-      onChange: this.updatePassword,
-      value: password,
-      placeholder: __('Use a secure password')
-    })), createElement(ConfirmDialog, {
-      key: "private-publish-confirmation",
-      isOpen: this.state.showPrivateConfirmDialog,
-      onConfirm: this.confirmPrivate,
-      onCancel: this.handleDialogCancel
-    }, __('Would you like to privately publish this post now?'))];
-  }
+    setHasPassword(true);
+  };
 
-}
-export default compose([withSelect(select => {
-  const {
-    getEditedPostAttribute,
-    getEditedPostVisibility
-  } = select(editorStore);
-  return {
-    status: getEditedPostAttribute('status'),
-    visibility: getEditedPostVisibility(),
-    password: getEditedPostAttribute('password')
+  const updatePassword = event => {
+    editPost({
+      password: event.target.value
+    });
   };
-}), withDispatch(dispatch => {
-  const {
-    savePost,
-    editPost
-  } = dispatch(editorStore);
-  return {
-    onSave: savePost,
 
-    onUpdateVisibility(status) {
-      let password = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
-      editPost({
-        status,
-        password
-      });
-    }
+  return createElement(Fragment, null, createElement(Button, {
+    className: "editor-post-visibility__close",
+    isSmall: true,
+    icon: closeIcon,
+    onClick: onClose
+  }), createElement("fieldset", {
+    className: "editor-post-visibility__fieldset"
+  }, createElement("legend", {
+    className: "editor-post-visibility__legend"
+  }, __('Visibility')), createElement("p", {
+    className: "editor-post-visibility__description"
+  }, __('Control how this post is viewed.')), 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
+  }, __('Would you like to privately publish this post now?')));
+}
 
-  };
-}), withInstanceId])(PostVisibility);
+function PostVisibilityChoice(_ref2) {
+  let {
+    instanceId,
+    value,
+    label,
+    info,
+    ...props
+  } = _ref2;
+  return createElement("div", {
+    className: "editor-post-visibility__choice"
+  }, createElement("input", _extends({
+    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));
+}
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/editor/src/components/post-visibility/index.js"],"names":["__","Component","VisuallyHidden","__experimentalConfirmDialog","ConfirmDialog","withInstanceId","compose","withSelect","withDispatch","visibilityOptions","store","editorStore","PostVisibility","constructor","props","arguments","onUpdateVisibility","onSave","setState","hasPassword","showPrivateConfirmDialog","setPublic","bind","setPrivate","setPasswordProtected","updatePassword","state","password","visibility","status","event","target","value","render","instanceId","visibilityHandlers","public","onSelect","checked","private","map","label","info","confirmPrivate","handleDialogCancel","select","getEditedPostAttribute","getEditedPostVisibility","dispatch","savePost","editPost"],"mappings":"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","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { Component } from '@wordpress/element';\nimport {\n\tVisuallyHidden,\n\t__experimentalConfirmDialog as ConfirmDialog,\n} from '@wordpress/components';\nimport { withInstanceId, compose } from '@wordpress/compose';\nimport { withSelect, withDispatch } from '@wordpress/data';\n\n/**\n * Internal dependencies\n */\nimport { visibilityOptions } from './utils';\nimport { store as editorStore } from '../../store';\n\nexport class PostVisibility extends Component {\n\tconstructor( props ) {\n\t\tsuper( ...arguments );\n\n\t\tthis.setPublic = this.setPublic.bind( this );\n\t\tthis.setPrivate = this.setPrivate.bind( this );\n\t\tthis.setPasswordProtected = this.setPasswordProtected.bind( this );\n\t\tthis.updatePassword = this.updatePassword.bind( this );\n\n\t\tthis.state = {\n\t\t\thasPassword: !! props.password,\n\t\t\tshowPrivateConfirmDialog: false,\n\t\t};\n\t}\n\n\tsetPublic() {\n\t\tconst { visibility, onUpdateVisibility, status } = this.props;\n\n\t\tonUpdateVisibility( visibility === 'private' ? 'draft' : status );\n\t\tthis.setState( { hasPassword: false } );\n\t}\n\n\tsetPrivate() {\n\t\tthis.setState( { showPrivateConfirmDialog: true } );\n\t}\n\n\tconfirmPrivate = () => {\n\t\tconst { onUpdateVisibility, onSave } = this.props;\n\n\t\tonUpdateVisibility( 'private' );\n\t\tthis.setState( {\n\t\t\thasPassword: false,\n\t\t\tshowPrivateConfirmDialog: false,\n\t\t} );\n\t\tonSave();\n\t};\n\n\thandleDialogCancel = () => {\n\t\tthis.setState( { showPrivateConfirmDialog: false } );\n\t};\n\n\tsetPasswordProtected() {\n\t\tconst { visibility, onUpdateVisibility, status, password } = this.props;\n\n\t\tonUpdateVisibility(\n\t\t\tvisibility === 'private' ? 'draft' : status,\n\t\t\tpassword || ''\n\t\t);\n\t\tthis.setState( { hasPassword: true } );\n\t}\n\n\tupdatePassword( event ) {\n\t\tconst { status, onUpdateVisibility } = this.props;\n\t\tonUpdateVisibility( status, event.target.value );\n\t}\n\n\trender() {\n\t\tconst { visibility, password, instanceId } = this.props;\n\n\t\tconst visibilityHandlers = {\n\t\t\tpublic: {\n\t\t\t\tonSelect: this.setPublic,\n\t\t\t\tchecked: visibility === 'public' && ! this.state.hasPassword,\n\t\t\t},\n\t\t\tprivate: {\n\t\t\t\tonSelect: this.setPrivate,\n\t\t\t\tchecked: visibility === 'private',\n\t\t\t},\n\t\t\tpassword: {\n\t\t\t\tonSelect: this.setPasswordProtected,\n\t\t\t\tchecked: this.state.hasPassword,\n\t\t\t},\n\t\t};\n\n\t\treturn [\n\t\t\t<fieldset\n\t\t\t\tkey=\"visibility-selector\"\n\t\t\t\tclassName=\"editor-post-visibility__dialog-fieldset\"\n\t\t\t>\n\t\t\t\t<legend className=\"editor-post-visibility__dialog-legend\">\n\t\t\t\t\t{ __( 'Post Visibility' ) }\n\t\t\t\t</legend>\n\t\t\t\t{ visibilityOptions.map( ( { value, label, info } ) => (\n\t\t\t\t\t<div\n\t\t\t\t\t\tkey={ value }\n\t\t\t\t\t\tclassName=\"editor-post-visibility__choice\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<input\n\t\t\t\t\t\t\ttype=\"radio\"\n\t\t\t\t\t\t\tname={ `editor-post-visibility__setting-${ instanceId }` }\n\t\t\t\t\t\t\tvalue={ value }\n\t\t\t\t\t\t\tonChange={ visibilityHandlers[ value ].onSelect }\n\t\t\t\t\t\t\tchecked={ visibilityHandlers[ value ].checked }\n\t\t\t\t\t\t\tid={ `editor-post-${ value }-${ instanceId }` }\n\t\t\t\t\t\t\taria-describedby={ `editor-post-${ value }-${ instanceId }-description` }\n\t\t\t\t\t\t\tclassName=\"editor-post-visibility__dialog-radio\"\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t<label\n\t\t\t\t\t\t\thtmlFor={ `editor-post-${ value }-${ instanceId }` }\n\t\t\t\t\t\t\tclassName=\"editor-post-visibility__dialog-label\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ label }\n\t\t\t\t\t\t</label>\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\t<p\n\t\t\t\t\t\t\t\tid={ `editor-post-${ value }-${ instanceId }-description` }\n\t\t\t\t\t\t\t\tclassName=\"editor-post-visibility__dialog-info\"\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{ info }\n\t\t\t\t\t\t\t</p>\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\tthis.state.hasPassword && (\n\t\t\t\t<div\n\t\t\t\t\tclassName=\"editor-post-visibility__dialog-password\"\n\t\t\t\t\tkey=\"password-selector\"\n\t\t\t\t>\n\t\t\t\t\t<VisuallyHidden\n\t\t\t\t\t\tas=\"label\"\n\t\t\t\t\t\thtmlFor={ `editor-post-visibility__dialog-password-input-${ instanceId }` }\n\t\t\t\t\t>\n\t\t\t\t\t\t{ __( 'Create password' ) }\n\t\t\t\t\t</VisuallyHidden>\n\t\t\t\t\t<input\n\t\t\t\t\t\tclassName=\"editor-post-visibility__dialog-password-input\"\n\t\t\t\t\t\tid={ `editor-post-visibility__dialog-password-input-${ instanceId }` }\n\t\t\t\t\t\ttype=\"text\"\n\t\t\t\t\t\tonChange={ this.updatePassword }\n\t\t\t\t\t\tvalue={ password }\n\t\t\t\t\t\tplaceholder={ __( 'Use a secure password' ) }\n\t\t\t\t\t/>\n\t\t\t\t</div>\n\t\t\t),\n\t\t\t<ConfirmDialog\n\t\t\t\tkey=\"private-publish-confirmation\"\n\t\t\t\tisOpen={ this.state.showPrivateConfirmDialog }\n\t\t\t\tonConfirm={ this.confirmPrivate }\n\t\t\t\tonCancel={ this.handleDialogCancel }\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];\n\t}\n}\n\nexport default compose( [\n\twithSelect( ( select ) => {\n\t\tconst { getEditedPostAttribute, getEditedPostVisibility } = select(\n\t\t\teditorStore\n\t\t);\n\t\treturn {\n\t\t\tstatus: getEditedPostAttribute( 'status' ),\n\t\t\tvisibility: getEditedPostVisibility(),\n\t\t\tpassword: getEditedPostAttribute( 'password' ),\n\t\t};\n\t} ),\n\twithDispatch( ( dispatch ) => {\n\t\tconst { savePost, editPost } = dispatch( editorStore );\n\t\treturn {\n\t\t\tonSave: savePost,\n\t\t\tonUpdateVisibility( status, password = '' ) {\n\t\t\t\teditPost( { status, password } );\n\t\t\t},\n\t\t};\n\t} ),\n\twithInstanceId,\n] )( PostVisibility );\n"]}
+{"version":3,"sources":["@wordpress/editor/src/components/post-visibility/index.js"],"names":["__","useState","VisuallyHidden","__experimentalConfirmDialog","ConfirmDialog","Button","useInstanceId","useSelect","useDispatch","close","closeIcon","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","public","label","info","private","PostVisibilityChoice","props"],"mappings":"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","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { useState } from '@wordpress/element';\nimport {\n\tVisuallyHidden,\n\t__experimentalConfirmDialog as ConfirmDialog,\n\tButton,\n} from '@wordpress/components';\nimport { useInstanceId } from '@wordpress/compose';\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport { close as closeIcon } from '@wordpress/icons';\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 ] = useState(\n\t\tfalse\n\t);\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<>\n\t\t\t<Button\n\t\t\t\tclassName=\"editor-post-visibility__close\"\n\t\t\t\tisSmall\n\t\t\t\ticon={ closeIcon }\n\t\t\t\tonClick={ onClose }\n\t\t\t/>\n\t\t\t<fieldset className=\"editor-post-visibility__fieldset\">\n\t\t\t\t<legend className=\"editor-post-visibility__legend\">\n\t\t\t\t\t{ __( 'Visibility' ) }\n\t\t\t\t</legend>\n\t\t\t\t<p className=\"editor-post-visibility__description\">\n\t\t\t\t\t{ __( 'Control how this post is viewed.' ) }\n\t\t\t\t</p>\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>\n\t\t\t\t{ __( 'Would you like to privately publish this post now?' ) }\n\t\t\t</ConfirmDialog>\n\t\t</>\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"]}

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

@@ -1,32 +1,17 @@
-/**
- * External dependencies
- */
-import { find } from 'lodash';
 /**
  * WordPress dependencies
  */
-
-import { withSelect } from '@wordpress/data';
+import { useSelect } from '@wordpress/data';
 /**
  * Internal dependencies
  */
 
 import { visibilityOptions } from './utils';
 import { store as editorStore } from '../../store';
+export default function PostVisibilityLabel() {
+  var _visibilityOptions$vi;
 
-function PostVisibilityLabel(_ref) {
-  let {
-    visibility
-  } = _ref;
-
-  const getVisibilityLabel = () => find(visibilityOptions, {
-    value: visibility
-  }).label;
-
-  return getVisibilityLabel(visibility);
+  const visibility = useSelect(select => select(editorStore).getEditedPostVisibility());
+  return (_visibilityOptions$vi = visibilityOptions[visibility]) === null || _visibilityOptions$vi === void 0 ? void 0 : _visibilityOptions$vi.label;
 }
-
-export default withSelect(select => ({
-  visibility: select(editorStore).getEditedPostVisibility()
-}))(PostVisibilityLabel);
 //# sourceMappingURL=label.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/editor/src/components/post-visibility/label.js"],"names":["find","withSelect","visibilityOptions","store","editorStore","PostVisibilityLabel","visibility","getVisibilityLabel","value","label","select","getEditedPostVisibility"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,IAAT,QAAqB,QAArB;AAEA;AACA;AACA;;AACA,SAASC,UAAT,QAA2B,iBAA3B;AAEA;AACA;AACA;;AACA,SAASC,iBAAT,QAAkC,SAAlC;AACA,SAASC,KAAK,IAAIC,WAAlB,QAAqC,aAArC;;AAEA,SAASC,mBAAT,OAA+C;AAAA,MAAjB;AAAEC,IAAAA;AAAF,GAAiB;;AAC9C,QAAMC,kBAAkB,GAAG,MAC1BP,IAAI,CAAEE,iBAAF,EAAqB;AAAEM,IAAAA,KAAK,EAAEF;AAAT,GAArB,CAAJ,CAAiDG,KADlD;;AAGA,SAAOF,kBAAkB,CAAED,UAAF,CAAzB;AACA;;AAED,eAAeL,UAAU,CAAIS,MAAF,KAAgB;AAC1CJ,EAAAA,UAAU,EAAEI,MAAM,CAAEN,WAAF,CAAN,CAAsBO,uBAAtB;AAD8B,CAAhB,CAAF,CAAV,CAERN,mBAFQ,CAAf","sourcesContent":["/**\n * External dependencies\n */\nimport { find } from 'lodash';\n\n/**\n * WordPress dependencies\n */\nimport { withSelect } from '@wordpress/data';\n\n/**\n * Internal dependencies\n */\nimport { visibilityOptions } from './utils';\nimport { store as editorStore } from '../../store';\n\nfunction PostVisibilityLabel( { visibility } ) {\n\tconst getVisibilityLabel = () =>\n\t\tfind( visibilityOptions, { value: visibility } ).label;\n\n\treturn getVisibilityLabel( visibility );\n}\n\nexport default withSelect( ( select ) => ( {\n\tvisibility: select( editorStore ).getEditedPostVisibility(),\n} ) )( PostVisibilityLabel );\n"]}
+{"version":3,"sources":["@wordpress/editor/src/components/post-visibility/label.js"],"names":["useSelect","visibilityOptions","store","editorStore","PostVisibilityLabel","visibility","select","getEditedPostVisibility","label"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,SAAT,QAA0B,iBAA1B;AAEA;AACA;AACA;;AACA,SAASC,iBAAT,QAAkC,SAAlC;AACA,SAASC,KAAK,IAAIC,WAAlB,QAAqC,aAArC;AAEA,eAAe,SAASC,mBAAT,GAA+B;AAAA;;AAC7C,QAAMC,UAAU,GAAGL,SAAS,CAAIM,MAAF,IAC7BA,MAAM,CAAEH,WAAF,CAAN,CAAsBI,uBAAtB,EAD2B,CAA5B;AAGA,kCAAON,iBAAiB,CAAEI,UAAF,CAAxB,0DAAO,sBAAiCG,KAAxC;AACA","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\tconst visibility = useSelect( ( select ) =>\n\t\tselect( editorStore ).getEditedPostVisibility()\n\t);\n\treturn visibilityOptions[ visibility ]?.label;\n}\n"]}

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

@@ -2,17 +2,18 @@
  * WordPress dependencies
  */
 import { __ } from '@wordpress/i18n';
-export const visibilityOptions = [{
-  value: 'public',
-  label: __('Public'),
-  info: __('Visible to everyone.')
-}, {
-  value: 'private',
-  label: __('Private'),
-  info: __('Only visible to site admins and editors.')
-}, {
-  value: 'password',
-  label: __('Password Protected'),
-  info: __('Protected with a password you choose. Only those with the password can view this post.')
-}];
+export const visibilityOptions = {
+  public: {
+    label: __('Public'),
+    info: __('Visible to everyone.')
+  },
+  private: {
+    label: __('Private'),
+    info: __('Only visible to site admins and editors.')
+  },
+  password: {
+    label: __('Password protected'),
+    info: __('Only those with the password can view this post.')
+  }
+};
 //# sourceMappingURL=utils.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/editor/src/components/post-visibility/utils.js"],"names":["__","visibilityOptions","value","label","info"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,EAAT,QAAmB,iBAAnB;AAEA,OAAO,MAAMC,iBAAiB,GAAG,CAChC;AACCC,EAAAA,KAAK,EAAE,QADR;AAECC,EAAAA,KAAK,EAAEH,EAAE,CAAE,QAAF,CAFV;AAGCI,EAAAA,IAAI,EAAEJ,EAAE,CAAE,sBAAF;AAHT,CADgC,EAMhC;AACCE,EAAAA,KAAK,EAAE,SADR;AAECC,EAAAA,KAAK,EAAEH,EAAE,CAAE,SAAF,CAFV;AAGCI,EAAAA,IAAI,EAAEJ,EAAE,CAAE,0CAAF;AAHT,CANgC,EAWhC;AACCE,EAAAA,KAAK,EAAE,UADR;AAECC,EAAAA,KAAK,EAAEH,EAAE,CAAE,oBAAF,CAFV;AAGCI,EAAAA,IAAI,EAAEJ,EAAE,CACP,wFADO;AAHT,CAXgC,CAA1B","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\n\nexport const visibilityOptions = [\n\t{\n\t\tvalue: 'public',\n\t\tlabel: __( 'Public' ),\n\t\tinfo: __( 'Visible to everyone.' ),\n\t},\n\t{\n\t\tvalue: 'private',\n\t\tlabel: __( 'Private' ),\n\t\tinfo: __( 'Only visible to site admins and editors.' ),\n\t},\n\t{\n\t\tvalue: 'password',\n\t\tlabel: __( 'Password Protected' ),\n\t\tinfo: __(\n\t\t\t'Protected with a password you choose. Only those with the password can view this post.'\n\t\t),\n\t},\n];\n"]}
+{"version":3,"sources":["@wordpress/editor/src/components/post-visibility/utils.js"],"names":["__","visibilityOptions","public","label","info","private","password"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,EAAT,QAAmB,iBAAnB;AAEA,OAAO,MAAMC,iBAAiB,GAAG;AAChCC,EAAAA,MAAM,EAAE;AACPC,IAAAA,KAAK,EAAEH,EAAE,CAAE,QAAF,CADF;AAEPI,IAAAA,IAAI,EAAEJ,EAAE,CAAE,sBAAF;AAFD,GADwB;AAKhCK,EAAAA,OAAO,EAAE;AACRF,IAAAA,KAAK,EAAEH,EAAE,CAAE,SAAF,CADD;AAERI,IAAAA,IAAI,EAAEJ,EAAE,CAAE,0CAAF;AAFA,GALuB;AAShCM,EAAAA,QAAQ,EAAE;AACTH,IAAAA,KAAK,EAAEH,EAAE,CAAE,oBAAF,CADA;AAETI,IAAAA,IAAI,EAAEJ,EAAE,CAAE,kDAAF;AAFC;AATsB,CAA1B","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\n\nexport const visibilityOptions = {\n\tpublic: {\n\t\tlabel: __( 'Public' ),\n\t\tinfo: __( 'Visible to everyone.' ),\n\t},\n\tprivate: {\n\t\tlabel: __( 'Private' ),\n\t\tinfo: __( 'Only visible to site admins and editors.' ),\n\t},\n\tpassword: {\n\t\tlabel: __( 'Password protected' ),\n\t\tinfo: __( 'Only those with the password can view this post.' ),\n\t},\n};\n"]}

package/build-style/style-rtl.css

@@ -740,20 +740,23 @@
   color: rgba(30, 30, 30, 0.62);
 }
 
-.edit-post-post-visibility__dialog,
-.editor-post-visibility__dialog-fieldset {
-  padding: 4px;
-  padding-top: 0;
+.editor-post-visibility__close {
+  position: absolute;
+  left: 16px;
+  top: 16px;
+}
+
+.editor-post-visibility__fieldset {
+  padding: 8px;
 }
-.edit-post-post-visibility__dialog .editor-post-visibility__dialog-legend,
-.editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-legend {
+.editor-post-visibility__fieldset .editor-post-visibility__legend {
   font-weight: 600;
-  margin-bottom: 1em;
+  padding: 1em 0 0 0;
+}
+.editor-post-visibility__fieldset .editor-post-visibility__description {
   margin-top: 0.5em;
-  padding: 0;
 }
-.edit-post-post-visibility__dialog .editor-post-visibility__dialog-radio[type=radio],
-.editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-radio[type=radio] {
+.editor-post-visibility__fieldset .editor-post-visibility__radio[type=radio] {
   font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
   padding: 6px 8px;
   box-shadow: 0 0 0 transparent;
@@ -773,48 +776,40 @@
   margin-top: 2px;
 }
 @media (prefers-reduced-motion: reduce) {
-  .edit-post-post-visibility__dialog .editor-post-visibility__dialog-radio[type=radio],
-.editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-radio[type=radio] {
+  .editor-post-visibility__fieldset .editor-post-visibility__radio[type=radio] {
     transition-duration: 0s;
     transition-delay: 0s;
   }
 }
 @media (min-width: 600px) {
-  .edit-post-post-visibility__dialog .editor-post-visibility__dialog-radio[type=radio],
-.editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-radio[type=radio] {
+  .editor-post-visibility__fieldset .editor-post-visibility__radio[type=radio] {
     font-size: 13px;
     /* Override core line-height. To be reviewed. */
     line-height: normal;
   }
 }
-.edit-post-post-visibility__dialog .editor-post-visibility__dialog-radio[type=radio]:focus,
-.editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-radio[type=radio]:focus {
+.editor-post-visibility__fieldset .editor-post-visibility__radio[type=radio]:focus {
   border-color: var(--wp-admin-theme-color);
   box-shadow: 0 0 0 1px var(--wp-admin-theme-color);
   outline: 2px solid transparent;
 }
-.edit-post-post-visibility__dialog .editor-post-visibility__dialog-radio[type=radio]::-webkit-input-placeholder,
-.editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-radio[type=radio]::-webkit-input-placeholder {
+.editor-post-visibility__fieldset .editor-post-visibility__radio[type=radio]::-webkit-input-placeholder {
   color: rgba(30, 30, 30, 0.62);
 }
-.edit-post-post-visibility__dialog .editor-post-visibility__dialog-radio[type=radio]::-moz-placeholder,
-.editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-radio[type=radio]::-moz-placeholder {
+.editor-post-visibility__fieldset .editor-post-visibility__radio[type=radio]::-moz-placeholder {
   opacity: 1;
   color: rgba(30, 30, 30, 0.62);
 }
-.edit-post-post-visibility__dialog .editor-post-visibility__dialog-radio[type=radio]:-ms-input-placeholder,
-.editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-radio[type=radio]:-ms-input-placeholder {
+.editor-post-visibility__fieldset .editor-post-visibility__radio[type=radio]:-ms-input-placeholder {
   color: rgba(30, 30, 30, 0.62);
 }
 @media (min-width: 600px) {
-  .edit-post-post-visibility__dialog .editor-post-visibility__dialog-radio[type=radio],
-.editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-radio[type=radio] {
+  .editor-post-visibility__fieldset .editor-post-visibility__radio[type=radio] {
     height: 20px;
     width: 20px;
   }
 }
-.edit-post-post-visibility__dialog .editor-post-visibility__dialog-radio[type=radio]:checked::before,
-.editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-radio[type=radio]:checked::before {
+.editor-post-visibility__fieldset .editor-post-visibility__radio[type=radio]:checked::before {
   box-sizing: inherit;
   width: 8px;
   height: 8px;
@@ -824,36 +819,32 @@
   border: 4px solid #fff;
 }
 @media (min-width: 600px) {
-  .edit-post-post-visibility__dialog .editor-post-visibility__dialog-radio[type=radio]:checked::before,
-.editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-radio[type=radio]:checked::before {
+  .editor-post-visibility__fieldset .editor-post-visibility__radio[type=radio]:checked::before {
     transform: translate(-5px, 5px);
   }
 }
-.edit-post-post-visibility__dialog .editor-post-visibility__dialog-radio[type=radio]:focus,
-.editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-radio[type=radio]:focus {
+.editor-post-visibility__fieldset .editor-post-visibility__radio[type=radio]:focus {
   box-shadow: 0 0 0 2px #fff, 0 0 0 4px var(--wp-admin-theme-color);
   outline: 2px solid transparent;
 }
-.edit-post-post-visibility__dialog .editor-post-visibility__dialog-radio[type=radio]:checked,
-.editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-radio[type=radio]:checked {
+.editor-post-visibility__fieldset .editor-post-visibility__radio[type=radio]:checked {
   background: var(--wp-admin-theme-color);
   border-color: var(--wp-admin-theme-color);
 }
-.edit-post-post-visibility__dialog .editor-post-visibility__dialog-label,
-.editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-label {
-  font-weight: 600;
+.editor-post-visibility__fieldset .editor-post-visibility__info {
+  color: #757575;
+  margin-right: 36px;
+  margin-top: 0.5em;
 }
-.edit-post-post-visibility__dialog .editor-post-visibility__dialog-info,
-.editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-info {
-  margin-top: 0;
-  margin-right: 32px;
+@media (min-width: 600px) {
+  .editor-post-visibility__fieldset .editor-post-visibility__info {
+    margin-right: 32px;
+  }
 }
-.edit-post-post-visibility__dialog .editor-post-visibility__choice:last-child .editor-post-visibility__dialog-info,
-.editor-post-visibility__dialog-fieldset .editor-post-visibility__choice:last-child .editor-post-visibility__dialog-info {
+.editor-post-visibility__fieldset .editor-post-visibility__choice:last-child .editor-post-visibility__info {
   margin-bottom: 0;
 }
-
-.editor-post-visibility__dialog-password .editor-post-visibility__dialog-password-input[type=text] {
+.editor-post-visibility__fieldset .editor-post-visibility__password .editor-post-visibility__password-input[type=text] {
   font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
   padding: 6px 8px;
   box-shadow: 0 0 0 transparent;
@@ -864,35 +855,35 @@
   font-size: 16px;
   /* Override core line-height. To be reviewed. */
   line-height: normal;
-  margin-right: 36px;
-  margin-top: 8px;
+  margin-right: 32px;
+  width: calc(100% - 32px);
 }
 @media (prefers-reduced-motion: reduce) {
-  .editor-post-visibility__dialog-password .editor-post-visibility__dialog-password-input[type=text] {
+  .editor-post-visibility__fieldset .editor-post-visibility__password .editor-post-visibility__password-input[type=text] {
     transition-duration: 0s;
     transition-delay: 0s;
   }
 }
 @media (min-width: 600px) {
-  .editor-post-visibility__dialog-password .editor-post-visibility__dialog-password-input[type=text] {
+  .editor-post-visibility__fieldset .editor-post-visibility__password .editor-post-visibility__password-input[type=text] {
     font-size: 13px;
     /* Override core line-height. To be reviewed. */
     line-height: normal;
   }
 }
-.editor-post-visibility__dialog-password .editor-post-visibility__dialog-password-input[type=text]:focus {
+.editor-post-visibility__fieldset .editor-post-visibility__password .editor-post-visibility__password-input[type=text]:focus {
   border-color: var(--wp-admin-theme-color);
   box-shadow: 0 0 0 1px var(--wp-admin-theme-color);
   outline: 2px solid transparent;
 }
-.editor-post-visibility__dialog-password .editor-post-visibility__dialog-password-input[type=text]::-webkit-input-placeholder {
+.editor-post-visibility__fieldset .editor-post-visibility__password .editor-post-visibility__password-input[type=text]::-webkit-input-placeholder {
   color: rgba(30, 30, 30, 0.62);
 }
-.editor-post-visibility__dialog-password .editor-post-visibility__dialog-password-input[type=text]::-moz-placeholder {
+.editor-post-visibility__fieldset .editor-post-visibility__password .editor-post-visibility__password-input[type=text]::-moz-placeholder {
   opacity: 1;
   color: rgba(30, 30, 30, 0.62);
 }
-.editor-post-visibility__dialog-password .editor-post-visibility__dialog-password-input[type=text]:-ms-input-placeholder {
+.editor-post-visibility__fieldset .editor-post-visibility__password .editor-post-visibility__password-input[type=text]:-ms-input-placeholder {
   color: rgba(30, 30, 30, 0.62);
 }