@razorpay/blade 12.65.1 → 12.67.0

package/build/lib/web/development/components/Pagination/Pagination.web.js

@@ -0,0 +1,466 @@
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import { useMemo, useState, useCallback } from 'react';
+import styled from 'styled-components';
+import { pagination } from './tokens.js';
+import isUndefined from '../../utils/lodashButBetter/isUndefined.js';
+import getIn from '../../utils/lodashButBetter/get.js';
+import '../Box/BaseBox/index.js';
+import '../Icons/index.js';
+import '../Dropdown/index.js';
+import '../Input/DropdownInputTriggers/index.js';
+import '../ActionList/index.js';
+import '../Typography/index.js';
+import '../../utils/index.js';
+import '../Button/index.js';
+import '../../utils/makeAccessible/index.js';
+import '../../utils/assignWithoutSideEffects/index.js';
+import '../BladeProvider/index.js';
+import '../../utils/getFocusRingStyles/index.js';
+import '../../utils/makeAnalyticsAttribute/index.js';
+import '../../utils/metaAttribute/index.js';
+import { useControllableState } from '../../utils/useControllable.js';
+import '../Box/styledProps/index.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { metaAttribute } from '../../utils/metaAttribute/metaAttribute.web.js';
+import { MetaConstants } from '../../utils/metaAttribute/metaConstants.js';
+import { makeSize } from '../../utils/makeSize/makeSize.js';
+import { getFocusRingStyles } from '../../utils/getFocusRingStyles/getFocusRingStyles.web.js';
+import useTheme from '../BladeProvider/useTheme.js';
+import { BaseBox } from '../Box/BaseBox/BaseBox.web.js';
+import { getStyledProps } from '../Box/styledProps/getStyledProps.js';
+import { makeAnalyticsAttribute } from '../../utils/makeAnalyticsAttribute/makeAnalyticsAttribute.js';
+import { Text } from '../Typography/Text/Text.js';
+import { Dropdown } from '../Dropdown/Dropdown.js';
+import { SelectInput } from '../Input/DropdownInputTriggers/SelectInput.js';
+import { DropdownOverlay } from '../Dropdown/DropdownOverlay.web.js';
+import { ActionList } from '../ActionList/ActionList.js';
+import { ActionListItem } from '../ActionList/ActionListItem.js';
+import Button from '../Button/Button/Button.js';
+import ChevronLeftIcon from '../Icons/ChevronLeftIcon/ChevronLeftIcon.js';
+import { makeAccessible } from '../../utils/makeAccessible/makeAccessible.web.js';
+import ChevronsLeftIcon from '../Icons/ChevronsLeftIcon/ChevronsLeftIcon.js';
+import MoreHorizontalIcon from '../Icons/MoreHorizontalIcon/MoreHorizontalIcon.js';
+import ChevronsRightIcon from '../Icons/ChevronsRightIcon/ChevronsRightIcon.js';
+import ChevronRightIcon from '../Icons/ChevronRightIcon/ChevronRightIcon.js';
+import { assignWithoutSideEffects } from '../../utils/assignWithoutSideEffects/assignWithoutSideEffects.js';
+
+var _excluded = ["totalPages", "selectedPage", "defaultSelectedPage", "onSelectedPageChange", "defaultPageSize", "pageSize", "pageSizeLabel", "onPageSizeChange", "showPageSizePicker", "showPageNumberSelector", "showLabel", "label", "isDisabled"];
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var pageSizeOptions = [10, 25, 50];
+var PageSelectionButton = /*#__PURE__*/styled.button.attrs(function () {
+  return _objectSpread({}, metaAttribute({
+    name: MetaConstants.TablePageSelectionButton
+  }));
+}).withConfig({
+  displayName: "Paginationweb__PageSelectionButton",
+  componentId: "m9qfda-0"
+})(function (_ref) {
+  var theme = _ref.theme,
+    isSelected = _ref.isSelected,
+    isDisabled = _ref.isDisabled;
+  return {
+    backgroundColor: isSelected ? getIn(theme.colors, pagination.pageSelectionButton.backgroundColorSelected) : 'transparent',
+    border: 'none',
+    cursor: isDisabled ? 'not-allowed' : 'pointer',
+    height: makeSize(pagination.pageSelectionButton.height),
+    width: makeSize(pagination.pageSelectionButton.width),
+    display: 'flex',
+    alignItems: 'center',
+    justifyContent: 'center',
+    borderRadius: getIn(theme.border.radius, pagination.pageSelectionButton.borderRadius),
+    opacity: isDisabled ? 0.5 : 1,
+    '&:hover': {
+      backgroundColor: isDisabled ? 'transparent' : isSelected ? getIn(theme.colors, pagination.pageSelectionButton.backgroundColorSelectedHover) : getIn(theme.colors, pagination.pageSelectionButton.backgroundColorHover)
+    },
+    '&:focus-visible': _objectSpread(_objectSpread({
+      backgroundColor: isDisabled ? 'transparent' : isSelected ? getIn(theme.colors, pagination.pageSelectionButton.backgroundColorSelectedActive) : getIn(theme.colors, pagination.pageSelectionButton.backgroundColorActive)
+    }, getFocusRingStyles({
+      theme: theme
+    })), {}, {
+      outline: 'none',
+      '&:focus-visible': getFocusRingStyles({
+        theme: theme
+      })
+    }),
+    '&:active': {
+      backgroundColor: isDisabled ? 'transparent' : isSelected ? getIn(theme.colors, pagination.pageSelectionButton.backgroundColorSelectedActive) : getIn(theme.colors, pagination.pageSelectionButton.backgroundColorActive)
+    }
+  };
+});
+var getPaginationButtons = function getPaginationButtons(_ref2) {
+  var currentSelection = _ref2.currentSelection,
+    totalPages = _ref2.totalPages;
+  var halfRange = 2;
+  var minMiddleItems = 5;
+
+  // return if totalPages is less than minMiddleItems
+  if (totalPages <= minMiddleItems) {
+    return {
+      middleItems: Array.from({
+        length: totalPages - 2
+      }, function (_, index) {
+        return index + 2;
+      }),
+      showStartEllipsis: false,
+      showEndEllipsis: false,
+      firstItem: 1,
+      lastItem: totalPages
+    };
+  }
+  var start = Math.max(1, currentSelection - halfRange);
+  var end = Math.min(totalPages, start + 2 * halfRange);
+
+  // Ensure at least minMiddleItems items in middleItems
+  while (end - start + 1 < minMiddleItems && (start > 1 || end < totalPages)) {
+    if (start > 1) {
+      start--;
+    }
+    if (end < totalPages) {
+      end++;
+    }
+  }
+  var showStartEllipsis = false;
+  var showEndEllipsis = false;
+  var paginationButtons = [];
+  for (var i = start; i <= end; i++) {
+    paginationButtons.push(i);
+  }
+
+  // if paginationButtons contains 1, remove it
+  if (paginationButtons.includes(1)) {
+    paginationButtons.shift();
+    // add an extra item at the end if length of total pages is greater than minMiddleItems+1
+    if (totalPages > minMiddleItems + 1) paginationButtons.push(end + 1);
+  }
+
+  // if paginationButtons contains totalPages, remove it
+  if (paginationButtons.includes(totalPages)) {
+    paginationButtons.pop();
+    // add an extra item at the beginning if length of total pages is greater than minMiddleItems+1
+    if (totalPages > minMiddleItems + 1) paginationButtons.unshift(start - 1);
+  }
+  if (paginationButtons[0] > 2) {
+    showStartEllipsis = true;
+  }
+  if (paginationButtons[paginationButtons.length - 1] + 1 < totalPages) {
+    showEndEllipsis = true;
+  }
+  return {
+    middleItems: paginationButtons,
+    showStartEllipsis: showStartEllipsis,
+    showEndEllipsis: showEndEllipsis,
+    firstItem: 1,
+    lastItem: totalPages
+  };
+};
+var _Pagination = function _Pagination(_ref3) {
+  var controlledTotalPages = _ref3.totalPages,
+    controlledSelectedPage = _ref3.selectedPage,
+    _ref3$defaultSelected = _ref3.defaultSelectedPage,
+    defaultSelectedPage = _ref3$defaultSelected === void 0 ? 1 : _ref3$defaultSelected,
+    onSelectedPageChange = _ref3.onSelectedPageChange,
+    _ref3$defaultPageSize = _ref3.defaultPageSize,
+    defaultPageSize = _ref3$defaultPageSize === void 0 ? pagination.defaultPageSize : _ref3$defaultPageSize,
+    controlledPageSize = _ref3.pageSize,
+    _ref3$pageSizeLabel = _ref3.pageSizeLabel,
+    pageSizeLabel = _ref3$pageSizeLabel === void 0 ? 'items / page' : _ref3$pageSizeLabel,
+    onPageSizeChange = _ref3.onPageSizeChange,
+    _ref3$showPageSizePic = _ref3.showPageSizePicker,
+    showPageSizePicker = _ref3$showPageSizePic === void 0 ? false : _ref3$showPageSizePic,
+    _ref3$showPageNumberS = _ref3.showPageNumberSelector,
+    showPageNumberSelector = _ref3$showPageNumberS === void 0 ? false : _ref3$showPageNumberS,
+    _ref3$showLabel = _ref3.showLabel,
+    showLabel = _ref3$showLabel === void 0 ? false : _ref3$showLabel,
+    label = _ref3.label,
+    _ref3$isDisabled = _ref3.isDisabled,
+    isDisabled = _ref3$isDisabled === void 0 ? false : _ref3$isDisabled,
+    rest = _objectWithoutProperties(_ref3, _excluded);
+  // Convert 1-based external page to 0-based internal page
+  var controlledInternalPage = useMemo(function () {
+    if (isUndefined(controlledSelectedPage)) {
+      return undefined;
+    }
+    return controlledSelectedPage - 1;
+  }, [controlledSelectedPage]);
+  var defaultInternalPage = useMemo(function () {
+    return defaultSelectedPage - 1;
+  }, [defaultSelectedPage]);
+  var _useControllableState = useControllableState({
+      defaultValue: defaultInternalPage,
+      value: controlledInternalPage,
+      onChange: function onChange(page) {
+        // Convert 0-based internal page back to 1-based external page
+        onSelectedPageChange === null || onSelectedPageChange === void 0 || onSelectedPageChange({
+          page: page + 1
+        });
+      }
+    }),
+    _useControllableState2 = _slicedToArray(_useControllableState, 2),
+    internalPage = _useControllableState2[0],
+    setInternalPage = _useControllableState2[1];
+  var _useControllableState3 = useControllableState({
+      defaultValue: defaultPageSize,
+      value: controlledPageSize,
+      onChange: function onChange(pageSize) {
+        onPageSizeChange === null || onPageSizeChange === void 0 || onPageSizeChange({
+          pageSize: pageSize
+        });
+        setInternalPage(function () {
+          return defaultInternalPage;
+        });
+      }
+    }),
+    _useControllableState4 = _slicedToArray(_useControllableState3, 2),
+    internalPageSize = _useControllableState4[0],
+    setInternalPageSize = _useControllableState4[1];
+
+  // Calculate totalPages
+  var totalPages = useMemo(function () {
+    if (!isUndefined(controlledTotalPages)) {
+      return controlledTotalPages;
+    }
+    return 1;
+  }, [controlledTotalPages]);
+  var _useState = useState(undefined),
+    _useState2 = _slicedToArray(_useState, 2),
+    currentEllipseHover = _useState2[0],
+    setCurrentEllipseHover = _useState2[1];
+
+  // Generate default label
+  var defaultLabel = label ? label : "Showing ".concat(internalPage * internalPageSize + 1, "-").concat((internalPage + 1) * internalPageSize, " items");
+  var _useTheme = useTheme(),
+    platform = _useTheme.platform;
+  var onMobile = platform === 'onMobile';
+  var handlePageChange = useCallback(function (page) {
+    if (isDisabled) return;
+
+    // page is 0-based internally
+    var pageToJumpTo = page;
+    if (pageToJumpTo < 0) {
+      pageToJumpTo = 0;
+    } else if (pageToJumpTo > totalPages - 1) {
+      pageToJumpTo = totalPages - 1;
+    }
+    setInternalPage(function () {
+      return pageToJumpTo;
+    });
+  }, [isDisabled, setInternalPage, totalPages]);
+  var handlePageSizeChange = useCallback(function (pageSize) {
+    if (isDisabled) return;
+    setInternalPageSize(function () {
+      return pageSize;
+    });
+  }, [isDisabled, setInternalPageSize]);
+  var shouldDisableNextPage = function shouldDisableNextPage() {
+    return internalPage >= totalPages - 1 || isDisabled;
+  };
+  var shouldDisablePreviousPage = function shouldDisablePreviousPage() {
+    return internalPage <= 0 || isDisabled;
+  };
+  var paginationButtons = getPaginationButtons({
+    currentSelection: internalPage + 1,
+    totalPages: totalPages
+  });
+  return /*#__PURE__*/jsxs(BaseBox, _objectSpread(_objectSpread(_objectSpread(_objectSpread({
+    display: "flex",
+    flexDirection: "row",
+    backgroundColor: "transparent",
+    padding: pagination.padding
+  }, getStyledProps(rest)), makeAnalyticsAttribute(rest)), metaAttribute({
+    name: MetaConstants.Pagination,
+    testID: rest.testID
+  })), {}, {
+    children: [showLabel && !onMobile && /*#__PURE__*/jsx(BaseBox, {
+      display: "flex",
+      justifyContent: "center",
+      alignItems: "center",
+      children: /*#__PURE__*/jsx(Text, {
+        size: "medium",
+        weight: "semibold",
+        children: defaultLabel
+      })
+    }), /*#__PURE__*/jsxs(BaseBox, {
+      display: "flex",
+      flex: 1,
+      gap: "spacing.2",
+      justifyContent: "flex-end",
+      alignItems: "center",
+      children: [showPageSizePicker && !onMobile && /*#__PURE__*/jsxs(BaseBox, {
+        display: "flex",
+        flexDirection: "row",
+        alignItems: "center",
+        children: [/*#__PURE__*/jsxs(Dropdown, {
+          selectionType: "single",
+          children: [/*#__PURE__*/jsx(SelectInput, {
+            accessibilityLabel: "Select items per page",
+            name: "page-size",
+            label: "",
+            labelPosition: "inside-input",
+            placeholder: "",
+            onChange: function onChange(_ref4) {
+              var values = _ref4.values;
+              handlePageSizeChange(Number(values[0]));
+            },
+            value: internalPageSize.toString(),
+            isDisabled: isDisabled
+          }), /*#__PURE__*/jsx(DropdownOverlay, {
+            children: /*#__PURE__*/jsx(ActionList, {
+              children: pageSizeOptions.map(function (item, index) {
+                return /*#__PURE__*/jsx(ActionListItem, {
+                  title: item.toString(),
+                  value: item.toString()
+                }, index);
+              })
+            })
+          })]
+        }), /*#__PURE__*/jsx(BaseBox, {
+          "aria-hidden": true,
+          paddingLeft: "spacing.3",
+          paddingRight: "spacing.3",
+          children: /*#__PURE__*/jsxs(Text, {
+            children: [" ", pageSizeLabel, " "]
+          })
+        })]
+      }), /*#__PURE__*/jsxs(BaseBox, {
+        display: "flex",
+        flexDirection: "row",
+        gap: "spacing.2",
+        flex: onMobile ? 1 : undefined,
+        alignItems: "center",
+        children: [/*#__PURE__*/jsx(Button, {
+          icon: ChevronLeftIcon,
+          accessibilityLabel: "Previous Page",
+          variant: "tertiary",
+          onClick: function onClick() {
+            handlePageChange(internalPage - 1);
+          },
+          isDisabled: shouldDisablePreviousPage()
+        }), onMobile && /*#__PURE__*/jsx(BaseBox, {
+          flex: 1,
+          alignItems: "center",
+          justifyContent: "center",
+          children: /*#__PURE__*/jsx(Text, {
+            textAlign: "center",
+            children: "Showing ".concat(internalPage + 1, " of ").concat(totalPages, " pages")
+          })
+        }), totalPages > 1 && showPageNumberSelector && !onMobile && /*#__PURE__*/jsxs(BaseBox, {
+          gap: "spacing.1",
+          display: "flex",
+          flexDirection: "row",
+          children: [/*#__PURE__*/jsx(PageSelectionButton, _objectSpread(_objectSpread({
+            onClick: function onClick() {
+              return handlePageChange(paginationButtons.firstItem - 1);
+            },
+            isSelected: internalPage === paginationButtons.firstItem - 1,
+            isDisabled: isDisabled
+          }, makeAccessible({
+            label: "Page ".concat(paginationButtons.firstItem)
+          })), {}, {
+            children: /*#__PURE__*/jsx(Text, {
+              size: "medium",
+              color: internalPage === paginationButtons.firstItem - 1 ? pagination.pageSelectionButton.textColorSelected : pagination.pageSelectionButton.textColor,
+              children: paginationButtons.firstItem
+            })
+          })), paginationButtons.showStartEllipsis && /*#__PURE__*/jsx(PageSelectionButton, _objectSpread(_objectSpread({
+            onClick: function onClick() {
+              return handlePageChange(internalPage - 5);
+            },
+            onMouseOver: function onMouseOver() {
+              return setCurrentEllipseHover('start');
+            },
+            onMouseLeave: function onMouseLeave() {
+              return setCurrentEllipseHover(undefined);
+            },
+            onFocus: function onFocus() {
+              return setCurrentEllipseHover('start');
+            },
+            onBlur: function onBlur() {
+              return setCurrentEllipseHover(undefined);
+            },
+            isDisabled: isDisabled
+          }, makeAccessible({
+            label: 'Go back 5 pages'
+          })), {}, {
+            children: currentEllipseHover === 'start' ? /*#__PURE__*/jsx(ChevronsLeftIcon, {
+              size: "medium"
+            }) : /*#__PURE__*/jsx(MoreHorizontalIcon, {
+              size: "medium"
+            })
+          })), paginationButtons.middleItems.map(function (item) {
+            return /*#__PURE__*/jsx(PageSelectionButton, _objectSpread(_objectSpread({
+              onClick: function onClick() {
+                return handlePageChange(item - 1);
+              },
+              isSelected: internalPage === item - 1,
+              isDisabled: isDisabled
+            }, makeAccessible({
+              label: "Page ".concat(item)
+            })), {}, {
+              children: /*#__PURE__*/jsx(Text, {
+                size: "medium",
+                color: internalPage === item - 1 ? pagination.pageSelectionButton.textColorSelected : pagination.pageSelectionButton.textColor,
+                children: item
+              })
+            }), item - 1);
+          }), paginationButtons.showEndEllipsis && /*#__PURE__*/jsx(PageSelectionButton, _objectSpread(_objectSpread({
+            onClick: function onClick() {
+              return handlePageChange(internalPage + 5);
+            },
+            onMouseOver: function onMouseOver() {
+              return setCurrentEllipseHover('end');
+            },
+            onMouseLeave: function onMouseLeave() {
+              return setCurrentEllipseHover(undefined);
+            },
+            onFocus: function onFocus() {
+              return setCurrentEllipseHover('end');
+            },
+            onBlur: function onBlur() {
+              return setCurrentEllipseHover(undefined);
+            },
+            isDisabled: isDisabled
+          }, makeAccessible({
+            label: 'Go forward 5 pages'
+          })), {}, {
+            children: currentEllipseHover === 'end' ? /*#__PURE__*/jsx(ChevronsRightIcon, {
+              size: "medium"
+            }) : /*#__PURE__*/jsx(MoreHorizontalIcon, {
+              size: "medium"
+            })
+          })), /*#__PURE__*/jsx(PageSelectionButton, _objectSpread(_objectSpread({
+            onClick: function onClick() {
+              return handlePageChange(paginationButtons.lastItem - 1);
+            },
+            isSelected: internalPage === paginationButtons.lastItem - 1,
+            isDisabled: isDisabled
+          }, makeAccessible({
+            label: "Page ".concat(paginationButtons.lastItem)
+          })), {}, {
+            children: /*#__PURE__*/jsx(Text, {
+              size: "medium",
+              color: internalPage === paginationButtons.lastItem - 1 ? pagination.pageSelectionButton.textColorSelected : pagination.pageSelectionButton.textColor,
+              children: paginationButtons.lastItem
+            })
+          }))]
+        }), /*#__PURE__*/jsx(Button, {
+          variant: "tertiary",
+          icon: ChevronRightIcon,
+          accessibilityLabel: "Next Page",
+          onClick: function onClick() {
+            handlePageChange(internalPage + 1);
+          },
+          isDisabled: shouldDisableNextPage()
+        })]
+      })]
+    })]
+  }));
+};
+var Pagination = /*#__PURE__*/assignWithoutSideEffects(_Pagination, {
+  componentId: 'Pagination'
+});
+
+export { Pagination };
+//# sourceMappingURL=Pagination.web.js.map

package/build/lib/web/development/components/Pagination/Pagination.web.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Pagination.web.js","sources":["../../../../../../src/components/Pagination/Pagination.web.tsx"],"sourcesContent":["import React, { useCallback, useMemo, useState } from 'react';\nimport styled from 'styled-components';\nimport { pagination } from './tokens';\nimport type { PaginationProps } from './types';\nimport isUndefined from '~utils/lodashButBetter/isUndefined';\nimport getIn from '~utils/lodashButBetter/get';\nimport BaseBox from '~components/Box/BaseBox';\nimport {\n  ChevronLeftIcon,\n  ChevronRightIcon,\n  ChevronsLeftIcon,\n  ChevronsRightIcon,\n  MoreHorizontalIcon,\n} from '~components/Icons';\nimport { Dropdown, DropdownOverlay } from '~components/Dropdown';\nimport { SelectInput } from '~components/Input/DropdownInputTriggers';\nimport { ActionList, ActionListItem } from '~components/ActionList';\nimport { Text } from '~components/Typography';\nimport { makeSize } from '~utils';\nimport { Button } from '~components/Button';\nimport { makeAccessible } from '~utils/makeAccessible';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport { useTheme } from '~components/BladeProvider';\nimport { getFocusRingStyles } from '~utils/getFocusRingStyles';\nimport { makeAnalyticsAttribute } from '~utils/makeAnalyticsAttribute';\nimport { metaAttribute, MetaConstants } from '~utils/metaAttribute';\nimport { useControllableState } from '~utils/useControllable';\nimport { getStyledProps } from '~components/Box/styledProps';\n\nconst pageSizeOptions: NonNullable<PaginationProps['defaultPageSize']>[] = [10, 25, 50];\n\nconst PageSelectionButton = styled.button.attrs(() => {\n  return {\n    ...metaAttribute({ name: MetaConstants.TablePageSelectionButton }),\n  };\n})<{ isSelected?: boolean; isDisabled?: boolean }>(({ theme, isSelected, isDisabled }) => ({\n  backgroundColor: isSelected\n    ? getIn(theme.colors, pagination.pageSelectionButton.backgroundColorSelected)\n    : 'transparent',\n  border: 'none',\n  cursor: isDisabled ? 'not-allowed' : 'pointer',\n  height: makeSize(pagination.pageSelectionButton.height),\n  width: makeSize(pagination.pageSelectionButton.width),\n  display: 'flex',\n  alignItems: 'center',\n  justifyContent: 'center',\n  borderRadius: getIn(theme.border.radius, pagination.pageSelectionButton.borderRadius),\n  opacity: isDisabled ? 0.5 : 1,\n  '&:hover': {\n    backgroundColor: isDisabled\n      ? 'transparent'\n      : isSelected\n      ? getIn(theme.colors, pagination.pageSelectionButton.backgroundColorSelectedHover)\n      : getIn(theme.colors, pagination.pageSelectionButton.backgroundColorHover),\n  },\n  '&:focus-visible': {\n    backgroundColor: isDisabled\n      ? 'transparent'\n      : isSelected\n      ? getIn(theme.colors, pagination.pageSelectionButton.backgroundColorSelectedActive)\n      : getIn(theme.colors, pagination.pageSelectionButton.backgroundColorActive),\n    ...getFocusRingStyles({ theme }),\n    outline: 'none',\n    '&:focus-visible': getFocusRingStyles({ theme }),\n  },\n  '&:active': {\n    backgroundColor: isDisabled\n      ? 'transparent'\n      : isSelected\n      ? getIn(theme.colors, pagination.pageSelectionButton.backgroundColorSelectedActive)\n      : getIn(theme.colors, pagination.pageSelectionButton.backgroundColorActive),\n  },\n}));\n\nconst getPaginationButtons = ({\n  currentSelection,\n  totalPages,\n}: {\n  currentSelection: number;\n  totalPages: number;\n}): {\n  middleItems: number[];\n  showStartEllipsis: boolean;\n  showEndEllipsis: boolean;\n  firstItem: number;\n  lastItem: number;\n} => {\n  const halfRange = 2;\n  const minMiddleItems = 5;\n\n  // return if totalPages is less than minMiddleItems\n  if (totalPages <= minMiddleItems) {\n    return {\n      middleItems: Array.from({ length: totalPages - 2 }, (_, index) => index + 2),\n      showStartEllipsis: false,\n      showEndEllipsis: false,\n      firstItem: 1,\n      lastItem: totalPages,\n    };\n  }\n\n  let start = Math.max(1, currentSelection - halfRange);\n  let end = Math.min(totalPages, start + 2 * halfRange);\n\n  // Ensure at least minMiddleItems items in middleItems\n  while (end - start + 1 < minMiddleItems && (start > 1 || end < totalPages)) {\n    if (start > 1) {\n      start--;\n    }\n    if (end < totalPages) {\n      end++;\n    }\n  }\n\n  let showStartEllipsis = false;\n  let showEndEllipsis = false;\n\n  const paginationButtons: number[] = [];\n  for (let i = start; i <= end; i++) {\n    paginationButtons.push(i);\n  }\n\n  // if paginationButtons contains 1, remove it\n  if (paginationButtons.includes(1)) {\n    paginationButtons.shift();\n    // add an extra item at the end if length of total pages is greater than minMiddleItems+1\n    if (totalPages > minMiddleItems + 1) paginationButtons.push(end + 1);\n  }\n\n  // if paginationButtons contains totalPages, remove it\n  if (paginationButtons.includes(totalPages)) {\n    paginationButtons.pop();\n    // add an extra item at the beginning if length of total pages is greater than minMiddleItems+1\n    if (totalPages > minMiddleItems + 1) paginationButtons.unshift(start - 1);\n  }\n\n  if (paginationButtons[0] > 2) {\n    showStartEllipsis = true;\n  }\n\n  if (paginationButtons[paginationButtons.length - 1] + 1 < totalPages) {\n    showEndEllipsis = true;\n  }\n\n  return {\n    middleItems: paginationButtons,\n    showStartEllipsis,\n    showEndEllipsis,\n    firstItem: 1,\n    lastItem: totalPages,\n  };\n};\n\nconst _Pagination = ({\n  totalPages: controlledTotalPages,\n  selectedPage: controlledSelectedPage,\n  defaultSelectedPage = 1,\n  onSelectedPageChange,\n  defaultPageSize = pagination.defaultPageSize,\n  pageSize: controlledPageSize,\n  pageSizeLabel = 'items / page',\n  onPageSizeChange,\n  showPageSizePicker = false,\n  showPageNumberSelector = false,\n  showLabel = false,\n  label,\n  isDisabled = false,\n  ...rest\n}: PaginationProps): React.ReactElement => {\n  // Convert 1-based external page to 0-based internal page\n  const controlledInternalPage = useMemo(() => {\n    if (isUndefined(controlledSelectedPage)) {\n      return undefined;\n    }\n    return controlledSelectedPage - 1;\n  }, [controlledSelectedPage]);\n\n  const defaultInternalPage = useMemo(() => {\n    return defaultSelectedPage - 1;\n  }, [defaultSelectedPage]);\n\n  const [internalPage, setInternalPage] = useControllableState<number>({\n    defaultValue: defaultInternalPage,\n    value: controlledInternalPage,\n    onChange: (page) => {\n      // Convert 0-based internal page back to 1-based external page\n      onSelectedPageChange?.({ page: page + 1 });\n    },\n  });\n\n  const [internalPageSize, setInternalPageSize] = useControllableState<10 | 25 | 50>({\n    defaultValue: defaultPageSize,\n    value: controlledPageSize,\n    onChange: (pageSize) => {\n      onPageSizeChange?.({ pageSize });\n      setInternalPage(() => defaultInternalPage);\n    },\n  });\n\n  // Calculate totalPages\n  const totalPages = useMemo(() => {\n    if (!isUndefined(controlledTotalPages)) {\n      return controlledTotalPages;\n    }\n\n    return 1;\n  }, [controlledTotalPages]);\n\n  const [currentEllipseHover, setCurrentEllipseHover] = useState<'start' | 'end' | undefined>(\n    undefined,\n  );\n\n  // Generate default label\n  const defaultLabel = label\n    ? label\n    : `Showing ${internalPage * internalPageSize + 1}-${\n        (internalPage + 1) * internalPageSize\n      } items`;\n\n  const { platform } = useTheme();\n  const onMobile = platform === 'onMobile';\n\n  const handlePageChange = useCallback(\n    (page: number): void => {\n      if (isDisabled) return;\n\n      // page is 0-based internally\n      let pageToJumpTo = page;\n      if (pageToJumpTo < 0) {\n        pageToJumpTo = 0;\n      } else if (pageToJumpTo > totalPages - 1) {\n        pageToJumpTo = totalPages - 1;\n      }\n\n      setInternalPage(() => pageToJumpTo);\n    },\n    [isDisabled, setInternalPage, totalPages],\n  );\n\n  const handlePageSizeChange = useCallback(\n    (pageSize: 10 | 25 | 50): void => {\n      if (isDisabled) return;\n      setInternalPageSize(() => pageSize);\n    },\n    [isDisabled, setInternalPageSize],\n  );\n\n  const shouldDisableNextPage = (): boolean => {\n    return internalPage >= totalPages - 1 || isDisabled;\n  };\n\n  const shouldDisablePreviousPage = (): boolean => {\n    return internalPage <= 0 || isDisabled;\n  };\n\n  const paginationButtons = getPaginationButtons({\n    currentSelection: internalPage + 1,\n    totalPages,\n  });\n\n  return (\n    <BaseBox\n      display=\"flex\"\n      flexDirection=\"row\"\n      backgroundColor=\"transparent\"\n      padding={pagination.padding}\n      {...getStyledProps(rest)}\n      {...makeAnalyticsAttribute(rest)}\n      {...metaAttribute({ name: MetaConstants.Pagination, testID: rest.testID })}\n    >\n      {showLabel && !onMobile && (\n        <BaseBox display=\"flex\" justifyContent=\"center\" alignItems=\"center\">\n          <Text size=\"medium\" weight=\"semibold\">\n            {defaultLabel}\n          </Text>\n        </BaseBox>\n      )}\n      <BaseBox\n        display=\"flex\"\n        flex={1}\n        gap=\"spacing.2\"\n        justifyContent=\"flex-end\"\n        alignItems=\"center\"\n      >\n        {showPageSizePicker && !onMobile && (\n          <BaseBox display=\"flex\" flexDirection=\"row\" alignItems=\"center\">\n            <Dropdown selectionType=\"single\">\n              <SelectInput\n                accessibilityLabel=\"Select items per page\"\n                name=\"page-size\"\n                label=\"\"\n                labelPosition=\"inside-input\"\n                placeholder=\"\"\n                onChange={({ values }) => {\n                  handlePageSizeChange(Number(values[0]) as 10 | 25 | 50);\n                }}\n                value={internalPageSize.toString()}\n                isDisabled={isDisabled}\n              />\n              <DropdownOverlay>\n                <ActionList>\n                  {pageSizeOptions.map((item, index) => (\n                    <ActionListItem key={index} title={item.toString()} value={item.toString()} />\n                  ))}\n                </ActionList>\n              </DropdownOverlay>\n            </Dropdown>\n            <BaseBox aria-hidden paddingLeft=\"spacing.3\" paddingRight=\"spacing.3\">\n              <Text> {pageSizeLabel} </Text>\n            </BaseBox>\n          </BaseBox>\n        )}\n        <BaseBox\n          display=\"flex\"\n          flexDirection=\"row\"\n          gap=\"spacing.2\"\n          flex={onMobile ? 1 : undefined}\n          alignItems=\"center\"\n        >\n          <Button\n            icon={ChevronLeftIcon}\n            accessibilityLabel=\"Previous Page\"\n            variant=\"tertiary\"\n            onClick={() => {\n              handlePageChange(internalPage - 1);\n            }}\n            isDisabled={shouldDisablePreviousPage()}\n          />\n          {onMobile && (\n            <BaseBox flex={1} alignItems=\"center\" justifyContent=\"center\">\n              <Text textAlign=\"center\">{`Showing ${internalPage + 1} of ${totalPages} pages`}</Text>\n            </BaseBox>\n          )}\n          {totalPages > 1 && showPageNumberSelector && !onMobile && (\n            <BaseBox gap=\"spacing.1\" display=\"flex\" flexDirection=\"row\">\n              <PageSelectionButton\n                onClick={() => handlePageChange(paginationButtons.firstItem - 1)}\n                isSelected={internalPage === paginationButtons.firstItem - 1}\n                isDisabled={isDisabled}\n                {...makeAccessible({ label: `Page ${paginationButtons.firstItem}` })}\n              >\n                <Text\n                  size=\"medium\"\n                  color={\n                    internalPage === paginationButtons.firstItem - 1\n                      ? pagination.pageSelectionButton.textColorSelected\n                      : pagination.pageSelectionButton.textColor\n                  }\n                >\n                  {paginationButtons.firstItem}\n                </Text>\n              </PageSelectionButton>\n              {paginationButtons.showStartEllipsis && (\n                <PageSelectionButton\n                  onClick={() => handlePageChange(internalPage - 5)}\n                  onMouseOver={() => setCurrentEllipseHover('start')}\n                  onMouseLeave={() => setCurrentEllipseHover(undefined)}\n                  onFocus={() => setCurrentEllipseHover('start')}\n                  onBlur={() => setCurrentEllipseHover(undefined)}\n                  isDisabled={isDisabled}\n                  {...makeAccessible({ label: 'Go back 5 pages' })}\n                >\n                  {currentEllipseHover === 'start' ? (\n                    <ChevronsLeftIcon size=\"medium\" />\n                  ) : (\n                    <MoreHorizontalIcon size=\"medium\" />\n                  )}\n                </PageSelectionButton>\n              )}\n              {paginationButtons.middleItems.map((item) => (\n                <PageSelectionButton\n                  key={item - 1}\n                  onClick={() => handlePageChange(item - 1)}\n                  isSelected={internalPage === item - 1}\n                  isDisabled={isDisabled}\n                  {...makeAccessible({ label: `Page ${item}` })}\n                >\n                  <Text\n                    size=\"medium\"\n                    color={\n                      internalPage === item - 1\n                        ? pagination.pageSelectionButton.textColorSelected\n                        : pagination.pageSelectionButton.textColor\n                    }\n                  >\n                    {item}\n                  </Text>\n                </PageSelectionButton>\n              ))}\n              {paginationButtons.showEndEllipsis && (\n                <PageSelectionButton\n                  onClick={() => handlePageChange(internalPage + 5)}\n                  onMouseOver={() => setCurrentEllipseHover('end')}\n                  onMouseLeave={() => setCurrentEllipseHover(undefined)}\n                  onFocus={() => setCurrentEllipseHover('end')}\n                  onBlur={() => setCurrentEllipseHover(undefined)}\n                  isDisabled={isDisabled}\n                  {...makeAccessible({ label: 'Go forward 5 pages' })}\n                >\n                  {currentEllipseHover === 'end' ? (\n                    <ChevronsRightIcon size=\"medium\" />\n                  ) : (\n                    <MoreHorizontalIcon size=\"medium\" />\n                  )}\n                </PageSelectionButton>\n              )}\n              <PageSelectionButton\n                onClick={() => handlePageChange(paginationButtons.lastItem - 1)}\n                isSelected={internalPage === paginationButtons.lastItem - 1}\n                isDisabled={isDisabled}\n                {...makeAccessible({ label: `Page ${paginationButtons.lastItem}` })}\n              >\n                <Text\n                  size=\"medium\"\n                  color={\n                    internalPage === paginationButtons.lastItem - 1\n                      ? pagination.pageSelectionButton.textColorSelected\n                      : pagination.pageSelectionButton.textColor\n                  }\n                >\n                  {paginationButtons.lastItem}\n                </Text>\n              </PageSelectionButton>\n            </BaseBox>\n          )}\n          <Button\n            variant=\"tertiary\"\n            icon={ChevronRightIcon}\n            accessibilityLabel=\"Next Page\"\n            onClick={() => {\n              handlePageChange(internalPage + 1);\n            }}\n            isDisabled={shouldDisableNextPage()}\n          />\n        </BaseBox>\n      </BaseBox>\n    </BaseBox>\n  );\n};\n\nconst Pagination = assignWithoutSideEffects(_Pagination, {\n  componentId: 'Pagination',\n});\n\nexport { Pagination };\n"],"names":["pageSizeOptions","PageSelectionButton","styled","button","attrs","_objectSpread","metaAttribute","name","MetaConstants","TablePageSelectionButton","withConfig","displayName","componentId","_ref","theme","isSelected","isDisabled","backgroundColor","getIn","colors","pagination","pageSelectionButton","backgroundColorSelected","border","cursor","height","makeSize","width","display","alignItems","justifyContent","borderRadius","radius","opacity","backgroundColorSelectedHover","backgroundColorHover","backgroundColorSelectedActive","backgroundColorActive","getFocusRingStyles","outline","getPaginationButtons","_ref2","currentSelection","totalPages","halfRange","minMiddleItems","middleItems","Array","from","length","_","index","showStartEllipsis","showEndEllipsis","firstItem","lastItem","start","Math","max","end","min","paginationButtons","i","push","includes","shift","pop","unshift","_Pagination","_ref3","controlledTotalPages","controlledSelectedPage","selectedPage","_ref3$defaultSelected","defaultSelectedPage","onSelectedPageChange","_ref3$defaultPageSize","defaultPageSize","controlledPageSize","pageSize","_ref3$pageSizeLabel","pageSizeLabel","onPageSizeChange","_ref3$showPageSizePic","showPageSizePicker","_ref3$showPageNumberS","showPageNumberSelector","_ref3$showLabel","showLabel","label","_ref3$isDisabled","rest","_objectWithoutProperties","_excluded","controlledInternalPage","useMemo","isUndefined","undefined","defaultInternalPage","_useControllableState","useControllableState","defaultValue","value","onChange","page","_useControllableState2","_slicedToArray","internalPage","setInternalPage","_useControllableState3","_useControllableState4","internalPageSize","setInternalPageSize","_useState","useState","_useState2","currentEllipseHover","setCurrentEllipseHover","defaultLabel","concat","_useTheme","useTheme","platform","onMobile","handlePageChange","useCallback","pageToJumpTo","handlePageSizeChange","shouldDisableNextPage","shouldDisablePreviousPage","_jsxs","BaseBox","flexDirection","padding","getStyledProps","makeAnalyticsAttribute","Pagination","testID","children","_jsx","Text","size","weight","flex","gap","Dropdown","selectionType","SelectInput","accessibilityLabel","labelPosition","placeholder","_ref4","values","Number","toString","DropdownOverlay","ActionList","map","item","ActionListItem","title","paddingLeft","paddingRight","Button","icon","ChevronLeftIcon","variant","onClick","textAlign","makeAccessible","color","textColorSelected","textColor","onMouseOver","onMouseLeave","onFocus","onBlur","ChevronsLeftIcon","MoreHorizontalIcon","ChevronsRightIcon","ChevronRightIcon","assignWithoutSideEffects"],"mappings":"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"}

package/build/lib/web/development/components/Pagination/index.js

@@ -0,0 +1,2 @@
+export { Pagination } from './Pagination.web.js';
+//# sourceMappingURL=index.js.map

package/build/lib/web/development/components/Pagination/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/build/lib/web/development/components/Pagination/tokens.js

@@ -0,0 +1,25 @@
+import '../../tokens/global/index.js';
+import { size } from '../../tokens/global/size.js';
+
+var pagination = {
+  padding: ["".concat(size['6'], "px"), 'spacing.3'],
+  pageSelectionButton: {
+    backgroundColor: 'transparent',
+    backgroundColorHover: 'interactive.background.gray.default',
+    backgroundColorActive: 'interactive.background.gray.highlighted',
+    backgroundColorSelected: 'interactive.background.primary.faded',
+    backgroundColorSelectedHover: 'interactive.background.primary.fadedHighlighted',
+    backgroundColorSelectedActive: 'interactive.background.primary.fadedHighlighted',
+    padding: 'spacing.2',
+    borderRadius: 'small',
+    focusRingColor: 'surface.border.primary.muted',
+    textColor: 'surface.text.gray.subtle',
+    textColorSelected: 'surface.text.primary.normal',
+    height: size['32'],
+    width: size['32']
+  },
+  defaultPageSize: 10
+};
+
+export { pagination };
+//# sourceMappingURL=tokens.js.map

package/build/lib/web/development/components/Pagination/tokens.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tokens.js","sources":["../../../../../../src/components/Pagination/tokens.ts"],"sourcesContent":["import { size } from '~tokens/global';\n\nexport const pagination = {\n  padding: [`${size['6']}px`, 'spacing.3'],\n  pageSelectionButton: {\n    backgroundColor: 'transparent',\n    backgroundColorHover: 'interactive.background.gray.default',\n    backgroundColorActive: 'interactive.background.gray.highlighted',\n    backgroundColorSelected: 'interactive.background.primary.faded',\n    backgroundColorSelectedHover: 'interactive.background.primary.fadedHighlighted',\n    backgroundColorSelectedActive: 'interactive.background.primary.fadedHighlighted',\n    padding: 'spacing.2',\n    borderRadius: 'small',\n    focusRingColor: 'surface.border.primary.muted',\n    textColor: 'surface.text.gray.subtle',\n    textColorSelected: 'surface.text.primary.normal',\n    height: size['32'],\n    width: size['32'],\n  },\n  defaultPageSize: 10,\n} as const;\n"],"names":["pagination","padding","concat","size","pageSelectionButton","backgroundColor","backgroundColorHover","backgroundColorActive","backgroundColorSelected","backgroundColorSelectedHover","backgroundColorSelectedActive","borderRadius","focusRingColor","textColor","textColorSelected","height","width","defaultPageSize"],"mappings":";;;AAEO,IAAMA,UAAU,GAAG;EACxBC,OAAO,EAAE,CAAAC,EAAAA,CAAAA,MAAA,CAAIC,IAAI,CAAC,GAAG,CAAC,EAAM,IAAA,CAAA,EAAA,WAAW,CAAC;AACxCC,EAAAA,mBAAmB,EAAE;AACnBC,IAAAA,eAAe,EAAE,aAAa;AAC9BC,IAAAA,oBAAoB,EAAE,qCAAqC;AAC3DC,IAAAA,qBAAqB,EAAE,yCAAyC;AAChEC,IAAAA,uBAAuB,EAAE,sCAAsC;AAC/DC,IAAAA,4BAA4B,EAAE,iDAAiD;AAC/EC,IAAAA,6BAA6B,EAAE,iDAAiD;AAChFT,IAAAA,OAAO,EAAE,WAAW;AACpBU,IAAAA,YAAY,EAAE,OAAO;AACrBC,IAAAA,cAAc,EAAE,8BAA8B;AAC9CC,IAAAA,SAAS,EAAE,0BAA0B;AACrCC,IAAAA,iBAAiB,EAAE,6BAA6B;AAChDC,IAAAA,MAAM,EAAEZ,IAAI,CAAC,IAAI,CAAC;IAClBa,KAAK,EAAEb,IAAI,CAAC,IAAI,CAAA;GACjB;AACDc,EAAAA,eAAe,EAAE,EAAA;AACnB;;;;"}

package/build/lib/web/development/components/Popover/Popover.web.js

@@ -1,7 +1,7 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
-import { useFloating, shift, flip, offset, arrow, autoUpdate, useTransitionStyles, useClick, useDismiss, useRole, useInteractions, FloatingPortal, FloatingFocusManager } from '@floating-ui/react';
+import { useFloating, shift, flip, offset, arrow, autoUpdate, useTransitionStyles, useClick, useHover, useDismiss, useRole, useInteractions, FloatingPortal, FloatingFocusManager } from '@floating-ui/react';
 import React__default from 'react';
 import { PopoverContent } from './PopoverContent.js';
 import { ARROW_HEIGHT, ARROW_WIDTH } from './constants.js';
@@ -29,7 +29,7 @@ import { makeAccessible } from '../../utils/makeAccessible/makeAccessible.web.js
 import { makeAnalyticsAttribute } from '../../utils/makeAnalyticsAttribute/makeAnalyticsAttribute.js';
 import { PopupArrow } from '../PopupArrow/PopupArrow.web.js';
 
-var _excluded = ["content", "title", "titleLeading", "footer", "children", "placement", "onOpenChange", "zIndex", "isOpen", "defaultIsOpen", "initialFocusRef"];
+var _excluded = ["content", "title", "titleLeading", "footer", "children", "placement", "onOpenChange", "zIndex", "isOpen", "defaultIsOpen", "initialFocusRef", "openInteraction"];
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var Popover = function Popover(_ref) {
@@ -46,6 +46,8 @@ var Popover = function Popover(_ref) {
     isOpen = _ref.isOpen,
     defaultIsOpen = _ref.defaultIsOpen,
     initialFocusRef = _ref.initialFocusRef,
+    _ref$openInteraction = _ref.openInteraction,
+    openInteraction = _ref$openInteraction === void 0 ? 'click' : _ref$openInteraction,
     rest = _objectWithoutProperties(_ref, _excluded);
   var _useTheme = useTheme(),
     theme = _useTheme.theme;
@@ -121,11 +123,14 @@ var Popover = function Popover(_ref) {
   // remove click handler if popover is controlled
   var isControlled = isOpen !== undefined;
   var click = useClick(context, {
-    enabled: !isControlled
+    enabled: !isControlled && openInteraction === 'click'
+  });
+  var hover = useHover(context, {
+    enabled: !isControlled && openInteraction === 'hover'
   });
   var dismiss = useDismiss(context);
   var role = useRole(context);
-  var _useInteractions = useInteractions([click, dismiss, role]),
+  var _useInteractions = useInteractions([click, dismiss, role, hover]),
     getReferenceProps = _useInteractions.getReferenceProps,
     getFloatingProps = _useInteractions.getFloatingProps;
   var triggerRef = React__default.useRef(null);
@@ -134,9 +139,10 @@ var Popover = function Popover(_ref) {
     return {
       close: close,
       defaultInitialFocusRef: defaultInitialFocusRef,
-      titleId: titleId
+      titleId: titleId,
+      openInteraction: openInteraction
     };
-  }, [close, titleId]);
+  }, [close, titleId, openInteraction]);
 
   // Inject aria attributes to trigger
   // Doing it this way instead of makeAccessible()
@@ -158,7 +164,7 @@ var Popover = function Popover(_ref) {
       ref: mergedRef
     }, mergeProps(children.props, getReferenceProps()))), isMounted && /*#__PURE__*/jsx(FloatingPortal, {
       children: /*#__PURE__*/jsx(FloatingFocusManager, {
-        initialFocus: initialFocusRef !== null && initialFocusRef !== void 0 ? initialFocusRef : defaultInitialFocusRef,
+        initialFocus: initialFocusRef !== null && initialFocusRef !== void 0 ? initialFocusRef : openInteraction === 'hover' ? -1 : defaultInitialFocusRef,
         context: context,
         modal: true,
         guards: true,