@wordpress/edit-site 5.25.0 → 5.26.0

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

@@ -1,57 +1,294 @@
-import { createElement } from "react";
+import { createElement, Fragment } from "react";
+/**
+ * External dependencies
+ */
+import removeAccents from 'remove-accents';
+
 /**
  * WordPress dependencies
  */
-import { VisuallyHidden, __experimentalHeading as Heading, __experimentalText as Text, __experimentalVStack as VStack } from '@wordpress/components';
+import { Icon, __experimentalView as View, __experimentalText as Text, __experimentalHStack as HStack, __experimentalVStack as VStack, VisuallyHidden } from '@wordpress/components';
 import { __ } from '@wordpress/i18n';
+import { useState, useMemo, useCallback } from '@wordpress/element';
 import { useEntityRecords } from '@wordpress/core-data';
 import { decodeEntities } from '@wordpress/html-entities';
+import { ENTER, SPACE } from '@wordpress/keycodes';
+import { parse } from '@wordpress/blocks';
+import { BlockPreview, privateApis as blockEditorPrivateApis } from '@wordpress/block-editor';
+import { DataViews, sortByTextFields, getPaginationResults } from '@wordpress/dataviews';
+import { privateApis as routerPrivateApis } from '@wordpress/router';
 
 /**
  * Internal dependencies
  */
 import Page from '../page';
-import Table from '../table';
 import Link from '../routes/link';
-import AddedBy from '../list/added-by';
-import TemplateActions from '../template-actions';
 import AddNewTemplate from '../add-new-template';
-import { TEMPLATE_POST_TYPE } from '../../utils/constants';
-export default function PageTemplates() {
+import { useAddedBy, AvatarImage } from '../list/added-by';
+import { TEMPLATE_POST_TYPE, ENUMERATION_TYPE, OPERATOR_IN, OPERATOR_NOT_IN, LAYOUT_GRID, LAYOUT_TABLE, LAYOUT_LIST } from '../../utils/constants';
+import { useResetTemplateAction, deleteTemplateAction, renameTemplateAction } from './template-actions';
+import { postRevisionsAction } from '../actions';
+import usePatternSettings from '../page-patterns/use-pattern-settings';
+import { unlock } from '../../lock-unlock';
+import PostPreview from '../post-preview';
+const {
+  ExperimentalBlockEditorProvider,
+  useGlobalStyle
+} = unlock(blockEditorPrivateApis);
+const {
+  useHistory
+} = unlock(routerPrivateApis);
+const EMPTY_ARRAY = [];
+const defaultConfigPerViewType = {
+  [LAYOUT_TABLE]: {},
+  [LAYOUT_GRID]: {
+    mediaField: 'preview',
+    primaryField: 'title'
+  },
+  [LAYOUT_LIST]: {
+    primaryField: 'title',
+    mediaField: 'preview'
+  }
+};
+const DEFAULT_VIEW = {
+  type: 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 removeAccents(input.trim().toLowerCase());
+}
+function TemplateTitle({
+  item,
+  viewType
+}) {
+  if (viewType === LAYOUT_LIST) {
+    return createElement(Fragment, null, decodeEntities(item.title?.rendered) || __('(no title)'));
+  }
+  return createElement(VStack, {
+    spacing: 1
+  }, createElement(View, {
+    as: "span",
+    className: "dataviews-view-grid__title-field"
+  }, createElement(Link, {
+    params: {
+      postId: item.id,
+      postType: item.type,
+      canvas: 'edit'
+    }
+  }, decodeEntities(item.title?.rendered) || __('(no title)'))));
+}
+function AuthorField({
+  item,
+  viewType
+}) {
   const {
-    records: templates
+    text,
+    icon,
+    imageUrl
+  } = useAddedBy(item.type, item.id);
+  const withIcon = viewType !== LAYOUT_LIST;
+  return createElement(HStack, {
+    alignment: "left",
+    spacing: 1
+  }, withIcon && imageUrl && createElement(AvatarImage, {
+    imageUrl: imageUrl
+  }), withIcon && !imageUrl && createElement("div", {
+    className: "edit-site-list-added-by__icon"
+  }, createElement(Icon, {
+    icon: icon
+  })), createElement("span", null, text));
+}
+function TemplatePreview({
+  content,
+  viewType
+}) {
+  const settings = usePatternSettings();
+  const [backgroundColor = 'white'] = useGlobalStyle('color.background');
+  const blocks = useMemo(() => {
+    return 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 createElement(ExperimentalBlockEditorProvider, {
+    settings: settings
+  }, createElement("div", {
+    className: `page-templates-preview-field is-viewtype-${viewType}`,
+    style: {
+      backgroundColor
+    }
+  }, createElement(BlockPreview, {
+    blocks: blocks
+  })));
+}
+export default function DataviewsTemplates() {
+  const [templateId, setTemplateId] = useState(null);
+  const [view, setView] = useState(DEFAULT_VIEW);
+  const {
+    records: allTemplates,
+    isResolving: isLoadingData
   } = useEntityRecords('postType', TEMPLATE_POST_TYPE, {
     per_page: -1
   });
-  const columns = [{
+  const history = useHistory();
+  const onSelectionChange = useCallback(items => setTemplateId(items?.length === 1 ? items[0].id : null), [setTemplateId]);
+  const authors = 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 = useMemo(() => [{
+    header: __('Preview'),
+    id: 'preview',
+    render: ({
+      item
+    }) => {
+      return createElement(TemplatePreview, {
+        content: item.content.raw,
+        viewType: view.type
+      });
+    },
+    minWidth: 120,
+    maxWidth: 120,
+    enableSorting: false
+  }, {
     header: __('Template'),
-    cell: template => createElement(VStack, null, createElement(Heading, {
-      as: "h3",
-      level: 5
-    }, createElement(Link, {
-      params: {
-        postId: template.id,
-        postType: template.type,
-        canvas: 'edit'
-      }
-    }, decodeEntities(template.title?.rendered || template.slug))), template.description && createElement(Text, {
-      variant: "muted"
-    }, decodeEntities(template.description))),
-    maxWidth: 400
+    id: 'title',
+    getValue: ({
+      item
+    }) => item.title?.rendered,
+    render: ({
+      item
+    }) => createElement(TemplateTitle, {
+      item: item,
+      viewType: view.type
+    }),
+    maxWidth: 400,
+    enableHiding: false
   }, {
-    header: __('Added by'),
-    cell: template => createElement(AddedBy, {
-      postType: template.type,
-      postId: template.id
-    })
+    header: __('Description'),
+    id: 'description',
+    getValue: ({
+      item
+    }) => item.description,
+    render: ({
+      item
+    }) => {
+      return item.description ? decodeEntities(item.description) : createElement(Fragment, null, createElement(Text, {
+        variant: "muted",
+        "aria-hidden": "true"
+      }, "\u2014"), createElement(VisuallyHidden, null, __('No description.')));
+    },
+    maxWidth: 200,
+    enableSorting: false
   }, {
-    header: createElement(VisuallyHidden, null, __('Actions')),
-    cell: template => createElement(TemplateActions, {
-      postType: template.type,
-      postId: template.id
-    })
-  }];
-  return createElement(Page, {
+    header: __('Author'),
+    id: 'author',
+    getValue: ({
+      item
+    }) => item.author_text,
+    render: ({
+      item
+    }) => {
+      return createElement(AuthorField, {
+        viewType: view.type,
+        item: item
+      });
+    },
+    enableHiding: false,
+    type: ENUMERATION_TYPE,
+    elements: authors
+  }], [authors, view.type]);
+  const {
+    data,
+    paginationInfo
+  } = 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 === OPERATOR_IN && !!filter.value) {
+          filteredTemplates = filteredTemplates.filter(item => {
+            return item.author_text === filter.value;
+          });
+        } else if (filter.field === 'author' && filter.operator === OPERATOR_NOT_IN && !!filter.value) {
+          filteredTemplates = filteredTemplates.filter(item => {
+            return item.author_text !== filter.value;
+          });
+        }
+      });
+    }
+
+    // Handle sorting.
+    if (view.sort) {
+      filteredTemplates = sortByTextFields({
+        data: filteredTemplates,
+        view,
+        fields,
+        textFields: ['title']
+      });
+    }
+    // Handle pagination.
+    return getPaginationResults({
+      data: filteredTemplates,
+      view
+    });
+  }, [allTemplates, view, fields]);
+  const resetTemplateAction = useResetTemplateAction();
+  const actions = useMemo(() => [resetTemplateAction, deleteTemplateAction, renameTemplateAction, postRevisionsAction], [resetTemplateAction]);
+  const onChangeView = useCallback(newView => {
+    if (newView.type !== view.type) {
+      newView = {
+        ...newView,
+        layout: {
+          ...defaultConfigPerViewType[newView.type]
+        }
+      };
+    }
+    setView(newView);
+  }, [view.type, setView]);
+  return createElement(Fragment, null, createElement(Page, {
+    className: view.type === LAYOUT_LIST ? 'edit-site-template-pages-list-view' : null,
     title: __('Templates'),
     actions: createElement(AddNewTemplate, {
       templateType: TEMPLATE_POST_TYPE,
@@ -60,9 +297,48 @@ export default function PageTemplates() {
         variant: 'primary'
       }
     })
-  }, templates && createElement(Table, {
-    data: templates,
-    columns: columns
-  }));
+  }, createElement(DataViews, {
+    paginationInfo: paginationInfo,
+    fields: fields,
+    actions: actions,
+    data: data,
+    isLoading: isLoadingData,
+    view: view,
+    onChangeView: onChangeView,
+    onSelectionChange: onSelectionChange,
+    deferredRendering: !view.hiddenFields?.includes('preview')
+  })), view.type === LAYOUT_LIST && createElement(Page, null, createElement("div", {
+    className: "edit-site-template-pages-preview",
+    tabIndex: 0,
+    role: "button",
+    onKeyDown: event => {
+      const {
+        keyCode
+      } = event;
+      if (keyCode === ENTER || keyCode === SPACE) {
+        history.push({
+          postId: templateId,
+          postType: TEMPLATE_POST_TYPE,
+          canvas: 'edit'
+        });
+      }
+    },
+    onClick: () => history.push({
+      postId: templateId,
+      postType: TEMPLATE_POST_TYPE,
+      canvas: 'edit'
+    })
+  }, templateId !== null ? createElement(PostPreview, {
+    postId: templateId,
+    postType: TEMPLATE_POST_TYPE
+  }) : createElement("div", {
+    style: {
+      display: 'flex',
+      flexDirection: 'column',
+      justifyContent: 'center',
+      textAlign: 'center',
+      height: '100%'
+    }
+  }, createElement("p", null, __('Select a template to preview'))))));
 }
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["VisuallyHidden","__experimentalHeading","Heading","__experimentalText","Text","__experimentalVStack","VStack","__","useEntityRecords","decodeEntities","Page","Table","Link","AddedBy","TemplateActions","AddNewTemplate","TEMPLATE_POST_TYPE","PageTemplates","records","templates","per_page","columns","header","cell","template","createElement","as","level","params","postId","id","postType","type","canvas","title","rendered","slug","description","variant","maxWidth","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":";AAAA;AACA;AACA;AACA,SACCA,cAAc,EACdC,qBAAqB,IAAIC,OAAO,EAChCC,kBAAkB,IAAIC,IAAI,EAC1BC,oBAAoB,IAAIC,MAAM,QACxB,uBAAuB;AAC9B,SAASC,EAAE,QAAQ,iBAAiB;AACpC,SAASC,gBAAgB,QAAQ,sBAAsB;AACvD,SAASC,cAAc,QAAQ,0BAA0B;;AAEzD;AACA;AACA;AACA,OAAOC,IAAI,MAAM,SAAS;AAC1B,OAAOC,KAAK,MAAM,UAAU;AAC5B,OAAOC,IAAI,MAAM,gBAAgB;AACjC,OAAOC,OAAO,MAAM,kBAAkB;AACtC,OAAOC,eAAe,MAAM,qBAAqB;AACjD,OAAOC,cAAc,MAAM,qBAAqB;AAChD,SAASC,kBAAkB,QAAQ,uBAAuB;AAE1D,eAAe,SAASC,aAAaA,CAAA,EAAG;EACvC,MAAM;IAAEC,OAAO,EAAEC;EAAU,CAAC,GAAGX,gBAAgB,CAC9C,UAAU,EACVQ,kBAAkB,EAClB;IACCI,QAAQ,EAAE,CAAC;EACZ,CACD,CAAC;EAED,MAAMC,OAAO,GAAG,CACf;IACCC,MAAM,EAAEf,EAAE,CAAE,UAAW,CAAC;IACxBgB,IAAI,EAAIC,QAAQ,IACfC,aAAA,CAACnB,MAAM,QACNmB,aAAA,CAACvB,OAAO;MAACwB,EAAE,EAAC,IAAI;MAACC,KAAK,EAAG;IAAG,GAC3BF,aAAA,CAACb,IAAI;MACJgB,MAAM,EAAG;QACRC,MAAM,EAAEL,QAAQ,CAACM,EAAE;QACnBC,QAAQ,EAAEP,QAAQ,CAACQ,IAAI;QACvBC,MAAM,EAAE;MACT;IAAG,GAEDxB,cAAc,CACfe,QAAQ,CAACU,KAAK,EAAEC,QAAQ,IAAIX,QAAQ,CAACY,IACtC,CACK,CACE,CAAC,EACRZ,QAAQ,CAACa,WAAW,IACrBZ,aAAA,CAACrB,IAAI;MAACkC,OAAO,EAAC;IAAO,GAClB7B,cAAc,CAAEe,QAAQ,CAACa,WAAY,CAClC,CAEA,CACR;IACDE,QAAQ,EAAE;EACX,CAAC,EACD;IACCjB,MAAM,EAAEf,EAAE,CAAE,UAAW,CAAC;IACxBgB,IAAI,EAAIC,QAAQ,IACfC,aAAA,CAACZ,OAAO;MAACkB,QAAQ,EAAGP,QAAQ,CAACQ,IAAM;MAACH,MAAM,EAAGL,QAAQ,CAACM;IAAI,CAAE;EAE9D,CAAC,EACD;IACCR,MAAM,EAAEG,aAAA,CAACzB,cAAc,QAAGO,EAAE,CAAE,SAAU,CAAmB,CAAC;IAC5DgB,IAAI,EAAIC,QAAQ,IACfC,aAAA,CAACX,eAAe;MACfiB,QAAQ,EAAGP,QAAQ,CAACQ,IAAM;MAC1BH,MAAM,EAAGL,QAAQ,CAACM;IAAI,CACtB;EAEH,CAAC,CACD;EAED,OACCL,aAAA,CAACf,IAAI;IACJwB,KAAK,EAAG3B,EAAE,CAAE,WAAY,CAAG;IAC3BiC,OAAO,EACNf,aAAA,CAACV,cAAc;MACd0B,YAAY,EAAGzB,kBAAoB;MACnC0B,QAAQ,EAAG,KAAO;MAClBC,WAAW,EAAG;QAAEL,OAAO,EAAE;MAAU;IAAG,CACtC;EACD,GAECnB,SAAS,IAAIM,aAAA,CAACd,KAAK;IAACiC,IAAI,EAAGzB,SAAW;IAACE,OAAO,EAAGA;EAAS,CAAE,CACzD,CAAC;AAET"}
+{"version":3,"names":["removeAccents","Icon","__experimentalView","View","__experimentalText","Text","__experimentalHStack","HStack","__experimentalVStack","VStack","VisuallyHidden","__","useState","useMemo","useCallback","useEntityRecords","decodeEntities","ENTER","SPACE","parse","BlockPreview","privateApis","blockEditorPrivateApis","DataViews","sortByTextFields","getPaginationResults","routerPrivateApis","Page","Link","AddNewTemplate","useAddedBy","AvatarImage","TEMPLATE_POST_TYPE","ENUMERATION_TYPE","OPERATOR_IN","OPERATOR_NOT_IN","LAYOUT_GRID","LAYOUT_TABLE","LAYOUT_LIST","useResetTemplateAction","deleteTemplateAction","renameTemplateAction","postRevisionsAction","usePatternSettings","unlock","PostPreview","ExperimentalBlockEditorProvider","useGlobalStyle","useHistory","EMPTY_ARRAY","defaultConfigPerViewType","mediaField","primaryField","DEFAULT_VIEW","type","search","page","perPage","hiddenFields","layout","filters","normalizeSearchInput","input","trim","toLowerCase","TemplateTitle","item","viewType","createElement","Fragment","title","rendered","spacing","as","className","params","postId","id","postType","canvas","AuthorField","text","icon","imageUrl","withIcon","alignment","TemplatePreview","content","settings","backgroundColor","blocks","length","style","DataviewsTemplates","templateId","setTemplateId","view","setView","records","allTemplates","isResolving","isLoadingData","per_page","history","onSelectionChange","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","variant","elements","data","paginationInfo","totalItems","totalPages","filteredTemplates","normalizedSearch","filter","slug","includes","field","operator","sort","textFields","resetTemplateAction","actions","onChangeView","newView","templateType","showIcon","toggleProps","isLoading","deferredRendering","tabIndex","role","onKeyDown","event","keyCode","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-module/components/{page-patterns/pagination.js → pagination/index.js}

@@ -1,4 +1,9 @@
 import { createElement } from "react";
+/**
+ * External dependencies
+ */
+import classnames from 'classnames';
+
 /**
  * WordPress dependencies
  */
@@ -8,15 +13,22 @@ export default function Pagination({
   currentPage,
   numPages,
   changePage,
-  totalItems
+  totalItems,
+  className,
+  disabled = false,
+  buttonVariant = 'tertiary',
+  label = __('Pagination Navigation')
 }) {
   return createElement(HStack, {
     expanded: false,
+    as: "nav",
+    "aria-label": label,
     spacing: 3,
     justify: "flex-start",
-    className: "edit-site-patterns__grid-pagination"
+    className: classnames('edit-site-pagination', className)
   }, createElement(Text, {
-    variant: "muted"
+    variant: "muted",
+    className: "edit-site-pagination__total"
   },
   // translators: %s: Total number of patterns.
   sprintf(
@@ -25,14 +37,14 @@ export default function Pagination({
     expanded: false,
     spacing: 1
   }, createElement(Button, {
-    variant: "tertiary",
+    variant: buttonVariant,
     onClick: () => changePage(1),
-    disabled: currentPage === 1,
+    disabled: disabled || currentPage === 1,
     "aria-label": __('First page')
   }, "\xAB"), createElement(Button, {
-    variant: "tertiary",
+    variant: buttonVariant,
     onClick: () => changePage(currentPage - 1),
-    disabled: currentPage === 1,
+    disabled: disabled || currentPage === 1,
     "aria-label": __('Previous page')
   }, "\u2039")), createElement(Text, {
     variant: "muted"
@@ -42,15 +54,15 @@ export default function Pagination({
     expanded: false,
     spacing: 1
   }, createElement(Button, {
-    variant: "tertiary",
+    variant: buttonVariant,
     onClick: () => changePage(currentPage + 1),
-    disabled: currentPage === numPages,
+    disabled: disabled || currentPage === numPages,
     "aria-label": __('Next page')
   }, "\u203A"), createElement(Button, {
-    variant: "tertiary",
+    variant: buttonVariant,
     onClick: () => changePage(numPages),
-    disabled: currentPage === numPages,
+    disabled: disabled || currentPage === numPages,
     "aria-label": __('Last page')
   }, "\xBB")));
 }
-//# sourceMappingURL=pagination.js.map
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["classnames","__experimentalHStack","HStack","__experimentalText","Text","Button","__","_x","_n","sprintf","Pagination","currentPage","numPages","changePage","totalItems","className","disabled","buttonVariant","label","createElement","expanded","as","spacing","justify","variant","onClick"],"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":";AAAA;AACA;AACA;AACA,OAAOA,UAAU,MAAM,YAAY;;AAEnC;AACA;AACA;AACA,SACCC,oBAAoB,IAAIC,MAAM,EAC9BC,kBAAkB,IAAIC,IAAI,EAC1BC,MAAM,QACA,uBAAuB;AAC9B,SAASC,EAAE,EAAEC,EAAE,EAAEC,EAAE,EAAEC,OAAO,QAAQ,iBAAiB;AAErD,eAAe,SAASC,UAAUA,CAAE;EACnCC,WAAW;EACXC,QAAQ;EACRC,UAAU;EACVC,UAAU;EACVC,SAAS;EACTC,QAAQ,GAAG,KAAK;EAChBC,aAAa,GAAG,UAAU;EAC1BC,KAAK,GAAGZ,EAAE,CAAE,uBAAwB;AACrC,CAAC,EAAG;EACH,OACCa,aAAA,CAACjB,MAAM;IACNkB,QAAQ,EAAG,KAAO;IAClBC,EAAE,EAAC,KAAK;IACR,cAAaH,KAAO;IACpBI,OAAO,EAAG,CAAG;IACbC,OAAO,EAAC,YAAY;IACpBR,SAAS,EAAGf,UAAU,CAAE,sBAAsB,EAAEe,SAAU;EAAG,GAE7DI,aAAA,CAACf,IAAI;IAACoB,OAAO,EAAC,OAAO;IAACT,SAAS,EAAC;EAA6B;EAE3D;EACAN,OAAO;EACN;EACAD,EAAE,CAAE,SAAS,EAAE,UAAU,EAAEM,UAAW,CAAC,EACvCA,UACD,CAEI,CAAC,EACPK,aAAA,CAACjB,MAAM;IAACkB,QAAQ,EAAG,KAAO;IAACE,OAAO,EAAG;EAAG,GACvCH,aAAA,CAACd,MAAM;IACNmB,OAAO,EAAGP,aAAe;IACzBQ,OAAO,EAAGA,CAAA,KAAMZ,UAAU,CAAE,CAAE,CAAG;IACjCG,QAAQ,EAAGA,QAAQ,IAAIL,WAAW,KAAK,CAAG;IAC1C,cAAaL,EAAE,CAAE,YAAa;EAAG,GACjC,MAEO,CAAC,EACTa,aAAA,CAACd,MAAM;IACNmB,OAAO,EAAGP,aAAe;IACzBQ,OAAO,EAAGA,CAAA,KAAMZ,UAAU,CAAEF,WAAW,GAAG,CAAE,CAAG;IAC/CK,QAAQ,EAAGA,QAAQ,IAAIL,WAAW,KAAK,CAAG;IAC1C,cAAaL,EAAE,CAAE,eAAgB;EAAG,GACpC,QAEO,CACD,CAAC,EACTa,aAAA,CAACf,IAAI;IAACoB,OAAO,EAAC;EAAO,GAClBf,OAAO;EACR;EACAF,EAAE,CAAE,cAAc,EAAE,QAAS,CAAC,EAC9BI,WAAW,EACXC,QACD,CACK,CAAC,EACPO,aAAA,CAACjB,MAAM;IAACkB,QAAQ,EAAG,KAAO;IAACE,OAAO,EAAG;EAAG,GACvCH,aAAA,CAACd,MAAM;IACNmB,OAAO,EAAGP,aAAe;IACzBQ,OAAO,EAAGA,CAAA,KAAMZ,UAAU,CAAEF,WAAW,GAAG,CAAE,CAAG;IAC/CK,QAAQ,EAAGA,QAAQ,IAAIL,WAAW,KAAKC,QAAU;IACjD,cAAaN,EAAE,CAAE,WAAY;EAAG,GAChC,QAEO,CAAC,EACTa,aAAA,CAACd,MAAM;IACNmB,OAAO,EAAGP,aAAe;IACzBQ,OAAO,EAAGA,CAAA,KAAMZ,UAAU,CAAED,QAAS,CAAG;IACxCI,QAAQ,EAAGA,QAAQ,IAAIL,WAAW,KAAKC,QAAU;IACjD,cAAaN,EAAE,CAAE,WAAY;EAAG,GAChC,MAEO,CACD,CACD,CAAC;AAEX"}

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

@@ -4,7 +4,8 @@ import { createElement } from "react";
  */
 import Editor from '../editor';
 import { useInitEditedEntity } from '../sync-state-with-url/use-init-edited-entity-from-url';
-export default function SideEditor({
+import { useIsSiteEditorLoading } from '../layout/hooks';
+export default function PostPreview({
   postType,
   postId
 }) {
@@ -12,6 +13,9 @@ export default function SideEditor({
     postId,
     postType
   });
-  return createElement(Editor, null);
+  const isEditorLoading = useIsSiteEditorLoading();
+  return createElement(Editor, {
+    isLoading: isEditorLoading
+  });
 }
-//# sourceMappingURL=side-editor.js.map
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["Editor","useInitEditedEntity","useIsSiteEditorLoading","PostPreview","postType","postId","isEditorLoading","createElement","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":";AAAA;AACA;AACA;AACA,OAAOA,MAAM,MAAM,WAAW;AAC9B,SAASC,mBAAmB,QAAQ,wDAAwD;AAC5F,SAASC,sBAAsB,QAAQ,iBAAiB;AAExD,eAAe,SAASC,WAAWA,CAAE;EAAEC,QAAQ;EAAEC;AAAO,CAAC,EAAG;EAC3DJ,mBAAmB,CAAE;IACpBI,MAAM;IACND;EACD,CAAE,CAAC;EACH,MAAME,eAAe,GAAGJ,sBAAsB,CAAC,CAAC;EAEhD,OAAOK,aAAA,CAACP,MAAM;IAACQ,SAAS,EAAGF;EAAiB,CAAE,CAAC;AAChD"}

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

@@ -7,17 +7,18 @@ import { ___unstablePreferencesModalBaseOption as BaseOption } from '@wordpress/
 import { store as preferencesStore } from '@wordpress/preferences';
 export default function EnableFeature(props) {
   const {
+    scope = 'core/edit-site',
     featureName,
     onToggle = () => {},
     ...remainingProps
   } = props;
-  const isChecked = useSelect(select => !!select(preferencesStore).get('core/edit-site', featureName), [featureName]);
+  const isChecked = useSelect(select => !!select(preferencesStore).get(scope, featureName), [scope, featureName]);
   const {
     toggle
   } = useDispatch(preferencesStore);
   const onChange = () => {
     onToggle();
-    toggle('core/edit-site', featureName);
+    toggle(scope, featureName);
   };
   return createElement(BaseOption, {
     onChange: onChange,

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

@@ -1 +1 @@
-{"version":3,"names":["useSelect","useDispatch","___unstablePreferencesModalBaseOption","BaseOption","store","preferencesStore","EnableFeature","props","featureName","onToggle","remainingProps","isChecked","select","get","toggle","onChange","createElement"],"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":";AAAA;AACA;AACA;AACA,SAASA,SAAS,EAAEC,WAAW,QAAQ,iBAAiB;AACxD,SAASC,qCAAqC,IAAIC,UAAU,QAAQ,sBAAsB;AAC1F,SAASC,KAAK,IAAIC,gBAAgB,QAAQ,wBAAwB;AAElE,eAAe,SAASC,aAAaA,CAAEC,KAAK,EAAG;EAC9C,MAAM;IAAEC,WAAW;IAAEC,QAAQ,GAAGA,CAAA,KAAM,CAAC,CAAC;IAAE,GAAGC;EAAe,CAAC,GAAGH,KAAK;EACrE,MAAMI,SAAS,GAAGX,SAAS,CACxBY,MAAM,IACP,CAAC,CAAEA,MAAM,CAAEP,gBAAiB,CAAC,CAACQ,GAAG,CAAE,gBAAgB,EAAEL,WAAY,CAAC,EACnE,CAAEA,WAAW,CACd,CAAC;EACD,MAAM;IAAEM;EAAO,CAAC,GAAGb,WAAW,CAAEI,gBAAiB,CAAC;EAClD,MAAMU,QAAQ,GAAGA,CAAA,KAAM;IACtBN,QAAQ,CAAC,CAAC;IACVK,MAAM,CAAE,gBAAgB,EAAEN,WAAY,CAAC;EACxC,CAAC;EACD,OACCQ,aAAA,CAACb,UAAU;IACVY,QAAQ,EAAGA,QAAU;IACrBJ,SAAS,EAAGA,SAAW;IAAA,GAClBD;EAAc,CACnB,CAAC;AAEJ"}
+{"version":3,"names":["useSelect","useDispatch","___unstablePreferencesModalBaseOption","BaseOption","store","preferencesStore","EnableFeature","props","scope","featureName","onToggle","remainingProps","isChecked","select","get","toggle","onChange","createElement"],"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":";AAAA;AACA;AACA;AACA,SAASA,SAAS,EAAEC,WAAW,QAAQ,iBAAiB;AACxD,SAASC,qCAAqC,IAAIC,UAAU,QAAQ,sBAAsB;AAC1F,SAASC,KAAK,IAAIC,gBAAgB,QAAQ,wBAAwB;AAElE,eAAe,SAASC,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,GAAGZ,SAAS,CACxBa,MAAM,IAAM,CAAC,CAAEA,MAAM,CAAER,gBAAiB,CAAC,CAACS,GAAG,CAAEN,KAAK,EAAEC,WAAY,CAAC,EACrE,CAAED,KAAK,EAAEC,WAAW,CACrB,CAAC;EACD,MAAM;IAAEM;EAAO,CAAC,GAAGd,WAAW,CAAEI,gBAAiB,CAAC;EAClD,MAAMW,QAAQ,GAAGA,CAAA,KAAM;IACtBN,QAAQ,CAAC,CAAC;IACVK,MAAM,CAAEP,KAAK,EAAEC,WAAY,CAAC;EAC7B,CAAC;EACD,OACCQ,aAAA,CAACd,UAAU;IACVa,QAAQ,EAAGA,QAAU;IACrBJ,SAAS,EAAGA,SAAW;IAAA,GAClBD;EAAc,CACnB,CAAC;AAEJ"}

package/build-module/components/preferences-modal/enable-panel-option.js

@@ -0,0 +1,26 @@
+/**
+ * WordPress dependencies
+ */
+import { compose, ifCondition } from '@wordpress/compose';
+import { withSelect, withDispatch } from '@wordpress/data';
+import { ___unstablePreferencesModalBaseOption as BaseOption } from '@wordpress/interface';
+import { store as editorStore } from '@wordpress/editor';
+export default compose(withSelect((select, {
+  panelName
+}) => {
+  const {
+    isEditorPanelEnabled,
+    isEditorPanelRemoved
+  } = select(editorStore);
+  return {
+    isRemoved: isEditorPanelRemoved(panelName),
+    isChecked: isEditorPanelEnabled(panelName)
+  };
+}), ifCondition(({
+  isRemoved
+}) => !isRemoved), withDispatch((dispatch, {
+  panelName
+}) => ({
+  onChange: () => dispatch(editorStore).toggleEditorPanelEnabled(panelName)
+})))(BaseOption);
+//# sourceMappingURL=enable-panel-option.js.map

package/build-module/components/preferences-modal/enable-panel-option.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["compose","ifCondition","withSelect","withDispatch","___unstablePreferencesModalBaseOption","BaseOption","store","editorStore","select","panelName","isEditorPanelEnabled","isEditorPanelRemoved","isRemoved","isChecked","dispatch","onChange","toggleEditorPanelEnabled"],"sources":["@wordpress/edit-site/src/components/preferences-modal/enable-panel-option.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { compose, ifCondition } from '@wordpress/compose';\nimport { withSelect, withDispatch } from '@wordpress/data';\nimport { ___unstablePreferencesModalBaseOption as BaseOption } from '@wordpress/interface';\nimport { store as editorStore } from '@wordpress/editor';\n\nexport default compose(\n\twithSelect( ( select, { panelName } ) => {\n\t\tconst { isEditorPanelEnabled, isEditorPanelRemoved } =\n\t\t\tselect( editorStore );\n\t\treturn {\n\t\t\tisRemoved: isEditorPanelRemoved( panelName ),\n\t\t\tisChecked: isEditorPanelEnabled( panelName ),\n\t\t};\n\t} ),\n\tifCondition( ( { isRemoved } ) => ! isRemoved ),\n\twithDispatch( ( dispatch, { panelName } ) => ( {\n\t\tonChange: () =>\n\t\t\tdispatch( editorStore ).toggleEditorPanelEnabled( panelName ),\n\t} ) )\n)( BaseOption );\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,OAAO,EAAEC,WAAW,QAAQ,oBAAoB;AACzD,SAASC,UAAU,EAAEC,YAAY,QAAQ,iBAAiB;AAC1D,SAASC,qCAAqC,IAAIC,UAAU,QAAQ,sBAAsB;AAC1F,SAASC,KAAK,IAAIC,WAAW,QAAQ,mBAAmB;AAExD,eAAeP,OAAO,CACrBE,UAAU,CAAE,CAAEM,MAAM,EAAE;EAAEC;AAAU,CAAC,KAAM;EACxC,MAAM;IAAEC,oBAAoB;IAAEC;EAAqB,CAAC,GACnDH,MAAM,CAAED,WAAY,CAAC;EACtB,OAAO;IACNK,SAAS,EAAED,oBAAoB,CAAEF,SAAU,CAAC;IAC5CI,SAAS,EAAEH,oBAAoB,CAAED,SAAU;EAC5C,CAAC;AACF,CAAE,CAAC,EACHR,WAAW,CAAE,CAAE;EAAEW;AAAU,CAAC,KAAM,CAAEA,SAAU,CAAC,EAC/CT,YAAY,CAAE,CAAEW,QAAQ,EAAE;EAAEL;AAAU,CAAC,MAAQ;EAC9CM,QAAQ,EAAEA,CAAA,KACTD,QAAQ,CAAEP,WAAY,CAAC,CAACS,wBAAwB,CAAEP,SAAU;AAC9D,CAAC,CAAG,CACL,CAAC,CAAEJ,UAAW,CAAC"}