@algolia/satellite 2.3.0-rc.4 → 2.3.0-rc.6

package/dist/cjs/Actions/ButtonLink/ButtonLink.d.ts

@@ -2,6 +2,7 @@
 import type { PolymorphicButtonProps } from "../../Actions/Button/PolymorphicButton";
 export declare type ButtonLinkProps = Omit<PolymorphicButtonProps<"a">, "as" | "ref"> & {
     href: string;
+    withExternalLinkIcon?: boolean;
 };
 /**
  * The `ButtonLink` component is used to display a link as a button.
@@ -10,4 +11,5 @@ export declare type ButtonLinkProps = Omit<PolymorphicButtonProps<"a">, "as" | "
  */
 export declare const ButtonLink: import("react").ForwardRefExoticComponent<Omit<PolymorphicButtonProps<"a">, "ref" | "as"> & {
     href: string;
+    withExternalLinkIcon?: boolean | undefined;
 } & import("react").RefAttributes<HTMLAnchorElement>>;

package/dist/cjs/Actions/ButtonLink/ButtonLink.js

@@ -12,7 +12,7 @@ var _PolymorphicButton = require("./../Button/PolymorphicButton");
 var _Icons = require("./../../Icons");
 var _useLinkProps = require("./../../utils/useLinkProps");
 var _jsxRuntime = require("react/jsx-runtime");
-var _excluded = ["endIcon", "href", "onClick"];
+var _excluded = ["endIcon", "href", "onClick", "withExternalLinkIcon"];
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 /**
@@ -24,12 +24,14 @@ var ButtonLink = exports.ButtonLink = /*#__PURE__*/(0, _react.forwardRef)(functi
   var EndIcon = _ref.endIcon,
     href = _ref.href,
     onClick = _ref.onClick,
+    _ref$withExternalLink = _ref.withExternalLinkIcon,
+    withExternalLinkIcon = _ref$withExternalLink === void 0 ? true : _ref$withExternalLink,
     props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
   var linkProps = (0, _useLinkProps.useLinkProps)(_objectSpread(_objectSpread({}, props), {}, {
     href: href,
     onClick: onClick
   }));
-  if (linkProps.target === "_blank" && EndIcon === undefined) {
+  if (linkProps.target === "_blank" && EndIcon === undefined && withExternalLinkIcon) {
     EndIcon = _Icons.ExternalLinkIcon;
   }
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_PolymorphicButton.PolymorphicButton, _objectSpread(_objectSpread(_objectSpread({}, props), linkProps), {}, {

package/dist/cjs/Actions/ToggleGroup/ToggleGroup.d.ts

@@ -1,4 +1,3 @@
-import type { ToggleGroupItemProps as RadixToggleGroupItemProps, ToggleGroupMultipleProps as RadixToggleGroupMultipleProps, ToggleGroupSingleProps as RadixToggleGroupSingleProps } from "@radix-ui/react-toggle-group";
 import type { FC, PropsWithChildren } from "react";
 import type { ToggleButtonBaseProps } from "../../Actions/ToggleButton/ToggleButtonBase";
 declare type ToggleGroupSharedProps = {
@@ -12,7 +11,7 @@ declare type ToggleGroupSharedProps = {
      */
     disabled?: boolean;
 };
-declare type ToggleGroupSingleProps = {
+declare type ToggleGroupSingleProps<T extends string = string> = {
     /**
      * Defines whether a single or multiple items can be pressed at a time.
      */
@@ -21,18 +20,18 @@ declare type ToggleGroupSingleProps = {
      * Defines the controlled value of the pressed item.
      * Must be used in conjunction with `onChange`.
      */
-    value?: RadixToggleGroupSingleProps["value"];
+    value?: T;
     /**
      * Defines the value of the item to show as pressed when initially rendered.
      * Use when you do not need to control the state of the items.
      */
-    defaultValue?: RadixToggleGroupSingleProps["defaultValue"];
+    defaultValue?: T;
     /**
      * Defines the event handler called when the pressed state of an item changes.
      */
-    onChange?: RadixToggleGroupSingleProps["onValueChange"];
+    onChange?: (value: T) => void;
 };
-declare type ToggleGroupMultipleProps = {
+declare type ToggleGroupMultipleProps<T extends string = string> = {
     /**
      * Defines whether a single or multiple items can be pressed at a time.
      */
@@ -41,24 +40,24 @@ declare type ToggleGroupMultipleProps = {
      * Defines the controlled value of the pressed items.
      * Must be used in conjunction with `onChange`.
      */
-    value?: RadixToggleGroupMultipleProps["value"];
+    value?: T[];
     /**
      * Defines the values of the items to show as pressed when initially rendered.
      * Use when you do not need to control the state of the items.
      */
-    defaultValue?: RadixToggleGroupMultipleProps["defaultValue"];
+    defaultValue?: T[];
     /**
      * Defines the event handler called when the pressed state of an item changes.
      */
-    onChange?: RadixToggleGroupMultipleProps["onValueChange"];
+    onChange?: (value: T[]) => void;
 };
-export declare type ToggleGroupProps = ToggleGroupSharedProps & (ToggleGroupSingleProps | ToggleGroupMultipleProps);
-declare type ToggleGroupComponent = FC<PropsWithChildren<ToggleGroupProps>> & {
-    Item: FC<PropsWithChildren<ToggleGroupItemProps>>;
+export declare type ToggleGroupProps<T extends string = string> = ToggleGroupSharedProps & (ToggleGroupSingleProps<T> | ToggleGroupMultipleProps<T>);
+export declare type ToggleGroupComponent<T extends string = string> = FC<PropsWithChildren<ToggleGroupProps<T>>> & {
+    Item: FC<PropsWithChildren<ToggleGroupItemProps<T>>>;
 };
-export declare type ToggleGroupItemProps = PropsWithChildren<ToggleButtonBaseProps & {
+export declare type ToggleGroupItemProps<T extends string = string> = PropsWithChildren<ToggleButtonBaseProps & {
     /** Defines a unique value for the item. */
-    value: RadixToggleGroupItemProps["value"];
+    value: T;
 }>;
 /**
  * The `ToggleGroup` component is a toggle group that allows users to select one or more options.

package/dist/cjs/Fields/AutoComplete/AutoComplete.js

@@ -88,8 +88,6 @@ var AutoComplete = exports.AutoComplete = /*#__PURE__*/(0, _react.forwardRef)(fu
     value = _ref.value,
     selectOnBlur = _ref.selectOnBlur,
     onChange = _ref.onChange,
-    _ref$allowDuplicates = _ref.allowDuplicates,
-    allowDuplicates = _ref$allowDuplicates === void 0 ? false : _ref$allowDuplicates,
     options = _ref.options,
     optionItemComponent = _ref.optionItemComponent,
     creatable = _ref.creatable,
@@ -157,7 +155,7 @@ var AutoComplete = exports.AutoComplete = /*#__PURE__*/(0, _react.forwardRef)(fu
     return !value ? [] : Array.isArray(value) ? value : [value];
   }, [value]);
   var items = (0, _react.useMemo)(function () {
-    var results = (0, _utils.filter)(options !== null && options !== void 0 ? options : [], multiple ? selectedItems : [], inputValue, allowDuplicates);
+    var results = (0, _utils.filter)(options !== null && options !== void 0 ? options : [], multiple ? selectedItems : [], inputValue);
     var emptyInputValue = !inputValue || inputValue.trim().length === 0;
     if (creatable && !emptyInputValue) {
       results.unshift.apply(results, (0, _toConsumableArray2["default"])(createFromInputValue(options, inputValue)));
@@ -171,7 +169,7 @@ var AutoComplete = exports.AutoComplete = /*#__PURE__*/(0, _react.forwardRef)(fu
       });
     }
     return results;
-  }, [creatable, createFromInputValue, inputValue, locale, maxItems, multiple, options, selectedItems, showAllItems, allowDuplicates]);
+  }, [creatable, createFromInputValue, inputValue, locale, maxItems, multiple, options, selectedItems, showAllItems]);
   var hasValue = !!selectedItems.length;
   var showClearButton = !disabled && clearable && hasValue;
   var multipleSelection = (0, _downshift.useMultipleSelection)({
@@ -180,7 +178,7 @@ var AutoComplete = exports.AutoComplete = /*#__PURE__*/(0, _react.forwardRef)(fu
       if (typeof changes.selectedItems === "undefined") {
         onChange(null, changes.type);
       } else if (multiple) {
-        onChange(allowDuplicates ? changes.selectedItems : (0, _uniqBy.uniqBy)(changes.selectedItems, function (i) {
+        onChange((0, _uniqBy.uniqBy)(changes.selectedItems, function (i) {
           return i.value;
         }), changes.type);
       } else {
@@ -376,7 +374,7 @@ var AutoComplete = exports.AutoComplete = /*#__PURE__*/(0, _react.forwardRef)(fu
                 option: option,
                 editable: !disabled
               })
-            }), "".concat(option.value, "-").concat(index)) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_Indicators.Tag, _objectSpread(_objectSpread({
+            }), String(option.value)) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_Indicators.Tag, _objectSpread(_objectSpread({
               onRemove: disabled ? undefined : function (evt) {
                 evt.stopPropagation();
                 multipleSelection.removeSelectedItem(option);
@@ -387,7 +385,7 @@ var AutoComplete = exports.AutoComplete = /*#__PURE__*/(0, _react.forwardRef)(fu
               index: index
             })), {}, {
               children: option.label
-            }), "".concat(option.value, "-").concat(index));
+            }), String(option.value));
           }), shouldRenderCustomTemplate && renderValueTemplate({
             option: value,
             editable: !disabled

package/dist/cjs/Fields/AutoComplete/types.d.ts

@@ -173,10 +173,6 @@ export interface AutoCompleteSingleProps<T extends Option = Option> extends Auto
      * The callback function that is called when the value of the `AutoComplete` changes.
      */
     onChange: (option: T | null, changeType?: AutoCompleteChangeTypesValue) => void;
-    /**
-     * Whether the `AutoComplete` allows duplicate selections (only in `multiple` mode).
-     */
-    allowDuplicates?: never;
 }
 declare type UseMultipleSelectionStateChangeTypesKey = keyof typeof UseMultipleSelectionStateChangeTypes;
 export declare type AutoCompleteChangeTypesValue = (typeof UseMultipleSelectionStateChangeTypes)[UseMultipleSelectionStateChangeTypesKey];
@@ -193,10 +189,6 @@ export interface AutoCompleteMultiProps<T extends Option = Option> extends AutoC
      * The callback function that is called when the value of the `AutoComplete` changes.
      */
     onChange: (option: T[] | null, changeType?: AutoCompleteChangeTypesValue) => void;
-    /**
-     * Whether the `AutoComplete` allows duplicate selections (only in `multiple` mode).
-     */
-    allowDuplicates?: boolean;
 }
 export declare type AutoCompleteProps<T extends Option = Option> = AutoCompleteMultiProps<T> | AutoCompleteSingleProps<T>;
 declare type OptionsValue = string | number | boolean;

package/dist/cjs/Fields/AutoComplete/utils.d.ts

@@ -4,5 +4,5 @@ export declare const defaultCreateFromInputValue: <T extends Option = Option>(op
 export declare const caseInsensitiveCreateFromInputValue: <T extends Option = Option>(options: T[] | undefined, inputValue: string) => Option[];
 export declare const DEFAULT_AUTOCOMPLETE_LOCALE: Required<AutoCompleteLocale>;
 export declare const optionToString: (option: Option | null | undefined) => string;
-export declare function filter<T extends Option = Option>(options: T[], selectedItems: T[], itemValue: string, allowDuplicates?: boolean): T[];
+export declare function filter<T extends Option = Option>(options: T[], selectedItems: T[], itemValue: string): T[];
 export declare function inputValueFromProps<T extends Option = Option>(props: AutoCompleteProps<T>): string;

package/dist/cjs/Fields/AutoComplete/utils.js

@@ -65,13 +65,12 @@ function needlesMatch(needles, option) {
   });
 }
 function filter(options, selectedItems, itemValue) {
-  var allowDuplicates = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : false;
   var needles = itemValue.toLowerCase().trim().split(/\s+/);
   return options.filter(function (option) {
-    return (allowDuplicates || !selectedItems.some(function (_ref) {
+    return !selectedItems.some(function (_ref) {
       var value = _ref.value;
       return value === option.value;
-    })) && (option.bypassNeedleMatch || needlesMatch(needles, option));
+    }) && (option.bypassNeedleMatch || needlesMatch(needles, option));
   });
 }
 function inputValueFromProps(props) {

package/dist/cjs/Fields/Checkbox/Checkbox.d.ts

@@ -15,12 +15,12 @@ declare type CheckboxCustomProps = {
      */
     checkedColor?: string;
 };
-declare type CheckboxInputProps = Omit<HTMLAttributes<HTMLInputElement>, "onChange"> & Pick<InputHTMLAttributes<HTMLInputElement>, "onChange" | "required" | "autoFocus" | "disabled" | "checked" | "defaultChecked">;
+declare type CheckboxInputProps = Omit<HTMLAttributes<HTMLInputElement>, "onChange"> & Pick<InputHTMLAttributes<HTMLInputElement>, "onChange" | "required" | "autoFocus" | "disabled" | "checked" | "defaultChecked" | "name">;
 export declare type CheckboxProps = CheckboxInputProps & CheckboxCustomProps;
 /**
  * The `Checkbox` component is a control that allows single or multiple selections from a set of options.
  *
  * See the [Checkbox documentation page](https://satellite.algolia.com/8261d6576/p/023233-checkbox) for more information.
  */
-export declare const Checkbox: import("react").ForwardRefExoticComponent<Omit<HTMLAttributes<HTMLInputElement>, "onChange"> & Pick<InputHTMLAttributes<HTMLInputElement>, "onChange" | "defaultChecked" | "autoFocus" | "disabled" | "checked" | "required"> & CheckboxCustomProps & import("react").RefAttributes<HTMLInputElement>>;
+export declare const Checkbox: import("react").ForwardRefExoticComponent<Omit<HTMLAttributes<HTMLInputElement>, "onChange"> & Pick<InputHTMLAttributes<HTMLInputElement>, "name" | "onChange" | "defaultChecked" | "autoFocus" | "disabled" | "checked" | "required"> & CheckboxCustomProps & import("react").RefAttributes<HTMLInputElement>>;
 export {};

package/dist/cjs/Fields/Checkbox/Checkbox.js

@@ -73,7 +73,7 @@ var Checkbox = exports.Checkbox = /*#__PURE__*/(0, _react.forwardRef)(function (
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
     className: (0, _clsx["default"])((0, _satellitePrefixer["default"])(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["group/checkbox inline-flex items-center ", ""])), textPosition === "left" && "flex-row-reverse"), className),
     children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("span", {
-      className: (0, _clsx["default"])((0, _satellitePrefixer["default"])(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2["default"])(["\n            checkbox focusable-within\n            ", "\n            ", "\n            ", "\n          "])), indeterminate && "checkbox-indeterminate", isChecked && "checkbox-checked", disabled && "checkbox-disabled"), STATUS_CLASSNAMES[status]),
+      className: (0, _clsx["default"])((0, _satellitePrefixer["default"])(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2["default"])(["\n            checkbox focusable-visible-within\n            ", "\n            ", "\n            ", "\n          "])), indeterminate && "checkbox-indeterminate", isChecked && "checkbox-checked", disabled && "checkbox-disabled"), STATUS_CLASSNAMES[status]),
       style: {
         color: checkedColor
       },
@@ -83,7 +83,7 @@ var Checkbox = exports.Checkbox = /*#__PURE__*/(0, _react.forwardRef)(function (
         "aria-labelledby": labelId,
         "aria-describedby": descriptionId
       }, checkboxProps), {}, {
-        id: id !== null && id !== void 0 ? id : inputId,
+        id: id,
         required: required,
         "aria-invalid": status === "invalid",
         "aria-checked": indeterminate ? "mixed" : isChecked,

package/dist/cjs/Fields/Dropzone/Dropzone.js

@@ -142,7 +142,7 @@ var Dropzone = exports.Dropzone = /*#__PURE__*/(0, _react.forwardRef)(function (
     "aria-labelledby": labelId,
     "aria-describedby": descriptionId,
     "aria-invalid": isInvalid,
-    className: (0, _clsx["default"])((0, _satellitePrefixer["default"])(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2["default"])(["\n            relative flex items-center group/dropzone bg-white\n            border border-dashed rounded\n            overflow-hidden transition-colors\n            focusable focus-visible:border-transparent\n            min-h-16 p-4\n            ", "\n            ", "\n            ", ""])), disabled ? "cursor-not-allowed border-grey-200" : "cursor-pointer border-grey-500", isDragReject && !disabled ? "border-red-200 cursor-not-allowed" : isDragActive ? "border-accent-500 cursor-pointer" : null, !disabled && (isInvalid ? "bg-red-100 border-red-700 hover:bg-red-50" : "bg-white hover:bg-grey-100")), className),
+    className: (0, _clsx["default"])((0, _satellitePrefixer["default"])(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2["default"])(["\n            relative flex items-center group/dropzone bg-white\n            border border-dashed rounded\n            overflow-hidden transition-colors\n            focusable-visible focus-visible:border-transparent\n            min-h-16 p-4\n            ", "\n            ", "\n            ", ""])), disabled ? "cursor-not-allowed border-grey-200" : "cursor-pointer border-grey-500", isDragReject && !disabled ? "border-red-200 cursor-not-allowed" : isDragActive ? "border-accent-500 cursor-pointer" : null, !disabled && (isInvalid ? "bg-red-100 border-red-700 hover:bg-red-50" : "bg-white hover:bg-grey-100")), className),
     onClick: function onClick(evt) {
       // Helps with https://github.com/react-dropzone/react-dropzone/issues/182
       if (evt.target.closest("label")) {