@wordpress/edit-post 6.9.0 → 6.10.0

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

@@ -1,165 +0,0 @@
-import { createElement, Fragment } from "@wordpress/element";
-
-/**
- * External dependencies
- */
-import { get } from 'lodash';
-/**
- * WordPress dependencies
- */
-
-import { __ } from '@wordpress/i18n';
-import { PanelBody, TextControl, ExternalLink } from '@wordpress/components';
-import { withSelect, withDispatch } from '@wordpress/data';
-import { compose, ifCondition } from '@wordpress/compose';
-import { store as editorStore } from '@wordpress/editor';
-import { safeDecodeURIComponent, cleanForSlug } from '@wordpress/url';
-import { store as coreStore } from '@wordpress/core-data';
-import { useState } from '@wordpress/element';
-/**
- * Internal dependencies
- */
-
-import { store as editPostStore } from '../../../store';
-/**
- * Module Constants
- */
-
-const PANEL_NAME = 'post-link';
-
-function PostLink(_ref) {
-  let {
-    isOpened,
-    onTogglePanel,
-    isEditable,
-    postLink,
-    permalinkPrefix,
-    permalinkSuffix,
-    editPermalink,
-    postSlug,
-    postTypeLabel
-  } = _ref;
-  const [forceEmptyField, setForceEmptyField] = useState(false);
-  let prefixElement, postNameElement, suffixElement;
-
-  if (isEditable) {
-    prefixElement = permalinkPrefix && createElement("span", {
-      className: "edit-post-post-link__link-prefix"
-    }, permalinkPrefix);
-    postNameElement = postSlug && createElement("span", {
-      className: "edit-post-post-link__link-post-name"
-    }, postSlug);
-    suffixElement = permalinkSuffix && createElement("span", {
-      className: "edit-post-post-link__link-suffix"
-    }, permalinkSuffix);
-  }
-
-  return createElement(PanelBody, {
-    title: __('Permalink'),
-    opened: isOpened,
-    onToggle: onTogglePanel
-  }, isEditable && createElement("div", {
-    className: "editor-post-link"
-  }, createElement(TextControl, {
-    label: __('URL Slug'),
-    value: forceEmptyField ? '' : postSlug,
-    autoComplete: "off",
-    spellCheck: "false",
-    onChange: newValue => {
-      editPermalink(newValue); // When we delete the field the permalink gets
-      // reverted to the original value.
-      // The forceEmptyField logic allows the user to have
-      // the field temporarily empty while typing.
-
-      if (!newValue) {
-        if (!forceEmptyField) {
-          setForceEmptyField(true);
-        }
-
-        return;
-      }
-
-      if (forceEmptyField) {
-        setForceEmptyField(false);
-      }
-    },
-    onBlur: event => {
-      editPermalink(cleanForSlug(event.target.value));
-
-      if (forceEmptyField) {
-        setForceEmptyField(false);
-      }
-    }
-  }), createElement("p", null, __('The last part of the URL.'), ' ', createElement(ExternalLink, {
-    href: __('https://wordpress.org/support/article/settings-sidebar/#permalink')
-  }, __('Read about permalinks')))), createElement("h3", {
-    className: "edit-post-post-link__preview-label"
-  }, postTypeLabel || __('View post')), createElement("div", {
-    className: "edit-post-post-link__preview-link-container"
-  }, createElement(ExternalLink, {
-    className: "edit-post-post-link__link",
-    href: postLink,
-    target: "_blank"
-  }, isEditable ? createElement(Fragment, null, prefixElement, postNameElement, suffixElement) : postLink)));
-}
-
-export default compose([withSelect(select => {
-  const {
-    isPermalinkEditable,
-    getCurrentPost,
-    isCurrentPostPublished,
-    getPermalinkParts,
-    getEditedPostAttribute,
-    getEditedPostSlug
-  } = select(editorStore);
-  const {
-    isEditorPanelEnabled,
-    isEditorPanelOpened
-  } = select(editPostStore);
-  const {
-    getPostType
-  } = select(coreStore);
-  const {
-    link
-  } = getCurrentPost();
-  const postTypeName = getEditedPostAttribute('type');
-  const postType = getPostType(postTypeName);
-  const permalinkParts = getPermalinkParts();
-  return {
-    postLink: link,
-    isEditable: isPermalinkEditable(),
-    isPublished: isCurrentPostPublished(),
-    isOpened: isEditorPanelOpened(PANEL_NAME),
-    isEnabled: isEditorPanelEnabled(PANEL_NAME),
-    isViewable: get(postType, ['viewable'], false),
-    postSlug: safeDecodeURIComponent(getEditedPostSlug()),
-    postTypeLabel: get(postType, ['labels', 'view_item']),
-    hasPermalinkParts: !!permalinkParts,
-    permalinkPrefix: permalinkParts === null || permalinkParts === void 0 ? void 0 : permalinkParts.prefix,
-    permalinkSuffix: permalinkParts === null || permalinkParts === void 0 ? void 0 : permalinkParts.suffix
-  };
-}), ifCondition(_ref2 => {
-  let {
-    isEnabled,
-    postLink,
-    isViewable,
-    hasPermalinkParts
-  } = _ref2;
-  return isEnabled && postLink && isViewable && hasPermalinkParts;
-}), withDispatch(dispatch => {
-  const {
-    toggleEditorPanelOpened
-  } = dispatch(editPostStore);
-  const {
-    editPost
-  } = dispatch(editorStore);
-  return {
-    onTogglePanel: () => toggleEditorPanelOpened(PANEL_NAME),
-    editPermalink: newSlug => {
-      editPost({
-        slug: newSlug
-      });
-    }
-  };
-})])(PostLink);
-//# sourceMappingURL=index.js.map

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

@@ -1 +0,0 @@
-{"version":3,"sources":["@wordpress/edit-post/src/components/sidebar/post-link/index.js"],"names":["get","__","PanelBody","TextControl","ExternalLink","withSelect","withDispatch","compose","ifCondition","store","editorStore","safeDecodeURIComponent","cleanForSlug","coreStore","useState","editPostStore","PANEL_NAME","PostLink","isOpened","onTogglePanel","isEditable","postLink","permalinkPrefix","permalinkSuffix","editPermalink","postSlug","postTypeLabel","forceEmptyField","setForceEmptyField","prefixElement","postNameElement","suffixElement","newValue","event","target","value","select","isPermalinkEditable","getCurrentPost","isCurrentPostPublished","getPermalinkParts","getEditedPostAttribute","getEditedPostSlug","isEditorPanelEnabled","isEditorPanelOpened","getPostType","link","postTypeName","postType","permalinkParts","isPublished","isEnabled","isViewable","hasPermalinkParts","prefix","suffix","dispatch","toggleEditorPanelOpened","editPost","newSlug","slug"],"mappings":"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","sourcesContent":["/**\n * External dependencies\n */\nimport { get } from 'lodash';\n\n/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { PanelBody, TextControl, ExternalLink } from '@wordpress/components';\nimport { withSelect, withDispatch } from '@wordpress/data';\nimport { compose, ifCondition } from '@wordpress/compose';\nimport { store as editorStore } from '@wordpress/editor';\nimport { safeDecodeURIComponent, cleanForSlug } from '@wordpress/url';\nimport { store as coreStore } from '@wordpress/core-data';\nimport { useState } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport { store as editPostStore } from '../../../store';\n\n/**\n * Module Constants\n */\nconst PANEL_NAME = 'post-link';\n\nfunction PostLink( {\n\tisOpened,\n\tonTogglePanel,\n\tisEditable,\n\tpostLink,\n\tpermalinkPrefix,\n\tpermalinkSuffix,\n\teditPermalink,\n\tpostSlug,\n\tpostTypeLabel,\n} ) {\n\tconst [ forceEmptyField, setForceEmptyField ] = useState( false );\n\n\tlet prefixElement, postNameElement, suffixElement;\n\tif ( isEditable ) {\n\t\tprefixElement = permalinkPrefix && (\n\t\t\t<span className=\"edit-post-post-link__link-prefix\">\n\t\t\t\t{ permalinkPrefix }\n\t\t\t</span>\n\t\t);\n\t\tpostNameElement = postSlug && (\n\t\t\t<span className=\"edit-post-post-link__link-post-name\">\n\t\t\t\t{ postSlug }\n\t\t\t</span>\n\t\t);\n\t\tsuffixElement = permalinkSuffix && (\n\t\t\t<span className=\"edit-post-post-link__link-suffix\">\n\t\t\t\t{ permalinkSuffix }\n\t\t\t</span>\n\t\t);\n\t}\n\n\treturn (\n\t\t<PanelBody\n\t\t\ttitle={ __( 'Permalink' ) }\n\t\t\topened={ isOpened }\n\t\t\tonToggle={ onTogglePanel }\n\t\t>\n\t\t\t{ isEditable && (\n\t\t\t\t<div className=\"editor-post-link\">\n\t\t\t\t\t<TextControl\n\t\t\t\t\t\tlabel={ __( 'URL Slug' ) }\n\t\t\t\t\t\tvalue={ forceEmptyField ? '' : postSlug }\n\t\t\t\t\t\tautoComplete=\"off\"\n\t\t\t\t\t\tspellCheck=\"false\"\n\t\t\t\t\t\tonChange={ ( newValue ) => {\n\t\t\t\t\t\t\teditPermalink( newValue );\n\t\t\t\t\t\t\t// When we delete the field the permalink gets\n\t\t\t\t\t\t\t// reverted to the original value.\n\t\t\t\t\t\t\t// The forceEmptyField logic allows the user to have\n\t\t\t\t\t\t\t// the field temporarily empty while typing.\n\t\t\t\t\t\t\tif ( ! newValue ) {\n\t\t\t\t\t\t\t\tif ( ! forceEmptyField ) {\n\t\t\t\t\t\t\t\t\tsetForceEmptyField( true );\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\treturn;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tif ( forceEmptyField ) {\n\t\t\t\t\t\t\t\tsetForceEmptyField( false );\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t} }\n\t\t\t\t\t\tonBlur={ ( event ) => {\n\t\t\t\t\t\t\teditPermalink( cleanForSlug( event.target.value ) );\n\t\t\t\t\t\t\tif ( forceEmptyField ) {\n\t\t\t\t\t\t\t\tsetForceEmptyField( false );\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t} }\n\t\t\t\t\t/>\n\t\t\t\t\t<p>\n\t\t\t\t\t\t{ __( 'The last part of the URL.' ) }{ ' ' }\n\t\t\t\t\t\t<ExternalLink\n\t\t\t\t\t\t\thref={ __(\n\t\t\t\t\t\t\t\t'https://wordpress.org/support/article/settings-sidebar/#permalink'\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ __( 'Read about permalinks' ) }\n\t\t\t\t\t\t</ExternalLink>\n\t\t\t\t\t</p>\n\t\t\t\t</div>\n\t\t\t) }\n\t\t\t<h3 className=\"edit-post-post-link__preview-label\">\n\t\t\t\t{ postTypeLabel || __( 'View post' ) }\n\t\t\t</h3>\n\t\t\t<div className=\"edit-post-post-link__preview-link-container\">\n\t\t\t\t<ExternalLink\n\t\t\t\t\tclassName=\"edit-post-post-link__link\"\n\t\t\t\t\thref={ postLink }\n\t\t\t\t\ttarget=\"_blank\"\n\t\t\t\t>\n\t\t\t\t\t{ isEditable ? (\n\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t{ prefixElement }\n\t\t\t\t\t\t\t{ postNameElement }\n\t\t\t\t\t\t\t{ suffixElement }\n\t\t\t\t\t\t</>\n\t\t\t\t\t) : (\n\t\t\t\t\t\tpostLink\n\t\t\t\t\t) }\n\t\t\t\t</ExternalLink>\n\t\t\t</div>\n\t\t</PanelBody>\n\t);\n}\n\nexport default compose( [\n\twithSelect( ( select ) => {\n\t\tconst {\n\t\t\tisPermalinkEditable,\n\t\t\tgetCurrentPost,\n\t\t\tisCurrentPostPublished,\n\t\t\tgetPermalinkParts,\n\t\t\tgetEditedPostAttribute,\n\t\t\tgetEditedPostSlug,\n\t\t} = select( editorStore );\n\t\tconst { isEditorPanelEnabled, isEditorPanelOpened } =\n\t\t\tselect( editPostStore );\n\t\tconst { getPostType } = select( coreStore );\n\n\t\tconst { link } = getCurrentPost();\n\n\t\tconst postTypeName = getEditedPostAttribute( 'type' );\n\t\tconst postType = getPostType( postTypeName );\n\t\tconst permalinkParts = getPermalinkParts();\n\n\t\treturn {\n\t\t\tpostLink: link,\n\t\t\tisEditable: isPermalinkEditable(),\n\t\t\tisPublished: isCurrentPostPublished(),\n\t\t\tisOpened: isEditorPanelOpened( PANEL_NAME ),\n\t\t\tisEnabled: isEditorPanelEnabled( PANEL_NAME ),\n\t\t\tisViewable: get( postType, [ 'viewable' ], false ),\n\t\t\tpostSlug: safeDecodeURIComponent( getEditedPostSlug() ),\n\t\t\tpostTypeLabel: get( postType, [ 'labels', 'view_item' ] ),\n\t\t\thasPermalinkParts: !! permalinkParts,\n\t\t\tpermalinkPrefix: permalinkParts?.prefix,\n\t\t\tpermalinkSuffix: permalinkParts?.suffix,\n\t\t};\n\t} ),\n\tifCondition( ( { isEnabled, postLink, isViewable, hasPermalinkParts } ) => {\n\t\treturn isEnabled && postLink && isViewable && hasPermalinkParts;\n\t} ),\n\twithDispatch( ( dispatch ) => {\n\t\tconst { toggleEditorPanelOpened } = dispatch( editPostStore );\n\t\tconst { editPost } = dispatch( editorStore );\n\t\treturn {\n\t\t\tonTogglePanel: () => toggleEditorPanelOpened( PANEL_NAME ),\n\t\t\teditPermalink: ( newSlug ) => {\n\t\t\t\teditPost( { slug: newSlug } );\n\t\t\t},\n\t\t};\n\t} ),\n] )( PostLink );\n"]}

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

@@ -1,179 +0,0 @@
-/**
- * External dependencies
- */
-import { get } from 'lodash';
-
-/**
- * WordPress dependencies
- */
-import { __ } from '@wordpress/i18n';
-import { PanelBody, TextControl, ExternalLink } from '@wordpress/components';
-import { withSelect, withDispatch } from '@wordpress/data';
-import { compose, ifCondition } from '@wordpress/compose';
-import { store as editorStore } from '@wordpress/editor';
-import { safeDecodeURIComponent, cleanForSlug } from '@wordpress/url';
-import { store as coreStore } from '@wordpress/core-data';
-import { useState } from '@wordpress/element';
-
-/**
- * Internal dependencies
- */
-import { store as editPostStore } from '../../../store';
-
-/**
- * Module Constants
- */
-const PANEL_NAME = 'post-link';
-
-function PostLink( {
-	isOpened,
-	onTogglePanel,
-	isEditable,
-	postLink,
-	permalinkPrefix,
-	permalinkSuffix,
-	editPermalink,
-	postSlug,
-	postTypeLabel,
-} ) {
-	const [ forceEmptyField, setForceEmptyField ] = useState( false );
-
-	let prefixElement, postNameElement, suffixElement;
-	if ( isEditable ) {
-		prefixElement = permalinkPrefix && (
-			<span className="edit-post-post-link__link-prefix">
-				{ permalinkPrefix }
-			</span>
-		);
-		postNameElement = postSlug && (
-			<span className="edit-post-post-link__link-post-name">
-				{ postSlug }
-			</span>
-		);
-		suffixElement = permalinkSuffix && (
-			<span className="edit-post-post-link__link-suffix">
-				{ permalinkSuffix }
-			</span>
-		);
-	}
-
-	return (
-		<PanelBody
-			title={ __( 'Permalink' ) }
-			opened={ isOpened }
-			onToggle={ onTogglePanel }
-		>
-			{ isEditable && (
-				<div className="editor-post-link">
-					<TextControl
-						label={ __( 'URL Slug' ) }
-						value={ forceEmptyField ? '' : postSlug }
-						autoComplete="off"
-						spellCheck="false"
-						onChange={ ( newValue ) => {
-							editPermalink( newValue );
-							// When we delete the field the permalink gets
-							// reverted to the original value.
-							// The forceEmptyField logic allows the user to have
-							// the field temporarily empty while typing.
-							if ( ! newValue ) {
-								if ( ! forceEmptyField ) {
-									setForceEmptyField( true );
-								}
-								return;
-							}
-							if ( forceEmptyField ) {
-								setForceEmptyField( false );
-							}
-						} }
-						onBlur={ ( event ) => {
-							editPermalink( cleanForSlug( event.target.value ) );
-							if ( forceEmptyField ) {
-								setForceEmptyField( false );
-							}
-						} }
-					/>
-					<p>
-						{ __( 'The last part of the URL.' ) }{ ' ' }
-						<ExternalLink
-							href={ __(
-								'https://wordpress.org/support/article/settings-sidebar/#permalink'
-							) }
-						>
-							{ __( 'Read about permalinks' ) }
-						</ExternalLink>
-					</p>
-				</div>
-			) }
-			<h3 className="edit-post-post-link__preview-label">
-				{ postTypeLabel || __( 'View post' ) }
-			</h3>
-			<div className="edit-post-post-link__preview-link-container">
-				<ExternalLink
-					className="edit-post-post-link__link"
-					href={ postLink }
-					target="_blank"
-				>
-					{ isEditable ? (
-						<>
-							{ prefixElement }
-							{ postNameElement }
-							{ suffixElement }
-						</>
-					) : (
-						postLink
-					) }
-				</ExternalLink>
-			</div>
-		</PanelBody>
-	);
-}
-
-export default compose( [
-	withSelect( ( select ) => {
-		const {
-			isPermalinkEditable,
-			getCurrentPost,
-			isCurrentPostPublished,
-			getPermalinkParts,
-			getEditedPostAttribute,
-			getEditedPostSlug,
-		} = select( editorStore );
-		const { isEditorPanelEnabled, isEditorPanelOpened } =
-			select( editPostStore );
-		const { getPostType } = select( coreStore );
-
-		const { link } = getCurrentPost();
-
-		const postTypeName = getEditedPostAttribute( 'type' );
-		const postType = getPostType( postTypeName );
-		const permalinkParts = getPermalinkParts();
-
-		return {
-			postLink: link,
-			isEditable: isPermalinkEditable(),
-			isPublished: isCurrentPostPublished(),
-			isOpened: isEditorPanelOpened( PANEL_NAME ),
-			isEnabled: isEditorPanelEnabled( PANEL_NAME ),
-			isViewable: get( postType, [ 'viewable' ], false ),
-			postSlug: safeDecodeURIComponent( getEditedPostSlug() ),
-			postTypeLabel: get( postType, [ 'labels', 'view_item' ] ),
-			hasPermalinkParts: !! permalinkParts,
-			permalinkPrefix: permalinkParts?.prefix,
-			permalinkSuffix: permalinkParts?.suffix,
-		};
-	} ),
-	ifCondition( ( { isEnabled, postLink, isViewable, hasPermalinkParts } ) => {
-		return isEnabled && postLink && isViewable && hasPermalinkParts;
-	} ),
-	withDispatch( ( dispatch ) => {
-		const { toggleEditorPanelOpened } = dispatch( editPostStore );
-		const { editPost } = dispatch( editorStore );
-		return {
-			onTogglePanel: () => toggleEditorPanelOpened( PANEL_NAME ),
-			editPermalink: ( newSlug ) => {
-				editPost( { slug: newSlug } );
-			},
-		};
-	} ),
-] )( PostLink );

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

@@ -1,20 +0,0 @@
-.edit-post-post-link__link-post-name {
-	font-weight: 600;
-}
-
-.edit-post-post-link__preview-label {
-	font-weight: 400;
-	margin: 0;
-}
-
-.edit-post-post-link__link {
-	text-align: left;
-	word-wrap: break-word;
-	display: block;
-}
-
-/* rtl:begin:ignore */
-.edit-post-post-link__preview-link-container {
-	direction: ltr;
-}
-/* rtl:end:ignore */