@algolia/satellite 1.4.0 → 1.5.0

package/dist/cjs/Helpers/TextWrap/TextWrap.d.ts

@@ -1,8 +1,7 @@
-import type { VFC } from "react";
-export interface TextWrapProps extends Omit<JSX.IntrinsicElements["span"], "children"> {
+import type { HTMLAttributes, VFC } from "react";
+export interface TextWrapProps extends HTMLAttributes<HTMLSpanElement> {
     /** The max number of lines before the text is cut with an ellipsis */
     maxLines?: number;
-    children: string;
 }
 /**
  * The `TextWrap` component is used to wrap text and truncate it with an ellipsis if it overflows.

package/dist/cjs/Helpers/TextWrap/TextWrap.js

@@ -5,9 +5,10 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.TextWrap = void 0;
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
+var _react = require("react");
 var _satellitePrefixer = _interopRequireDefault(require("../../styles/helpers/satellitePrefixer"));
 var _isCssPropertySupported = require("../../utils/isCssPropertySupported");
 var _jsxRuntime = require("react/jsx-runtime");
@@ -26,6 +27,18 @@ var SEPARATOR_ELEMENT = /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
   "aria-hidden": "true",
   children: "\u200B"
 });
+var SPLIT_REGEX = /([\W_]+)/g;
+var recursivelyApplyWhiteSpace = function recursivelyApplyWhiteSpace(children) {
+  return _react.Children.map(children, function (child) {
+    return /*#__PURE__*/(0, _react.isValidElement)(child) ? /*#__PURE__*/(0, _react.cloneElement)(child, _objectSpread(_objectSpread({}, child.props), {}, {
+      children: recursivelyApplyWhiteSpace(child.props.children)
+    })) : typeof child === "string" ? child.split(SPLIT_REGEX).map(function (text, index, arr) {
+      return text ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_react.Fragment, {
+        children: [text, index < arr.length - 1 ? SEPARATOR_ELEMENT : null]
+      }, index) : null;
+    }) : child;
+  });
+};
 
 /**
  * The `TextWrap` component is used to wrap text and truncate it with an ellipsis if it overflows.
@@ -33,7 +46,7 @@ var SEPARATOR_ELEMENT = /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
  * See the [Text Wrap documentation page](https://satellite.algolia.com/components/misc/text-wrap) for more information.
  */
 var TextWrap = exports.TextWrap = function TextWrap(_ref) {
-  var text = _ref.children,
+  var children = _ref.children,
     maxLines = _ref.maxLines,
     style = _ref.style,
     spanProps = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
@@ -46,13 +59,6 @@ var TextWrap = exports.TextWrap = function TextWrap(_ref) {
   return /*#__PURE__*/(0, _jsxRuntime.jsx)("span", _objectSpread(_objectSpread({
     style: _objectSpread(_objectSpread({}, clampStyle), style)
   }, spanProps), {}, {
-    children: text.split(/([\W_]+)/).flatMap(function (part, idx) {
-      if (!part) {
-        return null;
-      }
-      return idx % 2 === 0 ? part : /*#__PURE__*/(0, _jsxRuntime.jsxs)("span", {
-        children: [part, SEPARATOR_ELEMENT]
-      }, "".concat(idx, "-").concat(part));
-    }).filter(Boolean)
+    children: recursivelyApplyWhiteSpace(children)
   }));
 };

package/dist/cjs/Icons/index.d.ts

@@ -17,4 +17,4 @@ export { QueryBreakdownIcon } from "./QueryBreakdownIcon";
 export { BulbIcon } from "./BulbIcon";
 export { TestingIcon } from "./TestingIcon";
 export { RocketIcon } from "./RocketIcon";
-export { ActivityIcon, AirplayIcon, AlertCircleIcon, AlertOctagonIcon, AlertTriangleIcon, AlignCenterIcon, AlignJustifyIcon, AlignLeftIcon, AlignRightIcon, AnchorIcon, ApertureIcon, ArchiveIcon, ArrowDownCircleIcon, ArrowDownIcon, ArrowDownLeftIcon, ArrowDownRightIcon, ArrowLeftCircleIcon, ArrowLeftIcon, ArrowRightCircleIcon, ArrowRightIcon, ArrowUpCircleIcon, ArrowUpIcon, ArrowUpLeftIcon, ArrowUpRightIcon, AtSignIcon, AwardIcon, BanIcon, BarChart2Icon, BarChartIcon, BatteryChargingIcon, BatteryIcon, BellIcon, BellOffIcon, BluetoothIcon, BoldIcon, BookIcon, BookmarkIcon, BookOpenIcon, BoxIcon, BriefcaseIcon, CalendarIcon, CameraIcon, CameraOffIcon, CastIcon, CheckCircleIcon, CheckIcon, CheckSquareIcon, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, ChevronsDownIcon, ChevronsLeftIcon, ChevronsRightIcon, ChevronsUpIcon, ChevronUpIcon, ChromeIcon, CircleIcon, ClipboardIcon, ClockIcon, CloudDrizzleIcon, CloudIcon, CloudLightningIcon, CloudOffIcon, CloudRainIcon, CloudSnowIcon, CodeIcon, CodepenIcon, CodesandboxIcon, CoffeeIcon, ColumnsIcon, CommandIcon, CompassIcon, CopyIcon, CornerDownLeftIcon, CornerDownRightIcon, CornerLeftDownIcon, CornerLeftUpIcon, CornerRightDownIcon, CornerRightUpIcon, CornerUpLeftIcon, CornerUpRightIcon, CpuIcon, CreditCardIcon, CropIcon, CrosshairIcon, DatabaseIcon, DeleteIcon, DiscIcon, DivideCircleIcon, DivideIcon, DivideSquareIcon, DollarSignIcon, DownloadCloudIcon, DownloadIcon, DribbbleIcon, DropletIcon, Edit2Icon, Edit3Icon, EditIcon, ExternalLinkIcon, EyeIcon, EyeOffIcon, FacebookIcon, FastForwardIcon, FeatherIcon, FigmaIcon, FileIcon, FileMinusIcon, FilePlusIcon, FileSearchIcon, FileTextIcon, FilmIcon, FilterIcon, FlagIcon, FlaskConicalIcon, FolderIcon, FolderMinusIcon, FolderPlusIcon, FramerIcon, FrownIcon, GiftIcon, GitBranchIcon, GitCommitIcon, GithubIcon, GitlabIcon, GitMergeIcon, GitPullRequestIcon, GlobeIcon, HardDriveIcon, HashIcon, HeadphonesIcon, HeartIcon, HelpCircleIcon, HexagonIcon, HomeIcon, ImageIcon, InboxIcon, InfoIcon, InstagramIcon, ItalicIcon, KeyIcon, LayersIcon, LayoutGridIcon, LayoutIcon, LifeBuoyIcon, Link2Icon, LinkedinIcon, LinkIcon, ListIcon, LoaderIcon, LockIcon, LogInIcon, LogOutIcon, MailIcon, MapIcon, MapPinIcon, Maximize2Icon, MaximizeIcon, MehIcon, MenuIcon, MessageCircleIcon, MessageSquareIcon, MicIcon, MicOffIcon, Minimize2Icon, MinimizeIcon, MinusCircleIcon, MinusIcon, MinusSquareIcon, MonitorIcon, MoonIcon, MoreHorizontalIcon, MoreVerticalIcon, MousePointerIcon, MoveIcon, MusicIcon, Navigation2Icon, NavigationIcon, OctagonIcon, PackageIcon, PaperclipIcon, PauseCircleIcon, PauseIcon, PenToolIcon, PercentIcon, PhoneCallIcon, PhoneForwardedIcon, PhoneIcon, PhoneIncomingIcon, PhoneMissedIcon, PhoneOffIcon, PhoneOutgoingIcon, PieChartIcon, PlayCircleIcon, PlayIcon, PlusCircleIcon, PlusIcon, PlusSquareIcon, PocketIcon, PowerIcon, PrinterIcon, RadioIcon, RefreshCcwIcon, RefreshCwIcon, RepeatIcon, RewindIcon, RotateCcwIcon, RotateCwIcon, RssIcon, SaveIcon, ScissorsIcon, SearchIcon, SendIcon, ServerIcon, SettingsIcon, Share2Icon, ShareIcon, ShieldIcon, ShieldOffIcon, ShoppingBagIcon, ShoppingCartIcon, ShuffleIcon, SidebarIcon, SkipBackIcon, SkipForwardIcon, SlackIcon, SlidersIcon, SmartphoneIcon, SmileIcon, SpeakerIcon, SquareIcon, StarIcon, StopCircleIcon, SunIcon, SunriseIcon, SunsetIcon, TableIcon, TabletIcon, TagIcon, TargetIcon, TerminalIcon, ThermometerIcon, ThumbsDownIcon, ThumbsUpIcon, ToggleLeftIcon, ToggleRightIcon, Trash2Icon, TrashIcon, TrelloIcon, TrendingDownIcon, TrendingUpIcon, TriangleIcon, TruckIcon, TvIcon, TwitchIcon, TwitterIcon, TypeIcon, UmbrellaIcon, UnderlineIcon, UnlockIcon, UploadCloudIcon, UploadIcon, UserCheckIcon, UserIcon, UserMinusIcon, UserPlusIcon, UsersIcon, UserXIcon, VideoIcon, VideoOffIcon, VoicemailIcon, Volume1Icon, Volume2Icon, VolumeIcon, VolumeXIcon, WatchIcon, WifiIcon, WifiOffIcon, WindIcon, WrenchIcon, XCircleIcon, XIcon, XOctagonIcon, XSquareIcon, YoutubeIcon, ZapIcon, ZapOffIcon, ZoomInIcon, ZoomOutIcon, } from "lucide-react";
+export { ActivityIcon, AirplayIcon, AlertCircleIcon, AlertOctagonIcon, AlertTriangleIcon, AlignCenterIcon, AlignJustifyIcon, AlignLeftIcon, AlignRightIcon, AnchorIcon, ApertureIcon, ArchiveIcon, ArrowDownCircleIcon, ArrowDownIcon, ArrowDownLeftIcon, ArrowDownRightIcon, ArrowLeftCircleIcon, ArrowLeftIcon, ArrowRightCircleIcon, ArrowRightIcon, ArrowUpCircleIcon, ArrowUpIcon, ArrowUpLeftIcon, ArrowUpRightIcon, AtSignIcon, AwardIcon, BanIcon, BarChart2Icon, BarChartIcon, BatteryChargingIcon, BatteryIcon, BellIcon, BellOffIcon, BluetoothIcon, BoldIcon, BookIcon, BookmarkIcon, BookOpenIcon, BoxIcon, BriefcaseIcon, CalendarIcon, CameraIcon, CameraOffIcon, CastIcon, CheckCircleIcon, CheckIcon, CheckSquareIcon, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, ChevronsDownIcon, ChevronsLeftIcon, ChevronsRightIcon, ChevronsUpIcon, ChevronUpIcon, ChromeIcon, CircleIcon, ClipboardIcon, ClockIcon, CloudDrizzleIcon, CloudIcon, CloudLightningIcon, CloudOffIcon, CloudRainIcon, CloudSnowIcon, CodeIcon, CodepenIcon, CodesandboxIcon, CoffeeIcon, ColumnsIcon, CommandIcon, CompassIcon, CopyIcon, CornerDownLeftIcon, CornerDownRightIcon, CornerLeftDownIcon, CornerLeftUpIcon, CornerRightDownIcon, CornerRightUpIcon, CornerUpLeftIcon, CornerUpRightIcon, CpuIcon, CreditCardIcon, CropIcon, CrosshairIcon, DatabaseIcon, DeleteIcon, DiscIcon, DivideCircleIcon, DivideIcon, DivideSquareIcon, DollarSignIcon, DownloadCloudIcon, DownloadIcon, DribbbleIcon, DropletIcon, Edit2Icon, Edit3Icon, EditIcon, ExternalLinkIcon, EyeIcon, EyeOffIcon, FacebookIcon, FastForwardIcon, FeatherIcon, FigmaIcon, FileIcon, FileMinusIcon, FilePlusIcon, FileSearchIcon, FileTextIcon, FilmIcon, FilterIcon, FlagIcon, FlaskConicalIcon, FolderIcon, FolderMinusIcon, FolderPlusIcon, FramerIcon, FrownIcon, GiftIcon, GitBranchIcon, GitCommitIcon, GithubIcon, GitlabIcon, GitMergeIcon, GitPullRequestIcon, GlobeIcon, HardDriveIcon, HashIcon, HeadphonesIcon, HeartIcon, HelpCircleIcon, HexagonIcon, HomeIcon, ImageIcon, ImageOffIcon, InboxIcon, InfoIcon, InstagramIcon, ItalicIcon, KeyIcon, LayersIcon, LayoutGridIcon, LayoutIcon, LifeBuoyIcon, Link2Icon, LinkedinIcon, LinkIcon, ListIcon, LoaderIcon, LockIcon, LogInIcon, LogOutIcon, MailIcon, MapIcon, MapPinIcon, Maximize2Icon, MaximizeIcon, MehIcon, MenuIcon, MessageCircleIcon, MessageSquareIcon, MicIcon, MicOffIcon, Minimize2Icon, MinimizeIcon, MinusCircleIcon, MinusIcon, MinusSquareIcon, MonitorIcon, MoonIcon, MoreHorizontalIcon, MoreVerticalIcon, MousePointerIcon, MoveIcon, MusicIcon, Navigation2Icon, NavigationIcon, OctagonIcon, PackageIcon, PaperclipIcon, PauseCircleIcon, PauseIcon, PenToolIcon, PercentIcon, PhoneCallIcon, PhoneForwardedIcon, PhoneIcon, PhoneIncomingIcon, PhoneMissedIcon, PhoneOffIcon, PhoneOutgoingIcon, PieChartIcon, PlayCircleIcon, PlayIcon, PlusCircleIcon, PlusIcon, PlusSquareIcon, PocketIcon, PowerIcon, PrinterIcon, RadioIcon, RefreshCcwIcon, RefreshCwIcon, RepeatIcon, RewindIcon, RotateCcwIcon, RotateCwIcon, RssIcon, SaveIcon, ScissorsIcon, SearchIcon, SearchXIcon, SendIcon, ServerCogIcon, ServerCrashIcon, ServerIcon, SettingsIcon, Share2Icon, ShareIcon, ShieldIcon, ShieldOffIcon, ShoppingBagIcon, ShoppingCartIcon, ShuffleIcon, SidebarIcon, SkipBackIcon, SkipForwardIcon, SlackIcon, SlidersIcon, SmartphoneIcon, SmileIcon, SpeakerIcon, SquareIcon, StarIcon, StopCircleIcon, SunIcon, SunriseIcon, SunsetIcon, TableIcon, TabletIcon, TagIcon, TargetIcon, TerminalIcon, ThermometerIcon, ThumbsDownIcon, ThumbsUpIcon, ToggleLeftIcon, ToggleRightIcon, Trash2Icon, TrashIcon, TrelloIcon, TrendingDownIcon, TrendingUpIcon, TriangleIcon, TruckIcon, TvIcon, TwitchIcon, TwitterIcon, TypeIcon, UmbrellaIcon, UnderlineIcon, UnlockIcon, UploadCloudIcon, UploadIcon, UserCheckIcon, UserIcon, UserMinusIcon, UserPlusIcon, UsersIcon, UserXIcon, VideoIcon, VideoOffIcon, VoicemailIcon, Volume1Icon, Volume2Icon, VolumeIcon, VolumeXIcon, WatchIcon, WifiIcon, WifiOffIcon, WindIcon, WrenchIcon, XCircleIcon, XIcon, XOctagonIcon, XSquareIcon, YoutubeIcon, ZapIcon, ZapOffIcon, ZoomInIcon, ZoomOutIcon, } from "lucide-react";

package/dist/cjs/Icons/index.js

@@ -855,6 +855,12 @@ Object.defineProperty(exports, "ImageIcon", {
     return _lucideReact.ImageIcon;
   }
 });
+Object.defineProperty(exports, "ImageOffIcon", {
+  enumerable: true,
+  get: function get() {
+    return _lucideReact.ImageOffIcon;
+  }
+});
 Object.defineProperty(exports, "InboxIcon", {
   enumerable: true,
   get: function get() {
@@ -1341,12 +1347,30 @@ Object.defineProperty(exports, "SearchIcon", {
     return _lucideReact.SearchIcon;
   }
 });
+Object.defineProperty(exports, "SearchXIcon", {
+  enumerable: true,
+  get: function get() {
+    return _lucideReact.SearchXIcon;
+  }
+});
 Object.defineProperty(exports, "SendIcon", {
   enumerable: true,
   get: function get() {
     return _lucideReact.SendIcon;
   }
 });
+Object.defineProperty(exports, "ServerCogIcon", {
+  enumerable: true,
+  get: function get() {
+    return _lucideReact.ServerCogIcon;
+  }
+});
+Object.defineProperty(exports, "ServerCrashIcon", {
+  enumerable: true,
+  get: function get() {
+    return _lucideReact.ServerCrashIcon;
+  }
+});
 Object.defineProperty(exports, "ServerIcon", {
   enumerable: true,
   get: function get() {

package/dist/cjs/Overlay/Dropdown/components/DropdownRadioItem.js

@@ -33,7 +33,7 @@ var _DropdownRadioItem = function _DropdownRadioItem(props) {
         className: (0, _satellitePrefixer["default"])(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["flex-1 truncate mr-4"]))),
         children: children
       }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Fields.RadioButton, _objectSpread({
-        className: (0, _satellitePrefixer["default"])(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2["default"])(["mt-2px mr-2px"])))
+        className: (0, _satellitePrefixer["default"])(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2["default"])(["mt-2px mr-1"])))
       }, radioProps))]
     })
   });

package/dist/esm/Fields/AutoComplete/AutoComplete.js

@@ -275,11 +275,9 @@ export var AutoComplete = /*#__PURE__*/forwardRef(function (_ref, ref) {
     },
     // We need to make sure to define event handlers here so that they can be composed properly
     onFocus: function onFocus(evt) {
-      var _menuPopper$update2;
       _onFocus === null || _onFocus === void 0 || _onFocus(evt);
       if (evt.defaultPrevented) return;
       setInputFocused(true);
-      (_menuPopper$update2 = menuPopper.update) === null || _menuPopper$update2 === void 0 || _menuPopper$update2.call(menuPopper);
     },
     onBlur: function onBlur(evt) {
       _onBlur === null || _onBlur === void 0 || _onBlur(evt);
@@ -321,6 +319,12 @@ export var AutoComplete = /*#__PURE__*/forwardRef(function (_ref, ref) {
       inputValue: inputValue
     });
   }, [inputRef, internalsRef, inputValue]);
+  var oldHideMenu = useRef(hideMenu);
+  if (oldHideMenu.current !== hideMenu) {
+    var _menuPopper$update2;
+    oldHideMenu.current = hideMenu;
+    (_menuPopper$update2 = menuPopper.update) === null || _menuPopper$update2 === void 0 || _menuPopper$update2.call(menuPopper);
+  }
   return /*#__PURE__*/_jsx(AutoCompleteProvider, {
     locale: locale,
     children: /*#__PURE__*/_jsxs("div", {

package/dist/esm/Fields/Field/Field.d.ts

@@ -3,18 +3,22 @@ import type { FieldState } from "./FieldContext";
 export interface FieldProps {
     /** @ignore */
     className?: string;
-    /** Label to display above the nested input */
+    /** Define a label to display above the nested input. */
     label?: ReactChild;
+    /** Define the `id` of the label. */
     labelId?: string;
+    /** Define the `id` of the input used by the label. */
     labelFor?: string;
-    /** Helpful description to show below the `Field` */
+    /** Define an helpful description to show below the `Field`. */
     description?: ReactNode;
-    /**
-     * An object to handle state
-     */
+    /** Define the state of the `Field`. */
     state?: FieldState;
+    /** Define if the `Field` should be displayed inline. */
     inline?: boolean;
+    /** Define if the `Field` is required. */
     required?: boolean;
+    /** Define the visibility of the required indicator. */
+    hideRequiredIndicator?: boolean;
     children: ReactNode;
 }
 /**

package/dist/esm/Fields/Field/Field.js

@@ -26,6 +26,8 @@ export var Field = function Field(_ref) {
     _ref$inline = _ref.inline,
     inline = _ref$inline === void 0 ? false : _ref$inline,
     requiredProp = _ref.required,
+    _ref$hideRequiredIndi = _ref.hideRequiredIndicator,
+    hideRequiredIndicator = _ref$hideRequiredIndi === void 0 ? false : _ref$hideRequiredIndi,
     children = _ref.children;
   var hasLabel = !!label;
   var labelId = useMemo(
@@ -86,7 +88,7 @@ export var Field = function Field(_ref) {
         children: [hasLabel && /*#__PURE__*/_jsxs("div", {
           id: labelId,
           className: stl(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["truncate ", ""])), inline ? "mr-2" : "mb-1"),
-          children: [label, (requiredProp || requiredContext) && /*#__PURE__*/_jsx("span", {
+          children: [label, !hideRequiredIndicator && (requiredProp || requiredContext) && /*#__PURE__*/_jsx("span", {
             className: stl(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["text-red-700 ml-0.5"]))),
             "aria-hidden": true,
             children: "*"