@wordpress/dataviews 0.2.0 → 0.3.0

package/build/filter-summary.js

@@ -11,6 +11,7 @@ var _i18n = require("@wordpress/i18n");
 var _element = require("@wordpress/element");
 var _constants = require("./constants");
 var _lockUnlock = require("./lock-unlock");
+var _dropdownMenuHelper = require("./dropdown-menu-helper");
 /**
  * WordPress dependencies
  */
@@ -24,8 +25,8 @@ const {
   DropdownMenuGroupV2: DropdownMenuGroup,
   DropdownMenuItemV2: DropdownMenuItem,
   DropdownMenuSeparatorV2: DropdownMenuSeparator,
-  DropdownSubMenuV2: DropdownSubMenu,
-  DropdownSubMenuTriggerV2: DropdownSubMenuTrigger
+  DropdownMenuItemLabelV2: DropdownMenuItemLabel,
+  DropdownMenuItemHelpTextV2: DropdownMenuItemHelpText
 } = (0, _lockUnlock.unlock)(_components.privateApis);
 const FilterText = ({
   activeElement,
@@ -59,7 +60,9 @@ function FilterSummary({
   onChangeView
 }) {
   const filterInView = view.filters.find(f => f.field === filter.field);
+  const otherFilters = view.filters.filter(f => f.field !== filter.field);
   const activeElement = filter.elements.find(element => element.value === filterInView?.value);
+  const activeOperator = filterInView?.operator || filter.operators[0];
   return (0, _react.createElement)(DropdownMenu, {
     key: filter.field,
     trigger: (0, _react.createElement)(_components.Button, {
@@ -77,61 +80,47 @@ function FilterSummary({
       }
     }))
   }, (0, _react.createElement)(WithSeparators, null, (0, _react.createElement)(DropdownMenuGroup, null, filter.elements.map(element => {
-    return (0, _react.createElement)(DropdownMenuItem, {
+    const isActive = activeElement?.value === element.value;
+    return (0, _react.createElement)(_dropdownMenuHelper.DropdownMenuRadioItemCustom, {
       key: element.value,
-      role: "menuitemradio",
-      "aria-checked": activeElement?.value === element.value,
-      prefix: activeElement?.value === element.value && (0, _react.createElement)(_components.Icon, {
-        icon: _icons.check
-      }),
-      onSelect: () => onChangeView(currentView => ({
-        ...currentView,
+      name: `filter-summary-${filter.field}`,
+      value: element.value,
+      checked: isActive,
+      onClick: () => onChangeView({
+        ...view,
         page: 1,
-        filters: [...view.filters.filter(f => f.field !== filter.field), {
+        filters: [...otherFilters, {
           field: filter.field,
-          operator: filterInView?.operator || filter.operators[0],
-          value: activeElement?.value === element.value ? undefined : element.value
+          operator: activeOperator,
+          value: isActive ? undefined : element.value
         }]
-      }))
-    }, element.label);
-  })), filter.operators.length > 1 && (0, _react.createElement)(DropdownSubMenu, {
-    trigger: (0, _react.createElement)(DropdownSubMenuTrigger, {
-      suffix: (0, _react.createElement)(_element.Fragment, null, filterInView.operator === _constants.OPERATOR_IN ? (0, _i18n.__)('Is') : (0, _i18n.__)('Is not'), (0, _react.createElement)(_components.Icon, {
-        icon: _icons.chevronRightSmall
-      }), ' ')
-    }, (0, _i18n.__)('Conditions'))
-  }, (0, _react.createElement)(DropdownMenuItem, {
-    key: "in-filter",
-    role: "menuitemradio",
-    "aria-checked": filterInView?.operator === _constants.OPERATOR_IN,
-    prefix: filterInView?.operator === _constants.OPERATOR_IN && (0, _react.createElement)(_components.Icon, {
-      icon: _icons.check
-    }),
-    onSelect: () => onChangeView(currentView => ({
-      ...currentView,
-      page: 1,
-      filters: [...view.filters.filter(f => f.field !== filter.field), {
-        field: filter.field,
-        operator: _constants.OPERATOR_IN,
-        value: filterInView?.value
-      }]
-    }))
-  }, (0, _i18n.__)('Is')), (0, _react.createElement)(DropdownMenuItem, {
-    key: "not-in-filter",
-    role: "menuitemradio",
-    "aria-checked": filterInView?.operator === _constants.OPERATOR_NOT_IN,
-    prefix: filterInView?.operator === _constants.OPERATOR_NOT_IN && (0, _react.createElement)(_components.Icon, {
-      icon: _icons.check
-    }),
-    onSelect: () => onChangeView(currentView => ({
-      ...currentView,
-      page: 1,
-      filters: [...view.filters.filter(f => f.field !== filter.field), {
-        field: filter.field,
-        operator: _constants.OPERATOR_NOT_IN,
-        value: filterInView?.value
-      }]
-    }))
-  }, (0, _i18n.__)('Is not')))));
+      })
+    }, (0, _react.createElement)(DropdownMenuItemLabel, null, element.label), !!element.description && (0, _react.createElement)(DropdownMenuItemHelpText, null, element.description));
+  })), filter.operators.length > 1 && (0, _react.createElement)(DropdownMenu, {
+    trigger: (0, _react.createElement)(DropdownMenuItem, {
+      suffix: (0, _react.createElement)("span", {
+        "aria-hidden": "true"
+      }, _constants.OPERATORS[activeOperator]?.label)
+    }, (0, _react.createElement)(DropdownMenuItemLabel, null, (0, _i18n.__)('Conditions')))
+  }, Object.entries(_constants.OPERATORS).map(([operator, {
+    label,
+    key
+  }]) => (0, _react.createElement)(_dropdownMenuHelper.DropdownMenuRadioItemCustom, {
+    key: key,
+    name: `filter-summary-${filter.field}-conditions`,
+    value: operator,
+    checked: activeOperator === operator,
+    onChange: e => {
+      onChangeView({
+        ...view,
+        page: 1,
+        filters: [...otherFilters, {
+          field: filter.field,
+          operator: e.target.value,
+          value: filterInView?.value
+        }]
+      });
+    }
+  }, (0, _react.createElement)(DropdownMenuItemLabel, null, label))))));
 }
 //# sourceMappingURL=filter-summary.js.map

package/build/filter-summary.js.map

@@ -1 +1 @@
-{"version":3,"names":["_components","require","_icons","_i18n","_element","_constants","_lockUnlock","DropdownMenuV2","DropdownMenu","DropdownMenuGroupV2","DropdownMenuGroup","DropdownMenuItemV2","DropdownMenuItem","DropdownMenuSeparatorV2","DropdownMenuSeparator","DropdownSubMenuV2","DropdownSubMenu","DropdownSubMenuTriggerV2","DropdownSubMenuTrigger","unlock","componentsPrivateApis","FilterText","activeElement","filterInView","filter","undefined","name","operator","OPERATOR_IN","sprintf","__","label","OPERATOR_NOT_IN","WithSeparators","children","Children","toArray","Boolean","map","child","i","_react","createElement","Fragment","key","FilterSummary","view","onChangeView","filters","find","f","field","elements","element","value","trigger","Button","variant","size","Icon","icon","chevronDown","style","flexShrink","role","prefix","check","onSelect","currentView","page","operators","length","suffix","chevronRightSmall"],"sources":["@wordpress/dataviews/src/filter-summary.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport {\n\tButton,\n\tprivateApis as componentsPrivateApis,\n\tIcon,\n} from '@wordpress/components';\nimport { chevronDown, chevronRightSmall, check } from '@wordpress/icons';\nimport { __, sprintf } from '@wordpress/i18n';\nimport { Children, Fragment } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport { OPERATOR_IN, OPERATOR_NOT_IN } from './constants';\nimport { unlock } from './lock-unlock';\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 FilterText = ( { activeElement, filterInView, filter } ) => {\n\tif ( activeElement === undefined ) {\n\t\treturn filter.name;\n\t}\n\n\tif (\n\t\tactiveElement !== undefined &&\n\t\tfilterInView?.operator === OPERATOR_IN\n\t) {\n\t\treturn sprintf(\n\t\t\t/* translators: 1: Filter name. 2: Filter value. e.g.: \"Author is Admin\". */\n\t\t\t__( '%1$s is %2$s' ),\n\t\t\tfilter.name,\n\t\t\tactiveElement.label\n\t\t);\n\t}\n\n\tif (\n\t\tactiveElement !== undefined &&\n\t\tfilterInView?.operator === OPERATOR_NOT_IN\n\t) {\n\t\treturn sprintf(\n\t\t\t/* translators: 1: Filter name. 2: Filter value. e.g.: \"Author is not Admin\". */\n\t\t\t__( '%1$s is not %2$s' ),\n\t\t\tfilter.name,\n\t\t\tactiveElement.label\n\t\t);\n\t}\n\n\treturn sprintf(\n\t\t/* translators: 1: Filter name e.g.: \"Unknown status for Author\". */\n\t\t__( 'Unknown status for %1$s' ),\n\t\tfilter.name\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\nexport default function FilterSummary( { filter, view, onChangeView } ) {\n\tconst filterInView = view.filters.find( ( f ) => f.field === filter.field );\n\tconst activeElement = filter.elements.find(\n\t\t( element ) => element.value === filterInView?.value\n\t);\n\n\treturn (\n\t\t<DropdownMenu\n\t\t\tkey={ filter.field }\n\t\t\ttrigger={\n\t\t\t\t<Button variant=\"tertiary\" size=\"compact\" label={ filter.name }>\n\t\t\t\t\t<FilterText\n\t\t\t\t\t\tactiveElement={ activeElement }\n\t\t\t\t\t\tfilterInView={ filterInView }\n\t\t\t\t\t\tfilter={ filter }\n\t\t\t\t\t/>\n\t\t\t\t\t<Icon icon={ chevronDown } style={ { flexShrink: 0 } } />\n\t\t\t\t</Button>\n\t\t\t}\n\t\t>\n\t\t\t<WithSeparators>\n\t\t\t\t<DropdownMenuGroup>\n\t\t\t\t\t{ filter.elements.map( ( element ) => {\n\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t<DropdownMenuItem\n\t\t\t\t\t\t\t\tkey={ element.value }\n\t\t\t\t\t\t\t\trole=\"menuitemradio\"\n\t\t\t\t\t\t\t\taria-checked={\n\t\t\t\t\t\t\t\t\tactiveElement?.value === element.value\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\tprefix={\n\t\t\t\t\t\t\t\t\tactiveElement?.value === element.value && (\n\t\t\t\t\t\t\t\t\t\t<Icon icon={ check } />\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\tonSelect={ () =>\n\t\t\t\t\t\t\t\t\tonChangeView( ( currentView ) => ( {\n\t\t\t\t\t\t\t\t\t\t...currentView,\n\t\t\t\t\t\t\t\t\t\tpage: 1,\n\t\t\t\t\t\t\t\t\t\tfilters: [\n\t\t\t\t\t\t\t\t\t\t\t...view.filters.filter(\n\t\t\t\t\t\t\t\t\t\t\t\t( f ) =>\n\t\t\t\t\t\t\t\t\t\t\t\t\tf.field !== filter.field\n\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\tfield: filter.field,\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\tfilterInView?.operator ||\n\t\t\t\t\t\t\t\t\t\t\t\t\tfilter.operators[ 0 ],\n\t\t\t\t\t\t\t\t\t\t\t\tvalue:\n\t\t\t\t\t\t\t\t\t\t\t\t\tactiveElement?.value ===\n\t\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\t\t\t? undefined\n\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},\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{ element.label }\n\t\t\t\t\t\t\t</DropdownMenuItem>\n\t\t\t\t\t\t);\n\t\t\t\t\t} ) }\n\t\t\t\t</DropdownMenuGroup>\n\t\t\t\t{ filter.operators.length > 1 && (\n\t\t\t\t\t<DropdownSubMenu\n\t\t\t\t\t\ttrigger={\n\t\t\t\t\t\t\t<DropdownSubMenuTrigger\n\t\t\t\t\t\t\t\tsuffix={\n\t\t\t\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t\t\t\t{ filterInView.operator === OPERATOR_IN\n\t\t\t\t\t\t\t\t\t\t\t? __( 'Is' )\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<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>\n\t\t\t\t\t\t\t\t{ __( 'Conditions' ) }\n\t\t\t\t\t\t\t</DropdownSubMenuTrigger>\n\t\t\t\t\t\t}\n\t\t\t\t\t>\n\t\t\t\t\t\t<DropdownMenuItem\n\t\t\t\t\t\t\tkey=\"in-filter\"\n\t\t\t\t\t\t\trole=\"menuitemradio\"\n\t\t\t\t\t\t\taria-checked={\n\t\t\t\t\t\t\t\tfilterInView?.operator === OPERATOR_IN\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tprefix={\n\t\t\t\t\t\t\t\tfilterInView?.operator === OPERATOR_IN && (\n\t\t\t\t\t\t\t\t\t<Icon icon={ check } />\n\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tonSelect={ () =>\n\t\t\t\t\t\t\t\tonChangeView( ( currentView ) => ( {\n\t\t\t\t\t\t\t\t\t...currentView,\n\t\t\t\t\t\t\t\t\tpage: 1,\n\t\t\t\t\t\t\t\t\tfilters: [\n\t\t\t\t\t\t\t\t\t\t...view.filters.filter(\n\t\t\t\t\t\t\t\t\t\t\t( f ) => f.field !== filter.field\n\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\tfield: filter.field,\n\t\t\t\t\t\t\t\t\t\t\toperator: OPERATOR_IN,\n\t\t\t\t\t\t\t\t\t\t\tvalue: filterInView?.value,\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>\n\t\t\t\t\t\t\t{ __( 'Is' ) }\n\t\t\t\t\t\t</DropdownMenuItem>\n\t\t\t\t\t\t<DropdownMenuItem\n\t\t\t\t\t\t\tkey=\"not-in-filter\"\n\t\t\t\t\t\t\trole=\"menuitemradio\"\n\t\t\t\t\t\t\taria-checked={\n\t\t\t\t\t\t\t\tfilterInView?.operator === OPERATOR_NOT_IN\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tprefix={\n\t\t\t\t\t\t\t\tfilterInView?.operator === OPERATOR_NOT_IN && (\n\t\t\t\t\t\t\t\t\t<Icon icon={ check } />\n\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tonSelect={ () =>\n\t\t\t\t\t\t\t\tonChangeView( ( currentView ) => ( {\n\t\t\t\t\t\t\t\t\t...currentView,\n\t\t\t\t\t\t\t\t\tpage: 1,\n\t\t\t\t\t\t\t\t\tfilters: [\n\t\t\t\t\t\t\t\t\t\t...view.filters.filter(\n\t\t\t\t\t\t\t\t\t\t\t( f ) => f.field !== filter.field\n\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\tfield: filter.field,\n\t\t\t\t\t\t\t\t\t\t\toperator: OPERATOR_NOT_IN,\n\t\t\t\t\t\t\t\t\t\t\tvalue: filterInView?.value,\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>\n\t\t\t\t\t\t\t{ __( 'Is not' ) }\n\t\t\t\t\t\t</DropdownMenuItem>\n\t\t\t\t\t</DropdownSubMenu>\n\t\t\t\t) }\n\t\t\t</WithSeparators>\n\t\t</DropdownMenu>\n\t);\n}\n"],"mappings":"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"}
+{"version":3,"names":["_components","require","_icons","_i18n","_element","_constants","_lockUnlock","_dropdownMenuHelper","DropdownMenuV2","DropdownMenu","DropdownMenuGroupV2","DropdownMenuGroup","DropdownMenuItemV2","DropdownMenuItem","DropdownMenuSeparatorV2","DropdownMenuSeparator","DropdownMenuItemLabelV2","DropdownMenuItemLabel","DropdownMenuItemHelpTextV2","DropdownMenuItemHelpText","unlock","componentsPrivateApis","FilterText","activeElement","filterInView","filter","undefined","name","operator","OPERATOR_IN","sprintf","__","label","OPERATOR_NOT_IN","WithSeparators","children","Children","toArray","Boolean","map","child","i","_react","createElement","Fragment","key","FilterSummary","view","onChangeView","filters","find","f","field","otherFilters","elements","element","value","activeOperator","operators","trigger","Button","variant","size","Icon","icon","chevronDown","style","flexShrink","isActive","DropdownMenuRadioItemCustom","checked","onClick","page","description","length","suffix","OPERATORS","Object","entries","onChange","e","target"],"sources":["@wordpress/dataviews/src/filter-summary.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport {\n\tButton,\n\tprivateApis as componentsPrivateApis,\n\tIcon,\n} from '@wordpress/components';\nimport { chevronDown } from '@wordpress/icons';\nimport { __, sprintf } from '@wordpress/i18n';\nimport { Children, Fragment } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport { OPERATOR_IN, OPERATOR_NOT_IN, OPERATORS } from './constants';\nimport { unlock } from './lock-unlock';\nimport { DropdownMenuRadioItemCustom } from './dropdown-menu-helper';\n\nconst {\n\tDropdownMenuV2: DropdownMenu,\n\tDropdownMenuGroupV2: DropdownMenuGroup,\n\tDropdownMenuItemV2: DropdownMenuItem,\n\tDropdownMenuSeparatorV2: DropdownMenuSeparator,\n\tDropdownMenuItemLabelV2: DropdownMenuItemLabel,\n\tDropdownMenuItemHelpTextV2: DropdownMenuItemHelpText,\n} = unlock( componentsPrivateApis );\n\nconst FilterText = ( { activeElement, filterInView, filter } ) => {\n\tif ( activeElement === undefined ) {\n\t\treturn filter.name;\n\t}\n\n\tif (\n\t\tactiveElement !== undefined &&\n\t\tfilterInView?.operator === OPERATOR_IN\n\t) {\n\t\treturn sprintf(\n\t\t\t/* translators: 1: Filter name. 2: Filter value. e.g.: \"Author is Admin\". */\n\t\t\t__( '%1$s is %2$s' ),\n\t\t\tfilter.name,\n\t\t\tactiveElement.label\n\t\t);\n\t}\n\n\tif (\n\t\tactiveElement !== undefined &&\n\t\tfilterInView?.operator === OPERATOR_NOT_IN\n\t) {\n\t\treturn sprintf(\n\t\t\t/* translators: 1: Filter name. 2: Filter value. e.g.: \"Author is not Admin\". */\n\t\t\t__( '%1$s is not %2$s' ),\n\t\t\tfilter.name,\n\t\t\tactiveElement.label\n\t\t);\n\t}\n\n\treturn sprintf(\n\t\t/* translators: 1: Filter name e.g.: \"Unknown status for Author\". */\n\t\t__( 'Unknown status for %1$s' ),\n\t\tfilter.name\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\nexport default function FilterSummary( { filter, view, onChangeView } ) {\n\tconst filterInView = view.filters.find( ( f ) => f.field === filter.field );\n\tconst otherFilters = view.filters.filter(\n\t\t( f ) => f.field !== filter.field\n\t);\n\tconst activeElement = filter.elements.find(\n\t\t( element ) => element.value === filterInView?.value\n\t);\n\tconst activeOperator = filterInView?.operator || filter.operators[ 0 ];\n\n\treturn (\n\t\t<DropdownMenu\n\t\t\tkey={ filter.field }\n\t\t\ttrigger={\n\t\t\t\t<Button variant=\"tertiary\" size=\"compact\" label={ filter.name }>\n\t\t\t\t\t<FilterText\n\t\t\t\t\t\tactiveElement={ activeElement }\n\t\t\t\t\t\tfilterInView={ filterInView }\n\t\t\t\t\t\tfilter={ filter }\n\t\t\t\t\t/>\n\t\t\t\t\t<Icon icon={ chevronDown } style={ { flexShrink: 0 } } />\n\t\t\t\t</Button>\n\t\t\t}\n\t\t>\n\t\t\t<WithSeparators>\n\t\t\t\t<DropdownMenuGroup>\n\t\t\t\t\t{ filter.elements.map( ( element ) => {\n\t\t\t\t\t\tconst isActive = activeElement?.value === element.value;\n\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t<DropdownMenuRadioItemCustom\n\t\t\t\t\t\t\t\tkey={ element.value }\n\t\t\t\t\t\t\t\tname={ `filter-summary-${ filter.field }` }\n\t\t\t\t\t\t\t\tvalue={ element.value }\n\t\t\t\t\t\t\t\tchecked={ isActive }\n\t\t\t\t\t\t\t\tonClick={ () =>\n\t\t\t\t\t\t\t\t\tonChangeView( {\n\t\t\t\t\t\t\t\t\t\t...view,\n\t\t\t\t\t\t\t\t\t\tpage: 1,\n\t\t\t\t\t\t\t\t\t\tfilters: [\n\t\t\t\t\t\t\t\t\t\t\t...otherFilters,\n\t\t\t\t\t\t\t\t\t\t\t{\n\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\toperator: activeOperator,\n\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? undefined\n\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},\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<DropdownMenuItemLabel>\n\t\t\t\t\t\t\t\t\t{ element.label }\n\t\t\t\t\t\t\t\t</DropdownMenuItemLabel>\n\t\t\t\t\t\t\t\t{ !! element.description && (\n\t\t\t\t\t\t\t\t\t<DropdownMenuItemHelpText>\n\t\t\t\t\t\t\t\t\t\t{ element.description }\n\t\t\t\t\t\t\t\t\t</DropdownMenuItemHelpText>\n\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t</DropdownMenuRadioItemCustom>\n\t\t\t\t\t\t);\n\t\t\t\t\t} ) }\n\t\t\t\t</DropdownMenuGroup>\n\t\t\t\t{ filter.operators.length > 1 && (\n\t\t\t\t\t<DropdownMenu\n\t\t\t\t\t\ttrigger={\n\t\t\t\t\t\t\t<DropdownMenuItem\n\t\t\t\t\t\t\t\tsuffix={\n\t\t\t\t\t\t\t\t\t<span aria-hidden=\"true\">\n\t\t\t\t\t\t\t\t\t\t{ OPERATORS[ activeOperator ]?.label }\n\t\t\t\t\t\t\t\t\t</span>\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<DropdownMenuItemLabel>\n\t\t\t\t\t\t\t\t\t{ __( 'Conditions' ) }\n\t\t\t\t\t\t\t\t</DropdownMenuItemLabel>\n\t\t\t\t\t\t\t</DropdownMenuItem>\n\t\t\t\t\t\t}\n\t\t\t\t\t>\n\t\t\t\t\t\t{ Object.entries( OPERATORS ).map(\n\t\t\t\t\t\t\t( [ operator, { label, key } ] ) => (\n\t\t\t\t\t\t\t\t<DropdownMenuRadioItemCustom\n\t\t\t\t\t\t\t\t\tkey={ key }\n\t\t\t\t\t\t\t\t\tname={ `filter-summary-${ filter.field }-conditions` }\n\t\t\t\t\t\t\t\t\tvalue={ operator }\n\t\t\t\t\t\t\t\t\tchecked={ activeOperator === operator }\n\t\t\t\t\t\t\t\t\tonChange={ ( e ) => {\n\t\t\t\t\t\t\t\t\t\tonChangeView( {\n\t\t\t\t\t\t\t\t\t\t\t...view,\n\t\t\t\t\t\t\t\t\t\t\tpage: 1,\n\t\t\t\t\t\t\t\t\t\t\tfilters: [\n\t\t\t\t\t\t\t\t\t\t\t\t...otherFilters,\n\t\t\t\t\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\t\t\t\t\tfield: filter.field,\n\t\t\t\t\t\t\t\t\t\t\t\t\toperator: e.target.value,\n\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},\n\t\t\t\t\t\t\t\t\t\t\t],\n\t\t\t\t\t\t\t\t\t\t} );\n\t\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t<DropdownMenuItemLabel>\n\t\t\t\t\t\t\t\t\t\t{ label }\n\t\t\t\t\t\t\t\t\t</DropdownMenuItemLabel>\n\t\t\t\t\t\t\t\t</DropdownMenuRadioItemCustom>\n\t\t\t\t\t\t\t)\n\t\t\t\t\t\t) }\n\t\t\t\t\t</DropdownMenu>\n\t\t\t\t) }\n\t\t\t</WithSeparators>\n\t\t</DropdownMenu>\n\t);\n}\n"],"mappings":"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"}

package/build/filters.js

@@ -4,24 +4,29 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = Filters;
+exports.default = void 0;
 var _react = require("react");
+var _element = require("@wordpress/element");
 var _filterSummary = _interopRequireDefault(require("./filter-summary"));
 var _addFilter = _interopRequireDefault(require("./add-filter"));
 var _resetFilters = _interopRequireDefault(require("./reset-filters"));
 var _constants = require("./constants");
+/**
+ * WordPress dependencies
+ */
+
 /**
  * Internal dependencies
  */
 
-const operatorsFromField = field => {
+const sanitizeOperators = field => {
   let operators = field.filterBy?.operators;
   if (!operators || !Array.isArray(operators)) {
     operators = [_constants.OPERATOR_IN, _constants.OPERATOR_NOT_IN];
   }
   return operators.filter(operator => [_constants.OPERATOR_IN, _constants.OPERATOR_NOT_IN].includes(operator));
 };
-function Filters({
+const Filters = (0, _element.memo)(function Filters({
   fields,
   view,
   onChangeView
@@ -31,39 +36,42 @@ function Filters({
     if (!field.type) {
       return;
     }
-    const operators = operatorsFromField(field);
+    const operators = sanitizeOperators(field);
     if (operators.length === 0) {
       return;
     }
     switch (field.type) {
       case _constants.ENUMERATION_TYPE:
+        if (!field.elements?.length) {
+          return;
+        }
         filters.push({
           field: field.id,
           name: field.header,
-          elements: field.elements || [],
+          elements: field.elements,
           operators,
           isVisible: view.filters.some(f => f.field === field.id && [_constants.OPERATOR_IN, _constants.OPERATOR_NOT_IN].includes(f.operator))
         });
     }
   });
-  const filterComponents = filters.map(filter => {
-    if (!filter.isVisible) {
+  const addFilter = (0, _react.createElement)(_addFilter.default, {
+    key: "add-filter",
+    filters: filters,
+    view: view,
+    onChangeView: onChangeView
+  });
+  const filterComponents = [addFilter, ...filters.map(filter => {
+    if (!filter.isVisible || view.type === _constants.LAYOUT_LIST) {
       return null;
     }
     return (0, _react.createElement)(_filterSummary.default, {
-      key: filter.field + '.' + filter.operator,
+      key: filter.field,
       filter: filter,
       view: view,
       onChangeView: onChangeView
     });
-  });
-  filterComponents.push((0, _react.createElement)(_addFilter.default, {
-    key: "add-filter",
-    fields: fields,
-    view: view,
-    onChangeView: onChangeView
-  }));
-  if (filterComponents.length > 1) {
+  })];
+  if (filterComponents.length > 1 && view.type !== _constants.LAYOUT_LIST) {
     filterComponents.push((0, _react.createElement)(_resetFilters.default, {
       key: "reset-filters",
       view: view,
@@ -71,5 +79,7 @@ function Filters({
     }));
   }
   return filterComponents;
-}
+});
+var _default = Filters;
+exports.default = _default;
 //# sourceMappingURL=filters.js.map

package/build/filters.js.map

@@ -1 +1 @@
-{"version":3,"names":["_filterSummary","_interopRequireDefault","require","_addFilter","_resetFilters","_constants","operatorsFromField","field","operators","filterBy","Array","isArray","OPERATOR_IN","OPERATOR_NOT_IN","filter","operator","includes","Filters","fields","view","onChangeView","filters","forEach","type","length","ENUMERATION_TYPE","push","id","name","header","elements","isVisible","some","f","filterComponents","map","_react","createElement","default","key"],"sources":["@wordpress/dataviews/src/filters.js"],"sourcesContent":["/**\n * Internal dependencies\n */\nimport FilterSummary from './filter-summary';\nimport AddFilter from './add-filter';\nimport ResetFilters from './reset-filters';\nimport { ENUMERATION_TYPE, OPERATOR_IN, OPERATOR_NOT_IN } from './constants';\n\nconst operatorsFromField = ( field ) => {\n\tlet operators = field.filterBy?.operators;\n\tif ( ! operators || ! Array.isArray( operators ) ) {\n\t\toperators = [ OPERATOR_IN, OPERATOR_NOT_IN ];\n\t}\n\treturn operators.filter( ( operator ) =>\n\t\t[ OPERATOR_IN, OPERATOR_NOT_IN ].includes( operator )\n\t);\n};\n\nexport default function Filters( { fields, view, onChangeView } ) {\n\tconst filters = [];\n\tfields.forEach( ( field ) => {\n\t\tif ( ! field.type ) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst operators = operatorsFromField( field );\n\t\tif ( operators.length === 0 ) {\n\t\t\treturn;\n\t\t}\n\n\t\tswitch ( field.type ) {\n\t\t\tcase ENUMERATION_TYPE:\n\t\t\t\tfilters.push( {\n\t\t\t\t\tfield: field.id,\n\t\t\t\t\tname: field.header,\n\t\t\t\t\telements: field.elements || [],\n\t\t\t\t\toperators,\n\t\t\t\t\tisVisible: view.filters.some(\n\t\t\t\t\t\t( f ) =>\n\t\t\t\t\t\t\tf.field === field.id &&\n\t\t\t\t\t\t\t[ OPERATOR_IN, OPERATOR_NOT_IN ].includes(\n\t\t\t\t\t\t\t\tf.operator\n\t\t\t\t\t\t\t)\n\t\t\t\t\t),\n\t\t\t\t} );\n\t\t}\n\t} );\n\n\tconst filterComponents = filters.map( ( filter ) => {\n\t\tif ( ! filter.isVisible ) {\n\t\t\treturn null;\n\t\t}\n\n\t\treturn (\n\t\t\t<FilterSummary\n\t\t\t\tkey={ filter.field + '.' + filter.operator }\n\t\t\t\tfilter={ filter }\n\t\t\t\tview={ view }\n\t\t\t\tonChangeView={ onChangeView }\n\t\t\t/>\n\t\t);\n\t} );\n\n\tfilterComponents.push(\n\t\t<AddFilter\n\t\t\tkey=\"add-filter\"\n\t\t\tfields={ fields }\n\t\t\tview={ view }\n\t\t\tonChangeView={ onChangeView }\n\t\t/>\n\t);\n\n\tif ( filterComponents.length > 1 ) {\n\t\tfilterComponents.push(\n\t\t\t<ResetFilters\n\t\t\t\tkey=\"reset-filters\"\n\t\t\t\tview={ view }\n\t\t\t\tonChangeView={ onChangeView }\n\t\t\t/>\n\t\t);\n\t}\n\n\treturn filterComponents;\n}\n"],"mappings":";;;;;;;;AAGA,IAAAA,cAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,UAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,aAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,UAAA,GAAAH,OAAA;AANA;AACA;AACA;;AAMA,MAAMI,kBAAkB,GAAKC,KAAK,IAAM;EACvC,IAAIC,SAAS,GAAGD,KAAK,CAACE,QAAQ,EAAED,SAAS;EACzC,IAAK,CAAEA,SAAS,IAAI,CAAEE,KAAK,CAACC,OAAO,CAAEH,SAAU,CAAC,EAAG;IAClDA,SAAS,GAAG,CAAEI,sBAAW,EAAEC,0BAAe,CAAE;EAC7C;EACA,OAAOL,SAAS,CAACM,MAAM,CAAIC,QAAQ,IAClC,CAAEH,sBAAW,EAAEC,0BAAe,CAAE,CAACG,QAAQ,CAAED,QAAS,CACrD,CAAC;AACF,CAAC;AAEc,SAASE,OAAOA,CAAE;EAAEC,MAAM;EAAEC,IAAI;EAAEC;AAAa,CAAC,EAAG;EACjE,MAAMC,OAAO,GAAG,EAAE;EAClBH,MAAM,CAACI,OAAO,CAAIf,KAAK,IAAM;IAC5B,IAAK,CAAEA,KAAK,CAACgB,IAAI,EAAG;MACnB;IACD;IAEA,MAAMf,SAAS,GAAGF,kBAAkB,CAAEC,KAAM,CAAC;IAC7C,IAAKC,SAAS,CAACgB,MAAM,KAAK,CAAC,EAAG;MAC7B;IACD;IAEA,QAASjB,KAAK,CAACgB,IAAI;MAClB,KAAKE,2BAAgB;QACpBJ,OAAO,CAACK,IAAI,CAAE;UACbnB,KAAK,EAAEA,KAAK,CAACoB,EAAE;UACfC,IAAI,EAAErB,KAAK,CAACsB,MAAM;UAClBC,QAAQ,EAAEvB,KAAK,CAACuB,QAAQ,IAAI,EAAE;UAC9BtB,SAAS;UACTuB,SAAS,EAAEZ,IAAI,CAACE,OAAO,CAACW,IAAI,CACzBC,CAAC,IACFA,CAAC,CAAC1B,KAAK,KAAKA,KAAK,CAACoB,EAAE,IACpB,CAAEf,sBAAW,EAAEC,0BAAe,CAAE,CAACG,QAAQ,CACxCiB,CAAC,CAAClB,QACH,CACF;QACD,CAAE,CAAC;IACL;EACD,CAAE,CAAC;EAEH,MAAMmB,gBAAgB,GAAGb,OAAO,CAACc,GAAG,CAAIrB,MAAM,IAAM;IACnD,IAAK,CAAEA,MAAM,CAACiB,SAAS,EAAG;MACzB,OAAO,IAAI;IACZ;IAEA,OACC,IAAAK,MAAA,CAAAC,aAAA,EAACrC,cAAA,CAAAsC,OAAa;MACbC,GAAG,EAAGzB,MAAM,CAACP,KAAK,GAAG,GAAG,GAAGO,MAAM,CAACC,QAAU;MAC5CD,MAAM,EAAGA,MAAQ;MACjBK,IAAI,EAAGA,IAAM;MACbC,YAAY,EAAGA;IAAc,CAC7B,CAAC;EAEJ,CAAE,CAAC;EAEHc,gBAAgB,CAACR,IAAI,CACpB,IAAAU,MAAA,CAAAC,aAAA,EAAClC,UAAA,CAAAmC,OAAS;IACTC,GAAG,EAAC,YAAY;IAChBrB,MAAM,EAAGA,MAAQ;IACjBC,IAAI,EAAGA,IAAM;IACbC,YAAY,EAAGA;EAAc,CAC7B,CACF,CAAC;EAED,IAAKc,gBAAgB,CAACV,MAAM,GAAG,CAAC,EAAG;IAClCU,gBAAgB,CAACR,IAAI,CACpB,IAAAU,MAAA,CAAAC,aAAA,EAACjC,aAAA,CAAAkC,OAAY;MACZC,GAAG,EAAC,eAAe;MACnBpB,IAAI,EAAGA,IAAM;MACbC,YAAY,EAAGA;IAAc,CAC7B,CACF,CAAC;EACF;EAEA,OAAOc,gBAAgB;AACxB"}
+{"version":3,"names":["_element","require","_filterSummary","_interopRequireDefault","_addFilter","_resetFilters","_constants","sanitizeOperators","field","operators","filterBy","Array","isArray","OPERATOR_IN","OPERATOR_NOT_IN","filter","operator","includes","Filters","memo","fields","view","onChangeView","filters","forEach","type","length","ENUMERATION_TYPE","elements","push","id","name","header","isVisible","some","f","addFilter","_react","createElement","default","key","filterComponents","map","LAYOUT_LIST","_default","exports"],"sources":["@wordpress/dataviews/src/filters.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { memo } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport FilterSummary from './filter-summary';\nimport AddFilter from './add-filter';\nimport ResetFilters from './reset-filters';\nimport {\n\tENUMERATION_TYPE,\n\tOPERATOR_IN,\n\tOPERATOR_NOT_IN,\n\tLAYOUT_LIST,\n} from './constants';\n\nconst sanitizeOperators = ( field ) => {\n\tlet operators = field.filterBy?.operators;\n\tif ( ! operators || ! Array.isArray( operators ) ) {\n\t\toperators = [ OPERATOR_IN, OPERATOR_NOT_IN ];\n\t}\n\treturn operators.filter( ( operator ) =>\n\t\t[ OPERATOR_IN, OPERATOR_NOT_IN ].includes( operator )\n\t);\n};\n\nconst Filters = memo( function Filters( { fields, view, onChangeView } ) {\n\tconst filters = [];\n\tfields.forEach( ( field ) => {\n\t\tif ( ! field.type ) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst operators = sanitizeOperators( field );\n\t\tif ( operators.length === 0 ) {\n\t\t\treturn;\n\t\t}\n\n\t\tswitch ( field.type ) {\n\t\t\tcase ENUMERATION_TYPE:\n\t\t\t\tif ( ! field.elements?.length ) {\n\t\t\t\t\treturn;\n\t\t\t\t}\n\t\t\t\tfilters.push( {\n\t\t\t\t\tfield: field.id,\n\t\t\t\t\tname: field.header,\n\t\t\t\t\telements: field.elements,\n\t\t\t\t\toperators,\n\t\t\t\t\tisVisible: view.filters.some(\n\t\t\t\t\t\t( f ) =>\n\t\t\t\t\t\t\tf.field === field.id &&\n\t\t\t\t\t\t\t[ OPERATOR_IN, OPERATOR_NOT_IN ].includes(\n\t\t\t\t\t\t\t\tf.operator\n\t\t\t\t\t\t\t)\n\t\t\t\t\t),\n\t\t\t\t} );\n\t\t}\n\t} );\n\n\tconst addFilter = (\n\t\t<AddFilter\n\t\t\tkey=\"add-filter\"\n\t\t\tfilters={ filters }\n\t\t\tview={ view }\n\t\t\tonChangeView={ onChangeView }\n\t\t/>\n\t);\n\tconst filterComponents = [\n\t\taddFilter,\n\t\t...filters.map( ( filter ) => {\n\t\t\tif ( ! filter.isVisible || view.type === LAYOUT_LIST ) {\n\t\t\t\treturn null;\n\t\t\t}\n\n\t\t\treturn (\n\t\t\t\t<FilterSummary\n\t\t\t\t\tkey={ filter.field }\n\t\t\t\t\tfilter={ filter }\n\t\t\t\t\tview={ view }\n\t\t\t\t\tonChangeView={ onChangeView }\n\t\t\t\t/>\n\t\t\t);\n\t\t} ),\n\t];\n\n\tif ( filterComponents.length > 1 && view.type !== LAYOUT_LIST ) {\n\t\tfilterComponents.push(\n\t\t\t<ResetFilters\n\t\t\t\tkey=\"reset-filters\"\n\t\t\t\tview={ view }\n\t\t\t\tonChangeView={ onChangeView }\n\t\t\t/>\n\t\t);\n\t}\n\n\treturn filterComponents;\n} );\n\nexport default Filters;\n"],"mappings":"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"}

package/build/index.js

@@ -16,6 +16,19 @@ Object.defineProperty(exports, "VIEW_LAYOUTS", {
     return _constants.VIEW_LAYOUTS;
   }
 });
+Object.defineProperty(exports, "getPaginationResults", {
+  enumerable: true,
+  get: function () {
+    return _utils.getPaginationResults;
+  }
+});
+Object.defineProperty(exports, "sortByTextFields", {
+  enumerable: true,
+  get: function () {
+    return _utils.sortByTextFields;
+  }
+});
 var _dataviews = _interopRequireDefault(require("./dataviews"));
+var _utils = require("./utils");
 var _constants = require("./constants");
 //# sourceMappingURL=index.js.map

package/build/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_dataviews","_interopRequireDefault","require","_constants"],"sources":["@wordpress/dataviews/src/index.js"],"sourcesContent":["export { default as DataViews } from './dataviews';\nexport { VIEW_LAYOUTS } from './constants';\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA,IAAAA,UAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,UAAA,GAAAD,OAAA"}
+{"version":3,"names":["_dataviews","_interopRequireDefault","require","_utils","_constants"],"sources":["@wordpress/dataviews/src/index.js"],"sourcesContent":["export { default as DataViews } from './dataviews';\nexport { sortByTextFields, getPaginationResults } from './utils';\nexport { VIEW_LAYOUTS } from './constants';\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,UAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,MAAA,GAAAD,OAAA;AACA,IAAAE,UAAA,GAAAF,OAAA"}

package/build/item-actions.js

@@ -19,10 +19,11 @@ var _lockUnlock = require("./lock-unlock");
  */
 
 const {
-  DropdownMenuV2Ariakit: DropdownMenu,
-  DropdownMenuGroupV2Ariakit: DropdownMenuGroup,
-  DropdownMenuItemV2Ariakit: DropdownMenuItem,
-  DropdownMenuItemLabelV2Ariakit: DropdownMenuItemLabel
+  DropdownMenuV2: DropdownMenu,
+  DropdownMenuGroupV2: DropdownMenuGroup,
+  DropdownMenuItemV2: DropdownMenuItem,
+  DropdownMenuItemLabelV2: DropdownMenuItemLabel,
+  kebabCase
 } = (0, _lockUnlock.unlock)(_components.privateApis);
 function ButtonTrigger({
   action,
@@ -62,12 +63,12 @@ function ActionWithModal({
   return (0, _react.createElement)(_react.Fragment, null, (0, _react.createElement)(ActionTrigger, {
     ...actionTriggerProps
   }), isModalOpen && (0, _react.createElement)(_components.Modal, {
-    title: !hideModalHeader && action.label,
+    title: !hideModalHeader && action.modalHeader || action.label,
     __experimentalHideHeader: !!hideModalHeader,
     onRequestClose: () => {
       setIsModalOpen(false);
     },
-    overlayClassName: "dataviews-action-modal"
+    overlayClassName: `dataviews-action-modal dataviews-action-modal__${kebabCase(action.id)}`
   }, (0, _react.createElement)(RenderModal, {
     item: item,
     closeModal: () => setIsModalOpen(false)
@@ -119,9 +120,6 @@ function ItemActions({
       secondaryActions: []
     });
   }, [actions, item]);
-  if (!primaryActions.length && !secondaryActions.length) {
-    return null;
-  }
   if (isCompact) {
     return (0, _react.createElement)(CompactItemActions, {
       item: item,
@@ -150,11 +148,12 @@ function ItemActions({
       action: action,
       onClick: () => action.callback(item)
     });
-  }), !!secondaryActions.length && (0, _react.createElement)(DropdownMenu, {
+  }), (0, _react.createElement)(DropdownMenu, {
     trigger: (0, _react.createElement)(_components.Button, {
       size: "compact",
       icon: _icons.moreVertical,
-      label: (0, _i18n.__)('Actions')
+      label: (0, _i18n.__)('Actions'),
+      disabled: !secondaryActions.length
     }),
     placement: "bottom-end"
   }, (0, _react.createElement)(ActionsDropdownMenuGroup, {
@@ -171,7 +170,8 @@ function CompactItemActions({
     trigger: (0, _react.createElement)(_components.Button, {
       size: "compact",
       icon: _icons.moreVertical,
-      label: (0, _i18n.__)('Actions')
+      label: (0, _i18n.__)('Actions'),
+      disabled: !primaryActions.length && !secondaryActions.length
     }),
     placement: "bottom-end"
   }, !!primaryActions.length && (0, _react.createElement)(ActionsDropdownMenuGroup, {

package/build/item-actions.js.map

@@ -1 +1 @@
-{"version":3,"names":["_components","require","_i18n","_element","_icons","_lockUnlock","DropdownMenuV2Ariakit","DropdownMenu","DropdownMenuGroupV2Ariakit","DropdownMenuGroup","DropdownMenuItemV2Ariakit","DropdownMenuItem","DropdownMenuItemLabelV2Ariakit","DropdownMenuItemLabel","unlock","componentsPrivateApis","ButtonTrigger","action","onClick","_react","createElement","Button","label","icon","isDestructive","size","DropdownMenuItemTrigger","hideOnClick","RenderModal","ActionWithModal","item","ActionTrigger","isModalOpen","setIsModalOpen","useState","actionTriggerProps","hideModalHeader","Fragment","Modal","title","__experimentalHideHeader","onRequestClose","overlayClassName","closeModal","ActionsDropdownMenuGroup","actions","map","key","id","callback","ItemActions","isCompact","primaryActions","secondaryActions","useMemo","reduce","accumulator","isEligible","isPrimary","push","length","CompactItemActions","__experimentalHStack","spacing","justify","style","flexShrink","width","trigger","moreVertical","__","placement"],"sources":["@wordpress/dataviews/src/item-actions.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport {\n\tButton,\n\tModal,\n\t__experimentalHStack as HStack,\n\tprivateApis as componentsPrivateApis,\n} from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\nimport { useMemo, useState } from '@wordpress/element';\nimport { moreVertical } from '@wordpress/icons';\n\n/**\n * Internal dependencies\n */\nimport { unlock } from './lock-unlock';\n\nconst {\n\tDropdownMenuV2Ariakit: DropdownMenu,\n\tDropdownMenuGroupV2Ariakit: DropdownMenuGroup,\n\tDropdownMenuItemV2Ariakit: DropdownMenuItem,\n\tDropdownMenuItemLabelV2Ariakit: DropdownMenuItemLabel,\n} = unlock( componentsPrivateApis );\n\nfunction ButtonTrigger( { action, onClick } ) {\n\treturn (\n\t\t<Button\n\t\t\tlabel={ action.label }\n\t\t\ticon={ action.icon }\n\t\t\tisDestructive={ action.isDestructive }\n\t\t\tsize=\"compact\"\n\t\t\tonClick={ onClick }\n\t\t/>\n\t);\n}\n\nfunction DropdownMenuItemTrigger( { action, onClick } ) {\n\treturn (\n\t\t<DropdownMenuItem\n\t\t\tonClick={ onClick }\n\t\t\thideOnClick={ ! action.RenderModal }\n\t\t>\n\t\t\t<DropdownMenuItemLabel>{ action.label }</DropdownMenuItemLabel>\n\t\t</DropdownMenuItem>\n\t);\n}\n\nfunction ActionWithModal( { action, item, ActionTrigger } ) {\n\tconst [ isModalOpen, setIsModalOpen ] = useState( false );\n\tconst actionTriggerProps = {\n\t\taction,\n\t\tonClick: () => setIsModalOpen( true ),\n\t};\n\tconst { RenderModal, hideModalHeader } = action;\n\treturn (\n\t\t<>\n\t\t\t<ActionTrigger { ...actionTriggerProps } />\n\t\t\t{ isModalOpen && (\n\t\t\t\t<Modal\n\t\t\t\t\ttitle={ ! hideModalHeader && action.label }\n\t\t\t\t\t__experimentalHideHeader={ !! hideModalHeader }\n\t\t\t\t\tonRequestClose={ () => {\n\t\t\t\t\t\tsetIsModalOpen( false );\n\t\t\t\t\t} }\n\t\t\t\t\toverlayClassName=\"dataviews-action-modal\"\n\t\t\t\t>\n\t\t\t\t\t<RenderModal\n\t\t\t\t\t\titem={ item }\n\t\t\t\t\t\tcloseModal={ () => setIsModalOpen( false ) }\n\t\t\t\t\t/>\n\t\t\t\t</Modal>\n\t\t\t) }\n\t\t</>\n\t);\n}\n\nfunction ActionsDropdownMenuGroup( { actions, item } ) {\n\treturn (\n\t\t<DropdownMenuGroup>\n\t\t\t{ actions.map( ( action ) => {\n\t\t\t\tif ( !! action.RenderModal ) {\n\t\t\t\t\treturn (\n\t\t\t\t\t\t<ActionWithModal\n\t\t\t\t\t\t\tkey={ action.id }\n\t\t\t\t\t\t\taction={ action }\n\t\t\t\t\t\t\titem={ item }\n\t\t\t\t\t\t\tActionTrigger={ DropdownMenuItemTrigger }\n\t\t\t\t\t\t/>\n\t\t\t\t\t);\n\t\t\t\t}\n\t\t\t\treturn (\n\t\t\t\t\t<DropdownMenuItemTrigger\n\t\t\t\t\t\tkey={ action.id }\n\t\t\t\t\t\taction={ action }\n\t\t\t\t\t\tonClick={ () => action.callback( item ) }\n\t\t\t\t\t/>\n\t\t\t\t);\n\t\t\t} ) }\n\t\t</DropdownMenuGroup>\n\t);\n}\n\nexport default function ItemActions( { item, actions, isCompact } ) {\n\tconst { primaryActions, secondaryActions } = useMemo( () => {\n\t\treturn actions.reduce(\n\t\t\t( accumulator, action ) => {\n\t\t\t\t// If an action is eligible for all items, doesn't need\n\t\t\t\t// to provide the `isEligible` function.\n\t\t\t\tif ( action.isEligible && ! action.isEligible( item ) ) {\n\t\t\t\t\treturn accumulator;\n\t\t\t\t}\n\t\t\t\tif ( action.isPrimary && !! action.icon ) {\n\t\t\t\t\taccumulator.primaryActions.push( action );\n\t\t\t\t} else {\n\t\t\t\t\taccumulator.secondaryActions.push( action );\n\t\t\t\t}\n\t\t\t\treturn accumulator;\n\t\t\t},\n\t\t\t{ primaryActions: [], secondaryActions: [] }\n\t\t);\n\t}, [ actions, item ] );\n\tif ( ! primaryActions.length && ! secondaryActions.length ) {\n\t\treturn null;\n\t}\n\tif ( isCompact ) {\n\t\treturn (\n\t\t\t<CompactItemActions\n\t\t\t\titem={ item }\n\t\t\t\tprimaryActions={ primaryActions }\n\t\t\t\tsecondaryActions={ secondaryActions }\n\t\t\t/>\n\t\t);\n\t}\n\treturn (\n\t\t<HStack\n\t\t\tspacing={ 1 }\n\t\t\tjustify=\"flex-end\"\n\t\t\tstyle={ {\n\t\t\t\tflexShrink: '0',\n\t\t\t\twidth: 'auto',\n\t\t\t} }\n\t\t>\n\t\t\t{ !! primaryActions.length &&\n\t\t\t\tprimaryActions.map( ( action ) => {\n\t\t\t\t\tif ( !! action.RenderModal ) {\n\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t<ActionWithModal\n\t\t\t\t\t\t\t\tkey={ action.id }\n\t\t\t\t\t\t\t\taction={ action }\n\t\t\t\t\t\t\t\titem={ item }\n\t\t\t\t\t\t\t\tActionTrigger={ ButtonTrigger }\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\treturn (\n\t\t\t\t\t\t<ButtonTrigger\n\t\t\t\t\t\t\tkey={ action.id }\n\t\t\t\t\t\t\taction={ action }\n\t\t\t\t\t\t\tonClick={ () => action.callback( item ) }\n\t\t\t\t\t\t/>\n\t\t\t\t\t);\n\t\t\t\t} ) }\n\t\t\t{ !! secondaryActions.length && (\n\t\t\t\t<DropdownMenu\n\t\t\t\t\ttrigger={\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\tsize=\"compact\"\n\t\t\t\t\t\t\ticon={ moreVertical }\n\t\t\t\t\t\t\tlabel={ __( 'Actions' ) }\n\t\t\t\t\t\t/>\n\t\t\t\t\t}\n\t\t\t\t\tplacement=\"bottom-end\"\n\t\t\t\t>\n\t\t\t\t\t<ActionsDropdownMenuGroup\n\t\t\t\t\t\tactions={ secondaryActions }\n\t\t\t\t\t\titem={ item }\n\t\t\t\t\t/>\n\t\t\t\t</DropdownMenu>\n\t\t\t) }\n\t\t</HStack>\n\t);\n}\n\nfunction CompactItemActions( { item, primaryActions, secondaryActions } ) {\n\treturn (\n\t\t<DropdownMenu\n\t\t\ttrigger={\n\t\t\t\t<Button\n\t\t\t\t\tsize=\"compact\"\n\t\t\t\t\ticon={ moreVertical }\n\t\t\t\t\tlabel={ __( 'Actions' ) }\n\t\t\t\t/>\n\t\t\t}\n\t\t\tplacement=\"bottom-end\"\n\t\t>\n\t\t\t{ !! primaryActions.length && (\n\t\t\t\t<ActionsDropdownMenuGroup\n\t\t\t\t\tactions={ primaryActions }\n\t\t\t\t\titem={ item }\n\t\t\t\t/>\n\t\t\t) }\n\t\t\t{ !! secondaryActions.length && (\n\t\t\t\t<ActionsDropdownMenuGroup\n\t\t\t\t\tactions={ secondaryActions }\n\t\t\t\t\titem={ item }\n\t\t\t\t/>\n\t\t\t) }\n\t\t</DropdownMenu>\n\t);\n}\n"],"mappings":"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"}
+{"version":3,"names":["_components","require","_i18n","_element","_icons","_lockUnlock","DropdownMenuV2","DropdownMenu","DropdownMenuGroupV2","DropdownMenuGroup","DropdownMenuItemV2","DropdownMenuItem","DropdownMenuItemLabelV2","DropdownMenuItemLabel","kebabCase","unlock","componentsPrivateApis","ButtonTrigger","action","onClick","_react","createElement","Button","label","icon","isDestructive","size","DropdownMenuItemTrigger","hideOnClick","RenderModal","ActionWithModal","item","ActionTrigger","isModalOpen","setIsModalOpen","useState","actionTriggerProps","hideModalHeader","Fragment","Modal","title","modalHeader","__experimentalHideHeader","onRequestClose","overlayClassName","id","closeModal","ActionsDropdownMenuGroup","actions","map","key","callback","ItemActions","isCompact","primaryActions","secondaryActions","useMemo","reduce","accumulator","isEligible","isPrimary","push","CompactItemActions","__experimentalHStack","spacing","justify","style","flexShrink","width","length","trigger","moreVertical","__","disabled","placement"],"sources":["@wordpress/dataviews/src/item-actions.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport {\n\tButton,\n\tModal,\n\t__experimentalHStack as HStack,\n\tprivateApis as componentsPrivateApis,\n} from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\nimport { useMemo, useState } from '@wordpress/element';\nimport { moreVertical } from '@wordpress/icons';\n\n/**\n * Internal dependencies\n */\nimport { unlock } from './lock-unlock';\n\nconst {\n\tDropdownMenuV2: DropdownMenu,\n\tDropdownMenuGroupV2: DropdownMenuGroup,\n\tDropdownMenuItemV2: DropdownMenuItem,\n\tDropdownMenuItemLabelV2: DropdownMenuItemLabel,\n\tkebabCase,\n} = unlock( componentsPrivateApis );\n\nfunction ButtonTrigger( { action, onClick } ) {\n\treturn (\n\t\t<Button\n\t\t\tlabel={ action.label }\n\t\t\ticon={ action.icon }\n\t\t\tisDestructive={ action.isDestructive }\n\t\t\tsize=\"compact\"\n\t\t\tonClick={ onClick }\n\t\t/>\n\t);\n}\n\nfunction DropdownMenuItemTrigger( { action, onClick } ) {\n\treturn (\n\t\t<DropdownMenuItem\n\t\t\tonClick={ onClick }\n\t\t\thideOnClick={ ! action.RenderModal }\n\t\t>\n\t\t\t<DropdownMenuItemLabel>{ action.label }</DropdownMenuItemLabel>\n\t\t</DropdownMenuItem>\n\t);\n}\n\nfunction ActionWithModal( { action, item, ActionTrigger } ) {\n\tconst [ isModalOpen, setIsModalOpen ] = useState( false );\n\tconst actionTriggerProps = {\n\t\taction,\n\t\tonClick: () => setIsModalOpen( true ),\n\t};\n\tconst { RenderModal, hideModalHeader } = action;\n\treturn (\n\t\t<>\n\t\t\t<ActionTrigger { ...actionTriggerProps } />\n\t\t\t{ isModalOpen && (\n\t\t\t\t<Modal\n\t\t\t\t\ttitle={\n\t\t\t\t\t\t( ! hideModalHeader && action.modalHeader ) ||\n\t\t\t\t\t\taction.label\n\t\t\t\t\t}\n\t\t\t\t\t__experimentalHideHeader={ !! hideModalHeader }\n\t\t\t\t\tonRequestClose={ () => {\n\t\t\t\t\t\tsetIsModalOpen( false );\n\t\t\t\t\t} }\n\t\t\t\t\toverlayClassName={ `dataviews-action-modal dataviews-action-modal__${ kebabCase(\n\t\t\t\t\t\taction.id\n\t\t\t\t\t) }` }\n\t\t\t\t>\n\t\t\t\t\t<RenderModal\n\t\t\t\t\t\titem={ item }\n\t\t\t\t\t\tcloseModal={ () => setIsModalOpen( false ) }\n\t\t\t\t\t/>\n\t\t\t\t</Modal>\n\t\t\t) }\n\t\t</>\n\t);\n}\n\nfunction ActionsDropdownMenuGroup( { actions, item } ) {\n\treturn (\n\t\t<DropdownMenuGroup>\n\t\t\t{ actions.map( ( action ) => {\n\t\t\t\tif ( !! action.RenderModal ) {\n\t\t\t\t\treturn (\n\t\t\t\t\t\t<ActionWithModal\n\t\t\t\t\t\t\tkey={ action.id }\n\t\t\t\t\t\t\taction={ action }\n\t\t\t\t\t\t\titem={ item }\n\t\t\t\t\t\t\tActionTrigger={ DropdownMenuItemTrigger }\n\t\t\t\t\t\t/>\n\t\t\t\t\t);\n\t\t\t\t}\n\t\t\t\treturn (\n\t\t\t\t\t<DropdownMenuItemTrigger\n\t\t\t\t\t\tkey={ action.id }\n\t\t\t\t\t\taction={ action }\n\t\t\t\t\t\tonClick={ () => action.callback( item ) }\n\t\t\t\t\t/>\n\t\t\t\t);\n\t\t\t} ) }\n\t\t</DropdownMenuGroup>\n\t);\n}\n\nexport default function ItemActions( { item, actions, isCompact } ) {\n\tconst { primaryActions, secondaryActions } = useMemo( () => {\n\t\treturn actions.reduce(\n\t\t\t( accumulator, action ) => {\n\t\t\t\t// If an action is eligible for all items, doesn't need\n\t\t\t\t// to provide the `isEligible` function.\n\t\t\t\tif ( action.isEligible && ! action.isEligible( item ) ) {\n\t\t\t\t\treturn accumulator;\n\t\t\t\t}\n\t\t\t\tif ( action.isPrimary && !! action.icon ) {\n\t\t\t\t\taccumulator.primaryActions.push( action );\n\t\t\t\t} else {\n\t\t\t\t\taccumulator.secondaryActions.push( action );\n\t\t\t\t}\n\t\t\t\treturn accumulator;\n\t\t\t},\n\t\t\t{ primaryActions: [], secondaryActions: [] }\n\t\t);\n\t}, [ actions, item ] );\n\tif ( isCompact ) {\n\t\treturn (\n\t\t\t<CompactItemActions\n\t\t\t\titem={ item }\n\t\t\t\tprimaryActions={ primaryActions }\n\t\t\t\tsecondaryActions={ secondaryActions }\n\t\t\t/>\n\t\t);\n\t}\n\treturn (\n\t\t<HStack\n\t\t\tspacing={ 1 }\n\t\t\tjustify=\"flex-end\"\n\t\t\tstyle={ {\n\t\t\t\tflexShrink: '0',\n\t\t\t\twidth: 'auto',\n\t\t\t} }\n\t\t>\n\t\t\t{ !! primaryActions.length &&\n\t\t\t\tprimaryActions.map( ( action ) => {\n\t\t\t\t\tif ( !! action.RenderModal ) {\n\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t<ActionWithModal\n\t\t\t\t\t\t\t\tkey={ action.id }\n\t\t\t\t\t\t\t\taction={ action }\n\t\t\t\t\t\t\t\titem={ item }\n\t\t\t\t\t\t\t\tActionTrigger={ ButtonTrigger }\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\treturn (\n\t\t\t\t\t\t<ButtonTrigger\n\t\t\t\t\t\t\tkey={ action.id }\n\t\t\t\t\t\t\taction={ action }\n\t\t\t\t\t\t\tonClick={ () => action.callback( item ) }\n\t\t\t\t\t\t/>\n\t\t\t\t\t);\n\t\t\t\t} ) }\n\t\t\t<DropdownMenu\n\t\t\t\ttrigger={\n\t\t\t\t\t<Button\n\t\t\t\t\t\tsize=\"compact\"\n\t\t\t\t\t\ticon={ moreVertical }\n\t\t\t\t\t\tlabel={ __( 'Actions' ) }\n\t\t\t\t\t\tdisabled={ ! secondaryActions.length }\n\t\t\t\t\t/>\n\t\t\t\t}\n\t\t\t\tplacement=\"bottom-end\"\n\t\t\t>\n\t\t\t\t<ActionsDropdownMenuGroup\n\t\t\t\t\tactions={ secondaryActions }\n\t\t\t\t\titem={ item }\n\t\t\t\t/>\n\t\t\t</DropdownMenu>\n\t\t</HStack>\n\t);\n}\n\nfunction CompactItemActions( { item, primaryActions, secondaryActions } ) {\n\treturn (\n\t\t<DropdownMenu\n\t\t\ttrigger={\n\t\t\t\t<Button\n\t\t\t\t\tsize=\"compact\"\n\t\t\t\t\ticon={ moreVertical }\n\t\t\t\t\tlabel={ __( 'Actions' ) }\n\t\t\t\t\tdisabled={\n\t\t\t\t\t\t! primaryActions.length && ! secondaryActions.length\n\t\t\t\t\t}\n\t\t\t\t/>\n\t\t\t}\n\t\t\tplacement=\"bottom-end\"\n\t\t>\n\t\t\t{ !! primaryActions.length && (\n\t\t\t\t<ActionsDropdownMenuGroup\n\t\t\t\t\tactions={ primaryActions }\n\t\t\t\t\titem={ item }\n\t\t\t\t/>\n\t\t\t) }\n\t\t\t{ !! secondaryActions.length && (\n\t\t\t\t<ActionsDropdownMenuGroup\n\t\t\t\t\tactions={ secondaryActions }\n\t\t\t\t\titem={ item }\n\t\t\t\t/>\n\t\t\t) }\n\t\t</DropdownMenu>\n\t);\n}\n"],"mappings":"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"}

package/build/pagination.js

@@ -13,7 +13,7 @@ var _icons = require("@wordpress/icons");
  * WordPress dependencies
  */
 
-function Pagination({
+const Pagination = (0, _element.memo)(function Pagination({
   view,
   onChangeView,
   paginationInfo: {
@@ -24,100 +24,66 @@ function Pagination({
   if (!totalItems || !totalPages) {
     return null;
   }
-  return (0, _react.createElement)(_components.__experimentalHStack, {
+  return !!totalItems && totalPages !== 1 && (0, _react.createElement)(_components.__experimentalHStack, {
     expanded: false,
-    spacing: 3,
-    justify: "space-between",
+    spacing: 6,
+    justify: "end",
     className: "dataviews-pagination"
-  }, (0, _react.createElement)(_components.__experimentalText, {
-    variant: "muted"
-  },
-  // translators: %s: Total number of entries.
-  (0, _i18n.sprintf)(
-  // translators: %s: Total number of entries.
-  (0, _i18n._n)('%s item', '%s items', totalItems), totalItems)), !!totalItems && totalPages !== 1 && (0, _react.createElement)(_components.__experimentalHStack, {
-    expanded: false,
-    spacing: 3
   }, (0, _react.createElement)(_components.__experimentalHStack, {
-    justify: "flex-start",
-    expanded: false,
-    spacing: 1
-  }, (0, _react.createElement)(_components.Button, {
-    onClick: () => onChangeView({
-      ...view,
-      page: 1
-    }),
-    disabled: view.page === 1,
-    __experimentalIsFocusable: true,
-    label: (0, _i18n.__)('First page'),
-    icon: _icons.previous,
-    showTooltip: true,
-    size: "compact"
-  }), (0, _react.createElement)(_components.Button, {
-    onClick: () => onChangeView({
-      ...view,
-      page: view.page - 1
-    }),
-    disabled: view.page === 1,
-    __experimentalIsFocusable: true,
-    label: (0, _i18n.__)('Previous page'),
-    icon: _icons.chevronLeft,
-    showTooltip: true,
-    size: "compact"
-  })), (0, _react.createElement)(_components.__experimentalHStack, {
     justify: "flex-start",
     expanded: false,
     spacing: 2
   }, (0, _element.createInterpolateElement)((0, _i18n.sprintf)(
   // translators: %1$s: Current page number, %2$s: Total number of pages.
-  (0, _i18n._x)('<CurrenPageControl /> of %2$s', 'paging'), view.page, totalPages), {
-    CurrenPageControl: (0, _react.createElement)(_components.__experimentalNumberControl, {
+  (0, _i18n._x)('Page <CurrenPageControl /> of %2$s', 'paging'), view.page, totalPages), {
+    CurrenPageControl: (0, _react.createElement)(_components.SelectControl, {
       "aria-label": (0, _i18n.__)('Current page'),
-      min: 1,
-      max: totalPages,
-      onChange: value => {
-        const _value = +value;
-        if (!_value || _value < 1 || _value > totalPages) {
-          return;
-        }
+      value: view.page,
+      options: Array.from(Array(totalPages)).map((_, i) => {
+        const page = i + 1;
+        return {
+          value: page,
+          label: page
+        };
+      }),
+      onChange: newValue => {
         onChangeView({
           ...view,
-          page: _value
+          page: +newValue
         });
       },
-      step: "1",
-      value: view.page,
-      isDragEnabled: false,
-      spinControls: "none"
+      size: 'compact',
+      __nextHasNoMarginBottom: true
     })
   })), (0, _react.createElement)(_components.__experimentalHStack, {
-    justify: "flex-start",
     expanded: false,
     spacing: 1
   }, (0, _react.createElement)(_components.Button, {
     onClick: () => onChangeView({
       ...view,
-      page: view.page + 1
+      page: view.page - 1
     }),
-    disabled: view.page >= totalPages,
+    disabled: view.page === 1,
     __experimentalIsFocusable: true,
-    label: (0, _i18n.__)('Next page'),
-    icon: _icons.chevronRight,
+    label: (0, _i18n.__)('Previous page'),
+    icon: _icons.chevronLeft,
     showTooltip: true,
-    size: "compact"
+    size: "compact",
+    tooltipPosition: "top"
   }), (0, _react.createElement)(_components.Button, {
     onClick: () => onChangeView({
       ...view,
-      page: totalPages
+      page: view.page + 1
     }),
     disabled: view.page >= totalPages,
     __experimentalIsFocusable: true,
-    label: (0, _i18n.__)('Last page'),
-    icon: _icons.next,
+    label: (0, _i18n.__)('Next page'),
+    icon: _icons.chevronRight,
     showTooltip: true,
-    size: "compact"
-  }))));
-}
+    size: "compact",
+    tooltipPosition: "top"
+  })));
+});
 var _default = Pagination;
 exports.default = _default;
 //# sourceMappingURL=pagination.js.map