@wordpress/dataviews 1.1.0 → 2.0.0

package/build/view-list.js

@@ -5,17 +5,22 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = ViewList;
-var _react = require("react");
-var _classnames = _interopRequireDefault(require("classnames"));
+var _clsx = _interopRequireDefault(require("clsx"));
 var _compose = require("@wordpress/compose");
 var _components = require("@wordpress/components");
 var _element = require("@wordpress/element");
 var _i18n = require("@wordpress/i18n");
+var _icons = require("@wordpress/icons");
 var _lockUnlock = require("./lock-unlock");
+var _itemActions = require("./item-actions");
+var _jsxRuntime = require("react/jsx-runtime");
 /**
  * External dependencies
  */
 
+// Import CompositeStore type, which is not exported from @wordpress/components.
+// eslint-disable-next-line no-restricted-imports
+
 /**
  * WordPress dependencies
  */
@@ -28,20 +33,30 @@ const {
   useCompositeStoreV2: useCompositeStore,
   CompositeV2: Composite,
   CompositeItemV2: CompositeItem,
-  CompositeRowV2: CompositeRow
+  CompositeRowV2: CompositeRow,
+  DropdownMenuV2: DropdownMenu
 } = (0, _lockUnlock.unlock)(_components.privateApis);
 function ListItem({
+  actions,
   id,
-  item,
   isSelected,
-  onSelect,
+  item,
   mediaField,
+  onSelect,
   primaryField,
+  store,
   visibleFields
 }) {
   const itemRef = (0, _element.useRef)(null);
   const labelId = `${id}-label`;
   const descriptionId = `${id}-description`;
+  const [isHovered, setIsHovered] = (0, _element.useState)(false);
+  const handleMouseEnter = () => {
+    setIsHovered(true);
+  };
+  const handleMouseLeave = () => {
+    setIsHovered(false);
+  };
   (0, _element.useEffect)(() => {
     if (isSelected) {
       itemRef.current?.scrollIntoView({
@@ -51,69 +66,170 @@ function ListItem({
       });
     }
   }, [isSelected]);
-  return (0, _react.createElement)(CompositeRow, {
+  const {
+    primaryAction,
+    eligibleActions
+  } = (0, _element.useMemo)(() => {
+    // If an action is eligible for all items, doesn't need
+    // to provide the `isEligible` function.
+    const _eligibleActions = actions.filter(action => !action.isEligible || action.isEligible(item));
+    const _primaryActions = _eligibleActions.filter(action => action.isPrimary && !!action.icon);
+    return {
+      primaryAction: _primaryActions?.[0],
+      eligibleActions: _eligibleActions
+    };
+  }, [actions, item]);
+  const [isModalOpen, setIsModalOpen] = (0, _element.useState)(false);
+  const primaryActionLabel = primaryAction && (typeof primaryAction.label === 'string' ? primaryAction.label : primaryAction.label([item]));
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(CompositeRow, {
     ref: itemRef,
-    render: (0, _react.createElement)("li", null),
+    render: /*#__PURE__*/(0, _jsxRuntime.jsx)("li", {}),
     role: "row",
-    className: (0, _classnames.default)({
-      'is-selected': isSelected
+    className: (0, _clsx.default)({
+      'is-selected': isSelected,
+      'is-hovered': isHovered
+    }),
+    onMouseEnter: handleMouseEnter,
+    onMouseLeave: handleMouseLeave,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_components.__experimentalHStack, {
+      className: "dataviews-view-list__item-wrapper",
+      alignment: "center",
+      spacing: 0,
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        role: "gridcell",
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(CompositeItem, {
+          store: store,
+          render: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {}),
+          role: "button",
+          id: id,
+          "aria-pressed": isSelected,
+          "aria-labelledby": labelId,
+          "aria-describedby": descriptionId,
+          className: "dataviews-view-list__item",
+          onClick: () => onSelect(item),
+          children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_components.__experimentalHStack, {
+            spacing: 3,
+            justify: "start",
+            alignment: "flex-start",
+            children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+              className: "dataviews-view-list__media-wrapper",
+              children: mediaField?.render({
+                item
+              }) || /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+                className: "dataviews-view-list__media-placeholder"
+              })
+            }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_components.__experimentalVStack, {
+              spacing: 0,
+              children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+                className: "dataviews-view-list__primary-field",
+                id: labelId,
+                children: primaryField?.render({
+                  item
+                })
+              }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+                className: "dataviews-view-list__fields",
+                id: descriptionId,
+                children: visibleFields.map(field => /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+                  className: "dataviews-view-list__field",
+                  children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_components.VisuallyHidden, {
+                    as: "span",
+                    className: "dataviews-view-list__field-label",
+                    children: field.header
+                  }), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+                    className: "dataviews-view-list__field-value",
+                    children: field.render({
+                      item
+                    })
+                  })]
+                }, field.id))
+              })]
+            })]
+          })
+        })
+      }), actions?.length > 0 && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_components.__experimentalHStack, {
+        spacing: 1,
+        justify: "flex-end",
+        className: "dataviews-view-list__item-actions",
+        style: {
+          flexShrink: '0',
+          width: 'auto'
+        },
+        children: [primaryAction && 'RenderModal' in primaryAction && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+          role: "gridcell",
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(CompositeItem, {
+            store: store,
+            render: /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Button, {
+              label: primaryActionLabel,
+              icon: primaryAction.icon,
+              isDestructive: primaryAction.isDestructive,
+              size: "compact",
+              onClick: () => setIsModalOpen(true)
+            }),
+            children: isModalOpen && /*#__PURE__*/(0, _jsxRuntime.jsx)(_itemActions.ActionModal, {
+              action: primaryAction,
+              items: [item],
+              closeModal: () => setIsModalOpen(false)
+            })
+          })
+        }), primaryAction && !('RenderModal' in primaryAction) && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+          role: "gridcell",
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(CompositeItem, {
+            store: store,
+            render: /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Button, {
+              label: primaryActionLabel,
+              icon: primaryAction.icon,
+              isDestructive: primaryAction.isDestructive,
+              size: "compact",
+              onClick: () => primaryAction.callback([item])
+            })
+          })
+        }, primaryAction.id), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+          role: "gridcell",
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(DropdownMenu, {
+            trigger: /*#__PURE__*/(0, _jsxRuntime.jsx)(CompositeItem, {
+              store: store,
+              render: /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Button, {
+                size: "compact",
+                icon: _icons.moreVertical,
+                label: (0, _i18n.__)('Actions'),
+                disabled: !actions.length,
+                onKeyDown: event => {
+                  if (event.key === 'ArrowDown') {
+                    // Prevent the default behaviour (open dropdown menu) and go down.
+                    event.preventDefault();
+                    store.move(store.down());
+                  }
+                  if (event.key === 'ArrowUp') {
+                    // Prevent the default behavior (open dropdown menu) and go up.
+                    event.preventDefault();
+                    store.move(store.up());
+                  }
+                }
+              })
+            }),
+            placement: "bottom-end",
+            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_itemActions.ActionsDropdownMenuGroup, {
+              actions: eligibleActions,
+              item: item
+            })
+          })
+        })]
+      })]
     })
-  }, (0, _react.createElement)(_components.__experimentalHStack, {
-    className: "dataviews-view-list__item-wrapper"
-  }, (0, _react.createElement)("div", {
-    role: "gridcell"
-  }, (0, _react.createElement)(CompositeItem, {
-    render: (0, _react.createElement)("div", null),
-    role: "button",
-    id: id,
-    "aria-pressed": isSelected,
-    "aria-labelledby": labelId,
-    "aria-describedby": descriptionId,
-    className: "dataviews-view-list__item",
-    onClick: () => onSelect(item)
-  }, (0, _react.createElement)(_components.__experimentalHStack, {
-    spacing: 3,
-    justify: "start",
-    alignment: "flex-start"
-  }, (0, _react.createElement)("div", {
-    className: "dataviews-view-list__media-wrapper"
-  }, mediaField?.render({
-    item
-  }) || (0, _react.createElement)("div", {
-    className: "dataviews-view-list__media-placeholder"
-  })), (0, _react.createElement)(_components.__experimentalVStack, {
-    spacing: 1
-  }, (0, _react.createElement)("span", {
-    className: "dataviews-view-list__primary-field",
-    id: labelId
-  }, primaryField?.render({
-    item
-  })), (0, _react.createElement)("div", {
-    className: "dataviews-view-list__fields",
-    id: descriptionId
-  }, visibleFields.map(field => (0, _react.createElement)("div", {
-    key: field.id,
-    className: "dataviews-view-list__field"
-  }, (0, _react.createElement)(_components.VisuallyHidden, {
-    as: "span",
-    className: "dataviews-view-list__field-label"
-  }, field.header), (0, _react.createElement)("span", {
-    className: "dataviews-view-list__field-value"
-  }, field.render({
-    item
-  })))))))))));
+  });
 }
-function ViewList({
-  view,
-  fields,
-  data,
-  isLoading,
-  getItemId,
-  onSelectionChange,
-  selection,
-  id: preferredId
-}) {
-  const baseId = (0, _compose.useInstanceId)(ViewList, 'view-list', preferredId);
+function ViewList(props) {
+  const {
+    actions,
+    data,
+    fields,
+    getItemId,
+    isLoading,
+    onSelectionChange,
+    selection,
+    view
+  } = props;
+  const baseId = (0, _compose.useInstanceId)(ViewList, 'view-list');
   const selectedItem = data?.findLast(item => selection.includes(item.id));
   const mediaField = fields.find(field => field.id === view.layout.mediaField);
   const primaryField = fields.find(field => field.id === view.layout.primaryField);
@@ -123,33 +239,51 @@ function ViewList({
   const store = useCompositeStore({
     defaultActiveId: getItemDomId(selectedItem)
   });
+
+  // Manage focused item, when the active one is removed from the list.
+  const isActiveIdInList = store.useState(state => state.items.some(item => item.id === state.activeId));
+  (0, _element.useEffect)(() => {
+    if (!isActiveIdInList) {
+      // Prefer going down, except if there is no item below (last item), then go up (last item in list).
+      if (store.down()) {
+        store.move(store.down());
+      } else if (store.up()) {
+        store.move(store.up());
+      }
+    }
+  }, [isActiveIdInList]);
   const hasData = data?.length;
   if (!hasData) {
-    return (0, _react.createElement)("div", {
-      className: (0, _classnames.default)({
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: (0, _clsx.default)({
         'dataviews-loading': isLoading,
         'dataviews-no-results': !hasData && !isLoading
+      }),
+      children: !hasData && /*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
+        children: isLoading ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Spinner, {}) : (0, _i18n.__)('No results')
       })
-    }, !hasData && (0, _react.createElement)("p", null, isLoading ? (0, _react.createElement)(_components.Spinner, null) : (0, _i18n.__)('No results')));
+    });
   }
-  return (0, _react.createElement)(Composite, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(Composite, {
     id: baseId,
-    render: (0, _react.createElement)("ul", null),
+    render: /*#__PURE__*/(0, _jsxRuntime.jsx)("ul", {}),
     className: "dataviews-view-list",
     role: "grid",
-    store: store
-  }, data.map(item => {
-    const id = getItemDomId(item);
-    return (0, _react.createElement)(ListItem, {
-      key: id,
-      id: id,
-      item: item,
-      isSelected: item === selectedItem,
-      onSelect: onSelect,
-      mediaField: mediaField,
-      primaryField: primaryField,
-      visibleFields: visibleFields
-    });
-  }));
+    store: store,
+    children: data.map(item => {
+      const id = getItemDomId(item);
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(ListItem, {
+        id: id,
+        actions: actions,
+        item: item,
+        isSelected: item === selectedItem,
+        onSelect: onSelect,
+        mediaField: mediaField,
+        primaryField: primaryField,
+        store: store,
+        visibleFields: visibleFields
+      }, id);
+    })
+  });
 }
 //# sourceMappingURL=view-list.js.map

package/build/view-list.js.map

@@ -1 +1 @@
-{"version":3,"names":["_classnames","_interopRequireDefault","require","_compose","_components","_element","_i18n","_lockUnlock","useCompositeStoreV2","useCompositeStore","CompositeV2","Composite","CompositeItemV2","CompositeItem","CompositeRowV2","CompositeRow","unlock","componentsPrivateApis","ListItem","id","item","isSelected","onSelect","mediaField","primaryField","visibleFields","itemRef","useRef","labelId","descriptionId","useEffect","current","scrollIntoView","behavior","block","inline","_react","createElement","ref","render","role","className","classNames","__experimentalHStack","onClick","spacing","justify","alignment","__experimentalVStack","map","field","key","VisuallyHidden","as","header","ViewList","view","fields","data","isLoading","getItemId","onSelectionChange","selection","preferredId","baseId","useInstanceId","selectedItem","findLast","includes","find","layout","filter","hiddenFields","useCallback","getItemDomId","undefined","store","defaultActiveId","hasData","length","Spinner","__"],"sources":["@wordpress/dataviews/src/view-list.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport classNames from 'classnames';\n\n/**\n * WordPress dependencies\n */\nimport { useInstanceId } from '@wordpress/compose';\nimport {\n\t__experimentalHStack as HStack,\n\t__experimentalVStack as VStack,\n\tprivateApis as componentsPrivateApis,\n\tSpinner,\n\tVisuallyHidden,\n} from '@wordpress/components';\nimport { useCallback, useEffect, useRef } from '@wordpress/element';\nimport { __ } from '@wordpress/i18n';\n\n/**\n * Internal dependencies\n */\nimport { unlock } from './lock-unlock';\n\nconst {\n\tuseCompositeStoreV2: useCompositeStore,\n\tCompositeV2: Composite,\n\tCompositeItemV2: CompositeItem,\n\tCompositeRowV2: CompositeRow,\n} = unlock( componentsPrivateApis );\n\nfunction ListItem( {\n\tid,\n\titem,\n\tisSelected,\n\tonSelect,\n\tmediaField,\n\tprimaryField,\n\tvisibleFields,\n} ) {\n\tconst itemRef = useRef( null );\n\tconst labelId = `${ id }-label`;\n\tconst descriptionId = `${ id }-description`;\n\n\tuseEffect( () => {\n\t\tif ( isSelected ) {\n\t\t\titemRef.current?.scrollIntoView( {\n\t\t\t\tbehavior: 'auto',\n\t\t\t\tblock: 'nearest',\n\t\t\t\tinline: 'nearest',\n\t\t\t} );\n\t\t}\n\t}, [ isSelected ] );\n\n\treturn (\n\t\t<CompositeRow\n\t\t\tref={ itemRef }\n\t\t\trender={ <li /> }\n\t\t\trole=\"row\"\n\t\t\tclassName={ classNames( {\n\t\t\t\t'is-selected': isSelected,\n\t\t\t} ) }\n\t\t>\n\t\t\t<HStack className=\"dataviews-view-list__item-wrapper\">\n\t\t\t\t<div role=\"gridcell\">\n\t\t\t\t\t<CompositeItem\n\t\t\t\t\t\trender={ <div /> }\n\t\t\t\t\t\trole=\"button\"\n\t\t\t\t\t\tid={ id }\n\t\t\t\t\t\taria-pressed={ isSelected }\n\t\t\t\t\t\taria-labelledby={ labelId }\n\t\t\t\t\t\taria-describedby={ descriptionId }\n\t\t\t\t\t\tclassName=\"dataviews-view-list__item\"\n\t\t\t\t\t\tonClick={ () => onSelect( item ) }\n\t\t\t\t\t>\n\t\t\t\t\t\t<HStack\n\t\t\t\t\t\t\tspacing={ 3 }\n\t\t\t\t\t\t\tjustify=\"start\"\n\t\t\t\t\t\t\talignment=\"flex-start\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<div className=\"dataviews-view-list__media-wrapper\">\n\t\t\t\t\t\t\t\t{ mediaField?.render( { item } ) || (\n\t\t\t\t\t\t\t\t\t<div className=\"dataviews-view-list__media-placeholder\"></div>\n\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t<VStack spacing={ 1 }>\n\t\t\t\t\t\t\t\t<span\n\t\t\t\t\t\t\t\t\tclassName=\"dataviews-view-list__primary-field\"\n\t\t\t\t\t\t\t\t\tid={ labelId }\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t{ primaryField?.render( { item } ) }\n\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\tclassName=\"dataviews-view-list__fields\"\n\t\t\t\t\t\t\t\t\tid={ descriptionId }\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t{ visibleFields.map( ( field ) => (\n\t\t\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\t\t\tkey={ field.id }\n\t\t\t\t\t\t\t\t\t\t\tclassName=\"dataviews-view-list__field\"\n\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t<VisuallyHidden\n\t\t\t\t\t\t\t\t\t\t\t\tas=\"span\"\n\t\t\t\t\t\t\t\t\t\t\t\tclassName=\"dataviews-view-list__field-label\"\n\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t{ field.header }\n\t\t\t\t\t\t\t\t\t\t\t</VisuallyHidden>\n\t\t\t\t\t\t\t\t\t\t\t<span className=\"dataviews-view-list__field-value\">\n\t\t\t\t\t\t\t\t\t\t\t\t{ field.render( { item } ) }\n\t\t\t\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t) ) }\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t</VStack>\n\t\t\t\t\t\t</HStack>\n\t\t\t\t\t</CompositeItem>\n\t\t\t\t</div>\n\t\t\t</HStack>\n\t\t</CompositeRow>\n\t);\n}\n\nexport default function ViewList( {\n\tview,\n\tfields,\n\tdata,\n\tisLoading,\n\tgetItemId,\n\tonSelectionChange,\n\tselection,\n\tid: preferredId,\n} ) {\n\tconst baseId = useInstanceId( ViewList, 'view-list', preferredId );\n\tconst selectedItem = data?.findLast( ( item ) =>\n\t\tselection.includes( item.id )\n\t);\n\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 visibleFields = fields.filter(\n\t\t( field ) =>\n\t\t\t! view.hiddenFields.includes( field.id ) &&\n\t\t\t! [ view.layout.primaryField, view.layout.mediaField ].includes(\n\t\t\t\tfield.id\n\t\t\t)\n\t);\n\n\tconst onSelect = useCallback(\n\t\t( item ) => onSelectionChange( [ item ] ),\n\t\t[ onSelectionChange ]\n\t);\n\n\tconst getItemDomId = useCallback(\n\t\t( item ) => ( item ? `${ baseId }-${ getItemId( item ) }` : undefined ),\n\t\t[ baseId, getItemId ]\n\t);\n\n\tconst store = useCompositeStore( {\n\t\tdefaultActiveId: getItemDomId( selectedItem ),\n\t} );\n\n\tconst hasData = data?.length;\n\tif ( ! hasData ) {\n\t\treturn (\n\t\t\t<div\n\t\t\t\tclassName={ classNames( {\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>\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\treturn (\n\t\t<Composite\n\t\t\tid={ baseId }\n\t\t\trender={ <ul /> }\n\t\t\tclassName=\"dataviews-view-list\"\n\t\t\trole=\"grid\"\n\t\t\tstore={ store }\n\t\t>\n\t\t\t{ data.map( ( item ) => {\n\t\t\t\tconst id = getItemDomId( item );\n\t\t\t\treturn (\n\t\t\t\t\t<ListItem\n\t\t\t\t\t\tkey={ id }\n\t\t\t\t\t\tid={ id }\n\t\t\t\t\t\titem={ item }\n\t\t\t\t\t\tisSelected={ item === selectedItem }\n\t\t\t\t\t\tonSelect={ onSelect }\n\t\t\t\t\t\tmediaField={ mediaField }\n\t\t\t\t\t\tprimaryField={ primaryField }\n\t\t\t\t\t\tvisibleFields={ visibleFields }\n\t\t\t\t\t/>\n\t\t\t\t);\n\t\t\t} ) }\n\t\t</Composite>\n\t);\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_clsx","_interopRequireDefault","require","_compose","_components","_element","_i18n","_icons","_lockUnlock","_itemActions","_jsxRuntime","useCompositeStoreV2","useCompositeStore","CompositeV2","Composite","CompositeItemV2","CompositeItem","CompositeRowV2","CompositeRow","DropdownMenuV2","DropdownMenu","unlock","componentsPrivateApis","ListItem","actions","id","isSelected","item","mediaField","onSelect","primaryField","store","visibleFields","itemRef","useRef","labelId","descriptionId","isHovered","setIsHovered","useState","handleMouseEnter","handleMouseLeave","useEffect","current","scrollIntoView","behavior","block","inline","primaryAction","eligibleActions","useMemo","_eligibleActions","filter","action","isEligible","_primaryActions","isPrimary","icon","isModalOpen","setIsModalOpen","primaryActionLabel","label","jsx","ref","render","role","className","clsx","onMouseEnter","onMouseLeave","children","jsxs","__experimentalHStack","alignment","spacing","onClick","justify","__experimentalVStack","map","field","VisuallyHidden","as","header","length","style","flexShrink","width","Button","isDestructive","size","ActionModal","items","closeModal","callback","trigger","moreVertical","__","disabled","onKeyDown","event","key","preventDefault","move","down","up","placement","ActionsDropdownMenuGroup","ViewList","props","data","fields","getItemId","isLoading","onSelectionChange","selection","view","baseId","useInstanceId","selectedItem","findLast","includes","find","layout","hiddenFields","useCallback","getItemDomId","undefined","defaultActiveId","isActiveIdInList","state","some","activeId","hasData","Spinner"],"sources":["@wordpress/dataviews/src/view-list.tsx"],"sourcesContent":["/**\n * External dependencies\n */\nimport clsx from 'clsx';\n// Import CompositeStore type, which is not exported from @wordpress/components.\n// eslint-disable-next-line no-restricted-imports\nimport type { CompositeStore } from '@ariakit/react';\n\n/**\n * WordPress dependencies\n */\nimport { useInstanceId } from '@wordpress/compose';\nimport {\n\t__experimentalHStack as HStack,\n\t__experimentalVStack as VStack,\n\tButton,\n\tprivateApis as componentsPrivateApis,\n\tSpinner,\n\tVisuallyHidden,\n} from '@wordpress/components';\nimport {\n\tuseCallback,\n\tuseEffect,\n\tuseMemo,\n\tuseRef,\n\tuseState,\n} from '@wordpress/element';\nimport { __ } from '@wordpress/i18n';\nimport { moreVertical } from '@wordpress/icons';\n\n/**\n * Internal dependencies\n */\nimport { unlock } from './lock-unlock';\nimport type { Action, AnyItem, NormalizedField, ViewListProps } from './types';\n\nimport { ActionsDropdownMenuGroup, ActionModal } from './item-actions';\n\ninterface ListViewItemProps< Item extends AnyItem > {\n\tactions: Action< Item >[];\n\tid?: string;\n\tisSelected: boolean;\n\titem: Item;\n\tmediaField?: NormalizedField< Item >;\n\tonSelect: ( item: Item ) => void;\n\tprimaryField?: NormalizedField< Item >;\n\tstore: CompositeStore;\n\tvisibleFields: NormalizedField< Item >[];\n}\n\nconst {\n\tuseCompositeStoreV2: useCompositeStore,\n\tCompositeV2: Composite,\n\tCompositeItemV2: CompositeItem,\n\tCompositeRowV2: CompositeRow,\n\tDropdownMenuV2: DropdownMenu,\n} = unlock( componentsPrivateApis );\n\nfunction ListItem< Item extends AnyItem >( {\n\tactions,\n\tid,\n\tisSelected,\n\titem,\n\tmediaField,\n\tonSelect,\n\tprimaryField,\n\tstore,\n\tvisibleFields,\n}: ListViewItemProps< Item > ) {\n\tconst itemRef = useRef< HTMLElement >( null );\n\tconst labelId = `${ id }-label`;\n\tconst descriptionId = `${ id }-description`;\n\n\tconst [ isHovered, setIsHovered ] = useState( false );\n\tconst handleMouseEnter = () => {\n\t\tsetIsHovered( true );\n\t};\n\tconst handleMouseLeave = () => {\n\t\tsetIsHovered( false );\n\t};\n\n\tuseEffect( () => {\n\t\tif ( isSelected ) {\n\t\t\titemRef.current?.scrollIntoView( {\n\t\t\t\tbehavior: 'auto',\n\t\t\t\tblock: 'nearest',\n\t\t\t\tinline: 'nearest',\n\t\t\t} );\n\t\t}\n\t}, [ isSelected ] );\n\n\tconst { primaryAction, 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\tprimaryAction: _primaryActions?.[ 0 ],\n\t\t\teligibleActions: _eligibleActions,\n\t\t};\n\t}, [ actions, item ] );\n\n\tconst [ isModalOpen, setIsModalOpen ] = useState( false );\n\tconst primaryActionLabel =\n\t\tprimaryAction &&\n\t\t( typeof primaryAction.label === 'string'\n\t\t\t? primaryAction.label\n\t\t\t: primaryAction.label( [ item ] ) );\n\n\treturn (\n\t\t<CompositeRow\n\t\t\tref={ itemRef }\n\t\t\trender={ <li /> }\n\t\t\trole=\"row\"\n\t\t\tclassName={ clsx( {\n\t\t\t\t'is-selected': isSelected,\n\t\t\t\t'is-hovered': isHovered,\n\t\t\t} ) }\n\t\t\tonMouseEnter={ handleMouseEnter }\n\t\t\tonMouseLeave={ handleMouseLeave }\n\t\t>\n\t\t\t<HStack\n\t\t\t\tclassName=\"dataviews-view-list__item-wrapper\"\n\t\t\t\talignment=\"center\"\n\t\t\t\tspacing={ 0 }\n\t\t\t>\n\t\t\t\t<div role=\"gridcell\">\n\t\t\t\t\t<CompositeItem\n\t\t\t\t\t\tstore={ store }\n\t\t\t\t\t\trender={ <div /> }\n\t\t\t\t\t\trole=\"button\"\n\t\t\t\t\t\tid={ id }\n\t\t\t\t\t\taria-pressed={ isSelected }\n\t\t\t\t\t\taria-labelledby={ labelId }\n\t\t\t\t\t\taria-describedby={ descriptionId }\n\t\t\t\t\t\tclassName=\"dataviews-view-list__item\"\n\t\t\t\t\t\tonClick={ () => onSelect( item ) }\n\t\t\t\t\t>\n\t\t\t\t\t\t<HStack\n\t\t\t\t\t\t\tspacing={ 3 }\n\t\t\t\t\t\t\tjustify=\"start\"\n\t\t\t\t\t\t\talignment=\"flex-start\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<div className=\"dataviews-view-list__media-wrapper\">\n\t\t\t\t\t\t\t\t{ mediaField?.render( { item } ) || (\n\t\t\t\t\t\t\t\t\t<div className=\"dataviews-view-list__media-placeholder\"></div>\n\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t<VStack spacing={ 0 }>\n\t\t\t\t\t\t\t\t<span\n\t\t\t\t\t\t\t\t\tclassName=\"dataviews-view-list__primary-field\"\n\t\t\t\t\t\t\t\t\tid={ labelId }\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t{ primaryField?.render( { item } ) }\n\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\tclassName=\"dataviews-view-list__fields\"\n\t\t\t\t\t\t\t\t\tid={ descriptionId }\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t{ visibleFields.map( ( field ) => (\n\t\t\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\t\t\tkey={ field.id }\n\t\t\t\t\t\t\t\t\t\t\tclassName=\"dataviews-view-list__field\"\n\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t<VisuallyHidden\n\t\t\t\t\t\t\t\t\t\t\t\tas=\"span\"\n\t\t\t\t\t\t\t\t\t\t\t\tclassName=\"dataviews-view-list__field-label\"\n\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t{ field.header }\n\t\t\t\t\t\t\t\t\t\t\t</VisuallyHidden>\n\t\t\t\t\t\t\t\t\t\t\t<span className=\"dataviews-view-list__field-value\">\n\t\t\t\t\t\t\t\t\t\t\t\t{ field.render( { item } ) }\n\t\t\t\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t) ) }\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t</VStack>\n\t\t\t\t\t\t</HStack>\n\t\t\t\t\t</CompositeItem>\n\t\t\t\t</div>\n\t\t\t\t{ actions?.length > 0 && (\n\t\t\t\t\t<HStack\n\t\t\t\t\t\tspacing={ 1 }\n\t\t\t\t\t\tjustify=\"flex-end\"\n\t\t\t\t\t\tclassName=\"dataviews-view-list__item-actions\"\n\t\t\t\t\t\tstyle={ {\n\t\t\t\t\t\t\tflexShrink: '0',\n\t\t\t\t\t\t\twidth: 'auto',\n\t\t\t\t\t\t} }\n\t\t\t\t\t>\n\t\t\t\t\t\t{ primaryAction && 'RenderModal' in primaryAction && (\n\t\t\t\t\t\t\t<div role=\"gridcell\">\n\t\t\t\t\t\t\t\t<CompositeItem\n\t\t\t\t\t\t\t\t\tstore={ store }\n\t\t\t\t\t\t\t\t\trender={\n\t\t\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\t\t\tlabel={ primaryActionLabel }\n\t\t\t\t\t\t\t\t\t\t\ticon={ primaryAction.icon }\n\t\t\t\t\t\t\t\t\t\t\tisDestructive={\n\t\t\t\t\t\t\t\t\t\t\t\tprimaryAction.isDestructive\n\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\tsize=\"compact\"\n\t\t\t\t\t\t\t\t\t\t\tonClick={ () =>\n\t\t\t\t\t\t\t\t\t\t\t\tsetIsModalOpen( true )\n\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t{ isModalOpen && (\n\t\t\t\t\t\t\t\t\t\t<ActionModal< Item >\n\t\t\t\t\t\t\t\t\t\t\taction={ primaryAction }\n\t\t\t\t\t\t\t\t\t\t\titems={ [ item ] }\n\t\t\t\t\t\t\t\t\t\t\tcloseModal={ () =>\n\t\t\t\t\t\t\t\t\t\t\t\tsetIsModalOpen( false )\n\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t</CompositeItem>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t) }\n\t\t\t\t\t\t{ primaryAction &&\n\t\t\t\t\t\t\t! ( 'RenderModal' in primaryAction ) && (\n\t\t\t\t\t\t\t\t<div role=\"gridcell\" key={ primaryAction.id }>\n\t\t\t\t\t\t\t\t\t<CompositeItem\n\t\t\t\t\t\t\t\t\t\tstore={ store }\n\t\t\t\t\t\t\t\t\t\trender={\n\t\t\t\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\t\t\t\tlabel={ primaryActionLabel }\n\t\t\t\t\t\t\t\t\t\t\t\ticon={ primaryAction.icon }\n\t\t\t\t\t\t\t\t\t\t\t\tisDestructive={\n\t\t\t\t\t\t\t\t\t\t\t\t\tprimaryAction.isDestructive\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\tsize=\"compact\"\n\t\t\t\t\t\t\t\t\t\t\t\tonClick={ () =>\n\t\t\t\t\t\t\t\t\t\t\t\t\tprimaryAction.callback( [\n\t\t\t\t\t\t\t\t\t\t\t\t\t\titem,\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/>\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t<div role=\"gridcell\">\n\t\t\t\t\t\t\t<DropdownMenu\n\t\t\t\t\t\t\t\ttrigger={\n\t\t\t\t\t\t\t\t\t<CompositeItem\n\t\t\t\t\t\t\t\t\t\tstore={ store }\n\t\t\t\t\t\t\t\t\t\trender={\n\t\t\t\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\t\t\t\tsize=\"compact\"\n\t\t\t\t\t\t\t\t\t\t\t\ticon={ moreVertical }\n\t\t\t\t\t\t\t\t\t\t\t\tlabel={ __( 'Actions' ) }\n\t\t\t\t\t\t\t\t\t\t\t\tdisabled={ ! actions.length }\n\t\t\t\t\t\t\t\t\t\t\t\tonKeyDown={ ( event: {\n\t\t\t\t\t\t\t\t\t\t\t\t\tkey: string;\n\t\t\t\t\t\t\t\t\t\t\t\t\tpreventDefault: () => void;\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\t\tif (\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tevent.key ===\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t'ArrowDown'\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\t// Prevent the default behaviour (open dropdown menu) and go down.\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tevent.preventDefault();\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tstore.move(\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tstore.down()\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\t\tif (\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tevent.key === 'ArrowUp'\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\t// Prevent the default behavior (open dropdown menu) and go up.\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tevent.preventDefault();\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tstore.move(\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tstore.up()\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\tplacement=\"bottom-end\"\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<ActionsDropdownMenuGroup\n\t\t\t\t\t\t\t\t\tactions={ eligibleActions }\n\t\t\t\t\t\t\t\t\titem={ item }\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t</DropdownMenu>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</HStack>\n\t\t\t\t) }\n\t\t\t</HStack>\n\t\t</CompositeRow>\n\t);\n}\n\nexport default function ViewList< Item extends AnyItem >(\n\tprops: ViewListProps< Item >\n) {\n\tconst {\n\t\tactions,\n\t\tdata,\n\t\tfields,\n\t\tgetItemId,\n\t\tisLoading,\n\t\tonSelectionChange,\n\t\tselection,\n\t\tview,\n\t} = props;\n\tconst baseId = useInstanceId( ViewList, 'view-list' );\n\tconst selectedItem = data?.findLast( ( item ) =>\n\t\tselection.includes( item.id )\n\t);\n\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 visibleFields = fields.filter(\n\t\t( field ) =>\n\t\t\t! view.hiddenFields.includes( field.id ) &&\n\t\t\t! [ view.layout.primaryField, view.layout.mediaField ].includes(\n\t\t\t\tfield.id\n\t\t\t)\n\t);\n\n\tconst onSelect = useCallback(\n\t\t( item: Item ) => onSelectionChange( [ item ] ),\n\t\t[ onSelectionChange ]\n\t);\n\n\tconst getItemDomId = useCallback(\n\t\t( item?: Item ) =>\n\t\t\titem ? `${ baseId }-${ getItemId( item ) }` : undefined,\n\t\t[ baseId, getItemId ]\n\t);\n\n\tconst store = useCompositeStore( {\n\t\tdefaultActiveId: getItemDomId( selectedItem ),\n\t} );\n\n\t// Manage focused item, when the active one is removed from the list.\n\tconst isActiveIdInList = store.useState(\n\t\t( state: { items: any[]; activeId: any } ) =>\n\t\t\tstate.items.some(\n\t\t\t\t( item: { id: any } ) => item.id === state.activeId\n\t\t\t)\n\t);\n\tuseEffect( () => {\n\t\tif ( ! isActiveIdInList ) {\n\t\t\t// Prefer going down, except if there is no item below (last item), then go up (last item in list).\n\t\t\tif ( store.down() ) {\n\t\t\t\tstore.move( store.down() );\n\t\t\t} else if ( store.up() ) {\n\t\t\t\tstore.move( store.up() );\n\t\t\t}\n\t\t}\n\t}, [ isActiveIdInList ] );\n\n\tconst hasData = data?.length;\n\tif ( ! hasData ) {\n\t\treturn (\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>\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\treturn (\n\t\t<Composite\n\t\t\tid={ baseId }\n\t\t\trender={ <ul /> }\n\t\t\tclassName=\"dataviews-view-list\"\n\t\t\trole=\"grid\"\n\t\t\tstore={ store }\n\t\t>\n\t\t\t{ data.map( ( item ) => {\n\t\t\t\tconst id = getItemDomId( item );\n\t\t\t\treturn (\n\t\t\t\t\t<ListItem\n\t\t\t\t\t\tkey={ id }\n\t\t\t\t\t\tid={ id }\n\t\t\t\t\t\tactions={ actions }\n\t\t\t\t\t\titem={ item }\n\t\t\t\t\t\tisSelected={ item === selectedItem }\n\t\t\t\t\t\tonSelect={ onSelect }\n\t\t\t\t\t\tmediaField={ mediaField }\n\t\t\t\t\t\tprimaryField={ primaryField }\n\t\t\t\t\t\tstore={ store }\n\t\t\t\t\t\tvisibleFields={ visibleFields }\n\t\t\t\t\t/>\n\t\t\t\t);\n\t\t\t} ) }\n\t\t</Composite>\n\t);\n}\n"],"mappings":"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","ignoreList":[]}