@wordpress/edit-site 5.26.0 → 5.27.1

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

@@ -0,0 +1,395 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = PageTemplatesTemplateParts;
+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 _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 _link = _interopRequireWildcard(require("../routes/link"));
+var _addNewTemplate = _interopRequireDefault(require("../add-new-template"));
+var _addedBy = require("../list/added-by");
+var _constants = require("../../utils/constants");
+var _actions = require("./actions");
+var _actions2 = require("../actions");
+var _usePatternSettings = _interopRequireDefault(require("../page-patterns/use-pattern-settings"));
+var _lockUnlock = require("../../lock-unlock");
+var _addNewTemplatePart = _interopRequireDefault(require("./add-new-template-part"));
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+/**
+ * External dependencies
+ */
+
+/**
+ * WordPress dependencies
+ */
+
+/**
+ * Internal dependencies
+ */
+
+const {
+  ExperimentalBlockEditorProvider,
+  useGlobalStyle
+} = (0, _lockUnlock.unlock)(_blockEditor.privateApis);
+const {
+  useHistory,
+  useLocation
+} = (0, _lockUnlock.unlock)(_router.privateApis);
+const EMPTY_ARRAY = [];
+const SUPPORTED_LAYOUTS = window?.__experimentalAdminViews ? [_constants.LAYOUT_TABLE, _constants.LAYOUT_GRID, _constants.LAYOUT_LIST] : [_constants.LAYOUT_TABLE, _constants.LAYOUT_GRID];
+const defaultConfigPerViewType = {
+  [_constants.LAYOUT_TABLE]: {
+    primaryField: 'title'
+  },
+  [_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,
+  sort: {
+    field: 'title',
+    direction: 'asc'
+  },
+  // All fields are visible by default, so it's
+  // better to keep track of the hidden ones.
+  hiddenFields: ['preview'],
+  layout: defaultConfigPerViewType[_constants.LAYOUT_TABLE],
+  filters: []
+};
+function normalizeSearchInput(input = '') {
+  return (0, _removeAccents.default)(input.trim().toLowerCase());
+}
+function Title({
+  item,
+  viewType
+}) {
+  if (viewType === _constants.LAYOUT_LIST) {
+    return (0, _htmlEntities.decodeEntities)(item.title?.rendered) || (0, _i18n.__)('(no title)');
+  }
+  const linkProps = {
+    params: {
+      postId: item.id,
+      postType: item.type,
+      canvas: 'edit'
+    }
+  };
+  if (item.type === _constants.TEMPLATE_PART_POST_TYPE) {
+    linkProps.state = {
+      backPath: '/wp_template_part/all'
+    };
+  }
+  return (0, _react.createElement)(_link.default, {
+    ...linkProps
+  }, (0, _htmlEntities.decodeEntities)(item.title?.rendered) || (0, _i18n.__)('(no title)'));
+}
+function AuthorField({
+  item,
+  viewType
+}) {
+  const {
+    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 Preview({
+  item,
+  viewType
+}) {
+  const settings = (0, _usePatternSettings.default)();
+  const [backgroundColor = 'white'] = useGlobalStyle('color.background');
+  const blocks = (0, _element.useMemo)(() => {
+    return (0, _blocks.parse)(item.content.raw);
+  }, [item.content.raw]);
+  const {
+    onClick
+  } = (0, _link.useLink)({
+    postId: item.id,
+    postType: item.type,
+    canvas: 'edit'
+  });
+  const isEmpty = !blocks?.length;
+  // 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)("button", {
+    className: "page-templates-preview-field__button",
+    type: "button",
+    onClick: onClick,
+    "aria-label": item.title?.rendered || item.title
+  }, isEmpty && (item.type === _constants.TEMPLATE_POST_TYPE ? (0, _i18n.__)('Empty template') : (0, _i18n.__)('Empty template part')), !isEmpty && (0, _react.createElement)(_blockEditor.BlockPreview, {
+    blocks: blocks
+  }))));
+}
+function PageTemplatesTemplateParts({
+  postType
+}) {
+  const {
+    params
+  } = useLocation();
+  const {
+    activeView = 'all',
+    layout
+  } = params;
+  const defaultView = (0, _element.useMemo)(() => {
+    return {
+      ...DEFAULT_VIEW,
+      type: window?.__experimentalAdminViews ? layout !== null && layout !== void 0 ? layout : DEFAULT_VIEW.type : DEFAULT_VIEW.type,
+      filters: activeView !== 'all' ? [{
+        field: 'author',
+        operator: 'in',
+        value: activeView
+      }] : []
+    };
+  }, [layout, activeView]);
+  const [view, setView] = (0, _element.useState)(defaultView);
+  (0, _element.useEffect)(() => {
+    setView(currentView => ({
+      ...currentView,
+      filters: activeView !== 'all' ? [{
+        field: 'author',
+        operator: 'in',
+        value: activeView
+      }] : []
+    }));
+  }, [activeView]);
+  const {
+    records,
+    isResolving: isLoadingData
+  } = (0, _coreData.useEntityRecords)('postType', postType, {
+    per_page: -1
+  });
+  const history = useHistory();
+  const onSelectionChange = (0, _element.useCallback)(items => {
+    if (view?.type === _constants.LAYOUT_LIST) {
+      history.push({
+        ...params,
+        postId: items.length === 1 ? items[0].id : undefined
+      });
+    }
+  }, [history, params, view?.type]);
+  const authors = (0, _element.useMemo)(() => {
+    if (!records) {
+      return EMPTY_ARRAY;
+    }
+    const authorsSet = new Set();
+    records.forEach(template => {
+      authorsSet.add(template.author_text);
+    });
+    return Array.from(authorsSet).map(author => ({
+      value: author,
+      label: author
+    }));
+  }, [records]);
+  const fields = (0, _element.useMemo)(() => {
+    const _fields = [{
+      header: (0, _i18n.__)('Preview'),
+      id: 'preview',
+      render: ({
+        item
+      }) => {
+        return (0, _react.createElement)(Preview, {
+          item: item,
+          viewType: view.type
+        });
+      },
+      minWidth: 120,
+      maxWidth: 120,
+      enableSorting: false
+    }, {
+      header: postType === _constants.TEMPLATE_POST_TYPE ? (0, _i18n.__)('Template') : (0, _i18n.__)('Template Part'),
+      id: 'title',
+      getValue: ({
+        item
+      }) => item.title?.rendered,
+      render: ({
+        item
+      }) => (0, _react.createElement)(Title, {
+        item: item,
+        viewType: view.type
+      }),
+      maxWidth: 400,
+      enableHiding: false
+    }];
+    if (postType === _constants.TEMPLATE_POST_TYPE) {
+      _fields.push({
+        header: (0, _i18n.__)('Description'),
+        id: 'description',
+        getValue: ({
+          item
+        }) => item.description,
+        render: ({
+          item
+        }) => {
+          return item.description ? (0, _react.createElement)("span", {
+            className: "page-templates-description"
+          }, (0, _htmlEntities.decodeEntities)(item.description)) : view.type === _constants.LAYOUT_TABLE && (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: 400,
+        minWidth: 320,
+        enableSorting: false
+      });
+    }
+    // TODO: The plan is to support fields reordering, which would require an API like `order` or something
+    // similar. With the aforementioned API we wouldn't need to construct the fields array like this.
+    _fields.push({
+      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,
+      width: '1%'
+    });
+    return _fields;
+  }, [postType, authors, view.type]);
+  const {
+    data,
+    paginationInfo
+  } = (0, _element.useMemo)(() => {
+    if (!records) {
+      return {
+        data: EMPTY_ARRAY,
+        paginationInfo: {
+          totalItems: 0,
+          totalPages: 0
+        }
+      };
+    }
+    let filteredData = [...records];
+    // Handle global search.
+    if (view.search) {
+      const normalizedSearch = normalizeSearchInput(view.search);
+      filteredData = filteredData.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) {
+          filteredData = filteredData.filter(item => {
+            return item.author_text === filter.value;
+          });
+        } else if (filter.field === 'author' && filter.operator === _constants.OPERATOR_NOT_IN && !!filter.value) {
+          filteredData = filteredData.filter(item => {
+            return item.author_text !== filter.value;
+          });
+        }
+      });
+    }
+
+    // Handle sorting.
+    if (view.sort) {
+      filteredData = (0, _dataviews.sortByTextFields)({
+        data: filteredData,
+        view,
+        fields,
+        textFields: ['title', 'author']
+      });
+    }
+    // Handle pagination.
+    return (0, _dataviews.getPaginationResults)({
+      data: filteredData,
+      view
+    });
+  }, [records, view, fields]);
+  const resetTemplateAction = (0, _actions.useResetTemplateAction)();
+  const actions = (0, _element.useMemo)(() => [resetTemplateAction, _actions.deleteTemplateAction, _actions.renameTemplateAction, _actions2.postRevisionsAction], [resetTemplateAction]);
+  const onChangeView = (0, _element.useCallback)(newView => {
+    if (newView.type !== view.type) {
+      newView = {
+        ...newView,
+        layout: {
+          ...defaultConfigPerViewType[newView.type]
+        }
+      };
+      history.push({
+        ...params,
+        layout: newView.type
+      });
+    }
+    setView(newView);
+  }, [view.type, setView, history, params]);
+  return (0, _react.createElement)(_page.default, {
+    title: postType === _constants.TEMPLATE_POST_TYPE ? (0, _i18n.__)('Templates') : (0, _i18n.__)('Template Parts'),
+    actions: postType === _constants.TEMPLATE_POST_TYPE ? (0, _react.createElement)(_addNewTemplate.default, {
+      templateType: postType,
+      showIcon: false,
+      toggleProps: {
+        variant: 'primary'
+      }
+    }) : (0, _react.createElement)(_addNewTemplatePart.default, null)
+  }, (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'),
+    supportedLayouts: SUPPORTED_LAYOUTS
+  }));
+}
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_removeAccents","_interopRequireDefault","require","_components","_i18n","_element","_coreData","_htmlEntities","_blocks","_blockEditor","_dataviews","_router","_page","_link","_interopRequireWildcard","_addNewTemplate","_addedBy","_constants","_actions","_actions2","_usePatternSettings","_lockUnlock","_addNewTemplatePart","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","ExperimentalBlockEditorProvider","useGlobalStyle","unlock","blockEditorPrivateApis","useHistory","useLocation","routerPrivateApis","EMPTY_ARRAY","SUPPORTED_LAYOUTS","window","__experimentalAdminViews","LAYOUT_TABLE","LAYOUT_GRID","LAYOUT_LIST","defaultConfigPerViewType","primaryField","mediaField","DEFAULT_VIEW","type","search","page","perPage","sort","field","direction","hiddenFields","layout","filters","normalizeSearchInput","input","removeAccents","trim","toLowerCase","Title","item","viewType","decodeEntities","title","rendered","__","linkProps","params","postId","id","postType","canvas","TEMPLATE_PART_POST_TYPE","state","backPath","_react","createElement","AuthorField","text","icon","imageUrl","useAddedBy","withIcon","__experimentalHStack","alignment","spacing","AvatarImage","className","Icon","Preview","settings","usePatternSettings","backgroundColor","blocks","useMemo","parse","content","raw","onClick","useLink","isEmpty","length","style","TEMPLATE_POST_TYPE","BlockPreview","PageTemplatesTemplateParts","activeView","defaultView","operator","value","view","setView","useState","useEffect","currentView","records","isResolving","isLoadingData","useEntityRecords","per_page","history","onSelectionChange","useCallback","items","push","undefined","authors","authorsSet","Set","forEach","template","add","author_text","Array","from","map","author","label","fields","_fields","header","render","minWidth","maxWidth","enableSorting","getValue","enableHiding","description","Fragment","__experimentalText","variant","VisuallyHidden","ENUMERATION_TYPE","elements","width","data","paginationInfo","totalItems","totalPages","filteredData","normalizedSearch","filter","slug","includes","OPERATOR_IN","OPERATOR_NOT_IN","sortByTextFields","textFields","getPaginationResults","resetTemplateAction","useResetTemplateAction","actions","deleteTemplateAction","renameTemplateAction","postRevisionsAction","onChangeView","newView","templateType","showIcon","toggleProps","DataViews","isLoading","deferredRendering","supportedLayouts"],"sources":["@wordpress/edit-site/src/components/page-templates-template-parts/index.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport removeAccents from 'remove-accents';\n\n/**\n * WordPress dependencies\n */\nimport {\n\tIcon,\n\t__experimentalText as Text,\n\t__experimentalHStack as HStack,\n\tVisuallyHidden,\n} from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\nimport { useState, useMemo, useCallback, useEffect } from '@wordpress/element';\nimport { useEntityRecords } from '@wordpress/core-data';\nimport { decodeEntities } from '@wordpress/html-entities';\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 { default as Link, useLink } from '../routes/link';\nimport AddNewTemplate from '../add-new-template';\nimport { useAddedBy, AvatarImage } from '../list/added-by';\nimport {\n\tTEMPLATE_POST_TYPE,\n\tTEMPLATE_PART_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 './actions';\nimport { postRevisionsAction } from '../actions';\nimport usePatternSettings from '../page-patterns/use-pattern-settings';\nimport { unlock } from '../../lock-unlock';\nimport AddNewTemplatePart from './add-new-template-part';\n\nconst { ExperimentalBlockEditorProvider, useGlobalStyle } = unlock(\n\tblockEditorPrivateApis\n);\nconst { useHistory, useLocation } = unlock( routerPrivateApis );\n\nconst EMPTY_ARRAY = [];\n\nconst SUPPORTED_LAYOUTS = window?.__experimentalAdminViews\n\t? [ LAYOUT_TABLE, LAYOUT_GRID, LAYOUT_LIST ]\n\t: [ LAYOUT_TABLE, LAYOUT_GRID ];\n\nconst defaultConfigPerViewType = {\n\t[ LAYOUT_TABLE ]: {\n\t\tprimaryField: 'title',\n\t},\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\tsort: {\n\t\tfield: 'title',\n\t\tdirection: 'asc',\n\t},\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: defaultConfigPerViewType[ LAYOUT_TABLE ],\n\tfilters: [],\n};\n\nfunction normalizeSearchInput( input = '' ) {\n\treturn removeAccents( input.trim().toLowerCase() );\n}\n\nfunction Title( { item, viewType } ) {\n\tif ( viewType === LAYOUT_LIST ) {\n\t\treturn decodeEntities( item.title?.rendered ) || __( '(no title)' );\n\t}\n\tconst linkProps = {\n\t\tparams: {\n\t\t\tpostId: item.id,\n\t\t\tpostType: item.type,\n\t\t\tcanvas: 'edit',\n\t\t},\n\t};\n\tif ( item.type === TEMPLATE_PART_POST_TYPE ) {\n\t\tlinkProps.state = {\n\t\t\tbackPath: '/wp_template_part/all',\n\t\t};\n\t}\n\treturn (\n\t\t<Link { ...linkProps }>\n\t\t\t{ decodeEntities( item.title?.rendered ) || __( '(no title)' ) }\n\t\t</Link>\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 Preview( { item, viewType } ) {\n\tconst settings = usePatternSettings();\n\tconst [ backgroundColor = 'white' ] = useGlobalStyle( 'color.background' );\n\tconst blocks = useMemo( () => {\n\t\treturn parse( item.content.raw );\n\t}, [ item.content.raw ] );\n\tconst { onClick } = useLink( {\n\t\tpostId: item.id,\n\t\tpostType: item.type,\n\t\tcanvas: 'edit',\n\t} );\n\tconst isEmpty = ! blocks?.length;\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<button\n\t\t\t\t\tclassName=\"page-templates-preview-field__button\"\n\t\t\t\t\ttype=\"button\"\n\t\t\t\t\tonClick={ onClick }\n\t\t\t\t\taria-label={ item.title?.rendered || item.title }\n\t\t\t\t>\n\t\t\t\t\t{ isEmpty &&\n\t\t\t\t\t\t( item.type === TEMPLATE_POST_TYPE\n\t\t\t\t\t\t\t? __( 'Empty template' )\n\t\t\t\t\t\t\t: __( 'Empty template part' ) ) }\n\t\t\t\t\t{ ! isEmpty && <BlockPreview blocks={ blocks } /> }\n\t\t\t\t</button>\n\t\t\t</div>\n\t\t</ExperimentalBlockEditorProvider>\n\t);\n}\n\nexport default function PageTemplatesTemplateParts( { postType } ) {\n\tconst { params } = useLocation();\n\tconst { activeView = 'all', layout } = params;\n\tconst defaultView = useMemo( () => {\n\t\treturn {\n\t\t\t...DEFAULT_VIEW,\n\t\t\ttype: window?.__experimentalAdminViews\n\t\t\t\t? layout ?? DEFAULT_VIEW.type\n\t\t\t\t: DEFAULT_VIEW.type,\n\t\t\tfilters:\n\t\t\t\tactiveView !== 'all'\n\t\t\t\t\t? [\n\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\tfield: 'author',\n\t\t\t\t\t\t\t\toperator: 'in',\n\t\t\t\t\t\t\t\tvalue: activeView,\n\t\t\t\t\t\t\t},\n\t\t\t\t\t  ]\n\t\t\t\t\t: [],\n\t\t};\n\t}, [ layout, activeView ] );\n\tconst [ view, setView ] = useState( defaultView );\n\tuseEffect( () => {\n\t\tsetView( ( currentView ) => ( {\n\t\t\t...currentView,\n\t\t\tfilters:\n\t\t\t\tactiveView !== 'all'\n\t\t\t\t\t? [\n\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\tfield: 'author',\n\t\t\t\t\t\t\t\toperator: 'in',\n\t\t\t\t\t\t\t\tvalue: activeView,\n\t\t\t\t\t\t\t},\n\t\t\t\t\t  ]\n\t\t\t\t\t: [],\n\t\t} ) );\n\t}, [ activeView ] );\n\n\tconst { records, isResolving: isLoadingData } = useEntityRecords(\n\t\t'postType',\n\t\tpostType,\n\t\t{\n\t\t\tper_page: -1,\n\t\t}\n\t);\n\tconst history = useHistory();\n\tconst onSelectionChange = useCallback(\n\t\t( items ) => {\n\t\t\tif ( view?.type === LAYOUT_LIST ) {\n\t\t\t\thistory.push( {\n\t\t\t\t\t...params,\n\t\t\t\t\tpostId: items.length === 1 ? items[ 0 ].id : undefined,\n\t\t\t\t} );\n\t\t\t}\n\t\t},\n\t\t[ history, params, view?.type ]\n\t);\n\n\tconst authors = useMemo( () => {\n\t\tif ( ! records ) {\n\t\t\treturn EMPTY_ARRAY;\n\t\t}\n\t\tconst authorsSet = new Set();\n\t\trecords.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}, [ records ] );\n\n\tconst fields = useMemo( () => {\n\t\tconst _fields = [\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 <Preview item={ item } viewType={ view.type } />;\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:\n\t\t\t\t\tpostType === TEMPLATE_POST_TYPE\n\t\t\t\t\t\t? __( 'Template' )\n\t\t\t\t\t\t: __( 'Template Part' ),\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<Title 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];\n\t\tif ( postType === TEMPLATE_POST_TYPE ) {\n\t\t\t_fields.push( {\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\t<span className=\"page-templates-description\">\n\t\t\t\t\t\t\t{ decodeEntities( item.description ) }\n\t\t\t\t\t\t</span>\n\t\t\t\t\t) : (\n\t\t\t\t\t\tview.type === LAYOUT_TABLE && (\n\t\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t\t<Text variant=\"muted\" aria-hidden=\"true\">\n\t\t\t\t\t\t\t\t\t&#8212;\n\t\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t\t\t<VisuallyHidden>\n\t\t\t\t\t\t\t\t\t{ __( 'No description.' ) }\n\t\t\t\t\t\t\t\t</VisuallyHidden>\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},\n\t\t\t\tmaxWidth: 400,\n\t\t\t\tminWidth: 320,\n\t\t\t\tenableSorting: false,\n\t\t\t} );\n\t\t}\n\t\t// TODO: The plan is to support fields reordering, which would require an API like `order` or something\n\t\t// similar. With the aforementioned API we wouldn't need to construct the fields array like this.\n\t\t_fields.push( {\n\t\t\theader: __( 'Author' ),\n\t\t\tid: 'author',\n\t\t\tgetValue: ( { item } ) => item.author_text,\n\t\t\trender: ( { item } ) => {\n\t\t\t\treturn <AuthorField viewType={ view.type } item={ item } />;\n\t\t\t},\n\t\t\tenableHiding: false,\n\t\t\ttype: ENUMERATION_TYPE,\n\t\t\telements: authors,\n\t\t\twidth: '1%',\n\t\t} );\n\t\treturn _fields;\n\t}, [ postType, authors, view.type ] );\n\n\tconst { data, paginationInfo } = useMemo( () => {\n\t\tif ( ! records ) {\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 filteredData = [ ...records ];\n\t\t// Handle global search.\n\t\tif ( view.search ) {\n\t\t\tconst normalizedSearch = normalizeSearchInput( view.search );\n\t\t\tfilteredData = filteredData.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\tfilteredData = filteredData.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\tfilteredData = filteredData.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\tfilteredData = sortByTextFields( {\n\t\t\t\tdata: filteredData,\n\t\t\t\tview,\n\t\t\t\tfields,\n\t\t\t\ttextFields: [ 'title', 'author' ],\n\t\t\t} );\n\t\t}\n\t\t// Handle pagination.\n\t\treturn getPaginationResults( {\n\t\t\tdata: filteredData,\n\t\t\tview,\n\t\t} );\n\t}, [ records, 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\n\t\t\t\thistory.push( {\n\t\t\t\t\t...params,\n\t\t\t\t\tlayout: newView.type,\n\t\t\t\t} );\n\t\t\t}\n\n\t\t\tsetView( newView );\n\t\t},\n\t\t[ view.type, setView, history, params ]\n\t);\n\n\treturn (\n\t\t<Page\n\t\t\ttitle={\n\t\t\t\tpostType === TEMPLATE_POST_TYPE\n\t\t\t\t\t? __( 'Templates' )\n\t\t\t\t\t: __( 'Template Parts' )\n\t\t\t}\n\t\t\tactions={\n\t\t\t\tpostType === TEMPLATE_POST_TYPE ? (\n\t\t\t\t\t<AddNewTemplate\n\t\t\t\t\t\ttemplateType={ postType }\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\t\t<AddNewTemplatePart />\n\t\t\t\t)\n\t\t\t}\n\t\t>\n\t\t\t<DataViews\n\t\t\t\tpaginationInfo={ paginationInfo }\n\t\t\t\tfields={ fields }\n\t\t\t\tactions={ actions }\n\t\t\t\tdata={ data }\n\t\t\t\tisLoading={ isLoadingData }\n\t\t\t\tview={ view }\n\t\t\t\tonChangeView={ onChangeView }\n\t\t\t\tonSelectionChange={ onSelectionChange }\n\t\t\t\tdeferredRendering={ ! view.hiddenFields?.includes( 'preview' ) }\n\t\t\t\tsupportedLayouts={ SUPPORTED_LAYOUTS }\n\t\t\t/>\n\t\t</Page>\n\t);\n}\n"],"mappings":"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"}

package/build/components/preferences-modal/index.js

@@ -1,6 +1,5 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -8,13 +7,9 @@ exports.PREFERENCES_MODAL_NAME = void 0;
 exports.default = EditSitePreferencesModal;
 var _react = require("react");
 var _interface = require("@wordpress/interface");
-var _i18n = require("@wordpress/i18n");
 var _data = require("@wordpress/data");
-var _preferences = require("@wordpress/preferences");
 var _editor = require("@wordpress/editor");
-var _enableFeature = _interopRequireDefault(require("./enable-feature"));
-var _enablePanelOption = _interopRequireDefault(require("./enable-panel-option"));
-var _store = require("../../store");
+var _lockUnlock = require("../../lock-unlock");
 /**
  * WordPress dependencies
  */
@@ -23,142 +18,22 @@ var _store = require("../../store");
  * Internal dependencies
  */
 
+const {
+  PreferencesModal
+} = (0, _lockUnlock.unlock)(_editor.privateApis);
 const PREFERENCES_MODAL_NAME = 'edit-site/preferences';
 exports.PREFERENCES_MODAL_NAME = PREFERENCES_MODAL_NAME;
 function EditSitePreferencesModal() {
   const isModalActive = (0, _data.useSelect)(select => select(_interface.store).isModalActive(PREFERENCES_MODAL_NAME));
   const {
-    closeModal,
-    openModal
+    closeModal
   } = (0, _data.useDispatch)(_interface.store);
-  const toggleModal = () => isModalActive ? closeModal() : openModal(PREFERENCES_MODAL_NAME);
-  const registry = (0, _data.useRegistry)();
-  const {
-    closeGeneralSidebar
-  } = (0, _data.useDispatch)(_store.store);
-  const {
-    setIsListViewOpened,
-    setIsInserterOpened
-  } = (0, _data.useDispatch)(_editor.store);
-  const {
-    set: setPreference
-  } = (0, _data.useDispatch)(_preferences.store);
-  const toggleDistractionFree = () => {
-    registry.batch(() => {
-      setPreference('core', 'fixedToolbar', true);
-      setIsInserterOpened(false);
-      setIsListViewOpened(false);
-      closeGeneralSidebar();
-    });
-  };
-  const turnOffDistractionFree = () => {
-    setPreference('core', 'distractionFree', false);
-  };
-  const sections = [{
-    name: 'general',
-    tabLabel: (0, _i18n.__)('General'),
-    content: (0, _react.createElement)(_react.Fragment, null, (0, _react.createElement)(_interface.PreferencesModalSection, {
-      title: (0, _i18n.__)('Interface')
-    }, (0, _react.createElement)(_enableFeature.default, {
-      scope: "core",
-      featureName: "showListViewByDefault",
-      help: (0, _i18n.__)('Opens the block list view sidebar by default.'),
-      label: (0, _i18n.__)('Always open list view')
-    }), (0, _react.createElement)(_enableFeature.default, {
-      scope: "core",
-      featureName: "showBlockBreadcrumbs",
-      help: (0, _i18n.__)('Shows block breadcrumbs at the bottom of the editor.'),
-      label: (0, _i18n.__)('Display block breadcrumbs')
-    }), (0, _react.createElement)(_enableFeature.default, {
-      scope: "core",
-      featureName: "allowRightClickOverrides",
-      help: (0, _i18n.__)('Allows contextual list view menus via right-click, overriding browser defaults.'),
-      label: (0, _i18n.__)('Allow right-click contextual menus')
-    })), (0, _react.createElement)(_interface.PreferencesModalSection, {
-      title: (0, _i18n.__)('Document settings'),
-      description: (0, _i18n.__)('Select what settings are shown in the document panel.')
-    }, (0, _react.createElement)(_editor.PostTaxonomies, {
-      taxonomyWrapper: (content, taxonomy) => (0, _react.createElement)(_enablePanelOption.default, {
-        label: taxonomy.labels.menu_name,
-        panelName: `taxonomy-panel-${taxonomy.slug}`
-      })
-    }), (0, _react.createElement)(_editor.PostFeaturedImageCheck, null, (0, _react.createElement)(_enablePanelOption.default, {
-      label: (0, _i18n.__)('Featured image'),
-      panelName: "featured-image"
-    })), (0, _react.createElement)(_editor.PostExcerptCheck, null, (0, _react.createElement)(_enablePanelOption.default, {
-      label: (0, _i18n.__)('Excerpt'),
-      panelName: "post-excerpt"
-    })), (0, _react.createElement)(_editor.PostTypeSupportCheck, {
-      supportKeys: ['comments', 'trackbacks']
-    }, (0, _react.createElement)(_enablePanelOption.default, {
-      label: (0, _i18n.__)('Discussion'),
-      panelName: "discussion-panel"
-    })), (0, _react.createElement)(_editor.PageAttributesCheck, null, (0, _react.createElement)(_enablePanelOption.default, {
-      label: (0, _i18n.__)('Page attributes'),
-      panelName: "page-attributes"
-    }))))
-  }, {
-    name: 'appearance',
-    tabLabel: (0, _i18n.__)('Appearance'),
-    content: (0, _react.createElement)(_interface.PreferencesModalSection, {
-      title: (0, _i18n.__)('Appearance'),
-      description: (0, _i18n.__)('Customize the editor interface to suit your needs.')
-    }, (0, _react.createElement)(_enableFeature.default, {
-      scope: "core",
-      featureName: "fixedToolbar",
-      onToggle: turnOffDistractionFree,
-      help: (0, _i18n.__)('Access all block and document tools in a single place.'),
-      label: (0, _i18n.__)('Top toolbar')
-    }), (0, _react.createElement)(_enableFeature.default, {
-      scope: "core",
-      featureName: "distractionFree",
-      onToggle: toggleDistractionFree,
-      help: (0, _i18n.__)('Reduce visual distractions by hiding the toolbar and other elements to focus on writing.'),
-      label: (0, _i18n.__)('Distraction free')
-    }), (0, _react.createElement)(_enableFeature.default, {
-      scope: "core",
-      featureName: "focusMode",
-      help: (0, _i18n.__)('Highlights the current block and fades other content.'),
-      label: (0, _i18n.__)('Spotlight mode')
-    }))
-  }, {
-    name: 'accessibility',
-    tabLabel: (0, _i18n.__)('Accessibility'),
-    content: (0, _react.createElement)(_react.Fragment, null, (0, _react.createElement)(_interface.PreferencesModalSection, {
-      title: (0, _i18n.__)('Navigation'),
-      description: (0, _i18n.__)('Optimize the editing experience for enhanced control.')
-    }, (0, _react.createElement)(_enableFeature.default, {
-      scope: "core",
-      featureName: "keepCaretInsideBlock",
-      help: (0, _i18n.__)('Keeps the text cursor within the block boundaries, aiding users with screen readers by preventing unintentional cursor movement outside the block.'),
-      label: (0, _i18n.__)('Contain text cursor inside block')
-    })), (0, _react.createElement)(_interface.PreferencesModalSection, {
-      title: (0, _i18n.__)('Interface')
-    }, (0, _react.createElement)(_enableFeature.default, {
-      scope: "core",
-      featureName: "showIconLabels",
-      label: (0, _i18n.__)('Show button text labels'),
-      help: (0, _i18n.__)('Show text instead of icons on buttons across the interface.')
-    })))
-  }, {
-    name: 'blocks',
-    tabLabel: (0, _i18n.__)('Blocks'),
-    content: (0, _react.createElement)(_react.Fragment, null, (0, _react.createElement)(_interface.PreferencesModalSection, {
-      title: (0, _i18n.__)('Inserter')
-    }, (0, _react.createElement)(_enableFeature.default, {
-      scope: "core",
-      featureName: "mostUsedBlocks",
-      help: (0, _i18n.__)('Adds a category with the most frequently used blocks in the inserter.'),
-      label: (0, _i18n.__)('Show most used blocks')
-    })))
-  }];
   if (!isModalActive) {
     return null;
   }
-  return (0, _react.createElement)(_interface.PreferencesModal, {
-    closeModal: toggleModal
-  }, (0, _react.createElement)(_interface.PreferencesModalTabs, {
-    sections: sections
-  }));
+  return (0, _react.createElement)(PreferencesModal, {
+    isActive: isModalActive,
+    onClose: closeModal
+  });
 }
 //# sourceMappingURL=index.js.map