@sledge-app/react-instant-search 2.0.71 → 2.0.72

package/dist/sledge-react-instant-search.js

@@ -9154,7 +9154,7 @@ const DesktopLayout = (props) => {
   );
 };
 const FilterFlyoutLayout = (props) => {
-  var _a, _b, _c, _d;
+  var _a, _b, _c, _d, _e, _f;
   const {
     displaySettings,
     languageSettings,
@@ -9191,6 +9191,7 @@ const FilterFlyoutLayout = (props) => {
     searchAndSelectOption: searchAndSelectOptionSkeleton,
     productGrid: productGridSkeleton
   } = skeleton || {};
+  const columnGridElement = ((_a = displaySettings == null ? void 0 : displaySettings.search) == null ? void 0 : _a.show_switch_view_option) ? /* @__PURE__ */ jsxRuntimeExports.jsx(ColumnGridSelectorWrapper, { children: columnGridSelector }) : null;
   return /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
     /* @__PURE__ */ jsxRuntimeExports.jsx(
       FlyoutSidebar,
@@ -9206,23 +9207,26 @@ const FilterFlyoutLayout = (props) => {
     ),
     /* @__PURE__ */ jsxRuntimeExports.jsx(ResultWrapper, { displaySettings, children: /* @__PURE__ */ jsxRuntimeExports.jsxs(ResultData, { children: [
       /* @__PURE__ */ jsxRuntimeExports.jsx(ResultDataKeyword, { children: isFirstLoading ? /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
-        ((_a = displaySettings == null ? void 0 : displaySettings.filter) == null ? void 0 : _a.show_total_products) ? summaryTextSkeleton : null,
+        ((_b = displaySettings == null ? void 0 : displaySettings.filter) == null ? void 0 : _b.show_total_products) ? summaryTextSkeleton : null,
         searchFieldSkeletonComponent,
         filterHorizontalSkeleton,
         selectOptionSkeletonComponent
       ] }) : /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
-        /* @__PURE__ */ jsxRuntimeExports.jsx(SummaryTextHorizontal, { children: summaryText }),
-        ((_b = displaySettings == null ? void 0 : displaySettings.search) == null ? void 0 : _b.show_switch_view_option) ? /* @__PURE__ */ jsxRuntimeExports.jsx(ColumnGridSelectorWrapper, { children: columnGridSelector }) : null,
+        /* @__PURE__ */ jsxRuntimeExports.jsxs(SummaryTextHorizontal, { children: [
+          summaryText,
+          ((_c = displaySettings == null ? void 0 : displaySettings.search) == null ? void 0 : _c.hide_search_bar) ? columnGridElement : null
+        ] }),
+        ((_d = displaySettings == null ? void 0 : displaySettings.search) == null ? void 0 : _d.hide_search_bar) ? null : columnGridElement,
         /* @__PURE__ */ jsxRuntimeExports.jsx(FilterHorizontalBlockMobile, { children: /* @__PURE__ */ jsxRuntimeExports.jsxs(ResultSearchFieldFlex, { children: [
           /* @__PURE__ */ jsxRuntimeExports.jsxs(Button, { type: "button", className: "sledge-instant-search__trigger-filter-flyout", onClick: () => setOpenFilterFlyout == null ? void 0 : setOpenFilterFlyout(true), children: [
             /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: language_filter || "Filter" }),
             /* @__PURE__ */ jsxRuntimeExports.jsx(FilterIcon, { width: 18, height: 18, color: "#393d4e" })
           ] }),
-          ((_c = displaySettings == null ? void 0 : displaySettings.search) == null ? void 0 : _c.hide_search_bar) ? null : searchField
+          ((_e = displaySettings == null ? void 0 : displaySettings.search) == null ? void 0 : _e.hide_search_bar) ? null : searchField
         ] }) }),
         /* @__PURE__ */ jsxRuntimeExports.jsxs(SelectFieldWrapper, { children: [
           /* @__PURE__ */ jsxRuntimeExports.jsx(SelectFieldItem, { children: sort }),
-          ((_d = displaySettings == null ? void 0 : displaySettings.search) == null ? void 0 : _d.hide_limit_options) ? null : /* @__PURE__ */ jsxRuntimeExports.jsx(SelectFieldItem, { children: limit })
+          ((_f = displaySettings == null ? void 0 : displaySettings.search) == null ? void 0 : _f.hide_limit_options) ? null : /* @__PURE__ */ jsxRuntimeExports.jsx(SelectFieldItem, { children: limit })
         ] })
       ] }) }),
       isLoading ? /* @__PURE__ */ jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, { children: productGridSkeleton }) : /* @__PURE__ */ jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, { children: (searchResult == null ? void 0 : searchResult.length) ? /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
@@ -9357,7 +9361,7 @@ const StickyFilterButtonLayout = (props) => {
   ] });
 };
 const MobileLayout = (props) => {
-  var _a, _b, _c;
+  var _a, _b, _c, _d;
   const { displaySettings } = props;
   const renderLayout = () => {
     var _a2;
@@ -9379,7 +9383,8 @@ const MobileLayout = (props) => {
       layout: (_a = displaySettings == null ? void 0 : displaySettings.filter) == null ? void 0 : _a.mobile_layout,
       additionalProps: {
         "data-hide-search-bar": (_b = displaySettings == null ? void 0 : displaySettings.search) == null ? void 0 : _b.hide_search_bar,
-        "data-hide-limit-options": (_c = displaySettings == null ? void 0 : displaySettings.search) == null ? void 0 : _c.hide_limit_options
+        "data-hide-limit-options": (_c = displaySettings == null ? void 0 : displaySettings.search) == null ? void 0 : _c.hide_limit_options,
+        "data-show-switch-view-option": (_d = displaySettings == null ? void 0 : displaySettings.search) == null ? void 0 : _d.show_switch_view_option
       },
       children: renderLayout()
     }