@wordpress/edit-site 6.3.0 → 6.4.0

package/build-module/components/global-styles/screen-background.js

@@ -1,30 +0,0 @@
-/**
- * WordPress dependencies
- */
-import { __ } from '@wordpress/i18n';
-import { privateApis as blockEditorPrivateApis } from '@wordpress/block-editor';
-
-/**
- * Internal dependencies
- */
-import BackgroundPanel from './background-panel';
-import ScreenHeader from './header';
-import { unlock } from '../../lock-unlock';
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Fragment as _Fragment } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
-const {
-  useHasBackgroundPanel,
-  useGlobalSetting
-} = unlock(blockEditorPrivateApis);
-function ScreenBackground() {
-  const [settings] = useGlobalSetting('');
-  const hasBackgroundPanel = useHasBackgroundPanel(settings);
-  return /*#__PURE__*/_jsxs(_Fragment, {
-    children: [/*#__PURE__*/_jsx(ScreenHeader, {
-      title: __('Background image')
-    }), hasBackgroundPanel && /*#__PURE__*/_jsx(BackgroundPanel, {})]
-  });
-}
-export default ScreenBackground;
-//# sourceMappingURL=screen-background.js.map

package/build-module/components/global-styles/screen-background.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["__","privateApis","blockEditorPrivateApis","BackgroundPanel","ScreenHeader","unlock","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","useHasBackgroundPanel","useGlobalSetting","ScreenBackground","settings","hasBackgroundPanel","children","title"],"sources":["@wordpress/edit-site/src/components/global-styles/screen-background.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { privateApis as blockEditorPrivateApis } from '@wordpress/block-editor';\n\n/**\n * Internal dependencies\n */\nimport BackgroundPanel from './background-panel';\nimport ScreenHeader from './header';\nimport { unlock } from '../../lock-unlock';\n\nconst { useHasBackgroundPanel, useGlobalSetting } = unlock(\n\tblockEditorPrivateApis\n);\n\nfunction ScreenBackground() {\n\tconst [ settings ] = useGlobalSetting( '' );\n\tconst hasBackgroundPanel = useHasBackgroundPanel( settings );\n\treturn (\n\t\t<>\n\t\t\t<ScreenHeader title={ __( 'Background image' ) } />\n\t\t\t{ hasBackgroundPanel && <BackgroundPanel /> }\n\t\t</>\n\t);\n}\n\nexport default ScreenBackground;\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,EAAE,QAAQ,iBAAiB;AACpC,SAASC,WAAW,IAAIC,sBAAsB,QAAQ,yBAAyB;;AAE/E;AACA;AACA;AACA,OAAOC,eAAe,MAAM,oBAAoB;AAChD,OAAOC,YAAY,MAAM,UAAU;AACnC,SAASC,MAAM,QAAQ,mBAAmB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAAA,SAAAC,QAAA,IAAAC,SAAA;AAAA,SAAAC,IAAA,IAAAC,KAAA;AAE3C,MAAM;EAAEC,qBAAqB;EAAEC;AAAiB,CAAC,GAAGR,MAAM,CACzDH,sBACD,CAAC;AAED,SAASY,gBAAgBA,CAAA,EAAG;EAC3B,MAAM,CAAEC,QAAQ,CAAE,GAAGF,gBAAgB,CAAE,EAAG,CAAC;EAC3C,MAAMG,kBAAkB,GAAGJ,qBAAqB,CAAEG,QAAS,CAAC;EAC5D,oBACCJ,KAAA,CAAAF,SAAA;IAAAQ,QAAA,gBACCV,IAAA,CAACH,YAAY;MAACc,KAAK,EAAGlB,EAAE,CAAE,kBAAmB;IAAG,CAAE,CAAC,EACjDgB,kBAAkB,iBAAIT,IAAA,CAACJ,eAAe,IAAE,CAAC;EAAA,CAC1C,CAAC;AAEL;AAEA,eAAeW,gBAAgB","ignoreList":[]}

package/build-module/components/posts-app/posts-list.js

@@ -1,560 +0,0 @@
-/**
- * External dependencies
- */
-import clsx from 'clsx';
-
-/**
- * WordPress dependencies
- */
-import { Button, __experimentalHStack as HStack, Icon } from '@wordpress/components';
-import { __, sprintf } from '@wordpress/i18n';
-import { useEntityRecords, store as coreStore } from '@wordpress/core-data';
-import { decodeEntities } from '@wordpress/html-entities';
-import { createInterpolateElement, useState, useMemo, useCallback, useEffect } from '@wordpress/element';
-import { dateI18n, getDate, getSettings } from '@wordpress/date';
-import { privateApis as routerPrivateApis } from '@wordpress/router';
-import { useSelect, useDispatch } from '@wordpress/data';
-import { DataViews } from '@wordpress/dataviews';
-import { privateApis as editorPrivateApis } from '@wordpress/editor';
-import { trash, drafts, published, scheduled, pending, notAllowed, commentAuthorAvatar as authorIcon } from '@wordpress/icons';
-
-/**
- * Internal dependencies
- */
-import Page from '../page';
-import { default as Link, useLink } from '../routes/link';
-import { useDefaultViews, DEFAULT_CONFIG_PER_VIEW_TYPE } from '../sidebar-dataviews/default-views';
-import { LAYOUT_GRID, LAYOUT_TABLE, LAYOUT_LIST, OPERATOR_IS_ANY, OPERATOR_IS_NONE } from '../../utils/constants';
-import AddNewPostModal from '../add-new-post';
-import Media from '../media';
-import { unlock } from '../../lock-unlock';
-import { useEditPostAction } from '../dataviews-actions';
-import { usePrevious } from '@wordpress/compose';
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
-import { Fragment as _Fragment } from "react/jsx-runtime";
-const {
-  usePostActions
-} = unlock(editorPrivateApis);
-const {
-  useLocation,
-  useHistory
-} = unlock(routerPrivateApis);
-const EMPTY_ARRAY = [];
-const getFormattedDate = dateToDisplay => dateI18n(getSettings().formats.datetimeAbbreviated, getDate(dateToDisplay));
-function useView(postType) {
-  const {
-    params: {
-      activeView = 'all',
-      isCustom = 'false',
-      layout
-    }
-  } = useLocation();
-  const history = useHistory();
-  const DEFAULT_VIEWS = useDefaultViews({
-    postType
-  });
-  const selectedDefaultView = useMemo(() => {
-    const defaultView = isCustom === 'false' && DEFAULT_VIEWS[postType].find(({
-      slug
-    }) => slug === activeView)?.view;
-    if (isCustom === 'false' && layout) {
-      return {
-        ...defaultView,
-        type: layout,
-        layout: {
-          ...(DEFAULT_CONFIG_PER_VIEW_TYPE[layout] || {})
-        }
-      };
-    }
-    return defaultView;
-  }, [isCustom, activeView, layout, postType, DEFAULT_VIEWS]);
-  const [view, setView] = useState(selectedDefaultView);
-  useEffect(() => {
-    if (selectedDefaultView) {
-      setView(selectedDefaultView);
-    }
-  }, [selectedDefaultView]);
-  const editedViewRecord = useSelect(select => {
-    if (isCustom !== 'true') {
-      return;
-    }
-    const {
-      getEditedEntityRecord
-    } = select(coreStore);
-    const dataviewRecord = getEditedEntityRecord('postType', 'wp_dataviews', Number(activeView));
-    return dataviewRecord;
-  }, [activeView, isCustom]);
-  const {
-    editEntityRecord
-  } = useDispatch(coreStore);
-  const customView = useMemo(() => {
-    const storedView = editedViewRecord?.content && JSON.parse(editedViewRecord?.content);
-    if (!storedView) {
-      return storedView;
-    }
-    return {
-      ...storedView,
-      layout: {
-        ...(DEFAULT_CONFIG_PER_VIEW_TYPE[storedView?.type] || {})
-      }
-    };
-  }, [editedViewRecord?.content]);
-  const setCustomView = useCallback(viewToSet => {
-    editEntityRecord('postType', 'wp_dataviews', editedViewRecord?.id, {
-      content: JSON.stringify(viewToSet)
-    });
-  }, [editEntityRecord, editedViewRecord?.id]);
-  const setDefaultViewAndUpdateUrl = useCallback(viewToSet => {
-    if (viewToSet.type !== view?.type) {
-      const {
-        params
-      } = history.getLocationWithParams();
-      history.push({
-        ...params,
-        layout: viewToSet.type
-      });
-    }
-    setView(viewToSet);
-  }, [history, view?.type]);
-  if (isCustom === 'false') {
-    return [view, setDefaultViewAndUpdateUrl];
-  } else if (isCustom === 'true' && customView) {
-    return [customView, setCustomView];
-  }
-  // Loading state where no the view was not found on custom views or default views.
-  return [DEFAULT_VIEWS[postType][0].view, setDefaultViewAndUpdateUrl];
-}
-
-// See https://github.com/WordPress/gutenberg/issues/55886
-// We do not support custom statutes at the moment.
-const STATUSES = [{
-  value: 'draft',
-  label: __('Draft'),
-  icon: drafts
-}, {
-  value: 'future',
-  label: __('Scheduled'),
-  icon: scheduled
-}, {
-  value: 'pending',
-  label: __('Pending Review'),
-  icon: pending
-}, {
-  value: 'private',
-  label: __('Private'),
-  icon: notAllowed
-}, {
-  value: 'publish',
-  label: __('Published'),
-  icon: published
-}, {
-  value: 'trash',
-  label: __('Trash'),
-  icon: trash
-}];
-const DEFAULT_STATUSES = 'draft,future,pending,private,publish'; // All but 'trash'.
-
-function FeaturedImage({
-  item,
-  viewType
-}) {
-  const isDisabled = item.status === 'trash';
-  const {
-    onClick
-  } = useLink({
-    postId: item.id,
-    postType: item.type,
-    canvas: 'edit'
-  });
-  const hasMedia = !!item.featured_media;
-  const size = viewType === LAYOUT_GRID ? ['large', 'full', 'medium', 'thumbnail'] : ['thumbnail', 'medium', 'large', 'full'];
-  const media = hasMedia ? /*#__PURE__*/_jsx(Media, {
-    className: "posts-list-page__featured-image",
-    id: item.featured_media,
-    size: size
-  }) : null;
-  const renderButton = viewType !== LAYOUT_LIST && !isDisabled;
-  return /*#__PURE__*/_jsx("div", {
-    className: `posts-list-page__featured-image-wrapper is-layout-${viewType}`,
-    children: renderButton ? /*#__PURE__*/_jsx("button", {
-      className: "posts-list-page-preview-field__button",
-      type: "button",
-      onClick: onClick,
-      "aria-label": item.title?.rendered || __('(no title)'),
-      children: media
-    }) : media
-  });
-}
-function getItemId(item) {
-  return item.id.toString();
-}
-function PostStatusField({
-  item
-}) {
-  const status = STATUSES.find(({
-    value
-  }) => value === item.status);
-  const label = status?.label || item.status;
-  const icon = status?.icon;
-  return /*#__PURE__*/_jsxs(HStack, {
-    alignment: "left",
-    spacing: 1,
-    children: [icon && /*#__PURE__*/_jsx("div", {
-      className: "posts-list-page-post-author-field__icon-container",
-      children: /*#__PURE__*/_jsx(Icon, {
-        icon: icon
-      })
-    }), /*#__PURE__*/_jsx("span", {
-      children: label
-    })]
-  });
-}
-function PostAuthorField({
-  item,
-  viewType
-}) {
-  const {
-    text,
-    icon,
-    imageUrl
-  } = useSelect(select => {
-    const {
-      getUser
-    } = select(coreStore);
-    const user = getUser(item.author);
-    return {
-      icon: authorIcon,
-      imageUrl: user?.avatar_urls?.[48],
-      text: user?.name
-    };
-  }, [item]);
-  const withAuthorImage = viewType !== LAYOUT_LIST && imageUrl;
-  const withAuthorIcon = viewType !== LAYOUT_LIST && !imageUrl;
-  const [isImageLoaded, setIsImageLoaded] = useState(false);
-  return /*#__PURE__*/_jsxs(HStack, {
-    alignment: "left",
-    spacing: 1,
-    children: [withAuthorImage && /*#__PURE__*/_jsx("div", {
-      className: clsx('page-templates-author-field__avatar', {
-        'is-loaded': isImageLoaded
-      }),
-      children: /*#__PURE__*/_jsx("img", {
-        onLoad: () => setIsImageLoaded(true),
-        alt: __('Author avatar'),
-        src: imageUrl
-      })
-    }), withAuthorIcon && /*#__PURE__*/_jsx("div", {
-      className: "page-templates-author-field__icon",
-      children: /*#__PURE__*/_jsx(Icon, {
-        icon: icon
-      })
-    }), /*#__PURE__*/_jsx("span", {
-      className: "page-templates-author-field__name",
-      children: text
-    })]
-  });
-}
-export default function PostsList({
-  postType
-}) {
-  var _records$map, _usePrevious;
-  const [view, setView] = useView(postType);
-  const history = useHistory();
-  const {
-    params: {
-      postId
-    }
-  } = useLocation();
-  const [selection, setSelection] = useState([postId]);
-  const onSelectionChange = useCallback(items => {
-    var _params$isCustom;
-    const {
-      params
-    } = history.getLocationWithParams();
-    if (((_params$isCustom = params.isCustom) !== null && _params$isCustom !== void 0 ? _params$isCustom : 'false') === 'false' && view?.type === LAYOUT_LIST) {
-      history.push({
-        ...params,
-        postId: items.length === 1 ? items[0].id : undefined
-      });
-    }
-  }, [history, view?.type]);
-  const queryArgs = useMemo(() => {
-    const filters = {};
-    view.filters.forEach(filter => {
-      if (filter.field === 'status' && filter.operator === OPERATOR_IS_ANY) {
-        filters.status = filter.value;
-      }
-      if (filter.field === 'author' && filter.operator === OPERATOR_IS_ANY) {
-        filters.author = filter.value;
-      } else if (filter.field === 'author' && filter.operator === OPERATOR_IS_NONE) {
-        filters.author_exclude = filter.value;
-      }
-    });
-    // We want to provide a different default item for the status filter
-    // than the REST API provides.
-    if (!filters.status || filters.status === '') {
-      filters.status = DEFAULT_STATUSES;
-    }
-    return {
-      per_page: view.perPage,
-      page: view.page,
-      _embed: 'author',
-      order: view.sort?.direction,
-      orderby: view.sort?.field,
-      search: view.search,
-      ...filters
-    };
-  }, [view]);
-  const {
-    records,
-    isResolving: isLoadingMainEntities,
-    totalItems,
-    totalPages
-  } = useEntityRecords('postType', postType, queryArgs);
-  const ids = (_records$map = records?.map(record => getItemId(record))) !== null && _records$map !== void 0 ? _records$map : [];
-  const prevIds = (_usePrevious = usePrevious(ids)) !== null && _usePrevious !== void 0 ? _usePrevious : [];
-  const deletedIds = prevIds.filter(id => !ids.includes(id));
-  const postIdWasDeleted = deletedIds.includes(postId);
-  useEffect(() => {
-    if (postIdWasDeleted) {
-      history.push({
-        ...history.getLocationWithParams().params,
-        postId: undefined
-      });
-    }
-  }, [postIdWasDeleted, history]);
-  const {
-    records: authors,
-    isResolving: isLoadingAuthors
-  } = useEntityRecords('root', 'user', {
-    per_page: -1
-  });
-  const paginationInfo = useMemo(() => ({
-    totalItems,
-    totalPages
-  }), [totalItems, totalPages]);
-  const {
-    frontPageId,
-    postsPageId,
-    labels,
-    canCreateRecord
-  } = useSelect(select => {
-    const {
-      getEntityRecord,
-      getPostType,
-      canUser
-    } = select(coreStore);
-    const siteSettings = getEntityRecord('root', 'site');
-    const postTypeObject = getPostType(postType);
-    return {
-      frontPageId: siteSettings?.page_on_front,
-      postsPageId: siteSettings?.page_for_posts,
-      labels: getPostType(postType)?.labels,
-      canCreateRecord: canUser('create', postTypeObject?.rest_base || 'posts')
-    };
-  }, [postType]);
-
-  // TODO: this should be abstracted into a hook similar to `usePostActions`.
-  const fields = useMemo(() => [{
-    id: 'featured-image',
-    header: __('Featured Image'),
-    getValue: ({
-      item
-    }) => item.featured_media,
-    render: ({
-      item
-    }) => /*#__PURE__*/_jsx(FeaturedImage, {
-      item: item,
-      viewType: view.type
-    }),
-    enableSorting: false,
-    width: '1%'
-  }, {
-    header: __('Title'),
-    id: 'title',
-    getValue: ({
-      item
-    }) => item.title?.rendered,
-    render: ({
-      item
-    }) => {
-      const addLink = [LAYOUT_TABLE, LAYOUT_GRID].includes(view.type) && item.status !== 'trash';
-      const title = addLink ? /*#__PURE__*/_jsx(Link, {
-        params: {
-          postId: item.id,
-          postType: item.type,
-          canvas: 'edit'
-        },
-        children: decodeEntities(item.title?.rendered) || __('(no title)')
-      }) : /*#__PURE__*/_jsx("span", {
-        children: decodeEntities(item.title?.rendered) || __('(no title)')
-      });
-      let suffix = '';
-      if (item.id === frontPageId) {
-        suffix = /*#__PURE__*/_jsx("span", {
-          className: "posts-list-page-title-badge",
-          children: __('Front Page')
-        });
-      } else if (item.id === postsPageId) {
-        suffix = /*#__PURE__*/_jsx("span", {
-          className: "posts-list-page-title-badge",
-          children: __('Posts Page')
-        });
-      }
-      return /*#__PURE__*/_jsxs(HStack, {
-        className: "posts-list-page-title",
-        alignment: "center",
-        justify: "flex-start",
-        children: [title, suffix]
-      });
-    },
-    maxWidth: 300,
-    enableHiding: false
-  }, {
-    header: __('Author'),
-    id: 'author',
-    getValue: ({
-      item
-    }) => item._embedded?.author[0]?.name,
-    elements: authors?.map(({
-      id,
-      name
-    }) => ({
-      value: id,
-      label: name
-    })) || [],
-    render: ({
-      item
-    }) => {
-      return /*#__PURE__*/_jsx(PostAuthorField, {
-        viewType: view.type,
-        item: item
-      });
-    }
-  }, {
-    header: __('Status'),
-    id: 'status',
-    getValue: ({
-      item
-    }) => {
-      var _STATUSES$find$label;
-      return (_STATUSES$find$label = STATUSES.find(({
-        value
-      }) => value === item.status)?.label) !== null && _STATUSES$find$label !== void 0 ? _STATUSES$find$label : item.status;
-    },
-    elements: STATUSES,
-    render: PostStatusField,
-    enableSorting: false,
-    filterBy: {
-      operators: [OPERATOR_IS_ANY]
-    }
-  }, {
-    header: __('Date'),
-    id: 'date',
-    render: ({
-      item
-    }) => {
-      const isDraftOrPrivate = ['draft', 'private'].includes(item.status);
-      if (isDraftOrPrivate) {
-        return createInterpolateElement(sprintf( /* translators: %s: page creation date */
-        __('<span>Modified: <time>%s</time></span>'), getFormattedDate(item.date)), {
-          span: /*#__PURE__*/_jsx("span", {}),
-          time: /*#__PURE__*/_jsx("time", {})
-        });
-      }
-      const isScheduled = item.status === 'future';
-      if (isScheduled) {
-        return createInterpolateElement(sprintf( /* translators: %s: page creation date */
-        __('<span>Scheduled: <time>%s</time></span>'), getFormattedDate(item.date)), {
-          span: /*#__PURE__*/_jsx("span", {}),
-          time: /*#__PURE__*/_jsx("time", {})
-        });
-      }
-
-      // Pending & Published posts show the modified date if it's newer.
-      const dateToDisplay = getDate(item.modified) > getDate(item.date) ? item.modified : item.date;
-      const isPending = item.status === 'pending';
-      if (isPending) {
-        return createInterpolateElement(sprintf( /* translators: %s: the newest of created or modified date for the page */
-        __('<span>Modified: <time>%s</time></span>'), getFormattedDate(dateToDisplay)), {
-          span: /*#__PURE__*/_jsx("span", {}),
-          time: /*#__PURE__*/_jsx("time", {})
-        });
-      }
-      const isPublished = item.status === 'publish';
-      if (isPublished) {
-        return createInterpolateElement(sprintf( /* translators: %s: the newest of created or modified date for the page */
-        __('<span>Published: <time>%s</time></span>'), getFormattedDate(dateToDisplay)), {
-          span: /*#__PURE__*/_jsx("span", {}),
-          time: /*#__PURE__*/_jsx("time", {})
-        });
-      }
-
-      // Unknow status.
-      return /*#__PURE__*/_jsx("time", {
-        children: getFormattedDate(item.date)
-      });
-    }
-  }], [authors, view.type, frontPageId, postsPageId]);
-  const postTypeActions = usePostActions({
-    postType,
-    context: 'list'
-  });
-  const editAction = useEditPostAction();
-  const actions = useMemo(() => [editAction, ...postTypeActions], [postTypeActions, editAction]);
-  const onChangeView = useCallback(newView => {
-    if (newView.type !== view.type) {
-      newView = {
-        ...newView,
-        layout: {
-          ...DEFAULT_CONFIG_PER_VIEW_TYPE[newView.type]
-        }
-      };
-    }
-    setView(newView);
-  }, [view.type, setView]);
-  const [showAddPostModal, setShowAddPostModal] = useState(false);
-  const openModal = () => setShowAddPostModal(true);
-  const closeModal = () => setShowAddPostModal(false);
-  const handleNewPage = ({
-    type,
-    id
-  }) => {
-    history.push({
-      postId: id,
-      postType: type,
-      canvas: 'edit'
-    });
-    closeModal();
-  };
-  return /*#__PURE__*/_jsx(Page, {
-    title: labels?.name,
-    actions: labels?.add_new_item && canCreateRecord && /*#__PURE__*/_jsxs(_Fragment, {
-      children: [/*#__PURE__*/_jsx(Button, {
-        variant: "primary",
-        onClick: openModal,
-        __next40pxDefaultSize: true,
-        children: labels.add_new_item
-      }), showAddPostModal && /*#__PURE__*/_jsx(AddNewPostModal, {
-        postType: postType,
-        onSave: handleNewPage,
-        onClose: closeModal
-      })]
-    }),
-    children: /*#__PURE__*/_jsx(DataViews, {
-      paginationInfo: paginationInfo,
-      fields: fields,
-      actions: actions,
-      data: records || EMPTY_ARRAY,
-      isLoading: isLoadingMainEntities || isLoadingAuthors,
-      view: view,
-      onChangeView: onChangeView,
-      selection: selection,
-      setSelection: setSelection,
-      onSelectionChange: onSelectionChange,
-      getItemId: getItemId
-    })
-  });
-}
-//# sourceMappingURL=posts-list.js.map