@wordpress/editor 12.5.4 → 12.7.0

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

@@ -5,11 +5,11 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = exports.PostVisibility = void 0;
+exports.default = PostVisibility;
 
 var _element = require("@wordpress/element");
 
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 
 var _i18n = require("@wordpress/i18n");
 
@@ -19,6 +19,8 @@ var _compose = require("@wordpress/compose");
 
 var _data = require("@wordpress/data");
 
+var _icons = require("@wordpress/icons");
+
 var _utils = require("./utils");
 
 var _store = require("../../store");
@@ -30,178 +32,141 @@ var _store = require("../../store");
 /**
  * Internal dependencies
  */
-class PostVisibility extends _element.Component {
-  constructor(props) {
-    super(...arguments);
-    (0, _defineProperty2.default)(this, "confirmPrivate", () => {
-      const {
-        onUpdateVisibility,
-        onSave
-      } = this.props;
-      onUpdateVisibility('private');
-      this.setState({
-        hasPassword: false,
-        showPrivateConfirmDialog: false
-      });
-      onSave();
-    });
-    (0, _defineProperty2.default)(this, "handleDialogCancel", () => {
-      this.setState({
-        showPrivateConfirmDialog: 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
-    };
-  }
-
-  setPublic() {
-    const {
-      visibility,
-      onUpdateVisibility,
-      status
-    } = this.props;
-    onUpdateVisibility(visibility === 'private' ? 'draft' : status);
-    this.setState({
-      hasPassword: false
+function PostVisibility(_ref) {
+  let {
+    onClose
+  } = _ref;
+  const instanceId = (0, _compose.useInstanceId)(PostVisibility);
+  const {
+    status,
+    visibility,
+    password
+  } = (0, _data.useSelect)(select => ({
+    status: select(_store.store).getEditedPostAttribute('status'),
+    visibility: select(_store.store).getEditedPostVisibility(),
+    password: select(_store.store).getEditedPostAttribute('password')
+  }));
+  const {
+    editPost,
+    savePost
+  } = (0, _data.useDispatch)(_store.store);
+  const [hasPassword, setHasPassword] = (0, _element.useState)(!!password);
+  const [showPrivateConfirmDialog, setShowPrivateConfirmDialog] = (0, _element.useState)(false);
+
+  const setPublic = () => {
+    editPost({
+      status: visibility === 'private' ? 'draft' : status,
+      password: ''
     });
-  }
+    setHasPassword(false);
+  };
 
-  setPrivate() {
-    this.setState({
-      showPrivateConfirmDialog: true
-    });
-  }
-
-  setPasswordProtected() {
-    const {
-      visibility,
-      onUpdateVisibility,
-      status,
-      password
-    } = this.props;
-    onUpdateVisibility(visibility === 'private' ? 'draft' : status, password || '');
-    this.setState({
-      hasPassword: true
-    });
-  }
-
-  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 [(0, _element.createElement)("fieldset", {
-      key: "visibility-selector",
-      className: "editor-post-visibility__dialog-fieldset"
-    }, (0, _element.createElement)("legend", {
-      className: "editor-post-visibility__dialog-legend"
-    }, (0, _i18n.__)('Post Visibility')), _utils.visibilityOptions.map(_ref => {
-      let {
-        value,
-        label,
-        info
-      } = _ref;
-      return (0, _element.createElement)("div", {
-        key: value,
-        className: "editor-post-visibility__choice"
-      }, (0, _element.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"
-      }), (0, _element.createElement)("label", {
-        htmlFor: `editor-post-${value}-${instanceId}`,
-        className: "editor-post-visibility__dialog-label"
-      }, label), (0, _element.createElement)("p", {
-        id: `editor-post-${value}-${instanceId}-description`,
-        className: "editor-post-visibility__dialog-info"
-      }, info));
-    })), this.state.hasPassword && (0, _element.createElement)("div", {
-      className: "editor-post-visibility__dialog-password",
-      key: "password-selector"
-    }, (0, _element.createElement)(_components.VisuallyHidden, {
-      as: "label",
-      htmlFor: `editor-post-visibility__dialog-password-input-${instanceId}`
-    }, (0, _i18n.__)('Create password')), (0, _element.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: (0, _i18n.__)('Use a secure password')
-    })), (0, _element.createElement)(_components.__experimentalConfirmDialog, {
-      key: "private-publish-confirmation",
-      isOpen: this.state.showPrivateConfirmDialog,
-      onConfirm: this.confirmPrivate,
-      onCancel: this.handleDialogCancel
-    }, (0, _i18n.__)('Would you like to privately publish this post now?'))];
-  }
+  const setPrivate = () => {
+    setShowPrivateConfirmDialog(true);
+  };
 
-}
+  const confirmPrivate = () => {
+    editPost({
+      status: 'private',
+      password: ''
+    });
+    setHasPassword(false);
+    setShowPrivateConfirmDialog(false);
+    savePost();
+  };
 
-exports.PostVisibility = PostVisibility;
+  const handleDialogCancel = () => {
+    setShowPrivateConfirmDialog(false);
+  };
 
-var _default = (0, _compose.compose)([(0, _data.withSelect)(select => {
-  const {
-    getEditedPostAttribute,
-    getEditedPostVisibility
-  } = select(_store.store);
-  return {
-    status: getEditedPostAttribute('status'),
-    visibility: getEditedPostVisibility(),
-    password: getEditedPostAttribute('password')
+  const setPasswordProtected = () => {
+    editPost({
+      status: visibility === 'private' ? 'draft' : status,
+      password: password || ''
+    });
+    setHasPassword(true);
   };
-}), (0, _data.withDispatch)(dispatch => {
-  const {
-    savePost,
-    editPost
-  } = dispatch(_store.store);
-  return {
-    onSave: savePost,
-
-    onUpdateVisibility(status) {
-      let password = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
-      editPost({
-        status,
-        password
-      });
-    }
 
+  const updatePassword = event => {
+    editPost({
+      password: event.target.value
+    });
   };
-}), _compose.withInstanceId])(PostVisibility);
 
-exports.default = _default;
+  return (0, _element.createElement)(_element.Fragment, null, (0, _element.createElement)(_components.Button, {
+    className: "editor-post-visibility__close",
+    isSmall: true,
+    icon: _icons.close,
+    onClick: onClose
+  }), (0, _element.createElement)("fieldset", {
+    className: "editor-post-visibility__fieldset"
+  }, (0, _element.createElement)("legend", {
+    className: "editor-post-visibility__legend"
+  }, (0, _i18n.__)('Visibility')), (0, _element.createElement)("p", {
+    className: "editor-post-visibility__description"
+  }, (0, _i18n.__)('Control how this post is viewed.')), (0, _element.createElement)(PostVisibilityChoice, {
+    instanceId: instanceId,
+    value: "public",
+    label: _utils.visibilityOptions.public.label,
+    info: _utils.visibilityOptions.public.info,
+    checked: visibility === 'public' && !hasPassword,
+    onChange: setPublic
+  }), (0, _element.createElement)(PostVisibilityChoice, {
+    instanceId: instanceId,
+    value: "private",
+    label: _utils.visibilityOptions.private.label,
+    info: _utils.visibilityOptions.private.info,
+    checked: visibility === 'private',
+    onChange: setPrivate
+  }), (0, _element.createElement)(PostVisibilityChoice, {
+    instanceId: instanceId,
+    value: "password",
+    label: _utils.visibilityOptions.password.label,
+    info: _utils.visibilityOptions.password.info,
+    checked: hasPassword,
+    onChange: setPasswordProtected
+  }), hasPassword && (0, _element.createElement)("div", {
+    className: "editor-post-visibility__password"
+  }, (0, _element.createElement)(_components.VisuallyHidden, {
+    as: "label",
+    htmlFor: `editor-post-visibility__password-input-${instanceId}`
+  }, (0, _i18n.__)('Create password')), (0, _element.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, _element.createElement)(_components.__experimentalConfirmDialog, {
+    isOpen: showPrivateConfirmDialog,
+    onConfirm: confirmPrivate,
+    onCancel: handleDialogCancel
+  }, (0, _i18n.__)('Would you like to privately publish this post now?')));
+}
+
+function PostVisibilityChoice(_ref2) {
+  let {
+    instanceId,
+    value,
+    label,
+    info,
+    ...props
+  } = _ref2;
+  return (0, _element.createElement)("div", {
+    className: "editor-post-visibility__choice"
+  }, (0, _element.createElement)("input", (0, _extends2.default)({
+    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, _element.createElement)("label", {
+    htmlFor: `editor-post-${value}-${instanceId}`,
+    className: "editor-post-visibility__label"
+  }, label), (0, _element.createElement)("p", {
+    id: `editor-post-${value}-${instanceId}-description`,
+    className: "editor-post-visibility__info"
+  }, info));
+}
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/editor/src/components/post-visibility/index.js"],"names":["PostVisibility","Component","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","visibilityOptions","map","label","info","confirmPrivate","handleDialogCancel","select","getEditedPostAttribute","getEditedPostVisibility","editorStore","dispatch","savePost","editPost","withInstanceId"],"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":["PostVisibility","onClose","instanceId","status","visibility","password","select","editorStore","getEditedPostAttribute","getEditedPostVisibility","editPost","savePost","hasPassword","setHasPassword","showPrivateConfirmDialog","setShowPrivateConfirmDialog","setPublic","setPrivate","confirmPrivate","handleDialogCancel","setPasswordProtected","updatePassword","event","target","value","closeIcon","visibilityOptions","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/components/post-visibility/label.js

@@ -3,9 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
-
-var _lodash = require("lodash");
+exports.default = PostVisibilityLabel;
 
 var _data = require("@wordpress/data");
 
@@ -13,10 +11,6 @@ var _utils = require("./utils");
 
 var _store = require("../../store");
 
-/**
- * External dependencies
- */
-
 /**
  * WordPress dependencies
  */
@@ -24,21 +18,10 @@ var _store = require("../../store");
 /**
  * Internal dependencies
  */
-function PostVisibilityLabel(_ref) {
-  let {
-    visibility
-  } = _ref;
+function PostVisibilityLabel() {
+  var _visibilityOptions$vi;
 
-  const getVisibilityLabel = () => (0, _lodash.find)(_utils.visibilityOptions, {
-    value: visibility
-  }).label;
-
-  return getVisibilityLabel(visibility);
+  const visibility = (0, _data.useSelect)(select => select(_store.store).getEditedPostVisibility());
+  return (_visibilityOptions$vi = _utils.visibilityOptions[visibility]) === null || _visibilityOptions$vi === void 0 ? void 0 : _visibilityOptions$vi.label;
 }
-
-var _default = (0, _data.withSelect)(select => ({
-  visibility: select(_store.store).getEditedPostVisibility()
-}))(PostVisibilityLabel);
-
-exports.default = _default;
 //# sourceMappingURL=label.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/editor/src/components/post-visibility/label.js"],"names":["PostVisibilityLabel","visibility","getVisibilityLabel","visibilityOptions","value","label","select","editorStore","getEditedPostVisibility"],"mappings":";;;;;;;AAGA;;AAKA;;AAKA;;AACA;;AAdA;AACA;AACA;;AAGA;AACA;AACA;;AAGA;AACA;AACA;AAIA,SAASA,mBAAT,OAA+C;AAAA,MAAjB;AAAEC,IAAAA;AAAF,GAAiB;;AAC9C,QAAMC,kBAAkB,GAAG,MAC1B,kBAAMC,wBAAN,EAAyB;AAAEC,IAAAA,KAAK,EAAEH;AAAT,GAAzB,EAAiDI,KADlD;;AAGA,SAAOH,kBAAkB,CAAED,UAAF,CAAzB;AACA;;eAEc,sBAAcK,MAAF,KAAgB;AAC1CL,EAAAA,UAAU,EAAEK,MAAM,CAAEC,YAAF,CAAN,CAAsBC,uBAAtB;AAD8B,CAAhB,CAAZ,EAERR,mBAFQ,C","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":["PostVisibilityLabel","visibility","select","editorStore","getEditedPostVisibility","visibilityOptions","label"],"mappings":";;;;;;;AAGA;;AAKA;;AACA;;AATA;AACA;AACA;;AAGA;AACA;AACA;AAIe,SAASA,mBAAT,GAA+B;AAAA;;AAC7C,QAAMC,UAAU,GAAG,qBAAaC,MAAF,IAC7BA,MAAM,CAAEC,YAAF,CAAN,CAAsBC,uBAAtB,EADkB,CAAnB;AAGA,kCAAOC,yBAAmBJ,UAAnB,CAAP,0DAAO,sBAAiCK,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/components/post-visibility/utils.js

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

package/build/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":";;;;;;;AAGA;;AAHA;AACA;AACA;AAGO,MAAMA,iBAAiB,GAAG,CAChC;AACCC,EAAAA,KAAK,EAAE,QADR;AAECC,EAAAA,KAAK,EAAE,cAAI,QAAJ,CAFR;AAGCC,EAAAA,IAAI,EAAE,cAAI,sBAAJ;AAHP,CADgC,EAMhC;AACCF,EAAAA,KAAK,EAAE,SADR;AAECC,EAAAA,KAAK,EAAE,cAAI,SAAJ,CAFR;AAGCC,EAAAA,IAAI,EAAE,cAAI,0CAAJ;AAHP,CANgC,EAWhC;AACCF,EAAAA,KAAK,EAAE,UADR;AAECC,EAAAA,KAAK,EAAE,cAAI,oBAAJ,CAFR;AAGCC,EAAAA,IAAI,EAAE,cACL,wFADK;AAHP,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":";;;;;;;AAGA;;AAHA;AACA;AACA;AAGO,MAAMA,iBAAiB,GAAG;AAChCC,EAAAA,MAAM,EAAE;AACPC,IAAAA,KAAK,EAAE,cAAI,QAAJ,CADA;AAEPC,IAAAA,IAAI,EAAE,cAAI,sBAAJ;AAFC,GADwB;AAKhCC,EAAAA,OAAO,EAAE;AACRF,IAAAA,KAAK,EAAE,cAAI,SAAJ,CADC;AAERC,IAAAA,IAAI,EAAE,cAAI,0CAAJ;AAFE,GALuB;AAShCE,EAAAA,QAAQ,EAAE;AACTH,IAAAA,KAAK,EAAE,cAAI,oBAAJ,CADE;AAETC,IAAAA,IAAI,EAAE,cAAI,kDAAJ;AAFG;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"]}