@wordpress/dataviews 4.4.3 → 4.5.0

package/CHANGELOG.md

@@ -2,6 +2,8 @@
 
 ## Unreleased
 
+## 4.5.0 (2024-10-03)
+
 ## 4.4.0 (2024-09-19)
 
 ## 4.3.0 (2024-09-05)

package/README.md

@@ -2,6 +2,10 @@
 
 DataViews is a component that provides an API to render datasets using different types of layouts (table, grid, list, etc.).
 
+DataViews is data agnostic, it can work with data coming from a static (JSON file) or dynamic source (HTTP Request) — it just requires the data to be an array of objects that have an unique identifier. Consumers are responsible to query the data source appropiately based on the DataViews props:
+
+![DataViews flow](https://developer.wordpress.org/files/2024/09/368600071-20aa078f-7c3d-406d-8dd0-8b764addd22a.png "DataViews flow")
+
 ## Installation
 
 Install the module

package/build/components/dataform-combined-edit/index.js

@@ -0,0 +1,67 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _components = require("@wordpress/components");
+var _jsxRuntime = require("react/jsx-runtime");
+/**
+ * WordPress dependencies
+ */
+
+/**
+ * Internal dependencies
+ */
+
+function Header({
+  title
+}) {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.__experimentalVStack, {
+    className: "dataforms-layouts__dropdown-header",
+    spacing: 4,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_components.__experimentalHStack, {
+      alignment: "center",
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_components.__experimentalHeading, {
+        level: 2,
+        size: 13,
+        children: title
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.__experimentalSpacer, {})]
+    })
+  });
+}
+function DataFormCombinedEdit({
+  field,
+  data,
+  onChange,
+  hideLabelFromVision
+}) {
+  var _field$children;
+  const className = 'dataforms-combined-edit';
+  const visibleChildren = ((_field$children = field.children) !== null && _field$children !== void 0 ? _field$children : []).map(fieldId => field.fields.find(({
+    id
+  }) => id === fieldId)).filter(childField => !!childField);
+  const children = visibleChildren.map(child => {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: "dataforms-combined-edit__field",
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(child.Edit, {
+        data: data,
+        field: child,
+        onChange: onChange
+      })
+    }, child.id);
+  });
+  const Stack = field.direction === 'horizontal' ? _components.__experimentalHStack : _components.__experimentalVStack;
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+    children: [!hideLabelFromVision && /*#__PURE__*/(0, _jsxRuntime.jsx)(Header, {
+      title: field.label
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(Stack, {
+      spacing: 4,
+      className: className,
+      as: "fieldset",
+      children: children
+    })]
+  });
+}
+var _default = exports.default = DataFormCombinedEdit;
+//# sourceMappingURL=index.js.map

package/build/components/dataform-combined-edit/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_components","require","_jsxRuntime","Header","title","jsx","__experimentalVStack","className","spacing","children","jsxs","__experimentalHStack","alignment","__experimentalHeading","level","size","__experimentalSpacer","DataFormCombinedEdit","field","data","onChange","hideLabelFromVision","_field$children","visibleChildren","map","fieldId","fields","find","id","filter","childField","child","Edit","Stack","direction","HStack","VStack","Fragment","label","as","_default","exports","default"],"sources":["@wordpress/dataviews/src/components/dataform-combined-edit/index.tsx"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport {\n\t__experimentalHStack as HStack,\n\t__experimentalVStack as VStack,\n\t__experimentalHeading as Heading,\n\t__experimentalSpacer as Spacer,\n} from '@wordpress/components';\n\n/**\n * Internal dependencies\n */\nimport type { DataFormCombinedEditProps, NormalizedField } from '../../types';\n\nfunction Header( { title }: { title: string } ) {\n\treturn (\n\t\t<VStack className=\"dataforms-layouts__dropdown-header\" spacing={ 4 }>\n\t\t\t<HStack alignment=\"center\">\n\t\t\t\t<Heading level={ 2 } size={ 13 }>\n\t\t\t\t\t{ title }\n\t\t\t\t</Heading>\n\t\t\t\t<Spacer />\n\t\t\t</HStack>\n\t\t</VStack>\n\t);\n}\n\nfunction DataFormCombinedEdit< Item >( {\n\tfield,\n\tdata,\n\tonChange,\n\thideLabelFromVision,\n}: DataFormCombinedEditProps< Item > ) {\n\tconst className = 'dataforms-combined-edit';\n\tconst visibleChildren = ( field.children ?? [] )\n\t\t.map( ( fieldId ) => field.fields.find( ( { id } ) => id === fieldId ) )\n\t\t.filter(\n\t\t\t( childField ): childField is NormalizedField< Item > =>\n\t\t\t\t!! childField\n\t\t);\n\tconst children = visibleChildren.map( ( child ) => {\n\t\treturn (\n\t\t\t<div className=\"dataforms-combined-edit__field\" key={ child.id }>\n\t\t\t\t<child.Edit\n\t\t\t\t\tdata={ data }\n\t\t\t\t\tfield={ child }\n\t\t\t\t\tonChange={ onChange }\n\t\t\t\t/>\n\t\t\t</div>\n\t\t);\n\t} );\n\n\tconst Stack = field.direction === 'horizontal' ? HStack : VStack;\n\n\treturn (\n\t\t<>\n\t\t\t{ ! hideLabelFromVision && <Header title={ field.label } /> }\n\t\t\t<Stack spacing={ 4 } className={ className } as=\"fieldset\">\n\t\t\t\t{ children }\n\t\t\t</Stack>\n\t\t</>\n\t);\n}\n\nexport default DataFormCombinedEdit;\n"],"mappings":";;;;;;AAGA,IAAAA,WAAA,GAAAC,OAAA;AAK+B,IAAAC,WAAA,GAAAD,OAAA;AAR/B;AACA;AACA;;AAQA;AACA;AACA;;AAGA,SAASE,MAAMA,CAAE;EAAEC;AAAyB,CAAC,EAAG;EAC/C,oBACC,IAAAF,WAAA,CAAAG,GAAA,EAACL,WAAA,CAAAM,oBAAM;IAACC,SAAS,EAAC,oCAAoC;IAACC,OAAO,EAAG,CAAG;IAAAC,QAAA,eACnE,IAAAP,WAAA,CAAAQ,IAAA,EAACV,WAAA,CAAAW,oBAAM;MAACC,SAAS,EAAC,QAAQ;MAAAH,QAAA,gBACzB,IAAAP,WAAA,CAAAG,GAAA,EAACL,WAAA,CAAAa,qBAAO;QAACC,KAAK,EAAG,CAAG;QAACC,IAAI,EAAG,EAAI;QAAAN,QAAA,EAC7BL;MAAK,CACC,CAAC,eACV,IAAAF,WAAA,CAAAG,GAAA,EAACL,WAAA,CAAAgB,oBAAM,IAAE,CAAC;IAAA,CACH;EAAC,CACF,CAAC;AAEX;AAEA,SAASC,oBAAoBA,CAAU;EACtCC,KAAK;EACLC,IAAI;EACJC,QAAQ;EACRC;AACkC,CAAC,EAAG;EAAA,IAAAC,eAAA;EACtC,MAAMf,SAAS,GAAG,yBAAyB;EAC3C,MAAMgB,eAAe,GAAG,EAAAD,eAAA,GAAEJ,KAAK,CAACT,QAAQ,cAAAa,eAAA,cAAAA,eAAA,GAAI,EAAE,EAC5CE,GAAG,CAAIC,OAAO,IAAMP,KAAK,CAACQ,MAAM,CAACC,IAAI,CAAE,CAAE;IAAEC;EAAG,CAAC,KAAMA,EAAE,KAAKH,OAAQ,CAAE,CAAC,CACvEI,MAAM,CACJC,UAAU,IACX,CAAC,CAAEA,UACL,CAAC;EACF,MAAMrB,QAAQ,GAAGc,eAAe,CAACC,GAAG,CAAIO,KAAK,IAAM;IAClD,oBACC,IAAA7B,WAAA,CAAAG,GAAA;MAAKE,SAAS,EAAC,gCAAgC;MAAAE,QAAA,eAC9C,IAAAP,WAAA,CAAAG,GAAA,EAAC0B,KAAK,CAACC,IAAI;QACVb,IAAI,EAAGA,IAAM;QACbD,KAAK,EAAGa,KAAO;QACfX,QAAQ,EAAGA;MAAU,CACrB;IAAC,GALmDW,KAAK,CAACH,EAMvD,CAAC;EAER,CAAE,CAAC;EAEH,MAAMK,KAAK,GAAGf,KAAK,CAACgB,SAAS,KAAK,YAAY,GAAGC,gCAAM,GAAGC,gCAAM;EAEhE,oBACC,IAAAlC,WAAA,CAAAQ,IAAA,EAAAR,WAAA,CAAAmC,QAAA;IAAA5B,QAAA,GACG,CAAEY,mBAAmB,iBAAI,IAAAnB,WAAA,CAAAG,GAAA,EAACF,MAAM;MAACC,KAAK,EAAGc,KAAK,CAACoB;IAAO,CAAE,CAAC,eAC3D,IAAApC,WAAA,CAAAG,GAAA,EAAC4B,KAAK;MAACzB,OAAO,EAAG,CAAG;MAACD,SAAS,EAAGA,SAAW;MAACgC,EAAE,EAAC,UAAU;MAAA9B,QAAA,EACvDA;IAAQ,CACJ,CAAC;EAAA,CACP,CAAC;AAEL;AAAC,IAAA+B,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAEczB,oBAAoB","ignoreList":[]}

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

@@ -10,6 +10,7 @@ var _i18n = require("@wordpress/i18n");
 var _element = require("@wordpress/element");
 var _icons = require("@wordpress/icons");
 var _warning = _interopRequireDefault(require("@wordpress/warning"));
+var _compose = require("@wordpress/compose");
 var _constants = require("../../constants");
 var _dataviewsLayouts = require("../../dataviews-layouts");
 var _dataviewsContext = _interopRequireDefault(require("../dataviews-context"));
@@ -31,6 +32,10 @@ var _jsxRuntime = require("react/jsx-runtime");
 const {
   DropdownMenuV2
 } = (0, _lockUnlock.unlock)(_components.privateApis);
+const DATAVIEWS_CONFIG_POPOVER_PROPS = {
+  placement: 'bottom-end',
+  offset: 9
+};
 function ViewTypeMenu({
   defaultLayouts = {
     list: {},
@@ -390,30 +395,53 @@ function SettingsSection({
     })]
   });
 }
-function DataviewsViewConfigContent({
+function DataviewsViewConfigDropdown({
   density,
   setDensity
 }) {
   const {
     view
   } = (0, _element.useContext)(_dataviewsContext.default);
-  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, {})]
-      }), view.type === _constants.LAYOUT_GRID && /*#__PURE__*/(0, _jsxRuntime.jsx)(_densityPicker.default, {
-        density: density,
-        setDensity: setDensity
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(ItemsPerPageControl, {})]
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(SettingsSection, {
-      title: (0, _i18n.__)('Properties'),
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(FieldControl, {})
-    })]
+  const popoverId = (0, _compose.useInstanceId)(_DataViewsViewConfig, 'dataviews-view-config-dropdown');
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Dropdown, {
+    popoverProps: {
+      ...DATAVIEWS_CONFIG_POPOVER_PROPS,
+      id: popoverId
+    },
+    renderToggle: ({
+      onToggle,
+      isOpen
+    }) => {
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Button, {
+        size: "compact",
+        icon: _icons.cog,
+        label: (0, _i18n._x)('View options', 'View is used as a noun'),
+        onClick: onToggle,
+        "aria-expanded": isOpen ? 'true' : 'false',
+        "aria-controls": popoverId
+      });
+    },
+    renderContent: () => /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.__experimentalDropdownContentWrapper, {
+      paddingSize: "medium",
+      children: /*#__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, {})]
+          }), view.type === _constants.LAYOUT_GRID && /*#__PURE__*/(0, _jsxRuntime.jsx)(_densityPicker.default, {
+            density: density,
+            setDensity: setDensity
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(ItemsPerPageControl, {})]
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(SettingsSection, {
+          title: (0, _i18n.__)('Properties'),
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(FieldControl, {})
+        })]
+      })
+    })
   });
 }
 function _DataViewsViewConfig({
@@ -428,26 +456,9 @@ function _DataViewsViewConfig({
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
     children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(ViewTypeMenu, {
       defaultLayouts: defaultLayouts
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Dropdown, {
-      popoverProps: {
-        placement: 'bottom-end',
-        offset: 9
-      },
-      contentClassName: "dataviews-view-config",
-      renderToggle: ({
-        onToggle
-      }) => {
-        return /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Button, {
-          size: "compact",
-          icon: _icons.cog,
-          label: (0, _i18n._x)('View options', 'View is used as a noun'),
-          onClick: onToggle
-        });
-      },
-      renderContent: () => /*#__PURE__*/(0, _jsxRuntime.jsx)(DataviewsViewConfigContent, {
-        density: density,
-        setDensity: setDensity
-      })
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(DataviewsViewConfigDropdown, {
+      density: density,
+      setDensity: setDensity
     })]
   });
 }

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

@@ -1 +1 @@
-{"version":3,"names":["_components","require","_i18n","_element","_icons","_warning","_interopRequireDefault","_constants","_dataviewsLayouts","_dataviewsContext","_lockUnlock","_densityPicker","_jsxRuntime","DropdownMenuV2","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","RadioItem","value","name","checked","hideOnClick","onChange","e","target","globalThis","SCRIPT_DEBUG","warning","ItemLabel","SortFieldControl","fields","orderOptions","useMemo","sortableFields","filter","field","enableSorting","id","SelectControl","__nextHasNoMarginBottom","__next40pxDefaultSize","sort","options","direction","SortDirectionControl","__experimentalToggleGroupControl","className","isBlock","newDirection","SORTING_DIRECTIONS","__experimentalToggleGroupControlOptionIcon","sortIcons","sortLabels","PAGE_SIZE_VALUES","ItemsPerPageControl","perPage","disabled","newItemsPerPage","newItemsPerPageNumber","undefined","parseInt","page","__experimentalToggleGroupControlOption","toString","FieldItem","index","isVisible","isHidable","visibleFieldIds","getVisibleFieldIds","__experimentalItem","jsxs","__experimentalHStack","expanded","justify","LAYOUT_TABLE","Fragment","accessibleWhenDisabled","onClick","_visibleFieldIds$slic","slice","chevronUp","sprintf","_visibleFieldIds$slic2","chevronDown","fieldId","setTimeout","element","document","querySelector","HTMLElement","focus","seen","unseen","FieldControl","hiddenFieldIds","getHiddenFieldIds","notHidableFieldIds","getNotHidableFieldIds","visibleFields","includes","enableHiding","indexOf","combinedFields","forEach","push","a","b","hiddenFields","__experimentalVStack","spacing","__experimentalItemGroup","isBordered","isSeparated","BaseControl","VisualLabel","style","margin","SettingsSection","title","description","__experimentalGrid","columns","gap","__experimentalHeading","level","__experimentalText","variant","DataviewsViewConfigContent","density","setDensity","LAYOUT_GRID","default","_DataViewsViewConfig","Dropdown","popoverProps","placement","offset","contentClassName","renderToggle","onToggle","cog","_x","renderContent","DataViewsViewConfig","memo","_default","exports"],"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\tDropdown,\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\tBaseControl,\n} from '@wordpress/components';\nimport { __, _x, sprintf } from '@wordpress/i18n';\nimport { memo, useContext, useMemo } from '@wordpress/element';\nimport { chevronDown, chevronUp, 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\tLAYOUT_TABLE,\n\tsortIcons,\n\tsortLabels,\n} from '../../constants';\nimport {\n\tVIEW_LAYOUTS,\n\tgetNotHidableFieldIds,\n\tgetVisibleFieldIds,\n\tgetHiddenFieldIds,\n} from '../../dataviews-layouts';\nimport type { SupportedLayouts, View, Field } from '../../types';\nimport DataViewsContext from '../dataviews-context';\nimport { unlock } from '../../lock-unlock';\nimport DensityPicker from '../../dataviews-layouts/grid/density-picker';\n\nconst { DropdownMenuV2 } = 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<DropdownMenuV2\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<DropdownMenuV2.RadioItem\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<DropdownMenuV2.ItemLabel>\n\t\t\t\t\t\t\t{ config.label }\n\t\t\t\t\t\t</DropdownMenuV2.ItemLabel>\n\t\t\t\t\t</DropdownMenuV2.RadioItem>\n\t\t\t\t);\n\t\t\t} ) }\n\t\t</DropdownMenuV2>\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\n\tconst sortableFields = fields.filter(\n\t\t( field ) => field.enableSorting !== false\n\t);\n\tif ( sortableFields.length === 0 ) {\n\t\treturn null;\n\t}\n\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\ninterface FieldItemProps {\n\tid: any;\n\tlabel: string;\n\tindex: number;\n\tisVisible: boolean;\n\tisHidable: boolean;\n}\n\nfunction FieldItem( {\n\tfield: { id, label, index, isVisible, isHidable },\n\tfields,\n\tview,\n\tonChangeView,\n}: {\n\tfield: FieldItemProps;\n\tfields: Field< any >[];\n\tview: View;\n\tonChangeView: ( view: View ) => void;\n} ) {\n\tconst visibleFieldIds = getVisibleFieldIds( view, fields );\n\n\treturn (\n\t\t<Item key={ id }>\n\t\t\t<HStack\n\t\t\t\texpanded\n\t\t\t\tclassName={ `dataviews-field-control__field dataviews-field-control__field-${ id }` }\n\t\t\t>\n\t\t\t\t<span>{ label }</span>\n\t\t\t\t<HStack\n\t\t\t\t\tjustify=\"flex-end\"\n\t\t\t\t\texpanded={ false }\n\t\t\t\t\tclassName=\"dataviews-field-control__actions\"\n\t\t\t\t>\n\t\t\t\t\t{ view.type === LAYOUT_TABLE && isVisible && (\n\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\tdisabled={ index < 1 }\n\t\t\t\t\t\t\t\taccessibleWhenDisabled\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: [\n\t\t\t\t\t\t\t\t\t\t\t...( visibleFieldIds.slice(\n\t\t\t\t\t\t\t\t\t\t\t\t0,\n\t\t\t\t\t\t\t\t\t\t\t\tindex - 1\n\t\t\t\t\t\t\t\t\t\t\t) ?? [] ),\n\t\t\t\t\t\t\t\t\t\t\tid,\n\t\t\t\t\t\t\t\t\t\t\tvisibleFieldIds[ index - 1 ],\n\t\t\t\t\t\t\t\t\t\t\t...visibleFieldIds.slice(\n\t\t\t\t\t\t\t\t\t\t\t\tindex + 1\n\t\t\t\t\t\t\t\t\t\t\t),\n\t\t\t\t\t\t\t\t\t\t],\n\t\t\t\t\t\t\t\t\t} );\n\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t\ticon={ chevronUp }\n\t\t\t\t\t\t\t\tlabel={ sprintf(\n\t\t\t\t\t\t\t\t\t/* translators: %s: field label */\n\t\t\t\t\t\t\t\t\t__( 'Move %s up' ),\n\t\t\t\t\t\t\t\t\tlabel\n\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\tdisabled={ index >= visibleFieldIds.length - 1 }\n\t\t\t\t\t\t\t\taccessibleWhenDisabled\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: [\n\t\t\t\t\t\t\t\t\t\t\t...( visibleFieldIds.slice(\n\t\t\t\t\t\t\t\t\t\t\t\t0,\n\t\t\t\t\t\t\t\t\t\t\t\tindex\n\t\t\t\t\t\t\t\t\t\t\t) ?? [] ),\n\t\t\t\t\t\t\t\t\t\t\tvisibleFieldIds[ index + 1 ],\n\t\t\t\t\t\t\t\t\t\t\tid,\n\t\t\t\t\t\t\t\t\t\t\t...visibleFieldIds.slice(\n\t\t\t\t\t\t\t\t\t\t\t\tindex + 2\n\t\t\t\t\t\t\t\t\t\t\t),\n\t\t\t\t\t\t\t\t\t\t],\n\t\t\t\t\t\t\t\t\t} );\n\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t\ticon={ chevronDown }\n\t\t\t\t\t\t\t\tlabel={ sprintf(\n\t\t\t\t\t\t\t\t\t/* translators: %s: field label */\n\t\t\t\t\t\t\t\t\t__( 'Move %s down' ),\n\t\t\t\t\t\t\t\t\tlabel\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\t<Button\n\t\t\t\t\t\tclassName=\"dataviews-field-control__field-visibility-button\"\n\t\t\t\t\t\tdisabled={ ! isHidable }\n\t\t\t\t\t\taccessibleWhenDisabled\n\t\t\t\t\t\tsize=\"compact\"\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\tfields: isVisible\n\t\t\t\t\t\t\t\t\t? visibleFieldIds.filter(\n\t\t\t\t\t\t\t\t\t\t\t( fieldId ) => fieldId !== id\n\t\t\t\t\t\t\t\t\t  )\n\t\t\t\t\t\t\t\t\t: [ ...visibleFieldIds, id ],\n\t\t\t\t\t\t\t} );\n\t\t\t\t\t\t\t// Focus the visibility button to avoid focus loss.\n\t\t\t\t\t\t\t// Our code is safe against the component being unmounted, so we don't need to worry about cleaning the timeout.\n\t\t\t\t\t\t\t// eslint-disable-next-line @wordpress/react-no-unsafe-timeout\n\t\t\t\t\t\t\tsetTimeout( () => {\n\t\t\t\t\t\t\t\tconst element = document.querySelector(\n\t\t\t\t\t\t\t\t\t`.dataviews-field-control__field-${ id } .dataviews-field-control__field-visibility-button`\n\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\tif ( element instanceof HTMLElement ) {\n\t\t\t\t\t\t\t\t\telement.focus();\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}, 50 );\n\t\t\t\t\t\t} }\n\t\t\t\t\t\ticon={ isVisible ? seen : unseen }\n\t\t\t\t\t\tlabel={\n\t\t\t\t\t\t\tisVisible\n\t\t\t\t\t\t\t\t? sprintf(\n\t\t\t\t\t\t\t\t\t\t/* translators: %s: field label */\n\t\t\t\t\t\t\t\t\t\t__( 'Hide %s' ),\n\t\t\t\t\t\t\t\t\t\tlabel\n\t\t\t\t\t\t\t\t  )\n\t\t\t\t\t\t\t\t: sprintf(\n\t\t\t\t\t\t\t\t\t\t/* translators: %s: field label */\n\t\t\t\t\t\t\t\t\t\t__( 'Show %s' ),\n\t\t\t\t\t\t\t\t\t\tlabel\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</HStack>\n\t\t\t</HStack>\n\t\t</Item>\n\t);\n}\n\nfunction FieldControl() {\n\tconst { view, fields, onChangeView } = useContext( DataViewsContext );\n\n\tconst visibleFieldIds = useMemo(\n\t\t() => getVisibleFieldIds( view, fields ),\n\t\t[ view, fields ]\n\t);\n\tconst hiddenFieldIds = useMemo(\n\t\t() => getHiddenFieldIds( view, fields ),\n\t\t[ view, fields ]\n\t);\n\tconst notHidableFieldIds = useMemo(\n\t\t() => getNotHidableFieldIds( view ),\n\t\t[ view ]\n\t);\n\n\tconst visibleFields = fields\n\t\t.filter( ( { id } ) => visibleFieldIds.includes( id ) )\n\t\t.map( ( { id, label, enableHiding } ) => {\n\t\t\treturn {\n\t\t\t\tid,\n\t\t\t\tlabel,\n\t\t\t\tindex: visibleFieldIds.indexOf( id ),\n\t\t\t\tisVisible: true,\n\t\t\t\tisHidable: notHidableFieldIds.includes( id )\n\t\t\t\t\t? false\n\t\t\t\t\t: enableHiding,\n\t\t\t};\n\t\t} );\n\tif ( view.type === LAYOUT_TABLE && view.layout?.combinedFields ) {\n\t\tview.layout.combinedFields.forEach( ( { id, label } ) => {\n\t\t\tvisibleFields.push( {\n\t\t\t\tid,\n\t\t\t\tlabel,\n\t\t\t\tindex: visibleFieldIds.indexOf( id ),\n\t\t\t\tisVisible: true,\n\t\t\t\tisHidable: notHidableFieldIds.includes( id ),\n\t\t\t} );\n\t\t} );\n\t}\n\tvisibleFields.sort( ( a, b ) => a.index - b.index );\n\n\tconst hiddenFields = fields\n\t\t.filter( ( { id } ) => hiddenFieldIds.includes( id ) )\n\t\t.map( ( { id, label, enableHiding }, index ) => {\n\t\t\treturn {\n\t\t\t\tid,\n\t\t\t\tlabel,\n\t\t\t\tindex,\n\t\t\t\tisVisible: false,\n\t\t\t\tisHidable: enableHiding,\n\t\t\t};\n\t\t} );\n\n\tif ( ! visibleFields?.length && ! hiddenFields?.length ) {\n\t\treturn null;\n\t}\n\n\treturn (\n\t\t<VStack spacing={ 6 } className=\"dataviews-field-control\">\n\t\t\t{ !! visibleFields?.length && (\n\t\t\t\t<ItemGroup isBordered isSeparated>\n\t\t\t\t\t{ visibleFields.map( ( field ) => (\n\t\t\t\t\t\t<FieldItem\n\t\t\t\t\t\t\tkey={ field.id }\n\t\t\t\t\t\t\tfield={ field }\n\t\t\t\t\t\t\tfields={ fields }\n\t\t\t\t\t\t\tview={ view }\n\t\t\t\t\t\t\tonChangeView={ onChangeView }\n\t\t\t\t\t\t/>\n\t\t\t\t\t) ) }\n\t\t\t\t</ItemGroup>\n\t\t\t) }\n\t\t\t{ !! hiddenFields?.length && (\n\t\t\t\t<>\n\t\t\t\t\t<VStack spacing={ 4 }>\n\t\t\t\t\t\t<BaseControl.VisualLabel style={ { margin: 0 } }>\n\t\t\t\t\t\t\t{ __( 'Hidden' ) }\n\t\t\t\t\t\t</BaseControl.VisualLabel>\n\t\t\t\t\t\t<ItemGroup isBordered isSeparated>\n\t\t\t\t\t\t\t{ hiddenFields.map( ( field ) => (\n\t\t\t\t\t\t\t\t<FieldItem\n\t\t\t\t\t\t\t\t\tkey={ field.id }\n\t\t\t\t\t\t\t\t\tfield={ field }\n\t\t\t\t\t\t\t\t\tfields={ fields }\n\t\t\t\t\t\t\t\t\tview={ view }\n\t\t\t\t\t\t\t\t\tonChangeView={ onChangeView }\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t) ) }\n\t\t\t\t\t\t</ItemGroup>\n\t\t\t\t\t</VStack>\n\t\t\t\t</>\n\t\t\t) }\n\t\t</VStack>\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\treturn (\n\t\t<>\n\t\t\t<ViewTypeMenu defaultLayouts={ defaultLayouts } />\n\t\t\t<Dropdown\n\t\t\t\tpopoverProps={ { placement: 'bottom-end', offset: 9 } }\n\t\t\t\tcontentClassName=\"dataviews-view-config\"\n\t\t\t\trenderToggle={ ( { onToggle } ) => {\n\t\t\t\t\treturn (\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\tsize=\"compact\"\n\t\t\t\t\t\t\ticon={ cog }\n\t\t\t\t\t\t\tlabel={ _x(\n\t\t\t\t\t\t\t\t'View options',\n\t\t\t\t\t\t\t\t'View is used as a noun'\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\tonClick={ onToggle }\n\t\t\t\t\t\t/>\n\t\t\t\t\t);\n\t\t\t\t} }\n\t\t\t\trenderContent={ () => (\n\t\t\t\t\t<DataviewsViewConfigContent\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/>\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":["_components","require","_i18n","_element","_icons","_warning","_interopRequireDefault","_compose","_constants","_dataviewsLayouts","_dataviewsContext","_lockUnlock","_densityPicker","_jsxRuntime","DropdownMenuV2","unlock","componentsPrivateApis","DATAVIEWS_CONFIG_POPOVER_PROPS","placement","offset","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","RadioItem","value","name","checked","hideOnClick","onChange","e","target","globalThis","SCRIPT_DEBUG","warning","ItemLabel","SortFieldControl","fields","orderOptions","useMemo","sortableFields","filter","field","enableSorting","id","SelectControl","__nextHasNoMarginBottom","__next40pxDefaultSize","sort","options","direction","SortDirectionControl","__experimentalToggleGroupControl","className","isBlock","newDirection","SORTING_DIRECTIONS","__experimentalToggleGroupControlOptionIcon","sortIcons","sortLabels","PAGE_SIZE_VALUES","ItemsPerPageControl","perPage","disabled","newItemsPerPage","newItemsPerPageNumber","undefined","parseInt","page","__experimentalToggleGroupControlOption","toString","FieldItem","index","isVisible","isHidable","visibleFieldIds","getVisibleFieldIds","__experimentalItem","jsxs","__experimentalHStack","expanded","justify","LAYOUT_TABLE","Fragment","accessibleWhenDisabled","onClick","_visibleFieldIds$slic","slice","chevronUp","sprintf","_visibleFieldIds$slic2","chevronDown","fieldId","setTimeout","element","document","querySelector","HTMLElement","focus","seen","unseen","FieldControl","hiddenFieldIds","getHiddenFieldIds","notHidableFieldIds","getNotHidableFieldIds","visibleFields","includes","enableHiding","indexOf","combinedFields","forEach","push","a","b","hiddenFields","__experimentalVStack","spacing","__experimentalItemGroup","isBordered","isSeparated","BaseControl","VisualLabel","style","margin","SettingsSection","title","description","__experimentalGrid","columns","gap","__experimentalHeading","level","__experimentalText","variant","DataviewsViewConfigDropdown","density","setDensity","popoverId","useInstanceId","_DataViewsViewConfig","Dropdown","popoverProps","renderToggle","onToggle","isOpen","cog","_x","renderContent","__experimentalDropdownContentWrapper","paddingSize","LAYOUT_GRID","default","DataViewsViewConfig","memo","_default","exports"],"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\t__experimentalDropdownContentWrapper as DropdownContentWrapper,\n\tDropdown,\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\tBaseControl,\n} from '@wordpress/components';\nimport { __, _x, sprintf } from '@wordpress/i18n';\nimport { memo, useContext, useMemo } from '@wordpress/element';\nimport { chevronDown, chevronUp, cog, seen, unseen } from '@wordpress/icons';\nimport warning from '@wordpress/warning';\nimport { useInstanceId } from '@wordpress/compose';\n\n/**\n * Internal dependencies\n */\nimport {\n\tSORTING_DIRECTIONS,\n\tLAYOUT_GRID,\n\tLAYOUT_TABLE,\n\tsortIcons,\n\tsortLabels,\n} from '../../constants';\nimport {\n\tVIEW_LAYOUTS,\n\tgetNotHidableFieldIds,\n\tgetVisibleFieldIds,\n\tgetHiddenFieldIds,\n} from '../../dataviews-layouts';\nimport type { SupportedLayouts, View, Field } from '../../types';\nimport DataViewsContext from '../dataviews-context';\nimport { unlock } from '../../lock-unlock';\nimport DensityPicker from '../../dataviews-layouts/grid/density-picker';\n\nconst { DropdownMenuV2 } = unlock( componentsPrivateApis );\n\ninterface ViewTypeMenuProps {\n\tdefaultLayouts?: SupportedLayouts;\n}\n\nconst DATAVIEWS_CONFIG_POPOVER_PROPS = { placement: 'bottom-end', offset: 9 };\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<DropdownMenuV2\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<DropdownMenuV2.RadioItem\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<DropdownMenuV2.ItemLabel>\n\t\t\t\t\t\t\t{ config.label }\n\t\t\t\t\t\t</DropdownMenuV2.ItemLabel>\n\t\t\t\t\t</DropdownMenuV2.RadioItem>\n\t\t\t\t);\n\t\t\t} ) }\n\t\t</DropdownMenuV2>\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\n\tconst sortableFields = fields.filter(\n\t\t( field ) => field.enableSorting !== false\n\t);\n\tif ( sortableFields.length === 0 ) {\n\t\treturn null;\n\t}\n\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\ninterface FieldItemProps {\n\tid: any;\n\tlabel: string;\n\tindex: number;\n\tisVisible: boolean;\n\tisHidable: boolean;\n}\n\nfunction FieldItem( {\n\tfield: { id, label, index, isVisible, isHidable },\n\tfields,\n\tview,\n\tonChangeView,\n}: {\n\tfield: FieldItemProps;\n\tfields: Field< any >[];\n\tview: View;\n\tonChangeView: ( view: View ) => void;\n} ) {\n\tconst visibleFieldIds = getVisibleFieldIds( view, fields );\n\n\treturn (\n\t\t<Item key={ id }>\n\t\t\t<HStack\n\t\t\t\texpanded\n\t\t\t\tclassName={ `dataviews-field-control__field dataviews-field-control__field-${ id }` }\n\t\t\t>\n\t\t\t\t<span>{ label }</span>\n\t\t\t\t<HStack\n\t\t\t\t\tjustify=\"flex-end\"\n\t\t\t\t\texpanded={ false }\n\t\t\t\t\tclassName=\"dataviews-field-control__actions\"\n\t\t\t\t>\n\t\t\t\t\t{ view.type === LAYOUT_TABLE && isVisible && (\n\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\tdisabled={ index < 1 }\n\t\t\t\t\t\t\t\taccessibleWhenDisabled\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: [\n\t\t\t\t\t\t\t\t\t\t\t...( visibleFieldIds.slice(\n\t\t\t\t\t\t\t\t\t\t\t\t0,\n\t\t\t\t\t\t\t\t\t\t\t\tindex - 1\n\t\t\t\t\t\t\t\t\t\t\t) ?? [] ),\n\t\t\t\t\t\t\t\t\t\t\tid,\n\t\t\t\t\t\t\t\t\t\t\tvisibleFieldIds[ index - 1 ],\n\t\t\t\t\t\t\t\t\t\t\t...visibleFieldIds.slice(\n\t\t\t\t\t\t\t\t\t\t\t\tindex + 1\n\t\t\t\t\t\t\t\t\t\t\t),\n\t\t\t\t\t\t\t\t\t\t],\n\t\t\t\t\t\t\t\t\t} );\n\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t\ticon={ chevronUp }\n\t\t\t\t\t\t\t\tlabel={ sprintf(\n\t\t\t\t\t\t\t\t\t/* translators: %s: field label */\n\t\t\t\t\t\t\t\t\t__( 'Move %s up' ),\n\t\t\t\t\t\t\t\t\tlabel\n\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\tdisabled={ index >= visibleFieldIds.length - 1 }\n\t\t\t\t\t\t\t\taccessibleWhenDisabled\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: [\n\t\t\t\t\t\t\t\t\t\t\t...( visibleFieldIds.slice(\n\t\t\t\t\t\t\t\t\t\t\t\t0,\n\t\t\t\t\t\t\t\t\t\t\t\tindex\n\t\t\t\t\t\t\t\t\t\t\t) ?? [] ),\n\t\t\t\t\t\t\t\t\t\t\tvisibleFieldIds[ index + 1 ],\n\t\t\t\t\t\t\t\t\t\t\tid,\n\t\t\t\t\t\t\t\t\t\t\t...visibleFieldIds.slice(\n\t\t\t\t\t\t\t\t\t\t\t\tindex + 2\n\t\t\t\t\t\t\t\t\t\t\t),\n\t\t\t\t\t\t\t\t\t\t],\n\t\t\t\t\t\t\t\t\t} );\n\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t\ticon={ chevronDown }\n\t\t\t\t\t\t\t\tlabel={ sprintf(\n\t\t\t\t\t\t\t\t\t/* translators: %s: field label */\n\t\t\t\t\t\t\t\t\t__( 'Move %s down' ),\n\t\t\t\t\t\t\t\t\tlabel\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\t<Button\n\t\t\t\t\t\tclassName=\"dataviews-field-control__field-visibility-button\"\n\t\t\t\t\t\tdisabled={ ! isHidable }\n\t\t\t\t\t\taccessibleWhenDisabled\n\t\t\t\t\t\tsize=\"compact\"\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\tfields: isVisible\n\t\t\t\t\t\t\t\t\t? visibleFieldIds.filter(\n\t\t\t\t\t\t\t\t\t\t\t( fieldId ) => fieldId !== id\n\t\t\t\t\t\t\t\t\t  )\n\t\t\t\t\t\t\t\t\t: [ ...visibleFieldIds, id ],\n\t\t\t\t\t\t\t} );\n\t\t\t\t\t\t\t// Focus the visibility button to avoid focus loss.\n\t\t\t\t\t\t\t// Our code is safe against the component being unmounted, so we don't need to worry about cleaning the timeout.\n\t\t\t\t\t\t\t// eslint-disable-next-line @wordpress/react-no-unsafe-timeout\n\t\t\t\t\t\t\tsetTimeout( () => {\n\t\t\t\t\t\t\t\tconst element = document.querySelector(\n\t\t\t\t\t\t\t\t\t`.dataviews-field-control__field-${ id } .dataviews-field-control__field-visibility-button`\n\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\tif ( element instanceof HTMLElement ) {\n\t\t\t\t\t\t\t\t\telement.focus();\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}, 50 );\n\t\t\t\t\t\t} }\n\t\t\t\t\t\ticon={ isVisible ? seen : unseen }\n\t\t\t\t\t\tlabel={\n\t\t\t\t\t\t\tisVisible\n\t\t\t\t\t\t\t\t? sprintf(\n\t\t\t\t\t\t\t\t\t\t/* translators: %s: field label */\n\t\t\t\t\t\t\t\t\t\t__( 'Hide %s' ),\n\t\t\t\t\t\t\t\t\t\tlabel\n\t\t\t\t\t\t\t\t  )\n\t\t\t\t\t\t\t\t: sprintf(\n\t\t\t\t\t\t\t\t\t\t/* translators: %s: field label */\n\t\t\t\t\t\t\t\t\t\t__( 'Show %s' ),\n\t\t\t\t\t\t\t\t\t\tlabel\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</HStack>\n\t\t\t</HStack>\n\t\t</Item>\n\t);\n}\n\nfunction FieldControl() {\n\tconst { view, fields, onChangeView } = useContext( DataViewsContext );\n\n\tconst visibleFieldIds = useMemo(\n\t\t() => getVisibleFieldIds( view, fields ),\n\t\t[ view, fields ]\n\t);\n\tconst hiddenFieldIds = useMemo(\n\t\t() => getHiddenFieldIds( view, fields ),\n\t\t[ view, fields ]\n\t);\n\tconst notHidableFieldIds = useMemo(\n\t\t() => getNotHidableFieldIds( view ),\n\t\t[ view ]\n\t);\n\n\tconst visibleFields = fields\n\t\t.filter( ( { id } ) => visibleFieldIds.includes( id ) )\n\t\t.map( ( { id, label, enableHiding } ) => {\n\t\t\treturn {\n\t\t\t\tid,\n\t\t\t\tlabel,\n\t\t\t\tindex: visibleFieldIds.indexOf( id ),\n\t\t\t\tisVisible: true,\n\t\t\t\tisHidable: notHidableFieldIds.includes( id )\n\t\t\t\t\t? false\n\t\t\t\t\t: enableHiding,\n\t\t\t};\n\t\t} );\n\tif ( view.type === LAYOUT_TABLE && view.layout?.combinedFields ) {\n\t\tview.layout.combinedFields.forEach( ( { id, label } ) => {\n\t\t\tvisibleFields.push( {\n\t\t\t\tid,\n\t\t\t\tlabel,\n\t\t\t\tindex: visibleFieldIds.indexOf( id ),\n\t\t\t\tisVisible: true,\n\t\t\t\tisHidable: notHidableFieldIds.includes( id ),\n\t\t\t} );\n\t\t} );\n\t}\n\tvisibleFields.sort( ( a, b ) => a.index - b.index );\n\n\tconst hiddenFields = fields\n\t\t.filter( ( { id } ) => hiddenFieldIds.includes( id ) )\n\t\t.map( ( { id, label, enableHiding }, index ) => {\n\t\t\treturn {\n\t\t\t\tid,\n\t\t\t\tlabel,\n\t\t\t\tindex,\n\t\t\t\tisVisible: false,\n\t\t\t\tisHidable: enableHiding,\n\t\t\t};\n\t\t} );\n\n\tif ( ! visibleFields?.length && ! hiddenFields?.length ) {\n\t\treturn null;\n\t}\n\n\treturn (\n\t\t<VStack spacing={ 6 } className=\"dataviews-field-control\">\n\t\t\t{ !! visibleFields?.length && (\n\t\t\t\t<ItemGroup isBordered isSeparated>\n\t\t\t\t\t{ visibleFields.map( ( field ) => (\n\t\t\t\t\t\t<FieldItem\n\t\t\t\t\t\t\tkey={ field.id }\n\t\t\t\t\t\t\tfield={ field }\n\t\t\t\t\t\t\tfields={ fields }\n\t\t\t\t\t\t\tview={ view }\n\t\t\t\t\t\t\tonChangeView={ onChangeView }\n\t\t\t\t\t\t/>\n\t\t\t\t\t) ) }\n\t\t\t\t</ItemGroup>\n\t\t\t) }\n\t\t\t{ !! hiddenFields?.length && (\n\t\t\t\t<>\n\t\t\t\t\t<VStack spacing={ 4 }>\n\t\t\t\t\t\t<BaseControl.VisualLabel style={ { margin: 0 } }>\n\t\t\t\t\t\t\t{ __( 'Hidden' ) }\n\t\t\t\t\t\t</BaseControl.VisualLabel>\n\t\t\t\t\t\t<ItemGroup isBordered isSeparated>\n\t\t\t\t\t\t\t{ hiddenFields.map( ( field ) => (\n\t\t\t\t\t\t\t\t<FieldItem\n\t\t\t\t\t\t\t\t\tkey={ field.id }\n\t\t\t\t\t\t\t\t\tfield={ field }\n\t\t\t\t\t\t\t\t\tfields={ fields }\n\t\t\t\t\t\t\t\t\tview={ view }\n\t\t\t\t\t\t\t\t\tonChangeView={ onChangeView }\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t) ) }\n\t\t\t\t\t\t</ItemGroup>\n\t\t\t\t\t</VStack>\n\t\t\t\t</>\n\t\t\t) }\n\t\t</VStack>\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 DataviewsViewConfigDropdown( {\n\tdensity,\n\tsetDensity,\n}: {\n\tdensity: number;\n\tsetDensity: React.Dispatch< React.SetStateAction< number > >;\n} ) {\n\tconst { view } = useContext( DataViewsContext );\n\tconst popoverId = useInstanceId(\n\t\t_DataViewsViewConfig,\n\t\t'dataviews-view-config-dropdown'\n\t);\n\n\treturn (\n\t\t<Dropdown\n\t\t\tpopoverProps={ {\n\t\t\t\t...DATAVIEWS_CONFIG_POPOVER_PROPS,\n\t\t\t\tid: popoverId,\n\t\t\t} }\n\t\t\trenderToggle={ ( { onToggle, isOpen } ) => {\n\t\t\t\treturn (\n\t\t\t\t\t<Button\n\t\t\t\t\t\tsize=\"compact\"\n\t\t\t\t\t\ticon={ cog }\n\t\t\t\t\t\tlabel={ _x( 'View options', 'View is used as a noun' ) }\n\t\t\t\t\t\tonClick={ onToggle }\n\t\t\t\t\t\taria-expanded={ isOpen ? 'true' : 'false' }\n\t\t\t\t\t\taria-controls={ popoverId }\n\t\t\t\t\t/>\n\t\t\t\t);\n\t\t\t} }\n\t\t\trenderContent={ () => (\n\t\t\t\t<DropdownContentWrapper paddingSize=\"medium\">\n\t\t\t\t\t<VStack className=\"dataviews-view-config\" spacing={ 6 }>\n\t\t\t\t\t\t<SettingsSection title={ __( 'Appearance' ) }>\n\t\t\t\t\t\t\t<HStack expanded className=\"is-divided-in-two\">\n\t\t\t\t\t\t\t\t<SortFieldControl />\n\t\t\t\t\t\t\t\t<SortDirectionControl />\n\t\t\t\t\t\t\t</HStack>\n\t\t\t\t\t\t\t{ view.type === LAYOUT_GRID && (\n\t\t\t\t\t\t\t\t<DensityPicker\n\t\t\t\t\t\t\t\t\tdensity={ density }\n\t\t\t\t\t\t\t\t\tsetDensity={ setDensity }\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t<ItemsPerPageControl />\n\t\t\t\t\t\t</SettingsSection>\n\t\t\t\t\t\t<SettingsSection title={ __( 'Properties' ) }>\n\t\t\t\t\t\t\t<FieldControl />\n\t\t\t\t\t\t</SettingsSection>\n\t\t\t\t\t</VStack>\n\t\t\t\t</DropdownContentWrapper>\n\t\t\t) }\n\t\t/>\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\treturn (\n\t\t<>\n\t\t\t<ViewTypeMenu defaultLayouts={ defaultLayouts } />\n\t\t\t<DataviewsViewConfigDropdown\n\t\t\t\tdensity={ density }\n\t\t\t\tsetDensity={ setDensity }\n\t\t\t/>\n\t\t</>\n\t);\n}\n\nconst DataViewsViewConfig = memo( _DataViewsViewConfig );\n\nexport default DataViewsViewConfig;\n"],"mappings":"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","ignoreList":[]}

package/build/dataforms-layouts/get-visible-fields.js

@@ -0,0 +1,21 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getVisibleFields = getVisibleFields;
+var _normalizeFields = require("../normalize-fields");
+/**
+ * Internal dependencies
+ */
+
+function getVisibleFields(fields, formFields = [], combinedFields) {
+  const visibleFields = [...fields];
+  if (combinedFields) {
+    visibleFields.push(...(0, _normalizeFields.normalizeCombinedFields)(combinedFields, fields));
+  }
+  return formFields.map(fieldId => visibleFields.find(({
+    id
+  }) => id === fieldId)).filter(field => !!field);
+}
+//# sourceMappingURL=get-visible-fields.js.map

package/build/dataforms-layouts/get-visible-fields.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_normalizeFields","require","getVisibleFields","fields","formFields","combinedFields","visibleFields","push","normalizeCombinedFields","map","fieldId","find","id","filter","field"],"sources":["@wordpress/dataviews/src/dataforms-layouts/get-visible-fields.ts"],"sourcesContent":["/**\n * Internal dependencies\n */\nimport { normalizeCombinedFields } from '../normalize-fields';\nimport type {\n\tField,\n\tCombinedFormField,\n\tNormalizedCombinedFormField,\n} from '../types';\n\nexport function getVisibleFields< Item >(\n\tfields: Field< Item >[],\n\tformFields: string[] = [],\n\tcombinedFields?: CombinedFormField< Item >[]\n): Field< Item >[] {\n\tconst visibleFields: Array<\n\t\tField< Item > | NormalizedCombinedFormField< Item >\n\t> = [ ...fields ];\n\tif ( combinedFields ) {\n\t\tvisibleFields.push(\n\t\t\t...normalizeCombinedFields( combinedFields, fields )\n\t\t);\n\t}\n\treturn formFields\n\t\t.map( ( fieldId ) =>\n\t\t\tvisibleFields.find( ( { id } ) => id === fieldId )\n\t\t)\n\t\t.filter( ( field ): field is Field< Item > => !! field );\n}\n"],"mappings":";;;;;;AAGA,IAAAA,gBAAA,GAAAC,OAAA;AAHA;AACA;AACA;;AAQO,SAASC,gBAAgBA,CAC/BC,MAAuB,EACvBC,UAAoB,GAAG,EAAE,EACzBC,cAA4C,EAC1B;EAClB,MAAMC,aAEL,GAAG,CAAE,GAAGH,MAAM,CAAE;EACjB,IAAKE,cAAc,EAAG;IACrBC,aAAa,CAACC,IAAI,CACjB,GAAG,IAAAC,wCAAuB,EAAEH,cAAc,EAAEF,MAAO,CACpD,CAAC;EACF;EACA,OAAOC,UAAU,CACfK,GAAG,CAAIC,OAAO,IACdJ,aAAa,CAACK,IAAI,CAAE,CAAE;IAAEC;EAAG,CAAC,KAAMA,EAAE,KAAKF,OAAQ,CAClD,CAAC,CACAG,MAAM,CAAIC,KAAK,IAA8B,CAAC,CAAEA,KAAM,CAAC;AAC1D","ignoreList":[]}

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

@@ -9,6 +9,7 @@ var _element = require("@wordpress/element");
 var _i18n = require("@wordpress/i18n");
 var _icons = require("@wordpress/icons");
 var _normalizeFields = require("../../normalize-fields");
+var _getVisibleFields = require("../get-visible-fields");
 var _jsxRuntime = require("react/jsx-runtime");
 /**
  * WordPress dependencies
@@ -31,14 +32,11 @@ function DropdownHeader({
         level: 2,
         size: 13,
         children: title
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.__experimentalSpacer, {}), onClose && /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Button
-      // TODO: Switch to `true` (40px size) if possible
-      , {
-        __next40pxDefaultSize: false,
-        className: "dataforms-layouts-panel__dropdown-header-action",
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.__experimentalSpacer, {}), onClose && /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Button, {
         label: (0, _i18n.__)('Close'),
         icon: _icons.closeSmall,
-        onClick: onClose
+        onClick: onClose,
+        size: "small"
       })]
     })
   });
@@ -115,12 +113,7 @@ function FormPanel({
   form,
   onChange
 }) {
-  const visibleFields = (0, _element.useMemo)(() => {
-    var _form$fields;
-    return (0, _normalizeFields.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]);
+  const visibleFields = (0, _element.useMemo)(() => (0, _normalizeFields.normalizeFields)((0, _getVisibleFields.getVisibleFields)(fields, form.fields, form.combinedFields)), [fields, form.fields, form.combinedFields]);
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.__experimentalVStack, {
     spacing: 2,
     children: visibleFields.map(field => {

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

@@ -1 +1 @@
-{"version":3,"names":["_components","require","_element","_i18n","_icons","_normalizeFields","_jsxRuntime","DropdownHeader","title","onClose","jsx","__experimentalVStack","className","spacing","children","jsxs","__experimentalHStack","alignment","__experimentalHeading","level","size","__experimentalSpacer","Button","__next40pxDefaultSize","label","__","icon","closeSmall","onClick","FormField","data","field","onChange","popoverAnchor","setPopoverAnchor","useState","popoverProps","useMemo","anchor","placement","offset","shift","ref","Dropdown","contentClassName","focusOnMount","toggleProps","variant","tooltipPosition","renderToggle","isOpen","onToggle","sprintf","render","item","renderContent","Fragment","Edit","hideLabelFromVision","id","FormPanel","fields","form","visibleFields","_form$fields","normalizeFields","map","fieldId","find","filter"],"sources":["@wordpress/dataviews/src/dataforms-layouts/panel/index.tsx"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport {\n\t__experimentalVStack as VStack,\n\t__experimentalHStack as HStack,\n\t__experimentalHeading as Heading,\n\t__experimentalSpacer as Spacer,\n\tDropdown,\n\tButton,\n} from '@wordpress/components';\nimport { useState, useMemo } from '@wordpress/element';\nimport { sprintf, __ } from '@wordpress/i18n';\nimport { closeSmall } from '@wordpress/icons';\n\n/**\n * Internal dependencies\n */\nimport { normalizeFields } from '../../normalize-fields';\nimport type { DataFormProps, NormalizedField, Field } from '../../types';\n\ninterface FormFieldProps< Item > {\n\tdata: Item;\n\tfield: NormalizedField< Item >;\n\tonChange: ( value: any ) => void;\n}\n\nfunction DropdownHeader( {\n\ttitle,\n\tonClose,\n}: {\n\ttitle: string;\n\tonClose: () => void;\n} ) {\n\treturn (\n\t\t<VStack\n\t\t\tclassName=\"dataforms-layouts-panel__dropdown-header\"\n\t\t\tspacing={ 4 }\n\t\t>\n\t\t\t<HStack alignment=\"center\">\n\t\t\t\t<Heading level={ 2 } size={ 13 }>\n\t\t\t\t\t{ title }\n\t\t\t\t</Heading>\n\t\t\t\t<Spacer />\n\t\t\t\t{ onClose && (\n\t\t\t\t\t<Button\n\t\t\t\t\t\t// TODO: Switch to `true` (40px size) if possible\n\t\t\t\t\t\t__next40pxDefaultSize={ false }\n\t\t\t\t\t\tclassName=\"dataforms-layouts-panel__dropdown-header-action\"\n\t\t\t\t\t\tlabel={ __( 'Close' ) }\n\t\t\t\t\t\ticon={ closeSmall }\n\t\t\t\t\t\tonClick={ onClose }\n\t\t\t\t\t/>\n\t\t\t\t) }\n\t\t\t</HStack>\n\t\t</VStack>\n\t);\n}\n\nfunction FormField< Item >( {\n\tdata,\n\tfield,\n\tonChange,\n}: FormFieldProps< Item > ) {\n\t// Use internal state instead of a ref to make sure that the component\n\t// re-renders when the popover's anchor updates.\n\tconst [ popoverAnchor, setPopoverAnchor ] = useState< HTMLElement | null >(\n\t\tnull\n\t);\n\t// Memoize popoverProps to avoid returning a new object every time.\n\tconst popoverProps = useMemo(\n\t\t() => ( {\n\t\t\t// Anchor the popover to the middle of the entire row so that it doesn't\n\t\t\t// move around when the label changes.\n\t\t\tanchor: popoverAnchor,\n\t\t\tplacement: 'left-start',\n\t\t\toffset: 36,\n\t\t\tshift: true,\n\t\t} ),\n\t\t[ popoverAnchor ]\n\t);\n\n\treturn (\n\t\t<HStack\n\t\t\tref={ setPopoverAnchor }\n\t\t\tclassName=\"dataforms-layouts-panel__field\"\n\t\t>\n\t\t\t<div className=\"dataforms-layouts-panel__field-label\">\n\t\t\t\t{ field.label }\n\t\t\t</div>\n\t\t\t<div>\n\t\t\t\t<Dropdown\n\t\t\t\t\tcontentClassName=\"dataforms-layouts-panel__field-dropdown\"\n\t\t\t\t\tpopoverProps={ popoverProps }\n\t\t\t\t\tfocusOnMount\n\t\t\t\t\ttoggleProps={ {\n\t\t\t\t\t\tsize: 'compact',\n\t\t\t\t\t\tvariant: 'tertiary',\n\t\t\t\t\t\ttooltipPosition: 'middle left',\n\t\t\t\t\t} }\n\t\t\t\t\trenderToggle={ ( { isOpen, onToggle } ) => (\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\tclassName=\"dataforms-layouts-panel__field-control\"\n\t\t\t\t\t\t\tsize=\"compact\"\n\t\t\t\t\t\t\tvariant=\"tertiary\"\n\t\t\t\t\t\t\taria-expanded={ isOpen }\n\t\t\t\t\t\t\taria-label={ sprintf(\n\t\t\t\t\t\t\t\t// translators: %s: Field name.\n\t\t\t\t\t\t\t\t__( 'Edit %s' ),\n\t\t\t\t\t\t\t\tfield.label\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\tonClick={ onToggle }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<field.render item={ data } />\n\t\t\t\t\t\t</Button>\n\t\t\t\t\t) }\n\t\t\t\t\trenderContent={ ( { onClose } ) => (\n\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t<DropdownHeader\n\t\t\t\t\t\t\t\ttitle={ field.label }\n\t\t\t\t\t\t\t\tonClose={ onClose }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t<field.Edit\n\t\t\t\t\t\t\t\tkey={ field.id }\n\t\t\t\t\t\t\t\tdata={ data }\n\t\t\t\t\t\t\t\tfield={ field }\n\t\t\t\t\t\t\t\tonChange={ onChange }\n\t\t\t\t\t\t\t\thideLabelFromVision\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/>\n\t\t\t</div>\n\t\t</HStack>\n\t);\n}\n\nexport default function FormPanel< Item >( {\n\tdata,\n\tfields,\n\tform,\n\tonChange,\n}: DataFormProps< Item > ) {\n\tconst visibleFields = useMemo(\n\t\t() =>\n\t\t\tnormalizeFields(\n\t\t\t\t( form.fields ?? [] )\n\t\t\t\t\t.map( ( fieldId ) =>\n\t\t\t\t\t\tfields.find( ( { id } ) => id === fieldId )\n\t\t\t\t\t)\n\t\t\t\t\t.filter( ( field ): field is Field< Item > => !! field )\n\t\t\t),\n\t\t[ fields, form.fields ]\n\t);\n\n\treturn (\n\t\t<VStack spacing={ 2 }>\n\t\t\t{ visibleFields.map( ( field ) => {\n\t\t\t\treturn (\n\t\t\t\t\t<FormField\n\t\t\t\t\t\tkey={ field.id }\n\t\t\t\t\t\tdata={ data }\n\t\t\t\t\t\tfield={ field }\n\t\t\t\t\t\tonChange={ onChange }\n\t\t\t\t\t/>\n\t\t\t\t);\n\t\t\t} ) }\n\t\t</VStack>\n\t);\n}\n"],"mappings":";;;;;;AAGA,IAAAA,WAAA,GAAAC,OAAA;AAQA,IAAAC,QAAA,GAAAD,OAAA;AACA,IAAAE,KAAA,GAAAF,OAAA;AACA,IAAAG,MAAA,GAAAH,OAAA;AAKA,IAAAI,gBAAA,GAAAJ,OAAA;AAAyD,IAAAK,WAAA,GAAAL,OAAA;AAlBzD;AACA;AACA;;AAaA;AACA;AACA;;AAUA,SAASM,cAAcA,CAAE;EACxBC,KAAK;EACLC;AAID,CAAC,EAAG;EACH,oBACC,IAAAH,WAAA,CAAAI,GAAA,EAACV,WAAA,CAAAW,oBAAM;IACNC,SAAS,EAAC,0CAA0C;IACpDC,OAAO,EAAG,CAAG;IAAAC,QAAA,eAEb,IAAAR,WAAA,CAAAS,IAAA,EAACf,WAAA,CAAAgB,oBAAM;MAACC,SAAS,EAAC,QAAQ;MAAAH,QAAA,gBACzB,IAAAR,WAAA,CAAAI,GAAA,EAACV,WAAA,CAAAkB,qBAAO;QAACC,KAAK,EAAG,CAAG;QAACC,IAAI,EAAG,EAAI;QAAAN,QAAA,EAC7BN;MAAK,CACC,CAAC,eACV,IAAAF,WAAA,CAAAI,GAAA,EAACV,WAAA,CAAAqB,oBAAM,IAAE,CAAC,EACRZ,OAAO,iBACR,IAAAH,WAAA,CAAAI,GAAA,EAACV,WAAA,CAAAsB;MACA;MAAA;QACAC,qBAAqB,EAAG,KAAO;QAC/BX,SAAS,EAAC,iDAAiD;QAC3DY,KAAK,EAAG,IAAAC,QAAE,EAAE,OAAQ,CAAG;QACvBC,IAAI,EAAGC,iBAAY;QACnBC,OAAO,EAAGnB;MAAS,CACnB,CACD;IAAA,CACM;EAAC,CACF,CAAC;AAEX;AAEA,SAASoB,SAASA,CAAU;EAC3BC,IAAI;EACJC,KAAK;EACLC;AACuB,CAAC,EAAG;EAC3B;EACA;EACA,MAAM,CAAEC,aAAa,EAAEC,gBAAgB,CAAE,GAAG,IAAAC,iBAAQ,EACnD,IACD,CAAC;EACD;EACA,MAAMC,YAAY,GAAG,IAAAC,gBAAO,EAC3B,OAAQ;IACP;IACA;IACAC,MAAM,EAAEL,aAAa;IACrBM,SAAS,EAAE,YAAY;IACvBC,MAAM,EAAE,EAAE;IACVC,KAAK,EAAE;EACR,CAAC,CAAE,EACH,CAAER,aAAa,CAChB,CAAC;EAED,oBACC,IAAA3B,WAAA,CAAAS,IAAA,EAACf,WAAA,CAAAgB,oBAAM;IACN0B,GAAG,EAAGR,gBAAkB;IACxBtB,SAAS,EAAC,gCAAgC;IAAAE,QAAA,gBAE1C,IAAAR,WAAA,CAAAI,GAAA;MAAKE,SAAS,EAAC,sCAAsC;MAAAE,QAAA,EAClDiB,KAAK,CAACP;IAAK,CACT,CAAC,eACN,IAAAlB,WAAA,CAAAI,GAAA;MAAAI,QAAA,eACC,IAAAR,WAAA,CAAAI,GAAA,EAACV,WAAA,CAAA2C,QAAQ;QACRC,gBAAgB,EAAC,yCAAyC;QAC1DR,YAAY,EAAGA,YAAc;QAC7BS,YAAY;QACZC,WAAW,EAAG;UACb1B,IAAI,EAAE,SAAS;UACf2B,OAAO,EAAE,UAAU;UACnBC,eAAe,EAAE;QAClB,CAAG;QACHC,YAAY,EAAGA,CAAE;UAAEC,MAAM;UAAEC;QAAS,CAAC,kBACpC,IAAA7C,WAAA,CAAAI,GAAA,EAACV,WAAA,CAAAsB,MAAM;UACNV,SAAS,EAAC,wCAAwC;UAClDQ,IAAI,EAAC,SAAS;UACd2B,OAAO,EAAC,UAAU;UAClB,iBAAgBG,MAAQ;UACxB,cAAa,IAAAE,aAAO;UACnB;UACA,IAAA3B,QAAE,EAAE,SAAU,CAAC,EACfM,KAAK,CAACP,KACP,CAAG;UACHI,OAAO,EAAGuB,QAAU;UAAArC,QAAA,eAEpB,IAAAR,WAAA,CAAAI,GAAA,EAACqB,KAAK,CAACsB,MAAM;YAACC,IAAI,EAAGxB;UAAM,CAAE;QAAC,CACvB,CACN;QACHyB,aAAa,EAAGA,CAAE;UAAE9C;QAAQ,CAAC,kBAC5B,IAAAH,WAAA,CAAAS,IAAA,EAAAT,WAAA,CAAAkD,QAAA;UAAA1C,QAAA,gBACC,IAAAR,WAAA,CAAAI,GAAA,EAACH,cAAc;YACdC,KAAK,EAAGuB,KAAK,CAACP,KAAO;YACrBf,OAAO,EAAGA;UAAS,CACnB,CAAC,eACF,IAAAH,WAAA,CAAAI,GAAA,EAACqB,KAAK,CAAC0B,IAAI;YAEV3B,IAAI,EAAGA,IAAM;YACbC,KAAK,EAAGA,KAAO;YACfC,QAAQ,EAAGA,QAAU;YACrB0B,mBAAmB;UAAA,GAJb3B,KAAK,CAAC4B,EAKZ,CAAC;QAAA,CACD;MACA,CACH;IAAC,CACE,CAAC;EAAA,CACC,CAAC;AAEX;AAEe,SAASC,SAASA,CAAU;EAC1C9B,IAAI;EACJ+B,MAAM;EACNC,IAAI;EACJ9B;AACsB,CAAC,EAAG;EAC1B,MAAM+B,aAAa,GAAG,IAAA1B,gBAAO,EAC5B;IAAA,IAAA2B,YAAA;IAAA,OACC,IAAAC,gCAAe,EACd,EAAAD,YAAA,GAAEF,IAAI,CAACD,MAAM,cAAAG,YAAA,cAAAA,YAAA,GAAI,EAAE,EACjBE,GAAG,CAAIC,OAAO,IACdN,MAAM,CAACO,IAAI,CAAE,CAAE;MAAET;IAAG,CAAC,KAAMA,EAAE,KAAKQ,OAAQ,CAC3C,CAAC,CACAE,MAAM,CAAItC,KAAK,IAA8B,CAAC,CAAEA,KAAM,CACzD,CAAC;EAAA,GACF,CAAE8B,MAAM,EAAEC,IAAI,CAACD,MAAM,CACtB,CAAC;EAED,oBACC,IAAAvD,WAAA,CAAAI,GAAA,EAACV,WAAA,CAAAW,oBAAM;IAACE,OAAO,EAAG,CAAG;IAAAC,QAAA,EAClBiD,aAAa,CAACG,GAAG,CAAInC,KAAK,IAAM;MACjC,oBACC,IAAAzB,WAAA,CAAAI,GAAA,EAACmB,SAAS;QAETC,IAAI,EAAGA,IAAM;QACbC,KAAK,EAAGA,KAAO;QACfC,QAAQ,EAAGA;MAAU,GAHfD,KAAK,CAAC4B,EAIZ,CAAC;IAEJ,CAAE;EAAC,CACI,CAAC;AAEX","ignoreList":[]}
+{"version":3,"names":["_components","require","_element","_i18n","_icons","_normalizeFields","_getVisibleFields","_jsxRuntime","DropdownHeader","title","onClose","jsx","__experimentalVStack","className","spacing","children","jsxs","__experimentalHStack","alignment","__experimentalHeading","level","size","__experimentalSpacer","Button","label","__","icon","closeSmall","onClick","FormField","data","field","onChange","popoverAnchor","setPopoverAnchor","useState","popoverProps","useMemo","anchor","placement","offset","shift","ref","Dropdown","contentClassName","focusOnMount","toggleProps","variant","tooltipPosition","renderToggle","isOpen","onToggle","sprintf","render","item","renderContent","Fragment","Edit","hideLabelFromVision","id","FormPanel","fields","form","visibleFields","normalizeFields","getVisibleFields","combinedFields","map"],"sources":["@wordpress/dataviews/src/dataforms-layouts/panel/index.tsx"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport {\n\t__experimentalVStack as VStack,\n\t__experimentalHStack as HStack,\n\t__experimentalHeading as Heading,\n\t__experimentalSpacer as Spacer,\n\tDropdown,\n\tButton,\n} from '@wordpress/components';\nimport { useState, useMemo } from '@wordpress/element';\nimport { sprintf, __ } from '@wordpress/i18n';\nimport { closeSmall } from '@wordpress/icons';\n\n/**\n * Internal dependencies\n */\nimport { normalizeFields } from '../../normalize-fields';\nimport { getVisibleFields } from '../get-visible-fields';\nimport type { DataFormProps, NormalizedField } from '../../types';\n\ninterface FormFieldProps< Item > {\n\tdata: Item;\n\tfield: NormalizedField< Item >;\n\tonChange: ( value: any ) => void;\n}\n\nfunction DropdownHeader( {\n\ttitle,\n\tonClose,\n}: {\n\ttitle: string;\n\tonClose: () => void;\n} ) {\n\treturn (\n\t\t<VStack\n\t\t\tclassName=\"dataforms-layouts-panel__dropdown-header\"\n\t\t\tspacing={ 4 }\n\t\t>\n\t\t\t<HStack alignment=\"center\">\n\t\t\t\t<Heading level={ 2 } size={ 13 }>\n\t\t\t\t\t{ title }\n\t\t\t\t</Heading>\n\t\t\t\t<Spacer />\n\t\t\t\t{ onClose && (\n\t\t\t\t\t<Button\n\t\t\t\t\t\tlabel={ __( 'Close' ) }\n\t\t\t\t\t\ticon={ closeSmall }\n\t\t\t\t\t\tonClick={ onClose }\n\t\t\t\t\t\tsize=\"small\"\n\t\t\t\t\t/>\n\t\t\t\t) }\n\t\t\t</HStack>\n\t\t</VStack>\n\t);\n}\n\nfunction FormField< Item >( {\n\tdata,\n\tfield,\n\tonChange,\n}: FormFieldProps< Item > ) {\n\t// Use internal state instead of a ref to make sure that the component\n\t// re-renders when the popover's anchor updates.\n\tconst [ popoverAnchor, setPopoverAnchor ] = useState< HTMLElement | null >(\n\t\tnull\n\t);\n\t// Memoize popoverProps to avoid returning a new object every time.\n\tconst popoverProps = useMemo(\n\t\t() => ( {\n\t\t\t// Anchor the popover to the middle of the entire row so that it doesn't\n\t\t\t// move around when the label changes.\n\t\t\tanchor: popoverAnchor,\n\t\t\tplacement: 'left-start',\n\t\t\toffset: 36,\n\t\t\tshift: true,\n\t\t} ),\n\t\t[ popoverAnchor ]\n\t);\n\n\treturn (\n\t\t<HStack\n\t\t\tref={ setPopoverAnchor }\n\t\t\tclassName=\"dataforms-layouts-panel__field\"\n\t\t>\n\t\t\t<div className=\"dataforms-layouts-panel__field-label\">\n\t\t\t\t{ field.label }\n\t\t\t</div>\n\t\t\t<div>\n\t\t\t\t<Dropdown\n\t\t\t\t\tcontentClassName=\"dataforms-layouts-panel__field-dropdown\"\n\t\t\t\t\tpopoverProps={ popoverProps }\n\t\t\t\t\tfocusOnMount\n\t\t\t\t\ttoggleProps={ {\n\t\t\t\t\t\tsize: 'compact',\n\t\t\t\t\t\tvariant: 'tertiary',\n\t\t\t\t\t\ttooltipPosition: 'middle left',\n\t\t\t\t\t} }\n\t\t\t\t\trenderToggle={ ( { isOpen, onToggle } ) => (\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\tclassName=\"dataforms-layouts-panel__field-control\"\n\t\t\t\t\t\t\tsize=\"compact\"\n\t\t\t\t\t\t\tvariant=\"tertiary\"\n\t\t\t\t\t\t\taria-expanded={ isOpen }\n\t\t\t\t\t\t\taria-label={ sprintf(\n\t\t\t\t\t\t\t\t// translators: %s: Field name.\n\t\t\t\t\t\t\t\t__( 'Edit %s' ),\n\t\t\t\t\t\t\t\tfield.label\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\tonClick={ onToggle }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<field.render item={ data } />\n\t\t\t\t\t\t</Button>\n\t\t\t\t\t) }\n\t\t\t\t\trenderContent={ ( { onClose } ) => (\n\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t<DropdownHeader\n\t\t\t\t\t\t\t\ttitle={ field.label }\n\t\t\t\t\t\t\t\tonClose={ onClose }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t<field.Edit\n\t\t\t\t\t\t\t\tkey={ field.id }\n\t\t\t\t\t\t\t\tdata={ data }\n\t\t\t\t\t\t\t\tfield={ field }\n\t\t\t\t\t\t\t\tonChange={ onChange }\n\t\t\t\t\t\t\t\thideLabelFromVision\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/>\n\t\t\t</div>\n\t\t</HStack>\n\t);\n}\n\nexport default function FormPanel< Item >( {\n\tdata,\n\tfields,\n\tform,\n\tonChange,\n}: DataFormProps< Item > ) {\n\tconst visibleFields = useMemo(\n\t\t() =>\n\t\t\tnormalizeFields(\n\t\t\t\tgetVisibleFields< Item >(\n\t\t\t\t\tfields,\n\t\t\t\t\tform.fields,\n\t\t\t\t\tform.combinedFields\n\t\t\t\t)\n\t\t\t),\n\t\t[ fields, form.fields, form.combinedFields ]\n\t);\n\n\treturn (\n\t\t<VStack spacing={ 2 }>\n\t\t\t{ visibleFields.map( ( field ) => {\n\t\t\t\treturn (\n\t\t\t\t\t<FormField\n\t\t\t\t\t\tkey={ field.id }\n\t\t\t\t\t\tdata={ data }\n\t\t\t\t\t\tfield={ field }\n\t\t\t\t\t\tonChange={ onChange }\n\t\t\t\t\t/>\n\t\t\t\t);\n\t\t\t} ) }\n\t\t</VStack>\n\t);\n}\n"],"mappings":"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","ignoreList":[]}

package/build/dataforms-layouts/regular/index.js

@@ -7,6 +7,7 @@ exports.default = FormRegular;
 var _components = require("@wordpress/components");
 var _element = require("@wordpress/element");
 var _normalizeFields = require("../../normalize-fields");
+var _getVisibleFields = require("../get-visible-fields");
 var _jsxRuntime = require("react/jsx-runtime");
 /**
  * WordPress dependencies
@@ -22,12 +23,7 @@ function FormRegular({
   form,
   onChange
 }) {
-  const visibleFields = (0, _element.useMemo)(() => {
-    var _form$fields;
-    return (0, _normalizeFields.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]);
+  const visibleFields = (0, _element.useMemo)(() => (0, _normalizeFields.normalizeFields)((0, _getVisibleFields.getVisibleFields)(fields, form.fields, form.combinedFields)), [fields, form.fields, form.combinedFields]);
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.__experimentalVStack, {
     spacing: 4,
     children: visibleFields.map(field => {

package/build/dataforms-layouts/regular/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_components","require","_element","_normalizeFields","_jsxRuntime","FormRegular","data","fields","form","onChange","visibleFields","useMemo","_form$fields","normalizeFields","map","fieldId","find","id","filter","field","jsx","__experimentalVStack","spacing","children","Edit"],"sources":["@wordpress/dataviews/src/dataforms-layouts/regular/index.tsx"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __experimentalVStack as VStack } from '@wordpress/components';\nimport { useMemo } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport { normalizeFields } from '../../normalize-fields';\nimport type { DataFormProps, Field } from '../../types';\n\nexport default function FormRegular< Item >( {\n\tdata,\n\tfields,\n\tform,\n\tonChange,\n}: DataFormProps< Item > ) {\n\tconst visibleFields = useMemo(\n\t\t() =>\n\t\t\tnormalizeFields(\n\t\t\t\t( form.fields ?? [] )\n\t\t\t\t\t.map( ( fieldId ) =>\n\t\t\t\t\t\tfields.find( ( { id } ) => id === fieldId )\n\t\t\t\t\t)\n\t\t\t\t\t.filter( ( field ): field is Field< Item > => !! field )\n\t\t\t),\n\t\t[ fields, form.fields ]\n\t);\n\n\treturn (\n\t\t<VStack spacing={ 4 }>\n\t\t\t{ visibleFields.map( ( field ) => {\n\t\t\t\treturn (\n\t\t\t\t\t<field.Edit\n\t\t\t\t\t\tkey={ field.id }\n\t\t\t\t\t\tdata={ data }\n\t\t\t\t\t\tfield={ field }\n\t\t\t\t\t\tonChange={ onChange }\n\t\t\t\t\t/>\n\t\t\t\t);\n\t\t\t} ) }\n\t\t</VStack>\n\t);\n}\n"],"mappings":";;;;;;AAGA,IAAAA,WAAA,GAAAC,OAAA;AACA,IAAAC,QAAA,GAAAD,OAAA;AAKA,IAAAE,gBAAA,GAAAF,OAAA;AAAyD,IAAAG,WAAA,GAAAH,OAAA;AATzD;AACA;AACA;;AAIA;AACA;AACA;;AAIe,SAASI,WAAWA,CAAU;EAC5CC,IAAI;EACJC,MAAM;EACNC,IAAI;EACJC;AACsB,CAAC,EAAG;EAC1B,MAAMC,aAAa,GAAG,IAAAC,gBAAO,EAC5B;IAAA,IAAAC,YAAA;IAAA,OACC,IAAAC,gCAAe,EACd,EAAAD,YAAA,GAAEJ,IAAI,CAACD,MAAM,cAAAK,YAAA,cAAAA,YAAA,GAAI,EAAE,EACjBE,GAAG,CAAIC,OAAO,IACdR,MAAM,CAACS,IAAI,CAAE,CAAE;MAAEC;IAAG,CAAC,KAAMA,EAAE,KAAKF,OAAQ,CAC3C,CAAC,CACAG,MAAM,CAAIC,KAAK,IAA8B,CAAC,CAAEA,KAAM,CACzD,CAAC;EAAA,GACF,CAAEZ,MAAM,EAAEC,IAAI,CAACD,MAAM,CACtB,CAAC;EAED,oBACC,IAAAH,WAAA,CAAAgB,GAAA,EAACpB,WAAA,CAAAqB,oBAAM;IAACC,OAAO,EAAG,CAAG;IAAAC,QAAA,EAClBb,aAAa,CAACI,GAAG,CAAIK,KAAK,IAAM;MACjC,oBACC,IAAAf,WAAA,CAAAgB,GAAA,EAACD,KAAK,CAACK,IAAI;QAEVlB,IAAI,EAAGA,IAAM;QACba,KAAK,EAAGA,KAAO;QACfV,QAAQ,EAAGA;MAAU,GAHfU,KAAK,CAACF,EAIZ,CAAC;IAEJ,CAAE;EAAC,CACI,CAAC;AAEX","ignoreList":[]}
+{"version":3,"names":["_components","require","_element","_normalizeFields","_getVisibleFields","_jsxRuntime","FormRegular","data","fields","form","onChange","visibleFields","useMemo","normalizeFields","getVisibleFields","combinedFields","jsx","__experimentalVStack","spacing","children","map","field","Edit","id"],"sources":["@wordpress/dataviews/src/dataforms-layouts/regular/index.tsx"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __experimentalVStack as VStack } from '@wordpress/components';\nimport { useMemo } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport { normalizeFields } from '../../normalize-fields';\nimport { getVisibleFields } from '../get-visible-fields';\nimport type { DataFormProps } from '../../types';\n\nexport default function FormRegular< Item >( {\n\tdata,\n\tfields,\n\tform,\n\tonChange,\n}: DataFormProps< Item > ) {\n\tconst visibleFields = useMemo(\n\t\t() =>\n\t\t\tnormalizeFields(\n\t\t\t\tgetVisibleFields< Item >(\n\t\t\t\t\tfields,\n\t\t\t\t\tform.fields,\n\t\t\t\t\tform.combinedFields\n\t\t\t\t)\n\t\t\t),\n\t\t[ fields, form.fields, form.combinedFields ]\n\t);\n\n\treturn (\n\t\t<VStack spacing={ 4 }>\n\t\t\t{ visibleFields.map( ( field ) => {\n\t\t\t\treturn (\n\t\t\t\t\t<field.Edit\n\t\t\t\t\t\tkey={ field.id }\n\t\t\t\t\t\tdata={ data }\n\t\t\t\t\t\tfield={ field }\n\t\t\t\t\t\tonChange={ onChange }\n\t\t\t\t\t/>\n\t\t\t\t);\n\t\t\t} ) }\n\t\t</VStack>\n\t);\n}\n"],"mappings":";;;;;;AAGA,IAAAA,WAAA,GAAAC,OAAA;AACA,IAAAC,QAAA,GAAAD,OAAA;AAKA,IAAAE,gBAAA,GAAAF,OAAA;AACA,IAAAG,iBAAA,GAAAH,OAAA;AAAyD,IAAAI,WAAA,GAAAJ,OAAA;AAVzD;AACA;AACA;;AAIA;AACA;AACA;;AAKe,SAASK,WAAWA,CAAU;EAC5CC,IAAI;EACJC,MAAM;EACNC,IAAI;EACJC;AACsB,CAAC,EAAG;EAC1B,MAAMC,aAAa,GAAG,IAAAC,gBAAO,EAC5B,MACC,IAAAC,gCAAe,EACd,IAAAC,kCAAgB,EACfN,MAAM,EACNC,IAAI,CAACD,MAAM,EACXC,IAAI,CAACM,cACN,CACD,CAAC,EACF,CAAEP,MAAM,EAAEC,IAAI,CAACD,MAAM,EAAEC,IAAI,CAACM,cAAc,CAC3C,CAAC;EAED,oBACC,IAAAV,WAAA,CAAAW,GAAA,EAAChB,WAAA,CAAAiB,oBAAM;IAACC,OAAO,EAAG,CAAG;IAAAC,QAAA,EAClBR,aAAa,CAACS,GAAG,CAAIC,KAAK,IAAM;MACjC,oBACC,IAAAhB,WAAA,CAAAW,GAAA,EAACK,KAAK,CAACC,IAAI;QAEVf,IAAI,EAAGA,IAAM;QACbc,KAAK,EAAGA,KAAO;QACfX,QAAQ,EAAGA;MAAU,GAHfW,KAAK,CAACE,EAIZ,CAAC;IAEJ,CAAE;EAAC,CACI,CAAC;AAEX","ignoreList":[]}

package/build/normalize-fields.js

@@ -4,9 +4,11 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+exports.normalizeCombinedFields = normalizeCombinedFields;
 exports.normalizeFields = normalizeFields;
 var _fieldTypes = _interopRequireDefault(require("./field-types"));
 var _dataformControls = require("./dataform-controls");
+var _dataformCombinedEdit = _interopRequireDefault(require("./components/dataform-combined-edit"));
 /**
  * Internal dependencies
  */
@@ -62,4 +64,23 @@ function normalizeFields(fields) {
     };
   });
 }
+
+/**
+ * Apply default values and normalize the fields config.
+ *
+ * @param combinedFields combined field list.
+ * @param fields         Fields config.
+ * @return Normalized fields config.
+ */
+function normalizeCombinedFields(combinedFields, fields) {
+  return combinedFields.map(combinedField => {
+    return {
+      ...combinedField,
+      Edit: _dataformCombinedEdit.default,
+      fields: normalizeFields(combinedField.children.map(fieldId => fields.find(({
+        id
+      }) => id === fieldId)).filter(field => !!field))
+    };
+  });
+}
 //# sourceMappingURL=normalize-fields.js.map

package/build/normalize-fields.js.map

@@ -1 +1 @@
-{"version":3,"names":["_fieldTypes","_interopRequireDefault","require","_dataformControls","normalizeFields","fields","map","field","_field$sort","_field$isValid","_field$enableHiding","_field$enableSorting","fieldTypeDefinition","getFieldTypeDefinition","type","getValue","item","id","sort","a","b","direction","isValid","context","Edit","getControl","renderFromElements","value","elements","find","element","label","render","header","enableHiding","enableSorting"],"sources":["@wordpress/dataviews/src/normalize-fields.ts"],"sourcesContent":["/**\n * Internal dependencies\n */\nimport getFieldTypeDefinition from './field-types';\nimport type { Field, NormalizedField } from './types';\nimport { getControl } from './dataform-controls';\n\n/**\n * Apply default values and normalize the fields config.\n *\n * @param fields Fields config.\n * @return Normalized fields config.\n */\nexport function normalizeFields< Item >(\n\tfields: Field< Item >[]\n): NormalizedField< Item >[] {\n\treturn fields.map( ( field ) => {\n\t\tconst fieldTypeDefinition = getFieldTypeDefinition( field.type );\n\n\t\tconst getValue =\n\t\t\tfield.getValue || ( ( { item } ) => ( item as any )[ field.id ] );\n\n\t\tconst sort =\n\t\t\tfield.sort ??\n\t\t\tfunction sort( a, b, direction ) {\n\t\t\t\treturn fieldTypeDefinition.sort(\n\t\t\t\t\tgetValue( { item: a } ),\n\t\t\t\t\tgetValue( { item: b } ),\n\t\t\t\t\tdirection\n\t\t\t\t);\n\t\t\t};\n\n\t\tconst isValid =\n\t\t\tfield.isValid ??\n\t\t\tfunction isValid( item, context ) {\n\t\t\t\treturn fieldTypeDefinition.isValid(\n\t\t\t\t\tgetValue( { item } ),\n\t\t\t\t\tcontext\n\t\t\t\t);\n\t\t\t};\n\n\t\tconst Edit = getControl( field, fieldTypeDefinition );\n\n\t\tconst renderFromElements = ( { item }: { item: Item } ) => {\n\t\t\tconst value = getValue( { item } );\n\t\t\treturn (\n\t\t\t\tfield?.elements?.find( ( element ) => element.value === value )\n\t\t\t\t\t?.label || getValue( { item } )\n\t\t\t);\n\t\t};\n\n\t\tconst render =\n\t\t\tfield.render || ( field.elements ? renderFromElements : getValue );\n\n\t\treturn {\n\t\t\t...field,\n\t\t\tlabel: field.label || field.id,\n\t\t\theader: field.header || field.label || field.id,\n\t\t\tgetValue,\n\t\t\trender,\n\t\t\tsort,\n\t\t\tisValid,\n\t\t\tEdit,\n\t\t\tenableHiding: field.enableHiding ?? true,\n\t\t\tenableSorting: field.enableSorting ?? true,\n\t\t};\n\t} );\n}\n"],"mappings":";;;;;;;AAGA,IAAAA,WAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,iBAAA,GAAAD,OAAA;AALA;AACA;AACA;;AAKA;AACA;AACA;AACA;AACA;AACA;AACO,SAASE,eAAeA,CAC9BC,MAAuB,EACK;EAC5B,OAAOA,MAAM,CAACC,GAAG,CAAIC,KAAK,IAAM;IAAA,IAAAC,WAAA,EAAAC,cAAA,EAAAC,mBAAA,EAAAC,oBAAA;IAC/B,MAAMC,mBAAmB,GAAG,IAAAC,mBAAsB,EAAEN,KAAK,CAACO,IAAK,CAAC;IAEhE,MAAMC,QAAQ,GACbR,KAAK,CAACQ,QAAQ,KAAM,CAAE;MAAEC;IAAK,CAAC,KAAQA,IAAI,CAAWT,KAAK,CAACU,EAAE,CAAE,CAAE;IAElE,MAAMC,IAAI,IAAAV,WAAA,GACTD,KAAK,CAACW,IAAI,cAAAV,WAAA,cAAAA,WAAA,GACV,SAASU,IAAIA,CAAEC,CAAC,EAAEC,CAAC,EAAEC,SAAS,EAAG;MAChC,OAAOT,mBAAmB,CAACM,IAAI,CAC9BH,QAAQ,CAAE;QAAEC,IAAI,EAAEG;MAAE,CAAE,CAAC,EACvBJ,QAAQ,CAAE;QAAEC,IAAI,EAAEI;MAAE,CAAE,CAAC,EACvBC,SACD,CAAC;IACF,CAAC;IAEF,MAAMC,OAAO,IAAAb,cAAA,GACZF,KAAK,CAACe,OAAO,cAAAb,cAAA,cAAAA,cAAA,GACb,SAASa,OAAOA,CAAEN,IAAI,EAAEO,OAAO,EAAG;MACjC,OAAOX,mBAAmB,CAACU,OAAO,CACjCP,QAAQ,CAAE;QAAEC;MAAK,CAAE,CAAC,EACpBO,OACD,CAAC;IACF,CAAC;IAEF,MAAMC,IAAI,GAAG,IAAAC,4BAAU,EAAElB,KAAK,EAAEK,mBAAoB,CAAC;IAErD,MAAMc,kBAAkB,GAAGA,CAAE;MAAEV;IAAqB,CAAC,KAAM;MAC1D,MAAMW,KAAK,GAAGZ,QAAQ,CAAE;QAAEC;MAAK,CAAE,CAAC;MAClC,OACCT,KAAK,EAAEqB,QAAQ,EAAEC,IAAI,CAAIC,OAAO,IAAMA,OAAO,CAACH,KAAK,KAAKA,KAAM,CAAC,EAC5DI,KAAK,IAAIhB,QAAQ,CAAE;QAAEC;MAAK,CAAE,CAAC;IAElC,CAAC;IAED,MAAMgB,MAAM,GACXzB,KAAK,CAACyB,MAAM,KAAMzB,KAAK,CAACqB,QAAQ,GAAGF,kBAAkB,GAAGX,QAAQ,CAAE;IAEnE,OAAO;MACN,GAAGR,KAAK;MACRwB,KAAK,EAAExB,KAAK,CAACwB,KAAK,IAAIxB,KAAK,CAACU,EAAE;MAC9BgB,MAAM,EAAE1B,KAAK,CAAC0B,MAAM,IAAI1B,KAAK,CAACwB,KAAK,IAAIxB,KAAK,CAACU,EAAE;MAC/CF,QAAQ;MACRiB,MAAM;MACNd,IAAI;MACJI,OAAO;MACPE,IAAI;MACJU,YAAY,GAAAxB,mBAAA,GAAEH,KAAK,CAAC2B,YAAY,cAAAxB,mBAAA,cAAAA,mBAAA,GAAI,IAAI;MACxCyB,aAAa,GAAAxB,oBAAA,GAAEJ,KAAK,CAAC4B,aAAa,cAAAxB,oBAAA,cAAAA,oBAAA,GAAI;IACvC,CAAC;EACF,CAAE,CAAC;AACJ","ignoreList":[]}
+{"version":3,"names":["_fieldTypes","_interopRequireDefault","require","_dataformControls","_dataformCombinedEdit","normalizeFields","fields","map","field","_field$sort","_field$isValid","_field$enableHiding","_field$enableSorting","fieldTypeDefinition","getFieldTypeDefinition","type","getValue","item","id","sort","a","b","direction","isValid","context","Edit","getControl","renderFromElements","value","elements","find","element","label","render","header","enableHiding","enableSorting","normalizeCombinedFields","combinedFields","combinedField","DataFormCombinedEdit","children","fieldId","filter"],"sources":["@wordpress/dataviews/src/normalize-fields.ts"],"sourcesContent":["/**\n * Internal dependencies\n */\nimport getFieldTypeDefinition from './field-types';\nimport type {\n\tCombinedFormField,\n\tField,\n\tNormalizedField,\n\tNormalizedCombinedFormField,\n} from './types';\nimport { getControl } from './dataform-controls';\nimport DataFormCombinedEdit from './components/dataform-combined-edit';\n\n/**\n * Apply default values and normalize the fields config.\n *\n * @param fields Fields config.\n * @return Normalized fields config.\n */\nexport function normalizeFields< Item >(\n\tfields: Field< Item >[]\n): NormalizedField< Item >[] {\n\treturn fields.map( ( field ) => {\n\t\tconst fieldTypeDefinition = getFieldTypeDefinition( field.type );\n\n\t\tconst getValue =\n\t\t\tfield.getValue || ( ( { item } ) => ( item as any )[ field.id ] );\n\n\t\tconst sort =\n\t\t\tfield.sort ??\n\t\t\tfunction sort( a, b, direction ) {\n\t\t\t\treturn fieldTypeDefinition.sort(\n\t\t\t\t\tgetValue( { item: a } ),\n\t\t\t\t\tgetValue( { item: b } ),\n\t\t\t\t\tdirection\n\t\t\t\t);\n\t\t\t};\n\n\t\tconst isValid =\n\t\t\tfield.isValid ??\n\t\t\tfunction isValid( item, context ) {\n\t\t\t\treturn fieldTypeDefinition.isValid(\n\t\t\t\t\tgetValue( { item } ),\n\t\t\t\t\tcontext\n\t\t\t\t);\n\t\t\t};\n\n\t\tconst Edit = getControl( field, fieldTypeDefinition );\n\n\t\tconst renderFromElements = ( { item }: { item: Item } ) => {\n\t\t\tconst value = getValue( { item } );\n\t\t\treturn (\n\t\t\t\tfield?.elements?.find( ( element ) => element.value === value )\n\t\t\t\t\t?.label || getValue( { item } )\n\t\t\t);\n\t\t};\n\n\t\tconst render =\n\t\t\tfield.render || ( field.elements ? renderFromElements : getValue );\n\n\t\treturn {\n\t\t\t...field,\n\t\t\tlabel: field.label || field.id,\n\t\t\theader: field.header || field.label || field.id,\n\t\t\tgetValue,\n\t\t\trender,\n\t\t\tsort,\n\t\t\tisValid,\n\t\t\tEdit,\n\t\t\tenableHiding: field.enableHiding ?? true,\n\t\t\tenableSorting: field.enableSorting ?? true,\n\t\t};\n\t} );\n}\n\n/**\n * Apply default values and normalize the fields config.\n *\n * @param combinedFields combined field list.\n * @param fields         Fields config.\n * @return Normalized fields config.\n */\nexport function normalizeCombinedFields< Item >(\n\tcombinedFields: CombinedFormField< Item >[],\n\tfields: Field< Item >[]\n): NormalizedCombinedFormField< Item >[] {\n\treturn combinedFields.map( ( combinedField ) => {\n\t\treturn {\n\t\t\t...combinedField,\n\t\t\tEdit: DataFormCombinedEdit,\n\t\t\tfields: normalizeFields(\n\t\t\t\tcombinedField.children\n\t\t\t\t\t.map( ( fieldId ) =>\n\t\t\t\t\t\tfields.find( ( { id } ) => id === fieldId )\n\t\t\t\t\t)\n\t\t\t\t\t.filter( ( field ): field is Field< Item > => !! field )\n\t\t\t),\n\t\t};\n\t} );\n}\n"],"mappings":"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","ignoreList":[]}