@wordpress/dataviews 0.2.0 → 0.3.0

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

@@ -1 +1 @@
-{"version":3,"names":["__","useAsyncList","chevronDown","chevronUp","unseen","check","arrowUp","arrowDown","chevronRightSmall","funnel","Button","Icon","privateApis","componentsPrivateApis","Children","Fragment","unlock","ItemActions","ENUMERATION_TYPE","OPERATOR_IN","OPERATOR_NOT_IN","DropdownMenuV2","DropdownMenu","DropdownMenuGroupV2","DropdownMenuGroup","DropdownMenuItemV2","DropdownMenuItem","DropdownMenuSeparatorV2","DropdownMenuSeparator","DropdownSubMenuV2","DropdownSubMenu","DropdownSubMenuTriggerV2","DropdownSubMenuTrigger","sortingItemsInfo","asc","icon","label","desc","sortIcons","HeaderMenu","field","view","onChangeView","isSortable","enableSorting","isHidable","enableHiding","header","isSorted","sort","id","filter","filterInView","otherFilters","type","columnOperators","filterBy","operators","Array","isArray","operator","includes","length","elements","value","undefined","isFilterable","columnFilters","filters","forEach","columnFilter","push","createElement","align","trigger","direction","iconPosition","text","style","padding","size","WithSeparators","Object","entries","map","info","isActive","key","role","prefix","suffix","onSelect","event","preventDefault","hiddenFields","concat","element","children","toArray","Boolean","child","i","ViewTable","fields","actions","data","getItemId","isLoading","deferredRendering","visibleFields","layout","mediaField","primaryField","shownData","usedData","hasData","className","sortValues","width","minWidth","maxWidth","scope","item","index","render"],"sources":["@wordpress/dataviews/src/view-table.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { useAsyncList } from '@wordpress/compose';\nimport {\n\tchevronDown,\n\tchevronUp,\n\tunseen,\n\tcheck,\n\tarrowUp,\n\tarrowDown,\n\tchevronRightSmall,\n\tfunnel,\n} from '@wordpress/icons';\nimport {\n\tButton,\n\tIcon,\n\tprivateApis as componentsPrivateApis,\n} from '@wordpress/components';\nimport { Children, Fragment } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport { unlock } from './lock-unlock';\nimport ItemActions from './item-actions';\nimport { ENUMERATION_TYPE, OPERATOR_IN, OPERATOR_NOT_IN } from './constants';\n\nconst {\n\tDropdownMenuV2: DropdownMenu,\n\tDropdownMenuGroupV2: DropdownMenuGroup,\n\tDropdownMenuItemV2: DropdownMenuItem,\n\tDropdownMenuSeparatorV2: DropdownMenuSeparator,\n\tDropdownSubMenuV2: DropdownSubMenu,\n\tDropdownSubMenuTriggerV2: DropdownSubMenuTrigger,\n} = unlock( componentsPrivateApis );\n\nconst sortingItemsInfo = {\n\tasc: { icon: arrowUp, label: __( 'Sort ascending' ) },\n\tdesc: { icon: arrowDown, label: __( 'Sort descending' ) },\n};\nconst sortIcons = { asc: chevronUp, desc: chevronDown };\n\nfunction HeaderMenu( { field, view, onChangeView } ) {\n\tconst isSortable = field.enableSorting !== false;\n\tconst isHidable = field.enableHiding !== false;\n\tif ( ! isSortable && ! isHidable ) {\n\t\treturn field.header;\n\t}\n\tconst isSorted = view.sort?.field === field.id;\n\tlet filter, filterInView;\n\tconst otherFilters = [];\n\tif ( field.type === ENUMERATION_TYPE ) {\n\t\tlet columnOperators = field.filterBy?.operators;\n\t\tif ( ! columnOperators || ! Array.isArray( columnOperators ) ) {\n\t\t\tcolumnOperators = [ OPERATOR_IN, OPERATOR_NOT_IN ];\n\t\t}\n\t\tconst operators = columnOperators.filter( ( operator ) =>\n\t\t\t[ OPERATOR_IN, OPERATOR_NOT_IN ].includes( operator )\n\t\t);\n\t\tif ( operators.length >= 0 ) {\n\t\t\tfilter = {\n\t\t\t\tfield: field.id,\n\t\t\t\toperators,\n\t\t\t\telements: field.elements || [],\n\t\t\t};\n\t\t\tfilterInView = {\n\t\t\t\tfield: filter.field,\n\t\t\t\toperator: filter.operators[ 0 ],\n\t\t\t\tvalue: undefined,\n\t\t\t};\n\t\t}\n\t}\n\tconst isFilterable = !! filter;\n\n\tif ( isFilterable ) {\n\t\tconst columnFilters = view.filters;\n\t\tcolumnFilters.forEach( ( columnFilter ) => {\n\t\t\tif ( columnFilter.field === filter.field ) {\n\t\t\t\tfilterInView = {\n\t\t\t\t\t...columnFilter,\n\t\t\t\t};\n\t\t\t} else {\n\t\t\t\totherFilters.push( columnFilter );\n\t\t\t}\n\t\t} );\n\t}\n\treturn (\n\t\t<DropdownMenu\n\t\t\talign=\"start\"\n\t\t\ttrigger={\n\t\t\t\t<Button\n\t\t\t\t\ticon={ isSorted && sortIcons[ view.sort.direction ] }\n\t\t\t\t\ticonPosition=\"right\"\n\t\t\t\t\ttext={ field.header }\n\t\t\t\t\tstyle={ { padding: 0 } }\n\t\t\t\t\tsize=\"compact\"\n\t\t\t\t/>\n\t\t\t}\n\t\t>\n\t\t\t<WithSeparators>\n\t\t\t\t{ isSortable && (\n\t\t\t\t\t<DropdownMenuGroup>\n\t\t\t\t\t\t{ Object.entries( sortingItemsInfo ).map(\n\t\t\t\t\t\t\t( [ direction, info ] ) => {\n\t\t\t\t\t\t\t\tconst isActive =\n\t\t\t\t\t\t\t\t\tisSorted &&\n\t\t\t\t\t\t\t\t\tview.sort.direction === direction;\n\t\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t\t<DropdownMenuItem\n\t\t\t\t\t\t\t\t\t\tkey={ direction }\n\t\t\t\t\t\t\t\t\t\trole=\"menuitemradio\"\n\t\t\t\t\t\t\t\t\t\taria-checked={ isActive }\n\t\t\t\t\t\t\t\t\t\tprefix={ <Icon icon={ info.icon } /> }\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={ ( event ) => {\n\t\t\t\t\t\t\t\t\t\t\tevent.preventDefault();\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{ info.label }\n\t\t\t\t\t\t\t\t\t</DropdownMenuItem>\n\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t) }\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\trole=\"menuitemradio\"\n\t\t\t\t\t\taria-checked={ false }\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\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{ __( 'Hide' ) }\n\t\t\t\t\t</DropdownMenuItem>\n\t\t\t\t) }\n\t\t\t\t{ isFilterable && (\n\t\t\t\t\t<DropdownMenuGroup>\n\t\t\t\t\t\t<DropdownSubMenu\n\t\t\t\t\t\t\tkey={ filter.field }\n\t\t\t\t\t\t\ttrigger={\n\t\t\t\t\t\t\t\t<DropdownSubMenuTrigger\n\t\t\t\t\t\t\t\t\tprefix={ <Icon icon={ funnel } /> }\n\t\t\t\t\t\t\t\t\tsuffix={\n\t\t\t\t\t\t\t\t\t\t<Icon icon={ chevronRightSmall } />\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t{ __( 'Filter by' ) }\n\t\t\t\t\t\t\t\t</DropdownSubMenuTrigger>\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<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\tlet isActive = false;\n\t\t\t\t\t\t\t\t\t\tif ( filterInView ) {\n\t\t\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\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\t\t\t/* eslint-disable eqeqeq */\n\t\t\t\t\t\t\t\t\t\t\tisActive =\n\t\t\t\t\t\t\t\t\t\t\t\telement.value ==\n\t\t\t\t\t\t\t\t\t\t\t\tfilterInView.value;\n\t\t\t\t\t\t\t\t\t\t\t/* eslint-enable eqeqeq */\n\t\t\t\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t\t\t\treturn (\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\tkey={ element.value }\n\t\t\t\t\t\t\t\t\t\t\t\trole=\"menuitemradio\"\n\t\t\t\t\t\t\t\t\t\t\t\taria-checked={ isActive }\n\t\t\t\t\t\t\t\t\t\t\t\tprefix={\n\t\t\t\t\t\t\t\t\t\t\t\t\tisActive && (\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<Icon icon={ check } />\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\tonSelect={ () => {\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\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\tfilterInView?.operator,\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{ element.label }\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</DropdownMenuGroup>\n\t\t\t\t\t\t\t\t{ filter.operators.length > 1 && (\n\t\t\t\t\t\t\t\t\t<DropdownSubMenu\n\t\t\t\t\t\t\t\t\t\ttrigger={\n\t\t\t\t\t\t\t\t\t\t\t<DropdownSubMenuTrigger\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<>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t{ filterInView.operator ===\n\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\t? __( 'Is' )\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t: __( 'Is not' ) }\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<Icon\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\ticon={\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tchevronRightSmall\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{ __( 'Conditions' ) }\n\t\t\t\t\t\t\t\t\t\t\t</DropdownSubMenuTrigger>\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<DropdownMenuItem\n\t\t\t\t\t\t\t\t\t\t\tkey=\"in-filter\"\n\t\t\t\t\t\t\t\t\t\t\trole=\"menuitemradio\"\n\t\t\t\t\t\t\t\t\t\t\taria-checked={\n\t\t\t\t\t\t\t\t\t\t\t\tfilterInView?.operator ===\n\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}\n\t\t\t\t\t\t\t\t\t\t\tprefix={\n\t\t\t\t\t\t\t\t\t\t\t\tfilterInView?.operator ===\n\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<Icon icon={ check } />\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\tonSelect={ () =>\n\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...view,\n\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...otherFilters,\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\tfield: filter.field,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\toperator:\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tOPERATOR_IN,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tvalue: filterInView?.value,\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>\n\t\t\t\t\t\t\t\t\t\t\t{ __( 'Is' ) }\n\t\t\t\t\t\t\t\t\t\t</DropdownMenuItem>\n\t\t\t\t\t\t\t\t\t\t<DropdownMenuItem\n\t\t\t\t\t\t\t\t\t\t\tkey=\"not-in-filter\"\n\t\t\t\t\t\t\t\t\t\t\trole=\"menuitemradio\"\n\t\t\t\t\t\t\t\t\t\t\taria-checked={\n\t\t\t\t\t\t\t\t\t\t\t\tfilterInView?.operator ===\n\t\t\t\t\t\t\t\t\t\t\t\tOPERATOR_NOT_IN\n\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\tprefix={\n\t\t\t\t\t\t\t\t\t\t\t\tfilterInView?.operator ===\n\t\t\t\t\t\t\t\t\t\t\t\t\tOPERATOR_NOT_IN && (\n\t\t\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\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\tonSelect={ () =>\n\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...view,\n\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...otherFilters,\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\tfield: filter.field,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\toperator:\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tOPERATOR_NOT_IN,\n\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},\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\t\t{ __( 'Is not' ) }\n\t\t\t\t\t\t\t\t\t\t</DropdownMenuItem>\n\t\t\t\t\t\t\t\t\t</DropdownSubMenu>\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</DropdownSubMenu>\n\t\t\t\t\t</DropdownMenuGroup>\n\t\t\t\t) }\n\t\t\t</WithSeparators>\n\t\t</DropdownMenu>\n\t);\n}\n\nfunction WithSeparators( { children } ) {\n\treturn Children.toArray( children )\n\t\t.filter( Boolean )\n\t\t.map( ( child, i ) => (\n\t\t\t<Fragment key={ i }>\n\t\t\t\t{ i > 0 && <DropdownMenuSeparator /> }\n\t\t\t\t{ child }\n\t\t\t</Fragment>\n\t\t) );\n}\n\nfunction ViewTable( {\n\tview,\n\tonChangeView,\n\tfields,\n\tactions,\n\tdata,\n\tgetItemId,\n\tisLoading = false,\n\tdeferredRendering,\n} ) {\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 shownData = useAsyncList( data );\n\tconst usedData = deferredRendering ? shownData : data;\n\tconst hasData = !! usedData?.length;\n\tif ( isLoading ) {\n\t\t// TODO:Add spinner or progress bar..\n\t\treturn (\n\t\t\t<div className=\"dataviews-loading\">\n\t\t\t\t<h3>{ __( 'Loading' ) }</h3>\n\t\t\t</div>\n\t\t);\n\t}\n\tconst sortValues = { asc: 'ascending', desc: 'descending' };\n\treturn (\n\t\t<div className=\"dataviews-table-view-wrapper\">\n\t\t\t{ hasData && (\n\t\t\t\t<table className=\"dataviews-table-view\">\n\t\t\t\t\t<thead>\n\t\t\t\t\t\t<tr>\n\t\t\t\t\t\t\t{ visibleFields.map( ( field ) => (\n\t\t\t\t\t\t\t\t<th\n\t\t\t\t\t\t\t\t\tkey={ field.id }\n\t\t\t\t\t\t\t\t\tstyle={ {\n\t\t\t\t\t\t\t\t\t\twidth: field.width || undefined,\n\t\t\t\t\t\t\t\t\t\tminWidth: field.minWidth || undefined,\n\t\t\t\t\t\t\t\t\t\tmaxWidth: field.maxWidth || undefined,\n\t\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t\t\tdata-field-id={ field.id }\n\t\t\t\t\t\t\t\t\taria-sort={\n\t\t\t\t\t\t\t\t\t\tview.sort?.field === field.id &&\n\t\t\t\t\t\t\t\t\t\tsortValues[ view.sort.direction ]\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\tscope=\"col\"\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t<HeaderMenu\n\t\t\t\t\t\t\t\t\t\tfield={ field }\n\t\t\t\t\t\t\t\t\t\tview={ view }\n\t\t\t\t\t\t\t\t\t\tonChangeView={ onChangeView }\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t</th>\n\t\t\t\t\t\t\t) ) }\n\t\t\t\t\t\t\t{ !! actions?.length && (\n\t\t\t\t\t\t\t\t<th data-field-id=\"actions\">\n\t\t\t\t\t\t\t\t\t{ __( 'Actions' ) }\n\t\t\t\t\t\t\t\t</th>\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t</tr>\n\t\t\t\t\t</thead>\n\t\t\t\t\t<tbody>\n\t\t\t\t\t\t{ usedData.map( ( item, index ) => (\n\t\t\t\t\t\t\t<tr key={ getItemId?.( item ) || index }>\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\t</tbody>\n\t\t\t\t</table>\n\t\t\t) }\n\t\t\t{ ! hasData && (\n\t\t\t\t<div className=\"dataviews-no-results\">\n\t\t\t\t\t<p>{ __( 'No results' ) }</p>\n\t\t\t\t</div>\n\t\t\t) }\n\t\t</div>\n\t);\n}\n\nexport default ViewTable;\n"],"mappings":"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"}
+{"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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"}

package/build-style/style-rtl.css

@@ -114,15 +114,43 @@
   min-height: 100%;
 }
 
-.dataviews__filters-view-actions {
+.dataviews-filters__view-actions {
   padding: 12px 32px;
 }
+.dataviews-filters__view-actions .components-search-control {
+  flex-grow: 1;
+  max-width: 240px;
+}
+
+.dataviews-filters-button {
+  position: relative;
+}
+
+.dataviews-filters-count {
+  position: absolute;
+  top: 0;
+  left: 0;
+  height: 16px;
+  color: var(--wp-components-color-accent-inverted, #fff);
+  background-color: var(--wp-components-color-accent, var(--wp-admin-theme-color, #007cba));
+  border-radius: 8px;
+  min-width: 16px;
+  padding: 0 4px;
+  transform: translateX(-40%) translateY(-40%);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  font-size: 11px;
+  font-weight: 300;
+}
 
 .dataviews-pagination {
   margin-top: auto;
   position: sticky;
   bottom: 0;
-  background-color: #fff;
+  background-color: rgba(255, 255, 255, 0.8);
+  -webkit-backdrop-filter: blur(6px);
+          backdrop-filter: blur(6px);
   padding: 12px 32px;
   border-top: 1px solid #f0f0f0;
   color: #757575;
@@ -132,7 +160,7 @@
   margin: 32px 0 16px;
 }
 
-.dataviews-table-view {
+.dataviews-view-table {
   width: 100%;
   text-indent: 0;
   border-color: inherit;
@@ -140,74 +168,117 @@
   position: relative;
   color: #757575;
 }
-.dataviews-table-view a {
+.dataviews-view-table a {
   text-decoration: none;
   color: #1e1e1e;
   font-weight: 500;
 }
-.dataviews-table-view th {
+.dataviews-view-table th {
   text-align: right;
   color: var(--wp-components-color-foreground, #1e1e1e);
   font-weight: normal;
   font-size: 13px;
 }
-.dataviews-table-view td,
-.dataviews-table-view th {
+.dataviews-view-table td,
+.dataviews-view-table th {
   padding: 12px;
   min-width: 160px;
 }
-.dataviews-table-view td[data-field-id=actions],
-.dataviews-table-view th[data-field-id=actions] {
+.dataviews-view-table td[data-field-id=actions],
+.dataviews-view-table th[data-field-id=actions] {
   text-align: left;
 }
-.dataviews-table-view tr {
+.dataviews-view-table tr {
   border-bottom: 1px solid #f0f0f0;
 }
-.dataviews-table-view tr td:first-child,
-.dataviews-table-view tr th:first-child {
+.dataviews-view-table tr .dataviews-view-table-header-button {
+  gap: 4px;
+}
+.dataviews-view-table tr td:first-child,
+.dataviews-view-table tr th:first-child {
   padding-right: 32px;
 }
-.dataviews-table-view tr td:last-child,
-.dataviews-table-view tr th:last-child {
+.dataviews-view-table tr td:first-child .dataviews-view-table-header-button,
+.dataviews-view-table tr td:first-child .dataviews-view-table-header,
+.dataviews-view-table tr th:first-child .dataviews-view-table-header-button,
+.dataviews-view-table tr th:first-child .dataviews-view-table-header {
+  margin-right: -8px;
+}
+.dataviews-view-table tr td:last-child,
+.dataviews-view-table tr th:last-child {
   padding-left: 32px;
 }
-.dataviews-table-view tr:last-child {
+.dataviews-view-table tr:last-child {
   border-bottom: 0;
 }
-.dataviews-table-view thead tr {
+.dataviews-view-table tr:hover td {
+  background-color: #f8f8f8;
+}
+.dataviews-view-table thead tr {
   border: 0;
 }
-.dataviews-table-view thead th {
+.dataviews-view-table thead th {
   position: sticky;
   top: -1px;
-  background-color: #fafafa;
+  background-color: #fff;
   box-shadow: inset 0 -1px 0 #f0f0f0;
-  border-top: 1px solid #f0f0f0;
-  padding-top: 4px;
-  padding-bottom: 4px;
+  padding-top: 8px;
+  padding-bottom: 8px;
+  z-index: 1;
+  font-size: 11px;
+  text-transform: uppercase;
+  font-weight: 500;
+  padding-right: 4px;
+}
+.dataviews-view-table .dataviews-view-table-header-button {
+  padding: 4px 8px;
+  font-size: 11px;
+  text-transform: uppercase;
+  font-weight: 500;
+}
+.dataviews-view-table .dataviews-view-table-header-button:not(:hover) {
+  color: #1e1e1e;
+}
+.dataviews-view-table .dataviews-view-table-header-button span {
+  speak: none;
+}
+.dataviews-view-table .dataviews-view-table-header-button span:empty {
+  display: none;
+}
+.dataviews-view-table .dataviews-view-table-header {
+  padding-right: 4px;
 }
 
-.dataviews-grid-view {
+.dataviews-view-grid {
   margin-bottom: 24px;
   grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
   padding: 0 32px;
 }
 @media (min-width: 1080px) {
-  .dataviews-grid-view {
+  .dataviews-view-grid {
     grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
   }
 }
 @media (min-width: 1440px) {
-  .dataviews-grid-view {
+  .dataviews-view-grid {
     grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
   }
 }
-.dataviews-grid-view .dataviews-view-grid__card h3 {
+.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 .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-grid-view .dataviews-view-grid__media {
+.dataviews-view-grid .dataviews-view-grid__media {
   width: 100%;
   min-height: 200px;
   aspect-ratio: 1/1;
@@ -215,76 +286,98 @@
   border-radius: 4px;
   overflow: hidden;
 }
-.dataviews-grid-view .dataviews-view-grid__media > * {
+.dataviews-view-grid .dataviews-view-grid__media > * {
   -o-object-fit: cover;
      object-fit: cover;
   width: 100%;
   height: 100%;
 }
-.dataviews-grid-view .dataviews-view-grid__primary-field {
+.dataviews-view-grid .dataviews-view-grid__primary-field {
   min-height: 24px;
 }
-.dataviews-grid-view .dataviews-view-grid__primary-field a {
-  color: #1e1e1e;
-  text-decoration: none;
-  font-weight: 500;
-}
-.dataviews-grid-view .dataviews-view-grid__fields {
+.dataviews-view-grid .dataviews-view-grid__fields {
   position: relative;
   font-size: 12px;
   line-height: 16px;
 }
-.dataviews-grid-view .dataviews-view-grid__fields .dataviews-view-grid__field .dataviews-view-grid__field-header {
+.dataviews-view-grid .dataviews-view-grid__fields .dataviews-view-grid__field .dataviews-view-grid__field-header {
   color: #757575;
 }
-.dataviews-grid-view .dataviews-view-grid__fields .dataviews-view-grid__field .dataviews-view-grid__field-value {
+.dataviews-view-grid .dataviews-view-grid__fields .dataviews-view-grid__field .dataviews-view-grid__field-value {
   color: #1e1e1e;
 }
 
-.dataviews-list-view {
+.dataviews-view-list {
   margin: 0;
+  padding: 8px;
 }
-.dataviews-list-view li {
-  border-bottom: 1px solid #f0f0f0;
+.dataviews-view-list li {
   margin: 0;
 }
-.dataviews-list-view li:first-child {
-  border-top: 1px solid #f0f0f0;
-}
-.dataviews-list-view li:last-child {
-  border-bottom: 0;
-}
-.dataviews-list-view .dataviews-list-view__item {
-  padding: 12px 32px;
-  cursor: default;
+.dataviews-view-list li .dataviews-view-list__item-wrapper {
+  position: relative;
+  padding-left: 24px;
+  border-radius: 4px;
 }
-.dataviews-list-view .dataviews-list-view__item:focus, .dataviews-list-view .dataviews-list-view__item:hover {
-  background-color: #f8f8f8;
+.dataviews-view-list li .dataviews-view-list__item-wrapper::after {
+  position: absolute;
+  content: "";
+  top: 100%;
+  right: 24px;
+  left: 24px;
+  background: #f0f0f0;
+  height: 1px;
+}
+.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__fields {
+  color: var(--wp-admin-theme-color);
+}
+.dataviews-view-list li.is-selected .dataviews-view-list__item-wrapper,
+.dataviews-view-list li.is-selected:focus-within .dataviews-view-list__item-wrapper {
+  background-color: var(--wp-admin-theme-color);
+  color: #fff;
+}
+.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__fields,
+.dataviews-view-list li.is-selected:focus-within .dataviews-view-list__item-wrapper .components-button {
+  color: #fff;
+}
+.dataviews-view-list li.is-selected .dataviews-view-list__item-wrapper::after,
+.dataviews-view-list li.is-selected:focus-within .dataviews-view-list__item-wrapper::after {
+  background: transparent;
+}
+.dataviews-view-list .dataviews-view-list__item {
+  padding: 12px 24px 12px 0;
+  width: 100%;
+  cursor: pointer;
 }
-.dataviews-list-view .dataviews-list-view__item:focus {
-  box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);
+.dataviews-view-list .dataviews-view-list__item:focus::before {
+  position: absolute;
+  content: "";
+  top: -1px;
+  left: -1px;
+  bottom: -1px;
+  right: -1px;
+  box-shadow: 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);
+  z-index: -1;
+  border-radius: 4px;
 }
-.dataviews-list-view .dataviews-list-view__item h3 {
+.dataviews-view-list .dataviews-view-list__item h3 {
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
 }
-.dataviews-list-view .dataviews-list-view__item-selected,
-.dataviews-list-view .dataviews-list-view__item-selected:hover {
-  background-color: #f0f0f0;
-}
-.dataviews-list-view .dataviews-list-view__item-selected:focus,
-.dataviews-list-view .dataviews-list-view__item-selected:hover:focus {
-  box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);
-}
-.dataviews-list-view .dataviews-list-view__media-wrapper {
+.dataviews-view-list .dataviews-view-list__media-wrapper {
   min-width: 32px;
   height: 32px;
   border-radius: 4px;
   overflow: hidden;
   position: relative;
 }
-.dataviews-list-view .dataviews-list-view__media-wrapper::after {
+.dataviews-view-list .dataviews-view-list__media-wrapper::after {
   content: "";
   position: absolute;
   top: 0;
@@ -294,26 +387,38 @@
   box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.1);
   border-radius: 4px;
 }
-.dataviews-list-view .edit-site-page-pages__featured-image,
-.dataviews-list-view .dataviews-list-view__media-placeholder {
+.dataviews-view-list .dataviews-view-list__media-placeholder {
   min-width: 32px;
   height: 32px;
-}
-.dataviews-list-view .dataviews-list-view__media-placeholder {
   background-color: #e0e0e0;
 }
-.dataviews-list-view .dataviews-list-view__fields {
+.dataviews-view-list .dataviews-view-list__fields {
   color: #757575;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
 }
-.dataviews-list-view .dataviews-list-view__fields .dataviews-list-view__field {
+.dataviews-view-list .dataviews-view-list__fields .dataviews-view-list__field {
   margin-left: 12px;
 }
-.dataviews-list-view .dataviews-list-view__fields .dataviews-list-view__field:last-child {
+.dataviews-view-list .dataviews-view-list__fields .dataviews-view-list__field:last-child {
   margin-left: 0;
 }
+.dataviews-view-list + .dataviews-pagination {
+  justify-content: space-between;
+}
+.dataviews-view-list .dataviews-view-list__details-button {
+  align-self: center;
+  opacity: 0;
+}
+.dataviews-view-list li.is-selected .dataviews-view-list__details-button,
+.dataviews-view-list li:hover .dataviews-view-list__details-button,
+.dataviews-view-list li:focus-within .dataviews-view-list__details-button {
+  opacity: 1;
+}
+.dataviews-view-list li.is-selected .dataviews-view-list__details-button:focus {
+  box-shadow: 0 0 0 var(--wp-admin-border-width-focus) currentColor;
+}
 
 .dataviews-action-modal {
   z-index: 1000001;
@@ -322,4 +427,9 @@
 .dataviews-no-results,
 .dataviews-loading {
   padding: 0 32px;
+}
+
+.dataviews-filters__custom-menu-radio-item-prefix {
+  display: block;
+  width: 24px;
 }