@wordpress/edit-site 5.20.1 → 5.21.0

package/src/components/sidebar-navigation-screen-pattern/use-navigation-menu-title.js

@@ -0,0 +1,32 @@
+/**
+ * WordPress dependencies
+ */
+import { useSelect } from '@wordpress/data';
+import { store as coreStore } from '@wordpress/core-data';
+
+/**
+ * Internal dependencies
+ */
+import { NAVIGATION_POST_TYPE } from '../../utils/constants';
+
+export default function useNavigationMenuTitle( id ) {
+	return useSelect(
+		( select ) => {
+			if ( ! id ) {
+				return undefined;
+			}
+
+			const editedRecord = select( coreStore ).getEditedEntityRecord(
+				'postType',
+				NAVIGATION_POST_TYPE,
+				id
+			);
+
+			// Do not display a 'trashed' navigation menu.
+			return editedRecord.status === 'trash'
+				? undefined
+				: editedRecord.title;
+		},
+		[ id ]
+	);
+}

package/src/components/sidebar-navigation-screen-template/home-template-details.js

@@ -116,14 +116,28 @@ export default function HomeTemplateDetails() {
 	 * which contains the template icon and fallback labels
 	 */
 	const templateAreas = useMemo( () => {
+		// Keep track of template part IDs that have already been added to the array.
+		const templatePartIds = new Set();
+		const filterOutDuplicateTemplateParts = ( currentTemplatePart ) => {
+			// If the template part has already been added to the array, skip it.
+			if ( templatePartIds.has( currentTemplatePart.templatePart.id ) ) {
+				return;
+			}
+			// Add to the array of template part IDs.
+			templatePartIds.add( currentTemplatePart.templatePart.id );
+			return currentTemplatePart;
+		};
+
 		return currentTemplateParts.length && templatePartAreas
-			? currentTemplateParts.map( ( { templatePart, block } ) => ( {
-					...templatePartAreas?.find(
-						( { area } ) => area === templatePart?.area
-					),
-					...templatePart,
-					clientId: block.clientId,
-			  } ) )
+			? currentTemplateParts
+					.filter( filterOutDuplicateTemplateParts )
+					.map( ( { templatePart, block } ) => ( {
+						...templatePartAreas?.find(
+							( { area } ) => area === templatePart?.area
+						),
+						...templatePart,
+						clientId: block.clientId,
+					} ) )
 			: [];
 	}, [ currentTemplateParts, templatePartAreas ] );
 

package/src/hooks/commands/use-common-commands.js

@@ -190,8 +190,7 @@ function useGlobalStylesOpenCssCommands() {
 			: undefined;
 
 		return {
-			canEditCSS:
-				!! globalStyles?._links?.[ 'wp:action-edit-css' ] ?? false,
+			canEditCSS: !! globalStyles?._links?.[ 'wp:action-edit-css' ],
 		};
 	}, [] );
 	const { getCanvasMode } = unlock( useSelect( editSiteStore ) );

package/src/hooks/commands/use-edit-mode-commands.js

@@ -15,6 +15,7 @@ import {
 	code,
 	keyboard,
 	listView,
+	symbol,
 } from '@wordpress/icons';
 import { useCommandLoader } from '@wordpress/commands';
 import { decodeEntities } from '@wordpress/html-entities';
@@ -32,6 +33,7 @@ import isTemplateRemovable from '../../utils/is-template-removable';
 import isTemplateRevertable from '../../utils/is-template-revertable';
 import { KEYBOARD_SHORTCUT_HELP_MODAL_NAME } from '../../components/keyboard-shortcut-help-modal';
 import { PREFERENCES_MODAL_NAME } from '../../components/preferences-modal';
+import { PATTERN_MODALS } from '../../components/pattern-modal';
 import { unlock } from '../../lock-unlock';
 import { TEMPLATE_POST_TYPE } from '../../utils/constants';
 
@@ -359,6 +361,40 @@ function useEditUICommands() {
 	};
 }
 
+function usePatternCommands() {
+	const { isLoaded, record: pattern } = useEditedEntityRecord();
+	const { openModal } = useDispatch( interfaceStore );
+
+	if ( ! isLoaded ) {
+		return { isLoading: true, commands: [] };
+	}
+
+	const commands = [];
+
+	if ( pattern?.type === 'wp_block' ) {
+		commands.push( {
+			name: 'core/rename-pattern',
+			label: __( 'Rename pattern' ),
+			icon: symbol,
+			callback: ( { close } ) => {
+				openModal( PATTERN_MODALS.rename );
+				close();
+			},
+		} );
+		commands.push( {
+			name: 'core/duplicate-pattern',
+			label: __( 'Duplicate pattern' ),
+			icon: symbol,
+			callback: ( { close } ) => {
+				openModal( PATTERN_MODALS.duplicate );
+				close();
+			},
+		} );
+	}
+
+	return { isLoading: false, commands };
+}
+
 export function useEditModeCommands() {
 	useCommandLoader( {
 		name: 'core/exit-code-editor',
@@ -377,6 +413,11 @@ export function useEditModeCommands() {
 		hook: useManipulateDocumentCommands,
 	} );
 
+	useCommandLoader( {
+		name: 'core/edit-site/patterns',
+		hook: usePatternCommands,
+	} );
+
 	useCommandLoader( {
 		name: 'core/edit-site/edit-ui',
 		hook: useEditUICommands,

package/src/lock-unlock.js

@@ -5,6 +5,6 @@ import { __dangerousOptInToUnstableAPIsOnlyForCoreModules } from '@wordpress/pri
 
 export const { lock, unlock } =
 	__dangerousOptInToUnstableAPIsOnlyForCoreModules(
-		'I know using unstable features means my plugin or theme will inevitably break on the next WordPress release.',
+		'I know using unstable features means my theme or plugin will inevitably break in the next version of WordPress.',
 		'@wordpress/edit-site'
 	);

package/src/store/selectors.js

@@ -292,22 +292,21 @@ export function isSaveViewOpened( state ) {
  * @return {Array} Template parts and their blocks in an array.
  */
 export const getCurrentTemplateTemplateParts = createRegistrySelector(
-	( select ) => ( state ) => {
-		const templateType = getEditedPostType( state );
-		const templateId = getEditedPostId( state );
-		const template = select( coreDataStore ).getEditedEntityRecord(
-			'postType',
-			templateType,
-			templateId
-		);
-
+	( select ) => () => {
 		const templateParts = select( coreDataStore ).getEntityRecords(
 			'postType',
 			TEMPLATE_PART_POST_TYPE,
 			{ per_page: -1 }
 		);
 
-		return getFilteredTemplatePartBlocks( template.blocks, templateParts );
+		const clientIds =
+			select( blockEditorStore ).__experimentalGetGlobalBlocksByName(
+				'core/template-part'
+			);
+		const blocks =
+			select( blockEditorStore ).getBlocksByClientId( clientIds );
+
+		return getFilteredTemplatePartBlocks( blocks, templateParts );
 	}
 );
 

package/src/style.scss

@@ -11,6 +11,7 @@
 @import "./components/header-edit-mode/document-actions/style.scss";
 @import "./components/list/style.scss";
 @import "./components/page/style.scss";
+@import "./components/page-pages/style.scss";
 @import "./components/page-patterns/style.scss";
 @import "./components/table/style.scss";
 @import "./components/sidebar-edit-mode/style.scss";

package/build/components/dataviews/list-view.js

@@ -1,89 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = require("react");
-var _classnames = _interopRequireDefault(require("classnames"));
-var _reactTable = require("@tanstack/react-table");
-var _i18n = require("@wordpress/i18n");
-var _icons = require("@wordpress/icons");
-var _components = require("@wordpress/components");
-var _element = require("@wordpress/element");
-/**
- * External dependencies
- */
-
-/**
- * WordPress dependencies
- */
-
-const sortIcons = {
-  asc: _icons.chevronUp,
-  desc: _icons.chevronDown
-};
-function Header({
-  header
-}) {
-  if (header.isPlaceholder) {
-    return null;
-  }
-  const text = (0, _reactTable.flexRender)(header.column.columnDef.header, header.getContext());
-  if (!header.column.getCanSort()) {
-    return text;
-  }
-  const sortDirection = header.column.getIsSorted();
-  return (0, _react.createElement)(_components.Button, {
-    onClick: header.column.getToggleSortingHandler(),
-    icon: sortIcons[sortDirection],
-    iconPosition: "right",
-    text: text,
-    style: {
-      padding: 0
-    }
-  });
-}
-function ListView({
-  dataView,
-  className,
-  isLoading = false
-}, ref) {
-  const {
-    rows
-  } = dataView.getRowModel();
-  const hasRows = !!rows?.length;
-  if (isLoading) {
-    // TODO:Add spinner or progress bar..
-    return (0, _react.createElement)("h3", null, (0, _i18n.__)('Loading'));
-  }
-  return (0, _react.createElement)("div", {
-    className: "dataviews-list-view-wrapper"
-  }, hasRows && (0, _react.createElement)("table", {
-    ref: ref,
-    className: (0, _classnames.default)('dataviews-list-view', className)
-  }, (0, _react.createElement)("thead", null, dataView.getHeaderGroups().map(headerGroup => (0, _react.createElement)("tr", {
-    key: headerGroup.id
-  }, headerGroup.headers.map(header => (0, _react.createElement)("th", {
-    key: header.id,
-    colSpan: header.colSpan,
-    style: {
-      width: header.column.columnDef.width || undefined,
-      maxWidth: header.column.columnDef.maxWidth || undefined
-    }
-  }, (0, _react.createElement)(Header, {
-    header: header
-  })))))), (0, _react.createElement)("tbody", null, rows.map(row => (0, _react.createElement)("tr", {
-    key: row.id
-  }, row.getVisibleCells().map(cell => (0, _react.createElement)("td", {
-    key: cell.id,
-    style: {
-      width: cell.column.columnDef.width || undefined,
-      maxWidth: cell.column.columnDef.maxWidth || undefined
-    }
-  }, (0, _reactTable.flexRender)(cell.column.columnDef.cell, cell.getContext()))))))), !hasRows && (0, _react.createElement)("p", null, (0, _i18n.__)('no results')));
-}
-var _default = (0, _element.forwardRef)(ListView);
-exports.default = _default;
-//# sourceMappingURL=list-view.js.map

package/build/components/dataviews/list-view.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["_classnames","_interopRequireDefault","require","_reactTable","_i18n","_icons","_components","_element","sortIcons","asc","chevronUp","desc","chevronDown","Header","header","isPlaceholder","text","flexRender","column","columnDef","getContext","getCanSort","sortDirection","getIsSorted","_react","createElement","Button","onClick","getToggleSortingHandler","icon","iconPosition","style","padding","ListView","dataView","className","isLoading","ref","rows","getRowModel","hasRows","length","__","classnames","getHeaderGroups","map","headerGroup","key","id","headers","colSpan","width","undefined","maxWidth","row","getVisibleCells","cell","_default","forwardRef","exports","default"],"sources":["@wordpress/edit-site/src/components/dataviews/list-view.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport classnames from 'classnames';\nimport { flexRender } from '@tanstack/react-table';\n\n/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { chevronDown, chevronUp } from '@wordpress/icons';\nimport { Button } from '@wordpress/components';\nimport { forwardRef } from '@wordpress/element';\n\nconst sortIcons = { asc: chevronUp, desc: chevronDown };\nfunction Header( { header } ) {\n\tif ( header.isPlaceholder ) {\n\t\treturn null;\n\t}\n\tconst text = flexRender(\n\t\theader.column.columnDef.header,\n\t\theader.getContext()\n\t);\n\tif ( ! header.column.getCanSort() ) {\n\t\treturn text;\n\t}\n\tconst sortDirection = header.column.getIsSorted();\n\treturn (\n\t\t<Button\n\t\t\tonClick={ header.column.getToggleSortingHandler() }\n\t\t\ticon={ sortIcons[ sortDirection ] }\n\t\t\ticonPosition=\"right\"\n\t\t\ttext={ text }\n\t\t\tstyle={ { padding: 0 } }\n\t\t/>\n\t);\n}\n\nfunction ListView( { dataView, className, isLoading = false }, ref ) {\n\tconst { rows } = dataView.getRowModel();\n\tconst hasRows = !! rows?.length;\n\tif ( isLoading ) {\n\t\t// TODO:Add spinner or progress bar..\n\t\treturn <h3>{ __( 'Loading' ) }</h3>;\n\t}\n\treturn (\n\t\t<div className=\"dataviews-list-view-wrapper\">\n\t\t\t{ hasRows && (\n\t\t\t\t<table\n\t\t\t\t\tref={ ref }\n\t\t\t\t\tclassName={ classnames( 'dataviews-list-view', className ) }\n\t\t\t\t>\n\t\t\t\t\t<thead>\n\t\t\t\t\t\t{ dataView.getHeaderGroups().map( ( headerGroup ) => (\n\t\t\t\t\t\t\t<tr key={ headerGroup.id }>\n\t\t\t\t\t\t\t\t{ headerGroup.headers.map( ( header ) => (\n\t\t\t\t\t\t\t\t\t<th\n\t\t\t\t\t\t\t\t\t\tkey={ header.id }\n\t\t\t\t\t\t\t\t\t\tcolSpan={ header.colSpan }\n\t\t\t\t\t\t\t\t\t\tstyle={ {\n\t\t\t\t\t\t\t\t\t\t\twidth:\n\t\t\t\t\t\t\t\t\t\t\t\theader.column.columnDef.width ||\n\t\t\t\t\t\t\t\t\t\t\t\tundefined,\n\t\t\t\t\t\t\t\t\t\t\tmaxWidth:\n\t\t\t\t\t\t\t\t\t\t\t\theader.column.columnDef\n\t\t\t\t\t\t\t\t\t\t\t\t\t.maxWidth || undefined,\n\t\t\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t<Header header={ header } />\n\t\t\t\t\t\t\t\t\t</th>\n\t\t\t\t\t\t\t\t) ) }\n\t\t\t\t\t\t\t</tr>\n\t\t\t\t\t\t) ) }\n\t\t\t\t\t</thead>\n\t\t\t\t\t<tbody>\n\t\t\t\t\t\t{ rows.map( ( row ) => (\n\t\t\t\t\t\t\t<tr key={ row.id }>\n\t\t\t\t\t\t\t\t{ row.getVisibleCells().map( ( cell ) => (\n\t\t\t\t\t\t\t\t\t<td\n\t\t\t\t\t\t\t\t\t\tkey={ cell.id }\n\t\t\t\t\t\t\t\t\t\tstyle={ {\n\t\t\t\t\t\t\t\t\t\t\twidth:\n\t\t\t\t\t\t\t\t\t\t\t\tcell.column.columnDef.width ||\n\t\t\t\t\t\t\t\t\t\t\t\tundefined,\n\t\t\t\t\t\t\t\t\t\t\tmaxWidth:\n\t\t\t\t\t\t\t\t\t\t\t\tcell.column.columnDef\n\t\t\t\t\t\t\t\t\t\t\t\t\t.maxWidth || undefined,\n\t\t\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t{ flexRender(\n\t\t\t\t\t\t\t\t\t\t\tcell.column.columnDef.cell,\n\t\t\t\t\t\t\t\t\t\t\tcell.getContext()\n\t\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t\t</td>\n\t\t\t\t\t\t\t\t) ) }\n\t\t\t\t\t\t\t</tr>\n\t\t\t\t\t\t) ) }\n\t\t\t\t\t</tbody>\n\t\t\t\t</table>\n\t\t\t) }\n\t\t\t{ ! hasRows && <p>{ __( 'no results' ) }</p> }\n\t\t</div>\n\t);\n}\n\nexport default forwardRef( ListView );\n"],"mappings":"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"}

package/build-module/components/dataviews/list-view.js

@@ -1,80 +0,0 @@
-import { createElement } from "react";
-/**
- * External dependencies
- */
-import classnames from 'classnames';
-import { flexRender } from '@tanstack/react-table';
-
-/**
- * WordPress dependencies
- */
-import { __ } from '@wordpress/i18n';
-import { chevronDown, chevronUp } from '@wordpress/icons';
-import { Button } from '@wordpress/components';
-import { forwardRef } from '@wordpress/element';
-const sortIcons = {
-  asc: chevronUp,
-  desc: chevronDown
-};
-function Header({
-  header
-}) {
-  if (header.isPlaceholder) {
-    return null;
-  }
-  const text = flexRender(header.column.columnDef.header, header.getContext());
-  if (!header.column.getCanSort()) {
-    return text;
-  }
-  const sortDirection = header.column.getIsSorted();
-  return createElement(Button, {
-    onClick: header.column.getToggleSortingHandler(),
-    icon: sortIcons[sortDirection],
-    iconPosition: "right",
-    text: text,
-    style: {
-      padding: 0
-    }
-  });
-}
-function ListView({
-  dataView,
-  className,
-  isLoading = false
-}, ref) {
-  const {
-    rows
-  } = dataView.getRowModel();
-  const hasRows = !!rows?.length;
-  if (isLoading) {
-    // TODO:Add spinner or progress bar..
-    return createElement("h3", null, __('Loading'));
-  }
-  return createElement("div", {
-    className: "dataviews-list-view-wrapper"
-  }, hasRows && createElement("table", {
-    ref: ref,
-    className: classnames('dataviews-list-view', className)
-  }, createElement("thead", null, dataView.getHeaderGroups().map(headerGroup => createElement("tr", {
-    key: headerGroup.id
-  }, headerGroup.headers.map(header => createElement("th", {
-    key: header.id,
-    colSpan: header.colSpan,
-    style: {
-      width: header.column.columnDef.width || undefined,
-      maxWidth: header.column.columnDef.maxWidth || undefined
-    }
-  }, createElement(Header, {
-    header: header
-  })))))), createElement("tbody", null, rows.map(row => createElement("tr", {
-    key: row.id
-  }, row.getVisibleCells().map(cell => createElement("td", {
-    key: cell.id,
-    style: {
-      width: cell.column.columnDef.width || undefined,
-      maxWidth: cell.column.columnDef.maxWidth || undefined
-    }
-  }, flexRender(cell.column.columnDef.cell, cell.getContext()))))))), !hasRows && createElement("p", null, __('no results')));
-}
-export default forwardRef(ListView);
-//# sourceMappingURL=list-view.js.map

package/build-module/components/dataviews/list-view.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["classnames","flexRender","__","chevronDown","chevronUp","Button","forwardRef","sortIcons","asc","desc","Header","header","isPlaceholder","text","column","columnDef","getContext","getCanSort","sortDirection","getIsSorted","createElement","onClick","getToggleSortingHandler","icon","iconPosition","style","padding","ListView","dataView","className","isLoading","ref","rows","getRowModel","hasRows","length","getHeaderGroups","map","headerGroup","key","id","headers","colSpan","width","undefined","maxWidth","row","getVisibleCells","cell"],"sources":["@wordpress/edit-site/src/components/dataviews/list-view.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport classnames from 'classnames';\nimport { flexRender } from '@tanstack/react-table';\n\n/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { chevronDown, chevronUp } from '@wordpress/icons';\nimport { Button } from '@wordpress/components';\nimport { forwardRef } from '@wordpress/element';\n\nconst sortIcons = { asc: chevronUp, desc: chevronDown };\nfunction Header( { header } ) {\n\tif ( header.isPlaceholder ) {\n\t\treturn null;\n\t}\n\tconst text = flexRender(\n\t\theader.column.columnDef.header,\n\t\theader.getContext()\n\t);\n\tif ( ! header.column.getCanSort() ) {\n\t\treturn text;\n\t}\n\tconst sortDirection = header.column.getIsSorted();\n\treturn (\n\t\t<Button\n\t\t\tonClick={ header.column.getToggleSortingHandler() }\n\t\t\ticon={ sortIcons[ sortDirection ] }\n\t\t\ticonPosition=\"right\"\n\t\t\ttext={ text }\n\t\t\tstyle={ { padding: 0 } }\n\t\t/>\n\t);\n}\n\nfunction ListView( { dataView, className, isLoading = false }, ref ) {\n\tconst { rows } = dataView.getRowModel();\n\tconst hasRows = !! rows?.length;\n\tif ( isLoading ) {\n\t\t// TODO:Add spinner or progress bar..\n\t\treturn <h3>{ __( 'Loading' ) }</h3>;\n\t}\n\treturn (\n\t\t<div className=\"dataviews-list-view-wrapper\">\n\t\t\t{ hasRows && (\n\t\t\t\t<table\n\t\t\t\t\tref={ ref }\n\t\t\t\t\tclassName={ classnames( 'dataviews-list-view', className ) }\n\t\t\t\t>\n\t\t\t\t\t<thead>\n\t\t\t\t\t\t{ dataView.getHeaderGroups().map( ( headerGroup ) => (\n\t\t\t\t\t\t\t<tr key={ headerGroup.id }>\n\t\t\t\t\t\t\t\t{ headerGroup.headers.map( ( header ) => (\n\t\t\t\t\t\t\t\t\t<th\n\t\t\t\t\t\t\t\t\t\tkey={ header.id }\n\t\t\t\t\t\t\t\t\t\tcolSpan={ header.colSpan }\n\t\t\t\t\t\t\t\t\t\tstyle={ {\n\t\t\t\t\t\t\t\t\t\t\twidth:\n\t\t\t\t\t\t\t\t\t\t\t\theader.column.columnDef.width ||\n\t\t\t\t\t\t\t\t\t\t\t\tundefined,\n\t\t\t\t\t\t\t\t\t\t\tmaxWidth:\n\t\t\t\t\t\t\t\t\t\t\t\theader.column.columnDef\n\t\t\t\t\t\t\t\t\t\t\t\t\t.maxWidth || undefined,\n\t\t\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t<Header header={ header } />\n\t\t\t\t\t\t\t\t\t</th>\n\t\t\t\t\t\t\t\t) ) }\n\t\t\t\t\t\t\t</tr>\n\t\t\t\t\t\t) ) }\n\t\t\t\t\t</thead>\n\t\t\t\t\t<tbody>\n\t\t\t\t\t\t{ rows.map( ( row ) => (\n\t\t\t\t\t\t\t<tr key={ row.id }>\n\t\t\t\t\t\t\t\t{ row.getVisibleCells().map( ( cell ) => (\n\t\t\t\t\t\t\t\t\t<td\n\t\t\t\t\t\t\t\t\t\tkey={ cell.id }\n\t\t\t\t\t\t\t\t\t\tstyle={ {\n\t\t\t\t\t\t\t\t\t\t\twidth:\n\t\t\t\t\t\t\t\t\t\t\t\tcell.column.columnDef.width ||\n\t\t\t\t\t\t\t\t\t\t\t\tundefined,\n\t\t\t\t\t\t\t\t\t\t\tmaxWidth:\n\t\t\t\t\t\t\t\t\t\t\t\tcell.column.columnDef\n\t\t\t\t\t\t\t\t\t\t\t\t\t.maxWidth || undefined,\n\t\t\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t{ flexRender(\n\t\t\t\t\t\t\t\t\t\t\tcell.column.columnDef.cell,\n\t\t\t\t\t\t\t\t\t\t\tcell.getContext()\n\t\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t\t</td>\n\t\t\t\t\t\t\t\t) ) }\n\t\t\t\t\t\t\t</tr>\n\t\t\t\t\t\t) ) }\n\t\t\t\t\t</tbody>\n\t\t\t\t</table>\n\t\t\t) }\n\t\t\t{ ! hasRows && <p>{ __( 'no results' ) }</p> }\n\t\t</div>\n\t);\n}\n\nexport default forwardRef( ListView );\n"],"mappings":"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"}

package/src/components/dataviews/list-view.js

@@ -1,106 +0,0 @@
-/**
- * External dependencies
- */
-import classnames from 'classnames';
-import { flexRender } from '@tanstack/react-table';
-
-/**
- * WordPress dependencies
- */
-import { __ } from '@wordpress/i18n';
-import { chevronDown, chevronUp } from '@wordpress/icons';
-import { Button } from '@wordpress/components';
-import { forwardRef } from '@wordpress/element';
-
-const sortIcons = { asc: chevronUp, desc: chevronDown };
-function Header( { header } ) {
-	if ( header.isPlaceholder ) {
-		return null;
-	}
-	const text = flexRender(
-		header.column.columnDef.header,
-		header.getContext()
-	);
-	if ( ! header.column.getCanSort() ) {
-		return text;
-	}
-	const sortDirection = header.column.getIsSorted();
-	return (
-		<Button
-			onClick={ header.column.getToggleSortingHandler() }
-			icon={ sortIcons[ sortDirection ] }
-			iconPosition="right"
-			text={ text }
-			style={ { padding: 0 } }
-		/>
-	);
-}
-
-function ListView( { dataView, className, isLoading = false }, ref ) {
-	const { rows } = dataView.getRowModel();
-	const hasRows = !! rows?.length;
-	if ( isLoading ) {
-		// TODO:Add spinner or progress bar..
-		return <h3>{ __( 'Loading' ) }</h3>;
-	}
-	return (
-		<div className="dataviews-list-view-wrapper">
-			{ hasRows && (
-				<table
-					ref={ ref }
-					className={ classnames( 'dataviews-list-view', className ) }
-				>
-					<thead>
-						{ dataView.getHeaderGroups().map( ( headerGroup ) => (
-							<tr key={ headerGroup.id }>
-								{ headerGroup.headers.map( ( header ) => (
-									<th
-										key={ header.id }
-										colSpan={ header.colSpan }
-										style={ {
-											width:
-												header.column.columnDef.width ||
-												undefined,
-											maxWidth:
-												header.column.columnDef
-													.maxWidth || undefined,
-										} }
-									>
-										<Header header={ header } />
-									</th>
-								) ) }
-							</tr>
-						) ) }
-					</thead>
-					<tbody>
-						{ rows.map( ( row ) => (
-							<tr key={ row.id }>
-								{ row.getVisibleCells().map( ( cell ) => (
-									<td
-										key={ cell.id }
-										style={ {
-											width:
-												cell.column.columnDef.width ||
-												undefined,
-											maxWidth:
-												cell.column.columnDef
-													.maxWidth || undefined,
-										} }
-									>
-										{ flexRender(
-											cell.column.columnDef.cell,
-											cell.getContext()
-										) }
-									</td>
-								) ) }
-							</tr>
-						) ) }
-					</tbody>
-				</table>
-			) }
-			{ ! hasRows && <p>{ __( 'no results' ) }</p> }
-		</div>
-	);
-}
-
-export default forwardRef( ListView );