@wordpress/dataviews 9.1.1-next.f56bd8138.0 → 10.0.0

package/build-module/components/dataviews-filters/input-widget.js

@@ -1,50 +1,21 @@
-/**
- * External dependencies
- */
-import fastDeepEqual from 'fast-deep-equal/es6';
-
-/**
- * WordPress dependencies
- */
-import { useEvent } from '@wordpress/compose';
-import { useMemo } from '@wordpress/element';
-import { Flex } from '@wordpress/components';
-
-/**
- * Internal dependencies
- */
-
-import { getCurrentValue } from './utils';
-import { jsx as _jsx } from "react/jsx-runtime";
-export default function InputWidget({
+import { jsx } from "react/jsx-runtime";
+import fastDeepEqual from "fast-deep-equal/es6";
+import { useEvent } from "@wordpress/compose";
+import { useMemo } from "@wordpress/element";
+import { Flex } from "@wordpress/components";
+import { getCurrentValue } from "./utils";
+function InputWidget({
   filter,
   view,
   onChangeView,
   fields
 }) {
-  const currentFilter = view.filters?.find(f => f.field === filter.field);
+  const currentFilter = view.filters?.find(
+    (f) => f.field === filter.field
+  );
   const currentValue = getCurrentValue(filter, currentFilter);
-
-  /*
-   * We are reusing the field.Edit component for filters. By doing so,
-   * we get for free a filter control specific to the field type
-   * and other aspects of the field API (Edit control configuration, etc.).
-   *
-   * This approach comes with an issue: the field.Edit controls work with getValue
-   * and setValue methods, which take an item (Item) as parameter. But, at this point,
-   * we don't have an item and we don't know how to create one, either.
-   *
-   * So, what we do is to prepare the data and the relevant field configuration
-   * as if Item was a plain object whose keys are the field ids:
-   *
-   * {
-   *   [ fieldOne.id ]: value,
-   *   [ fieldTwo.id ]: value,
-   * }
-   *
-   */
   const field = useMemo(() => {
-    const currentField = fields.find(f => f.id === filter.field);
+    const currentField = fields.find((f) => f.id === filter.field);
     if (currentField) {
       return {
         ...currentField,
@@ -54,12 +25,8 @@ export default function InputWidget({
           custom: () => null
         },
         // Configure getValue/setValue as if Item was a plain object.
-        getValue: ({
-          item
-        }) => item[currentField.id],
-        setValue: ({
-          value
-        }) => ({
+        getValue: ({ item }) => item[currentField.id],
+        setValue: ({ value }) => ({
           [currentField.id]: value
         })
       };
@@ -67,53 +34,62 @@ export default function InputWidget({
     return currentField;
   }, [fields, filter.field]);
   const data = useMemo(() => {
-    var _view$filters;
-    return ((_view$filters = view.filters) !== null && _view$filters !== void 0 ? _view$filters : []).reduce((acc, activeFilter) => {
-      // We can now assume the field is stored as a Item prop.
-      acc[activeFilter.field] = activeFilter.value;
-      return acc;
-    }, {});
+    return (view.filters ?? []).reduce(
+      (acc, activeFilter) => {
+        acc[activeFilter.field] = activeFilter.value;
+        return acc;
+      },
+      {}
+    );
   }, [view.filters]);
-  const handleChange = useEvent(updatedData => {
-    var _view$filters2;
+  const handleChange = useEvent((updatedData) => {
     if (!field || !currentFilter) {
       return;
     }
-    const nextValue = field.getValue({
-      item: updatedData
-    });
+    const nextValue = field.getValue({ item: updatedData });
     if (fastDeepEqual(nextValue, currentValue)) {
       return;
     }
     onChangeView({
       ...view,
-      filters: ((_view$filters2 = view.filters) !== null && _view$filters2 !== void 0 ? _view$filters2 : []).map(_filter => _filter.field === filter.field ? {
-        ..._filter,
-        operator: currentFilter.operator || filter.operators[0],
-        // Consider empty strings as undefined:
-        //
-        // - undefined as value means the filter is unset: the filter widget displays no value and the search returns all records
-        // - empty string as value means "search empty string": returns only the records that have an empty string as value
-        //
-        // In practice, this means the filter will not be able to find an empty string as the value.
-        value: nextValue === '' ? undefined : nextValue
-      } : _filter)
+      filters: (view.filters ?? []).map(
+        (_filter) => _filter.field === filter.field ? {
+          ..._filter,
+          operator: currentFilter.operator || filter.operators[0],
+          // Consider empty strings as undefined:
+          //
+          // - undefined as value means the filter is unset: the filter widget displays no value and the search returns all records
+          // - empty string as value means "search empty string": returns only the records that have an empty string as value
+          //
+          // In practice, this means the filter will not be able to find an empty string as the value.
+          value: nextValue === "" ? void 0 : nextValue
+        } : _filter
+      )
     });
   });
   if (!field || !field.Edit || !currentFilter) {
     return null;
   }
-  return /*#__PURE__*/_jsx(Flex, {
-    className: "dataviews-filters__user-input-widget",
-    gap: 2.5,
-    direction: "column",
-    children: /*#__PURE__*/_jsx(field.Edit, {
-      hideLabelFromVision: true,
-      data: data,
-      field: field,
-      operator: currentFilter.operator,
-      onChange: handleChange
-    })
-  });
+  return /* @__PURE__ */ jsx(
+    Flex,
+    {
+      className: "dataviews-filters__user-input-widget",
+      gap: 2.5,
+      direction: "column",
+      children: /* @__PURE__ */ jsx(
+        field.Edit,
+        {
+          hideLabelFromVision: true,
+          data,
+          field,
+          operator: currentFilter.operator,
+          onChange: handleChange
+        }
+      )
+    }
+  );
 }
-//# sourceMappingURL=input-widget.js.map
+export {
+  InputWidget as default
+};
+//# sourceMappingURL=input-widget.js.map

package/build-module/components/dataviews-filters/input-widget.js.map

@@ -1 +1,7 @@
-{"version":3,"names":["fastDeepEqual","useEvent","useMemo","Flex","getCurrentValue","jsx","_jsx","InputWidget","filter","view","onChangeView","fields","currentFilter","filters","find","f","field","currentValue","currentField","id","isValid","required","custom","getValue","item","setValue","value","data","_view$filters","reduce","acc","activeFilter","handleChange","updatedData","_view$filters2","nextValue","map","_filter","operator","operators","undefined","Edit","className","gap","direction","children","hideLabelFromVision","onChange"],"sources":["@wordpress/dataviews/src/components/dataviews-filters/input-widget.tsx"],"sourcesContent":["/**\n * External dependencies\n */\nimport fastDeepEqual from 'fast-deep-equal/es6';\n\n/**\n * WordPress dependencies\n */\nimport { useEvent } from '@wordpress/compose';\nimport { useMemo } from '@wordpress/element';\nimport { Flex } from '@wordpress/components';\n\n/**\n * Internal dependencies\n */\nimport type { View, NormalizedFilter, NormalizedField } from '../../types';\nimport { getCurrentValue } from './utils';\n\ninterface UserInputWidgetProps {\n\tview: View;\n\tfilter: NormalizedFilter;\n\tonChangeView: ( view: View ) => void;\n\tfields: NormalizedField< any >[];\n}\n\nexport default function InputWidget( {\n\tfilter,\n\tview,\n\tonChangeView,\n\tfields,\n}: UserInputWidgetProps ) {\n\tconst currentFilter = view.filters?.find(\n\t\t( f ) => f.field === filter.field\n\t);\n\tconst currentValue = getCurrentValue( filter, currentFilter );\n\n\t/*\n\t * We are reusing the field.Edit component for filters. By doing so,\n\t * we get for free a filter control specific to the field type\n\t * and other aspects of the field API (Edit control configuration, etc.).\n\t *\n\t * This approach comes with an issue: the field.Edit controls work with getValue\n\t * and setValue methods, which take an item (Item) as parameter. But, at this point,\n\t * we don't have an item and we don't know how to create one, either.\n\t *\n\t * So, what we do is to prepare the data and the relevant field configuration\n\t * as if Item was a plain object whose keys are the field ids:\n\t *\n\t * {\n\t *   [ fieldOne.id ]: value,\n\t *   [ fieldTwo.id ]: value,\n\t * }\n\t *\n\t */\n\tconst field = useMemo( () => {\n\t\tconst currentField = fields.find( ( f ) => f.id === filter.field );\n\t\tif ( currentField ) {\n\t\t\treturn {\n\t\t\t\t...currentField,\n\t\t\t\t// Deactivate validation for filters.\n\t\t\t\tisValid: {\n\t\t\t\t\trequired: false,\n\t\t\t\t\tcustom: () => null,\n\t\t\t\t},\n\t\t\t\t// Configure getValue/setValue as if Item was a plain object.\n\t\t\t\tgetValue: ( { item }: { item: any } ) =>\n\t\t\t\t\titem[ currentField.id ],\n\t\t\t\tsetValue: ( { value }: { value: any } ) => ( {\n\t\t\t\t\t[ currentField.id ]: value,\n\t\t\t\t} ),\n\t\t\t};\n\t\t}\n\t\treturn currentField;\n\t}, [ fields, filter.field ] );\n\n\tconst data = useMemo( () => {\n\t\treturn ( view.filters ?? [] ).reduce(\n\t\t\t( acc, activeFilter ) => {\n\t\t\t\t// We can now assume the field is stored as a Item prop.\n\t\t\t\tacc[ activeFilter.field ] = activeFilter.value;\n\t\t\t\treturn acc;\n\t\t\t},\n\t\t\t{} as Record< string, any >\n\t\t);\n\t}, [ view.filters ] );\n\n\tconst handleChange = useEvent( ( updatedData: Record< string, any > ) => {\n\t\tif ( ! field || ! currentFilter ) {\n\t\t\treturn;\n\t\t}\n\t\tconst nextValue = field.getValue( { item: updatedData } );\n\t\tif ( fastDeepEqual( nextValue, currentValue ) ) {\n\t\t\treturn;\n\t\t}\n\n\t\tonChangeView( {\n\t\t\t...view,\n\t\t\tfilters: ( view.filters ?? [] ).map( ( _filter ) =>\n\t\t\t\t_filter.field === filter.field\n\t\t\t\t\t? {\n\t\t\t\t\t\t\t..._filter,\n\t\t\t\t\t\t\toperator:\n\t\t\t\t\t\t\t\tcurrentFilter.operator || filter.operators[ 0 ],\n\t\t\t\t\t\t\t// Consider empty strings as undefined:\n\t\t\t\t\t\t\t//\n\t\t\t\t\t\t\t// - undefined as value means the filter is unset: the filter widget displays no value and the search returns all records\n\t\t\t\t\t\t\t// - empty string as value means \"search empty string\": returns only the records that have an empty string as value\n\t\t\t\t\t\t\t//\n\t\t\t\t\t\t\t// In practice, this means the filter will not be able to find an empty string as the value.\n\t\t\t\t\t\t\tvalue: nextValue === '' ? undefined : nextValue,\n\t\t\t\t\t  }\n\t\t\t\t\t: _filter\n\t\t\t),\n\t\t} );\n\t} );\n\n\tif ( ! field || ! field.Edit || ! currentFilter ) {\n\t\treturn null;\n\t}\n\n\treturn (\n\t\t<Flex\n\t\t\tclassName=\"dataviews-filters__user-input-widget\"\n\t\t\tgap={ 2.5 }\n\t\t\tdirection=\"column\"\n\t\t>\n\t\t\t<field.Edit\n\t\t\t\thideLabelFromVision\n\t\t\t\tdata={ data }\n\t\t\t\tfield={ field }\n\t\t\t\toperator={ currentFilter.operator }\n\t\t\t\tonChange={ handleChange }\n\t\t\t/>\n\t\t</Flex>\n\t);\n}\n"],"mappings":"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","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../../src/components/dataviews-filters/input-widget.tsx"],
+  "sourcesContent": ["/**\n * External dependencies\n */\nimport fastDeepEqual from 'fast-deep-equal/es6';\n\n/**\n * WordPress dependencies\n */\nimport { useEvent } from '@wordpress/compose';\nimport { useMemo } from '@wordpress/element';\nimport { Flex } from '@wordpress/components';\n\n/**\n * Internal dependencies\n */\nimport type { View, NormalizedFilter, NormalizedField } from '../../types';\nimport { getCurrentValue } from './utils';\n\ninterface UserInputWidgetProps {\n\tview: View;\n\tfilter: NormalizedFilter;\n\tonChangeView: ( view: View ) => void;\n\tfields: NormalizedField< any >[];\n}\n\nexport default function InputWidget( {\n\tfilter,\n\tview,\n\tonChangeView,\n\tfields,\n}: UserInputWidgetProps ) {\n\tconst currentFilter = view.filters?.find(\n\t\t( f ) => f.field === filter.field\n\t);\n\tconst currentValue = getCurrentValue( filter, currentFilter );\n\n\t/*\n\t * We are reusing the field.Edit component for filters. By doing so,\n\t * we get for free a filter control specific to the field type\n\t * and other aspects of the field API (Edit control configuration, etc.).\n\t *\n\t * This approach comes with an issue: the field.Edit controls work with getValue\n\t * and setValue methods, which take an item (Item) as parameter. But, at this point,\n\t * we don't have an item and we don't know how to create one, either.\n\t *\n\t * So, what we do is to prepare the data and the relevant field configuration\n\t * as if Item was a plain object whose keys are the field ids:\n\t *\n\t * {\n\t *   [ fieldOne.id ]: value,\n\t *   [ fieldTwo.id ]: value,\n\t * }\n\t *\n\t */\n\tconst field = useMemo( () => {\n\t\tconst currentField = fields.find( ( f ) => f.id === filter.field );\n\t\tif ( currentField ) {\n\t\t\treturn {\n\t\t\t\t...currentField,\n\t\t\t\t// Deactivate validation for filters.\n\t\t\t\tisValid: {\n\t\t\t\t\trequired: false,\n\t\t\t\t\tcustom: () => null,\n\t\t\t\t},\n\t\t\t\t// Configure getValue/setValue as if Item was a plain object.\n\t\t\t\tgetValue: ( { item }: { item: any } ) =>\n\t\t\t\t\titem[ currentField.id ],\n\t\t\t\tsetValue: ( { value }: { value: any } ) => ( {\n\t\t\t\t\t[ currentField.id ]: value,\n\t\t\t\t} ),\n\t\t\t};\n\t\t}\n\t\treturn currentField;\n\t}, [ fields, filter.field ] );\n\n\tconst data = useMemo( () => {\n\t\treturn ( view.filters ?? [] ).reduce(\n\t\t\t( acc, activeFilter ) => {\n\t\t\t\t// We can now assume the field is stored as a Item prop.\n\t\t\t\tacc[ activeFilter.field ] = activeFilter.value;\n\t\t\t\treturn acc;\n\t\t\t},\n\t\t\t{} as Record< string, any >\n\t\t);\n\t}, [ view.filters ] );\n\n\tconst handleChange = useEvent( ( updatedData: Record< string, any > ) => {\n\t\tif ( ! field || ! currentFilter ) {\n\t\t\treturn;\n\t\t}\n\t\tconst nextValue = field.getValue( { item: updatedData } );\n\t\tif ( fastDeepEqual( nextValue, currentValue ) ) {\n\t\t\treturn;\n\t\t}\n\n\t\tonChangeView( {\n\t\t\t...view,\n\t\t\tfilters: ( view.filters ?? [] ).map( ( _filter ) =>\n\t\t\t\t_filter.field === filter.field\n\t\t\t\t\t? {\n\t\t\t\t\t\t\t..._filter,\n\t\t\t\t\t\t\toperator:\n\t\t\t\t\t\t\t\tcurrentFilter.operator || filter.operators[ 0 ],\n\t\t\t\t\t\t\t// Consider empty strings as undefined:\n\t\t\t\t\t\t\t//\n\t\t\t\t\t\t\t// - undefined as value means the filter is unset: the filter widget displays no value and the search returns all records\n\t\t\t\t\t\t\t// - empty string as value means \"search empty string\": returns only the records that have an empty string as value\n\t\t\t\t\t\t\t//\n\t\t\t\t\t\t\t// In practice, this means the filter will not be able to find an empty string as the value.\n\t\t\t\t\t\t\tvalue: nextValue === '' ? undefined : nextValue,\n\t\t\t\t\t  }\n\t\t\t\t\t: _filter\n\t\t\t),\n\t\t} );\n\t} );\n\n\tif ( ! field || ! field.Edit || ! currentFilter ) {\n\t\treturn null;\n\t}\n\n\treturn (\n\t\t<Flex\n\t\t\tclassName=\"dataviews-filters__user-input-widget\"\n\t\t\tgap={ 2.5 }\n\t\t\tdirection=\"column\"\n\t\t>\n\t\t\t<field.Edit\n\t\t\t\thideLabelFromVision\n\t\t\t\tdata={ data }\n\t\t\t\tfield={ field }\n\t\t\t\toperator={ currentFilter.operator }\n\t\t\t\tonChange={ handleChange }\n\t\t\t/>\n\t\t</Flex>\n\t);\n}\n"],
+  "mappings": "AA8HG;AA3HH,OAAO,mBAAmB;AAK1B,SAAS,gBAAgB;AACzB,SAAS,eAAe;AACxB,SAAS,YAAY;AAMrB,SAAS,uBAAuB;AASjB,SAAR,YAA8B;AAAA,EACpC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACD,GAA0B;AACzB,QAAM,gBAAgB,KAAK,SAAS;AAAA,IACnC,CAAE,MAAO,EAAE,UAAU,OAAO;AAAA,EAC7B;AACA,QAAM,eAAe,gBAAiB,QAAQ,aAAc;AAoB5D,QAAM,QAAQ,QAAS,MAAM;AAC5B,UAAM,eAAe,OAAO,KAAM,CAAE,MAAO,EAAE,OAAO,OAAO,KAAM;AACjE,QAAK,cAAe;AACnB,aAAO;AAAA,QACN,GAAG;AAAA;AAAA,QAEH,SAAS;AAAA,UACR,UAAU;AAAA,UACV,QAAQ,MAAM;AAAA,QACf;AAAA;AAAA,QAEA,UAAU,CAAE,EAAE,KAAK,MAClB,KAAM,aAAa,EAAG;AAAA,QACvB,UAAU,CAAE,EAAE,MAAM,OAAyB;AAAA,UAC5C,CAAE,aAAa,EAAG,GAAG;AAAA,QACtB;AAAA,MACD;AAAA,IACD;AACA,WAAO;AAAA,EACR,GAAG,CAAE,QAAQ,OAAO,KAAM,CAAE;AAE5B,QAAM,OAAO,QAAS,MAAM;AAC3B,YAAS,KAAK,WAAW,CAAC,GAAI;AAAA,MAC7B,CAAE,KAAK,iBAAkB;AAExB,YAAK,aAAa,KAAM,IAAI,aAAa;AACzC,eAAO;AAAA,MACR;AAAA,MACA,CAAC;AAAA,IACF;AAAA,EACD,GAAG,CAAE,KAAK,OAAQ,CAAE;AAEpB,QAAM,eAAe,SAAU,CAAE,gBAAwC;AACxE,QAAK,CAAE,SAAS,CAAE,eAAgB;AACjC;AAAA,IACD;AACA,UAAM,YAAY,MAAM,SAAU,EAAE,MAAM,YAAY,CAAE;AACxD,QAAK,cAAe,WAAW,YAAa,GAAI;AAC/C;AAAA,IACD;AAEA,iBAAc;AAAA,MACb,GAAG;AAAA,MACH,UAAW,KAAK,WAAW,CAAC,GAAI;AAAA,QAAK,CAAE,YACtC,QAAQ,UAAU,OAAO,QACtB;AAAA,UACA,GAAG;AAAA,UACH,UACC,cAAc,YAAY,OAAO,UAAW,CAAE;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,UAO/C,OAAO,cAAc,KAAK,SAAY;AAAA,QACtC,IACA;AAAA,MACJ;AAAA,IACD,CAAE;AAAA,EACH,CAAE;AAEF,MAAK,CAAE,SAAS,CAAE,MAAM,QAAQ,CAAE,eAAgB;AACjD,WAAO;AAAA,EACR;AAEA,SACC;AAAA,IAAC;AAAA;AAAA,MACA,WAAU;AAAA,MACV,KAAM;AAAA,MACN,WAAU;AAAA,MAEV;AAAA,QAAC,MAAM;AAAA,QAAN;AAAA,UACA,qBAAmB;AAAA,UACnB;AAAA,UACA;AAAA,UACA,UAAW,cAAc;AAAA,UACzB,UAAW;AAAA;AAAA,MACZ;AAAA;AAAA,EACD;AAEF;",
+  "names": []
+}

package/build-module/components/dataviews-filters/reset-filters.js

@@ -1,35 +1,38 @@
-/**
- * WordPress dependencies
- */
-import { Button } from '@wordpress/components';
-import { __ } from '@wordpress/i18n';
-
-/**
- * Internal dependencies
- */
-import { jsx as _jsx } from "react/jsx-runtime";
-export default function ResetFilter({
+import { jsx } from "react/jsx-runtime";
+import { Button } from "@wordpress/components";
+import { __ } from "@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.isLocked && (_filter.value !== undefined || !isPrimary(_filter.field)));
-  return /*#__PURE__*/_jsx(Button, {
-    disabled: isDisabled,
-    accessibleWhenDisabled: true,
-    size: "compact",
-    variant: "tertiary",
-    className: "dataviews-filters__reset-button",
-    onClick: () => {
-      onChangeView({
-        ...view,
-        page: 1,
-        search: '',
-        filters: view.filters?.filter(f => !!f.isLocked) || []
-      });
-    },
-    children: __('Reset')
-  });
+  const isPrimary = (field) => filters.some(
+    (_filter) => _filter.field === field && _filter.isPrimary
+  );
+  const isDisabled = !view.search && !view.filters?.some(
+    (_filter) => !_filter.isLocked && (_filter.value !== void 0 || !isPrimary(_filter.field))
+  );
+  return /* @__PURE__ */ jsx(
+    Button,
+    {
+      disabled: isDisabled,
+      accessibleWhenDisabled: true,
+      size: "compact",
+      variant: "tertiary",
+      className: "dataviews-filters__reset-button",
+      onClick: () => {
+        onChangeView({
+          ...view,
+          page: 1,
+          search: "",
+          filters: view.filters?.filter((f) => !!f.isLocked) || []
+        });
+      },
+      children: __("Reset")
+    }
+  );
 }
-//# sourceMappingURL=reset-filters.js.map
+export {
+  ResetFilter as default
+};
+//# sourceMappingURL=reset-filters.js.map

package/build-module/components/dataviews-filters/reset-filters.js.map

@@ -1 +1,7 @@
-{"version":3,"names":["Button","__","jsx","_jsx","ResetFilter","filters","view","onChangeView","isPrimary","field","some","_filter","isDisabled","search","isLocked","value","undefined","disabled","accessibleWhenDisabled","size","variant","className","onClick","page","filter","f","children"],"sources":["@wordpress/dataviews/src/components/dataviews-filters/reset-filters.tsx"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { Button } from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\n\n/**\n * Internal dependencies\n */\nimport type { NormalizedFilter, View } from '../../types';\n\ninterface ResetFilterProps {\n\tfilters: NormalizedFilter[];\n\tview: View;\n\tonChangeView: ( view: View ) => void;\n}\n\nexport default function ResetFilter( {\n\tfilters,\n\tview,\n\tonChangeView,\n}: ResetFilterProps ) {\n\tconst isPrimary = ( field: string ) =>\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.isLocked &&\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\taccessibleWhenDisabled\n\t\t\tsize=\"compact\"\n\t\t\tvariant=\"tertiary\"\n\t\t\tclassName=\"dataviews-filters__reset-button\"\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\t\tview.filters?.filter( ( f ) => !! f.isLocked ) || [],\n\t\t\t\t} );\n\t\t\t} }\n\t\t>\n\t\t\t{ __( 'Reset' ) }\n\t\t</Button>\n\t);\n}\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,MAAM,QAAQ,uBAAuB;AAC9C,SAASC,EAAE,QAAQ,iBAAiB;;AAEpC;AACA;AACA;AAFA,SAAAC,GAAA,IAAAC,IAAA;AAWA,eAAe,SAASC,WAAWA,CAAE;EACpCC,OAAO;EACPC,IAAI;EACJC;AACiB,CAAC,EAAG;EACrB,MAAMC,SAAS,GAAKC,KAAa,IAChCJ,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,IACR,CAAEA,OAAO,CAACG,QAAQ,KAChBH,OAAO,CAACI,KAAK,KAAKC,SAAS,IAAI,CAAER,SAAS,CAAEG,OAAO,CAACF,KAAM,CAAC,CAC/D,CAAC;EACF,oBACCN,IAAA,CAACH,MAAM;IACNiB,QAAQ,EAAGL,UAAY;IACvBM,sBAAsB;IACtBC,IAAI,EAAC,SAAS;IACdC,OAAO,EAAC,UAAU;IAClBC,SAAS,EAAC,iCAAiC;IAC3CC,OAAO,EAAGA,CAAA,KAAM;MACff,YAAY,CAAE;QACb,GAAGD,IAAI;QACPiB,IAAI,EAAE,CAAC;QACPV,MAAM,EAAE,EAAE;QACVR,OAAO,EACNC,IAAI,CAACD,OAAO,EAAEmB,MAAM,CAAIC,CAAC,IAAM,CAAC,CAAEA,CAAC,CAACX,QAAS,CAAC,IAAI;MACpD,CAAE,CAAC;IACJ,CAAG;IAAAY,QAAA,EAEDzB,EAAE,CAAE,OAAQ;EAAC,CACR,CAAC;AAEX","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../../src/components/dataviews-filters/reset-filters.tsx"],
+  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { Button } from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\n\n/**\n * Internal dependencies\n */\nimport type { NormalizedFilter, View } from '../../types';\n\ninterface ResetFilterProps {\n\tfilters: NormalizedFilter[];\n\tview: View;\n\tonChangeView: ( view: View ) => void;\n}\n\nexport default function ResetFilter( {\n\tfilters,\n\tview,\n\tonChangeView,\n}: ResetFilterProps ) {\n\tconst isPrimary = ( field: string ) =>\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.isLocked &&\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\taccessibleWhenDisabled\n\t\t\tsize=\"compact\"\n\t\t\tvariant=\"tertiary\"\n\t\t\tclassName=\"dataviews-filters__reset-button\"\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\t\tview.filters?.filter( ( f ) => !! f.isLocked ) || [],\n\t\t\t\t} );\n\t\t\t} }\n\t\t>\n\t\t\t{ __( 'Reset' ) }\n\t\t</Button>\n\t);\n}\n"],
+  "mappings": "AAkCE;AA/BF,SAAS,cAAc;AACvB,SAAS,UAAU;AAaJ,SAAR,YAA8B;AAAA,EACpC;AAAA,EACA;AAAA,EACA;AACD,GAAsB;AACrB,QAAM,YAAY,CAAE,UACnB,QAAQ;AAAA,IACP,CAAE,YAAa,QAAQ,UAAU,SAAS,QAAQ;AAAA,EACnD;AACD,QAAM,aACL,CAAE,KAAK,UACP,CAAE,KAAK,SAAS;AAAA,IACf,CAAE,YACD,CAAE,QAAQ,aACR,QAAQ,UAAU,UAAa,CAAE,UAAW,QAAQ,KAAM;AAAA,EAC9D;AACD,SACC;AAAA,IAAC;AAAA;AAAA,MACA,UAAW;AAAA,MACX,wBAAsB;AAAA,MACtB,MAAK;AAAA,MACL,SAAQ;AAAA,MACR,WAAU;AAAA,MACV,SAAU,MAAM;AACf,qBAAc;AAAA,UACb,GAAG;AAAA,UACH,MAAM;AAAA,UACN,QAAQ;AAAA,UACR,SACC,KAAK,SAAS,OAAQ,CAAE,MAAO,CAAC,CAAE,EAAE,QAAS,KAAK,CAAC;AAAA,QACrD,CAAE;AAAA,MACH;AAAA,MAEE,aAAI,OAAQ;AAAA;AAAA,EACf;AAEF;",
+  "names": []
+}