@wordpress/dataviews 0.5.0 → 0.5.1

package/build/filter-summary.js

@@ -98,38 +98,6 @@ function OperatorSelector({
     hideLabelFromVision: true
   }));
 }
-function ResetFilter({
-  filter,
-  view,
-  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,
@@ -219,9 +187,6 @@ function FilterSummary({
         ...commonProps
       }), (0, _react.createElement)(_searchWidget.default, {
         ...commonProps
-      }), (0, _react.createElement)(ResetFilter, {
-        ...commonProps,
-        addFilterRef: addFilterRef
       }));
     }
   });

package/build/filter-summary.js.map

@@ -1 +1 @@
-{"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":";;;;;;;;AAGA,IAAAA,WAAA,GAAAC,sBAAA,CAAAC,OAAA;AAKA,IAAAC,WAAA,GAAAD,OAAA;AAUA,IAAAE,KAAA,GAAAF,OAAA;AACA,IAAAG,QAAA,GAAAH,OAAA;AACA,IAAAI,MAAA,GAAAJ,OAAA;AACA,IAAAK,SAAA,GAAAL,OAAA;AAKA,IAAAM,aAAA,GAAAP,sBAAA,CAAAC,OAAA;AACA,IAAAO,UAAA,GAAAP,OAAA;AA3BA;AACA;AACA;;AAGA;AACA;AACA;;AAgBA;AACA;AACA;;AAIA,MAAMQ,UAAU,GAAGA,CAAE;EAAEC,aAAa;EAAEC,YAAY;EAAEC;AAAO,CAAC,KAAM;EACjE,IAAKF,aAAa,KAAKG,SAAS,EAAG;IAClC,OAAOD,MAAM,CAACE,IAAI;EACnB;EAEA,MAAMC,kBAAkB,GAAG;IAC1BC,KAAK,EAAE,IAAAC,MAAA,CAAAC,aAAA;MAAMC,SAAS,EAAC;IAA4C,CAAE,CAAC;IACtEC,KAAK,EAAE,IAAAH,MAAA,CAAAC,aAAA;MAAMC,SAAS,EAAC;IAA6C,CAAE;EACvE,CAAC;EAED,IACCT,aAAa,KAAKG,SAAS,IAC3BF,YAAY,EAAEU,QAAQ,KAAKC,sBAAW,EACrC;IACD,OAAO,IAAAC,iCAAwB,EAC9B,IAAAC,aAAO,GACN;IACA,IAAAC,QAAE,EAAE,4CAA6C,CAAC,EAClDb,MAAM,CAACE,IAAI,EACXJ,aAAa,CAACgB,KACf,CAAC,EACDX,kBACD,CAAC;EACF;EAEA,IACCL,aAAa,KAAKG,SAAS,IAC3BF,YAAY,EAAEU,QAAQ,KAAKM,0BAAe,EACzC;IACD,OAAO,IAAAJ,iCAAwB,EAC9B,IAAAC,aAAO,GACN;IACA,IAAAC,QAAE,EAAE,gDAAiD,CAAC,EACtDb,MAAM,CAACE,IAAI,EACXJ,aAAa,CAACgB,KACf,CAAC,EACDX,kBACD,CAAC;EACF;EAEA,OAAO,IAAAS,aAAO,GACb;EACA,IAAAC,QAAE,EAAE,yBAA0B,CAAC,EAC/Bb,MAAM,CAACE,IACR,CAAC;AACF,CAAC;AAED,SAASc,gBAAgBA,CAAE;EAAEhB,MAAM;EAAEiB,IAAI;EAAEC;AAAa,CAAC,EAAG;EAC3D,MAAMC,eAAe,GAAGnB,MAAM,CAACoB,SAAS,EAAEC,GAAG,CAAIZ,QAAQ,KAAQ;IAChEa,KAAK,EAAEb,QAAQ;IACfK,KAAK,EAAES,oBAAS,CAAEd,QAAQ,CAAE,EAAEK;EAC/B,CAAC,CAAG,CAAC;EACL,MAAMU,aAAa,GAAGP,IAAI,CAACQ,OAAO,CAACC,IAAI,CACpCC,OAAO,IAAMA,OAAO,CAACC,KAAK,KAAK5B,MAAM,CAAC4B,KACzC,CAAC;EACD,MAAMN,KAAK,GAAGE,aAAa,EAAEf,QAAQ,IAAIT,MAAM,CAACoB,SAAS,CAAE,CAAC,CAAE;EAC9D,OACCD,eAAe,CAACU,MAAM,GAAG,CAAC,IACzB,IAAAxB,MAAA,CAAAC,aAAA,EAAChB,WAAA,CAAAwC,oBAAM;IACNC,OAAO,EAAG,CAAG;IACbC,OAAO,EAAC,YAAY;IACpBzB,SAAS,EAAC;EAA+C,GAEzD,IAAAF,MAAA,CAAAC,aAAA,EAAChB,WAAA,CAAA2C,QAAQ;IAAC1B,SAAS,EAAC;EAAiD,GAClEP,MAAM,CAACE,IACA,CAAC,EAEX,IAAAG,MAAA,CAAAC,aAAA,EAAChB,WAAA,CAAA4C,aAAa;IACbpB,KAAK,EAAG,IAAAD,QAAE,EAAE,YAAa,CAAG;IAC5BS,KAAK,EAAGA,KAAO;IACfa,OAAO,EAAGhB,eAAiB;IAC3BiB,QAAQ,EAAKC,QAAQ,IAAM;MAC1B,MAAMC,UAAU,GAAGd,aAAa,GAC7B,CACA,GAAGP,IAAI,CAACQ,OAAO,CAACJ,GAAG,CAAIM,OAAO,IAAM;QACnC,IAAKA,OAAO,CAACC,KAAK,KAAK5B,MAAM,CAAC4B,KAAK,EAAG;UACrC,OAAO;YACN,GAAGD,OAAO;YACVlB,QAAQ,EAAE4B;UACX,CAAC;QACF;QACA,OAAOV,OAAO;MACf,CAAE,CAAC,CACF,GACD,CACA,GAAGV,IAAI,CAACQ,OAAO,EACf;QACCG,KAAK,EAAE5B,MAAM,CAAC4B,KAAK;QACnBnB,QAAQ,EAAE4B;MACX,CAAC,CACA;MACJnB,YAAY,CAAE;QACb,GAAGD,IAAI;QACPsB,IAAI,EAAE,CAAC;QACPd,OAAO,EAAEa;MACV,CAAE,CAAC;IACJ,CAAG;IACHE,IAAI,EAAC,OAAO;IACZC,uBAAuB;IACvBC,mBAAmB;EAAA,CACnB,CACM,CACR;AAEH;AAEA,SAASC,WAAWA,CAAE;EAAE3C,MAAM;EAAEiB,IAAI;EAAEC,YAAY;EAAE0B;AAAa,CAAC,EAAG;EACpE,MAAMC,UAAU,GACf7C,MAAM,CAAC8C,SAAS,IAChB7B,IAAI,CAACQ,OAAO,CAACC,IAAI,CAAIC,OAAO,IAAMA,OAAO,CAACC,KAAK,KAAK5B,MAAM,CAAC4B,KAAM,CAAC,EAC/DN,KAAK,KAAKrB,SAAS;EACvB,OACC,IAAAI,MAAA,CAAAC,aAAA;IAAKC,SAAS,EAAC;EAAiC,GAC/C,IAAAF,MAAA,CAAAC,aAAA,EAAChB,WAAA,CAAAyD,MAAM;IACNC,QAAQ,EAAGH,UAAY;IACvBI,yBAAyB;IACzBT,IAAI,EAAC,SAAS;IACdU,OAAO,EAAC,UAAU;IAClBC,KAAK,EAAG;MAAEC,cAAc,EAAE,QAAQ;MAAEC,KAAK,EAAE;IAAO,CAAG;IACrDC,OAAO,EAAGA,CAAA,KAAM;MACfpC,YAAY,CAAE;QACb,GAAGD,IAAI;QACPsB,IAAI,EAAE,CAAC;QACPd,OAAO,EAAER,IAAI,CAACQ,OAAO,CAACzB,MAAM,CACzB2B,OAAO,IAAMA,OAAO,CAACC,KAAK,KAAK5B,MAAM,CAAC4B,KACzC;MACD,CAAE,CAAC;MACH;MACA;MACA,IAAK,CAAE5B,MAAM,CAAC8C,SAAS,EAAG;QACzBF,YAAY,CAACW,OAAO,EAAEC,KAAK,CAAC,CAAC;MAC9B;IACD;EAAG,GAEDxD,MAAM,CAAC8C,SAAS,GAAG,IAAAjC,QAAE,EAAE,OAAQ,CAAC,GAAG,IAAAA,QAAE,EAAE,QAAS,CAC3C,CACJ,CAAC;AAER;AAEe,SAAS4C,aAAaA,CAAE;EACtCb,YAAY;EACZc,YAAY;EACZ,GAAGC;AACJ,CAAC,EAAG;EACH,MAAMC,SAAS,GAAG,IAAAC,eAAM,EAAC,CAAC;EAC1B,MAAM;IAAE7D,MAAM;IAAEiB,IAAI;IAAEC;EAAa,CAAC,GAAGyC,WAAW;EAClD,MAAM5D,YAAY,GAAGkB,IAAI,CAACQ,OAAO,CAACC,IAAI,CAAIoC,CAAC,IAAMA,CAAC,CAAClC,KAAK,KAAK5B,MAAM,CAAC4B,KAAM,CAAC;EAC3E,MAAM9B,aAAa,GAAGE,MAAM,CAAC+D,QAAQ,CAACrC,IAAI,CACvCsC,OAAO,IAAMA,OAAO,CAAC1C,KAAK,KAAKvB,YAAY,EAAEuB,KAChD,CAAC;EACD,MAAMwB,SAAS,GAAG9C,MAAM,CAAC8C,SAAS;EAClC,MAAMmB,SAAS,GAAGlE,YAAY,EAAEuB,KAAK,KAAKrB,SAAS;EACnD,MAAMiE,gBAAgB,GAAG,CAAEpB,SAAS,IAAImB,SAAS;EACjD,OACC,IAAA5D,MAAA,CAAAC,aAAA,EAAChB,WAAA,CAAA6E,QAAQ;IACRC,WAAW,EAAGV,YAAY,KAAK1D,MAAM,CAAC4B,KAAO;IAC7CyC,gBAAgB,EAAC,mCAAmC;IACpDC,YAAY,EAAG;MAAEC,SAAS,EAAE,cAAc;MAAEC,IAAI,EAAE;IAAS,CAAG;IAC9DC,OAAO,EAAGA,CAAA,KAAM;MACfb,SAAS,CAACL,OAAO,EAAEC,KAAK,CAAC,CAAC;IAC3B,CAAG;IACHkB,YAAY,EAAGA,CAAE;MAAEC,MAAM;MAAEC;IAAS,CAAC,KACpC,IAAAvE,MAAA,CAAAC,aAAA;MAAKC,SAAS,EAAC;IAA0C,GACxD,IAAAF,MAAA,CAAAC,aAAA,EAAChB,WAAA,CAAAuF,OAAO;MACPC,IAAI,EAAG,IAAAlE,aAAO,GACb;MACA,IAAAC,QAAE,EAAE,iBAAkB,CAAC,EACvBb,MAAM,CAACE,IAAI,CAAC6E,WAAW,CAAC,CACzB,CAAG;MACHR,SAAS,EAAC;IAAK,GAEf,IAAAlE,MAAA,CAAAC,aAAA;MACCC,SAAS,EAAG,IAAAyE,mBAAU,EACrB,gCAAgC,EAChC;QACC,WAAW,EAAEd,gBAAgB;QAC7B,YAAY,EAAED;MACf,CACD,CAAG;MACHO,IAAI,EAAC,QAAQ;MACbS,QAAQ,EAAG,CAAG;MACd3B,OAAO,EAAGsB,QAAU;MACpBM,SAAS,EAAKC,KAAK,IAAM;QACxB,IACC,CAAEC,eAAK,EAAEC,eAAK,CAAE,CAACC,QAAQ,CAAEH,KAAK,CAACI,OAAQ,CAAC,EACzC;UACDX,QAAQ,CAAC,CAAC;UACVO,KAAK,CAACK,cAAc,CAAC,CAAC;QACvB;MACD,CAAG;MACH,gBAAeb,MAAQ;MACvB,iBAAgBA,MAAQ;MACxBc,GAAG,EAAG7B;IAAW,GAEjB,IAAAvD,MAAA,CAAAC,aAAA,EAACT,UAAU;MACVC,aAAa,EAAGA,aAAe;MAC/BC,YAAY,EAAGA,YAAc;MAC7BC,MAAM,EAAGA;IAAQ,CACjB,CACG,CACG,CAAC,EACRkE,gBAAgB,IACjB,IAAA7D,MAAA,CAAAC,aAAA,EAAChB,WAAA,CAAAuF,OAAO;MACPC,IAAI,EAAGhC,SAAS,GAAG,IAAAjC,QAAE,EAAE,OAAQ,CAAC,GAAG,IAAAA,QAAE,EAAE,QAAS,CAAG;MACnD0D,SAAS,EAAC;IAAK,GAEf,IAAAlE,MAAA,CAAAC,aAAA;MACCC,SAAS,EAAG,IAAAyE,mBAAU,EACrB,uCAAuC,EACvC;QAAE,YAAY,EAAEf;MAAU,CAC3B,CAAG;MACHX,OAAO,EAAGA,CAAA,KAAM;QACfpC,YAAY,CAAE;UACb,GAAGD,IAAI;UACPsB,IAAI,EAAE,CAAC;UACPd,OAAO,EAAER,IAAI,CAACQ,OAAO,CAACzB,MAAM,CACzB2B,OAAO,IACRA,OAAO,CAACC,KAAK,KAAK5B,MAAM,CAAC4B,KAC3B;QACD,CAAE,CAAC;QACH;QACA;QACA,IAAK,CAAEkB,SAAS,EAAG;UAClBF,YAAY,CAACW,OAAO,EAAEC,KAAK,CAAC,CAAC;QAC9B,CAAC,MAAM;UACN;UACAI,SAAS,CAACL,OAAO,EAAEC,KAAK,CAAC,CAAC;QAC3B;MACD;IAAG,GAEH,IAAAnD,MAAA,CAAAC,aAAA,EAAChB,WAAA,CAAAoG,IAAI;MAACC,IAAI,EAAGC;IAAY,CAAE,CACpB,CACA,CAEN,CACH;IACHC,aAAa,EAAGA,CAAA,KAAM;MACrB,OACC,IAAAxF,MAAA,CAAAC,aAAA,EAAChB,WAAA,CAAAwG,oBAAM;QAAC/D,OAAO,EAAG,CAAG;QAACC,OAAO,EAAC;MAAY,GACzC,IAAA3B,MAAA,CAAAC,aAAA,EAACU,gBAAgB;QAAA,GAAM2C;MAAW,CAAI,CAAC,EACvC,IAAAtD,MAAA,CAAAC,aAAA,EAACX,aAAA,CAAAoG,OAAY;QAAA,GAAMpC;MAAW,CAAI,CAAC,EACnC,IAAAtD,MAAA,CAAAC,aAAA,EAACqC,WAAW;QAAA,GACNgB,WAAW;QAChBf,YAAY,EAAGA;MAAc,CAC7B,CACM,CAAC;IAEX;EAAG,CACH,CAAC;AAEJ"}
+{"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","FilterSummary","addFilterRef","openedFilter","commonProps","toggleRef","useRef","f","elements","element","isPrimary","hasValues","canResetOrRemove","Dropdown","defaultOpen","contentClassName","popoverProps","placement","role","onClose","current","focus","renderToggle","isOpen","onToggle","Tooltip","text","toLowerCase","classnames","tabIndex","onClick","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\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\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</VStack>\n\t\t\t\t);\n\t\t\t} }\n\t\t/>\n\t);\n}\n"],"mappings":"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"}

package/build-module/filter-summary.js

@@ -7,7 +7,7 @@ import classnames from 'classnames';
 /**
  * WordPress dependencies
  */
-import { Dropdown, Button, __experimentalVStack as VStack, __experimentalHStack as HStack, FlexItem, SelectControl, Tooltip, Icon } from '@wordpress/components';
+import { Dropdown, __experimentalVStack as VStack, __experimentalHStack as HStack, FlexItem, SelectControl, Tooltip, Icon } from '@wordpress/components';
 import { __, sprintf } from '@wordpress/i18n';
 import { useRef, createInterpolateElement } from '@wordpress/element';
 import { closeSmall } from '@wordpress/icons';
@@ -90,38 +90,6 @@ function OperatorSelector({
     hideLabelFromVision: true
   }));
 }
-function ResetFilter({
-  filter,
-  view,
-  onChangeView,
-  addFilterRef
-}) {
-  const isDisabled = filter.isPrimary && view.filters.find(_filter => _filter.field === filter.field)?.value === undefined;
-  return createElement("div", {
-    className: "dataviews-filter-summary__reset"
-  }, createElement(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 ? __('Reset') : __('Remove')));
-}
 export default function FilterSummary({
   addFilterRef,
   openedFilter,
@@ -211,9 +179,6 @@ export default function FilterSummary({
         ...commonProps
       }), createElement(SearchWidget, {
         ...commonProps
-      }), createElement(ResetFilter, {
-        ...commonProps,
-        addFilterRef: addFilterRef
       }));
     }
   });

package/build-module/filter-summary.js.map

@@ -1 +1 @@
-{"version":3,"names":["classnames","Dropdown","Button","__experimentalVStack","VStack","__experimentalHStack","HStack","FlexItem","SelectControl","Tooltip","Icon","__","sprintf","useRef","createInterpolateElement","closeSmall","ENTER","SPACE","SearchWidget","OPERATOR_IN","OPERATOR_NOT_IN","OPERATORS","FilterText","activeElement","filterInView","filter","undefined","name","filterTextWrappers","Span1","createElement","className","Span2","operator","label","OperatorSelector","view","onChangeView","operatorOptions","operators","map","value","currentFilter","filters","find","_filter","field","length","spacing","justify","options","onChange","newValue","newFilters","page","size","__nextHasNoMarginBottom","hideLabelFromVision","ResetFilter","addFilterRef","isDisabled","isPrimary","disabled","__experimentalIsFocusable","variant","style","justifyContent","width","onClick","current","focus","FilterSummary","openedFilter","commonProps","toggleRef","f","elements","element","hasValues","canResetOrRemove","defaultOpen","contentClassName","popoverProps","placement","role","onClose","renderToggle","isOpen","onToggle","text","toLowerCase","tabIndex","onKeyDown","event","includes","keyCode","preventDefault","ref","icon","renderContent"],"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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"}
+{"version":3,"names":["classnames","Dropdown","__experimentalVStack","VStack","__experimentalHStack","HStack","FlexItem","SelectControl","Tooltip","Icon","__","sprintf","useRef","createInterpolateElement","closeSmall","ENTER","SPACE","SearchWidget","OPERATOR_IN","OPERATOR_NOT_IN","OPERATORS","FilterText","activeElement","filterInView","filter","undefined","name","filterTextWrappers","Span1","createElement","className","Span2","operator","label","OperatorSelector","view","onChangeView","operatorOptions","operators","map","value","currentFilter","filters","find","_filter","field","length","spacing","justify","options","onChange","newValue","newFilters","page","size","__nextHasNoMarginBottom","hideLabelFromVision","FilterSummary","addFilterRef","openedFilter","commonProps","toggleRef","f","elements","element","isPrimary","hasValues","canResetOrRemove","defaultOpen","contentClassName","popoverProps","placement","role","onClose","current","focus","renderToggle","isOpen","onToggle","text","toLowerCase","tabIndex","onClick","onKeyDown","event","includes","keyCode","preventDefault","ref","icon","renderContent"],"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\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\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</VStack>\n\t\t\t\t);\n\t\t\t} }\n\t\t/>\n\t);\n}\n"],"mappings":"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"}

package/build-style/style-rtl.css

@@ -686,11 +686,6 @@
   color: #757575;
 }
 
-.dataviews-filter-summary__reset {
-  padding: 4px;
-  border-top: 1px solid #e0e0e0;
-}
-
 .dataviews-filter-summary__chip-container {
   position: relative;
   white-space: pre-wrap;

package/build-style/style.css

@@ -686,11 +686,6 @@
   color: #757575;
 }
 
-.dataviews-filter-summary__reset {
-  padding: 4px;
-  border-top: 1px solid #e0e0e0;
-}
-
 .dataviews-filter-summary__chip-container {
   position: relative;
   white-space: pre-wrap;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@wordpress/dataviews",
-	"version": "0.5.0",
+	"version": "0.5.1",
 	"description": "DataViews is a component that provides an API to render datasets using different types of layouts (table, grid, list, etc.).",
 	"author": "The WordPress Contributors",
 	"license": "GPL-2.0-or-later",
@@ -30,7 +30,7 @@
 		"@ariakit/react": "^0.3.12",
 		"@babel/runtime": "^7.16.0",
 		"@wordpress/a11y": "^3.51.0",
-		"@wordpress/components": "^26.0.0",
+		"@wordpress/components": "^26.0.1",
 		"@wordpress/compose": "^6.28.0",
 		"@wordpress/element": "^5.28.0",
 		"@wordpress/i18n": "^4.51.0",
@@ -47,5 +47,5 @@
 	"publishConfig": {
 		"access": "public"
 	},
-	"gitHead": "eb796371e9630636a4a8837033807b0c4a06ed67"
+	"gitHead": "5902fc0f490528da6965dd4cf97f11192bcf5956"
 }

package/src/filter-summary.js

@@ -8,7 +8,6 @@ import classnames from 'classnames';
  */
 import {
 	Dropdown,
-	Button,
 	__experimentalVStack as VStack,
 	__experimentalHStack as HStack,
 	FlexItem,
@@ -133,40 +132,6 @@ function OperatorSelector( { filter, view, onChangeView } ) {
 	);
 }
 
-function ResetFilter( { filter, view, onChangeView, addFilterRef } ) {
-	const isDisabled =
-		filter.isPrimary &&
-		view.filters.find( ( _filter ) => _filter.field === filter.field )
-			?.value === undefined;
-	return (
-		<div className="dataviews-filter-summary__reset">
-			<Button
-				disabled={ isDisabled }
-				__experimentalIsFocusable
-				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 ? __( 'Reset' ) : __( 'Remove' ) }
-			</Button>
-		</div>
-	);
-}
-
 export default function FilterSummary( {
 	addFilterRef,
 	openedFilter,
@@ -269,10 +234,6 @@ export default function FilterSummary( {
 					<VStack spacing={ 0 } justify="flex-start">
 						<OperatorSelector { ...commonProps } />
 						<SearchWidget { ...commonProps } />
-						<ResetFilter
-							{ ...commonProps }
-							addFilterRef={ addFilterRef }
-						/>
 					</VStack>
 				);
 			} }

package/src/style.scss

@@ -627,11 +627,6 @@
 	}
 }
 
-.dataviews-filter-summary__reset {
-	padding: $grid-unit-05;
-	border-top: 1px solid $gray-200;
-}
-
 .dataviews-filter-summary__chip-container {
 	position: relative;
 	white-space: pre-wrap;