@wordpress/edit-post 7.22.0 → 7.23.0

package/build-module/components/sidebar/post-url/index.js

@@ -1,55 +0,0 @@
-import { createElement } from "react";
-/**
- * WordPress dependencies
- */
-import { useMemo, useState } from '@wordpress/element';
-import { PanelRow, Dropdown, Button } from '@wordpress/components';
-import { __, sprintf } from '@wordpress/i18n';
-import { PostURLCheck, PostURL as PostURLForm, usePostURLLabel } from '@wordpress/editor';
-export default function PostURL() {
-  // 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: popoverAnchor,
-    placement: 'bottom-end'
-  }), [popoverAnchor]);
-  return createElement(PostURLCheck, null, createElement(PanelRow, {
-    className: "edit-post-post-url",
-    ref: setPopoverAnchor
-  }, createElement("span", null, __('URL')), createElement(Dropdown, {
-    popoverProps: popoverProps,
-    className: "edit-post-post-url__dropdown",
-    contentClassName: "edit-post-post-url__dialog",
-    focusOnMount: true,
-    renderToggle: ({
-      isOpen,
-      onToggle
-    }) => createElement(PostURLToggle, {
-      isOpen: isOpen,
-      onClick: onToggle
-    }),
-    renderContent: ({
-      onClose
-    }) => createElement(PostURLForm, {
-      onClose: onClose
-    })
-  })));
-}
-function PostURLToggle({
-  isOpen,
-  onClick
-}) {
-  const label = usePostURLLabel();
-  return createElement(Button, {
-    className: "edit-post-post-url__toggle",
-    variant: "tertiary",
-    "aria-expanded": isOpen
-    // translators: %s: Current post URL.
-    ,
-    "aria-label": sprintf(__('Change URL: %s'), label),
-    onClick: onClick
-  }, label);
-}
-//# sourceMappingURL=index.js.map

package/build-module/components/sidebar/post-url/index.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["useMemo","useState","PanelRow","Dropdown","Button","__","sprintf","PostURLCheck","PostURL","PostURLForm","usePostURLLabel","popoverAnchor","setPopoverAnchor","popoverProps","anchor","placement","createElement","className","ref","contentClassName","focusOnMount","renderToggle","isOpen","onToggle","PostURLToggle","onClick","renderContent","onClose","label","variant"],"sources":["@wordpress/edit-post/src/components/sidebar/post-url/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useMemo, useState } from '@wordpress/element';\nimport { PanelRow, Dropdown, Button } from '@wordpress/components';\nimport { __, sprintf } from '@wordpress/i18n';\nimport {\n\tPostURLCheck,\n\tPostURL as PostURLForm,\n\tusePostURLLabel,\n} from '@wordpress/editor';\n\nexport default function PostURL() {\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() => ( { anchor: popoverAnchor, placement: 'bottom-end' } ),\n\t\t[ popoverAnchor ]\n\t);\n\n\treturn (\n\t\t<PostURLCheck>\n\t\t\t<PanelRow className=\"edit-post-post-url\" ref={ setPopoverAnchor }>\n\t\t\t\t<span>{ __( 'URL' ) }</span>\n\t\t\t\t<Dropdown\n\t\t\t\t\tpopoverProps={ popoverProps }\n\t\t\t\t\tclassName=\"edit-post-post-url__dropdown\"\n\t\t\t\t\tcontentClassName=\"edit-post-post-url__dialog\"\n\t\t\t\t\tfocusOnMount\n\t\t\t\t\trenderToggle={ ( { isOpen, onToggle } ) => (\n\t\t\t\t\t\t<PostURLToggle isOpen={ isOpen } onClick={ onToggle } />\n\t\t\t\t\t) }\n\t\t\t\t\trenderContent={ ( { onClose } ) => (\n\t\t\t\t\t\t<PostURLForm onClose={ onClose } />\n\t\t\t\t\t) }\n\t\t\t\t/>\n\t\t\t</PanelRow>\n\t\t</PostURLCheck>\n\t);\n}\n\nfunction PostURLToggle( { isOpen, onClick } ) {\n\tconst label = usePostURLLabel();\n\treturn (\n\t\t<Button\n\t\t\tclassName=\"edit-post-post-url__toggle\"\n\t\t\tvariant=\"tertiary\"\n\t\t\taria-expanded={ isOpen }\n\t\t\t// translators: %s: Current post URL.\n\t\t\taria-label={ sprintf( __( 'Change URL: %s' ), label ) }\n\t\t\tonClick={ onClick }\n\t\t>\n\t\t\t{ label }\n\t\t</Button>\n\t);\n}\n"],"mappings":";AAAA;AACA;AACA;AACA,SAASA,OAAO,EAAEC,QAAQ,QAAQ,oBAAoB;AACtD,SAASC,QAAQ,EAAEC,QAAQ,EAAEC,MAAM,QAAQ,uBAAuB;AAClE,SAASC,EAAE,EAAEC,OAAO,QAAQ,iBAAiB;AAC7C,SACCC,YAAY,EACZC,OAAO,IAAIC,WAAW,EACtBC,eAAe,QACT,mBAAmB;AAE1B,eAAe,SAASF,OAAOA,CAAA,EAAG;EACjC;EACA;EACA,MAAM,CAAEG,aAAa,EAAEC,gBAAgB,CAAE,GAAGX,QAAQ,CAAE,IAAK,CAAC;EAC5D;EACA,MAAMY,YAAY,GAAGb,OAAO,CAC3B,OAAQ;IAAEc,MAAM,EAAEH,aAAa;IAAEI,SAAS,EAAE;EAAa,CAAC,CAAE,EAC5D,CAAEJ,aAAa,CAChB,CAAC;EAED,OACCK,aAAA,CAACT,YAAY,QACZS,aAAA,CAACd,QAAQ;IAACe,SAAS,EAAC,oBAAoB;IAACC,GAAG,EAAGN;EAAkB,GAChEI,aAAA,eAAQX,EAAE,CAAE,KAAM,CAAS,CAAC,EAC5BW,aAAA,CAACb,QAAQ;IACRU,YAAY,EAAGA,YAAc;IAC7BI,SAAS,EAAC,8BAA8B;IACxCE,gBAAgB,EAAC,4BAA4B;IAC7CC,YAAY;IACZC,YAAY,EAAGA,CAAE;MAAEC,MAAM;MAAEC;IAAS,CAAC,KACpCP,aAAA,CAACQ,aAAa;MAACF,MAAM,EAAGA,MAAQ;MAACG,OAAO,EAAGF;IAAU,CAAE,CACrD;IACHG,aAAa,EAAGA,CAAE;MAAEC;IAAQ,CAAC,KAC5BX,aAAA,CAACP,WAAW;MAACkB,OAAO,EAAGA;IAAS,CAAE;EAChC,CACH,CACQ,CACG,CAAC;AAEjB;AAEA,SAASH,aAAaA,CAAE;EAAEF,MAAM;EAAEG;AAAQ,CAAC,EAAG;EAC7C,MAAMG,KAAK,GAAGlB,eAAe,CAAC,CAAC;EAC/B,OACCM,aAAA,CAACZ,MAAM;IACNa,SAAS,EAAC,4BAA4B;IACtCY,OAAO,EAAC,UAAU;IAClB,iBAAgBP;IAChB;IAAA;IACA,cAAahB,OAAO,CAAED,EAAE,CAAE,gBAAiB,CAAC,EAAEuB,KAAM,CAAG;IACvDH,OAAO,EAAGA;EAAS,GAEjBG,KACK,CAAC;AAEX"}

package/src/components/sidebar/post-url/index.js

@@ -1,58 +0,0 @@
-/**
- * WordPress dependencies
- */
-import { useMemo, useState } from '@wordpress/element';
-import { PanelRow, Dropdown, Button } from '@wordpress/components';
-import { __, sprintf } from '@wordpress/i18n';
-import {
-	PostURLCheck,
-	PostURL as PostURLForm,
-	usePostURLLabel,
-} from '@wordpress/editor';
-
-export default function PostURL() {
-	// 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: popoverAnchor, placement: 'bottom-end' } ),
-		[ popoverAnchor ]
-	);
-
-	return (
-		<PostURLCheck>
-			<PanelRow className="edit-post-post-url" ref={ setPopoverAnchor }>
-				<span>{ __( 'URL' ) }</span>
-				<Dropdown
-					popoverProps={ popoverProps }
-					className="edit-post-post-url__dropdown"
-					contentClassName="edit-post-post-url__dialog"
-					focusOnMount
-					renderToggle={ ( { isOpen, onToggle } ) => (
-						<PostURLToggle isOpen={ isOpen } onClick={ onToggle } />
-					) }
-					renderContent={ ( { onClose } ) => (
-						<PostURLForm onClose={ onClose } />
-					) }
-				/>
-			</PanelRow>
-		</PostURLCheck>
-	);
-}
-
-function PostURLToggle( { isOpen, onClick } ) {
-	const label = usePostURLLabel();
-	return (
-		<Button
-			className="edit-post-post-url__toggle"
-			variant="tertiary"
-			aria-expanded={ isOpen }
-			// translators: %s: Current post URL.
-			aria-label={ sprintf( __( 'Change URL: %s' ), label ) }
-			onClick={ onClick }
-		>
-			{ label }
-		</Button>
-	);
-}

package/src/components/sidebar/post-url/style.scss

@@ -1,26 +0,0 @@
-.edit-post-post-url {
-	width: 100%;
-	justify-content: flex-start;
-	align-items: flex-start;
-
-	span {
-		display: block;
-		width: 45%;
-		flex-shrink: 0;
-		// Match padding on tertiary buttons for alignment.
-		padding: $grid-unit-15 * 0.5 0;
-	}
-}
-
-.components-button.edit-post-post-url__toggle {
-	text-align: left;
-	white-space: normal;
-	height: auto;
-	word-break: break-word;
-}
-
-.edit-post-post-url__dialog .editor-post-url {
-	// sidebar width - popover padding - form margin
-	min-width: $sidebar-width - $grid-unit-20 - $grid-unit-20;
-	margin: $grid-unit-10;
-}