@wordpress/edit-site 5.21.0 → 5.22.0

package/build/components/dataviews/pagination.js

@@ -8,43 +8,11 @@ var _react = require("react");
 var _components = require("@wordpress/components");
 var _element = require("@wordpress/element");
 var _i18n = require("@wordpress/i18n");
+var _icons = require("@wordpress/icons");
 /**
  * WordPress dependencies
  */
 
-const PAGE_SIZE_VALUES = [5, 20, 50];
-function PageSizeControl({
-  view,
-  onChangeView
-}) {
-  const label = (0, _i18n.__)('Rows per page:');
-  return (0, _react.createElement)(_components.SelectControl, {
-    __nextHasNoMarginBottom: true,
-    label: label,
-    hideLabelFromVision: true
-    // TODO: This should probably use a label based on the wanted design
-    // and we could remove InputControlPrefixWrapper usage.
-    ,
-    prefix: (0, _react.createElement)(_components.__experimentalInputControlPrefixWrapper, {
-      as: "span",
-      className: "dataviews__select-control-prefix"
-    }, label),
-    value: view.perPage,
-    options: PAGE_SIZE_VALUES.map(pageSize => ({
-      value: pageSize,
-      label: pageSize
-    })),
-    onChange: value => onChangeView({
-      ...view,
-      perPage: value,
-      page: 1
-    })
-  });
-}
-
-// 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({
   view,
   onChangeView,
@@ -68,28 +36,36 @@ function Pagination({
   (0, _i18n.sprintf)(
   // translators: %s: Total number of entries.
   (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: () => onChangeView({
       ...view,
       page: 1
     }),
     disabled: view.page === 1,
-    "aria-label": (0, _i18n.__)('First page')
-  }, "\xAB"), (0, _react.createElement)(_components.Button, {
-    variant: "tertiary",
+    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,
-    "aria-label": (0, _i18n.__)('Previous page')
-  }, "\u2039"), (0, _react.createElement)(_components.__experimentalHStack, {
+    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'), view.page, totalPages), {
@@ -111,26 +87,31 @@ function Pagination({
       isDragEnabled: false,
       spinControls: "none"
     })
-  })), (0, _react.createElement)(_components.Button, {
-    variant: "tertiary",
+  })), (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,
-    "aria-label": (0, _i18n.__)('Next page')
-  }, "\u203A"), (0, _react.createElement)(_components.Button, {
-    variant: "tertiary",
+    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,
-    "aria-label": (0, _i18n.__)('Last page')
-  }, "\xBB")), (0, _react.createElement)(PageSizeControl, {
-    view: view,
-    onChangeView: onChangeView
-  }));
+    label: (0, _i18n.__)('Last page'),
+    icon: _icons.next,
+    showTooltip: true,
+    size: "compact"
+  }))));
 }
 var _default = Pagination;
 exports.default = _default;

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

@@ -1 +1 @@
-{"version":3,"names":["_components","require","_element","_i18n","PAGE_SIZE_VALUES","PageSizeControl","view","onChangeView","label","__","_react","createElement","SelectControl","__nextHasNoMarginBottom","hideLabelFromVision","prefix","__experimentalInputControlPrefixWrapper","as","className","value","perPage","options","map","pageSize","onChange","page","Pagination","paginationInfo","totalItems","totalPages","__experimentalHStack","expanded","spacing","justify","__experimentalText","variant","sprintf","_n","Button","onClick","disabled","createInterpolateElement","_x","CurrenPageControl","__experimentalNumberControl","min","max","step","isDragEnabled","spinControls","_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\t__experimentalInputControlPrefixWrapper as InputControlPrefixWrapper,\n\tSelectControl,\n} from '@wordpress/components';\nimport { createInterpolateElement } from '@wordpress/element';\nimport { sprintf, __, _x, _n } from '@wordpress/i18n';\n\nconst PAGE_SIZE_VALUES = [ 5, 20, 50 ];\nfunction PageSizeControl( { view, onChangeView } ) {\n\tconst label = __( 'Rows per page:' );\n\treturn (\n\t\t<SelectControl\n\t\t\t__nextHasNoMarginBottom\n\t\t\tlabel={ label }\n\t\t\thideLabelFromVision\n\t\t\t// TODO: This should probably use a label based on the wanted design\n\t\t\t// and we could remove InputControlPrefixWrapper usage.\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{ label }\n\t\t\t\t</InputControlPrefixWrapper>\n\t\t\t}\n\t\t\tvalue={ view.perPage }\n\t\t\toptions={ PAGE_SIZE_VALUES.map( ( pageSize ) => ( {\n\t\t\t\tvalue: pageSize,\n\t\t\t\tlabel: pageSize,\n\t\t\t} ) ) }\n\t\t\tonChange={ ( value ) =>\n\t\t\t\tonChangeView( { ...view, perPage: value, page: 1 } )\n\t\t\t}\n\t\t/>\n\t);\n}\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.\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={ 1 }>\n\t\t\t\t\t<Button\n\t\t\t\t\t\tvariant=\"tertiary\"\n\t\t\t\t\t\tonClick={ () => onChangeView( { ...view, page: 1 } ) }\n\t\t\t\t\t\tdisabled={ view.page === 1 }\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={ () =>\n\t\t\t\t\t\t\tonChangeView( { ...view, page: view.page - 1 } )\n\t\t\t\t\t\t}\n\t\t\t\t\t\tdisabled={ view.page === 1 }\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\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<Button\n\t\t\t\t\t\tvariant=\"tertiary\"\n\t\t\t\t\t\tonClick={ () =>\n\t\t\t\t\t\t\tonChangeView( { ...view, page: view.page + 1 } )\n\t\t\t\t\t\t}\n\t\t\t\t\t\tdisabled={ view.page >= totalPages }\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\tonChangeView( { ...view, page: totalPages } )\n\t\t\t\t\t\t}\n\t\t\t\t\t\tdisabled={ view.page >= totalPages }\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 view={ view } onChangeView={ onChangeView } />\n\t\t</HStack>\n\t);\n}\n\nexport default Pagination;\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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"}

package/build/components/dataviews/{text-filter.js → search.js}

@@ -4,7 +4,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = TextFilter;
+exports.default = Search;
 var _react = require("react");
 var _i18n = require("@wordpress/i18n");
 var _element = require("@wordpress/element");
@@ -18,12 +18,15 @@ var _useDebouncedInput = _interopRequireDefault(require("../../utils/use-debounc
  * Internal dependencies
  */
 
-function TextFilter({
-  id,
+function Search({
+  label,
   view,
   onChangeView
 }) {
-  const [search, setSearch, debouncedSearch] = (0, _useDebouncedInput.default)(view.filters[id]);
+  const [search, setSearch, debouncedSearch] = (0, _useDebouncedInput.default)(view.search);
+  (0, _element.useEffect)(() => {
+    setSearch(view.search);
+  }, [view]);
   const onChangeViewRef = (0, _element.useRef)(onChangeView);
   (0, _element.useEffect)(() => {
     onChangeViewRef.current = onChangeView;
@@ -32,13 +35,10 @@ function TextFilter({
     onChangeViewRef.current(currentView => ({
       ...currentView,
       page: 1,
-      filters: {
-        ...currentView.filters,
-        [id]: debouncedSearch
-      }
+      search: debouncedSearch
     }));
   }, [debouncedSearch]);
-  const searchLabel = (0, _i18n.__)('Filter list');
+  const searchLabel = label || (0, _i18n.__)('Filter list');
   return (0, _react.createElement)(_components.SearchControl, {
     onChange: setSearch,
     value: search,
@@ -47,4 +47,4 @@ function TextFilter({
     size: "compact"
   });
 }
-//# sourceMappingURL=text-filter.js.map
+//# sourceMappingURL=search.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_i18n","require","_element","_components","_useDebouncedInput","_interopRequireDefault","Search","label","view","onChangeView","search","setSearch","debouncedSearch","useDebouncedInput","useEffect","onChangeViewRef","useRef","current","currentView","page","searchLabel","__","_react","createElement","SearchControl","onChange","value","placeholder","size"],"sources":["@wordpress/edit-site/src/components/dataviews/search.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { useEffect, useRef } from '@wordpress/element';\nimport { SearchControl } from '@wordpress/components';\n\n/**\n * Internal dependencies\n */\nimport useDebouncedInput from '../../utils/use-debounced-input';\n\nexport default function Search( { label, view, onChangeView } ) {\n\tconst [ search, setSearch, debouncedSearch ] = useDebouncedInput(\n\t\tview.search\n\t);\n\tuseEffect( () => {\n\t\tsetSearch( view.search );\n\t}, [ view ] );\n\tconst onChangeViewRef = useRef( onChangeView );\n\tuseEffect( () => {\n\t\tonChangeViewRef.current = onChangeView;\n\t}, [ onChangeView ] );\n\tuseEffect( () => {\n\t\tonChangeViewRef.current( ( currentView ) => ( {\n\t\t\t...currentView,\n\t\t\tpage: 1,\n\t\t\tsearch: debouncedSearch,\n\t\t} ) );\n\t}, [ debouncedSearch ] );\n\tconst searchLabel = label || __( 'Filter list' );\n\treturn (\n\t\t<SearchControl\n\t\t\tonChange={ setSearch }\n\t\t\tvalue={ search }\n\t\t\tlabel={ searchLabel }\n\t\t\tplaceholder={ searchLabel }\n\t\t\tsize=\"compact\"\n\t\t/>\n\t);\n}\n"],"mappings":";;;;;;;;AAGA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,QAAA,GAAAD,OAAA;AACA,IAAAE,WAAA,GAAAF,OAAA;AAKA,IAAAG,kBAAA,GAAAC,sBAAA,CAAAJ,OAAA;AAVA;AACA;AACA;;AAKA;AACA;AACA;;AAGe,SAASK,MAAMA,CAAE;EAAEC,KAAK;EAAEC,IAAI;EAAEC;AAAa,CAAC,EAAG;EAC/D,MAAM,CAAEC,MAAM,EAAEC,SAAS,EAAEC,eAAe,CAAE,GAAG,IAAAC,0BAAiB,EAC/DL,IAAI,CAACE,MACN,CAAC;EACD,IAAAI,kBAAS,EAAE,MAAM;IAChBH,SAAS,CAAEH,IAAI,CAACE,MAAO,CAAC;EACzB,CAAC,EAAE,CAAEF,IAAI,CAAG,CAAC;EACb,MAAMO,eAAe,GAAG,IAAAC,eAAM,EAAEP,YAAa,CAAC;EAC9C,IAAAK,kBAAS,EAAE,MAAM;IAChBC,eAAe,CAACE,OAAO,GAAGR,YAAY;EACvC,CAAC,EAAE,CAAEA,YAAY,CAAG,CAAC;EACrB,IAAAK,kBAAS,EAAE,MAAM;IAChBC,eAAe,CAACE,OAAO,CAAIC,WAAW,KAAQ;MAC7C,GAAGA,WAAW;MACdC,IAAI,EAAE,CAAC;MACPT,MAAM,EAAEE;IACT,CAAC,CAAG,CAAC;EACN,CAAC,EAAE,CAAEA,eAAe,CAAG,CAAC;EACxB,MAAMQ,WAAW,GAAGb,KAAK,IAAI,IAAAc,QAAE,EAAE,aAAc,CAAC;EAChD,OACC,IAAAC,MAAA,CAAAC,aAAA,EAACpB,WAAA,CAAAqB,aAAa;IACbC,QAAQ,EAAGd,SAAW;IACtBe,KAAK,EAAGhB,MAAQ;IAChBH,KAAK,EAAGa,WAAa;IACrBO,WAAW,EAAGP,WAAa;IAC3BQ,IAAI,EAAC;EAAS,CACd,CAAC;AAEJ"}

package/build/components/dataviews/view-grid.js

@@ -7,7 +7,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.ViewGrid = ViewGrid;
 var _react = require("react");
 var _components = require("@wordpress/components");
-var _fieldActions = _interopRequireDefault(require("./field-actions"));
+var _itemActions = _interopRequireDefault(require("./item-actions"));
 /**
  * WordPress dependencies
  */
@@ -50,10 +50,10 @@ function ViewGrid({
     }, field.render({
       item,
       view
-    }))))), (0, _react.createElement)(_fieldActions.default, {
+    }))))), (0, _react.createElement)(_components.FlexBlock, null, (0, _react.createElement)(_itemActions.default, {
       item: item,
       actions: actions
-    })));
+    }))));
   }));
 }
 //# sourceMappingURL=view-grid.js.map

package/build/components/dataviews/view-grid.js.map

@@ -1 +1 @@
-{"version":3,"names":["_components","require","_fieldActions","_interopRequireDefault","ViewGrid","data","fields","view","actions","mediaField","find","field","id","layout","visibleFields","filter","hiddenFields","includes","_react","createElement","__experimentalGrid","gap","columns","alignment","map","item","index","__experimentalVStack","key","className","render","Placeholder","withIllustration","style","width","minHeight","__experimentalHStack","justify","FlexBlock","default"],"sources":["@wordpress/edit-site/src/components/dataviews/view-grid.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport {\n\t__experimentalGrid as Grid,\n\t__experimentalHStack as HStack,\n\t__experimentalVStack as VStack,\n\tFlexBlock,\n\tPlaceholder,\n} from '@wordpress/components';\n\n/**\n * Internal dependencies\n */\nimport FieldActions from './field-actions';\n\nexport function ViewGrid( { data, fields, view, actions } ) {\n\tconst mediaField = fields.find(\n\t\t( field ) => field.id === view.layout.mediaField\n\t);\n\tconst visibleFields = fields.filter(\n\t\t( field ) =>\n\t\t\t! view.hiddenFields.includes( field.id ) &&\n\t\t\tfield.id !== view.layout.mediaField\n\t);\n\treturn (\n\t\t<Grid gap={ 8 } columns={ 2 } alignment=\"top\">\n\t\t\t{ data.map( ( item, index ) => {\n\t\t\t\treturn (\n\t\t\t\t\t<VStack key={ index }>\n\t\t\t\t\t\t<div className=\"dataviews-view-grid__media\">\n\t\t\t\t\t\t\t{ mediaField?.render( { item, view } ) || (\n\t\t\t\t\t\t\t\t<Placeholder\n\t\t\t\t\t\t\t\t\twithIllustration\n\t\t\t\t\t\t\t\t\tstyle={ {\n\t\t\t\t\t\t\t\t\t\twidth: '100%',\n\t\t\t\t\t\t\t\t\t\tminHeight: '200px',\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</div>\n\n\t\t\t\t\t\t<HStack justify=\"space-between\" alignment=\"top\">\n\t\t\t\t\t\t\t<FlexBlock>\n\t\t\t\t\t\t\t\t<VStack>\n\t\t\t\t\t\t\t\t\t{ visibleFields.map( ( field ) => (\n\t\t\t\t\t\t\t\t\t\t<div key={ field.id }>\n\t\t\t\t\t\t\t\t\t\t\t{ field.render( { item, view } ) }\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t) ) }\n\t\t\t\t\t\t\t\t</VStack>\n\t\t\t\t\t\t\t</FlexBlock>\n\t\t\t\t\t\t\t<FieldActions item={ item } actions={ actions } />\n\t\t\t\t\t\t</HStack>\n\t\t\t\t\t</VStack>\n\t\t\t\t);\n\t\t\t} ) }\n\t\t</Grid>\n\t);\n}\n"],"mappings":";;;;;;;;AAGA,IAAAA,WAAA,GAAAC,OAAA;AAWA,IAAAC,aAAA,GAAAC,sBAAA,CAAAF,OAAA;AAdA;AACA;AACA;;AASA;AACA;AACA;;AAGO,SAASG,QAAQA,CAAE;EAAEC,IAAI;EAAEC,MAAM;EAAEC,IAAI;EAAEC;AAAQ,CAAC,EAAG;EAC3D,MAAMC,UAAU,GAAGH,MAAM,CAACI,IAAI,CAC3BC,KAAK,IAAMA,KAAK,CAACC,EAAE,KAAKL,IAAI,CAACM,MAAM,CAACJ,UACvC,CAAC;EACD,MAAMK,aAAa,GAAGR,MAAM,CAACS,MAAM,CAChCJ,KAAK,IACN,CAAEJ,IAAI,CAACS,YAAY,CAACC,QAAQ,CAAEN,KAAK,CAACC,EAAG,CAAC,IACxCD,KAAK,CAACC,EAAE,KAAKL,IAAI,CAACM,MAAM,CAACJ,UAC3B,CAAC;EACD,OACC,IAAAS,MAAA,CAAAC,aAAA,EAACnB,WAAA,CAAAoB,kBAAI;IAACC,GAAG,EAAG,CAAG;IAACC,OAAO,EAAG,CAAG;IAACC,SAAS,EAAC;EAAK,GAC1ClB,IAAI,CAACmB,GAAG,CAAE,CAAEC,IAAI,EAAEC,KAAK,KAAM;IAC9B,OACC,IAAAR,MAAA,CAAAC,aAAA,EAACnB,WAAA,CAAA2B,oBAAM;MAACC,GAAG,EAAGF;IAAO,GACpB,IAAAR,MAAA,CAAAC,aAAA;MAAKU,SAAS,EAAC;IAA4B,GACxCpB,UAAU,EAAEqB,MAAM,CAAE;MAAEL,IAAI;MAAElB;IAAK,CAAE,CAAC,IACrC,IAAAW,MAAA,CAAAC,aAAA,EAACnB,WAAA,CAAA+B,WAAW;MACXC,gBAAgB;MAChBC,KAAK,EAAG;QACPC,KAAK,EAAE,MAAM;QACbC,SAAS,EAAE;MACZ;IAAG,CACH,CAEE,CAAC,EAEN,IAAAjB,MAAA,CAAAC,aAAA,EAACnB,WAAA,CAAAoC,oBAAM;MAACC,OAAO,EAAC,eAAe;MAACd,SAAS,EAAC;IAAK,GAC9C,IAAAL,MAAA,CAAAC,aAAA,EAACnB,WAAA,CAAAsC,SAAS,QACT,IAAApB,MAAA,CAAAC,aAAA,EAACnB,WAAA,CAAA2B,oBAAM,QACJb,aAAa,CAACU,GAAG,CAAIb,KAAK,IAC3B,IAAAO,MAAA,CAAAC,aAAA;MAAKS,GAAG,EAAGjB,KAAK,CAACC;IAAI,GAClBD,KAAK,CAACmB,MAAM,CAAE;MAAEL,IAAI;MAAElB;IAAK,CAAE,CAC3B,CACJ,CACK,CACE,CAAC,EACZ,IAAAW,MAAA,CAAAC,aAAA,EAACjB,aAAA,CAAAqC,OAAY;MAACd,IAAI,EAAGA,IAAM;MAACjB,OAAO,EAAGA;IAAS,CAAE,CAC1C,CACD,CAAC;EAEX,CAAE,CACG,CAAC;AAET"}
+{"version":3,"names":["_components","require","_itemActions","_interopRequireDefault","ViewGrid","data","fields","view","actions","mediaField","find","field","id","layout","visibleFields","filter","hiddenFields","includes","_react","createElement","__experimentalGrid","gap","columns","alignment","map","item","index","__experimentalVStack","key","className","render","Placeholder","withIllustration","style","width","minHeight","__experimentalHStack","justify","FlexBlock","default"],"sources":["@wordpress/edit-site/src/components/dataviews/view-grid.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport {\n\t__experimentalGrid as Grid,\n\t__experimentalHStack as HStack,\n\t__experimentalVStack as VStack,\n\tFlexBlock,\n\tPlaceholder,\n} from '@wordpress/components';\n\n/**\n * Internal dependencies\n */\nimport ItemActions from './item-actions';\n\nexport function ViewGrid( { data, fields, view, actions } ) {\n\tconst mediaField = fields.find(\n\t\t( field ) => field.id === view.layout.mediaField\n\t);\n\tconst visibleFields = fields.filter(\n\t\t( field ) =>\n\t\t\t! view.hiddenFields.includes( field.id ) &&\n\t\t\tfield.id !== view.layout.mediaField\n\t);\n\treturn (\n\t\t<Grid gap={ 8 } columns={ 2 } alignment=\"top\">\n\t\t\t{ data.map( ( item, index ) => {\n\t\t\t\treturn (\n\t\t\t\t\t<VStack key={ index }>\n\t\t\t\t\t\t<div className=\"dataviews-view-grid__media\">\n\t\t\t\t\t\t\t{ mediaField?.render( { item, view } ) || (\n\t\t\t\t\t\t\t\t<Placeholder\n\t\t\t\t\t\t\t\t\twithIllustration\n\t\t\t\t\t\t\t\t\tstyle={ {\n\t\t\t\t\t\t\t\t\t\twidth: '100%',\n\t\t\t\t\t\t\t\t\t\tminHeight: '200px',\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</div>\n\n\t\t\t\t\t\t<HStack justify=\"space-between\" alignment=\"top\">\n\t\t\t\t\t\t\t<FlexBlock>\n\t\t\t\t\t\t\t\t<VStack>\n\t\t\t\t\t\t\t\t\t{ visibleFields.map( ( field ) => (\n\t\t\t\t\t\t\t\t\t\t<div key={ field.id }>\n\t\t\t\t\t\t\t\t\t\t\t{ field.render( { item, view } ) }\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t) ) }\n\t\t\t\t\t\t\t\t</VStack>\n\t\t\t\t\t\t\t</FlexBlock>\n\t\t\t\t\t\t\t<FlexBlock>\n\t\t\t\t\t\t\t\t<ItemActions\n\t\t\t\t\t\t\t\t\titem={ item }\n\t\t\t\t\t\t\t\t\tactions={ actions }\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t</FlexBlock>\n\t\t\t\t\t\t</HStack>\n\t\t\t\t\t</VStack>\n\t\t\t\t);\n\t\t\t} ) }\n\t\t</Grid>\n\t);\n}\n"],"mappings":";;;;;;;;AAGA,IAAAA,WAAA,GAAAC,OAAA;AAWA,IAAAC,YAAA,GAAAC,sBAAA,CAAAF,OAAA;AAdA;AACA;AACA;;AASA;AACA;AACA;;AAGO,SAASG,QAAQA,CAAE;EAAEC,IAAI;EAAEC,MAAM;EAAEC,IAAI;EAAEC;AAAQ,CAAC,EAAG;EAC3D,MAAMC,UAAU,GAAGH,MAAM,CAACI,IAAI,CAC3BC,KAAK,IAAMA,KAAK,CAACC,EAAE,KAAKL,IAAI,CAACM,MAAM,CAACJ,UACvC,CAAC;EACD,MAAMK,aAAa,GAAGR,MAAM,CAACS,MAAM,CAChCJ,KAAK,IACN,CAAEJ,IAAI,CAACS,YAAY,CAACC,QAAQ,CAAEN,KAAK,CAACC,EAAG,CAAC,IACxCD,KAAK,CAACC,EAAE,KAAKL,IAAI,CAACM,MAAM,CAACJ,UAC3B,CAAC;EACD,OACC,IAAAS,MAAA,CAAAC,aAAA,EAACnB,WAAA,CAAAoB,kBAAI;IAACC,GAAG,EAAG,CAAG;IAACC,OAAO,EAAG,CAAG;IAACC,SAAS,EAAC;EAAK,GAC1ClB,IAAI,CAACmB,GAAG,CAAE,CAAEC,IAAI,EAAEC,KAAK,KAAM;IAC9B,OACC,IAAAR,MAAA,CAAAC,aAAA,EAACnB,WAAA,CAAA2B,oBAAM;MAACC,GAAG,EAAGF;IAAO,GACpB,IAAAR,MAAA,CAAAC,aAAA;MAAKU,SAAS,EAAC;IAA4B,GACxCpB,UAAU,EAAEqB,MAAM,CAAE;MAAEL,IAAI;MAAElB;IAAK,CAAE,CAAC,IACrC,IAAAW,MAAA,CAAAC,aAAA,EAACnB,WAAA,CAAA+B,WAAW;MACXC,gBAAgB;MAChBC,KAAK,EAAG;QACPC,KAAK,EAAE,MAAM;QACbC,SAAS,EAAE;MACZ;IAAG,CACH,CAEE,CAAC,EAEN,IAAAjB,MAAA,CAAAC,aAAA,EAACnB,WAAA,CAAAoC,oBAAM;MAACC,OAAO,EAAC,eAAe;MAACd,SAAS,EAAC;IAAK,GAC9C,IAAAL,MAAA,CAAAC,aAAA,EAACnB,WAAA,CAAAsC,SAAS,QACT,IAAApB,MAAA,CAAAC,aAAA,EAACnB,WAAA,CAAA2B,oBAAM,QACJb,aAAa,CAACU,GAAG,CAAIb,KAAK,IAC3B,IAAAO,MAAA,CAAAC,aAAA;MAAKS,GAAG,EAAGjB,KAAK,CAACC;IAAI,GAClBD,KAAK,CAACmB,MAAM,CAAE;MAAEL,IAAI;MAAElB;IAAK,CAAE,CAC3B,CACJ,CACK,CACE,CAAC,EACZ,IAAAW,MAAA,CAAAC,aAAA,EAACnB,WAAA,CAAAsC,SAAS,QACT,IAAApB,MAAA,CAAAC,aAAA,EAACjB,YAAA,CAAAqC,OAAW;MACXd,IAAI,EAAGA,IAAM;MACbjB,OAAO,EAAGA;IAAS,CACnB,CACS,CACJ,CACD,CAAC;EAEX,CAAE,CACG,CAAC;AAET"}

package/build/components/dataviews/view-list.js

@@ -12,7 +12,7 @@ var _icons = require("@wordpress/icons");
 var _components = require("@wordpress/components");
 var _element = require("@wordpress/element");
 var _lockUnlock = require("../../lock-unlock");
-var _fieldActions = _interopRequireDefault(require("./field-actions"));
+var _itemActions = _interopRequireDefault(require("./item-actions"));
 /**
  * External dependencies
  */
@@ -138,7 +138,7 @@ function ViewList({
         header: (0, _react.createElement)(_components.VisuallyHidden, null, (0, _i18n.__)('Actions')),
         id: 'actions',
         cell: props => {
-          return (0, _react.createElement)(_fieldActions.default, {
+          return (0, _react.createElement)(_itemActions.default, {
             item: props.row.original,
             actions: actions
           });

package/build/components/dataviews/view-list.js.map

@@ -1 +1 @@
-{"version":3,"names":["_reactTable","require","_i18n","_icons","_components","_element","_lockUnlock","_fieldActions","_interopRequireDefault","DropdownMenuV2","DropdownMenuGroupV2","DropdownMenuItemV2","DropdownMenuSeparatorV2","unlock","componentsPrivateApis","EMPTY_OBJECT","sortingItemsInfo","asc","icon","arrowUp","label","__","desc","arrowDown","sortIcons","chevronUp","chevronDown","HeaderMenu","dataView","header","isPlaceholder","text","flexRender","column","columnDef","getContext","isSortable","getCanSort","isHidable","getCanHide","sortedDirection","getIsSorted","_react","createElement","align","trigger","Button","iconPosition","style","padding","WithSeparators","Object","entries","map","direction","info","key","prefix","Icon","suffix","check","onSelect","event","preventDefault","resetSorting","setSorting","id","unseen","getToggleVisibilityHandler","children","Children","toArray","filter","Boolean","child","i","Fragment","ViewList","view","onChangeView","fields","actions","data","isLoading","paginationInfo","columns","useMemo","_columns","field","render","getValue","cell","props","item","row","original","accessorFn","length","push","VisuallyHidden","default","enableHiding","columnVisibility","hiddenFields","reduce","accumulator","fieldId","useReactTable","manualSorting","manualFiltering","manualPagination","enableRowSelection","state","sorting","sort","globalFilter","search","pagination","pageIndex","page","pageSize","perPage","onSortingChange","sortingUpdater","currentView","onColumnVisibilityChange","columnVisibilityUpdater","value","onGlobalFilterChange","onPaginationChange","paginationUpdater","getCoreRowModel","getFilteredRowModel","getSortedRowModel","getPaginationRowModel","pageCount","totalPages","rows","getRowModel","hasRows","className","getHeaderGroups","headerGroup","headers","colSpan","width","undefined","maxWidth","getVisibleCells","_default","exports"],"sources":["@wordpress/edit-site/src/components/dataviews/view-list.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport {\n\tgetCoreRowModel,\n\tgetFilteredRowModel,\n\tgetSortedRowModel,\n\tgetPaginationRowModel,\n\tuseReactTable,\n\tflexRender,\n} from '@tanstack/react-table';\n\n/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport {\n\tchevronDown,\n\tchevronUp,\n\tunseen,\n\tcheck,\n\tarrowUp,\n\tarrowDown,\n} from '@wordpress/icons';\nimport {\n\tButton,\n\tIcon,\n\tprivateApis as componentsPrivateApis,\n\tVisuallyHidden,\n} from '@wordpress/components';\nimport { useMemo, Children, Fragment } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport { unlock } from '../../lock-unlock';\nimport FieldActions from './field-actions';\n\nconst {\n\tDropdownMenuV2,\n\tDropdownMenuGroupV2,\n\tDropdownMenuItemV2,\n\tDropdownMenuSeparatorV2,\n} = unlock( componentsPrivateApis );\n\nconst EMPTY_OBJECT = {};\nconst sortingItemsInfo = {\n\tasc: { icon: arrowUp, label: __( 'Sort ascending' ) },\n\tdesc: { icon: arrowDown, label: __( 'Sort descending' ) },\n};\nconst sortIcons = { asc: chevronUp, desc: chevronDown };\nfunction HeaderMenu( { dataView, header } ) {\n\tif ( header.isPlaceholder ) {\n\t\treturn null;\n\t}\n\tconst text = flexRender(\n\t\theader.column.columnDef.header,\n\t\theader.getContext()\n\t);\n\tconst isSortable = !! header.column.getCanSort();\n\tconst isHidable = !! header.column.getCanHide();\n\tif ( ! isSortable && ! isHidable ) {\n\t\treturn text;\n\t}\n\tconst sortedDirection = header.column.getIsSorted();\n\treturn (\n\t\t<DropdownMenuV2\n\t\t\talign=\"start\"\n\t\t\ttrigger={\n\t\t\t\t<Button\n\t\t\t\t\ticon={ sortIcons[ header.column.getIsSorted() ] }\n\t\t\t\t\ticonPosition=\"right\"\n\t\t\t\t\ttext={ text }\n\t\t\t\t\tstyle={ { padding: 0 } }\n\t\t\t\t/>\n\t\t\t}\n\t\t>\n\t\t\t<WithSeparators>\n\t\t\t\t{ isSortable && (\n\t\t\t\t\t<DropdownMenuGroupV2>\n\t\t\t\t\t\t{ Object.entries( sortingItemsInfo ).map(\n\t\t\t\t\t\t\t( [ direction, info ] ) => (\n\t\t\t\t\t\t\t\t<DropdownMenuItemV2\n\t\t\t\t\t\t\t\t\tkey={ direction }\n\t\t\t\t\t\t\t\t\tprefix={ <Icon icon={ info.icon } /> }\n\t\t\t\t\t\t\t\t\tsuffix={\n\t\t\t\t\t\t\t\t\t\tsortedDirection === direction && (\n\t\t\t\t\t\t\t\t\t\t\t<Icon icon={ check } />\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\tonSelect={ ( event ) => {\n\t\t\t\t\t\t\t\t\t\tevent.preventDefault();\n\t\t\t\t\t\t\t\t\t\tif ( sortedDirection === direction ) {\n\t\t\t\t\t\t\t\t\t\t\tdataView.resetSorting();\n\t\t\t\t\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\t\t\t\t\tdataView.setSorting( [\n\t\t\t\t\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\t\t\t\t\tid: header.column.id,\n\t\t\t\t\t\t\t\t\t\t\t\t\tdesc: direction === 'desc',\n\t\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}\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\t\t{ info.label }\n\t\t\t\t\t\t\t\t</DropdownMenuItemV2>\n\t\t\t\t\t\t\t)\n\t\t\t\t\t\t) }\n\t\t\t\t\t</DropdownMenuGroupV2>\n\t\t\t\t) }\n\t\t\t\t{ isHidable && (\n\t\t\t\t\t<DropdownMenuItemV2\n\t\t\t\t\t\tprefix={ <Icon icon={ unseen } /> }\n\t\t\t\t\t\tonSelect={ ( event ) => {\n\t\t\t\t\t\t\tevent.preventDefault();\n\t\t\t\t\t\t\theader.column.getToggleVisibilityHandler()( event );\n\t\t\t\t\t\t} }\n\t\t\t\t\t>\n\t\t\t\t\t\t{ __( 'Hide' ) }\n\t\t\t\t\t</DropdownMenuItemV2>\n\t\t\t\t) }\n\t\t\t</WithSeparators>\n\t\t</DropdownMenuV2>\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 && <DropdownMenuSeparatorV2 /> }\n\t\t\t\t{ child }\n\t\t\t</Fragment>\n\t\t) );\n}\n\nfunction ViewList( {\n\tview,\n\tonChangeView,\n\tfields,\n\tactions,\n\tdata,\n\tisLoading = false,\n\tpaginationInfo,\n} ) {\n\tconst columns = useMemo( () => {\n\t\tconst _columns = fields.map( ( field ) => {\n\t\t\tconst { render, getValue, ...column } = field;\n\t\t\tcolumn.cell = ( props ) =>\n\t\t\t\trender( { item: props.row.original, view } );\n\t\t\tif ( getValue ) {\n\t\t\t\tcolumn.accessorFn = ( item ) => getValue( { item } );\n\t\t\t}\n\t\t\treturn column;\n\t\t} );\n\t\tif ( actions?.length ) {\n\t\t\t_columns.push( {\n\t\t\t\theader: <VisuallyHidden>{ __( 'Actions' ) }</VisuallyHidden>,\n\t\t\t\tid: 'actions',\n\t\t\t\tcell: ( props ) => {\n\t\t\t\t\treturn (\n\t\t\t\t\t\t<FieldActions\n\t\t\t\t\t\t\titem={ props.row.original }\n\t\t\t\t\t\t\tactions={ actions }\n\t\t\t\t\t\t/>\n\t\t\t\t\t);\n\t\t\t\t},\n\t\t\t\tenableHiding: false,\n\t\t\t} );\n\t\t}\n\n\t\treturn _columns;\n\t}, [ fields, actions, view ] );\n\n\tconst columnVisibility = useMemo( () => {\n\t\tif ( ! view.hiddenFields?.length ) {\n\t\t\treturn;\n\t\t}\n\t\treturn view.hiddenFields.reduce(\n\t\t\t( accumulator, fieldId ) => ( {\n\t\t\t\t...accumulator,\n\t\t\t\t[ fieldId ]: false,\n\t\t\t} ),\n\t\t\t{}\n\t\t);\n\t}, [ view.hiddenFields ] );\n\n\tconst dataView = useReactTable( {\n\t\tdata,\n\t\tcolumns,\n\t\tmanualSorting: true,\n\t\tmanualFiltering: true,\n\t\tmanualPagination: true,\n\t\tenableRowSelection: true,\n\t\tstate: {\n\t\t\tsorting: view.sort\n\t\t\t\t? [\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\tid: view.sort.field,\n\t\t\t\t\t\t\tdesc: view.sort.direction === 'desc',\n\t\t\t\t\t\t},\n\t\t\t\t  ]\n\t\t\t\t: [],\n\t\t\tglobalFilter: view.search,\n\t\t\tpagination: {\n\t\t\t\tpageIndex: view.page,\n\t\t\t\tpageSize: view.perPage,\n\t\t\t},\n\t\t\tcolumnVisibility: columnVisibility ?? EMPTY_OBJECT,\n\t\t},\n\t\tonSortingChange: ( sortingUpdater ) => {\n\t\t\tonChangeView( ( currentView ) => {\n\t\t\t\tconst sort =\n\t\t\t\t\ttypeof sortingUpdater === 'function'\n\t\t\t\t\t\t? sortingUpdater(\n\t\t\t\t\t\t\t\tcurrentView.sort\n\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\tid: currentView.sort.field,\n\t\t\t\t\t\t\t\t\t\t\t\tdesc:\n\t\t\t\t\t\t\t\t\t\t\t\t\tcurrentView.sort\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t.direction === 'desc',\n\t\t\t\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t\t\t  ]\n\t\t\t\t\t\t\t\t\t: []\n\t\t\t\t\t\t  )\n\t\t\t\t\t\t: sortingUpdater;\n\t\t\t\tif ( ! sort.length ) {\n\t\t\t\t\treturn {\n\t\t\t\t\t\t...currentView,\n\t\t\t\t\t\tsort: {},\n\t\t\t\t\t};\n\t\t\t\t}\n\t\t\t\tconst [ { id, desc } ] = sort;\n\t\t\t\treturn {\n\t\t\t\t\t...currentView,\n\t\t\t\t\tsort: { field: id, direction: desc ? 'desc' : 'asc' },\n\t\t\t\t};\n\t\t\t} );\n\t\t},\n\t\tonColumnVisibilityChange: ( columnVisibilityUpdater ) => {\n\t\t\tonChangeView( ( currentView ) => {\n\t\t\t\tconst hiddenFields = Object.entries(\n\t\t\t\t\tcolumnVisibilityUpdater()\n\t\t\t\t).reduce(\n\t\t\t\t\t( accumulator, [ fieldId, value ] ) => {\n\t\t\t\t\t\tif ( value ) {\n\t\t\t\t\t\t\treturn accumulator.filter(\n\t\t\t\t\t\t\t\t( id ) => id !== fieldId\n\t\t\t\t\t\t\t);\n\t\t\t\t\t\t}\n\t\t\t\t\t\treturn [ ...accumulator, fieldId ];\n\t\t\t\t\t},\n\t\t\t\t\t[ ...( currentView.hiddenFields || [] ) ]\n\t\t\t\t);\n\t\t\t\treturn {\n\t\t\t\t\t...currentView,\n\t\t\t\t\thiddenFields,\n\t\t\t\t};\n\t\t\t} );\n\t\t},\n\t\tonGlobalFilterChange: ( value ) => {\n\t\t\tonChangeView( { ...view, search: value, page: 0 } );\n\t\t},\n\t\tonPaginationChange: ( paginationUpdater ) => {\n\t\t\tonChangeView( ( currentView ) => {\n\t\t\t\tconst { pageIndex, pageSize } = paginationUpdater( {\n\t\t\t\t\tpageIndex: currentView.page,\n\t\t\t\t\tpageSize: currentView.perPage,\n\t\t\t\t} );\n\t\t\t\treturn { ...view, page: pageIndex, perPage: pageSize };\n\t\t\t} );\n\t\t},\n\t\tgetCoreRowModel: getCoreRowModel(),\n\t\tgetFilteredRowModel: getFilteredRowModel(),\n\t\tgetSortedRowModel: getSortedRowModel(),\n\t\tgetPaginationRowModel: getPaginationRowModel(),\n\t\tpageCount: paginationInfo.totalPages,\n\t} );\n\n\tconst { rows } = dataView.getRowModel();\n\tconst hasRows = !! rows?.length;\n\tif ( isLoading ) {\n\t\t// TODO:Add spinner or progress bar..\n\t\treturn <h3>{ __( 'Loading' ) }</h3>;\n\t}\n\treturn (\n\t\t<div className=\"dataviews-list-view-wrapper\">\n\t\t\t{ hasRows && (\n\t\t\t\t<table className=\"dataviews-list-view\">\n\t\t\t\t\t<thead>\n\t\t\t\t\t\t{ dataView.getHeaderGroups().map( ( headerGroup ) => (\n\t\t\t\t\t\t\t<tr key={ headerGroup.id }>\n\t\t\t\t\t\t\t\t{ headerGroup.headers.map( ( header ) => (\n\t\t\t\t\t\t\t\t\t<th\n\t\t\t\t\t\t\t\t\t\tkey={ header.id }\n\t\t\t\t\t\t\t\t\t\tcolSpan={ header.colSpan }\n\t\t\t\t\t\t\t\t\t\tstyle={ {\n\t\t\t\t\t\t\t\t\t\t\twidth:\n\t\t\t\t\t\t\t\t\t\t\t\theader.column.columnDef.width ||\n\t\t\t\t\t\t\t\t\t\t\t\tundefined,\n\t\t\t\t\t\t\t\t\t\t\tmaxWidth:\n\t\t\t\t\t\t\t\t\t\t\t\theader.column.columnDef\n\t\t\t\t\t\t\t\t\t\t\t\t\t.maxWidth || undefined,\n\t\t\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t<HeaderMenu\n\t\t\t\t\t\t\t\t\t\t\tdataView={ dataView }\n\t\t\t\t\t\t\t\t\t\t\theader={ header }\n\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t</th>\n\t\t\t\t\t\t\t\t) ) }\n\t\t\t\t\t\t\t</tr>\n\t\t\t\t\t\t) ) }\n\t\t\t\t\t</thead>\n\t\t\t\t\t<tbody>\n\t\t\t\t\t\t{ rows.map( ( row ) => (\n\t\t\t\t\t\t\t<tr key={ row.id }>\n\t\t\t\t\t\t\t\t{ row.getVisibleCells().map( ( cell ) => (\n\t\t\t\t\t\t\t\t\t<td\n\t\t\t\t\t\t\t\t\t\tkey={ cell.id }\n\t\t\t\t\t\t\t\t\t\tstyle={ {\n\t\t\t\t\t\t\t\t\t\t\twidth:\n\t\t\t\t\t\t\t\t\t\t\t\tcell.column.columnDef.width ||\n\t\t\t\t\t\t\t\t\t\t\t\tundefined,\n\t\t\t\t\t\t\t\t\t\t\tmaxWidth:\n\t\t\t\t\t\t\t\t\t\t\t\tcell.column.columnDef\n\t\t\t\t\t\t\t\t\t\t\t\t\t.maxWidth || undefined,\n\t\t\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t{ flexRender(\n\t\t\t\t\t\t\t\t\t\t\tcell.column.columnDef.cell,\n\t\t\t\t\t\t\t\t\t\t\tcell.getContext()\n\t\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t\t</td>\n\t\t\t\t\t\t\t\t) ) }\n\t\t\t\t\t\t\t</tr>\n\t\t\t\t\t\t) ) }\n\t\t\t\t\t</tbody>\n\t\t\t\t</table>\n\t\t\t) }\n\t\t\t{ ! hasRows && <p>{ __( 'no results' ) }</p> }\n\t\t</div>\n\t);\n}\n\nexport default ViewList;\n"],"mappings":"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"}
+{"version":3,"names":["_reactTable","require","_i18n","_icons","_components","_element","_lockUnlock","_itemActions","_interopRequireDefault","DropdownMenuV2","DropdownMenuGroupV2","DropdownMenuItemV2","DropdownMenuSeparatorV2","unlock","componentsPrivateApis","EMPTY_OBJECT","sortingItemsInfo","asc","icon","arrowUp","label","__","desc","arrowDown","sortIcons","chevronUp","chevronDown","HeaderMenu","dataView","header","isPlaceholder","text","flexRender","column","columnDef","getContext","isSortable","getCanSort","isHidable","getCanHide","sortedDirection","getIsSorted","_react","createElement","align","trigger","Button","iconPosition","style","padding","WithSeparators","Object","entries","map","direction","info","key","prefix","Icon","suffix","check","onSelect","event","preventDefault","resetSorting","setSorting","id","unseen","getToggleVisibilityHandler","children","Children","toArray","filter","Boolean","child","i","Fragment","ViewList","view","onChangeView","fields","actions","data","isLoading","paginationInfo","columns","useMemo","_columns","field","render","getValue","cell","props","item","row","original","accessorFn","length","push","VisuallyHidden","default","enableHiding","columnVisibility","hiddenFields","reduce","accumulator","fieldId","useReactTable","manualSorting","manualFiltering","manualPagination","enableRowSelection","state","sorting","sort","globalFilter","search","pagination","pageIndex","page","pageSize","perPage","onSortingChange","sortingUpdater","currentView","onColumnVisibilityChange","columnVisibilityUpdater","value","onGlobalFilterChange","onPaginationChange","paginationUpdater","getCoreRowModel","getFilteredRowModel","getSortedRowModel","getPaginationRowModel","pageCount","totalPages","rows","getRowModel","hasRows","className","getHeaderGroups","headerGroup","headers","colSpan","width","undefined","maxWidth","getVisibleCells","_default","exports"],"sources":["@wordpress/edit-site/src/components/dataviews/view-list.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport {\n\tgetCoreRowModel,\n\tgetFilteredRowModel,\n\tgetSortedRowModel,\n\tgetPaginationRowModel,\n\tuseReactTable,\n\tflexRender,\n} from '@tanstack/react-table';\n\n/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport {\n\tchevronDown,\n\tchevronUp,\n\tunseen,\n\tcheck,\n\tarrowUp,\n\tarrowDown,\n} from '@wordpress/icons';\nimport {\n\tButton,\n\tIcon,\n\tprivateApis as componentsPrivateApis,\n\tVisuallyHidden,\n} from '@wordpress/components';\nimport { useMemo, Children, Fragment } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport { unlock } from '../../lock-unlock';\nimport ItemActions from './item-actions';\n\nconst {\n\tDropdownMenuV2,\n\tDropdownMenuGroupV2,\n\tDropdownMenuItemV2,\n\tDropdownMenuSeparatorV2,\n} = unlock( componentsPrivateApis );\n\nconst EMPTY_OBJECT = {};\nconst sortingItemsInfo = {\n\tasc: { icon: arrowUp, label: __( 'Sort ascending' ) },\n\tdesc: { icon: arrowDown, label: __( 'Sort descending' ) },\n};\nconst sortIcons = { asc: chevronUp, desc: chevronDown };\nfunction HeaderMenu( { dataView, header } ) {\n\tif ( header.isPlaceholder ) {\n\t\treturn null;\n\t}\n\tconst text = flexRender(\n\t\theader.column.columnDef.header,\n\t\theader.getContext()\n\t);\n\tconst isSortable = !! header.column.getCanSort();\n\tconst isHidable = !! header.column.getCanHide();\n\tif ( ! isSortable && ! isHidable ) {\n\t\treturn text;\n\t}\n\tconst sortedDirection = header.column.getIsSorted();\n\treturn (\n\t\t<DropdownMenuV2\n\t\t\talign=\"start\"\n\t\t\ttrigger={\n\t\t\t\t<Button\n\t\t\t\t\ticon={ sortIcons[ header.column.getIsSorted() ] }\n\t\t\t\t\ticonPosition=\"right\"\n\t\t\t\t\ttext={ text }\n\t\t\t\t\tstyle={ { padding: 0 } }\n\t\t\t\t/>\n\t\t\t}\n\t\t>\n\t\t\t<WithSeparators>\n\t\t\t\t{ isSortable && (\n\t\t\t\t\t<DropdownMenuGroupV2>\n\t\t\t\t\t\t{ Object.entries( sortingItemsInfo ).map(\n\t\t\t\t\t\t\t( [ direction, info ] ) => (\n\t\t\t\t\t\t\t\t<DropdownMenuItemV2\n\t\t\t\t\t\t\t\t\tkey={ direction }\n\t\t\t\t\t\t\t\t\tprefix={ <Icon icon={ info.icon } /> }\n\t\t\t\t\t\t\t\t\tsuffix={\n\t\t\t\t\t\t\t\t\t\tsortedDirection === direction && (\n\t\t\t\t\t\t\t\t\t\t\t<Icon icon={ check } />\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\tonSelect={ ( event ) => {\n\t\t\t\t\t\t\t\t\t\tevent.preventDefault();\n\t\t\t\t\t\t\t\t\t\tif ( sortedDirection === direction ) {\n\t\t\t\t\t\t\t\t\t\t\tdataView.resetSorting();\n\t\t\t\t\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\t\t\t\t\tdataView.setSorting( [\n\t\t\t\t\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\t\t\t\t\tid: header.column.id,\n\t\t\t\t\t\t\t\t\t\t\t\t\tdesc: direction === 'desc',\n\t\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}\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\t\t{ info.label }\n\t\t\t\t\t\t\t\t</DropdownMenuItemV2>\n\t\t\t\t\t\t\t)\n\t\t\t\t\t\t) }\n\t\t\t\t\t</DropdownMenuGroupV2>\n\t\t\t\t) }\n\t\t\t\t{ isHidable && (\n\t\t\t\t\t<DropdownMenuItemV2\n\t\t\t\t\t\tprefix={ <Icon icon={ unseen } /> }\n\t\t\t\t\t\tonSelect={ ( event ) => {\n\t\t\t\t\t\t\tevent.preventDefault();\n\t\t\t\t\t\t\theader.column.getToggleVisibilityHandler()( event );\n\t\t\t\t\t\t} }\n\t\t\t\t\t>\n\t\t\t\t\t\t{ __( 'Hide' ) }\n\t\t\t\t\t</DropdownMenuItemV2>\n\t\t\t\t) }\n\t\t\t</WithSeparators>\n\t\t</DropdownMenuV2>\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 && <DropdownMenuSeparatorV2 /> }\n\t\t\t\t{ child }\n\t\t\t</Fragment>\n\t\t) );\n}\n\nfunction ViewList( {\n\tview,\n\tonChangeView,\n\tfields,\n\tactions,\n\tdata,\n\tisLoading = false,\n\tpaginationInfo,\n} ) {\n\tconst columns = useMemo( () => {\n\t\tconst _columns = fields.map( ( field ) => {\n\t\t\tconst { render, getValue, ...column } = field;\n\t\t\tcolumn.cell = ( props ) =>\n\t\t\t\trender( { item: props.row.original, view } );\n\t\t\tif ( getValue ) {\n\t\t\t\tcolumn.accessorFn = ( item ) => getValue( { item } );\n\t\t\t}\n\t\t\treturn column;\n\t\t} );\n\t\tif ( actions?.length ) {\n\t\t\t_columns.push( {\n\t\t\t\theader: <VisuallyHidden>{ __( 'Actions' ) }</VisuallyHidden>,\n\t\t\t\tid: 'actions',\n\t\t\t\tcell: ( props ) => {\n\t\t\t\t\treturn (\n\t\t\t\t\t\t<ItemActions\n\t\t\t\t\t\t\titem={ props.row.original }\n\t\t\t\t\t\t\tactions={ actions }\n\t\t\t\t\t\t/>\n\t\t\t\t\t);\n\t\t\t\t},\n\t\t\t\tenableHiding: false,\n\t\t\t} );\n\t\t}\n\n\t\treturn _columns;\n\t}, [ fields, actions, view ] );\n\n\tconst columnVisibility = useMemo( () => {\n\t\tif ( ! view.hiddenFields?.length ) {\n\t\t\treturn;\n\t\t}\n\t\treturn view.hiddenFields.reduce(\n\t\t\t( accumulator, fieldId ) => ( {\n\t\t\t\t...accumulator,\n\t\t\t\t[ fieldId ]: false,\n\t\t\t} ),\n\t\t\t{}\n\t\t);\n\t}, [ view.hiddenFields ] );\n\n\tconst dataView = useReactTable( {\n\t\tdata,\n\t\tcolumns,\n\t\tmanualSorting: true,\n\t\tmanualFiltering: true,\n\t\tmanualPagination: true,\n\t\tenableRowSelection: true,\n\t\tstate: {\n\t\t\tsorting: view.sort\n\t\t\t\t? [\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\tid: view.sort.field,\n\t\t\t\t\t\t\tdesc: view.sort.direction === 'desc',\n\t\t\t\t\t\t},\n\t\t\t\t  ]\n\t\t\t\t: [],\n\t\t\tglobalFilter: view.search,\n\t\t\tpagination: {\n\t\t\t\tpageIndex: view.page,\n\t\t\t\tpageSize: view.perPage,\n\t\t\t},\n\t\t\tcolumnVisibility: columnVisibility ?? EMPTY_OBJECT,\n\t\t},\n\t\tonSortingChange: ( sortingUpdater ) => {\n\t\t\tonChangeView( ( currentView ) => {\n\t\t\t\tconst sort =\n\t\t\t\t\ttypeof sortingUpdater === 'function'\n\t\t\t\t\t\t? sortingUpdater(\n\t\t\t\t\t\t\t\tcurrentView.sort\n\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\tid: currentView.sort.field,\n\t\t\t\t\t\t\t\t\t\t\t\tdesc:\n\t\t\t\t\t\t\t\t\t\t\t\t\tcurrentView.sort\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t.direction === 'desc',\n\t\t\t\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t\t\t  ]\n\t\t\t\t\t\t\t\t\t: []\n\t\t\t\t\t\t  )\n\t\t\t\t\t\t: sortingUpdater;\n\t\t\t\tif ( ! sort.length ) {\n\t\t\t\t\treturn {\n\t\t\t\t\t\t...currentView,\n\t\t\t\t\t\tsort: {},\n\t\t\t\t\t};\n\t\t\t\t}\n\t\t\t\tconst [ { id, desc } ] = sort;\n\t\t\t\treturn {\n\t\t\t\t\t...currentView,\n\t\t\t\t\tsort: { field: id, direction: desc ? 'desc' : 'asc' },\n\t\t\t\t};\n\t\t\t} );\n\t\t},\n\t\tonColumnVisibilityChange: ( columnVisibilityUpdater ) => {\n\t\t\tonChangeView( ( currentView ) => {\n\t\t\t\tconst hiddenFields = Object.entries(\n\t\t\t\t\tcolumnVisibilityUpdater()\n\t\t\t\t).reduce(\n\t\t\t\t\t( accumulator, [ fieldId, value ] ) => {\n\t\t\t\t\t\tif ( value ) {\n\t\t\t\t\t\t\treturn accumulator.filter(\n\t\t\t\t\t\t\t\t( id ) => id !== fieldId\n\t\t\t\t\t\t\t);\n\t\t\t\t\t\t}\n\t\t\t\t\t\treturn [ ...accumulator, fieldId ];\n\t\t\t\t\t},\n\t\t\t\t\t[ ...( currentView.hiddenFields || [] ) ]\n\t\t\t\t);\n\t\t\t\treturn {\n\t\t\t\t\t...currentView,\n\t\t\t\t\thiddenFields,\n\t\t\t\t};\n\t\t\t} );\n\t\t},\n\t\tonGlobalFilterChange: ( value ) => {\n\t\t\tonChangeView( { ...view, search: value, page: 0 } );\n\t\t},\n\t\tonPaginationChange: ( paginationUpdater ) => {\n\t\t\tonChangeView( ( currentView ) => {\n\t\t\t\tconst { pageIndex, pageSize } = paginationUpdater( {\n\t\t\t\t\tpageIndex: currentView.page,\n\t\t\t\t\tpageSize: currentView.perPage,\n\t\t\t\t} );\n\t\t\t\treturn { ...view, page: pageIndex, perPage: pageSize };\n\t\t\t} );\n\t\t},\n\t\tgetCoreRowModel: getCoreRowModel(),\n\t\tgetFilteredRowModel: getFilteredRowModel(),\n\t\tgetSortedRowModel: getSortedRowModel(),\n\t\tgetPaginationRowModel: getPaginationRowModel(),\n\t\tpageCount: paginationInfo.totalPages,\n\t} );\n\n\tconst { rows } = dataView.getRowModel();\n\tconst hasRows = !! rows?.length;\n\tif ( isLoading ) {\n\t\t// TODO:Add spinner or progress bar..\n\t\treturn <h3>{ __( 'Loading' ) }</h3>;\n\t}\n\treturn (\n\t\t<div className=\"dataviews-list-view-wrapper\">\n\t\t\t{ hasRows && (\n\t\t\t\t<table className=\"dataviews-list-view\">\n\t\t\t\t\t<thead>\n\t\t\t\t\t\t{ dataView.getHeaderGroups().map( ( headerGroup ) => (\n\t\t\t\t\t\t\t<tr key={ headerGroup.id }>\n\t\t\t\t\t\t\t\t{ headerGroup.headers.map( ( header ) => (\n\t\t\t\t\t\t\t\t\t<th\n\t\t\t\t\t\t\t\t\t\tkey={ header.id }\n\t\t\t\t\t\t\t\t\t\tcolSpan={ header.colSpan }\n\t\t\t\t\t\t\t\t\t\tstyle={ {\n\t\t\t\t\t\t\t\t\t\t\twidth:\n\t\t\t\t\t\t\t\t\t\t\t\theader.column.columnDef.width ||\n\t\t\t\t\t\t\t\t\t\t\t\tundefined,\n\t\t\t\t\t\t\t\t\t\t\tmaxWidth:\n\t\t\t\t\t\t\t\t\t\t\t\theader.column.columnDef\n\t\t\t\t\t\t\t\t\t\t\t\t\t.maxWidth || undefined,\n\t\t\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t<HeaderMenu\n\t\t\t\t\t\t\t\t\t\t\tdataView={ dataView }\n\t\t\t\t\t\t\t\t\t\t\theader={ header }\n\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t</th>\n\t\t\t\t\t\t\t\t) ) }\n\t\t\t\t\t\t\t</tr>\n\t\t\t\t\t\t) ) }\n\t\t\t\t\t</thead>\n\t\t\t\t\t<tbody>\n\t\t\t\t\t\t{ rows.map( ( row ) => (\n\t\t\t\t\t\t\t<tr key={ row.id }>\n\t\t\t\t\t\t\t\t{ row.getVisibleCells().map( ( cell ) => (\n\t\t\t\t\t\t\t\t\t<td\n\t\t\t\t\t\t\t\t\t\tkey={ cell.id }\n\t\t\t\t\t\t\t\t\t\tstyle={ {\n\t\t\t\t\t\t\t\t\t\t\twidth:\n\t\t\t\t\t\t\t\t\t\t\t\tcell.column.columnDef.width ||\n\t\t\t\t\t\t\t\t\t\t\t\tundefined,\n\t\t\t\t\t\t\t\t\t\t\tmaxWidth:\n\t\t\t\t\t\t\t\t\t\t\t\tcell.column.columnDef\n\t\t\t\t\t\t\t\t\t\t\t\t\t.maxWidth || undefined,\n\t\t\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t{ flexRender(\n\t\t\t\t\t\t\t\t\t\t\tcell.column.columnDef.cell,\n\t\t\t\t\t\t\t\t\t\t\tcell.getContext()\n\t\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t\t</td>\n\t\t\t\t\t\t\t\t) ) }\n\t\t\t\t\t\t\t</tr>\n\t\t\t\t\t\t) ) }\n\t\t\t\t\t</tbody>\n\t\t\t\t</table>\n\t\t\t) }\n\t\t\t{ ! hasRows && <p>{ __( 'no results' ) }</p> }\n\t\t</div>\n\t);\n}\n\nexport default ViewList;\n"],"mappings":"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"}

package/build/components/global-styles/font-library-modal/font-collection.js

@@ -175,7 +175,7 @@ function FontCollection({
     key: category.id
   }, category.name))))), (0, _react.createElement)(_components.__experimentalSpacer, {
     margin: 4
-  }), !renderConfirmDialog && !selectedCollection?.data?.fontFamilies && !notice && (0, _react.createElement)(_components.Spinner, null), !renderConfirmDialog && !!selectedCollection?.data?.fontFamilies?.length && !fonts.length && (0, _react.createElement)(_components.__experimentalText, null, (0, _i18n.__)('No fonts found. Try with a different seach term')), !renderConfirmDialog && selectedFont && (0, _react.createElement)(_collectionFontDetails.default, {
+  }), !renderConfirmDialog && !selectedCollection?.data?.fontFamilies && !notice && (0, _react.createElement)(_components.Spinner, null), !renderConfirmDialog && !!selectedCollection?.data?.fontFamilies?.length && !fonts.length && (0, _react.createElement)(_components.__experimentalText, null, (0, _i18n.__)('No fonts found. Try with a different search term')), !renderConfirmDialog && selectedFont && (0, _react.createElement)(_collectionFontDetails.default, {
     font: selectedFont,
     handleToggleVariant: handleToggleVariant,
     fontToInstallOutline: fontToInstallOutline

package/build/components/global-styles/font-library-modal/font-collection.js.map

@@ -1 +1 @@
-{"version":3,"names":["_element","require","_components","_compose","_i18n","_icons","_tabLayout","_interopRequireDefault","_context","_fontsGrid","_fontCard","_filterFonts","_collectionFontDetails","_toggleFont","_fontsOutline","_googleFontsConfirmDialog","_getNoticeFromResponse","DEFAULT_CATEGORY","id","name","__","FontCollection","_selectedCollection$d2","requiresPermission","getGoogleFontsPermissionFromStorage","window","localStorage","getItem","notice","setNotice","useState","selectedFont","setSelectedFont","fontsToInstall","setFontsToInstall","filters","setFilters","renderConfirmDialog","setRenderConfirmDialog","collections","getFontCollection","installFonts","useContext","FontLibraryContext","selectedCollection","find","collection","useEffect","handleStorage","addEventListener","removeEventListener","fetchFontCollection","resetFilters","e","type","message","duration","_notice$duration","timeout","setTimeout","clearTimeout","collectionFonts","useMemo","_selectedCollection$d","data","fontFamilies","collectionCategories","categories","fonts","filterFonts","handleCategoryFilter","category","handleUpdateSearchInput","value","search","debouncedUpdateSearchInput","debounce","resetSearch","handleUnselectFont","handleToggleVariant","font","face","newFontsToInstall","toggleFont","fontToInstallOutline","getFontsOutline","resetFontsToInstall","handleInstall","response","installNotice","getNoticeFromInstallResponse","_react","createElement","default","title","description","handleBack","footer","length","Footer","Fragment","__experimentalSpacer","margin","FlexItem","Notice","isDismissible","status","className","Flex","__experimentalInputControl","placeholder","label","onChange","prefix","Icon","icon","suffix","closeSmall","onClick","SelectControl","map","key","Spinner","__experimentalText","slug","isInstalling","justify","Button","variant","isBusy","disabled","_default","exports"],"sources":["@wordpress/edit-site/src/components/global-styles/font-library-modal/font-collection.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useContext, useEffect, useState, useMemo } from '@wordpress/element';\nimport {\n\t__experimentalSpacer as Spacer,\n\t__experimentalInputControl as InputControl,\n\t__experimentalText as Text,\n\tSelectControl,\n\tSpinner,\n\tIcon,\n\tFlexItem,\n\tFlex,\n\tButton,\n\tNotice,\n} from '@wordpress/components';\nimport { debounce } from '@wordpress/compose';\nimport { __ } from '@wordpress/i18n';\nimport { search, closeSmall } from '@wordpress/icons';\n\n/**\n * Internal dependencies\n */\nimport TabLayout from './tab-layout';\nimport { FontLibraryContext } from './context';\nimport FontsGrid from './fonts-grid';\nimport FontCard from './font-card';\nimport filterFonts from './utils/filter-fonts';\nimport CollectionFontDetails from './collection-font-details';\nimport { toggleFont } from './utils/toggleFont';\nimport { getFontsOutline } from './utils/fonts-outline';\nimport GoogleFontsConfirmDialog from './google-fonts-confirm-dialog';\nimport { getNoticeFromInstallResponse } from './utils/get-notice-from-response';\n\nconst DEFAULT_CATEGORY = {\n\tid: 'all',\n\tname: __( 'All' ),\n};\nfunction FontCollection( { id } ) {\n\tconst requiresPermission = id === 'default-font-collection';\n\n\tconst getGoogleFontsPermissionFromStorage = () => {\n\t\treturn (\n\t\t\twindow.localStorage.getItem(\n\t\t\t\t'wp-font-library-default-font-collection-permission'\n\t\t\t) === 'true'\n\t\t);\n\t};\n\n\tconst [ notice, setNotice ] = useState( null );\n\tconst [ selectedFont, setSelectedFont ] = useState( null );\n\tconst [ fontsToInstall, setFontsToInstall ] = useState( [] );\n\tconst [ filters, setFilters ] = useState( {} );\n\tconst [ renderConfirmDialog, setRenderConfirmDialog ] = useState(\n\t\trequiresPermission && ! getGoogleFontsPermissionFromStorage()\n\t);\n\tconst { collections, getFontCollection, installFonts } =\n\t\tuseContext( FontLibraryContext );\n\tconst selectedCollection = collections.find(\n\t\t( collection ) => collection.id === id\n\t);\n\n\tuseEffect( () => {\n\t\tconst handleStorage = () => {\n\t\t\tsetRenderConfirmDialog(\n\t\t\t\trequiresPermission && ! getGoogleFontsPermissionFromStorage()\n\t\t\t);\n\t\t};\n\t\thandleStorage();\n\t\twindow.addEventListener( 'storage', handleStorage );\n\t\treturn () => window.removeEventListener( 'storage', handleStorage );\n\t}, [ id, requiresPermission ] );\n\n\tuseEffect( () => {\n\t\tconst fetchFontCollection = async () => {\n\t\t\ttry {\n\t\t\t\tawait getFontCollection( id );\n\t\t\t\tresetFilters();\n\t\t\t} catch ( e ) {\n\t\t\t\tsetNotice( {\n\t\t\t\t\ttype: 'error',\n\t\t\t\t\tmessage: e?.message,\n\t\t\t\t\tduration: 0, // Don't auto-hide.\n\t\t\t\t} );\n\t\t\t}\n\t\t};\n\t\tfetchFontCollection();\n\t}, [ id, getFontCollection ] );\n\n\tuseEffect( () => {\n\t\tsetSelectedFont( null );\n\t\tsetNotice( null );\n\t}, [ id ] );\n\n\t// Reset notice after 5 seconds\n\tuseEffect( () => {\n\t\tif ( notice && notice?.duration !== 0 ) {\n\t\t\tconst timeout = setTimeout( () => {\n\t\t\t\tsetNotice( null );\n\t\t\t}, notice.duration ?? 5000 );\n\t\t\treturn () => clearTimeout( timeout );\n\t\t}\n\t}, [ notice ] );\n\n\tconst collectionFonts = useMemo(\n\t\t() => selectedCollection?.data?.fontFamilies ?? [],\n\t\t[ selectedCollection ]\n\t);\n\tconst collectionCategories = selectedCollection?.data?.categories ?? [];\n\n\tconst categories = [ DEFAULT_CATEGORY, ...collectionCategories ];\n\n\tconst fonts = useMemo(\n\t\t() => filterFonts( collectionFonts, filters ),\n\t\t[ collectionFonts, filters ]\n\t);\n\n\tconst handleCategoryFilter = ( category ) => {\n\t\tsetFilters( { ...filters, category } );\n\t};\n\n\tconst handleUpdateSearchInput = ( value ) => {\n\t\tsetFilters( { ...filters, search: value } );\n\t};\n\n\tconst debouncedUpdateSearchInput = debounce( handleUpdateSearchInput, 300 );\n\n\tconst resetFilters = () => {\n\t\tsetFilters( {} );\n\t};\n\n\tconst resetSearch = () => {\n\t\tsetFilters( { ...filters, search: '' } );\n\t};\n\n\tconst handleUnselectFont = () => {\n\t\tsetSelectedFont( null );\n\t};\n\n\tconst handleToggleVariant = ( font, face ) => {\n\t\tconst newFontsToInstall = toggleFont( font, face, fontsToInstall );\n\t\tsetFontsToInstall( newFontsToInstall );\n\t};\n\n\tconst fontToInstallOutline = getFontsOutline( fontsToInstall );\n\n\tconst resetFontsToInstall = () => {\n\t\tsetFontsToInstall( [] );\n\t};\n\n\tconst handleInstall = async () => {\n\t\tconst response = await installFonts( fontsToInstall );\n\t\tconst installNotice = getNoticeFromInstallResponse( response );\n\t\tsetNotice( installNotice );\n\t\tresetFontsToInstall();\n\t};\n\n\treturn (\n\t\t<TabLayout\n\t\t\ttitle={\n\t\t\t\t! selectedFont ? selectedCollection.name : selectedFont.name\n\t\t\t}\n\t\t\tdescription={\n\t\t\t\t! selectedFont\n\t\t\t\t\t? selectedCollection.description\n\t\t\t\t\t: __( 'Select font variants to install.' )\n\t\t\t}\n\t\t\thandleBack={ !! selectedFont && handleUnselectFont }\n\t\t\tfooter={\n\t\t\t\tfontsToInstall.length > 0 && (\n\t\t\t\t\t<Footer handleInstall={ handleInstall } />\n\t\t\t\t)\n\t\t\t}\n\t\t>\n\t\t\t{ renderConfirmDialog && (\n\t\t\t\t<>\n\t\t\t\t\t<Spacer margin={ 8 } />\n\t\t\t\t\t<GoogleFontsConfirmDialog />\n\t\t\t\t</>\n\t\t\t) }\n\n\t\t\t{ notice && (\n\t\t\t\t<>\n\t\t\t\t\t<FlexItem>\n\t\t\t\t\t\t<Spacer margin={ 2 } />\n\t\t\t\t\t\t<Notice\n\t\t\t\t\t\t\tisDismissible={ false }\n\t\t\t\t\t\t\tstatus={ notice.type }\n\t\t\t\t\t\t\tclassName=\"font-library-modal__font-collection__notice\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ notice.message }\n\t\t\t\t\t\t</Notice>\n\t\t\t\t\t</FlexItem>\n\t\t\t\t\t<Spacer margin={ 2 } />\n\t\t\t\t</>\n\t\t\t) }\n\n\t\t\t{ ! renderConfirmDialog && ! selectedFont && (\n\t\t\t\t<Flex>\n\t\t\t\t\t<FlexItem>\n\t\t\t\t\t\t<InputControl\n\t\t\t\t\t\t\tvalue={ filters.search }\n\t\t\t\t\t\t\tplaceholder={ __( 'Font name…' ) }\n\t\t\t\t\t\t\tlabel={ __( 'Search' ) }\n\t\t\t\t\t\t\tonChange={ debouncedUpdateSearchInput }\n\t\t\t\t\t\t\tprefix={ <Icon icon={ search } /> }\n\t\t\t\t\t\t\tsuffix={\n\t\t\t\t\t\t\t\tfilters?.search ? (\n\t\t\t\t\t\t\t\t\t<Icon\n\t\t\t\t\t\t\t\t\t\ticon={ closeSmall }\n\t\t\t\t\t\t\t\t\t\tonClick={ resetSearch }\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t) : null\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t/>\n\t\t\t\t\t</FlexItem>\n\t\t\t\t\t<FlexItem>\n\t\t\t\t\t\t<SelectControl\n\t\t\t\t\t\t\tlabel={ __( 'Category' ) }\n\t\t\t\t\t\t\tvalue={ filters.category }\n\t\t\t\t\t\t\tonChange={ handleCategoryFilter }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ categories &&\n\t\t\t\t\t\t\t\tcategories.map( ( category ) => (\n\t\t\t\t\t\t\t\t\t<option\n\t\t\t\t\t\t\t\t\t\tvalue={ category.id }\n\t\t\t\t\t\t\t\t\t\tkey={ category.id }\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t{ category.name }\n\t\t\t\t\t\t\t\t\t</option>\n\t\t\t\t\t\t\t\t) ) }\n\t\t\t\t\t\t</SelectControl>\n\t\t\t\t\t</FlexItem>\n\t\t\t\t</Flex>\n\t\t\t) }\n\n\t\t\t<Spacer margin={ 4 } />\n\t\t\t{ ! renderConfirmDialog &&\n\t\t\t\t! selectedCollection?.data?.fontFamilies &&\n\t\t\t\t! notice && <Spinner /> }\n\n\t\t\t{ ! renderConfirmDialog &&\n\t\t\t\t!! selectedCollection?.data?.fontFamilies?.length &&\n\t\t\t\t! fonts.length && (\n\t\t\t\t\t<Text>\n\t\t\t\t\t\t{ __(\n\t\t\t\t\t\t\t'No fonts found. Try with a different seach term'\n\t\t\t\t\t\t) }\n\t\t\t\t\t</Text>\n\t\t\t\t) }\n\n\t\t\t{ ! renderConfirmDialog && selectedFont && (\n\t\t\t\t<CollectionFontDetails\n\t\t\t\t\tfont={ selectedFont }\n\t\t\t\t\thandleToggleVariant={ handleToggleVariant }\n\t\t\t\t\tfontToInstallOutline={ fontToInstallOutline }\n\t\t\t\t/>\n\t\t\t) }\n\n\t\t\t{ ! renderConfirmDialog && ! selectedFont && (\n\t\t\t\t<FontsGrid>\n\t\t\t\t\t{ fonts.map( ( font ) => (\n\t\t\t\t\t\t<FontCard\n\t\t\t\t\t\t\tkey={ font.slug }\n\t\t\t\t\t\t\tfont={ font }\n\t\t\t\t\t\t\tonClick={ () => {\n\t\t\t\t\t\t\t\tsetSelectedFont( font );\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</FontsGrid>\n\t\t\t) }\n\t\t</TabLayout>\n\t);\n}\n\nfunction Footer( { handleInstall } ) {\n\tconst { isInstalling } = useContext( FontLibraryContext );\n\n\treturn (\n\t\t<Flex justify=\"flex-end\">\n\t\t\t<Button\n\t\t\t\tvariant=\"primary\"\n\t\t\t\tonClick={ handleInstall }\n\t\t\t\tisBusy={ isInstalling }\n\t\t\t\tdisabled={ isInstalling }\n\t\t\t>\n\t\t\t\t{ __( 'Install' ) }\n\t\t\t</Button>\n\t\t</Flex>\n\t);\n}\n\nexport default FontCollection;\n"],"mappings":"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"}
+{"version":3,"names":["_element","require","_components","_compose","_i18n","_icons","_tabLayout","_interopRequireDefault","_context","_fontsGrid","_fontCard","_filterFonts","_collectionFontDetails","_toggleFont","_fontsOutline","_googleFontsConfirmDialog","_getNoticeFromResponse","DEFAULT_CATEGORY","id","name","__","FontCollection","_selectedCollection$d2","requiresPermission","getGoogleFontsPermissionFromStorage","window","localStorage","getItem","notice","setNotice","useState","selectedFont","setSelectedFont","fontsToInstall","setFontsToInstall","filters","setFilters","renderConfirmDialog","setRenderConfirmDialog","collections","getFontCollection","installFonts","useContext","FontLibraryContext","selectedCollection","find","collection","useEffect","handleStorage","addEventListener","removeEventListener","fetchFontCollection","resetFilters","e","type","message","duration","_notice$duration","timeout","setTimeout","clearTimeout","collectionFonts","useMemo","_selectedCollection$d","data","fontFamilies","collectionCategories","categories","fonts","filterFonts","handleCategoryFilter","category","handleUpdateSearchInput","value","search","debouncedUpdateSearchInput","debounce","resetSearch","handleUnselectFont","handleToggleVariant","font","face","newFontsToInstall","toggleFont","fontToInstallOutline","getFontsOutline","resetFontsToInstall","handleInstall","response","installNotice","getNoticeFromInstallResponse","_react","createElement","default","title","description","handleBack","footer","length","Footer","Fragment","__experimentalSpacer","margin","FlexItem","Notice","isDismissible","status","className","Flex","__experimentalInputControl","placeholder","label","onChange","prefix","Icon","icon","suffix","closeSmall","onClick","SelectControl","map","key","Spinner","__experimentalText","slug","isInstalling","justify","Button","variant","isBusy","disabled","_default","exports"],"sources":["@wordpress/edit-site/src/components/global-styles/font-library-modal/font-collection.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useContext, useEffect, useState, useMemo } from '@wordpress/element';\nimport {\n\t__experimentalSpacer as Spacer,\n\t__experimentalInputControl as InputControl,\n\t__experimentalText as Text,\n\tSelectControl,\n\tSpinner,\n\tIcon,\n\tFlexItem,\n\tFlex,\n\tButton,\n\tNotice,\n} from '@wordpress/components';\nimport { debounce } from '@wordpress/compose';\nimport { __ } from '@wordpress/i18n';\nimport { search, closeSmall } from '@wordpress/icons';\n\n/**\n * Internal dependencies\n */\nimport TabLayout from './tab-layout';\nimport { FontLibraryContext } from './context';\nimport FontsGrid from './fonts-grid';\nimport FontCard from './font-card';\nimport filterFonts from './utils/filter-fonts';\nimport CollectionFontDetails from './collection-font-details';\nimport { toggleFont } from './utils/toggleFont';\nimport { getFontsOutline } from './utils/fonts-outline';\nimport GoogleFontsConfirmDialog from './google-fonts-confirm-dialog';\nimport { getNoticeFromInstallResponse } from './utils/get-notice-from-response';\n\nconst DEFAULT_CATEGORY = {\n\tid: 'all',\n\tname: __( 'All' ),\n};\nfunction FontCollection( { id } ) {\n\tconst requiresPermission = id === 'default-font-collection';\n\n\tconst getGoogleFontsPermissionFromStorage = () => {\n\t\treturn (\n\t\t\twindow.localStorage.getItem(\n\t\t\t\t'wp-font-library-default-font-collection-permission'\n\t\t\t) === 'true'\n\t\t);\n\t};\n\n\tconst [ notice, setNotice ] = useState( null );\n\tconst [ selectedFont, setSelectedFont ] = useState( null );\n\tconst [ fontsToInstall, setFontsToInstall ] = useState( [] );\n\tconst [ filters, setFilters ] = useState( {} );\n\tconst [ renderConfirmDialog, setRenderConfirmDialog ] = useState(\n\t\trequiresPermission && ! getGoogleFontsPermissionFromStorage()\n\t);\n\tconst { collections, getFontCollection, installFonts } =\n\t\tuseContext( FontLibraryContext );\n\tconst selectedCollection = collections.find(\n\t\t( collection ) => collection.id === id\n\t);\n\n\tuseEffect( () => {\n\t\tconst handleStorage = () => {\n\t\t\tsetRenderConfirmDialog(\n\t\t\t\trequiresPermission && ! getGoogleFontsPermissionFromStorage()\n\t\t\t);\n\t\t};\n\t\thandleStorage();\n\t\twindow.addEventListener( 'storage', handleStorage );\n\t\treturn () => window.removeEventListener( 'storage', handleStorage );\n\t}, [ id, requiresPermission ] );\n\n\tuseEffect( () => {\n\t\tconst fetchFontCollection = async () => {\n\t\t\ttry {\n\t\t\t\tawait getFontCollection( id );\n\t\t\t\tresetFilters();\n\t\t\t} catch ( e ) {\n\t\t\t\tsetNotice( {\n\t\t\t\t\ttype: 'error',\n\t\t\t\t\tmessage: e?.message,\n\t\t\t\t\tduration: 0, // Don't auto-hide.\n\t\t\t\t} );\n\t\t\t}\n\t\t};\n\t\tfetchFontCollection();\n\t}, [ id, getFontCollection ] );\n\n\tuseEffect( () => {\n\t\tsetSelectedFont( null );\n\t\tsetNotice( null );\n\t}, [ id ] );\n\n\t// Reset notice after 5 seconds\n\tuseEffect( () => {\n\t\tif ( notice && notice?.duration !== 0 ) {\n\t\t\tconst timeout = setTimeout( () => {\n\t\t\t\tsetNotice( null );\n\t\t\t}, notice.duration ?? 5000 );\n\t\t\treturn () => clearTimeout( timeout );\n\t\t}\n\t}, [ notice ] );\n\n\tconst collectionFonts = useMemo(\n\t\t() => selectedCollection?.data?.fontFamilies ?? [],\n\t\t[ selectedCollection ]\n\t);\n\tconst collectionCategories = selectedCollection?.data?.categories ?? [];\n\n\tconst categories = [ DEFAULT_CATEGORY, ...collectionCategories ];\n\n\tconst fonts = useMemo(\n\t\t() => filterFonts( collectionFonts, filters ),\n\t\t[ collectionFonts, filters ]\n\t);\n\n\tconst handleCategoryFilter = ( category ) => {\n\t\tsetFilters( { ...filters, category } );\n\t};\n\n\tconst handleUpdateSearchInput = ( value ) => {\n\t\tsetFilters( { ...filters, search: value } );\n\t};\n\n\tconst debouncedUpdateSearchInput = debounce( handleUpdateSearchInput, 300 );\n\n\tconst resetFilters = () => {\n\t\tsetFilters( {} );\n\t};\n\n\tconst resetSearch = () => {\n\t\tsetFilters( { ...filters, search: '' } );\n\t};\n\n\tconst handleUnselectFont = () => {\n\t\tsetSelectedFont( null );\n\t};\n\n\tconst handleToggleVariant = ( font, face ) => {\n\t\tconst newFontsToInstall = toggleFont( font, face, fontsToInstall );\n\t\tsetFontsToInstall( newFontsToInstall );\n\t};\n\n\tconst fontToInstallOutline = getFontsOutline( fontsToInstall );\n\n\tconst resetFontsToInstall = () => {\n\t\tsetFontsToInstall( [] );\n\t};\n\n\tconst handleInstall = async () => {\n\t\tconst response = await installFonts( fontsToInstall );\n\t\tconst installNotice = getNoticeFromInstallResponse( response );\n\t\tsetNotice( installNotice );\n\t\tresetFontsToInstall();\n\t};\n\n\treturn (\n\t\t<TabLayout\n\t\t\ttitle={\n\t\t\t\t! selectedFont ? selectedCollection.name : selectedFont.name\n\t\t\t}\n\t\t\tdescription={\n\t\t\t\t! selectedFont\n\t\t\t\t\t? selectedCollection.description\n\t\t\t\t\t: __( 'Select font variants to install.' )\n\t\t\t}\n\t\t\thandleBack={ !! selectedFont && handleUnselectFont }\n\t\t\tfooter={\n\t\t\t\tfontsToInstall.length > 0 && (\n\t\t\t\t\t<Footer handleInstall={ handleInstall } />\n\t\t\t\t)\n\t\t\t}\n\t\t>\n\t\t\t{ renderConfirmDialog && (\n\t\t\t\t<>\n\t\t\t\t\t<Spacer margin={ 8 } />\n\t\t\t\t\t<GoogleFontsConfirmDialog />\n\t\t\t\t</>\n\t\t\t) }\n\n\t\t\t{ notice && (\n\t\t\t\t<>\n\t\t\t\t\t<FlexItem>\n\t\t\t\t\t\t<Spacer margin={ 2 } />\n\t\t\t\t\t\t<Notice\n\t\t\t\t\t\t\tisDismissible={ false }\n\t\t\t\t\t\t\tstatus={ notice.type }\n\t\t\t\t\t\t\tclassName=\"font-library-modal__font-collection__notice\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ notice.message }\n\t\t\t\t\t\t</Notice>\n\t\t\t\t\t</FlexItem>\n\t\t\t\t\t<Spacer margin={ 2 } />\n\t\t\t\t</>\n\t\t\t) }\n\n\t\t\t{ ! renderConfirmDialog && ! selectedFont && (\n\t\t\t\t<Flex>\n\t\t\t\t\t<FlexItem>\n\t\t\t\t\t\t<InputControl\n\t\t\t\t\t\t\tvalue={ filters.search }\n\t\t\t\t\t\t\tplaceholder={ __( 'Font name…' ) }\n\t\t\t\t\t\t\tlabel={ __( 'Search' ) }\n\t\t\t\t\t\t\tonChange={ debouncedUpdateSearchInput }\n\t\t\t\t\t\t\tprefix={ <Icon icon={ search } /> }\n\t\t\t\t\t\t\tsuffix={\n\t\t\t\t\t\t\t\tfilters?.search ? (\n\t\t\t\t\t\t\t\t\t<Icon\n\t\t\t\t\t\t\t\t\t\ticon={ closeSmall }\n\t\t\t\t\t\t\t\t\t\tonClick={ resetSearch }\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t) : null\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t/>\n\t\t\t\t\t</FlexItem>\n\t\t\t\t\t<FlexItem>\n\t\t\t\t\t\t<SelectControl\n\t\t\t\t\t\t\tlabel={ __( 'Category' ) }\n\t\t\t\t\t\t\tvalue={ filters.category }\n\t\t\t\t\t\t\tonChange={ handleCategoryFilter }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ categories &&\n\t\t\t\t\t\t\t\tcategories.map( ( category ) => (\n\t\t\t\t\t\t\t\t\t<option\n\t\t\t\t\t\t\t\t\t\tvalue={ category.id }\n\t\t\t\t\t\t\t\t\t\tkey={ category.id }\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t{ category.name }\n\t\t\t\t\t\t\t\t\t</option>\n\t\t\t\t\t\t\t\t) ) }\n\t\t\t\t\t\t</SelectControl>\n\t\t\t\t\t</FlexItem>\n\t\t\t\t</Flex>\n\t\t\t) }\n\n\t\t\t<Spacer margin={ 4 } />\n\t\t\t{ ! renderConfirmDialog &&\n\t\t\t\t! selectedCollection?.data?.fontFamilies &&\n\t\t\t\t! notice && <Spinner /> }\n\n\t\t\t{ ! renderConfirmDialog &&\n\t\t\t\t!! selectedCollection?.data?.fontFamilies?.length &&\n\t\t\t\t! fonts.length && (\n\t\t\t\t\t<Text>\n\t\t\t\t\t\t{ __(\n\t\t\t\t\t\t\t'No fonts found. Try with a different search term'\n\t\t\t\t\t\t) }\n\t\t\t\t\t</Text>\n\t\t\t\t) }\n\n\t\t\t{ ! renderConfirmDialog && selectedFont && (\n\t\t\t\t<CollectionFontDetails\n\t\t\t\t\tfont={ selectedFont }\n\t\t\t\t\thandleToggleVariant={ handleToggleVariant }\n\t\t\t\t\tfontToInstallOutline={ fontToInstallOutline }\n\t\t\t\t/>\n\t\t\t) }\n\n\t\t\t{ ! renderConfirmDialog && ! selectedFont && (\n\t\t\t\t<FontsGrid>\n\t\t\t\t\t{ fonts.map( ( font ) => (\n\t\t\t\t\t\t<FontCard\n\t\t\t\t\t\t\tkey={ font.slug }\n\t\t\t\t\t\t\tfont={ font }\n\t\t\t\t\t\t\tonClick={ () => {\n\t\t\t\t\t\t\t\tsetSelectedFont( font );\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</FontsGrid>\n\t\t\t) }\n\t\t</TabLayout>\n\t);\n}\n\nfunction Footer( { handleInstall } ) {\n\tconst { isInstalling } = useContext( FontLibraryContext );\n\n\treturn (\n\t\t<Flex justify=\"flex-end\">\n\t\t\t<Button\n\t\t\t\tvariant=\"primary\"\n\t\t\t\tonClick={ handleInstall }\n\t\t\t\tisBusy={ isInstalling }\n\t\t\t\tdisabled={ isInstalling }\n\t\t\t>\n\t\t\t\t{ __( 'Install' ) }\n\t\t\t</Button>\n\t\t</Flex>\n\t);\n}\n\nexport default FontCollection;\n"],"mappings":"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"}

package/build/components/global-styles/screen-block.js

@@ -255,14 +255,7 @@ function ScreenBlock({
     inheritedValue: inheritedStyleWithLayout,
     value: styleWithLayout,
     onChange: setStyle,
-    settings: {
-      ...settings,
-      color: {
-        ...settings.color,
-        customDuotone: false //TO FIX: Custom duotone only works on the block level right now
-      }
-    },
-
+    settings: settings,
     includeLayoutControls: true
   }), hasImageSettingsPanel && (0, _react.createElement)(ImageSettingsPanel, {
     onChange: onChangeLightbox,