react-instantsearch 7.32.0 → 7.32.1

package/dist/cjs/components/AutocompleteSearch.js

@@ -19,7 +19,7 @@ var AutocompleteSearchComponent = (0, _instantsearchuicomponents.createAutocompl
     Fragment: _react.Fragment
 });
 function AutocompleteSearch(param) {
-    var inputProps = param.inputProps, clearQuery = param.clearQuery, onQueryChange = param.onQueryChange, query = param.query, isSearchStalled = param.isSearchStalled, onCancel = param.onCancel, isDetached = param.isDetached, submitTitle = param.submitTitle, onAiModeClick = param.onAiModeClick;
+    var inputProps = param.inputProps, clearQuery = param.clearQuery, onQueryChange = param.onQueryChange, query = param.query, isSearchStalled = param.isSearchStalled, onCancel = param.onCancel, isDetached = param.isDetached, submitTitle = param.submitTitle, onAiModeClick = param.onAiModeClick, classNames = param.classNames;
     return /*#__PURE__*/ _react.default.createElement(AutocompleteSearchComponent, {
         inputProps: _object_spread_props._(_object_spread._({}, inputProps), {
             onChange: function onChange(event) {
@@ -33,6 +33,7 @@ function AutocompleteSearch(param) {
         onCancel: onCancel,
         isDetached: isDetached,
         submitTitle: submitTitle,
-        onAiModeClick: onAiModeClick
+        onAiModeClick: onAiModeClick,
+        classNames: classNames
     });
 }

package/dist/cjs/widgets/Autocomplete.js

@@ -582,9 +582,16 @@ function InnerAutocomplete(_0) {
                     });
                 }
             }
-        } : undefined
+        } : undefined,
+        classNames: classNames
     });
-    var panelContent = /*#__PURE__*/ _react.default.createElement(AutocompletePanel, getPanelProps(), PanelComponent ? /*#__PURE__*/ _react.default.createElement(PanelComponent, {
+    var panelContent = /*#__PURE__*/ _react.default.createElement(AutocompletePanel, _object_spread_props._(_object_spread._({}, getPanelProps()), {
+        classNames: {
+            root: classNames === null || classNames === void 0 ? void 0 : classNames.panel,
+            open: classNames === null || classNames === void 0 ? void 0 : classNames.panelOpen,
+            layout: classNames === null || classNames === void 0 ? void 0 : classNames.panelLayout
+        }
+    }), PanelComponent ? /*#__PURE__*/ _react.default.createElement(PanelComponent, {
         elements: elements,
         indices: indicesForPanel
     }) : Object.keys(elements).map(function(elementId) {

package/dist/es/components/AutocompleteSearch.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import type { ComponentProps } from 'instantsearch-ui-components';
+import type { AutocompleteClassNames, ComponentProps } from 'instantsearch-ui-components';
 export type AutocompleteSearchProps = {
     inputProps: ComponentProps<'input'>;
     clearQuery: () => void;
@@ -10,5 +10,6 @@ export type AutocompleteSearchProps = {
     isDetached?: boolean;
     submitTitle?: string;
     onAiModeClick?: () => void;
+    classNames?: Partial<AutocompleteClassNames>;
 };
-export declare function AutocompleteSearch({ inputProps, clearQuery, onQueryChange, query, isSearchStalled, onCancel, isDetached, submitTitle, onAiModeClick, }: AutocompleteSearchProps): React.JSX.Element;
+export declare function AutocompleteSearch({ inputProps, clearQuery, onQueryChange, query, isSearchStalled, onCancel, isDetached, submitTitle, onAiModeClick, classNames, }: AutocompleteSearchProps): React.JSX.Element;

package/dist/es/components/AutocompleteSearch.js

@@ -8,7 +8,7 @@ var AutocompleteSearchComponent = createAutocompleteSearchComponent({
     Fragment: Fragment
 });
 function AutocompleteSearch(param) {
-    var inputProps = param.inputProps, clearQuery = param.clearQuery, onQueryChange = param.onQueryChange, query = param.query, isSearchStalled = param.isSearchStalled, onCancel = param.onCancel, isDetached = param.isDetached, submitTitle = param.submitTitle, onAiModeClick = param.onAiModeClick;
+    var inputProps = param.inputProps, clearQuery = param.clearQuery, onQueryChange = param.onQueryChange, query = param.query, isSearchStalled = param.isSearchStalled, onCancel = param.onCancel, isDetached = param.isDetached, submitTitle = param.submitTitle, onAiModeClick = param.onAiModeClick, classNames = param.classNames;
     return /*#__PURE__*/ React.createElement(AutocompleteSearchComponent, {
         inputProps: _(_$1({}, inputProps), {
             onChange: function onChange(event) {
@@ -22,7 +22,8 @@ function AutocompleteSearch(param) {
         onCancel: onCancel,
         isDetached: isDetached,
         submitTitle: submitTitle,
-        onAiModeClick: onAiModeClick
+        onAiModeClick: onAiModeClick,
+        classNames: classNames
     });
 }
 

package/dist/es/widgets/Autocomplete.js

@@ -571,9 +571,16 @@ function InnerAutocomplete(_0) {
                     });
                 }
             }
-        } : undefined
+        } : undefined,
+        classNames: classNames
     });
-    var panelContent = /*#__PURE__*/ React.createElement(AutocompletePanel, getPanelProps(), PanelComponent ? /*#__PURE__*/ React.createElement(PanelComponent, {
+    var panelContent = /*#__PURE__*/ React.createElement(AutocompletePanel, _$4(_$1({}, getPanelProps()), {
+        classNames: {
+            root: classNames === null || classNames === void 0 ? void 0 : classNames.panel,
+            open: classNames === null || classNames === void 0 ? void 0 : classNames.panelOpen,
+            layout: classNames === null || classNames === void 0 ? void 0 : classNames.panelLayout
+        }
+    }), PanelComponent ? /*#__PURE__*/ React.createElement(PanelComponent, {
         elements: elements,
         indices: indicesForPanel
     }) : Object.keys(elements).map(function(elementId) {

package/dist/umd/ReactInstantSearch.js

@@ -1,4 +1,4 @@
-/*! React InstantSearch 7.32.0 | © Algolia, Inc. and contributors; MIT License | https://github.com/algolia/instantsearch */
+/*! React InstantSearch 7.32.1 | © Algolia, Inc. and contributors; MIT License | https://github.com/algolia/instantsearch */
 (function (global, factory) {
     typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('react')) :
     typeof define === 'function' && define.amd ? define(['exports', 'react'], factory) :
@@ -24,7 +24,7 @@
 
     var React__namespace = /*#__PURE__*/_interopNamespaceDefault(React);
 
-    var version$2 = '7.32.0';
+    var version$2 = '7.32.1';
 
     function _define_property(obj, key, value) {
         if (key in obj) {
@@ -8070,11 +8070,11 @@
         var unmountFn = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : noop;
         checkRendering(renderFn, withUsage$s());
         return function(widgetParams) {
-            var searchScope = widgetParams.searchScope, _widgetParams_transformFeeds = widgetParams.transformFeeds, transformFeeds = _widgetParams_transformFeeds === void 0 ? function(feeds) {
+            var isolated = widgetParams.isolated, _widgetParams_transformFeeds = widgetParams.transformFeeds, transformFeeds = _widgetParams_transformFeeds === void 0 ? function(feeds) {
                 return feeds;
             } : _widgetParams_transformFeeds;
-            if (searchScope !== 'global') {
-                throw new Error(withUsage$s('The `searchScope` option currently only supports "global".'));
+            if (isolated !== false) {
+                throw new Error(withUsage$s('The `isolated` option currently only supports `false`.'));
             }
             return {
                 $$type: 'ais.feeds',
@@ -10821,7 +10821,7 @@
         };
     }
 
-    var version = '4.96.0';
+    var version = '4.96.1';
 
     var withUsage$q = createDocumentationMessageGenerator({
         name: 'instantsearch'
@@ -18216,9 +18216,9 @@
         }
     }
     function SubmitIcon(param) {
-        var createElement = param.createElement;
+        var createElement = param.createElement, className = param.className;
         return /*#__PURE__*/ createElement("svg", {
-            className: "ais-AutocompleteSubmitIcon",
+            className: cx('ais-AutocompleteSubmitIcon', className),
             viewBox: "0 0 24 24",
             fill: "currentColor"
         }, /*#__PURE__*/ createElement("path", {
@@ -18226,9 +18226,9 @@
         }));
     }
     function LoadingIcon(param) {
-        var createElement = param.createElement, isSearchStalled = param.isSearchStalled;
+        var createElement = param.createElement, isSearchStalled = param.isSearchStalled, className = param.className;
         return /*#__PURE__*/ createElement("svg", {
-            className: "ais-AutocompleteLoadingIcon",
+            className: cx('ais-AutocompleteLoadingIcon', className),
             viewBox: "0 0 100 100",
             ref: function ref(element) {
                 return syncLoadingSvgAnimation(element, isSearchStalled);
@@ -18251,9 +18251,9 @@
         })));
     }
     function ClearIcon(param) {
-        var createElement = param.createElement;
+        var createElement = param.createElement, className = param.className;
         return /*#__PURE__*/ createElement("svg", {
-            className: "ais-AutocompleteClearIcon",
+            className: cx('ais-AutocompleteClearIcon', className),
             viewBox: "0 0 24 24",
             fill: "currentColor"
         }, /*#__PURE__*/ createElement("path", {
@@ -18261,8 +18261,9 @@
         }));
     }
     function ClockIcon(param) {
-        var createElement = param.createElement;
+        var createElement = param.createElement, className = param.className;
         return /*#__PURE__*/ createElement("svg", {
+            className: cx(className) || undefined,
             viewBox: "0 0 24 24",
             fill: "currentColor"
         }, /*#__PURE__*/ createElement("path", {
@@ -18270,8 +18271,9 @@
         }));
     }
     function TrashIcon(param) {
-        var createElement = param.createElement;
+        var createElement = param.createElement, className = param.className;
         return /*#__PURE__*/ createElement("svg", {
+            className: cx(className) || undefined,
             viewBox: "0 0 24 24",
             fill: "currentColor"
         }, /*#__PURE__*/ createElement("path", {
@@ -18279,8 +18281,9 @@
         }));
     }
     function ApplyIcon(param) {
-        var createElement = param.createElement;
+        var createElement = param.createElement, className = param.className;
         return /*#__PURE__*/ createElement("svg", {
+            className: cx(className) || undefined,
             viewBox: "0 0 24 24",
             fill: "currentColor"
         }, /*#__PURE__*/ createElement("path", {
@@ -18288,9 +18291,9 @@
         }));
     }
     function AiModeIcon(param) {
-        var createElement = param.createElement;
+        var createElement = param.createElement, className = param.className;
         return /*#__PURE__*/ createElement("svg", {
-            className: "ais-AiModeButton-icon",
+            className: cx('ais-AiModeButton-icon', className),
             xmlns: "http://www.w3.org/2000/svg",
             fill: "none",
             viewBox: "0 0 20 20",
@@ -18310,9 +18313,9 @@
         }));
     }
     function SearchIcon(param) {
-        var createElement = param.createElement;
+        var createElement = param.createElement, className = param.className;
         return /*#__PURE__*/ createElement("svg", {
-            className: "ais-AutocompleteDetachedSearchIcon",
+            className: cx('ais-AutocompleteDetachedSearchIcon', className),
             viewBox: "0 0 24 24",
             fill: "currentColor"
         }, /*#__PURE__*/ createElement("path", {
@@ -18320,9 +18323,9 @@
         }));
     }
     function BackIcon(param) {
-        var createElement = param.createElement;
+        var createElement = param.createElement, className = param.className;
         return /*#__PURE__*/ createElement("svg", {
-            className: "ais-AutocompleteBackIcon",
+            className: cx('ais-AutocompleteBackIcon', className),
             viewBox: "0 0 24 24",
             fill: "currentColor"
         }, /*#__PURE__*/ createElement("path", {
@@ -18349,7 +18352,8 @@
             }, /*#__PURE__*/ createElement("div", {
                 className: cx('ais-AutocompleteDetachedSearchButtonIcon', classNames.detachedSearchButtonIcon)
             }, /*#__PURE__*/ createElement(SearchIcon, {
-                createElement: createElement
+                createElement: createElement,
+                className: classNames.detachedSearchButtonSearchIcon
             })), /*#__PURE__*/ createElement("div", {
                 className: cx('ais-AutocompleteDetachedSearchButtonPlaceholder', classNames.detachedSearchButtonPlaceholder),
                 hidden: Boolean(query)
@@ -18364,7 +18368,8 @@
                     onClear();
                 }
             }, /*#__PURE__*/ createElement(ClearIcon, {
-                createElement: createElement
+                createElement: createElement,
+                className: classNames.detachedSearchButtonClearIcon
             })));
         };
     }
@@ -18421,7 +18426,7 @@
             ]);
             return /*#__PURE__*/ createElement("div", _object_spread_props(_object_spread({}, props), {
                 "aria-hidden": hidden,
-                className: cx('ais-AutocompletePanel', !hidden && 'ais-AutocompletePanel--open', classNames.root, props.className),
+                className: cx('ais-AutocompletePanel', !hidden && 'ais-AutocompletePanel--open', classNames.root, !hidden && classNames.open, props.className),
                 onMouseDown: function onMouseDown(event) {
                     // Prevents the autocomplete panel from blurring the input when
                     // clicking inside the panel.
@@ -18792,12 +18797,12 @@
     function createAutocompleteSearchComponent(param) {
         var createElement = param.createElement;
         return function AutocompleteSearch(userProps) {
-            var inputProps = userProps.inputProps, onClear = userProps.onClear, query = userProps.query, isSearchStalled = userProps.isSearchStalled, onCancel = userProps.onCancel, isDetached = userProps.isDetached, submitTitle = userProps.submitTitle, onAiModeClick = userProps.onAiModeClick;
+            var inputProps = userProps.inputProps, onClear = userProps.onClear, query = userProps.query, isSearchStalled = userProps.isSearchStalled, onCancel = userProps.onCancel, isDetached = userProps.isDetached, submitTitle = userProps.submitTitle, onAiModeClick = userProps.onAiModeClick, _userProps_classNames = userProps.classNames, classNames = _userProps_classNames === void 0 ? {} : _userProps_classNames;
             var isBackButton = Boolean(isDetached && onCancel);
             var resolvedCancelTitle = submitTitle !== null && submitTitle !== void 0 ? submitTitle : 'Close';
             var inputRef = inputProps.ref;
             return /*#__PURE__*/ createElement("form", {
-                className: "ais-AutocompleteForm",
+                className: cx('ais-AutocompleteForm', classNames.form),
                 action: "",
                 noValidate: true,
                 role: "search",
@@ -18809,38 +18814,41 @@
                     return (_inputRef_current = inputRef.current) === null || _inputRef_current === void 0 ? void 0 : _inputRef_current.focus();
                 }
             }, /*#__PURE__*/ createElement("div", {
-                className: "ais-AutocompleteInputWrapperPrefix"
+                className: cx('ais-AutocompleteInputWrapperPrefix', classNames.inputWrapperPrefix)
             }, isBackButton && /*#__PURE__*/ createElement("button", {
-                className: "ais-AutocompleteBackButton",
+                className: cx('ais-AutocompleteBackButton', classNames.backButton),
                 type: "button",
                 title: resolvedCancelTitle,
                 onClick: onCancel,
                 hidden: isSearchStalled
             }, /*#__PURE__*/ createElement(BackIcon, {
-                createElement: createElement
+                createElement: createElement,
+                className: classNames.backButtonIcon
             })), /*#__PURE__*/ createElement("label", {
-                className: "ais-AutocompleteLabel",
+                className: cx('ais-AutocompleteLabel', classNames.label),
                 "aria-label": "Submit",
                 htmlFor: inputProps.id,
                 id: "".concat(inputProps.id, "-label"),
                 hidden: isBackButton || undefined
             }, /*#__PURE__*/ createElement("button", {
-                className: "ais-AutocompleteSubmitButton",
+                className: cx('ais-AutocompleteSubmitButton', classNames.submitButton),
                 type: "submit",
                 title: "Submit",
                 hidden: isSearchStalled
             }, /*#__PURE__*/ createElement(SubmitIcon, {
-                createElement: createElement
+                createElement: createElement,
+                className: classNames.submitButtonIcon
             }))), /*#__PURE__*/ createElement("div", {
-                className: "ais-AutocompleteLoadingIndicator",
+                className: cx('ais-AutocompleteLoadingIndicator', classNames.loadingIndicator),
                 hidden: !isSearchStalled
             }, /*#__PURE__*/ createElement(LoadingIcon, {
                 createElement: createElement,
-                isSearchStalled: isSearchStalled
+                isSearchStalled: isSearchStalled,
+                className: classNames.loadingIndicatorIcon
             }))), /*#__PURE__*/ createElement("div", {
-                className: "ais-AutocompleteInputWrapper"
+                className: cx('ais-AutocompleteInputWrapper', classNames.inputWrapper)
             }, /*#__PURE__*/ createElement("input", _object_spread({
-                className: "ais-AutocompleteInput",
+                className: cx('ais-AutocompleteInput', classNames.input),
                 "aria-autocomplete": "both",
                 "aria-labelledby": "".concat(inputProps.id, "-label"),
                 autoComplete: "off",
@@ -18852,17 +18860,18 @@
                 type: "search",
                 value: query
             }, inputProps))), /*#__PURE__*/ createElement("div", {
-                className: "ais-AutocompleteInputWrapperSuffix"
+                className: cx('ais-AutocompleteInputWrapperSuffix', classNames.inputWrapperSuffix)
             }, /*#__PURE__*/ createElement("button", {
-                className: "ais-AutocompleteClearButton",
+                className: cx('ais-AutocompleteClearButton', classNames.resetButton),
                 type: "reset",
                 title: "Clear",
                 hidden: query.length === 0 || isSearchStalled,
                 onClick: onClear
             }, /*#__PURE__*/ createElement(ClearIcon, {
-                createElement: createElement
+                createElement: createElement,
+                className: classNames.resetButtonIcon
             })), onAiModeClick && /*#__PURE__*/ createElement("button", {
-                className: "ais-AiModeButton",
+                className: cx('ais-AiModeButton', classNames.aiModeButton),
                 type: "button",
                 title: "AI Mode",
                 onClick: function onClick(e) {
@@ -18870,9 +18879,10 @@
                     onAiModeClick();
                 }
             }, /*#__PURE__*/ createElement(AiModeIcon, {
-                createElement: createElement
+                createElement: createElement,
+                className: classNames.aiModeButtonIcon
             }), /*#__PURE__*/ createElement("span", {
-                className: "ais-AiModeButton-label"
+                className: cx('ais-AiModeButton-label', classNames.aiModeButtonLabel)
             }, "AI Mode"))));
         };
     }
@@ -21679,7 +21689,7 @@
         Fragment: React.Fragment
     });
     function AutocompleteSearch(param) {
-        var inputProps = param.inputProps, clearQuery = param.clearQuery, onQueryChange = param.onQueryChange, query = param.query, isSearchStalled = param.isSearchStalled, onCancel = param.onCancel, isDetached = param.isDetached, submitTitle = param.submitTitle, onAiModeClick = param.onAiModeClick;
+        var inputProps = param.inputProps, clearQuery = param.clearQuery, onQueryChange = param.onQueryChange, query = param.query, isSearchStalled = param.isSearchStalled, onCancel = param.onCancel, isDetached = param.isDetached, submitTitle = param.submitTitle, onAiModeClick = param.onAiModeClick, classNames = param.classNames;
         return /*#__PURE__*/ React.createElement(AutocompleteSearchComponent, {
             inputProps: _object_spread_props(_object_spread({}, inputProps), {
                 onChange: function onChange(event) {
@@ -21693,7 +21703,8 @@
             onCancel: onCancel,
             isDetached: isDetached,
             submitTitle: submitTitle,
-            onAiModeClick: onAiModeClick
+            onAiModeClick: onAiModeClick,
+            classNames: classNames
         });
     }
 
@@ -22346,9 +22357,16 @@
                         });
                     }
                 }
-            } : undefined
+            } : undefined,
+            classNames: classNames
         });
-        var panelContent = /*#__PURE__*/ React.createElement(AutocompletePanel, getPanelProps(), PanelComponent ? /*#__PURE__*/ React.createElement(PanelComponent, {
+        var panelContent = /*#__PURE__*/ React.createElement(AutocompletePanel, _object_spread_props(_object_spread({}, getPanelProps()), {
+            classNames: {
+                root: classNames === null || classNames === void 0 ? void 0 : classNames.panel,
+                open: classNames === null || classNames === void 0 ? void 0 : classNames.panelOpen,
+                layout: classNames === null || classNames === void 0 ? void 0 : classNames.panelLayout
+            }
+        }), PanelComponent ? /*#__PURE__*/ React.createElement(PanelComponent, {
             elements: elements,
             indices: indicesForPanel
         }) : Object.keys(elements).map(function(elementId) {