@wordpress/dataviews 0.3.0 → 0.4.0

package/build-module/view-table.js

@@ -2,15 +2,15 @@ import { createElement } from "react";
 /**
  * External dependencies
  */
-import classNames from 'classnames';
+import classnames from 'classnames';
 
 /**
  * WordPress dependencies
  */
-import { __ } from '@wordpress/i18n';
+import { __, sprintf } from '@wordpress/i18n';
 import { useAsyncList } from '@wordpress/compose';
 import { unseen, funnel } from '@wordpress/icons';
-import { Button, Icon, privateApis as componentsPrivateApis } from '@wordpress/components';
+import { Button, Icon, privateApis as componentsPrivateApis, CheckboxControl } from '@wordpress/components';
 import { Children, Fragment, forwardRef, useEffect, useId, useRef, useState } from '@wordpress/element';
 
 /**
@@ -175,6 +175,67 @@ function WithSeparators({
     key: i
   }, i > 0 && createElement(DropdownMenuSeparator, null), child));
 }
+function BulkSelectionCheckbox({
+  selection,
+  onSelectionChange,
+  data
+}) {
+  const areAllSelected = selection.length === data.length;
+  return createElement(CheckboxControl, {
+    className: "dataviews-view-table-selection-checkbox",
+    __nextHasNoMarginBottom: true,
+    checked: areAllSelected,
+    indeterminate: !areAllSelected && selection.length,
+    onChange: () => {
+      if (areAllSelected) {
+        onSelectionChange([]);
+      } else {
+        onSelectionChange(data);
+      }
+    },
+    label: areAllSelected ? __('Deselect all') : __('Select all')
+  });
+}
+function SingleSelectionCheckbox({
+  selection,
+  onSelectionChange,
+  item,
+  data,
+  getItemId,
+  primaryField
+}) {
+  const id = getItemId(item);
+  const isSelected = selection.includes(id);
+  let selectionLabel;
+  if (primaryField?.getValue && item) {
+    // eslint-disable-next-line @wordpress/valid-sprintf
+    selectionLabel = sprintf( /* translators: %s: item title. */
+    isSelected ? __('Deselect item: %s') : __('Select item: %s'), primaryField.getValue({
+      item
+    }));
+  } else {
+    selectionLabel = isSelected ? __('Select a new item') : __('Deselect item');
+  }
+  return createElement(CheckboxControl, {
+    className: "dataviews-view-table-selection-checkbox",
+    __nextHasNoMarginBottom: true,
+    checked: isSelected,
+    label: selectionLabel,
+    onChange: () => {
+      if (!isSelected) {
+        onSelectionChange(data.filter(_item => {
+          const itemId = getItemId?.(_item);
+          return itemId === id || selection.includes(itemId);
+        }));
+      } else {
+        onSelectionChange(data.filter(_item => {
+          const itemId = getItemId?.(_item);
+          return itemId !== id && selection.includes(itemId);
+        }));
+      }
+    }
+  });
+}
 function ViewTable({
   view,
   onChangeView,
@@ -183,8 +244,11 @@ function ViewTable({
   data,
   getItemId,
   isLoading = false,
-  deferredRendering
+  deferredRendering,
+  selection,
+  onSelectionChange
 }) {
+  const hasBulkActions = actions?.some(action => action.supportsBulk);
   const headerMenuRefs = useRef(new Map());
   const headerMenuToFocusRef = useRef();
   const [nextHeaderMenuToFocus, setNextHeaderMenuToFocus] = useState();
@@ -210,18 +274,35 @@ function ViewTable({
     const fallback = headerMenuRefs.current.get(hidden.fallback);
     setNextHeaderMenuToFocus(fallback?.node);
   };
-  const visibleFields = fields.filter(field => !view.hiddenFields.includes(field.id) && ![view.layout.mediaField, view.layout.primaryField].includes(field.id));
+  const visibleFields = fields.filter(field => !view.hiddenFields.includes(field.id) && ![view.layout.mediaField].includes(field.id));
   const usedData = deferredRendering ? asyncData : data;
   const hasData = !!usedData?.length;
   const sortValues = {
     asc: 'ascending',
     desc: 'descending'
   };
-  return createElement("div", null, createElement("table", {
+  const primaryField = fields.find(field => field.id === view.layout.primaryField);
+  return createElement("div", {
+    className: "dataviews-view-table-wrapper"
+  }, createElement("table", {
     className: "dataviews-view-table",
     "aria-busy": isLoading,
     "aria-describedby": tableNoticeId
-  }, createElement("thead", null, createElement("tr", null, visibleFields.map((field, index) => createElement("th", {
+  }, createElement("thead", null, createElement("tr", {
+    className: "dataviews-view-table__row"
+  }, hasBulkActions && createElement("th", {
+    className: "dataviews-view-table__checkbox-column",
+    style: {
+      width: 20,
+      minWidth: 20
+    },
+    "data-field-id": "selection",
+    scope: "col"
+  }, createElement(BulkSelectionCheckbox, {
+    selection: selection,
+    onSelectionChange: onSelectionChange,
+    data: data
+  })), visibleFields.map((field, index) => createElement("th", {
     key: field.id,
     style: {
       width: field.width || undefined,
@@ -247,25 +328,51 @@ function ViewTable({
     onChangeView: onChangeView,
     onHide: onHide
   }))), !!actions?.length && createElement("th", {
-    "data-field-id": "actions"
+    "data-field-id": "actions",
+    className: "dataviews-view-table__actions-column"
   }, createElement("span", {
     className: "dataviews-view-table-header"
-  }, __('Actions'))))), createElement("tbody", null, hasData && usedData.map(item => createElement("tr", {
-    key: getItemId(item)
-  }, visibleFields.map(field => createElement("td", {
+  }, __('Actions'))))), createElement("tbody", null, hasData && usedData.map((item, index) => createElement("tr", {
+    key: getItemId(item),
+    className: classnames('dataviews-view-table__row', {
+      'is-selected': selection.includes(getItemId(item) || index)
+    })
+  }, hasBulkActions && createElement("td", {
+    className: "dataviews-view-table__checkbox-column",
+    style: {
+      width: 20,
+      minWidth: 20
+    }
+  }, createElement("span", {
+    className: "dataviews-view-table__cell-content-wrapper"
+  }, createElement(SingleSelectionCheckbox, {
+    id: getItemId(item) || index,
+    item: item,
+    selection: selection,
+    onSelectionChange: onSelectionChange,
+    getItemId: getItemId,
+    data: data,
+    primaryField: primaryField
+  }))), visibleFields.map(field => createElement("td", {
     key: field.id,
     style: {
       width: field.width || undefined,
       minWidth: field.minWidth || undefined,
       maxWidth: field.maxWidth || undefined
     }
+  }, createElement("span", {
+    className: classnames('dataviews-view-table__cell-content-wrapper', {
+      'dataviews-view-table__primary-field': primaryField?.id === field.id
+    })
   }, field.render({
     item
-  }))), !!actions?.length && createElement("td", null, createElement(ItemActions, {
+  })))), !!actions?.length && createElement("td", {
+    className: "dataviews-view-table__actions-column"
+  }, createElement(ItemActions, {
     item: item,
     actions: actions
   })))))), createElement("div", {
-    className: classNames({
+    className: classnames({
       'dataviews-loading': isLoading,
       'dataviews-no-results': !hasData && !isLoading
     }),

package/build-module/view-table.js.map

@@ -1 +1 @@
-{"version":3,"names":["classNames","__","useAsyncList","unseen","funnel","Button","Icon","privateApis","componentsPrivateApis","Children","Fragment","forwardRef","useEffect","useId","useRef","useState","unlock","ItemActions","ENUMERATION_TYPE","OPERATORS","SORTING_DIRECTIONS","DropdownMenuRadioItemCustom","DropdownMenuV2","DropdownMenu","DropdownMenuGroupV2","DropdownMenuGroup","DropdownMenuItemV2","DropdownMenuItem","DropdownMenuRadioItemV2","DropdownMenuRadioItem","DropdownMenuSeparatorV2","DropdownMenuSeparator","DropdownMenuItemLabelV2","DropdownMenuItemLabel","DropdownMenuItemHelpTextV2","DropdownMenuItemHelpText","sortArrows","asc","desc","sanitizeOperators","field","operators","filterBy","Array","isArray","Object","keys","filter","operator","includes","HeaderMenu","view","onChangeView","onHide","ref","isHidable","enableHiding","isSortable","enableSorting","isSorted","sort","id","filterInView","activeElement","activeOperator","otherFilters","type","length","elements","filters","find","f","element","value","isFilterable","header","createElement","align","trigger","size","className","variant","direction","style","minWidth","WithSeparators","entries","map","info","isChecked","key","name","checked","onChange","label","prefix","icon","onClick","hiddenFields","concat","suffix","isActive","page","undefined","description","e","target","children","toArray","Boolean","child","i","ViewTable","fields","actions","data","getItemId","isLoading","deferredRendering","headerMenuRefs","Map","headerMenuToFocusRef","nextHeaderMenuToFocus","setNextHeaderMenuToFocus","current","focus","asyncData","tableNoticeId","hidden","get","fallback","node","visibleFields","layout","mediaField","primaryField","usedData","hasData","sortValues","index","width","maxWidth","scope","set","delete","item","render"],"sources":["@wordpress/dataviews/src/view-table.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport classNames from 'classnames';\n\n/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { useAsyncList } from '@wordpress/compose';\nimport { unseen, funnel } from '@wordpress/icons';\nimport {\n\tButton,\n\tIcon,\n\tprivateApis as componentsPrivateApis,\n} from '@wordpress/components';\nimport {\n\tChildren,\n\tFragment,\n\tforwardRef,\n\tuseEffect,\n\tuseId,\n\tuseRef,\n\tuseState,\n} from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport { unlock } from './lock-unlock';\nimport ItemActions from './item-actions';\nimport { ENUMERATION_TYPE, OPERATORS, SORTING_DIRECTIONS } from './constants';\nimport { DropdownMenuRadioItemCustom } from './dropdown-menu-helper';\n\nconst {\n\tDropdownMenuV2: DropdownMenu,\n\tDropdownMenuGroupV2: DropdownMenuGroup,\n\tDropdownMenuItemV2: DropdownMenuItem,\n\tDropdownMenuRadioItemV2: DropdownMenuRadioItem,\n\tDropdownMenuSeparatorV2: DropdownMenuSeparator,\n\tDropdownMenuItemLabelV2: DropdownMenuItemLabel,\n\tDropdownMenuItemHelpTextV2: DropdownMenuItemHelpText,\n} = unlock( componentsPrivateApis );\n\nconst sortArrows = { asc: '↑', desc: '↓' };\n\nconst sanitizeOperators = ( field ) => {\n\tlet operators = field.filterBy?.operators;\n\tif ( ! operators || ! Array.isArray( operators ) ) {\n\t\toperators = Object.keys( OPERATORS );\n\t}\n\treturn operators.filter( ( operator ) =>\n\t\tObject.keys( OPERATORS ).includes( operator )\n\t);\n};\n\nconst HeaderMenu = forwardRef( function HeaderMenu(\n\t{ field, view, onChangeView, onHide },\n\tref\n) {\n\tconst isHidable = field.enableHiding !== false;\n\n\tconst isSortable = field.enableSorting !== false;\n\tconst isSorted = view.sort?.field === field.id;\n\n\tlet filter, filterInView, activeElement, activeOperator, otherFilters;\n\tconst operators = sanitizeOperators( field );\n\tif ( field.type === ENUMERATION_TYPE && operators.length > 0 ) {\n\t\tfilter = {\n\t\t\tfield: field.id,\n\t\t\toperators,\n\t\t\telements: field.elements || [],\n\t\t};\n\t\tfilterInView = view.filters.find( ( f ) => f.field === filter.field );\n\t\totherFilters = view.filters.filter( ( f ) => f.field !== filter.field );\n\t\tactiveElement = filter.elements.find(\n\t\t\t( element ) => element.value === filterInView?.value\n\t\t);\n\t\tactiveOperator = filterInView?.operator || filter.operators[ 0 ];\n\t}\n\tconst isFilterable = !! filter;\n\n\tif ( ! isSortable && ! isHidable && ! isFilterable ) {\n\t\treturn field.header;\n\t}\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\tsize=\"compact\"\n\t\t\t\t\tclassName=\"dataviews-view-table-header-button\"\n\t\t\t\t\tref={ ref }\n\t\t\t\t\tvariant=\"tertiary\"\n\t\t\t\t>\n\t\t\t\t\t{ field.header }\n\t\t\t\t\t{ isSorted && (\n\t\t\t\t\t\t<span aria-hidden=\"true\">\n\t\t\t\t\t\t\t{ isSorted && sortArrows[ view.sort.direction ] }\n\t\t\t\t\t\t</span>\n\t\t\t\t\t) }\n\t\t\t\t</Button>\n\t\t\t}\n\t\t\tstyle={ { minWidth: '240px' } }\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( SORTING_DIRECTIONS ).map(\n\t\t\t\t\t\t\t( [ direction, info ] ) => {\n\t\t\t\t\t\t\t\tconst isChecked =\n\t\t\t\t\t\t\t\t\tisSorted &&\n\t\t\t\t\t\t\t\t\tview.sort.direction === direction;\n\n\t\t\t\t\t\t\t\tconst value = `${ field.id }-${ direction }`;\n\n\t\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t\t<DropdownMenuRadioItem\n\t\t\t\t\t\t\t\t\t\tkey={ value }\n\t\t\t\t\t\t\t\t\t\t// All sorting radio items share the same name, so that\n\t\t\t\t\t\t\t\t\t\t// selecting a sorting option automatically deselects the\n\t\t\t\t\t\t\t\t\t\t// previously selected one, even if it is displayed in\n\t\t\t\t\t\t\t\t\t\t// another submenu. The field and direction are passed via\n\t\t\t\t\t\t\t\t\t\t// the `value` prop.\n\t\t\t\t\t\t\t\t\t\tname=\"view-table-sorting\"\n\t\t\t\t\t\t\t\t\t\tvalue={ value }\n\t\t\t\t\t\t\t\t\t\tchecked={ isChecked }\n\t\t\t\t\t\t\t\t\t\tonChange={ () => {\n\t\t\t\t\t\t\t\t\t\t\tonChangeView( {\n\t\t\t\t\t\t\t\t\t\t\t\t...view,\n\t\t\t\t\t\t\t\t\t\t\t\tsort: {\n\t\t\t\t\t\t\t\t\t\t\t\t\tfield: field.id,\n\t\t\t\t\t\t\t\t\t\t\t\t\tdirection,\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<DropdownMenuItemLabel>\n\t\t\t\t\t\t\t\t\t\t\t{ info.label }\n\t\t\t\t\t\t\t\t\t\t</DropdownMenuItemLabel>\n\t\t\t\t\t\t\t\t\t</DropdownMenuRadioItem>\n\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t) }\n\t\t\t\t\t</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\tonClick={ () => {\n\t\t\t\t\t\t\tonHide( field );\n\t\t\t\t\t\t\tonChangeView( {\n\t\t\t\t\t\t\t\t...view,\n\t\t\t\t\t\t\t\thiddenFields: view.hiddenFields.concat(\n\t\t\t\t\t\t\t\t\tfield.id\n\t\t\t\t\t\t\t\t),\n\t\t\t\t\t\t\t} );\n\t\t\t\t\t\t} }\n\t\t\t\t\t>\n\t\t\t\t\t\t<DropdownMenuItemLabel>\n\t\t\t\t\t\t\t{ __( 'Hide' ) }\n\t\t\t\t\t\t</DropdownMenuItemLabel>\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<DropdownMenu\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<DropdownMenuItem\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\tactiveElement && (\n\t\t\t\t\t\t\t\t\t\t\t<span aria-hidden=\"true\">\n\t\t\t\t\t\t\t\t\t\t\t\t{ activeOperator in OPERATORS &&\n\t\t\t\t\t\t\t\t\t\t\t\t\t`${ OPERATORS[ activeOperator ].label } ` }\n\t\t\t\t\t\t\t\t\t\t\t\t{ activeElement?.label }\n\t\t\t\t\t\t\t\t\t\t\t</span>\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<DropdownMenuItemLabel>\n\t\t\t\t\t\t\t\t\t\t{ __( 'Filter by' ) }\n\t\t\t\t\t\t\t\t\t</DropdownMenuItemLabel>\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\t\t<WithSeparators>\n\t\t\t\t\t\t\t\t<DropdownMenuGroup>\n\t\t\t\t\t\t\t\t\t{ filter.elements.map( ( element ) => {\n\t\t\t\t\t\t\t\t\t\tconst isActive =\n\t\t\t\t\t\t\t\t\t\t\tactiveElement?.value ===\n\t\t\t\t\t\t\t\t\t\t\telement.value;\n\t\t\t\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t\t\t\t<DropdownMenuRadioItemCustom\n\t\t\t\t\t\t\t\t\t\t\t\tkey={ element.value }\n\t\t\t\t\t\t\t\t\t\t\t\tname={ `view-table-${ filter.field }` }\n\t\t\t\t\t\t\t\t\t\t\t\tvalue={ element.value }\n\t\t\t\t\t\t\t\t\t\t\t\tchecked={ isActive }\n\t\t\t\t\t\t\t\t\t\t\t\tonClick={ () => {\n\t\t\t\t\t\t\t\t\t\t\t\t\tonChangeView( {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t...view,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tpage: 1,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tfilters: [\n\t\t\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\t\t{\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tfield: filter.field,\n\t\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\t\tactiveOperator,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tvalue: isActive\n\t\t\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\t\t: element.value,\n\t\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],\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\t\t<DropdownMenuItemLabel>\n\t\t\t\t\t\t\t\t\t\t\t\t\t{ element.label }\n\t\t\t\t\t\t\t\t\t\t\t\t</DropdownMenuItemLabel>\n\t\t\t\t\t\t\t\t\t\t\t\t{ !! element.description && (\n\t\t\t\t\t\t\t\t\t\t\t\t\t<DropdownMenuItemHelpText>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t{ element.description }\n\t\t\t\t\t\t\t\t\t\t\t\t\t</DropdownMenuItemHelpText>\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</DropdownMenuRadioItemCustom>\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</DropdownMenuGroup>\n\t\t\t\t\t\t\t\t{ filter.operators.length > 1 && (\n\t\t\t\t\t\t\t\t\t<DropdownMenu\n\t\t\t\t\t\t\t\t\t\ttrigger={\n\t\t\t\t\t\t\t\t\t\t\t<DropdownMenuItem\n\t\t\t\t\t\t\t\t\t\t\t\tsuffix={\n\t\t\t\t\t\t\t\t\t\t\t\t\t<span aria-hidden=\"true\">\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\tOPERATORS[\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tactiveOperator\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t]?.label\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</span>\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\t\t<DropdownMenuItemLabel>\n\t\t\t\t\t\t\t\t\t\t\t\t\t{ __( 'Conditions' ) }\n\t\t\t\t\t\t\t\t\t\t\t\t</DropdownMenuItemLabel>\n\t\t\t\t\t\t\t\t\t\t\t</DropdownMenuItem>\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{ Object.entries( OPERATORS ).map(\n\t\t\t\t\t\t\t\t\t\t\t( [\n\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{ label, key },\n\t\t\t\t\t\t\t\t\t\t\t] ) => (\n\t\t\t\t\t\t\t\t\t\t\t\t<DropdownMenuRadioItem\n\t\t\t\t\t\t\t\t\t\t\t\t\tkey={ key }\n\t\t\t\t\t\t\t\t\t\t\t\t\tname={ `view-table-${ filter.field }-conditions` }\n\t\t\t\t\t\t\t\t\t\t\t\t\tvalue={ operator }\n\t\t\t\t\t\t\t\t\t\t\t\t\tchecked={\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tactiveOperator ===\n\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}\n\t\t\t\t\t\t\t\t\t\t\t\t\tonChange={ ( e ) =>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tonChangeView( {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t...view,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tpage: 1,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tfilters: [\n\t\t\t\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\t\t\t{\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tfield: filter.field,\n\t\t\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\t\t\te.target\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t.value,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tvalue: filterInView?.value,\n\t\t\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\t],\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\t\t\t\t\t\t\t\t\t\t\t\t\t<DropdownMenuItemLabel>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t{ label }\n\t\t\t\t\t\t\t\t\t\t\t\t\t</DropdownMenuItemLabel>\n\t\t\t\t\t\t\t\t\t\t\t\t</DropdownMenuRadioItem>\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</DropdownMenu>\n\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t</WithSeparators>\n\t\t\t\t\t\t</DropdownMenu>\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 ViewTable( {\n\tview,\n\tonChangeView,\n\tfields,\n\tactions,\n\tdata,\n\tgetItemId,\n\tisLoading = false,\n\tdeferredRendering,\n} ) {\n\tconst headerMenuRefs = useRef( new Map() );\n\tconst headerMenuToFocusRef = useRef();\n\tconst [ nextHeaderMenuToFocus, setNextHeaderMenuToFocus ] = useState();\n\n\tuseEffect( () => {\n\t\tif ( headerMenuToFocusRef.current ) {\n\t\t\theaderMenuToFocusRef.current.focus();\n\t\t\theaderMenuToFocusRef.current = undefined;\n\t\t}\n\t} );\n\n\tconst asyncData = useAsyncList( data );\n\tconst tableNoticeId = useId();\n\n\tif ( nextHeaderMenuToFocus ) {\n\t\t// If we need to force focus, we short-circuit rendering here\n\t\t// to prevent any additional work while we handle that.\n\t\t// Clearing out the focus directive is necessary to make sure\n\t\t// future renders don't cause unexpected focus jumps.\n\t\theaderMenuToFocusRef.current = nextHeaderMenuToFocus;\n\t\tsetNextHeaderMenuToFocus();\n\t\treturn;\n\t}\n\n\tconst onHide = ( field ) => {\n\t\tconst hidden = headerMenuRefs.current.get( field.id );\n\t\tconst fallback = headerMenuRefs.current.get( hidden.fallback );\n\t\tsetNextHeaderMenuToFocus( fallback?.node );\n\t};\n\tconst visibleFields = fields.filter(\n\t\t( field ) =>\n\t\t\t! view.hiddenFields.includes( field.id ) &&\n\t\t\t! [ view.layout.mediaField, view.layout.primaryField ].includes(\n\t\t\t\tfield.id\n\t\t\t)\n\t);\n\tconst usedData = deferredRendering ? asyncData : data;\n\tconst hasData = !! usedData?.length;\n\tconst sortValues = { asc: 'ascending', desc: 'descending' };\n\n\treturn (\n\t\t<div>\n\t\t\t<table\n\t\t\t\tclassName=\"dataviews-view-table\"\n\t\t\t\taria-busy={ isLoading }\n\t\t\t\taria-describedby={ tableNoticeId }\n\t\t\t>\n\t\t\t\t<thead>\n\t\t\t\t\t<tr>\n\t\t\t\t\t\t{ visibleFields.map( ( field, index ) => (\n\t\t\t\t\t\t\t<th\n\t\t\t\t\t\t\t\tkey={ field.id }\n\t\t\t\t\t\t\t\tstyle={ {\n\t\t\t\t\t\t\t\t\twidth: field.width || undefined,\n\t\t\t\t\t\t\t\t\tminWidth: field.minWidth || undefined,\n\t\t\t\t\t\t\t\t\tmaxWidth: field.maxWidth || undefined,\n\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t\tdata-field-id={ field.id }\n\t\t\t\t\t\t\t\taria-sort={\n\t\t\t\t\t\t\t\t\tview.sort?.field === field.id &&\n\t\t\t\t\t\t\t\t\tsortValues[ view.sort.direction ]\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\tscope=\"col\"\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<HeaderMenu\n\t\t\t\t\t\t\t\t\tref={ ( node ) => {\n\t\t\t\t\t\t\t\t\t\tif ( node ) {\n\t\t\t\t\t\t\t\t\t\t\theaderMenuRefs.current.set(\n\t\t\t\t\t\t\t\t\t\t\t\tfield.id,\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\tnode,\n\t\t\t\t\t\t\t\t\t\t\t\t\tfallback:\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tvisibleFields[\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tindex > 0\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t? index - 1\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t: 1\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t]?.id,\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} else {\n\t\t\t\t\t\t\t\t\t\t\theaderMenuRefs.current.delete(\n\t\t\t\t\t\t\t\t\t\t\t\tfield.id\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\tfield={ field }\n\t\t\t\t\t\t\t\t\tview={ view }\n\t\t\t\t\t\t\t\t\tonChangeView={ onChangeView }\n\t\t\t\t\t\t\t\t\tonHide={ onHide }\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t</th>\n\t\t\t\t\t\t) ) }\n\t\t\t\t\t\t{ !! actions?.length && (\n\t\t\t\t\t\t\t<th data-field-id=\"actions\">\n\t\t\t\t\t\t\t\t<span className=\"dataviews-view-table-header\">\n\t\t\t\t\t\t\t\t\t{ __( 'Actions' ) }\n\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t</th>\n\t\t\t\t\t\t) }\n\t\t\t\t\t</tr>\n\t\t\t\t</thead>\n\t\t\t\t<tbody>\n\t\t\t\t\t{ hasData &&\n\t\t\t\t\t\tusedData.map( ( item ) => (\n\t\t\t\t\t\t\t<tr key={ getItemId( item ) }>\n\t\t\t\t\t\t\t\t{ visibleFields.map( ( field ) => (\n\t\t\t\t\t\t\t\t\t<td\n\t\t\t\t\t\t\t\t\t\tkey={ field.id }\n\t\t\t\t\t\t\t\t\t\tstyle={ {\n\t\t\t\t\t\t\t\t\t\t\twidth: field.width || undefined,\n\t\t\t\t\t\t\t\t\t\t\tminWidth:\n\t\t\t\t\t\t\t\t\t\t\t\tfield.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\tfield.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{ field.render( {\n\t\t\t\t\t\t\t\t\t\t\titem,\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\t{ !! actions?.length && (\n\t\t\t\t\t\t\t\t\t<td>\n\t\t\t\t\t\t\t\t\t\t<ItemActions\n\t\t\t\t\t\t\t\t\t\t\titem={ item }\n\t\t\t\t\t\t\t\t\t\t\tactions={ actions }\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</tbody>\n\t\t\t</table>\n\t\t\t<div\n\t\t\t\tclassName={ classNames( {\n\t\t\t\t\t'dataviews-loading': isLoading,\n\t\t\t\t\t'dataviews-no-results': ! hasData && ! isLoading,\n\t\t\t\t} ) }\n\t\t\t\tid={ tableNoticeId }\n\t\t\t>\n\t\t\t\t{ ! hasData && (\n\t\t\t\t\t<p>{ isLoading ? __( 'Loading…' ) : __( 'No results' ) }</p>\n\t\t\t\t) }\n\t\t\t</div>\n\t\t</div>\n\t);\n}\n\nexport default ViewTable;\n"],"mappings":"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"}
+{"version":3,"names":["classnames","__","sprintf","useAsyncList","unseen","funnel","Button","Icon","privateApis","componentsPrivateApis","CheckboxControl","Children","Fragment","forwardRef","useEffect","useId","useRef","useState","unlock","ItemActions","ENUMERATION_TYPE","OPERATORS","SORTING_DIRECTIONS","DropdownMenuRadioItemCustom","DropdownMenuV2","DropdownMenu","DropdownMenuGroupV2","DropdownMenuGroup","DropdownMenuItemV2","DropdownMenuItem","DropdownMenuRadioItemV2","DropdownMenuRadioItem","DropdownMenuSeparatorV2","DropdownMenuSeparator","DropdownMenuItemLabelV2","DropdownMenuItemLabel","DropdownMenuItemHelpTextV2","DropdownMenuItemHelpText","sortArrows","asc","desc","sanitizeOperators","field","operators","filterBy","Array","isArray","Object","keys","filter","operator","includes","HeaderMenu","view","onChangeView","onHide","ref","isHidable","enableHiding","isSortable","enableSorting","isSorted","sort","id","filterInView","activeElement","activeOperator","otherFilters","type","length","elements","filters","find","f","element","value","isFilterable","header","createElement","align","trigger","size","className","variant","direction","style","minWidth","WithSeparators","entries","map","info","isChecked","key","name","checked","onChange","label","prefix","icon","onClick","hiddenFields","concat","suffix","isActive","page","undefined","description","e","target","children","toArray","Boolean","child","i","BulkSelectionCheckbox","selection","onSelectionChange","data","areAllSelected","__nextHasNoMarginBottom","indeterminate","SingleSelectionCheckbox","item","getItemId","primaryField","isSelected","selectionLabel","getValue","_item","itemId","ViewTable","fields","actions","isLoading","deferredRendering","hasBulkActions","some","action","supportsBulk","headerMenuRefs","Map","headerMenuToFocusRef","nextHeaderMenuToFocus","setNextHeaderMenuToFocus","current","focus","asyncData","tableNoticeId","hidden","get","fallback","node","visibleFields","layout","mediaField","usedData","hasData","sortValues","width","scope","index","maxWidth","set","delete","render"],"sources":["@wordpress/dataviews/src/view-table.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport classnames from 'classnames';\n\n/**\n * WordPress dependencies\n */\nimport { __, sprintf } from '@wordpress/i18n';\nimport { useAsyncList } from '@wordpress/compose';\nimport { unseen, funnel } from '@wordpress/icons';\nimport {\n\tButton,\n\tIcon,\n\tprivateApis as componentsPrivateApis,\n\tCheckboxControl,\n} from '@wordpress/components';\nimport {\n\tChildren,\n\tFragment,\n\tforwardRef,\n\tuseEffect,\n\tuseId,\n\tuseRef,\n\tuseState,\n} from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport { unlock } from './lock-unlock';\nimport ItemActions from './item-actions';\nimport { ENUMERATION_TYPE, OPERATORS, SORTING_DIRECTIONS } from './constants';\nimport { DropdownMenuRadioItemCustom } from './dropdown-menu-helper';\n\nconst {\n\tDropdownMenuV2: DropdownMenu,\n\tDropdownMenuGroupV2: DropdownMenuGroup,\n\tDropdownMenuItemV2: DropdownMenuItem,\n\tDropdownMenuRadioItemV2: DropdownMenuRadioItem,\n\tDropdownMenuSeparatorV2: DropdownMenuSeparator,\n\tDropdownMenuItemLabelV2: DropdownMenuItemLabel,\n\tDropdownMenuItemHelpTextV2: DropdownMenuItemHelpText,\n} = unlock( componentsPrivateApis );\n\nconst sortArrows = { asc: '↑', desc: '↓' };\n\nconst sanitizeOperators = ( field ) => {\n\tlet operators = field.filterBy?.operators;\n\tif ( ! operators || ! Array.isArray( operators ) ) {\n\t\toperators = Object.keys( OPERATORS );\n\t}\n\treturn operators.filter( ( operator ) =>\n\t\tObject.keys( OPERATORS ).includes( operator )\n\t);\n};\n\nconst HeaderMenu = forwardRef( function HeaderMenu(\n\t{ field, view, onChangeView, onHide },\n\tref\n) {\n\tconst isHidable = field.enableHiding !== false;\n\n\tconst isSortable = field.enableSorting !== false;\n\tconst isSorted = view.sort?.field === field.id;\n\n\tlet filter, filterInView, activeElement, activeOperator, otherFilters;\n\tconst operators = sanitizeOperators( field );\n\tif ( field.type === ENUMERATION_TYPE && operators.length > 0 ) {\n\t\tfilter = {\n\t\t\tfield: field.id,\n\t\t\toperators,\n\t\t\telements: field.elements || [],\n\t\t};\n\t\tfilterInView = view.filters.find( ( f ) => f.field === filter.field );\n\t\totherFilters = view.filters.filter( ( f ) => f.field !== filter.field );\n\t\tactiveElement = filter.elements.find(\n\t\t\t( element ) => element.value === filterInView?.value\n\t\t);\n\t\tactiveOperator = filterInView?.operator || filter.operators[ 0 ];\n\t}\n\tconst isFilterable = !! filter;\n\n\tif ( ! isSortable && ! isHidable && ! isFilterable ) {\n\t\treturn field.header;\n\t}\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\tsize=\"compact\"\n\t\t\t\t\tclassName=\"dataviews-view-table-header-button\"\n\t\t\t\t\tref={ ref }\n\t\t\t\t\tvariant=\"tertiary\"\n\t\t\t\t>\n\t\t\t\t\t{ field.header }\n\t\t\t\t\t{ isSorted && (\n\t\t\t\t\t\t<span aria-hidden=\"true\">\n\t\t\t\t\t\t\t{ isSorted && sortArrows[ view.sort.direction ] }\n\t\t\t\t\t\t</span>\n\t\t\t\t\t) }\n\t\t\t\t</Button>\n\t\t\t}\n\t\t\tstyle={ { minWidth: '240px' } }\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( SORTING_DIRECTIONS ).map(\n\t\t\t\t\t\t\t( [ direction, info ] ) => {\n\t\t\t\t\t\t\t\tconst isChecked =\n\t\t\t\t\t\t\t\t\tisSorted &&\n\t\t\t\t\t\t\t\t\tview.sort.direction === direction;\n\n\t\t\t\t\t\t\t\tconst value = `${ field.id }-${ direction }`;\n\n\t\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t\t<DropdownMenuRadioItem\n\t\t\t\t\t\t\t\t\t\tkey={ value }\n\t\t\t\t\t\t\t\t\t\t// All sorting radio items share the same name, so that\n\t\t\t\t\t\t\t\t\t\t// selecting a sorting option automatically deselects the\n\t\t\t\t\t\t\t\t\t\t// previously selected one, even if it is displayed in\n\t\t\t\t\t\t\t\t\t\t// another submenu. The field and direction are passed via\n\t\t\t\t\t\t\t\t\t\t// the `value` prop.\n\t\t\t\t\t\t\t\t\t\tname=\"view-table-sorting\"\n\t\t\t\t\t\t\t\t\t\tvalue={ value }\n\t\t\t\t\t\t\t\t\t\tchecked={ isChecked }\n\t\t\t\t\t\t\t\t\t\tonChange={ () => {\n\t\t\t\t\t\t\t\t\t\t\tonChangeView( {\n\t\t\t\t\t\t\t\t\t\t\t\t...view,\n\t\t\t\t\t\t\t\t\t\t\t\tsort: {\n\t\t\t\t\t\t\t\t\t\t\t\t\tfield: field.id,\n\t\t\t\t\t\t\t\t\t\t\t\t\tdirection,\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<DropdownMenuItemLabel>\n\t\t\t\t\t\t\t\t\t\t\t{ info.label }\n\t\t\t\t\t\t\t\t\t\t</DropdownMenuItemLabel>\n\t\t\t\t\t\t\t\t\t</DropdownMenuRadioItem>\n\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t) }\n\t\t\t\t\t</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\tonClick={ () => {\n\t\t\t\t\t\t\tonHide( field );\n\t\t\t\t\t\t\tonChangeView( {\n\t\t\t\t\t\t\t\t...view,\n\t\t\t\t\t\t\t\thiddenFields: view.hiddenFields.concat(\n\t\t\t\t\t\t\t\t\tfield.id\n\t\t\t\t\t\t\t\t),\n\t\t\t\t\t\t\t} );\n\t\t\t\t\t\t} }\n\t\t\t\t\t>\n\t\t\t\t\t\t<DropdownMenuItemLabel>\n\t\t\t\t\t\t\t{ __( 'Hide' ) }\n\t\t\t\t\t\t</DropdownMenuItemLabel>\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<DropdownMenu\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<DropdownMenuItem\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\tactiveElement && (\n\t\t\t\t\t\t\t\t\t\t\t<span aria-hidden=\"true\">\n\t\t\t\t\t\t\t\t\t\t\t\t{ activeOperator in OPERATORS &&\n\t\t\t\t\t\t\t\t\t\t\t\t\t`${ OPERATORS[ activeOperator ].label } ` }\n\t\t\t\t\t\t\t\t\t\t\t\t{ activeElement?.label }\n\t\t\t\t\t\t\t\t\t\t\t</span>\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<DropdownMenuItemLabel>\n\t\t\t\t\t\t\t\t\t\t{ __( 'Filter by' ) }\n\t\t\t\t\t\t\t\t\t</DropdownMenuItemLabel>\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\t\t<WithSeparators>\n\t\t\t\t\t\t\t\t<DropdownMenuGroup>\n\t\t\t\t\t\t\t\t\t{ filter.elements.map( ( element ) => {\n\t\t\t\t\t\t\t\t\t\tconst isActive =\n\t\t\t\t\t\t\t\t\t\t\tactiveElement?.value ===\n\t\t\t\t\t\t\t\t\t\t\telement.value;\n\t\t\t\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t\t\t\t<DropdownMenuRadioItemCustom\n\t\t\t\t\t\t\t\t\t\t\t\tkey={ element.value }\n\t\t\t\t\t\t\t\t\t\t\t\tname={ `view-table-${ filter.field }` }\n\t\t\t\t\t\t\t\t\t\t\t\tvalue={ element.value }\n\t\t\t\t\t\t\t\t\t\t\t\tchecked={ isActive }\n\t\t\t\t\t\t\t\t\t\t\t\tonClick={ () => {\n\t\t\t\t\t\t\t\t\t\t\t\t\tonChangeView( {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t...view,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tpage: 1,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tfilters: [\n\t\t\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\t\t{\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tfield: filter.field,\n\t\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\t\tactiveOperator,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tvalue: isActive\n\t\t\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\t\t: element.value,\n\t\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],\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\t\t<DropdownMenuItemLabel>\n\t\t\t\t\t\t\t\t\t\t\t\t\t{ element.label }\n\t\t\t\t\t\t\t\t\t\t\t\t</DropdownMenuItemLabel>\n\t\t\t\t\t\t\t\t\t\t\t\t{ !! element.description && (\n\t\t\t\t\t\t\t\t\t\t\t\t\t<DropdownMenuItemHelpText>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t{ element.description }\n\t\t\t\t\t\t\t\t\t\t\t\t\t</DropdownMenuItemHelpText>\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</DropdownMenuRadioItemCustom>\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</DropdownMenuGroup>\n\t\t\t\t\t\t\t\t{ filter.operators.length > 1 && (\n\t\t\t\t\t\t\t\t\t<DropdownMenu\n\t\t\t\t\t\t\t\t\t\ttrigger={\n\t\t\t\t\t\t\t\t\t\t\t<DropdownMenuItem\n\t\t\t\t\t\t\t\t\t\t\t\tsuffix={\n\t\t\t\t\t\t\t\t\t\t\t\t\t<span aria-hidden=\"true\">\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\tOPERATORS[\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tactiveOperator\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t]?.label\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</span>\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\t\t<DropdownMenuItemLabel>\n\t\t\t\t\t\t\t\t\t\t\t\t\t{ __( 'Conditions' ) }\n\t\t\t\t\t\t\t\t\t\t\t\t</DropdownMenuItemLabel>\n\t\t\t\t\t\t\t\t\t\t\t</DropdownMenuItem>\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{ Object.entries( OPERATORS ).map(\n\t\t\t\t\t\t\t\t\t\t\t( [\n\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{ label, key },\n\t\t\t\t\t\t\t\t\t\t\t] ) => (\n\t\t\t\t\t\t\t\t\t\t\t\t<DropdownMenuRadioItem\n\t\t\t\t\t\t\t\t\t\t\t\t\tkey={ key }\n\t\t\t\t\t\t\t\t\t\t\t\t\tname={ `view-table-${ filter.field }-conditions` }\n\t\t\t\t\t\t\t\t\t\t\t\t\tvalue={ operator }\n\t\t\t\t\t\t\t\t\t\t\t\t\tchecked={\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tactiveOperator ===\n\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}\n\t\t\t\t\t\t\t\t\t\t\t\t\tonChange={ ( e ) =>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tonChangeView( {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t...view,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tpage: 1,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tfilters: [\n\t\t\t\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\t\t\t{\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tfield: filter.field,\n\t\t\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\t\t\te.target\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t.value,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tvalue: filterInView?.value,\n\t\t\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\t],\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\t\t\t\t\t\t\t\t\t\t\t\t\t<DropdownMenuItemLabel>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t{ label }\n\t\t\t\t\t\t\t\t\t\t\t\t\t</DropdownMenuItemLabel>\n\t\t\t\t\t\t\t\t\t\t\t\t</DropdownMenuRadioItem>\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</DropdownMenu>\n\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t</WithSeparators>\n\t\t\t\t\t\t</DropdownMenu>\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 BulkSelectionCheckbox( { selection, onSelectionChange, data } ) {\n\tconst areAllSelected = selection.length === data.length;\n\treturn (\n\t\t<CheckboxControl\n\t\t\tclassName=\"dataviews-view-table-selection-checkbox\"\n\t\t\t__nextHasNoMarginBottom\n\t\t\tchecked={ areAllSelected }\n\t\t\tindeterminate={ ! areAllSelected && selection.length }\n\t\t\tonChange={ () => {\n\t\t\t\tif ( areAllSelected ) {\n\t\t\t\t\tonSelectionChange( [] );\n\t\t\t\t} else {\n\t\t\t\t\tonSelectionChange( data );\n\t\t\t\t}\n\t\t\t} }\n\t\t\tlabel={ areAllSelected ? __( 'Deselect all' ) : __( 'Select all' ) }\n\t\t/>\n\t);\n}\n\nfunction SingleSelectionCheckbox( {\n\tselection,\n\tonSelectionChange,\n\titem,\n\tdata,\n\tgetItemId,\n\tprimaryField,\n} ) {\n\tconst id = getItemId( item );\n\tconst isSelected = selection.includes( id );\n\tlet selectionLabel;\n\tif ( primaryField?.getValue && item ) {\n\t\t// eslint-disable-next-line @wordpress/valid-sprintf\n\t\tselectionLabel = sprintf(\n\t\t\t/* translators: %s: item title. */\n\t\t\tisSelected ? __( 'Deselect item: %s' ) : __( 'Select item: %s' ),\n\t\t\tprimaryField.getValue( { item } )\n\t\t);\n\t} else {\n\t\tselectionLabel = isSelected\n\t\t\t? __( 'Select a new item' )\n\t\t\t: __( 'Deselect item' );\n\t}\n\treturn (\n\t\t<CheckboxControl\n\t\t\tclassName=\"dataviews-view-table-selection-checkbox\"\n\t\t\t__nextHasNoMarginBottom\n\t\t\tchecked={ isSelected }\n\t\t\tlabel={ selectionLabel }\n\t\t\tonChange={ () => {\n\t\t\t\tif ( ! isSelected ) {\n\t\t\t\t\tonSelectionChange(\n\t\t\t\t\t\tdata.filter( ( _item ) => {\n\t\t\t\t\t\t\tconst itemId = getItemId?.( _item );\n\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\titemId === id || selection.includes( itemId )\n\t\t\t\t\t\t\t);\n\t\t\t\t\t\t} )\n\t\t\t\t\t);\n\t\t\t\t} else {\n\t\t\t\t\tonSelectionChange(\n\t\t\t\t\t\tdata.filter( ( _item ) => {\n\t\t\t\t\t\t\tconst itemId = getItemId?.( _item );\n\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\titemId !== id && selection.includes( itemId )\n\t\t\t\t\t\t\t);\n\t\t\t\t\t\t} )\n\t\t\t\t\t);\n\t\t\t\t}\n\t\t\t} }\n\t\t/>\n\t);\n}\n\nfunction ViewTable( {\n\tview,\n\tonChangeView,\n\tfields,\n\tactions,\n\tdata,\n\tgetItemId,\n\tisLoading = false,\n\tdeferredRendering,\n\tselection,\n\tonSelectionChange,\n} ) {\n\tconst hasBulkActions = actions?.some( ( action ) => action.supportsBulk );\n\tconst headerMenuRefs = useRef( new Map() );\n\tconst headerMenuToFocusRef = useRef();\n\tconst [ nextHeaderMenuToFocus, setNextHeaderMenuToFocus ] = useState();\n\n\tuseEffect( () => {\n\t\tif ( headerMenuToFocusRef.current ) {\n\t\t\theaderMenuToFocusRef.current.focus();\n\t\t\theaderMenuToFocusRef.current = undefined;\n\t\t}\n\t} );\n\n\tconst asyncData = useAsyncList( data );\n\tconst tableNoticeId = useId();\n\n\tif ( nextHeaderMenuToFocus ) {\n\t\t// If we need to force focus, we short-circuit rendering here\n\t\t// to prevent any additional work while we handle that.\n\t\t// Clearing out the focus directive is necessary to make sure\n\t\t// future renders don't cause unexpected focus jumps.\n\t\theaderMenuToFocusRef.current = nextHeaderMenuToFocus;\n\t\tsetNextHeaderMenuToFocus();\n\t\treturn;\n\t}\n\n\tconst onHide = ( field ) => {\n\t\tconst hidden = headerMenuRefs.current.get( field.id );\n\t\tconst fallback = headerMenuRefs.current.get( hidden.fallback );\n\t\tsetNextHeaderMenuToFocus( fallback?.node );\n\t};\n\tconst visibleFields = fields.filter(\n\t\t( field ) =>\n\t\t\t! view.hiddenFields.includes( field.id ) &&\n\t\t\t! [ view.layout.mediaField ].includes( field.id )\n\t);\n\tconst usedData = deferredRendering ? asyncData : data;\n\tconst hasData = !! usedData?.length;\n\tconst sortValues = { asc: 'ascending', desc: 'descending' };\n\n\tconst primaryField = fields.find(\n\t\t( field ) => field.id === view.layout.primaryField\n\t);\n\n\treturn (\n\t\t<div className=\"dataviews-view-table-wrapper\">\n\t\t\t<table\n\t\t\t\tclassName=\"dataviews-view-table\"\n\t\t\t\taria-busy={ isLoading }\n\t\t\t\taria-describedby={ tableNoticeId }\n\t\t\t>\n\t\t\t\t<thead>\n\t\t\t\t\t<tr className=\"dataviews-view-table__row\">\n\t\t\t\t\t\t{ hasBulkActions && (\n\t\t\t\t\t\t\t<th\n\t\t\t\t\t\t\t\tclassName=\"dataviews-view-table__checkbox-column\"\n\t\t\t\t\t\t\t\tstyle={ {\n\t\t\t\t\t\t\t\t\twidth: 20,\n\t\t\t\t\t\t\t\t\tminWidth: 20,\n\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t\tdata-field-id=\"selection\"\n\t\t\t\t\t\t\t\tscope=\"col\"\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<BulkSelectionCheckbox\n\t\t\t\t\t\t\t\t\tselection={ selection }\n\t\t\t\t\t\t\t\t\tonSelectionChange={ onSelectionChange }\n\t\t\t\t\t\t\t\t\tdata={ data }\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t</th>\n\t\t\t\t\t\t) }\n\t\t\t\t\t\t{ visibleFields.map( ( field, index ) => (\n\t\t\t\t\t\t\t<th\n\t\t\t\t\t\t\t\tkey={ field.id }\n\t\t\t\t\t\t\t\tstyle={ {\n\t\t\t\t\t\t\t\t\twidth: field.width || undefined,\n\t\t\t\t\t\t\t\t\tminWidth: field.minWidth || undefined,\n\t\t\t\t\t\t\t\t\tmaxWidth: field.maxWidth || undefined,\n\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t\tdata-field-id={ field.id }\n\t\t\t\t\t\t\t\taria-sort={\n\t\t\t\t\t\t\t\t\tview.sort?.field === field.id &&\n\t\t\t\t\t\t\t\t\tsortValues[ view.sort.direction ]\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\tscope=\"col\"\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<HeaderMenu\n\t\t\t\t\t\t\t\t\tref={ ( node ) => {\n\t\t\t\t\t\t\t\t\t\tif ( node ) {\n\t\t\t\t\t\t\t\t\t\t\theaderMenuRefs.current.set(\n\t\t\t\t\t\t\t\t\t\t\t\tfield.id,\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\tnode,\n\t\t\t\t\t\t\t\t\t\t\t\t\tfallback:\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tvisibleFields[\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tindex > 0\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t? index - 1\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t: 1\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t]?.id,\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} else {\n\t\t\t\t\t\t\t\t\t\t\theaderMenuRefs.current.delete(\n\t\t\t\t\t\t\t\t\t\t\t\tfield.id\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\tfield={ field }\n\t\t\t\t\t\t\t\t\tview={ view }\n\t\t\t\t\t\t\t\t\tonChangeView={ onChangeView }\n\t\t\t\t\t\t\t\t\tonHide={ onHide }\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t</th>\n\t\t\t\t\t\t) ) }\n\t\t\t\t\t\t{ !! actions?.length && (\n\t\t\t\t\t\t\t<th\n\t\t\t\t\t\t\t\tdata-field-id=\"actions\"\n\t\t\t\t\t\t\t\tclassName=\"dataviews-view-table__actions-column\"\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<span className=\"dataviews-view-table-header\">\n\t\t\t\t\t\t\t\t\t{ __( 'Actions' ) }\n\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t</th>\n\t\t\t\t\t\t) }\n\t\t\t\t\t</tr>\n\t\t\t\t</thead>\n\t\t\t\t<tbody>\n\t\t\t\t\t{ hasData &&\n\t\t\t\t\t\tusedData.map( ( item, index ) => (\n\t\t\t\t\t\t\t<tr\n\t\t\t\t\t\t\t\tkey={ getItemId( item ) }\n\t\t\t\t\t\t\t\tclassName={ classnames(\n\t\t\t\t\t\t\t\t\t'dataviews-view-table__row',\n\t\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\t\t'is-selected': selection.includes(\n\t\t\t\t\t\t\t\t\t\t\tgetItemId( item ) || index\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>\n\t\t\t\t\t\t\t\t{ hasBulkActions && (\n\t\t\t\t\t\t\t\t\t<td\n\t\t\t\t\t\t\t\t\t\tclassName=\"dataviews-view-table__checkbox-column\"\n\t\t\t\t\t\t\t\t\t\tstyle={ {\n\t\t\t\t\t\t\t\t\t\t\twidth: 20,\n\t\t\t\t\t\t\t\t\t\t\tminWidth: 20,\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<span className=\"dataviews-view-table__cell-content-wrapper\">\n\t\t\t\t\t\t\t\t\t\t\t<SingleSelectionCheckbox\n\t\t\t\t\t\t\t\t\t\t\t\tid={\n\t\t\t\t\t\t\t\t\t\t\t\t\tgetItemId( item ) || index\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\titem={ item }\n\t\t\t\t\t\t\t\t\t\t\t\tselection={ selection }\n\t\t\t\t\t\t\t\t\t\t\t\tonSelectionChange={\n\t\t\t\t\t\t\t\t\t\t\t\t\tonSelectionChange\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\tgetItemId={ getItemId }\n\t\t\t\t\t\t\t\t\t\t\t\tdata={ data }\n\t\t\t\t\t\t\t\t\t\t\t\tprimaryField={ primaryField }\n\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t</span>\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\t{ visibleFields.map( ( field ) => (\n\t\t\t\t\t\t\t\t\t<td\n\t\t\t\t\t\t\t\t\t\tkey={ field.id }\n\t\t\t\t\t\t\t\t\t\tstyle={ {\n\t\t\t\t\t\t\t\t\t\t\twidth: field.width || undefined,\n\t\t\t\t\t\t\t\t\t\t\tminWidth:\n\t\t\t\t\t\t\t\t\t\t\t\tfield.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\tfield.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<span\n\t\t\t\t\t\t\t\t\t\t\tclassName={ classnames(\n\t\t\t\t\t\t\t\t\t\t\t\t'dataviews-view-table__cell-content-wrapper',\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'dataviews-view-table__primary-field':\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tprimaryField?.id ===\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tfield.id,\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\t\t{ field.render( {\n\t\t\t\t\t\t\t\t\t\t\t\titem,\n\t\t\t\t\t\t\t\t\t\t\t} ) }\n\t\t\t\t\t\t\t\t\t\t</span>\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\t{ !! actions?.length && (\n\t\t\t\t\t\t\t\t\t<td className=\"dataviews-view-table__actions-column\">\n\t\t\t\t\t\t\t\t\t\t<ItemActions\n\t\t\t\t\t\t\t\t\t\t\titem={ item }\n\t\t\t\t\t\t\t\t\t\t\tactions={ actions }\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</tbody>\n\t\t\t</table>\n\t\t\t<div\n\t\t\t\tclassName={ classnames( {\n\t\t\t\t\t'dataviews-loading': isLoading,\n\t\t\t\t\t'dataviews-no-results': ! hasData && ! isLoading,\n\t\t\t\t} ) }\n\t\t\t\tid={ tableNoticeId }\n\t\t\t>\n\t\t\t\t{ ! hasData && (\n\t\t\t\t\t<p>{ isLoading ? __( 'Loading…' ) : __( 'No results' ) }</p>\n\t\t\t\t) }\n\t\t\t</div>\n\t\t</div>\n\t);\n}\n\nexport default ViewTable;\n"],"mappings":"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"}

package/build-style/style-rtl.css

@@ -97,7 +97,7 @@
   --wp-block-synced-color: #7a00df;
   --wp-block-synced-color--rgb: 122, 0, 223;
 }
-@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
+@media (min-resolution: 192dpi) {
   :root {
     --wp-admin-border-width-focus: 1.5px;
   }
@@ -122,6 +122,10 @@
   max-width: 240px;
 }
 
+.dataviews-filters__view-actions.components-h-stack {
+  align-items: center;
+}
+
 .dataviews-filters-button {
   position: relative;
 }
@@ -160,6 +164,10 @@
   margin: 32px 0 16px;
 }
 
+.dataviews-view-table-wrapper {
+  overflow-x: auto;
+}
+
 .dataviews-view-table {
   width: 100%;
   text-indent: 0;
@@ -182,12 +190,26 @@
 .dataviews-view-table td,
 .dataviews-view-table th {
   padding: 12px;
-  min-width: 160px;
+  white-space: nowrap;
+}
+@media (min-width: 1440px) {
+  .dataviews-view-table td,
+.dataviews-view-table th {
+    min-width: 200px;
+  }
 }
 .dataviews-view-table td[data-field-id=actions],
 .dataviews-view-table th[data-field-id=actions] {
   text-align: left;
 }
+.dataviews-view-table td.dataviews-view-table__checkbox-column,
+.dataviews-view-table th.dataviews-view-table__checkbox-column {
+  padding-left: 0;
+}
+.dataviews-view-table td .components-checkbox-control__input-container,
+.dataviews-view-table th .components-checkbox-control__input-container {
+  margin: 4px;
+}
 .dataviews-view-table tr {
   border-bottom: 1px solid #f0f0f0;
 }
@@ -211,9 +233,25 @@
 .dataviews-view-table tr:last-child {
   border-bottom: 0;
 }
-.dataviews-view-table tr:hover td {
+.dataviews-view-table tr:hover {
   background-color: #f8f8f8;
 }
+.dataviews-view-table tr .components-checkbox-control__input {
+  opacity: 0;
+}
+.dataviews-view-table tr .components-checkbox-control__input:checked, .dataviews-view-table tr .components-checkbox-control__input:indeterminate, .dataviews-view-table tr .components-checkbox-control__input:focus {
+  opacity: 1;
+}
+.dataviews-view-table tr:focus-within .components-checkbox-control__input, .dataviews-view-table tr:hover .components-checkbox-control__input {
+  opacity: 1;
+}
+.dataviews-view-table tr.is-selected {
+  background-color: rgba(var(--wp-admin-theme-color--rgb), 0.04);
+  color: #757575;
+}
+.dataviews-view-table tr.is-selected:hover {
+  background-color: rgba(var(--wp-admin-theme-color--rgb), 0.08);
+}
 .dataviews-view-table thead tr {
   border: 0;
 }
@@ -230,6 +268,14 @@
   font-weight: 500;
   padding-right: 4px;
 }
+.dataviews-view-table tbody td {
+  vertical-align: top;
+}
+.dataviews-view-table tbody .dataviews-view-table__cell-content-wrapper {
+  min-height: 32px;
+  display: flex;
+  align-items: center;
+}
 .dataviews-view-table .dataviews-view-table-header-button {
   padding: 4px 8px;
   font-size: 11px;
@@ -248,6 +294,50 @@
 .dataviews-view-table .dataviews-view-table-header {
   padding-right: 4px;
 }
+.dataviews-view-table .dataviews-view-table__actions-column {
+  width: 1%;
+}
+
+.dataviews-view-list__primary-field,
+.dataviews-view-grid__primary-field,
+.dataviews-view-table__primary-field {
+  font-size: 13px;
+  font-weight: 500;
+  color: #1e1e1e;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  overflow: hidden;
+  display: block;
+  width: 100%;
+}
+.dataviews-view-list__primary-field a,
+.dataviews-view-grid__primary-field a,
+.dataviews-view-table__primary-field a {
+  text-decoration: none;
+  color: inherit;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  overflow: hidden;
+  display: block;
+  width: 100%;
+}
+.dataviews-view-list__primary-field a:hover,
+.dataviews-view-grid__primary-field a:hover,
+.dataviews-view-table__primary-field a:hover {
+  color: #1e1e1e;
+}
+.dataviews-view-list__primary-field button.components-button.is-link,
+.dataviews-view-grid__primary-field button.components-button.is-link,
+.dataviews-view-table__primary-field button.components-button.is-link {
+  text-decoration: none;
+  color: inherit;
+  font-weight: inherit;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  overflow: hidden;
+  display: block;
+  width: 100%;
+}
 
 .dataviews-view-grid {
   margin-bottom: 24px;
@@ -264,47 +354,45 @@
     grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
   }
 }
-.dataviews-view-grid .dataviews-view-grid__card .dataviews-view-grid__primary-field .dataviews-view-grid__title-field {
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  display: block;
-  font-size: 13px;
-  width: 100%;
+.dataviews-view-grid .dataviews-view-grid__card {
+  border-radius: 4px;
+  border: 1px solid #e0e0e0;
+  height: 100%;
+  justify-content: flex-start;
 }
-.dataviews-view-grid .dataviews-view-grid__card .dataviews-view-grid__primary-field .dataviews-view-grid__title-field a,
-.dataviews-view-grid .dataviews-view-grid__card .dataviews-view-grid__primary-field button.dataviews-view-grid__title-field {
-  font-weight: 500;
-  color: #1e1e1e;
-  text-decoration: none;
+.dataviews-view-grid .dataviews-view-grid__card .dataviews-view-grid__title-actions {
+  padding: 0 4px;
+}
+.dataviews-view-grid .dataviews-view-grid__card .dataviews-view-grid__primary-field {
+  min-height: 40px;
 }
 .dataviews-view-grid .dataviews-view-grid__media {
   width: 100%;
   min-height: 200px;
   aspect-ratio: 1/1;
-  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.1);
-  border-radius: 4px;
-  overflow: hidden;
+  border-bottom: 1px solid #e0e0e0;
+  background-color: #f0f0f0;
+  border-radius: 3px 3px 0 0;
 }
-.dataviews-view-grid .dataviews-view-grid__media > * {
-  -o-object-fit: cover;
-     object-fit: cover;
+.dataviews-view-grid .dataviews-view-grid__media img {
+  object-fit: cover;
   width: 100%;
   height: 100%;
 }
 .dataviews-view-grid .dataviews-view-grid__primary-field {
-  min-height: 24px;
+  padding: 8px;
 }
 .dataviews-view-grid .dataviews-view-grid__fields {
   position: relative;
   font-size: 12px;
   line-height: 16px;
 }
-.dataviews-view-grid .dataviews-view-grid__fields .dataviews-view-grid__field .dataviews-view-grid__field-header {
-  color: #757575;
+.dataviews-view-grid .dataviews-view-grid__fields:not(:empty) {
+  padding: 12px;
+  padding-top: 0;
 }
 .dataviews-view-grid .dataviews-view-grid__fields .dataviews-view-grid__field .dataviews-view-grid__field-value {
-  color: #1e1e1e;
+  color: #757575;
 }
 
 .dataviews-view-list {
@@ -331,6 +419,7 @@
 .dataviews-view-list li:not(.is-selected):hover {
   color: var(--wp-admin-theme-color);
 }
+.dataviews-view-list li:not(.is-selected):hover .dataviews-view-list__primary-field,
 .dataviews-view-list li:not(.is-selected):hover .dataviews-view-list__fields {
   color: var(--wp-admin-theme-color);
 }
@@ -339,8 +428,10 @@
   background-color: var(--wp-admin-theme-color);
   color: #fff;
 }
+.dataviews-view-list li.is-selected .dataviews-view-list__item-wrapper .dataviews-view-list__primary-field,
 .dataviews-view-list li.is-selected .dataviews-view-list__item-wrapper .dataviews-view-list__fields,
 .dataviews-view-list li.is-selected .dataviews-view-list__item-wrapper .components-button,
+.dataviews-view-list li.is-selected:focus-within .dataviews-view-list__item-wrapper .dataviews-view-list__primary-field,
 .dataviews-view-list li.is-selected:focus-within .dataviews-view-list__item-wrapper .dataviews-view-list__fields,
 .dataviews-view-list li.is-selected:focus-within .dataviews-view-list__item-wrapper .components-button {
   color: #fff;
@@ -371,11 +462,18 @@
   white-space: nowrap;
 }
 .dataviews-view-list .dataviews-view-list__media-wrapper {
-  min-width: 32px;
+  width: 32px;
   height: 32px;
   border-radius: 4px;
   overflow: hidden;
   position: relative;
+  flex-shrink: 0;
+  background-color: #f0f0f0;
+}
+.dataviews-view-list .dataviews-view-list__media-wrapper img {
+  width: 100%;
+  height: 100%;
+  object-fit: cover;
 }
 .dataviews-view-list .dataviews-view-list__media-wrapper::after {
   content: "";
@@ -404,6 +502,9 @@
 .dataviews-view-list .dataviews-view-list__fields .dataviews-view-list__field:last-child {
   margin-left: 0;
 }
+.dataviews-view-list .dataviews-view-list__fields .dataviews-view-list__field:empty {
+  display: none;
+}
 .dataviews-view-list + .dataviews-pagination {
   justify-content: space-between;
 }
@@ -429,7 +530,23 @@
   padding: 0 32px;
 }
 
+.dataviews-view-table-selection-checkbox label {
+  position: absolute;
+  width: 1px;
+  height: 1px;
+  padding: 0;
+  margin: -1px;
+  overflow: hidden;
+  clip: rect(0, 0, 0, 0);
+  white-space: nowrap;
+  border: 0;
+}
+
 .dataviews-filters__custom-menu-radio-item-prefix {
   display: block;
   width: 24px;
+}
+
+.dataviews-bulk-edit-button.components-button {
+  flex-shrink: 0;
 }