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

package/build-module/components/dataviews-pagination/index.js

@@ -1,101 +1,124 @@
-/**
- * WordPress dependencies
- */
-import { Button, __experimentalHStack as HStack, SelectControl } from '@wordpress/components';
-import { createInterpolateElement, memo, useContext } from '@wordpress/element';
-import { sprintf, __, _x, isRTL } from '@wordpress/i18n';
-import { next, previous } from '@wordpress/icons';
-
-/**
- * Internal dependencies
- */
-import DataViewsContext from '../dataviews-context';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-export function DataViewsPagination() {
-  var _view$page;
+import { jsx, jsxs } from "react/jsx-runtime";
+import {
+  Button,
+  __experimentalHStack as HStack,
+  SelectControl
+} from "@wordpress/components";
+import { createInterpolateElement, memo, useContext } from "@wordpress/element";
+import { sprintf, __, _x, isRTL } from "@wordpress/i18n";
+import { next, previous } from "@wordpress/icons";
+import DataViewsContext from "../dataviews-context";
+function DataViewsPagination() {
   const {
     view,
     onChangeView,
-    paginationInfo: {
-      totalItems = 0,
-      totalPages
-    }
+    paginationInfo: { totalItems = 0, totalPages }
   } = useContext(DataViewsContext);
   if (!totalItems || !totalPages || view.infiniteScrollEnabled) {
     return null;
   }
-  const currentPage = (_view$page = view.page) !== null && _view$page !== void 0 ? _view$page : 1;
-  const pageSelectOptions = Array.from(Array(totalPages)).map((_, i) => {
-    const page = i + 1;
-    return {
-      value: page.toString(),
-      label: page.toString(),
-      'aria-label': currentPage === page ? sprintf(
-      // translators: 1: current page number. 2: total number of pages.
-      __('Page %1$d of %2$d'), currentPage, totalPages) : page.toString()
-    };
-  });
-  return !!totalItems && totalPages !== 1 && /*#__PURE__*/_jsxs(HStack, {
-    expanded: false,
-    className: "dataviews-pagination",
-    justify: "end",
-    spacing: 6,
-    children: [/*#__PURE__*/_jsx(HStack, {
-      justify: "flex-start",
-      expanded: false,
-      spacing: 1,
-      className: "dataviews-pagination__page-select",
-      children: createInterpolateElement(sprintf(
-      // translators: 1: Current page number, 2: Total number of pages.
-      _x('<div>Page</div>%1$s<div>of %2$d</div>', 'paging'), '<CurrentPage />', totalPages), {
-        div: /*#__PURE__*/_jsx("div", {
-          "aria-hidden": true
-        }),
-        CurrentPage: /*#__PURE__*/_jsx(SelectControl, {
-          "aria-label": __('Current page'),
-          value: currentPage.toString(),
-          options: pageSelectOptions,
-          onChange: newValue => {
-            onChangeView({
-              ...view,
-              page: +newValue
-            });
-          },
-          size: "small",
-          __nextHasNoMarginBottom: true,
-          variant: "minimal"
-        })
-      })
-    }), /*#__PURE__*/_jsxs(HStack, {
+  const currentPage = view.page ?? 1;
+  const pageSelectOptions = Array.from(Array(totalPages)).map(
+    (_, i) => {
+      const page = i + 1;
+      return {
+        value: page.toString(),
+        label: page.toString(),
+        "aria-label": currentPage === page ? sprintf(
+          // translators: 1: current page number. 2: total number of pages.
+          __("Page %1$d of %2$d"),
+          currentPage,
+          totalPages
+        ) : page.toString()
+      };
+    }
+  );
+  return !!totalItems && totalPages !== 1 && /* @__PURE__ */ jsxs(
+    HStack,
+    {
       expanded: false,
-      spacing: 1,
-      children: [/*#__PURE__*/_jsx(Button, {
-        onClick: () => onChangeView({
-          ...view,
-          page: currentPage - 1
-        }),
-        disabled: currentPage === 1,
-        accessibleWhenDisabled: true,
-        label: __('Previous page'),
-        icon: isRTL() ? next : previous,
-        showTooltip: true,
-        size: "compact",
-        tooltipPosition: "top"
-      }), /*#__PURE__*/_jsx(Button, {
-        onClick: () => onChangeView({
-          ...view,
-          page: currentPage + 1
-        }),
-        disabled: currentPage >= totalPages,
-        accessibleWhenDisabled: true,
-        label: __('Next page'),
-        icon: isRTL() ? previous : next,
-        showTooltip: true,
-        size: "compact",
-        tooltipPosition: "top"
-      })]
-    })]
-  });
+      className: "dataviews-pagination",
+      justify: "end",
+      spacing: 6,
+      children: [
+        /* @__PURE__ */ jsx(
+          HStack,
+          {
+            justify: "flex-start",
+            expanded: false,
+            spacing: 1,
+            className: "dataviews-pagination__page-select",
+            children: createInterpolateElement(
+              sprintf(
+                // translators: 1: Current page number, 2: Total number of pages.
+                _x(
+                  "<div>Page</div>%1$s<div>of %2$d</div>",
+                  "paging"
+                ),
+                "<CurrentPage />",
+                totalPages
+              ),
+              {
+                div: /* @__PURE__ */ jsx("div", { "aria-hidden": true }),
+                CurrentPage: /* @__PURE__ */ jsx(
+                  SelectControl,
+                  {
+                    "aria-label": __("Current page"),
+                    value: currentPage.toString(),
+                    options: pageSelectOptions,
+                    onChange: (newValue) => {
+                      onChangeView({
+                        ...view,
+                        page: +newValue
+                      });
+                    },
+                    size: "small",
+                    __nextHasNoMarginBottom: true,
+                    variant: "minimal"
+                  }
+                )
+              }
+            )
+          }
+        ),
+        /* @__PURE__ */ jsxs(HStack, { expanded: false, spacing: 1, children: [
+          /* @__PURE__ */ jsx(
+            Button,
+            {
+              onClick: () => onChangeView({
+                ...view,
+                page: currentPage - 1
+              }),
+              disabled: currentPage === 1,
+              accessibleWhenDisabled: true,
+              label: __("Previous page"),
+              icon: isRTL() ? next : previous,
+              showTooltip: true,
+              size: "compact",
+              tooltipPosition: "top"
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            Button,
+            {
+              onClick: () => onChangeView({ ...view, page: currentPage + 1 }),
+              disabled: currentPage >= totalPages,
+              accessibleWhenDisabled: true,
+              label: __("Next page"),
+              icon: isRTL() ? previous : next,
+              showTooltip: true,
+              size: "compact",
+              tooltipPosition: "top"
+            }
+          )
+        ] })
+      ]
+    }
+  );
 }
-export default memo(DataViewsPagination);
-//# sourceMappingURL=index.js.map
+var dataviews_pagination_default = memo(DataViewsPagination);
+export {
+  DataViewsPagination,
+  dataviews_pagination_default as default
+};
+//# sourceMappingURL=index.js.map

package/build-module/components/dataviews-pagination/index.js.map

@@ -1 +1,7 @@
-{"version":3,"names":["Button","__experimentalHStack","HStack","SelectControl","createInterpolateElement","memo","useContext","sprintf","__","_x","isRTL","next","previous","DataViewsContext","jsx","_jsx","jsxs","_jsxs","DataViewsPagination","_view$page","view","onChangeView","paginationInfo","totalItems","totalPages","infiniteScrollEnabled","currentPage","page","pageSelectOptions","Array","from","map","_","i","value","toString","label","expanded","className","justify","spacing","children","div","CurrentPage","options","onChange","newValue","size","__nextHasNoMarginBottom","variant","onClick","disabled","accessibleWhenDisabled","icon","showTooltip","tooltipPosition"],"sources":["@wordpress/dataviews/src/components/dataviews-pagination/index.tsx"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport {\n\tButton,\n\t__experimentalHStack as HStack,\n\tSelectControl,\n} from '@wordpress/components';\nimport { createInterpolateElement, memo, useContext } from '@wordpress/element';\nimport { sprintf, __, _x, isRTL } from '@wordpress/i18n';\nimport { next, previous } from '@wordpress/icons';\n\n/**\n * Internal dependencies\n */\nimport DataViewsContext from '../dataviews-context';\n\nexport function DataViewsPagination() {\n\tconst {\n\t\tview,\n\t\tonChangeView,\n\t\tpaginationInfo: { totalItems = 0, totalPages },\n\t} = useContext( DataViewsContext );\n\n\tif ( ! totalItems || ! totalPages || view.infiniteScrollEnabled ) {\n\t\treturn null;\n\t}\n\n\tconst currentPage = view.page ?? 1;\n\tconst pageSelectOptions = Array.from( Array( totalPages ) ).map(\n\t\t( _, i ) => {\n\t\t\tconst page = i + 1;\n\t\t\treturn {\n\t\t\t\tvalue: page.toString(),\n\t\t\t\tlabel: page.toString(),\n\t\t\t\t'aria-label':\n\t\t\t\t\tcurrentPage === page\n\t\t\t\t\t\t? sprintf(\n\t\t\t\t\t\t\t\t// translators: 1: current page number. 2: total number of pages.\n\t\t\t\t\t\t\t\t__( 'Page %1$d of %2$d' ),\n\t\t\t\t\t\t\t\tcurrentPage,\n\t\t\t\t\t\t\t\ttotalPages\n\t\t\t\t\t\t  )\n\t\t\t\t\t\t: page.toString(),\n\t\t\t};\n\t\t}\n\t);\n\n\treturn (\n\t\t!! totalItems &&\n\t\ttotalPages !== 1 && (\n\t\t\t<HStack\n\t\t\t\texpanded={ false }\n\t\t\t\tclassName=\"dataviews-pagination\"\n\t\t\t\tjustify=\"end\"\n\t\t\t\tspacing={ 6 }\n\t\t\t>\n\t\t\t\t<HStack\n\t\t\t\t\tjustify=\"flex-start\"\n\t\t\t\t\texpanded={ false }\n\t\t\t\t\tspacing={ 1 }\n\t\t\t\t\tclassName=\"dataviews-pagination__page-select\"\n\t\t\t\t>\n\t\t\t\t\t{ createInterpolateElement(\n\t\t\t\t\t\tsprintf(\n\t\t\t\t\t\t\t// translators: 1: Current page number, 2: Total number of pages.\n\t\t\t\t\t\t\t_x(\n\t\t\t\t\t\t\t\t'<div>Page</div>%1$s<div>of %2$d</div>',\n\t\t\t\t\t\t\t\t'paging'\n\t\t\t\t\t\t\t),\n\t\t\t\t\t\t\t'<CurrentPage />',\n\t\t\t\t\t\t\ttotalPages\n\t\t\t\t\t\t),\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\tdiv: <div aria-hidden />,\n\t\t\t\t\t\t\tCurrentPage: (\n\t\t\t\t\t\t\t\t<SelectControl\n\t\t\t\t\t\t\t\t\taria-label={ __( 'Current page' ) }\n\t\t\t\t\t\t\t\t\tvalue={ currentPage.toString() }\n\t\t\t\t\t\t\t\t\toptions={ pageSelectOptions }\n\t\t\t\t\t\t\t\t\tonChange={ ( newValue ) => {\n\t\t\t\t\t\t\t\t\t\tonChangeView( {\n\t\t\t\t\t\t\t\t\t\t\t...view,\n\t\t\t\t\t\t\t\t\t\t\tpage: +newValue,\n\t\t\t\t\t\t\t\t\t\t} );\n\t\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t\t\tsize=\"small\"\n\t\t\t\t\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\t\t\t\t\tvariant=\"minimal\"\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t),\n\t\t\t\t\t\t}\n\t\t\t\t\t) }\n\t\t\t\t</HStack>\n\t\t\t\t<HStack expanded={ false } spacing={ 1 }>\n\t\t\t\t\t<Button\n\t\t\t\t\t\tonClick={ () =>\n\t\t\t\t\t\t\tonChangeView( {\n\t\t\t\t\t\t\t\t...view,\n\t\t\t\t\t\t\t\tpage: currentPage - 1,\n\t\t\t\t\t\t\t} )\n\t\t\t\t\t\t}\n\t\t\t\t\t\tdisabled={ currentPage === 1 }\n\t\t\t\t\t\taccessibleWhenDisabled\n\t\t\t\t\t\tlabel={ __( 'Previous page' ) }\n\t\t\t\t\t\ticon={ isRTL() ? next : previous }\n\t\t\t\t\t\tshowTooltip\n\t\t\t\t\t\tsize=\"compact\"\n\t\t\t\t\t\ttooltipPosition=\"top\"\n\t\t\t\t\t/>\n\t\t\t\t\t<Button\n\t\t\t\t\t\tonClick={ () =>\n\t\t\t\t\t\t\tonChangeView( { ...view, page: currentPage + 1 } )\n\t\t\t\t\t\t}\n\t\t\t\t\t\tdisabled={ currentPage >= totalPages }\n\t\t\t\t\t\taccessibleWhenDisabled\n\t\t\t\t\t\tlabel={ __( 'Next page' ) }\n\t\t\t\t\t\ticon={ isRTL() ? previous : next }\n\t\t\t\t\t\tshowTooltip\n\t\t\t\t\t\tsize=\"compact\"\n\t\t\t\t\t\ttooltipPosition=\"top\"\n\t\t\t\t\t/>\n\t\t\t\t</HStack>\n\t\t\t</HStack>\n\t\t)\n\t);\n}\n\nexport default memo( DataViewsPagination );\n"],"mappings":"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","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../../src/components/dataviews-pagination/index.tsx"],
+  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport {\n\tButton,\n\t__experimentalHStack as HStack,\n\tSelectControl,\n} from '@wordpress/components';\nimport { createInterpolateElement, memo, useContext } from '@wordpress/element';\nimport { sprintf, __, _x, isRTL } from '@wordpress/i18n';\nimport { next, previous } from '@wordpress/icons';\n\n/**\n * Internal dependencies\n */\nimport DataViewsContext from '../dataviews-context';\n\nexport function DataViewsPagination() {\n\tconst {\n\t\tview,\n\t\tonChangeView,\n\t\tpaginationInfo: { totalItems = 0, totalPages },\n\t} = useContext( DataViewsContext );\n\n\tif ( ! totalItems || ! totalPages || view.infiniteScrollEnabled ) {\n\t\treturn null;\n\t}\n\n\tconst currentPage = view.page ?? 1;\n\tconst pageSelectOptions = Array.from( Array( totalPages ) ).map(\n\t\t( _, i ) => {\n\t\t\tconst page = i + 1;\n\t\t\treturn {\n\t\t\t\tvalue: page.toString(),\n\t\t\t\tlabel: page.toString(),\n\t\t\t\t'aria-label':\n\t\t\t\t\tcurrentPage === page\n\t\t\t\t\t\t? sprintf(\n\t\t\t\t\t\t\t\t// translators: 1: current page number. 2: total number of pages.\n\t\t\t\t\t\t\t\t__( 'Page %1$d of %2$d' ),\n\t\t\t\t\t\t\t\tcurrentPage,\n\t\t\t\t\t\t\t\ttotalPages\n\t\t\t\t\t\t  )\n\t\t\t\t\t\t: page.toString(),\n\t\t\t};\n\t\t}\n\t);\n\n\treturn (\n\t\t!! totalItems &&\n\t\ttotalPages !== 1 && (\n\t\t\t<HStack\n\t\t\t\texpanded={ false }\n\t\t\t\tclassName=\"dataviews-pagination\"\n\t\t\t\tjustify=\"end\"\n\t\t\t\tspacing={ 6 }\n\t\t\t>\n\t\t\t\t<HStack\n\t\t\t\t\tjustify=\"flex-start\"\n\t\t\t\t\texpanded={ false }\n\t\t\t\t\tspacing={ 1 }\n\t\t\t\t\tclassName=\"dataviews-pagination__page-select\"\n\t\t\t\t>\n\t\t\t\t\t{ createInterpolateElement(\n\t\t\t\t\t\tsprintf(\n\t\t\t\t\t\t\t// translators: 1: Current page number, 2: Total number of pages.\n\t\t\t\t\t\t\t_x(\n\t\t\t\t\t\t\t\t'<div>Page</div>%1$s<div>of %2$d</div>',\n\t\t\t\t\t\t\t\t'paging'\n\t\t\t\t\t\t\t),\n\t\t\t\t\t\t\t'<CurrentPage />',\n\t\t\t\t\t\t\ttotalPages\n\t\t\t\t\t\t),\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\tdiv: <div aria-hidden />,\n\t\t\t\t\t\t\tCurrentPage: (\n\t\t\t\t\t\t\t\t<SelectControl\n\t\t\t\t\t\t\t\t\taria-label={ __( 'Current page' ) }\n\t\t\t\t\t\t\t\t\tvalue={ currentPage.toString() }\n\t\t\t\t\t\t\t\t\toptions={ pageSelectOptions }\n\t\t\t\t\t\t\t\t\tonChange={ ( newValue ) => {\n\t\t\t\t\t\t\t\t\t\tonChangeView( {\n\t\t\t\t\t\t\t\t\t\t\t...view,\n\t\t\t\t\t\t\t\t\t\t\tpage: +newValue,\n\t\t\t\t\t\t\t\t\t\t} );\n\t\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t\t\tsize=\"small\"\n\t\t\t\t\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\t\t\t\t\tvariant=\"minimal\"\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t),\n\t\t\t\t\t\t}\n\t\t\t\t\t) }\n\t\t\t\t</HStack>\n\t\t\t\t<HStack expanded={ false } spacing={ 1 }>\n\t\t\t\t\t<Button\n\t\t\t\t\t\tonClick={ () =>\n\t\t\t\t\t\t\tonChangeView( {\n\t\t\t\t\t\t\t\t...view,\n\t\t\t\t\t\t\t\tpage: currentPage - 1,\n\t\t\t\t\t\t\t} )\n\t\t\t\t\t\t}\n\t\t\t\t\t\tdisabled={ currentPage === 1 }\n\t\t\t\t\t\taccessibleWhenDisabled\n\t\t\t\t\t\tlabel={ __( 'Previous page' ) }\n\t\t\t\t\t\ticon={ isRTL() ? next : previous }\n\t\t\t\t\t\tshowTooltip\n\t\t\t\t\t\tsize=\"compact\"\n\t\t\t\t\t\ttooltipPosition=\"top\"\n\t\t\t\t\t/>\n\t\t\t\t\t<Button\n\t\t\t\t\t\tonClick={ () =>\n\t\t\t\t\t\t\tonChangeView( { ...view, page: currentPage + 1 } )\n\t\t\t\t\t\t}\n\t\t\t\t\t\tdisabled={ currentPage >= totalPages }\n\t\t\t\t\t\taccessibleWhenDisabled\n\t\t\t\t\t\tlabel={ __( 'Next page' ) }\n\t\t\t\t\t\ticon={ isRTL() ? previous : next }\n\t\t\t\t\t\tshowTooltip\n\t\t\t\t\t\tsize=\"compact\"\n\t\t\t\t\t\ttooltipPosition=\"top\"\n\t\t\t\t\t/>\n\t\t\t\t</HStack>\n\t\t\t</HStack>\n\t\t)\n\t);\n}\n\nexport default memo( DataViewsPagination );\n"],
+  "mappings": "AA0EY,cAoBR,YApBQ;AAvEZ;AAAA,EACC;AAAA,EACA,wBAAwB;AAAA,EACxB;AAAA,OACM;AACP,SAAS,0BAA0B,MAAM,kBAAkB;AAC3D,SAAS,SAAS,IAAI,IAAI,aAAa;AACvC,SAAS,MAAM,gBAAgB;AAK/B,OAAO,sBAAsB;AAEtB,SAAS,sBAAsB;AACrC,QAAM;AAAA,IACL;AAAA,IACA;AAAA,IACA,gBAAgB,EAAE,aAAa,GAAG,WAAW;AAAA,EAC9C,IAAI,WAAY,gBAAiB;AAEjC,MAAK,CAAE,cAAc,CAAE,cAAc,KAAK,uBAAwB;AACjE,WAAO;AAAA,EACR;AAEA,QAAM,cAAc,KAAK,QAAQ;AACjC,QAAM,oBAAoB,MAAM,KAAM,MAAO,UAAW,CAAE,EAAE;AAAA,IAC3D,CAAE,GAAG,MAAO;AACX,YAAM,OAAO,IAAI;AACjB,aAAO;AAAA,QACN,OAAO,KAAK,SAAS;AAAA,QACrB,OAAO,KAAK,SAAS;AAAA,QACrB,cACC,gBAAgB,OACb;AAAA;AAAA,UAEA,GAAI,mBAAoB;AAAA,UACxB;AAAA,UACA;AAAA,QACA,IACA,KAAK,SAAS;AAAA,MACnB;AAAA,IACD;AAAA,EACD;AAEA,SACC,CAAC,CAAE,cACH,eAAe,KACd;AAAA,IAAC;AAAA;AAAA,MACA,UAAW;AAAA,MACX,WAAU;AAAA,MACV,SAAQ;AAAA,MACR,SAAU;AAAA,MAEV;AAAA;AAAA,UAAC;AAAA;AAAA,YACA,SAAQ;AAAA,YACR,UAAW;AAAA,YACX,SAAU;AAAA,YACV,WAAU;AAAA,YAER;AAAA,cACD;AAAA;AAAA,gBAEC;AAAA,kBACC;AAAA,kBACA;AAAA,gBACD;AAAA,gBACA;AAAA,gBACA;AAAA,cACD;AAAA,cACA;AAAA,gBACC,KAAK,oBAAC,SAAI,eAAW,MAAC;AAAA,gBACtB,aACC;AAAA,kBAAC;AAAA;AAAA,oBACA,cAAa,GAAI,cAAe;AAAA,oBAChC,OAAQ,YAAY,SAAS;AAAA,oBAC7B,SAAU;AAAA,oBACV,UAAW,CAAE,aAAc;AAC1B,mCAAc;AAAA,wBACb,GAAG;AAAA,wBACH,MAAM,CAAC;AAAA,sBACR,CAAE;AAAA,oBACH;AAAA,oBACA,MAAK;AAAA,oBACL,yBAAuB;AAAA,oBACvB,SAAQ;AAAA;AAAA,gBACT;AAAA,cAEF;AAAA,YACD;AAAA;AAAA,QACD;AAAA,QACA,qBAAC,UAAO,UAAW,OAAQ,SAAU,GACpC;AAAA;AAAA,YAAC;AAAA;AAAA,cACA,SAAU,MACT,aAAc;AAAA,gBACb,GAAG;AAAA,gBACH,MAAM,cAAc;AAAA,cACrB,CAAE;AAAA,cAEH,UAAW,gBAAgB;AAAA,cAC3B,wBAAsB;AAAA,cACtB,OAAQ,GAAI,eAAgB;AAAA,cAC5B,MAAO,MAAM,IAAI,OAAO;AAAA,cACxB,aAAW;AAAA,cACX,MAAK;AAAA,cACL,iBAAgB;AAAA;AAAA,UACjB;AAAA,UACA;AAAA,YAAC;AAAA;AAAA,cACA,SAAU,MACT,aAAc,EAAE,GAAG,MAAM,MAAM,cAAc,EAAE,CAAE;AAAA,cAElD,UAAW,eAAe;AAAA,cAC1B,wBAAsB;AAAA,cACtB,OAAQ,GAAI,WAAY;AAAA,cACxB,MAAO,MAAM,IAAI,WAAW;AAAA,cAC5B,aAAW;AAAA,cACX,MAAK;AAAA,cACL,iBAAgB;AAAA;AAAA,UACjB;AAAA,WACD;AAAA;AAAA;AAAA,EACD;AAGH;AAEA,IAAO,+BAAQ,KAAM,mBAAoB;",
+  "names": []
+}

package/build-module/components/dataviews-picker/footer.js

@@ -1,21 +1,18 @@
-/**
- * WordPress dependencies
- */
-import { Button, CheckboxControl, __experimentalHStack as HStack } from '@wordpress/components';
-import { useRegistry } from '@wordpress/data';
-import { useContext, useMemo, useState } from '@wordpress/element';
-import { __, sprintf, _n } from '@wordpress/i18n';
-
-/**
- * Internal dependencies
- */
-import DataViewsPagination from '../dataviews-pagination';
-import DataViewsContext from '../dataviews-context';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx, jsxs } from "react/jsx-runtime";
+import {
+  Button,
+  CheckboxControl,
+  __experimentalHStack as HStack
+} from "@wordpress/components";
+import { useRegistry } from "@wordpress/data";
+import { useContext, useMemo, useState } from "@wordpress/element";
+import { __, sprintf, _n } from "@wordpress/i18n";
+import DataViewsPagination from "../dataviews-pagination";
+import DataViewsContext from "../dataviews-context";
 const EMPTY_ARRAY = [];
-export function useIsMultiselectPicker(actions) {
+function useIsMultiselectPicker(actions) {
   return useMemo(() => {
-    return actions?.every(action => action.supportsBulk);
+    return actions?.every((action) => action.supportsBulk);
   }, [actions]);
 }
 function BulkSelectionCheckbox({
@@ -26,23 +23,33 @@ function BulkSelectionCheckbox({
   getItemId
 }) {
   const areAllSelected = selectedItems.length === data.length;
-  return /*#__PURE__*/_jsx(CheckboxControl, {
-    className: "dataviews-view-table-selection-checkbox",
-    __nextHasNoMarginBottom: true,
-    checked: areAllSelected,
-    indeterminate: !areAllSelected && !!selectedItems.length,
-    onChange: () => {
-      if (areAllSelected) {
-        // Deselect all - remove the current page from the total selection.
-        onChangeSelection(selection.filter(id => !data.some(item => id === getItemId(item))));
-      } else {
-        // Select all - merge the current page into the total selection.
-        const selectionSet = new Set([...selection, ...data.map(item => getItemId(item))]);
-        onChangeSelection(Array.from(selectionSet));
-      }
-    },
-    "aria-label": areAllSelected ? __('Deselect all') : __('Select all')
-  });
+  return /* @__PURE__ */ jsx(
+    CheckboxControl,
+    {
+      className: "dataviews-view-table-selection-checkbox",
+      __nextHasNoMarginBottom: true,
+      checked: areAllSelected,
+      indeterminate: !areAllSelected && !!selectedItems.length,
+      onChange: () => {
+        if (areAllSelected) {
+          onChangeSelection(
+            selection.filter(
+              (id) => !data.some(
+                (item) => id === getItemId(item)
+              )
+            )
+          );
+        } else {
+          const selectionSet = /* @__PURE__ */ new Set([
+            ...selection,
+            ...data.map((item) => getItemId(item))
+          ]);
+          onChangeSelection(Array.from(selectionSet));
+        }
+      },
+      "aria-label": areAllSelected ? __("Deselect all") : __("Select all")
+    }
+  );
 }
 function ActionButtons({
   actions,
@@ -50,30 +57,22 @@ function ActionButtons({
   selection
 }) {
   const registry = useRegistry();
-  const [actionInProgress, setActionInProgress] = useState(null);
-  return /*#__PURE__*/_jsx(HStack, {
-    expanded: false,
-    spacing: 1,
-    children: actions.map(action => {
-      // Only support actions with callbacks for DataViewsPicker.
-      // This is because many use cases of the picker will be already within modals.
-      if (!('callback' in action)) {
-        return null;
-      }
-      const {
-        id,
-        label,
-        icon,
-        isPrimary,
-        isDestructive,
-        callback
-      } = action;
-      const _label = typeof label === 'string' ? label : label(items);
-      const variant = isPrimary ? 'primary' : 'tertiary';
-      const isInProgress = id === actionInProgress;
-      return /*#__PURE__*/_jsx(Button, {
+  const [actionInProgress, setActionInProgress] = useState(
+    null
+  );
+  return /* @__PURE__ */ jsx(HStack, { expanded: false, spacing: 1, children: actions.map((action) => {
+    if (!("callback" in action)) {
+      return null;
+    }
+    const { id, label, icon, isPrimary, callback } = action;
+    const _label = typeof label === "string" ? label : label(items);
+    const variant = isPrimary ? "primary" : "tertiary";
+    const isInProgress = id === actionInProgress;
+    return /* @__PURE__ */ jsx(
+      Button,
+      {
         accessibleWhenDisabled: true,
-        icon: icon,
+        icon,
         disabled: isInProgress || !selection?.length,
         isBusy: isInProgress,
         onClick: async () => {
@@ -84,14 +83,14 @@ function ActionButtons({
           setActionInProgress(null);
         },
         size: "compact",
-        isDestructive: isDestructive,
-        variant: variant,
+        variant,
         children: _label
-      }, id);
-    })
-  });
+      },
+      id
+    );
+  }) });
 }
-export function DataViewsPickerFooter() {
+function DataViewsPickerFooter() {
   const {
     data,
     selection,
@@ -101,36 +100,66 @@ export function DataViewsPickerFooter() {
   } = useContext(DataViewsContext);
   const selectionCount = selection.length;
   const isMultiselect = useIsMultiselectPicker(actions);
-  const message = selectionCount > 0 ? sprintf(/* translators: %d: number of items. */
-  _n('%d Item selected', '%d Items selected', selectionCount), selectionCount) : sprintf(/* translators: %d: number of items. */
-  _n('%d Item', '%d Items', data.length), data.length);
-  const selectedItems = useMemo(() => data.filter(item => selection.includes(getItemId(item))), [selection, getItemId, data]);
-  return /*#__PURE__*/_jsxs(HStack, {
-    expanded: false,
-    justify: "space-between",
-    className: "dataviews-footer",
-    children: [/*#__PURE__*/_jsxs(HStack, {
-      className: "dataviews-picker-footer__bulk-selection",
+  const message = selectionCount > 0 ? sprintf(
+    /* translators: %d: number of items. */
+    _n(
+      "%d Item selected",
+      "%d Items selected",
+      selectionCount
+    ),
+    selectionCount
+  ) : sprintf(
+    /* translators: %d: number of items. */
+    _n("%d Item", "%d Items", data.length),
+    data.length
+  );
+  const selectedItems = useMemo(
+    () => data.filter((item) => selection.includes(getItemId(item))),
+    [selection, getItemId, data]
+  );
+  return /* @__PURE__ */ jsxs(
+    HStack,
+    {
       expanded: false,
-      spacing: 3,
-      children: [isMultiselect && /*#__PURE__*/_jsx(BulkSelectionCheckbox, {
-        selection: selection,
-        selectedItems: selectedItems,
-        onChangeSelection: onChangeSelection,
-        data: data,
-        getItemId: getItemId
-      }), /*#__PURE__*/_jsx("span", {
-        className: "dataviews-bulk-actions-footer__item-count",
-        children: message
-      })]
-    }), /*#__PURE__*/_jsx(DataViewsPagination, {}), Boolean(actions?.length) && /*#__PURE__*/_jsx("div", {
-      className: "dataviews-picker-footer__actions",
-      children: /*#__PURE__*/_jsx(ActionButtons, {
-        actions: actions,
-        items: selectedItems,
-        selection: selection
-      })
-    })]
-  });
+      justify: "space-between",
+      className: "dataviews-footer",
+      children: [
+        /* @__PURE__ */ jsxs(
+          HStack,
+          {
+            className: "dataviews-picker-footer__bulk-selection",
+            expanded: false,
+            spacing: 3,
+            children: [
+              isMultiselect && /* @__PURE__ */ jsx(
+                BulkSelectionCheckbox,
+                {
+                  selection,
+                  selectedItems,
+                  onChangeSelection,
+                  data,
+                  getItemId
+                }
+              ),
+              /* @__PURE__ */ jsx("span", { className: "dataviews-bulk-actions-footer__item-count", children: message })
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsx(DataViewsPagination, {}),
+        Boolean(actions?.length) && /* @__PURE__ */ jsx("div", { className: "dataviews-picker-footer__actions", children: /* @__PURE__ */ jsx(
+          ActionButtons,
+          {
+            actions,
+            items: selectedItems,
+            selection
+          }
+        ) })
+      ]
+    }
+  );
 }
-//# sourceMappingURL=footer.js.map
+export {
+  DataViewsPickerFooter,
+  useIsMultiselectPicker
+};
+//# sourceMappingURL=footer.js.map

package/build-module/components/dataviews-picker/footer.js.map

@@ -1 +1,7 @@
-{"version":3,"names":["Button","CheckboxControl","__experimentalHStack","HStack","useRegistry","useContext","useMemo","useState","__","sprintf","_n","DataViewsPagination","DataViewsContext","jsx","_jsx","jsxs","_jsxs","EMPTY_ARRAY","useIsMultiselectPicker","actions","every","action","supportsBulk","BulkSelectionCheckbox","selection","selectedItems","onChangeSelection","data","getItemId","areAllSelected","length","className","__nextHasNoMarginBottom","checked","indeterminate","onChange","filter","id","some","item","selectionSet","Set","map","Array","from","ActionButtons","items","registry","actionInProgress","setActionInProgress","expanded","spacing","children","label","icon","isPrimary","isDestructive","callback","_label","variant","isInProgress","accessibleWhenDisabled","disabled","isBusy","onClick","size","DataViewsPickerFooter","selectionCount","isMultiselect","message","includes","justify","Boolean"],"sources":["@wordpress/dataviews/src/components/dataviews-picker/footer.tsx"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport {\n\tButton,\n\tCheckboxControl,\n\t__experimentalHStack as HStack,\n} from '@wordpress/components';\nimport { useRegistry } from '@wordpress/data';\nimport { useContext, useMemo, useState } from '@wordpress/element';\nimport { __, sprintf, _n } from '@wordpress/i18n';\n\n/**\n * Internal dependencies\n */\nimport DataViewsPagination from '../dataviews-pagination';\nimport DataViewsContext from '../dataviews-context';\nimport type { SetSelection } from '../../private-types';\nimport type { Action } from '../../types';\n\nconst EMPTY_ARRAY: [] = [];\n\nexport function useIsMultiselectPicker< Item >(\n\tactions: Action< Item >[] | undefined\n) {\n\treturn useMemo( () => {\n\t\treturn actions?.every( ( action ) => action.supportsBulk );\n\t}, [ actions ] );\n}\n\nfunction BulkSelectionCheckbox< Item >( {\n\tselection,\n\tselectedItems,\n\tonChangeSelection,\n\tdata,\n\tgetItemId,\n}: {\n\tselection: string[];\n\tselectedItems: Item[];\n\tonChangeSelection: SetSelection;\n\tdata: Item[];\n\tgetItemId: ( item: Item ) => string;\n} ) {\n\tconst areAllSelected = selectedItems.length === data.length;\n\n\treturn (\n\t\t<CheckboxControl\n\t\t\tclassName=\"dataviews-view-table-selection-checkbox\"\n\t\t\t__nextHasNoMarginBottom\n\t\t\tchecked={ areAllSelected }\n\t\t\tindeterminate={ ! areAllSelected && !! selectedItems.length }\n\t\t\tonChange={ () => {\n\t\t\t\tif ( areAllSelected ) {\n\t\t\t\t\t// Deselect all - remove the current page from the total selection.\n\t\t\t\t\tonChangeSelection(\n\t\t\t\t\t\tselection.filter(\n\t\t\t\t\t\t\t( id ) =>\n\t\t\t\t\t\t\t\t! data.some(\n\t\t\t\t\t\t\t\t\t( item ) => id === getItemId( item )\n\t\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} else {\n\t\t\t\t\t// Select all - merge the current page into the total selection.\n\t\t\t\t\tconst selectionSet = new Set( [\n\t\t\t\t\t\t...selection,\n\t\t\t\t\t\t...data.map( ( item ) => getItemId( item ) ),\n\t\t\t\t\t] );\n\t\t\t\t\tonChangeSelection( Array.from( selectionSet ) );\n\t\t\t\t}\n\t\t\t} }\n\t\t\taria-label={\n\t\t\t\tareAllSelected ? __( 'Deselect all' ) : __( 'Select all' )\n\t\t\t}\n\t\t/>\n\t);\n}\n\nfunction ActionButtons< Item >( {\n\tactions,\n\titems,\n\tselection,\n}: {\n\tactions: Action< Item >[];\n\titems: Item[];\n\tselection: string[];\n} ) {\n\tconst registry = useRegistry();\n\tconst [ actionInProgress, setActionInProgress ] = useState< string | null >(\n\t\tnull\n\t);\n\n\treturn (\n\t\t<HStack expanded={ false } spacing={ 1 }>\n\t\t\t{ actions.map( ( action ) => {\n\t\t\t\t// Only support actions with callbacks for DataViewsPicker.\n\t\t\t\t// This is because many use cases of the picker will be already within modals.\n\t\t\t\tif ( ! ( 'callback' in action ) ) {\n\t\t\t\t\treturn null;\n\t\t\t\t}\n\n\t\t\t\tconst { id, label, icon, isPrimary, isDestructive, callback } =\n\t\t\t\t\taction;\n\n\t\t\t\tconst _label =\n\t\t\t\t\ttypeof label === 'string' ? label : label( items );\n\t\t\t\tconst variant = isPrimary ? 'primary' : 'tertiary';\n\t\t\t\tconst isInProgress = id === actionInProgress;\n\n\t\t\t\treturn (\n\t\t\t\t\t<Button\n\t\t\t\t\t\tkey={ id }\n\t\t\t\t\t\taccessibleWhenDisabled\n\t\t\t\t\t\ticon={ icon }\n\t\t\t\t\t\tdisabled={ isInProgress || ! selection?.length }\n\t\t\t\t\t\tisBusy={ isInProgress }\n\t\t\t\t\t\tonClick={ async () => {\n\t\t\t\t\t\t\tsetActionInProgress( id );\n\t\t\t\t\t\t\tawait callback( items, {\n\t\t\t\t\t\t\t\tregistry,\n\t\t\t\t\t\t\t} );\n\t\t\t\t\t\t\tsetActionInProgress( null );\n\t\t\t\t\t\t} }\n\t\t\t\t\t\tsize=\"compact\"\n\t\t\t\t\t\tisDestructive={ isDestructive }\n\t\t\t\t\t\tvariant={ variant }\n\t\t\t\t\t>\n\t\t\t\t\t\t{ _label }\n\t\t\t\t\t</Button>\n\t\t\t\t);\n\t\t\t} ) }\n\t\t</HStack>\n\t);\n}\n\nexport function DataViewsPickerFooter() {\n\tconst {\n\t\tdata,\n\t\tselection,\n\t\tonChangeSelection,\n\t\tgetItemId,\n\t\tactions = EMPTY_ARRAY,\n\t} = useContext( DataViewsContext );\n\n\tconst selectionCount = selection.length;\n\tconst isMultiselect = useIsMultiselectPicker( actions );\n\n\tconst message =\n\t\tselectionCount > 0\n\t\t\t? sprintf(\n\t\t\t\t\t/* translators: %d: number of items. */\n\t\t\t\t\t_n(\n\t\t\t\t\t\t'%d Item selected',\n\t\t\t\t\t\t'%d Items selected',\n\t\t\t\t\t\tselectionCount\n\t\t\t\t\t),\n\t\t\t\t\tselectionCount\n\t\t\t  )\n\t\t\t: sprintf(\n\t\t\t\t\t/* translators: %d: number of items. */\n\t\t\t\t\t_n( '%d Item', '%d Items', data.length ),\n\t\t\t\t\tdata.length\n\t\t\t  );\n\n\tconst selectedItems = useMemo(\n\t\t() =>\n\t\t\tdata.filter( ( item ) => selection.includes( getItemId( item ) ) ),\n\t\t[ selection, getItemId, data ]\n\t);\n\n\treturn (\n\t\t<HStack\n\t\t\texpanded={ false }\n\t\t\tjustify=\"space-between\"\n\t\t\tclassName=\"dataviews-footer\"\n\t\t>\n\t\t\t<HStack\n\t\t\t\tclassName=\"dataviews-picker-footer__bulk-selection\"\n\t\t\t\texpanded={ false }\n\t\t\t\tspacing={ 3 }\n\t\t\t>\n\t\t\t\t{ isMultiselect && (\n\t\t\t\t\t<BulkSelectionCheckbox\n\t\t\t\t\t\tselection={ selection }\n\t\t\t\t\t\tselectedItems={ selectedItems }\n\t\t\t\t\t\tonChangeSelection={ onChangeSelection }\n\t\t\t\t\t\tdata={ data }\n\t\t\t\t\t\tgetItemId={ getItemId }\n\t\t\t\t\t/>\n\t\t\t\t) }\n\t\t\t\t<span className=\"dataviews-bulk-actions-footer__item-count\">\n\t\t\t\t\t{ message }\n\t\t\t\t</span>\n\t\t\t</HStack>\n\t\t\t<DataViewsPagination />\n\t\t\t{ Boolean( actions?.length ) && (\n\t\t\t\t<div className=\"dataviews-picker-footer__actions\">\n\t\t\t\t\t<ActionButtons\n\t\t\t\t\t\tactions={ actions }\n\t\t\t\t\t\titems={ selectedItems }\n\t\t\t\t\t\tselection={ selection }\n\t\t\t\t\t/>\n\t\t\t\t</div>\n\t\t\t) }\n\t\t</HStack>\n\t);\n}\n"],"mappings":"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","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../../src/components/dataviews-picker/footer.tsx"],
+  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport {\n\tButton,\n\tCheckboxControl,\n\t__experimentalHStack as HStack,\n} from '@wordpress/components';\nimport { useRegistry } from '@wordpress/data';\nimport { useContext, useMemo, useState } from '@wordpress/element';\nimport { __, sprintf, _n } from '@wordpress/i18n';\n\n/**\n * Internal dependencies\n */\nimport DataViewsPagination from '../dataviews-pagination';\nimport DataViewsContext from '../dataviews-context';\nimport type { SetSelection } from '../../types/private';\nimport type { Action } from '../../types';\n\nconst EMPTY_ARRAY: [] = [];\n\nexport function useIsMultiselectPicker< Item >(\n\tactions: Action< Item >[] | undefined\n) {\n\treturn useMemo( () => {\n\t\treturn actions?.every( ( action ) => action.supportsBulk );\n\t}, [ actions ] );\n}\n\nfunction BulkSelectionCheckbox< Item >( {\n\tselection,\n\tselectedItems,\n\tonChangeSelection,\n\tdata,\n\tgetItemId,\n}: {\n\tselection: string[];\n\tselectedItems: Item[];\n\tonChangeSelection: SetSelection;\n\tdata: Item[];\n\tgetItemId: ( item: Item ) => string;\n} ) {\n\tconst areAllSelected = selectedItems.length === data.length;\n\n\treturn (\n\t\t<CheckboxControl\n\t\t\tclassName=\"dataviews-view-table-selection-checkbox\"\n\t\t\t__nextHasNoMarginBottom\n\t\t\tchecked={ areAllSelected }\n\t\t\tindeterminate={ ! areAllSelected && !! selectedItems.length }\n\t\t\tonChange={ () => {\n\t\t\t\tif ( areAllSelected ) {\n\t\t\t\t\t// Deselect all - remove the current page from the total selection.\n\t\t\t\t\tonChangeSelection(\n\t\t\t\t\t\tselection.filter(\n\t\t\t\t\t\t\t( id ) =>\n\t\t\t\t\t\t\t\t! data.some(\n\t\t\t\t\t\t\t\t\t( item ) => id === getItemId( item )\n\t\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} else {\n\t\t\t\t\t// Select all - merge the current page into the total selection.\n\t\t\t\t\tconst selectionSet = new Set( [\n\t\t\t\t\t\t...selection,\n\t\t\t\t\t\t...data.map( ( item ) => getItemId( item ) ),\n\t\t\t\t\t] );\n\t\t\t\t\tonChangeSelection( Array.from( selectionSet ) );\n\t\t\t\t}\n\t\t\t} }\n\t\t\taria-label={\n\t\t\t\tareAllSelected ? __( 'Deselect all' ) : __( 'Select all' )\n\t\t\t}\n\t\t/>\n\t);\n}\n\nfunction ActionButtons< Item >( {\n\tactions,\n\titems,\n\tselection,\n}: {\n\tactions: Action< Item >[];\n\titems: Item[];\n\tselection: string[];\n} ) {\n\tconst registry = useRegistry();\n\tconst [ actionInProgress, setActionInProgress ] = useState< string | null >(\n\t\tnull\n\t);\n\n\treturn (\n\t\t<HStack expanded={ false } spacing={ 1 }>\n\t\t\t{ actions.map( ( action ) => {\n\t\t\t\t// Only support actions with callbacks for DataViewsPicker.\n\t\t\t\t// This is because many use cases of the picker will be already within modals.\n\t\t\t\tif ( ! ( 'callback' in action ) ) {\n\t\t\t\t\treturn null;\n\t\t\t\t}\n\n\t\t\t\tconst { id, label, icon, isPrimary, callback } = action;\n\n\t\t\t\tconst _label =\n\t\t\t\t\ttypeof label === 'string' ? label : label( items );\n\t\t\t\tconst variant = isPrimary ? 'primary' : 'tertiary';\n\t\t\t\tconst isInProgress = id === actionInProgress;\n\n\t\t\t\treturn (\n\t\t\t\t\t<Button\n\t\t\t\t\t\tkey={ id }\n\t\t\t\t\t\taccessibleWhenDisabled\n\t\t\t\t\t\ticon={ icon }\n\t\t\t\t\t\tdisabled={ isInProgress || ! selection?.length }\n\t\t\t\t\t\tisBusy={ isInProgress }\n\t\t\t\t\t\tonClick={ async () => {\n\t\t\t\t\t\t\tsetActionInProgress( id );\n\t\t\t\t\t\t\tawait callback( items, {\n\t\t\t\t\t\t\t\tregistry,\n\t\t\t\t\t\t\t} );\n\t\t\t\t\t\t\tsetActionInProgress( null );\n\t\t\t\t\t\t} }\n\t\t\t\t\t\tsize=\"compact\"\n\t\t\t\t\t\tvariant={ variant }\n\t\t\t\t\t>\n\t\t\t\t\t\t{ _label }\n\t\t\t\t\t</Button>\n\t\t\t\t);\n\t\t\t} ) }\n\t\t</HStack>\n\t);\n}\n\nexport function DataViewsPickerFooter() {\n\tconst {\n\t\tdata,\n\t\tselection,\n\t\tonChangeSelection,\n\t\tgetItemId,\n\t\tactions = EMPTY_ARRAY,\n\t} = useContext( DataViewsContext );\n\n\tconst selectionCount = selection.length;\n\tconst isMultiselect = useIsMultiselectPicker( actions );\n\n\tconst message =\n\t\tselectionCount > 0\n\t\t\t? sprintf(\n\t\t\t\t\t/* translators: %d: number of items. */\n\t\t\t\t\t_n(\n\t\t\t\t\t\t'%d Item selected',\n\t\t\t\t\t\t'%d Items selected',\n\t\t\t\t\t\tselectionCount\n\t\t\t\t\t),\n\t\t\t\t\tselectionCount\n\t\t\t  )\n\t\t\t: sprintf(\n\t\t\t\t\t/* translators: %d: number of items. */\n\t\t\t\t\t_n( '%d Item', '%d Items', data.length ),\n\t\t\t\t\tdata.length\n\t\t\t  );\n\n\tconst selectedItems = useMemo(\n\t\t() =>\n\t\t\tdata.filter( ( item ) => selection.includes( getItemId( item ) ) ),\n\t\t[ selection, getItemId, data ]\n\t);\n\n\treturn (\n\t\t<HStack\n\t\t\texpanded={ false }\n\t\t\tjustify=\"space-between\"\n\t\t\tclassName=\"dataviews-footer\"\n\t\t>\n\t\t\t<HStack\n\t\t\t\tclassName=\"dataviews-picker-footer__bulk-selection\"\n\t\t\t\texpanded={ false }\n\t\t\t\tspacing={ 3 }\n\t\t\t>\n\t\t\t\t{ isMultiselect && (\n\t\t\t\t\t<BulkSelectionCheckbox\n\t\t\t\t\t\tselection={ selection }\n\t\t\t\t\t\tselectedItems={ selectedItems }\n\t\t\t\t\t\tonChangeSelection={ onChangeSelection }\n\t\t\t\t\t\tdata={ data }\n\t\t\t\t\t\tgetItemId={ getItemId }\n\t\t\t\t\t/>\n\t\t\t\t) }\n\t\t\t\t<span className=\"dataviews-bulk-actions-footer__item-count\">\n\t\t\t\t\t{ message }\n\t\t\t\t</span>\n\t\t\t</HStack>\n\t\t\t<DataViewsPagination />\n\t\t\t{ Boolean( actions?.length ) && (\n\t\t\t\t<div className=\"dataviews-picker-footer__actions\">\n\t\t\t\t\t<ActionButtons\n\t\t\t\t\t\tactions={ actions }\n\t\t\t\t\t\titems={ selectedItems }\n\t\t\t\t\t\tselection={ selection }\n\t\t\t\t\t/>\n\t\t\t\t</div>\n\t\t\t) }\n\t\t</HStack>\n\t);\n}\n"],
+  "mappings": "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",
+  "names": []
+}