npm - @wordpress/dataviews - Versions diffs - 4.9.0 → 4.9.1-next.cd6172eb0.0 - Mend

@wordpress/dataviews 4.9.0 → 4.9.1-next.cd6172eb0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (48) hide show

package/CHANGELOG.md CHANGED Viewed

@@ -2,6 +2,11 @@
 ## Unreleased
+## Internal
+-   Upgraded `@ariakit/react` (v0.4.13) and `@ariakit/test` (v0.4.5) ([#65907](https://github.com/WordPress/gutenberg/pull/65907)).
+-   Upgraded `@ariakit/react` (v0.4.15) and `@ariakit/test` (v0.4.7) ([#67404](https://github.com/WordPress/gutenberg/pull/67404)).
 ## 4.9.0 (2024-11-27)
 ### Bug Fixes

package/README.md CHANGED Viewed

@@ -17,6 +17,8 @@ npm install @wordpress/dataviews --save
 <div class="callout callout-info">At <a href="https://wordpress.github.io/gutenberg/">WordPress Gutenberg's Storybook</a> there's and <a href="https://wordpress.github.io/gutenberg/?path=/docs/dataviews-dataviews--docs">example implementation of the Dataviews component</a>.</div>
+**Important note** If you're trying to use the `DataViews` component in a WordPress plugin or theme and you're building your scripts using the `@wordpress/scripts` package, you need to import the components from `@wordpress/dataviews/wp` instead of `@wordpress/dataviews`.
 ### Usage
 The `DataViews` component receives data and some other configuration to render the dataset. It'll call the `onChangeView` callback every time the user has interacted with the dataset in some way (sorted, filtered, changed layout, etc.):

package/build/components/dataviews/index.js CHANGED Viewed

@@ -30,8 +30,7 @@ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e;
  */
 const defaultGetItemId = item => item.id;
-const defaultIsItemClickable = () => false;
-const defaultOnClickItem = () => {};
+const defaultIsItemClickable = () => true;
 const EMPTY_ARRAY = [];
 function DataViews({
   view,
@@ -47,7 +46,7 @@ function DataViews({
   defaultLayouts,
   selection: selectionProperty,
   onChangeSelection,
-  onClickItem = defaultOnClickItem,
+  onClickItem,
   isItemClickable = defaultIsItemClickable,
   header
 }) {

package/build/components/dataviews/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["_components","require","_element","_dataviewsContext","_interopRequireDefault","_dataviewsFilters","_interopRequireWildcard","_dataviewsLayout","_dataviewsFooter","_dataviewsSearch","_dataviewsViewConfig","_normalizeFields","_jsxRuntime","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","defaultGetItemId","item","id","defaultIsItemClickable","defaultOnClickItem","EMPTY_ARRAY","DataViews","view","onChangeView","fields","search","searchLabel","undefined","actions","data","getItemId","isLoading","paginationInfo","defaultLayouts","selection","selectionProperty","onChangeSelection","onClickItem","isItemClickable","header","selectionState","setSelectionState","useState","isUncontrolled","openedFilter","setOpenedFilter","setSelectionWithChange","value","newValue","_fields","useMemo","normalizeFields","_selection","filter","some","filters","useFilters","isShowingFilter","setIsShowingFilter","isPrimary","jsx","Provider","children","jsxs","className","__experimentalHStack","alignment","justify","spacing","expanded","label","FiltersToggle","style","flexShrink"],"sources":["@wordpress/dataviews/src/components/dataviews/index.tsx"],"sourcesContent":["/*\n External dependencies\n /\nimport type { ReactNode } from 'react';\n\n/\n WordPress dependencies\n /\nimport { __experimentalHStack as HStack } from '@wordpress/components';\nimport { useMemo, useState } from '@wordpress/element';\n\n/\n Internal dependencies\n */\nimport DataViewsContext from '../dataviews-context';\nimport {\n\tdefault as DataViewsFilters,\n\tuseFilters,\n\tFiltersToggle,\n} from '../dataviews-filters';\nimport DataViewsLayout from '../dataviews-layout';\nimport DataViewsFooter from '../dataviews-footer';\nimport DataViewsSearch from '../dataviews-search';\nimport DataViewsViewConfig from '../dataviews-view-config';\nimport { normalizeFields } from '../../normalize-fields';\nimport type { Action, Field, View, SupportedLayouts } from '../../types';\nimport type { SelectionOrUpdater } from '../../private-types';\n\ntype ItemWithId = { id: string };\n\ntype DataViewsProps< Item > = {\n\tview: View;\n\tonChangeView: ( view: View ) => void;\n\tfields: Field< Item >[];\n\tsearch?: boolean;\n\tsearchLabel?: string;\n\tactions?: Action< Item >[];\n\tdata: Item[];\n\tisLoading?: boolean;\n\tpaginationInfo: {\n\t\ttotalItems: number;\n\t\ttotalPages: number;\n\t};\n\tdefaultLayouts: SupportedLayouts;\n\tselection?: string[];\n\tonChangeSelection?: ( items: string[] ) => void;\n\tonClickItem?: ( item: Item ) => void;\n\tisItemClickable?: ( item: Item ) => boolean;\n\theader?: ReactNode;\n} & ( Item extends ItemWithId\n\t? { getItemId?: ( item: Item ) => string }\n\t: { getItemId: ( item: Item ) => string } );\n\nconst defaultGetItemId = ( item: ItemWithId ) => item.id;\nconst defaultIsItemClickable = () => false;\nconst defaultOnClickItem = () => {};\nconst EMPTY_ARRAY: any[] = [];\n\nexport default function DataViews< Item >( {\n\tview,\n\tonChangeView,\n\tfields,\n\tsearch = true,\n\tsearchLabel = undefined,\n\tactions = EMPTY_ARRAY,\n\tdata,\n\tgetItemId = defaultGetItemId,\n\tisLoading = false,\n\tpaginationInfo,\n\tdefaultLayouts,\n\tselection: selectionProperty,\n\tonChangeSelection,\n\tonClickItem = defaultOnClickItem,\n\tisItemClickable = defaultIsItemClickable,\n\theader,\n}: DataViewsProps< Item > ) {\n\tconst [ selectionState, setSelectionState ] = useState< string[] >( [] );\n\tconst isUncontrolled =\n\t\tselectionProperty === undefined \|\| onChangeSelection === undefined;\n\tconst selection = isUncontrolled ? selectionState : selectionProperty;\n\tconst [ openedFilter, setOpenedFilter ] = useState< string \| null >( null );\n\tfunction setSelectionWithChange( value: SelectionOrUpdater ) {\n\t\tconst newValue =\n\t\t\ttypeof value === 'function' ? value( selection ) : value;\n\t\tif ( isUncontrolled ) {\n\t\t\tsetSelectionState( newValue );\n\t\t}\n\t\tif ( onChangeSelection ) {\n\t\t\tonChangeSelection( newValue );\n\t\t}\n\t}\n\tconst _fields = useMemo( () => normalizeFields( fields ), [ fields ] );\n\tconst _selection = useMemo( () => {\n\t\treturn selection.filter( ( id ) =>\n\t\t\tdata.some( ( item ) => getItemId( item ) === id )\n\t\t);\n\t}, [ selection, data, getItemId ] );\n\n\tconst filters = useFilters( _fields, view );\n\tconst [ isShowingFilter, setIsShowingFilter ] = useState< boolean >( () =>\n\t\t( filters \|\| [] ).some( ( filter ) => filter.isPrimary )\n\t);\n\n\treturn (\n\t\t<DataViewsContext.Provider\n\t\t\tvalue={ {\n\t\t\t\tview,\n\t\t\t\tonChangeView,\n\t\t\t\tfields: _fields,\n\t\t\t\tactions,\n\t\t\t\tdata,\n\t\t\t\tisLoading,\n\t\t\t\tpaginationInfo,\n\t\t\t\tselection: _selection,\n\t\t\t\tonChangeSelection: setSelectionWithChange,\n\t\t\t\topenedFilter,\n\t\t\t\tsetOpenedFilter,\n\t\t\t\tgetItemId,\n\t\t\t\tisItemClickable,\n\t\t\t\tonClickItem,\n\t\t\t} }\n\t\t>\n\t\t\t<div className=\"dataviews-wrapper\">\n\t\t\t\t<HStack\n\t\t\t\t\talignment=\"top\"\n\t\t\t\t\tjustify=\"space-between\"\n\t\t\t\t\tclassName=\"dataviews__view-actions\"\n\t\t\t\t\tspacing={ 1 }\n\t\t\t\t>\n\t\t\t\t\t<HStack\n\t\t\t\t\t\tjustify=\"start\"\n\t\t\t\t\t\texpanded={ false }\n\t\t\t\t\t\tclassName=\"dataviews__search\"\n\t\t\t\t\t>\n\t\t\t\t\t\t{ search && <DataViewsSearch label={ searchLabel } /> }\n\t\t\t\t\t\t<FiltersToggle\n\t\t\t\t\t\t\tfilters={ filters }\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\tsetOpenedFilter={ setOpenedFilter }\n\t\t\t\t\t\t\tsetIsShowingFilter={ setIsShowingFilter }\n\t\t\t\t\t\t\tisShowingFilter={ isShowingFilter }\n\t\t\t\t\t\t/>\n\t\t\t\t\t</HStack>\n\t\t\t\t\t<HStack\n\t\t\t\t\t\tspacing={ 1 }\n\t\t\t\t\t\texpanded={ false }\n\t\t\t\t\t\tstyle={ { flexShrink: 0 } }\n\t\t\t\t\t>\n\t\t\t\t\t\t<DataViewsViewConfig\n\t\t\t\t\t\t\tdefaultLayouts={ defaultLayouts }\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t{ header }\n\t\t\t\t\t</HStack>\n\t\t\t\t</HStack>\n\t\t\t\t{ isShowingFilter && <DataViewsFilters /> }\n\t\t\t\t<DataViewsLayout />\n\t\t\t\t<DataViewsFooter />\n\t\t\t</div>\n\t\t</DataViewsContext.Provider>\n\t);\n}\n"],"mappings":";;;;;;;AAQA,IAAAA,WAAA,GAAAC,OAAA;AACA,IAAAC,QAAA,GAAAD,OAAA;AAKA,IAAAE,iBAAA,GAAAC,sBAAA,CAAAH,OAAA;AACA,IAAAI,iBAAA,GAAAC,uBAAA,CAAAL,OAAA;AAKA,IAAAM,gBAAA,GAAAH,sBAAA,CAAAH,OAAA;AACA,IAAAO,gBAAA,GAAAJ,sBAAA,CAAAH,OAAA;AACA,IAAAQ,gBAAA,GAAAL,sBAAA,CAAAH,OAAA;AACA,IAAAS,oBAAA,GAAAN,sBAAA,CAAAH,OAAA;AACA,IAAAU,gBAAA,GAAAV,OAAA;AAAyD,IAAAW,WAAA,GAAAX,OAAA;AAAA,SAAAY,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAR,wBAAAQ,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAI,UAAA,SAAAJ,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAK,OAAA,EAAAL,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAG,GAAA,CAAAN,CAAA,UAAAG,CAAA,CAAAI,GAAA,CAAAP,CAAA,OAAAQ,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAd,CAAA,oBAAAc,CAAA,OAAAC,cAAA,CAAAC,IAAA,CAAAhB,CAAA,EAAAc,CAAA,SAAAG,CAAA,GAAAP,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAc,CAAA,UAAAG,CAAA,KAAAA,CAAA,CAAAV,GAAA,IAAAU,CAAA,CAAAC,GAAA,IAAAP,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAG,CAAA,IAAAT,CAAA,CAAAM,CAAA,IAAAd,CAAA,CAAAc,CAAA,YAAAN,CAAA,CAAAH,OAAA,GAAAL,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAe,GAAA,CAAAlB,CAAA,EAAAQ,CAAA,GAAAA,CAAA;AAxBzD;AACA;AACA;;AAGA;AACA;AACA;;AAIA;AACA;AACA;;AAwCA,MAAMW,gBAAgB,GAAKC,IAAgB,IAAMA,IAAI,CAACC,EAAE;AACxD,MAAMC,sBAAsB,GAAGA,CAAA,KAAM,KAAK;AAC1C,MAAMC,kBAAkB,GAAGA,CAAA,KAAM,CAAC,CAAC;AACnC,MAAMC,WAAkB,GAAG,EAAE;AAEd,SAASC,SAASA,CAAU;EAC1CC,IAAI;EACJC,YAAY;EACZC,MAAM;EACNC,MAAM,GAAG,IAAI;EACbC,WAAW,GAAGC,SAAS;EACvBC,OAAO,GAAGR,WAAW;EACrBS,IAAI;EACJC,SAAS,GAAGf,gBAAgB;EAC5BgB,SAAS,GAAG,KAAK;EACjBC,cAAc;EACdC,cAAc;EACdC,SAAS,EAAEC,iBAAiB;EAC5BC,iBAAiB;EACjBC,WAAW,GAAGlB,kBAAkB;EAChCmB,eAAe,GAAGpB,sBAAsB;EACxCqB;AACuB,CAAC,EAAG;EAC3B,MAAM,CAAEC,cAAc,EAAEC,iBAAiB,CAAE,GAAG,IAAAC,iBAAQ,EAAc,EAAG,CAAC;EACxE,MAAMC,cAAc,GACnBR,iBAAiB,KAAKR,SAAS,IAAIS,iBAAiB,KAAKT,SAAS;EACnE,MAAMO,SAAS,GAAGS,cAAc,GAAGH,cAAc,GAAGL,iBAAiB;EACrE,MAAM,CAAES,YAAY,EAAEC,eAAe,CAAE,GAAG,IAAAH,iBAAQ,EAAmB,IAAK,CAAC;EAC3E,SAASI,sBAAsBA,CAAEC,KAAyB,EAAG;IAC5D,MAAMC,QAAQ,GACb,OAAOD,KAAK,KAAK,UAAU,GAAGA,KAAK,CAAEb,SAAU,CAAC,GAAGa,KAAK;IACzD,IAAKJ,cAAc,EAAG;MACrBF,iBAAiB,CAAEO,QAAS,CAAC;IAC9B;IACA,IAAKZ,iBAAiB,EAAG;MACxBA,iBAAiB,CAAEY,QAAS,CAAC;IAC9B;EACD;EACA,MAAMC,OAAO,GAAG,IAAAC,gBAAO,EAAE,MAAM,IAAAC,gCAAe,EAAE3B,MAAO,CAAC,EAAE,CAAEA,MAAM,CAAG,CAAC;EACtE,MAAM4B,UAAU,GAAG,IAAAF,gBAAO,EAAE,MAAM;IACjC,OAAOhB,SAAS,CAACmB,MAAM,CAAIpC,EAAE,IAC5BY,IAAI,CAACyB,IAAI,CAAItC,IAAI,IAAMc,SAAS,CAAEd,IAAK,CAAC,KAAKC,EAAG,CACjD,CAAC;EACF,CAAC,EAAE,CAAEiB,SAAS,EAAEL,IAAI,EAAEC,SAAS,CAAG,CAAC;EAEnC,MAAMyB,OAAO,GAAG,IAAAC,4BAAU,EAAEP,OAAO,EAAE3B,IAAK,CAAC;EAC3C,MAAM,CAAEmC,eAAe,EAAEC,kBAAkB,CAAE,GAAG,IAAAhB,iBAAQ,EAAa,MACpE,CAAEa,OAAO,IAAI,EAAE,EAAGD,IAAI,CAAID,MAAM,IAAMA,MAAM,CAACM,SAAU,CACxD,CAAC;EAED,oBACC,IAAAjE,WAAA,CAAAkE,GAAA,EAAC3E,iBAAA,CAAAgB,OAAgB,CAAC4D,QAAQ;IACzBd,KAAK,EAAG;MACPzB,IAAI;MACJC,YAAY;MACZC,MAAM,EAAEyB,OAAO;MACfrB,OAAO;MACPC,IAAI;MACJE,SAAS;MACTC,cAAc;MACdE,SAAS,EAAEkB,UAAU;MACrBhB,iBAAiB,EAAEU,sBAAsB;MACzCF,YAAY;MACZC,eAAe;MACff,SAAS;MACTQ,eAAe;MACfD;IACD,CAAG;IAAAyB,QAAA,eAEH,IAAApE,WAAA,CAAAqE,IAAA;MAAKC,SAAS,EAAC,mBAAmB;MAAAF,QAAA,gBACjC,IAAApE,WAAA,CAAAqE,IAAA,EAACjF,WAAA,CAAAmF,oBAAM;QACNC,SAAS,EAAC,KAAK;QACfC,OAAO,EAAC,eAAe;QACvBH,SAAS,EAAC,yBAAyB;QACnCI,OAAO,EAAG,CAAG;QAAAN,QAAA,gBAEb,IAAApE,WAAA,CAAAqE,IAAA,EAACjF,WAAA,CAAAmF,oBAAM;UACNE,OAAO,EAAC,OAAO;UACfE,QAAQ,EAAG,KAAO;UAClBL,SAAS,EAAC,mBAAmB;UAAAF,QAAA,GAE3BrC,MAAM,iBAAI,IAAA/B,WAAA,CAAAkE,GAAA,EAACrE,gBAAA,CAAAU,OAAe;YAACqE,KAAK,EAAG5C;UAAa,CAAE,CAAC,eACrD,IAAAhC,WAAA,CAAAkE,GAAA,EAACzE,iBAAA,CAAAoF,aAAa;YACbhB,OAAO,EAAGA,OAAS;YACnBjC,IAAI,EAAGA,IAAM;YACbC,YAAY,EAAGA,YAAc;YAC7BsB,eAAe,EAAGA,eAAiB;YACnCa,kBAAkB,EAAGA,kBAAoB;YACzCD,eAAe,EAAGA;UAAiB,CACnC,CAAC;QAAA,CACK,CAAC,eACT,IAAA/D,WAAA,CAAAqE,IAAA,EAACjF,WAAA,CAAAmF,oBAAM;UACNG,OAAO,EAAG,CAAG;UACbC,QAAQ,EAAG,KAAO;UAClBG,KAAK,EAAG;YAAEC,UAAU,EAAE;UAAE,CAAG;UAAAX,QAAA,gBAE3B,IAAApE,WAAA,CAAAkE,GAAA,EAACpE,oBAAA,CAAAS,OAAmB;YACnBgC,cAAc,EAAGA;UAAgB,CACjC,CAAC,EACAM,MAAM;QAAA,CACD,CAAC;MAAA,CACF,CAAC,EACPkB,eAAe,iBAAI,IAAA/D,WAAA,CAAAkE,GAAA,EAACzE,iBAAA,CAAAc,OAAgB,IAAE,CAAC,eACzC,IAAAP,WAAA,CAAAkE,GAAA,EAACvE,gBAAA,CAAAY,OAAe,IAAE,CAAC,eACnB,IAAAP,WAAA,CAAAkE,GAAA,EAACtE,gBAAA,CAAAW,OAAe,IAAE,CAAC;IAAA,CACf;EAAC,CACoB,CAAC;AAE9B","ignoreList":[]}
1	+ {"version":3,"names":["_components","require","_element","_dataviewsContext","_interopRequireDefault","_dataviewsFilters","_interopRequireWildcard","_dataviewsLayout","_dataviewsFooter","_dataviewsSearch","_dataviewsViewConfig","_normalizeFields","_jsxRuntime","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","defaultGetItemId","item","id","defaultIsItemClickable","EMPTY_ARRAY","DataViews","view","onChangeView","fields","search","searchLabel","undefined","actions","data","getItemId","isLoading","paginationInfo","defaultLayouts","selection","selectionProperty","onChangeSelection","onClickItem","isItemClickable","header","selectionState","setSelectionState","useState","isUncontrolled","openedFilter","setOpenedFilter","setSelectionWithChange","value","newValue","_fields","useMemo","normalizeFields","_selection","filter","some","filters","useFilters","isShowingFilter","setIsShowingFilter","isPrimary","jsx","Provider","children","jsxs","className","__experimentalHStack","alignment","justify","spacing","expanded","label","FiltersToggle","style","flexShrink"],"sources":["@wordpress/dataviews/src/components/dataviews/index.tsx"],"sourcesContent":["/*\n External dependencies\n /\nimport type { ReactNode } from 'react';\n\n/\n WordPress dependencies\n /\nimport { __experimentalHStack as HStack } from '@wordpress/components';\nimport { useMemo, useState } from '@wordpress/element';\n\n/\n Internal dependencies\n */\nimport DataViewsContext from '../dataviews-context';\nimport {\n\tdefault as DataViewsFilters,\n\tuseFilters,\n\tFiltersToggle,\n} from '../dataviews-filters';\nimport DataViewsLayout from '../dataviews-layout';\nimport DataViewsFooter from '../dataviews-footer';\nimport DataViewsSearch from '../dataviews-search';\nimport DataViewsViewConfig from '../dataviews-view-config';\nimport { normalizeFields } from '../../normalize-fields';\nimport type { Action, Field, View, SupportedLayouts } from '../../types';\nimport type { SelectionOrUpdater } from '../../private-types';\n\ntype ItemWithId = { id: string };\n\ntype DataViewsProps< Item > = {\n\tview: View;\n\tonChangeView: ( view: View ) => void;\n\tfields: Field< Item >[];\n\tsearch?: boolean;\n\tsearchLabel?: string;\n\tactions?: Action< Item >[];\n\tdata: Item[];\n\tisLoading?: boolean;\n\tpaginationInfo: {\n\t\ttotalItems: number;\n\t\ttotalPages: number;\n\t};\n\tdefaultLayouts: SupportedLayouts;\n\tselection?: string[];\n\tonChangeSelection?: ( items: string[] ) => void;\n\tonClickItem?: ( item: Item ) => void;\n\tisItemClickable?: ( item: Item ) => boolean;\n\theader?: ReactNode;\n} & ( Item extends ItemWithId\n\t? { getItemId?: ( item: Item ) => string }\n\t: { getItemId: ( item: Item ) => string } );\n\nconst defaultGetItemId = ( item: ItemWithId ) => item.id;\nconst defaultIsItemClickable = () => true;\nconst EMPTY_ARRAY: any[] = [];\n\nexport default function DataViews< Item >( {\n\tview,\n\tonChangeView,\n\tfields,\n\tsearch = true,\n\tsearchLabel = undefined,\n\tactions = EMPTY_ARRAY,\n\tdata,\n\tgetItemId = defaultGetItemId,\n\tisLoading = false,\n\tpaginationInfo,\n\tdefaultLayouts,\n\tselection: selectionProperty,\n\tonChangeSelection,\n\tonClickItem,\n\tisItemClickable = defaultIsItemClickable,\n\theader,\n}: DataViewsProps< Item > ) {\n\tconst [ selectionState, setSelectionState ] = useState< string[] >( [] );\n\tconst isUncontrolled =\n\t\tselectionProperty === undefined \|\| onChangeSelection === undefined;\n\tconst selection = isUncontrolled ? selectionState : selectionProperty;\n\tconst [ openedFilter, setOpenedFilter ] = useState< string \| null >( null );\n\tfunction setSelectionWithChange( value: SelectionOrUpdater ) {\n\t\tconst newValue =\n\t\t\ttypeof value === 'function' ? value( selection ) : value;\n\t\tif ( isUncontrolled ) {\n\t\t\tsetSelectionState( newValue );\n\t\t}\n\t\tif ( onChangeSelection ) {\n\t\t\tonChangeSelection( newValue );\n\t\t}\n\t}\n\tconst _fields = useMemo( () => normalizeFields( fields ), [ fields ] );\n\tconst _selection = useMemo( () => {\n\t\treturn selection.filter( ( id ) =>\n\t\t\tdata.some( ( item ) => getItemId( item ) === id )\n\t\t);\n\t}, [ selection, data, getItemId ] );\n\n\tconst filters = useFilters( _fields, view );\n\tconst [ isShowingFilter, setIsShowingFilter ] = useState< boolean >( () =>\n\t\t( filters \|\| [] ).some( ( filter ) => filter.isPrimary )\n\t);\n\n\treturn (\n\t\t<DataViewsContext.Provider\n\t\t\tvalue={ {\n\t\t\t\tview,\n\t\t\t\tonChangeView,\n\t\t\t\tfields: _fields,\n\t\t\t\tactions,\n\t\t\t\tdata,\n\t\t\t\tisLoading,\n\t\t\t\tpaginationInfo,\n\t\t\t\tselection: _selection,\n\t\t\t\tonChangeSelection: setSelectionWithChange,\n\t\t\t\topenedFilter,\n\t\t\t\tsetOpenedFilter,\n\t\t\t\tgetItemId,\n\t\t\t\tisItemClickable,\n\t\t\t\tonClickItem,\n\t\t\t} }\n\t\t>\n\t\t\t<div className=\"dataviews-wrapper\">\n\t\t\t\t<HStack\n\t\t\t\t\talignment=\"top\"\n\t\t\t\t\tjustify=\"space-between\"\n\t\t\t\t\tclassName=\"dataviews__view-actions\"\n\t\t\t\t\tspacing={ 1 }\n\t\t\t\t>\n\t\t\t\t\t<HStack\n\t\t\t\t\t\tjustify=\"start\"\n\t\t\t\t\t\texpanded={ false }\n\t\t\t\t\t\tclassName=\"dataviews__search\"\n\t\t\t\t\t>\n\t\t\t\t\t\t{ search && <DataViewsSearch label={ searchLabel } /> }\n\t\t\t\t\t\t<FiltersToggle\n\t\t\t\t\t\t\tfilters={ filters }\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\tsetOpenedFilter={ setOpenedFilter }\n\t\t\t\t\t\t\tsetIsShowingFilter={ setIsShowingFilter }\n\t\t\t\t\t\t\tisShowingFilter={ isShowingFilter }\n\t\t\t\t\t\t/>\n\t\t\t\t\t</HStack>\n\t\t\t\t\t<HStack\n\t\t\t\t\t\tspacing={ 1 }\n\t\t\t\t\t\texpanded={ false }\n\t\t\t\t\t\tstyle={ { flexShrink: 0 } }\n\t\t\t\t\t>\n\t\t\t\t\t\t<DataViewsViewConfig\n\t\t\t\t\t\t\tdefaultLayouts={ defaultLayouts }\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t{ header }\n\t\t\t\t\t</HStack>\n\t\t\t\t</HStack>\n\t\t\t\t{ isShowingFilter && <DataViewsFilters /> }\n\t\t\t\t<DataViewsLayout />\n\t\t\t\t<DataViewsFooter />\n\t\t\t</div>\n\t\t</DataViewsContext.Provider>\n\t);\n}\n"],"mappings":"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","ignoreList":[]}

package/build/components/dataviews-context/index.js CHANGED Viewed

@@ -30,8 +30,7 @@ const DataViewsContext = (0, _element.createContext)({
   setOpenedFilter: () => {},
   openedFilter: null,
   getItemId: item => item.id,
-  onClickItem: () => {},
-  isItemClickable: () => false
+  isItemClickable: () => true
 });
 var _default = exports.default = DataViewsContext;
 //# sourceMappingURL=index.js.map

package/build/components/dataviews-context/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["_element","require","_constants","DataViewsContext","createContext","view","type","LAYOUT_TABLE","onChangeView","fields","data","paginationInfo","totalItems","totalPages","selection","onChangeSelection","setOpenedFilter","openedFilter","getItemId","item","id","~~onClickItem","~~isItemClickable","_default","exports","default"],"sources":["@wordpress/dataviews/src/components/dataviews-context/index.ts"],"sourcesContent":["/*\n WordPress dependencies\n /\nimport { createContext } from '@wordpress/element';\n\n/\n Internal dependencies\n */\nimport type { View, Action, NormalizedField } from '../../types';\nimport type { SetSelection } from '../../private-types';\nimport { LAYOUT_TABLE } from '../../constants';\n\ntype DataViewsContextType< Item > = {\n\tview: View;\n\tonChangeView: ( view: View ) => void;\n\tfields: NormalizedField< Item >[];\n\tactions?: Action< Item >[];\n\tdata: Item[];\n\tisLoading?: boolean;\n\tpaginationInfo: {\n\t\ttotalItems: number;\n\t\ttotalPages: number;\n\t};\n\tselection: string[];\n\tonChangeSelection: SetSelection;\n\topenedFilter: string \| null;\n\tsetOpenedFilter: ( openedFilter: string \| null ) => void;\n\tgetItemId: ( item: Item ) => string;\n\tonClickItem: ( item: Item ) => void;\n\tisItemClickable: ( item: Item ) => boolean;\n};\n\nconst DataViewsContext = createContext< DataViewsContextType< any > >( {\n\tview: { type: LAYOUT_TABLE },\n\tonChangeView: () => {},\n\tfields: [],\n\tdata: [],\n\tpaginationInfo: {\n\t\ttotalItems: 0,\n\t\ttotalPages: 0,\n\t},\n\tselection: [],\n\tonChangeSelection: () => {},\n\tsetOpenedFilter: () => {},\n\topenedFilter: null,\n\tgetItemId: ( item ) => item.id,\n\~~tonClickItem: () => {},\n\~~tisItemClickable: () => ~~false~~,\n} );\n\nexport default DataViewsContext;\n"],"mappings":";;;;;;AAGA,IAAAA,QAAA,GAAAC,OAAA;AAOA,IAAAC,UAAA,GAAAD,OAAA;AAVA;AACA;AACA;;AAGA;AACA;AACA;;AAyBA,MAAME,gBAAgB,GAAG,IAAAC,sBAAa,EAAiC;EACtEC,IAAI,EAAE;IAAEC,IAAI,EAAEC;EAAa,CAAC;EAC5BC,YAAY,EAAEA,CAAA,KAAM,CAAC,CAAC;EACtBC,MAAM,EAAE,EAAE;EACVC,IAAI,EAAE,EAAE;EACRC,cAAc,EAAE;IACfC,UAAU,EAAE,CAAC;IACbC,UAAU,EAAE;EACb,CAAC;EACDC,SAAS,EAAE,EAAE;EACbC,iBAAiB,EAAEA,CAAA,KAAM,CAAC,CAAC;EAC3BC,eAAe,EAAEA,CAAA,KAAM,CAAC,CAAC;EACzBC,YAAY,EAAE,IAAI;EAClBC,SAAS,EAAIC,IAAI,IAAMA,IAAI,CAACC,EAAE;EAC9BC,~~WAAW,EAAEA,CAAA,KAAM,CAAC,CAAC;EACrBC,~~eAAe,EAAEA,CAAA,KAAM;AACxB,CAAE,CAAC;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAAC,OAAA,~~GAEWtB~~,gBAAgB","ignoreList":[]}
1	+ {"version":3,"names":["_element","require","_constants","DataViewsContext","createContext","view","type","LAYOUT_TABLE","onChangeView","fields","data","paginationInfo","totalItems","totalPages","selection","onChangeSelection","setOpenedFilter","openedFilter","getItemId","item","id","isItemClickable","_default","exports","default"],"sources":["@wordpress/dataviews/src/components/dataviews-context/index.ts"],"sourcesContent":["/*\n WordPress dependencies\n /\nimport { createContext } from '@wordpress/element';\n\n/\n Internal dependencies\n */\nimport type { View, Action, NormalizedField } from '../../types';\nimport type { SetSelection } from '../../private-types';\nimport { LAYOUT_TABLE } from '../../constants';\n\ntype DataViewsContextType< Item > = {\n\tview: View;\n\tonChangeView: ( view: View ) => void;\n\tfields: NormalizedField< Item >[];\n\tactions?: Action< Item >[];\n\tdata: Item[];\n\tisLoading?: boolean;\n\tpaginationInfo: {\n\t\ttotalItems: number;\n\t\ttotalPages: number;\n\t};\n\tselection: string[];\n\tonChangeSelection: SetSelection;\n\topenedFilter: string \| null;\n\tsetOpenedFilter: ( openedFilter: string \| null ) => void;\n\tgetItemId: ( item: Item ) => string;\n\tonClickItem?: ( item: Item ) => void;\n\tisItemClickable: ( item: Item ) => boolean;\n};\n\nconst DataViewsContext = createContext< DataViewsContextType< any > >( {\n\tview: { type: LAYOUT_TABLE },\n\tonChangeView: () => {},\n\tfields: [],\n\tdata: [],\n\tpaginationInfo: {\n\t\ttotalItems: 0,\n\t\ttotalPages: 0,\n\t},\n\tselection: [],\n\tonChangeSelection: () => {},\n\tsetOpenedFilter: () => {},\n\topenedFilter: null,\n\tgetItemId: ( item ) => item.id,\n\tisItemClickable: () => true,\n} );\n\nexport default DataViewsContext;\n"],"mappings":";;;;;;AAGA,IAAAA,QAAA,GAAAC,OAAA;AAOA,IAAAC,UAAA,GAAAD,OAAA;AAVA;AACA;AACA;;AAGA;AACA;AACA;;AAyBA,MAAME,gBAAgB,GAAG,IAAAC,sBAAa,EAAiC;EACtEC,IAAI,EAAE;IAAEC,IAAI,EAAEC;EAAa,CAAC;EAC5BC,YAAY,EAAEA,CAAA,KAAM,CAAC,CAAC;EACtBC,MAAM,EAAE,EAAE;EACVC,IAAI,EAAE,EAAE;EACRC,cAAc,EAAE;IACfC,UAAU,EAAE,CAAC;IACbC,UAAU,EAAE;EACb,CAAC;EACDC,SAAS,EAAE,EAAE;EACbC,iBAAiB,EAAEA,CAAA,KAAM,CAAC,CAAC;EAC3BC,eAAe,EAAEA,CAAA,KAAM,CAAC,CAAC;EACzBC,YAAY,EAAE,IAAI;EAClBC,SAAS,EAAIC,IAAI,IAAMA,IAAI,CAACC,EAAE;EAC9BC,eAAe,EAAEA,CAAA,KAAM;AACxB,CAAE,CAAC;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAEWrB,gBAAgB","ignoreList":[]}

package/build/components/dataviews-item-actions/index.js CHANGED Viewed

@@ -69,7 +69,7 @@ function ActionModal({
     __experimentalHideHeader: !!action.hideModalHeader,
     onRequestClose: closeModal !== null && closeModal !== void 0 ? closeModal : () => {},
     focusOnMount: "firstContentElement",
-    size: "small",
+    size: "medium",
     overlayClassName: `dataviews-action-modal dataviews-action-modal__${kebabCase(action.id)}`,
     children: /*#__PURE__*/(0, _jsxRuntime.jsx)(action.RenderModal, {
       items: items,

package/build/components/dataviews-item-actions/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["_components","require","_i18n","_element","_icons","_data","_lockUnlock","_jsxRuntime","Menu","kebabCase","unlock","componentsPrivateApis","ButtonTrigger","action","onClick","items","label","jsx","Button","icon","isDestructive","size","MenuItemTrigger","Item","hideOnClick","children","ItemLabel","ActionModal","closeModal","Modal","title","modalHeader","__experimentalHideHeader","hideModalHeader","onRequestClose","focusOnMount","overlayClassName","id","RenderModal","ActionWithModal","ActionTrigger","isBusy","isModalOpen","setIsModalOpen","useState","actionTriggerProps","jsxs","Fragment","ActionsMenuGroup","actions","item","registry","useRegistry","Group","map","callback","hasOnlyOneActionAndIsPrimary","primaryActions","length","ItemActions","isCompact","eligibleActions","useMemo","_eligibleActions","filter","isEligible","_primaryActions","isPrimary","CompactItemActions","isSmall","PrimaryActions","__experimentalHStack","spacing","justify","className","style","flexShrink","width","trigger","moreVertical","__","accessibleWhenDisabled","disabled","placement","Array","isArray"],"sources":["@wordpress/dataviews/src/components/dataviews-item-actions/index.tsx"],"sourcesContent":["/*\n External dependencies\n /\nimport type { MouseEventHandler, ReactElement } from 'react';\n\n/\n WordPress dependencies\n /\nimport {\n\tButton,\n\tModal,\n\t__experimentalHStack as HStack,\n\tprivateApis as componentsPrivateApis,\n} from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\nimport { useMemo, useState } from '@wordpress/element';\nimport { moreVertical } from '@wordpress/icons';\nimport { useRegistry } from '@wordpress/data';\n\n/\n Internal dependencies\n */\nimport { unlock } from '../../lock-unlock';\nimport type { Action, ActionModal as ActionModalType } from '../../types';\n\nconst { Menu, kebabCase } = unlock( componentsPrivateApis );\n\nexport interface ActionTriggerProps< Item > {\n\taction: Action< Item >;\n\tonClick: MouseEventHandler;\n\tisBusy?: boolean;\n\titems: Item[];\n}\n\ninterface ActionModalProps< Item > {\n\taction: ActionModalType< Item >;\n\titems: Item[];\n\tcloseModal?: () => void;\n}\n\ninterface ActionWithModalProps< Item > extends ActionModalProps< Item > {\n\tActionTrigger: ( props: ActionTriggerProps< Item > ) => ReactElement;\n\tisBusy?: boolean;\n}\n\ninterface ActionsMenuGroupProps< Item > {\n\tactions: Action< Item >[];\n\titem: Item;\n}\n\ninterface ItemActionsProps< Item > {\n\titem: Item;\n\tactions: Action< Item >[];\n\tisCompact?: boolean;\n}\n\ninterface CompactItemActionsProps< Item > {\n\titem: Item;\n\tactions: Action< Item >[];\n\tisSmall?: boolean;\n}\n\ninterface PrimaryActionsProps< Item > {\n\titem: Item;\n\tactions: Action< Item >[];\n\tregistry: ReturnType< typeof useRegistry >;\n}\n\nfunction ButtonTrigger< Item >( {\n\taction,\n\tonClick,\n\titems,\n}: ActionTriggerProps< Item > ) {\n\tconst label =\n\t\ttypeof action.label === 'string' ? action.label : action.label( items );\n\treturn (\n\t\t<Button\n\t\t\tlabel={ label }\n\t\t\ticon={ action.icon }\n\t\t\tisDestructive={ action.isDestructive }\n\t\t\tsize=\"compact\"\n\t\t\tonClick={ onClick }\n\t\t/>\n\t);\n}\n\nfunction MenuItemTrigger< Item >( {\n\taction,\n\tonClick,\n\titems,\n}: ActionTriggerProps< Item > ) {\n\tconst label =\n\t\ttypeof action.label === 'string' ? action.label : action.label( items );\n\treturn (\n\t\t<Menu.Item\n\t\t\tonClick={ onClick }\n\t\t\thideOnClick={ ! ( 'RenderModal' in action ) }\n\t\t>\n\t\t\t<Menu.ItemLabel>{ label }</Menu.ItemLabel>\n\t\t</Menu.Item>\n\t);\n}\n\nexport function ActionModal< Item >( {\n\taction,\n\titems,\n\tcloseModal,\n}: ActionModalProps< Item > ) {\n\tconst label =\n\t\ttypeof action.label === 'string' ? action.label : action.label( items );\n\treturn (\n\t\t<Modal\n\t\t\ttitle={ action.modalHeader \|\| label }\n\t\t\t__experimentalHideHeader={ !! action.hideModalHeader }\n\t\t\tonRequestClose={ closeModal ?? ( () => {} ) }\n\t\t\tfocusOnMount=\"firstContentElement\"\n\t\t\tsize=\"small\"\n\t\t\toverlayClassName={ `dataviews-action-modal dataviews-action-modal__${ kebabCase(\n\t\t\t\taction.id\n\t\t\t) }` }\n\t\t>\n\t\t\t<action.RenderModal items={ items } closeModal={ closeModal } />\n\t\t</Modal>\n\t);\n}\n\nexport function ActionWithModal< Item >( {\n\taction,\n\titems,\n\tActionTrigger,\n\tisBusy,\n}: ActionWithModalProps< Item > ) {\n\tconst [ isModalOpen, setIsModalOpen ] = useState( false );\n\tconst actionTriggerProps = {\n\t\taction,\n\t\tonClick: () => {\n\t\t\tsetIsModalOpen( true );\n\t\t},\n\t\titems,\n\t\tisBusy,\n\t};\n\treturn (\n\t\t<>\n\t\t\t<ActionTrigger { ...actionTriggerProps } />\n\t\t\t{ isModalOpen && (\n\t\t\t\t<ActionModal\n\t\t\t\t\taction={ action }\n\t\t\t\t\titems={ items }\n\t\t\t\t\tcloseModal={ () => setIsModalOpen( false ) }\n\t\t\t\t/>\n\t\t\t) }\n\t\t</>\n\t);\n}\n\nexport function ActionsMenuGroup< Item >( {\n\tactions,\n\titem,\n}: ActionsMenuGroupProps< Item > ) {\n\tconst registry = useRegistry();\n\treturn (\n\t\t<Menu.Group>\n\t\t\t{ actions.map( ( action ) => {\n\t\t\t\tif ( 'RenderModal' in action ) {\n\t\t\t\t\treturn (\n\t\t\t\t\t\t<ActionWithModal\n\t\t\t\t\t\t\tkey={ action.id }\n\t\t\t\t\t\t\taction={ action }\n\t\t\t\t\t\t\titems={ [ item ] }\n\t\t\t\t\t\t\tActionTrigger={ MenuItemTrigger }\n\t\t\t\t\t\t/>\n\t\t\t\t\t);\n\t\t\t\t}\n\t\t\t\treturn (\n\t\t\t\t\t<MenuItemTrigger\n\t\t\t\t\t\tkey={ action.id }\n\t\t\t\t\t\taction={ action }\n\t\t\t\t\t\tonClick={ () => {\n\t\t\t\t\t\t\taction.callback( [ item ], { registry } );\n\t\t\t\t\t\t} }\n\t\t\t\t\t\titems={ [ item ] }\n\t\t\t\t\t/>\n\t\t\t\t);\n\t\t\t} ) }\n\t\t</Menu.Group>\n\t);\n}\n\nfunction hasOnlyOneActionAndIsPrimary< Item >(\n\tprimaryActions: Action< Item >[],\n\tactions: Action< Item >[]\n) {\n\treturn primaryActions.length === 1 && actions.length === 1;\n}\n\nexport default function ItemActions< Item >( {\n\titem,\n\tactions,\n\tisCompact,\n}: ItemActionsProps< Item > ) {\n\tconst registry = useRegistry();\n\tconst { primaryActions, eligibleActions } = useMemo( () => {\n\t\t// If an action is eligible for all items, doesn't need\n\t\t// to provide the `isEligible` function.\n\t\tconst _eligibleActions = actions.filter(\n\t\t\t( action ) => ! action.isEligible \|\| action.isEligible( item )\n\t\t);\n\t\tconst _primaryActions = _eligibleActions.filter(\n\t\t\t( action ) => action.isPrimary && !! action.icon\n\t\t);\n\t\treturn {\n\t\t\tprimaryActions: _primaryActions,\n\t\t\teligibleActions: _eligibleActions,\n\t\t};\n\t}, [ actions, item ] );\n\n\tif ( isCompact ) {\n\t\treturn (\n\t\t\t<CompactItemActions\n\t\t\t\titem={ item }\n\t\t\t\tactions={ eligibleActions }\n\t\t\t\tisSmall\n\t\t\t/>\n\t\t);\n\t}\n\n\tif ( hasOnlyOneActionAndIsPrimary( primaryActions, actions ) ) {\n\t\treturn (\n\t\t\t<PrimaryActions\n\t\t\t\titem={ item }\n\t\t\t\tactions={ primaryActions }\n\t\t\t\tregistry={ registry }\n\t\t\t/>\n\t\t);\n\t}\n\n\treturn (\n\t\t<HStack\n\t\t\tspacing={ 1 }\n\t\t\tjustify=\"flex-end\"\n\t\t\tclassName=\"dataviews-item-actions\"\n\t\t\tstyle={ {\n\t\t\t\tflexShrink: '0',\n\t\t\t\twidth: 'auto',\n\t\t\t} }\n\t\t>\n\t\t\t<PrimaryActions\n\t\t\t\titem={ item }\n\t\t\t\tactions={ primaryActions }\n\t\t\t\tregistry={ registry }\n\t\t\t/>\n\t\t\t<CompactItemActions item={ item } actions={ eligibleActions } />\n\t\t</HStack>\n\t);\n}\n\nfunction CompactItemActions< Item >( {\n\titem,\n\tactions,\n\tisSmall,\n}: CompactItemActionsProps< Item > ) {\n\treturn (\n\t\t<Menu\n\t\t\ttrigger={\n\t\t\t\t<Button\n\t\t\t\t\tsize={ isSmall ? 'small' : 'compact' }\n\t\t\t\t\ticon={ moreVertical }\n\t\t\t\t\tlabel={ __( 'Actions' ) }\n\t\t\t\t\taccessibleWhenDisabled\n\t\t\t\t\tdisabled={ ! actions.length }\n\t\t\t\t\tclassName=\"dataviews-all-actions-button\"\n\t\t\t\t/>\n\t\t\t}\n\t\t\tplacement=\"bottom-end\"\n\t\t>\n\t\t\t<ActionsMenuGroup actions={ actions } item={ item } />\n\t\t</Menu>\n\t);\n}\n\nfunction PrimaryActions< Item >( {\n\titem,\n\tactions,\n\tregistry,\n}: PrimaryActionsProps< Item > ) {\n\tif ( ! Array.isArray( actions ) \|\| actions.length === 0 ) {\n\t\treturn null;\n\t}\n\n\treturn actions.map( ( action ) => {\n\t\tif ( 'RenderModal' in action ) {\n\t\t\treturn (\n\t\t\t\t<ActionWithModal\n\t\t\t\t\tkey={ action.id }\n\t\t\t\t\taction={ action }\n\t\t\t\t\titems={ [ item ] }\n\t\t\t\t\tActionTrigger={ ButtonTrigger }\n\t\t\t\t/>\n\t\t\t);\n\t\t}\n\t\treturn (\n\t\t\t<ButtonTrigger\n\t\t\t\tkey={ action.id }\n\t\t\t\taction={ action }\n\t\t\t\tonClick={ () => {\n\t\t\t\t\taction.callback( [ item ], { registry } );\n\t\t\t\t} }\n\t\t\t\titems={ [ item ] }\n\t\t\t/>\n\t\t);\n\t} );\n}\n"],"mappings":"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","ignoreList":[]}
1	+ {"version":3,"names":["_components","require","_i18n","_element","_icons","_data","_lockUnlock","_jsxRuntime","Menu","kebabCase","unlock","componentsPrivateApis","ButtonTrigger","action","onClick","items","label","jsx","Button","icon","isDestructive","size","MenuItemTrigger","Item","hideOnClick","children","ItemLabel","ActionModal","closeModal","Modal","title","modalHeader","__experimentalHideHeader","hideModalHeader","onRequestClose","focusOnMount","overlayClassName","id","RenderModal","ActionWithModal","ActionTrigger","isBusy","isModalOpen","setIsModalOpen","useState","actionTriggerProps","jsxs","Fragment","ActionsMenuGroup","actions","item","registry","useRegistry","Group","map","callback","hasOnlyOneActionAndIsPrimary","primaryActions","length","ItemActions","isCompact","eligibleActions","useMemo","_eligibleActions","filter","isEligible","_primaryActions","isPrimary","CompactItemActions","isSmall","PrimaryActions","__experimentalHStack","spacing","justify","className","style","flexShrink","width","trigger","moreVertical","__","accessibleWhenDisabled","disabled","placement","Array","isArray"],"sources":["@wordpress/dataviews/src/components/dataviews-item-actions/index.tsx"],"sourcesContent":["/*\n External dependencies\n /\nimport type { MouseEventHandler, ReactElement } from 'react';\n\n/\n WordPress dependencies\n /\nimport {\n\tButton,\n\tModal,\n\t__experimentalHStack as HStack,\n\tprivateApis as componentsPrivateApis,\n} from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\nimport { useMemo, useState } from '@wordpress/element';\nimport { moreVertical } from '@wordpress/icons';\nimport { useRegistry } from '@wordpress/data';\n\n/\n Internal dependencies\n */\nimport { unlock } from '../../lock-unlock';\nimport type { Action, ActionModal as ActionModalType } from '../../types';\n\nconst { Menu, kebabCase } = unlock( componentsPrivateApis );\n\nexport interface ActionTriggerProps< Item > {\n\taction: Action< Item >;\n\tonClick: MouseEventHandler;\n\tisBusy?: boolean;\n\titems: Item[];\n}\n\ninterface ActionModalProps< Item > {\n\taction: ActionModalType< Item >;\n\titems: Item[];\n\tcloseModal?: () => void;\n}\n\ninterface ActionWithModalProps< Item > extends ActionModalProps< Item > {\n\tActionTrigger: ( props: ActionTriggerProps< Item > ) => ReactElement;\n\tisBusy?: boolean;\n}\n\ninterface ActionsMenuGroupProps< Item > {\n\tactions: Action< Item >[];\n\titem: Item;\n}\n\ninterface ItemActionsProps< Item > {\n\titem: Item;\n\tactions: Action< Item >[];\n\tisCompact?: boolean;\n}\n\ninterface CompactItemActionsProps< Item > {\n\titem: Item;\n\tactions: Action< Item >[];\n\tisSmall?: boolean;\n}\n\ninterface PrimaryActionsProps< Item > {\n\titem: Item;\n\tactions: Action< Item >[];\n\tregistry: ReturnType< typeof useRegistry >;\n}\n\nfunction ButtonTrigger< Item >( {\n\taction,\n\tonClick,\n\titems,\n}: ActionTriggerProps< Item > ) {\n\tconst label =\n\t\ttypeof action.label === 'string' ? action.label : action.label( items );\n\treturn (\n\t\t<Button\n\t\t\tlabel={ label }\n\t\t\ticon={ action.icon }\n\t\t\tisDestructive={ action.isDestructive }\n\t\t\tsize=\"compact\"\n\t\t\tonClick={ onClick }\n\t\t/>\n\t);\n}\n\nfunction MenuItemTrigger< Item >( {\n\taction,\n\tonClick,\n\titems,\n}: ActionTriggerProps< Item > ) {\n\tconst label =\n\t\ttypeof action.label === 'string' ? action.label : action.label( items );\n\treturn (\n\t\t<Menu.Item\n\t\t\tonClick={ onClick }\n\t\t\thideOnClick={ ! ( 'RenderModal' in action ) }\n\t\t>\n\t\t\t<Menu.ItemLabel>{ label }</Menu.ItemLabel>\n\t\t</Menu.Item>\n\t);\n}\n\nexport function ActionModal< Item >( {\n\taction,\n\titems,\n\tcloseModal,\n}: ActionModalProps< Item > ) {\n\tconst label =\n\t\ttypeof action.label === 'string' ? action.label : action.label( items );\n\treturn (\n\t\t<Modal\n\t\t\ttitle={ action.modalHeader \|\| label }\n\t\t\t__experimentalHideHeader={ !! action.hideModalHeader }\n\t\t\tonRequestClose={ closeModal ?? ( () => {} ) }\n\t\t\tfocusOnMount=\"firstContentElement\"\n\t\t\tsize=\"medium\"\n\t\t\toverlayClassName={ `dataviews-action-modal dataviews-action-modal__${ kebabCase(\n\t\t\t\taction.id\n\t\t\t) }` }\n\t\t>\n\t\t\t<action.RenderModal items={ items } closeModal={ closeModal } />\n\t\t</Modal>\n\t);\n}\n\nexport function ActionWithModal< Item >( {\n\taction,\n\titems,\n\tActionTrigger,\n\tisBusy,\n}: ActionWithModalProps< Item > ) {\n\tconst [ isModalOpen, setIsModalOpen ] = useState( false );\n\tconst actionTriggerProps = {\n\t\taction,\n\t\tonClick: () => {\n\t\t\tsetIsModalOpen( true );\n\t\t},\n\t\titems,\n\t\tisBusy,\n\t};\n\treturn (\n\t\t<>\n\t\t\t<ActionTrigger { ...actionTriggerProps } />\n\t\t\t{ isModalOpen && (\n\t\t\t\t<ActionModal\n\t\t\t\t\taction={ action }\n\t\t\t\t\titems={ items }\n\t\t\t\t\tcloseModal={ () => setIsModalOpen( false ) }\n\t\t\t\t/>\n\t\t\t) }\n\t\t</>\n\t);\n}\n\nexport function ActionsMenuGroup< Item >( {\n\tactions,\n\titem,\n}: ActionsMenuGroupProps< Item > ) {\n\tconst registry = useRegistry();\n\treturn (\n\t\t<Menu.Group>\n\t\t\t{ actions.map( ( action ) => {\n\t\t\t\tif ( 'RenderModal' in action ) {\n\t\t\t\t\treturn (\n\t\t\t\t\t\t<ActionWithModal\n\t\t\t\t\t\t\tkey={ action.id }\n\t\t\t\t\t\t\taction={ action }\n\t\t\t\t\t\t\titems={ [ item ] }\n\t\t\t\t\t\t\tActionTrigger={ MenuItemTrigger }\n\t\t\t\t\t\t/>\n\t\t\t\t\t);\n\t\t\t\t}\n\t\t\t\treturn (\n\t\t\t\t\t<MenuItemTrigger\n\t\t\t\t\t\tkey={ action.id }\n\t\t\t\t\t\taction={ action }\n\t\t\t\t\t\tonClick={ () => {\n\t\t\t\t\t\t\taction.callback( [ item ], { registry } );\n\t\t\t\t\t\t} }\n\t\t\t\t\t\titems={ [ item ] }\n\t\t\t\t\t/>\n\t\t\t\t);\n\t\t\t} ) }\n\t\t</Menu.Group>\n\t);\n}\n\nfunction hasOnlyOneActionAndIsPrimary< Item >(\n\tprimaryActions: Action< Item >[],\n\tactions: Action< Item >[]\n) {\n\treturn primaryActions.length === 1 && actions.length === 1;\n}\n\nexport default function ItemActions< Item >( {\n\titem,\n\tactions,\n\tisCompact,\n}: ItemActionsProps< Item > ) {\n\tconst registry = useRegistry();\n\tconst { primaryActions, eligibleActions } = useMemo( () => {\n\t\t// If an action is eligible for all items, doesn't need\n\t\t// to provide the `isEligible` function.\n\t\tconst _eligibleActions = actions.filter(\n\t\t\t( action ) => ! action.isEligible \|\| action.isEligible( item )\n\t\t);\n\t\tconst _primaryActions = _eligibleActions.filter(\n\t\t\t( action ) => action.isPrimary && !! action.icon\n\t\t);\n\t\treturn {\n\t\t\tprimaryActions: _primaryActions,\n\t\t\teligibleActions: _eligibleActions,\n\t\t};\n\t}, [ actions, item ] );\n\n\tif ( isCompact ) {\n\t\treturn (\n\t\t\t<CompactItemActions\n\t\t\t\titem={ item }\n\t\t\t\tactions={ eligibleActions }\n\t\t\t\tisSmall\n\t\t\t/>\n\t\t);\n\t}\n\n\tif ( hasOnlyOneActionAndIsPrimary( primaryActions, actions ) ) {\n\t\treturn (\n\t\t\t<PrimaryActions\n\t\t\t\titem={ item }\n\t\t\t\tactions={ primaryActions }\n\t\t\t\tregistry={ registry }\n\t\t\t/>\n\t\t);\n\t}\n\n\treturn (\n\t\t<HStack\n\t\t\tspacing={ 1 }\n\t\t\tjustify=\"flex-end\"\n\t\t\tclassName=\"dataviews-item-actions\"\n\t\t\tstyle={ {\n\t\t\t\tflexShrink: '0',\n\t\t\t\twidth: 'auto',\n\t\t\t} }\n\t\t>\n\t\t\t<PrimaryActions\n\t\t\t\titem={ item }\n\t\t\t\tactions={ primaryActions }\n\t\t\t\tregistry={ registry }\n\t\t\t/>\n\t\t\t<CompactItemActions item={ item } actions={ eligibleActions } />\n\t\t</HStack>\n\t);\n}\n\nfunction CompactItemActions< Item >( {\n\titem,\n\tactions,\n\tisSmall,\n}: CompactItemActionsProps< Item > ) {\n\treturn (\n\t\t<Menu\n\t\t\ttrigger={\n\t\t\t\t<Button\n\t\t\t\t\tsize={ isSmall ? 'small' : 'compact' }\n\t\t\t\t\ticon={ moreVertical }\n\t\t\t\t\tlabel={ __( 'Actions' ) }\n\t\t\t\t\taccessibleWhenDisabled\n\t\t\t\t\tdisabled={ ! actions.length }\n\t\t\t\t\tclassName=\"dataviews-all-actions-button\"\n\t\t\t\t/>\n\t\t\t}\n\t\t\tplacement=\"bottom-end\"\n\t\t>\n\t\t\t<ActionsMenuGroup actions={ actions } item={ item } />\n\t\t</Menu>\n\t);\n}\n\nfunction PrimaryActions< Item >( {\n\titem,\n\tactions,\n\tregistry,\n}: PrimaryActionsProps< Item > ) {\n\tif ( ! Array.isArray( actions ) \|\| actions.length === 0 ) {\n\t\treturn null;\n\t}\n\n\treturn actions.map( ( action ) => {\n\t\tif ( 'RenderModal' in action ) {\n\t\t\treturn (\n\t\t\t\t<ActionWithModal\n\t\t\t\t\tkey={ action.id }\n\t\t\t\t\taction={ action }\n\t\t\t\t\titems={ [ item ] }\n\t\t\t\t\tActionTrigger={ ButtonTrigger }\n\t\t\t\t/>\n\t\t\t);\n\t\t}\n\t\treturn (\n\t\t\t<ButtonTrigger\n\t\t\t\tkey={ action.id }\n\t\t\t\taction={ action }\n\t\t\t\tonClick={ () => {\n\t\t\t\t\taction.callback( [ item ], { registry } );\n\t\t\t\t} }\n\t\t\t\titems={ [ item ] }\n\t\t\t/>\n\t\t);\n\t} );\n}\n"],"mappings":"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","ignoreList":[]}

package/build/dataviews-layouts/grid/index.js CHANGED Viewed

@@ -49,8 +49,18 @@ function GridItem({
   const renderedPrimaryField = primaryField?.render ? /*#__PURE__*/(0, _jsxRuntime.jsx)(primaryField.render, {
     item: item
   }) : null;
-  const clickableMediaItemProps = (0, _getClickableItemProps.default)(item, isItemClickable, onClickItem, 'dataviews-view-grid__media');
-  const clickablePrimaryItemProps = (0, _getClickableItemProps.default)(item, isItemClickable, onClickItem, 'dataviews-view-grid__primary-field');
+  const clickableMediaItemProps = (0, _getClickableItemProps.default)({
+    item,
+    isItemClickable,
+    onClickItem,
+    className: 'dataviews-view-grid__media'
+  });
+  const clickablePrimaryItemProps = (0, _getClickableItemProps.default)({
+    item,
+    isItemClickable,
+    onClickItem,
+    className: 'dataviews-view-grid__primary-field'
+  });
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_components.__experimentalVStack, {
     spacing: 0,
     className: (0, _clsx.default)('dataviews-view-grid__card', {

package/build/dataviews-layouts/grid/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["_clsx","_interopRequireDefault","require","_components","_i18n","_dataviewsItemActions","_dataviewsSelectionCheckbox","_dataviewsBulkActions","_getClickableItemProps","_previewSizePicker","_jsxRuntime","GridItem","selection","onChangeSelection","onClickItem","isItemClickable","getItemId","item","actions","mediaField","primaryField","visibleFields","badgeFields","columnFields","hasBulkAction","useHasAPossibleBulkAction","id","isSelected","includes","renderedMediaField","render","jsx","renderedPrimaryField","clickableMediaItemProps","getClickableItemProps","clickablePrimaryItemProps","jsxs","__experimentalVStack","spacing","className","clsx","onClickCapture","event","ctrlKey","metaKey","stopPropagation","preventDefault","filter","itemId","children","default","disabled","__experimentalHStack","justify","isCompact","length","wrap","alignment","map","field","FlexItem","Flex","gap","expanded","style","height","direction","Fragment","header","maxHeight","ViewGrid","data","fields","isLoading","view","find","layout","viewFields","reduce","accumulator","key","push","hasData","updatedPreviewSize","useUpdatedPreviewSizeOnViewportChange","usedPreviewSize","previewSize","gridStyle","gridTemplateColumns","__experimentalGrid","columns","Spinner","__"],"sources":["@wordpress/dataviews/src/dataviews-layouts/grid/index.tsx"],"sourcesContent":["/*\n External dependencies\n /\nimport clsx from 'clsx';\n\n/\n WordPress dependencies\n /\nimport {\n\t__experimentalGrid as Grid,\n\t__experimentalHStack as HStack,\n\t__experimentalVStack as VStack,\n\tSpinner,\n\tFlex,\n\tFlexItem,\n} from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\n\n/\n Internal dependencies\n */\nimport ItemActions from '../../components/dataviews-item-actions';\nimport SingleSelectionCheckbox from '../../components/dataviews-selection-checkbox';\nimport { useHasAPossibleBulkAction } from '../../components/dataviews-bulk-actions';\nimport type { Action, NormalizedField, ViewGridProps } from '../../types';\nimport type { SetSelection } from '../../private-types';\nimport getClickableItemProps from '../utils/get-clickable-item-props';\nimport { useUpdatedPreviewSizeOnViewportChange } from './preview-size-picker';\n\ninterface GridItemProps< Item > {\n\tselection: string[];\n\tonChangeSelection: SetSelection;\n\tgetItemId: ( item: Item ) => string;\n\tonClickItem: ( item: Item ) => void;\n\tisItemClickable: ( item: Item ) => boolean;\n\titem: Item;\n\tactions: Action< Item >[];\n\tmediaField?: NormalizedField< Item >;\n\tprimaryField?: NormalizedField< Item >;\n\tvisibleFields: NormalizedField< Item >[];\n\tbadgeFields: NormalizedField< Item >[];\n\tcolumnFields?: string[];\n}\n\nfunction GridItem< Item >( {\n\tselection,\n\tonChangeSelection,\n\tonClickItem,\n\tisItemClickable,\n\tgetItemId,\n\titem,\n\tactions,\n\tmediaField,\n\tprimaryField,\n\tvisibleFields,\n\tbadgeFields,\n\tcolumnFields,\n}: GridItemProps< Item > ) {\n\tconst hasBulkAction = useHasAPossibleBulkAction( actions, item );\n\tconst id = getItemId( item );\n\tconst isSelected = selection.includes( id );\n\tconst renderedMediaField = mediaField?.render ? (\n\t\t<mediaField.render item={ item } />\n\t) : null;\n\tconst renderedPrimaryField = primaryField?.render ? (\n\t\t<primaryField.render item={ item } />\n\t) : null;\n\n\tconst clickableMediaItemProps = getClickableItemProps(\n\t\titem,\n\t\tisItemClickable,\n\t\tonClickItem,\n\t\t'dataviews-view-grid__media'\n\t);\n\n\tconst clickablePrimaryItemProps = getClickableItemProps(\n\t\titem,\n\t\tisItemClickable,\n\t\tonClickItem,\n\t\t'dataviews-view-grid__primary-field'\n\t);\n\n\treturn (\n\t\t<VStack\n\t\t\tspacing={ 0 }\n\t\t\tkey={ id }\n\t\t\tclassName={ clsx( 'dataviews-view-grid__card', {\n\t\t\t\t'is-selected': hasBulkAction && isSelected,\n\t\t\t} ) }\n\t\t\tonClickCapture={ ( event ) => {\n\t\t\t\tif ( event.ctrlKey \|\| event.metaKey ) {\n\t\t\t\t\tevent.stopPropagation();\n\t\t\t\t\tevent.preventDefault();\n\t\t\t\t\tif ( ! hasBulkAction ) {\n\t\t\t\t\t\treturn;\n\t\t\t\t\t}\n\t\t\t\t\tonChangeSelection(\n\t\t\t\t\t\tselection.includes( id )\n\t\t\t\t\t\t\t? selection.filter( ( itemId ) => id !== itemId )\n\t\t\t\t\t\t\t: [ ...selection, id ]\n\t\t\t\t\t);\n\t\t\t\t}\n\t\t\t} }\n\t\t>\n\t\t\t<div { ...clickableMediaItemProps }>{ renderedMediaField }</div>\n\t\t\t<SingleSelectionCheckbox\n\t\t\t\titem={ item }\n\t\t\t\tselection={ selection }\n\t\t\t\tonChangeSelection={ onChangeSelection }\n\t\t\t\tgetItemId={ getItemId }\n\t\t\t\tprimaryField={ primaryField }\n\t\t\t\tdisabled={ ! hasBulkAction }\n\t\t\t/>\n\t\t\t<HStack\n\t\t\t\tjustify=\"space-between\"\n\t\t\t\tclassName=\"dataviews-view-grid__title-actions\"\n\t\t\t>\n\t\t\t\t<div { ...clickablePrimaryItemProps }>\n\t\t\t\t\t{ renderedPrimaryField }\n\t\t\t\t</div>\n\t\t\t\t<ItemActions item={ item } actions={ actions } isCompact />\n\t\t\t</HStack>\n\t\t\t{ !! badgeFields?.length && (\n\t\t\t\t<HStack\n\t\t\t\t\tclassName=\"dataviews-view-grid__badge-fields\"\n\t\t\t\t\tspacing={ 2 }\n\t\t\t\t\twrap\n\t\t\t\t\talignment=\"top\"\n\t\t\t\t\tjustify=\"flex-start\"\n\t\t\t\t>\n\t\t\t\t\t{ badgeFields.map( ( field ) => {\n\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t<FlexItem\n\t\t\t\t\t\t\t\tkey={ field.id }\n\t\t\t\t\t\t\t\tclassName=\"dataviews-view-grid__field-value\"\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<field.render item={ item } />\n\t\t\t\t\t\t\t</FlexItem>\n\t\t\t\t\t\t);\n\t\t\t\t\t} ) }\n\t\t\t\t</HStack>\n\t\t\t) }\n\t\t\t{ !! visibleFields?.length && (\n\t\t\t\t<VStack className=\"dataviews-view-grid__fields\" spacing={ 1 }>\n\t\t\t\t\t{ visibleFields.map( ( field ) => {\n\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t<Flex\n\t\t\t\t\t\t\t\tclassName={ clsx(\n\t\t\t\t\t\t\t\t\t'dataviews-view-grid__field',\n\t\t\t\t\t\t\t\t\tcolumnFields?.includes( field.id )\n\t\t\t\t\t\t\t\t\t\t? 'is-column'\n\t\t\t\t\t\t\t\t\t\t: 'is-row'\n\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\tkey={ field.id }\n\t\t\t\t\t\t\t\tgap={ 1 }\n\t\t\t\t\t\t\t\tjustify=\"flex-start\"\n\t\t\t\t\t\t\t\texpanded\n\t\t\t\t\t\t\t\tstyle={ { height: 'auto' } }\n\t\t\t\t\t\t\t\tdirection={\n\t\t\t\t\t\t\t\t\tcolumnFields?.includes( field.id )\n\t\t\t\t\t\t\t\t\t\t? 'column'\n\t\t\t\t\t\t\t\t\t\t: 'row'\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\t<>\n\t\t\t\t\t\t\t\t\t<FlexItem className=\"dataviews-view-grid__field-name\">\n\t\t\t\t\t\t\t\t\t\t{ field.header }\n\t\t\t\t\t\t\t\t\t</FlexItem>\n\t\t\t\t\t\t\t\t\t<FlexItem\n\t\t\t\t\t\t\t\t\t\tclassName=\"dataviews-view-grid__field-value\"\n\t\t\t\t\t\t\t\t\t\tstyle={ { maxHeight: 'none' } }\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t<field.render item={ item } />\n\t\t\t\t\t\t\t\t\t</FlexItem>\n\t\t\t\t\t\t\t\t</>\n\t\t\t\t\t\t\t</Flex>\n\t\t\t\t\t\t);\n\t\t\t\t\t} ) }\n\t\t\t\t</VStack>\n\t\t\t) }\n\t\t</VStack>\n\t);\n}\n\nexport default function ViewGrid< Item >( {\n\tactions,\n\tdata,\n\tfields,\n\tgetItemId,\n\tisLoading,\n\tonChangeSelection,\n\tonClickItem,\n\tisItemClickable,\n\tselection,\n\tview,\n}: ViewGridProps< Item > ) {\n\tconst mediaField = fields.find(\n\t\t( field ) => field.id === view.layout?.mediaField\n\t);\n\tconst primaryField = fields.find(\n\t\t( field ) => field.id === view.layout?.primaryField\n\t);\n\tconst viewFields = view.fields \|\| fields.map( ( field ) => field.id );\n\tconst { visibleFields, badgeFields } = fields.reduce(\n\t\t( accumulator: Record< string, NormalizedField< Item >[] >, field ) => {\n\t\t\tif (\n\t\t\t\t! viewFields.includes( field.id ) \|\|\n\t\t\t\t[\n\t\t\t\t\tview.layout?.mediaField,\n\t\t\t\t\tview?.layout?.primaryField,\n\t\t\t\t].includes( field.id )\n\t\t\t) {\n\t\t\t\treturn accumulator;\n\t\t\t}\n\t\t\t// If the field is a badge field, add it to the badgeFields array\n\t\t\t// otherwise add it to the rest visibleFields array.\n\t\t\tconst key = view.layout?.badgeFields?.includes( field.id )\n\t\t\t\t? 'badgeFields'\n\t\t\t\t: 'visibleFields';\n\t\t\taccumulator[ key ].push( field );\n\t\t\treturn accumulator;\n\t\t},\n\t\t{ visibleFields: [], badgeFields: [] }\n\t);\n\tconst hasData = !! data?.length;\n\tconst updatedPreviewSize = useUpdatedPreviewSizeOnViewportChange();\n\tconst usedPreviewSize = updatedPreviewSize \|\| view.layout?.previewSize;\n\tconst gridStyle = usedPreviewSize\n\t\t? {\n\t\t\t\tgridTemplateColumns: `repeat(${ usedPreviewSize }, minmax(0, 1fr))`,\n\t\t }\n\t\t: {};\n\treturn (\n\t\t<>\n\t\t\t{ hasData && (\n\t\t\t\t<Grid\n\t\t\t\t\tgap={ 8 }\n\t\t\t\t\tcolumns={ 2 }\n\t\t\t\t\talignment=\"top\"\n\t\t\t\t\tclassName=\"dataviews-view-grid\"\n\t\t\t\t\tstyle={ gridStyle }\n\t\t\t\t\taria-busy={ isLoading }\n\t\t\t\t>\n\t\t\t\t\t{ data.map( ( item ) => {\n\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t<GridItem\n\t\t\t\t\t\t\t\tkey={ getItemId( item ) }\n\t\t\t\t\t\t\t\tselection={ selection }\n\t\t\t\t\t\t\t\tonChangeSelection={ onChangeSelection }\n\t\t\t\t\t\t\t\tonClickItem={ onClickItem }\n\t\t\t\t\t\t\t\tisItemClickable={ isItemClickable }\n\t\t\t\t\t\t\t\tgetItemId={ getItemId }\n\t\t\t\t\t\t\t\titem={ item }\n\t\t\t\t\t\t\t\tactions={ actions }\n\t\t\t\t\t\t\t\tmediaField={ mediaField }\n\t\t\t\t\t\t\t\tprimaryField={ primaryField }\n\t\t\t\t\t\t\t\tvisibleFields={ visibleFields }\n\t\t\t\t\t\t\t\tbadgeFields={ badgeFields }\n\t\t\t\t\t\t\t\tcolumnFields={ view.layout?.columnFields }\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</Grid>\n\t\t\t) }\n\t\t\t{ ! hasData && (\n\t\t\t\t<div\n\t\t\t\t\tclassName={ clsx( {\n\t\t\t\t\t\t'dataviews-loading': isLoading,\n\t\t\t\t\t\t'dataviews-no-results': ! isLoading,\n\t\t\t\t\t} ) }\n\t\t\t\t>\n\t\t\t\t\t<p>{ isLoading ? <Spinner /> : __( 'No results' ) }</p>\n\t\t\t\t</div>\n\t\t\t) }\n\t\t</>\n\t);\n}\n"],"mappings":";;;;;;;AAGA,IAAAA,KAAA,GAAAC,sBAAA,CAAAC,OAAA;AAKA,IAAAC,WAAA,GAAAD,OAAA;AAQA,IAAAE,KAAA,GAAAF,OAAA;AAKA,IAAAG,qBAAA,GAAAJ,sBAAA,CAAAC,OAAA;AACA,IAAAI,2BAAA,GAAAL,sBAAA,CAAAC,OAAA;AACA,IAAAK,qBAAA,GAAAL,OAAA;AAGA,IAAAM,sBAAA,GAAAP,sBAAA,CAAAC,OAAA;AACA,IAAAO,kBAAA,GAAAP,OAAA;AAA8E,IAAAQ,WAAA,GAAAR,OAAA;AA3B9E;AACA;AACA;;AAGA;AACA;AACA;;AAWA;AACA;AACA;;AAwBA,SAASS,QAAQA,CAAU;EAC1BC,SAAS;EACTC,iBAAiB;EACjBC,WAAW;EACXC,eAAe;EACfC,SAAS;EACTC,IAAI;EACJC,OAAO;EACPC,UAAU;EACVC,YAAY;EACZC,aAAa;EACbC,WAAW;EACXC;AACsB,CAAC,EAAG;EAC1B,MAAMC,aAAa,GAAG,IAAAC,+CAAyB,EAAEP,OAAO,EAAED,IAAK,CAAC;EAChE,MAAMS,EAAE,GAAGV,SAAS,CAAEC,IAAK,CAAC;EAC5B,MAAMU,UAAU,GAAGf,SAAS,CAACgB,QAAQ,CAAEF,EAAG,CAAC;EAC3C,MAAMG,kBAAkB,GAAGV,UAAU,EAAEW,MAAM,gBAC5C,IAAApB,WAAA,CAAAqB,GAAA,EAACZ,UAAU,CAACW,MAAM;IAACb,IAAI,EAAGA;EAAM,CAAE,CAAC,GAChC,IAAI;EACR,MAAMe,oBAAoB,GAAGZ,YAAY,EAAEU,MAAM,gBAChD,IAAApB,WAAA,CAAAqB,GAAA,EAACX,YAAY,CAACU,MAAM;IAACb,IAAI,EAAGA;EAAM,CAAE,CAAC,GAClC,IAAI;EAER,MAAMgB,uBAAuB,GAAG,IAAAC,8BAAqB,EACpDjB,IAAI,EACJF,eAAe,EACfD,WAAW,EACX,4BACD,CAAC;EAED,MAAMqB,yBAAyB,GAAG,IAAAD,8BAAqB,EACtDjB,IAAI,EACJF,eAAe,EACfD,WAAW,EACX,oCACD,CAAC;EAED,oBACC,IAAAJ,WAAA,CAAA0B,IAAA,EAACjC,WAAA,CAAAkC,oBAAM;IACNC,OAAO,EAAG,CAAG;IAEbC,SAAS,EAAG,IAAAC,aAAI,EAAE,2BAA2B,EAAE;MAC9C,aAAa,EAAEhB,aAAa,IAAIG;IACjC,CAAE,CAAG;IACLc,cAAc,EAAKC,KAAK,IAAM;MAC7B,IAAKA,KAAK,CAACC,OAAO,IAAID,KAAK,CAACE,OAAO,EAAG;QACrCF,KAAK,CAACG,eAAe,CAAC,CAAC;QACvBH,KAAK,CAACI,cAAc,CAAC,CAAC;QACtB,IAAK,CAAEtB,aAAa,EAAG;UACtB;QACD;QACAX,iBAAiB,CAChBD,SAAS,CAACgB,QAAQ,CAAEF,EAAG,CAAC,GACrBd,SAAS,CAACmC,MAAM,CAAIC,MAAM,IAAMtB,EAAE,KAAKsB,MAAO,CAAC,GAC/C,CAAE,GAAGpC,SAAS,EAAEc,EAAE,CACtB,CAAC;MACF;IACD,CAAG;IAAAuB,QAAA,gBAEH,IAAAvC,WAAA,CAAAqB,GAAA;MAAA,GAAUE,uBAAuB;MAAAgB,QAAA,EAAKpB;IAAkB,CAAO,CAAC,eAChE,IAAAnB,WAAA,CAAAqB,GAAA,EAACzB,2BAAA,CAAA4C,OAAuB;MACvBjC,IAAI,EAAGA,IAAM;MACbL,SAAS,EAAGA,SAAW;MACvBC,iBAAiB,EAAGA,iBAAmB;MACvCG,SAAS,EAAGA,SAAW;MACvBI,YAAY,EAAGA,YAAc;MAC7B+B,QAAQ,EAAG,CAAE3B;IAAe,CAC5B,CAAC,eACF,IAAAd,WAAA,CAAA0B,IAAA,EAACjC,WAAA,CAAAiD,oBAAM;MACNC,OAAO,EAAC,eAAe;MACvBd,SAAS,EAAC,oCAAoC;MAAAU,QAAA,gBAE9C,IAAAvC,WAAA,CAAAqB,GAAA;QAAA,GAAUI,yBAAyB;QAAAc,QAAA,EAChCjB;MAAoB,CAClB,CAAC,eACN,IAAAtB,WAAA,CAAAqB,GAAA,EAAC1B,qBAAA,CAAA6C,OAAW;QAACjC,IAAI,EAAGA,IAAM;QAACC,OAAO,EAAGA,OAAS;QAACoC,SAAS;MAAA,CAAE,CAAC;IAAA,CACpD,CAAC,EACP,CAAC,CAAEhC,WAAW,EAAEiC,MAAM,iBACvB,IAAA7C,WAAA,CAAAqB,GAAA,EAAC5B,WAAA,CAAAiD,oBAAM;MACNb,SAAS,EAAC,mCAAmC;MAC7CD,OAAO,EAAG,CAAG;MACbkB,IAAI;MACJC,SAAS,EAAC,KAAK;MACfJ,OAAO,EAAC,YAAY;MAAAJ,QAAA,EAElB3B,WAAW,CAACoC,GAAG,CAAIC,KAAK,IAAM;QAC/B,oBACC,IAAAjD,WAAA,CAAAqB,GAAA,EAAC5B,WAAA,CAAAyD,QAAQ;UAERrB,SAAS,EAAC,kCAAkC;UAAAU,QAAA,eAE5C,IAAAvC,WAAA,CAAAqB,GAAA,EAAC4B,KAAK,CAAC7B,MAAM;YAACb,IAAI,EAAGA;UAAM,CAAE;QAAC,GAHxB0C,KAAK,CAACjC,EAIH,CAAC;MAEb,CAAE;IAAC,CACI,CACR,EACC,CAAC,CAAEL,aAAa,EAAEkC,MAAM,iBACzB,IAAA7C,WAAA,CAAAqB,GAAA,EAAC5B,WAAA,CAAAkC,oBAAM;MAACE,SAAS,EAAC,6BAA6B;MAACD,OAAO,EAAG,CAAG;MAAAW,QAAA,EAC1D5B,aAAa,CAACqC,GAAG,CAAIC,KAAK,IAAM;QACjC,oBACC,IAAAjD,WAAA,CAAAqB,GAAA,EAAC5B,WAAA,CAAA0D,IAAI;UACJtB,SAAS,EAAG,IAAAC,aAAI,EACf,4BAA4B,EAC5BjB,YAAY,EAAEK,QAAQ,CAAE+B,KAAK,CAACjC,EAAG,CAAC,GAC/B,WAAW,GACX,QACJ,CAAG;UAEHoC,GAAG,EAAG,CAAG;UACTT,OAAO,EAAC,YAAY;UACpBU,QAAQ;UACRC,KAAK,EAAG;YAAEC,MAAM,EAAE;UAAO,CAAG;UAC5BC,SAAS,EACR3C,YAAY,EAAEK,QAAQ,CAAE+B,KAAK,CAACjC,EAAG,CAAC,GAC/B,QAAQ,GACR,KACH;UAAAuB,QAAA,eAED,IAAAvC,WAAA,CAAA0B,IAAA,EAAA1B,WAAA,CAAAyD,QAAA;YAAAlB,QAAA,gBACC,IAAAvC,WAAA,CAAAqB,GAAA,EAAC5B,WAAA,CAAAyD,QAAQ;cAACrB,SAAS,EAAC,iCAAiC;cAAAU,QAAA,EAClDU,KAAK,CAACS;YAAM,CACL,CAAC,eACX,IAAA1D,WAAA,CAAAqB,GAAA,EAAC5B,WAAA,CAAAyD,QAAQ;cACRrB,SAAS,EAAC,kCAAkC;cAC5CyB,KAAK,EAAG;gBAAEK,SAAS,EAAE;cAAO,CAAG;cAAApB,QAAA,eAE/B,IAAAvC,WAAA,CAAAqB,GAAA,EAAC4B,KAAK,CAAC7B,MAAM;gBAACb,IAAI,EAAGA;cAAM,CAAE;YAAC,CACrB,CAAC;UAAA,CACV;QAAC,GArBG0C,KAAK,CAACjC,EAsBP,CAAC;MAET,CAAE;IAAC,CACI,CACR;EAAA,GA9FKA,EA+FC,CAAC;AAEX;AAEe,SAAS4C,QAAQA,CAAU;EACzCpD,OAAO;EACPqD,IAAI;EACJC,MAAM;EACNxD,SAAS;EACTyD,SAAS;EACT5D,iBAAiB;EACjBC,WAAW;EACXC,eAAe;EACfH,SAAS;EACT8D;AACsB,CAAC,EAAG;EAC1B,MAAMvD,UAAU,GAAGqD,MAAM,CAACG,IAAI,CAC3BhB,KAAK,IAAMA,KAAK,CAACjC,EAAE,KAAKgD,IAAI,CAACE,MAAM,EAAEzD,UACxC,CAAC;EACD,MAAMC,YAAY,GAAGoD,MAAM,CAACG,IAAI,CAC7BhB,KAAK,IAAMA,KAAK,CAACjC,EAAE,KAAKgD,IAAI,CAACE,MAAM,EAAExD,YACxC,CAAC;EACD,MAAMyD,UAAU,GAAGH,IAAI,CAACF,MAAM,IAAIA,MAAM,CAACd,GAAG,CAAIC,KAAK,IAAMA,KAAK,CAACjC,EAAG,CAAC;EACrE,MAAM;IAAEL,aAAa;IAAEC;EAAY,CAAC,GAAGkD,MAAM,CAACM,MAAM,CACnD,CAAEC,WAAwD,EAAEpB,KAAK,KAAM;IACtE,IACC,CAAEkB,UAAU,CAACjD,QAAQ,CAAE+B,KAAK,CAACjC,EAAG,CAAC,IACjC,CACCgD,IAAI,CAACE,MAAM,EAAEzD,UAAU,EACvBuD,IAAI,EAAEE,MAAM,EAAExD,YAAY,CAC1B,CAACQ,QAAQ,CAAE+B,KAAK,CAACjC,EAAG,CAAC,EACrB;MACD,OAAOqD,WAAW;IACnB;IACA;IACA;IACA,MAAMC,GAAG,GAAGN,IAAI,CAACE,MAAM,EAAEtD,WAAW,EAAEM,QAAQ,CAAE+B,KAAK,CAACjC,EAAG,CAAC,GACvD,aAAa,GACb,eAAe;IAClBqD,WAAW,CAAEC,GAAG,CAAE,CAACC,IAAI,CAAEtB,KAAM,CAAC;IAChC,OAAOoB,WAAW;EACnB,CAAC,EACD;IAAE1D,aAAa,EAAE,EAAE;IAAEC,WAAW,EAAE;EAAG,CACtC,CAAC;EACD,MAAM4D,OAAO,GAAG,CAAC,CAAEX,IAAI,EAAEhB,MAAM;EAC/B,MAAM4B,kBAAkB,GAAG,IAAAC,wDAAqC,EAAC,CAAC;EAClE,MAAMC,eAAe,GAAGF,kBAAkB,IAAIT,IAAI,CAACE,MAAM,EAAEU,WAAW;EACtE,MAAMC,SAAS,GAAGF,eAAe,GAC9B;IACAG,mBAAmB,EAAE,UAAWH,eAAe;EAC/C,CAAC,GACD,CAAC,CAAC;EACL,oBACC,IAAA3E,WAAA,CAAA0B,IAAA,EAAA1B,WAAA,CAAAyD,QAAA;IAAAlB,QAAA,GACGiC,OAAO,iBACR,IAAAxE,WAAA,CAAAqB,GAAA,EAAC5B,WAAA,CAAAsF,kBAAI;MACJ3B,GAAG,EAAG,CAAG;MACT4B,OAAO,EAAG,CAAG;MACbjC,SAAS,EAAC,KAAK;MACflB,SAAS,EAAC,qBAAqB;MAC/ByB,KAAK,EAAGuB,SAAW;MACnB,aAAYd,SAAW;MAAAxB,QAAA,EAErBsB,IAAI,CAACb,GAAG,CAAIzC,IAAI,IAAM;QACvB,oBACC,IAAAP,WAAA,CAAAqB,GAAA,EAACpB,QAAQ;UAERC,SAAS,EAAGA,SAAW;UACvBC,iBAAiB,EAAGA,iBAAmB;UACvCC,WAAW,EAAGA,WAAa;UAC3BC,eAAe,EAAGA,eAAiB;UACnCC,SAAS,EAAGA,SAAW;UACvBC,IAAI,EAAGA,IAAM;UACbC,OAAO,EAAGA,OAAS;UACnBC,UAAU,EAAGA,UAAY;UACzBC,YAAY,EAAGA,YAAc;UAC7BC,aAAa,EAAGA,aAAe;UAC/BC,WAAW,EAAGA,WAAa;UAC3BC,YAAY,EAAGmD,IAAI,CAACE,MAAM,EAAErD;QAAc,GAZpCP,SAAS,CAAEC,IAAK,CAatB,CAAC;MAEJ,CAAE;IAAC,CACE,CACN,EACC,CAAEiE,OAAO,iBACV,IAAAxE,WAAA,CAAAqB,GAAA;MACCQ,SAAS,EAAG,IAAAC,aAAI,EAAE;QACjB,mBAAmB,EAAEiC,SAAS;QAC9B,sBAAsB,EAAE,CAAEA;MAC3B,CAAE,CAAG;MAAAxB,QAAA,eAEL,IAAAvC,WAAA,CAAAqB,GAAA;QAAAkB,QAAA,EAAKwB,SAAS,gBAAG,IAAA/D,WAAA,CAAAqB,GAAA,EAAC5B,WAAA,CAAAwF,OAAO,IAAE,CAAC,GAAG,IAAAC,QAAE,EAAE,YAAa;MAAC,CAAK;IAAC,CACnD,CACL;EAAA,CACA,CAAC;AAEL","ignoreList":[]}
1	+ {"version":3,"names":["_clsx","_interopRequireDefault","require","_components","_i18n","_dataviewsItemActions","_dataviewsSelectionCheckbox","_dataviewsBulkActions","_getClickableItemProps","_previewSizePicker","_jsxRuntime","GridItem","selection","onChangeSelection","onClickItem","isItemClickable","getItemId","item","actions","mediaField","primaryField","visibleFields","badgeFields","columnFields","hasBulkAction","useHasAPossibleBulkAction","id","isSelected","includes","renderedMediaField","render","jsx","renderedPrimaryField","clickableMediaItemProps","getClickableItemProps","className","clickablePrimaryItemProps","jsxs","__experimentalVStack","spacing","clsx","onClickCapture","event","ctrlKey","metaKey","stopPropagation","preventDefault","filter","itemId","children","default","disabled","__experimentalHStack","justify","isCompact","length","wrap","alignment","map","field","FlexItem","Flex","gap","expanded","style","height","direction","Fragment","header","maxHeight","ViewGrid","data","fields","isLoading","view","find","layout","viewFields","reduce","accumulator","key","push","hasData","updatedPreviewSize","useUpdatedPreviewSizeOnViewportChange","usedPreviewSize","previewSize","gridStyle","gridTemplateColumns","__experimentalGrid","columns","Spinner","__"],"sources":["@wordpress/dataviews/src/dataviews-layouts/grid/index.tsx"],"sourcesContent":["/*\n External dependencies\n /\nimport clsx from 'clsx';\n\n/\n WordPress dependencies\n /\nimport {\n\t__experimentalGrid as Grid,\n\t__experimentalHStack as HStack,\n\t__experimentalVStack as VStack,\n\tSpinner,\n\tFlex,\n\tFlexItem,\n} from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\n\n/\n Internal dependencies\n */\nimport ItemActions from '../../components/dataviews-item-actions';\nimport SingleSelectionCheckbox from '../../components/dataviews-selection-checkbox';\nimport { useHasAPossibleBulkAction } from '../../components/dataviews-bulk-actions';\nimport type { Action, NormalizedField, ViewGridProps } from '../../types';\nimport type { SetSelection } from '../../private-types';\nimport getClickableItemProps from '../utils/get-clickable-item-props';\nimport { useUpdatedPreviewSizeOnViewportChange } from './preview-size-picker';\n\ninterface GridItemProps< Item > {\n\tselection: string[];\n\tonChangeSelection: SetSelection;\n\tgetItemId: ( item: Item ) => string;\n\tonClickItem?: ( item: Item ) => void;\n\tisItemClickable: ( item: Item ) => boolean;\n\titem: Item;\n\tactions: Action< Item >[];\n\tmediaField?: NormalizedField< Item >;\n\tprimaryField?: NormalizedField< Item >;\n\tvisibleFields: NormalizedField< Item >[];\n\tbadgeFields: NormalizedField< Item >[];\n\tcolumnFields?: string[];\n}\n\nfunction GridItem< Item >( {\n\tselection,\n\tonChangeSelection,\n\tonClickItem,\n\tisItemClickable,\n\tgetItemId,\n\titem,\n\tactions,\n\tmediaField,\n\tprimaryField,\n\tvisibleFields,\n\tbadgeFields,\n\tcolumnFields,\n}: GridItemProps< Item > ) {\n\tconst hasBulkAction = useHasAPossibleBulkAction( actions, item );\n\tconst id = getItemId( item );\n\tconst isSelected = selection.includes( id );\n\tconst renderedMediaField = mediaField?.render ? (\n\t\t<mediaField.render item={ item } />\n\t) : null;\n\tconst renderedPrimaryField = primaryField?.render ? (\n\t\t<primaryField.render item={ item } />\n\t) : null;\n\n\tconst clickableMediaItemProps = getClickableItemProps( {\n\t\titem,\n\t\tisItemClickable,\n\t\tonClickItem,\n\t\tclassName: 'dataviews-view-grid__media',\n\t} );\n\n\tconst clickablePrimaryItemProps = getClickableItemProps( {\n\t\titem,\n\t\tisItemClickable,\n\t\tonClickItem,\n\t\tclassName: 'dataviews-view-grid__primary-field',\n\t} );\n\n\treturn (\n\t\t<VStack\n\t\t\tspacing={ 0 }\n\t\t\tkey={ id }\n\t\t\tclassName={ clsx( 'dataviews-view-grid__card', {\n\t\t\t\t'is-selected': hasBulkAction && isSelected,\n\t\t\t} ) }\n\t\t\tonClickCapture={ ( event ) => {\n\t\t\t\tif ( event.ctrlKey \|\| event.metaKey ) {\n\t\t\t\t\tevent.stopPropagation();\n\t\t\t\t\tevent.preventDefault();\n\t\t\t\t\tif ( ! hasBulkAction ) {\n\t\t\t\t\t\treturn;\n\t\t\t\t\t}\n\t\t\t\t\tonChangeSelection(\n\t\t\t\t\t\tselection.includes( id )\n\t\t\t\t\t\t\t? selection.filter( ( itemId ) => id !== itemId )\n\t\t\t\t\t\t\t: [ ...selection, id ]\n\t\t\t\t\t);\n\t\t\t\t}\n\t\t\t} }\n\t\t>\n\t\t\t<div { ...clickableMediaItemProps }>{ renderedMediaField }</div>\n\t\t\t<SingleSelectionCheckbox\n\t\t\t\titem={ item }\n\t\t\t\tselection={ selection }\n\t\t\t\tonChangeSelection={ onChangeSelection }\n\t\t\t\tgetItemId={ getItemId }\n\t\t\t\tprimaryField={ primaryField }\n\t\t\t\tdisabled={ ! hasBulkAction }\n\t\t\t/>\n\t\t\t<HStack\n\t\t\t\tjustify=\"space-between\"\n\t\t\t\tclassName=\"dataviews-view-grid__title-actions\"\n\t\t\t>\n\t\t\t\t<div { ...clickablePrimaryItemProps }>\n\t\t\t\t\t{ renderedPrimaryField }\n\t\t\t\t</div>\n\t\t\t\t<ItemActions item={ item } actions={ actions } isCompact />\n\t\t\t</HStack>\n\t\t\t{ !! badgeFields?.length && (\n\t\t\t\t<HStack\n\t\t\t\t\tclassName=\"dataviews-view-grid__badge-fields\"\n\t\t\t\t\tspacing={ 2 }\n\t\t\t\t\twrap\n\t\t\t\t\talignment=\"top\"\n\t\t\t\t\tjustify=\"flex-start\"\n\t\t\t\t>\n\t\t\t\t\t{ badgeFields.map( ( field ) => {\n\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t<FlexItem\n\t\t\t\t\t\t\t\tkey={ field.id }\n\t\t\t\t\t\t\t\tclassName=\"dataviews-view-grid__field-value\"\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<field.render item={ item } />\n\t\t\t\t\t\t\t</FlexItem>\n\t\t\t\t\t\t);\n\t\t\t\t\t} ) }\n\t\t\t\t</HStack>\n\t\t\t) }\n\t\t\t{ !! visibleFields?.length && (\n\t\t\t\t<VStack className=\"dataviews-view-grid__fields\" spacing={ 1 }>\n\t\t\t\t\t{ visibleFields.map( ( field ) => {\n\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t<Flex\n\t\t\t\t\t\t\t\tclassName={ clsx(\n\t\t\t\t\t\t\t\t\t'dataviews-view-grid__field',\n\t\t\t\t\t\t\t\t\tcolumnFields?.includes( field.id )\n\t\t\t\t\t\t\t\t\t\t? 'is-column'\n\t\t\t\t\t\t\t\t\t\t: 'is-row'\n\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\tkey={ field.id }\n\t\t\t\t\t\t\t\tgap={ 1 }\n\t\t\t\t\t\t\t\tjustify=\"flex-start\"\n\t\t\t\t\t\t\t\texpanded\n\t\t\t\t\t\t\t\tstyle={ { height: 'auto' } }\n\t\t\t\t\t\t\t\tdirection={\n\t\t\t\t\t\t\t\t\tcolumnFields?.includes( field.id )\n\t\t\t\t\t\t\t\t\t\t? 'column'\n\t\t\t\t\t\t\t\t\t\t: 'row'\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\t<>\n\t\t\t\t\t\t\t\t\t<FlexItem className=\"dataviews-view-grid__field-name\">\n\t\t\t\t\t\t\t\t\t\t{ field.header }\n\t\t\t\t\t\t\t\t\t</FlexItem>\n\t\t\t\t\t\t\t\t\t<FlexItem\n\t\t\t\t\t\t\t\t\t\tclassName=\"dataviews-view-grid__field-value\"\n\t\t\t\t\t\t\t\t\t\tstyle={ { maxHeight: 'none' } }\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t<field.render item={ item } />\n\t\t\t\t\t\t\t\t\t</FlexItem>\n\t\t\t\t\t\t\t\t</>\n\t\t\t\t\t\t\t</Flex>\n\t\t\t\t\t\t);\n\t\t\t\t\t} ) }\n\t\t\t\t</VStack>\n\t\t\t) }\n\t\t</VStack>\n\t);\n}\n\nexport default function ViewGrid< Item >( {\n\tactions,\n\tdata,\n\tfields,\n\tgetItemId,\n\tisLoading,\n\tonChangeSelection,\n\tonClickItem,\n\tisItemClickable,\n\tselection,\n\tview,\n}: ViewGridProps< Item > ) {\n\tconst mediaField = fields.find(\n\t\t( field ) => field.id === view.layout?.mediaField\n\t);\n\tconst primaryField = fields.find(\n\t\t( field ) => field.id === view.layout?.primaryField\n\t);\n\tconst viewFields = view.fields \|\| fields.map( ( field ) => field.id );\n\tconst { visibleFields, badgeFields } = fields.reduce(\n\t\t( accumulator: Record< string, NormalizedField< Item >[] >, field ) => {\n\t\t\tif (\n\t\t\t\t! viewFields.includes( field.id ) \|\|\n\t\t\t\t[\n\t\t\t\t\tview.layout?.mediaField,\n\t\t\t\t\tview?.layout?.primaryField,\n\t\t\t\t].includes( field.id )\n\t\t\t) {\n\t\t\t\treturn accumulator;\n\t\t\t}\n\t\t\t// If the field is a badge field, add it to the badgeFields array\n\t\t\t// otherwise add it to the rest visibleFields array.\n\t\t\tconst key = view.layout?.badgeFields?.includes( field.id )\n\t\t\t\t? 'badgeFields'\n\t\t\t\t: 'visibleFields';\n\t\t\taccumulator[ key ].push( field );\n\t\t\treturn accumulator;\n\t\t},\n\t\t{ visibleFields: [], badgeFields: [] }\n\t);\n\tconst hasData = !! data?.length;\n\tconst updatedPreviewSize = useUpdatedPreviewSizeOnViewportChange();\n\tconst usedPreviewSize = updatedPreviewSize \|\| view.layout?.previewSize;\n\tconst gridStyle = usedPreviewSize\n\t\t? {\n\t\t\t\tgridTemplateColumns: `repeat(${ usedPreviewSize }, minmax(0, 1fr))`,\n\t\t }\n\t\t: {};\n\treturn (\n\t\t<>\n\t\t\t{ hasData && (\n\t\t\t\t<Grid\n\t\t\t\t\tgap={ 8 }\n\t\t\t\t\tcolumns={ 2 }\n\t\t\t\t\talignment=\"top\"\n\t\t\t\t\tclassName=\"dataviews-view-grid\"\n\t\t\t\t\tstyle={ gridStyle }\n\t\t\t\t\taria-busy={ isLoading }\n\t\t\t\t>\n\t\t\t\t\t{ data.map( ( item ) => {\n\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t<GridItem\n\t\t\t\t\t\t\t\tkey={ getItemId( item ) }\n\t\t\t\t\t\t\t\tselection={ selection }\n\t\t\t\t\t\t\t\tonChangeSelection={ onChangeSelection }\n\t\t\t\t\t\t\t\tonClickItem={ onClickItem }\n\t\t\t\t\t\t\t\tisItemClickable={ isItemClickable }\n\t\t\t\t\t\t\t\tgetItemId={ getItemId }\n\t\t\t\t\t\t\t\titem={ item }\n\t\t\t\t\t\t\t\tactions={ actions }\n\t\t\t\t\t\t\t\tmediaField={ mediaField }\n\t\t\t\t\t\t\t\tprimaryField={ primaryField }\n\t\t\t\t\t\t\t\tvisibleFields={ visibleFields }\n\t\t\t\t\t\t\t\tbadgeFields={ badgeFields }\n\t\t\t\t\t\t\t\tcolumnFields={ view.layout?.columnFields }\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</Grid>\n\t\t\t) }\n\t\t\t{ ! hasData && (\n\t\t\t\t<div\n\t\t\t\t\tclassName={ clsx( {\n\t\t\t\t\t\t'dataviews-loading': isLoading,\n\t\t\t\t\t\t'dataviews-no-results': ! isLoading,\n\t\t\t\t\t} ) }\n\t\t\t\t>\n\t\t\t\t\t<p>{ isLoading ? <Spinner /> : __( 'No results' ) }</p>\n\t\t\t\t</div>\n\t\t\t) }\n\t\t</>\n\t);\n}\n"],"mappings":"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","ignoreList":[]}

package/build/dataviews-layouts/table/index.js CHANGED Viewed

@@ -62,7 +62,12 @@ function TableColumnField({
 }) {
   const isPrimaryField = primaryField?.id === field.id;
   const isItemClickableField = i => isItemClickable(i) && isPrimaryField;
-  const clickableProps = (0, _getClickableItemProps.default)(item, isItemClickableField, onClickItem, 'dataviews-view-table__cell-content');
+  const clickableProps = (0, _getClickableItemProps.default)({
+    item,
+    isItemClickable: isItemClickableField,
+    onClickItem,
+    className: 'dataviews-view-table__cell-content'
+  });
   return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
     className: (0, _clsx.default)('dataviews-view-table__cell-content-wrapper', {
       'dataviews-view-table__primary-field': isPrimaryField

package/build/dataviews-layouts/table/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["_clsx","_interopRequireDefault","require","_i18n","_components","_element","_dataviewsSelectionCheckbox","_dataviewsItemActions","_constants","_dataviewsBulkActions","_columnHeaderMenu","_index","_getClickableItemProps","_jsxRuntime","TableColumn","column","fields","view","props","field","find","f","id","jsx","TableColumnField","combinedField","layout","combinedFields","TableColumnCombined","primaryField","item","isItemClickable","onClickItem","isPrimaryField","isItemClickableField","i","clickableProps","getClickableItemProps","className","clsx","children","render","map","child","direction","__experimentalHStack","spacing","justify","__experimentalVStack","TableRow","hasBulkActions","actions","selection","getItemId","onChangeSelection","hasPossibleBulkAction","useHasAPossibleBulkAction","isSelected","includes","isHovered","setIsHovered","useState","handleMouseEnter","handleMouseLeave","isTouchDeviceRef","useRef","columns","getVisibleFieldIds","jsxs","onMouseEnter","onMouseLeave","onTouchStart","current","onClick","document","getSelection","type","filter","itemId","style","width","default","disabled","_view$layout$styles$c","maxWidth","minWidth","styles","length","e","stopPropagation","ViewTable","data","isLoading","onChangeView","setOpenedFilter","headerMenuRefs","Map","headerMenuToFocusRef","nextHeaderMenuToFocus","setNextHeaderMenuToFocus","useSomeItemHasAPossibleBulkAction","useEffect","focus","undefined","tableNoticeId","useId","onHide","hidden","get","fallback","node","hasData","Fragment","density","scope","BulkSelectionCheckbox","index","_view$layout$styles$c2","sort","sortValues","ref","set","delete","fieldId","__","toString","Spinner","_default","exports"],"sources":["@wordpress/dataviews/src/dataviews-layouts/table/index.tsx"],"sourcesContent":["/*\n External dependencies\n /\nimport clsx from 'clsx';\n\n/\n WordPress dependencies\n /\nimport { __ } from '@wordpress/i18n';\nimport {\n\tSpinner,\n\t__experimentalHStack as HStack,\n\t__experimentalVStack as VStack,\n} from '@wordpress/components';\nimport { useEffect, useId, useRef, useState } from '@wordpress/element';\n\n/\n Internal dependencies\n /\nimport SingleSelectionCheckbox from '../../components/dataviews-selection-checkbox';\nimport ItemActions from '../../components/dataviews-item-actions';\nimport { sortValues } from '../../constants';\nimport {\n\tuseSomeItemHasAPossibleBulkAction,\n\tuseHasAPossibleBulkAction,\n\tBulkSelectionCheckbox,\n} from '../../components/dataviews-bulk-actions';\nimport type {\n\tAction,\n\tNormalizedField,\n\tViewTable as ViewTableType,\n\tViewTableProps,\n\tCombinedField,\n} from '../../types';\nimport type { SetSelection } from '../../private-types';\nimport ColumnHeaderMenu from './column-header-menu';\nimport { getVisibleFieldIds } from '../index';\nimport getClickableItemProps from '../utils/get-clickable-item-props';\n\ninterface TableColumnFieldProps< Item > {\n\tprimaryField?: NormalizedField< Item >;\n\tfield: NormalizedField< Item >;\n\titem: Item;\n\tisItemClickable: ( item: Item ) => boolean;\n\tonClickItem: ( item: Item ) => void;\n}\n\ninterface TableColumnCombinedProps< Item > {\n\tprimaryField?: NormalizedField< Item >;\n\tfields: NormalizedField< Item >[];\n\tfield: CombinedField;\n\titem: Item;\n\tview: ViewTableType;\n\tisItemClickable: ( item: Item ) => boolean;\n\tonClickItem: ( item: Item ) => void;\n}\n\ninterface TableColumnProps< Item > {\n\tprimaryField?: NormalizedField< Item >;\n\tfields: NormalizedField< Item >[];\n\titem: Item;\n\tcolumn: string;\n\tview: ViewTableType;\n\tisItemClickable: ( item: Item ) => boolean;\n\tonClickItem: ( item: Item ) => void;\n}\n\ninterface TableRowProps< Item > {\n\thasBulkActions: boolean;\n\titem: Item;\n\tactions: Action< Item >[];\n\tfields: NormalizedField< Item >[];\n\tid: string;\n\tview: ViewTableType;\n\tprimaryField?: NormalizedField< Item >;\n\tselection: string[];\n\tgetItemId: ( item: Item ) => string;\n\tonChangeSelection: SetSelection;\n\tisItemClickable: ( item: Item ) => boolean;\n\tonClickItem: ( item: Item ) => void;\n}\n\nfunction TableColumn< Item >( {\n\tcolumn,\n\tfields,\n\tview,\n\t...props\n}: TableColumnProps< Item > ) {\n\tconst field = fields.find( ( f ) => f.id === column );\n\tif ( !! field ) {\n\t\treturn <TableColumnField { ...props } field={ field } />;\n\t}\n\tconst combinedField = view.layout?.combinedFields?.find(\n\t\t( f ) => f.id === column\n\t);\n\tif ( !! combinedField ) {\n\t\treturn (\n\t\t\t<TableColumnCombined\n\t\t\t\t{ ...props }\n\t\t\t\tfields={ fields }\n\t\t\t\tview={ view }\n\t\t\t\tfield={ combinedField }\n\t\t\t/>\n\t\t);\n\t}\n\n\treturn null;\n}\n\nfunction TableColumnField< Item >( {\n\tprimaryField,\n\titem,\n\tfield,\n\tisItemClickable,\n\tonClickItem,\n}: TableColumnFieldProps< Item > ) {\n\tconst isPrimaryField = primaryField?.id === field.id;\n\tconst isItemClickableField = ( i: Item ) =>\n\t\tisItemClickable( i ) && isPrimaryField;\n\n\tconst clickableProps = getClickableItemProps(\n\t\titem,\n\t\tisItemClickableField,\n\t\tonClickItem,\n\t\t'dataviews-view-table__cell-content'\n\t);\n\n\treturn (\n\t\t<div\n\t\t\tclassName={ clsx( 'dataviews-view-table__cell-content-wrapper', {\n\t\t\t\t'dataviews-view-table__primary-field': isPrimaryField,\n\t\t\t} ) }\n\t\t>\n\t\t\t<div { ...clickableProps }>\n\t\t\t\t<field.render { ...{ item } } />\n\t\t\t</div>\n\t\t</div>\n\t);\n}\n\nfunction TableColumnCombined< Item >( {\n\tfield,\n\t...props\n}: TableColumnCombinedProps< Item > ) {\n\tconst children = field.children.map( ( child ) => (\n\t\t<TableColumn key={ child } { ...props } column={ child } />\n\t) );\n\n\tif ( field.direction === 'horizontal' ) {\n\t\treturn (\n\t\t\t<HStack spacing={ 3 } justify=\"flex-start\">\n\t\t\t\t{ children }\n\t\t\t</HStack>\n\t\t);\n\t}\n\treturn <VStack spacing={ 0 }>{ children }</VStack>;\n}\n\nfunction TableRow< Item >( {\n\thasBulkActions,\n\titem,\n\tactions,\n\tfields,\n\tid,\n\tview,\n\tprimaryField,\n\tselection,\n\tgetItemId,\n\tisItemClickable,\n\tonClickItem,\n\tonChangeSelection,\n}: TableRowProps< Item > ) {\n\tconst hasPossibleBulkAction = useHasAPossibleBulkAction( actions, item );\n\tconst isSelected = hasPossibleBulkAction && selection.includes( id );\n\tconst [ isHovered, setIsHovered ] = useState( false );\n\n\tconst handleMouseEnter = () => {\n\t\tsetIsHovered( true );\n\t};\n\tconst handleMouseLeave = () => {\n\t\tsetIsHovered( false );\n\t};\n\n\t// Will be set to true if `onTouchStart` fires. This happens before\n\t// `onClick` and can be used to exclude touchscreen devices from certain\n\t// behaviours.\n\tconst isTouchDeviceRef = useRef( false );\n\tconst columns = getVisibleFieldIds( view, fields );\n\n\treturn (\n\t\t<tr\n\t\t\tclassName={ clsx( 'dataviews-view-table__row', {\n\t\t\t\t'is-selected': hasPossibleBulkAction && isSelected,\n\t\t\t\t'is-hovered': isHovered,\n\t\t\t\t'has-bulk-actions': hasPossibleBulkAction,\n\t\t\t} ) }\n\t\t\tonMouseEnter={ handleMouseEnter }\n\t\t\tonMouseLeave={ handleMouseLeave }\n\t\t\tonTouchStart={ () => {\n\t\t\t\tisTouchDeviceRef.current = true;\n\t\t\t} }\n\t\t\tonClick={ () => {\n\t\t\t\tif ( ! hasPossibleBulkAction ) {\n\t\t\t\t\treturn;\n\t\t\t\t}\n\t\t\t\tif (\n\t\t\t\t\t! isTouchDeviceRef.current &&\n\t\t\t\t\tdocument.getSelection()?.type !== 'Range'\n\t\t\t\t) {\n\t\t\t\t\tonChangeSelection(\n\t\t\t\t\t\tselection.includes( id )\n\t\t\t\t\t\t\t? selection.filter( ( itemId ) => id !== itemId )\n\t\t\t\t\t\t\t: [ id ]\n\t\t\t\t\t);\n\t\t\t\t}\n\t\t\t} }\n\t\t>\n\t\t\t{ hasBulkActions && (\n\t\t\t\t<td\n\t\t\t\t\tclassName=\"dataviews-view-table__checkbox-column\"\n\t\t\t\t\tstyle={ {\n\t\t\t\t\t\twidth: '1%',\n\t\t\t\t\t} }\n\t\t\t\t>\n\t\t\t\t\t<div className=\"dataviews-view-table__cell-content-wrapper\">\n\t\t\t\t\t\t<SingleSelectionCheckbox\n\t\t\t\t\t\t\titem={ item }\n\t\t\t\t\t\t\tselection={ selection }\n\t\t\t\t\t\t\tonChangeSelection={ onChangeSelection }\n\t\t\t\t\t\t\tgetItemId={ getItemId }\n\t\t\t\t\t\t\tprimaryField={ primaryField }\n\t\t\t\t\t\t\tdisabled={ ! hasPossibleBulkAction }\n\t\t\t\t\t\t/>\n\t\t\t\t\t</div>\n\t\t\t\t</td>\n\t\t\t) }\n\t\t\t{ columns.map( ( column: string ) => {\n\t\t\t\t// Explicits picks the supported styles.\n\t\t\t\tconst { width, maxWidth, minWidth } =\n\t\t\t\t\tview.layout?.styles?.[ column ] ?? {};\n\n\t\t\t\treturn (\n\t\t\t\t\t<td key={ column } style={ { width, maxWidth, minWidth } }>\n\t\t\t\t\t\t<TableColumn\n\t\t\t\t\t\t\tprimaryField={ primaryField }\n\t\t\t\t\t\t\tisItemClickable={ isItemClickable }\n\t\t\t\t\t\t\tonClickItem={ onClickItem }\n\t\t\t\t\t\t\tfields={ fields }\n\t\t\t\t\t\t\titem={ item }\n\t\t\t\t\t\t\tcolumn={ column }\n\t\t\t\t\t\t\tview={ view }\n\t\t\t\t\t\t/>\n\t\t\t\t\t</td>\n\t\t\t\t);\n\t\t\t} ) }\n\t\t\t{ !! actions?.length && (\n\t\t\t\t// Disable reason: we are not making the element interactive,\n\t\t\t\t// but preventing any click events from bubbling up to the\n\t\t\t\t// table row. This allows us to add a click handler to the row\n\t\t\t\t// itself (to toggle row selection) without erroneously\n\t\t\t\t// intercepting click events from ItemActions.\n\n\t\t\t\t/ eslint-disable jsx-a11y/no-noninteractive-element-interactions, jsx-a11y/click-events-have-key-events /\n\t\t\t\t<td\n\t\t\t\t\tclassName=\"dataviews-view-table__actions-column\"\n\t\t\t\t\tonClick={ ( e ) => e.stopPropagation() }\n\t\t\t\t>\n\t\t\t\t\t<ItemActions item={ item } actions={ actions } />\n\t\t\t\t</td>\n\t\t\t\t/ eslint-enable jsx-a11y/no-noninteractive-element-interactions, jsx-a11y/click-events-have-key-events */\n\t\t\t) }\n\t\t</tr>\n\t);\n}\n\nfunction ViewTable< Item >( {\n\tactions,\n\tdata,\n\tfields,\n\tgetItemId,\n\tisLoading = false,\n\tonChangeView,\n\tonChangeSelection,\n\tselection,\n\tsetOpenedFilter,\n\tonClickItem,\n\tisItemClickable,\n\tview,\n}: ViewTableProps< Item > ) {\n\tconst headerMenuRefs = useRef<\n\t\tMap< string, { node: HTMLButtonElement; fallback: string } >\n\t>( new Map() );\n\tconst headerMenuToFocusRef = useRef< HTMLButtonElement >();\n\tconst [ nextHeaderMenuToFocus, setNextHeaderMenuToFocus ] =\n\t\tuseState< HTMLButtonElement >();\n\tconst hasBulkActions = useSomeItemHasAPossibleBulkAction( actions, data );\n\n\tuseEffect( () => {\n\t\tif ( headerMenuToFocusRef.current ) {\n\t\t\theaderMenuToFocusRef.current.focus();\n\t\t\theaderMenuToFocusRef.current = undefined;\n\t\t}\n\t} );\n\n\tconst tableNoticeId = useId();\n\n\tif ( nextHeaderMenuToFocus ) {\n\t\t// If we need to force focus, we short-circuit rendering here\n\t\t// to prevent any additional work while we handle that.\n\t\t// Clearing out the focus directive is necessary to make sure\n\t\t// future renders don't cause unexpected focus jumps.\n\t\theaderMenuToFocusRef.current = nextHeaderMenuToFocus;\n\t\tsetNextHeaderMenuToFocus( undefined );\n\t\treturn;\n\t}\n\n\tconst onHide = ( field: NormalizedField< Item > ) => {\n\t\tconst hidden = headerMenuRefs.current.get( field.id );\n\t\tconst fallback = hidden\n\t\t\t? headerMenuRefs.current.get( hidden.fallback )\n\t\t\t: undefined;\n\t\tsetNextHeaderMenuToFocus( fallback?.node );\n\t};\n\n\tconst columns = getVisibleFieldIds( view, fields );\n\tconst hasData = !! data?.length;\n\n\tconst primaryField = fields.find(\n\t\t( field ) => field.id === view.layout?.primaryField\n\t);\n\n\treturn (\n\t\t<>\n\t\t\t<table\n\t\t\t\tclassName={ clsx( 'dataviews-view-table', {\n\t\t\t\t\t[ `has-${ view.layout?.density }-density` ]:\n\t\t\t\t\t\tview.layout?.density &&\n\t\t\t\t\t\t[ 'compact', 'comfortable' ].includes(\n\t\t\t\t\t\t\tview.layout.density\n\t\t\t\t\t\t),\n\t\t\t\t} ) }\n\t\t\t\taria-busy={ isLoading }\n\t\t\t\taria-describedby={ tableNoticeId }\n\t\t\t>\n\t\t\t\t<thead>\n\t\t\t\t\t<tr className=\"dataviews-view-table__row\">\n\t\t\t\t\t\t{ hasBulkActions && (\n\t\t\t\t\t\t\t<th\n\t\t\t\t\t\t\t\tclassName=\"dataviews-view-table__checkbox-column\"\n\t\t\t\t\t\t\t\tstyle={ {\n\t\t\t\t\t\t\t\t\twidth: '1%',\n\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t\tscope=\"col\"\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<BulkSelectionCheckbox\n\t\t\t\t\t\t\t\t\tselection={ selection }\n\t\t\t\t\t\t\t\t\tonChangeSelection={ onChangeSelection }\n\t\t\t\t\t\t\t\t\tdata={ data }\n\t\t\t\t\t\t\t\t\tactions={ actions }\n\t\t\t\t\t\t\t\t\tgetItemId={ getItemId }\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t</th>\n\t\t\t\t\t\t) }\n\t\t\t\t\t\t{ columns.map( ( column, index ) => {\n\t\t\t\t\t\t\t// Explicits picks the supported styles.\n\t\t\t\t\t\t\tconst { width, maxWidth, minWidth } =\n\t\t\t\t\t\t\t\tview.layout?.styles?.[ column ] ?? {};\n\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t<th\n\t\t\t\t\t\t\t\t\tkey={ column }\n\t\t\t\t\t\t\t\t\tstyle={ { width, maxWidth, minWidth } }\n\t\t\t\t\t\t\t\t\taria-sort={\n\t\t\t\t\t\t\t\t\t\tview.sort?.field === column\n\t\t\t\t\t\t\t\t\t\t\t? sortValues[ view.sort.direction ]\n\t\t\t\t\t\t\t\t\t\t\t: undefined\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\tscope=\"col\"\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t<ColumnHeaderMenu\n\t\t\t\t\t\t\t\t\t\tref={ ( node ) => {\n\t\t\t\t\t\t\t\t\t\t\tif ( node ) {\n\t\t\t\t\t\t\t\t\t\t\t\theaderMenuRefs.current.set(\n\t\t\t\t\t\t\t\t\t\t\t\t\tcolumn,\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\t\tnode,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tfallback:\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tcolumns[\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tindex > 0\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t? index - 1\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t: 1\n\t\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);\n\t\t\t\t\t\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\t\t\t\t\t\theaderMenuRefs.current.delete(\n\t\t\t\t\t\t\t\t\t\t\t\t\tcolumn\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\tfieldId={ column }\n\t\t\t\t\t\t\t\t\t\tview={ view }\n\t\t\t\t\t\t\t\t\t\tfields={ fields }\n\t\t\t\t\t\t\t\t\t\tonChangeView={ onChangeView }\n\t\t\t\t\t\t\t\t\t\tonHide={ onHide }\n\t\t\t\t\t\t\t\t\t\tsetOpenedFilter={ setOpenedFilter }\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t</th>\n\t\t\t\t\t\t\t);\n\t\t\t\t\t\t} ) }\n\t\t\t\t\t\t{ !! actions?.length && (\n\t\t\t\t\t\t\t<th className=\"dataviews-view-table__actions-column\">\n\t\t\t\t\t\t\t\t<span className=\"dataviews-view-table-header\">\n\t\t\t\t\t\t\t\t\t{ __( 'Actions' ) }\n\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t</th>\n\t\t\t\t\t\t) }\n\t\t\t\t\t</tr>\n\t\t\t\t</thead>\n\t\t\t\t<tbody>\n\t\t\t\t\t{ hasData &&\n\t\t\t\t\t\tdata.map( ( item, index ) => (\n\t\t\t\t\t\t\t<TableRow\n\t\t\t\t\t\t\t\tkey={ getItemId( item ) }\n\t\t\t\t\t\t\t\titem={ item }\n\t\t\t\t\t\t\t\thasBulkActions={ hasBulkActions }\n\t\t\t\t\t\t\t\tactions={ actions }\n\t\t\t\t\t\t\t\tfields={ fields }\n\t\t\t\t\t\t\t\tid={ getItemId( item ) \|\| index.toString() }\n\t\t\t\t\t\t\t\tview={ view }\n\t\t\t\t\t\t\t\tprimaryField={ primaryField }\n\t\t\t\t\t\t\t\tselection={ selection }\n\t\t\t\t\t\t\t\tgetItemId={ getItemId }\n\t\t\t\t\t\t\t\tonChangeSelection={ onChangeSelection }\n\t\t\t\t\t\t\t\tonClickItem={ onClickItem }\n\t\t\t\t\t\t\t\tisItemClickable={ isItemClickable }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t) ) }\n\t\t\t\t</tbody>\n\t\t\t</table>\n\t\t\t<div\n\t\t\t\tclassName={ clsx( {\n\t\t\t\t\t'dataviews-loading': isLoading,\n\t\t\t\t\t'dataviews-no-results': ! hasData && ! isLoading,\n\t\t\t\t} ) }\n\t\t\t\tid={ tableNoticeId }\n\t\t\t>\n\t\t\t\t{ ! hasData && (\n\t\t\t\t\t<p>{ isLoading ? <Spinner /> : __( 'No results' ) }</p>\n\t\t\t\t) }\n\t\t\t</div>\n\t\t</>\n\t);\n}\n\nexport default ViewTable;\n"],"mappings":"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","ignoreList":[]}
1	+ {"version":3,"names":["_clsx","_interopRequireDefault","require","_i18n","_components","_element","_dataviewsSelectionCheckbox","_dataviewsItemActions","_constants","_dataviewsBulkActions","_columnHeaderMenu","_index","_getClickableItemProps","_jsxRuntime","TableColumn","column","fields","view","props","field","find","f","id","jsx","TableColumnField","combinedField","layout","combinedFields","TableColumnCombined","primaryField","item","isItemClickable","onClickItem","isPrimaryField","isItemClickableField","i","clickableProps","getClickableItemProps","className","clsx","children","render","map","child","direction","__experimentalHStack","spacing","justify","__experimentalVStack","TableRow","hasBulkActions","actions","selection","getItemId","onChangeSelection","hasPossibleBulkAction","useHasAPossibleBulkAction","isSelected","includes","isHovered","setIsHovered","useState","handleMouseEnter","handleMouseLeave","isTouchDeviceRef","useRef","columns","getVisibleFieldIds","jsxs","onMouseEnter","onMouseLeave","onTouchStart","current","onClick","document","getSelection","type","filter","itemId","style","width","default","disabled","_view$layout$styles$c","maxWidth","minWidth","styles","length","e","stopPropagation","ViewTable","data","isLoading","onChangeView","setOpenedFilter","headerMenuRefs","Map","headerMenuToFocusRef","nextHeaderMenuToFocus","setNextHeaderMenuToFocus","useSomeItemHasAPossibleBulkAction","useEffect","focus","undefined","tableNoticeId","useId","onHide","hidden","get","fallback","node","hasData","Fragment","density","scope","BulkSelectionCheckbox","index","_view$layout$styles$c2","sort","sortValues","ref","set","delete","fieldId","__","toString","Spinner","_default","exports"],"sources":["@wordpress/dataviews/src/dataviews-layouts/table/index.tsx"],"sourcesContent":["/*\n External dependencies\n /\nimport clsx from 'clsx';\n\n/\n WordPress dependencies\n /\nimport { __ } from '@wordpress/i18n';\nimport {\n\tSpinner,\n\t__experimentalHStack as HStack,\n\t__experimentalVStack as VStack,\n} from '@wordpress/components';\nimport { useEffect, useId, useRef, useState } from '@wordpress/element';\n\n/\n Internal dependencies\n /\nimport SingleSelectionCheckbox from '../../components/dataviews-selection-checkbox';\nimport ItemActions from '../../components/dataviews-item-actions';\nimport { sortValues } from '../../constants';\nimport {\n\tuseSomeItemHasAPossibleBulkAction,\n\tuseHasAPossibleBulkAction,\n\tBulkSelectionCheckbox,\n} from '../../components/dataviews-bulk-actions';\nimport type {\n\tAction,\n\tNormalizedField,\n\tViewTable as ViewTableType,\n\tViewTableProps,\n\tCombinedField,\n} from '../../types';\nimport type { SetSelection } from '../../private-types';\nimport ColumnHeaderMenu from './column-header-menu';\nimport { getVisibleFieldIds } from '../index';\nimport getClickableItemProps from '../utils/get-clickable-item-props';\n\ninterface TableColumnFieldProps< Item > {\n\tprimaryField?: NormalizedField< Item >;\n\tfield: NormalizedField< Item >;\n\titem: Item;\n\tisItemClickable: ( item: Item ) => boolean;\n\tonClickItem?: ( item: Item ) => void;\n}\n\ninterface TableColumnCombinedProps< Item > {\n\tprimaryField?: NormalizedField< Item >;\n\tfields: NormalizedField< Item >[];\n\tfield: CombinedField;\n\titem: Item;\n\tview: ViewTableType;\n\tisItemClickable: ( item: Item ) => boolean;\n\tonClickItem?: ( item: Item ) => void;\n}\n\ninterface TableColumnProps< Item > {\n\tprimaryField?: NormalizedField< Item >;\n\tfields: NormalizedField< Item >[];\n\titem: Item;\n\tcolumn: string;\n\tview: ViewTableType;\n\tisItemClickable: ( item: Item ) => boolean;\n\tonClickItem?: ( item: Item ) => void;\n}\n\ninterface TableRowProps< Item > {\n\thasBulkActions: boolean;\n\titem: Item;\n\tactions: Action< Item >[];\n\tfields: NormalizedField< Item >[];\n\tid: string;\n\tview: ViewTableType;\n\tprimaryField?: NormalizedField< Item >;\n\tselection: string[];\n\tgetItemId: ( item: Item ) => string;\n\tonChangeSelection: SetSelection;\n\tisItemClickable: ( item: Item ) => boolean;\n\tonClickItem?: ( item: Item ) => void;\n}\n\nfunction TableColumn< Item >( {\n\tcolumn,\n\tfields,\n\tview,\n\t...props\n}: TableColumnProps< Item > ) {\n\tconst field = fields.find( ( f ) => f.id === column );\n\tif ( !! field ) {\n\t\treturn <TableColumnField { ...props } field={ field } />;\n\t}\n\tconst combinedField = view.layout?.combinedFields?.find(\n\t\t( f ) => f.id === column\n\t);\n\tif ( !! combinedField ) {\n\t\treturn (\n\t\t\t<TableColumnCombined\n\t\t\t\t{ ...props }\n\t\t\t\tfields={ fields }\n\t\t\t\tview={ view }\n\t\t\t\tfield={ combinedField }\n\t\t\t/>\n\t\t);\n\t}\n\n\treturn null;\n}\n\nfunction TableColumnField< Item >( {\n\tprimaryField,\n\titem,\n\tfield,\n\tisItemClickable,\n\tonClickItem,\n}: TableColumnFieldProps< Item > ) {\n\tconst isPrimaryField = primaryField?.id === field.id;\n\tconst isItemClickableField = ( i: Item ) =>\n\t\tisItemClickable( i ) && isPrimaryField;\n\n\tconst clickableProps = getClickableItemProps( {\n\t\titem,\n\t\tisItemClickable: isItemClickableField,\n\t\tonClickItem,\n\t\tclassName: 'dataviews-view-table__cell-content',\n\t} );\n\n\treturn (\n\t\t<div\n\t\t\tclassName={ clsx( 'dataviews-view-table__cell-content-wrapper', {\n\t\t\t\t'dataviews-view-table__primary-field': isPrimaryField,\n\t\t\t} ) }\n\t\t>\n\t\t\t<div { ...clickableProps }>\n\t\t\t\t<field.render { ...{ item } } />\n\t\t\t</div>\n\t\t</div>\n\t);\n}\n\nfunction TableColumnCombined< Item >( {\n\tfield,\n\t...props\n}: TableColumnCombinedProps< Item > ) {\n\tconst children = field.children.map( ( child ) => (\n\t\t<TableColumn key={ child } { ...props } column={ child } />\n\t) );\n\n\tif ( field.direction === 'horizontal' ) {\n\t\treturn (\n\t\t\t<HStack spacing={ 3 } justify=\"flex-start\">\n\t\t\t\t{ children }\n\t\t\t</HStack>\n\t\t);\n\t}\n\treturn <VStack spacing={ 0 }>{ children }</VStack>;\n}\n\nfunction TableRow< Item >( {\n\thasBulkActions,\n\titem,\n\tactions,\n\tfields,\n\tid,\n\tview,\n\tprimaryField,\n\tselection,\n\tgetItemId,\n\tisItemClickable,\n\tonClickItem,\n\tonChangeSelection,\n}: TableRowProps< Item > ) {\n\tconst hasPossibleBulkAction = useHasAPossibleBulkAction( actions, item );\n\tconst isSelected = hasPossibleBulkAction && selection.includes( id );\n\tconst [ isHovered, setIsHovered ] = useState( false );\n\n\tconst handleMouseEnter = () => {\n\t\tsetIsHovered( true );\n\t};\n\tconst handleMouseLeave = () => {\n\t\tsetIsHovered( false );\n\t};\n\n\t// Will be set to true if `onTouchStart` fires. This happens before\n\t// `onClick` and can be used to exclude touchscreen devices from certain\n\t// behaviours.\n\tconst isTouchDeviceRef = useRef( false );\n\tconst columns = getVisibleFieldIds( view, fields );\n\n\treturn (\n\t\t<tr\n\t\t\tclassName={ clsx( 'dataviews-view-table__row', {\n\t\t\t\t'is-selected': hasPossibleBulkAction && isSelected,\n\t\t\t\t'is-hovered': isHovered,\n\t\t\t\t'has-bulk-actions': hasPossibleBulkAction,\n\t\t\t} ) }\n\t\t\tonMouseEnter={ handleMouseEnter }\n\t\t\tonMouseLeave={ handleMouseLeave }\n\t\t\tonTouchStart={ () => {\n\t\t\t\tisTouchDeviceRef.current = true;\n\t\t\t} }\n\t\t\tonClick={ () => {\n\t\t\t\tif ( ! hasPossibleBulkAction ) {\n\t\t\t\t\treturn;\n\t\t\t\t}\n\t\t\t\tif (\n\t\t\t\t\t! isTouchDeviceRef.current &&\n\t\t\t\t\tdocument.getSelection()?.type !== 'Range'\n\t\t\t\t) {\n\t\t\t\t\tonChangeSelection(\n\t\t\t\t\t\tselection.includes( id )\n\t\t\t\t\t\t\t? selection.filter( ( itemId ) => id !== itemId )\n\t\t\t\t\t\t\t: [ id ]\n\t\t\t\t\t);\n\t\t\t\t}\n\t\t\t} }\n\t\t>\n\t\t\t{ hasBulkActions && (\n\t\t\t\t<td\n\t\t\t\t\tclassName=\"dataviews-view-table__checkbox-column\"\n\t\t\t\t\tstyle={ {\n\t\t\t\t\t\twidth: '1%',\n\t\t\t\t\t} }\n\t\t\t\t>\n\t\t\t\t\t<div className=\"dataviews-view-table__cell-content-wrapper\">\n\t\t\t\t\t\t<SingleSelectionCheckbox\n\t\t\t\t\t\t\titem={ item }\n\t\t\t\t\t\t\tselection={ selection }\n\t\t\t\t\t\t\tonChangeSelection={ onChangeSelection }\n\t\t\t\t\t\t\tgetItemId={ getItemId }\n\t\t\t\t\t\t\tprimaryField={ primaryField }\n\t\t\t\t\t\t\tdisabled={ ! hasPossibleBulkAction }\n\t\t\t\t\t\t/>\n\t\t\t\t\t</div>\n\t\t\t\t</td>\n\t\t\t) }\n\t\t\t{ columns.map( ( column: string ) => {\n\t\t\t\t// Explicits picks the supported styles.\n\t\t\t\tconst { width, maxWidth, minWidth } =\n\t\t\t\t\tview.layout?.styles?.[ column ] ?? {};\n\n\t\t\t\treturn (\n\t\t\t\t\t<td key={ column } style={ { width, maxWidth, minWidth } }>\n\t\t\t\t\t\t<TableColumn\n\t\t\t\t\t\t\tprimaryField={ primaryField }\n\t\t\t\t\t\t\tisItemClickable={ isItemClickable }\n\t\t\t\t\t\t\tonClickItem={ onClickItem }\n\t\t\t\t\t\t\tfields={ fields }\n\t\t\t\t\t\t\titem={ item }\n\t\t\t\t\t\t\tcolumn={ column }\n\t\t\t\t\t\t\tview={ view }\n\t\t\t\t\t\t/>\n\t\t\t\t\t</td>\n\t\t\t\t);\n\t\t\t} ) }\n\t\t\t{ !! actions?.length && (\n\t\t\t\t// Disable reason: we are not making the element interactive,\n\t\t\t\t// but preventing any click events from bubbling up to the\n\t\t\t\t// table row. This allows us to add a click handler to the row\n\t\t\t\t// itself (to toggle row selection) without erroneously\n\t\t\t\t// intercepting click events from ItemActions.\n\n\t\t\t\t/ eslint-disable jsx-a11y/no-noninteractive-element-interactions, jsx-a11y/click-events-have-key-events /\n\t\t\t\t<td\n\t\t\t\t\tclassName=\"dataviews-view-table__actions-column\"\n\t\t\t\t\tonClick={ ( e ) => e.stopPropagation() }\n\t\t\t\t>\n\t\t\t\t\t<ItemActions item={ item } actions={ actions } />\n\t\t\t\t</td>\n\t\t\t\t/ eslint-enable jsx-a11y/no-noninteractive-element-interactions, jsx-a11y/click-events-have-key-events */\n\t\t\t) }\n\t\t</tr>\n\t);\n}\n\nfunction ViewTable< Item >( {\n\tactions,\n\tdata,\n\tfields,\n\tgetItemId,\n\tisLoading = false,\n\tonChangeView,\n\tonChangeSelection,\n\tselection,\n\tsetOpenedFilter,\n\tonClickItem,\n\tisItemClickable,\n\tview,\n}: ViewTableProps< Item > ) {\n\tconst headerMenuRefs = useRef<\n\t\tMap< string, { node: HTMLButtonElement; fallback: string } >\n\t>( new Map() );\n\tconst headerMenuToFocusRef = useRef< HTMLButtonElement >();\n\tconst [ nextHeaderMenuToFocus, setNextHeaderMenuToFocus ] =\n\t\tuseState< HTMLButtonElement >();\n\tconst hasBulkActions = useSomeItemHasAPossibleBulkAction( actions, data );\n\n\tuseEffect( () => {\n\t\tif ( headerMenuToFocusRef.current ) {\n\t\t\theaderMenuToFocusRef.current.focus();\n\t\t\theaderMenuToFocusRef.current = undefined;\n\t\t}\n\t} );\n\n\tconst tableNoticeId = useId();\n\n\tif ( nextHeaderMenuToFocus ) {\n\t\t// If we need to force focus, we short-circuit rendering here\n\t\t// to prevent any additional work while we handle that.\n\t\t// Clearing out the focus directive is necessary to make sure\n\t\t// future renders don't cause unexpected focus jumps.\n\t\theaderMenuToFocusRef.current = nextHeaderMenuToFocus;\n\t\tsetNextHeaderMenuToFocus( undefined );\n\t\treturn;\n\t}\n\n\tconst onHide = ( field: NormalizedField< Item > ) => {\n\t\tconst hidden = headerMenuRefs.current.get( field.id );\n\t\tconst fallback = hidden\n\t\t\t? headerMenuRefs.current.get( hidden.fallback )\n\t\t\t: undefined;\n\t\tsetNextHeaderMenuToFocus( fallback?.node );\n\t};\n\n\tconst columns = getVisibleFieldIds( view, fields );\n\tconst hasData = !! data?.length;\n\n\tconst primaryField = fields.find(\n\t\t( field ) => field.id === view.layout?.primaryField\n\t);\n\n\treturn (\n\t\t<>\n\t\t\t<table\n\t\t\t\tclassName={ clsx( 'dataviews-view-table', {\n\t\t\t\t\t[ `has-${ view.layout?.density }-density` ]:\n\t\t\t\t\t\tview.layout?.density &&\n\t\t\t\t\t\t[ 'compact', 'comfortable' ].includes(\n\t\t\t\t\t\t\tview.layout.density\n\t\t\t\t\t\t),\n\t\t\t\t} ) }\n\t\t\t\taria-busy={ isLoading }\n\t\t\t\taria-describedby={ tableNoticeId }\n\t\t\t>\n\t\t\t\t<thead>\n\t\t\t\t\t<tr className=\"dataviews-view-table__row\">\n\t\t\t\t\t\t{ hasBulkActions && (\n\t\t\t\t\t\t\t<th\n\t\t\t\t\t\t\t\tclassName=\"dataviews-view-table__checkbox-column\"\n\t\t\t\t\t\t\t\tstyle={ {\n\t\t\t\t\t\t\t\t\twidth: '1%',\n\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t\tscope=\"col\"\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<BulkSelectionCheckbox\n\t\t\t\t\t\t\t\t\tselection={ selection }\n\t\t\t\t\t\t\t\t\tonChangeSelection={ onChangeSelection }\n\t\t\t\t\t\t\t\t\tdata={ data }\n\t\t\t\t\t\t\t\t\tactions={ actions }\n\t\t\t\t\t\t\t\t\tgetItemId={ getItemId }\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t</th>\n\t\t\t\t\t\t) }\n\t\t\t\t\t\t{ columns.map( ( column, index ) => {\n\t\t\t\t\t\t\t// Explicits picks the supported styles.\n\t\t\t\t\t\t\tconst { width, maxWidth, minWidth } =\n\t\t\t\t\t\t\t\tview.layout?.styles?.[ column ] ?? {};\n\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t<th\n\t\t\t\t\t\t\t\t\tkey={ column }\n\t\t\t\t\t\t\t\t\tstyle={ { width, maxWidth, minWidth } }\n\t\t\t\t\t\t\t\t\taria-sort={\n\t\t\t\t\t\t\t\t\t\tview.sort?.field === column\n\t\t\t\t\t\t\t\t\t\t\t? sortValues[ view.sort.direction ]\n\t\t\t\t\t\t\t\t\t\t\t: undefined\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\tscope=\"col\"\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t<ColumnHeaderMenu\n\t\t\t\t\t\t\t\t\t\tref={ ( node ) => {\n\t\t\t\t\t\t\t\t\t\t\tif ( node ) {\n\t\t\t\t\t\t\t\t\t\t\t\theaderMenuRefs.current.set(\n\t\t\t\t\t\t\t\t\t\t\t\t\tcolumn,\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\t\tnode,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tfallback:\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tcolumns[\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tindex > 0\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t? index - 1\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t: 1\n\t\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);\n\t\t\t\t\t\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\t\t\t\t\t\theaderMenuRefs.current.delete(\n\t\t\t\t\t\t\t\t\t\t\t\t\tcolumn\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\tfieldId={ column }\n\t\t\t\t\t\t\t\t\t\tview={ view }\n\t\t\t\t\t\t\t\t\t\tfields={ fields }\n\t\t\t\t\t\t\t\t\t\tonChangeView={ onChangeView }\n\t\t\t\t\t\t\t\t\t\tonHide={ onHide }\n\t\t\t\t\t\t\t\t\t\tsetOpenedFilter={ setOpenedFilter }\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t</th>\n\t\t\t\t\t\t\t);\n\t\t\t\t\t\t} ) }\n\t\t\t\t\t\t{ !! actions?.length && (\n\t\t\t\t\t\t\t<th className=\"dataviews-view-table__actions-column\">\n\t\t\t\t\t\t\t\t<span className=\"dataviews-view-table-header\">\n\t\t\t\t\t\t\t\t\t{ __( 'Actions' ) }\n\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t</th>\n\t\t\t\t\t\t) }\n\t\t\t\t\t</tr>\n\t\t\t\t</thead>\n\t\t\t\t<tbody>\n\t\t\t\t\t{ hasData &&\n\t\t\t\t\t\tdata.map( ( item, index ) => (\n\t\t\t\t\t\t\t<TableRow\n\t\t\t\t\t\t\t\tkey={ getItemId( item ) }\n\t\t\t\t\t\t\t\titem={ item }\n\t\t\t\t\t\t\t\thasBulkActions={ hasBulkActions }\n\t\t\t\t\t\t\t\tactions={ actions }\n\t\t\t\t\t\t\t\tfields={ fields }\n\t\t\t\t\t\t\t\tid={ getItemId( item ) \|\| index.toString() }\n\t\t\t\t\t\t\t\tview={ view }\n\t\t\t\t\t\t\t\tprimaryField={ primaryField }\n\t\t\t\t\t\t\t\tselection={ selection }\n\t\t\t\t\t\t\t\tgetItemId={ getItemId }\n\t\t\t\t\t\t\t\tonChangeSelection={ onChangeSelection }\n\t\t\t\t\t\t\t\tonClickItem={ onClickItem }\n\t\t\t\t\t\t\t\tisItemClickable={ isItemClickable }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t) ) }\n\t\t\t\t</tbody>\n\t\t\t</table>\n\t\t\t<div\n\t\t\t\tclassName={ clsx( {\n\t\t\t\t\t'dataviews-loading': isLoading,\n\t\t\t\t\t'dataviews-no-results': ! hasData && ! isLoading,\n\t\t\t\t} ) }\n\t\t\t\tid={ tableNoticeId }\n\t\t\t>\n\t\t\t\t{ ! hasData && (\n\t\t\t\t\t<p>{ isLoading ? <Spinner /> : __( 'No results' ) }</p>\n\t\t\t\t) }\n\t\t\t</div>\n\t\t</>\n\t);\n}\n\nexport default ViewTable;\n"],"mappings":"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","ignoreList":[]}

package/build/dataviews-layouts/utils/get-clickable-item-props.js CHANGED Viewed

@@ -4,8 +4,13 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = getClickableItemProps;
-function getClickableItemProps(item, isItemClickable, onClickItem, className) {
-  if (!isItemClickable(item)) {
+function getClickableItemProps({
+  item,
+  isItemClickable,
+  onClickItem,
+  className
+}) {
+  if (!isItemClickable(item) || !onClickItem) {
     return {
       className
     };
@@ -14,9 +19,15 @@ function getClickableItemProps(item, isItemClickable, onClickItem, className) {
     className: `${className} ${className}--clickable`,
     role: 'button',
     tabIndex: 0,
-    onClick: () => onClickItem(item),
+    onClick: event => {
+      // Prevents onChangeSelection from triggering.
+      event.stopPropagation();
+      onClickItem(item);
+    },
     onKeyDown: event => {
       if (event.key === 'Enter' || event.key === '') {
+        // Prevents onChangeSelection from triggering.
+        event.stopPropagation();
         onClickItem(item);
       }
     }

package/build/dataviews-layouts/utils/get-clickable-item-props.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["getClickableItemProps","item","isItemClickable","onClickItem","className","role","tabIndex","onClick","~~onKeyDown~~","~~event~~","key"],"sources":["@wordpress/dataviews/src/dataviews-layouts/utils/get-clickable-item-props.ts"],"sourcesContent":["export default function getClickableItemProps< Item >(\n\titem: Item,\n\tisItemClickable: ( item: Item ) => boolean,\n\tonClickItem: ( item: Item ) => void,\n\tclassName: string\n) {\n\tif ( ! isItemClickable( item ) ) {\n\t\treturn { className };\n\t}\n\n\treturn {\n\t\tclassName: `${ className } ${ className }--clickable`,\n\t\trole: 'button',\n\t\ttabIndex: 0,\n\t\tonClick: () => ~~onClickItem~~( item ),\n\t\tonKeyDown: ( event: React.KeyboardEvent ) => {\n\t\t\tif ( event.key === 'Enter' \|\| event.key === '' ) {\n\t\t\t\tonClickItem( item );\n\t\t\t}\n\t\t},\n\t};\n}\n"],"mappings":";;;;;;AAAe,SAASA,qBAAqBA,~~CAC5CC~~,~~IAAU~~,~~EACVC~~,~~eAA0C~~,~~EAC1CC~~,~~WAAmC,EACnCC,SAAiB,EAChB~~;~~EACD~~,IAAK,CAAEF,eAAe,CAAED,IAAK,CAAC,EAAG;~~IAChC~~,OAAO;~~MAAEG~~;IAAU,CAAC;EACrB;EAEA,OAAO;IACNA,SAAS,EAAE,GAAIA,SAAS,IAAMA,SAAS,aAAc;IACrDC,IAAI,EAAE,QAAQ;IACdC,QAAQ,EAAE,CAAC;IACXC,OAAO,~~EAAEA~~,~~CAAA~~,~~KAAMJ~~,WAAW,CAAEF,IAAK,CAAC;~~IAClCO~~,SAAS,~~EAAIC~~,KAA0B,IAAM;MAC5C,IAAKA,KAAK,~~CAACC~~,GAAG,KAAK,OAAO,~~IAAID~~,KAAK,~~CAACC~~,GAAG,KAAK,EAAE,EAAG;~~QAChDP~~,WAAW,CAAEF,IAAK,CAAC;MACpB;IACD;EACD,CAAC;AACF","ignoreList":[]}
1	+ {"version":3,"names":["getClickableItemProps","item","isItemClickable","onClickItem","className","role","tabIndex","onClick","event","stopPropagation","onKeyDown","key"],"sources":["@wordpress/dataviews/src/dataviews-layouts/utils/get-clickable-item-props.ts"],"sourcesContent":["export default function getClickableItemProps< Item >( {\n\titem,\n\tisItemClickable,\n\tonClickItem,\n\tclassName,\n}: {\n\titem: Item;\n\tisItemClickable: ( item: Item ) => boolean;\n\tonClickItem?: ( item: Item ) => void;\n\tclassName: string;\n} ) {\n\tif ( ! isItemClickable( item ) \|\| ! onClickItem ) {\n\t\treturn { className };\n\t}\n\n\treturn {\n\t\tclassName: `${ className } ${ className }--clickable`,\n\t\trole: 'button',\n\t\ttabIndex: 0,\n\t\tonClick: ( event: React.MouseEvent ) => {\n\t\t\t// Prevents onChangeSelection from triggering.\n\t\t\tevent.stopPropagation();\n\t\t\tonClickItem( item );\n\t\t},\n\t\tonKeyDown: ( event: React.KeyboardEvent ) => {\n\t\t\tif ( event.key === 'Enter' \|\| event.key === '' ) {\n\t\t\t\t// Prevents onChangeSelection from triggering.\n\t\t\t\tevent.stopPropagation();\n\t\t\t\tonClickItem( item );\n\t\t\t}\n\t\t},\n\t};\n}\n"],"mappings":";;;;;;AAAe,SAASA,qBAAqBA,CAAU;EACtDC,IAAI;EACJC,eAAe;EACfC,WAAW;EACXC;AAMD,CAAC,EAAG;EACH,IAAK,CAAEF,eAAe,CAAED,IAAK,CAAC,IAAI,CAAEE,WAAW,EAAG;IACjD,OAAO;MAAEC;IAAU,CAAC;EACrB;EAEA,OAAO;IACNA,SAAS,EAAE,GAAIA,SAAS,IAAMA,SAAS,aAAc;IACrDC,IAAI,EAAE,QAAQ;IACdC,QAAQ,EAAE,CAAC;IACXC,OAAO,EAAIC,KAAuB,IAAM;MACvC;MACAA,KAAK,CAACC,eAAe,CAAC,CAAC;MACvBN,WAAW,CAAEF,IAAK,CAAC;IACpB,CAAC;IACDS,SAAS,EAAIF,KAA0B,IAAM;MAC5C,IAAKA,KAAK,CAACG,GAAG,KAAK,OAAO,IAAIH,KAAK,CAACG,GAAG,KAAK,EAAE,EAAG;QAChD;QACAH,KAAK,CAACC,eAAe,CAAC,CAAC;QACvBN,WAAW,CAAEF,IAAK,CAAC;MACpB;IACD;EACD,CAAC;AACF","ignoreList":[]}

package/build/types.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":[],"sources":["@wordpress/dataviews/src/types.ts"],"sourcesContent":["/*\n External dependencies\n /\nimport type { ReactElement, ComponentType } from 'react';\n\n/\n Internal dependencies\n /\nimport type { SetSelection } from './private-types';\n\nexport type SortDirection = 'asc' \| 'desc';\n\n/\n Generic option type.\n /\nexport interface Option< Value extends any = any > {\n\tvalue: Value;\n\tlabel: string;\n\tdescription?: string;\n}\n\ninterface FilterByConfig {\n\t/\n\t The list of operators supported by the field.\n\t /\n\toperators?: Operator[];\n\n\t/\n\t Whether it is a primary filter.\n\t \n\t A primary filter is always visible and is not listed in the \"Add filter\" component,\n\t * except for the list layout where it behaves like a secondary filter.\n\t /\n\tisPrimary?: boolean;\n}\n\nexport type Operator =\n\t\| 'is'\n\t\| 'isNot'\n\t\| 'isAny'\n\t\| 'isNone'\n\t\| 'isAll'\n\t\| 'isNotAll';\n\nexport type FieldType = 'text' \| 'integer' \| 'datetime';\n\nexport type ValidationContext = {\n\telements?: Option[];\n};\n\n/\n An abstract interface for Field based on the field type.\n /\nexport type FieldTypeDefinition< Item > = {\n\t/\n\t Callback used to sort the field.\n\t /\n\tsort: ( a: Item, b: Item, direction: SortDirection ) => number;\n\n\t/\n\t Callback used to validate the field.\n\t /\n\tisValid: ( item: Item, context?: ValidationContext ) => boolean;\n\n\t/\n\t Callback used to render an edit control for the field or control name.\n\t /\n\tEdit: ComponentType< DataFormControlProps< Item > > \| string;\n};\n\n/\n A dataview field for a specific property of a data type.\n /\nexport type Field< Item > = {\n\t/\n\t Type of the fields.\n\t /\n\ttype?: FieldType;\n\n\t/\n\t The unique identifier of the field.\n\t /\n\tid: string;\n\n\t/\n\t The label of the field. Defaults to the id.\n\t /\n\tlabel?: string;\n\n\t/\n\t The header of the field. Defaults to the label.\n\t * It allows the usage of a React Element to render the field labels.\n\t /\n\theader?: string \| ReactElement;\n\n\t/\n\t A description of the field.\n\t /\n\tdescription?: string;\n\n\t/\n\t Placeholder for the field.\n\t /\n\tplaceholder?: string;\n\n\t/\n\t Callback used to render the field. Defaults to `field.getValue`.\n\t /\n\trender?: ComponentType< DataViewRenderFieldProps< Item > >;\n\n\t/\n\t Callback used to render an edit control for the field.\n\t /\n\tEdit?: ComponentType< DataFormControlProps< Item > > \| string;\n\n\t/\n\t Callback used to sort the field.\n\t /\n\tsort?: ( a: Item, b: Item, direction: SortDirection ) => number;\n\n\t/\n\t Callback used to validate the field.\n\t /\n\tisValid?: ( item: Item, context?: ValidationContext ) => boolean;\n\n\t/\n\t Callback used to decide if a field should be displayed.\n\t /\n\tisVisible?: ( item: Item ) => boolean;\n\n\t/\n\t Whether the field is sortable.\n\t /\n\tenableSorting?: boolean;\n\n\t/\n\t Whether the field is searchable.\n\t /\n\tenableGlobalSearch?: boolean;\n\n\t/\n\t Whether the field is filterable.\n\t /\n\tenableHiding?: boolean;\n\n\t/\n\t The list of options to pick from when using the field as a filter.\n\t /\n\telements?: Option[];\n\n\t/\n\t Filter config for the field.\n\t /\n\tfilterBy?: FilterByConfig \| undefined;\n\n\t/\n\t Callback used to retrieve the value of the field from the item.\n\t * Defaults to `item[ field.id ]`.\n\t /\n\tgetValue?: ( args: { item: Item } ) => any;\n};\n\nexport type NormalizedField< Item > = Field< Item > & {\n\tlabel: string;\n\theader: string \| ReactElement;\n\tgetValue: ( args: { item: Item } ) => any;\n\trender: ComponentType< DataViewRenderFieldProps< Item > >;\n\tEdit: ComponentType< DataFormControlProps< Item > >;\n\tsort: ( a: Item, b: Item, direction: SortDirection ) => number;\n\tisValid: ( item: Item, context?: ValidationContext ) => boolean;\n\tenableHiding: boolean;\n\tenableSorting: boolean;\n};\n\n/\n A collection of dataview fields for a data type.\n /\nexport type Fields< Item > = Field< Item >[];\n\nexport type Data< Item > = Item[];\n\nexport type DataFormControlProps< Item > = {\n\tdata: Item;\n\tfield: NormalizedField< Item >;\n\tonChange: ( value: Record< string, any > ) => void;\n\thideLabelFromVision?: boolean;\n};\n\nexport type DataViewRenderFieldProps< Item > = {\n\titem: Item;\n};\n\n/\n The filters applied to the dataset.\n /\nexport interface Filter {\n\t/\n\t The field to filter by.\n\t /\n\tfield: string;\n\n\t/\n\t The operator to use.\n\t /\n\toperator: Operator;\n\n\t/\n\t The value to filter by.\n\t /\n\tvalue: any;\n}\n\nexport interface NormalizedFilter {\n\t/\n\t The field to filter by.\n\t /\n\tfield: string;\n\n\t/\n\t The field name.\n\t /\n\tname: string;\n\n\t/\n\t The list of options to pick from when using the field as a filter.\n\t /\n\telements: Option[];\n\n\t/\n\t Is a single selection filter.\n\t /\n\tsingleSelection: boolean;\n\n\t/\n\t The list of operators supported by the field.\n\t /\n\toperators: Operator[];\n\n\t/\n\t Whether the filter is visible.\n\t /\n\tisVisible: boolean;\n\n\t/\n\t Whether it is a primary filter.\n\t /\n\tisPrimary: boolean;\n}\n\ninterface ViewBase {\n\t/\n\t The layout of the view.\n\t /\n\ttype: string;\n\n\t/\n\t The global search term.\n\t /\n\tsearch?: string;\n\n\t/\n\t The filters to apply.\n\t /\n\tfilters?: Filter[];\n\n\t/\n\t The sorting configuration.\n\t /\n\tsort?: {\n\t\t/\n\t\t The field to sort by.\n\t\t /\n\t\tfield: string;\n\n\t\t/\n\t\t The direction to sort by.\n\t\t /\n\t\tdirection: SortDirection;\n\t};\n\n\t/\n\t The active page\n\t /\n\tpage?: number;\n\n\t/\n\t The number of items per page\n\t /\n\tperPage?: number;\n\n\t/\n\t The fields to render\n\t /\n\tfields?: string[];\n}\n\nexport interface CombinedField {\n\tid: string;\n\n\tlabel: string;\n\n\theader?: string \| ReactElement;\n\n\t/\n\t The fields to use as columns.\n\t /\n\tchildren: string[];\n\n\t/\n\t The direction of the stack.\n\t /\n\tdirection: 'horizontal' \| 'vertical';\n}\n\nexport interface ColumnStyle {\n\t/\n\t The width of the field column.\n\t /\n\twidth?: string \| number;\n\n\t/\n\t The minimum width of the field column.\n\t /\n\tmaxWidth?: string \| number;\n\n\t/\n\t The maximum width of the field column.\n\t /\n\tminWidth?: string \| number;\n}\n\nexport type Density = 'compact' \| 'balanced' \| 'comfortable';\n\nexport interface ViewTable extends ViewBase {\n\ttype: 'table';\n\n\tlayout?: {\n\t\t/\n\t\t The field to use as the primary field.\n\t\t /\n\t\tprimaryField?: string;\n\n\t\t/\n\t\t The fields to use as columns.\n\t\t /\n\t\tcombinedFields?: CombinedField[];\n\n\t\t/\n\t\t The styles for the columns.\n\t\t /\n\t\tstyles?: Record< string, ColumnStyle >;\n\n\t\t/\n\t\t The density of the view.\n\t\t /\n\t\tdensity?: Density;\n\t};\n}\n\nexport interface ViewList extends ViewBase {\n\ttype: 'list';\n\n\tlayout?: {\n\t\t/\n\t\t The field to use as the primary field.\n\t\t /\n\t\tprimaryField?: string;\n\n\t\t/\n\t\t The field to use as the media field.\n\t\t /\n\t\tmediaField?: string;\n\t};\n}\n\nexport interface ViewGrid extends ViewBase {\n\ttype: 'grid';\n\n\tlayout?: {\n\t\t/\n\t\t The field to use as the primary field.\n\t\t /\n\t\tprimaryField?: string;\n\n\t\t/\n\t\t The field to use as the media field.\n\t\t /\n\t\tmediaField?: string;\n\n\t\t/\n\t\t The fields to use as columns.\n\t\t /\n\t\tcolumnFields?: string[];\n\n\t\t/\n\t\t The fields to use as badge fields.\n\t\t /\n\t\tbadgeFields?: string[];\n\n\t\t/\n\t\t The preview size of the grid.\n\t\t /\n\t\tpreviewSize?: number;\n\t};\n}\n\nexport type View = ViewList \| ViewGrid \| ViewTable;\n\ninterface ActionBase< Item > {\n\t/\n\t The unique identifier of the action.\n\t /\n\tid: string;\n\n\t/\n\t The label of the action.\n\t * In case we want to adjust the label based on the selected items,\n\t * a function can be provided.\n\t /\n\tlabel: string \| ( ( items: Item[] ) => string );\n\n\t/\n\t The icon of the action. (Either a string or an SVG element)\n\t * This should be IconType from the components package\n\t * but that import is breaking typescript build for the moment.\n\t /\n\ticon?: any;\n\n\t/\n\t Whether the action is disabled.\n\t /\n\tdisabled?: boolean;\n\n\t/\n\t Whether the action is destructive.\n\t /\n\tisDestructive?: boolean;\n\n\t/\n\t Whether the action is a primary action.\n\t /\n\tisPrimary?: boolean;\n\n\t/\n\t Whether the item passed as an argument supports the current action.\n\t /\n\tisEligible?: ( item: Item ) => boolean;\n\n\t/\n\t Whether the action can be used as a bulk action.\n\t /\n\tsupportsBulk?: boolean;\n\n\t/\n\t The context in which the action is visible.\n\t * This is only a \"meta\" information for now.\n\t /\n\tcontext?: 'list' \| 'single';\n}\n\nexport interface RenderModalProps< Item > {\n\titems: Item[];\n\tcloseModal?: () => void;\n\tonActionPerformed?: ( items: Item[] ) => void;\n}\n\nexport interface ActionModal< Item > extends ActionBase< Item > {\n\t/\n\t Modal to render when the action is triggered.\n\t /\n\tRenderModal: ( {\n\t\titems,\n\t\tcloseModal,\n\t\tonActionPerformed,\n\t}: RenderModalProps< Item > ) => ReactElement;\n\n\t/\n\t Whether to hide the modal header.\n\t /\n\thideModalHeader?: boolean;\n\n\t/\n\t The header of the modal.\n\t /\n\tmodalHeader?: string;\n}\n\nexport interface ActionButton< Item > extends ActionBase< Item > {\n\t/\n\t The callback to execute when the action is triggered.\n\t /\n\tcallback: (\n\t\titems: Item[],\n\t\tcontext: {\n\t\t\tregistry: any;\n\t\t\tonActionPerformed?: ( items: Item[] ) => void;\n\t\t}\n\t) => void;\n}\n\nexport type Action< Item > = ActionModal< Item > \| ActionButton< Item >;\n\nexport interface ViewBaseProps< Item > {\n\tactions: Action< Item >[];\n\tdata: Item[];\n\tfields: NormalizedField< Item >[];\n\tgetItemId: ( item: Item ) => string;\n\tisLoading?: boolean;\n\tonChangeView: ( view: View ) => void;\n\tonChangeSelection: SetSelection;\n\tselection: string[];\n\tsetOpenedFilter: ( fieldId: string ) => void;\n\tonClickItem: ( item: Item ) => void;\n\tisItemClickable: ( item: Item ) => boolean;\n\tview: View;\n}\n\nexport interface ViewTableProps< Item > extends ViewBaseProps< Item > {\n\tview: ViewTable;\n}\n\nexport interface ViewListProps< Item > extends ViewBaseProps< Item > {\n\tview: ViewList;\n}\n\nexport interface ViewGridProps< Item > extends ViewBaseProps< Item > {\n\tview: ViewGrid;\n}\n\nexport type ViewProps< Item > =\n\t\| ViewTableProps< Item >\n\t\| ViewGridProps< Item >\n\t\| ViewListProps< Item >;\n\nexport interface SupportedLayouts {\n\tlist?: Omit< ViewList, 'type' >;\n\tgrid?: Omit< ViewGrid, 'type' >;\n\ttable?: Omit< ViewTable, 'type' >;\n}\n\nexport type SimpleFormField = {\n\tid: string;\n\tlayout?: 'regular' \| 'panel';\n\tlabelPosition?: 'side' \| 'top' \| 'none';\n};\n\nexport type CombinedFormField = {\n\tid: string;\n\tlabel?: string;\n\tlayout?: 'regular' \| 'panel';\n\tlabelPosition?: 'side' \| 'top' \| 'none';\n\tchildren: Array< FormField \| string >;\n};\n\nexport type FormField = SimpleFormField \| CombinedFormField;\n\n/\n The form configuration.\n */\nexport type Form = {\n\ttype?: 'regular' \| 'panel';\n\tfields?: Array< FormField \| string >;\n\tlabelPosition?: 'side' \| 'top' \| 'none';\n};\n\nexport interface DataFormProps< Item > {\n\tdata: Item;\n\tfields: Field< Item >[];\n\tform: Form;\n\tonChange: ( value: Record< string, any > ) => void;\n}\n\nexport interface FieldLayoutProps< Item > {\n\tdata: Item;\n\tfield: FormField;\n\tonChange: ( value: any ) => void;\n\thideLabelFromVision?: boolean;\n}\n"],"mappings":"","ignoreList":[]}
1	+ {"version":3,"names":[],"sources":["@wordpress/dataviews/src/types.ts"],"sourcesContent":["/*\n External dependencies\n /\nimport type { ReactElement, ComponentType } from 'react';\n\n/\n Internal dependencies\n /\nimport type { SetSelection } from './private-types';\n\nexport type SortDirection = 'asc' \| 'desc';\n\n/\n Generic option type.\n /\nexport interface Option< Value extends any = any > {\n\tvalue: Value;\n\tlabel: string;\n\tdescription?: string;\n}\n\ninterface FilterByConfig {\n\t/\n\t The list of operators supported by the field.\n\t /\n\toperators?: Operator[];\n\n\t/\n\t Whether it is a primary filter.\n\t \n\t A primary filter is always visible and is not listed in the \"Add filter\" component,\n\t * except for the list layout where it behaves like a secondary filter.\n\t /\n\tisPrimary?: boolean;\n}\n\nexport type Operator =\n\t\| 'is'\n\t\| 'isNot'\n\t\| 'isAny'\n\t\| 'isNone'\n\t\| 'isAll'\n\t\| 'isNotAll';\n\nexport type FieldType = 'text' \| 'integer' \| 'datetime';\n\nexport type ValidationContext = {\n\telements?: Option[];\n};\n\n/\n An abstract interface for Field based on the field type.\n /\nexport type FieldTypeDefinition< Item > = {\n\t/\n\t Callback used to sort the field.\n\t /\n\tsort: ( a: Item, b: Item, direction: SortDirection ) => number;\n\n\t/\n\t Callback used to validate the field.\n\t /\n\tisValid: ( item: Item, context?: ValidationContext ) => boolean;\n\n\t/\n\t Callback used to render an edit control for the field or control name.\n\t /\n\tEdit: ComponentType< DataFormControlProps< Item > > \| string;\n};\n\n/\n A dataview field for a specific property of a data type.\n /\nexport type Field< Item > = {\n\t/\n\t Type of the fields.\n\t /\n\ttype?: FieldType;\n\n\t/\n\t The unique identifier of the field.\n\t /\n\tid: string;\n\n\t/\n\t The label of the field. Defaults to the id.\n\t /\n\tlabel?: string;\n\n\t/\n\t The header of the field. Defaults to the label.\n\t * It allows the usage of a React Element to render the field labels.\n\t /\n\theader?: string \| ReactElement;\n\n\t/\n\t A description of the field.\n\t /\n\tdescription?: string;\n\n\t/\n\t Placeholder for the field.\n\t /\n\tplaceholder?: string;\n\n\t/\n\t Callback used to render the field. Defaults to `field.getValue`.\n\t /\n\trender?: ComponentType< DataViewRenderFieldProps< Item > >;\n\n\t/\n\t Callback used to render an edit control for the field.\n\t /\n\tEdit?: ComponentType< DataFormControlProps< Item > > \| string;\n\n\t/\n\t Callback used to sort the field.\n\t /\n\tsort?: ( a: Item, b: Item, direction: SortDirection ) => number;\n\n\t/\n\t Callback used to validate the field.\n\t /\n\tisValid?: ( item: Item, context?: ValidationContext ) => boolean;\n\n\t/\n\t Callback used to decide if a field should be displayed.\n\t /\n\tisVisible?: ( item: Item ) => boolean;\n\n\t/\n\t Whether the field is sortable.\n\t /\n\tenableSorting?: boolean;\n\n\t/\n\t Whether the field is searchable.\n\t /\n\tenableGlobalSearch?: boolean;\n\n\t/\n\t Whether the field is filterable.\n\t /\n\tenableHiding?: boolean;\n\n\t/\n\t The list of options to pick from when using the field as a filter.\n\t /\n\telements?: Option[];\n\n\t/\n\t Filter config for the field.\n\t /\n\tfilterBy?: FilterByConfig \| undefined;\n\n\t/\n\t Callback used to retrieve the value of the field from the item.\n\t * Defaults to `item[ field.id ]`.\n\t /\n\tgetValue?: ( args: { item: Item } ) => any;\n};\n\nexport type NormalizedField< Item > = Field< Item > & {\n\tlabel: string;\n\theader: string \| ReactElement;\n\tgetValue: ( args: { item: Item } ) => any;\n\trender: ComponentType< DataViewRenderFieldProps< Item > >;\n\tEdit: ComponentType< DataFormControlProps< Item > >;\n\tsort: ( a: Item, b: Item, direction: SortDirection ) => number;\n\tisValid: ( item: Item, context?: ValidationContext ) => boolean;\n\tenableHiding: boolean;\n\tenableSorting: boolean;\n};\n\n/\n A collection of dataview fields for a data type.\n /\nexport type Fields< Item > = Field< Item >[];\n\nexport type Data< Item > = Item[];\n\nexport type DataFormControlProps< Item > = {\n\tdata: Item;\n\tfield: NormalizedField< Item >;\n\tonChange: ( value: Record< string, any > ) => void;\n\thideLabelFromVision?: boolean;\n};\n\nexport type DataViewRenderFieldProps< Item > = {\n\titem: Item;\n};\n\n/\n The filters applied to the dataset.\n /\nexport interface Filter {\n\t/\n\t The field to filter by.\n\t /\n\tfield: string;\n\n\t/\n\t The operator to use.\n\t /\n\toperator: Operator;\n\n\t/\n\t The value to filter by.\n\t /\n\tvalue: any;\n}\n\nexport interface NormalizedFilter {\n\t/\n\t The field to filter by.\n\t /\n\tfield: string;\n\n\t/\n\t The field name.\n\t /\n\tname: string;\n\n\t/\n\t The list of options to pick from when using the field as a filter.\n\t /\n\telements: Option[];\n\n\t/\n\t Is a single selection filter.\n\t /\n\tsingleSelection: boolean;\n\n\t/\n\t The list of operators supported by the field.\n\t /\n\toperators: Operator[];\n\n\t/\n\t Whether the filter is visible.\n\t /\n\tisVisible: boolean;\n\n\t/\n\t Whether it is a primary filter.\n\t /\n\tisPrimary: boolean;\n}\n\ninterface ViewBase {\n\t/\n\t The layout of the view.\n\t /\n\ttype: string;\n\n\t/\n\t The global search term.\n\t /\n\tsearch?: string;\n\n\t/\n\t The filters to apply.\n\t /\n\tfilters?: Filter[];\n\n\t/\n\t The sorting configuration.\n\t /\n\tsort?: {\n\t\t/\n\t\t The field to sort by.\n\t\t /\n\t\tfield: string;\n\n\t\t/\n\t\t The direction to sort by.\n\t\t /\n\t\tdirection: SortDirection;\n\t};\n\n\t/\n\t The active page\n\t /\n\tpage?: number;\n\n\t/\n\t The number of items per page\n\t /\n\tperPage?: number;\n\n\t/\n\t The fields to render\n\t /\n\tfields?: string[];\n}\n\nexport interface CombinedField {\n\tid: string;\n\n\tlabel: string;\n\n\theader?: string \| ReactElement;\n\n\t/\n\t The fields to use as columns.\n\t /\n\tchildren: string[];\n\n\t/\n\t The direction of the stack.\n\t /\n\tdirection: 'horizontal' \| 'vertical';\n}\n\nexport interface ColumnStyle {\n\t/\n\t The width of the field column.\n\t /\n\twidth?: string \| number;\n\n\t/\n\t The minimum width of the field column.\n\t /\n\tmaxWidth?: string \| number;\n\n\t/\n\t The maximum width of the field column.\n\t /\n\tminWidth?: string \| number;\n}\n\nexport type Density = 'compact' \| 'balanced' \| 'comfortable';\n\nexport interface ViewTable extends ViewBase {\n\ttype: 'table';\n\n\tlayout?: {\n\t\t/\n\t\t The field to use as the primary field.\n\t\t /\n\t\tprimaryField?: string;\n\n\t\t/\n\t\t The fields to use as columns.\n\t\t /\n\t\tcombinedFields?: CombinedField[];\n\n\t\t/\n\t\t The styles for the columns.\n\t\t /\n\t\tstyles?: Record< string, ColumnStyle >;\n\n\t\t/\n\t\t The density of the view.\n\t\t /\n\t\tdensity?: Density;\n\t};\n}\n\nexport interface ViewList extends ViewBase {\n\ttype: 'list';\n\n\tlayout?: {\n\t\t/\n\t\t The field to use as the primary field.\n\t\t /\n\t\tprimaryField?: string;\n\n\t\t/\n\t\t The field to use as the media field.\n\t\t /\n\t\tmediaField?: string;\n\t};\n}\n\nexport interface ViewGrid extends ViewBase {\n\ttype: 'grid';\n\n\tlayout?: {\n\t\t/\n\t\t The field to use as the primary field.\n\t\t /\n\t\tprimaryField?: string;\n\n\t\t/\n\t\t The field to use as the media field.\n\t\t /\n\t\tmediaField?: string;\n\n\t\t/\n\t\t The fields to use as columns.\n\t\t /\n\t\tcolumnFields?: string[];\n\n\t\t/\n\t\t The fields to use as badge fields.\n\t\t /\n\t\tbadgeFields?: string[];\n\n\t\t/\n\t\t The preview size of the grid.\n\t\t /\n\t\tpreviewSize?: number;\n\t};\n}\n\nexport type View = ViewList \| ViewGrid \| ViewTable;\n\ninterface ActionBase< Item > {\n\t/\n\t The unique identifier of the action.\n\t /\n\tid: string;\n\n\t/\n\t The label of the action.\n\t * In case we want to adjust the label based on the selected items,\n\t * a function can be provided.\n\t /\n\tlabel: string \| ( ( items: Item[] ) => string );\n\n\t/\n\t The icon of the action. (Either a string or an SVG element)\n\t * This should be IconType from the components package\n\t * but that import is breaking typescript build for the moment.\n\t /\n\ticon?: any;\n\n\t/\n\t Whether the action is disabled.\n\t /\n\tdisabled?: boolean;\n\n\t/\n\t Whether the action is destructive.\n\t /\n\tisDestructive?: boolean;\n\n\t/\n\t Whether the action is a primary action.\n\t /\n\tisPrimary?: boolean;\n\n\t/\n\t Whether the item passed as an argument supports the current action.\n\t /\n\tisEligible?: ( item: Item ) => boolean;\n\n\t/\n\t Whether the action can be used as a bulk action.\n\t /\n\tsupportsBulk?: boolean;\n\n\t/\n\t The context in which the action is visible.\n\t * This is only a \"meta\" information for now.\n\t /\n\tcontext?: 'list' \| 'single';\n}\n\nexport interface RenderModalProps< Item > {\n\titems: Item[];\n\tcloseModal?: () => void;\n\tonActionPerformed?: ( items: Item[] ) => void;\n}\n\nexport interface ActionModal< Item > extends ActionBase< Item > {\n\t/\n\t Modal to render when the action is triggered.\n\t /\n\tRenderModal: ( {\n\t\titems,\n\t\tcloseModal,\n\t\tonActionPerformed,\n\t}: RenderModalProps< Item > ) => ReactElement;\n\n\t/\n\t Whether to hide the modal header.\n\t /\n\thideModalHeader?: boolean;\n\n\t/\n\t The header of the modal.\n\t /\n\tmodalHeader?: string;\n}\n\nexport interface ActionButton< Item > extends ActionBase< Item > {\n\t/\n\t The callback to execute when the action is triggered.\n\t /\n\tcallback: (\n\t\titems: Item[],\n\t\tcontext: {\n\t\t\tregistry: any;\n\t\t\tonActionPerformed?: ( items: Item[] ) => void;\n\t\t}\n\t) => void;\n}\n\nexport type Action< Item > = ActionModal< Item > \| ActionButton< Item >;\n\nexport interface ViewBaseProps< Item > {\n\tactions: Action< Item >[];\n\tdata: Item[];\n\tfields: NormalizedField< Item >[];\n\tgetItemId: ( item: Item ) => string;\n\tisLoading?: boolean;\n\tonChangeView: ( view: View ) => void;\n\tonChangeSelection: SetSelection;\n\tselection: string[];\n\tsetOpenedFilter: ( fieldId: string ) => void;\n\tonClickItem?: ( item: Item ) => void;\n\tisItemClickable: ( item: Item ) => boolean;\n\tview: View;\n}\n\nexport interface ViewTableProps< Item > extends ViewBaseProps< Item > {\n\tview: ViewTable;\n}\n\nexport interface ViewListProps< Item > extends ViewBaseProps< Item > {\n\tview: ViewList;\n}\n\nexport interface ViewGridProps< Item > extends ViewBaseProps< Item > {\n\tview: ViewGrid;\n}\n\nexport type ViewProps< Item > =\n\t\| ViewTableProps< Item >\n\t\| ViewGridProps< Item >\n\t\| ViewListProps< Item >;\n\nexport interface SupportedLayouts {\n\tlist?: Omit< ViewList, 'type' >;\n\tgrid?: Omit< ViewGrid, 'type' >;\n\ttable?: Omit< ViewTable, 'type' >;\n}\n\nexport type SimpleFormField = {\n\tid: string;\n\tlayout?: 'regular' \| 'panel';\n\tlabelPosition?: 'side' \| 'top' \| 'none';\n};\n\nexport type CombinedFormField = {\n\tid: string;\n\tlabel?: string;\n\tlayout?: 'regular' \| 'panel';\n\tlabelPosition?: 'side' \| 'top' \| 'none';\n\tchildren: Array< FormField \| string >;\n};\n\nexport type FormField = SimpleFormField \| CombinedFormField;\n\n/\n The form configuration.\n */\nexport type Form = {\n\ttype?: 'regular' \| 'panel';\n\tfields?: Array< FormField \| string >;\n\tlabelPosition?: 'side' \| 'top' \| 'none';\n};\n\nexport interface DataFormProps< Item > {\n\tdata: Item;\n\tfields: Field< Item >[];\n\tform: Form;\n\tonChange: ( value: Record< string, any > ) => void;\n}\n\nexport interface FieldLayoutProps< Item > {\n\tdata: Item;\n\tfield: FormField;\n\tonChange: ( value: any ) => void;\n\thideLabelFromVision?: boolean;\n}\n"],"mappings":"","ignoreList":[]}

package/build-module/components/dataviews/index.js CHANGED Viewed

@@ -20,8 +20,7 @@ import DataViewsViewConfig from '../dataviews-view-config';
 import { normalizeFields } from '../../normalize-fields';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const defaultGetItemId = item => item.id;
-const defaultIsItemClickable = () => false;
-const defaultOnClickItem = () => {};
+const defaultIsItemClickable = () => true;
 const EMPTY_ARRAY = [];
 export default function DataViews({
   view,
@@ -37,7 +36,7 @@ export default function DataViews({
   defaultLayouts,
   selection: selectionProperty,
   onChangeSelection,
-  onClickItem = defaultOnClickItem,
+  onClickItem,
   isItemClickable = defaultIsItemClickable,
   header
 }) {