@wordpress/edit-site 5.25.0 → 5.25.1-next.79a6196f.0

package/build/components/page-templates/index.js

@@ -4,19 +4,33 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = PageTemplates;
+exports.default = DataviewsTemplates;
 var _react = require("react");
+var _removeAccents = _interopRequireDefault(require("remove-accents"));
 var _components = require("@wordpress/components");
 var _i18n = require("@wordpress/i18n");
+var _element = require("@wordpress/element");
 var _coreData = require("@wordpress/core-data");
 var _htmlEntities = require("@wordpress/html-entities");
+var _keycodes = require("@wordpress/keycodes");
+var _blocks = require("@wordpress/blocks");
+var _blockEditor = require("@wordpress/block-editor");
+var _dataviews = require("@wordpress/dataviews");
+var _router = require("@wordpress/router");
 var _page = _interopRequireDefault(require("../page"));
-var _table = _interopRequireDefault(require("../table"));
 var _link = _interopRequireDefault(require("../routes/link"));
-var _addedBy = _interopRequireDefault(require("../list/added-by"));
-var _templateActions = _interopRequireDefault(require("../template-actions"));
 var _addNewTemplate = _interopRequireDefault(require("../add-new-template"));
+var _addedBy = require("../list/added-by");
 var _constants = require("../../utils/constants");
+var _templateActions = require("./template-actions");
+var _actions = require("../actions");
+var _usePatternSettings = _interopRequireDefault(require("../page-patterns/use-pattern-settings"));
+var _lockUnlock = require("../../lock-unlock");
+var _postPreview = _interopRequireDefault(require("../post-preview"));
+/**
+ * External dependencies
+ */
+
 /**
  * WordPress dependencies
  */
@@ -25,41 +39,264 @@ var _constants = require("../../utils/constants");
  * Internal dependencies
  */
 
-function PageTemplates() {
+const {
+  ExperimentalBlockEditorProvider,
+  useGlobalStyle
+} = (0, _lockUnlock.unlock)(_blockEditor.privateApis);
+const {
+  useHistory
+} = (0, _lockUnlock.unlock)(_router.privateApis);
+const EMPTY_ARRAY = [];
+const defaultConfigPerViewType = {
+  [_constants.LAYOUT_TABLE]: {},
+  [_constants.LAYOUT_GRID]: {
+    mediaField: 'preview',
+    primaryField: 'title'
+  },
+  [_constants.LAYOUT_LIST]: {
+    primaryField: 'title',
+    mediaField: 'preview'
+  }
+};
+const DEFAULT_VIEW = {
+  type: _constants.LAYOUT_TABLE,
+  search: '',
+  page: 1,
+  perPage: 20,
+  // All fields are visible by default, so it's
+  // better to keep track of the hidden ones.
+  hiddenFields: ['preview'],
+  layout: {},
+  filters: []
+};
+function normalizeSearchInput(input = '') {
+  return (0, _removeAccents.default)(input.trim().toLowerCase());
+}
+function TemplateTitle({
+  item,
+  viewType
+}) {
+  if (viewType === _constants.LAYOUT_LIST) {
+    return (0, _react.createElement)(_react.Fragment, null, (0, _htmlEntities.decodeEntities)(item.title?.rendered) || (0, _i18n.__)('(no title)'));
+  }
+  return (0, _react.createElement)(_components.__experimentalVStack, {
+    spacing: 1
+  }, (0, _react.createElement)(_components.__experimentalView, {
+    as: "span",
+    className: "dataviews-view-grid__title-field"
+  }, (0, _react.createElement)(_link.default, {
+    params: {
+      postId: item.id,
+      postType: item.type,
+      canvas: 'edit'
+    }
+  }, (0, _htmlEntities.decodeEntities)(item.title?.rendered) || (0, _i18n.__)('(no title)'))));
+}
+function AuthorField({
+  item,
+  viewType
+}) {
   const {
-    records: templates
+    text,
+    icon,
+    imageUrl
+  } = (0, _addedBy.useAddedBy)(item.type, item.id);
+  const withIcon = viewType !== _constants.LAYOUT_LIST;
+  return (0, _react.createElement)(_components.__experimentalHStack, {
+    alignment: "left",
+    spacing: 1
+  }, withIcon && imageUrl && (0, _react.createElement)(_addedBy.AvatarImage, {
+    imageUrl: imageUrl
+  }), withIcon && !imageUrl && (0, _react.createElement)("div", {
+    className: "edit-site-list-added-by__icon"
+  }, (0, _react.createElement)(_components.Icon, {
+    icon: icon
+  })), (0, _react.createElement)("span", null, text));
+}
+function TemplatePreview({
+  content,
+  viewType
+}) {
+  const settings = (0, _usePatternSettings.default)();
+  const [backgroundColor = 'white'] = useGlobalStyle('color.background');
+  const blocks = (0, _element.useMemo)(() => {
+    return (0, _blocks.parse)(content);
+  }, [content]);
+  if (!blocks?.length) {
+    return null;
+  }
+  // Wrap everything in a block editor provider to ensure 'styles' that are needed
+  // for the previews are synced between the site editor store and the block editor store.
+  // Additionally we need to have the `__experimentalBlockPatterns` setting in order to
+  // render patterns inside the previews.
+  // TODO: Same approach is used in the patterns list and it becomes obvious that some of
+  // the block editor settings are needed in context where we don't have the block editor.
+  // Explore how we can solve this in a better way.
+  return (0, _react.createElement)(ExperimentalBlockEditorProvider, {
+    settings: settings
+  }, (0, _react.createElement)("div", {
+    className: `page-templates-preview-field is-viewtype-${viewType}`,
+    style: {
+      backgroundColor
+    }
+  }, (0, _react.createElement)(_blockEditor.BlockPreview, {
+    blocks: blocks
+  })));
+}
+function DataviewsTemplates() {
+  const [templateId, setTemplateId] = (0, _element.useState)(null);
+  const [view, setView] = (0, _element.useState)(DEFAULT_VIEW);
+  const {
+    records: allTemplates,
+    isResolving: isLoadingData
   } = (0, _coreData.useEntityRecords)('postType', _constants.TEMPLATE_POST_TYPE, {
     per_page: -1
   });
-  const columns = [{
+  const history = useHistory();
+  const onSelectionChange = (0, _element.useCallback)(items => setTemplateId(items?.length === 1 ? items[0].id : null), [setTemplateId]);
+  const authors = (0, _element.useMemo)(() => {
+    if (!allTemplates) {
+      return EMPTY_ARRAY;
+    }
+    const authorsSet = new Set();
+    allTemplates.forEach(template => {
+      authorsSet.add(template.author_text);
+    });
+    return Array.from(authorsSet).map(author => ({
+      value: author,
+      label: author
+    }));
+  }, [allTemplates]);
+  const fields = (0, _element.useMemo)(() => [{
+    header: (0, _i18n.__)('Preview'),
+    id: 'preview',
+    render: ({
+      item
+    }) => {
+      return (0, _react.createElement)(TemplatePreview, {
+        content: item.content.raw,
+        viewType: view.type
+      });
+    },
+    minWidth: 120,
+    maxWidth: 120,
+    enableSorting: false
+  }, {
     header: (0, _i18n.__)('Template'),
-    cell: template => (0, _react.createElement)(_components.__experimentalVStack, null, (0, _react.createElement)(_components.__experimentalHeading, {
-      as: "h3",
-      level: 5
-    }, (0, _react.createElement)(_link.default, {
-      params: {
-        postId: template.id,
-        postType: template.type,
-        canvas: 'edit'
-      }
-    }, (0, _htmlEntities.decodeEntities)(template.title?.rendered || template.slug))), template.description && (0, _react.createElement)(_components.__experimentalText, {
-      variant: "muted"
-    }, (0, _htmlEntities.decodeEntities)(template.description))),
-    maxWidth: 400
+    id: 'title',
+    getValue: ({
+      item
+    }) => item.title?.rendered,
+    render: ({
+      item
+    }) => (0, _react.createElement)(TemplateTitle, {
+      item: item,
+      viewType: view.type
+    }),
+    maxWidth: 400,
+    enableHiding: false
   }, {
-    header: (0, _i18n.__)('Added by'),
-    cell: template => (0, _react.createElement)(_addedBy.default, {
-      postType: template.type,
-      postId: template.id
-    })
+    header: (0, _i18n.__)('Description'),
+    id: 'description',
+    getValue: ({
+      item
+    }) => item.description,
+    render: ({
+      item
+    }) => {
+      return item.description ? (0, _htmlEntities.decodeEntities)(item.description) : (0, _react.createElement)(_react.Fragment, null, (0, _react.createElement)(_components.__experimentalText, {
+        variant: "muted",
+        "aria-hidden": "true"
+      }, "\u2014"), (0, _react.createElement)(_components.VisuallyHidden, null, (0, _i18n.__)('No description.')));
+    },
+    maxWidth: 200,
+    enableSorting: false
   }, {
-    header: (0, _react.createElement)(_components.VisuallyHidden, null, (0, _i18n.__)('Actions')),
-    cell: template => (0, _react.createElement)(_templateActions.default, {
-      postType: template.type,
-      postId: template.id
-    })
-  }];
-  return (0, _react.createElement)(_page.default, {
+    header: (0, _i18n.__)('Author'),
+    id: 'author',
+    getValue: ({
+      item
+    }) => item.author_text,
+    render: ({
+      item
+    }) => {
+      return (0, _react.createElement)(AuthorField, {
+        viewType: view.type,
+        item: item
+      });
+    },
+    enableHiding: false,
+    type: _constants.ENUMERATION_TYPE,
+    elements: authors
+  }], [authors, view.type]);
+  const {
+    data,
+    paginationInfo
+  } = (0, _element.useMemo)(() => {
+    if (!allTemplates) {
+      return {
+        data: EMPTY_ARRAY,
+        paginationInfo: {
+          totalItems: 0,
+          totalPages: 0
+        }
+      };
+    }
+    let filteredTemplates = [...allTemplates];
+    // Handle global search.
+    if (view.search) {
+      const normalizedSearch = normalizeSearchInput(view.search);
+      filteredTemplates = filteredTemplates.filter(item => {
+        const title = item.title?.rendered || item.slug;
+        return normalizeSearchInput(title).includes(normalizedSearch) || normalizeSearchInput(item.description).includes(normalizedSearch);
+      });
+    }
+
+    // Handle filters.
+    if (view.filters.length > 0) {
+      view.filters.forEach(filter => {
+        if (filter.field === 'author' && filter.operator === _constants.OPERATOR_IN && !!filter.value) {
+          filteredTemplates = filteredTemplates.filter(item => {
+            return item.author_text === filter.value;
+          });
+        } else if (filter.field === 'author' && filter.operator === _constants.OPERATOR_NOT_IN && !!filter.value) {
+          filteredTemplates = filteredTemplates.filter(item => {
+            return item.author_text !== filter.value;
+          });
+        }
+      });
+    }
+
+    // Handle sorting.
+    if (view.sort) {
+      filteredTemplates = (0, _dataviews.sortByTextFields)({
+        data: filteredTemplates,
+        view,
+        fields,
+        textFields: ['title']
+      });
+    }
+    // Handle pagination.
+    return (0, _dataviews.getPaginationResults)({
+      data: filteredTemplates,
+      view
+    });
+  }, [allTemplates, view, fields]);
+  const resetTemplateAction = (0, _templateActions.useResetTemplateAction)();
+  const actions = (0, _element.useMemo)(() => [resetTemplateAction, _templateActions.deleteTemplateAction, _templateActions.renameTemplateAction, _actions.postRevisionsAction], [resetTemplateAction]);
+  const onChangeView = (0, _element.useCallback)(newView => {
+    if (newView.type !== view.type) {
+      newView = {
+        ...newView,
+        layout: {
+          ...defaultConfigPerViewType[newView.type]
+        }
+      };
+    }
+    setView(newView);
+  }, [view.type, setView]);
+  return (0, _react.createElement)(_react.Fragment, null, (0, _react.createElement)(_page.default, {
+    className: view.type === _constants.LAYOUT_LIST ? 'edit-site-template-pages-list-view' : null,
     title: (0, _i18n.__)('Templates'),
     actions: (0, _react.createElement)(_addNewTemplate.default, {
       templateType: _constants.TEMPLATE_POST_TYPE,
@@ -68,9 +305,48 @@ function PageTemplates() {
         variant: 'primary'
       }
     })
-  }, templates && (0, _react.createElement)(_table.default, {
-    data: templates,
-    columns: columns
-  }));
+  }, (0, _react.createElement)(_dataviews.DataViews, {
+    paginationInfo: paginationInfo,
+    fields: fields,
+    actions: actions,
+    data: data,
+    isLoading: isLoadingData,
+    view: view,
+    onChangeView: onChangeView,
+    onSelectionChange: onSelectionChange,
+    deferredRendering: !view.hiddenFields?.includes('preview')
+  })), view.type === _constants.LAYOUT_LIST && (0, _react.createElement)(_page.default, null, (0, _react.createElement)("div", {
+    className: "edit-site-template-pages-preview",
+    tabIndex: 0,
+    role: "button",
+    onKeyDown: event => {
+      const {
+        keyCode
+      } = event;
+      if (keyCode === _keycodes.ENTER || keyCode === _keycodes.SPACE) {
+        history.push({
+          postId: templateId,
+          postType: _constants.TEMPLATE_POST_TYPE,
+          canvas: 'edit'
+        });
+      }
+    },
+    onClick: () => history.push({
+      postId: templateId,
+      postType: _constants.TEMPLATE_POST_TYPE,
+      canvas: 'edit'
+    })
+  }, templateId !== null ? (0, _react.createElement)(_postPreview.default, {
+    postId: templateId,
+    postType: _constants.TEMPLATE_POST_TYPE
+  }) : (0, _react.createElement)("div", {
+    style: {
+      display: 'flex',
+      flexDirection: 'column',
+      justifyContent: 'center',
+      textAlign: 'center',
+      height: '100%'
+    }
+  }, (0, _react.createElement)("p", null, (0, _i18n.__)('Select a template to preview'))))));
 }
 //# sourceMappingURL=index.js.map

package/build/components/page-templates/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_components","require","_i18n","_coreData","_htmlEntities","_page","_interopRequireDefault","_table","_link","_addedBy","_templateActions","_addNewTemplate","_constants","PageTemplates","records","templates","useEntityRecords","TEMPLATE_POST_TYPE","per_page","columns","header","__","cell","template","_react","createElement","__experimentalVStack","__experimentalHeading","as","level","default","params","postId","id","postType","type","canvas","decodeEntities","title","rendered","slug","description","__experimentalText","variant","maxWidth","VisuallyHidden","actions","templateType","showIcon","toggleProps","data"],"sources":["@wordpress/edit-site/src/components/page-templates/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport {\n\tVisuallyHidden,\n\t__experimentalHeading as Heading,\n\t__experimentalText as Text,\n\t__experimentalVStack as VStack,\n} from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\nimport { useEntityRecords } from '@wordpress/core-data';\nimport { decodeEntities } from '@wordpress/html-entities';\n\n/**\n * Internal dependencies\n */\nimport Page from '../page';\nimport Table from '../table';\nimport Link from '../routes/link';\nimport AddedBy from '../list/added-by';\nimport TemplateActions from '../template-actions';\nimport AddNewTemplate from '../add-new-template';\nimport { TEMPLATE_POST_TYPE } from '../../utils/constants';\n\nexport default function PageTemplates() {\n\tconst { records: templates } = useEntityRecords(\n\t\t'postType',\n\t\tTEMPLATE_POST_TYPE,\n\t\t{\n\t\t\tper_page: -1,\n\t\t}\n\t);\n\n\tconst columns = [\n\t\t{\n\t\t\theader: __( 'Template' ),\n\t\t\tcell: ( template ) => (\n\t\t\t\t<VStack>\n\t\t\t\t\t<Heading as=\"h3\" level={ 5 }>\n\t\t\t\t\t\t<Link\n\t\t\t\t\t\t\tparams={ {\n\t\t\t\t\t\t\t\tpostId: template.id,\n\t\t\t\t\t\t\t\tpostType: template.type,\n\t\t\t\t\t\t\t\tcanvas: 'edit',\n\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ decodeEntities(\n\t\t\t\t\t\t\t\ttemplate.title?.rendered || template.slug\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t</Link>\n\t\t\t\t\t</Heading>\n\t\t\t\t\t{ template.description && (\n\t\t\t\t\t\t<Text variant=\"muted\">\n\t\t\t\t\t\t\t{ decodeEntities( template.description ) }\n\t\t\t\t\t\t</Text>\n\t\t\t\t\t) }\n\t\t\t\t</VStack>\n\t\t\t),\n\t\t\tmaxWidth: 400,\n\t\t},\n\t\t{\n\t\t\theader: __( 'Added by' ),\n\t\t\tcell: ( template ) => (\n\t\t\t\t<AddedBy postType={ template.type } postId={ template.id } />\n\t\t\t),\n\t\t},\n\t\t{\n\t\t\theader: <VisuallyHidden>{ __( 'Actions' ) }</VisuallyHidden>,\n\t\t\tcell: ( template ) => (\n\t\t\t\t<TemplateActions\n\t\t\t\t\tpostType={ template.type }\n\t\t\t\t\tpostId={ template.id }\n\t\t\t\t/>\n\t\t\t),\n\t\t},\n\t];\n\n\treturn (\n\t\t<Page\n\t\t\ttitle={ __( 'Templates' ) }\n\t\t\tactions={\n\t\t\t\t<AddNewTemplate\n\t\t\t\t\ttemplateType={ TEMPLATE_POST_TYPE }\n\t\t\t\t\tshowIcon={ false }\n\t\t\t\t\ttoggleProps={ { variant: 'primary' } }\n\t\t\t\t/>\n\t\t\t}\n\t\t>\n\t\t\t{ templates && <Table data={ templates } columns={ columns } /> }\n\t\t</Page>\n\t);\n}\n"],"mappings":"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"}
+{"version":3,"names":["_removeAccents","_interopRequireDefault","require","_components","_i18n","_element","_coreData","_htmlEntities","_keycodes","_blocks","_blockEditor","_dataviews","_router","_page","_link","_addNewTemplate","_addedBy","_constants","_templateActions","_actions","_usePatternSettings","_lockUnlock","_postPreview","ExperimentalBlockEditorProvider","useGlobalStyle","unlock","blockEditorPrivateApis","useHistory","routerPrivateApis","EMPTY_ARRAY","defaultConfigPerViewType","LAYOUT_TABLE","LAYOUT_GRID","mediaField","primaryField","LAYOUT_LIST","DEFAULT_VIEW","type","search","page","perPage","hiddenFields","layout","filters","normalizeSearchInput","input","removeAccents","trim","toLowerCase","TemplateTitle","item","viewType","_react","createElement","Fragment","decodeEntities","title","rendered","__","__experimentalVStack","spacing","__experimentalView","as","className","default","params","postId","id","postType","canvas","AuthorField","text","icon","imageUrl","useAddedBy","withIcon","__experimentalHStack","alignment","AvatarImage","Icon","TemplatePreview","content","settings","usePatternSettings","backgroundColor","blocks","useMemo","parse","length","style","BlockPreview","DataviewsTemplates","templateId","setTemplateId","useState","view","setView","records","allTemplates","isResolving","isLoadingData","useEntityRecords","TEMPLATE_POST_TYPE","per_page","history","onSelectionChange","useCallback","items","authors","authorsSet","Set","forEach","template","add","author_text","Array","from","map","author","value","label","fields","header","render","raw","minWidth","maxWidth","enableSorting","getValue","enableHiding","description","__experimentalText","variant","VisuallyHidden","ENUMERATION_TYPE","elements","data","paginationInfo","totalItems","totalPages","filteredTemplates","normalizedSearch","filter","slug","includes","field","operator","OPERATOR_IN","OPERATOR_NOT_IN","sort","sortByTextFields","textFields","getPaginationResults","resetTemplateAction","useResetTemplateAction","actions","deleteTemplateAction","renameTemplateAction","postRevisionsAction","onChangeView","newView","templateType","showIcon","toggleProps","DataViews","isLoading","deferredRendering","tabIndex","role","onKeyDown","event","keyCode","ENTER","SPACE","push","onClick","display","flexDirection","justifyContent","textAlign","height"],"sources":["@wordpress/edit-site/src/components/page-templates/index.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport removeAccents from 'remove-accents';\n\n/**\n * WordPress dependencies\n */\nimport {\n\tIcon,\n\t__experimentalView as View,\n\t__experimentalText as Text,\n\t__experimentalHStack as HStack,\n\t__experimentalVStack as VStack,\n\tVisuallyHidden,\n} from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\nimport { useState, useMemo, useCallback } from '@wordpress/element';\nimport { useEntityRecords } from '@wordpress/core-data';\nimport { decodeEntities } from '@wordpress/html-entities';\nimport { ENTER, SPACE } from '@wordpress/keycodes';\nimport { parse } from '@wordpress/blocks';\nimport {\n\tBlockPreview,\n\tprivateApis as blockEditorPrivateApis,\n} from '@wordpress/block-editor';\nimport {\n\tDataViews,\n\tsortByTextFields,\n\tgetPaginationResults,\n} from '@wordpress/dataviews';\nimport { privateApis as routerPrivateApis } from '@wordpress/router';\n\n/**\n * Internal dependencies\n */\nimport Page from '../page';\nimport Link from '../routes/link';\nimport AddNewTemplate from '../add-new-template';\nimport { useAddedBy, AvatarImage } from '../list/added-by';\nimport {\n\tTEMPLATE_POST_TYPE,\n\tENUMERATION_TYPE,\n\tOPERATOR_IN,\n\tOPERATOR_NOT_IN,\n\tLAYOUT_GRID,\n\tLAYOUT_TABLE,\n\tLAYOUT_LIST,\n} from '../../utils/constants';\nimport {\n\tuseResetTemplateAction,\n\tdeleteTemplateAction,\n\trenameTemplateAction,\n} from './template-actions';\nimport { postRevisionsAction } from '../actions';\nimport usePatternSettings from '../page-patterns/use-pattern-settings';\nimport { unlock } from '../../lock-unlock';\nimport PostPreview from '../post-preview';\n\nconst { ExperimentalBlockEditorProvider, useGlobalStyle } = unlock(\n\tblockEditorPrivateApis\n);\nconst { useHistory } = unlock( routerPrivateApis );\n\nconst EMPTY_ARRAY = [];\n\nconst defaultConfigPerViewType = {\n\t[ LAYOUT_TABLE ]: {},\n\t[ LAYOUT_GRID ]: {\n\t\tmediaField: 'preview',\n\t\tprimaryField: 'title',\n\t},\n\t[ LAYOUT_LIST ]: {\n\t\tprimaryField: 'title',\n\t\tmediaField: 'preview',\n\t},\n};\n\nconst DEFAULT_VIEW = {\n\ttype: LAYOUT_TABLE,\n\tsearch: '',\n\tpage: 1,\n\tperPage: 20,\n\t// All fields are visible by default, so it's\n\t// better to keep track of the hidden ones.\n\thiddenFields: [ 'preview' ],\n\tlayout: {},\n\tfilters: [],\n};\n\nfunction normalizeSearchInput( input = '' ) {\n\treturn removeAccents( input.trim().toLowerCase() );\n}\n\nfunction TemplateTitle( { item, viewType } ) {\n\tif ( viewType === LAYOUT_LIST ) {\n\t\treturn (\n\t\t\t<>\n\t\t\t\t{ decodeEntities( item.title?.rendered ) || __( '(no title)' ) }\n\t\t\t</>\n\t\t);\n\t}\n\n\treturn (\n\t\t<VStack spacing={ 1 }>\n\t\t\t<View as=\"span\" className=\"dataviews-view-grid__title-field\">\n\t\t\t\t<Link\n\t\t\t\t\tparams={ {\n\t\t\t\t\t\tpostId: item.id,\n\t\t\t\t\t\tpostType: item.type,\n\t\t\t\t\t\tcanvas: 'edit',\n\t\t\t\t\t} }\n\t\t\t\t>\n\t\t\t\t\t{ decodeEntities( item.title?.rendered ) ||\n\t\t\t\t\t\t__( '(no title)' ) }\n\t\t\t\t</Link>\n\t\t\t</View>\n\t\t</VStack>\n\t);\n}\n\nfunction AuthorField( { item, viewType } ) {\n\tconst { text, icon, imageUrl } = useAddedBy( item.type, item.id );\n\tconst withIcon = viewType !== LAYOUT_LIST;\n\n\treturn (\n\t\t<HStack alignment=\"left\" spacing={ 1 }>\n\t\t\t{ withIcon && imageUrl && <AvatarImage imageUrl={ imageUrl } /> }\n\t\t\t{ withIcon && ! imageUrl && (\n\t\t\t\t<div className=\"edit-site-list-added-by__icon\">\n\t\t\t\t\t<Icon icon={ icon } />\n\t\t\t\t</div>\n\t\t\t) }\n\t\t\t<span>{ text }</span>\n\t\t</HStack>\n\t);\n}\n\nfunction TemplatePreview( { content, viewType } ) {\n\tconst settings = usePatternSettings();\n\tconst [ backgroundColor = 'white' ] = useGlobalStyle( 'color.background' );\n\tconst blocks = useMemo( () => {\n\t\treturn parse( content );\n\t}, [ content ] );\n\tif ( ! blocks?.length ) {\n\t\treturn null;\n\t}\n\t// Wrap everything in a block editor provider to ensure 'styles' that are needed\n\t// for the previews are synced between the site editor store and the block editor store.\n\t// Additionally we need to have the `__experimentalBlockPatterns` setting in order to\n\t// render patterns inside the previews.\n\t// TODO: Same approach is used in the patterns list and it becomes obvious that some of\n\t// the block editor settings are needed in context where we don't have the block editor.\n\t// Explore how we can solve this in a better way.\n\treturn (\n\t\t<ExperimentalBlockEditorProvider settings={ settings }>\n\t\t\t<div\n\t\t\t\tclassName={ `page-templates-preview-field is-viewtype-${ viewType }` }\n\t\t\t\tstyle={ { backgroundColor } }\n\t\t\t>\n\t\t\t\t<BlockPreview blocks={ blocks } />\n\t\t\t</div>\n\t\t</ExperimentalBlockEditorProvider>\n\t);\n}\n\nexport default function DataviewsTemplates() {\n\tconst [ templateId, setTemplateId ] = useState( null );\n\tconst [ view, setView ] = useState( DEFAULT_VIEW );\n\tconst { records: allTemplates, isResolving: isLoadingData } =\n\t\tuseEntityRecords( 'postType', TEMPLATE_POST_TYPE, {\n\t\t\tper_page: -1,\n\t\t} );\n\tconst history = useHistory();\n\n\tconst onSelectionChange = useCallback(\n\t\t( items ) =>\n\t\t\tsetTemplateId( items?.length === 1 ? items[ 0 ].id : null ),\n\t\t[ setTemplateId ]\n\t);\n\n\tconst authors = useMemo( () => {\n\t\tif ( ! allTemplates ) {\n\t\t\treturn EMPTY_ARRAY;\n\t\t}\n\t\tconst authorsSet = new Set();\n\t\tallTemplates.forEach( ( template ) => {\n\t\t\tauthorsSet.add( template.author_text );\n\t\t} );\n\t\treturn Array.from( authorsSet ).map( ( author ) => ( {\n\t\t\tvalue: author,\n\t\t\tlabel: author,\n\t\t} ) );\n\t}, [ allTemplates ] );\n\n\tconst fields = useMemo(\n\t\t() => [\n\t\t\t{\n\t\t\t\theader: __( 'Preview' ),\n\t\t\t\tid: 'preview',\n\t\t\t\trender: ( { item } ) => {\n\t\t\t\t\treturn (\n\t\t\t\t\t\t<TemplatePreview\n\t\t\t\t\t\t\tcontent={ item.content.raw }\n\t\t\t\t\t\t\tviewType={ view.type }\n\t\t\t\t\t\t/>\n\t\t\t\t\t);\n\t\t\t\t},\n\t\t\t\tminWidth: 120,\n\t\t\t\tmaxWidth: 120,\n\t\t\t\tenableSorting: false,\n\t\t\t},\n\t\t\t{\n\t\t\t\theader: __( 'Template' ),\n\t\t\t\tid: 'title',\n\t\t\t\tgetValue: ( { item } ) => item.title?.rendered,\n\t\t\t\trender: ( { item } ) => (\n\t\t\t\t\t<TemplateTitle item={ item } viewType={ view.type } />\n\t\t\t\t),\n\t\t\t\tmaxWidth: 400,\n\t\t\t\tenableHiding: false,\n\t\t\t},\n\t\t\t{\n\t\t\t\theader: __( 'Description' ),\n\t\t\t\tid: 'description',\n\t\t\t\tgetValue: ( { item } ) => item.description,\n\t\t\t\trender: ( { item } ) => {\n\t\t\t\t\treturn item.description ? (\n\t\t\t\t\t\tdecodeEntities( item.description )\n\t\t\t\t\t) : (\n\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t<Text variant=\"muted\" aria-hidden=\"true\">\n\t\t\t\t\t\t\t\t&#8212;\n\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t\t<VisuallyHidden>\n\t\t\t\t\t\t\t\t{ __( 'No description.' ) }\n\t\t\t\t\t\t\t</VisuallyHidden>\n\t\t\t\t\t\t</>\n\t\t\t\t\t);\n\t\t\t\t},\n\t\t\t\tmaxWidth: 200,\n\t\t\t\tenableSorting: false,\n\t\t\t},\n\t\t\t{\n\t\t\t\theader: __( 'Author' ),\n\t\t\t\tid: 'author',\n\t\t\t\tgetValue: ( { item } ) => item.author_text,\n\t\t\t\trender: ( { item } ) => {\n\t\t\t\t\treturn <AuthorField viewType={ view.type } item={ item } />;\n\t\t\t\t},\n\t\t\t\tenableHiding: false,\n\t\t\t\ttype: ENUMERATION_TYPE,\n\t\t\t\telements: authors,\n\t\t\t},\n\t\t],\n\t\t[ authors, view.type ]\n\t);\n\n\tconst { data, paginationInfo } = useMemo( () => {\n\t\tif ( ! allTemplates ) {\n\t\t\treturn {\n\t\t\t\tdata: EMPTY_ARRAY,\n\t\t\t\tpaginationInfo: { totalItems: 0, totalPages: 0 },\n\t\t\t};\n\t\t}\n\t\tlet filteredTemplates = [ ...allTemplates ];\n\t\t// Handle global search.\n\t\tif ( view.search ) {\n\t\t\tconst normalizedSearch = normalizeSearchInput( view.search );\n\t\t\tfilteredTemplates = filteredTemplates.filter( ( item ) => {\n\t\t\t\tconst title = item.title?.rendered || item.slug;\n\t\t\t\treturn (\n\t\t\t\t\tnormalizeSearchInput( title ).includes(\n\t\t\t\t\t\tnormalizedSearch\n\t\t\t\t\t) ||\n\t\t\t\t\tnormalizeSearchInput( item.description ).includes(\n\t\t\t\t\t\tnormalizedSearch\n\t\t\t\t\t)\n\t\t\t\t);\n\t\t\t} );\n\t\t}\n\n\t\t// Handle filters.\n\t\tif ( view.filters.length > 0 ) {\n\t\t\tview.filters.forEach( ( filter ) => {\n\t\t\t\tif (\n\t\t\t\t\tfilter.field === 'author' &&\n\t\t\t\t\tfilter.operator === OPERATOR_IN &&\n\t\t\t\t\t!! filter.value\n\t\t\t\t) {\n\t\t\t\t\tfilteredTemplates = filteredTemplates.filter( ( item ) => {\n\t\t\t\t\t\treturn item.author_text === filter.value;\n\t\t\t\t\t} );\n\t\t\t\t} else if (\n\t\t\t\t\tfilter.field === 'author' &&\n\t\t\t\t\tfilter.operator === OPERATOR_NOT_IN &&\n\t\t\t\t\t!! filter.value\n\t\t\t\t) {\n\t\t\t\t\tfilteredTemplates = filteredTemplates.filter( ( item ) => {\n\t\t\t\t\t\treturn item.author_text !== filter.value;\n\t\t\t\t\t} );\n\t\t\t\t}\n\t\t\t} );\n\t\t}\n\n\t\t// Handle sorting.\n\t\tif ( view.sort ) {\n\t\t\tfilteredTemplates = sortByTextFields( {\n\t\t\t\tdata: filteredTemplates,\n\t\t\t\tview,\n\t\t\t\tfields,\n\t\t\t\ttextFields: [ 'title' ],\n\t\t\t} );\n\t\t}\n\t\t// Handle pagination.\n\t\treturn getPaginationResults( {\n\t\t\tdata: filteredTemplates,\n\t\t\tview,\n\t\t} );\n\t}, [ allTemplates, view, fields ] );\n\n\tconst resetTemplateAction = useResetTemplateAction();\n\tconst actions = useMemo(\n\t\t() => [\n\t\t\tresetTemplateAction,\n\t\t\tdeleteTemplateAction,\n\t\t\trenameTemplateAction,\n\t\t\tpostRevisionsAction,\n\t\t],\n\t\t[ resetTemplateAction ]\n\t);\n\n\tconst onChangeView = useCallback(\n\t\t( newView ) => {\n\t\t\tif ( newView.type !== view.type ) {\n\t\t\t\tnewView = {\n\t\t\t\t\t...newView,\n\t\t\t\t\tlayout: {\n\t\t\t\t\t\t...defaultConfigPerViewType[ newView.type ],\n\t\t\t\t\t},\n\t\t\t\t};\n\t\t\t}\n\n\t\t\tsetView( newView );\n\t\t},\n\t\t[ view.type, setView ]\n\t);\n\n\treturn (\n\t\t<>\n\t\t\t<Page\n\t\t\t\tclassName={\n\t\t\t\t\tview.type === LAYOUT_LIST\n\t\t\t\t\t\t? 'edit-site-template-pages-list-view'\n\t\t\t\t\t\t: null\n\t\t\t\t}\n\t\t\t\ttitle={ __( 'Templates' ) }\n\t\t\t\tactions={\n\t\t\t\t\t<AddNewTemplate\n\t\t\t\t\t\ttemplateType={ TEMPLATE_POST_TYPE }\n\t\t\t\t\t\tshowIcon={ false }\n\t\t\t\t\t\ttoggleProps={ { variant: 'primary' } }\n\t\t\t\t\t/>\n\t\t\t\t}\n\t\t\t>\n\t\t\t\t<DataViews\n\t\t\t\t\tpaginationInfo={ paginationInfo }\n\t\t\t\t\tfields={ fields }\n\t\t\t\t\tactions={ actions }\n\t\t\t\t\tdata={ data }\n\t\t\t\t\tisLoading={ isLoadingData }\n\t\t\t\t\tview={ view }\n\t\t\t\t\tonChangeView={ onChangeView }\n\t\t\t\t\tonSelectionChange={ onSelectionChange }\n\t\t\t\t\tdeferredRendering={\n\t\t\t\t\t\t! view.hiddenFields?.includes( 'preview' )\n\t\t\t\t\t}\n\t\t\t\t/>\n\t\t\t</Page>\n\t\t\t{ view.type === LAYOUT_LIST && (\n\t\t\t\t<Page>\n\t\t\t\t\t<div\n\t\t\t\t\t\tclassName=\"edit-site-template-pages-preview\"\n\t\t\t\t\t\ttabIndex={ 0 }\n\t\t\t\t\t\trole=\"button\"\n\t\t\t\t\t\tonKeyDown={ ( event ) => {\n\t\t\t\t\t\t\tconst { keyCode } = event;\n\t\t\t\t\t\t\tif ( keyCode === ENTER || keyCode === SPACE ) {\n\t\t\t\t\t\t\t\thistory.push( {\n\t\t\t\t\t\t\t\t\tpostId: templateId,\n\t\t\t\t\t\t\t\t\tpostType: TEMPLATE_POST_TYPE,\n\t\t\t\t\t\t\t\t\tcanvas: 'edit',\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\tonClick={ () =>\n\t\t\t\t\t\t\thistory.push( {\n\t\t\t\t\t\t\t\tpostId: templateId,\n\t\t\t\t\t\t\t\tpostType: TEMPLATE_POST_TYPE,\n\t\t\t\t\t\t\t\tcanvas: 'edit',\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{ templateId !== null ? (\n\t\t\t\t\t\t\t<PostPreview\n\t\t\t\t\t\t\t\tpostId={ templateId }\n\t\t\t\t\t\t\t\tpostType={ TEMPLATE_POST_TYPE }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\tstyle={ {\n\t\t\t\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\t\t\t\tflexDirection: 'column',\n\t\t\t\t\t\t\t\t\tjustifyContent: 'center',\n\t\t\t\t\t\t\t\t\ttextAlign: 'center',\n\t\t\t\t\t\t\t\t\theight: '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<p>{ __( 'Select a template to preview' ) }</p>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t) }\n\t\t\t\t\t</div>\n\t\t\t\t</Page>\n\t\t\t) }\n\t\t</>\n\t);\n}\n"],"mappings":"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"}

package/build/components/{page-patterns/pagination.js → pagination/index.js}

@@ -1,12 +1,18 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = Pagination;
 var _react = require("react");
+var _classnames = _interopRequireDefault(require("classnames"));
 var _components = require("@wordpress/components");
 var _i18n = require("@wordpress/i18n");
+/**
+ * External dependencies
+ */
+
 /**
  * WordPress dependencies
  */
@@ -15,15 +21,22 @@ function Pagination({
   currentPage,
   numPages,
   changePage,
-  totalItems
+  totalItems,
+  className,
+  disabled = false,
+  buttonVariant = 'tertiary',
+  label = (0, _i18n.__)('Pagination Navigation')
 }) {
   return (0, _react.createElement)(_components.__experimentalHStack, {
     expanded: false,
+    as: "nav",
+    "aria-label": label,
     spacing: 3,
     justify: "flex-start",
-    className: "edit-site-patterns__grid-pagination"
+    className: (0, _classnames.default)('edit-site-pagination', className)
   }, (0, _react.createElement)(_components.__experimentalText, {
-    variant: "muted"
+    variant: "muted",
+    className: "edit-site-pagination__total"
   },
   // translators: %s: Total number of patterns.
   (0, _i18n.sprintf)(
@@ -32,14 +45,14 @@ function Pagination({
     expanded: false,
     spacing: 1
   }, (0, _react.createElement)(_components.Button, {
-    variant: "tertiary",
+    variant: buttonVariant,
     onClick: () => changePage(1),
-    disabled: currentPage === 1,
+    disabled: disabled || currentPage === 1,
     "aria-label": (0, _i18n.__)('First page')
   }, "\xAB"), (0, _react.createElement)(_components.Button, {
-    variant: "tertiary",
+    variant: buttonVariant,
     onClick: () => changePage(currentPage - 1),
-    disabled: currentPage === 1,
+    disabled: disabled || currentPage === 1,
     "aria-label": (0, _i18n.__)('Previous page')
   }, "\u2039")), (0, _react.createElement)(_components.__experimentalText, {
     variant: "muted"
@@ -49,15 +62,15 @@ function Pagination({
     expanded: false,
     spacing: 1
   }, (0, _react.createElement)(_components.Button, {
-    variant: "tertiary",
+    variant: buttonVariant,
     onClick: () => changePage(currentPage + 1),
-    disabled: currentPage === numPages,
+    disabled: disabled || currentPage === numPages,
     "aria-label": (0, _i18n.__)('Next page')
   }, "\u203A"), (0, _react.createElement)(_components.Button, {
-    variant: "tertiary",
+    variant: buttonVariant,
     onClick: () => changePage(numPages),
-    disabled: currentPage === numPages,
+    disabled: disabled || currentPage === numPages,
     "aria-label": (0, _i18n.__)('Last page')
   }, "\xBB")));
 }
-//# sourceMappingURL=pagination.js.map
+//# sourceMappingURL=index.js.map

package/build/components/pagination/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_classnames","_interopRequireDefault","require","_components","_i18n","Pagination","currentPage","numPages","changePage","totalItems","className","disabled","buttonVariant","label","__","_react","createElement","__experimentalHStack","expanded","as","spacing","justify","classnames","__experimentalText","variant","sprintf","_n","Button","onClick","_x"],"sources":["@wordpress/edit-site/src/components/pagination/index.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport classnames from 'classnames';\n\n/**\n * WordPress dependencies\n */\nimport {\n\t__experimentalHStack as HStack,\n\t__experimentalText as Text,\n\tButton,\n} from '@wordpress/components';\nimport { __, _x, _n, sprintf } from '@wordpress/i18n';\n\nexport default function Pagination( {\n\tcurrentPage,\n\tnumPages,\n\tchangePage,\n\ttotalItems,\n\tclassName,\n\tdisabled = false,\n\tbuttonVariant = 'tertiary',\n\tlabel = __( 'Pagination Navigation' ),\n} ) {\n\treturn (\n\t\t<HStack\n\t\t\texpanded={ false }\n\t\t\tas=\"nav\"\n\t\t\taria-label={ label }\n\t\t\tspacing={ 3 }\n\t\t\tjustify=\"flex-start\"\n\t\t\tclassName={ classnames( 'edit-site-pagination', className ) }\n\t\t>\n\t\t\t<Text variant=\"muted\" className=\"edit-site-pagination__total\">\n\t\t\t\t{\n\t\t\t\t\t// translators: %s: Total number of patterns.\n\t\t\t\t\tsprintf(\n\t\t\t\t\t\t// translators: %s: Total number of patterns.\n\t\t\t\t\t\t_n( '%s item', '%s items', totalItems ),\n\t\t\t\t\t\ttotalItems\n\t\t\t\t\t)\n\t\t\t\t}\n\t\t\t</Text>\n\t\t\t<HStack expanded={ false } spacing={ 1 }>\n\t\t\t\t<Button\n\t\t\t\t\tvariant={ buttonVariant }\n\t\t\t\t\tonClick={ () => changePage( 1 ) }\n\t\t\t\t\tdisabled={ disabled || currentPage === 1 }\n\t\t\t\t\taria-label={ __( 'First page' ) }\n\t\t\t\t>\n\t\t\t\t\t«\n\t\t\t\t</Button>\n\t\t\t\t<Button\n\t\t\t\t\tvariant={ buttonVariant }\n\t\t\t\t\tonClick={ () => changePage( currentPage - 1 ) }\n\t\t\t\t\tdisabled={ disabled || currentPage === 1 }\n\t\t\t\t\taria-label={ __( 'Previous page' ) }\n\t\t\t\t>\n\t\t\t\t\t‹\n\t\t\t\t</Button>\n\t\t\t</HStack>\n\t\t\t<Text variant=\"muted\">\n\t\t\t\t{ sprintf(\n\t\t\t\t\t// translators: %1$s: Current page number, %2$s: Total number of pages.\n\t\t\t\t\t_x( '%1$s of %2$s', 'paging' ),\n\t\t\t\t\tcurrentPage,\n\t\t\t\t\tnumPages\n\t\t\t\t) }\n\t\t\t</Text>\n\t\t\t<HStack expanded={ false } spacing={ 1 }>\n\t\t\t\t<Button\n\t\t\t\t\tvariant={ buttonVariant }\n\t\t\t\t\tonClick={ () => changePage( currentPage + 1 ) }\n\t\t\t\t\tdisabled={ disabled || currentPage === numPages }\n\t\t\t\t\taria-label={ __( 'Next page' ) }\n\t\t\t\t>\n\t\t\t\t\t›\n\t\t\t\t</Button>\n\t\t\t\t<Button\n\t\t\t\t\tvariant={ buttonVariant }\n\t\t\t\t\tonClick={ () => changePage( numPages ) }\n\t\t\t\t\tdisabled={ disabled || currentPage === numPages }\n\t\t\t\t\taria-label={ __( 'Last page' ) }\n\t\t\t\t>\n\t\t\t\t\t»\n\t\t\t\t</Button>\n\t\t\t</HStack>\n\t\t</HStack>\n\t);\n}\n"],"mappings":"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"}

package/build/components/{page-pages/side-editor.js → post-preview/index.js}

@@ -4,15 +4,16 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = SideEditor;
+exports.default = PostPreview;
 var _react = require("react");
 var _editor = _interopRequireDefault(require("../editor"));
 var _useInitEditedEntityFromUrl = require("../sync-state-with-url/use-init-edited-entity-from-url");
+var _hooks = require("../layout/hooks");
 /**
  * Internal dependencies
  */
 
-function SideEditor({
+function PostPreview({
   postType,
   postId
 }) {
@@ -20,6 +21,9 @@ function SideEditor({
     postId,
     postType
   });
-  return (0, _react.createElement)(_editor.default, null);
+  const isEditorLoading = (0, _hooks.useIsSiteEditorLoading)();
+  return (0, _react.createElement)(_editor.default, {
+    isLoading: isEditorLoading
+  });
 }
-//# sourceMappingURL=side-editor.js.map
+//# sourceMappingURL=index.js.map

package/build/components/post-preview/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_editor","_interopRequireDefault","require","_useInitEditedEntityFromUrl","_hooks","PostPreview","postType","postId","useInitEditedEntity","isEditorLoading","useIsSiteEditorLoading","_react","createElement","default","isLoading"],"sources":["@wordpress/edit-site/src/components/post-preview/index.js"],"sourcesContent":["/**\n * Internal dependencies\n */\nimport Editor from '../editor';\nimport { useInitEditedEntity } from '../sync-state-with-url/use-init-edited-entity-from-url';\nimport { useIsSiteEditorLoading } from '../layout/hooks';\n\nexport default function PostPreview( { postType, postId } ) {\n\tuseInitEditedEntity( {\n\t\tpostId,\n\t\tpostType,\n\t} );\n\tconst isEditorLoading = useIsSiteEditorLoading();\n\n\treturn <Editor isLoading={ isEditorLoading } />;\n}\n"],"mappings":";;;;;;;;AAGA,IAAAA,OAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,2BAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAF,OAAA;AALA;AACA;AACA;;AAKe,SAASG,WAAWA,CAAE;EAAEC,QAAQ;EAAEC;AAAO,CAAC,EAAG;EAC3D,IAAAC,+CAAmB,EAAE;IACpBD,MAAM;IACND;EACD,CAAE,CAAC;EACH,MAAMG,eAAe,GAAG,IAAAC,6BAAsB,EAAC,CAAC;EAEhD,OAAO,IAAAC,MAAA,CAAAC,aAAA,EAACZ,OAAA,CAAAa,OAAM;IAACC,SAAS,EAAGL;EAAiB,CAAE,CAAC;AAChD"}

package/build/components/preferences-modal/enable-feature.js

@@ -14,17 +14,18 @@ var _preferences = require("@wordpress/preferences");
 
 function EnableFeature(props) {
   const {
+    scope = 'core/edit-site',
     featureName,
     onToggle = () => {},
     ...remainingProps
   } = props;
-  const isChecked = (0, _data.useSelect)(select => !!select(_preferences.store).get('core/edit-site', featureName), [featureName]);
+  const isChecked = (0, _data.useSelect)(select => !!select(_preferences.store).get(scope, featureName), [scope, featureName]);
   const {
     toggle
   } = (0, _data.useDispatch)(_preferences.store);
   const onChange = () => {
     onToggle();
-    toggle('core/edit-site', featureName);
+    toggle(scope, featureName);
   };
   return (0, _react.createElement)(_interface.___unstablePreferencesModalBaseOption, {
     onChange: onChange,

package/build/components/preferences-modal/enable-feature.js.map

@@ -1 +1 @@
-{"version":3,"names":["_data","require","_interface","_preferences","EnableFeature","props","featureName","onToggle","remainingProps","isChecked","useSelect","select","preferencesStore","get","toggle","useDispatch","onChange","_react","createElement","___unstablePreferencesModalBaseOption"],"sources":["@wordpress/edit-site/src/components/preferences-modal/enable-feature.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport { ___unstablePreferencesModalBaseOption as BaseOption } from '@wordpress/interface';\nimport { store as preferencesStore } from '@wordpress/preferences';\n\nexport default function EnableFeature( props ) {\n\tconst { featureName, onToggle = () => {}, ...remainingProps } = props;\n\tconst isChecked = useSelect(\n\t\t( select ) =>\n\t\t\t!! select( preferencesStore ).get( 'core/edit-site', featureName ),\n\t\t[ featureName ]\n\t);\n\tconst { toggle } = useDispatch( preferencesStore );\n\tconst onChange = () => {\n\t\tonToggle();\n\t\ttoggle( 'core/edit-site', featureName );\n\t};\n\treturn (\n\t\t<BaseOption\n\t\t\tonChange={ onChange }\n\t\t\tisChecked={ isChecked }\n\t\t\t{ ...remainingProps }\n\t\t/>\n\t);\n}\n"],"mappings":";;;;;;;AAGA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,UAAA,GAAAD,OAAA;AACA,IAAAE,YAAA,GAAAF,OAAA;AALA;AACA;AACA;;AAKe,SAASG,aAAaA,CAAEC,KAAK,EAAG;EAC9C,MAAM;IAAEC,WAAW;IAAEC,QAAQ,GAAGA,CAAA,KAAM,CAAC,CAAC;IAAE,GAAGC;EAAe,CAAC,GAAGH,KAAK;EACrE,MAAMI,SAAS,GAAG,IAAAC,eAAS,EACxBC,MAAM,IACP,CAAC,CAAEA,MAAM,CAAEC,kBAAiB,CAAC,CAACC,GAAG,CAAE,gBAAgB,EAAEP,WAAY,CAAC,EACnE,CAAEA,WAAW,CACd,CAAC;EACD,MAAM;IAAEQ;EAAO,CAAC,GAAG,IAAAC,iBAAW,EAAEH,kBAAiB,CAAC;EAClD,MAAMI,QAAQ,GAAGA,CAAA,KAAM;IACtBT,QAAQ,CAAC,CAAC;IACVO,MAAM,CAAE,gBAAgB,EAAER,WAAY,CAAC;EACxC,CAAC;EACD,OACC,IAAAW,MAAA,CAAAC,aAAA,EAAChB,UAAA,CAAAiB,qCAAU;IACVH,QAAQ,EAAGA,QAAU;IACrBP,SAAS,EAAGA,SAAW;IAAA,GAClBD;EAAc,CACnB,CAAC;AAEJ"}
+{"version":3,"names":["_data","require","_interface","_preferences","EnableFeature","props","scope","featureName","onToggle","remainingProps","isChecked","useSelect","select","preferencesStore","get","toggle","useDispatch","onChange","_react","createElement","___unstablePreferencesModalBaseOption"],"sources":["@wordpress/edit-site/src/components/preferences-modal/enable-feature.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport { ___unstablePreferencesModalBaseOption as BaseOption } from '@wordpress/interface';\nimport { store as preferencesStore } from '@wordpress/preferences';\n\nexport default function EnableFeature( props ) {\n\tconst {\n\t\tscope = 'core/edit-site',\n\t\tfeatureName,\n\t\tonToggle = () => {},\n\t\t...remainingProps\n\t} = props;\n\tconst isChecked = useSelect(\n\t\t( select ) => !! select( preferencesStore ).get( scope, featureName ),\n\t\t[ scope, featureName ]\n\t);\n\tconst { toggle } = useDispatch( preferencesStore );\n\tconst onChange = () => {\n\t\tonToggle();\n\t\ttoggle( scope, featureName );\n\t};\n\treturn (\n\t\t<BaseOption\n\t\t\tonChange={ onChange }\n\t\t\tisChecked={ isChecked }\n\t\t\t{ ...remainingProps }\n\t\t/>\n\t);\n}\n"],"mappings":";;;;;;;AAGA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,UAAA,GAAAD,OAAA;AACA,IAAAE,YAAA,GAAAF,OAAA;AALA;AACA;AACA;;AAKe,SAASG,aAAaA,CAAEC,KAAK,EAAG;EAC9C,MAAM;IACLC,KAAK,GAAG,gBAAgB;IACxBC,WAAW;IACXC,QAAQ,GAAGA,CAAA,KAAM,CAAC,CAAC;IACnB,GAAGC;EACJ,CAAC,GAAGJ,KAAK;EACT,MAAMK,SAAS,GAAG,IAAAC,eAAS,EACxBC,MAAM,IAAM,CAAC,CAAEA,MAAM,CAAEC,kBAAiB,CAAC,CAACC,GAAG,CAAER,KAAK,EAAEC,WAAY,CAAC,EACrE,CAAED,KAAK,EAAEC,WAAW,CACrB,CAAC;EACD,MAAM;IAAEQ;EAAO,CAAC,GAAG,IAAAC,iBAAW,EAAEH,kBAAiB,CAAC;EAClD,MAAMI,QAAQ,GAAGA,CAAA,KAAM;IACtBT,QAAQ,CAAC,CAAC;IACVO,MAAM,CAAET,KAAK,EAAEC,WAAY,CAAC;EAC7B,CAAC;EACD,OACC,IAAAW,MAAA,CAAAC,aAAA,EAACjB,UAAA,CAAAkB,qCAAU;IACVH,QAAQ,EAAGA,QAAU;IACrBP,SAAS,EAAGA,SAAW;IAAA,GAClBD;EAAc,CACnB,CAAC;AAEJ"}