npm - @wordpress/edit-site - Versions diffs - 5.23.0 → 5.24.0 - Mend

@wordpress/edit-site 5.23.0 → 5.24.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (320) hide show

package/CHANGELOG.md CHANGED Viewed

@@ -2,6 +2,8 @@
 ## Unreleased
+## 5.24.0 (2023-11-29)
 ## 5.23.0 (2023-11-16)
 ## 5.22.0 (2023-11-02)

package/build/components/actions/index.js CHANGED Viewed

@@ -3,12 +3,12 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.postRevisionsAction = void 0;
+exports.trashPostAction = exports.postRevisionsAction = void 0;
 exports.useEditPostAction = useEditPostAction;
 exports.usePermanentlyDeletePostAction = usePermanentlyDeletePostAction;
 exports.useRestorePostAction = useRestorePostAction;
-exports.useTrashPostAction = useTrashPostAction;
 exports.viewPostAction = void 0;
+var _react = require("react");
 var _icons = require("@wordpress/icons");
 var _url = require("@wordpress/url");
 var _data = require("@wordpress/data");
@@ -18,6 +18,7 @@ var _i18n = require("@wordpress/i18n");
 var _notices = require("@wordpress/notices");
 var _element = require("@wordpress/element");
 var _router = require("@wordpress/router");
+var _components = require("@wordpress/components");
 var _lockUnlock = require("../../lock-unlock");
 /**
  * WordPress dependencies
@@ -30,43 +31,60 @@ var _lockUnlock = require("../../lock-unlock");
 const {
   useHistory
 } = (0, _lockUnlock.unlock)(_router.privateApis);
-function useTrashPostAction() {
-  const {
-    createSuccessNotice,
-    createErrorNotice
-  } = (0, _data.useDispatch)(_notices.store);
-  const {
-    deleteEntityRecord
-  } = (0, _data.useDispatch)(_coreData.store);
-  return (0, _element.useMemo)(() => ({
-    id: 'move-to-trash',
-    label: (0, _i18n.__)('Move to Trash'),
-    isPrimary: true,
-    icon: _icons.trash,
-    isEligible({
-      status
-    }) {
-      return status !== 'trash';
-    },
-    async callback(post) {
-      try {
-        await deleteEntityRecord('postType', post.type, post.id, {}, {
-          throwOnError: true
-        });
-        createSuccessNotice((0, _i18n.sprintf)( /* translators: The page's title. */
-        (0, _i18n.__)('"%s" moved to the Trash.'), (0, _htmlEntities.decodeEntities)(post.title.rendered)), {
-          type: 'snackbar',
-          id: 'edit-site-page-trashed'
-        });
-      } catch (error) {
-        const errorMessage = error.message && error.code !== 'unknown_error' ? error.message : (0, _i18n.__)('An error occurred while moving the page to the trash.');
-        createErrorNotice(errorMessage, {
-          type: 'snackbar'
-        });
+const trashPostAction = {
+  id: 'move-to-trash',
+  label: (0, _i18n.__)('Move to Trash'),
+  isPrimary: true,
+  icon: _icons.trash,
+  isEligible({
+    status
+  }) {
+    return status !== 'trash';
+  },
+  hideModalHeader: true,
+  RenderModal: ({
+    item: post,
+    closeModal
+  }) => {
+    const {
+      createSuccessNotice,
+      createErrorNotice
+    } = (0, _data.useDispatch)(_notices.store);
+    const {
+      deleteEntityRecord
+    } = (0, _data.useDispatch)(_coreData.store);
+    return (0, _react.createElement)(_components.__experimentalVStack, {
+      spacing: "5"
+    }, (0, _react.createElement)(_components.__experimentalText, null, (0, _i18n.sprintf)(
+    // translators: %s: The page's title.
+    (0, _i18n.__)('Are you sure you want to delete "%s"?'), (0, _htmlEntities.decodeEntities)(post.title.rendered))), (0, _react.createElement)(_components.__experimentalHStack, {
+      justify: "right"
+    }, (0, _react.createElement)(_components.Button, {
+      variant: "tertiary",
+      onClick: closeModal
+    }, (0, _i18n.__)('Cancel')), (0, _react.createElement)(_components.Button, {
+      variant: "primary",
+      onClick: async () => {
+        try {
+          await deleteEntityRecord('postType', post.type, post.id, {}, {
+            throwOnError: true
+          });
+          createSuccessNotice((0, _i18n.sprintf)( /* translators: The page's title. */
+          (0, _i18n.__)('"%s" moved to the Trash.'), (0, _htmlEntities.decodeEntities)(post.title.rendered)), {
+            type: 'snackbar',
+            id: 'edit-site-page-trashed'
+          });
+        } catch (error) {
+          const errorMessage = error.message && error.code !== 'unknown_error' ? error.message : (0, _i18n.__)('An error occurred while moving the page to the trash.');
+          createErrorNotice(errorMessage, {
+            type: 'snackbar'
+          });
+        }
       }
-    }
-  }), [createSuccessNotice, createErrorNotice, deleteEntityRecord]);
-}
+    }, (0, _i18n.__)('Delete'))));
+  }
+};
+exports.trashPostAction = trashPostAction;
 function usePermanentlyDeletePostAction() {
   const {
     createSuccessNotice,

package/build/components/actions/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["_icons","require","_url","_data","_htmlEntities","_coreData","_i18n","_notices","_element","_router","_lockUnlock","useHistory","unlock","routerPrivateApis","useTrashPostAction","createSuccessNotice","createErrorNotice","useDispatch","noticesStore","deleteEntityRecord","coreStore","useMemo","id","label","__","isPrimary","icon","trash","isEligible","status","callback","post","type","throwOnError","sprintf","decodeEntities","title","rendered","error","errorMessage","message","code","usePermanentlyDeletePostAction","force","useRestorePostAction","editEntityRecord","saveEditedEntityRecord","backup","viewPostAction","external","document","location","href","link","exports","useEditPostAction","history","push","postId","postType","canvas","postRevisionsAction","_post$_links$predeces","_post$_links$version","lastRevisionId","_links","revisionsCount","count","addQueryArgs","revision"],"sources":["@wordpress/edit-site/src/components/actions/index.js"],"sourcesContent":["/*\n WordPress dependencies\n /\nimport { external, trash, backup } from '@wordpress/icons';\nimport { addQueryArgs } from '@wordpress/url';\nimport { useDispatch } from '@wordpress/data';\nimport { decodeEntities } from '@wordpress/html-entities';\nimport { store as coreStore } from '@wordpress/core-data';\nimport { __, sprintf } from '@wordpress/i18n';\nimport { store as noticesStore } from '@wordpress/notices';\nimport { useMemo } from '@wordpress/element';\nimport { privateApis as routerPrivateApis } from '@wordpress/router';\n/\n Internal dependencies\n /\nimport { unlock } from '../../lock-unlock';\n\nconst { useHistory } = unlock( routerPrivateApis );\n\nexport function useTrashPostAction() {\n\tconst { createSuccessNotice, createErrorNotice } =\n\t\tuseDispatch( noticesStore );\n\tconst { deleteEntityRecord } = useDispatch( coreStore );\n\n\treturn useMemo(\n\t\t() => ( {\n\t\t\tid: 'move-to-trash',\n\t\t\tlabel: __( 'Move to Trash' ),\n\t\t\tisPrimary: true,\n\t\t\ticon: trash,\n\t\t\tisEligible( { status } ) {\n\t\t\t\treturn status !== 'trash';\n\t\t\t},\n\t\t\tasync callback( post ) {\n\t\t\t\ttry {\n\t\t\t\t\tawait deleteEntityRecord(\n\t\t\t\t\t\t'postType',\n\t\t\t\t\t\tpost.type,\n\t\t\t\t\t\tpost.id,\n\t\t\t\t\t\t{},\n\t\t\t\t\t\t{ throwOnError: true }\n\t\t\t\t\t);\n\t\t\t\t\tcreateSuccessNotice(\n\t\t\t\t\t\tsprintf(\n\t\t\t\t\t\t\t/ translators: The page's title. /\n\t\t\t\t\t\t\t__( '\"%s\" moved to the Trash.' ),\n\t\t\t\t\t\t\tdecodeEntities( post.title.rendered )\n\t\t\t\t\t\t),\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\ttype: 'snackbar',\n\t\t\t\t\t\t\tid: 'edit-site-page-trashed',\n\t\t\t\t\t\t}\n\t\t\t\t\t);\n\t\t\t\t} catch ( error ) {\n\t\t\t\t\tconst errorMessage =\n\t\t\t\t\t\terror.message && error.code !== 'unknown_error'\n\t\t\t\t\t\t\t? error.message\n\t\t\t\t\t\t\t: __(\n\t\t\t\t\t\t\t\t\t'An error occurred while moving the page to the trash.'\n\t\t\t\t\t\t\t );\n\n\t\t\t\t\tcreateErrorNotice( errorMessage, { type: 'snackbar' } );\n\t\t\t\t}\n\t\t\t},\n\t\t} ),\n\t\t[ createSuccessNotice, createErrorNotice, deleteEntityRecord ]\n\t);\n}\n\nexport function usePermanentlyDeletePostAction() {\n\tconst { createSuccessNotice, createErrorNotice } =\n\t\tuseDispatch( noticesStore );\n\tconst { deleteEntityRecord } = useDispatch( coreStore );\n\n\treturn useMemo(\n\t\t() => ( {\n\t\t\tid: 'permanently-delete',\n\t\t\tlabel: __( 'Permanently delete' ),\n\t\t\tisPrimary: true,\n\t\t\ticon: trash,\n\t\t\tisEligible( { status } ) {\n\t\t\t\treturn status === 'trash';\n\t\t\t},\n\t\t\tasync callback( post ) {\n\t\t\t\ttry {\n\t\t\t\t\tawait deleteEntityRecord(\n\t\t\t\t\t\t'postType',\n\t\t\t\t\t\tpost.type,\n\t\t\t\t\t\tpost.id,\n\t\t\t\t\t\t{ force: true },\n\t\t\t\t\t\t{ throwOnError: true }\n\t\t\t\t\t);\n\t\t\t\t\tcreateSuccessNotice(\n\t\t\t\t\t\tsprintf(\n\t\t\t\t\t\t\t/ translators: The posts's title. /\n\t\t\t\t\t\t\t__( '\"%s\" permanently deleted.' ),\n\t\t\t\t\t\t\tdecodeEntities( post.title.rendered )\n\t\t\t\t\t\t),\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\ttype: 'snackbar',\n\t\t\t\t\t\t\tid: 'edit-site-post-permanently-deleted',\n\t\t\t\t\t\t}\n\t\t\t\t\t);\n\t\t\t\t} catch ( error ) {\n\t\t\t\t\tconst errorMessage =\n\t\t\t\t\t\terror.message && error.code !== 'unknown_error'\n\t\t\t\t\t\t\t? error.message\n\t\t\t\t\t\t\t: __(\n\t\t\t\t\t\t\t\t\t'An error occurred while permanently deleting the post.'\n\t\t\t\t\t\t\t );\n\n\t\t\t\t\tcreateErrorNotice( errorMessage, { type: 'snackbar' } );\n\t\t\t\t}\n\t\t\t},\n\t\t} ),\n\t\t[ createSuccessNotice, createErrorNotice, deleteEntityRecord ]\n\t);\n}\n\nexport function useRestorePostAction() {\n\tconst { createSuccessNotice, createErrorNotice } =\n\t\tuseDispatch( noticesStore );\n\tconst { editEntityRecord, saveEditedEntityRecord } =\n\t\tuseDispatch( coreStore );\n\n\treturn useMemo(\n\t\t() => ( {\n\t\t\tid: 'restore',\n\t\t\tlabel: __( 'Restore' ),\n\t\t\tisPrimary: true,\n\t\t\ticon: backup,\n\t\t\tisEligible( { status } ) {\n\t\t\t\treturn status === 'trash';\n\t\t\t},\n\t\t\tasync callback( post ) {\n\t\t\t\tawait editEntityRecord( 'postType', post.type, post.id, {\n\t\t\t\t\tstatus: 'draft',\n\t\t\t\t} );\n\t\t\t\ttry {\n\t\t\t\t\tawait saveEditedEntityRecord(\n\t\t\t\t\t\t'postType',\n\t\t\t\t\t\tpost.type,\n\t\t\t\t\t\tpost.id,\n\t\t\t\t\t\t{ throwOnError: true }\n\t\t\t\t\t);\n\t\t\t\t\tcreateSuccessNotice(\n\t\t\t\t\t\tsprintf(\n\t\t\t\t\t\t\t/ translators: The posts's title. */\n\t\t\t\t\t\t\t__( '\"%s\" has been restored.' ),\n\t\t\t\t\t\t\tdecodeEntities( post.title.rendered )\n\t\t\t\t\t\t),\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\ttype: 'snackbar',\n\t\t\t\t\t\t\tid: 'edit-site-post-restored',\n\t\t\t\t\t\t}\n\t\t\t\t\t);\n\t\t\t\t} catch ( error ) {\n\t\t\t\t\tconst errorMessage =\n\t\t\t\t\t\terror.message && error.code !== 'unknown_error'\n\t\t\t\t\t\t\t? error.message\n\t\t\t\t\t\t\t: __(\n\t\t\t\t\t\t\t\t\t'An error occurred while restoring the post.'\n\t\t\t\t\t\t\t );\n\n\t\t\t\t\tcreateErrorNotice( errorMessage, { type: 'snackbar' } );\n\t\t\t\t}\n\t\t\t},\n\t\t} ),\n\t\t[\n\t\t\tcreateSuccessNotice,\n\t\t\tcreateErrorNotice,\n\t\t\teditEntityRecord,\n\t\t\tsaveEditedEntityRecord,\n\t\t]\n\t);\n}\n\nexport const viewPostAction = {\n\tid: 'view-post',\n\tlabel: __( 'View' ),\n\tisPrimary: true,\n\ticon: external,\n\tisEligible( post ) {\n\t\treturn post.status !== 'trash';\n\t},\n\tcallback( post ) {\n\t\tdocument.location.href = post.link;\n\t},\n};\n\nexport function useEditPostAction() {\n\tconst history = useHistory();\n\treturn useMemo(\n\t\t() => ( {\n\t\t\tid: 'edit-post',\n\t\t\tlabel: __( 'Edit' ),\n\t\t\tisEligible( { status } ) {\n\t\t\t\treturn status !== 'trash';\n\t\t\t},\n\t\t\tcallback( post ) {\n\t\t\t\thistory.push( {\n\t\t\t\t\tpostId: post.id,\n\t\t\t\t\tpostType: post.type,\n\t\t\t\t\tcanvas: 'edit',\n\t\t\t\t} );\n\t\t\t},\n\t\t} ),\n\t\t[ history ]\n\t);\n}\nexport const postRevisionsAction = {\n\tid: 'view-post-revisions',\n\tlabel: __( 'View revisions' ),\n\tisPrimary: false,\n\tisEligible: ( post ) => {\n\t\tif ( post.status === 'trash' ) {\n\t\t\treturn false;\n\t\t}\n\t\tconst lastRevisionId =\n\t\t\tpost?._links?.[ 'predecessor-version' ]?.[ 0 ]?.id ?? null;\n\t\tconst revisionsCount =\n\t\t\tpost?._links?.[ 'version-history' ]?.[ 0 ]?.count ?? 0;\n\t\treturn lastRevisionId && revisionsCount > 1;\n\t},\n\tcallback( post ) {\n\t\tconst href = addQueryArgs( 'revision.php', {\n\t\t\trevision: post?._links?.[ 'predecessor-version' ]?.[ 0 ]?.id,\n\t\t} );\n\t\tdocument.location.href = href;\n\t},\n};\n"],"mappings":"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"}
1	+ {"version":3,"names":["_icons","require","_url","_data","_htmlEntities","_coreData","_i18n","_notices","_element","_router","_components","_lockUnlock","useHistory","unlock","routerPrivateApis","trashPostAction","id","label","__","isPrimary","icon","trash","isEligible","status","hideModalHeader","RenderModal","item","post","closeModal","createSuccessNotice","createErrorNotice","useDispatch","noticesStore","deleteEntityRecord","coreStore","_react","createElement","__experimentalVStack","spacing","__experimentalText","sprintf","decodeEntities","title","rendered","__experimentalHStack","justify","Button","variant","onClick","type","throwOnError","error","errorMessage","message","code","exports","usePermanentlyDeletePostAction","useMemo","callback","force","useRestorePostAction","editEntityRecord","saveEditedEntityRecord","backup","viewPostAction","external","document","location","href","link","useEditPostAction","history","push","postId","postType","canvas","postRevisionsAction","_post$_links$predeces","_post$_links$version","lastRevisionId","_links","revisionsCount","count","addQueryArgs","revision"],"sources":["@wordpress/edit-site/src/components/actions/index.js"],"sourcesContent":["/*\n WordPress dependencies\n /\nimport { external, trash, backup } from '@wordpress/icons';\nimport { addQueryArgs } from '@wordpress/url';\nimport { useDispatch } from '@wordpress/data';\nimport { decodeEntities } from '@wordpress/html-entities';\nimport { store as coreStore } from '@wordpress/core-data';\nimport { __, sprintf } from '@wordpress/i18n';\nimport { store as noticesStore } from '@wordpress/notices';\nimport { useMemo } from '@wordpress/element';\nimport { privateApis as routerPrivateApis } from '@wordpress/router';\nimport {\n\tButton,\n\t__experimentalText as Text,\n\t__experimentalHStack as HStack,\n\t__experimentalVStack as VStack,\n} from '@wordpress/components';\n\n/\n Internal dependencies\n /\nimport { unlock } from '../../lock-unlock';\n\nconst { useHistory } = unlock( routerPrivateApis );\n\nexport const trashPostAction = {\n\tid: 'move-to-trash',\n\tlabel: __( 'Move to Trash' ),\n\tisPrimary: true,\n\ticon: trash,\n\tisEligible( { status } ) {\n\t\treturn status !== 'trash';\n\t},\n\thideModalHeader: true,\n\tRenderModal: ( { item: post, closeModal } ) => {\n\t\tconst { createSuccessNotice, createErrorNotice } =\n\t\t\tuseDispatch( noticesStore );\n\t\tconst { deleteEntityRecord } = useDispatch( coreStore );\n\t\treturn (\n\t\t\t<VStack spacing=\"5\">\n\t\t\t\t<Text>\n\t\t\t\t\t{ sprintf(\n\t\t\t\t\t\t// translators: %s: The page's title.\n\t\t\t\t\t\t__( 'Are you sure you want to delete \"%s\"?' ),\n\t\t\t\t\t\tdecodeEntities( post.title.rendered )\n\t\t\t\t\t) }\n\t\t\t\t</Text>\n\t\t\t\t<HStack justify=\"right\">\n\t\t\t\t\t<Button variant=\"tertiary\" onClick={ closeModal }>\n\t\t\t\t\t\t{ __( 'Cancel' ) }\n\t\t\t\t\t</Button>\n\t\t\t\t\t<Button\n\t\t\t\t\t\tvariant=\"primary\"\n\t\t\t\t\t\tonClick={ async () => {\n\t\t\t\t\t\t\ttry {\n\t\t\t\t\t\t\t\tawait deleteEntityRecord(\n\t\t\t\t\t\t\t\t\t'postType',\n\t\t\t\t\t\t\t\t\tpost.type,\n\t\t\t\t\t\t\t\t\tpost.id,\n\t\t\t\t\t\t\t\t\t{},\n\t\t\t\t\t\t\t\t\t{ throwOnError: true }\n\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\tcreateSuccessNotice(\n\t\t\t\t\t\t\t\t\tsprintf(\n\t\t\t\t\t\t\t\t\t\t/ translators: The page's title. /\n\t\t\t\t\t\t\t\t\t\t__( '\"%s\" moved to the Trash.' ),\n\t\t\t\t\t\t\t\t\t\tdecodeEntities( post.title.rendered )\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\ttype: 'snackbar',\n\t\t\t\t\t\t\t\t\t\tid: 'edit-site-page-trashed',\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} catch ( error ) {\n\t\t\t\t\t\t\t\tconst errorMessage =\n\t\t\t\t\t\t\t\t\terror.message &&\n\t\t\t\t\t\t\t\t\terror.code !== 'unknown_error'\n\t\t\t\t\t\t\t\t\t\t? error.message\n\t\t\t\t\t\t\t\t\t\t: __(\n\t\t\t\t\t\t\t\t\t\t\t\t'An error occurred while moving the page to the trash.'\n\t\t\t\t\t\t\t\t\t\t );\n\n\t\t\t\t\t\t\t\tcreateErrorNotice( errorMessage, {\n\t\t\t\t\t\t\t\t\ttype: 'snackbar',\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{ __( 'Delete' ) }\n\t\t\t\t\t</Button>\n\t\t\t\t</HStack>\n\t\t\t</VStack>\n\t\t);\n\t},\n};\n\nexport function usePermanentlyDeletePostAction() {\n\tconst { createSuccessNotice, createErrorNotice } =\n\t\tuseDispatch( noticesStore );\n\tconst { deleteEntityRecord } = useDispatch( coreStore );\n\n\treturn useMemo(\n\t\t() => ( {\n\t\t\tid: 'permanently-delete',\n\t\t\tlabel: __( 'Permanently delete' ),\n\t\t\tisPrimary: true,\n\t\t\ticon: trash,\n\t\t\tisEligible( { status } ) {\n\t\t\t\treturn status === 'trash';\n\t\t\t},\n\t\t\tasync callback( post ) {\n\t\t\t\ttry {\n\t\t\t\t\tawait deleteEntityRecord(\n\t\t\t\t\t\t'postType',\n\t\t\t\t\t\tpost.type,\n\t\t\t\t\t\tpost.id,\n\t\t\t\t\t\t{ force: true },\n\t\t\t\t\t\t{ throwOnError: true }\n\t\t\t\t\t);\n\t\t\t\t\tcreateSuccessNotice(\n\t\t\t\t\t\tsprintf(\n\t\t\t\t\t\t\t/ translators: The posts's title. /\n\t\t\t\t\t\t\t__( '\"%s\" permanently deleted.' ),\n\t\t\t\t\t\t\tdecodeEntities( post.title.rendered )\n\t\t\t\t\t\t),\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\ttype: 'snackbar',\n\t\t\t\t\t\t\tid: 'edit-site-post-permanently-deleted',\n\t\t\t\t\t\t}\n\t\t\t\t\t);\n\t\t\t\t} catch ( error ) {\n\t\t\t\t\tconst errorMessage =\n\t\t\t\t\t\terror.message && error.code !== 'unknown_error'\n\t\t\t\t\t\t\t? error.message\n\t\t\t\t\t\t\t: __(\n\t\t\t\t\t\t\t\t\t'An error occurred while permanently deleting the post.'\n\t\t\t\t\t\t\t );\n\n\t\t\t\t\tcreateErrorNotice( errorMessage, { type: 'snackbar' } );\n\t\t\t\t}\n\t\t\t},\n\t\t} ),\n\t\t[ createSuccessNotice, createErrorNotice, deleteEntityRecord ]\n\t);\n}\n\nexport function useRestorePostAction() {\n\tconst { createSuccessNotice, createErrorNotice } =\n\t\tuseDispatch( noticesStore );\n\tconst { editEntityRecord, saveEditedEntityRecord } =\n\t\tuseDispatch( coreStore );\n\n\treturn useMemo(\n\t\t() => ( {\n\t\t\tid: 'restore',\n\t\t\tlabel: __( 'Restore' ),\n\t\t\tisPrimary: true,\n\t\t\ticon: backup,\n\t\t\tisEligible( { status } ) {\n\t\t\t\treturn status === 'trash';\n\t\t\t},\n\t\t\tasync callback( post ) {\n\t\t\t\tawait editEntityRecord( 'postType', post.type, post.id, {\n\t\t\t\t\tstatus: 'draft',\n\t\t\t\t} );\n\t\t\t\ttry {\n\t\t\t\t\tawait saveEditedEntityRecord(\n\t\t\t\t\t\t'postType',\n\t\t\t\t\t\tpost.type,\n\t\t\t\t\t\tpost.id,\n\t\t\t\t\t\t{ throwOnError: true }\n\t\t\t\t\t);\n\t\t\t\t\tcreateSuccessNotice(\n\t\t\t\t\t\tsprintf(\n\t\t\t\t\t\t\t/ translators: The posts's title. */\n\t\t\t\t\t\t\t__( '\"%s\" has been restored.' ),\n\t\t\t\t\t\t\tdecodeEntities( post.title.rendered )\n\t\t\t\t\t\t),\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\ttype: 'snackbar',\n\t\t\t\t\t\t\tid: 'edit-site-post-restored',\n\t\t\t\t\t\t}\n\t\t\t\t\t);\n\t\t\t\t} catch ( error ) {\n\t\t\t\t\tconst errorMessage =\n\t\t\t\t\t\terror.message && error.code !== 'unknown_error'\n\t\t\t\t\t\t\t? error.message\n\t\t\t\t\t\t\t: __(\n\t\t\t\t\t\t\t\t\t'An error occurred while restoring the post.'\n\t\t\t\t\t\t\t );\n\n\t\t\t\t\tcreateErrorNotice( errorMessage, { type: 'snackbar' } );\n\t\t\t\t}\n\t\t\t},\n\t\t} ),\n\t\t[\n\t\t\tcreateSuccessNotice,\n\t\t\tcreateErrorNotice,\n\t\t\teditEntityRecord,\n\t\t\tsaveEditedEntityRecord,\n\t\t]\n\t);\n}\n\nexport const viewPostAction = {\n\tid: 'view-post',\n\tlabel: __( 'View' ),\n\tisPrimary: true,\n\ticon: external,\n\tisEligible( post ) {\n\t\treturn post.status !== 'trash';\n\t},\n\tcallback( post ) {\n\t\tdocument.location.href = post.link;\n\t},\n};\n\nexport function useEditPostAction() {\n\tconst history = useHistory();\n\treturn useMemo(\n\t\t() => ( {\n\t\t\tid: 'edit-post',\n\t\t\tlabel: __( 'Edit' ),\n\t\t\tisEligible( { status } ) {\n\t\t\t\treturn status !== 'trash';\n\t\t\t},\n\t\t\tcallback( post ) {\n\t\t\t\thistory.push( {\n\t\t\t\t\tpostId: post.id,\n\t\t\t\t\tpostType: post.type,\n\t\t\t\t\tcanvas: 'edit',\n\t\t\t\t} );\n\t\t\t},\n\t\t} ),\n\t\t[ history ]\n\t);\n}\nexport const postRevisionsAction = {\n\tid: 'view-post-revisions',\n\tlabel: __( 'View revisions' ),\n\tisPrimary: false,\n\tisEligible: ( post ) => {\n\t\tif ( post.status === 'trash' ) {\n\t\t\treturn false;\n\t\t}\n\t\tconst lastRevisionId =\n\t\t\tpost?._links?.[ 'predecessor-version' ]?.[ 0 ]?.id ?? null;\n\t\tconst revisionsCount =\n\t\t\tpost?._links?.[ 'version-history' ]?.[ 0 ]?.count ?? 0;\n\t\treturn lastRevisionId && revisionsCount > 1;\n\t},\n\tcallback( post ) {\n\t\tconst href = addQueryArgs( 'revision.php', {\n\t\t\trevision: post?._links?.[ 'predecessor-version' ]?.[ 0 ]?.id,\n\t\t} );\n\t\tdocument.location.href = href;\n\t},\n};\n"],"mappings":"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"}

package/build/components/block-editor/site-editor-canvas.js CHANGED Viewed

@@ -19,7 +19,7 @@ var _useSiteEditorSettings = _interopRequireDefault(require("./use-site-editor-s
 var _store = require("../../store");
 var _constants = require("../../utils/constants");
 var _lockUnlock = require("../../lock-unlock");
-var _pageContentFocusManager = _interopRequireDefault(require("../page-content-focus-manager"));
+var _pageContentFocusNotifications = _interopRequireDefault(require("../page-content-focus-notifications"));
 /**
  * External dependencies
  */
@@ -108,9 +108,14 @@ function SiteEditorCanvas() {
     className: (0, _classnames.default)('edit-site-block-editor__block-list wp-site-blocks', {
       'is-navigation-block': isTemplateTypeNavigation
     }),
+    dropZoneElement:
+    // Pass in the html element of the iframe to ensure that
+    // the drop zone extends to the very edges of the iframe,
+    // even if the template is shorter than the viewport.
+    contentRef.current?.parentNode,
     layout: LAYOUT,
     renderAppender: showBlockAppender
-  }))))), (0, _react.createElement)(_pageContentFocusManager.default, {
+  }))))), (0, _react.createElement)(_pageContentFocusNotifications.default, {
     contentRef: contentRef
   }));
 }

package/build/components/block-editor/site-editor-canvas.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["_classnames","_interopRequireDefault","require","_data","_element","_blockEditor","_compose","_backButton","_resizableEditor","_editorCanvas","_editorCanvasContainer","_useSiteEditorSettings","_store","_constants","_lockUnlock","~~_pageContentFocusManager~~","LAYOUT","type","alignments","SiteEditorCanvas","clearSelectedBlock","useDispatch","blockEditorStore","templateType","isFocusMode","isViewMode","useSelect","select","getEditedPostType","getCanvasMode","unlock","editSiteStore","_templateType","FOCUSABLE_ENTITIES","includes","resizeObserver","sizes","useResizeObserver","settings","useSiteEditorSettings","hasBlocks","getBlockCount","blocks","isMobileViewport","useViewportMatch","enableResizing","contentRef","useRef","isTemplateTypeNavigation","NAVIGATION_POST_TYPE","isNavigationFocusMode","showBlockAppender","undefined","forceFullHeight","_react","createElement","Fragment","default","Slot","editorCanvasView","className","BlockTools","classnames","__unstableContentRef","onClick","event","target","currentTarget","height","BlockList","layout","renderAppender"],"sources":["@wordpress/edit-site/src/components/block-editor/site-editor-canvas.js"],"sourcesContent":["/*\n External dependencies\n /\nimport classnames from 'classnames';\n/\n WordPress dependencies\n /\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport { useRef } from '@wordpress/element';\nimport {\n\tBlockList,\n\tBlockTools,\n\tstore as blockEditorStore,\n} from '@wordpress/block-editor';\nimport { useViewportMatch, useResizeObserver } from '@wordpress/compose';\n/\n Internal dependencies\n */\nimport BackButton from './back-button';\nimport ResizableEditor from './resizable-editor';\nimport EditorCanvas from './editor-canvas';\nimport EditorCanvasContainer from '../editor-canvas-container';\nimport useSiteEditorSettings from './use-site-editor-settings';\nimport { store as editSiteStore } from '../../store';\nimport {\n\tFOCUSABLE_ENTITIES,\n\tNAVIGATION_POST_TYPE,\n} from '../../utils/constants';\nimport { unlock } from '../../lock-unlock';\nimport ~~PageContentFocusManager~~ from '../page-content-focus-~~manager~~';\n\nconst LAYOUT = {\n\ttype: 'default',\n\t// At the root level of the site editor, no alignments should be allowed.\n\talignments: [],\n};\n\nexport default function SiteEditorCanvas() {\n\tconst { clearSelectedBlock } = useDispatch( blockEditorStore );\n\n\tconst { templateType, isFocusMode, isViewMode } = useSelect( ( select ) => {\n\t\tconst { getEditedPostType, getCanvasMode } = unlock(\n\t\t\tselect( editSiteStore )\n\t\t);\n\n\t\tconst _templateType = getEditedPostType();\n\n\t\treturn {\n\t\t\ttemplateType: _templateType,\n\t\t\tisFocusMode: FOCUSABLE_ENTITIES.includes( _templateType ),\n\t\t\tisViewMode: getCanvasMode() === 'view',\n\t\t};\n\t}, [] );\n\n\tconst [ resizeObserver, sizes ] = useResizeObserver();\n\n\tconst settings = useSiteEditorSettings();\n\n\tconst { hasBlocks } = useSelect( ( select ) => {\n\t\tconst { getBlockCount } = select( blockEditorStore );\n\n\t\tconst blocks = getBlockCount();\n\n\t\treturn {\n\t\t\thasBlocks: !! blocks,\n\t\t};\n\t}, [] );\n\n\tconst isMobileViewport = useViewportMatch( 'small', '<' );\n\tconst enableResizing =\n\t\tisFocusMode &&\n\t\t! isViewMode &&\n\t\t// Disable resizing in mobile viewport.\n\t\t! isMobileViewport;\n\n\tconst contentRef = useRef();\n\tconst isTemplateTypeNavigation = templateType === NAVIGATION_POST_TYPE;\n\n\tconst isNavigationFocusMode = isTemplateTypeNavigation && isFocusMode;\n\n\t// Hide the appender when:\n\t// - In navigation focus mode (should only allow the root Nav block).\n\t// - In view mode (i.e. not editing).\n\tconst showBlockAppender =\n\t\t( isNavigationFocusMode && hasBlocks ) \|\| isViewMode\n\t\t\t? false\n\t\t\t: undefined;\n\n\tconst forceFullHeight = isNavigationFocusMode;\n\n\treturn (\n\t\t<>\n\t\t\t<EditorCanvasContainer.Slot>\n\t\t\t\t{ ( [ editorCanvasView ] ) =>\n\t\t\t\t\teditorCanvasView ? (\n\t\t\t\t\t\t<div className=\"edit-site-visual-editor is-focus-mode\">\n\t\t\t\t\t\t\t{ editorCanvasView }\n\t\t\t\t\t\t</div>\n\t\t\t\t\t) : (\n\t\t\t\t\t\t<BlockTools\n\t\t\t\t\t\t\tclassName={ classnames( 'edit-site-visual-editor', {\n\t\t\t\t\t\t\t\t'is-focus-mode':\n\t\t\t\t\t\t\t\t\tisFocusMode \|\| !! editorCanvasView,\n\t\t\t\t\t\t\t\t'is-view-mode': isViewMode,\n\t\t\t\t\t\t\t} ) }\n\t\t\t\t\t\t\t__unstableContentRef={ contentRef }\n\t\t\t\t\t\t\tonClick={ ( event ) => {\n\t\t\t\t\t\t\t\t// Clear selected block when clicking on the gray background.\n\t\t\t\t\t\t\t\tif ( event.target === event.currentTarget ) {\n\t\t\t\t\t\t\t\t\tclearSelectedBlock();\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\t\t<BackButton />\n\t\t\t\t\t\t\t<ResizableEditor\n\t\t\t\t\t\t\t\tenableResizing={ enableResizing }\n\t\t\t\t\t\t\t\theight={\n\t\t\t\t\t\t\t\t\tsizes.height && ! forceFullHeight\n\t\t\t\t\t\t\t\t\t\t? sizes.height\n\t\t\t\t\t\t\t\t\t\t: '100%'\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<EditorCanvas\n\t\t\t\t\t\t\t\t\tenableResizing={ enableResizing }\n\t\t\t\t\t\t\t\t\tsettings={ settings }\n\t\t\t\t\t\t\t\t\tcontentRef={ contentRef }\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t{ resizeObserver }\n\t\t\t\t\t\t\t\t\t<BlockList\n\t\t\t\t\t\t\t\t\t\tclassName={ classnames(\n\t\t\t\t\t\t\t\t\t\t\t'edit-site-block-editor__block-list wp-site-blocks',\n\t\t\t\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\t\t\t\t'is-navigation-block':\n\t\t\t\t\t\t\t\t\t\t\t\t\tisTemplateTypeNavigation,\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\tlayout={ LAYOUT }\n\t\t\t\t\t\t\t\t\t\trenderAppender={ showBlockAppender }\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t</EditorCanvas>\n\t\t\t\t\t\t\t</ResizableEditor>\n\t\t\t\t\t\t</BlockTools>\n\t\t\t\t\t)\n\t\t\t\t}\n\t\t\t</EditorCanvasContainer.Slot>\n\t\t\t<~~PageContentFocusManager~~ contentRef={ contentRef } />\n\t\t</>\n\t);\n}\n"],"mappings":";;;;;;;;AAGA,IAAAA,WAAA,GAAAC,sBAAA,CAAAC,OAAA;AAIA,IAAAC,KAAA,GAAAD,OAAA;AACA,IAAAE,QAAA,GAAAF,OAAA;AACA,IAAAG,YAAA,GAAAH,OAAA;AAKA,IAAAI,QAAA,GAAAJ,OAAA;AAIA,IAAAK,WAAA,GAAAN,sBAAA,CAAAC,OAAA;AACA,IAAAM,gBAAA,GAAAP,sBAAA,CAAAC,OAAA;AACA,IAAAO,aAAA,GAAAR,sBAAA,CAAAC,OAAA;AACA,IAAAQ,sBAAA,GAAAT,sBAAA,CAAAC,OAAA;AACA,IAAAS,sBAAA,GAAAV,sBAAA,CAAAC,OAAA;AACA,IAAAU,MAAA,GAAAV,OAAA;AACA,IAAAW,UAAA,GAAAX,OAAA;AAIA,IAAAY,WAAA,GAAAZ,OAAA;AACA,IAAAa,~~wBAAA~~,GAAAd,sBAAA,CAAAC,OAAA;AA7BA;AACA;AACA;;AAEA;AACA;AACA;;AASA;AACA;AACA;;AAcA,MAAMc,MAAM,GAAG;EACdC,IAAI,EAAE,SAAS;EACf;EACAC,UAAU,EAAE;AACb,CAAC;AAEc,SAASC,gBAAgBA,CAAA,EAAG;EAC1C,MAAM;IAAEC;EAAmB,CAAC,GAAG,IAAAC,iBAAW,EAAEC,kBAAiB,CAAC;EAE9D,MAAM;IAAEC,YAAY;IAAEC,WAAW;IAAEC;EAAW,CAAC,GAAG,IAAAC,eAAS,EAAIC,MAAM,IAAM;IAC1E,MAAM;MAAEC,iBAAiB;MAAEC;IAAc,CAAC,GAAG,IAAAC,kBAAM,EAClDH,MAAM,CAAEI,YAAc,CACvB,CAAC;IAED,MAAMC,aAAa,GAAGJ,iBAAiB,CAAC,CAAC;IAEzC,OAAO;MACNL,YAAY,EAAES,aAAa;MAC3BR,WAAW,EAAES,6BAAkB,CAACC,QAAQ,CAAEF,aAAc,CAAC;MACzDP,UAAU,EAAEI,aAAa,CAAC,CAAC,KAAK;IACjC,CAAC;EACF,CAAC,EAAE,EAAG,CAAC;EAEP,MAAM,CAAEM,cAAc,EAAEC,KAAK,CAAE,GAAG,IAAAC,0BAAiB,EAAC,CAAC;EAErD,MAAMC,QAAQ,GAAG,IAAAC,8BAAqB,EAAC,CAAC;EAExC,MAAM;IAAEC;EAAU,CAAC,GAAG,IAAAd,eAAS,EAAIC,MAAM,IAAM;IAC9C,MAAM;MAAEc;IAAc,CAAC,GAAGd,MAAM,CAAEL,kBAAiB,CAAC;IAEpD,MAAMoB,MAAM,GAAGD,aAAa,CAAC,CAAC;IAE9B,OAAO;MACND,SAAS,EAAE,CAAC,CAAEE;IACf,CAAC;EACF,CAAC,EAAE,EAAG,CAAC;EAEP,MAAMC,gBAAgB,GAAG,IAAAC,yBAAgB,EAAE,OAAO,EAAE,GAAI,CAAC;EACzD,MAAMC,cAAc,GACnBrB,WAAW,IACX,CAAEC,UAAU;EACZ;EACA,CAAEkB,gBAAgB;EAEnB,MAAMG,UAAU,GAAG,IAAAC,eAAM,EAAC,CAAC;EAC3B,MAAMC,wBAAwB,GAAGzB,YAAY,KAAK0B,+BAAoB;EAEtE,MAAMC,qBAAqB,GAAGF,wBAAwB,IAAIxB,WAAW;;EAErE;EACA;EACA;EACA,MAAM2B,iBAAiB,GACpBD,qBAAqB,IAAIV,SAAS,IAAMf,UAAU,GACjD,KAAK,GACL2B,SAAS;EAEb,MAAMC,eAAe,GAAGH,qBAAqB;EAE7C,OACC,IAAAI,MAAA,CAAAC,aAAA,EAAAD,MAAA,CAAAE,QAAA,QACC,IAAAF,MAAA,CAAAC,aAAA,EAAC7C,sBAAA,CAAA+C,OAAqB,CAACC,IAAI,QACxB,CAAE,CAAEC,gBAAgB,CAAE,KACvBA,gBAAgB,GACf,IAAAL,MAAA,CAAAC,aAAA;IAAKK,SAAS,EAAC;EAAuC,GACnDD,gBACE,CAAC,GAEN,IAAAL,MAAA,CAAAC,aAAA,EAAClD,YAAA,CAAAwD,UAAU;IACVD,SAAS,EAAG,IAAAE,mBAAU,EAAE,yBAAyB,EAAE;MAClD,eAAe,EACdtC,WAAW,IAAI,CAAC,CAAEmC,gBAAgB;MACnC,cAAc,EAAElC;IACjB,CAAE,CAAG;IACLsC,oBAAoB,EAAGjB,UAAY;IACnCkB,OAAO,EAAKC,KAAK,IAAM;MACtB;MACA,IAAKA,KAAK,CAACC,MAAM,KAAKD,KAAK,CAACE,aAAa,EAAG;QAC3C/C,kBAAkB,CAAC,CAAC;MACrB;IACD;EAAG,GAEH,IAAAkC,MAAA,CAAAC,aAAA,EAAChD,WAAA,CAAAkD,OAAU,MAAE,CAAC,EACd,IAAAH,MAAA,CAAAC,aAAA,EAAC/C,gBAAA,CAAAiD,OAAe;IACfZ,cAAc,EAAGA,cAAgB;IACjCuB,MAAM,EACLhC,KAAK,CAACgC,MAAM,IAAI,CAAEf,eAAe,GAC9BjB,KAAK,CAACgC,MAAM,GACZ;EACH,GAED,IAAAd,MAAA,CAAAC,aAAA,EAAC9C,aAAA,CAAAgD,OAAY;IACZZ,cAAc,EAAGA,cAAgB;IACjCP,QAAQ,EAAGA,QAAU;IACrBQ,UAAU,EAAGA;EAAY,GAEvBX,cAAc,EAChB,IAAAmB,MAAA,CAAAC,aAAA,EAAClD,YAAA,CAAAgE,SAAS;IACTT,SAAS,EAAG,IAAAE,mBAAU,EACrB,mDAAmD,EACnD;MACC,qBAAqB,EACpBd;IACF,CACD,CAAG;IACHsB,MAAM,~~EAAGtD~~,MAAQ;~~IACjBuD~~,cAAc,~~EAAGpB~~;EAAmB,CACpC,CACY,CACE,CACN,CAGa,CAAC,EAC7B,IAAAG,MAAA,CAAAC,aAAA,EAACxC,~~wBAAA~~,CAAA0C,~~OAAuB~~;IAACX,UAAU,EAAGA;EAAY,CAAE,~~CACnD~~,CAAC;AAEL"}
1	+ {"version":3,"names":["_classnames","_interopRequireDefault","require","_data","_element","_blockEditor","_compose","_backButton","_resizableEditor","_editorCanvas","_editorCanvasContainer","_useSiteEditorSettings","_store","_constants","_lockUnlock","_pageContentFocusNotifications","LAYOUT","type","alignments","SiteEditorCanvas","clearSelectedBlock","useDispatch","blockEditorStore","templateType","isFocusMode","isViewMode","useSelect","select","getEditedPostType","getCanvasMode","unlock","editSiteStore","_templateType","FOCUSABLE_ENTITIES","includes","resizeObserver","sizes","useResizeObserver","settings","useSiteEditorSettings","hasBlocks","getBlockCount","blocks","isMobileViewport","useViewportMatch","enableResizing","contentRef","useRef","isTemplateTypeNavigation","NAVIGATION_POST_TYPE","isNavigationFocusMode","showBlockAppender","undefined","forceFullHeight","_react","createElement","Fragment","default","Slot","editorCanvasView","className","BlockTools","classnames","__unstableContentRef","onClick","event","target","currentTarget","height","BlockList","dropZoneElement","current","parentNode","layout","renderAppender"],"sources":["@wordpress/edit-site/src/components/block-editor/site-editor-canvas.js"],"sourcesContent":["/*\n External dependencies\n /\nimport classnames from 'classnames';\n/\n WordPress dependencies\n /\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport { useRef } from '@wordpress/element';\nimport {\n\tBlockList,\n\tBlockTools,\n\tstore as blockEditorStore,\n} from '@wordpress/block-editor';\nimport { useViewportMatch, useResizeObserver } from '@wordpress/compose';\n/\n Internal dependencies\n */\nimport BackButton from './back-button';\nimport ResizableEditor from './resizable-editor';\nimport EditorCanvas from './editor-canvas';\nimport EditorCanvasContainer from '../editor-canvas-container';\nimport useSiteEditorSettings from './use-site-editor-settings';\nimport { store as editSiteStore } from '../../store';\nimport {\n\tFOCUSABLE_ENTITIES,\n\tNAVIGATION_POST_TYPE,\n} from '../../utils/constants';\nimport { unlock } from '../../lock-unlock';\nimport PageContentFocusNotifications from '../page-content-focus-notifications';\n\nconst LAYOUT = {\n\ttype: 'default',\n\t// At the root level of the site editor, no alignments should be allowed.\n\talignments: [],\n};\n\nexport default function SiteEditorCanvas() {\n\tconst { clearSelectedBlock } = useDispatch( blockEditorStore );\n\n\tconst { templateType, isFocusMode, isViewMode } = useSelect( ( select ) => {\n\t\tconst { getEditedPostType, getCanvasMode } = unlock(\n\t\t\tselect( editSiteStore )\n\t\t);\n\n\t\tconst _templateType = getEditedPostType();\n\n\t\treturn {\n\t\t\ttemplateType: _templateType,\n\t\t\tisFocusMode: FOCUSABLE_ENTITIES.includes( _templateType ),\n\t\t\tisViewMode: getCanvasMode() === 'view',\n\t\t};\n\t}, [] );\n\n\tconst [ resizeObserver, sizes ] = useResizeObserver();\n\n\tconst settings = useSiteEditorSettings();\n\n\tconst { hasBlocks } = useSelect( ( select ) => {\n\t\tconst { getBlockCount } = select( blockEditorStore );\n\n\t\tconst blocks = getBlockCount();\n\n\t\treturn {\n\t\t\thasBlocks: !! blocks,\n\t\t};\n\t}, [] );\n\n\tconst isMobileViewport = useViewportMatch( 'small', '<' );\n\tconst enableResizing =\n\t\tisFocusMode &&\n\t\t! isViewMode &&\n\t\t// Disable resizing in mobile viewport.\n\t\t! isMobileViewport;\n\n\tconst contentRef = useRef();\n\tconst isTemplateTypeNavigation = templateType === NAVIGATION_POST_TYPE;\n\n\tconst isNavigationFocusMode = isTemplateTypeNavigation && isFocusMode;\n\n\t// Hide the appender when:\n\t// - In navigation focus mode (should only allow the root Nav block).\n\t// - In view mode (i.e. not editing).\n\tconst showBlockAppender =\n\t\t( isNavigationFocusMode && hasBlocks ) \|\| isViewMode\n\t\t\t? false\n\t\t\t: undefined;\n\n\tconst forceFullHeight = isNavigationFocusMode;\n\n\treturn (\n\t\t<>\n\t\t\t<EditorCanvasContainer.Slot>\n\t\t\t\t{ ( [ editorCanvasView ] ) =>\n\t\t\t\t\teditorCanvasView ? (\n\t\t\t\t\t\t<div className=\"edit-site-visual-editor is-focus-mode\">\n\t\t\t\t\t\t\t{ editorCanvasView }\n\t\t\t\t\t\t</div>\n\t\t\t\t\t) : (\n\t\t\t\t\t\t<BlockTools\n\t\t\t\t\t\t\tclassName={ classnames( 'edit-site-visual-editor', {\n\t\t\t\t\t\t\t\t'is-focus-mode':\n\t\t\t\t\t\t\t\t\tisFocusMode \|\| !! editorCanvasView,\n\t\t\t\t\t\t\t\t'is-view-mode': isViewMode,\n\t\t\t\t\t\t\t} ) }\n\t\t\t\t\t\t\t__unstableContentRef={ contentRef }\n\t\t\t\t\t\t\tonClick={ ( event ) => {\n\t\t\t\t\t\t\t\t// Clear selected block when clicking on the gray background.\n\t\t\t\t\t\t\t\tif ( event.target === event.currentTarget ) {\n\t\t\t\t\t\t\t\t\tclearSelectedBlock();\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\t\t<BackButton />\n\t\t\t\t\t\t\t<ResizableEditor\n\t\t\t\t\t\t\t\tenableResizing={ enableResizing }\n\t\t\t\t\t\t\t\theight={\n\t\t\t\t\t\t\t\t\tsizes.height && ! forceFullHeight\n\t\t\t\t\t\t\t\t\t\t? sizes.height\n\t\t\t\t\t\t\t\t\t\t: '100%'\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<EditorCanvas\n\t\t\t\t\t\t\t\t\tenableResizing={ enableResizing }\n\t\t\t\t\t\t\t\t\tsettings={ settings }\n\t\t\t\t\t\t\t\t\tcontentRef={ contentRef }\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t{ resizeObserver }\n\t\t\t\t\t\t\t\t\t<BlockList\n\t\t\t\t\t\t\t\t\t\tclassName={ classnames(\n\t\t\t\t\t\t\t\t\t\t\t'edit-site-block-editor__block-list wp-site-blocks',\n\t\t\t\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\t\t\t\t'is-navigation-block':\n\t\t\t\t\t\t\t\t\t\t\t\t\tisTemplateTypeNavigation,\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\tdropZoneElement={\n\t\t\t\t\t\t\t\t\t\t\t// Pass in the html element of the iframe to ensure that\n\t\t\t\t\t\t\t\t\t\t\t// the drop zone extends to the very edges of the iframe,\n\t\t\t\t\t\t\t\t\t\t\t// even if the template is shorter than the viewport.\n\t\t\t\t\t\t\t\t\t\t\tcontentRef.current?.parentNode\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\tlayout={ LAYOUT }\n\t\t\t\t\t\t\t\t\t\trenderAppender={ showBlockAppender }\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t</EditorCanvas>\n\t\t\t\t\t\t\t</ResizableEditor>\n\t\t\t\t\t\t</BlockTools>\n\t\t\t\t\t)\n\t\t\t\t}\n\t\t\t</EditorCanvasContainer.Slot>\n\t\t\t<PageContentFocusNotifications contentRef={ contentRef } />\n\t\t</>\n\t);\n}\n"],"mappings":"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"}

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

@@ -9,7 +9,7 @@ var _components = require("@wordpress/components");
 var _icons = require("@wordpress/icons");
 var _i18n = require("@wordpress/i18n");
 var _lockUnlock = require("../../lock-unlock");
-var _inFilter = require("./in-filter");
+var _constants = require("./constants");
 /**
  * WordPress dependencies
  */
@@ -19,12 +19,11 @@ var _inFilter = require("./in-filter");
  */
 const {
-  DropdownMenuV2,
-  DropdownSubMenuV2,
-  DropdownSubMenuTriggerV2,
-  DropdownMenuItemV2
+  DropdownMenuV2: DropdownMenu,
+  DropdownSubMenuV2: DropdownSubMenu,
+  DropdownSubMenuTriggerV2: DropdownSubMenuTrigger,
+  DropdownMenuItemV2: DropdownMenuItem
 } = (0, _lockUnlock.unlock)(_components.privateApis);
-const VALID_OPERATORS = [_inFilter.OPERATOR_IN];
 function AddFilter({
   fields,
   view,
@@ -32,45 +31,47 @@ function AddFilter({
 }) {
   const filters = [];
   fields.forEach(field => {
-    if (!field.filters) {
+    if (!field.type) {
       return;
     }
-    field.filters.forEach(filter => {
-      if (VALID_OPERATORS.some(operator => operator === filter)) {
+    switch (field.type) {
+      case _constants.ENUMERATION_TYPE:
         filters.push({
           field: field.id,
           name: field.header,
-          operator: filter,
           elements: field.elements || [],
-          isVisible: view.filters.some(f => f.field === field.id && f.operator === filter)
+          isVisible: view.filters.some(f => f.field === field.id && f.operator === _constants.OPERATOR_IN)
         });
-      }
-    });
+    }
   });
   if (filters.length === 0) {
     return null;
   }
-  return (0, _react.createElement)(DropdownMenuV2, {
+  return (0, _react.createElement)(DropdownMenu, {
     label: (0, _i18n.__)('Add filter'),
     trigger: (0, _react.createElement)(_components.Button, {
       disabled: filters.length === view.filters?.length,
       __experimentalIsFocusable: true,
-      icon: _icons.plus,
       variant: "tertiary",
       size: "compact"
-    }, (0, _i18n.__)('Add filter'))
+    }, (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)(DropdownSubMenuV2, {
+    return (0, _react.createElement)(DropdownSubMenu, {
       key: filter.field,
-      trigger: (0, _react.createElement)(DropdownSubMenuTriggerV2, {
+      trigger: (0, _react.createElement)(DropdownSubMenuTrigger, {
         suffix: (0, _react.createElement)(_components.Icon, {
           icon: _icons.chevronRightSmall
         })
       }, filter.name)
-    }, filter.elements.map(element => (0, _react.createElement)(DropdownMenuItemV2, {
+    }, filter.elements.map(element => (0, _react.createElement)(DropdownMenuItem, {
       key: element.value,
       onSelect: () => {
         onChangeView(currentView => ({
@@ -78,7 +79,7 @@ function AddFilter({
           page: 1,
           filters: [...currentView.filters, {
             field: filter.field,
-            operator: 'in',
+            operator: _constants.OPERATOR_IN,
             value: element.value
           }]
         }));

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

	@@ -1 +1 @@
1	- {"version":3,"names":["_components","require","_icons","_i18n","_lockUnlock","~~_inFilter~~","DropdownMenuV2","DropdownSubMenuV2","DropdownSubMenuTriggerV2","~~DropdownMenuItemV2~~","~~unlock~~","~~componentsPrivateApis~~","~~VALID_OPERATORS~~","~~OPERATOR_IN~~","AddFilter","fields","view","onChangeView","filters","forEach","field","~~filter~~","~~some~~","~~operator","~~push","id","name","header","elements","isVisible","f","length","_react","createElement","label","__","trigger","Button","disabled","__experimentalIsFocusable","icon","plus","~~variant~~","~~size~~","map","~~key~~","~~suffix~~","~~Icon~~","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 { OPERATOR_IN } from './~~in-filter~~';\n\nconst {\n\tDropdownMenuV2,\n\tDropdownSubMenuV2,\n\tDropdownSubMenuTriggerV2,\n\tDropdownMenuItemV2,\n} = unlock( componentsPrivateApis );\n\~~nconst VALID_OPERATORS = [ OPERATOR_IN ];\n\~~nexport default function AddFilter( { fields, view, onChangeView } ) {\n\tconst filters = [];\n\tfields.forEach( ( field ) => {\n\t\tif ( ! field.~~filters~~ ) {\n\t\t\treturn;\n\t\t}\n\n\t\~~tfield.filters.forEach(~~ ( ~~filter~~ ) => {\n\t\t\~~tif~~ ~~( VALID_OPERATORS.some( ( operator ) => operator === filter ) ) {\~~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\~~toperator: filter,\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 ) ~~=> f~~.field === field.id && f.operator === ~~filter~~\n\t\t\t\t\t),\n\t\t\t\t} );\n\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<~~DropdownMenuV2~~\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\~~ticon={ plus }\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{ __( '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<~~DropdownSubMenuV2~~\n\t\t\t\t\t\tkey={ filter.field }\n\t\t\t\t\t\ttrigger={\n\t\t\t\t\t\t\t<~~DropdownSubMenuTriggerV2~~\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</~~DropdownSubMenuTriggerV2~~>\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<~~DropdownMenuItemV2~~\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: ~~'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</~~DropdownMenuItemV2~~>\n\t\t\t\t\t\t) ) }\n\t\t\t\t\t</~~DropdownSubMenuV2~~>\n\t\t\t\t);\n\t\t\t} ) }\n\t\t</~~DropdownMenuV2~~>\n\t);\n}\n"],"mappings":";;;;;;;AAGA,IAAAA,WAAA,GAAAC,OAAA;AAKA,IAAAC,MAAA,GAAAD,OAAA;AACA,IAAAE,KAAA,GAAAF,OAAA;AAKA,IAAAG,WAAA,GAAAH,OAAA;AACA,IAAAI,~~SAAA~~,GAAAJ,OAAA;AAfA;AACA;AACA;;AASA;AACA;AACA;;AAIA,MAAM;EACLK,cAAc;~~EACdC~~,iBAAiB;~~EACjBC~~,wBAAwB;~~EACxBC~~;~~AACD~~,CAAC,GAAG,IAAAC,kBAAM,EAAEC,uBAAsB,CAAC;~~AAEnC~~,~~MAAMC,eAAe,GAAG,CAAEC,qBAAW,CAAE;AAExB,~~SAASC,SAASA,CAAE;EAAEC,MAAM;EAAEC,IAAI;EAAEC;AAAa,CAAC,EAAG;EACnE,MAAMC,OAAO,GAAG,EAAE;EAClBH,MAAM,CAACI,OAAO,CAAIC,KAAK,IAAM;IAC5B,IAAK,CAAEA,KAAK,~~CAACF~~,~~OAAO~~,EAAG;~~MACtB~~;IACD;~~IAEAE~~,KAAK,~~CAACF,OAAO,~~CAACC,~~OAAO,CAAIE,MAAM,IAAM~~;~~MACpC~~,~~IAAKT~~,~~eAAe,CAACU,IAAI,CAAIC,QAAQ,IAAMA,QAAQ,KAAKF,MAAO,CAAC,EAAG~~;~~QAClEH~~,OAAO,~~CAACM~~,IAAI,CAAE;~~UACbJ~~,KAAK,EAAEA,KAAK,~~CAACK~~,EAAE;UACfC,IAAI,~~EAAEN~~,KAAK,~~CAACO~~,MAAM;~~UAClBJ~~,QAAQ,~~EAAEF~~,~~MAAM;UAChBO,QAAQ,EAAER,~~KAAK,~~CAACQ~~,QAAQ,IAAI,EAAE;UAC9BC,SAAS,~~EAAEb~~,IAAI,CAACE,OAAO,~~CAACI~~,IAAI,~~CACzBQ~~,CAAC,~~IAAMA~~,CAAC,CAACV,KAAK,KAAKA,KAAK,~~CAACK~~,EAAE,~~IAAIK~~,CAAC,~~CAACP~~,QAAQ,~~KAAKF~~,~~MACjD~~;QACD,CAAE,CAAC;~~MACJ~~;~~IACD~~,CAAE,CAAC;~~EACJ,CAAE,CAAC;~~EAEH,~~IAAKH~~,OAAO,~~CAACa~~,MAAM,KAAK,CAAC,EAAG;IAC3B,OAAO,IAAI;EACZ;EAEA,OACC,IAAAC,MAAA,CAAAC,aAAA,~~EAAC3B~~,~~cAAc~~;~~IACd4B~~,KAAK,EAAG,IAAAC,QAAE,EAAE,YAAa,CAAG;IAC5BC,OAAO,EACN,IAAAJ,MAAA,CAAAC,aAAA,~~EAACjC~~,WAAA,~~CAAAqC~~,MAAM;MACNC,QAAQ,~~EAAGpB~~,OAAO,~~CAACa~~,MAAM,~~KAAKf~~,IAAI,CAACE,OAAO,~~EAAEa~~,MAAQ;MACpDQ,yBAAyB;MACzBC,~~IAAI,EAAGC,WAAM;MACbC,~~OAAO,EAAC,UAAU;MAClBC,IAAI,EAAC;IAAS,~~GAEZ~~,~~IAAAR~~,QAAE,EAAE,YAAa,CACZ;EACR,~~GAECjB~~,OAAO,~~CAAC0B~~,GAAG,~~CAAIvB~~,MAAM,IAAM;IAC5B,IAAKA,MAAM,~~CAACQ~~,SAAS,EAAG;MACvB,OAAO,IAAI;IACZ;IAEA,OACC,~~IAAAG~~,MAAA,CAAAC,aAAA,~~EAAC1B~~,~~iBAAiB~~;~~MACjBsC~~,GAAG,~~EAAGxB~~,MAAM,~~CAACD~~,KAAO;~~MACpBgB~~,OAAO,EACN,IAAAJ,MAAA,CAAAC,aAAA,~~EAACzB~~,~~wBAAwB~~;~~QACxBsC~~,MAAM,EAAG,~~IAAAd~~,MAAA,CAAAC,aAAA,~~EAACjC~~,WAAA,~~CAAA+C~~,IAAI;~~UAACP~~,IAAI,EAAGQ;QAAmB,CAAE;MAAG,~~GAE5C3B~~,MAAM,~~CAACK~~,~~IACgB~~;~~IAC1B~~,~~GAECL~~,MAAM,~~CAACO~~,QAAQ,~~CAACgB~~,GAAG,CAAIK,OAAO,IAC/B,~~IAAAjB~~,MAAA,CAAAC,aAAA,EAACxB,~~kBAAkB~~;~~MAClBoC~~,GAAG,~~EAAGI~~,OAAO,CAACC,KAAO;MACrBC,QAAQ,EAAGA,CAAA,KAAM;~~QAChBlC~~,YAAY,~~CAAImC~~,WAAW,KAAQ;UAClC,GAAGA,WAAW;UACdC,IAAI,EAAE,CAAC;~~UACPnC~~,OAAO,EAAE,CACR,~~GAAGkC~~,WAAW,~~CAAClC~~,OAAO,EACtB;YACCE,KAAK,~~EAAEC~~,MAAM,~~CAACD~~,KAAK;~~YACnBG~~,QAAQ,~~EAAE~~,~~IAAI~~;~~YACd2B~~,KAAK,EAAED,OAAO,CAACC;UAChB,CAAC;QAEH,CAAC,CAAG,CAAC;MACN,CAAG;MACHI,IAAI,EAAC;IAAkB,GAErBL,OAAO,~~CAACf~~,~~KACS~~,~~CACnB~~,~~CACgB~~,CAAC;~~EAEtB~~,CAAE,~~CACa~~,CAAC;~~AAEnB~~"}
1	+ {"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 ADDED Viewed

@@ -0,0 +1,14 @@
+"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 ADDED Viewed

@@ -0,0 +1 @@

+ {"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 CHANGED Viewed

@@ -46,6 +46,7 @@ function DataViews({
   searchLabel = undefined,
   actions,
   data,
+  getItemId,
   isLoading = false,
   paginationInfo,
   supportedLayouts
@@ -62,8 +63,11 @@ function DataViews({
   }, (0, _react.createElement)(_components.__experimentalVStack, {
     spacing: 4,
     justify: "flex-start"
-  }, (0, _react.createElement)(_components.__experimentalHStack, null, (0, _react.createElement)(_components.__experimentalHStack, {
-    justify: "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,
@@ -72,21 +76,19 @@ function DataViews({
     fields: fields,
     view: view,
     onChangeView: onChangeView
-  })), (0, _react.createElement)(_components.__experimentalHStack, {
-    justify: "end",
-    expanded: false
-  }, (0, _react.createElement)(_viewActions.default, {
+  })), (0, _react.createElement)(_viewActions.default, {
     fields: fields,
     view: view,
     onChangeView: onChangeView,
     supportedLayouts: supportedLayouts
-  }))), (0, _react.createElement)(ViewComponent, {
+  })), (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,

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

	@@ -1 +1 @@
1	- {"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","isLoading","paginationInfo","supportedLayouts","ViewComponent","type","_fields","useMemo","map","field","render","getValue","_react","createElement","className","__experimentalVStack","spacing","justify","__experimentalHStack","~~default~~","~~label~~","~~expanded~~"],"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\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>\n\t\t\t\t\t<HStack justify=\"start\">\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<~~HStack justify=\"end\" expanded={ false }>\n\t\t\t\t\t\t<~~ViewActions\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\tsupportedLayouts={ supportedLayouts }\n\t\t\t\t\t\t/>\n\t\t\t\t\t</HStack>\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\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":";;;;;;;;;AAGA,IAAAA,WAAA,GAAAC,OAAA;AAIA,IAAAC,QAAA,GAAAD,OAAA;AAKA,IAAAE,SAAA,GAAAC,sBAAA,CAAAH,OAAA;AACA,IAAAI,WAAA,GAAAD,sBAAA,CAAAH,OAAA;AACA,IAAAK,YAAA,GAAAF,sBAAA,CAAAH,OAAA;AACA,IAAAM,QAAA,GAAAH,sBAAA,CAAAH,OAAA;AACA,IAAAO,OAAA,GAAAJ,sBAAA,CAAAH,OAAA;AACA,IAAAQ,SAAA,GAAAR,OAAA;AACA,IAAAS,eAAA,GAAAT,OAAA;AAlBA;AACA;AACA;;AAOA;AACA;AACA;;AASA;AACO,MAAMU,mBAAmB,GAAG;EAClCC,IAAI,EAAE,CAAC,CAAC;EACRC,IAAI,EAAE,CAAC,CAAC;EACR,cAAc,EAAE;IACfC,OAAO,EAAE;EACV;AACD,CAAC;AAACC,OAAA,CAAAJ,mBAAA,GAAAA,mBAAA;AAEF,MAAMK,WAAW,GAAG;EACnBJ,IAAI,EAAEK,iBAAQ;EACdJ,IAAI,EAAEK,kBAAQ;EACd,cAAc,EAAEC;AACjB,CAAC;AAEc,SAASC,SAASA,CAAE;EAClCC,IAAI;EACJC,YAAY;EACZC,MAAM;EACNC,MAAM,GAAG,IAAI;EACbC,WAAW,GAAGC,SAAS;EACvBC,OAAO;EACPC,IAAI;EACJC,SAAS,GAAG,KAAK;EACjBC,cAAc;EACdC;AACD,CAAC,EAAG;EACH,MAAMC,aAAa,~~GAAGhB~~,WAAW,CAAEK,IAAI,~~CAACY~~,IAAI,CAAE;EAC9C,MAAMC,OAAO,GAAG,IAAAC,gBAAO,EAAE,MAAM;IAC9B,~~OAAOZ~~,MAAM,~~CAACa~~,GAAG,CAAIC,KAAK,KAAQ;MACjC,GAAGA,KAAK;MACRC,MAAM,EAAED,KAAK,CAACC,MAAM,IAAID,KAAK,CAACE;IAC/B,CAAC,CAAG,CAAC;EACN,CAAC,EAAE,~~CAAEhB~~,MAAM,CAAG,CAAC;EACf,OACC,~~IAAAiB~~,MAAA,CAAAC,aAAA;IAAKC,SAAS,EAAC;EAAmB,GACjC,IAAAF,MAAA,CAAAC,aAAA,~~EAACzC~~,WAAA,~~CAAA2C~~,oBAAM;IAACC,OAAO,EAAG,CAAG;IAACC,OAAO,EAAC;EAAY,GACzC,IAAAL,MAAA,CAAAC,aAAA,~~EAACzC~~,WAAA,~~CAAA8C~~,oBAAM,~~QACN~~,~~IAAAN~~,MAAA,CAAAC,aAAA,~~EAACzC~~,WAAA,~~CAAA8C~~,oBAAM;IAACD,OAAO,EAAC;~~EAAO~~,~~GACpBrB~~,MAAM,IACP,~~IAAAgB~~,MAAA,CAAAC,aAAA,~~EAACjC~~,OAAA,~~CAAAuC~~,OAAM;IACNC,KAAK,~~EAAGvB~~,WAAa;IACrBJ,IAAI,EAAGA,IAAM;IACbC,YAAY,EAAGA;EAAc,CAC7B,CACD,EACD,~~IAAAkB~~,MAAA,CAAAC,aAAA,~~EAAClC~~,QAAA,~~CAAAwC~~,OAAO;~~IACPxB~~,MAAM,EAAGA,MAAQ;IACjBF,IAAI,EAAGA,IAAM;IACbC,YAAY,EAAGA;EAAc,CAC7B,CACM,CAAC,EACT,~~IAAAkB~~,MAAA,CAAAC,aAAA,~~EAACzC~~,~~WAAA,CAAA8C,oBAAM;IAACD,OAAO,EAAC,KAAK;IAACI,QAAQ,EAAG;EAAO,GACvC,IAAAT,MAAA,CAAAC,aAAA,EAACnC,~~YAAA,~~CAAAyC~~,OAAW;~~IACXxB~~,MAAM,EAAGA,MAAQ;IACjBF,IAAI,EAAGA,IAAM;IACbC,YAAY,EAAGA,YAAc;~~IAC7BS~~,gBAAgB,EAAGA;EAAkB,CACrC,CACM,~~CACD,~~CAAC,EACT,IAAAS,MAAA,CAAAC,aAAA,EAACT,aAAa;~~IACbT~~,MAAM,~~EAAGW~~,OAAS;~~IAClBb~~,IAAI,EAAGA,IAAM;IACbC,YAAY,EAAGA,YAAc;~~IAC7BQ~~,cAAc,EAAGA,cAAgB;~~IACjCH~~,OAAO,EAAGA,OAAS;IACnBC,IAAI,EAAGA,IAAM;IACbC,SAAS,EAAGA;EAAW,CACvB,CAAC,EACF,IAAAW,MAAA,CAAAC,aAAA,~~EAACpC~~,WAAA,~~CAAA0C~~,OAAU;~~IACV1B~~,IAAI,EAAGA,IAAM;IACbC,YAAY,EAAGA,YAAc;~~IAC7BQ~~,cAAc,EAAGA;EAAgB,CACjC,CACM,CACJ,CAAC;AAER"}
1	+ {"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 ADDED Viewed

@@ -0,0 +1,62 @@
+"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 ADDED Viewed

@@ -0,0 +1 @@

+ {"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"}