@sledge-app/react-instant-search 1.0.21 → 1.0.23
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.
- package/dist/components/ProductFilterWidget/ProductFilterWidget.d.ts +1 -0
- package/dist/components/ProductFilterWidget/ProductFilterWidget.d.ts.map +1 -1
- package/dist/components/ProductFilterWidget/ProductFilterWidgetInitSelector.d.ts.map +1 -1
- package/dist/components/SearchResultWidget/SearchResultWidget.d.ts +1 -0
- package/dist/components/SearchResultWidget/SearchResultWidget.d.ts.map +1 -1
- package/dist/components/SearchResultWidget/SearchResultWidgetInitSelector.d.ts.map +1 -1
- package/dist/components/SearchWidget/SearchWidgetInitSelector.d.ts.map +1 -1
- package/dist/sledge-react-instant-search.cjs +1 -1
- package/dist/sledge-react-instant-search.cjs.map +1 -1
- package/dist/sledge-react-instant-search.js +6 -1
- package/dist/sledge-react-instant-search.js.map +1 -1
- package/dist/style.css +1 -1
- package/package.json +1 -1
|
@@ -135,6 +135,7 @@ const SELECTOR = {
|
|
|
135
135
|
ELEMENT_RECENTLY_VIEWED_WIDGET: `[${SELECTOR_ATTRIBUTE_KEY}="product-recommendation-recently-viewed-widget"]`
|
|
136
136
|
}
|
|
137
137
|
};
|
|
138
|
+
const DEFAULT_MAX_WIDTH_COMPONENT = "1180px";
|
|
138
139
|
const DEFAULT_SEARCH_RESULT_URL = "/apps/sledge/search";
|
|
139
140
|
const DEFAULT_WISHLIST_URL = "/apps/sledge/wishlist";
|
|
140
141
|
const DEFAULT_QUERY_PARAM = {
|
|
@@ -3639,6 +3640,7 @@ const SearchResultWidget = (props) => {
|
|
|
3639
3640
|
var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q, _r, _s, _t;
|
|
3640
3641
|
const {
|
|
3641
3642
|
layoutType = "default",
|
|
3643
|
+
width = DEFAULT_MAX_WIDTH_COMPONENT,
|
|
3642
3644
|
query,
|
|
3643
3645
|
params,
|
|
3644
3646
|
children,
|
|
@@ -4082,7 +4084,10 @@ const SearchResultWidget = (props) => {
|
|
|
4082
4084
|
/* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "sledge-instant-search__result-data-summary-select-field-item", children: /* @__PURE__ */ jsxRuntimeExports.jsx(SkeletonLoading.Item, { width: "150px", height: "42px", color: "lighten", rounded: "lg" }) })
|
|
4083
4085
|
] })
|
|
4084
4086
|
] });
|
|
4085
|
-
|
|
4087
|
+
const containerStyle = {
|
|
4088
|
+
maxWidth: width
|
|
4089
|
+
};
|
|
4090
|
+
return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "sledge-instant-search__result-container", ref: searchResultContainerRef, style: containerStyle, children: [
|
|
4086
4091
|
isFirstLoading ? null : /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: `${layoutType === "default" && (allowedTabs == null ? void 0 : allowedTabs.length) ? "sledge-instant-search__result-tab" : "sledge-instant-search__result-tab-no-index"}`, children: layoutType === "default" && (allowedTabs == null ? void 0 : allowedTabs.length) ? /* @__PURE__ */ jsxRuntimeExports.jsx("ul", { className: "sledge-instant-search__result-tab-list", children: allowedTabs.map((item) => {
|
|
4087
4092
|
const { name, index, type, total } = item;
|
|
4088
4093
|
let isActive = clickedTabIndexId === index;
|