@wordpress/fields 0.5.1-next.cd6172eb0.0 → 0.6.0

package/src/fields/title/style.scss

@@ -0,0 +1,8 @@
+.fields-field__title span:first-child {
+	text-overflow: ellipsis;
+	overflow: hidden;
+	text-decoration: none;
+	white-space: nowrap;
+	display: block;
+	flex-grow: 0;
+}

package/src/fields/title/view.tsx

@@ -0,0 +1,43 @@
+/**
+ * External dependencies
+ */
+import clsx from 'clsx';
+import type { ReactNode } from 'react';
+
+/**
+ * WordPress dependencies
+ */
+import { __experimentalHStack as HStack } from '@wordpress/components';
+import { __ } from '@wordpress/i18n';
+
+/**
+ * Internal dependencies
+ */
+import type { CommonPost } from '../../types';
+import { getItemTitle } from '../../actions/utils';
+
+export function BaseTitleView( {
+	item,
+	className,
+	children,
+}: {
+	item: CommonPost;
+	className?: string;
+	children?: ReactNode;
+} ) {
+	const renderedTitle = getItemTitle( item );
+	return (
+		<HStack
+			className={ clsx( 'fields-field__title', className ) }
+			alignment="center"
+			justify="flex-start"
+		>
+			<span>{ renderedTitle || __( '(no title)' ) }</span>
+			{ children }
+		</HStack>
+	);
+}
+
+export default function TitleView( { item }: { item: CommonPost } ) {
+	return <BaseTitleView item={ item } />;
+}

package/src/index.native.ts

@@ -1,2 +0,0 @@
-export * from './actions/duplicate-post.native';
-export * from './actions/reorder-page.native';

package/src/style.scss

@@ -2,3 +2,6 @@
 @import "./fields/slug/style.scss";
 @import "./fields/featured-image/style.scss";
 @import "./fields/template/style.scss";
+@import "./fields/title/style.scss";
+@import "./fields/page-title/style.scss";
+@import "./fields/pattern-title/style.scss";