@wordpress/dataviews 0.2.0

package/build-module/filter-summary.js

@@ -0,0 +1,130 @@
+import { createElement } from "react";
+/**
+ * WordPress dependencies
+ */
+import { Button, privateApis as componentsPrivateApis, Icon } from '@wordpress/components';
+import { chevronDown, chevronRightSmall, check } from '@wordpress/icons';
+import { __, sprintf } from '@wordpress/i18n';
+import { Children, Fragment } from '@wordpress/element';
+
+/**
+ * Internal dependencies
+ */
+import { OPERATOR_IN, OPERATOR_NOT_IN } from './constants';
+import { unlock } from './lock-unlock';
+const {
+  DropdownMenuV2: DropdownMenu,
+  DropdownMenuGroupV2: DropdownMenuGroup,
+  DropdownMenuItemV2: DropdownMenuItem,
+  DropdownMenuSeparatorV2: DropdownMenuSeparator,
+  DropdownSubMenuV2: DropdownSubMenu,
+  DropdownSubMenuTriggerV2: DropdownSubMenuTrigger
+} = unlock(componentsPrivateApis);
+const FilterText = ({
+  activeElement,
+  filterInView,
+  filter
+}) => {
+  if (activeElement === undefined) {
+    return filter.name;
+  }
+  if (activeElement !== undefined && filterInView?.operator === OPERATOR_IN) {
+    return sprintf( /* translators: 1: Filter name. 2: Filter value. e.g.: "Author is Admin". */
+    __('%1$s is %2$s'), filter.name, activeElement.label);
+  }
+  if (activeElement !== undefined && filterInView?.operator === OPERATOR_NOT_IN) {
+    return sprintf( /* translators: 1: Filter name. 2: Filter value. e.g.: "Author is not Admin". */
+    __('%1$s is not %2$s'), filter.name, activeElement.label);
+  }
+  return sprintf( /* translators: 1: Filter name e.g.: "Unknown status for Author". */
+  __('Unknown status for %1$s'), filter.name);
+};
+function WithSeparators({
+  children
+}) {
+  return Children.toArray(children).filter(Boolean).map((child, i) => createElement(Fragment, {
+    key: i
+  }, i > 0 && createElement(DropdownMenuSeparator, null), child));
+}
+export default function FilterSummary({
+  filter,
+  view,
+  onChangeView
+}) {
+  const filterInView = view.filters.find(f => f.field === filter.field);
+  const activeElement = filter.elements.find(element => element.value === filterInView?.value);
+  return createElement(DropdownMenu, {
+    key: filter.field,
+    trigger: createElement(Button, {
+      variant: "tertiary",
+      size: "compact",
+      label: filter.name
+    }, createElement(FilterText, {
+      activeElement: activeElement,
+      filterInView: filterInView,
+      filter: filter
+    }), createElement(Icon, {
+      icon: chevronDown,
+      style: {
+        flexShrink: 0
+      }
+    }))
+  }, createElement(WithSeparators, null, createElement(DropdownMenuGroup, null, filter.elements.map(element => {
+    return createElement(DropdownMenuItem, {
+      key: element.value,
+      role: "menuitemradio",
+      "aria-checked": activeElement?.value === element.value,
+      prefix: activeElement?.value === element.value && createElement(Icon, {
+        icon: check
+      }),
+      onSelect: () => onChangeView(currentView => ({
+        ...currentView,
+        page: 1,
+        filters: [...view.filters.filter(f => f.field !== filter.field), {
+          field: filter.field,
+          operator: filterInView?.operator || filter.operators[0],
+          value: activeElement?.value === element.value ? undefined : element.value
+        }]
+      }))
+    }, element.label);
+  })), filter.operators.length > 1 && createElement(DropdownSubMenu, {
+    trigger: createElement(DropdownSubMenuTrigger, {
+      suffix: createElement(Fragment, null, filterInView.operator === OPERATOR_IN ? __('Is') : __('Is not'), createElement(Icon, {
+        icon: chevronRightSmall
+      }), ' ')
+    }, __('Conditions'))
+  }, createElement(DropdownMenuItem, {
+    key: "in-filter",
+    role: "menuitemradio",
+    "aria-checked": filterInView?.operator === OPERATOR_IN,
+    prefix: filterInView?.operator === OPERATOR_IN && createElement(Icon, {
+      icon: check
+    }),
+    onSelect: () => onChangeView(currentView => ({
+      ...currentView,
+      page: 1,
+      filters: [...view.filters.filter(f => f.field !== filter.field), {
+        field: filter.field,
+        operator: OPERATOR_IN,
+        value: filterInView?.value
+      }]
+    }))
+  }, __('Is')), createElement(DropdownMenuItem, {
+    key: "not-in-filter",
+    role: "menuitemradio",
+    "aria-checked": filterInView?.operator === OPERATOR_NOT_IN,
+    prefix: filterInView?.operator === OPERATOR_NOT_IN && createElement(Icon, {
+      icon: check
+    }),
+    onSelect: () => onChangeView(currentView => ({
+      ...currentView,
+      page: 1,
+      filters: [...view.filters.filter(f => f.field !== filter.field), {
+        field: filter.field,
+        operator: OPERATOR_NOT_IN,
+        value: filterInView?.value
+      }]
+    }))
+  }, __('Is not')))));
+}
+//# sourceMappingURL=filter-summary.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["Button","privateApis","componentsPrivateApis","Icon","chevronDown","chevronRightSmall","check","__","sprintf","Children","Fragment","OPERATOR_IN","OPERATOR_NOT_IN","unlock","DropdownMenuV2","DropdownMenu","DropdownMenuGroupV2","DropdownMenuGroup","DropdownMenuItemV2","DropdownMenuItem","DropdownMenuSeparatorV2","DropdownMenuSeparator","DropdownSubMenuV2","DropdownSubMenu","DropdownSubMenuTriggerV2","DropdownSubMenuTrigger","FilterText","activeElement","filterInView","filter","undefined","name","operator","label","WithSeparators","children","toArray","Boolean","map","child","i","createElement","key","FilterSummary","view","onChangeView","filters","find","f","field","elements","element","value","trigger","variant","size","icon","style","flexShrink","role","prefix","onSelect","currentView","page","operators","length","suffix"],"sources":["@wordpress/dataviews/src/filter-summary.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport {\n\tButton,\n\tprivateApis as componentsPrivateApis,\n\tIcon,\n} from '@wordpress/components';\nimport { chevronDown, chevronRightSmall, check } from '@wordpress/icons';\nimport { __, sprintf } from '@wordpress/i18n';\nimport { Children, Fragment } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport { OPERATOR_IN, OPERATOR_NOT_IN } from './constants';\nimport { unlock } from './lock-unlock';\n\nconst {\n\tDropdownMenuV2: DropdownMenu,\n\tDropdownMenuGroupV2: DropdownMenuGroup,\n\tDropdownMenuItemV2: DropdownMenuItem,\n\tDropdownMenuSeparatorV2: DropdownMenuSeparator,\n\tDropdownSubMenuV2: DropdownSubMenu,\n\tDropdownSubMenuTriggerV2: DropdownSubMenuTrigger,\n} = unlock( componentsPrivateApis );\n\nconst FilterText = ( { activeElement, filterInView, filter } ) => {\n\tif ( activeElement === undefined ) {\n\t\treturn filter.name;\n\t}\n\n\tif (\n\t\tactiveElement !== undefined &&\n\t\tfilterInView?.operator === OPERATOR_IN\n\t) {\n\t\treturn sprintf(\n\t\t\t/* translators: 1: Filter name. 2: Filter value. e.g.: \"Author is Admin\". */\n\t\t\t__( '%1$s is %2$s' ),\n\t\t\tfilter.name,\n\t\t\tactiveElement.label\n\t\t);\n\t}\n\n\tif (\n\t\tactiveElement !== undefined &&\n\t\tfilterInView?.operator === OPERATOR_NOT_IN\n\t) {\n\t\treturn sprintf(\n\t\t\t/* translators: 1: Filter name. 2: Filter value. e.g.: \"Author is not Admin\". */\n\t\t\t__( '%1$s is not %2$s' ),\n\t\t\tfilter.name,\n\t\t\tactiveElement.label\n\t\t);\n\t}\n\n\treturn sprintf(\n\t\t/* translators: 1: Filter name e.g.: \"Unknown status for Author\". */\n\t\t__( 'Unknown status for %1$s' ),\n\t\tfilter.name\n\t);\n};\n\nfunction WithSeparators( { children } ) {\n\treturn Children.toArray( children )\n\t\t.filter( Boolean )\n\t\t.map( ( child, i ) => (\n\t\t\t<Fragment key={ i }>\n\t\t\t\t{ i > 0 && <DropdownMenuSeparator /> }\n\t\t\t\t{ child }\n\t\t\t</Fragment>\n\t\t) );\n}\n\nexport default function FilterSummary( { filter, view, onChangeView } ) {\n\tconst filterInView = view.filters.find( ( f ) => f.field === filter.field );\n\tconst activeElement = filter.elements.find(\n\t\t( element ) => element.value === filterInView?.value\n\t);\n\n\treturn (\n\t\t<DropdownMenu\n\t\t\tkey={ filter.field }\n\t\t\ttrigger={\n\t\t\t\t<Button variant=\"tertiary\" size=\"compact\" label={ filter.name }>\n\t\t\t\t\t<FilterText\n\t\t\t\t\t\tactiveElement={ activeElement }\n\t\t\t\t\t\tfilterInView={ filterInView }\n\t\t\t\t\t\tfilter={ filter }\n\t\t\t\t\t/>\n\t\t\t\t\t<Icon icon={ chevronDown } style={ { flexShrink: 0 } } />\n\t\t\t\t</Button>\n\t\t\t}\n\t\t>\n\t\t\t<WithSeparators>\n\t\t\t\t<DropdownMenuGroup>\n\t\t\t\t\t{ filter.elements.map( ( element ) => {\n\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t<DropdownMenuItem\n\t\t\t\t\t\t\t\tkey={ element.value }\n\t\t\t\t\t\t\t\trole=\"menuitemradio\"\n\t\t\t\t\t\t\t\taria-checked={\n\t\t\t\t\t\t\t\t\tactiveElement?.value === element.value\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\tprefix={\n\t\t\t\t\t\t\t\t\tactiveElement?.value === element.value && (\n\t\t\t\t\t\t\t\t\t\t<Icon icon={ check } />\n\t\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\tonSelect={ () =>\n\t\t\t\t\t\t\t\t\tonChangeView( ( currentView ) => ( {\n\t\t\t\t\t\t\t\t\t\t...currentView,\n\t\t\t\t\t\t\t\t\t\tpage: 1,\n\t\t\t\t\t\t\t\t\t\tfilters: [\n\t\t\t\t\t\t\t\t\t\t\t...view.filters.filter(\n\t\t\t\t\t\t\t\t\t\t\t\t( f ) =>\n\t\t\t\t\t\t\t\t\t\t\t\t\tf.field !== filter.field\n\t\t\t\t\t\t\t\t\t\t\t),\n\t\t\t\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\t\t\t\tfield: filter.field,\n\t\t\t\t\t\t\t\t\t\t\t\toperator:\n\t\t\t\t\t\t\t\t\t\t\t\t\tfilterInView?.operator ||\n\t\t\t\t\t\t\t\t\t\t\t\t\tfilter.operators[ 0 ],\n\t\t\t\t\t\t\t\t\t\t\t\tvalue:\n\t\t\t\t\t\t\t\t\t\t\t\t\tactiveElement?.value ===\n\t\t\t\t\t\t\t\t\t\t\t\t\telement.value\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t? undefined\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t: element.value,\n\t\t\t\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t\t\t\t],\n\t\t\t\t\t\t\t\t\t} ) )\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{ element.label }\n\t\t\t\t\t\t\t</DropdownMenuItem>\n\t\t\t\t\t\t);\n\t\t\t\t\t} ) }\n\t\t\t\t</DropdownMenuGroup>\n\t\t\t\t{ filter.operators.length > 1 && (\n\t\t\t\t\t<DropdownSubMenu\n\t\t\t\t\t\ttrigger={\n\t\t\t\t\t\t\t<DropdownSubMenuTrigger\n\t\t\t\t\t\t\t\tsuffix={\n\t\t\t\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t\t\t\t{ filterInView.operator === OPERATOR_IN\n\t\t\t\t\t\t\t\t\t\t\t? __( 'Is' )\n\t\t\t\t\t\t\t\t\t\t\t: __( 'Is not' ) }\n\t\t\t\t\t\t\t\t\t\t<Icon icon={ chevronRightSmall } />{ ' ' }\n\t\t\t\t\t\t\t\t\t</>\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{ __( 'Conditions' ) }\n\t\t\t\t\t\t\t</DropdownSubMenuTrigger>\n\t\t\t\t\t\t}\n\t\t\t\t\t>\n\t\t\t\t\t\t<DropdownMenuItem\n\t\t\t\t\t\t\tkey=\"in-filter\"\n\t\t\t\t\t\t\trole=\"menuitemradio\"\n\t\t\t\t\t\t\taria-checked={\n\t\t\t\t\t\t\t\tfilterInView?.operator === OPERATOR_IN\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tprefix={\n\t\t\t\t\t\t\t\tfilterInView?.operator === OPERATOR_IN && (\n\t\t\t\t\t\t\t\t\t<Icon icon={ check } />\n\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tonSelect={ () =>\n\t\t\t\t\t\t\t\tonChangeView( ( currentView ) => ( {\n\t\t\t\t\t\t\t\t\t...currentView,\n\t\t\t\t\t\t\t\t\tpage: 1,\n\t\t\t\t\t\t\t\t\tfilters: [\n\t\t\t\t\t\t\t\t\t\t...view.filters.filter(\n\t\t\t\t\t\t\t\t\t\t\t( f ) => f.field !== filter.field\n\t\t\t\t\t\t\t\t\t\t),\n\t\t\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\t\t\tfield: filter.field,\n\t\t\t\t\t\t\t\t\t\t\toperator: OPERATOR_IN,\n\t\t\t\t\t\t\t\t\t\t\tvalue: filterInView?.value,\n\t\t\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t\t\t],\n\t\t\t\t\t\t\t\t} ) )\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ __( 'Is' ) }\n\t\t\t\t\t\t</DropdownMenuItem>\n\t\t\t\t\t\t<DropdownMenuItem\n\t\t\t\t\t\t\tkey=\"not-in-filter\"\n\t\t\t\t\t\t\trole=\"menuitemradio\"\n\t\t\t\t\t\t\taria-checked={\n\t\t\t\t\t\t\t\tfilterInView?.operator === OPERATOR_NOT_IN\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tprefix={\n\t\t\t\t\t\t\t\tfilterInView?.operator === OPERATOR_NOT_IN && (\n\t\t\t\t\t\t\t\t\t<Icon icon={ check } />\n\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tonSelect={ () =>\n\t\t\t\t\t\t\t\tonChangeView( ( currentView ) => ( {\n\t\t\t\t\t\t\t\t\t...currentView,\n\t\t\t\t\t\t\t\t\tpage: 1,\n\t\t\t\t\t\t\t\t\tfilters: [\n\t\t\t\t\t\t\t\t\t\t...view.filters.filter(\n\t\t\t\t\t\t\t\t\t\t\t( f ) => f.field !== filter.field\n\t\t\t\t\t\t\t\t\t\t),\n\t\t\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\t\t\tfield: filter.field,\n\t\t\t\t\t\t\t\t\t\t\toperator: OPERATOR_NOT_IN,\n\t\t\t\t\t\t\t\t\t\t\tvalue: filterInView?.value,\n\t\t\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t\t\t],\n\t\t\t\t\t\t\t\t} ) )\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ __( 'Is not' ) }\n\t\t\t\t\t\t</DropdownMenuItem>\n\t\t\t\t\t</DropdownSubMenu>\n\t\t\t\t) }\n\t\t\t</WithSeparators>\n\t\t</DropdownMenu>\n\t);\n}\n"],"mappings":"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"}

package/build-module/filters.js

@@ -0,0 +1,67 @@
+import { createElement } from "react";
+/**
+ * Internal dependencies
+ */
+import FilterSummary from './filter-summary';
+import AddFilter from './add-filter';
+import ResetFilters from './reset-filters';
+import { ENUMERATION_TYPE, OPERATOR_IN, OPERATOR_NOT_IN } from './constants';
+const operatorsFromField = field => {
+  let operators = field.filterBy?.operators;
+  if (!operators || !Array.isArray(operators)) {
+    operators = [OPERATOR_IN, OPERATOR_NOT_IN];
+  }
+  return operators.filter(operator => [OPERATOR_IN, OPERATOR_NOT_IN].includes(operator));
+};
+export default function Filters({
+  fields,
+  view,
+  onChangeView
+}) {
+  const filters = [];
+  fields.forEach(field => {
+    if (!field.type) {
+      return;
+    }
+    const operators = operatorsFromField(field);
+    if (operators.length === 0) {
+      return;
+    }
+    switch (field.type) {
+      case ENUMERATION_TYPE:
+        filters.push({
+          field: field.id,
+          name: field.header,
+          elements: field.elements || [],
+          operators,
+          isVisible: view.filters.some(f => f.field === field.id && [OPERATOR_IN, OPERATOR_NOT_IN].includes(f.operator))
+        });
+    }
+  });
+  const filterComponents = filters.map(filter => {
+    if (!filter.isVisible) {
+      return null;
+    }
+    return createElement(FilterSummary, {
+      key: filter.field + '.' + filter.operator,
+      filter: filter,
+      view: view,
+      onChangeView: onChangeView
+    });
+  });
+  filterComponents.push(createElement(AddFilter, {
+    key: "add-filter",
+    fields: fields,
+    view: view,
+    onChangeView: onChangeView
+  }));
+  if (filterComponents.length > 1) {
+    filterComponents.push(createElement(ResetFilters, {
+      key: "reset-filters",
+      view: view,
+      onChangeView: onChangeView
+    }));
+  }
+  return filterComponents;
+}
+//# sourceMappingURL=filters.js.map

package/build-module/filters.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["FilterSummary","AddFilter","ResetFilters","ENUMERATION_TYPE","OPERATOR_IN","OPERATOR_NOT_IN","operatorsFromField","field","operators","filterBy","Array","isArray","filter","operator","includes","Filters","fields","view","onChangeView","filters","forEach","type","length","push","id","name","header","elements","isVisible","some","f","filterComponents","map","createElement","key"],"sources":["@wordpress/dataviews/src/filters.js"],"sourcesContent":["/**\n * Internal dependencies\n */\nimport FilterSummary from './filter-summary';\nimport AddFilter from './add-filter';\nimport ResetFilters from './reset-filters';\nimport { ENUMERATION_TYPE, OPERATOR_IN, OPERATOR_NOT_IN } from './constants';\n\nconst operatorsFromField = ( field ) => {\n\tlet operators = field.filterBy?.operators;\n\tif ( ! operators || ! Array.isArray( operators ) ) {\n\t\toperators = [ OPERATOR_IN, OPERATOR_NOT_IN ];\n\t}\n\treturn operators.filter( ( operator ) =>\n\t\t[ OPERATOR_IN, OPERATOR_NOT_IN ].includes( operator )\n\t);\n};\n\nexport default function Filters( { fields, view, onChangeView } ) {\n\tconst filters = [];\n\tfields.forEach( ( field ) => {\n\t\tif ( ! field.type ) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst operators = operatorsFromField( field );\n\t\tif ( operators.length === 0 ) {\n\t\t\treturn;\n\t\t}\n\n\t\tswitch ( field.type ) {\n\t\t\tcase ENUMERATION_TYPE:\n\t\t\t\tfilters.push( {\n\t\t\t\t\tfield: field.id,\n\t\t\t\t\tname: field.header,\n\t\t\t\t\telements: field.elements || [],\n\t\t\t\t\toperators,\n\t\t\t\t\tisVisible: view.filters.some(\n\t\t\t\t\t\t( f ) =>\n\t\t\t\t\t\t\tf.field === field.id &&\n\t\t\t\t\t\t\t[ OPERATOR_IN, OPERATOR_NOT_IN ].includes(\n\t\t\t\t\t\t\t\tf.operator\n\t\t\t\t\t\t\t)\n\t\t\t\t\t),\n\t\t\t\t} );\n\t\t}\n\t} );\n\n\tconst filterComponents = filters.map( ( filter ) => {\n\t\tif ( ! filter.isVisible ) {\n\t\t\treturn null;\n\t\t}\n\n\t\treturn (\n\t\t\t<FilterSummary\n\t\t\t\tkey={ filter.field + '.' + filter.operator }\n\t\t\t\tfilter={ filter }\n\t\t\t\tview={ view }\n\t\t\t\tonChangeView={ onChangeView }\n\t\t\t/>\n\t\t);\n\t} );\n\n\tfilterComponents.push(\n\t\t<AddFilter\n\t\t\tkey=\"add-filter\"\n\t\t\tfields={ fields }\n\t\t\tview={ view }\n\t\t\tonChangeView={ onChangeView }\n\t\t/>\n\t);\n\n\tif ( filterComponents.length > 1 ) {\n\t\tfilterComponents.push(\n\t\t\t<ResetFilters\n\t\t\t\tkey=\"reset-filters\"\n\t\t\t\tview={ view }\n\t\t\t\tonChangeView={ onChangeView }\n\t\t\t/>\n\t\t);\n\t}\n\n\treturn filterComponents;\n}\n"],"mappings":";AAAA;AACA;AACA;AACA,OAAOA,aAAa,MAAM,kBAAkB;AAC5C,OAAOC,SAAS,MAAM,cAAc;AACpC,OAAOC,YAAY,MAAM,iBAAiB;AAC1C,SAASC,gBAAgB,EAAEC,WAAW,EAAEC,eAAe,QAAQ,aAAa;AAE5E,MAAMC,kBAAkB,GAAKC,KAAK,IAAM;EACvC,IAAIC,SAAS,GAAGD,KAAK,CAACE,QAAQ,EAAED,SAAS;EACzC,IAAK,CAAEA,SAAS,IAAI,CAAEE,KAAK,CAACC,OAAO,CAAEH,SAAU,CAAC,EAAG;IAClDA,SAAS,GAAG,CAAEJ,WAAW,EAAEC,eAAe,CAAE;EAC7C;EACA,OAAOG,SAAS,CAACI,MAAM,CAAIC,QAAQ,IAClC,CAAET,WAAW,EAAEC,eAAe,CAAE,CAACS,QAAQ,CAAED,QAAS,CACrD,CAAC;AACF,CAAC;AAED,eAAe,SAASE,OAAOA,CAAE;EAAEC,MAAM;EAAEC,IAAI;EAAEC;AAAa,CAAC,EAAG;EACjE,MAAMC,OAAO,GAAG,EAAE;EAClBH,MAAM,CAACI,OAAO,CAAIb,KAAK,IAAM;IAC5B,IAAK,CAAEA,KAAK,CAACc,IAAI,EAAG;MACnB;IACD;IAEA,MAAMb,SAAS,GAAGF,kBAAkB,CAAEC,KAAM,CAAC;IAC7C,IAAKC,SAAS,CAACc,MAAM,KAAK,CAAC,EAAG;MAC7B;IACD;IAEA,QAASf,KAAK,CAACc,IAAI;MAClB,KAAKlB,gBAAgB;QACpBgB,OAAO,CAACI,IAAI,CAAE;UACbhB,KAAK,EAAEA,KAAK,CAACiB,EAAE;UACfC,IAAI,EAAElB,KAAK,CAACmB,MAAM;UAClBC,QAAQ,EAAEpB,KAAK,CAACoB,QAAQ,IAAI,EAAE;UAC9BnB,SAAS;UACToB,SAAS,EAAEX,IAAI,CAACE,OAAO,CAACU,IAAI,CACzBC,CAAC,IACFA,CAAC,CAACvB,KAAK,KAAKA,KAAK,CAACiB,EAAE,IACpB,CAAEpB,WAAW,EAAEC,eAAe,CAAE,CAACS,QAAQ,CACxCgB,CAAC,CAACjB,QACH,CACF;QACD,CAAE,CAAC;IACL;EACD,CAAE,CAAC;EAEH,MAAMkB,gBAAgB,GAAGZ,OAAO,CAACa,GAAG,CAAIpB,MAAM,IAAM;IACnD,IAAK,CAAEA,MAAM,CAACgB,SAAS,EAAG;MACzB,OAAO,IAAI;IACZ;IAEA,OACCK,aAAA,CAACjC,aAAa;MACbkC,GAAG,EAAGtB,MAAM,CAACL,KAAK,GAAG,GAAG,GAAGK,MAAM,CAACC,QAAU;MAC5CD,MAAM,EAAGA,MAAQ;MACjBK,IAAI,EAAGA,IAAM;MACbC,YAAY,EAAGA;IAAc,CAC7B,CAAC;EAEJ,CAAE,CAAC;EAEHa,gBAAgB,CAACR,IAAI,CACpBU,aAAA,CAAChC,SAAS;IACTiC,GAAG,EAAC,YAAY;IAChBlB,MAAM,EAAGA,MAAQ;IACjBC,IAAI,EAAGA,IAAM;IACbC,YAAY,EAAGA;EAAc,CAC7B,CACF,CAAC;EAED,IAAKa,gBAAgB,CAACT,MAAM,GAAG,CAAC,EAAG;IAClCS,gBAAgB,CAACR,IAAI,CACpBU,aAAA,CAAC/B,YAAY;MACZgC,GAAG,EAAC,eAAe;MACnBjB,IAAI,EAAGA,IAAM;MACbC,YAAY,EAAGA;IAAc,CAC7B,CACF,CAAC;EACF;EAEA,OAAOa,gBAAgB;AACxB"}

package/build-module/index.js

@@ -0,0 +1,3 @@
+export { default as DataViews } from './dataviews';
+export { VIEW_LAYOUTS } from './constants';
+//# sourceMappingURL=index.js.map

package/build-module/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["default","DataViews","VIEW_LAYOUTS"],"sources":["@wordpress/dataviews/src/index.js"],"sourcesContent":["export { default as DataViews } from './dataviews';\nexport { VIEW_LAYOUTS } from './constants';\n"],"mappings":"AAAA,SAASA,OAAO,IAAIC,SAAS,QAAQ,aAAa;AAClD,SAASC,YAAY,QAAQ,aAAa"}

package/build-module/item-actions.js

@@ -0,0 +1,178 @@
+import { createElement, Fragment } from "react";
+/**
+ * WordPress dependencies
+ */
+import { Button, Modal, __experimentalHStack as HStack, privateApis as componentsPrivateApis } from '@wordpress/components';
+import { __ } from '@wordpress/i18n';
+import { useMemo, useState } from '@wordpress/element';
+import { moreVertical } from '@wordpress/icons';
+
+/**
+ * Internal dependencies
+ */
+import { unlock } from './lock-unlock';
+const {
+  DropdownMenuV2Ariakit: DropdownMenu,
+  DropdownMenuGroupV2Ariakit: DropdownMenuGroup,
+  DropdownMenuItemV2Ariakit: DropdownMenuItem,
+  DropdownMenuItemLabelV2Ariakit: DropdownMenuItemLabel
+} = unlock(componentsPrivateApis);
+function ButtonTrigger({
+  action,
+  onClick
+}) {
+  return createElement(Button, {
+    label: action.label,
+    icon: action.icon,
+    isDestructive: action.isDestructive,
+    size: "compact",
+    onClick: onClick
+  });
+}
+function DropdownMenuItemTrigger({
+  action,
+  onClick
+}) {
+  return createElement(DropdownMenuItem, {
+    onClick: onClick,
+    hideOnClick: !action.RenderModal
+  }, createElement(DropdownMenuItemLabel, null, action.label));
+}
+function ActionWithModal({
+  action,
+  item,
+  ActionTrigger
+}) {
+  const [isModalOpen, setIsModalOpen] = useState(false);
+  const actionTriggerProps = {
+    action,
+    onClick: () => setIsModalOpen(true)
+  };
+  const {
+    RenderModal,
+    hideModalHeader
+  } = action;
+  return createElement(Fragment, null, createElement(ActionTrigger, {
+    ...actionTriggerProps
+  }), isModalOpen && createElement(Modal, {
+    title: !hideModalHeader && action.label,
+    __experimentalHideHeader: !!hideModalHeader,
+    onRequestClose: () => {
+      setIsModalOpen(false);
+    },
+    overlayClassName: "dataviews-action-modal"
+  }, createElement(RenderModal, {
+    item: item,
+    closeModal: () => setIsModalOpen(false)
+  })));
+}
+function ActionsDropdownMenuGroup({
+  actions,
+  item
+}) {
+  return createElement(DropdownMenuGroup, null, actions.map(action => {
+    if (!!action.RenderModal) {
+      return createElement(ActionWithModal, {
+        key: action.id,
+        action: action,
+        item: item,
+        ActionTrigger: DropdownMenuItemTrigger
+      });
+    }
+    return createElement(DropdownMenuItemTrigger, {
+      key: action.id,
+      action: action,
+      onClick: () => action.callback(item)
+    });
+  }));
+}
+export default function ItemActions({
+  item,
+  actions,
+  isCompact
+}) {
+  const {
+    primaryActions,
+    secondaryActions
+  } = useMemo(() => {
+    return actions.reduce((accumulator, action) => {
+      // If an action is eligible for all items, doesn't need
+      // to provide the `isEligible` function.
+      if (action.isEligible && !action.isEligible(item)) {
+        return accumulator;
+      }
+      if (action.isPrimary && !!action.icon) {
+        accumulator.primaryActions.push(action);
+      } else {
+        accumulator.secondaryActions.push(action);
+      }
+      return accumulator;
+    }, {
+      primaryActions: [],
+      secondaryActions: []
+    });
+  }, [actions, item]);
+  if (!primaryActions.length && !secondaryActions.length) {
+    return null;
+  }
+  if (isCompact) {
+    return createElement(CompactItemActions, {
+      item: item,
+      primaryActions: primaryActions,
+      secondaryActions: secondaryActions
+    });
+  }
+  return createElement(HStack, {
+    spacing: 1,
+    justify: "flex-end",
+    style: {
+      flexShrink: '0',
+      width: 'auto'
+    }
+  }, !!primaryActions.length && primaryActions.map(action => {
+    if (!!action.RenderModal) {
+      return createElement(ActionWithModal, {
+        key: action.id,
+        action: action,
+        item: item,
+        ActionTrigger: ButtonTrigger
+      });
+    }
+    return createElement(ButtonTrigger, {
+      key: action.id,
+      action: action,
+      onClick: () => action.callback(item)
+    });
+  }), !!secondaryActions.length && createElement(DropdownMenu, {
+    trigger: createElement(Button, {
+      size: "compact",
+      icon: moreVertical,
+      label: __('Actions')
+    }),
+    placement: "bottom-end"
+  }, createElement(ActionsDropdownMenuGroup, {
+    actions: secondaryActions,
+    item: item
+  })));
+}
+function CompactItemActions({
+  item,
+  primaryActions,
+  secondaryActions
+}) {
+  return createElement(DropdownMenu, {
+    trigger: createElement(Button, {
+      size: "compact",
+      icon: moreVertical,
+      label: __('Actions')
+    }),
+    placement: "bottom-end"
+  }, !!primaryActions.length && createElement(ActionsDropdownMenuGroup, {
+    actions: primaryActions,
+    item: item
+  }), !!secondaryActions.length && createElement(ActionsDropdownMenuGroup, {
+    actions: secondaryActions,
+    item: item
+  }));
+}
+//# sourceMappingURL=item-actions.js.map

package/build-module/item-actions.js.map

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

package/build-module/lock-unlock.js

@@ -0,0 +1,9 @@
+/**
+ * WordPress dependencies
+ */
+import { __dangerousOptInToUnstableAPIsOnlyForCoreModules } from '@wordpress/private-apis';
+export const {
+  lock,
+  unlock
+} = __dangerousOptInToUnstableAPIsOnlyForCoreModules('I know using unstable features means my theme or plugin will inevitably break in the next version of WordPress.', '@wordpress/dataviews');
+//# sourceMappingURL=lock-unlock.js.map

package/build-module/lock-unlock.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["__dangerousOptInToUnstableAPIsOnlyForCoreModules","lock","unlock"],"sources":["@wordpress/dataviews/src/lock-unlock.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __dangerousOptInToUnstableAPIsOnlyForCoreModules } from '@wordpress/private-apis';\n\nexport const { lock, unlock } =\n\t__dangerousOptInToUnstableAPIsOnlyForCoreModules(\n\t\t'I know using unstable features means my theme or plugin will inevitably break in the next version of WordPress.',\n\t\t'@wordpress/dataviews'\n\t);\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,gDAAgD,QAAQ,yBAAyB;AAE1F,OAAO,MAAM;EAAEC,IAAI;EAAEC;AAAO,CAAC,GAC5BF,gDAAgD,CAC/C,iHAAiH,EACjH,sBACD,CAAC"}

package/build-module/pagination.js

@@ -0,0 +1,115 @@
+import { createElement } from "react";
+/**
+ * WordPress dependencies
+ */
+import { Button, __experimentalHStack as HStack, __experimentalText as Text, __experimentalNumberControl as NumberControl } from '@wordpress/components';
+import { createInterpolateElement } from '@wordpress/element';
+import { sprintf, __, _x, _n } from '@wordpress/i18n';
+import { chevronRight, chevronLeft, previous, next } from '@wordpress/icons';
+function Pagination({
+  view,
+  onChangeView,
+  paginationInfo: {
+    totalItems = 0,
+    totalPages
+  }
+}) {
+  if (!totalItems || !totalPages) {
+    return null;
+  }
+  return createElement(HStack, {
+    expanded: false,
+    spacing: 3,
+    justify: "space-between",
+    className: "dataviews-pagination"
+  }, createElement(Text, {
+    variant: "muted"
+  },
+  // translators: %s: Total number of entries.
+  sprintf(
+  // translators: %s: Total number of entries.
+  _n('%s item', '%s items', totalItems), totalItems)), !!totalItems && totalPages !== 1 && createElement(HStack, {
+    expanded: false,
+    spacing: 3
+  }, createElement(HStack, {
+    justify: "flex-start",
+    expanded: false,
+    spacing: 1
+  }, createElement(Button, {
+    onClick: () => onChangeView({
+      ...view,
+      page: 1
+    }),
+    disabled: view.page === 1,
+    __experimentalIsFocusable: true,
+    label: __('First page'),
+    icon: previous,
+    showTooltip: true,
+    size: "compact"
+  }), createElement(Button, {
+    onClick: () => onChangeView({
+      ...view,
+      page: view.page - 1
+    }),
+    disabled: view.page === 1,
+    __experimentalIsFocusable: true,
+    label: __('Previous page'),
+    icon: chevronLeft,
+    showTooltip: true,
+    size: "compact"
+  })), createElement(HStack, {
+    justify: "flex-start",
+    expanded: false,
+    spacing: 2
+  }, createInterpolateElement(sprintf(
+  // translators: %1$s: Current page number, %2$s: Total number of pages.
+  _x('<CurrenPageControl /> of %2$s', 'paging'), view.page, totalPages), {
+    CurrenPageControl: createElement(NumberControl, {
+      "aria-label": __('Current page'),
+      min: 1,
+      max: totalPages,
+      onChange: value => {
+        const _value = +value;
+        if (!_value || _value < 1 || _value > totalPages) {
+          return;
+        }
+        onChangeView({
+          ...view,
+          page: _value
+        });
+      },
+      step: "1",
+      value: view.page,
+      isDragEnabled: false,
+      spinControls: "none"
+    })
+  })), createElement(HStack, {
+    justify: "flex-start",
+    expanded: false,
+    spacing: 1
+  }, createElement(Button, {
+    onClick: () => onChangeView({
+      ...view,
+      page: view.page + 1
+    }),
+    disabled: view.page >= totalPages,
+    __experimentalIsFocusable: true,
+    label: __('Next page'),
+    icon: chevronRight,
+    showTooltip: true,
+    size: "compact"
+  }), createElement(Button, {
+    onClick: () => onChangeView({
+      ...view,
+      page: totalPages
+    }),
+    disabled: view.page >= totalPages,
+    __experimentalIsFocusable: true,
+    label: __('Last page'),
+    icon: next,
+    showTooltip: true,
+    size: "compact"
+  }))));
+}
+export default Pagination;
+//# sourceMappingURL=pagination.js.map

package/build-module/pagination.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Button","__experimentalHStack","HStack","__experimentalText","Text","__experimentalNumberControl","NumberControl","createInterpolateElement","sprintf","__","_x","_n","chevronRight","chevronLeft","previous","next","Pagination","view","onChangeView","paginationInfo","totalItems","totalPages","createElement","expanded","spacing","justify","className","variant","onClick","page","disabled","__experimentalIsFocusable","label","icon","showTooltip","size","CurrenPageControl","min","max","onChange","value","_value","step","isDragEnabled","spinControls"],"sources":["@wordpress/dataviews/src/pagination.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport {\n\tButton,\n\t__experimentalHStack as HStack,\n\t__experimentalText as Text,\n\t__experimentalNumberControl as NumberControl,\n} from '@wordpress/components';\nimport { createInterpolateElement } from '@wordpress/element';\nimport { sprintf, __, _x, _n } from '@wordpress/i18n';\nimport { chevronRight, chevronLeft, previous, next } from '@wordpress/icons';\n\nfunction 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<HStack\n\t\t\texpanded={ false }\n\t\t\tspacing={ 3 }\n\t\t\tjustify=\"space-between\"\n\t\t\tclassName=\"dataviews-pagination\"\n\t\t>\n\t\t\t<Text variant=\"muted\">\n\t\t\t\t{\n\t\t\t\t\t// translators: %s: Total number of entries.\n\t\t\t\t\tsprintf(\n\t\t\t\t\t\t// translators: %s: Total number of entries.\n\t\t\t\t\t\t_n( '%s item', '%s items', totalItems ),\n\t\t\t\t\t\ttotalItems\n\t\t\t\t\t)\n\t\t\t\t}\n\t\t\t</Text>\n\t\t\t{ !! totalItems && totalPages !== 1 && (\n\t\t\t\t<HStack expanded={ false } spacing={ 3 }>\n\t\t\t\t\t<HStack\n\t\t\t\t\t\tjustify=\"flex-start\"\n\t\t\t\t\t\texpanded={ false }\n\t\t\t\t\t\tspacing={ 1 }\n\t\t\t\t\t>\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\tonClick={ () =>\n\t\t\t\t\t\t\t\tonChangeView( { ...view, page: 1 } )\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tdisabled={ view.page === 1 }\n\t\t\t\t\t\t\t__experimentalIsFocusable\n\t\t\t\t\t\t\tlabel={ __( 'First page' ) }\n\t\t\t\t\t\t\ticon={ previous }\n\t\t\t\t\t\t\tshowTooltip\n\t\t\t\t\t\t\tsize=\"compact\"\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\tonClick={ () =>\n\t\t\t\t\t\t\t\tonChangeView( { ...view, page: view.page - 1 } )\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tdisabled={ view.page === 1 }\n\t\t\t\t\t\t\t__experimentalIsFocusable\n\t\t\t\t\t\t\tlabel={ __( 'Previous page' ) }\n\t\t\t\t\t\t\ticon={ chevronLeft }\n\t\t\t\t\t\t\tshowTooltip\n\t\t\t\t\t\t\tsize=\"compact\"\n\t\t\t\t\t\t/>\n\t\t\t\t\t</HStack>\n\t\t\t\t\t<HStack\n\t\t\t\t\t\tjustify=\"flex-start\"\n\t\t\t\t\t\texpanded={ false }\n\t\t\t\t\t\tspacing={ 2 }\n\t\t\t\t\t>\n\t\t\t\t\t\t{ createInterpolateElement(\n\t\t\t\t\t\t\tsprintf(\n\t\t\t\t\t\t\t\t// translators: %1$s: Current page number, %2$s: Total number of pages.\n\t\t\t\t\t\t\t\t_x( '<CurrenPageControl /> of %2$s', 'paging' ),\n\t\t\t\t\t\t\t\tview.page,\n\t\t\t\t\t\t\t\ttotalPages\n\t\t\t\t\t\t\t),\n\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\tCurrenPageControl: (\n\t\t\t\t\t\t\t\t\t<NumberControl\n\t\t\t\t\t\t\t\t\t\taria-label={ __( 'Current page' ) }\n\t\t\t\t\t\t\t\t\t\tmin={ 1 }\n\t\t\t\t\t\t\t\t\t\tmax={ totalPages }\n\t\t\t\t\t\t\t\t\t\tonChange={ ( value ) => {\n\t\t\t\t\t\t\t\t\t\t\tconst _value = +value;\n\t\t\t\t\t\t\t\t\t\t\tif (\n\t\t\t\t\t\t\t\t\t\t\t\t! _value ||\n\t\t\t\t\t\t\t\t\t\t\t\t_value < 1 ||\n\t\t\t\t\t\t\t\t\t\t\t\t_value > totalPages\n\t\t\t\t\t\t\t\t\t\t\t) {\n\t\t\t\t\t\t\t\t\t\t\t\treturn;\n\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\tonChangeView( {\n\t\t\t\t\t\t\t\t\t\t\t\t...view,\n\t\t\t\t\t\t\t\t\t\t\t\tpage: _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\tstep=\"1\"\n\t\t\t\t\t\t\t\t\t\tvalue={ view.page }\n\t\t\t\t\t\t\t\t\t\tisDragEnabled={ false }\n\t\t\t\t\t\t\t\t\t\tspinControls=\"none\"\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t),\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t) }\n\t\t\t\t\t</HStack>\n\t\t\t\t\t<HStack\n\t\t\t\t\t\tjustify=\"flex-start\"\n\t\t\t\t\t\texpanded={ false }\n\t\t\t\t\t\tspacing={ 1 }\n\t\t\t\t\t>\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\tonClick={ () =>\n\t\t\t\t\t\t\t\tonChangeView( { ...view, page: view.page + 1 } )\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tdisabled={ view.page >= totalPages }\n\t\t\t\t\t\t\t__experimentalIsFocusable\n\t\t\t\t\t\t\tlabel={ __( 'Next page' ) }\n\t\t\t\t\t\t\ticon={ chevronRight }\n\t\t\t\t\t\t\tshowTooltip\n\t\t\t\t\t\t\tsize=\"compact\"\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\tonClick={ () =>\n\t\t\t\t\t\t\t\tonChangeView( { ...view, page: totalPages } )\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tdisabled={ view.page >= totalPages }\n\t\t\t\t\t\t\t__experimentalIsFocusable\n\t\t\t\t\t\t\tlabel={ __( 'Last page' ) }\n\t\t\t\t\t\t\ticon={ next }\n\t\t\t\t\t\t\tshowTooltip\n\t\t\t\t\t\t\tsize=\"compact\"\n\t\t\t\t\t\t/>\n\t\t\t\t\t</HStack>\n\t\t\t\t</HStack>\n\t\t\t) }\n\t\t</HStack>\n\t);\n}\n\nexport default Pagination;\n"],"mappings":"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"}

package/build-module/reset-filters.js

@@ -0,0 +1,26 @@
+import { createElement } from "react";
+/**
+ * WordPress dependencies
+ */
+import { Button } from '@wordpress/components';
+import { __ } from '@wordpress/i18n';
+export default (({
+  view,
+  onChangeView
+}) => {
+  return createElement(Button, {
+    disabled: view.search === '' && view.filters?.length === 0,
+    __experimentalIsFocusable: true,
+    size: "compact",
+    variant: "tertiary",
+    onClick: () => {
+      onChangeView(currentView => ({
+        ...currentView,
+        page: 1,
+        search: '',
+        filters: []
+      }));
+    }
+  }, __('Reset filters'));
+});
+//# sourceMappingURL=reset-filters.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["Button","__","view","onChangeView","createElement","disabled","search","filters","length","__experimentalIsFocusable","size","variant","onClick","currentView","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 ( { 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( ( currentView ) => ( {\n\t\t\t\t\t...currentView,\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":";AAAA;AACA;AACA;AACA,SAASA,MAAM,QAAQ,uBAAuB;AAC9C,SAASC,EAAE,QAAQ,iBAAiB;AAEpC,gBAAe,CAAE;EAAEC,IAAI;EAAEC;AAAa,CAAC,KAAM;EAC5C,OACCC,aAAA,CAACJ,MAAM;IACNK,QAAQ,EAAGH,IAAI,CAACI,MAAM,KAAK,EAAE,IAAIJ,IAAI,CAACK,OAAO,EAAEC,MAAM,KAAK,CAAG;IAC7DC,yBAAyB;IACzBC,IAAI,EAAC,SAAS;IACdC,OAAO,EAAC,UAAU;IAClBC,OAAO,EAAGA,CAAA,KAAM;MACfT,YAAY,CAAIU,WAAW,KAAQ;QAClC,GAAGA,WAAW;QACdC,IAAI,EAAE,CAAC;QACPR,MAAM,EAAE,EAAE;QACVC,OAAO,EAAE;MACV,CAAC,CAAG,CAAC;IACN;EAAG,GAEDN,EAAE,CAAE,eAAgB,CACf,CAAC;AAEX,CAAC"}