@sledge-app/react-instant-search 2.0.7 → 2.0.8

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (9) hide show
  1. package/dist/components/SearchResultWidget/layouts/DesktopLayout.d.ts.map +1 -1
  2. package/dist/components/SearchResultWidget/layouts/Elements.d.ts +1 -0
  3. package/dist/components/SearchResultWidget/layouts/Elements.d.ts.map +1 -1
  4. package/dist/sledge-react-instant-search.cjs +1 -1
  5. package/dist/sledge-react-instant-search.cjs.map +1 -1
  6. package/dist/sledge-react-instant-search.js +97 -42
  7. package/dist/sledge-react-instant-search.js.map +1 -1
  8. package/dist/style.css +1 -1
  9. package/package.json +1 -1
package/dist/sledge-react-instant-search.js CHANGED
@@ -7971,8 +7971,8 @@ const SummaryTextVertical = (props) => {
7971
7971
  return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: `sledge-instant-search__result-data-summary sledge-instant-search__result-data-summary-filter-vertical ${className}`, children });
7972
7972
  };
7973
7973
  const RenderLayout = (props) => {
7974
- const { children, device, layout = "" } = props;
7975
- return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "sledge-instant-search__render-layout", "data-render-device": device, "data-render-layout": layout, children });
7974
+ const { children, device, layout = "", additionalProps = {} } = props;
7975
+ return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "sledge-instant-search__render-layout", "data-render-device": device, "data-render-layout": layout, ...additionalProps, children });
7976
7976
  };
7977
7977
  const FilterHorizontalBlockMobile = (props) => {
7978
7978
  const { children } = props;
@@ -7991,7 +7991,7 @@ const ProductGridPaginationWrapper = (props) => {
7991
7991
  return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "sledge-instant-search__result-product-grid-pagination-wrapper", children });
7992
7992
  };
7993
7993
  const FilterVerticalLayout = (props) => {
7994
- var _a, _b;
7994
+ var _a, _b, _c;
7995
7995
  const {
7996
7996
  displaySettings,
7997
7997
  allowedFilter,
@@ -8033,7 +8033,7 @@ const FilterVerticalLayout = (props) => {
8033
8033
  }) : null,
8034
8034
  /* @__PURE__ */ jsxRuntimeExports.jsxs(ResultData, { children: [
8035
8035
  isFirstLoading ? searchAndSelectOptionSkeleton : /* @__PURE__ */ jsxRuntimeExports.jsxs(ResultDataKeyword, { children: [
8036
- /* @__PURE__ */ jsxRuntimeExports.jsx(SearchFieldDesktop, { children: searchField }),
8036
+ ((_b = displaySettings == null ? void 0 : displaySettings.search) == null ? void 0 : _b.hide_search_bar) ? null : /* @__PURE__ */ jsxRuntimeExports.jsx(SearchFieldDesktop, { children: searchField }),
8037
8037
  /* @__PURE__ */ jsxRuntimeExports.jsxs(SelectFieldWrapper, { children: [
8038
8038
  /* @__PURE__ */ jsxRuntimeExports.jsx(SelectFieldItem, { children: sort }),
8039
8039
  /* @__PURE__ */ jsxRuntimeExports.jsx(SelectFieldItem, { children: limit })
@@ -8042,7 +8042,7 @@ const FilterVerticalLayout = (props) => {
8042
8042
  isLoading ? /* @__PURE__ */ jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, { children: productGridSkeleton }) : /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
8043
8043
  /* @__PURE__ */ jsxRuntimeExports.jsxs(SummaryTextVertical, { className: "sledge-instant-search__result-summary-text-with-column-grid-selector-wrapper", children: [
8044
8044
  summaryText,
8045
- ((_b = displaySettings == null ? void 0 : displaySettings.search) == null ? void 0 : _b.show_switch_view_option) ? /* @__PURE__ */ jsxRuntimeExports.jsx(ColumnGridSelectorWrapper, { children: columnGridSelector }) : null
8045
+ ((_c = displaySettings == null ? void 0 : displaySettings.search) == null ? void 0 : _c.show_switch_view_option) ? /* @__PURE__ */ jsxRuntimeExports.jsx(ColumnGridSelectorWrapper, { children: columnGridSelector }) : null
8046
8046
  ] }),
8047
8047
  (searchResult == null ? void 0 : searchResult.length) ? /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
8048
8048
  productGrid,
@@ -8053,8 +8053,21 @@ const FilterVerticalLayout = (props) => {
8053
8053
  ] }) });
8054
8054
  };
8055
8055
  const FilterHorizontalLayout = (props) => {
8056
- var _a, _b;
8057
- const { displaySettings, allowedFilter, isFirstLoading, isLoading, isLoadingProduct, isLoadingSetting, searchResult = [], propsData, hideFilterWhenOneValue, components, skeleton } = props;
8056
+ var _a, _b, _c;
8057
+ const {
8058
+ displaySettings,
8059
+ allowedFilter,
8060
+ isFirstLoading,
8061
+ isLoading,
8062
+ isLoadingProduct,
8063
+ isLoadingSetting,
8064
+ searchResult = [],
8065
+ propsData,
8066
+ hideFilterWhenOneValue,
8067
+ components,
8068
+ skeleton,
8069
+ handleSearchResultFirstTime
8070
+ } = props;
8058
8071
  const {
8059
8072
  filterHorizontal = null,
8060
8073
  summaryText = null,
@@ -8078,16 +8091,16 @@ const FilterHorizontalLayout = (props) => {
8078
8091
  return /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
8079
8092
  isShowFilter ? filterHorizontal == null ? void 0 : filterHorizontal({
8080
8093
  deviceType: "desktop",
8081
- isSkeleton: Boolean(isFirstLoading && !propsData || isLoadingSetting && !propsData)
8094
+ isSkeleton: Boolean(handleSearchResultFirstTime || isFirstLoading && !propsData || isLoadingSetting && !propsData)
8082
8095
  }) : null,
8083
8096
  /* @__PURE__ */ jsxRuntimeExports.jsx(ResultWrapper, { displaySettings, children: /* @__PURE__ */ jsxRuntimeExports.jsxs(ResultData, { children: [
8084
8097
  isFirstLoading ? searchAndSelectOptionSkeleton : /* @__PURE__ */ jsxRuntimeExports.jsxs(ResultDataKeyword, { children: [
8085
- /* @__PURE__ */ jsxRuntimeExports.jsx(SummaryTextHorizontal, { children: summaryText }),
8086
- /* @__PURE__ */ jsxRuntimeExports.jsx(SearchFieldDesktop, { children: searchField }),
8098
+ handleSearchResultFirstTime ? summaryTextSkeleton : /* @__PURE__ */ jsxRuntimeExports.jsx(SummaryTextHorizontal, { children: summaryText }),
8099
+ ((_b = displaySettings == null ? void 0 : displaySettings.search) == null ? void 0 : _b.hide_search_bar) ? null : /* @__PURE__ */ jsxRuntimeExports.jsx(SearchFieldDesktop, { children: searchField }),
8087
8100
  /* @__PURE__ */ jsxRuntimeExports.jsxs(SelectFieldWrapper, { children: [
8088
8101
  /* @__PURE__ */ jsxRuntimeExports.jsx(SelectFieldItem, { children: sort }),
8089
8102
  /* @__PURE__ */ jsxRuntimeExports.jsx(SelectFieldItem, { children: limit }),
8090
- ((_b = displaySettings == null ? void 0 : displaySettings.search) == null ? void 0 : _b.show_switch_view_option) ? /* @__PURE__ */ jsxRuntimeExports.jsx(ColumnGridSelectorWrapper, { children: columnGridSelector }) : null
8103
+ ((_c = displaySettings == null ? void 0 : displaySettings.search) == null ? void 0 : _c.show_switch_view_option) ? /* @__PURE__ */ jsxRuntimeExports.jsx(ColumnGridSelectorWrapper, { children: columnGridSelector }) : null
8091
8104
  ] })
8092
8105
  ] }),
8093
8106
  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: [
@@ -8098,7 +8111,7 @@ const FilterHorizontalLayout = (props) => {
8098
8111
  ] });
8099
8112
  };
8100
8113
  const FilterFlyoutLayout$1 = (props) => {
8101
- var _a, _b;
8114
+ var _a, _b, _c;
8102
8115
  const {
8103
8116
  displaySettings,
8104
8117
  languageSettings,
@@ -8157,7 +8170,7 @@ const FilterFlyoutLayout$1 = (props) => {
8157
8170
  /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: language_filter || "Filter" }),
8158
8171
  /* @__PURE__ */ jsxRuntimeExports.jsx(FilterIcon, { width: 18, height: 18, color: "#393d4e" })
8159
8172
  ] }),
8160
- /* @__PURE__ */ jsxRuntimeExports.jsx(SearchFieldDesktop, { children: searchField })
8173
+ ((_b = displaySettings == null ? void 0 : displaySettings.search) == null ? void 0 : _b.hide_search_bar) ? null : /* @__PURE__ */ jsxRuntimeExports.jsx(SearchFieldDesktop, { children: searchField })
8161
8174
  ] }),
8162
8175
  /* @__PURE__ */ jsxRuntimeExports.jsxs(SelectFieldWrapper, { children: [
8163
8176
  /* @__PURE__ */ jsxRuntimeExports.jsx(SelectFieldItem, { children: sort }),
@@ -8167,7 +8180,7 @@ const FilterFlyoutLayout$1 = (props) => {
8167
8180
  isLoading ? /* @__PURE__ */ jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, { children: productGridSkeleton }) : /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
8168
8181
  /* @__PURE__ */ jsxRuntimeExports.jsxs(SummaryTextVertical, { className: "sledge-instant-search__result-summary-text-with-column-grid-selector-wrapper", children: [
8169
8182
  summaryText,
8170
- ((_b = displaySettings == null ? void 0 : displaySettings.search) == null ? void 0 : _b.show_switch_view_option) ? /* @__PURE__ */ jsxRuntimeExports.jsx(ColumnGridSelectorWrapper, { children: columnGridSelector }) : null
8183
+ ((_c = displaySettings == null ? void 0 : displaySettings.search) == null ? void 0 : _c.show_switch_view_option) ? /* @__PURE__ */ jsxRuntimeExports.jsx(ColumnGridSelectorWrapper, { children: columnGridSelector }) : null
8171
8184
  ] }),
8172
8185
  (searchResult == null ? void 0 : searchResult.length) ? /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
8173
8186
  productGrid,
@@ -8178,7 +8191,7 @@ const FilterFlyoutLayout$1 = (props) => {
8178
8191
  ] });
8179
8192
  };
8180
8193
  const EnterpriseLayout = (props) => {
8181
- var _a, _b, _c;
8194
+ var _a, _b, _c, _d;
8182
8195
  const {
8183
8196
  displaySettings,
8184
8197
  allowedFilter,
@@ -8224,7 +8237,8 @@ const EnterpriseLayout = (props) => {
8224
8237
  /* @__PURE__ */ jsxRuntimeExports.jsx(FilterIcon, { width: 18, height: 18, color: "#393d4e" })
8225
8238
  ] }),
8226
8239
  /* @__PURE__ */ jsxRuntimeExports.jsx(SelectFieldItem, { children: sort }),
8227
- /* @__PURE__ */ jsxRuntimeExports.jsx(SelectFieldWrapper, { children: ((_c = displaySettings == null ? void 0 : displaySettings.search) == null ? void 0 : _c.show_switch_view_option) ? /* @__PURE__ */ jsxRuntimeExports.jsx(ColumnGridSelectorWrapper, { children: columnGridSelector }) : null })
8240
+ ((_c = displaySettings == null ? void 0 : displaySettings.search) == null ? void 0 : _c.hide_search_bar) ? null : searchField,
8241
+ ((_d = displaySettings == null ? void 0 : displaySettings.search) == null ? void 0 : _d.show_switch_view_option) ? /* @__PURE__ */ jsxRuntimeExports.jsx(SelectFieldWrapper, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(ColumnGridSelectorWrapper, { children: columnGridSelector }) }) : null
8228
8242
  ] }),
8229
8243
  /* @__PURE__ */ jsxRuntimeExports.jsxs(ResultData, { children: [
8230
8244
  /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: `sledge-instant-search__result-filter-toggle-panel ${"animated"}`, "data-filter-toggle": openFilterToggle ? "open" : "closed", children: filterVertical == null ? void 0 : filterVertical({
@@ -8239,7 +8253,7 @@ const EnterpriseLayout = (props) => {
8239
8253
  ] }) });
8240
8254
  };
8241
8255
  const YuvaLayout = (props) => {
8242
- var _a, _b, _c;
8256
+ var _a, _b, _c, _d;
8243
8257
  const {
8244
8258
  displaySettings,
8245
8259
  allowedFilter,
@@ -8254,7 +8268,8 @@ const YuvaLayout = (props) => {
8254
8268
  languageSettings,
8255
8269
  openFilterToggle = false,
8256
8270
  setOpenFilterToggle = () => {
8257
- }
8271
+ },
8272
+ handleSearchResultFirstTime
8258
8273
  } = props;
8259
8274
  const { filter: language_filter } = languageSettings || {};
8260
8275
  const {
@@ -8284,9 +8299,10 @@ const YuvaLayout = (props) => {
8284
8299
  /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: language_filter || "Filter" }),
8285
8300
  /* @__PURE__ */ jsxRuntimeExports.jsx(FilterIcon, { width: 18, height: 18, color: "#393d4e" })
8286
8301
  ] }),
8302
+ ((_c = displaySettings == null ? void 0 : displaySettings.search) == null ? void 0 : _c.hide_search_bar) ? null : searchField,
8287
8303
  /* @__PURE__ */ jsxRuntimeExports.jsxs(SelectFieldWrapper, { children: [
8288
- summaryText,
8289
- ((_c = displaySettings == null ? void 0 : displaySettings.search) == null ? void 0 : _c.show_switch_view_option) ? /* @__PURE__ */ jsxRuntimeExports.jsx(ColumnGridSelectorWrapper, { children: columnGridSelector }) : null,
8304
+ handleSearchResultFirstTime ? summaryTextSkeleton : summaryText,
8305
+ ((_d = displaySettings == null ? void 0 : displaySettings.search) == null ? void 0 : _d.show_switch_view_option) ? /* @__PURE__ */ jsxRuntimeExports.jsx(ColumnGridSelectorWrapper, { children: columnGridSelector }) : null,
8290
8306
  /* @__PURE__ */ jsxRuntimeExports.jsx(SelectFieldItem, { children: sort })
8291
8307
  ] })
8292
8308
  ] }),
@@ -8303,8 +8319,21 @@ const YuvaLayout = (props) => {
8303
8319
  ] }) });
8304
8320
  };
8305
8321
  const ToyoLayout = (props) => {
8306
- var _a, _b, _c;
8307
- const { displaySettings, allowedFilter, isFirstLoading, isLoading, isLoadingProduct, isLoadingSetting, searchResult = [], propsData, hideFilterWhenOneValue, components, skeleton } = props;
8322
+ var _a, _b, _c, _d;
8323
+ const {
8324
+ displaySettings,
8325
+ allowedFilter,
8326
+ isFirstLoading,
8327
+ isLoading,
8328
+ isLoadingProduct,
8329
+ isLoadingSetting,
8330
+ searchResult = [],
8331
+ propsData,
8332
+ hideFilterWhenOneValue,
8333
+ components,
8334
+ skeleton,
8335
+ handleSearchResultFirstTime
8336
+ } = props;
8308
8337
  const {
8309
8338
  filterHorizontal = null,
8310
8339
  filterActive = null,
@@ -8327,18 +8356,21 @@ const ToyoLayout = (props) => {
8327
8356
  } = skeleton || {};
8328
8357
  const isShowFilter = ((_a = displaySettings == null ? void 0 : displaySettings.filter) == null ? void 0 : _a.enable_on_search) && ((_b = displaySettings == null ? void 0 : displaySettings.filter) == null ? void 0 : _b.layout) === "toyo" && !hideFilterWhenOneValue;
8329
8358
  return /* @__PURE__ */ jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(ResultWrapper, { displaySettings, children: /* @__PURE__ */ jsxRuntimeExports.jsxs(ResultData, { children: [
8330
- isFirstLoading ? searchAndSelectOptionSkeleton : /* @__PURE__ */ jsxRuntimeExports.jsxs(ResultDataKeyword, { children: [
8331
- /* @__PURE__ */ jsxRuntimeExports.jsx(SummaryTextHorizontal, { children: summaryText }),
8332
- isShowFilter ? filterHorizontal == null ? void 0 : filterHorizontal({
8333
- deviceType: "desktop",
8334
- isSkeleton: Boolean(isFirstLoading && !propsData || isLoadingSetting && !propsData),
8335
- isHorizontalGroup: true,
8336
- showOnlyItems: true,
8337
- components: {
8338
- sort
8339
- }
8340
- }) : null,
8341
- /* @__PURE__ */ jsxRuntimeExports.jsx(SelectFieldWrapper, { children: ((_c = displaySettings == null ? void 0 : displaySettings.search) == null ? void 0 : _c.show_switch_view_option) ? /* @__PURE__ */ jsxRuntimeExports.jsx(ColumnGridSelectorWrapper, { children: columnGridSelector }) : null })
8359
+ isFirstLoading ? searchAndSelectOptionSkeleton : /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
8360
+ ((_c = displaySettings == null ? void 0 : displaySettings.search) == null ? void 0 : _c.hide_search_bar) ? null : searchField,
8361
+ /* @__PURE__ */ jsxRuntimeExports.jsxs(ResultDataKeyword, { children: [
8362
+ handleSearchResultFirstTime ? summaryTextSkeleton : /* @__PURE__ */ jsxRuntimeExports.jsx(SummaryTextHorizontal, { children: summaryText }),
8363
+ isShowFilter ? filterHorizontal == null ? void 0 : filterHorizontal({
8364
+ deviceType: "desktop",
8365
+ isSkeleton: Boolean(handleSearchResultFirstTime || isFirstLoading && !propsData || isLoadingSetting && !propsData),
8366
+ isHorizontalGroup: true,
8367
+ showOnlyItems: true,
8368
+ components: {
8369
+ sort
8370
+ }
8371
+ }) : null,
8372
+ /* @__PURE__ */ jsxRuntimeExports.jsx(SelectFieldWrapper, { children: ((_d = displaySettings == null ? void 0 : displaySettings.search) == null ? void 0 : _d.show_switch_view_option) ? /* @__PURE__ */ jsxRuntimeExports.jsx(ColumnGridSelectorWrapper, { children: columnGridSelector }) : null })
8373
+ ] })
8342
8374
  ] }),
8343
8375
  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: [
8344
8376
  filterActive == null ? void 0 : filterActive(),
@@ -8348,8 +8380,21 @@ const ToyoLayout = (props) => {
8348
8380
  ] }) }) });
8349
8381
  };
8350
8382
  const FilterHorizontalGroupLayout = (props) => {
8351
- var _a, _b;
8352
- const { displaySettings, allowedFilter, isFirstLoading, isLoading, isLoadingProduct, isLoadingSetting, searchResult = [], propsData, hideFilterWhenOneValue, components, skeleton } = props;
8383
+ var _a, _b, _c;
8384
+ const {
8385
+ displaySettings,
8386
+ allowedFilter,
8387
+ isFirstLoading,
8388
+ isLoading,
8389
+ isLoadingProduct,
8390
+ isLoadingSetting,
8391
+ searchResult = [],
8392
+ propsData,
8393
+ hideFilterWhenOneValue,
8394
+ components,
8395
+ skeleton,
8396
+ handleSearchResultFirstTime
8397
+ } = props;
8353
8398
  const {
8354
8399
  filterHorizontal = null,
8355
8400
  summaryText = null,
@@ -8373,17 +8418,17 @@ const FilterHorizontalGroupLayout = (props) => {
8373
8418
  return /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
8374
8419
  isShowFilter ? filterHorizontal == null ? void 0 : filterHorizontal({
8375
8420
  deviceType: "desktop",
8376
- isSkeleton: Boolean(isFirstLoading && !propsData || isLoadingSetting && !propsData),
8421
+ isSkeleton: Boolean(handleSearchResultFirstTime || isFirstLoading && !propsData || isLoadingSetting && !propsData),
8377
8422
  isHorizontalGroup: true
8378
8423
  }) : null,
8379
8424
  /* @__PURE__ */ jsxRuntimeExports.jsx(ResultWrapper, { displaySettings, children: /* @__PURE__ */ jsxRuntimeExports.jsxs(ResultData, { children: [
8380
8425
  isFirstLoading ? searchAndSelectOptionSkeleton : /* @__PURE__ */ jsxRuntimeExports.jsxs(ResultDataKeyword, { children: [
8381
- /* @__PURE__ */ jsxRuntimeExports.jsx(SummaryTextHorizontal, { children: summaryText }),
8382
- /* @__PURE__ */ jsxRuntimeExports.jsx(SearchFieldDesktop, { children: searchField }),
8426
+ handleSearchResultFirstTime ? summaryTextSkeleton : /* @__PURE__ */ jsxRuntimeExports.jsx(SummaryTextHorizontal, { children: summaryText }),
8427
+ ((_b = displaySettings == null ? void 0 : displaySettings.search) == null ? void 0 : _b.hide_search_bar) ? null : /* @__PURE__ */ jsxRuntimeExports.jsx(SearchFieldDesktop, { children: searchField }),
8383
8428
  /* @__PURE__ */ jsxRuntimeExports.jsxs(SelectFieldWrapper, { children: [
8384
8429
  /* @__PURE__ */ jsxRuntimeExports.jsx(SelectFieldItem, { children: sort }),
8385
8430
  /* @__PURE__ */ jsxRuntimeExports.jsx(SelectFieldItem, { children: limit }),
8386
- ((_b = displaySettings == null ? void 0 : displaySettings.search) == null ? void 0 : _b.show_switch_view_option) ? /* @__PURE__ */ jsxRuntimeExports.jsx(ColumnGridSelectorWrapper, { children: columnGridSelector }) : null
8431
+ ((_c = displaySettings == null ? void 0 : displaySettings.search) == null ? void 0 : _c.show_switch_view_option) ? /* @__PURE__ */ jsxRuntimeExports.jsx(ColumnGridSelectorWrapper, { children: columnGridSelector }) : null
8387
8432
  ] })
8388
8433
  ] }),
8389
8434
  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: [
@@ -8394,7 +8439,7 @@ const FilterHorizontalGroupLayout = (props) => {
8394
8439
  ] });
8395
8440
  };
8396
8441
  const DesktopLayout = (props) => {
8397
- var _a;
8442
+ var _a, _b;
8398
8443
  const { displaySettings } = props;
8399
8444
  const renderLayout = () => {
8400
8445
  var _a2;
@@ -8417,7 +8462,17 @@ const DesktopLayout = (props) => {
8417
8462
  return null;
8418
8463
  }
8419
8464
  };
8420
- return /* @__PURE__ */ jsxRuntimeExports.jsx(RenderLayout, { device: "desktop", layout: (_a = displaySettings == null ? void 0 : displaySettings.filter) == null ? void 0 : _a.layout, children: renderLayout() });
8465
+ return /* @__PURE__ */ jsxRuntimeExports.jsx(
8466
+ RenderLayout,
8467
+ {
8468
+ device: "desktop",
8469
+ layout: (_a = displaySettings == null ? void 0 : displaySettings.filter) == null ? void 0 : _a.layout,
8470
+ additionalProps: {
8471
+ "data-hide-search-bar": (_b = displaySettings == null ? void 0 : displaySettings.search) == null ? void 0 : _b.hide_search_bar
8472
+ },
8473
+ children: renderLayout()
8474
+ }
8475
+ );
8421
8476
  };
8422
8477
  const FilterFlyoutLayout = (props) => {
8423
8478
  var _a;