@searchcraft/react-sdk 0.1.2 → 0.1.3

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 (6) hide show
  1. package/README.md +59 -19
  2. package/dist/index.d.ts +29 -7
  3. package/dist/index.js +458 -379
  4. package/dist/index.js.map +1 -1
  5. package/dist/style.css +1 -1
  6. package/package.json +1 -1
package/dist/index.js CHANGED
@@ -1,84 +1,141 @@
1
- import { jsx as n, jsxs as u, Fragment as k } from "react/jsx-runtime";
2
- import Q, { useState as g, useContext as Z, useEffect as K } from "react";
3
- var U = Object.defineProperty, H = (t, a, o) => a in t ? U(t, a, { enumerable: !0, configurable: !0, writable: !0, value: o }) : t[a] = o, N = (t, a, o) => H(t, typeof a != "symbol" ? a + "" : a, o);
4
- class Jn {
5
- constructor(a) {
6
- if (N(this, "config"), N(this, "search", async (o) => {
1
+ import { jsx as t, jsxs as h, Fragment as x } from "react/jsx-runtime";
2
+ import K, { useContext as J, useState as T, useMemo as H, useEffect as z } from "react";
3
+ var V = Object.defineProperty, X = (n, e, o) => e in n ? V(n, e, { enumerable: !0, configurable: !0, writable: !0, value: o }) : n[e] = o, E = (n, e, o) => X(n, typeof e != "symbol" ? e + "" : e, o);
4
+ class et {
5
+ constructor(e) {
6
+ if (E(this, "config"), E(this, "search", async (o) => {
7
7
  try {
8
- const s = this.config.index.join(","), i = `${this.config.endpointURL}/search`, r = {
8
+ const i = this.config.index.join(","), c = `${this.config.endpointURL}/search`, r = {
9
9
  query: o.query,
10
10
  mode: o.mode,
11
- app: s
12
- }, e = {
11
+ app: i
12
+ }, a = {
13
13
  method: "POST",
14
14
  headers: {
15
15
  "Content-Type": "application/json",
16
- "Access-Control-Allow-Origin": "*",
17
16
  Authorization: this.config.apiKey ? `${this.config.apiKey}` : ""
18
17
  },
19
18
  body: JSON.stringify(r)
20
19
  };
21
- return await (await fetch(i, e)).json();
22
- } catch (s) {
23
- return s;
20
+ return await (await fetch(c, a)).json();
21
+ } catch (i) {
22
+ return i;
24
23
  }
25
- }), !a.endpointURL || !a.index)
24
+ }), !e.endpointURL || !e.index)
26
25
  throw new Error("Endpoint URL and Index value(s) must be provided");
27
- this.config = a;
26
+ this.config = e;
28
27
  }
29
28
  }
30
- const J = {
29
+ var _ = /* @__PURE__ */ ((n) => (n[n.DEBUG = 0] = "DEBUG", n[n.INFO = 1] = "INFO", n[n.WARN = 2] = "WARN", n[n.ERROR = 3] = "ERROR", n))(_ || {});
30
+ class Y {
31
+ constructor(e) {
32
+ E(this, "logLevel"), E(this, "logFormatter"), this.logLevel = e.logLevel || 1, this.logFormatter = e.logFormatter || this.defaultFormatter;
33
+ }
34
+ defaultFormatter(e, o) {
35
+ return `[${_[e]}] ${(/* @__PURE__ */ new Date()).toISOString()}: ${o}`;
36
+ }
37
+ debug(e) {
38
+ this.logLevel <= 0 && console.log(this.logFormatter(0, e));
39
+ }
40
+ info(e) {
41
+ this.logLevel <= 1 && console.info(this.logFormatter(1, e));
42
+ }
43
+ warn(e) {
44
+ this.logLevel <= 2 && console.warn(this.logFormatter(2, e));
45
+ }
46
+ error(e) {
47
+ this.logLevel <= 3 && console.error(this.logFormatter(3, e));
48
+ }
49
+ }
50
+ const nn = {
31
51
  error: null,
32
52
  index: [""],
33
53
  isRequesting: !1,
34
54
  mode: "fuzzy",
35
55
  query: "",
36
- setQuery: (t) => t,
56
+ setQuery: (n) => n,
37
57
  search: async () => null
38
- }, F = Q.createContext(J), Gn = ({
39
- children: t,
40
- searchcraft: a
58
+ }, G = K.createContext(nn), tn = ({
59
+ children: n,
60
+ searchcraft: e,
61
+ debug: o = !1
41
62
  }) => {
42
- const [o, s] = g(""), [i, r] = g(!1), [e, l] = g(null), c = async () => {
43
- r(!0);
44
- const _ = await a.search({ query: o, mode: "fuzzy" });
45
- l(_), r(!1);
46
- }, h = {
63
+ const [i, c] = T(""), [r, a] = T(!1), [l, s] = T(null), u = H(() => o ? new Y({ logLevel: _.DEBUG }) : null, [o]), p = (f, R) => {
64
+ if (u)
65
+ switch (f) {
66
+ case _.DEBUG:
67
+ u.debug(R);
68
+ break;
69
+ case _.INFO:
70
+ u.info(R);
71
+ break;
72
+ case _.WARN:
73
+ u.warn(R);
74
+ break;
75
+ case _.ERROR:
76
+ u.error(R);
77
+ break;
78
+ }
79
+ }, L = async () => {
80
+ p(_.INFO, `Starting search with query: "${i}"`), a(!0);
81
+ try {
82
+ const f = await e.search({ query: i, mode: "fuzzy" });
83
+ s(f), p(_.DEBUG, `Search results: ${JSON.stringify(f)}`);
84
+ } catch (f) {
85
+ p(
86
+ _.ERROR,
87
+ `Search failed with error: ${f.message}`
88
+ );
89
+ } finally {
90
+ a(!1);
91
+ }
92
+ };
93
+ z(() => (p(_.INFO, "SearchcraftProvider mounted."), () => {
94
+ p(_.INFO, "SearchcraftProvider unmounted.");
95
+ }), [u]);
96
+ const g = {
47
97
  error: null,
48
- index: a.config.index,
49
- isRequesting: i,
98
+ index: e.config.index,
99
+ isRequesting: r,
50
100
  mode: "fuzzy",
51
- query: o,
52
- search: c,
53
- searchResults: e,
54
- setQuery: s
101
+ query: i,
102
+ search: L,
103
+ searchResults: l,
104
+ setQuery: c
55
105
  };
56
- return /* @__PURE__ */ n(F.Provider, { value: h, children: t });
57
- }, v = () => Z(F), G = "_formLTR_dvuqa_5", V = "_formRTL_dvuqa_9", X = "_searchContainer_dvuqa_13", L = {
58
- formLTR: G,
59
- formRTL: V,
60
- searchContainer: X
106
+ return /* @__PURE__ */ t(G.Provider, { value: g, children: n });
107
+ }, I = () => {
108
+ const n = J(G);
109
+ if (!n)
110
+ throw new Error(
111
+ "Searchcraft compound components must be used within Searchcraft.Provider"
112
+ );
113
+ return n;
114
+ }, en = "_formLTR_dvuqa_5", rn = "_formRTL_dvuqa_9", on = "_searchContainer_dvuqa_13", v = {
115
+ formLTR: en,
116
+ formRTL: rn,
117
+ searchContainer: on
61
118
  };
62
- function Y(t) {
63
- return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
119
+ function an(n) {
120
+ return n && n.__esModule && Object.prototype.hasOwnProperty.call(n, "default") ? n.default : n;
64
121
  }
65
- var D = { exports: {} };
122
+ var Q = { exports: {} };
66
123
  /*!
67
124
  Copyright (c) 2018 Jed Watson.
68
125
  Licensed under the MIT License (MIT), see
69
126
  http://jedwatson.github.io/classnames
70
127
  */
71
- (function(t) {
128
+ (function(n) {
72
129
  (function() {
73
- var a = {}.hasOwnProperty;
130
+ var e = {}.hasOwnProperty;
74
131
  function o() {
75
- for (var r = "", e = 0; e < arguments.length; e++) {
76
- var l = arguments[e];
77
- l && (r = i(r, s(l)));
132
+ for (var r = "", a = 0; a < arguments.length; a++) {
133
+ var l = arguments[a];
134
+ l && (r = c(r, i(l)));
78
135
  }
79
136
  return r;
80
137
  }
81
- function s(r) {
138
+ function i(r) {
82
139
  if (typeof r == "string" || typeof r == "number")
83
140
  return r;
84
141
  if (typeof r != "object")
@@ -87,95 +144,31 @@ var D = { exports: {} };
87
144
  return o.apply(null, r);
88
145
  if (r.toString !== Object.prototype.toString && !r.toString.toString().includes("[native code]"))
89
146
  return r.toString();
90
- var e = "";
147
+ var a = "";
91
148
  for (var l in r)
92
- a.call(r, l) && r[l] && (e = i(e, l));
93
- return e;
149
+ e.call(r, l) && r[l] && (a = c(a, l));
150
+ return a;
94
151
  }
95
- function i(r, e) {
96
- return e ? r ? r + " " + e : r + e : r;
152
+ function c(r, a) {
153
+ return a ? r ? r + " " + a : r + a : r;
97
154
  }
98
- t.exports ? (o.default = o, t.exports = o) : window.classNames = o;
155
+ n.exports ? (o.default = o, n.exports = o) : window.classNames = o;
99
156
  })();
100
- })(D);
101
- var O = D.exports;
102
- const p = /* @__PURE__ */ Y(O), nn = "_button_8jqm2_5", tn = "_spinnerMarginRight_8jqm2_26", en = "_spinnerMarginLeft_8jqm2_32", rn = "_buttonLabel_8jqm2_38", an = "_rightandback_8jqm2_1", b = {
103
- button: nn,
104
- spinnerMarginRight: tn,
105
- spinnerMarginLeft: en,
106
- buttonLabel: rn,
107
- rightandback: an
108
- }, on = "_spinnerContainer_1noam_1", sn = "_spinnerDark_1noam_7", cn = "_spinning_1noam_1", ln = "_spinnerLight_1noam_16", S = {
109
- spinnerContainer: on,
110
- spinnerDark: sn,
111
- spinning: cn,
112
- spinnerLight: ln
113
- }, x = () => /* @__PURE__ */ n("div", { className: S.spinnerContainer, children: /* @__PURE__ */ n("div", { className: S.spinnerLight }) }), I = () => /* @__PURE__ */ n("div", { className: S.spinnerContainer, children: /* @__PURE__ */ n("div", { className: S.spinnerDark }) }), w = ({
114
- className: t,
115
- iconElement: a,
116
- iconOnly: o = !1,
117
- iconPosition: s = "left",
118
- label: i = "Search",
119
- onClick: r
120
- }) => {
121
- const { isRequesting: e } = v();
122
- return /* @__PURE__ */ u(k, { children: [
123
- o && /* @__PURE__ */ n(
124
- "button",
125
- {
126
- className: p(
127
- b.button,
128
- t,
129
- ".searchcraft-button"
130
- ),
131
- onClick: r,
132
- type: "submit",
133
- children: e ? /* @__PURE__ */ n(I, {}) : a
134
- }
135
- ),
136
- !o && /* @__PURE__ */ u(
137
- "button",
138
- {
139
- className: p(
140
- b.button,
141
- t,
142
- ".searchcraft-button"
143
- ),
144
- onClick: r,
145
- type: "submit",
146
- children: [
147
- s === "left" && e ? /* @__PURE__ */ n("div", { className: b.spinnerMarginRight, children: /* @__PURE__ */ n(I, {}) }) : a,
148
- /* @__PURE__ */ n(
149
- "span",
150
- {
151
- className: p(
152
- e && b.buttonLabel,
153
- t,
154
- ".searchcraft-button-label"
155
- ),
156
- children: i
157
- }
158
- ),
159
- s === "right" && e ? /* @__PURE__ */ n("div", { className: b.spinnerMarginLeft, children: /* @__PURE__ */ n(I, {}) }) : a
160
- ]
161
- }
162
- )
163
- ] });
164
- }, un = "_errorMessage_12dc9_5", pn = {
165
- errorMessage: un
166
- }, hn = ({ className: t, errorMessage: a }) => /* @__PURE__ */ n("p", { className: p(pn.errorMessage, t), children: a || "Search term is required." }), dn = "_inputContainerLTR_s1rq8_5", _n = "_inputContainerRTL_s1rq8_9", Cn = "_inputLTR_s1rq8_14", fn = "_inputRTL_s1rq8_35", mn = "_inputErrorLTR_s1rq8_57", Ln = "_inputErrorRTL_s1rq8_82", m = {
167
- inputContainerLTR: dn,
168
- inputContainerRTL: _n,
169
- inputLTR: Cn,
170
- inputRTL: fn,
171
- inputErrorLTR: mn,
172
- inputErrorRTL: Ln
173
- }, Rn = "_inputClearButtonLTR_t63ei_5", bn = "_inputClearButtonRTL_t63ei_19", E = {
174
- inputClearButtonLTR: Rn,
175
- inputClearButtonRTL: bn
176
- }, M = () => /* @__PURE__ */ u("svg", { width: "22", height: "22", viewBox: "0 0 22 22", fill: "none", children: [
177
- /* @__PURE__ */ n("title", { children: "Searchcraft Clear Input Icon" }),
178
- /* @__PURE__ */ n(
157
+ })(Q);
158
+ var sn = Q.exports;
159
+ const d = /* @__PURE__ */ an(sn), cn = "_inputContainerLTR_s1rq8_5", ln = "_inputContainerRTL_s1rq8_9", un = "_inputLTR_s1rq8_14", hn = "_inputRTL_s1rq8_35", pn = "_inputErrorLTR_s1rq8_57", dn = "_inputErrorRTL_s1rq8_82", b = {
160
+ inputContainerLTR: cn,
161
+ inputContainerRTL: ln,
162
+ inputLTR: un,
163
+ inputRTL: hn,
164
+ inputErrorLTR: pn,
165
+ inputErrorRTL: dn
166
+ }, fn = "_inputClearButtonLTR_t63ei_5", _n = "_inputClearButtonRTL_t63ei_19", P = {
167
+ inputClearButtonLTR: fn,
168
+ inputClearButtonRTL: _n
169
+ }, O = () => /* @__PURE__ */ h("svg", { width: "22", height: "22", viewBox: "0 0 22 22", fill: "none", children: [
170
+ /* @__PURE__ */ t("title", { children: "Searchcraft Clear Input Icon" }),
171
+ /* @__PURE__ */ t(
179
172
  "path",
180
173
  {
181
174
  d: "M14 8L8 14M8 8L14 14M21 11C21 16.5228 16.5228 21 11 21C5.47715 21 1 16.5228 1 11C1 5.47715 5.47715 1 11 1C16.5228 1 21 5.47715 21 11Z",
@@ -185,9 +178,9 @@ const p = /* @__PURE__ */ Y(O), nn = "_button_8jqm2_5", tn = "_spinnerMarginRigh
185
178
  strokeLinejoin: "round"
186
179
  }
187
180
  )
188
- ] }), q = () => /* @__PURE__ */ u("svg", { width: "20", height: "21", viewBox: "0 0 20 21", fill: "none", children: [
189
- /* @__PURE__ */ n("title", { children: "Searchcraft Arrow Right Icon" }),
190
- /* @__PURE__ */ n(
181
+ ] }), U = () => /* @__PURE__ */ h("svg", { width: "20", height: "21", viewBox: "0 0 20 21", fill: "none", children: [
182
+ /* @__PURE__ */ t("title", { children: "Searchcraft Arrow Right Icon" }),
183
+ /* @__PURE__ */ t(
191
184
  "path",
192
185
  {
193
186
  d: "M7.5 15.0444L12.5 10.0444L7.5 5.04443",
@@ -197,68 +190,73 @@ const p = /* @__PURE__ */ Y(O), nn = "_button_8jqm2_5", tn = "_spinnerMarginRigh
197
190
  strokeLinejoin: "round"
198
191
  }
199
192
  )
200
- ] }), B = ({
201
- onClearInput: t,
202
- rightToLeftOrientation: a = !1
193
+ ] }), mn = "_spinnerContainer_1noam_1", Cn = "_spinnerDark_1noam_7", Ln = "_spinning_1noam_1", gn = "_spinnerLight_1noam_16", w = {
194
+ spinnerContainer: mn,
195
+ spinnerDark: Cn,
196
+ spinning: Ln,
197
+ spinnerLight: gn
198
+ }, W = () => /* @__PURE__ */ t("div", { className: w.spinnerContainer, children: /* @__PURE__ */ t("div", { className: w.spinnerLight }) }), B = () => /* @__PURE__ */ t("div", { className: w.spinnerContainer, children: /* @__PURE__ */ t("div", { className: w.spinnerDark }) }), M = ({
199
+ onClearInput: n,
200
+ rightToLeftOrientation: e = !1
203
201
  }) => {
204
- const { isRequesting: o } = v();
205
- return a ? /* @__PURE__ */ n(
202
+ const { isRequesting: o } = I();
203
+ return e ? /* @__PURE__ */ t(
206
204
  "button",
207
205
  {
208
- className: p(
209
- E.inputClearButtonRTL,
206
+ className: d(
207
+ P.inputClearButtonRTL,
210
208
  ".sc-clear-input-button-rtl"
211
209
  ),
212
- onClick: t,
210
+ onClick: n,
213
211
  type: "button",
214
- children: o ? /* @__PURE__ */ n(x, {}) : /* @__PURE__ */ n(M, {})
212
+ children: o ? /* @__PURE__ */ t(W, {}) : /* @__PURE__ */ t(O, {})
215
213
  }
216
- ) : /* @__PURE__ */ n(
214
+ ) : /* @__PURE__ */ t(
217
215
  "button",
218
216
  {
219
- className: p(
220
- E.inputClearButtonLTR,
217
+ className: d(
218
+ P.inputClearButtonLTR,
221
219
  ".sc-clear-input-button-ltr"
222
220
  ),
223
- onClick: t,
221
+ onClick: n,
224
222
  type: "button",
225
- children: o ? /* @__PURE__ */ n(x, {}) : /* @__PURE__ */ n(M, {})
223
+ children: o ? /* @__PURE__ */ t(W, {}) : /* @__PURE__ */ t(O, {})
226
224
  }
227
225
  );
228
- }, gn = "_inputCaptionLTR_xoy9r_5", vn = "_inputCaptionErrorLTR_xoy9r_14", Tn = "_inputCaptionRTL_xoy9r_24", yn = "_inputCaptionErrorRTL_xoy9r_34", T = {
229
- inputCaptionLTR: gn,
230
- inputCaptionErrorLTR: vn,
231
- inputCaptionRTL: Tn,
232
- inputCaptionErrorRTL: yn
233
- }, j = ({
234
- error: t = !1,
235
- inputCaptionClassName: a,
226
+ }, Rn = "_inputCaptionLTR_xoy9r_5", bn = "_inputCaptionErrorLTR_xoy9r_14", vn = "_inputCaptionRTL_xoy9r_24", Sn = "_inputCaptionErrorRTL_xoy9r_34", N = {
227
+ inputCaptionLTR: Rn,
228
+ inputCaptionErrorLTR: bn,
229
+ inputCaptionRTL: vn,
230
+ inputCaptionErrorRTL: Sn
231
+ }, F = ({
232
+ error: n = !1,
233
+ inputCaptionClassName: e,
236
234
  inputCaptionValue: o = "Enter Search",
237
- rightToLeftOrientation: s = !1
238
- }) => s ? /* @__PURE__ */ n(
235
+ rightToLeftOrientation: i = !1
236
+ }) => i ? /* @__PURE__ */ t(
239
237
  "p",
240
238
  {
241
- className: p(
242
- t ? T.inputCaptionErrorRTL : T.inputCaptionRTL,
243
- a
239
+ className: d(
240
+ n ? N.inputCaptionErrorRTL : N.inputCaptionRTL,
241
+ e
244
242
  ),
245
243
  children: o
246
244
  }
247
- ) : /* @__PURE__ */ n(
245
+ ) : /* @__PURE__ */ t(
248
246
  "p",
249
247
  {
250
- className: p(
251
- t ? T.inputCaptionErrorLTR : T.inputCaptionLTR,
252
- a
248
+ className: d(
249
+ n ? N.inputCaptionErrorLTR : N.inputCaptionLTR,
250
+ e
253
251
  ),
254
252
  children: o
255
253
  }
256
- ), Sn = "_inputIconLTR_cusap_5", In = "_inputIconRTL_cusap_13", y = {
257
- inputIconLTR: Sn,
258
- inputIconRTL: In
259
- }, kn = () => /* @__PURE__ */ u("svg", { width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", children: [
260
- /* @__PURE__ */ n("title", { children: "Searchcraft Search Icon" }),
261
- /* @__PURE__ */ n(
254
+ ), yn = "_inputIconLTR_cusap_5", Tn = "_inputIconRTL_cusap_13", k = {
255
+ inputIconLTR: yn,
256
+ inputIconRTL: Tn
257
+ }, In = () => /* @__PURE__ */ h("svg", { width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", children: [
258
+ /* @__PURE__ */ t("title", { children: "Searchcraft Search Icon" }),
259
+ /* @__PURE__ */ t(
262
260
  "path",
263
261
  {
264
262
  d: "M17.5 17.5L13.875 13.875M15.8333 9.16667C15.8333 12.8486 12.8486 15.8333 9.16667 15.8333C5.48477 15.8333 2.5 12.8486 2.5 9.16667C2.5 5.48477 5.48477 2.5 9.16667 2.5C12.8486 2.5 15.8333 5.48477 15.8333 9.16667Z",
@@ -268,9 +266,9 @@ const p = /* @__PURE__ */ Y(O), nn = "_button_8jqm2_5", tn = "_spinnerMarginRigh
268
266
  strokeLinejoin: "round"
269
267
  }
270
268
  )
271
- ] }), Nn = () => /* @__PURE__ */ u("svg", { width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", children: [
272
- /* @__PURE__ */ n("title", { children: "Searchcraft Error Search Icon" }),
273
- /* @__PURE__ */ n(
269
+ ] }), Nn = () => /* @__PURE__ */ h("svg", { width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", children: [
270
+ /* @__PURE__ */ t("title", { children: "Searchcraft Error Search Icon" }),
271
+ /* @__PURE__ */ t(
274
272
  "path",
275
273
  {
276
274
  d: "M17.5 17.5L13.875 13.875M15.8333 9.16667C15.8333 12.8486 12.8486 15.8333 9.16667 15.8333C5.48477 15.8333 2.5 12.8486 2.5 9.16667C2.5 5.48477 5.48477 2.5 9.16667 2.5C12.8486 2.5 15.8333 5.48477 15.8333 9.16667Z",
@@ -280,216 +278,178 @@ const p = /* @__PURE__ */ Y(O), nn = "_button_8jqm2_5", tn = "_spinnerMarginRigh
280
278
  strokeLinejoin: "round"
281
279
  }
282
280
  )
283
- ] }), $ = ({
284
- error: t = !1,
285
- rightToLeftOrientation: a = !1
286
- }) => t ? /* @__PURE__ */ n(
281
+ ] }), q = ({
282
+ error: n = !1,
283
+ rightToLeftOrientation: e = !1
284
+ }) => n ? /* @__PURE__ */ t(
287
285
  "div",
288
286
  {
289
- className: a ? y.inputIconRTL : y.inputIconLTR,
290
- children: /* @__PURE__ */ n(Nn, {})
287
+ className: e ? k.inputIconRTL : k.inputIconLTR,
288
+ children: /* @__PURE__ */ t(Nn, {})
291
289
  }
292
- ) : /* @__PURE__ */ n(
290
+ ) : /* @__PURE__ */ t(
293
291
  "div",
294
292
  {
295
- className: a ? y.inputIconRTL : y.inputIconLTR,
296
- children: /* @__PURE__ */ n(kn, {})
293
+ className: e ? k.inputIconRTL : k.inputIconLTR,
294
+ children: /* @__PURE__ */ t(In, {})
297
295
  }
298
- ), A = ({
299
- error: t = !1,
300
- formClassName: a = "",
296
+ ), j = ({
297
+ error: n = !1,
298
+ formClassName: e = "",
301
299
  inputCaptionClassName: o = "",
302
- inputClassName: s = "",
303
- inputCaptionValue: i = "",
300
+ inputClassName: i = "",
301
+ inputCaptionValue: c = "",
304
302
  onClearInput: r,
305
- onSearchInputChange: e,
303
+ onSearchInputChange: a,
306
304
  placeholderValue: l = "Enter Search",
307
- rightToLeftOrientation: c = !1,
308
- query: h = ""
305
+ rightToLeftOrientation: s = !1,
306
+ query: u = ""
309
307
  }) => {
310
- const _ = c ? m.inputContainerRTL : m.inputContainerLTR;
311
- return /* @__PURE__ */ n(
308
+ const p = s ? b.inputContainerRTL : b.inputContainerLTR;
309
+ return /* @__PURE__ */ t(
312
310
  "div",
313
311
  {
314
- className: p(
315
- _,
316
- a,
312
+ className: d(
313
+ p,
314
+ e,
317
315
  "searchcraft-input-form"
318
316
  ),
319
- children: c ? /* @__PURE__ */ u(k, { children: [
320
- /* @__PURE__ */ n(
317
+ children: s ? /* @__PURE__ */ h(x, { children: [
318
+ /* @__PURE__ */ t(
321
319
  "input",
322
320
  {
323
- className: p(
324
- t ? m.inputErrorRTL : m.inputRTL,
325
- s,
321
+ className: d(
322
+ n ? b.inputErrorRTL : b.inputRTL,
323
+ i,
326
324
  "searchcraft-input"
327
325
  ),
328
326
  id: "searchcraft-input-id",
329
- onChange: e,
327
+ onChange: a,
330
328
  placeholder: l,
331
329
  type: "text",
332
- value: h
330
+ value: u
333
331
  }
334
332
  ),
335
- i && /* @__PURE__ */ n(
336
- j,
333
+ c && /* @__PURE__ */ t(
334
+ F,
337
335
  {
338
336
  inputCaptionClassName: o,
339
- inputCaptionValue: i,
340
- rightToLeftOrientation: c
337
+ inputCaptionValue: c,
338
+ rightToLeftOrientation: s
341
339
  }
342
340
  ),
343
- h.length > 0 && /* @__PURE__ */ n(
344
- B,
341
+ u.length > 0 && /* @__PURE__ */ t(
342
+ M,
345
343
  {
346
344
  onClearInput: r,
347
- rightToLeftOrientation: c
345
+ rightToLeftOrientation: s
348
346
  }
349
347
  ),
350
- /* @__PURE__ */ n(
351
- $,
348
+ /* @__PURE__ */ t(
349
+ q,
352
350
  {
353
- error: t,
354
- rightToLeftOrientation: c
351
+ error: n,
352
+ rightToLeftOrientation: s
355
353
  }
356
354
  )
357
- ] }) : /* @__PURE__ */ u(k, { children: [
358
- /* @__PURE__ */ n(
355
+ ] }) : /* @__PURE__ */ h(x, { children: [
356
+ /* @__PURE__ */ t(
359
357
  "input",
360
358
  {
361
- className: p(
362
- t ? m.inputErrorLTR : m.inputLTR,
363
- s,
359
+ className: d(
360
+ n ? b.inputErrorLTR : b.inputLTR,
361
+ i,
364
362
  "searchcraft-input"
365
363
  ),
366
364
  id: "searchcraft-input-id",
367
- onChange: e,
365
+ onChange: a,
368
366
  placeholder: l,
369
367
  type: "text",
370
- value: h
368
+ value: u
371
369
  }
372
370
  ),
373
- i && /* @__PURE__ */ n(
374
- j,
371
+ c && /* @__PURE__ */ t(
372
+ F,
375
373
  {
376
374
  inputCaptionClassName: o,
377
- inputCaptionValue: i,
378
- rightToLeftOrientation: c
375
+ inputCaptionValue: c,
376
+ rightToLeftOrientation: s
379
377
  }
380
378
  ),
381
- h.length > 0 && /* @__PURE__ */ n(
382
- B,
379
+ u.length > 0 && /* @__PURE__ */ t(
380
+ M,
383
381
  {
384
382
  onClearInput: r,
385
- rightToLeftOrientation: c
383
+ rightToLeftOrientation: s
386
384
  }
387
385
  ),
388
- /* @__PURE__ */ n($, { error: t })
386
+ /* @__PURE__ */ t(q, { error: n })
389
387
  ] })
390
388
  }
391
389
  );
392
- }, xn = "_label_1euwf_5", wn = {
393
- label: xn
394
- }, z = ({
395
- className: t,
396
- label: a = "Enter Search"
397
- }) => /* @__PURE__ */ n(
390
+ }, kn = "_label_1euwf_5", En = {
391
+ label: kn
392
+ }, D = ({
393
+ className: n,
394
+ label: e = "Enter Search"
395
+ }) => /* @__PURE__ */ t(
398
396
  "label",
399
397
  {
400
- className: p(wn.label, t),
398
+ className: d(En.label, n),
401
399
  htmlFor: "searchcraft-input-id",
402
- children: a
400
+ children: e
403
401
  }
404
- ), Vn = ({
405
- errorMessage: t,
406
- handleSubmit: a,
407
- labelForInput: o = "Search",
408
- placeholderValue: s = "Enter Search Term",
409
- rightToLeftOrientation: i = !1
410
- }) => {
411
- const { query: r, setQuery: e } = v(), [l, c] = g(!1), h = (C) => {
412
- C.preventDefault(), r.trim() === "" ? c(!0) : (c(!1), a(r));
413
- }, _ = (C) => e(C.target.value), f = () => e("");
414
- return /* @__PURE__ */ u(
415
- "form",
416
- {
417
- className: i ? L.formRTL : L.formLTR,
418
- onSubmit: h,
419
- children: [
420
- /* @__PURE__ */ n(z, { label: o }),
421
- /* @__PURE__ */ u("div", { className: L.searchContainer, children: [
422
- i && /* @__PURE__ */ n(w, {}),
423
- /* @__PURE__ */ n(
424
- A,
425
- {
426
- error: l,
427
- onClearInput: f,
428
- onSearchInputChange: _,
429
- placeholderValue: s,
430
- query: r,
431
- rightToLeftOrientation: i
432
- }
433
- ),
434
- !i && /* @__PURE__ */ n(w, {})
435
- ] }),
436
- l && /* @__PURE__ */ n(hn, { errorMessage: t })
437
- ]
438
- }
439
- );
440
- }, Xn = ({
441
- autoSearchFormClass: t = "",
442
- handleSubmit: a,
402
+ ), wn = ({
403
+ autoSearchFormClass: n = "",
404
+ handleSubmit: e,
443
405
  inputCaptionValue: o = "",
444
- labelForInput: s = "Search",
445
- onClearedInput: i = () => {
406
+ labelForInput: i = "Search",
407
+ onClearInput: c = () => {
446
408
  },
447
409
  placeholderValue: r = "Search here",
448
- rightToLeftOrientation: e = !1,
410
+ rightToLeftOrientation: a = !1,
449
411
  searchContainerClass: l = ""
450
412
  }) => {
451
- const { query: c, setQuery: h } = v(), [_, f] = g(!1), C = (R) => {
452
- R.preventDefault(), h(R.currentTarget.value), c !== R.currentTarget.value && f(!0);
453
- }, P = () => {
454
- h(""), i();
413
+ const { query: s, setQuery: u } = I(), [p, L] = T(!1), g = a ? v.formRTL : v.formLTR, f = (S) => {
414
+ S.preventDefault(), u(S.currentTarget.value), s !== S.currentTarget.value && L(!0);
415
+ }, R = () => {
416
+ u(""), c();
455
417
  };
456
- K(() => {
457
- if (_)
458
- a(c), f(!1);
418
+ return z(() => {
419
+ if (p)
420
+ e(s), L(!1);
459
421
  else
460
422
  return;
461
- }, [_, a, c]);
462
- const W = e ? L.formRTL : L.formLTR;
463
- return /* @__PURE__ */ u(
423
+ }, [p, e, s]), /* @__PURE__ */ h(
464
424
  "form",
465
425
  {
466
- className: p(
467
- W,
468
- t,
426
+ className: d(
427
+ g,
428
+ n,
469
429
  "searchcraft-auto-search-form"
470
430
  ),
471
- onSubmit: (R) => {
472
- R.preventDefault();
431
+ onSubmit: (S) => {
432
+ S.preventDefault();
473
433
  },
474
434
  children: [
475
- /* @__PURE__ */ n(z, { label: s }),
476
- /* @__PURE__ */ n(
435
+ /* @__PURE__ */ t(D, { label: i }),
436
+ /* @__PURE__ */ t(
477
437
  "div",
478
438
  {
479
- className: p(
480
- L.searchContainer,
439
+ className: d(
440
+ v.searchContainer,
481
441
  l,
482
442
  "searchcraft-input-container"
483
443
  ),
484
- children: /* @__PURE__ */ n(
485
- A,
444
+ children: /* @__PURE__ */ t(
445
+ j,
486
446
  {
487
447
  inputCaptionValue: o,
488
- onClearInput: P,
489
- onSearchInputChange: C,
448
+ onClearInput: R,
449
+ onSearchInputChange: f,
490
450
  placeholderValue: r,
491
- query: c,
492
- rightToLeftOrientation: e
451
+ query: s,
452
+ rightToLeftOrientation: a
493
453
  }
494
454
  )
495
455
  }
@@ -497,9 +457,108 @@ const p = /* @__PURE__ */ Y(O), nn = "_button_8jqm2_5", tn = "_spinnerMarginRigh
497
457
  ]
498
458
  }
499
459
  );
500
- }, En = () => /* @__PURE__ */ u("svg", { width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", children: [
501
- /* @__PURE__ */ n("title", { children: "Searchcraft Button Icon" }),
502
- /* @__PURE__ */ n(
460
+ }, Bn = "_button_8jqm2_5", xn = "_spinnerMarginRight_8jqm2_26", Mn = "_spinnerMarginLeft_8jqm2_32", Fn = "_buttonLabel_8jqm2_38", qn = "_rightandback_8jqm2_1", y = {
461
+ button: Bn,
462
+ spinnerMarginRight: xn,
463
+ spinnerMarginLeft: Mn,
464
+ buttonLabel: Fn,
465
+ rightandback: qn
466
+ }, $ = ({
467
+ className: n,
468
+ iconElement: e,
469
+ iconOnly: o = !1,
470
+ iconPosition: i = "left",
471
+ label: c = "Search",
472
+ onClick: r
473
+ }) => {
474
+ const { isRequesting: a } = I();
475
+ return /* @__PURE__ */ h(x, { children: [
476
+ o && /* @__PURE__ */ t(
477
+ "button",
478
+ {
479
+ className: d(
480
+ y.button,
481
+ n,
482
+ ".searchcraft-button"
483
+ ),
484
+ onClick: r,
485
+ type: "submit",
486
+ children: a ? /* @__PURE__ */ t(B, {}) : e
487
+ }
488
+ ),
489
+ !o && /* @__PURE__ */ h(
490
+ "button",
491
+ {
492
+ className: d(
493
+ y.button,
494
+ n,
495
+ ".searchcraft-button"
496
+ ),
497
+ onClick: r,
498
+ type: "submit",
499
+ children: [
500
+ i === "left" && a ? /* @__PURE__ */ t("div", { className: y.spinnerMarginRight, children: /* @__PURE__ */ t(B, {}) }) : e,
501
+ /* @__PURE__ */ t(
502
+ "span",
503
+ {
504
+ className: d(
505
+ a && y.buttonLabel,
506
+ n,
507
+ ".searchcraft-button-label"
508
+ ),
509
+ children: c
510
+ }
511
+ ),
512
+ i === "right" && a ? /* @__PURE__ */ t("div", { className: y.spinnerMarginLeft, children: /* @__PURE__ */ t(B, {}) }) : e
513
+ ]
514
+ }
515
+ )
516
+ ] });
517
+ }, $n = "_errorMessage_12dc9_5", jn = {
518
+ errorMessage: $n
519
+ }, A = ({ className: n, errorMessage: e }) => /* @__PURE__ */ t("p", { className: d(jn.errorMessage, n), children: e || "Search term is required." }), Dn = ({
520
+ errorMessage: n,
521
+ handleSubmit: e,
522
+ labelForInput: o = "Search",
523
+ onClearInput: i = () => {
524
+ },
525
+ placeholderValue: c = "Enter Search Term",
526
+ rightToLeftOrientation: r = !1
527
+ }) => {
528
+ const { query: a, setQuery: l } = I(), [s, u] = T(!1), p = (f) => {
529
+ f.preventDefault(), a.trim() === "" ? u(!0) : (u(!1), e(a));
530
+ }, L = (f) => l(f.target.value), g = () => {
531
+ l(""), i();
532
+ };
533
+ return /* @__PURE__ */ h(
534
+ "form",
535
+ {
536
+ className: r ? v.formRTL : v.formLTR,
537
+ onSubmit: p,
538
+ children: [
539
+ /* @__PURE__ */ t(D, { label: o }),
540
+ /* @__PURE__ */ h("div", { className: v.searchContainer, children: [
541
+ r && /* @__PURE__ */ t($, {}),
542
+ /* @__PURE__ */ t(
543
+ j,
544
+ {
545
+ error: s,
546
+ onClearInput: g,
547
+ onSearchInputChange: L,
548
+ placeholderValue: c,
549
+ query: a,
550
+ rightToLeftOrientation: r
551
+ }
552
+ ),
553
+ !r && /* @__PURE__ */ t($, {})
554
+ ] }),
555
+ s && /* @__PURE__ */ t(A, { errorMessage: n })
556
+ ]
557
+ }
558
+ );
559
+ }, An = () => /* @__PURE__ */ h("svg", { width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", children: [
560
+ /* @__PURE__ */ t("title", { children: "Searchcraft Button Icon" }),
561
+ /* @__PURE__ */ t(
503
562
  "path",
504
563
  {
505
564
  d: "M2.725 5.79959L10 10.0079L17.275 5.79959M10 18.3996V9.99959M17.5 13.3329V6.66626C17.4997 6.37399 17.4225 6.08693 17.2763 5.8339C17.13 5.58086 16.9198 5.37073 16.6667 5.22459L10.8333 1.89126C10.58 1.74498 10.2926 1.66797 10 1.66797C9.70744 1.66797 9.42003 1.74498 9.16667 1.89126L3.33333 5.22459C3.08022 5.37073 2.86998 5.58086 2.72372 5.8339C2.57745 6.08693 2.5003 6.37399 2.5 6.66626V13.3329C2.5003 13.6252 2.57745 13.9123 2.72372 14.1653C2.86998 14.4183 3.08022 14.6285 3.33333 14.7746L9.16667 18.1079C9.42003 18.2542 9.70744 18.3312 10 18.3312C10.2926 18.3312 10.58 18.2542 10.8333 18.1079L16.6667 14.7746C16.9198 14.6285 17.13 14.4183 17.2763 14.1653C17.4225 13.9123 17.4997 13.6252 17.5 13.3329Z",
@@ -509,105 +568,125 @@ const p = /* @__PURE__ */ Y(O), nn = "_button_8jqm2_5", tn = "_spinnerMarginRigh
509
568
  strokeLinejoin: "round"
510
569
  }
511
570
  )
512
- ] }), Mn = "_resultContainer_10d68_5", qn = "_interactiveResultContainer_10d68_17", Bn = "_interactiveIconLarge_10d68_33", jn = "_interactiveIconSmall_10d68_45", $n = "_imageContainer_10d68_57", Fn = "_contentContainer_10d68_68", Dn = "_image_10d68_57", An = "_heading_10d68_86", zn = "_subheading_10d68_97", Pn = "_bodyContent_10d68_107", Wn = "_button_10d68_117", d = {
513
- resultContainer: Mn,
514
- interactiveResultContainer: qn,
515
- interactiveIconLarge: Bn,
516
- interactiveIconSmall: jn,
517
- imageContainer: $n,
518
- contentContainer: Fn,
519
- image: Dn,
520
- heading: An,
521
- subheading: zn,
522
- bodyContent: Pn,
523
- button: Wn
524
- }, Qn = ({
525
- buttonCallbackFn: t = () => {
571
+ ] }), Pn = "_resultContainer_10d68_5", On = "_interactiveResultContainer_10d68_17", Un = "_interactiveIconLarge_10d68_33", Wn = "_interactiveIconSmall_10d68_45", zn = "_imageContainer_10d68_57", Gn = "_contentContainer_10d68_68", Qn = "_image_10d68_57", Zn = "_heading_10d68_86", Kn = "_subheading_10d68_97", Jn = "_bodyContent_10d68_107", Hn = "_button_10d68_117", C = {
572
+ resultContainer: Pn,
573
+ interactiveResultContainer: On,
574
+ interactiveIconLarge: Un,
575
+ interactiveIconSmall: Wn,
576
+ imageContainer: zn,
577
+ contentContainer: Gn,
578
+ image: Qn,
579
+ heading: Zn,
580
+ subheading: Kn,
581
+ bodyContent: Jn,
582
+ button: Hn
583
+ }, Z = ({
584
+ buttonCallbackFn: n = () => {
526
585
  },
527
- buttonLabel: a = "",
586
+ buttonLabel: e = "",
528
587
  callbackFn: o = () => {
529
588
  },
530
- keyDownCallbackFn: s = () => {
589
+ keyDownCallbackFn: i = () => {
531
590
  },
532
- imageAltText: i = "",
591
+ imageAltText: c = "",
533
592
  interactiveResult: r = !1,
534
- imageSrc: e = "",
593
+ imageSrc: a = "",
535
594
  resultBodyContent: l = "",
536
- resultHeading: c = "",
537
- resultSubheading: h = ""
595
+ resultHeading: s = "",
596
+ resultSubheading: u = ""
538
597
  }) => {
539
- const _ = (C) => {
540
- C.stopPropagation(), t();
541
- }, f = () => {
598
+ const p = (g) => {
599
+ g.stopPropagation(), n();
600
+ }, L = () => {
542
601
  if (r)
543
602
  o();
544
603
  else
545
604
  return;
546
605
  };
547
- return /* @__PURE__ */ u(
606
+ return /* @__PURE__ */ h(
548
607
  "div",
549
608
  {
550
- className: r ? d.interactiveResultContainer : d.resultContainer,
609
+ className: r ? C.interactiveResultContainer : C.resultContainer,
551
610
  id: "searchcraft-item",
552
- onClick: f,
553
- onKeyDown: s,
611
+ onClick: L,
612
+ onKeyDown: i,
554
613
  children: [
555
- r && /* @__PURE__ */ n("div", { className: d.interactiveIconLarge, children: /* @__PURE__ */ n(q, {}) }),
556
- /* @__PURE__ */ n("div", { className: d.imageContainer, children: /* @__PURE__ */ n("img", { alt: i, className: d.image, src: e }) }),
557
- /* @__PURE__ */ u("div", { className: d.contentContainer, children: [
558
- /* @__PURE__ */ u("h2", { className: d.heading, children: [
559
- c,
614
+ r && /* @__PURE__ */ t("div", { className: C.interactiveIconLarge, children: /* @__PURE__ */ t(U, {}) }),
615
+ /* @__PURE__ */ t("div", { className: C.imageContainer, children: /* @__PURE__ */ t("img", { alt: c, className: C.image, src: a }) }),
616
+ /* @__PURE__ */ h("div", { className: C.contentContainer, children: [
617
+ /* @__PURE__ */ h("h2", { className: C.heading, children: [
618
+ s,
560
619
  " ",
561
- r && /* @__PURE__ */ n("div", { className: d.interactiveIconSmall, children: /* @__PURE__ */ n(q, {}) })
620
+ r && /* @__PURE__ */ t("div", { className: C.interactiveIconSmall, children: /* @__PURE__ */ t(U, {}) })
562
621
  ] }),
563
- /* @__PURE__ */ n("h3", { className: d.subheading, children: h }),
564
- /* @__PURE__ */ n("p", { className: d.bodyContent, children: l }),
565
- /* @__PURE__ */ u("button", { className: d.button, onClick: _, type: "button", children: [
566
- /* @__PURE__ */ n(En, {}),
567
- /* @__PURE__ */ n("span", { children: a })
622
+ /* @__PURE__ */ t("h3", { className: C.subheading, children: u }),
623
+ /* @__PURE__ */ t("p", { className: C.bodyContent, children: l }),
624
+ /* @__PURE__ */ h("button", { className: C.button, onClick: p, type: "button", children: [
625
+ /* @__PURE__ */ t(An, {}),
626
+ /* @__PURE__ */ t("span", { children: e })
568
627
  ] })
569
628
  ] })
570
629
  ]
571
630
  }
572
631
  );
573
- }, Zn = "_resultsContainer_pfxt4_5", Kn = {
574
- resultsContainer: Zn
632
+ }, Vn = "_resultsContainer_684vx_5", Xn = {
633
+ resultsContainer: Vn
575
634
  }, Yn = () => {
576
- var a, o, s;
577
- const { searchResults: t } = v();
578
- return /* @__PURE__ */ n("div", { className: Kn.resultsContainer, children: (a = t == null ? void 0 : t.data) != null && a.hits ? (s = (o = t == null ? void 0 : t.data) == null ? void 0 : o.hits) == null ? void 0 : s.map((i, r) => {
579
- const { doc: e } = i;
580
- return /* @__PURE__ */ n(
581
- Qn,
582
- {
583
- buttonLabel: "View More",
584
- buttonCallbackFn: () => {
585
- console.log("button callback");
586
- },
587
- callbackFn: () => {
588
- console.log("interactive");
635
+ var o, i, c, r;
636
+ const { searchResults: n, query: e } = I();
637
+ return /* @__PURE__ */ h("div", { className: Xn.resultsContainer, children: [
638
+ (i = (o = n == null ? void 0 : n.data) == null ? void 0 : o.hits) == null ? void 0 : i.map((a, l) => {
639
+ const { doc: s } = a;
640
+ return /* @__PURE__ */ t(
641
+ Z,
642
+ {
643
+ buttonLabel: "View More",
644
+ buttonCallbackFn: () => {
645
+ console.log("button callback");
646
+ },
647
+ callbackFn: () => {
648
+ console.log("interactive element");
649
+ },
650
+ interactiveResult: !0,
651
+ imageSrc: s == null ? void 0 : s.poster,
652
+ resultBodyContent: s == null ? void 0 : s.overview,
653
+ resultHeading: s == null ? void 0 : s.title,
654
+ resultSubheading: s == null ? void 0 : s.release_date
589
655
  },
590
- interactiveResult: !0,
591
- imageSrc: e == null ? void 0 : e.poster,
592
- resultBodyContent: e == null ? void 0 : e.overview,
593
- resultHeading: e == null ? void 0 : e.title,
594
- resultSubheading: e == null ? void 0 : e.release_date
595
- },
596
- `${e == null ? void 0 : e.id}-${r}`
597
- );
598
- }) : /* @__PURE__ */ n("div", { children: "no results found" }) });
599
- };
656
+ `${s == null ? void 0 : s.id}-${l}`
657
+ );
658
+ }),
659
+ e.length > 0 && ((r = (c = n == null ? void 0 : n.data) == null ? void 0 : c.hits) == null ? void 0 : r.length) === 0 && /* @__PURE__ */ t(
660
+ A,
661
+ {
662
+ errorMessage: `No search results found for ${e} query`
663
+ }
664
+ )
665
+ ] });
666
+ }, m = () => null;
667
+ m.AutoSearchForm = wn;
668
+ m.BaseSearchForm = Dn;
669
+ m.BaseSearchResult = Z;
670
+ m.BaseSearchResults = Yn;
671
+ m.Button = $;
672
+ m.ClearInputButton = M;
673
+ m.ErrorMessage = A;
674
+ m.Input = j;
675
+ m.InputCaption = F;
676
+ m.InputIcon = q;
677
+ m.InputLabel = D;
678
+ m.Provider = tn;
600
679
  export {
601
- Xn as AutoSearchForm,
602
- Vn as BaseSearchForm,
603
- Qn as BaseSearchResult,
680
+ wn as AutoSearchForm,
681
+ Dn as BaseSearchForm,
682
+ Z as BaseSearchResult,
604
683
  Yn as BaseSearchResults,
605
- w as Button,
606
- hn as ErrorMessage,
607
- A as Input,
608
- z as InputLabel,
609
- Jn as Searchcraft,
610
- Gn as SearchcraftProvider,
611
- v as useSearchcraft
684
+ $ as Button,
685
+ A as ErrorMessage,
686
+ j as Input,
687
+ D as InputLabel,
688
+ et as SearchcraftCore,
689
+ m as default,
690
+ I as useSearchcraft
612
691
  };
613
692
  //# sourceMappingURL=index.js.map