@wordpress/dataviews 0.4.0 → 0.5.0

package/build/filter-summary.js

@@ -1,17 +1,23 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = FilterSummary;
 var _react = require("react");
+var _classnames = _interopRequireDefault(require("classnames"));
 var _components = require("@wordpress/components");
-var _icons = require("@wordpress/icons");
 var _i18n = require("@wordpress/i18n");
 var _element = require("@wordpress/element");
+var _icons = require("@wordpress/icons");
+var _keycodes = require("@wordpress/keycodes");
+var _searchWidget = _interopRequireDefault(require("./search-widget"));
 var _constants = require("./constants");
-var _lockUnlock = require("./lock-unlock");
-var _dropdownMenuHelper = require("./dropdown-menu-helper");
+/**
+ * External dependencies
+ */
+
 /**
  * WordPress dependencies
  */
@@ -20,14 +26,6 @@ var _dropdownMenuHelper = require("./dropdown-menu-helper");
  * Internal dependencies
  */
 
-const {
-  DropdownMenuV2: DropdownMenu,
-  DropdownMenuGroupV2: DropdownMenuGroup,
-  DropdownMenuItemV2: DropdownMenuItem,
-  DropdownMenuSeparatorV2: DropdownMenuSeparator,
-  DropdownMenuItemLabelV2: DropdownMenuItemLabel,
-  DropdownMenuItemHelpTextV2: DropdownMenuItemHelpText
-} = (0, _lockUnlock.unlock)(_components.privateApis);
 const FilterText = ({
   activeElement,
   filterInView,
@@ -36,91 +34,196 @@ const FilterText = ({
   if (activeElement === undefined) {
     return filter.name;
   }
+  const filterTextWrappers = {
+    Span1: (0, _react.createElement)("span", {
+      className: "dataviews-filter-summary__filter-text-name"
+    }),
+    Span2: (0, _react.createElement)("span", {
+      className: "dataviews-filter-summary__filter-text-value"
+    })
+  };
   if (activeElement !== undefined && filterInView?.operator === _constants.OPERATOR_IN) {
-    return (0, _i18n.sprintf)( /* translators: 1: Filter name. 2: Filter value. e.g.: "Author is Admin". */
-    (0, _i18n.__)('%1$s is %2$s'), filter.name, activeElement.label);
+    return (0, _element.createInterpolateElement)((0, _i18n.sprintf)( /* translators: 1: Filter name. 2: Filter value. e.g.: "Author is Admin". */
+    (0, _i18n.__)('<Span1>%1$s </Span1><Span2>is %2$s</Span2>'), filter.name, activeElement.label), filterTextWrappers);
   }
   if (activeElement !== undefined && filterInView?.operator === _constants.OPERATOR_NOT_IN) {
-    return (0, _i18n.sprintf)( /* translators: 1: Filter name. 2: Filter value. e.g.: "Author is not Admin". */
-    (0, _i18n.__)('%1$s is not %2$s'), filter.name, activeElement.label);
+    return (0, _element.createInterpolateElement)((0, _i18n.sprintf)( /* translators: 1: Filter name. 2: Filter value. e.g.: "Author is not Admin". */
+    (0, _i18n.__)('<Span1>%1$s </Span1><Span2>is not %2$s</Span2>'), filter.name, activeElement.label), filterTextWrappers);
   }
   return (0, _i18n.sprintf)( /* translators: 1: Filter name e.g.: "Unknown status for Author". */
   (0, _i18n.__)('Unknown status for %1$s'), filter.name);
 };
-function WithSeparators({
-  children
+function OperatorSelector({
+  filter,
+  view,
+  onChangeView
 }) {
-  return _element.Children.toArray(children).filter(Boolean).map((child, i) => (0, _react.createElement)(_element.Fragment, {
-    key: i
-  }, i > 0 && (0, _react.createElement)(DropdownMenuSeparator, null), child));
+  const operatorOptions = filter.operators?.map(operator => ({
+    value: operator,
+    label: _constants.OPERATORS[operator]?.label
+  }));
+  const currentFilter = view.filters.find(_filter => _filter.field === filter.field);
+  const value = currentFilter?.operator || filter.operators[0];
+  return operatorOptions.length > 1 && (0, _react.createElement)(_components.__experimentalHStack, {
+    spacing: 2,
+    justify: "flex-start",
+    className: "dataviews-filter-summary__operators-container"
+  }, (0, _react.createElement)(_components.FlexItem, {
+    className: "dataviews-filter-summary__operators-filter-name"
+  }, filter.name), (0, _react.createElement)(_components.SelectControl, {
+    label: (0, _i18n.__)('Conditions'),
+    value: value,
+    options: operatorOptions,
+    onChange: newValue => {
+      const newFilters = currentFilter ? [...view.filters.map(_filter => {
+        if (_filter.field === filter.field) {
+          return {
+            ..._filter,
+            operator: newValue
+          };
+        }
+        return _filter;
+      })] : [...view.filters, {
+        field: filter.field,
+        operator: newValue
+      }];
+      onChangeView({
+        ...view,
+        page: 1,
+        filters: newFilters
+      });
+    },
+    size: "small",
+    __nextHasNoMarginBottom: true,
+    hideLabelFromVision: true
+  }));
 }
-function FilterSummary({
+function ResetFilter({
   filter,
   view,
-  onChangeView
+  onChangeView,
+  addFilterRef
 }) {
+  const isDisabled = filter.isPrimary && view.filters.find(_filter => _filter.field === filter.field)?.value === undefined;
+  return (0, _react.createElement)("div", {
+    className: "dataviews-filter-summary__reset"
+  }, (0, _react.createElement)(_components.Button, {
+    disabled: isDisabled,
+    __experimentalIsFocusable: true,
+    size: "compact",
+    variant: "tertiary",
+    style: {
+      justifyContent: 'center',
+      width: '100%'
+    },
+    onClick: () => {
+      onChangeView({
+        ...view,
+        page: 1,
+        filters: view.filters.filter(_filter => _filter.field !== filter.field)
+      });
+      // If the filter is not primary and can be removed, it will be added
+      // back to the available filters from `Add filter` component.
+      if (!filter.isPrimary) {
+        addFilterRef.current?.focus();
+      }
+    }
+  }, filter.isPrimary ? (0, _i18n.__)('Reset') : (0, _i18n.__)('Remove')));
+}
+function FilterSummary({
+  addFilterRef,
+  openedFilter,
+  ...commonProps
+}) {
+  const toggleRef = (0, _element.useRef)();
+  const {
+    filter,
+    view,
+    onChangeView
+  } = commonProps;
   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, {
-      variant: "tertiary",
-      size: "compact",
-      label: filter.name
+  const isPrimary = filter.isPrimary;
+  const hasValues = filterInView?.value !== undefined;
+  const canResetOrRemove = !isPrimary || hasValues;
+  return (0, _react.createElement)(_components.Dropdown, {
+    defaultOpen: openedFilter === filter.field,
+    contentClassName: "dataviews-filter-summary__popover",
+    popoverProps: {
+      placement: 'bottom-start',
+      role: 'dialog'
+    },
+    onClose: () => {
+      toggleRef.current?.focus();
+    },
+    renderToggle: ({
+      isOpen,
+      onToggle
+    }) => (0, _react.createElement)("div", {
+      className: "dataviews-filter-summary__chip-container"
+    }, (0, _react.createElement)(_components.Tooltip, {
+      text: (0, _i18n.sprintf)( /* translators: 1: Filter name. */
+      (0, _i18n.__)('Filter by: %1$s'), filter.name.toLowerCase()),
+      placement: "top"
+    }, (0, _react.createElement)("div", {
+      className: (0, _classnames.default)('dataviews-filter-summary__chip', {
+        'has-reset': canResetOrRemove,
+        'has-values': hasValues
+      }),
+      role: "button",
+      tabIndex: 0,
+      onClick: onToggle,
+      onKeyDown: event => {
+        if ([_keycodes.ENTER, _keycodes.SPACE].includes(event.keyCode)) {
+          onToggle();
+          event.preventDefault();
+        }
+      },
+      "aria-pressed": isOpen,
+      "aria-expanded": isOpen,
+      ref: toggleRef
     }, (0, _react.createElement)(FilterText, {
       activeElement: activeElement,
       filterInView: filterInView,
       filter: filter
-    }), (0, _react.createElement)(_components.Icon, {
-      icon: _icons.chevronDown,
-      style: {
-        flexShrink: 0
+    }))), canResetOrRemove && (0, _react.createElement)(_components.Tooltip, {
+      text: isPrimary ? (0, _i18n.__)('Reset') : (0, _i18n.__)('Remove'),
+      placement: "top"
+    }, (0, _react.createElement)("button", {
+      className: (0, _classnames.default)('dataviews-filter-summary__chip-remove', {
+        'has-values': hasValues
+      }),
+      onClick: () => {
+        onChangeView({
+          ...view,
+          page: 1,
+          filters: view.filters.filter(_filter => _filter.field !== filter.field)
+        });
+        // If the filter is not primary and can be removed, it will be added
+        // back to the available filters from `Add filter` component.
+        if (!isPrimary) {
+          addFilterRef.current?.focus();
+        } else {
+          // If is primary, focus the toggle button.
+          toggleRef.current?.focus();
+        }
       }
-    }))
-  }, (0, _react.createElement)(WithSeparators, null, (0, _react.createElement)(DropdownMenuGroup, null, filter.elements.map(element => {
-    const isActive = activeElement?.value === element.value;
-    return (0, _react.createElement)(_dropdownMenuHelper.DropdownMenuRadioItemCustom, {
-      key: element.value,
-      name: `filter-summary-${filter.field}`,
-      value: element.value,
-      checked: isActive,
-      onClick: () => onChangeView({
-        ...view,
-        page: 1,
-        filters: [...otherFilters, {
-          field: filter.field,
-          operator: activeOperator,
-          value: isActive ? undefined : element.value
-        }]
-      })
-    }, (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)(_components.Icon, {
+      icon: _icons.closeSmall
+    })))),
+    renderContent: () => {
+      return (0, _react.createElement)(_components.__experimentalVStack, {
+        spacing: 0,
+        justify: "flex-start"
+      }, (0, _react.createElement)(OperatorSelector, {
+        ...commonProps
+      }), (0, _react.createElement)(_searchWidget.default, {
+        ...commonProps
+      }), (0, _react.createElement)(ResetFilter, {
+        ...commonProps,
+        addFilterRef: addFilterRef
+      }));
     }
-  }, (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","_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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"}
+{"version":3,"names":["_classnames","_interopRequireDefault","require","_components","_i18n","_element","_icons","_keycodes","_searchWidget","_constants","FilterText","activeElement","filterInView","filter","undefined","name","filterTextWrappers","Span1","_react","createElement","className","Span2","operator","OPERATOR_IN","createInterpolateElement","sprintf","__","label","OPERATOR_NOT_IN","OperatorSelector","view","onChangeView","operatorOptions","operators","map","value","OPERATORS","currentFilter","filters","find","_filter","field","length","__experimentalHStack","spacing","justify","FlexItem","SelectControl","options","onChange","newValue","newFilters","page","size","__nextHasNoMarginBottom","hideLabelFromVision","ResetFilter","addFilterRef","isDisabled","isPrimary","Button","disabled","__experimentalIsFocusable","variant","style","justifyContent","width","onClick","current","focus","FilterSummary","openedFilter","commonProps","toggleRef","useRef","f","elements","element","hasValues","canResetOrRemove","Dropdown","defaultOpen","contentClassName","popoverProps","placement","role","onClose","renderToggle","isOpen","onToggle","Tooltip","text","toLowerCase","classnames","tabIndex","onKeyDown","event","ENTER","SPACE","includes","keyCode","preventDefault","ref","Icon","icon","closeSmall","renderContent","__experimentalVStack","default"],"sources":["@wordpress/dataviews/src/filter-summary.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport classnames from 'classnames';\n\n/**\n * WordPress dependencies\n */\nimport {\n\tDropdown,\n\tButton,\n\t__experimentalVStack as VStack,\n\t__experimentalHStack as HStack,\n\tFlexItem,\n\tSelectControl,\n\tTooltip,\n\tIcon,\n} from '@wordpress/components';\nimport { __, sprintf } from '@wordpress/i18n';\nimport { useRef, createInterpolateElement } from '@wordpress/element';\nimport { closeSmall } from '@wordpress/icons';\nimport { ENTER, SPACE } from '@wordpress/keycodes';\n\n/**\n * Internal dependencies\n */\nimport SearchWidget from './search-widget';\nimport { OPERATOR_IN, OPERATOR_NOT_IN, OPERATORS } from './constants';\n\nconst FilterText = ( { activeElement, filterInView, filter } ) => {\n\tif ( activeElement === undefined ) {\n\t\treturn filter.name;\n\t}\n\n\tconst filterTextWrappers = {\n\t\tSpan1: <span className=\"dataviews-filter-summary__filter-text-name\" />,\n\t\tSpan2: <span className=\"dataviews-filter-summary__filter-text-value\" />,\n\t};\n\n\tif (\n\t\tactiveElement !== undefined &&\n\t\tfilterInView?.operator === OPERATOR_IN\n\t) {\n\t\treturn createInterpolateElement(\n\t\t\tsprintf(\n\t\t\t\t/* translators: 1: Filter name. 2: Filter value. e.g.: \"Author is Admin\". */\n\t\t\t\t__( '<Span1>%1$s </Span1><Span2>is %2$s</Span2>' ),\n\t\t\t\tfilter.name,\n\t\t\t\tactiveElement.label\n\t\t\t),\n\t\t\tfilterTextWrappers\n\t\t);\n\t}\n\n\tif (\n\t\tactiveElement !== undefined &&\n\t\tfilterInView?.operator === OPERATOR_NOT_IN\n\t) {\n\t\treturn createInterpolateElement(\n\t\t\tsprintf(\n\t\t\t\t/* translators: 1: Filter name. 2: Filter value. e.g.: \"Author is not Admin\". */\n\t\t\t\t__( '<Span1>%1$s </Span1><Span2>is not %2$s</Span2>' ),\n\t\t\t\tfilter.name,\n\t\t\t\tactiveElement.label\n\t\t\t),\n\t\t\tfilterTextWrappers\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 OperatorSelector( { filter, view, onChangeView } ) {\n\tconst operatorOptions = filter.operators?.map( ( operator ) => ( {\n\t\tvalue: operator,\n\t\tlabel: OPERATORS[ operator ]?.label,\n\t} ) );\n\tconst currentFilter = view.filters.find(\n\t\t( _filter ) => _filter.field === filter.field\n\t);\n\tconst value = currentFilter?.operator || filter.operators[ 0 ];\n\treturn (\n\t\toperatorOptions.length > 1 && (\n\t\t\t<HStack\n\t\t\t\tspacing={ 2 }\n\t\t\t\tjustify=\"flex-start\"\n\t\t\t\tclassName=\"dataviews-filter-summary__operators-container\"\n\t\t\t>\n\t\t\t\t<FlexItem className=\"dataviews-filter-summary__operators-filter-name\">\n\t\t\t\t\t{ filter.name }\n\t\t\t\t</FlexItem>\n\n\t\t\t\t<SelectControl\n\t\t\t\t\tlabel={ __( 'Conditions' ) }\n\t\t\t\t\tvalue={ value }\n\t\t\t\t\toptions={ operatorOptions }\n\t\t\t\t\tonChange={ ( newValue ) => {\n\t\t\t\t\t\tconst newFilters = currentFilter\n\t\t\t\t\t\t\t? [\n\t\t\t\t\t\t\t\t\t...view.filters.map( ( _filter ) => {\n\t\t\t\t\t\t\t\t\t\tif ( _filter.field === filter.field ) {\n\t\t\t\t\t\t\t\t\t\t\treturn {\n\t\t\t\t\t\t\t\t\t\t\t\t..._filter,\n\t\t\t\t\t\t\t\t\t\t\t\toperator: newValue,\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\treturn _filter;\n\t\t\t\t\t\t\t\t\t} ),\n\t\t\t\t\t\t\t  ]\n\t\t\t\t\t\t\t: [\n\t\t\t\t\t\t\t\t\t...view.filters,\n\t\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\t\tfield: filter.field,\n\t\t\t\t\t\t\t\t\t\toperator: newValue,\n\t\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t  ];\n\t\t\t\t\t\tonChangeView( {\n\t\t\t\t\t\t\t...view,\n\t\t\t\t\t\t\tpage: 1,\n\t\t\t\t\t\t\tfilters: newFilters,\n\t\t\t\t\t\t} );\n\t\t\t\t\t} }\n\t\t\t\t\tsize=\"small\"\n\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\thideLabelFromVision\n\t\t\t\t/>\n\t\t\t</HStack>\n\t\t)\n\t);\n}\n\nfunction ResetFilter( { filter, view, onChangeView, addFilterRef } ) {\n\tconst isDisabled =\n\t\tfilter.isPrimary &&\n\t\tview.filters.find( ( _filter ) => _filter.field === filter.field )\n\t\t\t?.value === undefined;\n\treturn (\n\t\t<div className=\"dataviews-filter-summary__reset\">\n\t\t\t<Button\n\t\t\t\tdisabled={ isDisabled }\n\t\t\t\t__experimentalIsFocusable\n\t\t\t\tsize=\"compact\"\n\t\t\t\tvariant=\"tertiary\"\n\t\t\t\tstyle={ { justifyContent: 'center', width: '100%' } }\n\t\t\t\tonClick={ () => {\n\t\t\t\t\tonChangeView( {\n\t\t\t\t\t\t...view,\n\t\t\t\t\t\tpage: 1,\n\t\t\t\t\t\tfilters: view.filters.filter(\n\t\t\t\t\t\t\t( _filter ) => _filter.field !== filter.field\n\t\t\t\t\t\t),\n\t\t\t\t\t} );\n\t\t\t\t\t// If the filter is not primary and can be removed, it will be added\n\t\t\t\t\t// back to the available filters from `Add filter` component.\n\t\t\t\t\tif ( ! filter.isPrimary ) {\n\t\t\t\t\t\taddFilterRef.current?.focus();\n\t\t\t\t\t}\n\t\t\t\t} }\n\t\t\t>\n\t\t\t\t{ filter.isPrimary ? __( 'Reset' ) : __( 'Remove' ) }\n\t\t\t</Button>\n\t\t</div>\n\t);\n}\n\nexport default function FilterSummary( {\n\taddFilterRef,\n\topenedFilter,\n\t...commonProps\n} ) {\n\tconst toggleRef = useRef();\n\tconst { filter, view, onChangeView } = commonProps;\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\tconst isPrimary = filter.isPrimary;\n\tconst hasValues = filterInView?.value !== undefined;\n\tconst canResetOrRemove = ! isPrimary || hasValues;\n\treturn (\n\t\t<Dropdown\n\t\t\tdefaultOpen={ openedFilter === filter.field }\n\t\t\tcontentClassName=\"dataviews-filter-summary__popover\"\n\t\t\tpopoverProps={ { placement: 'bottom-start', role: 'dialog' } }\n\t\t\tonClose={ () => {\n\t\t\t\ttoggleRef.current?.focus();\n\t\t\t} }\n\t\t\trenderToggle={ ( { isOpen, onToggle } ) => (\n\t\t\t\t<div className=\"dataviews-filter-summary__chip-container\">\n\t\t\t\t\t<Tooltip\n\t\t\t\t\t\ttext={ sprintf(\n\t\t\t\t\t\t\t/* translators: 1: Filter name. */\n\t\t\t\t\t\t\t__( 'Filter by: %1$s' ),\n\t\t\t\t\t\t\tfilter.name.toLowerCase()\n\t\t\t\t\t\t) }\n\t\t\t\t\t\tplacement=\"top\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tclassName={ classnames(\n\t\t\t\t\t\t\t\t'dataviews-filter-summary__chip',\n\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\t'has-reset': canResetOrRemove,\n\t\t\t\t\t\t\t\t\t'has-values': hasValues,\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\trole=\"button\"\n\t\t\t\t\t\t\ttabIndex={ 0 }\n\t\t\t\t\t\t\tonClick={ onToggle }\n\t\t\t\t\t\t\tonKeyDown={ ( event ) => {\n\t\t\t\t\t\t\t\tif (\n\t\t\t\t\t\t\t\t\t[ ENTER, SPACE ].includes( event.keyCode )\n\t\t\t\t\t\t\t\t) {\n\t\t\t\t\t\t\t\t\tonToggle();\n\t\t\t\t\t\t\t\t\tevent.preventDefault();\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\taria-pressed={ isOpen }\n\t\t\t\t\t\t\taria-expanded={ isOpen }\n\t\t\t\t\t\t\tref={ toggleRef }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<FilterText\n\t\t\t\t\t\t\t\tactiveElement={ activeElement }\n\t\t\t\t\t\t\t\tfilterInView={ filterInView }\n\t\t\t\t\t\t\t\tfilter={ filter }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</Tooltip>\n\t\t\t\t\t{ canResetOrRemove && (\n\t\t\t\t\t\t<Tooltip\n\t\t\t\t\t\t\ttext={ isPrimary ? __( 'Reset' ) : __( 'Remove' ) }\n\t\t\t\t\t\t\tplacement=\"top\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<button\n\t\t\t\t\t\t\t\tclassName={ classnames(\n\t\t\t\t\t\t\t\t\t'dataviews-filter-summary__chip-remove',\n\t\t\t\t\t\t\t\t\t{ 'has-values': hasValues }\n\t\t\t\t\t\t\t\t) }\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: view.filters.filter(\n\t\t\t\t\t\t\t\t\t\t\t( _filter ) =>\n\t\t\t\t\t\t\t\t\t\t\t\t_filter.field !== filter.field\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// If the filter is not primary and can be removed, it will be added\n\t\t\t\t\t\t\t\t\t// back to the available filters from `Add filter` component.\n\t\t\t\t\t\t\t\t\tif ( ! isPrimary ) {\n\t\t\t\t\t\t\t\t\t\taddFilterRef.current?.focus();\n\t\t\t\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\t\t\t\t// If is primary, focus the toggle button.\n\t\t\t\t\t\t\t\t\t\ttoggleRef.current?.focus();\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<Icon icon={ closeSmall } />\n\t\t\t\t\t\t\t</button>\n\t\t\t\t\t\t</Tooltip>\n\t\t\t\t\t) }\n\t\t\t\t</div>\n\t\t\t) }\n\t\t\trenderContent={ () => {\n\t\t\t\treturn (\n\t\t\t\t\t<VStack spacing={ 0 } justify=\"flex-start\">\n\t\t\t\t\t\t<OperatorSelector { ...commonProps } />\n\t\t\t\t\t\t<SearchWidget { ...commonProps } />\n\t\t\t\t\t\t<ResetFilter\n\t\t\t\t\t\t\t{ ...commonProps }\n\t\t\t\t\t\t\taddFilterRef={ addFilterRef }\n\t\t\t\t\t\t/>\n\t\t\t\t\t</VStack>\n\t\t\t\t);\n\t\t\t} }\n\t\t/>\n\t);\n}\n"],"mappings":"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"}

package/build/filters.js

@@ -10,6 +10,7 @@ var _element = require("@wordpress/element");
 var _filterSummary = _interopRequireDefault(require("./filter-summary"));
 var _addFilter = _interopRequireDefault(require("./add-filter"));
 var _resetFilters = _interopRequireDefault(require("./reset-filters"));
+var _utils = require("./utils");
 var _constants = require("./constants");
 /**
  * WordPress dependencies
@@ -19,24 +20,20 @@ var _constants = require("./constants");
  * Internal dependencies
  */
 
-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));
-};
 const Filters = (0, _element.memo)(function Filters({
   fields,
   view,
-  onChangeView
+  onChangeView,
+  openedFilter,
+  setOpenedFilter
 }) {
+  const addFilterRef = (0, _element.useRef)();
   const filters = [];
   fields.forEach(field => {
     if (!field.type) {
       return;
     }
-    const operators = sanitizeOperators(field);
+    const operators = (0, _utils.sanitizeOperators)(field);
     if (operators.length === 0) {
       return;
     }
@@ -45,41 +42,58 @@ const Filters = (0, _element.memo)(function Filters({
         if (!field.elements?.length) {
           return;
         }
+        const isPrimary = !!field.filterBy?.isPrimary;
         filters.push({
           field: field.id,
           name: field.header,
           elements: field.elements,
           operators,
-          isVisible: view.filters.some(f => f.field === field.id && [_constants.OPERATOR_IN, _constants.OPERATOR_NOT_IN].includes(f.operator))
+          isVisible: isPrimary || view.filters.some(f => f.field === field.id && [_constants.OPERATOR_IN, _constants.OPERATOR_NOT_IN].includes(f.operator)),
+          isPrimary
         });
     }
   });
+  // Sort filters by primary property. We need the primary filters to be first.
+  // Then we sort by name.
+  filters.sort((a, b) => {
+    if (a.isPrimary && !b.isPrimary) {
+      return -1;
+    }
+    if (!a.isPrimary && b.isPrimary) {
+      return 1;
+    }
+    return a.name.localeCompare(b.name);
+  });
   const addFilter = (0, _react.createElement)(_addFilter.default, {
     key: "add-filter",
     filters: filters,
     view: view,
-    onChangeView: onChangeView
+    onChangeView: onChangeView,
+    ref: addFilterRef,
+    setOpenedFilter: setOpenedFilter
   });
-  const filterComponents = [addFilter, ...filters.map(filter => {
-    if (!filter.isVisible || view.type === _constants.LAYOUT_LIST) {
+  const filterComponents = [...filters.map(filter => {
+    if (!filter.isVisible) {
       return null;
     }
     return (0, _react.createElement)(_filterSummary.default, {
       key: filter.field,
       filter: filter,
       view: view,
-      onChangeView: onChangeView
+      onChangeView: onChangeView,
+      addFilterRef: addFilterRef,
+      openedFilter: openedFilter
     });
-  })];
-  if (filterComponents.length > 1 && view.type !== _constants.LAYOUT_LIST) {
+  }), addFilter];
+  if (filterComponents.length > 1) {
     filterComponents.push((0, _react.createElement)(_resetFilters.default, {
       key: "reset-filters",
+      filters: filters,
       view: view,
       onChangeView: onChangeView
     }));
   }
   return filterComponents;
 });
-var _default = Filters;
-exports.default = _default;
+var _default = exports.default = Filters;
 //# sourceMappingURL=filters.js.map

package/build/filters.js.map

@@ -1 +1 @@
-{"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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"}
+{"version":3,"names":["_element","require","_filterSummary","_interopRequireDefault","_addFilter","_resetFilters","_utils","_constants","Filters","memo","fields","view","onChangeView","openedFilter","setOpenedFilter","addFilterRef","useRef","filters","forEach","field","type","operators","sanitizeOperators","length","ENUMERATION_TYPE","elements","isPrimary","filterBy","push","id","name","header","isVisible","some","f","OPERATOR_IN","OPERATOR_NOT_IN","includes","operator","sort","a","b","localeCompare","addFilter","_react","createElement","default","key","ref","filterComponents","map","filter","_default","exports"],"sources":["@wordpress/dataviews/src/filters.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { memo, useRef } 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 { sanitizeOperators } from './utils';\nimport { ENUMERATION_TYPE, OPERATOR_IN, OPERATOR_NOT_IN } from './constants';\n\nconst Filters = memo( function Filters( {\n\tfields,\n\tview,\n\tonChangeView,\n\topenedFilter,\n\tsetOpenedFilter,\n} ) {\n\tconst addFilterRef = useRef();\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\n\t\t\t\tconst isPrimary = !! field.filterBy?.isPrimary;\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:\n\t\t\t\t\t\tisPrimary ||\n\t\t\t\t\t\tview.filters.some(\n\t\t\t\t\t\t\t( f ) =>\n\t\t\t\t\t\t\t\tf.field === field.id &&\n\t\t\t\t\t\t\t\t[ OPERATOR_IN, OPERATOR_NOT_IN ].includes(\n\t\t\t\t\t\t\t\t\tf.operator\n\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t),\n\t\t\t\t\tisPrimary,\n\t\t\t\t} );\n\t\t}\n\t} );\n\t// Sort filters by primary property. We need the primary filters to be first.\n\t// Then we sort by name.\n\tfilters.sort( ( a, b ) => {\n\t\tif ( a.isPrimary && ! b.isPrimary ) {\n\t\t\treturn -1;\n\t\t}\n\t\tif ( ! a.isPrimary && b.isPrimary ) {\n\t\t\treturn 1;\n\t\t}\n\t\treturn a.name.localeCompare( b.name );\n\t} );\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\tref={ addFilterRef }\n\t\t\tsetOpenedFilter={ setOpenedFilter }\n\t\t/>\n\t);\n\tconst filterComponents = [\n\t\t...filters.map( ( filter ) => {\n\t\t\tif ( ! filter.isVisible ) {\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\taddFilterRef={ addFilterRef }\n\t\t\t\t\topenedFilter={ openedFilter }\n\t\t\t\t/>\n\t\t\t);\n\t\t} ),\n\t\taddFilter,\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\tfilters={ 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/pagination.js

@@ -84,6 +84,5 @@ const Pagination = (0, _element.memo)(function Pagination({
     tooltipPosition: "top"
   })));
 });
-var _default = Pagination;
-exports.default = _default;
+var _default = exports.default = Pagination;
 //# sourceMappingURL=pagination.js.map

package/build/pagination.js.map

@@ -1 +1 @@
-{"version":3,"names":["_components","require","_element","_i18n","_icons","Pagination","memo","view","onChangeView","paginationInfo","totalItems","totalPages","_react","createElement","__experimentalHStack","expanded","spacing","justify","className","createInterpolateElement","sprintf","_x","CurrenPageControl","SelectControl","__","value","page","options","Array","from","map","_","i","label","onChange","newValue","size","__nextHasNoMarginBottom","Button","onClick","disabled","__experimentalIsFocusable","icon","chevronLeft","showTooltip","tooltipPosition","chevronRight","_default","exports","default"],"sources":["@wordpress/dataviews/src/pagination.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport {\n\tButton,\n\t__experimentalHStack as HStack,\n\tSelectControl,\n} from '@wordpress/components';\nimport { createInterpolateElement, memo } from '@wordpress/element';\nimport { sprintf, __, _x } from '@wordpress/i18n';\nimport { chevronRight, chevronLeft } from '@wordpress/icons';\n\nconst Pagination = memo( function Pagination( {\n\tview,\n\tonChangeView,\n\tpaginationInfo: { totalItems = 0, totalPages },\n} ) {\n\tif ( ! totalItems || ! totalPages ) {\n\t\treturn null;\n\t}\n\treturn (\n\t\t!! totalItems &&\n\t\ttotalPages !== 1 && (\n\t\t\t<HStack\n\t\t\t\texpanded={ false }\n\t\t\t\tspacing={ 6 }\n\t\t\t\tjustify=\"end\"\n\t\t\t\tclassName=\"dataviews-pagination\"\n\t\t\t>\n\t\t\t\t<HStack justify=\"flex-start\" expanded={ false } spacing={ 2 }>\n\t\t\t\t\t{ createInterpolateElement(\n\t\t\t\t\t\tsprintf(\n\t\t\t\t\t\t\t// translators: %s: Total number of pages.\n\t\t\t\t\t\t\t_x( 'Page <CurrenPageControl /> of %s', 'paging' ),\n\t\t\t\t\t\t\ttotalPages\n\t\t\t\t\t\t),\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\tCurrenPageControl: (\n\t\t\t\t\t\t\t\t<SelectControl\n\t\t\t\t\t\t\t\t\taria-label={ __( 'Current page' ) }\n\t\t\t\t\t\t\t\t\tvalue={ view.page }\n\t\t\t\t\t\t\t\t\toptions={ Array.from(\n\t\t\t\t\t\t\t\t\t\tArray( totalPages )\n\t\t\t\t\t\t\t\t\t).map( ( _, i ) => {\n\t\t\t\t\t\t\t\t\t\tconst page = i + 1;\n\t\t\t\t\t\t\t\t\t\treturn { value: page, label: page };\n\t\t\t\t\t\t\t\t\t} ) }\n\t\t\t\t\t\t\t\t\tonChange={ ( newValue ) => {\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: +newValue,\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\tsize={ 'compact' }\n\t\t\t\t\t\t\t\t\t__nextHasNoMarginBottom\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</HStack>\n\t\t\t\t<HStack expanded={ false } spacing={ 1 }>\n\t\t\t\t\t<Button\n\t\t\t\t\t\tonClick={ () =>\n\t\t\t\t\t\t\tonChangeView( { ...view, page: view.page - 1 } )\n\t\t\t\t\t\t}\n\t\t\t\t\t\tdisabled={ view.page === 1 }\n\t\t\t\t\t\t__experimentalIsFocusable\n\t\t\t\t\t\tlabel={ __( 'Previous page' ) }\n\t\t\t\t\t\ticon={ chevronLeft }\n\t\t\t\t\t\tshowTooltip\n\t\t\t\t\t\tsize=\"compact\"\n\t\t\t\t\t\ttooltipPosition=\"top\"\n\t\t\t\t\t/>\n\t\t\t\t\t<Button\n\t\t\t\t\t\tonClick={ () =>\n\t\t\t\t\t\t\tonChangeView( { ...view, page: view.page + 1 } )\n\t\t\t\t\t\t}\n\t\t\t\t\t\tdisabled={ view.page >= totalPages }\n\t\t\t\t\t\t__experimentalIsFocusable\n\t\t\t\t\t\tlabel={ __( 'Next page' ) }\n\t\t\t\t\t\ticon={ chevronRight }\n\t\t\t\t\t\tshowTooltip\n\t\t\t\t\t\tsize=\"compact\"\n\t\t\t\t\t\ttooltipPosition=\"top\"\n\t\t\t\t\t/>\n\t\t\t\t</HStack>\n\t\t\t</HStack>\n\t\t)\n\t);\n} );\n\nexport default Pagination;\n"],"mappings":"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"}
+{"version":3,"names":["_components","require","_element","_i18n","_icons","Pagination","memo","view","onChangeView","paginationInfo","totalItems","totalPages","_react","createElement","__experimentalHStack","expanded","spacing","justify","className","createInterpolateElement","sprintf","_x","CurrenPageControl","SelectControl","__","value","page","options","Array","from","map","_","i","label","onChange","newValue","size","__nextHasNoMarginBottom","Button","onClick","disabled","__experimentalIsFocusable","icon","chevronLeft","showTooltip","tooltipPosition","chevronRight","_default","exports","default"],"sources":["@wordpress/dataviews/src/pagination.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport {\n\tButton,\n\t__experimentalHStack as HStack,\n\tSelectControl,\n} from '@wordpress/components';\nimport { createInterpolateElement, memo } from '@wordpress/element';\nimport { sprintf, __, _x } from '@wordpress/i18n';\nimport { chevronRight, chevronLeft } from '@wordpress/icons';\n\nconst Pagination = memo( function Pagination( {\n\tview,\n\tonChangeView,\n\tpaginationInfo: { totalItems = 0, totalPages },\n} ) {\n\tif ( ! totalItems || ! totalPages ) {\n\t\treturn null;\n\t}\n\treturn (\n\t\t!! totalItems &&\n\t\ttotalPages !== 1 && (\n\t\t\t<HStack\n\t\t\t\texpanded={ false }\n\t\t\t\tspacing={ 6 }\n\t\t\t\tjustify=\"end\"\n\t\t\t\tclassName=\"dataviews-pagination\"\n\t\t\t>\n\t\t\t\t<HStack justify=\"flex-start\" expanded={ false } spacing={ 2 }>\n\t\t\t\t\t{ createInterpolateElement(\n\t\t\t\t\t\tsprintf(\n\t\t\t\t\t\t\t// translators: %s: Total number of pages.\n\t\t\t\t\t\t\t_x( 'Page <CurrenPageControl /> of %s', 'paging' ),\n\t\t\t\t\t\t\ttotalPages\n\t\t\t\t\t\t),\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\tCurrenPageControl: (\n\t\t\t\t\t\t\t\t<SelectControl\n\t\t\t\t\t\t\t\t\taria-label={ __( 'Current page' ) }\n\t\t\t\t\t\t\t\t\tvalue={ view.page }\n\t\t\t\t\t\t\t\t\toptions={ Array.from(\n\t\t\t\t\t\t\t\t\t\tArray( totalPages )\n\t\t\t\t\t\t\t\t\t).map( ( _, i ) => {\n\t\t\t\t\t\t\t\t\t\tconst page = i + 1;\n\t\t\t\t\t\t\t\t\t\treturn { value: page, label: page };\n\t\t\t\t\t\t\t\t\t} ) }\n\t\t\t\t\t\t\t\t\tonChange={ ( newValue ) => {\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: +newValue,\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\tsize={ 'compact' }\n\t\t\t\t\t\t\t\t\t__nextHasNoMarginBottom\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</HStack>\n\t\t\t\t<HStack expanded={ false } spacing={ 1 }>\n\t\t\t\t\t<Button\n\t\t\t\t\t\tonClick={ () =>\n\t\t\t\t\t\t\tonChangeView( { ...view, page: view.page - 1 } )\n\t\t\t\t\t\t}\n\t\t\t\t\t\tdisabled={ view.page === 1 }\n\t\t\t\t\t\t__experimentalIsFocusable\n\t\t\t\t\t\tlabel={ __( 'Previous page' ) }\n\t\t\t\t\t\ticon={ chevronLeft }\n\t\t\t\t\t\tshowTooltip\n\t\t\t\t\t\tsize=\"compact\"\n\t\t\t\t\t\ttooltipPosition=\"top\"\n\t\t\t\t\t/>\n\t\t\t\t\t<Button\n\t\t\t\t\t\tonClick={ () =>\n\t\t\t\t\t\t\tonChangeView( { ...view, page: view.page + 1 } )\n\t\t\t\t\t\t}\n\t\t\t\t\t\tdisabled={ view.page >= totalPages }\n\t\t\t\t\t\t__experimentalIsFocusable\n\t\t\t\t\t\tlabel={ __( 'Next page' ) }\n\t\t\t\t\t\ticon={ chevronRight }\n\t\t\t\t\t\tshowTooltip\n\t\t\t\t\t\tsize=\"compact\"\n\t\t\t\t\t\ttooltipPosition=\"top\"\n\t\t\t\t\t/>\n\t\t\t\t</HStack>\n\t\t\t</HStack>\n\t\t)\n\t);\n} );\n\nexport default Pagination;\n"],"mappings":"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"}

package/build/reset-filters.js

@@ -12,11 +12,14 @@ var _i18n = require("@wordpress/i18n");
  */
 
 function ResetFilter({
+  filters,
   view,
   onChangeView
 }) {
+  const isPrimary = field => filters.some(_filter => _filter.field === field && _filter.isPrimary);
+  const isDisabled = !view.search && !view.filters?.some(_filter => _filter.value !== undefined || !isPrimary(_filter.field));
   return (0, _react.createElement)(_components.Button, {
-    disabled: view.search === '' && view.filters?.length === 0,
+    disabled: isDisabled,
     __experimentalIsFocusable: true,
     size: "compact",
     variant: "tertiary",

package/build/reset-filters.js.map

@@ -1 +1 @@
-{"version":3,"names":["_components","require","_i18n","ResetFilter","view","onChangeView","_react","createElement","Button","disabled","search","filters","length","__experimentalIsFocusable","size","variant","onClick","page","__"],"sources":["@wordpress/dataviews/src/reset-filters.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { Button } from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\n\nexport default function ResetFilter( { view, onChangeView } ) {\n\treturn (\n\t\t<Button\n\t\t\tdisabled={ view.search === '' && view.filters?.length === 0 }\n\t\t\t__experimentalIsFocusable\n\t\t\tsize=\"compact\"\n\t\t\tvariant=\"tertiary\"\n\t\t\tonClick={ () => {\n\t\t\t\tonChangeView( {\n\t\t\t\t\t...view,\n\t\t\t\t\tpage: 1,\n\t\t\t\t\tsearch: '',\n\t\t\t\t\tfilters: [],\n\t\t\t\t} );\n\t\t\t} }\n\t\t>\n\t\t\t{ __( 'Reset filters' ) }\n\t\t</Button>\n\t);\n}\n"],"mappings":";;;;;;;AAGA,IAAAA,WAAA,GAAAC,OAAA;AACA,IAAAC,KAAA,GAAAD,OAAA;AAJA;AACA;AACA;;AAIe,SAASE,WAAWA,CAAE;EAAEC,IAAI;EAAEC;AAAa,CAAC,EAAG;EAC7D,OACC,IAAAC,MAAA,CAAAC,aAAA,EAACP,WAAA,CAAAQ,MAAM;IACNC,QAAQ,EAAGL,IAAI,CAACM,MAAM,KAAK,EAAE,IAAIN,IAAI,CAACO,OAAO,EAAEC,MAAM,KAAK,CAAG;IAC7DC,yBAAyB;IACzBC,IAAI,EAAC,SAAS;IACdC,OAAO,EAAC,UAAU;IAClBC,OAAO,EAAGA,CAAA,KAAM;MACfX,YAAY,CAAE;QACb,GAAGD,IAAI;QACPa,IAAI,EAAE,CAAC;QACPP,MAAM,EAAE,EAAE;QACVC,OAAO,EAAE;MACV,CAAE,CAAC;IACJ;EAAG,GAED,IAAAO,QAAE,EAAE,eAAgB,CACf,CAAC;AAEX"}
+{"version":3,"names":["_components","require","_i18n","ResetFilter","filters","view","onChangeView","isPrimary","field","some","_filter","isDisabled","search","value","undefined","_react","createElement","Button","disabled","__experimentalIsFocusable","size","variant","onClick","page","__"],"sources":["@wordpress/dataviews/src/reset-filters.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { Button } from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\n\nexport default function ResetFilter( { filters, view, onChangeView } ) {\n\tconst isPrimary = ( field ) =>\n\t\tfilters.some(\n\t\t\t( _filter ) => _filter.field === field && _filter.isPrimary\n\t\t);\n\tconst isDisabled =\n\t\t! view.search &&\n\t\t! view.filters?.some(\n\t\t\t( _filter ) =>\n\t\t\t\t_filter.value !== undefined || ! isPrimary( _filter.field )\n\t\t);\n\treturn (\n\t\t<Button\n\t\t\tdisabled={ isDisabled }\n\t\t\t__experimentalIsFocusable\n\t\t\tsize=\"compact\"\n\t\t\tvariant=\"tertiary\"\n\t\t\tonClick={ () => {\n\t\t\t\tonChangeView( {\n\t\t\t\t\t...view,\n\t\t\t\t\tpage: 1,\n\t\t\t\t\tsearch: '',\n\t\t\t\t\tfilters: [],\n\t\t\t\t} );\n\t\t\t} }\n\t\t>\n\t\t\t{ __( 'Reset filters' ) }\n\t\t</Button>\n\t);\n}\n"],"mappings":";;;;;;;AAGA,IAAAA,WAAA,GAAAC,OAAA;AACA,IAAAC,KAAA,GAAAD,OAAA;AAJA;AACA;AACA;;AAIe,SAASE,WAAWA,CAAE;EAAEC,OAAO;EAAEC,IAAI;EAAEC;AAAa,CAAC,EAAG;EACtE,MAAMC,SAAS,GAAKC,KAAK,IACxBJ,OAAO,CAACK,IAAI,CACTC,OAAO,IAAMA,OAAO,CAACF,KAAK,KAAKA,KAAK,IAAIE,OAAO,CAACH,SACnD,CAAC;EACF,MAAMI,UAAU,GACf,CAAEN,IAAI,CAACO,MAAM,IACb,CAAEP,IAAI,CAACD,OAAO,EAAEK,IAAI,CACjBC,OAAO,IACRA,OAAO,CAACG,KAAK,KAAKC,SAAS,IAAI,CAAEP,SAAS,CAAEG,OAAO,CAACF,KAAM,CAC5D,CAAC;EACF,OACC,IAAAO,MAAA,CAAAC,aAAA,EAAChB,WAAA,CAAAiB,MAAM;IACNC,QAAQ,EAAGP,UAAY;IACvBQ,yBAAyB;IACzBC,IAAI,EAAC,SAAS;IACdC,OAAO,EAAC,UAAU;IAClBC,OAAO,EAAGA,CAAA,KAAM;MACfhB,YAAY,CAAE;QACb,GAAGD,IAAI;QACPkB,IAAI,EAAE,CAAC;QACPX,MAAM,EAAE,EAAE;QACVR,OAAO,EAAE;MACV,CAAE,CAAC;IACJ;EAAG,GAED,IAAAoB,QAAE,EAAE,eAAgB,CACf,CAAC;AAEX"}