@wordpress/dataviews 4.1.0 → 4.2.0

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

@@ -26,6 +26,16 @@ function DataViewsPagination() {
     return null;
   }
   const currentPage = (_view$page = view.page) !== null && _view$page !== void 0 ? _view$page : 1;
+  const pageSelectOptions = Array.from(Array(totalPages)).map((_, i) => {
+    const page = i + 1;
+    return {
+      value: page.toString(),
+      label: page.toString(),
+      'aria-label': currentPage === page ? sprintf(
+      // translators: Current page number in total number of pages
+      __('Page %1$s of %2$s'), currentPage, totalPages) : page.toString()
+    };
+  });
   return !!totalItems && totalPages !== 1 && /*#__PURE__*/_jsxs(HStack, {
     expanded: false,
     spacing: 6,
@@ -34,29 +44,27 @@ function DataViewsPagination() {
     children: [/*#__PURE__*/_jsx(HStack, {
       justify: "flex-start",
       expanded: false,
-      spacing: 2,
-      className: "dataviews-pagination__page-selection",
+      spacing: 1,
+      className: "dataviews-pagination__page-select",
       children: createInterpolateElement(sprintf(
-      // translators: %s: Total number of pages.
-      _x('Page <CurrentPageControl /> of %s', 'paging'), totalPages), {
-        CurrentPageControl: /*#__PURE__*/_jsx(SelectControl, {
+      // translators: 1: Current page number, 2: Total number of pages.
+      _x('<div>Page</div>%1$s<div>of %2$s</div>', 'paging'), '<CurrentPage />', totalPages), {
+        div: /*#__PURE__*/_jsx("div", {
+          "aria-hidden": true
+        }),
+        CurrentPage: /*#__PURE__*/_jsx(SelectControl, {
           "aria-label": __('Current page'),
-          value: view.page?.toString(),
-          options: Array.from(Array(totalPages)).map((_, i) => {
-            const page = i + 1;
-            return {
-              value: page.toString(),
-              label: page.toString()
-            };
-          }),
+          value: currentPage.toString(),
+          options: pageSelectOptions,
           onChange: newValue => {
             onChangeView({
               ...view,
               page: +newValue
             });
           },
-          size: "compact",
-          __nextHasNoMarginBottom: true
+          size: "small",
+          __nextHasNoMarginBottom: true,
+          variant: "minimal"
         })
       })
     }), /*#__PURE__*/_jsxs(HStack, {

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

@@ -1 +1 @@
-{"version":3,"names":["Button","__experimentalHStack","HStack","SelectControl","createInterpolateElement","memo","useContext","sprintf","__","_x","next","previous","DataViewsContext","jsx","_jsx","jsxs","_jsxs","DataViewsPagination","_view$page","view","onChangeView","paginationInfo","totalItems","totalPages","currentPage","page","expanded","spacing","justify","className","children","CurrentPageControl","value","toString","options","Array","from","map","_","i","label","onChange","newValue","size","__nextHasNoMarginBottom","onClick","disabled","accessibleWhenDisabled","icon","showTooltip","tooltipPosition"],"sources":["@wordpress/dataviews/src/components/dataviews-pagination/index.tsx"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport {\n\tButton,\n\t__experimentalHStack as HStack,\n\tSelectControl,\n} from '@wordpress/components';\nimport { createInterpolateElement, memo, useContext } from '@wordpress/element';\nimport { sprintf, __, _x } 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":"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","ignoreList":[]}
+{"version":3,"names":["Button","__experimentalHStack","HStack","SelectControl","createInterpolateElement","memo","useContext","sprintf","__","_x","next","previous","DataViewsContext","jsx","_jsx","jsxs","_jsxs","DataViewsPagination","_view$page","view","onChangeView","paginationInfo","totalItems","totalPages","currentPage","page","pageSelectOptions","Array","from","map","_","i","value","toString","label","expanded","spacing","justify","className","children","div","CurrentPage","options","onChange","newValue","size","__nextHasNoMarginBottom","variant","onClick","disabled","accessibleWhenDisabled","icon","showTooltip","tooltipPosition"],"sources":["@wordpress/dataviews/src/components/dataviews-pagination/index.tsx"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport {\n\tButton,\n\t__experimentalHStack as HStack,\n\tSelectControl,\n} from '@wordpress/components';\nimport { createInterpolateElement, memo, useContext } from '@wordpress/element';\nimport { sprintf, __, _x } 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\n\tif ( ! totalItems || ! totalPages ) {\n\t\treturn null;\n\t}\n\n\tconst currentPage = view.page ?? 1;\n\tconst pageSelectOptions = Array.from( Array( totalPages ) ).map(\n\t\t( _, i ) => {\n\t\t\tconst page = i + 1;\n\t\t\treturn {\n\t\t\t\tvalue: page.toString(),\n\t\t\t\tlabel: page.toString(),\n\t\t\t\t'aria-label':\n\t\t\t\t\tcurrentPage === page\n\t\t\t\t\t\t? sprintf(\n\t\t\t\t\t\t\t\t// translators: Current page number in total number of pages\n\t\t\t\t\t\t\t\t__( 'Page %1$s of %2$s' ),\n\t\t\t\t\t\t\t\tcurrentPage,\n\t\t\t\t\t\t\t\ttotalPages\n\t\t\t\t\t\t  )\n\t\t\t\t\t\t: page.toString(),\n\t\t\t};\n\t\t}\n\t);\n\n\treturn (\n\t\t!! totalItems &&\n\t\ttotalPages !== 1 && (\n\t\t\t<HStack\n\t\t\t\texpanded={ false }\n\t\t\t\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={ 1 }\n\t\t\t\t\tclassName=\"dataviews-pagination__page-select\"\n\t\t\t\t>\n\t\t\t\t\t{ createInterpolateElement(\n\t\t\t\t\t\tsprintf(\n\t\t\t\t\t\t\t// translators: 1: Current page number, 2: Total number of pages.\n\t\t\t\t\t\t\t_x(\n\t\t\t\t\t\t\t\t'<div>Page</div>%1$s<div>of %2$s</div>',\n\t\t\t\t\t\t\t\t'paging'\n\t\t\t\t\t\t\t),\n\t\t\t\t\t\t\t'<CurrentPage />',\n\t\t\t\t\t\t\ttotalPages\n\t\t\t\t\t\t),\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\tdiv: <div aria-hidden />,\n\t\t\t\t\t\t\tCurrentPage: (\n\t\t\t\t\t\t\t\t<SelectControl\n\t\t\t\t\t\t\t\t\taria-label={ __( 'Current page' ) }\n\t\t\t\t\t\t\t\t\tvalue={ currentPage.toString() }\n\t\t\t\t\t\t\t\t\toptions={ pageSelectOptions }\n\t\t\t\t\t\t\t\t\tonChange={ ( newValue ) => {\n\t\t\t\t\t\t\t\t\t\tonChangeView( {\n\t\t\t\t\t\t\t\t\t\t\t...view,\n\t\t\t\t\t\t\t\t\t\t\tpage: +newValue,\n\t\t\t\t\t\t\t\t\t\t} );\n\t\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t\t\tsize=\"small\"\n\t\t\t\t\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\t\t\t\t\tvariant=\"minimal\"\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t),\n\t\t\t\t\t\t}\n\t\t\t\t\t) }\n\t\t\t\t</HStack>\n\t\t\t\t<HStack expanded={ false } spacing={ 1 }>\n\t\t\t\t\t<Button\n\t\t\t\t\t\tonClick={ () =>\n\t\t\t\t\t\t\tonChangeView( {\n\t\t\t\t\t\t\t\t...view,\n\t\t\t\t\t\t\t\tpage: currentPage - 1,\n\t\t\t\t\t\t\t} )\n\t\t\t\t\t\t}\n\t\t\t\t\t\tdisabled={ currentPage === 1 }\n\t\t\t\t\t\taccessibleWhenDisabled\n\t\t\t\t\t\tlabel={ __( 'Previous page' ) }\n\t\t\t\t\t\ticon={ 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":"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","ignoreList":[]}

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

@@ -14,10 +14,11 @@ import warning from '@wordpress/warning';
 /**
  * Internal dependencies
  */
-import { SORTING_DIRECTIONS, sortIcons, sortLabels } from '../../constants';
+import { SORTING_DIRECTIONS, LAYOUT_GRID, sortIcons, sortLabels } from '../../constants';
 import { VIEW_LAYOUTS, getMandatoryFields } from '../../dataviews-layouts';
 import DataViewsContext from '../dataviews-context';
 import { unlock } from '../../lock-unlock';
+import DensityPicker from '../../dataviews-layouts/grid/density-picker';
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 import { Fragment as _Fragment } from "react/jsx-runtime";
@@ -113,26 +114,29 @@ function SortFieldControl() {
 function SortDirectionControl() {
   const {
     view,
+    fields,
     onChangeView
   } = useContext(DataViewsContext);
+  let value = view.sort?.direction;
+  if (!value && view.sort?.field) {
+    value = 'desc';
+  }
   return /*#__PURE__*/_jsx(ToggleGroupControl, {
     className: "dataviews-view-config__sort-direction",
     __nextHasNoMarginBottom: true,
     __next40pxDefaultSize: true,
     isBlock: true,
     label: __('Order'),
-    value: view.sort?.direction || 'desc',
-    disabled: !view?.sort?.field,
+    value: value,
     onChange: newDirection => {
-      if (!view?.sort?.field) {
-        return;
-      }
       if (newDirection === 'asc' || newDirection === 'desc') {
         onChangeView({
           ...view,
           sort: {
             direction: newDirection,
-            field: view.sort.field
+            field: view.sort?.field ||
+            // If there is no field assigned as the sorting field assign the first sortable field.
+            fields.find(field => field.enableSorting !== false)?.id || ''
           }
         });
         return;
@@ -200,7 +204,6 @@ function FieldControl() {
           children: [/*#__PURE__*/_jsx("span", {
             children: field.label
           }), /*#__PURE__*/_jsx(Button, {
-            className: "'dataviews-view-config__field-control-button",
             size: "compact",
             onClick: () => onChangeView({
               ...view,
@@ -242,7 +245,13 @@ function SettingsSection({
     })]
   });
 }
-function DataviewsViewConfigContent() {
+function DataviewsViewConfigContent({
+  density,
+  setDensity
+}) {
+  const {
+    view
+  } = useContext(DataViewsContext);
   return /*#__PURE__*/_jsxs(VStack, {
     className: "dataviews-view-config",
     spacing: 6,
@@ -252,6 +261,9 @@ function DataviewsViewConfigContent() {
         expanded: true,
         className: "is-divided-in-two",
         children: [/*#__PURE__*/_jsx(SortFieldControl, {}), /*#__PURE__*/_jsx(SortDirectionControl, {})]
+      }), view.type === LAYOUT_GRID && /*#__PURE__*/_jsx(DensityPicker, {
+        density: density,
+        setDensity: setDensity
       }), /*#__PURE__*/_jsx(ItemsPerPageControl, {})]
     }), /*#__PURE__*/_jsx(SettingsSection, {
       title: __('Properties'),
@@ -260,6 +272,8 @@ function DataviewsViewConfigContent() {
   });
 }
 function _DataViewsViewConfig({
+  density,
+  setDensity,
   defaultLayouts = {
     list: {},
     grid: {},
@@ -282,7 +296,10 @@ function _DataViewsViewConfig({
           setIsShowingViewPopover(false);
         },
         focusOnMount: true,
-        children: /*#__PURE__*/_jsx(DataviewsViewConfigContent, {})
+        children: /*#__PURE__*/_jsx(DataviewsViewConfigContent, {
+          density: density,
+          setDensity: setDensity
+        })
       })]
     })]
   });

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

@@ -1 +1 @@
-{"version":3,"names":["Button","Popover","__experimentalToggleGroupControl","ToggleGroupControl","__experimentalToggleGroupControlOption","ToggleGroupControlOption","__experimentalToggleGroupControlOptionIcon","ToggleGroupControlOptionIcon","SelectControl","__experimentalItemGroup","ItemGroup","__experimentalItem","Item","__experimentalGrid","Grid","__experimentalVStack","VStack","__experimentalHStack","HStack","__experimentalHeading","Heading","__experimentalText","Text","privateApis","componentsPrivateApis","__","_x","memo","useContext","useState","useMemo","cog","seen","unseen","warning","SORTING_DIRECTIONS","sortIcons","sortLabels","VIEW_LAYOUTS","getMandatoryFields","DataViewsContext","unlock","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","DropdownMenuV2","DropdownMenu","DropdownMenuRadioItemV2","DropdownMenuRadioItem","DropdownMenuItemLabelV2","DropdownMenuItemLabel","ViewTypeMenu","defaultLayouts","list","grid","table","view","onChangeView","availableLayouts","Object","keys","length","activeView","find","v","type","trigger","size","icon","label","children","map","layout","config","value","name","checked","hideOnClick","onChange","e","target","globalThis","SCRIPT_DEBUG","SortFieldControl","fields","orderOptions","sortableFields","filter","field","enableSorting","id","__nextHasNoMarginBottom","__next40pxDefaultSize","sort","options","direction","SortDirectionControl","className","isBlock","disabled","newDirection","PAGE_SIZE_VALUES","ItemsPerPageControl","perPage","newItemsPerPage","newItemsPerPageNumber","undefined","parseInt","page","toString","FieldControl","mandatoryFields","hidableFields","enableHiding","includes","viewFields","isBordered","isSeparated","isVisible","expanded","onClick","SettingsSection","title","description","columns","gap","level","variant","DataviewsViewConfigContent","spacing","_DataViewsViewConfig","isShowingViewPopover","setIsShowingViewPopover","placement","onClose","focusOnMount","DataViewsViewConfig"],"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":[]}
+{"version":3,"names":["Button","Popover","__experimentalToggleGroupControl","ToggleGroupControl","__experimentalToggleGroupControlOption","ToggleGroupControlOption","__experimentalToggleGroupControlOptionIcon","ToggleGroupControlOptionIcon","SelectControl","__experimentalItemGroup","ItemGroup","__experimentalItem","Item","__experimentalGrid","Grid","__experimentalVStack","VStack","__experimentalHStack","HStack","__experimentalHeading","Heading","__experimentalText","Text","privateApis","componentsPrivateApis","__","_x","memo","useContext","useState","useMemo","cog","seen","unseen","warning","SORTING_DIRECTIONS","LAYOUT_GRID","sortIcons","sortLabels","VIEW_LAYOUTS","getMandatoryFields","DataViewsContext","unlock","DensityPicker","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","DropdownMenuV2","DropdownMenu","DropdownMenuRadioItemV2","DropdownMenuRadioItem","DropdownMenuItemLabelV2","DropdownMenuItemLabel","ViewTypeMenu","defaultLayouts","list","grid","table","view","onChangeView","availableLayouts","Object","keys","length","activeView","find","v","type","trigger","size","icon","label","children","map","layout","config","value","name","checked","hideOnClick","onChange","e","target","globalThis","SCRIPT_DEBUG","SortFieldControl","fields","orderOptions","sortableFields","filter","field","enableSorting","id","__nextHasNoMarginBottom","__next40pxDefaultSize","sort","options","direction","SortDirectionControl","className","isBlock","newDirection","PAGE_SIZE_VALUES","ItemsPerPageControl","perPage","disabled","newItemsPerPage","newItemsPerPageNumber","undefined","parseInt","page","toString","FieldControl","mandatoryFields","hidableFields","enableHiding","includes","viewFields","isBordered","isSeparated","isVisible","expanded","onClick","SettingsSection","title","description","columns","gap","level","variant","DataviewsViewConfigContent","density","setDensity","spacing","_DataViewsViewConfig","isShowingViewPopover","setIsShowingViewPopover","placement","onClose","focusOnMount","DataViewsViewConfig"],"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 {\n\tSORTING_DIRECTIONS,\n\tLAYOUT_GRID,\n\tsortIcons,\n\tsortLabels,\n} from '../../constants';\nimport { VIEW_LAYOUTS, getMandatoryFields } from '../../dataviews-layouts';\nimport type { SupportedLayouts } from '../../types';\nimport DataViewsContext from '../dataviews-context';\nimport { unlock } from '../../lock-unlock';\nimport DensityPicker from '../../dataviews-layouts/grid/density-picker';\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\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, fields, onChangeView } = useContext( DataViewsContext );\n\tlet value = view.sort?.direction;\n\tif ( ! value && view.sort?.field ) {\n\t\tvalue = 'desc';\n\t}\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={ value }\n\t\t\tonChange={ ( newDirection ) => {\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:\n\t\t\t\t\t\t\t\tview.sort?.field ||\n\t\t\t\t\t\t\t\t// If there is no field assigned as the sorting field assign the first sortable field.\n\t\t\t\t\t\t\t\tfields.find(\n\t\t\t\t\t\t\t\t\t( field ) => field.enableSorting !== false\n\t\t\t\t\t\t\t\t)?.id ||\n\t\t\t\t\t\t\t\t'',\n\t\t\t\t\t\t},\n\t\t\t\t\t} );\n\t\t\t\t\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\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\tdensity,\n\tsetDensity,\n}: {\n\tdensity: number;\n\tsetDensity: React.Dispatch< React.SetStateAction< number > >;\n} ) {\n\tconst { view } = useContext( DataViewsContext );\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{ view.type === LAYOUT_GRID && (\n\t\t\t\t\t<DensityPicker\n\t\t\t\t\t\tdensity={ density }\n\t\t\t\t\t\tsetDensity={ setDensity }\n\t\t\t\t\t/>\n\t\t\t\t) }\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\tdensity,\n\tsetDensity,\n\tdefaultLayouts = { list: {}, grid: {}, table: {} },\n}: {\n\tdensity: number;\n\tsetDensity: React.Dispatch< React.SetStateAction< number > >;\n\tdefaultLayouts?: SupportedLayouts;\n} ) {\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\t\tdensity={ density }\n\t\t\t\t\t\t\tsetDensity={ setDensity }\n\t\t\t\t\t\t/>\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-module/dataform-controls/datetime.js

@@ -0,0 +1,43 @@
+/**
+ * WordPress dependencies
+ */
+import { BaseControl, TimePicker, VisuallyHidden } from '@wordpress/components';
+import { useCallback } from '@wordpress/element';
+
+/**
+ * Internal dependencies
+ */
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+export default function DateTime({
+  data,
+  field,
+  onChange,
+  hideLabelFromVision
+}) {
+  const {
+    id,
+    label
+  } = field;
+  const value = field.getValue({
+    item: data
+  });
+  const onChangeControl = useCallback(newValue => onChange({
+    [id]: newValue
+  }), [id, onChange]);
+  return /*#__PURE__*/_jsxs("fieldset", {
+    className: "dataviews-controls__datetime",
+    children: [!hideLabelFromVision && /*#__PURE__*/_jsx(BaseControl.VisualLabel, {
+      as: "legend",
+      children: label
+    }), hideLabelFromVision && /*#__PURE__*/_jsx(VisuallyHidden, {
+      as: "legend",
+      children: label
+    }), /*#__PURE__*/_jsx(TimePicker, {
+      currentTime: value,
+      onChange: onChangeControl,
+      hideLabelFromVision: true
+    })]
+  });
+}
+//# sourceMappingURL=datetime.js.map

package/build-module/dataform-controls/datetime.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["BaseControl","TimePicker","VisuallyHidden","useCallback","jsx","_jsx","jsxs","_jsxs","DateTime","data","field","onChange","hideLabelFromVision","id","label","value","getValue","item","onChangeControl","newValue","className","children","VisualLabel","as","currentTime"],"sources":["@wordpress/dataviews/src/dataform-controls/datetime.tsx"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { BaseControl, TimePicker, VisuallyHidden } from '@wordpress/components';\nimport { useCallback } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport type { DataFormControlProps } from '../types';\n\nexport default function DateTime< Item >( {\n\tdata,\n\tfield,\n\tonChange,\n\thideLabelFromVision,\n}: DataFormControlProps< Item > ) {\n\tconst { id, label } = field;\n\tconst value = field.getValue( { item: data } );\n\n\tconst onChangeControl = useCallback(\n\t\t( newValue: string | null ) => onChange( { [ id ]: newValue } ),\n\t\t[ id, onChange ]\n\t);\n\n\treturn (\n\t\t<fieldset className=\"dataviews-controls__datetime\">\n\t\t\t{ ! hideLabelFromVision && (\n\t\t\t\t<BaseControl.VisualLabel as=\"legend\">\n\t\t\t\t\t{ label }\n\t\t\t\t</BaseControl.VisualLabel>\n\t\t\t) }\n\t\t\t{ hideLabelFromVision && (\n\t\t\t\t<VisuallyHidden as=\"legend\">{ label }</VisuallyHidden>\n\t\t\t) }\n\t\t\t<TimePicker\n\t\t\t\tcurrentTime={ value }\n\t\t\t\tonChange={ onChangeControl }\n\t\t\t\thideLabelFromVision\n\t\t\t/>\n\t\t</fieldset>\n\t);\n}\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,WAAW,EAAEC,UAAU,EAAEC,cAAc,QAAQ,uBAAuB;AAC/E,SAASC,WAAW,QAAQ,oBAAoB;;AAEhD;AACA;AACA;AAFA,SAAAC,GAAA,IAAAC,IAAA;AAAA,SAAAC,IAAA,IAAAC,KAAA;AAKA,eAAe,SAASC,QAAQA,CAAU;EACzCC,IAAI;EACJC,KAAK;EACLC,QAAQ;EACRC;AAC6B,CAAC,EAAG;EACjC,MAAM;IAAEC,EAAE;IAAEC;EAAM,CAAC,GAAGJ,KAAK;EAC3B,MAAMK,KAAK,GAAGL,KAAK,CAACM,QAAQ,CAAE;IAAEC,IAAI,EAAER;EAAK,CAAE,CAAC;EAE9C,MAAMS,eAAe,GAAGf,WAAW,CAChCgB,QAAuB,IAAMR,QAAQ,CAAE;IAAE,CAAEE,EAAE,GAAIM;EAAS,CAAE,CAAC,EAC/D,CAAEN,EAAE,EAAEF,QAAQ,CACf,CAAC;EAED,oBACCJ,KAAA;IAAUa,SAAS,EAAC,8BAA8B;IAAAC,QAAA,GAC/C,CAAET,mBAAmB,iBACtBP,IAAA,CAACL,WAAW,CAACsB,WAAW;MAACC,EAAE,EAAC,QAAQ;MAAAF,QAAA,EACjCP;IAAK,CACiB,CACzB,EACCF,mBAAmB,iBACpBP,IAAA,CAACH,cAAc;MAACqB,EAAE,EAAC,QAAQ;MAAAF,QAAA,EAAGP;IAAK,CAAkB,CACrD,eACDT,IAAA,CAACJ,UAAU;MACVuB,WAAW,EAAGT,KAAO;MACrBJ,QAAQ,EAAGO,eAAiB;MAC5BN,mBAAmB;IAAA,CACnB,CAAC;EAAA,CACO,CAAC;AAEb","ignoreList":[]}

package/build-module/dataform-controls/index.js

@@ -0,0 +1,42 @@
+/**
+ * External dependencies
+ */
+
+/**
+ * Internal dependencies
+ */
+
+import datetime from './datetime';
+import integer from './integer';
+import radio from './radio';
+import select from './select';
+import text from './text';
+const FORM_CONTROLS = {
+  datetime,
+  integer,
+  radio,
+  select,
+  text
+};
+export function getControl(field, fieldTypeDefinition) {
+  if (typeof field.Edit === 'function') {
+    return field.Edit;
+  }
+  if (typeof field.Edit === 'string') {
+    return getControlByType(field.Edit);
+  }
+  if (field.elements) {
+    return getControlByType('select');
+  }
+  if (typeof fieldTypeDefinition.Edit === 'string') {
+    return getControlByType(fieldTypeDefinition.Edit);
+  }
+  return fieldTypeDefinition.Edit;
+}
+export function getControlByType(type) {
+  if (Object.keys(FORM_CONTROLS).includes(type)) {
+    return FORM_CONTROLS[type];
+  }
+  throw 'Control ' + type + ' not found';
+}
+//# sourceMappingURL=index.js.map

package/build-module/dataform-controls/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["datetime","integer","radio","select","text","FORM_CONTROLS","getControl","field","fieldTypeDefinition","Edit","getControlByType","elements","type","Object","keys","includes"],"sources":["@wordpress/dataviews/src/dataform-controls/index.tsx"],"sourcesContent":["/**\n * External dependencies\n */\nimport type { ComponentType } from 'react';\n\n/**\n * Internal dependencies\n */\nimport type {\n\tDataFormControlProps,\n\tField,\n\tFieldTypeDefinition,\n} from '../types';\nimport datetime from './datetime';\nimport integer from './integer';\nimport radio from './radio';\nimport select from './select';\nimport text from './text';\n\ninterface FormControls {\n\t[ key: string ]: ComponentType< DataFormControlProps< any > >;\n}\n\nconst FORM_CONTROLS: FormControls = {\n\tdatetime,\n\tinteger,\n\tradio,\n\tselect,\n\ttext,\n};\n\nexport function getControl< Item >(\n\tfield: Field< Item >,\n\tfieldTypeDefinition: FieldTypeDefinition< Item >\n) {\n\tif ( typeof field.Edit === 'function' ) {\n\t\treturn field.Edit;\n\t}\n\n\tif ( typeof field.Edit === 'string' ) {\n\t\treturn getControlByType( field.Edit );\n\t}\n\n\tif ( field.elements ) {\n\t\treturn getControlByType( 'select' );\n\t}\n\n\tif ( typeof fieldTypeDefinition.Edit === 'string' ) {\n\t\treturn getControlByType( fieldTypeDefinition.Edit );\n\t}\n\n\treturn fieldTypeDefinition.Edit;\n}\n\nexport function getControlByType( type: string ) {\n\tif ( Object.keys( FORM_CONTROLS ).includes( type ) ) {\n\t\treturn FORM_CONTROLS[ type ];\n\t}\n\n\tthrow 'Control ' + type + ' not found';\n}\n"],"mappings":"AAAA;AACA;AACA;;AAGA;AACA;AACA;;AAMA,OAAOA,QAAQ,MAAM,YAAY;AACjC,OAAOC,OAAO,MAAM,WAAW;AAC/B,OAAOC,KAAK,MAAM,SAAS;AAC3B,OAAOC,MAAM,MAAM,UAAU;AAC7B,OAAOC,IAAI,MAAM,QAAQ;AAMzB,MAAMC,aAA2B,GAAG;EACnCL,QAAQ;EACRC,OAAO;EACPC,KAAK;EACLC,MAAM;EACNC;AACD,CAAC;AAED,OAAO,SAASE,UAAUA,CACzBC,KAAoB,EACpBC,mBAAgD,EAC/C;EACD,IAAK,OAAOD,KAAK,CAACE,IAAI,KAAK,UAAU,EAAG;IACvC,OAAOF,KAAK,CAACE,IAAI;EAClB;EAEA,IAAK,OAAOF,KAAK,CAACE,IAAI,KAAK,QAAQ,EAAG;IACrC,OAAOC,gBAAgB,CAAEH,KAAK,CAACE,IAAK,CAAC;EACtC;EAEA,IAAKF,KAAK,CAACI,QAAQ,EAAG;IACrB,OAAOD,gBAAgB,CAAE,QAAS,CAAC;EACpC;EAEA,IAAK,OAAOF,mBAAmB,CAACC,IAAI,KAAK,QAAQ,EAAG;IACnD,OAAOC,gBAAgB,CAAEF,mBAAmB,CAACC,IAAK,CAAC;EACpD;EAEA,OAAOD,mBAAmB,CAACC,IAAI;AAChC;AAEA,OAAO,SAASC,gBAAgBA,CAAEE,IAAY,EAAG;EAChD,IAAKC,MAAM,CAACC,IAAI,CAAET,aAAc,CAAC,CAACU,QAAQ,CAAEH,IAAK,CAAC,EAAG;IACpD,OAAOP,aAAa,CAAEO,IAAI,CAAE;EAC7B;EAEA,MAAM,UAAU,GAAGA,IAAI,GAAG,YAAY;AACvC","ignoreList":[]}

package/build-module/dataform-controls/integer.js

@@ -0,0 +1,38 @@
+/**
+ * WordPress dependencies
+ */
+import { __experimentalNumberControl as NumberControl } from '@wordpress/components';
+import { useCallback } from '@wordpress/element';
+
+/**
+ * Internal dependencies
+ */
+import { jsx as _jsx } from "react/jsx-runtime";
+export default function Integer({
+  data,
+  field,
+  onChange,
+  hideLabelFromVision
+}) {
+  var _field$getValue;
+  const {
+    id,
+    label,
+    description
+  } = field;
+  const value = (_field$getValue = field.getValue({
+    item: data
+  })) !== null && _field$getValue !== void 0 ? _field$getValue : '';
+  const onChangeControl = useCallback(newValue => onChange({
+    [id]: Number(newValue)
+  }), [id, onChange]);
+  return /*#__PURE__*/_jsx(NumberControl, {
+    label: label,
+    help: description,
+    value: value,
+    onChange: onChangeControl,
+    __next40pxDefaultSize: true,
+    hideLabelFromVision: hideLabelFromVision
+  });
+}
+//# sourceMappingURL=integer.js.map

package/build-module/dataform-controls/integer.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["__experimentalNumberControl","NumberControl","useCallback","jsx","_jsx","Integer","data","field","onChange","hideLabelFromVision","_field$getValue","id","label","description","value","getValue","item","onChangeControl","newValue","Number","help","__next40pxDefaultSize"],"sources":["@wordpress/dataviews/src/dataform-controls/integer.tsx"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __experimentalNumberControl as NumberControl } from '@wordpress/components';\nimport { useCallback } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport type { DataFormControlProps } from '../types';\n\nexport default function Integer< Item >( {\n\tdata,\n\tfield,\n\tonChange,\n\thideLabelFromVision,\n}: DataFormControlProps< Item > ) {\n\tconst { id, label, description } = field;\n\tconst value = field.getValue( { item: data } ) ?? '';\n\tconst onChangeControl = useCallback(\n\t\t( newValue: string | undefined ) =>\n\t\t\tonChange( {\n\t\t\t\t[ id ]: Number( newValue ),\n\t\t\t} ),\n\t\t[ id, onChange ]\n\t);\n\n\treturn (\n\t\t<NumberControl\n\t\t\tlabel={ label }\n\t\t\thelp={ description }\n\t\t\tvalue={ value }\n\t\t\tonChange={ onChangeControl }\n\t\t\t__next40pxDefaultSize\n\t\t\thideLabelFromVision={ hideLabelFromVision }\n\t\t/>\n\t);\n}\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,2BAA2B,IAAIC,aAAa,QAAQ,uBAAuB;AACpF,SAASC,WAAW,QAAQ,oBAAoB;;AAEhD;AACA;AACA;AAFA,SAAAC,GAAA,IAAAC,IAAA;AAKA,eAAe,SAASC,OAAOA,CAAU;EACxCC,IAAI;EACJC,KAAK;EACLC,QAAQ;EACRC;AAC6B,CAAC,EAAG;EAAA,IAAAC,eAAA;EACjC,MAAM;IAAEC,EAAE;IAAEC,KAAK;IAAEC;EAAY,CAAC,GAAGN,KAAK;EACxC,MAAMO,KAAK,IAAAJ,eAAA,GAAGH,KAAK,CAACQ,QAAQ,CAAE;IAAEC,IAAI,EAAEV;EAAK,CAAE,CAAC,cAAAI,eAAA,cAAAA,eAAA,GAAI,EAAE;EACpD,MAAMO,eAAe,GAAGf,WAAW,CAChCgB,QAA4B,IAC7BV,QAAQ,CAAE;IACT,CAAEG,EAAE,GAAIQ,MAAM,CAAED,QAAS;EAC1B,CAAE,CAAC,EACJ,CAAEP,EAAE,EAAEH,QAAQ,CACf,CAAC;EAED,oBACCJ,IAAA,CAACH,aAAa;IACbW,KAAK,EAAGA,KAAO;IACfQ,IAAI,EAAGP,WAAa;IACpBC,KAAK,EAAGA,KAAO;IACfN,QAAQ,EAAGS,eAAiB;IAC5BI,qBAAqB;IACrBZ,mBAAmB,EAAGA;EAAqB,CAC3C,CAAC;AAEJ","ignoreList":[]}

package/build-module/dataform-controls/radio.js

@@ -0,0 +1,38 @@
+/**
+ * WordPress dependencies
+ */
+import { RadioControl } from '@wordpress/components';
+import { useCallback } from '@wordpress/element';
+
+/**
+ * Internal dependencies
+ */
+import { jsx as _jsx } from "react/jsx-runtime";
+export default function Radio({
+  data,
+  field,
+  onChange,
+  hideLabelFromVision
+}) {
+  const {
+    id,
+    label
+  } = field;
+  const value = field.getValue({
+    item: data
+  });
+  const onChangeControl = useCallback(newValue => onChange({
+    [id]: newValue
+  }), [id, onChange]);
+  if (field.elements) {
+    return /*#__PURE__*/_jsx(RadioControl, {
+      label: label,
+      onChange: onChangeControl,
+      options: field.elements,
+      selected: value,
+      hideLabelFromVision: hideLabelFromVision
+    });
+  }
+  return null;
+}
+//# sourceMappingURL=radio.js.map

package/build-module/dataform-controls/radio.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["RadioControl","useCallback","jsx","_jsx","Radio","data","field","onChange","hideLabelFromVision","id","label","value","getValue","item","onChangeControl","newValue","elements","options","selected"],"sources":["@wordpress/dataviews/src/dataform-controls/radio.tsx"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { RadioControl } from '@wordpress/components';\nimport { useCallback } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport type { DataFormControlProps } from '../types';\n\nexport default function Radio< Item >( {\n\tdata,\n\tfield,\n\tonChange,\n\thideLabelFromVision,\n}: DataFormControlProps< Item > ) {\n\tconst { id, label } = field;\n\tconst value = field.getValue( { item: data } );\n\n\tconst onChangeControl = useCallback(\n\t\t( newValue: string ) =>\n\t\t\tonChange( {\n\t\t\t\t[ id ]: newValue,\n\t\t\t} ),\n\t\t[ id, onChange ]\n\t);\n\n\tif ( field.elements ) {\n\t\treturn (\n\t\t\t<RadioControl\n\t\t\t\tlabel={ label }\n\t\t\t\tonChange={ onChangeControl }\n\t\t\t\toptions={ field.elements }\n\t\t\t\tselected={ value }\n\t\t\t\thideLabelFromVision={ hideLabelFromVision }\n\t\t\t/>\n\t\t);\n\t}\n\n\treturn null;\n}\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,YAAY,QAAQ,uBAAuB;AACpD,SAASC,WAAW,QAAQ,oBAAoB;;AAEhD;AACA;AACA;AAFA,SAAAC,GAAA,IAAAC,IAAA;AAKA,eAAe,SAASC,KAAKA,CAAU;EACtCC,IAAI;EACJC,KAAK;EACLC,QAAQ;EACRC;AAC6B,CAAC,EAAG;EACjC,MAAM;IAAEC,EAAE;IAAEC;EAAM,CAAC,GAAGJ,KAAK;EAC3B,MAAMK,KAAK,GAAGL,KAAK,CAACM,QAAQ,CAAE;IAAEC,IAAI,EAAER;EAAK,CAAE,CAAC;EAE9C,MAAMS,eAAe,GAAGb,WAAW,CAChCc,QAAgB,IACjBR,QAAQ,CAAE;IACT,CAAEE,EAAE,GAAIM;EACT,CAAE,CAAC,EACJ,CAAEN,EAAE,EAAEF,QAAQ,CACf,CAAC;EAED,IAAKD,KAAK,CAACU,QAAQ,EAAG;IACrB,oBACCb,IAAA,CAACH,YAAY;MACZU,KAAK,EAAGA,KAAO;MACfH,QAAQ,EAAGO,eAAiB;MAC5BG,OAAO,EAAGX,KAAK,CAACU,QAAU;MAC1BE,QAAQ,EAAGP,KAAO;MAClBH,mBAAmB,EAAGA;IAAqB,CAC3C,CAAC;EAEJ;EAEA,OAAO,IAAI;AACZ","ignoreList":[]}

package/build-module/dataform-controls/select.js

@@ -0,0 +1,51 @@
+/**
+ * WordPress dependencies
+ */
+import { SelectControl } from '@wordpress/components';
+import { useCallback } from '@wordpress/element';
+import { __ } from '@wordpress/i18n';
+
+/**
+ * Internal dependencies
+ */
+import { jsx as _jsx } from "react/jsx-runtime";
+export default function Select({
+  data,
+  field,
+  onChange,
+  hideLabelFromVision
+}) {
+  var _field$getValue, _field$elements;
+  const {
+    id,
+    label
+  } = field;
+  const value = (_field$getValue = field.getValue({
+    item: data
+  })) !== null && _field$getValue !== void 0 ? _field$getValue : '';
+  const onChangeControl = useCallback(newValue => onChange({
+    [id]: newValue
+  }), [id, onChange]);
+  const elements = [
+  /*
+   * Value can be undefined when:
+   *
+   * - the field is not required
+   * - in bulk editing
+   *
+   */
+  {
+    label: __('Select item'),
+    value: ''
+  }, ...((_field$elements = field?.elements) !== null && _field$elements !== void 0 ? _field$elements : [])];
+  return /*#__PURE__*/_jsx(SelectControl, {
+    label: label,
+    value: value,
+    options: elements,
+    onChange: onChangeControl,
+    __next40pxDefaultSize: true,
+    __nextHasNoMarginBottom: true,
+    hideLabelFromVision: hideLabelFromVision
+  });
+}
+//# sourceMappingURL=select.js.map

package/build-module/dataform-controls/select.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["SelectControl","useCallback","__","jsx","_jsx","Select","data","field","onChange","hideLabelFromVision","_field$getValue","_field$elements","id","label","value","getValue","item","onChangeControl","newValue","elements","options","__next40pxDefaultSize","__nextHasNoMarginBottom"],"sources":["@wordpress/dataviews/src/dataform-controls/select.tsx"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { SelectControl } from '@wordpress/components';\nimport { useCallback } from '@wordpress/element';\nimport { __ } from '@wordpress/i18n';\n\n/**\n * Internal dependencies\n */\nimport type { DataFormControlProps } from '../types';\n\nexport default function Select< Item >( {\n\tdata,\n\tfield,\n\tonChange,\n\thideLabelFromVision,\n}: DataFormControlProps< Item > ) {\n\tconst { id, label } = field;\n\tconst value = field.getValue( { item: data } ) ?? '';\n\tconst onChangeControl = useCallback(\n\t\t( newValue: any ) =>\n\t\t\tonChange( {\n\t\t\t\t[ id ]: newValue,\n\t\t\t} ),\n\t\t[ id, onChange ]\n\t);\n\n\tconst elements = [\n\t\t/*\n\t\t * Value can be undefined when:\n\t\t *\n\t\t * - the field is not required\n\t\t * - in bulk editing\n\t\t *\n\t\t */\n\t\t{ label: __( 'Select item' ), value: '' },\n\t\t...( field?.elements ?? [] ),\n\t];\n\n\treturn (\n\t\t<SelectControl\n\t\t\tlabel={ label }\n\t\t\tvalue={ value }\n\t\t\toptions={ elements }\n\t\t\tonChange={ onChangeControl }\n\t\t\t__next40pxDefaultSize\n\t\t\t__nextHasNoMarginBottom\n\t\t\thideLabelFromVision={ hideLabelFromVision }\n\t\t/>\n\t);\n}\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,aAAa,QAAQ,uBAAuB;AACrD,SAASC,WAAW,QAAQ,oBAAoB;AAChD,SAASC,EAAE,QAAQ,iBAAiB;;AAEpC;AACA;AACA;AAFA,SAAAC,GAAA,IAAAC,IAAA;AAKA,eAAe,SAASC,MAAMA,CAAU;EACvCC,IAAI;EACJC,KAAK;EACLC,QAAQ;EACRC;AAC6B,CAAC,EAAG;EAAA,IAAAC,eAAA,EAAAC,eAAA;EACjC,MAAM;IAAEC,EAAE;IAAEC;EAAM,CAAC,GAAGN,KAAK;EAC3B,MAAMO,KAAK,IAAAJ,eAAA,GAAGH,KAAK,CAACQ,QAAQ,CAAE;IAAEC,IAAI,EAAEV;EAAK,CAAE,CAAC,cAAAI,eAAA,cAAAA,eAAA,GAAI,EAAE;EACpD,MAAMO,eAAe,GAAGhB,WAAW,CAChCiB,QAAa,IACdV,QAAQ,CAAE;IACT,CAAEI,EAAE,GAAIM;EACT,CAAE,CAAC,EACJ,CAAEN,EAAE,EAAEJ,QAAQ,CACf,CAAC;EAED,MAAMW,QAAQ,GAAG;EAChB;AACF;AACA;AACA;AACA;AACA;AACA;EACE;IAAEN,KAAK,EAAEX,EAAE,CAAE,aAAc,CAAC;IAAEY,KAAK,EAAE;EAAG,CAAC,EACzC,KAAAH,eAAA,GAAKJ,KAAK,EAAEY,QAAQ,cAAAR,eAAA,cAAAA,eAAA,GAAI,EAAE,CAAE,CAC5B;EAED,oBACCP,IAAA,CAACJ,aAAa;IACba,KAAK,EAAGA,KAAO;IACfC,KAAK,EAAGA,KAAO;IACfM,OAAO,EAAGD,QAAU;IACpBX,QAAQ,EAAGS,eAAiB;IAC5BI,qBAAqB;IACrBC,uBAAuB;IACvBb,mBAAmB,EAAGA;EAAqB,CAC3C,CAAC;AAEJ","ignoreList":[]}

package/build-module/dataform-controls/text.js

@@ -0,0 +1,38 @@
+/**
+ * WordPress dependencies
+ */
+import { TextControl } from '@wordpress/components';
+import { useCallback } from '@wordpress/element';
+
+/**
+ * Internal dependencies
+ */
+import { jsx as _jsx } from "react/jsx-runtime";
+export default function Text({
+  data,
+  field,
+  onChange,
+  hideLabelFromVision
+}) {
+  const {
+    id,
+    label,
+    placeholder
+  } = field;
+  const value = field.getValue({
+    item: data
+  });
+  const onChangeControl = useCallback(newValue => onChange({
+    [id]: newValue
+  }), [id, onChange]);
+  return /*#__PURE__*/_jsx(TextControl, {
+    label: label,
+    placeholder: placeholder,
+    value: value !== null && value !== void 0 ? value : '',
+    onChange: onChangeControl,
+    __next40pxDefaultSize: true,
+    __nextHasNoMarginBottom: true,
+    hideLabelFromVision: hideLabelFromVision
+  });
+}
+//# sourceMappingURL=text.js.map

package/build-module/dataform-controls/text.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["TextControl","useCallback","jsx","_jsx","Text","data","field","onChange","hideLabelFromVision","id","label","placeholder","value","getValue","item","onChangeControl","newValue","__next40pxDefaultSize","__nextHasNoMarginBottom"],"sources":["@wordpress/dataviews/src/dataform-controls/text.tsx"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { TextControl } from '@wordpress/components';\nimport { useCallback } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport type { DataFormControlProps } from '../types';\n\nexport default function Text< Item >( {\n\tdata,\n\tfield,\n\tonChange,\n\thideLabelFromVision,\n}: DataFormControlProps< Item > ) {\n\tconst { id, label, placeholder } = field;\n\tconst value = field.getValue( { item: data } );\n\n\tconst onChangeControl = useCallback(\n\t\t( newValue: string ) =>\n\t\t\tonChange( {\n\t\t\t\t[ id ]: newValue,\n\t\t\t} ),\n\t\t[ id, onChange ]\n\t);\n\n\treturn (\n\t\t<TextControl\n\t\t\tlabel={ label }\n\t\t\tplaceholder={ placeholder }\n\t\t\tvalue={ value ?? '' }\n\t\t\tonChange={ onChangeControl }\n\t\t\t__next40pxDefaultSize\n\t\t\t__nextHasNoMarginBottom\n\t\t\thideLabelFromVision={ hideLabelFromVision }\n\t\t/>\n\t);\n}\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,WAAW,QAAQ,uBAAuB;AACnD,SAASC,WAAW,QAAQ,oBAAoB;;AAEhD;AACA;AACA;AAFA,SAAAC,GAAA,IAAAC,IAAA;AAKA,eAAe,SAASC,IAAIA,CAAU;EACrCC,IAAI;EACJC,KAAK;EACLC,QAAQ;EACRC;AAC6B,CAAC,EAAG;EACjC,MAAM;IAAEC,EAAE;IAAEC,KAAK;IAAEC;EAAY,CAAC,GAAGL,KAAK;EACxC,MAAMM,KAAK,GAAGN,KAAK,CAACO,QAAQ,CAAE;IAAEC,IAAI,EAAET;EAAK,CAAE,CAAC;EAE9C,MAAMU,eAAe,GAAGd,WAAW,CAChCe,QAAgB,IACjBT,QAAQ,CAAE;IACT,CAAEE,EAAE,GAAIO;EACT,CAAE,CAAC,EACJ,CAAEP,EAAE,EAAEF,QAAQ,CACf,CAAC;EAED,oBACCJ,IAAA,CAACH,WAAW;IACXU,KAAK,EAAGA,KAAO;IACfC,WAAW,EAAGA,WAAa;IAC3BC,KAAK,EAAGA,KAAK,aAALA,KAAK,cAALA,KAAK,GAAI,EAAI;IACrBL,QAAQ,EAAGQ,eAAiB;IAC5BE,qBAAqB;IACrBC,uBAAuB;IACvBV,mBAAmB,EAAGA;EAAqB,CAC3C,CAAC;AAEJ","ignoreList":[]}

package/build-module/dataforms-layouts/panel/index.js

@@ -107,9 +107,12 @@ export default function FormPanel({
   form,
   onChange
 }) {
-  const visibleFields = useMemo(() => normalizeFields(fields.filter(({
-    id
-  }) => !!form.fields?.includes(id))), [fields, form.fields]);
+  const visibleFields = useMemo(() => {
+    var _form$fields;
+    return normalizeFields(((_form$fields = form.fields) !== null && _form$fields !== void 0 ? _form$fields : []).map(fieldId => fields.find(({
+      id
+    }) => id === fieldId)).filter(field => !!field));
+  }, [fields, form.fields]);
   return /*#__PURE__*/_jsx(VStack, {
     spacing: 2,
     children: visibleFields.map(field => {