@phillips/seldon 1.85.1 → 1.86.0
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/Search/Search.js +115 -104
- package/dist/scss/components/Navigation/NavigationItem/_navigationItem.scss +6 -0
- package/dist/scss/components/Navigation/NavigationList/_navigationList.scss +0 -1
- package/dist/scss/site-furniture/Header/_header.scss +0 -1
- package/package.json +1 -1
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { jsx as
|
|
2
|
-
import
|
|
1
|
+
import { jsx as t, jsxs as u } from "react/jsx-runtime";
|
|
2
|
+
import c, { useEffect as V } from "react";
|
|
3
3
|
import { getCommonProps as j, px as D, encodeURLSearchParams as I } from "../../utils/index.js";
|
|
4
4
|
import _ from "../../node_modules/classnames/index.js";
|
|
5
5
|
import H from "../Input/Input.js";
|
|
@@ -13,28 +13,28 @@ import { SearchButton as q } from "./SearchButton.js";
|
|
|
13
13
|
import z from "../../node_modules/react-transition-group/esm/CSSTransition.js";
|
|
14
14
|
const ne = ({
|
|
15
15
|
onSearch: S,
|
|
16
|
-
onCancel:
|
|
16
|
+
onCancel: i,
|
|
17
17
|
searchResults: R = [],
|
|
18
|
-
state:
|
|
18
|
+
state: l = "idle",
|
|
19
19
|
defaultValue: E = "",
|
|
20
20
|
className: b,
|
|
21
21
|
placeholder: w = "",
|
|
22
|
-
searchButtonText:
|
|
22
|
+
searchButtonText: d = "Search",
|
|
23
23
|
loadingText: C = "Search In Progress...",
|
|
24
|
-
invalidText:
|
|
24
|
+
invalidText: k = "Invalid search",
|
|
25
25
|
getAllResultsText: P = (r) => `View all results for ${r}`,
|
|
26
26
|
getAllResultsLink: v = (r) => `/Search?Search=${r}`,
|
|
27
27
|
...x
|
|
28
28
|
}) => {
|
|
29
29
|
var N;
|
|
30
|
-
const { className: r, "data-testid":
|
|
30
|
+
const { className: r, "data-testid": m, ...L } = j(x, "Search"), p = c.useContext(U), f = c.useRef(null), h = c.useRef(null), g = c.useRef(null), a = p.isSearchExpanded, s = (N = f.current) == null ? void 0 : N.value, T = S ? (e) => {
|
|
31
31
|
S(e.target.value);
|
|
32
32
|
} : void 0;
|
|
33
|
-
M(
|
|
34
|
-
|
|
33
|
+
M(g, (e) => {
|
|
34
|
+
i == null || i(), n(!1), e.stopPropagation();
|
|
35
35
|
});
|
|
36
|
-
const
|
|
37
|
-
var
|
|
36
|
+
const $ = (e) => {
|
|
37
|
+
var o;
|
|
38
38
|
if (e.stopPropagation(), e.key === "Enter") {
|
|
39
39
|
if (e.preventDefault(), s && s.length > 2) {
|
|
40
40
|
const y = I(v(s));
|
|
@@ -42,113 +42,124 @@ const ne = ({
|
|
|
42
42
|
}
|
|
43
43
|
e.currentTarget instanceof HTMLAnchorElement && e.currentTarget.click();
|
|
44
44
|
}
|
|
45
|
-
e.key === "Escape" && ((
|
|
45
|
+
e.key === "Escape" && ((o = h.current) == null || o.reset(), p.setIsSearchExpanded(!1));
|
|
46
46
|
};
|
|
47
47
|
V(() => {
|
|
48
48
|
var e;
|
|
49
|
-
if (
|
|
50
|
-
(e =
|
|
49
|
+
if (a) {
|
|
50
|
+
(e = f.current) == null || e.focus();
|
|
51
51
|
return;
|
|
52
52
|
}
|
|
53
|
-
}, [
|
|
54
|
-
const
|
|
55
|
-
var
|
|
56
|
-
(
|
|
53
|
+
}, [a]);
|
|
54
|
+
const n = (e) => {
|
|
55
|
+
var o;
|
|
56
|
+
(o = h.current) == null || o.reset(), p.setIsSearchExpanded(e);
|
|
57
57
|
};
|
|
58
|
-
return /* @__PURE__ */
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
"
|
|
58
|
+
return /* @__PURE__ */ t("div", { className: `${r}__container`, children: /* @__PURE__ */ u(
|
|
59
|
+
"div",
|
|
60
|
+
{
|
|
61
|
+
className: `${r}__container__inner`,
|
|
62
|
+
ref: g,
|
|
63
|
+
onClick: (e) => {
|
|
64
|
+
a || (n(!0), e.stopPropagation());
|
|
65
|
+
},
|
|
66
|
+
children: [
|
|
67
|
+
/* @__PURE__ */ t(K, { variant: F.heading4, className: `${r}__container__inner__label`, children: d }),
|
|
68
|
+
/* @__PURE__ */ t(
|
|
69
|
+
"div",
|
|
70
70
|
{
|
|
71
|
-
|
|
72
|
-
className: _(`${r}
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
children:
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
{
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
{
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
71
|
+
...L,
|
|
72
|
+
className: _(r, b, { [`${r}--active`]: a }),
|
|
73
|
+
"data-testid": m,
|
|
74
|
+
role: "search",
|
|
75
|
+
...x,
|
|
76
|
+
children: /* @__PURE__ */ u(
|
|
77
|
+
"form",
|
|
78
|
+
{
|
|
79
|
+
"data-testid": `${m}-form`,
|
|
80
|
+
className: _(`${r}__form`, {
|
|
81
|
+
[`${r}__form--active`]: a
|
|
82
|
+
}),
|
|
83
|
+
ref: h,
|
|
84
|
+
children: [
|
|
85
|
+
/* @__PURE__ */ u(
|
|
86
|
+
"div",
|
|
87
|
+
{
|
|
88
|
+
className: _(`${r}__content-wrapper`, {
|
|
89
|
+
[`${r}__content-wrapper--active`]: a
|
|
90
|
+
}),
|
|
91
|
+
role: "combobox",
|
|
92
|
+
"aria-haspopup": "listbox",
|
|
93
|
+
children: [
|
|
94
|
+
/* @__PURE__ */ t(
|
|
95
|
+
z,
|
|
96
|
+
{
|
|
97
|
+
in: a,
|
|
98
|
+
classNames: `${D}-input`,
|
|
99
|
+
addEndListener: () => {
|
|
100
|
+
},
|
|
101
|
+
children: /* @__PURE__ */ t(
|
|
102
|
+
H,
|
|
103
|
+
{
|
|
104
|
+
"aria-hidden": !a,
|
|
105
|
+
className: `${r}__input`,
|
|
106
|
+
id: "search-input",
|
|
107
|
+
hideLabel: !0,
|
|
108
|
+
labelText: d,
|
|
109
|
+
placeholder: a ? w : "",
|
|
110
|
+
type: "text",
|
|
111
|
+
defaultValue: E,
|
|
112
|
+
invalid: l === "invalid",
|
|
113
|
+
invalidText: k,
|
|
114
|
+
onKeyDown: $,
|
|
115
|
+
onChange: T,
|
|
116
|
+
ref: f
|
|
117
|
+
}
|
|
118
|
+
)
|
|
119
|
+
}
|
|
120
|
+
),
|
|
121
|
+
/* @__PURE__ */ t(
|
|
122
|
+
q,
|
|
95
123
|
{
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
defaultValue: E,
|
|
104
|
-
invalid: c === "invalid",
|
|
105
|
-
invalidText: L,
|
|
106
|
-
onKeyDown: g,
|
|
107
|
-
onChange: k,
|
|
108
|
-
ref: h
|
|
124
|
+
className: r,
|
|
125
|
+
searchButtonText: d,
|
|
126
|
+
state: l,
|
|
127
|
+
testId: m,
|
|
128
|
+
isSearchExpanded: a,
|
|
129
|
+
setIsSearchExpanded: n,
|
|
130
|
+
onCancel: i
|
|
109
131
|
}
|
|
110
132
|
)
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
className: r,
|
|
117
|
-
searchButtonText: l,
|
|
118
|
-
state: c,
|
|
119
|
-
testId: d,
|
|
120
|
-
isSearchExpanded: t,
|
|
121
|
-
setIsSearchExpanded: u,
|
|
122
|
-
onCancel: o
|
|
123
|
-
}
|
|
124
|
-
)
|
|
125
|
-
]
|
|
126
|
-
}
|
|
127
|
-
),
|
|
128
|
-
s && s.length > 2 ? /* @__PURE__ */ a(
|
|
129
|
-
A,
|
|
130
|
-
{
|
|
131
|
-
autoCompleteResults: R,
|
|
132
|
-
isLoading: c === "loading",
|
|
133
|
-
loadingText: C,
|
|
134
|
-
onKeyDown: g,
|
|
135
|
-
userInputValue: s,
|
|
136
|
-
closeSearch: u,
|
|
137
|
-
children: /* @__PURE__ */ a("li", { className: `${r}__result`, children: /* @__PURE__ */ a(
|
|
138
|
-
O,
|
|
133
|
+
]
|
|
134
|
+
}
|
|
135
|
+
),
|
|
136
|
+
s && s.length > 2 ? /* @__PURE__ */ t(
|
|
137
|
+
A,
|
|
139
138
|
{
|
|
140
|
-
|
|
141
|
-
|
|
139
|
+
autoCompleteResults: R,
|
|
140
|
+
isLoading: l === "loading",
|
|
141
|
+
loadingText: C,
|
|
142
|
+
onKeyDown: $,
|
|
143
|
+
userInputValue: s,
|
|
144
|
+
closeSearch: n,
|
|
145
|
+
children: /* @__PURE__ */ t("li", { className: `${r}__result`, children: /* @__PURE__ */ t(
|
|
146
|
+
O,
|
|
147
|
+
{
|
|
148
|
+
onClick: () => n(!1),
|
|
149
|
+
href: ((e) => I(v(e)))(s),
|
|
150
|
+
children: /* @__PURE__ */ t("p", { children: P(s) })
|
|
151
|
+
}
|
|
152
|
+
) }, "viewAllSearchResults")
|
|
142
153
|
}
|
|
143
|
-
)
|
|
144
|
-
|
|
145
|
-
|
|
146
|
-
|
|
154
|
+
) : null
|
|
155
|
+
]
|
|
156
|
+
}
|
|
157
|
+
)
|
|
147
158
|
}
|
|
148
159
|
)
|
|
149
|
-
|
|
150
|
-
|
|
151
|
-
|
|
160
|
+
]
|
|
161
|
+
}
|
|
162
|
+
) });
|
|
152
163
|
};
|
|
153
164
|
export {
|
|
154
165
|
ne as default
|