@wordpress/edit-site 5.24.1 → 5.25.0

package/build-module/components/dataviews/view-list.js

@@ -1,390 +0,0 @@
-import { createElement } from "react";
-/**
- * External dependencies
- */
-import { getCoreRowModel, getFilteredRowModel, getSortedRowModel, getPaginationRowModel, useReactTable, flexRender } from '@tanstack/react-table';
-
-/**
- * WordPress dependencies
- */
-import { __ } from '@wordpress/i18n';
-import { useAsyncList } from '@wordpress/compose';
-import { chevronDown, chevronUp, unseen, check, arrowUp, arrowDown, chevronRightSmall, funnel } from '@wordpress/icons';
-import { Button, Icon, privateApis as componentsPrivateApis } from '@wordpress/components';
-import { useMemo, Children, Fragment } from '@wordpress/element';
-
-/**
- * Internal dependencies
- */
-import { unlock } from '../../lock-unlock';
-import ItemActions from './item-actions';
-import { ENUMERATION_TYPE, OPERATOR_IN } from './constants';
-const {
-  DropdownMenuV2: DropdownMenu,
-  DropdownMenuGroupV2: DropdownMenuGroup,
-  DropdownMenuItemV2: DropdownMenuItem,
-  DropdownMenuSeparatorV2: DropdownMenuSeparator,
-  DropdownSubMenuV2: DropdownSubMenu,
-  DropdownSubMenuTriggerV2: DropdownSubMenuTrigger
-} = unlock(componentsPrivateApis);
-const EMPTY_OBJECT = {};
-const sortingItemsInfo = {
-  asc: {
-    icon: arrowUp,
-    label: __('Sort ascending')
-  },
-  desc: {
-    icon: arrowDown,
-    label: __('Sort descending')
-  }
-};
-const sortIcons = {
-  asc: chevronUp,
-  desc: chevronDown
-};
-function HeaderMenu({
-  dataView,
-  header
-}) {
-  if (header.isPlaceholder) {
-    return null;
-  }
-  const text = flexRender(header.column.columnDef.header, header.getContext());
-  const isSortable = !!header.column.getCanSort();
-  const isHidable = !!header.column.getCanHide();
-  if (!isSortable && !isHidable) {
-    return text;
-  }
-  const sortedDirection = header.column.getIsSorted();
-  let filter;
-  if (header.column.columnDef.type === ENUMERATION_TYPE) {
-    filter = {
-      field: header.column.columnDef.id,
-      elements: header.column.columnDef.elements || []
-    };
-  }
-  const isFilterable = !!filter;
-  return createElement(DropdownMenu, {
-    align: "start",
-    trigger: createElement(Button, {
-      icon: sortIcons[header.column.getIsSorted()],
-      iconPosition: "right",
-      text: text,
-      style: {
-        padding: 0
-      }
-    })
-  }, createElement(WithSeparators, null, isSortable && createElement(DropdownMenuGroup, null, Object.entries(sortingItemsInfo).map(([direction, info]) => createElement(DropdownMenuItem, {
-    key: direction,
-    prefix: createElement(Icon, {
-      icon: info.icon
-    }),
-    suffix: sortedDirection === direction && createElement(Icon, {
-      icon: check
-    }),
-    onSelect: event => {
-      event.preventDefault();
-      if (sortedDirection === direction) {
-        dataView.resetSorting();
-      } else {
-        dataView.setSorting([{
-          id: header.column.id,
-          desc: direction === 'desc'
-        }]);
-      }
-    }
-  }, info.label))), isHidable && createElement(DropdownMenuItem, {
-    prefix: createElement(Icon, {
-      icon: unseen
-    }),
-    onSelect: event => {
-      event.preventDefault();
-      header.column.getToggleVisibilityHandler()(event);
-    }
-  }, __('Hide')), isFilterable && createElement(DropdownMenuGroup, null, createElement(DropdownSubMenu, {
-    key: filter.field,
-    trigger: createElement(DropdownSubMenuTrigger, {
-      prefix: createElement(Icon, {
-        icon: funnel
-      }),
-      suffix: createElement(Icon, {
-        icon: chevronRightSmall
-      })
-    }, __('Filter by'))
-  }, filter.elements.map(element => {
-    let isActive = false;
-    const columnFilters = dataView.getState().columnFilters;
-    const columnFilter = columnFilters.find(f => Object.keys(f)[0].split(':')[0] === filter.field);
-    if (columnFilter) {
-      const value = Object.values(columnFilter)[0];
-      // Intentionally use loose comparison, so it does type conversion.
-      // This covers the case where a top-level filter for the same field converts a number into a string.
-      isActive = element.value == value; // eslint-disable-line eqeqeq
-    }
-
-    return createElement(DropdownMenuItem, {
-      key: element.value,
-      suffix: isActive && createElement(Icon, {
-        icon: check
-      }),
-      onSelect: () => {
-        const otherFilters = columnFilters?.filter(f => {
-          const [field, operator] = Object.keys(f)[0].split(':');
-          return field !== filter.field || operator !== OPERATOR_IN;
-        });
-        dataView.setColumnFilters([...otherFilters, {
-          [filter.field + ':in']: isActive ? undefined : element.value
-        }]);
-      }
-    }, element.label);
-  })))));
-}
-function WithSeparators({
-  children
-}) {
-  return Children.toArray(children).filter(Boolean).map((child, i) => createElement(Fragment, {
-    key: i
-  }, i > 0 && createElement(DropdownMenuSeparator, null), child));
-}
-function ViewList({
-  view,
-  onChangeView,
-  fields,
-  actions,
-  data,
-  getItemId,
-  isLoading = false,
-  paginationInfo
-}) {
-  const columns = useMemo(() => {
-    const _columns = fields.map(field => {
-      const {
-        render,
-        getValue,
-        ...column
-      } = field;
-      column.cell = props => render({
-        item: props.row.original,
-        view
-      });
-      if (getValue) {
-        column.accessorFn = item => getValue({
-          item
-        });
-      }
-      return column;
-    });
-    if (actions?.length) {
-      _columns.push({
-        header: __('Actions'),
-        id: 'actions',
-        cell: props => {
-          return createElement(ItemActions, {
-            item: props.row.original,
-            actions: actions
-          });
-        },
-        enableHiding: false
-      });
-    }
-    return _columns;
-  }, [fields, actions, view]);
-  const columnVisibility = useMemo(() => {
-    if (!view.hiddenFields?.length) {
-      return;
-    }
-    return view.hiddenFields.reduce((accumulator, fieldId) => ({
-      ...accumulator,
-      [fieldId]: false
-    }), {});
-  }, [view.hiddenFields]);
-
-  /**
-   * Transform the filters from the view format into the tanstack columns filter format.
-   *
-   * Input:
-   *
-   * view.filters = [
-   *   { field: 'date', operator: 'before', value: '2020-01-01' },
-   *   { field: 'date', operator: 'after', value: '2020-01-01' },
-   * ]
-   *
-   * Output:
-   *
-   * columnFilters = [
-   *   { "date:before": '2020-01-01' },
-   *   { "date:after": '2020-01-01' }
-   * ]
-   *
-   * @param {Array} filters The view filters to transform.
-   * @return {Array} The transformed TanStack column filters.
-   */
-  const toTanStackColumnFilters = filters => filters?.map(filter => ({
-    [filter.field + ':' + filter.operator]: filter.value
-  }));
-
-  /**
-   * Transform the filters from the view format into the tanstack columns filter format.
-   *
-   * Input:
-   *
-   * columnFilters = [
-   *   { "date:before": '2020-01-01'},
-   *   { "date:after": '2020-01-01' }
-   * ]
-   *
-   * Output:
-   *
-   * view.filters = [
-   *   { field: 'date', operator: 'before', value: '2020-01-01' },
-   *   { field: 'date', operator: 'after', value: '2020-01-01' },
-   * ]
-   *
-   * @param {Array} filters The TanStack column filters to transform.
-   * @return {Array} The transformed view filters.
-   */
-  const fromTanStackColumnFilters = filters => filters.map(filter => {
-    const [key, value] = Object.entries(filter)[0];
-    const [field, operator] = key.split(':');
-    return {
-      field,
-      operator,
-      value
-    };
-  });
-  const shownData = useAsyncList(data);
-  const dataView = useReactTable({
-    data: shownData,
-    columns,
-    manualSorting: true,
-    manualFiltering: true,
-    manualPagination: true,
-    enableRowSelection: true,
-    state: {
-      sorting: view.sort ? [{
-        id: view.sort.field,
-        desc: view.sort.direction === 'desc'
-      }] : [],
-      globalFilter: view.search,
-      columnFilters: toTanStackColumnFilters(view.filters),
-      pagination: {
-        pageIndex: view.page,
-        pageSize: view.perPage
-      },
-      columnVisibility: columnVisibility !== null && columnVisibility !== void 0 ? columnVisibility : EMPTY_OBJECT
-    },
-    getRowId: getItemId,
-    onSortingChange: sortingUpdater => {
-      onChangeView(currentView => {
-        const sort = typeof sortingUpdater === 'function' ? sortingUpdater(currentView.sort ? [{
-          id: currentView.sort.field,
-          desc: currentView.sort.direction === 'desc'
-        }] : []) : sortingUpdater;
-        if (!sort.length) {
-          return {
-            ...currentView,
-            sort: {}
-          };
-        }
-        const [{
-          id,
-          desc
-        }] = sort;
-        return {
-          ...currentView,
-          sort: {
-            field: id,
-            direction: desc ? 'desc' : 'asc'
-          }
-        };
-      });
-    },
-    onColumnVisibilityChange: columnVisibilityUpdater => {
-      onChangeView(currentView => {
-        const hiddenFields = Object.entries(columnVisibilityUpdater()).reduce((accumulator, [fieldId, value]) => {
-          if (value) {
-            return accumulator.filter(id => id !== fieldId);
-          }
-          return [...accumulator, fieldId];
-        }, [...(currentView.hiddenFields || [])]);
-        return {
-          ...currentView,
-          hiddenFields
-        };
-      });
-    },
-    onGlobalFilterChange: value => {
-      onChangeView({
-        ...view,
-        search: value,
-        page: 1
-      });
-    },
-    onColumnFiltersChange: columnFiltersUpdater => {
-      onChangeView({
-        ...view,
-        filters: fromTanStackColumnFilters(columnFiltersUpdater()),
-        page: 1
-      });
-    },
-    onPaginationChange: paginationUpdater => {
-      onChangeView(currentView => {
-        const {
-          pageIndex,
-          pageSize
-        } = paginationUpdater({
-          pageIndex: currentView.page,
-          pageSize: currentView.perPage
-        });
-        return {
-          ...view,
-          page: pageIndex,
-          perPage: pageSize
-        };
-      });
-    },
-    getCoreRowModel: getCoreRowModel(),
-    getFilteredRowModel: getFilteredRowModel(),
-    getSortedRowModel: getSortedRowModel(),
-    getPaginationRowModel: getPaginationRowModel(),
-    pageCount: paginationInfo.totalPages
-  });
-  const {
-    rows
-  } = dataView.getRowModel();
-  const hasRows = !!rows?.length;
-  if (isLoading) {
-    // TODO:Add spinner or progress bar..
-    return createElement("h3", null, __('Loading'));
-  }
-  return createElement("div", {
-    className: "dataviews-list-view-wrapper"
-  }, hasRows && createElement("table", {
-    className: "dataviews-list-view"
-  }, createElement("thead", null, dataView.getHeaderGroups().map(headerGroup => createElement("tr", {
-    key: headerGroup.id
-  }, headerGroup.headers.map(header => createElement("th", {
-    key: header.id,
-    colSpan: header.colSpan,
-    style: {
-      width: header.column.columnDef.width || undefined,
-      minWidth: header.column.columnDef.minWidth || undefined,
-      maxWidth: header.column.columnDef.maxWidth || undefined
-    },
-    "data-field-id": header.id
-  }, createElement(HeaderMenu, {
-    dataView: dataView,
-    header: header
-  })))))), createElement("tbody", null, rows.map(row => createElement("tr", {
-    key: row.id
-  }, row.getVisibleCells().map(cell => createElement("td", {
-    key: cell.column.id,
-    style: {
-      width: cell.column.columnDef.width || undefined,
-      minWidth: cell.column.columnDef.minWidth || undefined,
-      maxWidth: cell.column.columnDef.maxWidth || undefined
-    }
-  }, flexRender(cell.column.columnDef.cell, cell.getContext()))))))), !hasRows && createElement("p", null, __('no results')));
-}
-export default ViewList;
-//# sourceMappingURL=view-list.js.map

package/build-module/components/dataviews/view-list.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["getCoreRowModel","getFilteredRowModel","getSortedRowModel","getPaginationRowModel","useReactTable","flexRender","__","useAsyncList","chevronDown","chevronUp","unseen","check","arrowUp","arrowDown","chevronRightSmall","funnel","Button","Icon","privateApis","componentsPrivateApis","useMemo","Children","Fragment","unlock","ItemActions","ENUMERATION_TYPE","OPERATOR_IN","DropdownMenuV2","DropdownMenu","DropdownMenuGroupV2","DropdownMenuGroup","DropdownMenuItemV2","DropdownMenuItem","DropdownMenuSeparatorV2","DropdownMenuSeparator","DropdownSubMenuV2","DropdownSubMenu","DropdownSubMenuTriggerV2","DropdownSubMenuTrigger","EMPTY_OBJECT","sortingItemsInfo","asc","icon","label","desc","sortIcons","HeaderMenu","dataView","header","isPlaceholder","text","column","columnDef","getContext","isSortable","getCanSort","isHidable","getCanHide","sortedDirection","getIsSorted","filter","type","field","id","elements","isFilterable","createElement","align","trigger","iconPosition","style","padding","WithSeparators","Object","entries","map","direction","info","key","prefix","suffix","onSelect","event","preventDefault","resetSorting","setSorting","getToggleVisibilityHandler","element","isActive","columnFilters","getState","columnFilter","find","f","keys","split","value","values","otherFilters","operator","setColumnFilters","undefined","children","toArray","Boolean","child","i","ViewList","view","onChangeView","fields","actions","data","getItemId","isLoading","paginationInfo","columns","_columns","render","getValue","cell","props","item","row","original","accessorFn","length","push","enableHiding","columnVisibility","hiddenFields","reduce","accumulator","fieldId","toTanStackColumnFilters","filters","fromTanStackColumnFilters","shownData","manualSorting","manualFiltering","manualPagination","enableRowSelection","state","sorting","sort","globalFilter","search","pagination","pageIndex","page","pageSize","perPage","getRowId","onSortingChange","sortingUpdater","currentView","onColumnVisibilityChange","columnVisibilityUpdater","onGlobalFilterChange","onColumnFiltersChange","columnFiltersUpdater","onPaginationChange","paginationUpdater","pageCount","totalPages","rows","getRowModel","hasRows","className","getHeaderGroups","headerGroup","headers","colSpan","width","minWidth","maxWidth","getVisibleCells"],"sources":["@wordpress/edit-site/src/components/dataviews/view-list.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport {\n\tgetCoreRowModel,\n\tgetFilteredRowModel,\n\tgetSortedRowModel,\n\tgetPaginationRowModel,\n\tuseReactTable,\n\tflexRender,\n} from '@tanstack/react-table';\n\n/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { useAsyncList } from '@wordpress/compose';\nimport {\n\tchevronDown,\n\tchevronUp,\n\tunseen,\n\tcheck,\n\tarrowUp,\n\tarrowDown,\n\tchevronRightSmall,\n\tfunnel,\n} from '@wordpress/icons';\nimport {\n\tButton,\n\tIcon,\n\tprivateApis as componentsPrivateApis,\n} from '@wordpress/components';\nimport { useMemo, Children, Fragment } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport { unlock } from '../../lock-unlock';\nimport ItemActions from './item-actions';\nimport { ENUMERATION_TYPE, OPERATOR_IN } from './constants';\n\nconst {\n\tDropdownMenuV2: DropdownMenu,\n\tDropdownMenuGroupV2: DropdownMenuGroup,\n\tDropdownMenuItemV2: DropdownMenuItem,\n\tDropdownMenuSeparatorV2: DropdownMenuSeparator,\n\tDropdownSubMenuV2: DropdownSubMenu,\n\tDropdownSubMenuTriggerV2: DropdownSubMenuTrigger,\n} = unlock( componentsPrivateApis );\n\nconst EMPTY_OBJECT = {};\nconst sortingItemsInfo = {\n\tasc: { icon: arrowUp, label: __( 'Sort ascending' ) },\n\tdesc: { icon: arrowDown, label: __( 'Sort descending' ) },\n};\nconst sortIcons = { asc: chevronUp, desc: chevronDown };\n\nfunction HeaderMenu( { dataView, header } ) {\n\tif ( header.isPlaceholder ) {\n\t\treturn null;\n\t}\n\tconst text = flexRender(\n\t\theader.column.columnDef.header,\n\t\theader.getContext()\n\t);\n\tconst isSortable = !! header.column.getCanSort();\n\tconst isHidable = !! header.column.getCanHide();\n\tif ( ! isSortable && ! isHidable ) {\n\t\treturn text;\n\t}\n\tconst sortedDirection = header.column.getIsSorted();\n\n\tlet filter;\n\tif ( header.column.columnDef.type === ENUMERATION_TYPE ) {\n\t\tfilter = {\n\t\t\tfield: header.column.columnDef.id,\n\t\t\telements: header.column.columnDef.elements || [],\n\t\t};\n\t}\n\tconst isFilterable = !! filter;\n\n\treturn (\n\t\t<DropdownMenu\n\t\t\talign=\"start\"\n\t\t\ttrigger={\n\t\t\t\t<Button\n\t\t\t\t\ticon={ sortIcons[ header.column.getIsSorted() ] }\n\t\t\t\t\ticonPosition=\"right\"\n\t\t\t\t\ttext={ text }\n\t\t\t\t\tstyle={ { padding: 0 } }\n\t\t\t\t/>\n\t\t\t}\n\t\t>\n\t\t\t<WithSeparators>\n\t\t\t\t{ isSortable && (\n\t\t\t\t\t<DropdownMenuGroup>\n\t\t\t\t\t\t{ Object.entries( sortingItemsInfo ).map(\n\t\t\t\t\t\t\t( [ direction, info ] ) => (\n\t\t\t\t\t\t\t\t<DropdownMenuItem\n\t\t\t\t\t\t\t\t\tkey={ direction }\n\t\t\t\t\t\t\t\t\tprefix={ <Icon icon={ info.icon } /> }\n\t\t\t\t\t\t\t\t\tsuffix={\n\t\t\t\t\t\t\t\t\t\tsortedDirection === direction && (\n\t\t\t\t\t\t\t\t\t\t\t<Icon icon={ check } />\n\t\t\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\tonSelect={ ( event ) => {\n\t\t\t\t\t\t\t\t\t\tevent.preventDefault();\n\t\t\t\t\t\t\t\t\t\tif ( sortedDirection === direction ) {\n\t\t\t\t\t\t\t\t\t\t\tdataView.resetSorting();\n\t\t\t\t\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\t\t\t\t\tdataView.setSorting( [\n\t\t\t\t\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\t\t\t\t\tid: header.column.id,\n\t\t\t\t\t\t\t\t\t\t\t\t\tdesc: direction === 'desc',\n\t\t\t\t\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t\t\t\t\t] );\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t{ info.label }\n\t\t\t\t\t\t\t\t</DropdownMenuItem>\n\t\t\t\t\t\t\t)\n\t\t\t\t\t\t) }\n\t\t\t\t\t</DropdownMenuGroup>\n\t\t\t\t) }\n\t\t\t\t{ isHidable && (\n\t\t\t\t\t<DropdownMenuItem\n\t\t\t\t\t\tprefix={ <Icon icon={ unseen } /> }\n\t\t\t\t\t\tonSelect={ ( event ) => {\n\t\t\t\t\t\t\tevent.preventDefault();\n\t\t\t\t\t\t\theader.column.getToggleVisibilityHandler()( event );\n\t\t\t\t\t\t} }\n\t\t\t\t\t>\n\t\t\t\t\t\t{ __( 'Hide' ) }\n\t\t\t\t\t</DropdownMenuItem>\n\t\t\t\t) }\n\t\t\t\t{ isFilterable && (\n\t\t\t\t\t<DropdownMenuGroup>\n\t\t\t\t\t\t<DropdownSubMenu\n\t\t\t\t\t\t\tkey={ filter.field }\n\t\t\t\t\t\t\ttrigger={\n\t\t\t\t\t\t\t\t<DropdownSubMenuTrigger\n\t\t\t\t\t\t\t\t\tprefix={ <Icon icon={ funnel } /> }\n\t\t\t\t\t\t\t\t\tsuffix={\n\t\t\t\t\t\t\t\t\t\t<Icon icon={ chevronRightSmall } />\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t{ __( 'Filter by' ) }\n\t\t\t\t\t\t\t\t</DropdownSubMenuTrigger>\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ filter.elements.map( ( element ) => {\n\t\t\t\t\t\t\t\tlet isActive = false;\n\t\t\t\t\t\t\t\tconst columnFilters =\n\t\t\t\t\t\t\t\t\tdataView.getState().columnFilters;\n\t\t\t\t\t\t\t\tconst columnFilter = columnFilters.find(\n\t\t\t\t\t\t\t\t\t( f ) =>\n\t\t\t\t\t\t\t\t\t\tObject.keys( f )[ 0 ].split(\n\t\t\t\t\t\t\t\t\t\t\t':'\n\t\t\t\t\t\t\t\t\t\t)[ 0 ] === filter.field\n\t\t\t\t\t\t\t\t);\n\n\t\t\t\t\t\t\t\tif ( columnFilter ) {\n\t\t\t\t\t\t\t\t\tconst value =\n\t\t\t\t\t\t\t\t\t\tObject.values( columnFilter )[ 0 ];\n\t\t\t\t\t\t\t\t\t// Intentionally use loose comparison, so it does type conversion.\n\t\t\t\t\t\t\t\t\t// This covers the case where a top-level filter for the same field converts a number into a string.\n\t\t\t\t\t\t\t\t\tisActive = element.value == value; // eslint-disable-line eqeqeq\n\t\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t\t<DropdownMenuItem\n\t\t\t\t\t\t\t\t\t\tkey={ element.value }\n\t\t\t\t\t\t\t\t\t\tsuffix={\n\t\t\t\t\t\t\t\t\t\t\tisActive && <Icon icon={ check } />\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\tonSelect={ () => {\n\t\t\t\t\t\t\t\t\t\t\tconst otherFilters =\n\t\t\t\t\t\t\t\t\t\t\t\tcolumnFilters?.filter(\n\t\t\t\t\t\t\t\t\t\t\t\t\t( f ) => {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tconst [\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tfield,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\toperator,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t] =\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tObject.keys(\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tf\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t)[ 0 ].split( ':' );\n\t\t\t\t\t\t\t\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tfield !==\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tfilter.field ||\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\toperator !==\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tOPERATOR_IN\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\t);\n\n\t\t\t\t\t\t\t\t\t\t\tdataView.setColumnFilters( [\n\t\t\t\t\t\t\t\t\t\t\t\t...otherFilters,\n\t\t\t\t\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\t\t\t\t\t[ filter.field + ':in' ]:\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tisActive\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t? undefined\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t: element.value,\n\t\t\t\t\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t\t\t\t\t] );\n\t\t\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t{ element.label }\n\t\t\t\t\t\t\t\t\t</DropdownMenuItem>\n\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t} ) }\n\t\t\t\t\t\t</DropdownSubMenu>\n\t\t\t\t\t</DropdownMenuGroup>\n\t\t\t\t) }\n\t\t\t</WithSeparators>\n\t\t</DropdownMenu>\n\t);\n}\n\nfunction WithSeparators( { children } ) {\n\treturn Children.toArray( children )\n\t\t.filter( Boolean )\n\t\t.map( ( child, i ) => (\n\t\t\t<Fragment key={ i }>\n\t\t\t\t{ i > 0 && <DropdownMenuSeparator /> }\n\t\t\t\t{ child }\n\t\t\t</Fragment>\n\t\t) );\n}\n\nfunction ViewList( {\n\tview,\n\tonChangeView,\n\tfields,\n\tactions,\n\tdata,\n\tgetItemId,\n\tisLoading = false,\n\tpaginationInfo,\n} ) {\n\tconst columns = useMemo( () => {\n\t\tconst _columns = fields.map( ( field ) => {\n\t\t\tconst { render, getValue, ...column } = field;\n\t\t\tcolumn.cell = ( props ) =>\n\t\t\t\trender( { item: props.row.original, view } );\n\t\t\tif ( getValue ) {\n\t\t\t\tcolumn.accessorFn = ( item ) => getValue( { item } );\n\t\t\t}\n\t\t\treturn column;\n\t\t} );\n\t\tif ( actions?.length ) {\n\t\t\t_columns.push( {\n\t\t\t\theader: __( 'Actions' ),\n\t\t\t\tid: 'actions',\n\t\t\t\tcell: ( props ) => {\n\t\t\t\t\treturn (\n\t\t\t\t\t\t<ItemActions\n\t\t\t\t\t\t\titem={ props.row.original }\n\t\t\t\t\t\t\tactions={ actions }\n\t\t\t\t\t\t/>\n\t\t\t\t\t);\n\t\t\t\t},\n\t\t\t\tenableHiding: false,\n\t\t\t} );\n\t\t}\n\n\t\treturn _columns;\n\t}, [ fields, actions, view ] );\n\n\tconst columnVisibility = useMemo( () => {\n\t\tif ( ! view.hiddenFields?.length ) {\n\t\t\treturn;\n\t\t}\n\t\treturn view.hiddenFields.reduce(\n\t\t\t( accumulator, fieldId ) => ( {\n\t\t\t\t...accumulator,\n\t\t\t\t[ fieldId ]: false,\n\t\t\t} ),\n\t\t\t{}\n\t\t);\n\t}, [ view.hiddenFields ] );\n\n\t/**\n\t * Transform the filters from the view format into the tanstack columns filter format.\n\t *\n\t * Input:\n\t *\n\t * view.filters = [\n\t *   { field: 'date', operator: 'before', value: '2020-01-01' },\n\t *   { field: 'date', operator: 'after', value: '2020-01-01' },\n\t * ]\n\t *\n\t * Output:\n\t *\n\t * columnFilters = [\n\t *   { \"date:before\": '2020-01-01' },\n\t *   { \"date:after\": '2020-01-01' }\n\t * ]\n\t *\n\t * @param {Array} filters The view filters to transform.\n\t * @return {Array} The transformed TanStack column filters.\n\t */\n\tconst toTanStackColumnFilters = ( filters ) =>\n\t\tfilters?.map( ( filter ) => ( {\n\t\t\t[ filter.field + ':' + filter.operator ]: filter.value,\n\t\t} ) );\n\n\t/**\n\t * Transform the filters from the view format into the tanstack columns filter format.\n\t *\n\t * Input:\n\t *\n\t * columnFilters = [\n\t *   { \"date:before\": '2020-01-01'},\n\t *   { \"date:after\": '2020-01-01' }\n\t * ]\n\t *\n\t * Output:\n\t *\n\t * view.filters = [\n\t *   { field: 'date', operator: 'before', value: '2020-01-01' },\n\t *   { field: 'date', operator: 'after', value: '2020-01-01' },\n\t * ]\n\t *\n\t * @param {Array} filters The TanStack column filters to transform.\n\t * @return {Array} The transformed view filters.\n\t */\n\tconst fromTanStackColumnFilters = ( filters ) =>\n\t\tfilters.map( ( filter ) => {\n\t\t\tconst [ key, value ] = Object.entries( filter )[ 0 ];\n\t\t\tconst [ field, operator ] = key.split( ':' );\n\t\t\treturn { field, operator, value };\n\t\t} );\n\n\tconst shownData = useAsyncList( data );\n\tconst dataView = useReactTable( {\n\t\tdata: shownData,\n\t\tcolumns,\n\t\tmanualSorting: true,\n\t\tmanualFiltering: true,\n\t\tmanualPagination: true,\n\t\tenableRowSelection: true,\n\t\tstate: {\n\t\t\tsorting: view.sort\n\t\t\t\t? [\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\tid: view.sort.field,\n\t\t\t\t\t\t\tdesc: view.sort.direction === 'desc',\n\t\t\t\t\t\t},\n\t\t\t\t  ]\n\t\t\t\t: [],\n\t\t\tglobalFilter: view.search,\n\t\t\tcolumnFilters: toTanStackColumnFilters( view.filters ),\n\t\t\tpagination: {\n\t\t\t\tpageIndex: view.page,\n\t\t\t\tpageSize: view.perPage,\n\t\t\t},\n\t\t\tcolumnVisibility: columnVisibility ?? EMPTY_OBJECT,\n\t\t},\n\t\tgetRowId: getItemId,\n\t\tonSortingChange: ( sortingUpdater ) => {\n\t\t\tonChangeView( ( currentView ) => {\n\t\t\t\tconst sort =\n\t\t\t\t\ttypeof sortingUpdater === 'function'\n\t\t\t\t\t\t? sortingUpdater(\n\t\t\t\t\t\t\t\tcurrentView.sort\n\t\t\t\t\t\t\t\t\t? [\n\t\t\t\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\t\t\t\tid: currentView.sort.field,\n\t\t\t\t\t\t\t\t\t\t\t\tdesc:\n\t\t\t\t\t\t\t\t\t\t\t\t\tcurrentView.sort\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t.direction === 'desc',\n\t\t\t\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t\t\t  ]\n\t\t\t\t\t\t\t\t\t: []\n\t\t\t\t\t\t  )\n\t\t\t\t\t\t: sortingUpdater;\n\t\t\t\tif ( ! sort.length ) {\n\t\t\t\t\treturn {\n\t\t\t\t\t\t...currentView,\n\t\t\t\t\t\tsort: {},\n\t\t\t\t\t};\n\t\t\t\t}\n\t\t\t\tconst [ { id, desc } ] = sort;\n\t\t\t\treturn {\n\t\t\t\t\t...currentView,\n\t\t\t\t\tsort: { field: id, direction: desc ? 'desc' : 'asc' },\n\t\t\t\t};\n\t\t\t} );\n\t\t},\n\t\tonColumnVisibilityChange: ( columnVisibilityUpdater ) => {\n\t\t\tonChangeView( ( currentView ) => {\n\t\t\t\tconst hiddenFields = Object.entries(\n\t\t\t\t\tcolumnVisibilityUpdater()\n\t\t\t\t).reduce(\n\t\t\t\t\t( accumulator, [ fieldId, value ] ) => {\n\t\t\t\t\t\tif ( value ) {\n\t\t\t\t\t\t\treturn accumulator.filter(\n\t\t\t\t\t\t\t\t( id ) => id !== fieldId\n\t\t\t\t\t\t\t);\n\t\t\t\t\t\t}\n\t\t\t\t\t\treturn [ ...accumulator, fieldId ];\n\t\t\t\t\t},\n\t\t\t\t\t[ ...( currentView.hiddenFields || [] ) ]\n\t\t\t\t);\n\t\t\t\treturn {\n\t\t\t\t\t...currentView,\n\t\t\t\t\thiddenFields,\n\t\t\t\t};\n\t\t\t} );\n\t\t},\n\t\tonGlobalFilterChange: ( value ) => {\n\t\t\tonChangeView( { ...view, search: value, page: 1 } );\n\t\t},\n\t\tonColumnFiltersChange: ( columnFiltersUpdater ) => {\n\t\t\tonChangeView( {\n\t\t\t\t...view,\n\t\t\t\tfilters: fromTanStackColumnFilters( columnFiltersUpdater() ),\n\t\t\t\tpage: 1,\n\t\t\t} );\n\t\t},\n\t\tonPaginationChange: ( paginationUpdater ) => {\n\t\t\tonChangeView( ( currentView ) => {\n\t\t\t\tconst { pageIndex, pageSize } = paginationUpdater( {\n\t\t\t\t\tpageIndex: currentView.page,\n\t\t\t\t\tpageSize: currentView.perPage,\n\t\t\t\t} );\n\t\t\t\treturn { ...view, page: pageIndex, perPage: pageSize };\n\t\t\t} );\n\t\t},\n\t\tgetCoreRowModel: getCoreRowModel(),\n\t\tgetFilteredRowModel: getFilteredRowModel(),\n\t\tgetSortedRowModel: getSortedRowModel(),\n\t\tgetPaginationRowModel: getPaginationRowModel(),\n\t\tpageCount: paginationInfo.totalPages,\n\t} );\n\n\tconst { rows } = dataView.getRowModel();\n\tconst hasRows = !! rows?.length;\n\tif ( isLoading ) {\n\t\t// TODO:Add spinner or progress bar..\n\t\treturn <h3>{ __( 'Loading' ) }</h3>;\n\t}\n\treturn (\n\t\t<div className=\"dataviews-list-view-wrapper\">\n\t\t\t{ hasRows && (\n\t\t\t\t<table className=\"dataviews-list-view\">\n\t\t\t\t\t<thead>\n\t\t\t\t\t\t{ dataView.getHeaderGroups().map( ( headerGroup ) => (\n\t\t\t\t\t\t\t<tr key={ headerGroup.id }>\n\t\t\t\t\t\t\t\t{ headerGroup.headers.map( ( header ) => (\n\t\t\t\t\t\t\t\t\t<th\n\t\t\t\t\t\t\t\t\t\tkey={ header.id }\n\t\t\t\t\t\t\t\t\t\tcolSpan={ header.colSpan }\n\t\t\t\t\t\t\t\t\t\tstyle={ {\n\t\t\t\t\t\t\t\t\t\t\twidth:\n\t\t\t\t\t\t\t\t\t\t\t\theader.column.columnDef.width ||\n\t\t\t\t\t\t\t\t\t\t\t\tundefined,\n\t\t\t\t\t\t\t\t\t\t\tminWidth:\n\t\t\t\t\t\t\t\t\t\t\t\theader.column.columnDef\n\t\t\t\t\t\t\t\t\t\t\t\t\t.minWidth || undefined,\n\t\t\t\t\t\t\t\t\t\t\tmaxWidth:\n\t\t\t\t\t\t\t\t\t\t\t\theader.column.columnDef\n\t\t\t\t\t\t\t\t\t\t\t\t\t.maxWidth || undefined,\n\t\t\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t\t\t\tdata-field-id={ header.id }\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t<HeaderMenu\n\t\t\t\t\t\t\t\t\t\t\tdataView={ dataView }\n\t\t\t\t\t\t\t\t\t\t\theader={ header }\n\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t</th>\n\t\t\t\t\t\t\t\t) ) }\n\t\t\t\t\t\t\t</tr>\n\t\t\t\t\t\t) ) }\n\t\t\t\t\t</thead>\n\t\t\t\t\t<tbody>\n\t\t\t\t\t\t{ rows.map( ( row ) => (\n\t\t\t\t\t\t\t<tr key={ row.id }>\n\t\t\t\t\t\t\t\t{ row.getVisibleCells().map( ( cell ) => (\n\t\t\t\t\t\t\t\t\t<td\n\t\t\t\t\t\t\t\t\t\tkey={ cell.column.id }\n\t\t\t\t\t\t\t\t\t\tstyle={ {\n\t\t\t\t\t\t\t\t\t\t\twidth:\n\t\t\t\t\t\t\t\t\t\t\t\tcell.column.columnDef.width ||\n\t\t\t\t\t\t\t\t\t\t\t\tundefined,\n\t\t\t\t\t\t\t\t\t\t\tminWidth:\n\t\t\t\t\t\t\t\t\t\t\t\tcell.column.columnDef\n\t\t\t\t\t\t\t\t\t\t\t\t\t.minWidth || undefined,\n\t\t\t\t\t\t\t\t\t\t\tmaxWidth:\n\t\t\t\t\t\t\t\t\t\t\t\tcell.column.columnDef\n\t\t\t\t\t\t\t\t\t\t\t\t\t.maxWidth || undefined,\n\t\t\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t{ flexRender(\n\t\t\t\t\t\t\t\t\t\t\tcell.column.columnDef.cell,\n\t\t\t\t\t\t\t\t\t\t\tcell.getContext()\n\t\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t\t</td>\n\t\t\t\t\t\t\t\t) ) }\n\t\t\t\t\t\t\t</tr>\n\t\t\t\t\t\t) ) }\n\t\t\t\t\t</tbody>\n\t\t\t\t</table>\n\t\t\t) }\n\t\t\t{ ! hasRows && <p>{ __( 'no results' ) }</p> }\n\t\t</div>\n\t);\n}\n\nexport default ViewList;\n"],"mappings":"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"}

package/build-module/components/dataviews/view-side-by-side.js

@@ -1,12 +0,0 @@
-import { createElement } from "react";
-/**
- * Internal dependencies
- */
-import ViewList from './view-list';
-export function ViewSideBySide(props) {
-  // To do: change to email-like preview list.
-  return createElement(ViewList, {
-    ...props
-  });
-}
-//# sourceMappingURL=view-side-by-side.js.map

package/build-module/components/dataviews/view-side-by-side.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["ViewList","ViewSideBySide","props","createElement"],"sources":["@wordpress/edit-site/src/components/dataviews/view-side-by-side.js"],"sourcesContent":["/**\n * Internal dependencies\n */\nimport ViewList from './view-list';\n\nexport function ViewSideBySide( props ) {\n\t// To do: change to email-like preview list.\n\treturn <ViewList { ...props } />;\n}\n"],"mappings":";AAAA;AACA;AACA;AACA,OAAOA,QAAQ,MAAM,aAAa;AAElC,OAAO,SAASC,cAAcA,CAAEC,KAAK,EAAG;EACvC;EACA,OAAOC,aAAA,CAACH,QAAQ;IAAA,GAAME;EAAK,CAAI,CAAC;AACjC"}

package/build-module/components/header-edit-mode/document-actions/index.js

@@ -1,164 +0,0 @@
-import { createElement } from "react";
-/**
- * External dependencies
- */
-import classnames from 'classnames';
-
-/**
- * WordPress dependencies
- */
-import { __, isRTL } from '@wordpress/i18n';
-import { useSelect, useDispatch } from '@wordpress/data';
-import { Button, VisuallyHidden, __experimentalText as Text, __experimentalHStack as HStack } from '@wordpress/components';
-import { BlockIcon } from '@wordpress/block-editor';
-import { store as commandsStore } from '@wordpress/commands';
-import { chevronLeftSmall, chevronRightSmall, page as pageIcon, navigation as navigationIcon, symbol } from '@wordpress/icons';
-import { displayShortcut } from '@wordpress/keycodes';
-import { store as coreStore } from '@wordpress/core-data';
-import { store as editorStore } from '@wordpress/editor';
-import { useRef, useState, useEffect } from '@wordpress/element';
-
-/**
- * Internal dependencies
- */
-import useEditedEntityRecord from '../../use-edited-entity-record';
-import { store as editSiteStore } from '../../../store';
-import { TEMPLATE_POST_TYPE, NAVIGATION_POST_TYPE, TEMPLATE_PART_POST_TYPE, PATTERN_TYPES, PATTERN_SYNC_TYPES } from '../../../utils/constants';
-const typeLabels = {
-  [PATTERN_TYPES.user]: __('Editing pattern:'),
-  [NAVIGATION_POST_TYPE]: __('Editing navigation menu:'),
-  [TEMPLATE_POST_TYPE]: __('Editing template:'),
-  [TEMPLATE_PART_POST_TYPE]: __('Editing template part:')
-};
-export default function DocumentActions() {
-  const isPage = useSelect(select => select(editSiteStore).isPage(), []);
-  return isPage ? createElement(PageDocumentActions, null) : createElement(TemplateDocumentActions, null);
-}
-function PageDocumentActions() {
-  const {
-    isEditingPage,
-    hasResolved,
-    isFound,
-    title
-  } = useSelect(select => {
-    const {
-      getEditedPostContext
-    } = select(editSiteStore);
-    const {
-      getEditedEntityRecord,
-      hasFinishedResolution
-    } = select(coreStore);
-    const {
-      getRenderingMode
-    } = select(editorStore);
-    const context = getEditedPostContext();
-    const queryArgs = ['postType', context.postType, context.postId];
-    const page = getEditedEntityRecord(...queryArgs);
-    return {
-      isEditingPage: !!context.postId && getRenderingMode() !== 'template-only',
-      hasResolved: hasFinishedResolution('getEditedEntityRecord', queryArgs),
-      isFound: !!page,
-      title: page?.title
-    };
-  }, []);
-  const {
-    setRenderingMode
-  } = useDispatch(editorStore);
-  const [isAnimated, setIsAnimated] = useState(false);
-  const isLoading = useRef(true);
-  useEffect(() => {
-    if (!isLoading.current) {
-      setIsAnimated(true);
-    }
-    isLoading.current = false;
-  }, [isEditingPage]);
-  if (!hasResolved) {
-    return null;
-  }
-  if (!isFound) {
-    return createElement("div", {
-      className: "edit-site-document-actions"
-    }, __('Document not found'));
-  }
-  return isEditingPage ? createElement(BaseDocumentActions, {
-    className: classnames('is-page', {
-      'is-animated': isAnimated
-    }),
-    icon: pageIcon
-  }, title) : createElement(TemplateDocumentActions, {
-    className: classnames({
-      'is-animated': isAnimated
-    }),
-    onBack: () => setRenderingMode('template-locked')
-  });
-}
-function TemplateDocumentActions({
-  className,
-  onBack
-}) {
-  var _typeLabels$record$ty;
-  const {
-    isLoaded,
-    record,
-    getTitle,
-    icon
-  } = useEditedEntityRecord();
-  if (!isLoaded) {
-    return null;
-  }
-  if (!record) {
-    return createElement("div", {
-      className: "edit-site-document-actions"
-    }, __('Document not found'));
-  }
-  let typeIcon = icon;
-  if (record.type === NAVIGATION_POST_TYPE) {
-    typeIcon = navigationIcon;
-  } else if (record.type === PATTERN_TYPES.user) {
-    typeIcon = symbol;
-  }
-  return createElement(BaseDocumentActions, {
-    className: classnames(className, {
-      'is-synced-entity': record.wp_pattern_sync_status !== PATTERN_SYNC_TYPES.unsynced
-    }),
-    icon: typeIcon,
-    onBack: onBack
-  }, createElement(VisuallyHidden, {
-    as: "span"
-  }, (_typeLabels$record$ty = typeLabels[record.type]) !== null && _typeLabels$record$ty !== void 0 ? _typeLabels$record$ty : typeLabels[TEMPLATE_POST_TYPE]), getTitle());
-}
-function BaseDocumentActions({
-  className,
-  icon,
-  children,
-  onBack
-}) {
-  const {
-    open: openCommandCenter
-  } = useDispatch(commandsStore);
-  return createElement("div", {
-    className: classnames('edit-site-document-actions', className)
-  }, onBack && createElement(Button, {
-    className: "edit-site-document-actions__back",
-    icon: isRTL() ? chevronRightSmall : chevronLeftSmall,
-    onClick: event => {
-      event.stopPropagation();
-      onBack();
-    }
-  }, __('Back')), createElement(Button, {
-    className: "edit-site-document-actions__command",
-    onClick: () => openCommandCenter()
-  }, createElement(HStack, {
-    className: "edit-site-document-actions__title",
-    spacing: 1,
-    justify: "center"
-  }, createElement(BlockIcon, {
-    icon: icon
-  }), createElement(Text, {
-    size: "body",
-    as: "h1"
-  }, children)), createElement("span", {
-    className: "edit-site-document-actions__shortcut"
-  }, displayShortcut.primary('k'))));
-}
-//# sourceMappingURL=index.js.map

package/build-module/components/header-edit-mode/document-actions/index.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["classnames","__","isRTL","useSelect","useDispatch","Button","VisuallyHidden","__experimentalText","Text","__experimentalHStack","HStack","BlockIcon","store","commandsStore","chevronLeftSmall","chevronRightSmall","page","pageIcon","navigation","navigationIcon","symbol","displayShortcut","coreStore","editorStore","useRef","useState","useEffect","useEditedEntityRecord","editSiteStore","TEMPLATE_POST_TYPE","NAVIGATION_POST_TYPE","TEMPLATE_PART_POST_TYPE","PATTERN_TYPES","PATTERN_SYNC_TYPES","typeLabels","user","DocumentActions","isPage","select","createElement","PageDocumentActions","TemplateDocumentActions","isEditingPage","hasResolved","isFound","title","getEditedPostContext","getEditedEntityRecord","hasFinishedResolution","getRenderingMode","context","queryArgs","postType","postId","setRenderingMode","isAnimated","setIsAnimated","isLoading","current","className","BaseDocumentActions","icon","onBack","_typeLabels$record$ty","isLoaded","record","getTitle","typeIcon","type","wp_pattern_sync_status","unsynced","as","children","open","openCommandCenter","onClick","event","stopPropagation","spacing","justify","size","primary"],"sources":["@wordpress/edit-site/src/components/header-edit-mode/document-actions/index.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport classnames from 'classnames';\n\n/**\n * WordPress dependencies\n */\nimport { __, isRTL } from '@wordpress/i18n';\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport {\n\tButton,\n\tVisuallyHidden,\n\t__experimentalText as Text,\n\t__experimentalHStack as HStack,\n} from '@wordpress/components';\nimport { BlockIcon } from '@wordpress/block-editor';\nimport { store as commandsStore } from '@wordpress/commands';\nimport {\n\tchevronLeftSmall,\n\tchevronRightSmall,\n\tpage as pageIcon,\n\tnavigation as navigationIcon,\n\tsymbol,\n} from '@wordpress/icons';\nimport { displayShortcut } from '@wordpress/keycodes';\nimport { store as coreStore } from '@wordpress/core-data';\nimport { store as editorStore } from '@wordpress/editor';\nimport { useRef, useState, useEffect } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport useEditedEntityRecord from '../../use-edited-entity-record';\nimport { store as editSiteStore } from '../../../store';\nimport {\n\tTEMPLATE_POST_TYPE,\n\tNAVIGATION_POST_TYPE,\n\tTEMPLATE_PART_POST_TYPE,\n\tPATTERN_TYPES,\n\tPATTERN_SYNC_TYPES,\n} from '../../../utils/constants';\n\nconst typeLabels = {\n\t[ PATTERN_TYPES.user ]: __( 'Editing pattern:' ),\n\t[ NAVIGATION_POST_TYPE ]: __( 'Editing navigation menu:' ),\n\t[ TEMPLATE_POST_TYPE ]: __( 'Editing template:' ),\n\t[ TEMPLATE_PART_POST_TYPE ]: __( 'Editing template part:' ),\n};\n\nexport default function DocumentActions() {\n\tconst isPage = useSelect(\n\t\t( select ) => select( editSiteStore ).isPage(),\n\t\t[]\n\t);\n\treturn isPage ? <PageDocumentActions /> : <TemplateDocumentActions />;\n}\n\nfunction PageDocumentActions() {\n\tconst { isEditingPage, hasResolved, isFound, title } = useSelect(\n\t\t( select ) => {\n\t\t\tconst { getEditedPostContext } = select( editSiteStore );\n\t\t\tconst { getEditedEntityRecord, hasFinishedResolution } =\n\t\t\t\tselect( coreStore );\n\t\t\tconst { getRenderingMode } = select( editorStore );\n\t\t\tconst context = getEditedPostContext();\n\t\t\tconst queryArgs = [ 'postType', context.postType, context.postId ];\n\t\t\tconst page = getEditedEntityRecord( ...queryArgs );\n\t\t\treturn {\n\t\t\t\tisEditingPage:\n\t\t\t\t\t!! context.postId && getRenderingMode() !== 'template-only',\n\t\t\t\thasResolved: hasFinishedResolution(\n\t\t\t\t\t'getEditedEntityRecord',\n\t\t\t\t\tqueryArgs\n\t\t\t\t),\n\t\t\t\tisFound: !! page,\n\t\t\t\ttitle: page?.title,\n\t\t\t};\n\t\t},\n\t\t[]\n\t);\n\n\tconst { setRenderingMode } = useDispatch( editorStore );\n\tconst [ isAnimated, setIsAnimated ] = useState( false );\n\tconst isLoading = useRef( true );\n\n\tuseEffect( () => {\n\t\tif ( ! isLoading.current ) {\n\t\t\tsetIsAnimated( true );\n\t\t}\n\t\tisLoading.current = false;\n\t}, [ isEditingPage ] );\n\n\tif ( ! hasResolved ) {\n\t\treturn null;\n\t}\n\n\tif ( ! isFound ) {\n\t\treturn (\n\t\t\t<div className=\"edit-site-document-actions\">\n\t\t\t\t{ __( 'Document not found' ) }\n\t\t\t</div>\n\t\t);\n\t}\n\n\treturn isEditingPage ? (\n\t\t<BaseDocumentActions\n\t\t\tclassName={ classnames( 'is-page', {\n\t\t\t\t'is-animated': isAnimated,\n\t\t\t} ) }\n\t\t\ticon={ pageIcon }\n\t\t>\n\t\t\t{ title }\n\t\t</BaseDocumentActions>\n\t) : (\n\t\t<TemplateDocumentActions\n\t\t\tclassName={ classnames( {\n\t\t\t\t'is-animated': isAnimated,\n\t\t\t} ) }\n\t\t\tonBack={ () => setRenderingMode( 'template-locked' ) }\n\t\t/>\n\t);\n}\n\nfunction TemplateDocumentActions( { className, onBack } ) {\n\tconst { isLoaded, record, getTitle, icon } = useEditedEntityRecord();\n\n\tif ( ! isLoaded ) {\n\t\treturn null;\n\t}\n\n\tif ( ! record ) {\n\t\treturn (\n\t\t\t<div className=\"edit-site-document-actions\">\n\t\t\t\t{ __( 'Document not found' ) }\n\t\t\t</div>\n\t\t);\n\t}\n\n\tlet typeIcon = icon;\n\tif ( record.type === NAVIGATION_POST_TYPE ) {\n\t\ttypeIcon = navigationIcon;\n\t} else if ( record.type === PATTERN_TYPES.user ) {\n\t\ttypeIcon = symbol;\n\t}\n\n\treturn (\n\t\t<BaseDocumentActions\n\t\t\tclassName={ classnames( className, {\n\t\t\t\t'is-synced-entity':\n\t\t\t\t\trecord.wp_pattern_sync_status !==\n\t\t\t\t\tPATTERN_SYNC_TYPES.unsynced,\n\t\t\t} ) }\n\t\t\ticon={ typeIcon }\n\t\t\tonBack={ onBack }\n\t\t>\n\t\t\t<VisuallyHidden as=\"span\">\n\t\t\t\t{ typeLabels[ record.type ] ??\n\t\t\t\t\ttypeLabels[ TEMPLATE_POST_TYPE ] }\n\t\t\t</VisuallyHidden>\n\t\t\t{ getTitle() }\n\t\t</BaseDocumentActions>\n\t);\n}\n\nfunction BaseDocumentActions( { className, icon, children, onBack } ) {\n\tconst { open: openCommandCenter } = useDispatch( commandsStore );\n\treturn (\n\t\t<div\n\t\t\tclassName={ classnames( 'edit-site-document-actions', className ) }\n\t\t>\n\t\t\t{ onBack && (\n\t\t\t\t<Button\n\t\t\t\t\tclassName=\"edit-site-document-actions__back\"\n\t\t\t\t\ticon={ isRTL() ? chevronRightSmall : chevronLeftSmall }\n\t\t\t\t\tonClick={ ( event ) => {\n\t\t\t\t\t\tevent.stopPropagation();\n\t\t\t\t\t\tonBack();\n\t\t\t\t\t} }\n\t\t\t\t>\n\t\t\t\t\t{ __( 'Back' ) }\n\t\t\t\t</Button>\n\t\t\t) }\n\t\t\t<Button\n\t\t\t\tclassName=\"edit-site-document-actions__command\"\n\t\t\t\tonClick={ () => openCommandCenter() }\n\t\t\t>\n\t\t\t\t<HStack\n\t\t\t\t\tclassName=\"edit-site-document-actions__title\"\n\t\t\t\t\tspacing={ 1 }\n\t\t\t\t\tjustify=\"center\"\n\t\t\t\t>\n\t\t\t\t\t<BlockIcon icon={ icon } />\n\t\t\t\t\t<Text size=\"body\" as=\"h1\">\n\t\t\t\t\t\t{ children }\n\t\t\t\t\t</Text>\n\t\t\t\t</HStack>\n\t\t\t\t<span className=\"edit-site-document-actions__shortcut\">\n\t\t\t\t\t{ displayShortcut.primary( 'k' ) }\n\t\t\t\t</span>\n\t\t\t</Button>\n\t\t</div>\n\t);\n}\n"],"mappings":"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"}