@wordpress/edit-site 5.20.1 → 5.21.1-next.f8d8eceb.0

package/build/components/dataviews/dataviews.js

@@ -6,16 +6,14 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = DataViews;
 var _react = require("react");
-var _reactTable = require("@tanstack/react-table");
 var _components = require("@wordpress/components");
-var _listView = _interopRequireDefault(require("./list-view"));
-var _pagination = require("./pagination");
+var _element = require("@wordpress/element");
+var _viewList = _interopRequireDefault(require("./view-list"));
+var _pagination = _interopRequireDefault(require("./pagination"));
 var _viewActions = _interopRequireDefault(require("./view-actions"));
-var _textFilter = _interopRequireDefault(require("./text-filter"));
-/**
- * External dependencies
- */
-
+var _filters = _interopRequireDefault(require("./filters"));
+var _search = _interopRequireDefault(require("./search"));
+var _viewGrid = require("./view-grid");
 /**
  * WordPress dependencies
  */
@@ -25,37 +23,56 @@ var _textFilter = _interopRequireDefault(require("./text-filter"));
  */
 
 function DataViews({
-  data,
+  view,
+  onChangeView,
   fields,
-  isLoading,
-  paginationInfo,
-  options
+  search = true,
+  searchLabel = undefined,
+  actions,
+  data,
+  isLoading = false,
+  paginationInfo
 }) {
-  const dataView = (0, _reactTable.useReactTable)({
-    data,
-    columns: fields,
-    ...options,
-    getCoreRowModel: (0, _reactTable.getCoreRowModel)(),
-    getFilteredRowModel: (0, _reactTable.getFilteredRowModel)(),
-    getSortedRowModel: (0, _reactTable.getSortedRowModel)(),
-    getPaginationRowModel: (0, _reactTable.getPaginationRowModel)()
-  });
+  const ViewComponent = view.type === 'list' ? _viewList.default : _viewGrid.ViewGrid;
+  const _fields = (0, _element.useMemo)(() => {
+    return fields.map(field => ({
+      ...field,
+      render: field.render || field.getValue
+    }));
+  }, [fields]);
   return (0, _react.createElement)("div", {
     className: "dataviews-wrapper"
   }, (0, _react.createElement)(_components.__experimentalVStack, {
-    spacing: 4
-  }, (0, _react.createElement)(_components.__experimentalHStack, {
-    justify: "space-between"
-  }, (0, _react.createElement)(_textFilter.default, {
-    onChange: dataView.setGlobalFilter
-  }), (0, _react.createElement)(_viewActions.default, {
-    dataView: dataView
-  })), (0, _react.createElement)(_listView.default, {
-    dataView: dataView,
+    spacing: 4,
+    justify: "flex-start"
+  }, (0, _react.createElement)(_components.__experimentalHStack, null, (0, _react.createElement)(_components.__experimentalHStack, {
+    justify: "start"
+  }, search && (0, _react.createElement)(_search.default, {
+    label: searchLabel,
+    view: view,
+    onChangeView: onChangeView
+  }), (0, _react.createElement)(_filters.default, {
+    fields: fields,
+    view: view,
+    onChangeView: onChangeView
+  })), (0, _react.createElement)(_components.__experimentalHStack, {
+    justify: "end"
+  }, (0, _react.createElement)(_viewActions.default, {
+    fields: fields,
+    view: view,
+    onChangeView: onChangeView
+  }))), (0, _react.createElement)(ViewComponent, {
+    fields: _fields,
+    view: view,
+    onChangeView: onChangeView,
+    paginationInfo: paginationInfo,
+    actions: actions,
+    data: data,
     isLoading: isLoading
-  }), (0, _react.createElement)(_pagination.Pagination, {
-    dataView: dataView,
-    totalItems: paginationInfo?.totalItems
+  }), (0, _react.createElement)(_pagination.default, {
+    view: view,
+    onChangeView: onChangeView,
+    paginationInfo: paginationInfo
   })));
 }
 //# sourceMappingURL=dataviews.js.map

package/build/components/dataviews/dataviews.js.map

@@ -1 +1 @@
-{"version":3,"names":["_reactTable","require","_components","_listView","_interopRequireDefault","_pagination","_viewActions","_textFilter","DataViews","data","fields","isLoading","paginationInfo","options","dataView","useReactTable","columns","getCoreRowModel","getFilteredRowModel","getSortedRowModel","getPaginationRowModel","_react","createElement","className","__experimentalVStack","spacing","__experimentalHStack","justify","default","onChange","setGlobalFilter","Pagination","totalItems"],"sources":["@wordpress/edit-site/src/components/dataviews/dataviews.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport {\n\tgetCoreRowModel,\n\tgetFilteredRowModel,\n\tgetSortedRowModel,\n\tgetPaginationRowModel,\n\tuseReactTable,\n} from '@tanstack/react-table';\n\n/**\n * WordPress dependencies\n */\nimport {\n\t__experimentalVStack as VStack,\n\t__experimentalHStack as HStack,\n} from '@wordpress/components';\n\n/**\n * Internal dependencies\n */\nimport ListView from './list-view';\nimport { Pagination } from './pagination';\nimport ViewActions from './view-actions';\nimport TextFilter from './text-filter';\n\nexport default function DataViews( {\n\tdata,\n\tfields,\n\tisLoading,\n\tpaginationInfo,\n\toptions,\n} ) {\n\tconst dataView = useReactTable( {\n\t\tdata,\n\t\tcolumns: fields,\n\t\t...options,\n\t\tgetCoreRowModel: getCoreRowModel(),\n\t\tgetFilteredRowModel: getFilteredRowModel(),\n\t\tgetSortedRowModel: getSortedRowModel(),\n\t\tgetPaginationRowModel: getPaginationRowModel(),\n\t} );\n\treturn (\n\t\t<div className=\"dataviews-wrapper\">\n\t\t\t<VStack spacing={ 4 }>\n\t\t\t\t<HStack justify=\"space-between\">\n\t\t\t\t\t<TextFilter onChange={ dataView.setGlobalFilter } />\n\t\t\t\t\t<ViewActions dataView={ dataView } />\n\t\t\t\t</HStack>\n\t\t\t\t{ /* This component will be selected based on viewConfigs. Now we only have the list view. */ }\n\t\t\t\t<ListView dataView={ dataView } isLoading={ isLoading } />\n\t\t\t\t<Pagination\n\t\t\t\t\tdataView={ dataView }\n\t\t\t\t\ttotalItems={ paginationInfo?.totalItems }\n\t\t\t\t/>\n\t\t\t</VStack>\n\t\t</div>\n\t);\n}\n"],"mappings":";;;;;;;;AAGA,IAAAA,WAAA,GAAAC,OAAA;AAWA,IAAAC,WAAA,GAAAD,OAAA;AAQA,IAAAE,SAAA,GAAAC,sBAAA,CAAAH,OAAA;AACA,IAAAI,WAAA,GAAAJ,OAAA;AACA,IAAAK,YAAA,GAAAF,sBAAA,CAAAH,OAAA;AACA,IAAAM,WAAA,GAAAH,sBAAA,CAAAH,OAAA;AAzBA;AACA;AACA;;AASA;AACA;AACA;;AAMA;AACA;AACA;;AAMe,SAASO,SAASA,CAAE;EAClCC,IAAI;EACJC,MAAM;EACNC,SAAS;EACTC,cAAc;EACdC;AACD,CAAC,EAAG;EACH,MAAMC,QAAQ,GAAG,IAAAC,yBAAa,EAAE;IAC/BN,IAAI;IACJO,OAAO,EAAEN,MAAM;IACf,GAAGG,OAAO;IACVI,eAAe,EAAE,IAAAA,2BAAe,EAAC,CAAC;IAClCC,mBAAmB,EAAE,IAAAA,+BAAmB,EAAC,CAAC;IAC1CC,iBAAiB,EAAE,IAAAA,6BAAiB,EAAC,CAAC;IACtCC,qBAAqB,EAAE,IAAAA,iCAAqB,EAAC;EAC9C,CAAE,CAAC;EACH,OACC,IAAAC,MAAA,CAAAC,aAAA;IAAKC,SAAS,EAAC;EAAmB,GACjC,IAAAF,MAAA,CAAAC,aAAA,EAACpB,WAAA,CAAAsB,oBAAM;IAACC,OAAO,EAAG;EAAG,GACpB,IAAAJ,MAAA,CAAAC,aAAA,EAACpB,WAAA,CAAAwB,oBAAM;IAACC,OAAO,EAAC;EAAe,GAC9B,IAAAN,MAAA,CAAAC,aAAA,EAACf,WAAA,CAAAqB,OAAU;IAACC,QAAQ,EAAGf,QAAQ,CAACgB;EAAiB,CAAE,CAAC,EACpD,IAAAT,MAAA,CAAAC,aAAA,EAAChB,YAAA,CAAAsB,OAAW;IAACd,QAAQ,EAAGA;EAAU,CAAE,CAC7B,CAAC,EAET,IAAAO,MAAA,CAAAC,aAAA,EAACnB,SAAA,CAAAyB,OAAQ;IAACd,QAAQ,EAAGA,QAAU;IAACH,SAAS,EAAGA;EAAW,CAAE,CAAC,EAC1D,IAAAU,MAAA,CAAAC,aAAA,EAACjB,WAAA,CAAA0B,UAAU;IACVjB,QAAQ,EAAGA,QAAU;IACrBkB,UAAU,EAAGpB,cAAc,EAAEoB;EAAY,CACzC,CACM,CACJ,CAAC;AAER"}
+{"version":3,"names":["_components","require","_element","_viewList","_interopRequireDefault","_pagination","_viewActions","_filters","_search","_viewGrid","DataViews","view","onChangeView","fields","search","searchLabel","undefined","actions","data","isLoading","paginationInfo","ViewComponent","type","ViewList","ViewGrid","_fields","useMemo","map","field","render","getValue","_react","createElement","className","__experimentalVStack","spacing","justify","__experimentalHStack","default","label"],"sources":["@wordpress/edit-site/src/components/dataviews/dataviews.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport {\n\t__experimentalVStack as VStack,\n\t__experimentalHStack as HStack,\n} from '@wordpress/components';\nimport { useMemo } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport ViewList from './view-list';\nimport Pagination from './pagination';\nimport ViewActions from './view-actions';\nimport Filters from './filters';\nimport Search from './search';\nimport { ViewGrid } from './view-grid';\n\nexport default function DataViews( {\n\tview,\n\tonChangeView,\n\tfields,\n\tsearch = true,\n\tsearchLabel = undefined,\n\tactions,\n\tdata,\n\tisLoading = false,\n\tpaginationInfo,\n} ) {\n\tconst ViewComponent = view.type === 'list' ? ViewList : ViewGrid;\n\tconst _fields = useMemo( () => {\n\t\treturn fields.map( ( field ) => ( {\n\t\t\t...field,\n\t\t\trender: field.render || field.getValue,\n\t\t} ) );\n\t}, [ fields ] );\n\treturn (\n\t\t<div className=\"dataviews-wrapper\">\n\t\t\t<VStack spacing={ 4 } justify=\"flex-start\">\n\t\t\t\t<HStack>\n\t\t\t\t\t<HStack justify=\"start\">\n\t\t\t\t\t\t{ search && (\n\t\t\t\t\t\t\t<Search\n\t\t\t\t\t\t\t\tlabel={ searchLabel }\n\t\t\t\t\t\t\t\tview={ view }\n\t\t\t\t\t\t\t\tonChangeView={ onChangeView }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t) }\n\t\t\t\t\t\t<Filters\n\t\t\t\t\t\t\tfields={ fields }\n\t\t\t\t\t\t\tview={ view }\n\t\t\t\t\t\t\tonChangeView={ onChangeView }\n\t\t\t\t\t\t/>\n\t\t\t\t\t</HStack>\n\t\t\t\t\t<HStack justify=\"end\">\n\t\t\t\t\t\t<ViewActions\n\t\t\t\t\t\t\tfields={ fields }\n\t\t\t\t\t\t\tview={ view }\n\t\t\t\t\t\t\tonChangeView={ onChangeView }\n\t\t\t\t\t\t/>\n\t\t\t\t\t</HStack>\n\t\t\t\t</HStack>\n\t\t\t\t<ViewComponent\n\t\t\t\t\tfields={ _fields }\n\t\t\t\t\tview={ view }\n\t\t\t\t\tonChangeView={ onChangeView }\n\t\t\t\t\tpaginationInfo={ paginationInfo }\n\t\t\t\t\tactions={ actions }\n\t\t\t\t\tdata={ data }\n\t\t\t\t\tisLoading={ isLoading }\n\t\t\t\t/>\n\t\t\t\t<Pagination\n\t\t\t\t\tview={ view }\n\t\t\t\t\tonChangeView={ onChangeView }\n\t\t\t\t\tpaginationInfo={ paginationInfo }\n\t\t\t\t/>\n\t\t\t</VStack>\n\t\t</div>\n\t);\n}\n"],"mappings":";;;;;;;;AAGA,IAAAA,WAAA,GAAAC,OAAA;AAIA,IAAAC,QAAA,GAAAD,OAAA;AAKA,IAAAE,SAAA,GAAAC,sBAAA,CAAAH,OAAA;AACA,IAAAI,WAAA,GAAAD,sBAAA,CAAAH,OAAA;AACA,IAAAK,YAAA,GAAAF,sBAAA,CAAAH,OAAA;AACA,IAAAM,QAAA,GAAAH,sBAAA,CAAAH,OAAA;AACA,IAAAO,OAAA,GAAAJ,sBAAA,CAAAH,OAAA;AACA,IAAAQ,SAAA,GAAAR,OAAA;AAjBA;AACA;AACA;;AAOA;AACA;AACA;;AAQe,SAASS,SAASA,CAAE;EAClCC,IAAI;EACJC,YAAY;EACZC,MAAM;EACNC,MAAM,GAAG,IAAI;EACbC,WAAW,GAAGC,SAAS;EACvBC,OAAO;EACPC,IAAI;EACJC,SAAS,GAAG,KAAK;EACjBC;AACD,CAAC,EAAG;EACH,MAAMC,aAAa,GAAGV,IAAI,CAACW,IAAI,KAAK,MAAM,GAAGC,iBAAQ,GAAGC,kBAAQ;EAChE,MAAMC,OAAO,GAAG,IAAAC,gBAAO,EAAE,MAAM;IAC9B,OAAOb,MAAM,CAACc,GAAG,CAAIC,KAAK,KAAQ;MACjC,GAAGA,KAAK;MACRC,MAAM,EAAED,KAAK,CAACC,MAAM,IAAID,KAAK,CAACE;IAC/B,CAAC,CAAG,CAAC;EACN,CAAC,EAAE,CAAEjB,MAAM,CAAG,CAAC;EACf,OACC,IAAAkB,MAAA,CAAAC,aAAA;IAAKC,SAAS,EAAC;EAAmB,GACjC,IAAAF,MAAA,CAAAC,aAAA,EAAChC,WAAA,CAAAkC,oBAAM;IAACC,OAAO,EAAG,CAAG;IAACC,OAAO,EAAC;EAAY,GACzC,IAAAL,MAAA,CAAAC,aAAA,EAAChC,WAAA,CAAAqC,oBAAM,QACN,IAAAN,MAAA,CAAAC,aAAA,EAAChC,WAAA,CAAAqC,oBAAM;IAACD,OAAO,EAAC;EAAO,GACpBtB,MAAM,IACP,IAAAiB,MAAA,CAAAC,aAAA,EAACxB,OAAA,CAAA8B,OAAM;IACNC,KAAK,EAAGxB,WAAa;IACrBJ,IAAI,EAAGA,IAAM;IACbC,YAAY,EAAGA;EAAc,CAC7B,CACD,EACD,IAAAmB,MAAA,CAAAC,aAAA,EAACzB,QAAA,CAAA+B,OAAO;IACPzB,MAAM,EAAGA,MAAQ;IACjBF,IAAI,EAAGA,IAAM;IACbC,YAAY,EAAGA;EAAc,CAC7B,CACM,CAAC,EACT,IAAAmB,MAAA,CAAAC,aAAA,EAAChC,WAAA,CAAAqC,oBAAM;IAACD,OAAO,EAAC;EAAK,GACpB,IAAAL,MAAA,CAAAC,aAAA,EAAC1B,YAAA,CAAAgC,OAAW;IACXzB,MAAM,EAAGA,MAAQ;IACjBF,IAAI,EAAGA,IAAM;IACbC,YAAY,EAAGA;EAAc,CAC7B,CACM,CACD,CAAC,EACT,IAAAmB,MAAA,CAAAC,aAAA,EAACX,aAAa;IACbR,MAAM,EAAGY,OAAS;IAClBd,IAAI,EAAGA,IAAM;IACbC,YAAY,EAAGA,YAAc;IAC7BQ,cAAc,EAAGA,cAAgB;IACjCH,OAAO,EAAGA,OAAS;IACnBC,IAAI,EAAGA,IAAM;IACbC,SAAS,EAAGA;EAAW,CACvB,CAAC,EACF,IAAAY,MAAA,CAAAC,aAAA,EAAC3B,WAAA,CAAAiC,OAAU;IACV3B,IAAI,EAAGA,IAAM;IACbC,YAAY,EAAGA,YAAc;IAC7BQ,cAAc,EAAGA;EAAgB,CACjC,CACM,CACJ,CAAC;AAER"}

package/build/components/dataviews/filters.js

@@ -0,0 +1,74 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = Filters;
+var _react = require("react");
+var _i18n = require("@wordpress/i18n");
+var _inFilter = _interopRequireDefault(require("./in-filter"));
+/**
+ * WordPress dependencies
+ */
+
+/**
+ * Internal dependencies
+ */
+
+function Filters({
+  fields,
+  view,
+  onChangeView
+}) {
+  const filterIndex = {};
+  fields.forEach(field => {
+    if (!field.filters) {
+      return;
+    }
+    field.filters.forEach(filter => {
+      let id = field.id;
+      if ('string' === typeof filter) {
+        filterIndex[id] = {
+          id,
+          name: field.header,
+          type: filter
+        };
+      }
+      if ('object' === typeof filter) {
+        id = filter.id || field.id;
+        filterIndex[id] = {
+          id,
+          name: filter.name || field.header,
+          type: filter.type
+        };
+      }
+      if ('enumeration' === filterIndex[id]?.type) {
+        const elements = [{
+          value: filter.resetValue || '',
+          label: filter.resetLabel || (0, _i18n.__)('All')
+        }, ...(field.elements || [])];
+        filterIndex[id] = {
+          ...filterIndex[id],
+          elements
+        };
+      }
+    });
+  });
+  return view.visibleFilters?.map(filterName => {
+    const filter = filterIndex[filterName];
+    if (!filter) {
+      return null;
+    }
+    if (filter.type === 'enumeration') {
+      return (0, _react.createElement)(_inFilter.default, {
+        key: filterName,
+        filter: filter,
+        view: view,
+        onChangeView: onChangeView
+      });
+    }
+    return null;
+  }) || (0, _i18n.__)('No filters available');
+}
+//# sourceMappingURL=filters.js.map

package/build/components/dataviews/filters.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_i18n","require","_inFilter","_interopRequireDefault","Filters","fields","view","onChangeView","filterIndex","forEach","field","filters","filter","id","name","header","type","elements","value","resetValue","label","resetLabel","__","visibleFilters","map","filterName","_react","createElement","default","key"],"sources":["@wordpress/edit-site/src/components/dataviews/filters.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\n\n/**\n * Internal dependencies\n */\nimport InFilter from './in-filter';\n\nexport default function Filters( { fields, view, onChangeView } ) {\n\tconst filterIndex = {};\n\tfields.forEach( ( field ) => {\n\t\tif ( ! field.filters ) {\n\t\t\treturn;\n\t\t}\n\n\t\tfield.filters.forEach( ( filter ) => {\n\t\t\tlet id = field.id;\n\t\t\tif ( 'string' === typeof filter ) {\n\t\t\t\tfilterIndex[ id ] = {\n\t\t\t\t\tid,\n\t\t\t\t\tname: field.header,\n\t\t\t\t\ttype: filter,\n\t\t\t\t};\n\t\t\t}\n\n\t\t\tif ( 'object' === typeof filter ) {\n\t\t\t\tid = filter.id || field.id;\n\t\t\t\tfilterIndex[ id ] = {\n\t\t\t\t\tid,\n\t\t\t\t\tname: filter.name || field.header,\n\t\t\t\t\ttype: filter.type,\n\t\t\t\t};\n\t\t\t}\n\n\t\t\tif ( 'enumeration' === filterIndex[ id ]?.type ) {\n\t\t\t\tconst elements = [\n\t\t\t\t\t{\n\t\t\t\t\t\tvalue: filter.resetValue || '',\n\t\t\t\t\t\tlabel: filter.resetLabel || __( 'All' ),\n\t\t\t\t\t},\n\t\t\t\t\t...( field.elements || [] ),\n\t\t\t\t];\n\t\t\t\tfilterIndex[ id ] = {\n\t\t\t\t\t...filterIndex[ id ],\n\t\t\t\t\telements,\n\t\t\t\t};\n\t\t\t}\n\t\t} );\n\t} );\n\n\treturn (\n\t\tview.visibleFilters?.map( ( filterName ) => {\n\t\t\tconst filter = filterIndex[ filterName ];\n\n\t\t\tif ( ! filter ) {\n\t\t\t\treturn null;\n\t\t\t}\n\n\t\t\tif ( filter.type === 'enumeration' ) {\n\t\t\t\treturn (\n\t\t\t\t\t<InFilter\n\t\t\t\t\t\tkey={ filterName }\n\t\t\t\t\t\tfilter={ filter }\n\t\t\t\t\t\tview={ view }\n\t\t\t\t\t\tonChangeView={ onChangeView }\n\t\t\t\t\t/>\n\t\t\t\t);\n\t\t\t}\n\n\t\t\treturn null;\n\t\t} ) || __( 'No filters available' )\n\t);\n}\n"],"mappings":";;;;;;;;AAGA,IAAAA,KAAA,GAAAC,OAAA;AAKA,IAAAC,SAAA,GAAAC,sBAAA,CAAAF,OAAA;AARA;AACA;AACA;;AAGA;AACA;AACA;;AAGe,SAASG,OAAOA,CAAE;EAAEC,MAAM;EAAEC,IAAI;EAAEC;AAAa,CAAC,EAAG;EACjE,MAAMC,WAAW,GAAG,CAAC,CAAC;EACtBH,MAAM,CAACI,OAAO,CAAIC,KAAK,IAAM;IAC5B,IAAK,CAAEA,KAAK,CAACC,OAAO,EAAG;MACtB;IACD;IAEAD,KAAK,CAACC,OAAO,CAACF,OAAO,CAAIG,MAAM,IAAM;MACpC,IAAIC,EAAE,GAAGH,KAAK,CAACG,EAAE;MACjB,IAAK,QAAQ,KAAK,OAAOD,MAAM,EAAG;QACjCJ,WAAW,CAAEK,EAAE,CAAE,GAAG;UACnBA,EAAE;UACFC,IAAI,EAAEJ,KAAK,CAACK,MAAM;UAClBC,IAAI,EAAEJ;QACP,CAAC;MACF;MAEA,IAAK,QAAQ,KAAK,OAAOA,MAAM,EAAG;QACjCC,EAAE,GAAGD,MAAM,CAACC,EAAE,IAAIH,KAAK,CAACG,EAAE;QAC1BL,WAAW,CAAEK,EAAE,CAAE,GAAG;UACnBA,EAAE;UACFC,IAAI,EAAEF,MAAM,CAACE,IAAI,IAAIJ,KAAK,CAACK,MAAM;UACjCC,IAAI,EAAEJ,MAAM,CAACI;QACd,CAAC;MACF;MAEA,IAAK,aAAa,KAAKR,WAAW,CAAEK,EAAE,CAAE,EAAEG,IAAI,EAAG;QAChD,MAAMC,QAAQ,GAAG,CAChB;UACCC,KAAK,EAAEN,MAAM,CAACO,UAAU,IAAI,EAAE;UAC9BC,KAAK,EAAER,MAAM,CAACS,UAAU,IAAI,IAAAC,QAAE,EAAE,KAAM;QACvC,CAAC,EACD,IAAKZ,KAAK,CAACO,QAAQ,IAAI,EAAE,CAAE,CAC3B;QACDT,WAAW,CAAEK,EAAE,CAAE,GAAG;UACnB,GAAGL,WAAW,CAAEK,EAAE,CAAE;UACpBI;QACD,CAAC;MACF;IACD,CAAE,CAAC;EACJ,CAAE,CAAC;EAEH,OACCX,IAAI,CAACiB,cAAc,EAAEC,GAAG,CAAIC,UAAU,IAAM;IAC3C,MAAMb,MAAM,GAAGJ,WAAW,CAAEiB,UAAU,CAAE;IAExC,IAAK,CAAEb,MAAM,EAAG;MACf,OAAO,IAAI;IACZ;IAEA,IAAKA,MAAM,CAACI,IAAI,KAAK,aAAa,EAAG;MACpC,OACC,IAAAU,MAAA,CAAAC,aAAA,EAACzB,SAAA,CAAA0B,OAAQ;QACRC,GAAG,EAAGJ,UAAY;QAClBb,MAAM,EAAGA,MAAQ;QACjBN,IAAI,EAAGA,IAAM;QACbC,YAAY,EAAGA;MAAc,CAC7B,CAAC;IAEJ;IAEA,OAAO,IAAI;EACZ,CAAE,CAAC,IAAI,IAAAe,QAAE,EAAE,sBAAuB,CAAC;AAErC"}

package/build/components/dataviews/in-filter.js

@@ -0,0 +1,49 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = require("react");
+var _components = require("@wordpress/components");
+var _blockEditor = require("@wordpress/block-editor");
+var _lockUnlock = require("../../lock-unlock");
+/**
+ * WordPress dependencies
+ */
+
+/**
+ * Internal dependencies
+ */
+
+const {
+  cleanEmptyObject
+} = (0, _lockUnlock.unlock)(_blockEditor.privateApis);
+var _default = ({
+  filter,
+  view,
+  onChangeView
+}) => {
+  return (0, _react.createElement)(_components.SelectControl, {
+    value: view.filters[filter.id],
+    prefix: (0, _react.createElement)(_components.__experimentalInputControlPrefixWrapper, {
+      as: "span",
+      className: "dataviews__select-control-prefix"
+    }, filter.name + ':'),
+    options: filter.elements,
+    onChange: value => {
+      if (value === '') {
+        value = undefined;
+      }
+      onChangeView(currentView => ({
+        ...currentView,
+        filters: cleanEmptyObject({
+          ...currentView.filters,
+          [filter.id]: value
+        })
+      }));
+    }
+  });
+};
+exports.default = _default;
+//# sourceMappingURL=in-filter.js.map

package/build/components/dataviews/in-filter.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_components","require","_blockEditor","_lockUnlock","cleanEmptyObject","unlock","blockEditorPrivateApis","_default","filter","view","onChangeView","_react","createElement","SelectControl","value","filters","id","prefix","__experimentalInputControlPrefixWrapper","as","className","name","options","elements","onChange","undefined","currentView","exports","default"],"sources":["@wordpress/edit-site/src/components/dataviews/in-filter.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport {\n\t__experimentalInputControlPrefixWrapper as InputControlPrefixWrapper,\n\tSelectControl,\n} from '@wordpress/components';\nimport { privateApis as blockEditorPrivateApis } from '@wordpress/block-editor';\n\n/**\n * Internal dependencies\n */\nimport { unlock } from '../../lock-unlock';\n\nconst { cleanEmptyObject } = unlock( blockEditorPrivateApis );\n\nexport default ( { filter, view, onChangeView } ) => {\n\treturn (\n\t\t<SelectControl\n\t\t\tvalue={ view.filters[ filter.id ] }\n\t\t\tprefix={\n\t\t\t\t<InputControlPrefixWrapper\n\t\t\t\t\tas=\"span\"\n\t\t\t\t\tclassName=\"dataviews__select-control-prefix\"\n\t\t\t\t>\n\t\t\t\t\t{ filter.name + ':' }\n\t\t\t\t</InputControlPrefixWrapper>\n\t\t\t}\n\t\t\toptions={ filter.elements }\n\t\t\tonChange={ ( value ) => {\n\t\t\t\tif ( value === '' ) {\n\t\t\t\t\tvalue = undefined;\n\t\t\t\t}\n\n\t\t\t\tonChangeView( ( currentView ) => ( {\n\t\t\t\t\t...currentView,\n\t\t\t\t\tfilters: cleanEmptyObject( {\n\t\t\t\t\t\t...currentView.filters,\n\t\t\t\t\t\t[ filter.id ]: value,\n\t\t\t\t\t} ),\n\t\t\t\t} ) );\n\t\t\t} }\n\t\t/>\n\t);\n};\n"],"mappings":";;;;;;;AAGA,IAAAA,WAAA,GAAAC,OAAA;AAIA,IAAAC,YAAA,GAAAD,OAAA;AAKA,IAAAE,WAAA,GAAAF,OAAA;AAZA;AACA;AACA;;AAOA;AACA;AACA;;AAGA,MAAM;EAAEG;AAAiB,CAAC,GAAG,IAAAC,kBAAM,EAAEC,wBAAuB,CAAC;AAAC,IAAAC,QAAA,GAE/CA,CAAE;EAAEC,MAAM;EAAEC,IAAI;EAAEC;AAAa,CAAC,KAAM;EACpD,OACC,IAAAC,MAAA,CAAAC,aAAA,EAACZ,WAAA,CAAAa,aAAa;IACbC,KAAK,EAAGL,IAAI,CAACM,OAAO,CAAEP,MAAM,CAACQ,EAAE,CAAI;IACnCC,MAAM,EACL,IAAAN,MAAA,CAAAC,aAAA,EAACZ,WAAA,CAAAkB,uCAAyB;MACzBC,EAAE,EAAC,MAAM;MACTC,SAAS,EAAC;IAAkC,GAE1CZ,MAAM,CAACa,IAAI,GAAG,GACU,CAC3B;IACDC,OAAO,EAAGd,MAAM,CAACe,QAAU;IAC3BC,QAAQ,EAAKV,KAAK,IAAM;MACvB,IAAKA,KAAK,KAAK,EAAE,EAAG;QACnBA,KAAK,GAAGW,SAAS;MAClB;MAEAf,YAAY,CAAIgB,WAAW,KAAQ;QAClC,GAAGA,WAAW;QACdX,OAAO,EAAEX,gBAAgB,CAAE;UAC1B,GAAGsB,WAAW,CAACX,OAAO;UACtB,CAAEP,MAAM,CAACQ,EAAE,GAAIF;QAChB,CAAE;MACH,CAAC,CAAG,CAAC;IACN;EAAG,CACH,CAAC;AAEJ,CAAC;AAAAa,OAAA,CAAAC,OAAA,GAAArB,QAAA"}

package/build/components/dataviews/index.js

@@ -10,12 +10,5 @@ Object.defineProperty(exports, "DataViews", {
     return _dataviews.default;
   }
 });
-Object.defineProperty(exports, "PAGE_SIZE_VALUES", {
-  enumerable: true,
-  get: function () {
-    return _viewActions.PAGE_SIZE_VALUES;
-  }
-});
 var _dataviews = _interopRequireDefault(require("./dataviews"));
-var _viewActions = require("./view-actions");
 //# sourceMappingURL=index.js.map

package/build/components/dataviews/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_dataviews","_interopRequireDefault","require","_viewActions"],"sources":["@wordpress/edit-site/src/components/dataviews/index.js"],"sourcesContent":["export { default as DataViews } from './dataviews';\nexport { PAGE_SIZE_VALUES } from './view-actions';\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA,IAAAA,UAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA"}
+{"version":3,"names":["_dataviews","_interopRequireDefault","require"],"sources":["@wordpress/edit-site/src/components/dataviews/index.js"],"sourcesContent":["export { default as DataViews } from './dataviews';\n"],"mappings":";;;;;;;;;;;;AAAA,IAAAA,UAAA,GAAAC,sBAAA,CAAAC,OAAA"}

package/build/components/dataviews/item-actions.js

@@ -0,0 +1,62 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = ItemActions;
+var _react = require("react");
+var _components = require("@wordpress/components");
+var _i18n = require("@wordpress/i18n");
+var _element = require("@wordpress/element");
+var _icons = require("@wordpress/icons");
+/**
+ * WordPress dependencies
+ */
+
+function ItemActions({
+  item,
+  actions
+}) {
+  const {
+    primaryActions,
+    secondaryActions
+  } = (0, _element.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;
+  }
+  return (0, _react.createElement)(_components.__experimentalHStack, {
+    justify: "flex-end"
+  }, !!primaryActions.length && primaryActions.map(action => (0, _react.createElement)(_components.Button, {
+    label: action.label,
+    key: action.id,
+    icon: action.icon,
+    onClick: () => action.perform(item),
+    isDestructive: action.isDestructive,
+    size: "compact"
+  })), !!secondaryActions.length && (0, _react.createElement)(_components.DropdownMenu, {
+    icon: _icons.moreVertical,
+    label: (0, _i18n.__)('Actions')
+  }, () => (0, _react.createElement)(_components.MenuGroup, null, secondaryActions.map(action => (0, _react.createElement)(_components.MenuItem, {
+    key: action.id,
+    onClick: () => action.perform(item),
+    isDestructive: action.isDestructive
+  }, action.label)))));
+}
+//# sourceMappingURL=item-actions.js.map

package/build/components/dataviews/item-actions.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_components","require","_i18n","_element","_icons","ItemActions","item","actions","primaryActions","secondaryActions","useMemo","reduce","accumulator","action","isEligible","isPrimary","icon","push","length","_react","createElement","__experimentalHStack","justify","map","Button","label","key","id","onClick","perform","isDestructive","size","DropdownMenu","moreVertical","__","MenuGroup","MenuItem"],"sources":["@wordpress/edit-site/src/components/dataviews/item-actions.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport {\n\tDropdownMenu,\n\tMenuGroup,\n\tMenuItem,\n\tButton,\n\t__experimentalHStack as HStack,\n} from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\nimport { useMemo } from '@wordpress/element';\nimport { moreVertical } from '@wordpress/icons';\n\nexport default function ItemActions( { item, actions } ) {\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\treturn (\n\t\t<HStack justify=\"flex-end\">\n\t\t\t{ !! primaryActions.length &&\n\t\t\t\tprimaryActions.map( ( action ) => (\n\t\t\t\t\t<Button\n\t\t\t\t\t\tlabel={ action.label }\n\t\t\t\t\t\tkey={ action.id }\n\t\t\t\t\t\ticon={ action.icon }\n\t\t\t\t\t\tonClick={ () => action.perform( item ) }\n\t\t\t\t\t\tisDestructive={ action.isDestructive }\n\t\t\t\t\t\tsize=\"compact\"\n\t\t\t\t\t/>\n\t\t\t\t) ) }\n\t\t\t{ !! secondaryActions.length && (\n\t\t\t\t<DropdownMenu icon={ moreVertical } label={ __( 'Actions' ) }>\n\t\t\t\t\t{ () => (\n\t\t\t\t\t\t<MenuGroup>\n\t\t\t\t\t\t\t{ secondaryActions.map( ( action ) => (\n\t\t\t\t\t\t\t\t<MenuItem\n\t\t\t\t\t\t\t\t\tkey={ action.id }\n\t\t\t\t\t\t\t\t\tonClick={ () => action.perform( item ) }\n\t\t\t\t\t\t\t\t\tisDestructive={ action.isDestructive }\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t{ action.label }\n\t\t\t\t\t\t\t\t</MenuItem>\n\t\t\t\t\t\t\t) ) }\n\t\t\t\t\t\t</MenuGroup>\n\t\t\t\t\t) }\n\t\t\t\t</DropdownMenu>\n\t\t\t) }\n\t\t</HStack>\n\t);\n}\n"],"mappings":";;;;;;;AAGA,IAAAA,WAAA,GAAAC,OAAA;AAOA,IAAAC,KAAA,GAAAD,OAAA;AACA,IAAAE,QAAA,GAAAF,OAAA;AACA,IAAAG,MAAA,GAAAH,OAAA;AAZA;AACA;AACA;;AAYe,SAASI,WAAWA,CAAE;EAAEC,IAAI;EAAEC;AAAQ,CAAC,EAAG;EACxD,MAAM;IAAEC,cAAc;IAAEC;EAAiB,CAAC,GAAG,IAAAC,gBAAO,EAAE,MAAM;IAC3D,OAAOH,OAAO,CAACI,MAAM,CACpB,CAAEC,WAAW,EAAEC,MAAM,KAAM;MAC1B;MACA;MACA,IAAKA,MAAM,CAACC,UAAU,IAAI,CAAED,MAAM,CAACC,UAAU,CAAER,IAAK,CAAC,EAAG;QACvD,OAAOM,WAAW;MACnB;MACA,IAAKC,MAAM,CAACE,SAAS,IAAI,CAAC,CAAEF,MAAM,CAACG,IAAI,EAAG;QACzCJ,WAAW,CAACJ,cAAc,CAACS,IAAI,CAAEJ,MAAO,CAAC;MAC1C,CAAC,MAAM;QACND,WAAW,CAACH,gBAAgB,CAACQ,IAAI,CAAEJ,MAAO,CAAC;MAC5C;MACA,OAAOD,WAAW;IACnB,CAAC,EACD;MAAEJ,cAAc,EAAE,EAAE;MAAEC,gBAAgB,EAAE;IAAG,CAC5C,CAAC;EACF,CAAC,EAAE,CAAEF,OAAO,EAAED,IAAI,CAAG,CAAC;EACtB,IAAK,CAAEE,cAAc,CAACU,MAAM,IAAI,CAAET,gBAAgB,CAACS,MAAM,EAAG;IAC3D,OAAO,IAAI;EACZ;EACA,OACC,IAAAC,MAAA,CAAAC,aAAA,EAACpB,WAAA,CAAAqB,oBAAM;IAACC,OAAO,EAAC;EAAU,GACvB,CAAC,CAAEd,cAAc,CAACU,MAAM,IACzBV,cAAc,CAACe,GAAG,CAAIV,MAAM,IAC3B,IAAAM,MAAA,CAAAC,aAAA,EAACpB,WAAA,CAAAwB,MAAM;IACNC,KAAK,EAAGZ,MAAM,CAACY,KAAO;IACtBC,GAAG,EAAGb,MAAM,CAACc,EAAI;IACjBX,IAAI,EAAGH,MAAM,CAACG,IAAM;IACpBY,OAAO,EAAGA,CAAA,KAAMf,MAAM,CAACgB,OAAO,CAAEvB,IAAK,CAAG;IACxCwB,aAAa,EAAGjB,MAAM,CAACiB,aAAe;IACtCC,IAAI,EAAC;EAAS,CACd,CACA,CAAC,EACF,CAAC,CAAEtB,gBAAgB,CAACS,MAAM,IAC3B,IAAAC,MAAA,CAAAC,aAAA,EAACpB,WAAA,CAAAgC,YAAY;IAAChB,IAAI,EAAGiB,mBAAc;IAACR,KAAK,EAAG,IAAAS,QAAE,EAAE,SAAU;EAAG,GAC1D,MACD,IAAAf,MAAA,CAAAC,aAAA,EAACpB,WAAA,CAAAmC,SAAS,QACP1B,gBAAgB,CAACc,GAAG,CAAIV,MAAM,IAC/B,IAAAM,MAAA,CAAAC,aAAA,EAACpB,WAAA,CAAAoC,QAAQ;IACRV,GAAG,EAAGb,MAAM,CAACc,EAAI;IACjBC,OAAO,EAAGA,CAAA,KAAMf,MAAM,CAACgB,OAAO,CAAEvB,IAAK,CAAG;IACxCwB,aAAa,EAAGjB,MAAM,CAACiB;EAAe,GAEpCjB,MAAM,CAACY,KACA,CACT,CACQ,CAEC,CAER,CAAC;AAEX"}

package/build/components/dataviews/pagination.js

@@ -3,31 +3,27 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.Pagination = Pagination;
+exports.default = void 0;
 var _react = require("react");
 var _components = require("@wordpress/components");
 var _element = require("@wordpress/element");
 var _i18n = require("@wordpress/i18n");
-var _viewActions = require("./view-actions");
+var _icons = require("@wordpress/icons");
 /**
  * WordPress dependencies
  */
 
-/**
- * Internal dependencies
- */
-
-// For now this is copied from the patterns list Pagination component, because
-// the datatable pagination starts from index zero(`0`). Eventually all lists will be
-// using this one.
 function Pagination({
-  dataView,
-  // If passed, use it, as it's for controlled pagination.
-  totalItems = 0
+  view,
+  onChangeView,
+  paginationInfo: {
+    totalItems = 0,
+    totalPages
+  }
 }) {
-  const currentPage = dataView.getState().pagination.pageIndex + 1;
-  const numPages = dataView.getPageCount();
-  const _totalItems = totalItems || dataView.getCoreRowModel().rows.length;
+  if (!totalItems || !totalPages) {
+    return null;
+  }
   return (0, _react.createElement)(_components.__experimentalHStack, {
     expanded: false,
     spacing: 3,
@@ -39,51 +35,84 @@ function Pagination({
   // translators: %s: Total number of entries.
   (0, _i18n.sprintf)(
   // translators: %s: Total number of entries.
-  (0, _i18n._n)('%s item', '%s items', _totalItems), _totalItems)), !!_totalItems && (0, _react.createElement)(_components.__experimentalHStack, {
+  (0, _i18n._n)('%s item', '%s items', totalItems), totalItems)), !!totalItems && (0, _react.createElement)(_components.__experimentalHStack, {
+    expanded: false,
+    spacing: 3
+  }, (0, _react.createElement)(_components.__experimentalHStack, {
+    justify: "flex-start",
     expanded: false,
     spacing: 1
   }, (0, _react.createElement)(_components.Button, {
-    variant: "tertiary",
-    onClick: () => dataView.setPageIndex(0),
-    disabled: !dataView.getCanPreviousPage(),
-    "aria-label": (0, _i18n.__)('First page')
-  }, "\xAB"), (0, _react.createElement)(_components.Button, {
-    variant: "tertiary",
-    onClick: () => dataView.previousPage(),
-    disabled: !dataView.getCanPreviousPage(),
-    "aria-label": (0, _i18n.__)('Previous page')
-  }, "\u2039"), (0, _react.createElement)(_components.__experimentalHStack, {
+    onClick: () => onChangeView({
+      ...view,
+      page: 1
+    }),
+    disabled: view.page === 1,
+    label: (0, _i18n.__)('First page'),
+    icon: _icons.previous,
+    showTooltip: true,
+    size: "compact"
+  }), (0, _react.createElement)(_components.Button, {
+    onClick: () => onChangeView({
+      ...view,
+      page: view.page - 1
+    }),
+    disabled: view.page === 1,
+    label: (0, _i18n.__)('Previous page'),
+    icon: _icons.chevronLeft,
+    showTooltip: true,
+    size: "compact"
+  })), (0, _react.createElement)(_components.__experimentalHStack, {
     justify: "flex-start",
     expanded: false,
-    spacing: 1
+    spacing: 2
   }, (0, _element.createInterpolateElement)((0, _i18n.sprintf)(
   // translators: %1$s: Current page number, %2$s: Total number of pages.
-  (0, _i18n._x)('<CurrenPageControl /> of %2$s', 'paging'), currentPage, numPages), {
+  (0, _i18n._x)('<CurrenPageControl /> of %2$s', 'paging'), view.page, totalPages), {
     CurrenPageControl: (0, _react.createElement)(_components.__experimentalNumberControl, {
       "aria-label": (0, _i18n.__)('Current page'),
       min: 1,
-      max: numPages,
+      max: totalPages,
       onChange: value => {
-        if (value > numPages) return;
-        dataView.setPageIndex(value - 1);
+        if (!value || value < 1 || value > totalPages) {
+          return;
+        }
+        onChangeView({
+          ...view,
+          page: value
+        });
       },
       step: "1",
-      value: currentPage,
+      value: view.page,
       isDragEnabled: false,
       spinControls: "none"
     })
-  })), (0, _react.createElement)(_components.Button, {
-    variant: "tertiary",
-    onClick: () => dataView.nextPage(),
-    disabled: !dataView.getCanNextPage(),
-    "aria-label": (0, _i18n.__)('Next page')
-  }, "\u203A"), (0, _react.createElement)(_components.Button, {
-    variant: "tertiary",
-    onClick: () => dataView.setPageIndex(dataView.getPageCount() - 1),
-    disabled: !dataView.getCanNextPage(),
-    "aria-label": (0, _i18n.__)('Last page')
-  }, "\xBB")), (0, _react.createElement)(_viewActions.PageSizeControl, {
-    dataView: dataView
-  }));
+  })), (0, _react.createElement)(_components.__experimentalHStack, {
+    justify: "flex-start",
+    expanded: false,
+    spacing: 1
+  }, (0, _react.createElement)(_components.Button, {
+    onClick: () => onChangeView({
+      ...view,
+      page: view.page + 1
+    }),
+    disabled: view.page >= totalPages,
+    label: (0, _i18n.__)('Next page'),
+    icon: _icons.chevronRight,
+    showTooltip: true,
+    size: "compact"
+  }), (0, _react.createElement)(_components.Button, {
+    onClick: () => onChangeView({
+      ...view,
+      page: totalPages
+    }),
+    disabled: view.page >= totalPages,
+    label: (0, _i18n.__)('Last page'),
+    icon: _icons.next,
+    showTooltip: true,
+    size: "compact"
+  }))));
 }
+var _default = Pagination;
+exports.default = _default;
 //# sourceMappingURL=pagination.js.map

package/build/components/dataviews/pagination.js.map

@@ -1 +1 @@
-{"version":3,"names":["_components","require","_element","_i18n","_viewActions","Pagination","dataView","totalItems","currentPage","getState","pagination","pageIndex","numPages","getPageCount","_totalItems","getCoreRowModel","rows","length","_react","createElement","__experimentalHStack","expanded","spacing","justify","className","__experimentalText","variant","sprintf","_n","Button","onClick","setPageIndex","disabled","getCanPreviousPage","__","previousPage","createInterpolateElement","_x","CurrenPageControl","__experimentalNumberControl","min","max","onChange","value","step","isDragEnabled","spinControls","nextPage","getCanNextPage","PageSizeControl"],"sources":["@wordpress/edit-site/src/components/dataviews/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';\n\n/**\n * Internal dependencies\n */\nimport { PageSizeControl } from './view-actions';\n\n// For now this is copied from the patterns list Pagination component, because\n// the datatable pagination starts from index zero(`0`). Eventually all lists will be\n// using this one.\nexport function Pagination( {\n\tdataView,\n\t// If passed, use it, as it's for controlled pagination.\n\ttotalItems = 0,\n} ) {\n\tconst currentPage = dataView.getState().pagination.pageIndex + 1;\n\tconst numPages = dataView.getPageCount();\n\tconst _totalItems = totalItems || dataView.getCoreRowModel().rows.length;\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\t_totalItems\n\t\t\t\t\t)\n\t\t\t\t}\n\t\t\t</Text>\n\t\t\t{ !! _totalItems && (\n\t\t\t\t<HStack expanded={ false } spacing={ 1 }>\n\t\t\t\t\t<Button\n\t\t\t\t\t\tvariant=\"tertiary\"\n\t\t\t\t\t\tonClick={ () => dataView.setPageIndex( 0 ) }\n\t\t\t\t\t\tdisabled={ ! dataView.getCanPreviousPage() }\n\t\t\t\t\t\taria-label={ __( 'First page' ) }\n\t\t\t\t\t>\n\t\t\t\t\t\t«\n\t\t\t\t\t</Button>\n\t\t\t\t\t<Button\n\t\t\t\t\t\tvariant=\"tertiary\"\n\t\t\t\t\t\tonClick={ () => dataView.previousPage() }\n\t\t\t\t\t\tdisabled={ ! dataView.getCanPreviousPage() }\n\t\t\t\t\t\taria-label={ __( 'Previous page' ) }\n\t\t\t\t\t>\n\t\t\t\t\t\t‹\n\t\t\t\t\t</Button>\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{ 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\tcurrentPage,\n\t\t\t\t\t\t\t\tnumPages\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={ numPages }\n\t\t\t\t\t\t\t\t\t\tonChange={ ( value ) => {\n\t\t\t\t\t\t\t\t\t\t\tif ( value > numPages ) return;\n\t\t\t\t\t\t\t\t\t\t\tdataView.setPageIndex( value - 1 );\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={ currentPage }\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<Button\n\t\t\t\t\t\tvariant=\"tertiary\"\n\t\t\t\t\t\tonClick={ () => dataView.nextPage() }\n\t\t\t\t\t\tdisabled={ ! dataView.getCanNextPage() }\n\t\t\t\t\t\taria-label={ __( 'Next page' ) }\n\t\t\t\t\t>\n\t\t\t\t\t\t›\n\t\t\t\t\t</Button>\n\t\t\t\t\t<Button\n\t\t\t\t\t\tvariant=\"tertiary\"\n\t\t\t\t\t\tonClick={ () =>\n\t\t\t\t\t\t\tdataView.setPageIndex( dataView.getPageCount() - 1 )\n\t\t\t\t\t\t}\n\t\t\t\t\t\tdisabled={ ! dataView.getCanNextPage() }\n\t\t\t\t\t\taria-label={ __( 'Last page' ) }\n\t\t\t\t\t>\n\t\t\t\t\t\t»\n\t\t\t\t\t</Button>\n\t\t\t\t</HStack>\n\t\t\t) }\n\t\t\t<PageSizeControl dataView={ dataView } />\n\t\t</HStack>\n\t);\n}\n"],"mappings":"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"}
+{"version":3,"names":["_components","require","_element","_i18n","_icons","Pagination","view","onChangeView","paginationInfo","totalItems","totalPages","_react","createElement","__experimentalHStack","expanded","spacing","justify","className","__experimentalText","variant","sprintf","_n","Button","onClick","page","disabled","label","__","icon","previous","showTooltip","size","chevronLeft","createInterpolateElement","_x","CurrenPageControl","__experimentalNumberControl","min","max","onChange","value","step","isDragEnabled","spinControls","chevronRight","next","_default","exports","default"],"sources":["@wordpress/edit-site/src/components/dataviews/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 && (\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\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\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\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\tvalue < 1 ||\n\t\t\t\t\t\t\t\t\t\t\t\tvalue > 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\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\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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"}