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

package/cjs/Tag/Tag.d.ts

@@ -8,6 +8,9 @@ export interface TagProps extends DetailedHTMLProps<HTMLAttributes<HTMLSpanEleme
      * */
     variant?: TagVariants;
     onDelete?: MouseEventHandler<HTMLElement>;
+    locale?: {
+        removeButton?: string;
+    };
 }
 /**
  * Use tags to visually label UI objects for quick recognition and navigation. (!) **Tags can be added or removed from an object by users**.
@@ -30,5 +33,5 @@ export interface TagProps extends DetailedHTMLProps<HTMLAttributes<HTMLSpanEleme
  * - When writing tags, avoid line-wrapping
  * - Define the max width of text within a tag. Once the text reaches the max, truncate with ellipses
  */
-export declare const Tag: import("react").ForwardRefExoticComponent<Pick<TagProps, "hidden" | "dir" | "slot" | "style" | "title" | "color" | "translate" | "children" | "key" | "variant" | "className" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "draggable" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "onDelete"> & import("react").RefAttributes<HTMLSpanElement>>;
+export declare const Tag: import("react").ForwardRefExoticComponent<Pick<TagProps, "hidden" | "dir" | "slot" | "style" | "title" | "color" | "translate" | "children" | "key" | "variant" | "className" | "locale" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "draggable" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "onDelete"> & import("react").RefAttributes<HTMLSpanElement>>;
 export default Tag;

package/cjs/Tag/Tag.js

@@ -23,7 +23,7 @@ var _satellitePrefixer = _interopRequireDefault(require("../styles/helpers/satel
 
 var _jsxRuntime = require("react/jsx-runtime");
 
-var _excluded = ["children", "variant", "className", "onDelete"];
+var _excluded = ["children", "variant", "className", "onDelete", "locale"];
 
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17;
 
@@ -77,6 +77,7 @@ var Tag = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
       variant = _ref$variant === void 0 ? "grey" : _ref$variant,
       className = _ref.className,
       onDelete = _ref.onDelete,
+      locale = _ref.locale,
       props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
   var title = typeof children === "string" ? children : "tag";
   var tagClassName = (0, _classnames["default"])((0, _satellitePrefixer["default"])(_templateObject15 || (_templateObject15 = (0, _taggedTemplateLiteral2["default"])(["tag"]))), VARIANT_CLASSNAMES[variant], className);
@@ -101,7 +102,7 @@ var Tag = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
       className: (0, _classnames["default"])((0, _satellitePrefixer["default"])(_templateObject17 || (_templateObject17 = (0, _taggedTemplateLiteral2["default"])(["tag-close-button"]))), BUTTON_CLOSE_VARIANT_CLASSNAMES[variant]),
       type: "button",
       onClick: handleDelete,
-      "aria-label": "Remove ".concat(title),
+      "aria-label": (locale === null || locale === void 0 ? void 0 : locale.removeButton) || "Remove ".concat(title),
       children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactFeather.X, {
         size: "1em"
       })

package/cjs/Tooltip/OverflowTooltipWrapper.d.ts

@@ -1,5 +1,6 @@
 import type { FunctionComponent } from "react";
 import type { TooltipWrapperBaseProps } from "./types";
+/** @ignore */
 export declare const isOverflowing: (element: HTMLElement) => boolean;
 export declare const OverflowTooltipWrapper: FunctionComponent<TooltipWrapperBaseProps>;
 export default OverflowTooltipWrapper;

package/cjs/Tooltip/OverflowTooltipWrapper.js

@@ -39,6 +39,7 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O
 
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
+/** @ignore */
 var isOverflowing = function isOverflowing(element) {
   return element.scrollHeight > element.clientHeight || element.scrollWidth > element.clientWidth;
 };

package/cjs/utils/pluralize.js

@@ -17,7 +17,12 @@ function pluralize(count, word, options) {
       numberFormatter = _Object$assign.numberFormatter;
 
   var formattedNumber = numberFormatter(count);
-  return "".concat(formattedNumber, " ").concat(plural ? plural : "".concat(word, "s"));
+
+  if (count === 1) {
+    return "".concat(formattedNumber, " ").concat(word);
+  }
+
+  return "".concat(formattedNumber, " ").concat(plural || "".concat(word, "s"));
 }
 
 var _default = pluralize;

package/esm/AnnouncementBadge/AnnouncementBadge.d.ts

@@ -4,6 +4,7 @@ export interface AnnouncementBadgeProps extends HTMLAttributes<HTMLSpanElement>
     size?: AnnouncementBadgeSizes;
     text?: "new" | "beta" | "internal" | "pilot";
     variant?: "accent" | "red";
+    locale?: string;
     children?: never;
 }
 export declare const AnnouncementBadge: FunctionComponent<AnnouncementBadgeProps>;

package/esm/AnnouncementBadge/AnnouncementBadge.js

@@ -1,7 +1,7 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
-var _excluded = ["size", "text", "variant", "className"];
+var _excluded = ["size", "text", "variant", "className", "locale"];
 
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
 
@@ -24,12 +24,13 @@ export var AnnouncementBadge = function AnnouncementBadge(_ref) {
       text = _ref$text === void 0 ? "new" : _ref$text,
       variantProp = _ref.variant,
       className = _ref.className,
+      locale = _ref.locale,
       props = _objectWithoutProperties(_ref, _excluded);
 
   var variant = typeof variantProp === "string" ? variantProp : text === "internal" ? "red" : "accent";
   return /*#__PURE__*/_jsx("span", _objectSpread(_objectSpread({}, props), {}, {
     className: cx(DEFAULT_CLASSNAME, variant === "red" ? stl(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["bg-red-600"]))) : stl(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["bg-accent-600"]))), SIZE_CLASSNAMES[size], className),
-    children: text
+    children: locale || text
   }));
 };
 export default AnnouncementBadge;

package/esm/AutoComplete/AutoComplete.d.ts

@@ -1,14 +1,17 @@
-import { ControllerStateAndHelpers } from "downshift";
+import type { A11yStatusMessageOptions, ControllerStateAndHelpers } from "downshift";
 import { Component } from "react";
 import type { ChangeEvent, FocusEvent, KeyboardEvent, MouseEvent } from "react";
 import { FieldState } from "../Field/FieldStateContext";
-import type { AutoCompleteProps, Option } from "./types";
+import type { AutoCompleteLocale, AutoCompleteProps, Option, OptionItemProps } from "./types";
 interface State {
     inputFocused: boolean;
     inputValue: string;
     inputWidth?: number;
     showAllResults: boolean;
 }
+declare type DefaultOptionProps = OptionItemProps & {
+    locale?: AutoCompleteLocale;
+};
 /**
  * Autocomplete is a search-as-you-type function that matches what a person types, usually the beginning of a word, or a prefix, with a word list. Not to be confused with auto-suggestion that predicts the end of a query.
  *
@@ -25,37 +28,44 @@ interface State {
  * - Provide matching results quickly
  * - Style different data
  */
-export declare class AutoComplete<T extends Option> extends Component<AutoCompleteProps, State> {
+export declare class AutoComplete<T extends Option = Option> extends Component<AutoCompleteProps<T>, State> {
     static defaultProps: {
         clearable: boolean;
         creatable: boolean;
         multiple: boolean;
         maxResults: number;
-        emptyState: JSX.Element;
-        createFromInputValue: import("./types").CreateFromInputValue;
+        createFromInputValue: <T_1 extends Option = Option>(options: T_1[] | undefined, inputValue: string) => Option[];
         options: never[];
         separatorKeyCodes: never[];
         separatorKeys: never[];
-        optionItemComponent: import("./types").OptionItemComponentType;
+        optionItemComponent: ({ locale, ...props }: DefaultOptionProps) => JSX.Element;
         noWrap: boolean;
+        locale: {
+            clearInputButton: string;
+            emptyStateTitle: string;
+            itemsAvailable: (resultCount: number) => string;
+            showMoreButton: (extraResults: number) => string;
+            optionItemPrefix: (multiple: boolean) => "Add" | "Use";
+        };
     };
     state: State;
     inputContainerRef: HTMLDivElement | null;
     inputRef: HTMLInputElement | null;
-    componentDidUpdate(prevProps: AutoCompleteProps): void;
+    componentDidUpdate(prevProps: AutoCompleteProps<T>): void;
     handleClearClick: () => void;
     handleFakeInputClick: () => void | null;
-    handleInputBlur: (state: ControllerStateAndHelpers<Option>) => (evt: FocusEvent<HTMLInputElement>) => void;
+    handleInputBlur: (state: ControllerStateAndHelpers<T | Option>) => (evt: FocusEvent<HTMLInputElement>) => void;
     handleInputChange: (evt: ChangeEvent<HTMLInputElement>) => void;
     handleInputContainerRefUpdate: (el: HTMLDivElement | null) => void;
     updateInputWidth: () => void;
-    handleKeyDown: (state: ControllerStateAndHelpers<Option>) => (evt: KeyboardEvent<any>) => void;
-    handleChange: (option: Option) => void;
+    handleKeyDown: (state: ControllerStateAndHelpers<T | Option>) => (evt: KeyboardEvent<any>) => void;
+    handleChange: (option: T) => void;
     handleShowAllResults: (evt: MouseEvent<HTMLButtonElement>) => void;
-    removeValue: (removedOption: Option) => void;
-    renderInput: (results: Option[], autocompleteHelpers: ControllerStateAndHelpers<Option>, fieldState: FieldState) => JSX.Element;
-    renderMenu: (results: Option[], autocompleteHelpers: ControllerStateAndHelpers<Option>) => JSX.Element;
-    renderSelect: (autocompleteHelpers: ControllerStateAndHelpers<Option>, fieldState: FieldState) => JSX.Element;
+    removeValue: (removedOption: T) => void;
+    getA11yStatusMessage: (options: A11yStatusMessageOptions<any>) => string;
+    renderInput: (results: T[], autocompleteHelpers: ControllerStateAndHelpers<T | Option>, fieldState: FieldState) => JSX.Element;
+    renderMenu: (results: T[], autocompleteHelpers: ControllerStateAndHelpers<T | Option>) => JSX.Element;
+    renderSelect: (autocompleteHelpers: ControllerStateAndHelpers<T | Option>, fieldState: FieldState) => JSX.Element;
     render(): JSX.Element;
 }
 export default AutoComplete;

package/esm/AutoComplete/AutoComplete.js

@@ -8,17 +8,20 @@ import _inherits from "@babel/runtime/helpers/inherits";
 import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
 import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16;
 
-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; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+var _excluded = ["locale"];
 
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
 
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
 
+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; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
 function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it["return"] != null) it["return"](); } finally { if (didErr) throw err; } } }; }
 
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
@@ -107,9 +110,31 @@ var MENU_POPPER_MODFIERS = [{
 }];
 var BACKSPACE_KEY_CODE = 8;
 
-var defaultEmptyState = /*#__PURE__*/_jsx(AutoCompleteEmptyState, {
-  title: "No matches found"
-});
+/** @ignore */
+var DefaultEmptyState = function DefaultEmptyState(_ref) {
+  var _locale$emptyStateTit;
+
+  var locale = _ref.locale;
+  return /*#__PURE__*/_jsx(AutoCompleteEmptyState, {
+    title: (_locale$emptyStateTit = locale === null || locale === void 0 ? void 0 : locale.emptyStateTitle) !== null && _locale$emptyStateTit !== void 0 ? _locale$emptyStateTit : AutoComplete.defaultProps.locale.emptyStateTitle
+  });
+};
+
+/** @ignore */
+var DefaultOption = function DefaultOption(_ref2) {
+  var locale = _ref2.locale,
+      props = _objectWithoutProperties(_ref2, _excluded);
+
+  return /*#__PURE__*/_jsx(DefaultOptionItem, _objectSpread(_objectSpread({}, props), {}, {
+    locale: {
+      optionItemPrefix: function optionItemPrefix(multiple) {
+        var _locale$optionItemPre, _locale$optionItemPre2;
+
+        return (_locale$optionItemPre = locale === null || locale === void 0 ? void 0 : (_locale$optionItemPre2 = locale.optionItemPrefix) === null || _locale$optionItemPre2 === void 0 ? void 0 : _locale$optionItemPre2.call(locale, multiple)) !== null && _locale$optionItemPre !== void 0 ? _locale$optionItemPre : AutoComplete.defaultProps.locale.optionItemPrefix(multiple);
+      }
+    }
+  }));
+};
 /**
  * Autocomplete is a search-as-you-type function that matches what a person types, usually the beginning of a word, or a prefix, with a word list. Not to be confused with auto-suggestion that predicts the end of a query.
  *
@@ -315,7 +340,29 @@ export var AutoComplete = /*#__PURE__*/function (_Component) {
       _this.props.onChange(newOptions);
     });
 
+    _defineProperty(_assertThisInitialized(_this), "getA11yStatusMessage", function (options) {
+      if (!options.isOpen) {
+        return "";
+      }
+
+      if (!options.resultCount) {
+        var _this$props$locale$em, _this$props$locale;
+
+        return (_this$props$locale$em = (_this$props$locale = _this.props.locale) === null || _this$props$locale === void 0 ? void 0 : _this$props$locale.emptyStateTitle) !== null && _this$props$locale$em !== void 0 ? _this$props$locale$em : "";
+      }
+
+      if (options.resultCount > 0) {
+        var _this$props$locale$it, _this$props$locale2, _this$props$locale2$i;
+
+        return (_this$props$locale$it = (_this$props$locale2 = _this.props.locale) === null || _this$props$locale2 === void 0 ? void 0 : (_this$props$locale2$i = _this$props$locale2.itemsAvailable) === null || _this$props$locale2$i === void 0 ? void 0 : _this$props$locale2$i.call(_this$props$locale2, options.resultCount)) !== null && _this$props$locale$it !== void 0 ? _this$props$locale$it : "";
+      }
+
+      return "";
+    });
+
     _defineProperty(_assertThisInitialized(_this), "renderInput", function (results, autocompleteHelpers, fieldState) {
+      var _this$props$locale3;
+
       var _this$props3 = _this.props,
           id = _this$props3.id,
           placeholder = _this$props3.placeholder,
@@ -413,7 +460,7 @@ export var AutoComplete = /*#__PURE__*/function (_Component) {
             type: "button",
             className: stl(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["w-6 flex items-center justify-center text-grey-500"]))),
             onClick: _this.handleClearClick,
-            "aria-label": "Clear input value",
+            "aria-label": (_this$props$locale3 = _this.props.locale) === null || _this$props$locale3 === void 0 ? void 0 : _this$props$locale3.clearInputButton,
             children: /*#__PURE__*/_jsx(X, {
               size: ".75rem"
             })
@@ -430,12 +477,17 @@ export var AutoComplete = /*#__PURE__*/function (_Component) {
           highlightedIndex = autocompleteHelpers.highlightedIndex,
           inputValue = autocompleteHelpers.inputValue,
           isOpen = autocompleteHelpers.isOpen;
+
+      var defaultEmptyState = /*#__PURE__*/_jsx(DefaultEmptyState, {
+        locale: _this.props.locale
+      });
+
       var _this$props4 = _this.props,
           menuClassName = _this$props4.menuClassName,
           menuSize = _this$props4.menuSize,
-          _this$props4$emptySta = _this$props4.emptyState,
-          emptyState = _this$props4$emptySta === void 0 ? AutoComplete.defaultProps.emptyState : _this$props4$emptySta,
           menuFooter = _this$props4.menuFooter,
+          _this$props4$emptySta = _this$props4.emptyState,
+          emptyState = _this$props4$emptySta === void 0 ? defaultEmptyState : _this$props4$emptySta,
           _this$props4$maxResul = _this$props4.maxResults,
           maxResults = _this$props4$maxResul === void 0 ? AutoComplete.defaultProps.maxResults : _this$props4$maxResul,
           _this$props4$multiple = _this$props4.multiple,
@@ -470,6 +522,8 @@ export var AutoComplete = /*#__PURE__*/function (_Component) {
         referenceElement: (_this$inputContainerR3 = _this.inputContainerRef) !== null && _this$inputContainerR3 !== void 0 ? _this$inputContainerR3 : undefined,
         modifiers: MENU_POPPER_MODFIERS,
         children: function children(popper) {
+          var _this$props$locale4, _this$props$locale4$s;
+
           return /*#__PURE__*/_jsx("div", {
             className: cx(stl(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["z-dropdown"]))), menuClassName),
             style: _objectSpread(_objectSpread({}, popper.style), dropdownStyle),
@@ -492,16 +546,17 @@ export var AutoComplete = /*#__PURE__*/function (_Component) {
                     })), {}, {
                       children: /*#__PURE__*/_jsx(OptionItem, _objectSpread(_objectSpread({}, optionItemProps), {}, {
                         highlighted: index === highlightedIndex,
-                        option: result
+                        option: result,
+                        locale: _this.props.locale
                       }))
                     }), result.value);
                   }), extraResults > 0 && !showAllResults && /*#__PURE__*/_jsx("li", {
                     className: stl(_templateObject15 || (_templateObject15 = _taggedTemplateLiteral(["p-2 text-right"]))),
-                    children: /*#__PURE__*/_jsxs(Button, {
+                    children: /*#__PURE__*/_jsx(Button, {
                       variant: "subtle",
                       size: "small",
                       onMouseDown: _this.handleShowAllResults,
-                      children: ["Show ", pluralize(extraResults, "result"), " more"]
+                      children: (_this$props$locale4 = _this.props.locale) === null || _this$props$locale4 === void 0 ? void 0 : (_this$props$locale4$s = _this$props$locale4.showMoreButton) === null || _this$props$locale4$s === void 0 ? void 0 : _this$props$locale4$s.call(_this$props$locale4, extraResults)
                     })
                   })]
                 }))
@@ -574,6 +629,7 @@ export var AutoComplete = /*#__PURE__*/function (_Component) {
              */
             ,
             selectedItem: null,
+            getA11yStatusMessage: _this2.getA11yStatusMessage,
             onChange: _this2.handleChange,
             itemToString: optionToString,
             defaultHighlightedIndex: 0,
@@ -594,13 +650,27 @@ _defineProperty(AutoComplete, "defaultProps", {
   creatable: false,
   multiple: false,
   maxResults: 7,
-  emptyState: defaultEmptyState,
   createFromInputValue: defaultCreateFromInputValue,
   options: [],
   separatorKeyCodes: [],
   separatorKeys: [],
-  optionItemComponent: DefaultOptionItem,
-  noWrap: false
+  optionItemComponent: DefaultOption,
+  noWrap: false,
+  locale: {
+    clearInputButton: "Clear input value",
+    emptyStateTitle: "No matches found",
+    itemsAvailable: function itemsAvailable(resultCount) {
+      return "".concat(pluralize(resultCount, "item is", {
+        plural: "items are"
+      }), " available");
+    },
+    showMoreButton: function showMoreButton(extraResults) {
+      return "Show ".concat(pluralize(extraResults, "result"), " more");
+    },
+    optionItemPrefix: function optionItemPrefix(multiple) {
+      return multiple ? "Add" : "Use";
+    }
+  }
 });
 
 export default AutoComplete;

package/esm/AutoComplete/components/DefaultOptionItem.d.ts

@@ -1,3 +1,7 @@
-import type { OptionItemComponentType } from "../types";
-declare const DefaultOptionItem: OptionItemComponentType;
+/// <reference types="react" />
+import type { AutoCompleteLocale, OptionItemProps } from "../types";
+declare type DefaultOptionItemProps = OptionItemProps & {
+    locale?: AutoCompleteLocale;
+};
+declare const DefaultOptionItem: ({ option, multiple, locale }: DefaultOptionItemProps) => JSX.Element;
 export default DefaultOptionItem;

package/esm/AutoComplete/components/DefaultOptionItem.js

@@ -12,13 +12,16 @@ var metadataSpacer = /*#__PURE__*/_jsx("span", {
 });
 
 var DefaultOptionItem = function DefaultOptionItem(_ref) {
+  var _locale$optionItemPre;
+
   var option = _ref.option,
-      multiple = _ref.multiple;
+      multiple = _ref.multiple,
+      locale = _ref.locale;
   return /*#__PURE__*/_jsxs("div", {
     className: stl(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["truncate py-2"]))),
     children: [/*#__PURE__*/_jsx("span", {
       className: stl(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["font-semibold text-md text-grey-900"]))),
-      children: option["new"] ? "".concat(multiple ? "Add " : "Use ", " ").concat(option.label) : option.label
+      children: option["new"] ? "".concat(locale === null || locale === void 0 ? void 0 : (_locale$optionItemPre = locale.optionItemPrefix) === null || _locale$optionItemPre === void 0 ? void 0 : _locale$optionItemPre.call(locale, multiple), " ").concat(option.label) : option.label
     }), option.metadata && option.metadata.length > 0 && /*#__PURE__*/_jsx("ul", {
       className: stl(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["flex text-grey-600"]))),
       children: option.metadata.map(function (metadata, idx) {

package/esm/AutoComplete/types.d.ts

@@ -1,7 +1,14 @@
 import type { ComponentType, FocusEventHandler, ReactNode } from "react";
 import type { IconComponentType } from "../types";
 export declare type AutoCompleteVariant = "medium" | "large";
-export interface AutoCompleteBaseProps {
+export declare type AutoCompleteLocale = {
+    emptyStateTitle?: string;
+    clearInputButton?: string;
+    itemsAvailable?: (resultCount: number) => string;
+    showMoreButton?: (extraResults: number) => string;
+    optionItemPrefix?: (multiple: boolean) => string;
+};
+export interface AutoCompleteBaseProps<T extends Option = Option> {
     id?: string;
     icon?: IconComponentType;
     name?: string;
@@ -12,7 +19,7 @@ export interface AutoCompleteBaseProps {
     placeholder?: string;
     disabled?: boolean;
     autoFocus?: boolean;
-    options?: Option[];
+    options?: T[];
     inputValue?: string;
     onTextChange?: (text: string) => any;
     onFocus?: FocusEventHandler<HTMLInputElement>;
@@ -21,13 +28,13 @@ export interface AutoCompleteBaseProps {
     clearable?: boolean;
     selectOnBlur?: boolean;
     maxResults?: number;
-    createFromInputValue?: CreateFromInputValue;
+    createFromInputValue?: CreateFromInputValue<T>;
     separatorKeyCodes?: number[];
     separatorKeys?: string[];
-    renderValueTemplate?: (args: RenderValueTemplateArgs) => JSX.Element;
+    renderValueTemplate?: (args: RenderValueTemplateArgs<T>) => JSX.Element;
     emptyState?: ReactNode;
     menuFooter?: ReactNode;
-    optionItemComponent?: OptionItemComponentType;
+    optionItemComponent?: OptionItemComponentType<T>;
     /** Keep the input on a single line */
     noWrap?: boolean;
     endItem?: ReactNode;
@@ -36,18 +43,19 @@ export interface AutoCompleteBaseProps {
      * @default "medium"
      */
     menuSize?: "medium" | "large";
+    locale?: AutoCompleteLocale;
 }
-export interface AutoCompleteSingleProps extends AutoCompleteBaseProps {
+export interface AutoCompleteSingleProps<T extends Option = Option> extends AutoCompleteBaseProps<T> {
     multiple?: false;
-    value?: Option;
-    onChange: (option: Option | null) => void;
+    value?: T;
+    onChange: (option: T | null) => void;
 }
-export interface AutoCompleteMultiProps extends AutoCompleteBaseProps {
+export interface AutoCompleteMultiProps<T extends Option = Option> extends AutoCompleteBaseProps<T> {
     multiple: true;
-    value?: Option[];
-    onChange: (option: Option[] | null) => void;
+    value?: T[];
+    onChange: (option: T[] | null) => void;
 }
-export declare type AutoCompleteProps = AutoCompleteMultiProps | AutoCompleteSingleProps;
+export declare type AutoCompleteProps<T extends Option = Option> = AutoCompleteMultiProps<T> | AutoCompleteSingleProps<T>;
 declare type OptionsValue = string | number | boolean;
 export interface Option {
     value: OptionsValue;
@@ -57,22 +65,22 @@ export interface Option {
     disabled?: boolean;
     bypassNeedleMatch?: boolean;
 }
-export interface OptionItemProps {
-    option: Option;
+export interface OptionItemProps<T extends Option = Option> {
+    option: T;
     multiple: boolean;
     inputValue: string;
     highlighted: boolean;
 }
-export declare type OptionItemComponentType = ComponentType<OptionItemProps>;
+export declare type OptionItemComponentType<T extends Option = Option> = ComponentType<OptionItemProps<T>>;
 export interface OptionRendererParams {
     multiple: boolean;
     inputValue: string;
     highlighted: boolean;
 }
-export interface RenderValueTemplateArgs {
-    option: Option;
+export interface RenderValueTemplateArgs<T extends Option = Option> {
+    option: T;
     key: string;
     editable: boolean;
 }
-export declare type CreateFromInputValue = (options: Option[] | undefined, inputValue: string) => Option[];
+export declare type CreateFromInputValue<T extends Option = Option> = (options: T[] | undefined, inputValue: string) => Option[];
 export {};

package/esm/AutoComplete/utils.d.ts

@@ -1,4 +1,4 @@
-import type { AutoCompleteMultiProps, AutoCompleteProps, CreateFromInputValue } from "./types";
-export declare function isAutoCompleteMultiProps(props: AutoCompleteProps): props is AutoCompleteMultiProps;
-export declare const defaultCreateFromInputValue: CreateFromInputValue;
-export declare const caseInsensitiveCreateFromInputValue: CreateFromInputValue;
+import type { AutoCompleteMultiProps, AutoCompleteProps, Option } from "./types";
+export declare function isAutoCompleteMultiProps<T extends Option = Option>(props: AutoCompleteProps<T>): props is AutoCompleteMultiProps<T>;
+export declare const defaultCreateFromInputValue: <T extends Option = Option>(options: T[] | undefined, inputValue: string) => Option[];
+export declare const caseInsensitiveCreateFromInputValue: <T extends Option = Option>(options: T[] | undefined, inputValue: string) => Option[];

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

@@ -1,8 +1,8 @@
 import type { Dispatch, FunctionComponent, MouseEvent, ReactNode } from "react";
-import { CalendarProps } from "../components/Calendar";
-import { DisplayProps } from "../components/Display";
-import { FooterActionsProps } from "../components/FooterActions";
-import { ModalProps } from "../components/Modal";
+import type { CalendarProps } from "../components/Calendar";
+import type { DisplayProps } from "../components/Display";
+import type { FooterActionsProps } from "../components/FooterActions";
+import type { SharedDatePickerProps } from "../types";
 import { DatePickerReducerAction, DatePickerReducerState } from "./datePickerReducer";
 interface LeftFooterComponentArgs {
     state: DatePickerReducerState;
@@ -29,12 +29,6 @@ export declare type DatePickerProps = {
     value?: Date | null;
     initialValue?: Date | null;
     buttonSize?: DisplayProps["size"];
-    modalPlacement?: ModalProps["placement"];
-} & ({
-    editableYear?: false;
-} | {
-    editableYear: true;
-    years?: number[];
-});
+} & SharedDatePickerProps;
 declare const DatePicker: FunctionComponent<DatePickerProps>;
 export default DatePicker;

package/esm/DatePicker/DatePicker/DatePicker.js

@@ -23,7 +23,7 @@ import { jsxs as _jsxs } from "react/jsx-runtime";
 import { Fragment as _Fragment } from "react/jsx-runtime";
 
 var DatePicker = function DatePicker(props) {
-  var _props$initialValue, _props$validate, _props$validate$call, _props$calendarProps;
+  var _props$initialValue, _props$validate, _props$validate$call, _props$locale, _props$calendarProps;
 
   var _useState = useState(null),
       _useState2 = _slicedToArray(_useState, 2),
@@ -108,7 +108,7 @@ var DatePicker = function DatePicker(props) {
         children: value ? /*#__PURE__*/_jsx("time", {
           dateTime: value.toISOString(),
           children: formatDate(value)
-        }) : "Enter a date..."
+        }) : ((_props$locale = props.locale) === null || _props$locale === void 0 ? void 0 : _props$locale.openButton) || "Enter a date..."
       })
     }), /*#__PURE__*/_jsx(Modal, {
       className: stl(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["date-picker"]))),
@@ -126,12 +126,14 @@ var DatePicker = function DatePicker(props) {
       children: /*#__PURE__*/_jsxs("div", {
         className: stl(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["flex"]))),
         children: [/*#__PURE__*/_jsxs("div", {
-          children: [/*#__PURE__*/_jsx(Calendar, _objectSpread(_objectSpread({
+          children: [/*#__PURE__*/_jsx(Calendar, _objectSpread(_objectSpread(_objectSpread({
             numberOfMonths: 1
           }, (_props$calendarProps = props === null || props === void 0 ? void 0 : props.calendarProps) !== null && _props$calendarProps !== void 0 ? _props$calendarProps : {}), {}, {
             selectedDays: value !== null && value !== void 0 ? value : undefined,
             onDayClick: handleDayClick
-          }, yearProps)), /*#__PURE__*/_jsxs(Footer, {
+          }, yearProps), {}, {
+            locale: props.locale
+          })), /*#__PURE__*/_jsxs(Footer, {
             children: [props.renderLeftFooter && /*#__PURE__*/_jsx("div", {
               children: props.renderLeftFooter({
                 state: state,
@@ -140,7 +142,8 @@ var DatePicker = function DatePicker(props) {
             }), !props.renderRightPanel && /*#__PURE__*/_jsx(FooterActions, {
               onCancel: handleClose,
               onApply: handleApply,
-              disableApply: !isValid
+              disableApply: !isValid,
+              locale: props.locale
             })]
           })]
         }), props.renderRightPanel && /*#__PURE__*/_jsxs(_Fragment, {
@@ -153,7 +156,8 @@ var DatePicker = function DatePicker(props) {
             }), /*#__PURE__*/_jsx(FooterActions, {
               onCancel: handleClose,
               onApply: handleApply,
-              disableApply: !isValid
+              disableApply: !isValid,
+              locale: props.locale
             })]
           })]
         })]