@wordpress/editor 14.32.0 → 14.32.1-next.ff1cebbba.0

package/build-module/components/post-url/panel.js

@@ -1,127 +1,102 @@
-/**
- * WordPress dependencies
- */
-import { useMemo, useState } from '@wordpress/element';
-import { useSelect } from '@wordpress/data';
-import { Dropdown, Button, ExternalLink } from '@wordpress/components';
-import { __, sprintf } from '@wordpress/i18n';
-import { safeDecodeURIComponent } from '@wordpress/url';
-import { store as coreStore } from '@wordpress/core-data';
-
-/**
- * Internal dependencies
- */
-import PostURLCheck from './check';
-import PostURL from './index';
-import PostPanelRow from '../post-panel-row';
-import { store as editorStore } from '../../store';
-
-/**
- * Renders the `PostURLPanel` component.
- *
- * @return {React.ReactNode} The rendered PostURLPanel component.
- */
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-export default function PostURLPanel() {
-  const {
-    isFrontPage
-  } = useSelect(select => {
-    const {
-      getCurrentPostId
-    } = select(editorStore);
-    const {
-      getEditedEntityRecord,
-      canUser
-    } = select(coreStore);
-    const siteSettings = canUser('read', {
-      kind: 'root',
-      name: 'site'
-    }) ? getEditedEntityRecord('root', 'site') : undefined;
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { useMemo, useState } from "@wordpress/element";
+import { useSelect } from "@wordpress/data";
+import { Dropdown, Button, ExternalLink } from "@wordpress/components";
+import { __, sprintf } from "@wordpress/i18n";
+import { safeDecodeURIComponent } from "@wordpress/url";
+import { store as coreStore } from "@wordpress/core-data";
+import PostURLCheck from "./check";
+import PostURL from "./index";
+import PostPanelRow from "../post-panel-row";
+import { store as editorStore } from "../../store";
+function PostURLPanel() {
+  const { isFrontPage } = useSelect((select) => {
+    const { getCurrentPostId } = select(editorStore);
+    const { getEditedEntityRecord, canUser } = select(coreStore);
+    const siteSettings = canUser("read", {
+      kind: "root",
+      name: "site"
+    }) ? getEditedEntityRecord("root", "site") : void 0;
     const _id = getCurrentPostId();
     return {
       isFrontPage: siteSettings?.page_on_front === _id
     };
   }, []);
-  // Use internal state instead of a ref to make sure that the component
-  // re-renders when the popover's anchor updates.
   const [popoverAnchor, setPopoverAnchor] = useState(null);
-  // Memoize popoverProps to avoid returning a new object every time.
-  const popoverProps = useMemo(() => ({
-    // Anchor the popover to the middle of the entire row so that it doesn't
-    // move around when the label changes.
-    anchor: popoverAnchor,
-    placement: 'left-start',
-    offset: 36,
-    shift: true
-  }), [popoverAnchor]);
-  const label = isFrontPage ? __('Link') : __('Slug');
-  return /*#__PURE__*/_jsx(PostURLCheck, {
-    children: /*#__PURE__*/_jsxs(PostPanelRow, {
-      label: label,
-      ref: setPopoverAnchor,
-      children: [!isFrontPage && /*#__PURE__*/_jsx(Dropdown, {
-        popoverProps: popoverProps,
+  const popoverProps = useMemo(
+    () => ({
+      // Anchor the popover to the middle of the entire row so that it doesn't
+      // move around when the label changes.
+      anchor: popoverAnchor,
+      placement: "left-start",
+      offset: 36,
+      shift: true
+    }),
+    [popoverAnchor]
+  );
+  const label = isFrontPage ? __("Link") : __("Slug");
+  return /* @__PURE__ */ jsx(PostURLCheck, { children: /* @__PURE__ */ jsxs(PostPanelRow, { label, ref: setPopoverAnchor, children: [
+    !isFrontPage && /* @__PURE__ */ jsx(
+      Dropdown,
+      {
+        popoverProps,
         className: "editor-post-url__panel-dropdown",
         contentClassName: "editor-post-url__panel-dialog",
         focusOnMount: true,
-        renderToggle: ({
-          isOpen,
-          onToggle
-        }) => /*#__PURE__*/_jsx(PostURLToggle, {
-          isOpen: isOpen,
-          onClick: onToggle
-        }),
-        renderContent: ({
-          onClose
-        }) => /*#__PURE__*/_jsx(PostURL, {
-          onClose: onClose
-        })
-      }), isFrontPage && /*#__PURE__*/_jsx(FrontPageLink, {})]
-    })
-  });
+        renderToggle: ({ isOpen, onToggle }) => /* @__PURE__ */ jsx(
+          PostURLToggle,
+          {
+            isOpen,
+            onClick: onToggle
+          }
+        ),
+        renderContent: ({ onClose }) => /* @__PURE__ */ jsx(PostURL, { onClose })
+      }
+    ),
+    isFrontPage && /* @__PURE__ */ jsx(FrontPageLink, {})
+  ] }) });
 }
-function PostURLToggle({
-  isOpen,
-  onClick
-}) {
-  const {
-    slug
-  } = useSelect(select => {
+function PostURLToggle({ isOpen, onClick }) {
+  const { slug } = useSelect((select) => {
     return {
       slug: select(editorStore).getEditedPostSlug()
     };
   }, []);
   const decodedSlug = safeDecodeURIComponent(slug);
-  return /*#__PURE__*/_jsx(Button, {
-    size: "compact",
-    className: "editor-post-url__panel-toggle",
-    variant: "tertiary",
-    "aria-expanded": isOpen,
-    "aria-label":
-    // translators: %s: Current post link.
-    sprintf(__('Change link: %s'), decodedSlug),
-    onClick: onClick,
-    children: /*#__PURE__*/_jsx(_Fragment, {
-      children: decodedSlug
-    })
-  });
+  return /* @__PURE__ */ jsx(
+    Button,
+    {
+      size: "compact",
+      className: "editor-post-url__panel-toggle",
+      variant: "tertiary",
+      "aria-expanded": isOpen,
+      "aria-label": (
+        // translators: %s: Current post link.
+        sprintf(__("Change link: %s"), decodedSlug)
+      ),
+      onClick,
+      children: /* @__PURE__ */ jsx(Fragment, { children: decodedSlug })
+    }
+  );
 }
 function FrontPageLink() {
-  const {
-    postLink
-  } = useSelect(select => {
-    const {
-      getCurrentPost
-    } = select(editorStore);
+  const { postLink } = useSelect((select) => {
+    const { getCurrentPost } = select(editorStore);
     return {
       postLink: getCurrentPost()?.link
     };
   }, []);
-  return /*#__PURE__*/_jsx(ExternalLink, {
-    className: "editor-post-url__front-page-link",
-    href: postLink,
-    target: "_blank",
-    children: postLink
-  });
+  return /* @__PURE__ */ jsx(
+    ExternalLink,
+    {
+      className: "editor-post-url__front-page-link",
+      href: postLink,
+      target: "_blank",
+      children: postLink
+    }
+  );
 }
-//# sourceMappingURL=panel.js.map
+export {
+  PostURLPanel as default
+};
+//# sourceMappingURL=panel.js.map

package/build-module/components/post-url/panel.js.map

@@ -1 +1,7 @@
-{"version":3,"names":["useMemo","useState","useSelect","Dropdown","Button","ExternalLink","__","sprintf","safeDecodeURIComponent","store","coreStore","PostURLCheck","PostURL","PostPanelRow","editorStore","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","PostURLPanel","isFrontPage","select","getCurrentPostId","getEditedEntityRecord","canUser","siteSettings","kind","name","undefined","_id","page_on_front","popoverAnchor","setPopoverAnchor","popoverProps","anchor","placement","offset","shift","label","children","ref","className","contentClassName","focusOnMount","renderToggle","isOpen","onToggle","PostURLToggle","onClick","renderContent","onClose","FrontPageLink","slug","getEditedPostSlug","decodedSlug","size","variant","postLink","getCurrentPost","link","href","target"],"sources":["@wordpress/editor/src/components/post-url/panel.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useMemo, useState } from '@wordpress/element';\nimport { useSelect } from '@wordpress/data';\nimport { Dropdown, Button, ExternalLink } from '@wordpress/components';\nimport { __, sprintf } from '@wordpress/i18n';\nimport { safeDecodeURIComponent } from '@wordpress/url';\nimport { store as coreStore } from '@wordpress/core-data';\n\n/**\n * Internal dependencies\n */\nimport PostURLCheck from './check';\nimport PostURL from './index';\nimport PostPanelRow from '../post-panel-row';\nimport { store as editorStore } from '../../store';\n\n/**\n * Renders the `PostURLPanel` component.\n *\n * @return {React.ReactNode} The rendered PostURLPanel component.\n */\nexport default function PostURLPanel() {\n\tconst { isFrontPage } = useSelect( ( select ) => {\n\t\tconst { getCurrentPostId } = select( editorStore );\n\t\tconst { getEditedEntityRecord, canUser } = select( coreStore );\n\t\tconst siteSettings = canUser( 'read', {\n\t\t\tkind: 'root',\n\t\t\tname: 'site',\n\t\t} )\n\t\t\t? getEditedEntityRecord( 'root', 'site' )\n\t\t\t: undefined;\n\t\tconst _id = getCurrentPostId();\n\t\treturn {\n\t\t\tisFrontPage: siteSettings?.page_on_front === _id,\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\tconst label = isFrontPage ? __( 'Link' ) : __( 'Slug' );\n\n\treturn (\n\t\t<PostURLCheck>\n\t\t\t<PostPanelRow label={ label } ref={ setPopoverAnchor }>\n\t\t\t\t{ ! isFrontPage && (\n\t\t\t\t\t<Dropdown\n\t\t\t\t\t\tpopoverProps={ popoverProps }\n\t\t\t\t\t\tclassName=\"editor-post-url__panel-dropdown\"\n\t\t\t\t\t\tcontentClassName=\"editor-post-url__panel-dialog\"\n\t\t\t\t\t\tfocusOnMount\n\t\t\t\t\t\trenderToggle={ ( { isOpen, onToggle } ) => (\n\t\t\t\t\t\t\t<PostURLToggle\n\t\t\t\t\t\t\t\tisOpen={ isOpen }\n\t\t\t\t\t\t\t\tonClick={ onToggle }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t) }\n\t\t\t\t\t\trenderContent={ ( { onClose } ) => (\n\t\t\t\t\t\t\t<PostURL onClose={ onClose } />\n\t\t\t\t\t\t) }\n\t\t\t\t\t/>\n\t\t\t\t) }\n\t\t\t\t{ isFrontPage && <FrontPageLink /> }\n\t\t\t</PostPanelRow>\n\t\t</PostURLCheck>\n\t);\n}\n\nfunction PostURLToggle( { isOpen, onClick } ) {\n\tconst { slug } = useSelect( ( select ) => {\n\t\treturn {\n\t\t\tslug: select( editorStore ).getEditedPostSlug(),\n\t\t};\n\t}, [] );\n\tconst decodedSlug = safeDecodeURIComponent( slug );\n\treturn (\n\t\t<Button\n\t\t\tsize=\"compact\"\n\t\t\tclassName=\"editor-post-url__panel-toggle\"\n\t\t\tvariant=\"tertiary\"\n\t\t\taria-expanded={ isOpen }\n\t\t\taria-label={\n\t\t\t\t// translators: %s: Current post link.\n\t\t\t\tsprintf( __( 'Change link: %s' ), decodedSlug )\n\t\t\t}\n\t\t\tonClick={ onClick }\n\t\t>\n\t\t\t<>{ decodedSlug }</>\n\t\t</Button>\n\t);\n}\n\nfunction FrontPageLink() {\n\tconst { postLink } = useSelect( ( select ) => {\n\t\tconst { getCurrentPost } = select( editorStore );\n\t\treturn {\n\t\t\tpostLink: getCurrentPost()?.link,\n\t\t};\n\t}, [] );\n\n\treturn (\n\t\t<ExternalLink\n\t\t\tclassName=\"editor-post-url__front-page-link\"\n\t\t\thref={ postLink }\n\t\t\ttarget=\"_blank\"\n\t\t>\n\t\t\t{ postLink }\n\t\t</ExternalLink>\n\t);\n}\n"],"mappings":"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","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../../src/components/post-url/panel.js"],
+  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { useMemo, useState } from '@wordpress/element';\nimport { useSelect } from '@wordpress/data';\nimport { Dropdown, Button, ExternalLink } from '@wordpress/components';\nimport { __, sprintf } from '@wordpress/i18n';\nimport { safeDecodeURIComponent } from '@wordpress/url';\nimport { store as coreStore } from '@wordpress/core-data';\n\n/**\n * Internal dependencies\n */\nimport PostURLCheck from './check';\nimport PostURL from './index';\nimport PostPanelRow from '../post-panel-row';\nimport { store as editorStore } from '../../store';\n\n/**\n * Renders the `PostURLPanel` component.\n *\n * @return {React.ReactNode} The rendered PostURLPanel component.\n */\nexport default function PostURLPanel() {\n\tconst { isFrontPage } = useSelect( ( select ) => {\n\t\tconst { getCurrentPostId } = select( editorStore );\n\t\tconst { getEditedEntityRecord, canUser } = select( coreStore );\n\t\tconst siteSettings = canUser( 'read', {\n\t\t\tkind: 'root',\n\t\t\tname: 'site',\n\t\t} )\n\t\t\t? getEditedEntityRecord( 'root', 'site' )\n\t\t\t: undefined;\n\t\tconst _id = getCurrentPostId();\n\t\treturn {\n\t\t\tisFrontPage: siteSettings?.page_on_front === _id,\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\tconst label = isFrontPage ? __( 'Link' ) : __( 'Slug' );\n\n\treturn (\n\t\t<PostURLCheck>\n\t\t\t<PostPanelRow label={ label } ref={ setPopoverAnchor }>\n\t\t\t\t{ ! isFrontPage && (\n\t\t\t\t\t<Dropdown\n\t\t\t\t\t\tpopoverProps={ popoverProps }\n\t\t\t\t\t\tclassName=\"editor-post-url__panel-dropdown\"\n\t\t\t\t\t\tcontentClassName=\"editor-post-url__panel-dialog\"\n\t\t\t\t\t\tfocusOnMount\n\t\t\t\t\t\trenderToggle={ ( { isOpen, onToggle } ) => (\n\t\t\t\t\t\t\t<PostURLToggle\n\t\t\t\t\t\t\t\tisOpen={ isOpen }\n\t\t\t\t\t\t\t\tonClick={ onToggle }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t) }\n\t\t\t\t\t\trenderContent={ ( { onClose } ) => (\n\t\t\t\t\t\t\t<PostURL onClose={ onClose } />\n\t\t\t\t\t\t) }\n\t\t\t\t\t/>\n\t\t\t\t) }\n\t\t\t\t{ isFrontPage && <FrontPageLink /> }\n\t\t\t</PostPanelRow>\n\t\t</PostURLCheck>\n\t);\n}\n\nfunction PostURLToggle( { isOpen, onClick } ) {\n\tconst { slug } = useSelect( ( select ) => {\n\t\treturn {\n\t\t\tslug: select( editorStore ).getEditedPostSlug(),\n\t\t};\n\t}, [] );\n\tconst decodedSlug = safeDecodeURIComponent( slug );\n\treturn (\n\t\t<Button\n\t\t\tsize=\"compact\"\n\t\t\tclassName=\"editor-post-url__panel-toggle\"\n\t\t\tvariant=\"tertiary\"\n\t\t\taria-expanded={ isOpen }\n\t\t\taria-label={\n\t\t\t\t// translators: %s: Current post link.\n\t\t\t\tsprintf( __( 'Change link: %s' ), decodedSlug )\n\t\t\t}\n\t\t\tonClick={ onClick }\n\t\t>\n\t\t\t<>{ decodedSlug }</>\n\t\t</Button>\n\t);\n}\n\nfunction FrontPageLink() {\n\tconst { postLink } = useSelect( ( select ) => {\n\t\tconst { getCurrentPost } = select( editorStore );\n\t\treturn {\n\t\t\tpostLink: getCurrentPost()?.link,\n\t\t};\n\t}, [] );\n\n\treturn (\n\t\t<ExternalLink\n\t\t\tclassName=\"editor-post-url__front-page-link\"\n\t\t\thref={ postLink }\n\t\t\ttarget=\"_blank\"\n\t\t>\n\t\t\t{ postLink }\n\t\t</ExternalLink>\n\t);\n}\n"],
+  "mappings": "AA0DG,SA2CA,UAnCI,KARJ;AAvDH,SAAS,SAAS,gBAAgB;AAClC,SAAS,iBAAiB;AAC1B,SAAS,UAAU,QAAQ,oBAAoB;AAC/C,SAAS,IAAI,eAAe;AAC5B,SAAS,8BAA8B;AACvC,SAAS,SAAS,iBAAiB;AAKnC,OAAO,kBAAkB;AACzB,OAAO,aAAa;AACpB,OAAO,kBAAkB;AACzB,SAAS,SAAS,mBAAmB;AAOtB,SAAR,eAAgC;AACtC,QAAM,EAAE,YAAY,IAAI,UAAW,CAAE,WAAY;AAChD,UAAM,EAAE,iBAAiB,IAAI,OAAQ,WAAY;AACjD,UAAM,EAAE,uBAAuB,QAAQ,IAAI,OAAQ,SAAU;AAC7D,UAAM,eAAe,QAAS,QAAQ;AAAA,MACrC,MAAM;AAAA,MACN,MAAM;AAAA,IACP,CAAE,IACC,sBAAuB,QAAQ,MAAO,IACtC;AACH,UAAM,MAAM,iBAAiB;AAC7B,WAAO;AAAA,MACN,aAAa,cAAc,kBAAkB;AAAA,IAC9C;AAAA,EACD,GAAG,CAAC,CAAE;AAGN,QAAM,CAAE,eAAe,gBAAiB,IAAI,SAAU,IAAK;AAE3D,QAAM,eAAe;AAAA,IACpB,OAAQ;AAAA;AAAA;AAAA,MAGP,QAAQ;AAAA,MACR,WAAW;AAAA,MACX,QAAQ;AAAA,MACR,OAAO;AAAA,IACR;AAAA,IACA,CAAE,aAAc;AAAA,EACjB;AAEA,QAAM,QAAQ,cAAc,GAAI,MAAO,IAAI,GAAI,MAAO;AAEtD,SACC,oBAAC,gBACA,+BAAC,gBAAa,OAAgB,KAAM,kBACjC;AAAA,KAAE,eACH;AAAA,MAAC;AAAA;AAAA,QACA;AAAA,QACA,WAAU;AAAA,QACV,kBAAiB;AAAA,QACjB,cAAY;AAAA,QACZ,cAAe,CAAE,EAAE,QAAQ,SAAS,MACnC;AAAA,UAAC;AAAA;AAAA,YACA;AAAA,YACA,SAAU;AAAA;AAAA,QACX;AAAA,QAED,eAAgB,CAAE,EAAE,QAAQ,MAC3B,oBAAC,WAAQ,SAAoB;AAAA;AAAA,IAE/B;AAAA,IAEC,eAAe,oBAAC,iBAAc;AAAA,KACjC,GACD;AAEF;AAEA,SAAS,cAAe,EAAE,QAAQ,QAAQ,GAAI;AAC7C,QAAM,EAAE,KAAK,IAAI,UAAW,CAAE,WAAY;AACzC,WAAO;AAAA,MACN,MAAM,OAAQ,WAAY,EAAE,kBAAkB;AAAA,IAC/C;AAAA,EACD,GAAG,CAAC,CAAE;AACN,QAAM,cAAc,uBAAwB,IAAK;AACjD,SACC;AAAA,IAAC;AAAA;AAAA,MACA,MAAK;AAAA,MACL,WAAU;AAAA,MACV,SAAQ;AAAA,MACR,iBAAgB;AAAA,MAChB;AAAA;AAAA,QAEC,QAAS,GAAI,iBAAkB,GAAG,WAAY;AAAA;AAAA,MAE/C;AAAA,MAEA,0CAAI,uBAAa;AAAA;AAAA,EAClB;AAEF;AAEA,SAAS,gBAAgB;AACxB,QAAM,EAAE,SAAS,IAAI,UAAW,CAAE,WAAY;AAC7C,UAAM,EAAE,eAAe,IAAI,OAAQ,WAAY;AAC/C,WAAO;AAAA,MACN,UAAU,eAAe,GAAG;AAAA,IAC7B;AAAA,EACD,GAAG,CAAC,CAAE;AAEN,SACC;AAAA,IAAC;AAAA;AAAA,MACA,WAAU;AAAA,MACV,MAAO;AAAA,MACP,QAAO;AAAA,MAEL;AAAA;AAAA,EACH;AAEF;",
+  "names": []
+}

package/build-module/components/post-view-link/index.js

@@ -1,52 +1,40 @@
-/**
- * WordPress dependencies
- */
-import { __ } from '@wordpress/i18n';
-import { Button } from '@wordpress/components';
-import { external } from '@wordpress/icons';
-import { store as coreStore } from '@wordpress/core-data';
-import { useSelect } from '@wordpress/data';
-import { store as preferencesStore } from '@wordpress/preferences';
-
-/**
- * Internal dependencies
- */
-import { store as editorStore } from '../../store';
-import { jsx as _jsx } from "react/jsx-runtime";
-export default function PostViewLink() {
-  const {
-    hasLoaded,
-    permalink,
-    isPublished,
-    label,
-    showIconLabels
-  } = useSelect(select => {
-    // Grab post type to retrieve the view_item label.
+import { jsx } from "react/jsx-runtime";
+import { __ } from "@wordpress/i18n";
+import { Button } from "@wordpress/components";
+import { external } from "@wordpress/icons";
+import { store as coreStore } from "@wordpress/core-data";
+import { useSelect } from "@wordpress/data";
+import { store as preferencesStore } from "@wordpress/preferences";
+import { store as editorStore } from "../../store";
+function PostViewLink() {
+  const { hasLoaded, permalink, isPublished, label, showIconLabels } = useSelect((select) => {
     const postTypeSlug = select(editorStore).getCurrentPostType();
     const postType = select(coreStore).getPostType(postTypeSlug);
-    const {
-      get
-    } = select(preferencesStore);
+    const { get } = select(preferencesStore);
     return {
       permalink: select(editorStore).getPermalink(),
       isPublished: select(editorStore).isCurrentPostPublished(),
       label: postType?.labels.view_item,
       hasLoaded: !!postType,
-      showIconLabels: get('core', 'showIconLabels')
+      showIconLabels: get("core", "showIconLabels")
     };
   }, []);
-
-  // Only render the view button if the post is published and has a permalink.
   if (!isPublished || !permalink || !hasLoaded) {
     return null;
   }
-  return /*#__PURE__*/_jsx(Button, {
-    icon: external,
-    label: label || __('View post'),
-    href: permalink,
-    target: "_blank",
-    showTooltip: !showIconLabels,
-    size: "compact"
-  });
+  return /* @__PURE__ */ jsx(
+    Button,
+    {
+      icon: external,
+      label: label || __("View post"),
+      href: permalink,
+      target: "_blank",
+      showTooltip: !showIconLabels,
+      size: "compact"
+    }
+  );
 }
-//# sourceMappingURL=index.js.map
+export {
+  PostViewLink as default
+};
+//# sourceMappingURL=index.js.map

package/build-module/components/post-view-link/index.js.map

@@ -1 +1,7 @@
-{"version":3,"names":["__","Button","external","store","coreStore","useSelect","preferencesStore","editorStore","jsx","_jsx","PostViewLink","hasLoaded","permalink","isPublished","label","showIconLabels","select","postTypeSlug","getCurrentPostType","postType","getPostType","get","getPermalink","isCurrentPostPublished","labels","view_item","icon","href","target","showTooltip","size"],"sources":["@wordpress/editor/src/components/post-view-link/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { Button } from '@wordpress/components';\nimport { external } from '@wordpress/icons';\nimport { store as coreStore } from '@wordpress/core-data';\nimport { useSelect } from '@wordpress/data';\nimport { store as preferencesStore } from '@wordpress/preferences';\n\n/**\n * Internal dependencies\n */\nimport { store as editorStore } from '../../store';\n\nexport default function PostViewLink() {\n\tconst { hasLoaded, permalink, isPublished, label, showIconLabels } =\n\t\tuseSelect( ( select ) => {\n\t\t\t// Grab post type to retrieve the view_item label.\n\t\t\tconst postTypeSlug = select( editorStore ).getCurrentPostType();\n\t\t\tconst postType = select( coreStore ).getPostType( postTypeSlug );\n\t\t\tconst { get } = select( preferencesStore );\n\n\t\t\treturn {\n\t\t\t\tpermalink: select( editorStore ).getPermalink(),\n\t\t\t\tisPublished: select( editorStore ).isCurrentPostPublished(),\n\t\t\t\tlabel: postType?.labels.view_item,\n\t\t\t\thasLoaded: !! postType,\n\t\t\t\tshowIconLabels: get( 'core', 'showIconLabels' ),\n\t\t\t};\n\t\t}, [] );\n\n\t// Only render the view button if the post is published and has a permalink.\n\tif ( ! isPublished || ! permalink || ! hasLoaded ) {\n\t\treturn null;\n\t}\n\n\treturn (\n\t\t<Button\n\t\t\ticon={ external }\n\t\t\tlabel={ label || __( 'View post' ) }\n\t\t\thref={ permalink }\n\t\t\ttarget=\"_blank\"\n\t\t\tshowTooltip={ ! showIconLabels }\n\t\t\tsize=\"compact\"\n\t\t/>\n\t);\n}\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,EAAE,QAAQ,iBAAiB;AACpC,SAASC,MAAM,QAAQ,uBAAuB;AAC9C,SAASC,QAAQ,QAAQ,kBAAkB;AAC3C,SAASC,KAAK,IAAIC,SAAS,QAAQ,sBAAsB;AACzD,SAASC,SAAS,QAAQ,iBAAiB;AAC3C,SAASF,KAAK,IAAIG,gBAAgB,QAAQ,wBAAwB;;AAElE;AACA;AACA;AACA,SAASH,KAAK,IAAII,WAAW,QAAQ,aAAa;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAEnD,eAAe,SAASC,YAAYA,CAAA,EAAG;EACtC,MAAM;IAAEC,SAAS;IAAEC,SAAS;IAAEC,WAAW;IAAEC,KAAK;IAAEC;EAAe,CAAC,GACjEV,SAAS,CAAIW,MAAM,IAAM;IACxB;IACA,MAAMC,YAAY,GAAGD,MAAM,CAAET,WAAY,CAAC,CAACW,kBAAkB,CAAC,CAAC;IAC/D,MAAMC,QAAQ,GAAGH,MAAM,CAAEZ,SAAU,CAAC,CAACgB,WAAW,CAAEH,YAAa,CAAC;IAChE,MAAM;MAAEI;IAAI,CAAC,GAAGL,MAAM,CAAEV,gBAAiB,CAAC;IAE1C,OAAO;MACNM,SAAS,EAAEI,MAAM,CAAET,WAAY,CAAC,CAACe,YAAY,CAAC,CAAC;MAC/CT,WAAW,EAAEG,MAAM,CAAET,WAAY,CAAC,CAACgB,sBAAsB,CAAC,CAAC;MAC3DT,KAAK,EAAEK,QAAQ,EAAEK,MAAM,CAACC,SAAS;MACjCd,SAAS,EAAE,CAAC,CAAEQ,QAAQ;MACtBJ,cAAc,EAAEM,GAAG,CAAE,MAAM,EAAE,gBAAiB;IAC/C,CAAC;EACF,CAAC,EAAE,EAAG,CAAC;;EAER;EACA,IAAK,CAAER,WAAW,IAAI,CAAED,SAAS,IAAI,CAAED,SAAS,EAAG;IAClD,OAAO,IAAI;EACZ;EAEA,oBACCF,IAAA,CAACR,MAAM;IACNyB,IAAI,EAAGxB,QAAU;IACjBY,KAAK,EAAGA,KAAK,IAAId,EAAE,CAAE,WAAY,CAAG;IACpC2B,IAAI,EAAGf,SAAW;IAClBgB,MAAM,EAAC,QAAQ;IACfC,WAAW,EAAG,CAAEd,cAAgB;IAChCe,IAAI,EAAC;EAAS,CACd,CAAC;AAEJ","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../../src/components/post-view-link/index.js"],
+  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { Button } from '@wordpress/components';\nimport { external } from '@wordpress/icons';\nimport { store as coreStore } from '@wordpress/core-data';\nimport { useSelect } from '@wordpress/data';\nimport { store as preferencesStore } from '@wordpress/preferences';\n\n/**\n * Internal dependencies\n */\nimport { store as editorStore } from '../../store';\n\nexport default function PostViewLink() {\n\tconst { hasLoaded, permalink, isPublished, label, showIconLabels } =\n\t\tuseSelect( ( select ) => {\n\t\t\t// Grab post type to retrieve the view_item label.\n\t\t\tconst postTypeSlug = select( editorStore ).getCurrentPostType();\n\t\t\tconst postType = select( coreStore ).getPostType( postTypeSlug );\n\t\t\tconst { get } = select( preferencesStore );\n\n\t\t\treturn {\n\t\t\t\tpermalink: select( editorStore ).getPermalink(),\n\t\t\t\tisPublished: select( editorStore ).isCurrentPostPublished(),\n\t\t\t\tlabel: postType?.labels.view_item,\n\t\t\t\thasLoaded: !! postType,\n\t\t\t\tshowIconLabels: get( 'core', 'showIconLabels' ),\n\t\t\t};\n\t\t}, [] );\n\n\t// Only render the view button if the post is published and has a permalink.\n\tif ( ! isPublished || ! permalink || ! hasLoaded ) {\n\t\treturn null;\n\t}\n\n\treturn (\n\t\t<Button\n\t\t\ticon={ external }\n\t\t\tlabel={ label || __( 'View post' ) }\n\t\t\thref={ permalink }\n\t\t\ttarget=\"_blank\"\n\t\t\tshowTooltip={ ! showIconLabels }\n\t\t\tsize=\"compact\"\n\t\t/>\n\t);\n}\n"],
+  "mappings": "AAsCE;AAnCF,SAAS,UAAU;AACnB,SAAS,cAAc;AACvB,SAAS,gBAAgB;AACzB,SAAS,SAAS,iBAAiB;AACnC,SAAS,iBAAiB;AAC1B,SAAS,SAAS,wBAAwB;AAK1C,SAAS,SAAS,mBAAmB;AAEtB,SAAR,eAAgC;AACtC,QAAM,EAAE,WAAW,WAAW,aAAa,OAAO,eAAe,IAChE,UAAW,CAAE,WAAY;AAExB,UAAM,eAAe,OAAQ,WAAY,EAAE,mBAAmB;AAC9D,UAAM,WAAW,OAAQ,SAAU,EAAE,YAAa,YAAa;AAC/D,UAAM,EAAE,IAAI,IAAI,OAAQ,gBAAiB;AAEzC,WAAO;AAAA,MACN,WAAW,OAAQ,WAAY,EAAE,aAAa;AAAA,MAC9C,aAAa,OAAQ,WAAY,EAAE,uBAAuB;AAAA,MAC1D,OAAO,UAAU,OAAO;AAAA,MACxB,WAAW,CAAC,CAAE;AAAA,MACd,gBAAgB,IAAK,QAAQ,gBAAiB;AAAA,IAC/C;AAAA,EACD,GAAG,CAAC,CAAE;AAGP,MAAK,CAAE,eAAe,CAAE,aAAa,CAAE,WAAY;AAClD,WAAO;AAAA,EACR;AAEA,SACC;AAAA,IAAC;AAAA;AAAA,MACA,MAAO;AAAA,MACP,OAAQ,SAAS,GAAI,WAAY;AAAA,MACjC,MAAO;AAAA,MACP,QAAO;AAAA,MACP,aAAc,CAAE;AAAA,MAChB,MAAK;AAAA;AAAA,EACN;AAEF;",
+  "names": []
+}

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

@@ -1,31 +1,12 @@
-/**
- * WordPress dependencies
- */
-import { useSelect } from '@wordpress/data';
-
-/**
- * Internal dependencies
- */
-import { store as editorStore } from '../../store';
-
-/**
- * Determines if the current post can be edited (published)
- * and passes this information to the provided render function.
- *
- * @param {Object}   props        The component props.
- * @param {Function} props.render Function to render the component.
- *                                Receives an object with a `canEdit` property.
- * @return {React.ReactNode} The rendered component.
- */
-export default function PostVisibilityCheck({
-  render
-}) {
-  const canEdit = useSelect(select => {
-    var _select$getCurrentPos;
-    return (_select$getCurrentPos = select(editorStore).getCurrentPost()._links?.['wp:action-publish']) !== null && _select$getCurrentPos !== void 0 ? _select$getCurrentPos : false;
-  });
-  return render({
-    canEdit
+import { useSelect } from "@wordpress/data";
+import { store as editorStore } from "../../store";
+function PostVisibilityCheck({ render }) {
+  const canEdit = useSelect((select) => {
+    return select(editorStore).getCurrentPost()._links?.["wp:action-publish"] ?? false;
   });
+  return render({ canEdit });
 }
-//# sourceMappingURL=check.js.map
+export {
+  PostVisibilityCheck as default
+};
+//# sourceMappingURL=check.js.map

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

@@ -1 +1,7 @@
-{"version":3,"names":["useSelect","store","editorStore","PostVisibilityCheck","render","canEdit","select","_select$getCurrentPos","getCurrentPost","_links"],"sources":["@wordpress/editor/src/components/post-visibility/check.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useSelect } from '@wordpress/data';\n\n/**\n * Internal dependencies\n */\nimport { store as editorStore } from '../../store';\n\n/**\n * Determines if the current post can be edited (published)\n * and passes this information to the provided render function.\n *\n * @param {Object}   props        The component props.\n * @param {Function} props.render Function to render the component.\n *                                Receives an object with a `canEdit` property.\n * @return {React.ReactNode} The rendered component.\n */\nexport default function PostVisibilityCheck( { render } ) {\n\tconst canEdit = useSelect( ( select ) => {\n\t\treturn (\n\t\t\tselect( editorStore ).getCurrentPost()._links?.[\n\t\t\t\t'wp:action-publish'\n\t\t\t] ?? false\n\t\t);\n\t} );\n\n\treturn render( { canEdit } );\n}\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,SAAS,QAAQ,iBAAiB;;AAE3C;AACA;AACA;AACA,SAASC,KAAK,IAAIC,WAAW,QAAQ,aAAa;;AAElD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,eAAe,SAASC,mBAAmBA,CAAE;EAAEC;AAAO,CAAC,EAAG;EACzD,MAAMC,OAAO,GAAGL,SAAS,CAAIM,MAAM,IAAM;IAAA,IAAAC,qBAAA;IACxC,QAAAA,qBAAA,GACCD,MAAM,CAAEJ,WAAY,CAAC,CAACM,cAAc,CAAC,CAAC,CAACC,MAAM,GAC5C,mBAAmB,CACnB,cAAAF,qBAAA,cAAAA,qBAAA,GAAI,KAAK;EAEZ,CAAE,CAAC;EAEH,OAAOH,MAAM,CAAE;IAAEC;EAAQ,CAAE,CAAC;AAC7B","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../../src/components/post-visibility/check.js"],
+  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { useSelect } from '@wordpress/data';\n\n/**\n * Internal dependencies\n */\nimport { store as editorStore } from '../../store';\n\n/**\n * Determines if the current post can be edited (published)\n * and passes this information to the provided render function.\n *\n * @param {Object}   props        The component props.\n * @param {Function} props.render Function to render the component.\n *                                Receives an object with a `canEdit` property.\n * @return {React.ReactNode} The rendered component.\n */\nexport default function PostVisibilityCheck( { render } ) {\n\tconst canEdit = useSelect( ( select ) => {\n\t\treturn (\n\t\t\tselect( editorStore ).getCurrentPost()._links?.[\n\t\t\t\t'wp:action-publish'\n\t\t\t] ?? false\n\t\t);\n\t} );\n\n\treturn render( { canEdit } );\n}\n"],
+  "mappings": "AAGA,SAAS,iBAAiB;AAK1B,SAAS,SAAS,mBAAmB;AAWtB,SAAR,oBAAsC,EAAE,OAAO,GAAI;AACzD,QAAM,UAAU,UAAW,CAAE,WAAY;AACxC,WACC,OAAQ,WAAY,EAAE,eAAe,EAAE,SACtC,mBACD,KAAK;AAAA,EAEP,CAAE;AAEF,SAAO,OAAQ,EAAE,QAAQ,CAAE;AAC5B;",
+  "names": []
+}

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

@@ -1,93 +1,81 @@
-/**
- * WordPress dependencies
- */
-import { __ } from '@wordpress/i18n';
-import { useState } from '@wordpress/element';
-import { TextControl, RadioControl, __experimentalVStack as VStack } from '@wordpress/components';
-import { useInstanceId } from '@wordpress/compose';
-import { useSelect, useDispatch } from '@wordpress/data';
-import { __experimentalInspectorPopoverHeader as InspectorPopoverHeader } from '@wordpress/block-editor';
-
-/**
- * Internal dependencies
- */
-import { VISIBILITY_OPTIONS } from './utils';
-import { store as editorStore } from '../../store';
-
-/**
- * Allows users to set the visibility of a post.
- *
- * @param {Object}   props         The component props.
- * @param {Function} props.onClose Function to call when the popover is closed.
- * @return {React.ReactNode} The rendered component.
- */
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-export default function PostVisibility({
-  onClose
-}) {
+import { jsx, jsxs } from "react/jsx-runtime";
+import { __ } from "@wordpress/i18n";
+import { useState } from "@wordpress/element";
+import {
+  TextControl,
+  RadioControl,
+  __experimentalVStack as VStack
+} from "@wordpress/components";
+import { useInstanceId } from "@wordpress/compose";
+import { useSelect, useDispatch } from "@wordpress/data";
+import { __experimentalInspectorPopoverHeader as InspectorPopoverHeader } from "@wordpress/block-editor";
+import { VISIBILITY_OPTIONS } from "./utils";
+import { store as editorStore } from "../../store";
+function PostVisibility({ onClose }) {
   const instanceId = useInstanceId(PostVisibility);
-  const {
-    status,
-    visibility,
-    password
-  } = useSelect(select => ({
-    status: select(editorStore).getEditedPostAttribute('status'),
+  const { status, visibility, password } = useSelect((select) => ({
+    status: select(editorStore).getEditedPostAttribute("status"),
     visibility: select(editorStore).getEditedPostVisibility(),
-    password: select(editorStore).getEditedPostAttribute('password')
+    password: select(editorStore).getEditedPostAttribute("password")
   }));
-  const {
-    editPost
-  } = useDispatch(editorStore);
+  const { editPost } = useDispatch(editorStore);
   const [hasPassword, setHasPassword] = useState(!!password);
   function updateVisibility(value) {
     const nextValues = {
       public: {
-        status: visibility === 'private' ? 'draft' : status,
-        password: ''
-      },
-      private: {
-        status: 'private',
-        password: ''
+        status: visibility === "private" ? "draft" : status,
+        password: ""
       },
+      private: { status: "private", password: "" },
       password: {
-        status: visibility === 'private' ? 'draft' : status,
-        password: password || ''
+        status: visibility === "private" ? "draft" : status,
+        password: password || ""
       }
     };
     editPost(nextValues[value]);
-    setHasPassword(value === 'password');
+    setHasPassword(value === "password");
   }
-  const updatePassword = value => {
-    editPost({
-      password: value
-    });
+  const updatePassword = (value) => {
+    editPost({ password: value });
   };
-  return /*#__PURE__*/_jsxs("div", {
-    className: "editor-post-visibility",
-    children: [/*#__PURE__*/_jsx(InspectorPopoverHeader, {
-      title: __('Visibility'),
-      help: __('Control how this post is viewed.'),
-      onClose: onClose
-    }), /*#__PURE__*/_jsxs(VStack, {
-      spacing: 4,
-      children: [/*#__PURE__*/_jsx(RadioControl, {
-        label: __('Visibility'),
-        hideLabelFromVision: true,
-        options: VISIBILITY_OPTIONS,
-        selected: hasPassword ? 'password' : visibility,
-        onChange: updateVisibility
-      }), hasPassword && /*#__PURE__*/_jsx(TextControl, {
-        label: __('Password'),
-        onChange: updatePassword,
-        value: password,
-        placeholder: __('Use a secure password'),
-        type: "text",
-        id: `editor-post-visibility__password-input-${instanceId}`,
-        __next40pxDefaultSize: true,
-        __nextHasNoMarginBottom: true,
-        maxLength: 255
-      })]
-    })]
-  });
+  return /* @__PURE__ */ jsxs("div", { className: "editor-post-visibility", children: [
+    /* @__PURE__ */ jsx(
+      InspectorPopoverHeader,
+      {
+        title: __("Visibility"),
+        help: __("Control how this post is viewed."),
+        onClose
+      }
+    ),
+    /* @__PURE__ */ jsxs(VStack, { spacing: 4, children: [
+      /* @__PURE__ */ jsx(
+        RadioControl,
+        {
+          label: __("Visibility"),
+          hideLabelFromVision: true,
+          options: VISIBILITY_OPTIONS,
+          selected: hasPassword ? "password" : visibility,
+          onChange: updateVisibility
+        }
+      ),
+      hasPassword && /* @__PURE__ */ jsx(
+        TextControl,
+        {
+          label: __("Password"),
+          onChange: updatePassword,
+          value: password,
+          placeholder: __("Use a secure password"),
+          type: "text",
+          id: `editor-post-visibility__password-input-${instanceId}`,
+          __next40pxDefaultSize: true,
+          __nextHasNoMarginBottom: true,
+          maxLength: 255
+        }
+      )
+    ] })
+  ] });
 }
-//# sourceMappingURL=index.js.map
+export {
+  PostVisibility as default
+};
+//# sourceMappingURL=index.js.map

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

@@ -1 +1,7 @@
-{"version":3,"names":["__","useState","TextControl","RadioControl","__experimentalVStack","VStack","useInstanceId","useSelect","useDispatch","__experimentalInspectorPopoverHeader","InspectorPopoverHeader","VISIBILITY_OPTIONS","store","editorStore","jsx","_jsx","jsxs","_jsxs","PostVisibility","onClose","instanceId","status","visibility","password","select","getEditedPostAttribute","getEditedPostVisibility","editPost","hasPassword","setHasPassword","updateVisibility","value","nextValues","public","private","updatePassword","className","children","title","help","spacing","label","hideLabelFromVision","options","selected","onChange","placeholder","type","id","__next40pxDefaultSize","__nextHasNoMarginBottom","maxLength"],"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\tTextControl,\n\tRadioControl,\n\t__experimentalVStack as VStack,\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 { VISIBILITY_OPTIONS } 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 {React.ReactNode} 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 } = useDispatch( editorStore );\n\n\tconst [ hasPassword, setHasPassword ] = useState( !! password );\n\n\tfunction updateVisibility( value ) {\n\t\tconst nextValues = {\n\t\t\tpublic: {\n\t\t\t\tstatus: visibility === 'private' ? 'draft' : status,\n\t\t\t\tpassword: '',\n\t\t\t},\n\t\t\tprivate: { status: 'private', password: '' },\n\t\t\tpassword: {\n\t\t\t\tstatus: visibility === 'private' ? 'draft' : status,\n\t\t\t\tpassword: password || '',\n\t\t\t},\n\t\t};\n\n\t\teditPost( nextValues[ value ] );\n\t\tsetHasPassword( value === 'password' );\n\t}\n\n\tconst updatePassword = ( value ) => {\n\t\teditPost( { password: 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<VStack spacing={ 4 }>\n\t\t\t\t<RadioControl\n\t\t\t\t\tlabel={ __( 'Visibility' ) }\n\t\t\t\t\thideLabelFromVision\n\t\t\t\t\toptions={ VISIBILITY_OPTIONS }\n\t\t\t\t\tselected={ hasPassword ? 'password' : visibility }\n\t\t\t\t\tonChange={ updateVisibility }\n\t\t\t\t/>\n\t\t\t\t{ hasPassword && (\n\t\t\t\t\t<TextControl\n\t\t\t\t\t\tlabel={ __( 'Password' ) }\n\t\t\t\t\t\tonChange={ 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\ttype=\"text\"\n\t\t\t\t\t\tid={ `editor-post-visibility__password-input-${ instanceId }` }\n\t\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\t\tmaxLength={ 255 }\n\t\t\t\t\t/>\n\t\t\t\t) }\n\t\t\t</VStack>\n\t\t</div>\n\t);\n}\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,EAAE,QAAQ,iBAAiB;AACpC,SAASC,QAAQ,QAAQ,oBAAoB;AAC7C,SACCC,WAAW,EACXC,YAAY,EACZC,oBAAoB,IAAIC,MAAM,QACxB,uBAAuB;AAC9B,SAASC,aAAa,QAAQ,oBAAoB;AAClD,SAASC,SAAS,EAAEC,WAAW,QAAQ,iBAAiB;AACxD,SAASC,oCAAoC,IAAIC,sBAAsB,QAAQ,yBAAyB;;AAExG;AACA;AACA;AACA,SAASC,kBAAkB,QAAQ,SAAS;AAC5C,SAASC,KAAK,IAAIC,WAAW,QAAQ,aAAa;;AAElD;AACA;AACA;AACA;AACA;AACA;AACA;AANA,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAOA,eAAe,SAASC,cAAcA,CAAE;EAAEC;AAAQ,CAAC,EAAG;EACrD,MAAMC,UAAU,GAAGd,aAAa,CAAEY,cAAe,CAAC;EAElD,MAAM;IAAEG,MAAM;IAAEC,UAAU;IAAEC;EAAS,CAAC,GAAGhB,SAAS,CAAIiB,MAAM,KAAQ;IACnEH,MAAM,EAAEG,MAAM,CAAEX,WAAY,CAAC,CAACY,sBAAsB,CAAE,QAAS,CAAC;IAChEH,UAAU,EAAEE,MAAM,CAAEX,WAAY,CAAC,CAACa,uBAAuB,CAAC,CAAC;IAC3DH,QAAQ,EAAEC,MAAM,CAAEX,WAAY,CAAC,CAACY,sBAAsB,CAAE,UAAW;EACpE,CAAC,CAAG,CAAC;EAEL,MAAM;IAAEE;EAAS,CAAC,GAAGnB,WAAW,CAAEK,WAAY,CAAC;EAE/C,MAAM,CAAEe,WAAW,EAAEC,cAAc,CAAE,GAAG5B,QAAQ,CAAE,CAAC,CAAEsB,QAAS,CAAC;EAE/D,SAASO,gBAAgBA,CAAEC,KAAK,EAAG;IAClC,MAAMC,UAAU,GAAG;MAClBC,MAAM,EAAE;QACPZ,MAAM,EAAEC,UAAU,KAAK,SAAS,GAAG,OAAO,GAAGD,MAAM;QACnDE,QAAQ,EAAE;MACX,CAAC;MACDW,OAAO,EAAE;QAAEb,MAAM,EAAE,SAAS;QAAEE,QAAQ,EAAE;MAAG,CAAC;MAC5CA,QAAQ,EAAE;QACTF,MAAM,EAAEC,UAAU,KAAK,SAAS,GAAG,OAAO,GAAGD,MAAM;QACnDE,QAAQ,EAAEA,QAAQ,IAAI;MACvB;IACD,CAAC;IAEDI,QAAQ,CAAEK,UAAU,CAAED,KAAK,CAAG,CAAC;IAC/BF,cAAc,CAAEE,KAAK,KAAK,UAAW,CAAC;EACvC;EAEA,MAAMI,cAAc,GAAKJ,KAAK,IAAM;IACnCJ,QAAQ,CAAE;MAAEJ,QAAQ,EAAEQ;IAAM,CAAE,CAAC;EAChC,CAAC;EAED,oBACCd,KAAA;IAAKmB,SAAS,EAAC,wBAAwB;IAAAC,QAAA,gBACtCtB,IAAA,CAACL,sBAAsB;MACtB4B,KAAK,EAAGtC,EAAE,CAAE,YAAa,CAAG;MAC5BuC,IAAI,EAAGvC,EAAE,CAAE,kCAAmC,CAAG;MACjDmB,OAAO,EAAGA;IAAS,CACnB,CAAC,eACFF,KAAA,CAACZ,MAAM;MAACmC,OAAO,EAAG,CAAG;MAAAH,QAAA,gBACpBtB,IAAA,CAACZ,YAAY;QACZsC,KAAK,EAAGzC,EAAE,CAAE,YAAa,CAAG;QAC5B0C,mBAAmB;QACnBC,OAAO,EAAGhC,kBAAoB;QAC9BiC,QAAQ,EAAGhB,WAAW,GAAG,UAAU,GAAGN,UAAY;QAClDuB,QAAQ,EAAGf;MAAkB,CAC7B,CAAC,EACAF,WAAW,iBACZb,IAAA,CAACb,WAAW;QACXuC,KAAK,EAAGzC,EAAE,CAAE,UAAW,CAAG;QAC1B6C,QAAQ,EAAGV,cAAgB;QAC3BJ,KAAK,EAAGR,QAAU;QAClBuB,WAAW,EAAG9C,EAAE,CAAE,uBAAwB,CAAG;QAC7C+C,IAAI,EAAC,MAAM;QACXC,EAAE,EAAG,0CAA2C5B,UAAU,EAAK;QAC/D6B,qBAAqB;QACrBC,uBAAuB;QACvBC,SAAS,EAAG;MAAK,CACjB,CACD;IAAA,CACM,CAAC;EAAA,CACL,CAAC;AAER","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../../src/components/post-visibility/index.js"],
+  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { useState } from '@wordpress/element';\nimport {\n\tTextControl,\n\tRadioControl,\n\t__experimentalVStack as VStack,\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 { VISIBILITY_OPTIONS } 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 {React.ReactNode} 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 } = useDispatch( editorStore );\n\n\tconst [ hasPassword, setHasPassword ] = useState( !! password );\n\n\tfunction updateVisibility( value ) {\n\t\tconst nextValues = {\n\t\t\tpublic: {\n\t\t\t\tstatus: visibility === 'private' ? 'draft' : status,\n\t\t\t\tpassword: '',\n\t\t\t},\n\t\t\tprivate: { status: 'private', password: '' },\n\t\t\tpassword: {\n\t\t\t\tstatus: visibility === 'private' ? 'draft' : status,\n\t\t\t\tpassword: password || '',\n\t\t\t},\n\t\t};\n\n\t\teditPost( nextValues[ value ] );\n\t\tsetHasPassword( value === 'password' );\n\t}\n\n\tconst updatePassword = ( value ) => {\n\t\teditPost( { password: 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<VStack spacing={ 4 }>\n\t\t\t\t<RadioControl\n\t\t\t\t\tlabel={ __( 'Visibility' ) }\n\t\t\t\t\thideLabelFromVision\n\t\t\t\t\toptions={ VISIBILITY_OPTIONS }\n\t\t\t\t\tselected={ hasPassword ? 'password' : visibility }\n\t\t\t\t\tonChange={ updateVisibility }\n\t\t\t\t/>\n\t\t\t\t{ hasPassword && (\n\t\t\t\t\t<TextControl\n\t\t\t\t\t\tlabel={ __( 'Password' ) }\n\t\t\t\t\t\tonChange={ 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\ttype=\"text\"\n\t\t\t\t\t\tid={ `editor-post-visibility__password-input-${ instanceId }` }\n\t\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\t\tmaxLength={ 255 }\n\t\t\t\t\t/>\n\t\t\t\t) }\n\t\t\t</VStack>\n\t\t</div>\n\t);\n}\n"],
+  "mappings": "AA+DG,cAKA,YALA;AA5DH,SAAS,UAAU;AACnB,SAAS,gBAAgB;AACzB;AAAA,EACC;AAAA,EACA;AAAA,EACA,wBAAwB;AAAA,OAClB;AACP,SAAS,qBAAqB;AAC9B,SAAS,WAAW,mBAAmB;AACvC,SAAS,wCAAwC,8BAA8B;AAK/E,SAAS,0BAA0B;AACnC,SAAS,SAAS,mBAAmB;AAStB,SAAR,eAAiC,EAAE,QAAQ,GAAI;AACrD,QAAM,aAAa,cAAe,cAAe;AAEjD,QAAM,EAAE,QAAQ,YAAY,SAAS,IAAI,UAAW,CAAE,YAAc;AAAA,IACnE,QAAQ,OAAQ,WAAY,EAAE,uBAAwB,QAAS;AAAA,IAC/D,YAAY,OAAQ,WAAY,EAAE,wBAAwB;AAAA,IAC1D,UAAU,OAAQ,WAAY,EAAE,uBAAwB,UAAW;AAAA,EACpE,EAAI;AAEJ,QAAM,EAAE,SAAS,IAAI,YAAa,WAAY;AAE9C,QAAM,CAAE,aAAa,cAAe,IAAI,SAAU,CAAC,CAAE,QAAS;AAE9D,WAAS,iBAAkB,OAAQ;AAClC,UAAM,aAAa;AAAA,MAClB,QAAQ;AAAA,QACP,QAAQ,eAAe,YAAY,UAAU;AAAA,QAC7C,UAAU;AAAA,MACX;AAAA,MACA,SAAS,EAAE,QAAQ,WAAW,UAAU,GAAG;AAAA,MAC3C,UAAU;AAAA,QACT,QAAQ,eAAe,YAAY,UAAU;AAAA,QAC7C,UAAU,YAAY;AAAA,MACvB;AAAA,IACD;AAEA,aAAU,WAAY,KAAM,CAAE;AAC9B,mBAAgB,UAAU,UAAW;AAAA,EACtC;AAEA,QAAM,iBAAiB,CAAE,UAAW;AACnC,aAAU,EAAE,UAAU,MAAM,CAAE;AAAA,EAC/B;AAEA,SACC,qBAAC,SAAI,WAAU,0BACd;AAAA;AAAA,MAAC;AAAA;AAAA,QACA,OAAQ,GAAI,YAAa;AAAA,QACzB,MAAO,GAAI,kCAAmC;AAAA,QAC9C;AAAA;AAAA,IACD;AAAA,IACA,qBAAC,UAAO,SAAU,GACjB;AAAA;AAAA,QAAC;AAAA;AAAA,UACA,OAAQ,GAAI,YAAa;AAAA,UACzB,qBAAmB;AAAA,UACnB,SAAU;AAAA,UACV,UAAW,cAAc,aAAa;AAAA,UACtC,UAAW;AAAA;AAAA,MACZ;AAAA,MACE,eACD;AAAA,QAAC;AAAA;AAAA,UACA,OAAQ,GAAI,UAAW;AAAA,UACvB,UAAW;AAAA,UACX,OAAQ;AAAA,UACR,aAAc,GAAI,uBAAwB;AAAA,UAC1C,MAAK;AAAA,UACL,IAAK,0CAA2C,UAAW;AAAA,UAC3D,uBAAqB;AAAA,UACrB,yBAAuB;AAAA,UACvB,WAAY;AAAA;AAAA,MACb;AAAA,OAEF;AAAA,KACD;AAEF;",
+  "names": []
+}