ublo-lib 1.47.18 → 1.47.20
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/es/common/components/cart-preview/cart-preview.d.ts.map +1 -1
- package/es/common/components/cart-preview/cart-preview.js +3 -0
- package/es/common/components/search-bar/search-bar.d.ts +2 -1
- package/es/common/components/search-bar/search-bar.d.ts.map +1 -1
- package/es/common/components/search-bar/search-bar.js +12 -3
- package/package.json +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"cart-preview.d.ts","sourceRoot":"","sources":["../../../../src/common/components/cart-preview/cart-preview.js"],"names":[],"mappings":";AAYA;;;;;;
|
|
1
|
+
{"version":3,"file":"cart-preview.d.ts","sourceRoot":"","sources":["../../../../src/common/components/cart-preview/cart-preview.js"],"names":[],"mappings":";AAYA;;;;;;4CA6FC"}
|
|
@@ -30,6 +30,9 @@ const CartPreview = ({ lang, visible, className, pillClassName, forcePillVisibil
|
|
|
30
30
|
}, [ubloLang, resort]);
|
|
31
31
|
if (!cart && !forcePillVisibility)
|
|
32
32
|
return null;
|
|
33
|
+
if (!cart) {
|
|
34
|
+
return (_jsx(CartPill, { className: pillClassName, count: count, forcePillVisibility: forcePillVisibility }));
|
|
35
|
+
}
|
|
33
36
|
const { orders: bareOrders, price } = cart.cart;
|
|
34
37
|
const orders = Utils.getOrders(bareOrders);
|
|
35
38
|
const preventClick = (e) => e.preventDefault();
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
declare const _default: React.MemoExoticComponent<({ lang, resultFormatter, backdrop, OverrideIcons, messages, seo, exclude, autofocus, }: {
|
|
1
|
+
declare const _default: React.MemoExoticComponent<({ lang, resultFormatter, backdrop, OverrideIcons, messages, seo, exclude, autofocus, additionalResults, }: {
|
|
2
2
|
lang: any;
|
|
3
3
|
resultFormatter: any;
|
|
4
4
|
backdrop: any;
|
|
@@ -7,6 +7,7 @@ declare const _default: React.MemoExoticComponent<({ lang, resultFormatter, back
|
|
|
7
7
|
seo: any;
|
|
8
8
|
exclude: any;
|
|
9
9
|
autofocus: any;
|
|
10
|
+
additionalResults?: any[];
|
|
10
11
|
}) => import("react/jsx-runtime").JSX.Element>;
|
|
11
12
|
export default _default;
|
|
12
13
|
import * as React from "react";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"search-bar.d.ts","sourceRoot":"","sources":["../../../../src/common/components/search-bar/search-bar.js"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"search-bar.d.ts","sourceRoot":"","sources":["../../../../src/common/components/search-bar/search-bar.js"],"names":[],"mappings":";;;;;;;;;;;;uBAAuB,OAAO"}
|
|
@@ -13,7 +13,7 @@ import * as KeyboardKeys from "./utils/keyboard-keys";
|
|
|
13
13
|
import { message } from "./messages";
|
|
14
14
|
const { publicRuntimeConfig } = getConfig();
|
|
15
15
|
const { ubloApi, site } = publicRuntimeConfig;
|
|
16
|
-
const SearchBar = ({ lang, resultFormatter, backdrop, OverrideIcons = {}, messages, seo, exclude, autofocus, }) => {
|
|
16
|
+
const SearchBar = ({ lang, resultFormatter, backdrop, OverrideIcons = {}, messages, seo, exclude, autofocus, additionalResults = [], }) => {
|
|
17
17
|
const input = React.useRef();
|
|
18
18
|
const results = React.useRef();
|
|
19
19
|
const [state, setState] = React.useState({ active: 0, selected: undefined });
|
|
@@ -118,11 +118,17 @@ const SearchBar = ({ lang, resultFormatter, backdrop, OverrideIcons = {}, messag
|
|
|
118
118
|
};
|
|
119
119
|
}, [autofocus, handleKeyPresses]);
|
|
120
120
|
const Icon = search?.loading ? Icons.LoadIcon : Icons.SearchIcon;
|
|
121
|
+
const matchingAdditionalResults = additionalResults.filter((result) => {
|
|
122
|
+
const normalizedResult = result.name.toLowerCase();
|
|
123
|
+
const normalizedText = text.toLowerCase();
|
|
124
|
+
return normalizedResult.includes(normalizedText);
|
|
125
|
+
});
|
|
126
|
+
const results = [...(search?.result || []), ...matchingAdditionalResults];
|
|
121
127
|
const classes = classNames("search-bar", {
|
|
122
|
-
"search-bar--opened":
|
|
128
|
+
"search-bar--opened": results.length > 0,
|
|
123
129
|
"search-bar--loading": search?.loading,
|
|
124
130
|
});
|
|
125
|
-
return (_jsxs("div", { className: classes, children: [backdrop && _jsx("div", { className: "search-bar__backdrop", onClick: close }), _jsxs("div", { className: "search-bar__input-container", children: [_jsx("input", { ref: input, type: "text", value: text, onChange: updateSearch, onKeyDown: handleKeyDown, className: "search-bar__input", placeholder: message(ubloLang, "what-are-you-looking-for", messages), onBlur: handleBlur }), _jsx(Icon, { className: "search-bar__icon" }), _jsxs("div", { ref: results, className: "search-bar__results", children: [
|
|
131
|
+
return (_jsxs("div", { className: classes, children: [backdrop && _jsx("div", { className: "search-bar__backdrop", onClick: close }), _jsxs("div", { className: "search-bar__input-container", children: [_jsx("input", { ref: input, type: "text", value: text, onChange: updateSearch, onKeyDown: handleKeyDown, className: "search-bar__input", placeholder: message(ubloLang, "what-are-you-looking-for", messages), onBlur: handleBlur }), _jsx(Icon, { className: "search-bar__icon" }), _jsxs("div", { ref: results, className: "search-bar__results", children: [results?.map((result, i) => {
|
|
126
132
|
const { name, title, page, path } = result;
|
|
127
133
|
const externalLink = page === undefined;
|
|
128
134
|
const Tag = externalLink ? "a" : Link;
|
|
@@ -155,3 +161,6 @@ const SearchBar = ({ lang, resultFormatter, backdrop, OverrideIcons = {}, messag
|
|
|
155
161
|
}), search.result?.length === 0 && (_jsx("div", { className: "search-bar__no-result", children: message(ubloLang, "no-results", messages) }))] })] })] }));
|
|
156
162
|
};
|
|
157
163
|
export default React.memo(SearchBar);
|
|
164
|
+
function normalize(text) {
|
|
165
|
+
return text.normalize("NFC").toLowerCase();
|
|
166
|
+
}
|