@algolia/satellite 1.0.0-beta.17 → 1.0.0-beta.170

package/cjs/Modal/index.d.ts

@@ -0,0 +1,4 @@
+export * from "./Modal";
+export * from "./components/ModalFooter";
+export * from "./components/ModalSection";
+export { default } from "./Modal";

package/cjs/Modal/index.js

@@ -0,0 +1,51 @@
+"use strict";
+
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _exportNames = {};
+Object.defineProperty(exports, "default", {
+  enumerable: true,
+  get: function get() {
+    return _Modal["default"];
+  }
+});
+var _Modal = _interopRequireWildcard(require("./Modal"));
+Object.keys(_Modal).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _Modal[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _Modal[key];
+    }
+  });
+});
+var _ModalFooter = require("./components/ModalFooter");
+Object.keys(_ModalFooter).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _ModalFooter[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _ModalFooter[key];
+    }
+  });
+});
+var _ModalSection = require("./components/ModalSection");
+Object.keys(_ModalSection).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _ModalSection[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _ModalSection[key];
+    }
+  });
+});
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }

package/cjs/Pagination/CompactPagination/CompactPagination.d.ts

@@ -0,0 +1,31 @@
+import type { VFC } from "react";
+export declare type CompactPaginationLabel = "complete" | "compact" | "none";
+export declare type CompactPaginationLocale = {
+    goToFirstPage?: string;
+    goToLastPage?: string;
+    goToNextPage?: string;
+    goToPreviousPage?: string;
+    label?(page: number, nbPages?: number): string;
+};
+declare type BaseCompactPaginationProps = {
+    /** Currently selected page (1 based index) */
+    currentPage: number;
+    onChange: (page: number) => void;
+    showGoToFirstPage?: boolean;
+    label?: CompactPaginationLabel;
+    locale?: CompactPaginationLocale;
+};
+export declare type DeterminateCompactPaginationProps = BaseCompactPaginationProps & {
+    nbPages: number;
+    showGoToLastPage?: boolean;
+};
+export declare type IndeterminateCompactPaginationProps = BaseCompactPaginationProps & {
+    nextDisabled?: boolean;
+};
+export declare type CompactPaginationProps = DeterminateCompactPaginationProps | IndeterminateCompactPaginationProps;
+/** @ignore */
+export declare const isDeterminateCompactPaginationProps: (props: CompactPaginationProps) => props is DeterminateCompactPaginationProps;
+/** @ignore */
+export declare const isIndeterminateCompactPaginationProps: (props: CompactPaginationProps) => props is IndeterminateCompactPaginationProps;
+export declare const CompactPagination: VFC<CompactPaginationProps>;
+export default CompactPagination;

package/cjs/Pagination/CompactPagination/CompactPagination.js

@@ -0,0 +1,82 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.isIndeterminateCompactPaginationProps = exports.isDeterminateCompactPaginationProps = exports["default"] = exports.CompactPagination = void 0;
+var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _reactFeather = require("react-feather");
+var _Button = require("../../Button");
+var _Satellite = require("../../Satellite");
+var _satellitePrefixer = _interopRequireDefault(require("../../styles/helpers/satellitePrefixer"));
+var _jsxRuntime = require("react/jsx-runtime");
+var _templateObject, _templateObject2;
+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) { (0, _defineProperty2["default"])(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 DEFAULT_COMPACT_PAGINATION_LOCALE = {
+  goToFirstPage: "Go to first page",
+  goToPreviousPage: "Go to previous page",
+  goToNextPage: "Go to next page",
+  goToLastPage: "Go to last page",
+  label: function label(page, nbPages) {
+    return typeof nbPages === "number" ? "Page ".concat(page, " of ").concat(nbPages) : "Page ".concat(page, " of many");
+  }
+};
+/** @ignore */
+var isDeterminateCompactPaginationProps = exports.isDeterminateCompactPaginationProps = function isDeterminateCompactPaginationProps(props) {
+  return "nbPages" in props;
+};
+
+/** @ignore */
+var isIndeterminateCompactPaginationProps = exports.isIndeterminateCompactPaginationProps = function isIndeterminateCompactPaginationProps(props) {
+  return !isDeterminateCompactPaginationProps(props);
+};
+var CompactPagination = exports.CompactPagination = function CompactPagination(props) {
+  var _props$label;
+  var contextLocale = (0, _Satellite.useLocale)("compactPagination");
+  var locale = _objectSpread(_objectSpread({}, DEFAULT_COMPACT_PAGINATION_LOCALE), {}, {
+    contextLocale: contextLocale
+  }, props.locale);
+  var labelType = (_props$label = props.label) !== null && _props$label !== void 0 ? _props$label : isDeterminateCompactPaginationProps(props) ? "complete" : "compact";
+  var label = labelType === "none" ? null : labelType === "compact" ? "".concat(props.currentPage) : isDeterminateCompactPaginationProps(props) ? locale.label(props.currentPage, props.nbPages) : locale.label(props.currentPage);
+  var isFirstPage = props.currentPage === 1;
+  var isLastPage = isDeterminateCompactPaginationProps(props) ? props.currentPage === props.nbPages : !!props.nextDisabled;
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+    className: (0, _satellitePrefixer["default"])(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["flex items-center space-x-2"]))),
+    children: [props.showGoToFirstPage && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.IconButton, {
+      icon: _reactFeather.ChevronsLeft,
+      title: locale.goToFirstPage,
+      onClick: function onClick() {
+        return props.onChange(1);
+      },
+      disabled: isFirstPage
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.IconButton, {
+      icon: _reactFeather.ArrowLeft,
+      title: locale.goToPreviousPage,
+      onClick: function onClick() {
+        return props.onChange(props.currentPage - 1);
+      },
+      disabled: isFirstPage
+    }), !!label && /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+      className: (0, _satellitePrefixer["default"])(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["inline-block text-center tabular-nums px-2"]))),
+      children: label
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.IconButton, {
+      icon: _reactFeather.ArrowRight,
+      title: locale.goToNextPage,
+      onClick: function onClick() {
+        return props.onChange(props.currentPage + 1);
+      },
+      disabled: isLastPage
+    }), isDeterminateCompactPaginationProps(props) && props.showGoToLastPage && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.IconButton, {
+      icon: _reactFeather.ChevronsRight,
+      title: locale.goToLastPage,
+      onClick: function onClick() {
+        return props.onChange(props.nbPages);
+      },
+      disabled: isLastPage
+    })]
+  });
+};
+var _default = exports["default"] = CompactPagination;

package/cjs/Pagination/CompactPagination/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./CompactPagination";
+export { default } from "./CompactPagination";

package/cjs/Pagination/CompactPagination/index.js

@@ -0,0 +1,27 @@
+"use strict";
+
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _exportNames = {};
+Object.defineProperty(exports, "default", {
+  enumerable: true,
+  get: function get() {
+    return _CompactPagination["default"];
+  }
+});
+var _CompactPagination = _interopRequireWildcard(require("./CompactPagination"));
+Object.keys(_CompactPagination).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _CompactPagination[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _CompactPagination[key];
+    }
+  });
+});
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }

package/cjs/Pagination/DotPagination/DotPagination.d.ts

@@ -0,0 +1,15 @@
+/// <reference types="react" />
+import type { NumberUnion } from "utils/NumberUnion";
+export declare type DotPaginationLocale = {
+    goToPageText?(page: number): string;
+};
+export declare type DotPaginationProps<T extends number> = {
+    /** Currently selected page (1 based index) */
+    currentPage: NumberUnion<T>;
+    onChange: (page: NumberUnion<T>) => void;
+    nbPages: T;
+    size?: "small" | "medium";
+    locale?: DotPaginationLocale;
+};
+export declare const DotPagination: <T extends number>({ currentPage, onChange, nbPages, size, locale: propsLocale, }: DotPaginationProps<T>) => JSX.Element;
+export default DotPagination;

package/cjs/Pagination/DotPagination/DotPagination.js

@@ -0,0 +1,46 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.DotPagination = void 0;
+var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _Satellite = require("../../Satellite");
+var _satellitePrefixer = _interopRequireDefault(require("../../styles/helpers/satellitePrefixer"));
+var _jsxRuntime = require("react/jsx-runtime");
+var _templateObject, _templateObject2;
+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) { (0, _defineProperty2["default"])(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 DEFAULT_DOT_PAGINATION_LOCALE = {
+  goToPageText: function goToPageText(pageIdx) {
+    return "Go to page ".concat(pageIdx);
+  }
+};
+var DotPagination = exports.DotPagination = function DotPagination(_ref) {
+  var currentPage = _ref.currentPage,
+    onChange = _ref.onChange,
+    nbPages = _ref.nbPages,
+    _ref$size = _ref.size,
+    size = _ref$size === void 0 ? "medium" : _ref$size,
+    propsLocale = _ref.locale;
+  var contextLocale = (0, _Satellite.useLocale)("dotPagination");
+  var locale = _objectSpread(_objectSpread(_objectSpread({}, DEFAULT_DOT_PAGINATION_LOCALE), contextLocale), propsLocale);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("ul", {
+    className: (0, _satellitePrefixer["default"])(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["flex"]))),
+    children: new Array(nbPages).fill(undefined).map(function (_, idx) {
+      var pageIdx = idx + 1;
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)("li", {
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)("button", {
+          "aria-label": locale.goToPageText(pageIdx),
+          className: (0, _satellitePrefixer["default"])(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["\n              rounded-full mx-1 border\n              ", "\n              ", "\n            "])), currentPage === pageIdx ? "bg-accent-600 border-transparent" : "bg-grey-200 border-grey-500", size === "medium" ? "h-3 w-3" : "h-2 w-2"),
+          onClick: function onClick() {
+            return onChange(pageIdx);
+          }
+        })
+      }, idx);
+    })
+  });
+};
+var _default = exports["default"] = DotPagination;

package/cjs/Pagination/DotPagination/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./DotPagination";
+export { default } from "./DotPagination";

package/cjs/Pagination/DotPagination/index.js

@@ -0,0 +1,27 @@
+"use strict";
+
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _exportNames = {};
+Object.defineProperty(exports, "default", {
+  enumerable: true,
+  get: function get() {
+    return _DotPagination["default"];
+  }
+});
+var _DotPagination = _interopRequireWildcard(require("./DotPagination"));
+Object.keys(_DotPagination).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _DotPagination[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _DotPagination[key];
+    }
+  });
+});
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }

package/cjs/Pagination/Pagination/Pagination.d.ts

@@ -0,0 +1,22 @@
+import type { VFC } from "react";
+export declare type PaginationLocale = {
+    goToPage?(page: number): string;
+    goToNextPage?: string;
+    goToPreviousPage?: string;
+};
+export interface PaginationProps {
+    nbPages: number;
+    currentPage: number;
+    maxButtons?: number;
+    onChange: (page: number) => void;
+    locale?: PaginationLocale;
+}
+/**
+ * Use pagination to help our users to move through an ordered collection of items.
+ *
+ * ## Best practices
+ * - Don't use on list with less than 20 items
+ * - Place the pagination at the bottom of the split item
+ */
+export declare const Pagination: VFC<PaginationProps>;
+export default Pagination;

package/cjs/Pagination/Pagination/Pagination.js

@@ -0,0 +1,122 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.Pagination = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
+var _reactFeather = require("react-feather");
+var _Button = _interopRequireWildcard(require("../../Button"));
+var _Satellite = require("../../Satellite");
+var _satellitePrefixer = _interopRequireDefault(require("../../styles/helpers/satellitePrefixer"));
+var _range = _interopRequireDefault(require("../../utils/range"));
+var _jsxRuntime = require("react/jsx-runtime");
+var _templateObject;
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
+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) { (0, _defineProperty2["default"])(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 DEFAULT_PAGINATION_LOCALE = {
+  goToPage: function goToPage(index) {
+    return "Go to page ".concat(index);
+  },
+  goToPreviousPage: "Go to previous page",
+  goToNextPage: "Go to next page"
+};
+var DEFAULT_MAX_BUTTONS = 10;
+var Ellipsis = function Ellipsis() {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button["default"], {
+    className: (0, _satellitePrefixer["default"])(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["pointer-events-none"]))),
+    tabIndex: -1,
+    "aria-disabled": true,
+    children: "\u2026"
+  });
+};
+var Group = function Group(_ref) {
+  var group = _ref.group,
+    currentPage = _ref.currentPage,
+    onChange = _ref.onChange,
+    goToPage = _ref.goToPage;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
+    children: group.map(function (index) {
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button["default"], {
+        "aria-label": goToPage(index),
+        variant: index === currentPage ? "primary" : "neutral",
+        onClick: function onClick() {
+          return onChange(index);
+        },
+        children: index
+      }, index);
+    })
+  });
+};
+
+/**
+ * Use pagination to help our users to move through an ordered collection of items.
+ *
+ * ## Best practices
+ * - Don't use on list with less than 20 items
+ * - Place the pagination at the bottom of the split item
+ */
+var Pagination = exports.Pagination = function Pagination(_ref2) {
+  var currentPage = _ref2.currentPage,
+    nbPages = _ref2.nbPages,
+    onChange = _ref2.onChange,
+    _ref2$maxButtons = _ref2.maxButtons,
+    maxButtonsParam = _ref2$maxButtons === void 0 ? DEFAULT_MAX_BUTTONS : _ref2$maxButtons,
+    propsLocale = _ref2.locale;
+  var contextLocale = (0, _Satellite.useLocale)("pagination");
+  var locale = _objectSpread(_objectSpread(_objectSpread({}, DEFAULT_PAGINATION_LOCALE), contextLocale), propsLocale);
+  var padding = Math.floor((Math.min(nbPages, maxButtonsParam) - 1) / 2);
+  var maxButtons = 2 * padding + 1;
+  var currentPageGroupStart = Math.max(1, Math.min(currentPage - padding, nbPages - maxButtons));
+  var currentPageGroupEnd = Math.min(currentPageGroupStart + maxButtons, nbPages);
+  var groups = [[], (0, _range["default"])(currentPageGroupStart, currentPageGroupEnd + 1), []];
+  if (currentPageGroupStart > 1) {
+    groups[0].push(1);
+  }
+  if (currentPageGroupEnd < nbPages) {
+    groups[2].push(nbPages);
+  }
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Button.ButtonGroup, {
+    as: "nav",
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Button["default"], {
+      "aria-label": locale.goToPreviousPage,
+      disabled: currentPage === 1,
+      onClick: function onClick() {
+        return onChange(currentPage - 1);
+      },
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactFeather.ArrowLeft, {
+        size: "1em"
+      })
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(Group, {
+      currentPage: currentPage,
+      onChange: onChange,
+      group: groups[0],
+      goToPage: locale.goToPage
+    }), groups[0].length !== 0 && groups[1][0] - groups[0][0] > 1 && /*#__PURE__*/(0, _jsxRuntime.jsx)(Ellipsis, {}), /*#__PURE__*/(0, _jsxRuntime.jsx)(Group, {
+      currentPage: currentPage,
+      onChange: onChange,
+      group: groups[1],
+      goToPage: locale.goToPage
+    }), groups[2].length !== 0 && groups[2][0] - groups[1][groups[1].length - 1] > 1 && /*#__PURE__*/(0, _jsxRuntime.jsx)(Ellipsis, {}), /*#__PURE__*/(0, _jsxRuntime.jsx)(Group, {
+      currentPage: currentPage,
+      onChange: onChange,
+      group: groups[2],
+      goToPage: locale.goToPage
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button["default"], {
+      "aria-label": locale.goToNextPage,
+      disabled: currentPage === nbPages,
+      onClick: function onClick() {
+        return onChange(currentPage + 1);
+      },
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactFeather.ArrowRight, {
+        size: "1em"
+      })
+    })]
+  });
+};
+var _default = exports["default"] = Pagination;

package/cjs/Pagination/Pagination/index.js

@@ -0,0 +1,27 @@
+"use strict";
+
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _exportNames = {};
+Object.defineProperty(exports, "default", {
+  enumerable: true,
+  get: function get() {
+    return _Pagination["default"];
+  }
+});
+var _Pagination = _interopRequireWildcard(require("./Pagination"));
+Object.keys(_Pagination).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _Pagination[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _Pagination[key];
+    }
+  });
+});
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }

package/cjs/Pagination/index.d.ts

@@ -0,0 +1,4 @@
+export * from "./Pagination";
+export * from "./DotPagination";
+export * from "./CompactPagination";
+export { default } from "./Pagination";

package/cjs/Pagination/index.js

@@ -0,0 +1,51 @@
+"use strict";
+
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _exportNames = {};
+Object.defineProperty(exports, "default", {
+  enumerable: true,
+  get: function get() {
+    return _Pagination["default"];
+  }
+});
+var _Pagination = _interopRequireWildcard(require("./Pagination"));
+Object.keys(_Pagination).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _Pagination[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _Pagination[key];
+    }
+  });
+});
+var _DotPagination = require("./DotPagination");
+Object.keys(_DotPagination).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _DotPagination[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _DotPagination[key];
+    }
+  });
+});
+var _CompactPagination = require("./CompactPagination");
+Object.keys(_CompactPagination).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _CompactPagination[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _CompactPagination[key];
+    }
+  });
+});
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }

package/cjs/Popover/Popover.d.ts

@@ -0,0 +1,5 @@
+import type { VFC } from "react";
+import type { PopoverProps } from "./types";
+export declare const POPOVER_ARROW_TEST_ID = "arrow";
+export declare const Popover: VFC<PopoverProps>;
+export default Popover;