@algolia/satellite 1.0.0-beta.132 → 1.0.0-beta.133

package/esm/DatePicker/DateRangePicker/DateRangePicker.d.ts

@@ -1,9 +1,9 @@
 import type { Dispatch, FunctionComponent, ReactNode } from "react";
-import { CalendarProps } from "../components/Calendar";
-import { ModalProps } from "../components/Modal";
-import { DateRangePickerDisplayProps } from "./DateRangePickerDisplay";
+import type { CalendarProps } from "../components/Calendar";
+import type { SharedDatePickerProps } from "../types";
+import type { DateRangePickerDisplayProps } from "./DateRangePickerDisplay";
 import { dateRangePickerReducer, DateRangePickerReducerAction, DateRangePickerReducerState } from "./dateRangePickerReducer";
-import { DateRangePickerTimeRange } from "./dateRangePickerTimeRange";
+import type { DateRangePickerTimeRange } from "./dateRangePickerTimeRange";
 interface LeftFooterComponentArgs {
     state: DateRangePickerReducerState;
     dispatch: Dispatch<DateRangePickerReducerAction>;
@@ -29,12 +29,6 @@ export declare type DateRangePickerProps = {
     renderLeftFooter?: (args: LeftFooterComponentArgs) => ReactNode;
     renderRightPanel?: (args: RightSidePanelComponentArgs) => ReactNode;
     buttonSize?: DateRangePickerDisplayProps["buttonSize"];
-    modalPlacement?: ModalProps["placement"];
-} & ({
-    editableYear?: false;
-} | {
-    editableYear: true;
-    years?: number[];
-});
+} & SharedDatePickerProps;
 declare const DateRangePicker: FunctionComponent<DateRangePickerProps>;
 export default DateRangePicker;

package/esm/DatePicker/DateRangePicker/DateRangePicker.js

@@ -5,7 +5,7 @@ import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProper
 
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
 
-var _excluded = ["id", "range", "displayOnlyRanges", "calendarProps", "initialState", "stateReducer", "onAction", "validate", "renderTarget", "renderLeftFooter", "renderRightPanel", "buttonSize", "modalPlacement"];
+var _excluded = ["id", "range", "displayOnlyRanges", "calendarProps", "initialState", "stateReducer", "onAction", "validate", "renderTarget", "renderLeftFooter", "renderRightPanel", "buttonSize", "modalPlacement", "locale"];
 
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
@@ -50,6 +50,7 @@ var DateRangePicker = function DateRangePicker(_ref2) {
       renderRightPanel = _ref2.renderRightPanel,
       buttonSize = _ref2.buttonSize,
       modalPlacement = _ref2.modalPlacement,
+      locale = _ref2.locale,
       props = _objectWithoutProperties(_ref2, _excluded);
 
   var _useState = useState(null),
@@ -184,7 +185,8 @@ var DateRangePicker = function DateRangePicker(_ref2) {
           start: null,
           end: null
         },
-        buttonSize: buttonSize
+        buttonSize: buttonSize,
+        locale: locale
       })
     }), /*#__PURE__*/_jsx(Modal, {
       className: stl(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["date-range-picker"]))),
@@ -202,7 +204,7 @@ var DateRangePicker = function DateRangePicker(_ref2) {
       children: /*#__PURE__*/_jsxs("div", {
         className: stl(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["flex"]))),
         children: [/*#__PURE__*/_jsxs("div", {
-          children: [/*#__PURE__*/_jsx(Calendar, _objectSpread(_objectSpread({
+          children: [/*#__PURE__*/_jsx(Calendar, _objectSpread(_objectSpread(_objectSpread({
             numberOfMonths: 2
           }, calendarProps), {}, {
             selectedDays: selectedDays,
@@ -210,7 +212,9 @@ var DateRangePicker = function DateRangePicker(_ref2) {
             onDayClick: handleDayClick,
             onDayMouseEnter: handleMouseEnter,
             onDayMouseLeave: handleMouseLeave
-          }, yearProps)), /*#__PURE__*/_jsxs(Footer, {
+          }, yearProps), {}, {
+            locale: locale
+          })), /*#__PURE__*/_jsxs(Footer, {
             children: [renderLeftFooter && /*#__PURE__*/_jsx("div", {
               children: renderLeftFooter({
                 state: state,
@@ -219,7 +223,8 @@ var DateRangePicker = function DateRangePicker(_ref2) {
             }), !renderRightPanel && /*#__PURE__*/_jsx(FooterActions, {
               onCancel: handleCancel,
               onApply: handleApply,
-              disableApply: !isValid
+              disableApply: !isValid,
+              locale: locale
             })]
           })]
         }), renderRightPanel && /*#__PURE__*/_jsxs(_Fragment, {
@@ -232,7 +237,8 @@ var DateRangePicker = function DateRangePicker(_ref2) {
             }), /*#__PURE__*/_jsx(FooterActions, {
               onCancel: handleCancel,
               onApply: handleApply,
-              disableApply: !isValid
+              disableApply: !isValid,
+              locale: locale
             })]
           })]
         })]

package/esm/DatePicker/DateRangePicker/DateRangePickerDisplay.d.ts

@@ -1,11 +1,13 @@
 import type { FunctionComponent } from "react";
 import { DisplayProps } from "../components/Display";
+import type { DatePickerLocale } from "../types";
 import { DateRangePickerTimeRange } from "./dateRangePickerTimeRange";
 export interface DateRangePickerDisplayProps {
     id?: string;
     onClick: DisplayProps["onClick"];
     range: DateRangePickerTimeRange;
     buttonSize?: DisplayProps["size"];
+    locale?: DatePickerLocale;
 }
 declare const DateRangePickerDisplay: FunctionComponent<DateRangePickerDisplayProps>;
 export default DateRangePickerDisplay;

package/esm/DatePicker/DateRangePicker/DateRangePickerDisplay.js

@@ -14,7 +14,8 @@ var DateRangePickerDisplay = function DateRangePickerDisplay(_ref) {
   var id = _ref.id,
       onClick = _ref.onClick,
       range = _ref.range,
-      buttonSize = _ref.buttonSize;
+      buttonSize = _ref.buttonSize,
+      locale = _ref.locale;
   return /*#__PURE__*/_jsx(Display, {
     id: id,
     onClick: onClick,
@@ -29,7 +30,7 @@ var DateRangePickerDisplay = function DateRangePickerDisplay(_ref) {
         dateTime: range.end.toISOString(),
         children: formatDate(range.end)
       })]
-    }) : "Enter a date period..."
+    }) : (locale === null || locale === void 0 ? void 0 : locale.openButton) || "Enter a date period..."
   });
 };
 

package/esm/DatePicker/components/Calendar.d.ts

@@ -1,5 +1,6 @@
 import type { FunctionComponent } from "react";
 import { DayPickerProps } from "react-day-picker";
+import type { DatePickerLocale } from "../types";
 declare type ExcludedDayPickerProps = "captionElement" | "showOutsideDays" | "enableOutsideDaysClick" | "fixedWeeks" | "labels" | "navbarElement" | "onTodayButtonClick" | "pagedNavigation" | "renderDay" | "renderWeek" | "reverseMonths" | "showWeekNumbers" | "showWeekDays" | "todayButton" | "weekdayElement" | "weekdaysLong" | "weekdaysShort";
 export declare type EditableYearProps = {
     editableYear?: false;
@@ -8,6 +9,8 @@ export declare type EditableYearProps = {
     years?: number[];
     initialDate?: Date;
 };
-export declare type CalendarProps = Omit<DayPickerProps, ExcludedDayPickerProps> & EditableYearProps;
+export declare type CalendarProps = Omit<Omit<DayPickerProps, "locale">, ExcludedDayPickerProps> & EditableYearProps & {
+    locale?: DatePickerLocale;
+};
 declare const Calendar: FunctionComponent<CalendarProps>;
 export default Calendar;

package/esm/DatePicker/components/Calendar.js

@@ -60,7 +60,9 @@ var Calendar = function Calendar(props) {
     enableOutsideDaysClick: false,
     fixedWeeks: false,
     navbarElement: function navbarElement(navBarProps) {
-      return /*#__PURE__*/_jsx(NavBar, _objectSpread(_objectSpread({}, navBarProps), yearsProps));
+      return /*#__PURE__*/_jsx(NavBar, _objectSpread(_objectSpread(_objectSpread({}, navBarProps), yearsProps), {}, {
+        locale: props.locale
+      }));
     },
     captionElement: function captionElement() {
       return null;

package/esm/DatePicker/components/Display.d.ts

@@ -1,5 +1,5 @@
 import type { FunctionComponent, ReactNode } from "react";
-import { ButtonProps, ButtonSize } from "../../Button";
+import type { ButtonProps, ButtonSize } from "../../Button";
 export interface DisplayProps {
     id?: string;
     onClick: ButtonProps["onClick"];

package/esm/DatePicker/components/FooterActions.d.ts

@@ -1,9 +1,11 @@
 import type { FunctionComponent } from "react";
 import { ButtonProps } from "../../Button";
+import type { DatePickerLocale } from "../types";
 export interface FooterActionsProps {
     onCancel: ButtonProps["onClick"];
     onApply: ButtonProps["onClick"];
     disableApply: boolean;
+    locale?: DatePickerLocale;
 }
 declare const FooterActions: FunctionComponent<FooterActionsProps>;
 export default FooterActions;

package/esm/DatePicker/components/FooterActions.js

@@ -10,18 +10,19 @@ import { jsxs as _jsxs } from "react/jsx-runtime";
 var FooterActions = function FooterActions(_ref) {
   var onCancel = _ref.onCancel,
       onApply = _ref.onApply,
-      disableApply = _ref.disableApply;
+      disableApply = _ref.disableApply,
+      locale = _ref.locale;
   return /*#__PURE__*/_jsxs("div", {
     className: stl(_templateObject || (_templateObject = _taggedTemplateLiteral(["ml-auto flex justify-end"]))),
     children: [/*#__PURE__*/_jsx(Button, {
       onClick: onCancel,
       className: stl(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["mr-2"]))),
-      children: "Cancel"
+      children: (locale === null || locale === void 0 ? void 0 : locale.cancel) || "Cancel"
     }), /*#__PURE__*/_jsx(Button, {
       disabled: disableApply,
       onClick: onApply,
       variant: "primary",
-      children: "Apply"
+      children: (locale === null || locale === void 0 ? void 0 : locale.apply) || "Apply"
     })]
   });
 };

package/esm/DatePicker/components/Modal.d.ts

@@ -1,7 +1,7 @@
 import type { Placement, StrictModifiers } from "@popperjs/core";
 import type { FC, ReactNode } from "react";
-import { StrictModifier } from "react-popper";
-import { ClickAwayContainerProps } from "../../ClickAwayContainer";
+import type { StrictModifier } from "react-popper";
+import type { ClickAwayContainerProps } from "../../ClickAwayContainer";
 export interface ModalProps {
     children: ReactNode;
     show: boolean;

package/esm/DatePicker/components/NavBar.d.ts

@@ -1,5 +1,6 @@
 import type { FunctionComponent } from "react";
 import type { NavbarElementProps } from "react-day-picker";
+import type { DatePickerLocale } from "../types";
 export declare type NavBarYearProps = {
     editableYear?: false;
 } | {
@@ -7,6 +8,8 @@ export declare type NavBarYearProps = {
     years: number[];
     onYearChange: (year: number) => void;
 };
-export declare type NavBarProps = NavbarElementProps & NavBarYearProps;
+export declare type NavBarProps = Omit<NavbarElementProps, "locale"> & NavBarYearProps & {
+    locale?: DatePickerLocale;
+};
 declare const NavBar: FunctionComponent<NavBarProps>;
 export default NavBar;

package/esm/DatePicker/components/NavBar.js

@@ -4,7 +4,7 @@ import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProper
 
 var _templateObject, _templateObject2, _templateObject3, _templateObject4;
 
-var _excluded = ["onPreviousClick", "onNextClick", "showPreviousButton", "showNextButton", "month", "localeUtils"];
+var _excluded = ["onPreviousClick", "onNextClick", "showPreviousButton", "showNextButton", "month", "locale", "localeUtils"];
 import cx from "classnames";
 import { useMemo } from "react";
 import { ChevronLeft, ChevronRight } from "react-feather";
@@ -19,6 +19,7 @@ var NavBar = function NavBar(_ref) {
       showPreviousButton = _ref.showPreviousButton,
       showNextButton = _ref.showNextButton,
       month = _ref.month,
+      locale = _ref.locale,
       localeUtils = _ref.localeUtils,
       props = _objectWithoutProperties(_ref, _excluded);
 
@@ -39,7 +40,7 @@ var NavBar = function NavBar(_ref) {
     className: stl(_templateObject || (_templateObject = _taggedTemplateLiteral(["w-full top-3 left-0 pt-5 px-5 pb-2 flex justify-between"]))),
     children: [/*#__PURE__*/_jsx(IconButton, {
       icon: ChevronLeft,
-      title: "Previous month",
+      title: (locale === null || locale === void 0 ? void 0 : locale.previousMonth) || "Previous month",
       onClick: function onClick() {
         return onPreviousClick();
       },
@@ -64,7 +65,7 @@ var NavBar = function NavBar(_ref) {
       })
     }), /*#__PURE__*/_jsx(IconButton, {
       icon: ChevronRight,
-      title: "Next month",
+      title: (locale === null || locale === void 0 ? void 0 : locale.nextMonth) || "Next month",
       onClick: function onClick() {
         return onNextClick();
       },

package/esm/DatePicker/types.d.ts

@@ -0,0 +1,17 @@
+import type { ModalProps } from "./components/Modal";
+export declare type DatePickerLocale = {
+    openButton?: string;
+    cancel?: string;
+    apply?: string;
+    nextMonth?: string;
+    previousMonth?: string;
+};
+export declare type SharedDatePickerProps = {
+    modalPlacement?: ModalProps["placement"];
+    locale?: DatePickerLocale;
+} & ({
+    editableYear?: false;
+} | {
+    editableYear: true;
+    years?: number[];
+});

package/esm/DatePicker/types.js

@@ -0,0 +1 @@
+export {};

package/esm/HelpUnderline/HelpUnderline.d.ts

@@ -1,6 +1,7 @@
 import type { FunctionComponent } from "react";
 import { TooltipWrapperProps } from "../Tooltip";
 export interface HelpUnderlineProps {
+    /** @ignore */
     className?: string;
     placement?: TooltipWrapperProps["placement"];
     tooltipClassName?: TooltipWrapperProps["tooltipClassName"];

package/esm/KeyboardKey/KeyboardKey.d.ts

@@ -1,5 +1,6 @@
 import type { FC } from "react";
 export interface KeyboardKeyProps {
+    /** @ignore */
     className?: string;
     value: string;
 }

package/esm/Modal/Modal.d.ts

@@ -11,10 +11,12 @@ export interface ModalProps {
     centerY?: boolean;
     onDismiss?: () => void;
     children: ReactNode;
-    closeIconText?: string;
+    locale?: {
+        dismissText?: string;
+    };
 }
 export declare const Modal: {
-    ({ title, className, children, open, fullBleed, onDismiss, animate, hideCloseIcon, size, centerY, closeIconText, }: ModalProps): import("react").ReactPortal;
+    ({ title, className, children, open, fullBleed, onDismiss, animate, hideCloseIcon, size, centerY, locale, }: ModalProps): import("react").ReactPortal;
     Footer: import("react").FunctionComponent<import("./components/ModalFooter").ModalFooterProps>;
 };
 export default Modal;

package/esm/Modal/Modal.js

@@ -66,8 +66,7 @@ export var Modal = function Modal(_ref) {
       size = _ref$size === void 0 ? "medium" : _ref$size,
       _ref$centerY = _ref.centerY,
       centerY = _ref$centerY === void 0 ? false : _ref$centerY,
-      _ref$closeIconText = _ref.closeIconText,
-      closeIconText = _ref$closeIconText === void 0 ? "Dismiss" : _ref$closeIconText;
+      locale = _ref.locale;
 
   var _useState = useState(null),
       _useState2 = _slicedToArray(_useState, 2),
@@ -142,7 +141,7 @@ export var Modal = function Modal(_ref) {
               children: title
             }), !hideCloseIcon && /*#__PURE__*/_jsx(IconButton, {
               icon: X,
-              title: closeIconText,
+              title: (locale === null || locale === void 0 ? void 0 : locale.dismissText) || "Dismiss",
               variant: "subtle",
               onClick: onDismiss,
               className: stl(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["flex-shrink-0 -mr-2"])))

package/esm/Pagination/CompactPagination/CompactPagination.d.ts

@@ -1,5 +1,11 @@
 /// <reference types="react" />
 export declare type CompactPaginationLabel = "complete" | "compact" | "none";
+declare type BaseLocaleProps = {
+    goToFirstPage?: string;
+    goToLastPage?: string;
+    goToNextPage?: string;
+    goToPreviousPage?: string;
+};
 declare type BaseCompactPaginationProps = {
     /** Currently selected page (1 based index) */
     currentPage: number;
@@ -10,9 +16,15 @@ declare type BaseCompactPaginationProps = {
 export declare type DeterminateCompactPaginationProps = BaseCompactPaginationProps & {
     nbPages: number;
     showGoToLastPage?: boolean;
+    locale?: BaseLocaleProps & {
+        label?(page: number, nbPages: number): string;
+    };
 };
 export declare type IndeterminateCompactPaginationProps = BaseCompactPaginationProps & {
     nextDisabled?: boolean;
+    locale?: BaseLocaleProps & {
+        label?(page: number): string;
+    };
 };
 export declare type CompactPaginationProps = DeterminateCompactPaginationProps | IndeterminateCompactPaginationProps;
 export declare const isDeterminateCompactPaginationProps: (props: CompactPaginationProps) => props is DeterminateCompactPaginationProps;

package/esm/Pagination/CompactPagination/CompactPagination.js

@@ -14,24 +14,24 @@ export var isIndeterminateCompactPaginationProps = function isIndeterminateCompa
   return !isDeterminateCompactPaginationProps(props);
 };
 export var CompactPagination = function CompactPagination(props) {
-  var _props$label;
+  var _props$label, _props$locale, _props$locale$label, _props$locale2, _props$locale2$label, _props$locale3, _props$locale4, _props$locale5, _props$locale6;
 
   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) ? "Page ".concat(props.currentPage, " of ").concat(props.nbPages) : "Page ".concat(props.currentPage, " of many");
+  var label = labelType === "none" ? null : labelType === "compact" ? "".concat(props.currentPage) : isDeterminateCompactPaginationProps(props) ? ((_props$locale = props.locale) === null || _props$locale === void 0 ? void 0 : (_props$locale$label = _props$locale.label) === null || _props$locale$label === void 0 ? void 0 : _props$locale$label.call(_props$locale, props.currentPage, props.nbPages)) || "Page ".concat(props.currentPage, " of ").concat(props.nbPages) : ((_props$locale2 = props.locale) === null || _props$locale2 === void 0 ? void 0 : (_props$locale2$label = _props$locale2.label) === null || _props$locale2$label === void 0 ? void 0 : _props$locale2$label.call(_props$locale2, props.currentPage)) || "Page ".concat(props.currentPage, " of many");
   var isFirstPage = props.currentPage === 1;
   var isLastPage = isDeterminateCompactPaginationProps(props) ? props.currentPage === props.nbPages : !!props.nextDisabled;
   return /*#__PURE__*/_jsxs("div", {
     className: stl(_templateObject || (_templateObject = _taggedTemplateLiteral(["flex items-center space-x-2"]))),
     children: [props.showGoToFirstPage && /*#__PURE__*/_jsx(IconButton, {
       icon: ChevronsLeft,
-      title: "Go to first page",
+      title: ((_props$locale3 = props.locale) === null || _props$locale3 === void 0 ? void 0 : _props$locale3.goToFirstPage) || "Go to first page",
       onClick: function onClick() {
         return props.onChange(1);
       },
       disabled: isFirstPage
     }), /*#__PURE__*/_jsx(IconButton, {
       icon: ArrowLeft,
-      title: "Go to previous page",
+      title: ((_props$locale4 = props.locale) === null || _props$locale4 === void 0 ? void 0 : _props$locale4.goToPreviousPage) || "Go to previous page",
       onClick: function onClick() {
         return props.onChange(props.currentPage - 1);
       },
@@ -41,14 +41,14 @@ export var CompactPagination = function CompactPagination(props) {
       children: label
     }), /*#__PURE__*/_jsx(IconButton, {
       icon: ArrowRight,
-      title: "Go to next page",
+      title: ((_props$locale5 = props.locale) === null || _props$locale5 === void 0 ? void 0 : _props$locale5.goToNextPage) || "Go to next page",
       onClick: function onClick() {
         return props.onChange(props.currentPage + 1);
       },
       disabled: isLastPage
     }), isDeterminateCompactPaginationProps(props) && props.showGoToLastPage && /*#__PURE__*/_jsx(IconButton, {
       icon: ChevronsRight,
-      title: "Go to last page",
+      title: ((_props$locale6 = props.locale) === null || _props$locale6 === void 0 ? void 0 : _props$locale6.goToLastPage) || "Go to last page",
       onClick: function onClick() {
         return props.onChange(props.nbPages);
       },

package/esm/Pagination/DotPagination/DotPagination.d.ts

@@ -5,6 +5,9 @@ export declare type DotPaginationProps = {
     onChange: (page: number) => void;
     nbPages: number;
     size?: "small" | "medium";
+    locale?: {
+        goToPageText?(page: number): string;
+    };
 };
-export declare const DotPagination: ({ currentPage, onChange, nbPages, size }: DotPaginationProps) => JSX.Element;
+export declare const DotPagination: ({ currentPage, onChange, nbPages, size, locale }: DotPaginationProps) => JSX.Element;
 export default DotPagination;

package/esm/Pagination/DotPagination/DotPagination.js

@@ -9,14 +9,17 @@ export var DotPagination = function DotPagination(_ref) {
       onChange = _ref.onChange,
       nbPages = _ref.nbPages,
       _ref$size = _ref.size,
-      size = _ref$size === void 0 ? "medium" : _ref$size;
+      size = _ref$size === void 0 ? "medium" : _ref$size,
+      locale = _ref.locale;
   return /*#__PURE__*/_jsx("ul", {
     className: stl(_templateObject || (_templateObject = _taggedTemplateLiteral(["flex"]))),
     children: new Array(nbPages).fill(undefined).map(function (_, idx) {
+      var _locale$goToPageText;
+
       var pageIdx = idx + 1;
       return /*#__PURE__*/_jsx("li", {
         children: /*#__PURE__*/_jsx("button", {
-          "aria-label": "Go to page ".concat(pageIdx),
+          "aria-label": (locale === null || locale === void 0 ? void 0 : (_locale$goToPageText = locale.goToPageText) === null || _locale$goToPageText === void 0 ? void 0 : _locale$goToPageText.call(locale, pageIdx)) || "Go to page ".concat(pageIdx),
           className: stl(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n              rounded-full mx-1\n              ", "\n              ", "\n            "])), currentPage === pageIdx ? "bg-accent-600" : "bg-grey-200", size === "medium" ? "h-3 w-3" : "h-2 w-2"),
           onClick: function onClick() {
             return onChange(pageIdx);

package/esm/Pagination/Pagination/Pagination.d.ts

@@ -1,9 +1,15 @@
 /// <reference types="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.
@@ -12,5 +18,5 @@ export interface PaginationProps {
  * - Don't use on list with less than 20 items
  * - Place the pagination at the bottom of the split item
  */
-export declare const Pagination: ({ currentPage, nbPages, onChange, maxButtons: maxButtonsParam, }: PaginationProps) => JSX.Element;
+export declare const Pagination: ({ currentPage, nbPages, onChange, maxButtons: maxButtonsParam, locale, }: PaginationProps) => JSX.Element;
 export default Pagination;

package/esm/Pagination/Pagination/Pagination.js

@@ -23,11 +23,14 @@ var Ellipsis = function Ellipsis() {
 var Group = function Group(_ref) {
   var group = _ref.group,
       currentPage = _ref.currentPage,
-      onChange = _ref.onChange;
+      onChange = _ref.onChange,
+      locale = _ref.locale;
   return /*#__PURE__*/_jsx(_Fragment, {
     children: group.map(function (index) {
+      var _locale$goToPage;
+
       return /*#__PURE__*/_jsx(Button, {
-        "aria-label": "Go to page ".concat(index),
+        "aria-label": (locale === null || locale === void 0 ? void 0 : (_locale$goToPage = locale.goToPage) === null || _locale$goToPage === void 0 ? void 0 : _locale$goToPage.call(locale, index)) || "Go to page ".concat(index),
         variant: index === currentPage ? "primary" : "neutral",
         onClick: function onClick() {
           return onChange(index);
@@ -51,7 +54,8 @@ export var Pagination = function Pagination(_ref2) {
       nbPages = _ref2.nbPages,
       onChange = _ref2.onChange,
       _ref2$maxButtons = _ref2.maxButtons,
-      maxButtonsParam = _ref2$maxButtons === void 0 ? DEFAULT_MAX_BUTTONS : _ref2$maxButtons;
+      maxButtonsParam = _ref2$maxButtons === void 0 ? DEFAULT_MAX_BUTTONS : _ref2$maxButtons,
+      locale = _ref2.locale;
   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));
@@ -69,7 +73,7 @@ export var Pagination = function Pagination(_ref2) {
   return /*#__PURE__*/_jsxs(ButtonGroup, {
     as: "nav",
     children: [/*#__PURE__*/_jsx(Button, {
-      "aria-label": "Go to previous page",
+      "aria-label": (locale === null || locale === void 0 ? void 0 : locale.goToPreviousPage) || "Go to previous page",
       disabled: currentPage === 1,
       onClick: function onClick() {
         return onChange(currentPage - 1);
@@ -80,17 +84,20 @@ export var Pagination = function Pagination(_ref2) {
     }), /*#__PURE__*/_jsx(Group, {
       currentPage: currentPage,
       onChange: onChange,
-      group: groups[0]
+      group: groups[0],
+      locale: locale
     }), groups[0].length !== 0 && groups[1][0] - groups[0][0] > 1 && /*#__PURE__*/_jsx(Ellipsis, {}), /*#__PURE__*/_jsx(Group, {
       currentPage: currentPage,
       onChange: onChange,
-      group: groups[1]
+      group: groups[1],
+      locale: locale
     }), groups[2].length !== 0 && groups[2][0] - groups[1][groups[1].length - 1] > 1 && /*#__PURE__*/_jsx(Ellipsis, {}), /*#__PURE__*/_jsx(Group, {
       currentPage: currentPage,
       onChange: onChange,
-      group: groups[2]
+      group: groups[2],
+      locale: locale
     }), /*#__PURE__*/_jsx(Button, {
-      "aria-label": "Go to next page",
+      "aria-label": (locale === null || locale === void 0 ? void 0 : locale.goToNextPage) || "Go to next page",
       disabled: currentPage === nbPages,
       onClick: function onClick() {
         return onChange(currentPage + 1);

package/esm/ScrollIndicator/ScrollIndicator.d.ts

@@ -2,7 +2,9 @@ import type { CSSProperties, FunctionComponent, ReactHTML } from "react";
 export declare type ScrollIndicatorVariant = "light" | "dark";
 export interface ScrollIndicatorProps {
     wrapperClassName?: string;
+    /** @ignore */
     className?: string;
+    /** @ignore */
     style?: CSSProperties;
     tagName?: keyof ReactHTML;
     variant?: ScrollIndicatorVariant;

package/esm/Sidebar/Sidebar.d.ts

@@ -1,7 +1,9 @@
 import type { DetailedHTMLProps, HTMLAttributes } from "react";
 import type { SidebarCollapsed, SidebarVariant } from "./types";
 export interface SidebarProps extends DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement> {
+    /** @default "dark" */
     variant?: SidebarVariant;
+    /** @default false */
     collapsed?: SidebarCollapsed;
 }
 export declare const Sidebar: {

package/esm/Tables/DataTable/DataTable.d.ts

@@ -1,6 +1,15 @@
 import type { ReactNode } from "react";
 import type { ColumnDefinition, DataConfiguration, GetItemId, PaginationConfiguration, Row, SelectMode, Sorting, Status } from "./types";
 declare type CanSelectItem<Item> = (item: Item, idx: number) => boolean;
+export declare type DataTableLocale = {
+    selectAllButton?: string;
+    noDataTitle?: string;
+    noDataDescription?: string;
+    loadingTitle?: string;
+    loadingDescription?: string;
+    errorTitle?: string;
+    errorDescription?: string;
+};
 interface BaseDataTableProps<Item> {
     data: Item[];
     itemId?: GetItemId<Item>;
@@ -13,6 +22,7 @@ interface BaseDataTableProps<Item> {
     columns: ColumnDefinition<Item>[];
     canHoverRow?(row: Row<Item>): boolean;
     onRowHoveredChanged?(row: Row<Item> | null): void;
+    locale?: DataTableLocale;
 }
 declare type DataTableWithSelectMode<Item> = {
     selectMode: Exclude<SelectMode, "none">;
@@ -46,5 +56,5 @@ export declare type DataTableProps<Item> = BaseDataTableProps<Item> & (DataTable
  * - If a cell is empty or unavailable, keep the cell empty to reduce noise and help with legibility.
  * - Truncate long text to make it fit into a cell. However, choose column width wisely based on expected values, and adjust the table accordingly
  */
-export declare const DataTable: <Item extends {}>({ data, itemId, columns, onChange, status, noDataContent, errorContent, sorting, pagination, selectMode, selection, onSelectionChange, canSelectItem, canHoverRow, onRowHoveredChanged, }: DataTableProps<Item>) => JSX.Element;
+export declare const DataTable: <Item extends {}>({ data, itemId, columns, onChange, status, noDataContent, errorContent, sorting, pagination, selectMode, selection, onSelectionChange, canSelectItem, canHoverRow, onRowHoveredChanged, locale, }: DataTableProps<Item>) => JSX.Element;
 export default DataTable;

package/esm/Tables/DataTable/DataTable.js

@@ -67,7 +67,8 @@ export var DataTable = function DataTable(_ref) {
       onSelectionChange = _ref.onSelectionChange,
       canSelectItem = _ref.canSelectItem,
       canHoverRow = _ref.canHoverRow,
-      onRowHoveredChanged = _ref.onRowHoveredChanged;
+      onRowHoveredChanged = _ref.onRowHoveredChanged,
+      locale = _ref.locale;
 
   if (process.env.NODE_ENV !== "production") {
     var _selection$length;
@@ -129,7 +130,7 @@ export var DataTable = function DataTable(_ref) {
       var isChecked = selectionLength === dataLength;
       var isIndeterminate = selectionLength > 0 && selectionLength !== dataLength;
       return /*#__PURE__*/_jsx(Checkbox, {
-        "aria-label": "Select all" // Small hack to position the checkbox in the center of the header
+        "aria-label": (locale === null || locale === void 0 ? void 0 : locale.selectAllButton) || "Select all" // Small hack to position the checkbox in the center of the header
         ,
         className: stl(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["absolute mb-2.5"]))),
         checked: isChecked,

package/esm/Tables/DataTable/components/Body.d.ts

@@ -1,7 +1,7 @@
 import type { ReactNode } from "react";
 import type { DataTableProps } from "../DataTable";
 import type { AdvancedColumnDefinition, Row, SelectMode, Status } from "../types";
-export interface BodyProps<Item> extends Pick<DataTableProps<Item>, "selection" | "onSelectionChange" | "canHoverRow"> {
+export interface BodyProps<Item> extends Pick<DataTableProps<Item>, "selection" | "onSelectionChange" | "canHoverRow" | "locale"> {
     rows: Row<Item>[];
     status?: Status;
     noDataContent?: ReactNode;
@@ -10,5 +10,5 @@ export interface BodyProps<Item> extends Pick<DataTableProps<Item>, "selection"
     onRowHoverChange(row: Row<Item> | null): void;
     selectMode: SelectMode;
 }
-export declare const Body: <Item extends {}>({ rows, columns, status, noDataContent, errorContent, selectMode, selection, onSelectionChange, onRowHoverChange, canHoverRow, }: BodyProps<Item>) => JSX.Element;
+export declare const Body: <Item extends {}>({ rows, columns, status, noDataContent, errorContent, selectMode, selection, onSelectionChange, onRowHoverChange, canHoverRow, locale, }: BodyProps<Item>) => JSX.Element;
 export default Body;