@wordpress/dataviews 3.0.0 → 4.1.0

package/build/components/dataviews-layout/index.js

@@ -0,0 +1,53 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = DataViewsLayout;
+var _element = require("@wordpress/element");
+var _dataviewsContext = _interopRequireDefault(require("../dataviews-context"));
+var _dataviewsLayouts = require("../../dataviews-layouts");
+var _jsxRuntime = require("react/jsx-runtime");
+/**
+ * External dependencies
+ */
+
+/**
+ * WordPress dependencies
+ */
+
+/**
+ * Internal dependencies
+ */
+
+function DataViewsLayout() {
+  const {
+    actions = [],
+    data,
+    fields,
+    getItemId,
+    isLoading,
+    view,
+    onChangeView,
+    selection,
+    onChangeSelection,
+    setOpenedFilter,
+    density
+  } = (0, _element.useContext)(_dataviewsContext.default);
+  const ViewComponent = _dataviewsLayouts.VIEW_LAYOUTS.find(v => v.type === view.type)?.component;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(ViewComponent, {
+    actions: actions,
+    data: data,
+    fields: fields,
+    getItemId: getItemId,
+    isLoading: isLoading,
+    onChangeView: onChangeView,
+    onChangeSelection: onChangeSelection,
+    selection: selection,
+    setOpenedFilter: setOpenedFilter,
+    view: view,
+    density: density
+  });
+}
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_element","require","_dataviewsContext","_interopRequireDefault","_dataviewsLayouts","_jsxRuntime","DataViewsLayout","actions","data","fields","getItemId","isLoading","view","onChangeView","selection","onChangeSelection","setOpenedFilter","density","useContext","DataViewsContext","ViewComponent","VIEW_LAYOUTS","find","v","type","component","jsx"],"sources":["@wordpress/dataviews/src/components/dataviews-layout/index.tsx"],"sourcesContent":["/**\n * External dependencies\n */\nimport type { ComponentType } from 'react';\n\n/**\n * WordPress dependencies\n */\nimport { useContext } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport DataViewsContext from '../dataviews-context';\nimport { VIEW_LAYOUTS } from '../../dataviews-layouts';\nimport type { ViewBaseProps } from '../../types';\n\nexport default function DataViewsLayout() {\n\tconst {\n\t\tactions = [],\n\t\tdata,\n\t\tfields,\n\t\tgetItemId,\n\t\tisLoading,\n\t\tview,\n\t\tonChangeView,\n\t\tselection,\n\t\tonChangeSelection,\n\t\tsetOpenedFilter,\n\t\tdensity,\n\t} = useContext( DataViewsContext );\n\n\tconst ViewComponent = VIEW_LAYOUTS.find( ( v ) => v.type === view.type )\n\t\t?.component as ComponentType< ViewBaseProps< any > >;\n\n\treturn (\n\t\t<ViewComponent\n\t\t\tactions={ actions }\n\t\t\tdata={ data }\n\t\t\tfields={ fields }\n\t\t\tgetItemId={ getItemId }\n\t\t\tisLoading={ isLoading }\n\t\t\tonChangeView={ onChangeView }\n\t\t\tonChangeSelection={ onChangeSelection }\n\t\t\tselection={ selection }\n\t\t\tsetOpenedFilter={ setOpenedFilter }\n\t\t\tview={ view }\n\t\t\tdensity={ density }\n\t\t/>\n\t);\n}\n"],"mappings":";;;;;;;AAQA,IAAAA,QAAA,GAAAC,OAAA;AAKA,IAAAC,iBAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,iBAAA,GAAAH,OAAA;AAAuD,IAAAI,WAAA,GAAAJ,OAAA;AAdvD;AACA;AACA;;AAGA;AACA;AACA;;AAGA;AACA;AACA;;AAKe,SAASK,eAAeA,CAAA,EAAG;EACzC,MAAM;IACLC,OAAO,GAAG,EAAE;IACZC,IAAI;IACJC,MAAM;IACNC,SAAS;IACTC,SAAS;IACTC,IAAI;IACJC,YAAY;IACZC,SAAS;IACTC,iBAAiB;IACjBC,eAAe;IACfC;EACD,CAAC,GAAG,IAAAC,mBAAU,EAAEC,yBAAiB,CAAC;EAElC,MAAMC,aAAa,GAAGC,8BAAY,CAACC,IAAI,CAAIC,CAAC,IAAMA,CAAC,CAACC,IAAI,KAAKZ,IAAI,CAACY,IAAK,CAAC,EACrEC,SAAkD;EAErD,oBACC,IAAApB,WAAA,CAAAqB,GAAA,EAACN,aAAa;IACbb,OAAO,EAAGA,OAAS;IACnBC,IAAI,EAAGA,IAAM;IACbC,MAAM,EAAGA,MAAQ;IACjBC,SAAS,EAAGA,SAAW;IACvBC,SAAS,EAAGA,SAAW;IACvBE,YAAY,EAAGA,YAAc;IAC7BE,iBAAiB,EAAGA,iBAAmB;IACvCD,SAAS,EAAGA,SAAW;IACvBE,eAAe,EAAGA,eAAiB;IACnCJ,IAAI,EAAGA,IAAM;IACbK,OAAO,EAAGA;EAAS,CACnB,CAAC;AAEJ","ignoreList":[]}

package/build/{pagination.js → components/dataviews-pagination/index.js}

@@ -1,5 +1,6 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -8,6 +9,7 @@ var _components = require("@wordpress/components");
 var _element = require("@wordpress/element");
 var _i18n = require("@wordpress/i18n");
 var _icons = require("@wordpress/icons");
+var _dataviewsContext = _interopRequireDefault(require("../dataviews-context"));
 var _jsxRuntime = require("react/jsx-runtime");
 /**
  * WordPress dependencies
@@ -17,15 +19,16 @@ var _jsxRuntime = require("react/jsx-runtime");
  * Internal dependencies
  */
 
-const Pagination = (0, _element.memo)(function Pagination({
-  view,
-  onChangeView,
-  paginationInfo: {
-    totalItems = 0,
-    totalPages
-  }
-}) {
+function DataViewsPagination() {
   var _view$page;
+  const {
+    view,
+    onChangeView,
+    paginationInfo: {
+      totalItems = 0,
+      totalPages
+    }
+  } = (0, _element.useContext)(_dataviewsContext.default);
   if (!totalItems || !totalPages) {
     return null;
   }
@@ -74,7 +77,7 @@ const Pagination = (0, _element.memo)(function Pagination({
         disabled: currentPage === 1,
         accessibleWhenDisabled: true,
         label: (0, _i18n.__)('Previous page'),
-        icon: _icons.chevronLeft,
+        icon: _icons.previous,
         showTooltip: true,
         size: "compact",
         tooltipPosition: "top"
@@ -86,13 +89,13 @@ const Pagination = (0, _element.memo)(function Pagination({
         disabled: currentPage >= totalPages,
         accessibleWhenDisabled: true,
         label: (0, _i18n.__)('Next page'),
-        icon: _icons.chevronRight,
+        icon: _icons.next,
         showTooltip: true,
         size: "compact",
         tooltipPosition: "top"
       })]
     })]
   });
-});
-var _default = exports.default = Pagination;
-//# sourceMappingURL=pagination.js.map
+}
+var _default = exports.default = (0, _element.memo)(DataViewsPagination);
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_components","require","_element","_i18n","_icons","_dataviewsContext","_interopRequireDefault","_jsxRuntime","DataViewsPagination","_view$page","view","onChangeView","paginationInfo","totalItems","totalPages","useContext","DataViewsContext","currentPage","page","jsxs","__experimentalHStack","expanded","spacing","justify","className","children","jsx","createInterpolateElement","sprintf","_x","CurrentPageControl","SelectControl","__","value","toString","options","Array","from","map","_","i","label","onChange","newValue","size","__nextHasNoMarginBottom","Button","onClick","disabled","accessibleWhenDisabled","icon","previous","showTooltip","tooltipPosition","next","_default","exports","default","memo"],"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 } from '@wordpress/i18n';\nimport { next, previous } from '@wordpress/icons';\n\n/**\n * Internal dependencies\n */\nimport DataViewsContext from '../dataviews-context';\n\nfunction DataViewsPagination() {\n\tconst {\n\t\tview,\n\t\tonChangeView,\n\t\tpaginationInfo: { totalItems = 0, totalPages },\n\t} = useContext( DataViewsContext );\n\tif ( ! totalItems || ! totalPages ) {\n\t\treturn null;\n\t}\n\tconst currentPage = view.page ?? 1;\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\tspacing={ 6 }\n\t\t\t\tjustify=\"end\"\n\t\t\t\tclassName=\"dataviews-pagination\"\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={ 2 }\n\t\t\t\t\tclassName=\"dataviews-pagination__page-selection\"\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: %s: Total number of pages.\n\t\t\t\t\t\t\t_x( 'Page <CurrentPageControl /> of %s', 'paging' ),\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\tCurrentPageControl: (\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={ view.page?.toString() }\n\t\t\t\t\t\t\t\t\toptions={ Array.from(\n\t\t\t\t\t\t\t\t\t\tArray( totalPages )\n\t\t\t\t\t\t\t\t\t).map( ( _, i ) => {\n\t\t\t\t\t\t\t\t\t\tconst page = i + 1;\n\t\t\t\t\t\t\t\t\t\treturn {\n\t\t\t\t\t\t\t\t\t\t\tvalue: page.toString(),\n\t\t\t\t\t\t\t\t\t\t\tlabel: page.toString(),\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\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=\"compact\"\n\t\t\t\t\t\t\t\t\t__nextHasNoMarginBottom\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={ 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={ 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":";;;;;;;AAGA,IAAAA,WAAA,GAAAC,OAAA;AAKA,IAAAC,QAAA,GAAAD,OAAA;AACA,IAAAE,KAAA,GAAAF,OAAA;AACA,IAAAG,MAAA,GAAAH,OAAA;AAKA,IAAAI,iBAAA,GAAAC,sBAAA,CAAAL,OAAA;AAAoD,IAAAM,WAAA,GAAAN,OAAA;AAfpD;AACA;AACA;;AAUA;AACA;AACA;;AAGA,SAASO,mBAAmBA,CAAA,EAAG;EAAA,IAAAC,UAAA;EAC9B,MAAM;IACLC,IAAI;IACJC,YAAY;IACZC,cAAc,EAAE;MAAEC,UAAU,GAAG,CAAC;MAAEC;IAAW;EAC9C,CAAC,GAAG,IAAAC,mBAAU,EAAEC,yBAAiB,CAAC;EAClC,IAAK,CAAEH,UAAU,IAAI,CAAEC,UAAU,EAAG;IACnC,OAAO,IAAI;EACZ;EACA,MAAMG,WAAW,IAAAR,UAAA,GAAGC,IAAI,CAACQ,IAAI,cAAAT,UAAA,cAAAA,UAAA,GAAI,CAAC;EAClC,OACC,CAAC,CAAEI,UAAU,IACbC,UAAU,KAAK,CAAC,iBACf,IAAAP,WAAA,CAAAY,IAAA,EAACnB,WAAA,CAAAoB,oBAAM;IACNC,QAAQ,EAAG,KAAO;IAClBC,OAAO,EAAG,CAAG;IACbC,OAAO,EAAC,KAAK;IACbC,SAAS,EAAC,sBAAsB;IAAAC,QAAA,gBAEhC,IAAAlB,WAAA,CAAAmB,GAAA,EAAC1B,WAAA,CAAAoB,oBAAM;MACNG,OAAO,EAAC,YAAY;MACpBF,QAAQ,EAAG,KAAO;MAClBC,OAAO,EAAG,CAAG;MACbE,SAAS,EAAC,sCAAsC;MAAAC,QAAA,EAE9C,IAAAE,iCAAwB,EACzB,IAAAC,aAAO;MACN;MACA,IAAAC,QAAE,EAAE,mCAAmC,EAAE,QAAS,CAAC,EACnDf,UACD,CAAC,EACD;QACCgB,kBAAkB,eACjB,IAAAvB,WAAA,CAAAmB,GAAA,EAAC1B,WAAA,CAAA+B,aAAa;UACb,cAAa,IAAAC,QAAE,EAAE,cAAe,CAAG;UACnCC,KAAK,EAAGvB,IAAI,CAACQ,IAAI,EAAEgB,QAAQ,CAAC,CAAG;UAC/BC,OAAO,EAAGC,KAAK,CAACC,IAAI,CACnBD,KAAK,CAAEtB,UAAW,CACnB,CAAC,CAACwB,GAAG,CAAE,CAAEC,CAAC,EAAEC,CAAC,KAAM;YAClB,MAAMtB,IAAI,GAAGsB,CAAC,GAAG,CAAC;YAClB,OAAO;cACNP,KAAK,EAAEf,IAAI,CAACgB,QAAQ,CAAC,CAAC;cACtBO,KAAK,EAAEvB,IAAI,CAACgB,QAAQ,CAAC;YACtB,CAAC;UACF,CAAE,CAAG;UACLQ,QAAQ,EAAKC,QAAQ,IAAM;YAC1BhC,YAAY,CAAE;cACb,GAAGD,IAAI;cACPQ,IAAI,EAAE,CAACyB;YACR,CAAE,CAAC;UACJ,CAAG;UACHC,IAAI,EAAC,SAAS;UACdC,uBAAuB;QAAA,CACvB;MAEH,CACD;IAAC,CACM,CAAC,eACT,IAAAtC,WAAA,CAAAY,IAAA,EAACnB,WAAA,CAAAoB,oBAAM;MAACC,QAAQ,EAAG,KAAO;MAACC,OAAO,EAAG,CAAG;MAAAG,QAAA,gBACvC,IAAAlB,WAAA,CAAAmB,GAAA,EAAC1B,WAAA,CAAA8C,MAAM;QACNC,OAAO,EAAGA,CAAA,KACTpC,YAAY,CAAE;UACb,GAAGD,IAAI;UACPQ,IAAI,EAAED,WAAW,GAAG;QACrB,CAAE,CACF;QACD+B,QAAQ,EAAG/B,WAAW,KAAK,CAAG;QAC9BgC,sBAAsB;QACtBR,KAAK,EAAG,IAAAT,QAAE,EAAE,eAAgB,CAAG;QAC/BkB,IAAI,EAAGC,eAAU;QACjBC,WAAW;QACXR,IAAI,EAAC,SAAS;QACdS,eAAe,EAAC;MAAK,CACrB,CAAC,eACF,IAAA9C,WAAA,CAAAmB,GAAA,EAAC1B,WAAA,CAAA8C,MAAM;QACNC,OAAO,EAAGA,CAAA,KACTpC,YAAY,CAAE;UAAE,GAAGD,IAAI;UAAEQ,IAAI,EAAED,WAAW,GAAG;QAAE,CAAE,CACjD;QACD+B,QAAQ,EAAG/B,WAAW,IAAIH,UAAY;QACtCmC,sBAAsB;QACtBR,KAAK,EAAG,IAAAT,QAAE,EAAE,WAAY,CAAG;QAC3BkB,IAAI,EAAGI,WAAM;QACbF,WAAW;QACXR,IAAI,EAAC,SAAS;QACdS,eAAe,EAAC;MAAK,CACrB,CAAC;IAAA,CACK,CAAC;EAAA,CACF,CACR;AAEH;AAAC,IAAAE,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAEc,IAAAC,aAAI,EAAElD,mBAAoB,CAAC","ignoreList":[]}

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

@@ -1,5 +1,6 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -8,6 +9,7 @@ var _i18n = require("@wordpress/i18n");
 var _element = require("@wordpress/element");
 var _components = require("@wordpress/components");
 var _compose = require("@wordpress/compose");
+var _dataviewsContext = _interopRequireDefault(require("../dataviews-context"));
 var _jsxRuntime = require("react/jsx-runtime");
 /**
  * WordPress dependencies
@@ -17,11 +19,13 @@ var _jsxRuntime = require("react/jsx-runtime");
  * Internal dependencies
  */
 
-const Search = (0, _element.memo)(function Search({
-  label,
-  view,
-  onChangeView
+const DataViewsSearch = (0, _element.memo)(function Search({
+  label
 }) {
+  const {
+    view,
+    onChangeView
+  } = (0, _element.useContext)(_dataviewsContext.default);
   const [search, setSearch, debouncedSearch] = (0, _compose.useDebouncedInput)(view.search);
   (0, _element.useEffect)(() => {
     var _view$search;
@@ -34,14 +38,17 @@ const Search = (0, _element.memo)(function Search({
     viewRef.current = view;
   }, [onChangeView, view]);
   (0, _element.useEffect)(() => {
-    onChangeViewRef.current({
-      ...viewRef.current,
-      page: 1,
-      search: debouncedSearch
-    });
+    if (debouncedSearch !== viewRef.current?.search) {
+      onChangeViewRef.current({
+        ...viewRef.current,
+        page: 1,
+        search: debouncedSearch
+      });
+    }
   }, [debouncedSearch]);
   const searchLabel = label || (0, _i18n.__)('Search');
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.SearchControl, {
+    className: "dataviews-search",
     __nextHasNoMarginBottom: true,
     onChange: setSearch,
     value: search,
@@ -50,5 +57,5 @@ const Search = (0, _element.memo)(function Search({
     size: "compact"
   });
 });
-var _default = exports.default = Search;
-//# sourceMappingURL=search.js.map
+var _default = exports.default = DataViewsSearch;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_i18n","require","_element","_components","_compose","_dataviewsContext","_interopRequireDefault","_jsxRuntime","DataViewsSearch","memo","Search","label","view","onChangeView","useContext","DataViewsContext","search","setSearch","debouncedSearch","useDebouncedInput","useEffect","_view$search","onChangeViewRef","useRef","viewRef","current","page","searchLabel","__","jsx","SearchControl","className","__nextHasNoMarginBottom","onChange","value","placeholder","size","_default","exports","default"],"sources":["@wordpress/dataviews/src/components/dataviews-search/index.tsx"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { useEffect, useRef, memo, useContext } from '@wordpress/element';\nimport { SearchControl } from '@wordpress/components';\nimport { useDebouncedInput } from '@wordpress/compose';\n\n/**\n * Internal dependencies\n */\nimport DataViewsContext from '../dataviews-context';\n\ninterface SearchProps {\n\tlabel?: string;\n}\n\nconst DataViewsSearch = memo( function Search( { label }: SearchProps ) {\n\tconst { view, onChangeView } = useContext( DataViewsContext );\n\tconst [ search, setSearch, debouncedSearch ] = useDebouncedInput(\n\t\tview.search\n\t);\n\tuseEffect( () => {\n\t\tsetSearch( view.search ?? '' );\n\t}, [ view.search, setSearch ] );\n\tconst onChangeViewRef = useRef( onChangeView );\n\tconst viewRef = useRef( view );\n\tuseEffect( () => {\n\t\tonChangeViewRef.current = onChangeView;\n\t\tviewRef.current = view;\n\t}, [ onChangeView, view ] );\n\tuseEffect( () => {\n\t\tif ( debouncedSearch !== viewRef.current?.search ) {\n\t\t\tonChangeViewRef.current( {\n\t\t\t\t...viewRef.current,\n\t\t\t\tpage: 1,\n\t\t\t\tsearch: debouncedSearch,\n\t\t\t} );\n\t\t}\n\t}, [ debouncedSearch ] );\n\tconst searchLabel = label || __( 'Search' );\n\treturn (\n\t\t<SearchControl\n\t\t\tclassName=\"dataviews-search\"\n\t\t\t__nextHasNoMarginBottom\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\nexport default DataViewsSearch;\n"],"mappings":";;;;;;;AAGA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,QAAA,GAAAD,OAAA;AACA,IAAAE,WAAA,GAAAF,OAAA;AACA,IAAAG,QAAA,GAAAH,OAAA;AAKA,IAAAI,iBAAA,GAAAC,sBAAA,CAAAL,OAAA;AAAoD,IAAAM,WAAA,GAAAN,OAAA;AAXpD;AACA;AACA;;AAMA;AACA;AACA;;AAOA,MAAMO,eAAe,GAAG,IAAAC,aAAI,EAAE,SAASC,MAAMA,CAAE;EAAEC;AAAmB,CAAC,EAAG;EACvE,MAAM;IAAEC,IAAI;IAAEC;EAAa,CAAC,GAAG,IAAAC,mBAAU,EAAEC,yBAAiB,CAAC;EAC7D,MAAM,CAAEC,MAAM,EAAEC,SAAS,EAAEC,eAAe,CAAE,GAAG,IAAAC,0BAAiB,EAC/DP,IAAI,CAACI,MACN,CAAC;EACD,IAAAI,kBAAS,EAAE,MAAM;IAAA,IAAAC,YAAA;IAChBJ,SAAS,EAAAI,YAAA,GAAET,IAAI,CAACI,MAAM,cAAAK,YAAA,cAAAA,YAAA,GAAI,EAAG,CAAC;EAC/B,CAAC,EAAE,CAAET,IAAI,CAACI,MAAM,EAAEC,SAAS,CAAG,CAAC;EAC/B,MAAMK,eAAe,GAAG,IAAAC,eAAM,EAAEV,YAAa,CAAC;EAC9C,MAAMW,OAAO,GAAG,IAAAD,eAAM,EAAEX,IAAK,CAAC;EAC9B,IAAAQ,kBAAS,EAAE,MAAM;IAChBE,eAAe,CAACG,OAAO,GAAGZ,YAAY;IACtCW,OAAO,CAACC,OAAO,GAAGb,IAAI;EACvB,CAAC,EAAE,CAAEC,YAAY,EAAED,IAAI,CAAG,CAAC;EAC3B,IAAAQ,kBAAS,EAAE,MAAM;IAChB,IAAKF,eAAe,KAAKM,OAAO,CAACC,OAAO,EAAET,MAAM,EAAG;MAClDM,eAAe,CAACG,OAAO,CAAE;QACxB,GAAGD,OAAO,CAACC,OAAO;QAClBC,IAAI,EAAE,CAAC;QACPV,MAAM,EAAEE;MACT,CAAE,CAAC;IACJ;EACD,CAAC,EAAE,CAAEA,eAAe,CAAG,CAAC;EACxB,MAAMS,WAAW,GAAGhB,KAAK,IAAI,IAAAiB,QAAE,EAAE,QAAS,CAAC;EAC3C,oBACC,IAAArB,WAAA,CAAAsB,GAAA,EAAC1B,WAAA,CAAA2B,aAAa;IACbC,SAAS,EAAC,kBAAkB;IAC5BC,uBAAuB;IACvBC,QAAQ,EAAGhB,SAAW;IACtBiB,KAAK,EAAGlB,MAAQ;IAChBL,KAAK,EAAGgB,WAAa;IACrBQ,WAAW,EAAGR,WAAa;IAC3BS,IAAI,EAAC;EAAS,CACd,CAAC;AAEJ,CAAE,CAAC;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAEW/B,eAAe","ignoreList":[]}

package/build/{single-selection-checkbox.js → components/dataviews-selection-checkbox/index.js}

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = SingleSelectionCheckbox;
+exports.default = DataViewsSelectionCheckbox;
 var _i18n = require("@wordpress/i18n");
 var _components = require("@wordpress/components");
 var _jsxRuntime = require("react/jsx-runtime");
@@ -15,9 +15,9 @@ var _jsxRuntime = require("react/jsx-runtime");
  * Internal dependencies
  */
 
-function SingleSelectionCheckbox({
+function DataViewsSelectionCheckbox({
   selection,
-  onSelectionChange,
+  onChangeSelection,
   item,
   getItemId,
   primaryField,
@@ -36,7 +36,7 @@ function SingleSelectionCheckbox({
     selectionLabel = checked ? (0, _i18n.__)('Select a new item') : (0, _i18n.__)('Deselect item');
   }
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.CheckboxControl, {
-    className: "dataviews-view-table-selection-checkbox",
+    className: "dataviews-selection-checkbox",
     __nextHasNoMarginBottom: true,
     "aria-label": selectionLabel,
     "aria-disabled": disabled,
@@ -45,8 +45,8 @@ function SingleSelectionCheckbox({
       if (disabled) {
         return;
       }
-      onSelectionChange(selection.includes(id) ? selection.filter(itemId => id !== itemId) : [...selection, id]);
+      onChangeSelection(selection.includes(id) ? selection.filter(itemId => id !== itemId) : [...selection, id]);
     }
   });
 }
-//# sourceMappingURL=single-selection-checkbox.js.map
+//# sourceMappingURL=index.js.map

package/build/components/dataviews-selection-checkbox/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_i18n","require","_components","_jsxRuntime","DataViewsSelectionCheckbox","selection","onChangeSelection","item","getItemId","primaryField","disabled","id","checked","includes","selectionLabel","getValue","sprintf","__","jsx","CheckboxControl","className","__nextHasNoMarginBottom","onChange","filter","itemId"],"sources":["@wordpress/dataviews/src/components/dataviews-selection-checkbox/index.tsx"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __, sprintf } from '@wordpress/i18n';\nimport { CheckboxControl } from '@wordpress/components';\n\n/**\n * Internal dependencies\n */\nimport type { Field } from '../../types';\nimport type { SetSelection } from '../../private-types';\n\ninterface DataViewsSelectionCheckboxProps< Item > {\n\tselection: string[];\n\tonChangeSelection: SetSelection;\n\titem: Item;\n\tgetItemId: ( item: Item ) => string;\n\tprimaryField?: Field< Item >;\n\tdisabled: boolean;\n}\n\nexport default function DataViewsSelectionCheckbox< Item >( {\n\tselection,\n\tonChangeSelection,\n\titem,\n\tgetItemId,\n\tprimaryField,\n\tdisabled,\n}: DataViewsSelectionCheckboxProps< Item > ) {\n\tconst id = getItemId( item );\n\tconst checked = ! disabled && selection.includes( id );\n\tlet selectionLabel;\n\tif ( primaryField?.getValue && item ) {\n\t\t// eslint-disable-next-line @wordpress/valid-sprintf\n\t\tselectionLabel = sprintf(\n\t\t\t/* translators: %s: item title. */\n\t\t\tchecked ? __( 'Deselect item: %s' ) : __( 'Select item: %s' ),\n\t\t\tprimaryField.getValue( { item } )\n\t\t);\n\t} else {\n\t\tselectionLabel = checked\n\t\t\t? __( 'Select a new item' )\n\t\t\t: __( 'Deselect item' );\n\t}\n\treturn (\n\t\t<CheckboxControl\n\t\t\tclassName=\"dataviews-selection-checkbox\"\n\t\t\t__nextHasNoMarginBottom\n\t\t\taria-label={ selectionLabel }\n\t\t\taria-disabled={ disabled }\n\t\t\tchecked={ checked }\n\t\t\tonChange={ () => {\n\t\t\t\tif ( disabled ) {\n\t\t\t\t\treturn;\n\t\t\t\t}\n\n\t\t\t\tonChangeSelection(\n\t\t\t\t\tselection.includes( id )\n\t\t\t\t\t\t? selection.filter( ( itemId ) => id !== itemId )\n\t\t\t\t\t\t: [ ...selection, id ]\n\t\t\t\t);\n\t\t\t} }\n\t\t/>\n\t);\n}\n"],"mappings":";;;;;;AAGA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,WAAA,GAAAD,OAAA;AAAwD,IAAAE,WAAA,GAAAF,OAAA;AAJxD;AACA;AACA;;AAIA;AACA;AACA;;AAae,SAASG,0BAA0BA,CAAU;EAC3DC,SAAS;EACTC,iBAAiB;EACjBC,IAAI;EACJC,SAAS;EACTC,YAAY;EACZC;AACwC,CAAC,EAAG;EAC5C,MAAMC,EAAE,GAAGH,SAAS,CAAED,IAAK,CAAC;EAC5B,MAAMK,OAAO,GAAG,CAAEF,QAAQ,IAAIL,SAAS,CAACQ,QAAQ,CAAEF,EAAG,CAAC;EACtD,IAAIG,cAAc;EAClB,IAAKL,YAAY,EAAEM,QAAQ,IAAIR,IAAI,EAAG;IACrC;IACAO,cAAc,GAAG,IAAAE,aAAO,GACvB;IACAJ,OAAO,GAAG,IAAAK,QAAE,EAAE,mBAAoB,CAAC,GAAG,IAAAA,QAAE,EAAE,iBAAkB,CAAC,EAC7DR,YAAY,CAACM,QAAQ,CAAE;MAAER;IAAK,CAAE,CACjC,CAAC;EACF,CAAC,MAAM;IACNO,cAAc,GAAGF,OAAO,GACrB,IAAAK,QAAE,EAAE,mBAAoB,CAAC,GACzB,IAAAA,QAAE,EAAE,eAAgB,CAAC;EACzB;EACA,oBACC,IAAAd,WAAA,CAAAe,GAAA,EAAChB,WAAA,CAAAiB,eAAe;IACfC,SAAS,EAAC,8BAA8B;IACxCC,uBAAuB;IACvB,cAAaP,cAAgB;IAC7B,iBAAgBJ,QAAU;IAC1BE,OAAO,EAAGA,OAAS;IACnBU,QAAQ,EAAGA,CAAA,KAAM;MAChB,IAAKZ,QAAQ,EAAG;QACf;MACD;MAEAJ,iBAAiB,CAChBD,SAAS,CAACQ,QAAQ,CAAEF,EAAG,CAAC,GACrBN,SAAS,CAACkB,MAAM,CAAIC,MAAM,IAAMb,EAAE,KAAKa,MAAO,CAAC,GAC/C,CAAE,GAAGnB,SAAS,EAAEM,EAAE,CACtB,CAAC;IACF;EAAG,CACH,CAAC;AAEJ","ignoreList":[]}

package/build/components/dataviews-view-config/index.js

@@ -0,0 +1,298 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _components = require("@wordpress/components");
+var _i18n = require("@wordpress/i18n");
+var _element = require("@wordpress/element");
+var _icons = require("@wordpress/icons");
+var _warning = _interopRequireDefault(require("@wordpress/warning"));
+var _constants = require("../../constants");
+var _dataviewsLayouts = require("../../dataviews-layouts");
+var _dataviewsContext = _interopRequireDefault(require("../dataviews-context"));
+var _lockUnlock = require("../../lock-unlock");
+var _jsxRuntime = require("react/jsx-runtime");
+/**
+ * External dependencies
+ */
+
+/**
+ * WordPress dependencies
+ */
+
+/**
+ * Internal dependencies
+ */
+
+const {
+  DropdownMenuV2: DropdownMenu,
+  DropdownMenuRadioItemV2: DropdownMenuRadioItem,
+  DropdownMenuItemLabelV2: DropdownMenuItemLabel
+} = (0, _lockUnlock.unlock)(_components.privateApis);
+function ViewTypeMenu({
+  defaultLayouts = {
+    list: {},
+    grid: {},
+    table: {}
+  }
+}) {
+  const {
+    view,
+    onChangeView
+  } = (0, _element.useContext)(_dataviewsContext.default);
+  const availableLayouts = Object.keys(defaultLayouts);
+  if (availableLayouts.length <= 1) {
+    return null;
+  }
+  const activeView = _dataviewsLayouts.VIEW_LAYOUTS.find(v => view.type === v.type);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(DropdownMenu, {
+    trigger: /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Button, {
+      size: "compact",
+      icon: activeView?.icon,
+      label: (0, _i18n.__)('Layout')
+    }),
+    children: availableLayouts.map(layout => {
+      const config = _dataviewsLayouts.VIEW_LAYOUTS.find(v => v.type === layout);
+      if (!config) {
+        return null;
+      }
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(DropdownMenuRadioItem, {
+        value: layout,
+        name: "view-actions-available-view",
+        checked: layout === view.type,
+        hideOnClick: true,
+        onChange: e => {
+          switch (e.target.value) {
+            case 'list':
+            case 'grid':
+            case 'table':
+              return onChangeView({
+                ...view,
+                type: e.target.value,
+                ...defaultLayouts[e.target.value]
+              });
+          }
+          globalThis.SCRIPT_DEBUG === true ? (0, _warning.default)('Invalid dataview') : void 0;
+        },
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(DropdownMenuItemLabel, {
+          children: config.label
+        })
+      }, layout);
+    })
+  });
+}
+function SortFieldControl() {
+  const {
+    view,
+    fields,
+    onChangeView
+  } = (0, _element.useContext)(_dataviewsContext.default);
+  const orderOptions = (0, _element.useMemo)(() => {
+    const sortableFields = fields.filter(field => field.enableSorting !== false);
+    return sortableFields.map(field => {
+      return {
+        label: field.label,
+        value: field.id
+      };
+    });
+  }, [fields]);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.SelectControl, {
+    __nextHasNoMarginBottom: true,
+    __next40pxDefaultSize: true,
+    label: (0, _i18n.__)('Sort by'),
+    value: view.sort?.field,
+    options: orderOptions,
+    onChange: value => {
+      onChangeView({
+        ...view,
+        sort: {
+          direction: view?.sort?.direction || 'desc',
+          field: value
+        }
+      });
+    }
+  });
+}
+function SortDirectionControl() {
+  const {
+    view,
+    onChangeView
+  } = (0, _element.useContext)(_dataviewsContext.default);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.__experimentalToggleGroupControl, {
+    className: "dataviews-view-config__sort-direction",
+    __nextHasNoMarginBottom: true,
+    __next40pxDefaultSize: true,
+    isBlock: true,
+    label: (0, _i18n.__)('Order'),
+    value: view.sort?.direction || 'desc',
+    disabled: !view?.sort?.field,
+    onChange: newDirection => {
+      if (!view?.sort?.field) {
+        return;
+      }
+      if (newDirection === 'asc' || newDirection === 'desc') {
+        onChangeView({
+          ...view,
+          sort: {
+            direction: newDirection,
+            field: view.sort.field
+          }
+        });
+        return;
+      }
+      globalThis.SCRIPT_DEBUG === true ? (0, _warning.default)('Invalid direction') : void 0;
+    },
+    children: _constants.SORTING_DIRECTIONS.map(direction => {
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.__experimentalToggleGroupControlOptionIcon, {
+        value: direction,
+        icon: _constants.sortIcons[direction],
+        label: _constants.sortLabels[direction]
+      }, direction);
+    })
+  });
+}
+const PAGE_SIZE_VALUES = [10, 20, 50, 100];
+function ItemsPerPageControl() {
+  const {
+    view,
+    onChangeView
+  } = (0, _element.useContext)(_dataviewsContext.default);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.__experimentalToggleGroupControl, {
+    __nextHasNoMarginBottom: true,
+    __next40pxDefaultSize: true,
+    isBlock: true,
+    label: (0, _i18n.__)('Items per page'),
+    value: view.perPage || 10,
+    disabled: !view?.sort?.field,
+    onChange: newItemsPerPage => {
+      const newItemsPerPageNumber = typeof newItemsPerPage === 'number' || newItemsPerPage === undefined ? newItemsPerPage : parseInt(newItemsPerPage, 10);
+      onChangeView({
+        ...view,
+        perPage: newItemsPerPageNumber,
+        page: 1
+      });
+    },
+    children: PAGE_SIZE_VALUES.map(value => {
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.__experimentalToggleGroupControlOption, {
+        value: value,
+        label: value.toString()
+      }, value);
+    })
+  });
+}
+function FieldControl() {
+  const {
+    view,
+    fields,
+    onChangeView
+  } = (0, _element.useContext)(_dataviewsContext.default);
+  const mandatoryFields = (0, _dataviewsLayouts.getMandatoryFields)(view);
+  const hidableFields = fields.filter(field => field.enableHiding !== false && !mandatoryFields.includes(field.id));
+  const viewFields = view.fields || fields.map(field => field.id);
+  if (!hidableFields?.length) {
+    return null;
+  }
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.__experimentalItemGroup, {
+    isBordered: true,
+    isSeparated: true,
+    children: hidableFields?.map(field => {
+      const isVisible = viewFields.includes(field.id);
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.__experimentalItem, {
+        children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_components.__experimentalHStack, {
+          expanded: true,
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+            children: field.label
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Button, {
+            className: "'dataviews-view-config__field-control-button",
+            size: "compact",
+            onClick: () => onChangeView({
+              ...view,
+              fields: isVisible ? viewFields.filter(id => id !== field.id) : [...viewFields, field.id]
+            }),
+            icon: isVisible ? _icons.seen : _icons.unseen,
+            label: isVisible ? (0, _i18n.__)('Hide field') : (0, _i18n.__)('Show field')
+          })]
+        })
+      }, field.id);
+    })
+  });
+}
+function SettingsSection({
+  title,
+  description,
+  children
+}) {
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_components.__experimentalGrid, {
+    columns: 12,
+    className: "dataviews-settings-section",
+    gap: 4,
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+      className: "dataviews-settings-section__sidebar",
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_components.__experimentalHeading, {
+        level: 2,
+        className: "dataviews-settings-section__title",
+        children: title
+      }), description && /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.__experimentalText, {
+        variant: "muted",
+        className: "dataviews-settings-section__description",
+        children: description
+      })]
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.__experimentalGrid, {
+      columns: 8,
+      gap: 4,
+      className: "dataviews-settings-section__content",
+      children: children
+    })]
+  });
+}
+function DataviewsViewConfigContent() {
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_components.__experimentalVStack, {
+    className: "dataviews-view-config",
+    spacing: 6,
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(SettingsSection, {
+      title: (0, _i18n.__)('Appearance'),
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_components.__experimentalHStack, {
+        expanded: true,
+        className: "is-divided-in-two",
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(SortFieldControl, {}), /*#__PURE__*/(0, _jsxRuntime.jsx)(SortDirectionControl, {})]
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(ItemsPerPageControl, {})]
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(SettingsSection, {
+      title: (0, _i18n.__)('Properties'),
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(FieldControl, {})
+    })]
+  });
+}
+function _DataViewsViewConfig({
+  defaultLayouts = {
+    list: {},
+    grid: {},
+    table: {}
+  }
+}) {
+  const [isShowingViewPopover, setIsShowingViewPopover] = (0, _element.useState)(false);
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(ViewTypeMenu, {
+      defaultLayouts: defaultLayouts
+    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Button, {
+        size: "compact",
+        icon: _icons.cog,
+        label: (0, _i18n._x)('View options', 'View is used as a noun'),
+        onClick: () => setIsShowingViewPopover(true)
+      }), isShowingViewPopover && /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Popover, {
+        placement: "bottom-end",
+        onClose: () => {
+          setIsShowingViewPopover(false);
+        },
+        focusOnMount: true,
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(DataviewsViewConfigContent, {})
+      })]
+    })]
+  });
+}
+const DataViewsViewConfig = (0, _element.memo)(_DataViewsViewConfig);
+var _default = exports.default = DataViewsViewConfig;
+//# sourceMappingURL=index.js.map

package/build/components/dataviews-view-config/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_components","require","_i18n","_element","_icons","_warning","_interopRequireDefault","_constants","_dataviewsLayouts","_dataviewsContext","_lockUnlock","_jsxRuntime","DropdownMenuV2","DropdownMenu","DropdownMenuRadioItemV2","DropdownMenuRadioItem","DropdownMenuItemLabelV2","DropdownMenuItemLabel","unlock","componentsPrivateApis","ViewTypeMenu","defaultLayouts","list","grid","table","view","onChangeView","useContext","DataViewsContext","availableLayouts","Object","keys","length","activeView","VIEW_LAYOUTS","find","v","type","jsx","trigger","Button","size","icon","label","__","children","map","layout","config","value","name","checked","hideOnClick","onChange","e","target","globalThis","SCRIPT_DEBUG","warning","SortFieldControl","fields","orderOptions","useMemo","sortableFields","filter","field","enableSorting","id","SelectControl","__nextHasNoMarginBottom","__next40pxDefaultSize","sort","options","direction","SortDirectionControl","__experimentalToggleGroupControl","className","isBlock","disabled","newDirection","SORTING_DIRECTIONS","__experimentalToggleGroupControlOptionIcon","sortIcons","sortLabels","PAGE_SIZE_VALUES","ItemsPerPageControl","perPage","newItemsPerPage","newItemsPerPageNumber","undefined","parseInt","page","__experimentalToggleGroupControlOption","toString","FieldControl","mandatoryFields","getMandatoryFields","hidableFields","enableHiding","includes","viewFields","__experimentalItemGroup","isBordered","isSeparated","isVisible","__experimentalItem","jsxs","__experimentalHStack","expanded","onClick","seen","unseen","SettingsSection","title","description","__experimentalGrid","columns","gap","__experimentalHeading","level","__experimentalText","variant","DataviewsViewConfigContent","__experimentalVStack","spacing","_DataViewsViewConfig","isShowingViewPopover","setIsShowingViewPopover","useState","Fragment","cog","_x","Popover","placement","onClose","focusOnMount","DataViewsViewConfig","memo","_default","exports","default"],"sources":["@wordpress/dataviews/src/components/dataviews-view-config/index.tsx"],"sourcesContent":["/**\n * External dependencies\n */\nimport type { ChangeEvent } from 'react';\n\n/**\n * WordPress dependencies\n */\nimport {\n\tButton,\n\tPopover,\n\t__experimentalToggleGroupControl as ToggleGroupControl,\n\t__experimentalToggleGroupControlOption as ToggleGroupControlOption,\n\t__experimentalToggleGroupControlOptionIcon as ToggleGroupControlOptionIcon,\n\tSelectControl,\n\t__experimentalItemGroup as ItemGroup,\n\t__experimentalItem as Item,\n\t__experimentalGrid as Grid,\n\t__experimentalVStack as VStack,\n\t__experimentalHStack as HStack,\n\t__experimentalHeading as Heading,\n\t__experimentalText as Text,\n\tprivateApis as componentsPrivateApis,\n} from '@wordpress/components';\nimport { __, _x } from '@wordpress/i18n';\nimport { memo, useContext, useState, useMemo } from '@wordpress/element';\nimport { cog, seen, unseen } from '@wordpress/icons';\nimport warning from '@wordpress/warning';\n\n/**\n * Internal dependencies\n */\nimport { SORTING_DIRECTIONS, sortIcons, sortLabels } from '../../constants';\nimport { VIEW_LAYOUTS, getMandatoryFields } from '../../dataviews-layouts';\nimport type { SupportedLayouts } from '../../types';\nimport DataViewsContext from '../dataviews-context';\nimport { unlock } from '../../lock-unlock';\n\nconst {\n\tDropdownMenuV2: DropdownMenu,\n\tDropdownMenuRadioItemV2: DropdownMenuRadioItem,\n\tDropdownMenuItemLabelV2: DropdownMenuItemLabel,\n} = unlock( componentsPrivateApis );\n\ninterface ViewTypeMenuProps {\n\tdefaultLayouts?: SupportedLayouts;\n}\n\nfunction ViewTypeMenu( {\n\tdefaultLayouts = { list: {}, grid: {}, table: {} },\n}: ViewTypeMenuProps ) {\n\tconst { view, onChangeView } = useContext( DataViewsContext );\n\tconst availableLayouts = Object.keys( defaultLayouts );\n\tif ( availableLayouts.length <= 1 ) {\n\t\treturn null;\n\t}\n\tconst activeView = VIEW_LAYOUTS.find( ( v ) => view.type === v.type );\n\treturn (\n\t\t<DropdownMenu\n\t\t\ttrigger={\n\t\t\t\t<Button\n\t\t\t\t\tsize=\"compact\"\n\t\t\t\t\ticon={ activeView?.icon }\n\t\t\t\t\tlabel={ __( 'Layout' ) }\n\t\t\t\t/>\n\t\t\t}\n\t\t>\n\t\t\t{ availableLayouts.map( ( layout ) => {\n\t\t\t\tconst config = VIEW_LAYOUTS.find( ( v ) => v.type === layout );\n\t\t\t\tif ( ! config ) {\n\t\t\t\t\treturn null;\n\t\t\t\t}\n\t\t\t\treturn (\n\t\t\t\t\t<DropdownMenuRadioItem\n\t\t\t\t\t\tkey={ layout }\n\t\t\t\t\t\tvalue={ layout }\n\t\t\t\t\t\tname=\"view-actions-available-view\"\n\t\t\t\t\t\tchecked={ layout === view.type }\n\t\t\t\t\t\thideOnClick\n\t\t\t\t\t\tonChange={ ( e: ChangeEvent< HTMLInputElement > ) => {\n\t\t\t\t\t\t\tswitch ( e.target.value ) {\n\t\t\t\t\t\t\t\tcase 'list':\n\t\t\t\t\t\t\t\tcase 'grid':\n\t\t\t\t\t\t\t\tcase 'table':\n\t\t\t\t\t\t\t\t\treturn onChangeView( {\n\t\t\t\t\t\t\t\t\t\t...view,\n\t\t\t\t\t\t\t\t\t\ttype: e.target.value,\n\t\t\t\t\t\t\t\t\t\t...defaultLayouts[ e.target.value ],\n\t\t\t\t\t\t\t\t\t} );\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\twarning( 'Invalid dataview' );\n\t\t\t\t\t\t} }\n\t\t\t\t\t>\n\t\t\t\t\t\t<DropdownMenuItemLabel>\n\t\t\t\t\t\t\t{ config.label }\n\t\t\t\t\t\t</DropdownMenuItemLabel>\n\t\t\t\t\t</DropdownMenuRadioItem>\n\t\t\t\t);\n\t\t\t} ) }\n\t\t</DropdownMenu>\n\t);\n}\n\ninterface ViewActionsProps {\n\tdefaultLayouts?: SupportedLayouts;\n}\n\nfunction SortFieldControl() {\n\tconst { view, fields, onChangeView } = useContext( DataViewsContext );\n\tconst orderOptions = useMemo( () => {\n\t\tconst sortableFields = fields.filter(\n\t\t\t( field ) => field.enableSorting !== false\n\t\t);\n\t\treturn sortableFields.map( ( field ) => {\n\t\t\treturn {\n\t\t\t\tlabel: field.label,\n\t\t\t\tvalue: field.id,\n\t\t\t};\n\t\t} );\n\t}, [ fields ] );\n\n\treturn (\n\t\t<SelectControl\n\t\t\t__nextHasNoMarginBottom\n\t\t\t__next40pxDefaultSize\n\t\t\tlabel={ __( 'Sort by' ) }\n\t\t\tvalue={ view.sort?.field }\n\t\t\toptions={ orderOptions }\n\t\t\tonChange={ ( value: string ) => {\n\t\t\t\tonChangeView( {\n\t\t\t\t\t...view,\n\t\t\t\t\tsort: {\n\t\t\t\t\t\tdirection: view?.sort?.direction || 'desc',\n\t\t\t\t\t\tfield: value,\n\t\t\t\t\t},\n\t\t\t\t} );\n\t\t\t} }\n\t\t/>\n\t);\n}\n\nfunction SortDirectionControl() {\n\tconst { view, onChangeView } = useContext( DataViewsContext );\n\treturn (\n\t\t<ToggleGroupControl\n\t\t\tclassName=\"dataviews-view-config__sort-direction\"\n\t\t\t__nextHasNoMarginBottom\n\t\t\t__next40pxDefaultSize\n\t\t\tisBlock\n\t\t\tlabel={ __( 'Order' ) }\n\t\t\tvalue={ view.sort?.direction || 'desc' }\n\t\t\tdisabled={ ! view?.sort?.field }\n\t\t\tonChange={ ( newDirection ) => {\n\t\t\t\tif ( ! view?.sort?.field ) {\n\t\t\t\t\treturn;\n\t\t\t\t}\n\t\t\t\tif ( newDirection === 'asc' || newDirection === 'desc' ) {\n\t\t\t\t\tonChangeView( {\n\t\t\t\t\t\t...view,\n\t\t\t\t\t\tsort: {\n\t\t\t\t\t\t\tdirection: newDirection,\n\t\t\t\t\t\t\tfield: view.sort.field,\n\t\t\t\t\t\t},\n\t\t\t\t\t} );\n\t\t\t\t\treturn;\n\t\t\t\t}\n\t\t\t\twarning( 'Invalid direction' );\n\t\t\t} }\n\t\t>\n\t\t\t{ SORTING_DIRECTIONS.map( ( direction ) => {\n\t\t\t\treturn (\n\t\t\t\t\t<ToggleGroupControlOptionIcon\n\t\t\t\t\t\tkey={ direction }\n\t\t\t\t\t\tvalue={ direction }\n\t\t\t\t\t\ticon={ sortIcons[ direction ] }\n\t\t\t\t\t\tlabel={ sortLabels[ direction ] }\n\t\t\t\t\t/>\n\t\t\t\t);\n\t\t\t} ) }\n\t\t</ToggleGroupControl>\n\t);\n}\n\nconst PAGE_SIZE_VALUES = [ 10, 20, 50, 100 ];\nfunction ItemsPerPageControl() {\n\tconst { view, onChangeView } = useContext( DataViewsContext );\n\treturn (\n\t\t<ToggleGroupControl\n\t\t\t__nextHasNoMarginBottom\n\t\t\t__next40pxDefaultSize\n\t\t\tisBlock\n\t\t\tlabel={ __( 'Items per page' ) }\n\t\t\tvalue={ view.perPage || 10 }\n\t\t\tdisabled={ ! view?.sort?.field }\n\t\t\tonChange={ ( newItemsPerPage ) => {\n\t\t\t\tconst newItemsPerPageNumber =\n\t\t\t\t\ttypeof newItemsPerPage === 'number' ||\n\t\t\t\t\tnewItemsPerPage === undefined\n\t\t\t\t\t\t? newItemsPerPage\n\t\t\t\t\t\t: parseInt( newItemsPerPage, 10 );\n\t\t\t\tonChangeView( {\n\t\t\t\t\t...view,\n\t\t\t\t\tperPage: newItemsPerPageNumber,\n\t\t\t\t\tpage: 1,\n\t\t\t\t} );\n\t\t\t} }\n\t\t>\n\t\t\t{ PAGE_SIZE_VALUES.map( ( value ) => {\n\t\t\t\treturn (\n\t\t\t\t\t<ToggleGroupControlOption\n\t\t\t\t\t\tkey={ value }\n\t\t\t\t\t\tvalue={ value }\n\t\t\t\t\t\tlabel={ value.toString() }\n\t\t\t\t\t/>\n\t\t\t\t);\n\t\t\t} ) }\n\t\t</ToggleGroupControl>\n\t);\n}\n\nfunction FieldControl() {\n\tconst { view, fields, onChangeView } = useContext( DataViewsContext );\n\tconst mandatoryFields = getMandatoryFields( view );\n\tconst hidableFields = fields.filter(\n\t\t( field ) =>\n\t\t\tfield.enableHiding !== false &&\n\t\t\t! mandatoryFields.includes( field.id )\n\t);\n\tconst viewFields = view.fields || fields.map( ( field ) => field.id );\n\tif ( ! hidableFields?.length ) {\n\t\treturn null;\n\t}\n\treturn (\n\t\t<ItemGroup isBordered isSeparated>\n\t\t\t{ hidableFields?.map( ( field ) => {\n\t\t\t\tconst isVisible = viewFields.includes( field.id );\n\t\t\t\treturn (\n\t\t\t\t\t<Item key={ field.id }>\n\t\t\t\t\t\t<HStack expanded>\n\t\t\t\t\t\t\t<span>{ field.label }</span>\n\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\tclassName=\"'dataviews-view-config__field-control-button\"\n\t\t\t\t\t\t\t\tsize=\"compact\"\n\t\t\t\t\t\t\t\tonClick={ () =>\n\t\t\t\t\t\t\t\t\tonChangeView( {\n\t\t\t\t\t\t\t\t\t\t...view,\n\t\t\t\t\t\t\t\t\t\tfields: isVisible\n\t\t\t\t\t\t\t\t\t\t\t? viewFields.filter(\n\t\t\t\t\t\t\t\t\t\t\t\t\t( id ) => id !== field.id\n\t\t\t\t\t\t\t\t\t\t\t  )\n\t\t\t\t\t\t\t\t\t\t\t: [ ...viewFields, field.id ],\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\ticon={ isVisible ? seen : unseen }\n\t\t\t\t\t\t\t\tlabel={\n\t\t\t\t\t\t\t\t\tisVisible\n\t\t\t\t\t\t\t\t\t\t? __( 'Hide field' )\n\t\t\t\t\t\t\t\t\t\t: __( 'Show field' )\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</HStack>\n\t\t\t\t\t</Item>\n\t\t\t\t);\n\t\t\t} ) }\n\t\t</ItemGroup>\n\t);\n}\n\nfunction SettingsSection( {\n\ttitle,\n\tdescription,\n\tchildren,\n}: {\n\ttitle: string;\n\tdescription?: string;\n\tchildren: React.ReactNode;\n} ) {\n\treturn (\n\t\t<Grid columns={ 12 } className=\"dataviews-settings-section\" gap={ 4 }>\n\t\t\t<div className=\"dataviews-settings-section__sidebar\">\n\t\t\t\t<Heading\n\t\t\t\t\tlevel={ 2 }\n\t\t\t\t\tclassName=\"dataviews-settings-section__title\"\n\t\t\t\t>\n\t\t\t\t\t{ title }\n\t\t\t\t</Heading>\n\t\t\t\t{ description && (\n\t\t\t\t\t<Text\n\t\t\t\t\t\tvariant=\"muted\"\n\t\t\t\t\t\tclassName=\"dataviews-settings-section__description\"\n\t\t\t\t\t>\n\t\t\t\t\t\t{ description }\n\t\t\t\t\t</Text>\n\t\t\t\t) }\n\t\t\t</div>\n\t\t\t<Grid\n\t\t\t\tcolumns={ 8 }\n\t\t\t\tgap={ 4 }\n\t\t\t\tclassName=\"dataviews-settings-section__content\"\n\t\t\t>\n\t\t\t\t{ children }\n\t\t\t</Grid>\n\t\t</Grid>\n\t);\n}\n\nfunction DataviewsViewConfigContent() {\n\treturn (\n\t\t<VStack className=\"dataviews-view-config\" spacing={ 6 }>\n\t\t\t<SettingsSection title={ __( 'Appearance' ) }>\n\t\t\t\t<HStack expanded className=\"is-divided-in-two\">\n\t\t\t\t\t<SortFieldControl />\n\t\t\t\t\t<SortDirectionControl />\n\t\t\t\t</HStack>\n\t\t\t\t<ItemsPerPageControl />\n\t\t\t</SettingsSection>\n\t\t\t<SettingsSection title={ __( 'Properties' ) }>\n\t\t\t\t<FieldControl />\n\t\t\t</SettingsSection>\n\t\t</VStack>\n\t);\n}\n\nfunction _DataViewsViewConfig( {\n\tdefaultLayouts = { list: {}, grid: {}, table: {} },\n}: ViewActionsProps ) {\n\tconst [ isShowingViewPopover, setIsShowingViewPopover ] =\n\t\tuseState< boolean >( false );\n\n\treturn (\n\t\t<>\n\t\t\t<ViewTypeMenu defaultLayouts={ defaultLayouts } />\n\t\t\t<div>\n\t\t\t\t<Button\n\t\t\t\t\tsize=\"compact\"\n\t\t\t\t\ticon={ cog }\n\t\t\t\t\tlabel={ _x( 'View options', 'View is used as a noun' ) }\n\t\t\t\t\tonClick={ () => setIsShowingViewPopover( true ) }\n\t\t\t\t/>\n\t\t\t\t{ isShowingViewPopover && (\n\t\t\t\t\t<Popover\n\t\t\t\t\t\tplacement=\"bottom-end\"\n\t\t\t\t\t\tonClose={ () => {\n\t\t\t\t\t\t\tsetIsShowingViewPopover( false );\n\t\t\t\t\t\t} }\n\t\t\t\t\t\tfocusOnMount\n\t\t\t\t\t>\n\t\t\t\t\t\t<DataviewsViewConfigContent />\n\t\t\t\t\t</Popover>\n\t\t\t\t) }\n\t\t\t</div>\n\t\t</>\n\t);\n}\n\nconst DataViewsViewConfig = memo( _DataViewsViewConfig );\n\nexport default DataViewsViewConfig;\n"],"mappings":"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","ignoreList":[]}

package/build/constants.js

@@ -3,8 +3,9 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.sortValues = exports.sortLabels = exports.sortArrows = exports.SORTING_DIRECTIONS = exports.OPERATOR_IS_NOT_ALL = exports.OPERATOR_IS_NOT = exports.OPERATOR_IS_NONE = exports.OPERATOR_IS_ANY = exports.OPERATOR_IS_ALL = exports.OPERATOR_IS = exports.OPERATORS = exports.LAYOUT_TABLE = exports.LAYOUT_LIST = exports.LAYOUT_GRID = exports.ALL_OPERATORS = void 0;
+exports.sortValues = exports.sortLabels = exports.sortIcons = exports.sortArrows = exports.SORTING_DIRECTIONS = exports.OPERATOR_IS_NOT_ALL = exports.OPERATOR_IS_NOT = exports.OPERATOR_IS_NONE = exports.OPERATOR_IS_ANY = exports.OPERATOR_IS_ALL = exports.OPERATOR_IS = exports.OPERATORS = exports.LAYOUT_TABLE = exports.LAYOUT_LIST = exports.LAYOUT_GRID = exports.ALL_OPERATORS = void 0;
 var _i18n = require("@wordpress/i18n");
+var _icons = require("@wordpress/icons");
 /**
  * WordPress dependencies
  */
@@ -60,6 +61,10 @@ const sortLabels = exports.sortLabels = {
   asc: (0, _i18n.__)('Sort ascending'),
   desc: (0, _i18n.__)('Sort descending')
 };
+const sortIcons = exports.sortIcons = {
+  asc: _icons.arrowUp,
+  desc: _icons.arrowDown
+};
 
 // View layouts.
 const LAYOUT_TABLE = exports.LAYOUT_TABLE = 'table';