@wordpress/edit-site 5.24.1 → 5.25.0

package/src/components/site-hub/index.js

@@ -17,6 +17,7 @@ import { useReducedMotion } from '@wordpress/compose';
 import { __ } from '@wordpress/i18n';
 import { store as blockEditorStore } from '@wordpress/block-editor';
 import { store as coreStore } from '@wordpress/core-data';
+import { store as editorStore } from '@wordpress/editor';
 import { decodeEntities } from '@wordpress/html-entities';
 import { memo } from '@wordpress/element';
 import { search, external } from '@wordpress/icons';
@@ -57,11 +58,9 @@ const SiteHub = memo( ( { isTransparent, className } ) => {
 	const { open: openCommandCenter } = useDispatch( commandsStore );
 
 	const disableMotion = useReducedMotion();
-	const {
-		setCanvasMode,
-		__experimentalSetPreviewDeviceType: setPreviewDeviceType,
-	} = unlock( useDispatch( editSiteStore ) );
+	const { setCanvasMode } = unlock( useDispatch( editSiteStore ) );
 	const { clearSelectedBlock } = useDispatch( blockEditorStore );
+	const { setDeviceType } = useDispatch( editorStore );
 	const isBackToDashboardButton = canvasMode === 'view';
 	const siteIconButtonProps = isBackToDashboardButton
 		? {
@@ -76,7 +75,7 @@ const SiteHub = memo( ( { isTransparent, className } ) => {
 					event.preventDefault();
 					if ( canvasMode === 'edit' ) {
 						clearSelectedBlock();
-						setPreviewDeviceType( 'Desktop' );
+						setDeviceType( 'Desktop' );
 						setCanvasMode( 'view' );
 					}
 				},

package/src/components/template-actions/rename-menu-item.js

@@ -107,6 +107,7 @@ export default function RenameMenuItem( { template, onClose } ) {
 						<VStack spacing="5">
 							<TextControl
 								__nextHasNoMarginBottom
+								__next40pxDefaultSize
 								label={ __( 'Name' ) }
 								value={ editedTitle }
 								onChange={ setEditedTitle }
@@ -115,6 +116,7 @@ export default function RenameMenuItem( { template, onClose } ) {
 
 							<HStack justify="right">
 								<Button
+									__next40pxDefaultSize
 									variant="tertiary"
 									onClick={ () => {
 										setIsModalOpen( false );
@@ -123,7 +125,11 @@ export default function RenameMenuItem( { template, onClose } ) {
 									{ __( 'Cancel' ) }
 								</Button>
 
-								<Button variant="primary" type="submit">
+								<Button
+									__next40pxDefaultSize
+									variant="primary"
+									type="submit"
+								>
 									{ __( 'Save' ) }
 								</Button>
 							</HStack>

package/src/components/welcome-guide/styles.js

@@ -118,7 +118,7 @@ export default function WelcomeGuideStyles() {
 							<p className="edit-site-welcome-guide__text">
 								{ __(
 									'New to block themes and styling your site?'
-								) }
+								) }{ ' ' }
 								<ExternalLink
 									href={ __(
 										'https://wordpress.org/documentation/article/styles-overview/'

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

@@ -244,11 +244,16 @@ function useGlobalStylesOpenRevisionsCommands() {
 	const isMobileViewport = useViewportMatch( 'medium', '<' );
 	const isEditorPage = ! getIsListPage( params, isMobileViewport );
 	const history = useHistory();
-	const hasRevisions = useSelect(
-		( select ) =>
-			select( coreStore ).getCurrentThemeGlobalStylesRevisions()?.length,
-		[]
-	);
+	const hasRevisions = useSelect( ( select ) => {
+		const { getEntityRecord, __experimentalGetCurrentGlobalStylesId } =
+			select( coreStore );
+		const globalStylesId = __experimentalGetCurrentGlobalStylesId();
+		const globalStyles = globalStylesId
+			? getEntityRecord( 'root', 'globalStyles', globalStylesId )
+			: undefined;
+		return !! globalStyles?._links?.[ 'version-history' ]?.[ 0 ]?.count;
+	}, [] );
+
 	const commands = useMemo( () => {
 		if ( ! hasRevisions ) {
 			return [];

package/src/hooks/navigation-menu-edit.js

@@ -43,7 +43,7 @@ function NavigationMenuEdit( { attributes } ) {
 		},
 		{
 			// this applies to Navigation Menus as well.
-			fromTemplateId: params.postId,
+			fromTemplateId: params.postId || navigationMenu?.id,
 		}
 	);
 

package/src/hooks/template-part-edit.js

@@ -43,7 +43,7 @@ function EditTemplatePartMenuItem( { attributes } ) {
 			canvas: 'edit',
 		},
 		{
-			fromTemplateId: params.postId,
+			fromTemplateId: params.postId || templatePart?.id,
 		}
 	);
 

package/src/store/actions.js

@@ -10,6 +10,7 @@ import { store as noticesStore } from '@wordpress/notices';
 import { store as coreStore } from '@wordpress/core-data';
 import { store as interfaceStore } from '@wordpress/interface';
 import { store as blockEditorStore } from '@wordpress/block-editor';
+import { store as editorStore } from '@wordpress/editor';
 import { speak } from '@wordpress/a11y';
 import { store as preferencesStore } from '@wordpress/preferences';
 import { decodeEntities } from '@wordpress/html-entities';
@@ -49,16 +50,25 @@ export function toggleFeature( featureName ) {
 /**
  * Action that changes the width of the editing canvas.
  *
+ * @deprecated
+ *
  * @param {string} deviceType
  *
  * @return {Object} Action object.
  */
-export function __experimentalSetPreviewDeviceType( deviceType ) {
-	return {
-		type: 'SET_PREVIEW_DEVICE_TYPE',
-		deviceType,
+export const __experimentalSetPreviewDeviceType =
+	( deviceType ) =>
+	( { registry } ) => {
+		deprecated(
+			"dispatch( 'core/edit-site' ).__experimentalSetPreviewDeviceType",
+			{
+				since: '6.5',
+				version: '6.7',
+				hint: 'registry.dispatch( editorStore ).setDeviceType',
+			}
+		);
+		registry.dispatch( editorStore ).setDeviceType( deviceType );
 	};
-}
 
 /**
  * Action that sets a template, optionally fetching it from REST API.

package/src/store/reducer.js

@@ -3,23 +3,6 @@
  */
 import { combineReducers } from '@wordpress/data';
 
-/**
- * Reducer returning the editing canvas device type.
- *
- * @param {Object} state  Current state.
- * @param {Object} action Dispatched action.
- *
- * @return {Object} Updated state.
- */
-export function deviceType( state = 'Desktop', action ) {
-	switch ( action.type ) {
-		case 'SET_PREVIEW_DEVICE_TYPE':
-			return action.deviceType;
-	}
-
-	return state;
-}
-
 /**
  * Reducer returning the settings.
  *
@@ -158,7 +141,6 @@ function editorCanvasContainerView( state = undefined, action ) {
 }
 
 export default combineReducers( {
-	deviceType,
 	settings,
 	editedPost,
 	blockInserterPanel,

package/src/store/selectors.js

@@ -44,13 +44,25 @@ export const isFeatureActive = createRegistrySelector(
 /**
  * Returns the current editing canvas device type.
  *
+ * @deprecated
+ *
  * @param {Object} state Global application state.
  *
  * @return {string} Device type.
  */
-export function __experimentalGetPreviewDeviceType( state ) {
-	return state.deviceType;
-}
+export const __experimentalGetPreviewDeviceType = createRegistrySelector(
+	( select ) => () => {
+		deprecated(
+			`select( 'core/edit-site' ).__experimentalGetPreviewDeviceType`,
+			{
+				since: '6.5',
+				version: '6.7',
+				alternative: `select( 'core/editor' ).getDeviceType`,
+			}
+		);
+		return select( editorStore ).getDeviceType();
+	}
+);
 
 /**
  * Returns whether the current user can create media or not.

package/src/style.scss

@@ -1,14 +1,13 @@
 @import "../../interface/src/style.scss";
+@import "../../dataviews/src/style.scss";
 
 @import "./components/add-new-template/style.scss";
 @import "./components/block-editor/style.scss";
 @import "./components/canvas-loader/style.scss";
 @import "./components/code-editor/style.scss";
-@import "./components/dataviews/style.scss";
 @import "./components/global-styles/style.scss";
 @import "./components/global-styles/screen-revisions/style.scss";
 @import "./components/header-edit-mode/style.scss";
-@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";

package/src/utils/constants.js

@@ -44,3 +44,11 @@ export const POST_TYPE_LABELS = {
 	[ PATTERN_TYPES.user ]: __( 'Pattern' ),
 	[ NAVIGATION_POST_TYPE ]: __( 'Navigation' ),
 };
+
+// DataViews constants
+export const LAYOUT_GRID = 'grid';
+export const LAYOUT_TABLE = 'table';
+export const LAYOUT_LIST = 'list';
+export const ENUMERATION_TYPE = 'enumeration';
+export const OPERATOR_IN = 'in';
+export const OPERATOR_NOT_IN = 'notIn';

package/build/components/dataviews/add-filter.js

@@ -1,91 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = AddFilter;
-var _react = require("react");
-var _components = require("@wordpress/components");
-var _icons = require("@wordpress/icons");
-var _i18n = require("@wordpress/i18n");
-var _lockUnlock = require("../../lock-unlock");
-var _constants = require("./constants");
-/**
- * WordPress dependencies
- */
-
-/**
- * Internal dependencies
- */
-
-const {
-  DropdownMenuV2: DropdownMenu,
-  DropdownSubMenuV2: DropdownSubMenu,
-  DropdownSubMenuTriggerV2: DropdownSubMenuTrigger,
-  DropdownMenuItemV2: DropdownMenuItem
-} = (0, _lockUnlock.unlock)(_components.privateApis);
-function AddFilter({
-  fields,
-  view,
-  onChangeView
-}) {
-  const filters = [];
-  fields.forEach(field => {
-    if (!field.type) {
-      return;
-    }
-    switch (field.type) {
-      case _constants.ENUMERATION_TYPE:
-        filters.push({
-          field: field.id,
-          name: field.header,
-          elements: field.elements || [],
-          isVisible: view.filters.some(f => f.field === field.id && f.operator === _constants.OPERATOR_IN)
-        });
-    }
-  });
-  if (filters.length === 0) {
-    return null;
-  }
-  return (0, _react.createElement)(DropdownMenu, {
-    label: (0, _i18n.__)('Add filter'),
-    trigger: (0, _react.createElement)(_components.Button, {
-      disabled: filters.length === view.filters?.length,
-      __experimentalIsFocusable: true,
-      variant: "tertiary",
-      size: "compact"
-    }, (0, _react.createElement)(_components.Icon, {
-      icon: _icons.plus,
-      style: {
-        flexShrink: 0
-      }
-    }), (0, _i18n.__)('Add filter'))
-  }, filters.map(filter => {
-    if (filter.isVisible) {
-      return null;
-    }
-    return (0, _react.createElement)(DropdownSubMenu, {
-      key: filter.field,
-      trigger: (0, _react.createElement)(DropdownSubMenuTrigger, {
-        suffix: (0, _react.createElement)(_components.Icon, {
-          icon: _icons.chevronRightSmall
-        })
-      }, filter.name)
-    }, filter.elements.map(element => (0, _react.createElement)(DropdownMenuItem, {
-      key: element.value,
-      onSelect: () => {
-        onChangeView(currentView => ({
-          ...currentView,
-          page: 1,
-          filters: [...currentView.filters, {
-            field: filter.field,
-            operator: _constants.OPERATOR_IN,
-            value: element.value
-          }]
-        }));
-      },
-      role: "menuitemcheckbox"
-    }, element.label)));
-  }));
-}
-//# sourceMappingURL=add-filter.js.map

package/build/components/dataviews/add-filter.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["_components","require","_icons","_i18n","_lockUnlock","_constants","DropdownMenuV2","DropdownMenu","DropdownSubMenuV2","DropdownSubMenu","DropdownSubMenuTriggerV2","DropdownSubMenuTrigger","DropdownMenuItemV2","DropdownMenuItem","unlock","componentsPrivateApis","AddFilter","fields","view","onChangeView","filters","forEach","field","type","ENUMERATION_TYPE","push","id","name","header","elements","isVisible","some","f","operator","OPERATOR_IN","length","_react","createElement","label","__","trigger","Button","disabled","__experimentalIsFocusable","variant","size","Icon","icon","plus","style","flexShrink","map","filter","key","suffix","chevronRightSmall","element","value","onSelect","currentView","page","role"],"sources":["@wordpress/edit-site/src/components/dataviews/add-filter.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport {\n\tprivateApis as componentsPrivateApis,\n\tButton,\n\tIcon,\n} from '@wordpress/components';\nimport { chevronRightSmall, plus } from '@wordpress/icons';\nimport { __ } from '@wordpress/i18n';\n\n/**\n * Internal dependencies\n */\nimport { unlock } from '../../lock-unlock';\nimport { ENUMERATION_TYPE, OPERATOR_IN } from './constants';\n\nconst {\n\tDropdownMenuV2: DropdownMenu,\n\tDropdownSubMenuV2: DropdownSubMenu,\n\tDropdownSubMenuTriggerV2: DropdownSubMenuTrigger,\n\tDropdownMenuItemV2: DropdownMenuItem,\n} = unlock( componentsPrivateApis );\n\nexport default function AddFilter( { fields, view, onChangeView } ) {\n\tconst filters = [];\n\tfields.forEach( ( field ) => {\n\t\tif ( ! field.type ) {\n\t\t\treturn;\n\t\t}\n\n\t\tswitch ( field.type ) {\n\t\t\tcase ENUMERATION_TYPE:\n\t\t\t\tfilters.push( {\n\t\t\t\t\tfield: field.id,\n\t\t\t\t\tname: field.header,\n\t\t\t\t\telements: field.elements || [],\n\t\t\t\t\tisVisible: view.filters.some(\n\t\t\t\t\t\t( f ) =>\n\t\t\t\t\t\t\tf.field === field.id && f.operator === OPERATOR_IN\n\t\t\t\t\t),\n\t\t\t\t} );\n\t\t}\n\t} );\n\n\tif ( filters.length === 0 ) {\n\t\treturn null;\n\t}\n\n\treturn (\n\t\t<DropdownMenu\n\t\t\tlabel={ __( 'Add filter' ) }\n\t\t\ttrigger={\n\t\t\t\t<Button\n\t\t\t\t\tdisabled={ filters.length === view.filters?.length }\n\t\t\t\t\t__experimentalIsFocusable\n\t\t\t\t\tvariant=\"tertiary\"\n\t\t\t\t\tsize=\"compact\"\n\t\t\t\t>\n\t\t\t\t\t<Icon icon={ plus } style={ { flexShrink: 0 } } />\n\t\t\t\t\t{ __( 'Add filter' ) }\n\t\t\t\t</Button>\n\t\t\t}\n\t\t>\n\t\t\t{ filters.map( ( filter ) => {\n\t\t\t\tif ( filter.isVisible ) {\n\t\t\t\t\treturn null;\n\t\t\t\t}\n\n\t\t\t\treturn (\n\t\t\t\t\t<DropdownSubMenu\n\t\t\t\t\t\tkey={ filter.field }\n\t\t\t\t\t\ttrigger={\n\t\t\t\t\t\t\t<DropdownSubMenuTrigger\n\t\t\t\t\t\t\t\tsuffix={ <Icon icon={ chevronRightSmall } /> }\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{ filter.name }\n\t\t\t\t\t\t\t</DropdownSubMenuTrigger>\n\t\t\t\t\t\t}\n\t\t\t\t\t>\n\t\t\t\t\t\t{ filter.elements.map( ( element ) => (\n\t\t\t\t\t\t\t<DropdownMenuItem\n\t\t\t\t\t\t\t\tkey={ element.value }\n\t\t\t\t\t\t\t\tonSelect={ () => {\n\t\t\t\t\t\t\t\t\tonChangeView( ( currentView ) => ( {\n\t\t\t\t\t\t\t\t\t\t...currentView,\n\t\t\t\t\t\t\t\t\t\tpage: 1,\n\t\t\t\t\t\t\t\t\t\tfilters: [\n\t\t\t\t\t\t\t\t\t\t\t...currentView.filters,\n\t\t\t\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\t\t\t\tfield: filter.field,\n\t\t\t\t\t\t\t\t\t\t\t\toperator: OPERATOR_IN,\n\t\t\t\t\t\t\t\t\t\t\t\tvalue: element.value,\n\t\t\t\t\t\t\t\t\t\t\t},\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} }\n\t\t\t\t\t\t\t\trole=\"menuitemcheckbox\"\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{ element.label }\n\t\t\t\t\t\t\t</DropdownMenuItem>\n\t\t\t\t\t\t) ) }\n\t\t\t\t\t</DropdownSubMenu>\n\t\t\t\t);\n\t\t\t} ) }\n\t\t</DropdownMenu>\n\t);\n}\n"],"mappings":"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"}

package/build/components/dataviews/constants.js

@@ -1,14 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.OPERATOR_IN = exports.ENUMERATION_TYPE = void 0;
-// Field types.
-const ENUMERATION_TYPE = 'enumeration';
-
-// Filter operators.
-exports.ENUMERATION_TYPE = ENUMERATION_TYPE;
-const OPERATOR_IN = 'in';
-exports.OPERATOR_IN = OPERATOR_IN;
-//# sourceMappingURL=constants.js.map

package/build/components/dataviews/constants.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["ENUMERATION_TYPE","exports","OPERATOR_IN"],"sources":["@wordpress/edit-site/src/components/dataviews/constants.js"],"sourcesContent":["// Field types.\nexport const ENUMERATION_TYPE = 'enumeration';\n\n// Filter operators.\nexport const OPERATOR_IN = 'in';\n"],"mappings":";;;;;;AAAA;AACO,MAAMA,gBAAgB,GAAG,aAAa;;AAE7C;AAAAC,OAAA,CAAAD,gBAAA,GAAAA,gBAAA;AACO,MAAME,WAAW,GAAG,IAAI;AAACD,OAAA,CAAAC,WAAA,GAAAA,WAAA"}

package/build/components/dataviews/dataviews.js

@@ -1,99 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = DataViews;
-exports.viewTypeSupportsMap = void 0;
-var _react = require("react");
-var _components = require("@wordpress/components");
-var _element = require("@wordpress/element");
-var _viewList = _interopRequireDefault(require("./view-list"));
-var _pagination = _interopRequireDefault(require("./pagination"));
-var _viewActions = _interopRequireDefault(require("./view-actions"));
-var _filters = _interopRequireDefault(require("./filters"));
-var _search = _interopRequireDefault(require("./search"));
-var _viewGrid = require("./view-grid");
-var _viewSideBySide = require("./view-side-by-side");
-/**
- * WordPress dependencies
- */
-
-/**
- * Internal dependencies
- */
-
-// To do: convert to view type registry.
-const viewTypeSupportsMap = {
-  list: {},
-  grid: {},
-  'side-by-side': {
-    preview: true
-  }
-};
-exports.viewTypeSupportsMap = viewTypeSupportsMap;
-const viewTypeMap = {
-  list: _viewList.default,
-  grid: _viewGrid.ViewGrid,
-  'side-by-side': _viewSideBySide.ViewSideBySide
-};
-function DataViews({
-  view,
-  onChangeView,
-  fields,
-  search = true,
-  searchLabel = undefined,
-  actions,
-  data,
-  getItemId,
-  isLoading = false,
-  paginationInfo,
-  supportedLayouts
-}) {
-  const ViewComponent = viewTypeMap[view.type];
-  const _fields = (0, _element.useMemo)(() => {
-    return fields.map(field => ({
-      ...field,
-      render: field.render || field.getValue
-    }));
-  }, [fields]);
-  return (0, _react.createElement)("div", {
-    className: "dataviews-wrapper"
-  }, (0, _react.createElement)(_components.__experimentalVStack, {
-    spacing: 4,
-    justify: "flex-start"
-  }, (0, _react.createElement)(_components.__experimentalHStack, {
-    alignment: "flex-start"
-  }, (0, _react.createElement)(_components.__experimentalHStack, {
-    justify: "start",
-    wrap: true
-  }, search && (0, _react.createElement)(_search.default, {
-    label: searchLabel,
-    view: view,
-    onChangeView: onChangeView
-  }), (0, _react.createElement)(_filters.default, {
-    fields: fields,
-    view: view,
-    onChangeView: onChangeView
-  })), (0, _react.createElement)(_viewActions.default, {
-    fields: fields,
-    view: view,
-    onChangeView: onChangeView,
-    supportedLayouts: supportedLayouts
-  })), (0, _react.createElement)(ViewComponent, {
-    fields: _fields,
-    view: view,
-    onChangeView: onChangeView,
-    paginationInfo: paginationInfo,
-    actions: actions,
-    data: data,
-    getItemId: getItemId,
-    isLoading: isLoading
-  }), (0, _react.createElement)(_pagination.default, {
-    view: view,
-    onChangeView: onChangeView,
-    paginationInfo: paginationInfo
-  })));
-}
-//# sourceMappingURL=dataviews.js.map

package/build/components/dataviews/dataviews.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["_components","require","_element","_viewList","_interopRequireDefault","_pagination","_viewActions","_filters","_search","_viewGrid","_viewSideBySide","viewTypeSupportsMap","list","grid","preview","exports","viewTypeMap","ViewList","ViewGrid","ViewSideBySide","DataViews","view","onChangeView","fields","search","searchLabel","undefined","actions","data","getItemId","isLoading","paginationInfo","supportedLayouts","ViewComponent","type","_fields","useMemo","map","field","render","getValue","_react","createElement","className","__experimentalVStack","spacing","justify","__experimentalHStack","alignment","wrap","default","label"],"sources":["@wordpress/edit-site/src/components/dataviews/dataviews.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport {\n\t__experimentalVStack as VStack,\n\t__experimentalHStack as HStack,\n} from '@wordpress/components';\nimport { useMemo } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport ViewList from './view-list';\nimport Pagination from './pagination';\nimport ViewActions from './view-actions';\nimport Filters from './filters';\nimport Search from './search';\nimport { ViewGrid } from './view-grid';\nimport { ViewSideBySide } from './view-side-by-side';\n\n// To do: convert to view type registry.\nexport const viewTypeSupportsMap = {\n\tlist: {},\n\tgrid: {},\n\t'side-by-side': {\n\t\tpreview: true,\n\t},\n};\n\nconst viewTypeMap = {\n\tlist: ViewList,\n\tgrid: ViewGrid,\n\t'side-by-side': ViewSideBySide,\n};\n\nexport default function DataViews( {\n\tview,\n\tonChangeView,\n\tfields,\n\tsearch = true,\n\tsearchLabel = undefined,\n\tactions,\n\tdata,\n\tgetItemId,\n\tisLoading = false,\n\tpaginationInfo,\n\tsupportedLayouts,\n} ) {\n\tconst ViewComponent = viewTypeMap[ view.type ];\n\tconst _fields = useMemo( () => {\n\t\treturn fields.map( ( field ) => ( {\n\t\t\t...field,\n\t\t\trender: field.render || field.getValue,\n\t\t} ) );\n\t}, [ fields ] );\n\treturn (\n\t\t<div className=\"dataviews-wrapper\">\n\t\t\t<VStack spacing={ 4 } justify=\"flex-start\">\n\t\t\t\t<HStack alignment=\"flex-start\">\n\t\t\t\t\t<HStack justify=\"start\" wrap>\n\t\t\t\t\t\t{ search && (\n\t\t\t\t\t\t\t<Search\n\t\t\t\t\t\t\t\tlabel={ searchLabel }\n\t\t\t\t\t\t\t\tview={ view }\n\t\t\t\t\t\t\t\tonChangeView={ onChangeView }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t) }\n\t\t\t\t\t\t<Filters\n\t\t\t\t\t\t\tfields={ fields }\n\t\t\t\t\t\t\tview={ view }\n\t\t\t\t\t\t\tonChangeView={ onChangeView }\n\t\t\t\t\t\t/>\n\t\t\t\t\t</HStack>\n\t\t\t\t\t<ViewActions\n\t\t\t\t\t\tfields={ fields }\n\t\t\t\t\t\tview={ view }\n\t\t\t\t\t\tonChangeView={ onChangeView }\n\t\t\t\t\t\tsupportedLayouts={ supportedLayouts }\n\t\t\t\t\t/>\n\t\t\t\t</HStack>\n\t\t\t\t<ViewComponent\n\t\t\t\t\tfields={ _fields }\n\t\t\t\t\tview={ view }\n\t\t\t\t\tonChangeView={ onChangeView }\n\t\t\t\t\tpaginationInfo={ paginationInfo }\n\t\t\t\t\tactions={ actions }\n\t\t\t\t\tdata={ data }\n\t\t\t\t\tgetItemId={ getItemId }\n\t\t\t\t\tisLoading={ isLoading }\n\t\t\t\t/>\n\t\t\t\t<Pagination\n\t\t\t\t\tview={ view }\n\t\t\t\t\tonChangeView={ onChangeView }\n\t\t\t\t\tpaginationInfo={ paginationInfo }\n\t\t\t\t/>\n\t\t\t</VStack>\n\t\t</div>\n\t);\n}\n"],"mappings":"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"}

package/build/components/dataviews/filter-summary.js

@@ -1,62 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = FilterSummary;
-var _react = require("react");
-var _components = require("@wordpress/components");
-var _icons = require("@wordpress/icons");
-var _i18n = require("@wordpress/i18n");
-var _constants = require("./constants");
-var _lockUnlock = require("../../lock-unlock");
-/**
- * WordPress dependencies
- */
-
-/**
- * Internal dependencies
- */
-
-const {
-  DropdownMenuV2: DropdownMenu,
-  DropdownMenuCheckboxItemV2: DropdownMenuCheckboxItem
-} = (0, _lockUnlock.unlock)(_components.privateApis);
-function FilterSummary({
-  filter,
-  view,
-  onChangeView
-}) {
-  const filterInView = view.filters.find(f => f.field === filter.field);
-  const activeElement = filter.elements.find(element => element.value === filterInView?.value);
-  return (0, _react.createElement)(DropdownMenu, {
-    key: filter.field,
-    trigger: (0, _react.createElement)(_components.Button, {
-      variant: "tertiary",
-      size: "compact",
-      label: filter.name
-    }, activeElement !== undefined ? (0, _i18n.sprintf)( /* translators: 1: Filter name. 2: filter value. e.g.: "Author is Admin". */
-    (0, _i18n.__)('%1$s is %2$s'), filter.name, activeElement.label) : filter.name, (0, _react.createElement)(_components.Icon, {
-      icon: _icons.chevronDown,
-      style: {
-        flexShrink: 0
-      }
-    }))
-  }, filter.elements.map(element => {
-    return (0, _react.createElement)(DropdownMenuCheckboxItem, {
-      key: element.value,
-      value: element.value,
-      checked: activeElement?.value === element.value,
-      onSelect: () => onChangeView(currentView => ({
-        ...currentView,
-        page: 1,
-        filters: [...view.filters.filter(f => f.field !== filter.field), {
-          field: filter.field,
-          operator: _constants.OPERATOR_IN,
-          value: activeElement?.value === element.value ? undefined : element.value
-        }]
-      }))
-    }, element.label);
-  }));
-}
-//# sourceMappingURL=filter-summary.js.map

package/build/components/dataviews/filter-summary.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["_components","require","_icons","_i18n","_constants","_lockUnlock","DropdownMenuV2","DropdownMenu","DropdownMenuCheckboxItemV2","DropdownMenuCheckboxItem","unlock","componentsPrivateApis","FilterSummary","filter","view","onChangeView","filterInView","filters","find","f","field","activeElement","elements","element","value","_react","createElement","key","trigger","Button","variant","size","label","name","undefined","sprintf","__","Icon","icon","chevronDown","style","flexShrink","map","checked","onSelect","currentView","page","operator","OPERATOR_IN"],"sources":["@wordpress/edit-site/src/components/dataviews/filter-summary.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport {\n\tButton,\n\tprivateApis as componentsPrivateApis,\n\tIcon,\n} from '@wordpress/components';\nimport { chevronDown } from '@wordpress/icons';\nimport { __, sprintf } from '@wordpress/i18n';\n\n/**\n * Internal dependencies\n */\nimport { OPERATOR_IN } from './constants';\nimport { unlock } from '../../lock-unlock';\n\nconst {\n\tDropdownMenuV2: DropdownMenu,\n\tDropdownMenuCheckboxItemV2: DropdownMenuCheckboxItem,\n} = unlock( componentsPrivateApis );\n\nexport default function FilterSummary( { filter, view, onChangeView } ) {\n\tconst filterInView = view.filters.find( ( f ) => f.field === filter.field );\n\tconst activeElement = filter.elements.find(\n\t\t( element ) => element.value === filterInView?.value\n\t);\n\n\treturn (\n\t\t<DropdownMenu\n\t\t\tkey={ filter.field }\n\t\t\ttrigger={\n\t\t\t\t<Button variant=\"tertiary\" size=\"compact\" label={ filter.name }>\n\t\t\t\t\t{ activeElement !== undefined\n\t\t\t\t\t\t? sprintf(\n\t\t\t\t\t\t\t\t/* translators: 1: Filter name. 2: filter value. e.g.: \"Author is Admin\". */\n\t\t\t\t\t\t\t\t__( '%1$s is %2$s' ),\n\t\t\t\t\t\t\t\tfilter.name,\n\t\t\t\t\t\t\t\tactiveElement.label\n\t\t\t\t\t\t  )\n\t\t\t\t\t\t: filter.name }\n\t\t\t\t\t<Icon icon={ chevronDown } style={ { flexShrink: 0 } } />\n\t\t\t\t</Button>\n\t\t\t}\n\t\t>\n\t\t\t{ filter.elements.map( ( element ) => {\n\t\t\t\treturn (\n\t\t\t\t\t<DropdownMenuCheckboxItem\n\t\t\t\t\t\tkey={ element.value }\n\t\t\t\t\t\tvalue={ element.value }\n\t\t\t\t\t\tchecked={ activeElement?.value === element.value }\n\t\t\t\t\t\tonSelect={ () =>\n\t\t\t\t\t\t\tonChangeView( ( currentView ) => ( {\n\t\t\t\t\t\t\t\t...currentView,\n\t\t\t\t\t\t\t\tpage: 1,\n\t\t\t\t\t\t\t\tfilters: [\n\t\t\t\t\t\t\t\t\t...view.filters.filter(\n\t\t\t\t\t\t\t\t\t\t( f ) => f.field !== filter.field\n\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\tfield: filter.field,\n\t\t\t\t\t\t\t\t\t\toperator: OPERATOR_IN,\n\t\t\t\t\t\t\t\t\t\tvalue:\n\t\t\t\t\t\t\t\t\t\t\tactiveElement?.value ===\n\t\t\t\t\t\t\t\t\t\t\telement.value\n\t\t\t\t\t\t\t\t\t\t\t\t? undefined\n\t\t\t\t\t\t\t\t\t\t\t\t: element.value,\n\t\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t\t],\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\t{ element.label }\n\t\t\t\t\t</DropdownMenuCheckboxItem>\n\t\t\t\t);\n\t\t\t} ) }\n\t\t</DropdownMenu>\n\t);\n}\n"],"mappings":";;;;;;;AAGA,IAAAA,WAAA,GAAAC,OAAA;AAKA,IAAAC,MAAA,GAAAD,OAAA;AACA,IAAAE,KAAA,GAAAF,OAAA;AAKA,IAAAG,UAAA,GAAAH,OAAA;AACA,IAAAI,WAAA,GAAAJ,OAAA;AAfA;AACA;AACA;;AASA;AACA;AACA;;AAIA,MAAM;EACLK,cAAc,EAAEC,YAAY;EAC5BC,0BAA0B,EAAEC;AAC7B,CAAC,GAAG,IAAAC,kBAAM,EAAEC,uBAAsB,CAAC;AAEpB,SAASC,aAAaA,CAAE;EAAEC,MAAM;EAAEC,IAAI;EAAEC;AAAa,CAAC,EAAG;EACvE,MAAMC,YAAY,GAAGF,IAAI,CAACG,OAAO,CAACC,IAAI,CAAIC,CAAC,IAAMA,CAAC,CAACC,KAAK,KAAKP,MAAM,CAACO,KAAM,CAAC;EAC3E,MAAMC,aAAa,GAAGR,MAAM,CAACS,QAAQ,CAACJ,IAAI,CACvCK,OAAO,IAAMA,OAAO,CAACC,KAAK,KAAKR,YAAY,EAAEQ,KAChD,CAAC;EAED,OACC,IAAAC,MAAA,CAAAC,aAAA,EAACnB,YAAY;IACZoB,GAAG,EAAGd,MAAM,CAACO,KAAO;IACpBQ,OAAO,EACN,IAAAH,MAAA,CAAAC,aAAA,EAAC1B,WAAA,CAAA6B,MAAM;MAACC,OAAO,EAAC,UAAU;MAACC,IAAI,EAAC,SAAS;MAACC,KAAK,EAAGnB,MAAM,CAACoB;IAAM,GAC5DZ,aAAa,KAAKa,SAAS,GAC1B,IAAAC,aAAO,GACP;IACA,IAAAC,QAAE,EAAE,cAAe,CAAC,EACpBvB,MAAM,CAACoB,IAAI,EACXZ,aAAa,CAACW,KACd,CAAC,GACDnB,MAAM,CAACoB,IAAI,EACd,IAAAR,MAAA,CAAAC,aAAA,EAAC1B,WAAA,CAAAqC,IAAI;MAACC,IAAI,EAAGC,kBAAa;MAACC,KAAK,EAAG;QAAEC,UAAU,EAAE;MAAE;IAAG,CAAE,CACjD;EACR,GAEC5B,MAAM,CAACS,QAAQ,CAACoB,GAAG,CAAInB,OAAO,IAAM;IACrC,OACC,IAAAE,MAAA,CAAAC,aAAA,EAACjB,wBAAwB;MACxBkB,GAAG,EAAGJ,OAAO,CAACC,KAAO;MACrBA,KAAK,EAAGD,OAAO,CAACC,KAAO;MACvBmB,OAAO,EAAGtB,aAAa,EAAEG,KAAK,KAAKD,OAAO,CAACC,KAAO;MAClDoB,QAAQ,EAAGA,CAAA,KACV7B,YAAY,CAAI8B,WAAW,KAAQ;QAClC,GAAGA,WAAW;QACdC,IAAI,EAAE,CAAC;QACP7B,OAAO,EAAE,CACR,GAAGH,IAAI,CAACG,OAAO,CAACJ,MAAM,CACnBM,CAAC,IAAMA,CAAC,CAACC,KAAK,KAAKP,MAAM,CAACO,KAC7B,CAAC,EACD;UACCA,KAAK,EAAEP,MAAM,CAACO,KAAK;UACnB2B,QAAQ,EAAEC,sBAAW;UACrBxB,KAAK,EACJH,aAAa,EAAEG,KAAK,KACpBD,OAAO,CAACC,KAAK,GACVU,SAAS,GACTX,OAAO,CAACC;QACb,CAAC;MAEH,CAAC,CAAG;IACJ,GAECD,OAAO,CAACS,KACe,CAAC;EAE7B,CAAE,CACW,CAAC;AAEjB"}

package/build/components/dataviews/filters.js

@@ -1,63 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = Filters;
-var _react = require("react");
-var _filterSummary = _interopRequireDefault(require("./filter-summary"));
-var _addFilter = _interopRequireDefault(require("./add-filter"));
-var _resetFilters = _interopRequireDefault(require("./reset-filters"));
-var _constants = require("./constants");
-/**
- * Internal dependencies
- */
-
-function Filters({
-  fields,
-  view,
-  onChangeView
-}) {
-  const filters = [];
-  fields.forEach(field => {
-    if (!field.type) {
-      return;
-    }
-    switch (field.type) {
-      case _constants.ENUMERATION_TYPE:
-        filters.push({
-          field: field.id,
-          name: field.header,
-          elements: field.elements || [],
-          isVisible: view.filters.some(f => f.field === field.id && f.operator === _constants.OPERATOR_IN)
-        });
-    }
-  });
-  const filterComponents = filters.map(filter => {
-    if (!filter.isVisible) {
-      return null;
-    }
-    return (0, _react.createElement)(_filterSummary.default, {
-      key: filter.field + '.' + filter.operator,
-      filter: filter,
-      view: view,
-      onChangeView: onChangeView
-    });
-  });
-  filterComponents.push((0, _react.createElement)(_addFilter.default, {
-    key: "add-filter",
-    fields: fields,
-    view: view,
-    onChangeView: onChangeView
-  }));
-  if (filterComponents.length > 1) {
-    filterComponents.push((0, _react.createElement)(_resetFilters.default, {
-      key: "reset-filters",
-      view: view,
-      onChangeView: onChangeView
-    }));
-  }
-  return filterComponents;
-}
-//# sourceMappingURL=filters.js.map

package/build/components/dataviews/filters.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["_filterSummary","_interopRequireDefault","require","_addFilter","_resetFilters","_constants","Filters","fields","view","onChangeView","filters","forEach","field","type","ENUMERATION_TYPE","push","id","name","header","elements","isVisible","some","f","operator","OPERATOR_IN","filterComponents","map","filter","_react","createElement","default","key","length"],"sources":["@wordpress/edit-site/src/components/dataviews/filters.js"],"sourcesContent":["/**\n * Internal dependencies\n */\nimport FilterSummary from './filter-summary';\nimport AddFilter from './add-filter';\nimport ResetFilters from './reset-filters';\nimport { ENUMERATION_TYPE, OPERATOR_IN } from './constants';\n\nexport default function Filters( { fields, view, onChangeView } ) {\n\tconst filters = [];\n\tfields.forEach( ( field ) => {\n\t\tif ( ! field.type ) {\n\t\t\treturn;\n\t\t}\n\n\t\tswitch ( field.type ) {\n\t\t\tcase ENUMERATION_TYPE:\n\t\t\t\tfilters.push( {\n\t\t\t\t\tfield: field.id,\n\t\t\t\t\tname: field.header,\n\t\t\t\t\telements: field.elements || [],\n\t\t\t\t\tisVisible: view.filters.some(\n\t\t\t\t\t\t( f ) =>\n\t\t\t\t\t\t\tf.field === field.id && f.operator === OPERATOR_IN\n\t\t\t\t\t),\n\t\t\t\t} );\n\t\t}\n\t} );\n\n\tconst filterComponents = filters.map( ( filter ) => {\n\t\tif ( ! filter.isVisible ) {\n\t\t\treturn null;\n\t\t}\n\n\t\treturn (\n\t\t\t<FilterSummary\n\t\t\t\tkey={ filter.field + '.' + filter.operator }\n\t\t\t\tfilter={ filter }\n\t\t\t\tview={ view }\n\t\t\t\tonChangeView={ onChangeView }\n\t\t\t/>\n\t\t);\n\t} );\n\n\tfilterComponents.push(\n\t\t<AddFilter\n\t\t\tkey=\"add-filter\"\n\t\t\tfields={ fields }\n\t\t\tview={ view }\n\t\t\tonChangeView={ onChangeView }\n\t\t/>\n\t);\n\n\tif ( filterComponents.length > 1 ) {\n\t\tfilterComponents.push(\n\t\t\t<ResetFilters\n\t\t\t\tkey=\"reset-filters\"\n\t\t\t\tview={ view }\n\t\t\t\tonChangeView={ onChangeView }\n\t\t\t/>\n\t\t);\n\t}\n\n\treturn filterComponents;\n}\n"],"mappings":";;;;;;;;AAGA,IAAAA,cAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,UAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,aAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,UAAA,GAAAH,OAAA;AANA;AACA;AACA;;AAMe,SAASI,OAAOA,CAAE;EAAEC,MAAM;EAAEC,IAAI;EAAEC;AAAa,CAAC,EAAG;EACjE,MAAMC,OAAO,GAAG,EAAE;EAClBH,MAAM,CAACI,OAAO,CAAIC,KAAK,IAAM;IAC5B,IAAK,CAAEA,KAAK,CAACC,IAAI,EAAG;MACnB;IACD;IAEA,QAASD,KAAK,CAACC,IAAI;MAClB,KAAKC,2BAAgB;QACpBJ,OAAO,CAACK,IAAI,CAAE;UACbH,KAAK,EAAEA,KAAK,CAACI,EAAE;UACfC,IAAI,EAAEL,KAAK,CAACM,MAAM;UAClBC,QAAQ,EAAEP,KAAK,CAACO,QAAQ,IAAI,EAAE;UAC9BC,SAAS,EAAEZ,IAAI,CAACE,OAAO,CAACW,IAAI,CACzBC,CAAC,IACFA,CAAC,CAACV,KAAK,KAAKA,KAAK,CAACI,EAAE,IAAIM,CAAC,CAACC,QAAQ,KAAKC,sBACzC;QACD,CAAE,CAAC;IACL;EACD,CAAE,CAAC;EAEH,MAAMC,gBAAgB,GAAGf,OAAO,CAACgB,GAAG,CAAIC,MAAM,IAAM;IACnD,IAAK,CAAEA,MAAM,CAACP,SAAS,EAAG;MACzB,OAAO,IAAI;IACZ;IAEA,OACC,IAAAQ,MAAA,CAAAC,aAAA,EAAC7B,cAAA,CAAA8B,OAAa;MACbC,GAAG,EAAGJ,MAAM,CAACf,KAAK,GAAG,GAAG,GAAGe,MAAM,CAACJ,QAAU;MAC5CI,MAAM,EAAGA,MAAQ;MACjBnB,IAAI,EAAGA,IAAM;MACbC,YAAY,EAAGA;IAAc,CAC7B,CAAC;EAEJ,CAAE,CAAC;EAEHgB,gBAAgB,CAACV,IAAI,CACpB,IAAAa,MAAA,CAAAC,aAAA,EAAC1B,UAAA,CAAA2B,OAAS;IACTC,GAAG,EAAC,YAAY;IAChBxB,MAAM,EAAGA,MAAQ;IACjBC,IAAI,EAAGA,IAAM;IACbC,YAAY,EAAGA;EAAc,CAC7B,CACF,CAAC;EAED,IAAKgB,gBAAgB,CAACO,MAAM,GAAG,CAAC,EAAG;IAClCP,gBAAgB,CAACV,IAAI,CACpB,IAAAa,MAAA,CAAAC,aAAA,EAACzB,aAAA,CAAA0B,OAAY;MACZC,GAAG,EAAC,eAAe;MACnBvB,IAAI,EAAGA,IAAM;MACbC,YAAY,EAAGA;IAAc,CAC7B,CACF,CAAC;EACF;EAEA,OAAOgB,gBAAgB;AACxB"}

package/build/components/dataviews/index.js

@@ -1,21 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "DataViews", {
-  enumerable: true,
-  get: function () {
-    return _dataviews.default;
-  }
-});
-Object.defineProperty(exports, "viewTypeSupportsMap", {
-  enumerable: true,
-  get: function () {
-    return _dataviews.viewTypeSupportsMap;
-  }
-});
-var _dataviews = _interopRequireWildcard(require("./dataviews"));
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-//# sourceMappingURL=index.js.map