@wordpress/edit-site 5.22.0 → 5.23.0

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

@@ -8,8 +8,8 @@ import { getCoreRowModel, getFilteredRowModel, getSortedRowModel, getPaginationR
  * WordPress dependencies
  */
 import { __ } from '@wordpress/i18n';
-import { chevronDown, chevronUp, unseen, check, arrowUp, arrowDown } from '@wordpress/icons';
-import { Button, Icon, privateApis as componentsPrivateApis, VisuallyHidden } from '@wordpress/components';
+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';
 
 /**
@@ -21,7 +21,9 @@ const {
   DropdownMenuV2,
   DropdownMenuGroupV2,
   DropdownMenuItemV2,
-  DropdownMenuSeparatorV2
+  DropdownMenuSeparatorV2,
+  DropdownSubMenuV2,
+  DropdownSubMenuTriggerV2
 } = unlock(componentsPrivateApis);
 const EMPTY_OBJECT = {};
 const sortingItemsInfo = {
@@ -52,6 +54,17 @@ function HeaderMenu({
     return text;
   }
   const sortedDirection = header.column.getIsSorted();
+  let filter;
+  if (header.column.columnDef.filters?.length > 0 && header.column.columnDef.filters.some(f => 'string' === typeof f && f === 'in')) {
+    filter = {
+      field: header.column.columnDef.id,
+      elements: [{
+        value: '',
+        label: __('All')
+      }, ...(header.column.columnDef.elements || [])]
+    };
+  }
+  const isFilterable = !!filter;
   return createElement(DropdownMenuV2, {
     align: "start",
     trigger: createElement(Button, {
@@ -89,7 +102,52 @@ function HeaderMenu({
       event.preventDefault();
       header.column.getToggleVisibilityHandler()(event);
     }
-  }, __('Hide'))));
+  }, __('Hide')), isFilterable && createElement(DropdownMenuGroupV2, null, createElement(DropdownSubMenuV2, {
+    key: filter.field,
+    trigger: createElement(DropdownSubMenuTriggerV2, {
+      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);
+
+    // Set the empty item as active if the filter is not set.
+    if (!columnFilter && element.value === '') {
+      isActive = true;
+    }
+    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(DropdownMenuItemV2, {
+      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 !== 'in';
+        });
+        if (element.value === '') {
+          dataView.setColumnFilters(otherFilters);
+        } else {
+          dataView.setColumnFilters([...otherFilters, {
+            [filter.field + ':in']: element.value
+          }]);
+        }
+      }
+    }, element.label);
+  })))));
 }
 function WithSeparators({
   children
@@ -127,7 +185,7 @@ function ViewList({
     });
     if (actions?.length) {
       _columns.push({
-        header: createElement(VisuallyHidden, null, __('Actions')),
+        header: __('Actions'),
         id: 'actions',
         cell: props => {
           return createElement(ItemActions, {
@@ -149,6 +207,60 @@ function ViewList({
       [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 dataView = useReactTable({
     data,
     columns,
@@ -162,6 +274,7 @@ function ViewList({
         desc: view.sort.direction === 'desc'
       }] : [],
       globalFilter: view.search,
+      columnFilters: toTanStackColumnFilters(view.filters),
       pagination: {
         pageIndex: view.page,
         pageSize: view.perPage
@@ -211,7 +324,14 @@ function ViewList({
       onChangeView({
         ...view,
         search: value,
-        page: 0
+        page: 1
+      });
+    },
+    onColumnFiltersChange: columnFiltersUpdater => {
+      onChangeView({
+        ...view,
+        filters: fromTanStackColumnFilters(columnFiltersUpdater()),
+        page: 1
       });
     },
     onPaginationChange: paginationUpdater => {
@@ -256,7 +376,8 @@ function ViewList({
     style: {
       width: header.column.columnDef.width || undefined,
       maxWidth: header.column.columnDef.maxWidth || undefined
-    }
+    },
+    "data-field-id": header.id
   }, createElement(HeaderMenu, {
     dataView: dataView,
     header: header

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

@@ -1 +1 @@
-{"version":3,"names":["getCoreRowModel","getFilteredRowModel","getSortedRowModel","getPaginationRowModel","useReactTable","flexRender","__","chevronDown","chevronUp","unseen","check","arrowUp","arrowDown","Button","Icon","privateApis","componentsPrivateApis","VisuallyHidden","useMemo","Children","Fragment","unlock","ItemActions","DropdownMenuV2","DropdownMenuGroupV2","DropdownMenuItemV2","DropdownMenuSeparatorV2","EMPTY_OBJECT","sortingItemsInfo","asc","icon","label","desc","sortIcons","HeaderMenu","dataView","header","isPlaceholder","text","column","columnDef","getContext","isSortable","getCanSort","isHidable","getCanHide","sortedDirection","getIsSorted","createElement","align","trigger","iconPosition","style","padding","WithSeparators","Object","entries","map","direction","info","key","prefix","suffix","onSelect","event","preventDefault","resetSorting","setSorting","id","getToggleVisibilityHandler","children","toArray","filter","Boolean","child","i","ViewList","view","onChangeView","fields","actions","data","isLoading","paginationInfo","columns","_columns","field","render","getValue","cell","props","item","row","original","accessorFn","length","push","enableHiding","columnVisibility","hiddenFields","reduce","accumulator","fieldId","manualSorting","manualFiltering","manualPagination","enableRowSelection","state","sorting","sort","globalFilter","search","pagination","pageIndex","page","pageSize","perPage","onSortingChange","sortingUpdater","currentView","onColumnVisibilityChange","columnVisibilityUpdater","value","onGlobalFilterChange","onPaginationChange","paginationUpdater","pageCount","totalPages","rows","getRowModel","hasRows","className","getHeaderGroups","headerGroup","headers","colSpan","width","undefined","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 {\n\tchevronDown,\n\tchevronUp,\n\tunseen,\n\tcheck,\n\tarrowUp,\n\tarrowDown,\n} from '@wordpress/icons';\nimport {\n\tButton,\n\tIcon,\n\tprivateApis as componentsPrivateApis,\n\tVisuallyHidden,\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';\n\nconst {\n\tDropdownMenuV2,\n\tDropdownMenuGroupV2,\n\tDropdownMenuItemV2,\n\tDropdownMenuSeparatorV2,\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 };\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\treturn (\n\t\t<DropdownMenuV2\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<DropdownMenuGroupV2>\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<DropdownMenuItemV2\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</DropdownMenuItemV2>\n\t\t\t\t\t\t\t)\n\t\t\t\t\t\t) }\n\t\t\t\t\t</DropdownMenuGroupV2>\n\t\t\t\t) }\n\t\t\t\t{ isHidable && (\n\t\t\t\t\t<DropdownMenuItemV2\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</DropdownMenuItemV2>\n\t\t\t\t) }\n\t\t\t</WithSeparators>\n\t\t</DropdownMenuV2>\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 && <DropdownMenuSeparatorV2 /> }\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\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: <VisuallyHidden>{ __( 'Actions' ) }</VisuallyHidden>,\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\tconst dataView = useReactTable( {\n\t\tdata,\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\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\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: 0 } );\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\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>\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.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\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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"}
+{"version":3,"names":["getCoreRowModel","getFilteredRowModel","getSortedRowModel","getPaginationRowModel","useReactTable","flexRender","__","chevronDown","chevronUp","unseen","check","arrowUp","arrowDown","chevronRightSmall","funnel","Button","Icon","privateApis","componentsPrivateApis","useMemo","Children","Fragment","unlock","ItemActions","DropdownMenuV2","DropdownMenuGroupV2","DropdownMenuItemV2","DropdownMenuSeparatorV2","DropdownSubMenuV2","DropdownSubMenuTriggerV2","EMPTY_OBJECT","sortingItemsInfo","asc","icon","label","desc","sortIcons","HeaderMenu","dataView","header","isPlaceholder","text","column","columnDef","getContext","isSortable","getCanSort","isHidable","getCanHide","sortedDirection","getIsSorted","filter","filters","length","some","f","field","id","elements","value","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","keys","split","values","otherFilters","operator","setColumnFilters","children","toArray","Boolean","child","i","ViewList","view","onChangeView","fields","actions","data","isLoading","paginationInfo","columns","_columns","render","getValue","cell","props","item","row","original","accessorFn","push","enableHiding","columnVisibility","hiddenFields","reduce","accumulator","fieldId","toTanStackColumnFilters","fromTanStackColumnFilters","manualSorting","manualFiltering","manualPagination","enableRowSelection","state","sorting","sort","globalFilter","search","pagination","pageIndex","page","pageSize","perPage","onSortingChange","sortingUpdater","currentView","onColumnVisibilityChange","columnVisibilityUpdater","onGlobalFilterChange","onColumnFiltersChange","columnFiltersUpdater","onPaginationChange","paginationUpdater","pageCount","totalPages","rows","getRowModel","hasRows","className","getHeaderGroups","headerGroup","headers","colSpan","width","undefined","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 {\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';\n\nconst {\n\tDropdownMenuV2,\n\tDropdownMenuGroupV2,\n\tDropdownMenuItemV2,\n\tDropdownMenuSeparatorV2,\n\tDropdownSubMenuV2,\n\tDropdownSubMenuTriggerV2,\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 };\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 (\n\t\theader.column.columnDef.filters?.length > 0 &&\n\t\theader.column.columnDef.filters.some(\n\t\t\t( f ) => 'string' === typeof f && f === 'in'\n\t\t)\n\t) {\n\t\tfilter = {\n\t\t\tfield: header.column.columnDef.id,\n\t\t\telements: [\n\t\t\t\t{\n\t\t\t\t\tvalue: '',\n\t\t\t\t\tlabel: __( 'All' ),\n\t\t\t\t},\n\t\t\t\t...( header.column.columnDef.elements || [] ),\n\t\t\t],\n\t\t};\n\t}\n\tconst isFilterable = !! filter;\n\n\treturn (\n\t\t<DropdownMenuV2\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<DropdownMenuGroupV2>\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<DropdownMenuItemV2\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</DropdownMenuItemV2>\n\t\t\t\t\t\t\t)\n\t\t\t\t\t\t) }\n\t\t\t\t\t</DropdownMenuGroupV2>\n\t\t\t\t) }\n\t\t\t\t{ isHidable && (\n\t\t\t\t\t<DropdownMenuItemV2\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</DropdownMenuItemV2>\n\t\t\t\t) }\n\t\t\t\t{ isFilterable && (\n\t\t\t\t\t<DropdownMenuGroupV2>\n\t\t\t\t\t\t<DropdownSubMenuV2\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<DropdownSubMenuTriggerV2\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</DropdownSubMenuTriggerV2>\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\t// Set the empty item as active if the filter is not set.\n\t\t\t\t\t\t\t\tif ( ! columnFilter && element.value === '' ) {\n\t\t\t\t\t\t\t\t\tisActive = true;\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<DropdownMenuItemV2\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 !== '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\tif ( element.value === '' ) {\n\t\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\totherFilters\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} else {\n\t\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\t...otherFilters,\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\t\t[ filter.field +\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t':in' ]: element.value,\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\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</DropdownMenuItemV2>\n\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t} ) }\n\t\t\t\t\t\t</DropdownSubMenuV2>\n\t\t\t\t\t</DropdownMenuGroupV2>\n\t\t\t\t) }\n\t\t\t</WithSeparators>\n\t\t</DropdownMenuV2>\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 && <DropdownMenuSeparatorV2 /> }\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\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 dataView = useReactTable( {\n\t\tdata,\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\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\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.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\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

@@ -0,0 +1,12 @@
+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

@@ -0,0 +1 @@
+{"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/editor/index.js

@@ -7,22 +7,21 @@ import classnames from 'classnames';
 /**
  * WordPress dependencies
  */
-import { useMemo } from '@wordpress/element';
-import { useSelect, useDispatch } from '@wordpress/data';
+import { useSelect } from '@wordpress/data';
 import { Notice } from '@wordpress/components';
 import { useInstanceId } from '@wordpress/compose';
-import { EntityProvider } from '@wordpress/core-data';
 import { store as preferencesStore } from '@wordpress/preferences';
-import { BlockContextProvider, BlockBreadcrumb, store as blockEditorStore, privateApis as blockEditorPrivateApis } from '@wordpress/block-editor';
+import { BlockBreadcrumb, store as blockEditorStore, privateApis as blockEditorPrivateApis, BlockInspector } from '@wordpress/block-editor';
 import { InterfaceSkeleton, ComplementaryArea, store as interfaceStore } from '@wordpress/interface';
-import { EditorNotices, EditorSnackbars } from '@wordpress/editor';
+import { EditorNotices, EditorSnackbars, privateApis as editorPrivateApis } from '@wordpress/editor';
 import { __, sprintf } from '@wordpress/i18n';
+import { store as coreDataStore } from '@wordpress/core-data';
+import { useMemo } from '@wordpress/element';
 
 /**
  * Internal dependencies
  */
-import { SidebarComplementaryAreaFills } from '../sidebar-edit-mode';
-import BlockEditor from '../block-editor';
+import { SidebarComplementaryAreaFills, SidebarInspectorFill } from '../sidebar-edit-mode';
 import CodeEditor from '../code-editor';
 import KeyboardShortcutsEditMode from '../keyboard-shortcuts/edit-mode';
 import InserterSidebar from '../secondary-sidebar/inserter-sidebar';
@@ -38,9 +37,15 @@ import useEditedEntityRecord from '../use-edited-entity-record';
 import { SidebarFixedBottomSlot } from '../sidebar-edit-mode/sidebar-fixed-bottom';
 import PatternModal from '../pattern-modal';
 import { POST_TYPE_LABELS, TEMPLATE_POST_TYPE } from '../../utils/constants';
+import SiteEditorCanvas from '../block-editor/site-editor-canvas';
+import TemplatePartConverter from '../template-part-converter';
+import { useSpecificEditorSettings } from '../block-editor/use-site-editor-settings';
 const {
   BlockRemovalWarningModal
 } = unlock(blockEditorPrivateApis);
+const {
+  ExperimentalEditorProvider: EditorProvider
+} = unlock(editorPrivateApis);
 const interfaceLabels = {
   /* translators: accessibility text for the editor content landmark region. */
   body: __('Editor content'),
@@ -69,11 +74,11 @@ export default function Editor({
     isLoaded: hasLoadedPost
   } = useEditedEntityRecord();
   const {
-    id: editedPostId,
     type: editedPostType
   } = editedPost;
   const {
     context,
+    contextPost,
     editorMode,
     canvasMode,
     blockEditorMode,
@@ -82,7 +87,8 @@ export default function Editor({
     isListViewOpen,
     showIconLabels,
     showBlockBreadcrumbs,
-    hasPageContentFocus
+    hasPageContentFocus,
+    pageContentFocusType
   } = useSelect(select => {
     const {
       getEditedPostContext,
@@ -90,7 +96,8 @@ export default function Editor({
       getCanvasMode,
       isInserterOpened,
       isListViewOpened,
-      hasPageContentFocus: _hasPageContentFocus
+      hasPageContentFocus: _hasPageContentFocus,
+      getPageContentFocusType
     } = unlock(select(editSiteStore));
     const {
       __unstableGetEditorMode
@@ -98,11 +105,16 @@ export default function Editor({
     const {
       getActiveComplementaryArea
     } = select(interfaceStore);
+    const {
+      getEntityRecord
+    } = select(coreDataStore);
+    const _context = getEditedPostContext();
 
     // The currently selected entity to display.
     // Typically template or template part in the site editor.
     return {
-      context: getEditedPostContext(),
+      context: _context,
+      contextPost: _context?.postId ? getEntityRecord('postType', _context.postType, _context.postId) : undefined,
       editorMode: getEditorMode(),
       canvasMode: getCanvasMode(),
       blockEditorMode: __unstableGetEditorMode(),
@@ -111,12 +123,10 @@ export default function Editor({
       isRightSidebarOpen: getActiveComplementaryArea(editSiteStore.name),
       showIconLabels: select(preferencesStore).get('core/edit-site', 'showIconLabels'),
       showBlockBreadcrumbs: select(preferencesStore).get('core/edit-site', 'showBlockBreadcrumbs'),
-      hasPageContentFocus: _hasPageContentFocus()
+      hasPageContentFocus: _hasPageContentFocus(),
+      pageContentFocusType: getPageContentFocusType()
     };
   }, []);
-  const {
-    setEditedPostContext
-  } = useDispatch(editSiteStore);
   const isViewMode = canvasMode === 'view';
   const isEditMode = canvasMode === 'edit';
   const showVisualEditor = isViewMode || editorMode === 'visual';
@@ -124,25 +134,7 @@ export default function Editor({
   const shouldShowInserter = isEditMode && showVisualEditor && isInserterOpen;
   const shouldShowListView = isEditMode && showVisualEditor && isListViewOpen;
   const secondarySidebarLabel = isListViewOpen ? __('List View') : __('Block Library');
-  const blockContext = useMemo(() => {
-    const {
-      postType,
-      postId,
-      ...nonPostFields
-    } = context !== null && context !== void 0 ? context : {};
-    return {
-      ...(hasPageContentFocus ? context : nonPostFields),
-      queryContext: [context?.queryContext || {
-        page: 1
-      }, newQueryContext => setEditedPostContext({
-        ...context,
-        queryContext: {
-          ...context?.queryContext,
-          ...newQueryContext
-        }
-      })]
-    };
-  }, [hasPageContentFocus, context, setEditedPostContext]);
+  const postWithTemplate = context?.postId;
   let title;
   if (hasLoadedPost) {
     var _POST_TYPE_LABELS$edi;
@@ -155,36 +147,44 @@ export default function Editor({
   // action in <URLQueryController> from double-announcing.
   useTitle(hasLoadedPost && title);
   const loadingProgressId = useInstanceId(CanvasLoader, 'edit-site-editor__loading-progress');
-  const contentProps = isLoading ? {
-    'aria-busy': 'true',
-    'aria-describedby': loadingProgressId
-  } : undefined;
-  return createElement(Fragment, null, isLoading ? createElement(CanvasLoader, {
+  const settings = useSpecificEditorSettings();
+  const isReady = !isLoading && (postWithTemplate && !!contextPost && !!editedPost || !postWithTemplate && !!editedPost);
+  const mode = useMemo(() => {
+    if (isViewMode) {
+      return postWithTemplate ? 'template-locked' : 'all';
+    }
+    if (isEditMode && pageContentFocusType === 'hideTemplate') {
+      return 'post-only';
+    }
+    if (postWithTemplate && hasPageContentFocus) {
+      return 'template-locked';
+    }
+    if (postWithTemplate && !hasPageContentFocus) {
+      return 'template-only';
+    }
+    return 'all';
+  }, [isViewMode, isEditMode, postWithTemplate, pageContentFocusType, hasPageContentFocus]);
+  return createElement(Fragment, null, !isReady ? createElement(CanvasLoader, {
     id: loadingProgressId
-  }) : null, isEditMode && createElement(WelcomeGuide, null), createElement(EntityProvider, {
-    kind: "root",
-    type: "site"
-  }, createElement(EntityProvider, {
-    kind: "postType",
-    type: editedPostType,
-    id: editedPostId
-  }, createElement(BlockContextProvider, {
-    value: blockContext
+  }) : null, isEditMode && createElement(WelcomeGuide, null), hasLoadedPost && !editedPost && createElement(Notice, {
+    status: "warning",
+    isDismissible: false
+  }, __("You attempted to edit an item that doesn't exist. Perhaps it was deleted?")), isReady && createElement(EditorProvider, {
+    post: postWithTemplate ? contextPost : editedPost,
+    __unstableTemplate: postWithTemplate ? editedPost : undefined,
+    settings: settings,
+    useSubRegistry: false,
+    mode: mode
   }, createElement(SidebarComplementaryAreaFills, null), isEditMode && createElement(StartTemplateOptions, null), createElement(InterfaceSkeleton, {
     isDistractionFree: true,
     enableRegionNavigation: false,
     className: classnames('edit-site-editor__interface-skeleton', {
-      'show-icon-labels': showIconLabels,
-      'is-loading': isLoading
+      'show-icon-labels': showIconLabels
     }),
     notices: createElement(EditorSnackbars, null),
-    content: createElement(Fragment, null, createElement(GlobalStylesRenderer, null), isEditMode && createElement(EditorNotices, null), showVisualEditor && editedPost && createElement(Fragment, null, createElement(BlockEditor, null), createElement(BlockRemovalWarningModal, {
+    content: createElement(Fragment, null, createElement(GlobalStylesRenderer, null), isEditMode && createElement(EditorNotices, null), showVisualEditor && createElement(Fragment, null, createElement(TemplatePartConverter, null), createElement(SidebarInspectorFill, null, createElement(BlockInspector, null)), createElement(SiteEditorCanvas, null), createElement(BlockRemovalWarningModal, {
       rules: blockRemovalRules
-    }), createElement(PatternModal, null)), editorMode === 'text' && editedPost && isEditMode && createElement(CodeEditor, null), hasLoadedPost && !editedPost && createElement(Notice, {
-      status: "warning",
-      isDismissible: false
-    }, __("You attempted to edit an item that doesn't exist. Perhaps it was deleted?")), isEditMode && createElement(KeyboardShortcutsEditMode, null)),
-    contentProps: contentProps,
+    }), createElement(PatternModal, null)), editorMode === 'text' && isEditMode && createElement(CodeEditor, null), isEditMode && createElement(KeyboardShortcutsEditMode, null)),
     secondarySidebar: isEditMode && (shouldShowInserter && createElement(InserterSidebar, null) || shouldShowListView && createElement(ListViewSidebar, {
       listViewToggleElement: listViewToggleElement
     })),
@@ -198,6 +198,6 @@ export default function Editor({
       ...interfaceLabels,
       secondarySidebar: secondarySidebarLabel
     }
-  })))));
+  })));
 }
 //# sourceMappingURL=index.js.map