@wordpress/dataviews 9.0.1-next.6f42e1382.0 → 9.1.1-next.f56bd8138.0

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

@@ -395,8 +395,8 @@ function FieldControl() {
   } = useContext(DataViewsContext);
   const togglableFields = [view?.titleField, view?.mediaField, view?.descriptionField].filter(Boolean);
   const visibleFieldIds = (_view$fields2 = view.fields) !== null && _view$fields2 !== void 0 ? _view$fields2 : [];
-  const hiddenFields = fields.filter(f => !visibleFieldIds.includes(f.id) && !togglableFields.includes(f.id) && f.type !== 'media');
-  const visibleFields = visibleFieldIds.map(fieldId => fields.find(f => f.id === fieldId)).filter(isDefined);
+  const hiddenFields = fields.filter(f => !visibleFieldIds.includes(f.id) && !togglableFields.includes(f.id) && f.type !== 'media' && f.enableHiding !== false);
+  let visibleFields = visibleFieldIds.map(fieldId => fields.find(f => f.id === fieldId)).filter(isDefined);
   if (!visibleFields?.length && !hiddenFields?.length) {
     return null;
   }
@@ -443,7 +443,7 @@ function FieldControl() {
   }].filter(({
     field
   }) => isDefined(field));
-  const visibleLockedFields = lockedFields.filter(({
+  let visibleLockedFields = lockedFields.filter(({
     field,
     isVisibleFlag
   }) => {
@@ -453,6 +453,25 @@ function FieldControl() {
       isDefined(field) && ((_view$isVisibleFlag = view[isVisibleFlag]) !== null && _view$isVisibleFlag !== void 0 ? _view$isVisibleFlag : true)
     );
   });
+
+  // If only one locked field is visible, prevent it from being hidden.
+  if (visibleLockedFields.length === 1) {
+    visibleLockedFields = visibleLockedFields.map(locked => ({
+      ...locked,
+      field: {
+        ...locked.field,
+        enableHiding: false
+      }
+    }));
+  }
+
+  // If no locked fields are visible but there are visibleFields, lock the last visible field.
+  if (visibleLockedFields.length === 0 && visibleFields.length === 1) {
+    visibleFields = [{
+      ...visibleFields[0],
+      enableHiding: false
+    }];
+  }
   const hiddenLockedFields = lockedFields.filter(({
     field,
     isVisibleFlag

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

@@ -1 +1 @@
-{"version":3,"names":["clsx","Button","__experimentalDropdownContentWrapper","DropdownContentWrapper","Dropdown","__experimentalToggleGroupControl","ToggleGroupControl","__experimentalToggleGroupControlOption","ToggleGroupControlOption","__experimentalToggleGroupControlOptionIcon","ToggleGroupControlOptionIcon","SelectControl","__experimentalItemGroup","ItemGroup","__experimentalItem","Item","__experimentalGrid","Grid","__experimentalVStack","VStack","__experimentalHStack","HStack","__experimentalHeading","Heading","__experimentalText","Text","privateApis","componentsPrivateApis","BaseControl","Icon","__","_x","sprintf","memo","useContext","useMemo","useState","chevronDown","chevronUp","cog","seen","unseen","lock","moreVertical","warning","useInstanceId","SORTING_DIRECTIONS","sortIcons","sortLabels","VIEW_LAYOUTS","DataViewsContext","InfiniteScrollToggle","unlock","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","Menu","DATAVIEWS_CONFIG_POPOVER_PROPS","className","placement","offset","ViewTypeMenu","view","onChangeView","defaultLayouts","availableLayouts","Object","keys","length","activeView","find","v","type","children","TriggerButton","render","size","icon","label","Popover","map","layout","config","RadioItem","value","name","checked","hideOnClick","onChange","e","target","viewWithoutLayout","globalThis","SCRIPT_DEBUG","ItemLabel","SortFieldControl","fields","orderOptions","sortableFields","filter","field","enableSorting","id","__nextHasNoMarginBottom","__next40pxDefaultSize","sort","options","direction","showLevels","SortDirectionControl","isBlock","newDirection","ItemsPerPageControl","infiniteScrollEnabled","perPageSizes","perPage","disabled","newItemsPerPage","newItemsPerPageNumber","undefined","parseInt","page","toString","PreviewOptions","previewOptions","onChangePreviewOption","onMenuOpenChange","activeOption","focusPreviewOptionsField","setTimeout","element","document","querySelector","HTMLElement","focus","onOpenChange","FieldItem","description","isVisible","isFirst","isLast","canMove","onToggleVisibility","onMoveUp","onMoveDown","isChangingPreviewOption","setIsChangingPreviewOption","focusVisibilityField","expanded","justify","enableHiding","accessibleWhenDisabled","onClick","RegularFieldItem","index","_view$fields","visibleFieldIds","includes","fieldId","_visibleFieldIds$slic","slice","_visibleFieldIds$slic2","isDefined","item","FieldControl","_view$fields2","togglableFields","titleField","mediaField","descriptionField","Boolean","hiddenFields","f","visibleFields","previewField","previewFields","previewFieldUI","_view$showMedia","isPreviewFieldVisible","showMedia","newPreviewId","lockedFields","isVisibleFlag","ui","visibleLockedFields","_view$isVisibleFlag","hiddenLockedFields","_view$isVisibleFlag2","spacing","isBordered","isSeparated","VisualLabel","style","margin","SettingsSection","title","columns","gap","level","variant","DataviewsViewConfigDropdown","popoverId","_DataViewsViewConfig","activeLayout","expandOnMobile","popoverProps","renderToggle","onToggle","isOpen","renderContent","paddingSize","viewConfigOptions","DataViewsViewConfig"],"sources":["@wordpress/dataviews/src/components/dataviews-view-config/index.tsx"],"sourcesContent":["/**\n * External dependencies\n */\nimport type { ChangeEvent, ReactNode } from 'react';\nimport clsx from 'clsx';\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\tIcon,\n} from '@wordpress/components';\nimport { __, _x, sprintf } from '@wordpress/i18n';\nimport { memo, useContext, useMemo, useState } from '@wordpress/element';\nimport {\n\tchevronDown,\n\tchevronUp,\n\tcog,\n\tseen,\n\tunseen,\n\tlock,\n\tmoreVertical,\n} from '@wordpress/icons';\nimport warning from '@wordpress/warning';\nimport { useInstanceId } from '@wordpress/compose';\n\n/**\n * Internal dependencies\n */\nimport { SORTING_DIRECTIONS, sortIcons, sortLabels } from '../../constants';\nimport { VIEW_LAYOUTS } from '../../dataviews-layouts';\nimport type { NormalizedField, View } from '../../types';\nimport DataViewsContext from '../dataviews-context';\nimport InfiniteScrollToggle from './infinite-scroll-toggle';\nimport { unlock } from '../../lock-unlock';\n\nconst { Menu } = unlock( componentsPrivateApis );\n\nconst DATAVIEWS_CONFIG_POPOVER_PROPS = {\n\tclassName: 'dataviews-config__popover',\n\tplacement: 'bottom-end',\n\toffset: 9,\n};\n\nexport function ViewTypeMenu() {\n\tconst { view, onChangeView, defaultLayouts } =\n\t\tuseContext( 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<Menu>\n\t\t\t<Menu.TriggerButton\n\t\t\t\trender={\n\t\t\t\t\t<Button\n\t\t\t\t\t\tsize=\"compact\"\n\t\t\t\t\t\ticon={ activeView?.icon }\n\t\t\t\t\t\tlabel={ __( 'Layout' ) }\n\t\t\t\t\t/>\n\t\t\t\t}\n\t\t\t/>\n\t\t\t<Menu.Popover>\n\t\t\t\t{ availableLayouts.map( ( layout ) => {\n\t\t\t\t\tconst config = VIEW_LAYOUTS.find(\n\t\t\t\t\t\t( v ) => v.type === layout\n\t\t\t\t\t);\n\t\t\t\t\tif ( ! config ) {\n\t\t\t\t\t\treturn null;\n\t\t\t\t\t}\n\t\t\t\t\treturn (\n\t\t\t\t\t\t<Menu.RadioItem\n\t\t\t\t\t\t\tkey={ layout }\n\t\t\t\t\t\t\tvalue={ layout }\n\t\t\t\t\t\t\tname=\"view-actions-available-view\"\n\t\t\t\t\t\t\tchecked={ layout === view.type }\n\t\t\t\t\t\t\thideOnClick\n\t\t\t\t\t\t\tonChange={ (\n\t\t\t\t\t\t\t\te: ChangeEvent< HTMLInputElement >\n\t\t\t\t\t\t\t) => {\n\t\t\t\t\t\t\t\tswitch ( e.target.value ) {\n\t\t\t\t\t\t\t\t\tcase 'list':\n\t\t\t\t\t\t\t\t\tcase 'grid':\n\t\t\t\t\t\t\t\t\tcase 'table':\n\t\t\t\t\t\t\t\t\tcase 'pickerGrid':\n\t\t\t\t\t\t\t\t\t\tconst viewWithoutLayout = { ...view };\n\t\t\t\t\t\t\t\t\t\tif ( 'layout' in viewWithoutLayout ) {\n\t\t\t\t\t\t\t\t\t\t\tdelete viewWithoutLayout.layout;\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\treturn onChangeView( {\n\t\t\t\t\t\t\t\t\t\t\t...viewWithoutLayout,\n\t\t\t\t\t\t\t\t\t\t\ttype: e.target.value,\n\t\t\t\t\t\t\t\t\t\t\t...defaultLayouts[ e.target.value ],\n\t\t\t\t\t\t\t\t\t\t} as View );\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\twarning( 'Invalid dataview' );\n\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<Menu.ItemLabel>{ config.label }</Menu.ItemLabel>\n\t\t\t\t\t\t</Menu.RadioItem>\n\t\t\t\t\t);\n\t\t\t\t} ) }\n\t\t\t</Menu.Popover>\n\t\t</Menu>\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\tshowLevels: false,\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\tshowLevels: false,\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\nfunction ItemsPerPageControl() {\n\tconst { view, config, onChangeView } = useContext( DataViewsContext );\n\tconst { infiniteScrollEnabled } = view;\n\tif (\n\t\t! config ||\n\t\t! config.perPageSizes ||\n\t\tconfig.perPageSizes.length < 2 ||\n\t\tconfig.perPageSizes.length > 6 ||\n\t\tinfiniteScrollEnabled\n\t) {\n\t\treturn null;\n\t}\n\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{ config.perPageSizes.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 PreviewOptions( {\n\tpreviewOptions,\n\tonChangePreviewOption,\n\tonMenuOpenChange,\n\tactiveOption,\n}: {\n\tpreviewOptions?: Array< { label: string; id: string } >;\n\tonChangePreviewOption?: ( newPreviewOption: string ) => void;\n\tonMenuOpenChange: ( isOpen: boolean ) => void;\n\tactiveOption?: string;\n} ) {\n\tconst focusPreviewOptionsField = ( id: string ) => {\n\t\t// Focus the visibility button to avoid focus loss.\n\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// eslint-disable-next-line @wordpress/react-no-unsafe-timeout\n\t\tsetTimeout( () => {\n\t\t\tconst element = document.querySelector(\n\t\t\t\t`.dataviews-field-control__field-${ id } .dataviews-field-control__field-preview-options-button`\n\t\t\t);\n\t\t\tif ( element instanceof HTMLElement ) {\n\t\t\t\telement.focus();\n\t\t\t}\n\t\t}, 50 );\n\t};\n\treturn (\n\t\t<Menu onOpenChange={ onMenuOpenChange }>\n\t\t\t<Menu.TriggerButton\n\t\t\t\trender={\n\t\t\t\t\t<Button\n\t\t\t\t\t\tclassName=\"dataviews-field-control__field-preview-options-button\"\n\t\t\t\t\t\tsize=\"compact\"\n\t\t\t\t\t\ticon={ moreVertical }\n\t\t\t\t\t\tlabel={ __( 'Preview' ) }\n\t\t\t\t\t/>\n\t\t\t\t}\n\t\t\t/>\n\t\t\t<Menu.Popover>\n\t\t\t\t{ previewOptions?.map( ( { id, label } ) => {\n\t\t\t\t\treturn (\n\t\t\t\t\t\t<Menu.RadioItem\n\t\t\t\t\t\t\tkey={ id }\n\t\t\t\t\t\t\tvalue={ id }\n\t\t\t\t\t\t\tchecked={ id === activeOption }\n\t\t\t\t\t\t\tonChange={ () => {\n\t\t\t\t\t\t\t\tonChangePreviewOption?.( id );\n\t\t\t\t\t\t\t\tfocusPreviewOptionsField( id );\n\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<Menu.ItemLabel>{ label }</Menu.ItemLabel>\n\t\t\t\t\t\t</Menu.RadioItem>\n\t\t\t\t\t);\n\t\t\t\t} ) }\n\t\t\t</Menu.Popover>\n\t\t</Menu>\n\t);\n}\nfunction FieldItem( {\n\tfield,\n\tlabel,\n\tdescription,\n\tisVisible,\n\tisFirst,\n\tisLast,\n\tcanMove = true,\n\tonToggleVisibility,\n\tonMoveUp,\n\tonMoveDown,\n\tpreviewOptions,\n\tonChangePreviewOption,\n}: {\n\tfield: NormalizedField< any >;\n\tlabel?: string;\n\tdescription?: string;\n\tisVisible: boolean;\n\tisFirst?: boolean;\n\tisLast?: boolean;\n\tcanMove?: boolean;\n\tonToggleVisibility?: () => void;\n\tonMoveUp?: () => void;\n\tonMoveDown?: () => void;\n\tpreviewOptions?: Array< { label: string; id: string } >;\n\tonChangePreviewOption?: ( newPreviewOption: string ) => void;\n} ) {\n\tconst [ isChangingPreviewOption, setIsChangingPreviewOption ] =\n\t\tuseState< boolean >( false );\n\n\tconst focusVisibilityField = () => {\n\t\t// Focus the visibility button to avoid focus loss.\n\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// eslint-disable-next-line @wordpress/react-no-unsafe-timeout\n\t\tsetTimeout( () => {\n\t\t\tconst element = document.querySelector(\n\t\t\t\t`.dataviews-field-control__field-${ field.id } .dataviews-field-control__field-visibility-button`\n\t\t\t);\n\t\t\tif ( element instanceof HTMLElement ) {\n\t\t\t\telement.focus();\n\t\t\t}\n\t\t}, 50 );\n\t};\n\n\treturn (\n\t\t<Item>\n\t\t\t<HStack\n\t\t\t\texpanded\n\t\t\t\tclassName={ clsx(\n\t\t\t\t\t'dataviews-field-control__field',\n\t\t\t\t\t`dataviews-field-control__field-${ field.id }`,\n\t\t\t\t\t// The actions are hidden when the mouse is not hovering the item, or focus\n\t\t\t\t\t// is outside the item.\n\t\t\t\t\t// For actions that require a popover, a menu etc, that would mean that when the interactive element\n\t\t\t\t\t// opens and the focus goes there the actions would be hidden.\n\t\t\t\t\t// To avoid that we add a class to the item, that makes sure actions are visible while there is some\n\t\t\t\t\t// interaction with the item.\n\t\t\t\t\t{ 'is-interacting': isChangingPreviewOption }\n\t\t\t\t) }\n\t\t\t\tjustify=\"flex-start\"\n\t\t\t>\n\t\t\t\t<span className=\"dataviews-field-control__icon\">\n\t\t\t\t\t{ ! canMove && ! field.enableHiding && (\n\t\t\t\t\t\t<Icon icon={ lock } />\n\t\t\t\t\t) }\n\t\t\t\t</span>\n\t\t\t\t<span className=\"dataviews-field-control__label-sub-label-container\">\n\t\t\t\t\t<span className=\"dataviews-field-control__label\">\n\t\t\t\t\t\t{ label || field.label }\n\t\t\t\t\t</span>\n\t\t\t\t\t{ description && (\n\t\t\t\t\t\t<span className=\"dataviews-field-control__sub-label\">\n\t\t\t\t\t\t\t{ description }\n\t\t\t\t\t\t</span>\n\t\t\t\t\t) }\n\t\t\t\t</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{ 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={ isFirst || ! canMove }\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={ onMoveUp }\n\t\t\t\t\t\t\t\ticon={ chevronUp }\n\t\t\t\t\t\t\t\tlabel={\n\t\t\t\t\t\t\t\t\tisFirst || ! canMove\n\t\t\t\t\t\t\t\t\t\t? __( \"This field can't be moved up\" )\n\t\t\t\t\t\t\t\t\t\t: sprintf(\n\t\t\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\t\t__( 'Move %s up' ),\n\t\t\t\t\t\t\t\t\t\t\t\tfield.label\n\t\t\t\t\t\t\t\t\t\t  )\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\tdisabled={ isLast || ! canMove }\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={ onMoveDown }\n\t\t\t\t\t\t\t\ticon={ chevronDown }\n\t\t\t\t\t\t\t\tlabel={\n\t\t\t\t\t\t\t\t\tisLast || ! canMove\n\t\t\t\t\t\t\t\t\t\t? __( \"This field can't be moved down\" )\n\t\t\t\t\t\t\t\t\t\t: sprintf(\n\t\t\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\t\t__( 'Move %s down' ),\n\t\t\t\t\t\t\t\t\t\t\t\tfield.label\n\t\t\t\t\t\t\t\t\t\t  )\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</>\n\t\t\t\t\t) }\n\t\t\t\t\t{ onToggleVisibility && (\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\tclassName=\"dataviews-field-control__field-visibility-button\"\n\t\t\t\t\t\t\tdisabled={ ! field.enableHiding }\n\t\t\t\t\t\t\taccessibleWhenDisabled\n\t\t\t\t\t\t\tsize=\"compact\"\n\t\t\t\t\t\t\tonClick={ () => {\n\t\t\t\t\t\t\t\tonToggleVisibility();\n\t\t\t\t\t\t\t\tfocusVisibilityField();\n\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\ticon={ isVisible ? unseen : seen }\n\t\t\t\t\t\t\tlabel={\n\t\t\t\t\t\t\t\tisVisible\n\t\t\t\t\t\t\t\t\t? sprintf(\n\t\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\t_x( 'Hide %s', 'field' ),\n\t\t\t\t\t\t\t\t\t\t\tfield.label\n\t\t\t\t\t\t\t\t\t  )\n\t\t\t\t\t\t\t\t\t: sprintf(\n\t\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\t_x( 'Show %s', 'field' ),\n\t\t\t\t\t\t\t\t\t\t\tfield.label\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/>\n\t\t\t\t\t) }\n\t\t\t\t\t{ previewOptions && (\n\t\t\t\t\t\t<PreviewOptions\n\t\t\t\t\t\t\tpreviewOptions={ previewOptions }\n\t\t\t\t\t\t\tonChangePreviewOption={ onChangePreviewOption }\n\t\t\t\t\t\t\tonMenuOpenChange={ setIsChangingPreviewOption }\n\t\t\t\t\t\t\tactiveOption={ field.id }\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 RegularFieldItem( {\n\tindex,\n\tfield,\n\tview,\n\tonChangeView,\n}: {\n\tindex?: number;\n\tfield: NormalizedField< any >;\n\tview: View;\n\tonChangeView: ( view: View ) => void;\n} ) {\n\tconst visibleFieldIds = view.fields ?? [];\n\tconst isVisible =\n\t\tindex !== undefined && visibleFieldIds.includes( field.id );\n\n\treturn (\n\t\t<FieldItem\n\t\t\tfield={ field }\n\t\t\tisVisible={ isVisible }\n\t\t\tisFirst={ index !== undefined && index < 1 }\n\t\t\tisLast={\n\t\t\t\tindex !== undefined && index === visibleFieldIds.length - 1\n\t\t\t}\n\t\t\tonToggleVisibility={ () => {\n\t\t\t\tonChangeView( {\n\t\t\t\t\t...view,\n\t\t\t\t\tfields: isVisible\n\t\t\t\t\t\t? visibleFieldIds.filter(\n\t\t\t\t\t\t\t\t( fieldId ) => fieldId !== field.id\n\t\t\t\t\t\t  )\n\t\t\t\t\t\t: [ ...visibleFieldIds, field.id ],\n\t\t\t\t} );\n\t\t\t} }\n\t\t\tonMoveUp={\n\t\t\t\tindex !== undefined\n\t\t\t\t\t? () => {\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: [\n\t\t\t\t\t\t\t\t\t...( visibleFieldIds.slice(\n\t\t\t\t\t\t\t\t\t\t0,\n\t\t\t\t\t\t\t\t\t\tindex - 1\n\t\t\t\t\t\t\t\t\t) ?? [] ),\n\t\t\t\t\t\t\t\t\tfield.id,\n\t\t\t\t\t\t\t\t\tvisibleFieldIds[ index - 1 ],\n\t\t\t\t\t\t\t\t\t...visibleFieldIds.slice( index + 1 ),\n\t\t\t\t\t\t\t\t],\n\t\t\t\t\t\t\t} );\n\t\t\t\t\t  }\n\t\t\t\t\t: undefined\n\t\t\t}\n\t\t\tonMoveDown={\n\t\t\t\tindex !== undefined\n\t\t\t\t\t? () => {\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: [\n\t\t\t\t\t\t\t\t\t...( visibleFieldIds.slice( 0, index ) ??\n\t\t\t\t\t\t\t\t\t\t[] ),\n\t\t\t\t\t\t\t\t\tvisibleFieldIds[ index + 1 ],\n\t\t\t\t\t\t\t\t\tfield.id,\n\t\t\t\t\t\t\t\t\t...visibleFieldIds.slice( index + 2 ),\n\t\t\t\t\t\t\t\t],\n\t\t\t\t\t\t\t} );\n\t\t\t\t\t  }\n\t\t\t\t\t: undefined\n\t\t\t}\n\t\t/>\n\t);\n}\n\nfunction isDefined< T >( item: T | undefined ): item is T {\n\treturn !! item;\n}\n\nfunction FieldControl() {\n\tconst { view, fields, onChangeView } = useContext( DataViewsContext );\n\n\tconst togglableFields = [\n\t\tview?.titleField,\n\t\tview?.mediaField,\n\t\tview?.descriptionField,\n\t].filter( Boolean );\n\tconst visibleFieldIds = view.fields ?? [];\n\tconst hiddenFields = fields.filter(\n\t\t( f ) =>\n\t\t\t! visibleFieldIds.includes( f.id ) &&\n\t\t\t! togglableFields.includes( f.id ) &&\n\t\t\tf.type !== 'media'\n\t);\n\tconst visibleFields = visibleFieldIds\n\t\t.map( ( fieldId ) => fields.find( ( f ) => f.id === fieldId ) )\n\t\t.filter( isDefined );\n\n\tif ( ! visibleFields?.length && ! hiddenFields?.length ) {\n\t\treturn null;\n\t}\n\tconst titleField = fields.find( ( f ) => f.id === view.titleField );\n\tconst previewField = fields.find( ( f ) => f.id === view.mediaField );\n\tconst descriptionField = fields.find(\n\t\t( f ) => f.id === view.descriptionField\n\t);\n\n\tconst previewFields = fields.filter( ( f ) => f.type === 'media' );\n\n\tlet previewFieldUI;\n\tif ( previewFields.length > 1 ) {\n\t\tconst isPreviewFieldVisible =\n\t\t\tisDefined( previewField ) && ( view.showMedia ?? true );\n\t\tpreviewFieldUI = isDefined( previewField ) && (\n\t\t\t<FieldItem\n\t\t\t\tkey={ previewField.id }\n\t\t\t\tfield={ previewField }\n\t\t\t\tlabel={ __( 'Preview' ) }\n\t\t\t\tdescription={ previewField.label }\n\t\t\t\tisVisible={ isPreviewFieldVisible }\n\t\t\t\tonToggleVisibility={ () => {\n\t\t\t\t\tonChangeView( {\n\t\t\t\t\t\t...view,\n\t\t\t\t\t\tshowMedia: ! isPreviewFieldVisible,\n\t\t\t\t\t} );\n\t\t\t\t} }\n\t\t\t\tcanMove={ false }\n\t\t\t\tpreviewOptions={ previewFields.map( ( field ) => ( {\n\t\t\t\t\tlabel: field.label,\n\t\t\t\t\tid: field.id,\n\t\t\t\t} ) ) }\n\t\t\t\tonChangePreviewOption={ ( newPreviewId ) =>\n\t\t\t\t\tonChangeView( { ...view, mediaField: newPreviewId } )\n\t\t\t\t}\n\t\t\t/>\n\t\t);\n\t}\n\tconst lockedFields = [\n\t\t{\n\t\t\tfield: titleField,\n\t\t\tisVisibleFlag: 'showTitle',\n\t\t},\n\t\t{\n\t\t\tfield: previewField,\n\t\t\tisVisibleFlag: 'showMedia',\n\t\t\tui: previewFieldUI,\n\t\t},\n\t\t{\n\t\t\tfield: descriptionField,\n\t\t\tisVisibleFlag: 'showDescription',\n\t\t},\n\t].filter( ( { field } ) => isDefined( field ) );\n\tconst visibleLockedFields = lockedFields.filter(\n\t\t( { field, isVisibleFlag } ) =>\n\t\t\t// @ts-expect-error\n\t\t\tisDefined( field ) && ( view[ isVisibleFlag ] ?? true )\n\t) as Array< {\n\t\tfield: NormalizedField< any >;\n\t\tisVisibleFlag: string;\n\t\tui?: ReactNode;\n\t} >;\n\tconst hiddenLockedFields = lockedFields.filter(\n\t\t( { field, isVisibleFlag } ) =>\n\t\t\t// @ts-expect-error\n\t\t\tisDefined( field ) && ! ( view[ isVisibleFlag ] ?? true )\n\t) as Array< {\n\t\tfield: NormalizedField< any >;\n\t\tisVisibleFlag: string;\n\t\tui?: ReactNode;\n\t} >;\n\n\treturn (\n\t\t<VStack className=\"dataviews-field-control\" spacing={ 6 }>\n\t\t\t<VStack className=\"dataviews-view-config__properties\" spacing={ 0 }>\n\t\t\t\t{ ( visibleLockedFields.length > 0 ||\n\t\t\t\t\t!! visibleFields?.length ) && (\n\t\t\t\t\t<ItemGroup isBordered isSeparated>\n\t\t\t\t\t\t{ visibleLockedFields.map(\n\t\t\t\t\t\t\t( { field, isVisibleFlag, ui } ) => {\n\t\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t\tui ?? (\n\t\t\t\t\t\t\t\t\t\t<FieldItem\n\t\t\t\t\t\t\t\t\t\t\tkey={ field.id }\n\t\t\t\t\t\t\t\t\t\t\tfield={ field }\n\t\t\t\t\t\t\t\t\t\t\tisVisible\n\t\t\t\t\t\t\t\t\t\t\tonToggleVisibility={ () => {\n\t\t\t\t\t\t\t\t\t\t\t\tonChangeView( {\n\t\t\t\t\t\t\t\t\t\t\t\t\t...view,\n\t\t\t\t\t\t\t\t\t\t\t\t\t[ isVisibleFlag ]: false,\n\t\t\t\t\t\t\t\t\t\t\t\t} );\n\t\t\t\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t\t\t\t\tcanMove={ false }\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}\n\t\t\t\t\t\t) }\n\n\t\t\t\t\t\t{ visibleFields.map( ( field, index ) => (\n\t\t\t\t\t\t\t<RegularFieldItem\n\t\t\t\t\t\t\t\tkey={ field.id }\n\t\t\t\t\t\t\t\tfield={ field }\n\t\t\t\t\t\t\t\tview={ view }\n\t\t\t\t\t\t\t\tonChangeView={ onChangeView }\n\t\t\t\t\t\t\t\tindex={ index }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t) ) }\n\t\t\t\t\t</ItemGroup>\n\t\t\t\t) }\n\t\t\t</VStack>\n\n\t\t\t{ ( !! hiddenFields?.length || !! hiddenLockedFields.length ) && (\n\t\t\t\t<VStack spacing={ 4 }>\n\t\t\t\t\t<BaseControl.VisualLabel style={ { margin: 0 } }>\n\t\t\t\t\t\t{ __( 'Hidden' ) }\n\t\t\t\t\t</BaseControl.VisualLabel>\n\t\t\t\t\t<VStack\n\t\t\t\t\t\tclassName=\"dataviews-view-config__properties\"\n\t\t\t\t\t\tspacing={ 0 }\n\t\t\t\t\t>\n\t\t\t\t\t\t<ItemGroup isBordered isSeparated>\n\t\t\t\t\t\t\t{ hiddenLockedFields.length > 0 &&\n\t\t\t\t\t\t\t\thiddenLockedFields.map(\n\t\t\t\t\t\t\t\t\t( { field, isVisibleFlag, ui } ) => {\n\t\t\t\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t\t\t\tui ?? (\n\t\t\t\t\t\t\t\t\t\t\t\t<FieldItem\n\t\t\t\t\t\t\t\t\t\t\t\t\tkey={ field.id }\n\t\t\t\t\t\t\t\t\t\t\t\t\tfield={ field }\n\t\t\t\t\t\t\t\t\t\t\t\t\tisVisible={ false }\n\t\t\t\t\t\t\t\t\t\t\t\t\tonToggleVisibility={ () => {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tonChangeView( {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t...view,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t[ isVisibleFlag ]:\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\ttrue,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t} );\n\t\t\t\t\t\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t\t\t\t\t\t\tcanMove={ false }\n\t\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t{ hiddenFields.map( ( field ) => (\n\t\t\t\t\t\t\t\t<RegularFieldItem\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\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</VStack>\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\nexport function DataviewsViewConfigDropdown() {\n\tconst { view } = useContext( DataViewsContext );\n\tconst popoverId = useInstanceId(\n\t\t_DataViewsViewConfig,\n\t\t'dataviews-view-config-dropdown'\n\t);\n\tconst activeLayout = VIEW_LAYOUTS.find(\n\t\t( layout ) => layout.type === view.type\n\t);\n\treturn (\n\t\t<Dropdown\n\t\t\texpandOnMobile\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\n\t\t\t\t\tpaddingSize=\"medium\"\n\t\t\t\t\tclassName=\"dataviews-config__popover-content-wrapper\"\n\t\t\t\t>\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{ !! activeLayout?.viewConfigOptions && (\n\t\t\t\t\t\t\t\t<activeLayout.viewConfigOptions />\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t<InfiniteScrollToggle />\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\treturn (\n\t\t<>\n\t\t\t<ViewTypeMenu />\n\t\t\t<DataviewsViewConfigDropdown />\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":["clsx","Button","__experimentalDropdownContentWrapper","DropdownContentWrapper","Dropdown","__experimentalToggleGroupControl","ToggleGroupControl","__experimentalToggleGroupControlOption","ToggleGroupControlOption","__experimentalToggleGroupControlOptionIcon","ToggleGroupControlOptionIcon","SelectControl","__experimentalItemGroup","ItemGroup","__experimentalItem","Item","__experimentalGrid","Grid","__experimentalVStack","VStack","__experimentalHStack","HStack","__experimentalHeading","Heading","__experimentalText","Text","privateApis","componentsPrivateApis","BaseControl","Icon","__","_x","sprintf","memo","useContext","useMemo","useState","chevronDown","chevronUp","cog","seen","unseen","lock","moreVertical","warning","useInstanceId","SORTING_DIRECTIONS","sortIcons","sortLabels","VIEW_LAYOUTS","DataViewsContext","InfiniteScrollToggle","unlock","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","Menu","DATAVIEWS_CONFIG_POPOVER_PROPS","className","placement","offset","ViewTypeMenu","view","onChangeView","defaultLayouts","availableLayouts","Object","keys","length","activeView","find","v","type","children","TriggerButton","render","size","icon","label","Popover","map","layout","config","RadioItem","value","name","checked","hideOnClick","onChange","e","target","viewWithoutLayout","globalThis","SCRIPT_DEBUG","ItemLabel","SortFieldControl","fields","orderOptions","sortableFields","filter","field","enableSorting","id","__nextHasNoMarginBottom","__next40pxDefaultSize","sort","options","direction","showLevels","SortDirectionControl","isBlock","newDirection","ItemsPerPageControl","infiniteScrollEnabled","perPageSizes","perPage","disabled","newItemsPerPage","newItemsPerPageNumber","undefined","parseInt","page","toString","PreviewOptions","previewOptions","onChangePreviewOption","onMenuOpenChange","activeOption","focusPreviewOptionsField","setTimeout","element","document","querySelector","HTMLElement","focus","onOpenChange","FieldItem","description","isVisible","isFirst","isLast","canMove","onToggleVisibility","onMoveUp","onMoveDown","isChangingPreviewOption","setIsChangingPreviewOption","focusVisibilityField","expanded","justify","enableHiding","accessibleWhenDisabled","onClick","RegularFieldItem","index","_view$fields","visibleFieldIds","includes","fieldId","_visibleFieldIds$slic","slice","_visibleFieldIds$slic2","isDefined","item","FieldControl","_view$fields2","togglableFields","titleField","mediaField","descriptionField","Boolean","hiddenFields","f","visibleFields","previewField","previewFields","previewFieldUI","_view$showMedia","isPreviewFieldVisible","showMedia","newPreviewId","lockedFields","isVisibleFlag","ui","visibleLockedFields","_view$isVisibleFlag","locked","hiddenLockedFields","_view$isVisibleFlag2","spacing","isBordered","isSeparated","VisualLabel","style","margin","SettingsSection","title","columns","gap","level","variant","DataviewsViewConfigDropdown","popoverId","_DataViewsViewConfig","activeLayout","expandOnMobile","popoverProps","renderToggle","onToggle","isOpen","renderContent","paddingSize","viewConfigOptions","DataViewsViewConfig"],"sources":["@wordpress/dataviews/src/components/dataviews-view-config/index.tsx"],"sourcesContent":["/**\n * External dependencies\n */\nimport type { ChangeEvent, ReactNode } from 'react';\nimport clsx from 'clsx';\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\tIcon,\n} from '@wordpress/components';\nimport { __, _x, sprintf } from '@wordpress/i18n';\nimport { memo, useContext, useMemo, useState } from '@wordpress/element';\nimport {\n\tchevronDown,\n\tchevronUp,\n\tcog,\n\tseen,\n\tunseen,\n\tlock,\n\tmoreVertical,\n} from '@wordpress/icons';\nimport warning from '@wordpress/warning';\nimport { useInstanceId } from '@wordpress/compose';\n\n/**\n * Internal dependencies\n */\nimport { SORTING_DIRECTIONS, sortIcons, sortLabels } from '../../constants';\nimport { VIEW_LAYOUTS } from '../../dataviews-layouts';\nimport type { NormalizedField, View } from '../../types';\nimport DataViewsContext from '../dataviews-context';\nimport InfiniteScrollToggle from './infinite-scroll-toggle';\nimport { unlock } from '../../lock-unlock';\n\nconst { Menu } = unlock( componentsPrivateApis );\n\nconst DATAVIEWS_CONFIG_POPOVER_PROPS = {\n\tclassName: 'dataviews-config__popover',\n\tplacement: 'bottom-end',\n\toffset: 9,\n};\n\nexport function ViewTypeMenu() {\n\tconst { view, onChangeView, defaultLayouts } =\n\t\tuseContext( 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<Menu>\n\t\t\t<Menu.TriggerButton\n\t\t\t\trender={\n\t\t\t\t\t<Button\n\t\t\t\t\t\tsize=\"compact\"\n\t\t\t\t\t\ticon={ activeView?.icon }\n\t\t\t\t\t\tlabel={ __( 'Layout' ) }\n\t\t\t\t\t/>\n\t\t\t\t}\n\t\t\t/>\n\t\t\t<Menu.Popover>\n\t\t\t\t{ availableLayouts.map( ( layout ) => {\n\t\t\t\t\tconst config = VIEW_LAYOUTS.find(\n\t\t\t\t\t\t( v ) => v.type === layout\n\t\t\t\t\t);\n\t\t\t\t\tif ( ! config ) {\n\t\t\t\t\t\treturn null;\n\t\t\t\t\t}\n\t\t\t\t\treturn (\n\t\t\t\t\t\t<Menu.RadioItem\n\t\t\t\t\t\t\tkey={ layout }\n\t\t\t\t\t\t\tvalue={ layout }\n\t\t\t\t\t\t\tname=\"view-actions-available-view\"\n\t\t\t\t\t\t\tchecked={ layout === view.type }\n\t\t\t\t\t\t\thideOnClick\n\t\t\t\t\t\t\tonChange={ (\n\t\t\t\t\t\t\t\te: ChangeEvent< HTMLInputElement >\n\t\t\t\t\t\t\t) => {\n\t\t\t\t\t\t\t\tswitch ( e.target.value ) {\n\t\t\t\t\t\t\t\t\tcase 'list':\n\t\t\t\t\t\t\t\t\tcase 'grid':\n\t\t\t\t\t\t\t\t\tcase 'table':\n\t\t\t\t\t\t\t\t\tcase 'pickerGrid':\n\t\t\t\t\t\t\t\t\t\tconst viewWithoutLayout = { ...view };\n\t\t\t\t\t\t\t\t\t\tif ( 'layout' in viewWithoutLayout ) {\n\t\t\t\t\t\t\t\t\t\t\tdelete viewWithoutLayout.layout;\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\treturn onChangeView( {\n\t\t\t\t\t\t\t\t\t\t\t...viewWithoutLayout,\n\t\t\t\t\t\t\t\t\t\t\ttype: e.target.value,\n\t\t\t\t\t\t\t\t\t\t\t...defaultLayouts[ e.target.value ],\n\t\t\t\t\t\t\t\t\t\t} as View );\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\twarning( 'Invalid dataview' );\n\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<Menu.ItemLabel>{ config.label }</Menu.ItemLabel>\n\t\t\t\t\t\t</Menu.RadioItem>\n\t\t\t\t\t);\n\t\t\t\t} ) }\n\t\t\t</Menu.Popover>\n\t\t</Menu>\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\tshowLevels: false,\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\tshowLevels: false,\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\nfunction ItemsPerPageControl() {\n\tconst { view, config, onChangeView } = useContext( DataViewsContext );\n\tconst { infiniteScrollEnabled } = view;\n\tif (\n\t\t! config ||\n\t\t! config.perPageSizes ||\n\t\tconfig.perPageSizes.length < 2 ||\n\t\tconfig.perPageSizes.length > 6 ||\n\t\tinfiniteScrollEnabled\n\t) {\n\t\treturn null;\n\t}\n\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{ config.perPageSizes.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 PreviewOptions( {\n\tpreviewOptions,\n\tonChangePreviewOption,\n\tonMenuOpenChange,\n\tactiveOption,\n}: {\n\tpreviewOptions?: Array< { label: string; id: string } >;\n\tonChangePreviewOption?: ( newPreviewOption: string ) => void;\n\tonMenuOpenChange: ( isOpen: boolean ) => void;\n\tactiveOption?: string;\n} ) {\n\tconst focusPreviewOptionsField = ( id: string ) => {\n\t\t// Focus the visibility button to avoid focus loss.\n\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// eslint-disable-next-line @wordpress/react-no-unsafe-timeout\n\t\tsetTimeout( () => {\n\t\t\tconst element = document.querySelector(\n\t\t\t\t`.dataviews-field-control__field-${ id } .dataviews-field-control__field-preview-options-button`\n\t\t\t);\n\t\t\tif ( element instanceof HTMLElement ) {\n\t\t\t\telement.focus();\n\t\t\t}\n\t\t}, 50 );\n\t};\n\treturn (\n\t\t<Menu onOpenChange={ onMenuOpenChange }>\n\t\t\t<Menu.TriggerButton\n\t\t\t\trender={\n\t\t\t\t\t<Button\n\t\t\t\t\t\tclassName=\"dataviews-field-control__field-preview-options-button\"\n\t\t\t\t\t\tsize=\"compact\"\n\t\t\t\t\t\ticon={ moreVertical }\n\t\t\t\t\t\tlabel={ __( 'Preview' ) }\n\t\t\t\t\t/>\n\t\t\t\t}\n\t\t\t/>\n\t\t\t<Menu.Popover>\n\t\t\t\t{ previewOptions?.map( ( { id, label } ) => {\n\t\t\t\t\treturn (\n\t\t\t\t\t\t<Menu.RadioItem\n\t\t\t\t\t\t\tkey={ id }\n\t\t\t\t\t\t\tvalue={ id }\n\t\t\t\t\t\t\tchecked={ id === activeOption }\n\t\t\t\t\t\t\tonChange={ () => {\n\t\t\t\t\t\t\t\tonChangePreviewOption?.( id );\n\t\t\t\t\t\t\t\tfocusPreviewOptionsField( id );\n\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<Menu.ItemLabel>{ label }</Menu.ItemLabel>\n\t\t\t\t\t\t</Menu.RadioItem>\n\t\t\t\t\t);\n\t\t\t\t} ) }\n\t\t\t</Menu.Popover>\n\t\t</Menu>\n\t);\n}\nfunction FieldItem( {\n\tfield,\n\tlabel,\n\tdescription,\n\tisVisible,\n\tisFirst,\n\tisLast,\n\tcanMove = true,\n\tonToggleVisibility,\n\tonMoveUp,\n\tonMoveDown,\n\tpreviewOptions,\n\tonChangePreviewOption,\n}: {\n\tfield: NormalizedField< any >;\n\tlabel?: string;\n\tdescription?: string;\n\tisVisible: boolean;\n\tisFirst?: boolean;\n\tisLast?: boolean;\n\tcanMove?: boolean;\n\tonToggleVisibility?: () => void;\n\tonMoveUp?: () => void;\n\tonMoveDown?: () => void;\n\tpreviewOptions?: Array< { label: string; id: string } >;\n\tonChangePreviewOption?: ( newPreviewOption: string ) => void;\n} ) {\n\tconst [ isChangingPreviewOption, setIsChangingPreviewOption ] =\n\t\tuseState< boolean >( false );\n\n\tconst focusVisibilityField = () => {\n\t\t// Focus the visibility button to avoid focus loss.\n\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// eslint-disable-next-line @wordpress/react-no-unsafe-timeout\n\t\tsetTimeout( () => {\n\t\t\tconst element = document.querySelector(\n\t\t\t\t`.dataviews-field-control__field-${ field.id } .dataviews-field-control__field-visibility-button`\n\t\t\t);\n\t\t\tif ( element instanceof HTMLElement ) {\n\t\t\t\telement.focus();\n\t\t\t}\n\t\t}, 50 );\n\t};\n\n\treturn (\n\t\t<Item>\n\t\t\t<HStack\n\t\t\t\texpanded\n\t\t\t\tclassName={ clsx(\n\t\t\t\t\t'dataviews-field-control__field',\n\t\t\t\t\t`dataviews-field-control__field-${ field.id }`,\n\t\t\t\t\t// The actions are hidden when the mouse is not hovering the item, or focus\n\t\t\t\t\t// is outside the item.\n\t\t\t\t\t// For actions that require a popover, a menu etc, that would mean that when the interactive element\n\t\t\t\t\t// opens and the focus goes there the actions would be hidden.\n\t\t\t\t\t// To avoid that we add a class to the item, that makes sure actions are visible while there is some\n\t\t\t\t\t// interaction with the item.\n\t\t\t\t\t{ 'is-interacting': isChangingPreviewOption }\n\t\t\t\t) }\n\t\t\t\tjustify=\"flex-start\"\n\t\t\t>\n\t\t\t\t<span className=\"dataviews-field-control__icon\">\n\t\t\t\t\t{ ! canMove && ! field.enableHiding && (\n\t\t\t\t\t\t<Icon icon={ lock } />\n\t\t\t\t\t) }\n\t\t\t\t</span>\n\t\t\t\t<span className=\"dataviews-field-control__label-sub-label-container\">\n\t\t\t\t\t<span className=\"dataviews-field-control__label\">\n\t\t\t\t\t\t{ label || field.label }\n\t\t\t\t\t</span>\n\t\t\t\t\t{ description && (\n\t\t\t\t\t\t<span className=\"dataviews-field-control__sub-label\">\n\t\t\t\t\t\t\t{ description }\n\t\t\t\t\t\t</span>\n\t\t\t\t\t) }\n\t\t\t\t</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{ 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={ isFirst || ! canMove }\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={ onMoveUp }\n\t\t\t\t\t\t\t\ticon={ chevronUp }\n\t\t\t\t\t\t\t\tlabel={\n\t\t\t\t\t\t\t\t\tisFirst || ! canMove\n\t\t\t\t\t\t\t\t\t\t? __( \"This field can't be moved up\" )\n\t\t\t\t\t\t\t\t\t\t: sprintf(\n\t\t\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\t\t__( 'Move %s up' ),\n\t\t\t\t\t\t\t\t\t\t\t\tfield.label\n\t\t\t\t\t\t\t\t\t\t  )\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\tdisabled={ isLast || ! canMove }\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={ onMoveDown }\n\t\t\t\t\t\t\t\ticon={ chevronDown }\n\t\t\t\t\t\t\t\tlabel={\n\t\t\t\t\t\t\t\t\tisLast || ! canMove\n\t\t\t\t\t\t\t\t\t\t? __( \"This field can't be moved down\" )\n\t\t\t\t\t\t\t\t\t\t: sprintf(\n\t\t\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\t\t__( 'Move %s down' ),\n\t\t\t\t\t\t\t\t\t\t\t\tfield.label\n\t\t\t\t\t\t\t\t\t\t  )\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</>\n\t\t\t\t\t) }\n\t\t\t\t\t{ onToggleVisibility && (\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\tclassName=\"dataviews-field-control__field-visibility-button\"\n\t\t\t\t\t\t\tdisabled={ ! field.enableHiding }\n\t\t\t\t\t\t\taccessibleWhenDisabled\n\t\t\t\t\t\t\tsize=\"compact\"\n\t\t\t\t\t\t\tonClick={ () => {\n\t\t\t\t\t\t\t\tonToggleVisibility();\n\t\t\t\t\t\t\t\tfocusVisibilityField();\n\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\ticon={ isVisible ? unseen : seen }\n\t\t\t\t\t\t\tlabel={\n\t\t\t\t\t\t\t\tisVisible\n\t\t\t\t\t\t\t\t\t? sprintf(\n\t\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\t_x( 'Hide %s', 'field' ),\n\t\t\t\t\t\t\t\t\t\t\tfield.label\n\t\t\t\t\t\t\t\t\t  )\n\t\t\t\t\t\t\t\t\t: sprintf(\n\t\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\t_x( 'Show %s', 'field' ),\n\t\t\t\t\t\t\t\t\t\t\tfield.label\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/>\n\t\t\t\t\t) }\n\t\t\t\t\t{ previewOptions && (\n\t\t\t\t\t\t<PreviewOptions\n\t\t\t\t\t\t\tpreviewOptions={ previewOptions }\n\t\t\t\t\t\t\tonChangePreviewOption={ onChangePreviewOption }\n\t\t\t\t\t\t\tonMenuOpenChange={ setIsChangingPreviewOption }\n\t\t\t\t\t\t\tactiveOption={ field.id }\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 RegularFieldItem( {\n\tindex,\n\tfield,\n\tview,\n\tonChangeView,\n}: {\n\tindex?: number;\n\tfield: NormalizedField< any >;\n\tview: View;\n\tonChangeView: ( view: View ) => void;\n} ) {\n\tconst visibleFieldIds = view.fields ?? [];\n\tconst isVisible =\n\t\tindex !== undefined && visibleFieldIds.includes( field.id );\n\n\treturn (\n\t\t<FieldItem\n\t\t\tfield={ field }\n\t\t\tisVisible={ isVisible }\n\t\t\tisFirst={ index !== undefined && index < 1 }\n\t\t\tisLast={\n\t\t\t\tindex !== undefined && index === visibleFieldIds.length - 1\n\t\t\t}\n\t\t\tonToggleVisibility={ () => {\n\t\t\t\tonChangeView( {\n\t\t\t\t\t...view,\n\t\t\t\t\tfields: isVisible\n\t\t\t\t\t\t? visibleFieldIds.filter(\n\t\t\t\t\t\t\t\t( fieldId ) => fieldId !== field.id\n\t\t\t\t\t\t  )\n\t\t\t\t\t\t: [ ...visibleFieldIds, field.id ],\n\t\t\t\t} );\n\t\t\t} }\n\t\t\tonMoveUp={\n\t\t\t\tindex !== undefined\n\t\t\t\t\t? () => {\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: [\n\t\t\t\t\t\t\t\t\t...( visibleFieldIds.slice(\n\t\t\t\t\t\t\t\t\t\t0,\n\t\t\t\t\t\t\t\t\t\tindex - 1\n\t\t\t\t\t\t\t\t\t) ?? [] ),\n\t\t\t\t\t\t\t\t\tfield.id,\n\t\t\t\t\t\t\t\t\tvisibleFieldIds[ index - 1 ],\n\t\t\t\t\t\t\t\t\t...visibleFieldIds.slice( index + 1 ),\n\t\t\t\t\t\t\t\t],\n\t\t\t\t\t\t\t} );\n\t\t\t\t\t  }\n\t\t\t\t\t: undefined\n\t\t\t}\n\t\t\tonMoveDown={\n\t\t\t\tindex !== undefined\n\t\t\t\t\t? () => {\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: [\n\t\t\t\t\t\t\t\t\t...( visibleFieldIds.slice( 0, index ) ??\n\t\t\t\t\t\t\t\t\t\t[] ),\n\t\t\t\t\t\t\t\t\tvisibleFieldIds[ index + 1 ],\n\t\t\t\t\t\t\t\t\tfield.id,\n\t\t\t\t\t\t\t\t\t...visibleFieldIds.slice( index + 2 ),\n\t\t\t\t\t\t\t\t],\n\t\t\t\t\t\t\t} );\n\t\t\t\t\t  }\n\t\t\t\t\t: undefined\n\t\t\t}\n\t\t/>\n\t);\n}\n\nfunction isDefined< T >( item: T | undefined ): item is T {\n\treturn !! item;\n}\n\nfunction FieldControl() {\n\tconst { view, fields, onChangeView } = useContext( DataViewsContext );\n\n\tconst togglableFields = [\n\t\tview?.titleField,\n\t\tview?.mediaField,\n\t\tview?.descriptionField,\n\t].filter( Boolean );\n\tconst visibleFieldIds = view.fields ?? [];\n\tconst hiddenFields = fields.filter(\n\t\t( f ) =>\n\t\t\t! visibleFieldIds.includes( f.id ) &&\n\t\t\t! togglableFields.includes( f.id ) &&\n\t\t\tf.type !== 'media' &&\n\t\t\tf.enableHiding !== false\n\t);\n\tlet visibleFields = visibleFieldIds\n\t\t.map( ( fieldId ) => fields.find( ( f ) => f.id === fieldId ) )\n\t\t.filter( isDefined );\n\n\tif ( ! visibleFields?.length && ! hiddenFields?.length ) {\n\t\treturn null;\n\t}\n\tconst titleField = fields.find( ( f ) => f.id === view.titleField );\n\tconst previewField = fields.find( ( f ) => f.id === view.mediaField );\n\tconst descriptionField = fields.find(\n\t\t( f ) => f.id === view.descriptionField\n\t);\n\n\tconst previewFields = fields.filter( ( f ) => f.type === 'media' );\n\n\tlet previewFieldUI;\n\tif ( previewFields.length > 1 ) {\n\t\tconst isPreviewFieldVisible =\n\t\t\tisDefined( previewField ) && ( view.showMedia ?? true );\n\t\tpreviewFieldUI = isDefined( previewField ) && (\n\t\t\t<FieldItem\n\t\t\t\tkey={ previewField.id }\n\t\t\t\tfield={ previewField }\n\t\t\t\tlabel={ __( 'Preview' ) }\n\t\t\t\tdescription={ previewField.label }\n\t\t\t\tisVisible={ isPreviewFieldVisible }\n\t\t\t\tonToggleVisibility={ () => {\n\t\t\t\t\tonChangeView( {\n\t\t\t\t\t\t...view,\n\t\t\t\t\t\tshowMedia: ! isPreviewFieldVisible,\n\t\t\t\t\t} );\n\t\t\t\t} }\n\t\t\t\tcanMove={ false }\n\t\t\t\tpreviewOptions={ previewFields.map( ( field ) => ( {\n\t\t\t\t\tlabel: field.label,\n\t\t\t\t\tid: field.id,\n\t\t\t\t} ) ) }\n\t\t\t\tonChangePreviewOption={ ( newPreviewId ) =>\n\t\t\t\t\tonChangeView( { ...view, mediaField: newPreviewId } )\n\t\t\t\t}\n\t\t\t/>\n\t\t);\n\t}\n\tconst lockedFields = [\n\t\t{\n\t\t\tfield: titleField,\n\t\t\tisVisibleFlag: 'showTitle',\n\t\t},\n\t\t{\n\t\t\tfield: previewField,\n\t\t\tisVisibleFlag: 'showMedia',\n\t\t\tui: previewFieldUI,\n\t\t},\n\t\t{\n\t\t\tfield: descriptionField,\n\t\t\tisVisibleFlag: 'showDescription',\n\t\t},\n\t].filter( ( { field } ) => isDefined( field ) );\n\tlet visibleLockedFields = lockedFields.filter(\n\t\t( { field, isVisibleFlag } ) =>\n\t\t\t// @ts-expect-error\n\t\t\tisDefined( field ) && ( view[ isVisibleFlag ] ?? true )\n\t) as Array< {\n\t\tfield: NormalizedField< any >;\n\t\tisVisibleFlag: string;\n\t\tui?: ReactNode;\n\t} >;\n\n\t// If only one locked field is visible, prevent it from being hidden.\n\tif ( visibleLockedFields.length === 1 ) {\n\t\tvisibleLockedFields = visibleLockedFields.map( ( locked ) => ( {\n\t\t\t...locked,\n\t\t\tfield: { ...locked.field, enableHiding: false },\n\t\t} ) );\n\t}\n\n\t// If no locked fields are visible but there are visibleFields, lock the last visible field.\n\tif ( visibleLockedFields.length === 0 && visibleFields.length === 1 ) {\n\t\tvisibleFields = [ { ...visibleFields[ 0 ], enableHiding: false } ];\n\t}\n\n\tconst hiddenLockedFields = lockedFields.filter(\n\t\t( { field, isVisibleFlag } ) =>\n\t\t\t// @ts-expect-error\n\t\t\tisDefined( field ) && ! ( view[ isVisibleFlag ] ?? true )\n\t) as Array< {\n\t\tfield: NormalizedField< any >;\n\t\tisVisibleFlag: string;\n\t\tui?: ReactNode;\n\t} >;\n\n\treturn (\n\t\t<VStack className=\"dataviews-field-control\" spacing={ 6 }>\n\t\t\t<VStack className=\"dataviews-view-config__properties\" spacing={ 0 }>\n\t\t\t\t{ ( visibleLockedFields.length > 0 ||\n\t\t\t\t\t!! visibleFields?.length ) && (\n\t\t\t\t\t<ItemGroup isBordered isSeparated>\n\t\t\t\t\t\t{ visibleLockedFields.map(\n\t\t\t\t\t\t\t( { field, isVisibleFlag, ui } ) => {\n\t\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t\tui ?? (\n\t\t\t\t\t\t\t\t\t\t<FieldItem\n\t\t\t\t\t\t\t\t\t\t\tkey={ field.id }\n\t\t\t\t\t\t\t\t\t\t\tfield={ field }\n\t\t\t\t\t\t\t\t\t\t\tisVisible\n\t\t\t\t\t\t\t\t\t\t\tonToggleVisibility={ () => {\n\t\t\t\t\t\t\t\t\t\t\t\tonChangeView( {\n\t\t\t\t\t\t\t\t\t\t\t\t\t...view,\n\t\t\t\t\t\t\t\t\t\t\t\t\t[ isVisibleFlag ]: false,\n\t\t\t\t\t\t\t\t\t\t\t\t} );\n\t\t\t\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t\t\t\t\tcanMove={ false }\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}\n\t\t\t\t\t\t) }\n\n\t\t\t\t\t\t{ visibleFields.map( ( field, index ) => (\n\t\t\t\t\t\t\t<RegularFieldItem\n\t\t\t\t\t\t\t\tkey={ field.id }\n\t\t\t\t\t\t\t\tfield={ field }\n\t\t\t\t\t\t\t\tview={ view }\n\t\t\t\t\t\t\t\tonChangeView={ onChangeView }\n\t\t\t\t\t\t\t\tindex={ index }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t) ) }\n\t\t\t\t\t</ItemGroup>\n\t\t\t\t) }\n\t\t\t</VStack>\n\n\t\t\t{ ( !! hiddenFields?.length || !! hiddenLockedFields.length ) && (\n\t\t\t\t<VStack spacing={ 4 }>\n\t\t\t\t\t<BaseControl.VisualLabel style={ { margin: 0 } }>\n\t\t\t\t\t\t{ __( 'Hidden' ) }\n\t\t\t\t\t</BaseControl.VisualLabel>\n\t\t\t\t\t<VStack\n\t\t\t\t\t\tclassName=\"dataviews-view-config__properties\"\n\t\t\t\t\t\tspacing={ 0 }\n\t\t\t\t\t>\n\t\t\t\t\t\t<ItemGroup isBordered isSeparated>\n\t\t\t\t\t\t\t{ hiddenLockedFields.length > 0 &&\n\t\t\t\t\t\t\t\thiddenLockedFields.map(\n\t\t\t\t\t\t\t\t\t( { field, isVisibleFlag, ui } ) => {\n\t\t\t\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t\t\t\tui ?? (\n\t\t\t\t\t\t\t\t\t\t\t\t<FieldItem\n\t\t\t\t\t\t\t\t\t\t\t\t\tkey={ field.id }\n\t\t\t\t\t\t\t\t\t\t\t\t\tfield={ field }\n\t\t\t\t\t\t\t\t\t\t\t\t\tisVisible={ false }\n\t\t\t\t\t\t\t\t\t\t\t\t\tonToggleVisibility={ () => {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tonChangeView( {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t...view,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t[ isVisibleFlag ]:\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\ttrue,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t} );\n\t\t\t\t\t\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t\t\t\t\t\t\tcanMove={ false }\n\t\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t{ hiddenFields.map( ( field ) => (\n\t\t\t\t\t\t\t\t<RegularFieldItem\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\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</VStack>\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\nexport function DataviewsViewConfigDropdown() {\n\tconst { view } = useContext( DataViewsContext );\n\tconst popoverId = useInstanceId(\n\t\t_DataViewsViewConfig,\n\t\t'dataviews-view-config-dropdown'\n\t);\n\tconst activeLayout = VIEW_LAYOUTS.find(\n\t\t( layout ) => layout.type === view.type\n\t);\n\treturn (\n\t\t<Dropdown\n\t\t\texpandOnMobile\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\n\t\t\t\t\tpaddingSize=\"medium\"\n\t\t\t\t\tclassName=\"dataviews-config__popover-content-wrapper\"\n\t\t\t\t>\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{ !! activeLayout?.viewConfigOptions && (\n\t\t\t\t\t\t\t\t<activeLayout.viewConfigOptions />\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t<InfiniteScrollToggle />\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\treturn (\n\t\t<>\n\t\t\t<ViewTypeMenu />\n\t\t\t<DataviewsViewConfigDropdown />\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/array.js

@@ -1,63 +1,151 @@
+/**
+ * External dependencies
+ */
+import deepMerge from 'deepmerge';
+
 /**
  * WordPress dependencies
  */
-import { FormTokenField } from '@wordpress/components';
-import { useCallback, useMemo } from '@wordpress/element';
+import { privateApis } from '@wordpress/components';
+import { useCallback, useMemo, useState } from '@wordpress/element';
+import { _n, sprintf } from '@wordpress/i18n';
 
 /**
  * Internal dependencies
  */
+
+import { unlock } from '../lock-unlock';
 import { jsx as _jsx } from "react/jsx-runtime";
+const {
+  ValidatedFormTokenField
+} = unlock(privateApis);
 export default function ArrayControl({
   data,
   field,
   onChange,
   hideLabelFromVision
 }) {
-  var _elements$map;
   const {
-    id,
     label,
     placeholder,
-    elements
+    elements,
+    getValue,
+    setValue
   } = field;
-  const value = field.getValue({
+  const value = getValue({
     item: data
   });
-  const findElementByValue = useCallback(suggestionValue => {
-    return elements?.find(suggestion => suggestion.value === suggestionValue);
-  }, [elements]);
-  const findElementByLabel = useCallback(suggestionLabel => {
-    return elements?.find(suggestion => suggestion.label === suggestionLabel);
-  }, [elements]);
-
-  // Ensure value is an array
-  const arrayValue = useMemo(() => Array.isArray(value) ? value.map(token => {
-    const tokenLabel = findElementByValue(token)?.label;
-    return tokenLabel || token;
-  }) : [], [value, findElementByValue]);
-  const onChangeControl = useCallback(tokens => {
-    // Convert TokenItem objects to strings
-    const stringTokens = tokens.map(token => {
-      if (typeof token !== 'string') {
+  const [customValidity, setCustomValidity] = useState(undefined);
+
+  // Convert stored values to element objects for the token field
+  const arrayValueAsElements = useMemo(() => Array.isArray(value) ? value.map(token => {
+    const element = elements?.find(suggestion => suggestion.value === token);
+    return element || {
+      value: token,
+      label: token
+    };
+  }) : [], [value, elements]);
+  const validateTokens = useCallback(tokens => {
+    // Extract actual values from tokens for validation
+    const tokenValues = tokens.map(token => {
+      if (typeof token === 'object' && 'value' in token) {
         return token.value;
       }
-      const tokenByLabel = findElementByLabel(token);
-      return tokenByLabel?.value || token;
+      return token;
     });
-    onChange({
-      [id]: stringTokens
+
+    // First, check if elements validation is required and any tokens are invalid
+    if (field.isValid?.elements && elements) {
+      const invalidTokens = tokenValues.filter(tokenValue => {
+        return !elements.some(element => element.value === tokenValue);
+      });
+      if (invalidTokens.length > 0) {
+        setCustomValidity({
+          type: 'invalid',
+          message: sprintf(/* translators: %s: list of invalid tokens */
+          _n('Please select from the available options: %s is invalid.', 'Please select from the available options: %s are invalid.', invalidTokens.length), invalidTokens.join(', '))
+        });
+        return;
+      }
+    }
+
+    // Then check custom validation if provided.
+    if (field.isValid?.custom) {
+      const result = field.isValid?.custom?.(deepMerge(data, setValue({
+        item: data,
+        value: tokenValues
+      })), field);
+      if (result) {
+        setCustomValidity({
+          type: 'invalid',
+          message: result
+        });
+        return;
+      }
+    }
+
+    // If no validation errors, clear custom validity
+    setCustomValidity(undefined);
+  }, [elements, data, field, setValue]);
+  const onChangeControl = useCallback(tokens => {
+    const valueTokens = tokens.map(token => {
+      if (typeof token === 'object' && 'value' in token) {
+        return token.value;
+      }
+      // If it's a string, it's either a new suggestion value or user input
+      return token;
     });
-  }, [id, onChange, findElementByLabel]);
-  return /*#__PURE__*/_jsx(FormTokenField, {
+    onChange(setValue({
+      item: data,
+      value: valueTokens
+    }));
+  }, [onChange, setValue, data]);
+  return /*#__PURE__*/_jsx(ValidatedFormTokenField, {
+    required: !!field.isValid?.required,
+    onValidate: validateTokens,
+    customValidity: customValidity,
     label: hideLabelFromVision ? undefined : label,
-    value: arrayValue,
+    value: arrayValueAsElements,
     onChange: onChangeControl,
     placeholder: placeholder,
-    suggestions: (_elements$map = elements?.map(suggestion => suggestion.label)) !== null && _elements$map !== void 0 ? _elements$map : [],
+    suggestions: elements?.map(element => element.value),
+    __experimentalValidateInput: token => {
+      // If elements validation is required, check if token is valid
+      if (field.isValid?.elements && elements) {
+        return elements.some(element => element.value === token || element.label === token);
+      }
+
+      // For non-elements validation, allow all tokens
+      return true;
+    },
     __experimentalExpandOnFocus: elements && elements.length > 0,
-    __next40pxDefaultSize: true,
-    __nextHasNoMarginBottom: true
+    __experimentalShowHowTo: !field.isValid?.elements,
+    displayTransform: token => {
+      // For existing tokens (element objects), display their label
+      if (typeof token === 'object' && 'label' in token) {
+        return token.label;
+      }
+      // For suggestions (value strings), find the corresponding element and show its label
+      if (typeof token === 'string' && elements) {
+        const element = elements.find(el => el.value === token);
+        return element?.label || token;
+      }
+      return token;
+    },
+    __experimentalRenderItem: ({
+      item
+    }) => {
+      // Custom rendering for suggestion items (item is a value string)
+      if (typeof item === 'string' && elements) {
+        const element = elements.find(el => el.value === item);
+        return /*#__PURE__*/_jsx("span", {
+          children: element?.label || item
+        });
+      }
+      return /*#__PURE__*/_jsx("span", {
+        children: item
+      });
+    }
   });
 }
 //# sourceMappingURL=array.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["FormTokenField","useCallback","useMemo","jsx","_jsx","ArrayControl","data","field","onChange","hideLabelFromVision","_elements$map","id","label","placeholder","elements","value","getValue","item","findElementByValue","suggestionValue","find","suggestion","findElementByLabel","suggestionLabel","arrayValue","Array","isArray","map","token","tokenLabel","onChangeControl","tokens","stringTokens","tokenByLabel","undefined","suggestions","__experimentalExpandOnFocus","length","__next40pxDefaultSize","__nextHasNoMarginBottom"],"sources":["@wordpress/dataviews/src/dataform-controls/array.tsx"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { FormTokenField } from '@wordpress/components';\nimport { useCallback, useMemo } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport type { DataFormControlProps } from '../types';\n\nexport default function ArrayControl< Item >( {\n\tdata,\n\tfield,\n\tonChange,\n\thideLabelFromVision,\n}: DataFormControlProps< Item > ) {\n\tconst { id, label, placeholder, elements } = field;\n\tconst value = field.getValue( { item: data } );\n\n\tconst findElementByValue = useCallback(\n\t\t( suggestionValue: string ) => {\n\t\t\treturn elements?.find(\n\t\t\t\t( suggestion ) => suggestion.value === suggestionValue\n\t\t\t);\n\t\t},\n\t\t[ elements ]\n\t);\n\n\tconst findElementByLabel = useCallback(\n\t\t( suggestionLabel: string ) => {\n\t\t\treturn elements?.find(\n\t\t\t\t( suggestion ) => suggestion.label === suggestionLabel\n\t\t\t);\n\t\t},\n\t\t[ elements ]\n\t);\n\n\t// Ensure value is an array\n\tconst arrayValue = useMemo(\n\t\t() =>\n\t\t\tArray.isArray( value )\n\t\t\t\t? value.map( ( token ) => {\n\t\t\t\t\t\tconst tokenLabel = findElementByValue( token )?.label;\n\t\t\t\t\t\treturn tokenLabel || token;\n\t\t\t\t  } )\n\t\t\t\t: [],\n\t\t[ value, findElementByValue ]\n\t);\n\n\tconst onChangeControl = useCallback(\n\t\t( tokens: ( string | { value: string } )[] ) => {\n\t\t\t// Convert TokenItem objects to strings\n\t\t\tconst stringTokens = tokens.map( ( token ) => {\n\t\t\t\tif ( typeof token !== 'string' ) {\n\t\t\t\t\treturn token.value;\n\t\t\t\t}\n\n\t\t\t\tconst tokenByLabel = findElementByLabel( token );\n\n\t\t\t\treturn tokenByLabel?.value || token;\n\t\t\t} );\n\n\t\t\tonChange( {\n\t\t\t\t[ id ]: stringTokens,\n\t\t\t} );\n\t\t},\n\t\t[ id, onChange, findElementByLabel ]\n\t);\n\n\treturn (\n\t\t<FormTokenField\n\t\t\tlabel={ hideLabelFromVision ? undefined : label }\n\t\t\tvalue={ arrayValue }\n\t\t\tonChange={ onChangeControl }\n\t\t\tplaceholder={ placeholder }\n\t\t\tsuggestions={\n\t\t\t\telements?.map( ( suggestion ) => suggestion.label ) ?? []\n\t\t\t}\n\t\t\t__experimentalExpandOnFocus={ elements && elements.length > 0 }\n\t\t\t__next40pxDefaultSize\n\t\t\t__nextHasNoMarginBottom\n\t\t/>\n\t);\n}\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,cAAc,QAAQ,uBAAuB;AACtD,SAASC,WAAW,EAAEC,OAAO,QAAQ,oBAAoB;;AAEzD;AACA;AACA;AAFA,SAAAC,GAAA,IAAAC,IAAA;AAKA,eAAe,SAASC,YAAYA,CAAU;EAC7CC,IAAI;EACJC,KAAK;EACLC,QAAQ;EACRC;AAC6B,CAAC,EAAG;EAAA,IAAAC,aAAA;EACjC,MAAM;IAAEC,EAAE;IAAEC,KAAK;IAAEC,WAAW;IAAEC;EAAS,CAAC,GAAGP,KAAK;EAClD,MAAMQ,KAAK,GAAGR,KAAK,CAACS,QAAQ,CAAE;IAAEC,IAAI,EAAEX;EAAK,CAAE,CAAC;EAE9C,MAAMY,kBAAkB,GAAGjB,WAAW,CACnCkB,eAAuB,IAAM;IAC9B,OAAOL,QAAQ,EAAEM,IAAI,CAClBC,UAAU,IAAMA,UAAU,CAACN,KAAK,KAAKI,eACxC,CAAC;EACF,CAAC,EACD,CAAEL,QAAQ,CACX,CAAC;EAED,MAAMQ,kBAAkB,GAAGrB,WAAW,CACnCsB,eAAuB,IAAM;IAC9B,OAAOT,QAAQ,EAAEM,IAAI,CAClBC,UAAU,IAAMA,UAAU,CAACT,KAAK,KAAKW,eACxC,CAAC;EACF,CAAC,EACD,CAAET,QAAQ,CACX,CAAC;;EAED;EACA,MAAMU,UAAU,GAAGtB,OAAO,CACzB,MACCuB,KAAK,CAACC,OAAO,CAAEX,KAAM,CAAC,GACnBA,KAAK,CAACY,GAAG,CAAIC,KAAK,IAAM;IACxB,MAAMC,UAAU,GAAGX,kBAAkB,CAAEU,KAAM,CAAC,EAAEhB,KAAK;IACrD,OAAOiB,UAAU,IAAID,KAAK;EAC1B,CAAE,CAAC,GACH,EAAE,EACN,CAAEb,KAAK,EAAEG,kBAAkB,CAC5B,CAAC;EAED,MAAMY,eAAe,GAAG7B,WAAW,CAChC8B,MAAwC,IAAM;IAC/C;IACA,MAAMC,YAAY,GAAGD,MAAM,CAACJ,GAAG,CAAIC,KAAK,IAAM;MAC7C,IAAK,OAAOA,KAAK,KAAK,QAAQ,EAAG;QAChC,OAAOA,KAAK,CAACb,KAAK;MACnB;MAEA,MAAMkB,YAAY,GAAGX,kBAAkB,CAAEM,KAAM,CAAC;MAEhD,OAAOK,YAAY,EAAElB,KAAK,IAAIa,KAAK;IACpC,CAAE,CAAC;IAEHpB,QAAQ,CAAE;MACT,CAAEG,EAAE,GAAIqB;IACT,CAAE,CAAC;EACJ,CAAC,EACD,CAAErB,EAAE,EAAEH,QAAQ,EAAEc,kBAAkB,CACnC,CAAC;EAED,oBACClB,IAAA,CAACJ,cAAc;IACdY,KAAK,EAAGH,mBAAmB,GAAGyB,SAAS,GAAGtB,KAAO;IACjDG,KAAK,EAAGS,UAAY;IACpBhB,QAAQ,EAAGsB,eAAiB;IAC5BjB,WAAW,EAAGA,WAAa;IAC3BsB,WAAW,GAAAzB,aAAA,GACVI,QAAQ,EAAEa,GAAG,CAAIN,UAAU,IAAMA,UAAU,CAACT,KAAM,CAAC,cAAAF,aAAA,cAAAA,aAAA,GAAI,EACvD;IACD0B,2BAA2B,EAAGtB,QAAQ,IAAIA,QAAQ,CAACuB,MAAM,GAAG,CAAG;IAC/DC,qBAAqB;IACrBC,uBAAuB;EAAA,CACvB,CAAC;AAEJ","ignoreList":[]}
+{"version":3,"names":["deepMerge","privateApis","useCallback","useMemo","useState","_n","sprintf","unlock","jsx","_jsx","ValidatedFormTokenField","ArrayControl","data","field","onChange","hideLabelFromVision","label","placeholder","elements","getValue","setValue","value","item","customValidity","setCustomValidity","undefined","arrayValueAsElements","Array","isArray","map","token","element","find","suggestion","validateTokens","tokens","tokenValues","isValid","invalidTokens","filter","tokenValue","some","length","type","message","join","custom","result","onChangeControl","valueTokens","required","onValidate","suggestions","__experimentalValidateInput","__experimentalExpandOnFocus","__experimentalShowHowTo","displayTransform","el","__experimentalRenderItem","children"],"sources":["@wordpress/dataviews/src/dataform-controls/array.tsx"],"sourcesContent":["/**\n * External dependencies\n */\nimport deepMerge from 'deepmerge';\n\n/**\n * WordPress dependencies\n */\nimport { privateApis } from '@wordpress/components';\nimport { useCallback, useMemo, useState } from '@wordpress/element';\nimport { _n, sprintf } from '@wordpress/i18n';\n\n/**\n * Internal dependencies\n */\nimport type { DataFormControlProps } from '../types';\nimport { unlock } from '../lock-unlock';\n\nconst { ValidatedFormTokenField } = unlock( privateApis );\n\nexport default function ArrayControl< Item >( {\n\tdata,\n\tfield,\n\tonChange,\n\thideLabelFromVision,\n}: DataFormControlProps< Item > ) {\n\tconst { label, placeholder, elements, getValue, setValue } = field;\n\tconst value = getValue( { item: data } );\n\n\tconst [ customValidity, setCustomValidity ] = useState<\n\t\t| {\n\t\t\t\ttype: 'validating' | 'valid' | 'invalid';\n\t\t\t\tmessage: string;\n\t\t  }\n\t\t| undefined\n\t>( undefined );\n\n\t// Convert stored values to element objects for the token field\n\tconst arrayValueAsElements = useMemo(\n\t\t() =>\n\t\t\tArray.isArray( value )\n\t\t\t\t? value.map( ( token ) => {\n\t\t\t\t\t\tconst element = elements?.find(\n\t\t\t\t\t\t\t( suggestion ) => suggestion.value === token\n\t\t\t\t\t\t);\n\t\t\t\t\t\treturn element || { value: token, label: token };\n\t\t\t\t  } )\n\t\t\t\t: [],\n\t\t[ value, elements ]\n\t);\n\n\tconst validateTokens = useCallback(\n\t\t( tokens: ( string | { value: string; label?: string } )[] ) => {\n\t\t\t// Extract actual values from tokens for validation\n\t\t\tconst tokenValues = tokens.map( ( token ) => {\n\t\t\t\tif ( typeof token === 'object' && 'value' in token ) {\n\t\t\t\t\treturn token.value;\n\t\t\t\t}\n\t\t\t\treturn token;\n\t\t\t} );\n\n\t\t\t// First, check if elements validation is required and any tokens are invalid\n\t\t\tif ( field.isValid?.elements && elements ) {\n\t\t\t\tconst invalidTokens = tokenValues.filter( ( tokenValue ) => {\n\t\t\t\t\treturn ! elements.some(\n\t\t\t\t\t\t( element ) => element.value === tokenValue\n\t\t\t\t\t);\n\t\t\t\t} );\n\n\t\t\t\tif ( invalidTokens.length > 0 ) {\n\t\t\t\t\tsetCustomValidity( {\n\t\t\t\t\t\ttype: 'invalid',\n\t\t\t\t\t\tmessage: sprintf(\n\t\t\t\t\t\t\t/* translators: %s: list of invalid tokens */\n\t\t\t\t\t\t\t_n(\n\t\t\t\t\t\t\t\t'Please select from the available options: %s is invalid.',\n\t\t\t\t\t\t\t\t'Please select from the available options: %s are invalid.',\n\t\t\t\t\t\t\t\tinvalidTokens.length\n\t\t\t\t\t\t\t),\n\t\t\t\t\t\t\tinvalidTokens.join( ', ' )\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}\n\n\t\t\t// Then check custom validation if provided.\n\t\t\tif ( field.isValid?.custom ) {\n\t\t\t\tconst result = field.isValid?.custom?.(\n\t\t\t\t\tdeepMerge(\n\t\t\t\t\t\tdata,\n\t\t\t\t\t\tsetValue( {\n\t\t\t\t\t\t\titem: data,\n\t\t\t\t\t\t\tvalue: tokenValues,\n\t\t\t\t\t\t} ) as Partial< Item >\n\t\t\t\t\t),\n\t\t\t\t\tfield\n\t\t\t\t);\n\n\t\t\t\tif ( result ) {\n\t\t\t\t\tsetCustomValidity( {\n\t\t\t\t\t\ttype: 'invalid',\n\t\t\t\t\t\tmessage: result,\n\t\t\t\t\t} );\n\t\t\t\t\treturn;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t// If no validation errors, clear custom validity\n\t\t\tsetCustomValidity( undefined );\n\t\t},\n\t\t[ elements, data, field, setValue ]\n\t);\n\n\tconst onChangeControl = useCallback(\n\t\t( tokens: ( string | { value: string; label?: string } )[] ) => {\n\t\t\tconst valueTokens = tokens.map( ( token ) => {\n\t\t\t\tif ( typeof token === 'object' && 'value' in token ) {\n\t\t\t\t\treturn token.value;\n\t\t\t\t}\n\t\t\t\t// If it's a string, it's either a new suggestion value or user input\n\t\t\t\treturn token;\n\t\t\t} );\n\n\t\t\tonChange( setValue( { item: data, value: valueTokens } ) );\n\t\t},\n\t\t[ onChange, setValue, data ]\n\t);\n\n\treturn (\n\t\t<ValidatedFormTokenField\n\t\t\trequired={ !! field.isValid?.required }\n\t\t\tonValidate={ validateTokens }\n\t\t\tcustomValidity={ customValidity }\n\t\t\tlabel={ hideLabelFromVision ? undefined : label }\n\t\t\tvalue={ arrayValueAsElements }\n\t\t\tonChange={ onChangeControl }\n\t\t\tplaceholder={ placeholder }\n\t\t\tsuggestions={ elements?.map( ( element ) => element.value ) }\n\t\t\t__experimentalValidateInput={ ( token: string ) => {\n\t\t\t\t// If elements validation is required, check if token is valid\n\t\t\t\tif ( field.isValid?.elements && elements ) {\n\t\t\t\t\treturn elements.some(\n\t\t\t\t\t\t( element ) =>\n\t\t\t\t\t\t\telement.value === token || element.label === token\n\t\t\t\t\t);\n\t\t\t\t}\n\n\t\t\t\t// For non-elements validation, allow all tokens\n\t\t\t\treturn true;\n\t\t\t} }\n\t\t\t__experimentalExpandOnFocus={ elements && elements.length > 0 }\n\t\t\t__experimentalShowHowTo={ ! field.isValid?.elements }\n\t\t\tdisplayTransform={ ( token: any ) => {\n\t\t\t\t// For existing tokens (element objects), display their label\n\t\t\t\tif ( typeof token === 'object' && 'label' in token ) {\n\t\t\t\t\treturn token.label;\n\t\t\t\t}\n\t\t\t\t// For suggestions (value strings), find the corresponding element and show its label\n\t\t\t\tif ( typeof token === 'string' && elements ) {\n\t\t\t\t\tconst element = elements.find(\n\t\t\t\t\t\t( el ) => el.value === token\n\t\t\t\t\t);\n\t\t\t\t\treturn element?.label || token;\n\t\t\t\t}\n\t\t\t\treturn token;\n\t\t\t} }\n\t\t\t__experimentalRenderItem={ ( { item }: { item: any } ) => {\n\t\t\t\t// Custom rendering for suggestion items (item is a value string)\n\t\t\t\tif ( typeof item === 'string' && elements ) {\n\t\t\t\t\tconst element = elements.find(\n\t\t\t\t\t\t( el ) => el.value === item\n\t\t\t\t\t);\n\t\t\t\t\treturn <span>{ element?.label || item }</span>;\n\t\t\t\t}\n\t\t\t\treturn <span>{ item }</span>;\n\t\t\t} }\n\t\t/>\n\t);\n}\n"],"mappings":"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","ignoreList":[]}

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

@@ -1,8 +1,13 @@
+/**
+ * External dependencies
+ */
+import deepMerge from 'deepmerge';
+
 /**
  * WordPress dependencies
  */
 import { privateApis } from '@wordpress/components';
-import { useState } from '@wordpress/element';
+import { useState, useCallback } from '@wordpress/element';
 
 /**
  * Internal dependencies
@@ -20,28 +25,37 @@ export default function Checkbox({
   hideLabelFromVision
 }) {
   const {
-    id,
     getValue,
+    setValue,
     label,
     description
   } = field;
   const [customValidity, setCustomValidity] = useState(undefined);
+  const onChangeControl = useCallback(() => {
+    onChange(setValue({
+      item: data,
+      value: !getValue({
+        item: data
+      })
+    }));
+  }, [data, getValue, onChange, setValue]);
+  const onValidateControl = useCallback(newValue => {
+    const message = field.isValid?.custom?.(deepMerge(data, setValue({
+      item: data,
+      value: newValue
+    })), field);
+    if (message) {
+      setCustomValidity({
+        type: 'invalid',
+        message
+      });
+      return;
+    }
+    setCustomValidity(undefined);
+  }, [data, field, setValue]);
   return /*#__PURE__*/_jsx(ValidatedCheckboxControl, {
     required: !!field.isValid?.required,
-    onValidate: newValue => {
-      const message = field.isValid?.custom?.({
-        ...data,
-        [id]: newValue
-      }, field);
-      if (message) {
-        setCustomValidity({
-          type: 'invalid',
-          message
-        });
-        return;
-      }
-      setCustomValidity(undefined);
-    },
+    onValidate: onValidateControl,
     customValidity: customValidity,
     hidden: hideLabelFromVision,
     label: label,
@@ -49,11 +63,7 @@ export default function Checkbox({
     checked: getValue({
       item: data
     }),
-    onChange: () => onChange({
-      [id]: !getValue({
-        item: data
-      })
-    })
+    onChange: onChangeControl
   });
 }
 //# sourceMappingURL=checkbox.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["privateApis","useState","unlock","jsx","_jsx","ValidatedCheckboxControl","Checkbox","field","onChange","data","hideLabelFromVision","id","getValue","label","description","customValidity","setCustomValidity","undefined","required","isValid","onValidate","newValue","message","custom","type","hidden","help","checked","item"],"sources":["@wordpress/dataviews/src/dataform-controls/checkbox.tsx"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { privateApis } from '@wordpress/components';\nimport { useState } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport type { DataFormControlProps } from '../types';\nimport { unlock } from '../lock-unlock';\n\nconst { ValidatedCheckboxControl } = unlock( privateApis );\n\nexport default function Checkbox< Item >( {\n\tfield,\n\tonChange,\n\tdata,\n\thideLabelFromVision,\n}: DataFormControlProps< Item > ) {\n\tconst { id, getValue, label, description } = field;\n\tconst [ customValidity, setCustomValidity ] =\n\t\tuseState<\n\t\t\tReact.ComponentProps<\n\t\t\t\ttypeof ValidatedCheckboxControl\n\t\t\t>[ 'customValidity' ]\n\t\t>( undefined );\n\n\treturn (\n\t\t<ValidatedCheckboxControl\n\t\t\trequired={ !! field.isValid?.required }\n\t\t\tonValidate={ ( newValue: any ) => {\n\t\t\t\tconst message = field.isValid?.custom?.(\n\t\t\t\t\t{\n\t\t\t\t\t\t...data,\n\t\t\t\t\t\t[ id ]: newValue,\n\t\t\t\t\t},\n\t\t\t\t\tfield\n\t\t\t\t);\n\n\t\t\t\tif ( message ) {\n\t\t\t\t\tsetCustomValidity( {\n\t\t\t\t\t\ttype: 'invalid',\n\t\t\t\t\t\tmessage,\n\t\t\t\t\t} );\n\t\t\t\t\treturn;\n\t\t\t\t}\n\n\t\t\t\tsetCustomValidity( undefined );\n\t\t\t} }\n\t\t\tcustomValidity={ customValidity }\n\t\t\thidden={ hideLabelFromVision }\n\t\t\tlabel={ label }\n\t\t\thelp={ description }\n\t\t\tchecked={ getValue( { item: data } ) }\n\t\t\tonChange={ () =>\n\t\t\t\tonChange( { [ id ]: ! getValue( { item: data } ) } )\n\t\t\t}\n\t\t/>\n\t);\n}\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,WAAW,QAAQ,uBAAuB;AACnD,SAASC,QAAQ,QAAQ,oBAAoB;;AAE7C;AACA;AACA;;AAEA,SAASC,MAAM,QAAQ,gBAAgB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAExC,MAAM;EAAEC;AAAyB,CAAC,GAAGH,MAAM,CAAEF,WAAY,CAAC;AAE1D,eAAe,SAASM,QAAQA,CAAU;EACzCC,KAAK;EACLC,QAAQ;EACRC,IAAI;EACJC;AAC6B,CAAC,EAAG;EACjC,MAAM;IAAEC,EAAE;IAAEC,QAAQ;IAAEC,KAAK;IAAEC;EAAY,CAAC,GAAGP,KAAK;EAClD,MAAM,CAAEQ,cAAc,EAAEC,iBAAiB,CAAE,GAC1Cf,QAAQ,CAILgB,SAAU,CAAC;EAEf,oBACCb,IAAA,CAACC,wBAAwB;IACxBa,QAAQ,EAAG,CAAC,CAAEX,KAAK,CAACY,OAAO,EAAED,QAAU;IACvCE,UAAU,EAAKC,QAAa,IAAM;MACjC,MAAMC,OAAO,GAAGf,KAAK,CAACY,OAAO,EAAEI,MAAM,GACpC;QACC,GAAGd,IAAI;QACP,CAAEE,EAAE,GAAIU;MACT,CAAC,EACDd,KACD,CAAC;MAED,IAAKe,OAAO,EAAG;QACdN,iBAAiB,CAAE;UAClBQ,IAAI,EAAE,SAAS;UACfF;QACD,CAAE,CAAC;QACH;MACD;MAEAN,iBAAiB,CAAEC,SAAU,CAAC;IAC/B,CAAG;IACHF,cAAc,EAAGA,cAAgB;IACjCU,MAAM,EAAGf,mBAAqB;IAC9BG,KAAK,EAAGA,KAAO;IACfa,IAAI,EAAGZ,WAAa;IACpBa,OAAO,EAAGf,QAAQ,CAAE;MAAEgB,IAAI,EAAEnB;IAAK,CAAE,CAAG;IACtCD,QAAQ,EAAGA,CAAA,KACVA,QAAQ,CAAE;MAAE,CAAEG,EAAE,GAAI,CAAEC,QAAQ,CAAE;QAAEgB,IAAI,EAAEnB;MAAK,CAAE;IAAE,CAAE;EACnD,CACD,CAAC;AAEJ","ignoreList":[]}
+{"version":3,"names":["deepMerge","privateApis","useState","useCallback","unlock","jsx","_jsx","ValidatedCheckboxControl","Checkbox","field","onChange","data","hideLabelFromVision","getValue","setValue","label","description","customValidity","setCustomValidity","undefined","onChangeControl","item","value","onValidateControl","newValue","message","isValid","custom","type","required","onValidate","hidden","help","checked"],"sources":["@wordpress/dataviews/src/dataform-controls/checkbox.tsx"],"sourcesContent":["/**\n * External dependencies\n */\nimport deepMerge from 'deepmerge';\n\n/**\n * WordPress dependencies\n */\nimport { privateApis } from '@wordpress/components';\nimport { useState, useCallback } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport type { DataFormControlProps } from '../types';\nimport { unlock } from '../lock-unlock';\n\nconst { ValidatedCheckboxControl } = unlock( privateApis );\n\nexport default function Checkbox< Item >( {\n\tfield,\n\tonChange,\n\tdata,\n\thideLabelFromVision,\n}: DataFormControlProps< Item > ) {\n\tconst { getValue, setValue, label, description } = field;\n\tconst [ customValidity, setCustomValidity ] =\n\t\tuseState<\n\t\t\tReact.ComponentProps<\n\t\t\t\ttypeof ValidatedCheckboxControl\n\t\t\t>[ 'customValidity' ]\n\t\t>( undefined );\n\n\tconst onChangeControl = useCallback( () => {\n\t\tonChange(\n\t\t\tsetValue( { item: data, value: ! getValue( { item: data } ) } )\n\t\t);\n\t}, [ data, getValue, onChange, setValue ] );\n\n\tconst onValidateControl = useCallback(\n\t\t( newValue: any ) => {\n\t\t\tconst message = field.isValid?.custom?.(\n\t\t\t\tdeepMerge(\n\t\t\t\t\tdata,\n\t\t\t\t\tsetValue( {\n\t\t\t\t\t\titem: data,\n\t\t\t\t\t\tvalue: newValue,\n\t\t\t\t\t} ) as Partial< Item >\n\t\t\t\t),\n\t\t\t\tfield\n\t\t\t);\n\n\t\t\tif ( message ) {\n\t\t\t\tsetCustomValidity( {\n\t\t\t\t\ttype: 'invalid',\n\t\t\t\t\tmessage,\n\t\t\t\t} );\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tsetCustomValidity( undefined );\n\t\t},\n\t\t[ data, field, setValue ]\n\t);\n\n\treturn (\n\t\t<ValidatedCheckboxControl\n\t\t\trequired={ !! field.isValid?.required }\n\t\t\tonValidate={ onValidateControl }\n\t\t\tcustomValidity={ customValidity }\n\t\t\thidden={ hideLabelFromVision }\n\t\t\tlabel={ label }\n\t\t\thelp={ description }\n\t\t\tchecked={ getValue( { item: data } ) }\n\t\t\tonChange={ onChangeControl }\n\t\t/>\n\t);\n}\n"],"mappings":"AAAA;AACA;AACA;AACA,OAAOA,SAAS,MAAM,WAAW;;AAEjC;AACA;AACA;AACA,SAASC,WAAW,QAAQ,uBAAuB;AACnD,SAASC,QAAQ,EAAEC,WAAW,QAAQ,oBAAoB;;AAE1D;AACA;AACA;;AAEA,SAASC,MAAM,QAAQ,gBAAgB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAExC,MAAM;EAAEC;AAAyB,CAAC,GAAGH,MAAM,CAAEH,WAAY,CAAC;AAE1D,eAAe,SAASO,QAAQA,CAAU;EACzCC,KAAK;EACLC,QAAQ;EACRC,IAAI;EACJC;AAC6B,CAAC,EAAG;EACjC,MAAM;IAAEC,QAAQ;IAAEC,QAAQ;IAAEC,KAAK;IAAEC;EAAY,CAAC,GAAGP,KAAK;EACxD,MAAM,CAAEQ,cAAc,EAAEC,iBAAiB,CAAE,GAC1ChB,QAAQ,CAILiB,SAAU,CAAC;EAEf,MAAMC,eAAe,GAAGjB,WAAW,CAAE,MAAM;IAC1CO,QAAQ,CACPI,QAAQ,CAAE;MAAEO,IAAI,EAAEV,IAAI;MAAEW,KAAK,EAAE,CAAET,QAAQ,CAAE;QAAEQ,IAAI,EAAEV;MAAK,CAAE;IAAE,CAAE,CAC/D,CAAC;EACF,CAAC,EAAE,CAAEA,IAAI,EAAEE,QAAQ,EAAEH,QAAQ,EAAEI,QAAQ,CAAG,CAAC;EAE3C,MAAMS,iBAAiB,GAAGpB,WAAW,CAClCqB,QAAa,IAAM;IACpB,MAAMC,OAAO,GAAGhB,KAAK,CAACiB,OAAO,EAAEC,MAAM,GACpC3B,SAAS,CACRW,IAAI,EACJG,QAAQ,CAAE;MACTO,IAAI,EAAEV,IAAI;MACVW,KAAK,EAAEE;IACR,CAAE,CACH,CAAC,EACDf,KACD,CAAC;IAED,IAAKgB,OAAO,EAAG;MACdP,iBAAiB,CAAE;QAClBU,IAAI,EAAE,SAAS;QACfH;MACD,CAAE,CAAC;MACH;IACD;IAEAP,iBAAiB,CAAEC,SAAU,CAAC;EAC/B,CAAC,EACD,CAAER,IAAI,EAAEF,KAAK,EAAEK,QAAQ,CACxB,CAAC;EAED,oBACCR,IAAA,CAACC,wBAAwB;IACxBsB,QAAQ,EAAG,CAAC,CAAEpB,KAAK,CAACiB,OAAO,EAAEG,QAAU;IACvCC,UAAU,EAAGP,iBAAmB;IAChCN,cAAc,EAAGA,cAAgB;IACjCc,MAAM,EAAGnB,mBAAqB;IAC9BG,KAAK,EAAGA,KAAO;IACfiB,IAAI,EAAGhB,WAAa;IACpBiB,OAAO,EAAGpB,QAAQ,CAAE;MAAEQ,IAAI,EAAEV;IAAK,CAAE,CAAG;IACtCD,QAAQ,EAAGU;EAAiB,CAC5B,CAAC;AAEJ","ignoreList":[]}